@charset "utf-8";

@media screen and (min-width:641px){
/*-------------------------------------------
all
-------------------------------------------*/
body {
  font: 100%/1.8 Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  color:#000;
  width:100%;
  min-width:1200px;
}

a{
  color:#412208;
  text-decoration:none;
}

.inner{
  width:1000px;
  margin:0 auto;
}

.imgleft,.imgright{
  display: -webkit-flex;
  display:flex;
  margin-bottom:50px;
  align-items: center;
}

.imgright{
  flex-direction:row-reverse;
}

.imgleft > div{
 flex:1;
  margin-left:30px;
}

.imgright > div{
 flex:1;
  margin-right:30px;
}

.imgleft div h2,
.imgright div h2,
.imgleft div p,
.imgright div p{
 margin-bottom:20px;
}

.imgleft div p:last-child,
.imgright div p:last-child{
 margin-bottom:0;
}



ul{
	list-style: none;
	
	
}
/*-------------------------------------------
header
-------------------------------------------*/

#header img{
	width: 100%;
}


/*-------------------------------------------
greet
-------------------------------------------*/

.greet{
	background: #fcca00;
	margin-top: -10px;
	overflow: hidden;
	padding-bottom: 50px;
}

.topgreet{
	margin-top: 50px;
}

.ninmu{
	width: 750px;
	background: #fff;
	padding: 0 20px;
	border: 5px solid #000;
	position: relative; 
	margin: 200px 0px 0 200px;
	font-size: 120%;
}

.greet span{
	color: #fb7600;
	font-size: 140%;
}

.q_ninmu{
	position: absolute;
	top:-170px;
	left:-260px;
}

.gutai_teki{
	width: 1000px;
	margin: 0 auto;
	position: relative; 
}

.gutaiteki{
	display: flex;
	-webkit-justify-content: space-around; /* Safari */
  justify-content: space-around;
  margin-top: 200px;
   
}

.gutaiteki li{
	background: #fff;
	width: 300px;
	padding:20px;
	border: 5px solid #000;	
}

.gutaiteki li img{
	display: block;
	margin: 20px auto;
}

.gutaiteki li strong{
	color: #fb7600;
	display: block;
	text-align: center;
	font-size: 130%;
	
}

.q_gutaiteki{
	position: absolute;
	top:-160px;
	left:-50px;
}

.txt{
	text-align: center;
	font-size: 150%;
	margin: 30px;
}

/*-------------------------------------------
service
-------------------------------------------*/


.service h2{
	text-align: center;
	margin: 50px;
}

.service h3{
	text-align: center;
	margin: 50px;
}

.service h4{
	color: #fb7600;
	font-size: 250%;
	margin: 50px 20px;
  font-weight:bold;
  letter-spacing: 2px;
}

.service h4 img{ 
	margin: 0 25px;
}

.naiyo{
	border: 5px solid #000;
	padding: 20px;
	width: 950px;
	margin-left: 25px;
	position: relative;
	margin-bottom: 50px;
}

.naiyo h5 span{
	font-size: 200%;
	vertical-align: middle;
	color: #000; 
}

.naiyo h5 img{
	vertical-align: middle;
	margin-right: 20px;
}
  
.naiyo h5{
  margin-bottom:20px;
}

.naiyo li{
	padding-bottom: 15px;	
}

.mac{
	position: absolute;
	top: -130px;
	right: 50px
}

.service span{
	color: #fb7600;
}

.imgleft{
	margin:　50px;
}

.imgleft img{
	margin-right: 30px;
}

.imgleft li{
	padding-bottom: 15px;
}

.haishin{
	font-size: 250%;
	letter-spacing: 2px;
}

.site{
	display: flex;
	 -webkit-flex-wrap: wrap; /* Safari */
	 flex-wrap:         wrap;
	 -webkit-justify-content: space-around; /* Safari */
    justify-content: space-around;
}

.site li{
	margin-bottom: 20px;
	border: 5px solid #000;
	padding:10px;
}
  
.site li p{
	text-align:center;
    font-size:120%;
    margin-top: 20px;
    
}
  


.btn{
	background: #eb6100;
	width: 700px;
	margin: 50px auto 20px;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow:0 5px 0 #b94e00;
}
  
.btn a:hover{
	background: #eb843c;
	width: 700px;
	margin: 50px auto 20px;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow:0 5px 0 #b94e00;
}

.btn a{
	display: block;
	color: #fff;
	padding: 15px 0;
	font-size: 200%;	
}

.mail{
	text-align: center;
	margin-bottom:50px;
}

/*-------------------------------------------
price/faq
-------------------------------------------*/


.faq,
.price{
	background: #fcca00;
	overflow: hidden;
	padding-bottom: 50px;
}

.birth h2,
.faq h2,
.price h2{
	text-align: center;
	margin: 50px;
}

.birth h2 img,
.faq h2 img,
.price h2 img{
	margin-bottom: 10px;
}



.birth h2 span,
.faq h2 span,
.price h2 span{
	display: block;
	font-size: 200%
}

.price_list{
	display: flex;
	-webkit-justify-content: space-around; /* Safari */
    justify-content: space-around;
    width: 1000px;
    margin: 0 auto;
}

.price_list li{
	background: #fff;
	width: 300px;
  padding:20px;
}

.price_list li img{
	display: block;
	margin: 20px auto;
}

.price_list li strong{
	font-size: 150%;
	text-align: center;
	display: block;
}

.price_list li {
	text-align: center;
	font-size: 
}

.price_list li p span{
	color: #eb6100;
	font-size: 250%;
	line-height: 150%;
	margin: 0 5px;
}

/*-------------------------------------------
faq
-------------------------------------------*/

.faq{
	background: #fce482;
	overflow: hidden;
}

.faq .inner{
	background: #fff;
	padding: 20px;
}

.faq dt span{
	background: #000;
	color: #fff;
	font-size: 200%;
	padding: 0 10px;
	margin-right: 20px;
}

dt{
	font-size: 150%
}

dd{
	padding: 20px 0;
}

/*-------------------------------------------
birth
-------------------------------------------*/

.birth{
	width: 1000px;
	margin: 0 auto
}

.birth .txtbox{
	text-align: center;
	font-size: 130%;
	line-height: 280%;
}

.birth .h3center span,
.birth .txtbox span{
	color: #fb7600;
}

.big{
	font-size: 180%
}

.birth .h3center{
	width: 820px;
	margin: 50px auto;
	border-top:3px solid #fdd000;
	border-bottom:3px solid #fdd000;
	font-size: 150%;
	letter-spacing: 2px;
	font-weight: bold;
	padding: 10px
}

.birth h3{
	width: 890px;
	margin: 50px auto;
	border-top:3px solid #fdd000;
	border-bottom:3px solid #fdd000;
	font-size: 150%;
	letter-spacing: 2px;
	text-align: center;
	padding: 10px;	
}

.birth h3 img{
	float: left;
}

.birth .imgleft{
	margin-left: 50px
}

.img{
	display: block;
	margin: 0 auto;
}

i{
	margin-right: 20px;
}


/*-------------------------------------------
footer
-------------------------------------------*/
.pagetop{
	text-align: right;
	 position: absolute;
	 top: -40px;
	 right: 10px;
	 background: #001168;
	 padding: 10px 10px;
	 border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.pagetop a{
	color: #fff;
	padding: 5px 20px;
}

#footer{
	background: #001168;
	color: #fff;
	position: relative;
	margin-top: 50px;
	padding: 20px;
}

.copy{
	text-align: center;
  padding-bottom:10px;
}


}