@charset "utf-8";
/*
Theme Name: Jalsエリア
*/
/*
 2026
*/
.sec_intro > .wrap > .mv {
 background-position: center bottom;
}
/*
facility 2026
*/
.cmnLayout01 > .wrap .top_faci_slider {
 display: flex;
 gap: 30px;
 max-width: 1960px;
 margin: 0 auto;
 .faci_data .details {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  dl.descs {
   text-align: left;
   padding-left: 72px;
  }
 }
 .contents {
  padding-left: 0;
  padding-top: 0;
  margin-top: 0;
 }
 .contents .contentsdesc .details .one {
  width: calc(50% - 10px);
  margin: 0;
  box-sizing: border-box;
  padding: 15px;
 }
 .faci_slider {
  width: 70%;
 }
 .faci_data {
  width: 30%;
 }
}
.faci_slider ul li img {
 width: 100%;
}
.slider-nav p {
 display: inline-block;
 max-width: 150px;
 margin: 0 10px 5px 0;
 cursor: pointer;
}
.slider-nav p.is-active {
 opacity: 0.5;
}
.slider-nav p img {
 width: auto;
 max-width: 100%;
 height: auto;
}
.slider-nav {
 text-align: left;
 margin: 10px 0 0 0;
}
/*Location*/
@media only screen and (min-width: 640px) {
 .headerArea .row01 > .in > .wrap .logo a {
  height: 23px;
  width: 77px;
 }
 body #location_area ul li .location_fade_img .n1 {
  z-index: 6;
  width: calc(16.67% + 6px);
 }
 body #location_area ul li .location_fade_img .n2 {
  left: 30px;
  z-index: 5;
  transition: opacity 0.6s 0.15s cubic-bezier(0.515, 0.005, 0.505, 1.000);
  width: calc(33.34% + (6px * 2) - (30px * 2));
 }
 body #location_area ul li .location_fade_img .n3 {
  left: 60px;
  z-index: 4;
  transition: opacity 0.6s 0.3s cubic-bezier(0.515, 0.005, 0.505, 1.000);
  width: calc(50.01% + (6px * 3) - (30px * 3));
 }
 body #location_area ul li .location_fade_img .n4 {
  left: 90px;
  z-index: 3;
  transition: opacity 0.6s 0.45s cubic-bezier(0.515, 0.005, 0.505, 1.000);
  width: calc(66.68% + (6px * 4) - (30px * 4));
 }
 body #location_area ul li .location_fade_img .n5 {
  left: 120px;
  z-index: 3;
  width: calc(83.35% + (6px * 5) - (30px * 5));
  transition: opacity 0.6s 0.6s cubic-bezier(0.515, 0.005, 0.505, 1.000);
 }
 body #location_area ul li .location_fade_img .n6 {
  left: 150px;
  width: 100%;
  z-index: 2;
  transition: opacity 0.6s 1s cubic-bezier(0.515, 0.005, 0.505, 1.000);
 }
 body .location_fade_img .ss {
  z-index: 7
 }
 body .location_fade_img .s1 {
  left: calc((16.67% + 6px) * 1 - 30px);
 }
 body .location_fade_img .s2 {
  left: calc((16.67% + 6px) * 2 - 30px);
 }
 body .location_fade_img .s3 {
  left: calc((16.67% + 6px) * 3 - 30px);
 }
 body .location_fade_img .s4 {
  left: calc((16.67% + 6px) * 4 - 30px);
 }
 body .location_fade_img .s5 {
  left: calc((16.67% + 6px) * 5 - 30px);
 }
 /*min 640px*/
}
@media only screen and (max-width: 1500px) {
 .cmnLayout01 > .wrap .top_faci_slider {
  .faci_slider {
   width: 60%;
  }
  .faci_data {
   width: 40%;
  }
 }
}
@media only screen and (max-width: 1100px) {
 .cmnLayout01 > .wrap .top_faci_slider {
  flex-wrap: wrap;
  .contents .contentsdesc .details .one {
   width: calc(33.333% - 8px);
  }
  .faci_slider, .faci_data {
   width: 100%;
  }
 }
}
@media only screen and (max-width: 640px) {
 .slider-nav p {
  width: 110px;
 }
 .cmnLayout01 > .wrap .top_faci_slider .contents .contentsdesc {
  padding-top: 0;
 }
 .cmnLayout01 > .wrap .top_faci_slider {
  .contents .contentsdesc .details .one {
   width: calc(50% - 10px);
  }
  .faci_data .details {
   dl.descs {
    padding-left: 0;
    padding-top: 13vw;
    padding-bottom: 1em;
   }
  }
 }
}
/**/
.formarea table.cl_table td input[name="addr_in"] {
 width: 100% !important;
}
.no-touchevents .footerArea .footer_fix_link .one.type02:hover .fb, .no-touchevents .footerArea .footer_fix_link .one.type02:hover .insta {
 display: none;
}
.sec_comparison .sec_tit > .title {
 background-size: 15% auto, 18% auto;
}
.sec_lineup > .wrap .sec_tit > .title {
 background-size: 15% auto, 18% auto;
}
/*Lang
---------------------------------------*/
.lang_th.p-course .detail .ico, .lang_kr.p-course .detail .ico, .lang_fr.p-course .detail .ico, .lang_tw.p-course .detail .ico, .lang_cn.p-course .detail .ico, .lang_de.p-course .detail .ico, .lang_es.p-course .detail .ico, .lang_se.p-course .detail .ico, .lang_pt.p-course .detail .ico, .lang_it.p-course .detail .ico, .lang_fi.p-course .detail .ico, .lang_id.p-course .detail .ico {
 display: none;
}
.lang_th.sub_pages, .lang_kr.sub_pages, .lang_fr.sub_pages, .lang_tw.sub_pages, .lang_cn.sub_pages, .lang_de.sub_pages, .lang_es.sub_pages, .lang_se.sub_pages, .lang_pt.sub_pages, .lang_it.sub_pages, .lang_fi.sub_pages, .lang_id.sub_pages {
 .ico_box .img {
  display: none !important;
 }
 .ico_box {
  padding-left: 2em !important;
  padding-right: 2em !important;
 }
}
/*add
---------------------------------------*/
.open_camp h1 {
 color: #19216b;
 font-size: 6em;
 text-shadow: 5px 5px 0 #fffffff5;
}
.open_camp .cmp1 {
 margin: 15px 0;
 font-size: 4em;
 font-weight: bold;
}
.open_camp .cmp2 {
 background-color: #19216b;
 color: #fff;
 border-radius: 15px;
 display: inline-block;
 padding: 3px 15px 5px 15px;
 position: relative;
 top: 0px;
 transform: rotate(-5deg);
 margin-right: 14px;
 box-shadow: 5px 5px 0 #ffcd27;
 letter-spacing: 1px;
}
.open_camp .cmp2 span {
 /*font-family: "vinyl", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", verdana, "メイリオ", "Meiryo", "Osaka", sans-serif;*/
 font-size: 1.2em;
 letter-spacing: 2px;
}
.open_camp .cmp4 {
 font-size: 1.1em;
}
.open_camp .cmp5 {
 font-size: 2.5em;
 /*font-family: "vinyl", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", verdana, "メイリオ", "Meiryo", "Osaka", sans-serif;*/
 margin: 0 7px;
 letter-spacing: 3px;
 position: relative;
 top: 10px;
}
.open_camp .cmp3 {
 text-shadow: 5px 5px 0 #fffffff5;
 letter-spacing: 1px;
}
.open_camp .cmp4 {
 font-size: 1.1em;
}
.open_camp .cmpBtn a {
 display: block;
 font-weight: bold;
 background-color: #fff;
 max-width: 550px;
 margin: 54px auto 20px auto;
 font-size: 1.85em;
 line-height: 1.3em;
 padding: 19px 0;
 letter-spacing: 7px;
 box-shadow: 5px 5px 0 #19216b;
}
.open_camp .cmpNote {
 font-size: 1.2em;
 letter-spacing: 5px;
}
span.cmp21 {
 display: block;
 font-size: 2em;
 text-shadow: 5px 5px white;
 color: #19216b;
}
.open_camp h1 .en_mid {
 font-size: 0.9em;
 color: #000;
}
/**/
.sec_community > .wrap .column .detail .text_box {
 background-color: rgb(244, 244, 242);
 z-index: 5;
 position: relative;
}
.sec_learning .column .detail .text_box {
 background-color: #fff;
 position: relative;
 z-index: 5;
}
.facility_img {
 margin-top: 50px;
}
.map.smart_sp.none {
 display: none;
}
.g-menu li {
 position: relative;
}
.headerArea .row01 {
 z-index: 1001;
}
.g-menu li .sub-menu {
 position: absolute;
 left: 0;
 top: 100%;
 text-align: left;
 background-color: rgba(25, 33, 107, 0.9);
 width: 150px;
 opacity: 0;
 visibility: hidden;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.g-menu li .sub-menu a {
 display: block;
 color: #fff;
 padding: 15px 20px;
 border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}
.g-menu li:hover .sub-menu {
 opacity: 1;
 visibility: visible;
}
/*Custom
---------------------------------------*/
#commission_rate {
 padding-right: 1rem;
 padding-left: 1rem;
 background-color: #ecece9;
 box-sizing: border-box;
 line-height: 2.5;
 margin-right: 10px;
 width: 9em;
}
.read.ex30 {
 margin-bottom: 2.5rem;
 font-size: 1.5rem;
}
.read.ex1 {
 font-size: 1.5rem;
}
.rec_job_cat_h3 {
 margin-bottom: 2rem;
 color: #171c61;
 font-size: 2.4rem;
 border-left: 5px solid #171c61;
 padding: 5px 0 5px 15px;
 line-height: 1.4em;
 background-color: #eeeff3;
}
.secHostUL01 li li {
 margin-left: 15px;
}
.secHostUL01 li li:before {
 content: "--";
}
.secHostUL01 li {
 font-size: 1.6rem;
 line-height: 1.3em;
 margin-bottom: 5px;
}
.secHostUL01 li ul {
 padding-top: 6px;
 margin-bottom: 10px;
}
.read a {
 text-decoration: underline;
 color: #2985cd;
}
/**/
.footerArea .footer_fix_link {
 min-width: 620px;
}
.lang_ja .footerArea .footer_fix_link {
 min-width: 680px;
}
.lang_tw .footerArea .footer_fix_link {
 min-width: 500px;
}
body #wpadminbar {
 background-color: #660C3E;
 border-top: #FF39EB 5px solid;
}
.langOpen .mainArea {
 overflow: inherit;
 height: auto;
 position: static;
}
.formarea > .in .list01 li li:before {
 content: "■";
 position: absolute;
 left: 0;
 color: #F05050;
 font-size: 1.0rem;
}
/*Lang */
.footerArea #FooterFixLink.footer_fix_link .ro {
 transform: rotate(-90deg);
 display: inline-block;
 margin: 0 0.2px;
}
.lang_es .headerArea .linkSet.tp01 > *, .lang_es .headerArea .mainNav .navWrap .contents > .linkSet.main > * {
 font-size: 1.0rem;
}
.lang_es .cmnLayout01 > .wrap .contents .contentsdesc .details .one .descs .tit {
 font-size: 1.6rem;
 line-height: 1.3em;
 font-weight: bold;
}
.lang_es .cmnLayout01 > .wrap .contents .contentsdesc .details .one .descs .desc {
 font-size: 1rem;
 line-height: 1.8rem;
}
.lang_es .headerArea .linkSet > * {
 font-size: 1.1rem;
}
/**/
.headerArea .row01 > .in > .wrap .awardLogo > * {
 padding-right: 6px;
}
.headerArea .drawerSet > li .drawerSet.type02 > li a {
 line-height: 1.3em;
 padding: 1.5rem 1.5rem;
}
.admin-bar .topmvArea:before {
 bottom: 32px;
}
.admin-bar.headerMenuFix .headerArea .row00 {
 top: 32px;
}
.admin-bar.scrollDown.headerMenuFix .headerArea .row01 {
 top: 74px;
}
.admin-bar.headerMenuFix .headerArea .row02 {
 top: 144px;
}
.footerArea .row01 > .in > .navWrap {
 height: auto;
}
.admin-bar.sub_pages .headerArea .row00 {
 top: 32px;
}
.admin-bar.sub_pages .headerArea .row01 {
 top: 74px;
}
.admin-bar.sub_pages .headerArea .row02 {
 top: 144px;
}
.sec_column > .wrap .text_box .name {
 top: 270px;
}
.headerArea .drawerSet > li .drawerSet.type02 > li {
 display: block;
 width: 50%;
}
.headerArea .drawerSet > li .drawerSet.type02 > li a {
 height: 100%;
 box-sizing: border-box;
}
.no-touchevents .headerArea .drawerSet > li.submenuin:hover .drawerSet.type01.type02 {
 display: flex;
 flex-wrap: wrap;
}
.formarea .in input[type="text"], .formarea .in input[type="tel"], .formarea .in input[type="email"] {
 width: 100%;
 padding-right: 1rem;
 padding-left: 1rem;
 background-color: #ecece9;
 box-sizing: border-box;
 line-height: 2.5;
}
.formarea > .in input[type="radio"]:before {
 display: block;
 width: 18px;
 height: 18px;
 border: 1px solid #8d8db1;
 background-color: #ecece9;
}
.formarea > .in input[type="radio"]:before, .formarea > .in input[type="radio"]:after {
 content: "";
 border-radius: 50%;
}
.formarea > .in input[type="radio"]:checked:after {
 position: absolute;
 top: 7px;
 left: 7px;
 width: 6px;
 height: 6px;
 background-color: #8d8db1;
}
.formarea > .in input[type="radio"]:before, .formarea > .in input[type="radio"]:after {
 content: "";
 border-radius: 50%;
}
.formarea > .in textarea {
 width: 100%;
 max-width: 62.5rem;
 min-height: 20rem;
 padding-right: 1rem;
 padding-left: 1rem;
 background-color: #ecece9;
 box-sizing: border-box;
}
.formarea table.contact-table td input[name="addr"] {
 width: 100%;
 box-sizing: border-box;
}
span.wpcf7-list-item {
 position: relative;
}
.bold {
 font-weight: bold;
}
.red {
 color: #ff4b4b;
}
.fs15 {
 font-size: 1.5em;
}
.ex_date {
 border: 2px solid #19216a;
 padding: 15px;
}
/*invoice*/
.s_btn a {
 width: 200px;
 display: block;
 margin: 0 auto 20px auto;
 text-decoration: none;
 font-weight: bold;
 background-color: #D51335;
 border-radius: 4px;
 color: #fff;
 padding: 8px 0;
 box-shadow: 0 2px #6D081A;
}
#print_pdf_link {
 margin-top: 20px;
}
.wpcf7-form-control-wrap.pdf_v .wpcf7-list-item, .wpcf7-form-control-wrap.duedate .wpcf7-list-item {
 display: inline-block;
 margin: 0 10px 1em 10px;
 font-size: 1.2em;
}
span#pdf_v, span#duedate {
 display: block;
 overflow: hidden;
 clear: both;
 text-align: center;
}
#addSectionBtn {
 margin: 10px 10px 40px 10px;
 padding: 6px 0;
 background-color: rgb(213, 19, 53);
 color: #fff;
 border-radius: 5px;
 width: 145px;
 line-height: 1.2em;
 text-align: center;
 box-shadow: 0 3px 0 #8F0F25;
 cursor: pointer;
 position: relative;
 font-size: 12px;
}
.add_box {
 padding-right: 22px;
 position: relative;
 z-index: 0;
}
/*Pankuzu */
.admin-bar.sub_pages .headerArea .row04 {
 top: 184px;
}
.headerArea .row04 > .in .linkin1 {
 display: inline-block;
 position: relative;
 padding: 11px 11px 11px 0;
 font-size: 1.2rem;
 opacity: 0.5;
}
.headerArea .row04 > .in span span a, .headerArea .row04 > .in span span span, .home .headerArea .row04 > .in span span {
 display: inline-block;
 position: relative;
 padding: 11px 6px 11px 0;
 font-size: 1.2rem;
 opacity: 0.5;
 margin-left: 10px;
}
.headerArea .row04 > .in span span a:hover {
 text-decoration: underline;
 color: #000;
}
.headerArea .row04 > .in span span a:before, .headerArea .row04 > .in span span span:before {
 content: "";
 display: block;
 width: 6px;
 height: 6px;
 border-top: 1px solid #000;
 border-right: 1px solid #000;
 margin: auto;
 position: absolute;
 top: 0;
 bottom: 0;
 left: -15px;
 transform: rotate(45deg);
}
.headerArea .row04 > .in span span span a, .headerArea .row04 > .in span span span span {
 padding-top: 0;
 padding-bottom: 0;
}
.headerArea .row04 > .in span span span[rel="v:child"]:before {
 display: none;
}
.headerArea .row04 > .in span span span[rel="v:child"] {
 margin-left: 0;
}
.small {
 font-size: 0.8em !important;
}
.ssmall {
 font-size: 0.7em !important;
}
.txc {
 text-align: center;
}
.detail01Area .contentwrap > .in .activityone + .activityone {
 padding-top: 120px;
}
.moduleWrap02 {
 min-height: 45em;
}
a#mm2 {
 display: block;
 text-decoration: underline;
 color: #4b83e1;
}
/*searchform sou
---------------------------------------*/
#searchform {
 clear: both;
 padding-bottom: 5px;
 padding-top: 5px;
 max-width: 270px;
 margin: 0 auto;
}
#searchform input[type="text"] {
 padding: 5px;
 border-radius: 4px;
 border: #000 solid 1px;
 width: 190px;
 font-size: 18px;
}
#searchform input[type="submit"] {
 padding: 9px 14px;
 border-radius: 9px;
 border: #000 solid 1px;
 line-height: 1em;
 font-size: 1em;
 background-color: #000;
 color: #fff;
}
input[type="submit"] {
 cursor: pointer;
}
/*contact sou
---------------------------------------*/
.selectCourseBox .cspan {
 width: 300px;
 box-sizing: border-box;
 vertical-align: middle;
 background-color: #EDEDF8;
 position: relative;
 display: block;
 float: left;
 clear: both; /* border-bottom: 1px solid #a9a9c3; */
 padding: 20px 30px;
 box-sizing: border-box;
}
#add_invoice .add_box .close, .selectCourseBox dd.close {
 width: 25px;
 height: 25px;
 position: absolute;
 top: 6px;
 cursor: pointer;
 right: 9px;
 background-image: url(img/es_close.png);
 background-repeat: no-repeat;
 padding: 0;
 margin: 0;
 z-index: 10;
}
.scb dl {
 position: relative;
 margin-bottom: 15px;
 font-size: 1.4rem;
}
#accommodation_type_select, .selectCourseBox select {
 background-color: #ECECE9;
 font-size: 1.4rem;
 padding: 5px 7px 5px 40px;
 position: relative;
 z-index: 1;
 border: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}
