@charset "utf-8";

html{
    /*font-family: "Shippori Mincho B1", serif;
    font-weight: 400;
    font-style: normal;
    
    // <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.sawarabi-mincho-regular {
  font-family: "Sawarabi Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.zen-maru-gothic-regular {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
 

  Adobeフォント
  【DNP秀英初号】
 font-family: dnp-shuei-shogomincho-std, sans-serif;
font-style: normal;
font-weight: 700;

【DNP秀英明朝】
font-family: dnp-shuei-mincho-pr6n, sans-serif;
font-style: normal;
font-weight: 400;

【FOT-筑紫A丸ゴシック Std】
font-family: fot-tsukuardgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
 
 
  */
}

body{
    background-color: ;
    font-size: 30px;
    max-width: 1000px;
    margin: 0 auto;
    line-height: 1.5;
    font-family: "Sawarabi Mincho", serif;
    font-family: dnp-shuei-shogomincho-std, sans-serif;
  font-weight: 800;
  font-style: normal;
}

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

img{
    width: 100%;
    height: auto;
}

a{
    color: inherit;
}

/*共通*/

.c-font{
    font-family: "Sawarabi Mincho", serif;
  font-weight: 800;
  font-style: normal;
}

.c-font1{
    font-family: "Sawarabi Mincho", serif;
    font-family: dnp-shuei-mincho-pr6n, sans-serif;
  font-weight: 800;
  font-style: normal;
}

