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


@media screen and (max-device-width: 640px) {
body{
	line-height: 150%;
	font-size:18px;
	margin-bottom:25%;
	}
.pc_only{
	display:none;
}

img{
	width:100%;
}

#title{
	margin-bottom:2%;
}


.mb10{margin-bottom:1%;}
.mb20{margin-bottom:2%;}
.mb30{margin-bottom:3%;}
.mb50{margin-bottom:5%;}

.wrap{
	margin:0 2%;
}

#txt_select{
	padding:0 2%;
}
#txt_select span{
	font-weight:bold;
	font-size:22px;
	color:#C30D23;
}

#subtitle_01{
	display:none;
}

/* 続きを読む */
/*
.truncate_more_link{
	color:#172A87;
}
*/
/*****************************************
特別待遇
*****************************************/
#special{
	background:#FCE8E5;	
	padding:3% ;
	margin-bottom:5%;
}
#special .box_r .title{
	color:#F26D6D;
	font-weight:bold;
	padding-bottom:2%;
}

#special #jQueryBox1 ,#special #jQueryBox2 ,#special #jQueryBox3, #special #jQueryBox4 ,#special #jQueryBox5 ,#special #jQueryBox ,#special #jQueryBox6{
	margin-bottom:3%;
}


/*****************************************
その他の待遇
*****************************************/
#treatment{
	padding:3% 2%;
	margin-bottom:5%;
}

#treatment .box{
	width:49%;
	margin-right:2%;
	float:left;
}
#treatment .box_wrap:after {
  content: "";
  display: table;
  clear: both;
}

#treatment .box:nth-child(even){
	margin-right:0;
}
#treatment .box .title{
	font-weight:bold;
	color:#F26D6D;
	text-align:center;
	padding:2% 0;
}

/*****************************************
モーダルウィンドウ
*****************************************/

.modal-content {
    position:fixed;
    display:none;
    z-index:2;
    width:80%;
    margin:0;
    padding:2%;
    border:2px solid #F26D6D;
    background:#fff;
}

.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
/*    background-color:rgba(0,0,0,0.75);*/
}

.modal-open {
    color:#00f;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close {
    color:#00f;
    text-decoration:underline;
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}


/*****************************************
在籍女性の声
*****************************************/
#voice{
	background:#8FC31F;
	position:relative;
	margin-bottom:5%;
	padding:17% 0 3% 0;
}

#voice .maintitle{
	position:absolute;
	top:-1%;
	width:96%;
}

#voice .box .box_r{
	background:#fff;
	margin-top:1%;
	margin-bottom:2%;
	padding:2%
}
#voice .box .title{
	color:#8FC31F;
	font-weight:bold;
}
#voice .box .name{
	color:#8FC31F;
	padding-bottom:3%;
}

/*****************************************
お電話でのお問合せ
*****************************************/
#tel_txt{
	border-top:1px solid #8EC21F;
	padding-top:3%;
}
#tel_txt span{
	color:#C30D23;
}

/*****************************************
お問い合わせフォーム
*****************************************/
#form{
	padding:3% 2%;
	margin-bottom:5%;
}
#form #form_title{
	color:#8FC31F;
	font-weight:bold;
	padding-top:3%;
	margin-top:5%;
	border-top:1px solid #8EC21F;
}
/*#form .confirmation{*/
.confirmation{
	text-align:center;
	margin:5% 2% 30% 2%;
}
/* フォーム部分 */
#form div.error {
	color: #c40c24;
	font-weight: bold;
}
#form table{
	border-collapse:collapse;
	border-spacing: 0;
	background-color: #ffffff;
	margin:0 auto;
	width:100%;
	max-width:100%;
}
#form table th, #form table td {
	border-top: 1px solid #898989;
	border-right: 1px solid #898989;
	border-left: 1px solid #898989;
	margin: 0;
	padding:2%;
	overflow-x: hidden;
}
#form table tr:last-child  td{
border-bottom: 1px solid #898989;
}
#form table th{
	background-color: #F6F7CF;
	font-weight: normal;
	width:96%;
	display:block;
}
#form table td{
	width:96%;
	display:block;
	}
