@charset "utf-8";

.sp { display: none; }
.pc { display: block; }
.main_photo {
	line-height: 0;
}
#top_menu							{ width:100%; text-align:center; padding:0; background:#fdf9ef url(../../img/h_line_pc.png) repeat-x; }
#top_menu .h_list { 
	width: 980px;
	margin: 0 auto;
	padding:15px 0 30px 0;
}
#top_menu .h_list .navi_list {
	padding: 60px 0 0;
}
#top_menu .h_list li {
	float: left;
	font-size: 15px;
	padding: 0 10px 0 0;
}
#top_menu .h_list li:nth-child(4) {
	padding: 0 5px 0 0;
}
#top_menu .h_list li:last-child {
	padding: 0;
}
#top_menu .h_list li .h_txt {
	font-size: 12px;
	color: #F25888;
	line-height: 1.2;
	border-top: 3px solid #F25888;
	padding: 8px 0 0;
	margin: 8px 0 0;
	font-weight: normal;
	width: 204px;
}

.yoyaku_bnr{
	text-align: center;
	padding-top: 50px;
}
.h_telbx 			{ width: 332px; background: #3BC6C7; border-radius: 0 0 20px 20px; margin:0; padding: 10px; float: right; }
.h_telbx li 		{ float: left; padding: 15px 0; }
.h_telbx li a		{ color:#F7E256; }
.h_telbx .icon_bx 	{ float: left; padding: 0 10px 0 15px; }
.h_telbx .telbx_company { float: left; font-size: 12px; font-family: vdl-logog,'ヒラギノ角ゴ Pro W3',Verdana,'Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; text-align: center; line-height: 1.0; color:#F7E256; }
.h_telbx .telbx_company span { display: block; }
.h_telbx .telbx_tel { float: left; font-family:"Helvetica Bold","Helvetica", 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 25px; font-weight: 700; line-height: 1.0; color:#F7E256; }

.showcase { background: #fff url(../../img/main_photo.jpg); no-repeat; background-position: center top; height: 580px; }

/* --------------*/
/* category_area */
/* --------------*/
#category_area { width:1150px; margin: -20px auto 40px; }
#category_area .category_tit { font-size: 25px; font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; padding: 10px 0 0; }
#category_area .category_txt { font-size: 16px; font-family: "游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",Verdana,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; padding: 10px 0 0; }

#category_area li { text-align: center; float:left; margin: 0 auto; }
#category_area li:first-child { }
#category_area li:nth-child(2) { margin: 160px 0 0 -80px; }
#category_area li:nth-child(3) { margin: 0 0 0 -80px; }
#category_area li:last-child { margin:60px 0 0 -60px; }

#category_area li:first-child .category_photo { z-index: 1; }
#category_area li:nth-child(2) .category_photo { z-index: 99; }
#category_area li:nth-child(3) .category_photo { z-index: 1; }
#category_area li:last-child .category_photo { z-index: 1; }

/* --------------*/
/* service_area */
/* --------------*/
.mb80 { margin: 0 0 80px !important; }

#service_area 			{ background: #fdf9ef url(../../img/circle_bg.jpg) no-repeat; background-position: center top; padding: 50px 0; width: 100%; background-size: 100% 100%; }
#service_area .h2_box 	{ background: url(../../img/tit_line_pc.png) no-repeat center top; height: 22px; }
#service_area h2 		{ text-align: center; line-height: 2.5; font-family: 'rounded-mplus-1p-regular','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Verdana,'Hiragino Kaku Gothic Pro',osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; letter-spacing: 0.3em; padding: 30px 0; color:#4F2802; }
.service_list 			{ font-size: 20px; font-family: "游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",Verdana,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-weight: 500; width: 960px; margin:40px auto 0; clear: both; }
.service_list ul 		{ float: left; }
.service_list li 		{ line-height: 1.6; }
.service_photo 			{ float: right; }
.service_btn 			{ clear: both; width: 930px; margin: 0 auto; padding:20px 0 0; }
.service_btn li 		{ float: left; width: 450px; }
.service_btn li a 		{ display:block; color:#4f2802; }
.service_btn li:first-child { font-size: 22px; font-weight: 500; font-family: 'rounded-mplus-1p-regular','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Verdana,'Hiragino Kaku Gothic Pro',osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; background:#3bc6c7; border:1px solid #3bc6c7; border-radius: 10px; padding: 20px 0; margin: 0 26px 0 0; text-align:left; line-height: 1.4; cursor: pointer; }
.service_btn li:first-child a { color:#fff; }
.service_btn li:first-child .icon_bx { float: left; padding: 0 20px 0 30px; }
.service_btn li .contact_btn { color:#fff; }
.service_btn li:last-child { font-size: 22px; font-weight: 500; font-family: 'rounded-mplus-1p-regular','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Verdana,'Hiragino Kaku Gothic Pro',osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; background:#fff; border:1px solid #4F2802; border-radius: 10px; padding: 20px 0; text-align: center; cursor: pointer; }

.service_btn li .tel_btn { color:#4f2802; }



.service_btn li:last-child span { font-size: 30px; font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-weight: 700; }


/* --------------*/
/* bnr_area */
/* --------------*/
#bnr_area 						{ width:1000px; margin:50px auto; }
#bnr_area li 					{ position: relative; display: inline-block; width: 313px; margin: 0 30px 0 0; }
#bnr_area li:last-child 		{ margin: 0; }
#bnr_area li .h2_bnrbx 			{ position: relative; }
#bnr_area li .h2_bnrbx h2 		{ position: absolute; top:65px; left: 0; right: 0; text-align: center; margin: 0 auto; color:#fff; font-family: vdl-logog,'ヒラギノ角ゴ Pro W3',Verdana,'Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-size: 25px; letter-spacing: 0.1em; font-weight: normal; }
#bnr_area li .bnr_txt { line-height: 1.4; text-decoration: underline; color:#4F2802; padding: 10px 0 0; }
#bnr_area .bnr_center{ text-align: center; }

/* --------------*/
/* sns_area */
/* --------------*/
#sns_area { width:1000px; margin: 0 auto 10px; clear: both; }
#sns_area .h2_box { /* border-bottom: 1px solid #4f2802; */ padding: 0 0 20px; }
#sns_area .h2_tit { color:#4F2802; font-family:"Helvetica", "Helvetica Neue", 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 20px; line-height: 1.0; }
#sns_area .h2_tit .icon_bx { float: left; padding: 0 10px 0 0; }
#sns_area .h2_tit .icon_bx img { vertical-align:baseline; }
#sns_area h2 { clear:both; color:#4F2802; font-family: vdl-logog,'ヒラギノ角ゴ Pro W3',Verdana,'Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-size: 20px; font-weight: 400; line-height: 1.0; }

#sns_area .topics_bx { width: 485px; float: left; }
#sns_area .topics_bx li { border-bottom: 1px solid #DDD6CF; padding: 20px 0 0; }
#sns_area .topics_bx .topics_thum { float: left; margin: 0 15px 20px 0; line-height: 0; }
#sns_area .topics_bx .topics_txtbx { float: left; }
#sns_area .topics_bx .topics_day { font-size: 14px; font-family:"Helvetica", "Helvetica Neue", 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; line-height: 1.0; padding:0 0 10px; letter-spacing: 0.1em; }
#sns_area .topics_bx .topics_tit { font-family: 'rounded-mplus-1p-regular','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Verdana,'Hiragino Kaku Gothic Pro',osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-size: 16px; font-weight: 400; color:#4f2802; line-height: 1.0; padding: 0 0 10px; }
#sns_area .topics_bx .topics_txt { font-family: "游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",Verdana,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-size: 14px; font-weight: 500; line-height: 1.0; float: left; }



#sns_area .fb_bx { float: right; width: 485px; }
/*#sns_area .fb_bx .sample { margin: 20px 0 0; }*/


#sns_area .is_bx { clear: both; padding: 50px 0 0; }
#sns_area .is_bx .insta_tit { text-align: center; border-bottom: 1px solid #4F2802; margin: 0 0 20px; }
/*#sns_area .is_bx .sample { margin: 20px 0 0; }*/

#instafeed li { margin: 0 20px 0 0; float: left; }
#instafeed li:nth-child(5),
#instafeed li:nth-child(10) { margin:0; float: left; }
#instafeed li img { width: 184px; height: 184px; }

/* --------------*/
/* map_area */
/* --------------*/
#map_area 				{ width: 100%; background: #fff; }
#map_area h2 			{ text-align:left; width: 470px; margin: 0 auto; font-family: vdl-logog,'ヒラギノ角ゴ Pro W3',Verdana,'Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-size: 20px; color:#4F2802; font-weight: 400; padding: 40px 0; }
#map_area h2 .icon_bx 	{ float: left; padding: 0 20px 0 0; }
#map_area h2 p 			{ padding: 5px 0 0; color:#4F2802; }
#map_area .map_add 		{ font-size: 12px; font-family: "游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",Verdana,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-weight: 700; text-align: center; background: #fff; padding:30px 0; }

/* --------------*/
/* about_area */
/* --------------*/
#about_area 			{ width:1000px; margin:50px auto; clear: both; }
#about_area .h2_box 	{ background: url(../../img/tit_line_pc.png) no-repeat center top; height: 22px; }
#about_area h2 			{ text-align: center; line-height: 2.5; font-family: 'rounded-mplus-1p-regular','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Verdana,'Hiragino Kaku Gothic Pro',osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; letter-spacing: 0.3em; padding: 30px 0; color:#4F2802; }
#about_area p 			{ font-size: 16px; font-family: "游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",Verdana,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-weight: 700; margin: 50px 0 0; }

/* --------------*/
/* pagetop_area */
/* --------------*/
#pagetop_area { background: url(../../img/pagetop_bg.jpg) no-repeat; background-position: center top; background-size: cover; height: 300px; margin: 0 0 50px; }
#pagetop_area p { text-align: center; padding: 80px 0 0; }









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

.sp { display: block; }
.pc { display:inline; }

.showcase { display: none; }
#top_menu							{ display: none; }


/* --------------*/
/* category_area */
/* --------------*/
#category_area 					{ width:auto; margin:-60px 10px 20px; }
#category_area .category_photo 	{ float:left; }
#category_area .sp_catebx 		{ float: left; }
#category_area li:first-child .sp_catebx 		{ margin: 60px 0 0; width: 48%; }
#category_area li:nth-child(3) .sp_catebx 		{ width: 48%; float: right; }
#category_area li:last-child .sp_catebx 		{ width: 55%; }

#category_area .category_tit 	{ font-size: 20px; text-align: center; padding: 10px 0 0; line-height: 1.4; }
#category_area .category_txt 	{ font-size: 12px; text-align: center; padding: 10px 0 0; line-height: 1.4; }

#category_area li 				{ text-align:left; float:none; margin:0; }
#category_area li:first-child 	{ }
#category_area li:nth-child(2) 	{ margin:0; }
#category_area li:nth-child(3) 	{ margin:0; }
#category_area li:last-child 	{ margin:0; }

#category_area li:first-child .category_photo {}
#category_area li:nth-child(2) .category_photo { margin: -60px 0 0; }
#category_area li:nth-child(3) .category_photo { float: right; margin: -10px 0 0; }
#category_area li:last-child .category_photo { margin: -40px 0 0; width: 45%; }

#category_area li:first-child .category_photo img { width: 155px; height: 155px; }
#category_area li:nth-child(2) .category_photo img { width: 118px; height: 118px; }
#category_area li:nth-child(3) .category_photo img { width: 135px; height: 135px; }
#category_area li:last-child .category_photo img { width: 150px; height: 160px; }


/* --------------*/
/* service_area */
/* --------------*/

#service_area 			{ padding:40px 25px 30px; background: #fff; margin: 0 0 30px !important; }
#service_area .h2_box 	{ background: url(../../img/tit_line_sp.png) no-repeat center top; width: 176px; height: 9px; margin: 0 auto; }
#service_area h2 		{ text-align: center; line-height:1.4; letter-spacing: 0; padding:20px 0; }
#service_area h2 span 	{ display: block; }

.service_list 			{ font-size: 16px; width:auto; margin:30px auto 0; clear: both; }
.service_list ul 		{ float:none; margin: 0 0 10px; }
.service_list li 		{ line-height: 1.6; padding-left: 1em; text-indent: -1em; }
.service_photo 			{ float:none; }

.service_btn 			{ clear:both; width:auto; margin: 0 auto; padding:10px 0 0; }
.service_btn li 		{ float:left; width:100%; }
.service_btn li a 		{ display:block; }
.service_btn li:first-child { font-size:15px; font-weight: 500; background:#3bc6c7; border:1px solid #3bc6c7; border-radius: 10px; padding:15px 0; margin:0 0 10px; text-align:left; }
.service_btn li:first-child a { color:#fff; }
.service_btn li:first-child .icon_bx { float: left; padding: 0 20px 0 30px; }
.service_btn li:last-child { font-size:15px; font-weight: 500; background:#fff; border:1px solid #4F2802; border-radius: 10px; padding:15px 0; text-align: center; }

.service_btn li:last-child span { font-size:21px; }


/* --------------*/
/* bnr_area */
/* --------------*/
#bnr_area 						{ width:auto; margin:0 30px 30px; padding: 60px 0 0; }
#bnr_area li 					{ position: relative; float: left; width:100%; margin:0; }
#bnr_area li:last-child 		{ margin:0; }
#bnr_area li .h2_bnrbx 			{ position: relative; }
#bnr_area li .h2_bnrbx h2 		{ position: absolute; top:auto; left: 0; right: 0; text-align: center; margin: 0 auto; color:#fff; font-size: 5vw; letter-spacing: 0.1em; font-weight: normal; bottom: 15px; }
#bnr_area li .bnr_txt { line-height: 1.4; text-decoration: underline; color:#4F2802; padding: 10px 0; font-weight: 700; }



/* --------------*/
/* sns_area */
/* --------------*/
#sns_area { width:auto; margin: 0 25px 30px; clear: both; }
#sns_area .h2_box { /* border-bottom: 1px solid #4f2802; */ padding: 0 0 20px; }
#sns_area .h2_tit { color:#4F2802; font-size: 20px; }
#sns_area .h2_tit .icon_bx { float: left; padding: 0 10px 0 0; }
#sns_area .h2_tit .icon_bx img { vertical-align:baseline; width:25px; height:23px; }
#sns_area h2 { clear:both; color:#4F2802; font-size: 20px; font-weight: 400; line-height: 1.0; }

#sns_area .insta_tit .icon_bx img { vertical-align:baseline; width:130px; height:25px; }

#sns_area .topics_bx { width:auto; float:none; }
#sns_area .topics_bx li { border-bottom: 1px solid #DDD6CF; padding: 20px 0 0; width: 100%; }
#sns_area .topics_bx .topics_thum { float: left; margin: 0 5% 0 0; width: 25%; }
#sns_area .topics_bx .topics_txtbx { float: left; width: 70%; }
#sns_area .topics_bx .topics_day { font-size: 14px; line-height: 1.0; padding:0 0 10px; letter-spacing: 0.1em; }
#sns_area .topics_bx .topics_tit { font-size: 16px; color:#4f2802; line-height: 1.0; padding: 0 0 10px; }
#sns_area .topics_bx .topics_txt { font-size: 14px; line-height: 1.0; padding:10px 0 10px; }

/* #sns_area .fb_bx { display: none; } */ 
#sns_area .fb_bx { width: auto; float: none; margin-top: 50px;} 

#sns_area .fb_bx .sample { margin:0; }

#sns_area .is_bx { clear: both; padding:30px 0 0; }
#sns_area .is_bx .insta_tit { text-align: center; border-bottom: 1px solid #4F2802; }
#sns_area .is_bx .insta_tit img { width: 142px; height: 32px; }
/*#sns_area .is_bx .sample { margin: 20px 0 0; }*/

#instafeed li { width: 48%; margin: 0 1% 0 0; float: left; }
#instafeed li:nth-child(5),
#instafeed li:nth-child(10) { width: 48%; margin:0 0 0 1%; float: left; }
#instafeed li img { width:100%; max-width: 100%; height: auto; }



/* --------------*/
/* map_area */
/* --------------*/
#map_area 				{ width: 100%; background: #fff; }
#map_area h2 			{ text-align:left; width:235px; margin: 0 auto; font-size:18px; color:#4F2802; font-weight: 400; padding:30px 0; }
#map_area h2 .icon_bx 	{ float: left; padding:15px 15px 0 0; }
#map_area h2 .icon_bx img	{ width:29px; height:44px; }
#map_area h2 p 			{ padding:10px 0 0; color:#4F2802; line-height: 1.4; }
#map_area .map_add 		{ font-size: 12px; font-weight: 700; text-align:left; background: #fff; padding:10px 30px; }

#map_area iframe 		{ height: 375px; }

/* --------------*/
/* about_area */
/* --------------*/
#about_area 			{ width:auto; margin:30px 25px; clear: both; }
#about_area .h2_box 	{ background: url(../../img/tit_line_sp.png) no-repeat center top; width: 176px; height: 9px; margin: 0 auto; }
#about_area h2 			{ text-align: center; line-height:1.4; letter-spacing:0; padding:20px 0; color:#4F2802; }
#about_area h2 span 	{ display: block; }
#about_area p 			{ font-size: 16px; font-weight: 700; margin:30px 0 0; }

/* --------------*/
/* pagetop_area */
/* --------------*/
#pagetop_area { background: url(../../img/pagetop_bg_sp.jpg) no-repeat; background-position: center top; background-size: cover; height: 220px; margin: 0 0 30px; }
#pagetop_area p { text-align: center; padding:40px 0 0; }
#pagetop_area p img { width: 148px; height: 146px; }

}
