@charset "UTF-8";

/* INTERFACE */
br.pc{
	display:none;
}

#nav_sp{
	display:block;
	width:25px;
	height:20px;
	position:absolute;
	top:25px;
	right:20px;
	cursor:pointer;
}

#nav_sp span{
	display:block;
	margin:7px 0 7px;
	border-top:2px solid #4ba0e6;
}

#nav_sp.open span:first-of-type{
	margin:7px 0 0;
	transform:rotate(45deg);
	transition-duration:0.5s;
}

#nav_sp.open span:last-of-type{
	margin:-1px 0 0;
	transform:rotate(-45deg);
	transition-duration:0.5s;
}

#nav_sp.close span:first-of-type{
	transition-duration:0.5s;
}

#nav_sp.close span:last-of-type{
	transition-duration:0.5s;
}

body>header{
	height:90px;
	margin:0 auto;
	position:relative;
}

body>header>h1,
body>header>a{
	width:250px;
	margin:0;
	padding:0;
	font-size:15px;
	line-height:1em;
	position:absolute;
	top:24px;
	left:20px;
}

body>header>h1>img,
body>header>a>img{
	width:100%;
	vertical-align:bottom;
}

body>header nav{
	display:none;
	width:100%;
	padding:0 0 20px;
	position:absolute;
	top:80px;
	z-index:1;
	background-color:#fff;
	border-radius:0 0 10px 10px;
	border-bottom:2px solid #efefef;
}

body>header nav ul.parent{
	margin:0 0 10px;
	padding:0;
	list-style-type:none;
	text-align:center;
	font-size:13px;
	border-top:1px solid #efefef;
}

body>header nav ul.parent li.menu{
	border-bottom:1px solid #efefef;
	position:relative;
}

body>header nav ul.parent li.menu>a{
	display:block;
	margin:0 42px 0 0;
	padding:20px 0 20px 42px;
}

body>header nav ul.parent li.menu>span{
	display:block;
	width:22px;
	height:22px;
	position:absolute;
	top:17px;
	right:20px;
	cursor:pointer;
}

body>header nav ul.parent li.menu>span img{
	width:100%;
}

body>header>nav .child_menu {
	display:none;
	padding:0 20px;
	text-align:left;
}

body>header>nav .child_menu p{
	margin:0 0 10px;
	font-size:13px;
	font-weight:400;
	color:#126ab3;
}

body>header>nav .child_menu ul{
	margin:0 0 20px;
	padding:0 0 0 25px;;
	font-size:13px;
}

body>header>nav .child_menu ul li{
	margin:8px 0;
}

body>header a.lang{
	display:table;
	margin:0 auto;
	padding:0 0 0 20px;
	background-image:url("../img02/interface/ico_lang.svg");
	background-repeat:no-repeat;
	background-size:15px;
	background-position:left center;
	text-align:center;
	font-size:13px;
	font-weight:500;
}

body>header a.btn_contact{
	display:table;
	margin:12px auto;
	padding:10px 25px;
	text-align:center;
	font-size:13px;
	font-weight:500;
	line-height:1;
	color:#fff;
	background-color:#4ba1e7;
	border-radius:20px;
}

body>footer{
	padding:50px 20px;
	text-align:center;
	background-color:#fcfeff;
	border-top:1px solid #4ba1e7;
	border-bottom:5px solid #4ba1e7;
}

body>footer>a img{
	width:125px;
	margin:0 0 30px;
}

body>footer address{
	display:table;
	margin:0 auto 30px;
	text-align:left;
	font-style:normal;
	font-size:15px;
}

body>footer small{
	font-family:Verdana,sans-serif;
	font-size:10px;
}

#footer_sns_area{
	margin:0 0 60px;
}

#footer_sns_area a img{
	width:40px;
	margin:0 10px;
}

#footer_nav_area{
	margin:0 0 40px;
	padding:0;
	list-style-type:none;
	text-align:center;
	font-size:14px;
}

#footer_nav_area li{
	margin:0 0 15px;
}

#footer_nav_area li a{
	color:#4ba0e6;
}

#sub_topicpath_area{
	padding:10px 20px;
	border-top:1px solid #4ba1e7;
}

#sub_topicpath_area.noborder{
	border-top:none;
}

#sub_topicpath_area ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:13px;
	font-weight:300;
	display:flex;
	flex-wrap:wrap;
}

#sub_topicpath_area ul li{
	margin:0 15px 0 0;
	padding:0 18px 0 0;
	background-image:url("../img02/interface/ico_arrow_gray.png");
	background-repeat:no-repeat;
	background-size:7px;
	background-position:center right;
}

#sub_topicpath_area ul li:last-child{
	background-image:none;
}

#sub_topicpath_area ul li a{
	
}

#sub_topicpath_area ul li a:hover{
	text-decoration:underline;
}


/* BUSINESS */

#business_key_area{
	height:300px;
	background-image:url("../img02/interface/bg_sub_key.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

#business_key_area h1{
	margin:0;
	padding:60px 20px 0;
	text-align:center;
	font-size:28px;
	font-weight:500;
	line-height:1.2;
}

#business_key_area h1 span{
	display:block;
	margin:0 0 5px;
	font-size:16px;
	font-weight:400;
	color:#126ab3;
}

#business_contents_area{
	padding:0 20px;
	background:linear-gradient(180deg,#f6f6f6,#e2e2e2);
}

#business_contents_area .bg{
	max-width:1000px;
	margin:0 auto;
	padding:30px 25px;
	background-color:#fff;
	position:relative;
	top:-100px;
}

#business_contents_area a:link,
#business_contents_area a:visited{
	color:#4ba1e7;
}

#business_contents_area h2{
	margin:50px 0;
	font-size:22px;
	font-weight:500;
	line-height:1.2;
	position:relative;
}

