/* ===== Header ===== */
body{
  margin:0;
  font-family: "Zen Maru Gothic", sans-serif;
  color: #404040;
}

.mb5{
margin-bottom:5%;
}

.center{
text-align:center;}

p{
line-height:2.2;}

label{display:block;margin-top:15px;}
input,textarea{width:96%;padding:8px;margin-top:5px;}
button{margin-top:20px;padding:10px 20px;
margin-top: 20px;
    padding: 10px 20px;
    border-radius: 50px;
    background: #f68b1e;
    min-width: 190px;
    font-size: 20px;
    border: none;
}

span{
display: inline-block;
}

ul{
padding-left:2%;
}

li{
list-style:none}

.site-header {
  background: #fff;
  border-bottom: 1px solid #eee;
}

.header-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* ロゴ */
.header-logo img {
  height: 60px;
}

/* メニュー */
.header-nav ul {
  list-style: none;
  display: flex;
  gap: 24px;
  margin: 0;
  padding: 0;
}

.header-nav a {
  text-decoration: none;
  color: #333;
  font-size: 15px;
}

/* 電話 */
.header-contact {
  text-align: right;
}

.contact-time {
  display: block;
  font-size: 12px;
  color: #666;
}

.contact-tel {
  font-size: 20px;
  font-weight: bold;
  color: #2a7c6f;
  text-decoration: none;
}

.hero .container{
	text-align:center;
	background:#f8f2ee;
	padding:3%;
}

.hero .container img{
	width:100%;
	max-width:1280px;
    border-radius: 30px;

}

.content{
	padding:5%;
    background: #F8F2EE;
}

.content .inner{
 background:#fff;
 padding:3%;
    border-radius: 15px;
margin-bottom: 5%;
}

.content h2{
text-align:center;
font-size:28px;
}

.content .inner h3{
	text-align:center;
	font-size:24px;
}

.content .inner h4{
	margin-bottom:0;
	color:#df6900;
	font-size:20px;
}

.content img,.qa img{
max-width:160px;
}

.read{
margin: 5%;
    display:flex;
    gap: 5%;
align-items: center;
	line-height: 2.3;
}

.read li{
font-weight:bold;}


.sideimg img{
	 border-radius: 30px;
	 width:100%;
}

.read .container{
flex-basis:60%;
}
.read .sideimg{
flex-basis:40%;
}

.read2{
text-align:center;
    padding: 0 5% 5%;
}

.read2 .inner{
    display:flex;
    gap: 5%;
align-items: center;
justify-content: center;
}

.read2 h2{
    background: #f8f2ee;
    padding: 2% 0;
    border-radius: 30px;
    font-size:24px;
}

.read2 h3{
color: #df6900;
}

.read2 img{
	width:100%;
    max-width: 250px;
}
.read2 p{
	text-align:left;
}

.qa{
	padding:5%;
}
.qa h2{
text-align:center;
}

.qa h3{
    background: #f8f2ee;
    padding: 1% 2%;
    border-radius: 15px;
margin-top: 3%;
}

.qa p{
	padding: 0 0 0 2%;
}


.voice {
    background: #f8f2ee;
    padding: 5%;
}

.voice h2{
	text-align:center;
}

.voice .box{
	background:#fff;
	border-radius: 15px;
	    padding: 3%;
    margin-bottom: 3%;
}


.company h2{
	text-align:center;
}

.company {
    padding: 5%;
}
.company table{
	    width: 100%;
    margin: 0 auto;
}

.company table th{
	background:#f8f2ee;
	padding:2%;
}

.company table td{
	padding:3%;
}

.action{
background:#f8f2ee;
padding:5%;
}

.action h1{
	text-align:center;
}
.action img{
	max-width:100%;
}
.site-footer{
text-align:center;}

.confirm{
padding:5%;
}

.confirm h1{
text-align:center;
font-size:24px;
}

.content .inner img{
max-width:100%;
border-radius: 15px;
}

/* ======================
   PC 右下追従
====================== */
.floating-contact{
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 999;
}

.floating-box{
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.15);
  padding: 12px;
  width: 200px;
  text-align: center;
}

.floating-title{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #333;
  display: flex;
        align-items: center;
        justify-content: center;
}

.floating-title img{
	max-width:60px;
}

.floating-btn{
  display: block;
  padding: 10px;
  margin-bottom: 6px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
}

.floating-btn.mail{
  background: #f5f5f5;
  color: #333;
}

.floating-btn.tel{
  background: #f68b1e;
  color: #fff;
}





/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

@media (max-width: 768px) {

  .header-inner {
    flex-wrap: wrap;
  }

  .header-nav {
    width: 100%;
    margin-top: 10px;
  }

  .header-nav ul {
    justify-content: center;
    gap: 16px;
  }

  .header-contact {
    width: 100%;
    text-align: center;
    margin-top: 8px;
  }

  .contact-tel {
    font-size: 30px;
  }
  .read{
  flex-direction: column;}

.read2 .inner {
    flex-direction: column;}
  
.content .inner h4 {
text-align:center;
}  
.pc { display: none !important; }
    .sp { display: block !important; }

.header-inner {
    justify-content: center;
}
.voice .box {
    text-align: center;
}
.voice .box p{
    text-align: left;
}
/* スマホ固定全体 */
.bottom-contact.sp{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  z-index: 99999;

}

/* 上のタイトル */
.bottom-title{
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        padding: 6px 0;
        background: #f8f2ee;
        border-top: 1px solid #bdbdbd;
display: flex;
        align-items: center;
        justify-content: center;
}

/* ボタン横並び */
.bottom-buttons{
  display: flex;
}

/* 各ボタン */
.bottom-btn{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;

  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}

.bottom-title img{
	max-width:60px;
}

/* 色 */
.bottom-btn.mail{
  background: #f5f5f5;
  color: #333;
}

.bottom-btn.tel{
  background: #f68b1e;
  color: #fff;
}

/* 本文が隠れないよう余白 */

  body{
    padding-bottom: 112px;
}


}