@charset "utf-8";

/* -----------------------------------------------
CSS file
FileName:home.css
Author:fancs&co.
UpdatedBy:hirata
----------------------------------------------- */

/* --------------
Layout
-------------- */

/*----------------------------------------------------
	layout[PC（デスクトップ）]
----------------------------------------------------*/

/* search_result
----------------------------------------------------*/
dl.search_result{
	margin:10px 0 15px;
	padding:0.5em 20px;
	background:#e0f8ff;
	overflow:hidden;
	text-align:left;
}

dl.search_result dt{
	display:inline-block;
	font-weight:700;
	padding-right:1em;
}

dl.search_result dd{
	display:inline-block;
}

dl.search_result dd span{
	color:#ff6600;
	font-size:1.3em;
	font-weight:700;
	padding-right:0.3em;
}

/* #section_list_nav
----------------------------------------------------*/
#section_list_nav > div > ul > li{
	border:#4e749a solid 4px;
	border-radius:20px;
	padding-top:1em;
	margin-bottom:3em;
}

/* icon_list
----------------------------------------------------*/
.section ul.icon_list{
	padding:0 2em 1em 2em;
	min-width:70%;
	float:left;
}

.section ul.icon_list li{
	float:left;
	font-weight:700;
	font-size:0.9em;
	color:#FFF;
	text-align:center;
	padding:0.3em 0.5em;
	margin-right:10px;
	margin-bottom:10px;
	min-width:9.5em;
}

.section ul.icon_list li.icon_1{
	background:#e54173;
}

.section ul.icon_list li.icon_2{
	background:#ec9727;
}

.section ul.icon_list li.icon_3{
	background:#3793f2;
}

.section ul.icon_list li.icon_4{
	background:#e447b9;
}

.section ul.icon_list li.icon_5{
	background:#d4be02;
}

.section ul.icon_list li.icon_6{
	background:#14c8cf;
}

.section ul.icon_list li.icon_7{
	background:#3eca33;
}

.section ul.icon_list li.icon_8{
	background:#962ecc;
}

.section ul.icon_list li.icon_9{
	background:#79b21e;
}

.section ul.icon_list li.icon_10{
	background:#e55c00;
}

.section ul.icon_list li.icon_11{
	background:#4a2bb0;
}

.section ul.icon_list li.icon_12{
	background:#f261a5;
}

.section ul.icon_list li.icon_13{
	background:#25ad8b;
}

.section ul.icon_list li.icon_14{
	background:#323232;
}

.section ul.icon_list li.icon_15{
	background:#e02525;
}

/* number_list
----------------------------------------------------*/
.section p.number_list{
	float:right;
	text-align:right;
	width:calc(40% - 6em - 20px);
	padding:0.5em 2em 3em 0;
	font-size:1.2em;
	font-weight:bold;
}

/* h2
----------------------------------------------------*/
.section h2{
	clear:both;
	padding:0 2em 1em;
	font-size:1.2em;
	font-weight:700;
}

.section .point{
	padding-bottom:2em;
	padding:2em 2em;
}

.section .point h3{
	color:#1579b9;
	font-weight:700;
	font-size:1.1em;
	padding-bottom:1em;
}

/* list
----------------------------------------------------*/
.section .list{
	padding-bottom:2em;
}

/* list_point
----------------------------------------------------*/
.section ul.list_point{
	width:calc(100% - 4em);
	padding:0 2em 2em;
	color:#442901;
	text-align:center;
}

.section ul.list_point li{
	width:calc(33.3% - 29px - 2em);
	padding:0.5em 1em;
	border:#442901 solid 1px;
	border-right:#442901 solid 16px;
}

/* list_entry
----------------------------------------------------*/
#section_list_nav > div > ul > li .list_entry{
	background:#d4f9fb;
	border-radius:0 0 18px 18px;
	padding:2em;
}

#section_list_nav > div > ul > li .list_entry figure{
	width:36px;
	float:left;
	cursor:pointer;
}

#section_list_nav > div > ul > li .list_entry figure img{
	display:none;
}

#section_list_nav > div > ul > li .list_entry figure img.on{
	display:block;
}

#section_list_nav > div > ul > li .list_entry p.btn_list{
	width:calc(100% - 4em - 66px);
	float:right;
	padding-right:2em;
}

#section_list_nav > div > ul > li .list_entry p.btn_list a{
	display:block;
	background:#FFF;
	border:#1678ce solid 2px;
	border-radius:20px;
	text-align:center;
	padding:0.9em 1em;
	font-weight:700;
	font-size:1.3em;
}

