@charset "utf-8";
/* CSS Document */
.bold{	font-weight:bold!important;}
.small{font-size:0.8em!important;}
.medium{font-size:1.3em!important; line-height:1.5em;}
.large{font-size:1.5em!important;line-height:1.6em;}
.large2{font-size:1.8em!important;line-height:1.8em;}
.large3{font-size:2.0em!important;line-height:2.0em;}
.large4{font-size:2.4em!important;line-height:2.8em;}
.large5{font-size:2.8em!important;line-height:2.8em;}
.center{text-align:center !important;}
.a_left{text-align:left !important;}
.a_right{text-align:right !important;}
.m_center{margin: 0 auto;}
.center_flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.mb_5{margin-bottom:5px!important;}
.mb_10{margin-bottom:10px!important;}
.mb_20{margin-bottom:20px!important;}
.mb_30{margin-bottom:30px!important;}
.mb_35{margin-bottom:35px!important;}
.mb_40{margin-bottom:40px!important;}
.mb_50{margin-bottom:50px!important;}
.mb_60{margin-bottom:60px!important;}
.mb_70{margin-bottom:70px!important;}
.mb_80{margin-bottom:80px!important;}
.mb_90{margin-bottom:90px!important;}
.mb_100{margin-bottom:100px!important;}

.ml_10{margin-left:10px;}

.f_left{float:left;}
.f_right{float:right;}
.clear{clear:both;}

