@charset "UTF-8";

/*---
共通スタイル
header
footer
は全ページに適用

その他は
トップページ
資料請求
お問い合わせページのみに適用する
---*/

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*---------------------------------------------------------------
sp-tb-pc
---------------------------------------------------------------*/
@media screen and (max-width:1023px) {

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
font-size: 100%;
}

.sp { display:block; }
.pc { display:none; }

#gNavi { display: none; }

*:focus {
outline: none;
}

a:link {
color: #108ccf;
text-decoration: none;
}
a:visited {
color: #108ccf;
text-decoration: none;
}
a:hover, a:active {
color: #108ccf;
text-decoration: underline;
}

@font-face {
  font-family: "font-awesome";
  src: url("http://www.buscatch.com/font/font-awesome/fontawesome-webfont.eot");
  src: url("http://www.buscatch.com/font-awesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),
   /*url("http://www.buscatch.com/font-awesome/fontawesome-webfont.woff") format("woff"),*/
   url("http://www.buscatch.com/font-awesome/fontawesome-webfont.ttf") format("truetype"),
   url("http://www.buscatch.com/font-awesome/fontawesome-webfont.svg#typicons") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
font: 13px/1.231 'Noto Sans JP', 'roboto' , "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,  "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
-webkit-text-size-adjust: 100%;
}

/*---------------------------------------------------------------
common（base.css）overwrite
---------------------------------------------------------------*/
/*---1559---*/
.mod-list-float li { float:none; width:100%; }

/*---1693---*/
.mod-list-ar2 .mod-list-ar2-item {
background-color:transparent; 
background:none;
padding: 0;
border-top:1px solid #ccc;
}
.mod-list-ar2 .mod-list-ar2-item a {
background-image:url("../images/sp/common/i_ar_gray.png");
background-repeat: no-repeat;
background-position: 96% center;
background-size:9px 12px;
color:#333;
display:block;
padding: 20px 25px 20px 35px;
text-decoration:none;
}
.mod-list-ar2 .mod-list-ar2-item2 { padding: 5px 0 5px 15px; background: none; }

/*---1716 ---*/
.mod-list-indent .mod-list-indent-item { line-height:1.6; }

/*---1746---*/
.mod-list-3col { letter-spacing:-.40em; width:100%; }
.mod-list-3col .mod-list-3col-item { letter-spacing:normal; width:50%; float:none; display:inline-block; vertical-align:top; margin-right: 0; margin-left:0; padding:0 5px 0 0; border:none; }
.mod-list-3col .mod-list-3col-item:nth-child(even) { border:none; padding:0 0 0 5px; }

/*---1965---*/
.mod-box-550btm { padding-bottom:0; background:none; }

/*---1976---*/
.mod-box-345pink-top {
width: 100%;
padding: 0;
background: url("../images/bg_345_pink_top.gif") no-repeat;
background:#ffe6eb;
border-radius:6px 6px 0 0;
float:none !important;
}

.mod-box-345pink-btm {
width: 100%;
padding: 0;
background: url("../images/bg_345_pink_btm.gif") no-repeat bottom;
background:#ffe6eb;
border-radius:0 0 6px 6px;
float:none !important;
}

.mod-box-345pink-btm .mod-bg-pink { border-radius:6px; }
.mod-box-345pink-btm .mod-bg-pink dl dt img { max-width:152px; height:auto; }

/*---1988---*/
.mod-box-345blue-top {
float:none;
width: 100%;
margin-top:20px;
padding: 0;
background:#dcedfa;
float:none !important;
}

.mod-box-345blue-btm {
float:none;
width: 100%;
padding: 0;
background:#dcedfa;
float:none !important;
}
.mod-box-345blue-btm .mod-bg-blue dl dt img { max-width:152px; height:auto; }


/*---2030---*/
.mod-main-top { background:none; padding-top:0; }

/*---2035---*/
.mod-main-btm { padding-bottom: 0; background:none; }

/*---2040---*/
.mod-main-box { background:none; background-color:#fff; border-top:1px solid #ccc; padding:10px; }
.mod-main-box h2 { text-align:center; }
.mod-main-box h2 img { width:100%; height:auto; max-width:710px; }

/*---2049---*/
.mod-head {
 margin: 30px 0 0 0;
 padding: 10px 8px 8px;
 border-left: 6px solid #108ccf;
background: #dcedfa;
font-size: 108%;
font-weight: 600;
}
.mod-head span { font-size:75%; font-weight:400; }

/*---2049---*/
.mod-head2 {
background: #fff;
border: 1px solid #ccc;
font-size: 108%;
padding: 10px 5px;
}

/*---2066---*/
.mod-head2 .mod-head2-inner { font-size:100%; }
.mod-head2 .mod-head2-inner span { font-size:150%; }

/*---2094---*/
.mod-wrap { width: 100%; margin: 0 auto; }

/*---2107---*/
.mod-box-social .mod-box-social { background:none; }
.mod-box-social li { float:none; margin-left:0; }
.mod-box-social .mod-box-social-top { width:100%;padding-top:0; background:none; }
.mod-box-social .mod-box-social-btm { width:100%;padding-bottom:0; background:none; }
.mod-box-social .mod-box-social li { float:none; display:inline-block; letter-spacing:normal; vertical-align:top; margin:0; padding:0; }
.mod-box-social .mod-box-social li div { display:inline-block; }

/*---2159---*/
.js-slide.mat5 { margin-top:10px !important; }
.js-slide .js-slide-head {
background-color:#fff;
background-image:url("../images/sp/common/i_ar_close.png");
background-repeat: no-repeat;
background-position: 96% center;
background-size:18px 18px;
padding:20px;
position:relative;
width:100%;
}
.js-slide .js-slide-head:after { content:attr(data-label); }
.js-slide .js-slide-head img { display:none; }
.js-slide .js-slide-body dt {
background-image:url("../images/sp/common/i_ar_close.png");
background-repeat: no-repeat;
background-position: 96% center;
background-size:18px 18px;
background-color:#108ccf;
color:#fff;
font-weight:600;
display:inline-block;
position:relative;
text-align:left;
padding:20px;
width:100%;
}
.js-slide .js-slide-body dt.active {
background-image:url("../images/sp/common/i_ar_open.png");
background-repeat: no-repeat;
background-position: 96% center;
background-size:18px 18px;
background-color:#108ccf;
color:#fff;
font-weight:600;
}


.js-slide .js-slide-body dt:before { content:attr(data-label); } 
.js-slide .js-slide-body dt img { display:none; }
.js-slide .js-slide-body dd {}

/*---2184---*/
.mod-slide-top { background:none; padding:0; }
.mod-slide-btm { background:none; padding:0; }

/*--- 2262---*/
.mod-list-tb .mod-list-tb-item { width:100%; }
.mod-list-tb .mod-list-tb-item a {
display:block;
padding:20px;
width:100%;
}
.mod-list-tb .mod-list-tb-item dl { width:100%; letter-spacing:-.40em; }
.mod-list-tb .mod-list-tb-item dl dt { width:100%; float:none; display:inline-block; letter-spacing:normal; position:relative; }
.mod-list-tb .mod-list-tb-item dl dt:after { content:attr(data-label); } 
.mod-list-tb .mod-list-tb-item dl dd { width:100%; float:none; display:inline-block; letter-spacing:normal; }

/*---2456---*/
#header { text-align:left; padding:10px 10% 10px 10px; letter-spacing:-.40em; position:relative; }
#header h1 { float:none; display:inline-block; width:35%; vertical-align:middle; max-width:40%; }
#header h1 img { width:149px; height:auto; }
#header ul { float:none; display:inline-block; letter-spacing:-.40em; width:65%; vertical-align:middle; display:none; }
#header ul li { display:inline-block; letter-spacing:normal; vertical-align:middle; }
#header ul li a { border:1px solid #ccc; border-radius:3px; font-size:100%; padding:9px; text-decoration:none; }

/*---2480---*/
#main { float:none; width:100%; }

/*---2485---*/
#side { float:none; width:100%; text-align:left; }
#side dl { text-align:left; }
#side dl dt { text-align:left; }

#side > ul:nth-child(2) { padding:20px 10px 10px; }
#side > ul:nth-child(2) li { margin-top:15px !important; }
#side > ul:nth-child(2) li:first-child { margin-top:0; }
#side > ul:nth-child(2) li a { background-color:#fff; border:1px solid #ccc; border-radius:6px; font-size:116%; padding:20px; display:block; text-decoration:none; text-align:center; width:100%; position:relative; }
#side > ul:nth-child(2) li a:after { content:attr(data-label); } 
#side > ul:nth-child(2) li a img { display:none; }
#side > ul:nth-child(2) li:nth-child(4) { margin-top:30px !important; }
#side > ul:nth-child(2) li:nth-child(4) a { border:3px solid #ffefef; }

#side > ul:nth-child(2) li:first-child a {
background: rgb(71,167,218);
background: -moz-linear-gradient(top, rgb(71,167,218) 0%, rgb(16,140,207) 100%);
background: -webkit-linear-gradient(top, rgb(71,167,218) 0%,rgb(16,140,207) 100%);
background: linear-gradient(to bottom, rgb(71,167,218) 0%,rgb(16,140,207) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a7da', endColorstr='#108ccf',GradientType=0 );
border:1px solid #067ab8;
color:#fff;
font-weight:600;
}

#side > ul:nth-child(2) li:nth-child(2) a {
background: rgb(247,148,83);
background: -moz-linear-gradient(top, rgb(247,148,83) 0%, rgb(243,97,0) 100%);
background: -webkit-linear-gradient(top, rgb(247,148,83) 0%,rgb(243,97,0) 100%);
background: linear-gradient(to bottom, rgb(247,148,83) 0%,rgb(243,97,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79453', endColorstr='#f36100',GradientType=0 );
border:1px solid #f36100;
color:#fff;
font-weight:600;
}

#side > ul:nth-child(2) li:nth-child(3) a {
background: rgb(247,148,83);
background: -moz-linear-gradient(top, rgb(247,148,83) 0%, rgb(243,97,0) 100%);
background: -webkit-linear-gradient(top, rgb(247,148,83) 0%,rgb(243,97,0) 100%);
background: linear-gradient(to bottom, rgb(247,148,83) 0%,rgb(243,97,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79453', endColorstr='#f36100',GradientType=0 );
border:1px solid #f36100;
color:#fff;
font-weight:600;
}

#side > ul:nth-child(2) li:nth-child(4) a {
background: rgb(251,253,254);
background: -moz-linear-gradient(top, rgb(251,253,254) 0%, rgb(185,221,241) 100%);
background: -webkit-linear-gradient(top, rgb(251,253,254) 0%,rgb(185,221,241) 100%);
background: linear-gradient(to bottom, rgb(251,253,254) 0%,rgb(185,221,241) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfdfe', endColorstr='#b9ddf1',GradientType=0 ); 
border:1px solid #fff;
color:#108ccf;
font-weight:600;
}

#side > ul:nth-child(2) li:first-child a:before {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f1b9";
font-size: 116%;
font-weight: normal;
left: 20px;
top: 50%;
margin-top: -8px;
}

#side > ul:nth-child(2) li:nth-child(2) a:before {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f108";
font-size: 116%;
font-weight: normal;
left: 20px;
top: 50%;
margin-top: -8px;
}

#side > ul:nth-child(2) li:nth-child(3) a:before {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f02d";
font-size: 116%;
font-weight: normal;
left: 22px;
top: 50%;
margin-top: -8px;
}

#side > ul:nth-child(2) li:nth-child(4) a:before {
position: absolute;
font-family: FontAwesome;
content: "\f06b";
font-size: 116%;
font-weight: normal;
left: 20px;
top: 50%;
margin-top: -8px;
}

