﻿/* -----------------------------------------------------------
    reset
-------------------------------------------------------------- */
html {
	overflow-x: auto;
	overflow-y: scroll;
	font-size: 62.5%;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,div,dl,dt,dd,form,img,hr,table,tr,td,br,figure {
	margin: 0px;
	padding: 0px;
	border: none;
	font-style: normal;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 500;
	/*
	font-size: 1.6rem;
	*/
}

ul,ol,dl {
	list-style: none;
}


sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;    
}
 
sup {
    bottom: 1ex;
}
sub {
	/*
    top: .5ex;
	*/
}


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

    img.wide_img{
        width: 100%;
		max-width: 480px;
		height: auto;
		margin: 0 auto;
	}
    img.max_img{
        max-width: 100%;
	}

}

/* -----------------------------------------------------------
    body
-------------------------------------------------------------- */
body{
	margin:0 auto;
	padding:0;
	z-index: 1;
	line-height:1;
	font-size: 1.6rem;
	color:#444444;
	/*
	color:#444;
	font-family: josefin_sb, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	*/
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: 500;
		
	background:#FFF;
	-webkit-text-size-adjust: 100%;
	word-break:break-all;
}

#wrapper {
	width: 100%;
	height: 100%;
	min-width:1300px;
	margin: 0 auto;
	overflow: hidden;
	background:#FFF;
}
#wrapper.top_page {
	position: relative;
	z-index: 5;
}

.default_p{
	font-size:1.6rem;
	line-height: 1.8;
	color: #444444;
}

.tc_red{
	color:#ff0000;
}

@media screen and (max-width: 667px){
	#wrapper {
		width: 100%;
		height: 100%;
		min-width:100%;
		margin: 0 auto;
		overflow: hidden;
	}
	
	.sp_ma{
		margin:auto;
	}


	.default_p{
		line-height: 1.8;
	}
	.default_p.f15{
		font-size:1.5rem;
	}
	.default_p.txt_l{
		text-align: left;
	}
	
	
}


/* -----------------------------------------------------------
    link
-------------------------------------------------------------- */
a:link,
a:visited{
	color: #0066B7;
	text-decoration:none;

	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}
a:hover{
	color: #00B2E3;
	opacity: 0.8;
}
a.no_alpha:hover{
	opacity: 1.0;
}

::-moz-selection {
	/*
	color:#FFF;
	*/
	background:#DBF2E7;
}

.alpha a img{
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

.alpha a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.no_alpha a img{
	-webkit-transition:none;
	   -moz-transition:none;
	     -o-transition:none;
	        transition:none;
}
.no_alpha a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
}



/* -----------------------------------------------------------
    clear
-------------------------------------------------------------- */
.clear{
	height:0px;
	margin:0px;
	padding:0px;
	line-height:0px;
	clear:both;
	font-size:0px;
}

.clear_b{clear:both;}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix{
	zoom:1;
}
.clearfix{
	display:block;
}

.over{
	overflow: hidden;
}

/* End hide from IE-mac */ 



/* ページ内移動　ズレ対応 \*/

.page_anchor{
	/*
    padding-top: 110px;
    margin-top: -110px;
	*/
	position: relative;
	top: -110px;
	display: block;
}
.page_anchor.per{
	top: -210px;
}

@media screen and (max-width: 667px){
	
	.page_anchor{
		top: -80px;
	}
	.page_anchor.per{
		top: -80px;
	}
	
}




/* -----------------------------------------------------------
    Font
-------------------------------------------------------------- */

@font-face{
    font-family:'Akrobat Regular';
	src: url('../font/akrobat/Akrobat-Regular.woff') format('woff');
}
@font-face{
    font-family:'Akrobat Light';
	src: url('../font/akrobat/Akrobat-Light.woff') format('woff');
}
@font-face{
    font-family:'Akrobat SemiBold';
	src: url('../font/akrobat/Akrobat-SemiBold.woff') format('woff');
}
@font-face{
    font-family:'Akrobat Bold';
	src: url('../font/akrobat/Akrobat-Bold.woff') format('woff');
}
@font-face{
    font-family:'Akrobat ExtraBold';
	src: url('../font/akrobat/Akrobat-ExtraBold.woff') format('woff');
}
@font-face{
    font-family:'Akrobat ExtraBlack';
	src: url('../font/akrobat/Akrobat-Black.woff') format('woff');
}

