body {
	margin: 0;
	padding: 0;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:100%;
	line-height:180%;
	color: #231815;
	min-width:1300px;
	-webkit-text-size-adjust: 100% ;/* iPhoneフォントサイズ拡大対策 */
}
img {
	border: none;
	vertical-align:bottom;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style:none;
	box-sizing:border-box;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd, ol, ol li, table, th, td {
	background-image:url(../image/spacer.gif); /* AndroidページのP要素の隙間対策 */
}
a:link {color:#1A98BA; outline:none;}
a:visited {color:#1A98BA;}
a:hover {color: #333;}
a:hover img { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; transition:.5s;}

#wrapper {}
#base {}
#webc_con { font-size:120%;}


.pc {display:block !important;}
.sm {display:none !important;}


.sp_btn { clear: both; margin:0 auto; padding:20px 0; max-width:800px;}
.sp_btn a {
	display: block;
	padding: 25px;
	color: #fff;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 170%;
	text-align: center;
	text-decoration: none;
	background: #C49C63;
	border-radius: 50px; /* CSS3 */
	-webkit-border-radius: 50px; /* Safari,Google Chrome */
	-moz-border-radius: 50px;/* Firefox */
}
.sp_btn a:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; transition:.5s;}


/*====================================================================================================
  HEADER
====================================================================================================*/

#header {
	clear:both;
	margin:auto;
	background: #FFF;
	padding: 30px 0 0;
	width:100%;
	/*height: 240px;*/
	box-sizing:	border-box;
	z-index: 9999;
}
#header:after { /*float_clear*/ display:block; clear:both;	content:"";}

#header .h_box{ position: relative; margin: 0 auto; width: 1000px;}
#header .h_box:after { /*float_clear*/ display:block; clear:both;	content:"";}

/*** LOGO ******************************************************************/
#header .h_box h1,
#header .h_box h1 a {
	display: block;
	z-index: 9999;
}
#header .h_box h1 { position: absolute; top:0; right: 0;}

/*** NAVI-MENU *************************************************************/


ul.Nav { float: left; margin-left: 40px; width:527px; height: 207px; background: url(image/navi1.jpg) no-repeat;}
ul.Nav:after { display:block; clear:both; content:"";}
ul.Nav li { float:right; width:76px;}
ul.Nav li:last-child { width:67px;}
ul.Nav li a {
	display: block;
	height: 207px;
	text-indent: -9999px;
}
ul.Nav li#nav1 a:hover { background:url(image/navi1.jpg) no-repeat right bottom;}
ul.Nav li#nav2 a:hover { background:url(image/navi1.jpg) no-repeat -375px bottom;}
ul.Nav li#nav3 a:hover { background:url(image/navi1.jpg) no-repeat -299px bottom;}
ul.Nav li#nav4 a:hover { background:url(image/navi1.jpg) no-repeat -223px bottom;}
ul.Nav li#nav5 a:hover { background:url(image/navi1.jpg) no-repeat -147px bottom;}
ul.Nav li#nav6 a:hover { background:url(image/navi1.jpg) no-repeat -71px bottom;}
ul.Nav li#nav7 a:hover { background:url(image/navi1.jpg) no-repeat -4px bottom;}


/*** FIX SETTING ***********************************************************/


/* transition */
#header h1,
#header h1 a {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}

#header h1,
#header h1 a {
	width:103px;
	height:200px;
}
#header h1 a {
	text-indent: -9999px;
	background: url(image/logo.png) no-repeat center top;
    background-size: contain;
}

/*** TEL *************************************************************/

#header .h_tel{
	float: left;
	padding: 15px;
	width: 235px;
    font-size: 16px;
	color: #7c6c63;
	text-align: center;
}
#header .h_tel p:nth-child(1) { letter-spacing: 5px; font-size: 100%; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#header .h_tel p:nth-child(1) a{ display: block; padding: 8px 0; text-decoration: none; color: #FFF; background: #7c6c63;}
#header .h_tel p:nth-child(1) a:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; transition:.5s;}
#header .h_tel p:nth-child(2) { font-size: 90%; margin: 8px 0 17px;}
#header .h_tel p:nth-child(2) a { color: #7c6c63; text-decoration: none;}
#header .h_tel p:nth-child(3) { font-size: 70%;}
#header .h_tel p:nth-child(3) a { padding: 15px 0; color: #7c6c63; text-decoration: none; border-top:1px solid #7c6c63; border-bottom:1px solid #7c6c63;}