#side .mod-list-ar2 .mod-list-ar2-item2 { padding: 5px 0; background: none; border-top:1px solid #ccc; }

/*---2503---*/
#topicPath { display:none; }
#topicPath ol {
background-color:#fff;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:0;
}
#topicPath ol li {
display: inline-block;
margin: 0;
padding:0;
background:none;
color: #000;
letter-spacing: normal;
border-right:1px solid #ccc;
position:relative;
}
#topicPath ol li.first {
padding-left: 0;
background: none;
}

#topicPath ol li:nth-child(2) {
border-right:1px solid #ccc;
padding:10px;
}

#topicPath ol li a {
color: #000;
display:block;
padding:10px 10px 10px 30px;
position:relative;
}
#topicPath ol li a:hover {
text-decoration:none;
}

#topicPath ol li.first a:before {
position:absolute;
font-family: FontAwesome;
content:"\f015";
color:#108ccf;
font-size:100%;
font-weight:normal;
left:11px;
top:50%;
margin-top:-7px;
}

/*---2521---*/
#gnav {
position:absolute;
top:0;
background: rgba(0,0,0,0.6);
width:100%;
height:100%;
letter-spacing:-.40em;
z-index:300001;
overflow:scroll;
}

#gnav dl { background-color:#fff; letter-spacing:-.40em; padding:10px 10px 20px; width:100%; }
#gnav dl dt { display:inline-block; width:75%; letter-spacing:normal; vertical-align:middle; }
#gnav dl dt img { width:100%; height:auto; max-width:149px; }
#gnav dl dd { display:inline-block; width:25%; letter-spacing:normal; vertical-align:middle; } 
#gnav dl dd a.closeBtn {
background: rgb(247,247,247);
background: -moz-linear-gradient(top, rgb(247,247,247) 0%, rgb(224,224,224) 100%);
background: -webkit-linear-gradient(top, rgb(247,247,247) 0%,rgb(224,224,224) 100%);
background: linear-gradient(to bottom, rgb(247,247,247) 0%,rgb(224,224,224) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e0e0e0',GradientType=0 );
border:1px solid #ccc;
border-radius:3px;
color:#333;
font-size:100%;
font-weight:600;
padding:7px 5px;
text-align:center;
text-decoration:none;
}
#gnav dl dd a.closeBtn:hover { background-color:#eee; cursor:pointer; }
#gnav dl dd a.closeBtn i { padding-right:5px; }

#gnav ul {
background-color:#fff;
padding:0 10px;
}
#gnav li { float: none; display:inline-block; letter-spacing:normal; vertical-align:middle; border-bottom:1px solid #ccc; }
#gnav li a {
display:block;
font-size:116%;
color:#333;
padding:20px;
text-decoration:none;
}
#gnav li a:hover { text-decoration:none; } 
#gnav li a:before { content:attr(data-label); }
#gnav li img { display:none; }

#gnav li:first-child {
background-color:#fff;
background-image:url("../images/sp/common/p_car_at.png");
background-repeat: no-repeat;
background-position: center top;
background-size:130px 104px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-radius:6px;
text-align:center;
vertical-align:top;
width:48%;
}
#gnav li:first-child a {
background-image:url("../images/sp/common/i_ar_blue.png");
background-repeat: no-repeat;
background-position: 95% 40px;
background-size:9px 12px;
border-radius:6px;
padding:95px 10px 55px 10px;
vertical-align:middle;
text-align:center;
}

