.you-boxf {
    z-index: 200;
    width: 617px;
    position: absolute;
    height: 50px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.you-boxf .you-w{
  font-size: 3rem;
  letter-spacing: 2px;
}
.you-boxf .you-w img{
width: 256px;
}
.footer{
    border-top: 1px solid #e6ebee;
}

.you-logo-w2{
  position: absolute;
  width:337px;
      left: 50%;
    top:50%;
    transform:  translate(-50% ,-50%);
}
.you-w3{
  white-space: nowrap;
  letter-spacing: 3px;
  font-weight: 900;
  font-size: 2.7rem;
  text-align: center;
  color: white;
}
.you-w4{
  margin-top: 10px;
    font-weight: 900;
  font-size: 1.4rem;
  text-align: center;
  color: black;
  padding: 20px;
  border-radius: 10px;
  background-color: white;
  padding: 1px;
}
.w2-g6:hover{
  opacity: 0.8;
}
.w2-g6{
  display: block;
      position: relative;
    width: 400px;
  margin-top: 40px;
    left: 50%;

  transform:  translateX(-50%);
}
.bana1{
  width: 245px;
}
.bana2{
  width: 245px;
}
.bana3{
  width: 245px;
}
.dl-bana{
  display: block;
    width: 800px;
      margin: 40px auto 20px;
}
.you-sp{
  display: none;
}
.you-pc{
  display: grid;
 grid-template-columns: repeat(3, 1fr); /* 均等幅 */
    gap: 34px;

  box-sizing: border-box;
    margin: 0px auto 90px;
  width: 800px;
  position: relative;
}
footer .you-pc{
      margin: 0px auto 40px;
}
footer .you-sp{
      margin: 40px auto 40px;
}

.kiji-pc{
  margin: 0 auto 25px;
  width: 800px;
  height: 120px;
  position: relative;
  background-color: #6FA498;
}

.kiji-w{
  margin-top: 4px;
  line-height: 1.4em;
  float: left;
  margin-left: 15px;
  color: white;
  font-size: 3.2em;
  font-weight: bold;
  width: 647px;
  letter-spacing: 2px;
  white-space: nowrap;
}
.kiji-w3{
  letter-spacing: 0px;
  width: fit-content;
    font-size: 1.6rem;
    padding: 4px 20px 5px;
      line-height: 1.6rem;
      background-color: white;
      color: black;
      border-radius: 3rem;
}
.kiji-w2{
  letter-spacing: 0px;
  line-height: 1.6em;

  color: white;
  font-size: 1.2rem;
  font-weight: bold;
}

.you-box{
  z-index: 200;
width: 693px;
    position: absolute;
    height: 44px;
    left: 50%;
    top:50%;
  transform:  translate(-50%,-50%);
}
.kiji-box{
  z-index: 200;
width: 745px;
    position: absolute;
    height: 95px;
    left: 50%;
    top:50%;
  transform:  translate(-50%,-50%);
}


.kiji-logo-w{
  float: left;
  width: 67px;
  position: relative;
}
#space5{
margin-top: -100px;
position: absolute;
}
#space7{
margin-top:300px;
position: absolute;
}
#space6-2{
margin-top:100px;
position: absolute;
}
.re-copy{
  display: none;
  white-space: nowrap;
  margin-top: 437px;
text-align: center;
font-size: 4.2rem;
letter-spacing: 8px;
font-weight: 900;
    position: absolute;
      left: 50%;
      z-index: 800;
      transform:  translateX(-50%);
      -webkit- transform: translateX(-50%);
}

.re-copyback{

  width: 900px;
  margin-top: 342px;
z-index: 500;
    position: absolute;
      left: 50%;
      transform:  translateX(-50%);
      -webkit- transform: translateX(-50%);
}
.re-copyback2{
  height: 300px;
    overflow: hidden;
        width: 0px;
    position: relative;
}
.re-copyback2.open{
        width: 900px;
          transition: 500ms linear;
}
.re-copyback2 img{
  max-width: none;
  left:0;
    position: absolute;
    width: 900px;
  }

.topgazo2{
height: 786px;
width: 100%;
overflow:hidden;
position: relative;
  background-color: #c3d6e1;
}
.slider3 .slick-slide{
position: relative;
}
.slider3 .slick-slide div{
  height: 500px;
width: 340px !important; /* !important を使って Slick の幅指定を上書き */
  position: relative;
  overflow: hidden;
   margin: 35px;      /* スライド同士の間隔 */
}
.slider3 li .slider3-1 img{
  max-width: inherit;
  position: absolute;
  width:1539px;
left: -92px;
top:-182px;
}
.slider3 li .slider3-2 img{
  max-width: inherit;
  position: absolute;
  width:460px;
left: -65px;
top:-310px;
}
.slider3 li .slider3-3 img{
  max-width: inherit;
  position: absolute;
  width:810px;
left: -262px;
top:0px;
}
.slider3 li .slider3-3 {
background-color: #c8fbf0;
}
.slider3 li .slider3-4 img{
    max-width: inherit;
    position: absolute;
    width: 430px;
    left: -16px;
    top: -64px;
}
.slider3 li .slider3-5 img{
  max-width: inherit;
  position: absolute;
  width:572px;
left: -100px;
top:-350px;
}
.slider3 li .slider3-6 img{
  max-width: inherit;
  position: absolute;
  width:2090px;
left: -643px;
top:-427px;
}
.slider3 li .slider3-7 img{
  max-width: inherit;
  position: absolute;
  width:345px;
top:27px;
}
.slider3 li .slider3-7 {
background-color: #ddfff8;
}
.slider3 li .slider3-8 img{
    max-width: inherit;
    position: absolute;
    width: 910px;
    top: -135px;
    left: -550px;
}
.slider3 li .slider3-9 img{
  max-width: inherit;
  position: absolute;
  width:307px;
top:54px;
left: 24px;
}
.slider3 li .slider3-9 {
background-color: #ddfff8;
}
.slider3 {
  position: relative;  /* 子要素の位置を基準にする */
}

.slider3 .slick-prev,
.slider3 .slick-next {
  width: 50px;
  height: 50px;
  background-color: #6ea498; /* 背景色 */
  border-radius: 50%;        /* 円形 */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider3 .slick-prev::before,
.slider3 .slick-next::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;

}
.slider3 .slick-next::before{
      margin-left: 4px;
}
.slider3 .slick-prev::before{
      margin-right: 4px;
}
.slider3 .slick-prev {
  left: 70px;  /* 親要素を基準に配置 */
}

.slider3 .slick-prev::before {
  border-width: 10px 15px 10px 0;  /* 矢印サイズ */
  border-color: transparent #fff transparent transparent;  /* 左向き */
}

.slider3 .slick-next {
  right: 70px;  /* 親要素を基準に配置 */
}

.slider3 .slick-next::before {
  border-width: 10px 0 10px 15px;  /* 矢印サイズ */
  border-color: transparent transparent transparent #fff;  /* 右向き */
}
.slider3-1-word {
  writing-mode: vertical-rl;
  text-orientation: upright;
  list-style: none;
  padding: 0;
margin-top: -40px;
  position: absolute;
  left:227px;
 font-weight: 900;
  z-index: 1000;
  font-size: 2.6rem;
  letter-spacing: 0px;
}

.slider3-1-word li {
    margin-bottom: 1em;
  background-color: #fff; /* 白帯 */
  padding: 10px 4px;       /* 帯の幅調整 */
    margin-left: 0.5em;
  display: block; /* 各行を独立させる */
      height: fit-content;
  width: fit-content; /* テキスト幅に合わせる */
}