@font-face{
	font-family: 'mushinregular';
	src: url('../font/mushin/mushin-webfont.woff2') format('woff2'),
		url('../font/mushin/mushin-webfont.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}


.akrobat{
    font-family: 'Akrobat Regular';
}
.akrobat_light{
	font-family:'Akrobat Light';
}
.akrobat_semibold{
    font-family: 'Akrobat SemiBold';
}
.akrobat_bold{
    font-family: 'Akrobat Bold';
}
.akrobat_extrabold{
    font-family: 'Akrobat ExtraBold';
}
.akrobat_black{
    font-family: 'Akrobat ExtraBlack';
}

.f_mushin {
	font-family: 'mushinregular';
}

.f_notosansjapanese {
	font-family: "Noto Sans Japanese";
}

.f_yumincho {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

.f-meirio{
	font-family: "メイリオ", Meiryo;
}

.f_con {
	display: inline-block;
    font-family:'condenseicon';
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.line_h_1_6{
	line-height: 1.6;
}


/* -----------------------------------------------------------
    btn
-------------------------------------------------------------- */

.btn{
	text-align:center;
}

/*
.btn a{
	display: block;
	width: 280px;
	height: auto;
	background-color:#0662B0;
	background-image: url(../img/btn_yazirusi.png);
	background-repeat: no-repeat;
	background-position: top 50% right 20px;
	background-size:8px;
	color: #ffffff;
	padding: 24px 20px;
	box-shadow:3px 3px 4px #DDD;
}
*/

.btn a {
	position: relative;
	z-index: 2;
	display: block;
	width: 280px;
	height: auto;
	background-color:#0662B0;
	background-image: url(../img/btn_yazirusi.png);
	background-repeat: no-repeat;
	background-position: top 50% right 20px;
	background-size:8px;
	color: #ffffff;
	padding: 24px 20px;
	box-shadow:3px 3px 4px #DDD;
}
.btn a:hover {
	background-color: #00AFDB;
	border-color: #00AFDB;
	opacity: 1;
}
.btn a::before,
.btn a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.btn a::before {
	right: 0;
}
.btn a::after {
	left: 0;
}
.btn a:hover::before,
.btn a:hover::after {
	width: 0;
	background-color: #0662B0;
}


.gr_btn{
	text-align: center;
}
.gr_btn a{
	margin: 0 auto;
	position: relative;
	display: block;
	width: 250px;
	height: auto;
	color: #444;
	border: 1px #D6DEE6 solid;
	padding: 22px 20px;
	box-shadow: 3px 3px #f5f5f5;
}
.gr_btn a:hover{
	border: 1px #0066B7 solid;
	background: #0066B7;
	color: #FFF;
}
.gr_btn a::after {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -11px;
	display: inline-block;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 2.0rem;
	color: #0066B7;
}
.gr_btn a:hover::after {
	color: #FFF;
}



@media screen and (max-width: 667px){
	.btn{
	}
	.btn a{
		width: auto;
		background-position: top 50% right 15px;
		background-size:8px;
		padding: 22px 15px;
	}
	
	
	.gr_btn{
		text-align: center;
	}
	.gr_btn a{
		width: auto;
		padding: 22px 15px;
	}
	.gr_btn a:hover{
	}
	.gr_btn a::after {
		right: 15px;
		margin-top: -11px;
		font-size: 1.8rem;
	}
	.gr_btn a:hover::after {
	}

}



/* -----------------------------------------------------------
    breadcrumbs
-------------------------------------------------------------- */

.breadcrumblist{
	font-size: 1.2rem;
	width: 1100px;
	margin: 0 auto;
	color: #66594C;
	clear: both;
	padding: 20px 0 60px 0;
	display: block;
}
.breadcrumblist.p0{
	padding:0;
}

.breadcrumblist.bottom{
	padding: 20px 0 35px 0;
}
.breadcrumblist a{
	color: #0662A5;
}
.breadcrumblist img{
	vertical-align: middle;
	padding: 2px 10px 0 10px;
	
}

@media screen and (max-width: 667px){
	.breadcrumblist{
		display: none;
	}
}


/* -----------------------------------------------------------
    Frame
-------------------------------------------------------------- */

.inner {
	width: 1100px;
	margin: 0 auto;
}

.inner2{
	width:960px;
	padding: 0 70px;
	margin: 0 auto;
}

.sub_inner {
	width: 1100px;
	margin: 0 auto;
	padding-bottom: 80px;
	margin-top: 50px;
	/*overflow: hidden;*/
	clear: both;
}
.sub_inner.bnr {
	padding-bottom: 30px;
}

.sub_inner2 {
	margin: 0 auto;
	/*overflow: hidden;*/
	clear: both;
	padding-bottom: 80px;
}
.sub_inner2.bnr {
	padding-bottom: 30px;
}

/*	 template   */

.contents_left {
	float: left;
	width: 790px;
}

.contents_right {
	float: right;
	width: 260px;
}



@media screen and (max-width: 667px){
	
	.wrap5{
        padding: 0 5px;
    }
	
    .wrap10{
        padding: 0 10px;
    }

    .wrap15{
        padding: 0 15px;
    }

    .wrap20{
        padding: 0 20px;
    }

    .wrap30{
        padding: 0 30px;
    }
	
	.inner,
	.inner2{
		width: 100%;
		margin: 0 auto;
	}
	
}


/* -----------------------------------------------------------
    Responsive
-------------------------------------------------------------- */

.pc_display{
}
.pc_display_b{
}

.sp_display{
	display: none;	
}
.sp_display_b{
	display:none;	
}

br.pc_br{
	display: inline;
}
br.sp_br{
	display: none;
}

@media screen and (max-width: 667px){
	
	.pc_display{
		display:none;
	}
	
	.pc_display_b{
		display:none;
	}
	
	.sp_display{
		display:inline;	
	}
	
	.sp_display_b{
		display:block;	
	}

	br.pc_br{
		display: none;
	}	
	br.sp_br{
		display: inline;
	}

}


/* -----------------------------------------------------------
    header
-------------------------------------------------------------- */
header{
	/*position:relative;*/
}
.header_pc_area{
	width: 100%;
	height: 100px;
	border-bottom: 1px #E8EEF2 solid;
	/*min-width: 1200px;*/
	background-color:#ffffff;
	position: relative;
}

.header_fixed{
	width: 100%;
	height: 100px;
	/*min-width: 1200px;*/
	position: fixed;
	z-index:999;
}

.rerative{
	position:relative;
}
.logo{
	width: 151px;
	position: absolute;
	left: 0;
	top:-30px;
}
.logo img{
	width: 151px;
}
.logo a{
	opacity: 1;
}

.sub_pc_gnavi{
	color: #ffffff;
	font-size: 1.2rem;
	font-weight: bold;
	transform: skewX(30deg);
	float: right;
	position: relative;
	top:-10px;
	margin-bottom: -10px;
}
.sub_pc_gnavi_span1{
	padding-right: 15px;
}
.sub_pc_gnavi_span2{
	padding-left: 15px;
}
.sub_pc_gnavi a{
	color: #ffffff;
}

.kazari_line{
	position: fixed;
	top:0px;
	left: 10px;
}
.kazari_line.r{
	top:25px;
	left: 97%;
}

.header_h1{
	height: 30px;
	font-weight: 500;
	padding: 8px 0;
	width:99%;
	background:linear-gradient(to right, #0007AC, #00E0F2);
	margin:0 auto;
	transform:skewX(-30deg);

}

.header_h1 h1{
	font-size: 1.2rem;
	color: #ffffff;
	margin-left: 114px;
	transform:skewX(30deg);
	padding-left: 50px;
}



/* -----------------------------------------------------------
    mega menu
-------------------------------------------------------------- */
#mega_menu {
	zoom: 1;
	width: 1100px;
	margin: auto;
}
#mega_menu:after {
	content: "";
	display: table;
	clear: both;
}
#mega_menu > ul > li {
	float: left;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
}
#mega_menu > ul > li:first-child{
	/* リクルート有
	padding: 0 0 0 145px;
	*/
	/* リクルート無　*/
	padding: 0 0 0 160px;
}
#mega_menu > ul > li.recruit_bg {
	float: right;
	width: 314px;
	background: url(../img/top_recruit_menubnr.png) no-repeat;
	margin-right: 0;
	margin-left: 5px;
}
#mega_menu > ul > li > a {
	display: block;
	/* リクルート有
	padding: 27px 19px 27px;
	*/
	/* リクルート無　*/
	padding: 27px 18px 27px;
	color: #545454;
}
#mega_menu > ul > li.recruit_bg > a {
	padding: 0;
	width: 314px;
	height: 69px;
}
#mega_menu > ul > li:first-child > a {
}
#mega_menu > ul > li > a:hover {
	color: #fff;
	background-color: #0662B0;
	opacity: 1;
}
#mega_menu > ul > li.recruit_bg > a:hover {
	background-color: transparent;
}

#mega_menu li ul {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	padding: 0 0 0 0;
	background: #0662B0;
}
#mega_menu li ul .menu_innerbox2 {
	width: 1250px;
	margin: 0 auto;
	padding: 30px 0;
}
#mega_menu li ul .menu_innerbox2.col4 {
	width: 1010px;
}
#mega_menu li ul .menu_innerbox2.col2 {
	width: 910px;
}
#mega_menu li ul .menu_innerbox2.col3 {
	width: 910px;
}

