@charset "utf-8";

html {
	font-size: 62.5%;
}


body{
	margin: 0px;
	padding: 0px;
	font-size:1.7em;
	overflow:auto;
    background:#fff;
    box-sizing:border-box;
	line-height:1.9em;
	font-family:'Noto Sans JP','sans-serif';
	color: #000;
}

input:-webkit-autofill {
  transition: background-color 10000s ease-in-out 0s;
}

main {
	width:100%;
	overflow:hidden;
	margin:auto;
	display:block; 
	padding:0;
}

input, select, textarea{
    font-family:'Noto Sans JP','sans-serif';
	color: #000;
	cursor:pointer;
	width:100%;
}
::placeholder{color:#b3b3b3;}
:-ms-input-placeholder{color:#b3b3b3;}

a{cursor:pointer;transition: all 0.2s ease-in-out;}
img{width:100%;}
img.border{border:1px solid #999;}
.minchou{font-family: 'Noto Serif JP', serif;font-weight:500;}
.en{font-family: 'Amiri', serif;}
.container{max-width:1000px;margin:auto;width:96%;}

.btn{display:block;border:2px solid #000;background:#fff;
text-align:center;position:relative;font-size:2rem;padding:10px 0;letter-spacing:0.05em;}
.btn::after{
    content:"";
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 20px;
}
.btn:hover{background:#666;color:#fff;}
.btn:hover::after{border-color:#fff;}
.btn.gray{background:#666;color:#fff;}
.btn.gray::after{border-color:#fff;}
.btn.gray:hover{background:#fff;color:#000;}
.btn.gray:hover::after{border-color:#000;}

.btn.black{background:#000;color:#fff; width:250px;}
.btn.black.small{width:175px;}

.btn.black::after{border-color:#666;}
.btn.black:hover{background:#fff;color:#000;}
.btn.black:hover::after{border-color:#000;}

/*header-----------------*/
header {
  background-color: #fff;
  height: 80px;
  padding: 15px;
  box-shadow: 0 6px 3px -3px rgb(0 0 0 / 8%);
  z-index:99;
  position:fixed;width:100%;top:0;left:0;
}
header .inner{display: flex;justify-content: space-between;align-items: center;}
header .logo a img{max-width:306px;}
header .logo a, header .nav-list li a{display:block;}
header .logo a:hover, header .nav-list li a:hover{opacity:.4;}
header .burger-btn {display: none;}


/*footer-------------------*/
footer{background:#f2f2f2;}
/*.totopfade {
    position: fixed;
    right: 0px;
    z-index: 96;
    bottom: 0;
    width: 54px;
    height: 54px;
    background: #000;
    text-align: center;
    padding:8px;
    box-sizing: border-box;
}
.totopfade img{max-width:40px;}*/
footer .container{padding:120px 0;}
footer ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:80px;}
footer ul li{width:32%;margin-bottom:20px;}
footer ul li a{background:#6b8089;color:#fff;text-align:center;padding:20px;display:block;
box-shadow: #f2f2f2 4px 4px 0 0,#bdccd4 4px 4px 0 1px;}
footer ul li a:hover{background:#fff;color:#6b8089;}
footer .link_yt{border:3px solid #000;padding:20px 50px;background:#fff;
letter-spacing:0.04em;line-height:1.5em;position:relative;}
footer .link_yt img{max-width:154px;display:inline-block;}
footer .link_yt span{font-size:1.6rem;}
footer .copyright{padding:15px;text-align:center;background:#476770;color:#fff;line-height:1.8em;}



/*top*/
h2.en{font-size:8.6rem;}
h3.minchou{font-size:3.2rem;text-align:center;margin-bottom:60px;letter-spacing:0.04em;line-height:1.3em;}
h4{font-size:3rem;}
h5{font-size:2.4rem;}
#top .mainV{position:relative;}
#top .mainV .mvwrap{position:absolute;top:17%;left:6%;max-width:652px;width:35%;}
#top .mainV .mvwrap video{width:100%;}
#top .overview{position:relative;padding:300px 0 120px;}
#top .overview h2{position:absolute;top:-0.4vw;left:10%;}
#top .overview .pictures p{margin-top:10px;font-size:1.3rem;line-height:1.3em;text-align:center;}
#top .overview::after{
   content:"";
   display:block;
   position:absolute;
   top:0;
   right:0;
   width:1090px;
   height:452px;
   background: url(../img/interview_bg2.png) bottom right no-repeat;
   background-size:cover;
   z-index:-3;
}
#top .study{padding:250px 0 100px;position:relative;}
#top .study h2, #top .contact h2{position:relative;text-align:center;}
#top .overview .wrap{max-width:1700px;position:relative;padding:100px 0;}
#top .overview .mvbtn img{max-width:633px;display:block;margin:auto;}
#top .overview .mvbtn:hover{opacity:.6;}
#top .overview .movies {margin:100px auto 0;}
.ecas {
    font-size:4rem;
    margin : 20px auto 30px;
    text-align: center;
    line-height: 1;
}

.ecas img{
    width:auto;
    margin-right: 10px;
}

#top .overview h2::before, #top .study h2::before{content:"";position:absolute;
width:1px;height:180px;background:#999;display:block;top:-250px;left:50%;}

#top .contact h2::before{content:"";position:absolute;
width:1px;height:130px;background:#999;display:block;top:-200px;left:50%;}

#top .study h3 , #top .second_opinion h3{border-top:1px solid #000;border-bottom:1px solid #000;padding:10px 0;margin:100px 0 50px;}
#top .study h3:first-of-type{margin-top:70px;}
#top .study h5{margin:60px 0 30px;}
#top .Dinterview {position:relative;padding-top:160px;}
#top .Dinterview::before{
   content:"";
   display:block;
   position:absolute;
   top:-130px;
   left:-160px;
   width:1367px;
   height:685px;
   background: url(../img/interview_bg.png) top left no-repeat;
   background-size:cover;
   z-index:-2;
}
#top .Dinterview .wrap{max-width:1700px;margin:auto;position:relative;padding:120px 0 230px;}
#top .Dinterview h2{position:relative;text-align:center;margin-top:-135px;}
#top .Dinterview h4.ta-c, #top .contact h4.ta-c{margin:50px 0 100px;}
#top .Dinterview .pcflex li.minchou p{line-height:1.5em;}
#top .Dinterview .pcflex li .name{margin-top:25px;}
#top .Dinterview .pcflex li .name span{padding-left:1.5em;font-size:1.5rem;}
#top .Dinterview .pcflex li h6{font-size:2rem;line-height:1.4em;margin-bottom:25px;}
#top .Dinterview .pcflex li h5{font-size:2.7rem;margin-bottom:25px;}
#top .Dinterview a.mv, #top .Cinterview a.mv{display:block;}
#top .Dinterview a.mv:hover, #top .Cinterview a.mv:hover{opacity:.6;}
#top .Cinterview{position:relative;padding:310px 0;}
#top .Cinterview::before{
   content:"";
   display:block;
   position:absolute;
   top:0;
   left:0;
   width:1367px;
   height:685px;
   background: url(../img/interview_bg.png) top left no-repeat;
   background-size:cover;
   z-index:-2;
}
#top .Dinterview .mvbtn:hover{opacity:.6;}
#top .Dinterview .mvbtn img{max-width:633px;display:block;margin:auto;}
#top .Cinterview .wrap{max-width:1300px;width:96%;margin:auto;position:relative;margin-bottom:160px;}
#top .Cinterview .wrap::before{content:"";position:absolute;width:1px;height:240px;z-index:-2;
background:#999;display:block;top:-264px;left:28px;}
#top .Cinterview .wrap h2{line-height:1em;margin-bottom:25px;}
#top .Cinterview .wrap h4{letter-spacing:0.05em;}
#top .Cinterview ul li{background:#f2f2f2;margin-top:80px;}
#top .Cinterview ul li .txt{padding:0 0 0 110px;position:relative;}
#top .Cinterview ul li .txt h4{font-size:5rem;position:absolute;top:-55px;left:55px;}
#top .Cinterview ul li .txt p{font-size:2.1rem;text-decoration:underline;line-height:1.8em;}
section.contact{background:#e4eff4;padding:150px 0;position:relative;}
#top .contact{padding:120px 0;}
#top .contact::after{display:none;}
section.contact h4.ta-c{margin:40px 0 80px;letter-spacing:0.03em;}
section.contact a{margin-bottom:30px;border:3px solid #000;padding:15px;background:#fff;position:relative;letter-spacing:0.04em;z-index:1;}
section.contact a p{background:#4d4d4d;color:#fff;text-align:center;font-size:2.2rem;padding:10px;}
section.contact a h4{position:relative;padding-left:65px;}
section.contact a h4::before{
    content: "";
    display: block;
    position: absolute;
    width: 53px;
    height: 38px;
    background: url(../img/icon_contact.png) no-repeat center center;
    top: 50%;
    left: 0;
    margin-top: -19px;
    background-size:cover;
}
section.contact::after{
   content:"";
   display:block;
   position:absolute;
   bottom:0;
   right:0;
   width:849px;
   height:287px;
   background: url(../img/contact_bg.png) bottom right no-repeat;
   background-size:cover;
}
#top .news{padding:290px 0;position:relative;}
#top .news::before{
   content:"";
   display:block;
   position:absolute;
   top:0;
   right:0;
   width:988px;
   height:241px;
   background: url(../img/news_bg.png) top right no-repeat;
   background-size:cover;
   z-index:-2;
}
#top .news .wrap{max-width:1300px;width:96%;margin:auto;position:relative;}
#top .news .wrap::before{content:"";position:absolute;width:1px;height:240px;
background:#999;display:block;top:-290px;left:28px;z-index:-1;}
#top .news .wrap h2{display:inline-block;}
#top .news .wrap h4{margin:30px 0 100px;}
#top .news ul li{margin-bottom:40px;}
#top .news ul li a, #news .list li a{display:block;} 
#top .news ul li a:hover{text-decoration:underline;}
#top .news .btn{margin:100px auto 0;}
#top .news::after{
   content:"";
   display:block;
   position:absolute;
   bottom:0;
   left:0;
   width:1353px;
   height:258px;
   background: url(../img/news_bg2.png) bottom left no-repeat;
   background-size:cover;
   z-index:-2;
}


#top .second_opinion{padding:290px 0;position:relative;}
#top .second_opinion::before{
   content:"";
   display:block;
   position:absolute;
   top:0;
   right:0;
   width:988px;
   height:241px;
   background: url(../img/news_bg.png) top right no-repeat;
   background-size:cover;
   z-index:-2;
}
#top .second_opinion .wrap{max-width:1300px;width:96%;margin:auto;position:relative;}
#top .second_opinion .wrap::before{content:"";position:absolute;width:1px;height:240px;
background:#999;display:block;top:-290px;left:28px;z-index:-1;}
#top .second_opinion .wrap h2{display:inline-block;    line-height: 1em;}
#top .second_opinion .wrap h4{margin:30px 0 60px;     letter-spacing: 0.05em;}
#top .second_opinion ul li{margin-bottom:40px;}
#top .second_opinion ul li a, #news .list li a{display:block;} 
#top .second_opinion ul li a:hover{text-decoration:underline;}

#top .second_opinion a.mv{display:block;}
#top .second_opinion a.mv:hover{opacity:.6;}

#top .second_opinion .btn{margin:100px auto 0;}
#top .second_opinion::after{
   content:"";
   display:block;
   position:absolute;
   bottom:0;
   left:0;
   width:1353px;
   height:258px;
   background: url(../img/news_bg2.png) bottom left no-repeat;
   background-size:cover;
   z-index:-2;
}

#top .second_opinion .so_link
{
     display: inline-block;
     border: solid 2px black;
     padding: 20px;
}

#top .second_opinion .so_link div
{
     display: inline-block;
    vertical-align: top;
}

#top .second_opinion .so_link div:first-child
{
    text-align: left;
    font-size: 1.2em;
    margin: 0 20px 0 0;
}
#top .second_opinion .so_link img
{
	max-width:250px;
}




/*contact*/
input[type="text"], input[type="tel"], input[type="email"], textarea, select{
    resize: vertical;
    border: 1px solid #4d4d4d;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    padding:14px;
}
#contact{position:relative;}
#contact::after{
   content:"";
   display:block;
   position:absolute;
   bottom:0;
   right:0;
   width:849px;
   height:287px;
   background: url(../img/contact_bg.png) bottom right no-repeat;
   background-size:cover;
   z-index:-2;
}
#contact .container, #news .container{padding:200px 0;}
#contact h4, #news h4{position:relative;text-align:center;letter-spacing:0.03em;line-height: 1.3em;}
#contact h4::before, #news h4::before{content:"";position:absolute;width:1px;height:140px;background:#b5b5b5;display:block;top:-200px;left:50%;}
#contact h4 span{font-size:2.4rem;display:block;padding-top:10px;}
#contact h5{font-size:2.2rem;line-height:1.3em;}
#contact .ippan h5{margin-top:140px;}
#contact h6{font-weight:bold;font-size:1.9rem;line-height:1.3em;}
#contact .ippan h6{margin:50px 0 20px;}
#contact span.required{font-size:1.6rem;color:#0071bc;padding-left:15px;}
#contact span.any{font-size:1.6rem;color:#000000;padding-left:15px;}
#contact.input .flex{display:flex;justify-content:space-between;max-width:492px;}
#contact.input div.flex input, #contact.input ul.flex li{width:47%;}
#contact .sub p{color:#808080;margin:25px 0 8px;}
#contact .ippan input.s_small{max-width:110px;margin-right:15px;}
#contact .ippan input.small{max-width:230px;margin-right:15px;}
#contact .ippan input.middle{max-width:492px;}
#contact .ippan input.long{max-width:720px;}
#contact .setsumei{color:#333;border-bottom:1px dotted #666;margin-top:15px;padding-bottom:30px;}
#contact .robot{display:block;margin:50px auto;max-width:323px;}
#contact .btns.pcflex li .btn{width:100%;}
#contact .attention{background:#e4eff4;padding:50px;margin:100px 0;}
#contact .attention h5{color:#33647f;margin:40px 0 10px;}
#contact .iryou .sub{margin-bottom:100px;}
#contact .iryou input.s_small{max-width:110px;margin-right:15px;}
#contact .iryou input.small{max-width:230px;margin-right:15px;}
#contact .iryou input.middle{max-width:480px;}
#contact .iryou input.long{max-width:620px;}
.radiobtn input[type="radio"], .checkbtn input[type="checkbox"] {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.radiobtn label {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    padding-left: 30px;
    vertical-align: middle;

}
.radiobtn input[type="radio"]+label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background-color: #fff;
    box-shadow: 0px 0px 0px 1px #4d4d4d;
    border-radius: 10px;
}
.radiobtn input[type="radio"]:checked+label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background-color: #0071bc;
    border: 4px solid #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 1px #4d4d4d;
}
#contact input:disabled , #contact select:disabled{background:#f2f2f2;}
#contact .tnms{display:flex;flex-wrap:wrap;}
#contact .tnms li input , #contact .tnms li select {max-width:110px;margin-left:8px;padding:5px 10px;}
select#relation  {max-width:140px;padding:5px 10px;    -webkit-appearance: auto;}

.checkbtn input[type=checkbox]+label {
    position: relative;
    padding-left: 35px;
    vertical-align: middle;
    display: inline-block;
}
.checkbtn input[type=checkbox]+label::before {
    content: "";
    position: absolute;
    top: 50%;
    left:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: 0px;
    background-color: #fff;
    border: 1px solid #4d4d4d;
}
.checkbtn input[type=checkbox]:disabled+label::before {
    content: "";
    position: absolute;
    top: 50%;
    left:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: 0px;
    background-color: #f2f2f2;
    border: 1px solid #4d4d4d;
}

.checkbtn input[type=checkbox]:checked+label::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    width: 10px;
    height: 6px;
    margin-top: -4px;
    border-left: 2px solid #0071bc;
    border-bottom: 2px solid #0071bc;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: none;
}
#contact .until ul{display:flex;flex-wrap:wrap;}
#contact .hatsuban input{padding: 5px 10px;max-width:300px;width:auto;}
#contact .hatsuban span{color:#808080;margin-right:10px;}

/*news*/
#news .list, #news.detail .kiji{margin:90px 0;}
#news .list li{border-bottom:1px solid #999;padding:20px 10px;}
#news .list li a:hover{opacity:.4;}
#news .pagination {
    margin:auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: bold;
    align-items:center;
}
#news .pagination li {
    width: -webkit-calc(100% / 3);
    width: -mos-calc(100% / 3);
    width: calc(100% / 3);
    display: inline-block;
    text-align: center;
    font-size:1.8rem;
}
#news .pagination li a{display:block;}
#news .pagination li a:hover{opacity:.4;}
#news .pagination li .number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#news .pagination li .number li {margin: 0 10px;width: 12%;}
#news .pagination li .number li.this{border-bottom:2px solid #000;padding-bottom:10px;}
#news.detail h4{text-align:left;}
#news.detail .kiji p{font-size: 1.5rem;line-height: 2.2em;}
#news.detail .pagination li a.minchou{letter-spacing:0.08em;text-decoration:underline;}


/*PC==============================================*/
@media screen and (min-width:769px){
.pc{display:block;}
.pc_ib{display:inline-block;}
.sp, .tab{display:none;}

.pcflex{display:flex;align-items:flex-start;}

header .nav-list, header .header-nav {display: flex;align-items:center;}
header .nav-list li{font-size:2rem;line-height:1.3em;padding:0 30px;border-right:1px solid #000;}
header .nav-list li:nth-child(3){border-right:0;}
header .contact-btn{display:inline-block;padding:8px 40px;vertical-align:middle;}
footer .link_yt, section.contact a{align-items:center;display:flex;}
footer .link_yt::after, section.contact a::after{
    content: "";
    width: 14px;
    height: 14px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 40px;
    transition: all 0.2s ease-in-out;
}
footer .link_yt:hover, section.contact a:hover{background:#abc8ce;}
footer .link_yt:hover::after, section.contact a:hover::after{right:20px;}
footer .link_yt p{display:inline-block;margin:0 20px 0 35px;font-size:2.6rem;}
.btn{max-width:340px;}
#top .mainV{background: url(../img/mainV_pic.png) top center no-repeat; background-size: cover;}
#top .reed{width:67.9%;margin:auto;border-left:1px solid #c5c5c5;padding:160px 0;}
#top .overview .wrap::before {
    content:"";
    width: 100vw;
    height: 172em;
    background: #f2f2f2;
    position: absolute;
    right: 50%;
    margin-right: -41em;
    top: 0;
    z-index: -1;
}
#top .overview .wrap2::before {
    content:"";
    width: 100vw;
    height: 162em;
    background: #f2f2f2;
    position: absolute;
    right: 50%;
    margin-right: -41em;
    top: 0;
    z-index: -1;
}
#top .overview h2::before{left:12%;}
#top .overview .pcflex{justify-content:space-between;margin-bottom:25px;}
#top .overview .pcflex .txt{width:48.4%;}
#top .overview .pcflex .pictures{width:44.6%;}
#top .overview .pcflex .pictures p{margin-bottom:20px;}
#top .overview .pictures ul{display:flex;align-content:flex-start;justify-content:space-between;margin:45px 0;}
#top .overview .pictures ul li{width:48%;}
#top .study .pcflex{justify-content:space-between;margin:40px 0;}
#top .study .pcflex li, #top .Dinterview .pcflex li{width:48%;}
#top .Dinterview .wrap::before{
    content:"";
    width: 100vw;
    height: 90em;
    background: #e4eff4;
    position: absolute;
    left: 50%;
    margin-left: -41em;
    top: 0;
    z-index: -1;
}
#top .Dinterview h2 span{padding-left:0.5em;}
#top .Dinterview .pcflex{justify-content:space-between;margin-top:80px;}
#top .Dinterview .pcflex:first-of-type{border-bottom:1px solid #999;padding-bottom:80px;}
#top .Dinterview .pcflex li{width:58%;}
#top .Dinterview .pcflex li:first-child{width:38%;padding-left:40px;}
#top .Dinterview .pcflex:first-of-type li:last-child{width:62%;}
#top .Cinterview ul li{display:flex;justify-content:space-between;align-items:center;}
#top .news ul li, #news .list li{display:flex;flex-align:flex-start;justify-content:space-between;}
#top .news ul li .date, #news .list li .date{width:20%;}
#top .news ul li a, #news .list li a{width:78%;}
section.contact a p{width:32%;margin-right:60px;}
#contact .btns.pcflex{max-width:702px;justify-content:space-between;margin:auto;}
#contact .btns.pcflex li, #contact .iryou .tels li{width:48%;}
#contact .iryou .tels{justify-content:space-between;margin:auto;}
#contact .tnms li{/*margin-right:20px;*/ width:180px;}
#contact .gappei li:first-child{width:20%;margin-right:3%;}
#contact .gappei li:last-child{width:77%;}
#contact .gappei li .radiobtn label, #contact .until .checkbtn label{padding:15px 0 15px 30px;}
#contact .until ul{position:relative;margin-left:20px;max-width:690px;}
#contact .until ul::before{content:"(";width:20px;height:20px;position:absolute;display:block;left:-20px;top:15px;
font-size:2rem;}
#contact .until ul::after{content:")";width:20px;height:20px;position:absolute;display:block;right:0;top:15px;
font-size:2rem;}
#contact .until ul li{margin-right:60px;}
#contact .until ul li:last-child{margin:0;}
#contact .hatsuban{justify-content:center;margin-top:60px;}
#contact .hatsuban li:last-child{margin-left:50px;}
#news.detail h4{display:flex;align-items:center;}
#news.detail h4 .date{width:10%;margin-right:4%;font-size:1.6rem;line-height:1em;}
#news.detail h4 span{display:block;width:86%;}
#news.detail .kiji .pic1 {float: right;max-width: 391px;padding: 10px 0 50px 20px;}
#news.detail .kiji .pic2 {float: left;max-width: 391px;padding: 10px 50px 20px 0;}
#news.detail .kiji p:first-of-type{margin-bottom:50px;}
}

@media screen and (min-width:769px) and (max-width:1699px) {
#top .overview h2{left:14%;}
}

@media screen and (min-width:769px) and (max-width:1499px) {
.tab{display:block;}
#top .overview .wrap::before{margin-right:-35em;}
#top .overview h2{left:10%;}
#top .reed{padding:100px 0;}
#top .reed .container{width:90%;}
#top .Dinterview .wrap::before{margin-left:-35em;}
#top .Cinterview .wrap, #top .news .wrap{width:80%;}
}

@media screen and (min-width:769px) and (max-width:1199px) {
#top .overview{padding-top:32vw;}
#top .overview .wrap::before{margin-right:0;width:100%;right:0;height:167em;}
#top .overview .wrap2::before{margin-right:0;width:100%;right:0;height:157em;}
#top .overview .movies {margin:80px auto 0;}

#top .overview h2{left:6%;}
#top .overview .pictures p{font-size:1.2rem;}
#top .overview::after{width:77vw;height:32vw;}
#top .Dinterview .wrap{padding-bottom:18vw;}
#top .Dinterview .wrap::before{margin-left:0;width:100%;left:0;height:87.5em;}
#top .Cinterview::before, #top .Dinterview::before{width:92vw;height:46vw;}
#top .news{padding:240px 0;}
#top .news::before{width:57vw;height:14vw;}
#top .news::after{width:84vw;height:16vw;}
#contact::after, section.contact::after{width:53vw;height:18vw;}
}


@media screen and (min-width:769px) and (max-width:1081px) {
body{font-size:1.6rem;}
header .nav-list li{font-size:1.8rem;}
h2.en{font-size:7.2rem;}
h3.minchou{font-size:2.8rem;}
h4{font-size:2.4rem;}
#top .overview .pcflex .txt {width: 54%;}
#top .overview h2{left:2%;}
#top .overview .movies {margin:5vw auto 0;}

#top .Dinterview .pcflex li:first-child{padding-left:0;}
#top .Dinterview .pcflex li h6{font-size:1.8rem;}
#top .Dinterview .pcflex li h6 br{display:none;}
#top .Cinterview{padding:270px 0;}
#top .Cinterview ul li .txt{padding:0 0 0 90px;}
#top .Cinterview ul li .txt p, section.contact a p{font-size:1.9rem;}
footer .link_yt p{font-size:2.2rem;}
footer .link_yt span{font-size:1.4rem;}
#contact h5{font-size:1.8rem;}
} 

@media screen and (min-width:769px) and (max-width:895px) {
    #top .overview .wrap::before{height:158em;}
    #top .overview .wrap2::before{height:148em;}
#top .Dinterview .pcflex li .name span{padding-left:0;display:block;margin-top:10px;}
#top .Dinterview .pcflex li{width:54%;}
#top .Dinterview .pcflex li:first-child{width:33%;}
#top .Dinterview .pcflex.minchou li:first-child{width:40%;}
#top .Cinterview ul li .txt{padding:20px 60px;}
#top .Cinterview ul li .txt p{font-size:1.8rem;}
#top .Cinterview ul li .txt h4{top:-40px;left:40px;font-size:4.6rem;}
section.contact a p{width:37%;margin-right: 40px;}
footer .link_yt{padding:20px 30px;}
footer .link_yt p{margin-left:20px;}
footer .link_yt::after, section.contact a::after{right:30px;}
}

@media screen and (min-width:769px) and (max-width:814px) {
h4{font-size:2.2rem;}
#top .overview .wrap::before{height:158em;}
#top .overview .wrap2::before{height:148em;}
#top .Cinterview ul li .txt{padding:20px 10px 20px 40px;}
#top .Cinterview ul li .txt p{font-size:1.7rem;}
#top .Dinterview{padding-bottom:12vw;}
#top .Dinterview .wrap{padding-bottom:32vw;}
footer .link_yt{padding:20px;}
footer .link_yt p{margin:0 15px;}
footer .link_yt::after, section.contact a::after{right:20px;}
}



/*�X�}�z==========================================*/
@media screen and (max-width: 768px) {
.sp, .tab{display:block;}
.pc{display:none;}
.pc_ib{display:none;}
body{font-size:1.5rem;}
.container{width:94%;}
/*
header {padding:10px;height:60px;}
header .logo a img{max-width:206px;}
header .burger-btn {
    display: block;
    height: 40px;
    position: relative;
    width: 40px;
    z-index: 100;
    background-color: transparent;
    border: none;
}

header .bar {
    background: #000;
    display: block;
    height: 2px;
    right: -4px;
    position: absolute;
    transform: translateX(-50%);
    width: 25px;
 
}
header .bar_top {top: 10px;}
header .bar_mid {
    top: 50%;
    transform: translate(-50%,-50%);
}
header .bar_bottom {
    bottom: 10px;
}
header .burger-btn.close .bar_top {
    transform: translate(-50%,10px) rotate(45deg);
    transition: transform .3s;
    background: #fff;
}
header .burger-btn.close .bar_mid {
    opacity: 0;
    transition: opacity .3s;
}
header .burger-btn.close .bar_bottom {
    transform: translate(-50%,-8px) rotate(-45deg);
    transition: transform .3s;
    background: #fff;
}
header .noscroll{overflow: hidden;}

header .nav-wrapper {
    visibility: hidden;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    opacity: 0;
    transition: opacity .5s;
    z-index: 99;
}

header .header-nav {
    background-color: #1b1310;
    height: 100%;
    width: 100%;
    z-index: 97;
}
header .nav-list {
    display: block;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%);
}
header .nav-list li {margin-bottom:8vw;}
header .nav-list li a{color:#fff;font-size:1.8rem;}
header .contact-btn{display:none;}
header .nav-wrapper.fade {
    opacity: 1;
    visibility: visible;
}
*/
footer .container{padding:12vw 0;}
footer ul{margin-bottom:6vw;}
footer ul li{width:31%;}
footer ul li a{font-size:1.4rem;line-height:1.5em;padding:5vw 3vw;}
footer .link_yt, section.contact a{display:block;padding:5vw;}
footer .link_yt img{display:block;margin:0 auto 4vw;}
footer .link_yt p{font-size:2.1rem;text-align:center;position:relative;}
footer .link_yt span{display:block;margin:3vw 0 0;text-align:center;}
footer .copyright{padding:3vw;font-size:1.4rem;}
h2.en{font-size:5.6rem;}
h3.minchou{font-size:2.1rem;margin-bottom:6vw;}
h4{font-size:1.9rem;}
h5{font-size:1.7rem;}
.btn{font-size:1.8rem;}
#top .mainV .mvwrap{top:18%;width:40%;}
#top .reed{padding:8vw 0 25vw;}
#top .overview{padding:42vw 0 16vw;}
#top .overview .wrap{background: #f2f2f2;}
#top .overview h2 {
    top: -2vw;
    left: 50%;
    margin-left: -135px;
    width: 270px;
    text-align:center;
}
#top .overview .pictures{margin-top:4vw;}
#top .overview .pcflex:last-of-type{margin:4vw 0;}
#top .overview .pictures p{margin:2vw 0 5vw;}
#top .overview::after{width:125vw;height:52vw;}
.ecas{ margin-top: 60px; font-size: 3rem;}
.ecas img{ height: 3rem;}

#top .study{padding:16vw 0 18vw;}
#top .overview h2::before, #top .study h2::before, #top .contact h2::before{height:60px;top:-90px;}
#top .study h3 , #top .second_opinion h3{margin:12vw 0 5vw;}
#top .study h3:first-of-type{margin-top:10vw;}
#top .study h5 {margin: 10vw 0 3vw;}
#top .study .pcflex li{margin-top:6vw;}
#top .Dinterview{padding-top:0;}
#top .Dinterview .wrap{background:#e4eff4;padding: 20vw 0 12vw;}
#top .Dinterview h2{line-height:1em;margin-top: -27vw;}
#top .Dinterview h2::before{height:60px;top:-80px;}
#top .Dinterview h2 span{display:block;}
#top .Dinterview h4.ta-c{margin:1vw 0 10vw;}
#top .Dinterview .pcflex li{margin-bottom:5vw;border-bottom:1px solid #b5b5b5;padding-bottom:5vw;}
#top .Dinterview .pcflex.minchou li:last-child, #top .news ul li:last-child{margin:0;padding:0;border:0;}
#top .Dinterview .pcflex li.minchou p{margin-top:5vw;}
#top .Dinterview .pcflex li .name{margin-top:3vw;font-size:2.6rem;}
#top .Dinterview .pcflex li h6{font-size:1.7rem;margin-bottom:4vw;}
#top .Dinterview .pcflex li h6 br{display:none;}
#top .Dinterview .pcflex li h5{font-size:2rem;margin-bottom: 4vw;}
#top .Dinterview .mvbtn img{margin:7vw auto 0;}
#top .overview .movies {margin:7vw auto 0;}
#top .overview .wrap { padding-bottom: 8vw; }
#top .Cinterview{padding:20vw 0;}
#top .Cinterview::before, #top .Dinterview::before{width:132vw;height:66vw;}
#top .Cinterview .wrap{margin-bottom:15vw;}
#top .Cinterview ul li{margin-top:13vw;}
#top .Cinterview ul li .txt{padding:8vw 5vw 5vw;}
#top .Cinterview ul li .txt h4 {font-size: 4rem;top: -3vw;left: 5vw;}
#top .Cinterview ul li .txt p{font-size:1.6rem;}
#top .Cinterview .wrap::before{height:90px;top:-100px;}
#top .Cinterview .wrap h2{margin-bottom:1.5vw;}
section.contact{padding:34vw 0 9vw;}
#top .contact h4.ta-c{margin: 5.5vw 0 10vw;}
section.contact h4.ta-c{margin: 4.5vw 0 8vw;}
section.contact a p{font-size:1.7rem;padding:2vw;margin-bottom:4vw;}
section.contact a h4{font-size:2.1rem;padding-left: 12vw;}
section.contact a h4::before{width: 10vw;height: 6.5vw;margin-top: -3.25vw;}
section.contact a h4::after, footer .link_yt p::after{
    content: "";
    width: 12px;
    height: 12px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 5px;
}

#top .news{padding:25vw 0 18vw;}
#top .news::before{width:140vw;height:34vw;}
#top .news::after{width:189vw;height:36vw;}
#top .news .wrap::before{height:90px;top:-120px;}
#top .news .wrap h4{margin:3vw 0 10vw;}
#top .news ul li{border-bottom:1px solid #b5b5b5;margin-bottom:5vw;padding-bottom:5vw;}
#top .news .btn{padding:2vw;font-size:1.7rem;margin-top:6vw;letter-spacing:0.03em;}


#top .second_opinion { padding: 200px 0;}
#top .second_opinion .wrap h4{margin:20px 0 30px;}
#top .second_opinion .so_link img {max-width: 200px;}

#contact .container, #news .container{padding:20vw 0;}
#contact h4, #news h4{font-size:2.4rem;}
#contact h4::before, #news h4::before{height:16vw;top:-20vw;}
#contact h4 span{padding-top:0;font-size:1.6rem;}
#contact h5{font-size:1.8rem;}
#contact h6{font-size: 1.7rem;}
#contact .ippan h5{margin-top: 10vw;}
#contact .ippan h6{margin:8vw 0 3vw;}
#contact span.required{font-size:1.4rem;}
#contact span.any{font-size:1.4rem;}
#contact .sub p{margin:6vw 0 2vw;line-height:1.3em;}
#contact .setsumei{margin-top:5vw;padding-bottom:6vw;}
#contact .btns li:first-child{margin-bottom:6vw;}
#contact::after, section.contact::after{width:113vw;height:38vw;}
input[type="text"], input[type="tel"], input[type="email"], textarea{padding:10px;}
#contact .attention{padding: 5vw 4vw;margin: 10vw 0;}
#contact .attention h5{margin:6vw 0 2vw;}
#contact .iryou .sub{margin-bottom:12vw;}
#contact .tnms li{width:48%;margin-bottom:4vw;}
#contact .until ul li{width:45%;margin-top:3vw;}
#contact .hatsuban li{margin-top:5vw;}
#news .list, #news.detail .kiji{margin:12vw 0;}
#news .pagination li .number li{margin: 0 2vw;padding: 0 3vw;width:auto;}
#news.detail h4 .date{font-size:1.8rem;margin-bottom:2vw;}
#news.detail .kiji img{margin-bottom:5vw;}
#news.detail .kiji p:first-of-type{margin-bottom:6vw;}


.spW100 { width: 100% !important;}
.btn.black.small{width:100px; font-size:1.2rem;}

.btn.black.small::after{
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #666;
    border-right: solid 2px #666;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 8px;
}

}

@media screen and (max-width: 600px) {
#top .second_opinion .so_link { padding: 10px;}
#top .second_opinion .so_link div:first-child{ font-size: 1.0em;     margin: 0px 10px 0 0;}
#top .second_opinion .so_link img{	max-width:175px;}
}


@media screen and (max-width: 414px) {

#top .second_opinion .so_link div:first-child{    font-size: 0.9em;}
#top .second_opinion .so_link img{	max-width:150px;}

}