.slider3-1-name2{
      padding: 0 16px;
  top:328px;
  right: 235px;
  z-index: 2000;
  position: absolute;
  height: 81px;
  min-width: 162px;
  color: white;
  box-sizing: border-box;
  background-color: black;
}
.slider3-1-name2 li:nth-child(1){
      margin-top: 9px;
  font-weight: bold;
  font-size: 17px;
  text-align: center;
}
.slider3-1-name2 li:nth-child(2){
    font-weight: bold;
  font-size: 30px;
    text-align: center;
}
.slider3-1-name2 li:nth-child(2) span{
    font-size: 20px;
}
.slider3-1-name{
      padding: 0 16px;
  bottom: -13px;
  right: 35px;
  z-index: 2000;
  position: absolute;
  height: 100px;
  min-width: 200px;
  color: white;
  box-sizing: border-box;
  background-color: black;
}
.slider3-1-name li:nth-child(1){
      margin-top: 9px;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}
.slider3-1-name li:nth-child(2){
    font-weight: bold;
  font-size: 40px;
    text-align: center;
}
.slider3-1-name li:nth-child(2) span{
    font-size: 27px;
}

.slider2{
  width: 100%;
}
.slider2 li .slider2-1 img{
  margin-top: -130px;
  width:100%;
    min-width: 1335px;
}
.slider2 li .slider2-2 img{
    margin-top: -89px;
  width:100%;
    min-width: 1335px;
}
.slider2 li .slider2-3 img{
    margin-top: -109px;
  width:100%;
    min-width: 1435px;
}

.slider2 li div{
  height: 680px;
  position: relative;
  margin: 125px 0 0;
}

.modal-ph{
    margin: 0 auto 100px;
  overflow: hidden;
  width: 519px;
  height: 271px;
  background-color: #ddfff8;
  position: relative;
}
.modal02 .modal-ph,.modal03 .modal-ph,.modal04 .modal-ph,
.modal05 .modal-ph,.modal06 .modal-ph,.modal07 .modal-ph
,.modal08 .modal-ph,.modal09 .modal-ph{
  width: 415px;
  height: 271px;
}

.modal-ph img{
  max-width: inherit;
  position: absolute;
  width: 1454px;
  left:0px;
  top:-200px;
}
.modal02 .modal-ph img{
  width: 426px;
  left:-10px;
  top:-60px;
}
.modal03 .modal-ph img{
  width: 556px;
  left:-80px;
  top:-12px;
}
.modal04 .modal-ph img{
    width: 446px;
    left: -13px;
    top: -134px;
}
.modal05 .modal-ph img{
  width: 435px;
  left:-13px;
  top:-283px;
}
.modal06 .modal-ph img{
  width: 1923px;
  left:-526px;
  top:-402px;
}
.modal07 .modal-ph img{
  width:221px;
  left:114px;
  top:21px;
}
.modal08 .modal-ph img{
    width: 923px;
    left: -485px;
    top: -154px;
}
.modal09 .modal-ph img{
  width:225px;
  left:94px;
  top:14px;
}

.modal07 .w1,.modal07 .w2{
  letter-spacing: -0.2px;
}
.modal-ph2{
  margin: 70px auto 0;
  overflow: hidden;
  width: 746px;
  height: 315px;
  background-color: gray;
  position: relative;
}
.modal-ph2 img{
  max-width: inherit;
  position: absolute;
  width: 775px;
  left:-20px;
    top: -35px;
}
.modal02 .modal-ph2 img{
  width: 791px;
  left:-22px;
  top:-355px;
}
.modal03 .modal-ph2 img{
  width: 764px;
    left:0px;
    top:0px;
}
.modal04 .modal-ph2 img{
    width: 765px;
    left: -13px;
    top: -215px;
}
.modal05 .modal-ph2 img{
  width: 957px;
    left:-96px;
    top:-372px;
}
.modal06 .modal-ph2 img{
  width: 804px;
    left:-20px;
    top:-92px;
}
.modal07 .modal-ph2 img{
  width: 785px;
    left:-24px;
    top:-113px;
}
.modal08 .modal-ph2 img{
    width: 768px;
  left: -10px;
    top: -48px;
}
.modal09 .modal-ph2 img{
    width: 807px;
    left: -55px;
    top: -33px;
}
.ph-space{
  width: 100%;
    height: 628px;
  position: relative;
  overflow: hidden;
  margin-bottom: 300px;
}
.ph-space img{
    max-width: 100%;
    min-width: 1356px;
    width: 106%;
    margin-left: 0px;
    margin-top: -302px;
}
.logo2{
width: 371px;
  left: 50%;
  transform:  translateX(-50%);
  -webkit- transform: translateX(-50%);
top:22px;
position: absolute;
  z-index: 600;
}
.menubox {
    left: 35px;
    right: auto;
}
.logo3{
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
    left: 50%;
      z-index: 600;
      margin-top: 58px;
      position: absolute;
    transform:  translateX(-50%);
    -webkit- transform: translateX(-50%);
}
.logo3 a{
  color: black;
}
.headbox{
  background-color: white;
  height: 88px;
  width: 100vw;
  position: fixed;
  top:-2px;
}

.headboxback img{
    top:85px;
    position: absolute;
  z-index: -1;
  width: 100%;
  pointer-events: none; /* ←これ重要 */
}
.footer-inner{
display: none;
}
.footer-inner2{
border-top: 1px solid #e6ebee;
}

.container {
      padding-bottom: 700px;
}
.foot-t4{
  display:block;
  text-align: center;
  color: white;
  background-color:black;
  font-weight: bold;
  font-size: 15px;
  padding: 0.1rem;
  border: 1px solid black;
  width: 166px;
  margin: 5rem auto 4.5rem;
}

.foot-t4:hover{
    color: black;
  background-color:white;
}

