/* 画像ボーダーなし、下揃え */
img{
	border : 0px;
	line-height : 1;
	}
/* 文字の縦位置 */
.m{
	vertical-align : middle;
	}
.vm{
	vertical-align : middle;
	}
.mb10{
	margin-bottom : 10px;
	}

	
/* リンク */
a:link { color: #003c89; text-decoration : none;} 
a:visited { color: #003c89; text-decoration : none;} 
a:hover { color: #003c89; text-decoration : underline;} 
a:active { color: #003c89; text-decoration : none;} 
a:focus{ outline:none;}

.hover a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
	}

/* フロート類 */
.fl{
	float : left;
	margin-right : 20px;
	}
.fr{
	float : right;
	margin-left : 10px;
	}
.cr{
	clear : both;
	}
.crr{
	clear : right;
	}
	
.clear:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clear {
  min-height: 1px;
}

* html .clear{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* センター */
.ce{
	text-align : center;
	}
.rr{
	text-align : right;
	}
.ll{
	text-align : left;
	}
/* P　マージンなし */
p{
	margin : 0 auto;
	}
sup{
	vertical-align: baseline;
	position:relative;
	top:-2px
	}

.f10{
	font-size : 10px;
	line-height : 1.5em;
	}
.f12{
	font-size : 12px;
	}
.f14{
	font-size : 14px;
	}
.f16{
	font-size : 16px;
	}
.f18{
	font-size : 18px;
	}
.f20{
	font-size : 20px;
	}
.f24{
	font-size : 24px;
	}
.f30{
	font-size : 30px;
	line-height : 1.5;
	}
.f40{
	font-size : 40px;
	}

.ind{
	text-indent : -1em;
	margin : 0 0 0 1em;
	}
.bold{
	font-weight : bold;
	}

/* 赤文字 */
.black{
	color : #000;
	}
.red{
	color : #d0111a;
	}
.blue{
	color : #5ab8b9;
	}
.blue2{
	color : #4070a5;
	}
.green{
	color : #2f8500;
	}
.yellow{
	color : #F7BD01;
	}

.mb10{
	margin-bottom : 10px;
	}
.mb20{
	margin-bottom : 20px;
	}
.mb30{
	margin-bottom : 30px;
	}
.mb40{
	margin-bottom : 40px;
	}
.mb50{
	margin-bottom : 50px;
	}
.mb100{
	margin-bottom : 100px;
	}
.mt10{
	margin-top : 10px;
	}
.mt20{
	margin-top : 20px;
	}
.mt30{
	margin-top : 30px;
	}
.mt40{
	margin-top : 40px;
	}

/* h */

h2 a:link { color: #2BB3E6; } 
h2 a:visited { color: #2BB3E6; } 
h2 a:hover { color: #E46100; text-decoration : underline;} 
h2 a:active { color: #2BB3E6; } 
h2,h3{
	font-size : 14px;
	font-weight : normal;
	margin : 0;
	padding : 0;
	}

form{
	margin : 0;
	}
textarea{
	font-size : 12px;
	}
input,select{
	margin : 0 0 10px 0;
	}
table{
	line-height : 1.8em;
	}
.nowrap{
	white-space : nowrap;
	}

ul,ol{
	margin : 0;
	padding : 0;
	}
.margin_list li{
	margin : 0 0 10px 0;
	}

.radius{
	border-radius : 3px;
	-webkit-border-radius : 3px;
	}

/* ボディ全体 */
body{
	background : #fef6e9;
	margin : 0 auto;
	padding : 0;
	text-align : center;
	font-size : 16px;
	color : #231815;
	line-height : 1.8em;
	min-width : 950px;
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif;
	}
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }

/* ヘッダ */
#head{
	text-align : left;
	width : 950px;
	margin : 0 auto;
	overflow : hidden;
	}
#head h1{
	font-size : 12px;
	font-weight : bold;
	margin : 5px 0 0 0;
	}
#head .contact{
	float :right;
	width : 170px;
	margin : 33px 0 0 20px;
	}
#head .contact a{
	display  :block;
	text-decoration : none;
	background : #f6ab45 url('../img/common/mail.png') no-repeat 15px center;
	color : #fff;
	font-size : 16px;
	font-weight : 600;
	border-radius : 8px;
	padding : 8px 0 8px 54px;
	}
#head .contact a:hover{
	background : #f9b963 url('../img/common/mail.png') no-repeat 15px center;
	transition: all .3s ease;
	}
#head .call{
	float : right;
	width : 300px;
	font-weight : bold;
	line-height : 1.2;
	margin : 35px 0 0 0;
	text-align : right;
	}
#head .call .add{
	font-size : 14px;
	}
#head .call .number{
	font-size : 28px;
	font-family: "Rounded Mplus 1c";
	letter-spacing : -2px;
	}
#head .call .number span{
	font-size : 22px;
	}


#navi{
	margin : 0 0 4px 0;
	}