#business_contents_area h2::after{
	content:"";
	width:30px;
	height:5px;
	background-color:#88e9fb;
	position:absolute;
	bottom:-20px;
	left:0;
}

#business_contents_area h3{
	margin:40px 0 20px;
	font-size:18px;
	color:#126ab3;
}

#business_contents_area h4{
	margin:30px 0 10px;
	font-size:16px;
	font-weight:500;
	color:#4ba1e7;
}

#business_contents_area p{
	text-align:justify;
	font-size:14px;
	font-weight:400;
	line-height:1.7;
}

#business_contents_area p.catchcopy{
	text-align:left;
	font-size:20px;
	font-weight:400;
	line-height:1.4;
	color:#126ab3;
}

#business_contents_area p.catchcopy.left{
	text-align:left;
}

#business_contents_area p.red{
	color:red;
}

#business_contents_area p.margin{
	margin:20px 0 40px;
}

#business_contents_area p.caption{
	margin:0;
	font-size:13px;
	line-height:1.3;
	color:#555;
}

#business_contents_area b{
	font-weight:600;
}

#business_contents_area .frame{
	margin:20px 0;
	padding:10px 20px;
	border:1px solid #126ab3;
}

#business_contents_area ul,
#business_contents_area ol{
	margin:20px 0;
	padding:0 0 0 25px;
	font-size:14px;
	font-weight:400;
	line-height:1.7;
}

#business_contents_area .map{
	width:100%;
	height:0;
	margin:0 0 30px;
	padding:80% 0 0;
	position:relative;
}

#business_contents_area .map iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#business_contents_area .video{
	width:100%;
	height:0;
	margin:0 0 30px;
	padding:56.25% 0 0;
	position:relative;
}

#business_contents_area .video iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#business_contents_area .pic{
	margin:20px 0 10px;
}

#business_contents_area .pic img{
	width:100%;
	vertical-align:bottom;
}

#business_contents_area .pic p,
#business_contents_area figure figcaption{
	margin:4px 0 0;
	font-size:13px;
	color:#555;
}

#business_contents_area .pics div{
	width:100%;
}

#business_contents_area img.float{
	width:100%;
}

#business_contents_area .f_left{
	text-align:center;
}

#business_contents_area .f_left img,
#business_contents_area .f_right img{
	width:100%;
	vertical-align:bottom;
}

#business_contents_area .sign{
	width:60%;
	margin:0 0 50px;
	float:right;
}

#business_contents_area .sign p{
	font-size:14px;
}

#business_contents_area .sign img{
	width:100%;
}

#business_contents_area a.color{
	color:#4ba1e7;
}

#business_contents_area .tablescroll table{
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
}

#business_contents_area table.spscroll{
	width:100%;
	box-sizing:border-box;
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

#business_contents_area table.spscroll thead{
	background-color:#fafafa;
}

#business_contents_area table.spscroll th{
	padding:10px;
	vertical-align:top;
	text-align:left;
	font-size:14px;
	font-weight:500;
	color:#126ab3;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

#business_contents_area table.spscroll td{
	padding:10px;
	font-size:14px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

#business_contents_area table.spscroll tr.color th{
	background-color:#fafafa;
}

#business_contents_area table.basic{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

#business_contents_area table.basic a{
	color:#4ba1e7;
}

#business_contents_area table.basic p{
	margin:0 0 15px;
}

#business_contents_area table.basic th{
	display:block;
	padding:10px 10px 0;
	vertical-align:top;
	text-align:left;
	font-size:15px;
	font-weight:500;
	color:#126ab3;
	border-right:1px solid #ccc;
}

#business_contents_area table.basic td{
	display:block;
	box-sizing:border-box;
	padding:8px 10px 10px;
	font-size:14px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}




#news_contents_area table.basic{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

#news_contents_area table.basic a{
	color:#4ba1e7;
}

#news_contents_area table.basic p{
	margin:0 0 15px;
}

#news_contents_area table.basic th{
	display:block;
	padding:10px 10px 0;
	vertical-align:top;
	text-align:left;
	font-size:15px;
	font-weight:500;
	color:#126ab3;
	border-right:1px solid #ccc;
}

#news_contents_area table.basic td{
	display:block;
	box-sizing:border-box;
	padding:8px 10px 10px;
	font-size:14px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

#business_contents_area table.intable{
	border:none;
}

#business_contents_area table.intable th{
	display:table-cell;
	padding:0 20px 8px 0;
	border:none;
}

#business_contents_area table.intable td{
	display:table-cell;
	padding:0 20px 8px 0;
	border:none;
}


#business_contents_area table.office{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #ddd;
}

#business_contents_area table.office th{
	display:block;
	padding:20px 10px 8px;
	text-align:left;
	vertical-align:top;
	font-size:15px;
	font-weight:500;
}

#business_contents_area table.office td{
	display:block;
	padding:0 10px 20px;
	font-size:14px;
	border-bottom:1px solid #ddd;
}

#business_contents_area table.office a.active{
	color:#4ba0e6;
}

#business_contents_area table.office br.sp_br{
	display:none;
}

#business_contents_area table#history{
	width:100%;
	border-collapse:collapse;
}

#business_contents_area table#history th{
	padding:20px 20px 20px 0;
	font-style:italic;
	font-family:Times,serif;
	font-size:20px;
	font-weight:400;
	color:#fda859;
	border-bottom:1px solid #eee;
}

#business_contents_area table#history td{
	padding:20px 0 20px 20px;
	font-size:14px;
	border-bottom:1px solid #eee;
	border-left:1px solid #4ba1e7;
}

#business_contents_area table#history img{
	width:100%;
}

#business_contents_area table#history td div{
	margin:15px 0;
	text-align:right;
}

