/* ========================================
   page.css
   元ファイル: /home/claude/site_src/recruit/page.css
======================================== */
@charset "UTF-8";
.r_menu .init-bottom {
	color: #22ac38;
}
.under_main {
	padding-bottom: 0;
}
#recruit #main_visual_bg {
	background: url(../images/recruit/main_visual_recruit.jpg) left top;
}
div.wrp03 {
	margin: 40px 40px 0 40px;
	padding-bottom: 100px;
}
div.wrp03 + section {
	margin: 0;
}
/* =====   ===== */
ul.link {
	text-align:center;
}
.link li{
	transition: background-color 0.5s linear;
	border: 1px solid #444444;
	display:inline-block;
/*	float: left;*/
	width: 31.8%;
	margin-top: 20px;
	margin-right: 1.8%;
	text-align: center;
	background: url(../images/common/arrow10.png) no-repeat 93% 50%;
	background-size: 30px;
	/*background-size: 34px;*/
}
.link li:hover{
	background: #00479d url(../images/common/arrow06.png) no-repeat 93% 50%;
	background-size: 30px;
	/*background-size: 34px;*/
}
.link li:nth-child(3n) {
	margin-right: 0;
}
#p_link li {
	background: url(../images/common/arrow04.png) no-repeat 90% 50%;
	background-size: 18px;
	width: 49%;
	margin-right: 0;
}
#p_link .link li:hover {
	background: #00479d url(../images/common/arrow03.png) no-repeat 90% 50%;
	background-size: 18px;
}
.link li:hover a , .content li a:hover{
	color: #fff;
}
#p_link .link li:nth-child(2) {
	float: right;
}
.link li a {
	font-size: 20px;
	display: block;
	padding: 25px 0;
}

.aco {
margin: 3em auto;
max-width: 60vw;
}
.toggle {
display: none;
}
.option {
position: relative;
margin-bottom: 1em;
}
.bosyu,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.bosyu {
border: 1px solid #444444;
padding: 25px 0;
display: block;
color: #333;
text-align: center;
font-weight: bold;
}
.bosyu::after,
.bosyu::before {
content: "";
position: absolute;
right: 1.25em;
/*top: 1.25em;*/
width: 2px;
height: 0.75em;
background-color: #999;
transition: all 0.3s;
bottom: 1.7em;
}
.bosyu::after {
transform: rotate(90deg);
}
.aco>div:nth-child(n+2){
	margin-top: 2em;
}
.content {
max-height: 0;
overflow: hidden;
}
.content li {
text-align: center;
border: 1px solid #00479d;
margin-top: 20px;
/*transition: background-color 0.5s linear;
background: url(../images/common/arrow10.png) no-repeat 93% 50%;
background-size: 30px;*/
background-color: #dae9f8;
position: relative;
}
.content li a{
display: block;
padding: 25px 0;
color: #00479d;
font-weight: bold;
}

.content li:hover{
background: #00479d;
/*background: #00479d url(../images/common/arrow06.png) no-repeat 93% 50%;
background-size: 30px;*/
}
.content li a::after{
position: absolute;
content: "";
width: 20px; /* ボックスの横幅を指定する */
height: 20px; /* ボックスの高さを指定する */
border-top: 1px solid #00479d; /* 境界線の上部を実線に指定する*/
border-right: 1px solid #00479d;/* 境界線の上部を実線に指定する*/
display: inline-block; /* インライン要素化 */
transform: rotate(135deg); /* ボックスを回転させる（下向き矢印） */
top:1em;
right: 2em
}
.content li a:hover::after{
position: absolute;
content: "";
width: 20px; /* ボックスの横幅を指定する */
height: 20px; /* ボックスの高さを指定する */
border-top: 1px solid #fff; /* 境界線の上部を実線に指定する*/
border-right: 1px solid #fff;/* 境界線の上部を実線に指定する*/
display: inline-block; /* インライン要素化 */
transform: rotate(135deg); /* ボックスを回転させる（下向き矢印） */
top:1em;
right: 2em
}

.toggle:checked + .bosyu + .content {
max-height: 500px;
transition: all 1.5s;
}
.toggle:checked + .bosyu::before {
transform: rotate(90deg) !important;
}


