@charset "utf-8";
/* CSS Document */

/*
1.デフォルト
2.モジュール
3.トップ
4.募集要項
5.スケジュール・イベント
6.会社概要
7.先輩の声
*/

/*------------------------------------
1.デフォルト
------------------------------------*/
.bold{font-weight: bold}
.num {font-family: Arial, Helvetica, sans-serif}
.txt_ctr{text-align: center !important}

.mt_40{margin-top: 40px !important}
.mb_20{margin-bottom: 20px !important}
.mb_30{margin-bottom: 30px !important}
.mb_100{margin-bottom: 100px !important}

.pdt_30{padding-top: 30px !important}

.c_red{color: #dd0000}
.c_line{color: #00BB00 !important}
.c_bule{color: #30A1FF !important}
.pc_none{display:none}
.sp_none{display:block}
@media screen and (max-width:959px) {
	.pc_none{display:block}
	.sp_none{display:none}
}
/*------------------------------------
2.モジュール
------------------------------------*/
.c_pink{
	color: #30A1FF
}
a.btn_01 {
	width: 230px;
	margin: 0 auto;
	padding: 15px 20px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background-color: #1D2087;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	display: block
}
a.btn_01:link{color: #fff;text-decoration: none}
a.btn_01:visited{color: #fff;text-decoration: none}
a.btn_01:hover{color: #fff;text-decoration: none;background-color: #282222}
a.btn_01:active{color: #fff;text-decoration: none}
.bg_white{
	padding: 100px 0 10px;
	background-color: #fff;
}
.ttl_01{
	margin-bottom: 20px;
	color: #282222;
	font-size: 25px;
	font-weight: bold;
	text-align: center
}
.ttl_01 span{border-bottom: 3px solid #282222}
@media screen and (max-width:959px) {

}
.ttl_02 {
	margin-bottom: 20px;
    font-family: "Times New Roman", Times, serif;
	font-size: 33px;
	font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .05em;
    align-items: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    display: flex;
	clear: both
}
.ttl_02 span{
    margin-left: 10px;
    font-family: "Noto Sans Japanese", 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif;
    font-size: 30px;
    font-weight: bold;
}
.ttl_02::before {
	width: 60px;
    height: 1px;
	margin-right: 10px;
    background-color: #000;
    display: block;
    content: ''
}
@media screen and (max-width:959px) {
	.ttl_02 {
		font-size: 23px;
		text-transform: capitalize;
	}
	.ttl_02 span{
		margin-left: 7px;
		font-size: 13px
	}
	.ttl_02::before {
		width: 30px
	}	
}

.under_mv{
	width: 100%;
	height: 400px;
	margin-bottom: 50px;
	align-items: center;
	display: flex
}
.under_mv .txt_wrap {
    width: 480px;
    padding-left: 100px;
    position: absolute;
    left: 0;
    top: 30%;
    transform: translateY(-50%);
    z-index: 1
}
.under_mv .page_ttl {
    color: rgb(145, 169, 191);
    font-size: 70px
}
.under_mv .page_ttl + p {
	margin-top: 15px;
    color: rgb(145, 169, 191);
    font-size: 2.6rem;
    line-height: 1.5;
    border-bottom: 2px solid rgb(145, 169, 191);
    display: inline-block
}
.under_mv .mv_company {
    width: calc(100% - 370px);
    height: 400px;
    margin-left: auto;
    background-image: url("//anshinreform.xsrv.jp/wp-content/uploads/Z1A4823-1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
.under_mv .mv_senior{
    width: calc(100% - 370px);
    height: 400px;
    margin-left: auto;
    background-image: url("//anshinreform.xsrv.jp/wp-content/uploads/mv_01.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
.under_mv .mv_schedule{
    width: calc(100% - 370px);
    height: 400px;
    margin-left: auto;
    background-image: url("//recruit.happy-anda.com/wp-content/uploads/mv_03.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
.under_mv .mv_teatment{
    width: calc(100% - 370px);
    height: 400px;
    margin-left: auto;
    background-image: url("//anshinreform.xsrv.jp/wp-content/uploads/Z1A4993.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
@media screen and (max-width:959px) {
	.under_mv{
		width: 100%;
		height: auto;
		margin-bottom: 50px;
		align-items: flex-start;
		flex-direction: column-reverse;
		display: flex
	}
	.under_mv .txt_wrap {
		width: auto;
		margin-top: -27px;
		padding-left: 6%;
		position: absolute;
		left: 0;
		top: 30%;
		transform: translateY(-50%);
		z-index: 1
	}
	.under_mv .page_ttl {
		color: #fff;
		font-size: 40px
	}
	.under_mv .page_ttl + p {
		margin-top: 5px;
		color: #fff;
		font-size: 1.5rem;
		border-bottom: 2px solid #fff;
		display: inline-block
	}
	.under_mv .mv_company {
		position: relative;
		width: 100%;
		height: 200px;
	}
	.under_mv .mv_senior{
		position: relative;
		width: 100%;
		height: 200px;
	}
	.under_mv .mv_schedule{
		position: relative;
		width: 100%;
		height: 200px;
	}
	.under_mv .mv_teatment{
		position: relative;
		width: 100%;
		height: 200px;
	}
}
.table_01 {
	width:100%;
	margin:0 auto 50px;
	position: relative
}
.table_01 th,.table_01 td {
	font-size:14px
}
.table_01 tr th {
	padding:20px 12px;
	font-weight: bold;
	border-bottom:2px solid #282222
}
.table_01 tr td{
	padding:20px 12px;
	border-bottom:1px dotted #282222;
	line-height: 2
}
@media only screen and (max-width: 640px) {
	.table_01{width:98%;border-top:none}
	.table_01 tr th,.table_01 tr td{width:98%;border:none;display:block}
	.table_01 tr th{padding:5px 1%;color:#fff;background-color:#1a1a1a}
	.table_01 tr td{padding:5px 1%;line-height: 1.8}
}
/*------------------------------------
3.トップ
------------------------------------*/
.mv_top_area{
	position: relative
}
.mv_top_area .area_txt{
	position: absolute;
	bottom: 250px;
	left: 2%;
	z-index: 100
}
.mv_top_area .area_txt .en{
	font-family: "Times New Roman", Times, serif;
	font-size: 70px;
	font-weight: bold;
	line-height: 1.5
}
.mv_top_area .area_txt .en span{
	padding: 5px 30px;
	background-color: #fff
}
.mv_top_area .area_txt .ja{
	padding: 5px 10px;
	font-size: 16px;
	font-weight: bold;
	background-color: #fff;
	display: inline-block
}
@media screen and (max-width:959px) {
	.mv_top_area{
		margin-bottom: 60%;
		position: relative
	}
	.mv_top_area .area_txt{
		position: absolute;
		bottom: 50%;
		left: 2%;
		z-index: 100
	}
	.mv_top_area .area_txt .en{
		font-size: 23px;
		line-height: 1.9
	}
	.mv_top_area .area_txt .en span{
		padding: 5px 15px
	}
	.mv_top_area .area_txt .ja{
		padding: 5px 10px;
		font-size: 14px
	}
}
#loopslider {
    margin: 0 auto;
    width: 100%;
	height: 780px;
    text-align: left;
    position: relative;
	top: 0;
    overflow: hidden
}
#loopslider ul {
	width: 100%;
    height: 100%;
    float: left;
    display: inline;
    overflow: hidden
}
 
#loopslider ul li {
    float: left;
    display: inline;
    overflow: hidden
}
#loopslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden
}
#loopslider ul {
    display: inline-block;
    overflow: hidden
}
#loopslider li {
  position: relative;
  overflow: hidden
}
#loopslider li img{
	max-width: 100%;
	max-height: 100%;
	margin-left: 80px;
	border-radius: 5px
}
@media screen and (max-width:959px) {
	#loopslider {
		margin: 0 auto -500px;
		width: 100%;
		height: 624px
	}
	#loopslider li img{
		margin-left: 20px
	}
}
@media screen and (min-width: 1024px) {
  #loopslider li {
    width: 800px;
    height: 624px
  }
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
  #loopslider li {
    width: 800px;
    height: 624px
  }
}

@media screen and (max-width: 560px) {
	#loopslider li {
		width: 315px;
		height: 320px
	}
}
@media screen and (max-width: 320px) {
	#loopslider {
		margin: 0 auto -480px
	}
	#loopslider li {
		width: 315px;
		height: 320px
	}
}
.mod_top_01{
	margin-bottom: 50px;
	position: relative
}
.mod_top_01 h2{
	margin-bottom: 15px;
	font-family: "Times New Roman", Times, serif;
	font-size: 35px;
	font-weight: bold
}
.mod_top_01 h2 span{
	margin-left: 10px;
	font-size: 45px
}
.mod_top_01 .sub_ttl{
    margin-bottom: 20px;
    padding: 5px 10px 7px;
    color: #fff;
    font-size: 22px;
    background-color: #1a1a1a;
	display: inline-block
}
.mod_top_01 .sub_ttl .f_times_new_roman{
	font-size: 20px;
	margin-right: 15px
}
.f_times_new_roman {
    font-family: "Times New Roman", Times, serif
}
.mod_top_01 .photo{
	width: 370px;
	position: absolute;
	top: -30px;
	right: -50px
}
.mod_top_01 .photo img{
	max-width: 100%
}
.mod_top_01 .box_txt_01 {
	width: 740px;
	margin-bottom: 15px
}
.mod_top_01 .box_txt_01 p,.mod_top_01 .box_txt_02 p{
	font-size: 16px;
	line-height: 2
}
@media screen and (max-width:959px) {
	.mod_top_01 h2{
		margin-bottom: 15px;
		font-size: 23px
	}
	.mod_top_01 h2 span{
		margin-left: 10px;
		font-size: 25px
	}
	.mod_top_01 .sub_ttl{
		font-size: 16px
	}
	.mod_top_01 .photo{
		width: 90%;
		margin: 0 5%;
		position: static;
		top: 0;
		right: 0
	}
	.mod_top_01 .photo img{
		margin: 0 auto;
		display: block
	}
	.mod_top_01 .box_txt_01 {
		width: 100%;
		margin-bottom: 20px
	}
	.mod_top_01 .box_txt_02{
		margin-bottom: 30px
	}
}

.mod_top_02{
	width: 1040px;
	margin-bottom: 80px;
	padding: 40px 20px;
	background-color: #fff;
	position: relative
}
.mod_top_02 .list{
	margin-bottom: 30px;
	font-size: 0
}
.mod_top_02 .list li{
	width: 330px;
	vertical-align: top;
	position: relative;
	display: inline-block
}
.mod_top_02 .list li:nth-child(even){
	margin: 0 20px 30px
}
.mod_top_02 .list li img{
	max-width: 100%;width:330px;height:442px;
}
.mod_top_02 .list li .com{
    width: 100%;
    margin: 0 auto -77px;
    padding: 3px 8px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: -70px;
    left: -9px;
}
.mod_top_02 .list li .com span{
	padding: 3px 8px;
	background-color: #1D2087;
	position: relative;
	bottom: 2px;
	line-height: 1.8;
	display: inline-block
}
.mod_top_02 .list li .name{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8
}
@media screen and (max-width:959px) {
	.mod_top_02{
		width: 96%;
		padding: 40px 2%
	}
	.mod_top_02 .list li{
		width: 90%;
		margin: 0 5% 30px
	}
	.mod_top_02 .list li:nth-child(even){
		margin: 0 5% 30px
	}
	.mod_top_02 .list li .com{
		width: 96%;
		margin: 0 auto -70px;
		font-size: 14px
	}
	.mod_top_02 .list li .com span{
		padding: 3px 8px;
		background-color: #1D2087;
		position: relative;
		bottom: 2px;
		line-height: 1.8;
		display: inline-block
	}
	.mod_top_02 .list li .name{
		font-size: 16px;
		font-weight: bold;
		line-height: 1.8
	}
}
.mod_top_03{
	margin-bottom: 0px;
	font-size:0
}
.mod_top_03 li{
	width: 508px;
	margin-bottom: 30px;
	font-size: 0;
	text-align: center;
	background-color: #F1F1F1;
	position: relative;
	display: inline-block
}
.mod_top_03 li:nth-child(even){
	margin: 0 0 30px 60px
}
.mod_top_03 li a{
	height: 160px;
	display: inline-block;
	margin: 0;
    padding: 0;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}
.mod_top_03 li a:link{color: #282222;text-decoration: none}
.mod_top_03 li a:visited{color: #282222;text-decoration: none}
.mod_top_03 li a:hover{color: #fff;text-decoration: none;background-color: rgb(145, 169, 191)}
.mod_top_03 li a:hover .txt{color: #fff}
.mod_top_03 li a:active{color: rgb(145, 169, 191);text-decoration: none}

.mod_top_03 li a .photo{
	width: 160px;
	height: 160px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	display: table-cell;
}
.mod_top_03 li a .photo img{
	width: 160px;
	height: 160px;
	vertical-align: middle;
	display: table-cell;
}
.mod_top_03 li a .txt{
	width: 348px;
	height: 160px;
	color: #282222;
	font-size: 29px;
	font-weight: bold;
	vertical-align: middle;
	display: table-cell;
}
.parallax_bg_top {
    background-image: url("//anshinreform.xsrv.jp/wp-content/uploads/img_f_01.jpg");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	clear: both
}
.parallax_div {
    height: 100%;
    padding: 60px 0 50px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    display: flex
}
@media screen and (max-width:959px) {
	.mod_top_03 li{
		width: 300px;
		margin: 0 auto 20px;
		display: block
	}
	.mod_top_03 li:nth-child(even){
		margin: 0 auto 20px
	}
	.mod_top_03 li a{
		width: 100%;
		height: 80px;
		display: inline-block
	}
	.mod_top_03 li a .photo{
		width: 80px;
		height: 80px;
		float: left
	}
	.mod_top_03 li a .photo img{
		width: 100%;
		height: 100%
	}
	.mod_top_03 li a .txt{
		width: 220px;
		height: 80px;
		padding-left: 10px;
		font-size: 16px;
		text-align: left
	}
}

/*------------------------------------
4.募集要項
------------------------------------*/
.mod_recruitment_01{
	margin-bottom: 80px
}
.mod_recruitment_01 .photo{
	width: 300px;
	margin-bottom: 50px;
	float:left
}
.mod_recruitment_01 .photo img{
	max-width: 100%
}
.mod_recruitment_01 .txt{
	width: 740px;
	float:right
}
.mod_recruitment_01 .txt p{
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 2
}
@media screen and (max-width:959px) {
	.mod_recruitment_01 .photo{
		width: 80%;
		margin:0 auto 20px;
		float:none
	}
	.mod_recruitment_01 .txt{
		width: 100%;
		margin-bottom: 30px;
		float:none
	}
	.mod_recruitment_01 p{
		margin-bottom: 25px;
		font-size: 15px;
		line-height: 2
	}
}
/*------------------------------------
5.スケジュール・イベント
------------------------------------*/
#curriculumWrap {
	margin:0 auto 80px;
	clear:both;
	overflow: hidden
}
.ccBox {
	width:320px;
	margin:0 0 30px 0;
	float:left;
}
#curriculumWrap .ccBox:nth-child(2){
	margin: 0 50px 0;
}
.ccRightBox {
	width:320px;
	float:left
}
#curriculumWrap dl dt{font-weight:bold;display:block;text-align:left;padding:10px 0;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#D6CCB4;font-size:120%}
#curriculumWrap dl dd {list-style-type: none}
#curriculumWrap dl dd ul {list-style-type:none;border-left-width:2px;border-left-style:solid;border-left-color:#1a1a1a}
#curriculumWrap dl dd ul li {border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#D6CCB4;font-size:15px;padding:15px 0 10px 15px}
@media screen and (max-width: 640px) and (min-width: 320px){
	.ccBox {
		width:100%;
		margin:0 0 30px 0;
		float:none;
	}
	#curriculumWrap .ccBox:nth-child(2){
		margin: 0 0 30px 0;
	}
	.ccRightBox {
		width:320px;
		float:none
	}
}
.mod_recruit_01{
	margin-bottom: 25px;
	padding: 10px;
	text-align: center;
	background-color: #fafafa;
	border: 1px solid #ddd;
	clear: both
}
.mod_recruit_01 p{
	font-size: 18px;
	font-weight: bold;
}
.mod_schedule_01{
	margin-bottom: 50px
}
.mod_schedule_01 .ttl{
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: bold
}
.mod_schedule_01 ul{
	width: 100%;
	margin-bottom: 30px
}
.mod_schedule_01 ul li{
	margin: 0 20px 0 0;
	display: inline-block
}
.mod_schedule_02{
	padding: 80px 0 70px;
	clear: both
}
.mod_schedule_02 .catch{
	margin-bottom: 15px;
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.8
}
.b_festival{
	font-size: 0
}
.b_festival li{
	width: 23%;
	margin: 0 2.666666666667% 10px 0;
	display: inline-block
}
.b_festival li:last-child{
	margin: 0 0 10px 0
}
.b_festival li img{
	max-width: 100%
}
.mod_schedule_03{
	margin: 20px 0 50px
}
.mod_schedule_03 img{
	width: 550px;
	margin-bottom: 30px;
	float: left
}
.mod_schedule_03 .txt{
	width: 470px;
	margin-bottom: 50px;
	float: right
}
.mod_schedule_03 .txt p{
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 2
}
.mod_schedule_04{
	width: 100%;
	overflow: hidden
}
.mod_schedule_04 .photo{
	width: 300px;
	margin-bottom: 50px;
	float:left
}
.mod_schedule_04 .photo img{
	max-width: 100%
}
.mod_schedule_04 .txt{
	width: 740px;
	float:right
}
.mod_schedule_04 .txt p{
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 2
}
@media screen and (max-width:959px) {
	.mod_recruit_01{
		margin: 25px 0;
		text-align: left
	}
	.mod_recruit_01 p{
		font-size: 16px;
		line-height: 2
	}
	p.last{
		line-height: 2
	}
	.mod_schedule_01 .ttl{
		margin-bottom: 15px;
		font-size: 28px;
		text-align: center
	}
	.mod_schedule_01 ul{
		width: 100%;
		margin-bottom: 30px
	}
	.mod_schedule_01 ul li{
		width: 80%;
		margin: 0 auto;
		display: block
	}
	.mod_schedule_01 ul li img{
		max-width: 100%;
		margin-bottom: 20px;
		display: block
	}
	.mod_schedule_02 .catch{
		font-size: 20px
	}
	.mod_schedule_02 p{
		line-height: 2
	}
	.b_festival li{
		width: 48%;
		margin: 0 0 20px 0;
		display: inline-block
	}
	.b_festival li:nth-child(odd){
		margin: 0 4% 20px 0
	}
	.b_festival li:last-child{
		margin: 0 0 20px 0
	}
	.mod_schedule_03 img{
		width: 100%;
		margin-bottom: 30px;
		float: none
	}
	.mod_schedule_03 .txt{
		width: 100%;
		margin-bottom: 50px;
		float: none
	}
	.mod_schedule_04{
		width: 100%;
		overflow: hidden
	}
	.mod_schedule_04 .photo{
		width: 300px;
		margin:0 auto 50px;
		float:none
	}
	.mod_schedule_04 .photo img{
		max-width: 100%
	}
	.mod_schedule_04 .txt{
		width: 100%;
		float:none
	}
}
/*------------------------------------
6.会社概要
------------------------------------*/
/*Youtube*/
.youtube {
	width: 100%;
	margin-bottom: 50px;
	padding-top: 56.25%;
	position: relative;
}
.youtube iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0
}
.mod_company_01{
	margin-bottom: 80px;
	text-align: center
}
.mod_company_01 .ttl_a{
	margin-bottom: 10px;
	color: #282222;
	font-family: "Times New Roman", Times, serif;
	font-size: 80px;
	font-weight: bold
}
.mod_company_01 .ttl_b{
	margin-bottom: 10px;
	color: #282222;
	font-family: "Times New Roman", Times, serif;
	font-size: 50px;
	font-weight: bold
}
.mod_company_01 .txt{
	margin-bottom:30px;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 2
}
.mod_company_01 ul{
	width: 720px;
	margin: 0 auto;
	text-align: left
}
.mod_company_01 ul li{
	margin-bottom: 20px;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold
}
.mod_company_02{
	margin-bottom: 80px
}
.mod_company_03{
	padding: 80px 0;
	position: relative
}
.mod_company_03 .area_txt{
	width:750px;
	position: relative;
	left: 0;
	bottom: 0;
	z-index: 100
}
.mod_company_03 .area_txt h2{
	margin-bottom: 20px;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.8
}
.mod_company_03 .area_txt p{
	margin-bottom: 20px;
	font-size:16px;
	line-height: 1.8
}
.mod_company_03 .photo{
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0
}
.mod_company_03 .photo img{
	max-width: 500px
}
.mod_company_03 .photo .name{
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: bold;
	text-align: right;
	position: relative
}
.mod_company_03 .photo .name small{
	font-size: 16px
}
@media screen and (max-width: 640px) and (min-width: 320px){
.mod_company_01{
	margin-bottom: 80px;
	text-align: center
}
	.mod_company_01 .ttl_a{
		font-size: 50px
	}
	.mod_company_01 .ttl_b{
		font-size: 25px
	}
	.mod_company_01 .txt{
		font-size: 18px;
		text-align: left !important
	}
	.mod_company_01 ul{
		width: 100%
	}
	.mod_company_01 ul li{
		margin-bottom: 20px;
		font-size: 18px
	}
	.mod_company_01 img{
		max-width: 100%
	}
	.mod_company_02{
		margin-bottom: 80px
	}
	.mod_company_03{
		padding: 80px 0;
		position: relative
	}
	.mod_company_03 .area_txt{
		width:100%;
		position: static
	}
	.mod_company_03 .photo{
		position: relative;
		top: 0;
		right: 0;
		bottom: 0
	}
	.mod_company_03 .photo img{
		max-width: 300px;
		margin-bottom: 10px;
	}
	.mod_company_03 .photo .name{
		text-align: center
	}
}
/*------------------------------------
7.先輩の声
------------------------------------*/
.mod_staff_01{
	font-size: 0
}
.mod_staff_01 li{
	width: 40%;
	margin-bottom: 30px;
	vertical-align: top;
	display: inline-block
}
.mod_staff_01 li:nth-child(odd){
	margin: 0 5% 30px 0;
}
.mod_staff_01 li:nth-child(even){
	margin: 0 0 30px 5%;
}
.mod_staff_01 li a:link{color: #000;text-decoration: none}
.mod_staff_01 li a:visited{color: #000;text-decoration: none}
.mod_staff_01 li a:hover{color: #000;text-decoration: none;opacity: .7}
.mod_staff_01 li a:active{color: #000;text-decoration: none}
.mod_staff_01 li img{
	width: 100%;
	max-width: 100%;
	position: relative
}
.mod_staff_01 li .box{
	position: relative
}
.mod_staff_01 li h2{
	width: 100%;
	padding: 14px 0 10px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background-color: rgb(25, 44, 118);
	position: absolute;
	bottom: 5px
}
.mod_staff_01 li p{
	font-size: 18px;
}
.mod_staff_01 li p.ttl {
	margin-bottom: 10px;
	padding: 0 10px;
	font-size: 20px;
	font-weight: bold;
    background: linear-gradient(transparent 70%, #ffd200 0%);
	display: inline-block
}
@media only screen and (max-width: 812px) {
	.mod_staff_01 li{
		width: 90%;
		margin:0 auto 30px;
		display: block
	}
	.mod_staff_01 li:nth-child(odd){
		margin: 0 auto 30px;
	}
	.mod_staff_01 li:nth-child(even){
		margin: 0 auto 30px;
	}
}

.mod_recruitment_01{
	font-size: 0
}
.mod_recruitment_01 li{
	width: 48%;
	display: inline-block
}
.mod_recruitment_01 li:nth-child(odd){
	margin: 0 4% 30px 0
}
.mod_recruitment_01 li a:link{color: #000;text-decoration: none}
.mod_recruitment_01 li a:visited{color: #000;text-decoration: none}
.mod_recruitment_01 li a:hover{color: #000;text-decoration: none;opacity: .7}
.mod_recruitment_01 li a:active{color: #000;text-decoration: none}
.mod_recruitment_01 li img{
	width: 100%;
	max-width: 100%;
}
.mod_recruitment_01 li h2{
    padding: 8px 0;
    color: #30A1FF;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    background-color: #fff;
}
@media only screen and (max-width: 812px) {
	.mod_recruitment_01{
		font-size: 0
	}
	.mod_recruitment_01 li{
		width: 90%;
		margin: 0 auto 30px;
		display: block
	}
	.mod_recruitment_01 li:nth-child(odd){
		margin: 0 0 30px 0
	}
	.mod_recruitment_01 li h2{
		padding: 8px 0;
		color: #30A1FF;
		font-size: 20px
	}
}