#section_list_nav > div > ul > li .list_entry p.btn_list a:hover{
	background:#fafe8c;
	transition:0.3s ease;
}

#section_list_nav > div > ul > li .list_entry p.btn_list a span{
	padding-left:50px;
	position:relative;
	display:inline-block;
}

#section_list_nav > div > ul > li .list_entry p.btn_list a span::before{
	content:"";
	position:absolute;
	top:7px;
	left:0;
	width:11px;
	height:17px;
	background:url(../img/common/ico_btn_list.png) no-repeat top left / 100%;
	z-index:2;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn ul{
	clear:both;
	padding:2em 2em 0;
	width:calc(100% - 4em);
}

#section_list_nav > div > ul > li .list_entry nav.list_btn ul p.btn_tel_list{
	width:calc(50% - 25px);
	float:right;
	padding-bottom:5px;
	position:relative;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn ul p.btn_tel_list:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	border-radius:10px;
	background:#e0e0e0;
	z-index:-1;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn ul p.btn_tel_list a{
	display:block;
	background:#eb910e;
	border:#707070 solid 2px;
	border-radius:10px;
	color:#FFF;
	text-align:center;
	font-weight:700;
	font-size:0.8em;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn ul p.btn_tel_list span{
	display:inline-block;
	padding:10px 10px 10px 33px;
	position:relative;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn ul p.btn_tel_list span:before{
	content:"";
	width:22px;
	height:45px;
	background:url(../img/common/ico_tel.png) no-repeat top left / 100%;
	position:absolute;
	top:12px;
	left:0;
	z-index:2;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn ul p.btn_entry_list{
	width:400px;
	max-width:400px
	float:left;
	margin-left:calc(50% - 200px);
}

#section_list_nav > div > ul > li .list_entry nav.list_btn ul p.btn_entry_list a{
	display:block;
	background:url(../img/common/ico_entry.png) no-repeat left 30px top / 20px , #0f1c97;
	color:#FFF;
	text-align:center;
	font-weight:700;
	font-size:1.1em;
	min-height:65px;
	line-height:65px;
	position:relative;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn ul p.btn_entry_list a::before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
	background-blend-mode: screen;
	transition:0.3s ease;
	z-index:4;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn ul p.btn_entry_list a:hover:before{
	background:rgba(230,150,255,0.3);
}

/* ttl_detail
----------------------------------------------------*/
.ttl_detail {
	background:#ebfeff;
	border-top:#161616 solid 2px;
	border-bottom:#161616 solid 2px;
	padding:1em;
	margin-bottom:1em;
	text-align:center;
	overflow:hidden;
}

.ttl_detail h1{
	background:none;
	color:#202020;
	font-weight:700;
}

.ttl_detail ul li dl{
	color:#ff3d00;
}

.ttl_detail ul li dl dt{
	display:inline-block;
}

.ttl_detail ul li dl dd{
	display:inline-block;
}

.ttl_detail ul li.salary dl dd{
	color:#2b2b2b;
}

.ttl_detail ul li.salary dl dd span{
	color:#ff6600;
	font-size:1.3em;
	font-weight:700;
	padding-right:1em;
}

/* list_form
----------------------------------------------------*/
#list_form{
	border-top:#161616 solid 1px;
}

#list_form > li {
	border-bottom:none;
	padding:2em 2em 0;
	clear:both;
}

#list_form > li dl dt{
	width:100%;
	float:none;
	clear:both;
	padding-bottom:0.8em;
	padding-right:0;
}

#list_form > li dl dt span.necessity{
	background:#5a2205;
	color:#FFF;
	text-align:center;
	font-size:0.9em;
	padding:0.3em 0.5em;
	margin-right:1em;
}

#list_form > li dl dd{
	width:100%;
	float:none;
	clear:both;
}

#list_form > li dl dd input{
	width:calc(100% - 1.5em);
	-webkit-appearance: none;
	border-radius:0;
	border:#a4a4a4 solid 1px;
	padding:0.5em;
	height:30px;
	font-size:1.3em;
}

#list_form > li dl dd input.ico_arrow_form{
	background:url(../img/common/ico_arrow_form.png) no-repeat top 17px right 10px;
}

#list_form > li dl dd input.input_s_form{
	width:4em;
	display:inline-block;
}