#business_contents_area table#history a{
	color:#4ba1e7;
}


#business_contents_area .linkarea{
	border:1px solid #88e9fb;
}

#business_contents_area .linkarea ul{
	margin:0;
	padding:15px;
	list-style-type:none;
	display:flex;
	flex-wrap:wrap;
	font-size:14px;
	line-height:1.3;
}

#business_contents_area .linkarea ul li{
	width:50%;
	box-sizing:border-box;
	padding:10px 10px 10px 20px;
	background-image:url("../img02/interface/ico_arrow_blue_down.png");
	background-repeat:no-repeat;
	background-size:15px;
	background-position:left center;
}



#business_contents_area.vision figure{
	max-width:500px;
	margin:0 auto;
}

#business_contents_area.vision figure.margin{
	margin:50px auto 0;
}

#business_contents_area.vision figure img{
	width:100%;
}

#business_contents_area.vision section h2{
	margin:60px 0 40px;
	padding:12px 20px 14px;
	color:#fff;
	border-radius:5px;
}

#business_contents_area.vision section h2.red{
	background-color:#ed6f36;
}

#business_contents_area.vision section h2.purple{
	background-color:#6356a3;
}

#business_contents_area.vision section h2.green{
	background-color:#06a37f;
}

#business_contents_area.vision section h2.yellow{
	background-color:#f7af3c;
}

#business_contents_area.vision section h2.blue{
	background-color:#4ba1e7;
}

#business_contents_area.vision section h2::after{
	content:none;
}

#business_contents_area.vision section h3{
	font-size:24px;
	font-weight:500;
}

#business_contents_area.vision h3.blue{
	color:#277393;
}

#business_contents_area.vision h3.red{
	color:#ed6f36;
}

#business_contents_area.vision h3.green{
	color:#06a37f;
}

#business_contents_area.vision h3.yellow{
	color:#f7af3c;
}

#business_contents_area.vision section p.catch{
	font-family:"Hiragino Mincho",serif;
	font-size:20px;
	line-height:1.4;
	color:#0076a9;
}


#business_relation_area{
	margin:50px 0 0;
	padding:50px 0 0;
	border-top:1px solid #4ba1e7;
	clear:both;
}

#business_relation_area h2{
	margin:0 0 30px;
	font-size:18px;
	font-weight:500;
}

#business_relation_area h2::after{
	width:0;
	height:0;
	position:absolute;
	bottom:0;
	left:0;
}

#business_relation_area ul{
	max-width:400px;
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:15px;
	line-height:1.2;
}

#business_relation_area ul li{
	margin:0 0 15px;
	padding:15px 40px 17px 20px;
	border:1px solid #dbdbdb;
	background-image:url("../img02/interface/ico_arrow_blue.png");
	background-repeat:no-repeat;
	background-size:10px;
	background-position:right 20px center;
}

#business_relation_area ul li a{
	display:block;
}

/* NEWS */

#news_key_area{
	height:200px;
	background-image:url("../img02/interface/bg_sub_key.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

#news_contents_area{
	padding:0 20px 100px;
	background-color:#f2f2f2;
}

#news_contents_area .bg{
	max-width:1000px;
	margin:0 auto;
	padding:30px 25px;
	background-color:#fff;
	position:relative;
	top:-100px;
	overflow:hidden;
}

#news_contents_area a:link,
#news_contents_area a:visited{
	color:#4ba1e7;
}

#news_contents_area a.btn_a{
	margin:0 auto;
	color:#fff;
}

#news_contents_area>a.btn_a{
	margin:0 auto;
	color:#fff;
	position:relative;
	top:-30px;
}

#news_contents_area time{
	display:block;
	margin:0 0 20px;
	font-family:"Helvetica Neue", Arial, sans-serif;
	font-size:14px;
	line-height:1.4;
	color:#4ba1e7;
}

#news_contents_area h1{
	margin:0 0 60px;
	font-size:20px;
	font-weight:500;
	line-height:1.3;
	position:relative;
}

#news_contents_area h1::after{
	content:"";
	width:30px;
	height:5px;
	background-color:#88e9fb;
	position:absolute;
	bottom:-20px;
	left:0;
}

#news_contents_area h2{
	margin:40px 0 20px;
	font-size:18px;
	color:#126ab3;
}

#news_contents_area h3{
	margin:40px 0 20px;
	font-size:17px;
	font-weight:500;
	color:#126ab3;
}

#news_contents_area h4{
	margin:30px 0 15px;
	font-size:16px;
	font-weight:500;
	color:#4ba1e7;
}

#news_contents_area p{
	text-align:justify;
	font-size:14px;
	font-weight:400;
	line-height:1.6;
}

#news_contents_area p.margin{
	margin:15px 0 45px;
}

#news_contents_area figure{
	width:100%;
	margin:30px auto;
}

#news_contents_area figure img{
	width:100%;
}

#news_contents_area figure figcaption{
	font-size:14px;
	color:#555;
}

#news_contents_area img.large{
	width:100%;
	margin:0 0 20px;
}

#news_contents_area .center{
	text-align:center;
}

#news_contents_area .center p{
	text-align:center;
}

#news_index_area>article{
	padding:20px 0 10px;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}

#news_index_area>article img{
	width:100%;
	margin:0 0 10px;
}

#news_index_area>article.noimage div{
	width:100%;
	float:none;
}

#news_index_area>article div time{
	margin:0 0 20px;
	font-family:"Helvetica Neue", Arial, sans-serif;
	font-size:15px;
	line-height:1.5;
	color:#4ba1e7;
}

#news_index_area>article div h2{
	margin:5px 0 20px;
	font-size:18px;
	line-height:1.3;
}

#news_index_area>article div h2::after{
	width:0;
	height:0;
}

