﻿@charset "UTF-8";
@media screen and (max-width:480px){

.waku{ padding:0px 5%; min-width:auto; }

.pts{ font-size:14px; line-height:18px; }
.pts2{ font-size:21px; }
.pts3{ font-size:13px; }
.pts5{ font-size:12px; }
.pts6{ font-size:16px; }
.pts7{ font-size:19px; }
.pts8{ font-size:11px; }
.pts9{ font-size:9px; }
.pts10{ font-size:18px; }
.pts11{ font-size:28px; }
.pts12{ font-size:15px; }

/*トップ*/
div.toptop{ min-width:auto; width:100%; background-image:url(../img/top3.png); background-size:cover; }
div.toptop{ height:0px; padding-bottom:125%; }
div.toptop .copy{ width:110%; left:-5%; top:-75px; }

/*メニュー*/
div.menubg{ padding:10px 0px 5px; }
div.menubg img.ho{ width:120px; }
div.menubg div.sm{ display:inline-block; }

div.menubg ul.menu{ display:none; }
div.menubg ul.menu li{ }
div.menubg ul.menu li a{ }
div.menubg a.te1{ display:none; }
div.menubg p.te2{ display:none; }
div.menubg a.te3{ display:none; }

/*選ばれる理由*/
#reasons{ background-color:#f4f7f2; width:100%; margin:50px auto; padding:20px; border-radius:10px; }
.section-title{ text-align:left; color:#87a871; margin-bottom: 60px; padding-bottom: 15px; border-bottom:1px solid #d1d9c9; }
.reason-grid{ display:flex; flex-direction:column; gap:60px; justify-content:space-between; }
#reasons .reason-card{ flex:1; background-color:#FFF; margin-top: 20px; padding:40px 20px 30px; text-align:center; border-radius:8px; position:relative; box-shadow:0 4px 10px rgba(0,0,0,0.05); }
#reasons .reason-icon { width: 80px; height: 80px; margin: -80px auto 20px; }
#reasons .reason-icon img { width: 100%; height: auto; object-fit: contain; }
#reasons .reason-card h3{ color:#87a871; font-size:20px; margin-bottom:15px; }

/* ご利用料金 */
#pricing .fare-flex{ flex-direction:column; align-items:center; gap:0px; }
/* 左側 */
#pricing .price-left{ flex:0 0 auto; width:100%; display:flex; flex-direction:column; padding:0px 20px 20px; gap:20px; }
#pricing .section-title{ display:flex; align-items:center; justify-content:center; gap:5px; text-align:center; font-size:20px; color:#87a871; margin-bottom: 0px; }
#pricing .section-title img.icon{ height:1.2em; width:auto; }
#pricing .price-title{ color:#87a871; font-size:24px; border-bottom:2px solid #87a871; padding-bottom:10px; margin-bottom:20px; }
#pricing .price-box{ text-align:center; }
#pricing .price-label{ font-size:20px; margin-bottom:20px; background-color:#87a871; color:#fff; line-height:40px; border-radius:20px; }
#pricing .price-amount{ display:block; font-size:60px; font-weight:bold; color: #87a871; line-height:1; }
#pricing .price-amount span{ font-size:24px; margin-left:5px; }
#pricing .price-note{ text-align:center; margin-top:5px; font-size:14px; color: #666; }
/* 右側 */
#pricing .price-right{ width:100%; background-color:#f4f7f2; flex:1; padding:20px; border-radius:10px; }
#pricing .catch-copy{ font-size:22px; color:#87a871; margin-bottom:20px; font-weight: bold; }
#pricing .catch-copy span{ font-size:20px; color:#444; }
#pricing .description{ margin:20px; color:#444; text-align:left; }
#pricing .btn-more{ display:inline-block; background-color:#fff; color:#444; padding:20px 40px; text-decoration:none; border-radius:8px; box-shadow:0px 4px 10px rgba(0, 0, 0, 0.2); transition:0.3s; }
#pricing .btn-more:hover{ background-color:#87a871; color:#fff; opacity:1; }


}