#list_form > li dl dd select{
	border:#a4a4a4 solid 1px;
	padding:0.5em;
	font-size:1.3em;
	line-height:1.3em;
}

#list_form > li dl dd label{
	float:left;
	clear:none;
	border:#441e00 solid 1px;
	border-radius:30px;
	padding:0.5em 1.5em 0.5em 1em;
	margin-right:1em;
	cursor:pointer;
}

#list_form > li dl dd label input{
	width:12px;
	height:12px;
	appearance:radio-button;
	border:#a4a4a4 solid 1px;
	border-radius:6px;
	padding:0;
}

#list_form > li dl dd label.on{
	background:#fef798;
}

#list_form > li dl dd label:hover{
	background:#fef798;
	transition:0.3s ease;
}

#list_form > li dl dd textarea{
	width:calc(100% - 1.5em);
	-webkit-appearance: none;
	border-radius:0;
	border:#a4a4a4 solid 1px;
	padding:0.5em;
	height:200px;
	font-size:1.3em;
}

/* btn_next
----------------------------------------------------*/
ul.btn_next{
	text-align:center;
}

ul.btn_next li{
	display:inline-block;
}

ul.btn_next li:first-child{
	margin-right:20px;
}

ul.btn_next li.btn_entry{
	width:400px;
}

ul.btn_next li.btn_entry a{
	display:block;
	background:url(../img/common/ico_entry.png) no-repeat left 30px top / 20px , #0f1c97;
	color:#FFF;
	text-align:center;
	font-weight:700;
	font-size:1.1em;
	min-height:65px;
	line-height:65px;
	position:relative;
}

ul.btn_next li.btn_entry a::before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
	background-blend-mode: screen;
	transition:0.3s ease;
	z-index:4;
}

ul.btn_next li.btn_entry a:hover:before{
	background:rgba(230,150,255,0.3);
}

ul.btn_next li.btn_back{
	width:250px;
}

ul.btn_next li.btn_back a{
	display:block;
	background:#4C4947;
	color:#FFF;
	text-align:center;
	font-weight:700;
	font-size:1.1em;
	min-height:65px;
	line-height:65px;
	position:relative;
}

ul.btn_next li.btn_back a:hover{
	background:#000;
	transition:0.3s ease;
}

ul.btn_next li.btn_next{
	width:400px;
}

ul.btn_next li.btn_next input{
	display:block;
	background:#c22828;
	color:#FFF;
	text-align:center;
	font-weight:700;
	font-size:1.1em;
	min-height:65px;
	line-height:65px;
	border:none;
	width:400px;
}

ul.btn_next li.btn_next input:hover{
	background:#fd2727;
	transition:0.3s ease;
}

/*----------------------------------------------------
	layout[PC（ノート）]
----------------------------------------------------*/

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

}

}


/*----------------------------------------------------
	layout[タブレット]
----------------------------------------------------*/

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

/* search_result
----------------------------------------------------*/
dl.search_result{
	padding:0.5em 3%;
}

/* icon_list
----------------------------------------------------*/
.section ul.icon_list{
	padding:0 3% 1em;
	min-width:calc(7em + 40px);
}

.section ul.icon_list li{
	font-size:0.7em;
	padding:0.3em 0.5em;
	width:3.5em;
}

/* number_list
----------------------------------------------------*/
.section p.number_list{
	width:calc(100% - 10px);
	padding:0.5em 3% 0.5em 0;
	font-size:1.0em;
	font-weight:bold;
}

/* h2
----------------------------------------------------*/
.section h2{
	padding:0 3% 1em;
}

.section .point{
	padding-bottom:2em;
	padding:1em 3% 2em;
}

/* list_point
----------------------------------------------------*/
.section ul.list_point{
	width:94%;
	padding:0 3% 2em;
}

.section ul.list_point li{
	font-size:0.7em;
	width:calc(33.3% - 16px - 1em);
	margin-right:10px;
	margin-bottom:10px;
	padding:0.5em 0.5em;
	border-right:#442901 solid 8px;
}

.section ul.list_point li:nth-child(3n){
	margin-right:0;
}

/* list_entry
----------------------------------------------------*/
#section_list_nav > div > ul > li .list_entry{
	border-radius:0 0 18px 18px;
	padding:2em 3%;
}

#section_list_nav > div > ul > li .list_entry p.btn_list{
	width:calc(97% - 4em - 66px);
	float:right;
	padding-right:3%;
}

