@charset "UTF-8";
/*!
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0);text-decoration:none}a:hover{opacity:.7}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}*{box-sizing:border-box}html{font-size:62.5%}body{font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,sans-serif,"MS Pゴシック";font-size:1.6rem;font-weight:500;color:#000;line-height:1.6;background-size:contain;background-position:top;background-repeat:repeat-y}@media screen and (max-width: 600px){body{font-size:1.6rem}}a{color:#000}h2,h3,h4,h5{font-weight:700;line-height:1.6}@media screen and (max-width: 600px){h2,h3,h4,h5{line-height:1.4}}img{max-width:100%;height:auto;vertical-align:middle}ul{list-style:none}@media screen and (max-width: 600px){.pc,.pcbr{display:none !important}}@media screen and (min-width: 760px){.sp,.spbr{display:none !important}}
/* .cont{width:90%;margin:0 auto 50px;max-width:740px}@media screen and (min-width: 760px){.cont{margin:0 auto 70px}}.mt10{margin-top:10px}.white.background{background-color:#fff}.all_header{padding:30px 40px 30px}@media screen and (max-width: 600px){.all_header{padding:20px 20px 30px}}.logo_new{width:740px;margin:0 auto}@media screen and (max-width: 600px){.logo_new{width:100%}}.logo_new img{width:300px;vertical-align:middle}@media screen and (max-width: 600px){.logo_new img{width:240px}} */
/* .cont h1{margin-bottom:20px}@media screen and (min-width: 760px){.cont h1{margin-bottom:50px}}.cont h1 img{width:100%}.cont h2{font-size:30px}@media screen and (max-width: 600px){.cont h2{font-size:22px}}.cont .cont-h3{font-size:22px;font-weight:bold;margin:0 0 30px;position:relative;padding:10px 10px 10px 25px;background:#f8f8f8}@media screen and (min-width: 760px){.cont .cont-h3{font-size:25px;padding:20px 10px 20px 25px;margin:0 0 50px}}.cont .cont-h3:before{content:"";background:#f10000;width:6px;height:100%;position:absolute;left:0;top:0}@media screen and (max-width: 600px){.cont .cont-h3:before{width:8px}}.cont .cont-h4{font-size:20px;position:relative;padding-left:18px;margin-bottom:20px}@media screen and (min-width: 760px){.cont .cont-h4{padding-left:26px;font-size:26px}}.cont .cont-h4:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:7px 7px 0 7px;border-color:#f10000 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);left:0;top:10px;transform:rotate(-90deg)}@media screen and (min-width: 760px){.cont .cont-h4:before{top:16px;border-width:10px 10px 0 10px}}.cont__toptxt{margin-bottom:20px;font-weight:bold;line-height:1.5;font-size:2.8rem}@media screen and (max-width: 600px){.cont__toptxt{font-size:1.8rem}}.cont__img{margin:40px 0;text-align:center}@media screen and (min-width: 760px){.cont__img{margin:60px 0}}.cont__img img{width:100%}@media screen and (min-width: 760px){.cont__img img{width:80%}}.cont .min-img{text-align:center}.cont .min-img img{width:80%}.cont .short{margin-top:10px;font-size:13px;line-height:1.6;display:block;margin-bottom:20px}@media screen and (min-width: 760px){.cont .short{margin-bottom:40px}}.cont .border{background:linear-gradient(transparent 60%, #FFCE00 0%);font-weight:700}.cont__wrap .cont__img{margin:10px 0 25px}.cont-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin:25px 0}.cont-list .list-item{width:calc(50% - 10px)}@media screen and (max-width: 600px){.cont-list .list-item{width:48%}}.cont-list .list-item:nth-child(n+3){margin-top:20px}.cont-list .list-work{font-size:12px;margin-top:10px}.cont-list .list-name{font-size:18px;font-weight:bold;line-height:1.4}.cont-list .list-ttl{font-size:18px;font-weight:bold;line-height:1.4;margin-bottom:10px}.voice-list{margin:40px 0 70px}.voice-list .list-item{background:#f5f5f5;padding:30px 40px;margin:0 10px;min-height:330px}@media screen and (max-width: 600px){.voice-list .list-item{padding:20px;min-height:530px}}.voice-list .list-ttl{font-size:20px;margin:0 0 20px;line-height:1.4;font-weight:bold;color:#203cbe}@media screen and (max-width: 600px){.voice-list .list-ttl{font-size:18px}}.voice-list .list-desc{display:flex}@media screen and (max-width: 600px){.voice-list .list-desc{display:block}}.voice-list .list-left{flex:1}@media screen and (max-width: 600px){.voice-list .list-left{margin:30px 0 25px;text-align:center}}@media screen and (max-width: 600px){.voice-list .list-img{width:70%;margin:0 auto}}.voice-list .list-company{font-size:13px;margin-top:10px;line-height:1.4}.voice-list .list-name{font-size:16px;font-weight:bold}.voice-list .list-txt{flex:2;font-size:13px;margin-left:30px}@media screen and (max-width: 600px){.voice-list .list-txt{margin-left:0}}@media screen and (min-width: 760px){.voice-list_ob{margin:70px 0 70px}}@media screen and (min-width: 760px){.voice-list_ob .list-item{padding:70px 8em}}@media screen and (min-width: 760px){.voice-list_ob .list-left{margin-bottom:30px}}@media screen and (min-width: 760px){.voice-list_ob .list-txt{margin-left:0}}.slick-dotted.slick-slider{margin-bottom:70px}.slick-dots li{width:10px;height:10px}.slick-dots li.slick-active button:before{color:#f10000}.txt-link{text-decoration:underline;color:#e30011}.list-col1{border:solid #ebebeb 2px;padding:30px 20px;margin:30px 0}@media screen and (min-width: 760px){.list-col1{padding:40px 50px;margin:60px 0}}.list-col1 .item{display:flex;align-items:flex-start;align-items:center}.list-col1 .item:not(:last-child){margin-bottom:50px}@media screen and (max-width: 600px){.list-col1 .item:not(:last-child){margin-bottom:20px}}.list-col1 .item-icon{width:52px;flex:1;margin-right:14px}@media screen and (min-width: 760px){.list-col1 .item-icon{flex:.8;margin-right:20px}}.list-col1 .txt{flex:4;line-height:1.6;font-size:13px}@media screen and (min-width: 760px){.list-col1 .txt{font-size:18px;flex:5}}.list-col2{display:flex;flex-wrap:wrap;margin:50px auto}.list-col2 .list-item{width:48%;border:solid 1px #203cbe;border-top:solid 3px #203cbe;padding:20px 15px 20px}@media screen and (min-width: 760px){.list-col2 .list-item{padding:40px 25px 40px}}.list-col2 .u-h4{text-align:center;font-size:16px}@media screen and (min-width: 760px){.list-col2 .u-h4{font-size:22px}}.list-col2 .list-item:nth-child(odd){margin-right:4%}.list-col2 li+li+li{margin-top:4%}.list-col2 .list-img{width:70px;margin:0 auto}@media screen and (min-width: 760px){.list-col2 .list-img{width:110px;margin-bottom:15px}}.list-col2 .list-txt{font-size:14px}@media screen and (min-width: 760px){.list-col2 .list-txt{font-size:16px}}@media screen and (max-width: 600px){.list-col2 .list-col2{display:flex;flex-wrap:wrap}.list-col2 .list-col2 .list-item{width:100%}.list-col2 .list-col2 .list-item:nth-child(odd){margin-right:0}.list-col2 .list-col2 li+li{margin-top:40px}}.profile{border:solid 3px #ebebeb;padding:20px;margin-top:30px;font-size:13px}.profile__ttl{font-size:13px;font-weight:bold}.profile__name{font-size:18px;font-weight:bold}.profile__job{font-size:11px;color:#5c5c5c;margin-bottom:10px}.feature{margin:40px 0}.feature__ttl{text-align:center;font-size:22px;margin-bottom:-20px}@media screen and (min-width: 760px){.feature__ttl{font-size:27px;margin-bottom:0}}@media screen and (min-width: 760px){.feature .cont__img{margin:20px 0 60px}}.feature .border-blue{background:linear-gradient(transparent 60%, #C5CEF6 0%);font-weight:700}.cta{padding:40px 0 20px}@media screen and (min-width: 760px){.cta{padding:60px 0 60px}}.cta .cta-txt{text-align:center;font-size:18px;font-weight:bold}@media screen and (max-width: 600px){.cta .cta-txt{font-size:16px}}.cta-btn{border-radius:40px;height:80px;width:450px;font-size:18px;background:#df0011;color:#fff;text-align:center;font-weight:bold;line-height:1.6;padding:10px;margin:10px auto 0;display:flex;align-items:center;justify-content:center;position:relative}@media screen and (max-width: 600px){.cta-btn{width:100%;font-size:16px;height:60px}}.cta-btn:after{content:"";width:10px;height:10px;border:0px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;right:30px;transform:translateY(-50%) rotate(45deg)}.cta-btn-wrap .cta-btn{margin:30px auto 20px}.cta-btn--w{background:#fff;border:solid 1px #009e96;color:#009e96;margin:20px auto 60px !important}.cta-btn--w:after{border-top:2px solid #009e96;border-right:2px solid #009e96}.talk a{text-decoration:underline;color:#203cbe}.talk__item{display:flex}.talk__item:not(:last-child){margin-bottom:25px}@media screen and (min-width: 760px){.talk__item:not(:last-child){margin-bottom:60px}}.talk__item .icon{width:65px}@media screen and (min-width: 760px){.talk__item .icon{width:115px}}.talk .bold{font-weight:bold}.talk .big{font-size:16px}@media screen and (min-width: 760px){.talk .big{font-size:20px}}.talk .txt{line-height:1.4;padding:12px;border-radius:8px;font-size:14px;position:relative;flex:1}@media screen and (min-width: 760px){.talk .txt{padding:30px;font-size:18px;border-radius:12px;line-height:1.6}}.talk .txt::before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:20px 20px 0 0;top:20px}@media screen and (min-width: 760px){.talk .txt::before{border-width:30px 30px 0 0;top:50px}}.talk .teacher{flex-direction:row-reverse}.talk .teacher .txt{margin-right:24px;background:#aeef8d}@media screen and (min-width: 760px){.talk .teacher .txt{margin-right:40px}}.talk .teacher .txt::before{border-color:#adef8d rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);right:-10px}@media screen and (min-width: 760px){.talk .teacher .txt::before{right:-17px}}.talk .student .txt{margin-left:24px;background:#efefef}@media screen and (min-width: 760px){.talk .student .txt{margin-left:40px}}.talk .student .txt::before{border-width:0 20px 20px 0;border-color:rgba(0,0,0,0) #efefef rgba(0,0,0,0) rgba(0,0,0,0);left:-10px}@media screen and (min-width: 760px){.talk .student .txt::before{left:-17px}}.toc{border:solid 3px #ebebeb;padding:20px 20px 10px;margin:40px 0 0}@media screen and (min-width: 760px){.toc{padding:30px 40px 30px}}.toc__ttl{font-size:18px;position:relative;display:inline-block;padding-right:33px;margin-bottom:10px}@media screen and (min-width: 760px){.toc__ttl{margin-bottom:15px}}.toc__ttl:before{content:"";background:#f10000;width:16px;height:3px;position:absolute;right:0;top:50%;transform:translateX(-50%)}.toc__box{margin-bottom:10px}@media screen and (min-width: 760px){.toc__box{margin-bottom:20px}}.toc__main{font-size:15px;position:relative;padding-left:18px}@media screen and (min-width: 760px){.toc__main{font-size:20px;padding-left:30px;margin-bottom:5px}}.toc__main:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:7px 7px 0 7px;border-color:#f10000 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);left:0;top:40%}@media screen and (min-width: 760px){.toc__main:before{border-width:10px 10px 0 10px}}.toc__list{font-size:14px;padding-left:16px}@media screen and (min-width: 760px){.toc__list{font-size:16px}}.toc__list li{position:relative;padding-left:10px}.toc__list li:not(:last-child){margin-bottom:5px}.toc__list li:before{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#f10000;left:0;top:10px}.footer{text-align:center;padding-bottom:30px}@media screen and (max-width: 600px){.footer{padding-bottom:90px}}.footer .copyright{font-size:11px}.pagetop{background-color:#203cbe;border:solid 1px #fff;width:40px;height:40px;border-radius:30px;position:fixed;bottom:100px;right:50px;z-index:99}@media screen and (max-width: 600px){.pagetop{bottom:80px;right:10px}}.pagetop:after{content:"";width:11px;height:11px;border:0px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:56%;left:50%;transform:translate(-50%, -50%) rotate(-45deg)}.follow-btn{position:fixed;background:#df0011;border-radius:50px;z-index:100;box-shadow:0 -10px 10px 0 rgba(0,0,0,.1);bottom:20px;right:20px;width:345px}@media screen and (max-width: 600px){.follow-btn{width:90%;right:0;left:0;margin:auto;bottom:10px}}.follow-btn a{margin:0 auto;color:#fff;width:100%;height:60px;display:flex;align-items:center;justify-content:center;font-weight:600;position:relative;font-size:18px}.follow-btn a:after{content:"";width:10px;height:10px;border:0px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;right:20px;transform:translateY(-50%) rotate(45deg)}.follow-btn__bnr-txt{padding-right:20px;line-height:1.4}.follow-btn__bnr-short{font-size:1.4rem}.follow-btn__bnr-main{font-size:2rem;line-height:1.2} */

