@media(max-width:1200px){
    @media(min-width:769px){
        .pencil,.rounding_line{
            opacity:30%;
        }
        .top_right{
            padding-block-start:3rem;
        }
        .deadline{
            block-size:6rem;
        }
    }
}
@media(max-width:768px){
    .white_circle{
        inline-size:100vw;
        block-size:130vw;
        background:white;
        border-radius:0 0 150vw 0;
        position:absolute;
        left:-100vw;
        top:-1.5rem;
        transform-origin:0;
        transform:translateX(-5vw);
        
    }
	@keyframes whitecircle{
    0%{
        left:-100vw;
    }
    100%{
        left:0;
    }
}
	
    #section1{
        flex-direction: column;
        padding-block-start:6rem;
    }
    h1{
        display:block;
        block-size:fit-content;
        inline-size:25rem;
        margin-block:auto;
        align-items:center;
        font-size:2.5rem;
        letter-spacing:.2rem;
        text-shadow:4px 4px 2px white, -4px -4px 2px white,
        -4px 4px 2px white, 4px -4px 2px white,
        4px 0px 2px white, -4px -0px 2px white,
        0px 4px 2px white, 0px -4px 2px white;
        -webkit-text-stroke-width:.02rem;
        -webkit-text-stroke-color: black;
       
        font-weight:900;
        text-indent:2rem;
        position:relative;
        z-index:2;
    }
    h1::first-line{
        letter-spacing:.875rem;
     
    }

    .main_human{
        position:absolute;
        inline-size:14rem;
        z-index:1;
        top:5rem;
        left:calc(50% + 1.25rem);
        transform:translateX(-50%);
    }
    .year2024{
        position:absolute;
        writing-mode:vertical-lr;
        font-weight:700;
        left:calc(50% + 2.25rem);
        top:21rem;
        font-size:1.25rem;
    }
    .right_arrow{
        transform-origin:100% 0;
        transform:rotate(90deg) scaleY(1.75);
        top:-1rem;
        left:1.5rem;
    }
    @keyframes arrow_animation{
        0%{
          top:-1rem;
        }
        100%{
            top:calc(-1rem + 11.5px);
        }
    }
    
    .top_right{
        padding-block-start:0; 
        inline-size:100%;
        text-align:center;
        padding-block-start:2rem;
        margin-inline:auto;

    }
    .wb1{
        margin-inline-start:0;
        block-size:5rem;
        padding-block-start:0;
        inline-size:20rem;
        margin-inline:auto;
        display:flex;
        flex-direction: column;
        justify-content: center;
        padding-block-start:.5rem;
    }
    .wb1-behind{
        inline-size:20rem;
        block-size:5rem;
        margin-block-start:-4.75rem;
        margin-inline-start:0;
        transform:translateX(.25rem);
        margin-inline:auto;
    }
    .deadline{
        margin-inline-start:0;
        block-size:fit-content;
    }
    .deadline h2{
        font-size:1.25rem;
        margin-block-start:.5rem;
        font-weight:500;
        font-family:"fot-tsukubrdgothic-std", sans-serif;
    }
    .day{
        margin-block-start:-0.75rem;
        line-height:1.0;
        font-size:2.25rem;
    }
