@charset "utf-8";

.s_re {
    width: 96%;
    margin: 0 auto;
}

.option_box {
    margin-bottom: 30px;
}
.form_ttl {
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f5bc4d;
        color: #f5bc4d;
}


#cs_ul{
	width:100%;
	margin:0 auto;
    display:flex;
    flex-wrap:wrap;
}
.cs_li{
	width:33%;
	box-sizing:border-box;
	vertical-align:top;
	background:#EEE;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	margin-bottom:10px;
}
.cs_ph{
	position:relative;
}
.cs_ph .cs_new img{
	position:absolute;
	bottom:0;
}
.cs_figcaption{
	text-align:left;
	vertical-align:top;
}
.cs_figcaption ul{
	color:#111;
	font-size:12px;
	text-align:center;
}
.cs_figcaption li{
	line-height:1.5;
}
.cs_name h3{
	font-size:1.0rem;
	color:#001c55;
	font-weight:bold;
}
.cs_size{
		font-size:0.8rem;
}



.notice_chk_btn{
	display: none;
}

.notice_chk_btn ~ label {
    cursor: pointer;
    display: block;
    text-align: center;
    color: #111;
    font-weight: bold;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: #e9f3ff;
    width: 90%;
    margin: 4px auto;
}
.notice_chk_lab:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity:0.7;
}
.notice_chk_btn:checked ~ label{
	cursor: pointer;
	background: #D5D2FF;
}

.option_table {
    width: 100%;
    display: table;
    font-size: 0;
}
.option_chk_btn{
	display: none;
}
.option_block {
    display: inline-block;
    vertical-align: top;
}
.option_chk_btn ~ label {
    cursor: pointer;
    display: block;
    text-align: center;
    padding: 3px 8px;
    margin: 2px 4px 10px auto;
    /* line-height: 28px; */
    color: #111;
    font-weight: bold;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: #e9f3ff;
    font-size: 12px;
    box-sizing: border-box;
}
.option_chk_lab:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity:0.7;
}
.option_chk_btn:checked ~ label{
	cursor: pointer;
	
	background: #D5D2FF;
}

.chk_option{
    text-align: center;
    padding: 3px 10px;
    margin: 2px 4px 10px auto;
    /* line-height: 28px; */
    color: #111;
    font-weight: bold;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: #e9f3ff;
    font-size: 12px;
    box-sizing: border-box;
}

.co_box2 {
    margin-top: 4px;
}
/*** RECRUIT FORM ***/
#rec_art2{
    width:100%;
}
.rec_form_txt{
    text-align:center;
    padding-bottom:20px;
    font-size:12px;
}
.rec_form_txt span{
    line-height:2.0;
}
#rec_form_ul {
    width: 100%;
    margin: 0 auto;
}
.rec_form_li{
    display:table;
    width:100%;
    padding-bottom:20px;
}
.rec_form_l, .rec_form_r{
    display:table-cell;
    box-sizing:border-box;
}
.rec_form_l {
    width: 30%;
    color: #f5bc4d;
    font-size: 12px;
    vertical-align: middle;
    border-right: 1px dashed #f5bc4d;
}
.rec_form_l span{
    background: #fd738a;
    color:#FFF;
    font-size:10px;
    padding:2px;
}
.rec_form_r{
    width:75%;
    padding-left:10px;
    font-size:12px;
    color:#444;
}
.rec_form_r p{
    font-size:10px;
}
.rec_form_r input.middle{
    width:80%;
    padding:4px 0 4px 10px;
    font-size:12px;
}
.rec_form_r select.rec_form_r_select{
    width:86%;
    padding:4px 0 6px 10px;
    font-size:12px;
}
.bikou_txtarea{
    width:100%;
    padding:4px 0 6px 10px;
    font-size:12px;
    box-sizing: border-box;
}
.send{
    text-align:center;
    padding-bottom:20px;
}
.btn_send {
 border: 1px solid #f5bc4d;
    background: #FDF1C1;
    padding: 10px;
    font-size: 14px;
      color: #f5bc4d;
    width: 260px;

}
.btn_send:hover{
    background: #f5bc4d;
    color:  #fff;
    border-color: #f5bc4d;
    text-decoration:none;
}
.btn_send::before, .btn_send::after{
    content:'';
}
.btn_send, .btn_send::before, .btn_send::after{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all .8s;
    transition: all .8s;
}
/*** 20181109 ***/


.rec_form_r input.middle2{
    width:40%;
    padding:4px 0 4px 10px;
    font-size:12px;
}

.rec_form_r select.rec_form_r_select2{
    width:86%;
    padding:4px 0 6px 10px;
    font-size:12px;
}
.days_box {
    margin-bottom: 4px;
}

.line_qr {
    text-align: center;
    margin-bottom: 10px;
}
.QR_id {
    font-size: 16px;
    font-weight: bold;
    margin: 12px 0;
}
.line_qr_img {
    width: 120px;
    margin: 0 auto;
}

.re_caution {
    border: 1px solid #f5bc4d;
    padding: 6%;
    box-sizing: border-box;
    color: #001c55;
}
.re_c_ttl {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.re_c_txt {
    margin-bottom: 20px;
}
.re_c_txt_last {
    margin-bottom: 6px;
}


#v_ttl {
    background: #f5bc4d;
    color: #fff;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 0;
    margin-bottom: 20px;
}

.v_contents {
    width: 100%;
    display: table;
    margin: 10px auto;
    background: #FDF1C1;
    box-sizing: border-box;
    padding: 2% 3%;
}

.voice_left {
    display: table-cell;
    vertical-align: top;
    width: 25%;
}
.voice_right {
    display: table-cell;
    box-sizing: border-box;
    padding-left: 10px;
}
.vg_data {
    display: table;
    width: 100%;
    padding-bottom: 2px;
}
.vg_head{
     border-bottom: 1px solid #111;
}
.vg_left {
    display: table-cell;
    vertical-align: top;
    width: 46%;
}
.v_name_box {
    text-align: right;
    font-size: 10px;
}
.vg_name {
    font-size: 12px;
    font-weight: bold;
}
.v_txt {
    width: 90%;
    padding-top: 10px;
    font-size: 12px;
}

.v_box {
    height: 500px;
    overflow-y: scroll;
    margin-bottom: 30px;
}

.v_des {
    text-align: center;
    margin-bottom: 20px;
    font-size: 12px;
    width: 90%;
    margin:0 auto 20px auto;
}
.form_link a {
    background: #f5bc4d;
    color: #fff;
    font-size: 14px;
    padding: 2px 14px;
}

.form_link {
    margin-bottom: 20px;
    text-align: center;
}