#section_list_nav > div > ul > li .list_entry p.btn_list a{
	display:block;
	background:#FFF;
	border:#1678ce solid 2px;
	border-radius:20px;
	text-align:center;
	padding:0.8em 1em;
	font-weight:700;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn > ul{
	clear:both;
	padding:2em 0 0;
	width:100%;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn > ul > li{
	width:calc(50% - 10px);
	clear:none;
	display:block;
	margin-right:0;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn > ul > li:first-child{
	margin-right:20px;
	float:left;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn > ul > li:nth-child(2){
	float:right;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn > ul p.btn_tel_list{
	width:100%;
	padding-bottom:5px;
	position:relative;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn > ul p.btn_tel_list:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	border-radius:10px;
	background:#e0e0e0;
	z-index:-1;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn ul p.btn_tel_list a{
	display:block;
	background:#eb910e;
	border:#707070 solid 2px;
	border-radius:10px;
	color:#FFF;
	text-align:center;
	font-weight:700;
	font-size:0.8em;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn ul p.btn_tel_list span{
	display:inline-block;
	padding:10px 10px 10px 33px;
	position:relative;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn ul p.btn_tel_list span:before{
	content:"";
	width:22px;
	height:45px;
	background:url(../img/common/ico_tel.png) no-repeat top left / 100%;
	position:absolute;
	top:12px;
	left:0;
	z-index:2;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn ul p.btn_entry_list{
	width:100%;
	max-width:100%;
	margin-left:0;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn ul p.btn_entry_list a{
	display:block;
	background:url(../img/common/ico_entry.png) no-repeat left 30px top / 20px , #0f1c97;
	color:#FFF;
	text-align:center;
	font-weight:700;
	font-size:1.1em;
	width:100%;
	min-height:65px;
	line-height:65px;
	position:relative;
}

#section_list_nav > div > ul > li .list_entry nav.list_btn ul p.btn_entry_list a::before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
	background-blend-mode: screen;
	transition:0.3s ease;
	z-index:4;
}

}

/*----------------------------------------------------
	layout[スマートフォン（標準）]
----------------------------------------------------*/

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

/* list_entry
----------------------------------------------------*/
#section_list_nav > div > ul > li .list_entry nav.list_btn ul p.btn_entry_list a{
	display:block;
	color:#FFF;
	text-align:center;
	font-weight:700;
	font-size:1.1em;
	min-height:65px;
	line-height:65px;
	background:url(../img/common/ico_entry.png) no-repeat left 10px top / 15px , #0f1c97;
}

/* list_form
----------------------------------------------------*/
#list_form > li {
	padding:1em 0 0;
	width:100%;
}

#list_form > li dl dd label input{
	display:inline-block;
	vertical-align:middle;
	margin-right:0.3em;
}

/* btn_next
----------------------------------------------------*/
ul.btn_next li:first-child{
	margin-right:20px;
}

ul.btn_next li.btn_entry{
	width:calc(45% - 25px);
}

ul.btn_next li.btn_entry a{
	background:url(../img/common/ico_entry.png) no-repeat left 10px top / 15px , #0f1c97;
}

ul.btn_next li.btn_entry a::before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
	background-blend-mode: screen;
	transition:0.3s ease;
	z-index:4;
}

ul.btn_next li.btn_entry a:hover:before{
	background:rgba(230,150,255,0.3);
}

ul.btn_next li.btn_back{
	width:calc(45% - 25px);
}

ul.btn_next li.btn_back a{
	width:100%;
}

ul.btn_next li.btn_next{
	width:calc(45% - 25px);
}

ul.btn_next li.btn_next input{
	width:100%;
}

#section_list_nav > div > ul > li .list_entry p.btn_list a{
	display:block;
	background:#FFF;
	border:#1678ce solid 2px;
	border-radius:20px;
	text-align:center;
	padding:0.8em 0em;
	font-weight:700;
}

#section_list_nav > div > ul > li .list_entry p.btn_list a span{
	padding-left:12px;
	position:relative;
	display:inline-block;
}

}

/*----------------------------------------------------
	layout[スマートフォン（小）]
----------------------------------------------------*/

@media screen and (max-width:640px){
	
/* btn_entry
----------------------------------------------------*/
ul.btn_next li.btn_entry a{
	font-size:1em;
	min-height:60px;
	line-height:60px;
	background:url(../img/common/ico_entry.png) no-repeat left 10px top / 10px , #0f1c97;
}

}