#mega_menu li ul .menu_innerbox2 ol {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.menu_innerbox2_list ol li{
}
.menu_innerbox2_list ol.col4 li{
}
#mega_menu li ul .menu_innerbox2.col2 ol {
	display: -webkit-flex;
    display: flex;
	-webkit-justify-content: flex-start;
    justify-content: flex-start;
}

#mega_menu li ul .menu_innerbox2.col3 ol {
	display: -webkit-flex;
    display: flex;
	-webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.menu_innerbox2_detail_name{
	width: 200px;
	min-height:50px;
	color: #0E2755;
	font-weight: 500;
	background-color: #ffffff;
	background-image: url(../img/pc_menu_icon.png);
	background-repeat: no-repeat;
	background-position: bottom 5px right 5px;
	padding: 10px 10px 10px 20px;
	position: relative;
	top:-30px;
	left: 10px;
	margin-bottom: -30px;
	margin-right: 10px;
	text-align: left;
}


.menu_innerbox2_detail_name span{
	display: table-cell;
	vertical-align: middle;
	height: 50px;
	line-height: 1.3;
}

/*
#mega_menu .active {
  color: white;
  background: #666;
}
*/



/* -----------------------------------------------------------
    footer-contact
-------------------------------------------------------------- */

.footer_line{
	width:99.5%;
 	height:8px;
	background:linear-gradient(to right, #0007AC, #00E0F2);
	 margin:0 auto;
	 transform:skewX(-30deg);	
}

.top_contact{
	width: 100%;
	background-color: #FFF;
}

.add_space{
	padding-right:20px;
}

.top_contact_list{
	padding-top:35px;
	width: 800px;
	float: left;
}
.top_contact_list li{
	float: left;
}
.top_contact_list1{
	width: 85px;
	margin-right: 30px;
}

.top_contact_list1 img{
	width: 85px;
}

.top_contact_list2{
	width: 350px;
	margin-right: 30px;
}

.top_contact_list3{
	margin-right: 35px;
	margin-left: 40px;
}
.top_contact_list4{
	width:300px;
	float:right;
}

.footer_contact_tel{
	font-size:2.8rem;
	color: #1d3557;
	font-family:'Akrobat SemiBold';
	padding-bottom: 10px;
}
.footer_contact_tel span{
	font-size:2.0rem;
	color: #0662b0;
	font-family:'Akrobat SemiBold';
	padding-right: 10px;
}
.footer_contact_uketuke{
	font-size:1.0rem;
	color: #666666;
}
.footer_contact_name{
	font-size:1.8rem;
	color: #444444;
	font-weight: 500;
	margin-bottom: 7px;
	margin-top: 5px;
}
.footer_contact_add{
	font-size:1.4rem;
	color: #666666;
	font-weight: 500;
	line-height: 1.5;
}

.mail_linkbtn{
	width:300px;
	line-height:1.3;
	font-weight:bold;
	text-align: center;
	float: left;
	background-image: url(../img/footer_mailbtn_bg.png);
	color: #ffffff;
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 1.5rem;
}
.mail_linkbtn img{
	width: 18px;
}

.mail_linkbtn a{
	color: #ffffff;
	display: block;
	height:120px;
	padding-top:52px;
	padding-left: 8px;
}

.mail_linkbtn span{
	padding-left: 10px;
	position: relative;
	top: -3px;
	margin-bottom: -3px;
}

@media screen and (max-width: 667px){
	
	
	.footer_line{
		background-image:url(../img/footer_line_sp.png);
		background-size: cover;
		width: 100%;
		height: 2px;
	}
	.add_space{
		padding-right:0;
	}
	.top_contact_list{
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}
	.top_contact_list li{
		float: none;
	}
	.top_contact_list1{
		width: 85px;
		margin-right: 0;
		text-align: center;
		margin: 0 auto 20px;
	}

	.top_contact_list1 img{
		width: 85px;
	}

	.top_contact_list2{
		width: 100%;
		margin-right: 0;
		margin-bottom:15px;
		text-align: center;
	}

	.top_contact_list3{
		width: 100%;
		margin-right: 0;
		margin-bottom:20px;
		text-align: center;
		margin-left: 0;
	}
	.top_contact_list3 img{
		width: 215px;
		margin: 0 0 0 -20px;
	}

	.top_contact_list4{
		width:280px;
		text-align: center;
		float: none;
		margin: auto;
	}
	
	.top_contact_list5{
		text-align: center;
		padding: 0 0 20px 0;
	}
	
	.top_contact_list5 img{
		width: 140px;
	}
	
	.footer_contact_tel{
		font-size:2.8rem;
		color: #1d3557;
		padding-bottom: 5px;
	}
	.footer_contact_tel span{
		font-size:2.0rem;
		color: #0662b0;
	}
	.footer_contact_uketuke{
		font-size:1.0rem;
		color: #666666;
	}

	.mail_linkbtn_sp{
		margin: auto;
		font-weight:bold;
		text-align: center;
		color: #ffffff;
		font-size: 1.5rem;
	}
	.mail_linkbtn_sp img{
		width: 18px;
		margin-right: 6px;
	}
	
	.mail_linkbtn_sp a{
		display: block;
		color: #ffffff;
		width:280px;
		background-color: #0066B7;
		padding: 22px 0;
		box-shadow:3px 3px 4px #DDD;
	}
	
	.top_contact_line{
		height: 3px;
		background-image: url(../img/top_contact_line_sp.png);
	}
	.top_contact{
		width: 100%;
		margin-top: -3px;
		background: #F5F7F9;
	}

	
	.footer_contact_add{
		line-height: 1.6;
	}
	
	
	.top_contact_tel{
		float: none;
		margin-top:20px;
		margin-right:0;
	}
	.top_contact_tel img{
		width: 245px;
	}
	.top_contact_img_bgsp{
		background-color:#F9F7F8;
		width:100%;
		height:114px;
	}
	.mail_linkbtn{
		margin-bottom:30px;
	}
	
	
}

/* -----------------------------------------------------------
    footer
	footer_link
-------------------------------------------------------------- */

.footer{
	width:100%;
	/*height: 280px;*/
	background-color: #2E3642;
	font-size: 1.4rem;
	display: block;
	font-weight: 500;
	
}

.footer a{
	color:#ffffff;
	
}
.footer_logo{
	padding-top: 5px;
	padding-bottom: 10px;
}

.footer_list1 li{
background-image: url(../img/footer_list_icon.png);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 20px;
}
.footer_inner{
	width: 1100px;
	height: auto;
	margin: auto;
	padding: 50px 0 40px 0;
}

.footer_box_cmn{
	width: 180px;
	margin-right: 40px;
	float: left;
	line-height: 1.4;
}
.footer_box_cmn.footer_box2{
	width: 140px;
}
.footer_box_cmn.footer_box3{
	width: 200px;
}
.footer_box_cmn.footer_box5{
	margin-right: 0;
}

.footer_list1{
	
	
}
.footer_list1 li{
	margin-bottom: 20px;
}
.footer_list1 li span{
	position: relative;
	top:-10px;
	margin-bottom: -10px;
	padding-left: 10px;
}

.footer_list2 li{
	background-image: url(../img/footer_list_icon2.png);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding-left: 19px;
	margin-bottom: 15px;
	margin-top: 12px;
}

.footer_link{
	background-color: #F9FDFB;
	border-top: 1px solid #CBE9CD;
	padding: 10px 0 10px 0;
}
.linkbnr{
	text-align: center;
}

/* page-top */
/* -----------------------------
    page top
-------------------------------- */
#page_top {
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index: 5;
}

