@charset "UTF-8";
/* CSS Document */
*{margin:0; padding:0;}

/* font-size */
.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
/* margin */
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}
.mt_40{margin-top:40px;}
.mt_50{margin-top:50px;}
/* padding */
.pt_5{padding-top:5px;}
.pt_10{padding-top:10px;}
.pt_20{padding-top:20px;}
.pt_30{padding-top:30px;}
.pt_40{padding-top:40px;}
.pt_50{padding-top:50px;}
/* float */
.f_left{float:left;}
.f_right{float:right;}
/* text-align */
.tx_r{text-align:right;}
.tx_l{text-align:left;}
.tx_c{text-align:center;}
/* clear */
.clear{clear:both;}
/* list-style */
ul li{list-style:none;}
/* 画像 */
img{max-width:100%; height:auto; width:auto;}
/* 共通css */

a:link { color: #666; }
a:visited { color: #666; }
a:hover { color: #F29B8F; }
a:active { color: #F29B8F; }


body{
	/*background:#f6f6f6;*/
	background:#fff;
	color: #333;
	font-size: 14px;
	font-family: 'ヒラギノ明朝 Pro W6', "メイリオ", 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	}
	
/*header************************************************************/

header{
	padding:20px 0 0 ;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/*background:#f6f6f6;*/
	background:#fff;
	z-index: 10;
	}
header .nav {
	position:relative;
	margin:0 auto;
	max-width:940px;
}

header .logo{
	position:absolute;
	top:0;left:0;
	width: 60px;
	height: auto;
	}	
header .fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}



header .header-menu{
	text-align:right;
	}
header .header-menu li{
	display:inline-block;
	margin: 0 2%;
	}
header .header-menu li a{
	padding: 10px 18px;
	text-decoration:none;
	border-bottom:2px solid #e0dfdf;
	display:block;
	}

header .header-menu li a:hover,
header .header-menu li a.on{
	border-bottom:2px solid #F29B8F;
	}		
	
/*#wrapper************************************************************/
#wrapper{
	margin:0 auto;
	max-width:940px;
	padding:30px 10px 30px 10px;
	}	
	
/*#main************************************************************/
#wrapper #main{
	margin: 0 auto;
	padding:100px 0 20px;
	text-align:center;
	}
	
/*共通************************************************************/

#wrapper .title{
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	}
#wrapper .sub-title{
	font-family: 'Noto Sans', sans-serif;
	font-size: 12px;
	color:#999999;
	}

#wrapper .title-box{
	padding-bottom: 30px;
	width:240px;
	float:left;
	}
#wrapper .contents-box{
	width:700px;
	float:left;
	}	

	
/*#content-1************************************************************/
#wrapper #content-1{
	padding:20px 0 80px 0;
	overflow: hidden;
	}	
	
#wrapper #content-1 .jigyo-set{
    letter-spacing: -.40em;
	}	
#wrapper #content-1 .jigyo-set li{
	display:inline-block;
	letter-spacing: normal;
	background:url(../img/icon_arrow.png) no-repeat right bottom #eeeeee;
	text-align:center;
	border-bottom: 1px solid #e0dfdf;
	width: 48%;
	}	
#wrapper #content-1 .jigyo-set li:first-child{
	margin-right: 3%;
	}

#wrapper #content-1 .jigyo-set li a{
	text-decoration:none;
	display: block;
	}	
	
#wrapper #content-1 .jigyo-set li .jigyo-subtitle{
	padding:20px 5px;
	font-size: 16px;
	line-height: 18px;
	}
	
#wrapper #content-1 .jigyo-text{
	padding:20px 0;
	}

/*#content-2************************************************************/
#wrapper #content-2{
	padding:20px 0 80px 0;
	overflow: hidden;
	}
		
#wrapper #content-2 .rinen-set{
	margin-bottom: 20px;
	padding: 20px;
	background:#fff;
    border:1px solid #e0dfdf;
    text-align: center;
    font-size: 16px;
	}	
#wrapper #content-2 .rinen-set .title{
	margin-bottom: 15px;
    color: #F29B8F;
	}		
	
#wrapper #content-2 .company dl {
    clear: both;
	}
#wrapper #content-2 .company dt {
    clear: left;
    float: left;
    padding: 8px 10px;
    color:#F29B8F;
	}
#wrapper #content-2 .company dd {
    padding:  8px 10px 8px 120px;
    border-bottom:1px dotted #e0dfdf;
	}
	
/*#content-3************************************************************/
#wrapper #content-3{
	padding:20px 0 80px 0;
	overflow: hidden;
	}
		
