@charset "UTF-8";

/* INTERFACE */
/*header----*/
header{
	padding:20px 20px 10px;
	background-image:url(../img/interface/header_bg_sp.png);
	background-repeat:no-repeat;
	background-size:100%;
}

header>h1 img,
header>span img{
	width:142px;
	height:59px;
}

header>nav{
	margin:0 0 0 20px;
}

header>nav>ul>li{
	width:55px;
	height:55px;
	margin:0 5px;
}

header>nav>ul>li>a,
header>nav>ul>li>span.active{
	display:block;
	height:60px;
	font-size:15px;
	line-height:1;
}

header>nav>ul>li>a:hover,
header>nav>ul>li>span.active{
	background-size:55px;
	background-repeat:no-repeat;
	background-position:left center;
}

header>nav>ul>li#nav_chouzai>a:hover,
header>nav>ul>li>span.active{
	background-image:url(../img/interface/link_chouzai_hover.png);
}

header>nav>ul>li#nav_kanpou>a:hover{
	background-image:url(../img/interface/link_kanpou_hover.png);
}

header>nav>ul>li img{
	padding:5px 0 0 0;
	text-align:center;
}

header>nav>ul>li#nav_chouzai img{
	width:38px;
}

header>nav>ul>li#nav_kanpou img{
	width:39px;
}

/*footer---*/
footer>div{
	padding:50px 20px 10px 0;
}

footer>div>a>img{
	width:150px;
	height:auto;
	margin:0 0 10px 0;
}

footer address{
	font-size:14px;
	line-height:1.5;
}

footer small{
	font-size:0.6em;
	line-height:1;
}

/* 共通----------- */
.key{
	padding:0 20px;
	margin:0 0 60px 0;
}

.key>div.key_bg{
	width:100%;
	background-color:#fff;
	border-radius:50px 0;
}

.key picture>source,
.key picture>img{
	width:100%;
	vertical-align:bottom;
	border-radius:50px 0;
	opacity:0.5;
}

.key_text h2,
.key_text>h1{
	margin:0 0 5px 0;
	font-size:22px;
	font-weight:normal;
	color:#f3986b;
	line-height:1.5;
	letter-spacing:2px;
}

.key_text>p{
	font-size:14px;
}

@media screen and (max-width:499px){
	.key_text>h2,
	.key_text>h1{
		font-size:20px;
	}
}

.lead{
	margin:0 0 100px 0;
	padding:0 20px;
	text-align:justify;
	text-justify:inter-ideograph;
	font-size:14px;
	line-height:2;
	letter-spacing:1.5px;
}

.lead h2{
	margin:0 0 20px 0;
	text-align:center;
	font-size:20px;
	line-height:1.5;
	letter-spacing:1px;
}

.lead h2>span{
	display:block;
}

.lead p{
	position:relative;
	z-index:99;
}

.lead p>span.br_sp{
	display:block;
}

.lead_bg01{
	width:100px;
	height:86px;
	background-size:100%;
	top:-30px;
	right:10px;
}

.lead_bg02{
	width:126px;
	height:122px;
	background-size:100%;
	bottom:-40px;
	left:10px;
}

/* HOME */
.home_key_tel{
	padding:10px 20px 10px 30px;
	positon:absolute;
	bottom:0;
	right:0;
}

.home_key_tel>span.home_key_tel_text{
	padding:0 0 5px 0;
	font-size:10px;
	line-height:1;
}

.home_key_tel>.home_key_tel_num{
	font-size:12px;
	line-height:1;
}

#home_key_text{
	padding:0 0 0 20px;
	top:40%;
}

@media screen and (max-width:499px){
	#home_key_text{
		padding:0 0 0 10px;
		top:36%;
	}
}

#home_key_text>p{
	font-weight:500;
}

#home_contents_area{
	margin:0 0 80px 0;
	padding:0 20px;
}

#home_contents_area h2{
	margin:0 0 15px 0;
	text-align:center;
	font-size:16px;
	line-height:1;
}

#home_contents_area h2>img{
	width:120px;
	height:auto;
	margin:0 0 15px 0;
}

.home_contents{
	padding:80px 10px 50px;
}

#home_contents01{
	margin:0 0 50px 0;
}

.home_contents_pic{
	margin:0 0 30px 0;
}

.home_contents_pic>img{
	width:100%;
	vertical-align:bottom;
}

.home_contenets_text{
	margin:0 0 30px 0;
	font-size:14px;
	text-align:jutify;
	text-justify:inter-ideograph;
	line-height:2;
	letter-spacing:1px;
}

.home_contenets_text>p>span{
	display:block;
}

.home_contents_link{
	text-align:center;
}

.home_contents_link>a{
	padding:10px 75px 10px 30px;
	text-decoration:none;
	font-size:16px;
	border-radius:30px;
}

#home_company{
	padding:140px 20px 100px;
}

#home_company>div{
	padding:90px 20px;
	background-color:#fff;
	border-radius:0 50px;
}