.gaiyobox1 {
  width: 100%;
  height: 681px;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
      background-image: url('gazo/be09.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      margin-bottom: 150px;
}
.gaiyobox {
  position: absolute;
  transform: translate(-50%,-50%);
    width: 585px;
  left:50%;
  top:50%;
    font-size: 1.6rem;
    line-height: 3.5rem;
    font-weight: bold;
}
.gaiyol{
float: left;
}
.gaiyor{
float: right;
}
.bo-ta1{
    font-weight: bold;
  font-size: 1.6rem;
float: left;
}
.bo-ta1 td{
  border-left: 0px;
  width: 120px;
  padding: 1.5rem 0 1.5rem 50px;
border-top: 1px #919ba0 solid;
line-height: 3rem;
}
.bo-ta1 tr:last-child td{
border-bottom: 1px #919ba0 solid;
  padding: 2rem 0 4rem 50px;
}

.bo-ta1 tr:nth-child(7) td,
.bo-ta1 tr:nth-child(8) td{
border-bottom: 1px #919ba0 solid;
  padding: 2rem 0 4rem 50px;
}
.bo-ta1 tr:nth-child(3) td{
border-bottom: 1px #919ba0 solid;
  padding: 2rem 0 7rem 50px;
}
.bo-ta2{
    font-weight: 400;
  font-size: 1.6rem;
float: right;
}
.bo-ta2 td{
  width: 655px;
  padding: 1.5rem 0 1.5rem 20px;
border-top: 1px #c7ced3 solid;
line-height: 3rem;
}
.bo-ta2 tr:last-child td{
border-bottom: 1px #c7ced3 solid;
}
.bo-box{
  position: relative;
width: 900px;
margin: 0 auto;
}
.t-gazo{
    height: 150px;
z-index: -1;
  position: absolute;
width: 634px;
    margin-top: -73px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.t-gazobox{
    height: 150px;

  position: relative;
width: 0px;
}
.t-gazobox img{
  max-width: none;
  position: absolute;
width: 634px;
left:0;
}
.t-gazobox.open_4{
  transition: 500ms linear;
  width: 634px;
}

.t-gazo2{
    margin-top: -156px;
  position: absolute;
    left: 50%;
    transform: translateX(-50%);
width: 374px;
}
.t-gazo2box{
  overflow: hidden;
    position: relative;
width: 0px;
height: 150px;
}
.t-gazo2box img{
  max-width: none;
  left:0;
  position: absolute;
  width: 374px;
}
.t-gazo2box.open_5{
  transition: 500ms linear;
width: 374px;
}
.t-gazo3{
    margin-top: -300px;
width: 423px;
  position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.t-gazo3box{
  height: 215px;
width: 0px;
position: relative;
overflow: hidden;
}
.t-gazo3box img{
    max-width: none;
width: 423px;
position: absolute;
left:0;
}
.t-gazo3box.open_6{
    transition: 500ms linear;
  width: 423px;
}
.t-t3{
  margin-bottom: 70px;
}
.t-t,.t-t3{
text-align: center;
font-weight: bold;
font-size: 4.2rem;
}
.t-t2{
margin-top: -108px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
position: absolute;
text-align: center;
font-weight: bold;
font-size: 4.2rem;
}
.bo-t{
  font-weight: bold;
font-size: 1.6rem;
line-height: 3rem;
margin:50px auto 50px;
}
.word1{
width: 73px;
position: absolute;
left: 37px;
}
.word2{
width: 53px;
position: absolute;
left: 542px;
margin-top:42px;
}
.word3{
width: 63px;
position: absolute;
left: -55px;
margin-top:95px;
}
.word5{
width: 67px;
position: absolute;
left: 550px;
margin-top:387px;
}
.flo2-sec1g{
position: absolute;
width: 321px;
height: 210px;
overflow: hidden;
    top: -62px;
    left: -268px;
}
.flo2-sec1g img{
    position: absolute;
    width: 378px;
    margin-left: -50px;
    margin-top: -203px;
    max-width: none;
}
.flo2-sec1g2{
position: absolute;
width: 287px;
height: 202px;
overflow: hidden;
    top: 48px;
    left: 628px;
}
.flo2-sec1g2 img{
position: absolute;
    width: 332px;
    margin-left: -31px;
margin-top: -20px;
max-width: none;
}

.flo2-sec2g{
position: absolute;
width: 287px;
height: 172px;
overflow: hidden;
    margin-top: 62px;
    left: -290px;
}
.flo2-sec2g img{
position: absolute;
    width: 306px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -42px;
    max-width: none;
}
.flo2-sec2g2{
position: absolute;
width: 287px;
height: 351px;
overflow: hidden;
    margin-top: 62px;
    left: 630px;
}
.flo2-sec2g2 img{
    position: absolute;
    width: 741px;
    margin-left: -187px;
    margin-top: -9px;
    max-width: none;
}
.flo2-sec3g{
position: absolute;
width: 287px;
height: 202px;
overflow: hidden;
    margin-top: 231px;
    left: -370px;
}
.flo2-sec3g img{
position: absolute;
width: 366px;
margin-left: -40px;
margin-top: -31px;
max-width: none;
}
.flo2-sec3g2{
position: absolute;
width: 380px;
height: 266px;
overflow: hidden;
    margin-top: 310px;
    left: 536px;
}
.flo2-sec3g2 img{
    position: absolute;
    width: 475px;
    margin-left: -71px;
    margin-top: -168px;
    max-width: none;
}
.flo2-sec4g{
position: absolute;
width: 309px;
height: 314px;
overflow: hidden;
    margin-top: 318px;
    left: -370px;
}
.flo2-sec4g img{
    position: absolute;
    width: 534px;
    margin-left: -53px;
    margin-top: -22px;
    max-width: none;

}

.flo2-sec5g{
position: relative;
width: 540px;
height: 318px;
overflow: hidden;
    margin-top: 44px;
    left: 0;
}
.flo2-sec5g img{
position: absolute;
width: 591px;
    margin-left: -25px;
margin-top: -25px;
max-width: none;
}

.flo2-allow{
    position: absolute;
    display: inline-block;
margin: 45px 0 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
width: 67px;
height: 67px;
    vertical-align: middle;
    text-decoration: none;

}
.flo2-allow::before,
.flo2-allow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.flo2-allow::before{
left: 30px;
top:18px;
    width: 6px;
    height: 60px;
    background: #c7ced3;
}
.flo2-allow::after{

    width: 60px;
    height: 60px;
    border-top: 6px solid #c7ced3;
    border-right: 6px solid #c7ced3;
    -webkit-transform: rotate(10deg);
    transform: rotate(135deg);
}


.flo2-boxg{
  width: 54px;
  margin: 80px auto 9px;
}

.flo2-boxg2,.flo2-boxg3{
  width: 54px;
  margin: 120px auto 9px;
}
.flo2-boxg2-2{
  width: 161px;
  margin: 120px auto 9px;
}
.flo2-boxt{

font-size: 4.5rem;
font-weight: bold;
text-align: center;
margin-bottom: 3rem;
}
.flo2-box{
  position: relative;
width: 540px;
margin: 0 auto 65px;
}
.p2-flo2-t{

font-size: 1.8rem;
font-weight: bold;
line-height: 3.5rem;
}
.p2-flo2-t li{
  display:block;}
.p2-flo2-zuobi{
  margin: 0 auto;
  width: 797px;
  height: 10px;
  background-color: black;
    border: 3px solid black;
}
.p2-flo2-g{
  position: absolute;
  width: 321px;
  height: 210px;
}
.p2-flo2-zu{
  margin: 0 auto;
  width: 797px;

  border: 3px solid black;
}
.p2-flo2-zu1{
     top: 89px;
}

.p2-flo2-zu1,.p2-flo2-zu2{
font-size: 2.4rem;
text-align: center;
position: absolute;

    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
width: 100px;
padding: 1px 5rem;
background-color: black;
color: white;

  font-weight: bold;
}
  .cd-area-arrow {
    position: relative;

    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .triangle-container {
    display: flex;
    flex-direction: column;
    gap: 50px;
    align-items: center;
  }

  .triangle {
    width: 0;
    height: 0;
    border-left: 44px solid transparent;
    border-right: 44px solid transparent;
    border-top: 37px solid #6ea498;
  }
  .tri1{
    opacity: 0.2;
  }
  .tri2{
    opacity: 0.5;
  }
  .cd-area-spe{
    width: 174px;
    position: absolute;
    right: 250px;
    top: 40px;
  }
  .cd-area-spe-w{
    width: 107px;
    position: absolute;
    right: 115px;
    top: -29px;
  }
.p2-flo-t3{
    font-size: 2rem;
    line-height: 3.7rem;
    position: absolute;
    font-weight: bold;
    margin-top: 2rem;
    left: 200px;
}
.w2-g img{
position: absolute;
    width: 516px;
    max-width: none;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -25px;
}
.w2-g2 img{
position: absolute;
    width: 508px;
    max-width: none;
    margin-left: -4px;
    margin-top: -66px;
}
.w2-g3 img{
  position: absolute;
  width: 591px;
  max-width: none;
  margin-left: -27px;
  margin-top: -11px;
}
.w2-g4 img{
  position: absolute;
  width: 494px;
  max-width: none;
    left: 50%;
    transform: translateX(-50%);
  margin-top: -20px;
}
.w2-g5 img{
  position: absolute;
  width: 559px;
  max-width: none;
  margin-left: -6px;
  margin-top: -54px;
}
.w2-box1{
  float: left;
  width: 490px;
  height: 566px;
}
.w2-box2{
  float: right;
  width: 490px;
  margin-bottom: 90px;
}
.boto0{
margin-bottom: 0px!important;
}
.w2-t11{

  color: white;
  font-weight: 900;
font-size: 2.5rem;
text-align: left;
line-height: 1rem;
}
.w2-t1{

  color: white;
  font-weight: bold;
font-size: 3.3rem;
text-align: left;
line-height: 3.3rem;

}
.w2-t11 span{
display: inline-block;
  padding: 13px 10px 15px;
background-image: linear-gradient(90deg, black, black); /* 単色の場合は同じ色、グラデーションさせる場合は別々の色 */
  background-repeat: no-repeat;
  background-position:left;
    background-size: 0 100%; /* '30%'の部分にマーカーの太さを記入 */
}
.w2-t1 span{
display: inline-block;
  padding: 2px 10px 5px;
background-image: linear-gradient(90deg, black, black); /* 単色の場合は同じ色、グラデーションさせる場合は別々の色 */
  background-repeat: no-repeat;
  background-position:left;
    background-size: 0 100%; /* '30%'の部分にマーカーの太さを記入 */
}
.w2-t1 span.inview01 {
        transition: 500ms linear;
  background-size: 100% 100%;
}
.w2-t11 span.inview01 {
        transition: 500ms linear;
  background-size: 100% 100%;
}
.w2-g{
  position: relative;
  height: 268px;
  overflow: hidden;
}
.w2-t3{
  margin-top: 3rem;
  line-height: 3rem;
  font-size: 1.6rem;
  font-weight: bold;
}
.obi{
background-color: white;
padding: 0.5rem 3px;
}
.page1w,.page1w2,.page1w3{
  width: 100%;
  max-width: 1300px;
    margin: 0px auto 0px;
    padding: 90px 0 250px;
    position: relative;
}
.page1w2-2{
    width: 100%;
    max-width: 1150px;
      margin: 0px auto 0px;
      padding: 90px 0 250px;
      position: relative;
}
.page1w2-3{
    width: 100%;
    max-width: 1150px;
      margin: 0px auto 0px;
      position: relative;
}
.page1w2-4{
    width: 100%;

      margin: 100px auto 300px;
      position: relative;
}
.page1w4{
  width: 100%;
  max-width: 1300px;
    margin: 0px auto 0px;
    padding: 90px 0 30px;
    position: relative;
}
.page1w5{
  width: 100%;
  max-width: 1300px;
    margin: 170px auto 0px;
    padding: 90px 0 30px;
    position: relative;
}

.page1w4-2{
  width: 100%;

    margin: 0px auto 0px;
    padding: 90px 0 320px;
    position: relative;
}
.spc-1{
    display: flex;
  gap: 47px; /* ボックス間のスペース */
  justify-content: center; /* 中央寄せ */
}
.spc-1 div{
  width: 314px;
  box-sizing: border-box; /* パディングを含めた幅調整 */
}
.p2-flo-g2box2{
      top: 201px;
    right:0;
  z-index: 2000;
  position: absolute;
  overflow: hidden;
  background-color: gray;
  height: 250px;
  width: 414px;
}
.p2-flo-g2box2 img{
  width: 414px;
  position: absolute;
  top:-100px;
}
.p2-flo-ob2-2 {
    z-index: 10;
    background-color: #e2edea;
    position: absolute;
    right: -29px;
    bottom: 346px;
    height: 250px;
    width: 414px;
}
.spc-button {
    font-size: 2.1rem;
    text-align: center;
    padding: 20px;
    background-color: black;
    color: white;
    width: 420px;
    font-weight: bold;
    margin: 110px auto;
    display: block;
    text-decoration: none;
    transition: background-color 0.4s, color 0.4s;
}

.spc-button:hover {
    background-color: #ccc; /* 明るめのグレー */
    color: black;
}

.spc-box-t{
  padding: 8px;
  font-weight: 900;
font-size: 25px;
color: white;
background-color: black;
line-height: 1em;
}
.spc-1.spc-box img{
  top:-86px;

}
.spc-box{
width: 314px;
height: 210px;
position: relative;
overflow: hidden;
}
.spc-1 div:nth-child(3) .spc-box img{
    top:-44px;
}
.spc-box img{
  max-width: inherit;
  position: absolute;
  width: 316px;
  left: -0px;
  top:0px;
}
.spc-box-w{
font-size: 1.6rem;
font-weight: bold;
line-height: 1.7em;
margin-top: 30px;
}
.p2-wor-g3,.p2-wor-g32{
width: 900px;
height: 490px;
position: relative;
overflow: hidden;
margin: 0 auto;
}
 .fade-in_gazo img, .fade-in_gazo2 img{
   display: none;
 }

.p2-wor-g3 img,.p2-wor-g32 img{
  position: absolute;
  width:1140px;
  margin-top: -108px;
  margin-left: -149px;
  max-width: none;
}
.p2-wor-ob{
  color: white;
  font-size: 4.2rem;
  font-weight: bold;
background-image: linear-gradient(90deg, black, black); /* 単色の場合は同じ色、グラデーションさせる場合は別々の色 */
  background-repeat: no-repeat;
  background-position: right;

right:0;
  background-size: 0 100%; /* '30%'の部分にマーカーの太さを記入 */
padding: 0.5rem 21rem 0.5rem 2rem;
position: absolute;
margin-top:-50px;
}
.p2-wor-ob.inview {
      transition: 500ms linear;
  background-size: 100% 100%; /* '30%'の部分は上で設定した太さに合わせる */
}
.p2-wor-ob3{
  height: 75px;
  width: 900px;
  margin: 0 auto;
  background-color: #e2edea;
}
.p2-wor-ob4{
  height:110px;
  width: 900px;
  margin: 0 auto;
  background-color: #e2edea;
}
.page1w5 .p2-wor-ob2{
    top:162px;
}
.p2-wor-ob2{
    color: white;
    font-size: 4.2rem;
    font-weight: bold;
  background-image: linear-gradient(90deg, black, black); /* 単色の場合は同じ色、グラデーションさせる場合は別々の色 */
    background-repeat: no-repeat;
    background-position: right;

    left: 129px;
  padding: 0.5rem 3rem 0.5rem 3rem;
  position: absolute;
  top:130px;
}
.p2-flo-ob{
  display: inline-block;
  z-index: 200;
  color: white;
  font-size: 4.2rem;
  font-weight: bold;
background-color: black;
left:0;
padding: 0.1rem 2rem;
position: absolute;
bottom: 0;
}
.space3-2 .p2-flo-g2box.open_3 img{
      top: -41px;
  width: 347px;
}
.space3-2 .p2-wor-g32 img {
      margin-top: 51px;
    margin-left: -2px;
    width: 604px;
}
.space3-2 .p2-wor-g32{
width: 643px;
height: 489px;
  margin-left: 200px;
}
.p2-flo-ob2{
  z-index: -10;

width: 453px;
height: 336px;background-color: black;
position: absolute;
left:155px;
top:45px;
}
.p2-mal{
    position: absolute;
    overflow: hidden;
width:270px;
background-color: gray;
height: 444px;
right: 0px;
}
.p2-mal2{
    position: relative;

    width: 451px;
    height: 500px;
float: left;
}
.p2-mal2-1{
  text-align: right;
  font-size: 1.6rem;
      margin-top: 30px;
}
.p2-mal2-2{
  line-height: 1em;
    text-align: right;
  font-size: 2.3rem;
}
.p2-mar{
  position: relative;

      width: 509px;
      height: 746px;
float: right;
}
.p2-mal-g{
  margin-top: -20px;
  margin-left: -291px;
}
.p2-mal-g img{

position: absolute;
    margin-left:-39px;
    margin-top: -9px;
    width: 713px;
  max-width: none;
}
.p2-mal-g2{
top: -22px;
    left: 21px;
  position:absolute;
}
.p2-mal-g2box{
  position:relative;
  height: 225px;
width:0px;
overflow: hidden;
}
.p2-mal-g2box img{
    max-width: none;
    left: 0;
    position: absolute;
    width: 432px;
}

.p2-mal-g2box.open_1{
width: 432px;
transition: 500ms linear;
}
.p2-wor-g2{
  z-index: 400;
    top: -21px;
    right: 124px;
  position: absolute;
width: 321px;
}
.p2-wor-g2box{
  overflow: hidden;
    position: relative;
    height: 180px;
width: 0px;
}

.p2-wor-g2 img{
  max-width: none;
    left: 0;
  position: absolute;
width: 321px;
}
.space3-2 .p2-flo-g2box{
overflow: visible;
}

.space3-2 .p2-flo-g2box img {
  width: 347px;
}
.p2-wor-g2box2{
  overflow: hidden;
    position: absolute;
    right: 121px;
      top: -45px;
width: 380px;
}
.p2-wor-g2box3{
  overflow: hidden;
    position: absolute;
    right: 121px;
      top: -55px;
width: 745px;
}
.cd-area2-t{
  margin: 10px auto;
  font-weight: bold;
  color: white;
  font-size: 18px;
  text-align: center;
  background-color: black;
  width: 90%;

}

.cd-area2-t3{
    margin: 18px auto;
width: 313px;
}
.cd-area2{
  z-index: 1000;
    display: grid;
  grid-template-columns: repeat(3, 1fr); /* 横3列 */
  grid-template-rows: repeat(2, 180px);    /* 縦2列 */
  gap: 16px; /* ボックス間の隙間 */
width: 1054px;
margin: 80px auto;
position: relative;
}
.cd-area2 > div {
    position: relative;
}

.cd-area2 > div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0.85;
    z-index: -1; /* 背景を後ろに配置 */
    pointer-events: none; /* 背景部分へのクリックを無効化 */
}
.cd-area-back::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 150, 217, 0.23); /* 23%の濃さ */
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 1;

}
.cd-area{
width: 100%;
overflow: hidden;
height: 540px;
position: relative;
}
.cd-area-back img{
  position: absolute;
  max-width: inherit;
width: 150%;
top:0;
left:0;
min-width: 2000px;
margin-left: -350px;
margin-top: -750px;
}

.p2-wor-g2box.open_2{
    transition: 500ms linear;
width: 321px;
}
.p2-flo-g2box.open_3{
    transition: 500ms linear;
width: 631px;
}
.p2-flo-g2 {
    z-index: 400;
top: 12px;
    left: 37px;
    position: absolute;
    width: 631px;
}
.p2-flo-g2box{
    overflow: hidden;
    position: relative;
    width: 0px;
    height: 190px;
}
.p2-flo-g2box img{
    max-width: none;
    position: absolute;
    width: 631px;
left:0;
}


.p2-mar-t2{
left: -51px;
  z-index: 200;
  position: absolute;
        writing-mode: vertical-rl;
font-size: 4.6rem;
font-weight: bold;
line-height: 6.6rem;
}
.p2-wor-t2{
  left: 0;
  z-index: 200;
  position: absolute;
        writing-mode: vertical-rl;
font-size: 4.2rem;
font-weight: bold;
line-height: 6.6rem;
    margin-left: 110px;
    margin-top: -43px;
}


.p2-flo-t2{
  white-space: nowrap;
  right: 128px;
  z-index: 600;
  position: absolute;
        writing-mode: vertical-rl;
font-size: 4.2rem;
font-weight: bold;
line-height: 6.6rem;
    margin-left: 110px;
    margin-top: -43px;
}
.p2-flo-t2 span span:nth-of-type(11){
    margin-right: -20px;
display: table-caption;
}
_::-webkit-full-page-media, _:future, :root .p2-flo-t2 span span:nth-of-type(11) {

line-height: 0.1em;
margin-top: 0px;
padding: 1rem 0px;
}

.p2-mal-t{
letter-spacing: 0px;
  top:168px;
position: absolute;
font-size: 1.6rem;
font-weight: 800;
line-height: 4.1rem;
  z-index: 200;
}

.p2-mal-g3{
width: 420px;
height: 159px;
position: absolute;
overflow:hidden;
right: 40px;
    top: 496px;
z-index: 300;
}

.p2-mal-g3 img{
    max-width: none;
    width: 836px;
    top: -502px;
    left: -223px;
    position: absolute;
}
.p2-mal-ob{
left: -31px;
    width: 486px;
height: 160px;
position: absolute;
top:523px;
background-color: #231815;
}


.page2w {
    width: 1050px;
    margin: 0px auto 0px;
    padding: 0;
  }

.page1p {
    max-width: 1300px;
    margin: 0px auto 0px;
    padding: 0;
  }
.po-box{
width: 722px;
margin:  2rem auto 50px;
}
.po-t2{
  padding-left: 1rem;
  margin-top: 1rem;
  text-align: left;
  font-size: 1.4rem;
  list-style-type: none;
}

.po-t2 li:before {
  	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
border: 1px black solid;
	position: relative;
}
.po-t2 li{
  text-indent: -1.2rem;
margin-top: 2rem;
line-height: 2rem;
}
.po-t2 li:first-child{

margin-top: 0rem;

}
.po-t{
  margin-top: 3rem;
text-align: center;
font-size: 1.5rem;
  font-weight: 500;
}
.po-t li{
    line-height: 2.5rem;}
.po-t1{
margin-bottom: 1rem;
  font-weight: bold;
text-align: center;
font-size: 2.4rem;
}
.po-l{
  margin-top: 1rem;
  width: 274px;
float: left;
  border: 1px solid black;
}
.po-l2{
  font-weight: bold;
  float: left;
      width: 165px;
font-size: 1.5rem;
text-align: center;
}
.po-r{
  margin-top: 1rem;
    width: 274px;
float: right;
  border: 1px solid black;
}
.tgazo-t1{
width: 285px!important;
}
.tgazo-back img{
    margin-top: -10px;
    margin-left: 90px;
}
.tgazo-line::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width:800px;
	height: 500px;
	background-image: linear-gradient(-90deg, transparent 0 50%, #FFF 100%);
}
.com-t2 {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    line-height: 4rem;
}

.ukem2{
margin: 57px auto;
    width:950px;
}
.ask-t3{
  margin-top: 2rem;
font-weight: bold;
    text-align: center;
    font-size: 3.2rem;
    color: black;
}
.ask-t4{
  margin-top: 2rem;
font-weight: bold;
    text-align: center;
    font-size: 1.6rem;
    color: black;
    line-height: 3.2rem;
}
.contact-area {
    margin: 5em auto 50px!important;
}
.po-t {
    margin-top: 50px!important;

}

@media screen and (max-width: 650px) {
  .you-boxf .you-w {
    font-size: 1.2rem;
    letter-spacing: 2px;
      margin-top: 2px;
      margin-left: 7px;
}


.page1w5 .p2-wor-ob2{
    top:54px;
}
.cd-area {
    height: 370px;
}

.cd-area-back img{
width: 150%;
top:0;
left:0;
min-width: 750px;
margin-left: -228px;
margin-top: -122px;
}
.cd-area2-t3 {
    margin: 8px auto;
    width: 132px;
}
.cd-area2-t {
    font-size: 14px;
}
.cd-area2 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 95px);
    gap: 16px;
    width: 90%;
    margin: 22px auto;
    position: relative;
}
.space3-2 .p2-flo-g2box.open_3 img {
    width: 182px;
}

  .you-boxf .you-logo-w {

    width: 121px;
}
.kiji-pc {
  width: 307px;
    height: 108px;
  }
