#top_box{
box-sizing:border-box;
background:url('../images/archtruss/archtruss1.webp') no-repeat top center;
background-size:cover;
height:60dvh;
color:#fff !important;
display:flex;
flex-direction:column;
justify-content:center;
padding:0 10%;
font-size:30px;
align-items:flex-end;
font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
}
#top_box article{
	width:100%;
	max-width:initial !important;
}
#top_box h1{
font-size:36px;
	position:relative;
	color:#fff;
	border:0;
	margin-bottom:30px;
	text-align:right;
}
#top_box p{
	width:100%;
font-size:30px;
	text-align:right;
color:#fff !important;
}
#top_box h2{
color:#fff !important;
text-align:right;
}
#top_box h2 small{
display:block;
font-size:20px;
}
#main section{
margin-bottom:80px;
}
#main h2{
font-size:36px;
margin-bottom:30px;
font-weight:bold;
}
#main article h3{
font-size:24px;
font-weight:bold;
}
#main article h4{
font-size:20px;
    font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
}
#main article h5{
font-size:18px;
    font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
}
#main article{
max-width:960px;
margin:0 auto;
line-height:1.8em;
font-size:18px;
}
#main article p{
line-height:1.8em;
}
#section2{
background:#486063;
padding:50px 0;
}
#section2 h2{
color:#fff;
}
#section2 .flex{
display:flex;
gap:40px;
}
#section2 .card{
width:calc((100% - 80px) / 3);
flex:none;
background:#fff;
padding:15px;
box-sizing:border-box;
line-height:1.8em;
border-radius:10px;
}
.photo_comment{
display:flex;
gap:40px;
margin:0 auto 50px;
}
.photo_comment figure{
min-height:360px;
width:400px;
flex:none;
}
.photo_comment figure img{
	max-width:100%;
	height:auto;
}
.photo_comment .comment{
width:calc(100% - 440px);
flex:none;
}
#section3 ul{
padding:0;
display:flex;
flex-wrap:wrap;
gap:50px;
list-style:none;
}
#section3 ul li{
width:calc((100% - 100px) / 3);
}
#section3 ul li h4{
text-align:center;
}
/*
#section3 ul li figure{
width:150px;
height:150px;
display:block;
background:#ccc;
margin:0 auto 15px;
border-radius:50%;
}
*/
#franchise{
padding:50px 0;
background:#f9fceb;
}
#franchise ul{
padding:20px 0 0 30px;
}
#section4 article{
	width:100% !important;
	max-width:initial !important;
}
#section4 article p{
	width:100% !important;
	max-width:initial !important;
}
#section5 fieldset{
display:flex;
gap:40px;
margin-bottom:20px;
}
#section5 fieldset label{
width:180px;
flex:none;
}


#section5 fieldset input[type="text"],
#section5 fieldset input[type="email"],
#section5 fieldset textarea {
	border: 1px solid #ccc;
	border-radius: 6px;
	width: calc(100% - 220px);
	padding: 5px;
	box-sizing: border-box;
}
#submitbutton input{
background:#486063;
display:block;
line-height:60px;
width:100%;
max-width:300px;
color:#fff;
text-align:center;
border:0;
margin:0 auto;
border-radius:5px;
cursor:pointer;
}