@charset "UTF-8";

body{
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 600;
font-size:14px;
color:#231815;
line-height:1.6;


}

.pc{display:block;}
span.pc,br.pc{display:inline-block;}
img.pc{display:inline;}
.sp{display:none;}

.noto100 {font-weight:100;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto700 {font-weight:700;}
.noto900 {font-weight:900;}
.bold{font-weight:700;}


.table{display:table;width:100%;}
.cell{display:table-cell;
vertical-align:top;}
.cell.sp{display:none;}
.cell.pc{display:table-cell;}
.center{text-align:center;}

p,div,td,th{
  word-break : break-all;
}

a{
	color:#231815;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
	color:#231815;
}

a:hover{

}

.float-left{
	float:left;
}
.float-right{
	float:right;	
}


/* For modern browsers */
.clearfix:before,
.clearfix:after {
 content: " ";
 display: table;
}
 
.clearfix:after {
 clear: both;
}
 
.clearfix {
 *zoom: 1;
}

._table{
	display:table;
}
._cell{
	display:table-cell;
	
}



header{
	
width:100%;
background-color:#fff;
}
header h1{
width:390px;
height:80px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	background-position:center left;
	text-align:right;
	vertical-align:bottom;
	float:left;

}

header h1 img{
	margin-top:38px;
}
header .inner{
width:890px !important;
margin:0 auto;

}

header nav{
	width:499px;
	float:right;
display:table;
height:80px;
  
border-left:solid 1px #fdd35c;	
}
header nav a{
	padding-top:18px;
display:table-cell;	
border-right:solid 1px #fdd35c;
text-align:center;
vertical-align:top;
font-size:14px;
}
header nav a:hover{
	background-color:#FDD666;

}
header nav a i{
display:block;
margin-bottom:5px;	
}
header nav a.btn-interview{
padding-top:8px;
line-height:1.3;
}

header .inner .btn{
	width:156px;
	display:block;
position:fixed;	
 left:50%;
 margin-left:400px;
 z-index:1;
    top:20px;
    
}
header .inner .btn img{
width:100%;
}
.sp-header{


}
.inner{
	width:1080px;
	position:relative;
	margin:0 auto;
}


.text-box{
text-align:center;
background-image:url(../../images/back02.png);
padding-bottom:20px;
}




.orange{
	font-size:22px;
	color:#f0831e;
	font-weight:600;
	padding-top:30px;
	letter-spacing:0.1em;

}

.english{
	font-size:18px;
	color:#f0831e;

	letter-spacing:0.1em;
}

.text-box .text01{
	font-size:24px;
	color:#231815;
	line-height:1.8;
	letter-spacing:0.1em;

}

footer{
	
}

footer .footer-inner{
	width:960px !important;
	margin:0 auto;
}
footer .footer-inner ul{
	width:960px !important;
	margin:0 auto;

}
footer .footer-inner ul{
display:table;
width:100%;
font-size:12px;
margin-top:20px;
}
footer .footer-inner ul li:first-child{
border-left:1px solid #DBDBDB;	
}
footer .footer-inner ul li{
display:table-cell;
text-align:center;
border-right:1px solid #DBDBDB;
}


footer .footer-inner .page-top{
	text-align:right;
	margin:15px 0;
}

footer .footer-inner .logo{
	text-align:center;
	margin-bottom:20px;

}

footer .footer-inner .copy{
	letter-spacing:0.2em;
	text-align:center;
	font-size:12px;
	margin-bottom:20px;
}













.section-oubo{
	background-color:#d8e6ff;
	width:100%;
	height:400px;
	text-align:center;
}

.section-oubo .text{
font-size:20px;
	font-weight:600;
	padding-top:80px;
	padding-bottom:40px;
	letter-spacing:0.5em;
}



.section-support{
	padding-top:60px;
	text-align:center;
	
}

.section-support p{
margin-bottom:30px;	
font-size:16px;
}





.section-map{
width:100%;
height:	280px;
	background-image:url(../../images/footer-back.png);
	background-position:center center;
	color:#fff;

}
.section-map .map-inner{
width:960px;
	margin:0 auto;
}

.section-map .left{
width:490px;
	float:left;

}
.section-map .left a{
	color:#fff;
	
}

.section-map .left .name{
	font-size:20px;
	border-bottom:1px solid #fff;
	padding-top:30px;
	padding-bottom:8px;
	margin-bottom:25px;
	letter-spacing:0.2em;
}
.section-map .left .add{
	line-height:1.8;
	margin-bottom:8px;	
}

.section-map .left .kome{
	margin-bottom:30px;
}


.section-map .left .tel{
font-size:26px;	

	background-image:url(../images/tel-icon.png);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:30px;
	line-height:30px;
	margin-bottom:10px;
}


.section-map .right{
	width:426px;
	float:right;
}


.section-map .right{
padding-top:30px;	
	
}

.main-image .image{
height:440px;
    position:relative;
}

.main-image .image img{
      position:absolute;
    bottom:0;
    right:0;

}


@media screen and (max-width: 768px) {
	.pc{display:none;}
	
	.sp{display:block;}
	span.pc,br.pc,img.pc{display:none;}
	span.sp,br.sp,img.sp{display:inline-block;}
	
	img{width:100%;}
	.mt{
		
		
	}
	.sp-header{
		display:table;
		border-bottom:1px solid #E8E8E8;
		
	}
	.sp-header p{
		vertical-align: top;
		display:table-cell;	
	}
	.sp-nav{
		display:none;
		position:absolute;
		z-index:9999;
		width:100%;
	}
	.sp-nav a{
		display:block;
		text-align:center;
		background-color:#fff;
		padding:15px;
		width:100%;
		font-size:16px;
	
		border-bottom:1px solid #E8E8E8;
		
	}
	.sp-nav a:hover{
		opacity:1;	
	}
	.inner{
		width:90%;
		margin:0 auto;
	}
	.text-box.mt{
		margin-top:-25px;
	}
	
	.orange{
		font-size:18px;

	}
	
	.english{
		font-size:14px;

	}	
	.text-box .text01{
		font-size:14px;
	}
	
	.section-support{
		padding-top:20px;
		text-align:center;
	
	}
	.section-support .support-inner{
		width:90%;
		margin:0 auto;
	}
	.section-support p{
	
		font-size:16px;
		margin:0 auto 20px auto;
	}
	.section-map{
		width:100%;
		height:	auto;
	

	}
	.section-map .map-inner{
		width:90%;
		margin:0 auto;
	}

	.section-map .left{
		width:auto;
		float:none;

	}


	.section-map .left .name{

		text-align:center;
	}



	.section-map .left .tel{
		font-size:26px;	

		background-image:url(../images/tel-icon.png);
		background-position:center left;
		background-repeat:no-repeat;
		padding-left:30px;
		line-height:30px;
		margin-bottom:10px;
	}


	.section-map .right{
		width:auto;
		float:none;
		padding-bottom:20px;

		padding-top:20px;	

	}

	.section-map iframe{
		width:100%;

	}
	
	
	footer .footer-inner ul {

	    width: 96% !important;
	    margin: 0 auto;
	        margin-top: 0px;

	}
	
	footer .footer-inner{
		width:90% !important;
		margin:0 auto;

	}
	footer .footer-inner ul{
		display:block;
		width:100%;
		text-align: center;
		margin-top:20px;
	}

	footer .footer-inner ul li{
		display:inline-block;
		text-align:center;
		padding:3px 3px;
		border-right:1px solid #DBDBDB;
	}


	footer .footer-inner .page-top img{
		text-align:right;
		margin:15px 0;
		width:100px;
	}

	footer .footer-inner .logo img{
		width:200px;

	}

	footer .footer-inner .copy{
		letter-spacing:0em;

		font-size:10px;

	}



}