/* - - - - - - - - - - - - - - - - - - - -
  BASE
- - - - - - - - - - - - - - - - - - - - */
html {
	font-size: 62.5%;
	font-family: sans-serif;
	color: #181703;
  overflow-x: hidden;
  width: 100%;
}

body {
	width: 100%;
	margin: 0;
	overflow-x: hidden;
  background: #f5f5f5;
  background: url(../img/bg_design.jpg) 50% 0 / cover no-repeat;
  background-attachment: fixed;
}
body:after {
  content: "";
  background: url(../img/bg_text.png) 50% 0 / contain no-repeat;
  position: fixed;
  top: 170px;
  left: 0;
  width: calc((100% - 750px) / 2);
  height: 392px;
}

@media (max-width:750px) {
	html {
		font-size: calc(10 / 750 * 100vw);
	}
}

#vantan-header {
  position: relative;
}

/* .cont {
  width: 90%;
  margin: 0 auto;
  max-width: 750px;
}
@media (min-width: 760px) {
  .cont {
      margin: 0 auto;
  }
} */

.contents-inner {
  margin-left: min(calc(50/750*100vw), 50px);
  margin-right: min(calc(50/750*100vw), 50px);
}
main .main_inner {
  background: #fff;
  box-shadow: 0 10px 10px 5px rgb(218 171 192 / 20%);
  max-width: 750px;
  margin: auto;
  padding-bottom: min(calc(1/750*100vw), 1px);
}
main .text {
  margin-top: min(calc(60/750*100vw), 60px);
  font-size: min(calc(28/750*100vw), 28px);
  line-height: 1.9;
}

