@charset "utf-8";
@font-face {
font-family: "MyYuGothicM";
font-weight: normal;
src: local("YuGothic-Medium"), /* Postscript name */
local("Yu Gothic Medium"), /* for Chrome */
local("YuGothic-Regular");
/* Mediumがない場合 */
}
@font-face {
font-family: "MyYuGothicM";
font-weight: bold;
src: local("YuGothic-Bold"), /* Postscript name */
local("Yu Gothic");
/* for Chrome */
}

/* 全体 */

html {
font-size: 62.5%;
line-height: 150%;
min-width: 100%;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", MyYuGothicM, Meiryo, sans-serif;
font-size: 1.6rem;
line-height: 1.6;
}
div, header, footer, div, aside, img {
max-width: 100%;
}
table th, table td{
vertical-align: middle;
}
a:link {
color: blue;
}
.globalFooter a{
color: aliceblue;
}
a:visited {
color: #000066;
}
a:active {
color: #cc6633;
}
a:hover {
color: #cc6633;
}
a:hover img{
opacity: 0.7
}
.content img {
max-width: 100%;
height: auto;
box-sizing: border-box;
}
.sp_visible {
display: none;
}

.content .lay301 img {
width: 100%;
height: auto;
box-sizing: border-box;
float:left;
}

.lay230 {
    float: right;
    width: 75%;
}



/*==================================
グローバルナビゲーション
==================================*/
.globalHeader {
text-align: center;
z-index: 88888888;
background: #fff;
min-width: 978px;
position: relative;
}
.globalHeader .spButton {
display: none;
}

/* ショートカットタブ */
.globalHeader .shortcut {
width: 978px;
margin: 10px auto;
}
.globalHeader .tab {
float: right;
}
.globalHeader .tab .member, .globalHeader .tab .contact {
float: left;
}
.globalHeader .tab a {
display: block;
font-size: 1.4rem;
}
.globalHeader .tab a:hover {
opacity: 0.8;
}
.globalHeader .tab li+li {
margin-left: 30px;
}
.globalHeader .tab .member a:before {
margin: 0 5px 0 0;
content: " ";
display: inline-block;
width: 16px;
height: 16px;
background: url("/img/common/header_tab_key_ver2.png");
vertical-align: text-bottom;
}

.copylogo { margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 200%;
    vertical-align: bottom;
}

/* ナビゲーション */
.globalHeader .navigation {
margin: 20px 0 0 0;
text-align: center;
background: #0E4D6F;
}
.globalHeader .navigation>ul {}
.globalHeader .navigation>ul>li {
display: inline-block;
}
.globalHeader .navigation>ul>li>a {
height: 55px;
padding: 0 39.4px;
display: block;
font-size: 1.8rem;
line-height: 55px;
text-decoration: none;
}
.globalHeader .navigation>ul>li>a:link, .globalHeader .navigation>ul>li>a:visited{
color: #fff;
}
.globalHeader .navigation>ul>li>a:hover {
color: #cc6633;
background-color: #21B1FF;
}
.globalHeader .navigation .active {
font-weight: bold;
text-decoration: none;
}

/* 子 */
.globalHeader .navigation .child {
background: #d2eaa5;
padding: 5px 3px 0 3px;
}
.globalHeader .navigation .child:not(.active) {
display: none;
}
.globalHeader .navigation .child ul {
text-align: left;
width: 978px;
margin: auto;
}
.globalHeader .navigation .child li {
display: inline-block;
padding: 10px;
}
.globalHeader .navigation .child a {
padding: 2px 5px;
}
.globalHeader .navigation .child a:hover {
text-decoration: underline;
}
.globalHeader .navigation .child.active {
visibility: visible;
}

/* 孫 */
.globalHeader .navigation .child.active > ul > li.active{
background: #efffe8;
border-radius: 3px 3px 0 0;
}
.globalHeader .navigation .grandchild {
background: #efffe8;
display: none;
padding: 0 3px;
font-size: 1.4rem;
border-bottom: 1px solid #d2eaa5;
}
.globalHeader .navigation .grandchild.active {
display: block;
}
.globalHeader .navigation .grandchild ul {
text-align: left;
width: 978px;
margin: auto;
}
.globalHeader .navigation .grandchild li {
display: inline-block;
padding: 8px 10px;
}
.globalHeader .navigation .grandchild a {
padding: 0 5px;
}