#selectAccomodation span.wpcf7-form-control-wrap.arrangech1:before, .selectCourseBox dt .wpcf7-form-control-wrap:before {
 content: '';
 display: block;
 position: absolute;
 left: 345px;
 top: 48px;
 margin-top: -10px;
 width: 0;
 height: 0;
 border: 6px solid #000;
 border-top-color: #000;
 border-left-color: #000;
 border-left-color: transparent;
 border-top-color: transparent;
 transform: scaleX(0.6) rotate(45deg);
 transition: .2s;
 z-index: 2;
}
#selectAccomodation span.wpcf7-form-control-wrap.arrangech1:before {
 left: 18px;
 top: 10px;
}
.formarea > .in .selectelem select {
 font-size: 1.4rem;
 padding: 7px 27px 7px 13px;
 position: relative;
 z-index: 1;
 width: 100%;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.scb dl dd, .scb dl dt {
 width: 100%;
}
.formarea .cspan:before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 7px;
 height: 100%;
 background-color: #ffc600;
}
.selectCourseBox .scb .wpcf7-form-control-wrap {
 display: block;
 border-bottom: 1px solid #a9a9c3;
 padding: 20px 10px 20px 330px;
 line-height: 3; /*border-top: 1px solid #a9a9c3;*/
 float: none;
 box-sizing: border-box;
}
.content_post div.wpcf7-mail-sent-ok {
 border: none;
 background-color: #86FF8F;
 font-size: 1.2em;
 line-height: 1.3em;
 padding: 20px 10px;
 text-align: center;
}
.scb dl dd br {
 display: none;
}
input#check_in_date, input#check_out_date, .formarea > .in input.course_datepicker, .formarea > .in input.course_end_datepicker {
 width: 300px;
}
.formarea > .in input.weeks_input {
 width: 100px;
}
.formarea > .in input.weeks_input:before {
 content: "weeks";
}
.scb dl dt .clwaku {
 line-height: 1.5em;
}
.scb dl dt .clwaku + p {
 line-height: 1em;
 background-color: #ffc600;
 padding: 5px 9px;
 font-weight: bold;
}
.scb dl dt ul#sw_select {
 overflow: hidden;
 padding-top: 10px;
}
.scb dl dt ul#sw_select li {
 float: left;
 line-height: 1.3em;
 padding: 8px 24px;
 border-radius: 6px;
 border: 2px solid #19216b;
 font-weight: bold;
 font-size: 1.4rem;
 cursor: pointer;
}
.scb dl dt ul#sw_select li.current {
 background-color: #19216b;
 color: #fff;
}
.scb dl dt ul#sw_select li.red {
 border: none;
 cursor: not-allowed;
}
.wpcf7 form.sent .wpcf7-response-output {
 font-size: 2em;
 text-align: center;
 background-color: #46b450;
 color: #fff;
 font-weight: bold;
 padding: 15px 0;
 border-radius: 9px;
 margin: 0;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
 background-color: #ff681f;
 text-align: center;
 padding: 15px 0;
 font-size: 1.6em;
 color: #fff;
 border-radius: 9px;
 border-color: #ff681f;
}
p#addCourseBtn {
 background-color: #ffc600;
 display: inline-block;
 line-height: 1em;
 padding: 15px 0;
 text-align: center;
 width: 190px;
 margin-bottom: 15px;
 font-size: 1.3rem;
 font-weight: bold;
 position: relative;
 z-index: 1;
 cursor: pointer;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
 top: 0;
 left: 0;
}
:hover:after:hover, #calculate_btn:hover, p#addCourseBtn:hover {
 top: 2px;
 left: 2px;
}
p#addCourseBtn:after {
 z-index: 0;
 background-color: transparent;
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 top: 2px;
 left: 2px;
 border-right: #ffc600 solid 1px;
 border-bottom: #ffc600 solid 1px;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.contact-submit input:hover:after, #calculate_btn:hover:after, p#addCourseBtn:hover:after {
 top: 0;
 left: 0;
}
h3.clred {
 font-size: 2.2rem;
 color: #171C61;
 margin-bottom: 6px;
}
.formarea {
 font-size: 1.4rem;
}
#selectCourse, #selectAccomodation, #selectPickup {
 margin-bottom: 70px;
}
#selectPayment {
 margin-bottom: 30px;
}
.contact-submit input, #calculate_btn {
 margin: 0 auto;
 text-align: center;
 width: 290px;
 line-height: 1em;
 padding: 28px 0;
 position: relative;
 left: 0;
 top: 0;
 cursor: pointer;
 background-color: #19216b;
 color: #fff;
 font-weight: bold;
 font-size: 1.5rem;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.contact-submit input:after, #calculate_btn:after {
 z-index: 0;
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 top: 2px;
 left: 2px;
 border-bottom: 1px solid #19216b;
 border-right: 1px solid #19216b;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