#gnav li:nth-child(2) {
background: rgb(71,167,218);
background: -moz-linear-gradient(top, rgb(71,167,218) 0%, rgb(16,140,207) 100%);
background: -webkit-linear-gradient(top, rgb(71,167,218) 0%,rgb(16,140,207) 100%);
background: linear-gradient(to bottom, rgb(71,167,218) 0%,rgb(16,140,207) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a7da', endColorstr='#108ccf',GradientType=0 );
border:1px solid #067ab8;
border:none;
border-radius:3px;
width:41%;
position:absolute;
top:194px;
left:5%;
}
#gnav li:nth-child(2) a {
background-image:url("../images/sp/common/i_ar_white.png");
background-repeat: no-repeat;
background-position: 95% center;
background-size:9px 12px;
color:#fff;
padding:6px 20px 6px 10px;
text-align:left;
vertical-align:middle;
position:relative;
}
#gnav li:nth-child(2) a:hover { text-decoration:none; }

#gnav li:nth-child(3) {
background-color:#fff;
background-image:url("../images/sp/common/p_bike_mt.png");
background-repeat: no-repeat;
background-position: center top;
background-size:110px 88px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-radius:3px;
margin-top:0;
margin-left:4%;
text-align:center;
vertical-align:top;
width:48%;
}
#gnav li:nth-child(3) a {
background-image:url("../images/sp/common/i_ar_blue.png");
background-repeat: no-repeat;
background-position: 95% 40px;
background-size:9px 12px;
border-radius:6px;
padding:95px 10px 55px 10px;
vertical-align:middle;
}

#gnav li:nth-child(4) {
background: rgb(71,167,218);
background: -moz-linear-gradient(top, rgb(71,167,218) 0%, rgb(16,140,207) 100%);
background: -webkit-linear-gradient(top, rgb(71,167,218) 0%,rgb(16,140,207) 100%);
background: linear-gradient(to bottom, rgb(71,167,218) 0%,rgb(16,140,207) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a7da', endColorstr='#108ccf',GradientType=0 );
border:1px solid #067ab8;
border:none;
border-radius:3px;
width:41%;
position:absolute;
top:194px;
right:5%;
}
#gnav li:nth-child(4) a {
background-image:url("../images/sp/common/i_ar_white.png");
background-repeat: no-repeat;
background-position: 95% center;
background-size:9px 12px;
color:#fff;
padding:6px 20px 6px 10px;
text-align:left;
vertical-align:middle;
position:relative;
}
#gnav li:nth-child(4) a:hover { text-decoration:none; }

#gnav li:nth-child(5) {
background-color:#fff;
background-image:url("../images/sp/common/p_facility.png");
background-repeat: no-repeat;
background-position: 16px 40%;
background-size:52px 42px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px dotted #ccc;
border-left:1px solid #ccc;
border-radius:6px 6px 0 0;
margin-top:10px;
width:100%;
text-align:left;
}
#gnav li:nth-child(5) a {
background-image:url("../images/sp/common/i_ar_blue.png");
background-repeat: no-repeat;
background-position: 95% center;
background-size:9px 12px;
border-radius:6px 6px 0 0;
padding:20px 20px 20px 90px;
vertical-align:middle;
text-align:left;
}
#gnav li:nth-child(5) a:before { content:attr(data-label); } 

#gnav li:nth-child(6) {
background-color:#fff;
background-image:url("../images/sp/common/p_course.png");
background-repeat: no-repeat;
background-position: 16px center;
background-size:52px 42px;
border-right:1px solid #ccc;
border-bottom:1px dotted #ccc;
border-left:1px solid #ccc;
width:100%;
text-align:left;
}
#gnav li:nth-child(6) a {
background-image:url("../images/sp/common/i_ar_blue.png");
background-repeat: no-repeat;
background-position: 95% center;
background-size:9px 12px;
padding:20px 20px 20px 90px;
vertical-align:middle;
text-align:left;
}
#gnav li:nth-child(6) a:before { content:attr(data-label); } 

#gnav li:nth-child(7) {
background-color:#fff;
background-image:url("../images/sp/common/p_access.png");
background-repeat: no-repeat;
background-position: 16px center;
background-size:52px 42px;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-radius:0 0 6px 6px;
margin-bottom:10px;
width:100%;
text-align:left;
}
#gnav li:nth-child(7) a {
background-image:url("../images/sp/common/i_ar_blue.png");
background-repeat: no-repeat;
background-position: 95% center;
background-size:9px 12px;
padding:20px 20px 20px 90px;
vertical-align:middle;
text-align:left;
}
#gnav li:nth-child(7) a:before { content:attr(data-label); } 

#gnav li:nth-child(8) {
background-color:#fff;
border-bottom:none;
width:100%;
text-align:center;
padding:0;
}
#gnav li:nth-child(8) a {
background: rgb(71,167,218);
background: -moz-linear-gradient(top, rgb(71,167,218) 0%, rgb(16,140,207) 100%);
background: -webkit-linear-gradient(top, rgb(71,167,218) 0%,rgb(16,140,207) 100%);
background: linear-gradient(to bottom, rgb(71,167,218) 0%,rgb(16,140,207) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a7da', endColorstr='#108ccf',GradientType=0 );
border:1px solid #067ab8;
color:#fff;
font-weight:600;
padding:18px 10px;
text-align:center;
border:1px solid #108ccf;
border-radius:6px;
vertical-align:middle;
position:relative;
}

#gnav li:nth-child(8) a:before {
position:absolute;
font-family: FontAwesome;
content:"\f108";
font-size:116%;
font-weight:normal;
left:20px;
top:50%;
margin-top:-8px;
}

#gnav li:nth-child(9) {
background-color:#fff;
border-bottom:none;
width:100%;
text-align:center;
padding:10px 0 0 0;
}
#gnav li:nth-child(9) a {
background: rgb(247,148,83);
background: -moz-linear-gradient(top, rgb(247,148,83) 0%, rgb(243,97,0) 100%);
background: -webkit-linear-gradient(top, rgb(247,148,83) 0%,rgb(243,97,0) 100%);
background: linear-gradient(to bottom, rgb(247,148,83) 0%,rgb(243,97,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79453', endColorstr='#f36100',GradientType=0 );
border:1px solid #f36100;
color:#fff;
font-weight:600;
padding:18px 10px;
text-align:center;
border:1px solid #f36100;
border-radius:6px;
vertical-align:middle;
position:relative;
}
#gnav li:nth-child(9) a:before {
position:absolute;
font-family: FontAwesome;
content:"\f02d";
font-size:116%;
font-weight:normal;
left:20px;
top:50%;
margin-top:-8px;
}

#gnav li:nth-child(10) {
background-color: #fff;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px dotted #ccc;
border-left: 1px solid #ccc;
border-radius: 6px 6px 0 0;
margin-top: 30px;
width: 100%;
text-align: left;
}
#gnav li:nth-child(11) {
background-color: #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-radius: 0 0 6px 6px;
width: 100%;
text-align: left;
}



#gnav .closeBtn { background-color:#fff; padding:0 10px 80px; width:100%; }
#gnav .closeBtn a { 
background: rgb(247,247,247);
background: -moz-linear-gradient(top, rgb(247,247,247) 0%, rgb(224,224,224) 100%);
background: -webkit-linear-gradient(top, rgb(247,247,247) 0%,rgb(224,224,224) 100%);
background: linear-gradient(to bottom, rgb(247,247,247) 0%,rgb(224,224,224) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e0e0e0',GradientType=0 );
border:1px solid #ccc;
border-radius:3px;
cursor:pointer;
color:#333;
display:inline-block;
text-align:center;
margin-top:30px;
padding:10px 20px;
font-size:131%;
letter-spacing:normal;
}
#gnav .closeBtn a:hover { background-color:#eee; text-decoration:none; }
#gnav .closeBtn a i { padding-right:5px; } 

/*---2531---*/
#footer { margin:0; }