#recruit .name01 {
	text-align: right;
	padding: 15px 2% 10px;
	width: 30%;
	margin-left: 16%;
	background: #eeeeee;
}
#recruit .name02 {
	margin-top: 40px;
	text-align: right;
}
#recruit .name02 img {
	zoom: 0.7;
}
#recruit .message {
	margin-top: 20px;
	padding: 25px;
	background: #eee;
	border-top: 2px solid #004291;
}
#recruit .message .left {
	float: left;
	width: 20%;
	margin-right: 3%;
}
#recruit .message .right {
	float: right;
	width: 77%;
}
.text {
	background: url("../images/recruit/img_01_2.jpg?230515") no-repeat right 50%;
	background-size: 45%;
	min-height: 600px;
}

.text h4 {
	line-height: 1.5;
	font-size: 24px;
	font-family: Shin Go Regular;
	color: #fff;
	background: url(../images/recruit/img_bg02.gif) repeat 0 0;
	background-size: 230px;
	width: 46%;
	padding: 20px 2%;
}
.text dl {
	margin-top: 40px;
	width: 55%;
}
.text dl dt {
	font-size: 20px;
	color: #00479d;
	font-weight: bold;
	margin-bottom: 20px;
}
.text dl dd {
	margin-bottom: 40px;
}
#recruit .right_box .text h4 {
	margin-left: 50%;
}
#recruit .right_box .name01 {
	margin-left: 66%;
}
#recruit #two_box .text {
	background: url(../images/recruit/img_07.jpg?230515) no-repeat left 50%;
	background-size: 45%;
	min-height: 600px;
}
#recruit #three_box .text {
	background: url(../images/recruit/img_03_2.jpg?230515) no-repeat right 50%;
	background-size: 45%;
	min-height: 600px;
}
#recruit #four_box .text {
	background: url(../images/recruit/img_02_2.jpg?230515) no-repeat left 50%;
	background-size: 45%;
	min-height: 600px;
}
#recruit #five_box .text {
	background: url(../images/recruit/img_06_3.jpg?230515) no-repeat right 50%;
	background-size: 45%;
	min-height: 600px;
}
#recruit .right_box .text {
	background-size: 45%;
	min-height: 600px;
}
#recruit .right_box .text dl {
	margin-left: 50%;
}
/* =====oulline   ===== */
.outline #main_visual_bg {
	background: url(../images/recruit/main_visual_outline.jpg) left top!important;
	background-size: cover!important;
}
#outline {
	background: #f1f8ff;
	padding: 60px 0;
	margin-top: 0;
}
#link_box h4 {
	font-family: Shin Go Regular;
	font-size: 50px;
	text-align: center;
	color: #00479d;
	margin-bottom: 40px;
}
#link_box .wrp03 {
	margin: 40px 0 0 0;
}
.font_s{
	font-size: 90%;
}
.pc_none{
	display: none;
}


/* =====   ===== */

#link_box h5 {
	color: #00479d;
	font-size: 20px;
	text-align: center;
	margin-bottom: 40px;
}
/* ===== table  ===== */

.table01 {
	margin-bottom: 40px;
	background: #fff;
	border-top: 2px solid #00479d;
	border-bottom: 2px solid #00479d;
}
.table01 tr {
	border-bottom: 1px solid #00479d;
}
.table01 th {
	background: #dae9f8;
	color: #00479d;
	width: 15%;
}
.table01 td {
	padding-left: 20px;
}
p.title {
	margin-top: 20px;
	padding: 20px 0;
	color: #fff;
	font-size: 20px;
	text-align: center;
	letter-spacing: 2px;
	font-weight: normal;
	background: #1268be;
}
.sp p.title {
	background: #1268be url(../images/common/arrow06.png) no-repeat 90% 50%;
	background-size: 34px;
}
.sp p.open {
	background: #1268be url(../images/common/arrow09.png) no-repeat 90% 50%;
	background-size: 34px;
}
/* ===== toggle  ===== */
.sp .toogle_box {
	display: none;
}
/* ===== btn  ===== */
.under_main a.btn02 {
	margin: 60px auto 0 auto;
	background: #fff url(../images/common/arrow04.png) no-repeat 95% 50%;
	background-size: 15px;
	font-size: 20px;
	padding: 20px;
}
.under_main #outline a.btn02 {
	margin-bottom: 80px;
	margin-top: 10px;
}
.under_main a.btn02:hover {
	background: #00479d url(../images/common/arrow03.png) no-repeat 95% 50%;
	background-size: 15px;
}