/* ログイン */
.globalHeader .navigation>ul>li.login {
display: none;
}
/* Chromeカクツキ対策 */
body.child .globalHeader{
min-height: 100px;
}

/* グローバルナビ・ハイライト */
body#top .globalHeader .navigation > ul > li.top > a,
body#ism .globalHeader .navigation > ul > li.ism > a,
body#service .globalHeader .navigation > ul > li.service > a,
body#schedule .globalHeader .navigation > ul > li.schedule > a,
body#performance .globalHeader .navigation > ul > li.performance > a,
body#contact .globalHeader .navigation > ul > li.qa > a,
body#aboutus .globalHeader .navigation > ul > li.aboutus > a,
body#seminar_detail .globalHeader .navigation > ul > li.service > a {
color: #000000 !important;
background-color: #21B1FF !important;
font-weight: bold;
}

/*==================================
フッター
==================================*/
.globalFooter {
min-width: 978px;
background: #fff;
}
.globalFooter a:hover {
opacity: 0.7
}
.globalFooter .contact {
text-align: center;
min-width: 978px;
background: #047CC5;
}
.globalFooter .contact .shortcut {
display: block;
width: 978px;
min-width: 978px;
margin: auto;
padding: 30px 0 40px 0;
}
.globalFooter .contact .shortcut li {
vertical-align: top;
display: inline-block;
min-width: 130px;
text-align: center;
font-size: 1.4rem;
line-height: 1.4;
}
.globalFooter .contact .shortcut li img{
max-width: 84px;
height: auto;
}
.globalFooter .navigation {
background-color: #333333;
font-size: 1.4rem;
}
.globalFooter .navigation>ul {
width: 978px;
min-width: 978px;
margin: 0 auto;
padding: 40px 0;
}
.globalFooter .navigation>ul>li {
width: 153px;
float: left;
margin-bottom: 20px;
}
.globalFooter .navigation>ul>li+li {
margin-left: 12px;
}
.globalFooter .navigation>ul>li:nth-child(2) {
clear: both;
margin-left: 0;
}
.globalFooter .navigation>ul>li>a {
padding-bottom: 20px;
color: #fff;
font-weight: bold;
}
.globalFooter .navigation .ism {
width: 100px;
}
.globalFooter .navigation .service {
width: 100px;
}
.globalFooter .navigation .schedule {
width: 200px;
}
.globalFooter .navigation .performance {
width: 100px;
}
.globalFooter .navigation .qa {
width: 50px;
}
.globalFooter .navigation .aboutus {
width: 150px;
}
.globalFooter .navigation .login {
width: 100px
}
.globalFooter .grandchild {
display: none;
}
.globalFooter .child a {
color: #fff;
line-height: 1.3;
}

.globalFooter .contactInfo {
width: 978px;
padding: 20px 0 20px 0;
margin: 0 auto 20px;
text-align: left;
color: #fff;
}
.globalFooter .contactInfo .info{
font-size: 1.4rem;
}
.globalFooter .contactInfo .name {
font-weight: bold;
font-size: 1.8rem;
}
.globalFooter .contactInfo .name span {
font-weight: normal;
font-size: 1.4rem;
}
.globalFooter .contactInfo .tel {
font-weight: bold;
font-size: 3.2rem;
}
.globalFooter .contactInfo .tel a{
color: #fff;
font-weight: bold;
text-decoration: none;
}
.globalFooter .contactInfo a{
color: #fff;
}
.globalFooter .copyright {
display: block;
margin: 20px auto 0 auto;
text-align: center;
}

/* 資料請求 */
#gopremember {
bottom: 120px;
display: none;
position: fixed;
right: 0;
font-size: 5rem;
}
#goprememberLink:hover {
cursor: pointer;
}