.kiji-box{
  width: 265px;
height: 85px;
}
.kiji-logo-w{
    width: 59px;
}
.kiji-w{
      margin-top: 3px;
  width: auto;
      line-height: 1.2em;
    font-size: 15px;
    margin-left: 13px;
    letter-spacing: 2px;
}
.kiji-w2 {
  margin-top: 4px;
      font-size: 10px;
          line-height: 1.2rem;
}

.kiji-w3 {
      margin-bottom: 4px;
    padding: 0px 11px;
    font-size: 1rem;
}
.you-boxf{
  height: 21px;
  width: 279px;
}
.you-pc2{
    height: auto;
    width: 307px;
    height: auto;
    gap: 13px;
        grid-template-columns: auto;
         grid-template-rows: auto;
}


  .w2-g6{
    height: auto;
    overflow: hidden;
    width: 307px;
  }
    .w2-g6 span img{
      z-index: -1;
      position: absolute;
      top:50%;
          left: 50%;
          transform: translate(-50%, -50%);
    }
      .you-pc {
        display: none;
      }

  .you-sp {
    display: grid;
    margin: 0 auto 40px;
  height: auto;
  width: 307px;
  height: auto;
  gap: 23px;
      grid-template-columns: auto;
       grid-template-rows: auto;
  }
  .bana1,.bana2,.bana3{
    width: auto;
  }
  .p2-wor-ob2 {
    font-size: 2rem;
    left: 0px;
    top:145px;
}
.page1w4 {
    margin: 250px auto 0px;
}
.p2-wor-g2box2 {
    right: 17px;
    top: 34px;
    width: 147px;
}
.p2-wor-ob3 {
    height: 75px;
    width: 307px;
    margin: 0 auto;
    background-color: #e2edea;
}
.spc-1 {
    flex-direction: column;
    gap: 47px;
        width: fit-content;
    margin: 0 auto;
    justify-content: center;
}
.page1w4-2 {
    padding: 40px 0 320px;
}
.w2-t11 {
    font-size: 2rem;
}
.spc-button {
  font-size: 2rem;
  box-sizing: border-box;
      margin: 56px auto;
    width: 307px;
  }
      .page1w {
        margin: 91px auto 0px;
        padding: 90px 0 70px;
    }

  .page1w4-2 {
    margin: 0px auto 0px;
    padding: 40px 0 0px;
}
  .you-logo-w2 {
  width: 267px;
  }
  .you-w3 {
    white-space: nowrap;
    letter-spacing: 5px;
    font-size: 2rem;
  }
  .you-w4 {
    font-size: 1rem;
        padding: 3px;
  }
  .you-w {
        margin-top: -7px;
margin-left: auto;
    float: right;
font-size: 1.2rem;
  }
    .you-w2 {
      font-weight: 900;
      font-size: 2.4rem;
      margin-top: 6px;
      color: white;
        float: right;
    }
        .you-w22 {
        font-weight: 900;
    color: white;
    margin-top: -7px;
    margin-left: 20px;
    float: left;
    font-size: 1.2rem;
        }
  .you-logo-w {
  height: 30px;
    width: 168px;}

      .you-box {
        width: 275px;}