/*---2542---*/
#footer #footerTop { background: url("../images/bg_footer_top.gif") no-repeat center top; padding-top:56px; height:auto; }
#footer #footerTop .mod-wrap { height:auto; }
#footer #footerTop .mod-wrap p { position:relative; letter-spacing:normal; right:auto; bottom:auto; border-bottom:none; }
#footer #footerTop .mod-wrap p img { display:none; }
#footer #footerTop .mod-wrap p a:after{ content:attr(data-label); }
#footer #footerTop .mod-wrap p a { background-color:#108ccf; color:#fff; display:block; text-align:center; padding:10px; text-decoration:none; position:relative; }
#footer #footerTop .mod-wrap p a:hover { cursor:pointer; }
#footer #footerTop .mod-wrap p a:before {
position:absolute;
font-family: FontAwesome;
content:"\f106";
font-size:116%;
font-weight:normal;
left:20px;
top:50%;
margin-top:-8px;
}

/*---2547---*/
#footerContact {}
#footer #footerContact dl { float:none; display:inline-block; text-align:center; width:100%; }
#footer #footerContact dl dt { text-align:center; }
#footer #footerContact dl dd { text-align:center; }
#footer #footerContact ul { float:none; letter-spacing:-.40em; width:100%; }
#footer #footerContact ul li { display:inline-block; float:none; margin:0; letter-spacing:normal; margin-top:0; padding:20px 10px 10px; }
#footer #footerContact ul li:first-child,
#footer #footerContact ul li:nth-child(2) { width:50%; text-align:center; }
#footer #footerContact ul li:nth-child(3) { text-align:center; width:100%; }
#footer #footerContact ul li a { display:block; padding:0; } 
#footer #footerContact ul li a img { width:100%; max-width:188px; height:auto; }
#footer #footerContact ul li:nth-child(3)  a img { width:100%; max-width:304px; height:auto; }


/*---2568---*/
#footer #footerLink { border-top:1px solid #ccc; margin:0; padding:0; width:100%; }
#footer #footerLink li { border-bottom:1px solid #ccc; width:100%; }
#footer #footerLink li.child-1 { width:100%; margin:0; }
#footer #footerLink li.child-2 { width:100%; margin:0; }
#footer #footerLink li.child-3 { width:100%; margin:0; }
#footer #footerLink li.child-4 { width:100%; margin:0; }

/*---2572---*/
#footer #footerLink dl { width:100%; }
#footer #footerLink dt {
background-color:#fff;
background-image:url("../images/sp/common/i_ar_blue.png");
background-repeat: no-repeat;
background-position: 98% center;
background-size:9px 12px;
padding:10px;
width:100%;
}
#footer #footerLink dt:hover { cursor:pointer; }
#footer #footerLink dd { display:none; }
#footer #footerLink dd ul li { padding:0; }
#footer #footerLink dd ul li:first-child { border-top:1px solid #ccc; }
#footer #footerLink dd ul li a { background-color:#fff; display:block; padding:15px 25px; }
#footer #footerLink dd ul li a:hover { text-decoration:none; }

/*---2607---*/
#footerSub { margin:20px 0 0; padding:0; }
#footerSub #footerSubLink { float:none; letter-spacing:-.40em; padding:0; }
#footerSub #footerSubLink li { background-position:10px center;  width:50%; display:inline-block; vertical-align:top; margin-left:0; padding:0; border-bottom:1px solid #ccc; float:none; }
#footerSub #footerSubLink li:first-child { border-right:1px solid #ccc; }
#footerSub #footerSubLink li a { display:block; letter-spacing:normal; padding:20px; text-decoration:none; }
#footerSub #footerSubLink li a:hover { cursor:pointer; }

/*---2623---*/
#footerSub #footerSubSocial { float:none; padding:10px; }
#footerSub #footerSubSocial li:first-child a {
background-image: url("../images/sp/common/i_ar_blue.png");
background-repeat: no-repeat;
background-position: 98% center;
background-size: 9px 12px;
background-color:#ddeffc;
border-radius:3px;
display:block;
padding:10px 10px 10px 20px;
text-decoration:none;
}
#footerSub #footerSubSocial li a:after { content:attr(data-label); }
#footerSub #footerSubSocial li:first-child a:before {
font-family : "Font Awesome 5 Free";
content:'\f303';
font-size:116%;
font-weight:normal;
left:0;
top:50%;
margin-top:-8px;
}
#footerSub #footerSubSocial li a img { display:none; }
#footerSub #footerSubSocial > li:nth-child(2) { margin-top:20px; }

/*---2627---*/
#footerBtm { padding:0; }
#footerBtm .mod-wrap {}
#footerBtm .mod-wrap .fl { float:none !important; }
#footerBtm .mod-wrap .w80p { padding:0; width:100% !important; }
#footerBtm .mod-wrap .w65p { padding:0; width:100% !important; }
#footerBtm .mod-wrap .w30p { padding:0; width:100% !important; }
#footerBtm .mod-wrap .fl ul { letter-spacing:-.40em; }
#footerBtm .mod-wrap .fl ul li { background-position:5px center; border-bottom:1px solid #fff; border-left:1px solid #fff; display:inline-block; float:none; letter-spacing:normal; margin-right:0; padding-left:0; vertical-align:top; width:32%; }
#footerBtm .mod-wrap .fl ul li:first-child { margin-left:0; border-left:none; width:36%; }
#footerBtm .mod-wrap .fl ul li a { display:block; font-size:77%; padding:10px 5px; text-align:center; text-decoration:none; }
#footerBtm .mod-wrap .fl p { padding:10px; font-size:85%; margin-top:0 !important; }

#footerBtm .mod-wrap .fr { float:none !important; }
#footerBtm .mod-wrap .w30p { width:100% !important; }

#footerBtm .fr address { background-color:#fff; color:#333; padding:10px; text-align:center; }
#footerBtm .fr address a { color:#333; text-decoration:none; }

/*---------------------------------------------------------------
common（base.css）add
---------------------------------------------------------------*/
#header #menuBtn {
background-color:#fff;
border:1px solid #ccc;
border-radius:3px;
color:#108ccf;
cursor:pointer;
display:block;
position:absolute;
top:8px;
right:10px;
width:40px;
font-size:124%;
margin:0;
padding:10px;
text-align:center;
z-index:300000;
}

#header ul li:first-child { display:none; }
#header ul li:nth-child(2) a { display:block; }
#header ul li:nth-child(2) a img { display:none; }
#header ul li:nth-child(3) a { display:block; }
#header ul li:nth-child(3) a img { display:none; }
#header ul li:nth-child(2) a:before { content:attr(data-label); }
#header ul li:nth-child(3) a:before { content:attr(data-label); }

#gNavi {
height:100%;
position:absolute;
background: rgba(0,0,0,0.8);
width:100%;
top:0;
padding:10px;
}

/*---2472---*/
#content { background: #a7d5f7; }

/*---------------------------------------------------------------
top（style.css）overwrite
---------------------------------------------------------------*/
/*---2---*/
#tabArea .js-tab-nav ul { display:block; letter-spacing:-.40em; width:100%; }
#tabArea .js-tab-nav ul:after { content: ""; display: block; clear: both; }

/*---14---*/
#mainVisualArea #mainVisual {
position: relative;
width: 100%;
min-width: 100%;
margin: 0 auto;
height: auto;
height: 0;
padding-top: 56.25%;
}

/*---22---*/
#mainVisualArea #mainVisual ul {
height: auto;
}

/*---25---*/
#mainVisualArea #mainVisual li {
background-size:cover !important;
display:inline-block;
position: absolute;
left: 0;
top: 0;
width: 100%;
min-width: 100%;
height: auto;
height: 0;
padding-top: 56.25%;
}

/*---33---*/
#mainVisualArea #mainVisual a {
height: auto;
position:absolute;
width:100%;
height:100%;
top:0;
}

#mainVisualArea #mainVisual li img {
width:100%;
height:auto;
}

/*---38---*/
#mainVisualArea #mainCtrl { width: 100%; }

/*---44---*/
#mainVisualArea #mainCtrl #thumbNail {
background-color:#fff;
display:table;
table-layout:fixed;
position:relative;
top:0;
left:auto;
padding:10px 0;
text-align:center;
width:100%;
}