/* トップへ戻る */
#gotop {
bottom: 20px;
display: none;
position: fixed;
right: 5px;
font-size: 5rem;
opacity: 0.7;
}
#gotopLink:hover {
cursor: pointer;
}

/*==================================
コンテナ
==================================*/
.inner_l {
width: 978px;
min-width: 978px;
margin-left: auto;
margin-right: auto;
padding: 70px 0 50px 0;
font-size: 1.68rem;
margin-top: -10px;
}
.inner_m {
width: 820px;
margin-left: auto;
margin-right: auto;
}

/*==================================
見出し
==================================*/
.ttl_a {
margin-bottom: 1.4em;
font-size: 3.4rem;
line-height: 1.4;
font-weight: bold;
text-align: center;
}
.ttl_b {
font-size: 4.4rem;
line-height: 1;
font-weight: bold;
letter-spacing: 0.1em;
}
.ttl_c {
font-size: 3.4rem;
font-weight: bold;
}
.ttl_d {
font-size: 2.8rem;
line-height: 1.8;
padding: 3px 0 3px 70px;
font-weight: bold;
color: #fff;
background: #3F608A;
border-left: 10px solid #21B1FF;
letter-spacing: 0.1em;
}
.ttl_e {
font-size: 2.4rem;
margin: 0 0 20px 0;
font-weight: bold;
padding-left: 20px;
color: #4ea52c;
background: url(/img/common/ttl_e_bg_ver3.png) no-repeat left center;
}
.ttl_f {
font-size: 2.2rem;
margin: 0 0 10px 0;
font-weight: bold;
color: #444957;
}
.ttl_g {
font-size: 2.3rem;
margin: 0 0 20px 0;
font-weight: bold;
padding-left: 50px;
background: url(/img/common/ttl_g_bg.png) no-repeat left center;
}
.ttl_h {
font-size: 2rem;
font-weight: bold;
}
.ttl_i {
color: #333333;
font-size: 3.6rem;
font-weight: bold;
}

/*==================================
本文
==================================*/
.content {
min-width: 978px;
padding: 0 0 40px 0;
font-size: 1.6rem;
line-height: 2;
background: #fff;
}
.content p+p, .content p+ul, .content ul+p, .content p+img, .content p+table, .content table+p {
margin-top: 2em;
}
.content h2 {
margin-top: 100px;
margin-bottom: 55px;
}
.content .inner_l h2:first-child {
margin-top: 0;
}
.content .inner_l h2 {}
.content h3 {
margin-top: 80px;
}
.content h4 {
margin-top: 40px;
}
.content .pagelink li {
list-style-type: disc;
list-style-position: inside;
}

/* ページ内リンク（横並び）　のちほど集約　*/
.content .pagelink_float {
margin-bottom: 80px;
overflow: hidden;
}
.content .pagelink_float li {
list-style-type: none;
display: inline-block;
float: left;
border-right: 1px solid #DDD;
padding: 8px 20px;
}
.content .pagelink_float li:first-child{
border-left: 1px solid #DDD;
}
.content .pagelink_float li:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

/* キービジュアル（デフォルト） */
.keyv_l {
height: 270px;
background: #21B1FF url(/img/common/keyv_bg_default.jpg) no-repeat center;
background-size: cover;
color: #000;
font-feature-settings: normal;
}
.keyv_l .subTitle{
color: #444957;
}
.keyv_l .headline{
margin-top: 40px;
color: #444957;
line-height: 1.6;
}
.keyv_s {
height: 100px;
background: #21B1FF url(/img/common/keyv_bg_default_s.jpg) no-repeat center;
background-size: cover;
}
.keyv_s .inner_l{
padding: 20px 0 0 0;
}




/*==================================
背景色
==================================*/
.bg_gray {
background-color: #f3f3f3;
}
.bg_green {
background-color: #4ea52c;
}
.bg_darkgreen {
background-color: #333333;
}
.bg_white {
background-color: #fff;
}

/*==================================
文字装飾
==================================*/

