@charset "UTF-8";
/* ------------------------------------------------- * 変数　　　　　　　　　　　　　　　　　　 ------------------------------------------------- */
/* ------------------------------------------------- * デバイス分岐　　　　　　　　　　　　　　　　　 ------------------------------------------------- */
/* ------------------------------------------------- * ＠共通項目　　　　　　　　　　　　　　　　 ------------------------------------------------- */
*, *::before, *::after { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { margin: auto; font-family: a-otf-gothic-bbb-pr6n, sans-serif; font-weight: normal; font-style: normal; }

body, html { font-size: 14px; color: #555; }

body img, html img { max-width: 100%; height: auto; }

@media only screen and (min-width: 768px) { body, html { font-size: 14px; } }

@media only screen and (min-width: 1000px) { body, html { font-size: 16px; } }

.switch { visibility: hidden; }

a:hover .alpha { opacity: 0.7; }

img { max-width: 100%; height: auto; }

li { list-style-type: none; }

.ryumin { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; /*font-family: a-otf-ryumin-pr6n, serif;*/ font-style: normal; font-weight: normal; }

.gothic { font-family: a-otf-gothic-bbb-pr6n, sans-serif; font-style: normal; font-weight: normal; }

.yugo { font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-style: normal; font-weight: normal; }

/* PC・SP分岐 */
.pcnone { display: block; }

@media only screen and (min-width: 768px) { .pcnone { display: none; } }

.spnone { display: none; }

@media only screen and (min-width: 768px) { .spnone { display: block; } }

.sp { display: inline !important; }

@media only screen and (min-width: 768px) { .sp { display: none !important; } }

.sp2 { display: block !important; }

@media only screen and (min-width: 768px) { .sp2 { display: none !important; } }

.pc { display: none !important; }

@media only screen and (min-width: 768px) { .pc { display: inline !important; } }

.pc2 { display: none !important; }

@media only screen and (min-width: 768px) { .pc2 { display: block !important; } }

/* BACK-TO-TOP */
#backToTop { position: fixed; z-index: 9999; bottom: 40px; right: 3%; }

@media only screen and (min-width: 768px) { #backToTop { bottom: 85px; right: 5%; } }

#backToTop a { display: block; width: 32px; height: 32px; padding-top: 7px; border-radius: 50%; text-align: center; text-decoration: none; background-color: #53c0c8; }

#backToTop a img { width: 13px; height: 9px; }

@media only screen and (min-width: 768px) { #backToTop a { width: 43px; height: 43px; padding-top: 12px; }
  #backToTop a img { width: 18px; height: 13px; } }

/* ------------------------------------------------- * ＠HEADER　　　　　　　　　　　　　　　　 ------------------------------------------------- */
#header { position: fixed; z-index: 9999; width: 100%; height: 55px; margin: 0; background-color: rgba(255, 255, 255, 0.9); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); }

@media only screen and (min-width: 768px) { #header { height: 143px; } }

#header .inner { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media only screen and (min-width: 768px) { #header .inner { height: 86px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #header .inner .logos, #header .inner .links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #header .inner .logos { padding-right: 15px; }
  #header .inner .logos .btn-eng { padding-left: 20px; }
  #header .inner .links { padding-right: 15px; }
  #header .inner .links .btn-contact, #header .inner .links .btn-shiryo { padding-left: 12px; }
  #header .inner .links .btn-bekka { padding-right: 12px; } }

#header .inner .logo { padding: 6px 0 6px 15px; }

#menu-btn { position: absolute; top: 0; right: 0; width: 55px; height: 55px; }

#menu-conts { display: none; background: #374799; position: absolute; top: 55px; width: 100%; z-index: 1; }

#menu-conts a { display: block; width: 100%; height: 48px; position: relative; padding: 0; font-size: 20px; color: #fff; line-height: 48px; letter-spacing: 0.05em; text-align: center; text-decoration: none; border-bottom: 1px solid #5168e0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #374799; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

#menu-conts a img { max-width: 100%; margin: 0 7px; }

#menu-conts ul li.eng a { background-color: #152578; }

#menu-conts ul li.bekka a { background-color: #ef6aa9; }

@media only screen and (min-width: 768px) { #header .pc-gnav { width: 100%; margin: auto; padding: 0; height: 57px; background: url("../img/common/navi_base.png") repeat-x; background-position: center top; margin: auto; }
  #header .pc-gnav ul { max-width: 1000px; height: 57px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

/* ------------------------------------------------- * ＠FOOTER　　　　　　　　　　　　　　　　 ------------------------------------------------- */
/* F-BTNS */
#f-btns { width: 100%; margin: auto; padding-top: 10px; }

@media only screen and (min-width: 768px) { #f-btns { padding: 30px 0; } }

#f-btns .inner { width: 100%; margin: auto; padding: 0; }

#f-btns .inner p { width: 90%; margin: 0 auto 10px; }

@media only screen and (min-width: 768px) { #f-btns .inner { width: 100%; max-width: 1000px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  #f-btns .inner p { width: 33%; display: inline; margin: 0 auto; } }

/* FOOTER */
#footer { width: 100%; margin: auto; }

#footer .inner { width: 100%; margin: auto; padding: 0 3%; text-align: center; letter-spacing: 0.05em; }

#footer .inner .logo { margin: auto; padding: 20px 0 30px; width: 61.87%; }

@media only screen and (min-width: 768px) { #footer .inner .logo { padding: 0 0 30px; width: 100%; } }

#footer .inner .title { font-size: 16px; line-height: 1.7; font-weight: bold; }

@media only screen and (min-width: 768px) { #footer .inner .title { font-size: 22px; } }

#footer .inner .title span { display: block; font-size: 14px; font-weight: normal; }

#footer .inner .freedial { width: 100%; padding: 0; margin: 20px auto 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 34px; color: #224597; letter-spacing: -0.05em; }

@media only screen and (min-width: 768px) { #footer .inner .freedial { width: auto; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 42px; letter-spacing: 0; } }

#footer .inner .freedial img { width: 48px; height: 35px; margin-right: 10px; }

@media only screen and (min-width: 768px) { #footer .inner .freedial img { width: 52px; height: 38px; } }

#footer .inner .tel { font-size: 12px; }

@media only screen and (min-width: 1000px) { #footer .inner .tel { font-size: 14px; } }

#footer .inner .mail { width: 100%; padding: 0; margin: 12px auto 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; }

@media only screen and (min-width: 768px) { #footer .inner .mail { font-size: 15px; margin: 12px auto 13px; } }

#footer .inner .mail .tantou { color: #fff; padding: 2px 5px; background-color: #5c5c5c; }

#footer .inner .mail .name { margin-left: 10px; margin-right: 20px; }

#footer .inner .mail a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: #555; }

#footer .inner .mail img { width: 15px; height: 12px; margin-right: 6px; }

@media only screen and (min-width: 768px) { #footer .inner .mail img { width: 17px; height: 14px; } }

#footer .inner .comment { font-size: 13px; line-height: 1.8; margin-bottom: 20px; }

@media only screen and (min-width: 768px) { #footer .inner .comment { font-size: 14px; margin-bottom: 50px; } }

/* COPYRIGHT */
#copyright { width: 100%; height: 20px; margin: auto; padding: 0; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 9px; font-weight: normal; line-height: 20px; color: #fff; text-align: center; letter-spacing: -0.05em; background-color: #5c5c5c; }

@media only screen and (min-width: 768px) { #copyright { height: 35px; font-size: 13px; line-height: 35px; letter-spacing: 0; } }

/* ------------------------------------------------- * ＠CONTENTS　　　　　　　　　　　　　　　　 ------------------------------------------------- */
/* 共通部 */
#bekka, #shinro, #fees, #access { margin-top: -55px; padding-top: 55px; }

@media only screen and (min-width: 768px) { #bekka, #shinro, #fees, #access { margin-top: -142px; padding-top: 142px; } }

.txt-left { text-align: left !important; }

@media screen and (max-width: 768px) { .table-wrap { width: 100%; overflow: scroll; } }

/* MV */
#foreign .sec-mv, #foreign_en .sec-mv { width: 100%; height: 100%; margin-bottom: 300px; padding-top: 55px; }

@media only screen and (min-width: 768px) { #foreign .sec-mv, #foreign_en .sec-mv { margin-bottom: 0; padding-top: 143px; padding-bottom: 0; } }

#foreign .sec-mv .inner, #foreign_en .sec-mv .inner { position: relative; height: 0; padding: 109.33% 0 0; margin: auto; background: url("../img/img_mv_sp.jpg") no-repeat; background-position: center top; background-size: cover; }

@media only screen and (min-width: 768px) { #foreign .sec-mv .inner, #foreign_en .sec-mv .inner { padding-top: 48.896551%; margin: auto; background: url("../img/img_mv_pc.jpg") no-repeat; background-position: center top; background-size: cover; } }

#foreign .sec-mv .inner .catch, #foreign_en .sec-mv .inner .catch { position: absolute; top: 36.5%; left: 23.7%; width: 73.87%; margin: auto; }

@media only screen and (min-width: 768px) { #foreign .sec-mv .inner .catch, #foreign_en .sec-mv .inner .catch { position: absolute; top: 4%; left: 56.55%; width: 38.2%; max-width: 622px; margin: auto; } }

#foreign .sec-mv .inner .fb-box, #foreign_en .sec-mv .inner .fb-box { display: block; width: 100%; margin: auto; height: 280px; border-top: 1px solid #fff; }

@media only screen and (min-width: 768px) { #foreign .sec-mv .inner .fb-box, #foreign_en .sec-mv .inner .fb-box { border-top: none; position: absolute; top: 41%; left: 59%; width: 34.48%; margin: auto; } }

#foreign .sec-mv .inner #fb-root, #foreign_en .sec-mv .inner #fb-root { display: none; }

#foreign .sec-mv .inner .fb_iframe_widget, #foreign .sec-mv .inner .fb_iframe_widget span, #foreign .sec-mv .inner .fb_iframe_widget span iframe[style], #foreign_en .sec-mv .inner .fb_iframe_widget, #foreign_en .sec-mv .inner .fb_iframe_widget span, #foreign_en .sec-mv .inner .fb_iframe_widget span iframe[style] { width: 100% !important; }

#foreign_en .sec-mv { width: 100%; height: 100%; margin-bottom: 0; padding-top: 55px; }

@media only screen and (min-width: 768px) { #foreign_en .sec-mv { margin-bottom: 0; padding-top: 143px; padding-bottom: 0; } }

#foreign_en .sec-mv .inner { position: relative; height: 0; padding: 109.33% 0 0; margin: auto; background: url("../img/en_img_mv_sp.jpg") no-repeat; background-position: center top; background-size: cover; }

@media only screen and (min-width: 768px) { #foreign_en .sec-mv .inner { padding-top: 48.896551%; margin: auto; background: url("../img/en_img_mv_pc.jpg") no-repeat; background-position: center top; background-size: cover; } }

#foreign_en .sec-mv .inner .catch { position: absolute; top: 27%; left: 23%; width: 75%; margin: auto; }

@media only screen and (min-width: 768px) { #foreign_en .sec-mv .inner .catch { position: absolute; top: 50%; left: 0; right: 0; width: 95%; max-width: 1100px; margin: auto; } }

/* ABOUT */
.sec-about { width: 100%; margin: 0; padding-bottom: 40px; background-color: #e9edf6; }

@media only screen and (min-width: 768px) { .sec-about { padding-bottom: 20px; } }

.sec-about .inner { text-align: center; padding: 0; background: url("../img/img_about1_sp.png") no-repeat; background-position: left top; background-size: contain; }

@media only screen and (min-width: 768px) { .sec-about .inner { width: 100%; text-align: center; margin: auto; padding: 0; background: url("../img/img_about1_pc.png") no-repeat; background-position: left top; background-size: 62.13%; }
  .sec-about .inner .pc-box { max-width: 1200px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } }

.sec-about .inner .about1 { padding: 75px 5% 0; }

@media only screen and (min-width: 768px) { .sec-about .inner .about1 { padding: 145px 2% 0; } }

.sec-about .inner .about1 .img { width: 100%; margin: auto; padding: 25px 0 15px; }

@media only screen and (min-width: 768px) { .sec-about .inner .about1 .img { width: 100%; padding: 30px 0; } }

.sec-about .inner .about2 { width: 90%; margin: auto; padding: 20px 3%; background-color: #f6f7fa; }

@media only screen and (min-width: 768px) { .sec-about .inner .about2 { margin-top: 40px; width: 570px; padding: 25px; } }

.sec-about .inner .about2 h3 { font-size: 23px; color: #0b3284; letter-spacing: 0.05em; }

@media only screen and (min-width: 768px) { .sec-about .inner .about2 h3 { font-size: 50px; }
  .sec-about .inner .about2 h3.english { font-size: 30px; } }

.sec-about .inner .about2 h3::after { display: block; content: ""; border-bottom: 1px solid #0b3284; width: 13px; margin: 0 auto 10px; padding-top: 10px; }

@media only screen and (min-width: 768px) { .sec-about .inner .about2 h3::after { width: 28px; margin: 0 auto 20px; padding-top: 20px; } }

.sec-about .inner .about2 h4 { margin-bottom: 20px; font-size: 13px; color: #0b3284; letter-spacing: -0.025em; }

@media only screen and (min-width: 768px) { .sec-about .inner .about2 h4 { font-size: 20px; } }

.sec-about .inner .about2 .text { margin-bottom: 1em; padding: 0 2%; font-size: 13px; color: #333; line-height: 1.5; text-align: left; letter-spacing: -0.025em; text-align: justify; word-break: break-all; }

@media only screen and (min-width: 768px) { .sec-about .inner .about2 .text { font-size: 16px; } }

.sec-about .inner .about2 .img { width: 100%; margin: auto; padding: 0 2% 20px; }

/* POINT */
.sec-point { width: 100%; margin: 0 auto; /* //.timetable */ }

@media only screen and (min-width: 768px) { .sec-point { margin-bottom: 50px; } }

.sec-point .obi { height: 0; padding-bottom: 32%; background: url("../img/bg_obi_sp.png") repeat-x; background-position: left top; background-size: 100%; }

.sec-point .obi h2 { width: 60%; margin: auto; padding-top: 18px; }

.sec-point .obi h2.english { width: 80%; }

@media only screen and (min-width: 768px) { .sec-point .obi { height: 140px; padding: 36px 0; background: url("../img/bg_obi_pc.png") repeat-x; background-position: left top; background-size: 100% 140px; }
  .sec-point .obi h2 { width: 100%; margin: auto; padding: 0; text-align: center; } }

.sec-point .inner { margin: auto; text-align: center; padding: 25px 5% 0; }

@media only screen and (min-width: 768px) { .sec-point .inner { max-width: 1200px; padding: 45px 2% 0; } }

.sec-point .inner .boxes { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; }

@media only screen and (min-width: 768px) { .sec-point .inner .boxes { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

.sec-point .inner .boxes .box { margin: 0 auto 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: stretch; align-content: stretch; }

.sec-point .inner .boxes .box img { width: 80%; }

@media only screen and (min-width: 768px) { .sec-point .inner .boxes .box img { width: 100%; } }

.sec-point .inner .boxes .box:last-child { margin-left: 0; }

.sec-point .inner .boxes .box .img { margin: 0 auto 10px; }

.sec-point .inner .boxes .box figure { margin: auto; height: auto; }

.sec-point .inner .boxes .box .lead { padding-top: 10px; font-size: 14px; font-weight: bold; line-height: 1.7; color: #262d79; }

.sec-point .inner .boxes .box .lead.english { font-size: 13px; line-height: 1.3; }

@media only screen and (min-width: 768px) { .sec-point .inner .boxes .box .lead { font-size: 19px; } }

.sec-point .inner2 { margin: auto; text-align: center; padding: 40px 5% 0; background-color: #f8f8f8; }

@media only screen and (min-width: 768px) { .sec-point .inner2 { padding: 40px 4% 0; } }

.sec-point .inner2 h3 { margin-bottom: 40px; font-size: 23px; font-weight: normal; color: #1d428d; }

@media only screen and (min-width: 768px) { .sec-point .inner2 h3 { margin-bottom: 25px; font-size: 34px; } }

.sec-point .inner2 h3 span { font-weight: bold; }

@media only screen and (min-width: 768px) { .sec-point .inner2 .boxes2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: center; align-content: center; } }

.sec-point .inner2 .boxes2 .box2 { margin: 0 auto 30px; }

@media only screen and (min-width: 768px) { .sec-point .inner2 .boxes2 .box2 { margin-right: 30px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .sec-point .inner2 .boxes2 .box2:last-child { margin-right: 0; } }

.sec-point .inner2 .boxes2 .box2 fig { width: 50%; margin: auto; text-align: center; }

.sec-point .inner2 .boxes2 .box2 fig.pnt09 { width: 60%; }

.sec-point .inner2 .boxes2 .box2 fig.pnt10 { width: 30%; }

@media only screen and (min-width: 768px) { .sec-point .inner2 .boxes2 .box2 fig { width: 100%; margin: auto; margin-bottom: 0; vertical-align: bottom; height: 100px; } }

.sec-point .inner2 .boxes2 .box2 .name { padding-top: 10px; font-size: 18px; font-weight: bold; line-height: 1.5; color: #262d79; }

@media only screen and (min-width: 768px) { .sec-point .inner2 .boxes2 .box2 .name { padding-top: 15px; font-size: 19px; } }

.sec-point .inner2 .boxes2 .box2 .explain { padding-top: 10px; font-size: 14px; font-weight: normal; line-height: 1.5; color: #262d79; text-align: left; letter-spacing: -0.05em; text-align: justify; word-break: break-all; }

@media only screen and (min-width: 768px) { .sec-point .inner2 .boxes2 .box2 .explain { font-size: 15px; } }

.sec-point .timetable { margin: 0 auto 20px; text-align: center; padding: 0 0 10px; background-color: #f8f8f8; /* 時間割の表組み */ /* //.tablelists */ }

@media only screen and (min-width: 768px) { .sec-point .timetable { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

.sec-point .timetable .list { width: 100%; margin-bottom: 15px; }

@media only screen and (min-width: 768px) { .sec-point .timetable .list { width: 100%; margin-right: 10px; } }

.sec-point .timetable h4 { margin-bottom: 15px; font-size: 18px; font-weight: normal; color: #1d428d; line-height: 1; letter-spacing: 0.075em; }

.sec-point .timetable h4 span { font-size: 18px; font-weight: bold; }

.sec-point .timetable .small { font-size: 10px; text-align: right; margin-top: 2px; }

@media only screen and (min-width: 768px) { .sec-point .timetable .small { font-size: 12px; margin-top: 5px; } }

.sec-point .timetable table.classtime { width: 100%; margin: 0 auto 10px; text-align: center; border-collapse: collapse; background-color: #f7f7fa; }

.sec-point .timetable table.classtime tr:nth-child(2) td:nth-child(2n), .sec-point .timetable table.classtime tr:last-child td:nth-child(2n) { background: #eceaf1; }

.sec-point .timetable table.classtime tr:nth-child(3) td:nth-child(3), .sec-point .timetable table.classtime tr:nth-child(3) td:nth-child(5) { background: #eceaf1; }

.sec-point .timetable table.classtime th, .sec-point .timetable table.classtime td { width: 16.666666%; font-size: 11px; vertical-align: middle; border: 1px solid #fff; }

.sec-point .timetable table.classtime th { padding: 4px 1px; font-weight: bold; color: #231815; background-color: #ccc6d9; }

.sec-point .timetable table.classtime td { padding: 5px 1px; line-height: 1.3; letter-spacing: -0.05em; }

.sec-point .timetable table.classtime td:first-child { font-size: 10px; }

@media only screen and (min-width: 768px) { .sec-point .timetable table.classtime table.classtime { width: 100%; margin: 0 auto 10px; text-align: center; border-collapse: collapse; background-color: #f7f7fa; }
  .sec-point .timetable table.classtime tr:nth-child(2) td:nth-child(2n), .sec-point .timetable table.classtime tr:last-child td:nth-child(2n) { background: #eceaf1; }
  .sec-point .timetable table.classtime tr:nth-child(3) td:nth-child(3), .sec-point .timetable table.classtime tr:nth-child(3) td:nth-child(5) { background: #eceaf1; }
  .sec-point .timetable table.classtime th, .sec-point .timetable table.classtime td { width: 16.666666%; font-size: 15px; vertical-align: middle; border: 2px solid #fff; }
  .sec-point .timetable table.classtime th { padding: 5px 1px; font-weight: bold; color: #231815; background-color: #ccc6d9; }
  .sec-point .timetable table.classtime td { padding: 7px 1px; line-height: 1.3; letter-spacing: -0.05em; }
  .sec-point .timetable table.classtime td:first-child { font-size: 13px; } }

.sec-point .timetable table.classtime.english { width: 50%; margin-left: -7%; word-break: normal; font-size: 8px; }

.sec-point .timetable table.classtime.english td { white-space: normal; }

.sec-point .timetable .small.english { text-align: left; }

@media only screen and (min-width: 768px) { .sec-point .timetable .photo { width: 100%; } }

/* //.sec-point */
/* LIFE */
.sec-life { width: 100%; margin: 0 auto; }

@media only screen and (min-width: 768px) { .sec-life { margin: auto; margin-bottom: 50px; } }

.sec-life .obi { height: 0; padding-bottom: 32%; background: url("../img/bg_obi_sp.png") repeat-x; background-position: left top; background-size: 100%; }

.sec-life .obi h2 { width: 100%; margin: auto; font-size: 30px; color: #fff; font-weight: bold; padding-top: 16px; text-align: center; line-height: 1.4; letter-spacing: -0.025em; }

.sec-life .obi h2 span { display: block; font-size: 16px; font-weight: normal; letter-spacing: 0; font-family: a-otf-ryumin-pr6n, serif; }

@media only screen and (min-width: 768px) { .sec-life .obi { height: 110px; padding: 0; background: url("../img/bg_obi_pc.png") repeat-x; background-position: left top; background-size: 100% 110px; }
  .sec-life .obi h2 { width: 100%; margin: auto; font-size: 42px; color: #fff; font-weight: bold; padding-top: 10px; text-align: center; line-height: 1.4; letter-spacing: -0.025em; }
  .sec-life .obi h2 span { display: block; font-size: 20px; font-weight: normal; letter-spacing: 0; font-family: a-otf-ryumin-pr6n, serif; } }

.sec-life .inner { padding: 20px 5%; /* 年間行事の表組み */ /* //.cost-table */ }

@media only screen and (min-width: 768px) { .sec-life .inner { max-width: 1200px; margin: auto; padding: 135px 2% 0; } }

@media only screen and (min-width: 768px) { .sec-life .inner .box { max-width: 1200px; margin: auto; margin-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } }

.sec-life .inner .box .texts { width: 100%; margin-bottom: 50px; padding: 5%; color: #1d428e; background-color: #f9f9f9; text-align: justify; word-break: break-all; }

@media only screen and (min-width: 768px) { .sec-life .inner .box .texts { margin-right: 40px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 3%; margin-bottom: 0; } }

.sec-life .inner .box .texts h5 { font-size: 16px; font-weight: bold; margin-bottom: 12px; }

@media only screen and (min-width: 768px) { .sec-life .inner .box .texts h5 { font-size: 20px; margin-bottom: 50px; } }

.sec-life .inner .box .texts .text { font-size: 14px; font-weight: normal; line-height: 1.5; letter-spacing: -0.05em; }

@media only screen and (min-width: 768px) { .sec-life .inner .box .texts .text { font-size: 15px; } }

.sec-life .inner .box .figs { position: relative; width: 100%; margin-bottom: 20px; padding: 5%; color: #1d428e; background-color: #f9f9f9; /* //.circle */ /* コストの表組み */ /* //.cost-table */ }

@media only screen and (min-width: 768px) { .sec-life .inner .box .figs { -webkit-box-flex: 1.8; -ms-flex: 1.8; flex: 1.8; margin-bottom: 0; padding: 2%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.sec-life .inner .box .figs h5 { font-size: 15px; font-weight: bold; margin-bottom: 35px; }

@media only screen and (min-width: 768px) { .sec-life .inner .box .figs h5 { font-size: 20px; margin-bottom: 30px; } }

.sec-life .inner .box .figs h5 span { padding-left: 5px; font-size: 11px; font-weight: normal; letter-spacing: -0.05em; }

@media only screen and (min-width: 768px) { .sec-life .inner .box .figs h5 span { font-size: 15px; } }

@media only screen and (min-width: 768px) { .sec-life .inner .box .figs .fig1 { position: relative; } }

.sec-life .inner .box .figs .circle { width: 90px; position: absolute; right: 0; top: -30px; /* 生活費の円 */ }

@media only screen and (min-width: 768px) { .sec-life .inner .box .figs .circle { width: 112px; position: absolute; right: -25px; top: -85px; } }

.sec-life .inner .box .figs .circle .cost-circle { border-radius: 50%; width: 70px; height: 70px; margin: auto; background-color: #fff; -webkit-filter: drop-shadow(1px 4px 5px #ccc); filter: drop-shadow(1px 4px 5px #ccc); }

.sec-life .inner .box .figs .circle .cost-circle .life-fee { padding-top: 10px; font-size: 11px; color: #1d428e; text-align: center; line-height: 1.3; letter-spacing: 0.05em; }

.sec-life .inner .box .figs .circle .cost-circle .life-fee span { font-size: 18px; }

.sec-life .inner .box .figs .circle .cost-circle.english { width: 90px; height: 90px; }

.sec-life .inner .box .figs .circle .cost-circle.english .life-fee { padding-top: 15px; font-size: 11px; color: #1d428e; text-align: center; line-height: 1.3; letter-spacing: 0.05em; }

.sec-life .inner .box .figs .circle .cost-circle.english .life-fee span { font-size: 16px; }

@media only screen and (min-width: 768px) { .sec-life .inner .box .figs .circle { /* //.cost-circle */ }
  .sec-life .inner .box .figs .circle .cost-circle { border-radius: 50%; width: 112px; height: 112px; margin: auto; background-color: #fff; -webkit-filter: drop-shadow(1px 4px 5px #ccc); filter: drop-shadow(1px 4px 5px #ccc); }
  .sec-life .inner .box .figs .circle .cost-circle .life-fee { padding-top: 20px; font-size: 15px; color: #1d428e; text-align: center; line-height: 1.3; letter-spacing: 0.05em; }
  .sec-life .inner .box .figs .circle .cost-circle .life-fee span { font-size: 28px; } }

.sec-life .inner .box .figs .fig1 .cost-table { width: 100%; margin: 0 auto 20px; text-align: center; border-collapse: collapse; background-color: #fff; }

.sec-life .inner .box .figs .fig1 .cost-table tr.bline { border-top: 2px solid #a8a9a9; }

.sec-life .inner .box .figs .fig1 .cost-table th, .sec-life .inner .box .figs .fig1 .cost-table td { font-size: 13px; color: #231815; vertical-align: middle; border: 1px solid #a8a9a9; }

.sec-life .inner .box .figs .fig1 .cost-table th { width: 30%; padding: 5px 1px; font-weight: bold; background-color: #e1dfec; }

.sec-life .inner .box .figs .fig1 .cost-table td { width: 35%; padding: 5px 1px; text-align: left; text-align: center; line-height: 1.3; letter-spacing: 0.05em; }

@media only screen and (min-width: 768px) { .sec-life .inner .box .figs .fig1 .cost-table th, .sec-life .inner .box .figs .fig1 .cost-table td { font-size: 15px; } }

.sec-life .inner .box .figs .fig1 .text { margin-top: 7px; margin-bottom: 15px; font-size: 11px; font-weight: normal; line-height: 1.5; letter-spacing: 0; }

@media only screen and (min-width: 768px) { .sec-life .inner .box .figs .fig1 .text { font-size: 13px; } }

.sec-life .inner .box .figs .fig2 { margin: auto; text-align: center; }

.sec-life .inner .box .figs .fig2 .house { display: block; width: 60%; margin: auto; }

@media only screen and (min-width: 768px) { .sec-life .inner .box .figs .fig2 .house { display: inline; margin-top: -120px; width: 100%; } }

.sec-life .inner .box .figs .fig2 .text { margin-top: 7px; margin-bottom: 15px; font-size: 11px; font-weight: normal; line-height: 1.5; letter-spacing: 0; text-align: center; }

@media only screen and (min-width: 768px) { .sec-life .inner .box .figs .fig2 .text { font-size: 13px; margin-top: 10px; margin-bottom: 0; } }

.sec-life .inner h4 { margin-bottom: 15px; font-size: 18px; font-weight: normal; color: #1d428d; line-height: 1; letter-spacing: 0.075em; text-align: center; }

@media only screen and (min-width: 768px) { .sec-life .inner h4 { margin: auto; margin-bottom: 30px; font-size: 24px; } }

.sec-life .inner h4 span { font-size: 18px; font-weight: bold; }

@media only screen and (min-width: 768px) { .sec-life .inner h4 span { font-size: 24px; } }

.sec-life .inner .event-table { width: 100%; margin: 0 auto; text-align: center; border-collapse: collapse; background-color: #fff; }

.sec-life .inner th, .sec-life .inner td { width: 14.285714%; font-size: 10px; color: #231815; text-align: center; vertical-align: middle; border: 1px solid #a1a2a2; }

.sec-life .inner th { padding: 3px 1px; color: #fff; font-weight: normal; background-color: #5877ba; }

.sec-life .inner td { padding: 6px 1px; line-height: 1.1; letter-spacing: 0; }

@media only screen and (min-width: 768px) { .sec-life .inner .event-table { max-width: 1200px; }
  .sec-life .inner th, .sec-life .inner td { font-size: 16px; }
  .sec-life .inner th { padding: 8px 1px; }
  .sec-life .inner td { padding: 12px 1px; letter-spacing: 0.025em; } }

.sec-life .inner .timetable { padding-top: 30px; }

@media only screen and (min-width: 768px) { .sec-life .inner .timetable { padding-top: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.sec-life .inner .timetable .texts { color: #1c3f91; font-weight: normal; }

.sec-life .inner .timetable .texts h3 { margin-bottom: 10px; font-size: 23px; font-weight: bold; line-height: 1.35; }

@media only screen and (min-width: 768px) { .sec-life .inner .timetable .texts h3 { font-size: 30px; } }

.sec-life .inner .timetable .texts .text { margin-bottom: 30px; font-size: 14px; line-height: 1.5; letter-spacing: -0.05em; text-align: justify; word-break: break-all; }

@media only screen and (min-width: 768px) { .sec-life .inner .timetable .texts .text { width: 460px; margin-right: 100px; font-size: 15px; line-height: 1.8; } }

/* TUITION */
.sec-tuition { width: 100%; margin: 0 auto; }

.sec-tuition .obi { height: 0; padding-bottom: 32%; background: url("../img/bg_obi_sp.png") repeat-x; background-position: left top; background-size: 100%; }

.sec-tuition .obi h2 { width: 100%; margin: auto; font-size: 30px; color: #fff; font-weight: bold; padding-top: 16px; text-align: center; line-height: 1.4; letter-spacing: -0.025em; }

.sec-tuition .obi h2 span { display: block; font-size: 16px; font-weight: normal; letter-spacing: 0; font-family: a-otf-ryumin-pr6n, serif; }

@media only screen and (min-width: 768px) { .sec-tuition .obi { height: 110px; padding: 0; background: url("../img/bg_obi_pc.png") repeat-x; background-position: left top; background-size: 100% 110px; }
  .sec-tuition .obi h2 { width: 100%; margin: auto; font-size: 42px; color: #fff; font-weight: bold; padding-top: 10px; text-align: center; line-height: 1.4; letter-spacing: -0.025em; }
  .sec-tuition .obi h2 span { display: block; font-size: 20px; font-weight: normal; letter-spacing: 0; font-family: a-otf-ryumin-pr6n, serif; } }

.sec-tuition .inner { padding: 0 5% 20px; /* 学費の表組み */ /* //.cost-table */ }

@media only screen and (min-width: 768px) { .sec-tuition .inner { width: 900px; padding: 30px 2% 0; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

.sec-tuition .inner .boxes ul.text li { margin-left: 20px; list-style-type: decimal; }

@media only screen and (min-width: 768px) { .sec-tuition .inner .boxes { margin-right: 40px; }
  .sec-tuition .inner .boxes:last-child { margin-right: 0; } }

.sec-tuition .inner h3 { width: 100%; height: 35px; margin: 15px auto; font-size: 18px; font-weight: bold; line-height: 35px; color: #1c3f91; text-align: center; background: url("../img/bar_fee_title_sp.png") repeat-x; background-position: left bottom; background-size: 100% 35px; }

@media only screen and (min-width: 768px) { .sec-tuition .inner h3 { width: 424px; height: 44px; margin: 15px auto; font-size: 23px; font-weight: bold; line-height: 44px; color: #1c3f91; text-align: center; background: url("../img/bar_fee_title_pc.png") repeat-x; background-position: left bottom; background-size: 100% 44px; } }

.sec-tuition .inner .text { margin-top: 5px; font-size: 13px; color: #333; line-height: 1.5; }

@media only screen and (min-width: 768px) { .sec-tuition .inner .text { font-size: 16px; } }

.sec-tuition .inner .small { margin-top: 5px; font-size: 11px; line-height: 1.5; }

@media only screen and (min-width: 768px) { .sec-tuition .inner .small { font-size: 13px; } }

.sec-tuition .inner .tuition-table { width: 100%; margin: 0 auto; text-align: center; border-collapse: collapse; background-color: #fff; }

.sec-tuition .inner .tuition-table tr.bline { border-top: 2px solid #a8a9a9; }

.sec-tuition .inner .tuition-table th { width: 30%; }

.sec-tuition .inner .tuition-table td { width: 70%; }

.sec-tuition .inner .tuition-table td sup { vertical-align: super; font-size: 0.6rem; }

.sec-tuition .inner .tuition-table.eng th, .sec-tuition .inner .tuition-table.eng td { width: auto; }

.sec-tuition .inner th, .sec-tuition .inner td { font-size: 11px; color: #444; vertical-align: middle; border: 1px solid #d4d4d4; }

.sec-tuition .inner th.sums, .sec-tuition .inner td.sums { color: #224596; font-weight: bold; }

.sec-tuition .inner th { width: 25%; padding: 7px 1px; font-weight: normal; background-color: #cfcde0; }

.sec-tuition .inner td { width: 25%; padding: 7px 1px; line-height: 1; letter-spacing: 0.05em; }

.sec-tuition .inner tr:nth-child(odd) th { background-color: #e0deeb; }

.sec-tuition .inner tr:nth-child(odd) td { background-color: #f6f6f6; }

@media only screen and (min-width: 768px) { .sec-tuition .inner th, .sec-tuition .inner td { font-size: 14px; }
  .sec-tuition .inner th { padding: 10px 1px; }
  .sec-tuition .inner td { padding: 10px 1px; } }

.sec-tuition .inner h4 { width: 100%; height: 32px; margin: 10px 0; padding-left: 1em; font-size: 15px; font-weight: bold; line-height: 32px; color: #fff; text-align: left; border-radius: 4px; background-color: #224596; }

@media only screen and (min-width: 768px) { .sec-tuition .inner h4 { font-size: 18px; } }

.sec-tuition .inner ul.text { margin-bottom: 25px; font-size: 13px; color: #333; line-height: 1.5; }

@media only screen and (min-width: 768px) { .sec-tuition .inner ul.text { font-size: 16px; } }

.sec-tuition .btn { width: 60%; margin: 0 auto 25px; }

@media only screen and (min-width: 768px) { .sec-tuition .btn { width: 100%; margin: 15px auto 50px; text-align: center; } }

/* ACCESS */
.sec-access { width: 100%; margin: 0 auto; }

.sec-access .obi { height: 0; padding-bottom: 32%; background: url("../img/bg_obi_sp.png") repeat-x; background-position: left top; background-size: 100%; }

.sec-access .obi h2 { width: 100%; margin: auto; font-size: 30px; color: #fff; font-weight: bold; padding-top: 16px; text-align: center; line-height: 1.4; letter-spacing: -0.025em; }

.sec-access .obi h2 span { display: block; font-size: 16px; font-weight: normal; letter-spacing: 0; font-family: a-otf-ryumin-pr6n, serif; }

@media only screen and (min-width: 768px) { .sec-access .obi { height: 110px; padding: 0; background: url("../img/bg_obi_pc.png") repeat-x; background-position: left top; background-size: 100% 110px; }
  .sec-access .obi h2 { width: 100%; margin: auto; font-size: 42px; color: #fff; font-weight: bold; padding-top: 10px; text-align: center; line-height: 1.4; letter-spacing: -0.025em; }
  .sec-access .obi h2 span { display: block; font-size: 20px; font-weight: normal; letter-spacing: 0; font-family: a-otf-ryumin-pr6n, serif; } }

.sec-access .inner { margin: auto; padding: 40px 5% 20px; }

@media only screen and (min-width: 768px) { .sec-access .inner { margin-top: 50px; padding: 0 2% 20px; } }

.sec-access .inner h3 { font-size: 19px; color: #224596; letter-spacing: 0; text-align: center; }

@media only screen and (min-width: 768px) { .sec-access .inner h3 { font-size: 26px; } }

.sec-access .inner h3::after { display: block; content: ""; border-bottom: 3px solid #224596; width: 11em; margin: 0 auto 20px; padding-top: 4px; }

@media only screen and (min-width: 768px) { .sec-access .inner h3::after { border-bottom: 4px solid #224596; margin: 0 auto 30px; padding-top: 7px; } }

.sec-access .inner .lead { margin-bottom: 20px; font-size: 14px; color: #333; line-height: 1.4; letter-spacing: -0.025em; text-align: justify; word-break: break-all; }

@media only screen and (min-width: 768px) { .sec-access .inner .lead { margin-bottom: 50px; font-size: 15px; text-align: center; line-height: 2; }
  .sec-access .inner .lead.english { width: 90%; margin: auto; margin-bottom: 50px; font-size: 16px; } }

.sec-access .inner .access-images { width: 100%; margin: 10px auto 30px; display: block; }

@media only screen and (min-width: 768px) { .sec-access .inner .access-images { max-width: 1200px; margin: -10px auto 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } }

.sec-access .inner .access-images .image { width: 100%; margin-bottom: 15px; }

@media only screen and (min-width: 768px) { .sec-access .inner .access-images .image { width: 32.5%; } }

.sec-access .inner .text { font-size: 19px; color: #224596; letter-spacing: -0.05em; text-align: center; line-height: 1.6; }

.sec-access .inner .text.english { font-size: 16px; }

@media only screen and (min-width: 768px) { .sec-access .inner .text { font-weight: bod; }
  .sec-access .inner .text.english { font-size: 24px; letter-spacing: 0; } }

.sec-access .maps { margin: 10px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media only screen and (min-width: 768px) { .sec-access .maps { width: 100%; max-width: 1200px; margin: 20px auto; padding: 0 1%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.sec-access .maps .map1 { width: 50%; margin: auto; }

@media only screen and (min-width: 768px) { .sec-access .maps .map1 { width: 33%; margin: 0 1% 0 0; } }

.sec-access .maps .map2 { width: 100%; margin: 10px auto; }

@media only screen and (min-width: 768px) { .sec-access .maps .map2 { width: 66%; margin: 0; } }

.sec-access .btn { width: 60%; margin: auto; margin-bottom: 30px; }

@media only screen and (min-width: 768px) { .sec-access .btn { width: 100%; margin: auto; margin-bottom: 30px; text-align: center; } }

/* ------------------------------------------------- * ＠CONTENTS　　　　　　　　　　　　　　　　 ------------------------------------------------- */
/* 共通部 */
/* CAMPUS */
#foreign .sec-campus { width: 100%; padding-top: 165px; margin-bottom: 80px; }

@media only screen and (max-width: 767px) { #foreign .sec-campus { padding-top: 60px; margin-bottom: 40px; } }

#foreign .sec-campus .inner { max-width: 1200px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media only screen and (max-width: 767px) { #foreign .sec-campus .inner { max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

#foreign .sec-campus .inner .txt { width: 65%; }

@media only screen and (max-width: 767px) { #foreign .sec-campus .inner .txt { width: 100%; } }

#foreign .sec-campus .inner .txt .title { font-size: 48px; text-align: center; line-height: 1.2; }

@media only screen and (max-width: 767px) { #foreign .sec-campus .inner .txt .title { font-size: 20px; line-height: 1.5; padding: 0 4%; } }

#foreign .sec-campus .inner .txt .text { width: 90%; margin: 20px auto; font-size: 18px; line-height: 1.6; }

@media only screen and (max-width: 767px) { #foreign .sec-campus .inner .txt .text { width: 100%; margin-top: 10px; font-size: 12px; line-height: 1.5; padding: 0 4%; } }

#foreign .sec-campus .inner .txt .photo { text-align: center; margin: 35px auto; }

@media only screen and (max-width: 767px) { #foreign .sec-campus .inner .txt .photo { width: 100%; margin: 15px auto; } }

#foreign .sec-campus .inner .image { width: 32%; max-width: 330px; }

@media only screen and (max-width: 767px) { #foreign .sec-campus .inner .image { width: 100%; max-width: 100%; } }

/* CAMPUS-STAIRS */
#foreign .sec-stairs { width: 100%; margin: 0 auto 50px; }

@media only screen and (max-width: 767px) { #foreign .sec-stairs { margin: 0 auto 5px; } }

#foreign .sec-stairs .inner { max-width: 1200px; margin: auto; }

@media only screen and (max-width: 767px) { #foreign .sec-stairs .inner { max-width: 100%; } }

#foreign .sec-stairs .inner .heading { margin-bottom: 15px; padding: 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-size: 36px; font-style: normal; font-weight: normal; letter-spacing: 0.05em; color: #fff; line-height: 50px; text-align: left; text-indent: 0.75em; background-color: #0b3284; }

@media only screen and (max-width: 767px) { #foreign .sec-stairs .inner .heading { margin-bottom: 10px; padding: 0; font-size: 18px; color: #fff; line-height: 40px; } }

#foreign .sec-stairs .inner .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media only screen and (max-width: 767px) { #foreign .sec-stairs .inner .box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 4%; } }

#foreign .sec-stairs .inner .box .floor { width: 33%; }

#foreign .sec-stairs .inner .box .floor .photo { width: 100%; max-width: 340px; }

#foreign .sec-stairs .inner .box .floor .text { margin-top: 20px; margin-left: 20px; font-size: 16px; line-height: 1.5; }

@media only screen and (max-width: 767px) { #foreign .sec-stairs .inner .box .floor { width: 100%; margin-bottom: 20px; }
  #foreign .sec-stairs .inner .box .floor .photo { width: 100%; max-width: 100%; }
  #foreign .sec-stairs .inner .box .floor .text { margin-top: 10px; margin-left: 20px; font-size: 14px; } }

#foreign .sec-stairs .inner .box .image { width: 67%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

@media only screen and (max-width: 767px) { #foreign .sec-stairs .inner .box .image { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

#foreign .sec-stairs .inner .box .image .photo { width: 48%; max-width: 385px; margin-bottom: 50px; }

#foreign .sec-stairs .inner .box .image .photo span { display: block; margin-top: 5px; font-size: 14px; text-align: center; }

@media only screen and (max-width: 767px) { #foreign .sec-stairs .inner .box .image .photo { width: 100%; max-width: 100%; margin-bottom: 20px; }
  #foreign .sec-stairs .inner .box .image .photo span { margin-top: 4px; font-size: 12px; } }
/*# sourceMappingURL=foreign.css.map */