@charset "UTF-8";
.dpnone{
  display:none;
}
section{
  position: relative;
}
header{
  background:#231815;
}
.footer-black-area{
  background:#231815;
  position: relative;
}
.footer-white-area{
  background:white;
  position: relative;
}
.footer_inner{
  width:100%;
}
.faq-bottom{
  display: none;
}


@media screen and (min-width: 739px){
  .notpc{
    display:none;
  }
  section, header, footer{}
  .header-logo-all{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:min(10px, calc(10 * 100vw / 1200)) min(15px, calc(15 * 100vw / 1200)) min(10px, calc(10 * 100vw / 1200)) 0;
    width:100%;
    box-sizing: border-box;
  }
  .header-logo-wrap{}
  .header-logo{}
  .header-logo-wrap.logo1 img{
    width:min(245px, calc(245 * 100vw / 1400));
  }
  .header-logo-p-box{
    border-radius:min(10px, calc(10 * 100vw / 1400)); 
    background:linear-gradient(to right, #E2D68E, #B3882C) ;
    padding:min(4px, calc(4 * 100vw / 1200)) min(4px, calc(4 * 100vw / 1400));
  }
  .header-logo-p-box-in{
    border-radius:min(10px, calc(10 * 100vw / 1400));
    background:#B48A2E;
    padding:min(10px, calc(10 * 100vw / 1200)) min(30px, calc(30 * 100vw / 1400));
  }
  .header-logo-p-box p{
    font-size:min(20px, calc(20 * 100vw / 1400));
    line-height: 1;
    color:white;
    font-weight:bold;
  }
  
  .footer-black-all{
    padding:min(40px, calc(40 * 100vw / 1200)) 0 min(40px, calc(40 * 100vw / 1400));
  }
  .header-logo-p1-box p{
    font-size:min(20px, calc(20 * 100vw / 1400));
    line-height:1;
    color:white;
    text-align: center;
    margin-bottom:min(40px, calc(40 * 100vw / 1400));
  }
  .footer-logo-wrap{
    display:flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom:min(0px, calc(60 * 100vw / 1400));
  }
  .footer-logo{
    width:min(475px, calc(475 * 100vw / 1400));
  }
  
  .header-logo-p2-box p{
    font-size:min(20px, calc(20 * 100vw / 1400));
    line-height:1.3;
    color:white;
    text-align: center;
  }
    
  
  
  .areas{
    position: relative;
  }
  .areas.type-dark{
    background:#231815;
  }
  .areas.type-bright{
    background:#F6F3ED;
  }
  .areas.type-dark2{
    background:#2c221f;
  }
  
  
  
  #main{
    position: absolute;
    top:0px;
    left:0;
  }
  .main{
    margin: 0 auto 0px;
    padding:0px 0 0px;
  }
  .main-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .main-image-wrap{
    width: 100%;
  }
  .main-image{
    width: 100%;
  }
  .main-sen-wrap{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;    
  }
  .main-sen-p1{
    width:min(620px, calc(620 * 100vw / 1400));
    padding-top:min(30px, calc(30 * 100vw / 1400));
    margin-left:min(60px, calc(60 * 100vw / 1400));
    margin-bottom:min(25px, calc(25 * 100vw / 1400));
  }
  .main-sen-p1 span.brown{
    font-size:min(96px, calc(96 * 100vw / 1400));
    background:linear-gradient(to right, #E2D68E, #B3882C) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow:none;
  }
  .main-sen-p1 span.large{
    font-size:min(110px, calc(110 * 100vw / 1400));
  }
  .main-sen-p2{
    font-size:min(27px, calc(27 * 100vw / 1400));
    line-height:1;
    font-weight:300;
    margin-left:min(75px, calc(75 * 100vw / 1400));
    margin-bottom:min(205px, calc(205 * 100vw / 1400));
    background:linear-gradient(to right, #E2D68E, #B3882C) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .main-sen-p2 span.space{}
  .main-sen-p3{
    font-size:min(16px, calc(16 * 100vw / 1400));
    line-height:1;
    color: white;
    margin-left:min(280px, calc(280 * 100vw / 1400));
    position: absolute;
    bottom:min(60px, calc(60 * 100vw / 1400));
    left:0;
  }
  
  
  
  .free{
    background:#061835;
    margin: 0 auto 0px;
    padding:min(65px, calc(65 * 100vw / 1200)) 0;
  }
  .free-in{
    max-width:1200px;
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .free-sen{
    font-size:min(24px, calc(24 * 100vw / 1400));
    line-height:1;
    color:white;
    text-align: center;
    margin-bottom:min(25px, calc(25 * 100vw / 1400));
  }
  .free-link-box{}
  .free-link-box-in{
    width:min(740px, calc(740 * 100vw / 1400));
    display:flex;
    flex-flow: column;
    align-items: center;
    padding:min(20px, calc(20 * 100vw / 1200)) 0;
    box-sizing: border-box;
    background:linear-gradient(to right, #E2D68E, #B3882C);
    border-radius:min(7px, calc(7 * 100vw / 1400));
    margin:0 auto;
  }
  .free-link-p{
    font-size:min(40px, calc(40 * 100vw / 1400));
    line-height:1;
    text-align: center;
    font-weight:bold;
    margin-bottom:min(15px, calc(15 * 100vw / 1400));
  }
  .free-link-add-wrap{
    padding:min(10px, calc(10 * 100vw / 1200)) min(20px, calc(20 * 100vw / 1400));
    background:black;
    border-radius:min(40px, calc(40 * 100vw / 1400));
  }
  .free-link-add-p{
    font-size:min(20px, calc(20 * 100vw / 1400));
    line-height:1;
    color:white;
    text-align: center;
  }
  
  
  
  #why{
    position: absolute;
    top:0px;
    left:0;
  }
  .why{
    margin: 0 auto 0px;
    padding:min(80px, calc(80 * 100vw / 1200)) 0;
  }
  .why-in{
    max-width:1200px;
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .why-title-wrap{}
  .why-title-p{
    font-size:min(64px, calc(64 * 100vw / 1400));
    line-height:1.2;    
    text-align: center;
    font-weight: bold;
    margin-bottom:min(50px, calc(50 * 100vw / 1400));
  }
  .why-title-p span.brown{
    color:#B48A2E;
  }
  .why-title-p2-wrap{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-bottom:1px solid;
    padding-bottom:min(15px, calc(15 * 100vw / 1400));
    margin:0 auto min(50px, calc(50 * 100vw / 1400));
    width: fit-content;
  }
  .why-title-p2{
    font-size:min(32px, calc(32 * 100vw / 1400));
    line-height:1;
    text-align: center;
    font-weight: bold;
  }
  .why-title-p3-wrap{
    margin:0 auto min(50px, calc(50 * 100vw / 1400));
  }
  .why-title-p3{
    font-size:min(24px, calc(24 * 100vw / 1400));
    line-height:1.5;
    text-align: center;
  }
  .why-bottom-p{
    font-size:min(32px, calc(32 * 100vw / 1400));
    line-height:1.3;
    text-align: center;
    font-weight: bold;
  }
  .why-img{
    width:min(630px, calc(630 * 100vw / 1400));
    margin:0 auto min(50px, calc(50 * 100vw / 1400));
    display: block;
  }
  
  
  
  #what{
    position: absolute;
    top:0px;
    left:0;
  }
  .what{
    margin: 0 auto 0px;
    padding:min(80px, calc(80 * 100vw / 1200)) 0;
  }
  .what-in{
    max-width:1200px;
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .what-title-wrap{}
  .what-title-p{
    font-size:min(64px, calc(64 * 100vw / 1400));
    line-height:1.2;    
    text-align: center;
    font-weight: bold;
    color: white;
    margin-bottom:min(50px, calc(50 * 100vw / 1400));
  }
  .what-title-p span.min{
    font-size:min(72px, calc(72 * 100vw / 1400));
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    background:linear-gradient(to right, #E2D68E, #B3882C) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .what-title-p2-wrap{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-bottom:1px solid white;
    padding-bottom:min(15px, calc(15 * 100vw / 1400));
    margin:0 auto min(50px, calc(50 * 100vw / 1400));
    width: fit-content;
  }
  .what-title-p2{
    font-size:min(32px, calc(32 * 100vw / 1400));
    line-height:1.3;
    text-align: center;
    font-weight: bold;
    color: white;
  }
  .what-title-p3-wrap{
    margin:0 auto min(50px, calc(50 * 100vw / 1400));
  }
  .what-title-p3{
    font-size:min(24px, calc(24 * 100vw / 1400));
    line-height:1.5;
    text-align: center;
    font-weight: 500;
    color: white;
  }
  .what-design-area{
    width: fit-content;
    margin:0 auto;
    display:flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
  }
  .what-design-img{
    width: min(675px, calc(675 * 100vw / 1400));
  }
  .what-design-on{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }
  .what-design-p-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .what-design-p{
    font-size:min(40px, calc(40 * 100vw / 1400));
    line-height:1.4;
    text-align: center;
    color: white;
  }
  .what-design-circle{    
    position: absolute;
    width:min(217px, calc(217 * 100vw / 1400));
    height:min(217px, calc(217 * 100vw / 1400));
    border-radius: 50%;
    background:linear-gradient(to right, #E2D68E, #B3882C);
    padding:min(3px, calc(3 * 100vw / 1400));    
  }
  .what-design-circle-in{
    width:100%;
    height:100%;
    border-radius: 50%;
    background:#231815;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .what-design-circle.circle1{
    top:min(22px, calc(22 * 100vw / 1400));
    left:min(-18px, calc(-18 * 100vw / 1400));
  }
  .what-design-circle.circle2{
    top:min(22px, calc(22 * 100vw / 1400));
    right:min(-18px, calc(-18 * 100vw / 1400));
  }
  .what-design-circle.circle3{
    bottom:min(22px, calc(22 * 100vw / 1400));
    left:min(-18px, calc(-18 * 100vw / 1400));
  }
  .what-design-circle.circle4{
    bottom:min(22px, calc(22 * 100vw / 1400));
    right:min(-18px, calc(-18 * 100vw / 1400));
  }
  .what-design-circle-p{
    font-size:min(28px, calc(28 * 100vw / 1400));
    line-height:1.3;
    text-align: center;
    font-weight: 500;
    color: #FFE376;
  }
  
  
    
  #report{
    position: absolute;
    top:0px;
    left:0;
  }
  .report{
    margin: 0 auto 0px;
    padding:min(80px, calc(80 * 100vw / 1200)) 0;
  }
  .report-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .report-title-wrap{}
  .report-title-p{
    font-size:min(64px, calc(64 * 100vw / 1400));
    line-height:1.2;    
    text-align: center;
    font-weight: bold;
    margin-bottom:min(50px, calc(50 * 100vw / 1400));
  }
  .report-title-p span.brown{
    color:#B48A2E;
  }
  .report-title-p span.min{
    font-size:min(72px, calc(72 * 100vw / 1400));
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  }
  .report-title-p2-wrap{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-bottom:1px solid;
    padding-bottom:min(15px, calc(15 * 100vw / 1400));
    margin:0 auto min(50px, calc(50 * 100vw / 1400));
    width: fit-content;
  }
  .report-title-p2{
    font-size:min(32px, calc(32 * 100vw / 1400));
    line-height:1;
    text-align: center;
    font-weight: bold;
  }
  .report-title-p3-wrap{
    margin:0 auto min(50px, calc(50 * 100vw / 1400));
  }
  .report-title-p3{
    font-size:min(24px, calc(24 * 100vw / 1400));
    line-height:1.5;
    text-align: center;
  }
  .report-bottom-p{
    font-size:min(32px, calc(32 * 100vw / 1400));
    line-height:1.3;
    text-align: center;
    font-weight: bold;
    padding-top:min(50px, calc(50 * 100vw / 1400));
  }
  .report-white-area{
    background:white;
    padding:min(50px, calc(50 * 100vw / 1400)) 0;
  }
  .report-white-lr{
    display:flex;
    justify-content: center;
    align-items: flex-start;
    width:min(1120px, calc(1120 * 100vw / 1400));
    height:min(386px, calc(386 * 100vw / 1400));;
    margin:0 auto;
  }
  .report-white-left{
    width:min(560px, calc(560 * 100vw / 1400));
    height:100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
  }
  .report-left-top{
    width: 100%;    
  }
  .report-exam-p{
    font-size:min(24px, calc(24 * 100vw / 1400));
    line-height:1;
    text-align: center;
    font-weight: bold;
    color:#B48A2E;
    margin-bottom:min(15px, calc(15 * 100vw / 1400));
  }
  .report-left-top-lr{
    display: flex;
    align-items: flex-start;
    margin-left:min(125px, calc(125 * 100vw / 1400));
  }
  .report-data-box{
    width:min(150px, calc(150 * 100vw / 1400));
    margin-right:min(15px, calc(15 * 100vw / 1400));
  }
  .report-data-box-top{
    display: flex;    
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom:min(15px, calc(15 * 100vw / 1400));
  }  
  .report-data-box-circle-wrap{
    width:min(94px, calc(94 * 100vw / 1400));
    height:min(94px, calc(94 * 100vw / 1400));
    background:#F6F3ED;
    border-radius: 50%;
    display: flex;
    flex-flow:column;
    justify-content: center;
    align-items: center;
  }  
  .report-data-box-circle-icn{}
  .box1 .report-data-box-circle-icn{
    width:min(42px, calc(42 * 100vw / 1400));
    margin-bottom:min(5px, calc(5 * 100vw / 1400));
  }
  .box2 .report-data-box-circle-icn{
    width:min(30px, calc(30 * 100vw / 1400));
    margin-bottom:min(5px, calc(5 * 100vw / 1400));
  }
  .report-data-box-circle-p{
    font-size:min(16px, calc(16 * 100vw / 1400));
    line-height:1;
    text-align: center;
    font-weight: 500;
    color:#B48A2E;
  }
  .report-data-box-bottom{}
  .report-data-box-bottom ul{
    display: flex;
    flex-flow: column;
    align-items: flex-start;
  }
  .report-data-box-bottom ul li:nth-of-type(n+2){
    margin-top:min(7px, calc(7 * 100vw / 1400));
  }
  .report-data-box-ul-p{
    font-size:min(20px, calc(20 * 100vw / 1400));
    line-height:1;
  }
  .report-left-bottom{
    width:100%;
    background:#F6F3ED;
    padding:min(12px, calc(12 * 100vw / 1400)) min(25px, calc(25 * 100vw / 1400));
    box-sizing: border-box;
  }
  .report-left-bottom-lr{
    display: flex;
    align-items: center;
  }
  .report-left-bottom-icn{
    width:min(50px, calc(50 * 100vw / 1400));
    margin-right:min(25px, calc(25 * 100vw / 1400));
  }  
  .report-left-bottom-p{
    font-size:min(20px, calc(20 * 100vw / 1400));
    line-height:1.3;
    text-align: center;
    font-weight: 500;
    color:#231815;
  }
  .report-white-right{
    width:min(560px, calc(560 * 100vw / 1400));
  }
  .report-exam-image{
    width:100%;
  }
  
  
  
  #diff{
    position: absolute;
    top:0px;
    left:0;
  }
  .diff{
    margin: 0 auto 0px;
    padding:min(80px, calc(80 * 100vw / 1200)) 0;
  }
  .diff-in{
    max-width:1200px;
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .diff-title-wrap{}
  .diff-title-p{
    font-size:min(64px, calc(64 * 100vw / 1400));
    line-height:1.2;    
    text-align: center;
    font-weight: bold;
    color: white;
    margin-bottom:min(50px, calc(50 * 100vw / 1400));
  }
  .diff-title-p span.min{
    font-size:min(72px, calc(72 * 100vw / 1400));
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    background:linear-gradient(to right, #E2D68E, #B3882C) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .diff-title-p2-wrap{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-bottom:1px solid white;
    padding-bottom:min(15px, calc(15 * 100vw / 1400));
    margin:0 auto min(50px, calc(50 * 100vw / 1400));
    width: fit-content;
  }
  .diff-title-p2{
    font-size:min(32px, calc(32 * 100vw / 1400));
    line-height:1.3;
    text-align: center;
    font-weight: bold;
    color: white;
  }
  .diff-title-p2 span.min{
    font-size:min(40px, calc(40 * 100vw / 1400));
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    background:linear-gradient(to right, #E2D68E, #B3882C) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .diff-goal-area{
    width:min(1091px, calc(1091 * 100vw / 1400));
    margin:0 auto min(50px, calc(50 * 100vw / 1400));
    box-sizing: border-box;
  }
  .diff-goal-area-in{
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }  
  .diff-goal-left{
    width:min(451px, calc(451 * 100vw / 1400));
    background:white;
    padding: min(1px, calc(1 * 100vw / 1400));
    box-sizing: border-box;
  }
  .diff-goal-left-in{
    background:black;
    box-sizing: border-box;
  }
  .diff-goal-type-wrap{
    height:min(115px, calc(115 * 100vw / 1400));
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .diff-goal-type{
    font-size:min(24px, calc(24 * 100vw / 1400));
    line-height:1.2;
    text-align: center;
    font-weight: bold;
    color: white;
  }
  .diff-goal-ul-wrap{
    height:min(340px, calc(340 * 100vw / 1400));
  }
  .diff-goal-left ul{
    display:flex;
    flex-flow:column;
    align-items: center;
    width:min(408px, calc(408 * 100vw / 1400));
    margin:0 auto;
  }
  .diff-goal-left ul li{
    background:white;
    width:min(408px, calc(408 * 100vw / 1400));
    height:min(88px, calc(88 * 100vw / 1400));
  }
  .diff-goal-area-in ul li{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .diff-goal-area-in ul li:nth-of-type(n+2){
    margin-top:min(20px, calc(20 * 100vw / 1400));
  }
  .diff-goal-p{
    font-size:min(23px, calc(23 * 100vw / 1400));
    line-height:1.3;
    text-align: center;
    font-weight: 500;
  }
  .diff-goal-right{
    width:min(640px, calc(640 * 100vw / 1400));
    background: linear-gradient(to right, #E2D68E, #B3882C);
    padding: min(1px, calc(1 * 100vw / 1400)) min(1px, calc(1 * 100vw / 1400)) min(1px, calc(1 * 100vw / 1400)) 0;
  }
  .diff-goal-right-in{
    background:#061835;
    box-sizing: border-box;
  }
  .diff-goal-right ul{
    display:flex;
    flex-flow:column;
    align-items: center;
    width:min(470px, calc(602 * 100vw / 1400));
    margin:0 auto;
  }
  .diff-goal-right ul li{
    background:#FFE376;
    width:min(602px, calc(602 * 100vw / 1400));
    height:min(88px, calc(88 * 100vw / 1400));
  }
  .diff-goal-type2{
    font-size:min(40px, calc(40 * 100vw / 1400));
    line-height:1;
    text-align: center;
    font-weight: bold;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    background:linear-gradient(to right, #E2D68E, #B3882C) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .diff-goal-p2{
    font-size:min(29px, calc(29 * 100vw / 1400));
    line-height:1.3;
    text-align: center;
    font-weight: bold;
    color: #061835;
  }
  
  
  
  .diff-important-area{}
  .diff-important-area ul{
    width:min(930px, calc(930 * 100vw / 1400));
    display: flex;
    flex-flow:column;
    align-items: flex-start;
    margin-left:min(200px, calc(200 * 100vw / 1400));
  }
  .diff-important-area ul li:nth-of-type(n+2){
    margin-top:min(40px, calc(40 * 100vw / 1400));
  }
  .diff-important-area ul li{
    width:100%;
    display: flex;
    align-items: flex-start;
  }
  .diff-important-left{}
  .diff-important-number-wrap{
    width:min(90px, calc(90 * 100vw / 1400));
    border-right:solid 1px white;
  }
  .diff-important-number{
    font-size:min(72px, calc(72 * 100vw / 1400));
    line-height:1;
    color:white;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  }
  .diff-important-right{
    width:100%;
    margin-left:min(30px, calc(30 * 100vw / 1400));
    padding-top:min(10px, calc(10 * 100vw / 1400));
  }
  .diff-important-right-p1{
    font-size:min(40px, calc(40 * 100vw / 1400));
    line-height:1;
    font-weight: bold;
    color:#FFE376;
    margin-bottom:min(20px, calc(20 * 100vw / 1400));
  }
  .diff-important-right-p2{
    font-size:min(24px, calc(24 * 100vw / 1400));
    line-height:1.6;
    font-weight: 500;
    color:white;
  }
  
    
  
  #after{
    position: absolute;
    top:0px;
    left:0;
  }
  .after{
    margin: 0 auto 0px;
    padding:min(80px, calc(80 * 100vw / 1200)) 0;
  }
  .after-in{
    max-width:1200px;
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .after-title-wrap{}
  .after-title-p{
    font-size:min(64px, calc(64 * 100vw / 1400));
    line-height:1.2;    
    text-align: center;
    font-weight: bold;
    margin-bottom:min(50px, calc(50 * 100vw / 1400));
  }
  .after-title-p span.brown{
    color:#B48A2E;
  }
  .after-title-p2-wrap{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-bottom:1px solid;
    padding-bottom:min(15px, calc(15 * 100vw / 1400));
    margin:0 auto min(50px, calc(50 * 100vw / 1400));
    width: fit-content;
  }
  .after-title-p2{
    font-size:min(32px, calc(32 * 100vw / 1400));
    line-height:1;
    text-align: center;
    font-weight: bold;
  }
  .after-title-p3-wrap{
    margin:0 auto min(50px, calc(50 * 100vw / 1400));
  }
  .after-title-p3{
    font-size:min(24px, calc(24 * 100vw / 1400));
    line-height:1.5;
    text-align: center;
  }
  .after-bottom-p{
    font-size:min(32px, calc(32 * 100vw / 1400));
    line-height:1.3;
    text-align: center;
    font-weight: bold;
  }
  .after-week-area{
    display: flex;
    flex-flow:column;
    align-items: center;
    width:min(1065px, calc(1065 * 100vw / 1400));
    margin:0 auto min(50px, calc(50 * 100vw / 1400));    
  }
  .after-week-ul{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width:100%;
  }
  .after-week-ul.ul1{
    margin-bottom:min(20px, calc(20 * 100vw / 1400));
  }
  .after-week-ul.ul2{}
  .after-week-ul li{
    display: flex;
    flex-flow:column;
    align-items: center;
    width:min(260px, calc(260 * 100vw / 1400));
  }
  .after-week-type{
    font-size:min(32px, calc(32 * 100vw / 1400));
    line-height:1;
    text-align: center;
    font-weight: bold;
    color:#B48A2E;
  }
  .after-week-ul2-wrap{
    position: relative;
    width: 100%;
    margin-bottom:min(10px, calc(10 * 100vw / 1400));
  }
  .after-week-circle{
    width:15px;
    height:15px;
    background:#231815;
    border-radius: 50%;
    margin:0 auto;
  }
  .after-week-ul2-line{
    height:min(2px, calc(2 * 100vw / 1400));
    background:#231815;
    width:min(933px, calc(933 * 100vw / 1400));
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    margin:auto 0;
  }
  .after-week-img{
    width:100%;
  }
  .after-week-sen-wrap{
    width:100%;
    height:min(125px, calc(125 * 100vw / 1400));
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .after-week-ul.ul3 li:nth-of-type(1) .after-week-sen-wrap{
    background:white;
  }
  .after-week-ul.ul3 li:nth-of-type(2) .after-week-sen-wrap{
    background:#F4EFD0;
  }
  .after-week-ul.ul3 li:nth-of-type(3) .after-week-sen-wrap{
    background:#EEE5AD;
  }
  .after-week-ul.ul3 li:nth-of-type(4) .after-week-sen-wrap{
    background:#E1D27D;
  }
  .after-week-sen{
    font-size:min(27px, calc(27 * 100vw / 1400));
    line-height:1.3;
    text-align: center;
    font-weight: 500;
  }
  .after-week-ul.ul3 li:nth-of-type(3) .after-week-sen{}
  
  
  
  #reason{
    position: absolute;
    top:0px;
    left:0;
  }
  .reason{
    margin: 0 auto 0px;
    padding:min(80px, calc(80 * 100vw / 1200)) 0;
  }
  .reason-in{
    max-width:1200px;
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .reason-title-p2-wrap{
    display: flex;
    flex-flow: column;
    align-items: center;
    margin:0 auto min(50px, calc(50 * 100vw / 1400));
    width: fit-content;    
  }
  .reason-title-p2-wrap-in{
    border-bottom:1px solid white;
    padding-bottom:min(10px, calc(10 * 100vw / 1400));
    width: fit-content;
  }
  .reason-title-p2{
    font-size:min(50px, calc(50 * 100vw / 1400));
    line-height:1.3;
    text-align: center;
    font-weight: 500;
    color: white;
  }
  .reason-title-p2-line-wrap{
    position: relative;
  }
  .reason-title-p2-line{
    width:min(20px, calc(20 * 100vw / 1400));
    height:min(50px, calc(50 * 100vw / 1400));
    background:#2c221f;
    border-right:solid 1px white;
    transform-origin: right top;
    transform:rotate(45deg);
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
  }
  .reason-title-wrap{}
  .reason-title-p{
    font-size:min(64px, calc(64 * 100vw / 1400));
    line-height:1.2;    
    text-align: center;
    font-weight: 500;
    color: white;
    margin-bottom:min(35px, calc(35 * 100vw / 1400));
  }
  .reason-title-p span.min{
    font-size:min(68px, calc(68 * 100vw / 1400));
    font-weight: 300;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    color:#fce588;
  }  
  .reason-title-p3-wrap{
    margin:0 auto min(50px, calc(50 * 100vw / 1400));
  }
  .reason-title-p3{
    font-size:min(24px, calc(24 * 100vw / 1400));
    line-height:1.5;
    text-align: center;
    color: white;
  }
  .reason-ul{
    width:min(1070px, calc(1070 * 100vw / 1400));
    display: flex;
    flex-flow:column;
    align-items: center;    
    margin:0 auto;
  }
  .reason-ul li{
    background:white;
    width:100%;
    box-sizing: border-box;
    padding:min(40px, calc(40 * 100vw / 1400)) min(50px, calc(50 * 100vw / 1400));
  }
  .reason-ul li:nth-of-type(n+2){
    margin-top:min(30px, calc(30 * 100vw / 1400));
  }
  .reason-ul li:nth-of-type(odd) .reason-li-in{
    padding-left:min(230px, calc(230 * 100vw / 1400));
  }
  .reason-ul li:nth-of-type(even) .reason-li-in{
    padding-left:min(0px, calc(0 * 100vw / 1400));
  }
  .reason-li-in{
    position: relative;
  }
  .reason-li-voice-wrap{
    display: flex;
    align-items: center;
    margin-bottom:min(20px, calc(20 * 100vw / 1400));
  }
  .reason-li-voice-number-box{
    background:#b48a2e;
    width:min(74px, calc(74 * 100vw / 1400));
    height:min(74px, calc(74 * 100vw / 1400));
    border-radius: min(5px, calc(5 * 100vw / 1400));
    margin-right:min(15px, calc(15 * 100vw / 1400));
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .reason-li-voice-number{
    font-size: min(21px, calc(21 * 100vw / 1400));
    line-height: 1.1;
    font-weight: bold;
    text-align: center;
    color:white;
  }
  .reason-li-voice-number span.number{
    font-size: min(28px, calc(28 * 100vw / 1400));
  }
  .reason-li-voice-p{
    font-size: min(32px, calc(32 * 100vw / 1400));
    line-height: 1.2;
    font-weight: bold;
    color:#b48a2e;
  }  
  .reason-li-sen-wrap{
    width:min(745px, calc(740 * 100vw / 1400));
  }
  .reason-li-sen{
    font-size: min(24px, calc(24 * 100vw / 1400));
    line-height: 1.5;
    color:#333333;
  }
  .reason-li-space{
    display: none;
  }
  .reason-li-face-box{
    position: absolute;
    top:0;
  }
  .reason-ul li:nth-of-type(odd) .reason-li-face-box{
    left:0;
  }
  .reason-ul li:nth-of-type(even) .reason-li-face-box{
    right:0;
  }  
  .reason-li-face{
    width:min(180px, calc(180 * 100vw / 1400));
    margin-bottom:min(15px, calc(15 * 100vw / 1400));
  }
  .reason-li-face-p-wrap{
    position: relative;
  }
  .reason-li-face-p{
    font-size: min(16px, calc(16 * 100vw / 1400));
    line-height: 1.3;
    font-weight: 500;
    text-align: center;
    color:#333333;
    white-space: nowrap;
    position: absolute;
    top:0;
    left: 50%;
    transform: translateX(-50%);
    width:fit-content;
  }
  
  
  
  #faq{
    position: absolute;
    top:0px;
    left:0;
  }
  .faq{
    margin: 0 auto 0px;
    padding:min(80px, calc(80 * 100vw / 1200)) 0;
  }
  .faq-in{
    max-width:1200px;
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .faq-title-wrap{}
  .faq-title-p{
    font-size:min(64px, calc(64 * 100vw / 1400));
    line-height:1;
    text-align: center;
    font-weight:bold;
    margin-bottom:min(50px, calc(50 * 100vw / 1400));
  }
  .faq-area{}
  .faq-area ul{
    margin:0 auto;
    display: flex;
    flex-flow:column;
    align-items: center;
  }
  .faq-area ul li:nth-of-type(n+2){
    margin-top:min(15px, calc(15 * 100vw / 1400));
  }
  .faq-box{
    background:white;
    width:min(1280px, calc(1280 * 100vw / 1400));
    padding:min(25px, calc(25 * 100vw / 1400)) min(20px, calc(20 * 100vw / 1400));
  }
  .faq-box:hover{
    cursor: pointer;
  }
  .faq-top-in{    
    display:flex;
    justify-content: space-between;
  }
  .faq-top-q-wrap{
    display: flex;
    align-items: center;
  }
  .faq-top-q{
    font-size:min(38px, calc(38 * 100vw / 1400));
    line-height:1;
    margin-right:min(25px, calc(25 * 100vw / 1400));
    color:#B48A2E;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-weight: bold;
  }
  .faq-top-sen{
    font-size:min(24px, calc(24 * 100vw / 1400));
    line-height:1;
    font-weight: bold;
  }
  .faq-top-op-wrap{}
  .faq-top-op-icn{
    position: relative;
    background:#B48A2E;
    border-radius: 50%;
    width:min(43px, calc(43 * 100vw / 1400));
    height:min(43px, calc(43 * 100vw / 1400));
  }
  .faq-top-op-arrow{
    position: absolute;
    top:min(-7px, calc(-7 * 100vw / 1400));
    right:0;
    left:0;
    bottom:0;
    margin:auto;
    border-bottom:solid min(4px, calc(4 * 100vw / 1400)) white;
    border-right:solid min(4px, calc(4 * 100vw / 1400)) white;
    width:min(12px, calc(12 * 100vw / 1400));
    height:min(12px, calc(12 * 100vw / 1400));
    transform: rotate(45deg);
  }
  .faq-box.active .faq-top-op-arrow{
    transform: rotate(225deg);
    top:min(7px, calc(7 * 100vw / 1400));
  }
  .faq-bottom{}
  .faq-bottom-in{
    background:#F6F3ED;
    padding:min(25px, calc(25 * 100vw / 1400)) min(20px, calc(20 * 100vw / 1400));
    margin-top:min(15px, calc(25 * 100vw / 1400));
  }
  .faq-bottom-p{
    font-size:min(24px, calc(24 * 100vw / 1400));
    line-height:1.5;
  }
    
  
  
  #price{
    position: absolute;
    top:0px;
    left:0;
  }
  .price{
    margin: 0 auto 0px;
    padding:min(80px, calc(80 * 100vw / 1200)) 0;
  }
  .price-in{
    max-width:1200px;
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .price-title-wrap{}
  .price-title-p{
    font-size:min(72px, calc(72 * 100vw / 1400));
    line-height:1;    
    text-align: center;
    font-weight: bold;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    margin-bottom:min(50px, calc(50 * 100vw / 1400));
    background:linear-gradient(to right, #E2D68E, #B3882C) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .price-title-p2-wrap{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-bottom:1px solid white;
    padding-bottom:min(15px, calc(15 * 100vw / 1400));
    margin:0 auto min(50px, calc(50 * 100vw / 1400));
    width: fit-content;
  }
  .price-title-p2{
    font-size:min(32px, calc(32 * 100vw / 1400));
    line-height:1;
    color:white;
    text-align: center;
    font-weight: bold;
  }
  .price-yellow-wrap{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding:min(10px, calc(10 * 100vw / 1400)) 0;
    margin:0 auto min(40px, calc(40 * 100vw / 1400));
    width: min(625px, calc(625 * 100vw / 1400));
    background:#FFE376;
  }
  .price-yellow-p{
    font-size:min(24px, calc(24 * 100vw / 1400));
    line-height:1;
    text-align: center;
    font-weight: bold;
  }
  .price-price-wrap{
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  .price-yen{
    font-size:min(128px, calc(128 * 100vw / 1400));
    line-height:1;
    font-weight: bold;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    margin-right:min(20px, calc(20 * 100vw / 1400));
    padding-bottom:min(40px, calc(40 * 100vw / 1400));
    background:linear-gradient(to right, #E2D68E, #B3882C) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .price-yen span{
    font-size:min(40px, calc(40 * 100vw / 1400));
    font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  }
  .price-tax{
    font-size:min(36px, calc(36 * 100vw / 1400));
    line-height:1;
    color:white;
    padding-bottom:min(43px, calc(43 * 100vw / 1400));
  }
  .price-tag-area{
    margin-bottom:min(45px, calc(45 * 100vw / 1400));
  }
  .price-tag-area ul{
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .price-tag-ul1{
    margin-bottom:min(10px, calc(10 * 100vw / 1400));
  }
  .price-tag-area ul li:nth-of-type(n+2){
    margin-left:min(10px, calc(10 * 100vw / 1400));
  }
  .price-tag-area ul li{
    background:linear-gradient(to right, #E2D68E, #B3882C);
    padding:min(1px, calc(1 * 100vw / 1400));
  }
  .price-tag-p-wrap{
    background:#231815;
    padding:min(10px, calc(10 * 100vw / 1400)) min(20px, calc(20 * 100vw / 1400));
  }
  .price-tag-p{
    font-size:min(24px, calc(24 * 100vw / 1400));
    line-height:1;
    color:white;
  }
  .price-bottom-p{
    font-size:min(32px, calc(32 * 100vw / 1400));
    line-height:1;
    color:white;
    text-align: center;
    font-weight: bold;
  }
  
  
  
  #shop{
    position: absolute;
    top:min(40px, calc(40 * 100vw / 1400));
    left:0;
  }
  .shop{
    margin: 0 auto 0px;
    padding:min(80px, calc(80 * 100vw / 1200)) 0;
  }
  .shop-in{
    max-width:1200px;
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .shop-title-wrap{}
  .shop-title-p{
    font-size:min(64px, calc(64 * 100vw / 1400));
    line-height:1;
    text-align: center;
    font-weight:bold;
    margin-bottom:min(50px, calc(50 * 100vw / 1400));
  }
  .shop-title-p2{
    font-size:min(32px, calc(32 * 100vw / 1400));
    line-height:1;
    text-align: center;
    font-weight:bold;
    margin-bottom:min(50px, calc(50 * 100vw / 1400));
  }
  .shop-area-all{
    display: flex;
    flex-flow:column;
    align-items: center;
    margin:0 auto;
  }
  .shop-area-all>div:nth-of-type(n+2){
    margin-top:min(50px, calc(50 * 100vw / 1400));
  }
  .shop-area-wrap{
    width:min(1340px, calc(1340 * 100vw / 1400));
  }
  .shop-area-name{
    font-size:min(36px, calc(36 * 100vw / 1400));
    line-height:1;
    text-align: center;
    font-weight:500;
    margin-bottom:min(50px, calc(45 * 100vw / 1400));
  }
  .shop-area-wrap ul{}
  .shop-area-wrap ul li{
    border-bottom: dashed 2px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom:min(10px, calc(10 * 100vw / 1400));
  }
  .shop-area-wrap ul li:nth-of-type(n+2){
    margin-top:min(10px, calc(10 * 100vw / 1400));
  }
  .shop-left-aera{
    display: flex;
    align-items: center;
  }
  .shop-type1{
    font-size:min(20px, calc(20 * 100vw / 1400));
    line-height:1;
    width:min(140px, calc(140 * 100vw / 1400));
  }
  .shop-type2{
    font-size:min(28px, calc(28 * 100vw / 1400));
    line-height:1.2;
    font-weight:500;
    margin-right:min(20px, calc(20 * 100vw / 1400));
  }
  .shop-add-wrap{
    display:flex;
    align-items: center;
  }
  .shop-type3{
    font-size:min(20px, calc(20 * 100vw / 1400));
    line-height:1;
    margin-right:min(20px, calc(20 * 100vw / 1400));
  }
  .shop-map-wrap{
    display: flex;
    align-items: flex-end;
  }
  .shop-map-p{
    font-size:min(24px, calc(24 * 100vw / 1400));
    line-height:1;
  }
  .shop-map-p.link{
    border-bottom: solid 1px;
  }
  .shop-right-aera{}
  .shop-reserv-box{
    padding:min(10px, calc(10 * 100vw / 1200)) min(20px, calc(20 * 100vw / 1200));
    box-sizing: border-box;
    background:#B48A2E;
    border-radius:min(7px, calc(7 * 100vw / 1400));
  }
  .shop-reserv-p{
    font-size:min(24px, calc(24 * 100vw / 1400));
    line-height:1;
    font-weight:500;
    color:white;
  }
  
  
  
  .anchor{
    position:fixed;
    bottom:min(5px, calc(5 * 100vw / 1400));
    right:min(5px, calc(5 * 100vw / 1200)) ;
    z-index: 20;
  }
  .anchor-ul{
    display:flex;
    flex-flow:column;
    align-items: flex-end;
  }
  .anchor-ul li{
    width: fit-content;
    position: relative;
  }
  .anchor-box{} 
  .anchor-top-wrap{}
  .anchor-top-icn{
    position: relative;
    background:#B48A2E;
    border-radius: 50%;
    width:min(90px, calc(90 * 100vw / 1400));
    height:min(90px, calc(90 * 100vw / 1400));
  }
  .anchor-top-arrow{
/*
    position: absolute;
    top:min(23px, calc(23 * 100vw / 1400));
    right:0;
    left:0;
    margin:0 auto;
    border-bottom:solid min(5px, calc(5 * 100vw / 1400)) white;
    border-right:solid min(5px, calc(5 * 100vw / 1400)) white;
    width:min(15px, calc(15 * 100vw / 1400));
    height:min(15px, calc(15 * 100vw / 1400));
    transform: rotate(225deg);
*/
  }
  .anchor-top-arrow::before,
  .anchor-top-arrow::after{
    content: "";
    width: min(15px, calc(15 * 100vw / 1400));
    height: min(5px, calc(5 * 100vw / 1400));
    display: inline-block;
    border-radius: min(2px, calc(2 * 100vw / 1400));
    background: white;
    position: absolute;
    top: min(27px, calc(27 * 100vw / 1400));
  }
  .anchor-top-arrow::before {
    left: calc(50% - 13%);
    transform: rotate(-45deg);
  }
  .anchor-top-arrow::after {
    right: calc(50% - 13%);
    transform: rotate(45deg);
  }
  .anchor-top-p{
    font-size:min(25px, calc(25 * 100vw / 1400));
    line-height: 1;
    text-align: center;
    color:white;
    font-weight: bold;
    top:min(42px, calc(42 * 100vw / 1400));
    position: relative;
  }
}



@media screen and (max-width:738px){
  .notsp{
    display:none;
  }
  .header-logo-all{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:calc(20 / 750 * 100vw) calc(15 / 750 * 100vw) calc(20 / 750 * 100vw) 0;
  }
  .header-logo-wrap{}
  .header-logo-wrap.logo1 img{
    width:calc(280 / 750 * 100vw);
  }
  .header-logo-p-box{
    border-radius:calc(10 / 750 * 100vw); 
    background:linear-gradient(to right, #E2D68E, #B3882C) ;
    padding:calc(4 / 750 * 100vw);
  }
  .header-logo-p-box-in{
    border-radius:calc(10 / 750 * 100vw);
    background:#B48A2E;
    padding:calc(10 / 750 * 100vw) calc(30 / 750 * 100vw);
  }
  .header-logo-p-box p{
    font-size:calc(24 / 750 * 100vw);
    line-height: 1;
    color:white;
    font-weight:bold;
  }
  
  footer{
    top: -1px;
  }
  .footer-black-all{
    padding:calc(50 / 750 * 100vw) 0 calc(50 / 750 * 100vw);
  }
  .header-logo-p1-box p{
    font-size:calc(20 / 750 * 100vw);
    line-height:1;
    color:white;
    text-align: center;
    margin-bottom:calc(50 / 750 * 100vw);
  }
  .footer-logo-wrap{
    display:flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom:calc(0 / 750 * 100vw);
  }
  .footer-logo{
    width:calc(476 / 750 * 100vw);
  }
  .header-logo-p2-box p{
    font-size:calc(20 / 750 * 100vw);
    line-height:1.3;
    color:white;
    text-align: center;
  }
  
  
  
  .areas{
    position: relative;
  }
  .areas.type-dark{
    background:#231815;
  }
  .areas.type-bright{
    background:#F6F3ED;
  }
  .areas.type-dark2{
    background:#2c221f;
  }
  
  
  
  #main{
    position: absolute;
    top:calc(0 / 750 * 100vw);
    left:0;
  }
  .main{
    width:100%;
    margin: 0 auto calc(0 / 750 * 100vw);
    padding:calc(0 / 750 * 100vw) 0 calc(0 / 750 * 100vw);
  }
  .main-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .main-image-wrap{
    margin-bottom:calc(0 / 750 * 100vw);
  }
  .main-image{
    width:100%;
  }
  .main-sen-wrap{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;    
  }
  .main-sen-p1{
    width:calc(435 / 750 * 100vw);
    padding-top:calc(35 / 750 * 100vw);
    margin-left:calc(20 / 750 * 100vw);
    margin-bottom:calc(20 / 750 * 100vw);    
  }
  .main-sen-p1 span.brown{
    font-size:calc(74 / 750 * 100vw);
    background:linear-gradient(to right, #E2D68E, #B3882C) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow:none;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    font-weight: bold;
  }
  .main-sen-p1 span.large{
    font-size:calc(88 / 750 * 100vw);
  }
  .main-sen-p2-wrap{
    margin-left:calc(60 / 750 * 100vw);
    margin-bottom:calc(215 / 750 * 100vw);
    width: fit-content;
  }
  .main-sen-p2{
    font-size:calc(22 / 750 * 100vw);
    line-height:1.2;
    font-weight:300;
    text-align: center;
    background:linear-gradient(to right, #E2D68E, #B3882C) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .main-sen-p2 span.space{
    display: inline-block;
    margin:calc(7 / 750 * 100vw) 0;
  }
  .main-sen-p3{
    font-size:calc(16 / 750 * 100vw);
    line-height:1;
    color: white;
    text-align: center;
    margin-left:calc(0 / 750 * 100vw);
    position: absolute;
    bottom:calc(20 / 750 * 100vw);
    left:0;
    right:0;
    margin:0 auto;
  }
    
  
  
  .free{
    background:#061835;
    width:100%;
    margin: 0 auto calc(0 / 750 * 100vw);
    padding:calc(60 / 750 * 100vw) 0;
  }
  .free-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .free-sen{
    font-size:calc(24 / 750 * 100vw);
    line-height:1;
    color:white;
    text-align: center;
    margin-bottom:calc(25 / 750 * 100vw);
  }
  .free-link-box{}
  .free-link-box-in{
    width:calc(590 / 750 * 100vw);
    display:flex;
    flex-flow: column;
    align-items: center;
    padding:calc(30 / 750 * 100vw) 0;
    box-sizing: border-box;
    background:linear-gradient(to right, #E2D68E, #B3882C);
    border-radius:calc(10 / 750 * 100vw);
    margin:0 auto;
  }
  .free-link-p{
    font-size:calc(40 / 750 * 100vw);
    line-height:1;
    text-align: center;
    font-weight:bold;
    margin-bottom:calc(15 / 750 * 100vw);
  }
  .free-link-add-wrap{
    padding:calc(10 / 750 * 100vw) calc(20 / 750 * 100vw);
    background:black;
    border-radius:calc(40 / 750 * 100vw);
  }
  .free-link-add-p{
    font-size:calc(20 / 750 * 100vw);
    line-height:1;
    color:white;
    text-align: center;
  }
  
  
  
  #why{
    position: absolute;
    top:calc(0 / 750 * 100vw);
    left:0;
  }
  .why{
    width:100%;
    margin: 0 auto calc(0 / 750 * 100vw);
    padding:calc(60 / 750 * 100vw) 0;
  }
  .why-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .why-title-wrap{}
  .why-title-p{
    font-size:calc(48 / 750 * 100vw);
    line-height:1.2;    
    text-align: center;
    font-weight: bold;
    margin-bottom:calc(50 / 750 * 100vw);
  }
  .why-title-p span.brown{
    color:#B48A2E;
  }
  .why-title-p2-wrap{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-bottom:1px solid;
    padding-bottom:calc(15 / 750 * 100vw);
    margin:0 auto calc(50 / 750 * 100vw);
    width: fit-content;
  }
  .why-title-p2{
    font-size:calc(32 / 750 * 100vw);
    line-height:1;
    text-align: center;
    font-weight: bold;
  }
  .why-title-p3-wrap{
    margin:0 auto calc(50 / 750 * 100vw);
  }
  .why-title-p3{
    font-size:calc(24 / 750 * 100vw);
    line-height:1.5;
    text-align: center;
  }
  .why-bottom-p{
    font-size:calc(32 / 750 * 100vw);
    line-height:1.3;
    text-align: center;
    font-weight: bold;
  }
  .why-img{
    width:100%;
    margin:0 auto calc(50 / 750 * 100vw);
    display: block;
  }
    
  
  
  #what{
    position: absolute;
    top:calc(0 / 750 * 100vw);
    left:0;
  }
  .what{
    width:100%;
    margin: 0 auto calc(0 / 750 * 100vw);
    padding:calc(60 / 750 * 100vw) 0;
  }
  .what-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .what-title-wrap{}
  .what-title-p{
    font-size:calc(48 / 750 * 100vw);
    line-height:1.2;    
    text-align: center;
    font-weight: bold;
    color: white;    
    margin-bottom:calc(50 / 750 * 100vw);    
  }
  .what-title-p span.min{
    font-size:calc(64 / 750 * 100vw);
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    background:linear-gradient(to right, #E2D68E, #B3882C) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .what-title-p2-wrap{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-bottom:1px solid white;
    padding-bottom:calc(15 / 750 * 100vw);
    margin:0 auto calc(50 / 750 * 100vw);
    width: fit-content;
  }
  .what-title-p2{
    font-size:calc(32 / 750 * 100vw);
    line-height:1.3;
    text-align: center;
    font-weight: bold;
    color: white;
  }
  .what-title-p3-wrap{
    margin:0 auto calc(50 / 750 * 100vw);
    width:calc(650 / 750 * 100vw);
  }
  .what-title-p3{
    font-size:calc(24 / 750 * 100vw);
    line-height:1.5;
    color: white;
  }
  .what-design-area{
    width: fit-content;
    margin:0 auto;
    display:flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
  }
  .what-design-img{
    width: calc(650 / 750 * 100vw);
  }
  .what-design-on{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
  }
  .what-design-p-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .what-design-p{
    font-size:calc(38 / 750 * 100vw);
    line-height:1.4;
    text-align: center;
    font-weight: 500;
    color: white;
  }
  .what-design-circle{    
    position: absolute;
    width:calc(209 / 750 * 100vw);
    height:calc(209 / 750 * 100vw);
    border-radius: 50%;
    background:linear-gradient(to right, #E2D68E, #B3882C);
    padding:calc(3 / 750 * 100vw);    
  }
  .what-design-circle-in{
    width:100%;
    height:100%;
    border-radius: 50%;
    background:#231815;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .what-design-circle.circle1{
    top:min(22px, calc(22 * 100vw / 1400));
    left:min(-18px, calc(-18 * 100vw / 1400));
  }
  .what-design-circle.circle2{
    top:min(22px, calc(22 * 100vw / 1400));
    right:min(-18px, calc(-18 * 100vw / 1400));
  }
  .what-design-circle.circle3{
    bottom:min(22px, calc(22 * 100vw / 1400));
    left:min(-18px, calc(-18 * 100vw / 1400));
  }
  .what-design-circle.circle4{
    bottom:min(22px, calc(22 * 100vw / 1400));
    right:min(-18px, calc(-18 * 100vw / 1400));
  }
  .what-design-circle-p{
    font-size:calc(27 / 750 * 100vw);
    line-height:1.3;
    text-align: center;
    font-weight: 500;
    color: #FFE376;
  }
    
  
  
  #report{
    position: absolute;
    top:calc(0 / 750 * 100vw);
    left:0;
  }
  .report{
    width:100%;
    margin: 0 auto calc(0 / 750 * 100vw);
    padding:calc(60 / 750 * 100vw) 0;
  }
  .report-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .report-title-wrap{}
  .report-title-p{
    font-size:calc(48 / 750 * 100vw);
    line-height:1.2;    
    text-align: center;
    font-weight: bold;
    margin-bottom:calc(50 / 750 * 100vw);
  }
  .report-title-p span.brown{
    color:#B48A2E;
  }
  .report-title-p span.min{
    font-size:calc(64 / 750 * 100vw);
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  }
  .report-title-p2-wrap{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-bottom:1px solid;
    padding-bottom:calc(15 / 750 * 100vw);
    margin:0 auto calc(50 / 750 * 100vw);
    width: fit-content;
  }
  .report-title-p2{
    font-size:calc(32 / 750 * 100vw);
    line-height:1;
    text-align: center;
    font-weight: bold;
  }
  .report-title-p3-wrap{
    margin:0 auto calc(50 / 750 * 100vw);
    width:calc(650 / 750 * 100vw);
  }
  .report-title-p3{
    font-size:calc(24 / 750 * 100vw);
    line-height:1.5;
  }
  .report-bottom-p{
    font-size:calc(32 / 750 * 100vw);
    line-height:1.3;
    text-align: center;
    font-weight: bold;
    padding-top:calc(50 / 750 * 100vw);
  }
  .report-white-area{
    background:white;
    padding:calc(40 / 750 * 100vw) 0;
    width:calc(650 / 750 * 100vw);
    margin:0 auto;
  }
  .report-white-lr{
    width:calc(560 / 750 * 100vw);
    margin:0 auto;
  }
  .report-white-left{
    width:100%;
    margin-bottom:calc(30 / 750 * 100vw);
    height:100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
  }
  .report-left-top{
    width: 100%;
    margin-bottom:calc(30 / 750 * 100vw);
  }
  .report-exam-p{
    font-size:calc(28 / 750 * 100vw);
    line-height:1;
    text-align: center;
    font-weight: bold;
    color:#B48A2E;
    margin-bottom:calc(40 / 750 * 100vw);
  }
  .report-left-top-lr{
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .report-data-box{
    width:calc(245 / 750 * 100vw);
    margin-right:calc(15 / 750 * 100vw);
  }
  .report-data-box-top{
    display: flex;    
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom:calc(20 / 750 * 100vw);
  }  
  .report-data-box-circle-wrap{
    width:calc(94 / 750 * 100vw);
    height:calc(94 / 750 * 100vw);
    background:#F6F3ED;
    border-radius: 50%;
    display: flex;
    flex-flow:column;
    justify-content: center;
    align-items: center;
  }  
  .report-data-box-circle-icn{}
  .box1 .report-data-box-circle-icn{
    width:calc(42 / 750 * 100vw);
    margin-bottom:calc(5 / 750 * 100vw);
  }
  .box2 .report-data-box-circle-icn{
    width:calc(30 / 750 * 100vw);
    margin-bottom:calc(5 / 750 * 100vw);
  }
  .report-data-box-circle-p{
    font-size:calc(16 / 750 * 100vw);
    line-height:1;
    text-align: center;
    font-weight: 500;
    color:#B48A2E;
  }
  .report-data-box-bottom{
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .report-data-box-bottom ul{
    display: flex;
    flex-flow: column;
    align-items: flex-start;
  }
  .report-data-box-bottom ul li:nth-of-type(n+2){
    margin-top:calc(10 / 750 * 100vw);
  }
  .report-data-box-ul-p{
    font-size:calc(20 / 750 * 100vw);
    line-height:1;
  }  
  .report-left-bottom{
    width:100%;
    background:#F6F3ED;
    padding:calc(15 / 750 * 100vw) calc(25 / 750 * 100vw);
    box-sizing: border-box;
  }
  .report-left-bottom-lr{
    display: flex;
    align-items: center;
  }
  .report-left-bottom-icn{
    width:calc(50 / 750 * 100vw);
    margin-right:calc(25 / 750 * 100vw);
  }  
  .report-left-bottom-p{
    font-size:calc(23 / 750 * 100vw);
    line-height:1.3;
    text-align: center;
    font-weight: 500;
    color:#231815;
  }
  .report-white-right{
    width:100%;
  }
  .report-exam-image{
    width:100%;
  }
  
  
  
  #diff{
    position: absolute;
    top:calc(0 / 750 * 100vw);
    left:0;
  }
  .diff{
    width:100%;
    margin: 0 auto calc(0 / 750 * 100vw);
    padding:calc(60 / 750 * 100vw) 0;
  }
  .diff-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .diff-title-wrap{}
  .diff-title-p{
    font-size:calc(48 / 750 * 100vw);
    line-height:1.2;    
    text-align: center;
    font-weight: bold;
    color: white;    
    margin-bottom:calc(50 / 750 * 100vw);    
  }
  .diff-title-p span.min{
    font-size:calc(64 / 750 * 100vw);
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    background:linear-gradient(to right, #E2D68E, #B3882C) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .diff-title-p2-wrap{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-bottom:1px solid white;
    padding-bottom:calc(15 / 750 * 100vw);
    margin:0 auto calc(50 / 750 * 100vw);
    width: fit-content;
  }
  .diff-title-p2{
    font-size:calc(32 / 750 * 100vw);
    line-height:1.3;
    text-align: center;
    font-weight: bold;
    color: white;
  }
  .diff-title-p2 span.min{
    font-size:calc(40 / 750 * 100vw);
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    background:linear-gradient(to right, #E2D68E, #B3882C) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .diff-goal-area{
    width:100%;
    margin:0 auto calc(70 / 750 * 100vw);
    box-sizing: border-box;
  }
  .diff-goal-area-in{
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }  
  .diff-goal-left{
    width:calc(310 / 750 * 100vw);
    background:white;
    padding: min(1px, calc(1 * 100vw / 750)) min(1px, calc(1 * 100vw / 750)) min(1px, calc(1 * 100vw / 750)) 0;
    box-sizing: border-box;
  }
  .diff-goal-left-in{
    background:black;
    box-sizing: border-box;
  }
  .diff-goal-type-wrap{
    height:calc(80 / 750 * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .diff-goal-type{
    font-size:calc(16 / 750 * 100vw);
    line-height:1.2;
    text-align: center;
    font-weight: bold;
    color: white;
  }
  .diff-goal-ul-wrap{
    height:calc(232 / 750 * 100vw);
  }
  .diff-goal-left ul{
    display:flex;
    flex-flow:column;
    align-items: center;
    width:calc(280 / 750 * 100vw);
    margin:0 auto;
  }
  .diff-goal-left ul li{
    background:white;
    width:calc(280 / 750 * 100vw);
    height:calc(61 / 750 * 100vw);
  }
  .diff-goal-area-in ul li{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .diff-goal-area-in ul li:nth-of-type(n+2){
    margin-top:calc(13 / 750 * 100vw);
  }
  .diff-goal-p{
    font-size:calc(15 / 750 * 100vw);
    line-height:1.3;
    text-align: center;
    font-weight: 500;
  }
  .diff-goal-right{
    width:calc(440 / 750 * 100vw);
    background: linear-gradient(to right, #E2D68E, #B3882C);
    padding: min(1px, calc(1 * 100vw / 750)) 0 min(1px, calc(1 * 100vw / 750)) 0;
  }
  .diff-goal-right-in{
    background:#061835;
    box-sizing: border-box;
  }
  .diff-goal-right ul{
    display:flex;
    flex-flow:column;
    align-items: center;
    width:calc(413 / 750 * 100vw);
    margin:0 auto;
  }
  .diff-goal-right ul li{
    background:#FFE376;
    width:calc(413 / 750 * 100vw);
    height:calc(61 / 750 * 100vw);
  }
  .diff-goal-type2{
    font-size:calc(27 / 750 * 100vw);
    line-height:1;
    text-align: center;
    font-weight: bold;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    background:linear-gradient(to right, #E2D68E, #B3882C) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .diff-goal-p2{
    font-size:calc(20 / 750 * 100vw);
    line-height:1.3;
    text-align: center;
    font-weight: bold;
    color: #061835;
  }  
  .diff-important-area{}
  .diff-important-area ul{
    width:calc(600 / 750 * 100vw);
    display: flex;
    flex-flow:column;
    align-items: flex-start;
    margin-left:calc(50 / 750 * 100vw);
  }
  .diff-important-area ul li:nth-of-type(n+2){
    margin-top:calc(50 / 750 * 100vw);
  }
  .diff-important-area ul li{
    width:100%;
    display: flex;
    align-items: flex-start;
  }
  .diff-important-left{}
  .diff-important-number-wrap{
    width:calc(90 / 750 * 100vw);
    border-right:solid 1px white;
  }
  .diff-important-number{
    font-size:calc(72 / 750 * 100vw);
    line-height:1;
    color:white;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  }
  .diff-important-right{
    width:100%;
    margin-left:calc(30 / 750 * 100vw);
    padding-top:calc(10 / 750 * 100vw);
  }
  .diff-important-right-p1{
    font-size:calc(40 / 750 * 100vw);
    line-height:1;
    font-weight: bold;
    color:#FFE376;
    margin-bottom:calc(20 / 750 * 100vw);
  }
  .diff-important-right-p2{
    font-size:calc(24/ 750 * 100vw);
    line-height:1.6;
    font-weight: 500;
    color:white;
  }
  
  
  
  #after{
    position: absolute;
    top:calc(0 / 750 * 100vw);
    left:0;
  }
  .after{
    width:100%;
    margin: 0 auto calc(0 / 750 * 100vw);
    padding:calc(60 / 750 * 100vw) 0;
  }
  .after-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .after-title-wrap{}
  .after-title-p{
    font-size:calc(48 / 750 * 100vw);
    line-height:1.2;    
    text-align: center;
    font-weight: bold;
    margin-bottom:calc(50 / 750 * 100vw);
  }
  .after-title-p span.brown{
    color:#B48A2E;
  }
  .after-title-p2-wrap{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-bottom:1px solid;
    padding-bottom:calc(15 / 750 * 100vw);
    margin:0 auto calc(50 / 750 * 100vw);
    width: fit-content;
  }
  .after-title-p2{
    font-size:calc(32 / 750 * 100vw);
    line-height:1;
    text-align: center;
    font-weight: bold;
  }
  .after-title-p3-wrap{
    margin:0 auto calc(50 / 750 * 100vw);
  }
  .after-title-p3{
    font-size:calc(24 / 750 * 100vw);
    line-height:1.5;
    text-align: center;
  }
  .after-bottom-p{
    font-size:calc(32 / 750 * 100vw);
    line-height:1.3;
    text-align: center;
    font-weight: bold;
  }
  .after-week-area{
    display: flex;
    flex-flow:column;
    align-items: center;
    width:100%;
    margin:0 auto calc(50 / 750 * 100vw);    
  }
  .after-week-ul{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width:100%;
  }
  .after-week-ul.ul1{
    margin-bottom:calc(15 / 750 * 100vw);
  }
  .after-week-ul.ul2{}
  .after-week-ul li{
    display: flex;
    flex-flow:column;
    align-items: center;
    width:calc(180 / 750 * 100vw);
  }
  .after-week-type{
    font-size:calc(22 / 750 * 100vw);
    line-height:1;
    text-align: center;
    font-weight: bold;
    color:#B48A2E;
  }
  .after-week-ul2-wrap{
    position: relative;
    width: 100%;
    margin-bottom:calc(10 / 750 * 100vw);
  }
  .after-week-circle{
    width:calc(15 / 750 * 100vw);
    height:calc(15 / 750 * 100vw);
    background:#231815;
    border-radius: 50%;
    margin:0 auto;
  }
  .after-week-ul2-line{
    height:min(1px, calc(1 * 100vw / 750));
    background:#231815;
    width:calc(653 / 750 * 100vw);
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    margin:auto 0;
  }
  .after-week-img{
    width:100%;
  }
  .after-week-sen-wrap{
    width:100%;
    height:calc(105 / 750 * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .after-week-ul.ul3 li:nth-of-type(1) .after-week-sen-wrap{
    background:white;
  }
  .after-week-ul.ul3 li:nth-of-type(2) .after-week-sen-wrap{
    background:#F4EFD0;
  }
  .after-week-ul.ul3 li:nth-of-type(3) .after-week-sen-wrap{
    background:#EEE5AD;
  }
  .after-week-ul.ul3 li:nth-of-type(4) .after-week-sen-wrap{
    background:#E1D27D;
  }
  .after-week-sen{
    font-size:calc(19 / 750 * 100vw);
    line-height:1.3;
    text-align: center;
    font-weight: 500;
  }
  .after-week-ul.ul3 li:nth-of-type(3) .after-week-sen{}
  
  
  
  #reason{
    position: absolute;
    top:calc(0 / 750 * 100vw);
    left:0;
  }
  .reason{
    width:100%;
    margin: 0 auto calc(0 / 750 * 100vw);
    padding:calc(45 / 750 * 100vw) 0 calc(60 / 750 * 100vw);
  }
  .reason-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .reason-title-p2-wrap{
    display: flex;
    flex-flow: column;
    align-items: center;
    margin:0 auto calc(50 / 750 * 100vw);
    width: fit-content;
  }
  .reason-title-p2-wrap-in{
    border-bottom:1px solid white;
    padding-bottom:calc(10 / 750 * 100vw);
    width: fit-content;
  }
  .reason-title-p2{
    font-size:calc(50 / 750 * 100vw);
    line-height:1.3;
    text-align: center;
    font-weight: 500;
    color: white;
  }
  .reason-title-p2-line-wrap{
    position: relative;
  }
  .reason-title-p2-line{
    width:calc(20 / 750 * 100vw);
    height:calc(50 / 750 * 100vw);
    background:#2c221f;
    border-right:solid 1px white;
    transform-origin: right top;
    transform:rotate(45deg);
    position: absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
  }
  .reason-title-wrap{}
  .reason-title-p{
    font-size:calc(85 / 750 * 100vw);
    line-height:1.2;    
    text-align: center;
    font-weight: 500;
    color: white;    
    margin-bottom:calc(20 / 750 * 100vw);    
  }
  .reason-title-p span.min{
    font-size:calc(90 / 750 * 100vw);
    font-weight: 300;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    color:#fce588;
  }  
  .reason-title-p3-wrap{
    margin:0 auto calc(50 / 750 * 100vw);
  }
  .reason-title-p3{
    font-size:calc(36 / 750 * 100vw);
    line-height:1.5;
    text-align: center;
    color: white;
  }
  .reason-ul{
    width:calc(690 / 750 * 100vw);
    display: flex;
    flex-flow:column;
    align-items: center;    
    margin:0 auto;
  }
  .reason-ul li{
    background:white;
    width:100%;
    box-sizing: border-box;
    padding:calc(40 / 750 * 100vw);
  }
  .reason-ul li:nth-of-type(n+2){
    margin-top:calc(40 / 750 * 100vw);
  }
  .reason-ul li:nth-of-type(odd) .reason-li-in{
    padding-left:calc(0 / 750 * 100vw);
  }
  .reason-ul li:nth-of-type(even) .reason-li-in{
    padding-left:calc(0 / 750 * 100vw);
  }
  .reason-li-in{
    position: relative;
  }
  .reason-li-voice-wrap{
    display: flex;
    align-items: center;
    margin-bottom:calc(20 / 750 * 100vw);
  }
  .reason-li-voice-number-box{
    background:#b48a2e;
    width:calc(81 / 750 * 100vw);
    height:calc(81 / 750 * 100vw);
    border-radius: calc(5 / 750 * 100vw);
    margin-right:calc(15 / 750 * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .reason-li-voice-number{
    font-size: calc(22 / 750 * 100vw);
    line-height: 1.1;
    font-weight: bold;
    text-align: center;
    color:white;
  }
  .reason-li-voice-number span.number{
    font-size: calc(30 / 750 * 100vw);
  }
  .reason-li-voice-p{
    font-size: calc(34 / 750 * 100vw);
    line-height: 1.2;
    font-weight: bold;
    color:#b48a2e;
  }  
  .reason-li-sen-wrap{
    width:100%;
  }
  .reason-li-sen{
    font-size: calc(30 / 750 * 100vw);
    line-height: 1.5;
    color:#333333;
  }
  .reason-li-space{
    width:calc(0 / 750 * 100vw);
    height:calc(157 / 750 * 100vw);
    float: right;
  }
  .reason-li-face-box{
    width:calc(203 / 750 * 100vw);
    margin-left:calc(35 / 750 * 100vw);
    margin-bottom:calc(30 / 750 * 100vw);
    float: right;
    clear: both;
  }
  .reason-ul li:nth-of-type(3) .reason-li-face-box,
  .reason-ul li:nth-of-type(4) .reason-li-face-box,
  .reason-ul li:nth-of-type(5) .reason-li-face-box{
    margin-bottom:calc(50 / 750 * 100vw);
  }
  .reason-li-face{
    width:100%;
    margin-bottom:calc(15 / 750 * 100vw);
  }
  .reason-li-face-p-wrap{
    position: relative;
  }
  .reason-li-face-p{
    font-size: calc(17 / 750 * 100vw);
    line-height: 1.3;
    font-weight: 500;
    text-align: center;
    color:#333333;
    white-space: nowrap;
    position: absolute;
    top:0;
    left: 50%;
    transform: translateX(-50%);
    width:fit-content;
  }
  
    
  
  #faq{
    position: absolute;
    top:calc(0 / 750 * 100vw);
    left:0;
  }
  .faq{
    width:100%;
    margin: 0 auto calc(0 / 750 * 100vw);
    padding:calc(60 / 750 * 100vw) 0;
  }
  .faq-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .faq-title-wrap{}
  .faq-title-p{
    font-size:calc(64 / 750 * 100vw);
    line-height:1;
    text-align: center;
    font-weight:bold;
    margin-bottom:calc(80 / 750 * 100vw);
  }
  .faq-area{}
  .faq-area ul{
    margin:0 auto;
    display: flex;
    flex-flow:column;
    align-items: center;
  }
  .faq-area ul li:nth-of-type(n+2){
    margin-top:calc(15 / 750 * 100vw);
  }
  .faq-box{
    background:white;
    width:calc(630 / 750 * 100vw);
    padding:calc(25 / 750 * 100vw) calc(20 / 750 * 100vw);
  }
  .faq-top-in{    
    display:flex;
    justify-content: space-between;
  }
  .faq-top-q-wrap{
    display: flex;
    align-items: center;
  }
  .faq-top-q{
    font-size:calc(38 / 750 * 100vw);
    line-height:1;
    margin-right:calc(15 / 750 * 100vw);
    color:#B48A2E;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-weight: bold;
  }
  .faq-top-sen{
    font-size:calc(24 / 750 * 100vw);
    line-height:1;
    font-weight: bold;
  }
  .faq-top-op-wrap{}
  .faq-top-op-icn{
    position: relative;
    background:#B48A2E;
    border-radius: 50%;
    width:calc(43 / 750 * 100vw);
    height:calc(43 / 750 * 100vw);
  }
  .faq-top-op-arrow{
    position: absolute;
    top:calc(-8 / 750 * 100vw);
    right:0;
    left:0;
    bottom:0;
    margin:auto;
    border-bottom:solid calc(4 / 750 * 100vw) white;
    border-right:solid calc(4 / 750 * 100vw) white;
    width:calc(12 / 750 * 100vw);
    height:calc(12 / 750 * 100vw);
    transform: rotate(45deg);
  }
  .faq-box.active .faq-top-op-arrow{
    transform: rotate(225deg);
    top:calc(8 / 750 * 100vw);
  }
  .faq-bottom{}
  .faq-bottom-in{
    background:#F6F3ED;
    padding:calc(25 / 750 * 100vw) calc(20 / 750 * 100vw);
    margin-top:calc(15 / 750 * 100vw);
  }
  .faq-bottom-p{
    font-size:calc(24/ 750 * 100vw);
    line-height:1.5;
  }
    
  
  
  #price{
    position: absolute;
    top:calc(0 / 750 * 100vw);
    left:0;
  }
  .price{
    width:100%;
    margin: 0 auto calc(0 / 750 * 100vw);
    padding:calc(60 / 750 * 100vw) 0;
  }
  .price-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .price-title-wrap{}
  .price-title-p{
    font-size:calc(72 / 750 * 100vw);
    line-height:1;    
    text-align: center;
    font-weight: bold;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    margin-bottom:calc(50 / 750 * 100vw);
    background:linear-gradient(to right, #E2D68E, #B3882C) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .price-title-p2-wrap{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-bottom:1px solid white;
    padding-bottom:calc(15 / 750 * 100vw);
    margin:0 auto calc(50 / 750 * 100vw);
    width: fit-content;
  }
  .price-title-p2{
    font-size:calc(32 / 750 * 100vw);
    line-height:1;
    color:white;
    text-align: center;
    font-weight: bold;
  }
  .price-yellow-wrap{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding:calc(10 / 750 * 100vw) 0;
    margin:0 auto calc(40 / 750 * 100vw);
    width: calc(625 / 750 * 100vw);
    background:#FFE376;
  }
  .price-yellow-p{
    font-size:calc(24 / 750 * 100vw);
    line-height:1;
    text-align: center;
    font-weight: bold;
  }
  .price-price-wrap{
    display: flex;
    justify-content: center;
    align-items: flex-end;    
  }
  .price-yen{
    font-size:calc(128 / 750 * 100vw);
    line-height:1;
    font-weight: bold;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    margin-right:calc(20 / 750 * 100vw);
    padding-bottom:calc(40 / 750 * 100vw);
    background:linear-gradient(to right, #E2D68E, #B3882C) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .price-yen span{
    font-size:calc(40 / 750 * 100vw);
    font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  }
  .price-tax{
    font-size:calc(36 / 750 * 100vw);
    line-height:1;
    color:white;
    padding-bottom:calc(43 / 750 * 100vw);
  }
  .price-tag-area{
    margin-bottom:calc(50 / 750 * 100vw);
  }
  .price-tag-area ul{
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .price-tag-ul1{
    margin-bottom:calc(15 / 750 * 100vw);
  }
  .price-tag-area ul li:nth-of-type(n+2){
    margin-left:calc(15 / 750 * 100vw);
  }
  .price-tag-area ul li{
    background:linear-gradient(to right, #E2D68E, #B3882C);
    padding:1px;
    box-sizing: border-box;
  }
  .price-tag-p-wrap{
    background:#231815;
    padding:calc(10 / 750 * 100vw) calc(20 / 750 * 100vw);
    box-sizing: border-box;
  }
  .price-tag-p{
    font-size:calc(18 / 750 * 100vw);
    line-height:1;
    color:white;
  }
  .price-bottom-p{
    font-size:calc(32 / 750 * 100vw);
    line-height:1.3;
    color:white;
    text-align: center;
    font-weight: bold;
  }
    
    
  
  #shop{
    position: absolute;
    top:calc(20 / 750 * 100vw);
    left:0;
  }
  .shop{
    width:100%;
    margin: 0 auto calc(0 / 750 * 100vw);
    padding:calc(60 / 750 * 100vw) 0;
  }
  .shop-in{
    width:100%;
    margin:0 auto;
    position: relative;
  }
  .shop-title-wrap{}
  .shop-title-p{
    font-size:calc(48 / 750 * 100vw);
    line-height:1.2;
    text-align: center;
    font-weight:bold;
    margin-bottom:calc(50 / 750 * 100vw);
  }
  .shop-title-p2{
    font-size:calc(32 / 750 * 100vw);
    line-height:1;
    text-align: center;
    font-weight:bold;
    margin-bottom:calc(50 / 750 * 100vw);
  }
  .shop-area-all{
    display: flex;
    flex-flow:column;
    align-items: center;
    margin:0 auto;
  }
  .shop-area-all>div:nth-of-type(n+2){
    margin-top:calc(50 / 750 * 100vw);
  }
  .shop-area-wrap{
    width:calc(650 / 750 * 100vw);
  }
  .shop-area-name{
    font-size:calc(36 / 750 * 100vw);
    line-height:1;
    text-align: center;
    font-weight:500;
    margin-bottom:calc(50 / 750 * 100vw);
  }
  .shop-area-wrap ul{}
  .shop-area-wrap ul li{
    border-bottom: dashed 1px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom:calc(15 / 750 * 100vw);
  }
  .shop-area-wrap ul li:nth-of-type(n+2){
    margin-top:calc(20 / 750 * 100vw);
  }
  .shop-left-aera{
    display: flex;
    flex-flow:column;
    align-items: flex-start;
  }
  .shop-type1{
    font-size:calc(15 / 750 * 100vw);
    line-height:1;
    margin:0 calc(50 / 750 * 100vw) calc(10 / 750 * 100vw) 0;
  }
  .shop-type2{
    font-size:calc(28 / 750 * 100vw);
    line-height:1.2;
    font-weight:500;
    margin:0 calc(20 / 750 * 100vw) calc(10 / 750 * 100vw) 0;
  }
  .shop-add-wrap{
    display:flex;
    align-items: center;
  }
  .shop-type3{
    font-size:calc(20 / 750 * 100vw);
    line-height:1;
    margin-right:calc(20 / 750 * 100vw);
  }
  .shop-map-wrap{
    display: flex;
    align-items: flex-end;
  }
  .shop-map-p{
    font-size:calc(24 / 750 * 100vw);
    line-height:1;
  }
  .shop-map-p.link{
    border-bottom: solid 1px;
  }
  .shop-right-aera{}
  .shop-reserv-box{
    padding:calc(15 / 750 * 100vw) calc(30 / 750 * 100vw);
    box-sizing: border-box;
    background:#B48A2E;
    border-radius:calc(5 / 750 * 100vw);
  }
  .shop-reserv-p{
    font-size:calc(24 / 750 * 100vw);
    line-height:1;
    font-weight:500;
    color:white;
  }
  
  
  
  .anchor{
    position:fixed;
    right:calc(10 / 750 * 100vw);
    bottom:calc(10 / 750 * 100vw);
    z-index: 20;
  }
  .anchor-ul{
    display:flex;
    flex-flow:column;
    align-items: flex-end;
  }
  .anchor-ul li{
    width: fit-content;
    position: relative;
  }
  .anchor-box{} 
  .anchor-top-wrap{}
  .anchor-top-icn{
    position: relative;
    background:#B48A2E;
    border-radius: 50%;
    width:calc(90 / 750 * 100vw);
    height:calc(90 / 750 * 100vw);
  }
  .anchor-top-arrow{
/*
    position: absolute;
    top:calc(23 / 750 * 100vw);
    right:0;
    left:0;
    margin:0 auto;
    border-bottom:solid calc(5 / 750 * 100vw) white;
    border-right:solid calc(5 / 750 * 100vw) white;
    width:calc(15 / 750 * 100vw);
    height:calc(15 / 750 * 100vw);
    transform: rotate(225deg);
*/
  }
  .anchor-top-arrow::before,
  .anchor-top-arrow::after{
    content: "";
    width: calc(17 / 750 * 100vw);
    height: calc(5 / 750 * 100vw);
    display: inline-block;
    border-radius: calc(2 / 750 * 100vw);
    background: white;
    position: absolute;
    top: calc(25 / 750 * 100vw);
  }
  .anchor-top-arrow::before {
    left: calc(50% - 14%);
    transform: rotate(-45deg);
  }
  .anchor-top-arrow::after {
    right: calc(50% - 14%);
    transform: rotate(45deg);
  }
  .anchor-top-p{
    font-size:calc(25 / 750 * 100vw);
    line-height: 1;
    text-align: center;
    color:white;
    font-weight: bold;
    top:calc(42 / 750 * 100vw);
    position: relative;
  }
}


@media screen and (min-width: 739px) and (max-width: 1200px){}