@charset "utf-8";


/*---------------------------------------------------

common

----------------------------------------------------*/

body{
	background:url(../img/bg5.jpg) center center;
}

.sp{ display: none; }
.inblock{display:inline-block;}
.pc_br{
	display:block;
}
.width_box{
	max-width:960px;
	padding:0 10px;
	overflow:hidden;
	margin:0 auto;
}




/*共通背景色*/


/*全画面*/
#border_display{
	width: 100%;
	min-width: 980px;
	height: auto;
	overflow: hidden;
	position:relative;
}

/*見出し*/

.head_bg{
	background:url(../img/line2.png) center 35px no-repeat;
	text-align:center;
	font-size:27px;
	font-weight:bold;
	line-height:1.54;
	margin-bottom:40px;
}

.head_bg .point_num{
	display:block;
}


.head_text{
	font-weight:bold;
	font-size:27px;
	text-align:center;
	margin-bottom:30px;
}
/********** header **********/

#header_area{
	background:url(../img/bg3.jpg) top center;
}

#header_in{
	max-width: 960px;
	margin: 0 auto;
	overflow:hidden;
	padding:1px 10px 0;
}

#header_in img{
	vertical-align:middle;
}

#header_in .logo{
	float:left;
	padding-top:28px;
}

#header_in .tel_head{
	float:right;
}

/*メイン画像*/
#main_img_area .main_bg1{
	background:url(../img/bg_main1.jpg) center center no-repeat;
	background-size:cover;
}


#main_img_area .main_bg2{
	background:url(../img/bg_main2.jpg) top center repeat-x;
	min-height:70px;
	position:relative;
	z-index:1;
}

#main_img_area .width_box{
	box-sizing: border-box;
	padding-top:30px;
	position:relative;
	min-height:523px;
	overflow:visible;
}

#main_img_area .main_txt1{
	padding-left:5px;
	
}

#main_img_area .main_pict1{
	position:absolute;
	right:0;
	top:30px;
}

#main_img_area .point_list img{
	vertical-align:middle;
}

#main_img_area .point_list{
	position:absolute;
	overflow:hidden;
	bottom:-50px;
	margin:0 auto;
	width:960px;
	z-index:2;

}

#main_img_area .point_list li{
	float:left;
}

#main_img_area .point_list li:nth-child(2){
	margin-left:35px;
}

#main_img_area .point_list li:last-child{
	float:right;
}


/********** footer **********/


#footer_area{
	background:url(../img/bg1.jpg) center center;
}

#footer_in{
	max-width:960px;
	margin:0 auto;
	padding:0 10px;
	position:relative;
}

.pagetop{
	position:fixed;
	right:10px;
	bottom:15px;
	z-index:100;
}

#copy{
	font-size:14px;
	text-align:center;
	padding:15px 0;
	background:url(../img/bg1.jpg) center center;
}

/*----------------------------------------

index.html

-----------------------------------------*/

#main_area{
	padding-top:50px;
}

.document_area{
	background:url(../img/bg1.jpg) center center;
	padding:30px 0;
}

.document_area .in_color{
	background:#fff;
	padding:12px 0;
}

.document_area .line_top{
	background:url(../img/line1.png) center top repeat-x;
}

.document_area .line_bottom{
	background:url(../img/line1.png) center bottom repeat-x;
	padding:10px 0;
}

.document_area .width_box{
	overflow:visible;
	text-align:center;
	position:relative;
}

.document_area .pict1,
.document_area .pict2{
	position:absolute;
}

.document_area .pict1{
	left:0;
	top:-17px;
}

.document_area .pict2{
	right:10px;
	bottom:-54px;
}

.document_area .document_txt1{
	margin-bottom:10px;
}

.document_area .document_txt2{
	font-size:17px;
}

#point1_area{
	padding-top:55px;
	padding-bottom:40px;
}

#point1_area .text_area{
	width:390px;
	float:left;
}

#point1_area .bg_text{
	box-sizing: border-box;
	background:url(../img/bg_title1.png) top left no-repeat;
	font-weight:bold;
	font-size:21px;
	line-height:1.3;
	min-height:88px;
	padding:15px 15px 0;
	margin-bottom:15px;
}

#point1_area .text_area .text{
	padding:0 15px;
	margin-bottom:30px;
}