.target{
    margin-inline-start:0;
    inline-size:100%;
    text-align:center;
}
    .target>div, .target>h2{
        display:inline;
        font-size:1rem;
    }

    .spline2{
        display:block;
    }


    .rounding_line{
        inline-size:70%;
        left:calc(50% - 3rem);
        transform:translateX(-50%) rotateX(45deg);
        top:52rem;
    }
    .pencil{
        inline-size:90px;
        height:auto;
        position:absolute;
        top:48rem;
        left:73%;
        z-index:0;
        transform:rotate(-10deg);
    
    }


    #section2{
        margin-block-start:8.5rem;
        padding-block-end:4rem;
    }
    .apply_flow{
        padding-block-start:1.5rem;
    }
    .apply_flow h3{
        position:absolute;
        writing-mode: vertical-lr;
        font-size:1.375rem;
        line-height:1;
        inline-size:27rem;
        z-index:2;
        block-size:2.575rem;

    }


    .apply_flow>div{
        display:block;
        inline-size:100%;
        padding-inline-start:4.5rem;
        padding-inline-end:2.5rem;
    }
    .step1{
        border-inline-end:none;
    }
    .step1 h3{
      background-image:none;
      background-color:#FFF47F;
      border-top:solid 1px black;
      border-right:solid 1px black;
      border-left:solid 1px black;
    } 
    .step1 h3:after{
        content:"";
        position:absolute;
        display:block;
        block-size:calc(2.575rem / sqrt(2));
        inline-size:calc(2.575rem / sqrt(2));
        background-color:#FFF47F;

        border-right:solid 1px black;
        border-bottom:solid 1px black;
        box-sizing:border-box;
        bottom:0;
        left:-1px;
       
        transform:rotate(45deg);
        transform-origin: 0 100%;
        z-index:2;
  
    }
    .step2 h3{
        background-image:none;
        background-color:#FFF47F;
        border-bottom:solid 1px black;
        border-right:solid 1px black;
        border-left:solid 1px black;
        z-index:1;
      } 
      .step2 h3:after{
        content:"";
        position:absolute;
        display:block;
        block-size:calc(2.575rem / sqrt(2));
        inline-size:calc(2.575rem / sqrt(2));
        background-color:#F0F2F6;

        border-right:solid 1px black;
        border-bottom:solid 1px black;
        box-sizing:border-box;
        top:calc(-2.575rem / sqrt(2));
        left:-1px;
       
        transform:rotate(45deg);
        transform-origin: 0 100%;
  
    }

    .bordered{
        inline-size:100%;
        padding-block:.75rem;
        margin-block-end:1.25rem;
    }
    .bordered:nth-child(n+1){
        margin-block-start:1.25rem;
    }
    .explain{
        text-align:left;
        padding-inline-start:.25rem;
        padding-inline-end:0;
        padding-block-end:.75rem;

    }
    .underline{
        line-height:2;
    }
    .dot{
        display:inline!important;
        color:royalblue;
        opacity:30%;
    }
    
	
.insurance_p1,.insurance_p2{
	display:flex;
	flex-direction:column;
	align-items:center;
	border-block-end:none;
}
	.insurance_p2{
		gap:1rem;
	}
	.insurance .insurance_check_title{
		
		width:300px;
		border-right:solid 1px black;
		block-size:6rem;
		margin-bottom:1.5rem;
	}
	.insurance_check_title:before{
		content:none;
	}
	.insurance_check_content {
		width:300px;
		
	}
	.insurance_check_content h3{
		border-bottom: 1px black solid;
		display:block;
		padding-left:0.5rem;
		width:calc(100% + 1rem);
		margin-left:-0.5rem;
	}
	.insurance_p2>div:nth-child(1), .insurance_p2>div:nth-child(3) {
		width:300px;
		
	}
	.insurance_p2>div:nth-child(2){
		transform:rotate(90deg);
	}
	.insurance_attension{
		width:300px;
		text-align:justify;
		margin-inline:auto;
		padding-left:1rem;
		position:relative;
	}
	.insurance_attension:before{
		content:"※";
		position:absolute;
		top:0;
		left:0;
	}
	
	