#news_index_area>article div p{
	margin:0 0 20px;
	text-align:justify;
	font-size:14px;
	line-height:1.4;
}

#news_index_area>article p a{
	color:#4ba1e7;
}


/* SUB */

#sub_key_area{
	height:300px;
	background-image:url("../img02/interface/bg_sub_key02.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

#sub_key_area h1{
	margin:0;
	padding:60px 20px 0;
	text-align:center;
	font-size:28px;
	font-weight:500;
	line-height:1.2;
	letter-spacing:2px;
	color:#fff;
}

#sub_key_area h1 span{
	display:block;
	margin:5px 0;
	font-size:16px;
	font-weight:400;
	color:#88e9fb;
}

#mapimage{
	display:none;
}

#mapimage-sp img{
	width:100%;
	vertical-align:bottom;
}

#sub_index_area{
	padding:0 20px;
}

#sub_index_area .bg{
	max-width:1200px;
	margin:0 auto;
	padding:30px 20px;
	background-color:#fff;
	position:relative;
	top:-100px;
	overflow:hidden;
}

#sub_index_area h2{
	margin:50px 0;
	font-size:22px;
	font-weight:500;
	line-height:1.2;
	position:relative;
	clear:both;
}

#sub_index_area h2::after{
	content:"";
	width:30px;
	height:5px;
	background-color:#88e9fb;
	position:absolute;
	bottom:-20px;
	left:0;
}

#sub_index_area h3{
	margin:40px 0 20px;
	font-size:20px;
	color:#126ab3;
}

#sub_index_area div.padding{
	padding:0 0 40px;
}

#sub_index_area p.lead{
	text-align:justify;
	font-size:14px;
	line-height:1.6;
}
#recruit_sites_area{
	padding:0 20px;
}

#recruit_sites_area .bg{
	max-width:1200px;
	margin:0 auto;
	padding:30px 20px;
	background-color:#fff;
	position:relative;
	top:-100px;
	overflow:hidden;
}

#recruit_sites_area .link_list{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:15px;
	line-height:1.5;
}

#recruit_sites_area .link_list li{
	margin:0 0 20px;
}

#recruit_sites_area .link_list li a{
	display:inline-block;
	margin:0 10px 0 0;
	color:#4ba1e7;
}

#recruit_sites_area .link_list li span{
	display:inline-block;
	padding:5px 10px 7px;
	font-size:12px;
	line-height:1;
	background:linear-gradient(140deg, #ffa746, #ff877e);
	color:#fff;
	border-radius:5px;
}

#recruit_sites_area .title01{
	margin:40px 0 20px;
	padding:0 0 18px;
	font-size:25px;
	font-weight:400;
	line-height:1.3;
	color:#126ab3;
	border-bottom:2px solid #ff9d8a;
	clear:both;
}

#recruit_sites_area .title02{
	margin:40px 0 20px;
	font-size:22px;
	font-weight:400;
	line-height:1.4;
	color:#4ba1e7;
	clear:both;
}

#recruit_sites_area .title03{
	margin:50px 0 20px;
	padding:0 0 15px;
	font-size:24px;
	font-weight:400;
	line-height:1.4;
	color:#4ba1e7;
	clear:both;
}

#recruit_sites_area .pic{
	margin:0 auto 20px;
}

#recruit_sites_area .pic p{
	margin:4px 0 0;
	font-size:14px;
	color:#555;
}

#recruit_sites_area .pic img{
	width:100%;
	vertical-align:bottom;
}

#recruit_sites_area img.float{
	width:100%;
	margin:0 0 30px;
}

#recruit_sites_area p{
	margin:0 0 30px;
	text-align:justify;
	font-size:15px;
	line-height:1.7;
}

#recruit_sites_area p.clear{
	clear:both;
}

#recruit_sites_area .recruit_area{
	margin:30px 0;
	padding:30px;
	clear:both;
	border:3px double #ffa746;
}

#recruit_sites_area .recruit_area h2{
	margin:0 0 20px;
	font-size:25px;
	font-weight:400;
	color:#126ab3;
}

#recruit_sites_area .recruit_area h3{
	margin:0 0 20px;
	text-align:justify;
	font-size:18px;
	font-weight:400;
	line-height:1.4;
	color:#4ba1e7;
	clear:both;
}

#recruit_sites_area .address{
	clear:both;
	overflow:hidden;
}

#recruit_sites_area .address img{
	width:100%;
	margin:0 0 15px;
}

#recruit_sites_area .address p{
}

#recruit_sites_area .map{
	margin:20px 0;
}

#recruit_sites_area .map>div{
	width:100%;
	height:0;
	padding:100% 0 0;
	position:relative;
}

#recruit_sites_area .map iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#recruit_sites_area table.recruit{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #ddd;
}

#recruit_sites_area table.recruit th{
	display:block;
	padding:15px 0 0;
	text-align:left;
	vertical-align:top;
	font-size:16px;
	font-weight:500;
	color:#126ab3;
}

#recruit_sites_area table.recruit td{
	display:block;
	padding:5px 0 15px;
	font-size:15px;
	border-bottom:1px solid #ddd;
}

#recruit_sites_area a.center{
	margin:30px auto;
}

#recruit_sites_area ul.link{
	margin:0;
	padding:0;
	list-style-type:none;
}

#recruit_sites_area ul.link li{
	padding:0 0 20px 0;
}

#recruit_sites_area ul.link li a{
	display:block;
	padding:10px 20px;
	font-size:15px;
	line-height:1.2;
	color:#555;
	background-image:url("../img02/interface/ico_arrow_blue_down.png");
	background-repeat:no-repeat;
	background-size:12px;
	background-position:right 20px center;
	border:1px solid #4ba1e7;
	border-radius:30px;
}


/* RECRUIT */