.page2w {
    width: 350px;
    margin: 0px auto 0px;
    padding: 0;
  }
.page1 {
  position: relative;
  padding: 0;
    margin: 40px auto 0px;
  }
.p2-mar-t2{
  left: 0px;
  white-space: nowrap;

      line-height: 4rem;
  font-size: 22px;
}
  .p2-mar-t2box{


  right: 20px;
    z-index: 200;
    position: absolute;
  }
  .p2-mar-t2box2{

      width: 307px;
    height: 0;

    z-index: 200;
    position: relative;
  }
  .p2-mar-t2box2.open_7{
  height: 260px;
  transition: 500ms linear;
  }
.p2-mal-t{
      line-height: 3.1rem;
  font-size: 14px;

}
.p2-mal-g-shiro{
   background: linear-gradient(0deg, rgb(255, 255, 255,0.7), rgb(0, 0, 0,0));
width: 200px;
height: 150px;
position: absolute;
z-index: 100;
visibility: hidden;
margin-top: 265px;
}

.p2-mal2{
      height: 948px;
width: 100%;
max-width: 307px;
margin: 0 auto;
float: none;
}
.p2-mal{
  height: 305px;
  width: 155px;
float: none;
}
.p2-mal-t{
    padding: 0 1rem;
left: 0px;
top: 422px;
}
.p2-mal-g2 {
    top: 310px;
    left: 32px;
    width: 257px;
}
.p2-mal-g2.open_1 {
    width: 257px;
}
.p2-mal-g2 img{
      width: 257px;
}
.p2-mal-ob {
  left: auto;
    right: 0;
    width: 286px;
    height: 87px;
    top: 30px;
}
.p2-mar{
    width: auto;
  float: none;
  overflow: visible;
height: auto;
margin-top: 50px;
}
.p2-mal-g3{
      width: 237px;
    height: 90px;
top:0;
}
.p2-wor-g2box3 {
    right: 21px;
    top: -55px;
    width: 305px;
}
.p2-wor-ob4 {
width: 307px;
height:72px;
}
.page1w5 {
    width: 100%;
    max-width: 1300px;
    margin: 170px auto 0px;
    padding: 0;
    position: relative;
}
.p2-wor-t2 {
  margin-left: auto;
  margin-top: auto;
    left: auto;
    white-space: nowrap;
    top:0;
    z-index: 200;
    position: absolute;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 3.6rem;
}
.p2-wor-t2box{
    position: absolute;
    margin-left: 10px;
    margin-top: -43px;
}
.p2-wor-t2box2{

    position: relative;
width: 129px;
height: 0;
overflow: hidden;
}
.p2-wor-t2box2.open_8{
  transition: 500ms linear;
  height: 235px;
}
.page1w {
    width: auto;
    margin: 171px auto 0px;
        padding: 90px 0 70px;
  }