.t_color_white {
color: #fff !important;
}
.t_color_red {
color: red !important;
}
.t_color_grey {
color: #ccc;
}
.t_color_green {
color: #4EA52C;
}
.t_color_orange {
color: #FF9933;
}
.t_color_orangered{
color: #ff4500;
}

.t_marker {
background: #ff0;
padding: 0.2em;
}

.t_decoration_n{
text-decoration: none;
}
.f_weight_b {
font-weight: bold;
}
.f_size_16{
font-size: 1.6rem;
}
.f_size_20{
font-size: 2rem;
}
.f_size_24{
font-size: 2.4rem;
}
.f_size_26{
font-size: 2.6rem;
}

.d_inline-b{
display: inline-block;
}
.lh14{
line-height: 1.4;
}

/*==================================
リスト装飾
==================================*/
/*自由点リスト*/
.list_type_any li{
text-indent:-1em;
padding-left:1em;
}

/*点付きリスト*/
.list_type_disc {
list-style-type: disc;
margin-left: 1em;
}

/*ボーダー付きリスト*/
.list_border_dot {
list-style: none
}
.list_border_dot li {
border-bottom: dotted 1px #ccc;
padding: 20px 0;
}
.list_border_dot li:last-child {
border-bottom: none;
}

/*==================================
水平線装飾
==================================*/
.hr_short {
height: 2px;
border: 0;
background: linear-gradient(to left, #f5f5f5, #CCC, #f5f5f5);
/* IE10+, W3C */
background: linear-gradient(left, #f5f5f5, #CCC, #f5f5f5);
background: -webkit-linear-gradient(left, #f5f5f5, #CCC, #f5f5f5);
background: -moz-linear-gradient(left, #f5f5f5, #CCC, #f5f5f5);
width: 30%;
}

/*==================================
画像装飾
==================================*/
.img_border {
border: solid 1px #ccc;
}
.img_circle {
border-radius:50%;
}

/*==================================
アイコン装飾
==================================*/
.icon_doc:before {
padding-right: 2px;
font-family: "FontAwesome";
content: "\f0f6";
}
.icon_double_right:after {
font-family: "FontAwesome";
content: "\f101";
}
.icon_arrow:before {
padding-left: 2px;
font-family: "FontAwesome";
content: "\f0da";
}
.icon_check:before {
padding-left: 2px;
font-family: "FontAwesome";
content: "\f046";
}
.icon_down:after {
font-family: "FontAwesome";
content: " \f103";
}
.icon_external:after {
font-family: "FontAwesome";
content: " \f08e";
}
.icon_download:before {
font-family: "FontAwesome";
content: "\f019";
padding-right: 2px;
}
.icon_stars {
font-family: "FontAwesome";
font-size: 2rem;
color: #ccc;
}
.icon_stars.one:before {
content: "\f005";
color: #4ea52c;
}
.icon_stars.one:after {
content: "\f006\f006\f006\f006";
}
.icon_stars.two:before {
content: "\f005\f005";
color: #4ea52c;
}
.icon_stars.two:after {
content: "\f006\f006\f006";
}
.icon_stars.three:before {
content: "\f005\f005\f005";
color: #4ea52c;
}
.icon_stars.three:after {
content: "\f006\f006";
}
.icon_stars.four:before {
content: "\f005\f005\f005\f005";
color: #4ea52c;
}
.icon_stars.four:after {
content: "\f006";
}
.icon_stars.five:before {
content: "\f005\f005\f005\f005\f005";
color: #4ea52c;
}
.icon_location:before {
padding-right: 2px;
font-family: "FontAwesome";
content: "\f041";
}
.icon_target:before {
padding-right: 2px;
font-family: "FontAwesome";
content: "\f140";
}
.icon_instructor:before {
padding-right: 2px;
font-family: "FontAwesome";
content: "\f007";
}
.icon_cycle:before {
padding-right: 2px;
font-family: "FontAwesome";
content: "\f01e";
}
.icon_price:before {
padding-right: 2px;
font-family: "FontAwesome";
content: "\f0d6";
}

/*タグ表現*/
.tag_accepting {
display: inline-block;
padding: 0 0.5em;
background: #990000;
color: #fff;
font-size: 0.6em;
vertical-align: text-top;
}
.tag_autoentry {
display: inline-block;
padding: 0 0.5em;
background-color: cadetblue;
color: #fff;
font-size: 0.6em;
vertical-align: text-top;
}
.tag_closed {
display: inline-block;
padding: 0 0.5em;
background: #CCC;
color: #fff;
font-size: 0.6em;
vertical-align: text-top;
}

.lay121.tag {
    display: block;
    /*margin-top: 5px;*/
    text-align: center;
    font-size: 1.6rem;
    border-radius: 2px;
    box-sizing: border-box;
}

.tag_accepting {
    display: inline-block;
    padding: 0 0.5em;
    background: #990000;
    color: #fff;
    font-size: 0.6em;
    vertical-align: text-top;
}



/*==================================
ボックス装飾
==================================*/
.notice_a{
padding: 30px;
border: 1px solid #54a52c;
background: #efffe8;
box-sizing: border-box;
}

.notice_b{
padding: 30px;
border: 1px solid #ccc;
background: #fafafa;
box-sizing: border-box;
}

.notice_c{
padding: 30px;
border: 1px solid #d2eaa5;
border-top: 3px solid #d2eaa5;
background: #f8ffea;
border-radius: 0 0 16px 16px;
}

/* 省略（もっと読む）ボックス */
.ellipsis{
position:relative;
z-index:0;
}
.ellipsis.onhidden{
height:200px;
overflow-y:hidden;
}
.ellipsis .readmore{
position:absolute;
bottom:0;
width:100%;
padding:40px 0;
text-align:center;
background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0.2), white) repeat scroll 0 0;
cursor:pointer;
z-index:999;
}
.ellipsis .readmore span{
border-radius:20px;
padding:5px 30px;
background-color:#3366CC;
color:#FFF;
}
.ellipsis .readmore span:after{
content: "＋";
padding-left: 3px;
}
.ellipsis .readmore span:hover{
opacity: 0.7;
}

/*==================================
表装飾
==================================*/
/*表A*/
.table_a {
border-collapse: collapse;
width: 100%;
box-sizing: border-box;
}
.table_a th, .table_a td {
border: solid 1px #ccc;
padding: 10px 20px;
vertical-align: middle;
box-sizing: border-box;
}
.table_a th {
background: #eee;
white-space: nowrap;
text-align: left;
font-weight: bold;
}
.table_a p+p {
margin-top: 0.5em;
}

/*表B(table_course)*/
.table_b {
width: 100%;
border-collapse: collapse;
}
.table_b th {
padding: 16px;
border: 1px solid #CCC;
background: #f5f5f5;
font-size: 2rem;
font-weight: bold;
}
.table_b td {
padding: 40px;
border: 1px solid #CCC;
}
.table_b .color_title {
background: #538DD5;
color: #fff;
border-right: 1px solid #ccc;
text-align: left;
}
.table_b.blue th {
background: #DAEEF3;
}
.table_b th.blue {
background: #DAEEF3;
}
.table_b.pink th {
background: #F2DCDB;
}

/*表C(table_course)*/
.table_c {
width: 100%;
border-collapse: separate;
border-spacing: 10px;
}
.table_c th {
margin: 5px;
padding: 10px;
border: none;
font-size: 1.6rem;
font-weight: bold;
text-align: center
}
.table_c td {
padding: 10px;
border: none;
}

/*==================================
ボタン風装飾
==================================*/
/*汎用リンクボタン*/
.link_box {
color: #fff !important;
padding: 20px 40px;
display: inline-block;
background: #699c25;
border-radius: 3px;
text-align: center;
font-weight: 700;
}
a:link.link_box, a:visited.link_box,
.link_box a:link, .link_box a:visited{
color: #fff !important;
text-decoration: none;
}
.link_box:link,.link_box:visited {
color: #fff !important;
}
.link_box:hover {
cursor: pointer;
}
.link_box:active {
background: #900;
color: #fff !important;
}
.link_box:after {
content: "\00A0\00BB";
}
.link_box.w300 {
max-width: 300px;
display: block;
margin: 0 auto;
}
.link_box.large {
padding: 20px 50px;
font-size: 1.5em;
}
.link_box.middle {
padding: 15px 25px;
font-size: 1.25em;
}

/*==================================
パネル風リンク
==================================*/
.panelMenu > li > a {
width: 100%;
display: inline-block;
text-decoration: none;
}
.panelMenu > li {
margin-top: 35px;
margin-bottom: 35px;
}

.ttl_a + .panelMenu > li {
margin-top: 0;
}
.panelMenu > li .thumb img{
width: 100%;
height: auto;
}
.panelMenu > li .title {
padding: 12px 30px 12px 15px;
font-size: 2.0rem;
line-height: 1.5;
color: #fff;
background: #0E4D6F url(/img/common/btn_panelmenu_bg.png) no-repeat right center;
}
.panelMenu > li .title:hover {
color: #cc6633;
background-color: #21B1FF;
}

.panelMenu > li .txt {
padding-top: 20px;
font-size: 1.6rem;
line-height: 1.75;
}

/*==================================
フォーム装飾
==================================*/
/*フォームA*/
.form_a .fieldName {
font-weight: bold;
}
.form_a .required:before {
content: "*";
color: red;
}
.form_a .fieldName + p{
margin-top: 0;
}
.form_a select, .form_a input, .form_a textarea, .form_a button {
vertical-align: 0.2em;
}
.form_a input[type="text"], .form_a input[type="email"], .form_a input[type="url"] {
width: 100%;
font-size: 1.8rem;
padding: 10px;
box-sizing: border-box;
}
.form_a input[type="radio"] {
margin-right: 3px;
}
.form_a textarea {
width: 100%;
height: 300px;
font-size: 1.8rem;
padding: 10px;
box-sizing: border-box;
}
.form_a input[type="submit"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: none;
display: inline-block;
background: #0E4D6F;
color: #fff;
transition: all 0.2s;
font-size: 3rem;
padding: 10px;
margin: auto;
border-radius: 5px;
cursor: pointer;
width: 300px;
max-width: 100%;
}
.form_a  input[type="submit"]:hover {
opacity: 0.5;
}
.form_a  input[type="submit"]:active {
opacity: 0.3;
}



#aboutus .mt20 {
    margin-top: 20px;
    overflow: auto;
}

.lay301 .title {
    padding: 12px 30px 12px 15px;
    font-size: 2.0rem;
    line-height: 1.5;
    color: #fff;
    background: #21B1FF url(/img/common/btn_panelmenu_bg.png) no-repeat right center;
    margin-bottom: 20px;
    text-decoration: none !important;
}

.lay301 .col_a {
    width: 120px;
    margin-right: 20px;
    float: left;
    text-align: center;
}

.lay121.tag {
    display: block;
    /*margin-top: 5px;*/
    text-align: center;
    font-size: 1.6rem;
    border-radius: 2px;
    box-sizing: border-box;
}

.lay301 .col_b {
    width: 380px;
    margin-right: 20px;
    float: left;
}

.lay301 .col_c {
    width: 368px;
    margin-left: 0px;
    float: right;
    font-size: 95%;
}

.lay301 .tag_prace {
    display: inline-block;
    padding: 0.05em 0.6em;
    margin-right: 5px;
    vertical-align: text-top;
    font-size: 0.9em;
    color: #fff;
    background-color: #666666;
    border-radius: 3px;
}
.lay301 li {
    vertical-align: middle;
    margin: 5px 0;
}

.lay301 > a {
    text-decoration: none;
}


.lay301 .title:hover {
    color: #cc6633;
    background-color: #9ff7f6;
}


/*==================================
列 (. inner_l - 978px - の場合の幅px)
==================================*/
.col_two > li {
width: 49.386%;
/* 483px */
padding: 0 1%;
box-sizing: border-box;
}
.col_three > li {
width: 32.515%;
/* 318px */
padding: 0 9px;
box-sizing: border-box;
}
.col_two > li, .col_three > li {
margin-right: 1.226%;
float: left;
}
.col_two > li:nth-child(2n), .col_three > li:nth-child(3n) {
margin-right: 0;
}
.col_three:after, .col_two:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0;
line-height: 0;
}