#recruit_key_area{
	background-image:url(../img02/interface/bg_recruit_key.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}

#recruit_key_area>div{
	margin:30px auto 0;
	padding:0 20px 30px;
}

#recruit_key_area>div img{
	width:100%;
	vertical-align:bottom;
	position:relative;
	top:-30px;
}

#recruit_key_area h1{
	margin:0;
	font-size:25px;
	font-weight:500;
	color:#fff;
}

#recruit_key_area p{
	text-align:justify;
	font-size:15px;
	line-height:1.5;
	color:#fff;
}

#recruit_key_area p.catchcopy{
	margin:20px 0 25px;
	text-align:left;
	font-size:35px;
	font-weight:400;
	line-height:1.2;
}

#recruit_member_key{
	margin:0;
	background-image:url(../img02/interface/bg_recruit_key.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	border-bottom:20px solid #eee;
}

#recruit_member_key>div{
	margin:0 auto;
	padding:30px;
	position:relative;
}

#recruit_member_key>div img{
	width:100%;
	vertical-align:bottom;
}

#recruit_member_key h1{
	margin:10px 0 0;
	font-size:40px;
	font-weight:500;
	line-height:1.2;
	color:#fff;
}

#recruit_member_key h1 span{
	display:block;
	font-size:15px;
}

#member_contents_area{
	margin:0 auto 80px;
	padding:0 20px;
	overflow:hidden;
}

#member_contents_area h2{
	margin:50px 0 25px;
	font-size:25px;
	font-weight:500;
	line-height:1.2;
	color:#126ab3;
}

#member_contents_area p{
	margin:0;
	text-align:justify;
	font-size:15px;
	line-height:1.7;
}

#member_contents_area img{
	width:100%;
	margin:0 0 20px;
}

#member_contents_area .video{
	width:100%;
	height:0;
	margin:30px 0;
	padding:56.25% 0 0;
	position:relative;
}

#member_contents_area .video iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}


#member_aside_area{
	margin:0 auto;
	padding:60px 10px;
	border-top:1px solid #ddd;
}

#recruit_sub_key{
	height:300px;
	background-image:url(../img02/interface/bg_recruit_key.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}

#recruit_sub_key.form{
	height:200px;
}

#recruit_sub_key h1{
	margin:0;
	padding:60px 20px 0;
	text-align:center;
	font-size:30px;
	font-weight:500;
	line-height:1.4;
	letter-spacing:2px;
	color:#fff;
}

#recruit_sub_key h1 span{
	display:block;
	font-size:15px;
	font-weight:400;
	color:#fbe9e2;
}

#recruit_index_area{
	padding:0 20px;
	background-color:#fdf7f0;
}

#recruit_index_area .bg{
	margin:0 auto;
	padding:40px 20px;
	background-color:#fff;
	position:relative;
	top:-100px;
}

#recruit_anchorlink_area{
	margin:0 0 50px;
	padding:20px;
	background-color:#fdf7f0;
	border-bottom:20px solid #eee;
}

#recruit_anchorlink_area ul{
	margin:0 auto;
	padding:0;
	list-style-type:none;
	display:flex;
	flex-wrap:wrap;
	font-size:15px;
	line-height:1.2;
}

#recruit_anchorlink_area ul li{
	width:50%;
	box-sizing:border-box;
	padding:10px 10px 10px 20px;
	background-image:url("../img02/interface/ico_arrow_gray_down.png");
	background-repeat:no-repeat;
	background-size:12px;
	background-position:left center;
}

#recruit_anchorlink_area ul li a{
	color:#ff6a4d;
}

#kyoten_anchorlink_area{
	margin:0 0 60px;
}

#kyoten_anchorlink_area ul{
	max-width:1200px;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	font-size:14px;
	line-height:1.2;
}

#kyoten_anchorlink_area ul li{
	box-sizing:border-box;
	padding:10px 15px 10px 35px;
	background-image:url("../img02/interface/ico_arrow_gray_down.png");
	background-repeat:no-repeat;
	background-size:12px;
	background-position:left 15px center;
	border:1px solid #ffa746;
}

#kyoten_anchorlink_area ul li.none{
	padding:10px 15px;
	background-image:none;
	border:1px solid #ddd;
}

#kyoten_anchorlink_area ul li span{
	color:#666;
}

#kyoten_anchorlink_area ul li a{
	color:#ff6a4d;
}

#recruit_category_area>div{
	margin:0 0 40px;
	text-align:center;
}

#recruit_category_area>div>a{
	display:block;
	border:1px solid #ff9d8a;
}

#recruit_category_area>div a img{
	width:100%;
}

#recruit_category_area h2{
	margin:20px 0;
	font-size:25px;
	font-weight:500;
	line-height:1;
	color:#fda859;
}

#recruit_category_area p{
	margin:20px 20px 30px;
	text-align:justify;
	font-size:15px;
	line-height:1.5;
}

#recruit_contents_area{
	padding:0 20px;
	background-color:#fdf7f0;
}

#recruit_contents_area .bg{
	margin:0 auto;
	padding:50px 20px;
	background-color:#fff;
	position:relative;
	top:-100px;
}

#recruit_contents_area h2{
	margin:50px 0;
	font-size:25px;
	font-weight:500;
	line-height:1.2;
	position:relative;
	clear:both;
}

#recruit_contents_area h2:first-of-type{
	margin:0 0 50px;
}

#recruit_contents_area h2::after{
	content:"";
	width:30px;
	height:5px;
	background-color:#ff9d8a;
	position:absolute;
	bottom:-20px;
	left:0;
}

#recruit_contents_area h3{
	margin:40px 0 25px;
	padding:0 0 15px;
	font-size:22px;
	font-weight:500;
	line-height:1.4;
	color:#126ab3;
	border-bottom:2px solid #ff9d8a;
}