.c_pink{color: #FF5F93!important;}
.c_skyblue{color: #15B1FF!important;}
.c_blue{color: #1176D8!important;}
.c_white{color: #FFF!important;}
.c_black{color: #000!important;}

.yellow_line {
	display: inline-block;
	position: relative;
	z-index: 1;
}
.yellow_line::after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    width: 100%;
    height: 8px;
    margin-bottom: 5px;
    background-color: #FFFF00;
}

.bg_gray{
	background-color: #E6E6E6;
}

.bg_gray2{
	background-color: #F3F3F3;
}

.box_gray{
	background-color: #F3F3F3;
	padding: 20px;
}

.box_white{
	background-color: #FFF;
	padding: 20px;
}

.img-circle {
    border-radius: 50%;
}

.tel_c{
	widcth:100%;
	max-width: 400px;
	margin:40px auto;
	border:4px solid rgba(17,118,216,.5);
	background-color: rgba(255,255,255,0.5);
	padding:30px;
	border-radius: 15px;
}


.border_std{
	border-bottom: 1px solid #1A1A1A;
}

.border_gray{
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}

.border_blue{
	border-bottom: 1px solid #1176D8;
	margin-bottom: 10px;
}

.column_2_50_50{width:100%;}
.column_2_50_50 .left{width:50%; float:left; padding:10px;}
.column_2_50_50 .right{width:50%; float:right; text-align:left;	padding:10px;}
@media screen and (max-width: 767px) {
	.column_2_50_50 .left{width:100%; float:none;}
	.column_2_50_50 .right{width:100%; float:none;}
}

.column_2_30_70{width:100%;}
.column_2_30_70 .left{width:30%; float:left; padding:5px;}
.column_2_30_70 .right{width:70%; float:right; text-align:left;	padding:5px;}
@media screen and (max-width: 767px) {
	.column_2_30_70 .left{width:100%; float:none;}
	.column_2_30_70 .right{width:100%; float:none;}
}

.column_2_70_30{width:100%;}
.column_2_70_30 .left{width:70%; float:left; padding:5px;}
.column_2_70_30 .right{	width:30%; float:right; text-align:left; padding:5px;}
@media screen and (max-width: 767px) {
	.column_2_70_30 .left{width:100%; float:none;}
	.column_2_70_30 .right{width:100%; float:none;}
}

.column_2_60_40{width:100%;}
.column_2_60_40 .left{width:60%; float:left; padding:5px;}
.column_2_60_40 .right{width:40%; float:right; text-align:left;	padding:5px;}
@media screen and (max-width: 767px) {
	.column_2_60_40 .left{width:100%; float:none;}
	.column_2_60_40 .right{width:100%; float:none;}
}

.column_2_40_60{width:100%;}
.column_2_40_60 .left{width:40%; float:left; padding:5px;}
.column_2_40_60 .right{width:60%; float:right; text-align:left;	padding:5px;}
@media screen and (max-width: 767px) {
	.column_2_40_60 .left{width:100%; float:none;}
	.column_2_40_60 .right{width:100%; float:none;}
}

.column_2_80_20{width:100%;}
.column_2_80_20 .left{width:80%; float:left; padding:5px;}
.column_2_80_20 .right{width:20%; float:right; text-align:left;	padding:5px;}
@media screen and (max-width: 767px) {
	.column_2_80_20 .left{width:100%; float:none;}
	.column_2_80_20 .right{width:100%; float:none;}
}

.column_3 > div{
	width : calc(100% / 3) ;
	width : 33% ; 
	width : -webkit-calc(100% / 3) ;
	float:left;
	padding:20px;
	height: auto;
}
@media screen and (max-width: 767px) {
	.column_3 > div{width :100%; float:none;}
}

.column_4 > div{
	width : calc(100% / 5) ;
	width : 25% ; 
	width : -webkit-calc(100% / 5) ;
	float:left;
	padding:20px;
	height: auto;
}
@media screen and (max-width: 767px) {
	.column_4 > div{width :100%; float:none;}
}

.column_5 > div{
	width : 20% ; 
	width : -webkit-calc(100% / 5) ;
	width : calc(100% / 5) ;
	float:left;
	padding:5px;
}
@media screen and (max-width: 767px) {
	.column_5 > div{width :100%; float:none;}
}

.column_5_no-res > div{
	width : 20% ; 
	width : -webkit-calc(100% / 5) ;
	width : calc(100% / 5) ;
	float:left;
	padding:10px;
}

.res_block{display: none;}
.res_none{display:block;}
.res_center{text-align:left;}
@media screen and (max-width: 767px) {
	.res_block{display: block;}
	.res_none{display:none;}
	.res_center{text-align:center!important;}
}

.bg_enkaku {
	background-image:url(../img/top/bg_kamoku.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
  padding: 50px 0 80px;
}
.body__inversion .bg_enkaku {
	background-image:url(../img/top/bg_kamoku_inversion.jpg)!important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}

.bg_contact {
	background-image:url(../img/global/bg_contact.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
  padding: 50px 0 80px;
}
.body__inversion .bg_contact {
	background-image:url(../img/global/bg_contact_inversion.jpg)!important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}

.bg_footer {
	background-image:url(../img/global/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
  padding: 50px 0 0px;
}
.body__inversion .bg_footer {
	background-image:url(../img/global/bg_footer_inversion.jpg)!important;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}


/*テーブル設定*/

table.t_recruit{
	width:100%;
	margin:10px auto;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-left:none;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
.t_recruit th{
	min-width:100px;
    border-right:none;
    border-top:1px solid #ccc;
	background-color: #eee;
	font-weight: bold;
/*    background-image:url(../img/table-back.gif);*/
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.t_recruit td{
    border-right:none;
    border-bottom:1px solid #ccc;
    padding:0.5em 1em;
	font-size:1em;
}

.t_recruit.left{
	text-align:left;
}
@media screen and (max-width: 767px) {
	table.c_gaiyou{
		width: 100%;
	}

	table.t_recruit th,
	table.t_recruit td{
		width: 100%;
		display: block;
}
}




dl.ryakureki dt{
	width:100px;
	float:left;
}
dl.ryakureki dd{
	margin-left:150px;
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
	dl.ryakureki dt{
		float:none;
	}
	dl.ryakureki dd{
		margin-left:10px;
	}
}

/*タイムライン*/
.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}

.timeline-content dt{
	font-size:1.2em;
	font-weight: bold;
}

.timeline-date {
	font-size:1.2em;
	font-weight: bold;
}
/* タイムライン　for Desktop */
@media ( min-width : 768px ){
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 110px;
    float: left;
    margin-top: 20px;
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #1176D8 solid;
    padding-left: 30px;
  }
	
	.timeline-content dl{
		margin-bottom: 20px;
	}
	
  .timeline-content:before {
    content: '';
    width: 14px;
    height: 14px;
	  border:solid 3px #1176D8;
    background: #FFF;
    position: absolute;
    left: 102px;
    top: 7px;
    border-radius: 100%;
  }
}
	
/*アコーディオン*/
ul.acc,ul.qa_answer{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul.acc li{
	margin-bottom: 20px;
}

div.qa_title{
    border: 1px solid #1176D8;
	padding:10px 30px;
    cursor: pointer;
    margin: 0;
	color:#000;
	font-size: 138%;
	font-weight: bold;
	padding-right:50px;}

@media only screen and (max-width: 767px) {
    div.qa_title {
	font-size: 100%;
	padding-right:40px;}
}

.qa_title:after, 
.qa_title.active:after {
	display: block;
	position:absolute;
    font-size: 22px;
	width:40px;
	height: 40px;
	border-radius: 50%;
	background:#FFBFC7;
	text-align: center;
	right:10px;
	top:10px;;
}
@media only screen and (max-width: 767px) {
	.qa_title:after, 
.qa_title.active:after {
		display: block;
		position:absolute;
		font-size: 16px;
		width:30px;
		height: 30px;
		background:#FFBFC7;
		text-align: center;
		right:10px;
		top:10px;;
	}
}


.qa_title.active::after {
    content: "-";
}
.qa_title::after {
	
    content: "+";
	color:#fff;
}

ul.qa_answer{
	display:block;
	padding:10px;
}



h3.open_h3{
    border: 1px solid #1176D8;
	padding:10px 30px;
    cursor: pointer;
    margin: 0;
	color:#000;
}
.open_h3:after, 
.open_h3.active:after {
	position:relative;
    font-size: 22px;
    margin-left: 20px;
}
.open_h3.active::after {
    content: "-";
}
.open_h3::after {
    content: "+";
}
.info{
	padding:10px;
}
.title{
    margin-top: 50px;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: lighter;
}
.img-close,
.img-close img{
    width: 50px;
    height: 50px;
}
.open-6.ul_open{
    position: relative;
}
.open-6 li.img-close{
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 150px;
    margin: auto;
}
.open-6 li:last-child{
    list-style-type: none;
}
.forimage{display: block;}
.body__inversion .forimage{display: none;}
.invimage {display: none;}
.body__inversion .invimage{display: block;}

dl.kamoku dt{
	float:left;
	width:150px;
}
dl.kamoku dd{
	margin-left:170px;
}
.k_txt{
	margin-left:170px;
}
@media screen and (max-width: 767px) {
	.k_txt{
		clear: both;
		margin-left:0;
	}
}

.pagecontent h2.eye {
	color: #0071BC;
    font-size: 150%;
    font-weight: bold;
    font-family: "UD Shin Go NT DemiBold JIS2004", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    /*border-left: 10px solid #15B1FF;*/
    margin-bottom: 10px;
    padding-bottom: 4px;
    line-height: 1.3; }
    @media only screen and (max-width: 767px) {
      .pagecontent h2.eye {
        padding-left: 5px; } }
    .pagecontent h2.eye span {
      font-size: 75%;
      font-weight: normal; }
  .pagecontent h2.eye:before {
	  margin:0 10px 0 0;
	  content:" ";
	  color: #15B1FF;
	  display: inline-block;
	  width:47px;
	  height:47px;
	  background: url(../img/menobyouki/menobyouki.svg);
	  background-size: contain;
	  vertical-align: middle;
}

.body__inversion .pagecontent h2.eye:before {
	  background: url(../img/menobyouki/menobyouki_inversion.svg)!important;
}


.p_right{padding-right: 30px;}
@media only screen and (max-width: 767px) {
	.p_right{padding-right: 0px;}
}

.wrap_soon{
	position: relative;
}
.soon{
	width:90%;
	height:auto;
	display: block;
	text-aligh:center;
	padding:20px;
	position: absolute;
	top:0;
	bottom: 0;
	left:0;
	right:0;
}

.togglemenu {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px; }
  @media print, screen and (min-width: 1079px) {
    .togglemenu {
      display: none; } }