@charset "UTF-8";
/**********
メディアクエリ

@media screen and (max-width : 575px){} // xs
@media screen and (max-width : 767px){} // sm
@media screen and (max-width : 991px){} // md
@media screen and (max-width : 1199px){} // lg
@media screen and (max-width : 1499px){} // xl

@media screen and (min-width : 576px){} // sm
@media screen and (min-width : 768px){} // md
@media screen and (min-width : 992px){} // lg
@media screen and (min-width : 1200px){} // xl


fls_style.cssはs,m,lの3つ。


***********/
/* w i */
/* w */
.w {
  width: 100%;
  min-width: 0;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 768px) {
  .w {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
  }
}

.w:after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

/* i */
.i {
  width: 100%;
  max-width: 970px;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
}

.i:after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

/* wi */
/* c */
/* 全ページ共通　main-sec, p-bg, p-clr, p-fnt */
/* c */
/** c_sec{Name} **/
.c_secMailSeminar {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 80px;
  padding-bottom: 100px;
  color: #505050;
  /* iPhone input reset */
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.c_secMailSeminar input[type="submit"],
.c_secMailSeminar input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.c_secMailSeminar input[type="submit"]::-webkit-search-decoration,
.c_secMailSeminar input[type="button"]::-webkit-search-decoration {
  display: none;
}
.c_secMailSeminar input[type="submit"]::focus,
.c_secMailSeminar input[type="button"]::focus {
  outline-offset: -2px;
}
.c_secMailSeminar .sec_i {
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 50px;
  border: solid 3px #062483;
  box-shadow: 0 0 14px #CCC;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_i {
    padding: 30px 25px;
  }
}
.c_secMailSeminar .sec_h {
  position: absolute;
  top: -.9em;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 1;
}
.c_secMailSeminar .sec_h .h {
  font-weight: 400;
}
.c_secMailSeminar .sec_h .txt {
  display: inline-block;
  font-size: 30px;
  padding: 8px 30px;
  width: 100%;
  max-width: 400px;
  background-color: #062483;
  color: #FFF;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_h .txt {
    font-size: 20px;
    width: 200px;
    padding: 8px 10px;
    letter-spacing: -0.1 0.5em;
  }
}
.c_secMailSeminar .sec_cBox .topTxt {
  font-size: 30px;
  text-align: center;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .topTxt {
    font-size: 17px;
    padding-bottom: 25px;
  }
}
.c_secMailSeminar .sec_cBox .dls {
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .dls {
    padding-bottom: 20px;
  }
}
.c_secMailSeminar .sec_cBox .dlBox {
  display: table;
  margin-bottom: 50px;
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .dlBox {
    display: block;
    margin-bottom: 35px;
  }
}
.c_secMailSeminar .sec_cBox .dlBox:last-child {
  margin-bottom: 0;
}
.c_secMailSeminar .sec_cBox .dlBox dl {
  display: table-row;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .dlBox dl {
    display: block;
  }
}
.c_secMailSeminar .sec_cBox .dlBox dt, .c_secMailSeminar .sec_cBox .dlBox dd {
  display: table-cell;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .dlBox dt, .c_secMailSeminar .sec_cBox .dlBox dd {
    display: block;
  }
}
.c_secMailSeminar .sec_cBox .dlBox dt {
  font-size: 23px;
  font-weight: 700;
  color: #032086;
  width: 170px;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .dlBox dt {
    font-size: 15px;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}
.c_secMailSeminar .sec_cBox .dlBox dt .icoTxt {
  display: inline-block;
  background-color: #F7D4CF;
  border-radius: 200px;
  padding: 10px 30px;
  letter-spacing: .1em;
  width: 170px;
  box-sizing: border-box;
  position: relative;
}
.c_secMailSeminar .sec_cBox .dlBox dt .icoTxt:before {
  content: "";
  display: block;
  width: 143px;
  height: 58px;
  position: absolute;
  top: -37px;
  left: -20px;
  background-image: url(../img/secMailSeminar/special@2x.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .dlBox dt .icoTxt:before {
    width: 77.5px;
    height: 31px;
    top: -17px;
    left: 10px;
    background-image: url(../img/secMailSeminar/special_sp.png);
  }
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .dlBox dt .icoTxt {
    width: 100px;
    padding: 5px 15px;
  }
}
.c_secMailSeminar .sec_cBox .dlBox dd {
  font-size: 19px;
  line-height: 1.5;
  font-weight: 500;
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .dlBox dd {
    font-size: 15px;
    text-align: center;
  }
}
.c_secMailSeminar .sec_cBox .dlBox dd .marker {
  background-color: #FAE5E2;
}
.c_secMailSeminar .sec_cBox .mdlTxt {
  font-size: 25px;
  font-weight: 500;
  text-align: center;
  padding-bottom: 35px;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .mdlTxt {
    font-size: 16px;
    padding-bottom: 15px;
  }
}
.c_secMailSeminar .sec_cBox .mdlTxt .mdlTxt_i {
  position: relative;
  display: inline-block;
  background-image: url(../img/secMailSeminar/before@2x.png), url(../img/secMailSeminar/after@2x.png);
  background-repeat: no-repeat;
  background-position: left center, right center;
  background-size: 25px 54px;
  padding: 20px 30px;
  margin-left: -30px;
  margin-right: -30px;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .mdlTxt .mdlTxt_i {
    background-image: url(../img/secMailSeminar/before_sp.png), url(../img/secMailSeminar/after_sp.png);
    background-size: 19px 42px;
    margin-left: -30px;
    margin-right: -30px;
  }
}
.c_secMailSeminar .sec_cBox .mdlTxt p {
  display: inline-block;
}
.c_secMailSeminar .sec_cBox .form {
  padding-bottom: 20px;
}
.c_secMailSeminar .sec_cBox .form table {
  width: 100%;
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .form table {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .form tbody {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .form tr {
    display: block;
  }
}
.c_secMailSeminar .sec_cBox .form th, .c_secMailSeminar .sec_cBox .form td {
  vertical-align: top;
  line-height: 1;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .form th, .c_secMailSeminar .sec_cBox .form td {
    display: block;
    width: 100%;
  }
}
.c_secMailSeminar .sec_cBox .form th {
  font-size: 27px;
  font-weight: 500;
  text-align: left;
  padding-right: 15px;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .form th {
    font-size: 20px;
  }
}
.c_secMailSeminar .sec_cBox .form td input[type="text"] {
  border: solid 1px #505050;
  font-size: 16px;
  box-sizing: border-box;
  padding: 7px 15px;
}
.c_secMailSeminar .sec_cBox .form td input[type="text"].subscriber_last_name {
  max-width: 100%;
  width: 170px;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .form td input[type="text"].subscriber_last_name {
    width: 49%;
  }
}
.c_secMailSeminar .sec_cBox .form td input[type="text"].subscriber_first_name {
  max-width: 100%;
  width: 170px;
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .form td input[type="text"].subscriber_first_name {
    width: 49%;
    margin-left: 2%;
  }
}
.c_secMailSeminar .sec_cBox .form td input[type="text"].subscriber_mail_address {
  max-width: 100%;
  width: 450px;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .form td input[type="text"].subscriber_mail_address {
    width: 100%;
  }
}
.c_secMailSeminar .sec_cBox .form .submit_w {
  text-align: center;
  margin-top: -5px;
}
.c_secMailSeminar .sec_cBox .form .submit_w .submit {
  background-color: #072584;
  color: #FFF;
  font-size: 22px;
  display: inline-block;
  border: 0;
  padding: 5px 10px;
  box-sizing: border-box;
  width: 100%;
  max-width: 180px;
}
.c_secMailSeminar .sec_cBox .btmTxt {
  font-size: 16px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c_secMailSeminar .sec_cBox .btmTxt {
    font-size: 10px;
    padding-bottom: 25px;
  }
}

.c_secClientVoice {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 50px;
  padding-bottom: 50px;
  color: #505050;
}
@media screen and (max-width: 767px) {
  .c_secClientVoice {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.c_secClientVoice .sec_i {
  max-width: 970px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.c_secClientVoice .sec02_w {
  padding-left: 45px;
}
@media screen and (max-width: 767px) {
  .c_secClientVoice .sec02_w {
    padding-left: 0;
  }
}
.c_secClientVoice .sec02 {
  border: solid 10px #CDD2E6;
  padding-top: 30px;
  padding-bottom: 25px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .c_secClientVoice .sec02 {
    margin-top: 45%;
    margin-bottom: 0;
    padding-top: 0;
  }
}
.c_secClientVoice .sec02:last-child {
  margin-bottom: 0;
}
.c_secClientVoice .sec02 .img {
  margin-left: -45px;
  box-shadow: 0 0 15px #CCC;
}
@media screen and (max-width: 767px) {
  .c_secClientVoice .sec02 .img {
    margin-left: 0;
    margin-top: -45%;
    margin-bottom: 20px;
  }
}
.c_secClientVoice .sec02 .img img {
  width: 100%;
}
.c_secClientVoice .sec02_h {
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .c_secClientVoice .sec02_h {
    padding-top: 0;
    padding-bottom: 10px;
  }
}
.c_secClientVoice .sec02_h .h {
  font-size: 20px;
  color: #032086;
}
@media screen and (max-width: 767px) {
  .c_secClientVoice .sec02_h .h {
    font-size: 17px;
  }
}
.c_secClientVoice .sec02_h .tags ul {
  letter-spacing: -.4em;
}
.c_secClientVoice .sec02_h .tags li {
  letter-spacing: normal;
  font-size: 14px;
  display: inline-block;
  font-weight: 500;
}
.c_secClientVoice .sec02_h .tags li span {
  padding: 5px 20px;
  margin-left: 5px;
}
.c_secClientVoice .sec02_h .tags li:first-child span {
  margin-left: 0;
}
.c_secClientVoice .sec02_h .tags li .pk {
  color: #032086;
  background-color: #F7D4CF;
}
.c_secClientVoice .sec02_h .tags li .bl {
  color: #032086;
  background-color: #CDD2E6;
}
.c_secClientVoice .sec02_c .txt {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .c_secClientVoice .sec02_c .txt {
    font-size: 14px;
  }
}
.c_secClientVoice .sec02_c .txt p {
  margin-bottom: 1.2em;
}
.c_secClientVoice .sec02_c .txt p:last-child {
  margin-bottom: 0;
}

/* 全ページ共通セクション */
/* c */
/** c_header{Name} **/
.c_headerBasic {
  text-align: center;
  padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .c_headerBasic {
    padding-bottom: 0;
  }
}
.c_headerBasic .txt {
  display: block;
  color: #032086;
  font-size: 30px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .c_headerBasic .txt {
    font-size: 21px;
  }
}
.c_headerBasic .img {
  display: block;
  font-size: 10px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .c_headerBasic .img img {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
  }
}
.c_headerBasic.__voice .img {
  margin-top: -20px;
}

/* 全ページ共通ヘッダー */
/* c */
/** c_btn{Name} **/
.c_btnBasic a {
  display: inline-block;
  font-size: 1.8rem;
  padding: 10px 30px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  border: solid 3px #707070;
  color: #707070;
  background-color: #FFF;
}
.c_btnBasic a:after {
  font-family: FontAwesome;
  position: absolute;
  right: 20px;
  font-size: 1.3rem;
  line-height: 28px;
}
.c_btnBasic a:hover {
  opacity: 1;
  border: solid 3px #707070;
  color: #FFF;
  background-color: #707070;
}
.c_btnBasic.__center {
  text-align: center;
}
.c_btnBasic.__left {
  text-align: left;
}
.c_btnBasic.__right {
  text-align: right;
}
.c_btnBasic.__dark a {
  border: solid 3px #707070;
  color: #FFF;
  background-color: #707070;
}
.c_btnBasic.__dark a:hover {
  border: solid 3px #707070;
  color: #707070;
  background-color: #FFF;
}
.c_btnBasic.__square a {
  border-radius: 0;
}
.c_btnBasic.__round a {
  border-radius: 10px;
}
.c_btnBasic.__circle a {
  border-radius: 100px;
}
.c_btnBasic.__txt_enter a {
  text-align: center;
}
.c_btnBasic.__txt_left a {
  text-align: left;
}
.c_btnBasic.__arrow_right a:after {
  content: "\f054";
}
.c_btnBasic.__arrow_bottom a:after {
  content: "\f078";
}
.c_btnBasic.__lg a {
  max-width: 100%;
  width: 500px;
  font-size: 2rem;
  padding: 15px 30px;
}
.c_btnBasic.__lg a:after {
  line-height: 30px;
}
.c_btnBasic.__md a {
  max-width: 100%;
  width: 300px;
}
.c_btnBasic.__sm a {
  max-width: 100%;
  width: 250px;
}

/* 全ページ共通ボタン */
/* c */
/** c_table{Name} **/
/* 全ページ共通テーブル */
/* c */
/** c_footer{Name} **/
/* 全ページ共通フッター */

.icon-ion-ios-checkmark:before {
    height: 40px;
    content: " ";
    background-image: url(https://yokoenglishcoaching.com/assets/img/icons.png);
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    width: 40px;
    background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
.icon-ion-ios-checkmark:before {
    height: 30px;
    width: 30px;
}
}

.icon-ion-ios-checkbox-outline:before {
    height: 40px;
    content: " ";
    background-image: url(https://yokoenglishcoaching.com/assets/img/icon2.png);
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    width: 40px;
    background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
.icon-ion-ios-checkbox-outline:before {
    height: 30px;
    width: 30px;
}
}

/*
全ページ共通クラス
2020.11.14 リン追加
*/

.c_secMailSeminar .sec_i {
    padding: 60px 50px;
}
.c_secMailSeminar .sec_cBox .topTxt {
    padding-bottom: 50px;
}
.c_secMailSeminar  .chcklist {
    margin: 0 auto 60px;
    max-width: 740px;
    counter-reset: chcklist;
}
.c_secMailSeminar  .chcklist > li::after {
    position: absolute;
    top: -0.25em;
    left: 1.2em;
    color: #041f86;
    font-size: 1.3em;
    content: counter(chcklist);
    counter-increment: chcklist;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
.chcklist > *:last-child {
	margin-bottom: 0;
}
.chcklist > li {
    position: relative;
	margin-bottom: 15px;
	padding-left: 2.8em;
    font-size: 19px;
    font-weight: 500;
}
.chcklist > li::before {
    display: block;
	position: absolute;
	top: .4em;
	left: 0;
    width: 1.3em;
    height: 1.3em;
	border-radius: 50%;
    background: url(https://yokoenglishcoaching.com/assets/img/icons.png) no-repeat center/cover;
	content: '';
}
.c_secMailSeminar .sec_cBox .form {
    padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .c_secMailSeminar .sec_i {
        padding: 30px 25px;
    }
    .c_secMailSeminar .sec_cBox .topTxt {
        padding-bottom: 30px;
    }
    .c_secMailSeminar  .chcklist {
        margin-bottom: 35px;
    }
    .chcklist > li {
        margin-bottom: 5px;
        font-size: 15px;
        padding-left: 3.2em;
    }
    .chcklist > li::before {
    	top: .5em;
        width: 1em;
        height: 1em;
    }
    .c_secMailSeminar .sec_cBox .btmTxt {
        padding-top: 15px;
    }
}