#page_top a {
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 70px;
	background: #999;
	color: #fff;
	opacity: 0.85;
}

#page_top a:hover {
	opacity: 0.7;
}

#page_top a .fa {
	position: relative;
	top: 25px;
	left: 28px;
	font-size: 2rem;
	font: normal normal normal 14px/1 FontAwesome;
}


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

	#page_top {
		position: fixed;
		bottom: 2%;
		right: 5%;
		z-index: 99;
	}
	
	#page_top a {
		display: block;
		width: 50px;
		height: 50px;
		border-radius: 50px;
		background: #999;
		color: #fff;
		opacity: 0.85;
	}
	
	#page_top a:hover {
		opacity: 0.7;
	}
	
	#page_top a .fa {
		position: relative;
		top: 15px;
		left: 17px;
		font-size: 1.6rem;
	}
	

}


@media screen and (max-width: 667px){
	.footer{
		display: none;
	}
	.linkbnr img{
		width: 180px;
	}
	
}


/* -----------------------------------------------------------
    copyright
-------------------------------------------------------------- */
.copy{
	background-color:#232934;
	width: 100%;
	padding: 30px 0 30px 0;
	font-family:'Akrobat Regular';
}
.copy p{
	text-align: center;
	font-size: 1.4rem;
	color: #ffffff;
	line-height: 1.3;
	letter-spacing: 0.05em
}
@media screen and (max-width: 667px){
	.copy{
		background-image:url(../img/copy_bg_sp.jpg);
		height: 60px;
		padding: 13px 0 13px 0;
	}
}

/* -----------------------------
    common
-------------------------------- */

#main {
	position: relative;
	top: 0;
}

#contents{
	padding-top:100px;
}

.contents_left {
	float: left;
	width: 790px;
}

.contents_right {
	float: right;
	width: 260px;
}
.common_title{
	color: #444444;
	font-size: 2.0rem;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cccccc;
	background-image: url(../img/common_title_icon.png);
	background-repeat: no-repeat;
	background-position: top 2px left 15px;
	background-size: 15px;
	padding-left: 50px;
	line-height: 1.3;
	margin-top:50px;
}

.side_menu_list{
	margin-top:85px;
	
}
.side_menu_list li{
	border-top: 1px solid #cccccc;
	padding: 25px 0;
	color: #444444;
	padding-left:25px;
	
	background-image:url(../img/sidemenu_list.png);
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: center left;
	
}

.side_menu_list li:nth-last-child(1){
	border-bottom: 1px solid #cccccc;
}


.tc-1D3357{
	color: #1D3357;
}
.tc-71BAEA{
	color: #71BAEA;
}

.tc-1458A6{
	color: #1458A6;
}

.tc-3286CA{
	color:#3286CA;
}

.tc-1358A5{
	color:#1358A5;
}

.tc-0CB6E4{
	color:#0CB6E4;
}

.bg_gray{
	background-color: #F0F4F7;
}

.subpage_bg{
	background-color: #F0F4F7;
	width:100%;
	padding: 20px 0 120px 0;
}

.subpage_bg.bg_white{
	background-color: #ffffff;
}

.subpage_bg.pb0{
	padding: 20px 0 0 0;
}

.subpage_bg2{
	background-color: #ffffff;
	width:100%;
	padding: 60px 0;
}



.lineheight1_5{
	line-height:1.5;
}
.lineheight1_8{
	line-height:1.8;
}
.list_disc{
	list-style-type: disc;
	margin-left:20px;
}

.bold{
	font-weight:bold;
}

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

	#main {
		position: relative;
		top: 0;
	}
	
	#contents{
		padding-top:60px;
	}
	#contents.sub_nav{
		padding-top:100px;
	}

	.contents_left {
		float: none;
		width: auto;
		padding: 0;
	}

	.contents_right {
		float: none;
		width: auto;
		padding: 0;
	}
	
	#company .contents_right {
		display: none;
	}
	
	.common_title{
		font-size: 1.6rem;
		margin-bottom: 20px;
		background-position: top 4px left 10px;
		background-size: 12px;
		padding-left: 40px;
		margin-top:20px;
	}

	.subpage_bg{
		padding: 25px 0 35px 0;
		
	}
	

	.subpage_bg2{
		padding: 35px 0;
	}

}




/* -----------------------------------------------------------
    common_subpage_title
-------------------------------------------------------------- */

.sub_catch_bg {
	width:100%;
	min-height:340px;
	background-size: cover;
	padding-top:110px;
}

.sub_catch_bg.products_bg{
	background:url(../img/products_title_bg.jpg) #EAECED no-repeat right center;
}
.sub_catch_bg.about_bg{
	background:url(../img/about_title_bg.jpg) no-repeat right bottom;
	min-height:1080px;
	padding-top:70px;
	background-size: cover;
}
.sub_catch_bg.recruit_bg{
	background:url(../img/recruit_title_bg.jpg) #F0F4F7 no-repeat center top;
	min-height:680px;
	padding-top:0;
	background-size: 100% auto;
}

.sub_catch_bg.recruit_flow_bg{
	background:url(../img/flow_title_bg.jpg) #DBDDDE no-repeat left top;
}
.sub_catch_bg.recruit_app_bg{
	background:url(../img/app_title_bg.jpg) #D9DADD no-repeat left top;
}

.sub_catch_bg.datebase_bg{
	background:url(../img/datebase_title_bg.jpg) no-repeat center top;
	background-size: cover;
}
.sub_catch_bg.tra_bg{
	background:url(../img/tra_title_bg.jpg) no-repeat center top;
	background-size: cover;
}
.sub_catch_bg.career_bg{
	background:url(../img/career_title_bg.jpg) no-repeat left top;
	background-size: cover;
}
.sub_catch_bg.schedule_bg{
	background:url(../img/schedule_title_bg.jpg) no-repeat right top;
	background-size: cover;
}
.sub_catch_bg.interview_top_bg{
	background:url(../img/interview_title_bg.jpg) no-repeat center top;
	background-size: cover;
}