@media screen and (max-width: 639px) {
.globalHeader, .globalHeader .shortcut, .globalHeader .navigation .child ul, .globalFooter, .globalFooter .contact, .globalFooter .contactInfo, .globalFooter .copyright, .globalFooter .contact .shortcut, .globalFooter .navigation>ul, .content, .inner_l, .inner_m {
width: auto;
min-width: initial;
}
.pc_visible {
display: none;
}
.sp_visible {
display: block;
}
.scroll_x{
overflow-x: scroll;
}
/*==================================
SP: ヘッダー
==================================*/
/* Chromeカクツキ対策解除 */
body.child .globalHeader{
min-height: auto;
}

.globalHeader {
width: 100%;
height: 50px;
position: fixed;
top: 0;
background: #fff;
box-shadow: 0 0 2px #000;
vertical-align: middle;
}
.globalHeader .shortcut{
height: auto;
margin: auto;
}
.globalHeader .tab, .globalHeader .logo .copy {
display: none;
}
.globalHeader .logo {
height: auto;
position: relative;
top: 10px;
width: 100px;
padding: 1px 15px;
float: left;
}
.globalHeader .copylogo {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 50%;
    vertical-align: bottom;
}

.globalHeader .logo img {
width: 100%;
max-width: 100%;
height: auto;
}
.globalHeader .spButton {
width: 60px;
height: 50px;
float: right;
display: block;
font-size: 30px;
background: #4ea52c;
color: #fff;
font-weight: bold;
}
.globalHeader .spButton i{
vertical-align: middle;
}
.globalHeader .navigation {
display: none;
width: 100%;
margin: 0;
position: absolute;
top: 50px;
box-shadow: 0 0 2px #000;
}
.globalHeader .navigation .child {
background-image: none;
}
.globalHeader .navigation>ul>li {
display: block;
}
.globalHeader .navigation>ul>li>a {
color: #fff;
display: block;
font-size: 1.6rem;
height: auto;
line-height: 1.6;
padding: 5px 10px;
text-align: left;
border-bottom: 1px solid;
}
.globalHeader .navigation .child {
display: none;
}
.globalHeader .navigation>ul>li.login {
display: block;
}
/*==================================
SP: フッター
==================================*/
.globalFooter .contact .shortcut {
margin: 20px auto 0 auto;
}
.globalFooter .contact .shortcut li {
min-width: 100px;
margin-bottom: 20px;
font-size: 1.2rem;
}
.globalFooter .navigation>ul {
padding: 0;
}
.globalFooter .navigation>ul>li {
width: 50% !important;
margin-bottom: 0;
padding: 10px 0;
text-align: center;
box-sizing: border-box;
border-bottom: 1px solid #fff;
}
.globalFooter .navigation>ul>li+li {
margin-left: 0;
}
.globalFooter .navigation>ul>li:nth-child(2) {
clear: none;
}
.globalFooter .navigation>ul>li:nth-child(2n) {
border-left: 1px solid #fff;
}
.globalFooter .navigation>ul>li a {
text-decoration: none;
font-weight: normal;
}
.globalFooter .navigation .child {
display: none;
}
.globalFooter .contactInfo {
text-align: center;
padding: 30px 10px;
}
.globalFooter .contactInfo .tel {
font-weight: bold;
font-size: 2.4rem;
}
.globalFooter .contactInfo .name span{
display: inline-block;
}
.globalFooter .contactInfo .mail {
line-height: 1.2;
padding-bottom: 10px;
}
.globalFooter .contactInfo .mail a{
display: inline-block;
}
.globalFooter .copyright {
font-size: 1.2rem;
text-align: center;
}

/* 資料請求 */
#gopremember {
bottom: 70px;
}
#gopremember img{
width: 30px;
height: auto;
}
/* トップへ戻る */
#gotop{
bottom: 10px;
}
#gotop img{
width: 50px;
height: auto;
}