.p2-wor-g2 {
top:15px;
    right: 0px;
    width: 163px;
}
.p2-wor-g2 img{
    width: 163px;
}

.p2-wor-g3 img{
  min-width: 406px;
  width: 110%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
      margin-top: -19px;
    margin-left: 0px;
}
.p2-wor-g3 {
    width: auto;
    height: 224px;}


.p2-wor-ob {
    color: white;
    font-size: 20px;
    font-weight: bold;
    background-color: black;
    right: 0;
    padding: 0.5rem 7rem 0.5rem 1rem;
    position: absolute;
    margin-top: -20px;
}
    .w2-box1,.w2-box2{
    margin: 0 auto 30px;
    width:307px;
    float: none;
}
.w2-t1 {
  line-height: 2rem;
    font-size: 20px;
}
.w2-box1{
height: auto;
}
.w2-g{
  height: 170px;
}
.w2-g img {

    width: 335px;
  }
.w2-g2 img {
    width: 439px;
    margin-left: -61px;
    margin-top: -45px;
}
.w2-g3 img {
    width: 375px;
    margin-left: -17px;
    margin-top: -24px;
}
.w2-g4 img {
    width: 340px;
    margin-top: -20px;
}
.w2-g5 img {
    width: 440px;
      margin-left: -74px;
    margin-top: -60px;
}
.p2-flo-g2 {
    top: 109px;
    left: 21px;
    width: 323px;
}
#space4 .p2-flo-g2{
  top:0;
  width: 330px;
}
#space4 .p2-flo-g2 img{
  top:0;
  width: 330px;
}