.question_line{
    position:relative;
    padding-block-end:3rem;
    padding-inline:0.25rem;
    padding-inline-start:1rem;
    margin-block-end:1rem;
    text-align:left;
    word-break:keep-all;
    inline-size:calc(100% - 2rem);
}
    .line_link{
        position:absolute;
       bottom:.5rem;
       padding-inline:2rem;
       left:50%;
       transform:translateX(-50%);
    }
    .pre_entry_button{
        font-size:1rem;
        inline-size:12rem;
        text-align:left;
        border:solid 1px rgba(0,0,0,0.8);
        padding-inline:1rem;
        padding-block:.25rem;
        border-radius:2rem;
        font-weight:400;
        font-family:"Noto Sans JP";
        position:relative;
    }
    .pre_entry_button:after{
        right:.5rem;
        transform:scaleX(0.5);
    }


    .about_h2{
        transform:none;
        inline-size:calc(100% - 3rem);
        margin-inline:auto;
        flex-direction: column;
        align-items:flex-start;
        padding-inline:1rem;
    }
    .about_string{
        padding-inline-start:.75rem;
        letter-spacing:.5rem;
    }
    .about_exp{
        font-size:.875rem;
    }

    .woman_img{
        top:calc(100% + 3.75rem + 60px);
        left:50%;
        inline-size:11rem;
        z-index:3;
    }
    .about_title{
        width:210px;
        height:75px;
        line-height:75px;

    }


    .concept{
        flex-direction:column;
        align-items: center;
        margin-block-start:2.5rem;
    }

    .concept .about_title{
        transform:translateX(-3rem);
        font-size:1.5rem;
        
    }
    .concept p{
        inline-size:200px;
        padding-inline:0;
        padding-block-start:2.5rem;
        margin-inline:auto;
        transform:translateX(calc(-3rem + 5px));
        line-height:2.2;
    }

    .concept .sp_wide{
      display:inline-block;
      inline-size:140%;
      line-height:1.5;
    }
    .concept small{
        padding-inline-start: 0;
        line-height:1.5;
        padding-block-start:.75rem;
        font-size:.8rem;
        inline-size:140%;
    }

    .concept h4{
        margin-block-start:2rem;
        padding-block-start:0;
        padding-block-end:2px;

        padding-inline-start:.5rem;
        border-inline-start:6px solid #708FAC;

        word-break:keep-all;
        inline-size:calc(100% - 4rem);
        margin-inline:auto;
    }
    .concept hr{
        display:block;
        margin-block:2rem;
        inline-size:calc(100vw - 4rem);
        border:solid 0.1px black;
        transform:scaleY(0.2);
    
    }

    .concept .smallp{
     inline-size:calc(100% - 4rem);
     transform:none;
     padding-block-start:.5rem;
    }
    .concept .outlink_p{
        inline-size:calc(100% - 4rem);
        transform:none;
        padding-block-start:0;
        font-size:1rem;
    }
    .outlink{
        margin-block-end:0;
    }
    .types{
        flex-direction:column;
        align-items:center;
        inline-size:calc(100% - 4rem);
        margin-inline:auto;
    }
    .type2,.type3{
        inline-size:100%;
        margin-block-start:.75rem;
    }
    .type2 h4 , .type3 h4{
        padding-block-end:.5rem;
    }
    .type3 .type_icon_box{
        flex-direction: column;
        align-items: center;
        line-height:1.2;
        
    }

    .merit>div{
        flex-direction:column;
        align-items:center;
        margin-block-end:2rem;
  
    }
    .merit>div div:nth-child(2){
        position:absolute;
        right:calc(77.5% - 40px);
        top:2.5rem;
    }
    .merit>.merit1 div:nth-child(2){
        top:6.5rem;
    }
    .number_image{
        inline-size:130px;
        block-size:153px;
    }
    .merit>div div:nth-child(3){
        inline-size:65%;
        padding-block-start:2.5rem;
        margin-inline-end:-6rem;

    }
    .merit h4{
        inline-size:100%;
        padding-inline-start:0;
        font-size:1.25rem;
    }
    .merit p{
        font-size:1rem;
        background:none;
    }

    .human_ok_sp{
        inline-size:160px;
    }
    .richman{
        position:static;
    }
