/* CSS Document */
@charset "UTF-8";

@media(min-width:900px){
	a[href^="tel:"]{pointer-events:none;}
 	html{font-size:calc(1000vw / 1400);}/*10px;*/
	.sp_only{display: none!important;}
}
@media(max-width:899px){
	html{font-size:calc( 1000vw / 375 );}/*10px;*/
	.pc_only{display: none!important;}

}


body{background:url("../img/top/top16.jpg");}
	
.top .hero {position:relative;}
.top .hero .texts{position:absolute;top:45rem;left:22rem;}
.top .hero .texts .text{font-size:2.6rem;line-height:4.6rem;color:#FFF;font-family: 'Shippori Mincho', serif;margin-bottom:4rem;}
.top .hero .texts a{font-size:2rem;line-height:5rem;width:15rem;font-family: 'Shippori Mincho', serif;color:#1D2080;background:#FFF;border:none;text-align:center;padding:0;margin-right:3rem;position:relative;transition:0.5s;display:inline-block;}
.top .hero .texts a::before{content:"▶︎";position:absolute;top:50%;left:2rem;transform:translate(-50%,-50%) scale(1 ,0.5);}
.top .hero .texts a:hover{color:#FFF;background:#1D2080;}

.top .img02{margin-top:-24rem;margin-bottom:-4rem;position:relative;z-index:2;}
.top .img06{margin-top:-4rem;position:relative;z-index:2;}
.top .ranks{position:relative;color:#FFF;font-feature-settings: "palt";}
.top .ranks .area01{position:absolute;top:5rem;right:20rem;width:57rem;max-width:100%;}
.top .ranks .area01 .img08{margin-bottom:3.5rem;}
.top .ranks .area01 .course{position:relative;}
.top .ranks .area01 .course .texts{width:44rem;max-width:100%;display:flex;flex-wrap:wrap;position:absolute;top:16rem;left:10.7rem;font-family: 'Shippori Mincho', serif;}
.top .ranks .area01 .course .texts >*{width:25%;text-align:center;}
.top .ranks .area01 .course .texts dt{font-size:2rem;line-height:5.6rem;letter-spacing:0;}
.top .ranks .area01 .course .texts dt span{font-size:1.4rem;letter-spacing:0;}
.top .ranks .area01 .course .texts dd{font-size:2.4rem;line-height:5.6rem;letter-spacing:0;}
.top .ranks .area01 .course .texts dd span{font-size:1.4rem;letter-spacing:0;}
.top .ranks .area01 .title{font-size:2rem;margin-bottom:2rem;}
.top .ranks .area01 .icon{position:relative;padding:2rem 0 2rem 10rem;border-bottom:1px solid #D1D1D1;}
.top .ranks .area01 .icon .img{width:8rem;position:absolute;top:2rem;left:0;}
.top .ranks .area01 .icon .name{font-size:1.8rem;letter-spacing:0.1em;font-weight:600;margin-bottom:0.5rem;font-family: 'Shippori Mincho', serif;}
.top .ranks .area01 .icon .text{font-size:1.6rem;line-height:2.4rem;letter-spacing:0.1em;text-align:justify;}
.top .ranks .area01 .icon .text span{color:#E7D921;}
.top .ranks .area01 .caption{font-size:1.2rem;line-height:2rem;letter-spacing:0.1em;text-align:right;margin-top:2rem;}
.top .ranks .img13{width:21rem;max-width:100%;position:absolute;bottom:0;right:50%;}

.top .ranks{background:#1D150B;padding-bottom:9rem;}
.top .ranks .tablewrap{width:100rem;margin: 9rem auto 9rem;}
.top .ranks .table{width:100rem;font-family: 'Shippori Mincho', serif;}
.top .ranks .table .thead{}
.top .ranks .table .tbody{}
.top .ranks .table .rec{display:flex;justify-content:space-between;min-height:6rem;}
.top .ranks .table .tbody .rec{border-top:1px solid #C9C9C9;}
.top .ranks .table .rec .cel:nth-child(1){width:26%;font-size:1.6rem;text-align:left;}
.top .ranks .table .rec .cel:nth-child(2){width:18%;font-size:2rem;background:#281B0D;}
.top .ranks .table .rec .cel:nth-child(3){width:18%;font-size:2rem;background:#2D2115;}
.top .ranks .table .rec .cel:nth-child(4){width:18%;font-size:2rem;background:#281B0D;}
.top .ranks .table .rec .cel:nth-child(5){width:18%;font-size:2rem;background:#2D2115;}
.top .ranks .table .rec .cel{display:flex;flex-direction:column;justify-content:center;text-align:center;}
.top .ranks .table .rec .cel span{font-size:1.6rem;}
.top .ranks .table .img{width:8rem;margin: 0 auto;padding:1.5rem 0;}
.top .ranks .table .title{font-size:3.2rem;align-self:flex-start;color:#EBBD4A;transform:translateY(-0.5rem);}
.top .banner{width:100rem;max-wdith:100%;margin: 0 auto;}
			
.top .img15{width:55rem;max-width:100%;margin:-16rem auto 6rem;}
.top .secflow .area01{width:110rem;max-width:100%;margin: 0 auto 7rem;display:flex;color:#FFF;text-align:center;}
.top .secflow .area01_01{width:50%;}
.top .secflow .area01_02{width:50%;border-left:1px solid #FFF;box-sizing:border-box;}
.top .secflow .area01 .title{font-size:3.8rem;margin-bottom:3rem;font-family: 'Shippori Mincho', serif;}
.top .secflow .area01 .text{font-size:1.5rem;line-height:2.8rem;font-family: 'Shippori Mincho', serif;}
.top .secflow .area01 .text + .text{margin-top:3rem;position:relative;}
.top .secflow .area01 .text + .text::before{content:"〉";position:absolute;top:-1.5rem;left:50%;transform:translate(-50%,-40%) rotate(90deg);color:#AC8327;}
.top .secflow .area01 .caption{font-size:1.2rem;line-height:2rem;color:#AC8327;margin-top:2rem;}
.top .secpolicy .wrap{width:110rem;max-width:100%;margin: 0 auto 6rem;color:#FFF;background:#495063;font-family: 'Shippori Mincho', serif;}
.top .secpolicy input{display:none;}
.top .secpolicy label{font-size:2.4rem;line-height:10rem;position:relative;display:block;width:100%;text-align:center;cursor:pointer;}
.top .secpolicy label::before{content:">";color:#FFF;line-height:1;position:absolute;top:50%;right:3rem;transform:translate(50%,-50%) rotate(90deg) scale(0.4 , 1);transition:0.5s;}
.top .secpolicy input:checked ~ * label{border-bottom:1px solid #FFF;}
.top .secpolicy input:checked ~ * label::before{transform:translate(25%,-50%) rotate(270deg) scale(0.4 , 1);}
.top .secpolicy input{display:none;}
.top .secpolicy input ~ .text{overflow:hidden;transition:0.5s;font-size:1.5rem;line-height:3.2rem;box-sizing:border-box;}
.top .secpolicy input:checked ~ .text{padding:4rem 10rem;}
.top .secpolicy input:not(:checked) ~ .text{height:0;padding: 0 10rem;}
	
.sec_form{padding:7rem 0;text-align:center;}
.sec_form .sectitle{font-size:3.8rem;font-weight:600;color:#FFF;margin-bottom:3rem;font-family: 'Shippori Mincho', serif;}
.sec_form .text{font-size:1.5rem;line-height:3.2rem;font-weight:600;color:#FFF;margin-bottom:3rem;font-family: 'Shippori Mincho', serif;}
.sec_form form{width:110rem;max-width:100%;margin:0 auto;padding:5rem;box-sizing:border-box;background:#FFF;font-family: 'Shippori Mincho', serif;}
.sec_form .items{width:95rem;max-width:100%;margin: 0 auto;padding-bottom:3.5rem;border-bottom:1px solid #C7C7C7;}
.sec_form .item {text-align:left;display:flex;}
.sec_form .item + .item{margin-top:2rem;padding-top:2rem;border-top:1px solid #C7C7C7;}
.sec_form .item .name{font-size:1.5rem;line-height:2.5rem;width:28rem;position:relative;align-self:flex-start;transform:translateY(1.5rem);}
.sec_form .item .name .req01{font-size:1.4rem;line-height:2.5rem;color:#FFF;background:#AC8327;width:5rem;text-align:center;display:inline-block;position:absolute;top:50%;right:2.5rem;transform:translateY(-50%);border-radius:0.3rem;}
.sec_form .item .input{width:calc(100% - 28rem);}
.sec_form .item .name .caption{font-size:1.2rem;display:block;}
.sec_form .item input[type="text"],
.sec_form .item textarea{font-size:1.5rem;line-height:5.8rem;width:100%;padding:0 1rem;border:1px solid #C7C7C7;background:#E2E2E2;box-sizing:border-box;border-radius:0.3rem;;display:block;}	
.sec_form .item input[type="text"] + input[type="text"]{margin-top:2rem;}
.sec_form .item input[name="post"]{width:30rem;display:inline-block;}
.sec_form .item select{font-size:1.5rem;padding:1.5rem;border:1px solid #C7C7C7;background:#E2E2E2;box-sizing:border-box;border-radius:0.3rem;;display:block;}	
.sec_form .item .input span.postspan{font-size:1.5rem;line-height:5.8rem;display:block;}	
.sec_form .item .input span.urlspan{font-size:1.5rem;line-height:5.8rem;color:#F00;}	
.sec_form .item .input input:not(.err) ~ span.urlspan{display:none;}	

.sec_form .item label{font-size:1.5rem;line-height:3rem;box-sizing:border-box;}	
.sec_form .item label + label{margin-top:0.5rem;}
.sec_form button{font-size:1.8rem;line-height:6.8rem;width:30rem;max-width:100%;font-family: 'Shippori Mincho', serif;background:#FFF;border:1px solid #091430;-webkit-appearance: none;margin-top:5rem;cursor:pointer;transition:0.5s;position:relative;}
.sec_form button::before{content:"▶";position:absolute;top:50%;right:2.5rem;transform:translate(50%,-50%) scale(1,0.6);}
.sec_form button:hover{color:#FFF;background:#091430;}
.sec_form .type_radio01 label{position:relative;margin-left:2rem;padding-left:2.5rem;cursor:pointer;}
.sec_form .type_radio01 input{display:none;}
.sec_form .type_radio01 span::before{content:"";width:1.8rem;height:1.8rem;background:inherit;border-radius:1rem;position:absolute;top:calc(50% - 0.9rem);left:0;}
.sec_form .type_radio01 span::after{content:"";width:1.6rem;height:1.6rem;border:0.1rem solid ;border-color:inherit;background:#FFF;border-radius:50%;position:absolute;top:50%;left:0.9rem;transform:translate(-50%, -50%);transition:0.5s;}
.sec_form .type_radio01 input:checked + span::before{background:#091430;}
.sec_form .type_radio01 input:checked + span::after{width:0.8rem;height:0.8rem;border:none;}
.sec_form input::placeholder{color:#909090;}

.sec_form .item .output{font-size:1.5rem;line-height:2.8rem;width:calc(100% - 28rem);padding:1.5rem 1rem;border:1px solid #FFF;background:#FFF;box-sizing:border-box;border-radius:0.3rem;;display:block;}	

footer .logo{width:30rem;max-width:100%;margin: 0 auto;padding:0 0 8rem;}