#home_company h2{
	margin:0 0 40px 0;
	font-size:18px;
	line-height:1;
}

#home_company h2:after{
	width:140px;
	height:10px;
}

#home_company h2>img{
	width:113px;
	height:auto;
	padding:0 0 5px 0;
}

#home_company table{
	width:100%;
	margin:0 auto;
	font-size:14px;
	line-height:1.5;
	text-align:left;
}

#home_company table tr th{
	display:block;
	padding:20px 0 10px 0;
}

#home_company table tr td{
	display:block;
	padding:0 0 20px 0;
}

/* CHOUZAI */
#chouzai_key_text{
	padding:0 0 0 10px;
	top:45%;
}

@media screen and (max-width:499px){
	#chouzai_key_text{
		top:40%;
	}
}

.chouzai_contents{
	padding:0 20px 80px;
}

.chouzai_contents h2{
	margin:0;
	font-size:18px;
	line-height:1;
}

.chouzai_contents div.chouzai_contents_pic>img{
	width:100%;
	margin:0 auto 30px;
	vertical-align:bottom;
}

.chouzai_contents_text>span{
	font-size:14px;
	line-height:1.7;
	letter-spacing:1px;
	text-align:justify;
	text-justify:inter-ideogprah;
}

.chouzai_contents_text>span:last-of-type{
	margin:0 0 20px 0;
}

.chouzai_contents_text>p{
	font-size:18px;
	line-height:1.5;
	letter-spacing:1px;
}

.chouzai_contents_text .text{
	margin:10px 0 0 0;
	position:relative;
}

.chouzai_contents_text .text>p{
	margin:0;
	font-size:14px;
	line-height:1.8;
	letter-spacing:1px;
	text-align:justify;
	text-justify:inter-ideograph;
}

/*zanyaku---*/
#chouzai_contents01 h2{
	margin:0 0 15px 0;
	background-image:url(../img/cyouzai_contents_balloon02.png);
	background-repeat:no-repeat;
	background-size:160px auto;
	background-position:left bottom;
}

#chouzai_contents01 h2>img{
	width:110px;
	height:auto;
	padding:0 0 25px 0;
}

#chouzai_contents01 div.chouzai_contents_pic>img{
	border-radius:0 50px;
}

#chouzai_contents01>span{
	width:170px;
	height:150px;
	background-size:80%;
	bottom:-43px;
	right:0;
}

@media screen and (max-width:499px){
	#chouzai_contents01>span{
		width:150px;
		height:130px;
		bottom:-26px;
	}
}

/*set---*/
#chouzai_contents02 div.chouzai_contents_pic>img{
	border-radius:50px 0;
}

#chouzai_contents02 h2{
	margin:0 0 15px 0;
	background-image:url(../img/cyouzai_contents_balloon02.png);
	background-repeat:no-repeat;
	background-size:160px auto;
	background-position:left bottom;
}

#chouzai_contents02 h2>img{
	width:140px;
	height:auto;
	padding:0 0 30px 0;
}

#chouzai_contents02>span{
	width:200px;
	height:150px;
	background-size:85%;
	bottom:-55px;
	right:0;
}

@media screen and (max-width:499px){
	#chouzai_contents02>span{
		width:150px;
		height:130px;
		bottom:-30px;
	}
}

/*flow---*/
#chouzai_flow{
	margin:50px 0 0 0;
	padding:0 20px 100px;
	background-image:url(../img/chouzai_flow_bg.png);
}

#chouzai_flow h2{
	margin:0 0 40px 0;
	font-size:18px;
	line-height:1;
	text-align:center;
}

#chouzai_flow h2>img{
	width:270px;
	height:auto;
	vertical-align:bottom;
}

#chouzai_flow_flex{
	padding:50px 20px;
}

#number_area{
	display:none;
}

#chouzai_flow ol{
	margin:0;
	padding:0;
}

#chouzai_flow ol li{
	margin:0 0 30px 0;
	font-size:18px;
	line-height:1;
}

#chouzai_flow ol li>span{
	display:block;
	padding:0 0 20px 50px;
	line-height:2;
	position:relative;
}

#chouzai_flow ol li>span:before{
	content:"";
	display:inline-block;
	width:40px;
	height:40px;
	padding:10px 0;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center top;
	position:absolute;
	top:0;
	left:0;
}

#chouzai_flow ol li:nth-child(1)>span:before{
	background-image:url(../img/chouzai_flow_sp01.png);
}

#chouzai_flow ol li:nth-child(2)>span:before{
	background-image:url(../img/chouzai_flow_sp02.png);
}

#chouzai_flow ol li:nth-child(3)>span:before{
	background-image:url(../img/chouzai_flow_sp03.png);
}

#chouzai_flow ol li:nth-child(4)>span:before{
	background-image:url(../img/chouzai_flow04.png);
}

#chouzai_flow ol li p{
	margin:0;
	font-size:14px;
	line-height:1.5;
	letter-spacing:1px;
}