/*==================================
SP: 列
==================================*/
.col_two > li, .col_three > li {
width: 100%;
margin-top: 40px;
}
.col_two > li, .col_three > li {
margin-right: 0;
float: none;
}
/*==================================
SP: 見出し
==================================*/
.content h2 {
margin-top: 40px;
margin-bottom: 20px;
}
.content h3 {
margin-top: 40px;
}
.ttl_b {
font-size: 2.4rem;
line-height: 1.6;
}
.ttl_c {
font-size: 2.4rem;
line-height: 1.6;
}
.ttl_d {
padding-left: 10px;
font-size: 2.4rem;
}
.ttl_e {
font-size: 2rem;
line-height: 1.4;
}
/*==================================
SP: 本文
==================================*/
.inner_l, .inner_m {
padding: 20px 10px;
box-sizing: border-box;
}
.inner_l .inner_m{
padding: 0;
}

.content {
margin-top: 50px;
padding-bottom: 0;
font-size: 1.4rem;
line-height: 1.6;
}

/* キービジュアル（デフォルト） */
.keyv_l .inner_l, .keyv_s .inner_l {
padding: 10px;
text-align: center;
}
.keyv_l .inner_l h1, .keyv_s .inner_l h1 {
margin-bottom: 0;
}
.keyv_l {
height: auto;
}
.keyv_l .headline{
margin-top: 10px;
}
.keyv_l img{ display: none; }
.keyv_s {
height: auto;
background-image: none;
}

