input,select{vertical-align:middle}
.recruitContact{font-size:13px;color:#333;line-height:1.5em;font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,Osaka,ＭＳ Ｐゴシック,MS PGothic,sans-serif}
#footer{overflow:hidden; width:100%; border-top:1px solid #666; padding: 5px 0 !important}
#footer #info{overflow:hidden; margin:0 auto; width:1130px}
#footer #info .company01{float:left}
#footer #info .company01 p{margin-top:0 !important; color:#666; font-size:11px; text-align:left !important}
#footer #info .company02{ float:right }
#footer #info .company02 .footer_link a:first-child{margin-right:20px}
#footer #info .company02 .footer_link a{font-size:11px; text-decoration: underline}
#footer #info .company02 .copyright {margin-top:0 !important; padding:0 !important; color:#666; font-size:11px; text-align:left !important}
/* progress_container 進捗率 --------------------*/
.progress_container {display:none !important}/*background-color:#fff*/
.progress_float_box {display:none !important}
/* chat_container -------------------------------*/
.chat_container {display:none; padding:10px}
.chat_container.show {display:block}
/* chat_box 吹き出し ----------------------------*/
.chat_box {position:relative; margin-bottom:20px; display:flex; display:-ms-flexbox; display:-webkit-box; display:-webkit-flex; opacity:0; animation:fadeIn 0.4s ease; animation-fill-mode:forwards}
@keyframes fadeIn {
0% {opacity:1; transform:scale(0.8, 0.8)}
100% {opacity:1; transform:scale(1.0, 1.0)}
}
/* 吹き出し(左) */
.chat_box_left {transform-origin:top left}
.chat_box_left .message{position:relative;display:inline-block;padding:15px 25px 13px;box-sizing:border-box;margin-top:10px;margin-left:20px;
height:100%;/* FireFox, Edge, IE */
height:fit-content;/* Chrome,iPad */
color:#333;font-size:15px;line-height:1.5em;background-color:#fff;border:solid 2px #d0d0d0;border-radius:20px;max-width:70%}
.chat_box_left .message:before{content:'';position:absolute;display:block;z-index:2;border-style:solid;border-color:transparent #fff;border-width:7px 11px 7px 0;top:32px;left:-11px;margin-top:-10px}
.chat_box_left .message:after{content:'';position:absolute;display:block;z-index:1;border-style:solid;border-color:transparent #d0d0d0;border-width:9px 12px 9px 0;top:30px;left:-13px;margin-top:-10px}

.chat_box_left .icon {height:70px; width:70px; background-image:url(/entry/img-ad/chat_girl.png); background-position-y:23%; background-size:auto 600px; border:1px solid #ccc; border-radius:50%; padding:20px}
.chat_box_left .icon.chat_girl_a {background-position-x:33%}
.chat_box_left .icon.chat_girl_b {background-position-x:47.8%}
.chat_box_left .icon.chat_girl_c {background-position-x:62.2%}

.chat_box_left .icon02{width:85px;height:85px;padding:4px 2px 0 2px;border-radius:50%;border:1px solid #ccc;}
.chat_box_left .icon02 img{width:100%;height:auto}
.chat_box_left .highlight {color:#e05151; font-weight:bold}
/* 吹き出し(右) */
.chat_box_right {margin-right:10px; flex-flow:row-reverse wrap; -ms-flex-flow:row-reverse wrap; -webkit-flow:row-reverse wrap; animation-delay:0.5s; transform-origin:top right}
.chat_box_right .content_box{position:relative;display:inline-block;background-color:#fff2f6;border-radius:20px;padding:15px;margin:0 10px 0 0}
.chat_box_right .content_box:before{content:'';position:absolute;display:block;z-index:1;border-style:solid;border-color:transparent #fff2f6;border-width:10px 0 10px 17px;top:35px;right:-15px;margin-top:-10px}
.chat_box_right .content_box.inactive{background-color:#f6f6f6}
.chat_box_right .content_box.inactive:before{border-color:transparent #f6f6f6}
.chat_box_right .content_box.inactive .input_box {opacity:0.5}
.chat_box_right .content_box.inactive input:disabled {opacity:1; background:#fff}
.shake_content_box {animation:shake 0.4s}
@keyframes shake{
from{transform:translateX(-5px) translateY(0px)}
20%{transform:translateX(5px) translateY(0px)}
40%{transform:translateX(-10px) translateY(0px)}
60%{transform:translateX(10px) translateY(0px)}
80%{transform:translateX(-10px) translateY(0px)}
to{transform:translateX(-5px) translateY(0px)}
}
/* chat_box 吹き出しの中身
-------------------------------------------------*/
/* チェックボックス */
.chat_box ul {width:580px; font-size:0; margin-bottom:-10px}
.chat_box ul li {width:calc(50% - 5px); display:inline-block; vertical-align:top; margin: 0 0 10px 0}
.chat_box ul li:nth-of-type(2n) {margin-left:10px}
#graduation_year_phc_contents .chat_box ul li {width:calc(33% - 6px)}
#graduation_year_phc_contents .chat_box ul li:last-child {margin-left:10px}
.chat_box input[type=radio], .chat_box input[type=checkbox] {display:none}
.chat_box .checkbox {transition:background-color 0.2s linear; position:relative; display:block; text-align:center; line-height:42px; border-radius:5px; background-color:#fff; border:2px solid #ff7da3; cursor:pointer; font-size:15px; color:#ff7da3; font-weight:bold; padding:0 5px}
.chat_box .checkbox:after {transition:border-color 0.2s linear; position:absolute; z-index:1; top:50%; left:15px; display:block; margin-top:-8px; width:12px; height:12px; border:2px solid #ff7da3; content:''}
.chat_box .checkbox:before {transition:opacity 0.2s linear; position:absolute; z-index:2; top:50%; left:22px; display:block; margin-top:-12px; width:5px; height:13px; border-right:3px solid #fff; border-bottom:3px solid #fff; content:''; opacity:0; -ms-transform:rotate(45deg); transform:rotate(45deg)}
/* チェックボックス hover */
.chat_box .checkbox:hover {background-color:#ff7da3; color:#fff}
.chat_box .checkbox:hover:after {border-color:#fff !important}
/* チェックボックス checked */
.chat_box input[type="checkbox"]:checked+.checkbox, .chat_box input[type="radio"]:checked+.checkbox {background-color:#ff7da3; color:#fff}
.chat_box input[type="checkbox"]:checked+.checkbox:after, .chat_box input[type="radio"]:checked+.checkbox:after {border-color:#fff !important}
.chat_box input[type="checkbox"]:checked+.checkbox:before, .chat_box input[type="radio"]:checked+.checkbox:before {opacity:1}
/* セレクトボックス */
select:focus {outline:0}
select::-ms-expand {display:none;/* IE用 */}
.content_box .select-wrap {position:relative; width:300px}
.content_box .select-wrap::after{position:absolute;right:30px;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);content:"";display:block;width:0;height:0;border-style:solid;border-width:6px 5px 0 5px;border-color:#ff7da3 transparent transparent transparent}
.content_box .select-wrap select{width:100%;box-sizing:border-box;border:2px solid #ff7da3;background:#fff;height:46px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:13px;padding:0 25px 0 15px;border-radius:5px;cursor:pointer}
.content_box .select-wrap select .empty {display:none}
.content_box.nLocation .select-wrap select {width:80%}
.content_box.nLocation .select-wrap-space {height:10px}
.content_box.nBirthday .select-wrap {display:inline-block; width:120px}
.content_box.nAddress .select-wrap select {font-size:16px}
/* テキストボックス */
.chat_box input[type="text"]:focus, .chat_box input[type="email"]:focus, .chat_box input[type="tel"]:focus, .chat_box textarea:focus {outline:0}
.chat_box input[type="text"], .chat_box input[type="email"], .chat_box input[type="tel"], .chat_box textarea {box-sizing:border-box;width:400px;border-radius:5px;border:2px solid #ff7da3;height:50px;padding:10px;font-size:16px}
.chat_box .nKana {margin-top:10px}
.chat_box textarea {height:46px; max-width:1000px}
.chat_box .nMessage {padding-bottom:20px}
.chat_box .nAddress input[type="text"] {width:300px}
.chat_box .text_cmt {width:472px !important}
/* アンカー */
.chat_box .rulu {padding-bottom:20px;}
.chat_box .rulu a {color:#0971b9; padding:0 10px; display:block;}
.chat_box .rulu a::before {content:"";display:inline-block;vertical-align:middle;width:5px;height:5px;border-top:2px solid #0971b9;border-right:2px solid #0971b9;-ms-transform:rotate(45deg);transform:rotate(45deg);margin-right:5px;margin-bottom:0}
/* chat_box エラーメッセージ --------------------*/
.error_message {color:#e05151; font-weight:bold; padding:10px 0; height:1em}
.input_box.error label, .input_box.error .select-wrap select, .input_box.error input[type="text"], .input_box.error input[type="email"], .input_box.error input[type="tel"]	{border-color:#e05151}
/* chat_box ボタン ------------------------------*/
.button_box {text-align:center}
.button_box>span {display:inline-block;width:180px;padding:10px;border:none;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5bc2f6+0,1f9ee7+100 */
background:#5bc2f6; /* Old browsers */
background:-moz-linear-gradient(top,  #5bc2f6 0%, #1f9ee7 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(top,  #5bc2f6 0%,#1f9ee7 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom,  #5bc2f6 0%,#1f9ee7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bc2f6', endColorstr='#1f9ee7',GradientType=0 ); /* IE6-9 */
font-size:16px;color:#fff;text-align:center;position:relative;border-radius:50px;cursor:pointer;transition:all 0.2s ease}
.button_box>span:hover {opacity:0.7; filter:alpha(opacity = 70)}
.button_box>span:focus {outline:none}
.button_box>span.none {display:none}
.button_box>span.inactive{
color:#555;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e3e3e3+0,c4c4c4+100 */
background:#e3e3e3; /* Old browsers */
background:-moz-linear-gradient(top,  #e3e3e3 0%, #c4c4c4 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(top,  #e3e3e3 0%,#c4c4c4 100%); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom,  #e3e3e3 0%,#c4c4c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */
}
/* chat_box 確定値保持エリア --------------------*/
.setvalue_box {display:none}
/* chat_box プレゼント応募 ----------------------*/
.chat_box .nGift {padding-bottom:20px; text-align:center}
.chat_box .nGift input[type=checkbox] {display:inline}
/* chat_box 登録ボタン --------------------------*/
.chat_box span.complete_button {
display:inline-block;
border:none;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff7da2+0,f91a69+100 */
background:#ff7da2;/* Old browsers */
background:-moz-linear-gradient(top, #ff7da2 0%, #f91a69 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(top, #ff7da2 0%,#f91a69 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom, #ff7da2 0%,#f91a69 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7da2', endColorstr='#f91a69',GradientType=0 );/* IE6-9 */
color:#fff;text-align:center;border-radius:50px;cursor:pointer;width:260px;font-size:16px;padding:10px 0}
.chat_box span.complete_button>span {font-weight:400; font-size:12px}

/* MAG_UNEI-12044 */
.label-box2 {
    padding-bottom: 20px;
}
.ofrMsg {    
    padding-bottom: 20px;
}
.ofrMsg .checkbox2 {
    transition:background-color 0.2s linear; 
    position:relative; 
    display:block; 
    cursor:pointer; 
    font-size:14px; 
    padding:0 10px 0 30px;
}
.ofrMsg .checkbox2:after {
    transition:border-color 0.2s linear; 
    position:absolute; 
    z-index:1; 
    top:50%; 
    left:11px; 
    display:block; 
    margin-top:-8px; 
    width:12px; 
    height:12px; 
    border:2px solid #ff7da3; 
    content:''
}
.ofrMsg .checkbox2:before {
    transition:opacity 0.2s linear; 
    position:absolute; 
    z-index:2; 
    top:50%; 
    left:18px; 
    display:block; 
    margin-top:-12px; 
    width:5px; 
    height:13px; 
    border-right:3px solid #ff9a05; 
    border-bottom:3px solid #ff9a05; 
    content:''; 
    opacity:0; 
    -ms-transform:rotate(45deg); 
    transform:rotate(45deg)
}
.ofrMsg input[type="checkbox"]:checked+.checkbox2:before {
    opacity:1
}