#selectAccomodation th {
 width: 300px;
 box-sizing: border-box;
 vertical-align: middle;
 background-color: #EDEDF8;
 position: relative;
 border-bottom: 1px solid #a9a9c3;
 padding: 20px 30px;
 box-sizing: border-box;
 border-left: #ffc600 solid 7px;
}
#selectAccomodation td {
 padding: 20px 10px 20px 25px;
 line-height: 3;
 border-bottom: 1px solid #a9a9c3;
 float: none;
 box-sizing: border-box;
 border-top: 1px solid #a9a9c3;
 position: relative;
}
.formarea table {
 border-top: 1px solid #a9a9c3;
 font-size: 100%;
 border-collapse: collapse;
 border-spacing: 0;
 width: 100%;
 margin-top: 15px;
}
ul.pickup_hidden {
 overflow: hidden;
 margin-bottom: 15px;
}
ul.pickup_hidden li {
 float: left;
 width: 48%;
 text-align: center;
 line-height: 1.3em;
 padding: 15px 0;
 border: 2px solid #19216b;
 box-sizing: border-box;
 margin: 0 1% 3px 1%;
 border-radius: 6px;
 cursor: pointer;
 font-weight: bold;
 color: #19216b;
 font-size: 1.5rem;
}
ul.pickup_hidden li.current {
 color: #fff;
 background-color: #19216b;
}
ul.pickup_hidden li.no_current {
 cursor: crosshair;
 border-color: #bbb;
 color: #bbb;
}
#calculate {
 margin-top: 30px;
}
table#feeCalculatorTable {
 width: 100%;
}
table#feeCalculatorTable th, table#feeCalculatorTable td {
 border: 1px solid #aaa;
 padding: 7px 15px;
}
table#feeCalculatorTable .table_head_item {
 width: 75%;
}
table#feeCalculatorTable .none, .none_tx {
 display: none;
}
table#feeCalculatorTable th.estima-head-top {
 text-align: center;
 font-weight: bold;
 background-color: #19216b;
 color: #fff;
}
table#feeCalculatorTable th {
 background-color: #fff4cd;
}
table#feeCalculatorTable td.pt {
 text-align: right;
 font-weight: bold;
}
table#feeCalculatorTable td.cltotal {
 font-weight: bold;
 font-size: 2rem;
 text-align: right;
}
table.contact-table th, table.contact-table td, table.contact-table2 th, table.contact-table2 td, .formarea table.cl_table th, .formarea table.cl_table td {
 border: 1px solid #aaa;
 padding: 7px 15px;
}
table.contact-table2 th, table.contact-table th, .formarea table.cl_table th {
 width: 229px;
 background-color: #fff4cd;
 font-weight: bold;
 vertical-align: top;
}
table.contact-table2 th, table.contact-table th {
 background-color: #EDEDF8;
 border-left: 7px solid #ffc600;
 padding-top: 15px;
 border-right: none;
 position: relative;
 text-align: left;
}
table.contact-table2 td, table.contact-table td {
 border-right: none;
 border-left: none;
}
table.contact-table2 th.required:after, table.contact-table th.required:after, table.contact-table2 th.required2:after, table.contact-table th.required2:after {
 content: "require field";
 right: 12px;
 top: 19px;
 background-color: #f05050;
 color: #fff;
 font-size: 1.2rem;
 line-height: 1em;
 padding: 4px 10px;
 margin-left: 8px;
 display: inline-block;
}
.lang_es table.contact-table2 th.required:after, .lang_es table.contact-table th.required:after, .lang_es table.contact-table2 th.required2:after, .lang_es table.contact-table th.required2:after {
 content: "Campo obligatorio";
}
.lang_kr table.contact-table2 th.required:after, .lang_kr table.contact-table th.required:after, .lang_kr table.contact-table2 th.required2:after, .lang_kr table.contact-table th.required2:after {
 content: "필수 입력";
}
.lang_cn table.contact-table2 th.required:after, .lang_cn table.contact-table th.required:after, .lang_cn table.contact-table2 th.required2:after, .lang_cn table.contact-table th.required2:after {
 content: "要求領域";
}
.lang_tw table.contact-table2 th.required:after, .lang_tw table.contact-table th.required:after, .lang_tw table.contact-table2 th.required2:after, .lang_tw table.contact-table th.required2:after {
 content: "要求领域";
}
.formarea table.cl_table {
 margin-bottom: 30px;
}
#contact_information {
 margin-top: 30px;
}
p.clwaku {
 padding: 1em !important;
 border: 5px solid #D51335;
 display: block;
 border-radius: 5px;
 margin: 30px 0 0 0;
 color: #D51335;
 font-weight: bold;
}
#feePdf {
 text-align: right;
}
#feePdf a {
 font-weight: bold;
 color: #ff7800;
 border: 2px solid #ff7800;
 padding: 5px 30px;
}
.formarea table.contact-table2 td select, .formarea table.contact-table td select, .formarea table.cl_table td select {
 border: 1px solid #aaa;
 padding: 2px 7px;
 margin: 5px 2px 0 5px;
 border-radius: 2px;
 -webkit-appearance: menulist;
 font-size: 18px;
}
.formarea table.contact-table2 td input[type="text"], .formarea table.contact-table2 td input[type="email"], .formarea table.contact-table td input[type="text"], .formarea table.contact-table td input[type="email"] {
 width: 215px;
 margin: 3px;
}
.formarea table.contact-table2 td input[type="email"], .formarea table.contact-table td input[type="email"] {
 width: 400px;
 margin: 3px;
}
.formarea table.cl_table td input[type="text"] {
 width: 200px;
 margin-bottom: 5px;
 margin-left: 5px;
}
.formarea table.cl_table td textarea {
 width: 100%;
 box-sizing: border-box;
}
#qd_error_message.wpcf7-response-output.wpcf7-validation-errors {
 padding: 15px 0;
 text-align: center;
 font-weight: bold;
 background-color: #b30202;
 color: #fff;
 font-size: 2.2rem;
 border-radius: 10px;
 line-height: 1.3em;
 border-color: #b30202;
}
.wpcf7-response-output.wpcf7-mail-sent-ok {
 padding: 30px;
 text-align: center;
 font-size: 1.5rem;
 font-weight: bold;
 background-color: #21b732;
 color: #fff;
 border: none;
 border-radius: 10px;
 line-height: 1.3em;
}
.contact-submit input {
 display: block;
}
.opa {
 visibility: hidden;
 opacity: 0;
 height: 0px;
 zoom: 1;
 position: absolute;
 width: 0px;
}
.formarea table.cl_table th .hissu {
 color: #d51335;
 font-size: 1.6rem;
}
.formarea > .in input[type="checkbox"] {
 -webkit-appearance: checkbox;
 width: 25px;
 height: 25px;
 border-radius: 2px;
}
.formarea > .in input[type="checkbox"]:before, .formarea > .in input[type="checkbox"]:after {
 display: none;
}
span.wpcf7-form-control-wrap.agreement {
 margin-top: 20px;
 display: block;
}
/**/
.content_post div.wpcf7-validation-errors {
 border: none;
 background-color: #FFC8C9;
 font-size: 1.2em;
 line-height: 1.3em;
 padding: 20px 10px;
 text-align: center;
}
.secHostFormIn .contact-submit {
 margin-top: 30px;
}
.formarea table.contact-table td input[name="birth_d"], .formarea table.contact-table td input[name="birth_m"], .formarea table.contact-table td input[name="birth_y"] {
 width: 90px;
}
.formarea .h3-03 {
 margin-top: 60px;
 font-size: 2.2rem;
 color: #171C61;
}
/*---------------------------------------
Course
---------------------------------------*/
.detailArea .descriptionArea .content .ico_box .img img {
 height: 31px;
 width: auto;
 max-width: 100%;
}
.detailArea .descriptionArea .ex_tbl table tbody td.private {
 background-color: #d4ffd5;
}
.detailArea .descriptionArea .ex_tbl table tbody td.internship {
 background-color: #d9eeff;
}
.detailArea .descriptionArea .ex_tbl table tbody td.culture {
 background-color: #d4ffd5;
}
.detailArea .descriptionArea .ex_tbl table tbody td.travel {
 background-color: #ffffc2;
}
.catch.ex1 {
 position: relative;
 padding-top: 4.5rem;
 padding-bottom: 1.5rem;
 font-size: 3.5rem;
 color: #171c61;
}
.catch.ex1:before, .catch.ex1:after {
 content: "";
 display: inline-block;
 position: absolute;
 bottom: 0;
 height: 0.3rem;
}
.catch.ex1:before {
 width: 100%;
 background-color: #e1e1e9;
}
.catch.ex1:after {
 left: 0;
 width: 5rem;
 background-color: #f5c51d;
}
.catch.ex2 {
 font-size: 3rem;
 margin: 50px 0 15px 0;
}
.secHostTextBox .read {
 margin-top: 2.5rem;
 font-size: 1.5rem;
}
/*---------------------------------------
wp-pagenavi setting
---------------------------------------*/
.pagelink {
 text-align: center;
 margin-bottom: 20px;
 padding-top: 15px;
 clear: both;
 margin-top: 15px;
 padding-left: 10px;
 padding-right: 10px;
}
.wp-pagenavi {
 clear: both;
 padding-top: 10px;
 padding-left: 10px;
 margin-top: 10px;
 font-size: 1.2em;
 padding-bottom: 30px;
}
.wp-pagenavi a, .wp-pagenavi span {
 text-decoration: none;
 padding: 6px 13px;
 margin: 2px 8px;
 border: #19216b solid 1px;
 display: inline-block;
 background-color: #fff;
 color: #19216b;
 border-radius: 1px;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.wp-pagenavi a:hover {
 background-color: #19216b;
 color: #fff;
}
.wp-pagenavi span.current {
 background-color: #19216b;
 color: #fff;
}
#page_link {
 margin: 10px auto;
 overflow: hidden;
 font-size: 1.5rem;
 line-height: 1.3em;
 border-top: 1px solid #000;
}
.previous {
 clear: both;
 text-align: left;
}
.next {
 text-align: right;
}
.previous a, .next a {
 padding: 6px 12px 5px 12px;
 display: block;
 font-size: 0.9em;
 border-radius: 5px;
 margin-bottom: 4px;
 font-weight: bold;
 line-height: 1.3em;
}
.page_in_links {
 text-align: center;
}
.page_in_links span {
 display: inline-block;
 width: 30px;
 text-align: center;
 padding: 8px 0;
 line-height: 1.1em;
 margin: 0 5px;
}
.page_in_links a span {
 background-color: #000;
 color: #fff;
}
/*---------------------------------------
image position
---------------------------------------*/
.aligncenter {
 margin-right: auto;
 margin-left: auto;
 display: block;
}
.alignleft {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}
.alignright {
 float: right;
 margin-bottom: 10px;
 margin-left: 10px;
}
/*
page link
---------------------------------------*/
.singlepostlink {
 padding-top: 20px;
 font-size: 0.9em;
}
span.oldpage {
 float: right;
}
span.newpage {
 float: left;
}
/*
social
---------------------------------------*/
#footer_social, #social {
 padding-right: 10px;
 padding-left: 10px;
 display: block;
 padding-right: 3px;
 padding-top: 5px;
}
#footer_social li, #social li {
 float: left;
 margin-top: 5px;
 margin-left: 5px;
}
/*content post
---------------------------------------*/
.content_post {
 clear: both;
 padding-bottom: 20px;
 padding-top: 30px;
 text-align: left;
 word-wrap: break-word;
 font-size: 1.5rem;
 line-height: 1.8em;
}
.content_post div, .content_post p {
 margin-bottom: 1em;
 line-height: 1.8em;
}
.content_post p span {
 line-height: 1.4em;
}
.content_post a {}
.content_post ul li {
 list-style-type: disc;
 margin-left: 35px;
 margin-bottom: 10px;
 padding-left: 5px;
 padding-right: 10px;
 line-height: 1.4em;
 list-style-position: outside;
}
.content_post ul.nomark li {
 list-style: none;
 margin-left: 0;
 padding-left: 0;
}
.content_post ol {
 list-style-type: decimal;
}
.content_post ol li {
 margin-left: 35px;
 margin-bottom: 10px;
 padding-left: 5px;
 padding-right: 10px;
 line-height: 1.4em;
 list-style-position: outside;
 list-style-type: decimal;
}
.content_post ul, .content_post ol {
 margin-bottom: 1em
}
.content_post ol.maru_number li {
 list-style: none;
 padding-left: 1.5em;
 position: relative;
}
.content_post ol.maru_number li:after {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 font-size: 1em;
}
.content_post .left {
 float: left;
}
.content_post .right {
 float: right;
}
.content_post h1 {
 display: block;
 font-size: 2em;
 font-weight: bold;
 margin: 0.67em 0;
 line-height: 1.2em;
 padding: 0.5em 0;
}
.content_post h2 {
 display: block;
 margin-top: 1.3em;
 margin-right: 0;
 margin-bottom: 0.4em;
 margin-left: 0;
 padding: 0;
 clear: both;
 font-size: 2em;
 line-height: 1.2em;
}
.content_post h3 {
 display: block;
 font-size: 1.3em;
 font-weight: bold;
 margin-top: 1em;
 margin-right: 0px;
 margin-bottom: 0.2em;
 margin-left: 0px;
 padding: 12px 10px 12px 10px;
 clear: both;
 border: 1px solid #BEBEBE;
 line-height: 1.2em;
}
.content_post h4 {
 display: block;
 font-size: 1.1em;
 margin-top: 1.33em;
 margin-right: 0;
 margin-bottom: 1em;
 margin-left: 0;
 clear: both;
 padding-top: 8px;
 padding-right: 10px;
 padding-bottom: 5px;
 padding-left: 10px;
 line-height: 1.2em;
 color: #FFF;
 background-color: #717171;
}
.content_post h5 {
 display: block;
 font-size: 1.1em;
 font-weight: bold;
 border-left-width: 3px;
 border-left-style: solid;
 border-left-color: #3e3a3a;
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 0.5em;
 margin-left: 0;
 padding-bottom: 0px;
 line-height: 1em;
 padding: 3px 0 0px 10px;
}
.content_post h6 {
 display: block;
 font-size: 1.2em;
 font-weight: bold;
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 0.5em;
 margin-left: 0;
 padding-top: 3px;
 padding-bottom: 0px;
 border-bottom-width: 3px;
 border-bottom-style: double;
 border-bottom-color: #000;
}
.content_post h1:first-child, .content_post h2:first-child, .content_post h3:first-child, .content_post h4:first-child {
 margin-top: 0;
}
.content_post .nolistmark li {
 list-style-type: none;
}
.content_post table {
 margin-top: 10px;
 margin-bottom: 10px;
 width: 100%;
}
.content_post table caption {
 text-align: left;
 font-weight: bold;
}
.content_post table th {
 background-color: #eee;
}
.content_post table th, .content_post table td {
 padding: 6px;
 border: 1px solid #aaa;
}
.content_post dl dt {
 font-weight: bold;
}
.content_post dl dd {
 margin-bottom: 1em;
 margin-left: 1em;
}
.content_post q, .content_post blockquote {
 margin: 0 auto 1em auto;
 width: 85%;
 padding: 15px 5%;
 background-color: #EEE;
 border-radius: 10px;
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
blockquote:before, q:before {
 content: "“";
 font-size: 58px;
 top: 20px;
 position: relative;
}
.content_post blockquote p, .content_post q p {
 margin-bottom: 10px;
}
blockquote:after, q:after {
 text-align: right;
 content: "”";
 font-size: 58px;
 display: block;
 position: relative;
 top: 20px;
}
/*page
---------------------------------------*/
.content_post .about_dl dt {
 padding: 6px;
 float: left;
 clear: both;
 width: 15%;
}
.content_post .about_dl dd {
 padding: 6px 6px 6px 17%;
 float: none;
 border-bottom: dotted 1px #ddd;
 margin-left: 0;
 margin-bottom: 0;
}
/*single
---------------------------------------*/
#content {
 float: left;
 width: 73%;
 padding-bottom: 60px;
}
/*Aside */
#aside {
 float: right;
 width: 22%;
}
#aside {
 font-size: 1.5rem;
}
#aside img {
 max-width: 100%;
 height: auto;
}
#aside li {
 margin-bottom: 1.8em;
}
#aside li .title {
 font-weight: bold;
 line-height: 1.2em;
}
#aside li .date {
 font-size: 0.9em;
 color: #19216b;
}
#aside h3 {
 font-size: 1.45rem;
 text-align: center;
 background-color: #19216b;
 color: #fff;
 position: relative;
 margin: 1.2em 0;
 padding: 0.2em 0;
 letter-spacing: 1px;
}
#aside h3:after {
 content: "";
 z-index: -1;
 background-color: #ffc600;
 width: 20%;
 height: 100%;
 position: absolute;
 right: -5px;
 bottom: -5px;
}
#aside h3:before {
 content: "";
 z-index: -1;
 background-color: #ffc600;
 width: 20%;
 height: 100%;
 position: absolute;
 left: -5px;
 top: -5px;
}
/*Side */
.footerArea .footer_fix_link .one.type02.blog_link a {
 width: 50px;
 height: 50px;
 text-align: center;
 display: block;
 box-sizing: border-box;
 padding-top: 11px;
 transform: rotate(270deg);
 -webkit-transition: 0.2s;
 -o-transition: 0.2s;
 transition: 0.2s;
}
.footerArea .footer_fix_link .one.type02.blog_link:hover a {
 background-color: #ffc600;
}
/**/
.post-categories li {
 float: right;
}
.cat_space {
 position: absolute;
 right: 0;
 top: 0;
 font-size: 1.2em;
 line-height: 1.3em;
}
.rela {
 position: relative;
}
ul.post-categories {
 display: inline-block;
}
#content .rela.cat_pre {
 padding-bottom: 1.5em;
 margin-top: 7px;
}
.cat_space .name {
 position: relative;
 top: -3px;
}
.post-categories li a {
 margin: 0 2px;
 text-align: center;
 border-radius: 15px;
 text-decoration: underline;
}
.page_title {
 font-size: 2em;
 line-height: 1.2em;
 padding: 10px 0;
}
.single_thumbnail {
 text-align: center;
}
.single_thumbnail img {
 max-width: 600px;
 height: auto;
}
#single_title {
 font-size: 2.5em;
 line-height: 1.3em;
 margin: 0.8em 0 0.5em 0;
 padding-bottom: 15px;
 position: relative;
}
.nopost {
 clear: both;
 padding: 40px 0;
 text-align: center;
 font-size: 1.1em;
 line-height: 1.6em;
 font-weight: bold;
}
.comments_title {
 font-size: 1em;
 line-height: 1.6em;
}
/*archive
---------------------------------------*/
/*2019*/
.archive_body {
 background-color: #f4f4f2;
 padding: 50px 0;
}
#archive_content #single_header {
 text-align: center;
 padding: 55px 0;
}
#archive_content #single_header h1#glob_title .icon_blog img {
 width: 60px;
 height: auto;
}
#archive_content #single_header h1#glob_title .name {
 display: block;
 font-size: 2.8em;
 line-height: 1.3em;
 color: #171c61;
}
p#blog_sub_title {
 font-size: 1.8rem;
}
#archive_content #single_header h1#glob_title .icon_blog {
 margin-bottom: 6px;
 display: block;
 line-height: 1em;
}
.archive_contents {
 float: left;
 font-size: 1.5rem;
 width: 71%;
}
/*Aside */
#aside {
 width: 25%;
}
.archive_body #content {
 width: 71%;
}
.archive_body #contentBody {
 background-color: #fff;
 padding: 30px 40px;
 box-sizing: border-box;
}
.sidebar1 form#searchform {
 padding: 0;
 margin: 0;
 position: relative;
 max-width: 100%;
}
.sidebar1 form#searchform input[type="text"] {
 width: 100%;
 box-sizing: border-box;
 border: 1px solid #b5bed4;
 border-radius: 2px;
 background-color: #fff;
 padding: 5px 35px 5px 10px;
}
.sidebar1 form#searchform label.screen-reader-text {
 display: none;
}
.sidebar1 form#searchform input[type="submit"] {
 background-repeat: no-repeat;
 background-image: url(img/icon_search.png);
 background-position: center;
 background-size: 50%;
 width: 34px;
 height: 34px;
 position: absolute;
 top: 4px;
 right: 3px;
 background-color: transparent;
 border: none;
 text-indent: -999px;
 overflow: hidden;
}
.sidebar1 .widgettitle {
 font-size: 1.5em;
 font-weight: 500;
 color: #171c61;
 padding-bottom: 10px;
 border-bottom: 3px solid #e1e1ea;
 position: relative;
 margin-bottom: 18px;
}
.sidebar1 .widgettitle:before {
 content: "";
 height: 3px;
 width: 17%;
 background-color: #f5c51d;
 position: absolute;
 bottom: -3px;
}
.sidebar1 .widget.widget_custom_html p {
 margin-bottom: 15px;
}
.wpp-list a.wpp-post-title {
 padding-top: 15px;
 display: block;
 color: #171c61;
 padding-left: 37%;
 font-size: 0.9em;
}
.wpp-list a img {
 width: 32%;
}
ul.side_list li dt img {
 max-width: 100%;
 height: auto;
}
ul.side_list li dt {
 clear: both;
 width: 32%;
 float: left;
}
ul.side_list li {
 clear: both;
 overflow: hidden;
}
ul.side_list li dd {
 padding-left: 37%;
 padding-top: 15px;
 font-size: 0.9em;
}
#aside .sidebar1 .widget_categories li {
 margin-bottom: 1em;
}
#aside .sidebar1 .widget_tag_cloud a {
 background-color: #fff;
 border: 1px solid #a1acc4;
 font-size: 0.9em !important;
 padding: 5px 10px;
 line-height: 1.3em;
 display: inline-block;
 margin: 0 3px 3px 0;
}
/*ArchiveList*/
ul.archiveList li {
 background-color: #fff;
 margin-bottom: 20px;
 box-sizing: border-box;
 padding: 20px;
 overflow: hidden;
}
ul.archiveList li dt {
 width: 40%;
 float: left;
}
ul.archiveList li dt img {
 max-width: 100%;
 height: auto;
}
ul.archiveList li dd {
 padding-left: 44%;
}
ul.archiveList li .title {
 font-size: 1.5em;
 color: #19216b;
 line-height: 1.3em;
 margin-bottom: .7em;
 margin-top: .7em;
}
.txr {
 text-align: right;
}
.view_more {
 margin-top: 12px;
}
.view_more a {
 text-decoration: underline;
 color: #19216b;
}
/*Single */
.archive_body .date {
 font-size: 1.5rem;
}
#single_title {
 color: #19216b;
 margin-bottom: 15px;
 padding-bottom: 0;
}
.single_tags ul li {
 font-size: 1.3rem;
 background-color: #fff;
 border: 1px solid #a1acc4;
 padding: 5px 10px;
 line-height: 1.3em;
 display: inline-block;
 margin: 0 3px 3px 0;
}
.archive_body #single_header {
 border-bottom: 3px solid #e1e1ea;
 padding-bottom: 25px;
 position: relative;
}
.archive_body #single_header:after {
 content: "";
 height: 3px;
 width: 17%;
 background-color: #f5c51d;
 position: absolute;
 bottom: -3px;
}
.content_post h3 {
 background-color: #171c61;
 color: #fff;
 border: none;
 padding: 12px 15px 16px 15px;
}
.content_post h4 {
 background-color: transparent;
 color: #171c61;
 padding-left: 31px;
 position: relative;
 font-size: 1.15em;
 background-image: url(img/dotted4.png);
 background-repeat: no-repeat;
 background-position: 0 7px;
}
.content_post ul li {
 list-style: none;
 position: relative;
 margin-left: 0;
 padding-left: 22px;
}
.content_post ul li:before {
 content: "";
 width: 8px;
 height: 8px;
 background-color: #f05050;
 position: absolute;
 left: 2px;
 top: 4px;
}
.content_post ol li {
 list-style: none;
 position: relative;
 margin-left: 0;
 padding-left: 22px;
 padding-top: 1px;
}
.content_post ol li:after {
 content: "";
 position: absolute;
 left: 2px;
 top: 0px;
 font-size: 1em;
 color: #f05050;
 font-weight: bold;
}
.content_post hr {
 background-color: #fff;
 border: none;
 border-bottom: dotted 1px #aaa;
 margin: 2.5em 0;
}
.content_post img {
 max-width: 100%;
 height: auto;
}
.content_post ol li:nth-child(1):after {
 content: "1.";
}
.content_post ol li:nth-child(2):after {
 content: "2.";
}
.content_post ol li:nth-child(3):after {
 content: "3.";
}
.content_post ol li:nth-child(4):after {
 content: "4.";
}
.content_post ol li:nth-child(5):after {
 content: "5.";
}
.content_post ol li:nth-child(6):after {
 content: "6.";
}
.content_post ol li:nth-child(7):after {
 content: "7.";
}
.content_post ol li:nth-child(8):after {
 content: "8.";
}
.content_post ol li:nth-child(9):after {
 content: "9.";
}
.content_post ol li:nth-child(10):after {
 content: "10.";
}
.content_post ol li:nth-child(11):after {
 content: "11.";
}
.content_post ol li:nth-child(12):after {
 content: "12.";
}
.content_post ol li:nth-child(13):after {
 content: "13.";
}
.content_post ol li:nth-child(14):after {
 content: "14.";
}
.content_post ol li:nth-child(15):after {
 content: "15.";
}
.content_post {
 font-size: 1.7rem;
}
.content_post div, .content_post p {
 margin-bottom: 1.5em;
 line-height: 1.8em;
}
.content_post .gallery-item {
 box-sizing: border-box;
 padding: 5px;
}
.content_post .gallery-item img {
 border: none !important;
}
ul.snsLinks li {
 float: left;
 margin: 0 0 0 20px;
}
ul.snsLinks {
 position: absolute;
 right: 0;
 top: 0;
}
ul.snsLinks.bottom {
 position: static;
 float: right;
}
ul.snsLinks li img {
 width: 22px;
}
div#page_link {
 border: none;
 margin-top: 20px;
 text-align: center;
 padding: 2px 0 5px 0;
}
div#page_link span a {
 padding: 0;
 margin: 0;
}
div#page_link span.center {
 background-color: #19216b;
 width: 150px;
 position: relative;
 line-height: 1em;
 color: #fff;
 border: 1px solid #fff;
 height: 37px;
 top: -1px;
 box-shadow: 2px 2px 0 #19216b;
}
div#page_link span {
 display: inline-block;
 border: 1px solid #19216b;
 background-color: #fff;
 margin: 0 10px;
 width: 35px;
 height: 35px;
 text-align: center;
 padding-top: 8px;
 box-sizing: border-box;
}
ul.single_bottom_box li p {
 width: 50%;
 float: left;
}
ul.single_bottom_box li {
 text-align: center;
 overflow: hidden;
 padding: 4em 0;
}
.author_box img {
 border-radius: 50%;
 width: 150px;
 height: 150px;
 margin: 0 25px 0 0;
}
.author_box h3 {
 margin-bottom: 0.7em;
 font-size: 1.5em;
 margin-top: 9px;
 color: #f05050;
}
.author_box {
 overflow: hidden;
 font-size: 1.3rem;
 line-height: 1.6em;
 border: 5px solid #d7deea;
 padding: 20px 4%;
}
div#page_link span.none {
 display: none;
}
.related_contents {
 font-size: 1.5rem;
 margin: 100px 0 0 0;
}
.related_contents h3 {
 font-size: 1.6em;
 line-height: 1.3em;
 padding-bottom: 20px;
 margin-bottom: 35px;
 border-bottom: 3px solid #e1e1ea;
 color: #19216b;
 position: relative;
}
.related_contents h3:after {
 content: "";
 height: 3px;
 width: 11%;
 background-color: #f5c51d;
 position: absolute;
 bottom: -3px;
 left: 0;
}
.related_contents ul.archiveList li dt {
 width: 32%;
}
.related_contents ul.archiveList li dd {
 padding-left: 36%;
}
.archive_contents ul li .none {
 display: none;
}
/*Form
---------------------------------------*/
/*Fee Calculator*/
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
 padding: 0;
 margin: 0;
 border: 0;
 outline: none;
 vertical-align: top;
}
.fancybox-wrap {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 8020;
}
.fancybox-skin {
 position: relative;
 background: #f9f9f9;
 color: #444;
 text-shadow: none;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}