.page1w2{
    margin: 51px auto 0px;
    padding: 90px 0 0;
    position: relative;
}
.page1w3{
    margin: 0px auto 51px;
    padding: 90px 0 0;
    position: relative;
}
.p2-flo-ob2 {
    width: 84px;
    height: 174px;
    left: 0px;
    top: 45px;
}
#space3-2 .p2-flo-ob2 {
        width: 137px;
        height: 174px;
        left: 0px;
      top: 124px;
}
.p2-wor-g32{
    margin: 47px auto 0;
width: 294px;
height: 307px;
max-width: none;
}
.p2-wor-g32 img{
  width:477px;
  margin-top: -11px;
  margin-left: -33px;
  max-width: none;
}
.p2-flo-t2 {
  white-space: nowrap;
        margin-left: auto;
        margin-top: auto;
    right: auto;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 3.6rem;
}
.p2-flo-t2box {
  position: absolute;
    right: 49px;
      margin-left: 0px;
      margin-top: -26px;
}
.p2-flo-t2box2 {
  position: relative;
height:0px;
width:132px;
overflow: hidden;
}
.p2-flo-g2box2 {
top: 156px;
    right: 28px;
    height: 112px;
    width: 124px;
}
.p2-flo-g2box2 img{
      top: -54px;
        max-width: inherit;
        width: 156px;
        left: -11px;
        position: absolute;
}
.p2-flo-ob2-2 {
    z-index: 10;
    background-color: #e2edea;
    position: absolute;
    right: 0px;
    bottom: auto;
top: 177px;
    height: 101px;
    width: 125px;
}
.space3-2 .p2-wor-g32 img {
        margin-top: -5px;
        margin-left: -112px;
        width: 430px;
}
.space3-2 .p2-wor-g32 {
    width: 294px;
    height: 307px;
    margin-left: 37px;
            margin: 47px auto 0;
}
  .space3-2 .p2-flo-t3 {
        position: inherit;
        width: 294px;
        margin: 2rem auto 0;
        font-size: 14px;
        line-height: 3rem;
    }
    .page1w2-2 {
        padding: 90px 0 0px;
    }
    .cd-area-spe-w {
        width: 66px;
        right: 32px;
        top: 0px;
}
.cd-area-spe-w img{
  transform: rotate(-13deg);
}
.triangle {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 25px solid #6ea498;
}
.triangle-container {
    gap: 36px;
}

.slider3 .slick-slide div {
    height: 262px;
    width: 178px !important;
    margin: 15px;
}
.slider3 .slick-next {
    right: 15px;
}
.slider3 .slick-prev {
    left: 15px;
}
.slider3 .slick-prev, .slider3 .slick-next {
    width: 35px;
    height: 35px;
  }
  .slider3 .slick-prev::before {
    border-width: 8px 10px 8px 0;
  }
  .slider3 .slick-next::before {
    border-width: 8px 10px 8px;
  }
  .slider3 .slick-next::before {
    margin-left: 11px;
}
.slider3 li .slider3-1 img {
    width: 809px;
    left: -47px;
    top: -99px;
}
.slider3 li .slider3-2 img {
    width: 242px;
    left: -35px;
    top: -158px;
}
.slider3 li .slider3-3 img {
    width: 420px;
    left: -134px;
    top: 0px;
}
.slider3 li .slider3-4 img {
          width: 293px;
        left: -61px;
        top: -86px;
}
.slider3 li .slider3-5 img {
    width: 297px;
    left: -51px;
    top: -176px;
}
.slider3 li .slider3-6 img {
    width: 1100px;
    left: -329px;
    top: -225px;
}
.slider3 li .slider3-7 img {
    width: 345px;
    top: 27px;
}
.slider3 li .slider3-7 img {
    width: 180px;
    top: 16px;
}
.slider3 li .slider3-8 img {
        width: 495px;
        top: -78px;
        left: -292px;
}
.slider3 li .slider3-9 img {
    width: 160px;
    top: 29px;
    left: 7px;
}
.page1w2-4 {
    margin: 0px auto 130px;
}
.cd-area-arrow {
    height: 265px;
}
.slider3-1-name li:nth-child(2) {
    font-size: 2.1rem;
}
.slider3-1-name li:nth-child(1) {
    font-size: 1rem;
}
.slider3 .slider3-1-name {
        bottom: -5px;
        right: 15px;
  }
.slider3-1-name {
      bottom: 21px;
    height: 53px;
    min-width: 108px;
  }
.slider3-1-name li:nth-child(2) span {
    font-size: 1.4rem;
}
.cd-area-spe {
    width: 60px;
    position: absolute;
    right: 50px;
    top: 139px;
}
.modal-ob1 {
    left: -139px;
    top: -176px;
}
    .slider3-1-word {
        margin-top: -29px;
        left: 10px;
        font-size: 2rem;
    }
.slider3-1-name2 {
    padding: 0 16px;
    top: 228px;
    right: 23px;
        height: 58px;
    min-width: 115px;
  }
  .slider3-1-name2 li:nth-child(1) {
        margin-top: 7px;
    font-size: 12px;
}
.slider3-1-name2 li:nth-child(2) {
    font-size: 22px;
}
.slider3-1-name2 li:nth-child(2) span {
    font-size: 14px;
}
.slider3-1-word li {
    margin-bottom: 1em;
    background-color: #fff;
    padding: 10px 4px;
    margin-left: 0em;
  }
    .modal-ph,.modal02 .modal-ph, .modal03 .modal-ph, .modal04 .modal-ph, .modal05 .modal-ph, .modal06 .modal-ph, .modal07 .modal-ph, .modal08 .modal-ph, .modal09 .modal-ph {
        margin: 51px auto 60px;
      width: 239px;
      height: 189px;
}
.modal02 .modal-ph img {
    width: 281px;
    left: -30px;
    top: -38px;
}
.modal02 .modal-ph2 img {
    width: 295px;
    left: -23px;
    top: -102px;
}
.modal03 .modal-ph img {
width: 362px;
    left: -61px;
    top: 6px;
}
.modal04 .modal-ph img {
        width: 326px;
        left: -56px;
        top: -105px;
}

.modal05 .modal-ph img {
    width: 271px;
    left: -9px;
    top: -171px;
}
.modal06 .modal-ph img {
    width: 1529px;
    left: -461px;
    top: -324px;
}
.modal07 .modal-ph img {
    width: 159px;
    left: 42px;
    top: 6px;
}
.modal08 .modal-ph img {
        width: 593px;
        left: -327px;
        top: -98px;
}
.modal09 .modal-ph img {
    width: 158px;
    left: 39px;
    top: 22px;
}
    .modal-qu {
    margin-top: 30px;
    font-size: 2rem;
  }
  .modal-awr {
        margin-top: 13px;
        line-height: 2em;
      font-size: 1.4rem;
  }
  .modal-ph2 {
    height: 174px;
    width: 267px;
        margin: 49px auto 0;
  }
.modal-ph img {
    width: 758px;
    left: -12px;
    top: -86px;
}
.modal-ph2 img {
        width: 310px;
        left: -5px;
        top: -12px;
  }
.modal03 .modal-ph2 img {
    width: 300px;
    left: -28px;
    top: 0px;
}
.modal04 .modal-ph2 img {
    width: 393px;
    left: -67px;
    top: -98px;
}
.modal05 .modal-ph2 img {
        width: 473px;
        left: -87px;
        top: -173px;
}
.modal06 .modal-ph2 img {
    width: 378px;
    left: -46px;
    top: -43px;
}
.modal07 .modal-ph2 img {
    width: 347px;
    left: -24px;
        top: -31px;
}
.modal08 .modal-ph2 img {
          width: 326px;
        left: -53px;
        top: -38px;
}
.modal09 .modal-ph2 img {
    width: 318px;
    left: -10px;
    top: -10px;
}

.ph-space img {
        max-width: inherit;
        margin-left: -21px;
        margin-top: -68px;
        width: 106%;
        min-width: 377px;
}
    .ph-space {
      height: 175px;
        margin-bottom: 100px;
        margin-top: 150px;
    }
.modal-window {
   top: 50px; /* 上部に5pxの空きを確保 */
    left: 50%;
    transform: translateX(-50%); /* X方向のみ中央揃え */
    max-height: calc(100vh - 100px); /* 上部の5pxを引く */
width: 90%;
min-height:inherit;
min-width: inherit;
padding: 20px;
position: fixed;
}
.p2-flo-t2box2.open_9 {
  transition: 500ms linear;
  height:260px;
}
.p2-flo-ob{
font-size: 20px;
padding: 0.8rem 2rem;
}
.p2-flo-t3{
position: inherit;
width: 307px;
margin: 2rem auto 0;
font-size: 14px;
    line-height: 3rem;
}

