html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  transition: 0.3s;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

a{text-decoration:none;color:#333;}
a img {
  border: none;
}

body {
  font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;
  line-height: 1.4;
  position: relative;
  font-weight: 500;
  color: #333333;
}

section{
padding:60px 20px;
max-width:1100px;
margin:auto;
}

h3{font-size:32px;font-weight:bold;}
h3.title{margin-bottom:50px;text-align:center;position: relative;}
h3.title:after{content:"";display: inline-block;background-color: #333;width:110px;height: 4px;position: absolute;bottom: -10px;left: calc(50% - 55px);}
h4{font-size:23px;margin-bottom:10px;}
h5{font-size:20px;background:#eee;padding:10px;margin-bottom:10px;}

 @media (max-width:768px){
 section{width:95%;padding:40px 0;font-size:13px;}
 
 h3{font-size:26px;}
 h4{font-size:20px;}
 }


/* ヘッダー */
header{
display:flex;
align-items:center;
justify-content:space-between;
padding:15px 30px;
border-bottom:1px solid #ddd;
}
.logo{
display:flex;
align-items:center;
}
.logo img{
width:150px;
}
nav ul{
display:flex;
list-style:none;
padding:0;
margin:0;
gap:25px;
}
nav li a{
text-decoration:none;
color:#333;
font-size:14px;
display:block;
}
nav li a:hover{text-decoration:underline;}

 @media (max-width:768px){
 .logo{width:30%;}
 .logo img{width:100%;}
 nav{width:65%;}
 nav ul{flex-direction:column;gap:0;}
 nav li{border-bottom:1px solid #ddd;}
 nav li a{padding:15px;font-size:16px;}
 }


/* フッター */
footer{
padding:40px 20px 20px;
}
footer p{
text-align:center;
font-size:13px;
color:#666;
border-top:1px solid #ddd;
padding-top:15px;
width:80%;
margin: 0 auto;
}









/* メインビジュアル */
.mainv{text-align:center;padding:80px 20px;color: #fff;
background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url("../img/top-image3.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.mainv h2{font-size:32px;margin-bottom:40px;font-weight:bold;}

.mainv-circle{display:flex;justify-content:center;}
.circle{background:#fff;color:#333;
width:150px;
height:150px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
font-size:18px;
font-weight:bold;
padding:10px;
margin:0 15px;}

 @media (max-width:768px){
 .mainv h2{font-size:28px;}
 .mainv-circle{flex-wrap: wrap;}
 .circle{width:100%;height:auto;border-radius:0;margin:10px 0 0 0;}
 }

/* 選ばれる理由 */
#reason{}
#reason ul li{background:#314468;color:#fff;margin-bottom:15px;padding:20px;}

/* 料金 */
#price h5{font-size:20px;font-weight:bold;margin-bottom:5px;text-align:center;}
.price-box ul{display:flex;justify-content: space-around;}
.price-box ul li{width:43%;padding:40px;box-sizing: border-box;border:10px solid #314468;}
.price-box .price-menu{font-size:18px;text-align:center;margin-bottom:20px;}
.btn{display:block;width:40%;margin:30px auto 0;padding:20px 0;background:#314468;color:#fff;text-align:center;font-size:20px;}

 @media (max-width:768px){
 .price-box ul{flex-wrap: wrap;}
 .price-box ul li{width:100%;margin-bottom:20px;}
 .btn{width:70%;}
 }

/* 調査項目 */
#items{
width:100%;
max-width:1000px;
margin:auto;
}
#items img{
width:100%;
display:block;
}
.items-title{background:#000;color:#fff;font-size:20px;padding:10px 0;text-align:center;}

 @media (max-width:768px){
 .items-title{font-size:16px;}
 }

/* about */
#about{width:100%;
background:linear-gradient( rgba(255,255,255,0.8)),url("../img/bg.jpg");
background-size:cover;
background-position:center;
background-repeat:no-repeat;}
#about .text{margin-bottom:20px;}

 @media (max-width:768px){
 #about{}
 }

/* お知らせ */
.news-list{margin:30px auto;width:70%;}
.news-list li{border-bottom:1px solid #ccc;padding:12px 0;display:flex;}
.news-date{margin-right:30px;}
.news-list a{text-decoration:none;color:#333;}
.news-list a:hover{text-decoration:underline;}
 @media (max-width:768px){
 .news-list{width:90% !important;}
 }

/* 問い合わせ */
#contact{width:100%;
background:linear-gradient( rgba(0,0,0,0.4)),url("../img/top-image2.jpg");
background-size:cover;
background-position:center;
background-repeat:no-repeat;}

#contact h3, #contact .text{color:#fff;}
#contact h3.title:after{background-color: #fff;}

#contact .text{text-align:center;font-size:18px;margin-bottom:20px;}
#contact ul{display:flex;justify-content: space-evenly;}
#contact li {text-align:center;padding:30px 0;width:30%;font-size:20px;background:#fff;}
#contact li a{display:block;}
#contact li p{width:80%;margin:10px auto 0;padding:10px 0;border-radius:50px;color:#fff;}
#contact li p.tel{border:0;color:#314468;font-weight:bold;font-size:32px;padding:0;}
#contact li span{display:block;font-size:14px;font-weight:normal;margin-bottom:5px;}
#contact li span.contact-title{font-size:17px;font-weight:bold;}

#contact li:nth-child(2) p{background:#00b900;}
#contact li:nth-child(3) p{background:#314468;}

 @media (max-width:768px){
 #contact ul{flex-wrap: wrap;align-items:center;}
 #contact li{width:100%;margin:10px auto 0;padding:20px 5%;}
 #contact li a{width:70%;margin:0 auto;}
 }