.sub_catch_bg.afterservice_bg{
	background:url(../img/after_title_bg.jpg) #E3E5EA no-repeat right center;
}

.sub_catch_bg.contribution_bg{
	background:url(../img/contribution_title_bg.jpg) #E3E5EA no-repeat right center;
}

.sub_catch_bg.chc_bg{
	background:url(../img/chc_title_bg.jpg) #D3E5FC no-repeat left top;
}
.sub_catch_bg.chc_bg img{
	margin: 0 0 0 30%;
}

.sub_catch_bg.compnay_top_bg{
	background:url(../img/company_title_bg.jpg) no-repeat center center;
	background-size: cover;
}
.sub_catch_bg.mission_bg{
	background:url(../img/mission_title_bg.jpg) #000 no-repeat center center;
}

.sub_catch_bg.contact_bg{
	background:url(../img/contact_title_bg.jpg) #EAECED no-repeat left top;
}
.sub_catch_bg.sitemap_bg{
	background:url(../img/sitemap_title_bg.jpg) no-repeat right bottom;
	background-size: cover;
}
.sub_catch_bg.privacy_bg{
	background:url(../img/privacy_title_bg.jpg) no-repeat center center;
	background-size: cover;
}
.sub_catch_bg.news_bg{
	background:url(../img/news_title_bg.jpg) no-repeat center bottom;
	background-size: cover;
}

.sub_catch_bg.entry_bg{
	background:url(../img/entry_title_bg.jpg) no-repeat left top;
	background-size: cover;
}


.sub_catch{
    background-image:url(../img/line_icon.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    color: #0066B7;
    font-size: 5.6rem;
    text-align: center;
    padding-top:30px; 
	padding-bottom: 10px;
	font-family:'Akrobat Light';
    letter-spacing: 0.1em;
}
.sub_catch.no_line{
    background-image:none;
    font-size: 4.0rem;
    padding-top:0; 
	padding-bottom: 10px;
	/*color: #1D3457;*/
}
.sub_catch.ja{
    background-size: 19px auto;
    font-size: 2.8rem;
    padding-top:35px;
	padding-bottom: 0;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    letter-spacing: 0.05em;
	line-height: 1.4;
}

.sub_catch2{
     color: #54667F;
    font-size: 1.6rem;
    text-align: center;
	letter-spacing: 0.1em;
	font-weight: 500;
}
.sub_catch2.bl{
	/*font-size: 1.8rem;*/
}

.sub_catch3{
    color: #1d3457;
    font-size: 2.0rem;
    font-weight: 500;
    text-align: center;
	line-height: 1.6;
	margin-bottom: 20px;
	display: block;
}

.sub_readtext{
	color: #444444;
	padding-bottom: 40px;
	text-align: center;
}


.p_space{
	padding-bottom: 20px;
}

.tc_66594C{
	color:#66594C;
}
.fs15{
	font-size:1.5rem;
}

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

	.sub_catch_bg{
		width:100%;
		min-height:120px;
		padding-top:25px;
		margin-bottom: 30px;
	}
	
	.sub_catch_bg.products_bg{
		background:url(../img/products_title_bg_sp.jpg) #D6D9DC no-repeat right center;
		background-size: auto 120px;
	}
	
	.sub_catch_bg.about_bg{
		background:none;
		min-height:inherit;
		padding-top:0;
	}
	.sub_catch_bg.recruit_bg{
		background:none;
		min-height:inherit;
		padding-top:0;
		margin-bottom: 0;
	}
	.sub_catch_bg.recruit_flow_bg{
		background:url(../img/flow_title_bg_sp.jpg) #D6D9DC no-repeat left top;
		background-size: auto 120px;
	}
	.sub_catch_bg.recruit_app_bg{
		background:url(../img/app_title_bg_sp.jpg) #D6D9DC no-repeat left top;
		background-size: auto 120px;
	}
	
	.sub_catch_bg.datebase_bg{
		background:url(../img/datebase_title_bg_sp.jpg) no-repeat left top;
		background-size: cover;
	}
	.sub_catch_bg.tra_bg{
		background:url(../img/tra_title_bg_sp.jpg) no-repeat left top;
		background-size: cover;
	}
	.sub_catch_bg.career_bg{
		background:url(../img/career_title_bg_sp.jpg) no-repeat left top;
		background-size: cover;
	}
	.sub_catch_bg.schedule_bg{
		background:url(../img/schedule_title_bg_sp.jpg) no-repeat right top;
		background-size: cover;
	}
	.sub_catch_bg.interview_top_bg{
		background:url(../img/interview_title_bg_sp.jpg) no-repeat center top;
		background-size: cover;
	}
	
	
	.sub_catch_bg .about_bg_sp{
		background:url(../img/about_title_bg_sp.jpg) no-repeat right top;
		background-size: cover;
		min-height:120px;
		padding-top:25px;
		margin-bottom: 30px;
	}
	.sub_catch_bg.afterservice_bg{
		background:url(../img/after_title_bg_sp.jpg) #E3E5EA no-repeat right top;
		background-size: auto 120px;
	}
    .sub_catch_bg.contribution_bg{
		background:url(../img/contribution_title_bg_sp.jpg) #E3E5EA no-repeat right top;
		background-size: auto 120px;
	}
	.sub_catch_bg.chc_bg{
		background:none;
		
		width:100%;
		min-height:120px;
		padding-top:0;
		margin-bottom: 30px;
		text-align: center;
	}
	.sub_catch_bg.chc_bg img{
		width: 100%;
		max-width: 480px;
		margin: 0;
	}
	
	
	.sub_catch_bg.compnay_top_bg{
	}
	.sub_catch_bg.mission_bg{
		background-size: cover;
	}
	
	.sub_catch_bg.contact_bg{
		background:url(../img/contact_title_bg_sp.jpg) #D6D9DC no-repeat left top;
		background-size: auto 120px;
	}
	.sub_catch_bg.sitemap_bg{
		background:url(../img/sitemap_title_bg_sp.jpg) no-repeat right bottom;
		background-size: cover;
	}
	.sub_catch_bg.privacy_bg{
		background:url(../img/privacy_title_bg_sp.jpg) no-repeat center center;
		background-size: cover;
	}
	.sub_catch_bg.news_bg{
		background:url(../img/news_title_bg_sp.jpg) no-repeat right bottom;
		background-size: cover;
	}
	
	.sub_catch_bg.entry_bg{
		background:url(../img/entry_title_bg_sp.jpg) no-repeat left top;
		background-size: cover;
	}

	.sub_catch{
		background-size: 10px auto;
		font-size: 3.0rem;
		text-align: center;
		padding-top:15px; 
		color: #ffffff;
		padding-bottom: 5px;
		font-family:'Akrobat Regular';
	}
	.sub_catch.no_line{
		background-image:none;
		font-size: 2.4rem;
		padding-bottom: 5px;
		color: #0066B7;
	}
	
	.sub_catch.ja{
		background-size: 16px auto;
		color: #0066B7;
		font-size: 2.8rem;
		padding-top:25px;
		padding-bottom: 0;
	}
	
	
	.sub_catch2{
		font-size: 1.5rem;
		margin-bottom:30px;
		font-weight: bold;
		color: #ffffff;
	}
	.sub_catch2.bl{
		color: #54667F;
		font-weight: 500;
		margin-bottom:0;
	}

	.sub_catch3{
		font-size: 1.8rem;
		font-weight: 500;
		color:#0066B7;
		line-height: 1.5;
		display: none;
	}

}