#point1_area .img_list{
	width:541px;
	float:right;
	overflow:hidden;
}

#point1_area .img_list li{
	width:48%;
	margin-bottom:25px;
}

#point1_area .img_list li:nth-child(odd){
	float:left;
	clear:both;
}
#point1_area .img_list li:nth-child(even){
	float:right;
}

#point1_area .img_list li img{
	display:block;
	margin:0 auto 15px;
}

#point1_area .img_list li .list_text{
	font-size:14px;
}

#point2_area{
	background:url(../img/line1.png) center top repeat-x;
}

#point2_area .border_bottom{
	background:url(../img/line1.png) center bottom repeat-x;
	padding:2px 0;
}

#point2_area .box_bg{
	background:url(../img/bg2.jpg) center center;
	padding:60px 0 40px;
}

#point2_area .bg_text{
	box-sizing: border-box;
	background:url(../img/bg_title2.png) top left no-repeat;
	font-weight:bold;
	font-size:21px;
	line-height:1.3;
	min-height:66px;
	padding:15px 15px 0;
	margin-bottom:20px;
	margin-left:10px;
}

#point2_area .point2_text{
	margin-left:15px;
	margin-bottom:40px;
}

#point2_area .img_list{
	overflow:hidden;
}

#point2_area .img_list li{
	float:left;
	width:32%;
	margin-bottom:25px;
	font-size:14px;
}

#point2_area .img_list li:nth-child(2){
	margin-left:2%;
}

#point2_area .img_list li:last-child{
	float:right;
}

#point2_area .img_list li img{
	display:block;
	margin:0 auto 15px;
}

#point3_area{
	padding-top:60px;
	padding-bottom:65px;
}

#point3_area .bg_text{
	box-sizing: border-box;
	background:url(../img/bg_title3.png) top left no-repeat;
	font-weight:bold;
	font-size:21px;
	line-height:1.3;
	min-height:66px;
	padding:15px 15px 0;
	margin-bottom:20px;
	margin-left:10px;
}

#point3_area .point2_text{
	margin-left:15px;
	margin-bottom:40px;
}

#point3_area .img_list{
	overflow:hidden;
	margin-bottom:50px;
}

#point3_area .img_list li{
	float:left;
	width:32%;
	margin-bottom:25px;
	font-size:14px;
}

#point3_area .img_list li:nth-child(2){
	margin-left:2%;
}

#point3_area .img_list li:last-child{
	float:right;
}

#point3_area .img_list li img{
	display:block;
	margin:0 auto 15px;
}

#point3_area .case_box{
	background:url(../img/bg4.jpg) center center;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	padding:15px 30px 28px;
}

#point3_area .case_head{
	background:url(../img/line1.png) center top repeat-x;
}

#point3_area .case_head .border_bottom{
	display:block;
	background:url(../img/line1.png) center bottom repeat-x;
	text-align:center;
	font-weight:bold;
	font-size:27px;
	padding:19px 0;
	margin-bottom:20px;
}

#point3_area .case_list li{
	background:url(../img/bg6.jpg) center top;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	padding:22px 10px 28px 25px;
	overflow:hidden;
}

#point3_area .case_list li.case2{
	padding:13px 10px 20px 25px;
}

#point3_area .case_list li+li{
	margin-top:30px;
}

#point3_area .case_list li .image{
	display:block;
}

#point3_area .case_list li .case_title{
	font-weight:bold;
	font-size:18px;
	margin-bottom:15px;
	padding-top:10px;
}

#point3_area .case_list li .text_area{
	width:350px;
}
#point3_area .case_list .case2 .text_area,
#point3_area .case_list .case1 .image{
	float:left;
}
#point3_area .case_list .case1 .text_area,
#point3_area .case_list .case2 .image{
	float:right;
}

#about_area.width_box{
	padding-top:58px;
	padding-bottom:58px;
}

#about_area .about_tb,
#about_area .about_tb th,
#about_area .about_tb td{
	box-sizing: border-box;
}
#about_area .about_tb{
	width:830px;
	margin:0 auto;
	border-top:1px solid #BBBBBB;
	border-left:1px solid #BBBBBB;
	margin-bottom:30px;
}

#about_area .about_tb th{
	background:#FDEABE;
	vertical-align:middle;
	width:149px;
	padding:25px 25px 20px;
	border-right:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
}

