/* CSS Document */

*{
margin:0;
padding:0;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}


html {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
@media all and (-ms-high-contrast: none)  {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
@media all and (-ms-high-contrast: active) {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}


#wrapper{
width:1000px;
margin:0 auto;
}

h1{
color:#ffffff;
font-size:16px;
padding:8px;
background-color:#333333;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
margin:8px 0;
}

h2, h3{
color:#81C730;
}

h2, h3{
font-size:32px;
border-bottom:1px solid #cccccc;
margin-bottom:8px;
}

.his h3{
font-size:24px;
}

h4{
font-size:23px;
}

a{
color:#0099ff;
text-decoration:none;
}

p{
font-size:24px;
margin-bottom:24px;
}

.flow p{
color:#333333;
font-weight:bold;
padding:16px;
border:1px solid #cccccc;
background-color:#dfdfdf;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

li{
font-size:16px;
margin-bottom:16px;
border-bottom:1px dotted #cccccc;
padding-bottom:16px;
}

.menue li{
font-size:24px;
display:inline-block;
border:1px solid #cccccc;
margin-right:16px;padding:16px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.button{
padding:32px;
font-size:39px;
letter-spacing:1px;
font-weight:bold;
text-align:center;
color:#333333;
border:1px solid #cccccc;
background-color:#dfdfdf;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.tel{
padding:32px;
font-size:39px;
letter-spacing:1px;
font-weight:bold;
text-align:center;
color:#ffffff;
border:1px solid #333333;
background-color:#333333;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
margin-bottom:16px;
}

.hour{
font-size:16px;
}

.tel a{
color:#ffffff;
}

.imgarea, .his{
display:inline-block;
width:49%;
border:1px dotted #cccccc;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:16px;
box-sizing:border-box;
margin-bottom:8px;
vertical-align:top;
}

.imgarea img{
width:300px;
height:auto;
}

.his img{
width:49%;
height:auto;
}

.his_text{
width:100%;
margin-bottom:16px;
border:1px dotted #cccccc;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:16px;
box-sizing:border-box;
}

.his_text h4{
background-color:#efefef;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
padding:8px;
margin-bottom:8px;
color:#81C730;
}

.his_text p{
margin-bottom:8px;
}

.price{
color:#FF0000;
}

.imgarea p{
font-size:21px;
}

.red{
color:#FF0000;
}

#kiyaku h3{
font-size:17px;
}

#kiyaku p{
font-size:15px;
}

address{
font-style:normal;
background-color:#333333;
font-size:15px;
color:#ffffff;
padding:16px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

<!-- FAQ -->

#QandA-2 {
	width: 100%;
	font-family: メイリオ;
	font-size: 12px; /*全体のフォントサイズ*/
	margin-bottom:16px;
}
#QandA-2 h3 {
	font-size: 32px;
	margin-top: 32px;
}
#QandA-2 dl {
	border: 1px solid #ccc;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	margin-bottom:8px;
}

#QandA-2 img{
margin-top:8px;
width:300px;
height:auto;
}

#QandA-2 dt {
font-weight: bold;
	color: #333333;
	background-color:#dfdfdf ; /* 「Q」タイトルの背景色 */
	padding: 8px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#QandA-2 dt:first-child {
	border-top: none;
}
#QandA-2 dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
#QandA-2 dd {
	padding: 16px 16px 24px 30px;
	margin: 0;
	line-height: 140%;
}
#QandA-2 dd:first-line {
	font-weight: bold;
	color: #bf0000;
}
#QandA-2 dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
	margin-left: -21px;
}

@media (max-width:600px){
#wrapper{
padding:16px;
box-sizing:border-box;
}

img{
width:100%;
height:auto;
}

h2, h3, h4, .his h3, .menue li{
font-size:40px;
}

h1, p, li, .imgarea p, .price, .flow p{
font-size:32px;
}

h2, h3{
padding-bottom:16px;
margin-bottom:16px;
}

dt, dd {
font-size: 32px;
}

.menue li{
width:48%;
box-sizing:border-box;
}

.imgarea, .his{
width:100%;
}

.imgarea img, #QandA-2 img{
width:100%;
height:auto;
}

#kiyaku h3{
font-size:21px;
}

#kiyaku p{
font-size:19px;
}

address{
font-size:32px;
}

}