#recruit_contents_area h4{
	margin:40px 0 20px;
	font-size:20px;
	font-weight:400;
	line-height:1.4;
	color:#4ba0e6;
}

#recruit_contents_area p{
	text-align:justify;
	font-size:14px;
	line-height:1.6;
}

#recruit_contents_area p.right{
	margin:0 0 20px;
	text-align:right;
}


#recruit_contents_area ul,
#recruit_contents_area ol{
	margin:0;
	padding:0 0 0 25px;
	font-size:14px;
}

#recruit_contents_area ul li,
#recruit_contents_area ol li{
	margin:0 0 10px;
}

#recruit_contents_area img{
	width:100%;
}

#recruit_contents_area .pic.float{
	width:50%;
	margin:0 0 20px 20px;
	float:right;
}

#recruit_contents_area img.float{
	
}

#recruit_contents_area .pics.m{
	display:flex;
	width:calc(100% + 10px);
	position:relative;
	left:-5px;
}

#recruit_contents_area .pics.m>div{
	box-sizing:border-box;
	padding:0 5px;
}

#recruit_contents_area .pic{
	margin:20px 0;
	text-align:center;
}

#recruit_contents_area .pic img{
	width:100%;
	vertical-align:bottom;
}

#recruit_contents_area .pic.m img{
	
}

#recruit_contents_area .pic p{
	margin:4px 0 0;
	font-size:14px;
	color:#555;
}

#recruit_contents_area .pics.float{
	width:45%;
	margin:0 0 20px 20px;
	float:right;
	position:relative;
	left:0;
	top:-20px;
}

#recruit_contents_area .image_chart{
	margin:40px 0;
}

#recruit_contents_area .clear{
	clear:both;
}

#back_btn_area{
	margin:30px 0 60px;
}

#back_btn_area a{
	margin:0 auto 30px;
}

#recruit_news_area{
	margin:0 auto 60px;
	padding:0 20px;
}

#recruit_news_area table{
	width:100%;
	border-collapse:collapse;
}

#recruit_news_area table th{
	padding:20px 25px 20px 0;
	vertical-align:top;
	font-size:14px;
	color:#555;
	border-bottom:1px solid #ddd;
}

#recruit_news_area table td{
	padding:20px 0;
	font-size:14px;
	line-height:1.6;
	border-bottom:1px solid #ddd;
}

#recruit_news_area table a{
	color:#4ba0e6;
}

#recruit_1day_area{
	margin:0 auto 60px;
	padding:0 20px;
}

#recruit_1day_area>div{
	padding:40px 20px;
	border:3px double #fda859;
	overflow:hidden;
}

#recruit_1day_area>div img{
	width:100%;
	margin:0 0 20px;
}

#recruit_1day_area h3{
	margin:30px 0 15px;
	font-size:18px;
	line-height:1.2;
	color:#126ab3;
}

#recruit_1day_area h4{
	margin:20px 0 5px;
	font-size:16px;
	font-weight:500;
	color:#126ab3;
}

#recruit_1day_area h4.margin{
	margin:35px 0 5px;
}

#recruit_1day_area p{
	margin:0 0 30px;
	text-align:justify;
	font-size:14px;
	line-height:1.4;
}

#recruit_1day_area p em{
	font-style:normal;
	font-weight:500;
	color:#4ba0e6;
}

#recruit_1day_area ul{
	margin:15px 0;
	padding:0 0 0 25px;
	font-size:14px;
	line-height:1.5;
}

#recruit_1day_area table{
	width:100%;
	margin:0 0 20px;
	border-collapse:collapse;
	font-size:14px;
}

#recruit_1day_area a.btn_a{
	margin:0 auto;
}

#recruit_aboutus_area{
	margin:0 0 60px;
	padding:50px 10px;
	background:linear-gradient(180deg, #f6f6f6, #e2e2e2);
}

#recruit_aboutus_list{
	margin:0 auto;
	padding:0;
	list-style-type:none;
	text-align:center;
	font-size:14px;
	line-height:1.3;
	font-weight:400;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

#recruit_aboutus_list li{
	width:50%;
	box-sizing:border-box;
	margin:0 0 20px;
	padding:0 10px;
}

#recruit_aboutus_list li em{
	display:inline-block;
	font-style:normal;
	font-size:22px;
	font-weight:500;
	line-height:1.3;
}

#recruit_aboutus_list li img{
	max-width:100px;
	width:100%;
	vertical-align:bottom;
}

#recruit_member_area{
	margin:0 auto 60px;
	padding:0 10px;
}

#recruit_member_area p.lead{
	margin:0 10px;
	text-align:justify;
	font-size:14px;
	line-height:1.4;
}

#recruit_member_area p.note{
	margin:50px 15px 20px 0;
	text-align:right;
	font-size:14px;
	line-height:1.4;
}

#recruit_member_list{
	margin:30px 0 0;
	padding:0;
	list-style-type:none;
	display:flex;
	flex-wrap:wrap;
}

#recruit_member_list li{
	width:50%;
	box-sizing:border-box;
	margin:0 0 50px;
	padding:0 10px;
}

#recruit_member_list.interview{
	display:block;
	padding:0;
}

#recruit_member_list.interview li{
	width:100%;
	margin:0 0 40px;
	padding:0;
}

#recruit_member_list.interview li .pic{
	margin:0;
	position:relative;
}

#recruit_member_list.interview li .pic img:first-of-type{
	width:50px;
	vertical-align:bottom;
	position:absolute;
	top:45%;
	left:50%;
	transform:translate(-50%,-50%);
}

#recruit_member_list.interview li h3{
	margin:0;
	padding:0;
	border:none;
}

#recruit_member_list li a img{
	width:100%;
	vertical-align:bottom;
}