.fancybox-opened {
 z-index: 8030;
}
.fancybox-opened .fancybox-skin {
 -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
 position: relative;
}
.fancybox-inner {
 overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
 -webkit-overflow-scrolling: touch;
}
.fancybox-error {
 color: #444;
 margin: 0;
 padding: 15px;
 white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
 display: block;
 width: 100%;
 height: 100%;
}
.fancybox-image {
 max-width: 100%;
 max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
 background-image: url('img/fancybox_sprite.png');
}
#fancybox-loading {
 position: fixed;
 top: 50%;
 left: 50%;
 margin-top: -22px;
 margin-left: -22px;
 background-position: 0 -108px;
 opacity: 0.8;
 cursor: pointer;
 z-index: 8060;
}
#fancybox-loading div {
 width: 44px;
 height: 44px;
 background: url('img/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
 position: absolute;
 top: -18px;
 right: -18px;
 width: 36px;
 height: 36px;
 cursor: pointer;
 z-index: 8040;
}
.fancybox-nav {
 position: absolute;
 top: 0;
 width: 40%;
 height: 100%;
 cursor: pointer;
 text-decoration: none;
 background: transparent url('img/blank.gif');
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 z-index: 8040;
}
.fancybox-prev {
 left: 0;
}
.fancybox-next {
 right: 0;
}
.fancybox-nav span {
 position: absolute;
 top: 50%;
 width: 36px;
 height: 34px;
 margin-top: -18px;
 cursor: pointer;
 z-index: 8040;
 visibility: hidden;
}
.fancybox-prev span {
 left: 10px;
 background-position: 0 -36px;
}
.fancybox-next span {
 right: 10px;
 background-position: 0 -72px;
}
.fancybox-nav:hover span {
 visibility: visible;
}
.fancybox-tmp {
 position: absolute;
 top: -99999px;
 left: -99999px;
 visibility: hidden;
 max-width: 99999px;
 max-height: 99999px;
 overflow: visible !important;
}
.fancybox-lock {
 overflow: hidden;
}
.fancybox-overlay {
 position: absolute;
 top: 0;
 left: 0;
 overflow: hidden;
 display: none;
 z-index: 8010;
 background: url('img/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
 position: fixed;
 bottom: 0;
 right: 0;
}
.fancybox-lock .fancybox-overlay {
 overflow: auto;
 overflow-y: scroll;
}
.fancybox-title {
 visibility: hidden;
 position: relative;
 text-shadow: none;
 z-index: 8050;
}
.fancybox-opened .fancybox-title {
 visibility: visible;
}
.fancybox-title-float-wrap {
 position: absolute;
 bottom: 0;
 right: 50%;
 margin-bottom: -35px;
 z-index: 8050;
 text-align: center;
}
.fancybox-title-float-wrap .child {
 display: inline-block;
 margin-right: -100%;
 padding: 2px 20px;
 background: transparent;
 background: rgba(0, 0, 0, 0.8);
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 text-shadow: 0 1px 2px #222;
 color: #FFF;
 font-weight: bold;
 line-height: 24px;
 white-space: nowrap;
}
.fancybox-title-outside-wrap {
 position: relative;
 margin-top: 10px;
 color: #fff;
}
.fancybox-title-inside-wrap {
 padding-top: 10px;
}
.fancybox-title-over-wrap {
 position: absolute;
 bottom: 0;
 left: 0;
 color: #fff;
 padding: 10px;
 background: #000;
 background: rgba(0, 0, 0, .8);
}
.mt0 {
 margin-top: 0 !important;
}
.mt10 {
 margin-top: 10px !important;
}
.mt20 {
 margin-top: 20px !important;
}
.mt30 {
 margin-top: 30px !important;
}
.mt40 {
 margin-top: 40px !important;
}
.mt50 {
 margin-top: 50px !important;
}
.mt60 {
 margin-top: 60px !important;
}
.mt70 {
 margin-top: 70px !important;
}
.mt80 {
 margin-top: 80px !important;
}
.mt90 {
 margin-top: 90px !important;
}
.mt100 {
 margin-top: 100px !important;
}
.mt110 {
 margin-top: 110px !important;
}
.mt120 {
 margin-top: 120px !important;
}
.mt130 {
 margin-top: 130px !important;
}
.mt140 {
 margin-top: 140px !important;
}
.mt150 {
 margin-top: 150px !important;
}
.mt160 {
 margin-top: 160px !important;
}
.mt170 {
 margin-top: 170px !important;
}
.mt180 {
 margin-top: 180px !important;
}
.mt190 {
 margin-top: 190px !important;
}
.mt200 {
 margin-top: 200px !important;
}
.mb0 {
 margin-bottom: 0 !important;
}
.mb10 {
 margin-bottom: 10px !important;
}
.mb20 {
 margin-bottom: 20px !important;
}
.mb30 {
 margin-bottom: 30px !important;
}
.mb40 {
 margin-bottom: 40px !important;
}
.mb50 {
 margin-bottom: 50px !important;
}
.mb60 {
 margin-bottom: 60px !important;
}
.mb70 {
 margin-bottom: 70px !important;
}
.mb80 {
 margin-bottom: 80px !important;
}
.mb90 {
 margin-bottom: 90px !important;
}
.mb100 {
 margin-bottom: 100px !important;
}
.mb110 {
 margin-bottom: 110px !important;
}
.mb120 {
 margin-bottom: 120px !important;
}
.mb130 {
 margin-bottom: 130px !important;
}
.mb140 {
 margin-bottom: 140px !important;
}
.mb150 {
 margin-bottom: 150px !important;
}
.mb160 {
 margin-bottom: 160px !important;
}
.mb170 {
 margin-bottom: 170px !important;
}
.mb180 {
 margin-bottom: 180px !important;
}
.mb190 {
 margin-bottom: 190px !important;
}
.mb200 {
 margin-bottom: 200px !important;
}
.pt10 {
 padding-top: 10px !important;
}
.pt20 {
 padding-top: 20px !important;
}
.pt30 {
 padding-top: 30px !important;
}
.pt40 {
 padding-top: 40px !important;
}
.pt50 {
 padding-top: 50px !important;
}
.pt60 {
 padding-top: 60px !important;
}
.pt70 {
 padding-top: 70px !important;
}
.pt80 {
 padding-top: 80px !important;
}
.pt90 {
 padding-top: 90px !important;
}
.pt100 {
 padding-top: 100px !important;
}
.pt110 {
 padding-top: 110px !important;
}
.pt120 {
 padding-top: 120px !important;
}
.pt130 {
 padding-top: 130px !important;
}
.pt140 {
 padding-top: 140px !important;
}
.pt150 {
 padding-top: 150px !important;
}
.pt160 {
 padding-top: 160px !important;
}
.pt170 {
 padding-top: 170px !important;
}
.pt180 {
 padding-top: 180px !important;
}
.pt190 {
 padding-top: 190px !important;
}
.pt200 {
 padding-top: 200px !important;
}
.pb10 {
 padding-bottom: 10px !important;
}
.pb20 {
 padding-bottom: 20px !important;
}
.pb30 {
 padding-bottom: 30px !important;
}
.pb40 {
 padding-bottom: 40px !important;
}
.pb50 {
 padding-bottom: 50px !important;
}
.pb60 {
 padding-bottom: 60px !important;
}
.pb70 {
 padding-bottom: 70px !important;
}
.pb80 {
 padding-bottom: 80px !important;
}
.pb90 {
 padding-bottom: 90px !important;
}
.pb100 {
 padding-bottom: 100px !important;
}
.pb110 {
 padding-bottom: 110px !important;
}
.pb120 {
 padding-bottom: 120px !important;
}
.pb130 {
 padding-bottom: 130px !important;
}
.pb140 {
 padding-bottom: 140px !important;
}
.pb150 {
 padding-bottom: 150px !important;
}
.pb160 {
 padding-bottom: 160px !important;
}
.pb170 {
 padding-bottom: 170px !important;
}
.pb180 {
 padding-bottom: 180px !important;
}
.pb190 {
 padding-bottom: 190px !important;
}
.pb200 {
 padding-bottom: 200px !important;
}
/*language */
.lang_ja .topmvArea .header.course .title > span {
 font-weight: bold;
}