@media screen and (max-width:2060px) {
.text dl {
	width: 50%;
}
}

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

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

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

@media screen and (max-width:1500px) {
#title {
	padding: 80px 10px 80px 40%;
}
}

@media screen and (max-width:1260px) {
#recruit #main .left_box .text {
	background-size: 50%;
	background-position: right bottom;
}
#recruit #main .right_box .text {
	background-size: 50%;
	background-position: left bottom;
}
.text h4 br, #recruit .right_box .text h4 br {
	display: none
}
.text h4, #recruit .right_box .text h4 {
	width: auto;
}
#recruit .right_box .text h4 {
	margin-left: 0;
}
#recruit .name01, #recruit .right_box .name01 {
	margin-left: 0;
	width: auto;
}
.text dl, #recruit .left_box .text dl {
	width: 48%;
}
#recruit .right_box .text dl {
	width: 45%;
	padding-left: 2%;
}
}

@media screen and (max-width:1260px) {
.wrp02 {
	width: 90%;
}
#main_visual p {
	padding: 10px;
	background: rgba(255,255,255,0.7);
}
#title {
	background: url(../images/recruit/img_bg01.jpg) no-repeat 0 0;
	padding: 300px 0 0 0;
}
#title h3, #title p img {
	vertical-align: middle;
	margin-bottom: 10px;
	padding: 20px;
	background: rgba(255,255,255,0.7);
}
.link li {
	width: 48%;
}
.link li:nth-child(2n) {
	margin-right: 0;
}
.link li:nth-child(3n) {
	margin-right: 1.8%;
}
/*#recruit #four_box .text {
	background-size: 40%;
}*/
}

@media screen and (max-width:1100px) {
div.wrp03 {
	margin: 40px 2% 100px 2%;
}
}

@media screen and (max-width:1024px) {
div.wrp03 {
	margin: 40px 0 0 0;
	padding-bottom: 0;
}
.text dl {
	width: 100%!important;
}
#recruit .right_box .text dl {
	margin-left: 0;
	padding-left: 0;
}
.text {
	margin-top: 20px;
	min-height: 300px;
	padding-bottom: 50%;
	background-size: 60%!important;
	background-position: 50% bottom;
}

#recruit #five_box .text {
	padding-bottom: 65%!important;
	background-size: 70%!important;
	background-position: 65% bottom!important;
}
	
#recruit .message {
	margin-top: 40px;
}
#recruit .name02 {
	margin-top: 10px;
}
#recruit .message .right, #recruit .message .left {
	float: none;
	width: 100%;
}
.text, #recruit .right_box .text {
	background-position: center bottom!important;
}
}

@media screen and (max-width:768px) {
/*#title{
background: url(../images/recruit/img_bg01.jpg) no-repeat 0 0;
padding: 240px 0 0 0;
background-size:100%;
}*/
#main_visual p {
	width: 90%;
	top: 30%;
	padding: 3%;
	margin: 0 auto;
}
#title h3 {
	font-size: 40px;
	background: none;
}
.table01 th {
	width: 18%;
}
.table01 td {
	padding: 2%;
}
#outline {
	padding: 30px 0 10px 0;
}
.link li, .link li:nth-child(2), .link li:last-child, #p_link li, #p_link .link li:nth-child(2), .link li:nth-child(3n), .link li:nth-child(2n) {
	width: 85%;
	padding-left: 5%;
	text-align: left;
	float: none;
	margin: 15px auto;
}
.aco {
max-width: 80vw;
}
}

@media screen and (max-width:650px) {
.under_main section {
	margin-top: 20px;
}
#main_visual p {
	top: 40%;
}
.parallax_bg {
	width: 100%;
}
#main_visual h2 {
	margin: 0;
	top: 25%;
	text-align: center;
}
.link li {
	background-size: 22px;
}
.link li a {
	font-size: 18px;
	padding: 20px 0;
}
#recruit #main_visual_bg, .outline #main_visual_bg {
	background-repeat: no-repeat;
	background-position: 50%!important;
}	
	