#recruit_member_list .pic{
	position:relative;
	text-align:left;
}

#recruit_member_list .pic p{
	margin:0;
	padding:10px 12px;
	font-size:14px;
	line-height:1.2;
	color:#fff;
	background:linear-gradient(140deg, #ffa746, #ff877e);
	position:absolute;
	bottom:-35px;
	left:-10px;
}

#recruit_member_list .pic span{
	display:inline-block;
	margin:0;
	padding:8px 20px 8px 10px;
	font-size:12px;
	line-height:1.2;
	color:#fff;
	background-color:#4ba0e6;
	position:absolute;
	top:-20px;
	left:0;
	clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
}

#recruit_member_list.interview .pic span{
	position:relative;
	top:-12px;
}

#recruit_member_list h3{
	margin:40px 0 0;
	font-size:18px;
	font-weight:500;
}

#recruit_member_list h3 span{
	display:block;
	margin:0;
	font-size:14px;
	font-weight:300;
	color:#555;
}

#recruit_member_list li a p{
	margin:10px 0 0;
	padding:0 20px 0 0;
	font-size:14px;
	line-height:1.3;
	background-image:url("../img02/interface/ico_arrow_blue.png");
	background-repeat:no-repeat;
	background-position:top right;
	background-size:10px;
}

#recruit_member_list.interview li a p{
	background-image:none;
}

#recruit_member_list li a:hover{
	color:#000;
}

#recruit_work_area{
	padding:60px 20px;
	background-image:url("../img02/interface/bg_home_business.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

#recruit_work_area p.lead{
	margin:0 0 30px;
	text-align:justify;
	font-size:14px;
	line-height:1.4;
}

#recruit_work_list{
	margin:0 auto;
	padding:0;
	list-style-type:none;
}

#recruit_work_list li{
	margin:0 0 40px;
	text-align:center;
}

#recruit_work_list li:nth-child(odd) img{
	width:70%;
	margin:0 0 20px;
	vertical-align:bottom;
}

#recruit_work_list li:nth-child(even) img{
	width:70%;
	margin:0 0 20px;
	vertical-align:bottom;
}

#recruit_work_list h3{
	margin:0 0 20px;
	padding:0 0 20px;
	font-size:24px;
	font-weight:300;
	line-height:1.4;
	color:#126ab3;
	border-bottom:2px solid #f0a18f;
}

#recruit_work_list p{
	text-align:justify;
	font-size:16px;
	font-weight:300;
	line-height:1.6;
}

#recruit_support_area{
	padding:50px 20px;
	background-color:#f2f2f2;
}

#recruit_support_list{
	margin:0 auto;
	padding:0;
	list-style-type:none;
	display:flex;
	flex-wrap:wrap;
}

#recruit_support_list li{
	margin:0 0 30px;
}

#recruit_support_list li a{
	display:block;
	background-color:#fff;
	border:1px solid #fff;
	position:relative;
}

#recruit_support_list li a:hover{
	border:1px solid #4ba0e6;
	color:#000;
}

#recruit_support_list li a div{
	padding:25px 25px 70px;
}

#recruit_support_list li img{
	width:100%;
}

#recruit_support_list h3{
	margin:0 0 20px;
	text-align:center;
	font-size:20px;
	font-weight:500;
	line-height:1.2;
}

#recruit_support_list p{
	margin:0 0 30px;
	text-align:justify;
	font-size:14px;
	line-height:1.5;
}

#recruit_support_list span.btn_e{
	margin:0 auto;
	position:absolute;
	bottom:40px;
	left:50%;
	transform:translateX(-50%);
}

#recruit_message_area{
	padding:50px 20px;
	background-color:#edf9fb;
}

#recruit_message_area>div{
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}

#recruit_message_area>div>img{
	width:70%;
}

#recruit_message_area>div h3{
	margin:30px 0 20px;
	text-align:left;
	font-size:25px;
	font-weight:400;
}

#recruit_message_area>div p{
	text-align:justify;
	font-size:14px;
	line-height:1.6;
}

#recruit_message_area>div>div img{
	max-width:250px;
	width:100%;
}

#recruit_message_area .sign{
	float:right;
}

#recruit_entry_area{
	margin:80px 0 0;
	padding:0 20px 40px;
	background-image:url("../img02/interface/bg_recruit_key.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

#recruit_entry_area>div{
	
}

#recruit_entry_area>div>img{
	width:100%;
	position:relative;
	top:-40px;
}

#recruit_entry_area>div>div{
	margin:0 0 30px 0;
}

#recruit_entry_area p{
	margin:15px 0;
	font-size:16px;
	line-height:1.6;
	color:#fff;
}

#recruit_entry_area p a{
	color:#fff;
}

#recruit_entry_area p a:hover{
	text-decoration:underline;
}

#recruit_entry_area a.btn_a{
	width:80%;
	margin:0 auto;
}

#btn_entry{
	display:block;
	width:100%;
	box-sizing:border-box;
	margin:20px 0;
	padding:18px 25px 20px;
	font-size:18px;
	color:#ff6666;
	border:1px solid #ff6666;
	background-color:#fff;
	background-image:url("../img02/interface/ico_arrow_pink.png");
	background-repeat:no-repeat;
	background-size:10px;
	background-position:right 20px center;
}

#recruit_entry_area .btn_entry{
	display:block;
	width:80%;
	margin:20px auto;
}

#recruit_entry_area .btn_entry.margin{
	margin:30px 0 10px;
}

#recruit_entry_area .btn_entry img{
	width:100%;
}


#recruit_career_area{
	padding:0 20px;
}

#recruit_career_area p.lead{
	text-align:justify;
	font-size:14px;
	line-height:1.4;
}

#recruit_step_list{
	margin:40px 0 60px;
	padding:0;
	list-style-type:none;
}

