.mokuflex a:first-child{padding-top: 0}.mokuflex a:first-child{padding-top: 0}.mokuflex a:first-child{padding-top: 0}.mokuflex a:first-child{padding-top: 0}.mokuflex a:first-child{padding-top: 0}.mokuflex a:first-child{padding-top: 0}.mokuflex a:first-child{padding-top: 0}@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------

h2first

--------------------------------------------------------------------*/
.h2first{text-align: center}
.h2first .cla1{ width: 51px}
.h2first .tit{position: relative; justify-content: space-between; display: flex; margin-left:8%; margin-right: 8%}
.h2first .time {width: 40% ; text-align: left}
.h2first .time span{ font-size:clamp(1.875rem, 1.625rem + 1.25vw, 2.125rem) }/*30-34*/
.h2first .time .big{width:171px; position: absolute; left:-35px;top: -45px; }
.h2first .time .wah{width: 24px ; vertical-align: middle; top: -5px; position: relative;}
.h2first .tit h2{text-align:left ; width: 60%; font-size:clamp(1.625rem, 1.375rem + 1.25vw, 1.875rem) }/*26-30*/
.h2first .come{letter-spacing: normal; font-weight: 800 ;  position: relative; z-index: 1; font-size:clamp(1.188rem, 1.063rem + 0.63vw, 1.313rem)}/*19-20*/


/*--------------------------------------------------------------------

.first

--------------------------------------------------------------------*/
.first{position: relative; padding-top: 20px ;  }
.first .fade1{ margin: -20px 5% 0}
.first .text{position: absolute; left: 0; bottom: 3%; text-align: left ; overflow-x: hidden;}
.first .text p{display: inline-block ; background: url("../img/touka.png") repeat; padding: 0 10px ; font-size:clamp(1.625rem, 1.375rem + 1.25vw, 1.875rem)}/*26-30*/