.merit3{
    padding-inline-start:0;
}
    .merit3 h4{
        margin-inline-start:0;
    }

    .merit3 h4:before,.merit3 h4:after{
        display:none;
    }

    .merit1 p,.merit2 p,.merit3 p{
        padding-block-start:1rem;
    }
    .merit3_imgs{
        margin-block-start:-2rem;
    }

    .merit3_imgs>img:nth-child(1){
       inline-size:112px;
       margin-inline-start:-40px;
       transform:translateY(-64px);
    }
    .merit3_imgs>img:nth-child(2){
        inline-size:128px;
        transform:translateY(-10px);
        
     }
     .merit3_imgs>img:nth-child(3){
        inline-size:72px;
        margin-inline-start:10px;
        transform:translateY(-40px);
     }

     .schedule{
        border:none;
     }

     .schedule h3{
        padding-block-start:calc(37.5px - 1.5rem);
     }
     .schedule h4{
        font-weight:500;
        margin-block-start:1rem;
		padding-inline:1.5rem;
		 text-align:center;
     }
     .schedule_explain{
        display:flex;
        flex-direction:column;
        align-items:center;
     }
     .schedule_explain{
        inline-size:100%;
     }
     .schedule p{
        text-align:center;
        inline-size:calc(100% - 3rem);
     }
     .schedule_row{
        flex-direction: column;
        align-items:center;
        margin-block-end:4rem;
     }
    
     .circle120{
        margin-inline-start:auto;
        margin-inline-end:auto;
        transform:scale(1.2);
     }
     .afterline:after{
        border-inline-start:none;
     }
     .next_mark{
        font-size:2rem;
        transform-origin:center;
        padding-block-end:.25rem;
        transform:rotate(90deg) scaleY(1.4) scaleX(0.6);
     }

     .next_schedule{
        margin-block-start:9rem;
        padding-inline-start:1rem;
        padding-inline-end:.5rem;
        letter-spacing:.125rem;
     }
     .next_schedule:before{
        right:50%;
        top:-3.5rem;
        transform:translateX(50%) rotate(90deg);
     }
     .next_schedule:after{
        background-image:none;
     }


     .movie{
        padding-block-start:3rem;
     }
     .movie_explain{
        flex-direction:column;
        align-items:center;
     }
     .movie_explain>div{
        display:flex;
        flex-direction:row-reverse;
        align-items:center;
     }
     .movie_explain>div img{
        margin-inline-start:0;
        block-size:5rem;
        inline-size:5rem;
        object-fit: cover;
        object-position:0 0;
        margin-inline-end:.5rem;

      
     }
     .youtube_embed{
        border:none;
        inline-size:100%;
        margin:0;
        padding:2rem;

     }
     .youtube_embed>iframe{
        inline-size:100%;
        block-size:calc((100vw - 4rem) * 9 / 16 - 8px);
     }


     .faq h2{
        font-size:16px;
        transform: translatex(-76px) translateY(-12px);
     }
     .faq h2 span{
        font-size:36px;
     }
     #suga{
        inline-size:320px;
     }
     #kirakira1{
        top:-45px;
     }
     #kirakira2{
        left:10px;
     }

     .qanda{
        inline-size:20rem;
     }
 
     summary{
        font-size:1.25rem;
        padding-inline-start:1.75rem;
        position:relative;
     }
     summary:before{
        position:absolute;
        left:0;

     }

     .next_arrow{
        padding-block:6rem;
     }
     .next_arrow > div{
        inline-size:8rem;
        
     }
     .arrow_left{
        transform-origin:8rem 0;
     }


     .questions{
        flex-direction:column;
        align-items:center;
     }
     .questions h2{
        transform:none;
     }
     .questions h2:after{
        bottom:-0.3rem;
     }
     .questions p{
        padding-block-start:1rem;
     }
     .questions>div:nth-child(1){
        inline-size:20rem;
     }
     .questions div:nth-child(2){
    padding-inline-start:0;
    padding-block-start:1.5rem;
    
     }
     .yellow_wb{
        font-size:.875rem;
		opacity:1;
     }

     .contacts{
        inline-size:20rem;
     }
     .questions_box h3{
        font-size:1.25rem;
        letter-spacing:.25rem;
        padding-inline-start:3rem;
     }

     .iroha{
        block-size:auto;
        padding-inline:1rem;
        padding-block:1rem;
     }
     .open_topic{
        display:flex!important;
        justify-content: space-between;

     }
     .open_topic > div{
        background:royalblue;
        color:white;
        font-weight:700;
        inline-size:auto;
        padding:.25rem;
        padding-inline:.875rem;
        letter-spacing:.15rem;
     }
     .open_topic > .yellow{
        color:yellow;
     }

     .iroha_wb{
        display:none;
     }
     .iroha_double{
        display:none;
     }
     .openhour{
        border-block-end:solid 1px black;

        padding-block-end:1rem;
     }
     .how_to_reserve{
        position:relative;
        padding-block-end:3.5rem;
     }

     .how_to_reserve div:nth-child(1){
        padding:.25rem;
        align-self:flex-start;
     }
     .iroha .how_to_reserve .remarks{
        display:block;
        inline-size:100%;
        position:absolute;
        left:0;
        transform:translateY(-0.5rem);
     }

     .iroha_address{
        padding-block-start:.5rem;
     }
     .iroha_link{
      display:block;
      inline-size:100%;
      text-align:right;
      padding-block-start:.25rem;
      font-size:1rem;
      line-height:1.5;
     }

     .review h2{
        font-size:1.125rem;
        letter-spacing:0;
        line-height:2rem;
        background-size:calc(2.2rem * 50 / 94);
        padding-block-end:.4rem;
     }
     .review_check{
        padding-inline:1rem;
        max-inline-size:30rem;
        margin-inline:auto;
     }
     .review_check p{
        font-size:.875rem;
        margin-block:.5rem;
     }
     .vwc1{
        writing-mode:vertical-lr;
        top:0;
        left:1.5rem;
        font-size:.75rem;
        inline-size:5.5rem;
        block-size:1.75rem;

     }
     .vwc2{
        inline-size:.55rem;
        block-size:.85rem;
        left:2.9rem;
        top:4rem;
        border-radius:0.125rem;
     }

     .vwc3{
        inline-size:.35rem;
        block-size:.55rem;
        left:3.5rem;
        top:3.5rem;
        border-radius:0.125rem;
     }
     .voice_wb{
        inline-size:80%;
        block-size:auto;
     }
     .review{
        padding-block:0;
     }
     .review>.content-width{
        padding-block:3rem;
     }



     .voice{
        margin-block-end:2rem;
        inline-size:86vw;
		margin-inline-start:calc(7vw - 0.125rem);
		margin-inline-end:calc(7vw + 0.125rem);
		display:block;
		width:220px;
     }

     .bottom_content{
        block-size:4rem;
        padding-block-end:2rem;
        padding-inline-start:1.5rem;

     }
     .goto_top{
        font-size:1rem;
     }





}