#about_area .about_tb td{
	background:#fff;
	padding:22px 25px 16px;
	border-right:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
}

#about_area iframe{
	box-sizing: border-box;
	border:1px solid #BBBBBB;
	width:100%;
	margin:0 auto;
	height:312px;
}

#about_area .map_raea{
	box-sizing: border-box;
	width:830px;
	margin:0 auto;
}

#inquiry_area{
	padding-bottom:80px;
}
#inquiry_area .head_text{
	margin-bottom:60px;
}

#inquiry_area .tyui{
	box-sizing: border-box;
	max-width:800px;
	margin:0 auto;
	font-size:14px;
	border-bottom:1px solid #BBBBBB;
	padding:0 15px 5px;
}

#inquiry_area .kome{
	color:#FF4C4C;
}
#inquiry_area .inquiry_dl input[type="email"],
#inquiry_area .inquiry_dl input[type="tel"],
#inquiry_area .inquiry_dl input[type="text"],
#inquiry_area .inquiry_dl textarea,
#inquiry_area .inquiry_dl,
#inquiry_area .inquiry_dl dt,
#inquiry_area .inquiry_dl dd{
	box-sizing: border-box;
}

#inquiry_area .inquiry_dl{
	max-width:800px;
	margin:0 auto;
	border-bottom:1px solid #BBBBBB;
	padding:18px 15px;
	overflow:hidden;
}

#inquiry_area .inquiry_dl dt{
	float:left;
	width:150px;
	padding-top:5px;
}

#inquiry_area .inquiry_dl dd{
	padding:0 15px 0 0;
	float:right;
	width:600px;
}
#inquiry_area .inquiry_dl input[type="email"],
#inquiry_area .inquiry_dl input[type="tel"],
#inquiry_area .inquiry_dl input[type="text"]{
	border:1px solid #CCCCCC;
	width:100%;
	padding:5px 3px;
}

#inquiry_area .inquiry_dl label{
	padding-right:20px;
	cursor: pointer;
}

#inquiry_area .inquiry_dl.radio_area dd{
	margin-top:5px
}

#inquiry_area .inquiry_dl input[type="radio"]{
	margin-bottom:5px;
}

#inquiry_area .inquiry_dl textarea{
	padding:5px 3px;
	width:100%;
	height:150px;
	border:1px solid #CCCCCC;
	resize: none;
	font-family:inherit;
}

#inquiry_area .submit_btn{
	padding-top:40px;
}

#inquiry_area .submit_btn{
	text-align:center;
}

#inquiry_area input[type="submit"]{
	-webkit-appearance: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#54311D;
	color:#fff;
	text-align:center;
	margin:10px;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:2px solid #BDBDAE;
	font-size:16px;
	padding:10px 20px 7px;
	cursor:pointer;
}

.thanksbox{
	text-align:center;
	padding:100px 10px;
}

@media only screen and (max-width:650px){
.sp{ display: block; }
.sp_br{display:block;}
.pc{ display: none; }
.pc_br{
	display:inline;
}
.sp_br{
	display:block;
}

body{
	min-width:320px;
}


a:hover img:not(.over),
a:active img:not(.over){
	opacity:1;
}

#bread_area{
	display: none;
}

#border_display{
	width: auto;
	min-width: inherit;
	height: auto;
}



/*見出し*/

.head_bg{
	background-size:auto 50px;
}

.head_bg .point_num img{
	width:80px;
}


/********** header **********/

#header_in{
	max-width: 960px;
	margin: 0 auto;
	overflow:hidden;
	padding:20px 10px 0;
	text-align:center;
}


#header_in .logo{
	float:none;
	padding-top:0;
	margin-bottom:20px;
}

#header_in .tel_head{
	float:none;
}

/*メイン画像*/
#main_img_area .main_bg1{
	background:url(../img/bg_main1_sp.jpg) center bottom no-repeat #fff;
	background-size:100%;
}


#main_img_area .main_bg2{
	background:none;
	min-height:0;
}

#main_img_area .width_box{
	padding-bottom:80px;
	min-height:0;
	text-align:center;
}

#main_img_area .main_txt1{
	padding-left:0;
}

#main_img_area .main_pict1{
	position:static;
	margin-bottom:20px;
}

#main_img_area .point_list img{
	vertical-align:middle;
}

