@charset "utf-8";
/* CSS Document 320-500*/

.headbox .kakomi{margin: 0 5%; border: 1px solid #a8cf3f}
.headbox h2{padding: 20px 0 20px 5% ; font-size: clamp(1.75rem, 0.972rem + 3.89vw, 2.188rem)}/*28-35*/
.headbox .text01{text-align: center; background: url("../img/about/bgg.jpg") no-repeat bottom center; background-size:100%;
padding: 30px 0 200px; font-size: clamp(1.063rem, 0.618rem + 2.22vw, 1.313rem)}/*17-21*/
.headbox .text01 span{display: block; margin-top: 20px}


.sapo{text-align: center; position: relative; padding: 50px 0 20px}
.sapo h2{font-size:clamp(1.188rem, 0.188rem + 5vw, 1.75rem) }/*19-28*/
.sapo dl{ margin:40px 0 30px; position: relative}
.sapo dt .fuki3{display: inline-block; position: absolute; right: 5%; top: -15px; text-align: left}
.sapo dd .dou{position: absolute; bottom: 70px; right: 5%; width: 100px}
.sapo .text{text-align: left; margin:30px 8%; }

.spbox{text-align: left}

.sapo .fuki3{margin-left: 8%; text-align: left; font-size: clamp(0.875rem, 0.764rem + 0.56vw, 0.938rem)}/*14-15*/
.sapo .meri1{text-align: left; margin-top: 20px}
.sapo .meri1 h3{font-weight: 600; margin: 0 0 20px 8%; font-size:clamp(1rem, 0.111rem + 4.44vw, 1.5rem)}/*16-24*/
.sapo .meri1 h3.ftm{font-weight: 600; font-size:clamp(1rem, 0.818rem + 0.91vw, 1.5rem)}
.sapo .meri1 .pointimg{width: 67px; margin-left: 8%}
.sapo .iconBox{margin: 0 8%; }
.sapo .iconBox .serifu{font-size: clamp(0.875rem, 0.764rem + 0.56vw, 0.938rem)}/*14-15*/
.sapo .iconBox .serifu img{width: 20px; vertical-align: middle; margin-top: -3px}
.sapo .iconBox .serifu a{letter-spacing: normal}


.teian{text-align: center; padding: 0px 0 60px}
.teian .meri1{text-align: left; margin-top: 20px}
.teian .meri1 h3{font-weight: 600; margin: 0 0 0px 8%; font-size:clamp(1rem, 0.111rem + 4.44vw, 1.5rem)}/*16-24*/
.teian .meri1 .pointimg{width: 67px; margin-left: 8%}
.teian .gyouseif dl{display: flex; justify-content: space-between; position: relative; padding: 30px 8% 0 3% ; align-items: baseline}
.teian .gyouseif .tate{font-weight: 600; position: absolute; right: 8%; top:30px; text-align: left; font-size: clamp(0.938rem, 0.604rem + 1.67vw, 1.125rem)}/*15-18*/
.teian .gyouseif dt{width: 30%; margin-top: 50px}
.teian .gyouseif dt img{ display:block; }
.teian .gyouseif dd{width: 68%; position: absolute; left: 32%; bottom: 20px; text-align: left}
.teian .gyouseif dd .tit{font-weight: 600; font-size: clamp(0.938rem, 0.604rem + 1.67vw, 1.125rem)}/*15-18*/

.teian .renkeibg{margin-top: -150px ; background: url("../img/top/bg.png") repeat-y left top; padding: 150px 0 20px}
.teian .renkei{margin: 0 8% 0 ; background: #fff; border: 1px solid #a8cf3f}
.teian .renkei .text{background:#a8cf3f; padding: 20px 0; color: #fff; font-size: clamp(0.938rem, 0.604rem + 1.67vw, 1.125rem)}/*15-18*/
.teian .renkei .rent{padding: 20px 0 0 ; font-size: clamp(0.938rem, 0.604rem + 1.67vw, 1.125rem)}/*15-18*/
.teian .renkei dl{ margin:20px 5% 0; text-align: left; display: flex; justify-content: space-between }
.teian .renkei dt{width: 22%}
.teian .renkei dd{letter-spacing: normal; margin-top: -5px; width: 75%; font-size:clamp(0.813rem, 0.59rem + 1.11vw, 0.938rem)}/*13-15*/
.teian .renkei dd .name{font-weight: 600; font-size:clamp(1rem, 0.778rem + 1.11vw, 1.125rem)}/*16-18*/
.teian .renkei .atte{text-align: left; padding: 20px 5% 40px; font-size: 13px}
.teian .renkei .fun{background: #f4ffd8; padding: 10px 20px ; text-align: left; margin: 20px 5%}
.teian .renkei .fun span{font-size: 17px; font-weight: 600}


.about{text-align: center; padding: 50px 0}
.about h2{margin-bottom: 30px; font-size:clamp(1.75rem, 0.972rem + 3.89vw, 2.188rem) }/*28-35*/
.about .pic{text-align: left; padding-right: 15%; position: relative}
.about .pic .name{line-height: 1.3; background: #a8cf3f; position: absolute; right: 5%; bottom: 20px; display: inline-block; padding:#a8cf3f; padding: 10px; color: #fff ; font-size:clamp(1.25rem, 0.694rem + 2.78vw, 1.563rem) }/*20-25*/
.about .pic .name span{font-size: 14px; display: block}

.about .text01{text-align: left; padding: 30px 8% 20px 8%}
.about .kako{margin: 0 8%}
.about .ab1{margin:40px 0; background: url("../img/about/bggreem.jpg") no-repeat left top}
.about .ab1 dl{position: relative}
.about .ab1 dt{margin-left: 40%; padding-bottom: 10px}
.about .ab1 dd{position: absolute; left: 0; bottom: 10%; }
.about .ab1 dd .kako{display: inline-block; padding: 20px}
.about .ab2 .chie{display: flex; justify-content: space-between; align-items: flex-start; margin: 30px 8% 0 0}
.about .ab2 .chie .text01{width: 80%; padding: 0 0 20px 8%}
.about .ab2 .chie img{width: 15%}
.about .lspic{padding-left: 20%}
.about .text02{text-align: left; padding: 30px 8% 20px 8%; font-size: clamp(1rem, 0.222rem + 3.89vw, 1.438rem)}/*16-23*/

.gaiyo{ text-align: center; }
.gaiyo h2{ position: relative; margin: 20px 0; line-height: 1.4; font-size:clamp(1.125rem, 0.458rem + 3.33vw, 1.5rem) }/*18-24*/
.gaiyo dl{text-align: left; margin: 0 8% 15px}
.gaiyo dt{background:#1d9f10; color: #fff; padding-left: 3% ; border-radius: 4px; margin-bottom: 8px}
.gaiyo dd{ padding-left: 3% }
.gaiyo dd img{width: 14px; vertical-align: middle}

.access{ text-align: center; padding: 30px 0 80px}
.access h2{margin-bottom: 30px; font-size:clamp(1.375rem, 0.486rem + 4.44vw, 1.875rem) }/*22-30*/
.access .text01{margin-bottom: 20px}
.map-container {margin-bottom: 20px;
  width: 100%;
  max-width: 500px; /* 最大幅を500pxに制限 */
  aspect-ratio: 4 / 6; /* 地図の縦横比（4:3や16:9などお好みで） */
}

.map-container iframe {
  width: 100%;
  height: 100%;
}
.access .text02 img{width:26px; vertical-align: middle; margin-right: 8px}