#navi ul{
	list-style : none;
	overflow : hidden;
	width : 800px;
	margin : 20px auto 30px;
	box-sizing : border-box;
	font-family: "Rounded Mplus 1c";
	font-size : 18px;
	font-weight : 800;
	}
#navi li{
	float : left;
	width : 160px;
	box-sizing : border-box;
	border-right : solid 1px #231815;
	}
#navi li:first-child{
	border-left : solid 1px #231815;
	}
#navi li a{
	color : #231815;
	text-decoration : none;
	padding : 2px 0;
	display : block;
	line-height : 1.4;
	}
#navi li a:hover{
	color : #ed7819;
	transition: all .3s ease;
	}


#main{
	background : url('../img/common/main.jpg') no-repeat center center;
	background-size : cover;
	padding : 70px 0;
	width : 100%;
	}

#all{
	text-align : left;
	width : 950px;
	margin : 50px auto 100px;
	}
#all .box{
	margin : 0 0 100px 0;
	}
#all .box:last-child{
	margin : 0;
	}

	h2{
		width : 950px;
		font-size : 26px;
		margin : 0 auto 0;
		font-weight : bold;
		color : #434343;
		}
	h3{
		border-bottom : #a59377 solid 1px;
		font-size : 24px;
		padding : 0 0 10px 5px;
		margin : 0 0 50px 0;
		font-weight : bold;
		color : #a59377;
		}
		



/* フッター */
	
#foot{
	background : #a59377;
	color : #fff;
	font-size : 12px;
	text-align : center;
	padding : 8px 0 5px 0;
	}


/* ページトップへ */
#scrollUp {
	bottom: 35px;
	right: 20px;
	height: 55px;  /* Height of image */
	width: 47px; /* Width of image */
	background: url(../img/common/top.png) no-repeat;
	}



/* index.html */
#slides img{
	width : 100%;
	}
#index_main{
	background : #f7e9d1;
	text-align : center;
	padding : 50px 0;
	font-size : 20px;
	}
#index_main h2{
	background: url(../img/index/logo_m.png) no-repeat center top;
	font-size : 30px;
	font-weight : bold;
	padding : 90px 0 0 0;
	margin : 0 auto 30px;
	color : #000;
	}
#index_main p{
	line-height : 2.2;
	}

#index_navi{
	padding : 100px 0;
	}
#index_navi ul{
	width : 950px;
	margin : 0 auto;
	list-style : none;
	overflow : hidden;
	}
#index_navi li{
	float : left;
	box-sizing : border-box;
	margin : 0 0 0 25px;
	}
#index_navi li a{
	border : solid 2px #fff;
	background : #fff;
	border-radius : 8px;
	display : block;
	width : 300px;
	height : 170px;
	box-sizing : border-box;
	font-size : 24px;
	font-weight : bold;
	line-height : 1.4;
	text-decoration : none;
	color : #000;
	}
#index_navi li a .image{
	padding : 14px 0 0 0;
	text-align : center;
	line-height : 1;
	}
#index_navi li a .text{
	background : url('../img/common/arrow.png') no-repeat left center;
	font-size : 16px;
	padding : 0 0 0 20px;
	display : inline-block;
	margin : -5px 0 0 0;
	}
#index_navi li:first-child{
	margin : 0 0 0 0;
	}
#index_navi li a:hover{
	border : solid 2px #ed7819;
	transition: all .3s;
	}




/* process */
	.process{
		list-style : none;
		padding : 0 30px;
		}
	.process li{
		overflow : hidden;
		margin : 0 0 10px 0;
		padding : 60px 0 30px 0;
		border-bottom : dotted 2px #999;
		background : url('../img/process/arrow.png') no-repeat top center;
		}
	.process li:first-child{
		background : none;
		padding : 0 0 30px 0;
		}
	.process .step{
		border-radius : 50%;
		height : 120px;
		width : 120px;
		background : #f6ab45;
		color : #fff;
		display : inline-block;
		text-align : center;
		line-height : 120px;
		float : left;
		margin : 20px 0 0 0;
		}
	.process .text{
		float : left;
		width : 550px;
		margin : 40px 0 0 20px;
		}
	.process .title{
		font-size : 30px;
		font-weight : bold;
		color : #f6ab45;
		margin : 0 0 20px 0;
		}
	.process .image{
		float : left;
		width : 150px;
		margin : 0 0 0 20px;
		}
	.process .image img{
		width : 180px;
		height : 180px;
		border-radius : 50%;
		}




/* fee */
	.fee_title{
		border : solid 1px #ccc;
		border-radius : 8px;
		background : #fff;
		font-weight : bold;
		font-size : 20px;
		padding : 10px 0 10px 25px;
		color : #f6ab45;
		margin : 0 0 30px 0;
		}
	.fee_table{
		width : 950px;
		border-collapse : collapse;
		margin : 0 auto 30px;
		}
	.fee_table th{
		border : solid 1px #f6ab45;
		text-align : center;
		vertical-align : middle;
		background : #ffdeb0;
		color : #9a651c;
		font-weight : normal;
		padding : 20px;
		}
	.fee_table td{
		border : solid 1px #f6ab45;
		text-align : center;
		vertical-align : middle;
		background : #fff;
		}