/*---51---*/
#mainVisualArea #mainCtrl #thumbNail li {
display:inline-block;
float:none;
margin-left:0;
text-align: justify;
text-justify: inter-ideograph;
border-radius:50%;
margin:0 5px;
width:10px;
height:10px;
border:none;
background-color:#cecece;
}

#mainVisualArea #mainCtrl #thumbNail li.cr {
background-color:#00a6ff;
border:none;
}

#mainVisualArea #mainCtrl #thumbNail li img { display:none; }

/*---61---*/
#mainVisualArea #mainCtrl #btnLeft {
position:absolute;
top:0;
left:0;
z-index:200001;
margin-top:-35%;
background-color:#108ccf;
padding:10px 5px;
border-radius:0 3px 3px 0;
}

#mainVisualArea #mainCtrl #btnLeft:before {
font-family: FontAwesome;
content: "\f104";
color:#fff;
font-size:154%;
font-weight:900;
}

#mainVisualArea #mainCtrl #btnLeft img { display:none; }

/*---68---*/
#mainVisualArea #mainCtrl #btnRight {
position:absolute;
top:0;
right:0;
z-index:200002;
margin-top:-35%;
background-color:#108ccf;
padding:10px 5px;
border-radius:3px 0 0 3px;
}

#mainVisualArea #mainCtrl #btnRight:before {
font-family: FontAwesome;
content: '\f105';
color:#fff;
font-size:154%;
font-weight:900;
font-weight:bold;
}

#mainVisualArea #mainCtrl #btnRight img { display:none; }

/*---75---*/
#mainVisualArea #mainCtrl #b_campaign {
position:relative;
top:0;
right:0;
text-align:center;
display:none;
}

#mainVisualArea #mainCtrl #b_campaign a { display:block; }
#mainVisualArea #mainCtrl #b_campaign a img { text-align:center; max-width:414px; }

/*---83---*/
#tabArea {
position: relative;
background: url("../images/bg_tab.png") no-repeat top center;
margin-top:0;
padding-top:10px;
z-index: 3;
}

#tabArea .js-tab-nav {
padding-left:3%;
letter-spacing:-.40em;
}

#tabArea .js-tab-nav li {
background-color:#fff;
position: relative;
float: none;
display:inline-block;
margin-right: 2%;
margin-left: 0;
height: auto;
cursor: pointer;
width:23%;
padding:0 5px 5px;
letter-spacing:normal;
vertical-align:top;
border-radius:3px 3px 0 0;
text-align:center;
border-top:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
}
#tabArea .js-tab-nav li p { color:#fff; text-shadow:0 -1px 1px #333; text-align:center; display:block; font-weight:600; padding: 35px 0 0; }
#tabArea .js-tab-nav li.active p { color:#333; text-shadow:0 1px 1px #fff; }

#tabArea .js-tab-nav li:first-child.active { background: #e1f3e8; }
#tabArea .js-tab-nav li:nth-child(2).active { background: #dcedfa; }
#tabArea .js-tab-nav li:nth-child(3).active { background: #ffe7ad; }
#tabArea .js-tab-nav li:nth-child(4).active { background: #dcedfa; }

#tabArea .js-tab-nav li:first-child {
background: rgb(127,204,165);
background: -moz-linear-gradient(top, rgb(127,204,165) 0%, rgb(70,181,124) 100%);
background: -webkit-linear-gradient(top, rgb(127,204,165) 0%,rgb(70,181,124) 100%);
background: linear-gradient(to bottom, rgb(127,204,165) 0%,rgb(70,181,124) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fcca5', endColorstr='#46b57c',GradientType=0 );
margin-left:0; 
}
#tabArea .js-tab-nav li:nth-child(2) {
background: rgb(89,175,222);
background: -moz-linear-gradient(top, rgb(89,175,222) 0%, rgb(16,140,207) 100%);
background: -webkit-linear-gradient(top, rgb(89,175,222) 0%,rgb(16,140,207) 100%);
background: linear-gradient(to bottom, rgb(89,175,222) 0%,rgb(16,140,207) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59afde', endColorstr='#108ccf',GradientType=0 );
margin-left:0; 
}
#tabArea .js-tab-nav li:nth-child(3) {
background: rgb(255,200,71);
background: -moz-linear-gradient(top, rgb(255,200,71) 0%, rgb(255,179,0) 100%);
background: -webkit-linear-gradient(top, rgb(255,200,71) 0%,rgb(255,179,0) 100%);
background: linear-gradient(to bottom, rgb(255,200,71) 0%,rgb(255,179,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc847', endColorstr='#ffb300',GradientType=0 );
margin-left:0; 
}
#tabArea .js-tab-nav li:nth-child(4) {
background: rgb(122,145,199);
background: -moz-linear-gradient(top, rgb(122,145,199) 0%, rgb(63,97,174) 100%);
background: -webkit-linear-gradient(top, rgb(122,145,199) 0%,rgb(63,97,174) 100%);
background: linear-gradient(to bottom, rgb(122,145,199) 0%,rgb(63,97,174) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a91c7', endColorstr='#3f61ae',GradientType=0 );
margin-right:0; margin-left:0; s
}

#tabArea .js-tab-nav li:first-child p { position:relative; }

#tabArea .js-tab-nav li:first-child p:before {
content:" ";
background-image: url("../images/sp/p_lisence.png");
background-repeat: no-repeat;
background-position:center top;
background-size:60px 50px;
width:60px;
height:50px;
margin-top:-50px;
position:absolute;
left:50%;
margin-left:-30px;
}
#tabArea .js-tab-nav li:nth-child(2) p:before {
content:" ";
background-image: url("../images/sp/p_facility.png");
background-repeat: no-repeat;
background-position:center top;
background-size:60px 50px;
width:60px;
height:50px;
margin-top:-50px;
position:absolute;
left:50%;
margin-left:-30px;
}
#tabArea .js-tab-nav li:nth-child(3) p:before {
content:" ";
background-image: url("../images/sp/p_student.png");
background-repeat: no-repeat;
background-position:center top;
background-size:60px 50px;
width:60px;
height:50px;
margin-top:-47px;
position:absolute;
left:50%;
margin-left:-30px;
}
#tabArea .js-tab-nav li:nth-child(4) p:before {
content:" ";
background-image: url("../images/sp/p_course.png");
background-repeat: no-repeat;
background-position:center top;
background-size:60px 50px;
width:60px;
height:50px;
margin-top:-50px;
position:absolute;
left:50%;
margin-left:-30px;
}


#tabArea .js-tab-nav li:nth-child(2) {}
#tabArea .js-tab-nav li:nth-child(3) {}
#tabArea .js-tab-nav li:nth-child(4) {}

#tabArea .js-tab-nav li img { max-width:100%; width:auto; height:auto; display:none; }
#tabArea .js-tab-nav li span {}
#tabArea .js-tab-nav li span img {}


/*---109---*/
#tabArea .js-tab-content {}

/*---112---*/
#tabArea #tabAreaLicenseTop {
padding-top:0;
background: none
}
#tabArea #tabAreaLicenseBtm {
padding-bottom: 0;
background: none;
}

/*---126---*/
#tabArea #tabAreaLicense {
padding:16px 10px;
background: #e1f3e8;
}
#tabArea #tabAreaLicense .fl {
float:none !important;
margin: 0;
width: 100%;
letter-spacing:-.40em;
}
#tabArea #tabAreaLicense .fl li {
margin: 0 0 0 2%;
width:49%;
display:inline-block;
letter-spacing:normal;
text-align:center;
vertical-align:top;
}
#tabArea #tabAreaLicense .fl li:first-child { margin:0; }
#tabArea #tabAreaLicense .fl li a img { width:100%; max-width:380px; height:auto; }