.mokuflex{margin-top: 30px;  display: flex; justify-content: space-between; padding: 0 8% 50px ;align-items: flex-start; /* 追加 */}
.mokuflex img{width: 30%;}
.mokuflex ul{width: 68%}
.mokuflex li{ margin-left: 20px ; border-bottom: 1px dashed #674330;}
.mokuflex a{color:#674330; display: block; padding: 8px 0;  }
.mokuflex a:hover{background: #fff}
.mokuflex a:first-child{padding-top: 0}
/*--------------------------------------------------------------------

.first

--------------------------------------------------------------------*/
.first2{text-align: center ; overflow-x: hidden;}
.first2 .text01{line-height: 2.4 ; margin: 20px 0; font-size:clamp(1.125rem, 1rem + 0.63vw, 1.25rem)}/*18-20*/

.curved .text{padding: 0 8%}

.sclo{margin-top: 50px}
/*--------------------------------------------------------------------

.maku

--------------------------------------------------------------------*/
.maku{height: 200px ; background: #fff; margin-bottom: 80px ; }
.maku .ma1{width: 274px; position: absolute; top: 50px; left: 50%; margin-left: -137px; z-index: 3}
.maku .ma2{width: 180px; position: absolute; top: 10%; left: 50%; margin-left: -90px; z-index: 3}

/*--------------------------------------------------------------------

flow

--------------------------------------------------------------------*/
.flow {text-align: center ; position: relative; padding-top: 50px}

.flow .fukibo{margin-bottom: 10px}

.flow .img01 img {width: 199px; margin-bottom: 20px}
.flow .cat{width:103px; position: absolute; right: 6%; top: 0px ; z-index: 2}
.flow .flowtext{line-height: 2 ;  margin-bottom: 30px ; font-size:clamp(1.25rem, 0.938rem + 1.56vw, 1.563rem)}/*20-25*/
.flow .text{text-align: left; margin: 0 8% 50px}
.flow .bgfff{background: #fff}

.flow .time{margin-bottom: 50px}
.flow .time span{ font-size:clamp(1.875rem, 1.625rem + 1.25vw, 2.125rem) }/*30-34*/
.flow .time .big{width:171px; position: absolute; left:-35px;top: -45px; }
.flow .time .wah{width: 24px ; vertical-align: middle; top: -5px; position: relative;}

.flow .pic {position: relative ; margin: 0 0 20px 8%}
.flow .pic .wah{width:88px; position:absolute ; left:-5%; top: -50px}
.flow .pic li img{border-radius: 30px 0 0 30px}

.flow .pictext{line-height: 1.3 ; position: absolute; left: 0; top: 54%; text-align: left; font-size:clamp(1.25rem, 0.875rem + 1.88vw, 1.625rem)}/*20-26*/
.flow .flow2 .pictext{top: 80%}

.flow .pictext span{background: url("../img/touka.png") repeat; display: inline-block; padding: 0 10px 4PX 0;}

.flow .come{text-align: left; padding: 0 8% 20px}

.flow .flow2 .img02 img { max-width:415px; }
.flow .flow3 .img02 img { max-width:413px; }

.flowbox{padding-bottom: 50px}


/*--------------------------------------------------------------------

voice

--------------------------------------------------------------------*/
.voice {text-align: center;padding: 50px 0 0}
.voice .hoshi{width: 142px}
.voice .text01{margin-bottom: 30px; font-size: clamp(1.25rem, 0.875rem + 1.88vw, 1.625rem);}/*20-26*/
.voice .cya{background: #f9f3ed; padding-bottom: 50px}
.voice .date{margin-top: -5px; font-size: 11px; position: absolute; right: 0; top: 0; background: #f9f3ed; padding: 0 15px 5px; border-radius: 0 0 0px 10px}
.voice li{background: #fff; padding:40px 15px 30px ; position: relative ; border-radius: 20px; margin: 0 8% 30px}
.voice li dl{display: flex; justify-content: space-between}
.voice li dt{width: 30%}
.voice li dt img{border-radius: 10px}
.voice li dd{width: 65%; text-align: left}
.voice li h3{line-height: 1.6}
.voice li .textbox{text-align: left; padding: 20px 0 0; font-size: clamp(0.813rem, 0.688rem + 0.63vw, 0.938rem)}/*13-15*/

.voice .morebtn a{margin-top: 20px;
 z-index: 2; position: relative;
  justify-content: center;
  color: #ffffff;
  border-radius: 180px;
  transition: 0.3s;
  box-shadow: 0px 0px 3px 2px rgba(219, 219, 219, 0.8);
  background-image: linear-gradient(90deg, rgba(74, 190, 212, 1), rgba(252, 211, 117, 1) 50%, rgba(244, 171, 170, 1));
  background-size: 200% 100%;
  background-position: 0% 0%;
  display: inline-block;
  padding: 5px 50px;
  font-size:18px; 
  transition: background-position 0.5s ease; /* 追加: 背景位置のアニメーション */
}

.voice .morebtn a:hover {
  background-position: 100% 0%; /* マウスオーバー時に背景を右へ移動 */
  box-shadow: none;
}

/*--------------------------------------------------------------------

.sk

--------------------------------------------------------------------*/
.sk{background: #fff; text-align: center; padding: 70px 8%}
.sk .tax{text-align: right; }
.sk table{ width: 100%; font-size: 15px; line-height: 1.3; margin-bottom: 50px}
.sk table.bij{margin-bottom: 0}

.sk table,.sk td,.sk th {
    border-collapse: collapse;
    border:1px solid #eae4e4;
    padding: 10px 
    }
.sk table .c02{background:#8bd4d4 ; color: #fff }
.sk table .textr{text-align: right}
.sk table .textl{text-align: left}
.sk table span{letter-spacing: normal}
.sk table i{font-size: 11px ; line-height: 1.4; display: block}
.sk table .bgc{background: #e9f8f8}