main img {
  width: 100%;
}

.kv_wrap {
  position: relative;
  background: #FDE9EF;
}
.kv_wrap .kv_cap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.kv_cap h1 {
  line-height: 1.72;
  margin-top: min(calc(52/750*100vw), 52px);
}
.kv_cap p.text {
  line-height: 1.72;
  margin-top: min(calc(40/750*100vw), 40px);
}


.content_wrap {}
.content_wrap h2 {
  margin-top: min(calc(48/750*100vw), 48px);
  margin-bottom: min(calc(42/750*100vw), 42px); 
}
.content_wrap .member_list {
  border-top: 1px solid #000;
}
.member_list li {
  border-bottom: 1px solid #000;
  background: #FAFBCA;
  padding-top: min(calc(32/750*100vw), 32px);
  padding-bottom: min(calc(20/750*100vw), 20px); 
}
.member_list li:nth-child(2) {
  background: #FEF0F7;
}
.member_list li:nth-child(3) {
  background: #D7F5FD;
}
.member_list dl {
  display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
  font-size: min(calc(24/750*100vw), 24px);
  line-height: 1.5;
}
.member_list dl dt {
  width: 30.76%;
  text-align: center;
  font-weight: bold;
}
.member_list dl dt span {
  padding-top: min(calc(10/750*100vw), 10px);
  display: inline-block;
}
.member_list dl dd {
  width: 64.61%;
  margin-left: 4.63%;
}