.outline #main_visual h2 {
	top: 40%;
}
#title {
	padding: 150px 0 0 0;
}
#title h3 {
	font-size: 24px;
	padding: 0;
}
#title p {
	margin: 0;
}
#title p img {
	zoom: 0.3;
}
.text h4 {
	font-size: 18px;
	padding: 3%;
}
#outline {
	margin-bottom: 80px;
	padding: 10px 0;
}
.sp #one {
	margin-top: 0;
}
.wrp02 {
	width: 95%;
}
.table01 {
	margin-bottom: 30px;
}
.table01 th, .table01 td {
	display: block;
	width: 96%;
	padding: 10px 2%;
}
.table01 tr.title td {
	background: #00479d;
	color: #fff;
	text-align: center;
}
.under_main a.btn02 {
	width: 90%;
	padding: 20px 2%;
}
div.wrp03 {
	margin: 40px 0 0 0;
}
p.title {
	font-size: 18px;
	text-align: left;
	padding-left: 20px;
}
#link_box .link {
	display: none;
}
.pc_none{
	display: block;
}
.aco {
max-width: 90vw;
}
.aco .option:nth-child(2) .bosyu{
line-height: 1.5;
	}
.aco .option:nth-child(2) .bosyu::after,
.aco .option:nth-child(2) .bosyu::before {
bottom: 2.5em;
}
}


/* ========================================
   entry.css
   元ファイル: /home/claude/site_src/recruit/entry.css
======================================== */
@charset "UTF-8";

.r_menu .init-bottom{
color:#22ac38;}
#entry #main_visual_bg ,
#thanks #main_visual_bg {
	background: url(../images/recruit/main_visual_entry.jpg)  center top;
height:650px;}

#entry h3{
border-color:#00479d;}
#entry table{
margin-bottom:70px;}
.note{
font-size:20px;
font-weight:bold;
margin-bottom:30px;}
.note span{
font-weight: bold;
background: #fff100;
padding: 3px 5px;}

.note02 a{
text-decoration:underline;}
form{
margin-top:75px;}
.table02 th{
width:30%;
vertical-align:middle;}

form span.must{
color:#ff0000;}

form#mailformpro label.mfp_not_checked,
form#mailformpro label.mfp_checked{
border: none;
background: none!important;
box-shadow:none;}
.mfp_buttons{
text-align:center;
margin-top:40px;}
.mfp_buttons button{
display: block;
padding: 18px 0;
background: url(../images/common/arrow03.png)  #00479d;
background-repeat: no-repeat;
background-position: 90% 50%;
background-size: 13px;
width: 280px;
color: #fff;
text-align: center;
font-size: 14px;
line-height: 1;
font-weight: bold;
border:none;
margin:0 auto;
}
.oubo label{
display:block!important;}
input{
font-size:14px;
line-height:34px;
padding-left:5px;
width:80%;}
textarea{
width:80%!important;
height:180px!important;}
form#mailformpro label input{
width:auto;}
.w20{
width:auto;}
input.w20{
width:20%;}
input.w30{
width:50%;}
input.w40{
width:60%;}
td li{
margin:10px 0;}
td li span{
display:inline-block;
font-size:14px;
width:20%;
margin-right:10px;}
td li span input{
	width:60%;
display:inline-block;
}
select{
font-size:14px!important;}



/* ===== thanks ===== */
div#mfp_thanks strong{
color:#00479d!important;}
a.btn03{
text-decoration:none;
margin-left: auto!important;
margin: 20px auto 0 auto;}
#thanks .under_main  p{
font-size:18px;
font-weight:bold;
text-align:center;}

#thanks .under_main  p.note02{
font-weight:normal;
font-size:16px;
margin-top:20px;}
#thanks .under_main  p.note02 span{
display:block;
font-size:18px;
font-weight:bold;}
.under_main a.btn03 {
    background: url(../images/common/arrow03.png) #00479d no-repeat 90% 50%;
    background-size: 13px;}
		
@media screen and (max-width:650px){
.table02 th{
	width:100%;}
		
#thanks .under_main p{
text-align:left;}
.under_main a.btn03{
width:95%;}

}