#tabArea #tabAreaLicense .fr {
float:none !important;
width: 100%;
margin:0;
letter-spacing:-.40em;
}
#tabArea #tabAreaLicense .fr li {
float:none !important;
margin: 2% 0 0 2%;
width:32%;
display:inline-block;
letter-spacing:normal;
text-align:center;
vertical-align:top;
}
#tabArea #tabAreaLicense .fr li:nth-child(3n-2) { margin:2% 0 0 0; }
#tabArea #tabAreaLicense .fr li a { display:block; }
#tabArea #tabAreaLicense .fr li a img { width:100%; height:auto; max-width:270px; }

/*---143---*/
#tabArea #tabAreaSchoolTop {
padding-top: 0;
background: none;
}
#tabArea #tabAreaSchoolBtm {
padding-bottom: 0;
background: none;
}
#tabArea #tabAreaSchool {
padding:16px 10px;
background: #dcedfa;
}
#tabArea #tabAreaSchool .fl {
float:none !important;
margin: 0;
width: 100%;
letter-spacing:-.40em;
}
#tabArea #tabAreaSchool .fl li {
margin: 0 0 0 2%;
width:49%;
display:inline-block;
letter-spacing:normal;
text-align:center;
vertical-align:top;
}
#tabArea #tabAreaSchool .fl li:first-child { margin:0; }
#tabArea #tabAreaSchool .fl li a img { width:100%; max-width:380px; height:auto; }
#tabArea #tabAreaSchool .fr {
float:none !important;
width: 100%;
margin:0;
letter-spacing:-.40em;
}
#tabArea #tabAreaSchool .fr li {
float:none !important;
margin: 2% 0 0 2%;
width:32%;
display:inline-block;
letter-spacing:normal;
text-align:center;
vertical-align:top;
}
#tabArea #tabAreaSchool .fr li:nth-child(3n-2) { margin:2% 0 0 0; }
#tabArea #tabAreaSchool .fr li a { display:block; }
#tabArea #tabAreaSchool .fr li a img { width:100%; height:auto; max-width:270px; }

/*---174---*/
#tabArea #tabAreaStudentTop {
padding-top: 0;
background: none;
}
#tabArea #tabAreaStudentBtm {
padding-bottom: 0;
background: none;
}
#tabArea #tabAreaStudent {
padding:16px 10px;
background: #ffe7ad;
}

#tabArea #tabAreaStudent .fl {
float:none !important;
margin: 0;
width: 100%;
letter-spacing:-.40em;
}
#tabArea #tabAreaStudent .fl li {
margin: 0 0 0 2%;
width:49%;
display:inline-block;
letter-spacing:normal;
text-align:center;
vertical-align:top;
}
#tabArea #tabAreaStudent .fl li:first-child { margin:0; }
#tabArea #tabAreaStudent .fl li a img { width:100%; max-width:380px; height:auto; }
#tabArea #tabAreaStudent .fr {
float:none !important;
width: 100%;
margin:0;
letter-spacing:-.40em;
}

#tabArea #tabAreaStudent .fr ul { margin:2% 0 0 0; letter-spacing:-.40em; } 
#tabArea #tabAreaStudent .fr li {
float:none !important;
margin: 0;
display:inline-block;
letter-spacing:normal;
text-align:center;
vertical-align:top;
}
#tabArea #tabAreaStudent .fr ul li { margin:0 0 0 2% !important; }
#tabArea #tabAreaStudent .fr li:first-child { width:20%; margin:0 !important; }
#tabArea #tabAreaStudent .fr li:nth-child(2) { width:20%; }
#tabArea #tabAreaStudent .fr li:nth-child(3) { width:20%; }
#tabArea #tabAreaStudent .fr li:nth-child(4) { width:32%; margin:0 0 0 4% !important; }
#tabArea #tabAreaStudent .fr li a { display:block; }
#tabArea #tabAreaStudent .fr li a img { width:100%; height:auto; }

#tabArea #tabAreaStudent .fr li:first-child a img { max-width:100px; }
#tabArea #tabAreaStudent .fr li:nth-child(2) a img { max-width:100px; }
#tabArea #tabAreaStudent .fr li:nth-child(3) a img { max-width:100px; }
#tabArea #tabAreaStudent .fr li:nth-child(4) a img { max-width: 270px; }

#tabArea #tabAreaStudent .fr .twitterBox { margin-top:30px; }
#tabArea #tabAreaStudent .fr .twitterBox dt {
background-color:#00aced;
position:relative;
padding:10px 10px 10px 32px;
border-radius:3px 3px 0 0;
color:#fff;
font-size:116%;
font-weight:600;
}
#tabArea #tabAreaStudent .fr .twitterBox dt:after { content:attr(data-label); letter-spacing:normal; }
#tabArea #tabAreaStudent .fr .twitterBox dt:before {
position:absolute;
font-family : "Font Awesome 5 Brands";
content:"\f099";
font-size:116%;
left:10px;
top:50%;
margin-top:-8px;
}
#tabArea #tabAreaStudent .fr .twitterBox dt img { display:none; }

/*---218---*/
#tabArea #tabAreaCourseTop {
padding-top: 0;
background: none;
}
#tabArea #tabAreaCourseBtm {
padding-bottom:0;
background: none;
}
#tabArea #tabAreaCourse {
padding:16px 10px;
background: #dcedfa;
}
#tabArea #tabAreaCourse .fl {
float:none !important;
margin: 0;
width: 100%;
letter-spacing:-.40em;
}
#tabArea #tabAreaCourse .fl li {
margin: 0 0 0 2%;
width:49%;
display:inline-block;
letter-spacing:normal;
text-align:center;
vertical-align:top;
}
#tabArea #tabAreaCourse .fl li:first-child { margin:0; }
#tabArea #tabAreaCourse .fl li a img { width:100%; max-width:380px; height:auto; }
#tabArea #tabAreaCourse .fr {
float:none !important;
width: 100%;
margin:0;
letter-spacing:-.40em;
}
#tabArea #tabAreaCourse .fr li {
float:none !important;
margin: 2% 0 0 2%;
width:32%;
display:inline-block;
letter-spacing:normal;
text-align:center;
vertical-align:top;
}
#tabArea #tabAreaCourse .fr li:nth-child(3n-2) { margin:2% 0 0 0; }
#tabArea #tabAreaCourse .fr li a { display:block; }
#tabArea #tabAreaCourse .fr li a img { width:100%; height:auto; max-width:270px; }

/*---250---*/
#blogBoxTop { background:none; padding:0; width:100%; }
#blogBoxBtm { background:none; padding:0; width:100%; }
#blogBox { background:#fff; height:auto; line-height:1.6; }
#blogBox #blogBoxHead { float:none; width:100%; }
#blogBox #blogBoxHead a { color:#333; display:block; text-decoration:none; font-size:100%; text-align:left; padding:20px 20px 0; }
#blogBox #blogBoxHead a:before { content:attr(data-label); }
#blogBox #blogBoxHead a img { display:none; }
#blogBox #blogBoxContentL { float:none; padding:5px 20px 20px; width:100%; }
#blogBox #blogBoxContentL dl { letter-spacing:-.40em; margin:0; }
#blogBox #blogBoxContentL dl dt { display:inline-block; letter-spacing:normal; width:25%; vertical-align:top; }
#blogBox #blogBoxContentL dl dd { display:inline-block; letter-spacing:normal; margin:0; width:75%; vertical-align:top; }

#blogBox #blogBoxContentR { border-top:1px solid #ccc; float:none; padding:20px; width:100%; }
#blogBox #blogBoxContentR dl { letter-spacing:-.40em; margin:0; }
#blogBox #blogBoxContentR dl dt { display:inline-block; letter-spacing:normal; width:50%; vertical-align:top; }
#blogBox #blogBoxContentR dl dd { display:inline-block; letter-spacing:normal; margin:0; width:50%; vertical-align:top; }
#blogBox #blogBoxContentR ul { letter-spacing:-.40em; margin:0; }
#blogBox #blogBoxContentR ul li { display:inline-block; float:none; letter-spacing:normal; margin:0; text-align:center; width:25%; }