#form table td input{
	padding:2%;
	}
#form table td input.m_single{
	width:95%;
	}
#form table td input.half{
	width:44%;
}
#form table td select{
	width:100%;
	padding:2%;
	}
#form table td textarea{
	width:97%;
	padding:1%;
	height:250px;
	}
#form table th div {
	display:inline-block;
}
#form table th div:nth-child(2) {
	margin-left: 6px;
}
#form table th div.required {
	color: #ffffff;
	background: #c40c24;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 0 6px;
	font-size: smaller;
}
#form table th div.limit {
	color: #ffffff;
	background: #ff6633;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 0 6px;
	font-size: smaller;
}
#form table div.ccode {
	float: left;
	white-space: nowrap;
}
#form table div.warn {
	float: left;
    line-height: 120%;
}
#form input[type=checkbox] {
	width: 24px;
	height: 24px;
	-moz-transform: scale( 2 , 2 );
	vertical-align: middle;
}
.confirmation button{
    background: none;
    border: 0;
    font-size: 0;
    line-height: 0;
    overflow: visible;
}


/***********************************************
　追尾メニュー
***********************************************/
#fixed_menu{
}
#fixed_menu li{
/*	width: 24%;*/
	padding: 0;
	margin: 0;
	font-size: 0;
}
#fixed_menu li:first-child{
/*	width: 49%;*/
}

#foot_navi{
	display:none;
	}
#foot_navi	{
	position:fixed;
	bottom:0;
	z-index:1000;
	}
#foot_navi {
	width:98%;
	margin-bottom:1%;
}
#foot_navi div {
	display: table;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 0;
}
#foot_navi a {
	display: table-cell;
	width: 24%;
}
#foot_navi a:first-child{
	display: table-cell;
	width: 48%;
}

#foot_navi a img {
    vertical-align: bottom;
    margin: 0;
    padding: 0;
	border: 0;
}

.side-menu-btn{
	cursor: pointer;
	width: 100%;
}
  #sp_menu {
    position: fixed;
    bottom: 10%;
    width: 100%;
    background-color: #F16D6D;
    overflow-y: scroll;
    display: none;
		z-index:500;
}
#sp_menu  a{
	color: #fff;
}
.sp_menu_close{
	text-align: center;
	padding-left: 0%!important;
	padding-bottom: 2%;
}

.sp_double {
	width: 100%;
	display: inline-flex;
	flex-wrap: wrap;
}
.sp_double li {
	text-align: left;
	width: 100%;
	padding: 3% 0 3% 0;
  border-bottom: 1px solid #fff;
	font-size: 110%;
}
.sp_double li:last-child{
	border-bottom: none;
	padding-left: 0!important;
}

.sp_double li a{
	color: #fff;
	display: block;;
	padding-left: 2%;
}


/*****************************************
入力内容の確認
*****************************************/
#check{
	width:96%;
	margin:5% auto;

}
#check #title{
	color:#8FC31F;
	font-weight:bold;
	margin:5% 0 3% 0;
	text-align:center;
}
#check #back{
	margin-top:10%;
	text-align:center;
	float:left;
	width:48%
}
#check #send{
	margin-top:10%;
	text-align:center;
	float:right;
	width:48%
}
#check #back img,  #check #send img{
	width:80%;
}
#check .subtitle{
	background:#F7F8D0;
	border:1px solid #898989;
	padding:2%;
}
#check .txt{
	border-left:1px solid #898989;
	border-right:1px solid #898989;
	padding:2%;
	min-height:30px;
}
#check .txt_last{
	border-left:1px solid #898989;
	border-right:1px solid #898989;
	border-bottom:1px solid #898989;
	padding:2%;
	min-height:30px;
}


/***********************************************
  完了画面
************************************************/
#thanks{
	width:96%;
	margin:5% auto;
	text-align:center;

}
#thanks #title{
	color:#8FC31F;
	font-weight:bold;
	margin:5% 0 3% 0;
}
#thanks #back{
	margin-top:10%;
}


}