/* CSS Document */

img { max-width: 100%; height:auto; }
.t-center { text-align: center;  }
.bg-yellow { background: #FDFCF2; }
.bg-blue { background: #F5F7FB; }
.bg-navy { background: #004397; }

/* company */
a.btn-round { color: #004397; text-align: center; font-size: 1.8rem; padding: .5em ; border-radius: 1.5em; border: 2px solid  #004397;  font-weight: bold; width: 100%; display: block; margin-bottom: .5em;  line-height: 150%; -ms-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; }
a.btn-round:hover { background: #004397; color: #FFF; } 
.post-body .company-bottom { text-align: center; max-width: 650px;  margin: 100px auto 0; }
.post-body .company-bottom > li { margin-bottom: 3rem; }
.post-body .company-bottom > li:before { display: none; }

.table-company { max-width: 900px; margin: 0 auto; }
.table-company th,
.table-company td { word-break: break-all; }
@media screen and (max-width: 900px) {
	a.btn-round  { font-size: 1.4rem; }
}
@media screen and (max-width: 600px) {
	a.btn-round  { font-size: 1rem; }
}

/*voice*/

.uservoice { margin-top: 100px; }
.uservoice img { display: block; margin-bottom: 2rem; }

@media screen and (max-width: 900px) {
.uservoice { margin-top: 50px; }
}

/*seminar*/
.home-tilte-s { font-size: 1.3rem; text-align: center; margin-bottom: 2em; line-height: 150%; font-weight: bold; }
.list-seminar  { margin-bottom: 4rem;}
.list-seminar > li { display: flex; flex-wrap: wrap; justify-content: space-between; background: #FFFEF5; border: 4px solid #FEE6BA; padding: 2rem; align-items: flex-start; margin-bottom: 2rem;  }
.list-seminar .panel-date { width:  25%; background: #FFF; border-radius: 6px; box-shadow: 4px 4px 0px #E9E2BC; text-align: center; padding: 1em; position: relative; }
.list-seminar .panel-date .accept { position: absolute; width: 7em; height: 2em; line-height: 200%; font-size: .8rem; background: #FA9D00; border-radius: 1em; color: #FFF; text-align: center; top: -.5em; left: 0; right: 0; margin: auto; }
.list-seminar .panel-date .date{ margin-top: 1em; text-align: center; font-family: 'Montserrat', sans-seirf;}
.list-seminar .panel-date .y { display: block; font-size: .9rem;  }
.list-seminar .panel-date .md { font-size: 3.5rem; font-weight: bold;  color: #FA8700; display: block; line-height: 100%; }
.list-seminar .panel-date .w { display: block; }
.list-seminar .panel-date .time { font-weight: bold; font-family: 'Montserrat', sans-serif; }
.list-seminar .text  { width: 72%; }
@media screen and (max-width: 900px) {
	.list-seminar .panel-date { width: 100%;  }
	.list-seminar .text { width: 100%; margin-top: 2rem; }
}
a.btn-arrow { color: #FFF;width: 90%;  display: block;background-image: url("../img/arrow.svg"), linear-gradient(#1772E3, #004397); background-repeat: no-repeat; background-size:  2rem 2rem, cover; background-position:  right 1rem center, center center;  border-radius: 2em;  text-align: center; padding: 0 .5em; font-size: 1rem; border: none; line-height: 200%; letter-spacing: .1em; -ms-transition: all .3s; transition: all .3s; transition: all .3s; font-weight: bold; font-size: 2rem; width: 100%; }
@media screen and (max-width: 900px) {
	a.btn-arrow { font-size: 1.5rem; }
}
@media screen and (max-width: 600px) {
	a.btn-arrow { font-size: 1rem; padding: .5em;  }
	
}

.seminar-theme-s { font-size: .7rem; color: #FFF; padding: 0 1em; line-height: 200%; background: #004397; border-radius: 1em; display: inline-block; }

.table-small th { width: 25%; color: #004397; }
.table-small th,
.table-small td { padding: .2em 0; }



.page-header { width: 100%; }
.page-header img { width: 100%; height: auto; }
.page-header .page-title  { text-align: center; margin: 100px 0 0; }

.title-line, 
.page-title .ja { display: inline-block; color: #004397; font-size: 2rem; font-weight: bold; background: linear-gradient(transparent, transparent 70% , #FFEE94 70%, #FFEE94); line-height: 120%; }
.page-title .en { display: block; color: #B2B2B2; font-family: 'Montserrat', sans-serif; margin-top: 1em;  }


.title-line.home { border: none; padding: 0;  margin-top: 0; }
.home-greeting .title-s { text-align: center; border: none; padding-bottom: 0; }
.home-greeting { position: relative; }
.home-greeting:before { content: ''; width: 30%; height: 100%; display: block; background: url("../img/bg-home.svg") no-repeat right bottom / contain; position: absolute; right: 5vw; bottom: 0; margin: auto; }
.home-greeting > * { position: relative; z-index: 2; }
.home-greeting .name { margin-top: 2rem; text-align: right; }
.home-greeting .name dt { width: 15em; text-align: left;margin-left:auto;  vertical-align: bottom;  }
.home-greeting .name dd { font-size: 1.5rem; color: #004397;  width: auto; text-align: left; display: inline-block; vertical-align: bottom;  }
.home-greeting .name dd span { display: block; font-size: .5em; color: #222222;  }

@media screen and (max-width: 900px) {
	.page-header .page-title  { margin: 50px 0 0; }
	.title-line, 
	.page-title .ja { font-size: 1.8rem; }
}
@media screen and (max-width: 600px) {
	.title-line, 
	.page-title .ja { font-size: 1.3rem; }
}


.post-body { position: relative; }

.home-title { margin-bottom: 3em; }
.post-head h2,
.title-post { font-size: 2rem; font-weight: bold; margin-bottom: .5em; padding-bottom: .5em; border-bottom: 2px solid #004397; line-height: 150%; }
.post-date { font-size: .9rem; font-family: 'Montserrat', sans-serif; margin-bottom: 1em; color: #2685C2;  }


.post-body h2 { font-size: 2rem; font-weight: bold; margin-bottom: 1.5em;  margin-top: 2em; padding-bottom: .5em; border-bottom: 2px solid #004397; line-height: 150%; }
.post-body h3 { font-size: 1.3rem; font-weight: bold; margin-bottom: 1.5em;  margin-top: 2em;padding-bottom: .5em; border-bottom: 2px solid #004397; line-height: 150%; }
.post-body h4 { font-size: 1.1rem; font-weight: bold; margin-bottom: 1.5em;  margin-top: 2em;padding-bottom: .5em; border-bottom: 1px solid #004397; line-height: 150%;  }
.post-body h5 { font-size: 1.1rem; font-weight: bold; margin-bottom: 1.5em; margin-top: 2em; line-height: 150%;  }
@media screen and (max-width: 900px) {
	.post-body h2 { font-size: 1.3rem;}
.post-body h3 { font-size: 1.1rem;}
.post-body h4 { font-size: 1rem;}
.post-body h5 { font-size: 1rem; }
}

.post-body ul { margin: 1em 0; }
.post-body ul >li { padding-left: 1em; color: #004397; margin-bottom: .5em;  }
.post-body ul >li:before { content: ''; width: .3em; height: .3em; display: inline-block; background: #004397; border-radius: 50%; margin-left: -1em; margin-right: .7em; vertical-align: middle; }

.post-body table { width: 100%;  border-left: 1px solid #D6D6D6; border-top: 1px solid #D6D6D6;  }
.post-body table tr { border-bottom: 1px solid #D6D6D6; }
.post-body table th,
.post-body table td { padding: 1em; vertical-align:middle;  border-right: 1px solid #D6D6D6; }
.post-body table th { width: 30%; background: #F4F7FB; font-weight: normal; }
.post-body table td { background: #FFF; }


.home-contents { overflow-x: hidden; }
.home-contents .metaslider .flex-viewport { overflow: visible!important; }
.home-contents .metaslider .flexslider { margin-bottom: 0; }
.home-contents .metaslider .flex-control-nav { bottom: 1rem; }
.home-contents .metaslider .flexslider .flex-control-nav a { background: #FFF;}
.home-contents .metaslider .flexslider .flex-control-nav a.flex-active { background: #FFD500; }


.seminar-detail { margin: 1.5em 0 3rem; }

.seminar-detail table { border: none; }
.seminar-detail table tr { border-top: 1px solid #D6D6D6; border-bottom: none; }
.seminar-detail table th,
.seminar-detail table td { background: none; border: none; padding: 1em 0;  }
.seminar-detail table th { color: #004397; font-weight: bold; vertical-align: top; width: 7rem; }
.seminar-detail table th:after { content: ':'; } 

.greeting  { display: flex; flex-wrap: wrap; justify-content: space-between; }
.greeting .img { width: 30%;  }
.greeting .text { width: 65%;  }


.top-about .title-round { text-align: center; border: 5px solid #004397; border-radius: 3rem ; padding: .5em; }

@media screen and (max-width: 900px) {
.top-about .title-round { font-size: 1rem;}
}
.top-about .clipboad { background:#FFFEF5; border: 3px solid #FEE6BA; padding: 1em; position: relative; }
.top-about .clipboad:before { content: ''; width: 2.5rem; height: 2.5rem; display: block; position: absolute; top: -1em; left: 0; right: 0; margin: auto; background: url("../img/push-pin.png") no-repeat center center / contain; z-index: 2;}
.top-about .clipboad .list-check > li { color: #333; }
.top-about .clipboad .list-check > li:before { content: ''; width: .5em; height: 1em; display: inline-block; margin-left: -1em; margin-right: .7em; vertical-align: middle; background:none; border-right:2px solid #FA9D00; border-bottom:2px solid #FA9D00; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 0; padding: 0;  }


.top-message { padding: 4rem 0; color: #FFF; font-size: 2.5rem; line-height: 120%; font-weight: bold; }
.top-message .enph { color: #FFD500; text-decoration: underline; }
.top-message .btn-arrow{ margin-top: 1em; }
.btn-arrow.orange { background-image: url("../img/arrow-orange.png") , linear-gradient(#FAAD00, #FA6A00); }

@media screen and (max-width: 900px) {
	.top-message { font-size: 2rem; line-height: 150%; }
}
@media screen and (max-width: 600px) {
	.top-message { font-size: 1.5rem; }
}
.seminar-theme { width: 15em; font-size: .7rem; color: #FFF; background: #004397; line-height: 160%; border-radius: 1rem; display: block; margin: 0 0 50px; text-align: center; }
.title-seminar { font-size: 2.2rem; font-weight: bold; border-bottom: 2px solid #004397; padding-bottom: .5em; margin-bottom: .5em; line-height: 150%; display: block; }
.title-seminar:before{ content: ''; width: 1em; height: 1em; display: inline-block; vertical-align: middle; background: url("../img/edit.svg") no-repeat center center/ contain; }

.seminar-date { margin: 2em 0; }
.seminar-date dt { display: inline-block; vertical-align: middle; color: #004397;  }
.seminar-date dd { display: inline-block; vertical-align: middle; font-weight: bold; margin-right: 2em; font-family: 'Montserrat', sans-serif; }

@media screen and (max-width: 900px) {
  a.btn-apply { font-size: 1.2rem; padding: .5em;  }
}
@media screen and (max-width: 600px) {
.post-body { margin-top: 1em; }
.post-body .wp_social_bookmarking_light {  top: auto; bottom: 100%; padding: 0!important; }
  a.btn-apply { font-size: 1rem; padding: 1em; }
}


.text_img_conts { display: flex; justify-content: space-between; flex-wrap: wrap; }
.text_img_conts .text { width: 48%; }
.text_img_conts .img { width: 48%;  }

@media screen and (max-width: 900px) {
	.text_img_conts .text { width: 100%; }
	.text_img_conts .img { width: 100%; margin: 2rem auto;  }
}
.list-service .title:before { content: ''; width: .5em; height: 1em; margin-right: .5em; display: inline-block; border-right: mi; background: #004397; }
.list-service > li + li { margin-top: 5rem; }
.other-service { display: flex; flex-wrap: wrap; justify-content: space-between; counter-reset: listnum;  }
.other-service >li { width: 32%; background: #FFF; text-align: center; counter-increment: listnum; position: relative; }
.other-service >li:before { content:counter(listnum, decimal-leading-zero); width: 3rem;  height: 3rem; display: block; background: #FFF; position: absolute; top: .8rem; left: .8rem; margin: auto; z-index: 2; border-radius: 50%; line-height: 3rem; text-align: center; font-family: 'Montserrat', sans-serif; color: #004397; font-weight: bold; }
.other-service p { font-size: 1.2rem; padding: .8em; color: #004397; }
.other-service  img { width: 100%; }

.list-column dt { width: 10em; float: left; }
.list-column dd { border-bottom: 1px solid #D8D8D8; padding-bottom: 1em; margin-bottom: 1em; padding-left: 11em;  }
.list-column dd:last-child { border: none; }

.conts_reservation { margin-top: 100px; }


.form-list dt { font-size: .9rem; float: left; width: 30%; position: relative; padding-right: 5rem; padding-top: 1em; padding-bottom: 1em;  font-weight: bold;  }
.form-list dd { padding-left: 35%; margin-bottom: 1rem; padding-bottom: 1rem;  border-bottom: 1px solid #E0DCCA; }
.form-list.option-form dd { border: none; }
.form-list.option-form dd:last-child { border-bottom: 1px solid #E0DCCA; }


@media screen and (max-width: 900px) {
	.conts_reservation { margin-top: 50px;  }
.form-list dt { float: none; width: 100%; }
.form-list dd { padding-left: 0;  }
}


.contact-lead p + p{ margin-top: 1rem;  }
.form-step { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between;  }
.form-step > li { width: 33.33%; background: #EFEFEF; padding: 1.5em; }
.form-step > li + li  { border-left: 1px solid #FFF; }

.form-step > li.here { background: #077BCA; color: #FFF;  }

.contactform input[type=text],
.contactform input[type=number],
.contactform input[type=date],
.contactform input[type=email],
.contactform input[type=tel],
.contactform select {
  font-size: 1rem;
  
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  line-height: 150%; 
  width: 100%; 
	padding: 1em;
	margin: 3px 0;
	vertical-align: middle;
	display: inline-block;
  background: #FFF;
  border: 3px solid #EDEBEB;
  border-radius: 0;
}
.contactform input[type="text"].wideM {
  width: 80%;
}

.contactform input[type="text"].wideS {
  width: 60%;
}

.must { position: absolute; top: 0; right: 0; margin: auto; background: #ED7777; color: #FFF; text-align: center; width: 3em; line-height: 200%; height: 2em;  display: block; font-size: .7rem; font-weight: normal; bottom: 0; margin: auto; }


.contactform textarea {
   -webkit-appearance: none;
  width: 100%; 
	padding: .5em;
  background: #FFF;
  border: 3px solid #EDEBEB;
  font-size: 1rem;
	padding: 1em;
}



.contactform input[type="radio"] { display: none; }
.contactform input[type="radio"] + span:before { content: ''; width: 1.5em; height: 1.5em; border: 3px solid #DDD; border-radius: 5px;  display :inline-block; margin-right: .5em; vertical-align :middle;  }
.contactform input[type="radio"]:checked + span:before { border-color: #1F1F1F; background: url(../img/radio-check.svg) no-repeat center center/ 100% auto; }

.contactform input[type="checkbox"] { display: none; }
.contactform input[type="checkbox"] + span:before { content: ''; width: 1.5em; height: 1.5em; background: url(../img/check-off.svg) center center/ 100% auto;  display :inline-block; margin-right: .5em; vertical-align :middle;  }
.contactform input[type="checkbox"]:checked + span:before { background: url(../img/check-on.svg) no-repeat center center/ 100% auto; }

.contactform .wpcf7-radio { padding: 1em 0; display: block; }
.contactform span.wpcf7-list-item { margin-left: 0; }
.contactform span.wpcf7-list-item + span.wpcf7-list-item { margin-left: 2rem; }

.contactform .type-check { color: #004397; margin-bottom: 1em; margin-top: 2em; display: block; }

.contactform td p { display: inline-block; }
.form-button { text-align: center; margin-top: 3rem; }
.form-button input[type="submit"] { -webkit-appearance: none; color: #FFF;width: 90%;  max-width: 500px; background-image: url("../img/arrow.svg"), linear-gradient(#1772E3, #004397); background-repeat: no-repeat; background-size:  2rem 2rem, cover; background-position:  right 1rem center, center center;  border-radius: 2em;  text-align: center; padding: 0 .5em; font-size: 1rem; border: none; line-height: 200%; letter-spacing: .1em; -ms-transition: all .3s; transition: all .3s; transition: all .3s; font-weight: bold; font-size: 2rem; }

.form-button input[type="submit"]:hover {  }
.wpcf7-form-control.wpcf7c-btn-back { width: 300px; max-width: 80%; display: block; background: #CCC; margin: 1rem auto; fotn-size: 1rem; padding: 1em; border: none; }


.privacy-box { background: #FFF; padding: 2rem; font-size: 1rem; font-weight: normal; overflow: scroll; max-height: 150px; border: 1px solid #EDEBEB; margin: 3rem 0; }


/*footer-top*/

.footer-top{
  background: #FCFAF1;
  padding: 61px 0 49px;
  position: relative;
}
.footer-top .text_img_conts .text {
    padding-left: 57px;
}
.footer1{
  font-size: 1.05em;
  margin-bottom: 15px;
  font-weight: 700;
}
.blue{
  color: #004397;
}
.footer2{
  font-size: 1.6em;
  font-weight: 900;
  line-height: 1.1875;
  margin-bottom: 30px;
  color: #FA8A00;
  white-space: nowrap;
}
a.arrow-link{
  font-size: .9em;
  text-decoration: underline;
  color: #222;
  position: relative;
  padding-right: 37px;
}
a.arrow-link::after{
  content: "";
  width: 26px;
  height: 26px;
  background: url(../img/arrow2.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.footer-top .text_img_conts .img{
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 900px){
.footer-top {
    padding: 6vw 0 0;
}
	.footer-top .text_img_conts .text {
    padding: 0;
    width: fit-content;
    margin: 0 auto;
}
	.footer-top .text_img_conts .img {
    position: relative;
    margin-bottom: 0;
    text-align: center;
}
.footer2 {
    white-space: normal;
    font-size: 1.4em;
}
}