/*---328---*/
#newsTopicsBox { background:none; float:none; padding-bottom:0; width:100%; }
#newsTopicsBox h2 { background-color:#108ccf; color:#fff; font-size:124%; font-weight:600; padding:10px; }
#newsTopicsBox h2:before { content:attr(data-label); }
#newsTopicsBox h2 img { display:none; }
#newsTopicsBox #newsTopicsBoxhead { background-color:#fff; padding:0; text-align:center; width:100%; }
#newsTopicsBox #newsTopicsBoxhead > a { display:block; padding:10px; }
#newsTopicsBox #newsTopicsBoxhead ul { border-top:1px solid #ccc; }
#newsTopicsBox #newsTopicsBoxhead ul li { border-bottom:1px solid #ccc; width:100%; }
#newsTopicsBox #newsTopicsBoxhead ul li a {
background-color:#fff;
background-image:url("../images/sp/common/i_ar_blue.png");
background-repeat: no-repeat;
background-position: 98% center;
background-size:9px 12px;
color:#000;
display:block;
margin-top:0;
padding:10px;
text-decoration:none;
text-align:left;
}
#newsTopicsBox #newsTopicsBoxhead ul li a:before { content:attr(data-label); }
#newsTopicsBox #newsTopicsBoxhead ul li img { display:none; }
#newsTopicsBox #newsTopicsBoxContent { min-height:auto; }
#newsTopicsBox #newsTopicsBoxContent ul { padding:0; }
#newsTopicsBox #newsTopicsBoxContent ul li { margin:0; padding:0; width:100%; }
#newsTopicsBox #newsTopicsBoxContent ul li dl { position:relative; }
#newsTopicsBox #newsTopicsBoxContent ul li dl dt { position:absolute; top:10px; left:10px; }
#newsTopicsBox #newsTopicsBoxContent ul li dl dd { margin:0; }
#newsTopicsBox #newsTopicsBoxContent ul li dl dd span {
color:#000;
display:block;
margin-top:0;
padding:40px 10px 15px 10px;
text-decoration:none; 
}
#newsTopicsBox #newsTopicsBoxContent ul li dl dd a {
background-image:url("../images/sp/common/i_ar_blue.png");
background-repeat: no-repeat;
background-position: 98% center;
background-size:9px 12px;
color:#000;
display:block;
margin-top:0;
padding:40px 20px 15px 10px;
text-decoration:none; 
}
#newsTopicsBox #newsTopicsBoxContent ul li dl dd a:hover { text-decoration:none; }
#newsTopicsBox #newsTopicsBoxContent p { text-align:center; padding:15px 10px; }
#newsTopicsBox #newsTopicsBoxContent p a {
background-image:url("../images/sp/common/i_ar_gray.png");
background-repeat: no-repeat;
background-position: 96% center;
background-size:9px 12px;
border:1px solid #ccc;
display:inline-block;
text-align:center;
color:#333;
padding:10px 30px;
border-radius:6px;
background-color:#fff;
text-decoration:none;
font-size:108%;
}
#newsTopicsBox #newsTopicsBoxContent p a:before { content:attr(data-label); }
#newsTopicsBox #newsTopicsBoxContent p a img { display:none; }


/*---388---*/
#facebookBox { background:none; float:none; padding:20px; margin:0; width:100%; overflow-y:hidden; max-height:370px; }
#facebookBox h2 { background-color:#3c5a98; border-radius:6px 6px 0 0; position:relative; color:#fff; font-weight:600; }
#facebookBox h2 img { display:none; }
#facebookBox h2:before { content:attr(data-label); padding:15px; display:block; font-size:125%; }
#facebookBox #facebookBoxContent { height:auto !important; min-height:auto; max-width: 100%; width:100% !important; margin:0 auto; text-align:center; }
#facebookBox #facebookBoxContent > .fb-page { width:100% !important; }
#facebookBox #facebookBoxContent > .fb-page > span,
#facebookBox #facebookBoxContent iframe { width: 100% !important; }

.facebook-wrapper {
max-width: 500px;
margin: 0 auto;
}
.facebook-wrapper > .fb-page {
width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
width: 100% !important;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
width: 100% !important;
}


#infoBox { float:none !important; width:100%; padding:10px 10px 0; letter-spacing:-.40em; }
#infoBox li { border-radius:6px; display:inline-block; letter-spacing:normal; padding:0; width:100%; }
#infoBox li:first-child { margin-top:0 !important; margin-right:2%; width:32%; padding:0; vertical-align:top; }
#infoBox li:nth-child(2) { margin-top:0 !important; margin-right:2%; width:32%; padding:0; vertical-align:top; }
#infoBox li:nth-child(3) { margin-top:0 !important; width:32%; padding:0; margin:0; vertical-align:top; }
#infoBox li a {
box-shadow:0 2px 0 #ccc;
border-radius:6px;
border:6px solid #fff;
display:block;
padding:45px 5px 10px 5px;
color:#000;
font-size:85%;
text-decoration:none;
position:relative;
}
#infoBox li a:hover { cursor:pointer; }
#infoBox li a:before { content:attr(data-label); min-height:2em; }
#infoBox li:first-child a {
background-image:url("../images/sp/common/i_sponsor.png");
background-repeat: no-repeat;
background-position: center 10px;
background-size:30px 30px;
background-color:#f6d892;
text-align:center;
}
#infoBox li:nth-child(2) a {
background-image:url("../images/sp/common/i_graduate.png");
background-repeat: no-repeat;
background-position: center 10px;
background-size:30px 30px;
background-color:#87c5e7;
text-align:center;s
}
#infoBox li:nth-child(3) a {
background-image:url("../images/sp/common/i_safaty.png");
background-repeat: no-repeat;
background-position: center 10px;
background-size:30px 30px;
background-color:#b5d8ce;
text-align:center;
}
#infoBox li a img { display:none; }
#infoBox li:first-child a:after,
#infoBox li:nth-child(2) a:after,
#infoBox li:nth-child(3) a:after {
content:" ";
position:absolute;
background-image:url("../images/sp/common/i_ar_white.png");
background-repeat: no-repeat;
background-position: right center;
background-size:9px 12px;
width:9px;
height:12px;
float:right;
top:30px;
right:10px;
}

#lineBox { margin-top:20px !important; }
#lineBox #lineBoxTop { background:none; padding:0; }
#lineBox #lineBoxBtm { padding-bottom: 0; background: none; }
#infoBox #lineBox dl { text-align:center; }
#infoBox #lineBox dl dt { background-color:#fff; position:relative; padding:20px; font-size:116%; }
#infoBox #lineBox dl dt:after {
content:attr(data-label);
}