#header .h_tel2{ display: none;}

#header .h_menu{display: none;}

/*====================================================================================================
  CONTENT
====================================================================================================*/

#content { clear:both; margin: 0 0 80px; /*padding-top: 200px;*/ width:100%;}


/*====================================================================================================
  FOOTER
====================================================================================================*/

#footer { clear:both; padding: 55px 0; width:100%; font-size: 18px; line-height: 30px; background: #EDEBE8;}
#footer a { color:#231815; text-decoration:none;}
#footer div{ margin-bottom: 25px!important;}
#footer div:last-child{ margin-bottom: 0!important;}

#footer .f_box { clear:both; position: relative; margin:0 auto; width:1000px;}
#footer .f_box:after{ /*float_clear*/ display:block; clear:both; content:"";}

#footer .f_box .fb{ position: absolute; top:-15px; right:0;}

/* TEL */
#footer .f_tel{ clear:both; margin:0 auto; width:530px; height: 40px; background: url(image/f_tel.png) no-repeat left center;}
#footer .f_tel a{ display: none;}

/* ADDRESS */
#footer .f_tempo{ clear:both; margin:0 auto; max-width:1000px;}
#footer .t1 p:nth-child(1),
#footer .t2 p:nth-child(1) { margin-bottom: 10px; text-indent: -9999px;}
#footer .t1 p:nth-child(1) { width: 250px; height: 80px; background: url(image/f_logo.png) no-repeat;}
#footer .t2 p:nth-child(1) { width: 200px; height: 50px; background: url(image/f_logo2.png) no-repeat;}


/* time */
#footer .f_box ul{ width: 1000px; font-size: 125%;}
#footer .f_box ul:after{ /*float_clear*/ display:block; clear:both; content:"";}

#footer .f_box ul li:nth-child(1){ float: left; width: 25%; font-weight: bold;}
#footer .f_box ul li:nth-child(2){ float: right; width: 75%; float: left;}

#footer .f_box .fbox{}
#footer .f_box .fbox p{ display: inline-block; font-size:65%;}
#footer .mdn2{ margin-left: 20px;}
#footer .copy { float: right; text-align: right; }

#footer .f_content{ margin: 0 auto; max-width: 1000px;}
#footer .f_content:after{ /*float_clear*/ display:block; clear:both; content:"";}
#footer .f_content .f_left{ float: left;}
#footer .f_content .f_right{ float: right; width: 400px;}


.yoyaku_title  {
	margin: 0 auto 20px;
	width: 100%;
	padding: 90px 0 0;
	height: 185px;
	color: #FFF;
	font-size: 200%;
	font-weight: normal;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	box-sizing: border-box;
background: url(image/title.jpg)no-repeat center center; background-size: cover;
}
.yoyaku_title .cent {
	margin: 0 auto;
	width: 1000px;
    height: 185px;
}

.yoyaku_title .cent .sb{ margin-left: 15px; font-size: 20px;}


@media only screen and (max-width:800px){

body { min-width:480px; font-size:100%;}
#header {}
#content{ width:100%;}
#footer { width:100%;}

#wrapper { background:#FFF; border-top:none; overflow:hidden;}
#base { width:auto; margin:0 !important;}

.pc { display:none !important;}
.sm { display:block !important;}


/*====================================================================================================
  HEADER
====================================================================================================*/

#header { padding: 20px 0; position: static;width: 100%;}
#header .h_tel { display:none;}
#header .Nav { display:none;}
#header .h_box{ width: 100%;}
#header .h_box h1,
#header .h_box h1 a {
	display: block;
	width:100%;
	height:100px;
}
#header .h_box h1 { position:static;}
#header .h_box h1 a {
	text-indent: -9999px;
	background: url(image/sm_logo.png) no-repeat center center;
	background-size: auto 100%;
}
#header .sm_tel { margin:20px auto 0; width: 60%;}

#header h1{margin-bottom: 10px;}
.sm_n2{ clear: both; margin: 10px auto 0;}
    