.talk_wrap img {
  max-width: 650px;
}
.talk_wrap > picture {
  background: #F1EFEF;
  display: block;
  /* margin-top: min(calc(100/750*100vw), 100px); */
  margin-bottom: min(calc(70/750*100vw), 70px); 
}
.talk_wrap > picture img {
  max-width: 100%;
}
.talk_wrap > picture p {
  font-size: min(calc(22/750*100vw), 22px);
  line-height: 1.5;
  padding: min(calc(20/750*100vw), 14px) 0 min(calc(24/750*100vw), 24px);
}


.talk_wrap h2 {
  margin-top: min(calc(100/750*100vw), 100px);
  margin-bottom: min(calc(82/750*100vw), 82px); 
}
.talk_wrap h2 + picture img {
  margin-bottom: min(calc(53/750*100vw), 53px); 
}
.talk_wrap p.host {
  font-weight: bold;
  font-size: min(calc(32/750*100vw), 32px);
  line-height: 1.5;
  margin-bottom: min(calc(50/750*100vw), 50px); 
}

.talk__item {
  display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
  margin-bottom: min(calc(56/750*100vw), 56px); 
}
.talk__item picture {
  width: 26.15%;
  text-align: center;
}
.talk__item picture span {
  display: inline-block;
  font-weight: bold;
  font-size: min(calc(24/750*100vw), 24px);
  padding-top: min(calc(10/750*100vw), 10px);
}
.talk .txt {
  border: 1px solid #000;
  border-radius: 0;
  font-size: min(calc(28/750*100vw), 28px);
  line-height: 1.5;
  position: relative;
  width: 68.61%;
  padding: min(calc(34/750*100vw), 34px) min(calc(24/750*100vw), 24px) min(calc(30/750*100vw), 30px) min(calc(30/750*100vw), 30px);
}
.talk .txt::before,
.talk .txt::after {
  content: "";
  position: absolute;
  left: auto;
  width: 0;
  height: 0;
  border-style: solid;
}
.talk .txt::before {
  top:  min(calc(57/750*100vw), 57px);
  right: calc(100% - 1px);
  border-width: 9px 25px 9px 0;
  z-index: 1;
}
.talk .txt::after {
  top:  min(calc(56/750*100vw), 56px);
  right: 100%;
  border-width: 10px 26px 10px 0;
  border-color: transparent #000 transparent transparent;
}
.talk__item.all picture {
  width: 51.69%;
}
.talk__item.all .txt {
  width: 44%;

}