#infoBox #lineBox dl dt img { display:none; }
#infoBox #lineBox dl dd { padding:10px; }
#infoBox #lineBox dl dd a {
background-image:url("../images/sp/common/i_ar_white.png");
background-repeat: no-repeat;
background-position: 98% center;
background-size:9px 12px;
background-color:#00b900;
box-shadow:none;
border:none;
display:block;
font-size:108%;
font-weight:700;
text-align:left;
padding:10px;
color:#fff;
border-radius:3px;
text-align:center;
}
#infoBox #lineBox dl dd a:before { content:attr(data-label); }
#infoBox #lineBox dl dd a:hover { text-decoration:none; }
#infoBox #lineBox dl dd a img { display:none; }
#infoBox #mobileBox { background:none; display:none; }
#infoBox #mobileBox #mobileBoxTop { background:none; padding:0; }
#infoBox #mobileBox #mobileBoxBtm { background:none; padding:0; }
#infoBox #mobileBox dl { text-align:center; }
#infoBox #mobileBox dl dt { background-color:#fff; position:relative; padding:20px; font-size:116%; }
#infoBox #mobileBox dl dt img { display:none; }
#infoBox #mobileBox dl dt:before {
position:absolute;
font-family: FontAwesome;
content:'\f3cd';
color:#666;
font-size:170%;
font-weight:normal;
left:24px;
top:50%;
margin-top:-8px;
}
#infoBox #mobileBox dl dt:after{ content:attr(data-label); letter-spacing:normal; }
#infoBox #mobileBox dl dd { padding:10px; }
#infoBox #mobileBox dl dd p:first-child { background-color:#eee; padding:5px 20px; text-align:left; display:none; }
#infoBox #mobileBox dl dd p:nth-child(2)  { text-align:left; }
#infoBox #mobileBox dl dd p:nth-child(2) a {
background-image:url("../images/sp/common/i_ar_white.png");
background-repeat: no-repeat;
background-position: 98% center;
background-size:9px 12px;
background-color:#108ccf;
box-shadow:none;
border:none;
display:block;
font-size:108%;
font-weight:700;
text-align:left;
padding:10px;
color:#fff;
border-radius:3px;
text-align:center;
}
#infoBox #mobileBox dl dd p:nth-child(2) a:hover { text-decoration:none; }

/*---443---*/
#wrap { min-width:100%; }
/*---446---*/
html,
body { min-width:100%; }

/*---452---*/
#mainVisualArea {
min-width: 100%;
}

#gnav { display:none; }

/*---------------------------------------------------------------
entry
---------------------------------------------------------------*/
#entry .step { letter-spacing:-.40em; padding:0 0 20px; width:100%; }
#entry .step dl {
background-color:#f0f0f0;
display:inline-block;
vertical-align:middle;
width:33%;
letter-spacing:normal;
padding:8px 0 8px 10%;
line-height:1.5;
position:relative;
}
#entry .step dl:first-child { background-color:#108ccf; }
#entry .step dl:first-child { width:34%; padding:8px 5% 8px 35px; }
#entry .step dl:first-child dt { color:#fff; font-weight:600; }
#entry .step dl:first-child dd { color:#fff; font-weight:600; }

#entry .step dl:nth-child(2) { background-color:#B3E5FC; width:34%; padding:8px 5% 8px 10%; }
#entry .step dl:nth-child(3) {  background-color:#E1F5FE;  background-image:none; width:32%; padding:8px 0 8px 10%; }

#entry .step dl:first-child:after {
content:" ";
position:absolute;
top:0;
right:-20px;
z-index:200001;
float:right;
background-image:url("../images/sp/common/i_ar_step_blue.png");
background-position: right center;
background-repeat: no-repeat;
width:22px;
height:57px;
}

#entry .step dl:nth-child(2):after {
content:" ";
position:absolute;
top:0;
right:-20px;
z-index:200001;
float:right;
background-image:url("../images/sp/common/i_ar_step_blue2.png");
background-position: right center;
background-repeat: no-repeat;
width:22px;
height:57px;
}


#entry .step dl dt { text-align:left; }
#entry .step dl dt span { font-weight:600; font-size:116%; }
#entry .step dl dd { text-align:left; }
#entry .step dl:first-child dt:before { content:" "; }
#entry .step dl:nth-child(2) dt:before { content:" "; }
c dt:before { content:" "; }
#entry .step dl.current {
background-color:#108ccf;
border-right:none;
padding:8px 0 8px 25px;
}


#entry .step dl.current dt { color:#fff; font-weight:600; }
#entry .step dl.current dd { color:#fff; font-weight:600; }

#entry #form_frame { margin:0; width:100%; height:100%; }
#entry #form_frame iframe { width:100%; }

#entry .mod-main-box { padding:0; }
#entry .mod-main-box p { margin-top:0 !important; padding:10px; }
#entry .mod-main-box > p:nth-child(3) { padding:0 10px 10px; display:none; }
#entry .mod-main-box p img { width:100%; height:auto; }

/*---------------------------------------------------------------
sp-tb
---------------------------------------------------------------*/
@media screen and (max-width:480px) {
#header ul { display:none; }

#tabArea #tabAreaLicense .fr li {
float:none !important;
margin: 2% 0 0 2%;
width:49%;
display:inline-block;
letter-spacing:normal;
text-align:center;
vertical-align:top;
}
#tabArea #tabAreaLicense .fr li:nth-child(3n-2) { margin:2% 0 0 2%; }
#tabArea #tabAreaLicense .fr li:nth-child(odd) { margin:2% 0 0 0; }
#tabArea #tabAreaLicense .fr li:first-child,
#tabArea #tabAreaLicense .fr li:nth-child(2) { margin-top:5%; }
#tabArea #tabAreaLicense .fr li a { display:block; }
#tabArea #tabAreaLicense .fr li a img { width:100%; height:auto; max-width:170px; }

#tabArea #tabAreaSchool .fr li {
float:none !important;
margin: 2% 0 0 2%;
width:49%;
display:inline-block;
letter-spacing:normal;
text-align:center;
vertical-align:top;
}
#tabArea #tabAreaSchool .fr li:nth-child(3n-2) { margin:2% 0 0 2%; }
#tabArea #tabAreaSchool .fr li:nth-child(odd) { margin:2% 0 0 0; }
#tabArea #tabAreaSchool .fr li:first-child,
#tabArea #tabAreaSchool .fr li:nth-child(2) { margin-top:5%; }
#tabArea #tabAreaSchool .fr li a { display:block; }
#tabArea #tabAreaSchool .fr li a img { width:100%; height:auto; max-width:170px; }

#tabArea #tabAreaStudent .fr ul { margin: 5% 0 0 0; }
#tabArea #tabAreaStudent .fr ul li { margin:0 0 0 2% !important; }
#tabArea #tabAreaStudent .fr li:first-child { width:32%; margin:0 !important; }
#tabArea #tabAreaStudent .fr li:nth-child(2) { width:32%; }
#tabArea #tabAreaStudent .fr li:nth-child(3) { width:32%; }
#tabArea #tabAreaStudent .fr li:nth-child(4) { width:49%; margin:5% 0 0 0 !important; }

#tabArea #tabAreaStudent .fr li:first-child a img { max-width:80px; }
#tabArea #tabAreaStudent .fr li:nth-child(2) a img { max-width:80px; }
#tabArea #tabAreaStudent .fr li:nth-child(3) a img { max-width:80px; }
#tabArea #tabAreaStudent .fr li:nth-child(4) a img { max-width: 160px; }

#tabArea #tabAreaCourse .fr li {
float:none !important;
margin: 2% 0 0 2%;
width:49%;
display:inline-block;
letter-spacing:normal;
text-align:center;
vertical-align:top;
}
#tabArea #tabAreaCourse .fr li:nth-child(3n-2) { margin:2% 0 0 2%; }
#tabArea #tabAreaCourse .fr li:nth-child(odd) { margin:2% 0 0 0; }
#tabArea #tabAreaCourse .fr li:first-child { margin:5% 0 0 0; }
#tabArea #tabAreaCourse .fr li:nth-child(2) { margin-top:5%; }
#tabArea #tabAreaCourse .fr li a { display:block; }
#tabArea #tabAreaCourse .fr li a img { width:100%; height:auto; max-width:170px; }

}

/*---------------------------------------------------------------
tb-pc
---------------------------------------------------------------*/
@media screen and (min-width:1024px) {
.sp { display:none; }

}

/*---------------------------------------------------------------
tb
---------------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:1023px) {
#facebookBox { max-height:700px; }
#facebookBox #facebookBoxContent > .fb-page > span, #facebookBox #facebookBoxContent iframe  {max-width:500px !important; }
}