.table_responsive th,
.table_responsive td {
display: block;
width: 100% !important;
box-sizing: border-box;
}

/*装飾*/
.f_size_20{
font-size: 1.8rem;
}
.f_size_24{
font-size: 2.2rem;
}
.f_size_26{
font-size: 2.2rem;
}
/*表A*/
.table_a th {
padding: 10px;
}
.table_a td {
padding: 15px;
}
/*表B(table_course)*/
.table_b th {
padding: 10px;
}
.table_b td {
padding: 20px;
}

/* ナビゲーション */
.localNavigation {
text-align: center;
background: #fff;
}
.localNavigation>li>a {
height: 55px;
padding: 0 20px;
display: block;
font-size: 1.8rem;
line-height: 55px;
text-decoration: none;
}
/*子*/
.localNavigation .child li {
text-align: left;
border-bottom: 1px solid #444957;
}
.localNavigation .child a {
color: #444957;
text-decoration: none;
padding: 7px 10px;
display: block;
}
.localNavigation .child a:before {
content: "・";
margin-right: 5px;
}
.localNavigation>li>a,
.localNavigation>li>a.active {
height: auto;
line-height: normal;
padding: 8px 10px;
color: #fff !important;
background-color: #444957;
}
.localNavigation .child .active {
background-color: #ccc;
}
/*孫*/
.localNavigation .grandchild{
display: none;
}
.localNavigation .grandchild.active{
display: block;
}
.localNavigation .grandchild li {
border-bottom: none;
}
.localNavigation .grandchild a {
color: #444957;
text-decoration: none;
padding: 7px 5px 7px 30px;
display: block;
}
.localNavigation .grandchild a:before {
content: "∟";
margin-right: 5px;
}
.localNavigation .grandchild .active {
font-weight: bold;
}
}
.ttl_e {
    font-size: 2.4rem;
    margin: 0 0 20px 0;
    font-weight: bold;
    padding-left: 20px;
    color: #047CC5;
    background: url(../img/common/ttl_e_bg_ver3.png) no-repeat left center;
}
.contactInfo .name {
    font-weight: bold;
    font-size: 1.8rem;
}
.contactInfo .name span {
    font-weight: normal;
    font-size: 1.4rem;
}
.contactInfo .tel {
    font-weight: bold;
    font-size: 3.2rem;
}
.contactInfo {
    width: 978px;
    padding: 0 0 20px 0;
    margin: 0 auto 20px;
    text-align: left;
    color: #fff;
}

@media screen and (max-width: 639px) {

.content .lay301 img {
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.lay230 {
    width: 100%;
}

}