#wrapper #content-3 .map{
	width: 100%;
	padding-bottom:40px;
	}
.marker{
	margin-left: 10px;
	padding:10px 0 10px 18px;
	background:url(../img/icon_marker.png) no-repeat left center;
	}
	
/*#content-4************************************************************/
#wrapper #content-4{
	padding:20px 0 80px 0;
	overflow: hidden;
	}
		
#wrapper #content-4 .tel-set{
	padding: 20px;
	background:url(../img/bg_tel.png) no-repeat 500px 12px #fff;
    border:1px solid #e0dfdf;
	}
#wrapper #content-4 .tel-set .tel{
	color:#F29B8F; 
	font-size: 22px;
	}

		
	
	
	
/*footer************************************************************/
footer{
	font-size:11px;
	}
	
footer .footer-box{
	}	
	
footer .footer-box .page-top{
	padding:20px;
	border-bottom:1px solid #e0dfdf;
	}	
	
footer .footer-box .page-top a{
	text-decoration:none;
	background:url(../img/img_icon_pagetop.png) no-repeat center top;
	padding-top:12px;
	}
	
footer .footer-box .footer-menu-box .footer-menu{
	text-align:center;
	}
		
footer .footer-box .footer-menu-box .footer-menu li{
	display:inline-block;
	padding: 8px;
	margin: 0 2%;
	}

footer .footer-box .footer-menu-box .footer-menu li a{
	padding: 10px 10px 12px 10px;
	text-decoration:none;
	display:block;
	}
	
footer .footer-box .copy{
	padding:20px;
	color:#999999;
	}
	
@media screen and (max-width: 800px){
	#wrapper #content-1 .jigyo li .jigyo-subtitle{font-size:13px;}
	}	
	
@media screen and (max-width: 640px){

	header nav{display:none;}
	header .logo{display:none;}
	
	#wrapper #main {
		padding:0 10px 10px ; 
		}
		
	
		
	/*共通************************************************************/
	#wrapper .title-box{
		float:none;
		width: 100%;
		}
	#wrapper .contents-box{
		float: none;
		width: 100%;
		}
	
/*#content-1************************************************************/
	#wrapper #content-1 {
		padding: 30px 0 50px 0;
		border-top: 1px solid #e0dfdf;
		}	
	
	#wrapper #content-1 .jigyo {
		padding-top:0px;
		}		
			
	#wrapper #content-1 .jigyo li .jigyo-subtitle{
		padding:10px 3px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		}	

/*#content-2************************************************************/
	#wrapper #content-2 {
		padding: 30px 0 50px 0;
		border-top: 1px solid #e0dfdf;
		}	
		
	#wrapper #content-2 .rinen-set{
		padding: 20px 10px;
	    font-size: 12px;
		}	
		
	#wrapper #content-2 .company dt {
	  float: none;
	  padding: 8px 0 0;
	}
	#wrapper #content-2 .company dd {
	  padding:  0 0 8px ;
	}
	

/*#content-3************************************************************/
	#wrapper #content-3 {
		padding: 30px 0 30px 0;
		border-top: 1px solid #e0dfdf;
		}	
		
	.marker{
		display: block;
		margin-left: 0;
		padding:0 0 0 18px;
		background:url(../img/icon_marker.png) no-repeat left top;
		}
		
/*#content-4************************************************************/	
	#wrapper #content-4 .tel-set{
		padding: 20px 10px;
		}
	
	
/*footer************************************************************/
	footer .footer-box .page-top{
		border-bottom:1px solid #e0dfdf;
		text-align:center;
		}
		
	footer .footer-box .footer-menu-box .footer-menu{
		text-align:center;
		letter-spacing:-0.4em;
		}	
		
	footer .footer-box .footer-menu-box .footer-menu .footer-menu-01{border-bottom:1px solid #e0dfdf;border-right:1px solid #e0dfdf;}
	footer .footer-box .footer-menu-box .footer-menu .footer-menu-02{border-bottom:1px solid #e0dfdf;}	
	footer .footer-box .footer-menu-box .footer-menu .footer-menu-03{border-right:1px solid #e0dfdf;}
		
	footer .footer-box .footer-menu-box .footer-menu li{
		display:inline-block;
		width:49%;
		padding:0 0;
		margin:0;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		}
		
	footer .footer-box .footer-menu-box .footer-menu li a{
		letter-spacing:normal;
		}	
						
	footer .footer-box .copy{
		border-top:1px solid #e0dfdf;
		}			
		
}