/* about */
	.rinen p{
		text-align : center;
		font-size : 22px;
		font-weight : bold;
		color : #f6ab45;
		font-family: "Rounded Mplus 1c";
		margin : 0 0 40px 0;
		}
	
	.rule{
		list-style : none;
		}
	.rule li{
		margin : 0 0 20px 0;
		padding : 0 0 20px 0;
		border-bottom : dotted 1px #a59377;
		}
	.rule li span{
		border-radius : 50%;
		height : 30px;
		width : 30px;
		background : #f6ab45;
		color : #fff;
		display : inline-block;
		text-align : center;
		line-height : 30px;
		margin : 0 10px 0 0;
		}



/* 会社概要 */
#page_main.company{
	background : #f0f1f3 url('../img/company/page_main_bg.jpg') no-repeat top center;
	}
	.company_table{
		border-collapse : collapse;
		width : 100%;
		}
	.company_table th{
		font-weight : bold;
		white-space : nowrap;
		text-align : left;
		vertical-align : top;
		border-bottom : dotted 1px #c3c3c3;
		padding : 20px 15px;
		width : 150px;
		color : #004d8f;
		}
	.company_table td{
		border-bottom : dotted 1px #c3c3c3;
		vertical-align : top;
		padding : 20px 15px;
		}
	.yurai p{
		margin : 0 0 20px 0;
		}



/* 設備概要 */
#page_main.facility{
	background : #f0f1f3 url('../img/facility/page_main_bg.jpg') no-repeat top center;
	}
	.facility_table{
		border : solid 1px #c3c3c3;
		border-collapse : collapse;
		width : 100%;
		margin : 30px 0 0 0;
		}
	.facility_table th{
		white-space : nowrap;
		text-align : center;
		vertical-align : top;
		border : solid 1px #c3c3c3;
		background : #ececec;
		padding : 10px 15px;
		}
	.facility_table td{
		border : solid 1px #c3c3c3;
		vertical-align : middle;
		padding : 10px 15px;
		text-align : center;
		}



/* お問い合わせ・申し込み */
#page_main.contact{
	background : #f0f1f3 url('../img/company/page_main_bg.jpg') no-repeat top center;
	}
	.contact_table{
		border : solid 1px #c3c3c3;
		border-collapse : collapse;
		margin : 10px 0 60px 0;
		width : 100%;
		}
	.contact_table th{
		font-weight : normal;
		white-space : nowrap;
		width : 180px;
		text-align : left;
		vertical-align : top;
		border : solid 1px #c3c3c3;
		background : #ececec;
		padding : 15px;
		}
	.contact_table td{
		padding : 15px 0 15px 15px;
		border : solid 1px #c3c3c3;
		vertical-align : top;
		background : #fff;
		}
	.contact_table .mark{
		background : #f6ab45;
		padding : 2px 5px;
		font-size : 10px;
		color : #fff;
		border-radius : 5px;
		}
	.contact_table input,
	.contact_table textarea{
		padding : 10px;
		border : solid 1px #ccc;
		border-radius : 3px;
		background:none;
		}
	.contact_table input[type=text]{
		width : 500px;
		}
	.contact_table .zip{
		width : 100px !important;
		}
	.contact_table .number{
		width : 30px !important;
		}
	.contact_table textarea{
		width : 600px;
		}
	.red12{
		font-size : 12px;
		color : #d0111a;
		}
	.kiyaku_box{
		overflow : auto;
		height : 200px;
		border : solid 1px #cdcdcd;
		margin : 0 0 30px 0;
		background : #fff;
		}
	.kiyaku_box .text{
		padding : 25px;
		}
	.kiyaku_box .text ol{
		list-style : decimal;
		padding : 0 0 0 15px;
		}
	.kiyaku_box .text ol li{
		margin : 0 0 10px 0;
		}
	.kiyaku_box .text .title{
		font-size : 120%;
		border-bottom : solid 1px #cdcdcd;
		}
	.kiyaku_box .text p{
		margin : 0 0 15px 0;
		}

	.btn01{
		background : #f6ab45;
		border : none;
		color : #fff;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
		padding : 15px 0;
		width : 300px;
		font-size : 16px;
		cursor : pointer;
		border-radius : 5px;
		}
	.btn01:hover{
		background : #f36882;
		}
	.btn02{
		background : #a4a4a4;
		border : none;
		color : #fff;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
		padding : 10px 0;
		width : 200px;
		font-size : 12px;
		cursor : pointer;
		border-radius : 5px;
		}
	.btn02:hover{
		background : #cecece;
		}
		
	#input a{
		text-decoration : none;
		}