/* -----------------------------------------------------------
    アニメーション系
-------------------------------------------------------------- */
.tracking-in-contract {
	-webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
@-webkit-keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: 0.1em;
    opacity: 1;
  }
}
@keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: 0.1em;
    opacity: 1;
  }
}


.slide-top {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}



/* -----------------------------------------------------------
    矢印付きテキストリンク
-------------------------------------------------------------- */

.next_link {
	font-size: 1.5rem;
	text-align: right;
	letter-spacing: 0.05em;
}
.next_link a:link,
.next_link a:visited{
	color: #444;
	display:inline-block;
	padding: 5px;
}
.next_link a:hover{
	color: #0662a5;
}
.next_link a::before {
	display: inline-block;
	margin: 0 10px 0 0;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 1.6rem;
	color: #0662a5;
}


.next_link.r_arrow {
	text-align: center;
}
.next_link.r_arrow a:link,
.next_link.r_arrow a:visited{
	padding: 5px 28px 6px 5px;
	background:url(../img/common_list_icon2.png) no-repeat right 3px;
	background-size: 18px auto;
}
.next_link.r_arrow a:hover{
}
.next_link.r_arrow a::before {
	display: none;
}

@media screen and (max-width: 667px){
	
	.next_link.r_arrow {
	}
	.next_link.r_arrow a:link,
	.next_link.r_arrow a:visited{
		padding: 5px 20px 5px 5px;
		background-size: 15px auto;
	}
	
}



.back_link {
	font-size: 1.5rem;
	text-align: left;
	letter-spacing: 0.05em;
}

.back_link a:link,
.back_link a:visited{
	color: #545454;
	display:inline-block;
	padding: 5px;
}
.back_link a:hover{
	color: #0662a5;
}

.back_link a::before {
	display: inline-block;
	margin: 0 10px 0 0;
	content: "\f104";
	font-family: FontAwesome;
	font-size: 1.6rem;
	color: #0662a5;
}




/* -----------------------------------------------------------
    pager
-------------------------------------------------------------- */

.pager_area {
	text-align: center;
	font-size: 1.4rem;
	clear: both;
	padding-top: 55px;
}


.number {
	display: inline-block;
	margin: 0 3px;
}	

.pager_area a,
.pager_area b {
	display: inline-block;
	padding: 10px 15px 12px;
	margin: 0 3px;
}

.pager_area a {
	border: 1px solid #DDD;
	background: #FFF;
	color: #4cae55;
}

.pager_area a:hover {
	background: #FFF;
	color: #4cae55;
}

.pager_area .current {
	font-weight: normal;
	background: #4cae55;
	border: 1px solid #4cae55;
	color: #fff;
	display: inline-block;
	padding: 10px 15px 12px;
	margin: 0 3px;
}

.news_detail_title{
	/*
	border-top:3px solid #BFB383;
	border-bottom:1px solid #BFB383;
	padding: 25px 0 15px 0;
	font-weight: 500;
	color: #4cae55;
	margin-bottom: 30px;
	font-size:25px;
	*/
	margin-top: 0;
	padding: 0 0 0 50px;
	color: #35190a;
	margin-bottom: 40px;
	font-size:3.0rem;
	font-family: "Sawarabi Mincho";
	background: url(../img/title_icon.png) no-repeat left 8px;
	background-size: 34px auto;
	letter-spacing: 0.05em;
	/*
	background: url(../img/top_exh_bg.jpg) repeat left top;
	border-top: 3px solid #BFC04E;
	border-bottom: 2px solid #BFC04E;
	*/
}
.news_detail_title.eve{
	margin-top:0;
	padding: 0 0 0 0;
	margin-bottom: 15px;
	font-size:3.2rem;
	background: none;
}


@media screen and (max-width: 667px){
	
	.pager_area {
		padding-top: 40px;
	}
	
	.news_detail_title{
		margin-top: 0;
		padding: 0 0 0 35px;
		margin-bottom: 25px;
		font-size:2.2rem;
		background: url(../img/title_icon.png) no-repeat left 5px;
		background-size: 24px auto;
	}
	.news_detail_title.eve{
		margin-top:0;
		padding: 10px 0 0 0;
		font-size:2.2rem;
		margin-bottom: 10px;
		background: none;
	}
	
	
}


/* -----------------------------------------------------------
    一覧
-------------------------------------------------------------- */
.scale_up {
	width: 480px;
	height: 248px;
	overflow: hidden;
}
.scale_up img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
	width: 480px;
}
.scale_up img:hover {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(.07);
    transform: scale(1.07);
}

.common_h3{
	font-size: 2.6rem;
	line-height: 1.6;
	color: #0066B7;
	font-weight: 500;
	text-align: center;
	margin-bottom: 30px;
	letter-spacing: 0.1em;
}

.common_h3_p{
	font-size: 1.6rem;
	line-height: 1.8;
	text-align: center;
}


.common_list{
	margin-top: 25px;
}

.common_list li{
	float: left;
	width: 480px;
	margin-top: 60px;
	margin-left: 40px;
	box-shadow: 3px 3px 8px #EEE;
}
.common_list li:nth-child(2n){
	float: right;
	margin-right: 40px;
	margin-left: 0;
}

.common_list li:nth-child(2n+1){
	clear: both;
}


/*
.common_list li:nth-last-child(-n+2){
	margin-bottom: 0;
}
*/

.common_listbox{
	width: 480px;
	background-color: #ffffff;
	position: relative;
	padding: 40px 40px 80px 40px;
	background-image: url(../img/common_list_icon.png);
	background-repeat: no-repeat;
	background-position: center 88%;
	background-size: 30px;
}

.common_listbox_icon{
	position: absolute;
	top:-15px;
	right: 225px;
}

.common_listbox_icon img{
	width: 30px;
}

.common_list_h4{
	font-size: 2.4rem;
	line-height: 1.3;
	color: #0066B7;
	font-weight: 500;
	text-align: center;
	margin-bottom: 10px;
	letter-spacing: 0.05em;
}