.c-font2{
    font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.c-font3{
    font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
}

.c-font_white{
    color: white;
}
.c-font_gold__fv{
    color: #fad47d;
}

.c-font_gold{
    color: #886e33;
}

.c-font_gold2{
    color: #bf9d5f;
}

.c-font_gold3{
    color: #d2991c;
}

.c-font_red{
    color: #bc010d;
}

.c-font-size50{/*px*/
    font-size: 50%;
}

.c-font-size70{/*px*/
    font-size: 70%;
}

.c-font-size80{
    font-size: 80%;
}

.c-font-size90{/*36px*/
    font-size: 90%;
}

.c-font-size110{
    font-size: 110%;
}

/*40px 100%*/
.c-font-size120{
    font-size: 120%;
}

.c-font-size140{/*44px*/
    font-size: 140%;
}

.c-font-size180{/*48px*/
    font-size: 180%;
}

.c-font-size200{/*55px*/
    font-size: 200%;
}

.c-font-size300{
    font-size: 280%;
}

.c-font-weight_400{
    font-weight: 400;
}

.c-font-weight{
    font-weight: bold;
}

.c-background_black{
    background-color: black;
}

.c-background_white{
    background-color: white;
}

.c-background_beige{
    background-color: #fff7e8;
}

.c-background_red{
    background-color: #bc010d;
}

.c-background_gray{
    background-color: gray;
}

.c-background_f2{
    background-color: #f2f0f2;
}

.c-l_center{
    text-align: center;
}

.c-line-gold{
    color: blanchedalmond;
}

.c-wrap-back-beige{
    background-color: beige;
}

.c-shadow-gray{
    text-shadow: 0 0.06em #4e4c4c;
}

.c-boxshadow{
    box-shadow: 5px 5px 15px -2px rgba(0, 0, 0, .5);
}

.c-padding-top07{
    padding-top: 0.7em;
}

.c-padding-top2{
    padding-top: 2em;
}

.c-padding-top25{
    padding-top: 2.5em;
}

.c-padding-top5{
    padding-top: 5em;
}

.c-padding-bottom1{
    padding-bottom: 1em;
}

.c-padding-bottom3{
    padding-bottom: 3em;
}

.c-padding-left20{
    padding-left: 2em;
}

.c-padding-left35{
    padding-left: 3.5em;
}

.c-letter-spacing-3{
    letter-spacing: -3px;
}

.c-letter-spacing-2{
    letter-spacing: -2px;
}

.c-padding_05em-1em{
    padding: 0.5em 1em
    }

.c-padding_05em-0em{
    padding: 0.5em 0em
    }

.c-padding_05em{
    padding: 0.5em;
    }

.c-padding_02em-0-0{
    padding: 0.2em 0 0;
}

.c-padding_02em-0{
    padding: 0.2em 0;
}

.c-padding_03em-05em{
    padding: 0.3em 0.5em
}

.c-padding_05em-05em-015em{
    padding: 0.5em 0.5em 0.15em
}

.c-padding_04em-05em{
    padding: 0.4em 0.5em
}

.c-padding_0em-06em{
    padding: 0em 0.6em
}

.c-margin_01em-3em{
    margin: 0em 3em;
}
.c-margin-top_bottom15{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.c-margin-left{
    margin-left: 1em;
}

.c-padding-right15{
    padding-right: 1.5em;
}

.c-padding-left15{
    padding-left: 1.5em;
}

.c-padding-right30{
    padding-right: 3em;
}

.c-margin-bottom-01{
margin-bottom: -0.1em;
}

.c-letter-spacing-01{
    letter-spacing:-0.1em;
}

.c-letter-spacing-05{
    letter-spacing:-0.5em;
}

.c-line-height15{
    line-height: 1.4;
}

.c-line-height0{
    line-height: 0;
}

.c-line-height20{
    line-height: 2;
}

.c-relative{
    position: relative;
}

.c-right-to-left {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: sideways;
  }


/*header*/

.fv{
    background-color: #f3ecde;
    background-image: url(../img/fv-back.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 90%;
    height: 40em;
    padding: 1em 5%;
    position: relative;
}

.fv-2h1{
    position: relative;
}

.fv-2h1:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: -15px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #000000 transparent transparent transparent;
    border-width: 20px 20px 0 20px;
  }

.l-2backcolor_header{
    align-items: center;
    transform:skewX(-15deg);
    background: linear-gradient(90deg, #bc010d 0%, #bc010d 50%, black 50%, black 100%);
    display: flex;
    justify-content: center;
}

.l-2backcolor_header2{
    transform: skewX(12deg);
    background: linear-gradient(113deg, #bc010d 0%, #bc010d 50%, black 50%, black 100%);
}

.l-grid_header{
    position: absolute;
    bottom: 12%;
    right: inherit;
    width: 90%;
}

/*btn*/

.btn{
    background-color: #f3ecde;
    padding: 2em 1.5em;
}

.btn-wrap{
    background-color: #fff;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    }

    .cat{
        width:90%;
        margin: 0 5%;
    }

/*
button{
    font-size: 100%;
    font-family: dnp-shuei-shogomincho-std, sans-serif;
    font-weight: 900;
    font-style: normal;
    border-radius: 10px;
}

.u-content2{
    position: relative;
}

.u-content2::after{
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(../img/content2.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 2.8px;
}

.l-underline{
    position: relative;
  }
  
  .l-underline:before {
  content: "";
      display: inline-block;
      position: absolute;
      left: 0;
      bottom: -0.1em;
      width: 100%;
      height: 0.1em;
      border-radius: 5px;
    background: #000;
  }


*/

.l-top_underline{
    border-bottom: 0.05em #fff solid;
    border-top: 0.05em #fff solid;
    padding: 0.1em;
  }
/*
button{
    padding: 0.5em 1em; 
}*/

.u-absolute_btn{
    position: absolute;
    top: 2em;
    left: 2.8em;
    z-index: 10;
}

.u-absolute_btn2{
    position: absolute;
    top: 0.5em;
    left: 7.7em;
    z-index: 9;
}

table{
    margin: 1em;
}

th{
    width: 40%;
    text-align: left;
    padding-left: 1em;
}
td{
    text-align: left;
    margin-top: auto; 
    padding-left: 5px;

}

/*ボタンの動き*/

.anim-box.poyopoyo {
    animation: poyopoyo 2s ease-out infinite;
    opacity: 1;
  }
  @keyframes poyopoyo {
    0%, 40%, 60%, 80% {
      transform: scale(1.0);
    }
    50%, 70% {
      transform: scale(0.95);
    }
  }





/*section01*/
.wrap-section1-1{
    background-color: #9faab0;
}

.section1-1_title{
    position: absolute;
    top: 1em;
    left: 2em;
}




/*section02*/
/*



.u-content1{
    content: url(../img/content1.png);
    margin: 30px auto;
    width: 15%;
}



.u-wrap__section01-3 img{
    position: absolute;
    top: 43%;
    right: 0%;
    z-index: -1;
    width: 50%;
}
*/

.section01-2{
    background-color: #232425;
    background-image: url(../img/b-section01-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 45.2em;
}

.u-wrap__section01-3{
    background-color: #fff7e8;
    margin: 1.5em 3em;
    padding: 1.5em 0.8em;
    line-height: 1.9;
    position: relative;
    z-index: 0;
}

.img{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 1em;
    max-width: 800px;
}

.img-bunsekikai{
max-width: 1000px;
}


.u-section2-2title{
    background-color: #c1cacf;
    background-image: url(../img/b-section2-2title.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 2.9em;
    padding-top: 50px;
    position: relative;
}

.u-section2-2title:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: -48px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #c1cacf transparent transparent transparent;
    border-width: 50px 495px 0 495px;
  }

.u-section2-2{
    background-color: #f6f3ed;
    background-image: url(../img/b-section2-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 16.84em;
    padding-top: 5%;
}

.u-section2-li{
    background-color: #fff;
    margin: 30px 115px;
    padding: 1% 1% 1% 4%;
    position: relative;
    height: 120px;
}

.u-section2-li::before{
    position: absolute;
    top: -0.2em;
    left: -0.45em;
    content: "";
    display: inline-block;
    width: 30%;
    height: 30%;
    background: url(../img/content2-2.png) no-repeat;
    background-size: contain;
}


/*section03*/

.u-wrap__section3-1{
    background-color: #fff;
    background-image: url(../img/b-section3-1.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 100em;
}

.u-wrap-img_dl{
    position: relative;
    height: 28em;
}

.u-wrap-img_dl2{
    position: relative;
    height: 35em;
}


.u-tokutyou1{
    position: absolute;
    top: 0;
    right: 2em;
    width: 78%;
}

.u-tokutyou2{
    position: absolute;
    top: 0;
    left: 1em;
    width: 84%;
}

.u-tokutyou3{
    position: absolute;
    top: 0;
    right: 2em;
    width: 78%;
}

.u-section03-wrap__tokutyou{
    width: 80%;
    background-color: #fff;
    box-shadow: #bdc6c6 0px 0px 3px 2px;
    position: absolute;
    top:10em;
    left:3em;
    z-index: 2;
}

.u-section03-wrap__tokutyou2{
    width: 80%;
    background-color: #fff;
    box-shadow: #bdc6c6 0px 0px 3px 1.5px;
    position: absolute;
    top: 11em;
    right: 3em;
    z-index: 2;
}

.u-section03-wrap__tokutyou3{
    width: 80%;
    background-color: #fff;
    box-shadow: #bdc6c6 0px 0px 3px 2px;
    position: absolute;
    top: 11.5em;
    left: 2em;
    z-index: 2;
}

.u-tokutyou-dl,.u-tokutyou-dl2{
    position: relative;
}

.u-tokutyou-dt{
    position: absolute;
    top: 2em;
    left:-1em;
    z-index: 3;
}

.u-tokutyou-dt2{
    position: absolute;
    top: 2em;
    right: -1em;
    z-index: 3;
}

.u-tokutyou-dt:after{
    content: "";
    position: absolute;
    bottom: -26px;
    left: 0px;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #a00310 transparent transparent transparent;
    border-width: 20px 0px 0 30px;
    z-index: -1;
}


.u-tokutyou-dt2:after{
    content: "";
    position: absolute;
    bottom: -23px;
    right: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #a00310 transparent transparent transparent;
    border-width: 17px 29px 0px 0px;
    z-index: -1;
}

.u-tokutyou-dt3:after{
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #a00310 transparent transparent transparent;
    border-width: 20px 0px 0 30px;
}

.u-tokutyou-dd_no {
    color: #c7c7c7;
    font-size: 200%;
    font-weight: 100;
    text-align: right;
    padding-right: 0.3em;
}

.u-tokutyou-dd_no2{
    color: #c7c7c7;
    font-size: 200%;
    font-weight: 100;
    text-align: left;
    padding-left: 0.3em;
}

.u-tokutyou-dd{
padding: 2em 1.5em 1.5em;
}

.u-tokutyou-dd3{
    padding: 4em 1.5em 1.5em;
}

.u-section3-2{
    background-color: #0e2748;
    background-image: url(../img/b-section3-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 56.4em;
}

.u-content3{
    position: relative;
    margin-left: 5em;
}

.u-content3::before{
    margin: 0em 0.7em 0em 3em;
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(../img/content3-2reten.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: -4.5em;
    top: 0.02em;
}

img.c-b-3-2{
    position: absolute;
    top: 28%;
    right: -3%;
}

.u-section3-4-1{
    margin-top: -1.5px;
}

.u-section3-4{
    height: 23.9em;
    margin-top: 4em;
    position: relative;
}

.c-absolute{
    position: absolute;
    top: -2.8em;
    left: 2em;
}

.u-section03-wrap__trans{
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0em 1em;
    padding: 1em 0.2em 1em;

}

/*section04*/

.u-wrap__section4{
    background-color: #d7d5d5;
    background-image: url(../img/b-section4.png);
    background-repeat: repeat;
    background-size: cover;
}

.u-wrap__section4-title{
    background-image: url(../img/b-section4-1title.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 7em;
}

.c-grid{
    display: grid;
    grid-template-columns: 29% 71%;
    gap: 0;
    text-align: left;
    align-items: center;
    padding-top: 2em;
}

.c-grid2{
    display: grid;
    grid-template-columns: 68% 32%;
    gap: 0%;
    text-align: left;
    align-items: center;
    padding-top: 3em;
}


.c-grid3{
    display: grid;
    grid-template-columns: 26% 70%;
    gap: 4%;
    text-align: left;
    align-items: center;
    padding: 0.5em;
    margin: 0em 0em 1em;
}

.c-grid4{
    display: grid;
    grid-template-columns: 10% 90%;
    text-align: left;
    align-items: center;
    margin-top: 1em;
}

.c-grid5{
    display: grid;
    grid-template-columns:90% 10%;
    text-align: left;
    align-items: center;
    margin-top: 1em;
}

.u-content-saport2::before{
    content: url(../img/section4-02-2.png);
}

.u-sankaku{
    width: 15%;
    margin: auto;
}  

.u-tatesen{
    position: relative;
}

.u-tatesen:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: -1em;
    bottom: 0.4em;
    width: 0.15em;
    height: 91%;
    border-radius: 5px;
    background: #000;
    }

.u-flex{
    display: flex;
    padding: 1em 1em 1em 0;

}

.u-back{
    background-image: url(../img/back1.png);
}

.u-back2{
    background-image: url(../img/back2.png);
}

/*section05*/

.u-wrap__section5{
    background-color: #aeb1b3;
    background-image: url(../img/b-section4-1.png);
    background-repeat: repeat;
    background-size: cover;
}

.u-wrap__section5-title{
    background-color: #d8dee0;
    background-image: url(../img/b-section5-title.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    height: 7em;
}

.u-wrap__section5-title::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -47px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #d8dee0 transparent transparent transparent;
    border-width: 50px 480px 0 480px;
}

.section5-img{
    width: 90%;
    margin: 2em 5% 1em;
}

.u-section5-no1{
    width: 85%;
    height: 8em;
    background-image: url(../img/section05-step1.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 1.5em auto;;
    position: relative;
}

.c5-absolute1{
    position: absolute;
    top: 0.4em;
    left: 9em;
}

.u-section5-no2{
    width: 85%;
    height: 8em;
    background-image: url(../img/section05-step2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 1.5em auto;
    position: relative;
}

.c5-absolute2{
    position: absolute;
    top: 3em;
    left: 9em;
}

.u-section5-no3{
    width: 85%;
    height: 8em;
    background-image: url(../img/section05-step3.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 1.5em auto;
    position: relative;
}

.c5-absolute3{
    position: absolute;
    top: 1.8em;
    left: 9em;
}
.u-section5-no4{
    width: 85%;
    height: 8em;
    background-image: url(../img/section05-step4.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 1.5em auto;
    position: relative;
}

.c5-absolute4{
    position: absolute;
    top: 0.6em;
    left: 8.5em;
}
.u-section5-no5{
    width: 85%;
    height: 8em;
    background-image: url(../img/section05-step5.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 1.5em auto;
    position: relative;
}

.c5-absolute5{
    position: absolute;
    top: 2.5em;
    left: 9em;
}

.no{
    padding-bottom: 1em;
}

/*section06*/

.u-wrap__section6{
    background-color: #f3ecde;
}

.u-wrap__section6-title{
    background-image: url(../img/b-section6-title.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 6em;
    padding-top: 3em;
}

.u-kutikomi_wrap{
    margin: 2em 3.3em 1em;
    border: #04234a 0.175em solid;
    padding: 1em 1em;
    font-size: 90%;
}

.c6-absolute1,.c6-absolute2,.c6-absolute3{
    position: relative;
}

.c6-absolute1 img,.c6-absolute2 img,.c6-absolute3 img{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 18%;
}


/*section07*/

.u-wrap__section7{
    background-image: url(../img/b-section7.png);
    background-size: cover;
    padding-top: 1em;
    position: relative;
}

.u-wrap2__section7{
    background-color: #fff;
    margin: 1em 2em;
}

.u-wrap__section7-title{
    position: absolute;
    top: 33px;
    left: 65px;
    width: 40%;
    height: auto;
}

.u-wrap__section7-bun1{
    background-color: #fff7e8;
    border-top: #c39664 0.13em solid;
    padding: 0.8em;
}

.u-wrap2__section7 h3 img{
    width: 25%;
}

/*section08*/

.u-wrap__section8{
    background-image: url(../img/b-section8.png);
    background-size: cover;
    padding-top: 1em;
}

.u-wrap__section8-title{
    width: 40%;
    height: auto;
    margin-left: 1em;
}

.u-wrap2__section8{
    background-color: #e7e5e8;;
    margin: 1em 2em;
    padding: 2em;
}


.c-contentQ::before{
content: "Q";
background-color: #a00310;
border-radius: 50%;
color: #fff;
margin-right: 1em;
padding: 2px 10px;
}

.c-contentA::before{
    content: "A";
background-color: #fff;
border-radius: 50%;
color: #a00310;
margin-right: 1em;
padding: 2px 10px;
}

.u-flex2{
    display: flex;
}

.u-section8-dt {
    padding: 1em 0em 0.5em;
}

/* アコーディオン全体のスタイリング */
.accordion {
    margin-bottom: 1.5em;
  }
  
  /* アコーディオンのヘッダー部分のスタイリング */
  .accordion-header {
    /*padding: 10px;*/
    background-color: #e7e5e8;;
    cursor: pointer;
    outline: none;
    font-weight: bold;
    border-bottom: 1px solid #e7e5e8;;
    position: relative; /* 矢印アイコンの位置調整のため */
    list-style: none; /* デフォルトの矢印を消す */
    transition: background-color 0.3s; /* 背景色の変化にアニメーションを適用 */
  }
  
  /* アコーディオンのコンテンツ部分のスタイリング */
  .accordion-content {
    padding: 15px;
    line-height: 1.5;
    background-color: #e7e5e8;;
  }
  
  /* カスタム矢印のスタイル */
  .accordion-header::after {
    content: '▼'; /* ここに好きなアイコンを設定できます */
    position: absolute;
    right: 0; /* ヘッダーから右に10pxの位置 */
    transition: transform 0.3s ease; /* アニメーション効果 */
  }
  
  /* アコーディオンが開いている時の矢印のスタイル */
  .accordion[open] .accordion-header::after {
    transform: rotate(180deg); /* 矢印を180度回転 */
  }
  
  /* ホバー時のヘッダーのスタイル */
  .accordion-header:hover {
    background-color: #e7e7e7; /* ホバー時の背景色 */
  }
  
  /* WebKitベースのブラウザでデフォルトの矢印を消す */
  .accordion .accordion-header::-webkit-details-marker {
    display: none;}

/*フッター*/
footer{
    width: 100%;
    height: auto;
}




@media (max-width: 990px){
body{
    font-size: 3vw;}
.u-section2-2title:after {
    bottom: -5.8vw;
    border-width: 6vw 50vw 0 50vw;
    }
.u-section2-2 {
     height: 90vw;
}
.u-section2-li {
    margin: 5vw 10vw;
    padding: 1% 0.5% 1% 6%;
    height: 13vw;
}
.u-section03-wrap__tokutyou {
top: 30vw;
left: 9vw;
}
.u-wrap-img_dl2 {
height: 105vw;
}
.u-tokutyou-dt:after {
bottom: -1.05em;
border-width: 2.5vw 0px 0 3vw;
z-index: -1;
}
.u-tokutyou-dt2:after {
    bottom: -1.05em;
    border-width: 2.5vw 3.0vw 0px 0px;
    z-index: -1;
}
.u-tokutyou-dt3:after {
bottom: -0.8em;
}
.u-wrap__section5-title::after {
    bottom: -4.5vw;
    border-width: 6vw 50vw 0 50vw;
}
.u-section3-2 {
    height: 173vw;
    }

.section01-2 {
    height: 135vw;
}

.u-content1 {
    margin: 1vw auto 1.1vw;
    width: 15%;
}

.u-section2-2title {
    height: 21vw;
    padding-top: 5vw;
}

.c-padding-top25 {
    padding-top: 11vw;
}

.u-wrap__section7-title {
    top: 3.5vw;
    left: 7vw;
}
.u-content3::before {
    width: 5vw;
    height: 5vw;
    left: -4.5em;
    top: 0.02vw;

}

.c-contentQ::before {
    margin-right: 0.5em;
    padding: 0.5vw 1.3vw;;
}

.u-wrap__section5-title {
    height: 20.2vw;
}

.c-contentA::before {
    padding: 0.5vw 1.3vw;
}

.u-content2::after {
    top: 0.3vw;
}
}

@media (min-width: 1200px){
body{
    max-width: none;
}

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

.btn-wrap,.u-wrap__section01-3,.u-wrap__section3-1-1,.u-section3-4,.c-margin_01em-3em,.section5-img,.no,.c-font2,.u-wrap2__section7,.u-wrap2__section8,.u-section1-1-title{
    max-width: 1000px;
    margin: auto;
}

.u-section2-li{
    max-width: 800px;
    margin: 30px auto;
}

.u-section2-2 {
    height: 20em;
}

.u-section3-4-1 {
    background-color: #f6f4eb;
    padding-bottom: 1em;
}

.section5-img{
    margin-top: 2em;
}

.u-wrap__section7-title {
    top: 1em;
    left: 0;
}

.u-wrap__section7-bun1{
    margin: 0em 3em;
}

.header-top{
    max-width: none;
}
    .fv-bun,.l-grid_header{
        max-width: 1000px;
        font-size: 24px;
    }
    .fv {
        background-image: url(../img/fv-back2.png);
        height: 69vw;
        position: relative;

    }.fv-bun{
        margin: auto;
    }

    .fv-2{
        position: absolute;
        bottom: 0;
        width: 90%;
    }

    .l-grid_header {
        bottom: 0%;
        position: relative;
        width: 100%;
    }

    .u-section2-2title {
        background-repeat: repeat;
}
.u-section3-2 {
    background-size: cover;
    }
    .u-wrap__section4-title {
        background-size: cover;
        height: 10em;
    }
    .section01-2 {
        background-size: cover;
        height: 45.2em;
}
.u-wrap__section6-title {
    background-size: cover;
}

.u-wrap2__section7 {
    margin: 2em auto;
}


.c-grid2 dd{
    padding-left: 1em;
}

.u-wrap2__section8 {
    margin: 1em auto;}

.u-wrap__section5-title {
    background-repeat: repeat;
    }

footer{
    font-family: serif;
    }
    

}