.p2-flo2-zu{
width: 307px;
border: none;
}
.flo2-box {
    position: relative;
    width: 307px;
}
.gaiyobox1 {
    width: 100%;
          height: 875px;
  }
.flo2-sec1g{
  top:32px;
  left:-42px;
  width: 340px;
  height: 131px;
position: relative;
}
.word1 {
    left: auto;
    top: 15px;
    width: 47px;
    right: -4px;
}
.flo2-sec2g{
  width: 210px;
  height: 126px;
  position: relative;
  left:-59px;
  margin-top: 34px;
}
.flo2-sec2g2 img{
margin-top: 2px;
        margin-left: -90px;
        width: 353px;
}
.flo2-sec1g img {
    position: absolute;
    width: 372px;
    margin-left: -14px;
    margin-top: -223px;
    max-width: none;
}
.flo2-sec2g2{
      right: -194px;
      margin-top: -95px;
      width: 140px;
    height: 172px;
  position: relative;
  left:auto;
  top:0;
}
.allowsp{
margin-top: -30px!important;
}
.p2-flo2-t{
font-size: 14px;
line-height: 2.5rem;
}
.flo2-boxt{
font-size: 28px;
}
.flo2-allow{
width: 36px;
    height: 36px;
}
.flo2-boxg,.flo2-boxg2 {
    width: 34px;
        margin: 94px auto 9px;
}
.flo2-boxg3 {
  margin: 94px auto 9px;
    width: 41px;
}
.flo2-boxg2-2{
      margin: 23px auto 9px;
    width: 115px;
}
.flo2-allow::before {
    left: 15px;
    top: 8px;
    width: 6px;
    height: 36px;
}
.flo2-allow::after {
    width: 30px;
    height: 30px;
    border-top: 6px solid #c7ced3;
    border-right: 6px solid #c7ced3;
}
.flo2-sec2g img {
    position: absolute;
    width: 237px;
    margin-left: 9px;
    margin-top: -24px;
    max-width: none;
}
.flo2-sec1g2{
position: relative;
left: auto;
right:0;
width: 337px;
height: 129px;
top:auto;
margin-top: 50px;
}
.flo2-sec1g2 img{
    margin-left: -60px;
    margin-top: -103px;
    width: 431px;
}
.flo2-sec3g{
position: relative;
left: auto;

width: 223px;
height: 129px;
margin: 20px auto 0;
}
.flo2-sec3g img{
margin-left: 20px;
margin-top: -5px;
width: 234px;
}
.flo2-sec4g{
  width: 160px;
  height: 160px;
  position: relative;
    margin-top:30px;
    left: -40px;
    z-index: 200;
}
.flo2-sec4g img{
  margin-left: -112px;
  margin-top: -73px;
  width: 453px;
}
.flo2-sec3g2{
  width: 243px;
  height: 170px;
  right:-20px;
left:auto;
margin-top: -130px;
}
.flo2-sec3g2 img{
        width: 306px;
        margin-left: -20px;
        margin-top: -116px;
}
.allowsp2{
  margin-top: 80px;
}
.boxsp{
      margin: 128px auto 9px!important;
}
.flo2-sec5g{
  left: auto;
  margin: 30px auto 0;
  width: 307px;
  height: 181px;
  position: relative;
}
.flo2-sec5g img{
  width: 311px;
  margin-left: -10px;
  margin-top: -10px;
}
.t-gazo {
    width: 323px;
}
.t-t {
    font-size: 22px;
}
.t-t3 {
    font-size: 22px;
    margin-bottom: 20px;
}
.bo-box {
    width: 307px;
}
.bo-sp{
  font-weight: bold;
}
.bo-ta2 {
  text-align: center;
    font-size: 16px;
}
.bo-ta2 td {
    padding: 1.5rem 0 1.5rem 0px;}
.t-gazo2 {
    width: 190px;
    margin:-82px auto -15px;
}
.ask-box {
    margin: 5rem auto 4rem;
}
.ask-spbox{
margin-top: 40px;
}


.t-gazo3 {
    width: 215px;
}

.t-t2 {
    font-size: 22px;
}
.gaiyobox {
  text-align: center;
    width: 307px;
        margin-top: 14px;
}
.gaiyor{
  float: none;
}
.gaiyor li{
    text-align: center;
    font-size: 16px;
    font-weight: 400;
  border-top: 1px #c7ced3 solid;
      line-height: 3rem;
      padding: 1.5rem 0 1.5rem 0px;
}
.bo-sp2 li{
  letter-spacing: 0!important;
  padding: 0!important;
  border: none!important;
}
.foot-t4{
  font-size: 12px;
  width: 150px;
  margin: 2rem auto 2rem;
}
.logo2 {
    width: 200px;
  }
.logo3 {
    font-size: 1.2rem;
    margin-top: 44px;
}


.re-copyback {
    width: 310px;
}
.re-copyback2 img {
    width: 310px;
}
.re-copyback {

    margin-top: 251px;}

.re-copy {
  margin-top: 281px;
  letter-spacing: 5px;
  font-size: 1.5rem;
  }
.topgazo2 {
    height: 505px;
}

.slider2 li .slider2-1 img{
  margin-top: 0px;
  margin-left: 129px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 771px;
}
.slider2 li .slider2-2 img{
  margin-top: -125px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 355px;
}
.slider2 li .slider2-3 img{
  margin-top: 0px;
          position: absolute;
          margin-left: 159px;
          left: 50%;
          transform: translateX(-50%);
          min-width: 892px;
}
.slider2 li div {
    margin: 9px 0 0;
overflow: hidden;
}
.slider2 li .slider2-1:after {
    height: 350px;
  }
  .slider2 li .slider2-2:after {
      height: 350px;
          top: 10px;
    }
    .slider2 li .slider2-3:after {
        height: 370px;
            top: 10px;
      }
.contact-r li {
  margin-top: 0px;
margin-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: left;
}

.p2-flo-g2box.open_3 {
    width: 323px;
}
.space3-2 .p2-flo-g2box img {
      width: 180px;
}

.p2-flo-ob2 {
    top: 113px;
}

.word2 {
  z-index: 300;
    width: 27px;
    left: 295px;
    margin-top: 331px;
}
.word3 {
    z-index: 300;
    width: 30px;
    left: 32px;
    margin-top: 239px;
}
.word5 {
z-index: 300;
    width: 31px;
    left: 253px;
    margin-top: 363px;
}


.t-gazobox.open_4 {
    width: 323px;
}
.t-gazo {
  margin-top: 0px;
}
.t-gazobox {
    height: 80px;}


.page1-3 {
    margin: 163px auto 0px;
}
    .t-gazobox img {
    width: 323px;}
.bo-t {
    margin: 35px auto 50px;
}

.t-gazo2box.open_5 {
    width: 190px;
}
.t-gazo2box img{
      width: 190px;
}
.page1-4 {
    margin: 170px auto 0px;
}


.t-gazo3box.open_6 {
    width: 215px;
}
.t-gazo3box img {
  width: 215px;
}
.t-t2 {
    margin-top: -65px;
}
.page1-5 {
    margin: 221px auto 0px;
}
.t-gazo3 {
    margin-top: -145px;}

    .headbox{
      height: 64px;
    }

    .headboxback img{
        top:64px;
    }
.menubox{
left: 22px;
    right: auto;
}

#space6{
top:-90px;

}
#space5{
margin-top:-20px;
}
#space7{
margin-top:100px;
position: absolute;
}
#space6-2 {
    margin-top: 50px;
    position: absolute;
}
.p2-mal-g img {
width: 514px;
    margin-left: 34px;
    margin-top: -4px;
}
.p2-mal-g3 img {
    max-width: none;
    width: 480px;
    top: -288px;
    left: -111px;
    position: absolute;
}


}