.talk .txt.txt_h {
  background: #FAFBCA;
}
.talk .txt.txt_f {
  background: #FEF0F7;
}
.talk .txt.txt_t {
  background: #D7F5FD;
}
.talk .txt.txt_h::before {
  border-color: transparent #FAFBCA transparent transparent;
}
.talk .txt.txt_f::before {
  border-color: transparent #FEF0F7 transparent transparent;
}
.talk .txt.txt_t::before {
  border-color: transparent #D7F5FD transparent transparent;
}






.cta {
  margin-top: min(calc(110/750*100vw), 110px);
  margin-bottom: min(calc(90/750*100vw), 90px);
}
.cta .contents-inner {
  background: url(../img/bdr.png) 50% 100% / contain repeat-X;
  padding-bottom: min(calc(130/750*100vw), 130px);
}
.cta .cta-txt {
  margin-bottom: min(calc(14/750*100vw), 14px);
}
.cta a.cta-btn {
  transition: all .5s;
  padding: min(calc(30/750*100vw), 30px) 0;
  background: none;
  border: none;
  position: relative;
  cursor: pointer;
  margin: auto;
  display: block;
  font-size: min(calc(32/750*100vw), 32px);
  width: min(calc(644/750*100vw), 644px);
  text-align: center;
}
.cta .cta-btn span {
  position: relative;
  z-index: 1;
}
.cta .cta-btn:after,
.cta .cta-btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 1px solid #000;
  transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  -webkit-transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  -ms-transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.cta .cta-btn:after {
  transform: translate(3px, 3px);
  -webkit-transform: translate(3px, 3px);
  -ms-transform: translate(3px, 3px);
  background: #F8CAD6;
}
.cta .cta-btn:before {
  transform: translate(-3px, -3px);
  -webkit-transform: translate(-3px, -3px);
  -ms-transform: translate(-3px, -3px);
}


.cta {}
.cta .cta-btn {}