#header .h_tel2{
    clear: both;
    margin: 10px auto 10px;
    display: block;
	float: none;
	padding: 15px;
	width: 235px;
    font-size: 16px;
	text-align: center;
}
#header .h_tel2 p:nth-child(1) { letter-spacing: 5px; font-size: 220%; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#header .h_tel2 p:nth-child(1) a{ display: block; text-decoration: none; color: #231815;}


/*
#header .h_tel2 p:nth-child(1) { letter-spacing: 5px; font-size: 100%; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
#header .h_tel2 p:nth-child(1) a{ display: block; padding: 8px 0; text-decoration: none; color: #FFF; background: #7c6c63;}
#header .h_tel2 p:nth-child(1) a:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; transition:.5s;}
#header .h_tel2 p:nth-child(2) { font-size: 90%; margin: 5px 0;}
#header .h_tel2 p:nth-child(2) a { color: #7c6c63; text-decoration: none;}
#header .h_tel2 p:nth-child(3) { font-size: 70%;}
#header .h_tel2 p:nth-child(3) a { padding: 8px 0; color: #7c6c63; text-decoration: none; border-top:1px solid #7c6c63; border-bottom:1px solid #7c6c63;}
*/
    
    
#header .h_menu{
    display: block!important;
    margin: auto;
    width: 100%;
    font-size: 120%;
    line-height: 30px;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
#header .h_menu p{ display: inline-block; width: 100%;}
#header .h_menu p a:link {color: #333; outline:none;}
#header .h_menu p a:visited { color: #333;}
#header .h_menu p a:hover { color:#1A98BA;}
    

/*====================================================================================================
  CONTENT
====================================================================================================*/

#content { padding-top:0;}


/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer { position: relative; padding: 50px 40px 60px; width:auto; font-size: 120%; background: #C3BCB3;}
#footer a { color:#231815; text-decoration:none;}
#footer div{ margin-bottom: 20px!important;}
#footer div:last-child{ margin-bottom: 0!important;}

#footer .f_box { clear:both; margin:0 auto;width:auto; }
#footer .f_box:after{ /*float_clear*/ display:block; clear:both; content:"";}

#footer .f_box .fb { margin: auto; left:0; right:0; top: 110px; text-align: center;}

/* TEL */
#footer .f_tel{ clear:both; margin:auto; max-width:300px; height: 40px; background: url(image/f_tel.png) no-repeat left left; background-size: contain}
#footer .f_tel a{ display: none;}

/* ADDRESS */
#footer .f_tempo{ clear:both; margin:0 auto; max-width:100%; font-size: 90%;}
#footer .t1 p:nth-child(1),
#footer .t2 p:nth-child(1) { margin-bottom: 10px; text-indent: -9999px;}
#footer .t1 p:nth-child(1) { width: 250px; height: 80px; background: url(image/f_logo.png) no-repeat;}
#footer .t2 p:nth-child(1) { width: 200px; height: 50px; background: url(image/f_logo2.png) no-repeat;}


/* time */
#footer .f_box ul{ width: 100%; font-size: 90%;}
#footer .f_box ul:after{ /*float_clear*/ display:block; clear:both; content:"";}

#footer .f_box ul li:nth-child(1){ float: left; width: 35%; font-weight: bold;}
#footer .f_box ul li:nth-child(2){ float: right; width: 65%;}

#footer .f_box .fbox{}
#footer .f_box .fbox p{ display: block;}
#footer .f_box .fbox .link{ margin-bottom: 10px; font-size: 80%!important;}
#footer .f_box .fbox .mdn2{ margin-left: 0; text-align: center; font-size: 80%!important;}
#footer .f_box .fbox .copy {float: none; color: #FFF; font-size: 70%!important; text-align: center; line-height: 15px;}
	
#footer .f_content{ margin: 0 auto; max-width: 100%;}
#footer .f_content .f_left{ float: none;}
#footer .f_content .f_right{ display: none;}


/*====================================================================================================
  SUB PAGE
====================================================================================================*/


.yoyaku_title {
	margin:10px auto 20px;
	padding: 50px 0 40px;
	width: 100%;
	height: auto;
	color: #FFF;
	font-size: 200%;
	font-weight: normal;
	text-align: center;
    text-shadow: 1px 2px 3px #000; 
}
.yoyaku_title .cent {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
}

.yoyaku_title .sb{ display: block; margin: 10px 0 0 0; font-size: 20px;}


}