#main_img_area .point_list{
	position:static;
	width:auto;

}

#main_img_area .point_list li{
	width:30%;
}

#main_img_area .point_list li:nth-child(2){
	margin-left:5%;
}

/********** footer **********/

.pagetop{
	bottom:25px;
}


#copy{
	padding:30px 0 10px;
}

/*---------------------------------------------------

index.html

----------------------------------------------------*/
#main_area{
	padding-top:50px;
}

.document_area .pict1,
.document_area .pict2{
	display:none;
}

#point1_area .text_area{
	width:auto;
	float:none;
}

#point1_area .bg_text{
	background:#C6E1EC;
	min-height:0;
	padding:15px 15px 15px;
	border-bottom:10px solid #fff;
}

#point1_area .text_area .text{
	padding:0 15px;
	margin-bottom:30px;
}

#point1_area .img_list{
	width:auto;
	float:none;
}
#point3_area .head_bg .pc_br,
#point2_area .head_bg .pc_br,
#point1_area .head_bg .pc_br{
	display:inline-block;
}


#point2_area .bg_text{
	background:#FFE7E7;
	min-height:0;
	padding:15px 15px 15px;
	border-bottom:10px solid #fff;
	margin-left:0;
}

#point2_area .point2_text{
	margin-left:0;
}


#point2_area .img_list li{
	float:left;
	width:48%;
	margin-bottom:25px;
	font-size:14px;
}

#point2_area .img_list li:nth-child(2){
	margin-left:0;
	float:right;
}

#point2_area .img_list li:last-child{
	float:none;
	margin:0 auto;
}
#point2_area .img_list li:nth-child(odd){
	clear:both;
}


#point3_area .bg_text{
	background:#E4F1D6;
	min-height:0;
	padding:15px 15px 15px;
	border-bottom:10px solid #fff;
	margin-left:0;
}

#point3_area .point2_text{
	margin-left:0;
}


#point3_area .img_list li{
	float:left;
	width:48%;
	margin-bottom:25px;
	font-size:14px;
}

#point3_area .img_list li:nth-child(2){
	margin-left:0;
	float:right;
}

#point3_area .img_list li:last-child{
	float:none;
	margin:0 auto;
}
#point3_area .img_list li:nth-child(odd){
	clear:both;
}
#point3_area .case_box{
	padding:20px 10px 20px;
}
#point3_area .case_list li.case2,
#point3_area .case_list li{
	padding:20px 10px;
}

#point3_area .case_list li .case_title{
	padding-top:0;
}

#point3_area .case_list li .text_area{
	width:auto;
	margin-bottom:20px;
}
#point3_area .case_list .case1 .text_area,
#point3_area .case_list .case2 .image,
#point3_area .case_list .case2 .text_area,
#point3_area .case_list .case1 .image{
	float:none;
}

#about_area .about_tb{
	width:auto;
}

#about_area .about_tb th,
#about_area .about_tb td{
	display:block;
}

#about_area .about_tb th{
	padding:10px;
	width:100%;
}

#about_area .about_tb td{
	padding:10px;
}

#about_area iframe{
	height:250px;
}

#about_area .map_raea{
	width:auto;
}



#inquiry_area .tyui{
	padding:0 0 5px;
}

#inquiry_area .inquiry_dl{
	padding:18px 0;
}

#inquiry_area .inquiry_dl dt{
	float:none;
	width:auto;
	padding-top:0;
	margin-bottom:10px;
}

#inquiry_area .inquiry_dl dd{
	padding:0 0 0 0;
	float:none;
	width:auto;
}

#inquiry_area .inquiry_dl label{
	display:inline-block;
	margin-bottom:0;
	margin-bottom:10px;
}

#inquiry_area .inquiry_dl.radio_area dd{
	margin-top:0
}
#inquiry_area .inquiry_dl input[type="email"],
#inquiry_area .inquiry_dl input[type="tel"],
#inquiry_area .inquiry_dl input[type="text"],
#inquiry_area .inquiry_dl textarea{
	font-size:16px;
}

}/* max-width:650px */

/* max-width:400px */
@media only screen and (max-width:400px){

#main_img_area .point_list li:last-child,
#main_img_area .point_list li{
	width:auto;
	float:none;
}

#main_img_area .point_list li:nth-child(2){
	margin-left:0;
}

}/* max-width:400px */