.common_list_p{
	font-size: 1.7rem;
	line-height: 1.6;
	color: #54667F;
	text-align: center;
}

.common_list_p_sub{
	font-size: 1.4rem;
	line-height: 1.6;
	color: #777;
	text-align: left;
	padding: 15px 0 0 0;
}
.common_list_p_sub.sub{
	font-size: 1.2rem;
	padding: 5px 0 0 0;
}

.common_list_p_sub sup {
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
	margin: 0 5px 0 0;
}

@media screen and (max-width: 667px){
	.scale_up {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.scale_up img {
		-moz-transition: -moz-transform 0.5s linear;
		-webkit-transition: -webkit-transform 0.5s linear;
		-o-transition: -o-transform 0.5s linear;
		-ms-transition: -ms-transform 0.5s linear;
		transition: transform 0.5s linear;
		width: 100%;
	}
	.scale_up img:hover {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	.common_h3{
		font-size: 2.0rem;
		line-height: 1.5;
		margin-bottom: 15px;
	}

	.common_h3_p{
		text-align: center;
	}
	.common_h3_p.l{
		text-align: left;
	}
	.common_list{
		margin-top: 0;
	}

	.common_list li{
		float: none;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-left: 0;
	}

	.common_list li:nth-child(2n){
		float: none;
		margin-right: 0;
	}
	.common_list li:nth-child(2n+1){
		clear: inherit;
	}
	
	/*
	.common_list li:nth-last-child(2){
		margin-bottom: 30px;
	}
	
	.common_list li:nth-last-child(1){
		margin-bottom: 0;
	}
	*/

	.common_listbox{
		width: 100%;
		padding: 20px 15px 25px 15px;
		background-position: right 10px bottom 10px;
		background-size: 20px;
	}

	.common_listbox_icon{
		position: absolute;
		top:-10px;
		right: 50%;
		width: 20px;
		padding-left:10px;
	}

	.common_listbox_icon img{
		width: 20px;
	}

	.common_list_h4{
		font-size: 2.0rem;
		line-height: 1.3;
		margin-bottom: 5px;
	}

	.common_list_p{
		font-size: 1.4rem;
		line-height: 1.6;
	}
	
	.common_list_p_sub{
		display: none;
	}
	.common_list_p_sub.sub{
		display: none;
	}

}




/* -----------------------------------------------------------
    働く環境リンクエリア
-------------------------------------------------------------- */
.top_recruit{
	width: 100%;
    background-color: #e3e8ec;
	margin-top:80px;
}

.top_recruit_inner{
    width: 1100px;
    background-image:url(../img/top_recruit_bg2.jpg);
	background-position:top center;
    background-repeat: repeat-y;
    margin: auto;
	padding-bottom: 50px;
}

.recruit_line_sp{
	background-image: url(../img/recruit_border_sp.png);
	background-size:100% auto;
	width: 100%;
	height: 12px;
}


.top_recruit_box{
	width:100%;
	height:680px;
	/*
	background-image:url(../img/top_recruit_bg.jpg);
	background-size: cover;
	float: left;
	*/
	position: relative;
	top:-80px;
}
.top_recruit_box .recruit_slide{
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	width:95%;
	margin: 0 5% 0 0;
	height: 680px;
}

.top_recruit_box .inner{
	position: relative;
}

.kazari_yazirusi{
	position: relative;
	top:-240px;
	margin-bottom: -240px;
	float: right;
	display: block;
}

.top_recruit_title1{
	font-size:1.8rem;
	margin-bottom: 50px;
	margin-top:60px;
	padding-top:0;
	font-style: italic;
}

.top_recruit_box .catch{
	text-align: right;
}

.top_recruit_text{
	/*color: #13143F;*/
	color: #1D3557;
	font-weight: bold;
	line-height: 1.6;
	padding: 20px 0 0 470px;
}


.top_recruit_box .btn.pc{
	padding: 30px 0 0 470px;
}


.top_recruit_title2{
	font-size:6.0rem;
	padding: 70px 0 0 440px;
	font-family: 'Akrobat Regular';
	letter-spacing: 0.1em;
}

.top_recruit_title3{
	font-size:4.0rem;
	margin-bottom: 20px;
	color: #1D3457;
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 500;
	font-style: italic;
	line-height: 1.2;
}



.top_recruit_title4{
	font-weight:bold;
	color: #1D3557;
	padding: 5px 0 20px 440px;
	
}


.top_culture_box{
	clear:both;
	margin-top: -80px;
	padding-top: 70px;
}
.top_culture_list{
	margin-top: 40px;
	margin-bottom: 50px;
	color: #ffffff;
}
.top_culture_list li{
	float:left;
	width:272px;
	height: 250px;
	margin-bottom: 4px;
	position: relative;
}
.top_culture_list li{
	float:left;
	width:272px;
	height: 250px;
	margin-bottom: 4px;
	position: relative;
}
.top_culture_list li a{
	color:#ffffff;
	display: block;
	width: 272px;
	height: 250px;
}
/*.top_culture_list li:nth-child(5) a{
	width: 1100px;
	height: 200px;
}*/
.top_culture_list li a{
	width: 1100px;
	height: 200px;
}
.top_culture_list li a:hover{
	color:#00D6EF;
}

/*.top_culture_list li:nth-child(1){
	background-image: url(../img/top_culture_img1.jpg);
	margin-right:4px;
}
.top_culture_list li:nth-child(2){
	background-image: url(../img/top_culture_img2.jpg);
	margin-right:4px;
}
.top_culture_list li:nth-child(3){
	background-image: url(../img/top_culture_img3.jpg);	
	margin-right:4px;
}
.top_culture_list li:nth-child(4){
	background-image: url(../img/top_culture_img4.jpg);
	margin-right:0;
}
.top_culture_list li:nth-child(5){
	width: 100%;
	height: 200px;
	margin-right:0;
	margin-bottom: 30px;
	background-image: url(../img/top_culture_img5.jpg);
}*/
.top_culture_list li{
	width: 100%;
	height: 200px;
	margin-right:0;
	margin-top: 50px;
	margin-bottom: -40px;
	/*
	background-image: url(../img/top_culture_img5.jpg);
	*/
	background-image: url(../img/top_culture_img5.jpg);
}

.top_culture_list  h4{
	font-size: 2.8rem;
	line-height: 1.0;
	text-align: center;
	padding-top: 100px;
	font-family:'Akrobat Regular';
	/*font-family:'Akrobat Light';*/
	letter-spacing: 0.15em;
	
}

.top_culture_list h4.style2{
	padding-top: 75px;
}

.top_culture_list h4 span{
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: bold;
	letter-spacing: 0.05em;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.top_culture_list5 h4{
	padding-top: 80px;
}
.top_culture_list6 h4{
	padding-top: 50px;
}

.top_culture_yazirusi{
	width: 30px;
	position: absolute;
	right:10px;
	bottom:10px;
}

.top_recruit_yazirusi{
		display:none;
	}


@media screen and (max-width: 667px){
	.top_recruit{
		width: 100%;
		background-color: #ffffff;
		margin-top:20px;

	}
	.top_recruit .btn{
		margin: 0 auto;
	}
	.top_recruit_inner{
		width: 100%;
		padding-bottom: 0;
		padding-top: 30px;
		position: relative;
		background-image:url(../img/top_recruit_bg2.jpg);
		background-size: 100% auto;
	}
	.recruit_line_sp{
		height: 10px;
	}

	.top_recruit_box{
		width:100%;
		height:auto;
		float: none;
		margin-bottom:20px;
		
		background:linear-gradient(to bottom, #E3F0FB, #FFF);
		
	}
	
	.top_recruit_sp_slide{
		width:100%;
		position: relative;
		padding: 40px 0 0 0;
	}
	.top_recruit_sp_slide .recruit_slide_sp{
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		width:100%;
		height: 180px;
	}
	.top_recruit_sp_slide .catch_img{
		text-align: right;
		position: relative;
	}
	.top_recruit_sp_slide .catch_img img{
		width: 250px;
	}
	.top_recruit_sp_slide .btn{
		position: relative;
		margin: -5px 20px 0 20px;
	}
	
	
	.kazari_yazirusi{
		display: none;
	}


	.top_recruit_title1{
		font-size:1.8rem;
		font-weight: 800;
		margin-bottom: 10px;
		margin-top: 0;
		font-family: 'Akrobat SemiBold';
		padding-top:55px;
		text-align: center;
	}

	.top_recruit_text{
		color: #31404C;
		font-weight: 500;
		line-height: 1.6;
	}

	.top_recruit_title2{
		font-size:3.0rem;
		margin-bottom: 0;
		margin: 0 -10px 0 -10px;
		padding: 20px 0 0 0;
		text-align: center;
	}
	.top_recruit_title2 .tc-1D3357{
		color: #1358A5;
	}

	.top_recruit_title3{
		font-size:2.3rem;
		margin-top: 30px;
		margin-bottom: 35px;
		line-height: 1.2;
	}
	.top_recruit_title3_2{
		font-size:2.7rem;
	}
		
	.top_recruit_title4{
		text-align: center;
		font-size: 1.5rem;
		margin-bottom: 0;
		letter-spacing: 0.05em;
		padding: 0 0 20px 0;
	}

	.top_recruit_box .btn{
		position:relative;
		top:25px;
	}
	
	.top_recruit_yazirusi{
		display:block;
	}
	.top_recruit_yazirusi img{
		width:40px;
		position: relative;
		top:0;
		left: 50%;
		margin-left: -20px;
	}
	.top_culture_box{
		clear:both;
		padding-top: 0;
		margin-top: 0;
	}
	
	.top_culture_list{
		margin-top:20px;
		margin-bottom: 20px;
		margin-left: 0;
	}
	.top_culture_list li{
		float:left;
		width:48.5%;
		height: 144px;
		margin-bottom: 1%;
	}
	/*.top_culture_list li:last-child{
		width:100%;
		height: 120px;
	}*/
	.top_culture_list li{
		width:100%;
		height: 120px;
	}
	.top_culture_list li a{
		width: auto;
		height: 100%;
	}
	/*.top_culture_list li:nth-child(5) a{
		width: auto;
		height: 100%;
	}*/
	
/*	.top_culture_list li:nth-child(2n+1){
		clear: both;
	}
	.top_culture_list li:nth-child(1){
		background-image: url(../img/top_culture_img1_sp.jpg);
		background-size: cover;
		margin-left: 1%;
		margin-right: 1%;
	}
	.top_culture_list li:nth-child(2){
		background-image: url(../img/top_culture_img2_sp.jpg);
		background-size: cover;
		margin-left: 0;
		margin-right: 1%;
	}
	.top_culture_list li:nth-child(3){
		background-image: url(../img/top_culture_img3_sp.jpg);
		background-size: cover;
		margin-left: 1%;
		margin-right: 1%;
	}
	.top_culture_list li:nth-child(4){
		background-image: url(../img/top_culture_img4_sp.jpg);
		background-size: cover;
		margin-left: 0;
		margin-right: 1%;
	}
*/	
/*	.top_culture_list li:nth-child(5){
		width: 98%;
		height: 120px;
		background-image: url(../img/top_culture_img5_sp.jpg);
		background-size: cover;
		margin:0 1% 30px 1%;
	}*/
	.top_culture_list li{
		width: 98%;
		height: 120px;
		background-image: url(../img/top_culture_img5_sp.jpg);
		background-size: cover;
		margin:0 1% 30px 1%;
	}
	

	.top_culture_list h4{
		font-size: 1.8rem;
		line-height: 1.2;
		text-align: center;
		padding: 50px 0 0 0;
		font-family:'Akrobat SemiBold';
	}
	.top_culture_list h4.style2{
		padding-top: 0;
		padding: 35px 0 0 0;
	}
	
	.top_culture_list h4 span{
		font-size: 1.3rem;
		line-height: 1.2;
	}

	.top_culture_list5 h4{
		padding-top: 40px;
	}
	
	.top_culture_yazirusi{
		width: 24px;
		position: absolute;
		right:5px;
		bottom:5px;
	}

}




/* -----------------------------------------------------------
    下層リクルートリンクエリア
-------------------------------------------------------------- */
.low_foot_recruit_area{
	background:url(../img/low_foor_recruit_bg.jpg) no-repeat center top;
	background-size: cover;
	min-height: 640px;
	text-align: center;
}

.low_foot_recruit_area .title_img{
	padding: 280px 0 40px 0;
}

.low_foot_recruit_area .btn{
	font-weight: bold;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
}
.low_foot_recruit_area .btn a{
	margin: 0 auto;
	
	width: 350px;
	padding: 30px 20px;
}


@media screen and (max-width: 667px){
	
	
	.low_foot_recruit_area{
		background:url(../img/low_foor_recruit_bg.jpg) no-repeat center top;
		background-size: auto 200px;
		min-height: inherit;
	}

	.low_foot_recruit_area .title_img{
		padding: 90px 5px 40px 5px;
	}

	.low_foot_recruit_area .btn{
		font-size: 1.6rem;
		letter-spacing: 0.05em;
		margin: 0 20px 60px 20px;
	}
	.low_foot_recruit_area .btn a{
		margin: 0 auto;

		width: auto;
		padding: 22px 15px;
	}
	
}

/*20231204 追加*/
.top_contact_list3 span.tel-date {
	font-size: 1.4rem;
	line-height: 1.5;
}