#recruit_step_list li{
	margin:0 0 25px;
}

/*
#recruit_step_list li:nth-child(2){
	position:relative;
	left:20px;
}

#recruit_step_list li:nth-child(3){
	position:relative;
	left:40px;
}

#recruit_step_list li:nth-child(4){
	position:relative;
	left:60px;
}

#recruit_step_list li:nth-child(5){
	position:relative;
	left:80px;
}
*/

#recruit_step_list li h3{
	margin:0;
	box-sizing:border-box;
	padding:15px 2px;
	text-align:center;
	font-size:17px;
	font-weight:500;
	line-height:1.2;
	color:#fff;
	background-color:#4ba0e6;
}

#recruit_step_list li h3 span{
	font-size:14px;
}

#recruit_step_list li p{
	margin:0;
	padding:10px 0 0;
	text-align:justify;
	font-size:14px;
}

#recruit_career_area .recruit_rotation_area{
	margin:0 0 50px;
	position:relative;
}

#recruit_career_area h3{
	margin:0 0 40px;
	text-align:center;
	font-size:24px;
	font-weight:400;
	color:#126ab3;
}

#recruit_career_area .recruit_rotation_area>img{
	width:60%;
	position:absolute;
	bottom:20px;
	left:50%;
	transform:translateX(-50%);
}

#recruit_career_area .recruit_rotation_list{
	margin:0;
	padding:0;
	list-style-type:none;
	display:flex;
	flex-wrap:wrap;
}

#recruit_career_area .recruit_rotation_list li{
	display:flex;
	width:24.8%;
	box-sizing:border-box;
	margin:0 0.1%;
	padding:20px 33px 100px;
	writing-mode:vertical-rl;
	vertical-align:middle;
	font-size:15px;
	line-height:1;
	white-space:nowrap;
}

#recruit_career_area .jimu .recruit_rotation_list li{
	width:24.8%;
	padding:20px 33px 240px;
}

#recruit_career_area .recruit_rotation_list li.ro01{
	background-color:#c8c1f0;
}

#recruit_career_area .recruit_rotation_list li.ro02{
	background-color:#c2f1c2;
}

#recruit_career_area .recruit_rotation_list li.ro03{
	background-color:#fee78c;
}

#recruit_career_area .recruit_rotation_list li.ro04{
	background-color:#a8d8f1;
}

#recruit_career_area .recruit_rotation_list li.ro05{
	background-color:#c1f1ec;
}

#recruit_career_area .recruit_rotation_list li.ro06{
	background-color:#fdb365;
}

#recruit_career_area .recruit_rotation_list li.ro07{
	background-color:#feaea5;
}

#recruit_career_area .recruit_rotation_list li.ro08{
	background-color:#d5fea5;
}


#recruit_career_area .recruit_case_area{
	margin:0 0 40px;
	padding:0 0 20px;
	border-bottom:1px solid #ddd;
}

#recruit_career_area .recruit_case_area.border{
	border-bottom:none;
}

#recruit_career_area .recruit_case_area h4{
	margin:0 0 25px;
	font-size:18px;
	font-weight:400;
	color:#444;
}

#recruit_career_area h4.toggle_btn{
	display:block;
	padding:5px 0 5px 50px;
	background-image:url(../img02/interface/ico_plus.svg);
	background-repeat:no-repeat;
	background-size:35px auto;
	background-position:left center;
	cursor:pointer;
}

#recruit_career_area h4.toggle_btn.open{
	background-image:url(../img02/interface/ico_minus.svg);
}

#recruit_career_area h4.toggle_btn:hover{
	color:#4ba0e6;
}

#recruit_career_area div.toggle_contents{
	display:none;
}

#recruit_career_area .recruit_case_area ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#recruit_career_area .recruit_case_area ul li{
	box-sizing:border-box;
	margin:0 0 10px;
	padding:0 0 10px;
	font-size:13px;
	line-height:1.3;
	background-image:url("../img02/interface/ico_arrow_gray_down.png");
	background-repeat:no-repeat;
	background-size:15px;
	background-position:center bottom;
	overflow:hidden;
}

#recruit_career_area .recruit_case_area ul li:last-child{
	background-image:none;
}

#recruit_career_area .recruit_case_area ul li span{
	display:block;
	width:55%;
	margin:0 10px 10px 0;
	padding:15px 10px;
	font-size:15px;
	line-height:1.2;
	float:left;
}

#recruit_career_area .recruit_case_area ul li.ro01 span{
	background-color:#c8c1f0;
}

#recruit_career_area .recruit_case_area ul li.ro02 span{
	background-color:#c2f1c2;
}

#recruit_career_area .recruit_case_area ul li.ro03 span{
	background-color:#fee78c;
}

#recruit_career_area .recruit_case_area ul li.ro04 span{
	background-color:#a8d8f1;
}

#recruit_career_area .recruit_case_area ul li.ro05 span{
	background-color:#c1f1ec;
}

#recruit_career_area .recruit_case_area ul li.ro06 span{
	background-color:#fdb365;
}

#recruit_career_area .recruit_case_area ul li.ro07 span{
	background-color:#feaea5;
}

#recruit_career_area .recruit_case_area ul li.ro08 span{
	background-color:#d5fea5;
}

#recruit_recruiter_area{
	background-color:#fdf7f0;
	padding:60px 20px;
}

#recruit_recruiter_area>div img{
	width:50%;
	margin:0 0 20px 20px;
	float:right;
}

#recruit_recruiter_area p{
	margin:0 0 20px;
	text-align:justify;
	font-size:15px;
	line-height:1.7;
}

#recruit_recruiter_area p.catch{
	font-size:24px;
	line-height:1.4;
}

#recruit_recruiter_area a{
	margin:30px auto 0;
}
