@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=M+PLUS+2:wght@100;200;300;400;500;600&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Zen+Kaku+Gothic+New&display=swap');
@font-face {
  font-family: "mp2";
  src: url("../font/mp2/MPLUS2-VariableFont_wght.ttf");
}
@font-face {
  font-family: "din";
  src: url("../font/din.woff");
}

body{margin: 0px auto;padding:0px;width:auto;background:#FFF;max-width: 2000px;font-family:mp2, sans-serif;}
ul,li{ padding:0px; margin:0px; list-style:none;}

ul{width:100%;margin:0 auto;}
li{ text-align:center;}
p{margin: 0 0 min(2.46vw, 29px) 0;}

.content{
    max-width: 100%;
    overflow:hidden;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
	right:0;
    width: 100%;
    height: 100%;
	margin:0 auto;
    }


.pc{ display:block;}
.sp{ display:none;}

.cl{background: #fff;color: #787878;padding: 6% 0 10%;font-size: 20px;letter-spacing: 0.1em;}
.p0{
	background: #fff;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0% 0 0 0;
	padding: 0 0 0 0;
	z-index: 5;
	}
.p0:before{content: "";display: block; /* 1:1 */}
.p0h{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p1{
	background: #fff;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	overflow: hidden;
	}
.p1:before{content: "";display: block;padding-top: 0; /* 1:1 */}
.p1h{
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}
	
.p2{background: #E4006E;position:relative;height: auto;margin: 0% 0 0 0;z-index: 4;}
.p2:before{content: "";display: block; /* 1:1 */}
.p2h{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}
	
.p3{
	background: #fff;
	position:relative;
	height: auto;
	margin: min(9.16vw, 132px) 0 0% 0;
	z-index: 10;
	}
.p3:before{content: "";display: block; /* 1:1 */}
.p3h{font-family: 'Noto Sans JP';font-feature-settings: "palt";}

.p4{
	background: #fff;
	position:relative;
	height: auto;
	margin: 0% 0 0 0;
	padding: 0 0 0 0;
	z-index: 5;
	}
.p4:before{content: "";display: block; /* 1:1 */}
.p4h{
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}

.p5{
    background: rgba(206, 149, 94, 0.56);
    position: relative;
    height: auto;
    margin: 0% 0 0 0;
    padding: 0 0 0 0;
}
.p5:before{content: "";display: block; /* 1:1 */}
.p5h{
}

.p6{
	background: #fff;
	position:relative;
	height: auto;
	margin: min(10.03vw, 95px) 0 0 0;
	z-index: 5;
	}
.p6:before{content: "";display: block; /* 1:1 */}
.p6h{
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}
	
.p7{position:relative;background: #F5F5F5;height: auto;padding: min(10.5vw, 105px) 0 min(12.6vw, 120px) 0;margin: 0;z-index: 4;}
.p7:before{content: "";display: block; /* 1:1 */}
.p7h{font-family: 'Noto Sans JP';font-feature-settings: "palt";}


.content img,.content2 img{ width:100%;}
.addFriend input{ width:100%;}

.main_animation{margin: 0 20%;width: 60% !important;height:auto !important;position: absolute;top: 22%;}
.main_animation canvas,.main_animation #dom_overlay_container{ width:100% !important; height:auto !important;}

.e0{position: relative;width: 23.9%;margin: 2% 0 3% 2%;z-index: 1;}
.e1{position: absolute;width: 10.1%;max-width: 202px;top: 0;left: 0;z-index: 10;}
.e2{/* max-width: 398.5732px; */}
.e3{/* max-width: 398.5732px; */}
.e4{
    width: 30.125%;
    /* max-width: 602.9489px; */
}
.e5{}
.e6{
    position: absolute;
    /* max-width: 440px; */
    width: 73.49%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.e7{/* max-width: 398.5732px; */}
.e8{/* max-width: 398.5732px; */}
.e9{}
.e10{}
.e11{}
.e14{
    max-width: 876px;
    width: 87.6%;
    margin: 0 auto min(4.9vw, 55px);
}
.e15{}
.e17{
    position: absolute;
    max-width: 270px;
    width: 26.99%;
    bottom: -5%;
    right: -1%;
}
.e18{}
.e20{
    position: absolute;
    bottom: -4%;
    left: -11.5%;
    max-width: 396px;
    width: 40%;
}
.e21{}
.e23{
    position: absolute;
    bottom: -6%;
    right: -8%;
    max-width: 344px;
    width: 34.4%;
}
.e26{}
.e27{margin-top: min(3vw, 50px);}
.e28{
    max-width: 559px;
    width: 90.2%;
    margin: 0 auto;
}
.e30{}
.e31{
    margin-top: min(4.02vw, 58px);
}
.e33{}
.e34{margin-top: min(4.1vw, 60px);}
.e36{}
.e37{
    margin-top: min(7.56vw, 109px);
    margin-bottom: min(2.63vw, 38px);
}
.e38{}
.e40{margin: 0 0;}
.e41{}
.e42{}
.e46{
    max-width: 354px;
    width: 33.53%;
    position: absolute;
    top: 8%;
    right: 9%;
}
.e47{
    max-width: 934px;
    width: 99.7%;
    margin: min(3.8vw, 45px) auto 0;
}
.e48{
    max-width: 403px;
    width: 50.66%;
    margin: 0 auto min(5.72vw, 55px);
}
.e49{
    max-width: 73px;
    margin-right: min(2.6vw, 25px);
    width: 11.46%;
}
.e50{}
.e52{
    max-width: 725px;
    width: 91%;
    margin: 0 auto -8.5%;
}
.e54{
    max-width: 790px;
    width: 99.2%;
    margin: 0 auto -3%;
}
.e58{
    max-width: 298px;
    width: 40.39%;
}
.e59{
    max-width: 267px;
    width: 36.19%;
}
.e60{
    max-width: 132px;
    width: 17.89%;
}

.wrapper{position: relative}
.hed_main_box{
    position: relative;
    width: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    z-index: 1;
}
.hed_left_box{width: 19.925%;}
.hed_center_right_box{
    position: relative;
    width: 30.025%;
    background: url(../img/e5.png) no-repeat #E4006E;
    background-size: 100% auto;
    background-position: center top;
}

.hed_center_right_box {}
.hed_right_box{
    width: 19.925%;
}
.wrapper_01{
    max-width: 962px;
    margin: min(11.7vw, 125px) auto  min(14.51vw, 155px);
    width: 90%;
}
.box_01{
}
.box_01 ul{
    display: flex;
    justify-content: space-between;
}
.box_01 li{max-width: 288.9493px;width: 29.9%;}
.box_02{
    transition: all 0.3s ease; /* スムーズな変化 */
}
.box_10 {
    position: fixed;
    bottom: -100px;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.4s ease;
    pointer-events: none;
    z-index: 1000;
    background-color: rgba(77, 77, 77, .9);
  }
  
  .box_10.sticky-enter {
    bottom: 0;
    opacity: 1;
    pointer-events: auto;
  }
  
  .box_10.sticky-exit {
    bottom: -100px;
    opacity: 0;
    pointer-events: none;
  }

.box_10 .b_02_text{margin: min(1.04vw, 10px) 0 min(0.52vw, 5px);color: #fff;font-size: min(3.46vw, 33px);}
.box_10 .link_button{
    width: 60.81%;
    font-size: min(4.29vw, 41px);
}
.box_10 .link_button_text{
    margin: 0 0 0 min(13.21vw, 127px);
}
.box_10 .link_button_text::after{
    width: min(2.1vw, 20px);
    height: min(2.1vw, 20px);
    margin-right: min(1.04vw, 10px);
}
.box_10 .b_02_text::before, .box_10 .b_02_text::after{border-top: 2px solid #fff;}

.b_02_text{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: min(3.08vw, 33px);
    letter-spacing: 0.2em;
    font-weight: bold;
    margin: min(7.49vw, 80px) 0  min(1.87vw, 20px);
    position: relative;
    z-index: 5;
}
.b_02_text::before{
    position: relative;
    display: block;
    content: "";
    width: 37px;
    border-top: 2px solid #000;
    transform: rotate(60deg);
    top: min(0.28vw, 3px);
    margin-right: min(1.8vw, 20px);
}
.b_02_text::after{
    position: relative;
    display: block;
    content: "";
    width: 37px;
    border-top: 2px solid #000;
    transform: rotate(120deg);
    top: min(0.28vw, 3px);
    margin-left: min(0.84vw, 9px);
}
.link_button{
    max-width: 579px;
    width: 60.23%;
    background: #E4006E;
    color: #FFFFFF;
    border-radius: 80px;
    font-size: min(3.83vw, 41px);
    margin: 0 auto 1%;
    padding: min(3.7vw, 40px) 0  min(3.27vw, 35px);
    position: relative;
    z-index: 10;
    transition-duration: .4s;
}
.link_button a{
    color: #fff;
}
.link_button:hover {
    transform: scale(1.1);
    text-decoration: none;
}
.link_button a:hover {
    text-decoration: none;
}

.link_button_text{
    max-width: 395px;
    width: 68.23%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0 min(11.89vw, 127px);
    font-weight: bold;
}
.link_button_text::after{
    position: relative;
    right: 0;
    top: 0;
    display: block;
    content: "";
    width: min(1.87vw, 20px);
    height: min(1.87vw, 20px);
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(45deg);
    margin-right: 10px;
}

.w_02{
    max-width: 1198px;
    width: 90%;
    margin: min(13.5vw, 150px) auto;
}
.w_03{
}
.b_03{
    margin-bottom: min(5.8vw, 65px);
}
.white_box{
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    background: #FFFFFF;
    border-radius: 50px 0px;
    padding: min(7.47vw, 83px)  min(6.84vw, 76px);
}
.white_box_left{
    border-radius: 0px 50px;
}
.text_box{
    max-width: 592px;
    width: 70%;
    text-align: left;
    font-size: min(2.16vw, 24px);
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
    letter-spacing: 0.075em;
    line-height: 1.75em;
    font-weight: 500;
}
.b_03_subtitle{
    color: #E4006E;
    font-size: min(5.67vw, 63px);
    text-align: left;
    font-weight: 800;
    display: grid;
    justify-content: left;
    letter-spacing: 0.05em;
    line-height: 1.39em;
}

.b_03_subtitle br{
}
.b_03_subtitle::after{
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-height: 1px;
    border: 1px solid rgba(230, 230, 230, 1);
    z-index: 0;
    margin: min(3.42vw, 38px) 0;
}
.w_03 .b_03:last-child .b_03_subtitle::after{
    width: 88%;
    max-width: 595px;
}
.b_03_subtitle_right{
    justify-content: right;
}
.b_03_text{
    max-width: 592px;
    width: 69.8%;
    margin-left: min(0.72vw, 8px);
}
.b_03_text_02{
    margin: 0 min(1.35vw, 15px) 0 auto;
}
.b_03_text_03{
    margin-left: min(0.72vw, 8px);
}
.number{
    max-width: 185px;
    width: 18.49%;
    position: absolute;
    right: -0.2%;
    top: 0%;
}
.number_left{
    left: 0;
    top: -0.1%;
}
.title{
    font-size: min(4.02vw, 58px);
    letter-spacing: 0.051em;
    font-weight: 800;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}
.title_label{
    display: block;
    color: #E4006E;
    font-size: min(1.94vw, 28px);
    letter-spacing: 0.05em;
    margin-bottom: min(1.04vw, 15px);
    font-weight: 600;
}
.p6h .title{
    font-size: min(6.12vw, 58px);
}
.p6h .title_label{
    font-size: min(2.95vw, 28px);
    margin-bottom: min(1.58vw, 15px);
}

.sub_title{
    color: #fff;
    font-size: min(2.77vw, 40px);
    line-height: 1.45em;
    letter-spacing: 0.05em;
    font-weight: 700;
}
.sub_title .sub_title_s{
    font-size: min(1.66vw, 24px);
}

.w_04{
    max-width: 2000px;
    width: 100%;
    margin: min(3.88vw, 56px) auto 0;
}
.b_04{
    max-width: 1942px;
    width: 97.09%;
    margin-top: min(3.81vw, 55px);
    padding: min(6.59vw, 95px) 0 min(7.98vw, 115px);
}
.w_04 .b_04:nth-child(1){
    background: url(../img/001.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
}
.w_04 .b_04:nth-child(2){
    background: url(../img/002.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
}
.w_04 .b_04:nth-child(3){
    background: url(../img/003.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
}
.w_04 .b_04:nth-child(4){
    background: url(../img/004.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
}

.b_04_left{margin-left: 0;}
.b_04_right{
    margin: min(3.81vw, 55px) 0 0 auto;
}
.b_04 ul{
    margin-top: min(3vw, 55px);
    max-width: 1260px;
    width: 90%;
    display: flex;
    align-items: stretch;
    justify-content: center;
    position: relative;
    z-index: 5;
    border-radius: 19px;
    background-color: #fff;
    overflow: hidden;
}
.b_04 li{
}
.w_04 .b_04:nth-child(1) ul{
    box-shadow: 0px 0px 30px 0px rgba(255, 127, 0, 1);
}
.w_04 .b_04:nth-child(2) ul{
    box-shadow: 0px 0px 30px 0px rgba(43, 69, 122, 2);
}
.w_04 .b_04:nth-child(3) ul{
    box-shadow: 0px 0px 30px 0px rgba(232, 33, 105, 0.5);
}
.w_04 .b_04:nth-child(4) ul{
    box-shadow: 0px 0px 30px 0px rgba(35, 193, 155, 0.5);
}

.left_image{
    max-width: 527.6875px;
    width: 41.89%;
}
.w_04 ul .right_white_box{
    max-width: 733px;
    width: 58.33%;
    padding-left: min(4.02vw, 58px);
    padding-right: min(3.88vw, 56px);
}
.r_w_image{
    max-width: 619px;
    width: 99.9%;
    margin: 0 auto;
}
.r_w_text{
    text-align: left;
    font-size: min(1.52vw, 22px);
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
    letter-spacing: 0.075em;
    line-height: 1.54em;
    font-weight: 500;
}
.r_w_text_01{
    margin-top: min(2.42vw, 35px);
    margin-bottom: min(1.73vw, 25px);
}
.r_w_text_02{
    margin-top: min(3.33vw, 48px);
}
.r_w_text_03{
    margin-top: min(3.33vw, 48px);
}

.t_02{
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
    font-size: min(4.63vw, 52px);
    letter-spacing: 0.05em;
    color : #000000;
    margin: min(9.36vw, 105px) 0 min(4.9vw, 55px);
    font-weight: 800;
}
.t_02 span{
    display: block;
    font-size: min(3.21vw, 36px);
    letter-spacing: 0.05em;
    color : #00469B;
    margin-bottom: min(1.6vw, 18px);
}

.w_05{
    position: relative;
}
.b_05{position: relative;margin: 0 auto;max-width: 1009px;width: 90%;display: flex;justify-content: space-between;align-items: center;}
.b_05 div{
    max-width: 305px;
    width: 31%;
    position: relative;
    z-index: 5;
}
.b_05::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: blur(28.3465px);
    mix-blend-mode: multiply;
    z-index: 1; 
    opacity: 0.1;
    background-color: rgb(153, 153, 153);
}

.w_05::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 510px;
    background: rgba(0, 70, 155, 0.2);
    bottom: -18%;
    left: 0;
    z-index: 0;
}

.b_05 img {
    width: 100%;
    margin: 0;
    padding: 0;
}

.w_06{
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
    position: relative;
    width: 100%;
    margin: min(22.5vw, 265px) auto min(13.18vw, 155px);
}

.w_06_lead{
    max-width: 220px;
    width: 18.7%;
    font-size: min(2.89vw, 34px);
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto min(5.1vw, 60px);
    font-weight: 600;
}
.w_06_lead::before{
    position: relative;
    display: block;
    content: "";
    width: min(3.14vw, 37px);
    border-top: 3px solid #000;
    transform: rotate(60deg);
    top: min(0.28vw, 3px);
}
.w_06_lead::after{
    position: relative;
    display: block;
    content: "";
    width: min(3.14vw, 37px);
    border-top: 3px solid #000;
    transform: rotate(120deg);
    top: min(0.28vw, 3px);
}
.title_03{
    max-width: 875px;
    width: 93.47%;
    font-size: min(4.16vw, 49px);
    font-weight: 800;
    letter-spacing: 0.05em;
    background: #E4006E;
    border-radius: 50px;
    color: #fff;
    margin: -16% 0 0;
    padding: min(1.7vw, 20px) 0px  min(1.1vw, 13px);
}

.b_06_white{
    max-width: 1056px;
    width: 90%;
    margin: 0 auto;
    border-radius: 30px;
    box-shadow: 0px 0px 22.3199px 0px rgba(119, 119, 119, 0.4);
    position: relative;
    padding: min(8.95vw, 105px) min(5.1vw, 60px) min(5.96vw, 70px);
}
.b_06_text{
    font-size: min(2.72vw, 32px);
    text-align: left;
    letter-spacing: 0.05em;
    margin: min(5.1vw, 60px) auto 0;
    font-weight: 500;
}
.b_06_text p{
}
.b_06_text span{
    font-size: min(4.42vw, 52px);
    line-height: 1.5em;
    letter-spacing: 0.05em;
    color : #E4006E;
    font-weight: 800;
}
.w_07{
    max-width: 864px;
    width: 90%;
    margin: min(11vw, 106px) auto min(14.67vw, 141px);
}
.b_07{
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
    border: 3px solid #CE955E;
    outline: #fff solid 16px;
    margin-bottom: min(10.4vw, 100px);
    padding: min(6.97vw, 67px) min(3.64vw, 35px) min(7.38vw, 71px) min(2.8vw, 27px);
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}
.title_04{
    max-width: 660px;
    width: 82.9%;
    color: #83511C;
    font-size: min(5.21vw, 50px);
    font-weight: 800;
    letter-spacing: 0.01em;
    margin: 0 auto;
}
.title_label_02{
    display: block;
    font-size: min(2.18vw, 21px);
    letter-spacing: 0.04em;
    margin-bottom: min(1.45vw, 14px);
    font-weight: 600;
}
.notes{
    display: block;
    font-size: min(1.66vw, 16px);
    letter-spacing: 0.05em;
    text-align: right;
    font-weight: 500;
    margin: min(1.03vw, 10px) min(0.83vw, 8px) 0 0;
}
.title_05{
    color: #83511C;
    font-size: min(4.48vw, 43px);
    font-weight: 800;
    letter-spacing: 0.01em;
    margin: 0 auto;
}
.w_07 .b_07:nth-child(2) .title_05{
    max-width: 709px;
    width: 89.14%;
    margin-bottom: min(3.12vw, 30px);
}
.w_07 .b_07:nth-child(2) .notes{
    margin: min(1.03vw, 10px) min(1.14vw, 11px) 0 0;
}
.w_07 .b_07:nth-child(3) .title_05{
    max-width: 677px;
    width: 85.12%;
    margin-bottom: min(1vw, 10px);
}
.w_07 .b_07:nth-child(3) .notes{
    margin: min(1.03vw, 10px) min(1.35vw, 13px) 0 0;
}
.item_wrapper{
    display: flex;
}
.item_wrapper_02{margin: min(3.53vw, 34px) 0 0 auto;justify-content: flex-end;}
.item_01{
    max-width: 686px;
    width: 86.1%;
    margin: 0;
    background-color: #CE955E;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: min(2.7vw, 26px) min(2.18vw, 21px) min(2.7vw, 26px) min(2.91vw, 28px);
    font-weight: 500;
}

.item_01 {}
.item_wrapper::before, .item_wrapper_02::before{
    content: "";
    position: relative;
    display: block;
    background: url(../img/e50.png) no-repeat;
    background-size: cover;
    background-position: center top;
    width: 2%;
    height: auto;
    max-width: 16px;
    max-height: 16px;
    left: 0;
    top: 0;
    z-index: 0;
    margin-top: min(4.37vw, 42px);
}
.item_01_b{padding: min(3.95vw, 38px) min(2.18vw, 21px) min(3.95vw, 38px) min(2.91vw, 28px);}
.item_01_b2{padding: min(3.95vw, 38px) min(2.18vw, 21px) min(3.53vw, 34px) min(2.91vw, 28px);}
.t_b_02{
    text-align: left;
    color: #FFFFFF;
    font-size: min(1.97vw, 19px);
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
    line-height: 1.85em;
}

.w_08{
    max-width: 853px;
    width: 90%;
    margin: min(6.54vw, 62px) auto min(14vw, 135px);
}
.w_08 .b_08:nth-child(1) .b_08_title::after{
    content: "";
    display: block;
    position: relative;
    width: 104%;
    height: auto;
    max-height: 1px;
    border: 1px solid rgba(200, 200, 200, 0.5);
    z-index: 0;
    margin: min(2.63vw, 25px) 0;
    left: -0.9em;
}
.b_08{border: 3px solid #E4006E;border-radius: 11px;margin: 0 0 min(4vw, 40px);padding: min(4.96vw, 47px) 0;font-family: 'Noto Sans JP';font-feature-settings: "palt";font-size: min(2.323vw, 22px);font-weight: 500;text-align: left;letter-spacing: 0.025em;line-height: 1.69em;transition: .10s;}
.t_b_03{
    text-align: left;
    padding-right: min(5.7vw, 54px);
    padding-left: min(5.38vw, 51px);
}
.b_08_title{
    font-size: min(3.799vw, 36px);
    color : #E4006E;
    font-weight: 900;
    text-indent: -0.9em;
    padding-left: 1em;
}
.b_08_text{
    margin-bottom: min(5.27vw, 50px);
}
.accordion{
}
.accordion_title{
    position: relative;
    border: none;
    display: block;
    list-style: none;
    width: 100%;
    cursor: pointer;
    color: #fff;
    margin: 0 auto;
    transition: 0.3s;
}
.accordion_title:hover {
    opacity: 0.7;
}
/* Hide default WebKit details marker */
summary.accordion_title::-webkit-details-marker {
    display: none;
}

/* Default text for the accordion title */
.accordion_title::after {
    content: "運転免許証かマイナンバーカード以外でお申し込みをする場合";
    display: block;
    background: #E4006E;
    border: 2px solid #E4006E;
    border-radius: 50px;
    padding: min(2.1vw, 20px) 0;
    line-height: 1.6em;
    margin: 0 auto;
    max-width: 743px;
    width: 90%;
    font-size: min(2.6vw, 25px);
    text-align: center;
    transition: .1s;
}

/* Change text when accordion is open */
.accordion[open] .accordion_title::after {
    display: none;
}

@keyframes bg {
    0% {
    opacity: 0;
    transform: scaleX(0) translateX(0);
    }
    60% {
    transform: scaleX(1) translateX(0);
    }
    100% {
    transform: scaleX(1) translateX(0);
    }
    60%, 100% {
    opacity: 1;
    }
}

/* Existing accordion content styles */
.accordion::details-content {
    opacity: 0;
    block-size: 0;
    transition: 0.3s;
    transition-property: opacity, block-size, padding;
    transition-behavior: allow-discrete;
    /* line-height: 1.6em; */
    animation: fadeIn 0.5s ease-in-out;
}

.accordion .accordion_content {
    padding: 0 2em 0 3em;
}

.accordion .accordion_content > *:first-of-type {
    margin-top: 0;
}

.accordion .accordion_content > *:last-of-type {
    margin-bottom: 0;
}

.accordion[open]::details-content {
    opacity: 1;
    block-size: auto;
    transform: matrix(1, 0, 0, 1, 0, 10);
    transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.accordion[open] .accordion_content {
    padding: 1.4em 2em 1.4em 3em;
}
.accordion_contents{
}
.t_b_04{
    padding-right: min(5.7vw, 54px);
    padding-left: min(5.38vw, 51px);
    margin: 0 0 min(7.39vw, 70px);
}
.t_b_04 span{font-weight: 900;}

.b_09{
    margin: min(4vw, 50px) 0 min(5vw, 75px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 740px;
    width: 99.5%;
    margin: min(4.22vw, 40px) auto min(8.02vw, 76px);
}
.b_10{text-align: left;}
.b_10_title{
    display: flex;
    align-items: end;
    text-align: left;
    color: #E4006E;
    font-size: min(2.74vw, 26px);
    font-weight: 800;
    margin-bottom: min(2.21vw, 21px);
}

.b_10_title::before{
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: min(3.69vw, 35px);
    max-width: 5px;
    max-height: 35px;
    background : rgba(228, 0, 110, 1);
    z-index: 0;
    margin: 0 min(1.5vw, 15px) 0 0;
}
.b_10_text{
    text-align: left;
    margin-bottom: min(6.3vw, 60px);
}
.b_11{
    width: 100%;
    text-align: center;
    background: #E4006E;
    color: #fff;
    font-size: min(2.63vw, 25px);
    text-align: center;
    padding: min(2.11vw, 20px) 0;
    margin: 0 0  min(4.75vw, 45px);
}
.b_12{
    text-align: left;
    margin-bottom: min(5.8vw, 55px);
    line-height: 1.83em;
}
.b_12 li{
    text-align: left;
    text-indent: -0.5em;
    padding-left: 0.5em;
}

.q_a_title{
    font-size: min(6.12vw, 58px);
    color : #000000;
    letter-spacing: 0.05em;
    font-weight: bold;
}
.q_a_title_label{
    font-size: min(2.32vw, 22px);
    color : #E4006E;
    display: block;
    letter-spacing: 0.05em;
    font-weight: 600;
    margin-bottom: min(1.58vw, 15px);
}
.description{
    margin-top: min(6.8vw, 65px);
}
.q_a_list{
    max-width: 853px;
    width: 90%;
    border: 1px solid #E4006E;
    margin-bottom: min(3.16vw, 30px);
}
.question{
    background-color: #E4006E;
    color: #fff;
    text-align: left;
    font-size: min(2.42vw, 23px);
    padding: min(2.11vw, 20px) min(3.1vw, 30px) min(1.58vw, 15px);
    letter-spacing: 0.1em;
    font-weight: bold;
}
.answer{
    background-color: #fff;
    text-align: left;
    font-size: min(2.11vw, 20px);
    padding: min(2.74vw, 26px) min(3.1vw, 30px) min(3.16vw, 30px);
    letter-spacing: 0.1em;
    font-weight: 500;
}



.f_menu{
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
    max-width: 600px;
    width: 90%;
    margin: 0.0% auto 30px;
    font-size: 20px;
    letter-spacing: 0.1em;
    color: #000;
}
.f_menu ul{
    display: flex;
    justify-content: space-between;
}
.f_menu li{position: relative;display: flex;align-items: center;}
.f_menu li a{color: #000;}
.f_menu li a:hover{}
.f_menu li::before{
    position: relative;
    right: 0;
    top: 0;
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    border-right: 2px solid #E4006E;
    border-top: 2px solid #E4006E;
    transform: rotate(45deg);
    margin-right: 10px;
}

.addFriend{
    width: 68%;
    margin: -1% auto 10% auto;
}

.info_send .addFriend { margin: 5% auto 5% auto;     width: 31.2%;}
input{ width:100%;}
.line_btn img,.line_btn input,.buy_btn img
	{
		animation:
			bounce 2s ease infinite normal 0s none running
		;
		-webkit-animation:
			bounce 2s ease infinite normal 0s none running
		;
		-ms-animation:
			bounce 2s ease infinite normal 0s none running
		;
	}
	@keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}
		
	}
	@-webkit-keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}
	}


.reflection.go {
  height: 100%;
  width: 8%;
  position: absolute;
  top: -56%;
  left: -3%;
  background-color: #fff;
  opacity     :0;
  transform: rotate(45deg);
  animation: reflection 2s ease-in-out ;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 2s ease-in-out ;
  -moz-transform: rotate(45deg);
  -moz-animation: reflection 2s ease-in-out ;
  -ms-transform: rotate(45deg);
  -ms-animation: reflection 2s ease-in-out ;
  -o-transform: rotate(45deg);
  -o-animation: reflection 2s ease-in-out ;
}


@keyframes reflection {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
  0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
  0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
  0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}


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



}


@media screen and ( max-width:768px )
{
	html{ overflow:auto;}
	body{ margin:0px; padding:0px; width:auto; background:none; overflow:hidden;}
.content{
max-width: 100%;
    }
	



.pc{ display:none;}
.sp{display: block !important;}

.cl{background: #fff;color: #787878;padding: 9% 0 10%;font-size: 14px;letter-spacing: 0.1em;height: 30vh;}
.p0{
	background: #fff;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0% 0 0 0;
	padding: 0 0 0 0;
	z-index: 5;
	}
.p0:before{content: "";display: block; /* 1:1 */}
.p0h{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p1{
	background: #fff;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	overflow: hidden;
	}
.p1:before{content: "";display: block;padding-top: 0; /* 1:1 */}
.p1h{
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}
	
.p2{background: #E4006E;position:relative;height: auto;margin: 0% 0 0 0;z-index: 4;}
.p2:before{content: "";display: block; /* 1:1 */}
.p2h{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}
	
.p3{
	background: #fff;
	position:relative;
	height: auto;
	margin: min(9.16vw, 132px) 0 0% 0;
	z-index: 10;
	}
.p3:before{content: "";display: block; /* 1:1 */}
.p3h{font-family: 'Noto Sans JP';font-feature-settings: "palt";}

.p4{
	background: #fff;
	position:relative;
	height: auto;
	margin: 0% 0 0 0;
	padding: 0 0 0 0;
	z-index: 5;
	}
.p4:before{content: "";display: block; /* 1:1 */}
.p4h{
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}

.p5{
    background: rgba(206, 149, 94, 0.56);
    position: relative;
    height: auto;
    margin: 0% 0 0 0;
    padding: 0 0 0 0;
}
.p5:before{content: "";display: block; /* 1:1 */}
.p5h{
}

.p6{
	background: #fff;
	position:relative;
	height: auto;
	margin: min(10.03vw, 95px) 0 0 0;
	z-index: 5;
	}
.p6:before{content: "";display: block; /* 1:1 */}
.p6h{
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}
	
.p7{position:relative;background: #F5F5F5;height: auto;padding: min(10.5vw, 105px) 0 min(12.6vw, 120px) 0;margin: 0;z-index: 4;}
.p7:before{content: "";display: block; /* 1:1 */}
.p7h{font-family: 'Noto Sans JP';font-feature-settings: "palt";}


.content img,.content2 img{ width:100%;}
.addFriend input{ width:100%;}

.main_animation{margin: 0 20%;width: 60% !important;height:auto !important;position: absolute;top: 22%;}
.main_animation canvas,.main_animation #dom_overlay_container{ width:100% !important; height:auto !important;}

.e0{position: relative;width: 23.9%;margin: 2% 0 3% 2%;z-index: 1;}
.e1{position: absolute;width: 33.5%;max-width: 202px;left: 67%;top: 0;z-index: 10;}
.e2{max-width: 398.5732px;}
.e3{max-width: 398.5732px;}
.e4{
    width: 100%;
    max-width: 100%;
    order: -1;
}
.e5{}
.e6{
    position: relative;
    max-width: 440px;
    width: 59.0%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: min(28.3vw, 120px) 0 min(18.8vw, 80px);
}
.e7{max-width: 398.5732px;}
.e8{max-width: 398.5732px;}
.e9{}
.e10{}
.e11{}
.e14{
    max-width: 876px;
    width: 96.6%;
    margin: 0 auto min(4.9vw, 55px);
}
.e15{}
.e17{
    position: relative;
    max-width: 270px;
    width: 26.99%;
    order: -1;
    right: -34%;
}
.e18{}
.e20{
    position: relative;
    left: 36.5%;
    max-width: 396px;
    width: 33%;
    z-index: 10;
    order: -1;
}
.e21{}
.e23{
    position: relative;
    left: 34%;
    max-width: 344px;
    width: 31.4%;
    order: -1;
}
.e26{}
.e27{margin-top: min(3vw, 50px);}
.e28{
    max-width: 559px;
    width: 90.2%;
    margin: 0 auto;
}
.e30{}
.e31{
    margin-top: min(4.02vw, 58px);
}
.e33{}
.e34{margin-top: min(4.1vw, 60px);}
.e36{}
.e37{
    margin-top: min(3.56vw, 109px);
    margin-bottom: min(3.63vw, 38px);
}
.e38{}
.e40{margin: 0 0;}
.e41{}
.e42{}
.e46{
    max-width: 354px;
    width: 63.53%;
    position: relative;
    top: 0;
    margin: 0 auto 5% auto;
    right: 0;
}
.e47{
    max-width: 934px;
    width: 150%;
    margin: min(3.8vw, 45px) auto 4%;
}
.e48{
    max-width: 403px;
    width: 67.66%;
    margin: 0 auto min(5.72vw, 55px);
}
.e49{
    max-width: fit-content;
    width: 30.46%;
    margin: 0 auto 1vw;
}
.e50{}
.e52{
    max-width: 725px;
    width: 100%;
    margin: 0 auto -8.5%;
}
.e54{
    max-width: 790px;
    width: 100%;
    margin: 0 auto -3%;
}
.e58{
    max-width: 298px;
    width: 40.39%;
}
.e59{
    max-width: 267px;
    width: 36.19%;
}
.e60{
    max-width: 132px;
    width: 17.89%;
}

.wrapper{position: relative}
.hed_main_box{
    position: relative;
    width: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    display: flex;
    align-items: stretch;
    justify-content: center;
    z-index: 1;
    flex-wrap: wrap;
}
.hed_left_box{width: 50%;display: flex;}
.hed_center_right_box{
    position: relative;
    width: 100%;
    background: url(../img/e5sp.png) no-repeat #E4006E;
    background-size: 100% auto;
    background-position: left 0 top 73%;
    order: -1;
}

.hed_center_right_box {}
.hed_right_box{
    width: 50%;
    display: flex;
}
.wrapper_01{
    max-width: 962px;
    margin: min(11.7vw, 125px) auto  min(14.51vw, 155px);
    width: 94%;
}
.box_01{
}
.box_01 ul{
    display: flex;
    justify-content: space-between;
}
.box_01 li{max-width: 288.9493px;width: 30.9%;}
.box_02{
    transition: all 0.3s ease; /* スムーズな変化 */
}

.box_10 .b_02_text{margin: min(1.04vw, 10px) 0 min(1.52vw, 5px);color: #fff;font-size: min(3.46vw, 33px);}
.box_10 .link_button{
    width: 60.81%;
    font-size: min(4.29vw, 41px);
    padding: min(3.7vw, 40px) 0 min(3.27vw, 35px);
    margin: 0 auto 2%;
}
.box_10 .link_button_text{
    margin: 0 0 0 min(13.21vw, 127px);
}
.box_10 .link_button_text::after{
    width: min(2.1vw, 20px);
    height: min(2.1vw, 20px);
    margin-right: min(1.04vw, 10px);
}
.box_10 .b_02_text::before, .box_10 .b_02_text::after{border-top: 2px solid #fff;width: 21px;}

.b_02_text{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: min(5.08vw, 33px);
    letter-spacing: 0.2em;
    font-weight: bold;
    margin: min(9.49vw, 80px) 0  min(2.87vw, 20px);
    position: relative;
    z-index: 5;
}
.b_02_text::before{
    position: relative;
    display: block;
    content: "";
    width: 37px;
    border-top: 2px solid #000;
    transform: rotate(60deg);
    top: min(0.28vw, 3px);
    margin-right: min(1.8vw, 20px);
}
.b_02_text::after{
    position: relative;
    display: block;
    content: "";
    width: 37px;
    border-top: 2px solid #000;
    transform: rotate(120deg);
    top: min(0.28vw, 3px);
    margin-left: min(0.84vw, 9px);
}
.link_button{
    max-width: 579px;
    width: 95.23%;
    background: #E4006E;
    color: #FFFFFF;
    border-radius: 80px;
    font-size: min(5.83vw, 41px);
    margin: 0 auto 1%;
    padding: min(5.7vw, 40px) 0  min(5.27vw, 35px);
    position: relative;
    z-index: 10;
    transition-duration: unset;
}
.link_button a{
    color: #fff;
}
.link_button:hover {
    transform: scale(1.1);
    text-decoration: none;
}
.link_button a:hover {
    text-decoration: none;
}

.link_button_text{
    max-width: 395px;
    width: 68.23%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 0 min(22.89vw, 127px);
    font-weight: bold;
}
.link_button_text::after{
    position: relative;
    right: 0;
    top: 0;
    display: block;
    content: "";
    width: min(3.87vw, 20px);
    height: min(3.87vw, 20px);
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(45deg);
    margin-right: 10px;
}

.w_02{
    max-width: 1198px;
    width: 95%;
    margin: min(13.5vw, 150px) auto;
}
.w_03{
}
.b_03{
    margin-bottom: min(5.8vw, 65px);
    position: relative;
}
.white_box{
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    background: #FFFFFF;
    border-radius: 50px 0px;
    padding: min(3.47vw, 83px)  min(5.5vw, 76px) min(7.47vw, 83px);
    display: flex;
    flex-wrap: wrap;
}
.white_box_left{
    border-radius: 0px 50px;
}
.text_box{
    max-width: 592px;
    width: 100%;
    text-align: left;
    font-size: min(3.8vw, 24px);
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
    letter-spacing: 0.075em;
    line-height: 1.75em;
    font-weight: 500;
}
.b_03_subtitle{
    color: #E4006E;
    font-size: min(5.5vw, 63px);
    text-align: left;
    font-weight: 800;
    display: block;
    justify-content: left;
    letter-spacing: 0.05em;
    line-height: 1.39em;
    width: 100%;
    margin-top: 3%;
}
.b_03_subtitle br{
    display: none;
}
.b_03_subtitle .brsp{
    display: block;
}
.b_03_subtitle  span{
    display: inline-block;
}
.b_03_subtitle::after{
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-height: 1px;
    border: 1px solid rgba(230, 230, 230, 1);
    z-index: 0;
    margin: min(3.42vw, 38px) 0;
}

.w_03 .b_03:last-child .b_03_subtitle::after{
    width: 100%;
    max-width: 595px;
}
.b_03_subtitle_right{
    justify-content: right;
    right: 0;
    position: relative;
}
.b_03_text{
    max-width: 592px;
    width: 99.8%;
    margin-left: min(0.72vw, 8px);
}
.b_03_text_02{
    margin: 0 min(1.35vw, 15px) 0 auto;
}
.b_03_text_03{
    margin-left: min(0.72vw, 8px);
}
.number{
    max-width: 185px;
    width: 21.49%;
    position: absolute;
    right: -0.2%;
    top: 0%;
}
.number_left{
    left: 0;
    top: -0.1%;
}
.title{
    font-size: min(8.02vw, 58px);
    letter-spacing: 0.051em;
    font-weight: 800;
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}
.title_label{
    display: block;
    color: #E4006E;
    font-size: min(4.94vw, 28px);
    letter-spacing: 0.05em;
    margin-bottom: min(1.04vw, 15px);
    font-weight: 600;
}
.p6h .title{
    font-size: min(8.12vw, 58px);
}
.p6h .title_label{
    font-size: min(4.95vw, 28px);
    margin-bottom: min(1.58vw, 15px);
}

.sub_title{
    color: #fff;
    font-size: min(6.5vw, 40px);
    line-height: 1.45em;
    letter-spacing: 0.05em;
    font-weight: 700;
    width: 92%;
    margin: 0 auto;
}
.sub_title .sub_title_s{
    font-size: min(2.66vw, 24px);
}
.sub_title .spspan{
    display: inline-block;
}
.sub_title br{
    display: none;
}

.w_04{
    max-width: 2000px;
    width: 100%;
    margin: min(9.88vw, 56px) auto 0;
}
.b_04{
    max-width: 1942px;
    width: 100%;
    margin-top: 0px;
    padding: min(12.59vw, 95px) 0 min(13.98vw, 115px);
}
.w_04 .b_04:nth-child(1){
    background: url(../img/001.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
}
.w_04 .b_04:nth-child(2){
    background: url(../img/002.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
}
.w_04 .b_04:nth-child(3){
    background: url(../img/003.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
}
.w_04 .b_04:nth-child(4){
    background: url(../img/004.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
}

.b_04_left{margin-left: 0;}
.b_04_right{
    margin: 0 0 0 auto;
}
.b_04 ul{
    margin-top: min(5vw, 55px);
    max-width: 1260px;
    width: 90%;
    display: flex;
    align-items: stretch;
    justify-content: center;
    position: relative;
    z-index: 5;
    border-radius: 19px;
    background-color: #fff;
    flex-wrap: wrap;
}
.b_04 li{
}
.w_04 .b_04:nth-child(1) ul{
    box-shadow: 0px 0px 30px 0px rgba(255, 127, 0, 1);
}
.w_04 .b_04:nth-child(2) ul{
    box-shadow: 0px 0px 30px 0px rgba(43, 69, 122, 2);
}
.w_04 .b_04:nth-child(3) ul{
    box-shadow: 0px 0px 30px 0px rgba(232, 33, 105, 0.5);
}
.w_04 .b_04:nth-child(4) ul{
    box-shadow: 0px 0px 30px 0px rgba(35, 193, 155, 0.5);
}

.left_image{
    max-width: 100%;
    width: 100%;
}
.w_04 ul .right_white_box{
    max-width: 733px;
    width: 100%;
    padding-left: min(5.02vw, 58px);
    padding-right: min(4.88vw, 56px);
    padding-top: 3vw;
    padding-bottom: 8vw;
}
.r_w_image{
    max-width: 619px;
    width: 99.9%;
    margin: 0 auto;
}
.r_w_text{
    text-align: left;
    font-size: min(4.1vw, 22px);
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
    letter-spacing: 0.09em;
    line-height: 1.54em;
    font-weight: 500;
}
.r_w_text br{display: none;}
.r_w_text_01{
    margin-top: min(4.42vw, 35px);
    margin-bottom: min(3.73vw, 25px);
}
.r_w_text_02{
    margin-top: min(5.33vw, 48px);
}
.r_w_text_03{
    margin-top: min(5.33vw, 48px);
}

.t_02{
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
    font-size: min(7.63vw, 52px);
    letter-spacing: 0.05em;
    color : #000000;
    margin: min(13.36vw, 105px) 0 min(8.9vw, 55px);
    font-weight: 800;
}
.t_02 span{
    display: block;
    font-size: min(4.21vw, 36px);
    letter-spacing: 0.05em;
    color : #00469B;
    margin-bottom: min(1.6vw, 18px);
}

.w_05{
    position: relative;
}
.b_05{position: relative;margin: 0 auto;max-width: 1009px;width: 90%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.b_05 div{
    max-width: fit-content;
    width: 100%;
    position: relative;
    z-index: 5;
    margin-bottom: 7vw;
}
.b_05::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: blur(28.3465px);
    mix-blend-mode: multiply;
    z-index: 1; 
    opacity: 0.1;
    background-color: rgb(153, 153, 153);
}

.w_05::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 67%;
    max-height: none;
    background: rgba(0, 70, 155, 0.2);
    bottom: 16%;
    left: 0;
    z-index: 0;
}

.b_05 img {
    width: 100%;
    margin: 0;
    padding: 0;
}

.w_06{
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
    position: relative;
    width: 100%;
    margin: min(14.5vw, 265px) auto min(13.18vw, 155px);
}

.w_06_lead{
    max-width: 220px;
    width: 38.7%;
    font-size: min(5.89vw, 34px);
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto min(8.1vw, 60px);
    font-weight: 600;
}
.w_06_lead::before{
    position: relative;
    display: block;
    content: "";
    width: min(5.14vw, 37px);
    border-top: 3px solid #000;
    transform: rotate(60deg);
    top: min(0.28vw, 3px);
}
.w_06_lead::after{
    position: relative;
    display: block;
    content: "";
    width: min(5.14vw, 37px);
    border-top: 3px solid #000;
    transform: rotate(120deg);
    top: min(0.28vw, 3px);
}
.title_03{
    max-width: 875px;
    width: 99.47%;
    font-size: min(5.16vw, 49px);
    font-weight: 800;
    letter-spacing: 0.05em;
    background: #E4006E;
    border-radius: 50px;
    color: #fff;
    margin: -19% 0 0;
    padding: min(3.7vw, 20px) 0px  min(3.1vw, 13px);
}

.b_06_white{
    max-width: 1056px;
    width: 90%;
    margin: 0 auto;
    border-radius: 30px;
    box-shadow: 0px 0px 22.3199px 0px rgba(119, 119, 119, 0.4);
    position: relative;
    padding: min(8.95vw, 105px) min(5.1vw, 60px) min(8.96vw, 70px);
}
.b_06_text{
    font-size: min(4.3vw, 32px);
    text-align: center;
    letter-spacing: 0.05em;
    margin: min(5.1vw, 60px) auto 0;
    font-weight: 500;
}
.b_06_text p{
}
.b_06_text span{
    font-size: min(6.42vw, 52px);
    line-height: 1.5em;
    letter-spacing: 0.05em;
    color : #E4006E;
    font-weight: 800;
}
.w_07{
    max-width: 864px;
    width: 94%;
    margin: min(15vw, 106px) auto min(16.67vw, 141px);
}
.b_07{
    width: 100%;
    background-color: #fff;
    border-radius: 20px;
    border: 3px solid #CE955E;
    outline: #fff solid 8px;
    margin-bottom: min(10.4vw, 100px);
    padding: min(6.97vw, 67px) min(3.64vw, 35px) min(7.38vw, 71px) min(2.8vw, 27px);
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
}
.title_04{
    max-width: 660px;
    width: 97.9%;
    color: #83511C;
    font-size: min(6.4vw, 50px);
    font-weight: 800;
    letter-spacing: 0.01em;
    margin: 0 auto;
}
.title_label_02{
    display: block;
    font-size: min(4.18vw, 21px);
    letter-spacing: 0.04em;
    margin-bottom: min(1.5vw, 14px);
    font-weight: 600;
}
.title_05 br{
    display: none;
}
.notes{
    display: block;
    font-size: min(2.66vw, 16px);
    letter-spacing: 0.05em;
    text-align: right;
    font-weight: 500;
    margin: min(1.03vw, 10px) min(0.83vw, 8px) 0 0;
}
.title_05{
    color: #83511C;
    font-size: min(6.48vw, 43px);
    font-weight: 800;
    letter-spacing: 0.01em;
    margin: 0 auto;
}
.sp_span{
    display: inline-block;
}
.w_07 .b_07:nth-child(2) .title_05{
    max-width: 709px;
    width: 89.14%;
    margin-bottom: min(3.12vw, 30px);
    line-height: 1.2em;
}
.w_07 .b_07:nth-child(2) .notes{
    margin: min(1.03vw, 10px) min(1.14vw, 11px) 0 0;
}
.w_07 .b_07:nth-child(3) .title_05{
    max-width: 677px;
    width: 85.12%;
    margin-bottom: min(1vw, 10px);
}
.w_07 .b_07:nth-child(3) .notes{
    margin: min(1.03vw, 10px) min(1.35vw, 13px) 0 0;
}
.item_wrapper{
    display: flex;
}
.item_wrapper_02{margin: min(3.53vw, 34px) 0 0 auto;justify-content: flex-end;}
.item_01{
    max-width: 686px;
    width: 86.1%;
    margin: 0;
    background-color: #CE955E;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: min(3.7vw, 26px) min(3.18vw, 21px) min(3.7vw, 26px) min(3.91vw, 28px);
    font-weight: 500;
    flex-wrap: wrap;
}

.item_01 {}
.item_wrapper::before, .item_wrapper_02::before{
    content: "";
    position: relative;
    display: block;
    background: url(../img/e50.png) no-repeat;
    background-size: contain;
    background-position: center top;
    width: 4%;
    height: auto;
    max-width: 22px;
    max-height: 22px;
    left: 0;
    top: 0;
    z-index: 0;
    margin-top: min(10.37vw, 42px);
}
.item_01_b{padding: min(4.95vw, 38px) min(3.18vw, 21px) min(4.95vw, 38px) min(3.91vw, 28px);}
.item_01_b2{padding: min(4.95vw, 38px) min(3.18vw, 21px) min(4.53vw, 34px) min(3.91vw, 28px);}
.t_b_02{
    text-align: left;
    color: #FFFFFF;
    font-size: min(3.7vw, 19px);
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
    line-height: 1.85em;
}
.t_b_02 br{
    display: none;
}

.w_08{
    max-width: 853px;
    width: 94%;
    margin: min(6.54vw, 62px) auto min(14vw, 135px);
}
.w_08 .b_08:nth-child(1) .b_08_title::after{
    content: "";
    display: block;
    position: relative;
    width: 104%;
    height: auto;
    max-height: 1px;
    border: 1px solid rgba(200, 200, 200, 0.5);
    z-index: 0;
    margin: min(2.63vw, 25px) 0;
    left: -0.9em;
}
.b_08{border: 3px solid #E4006E;border-radius: 11px;margin: 0 0 min(4vw, 40px);padding: min(4.96vw, 47px) 0;font-family: 'Noto Sans JP';font-feature-settings: "palt";font-size: min(3.8vw, 22px);font-weight: 500;text-align: left;letter-spacing: 0.025em;line-height: 1.69em;transition: .10s;}
.t_b_03{
    text-align: left;
    padding-right: min(5.7vw, 54px);
    padding-left: min(5.38vw, 51px);
}
.b_08_title{
    font-size: min(4.799vw, 36px);
    color : #E4006E;
    font-weight: 900;
    text-indent: -0.9em;
    padding-left: 1em;
    line-height: 1.3em;
}
.b_08_text{
    margin-bottom: min(5.27vw, 50px);
}
.accordion{
}
.accordion_title{
    position: relative;
    border: none;
    display: block;
    list-style: none;
    width: 100%;
    cursor: pointer;
    color: #fff;
    margin: 0 auto;
    transition: 0.3s;
}
.accordion_title:hover {
    opacity: 0.7;
}
/* Hide default WebKit details marker */
summary.accordion_title::-webkit-details-marker {
    display: none;
}

/* Default text for the accordion title */
.accordion_title::after {
    content: "運転免許証かマイナンバーカード以外でお申し込みをする場合";
    display: block;
    background: #E4006E;
    border: 2px solid #E4006E;
    border-radius: 50px;
    padding: min(2.1vw, 20px) 7%;
    line-height: 1.6em;
    margin: 0 auto;
    max-width: 90%;
    width: 90%;
    font-size: min(3.8vw, 20px);
    text-align: center;
    transition: .1s;
}

/* Change text when accordion is open */
.accordion[open] .accordion_title::after {
    display: none;
}

@keyframes bg {
    0% {
    opacity: 0;
    transform: scaleX(0) translateX(0);
    }
    60% {
    transform: scaleX(1) translateX(0);
    }
    100% {
    transform: scaleX(1) translateX(0);
    }
    60%, 100% {
    opacity: 1;
    }
}

/* Existing accordion content styles */
.accordion::details-content {
    opacity: 0;
    block-size: 0;
    transition: 0.3s;
    transition-property: opacity, block-size, padding;
    transition-behavior: allow-discrete;
    /* line-height: 1.6em; */
    animation: fadeIn 0.5s ease-in-out;
}

.accordion .accordion_content {
    padding: 0 2em 0 3em;
}

.accordion .accordion_content > *:first-of-type {
    margin-top: 0;
}

.accordion .accordion_content > *:last-of-type {
    margin-bottom: 0;
}

.accordion[open]::details-content {
    opacity: 1;
    block-size: auto;
    transform: matrix(1, 0, 0, 1, 0, 10);
    transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.accordion[open] .accordion_content {
    padding: 1.4em 2em 1.4em 3em;
}
.accordion_contents{
}
.t_b_04{
    padding-right: min(5.7vw, 54px);
    padding-left: min(5.38vw, 51px);
    margin: 0 0 min(7.39vw, 70px);
}
.t_b_04 span{font-weight: 900;}

.b_09{
    margin: min(4vw, 50px) 0 min(5vw, 75px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 740px;
    width: 99.5%;
    margin: min(4.22vw, 40px) auto min(8.02vw, 76px);
}
.b_10{text-align: left;}
.b_10_title{
    display: flex;
    align-items: baseline;
    text-align: left;
    color: #E4006E;
    font-size: min(4.74vw, 26px);
    font-weight: 800;
    margin-bottom: min(2.21vw, 21px);
}
.b_10_title::before{
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: min(4.69vw, 35px);
    max-width: 5px;
    max-height: inherit;
    background : rgba(228, 0, 110, 1);
    z-index: 0;
    margin: 0 min(1.5vw, 15px) 0 0;
}
.b_10_text{
    text-align: left;
    margin-bottom: min(6.3vw, 60px);
}
.b_11{
    width: 100%;
    text-align: center;
    background: #E4006E;
    color: #fff;
    font-size: min(4.63vw, 25px);
    text-align: center;
    padding: min(3.11vw, 20px) 0;
    margin: 0 0  min(4.75vw, 45px);
}
.b_11 span{
    display: inline-block;
}
.b_12{
    text-align: left;
    margin-bottom: min(5.8vw, 55px);
    line-height: 1.83em;
}
.b_12 li{
    text-align: left;
    text-indent: -0.5em;
    padding-left: 0.5em;
}

.q_a_title{
    font-size: min(9.12vw, 58px);
    color : #000000;
    letter-spacing: 0.05em;
    font-weight: bold;
}
.q_a_title_label{
    font-size: min(5.32vw, 22px);
    color : #E4006E;
    display: block;
    letter-spacing: 0.05em;
    font-weight: 600;
    margin-bottom: min(1.58vw, 15px);
}
.description{
    margin-top: min(6.8vw, 65px);
}
.q_a_list{
    max-width: 853px;
    width: 95%;
    border: 1px solid #E4006E;
    margin-bottom: min(3.16vw, 30px);
}
.question{
    background-color: #E4006E;
    color: #fff;
    text-align: left;
    font-size: min(3.42vw, 23px);
    padding: min(4.11vw, 20px) min(3.1vw, 30px) min(3.58vw, 15px);
    letter-spacing: 0.1em;
    font-weight: bold;
}
.answer{
    background-color: #fff;
    text-align: left;
    font-size: min(3.5vw, 20px);
    padding: min(4.74vw, 26px) min(3.1vw, 30px) min(5.16vw, 30px);
    letter-spacing: 0.1em;
    font-weight: 500;
}



.f_menu{
    font-family: 'Noto Sans JP';
    font-feature-settings: "palt";
    max-width: 600px;
    width: 90%;
    margin: 0.0% auto 30px;
    font-size: 12px;
    letter-spacing: 0.1em;
    color: #000;
}
.f_menu ul{
    display: flex;
    justify-content: space-between;
}
.f_menu li{position: relative;display: flex;align-items: center;}
.f_menu li a{color: #000;}
.f_menu li a:hover{}
.f_menu li::before{
    position: relative;
    right: 0;
    top: 0;
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #E4006E;
    border-top: 1px solid #E4006E;
    transform: rotate(45deg);
    margin-right: 7px;
}

}

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


}

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

}

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

}


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

}


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


}

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


}

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


}