@charset "utf-8";


.min{font-family:'Noto Serif JP', serif;}
.wid_960{max-width:1200px;margin:auto;}
#content #main .sec_title_box{background:#DDD;}
#content #main .sec_title_box .sec_title_inner{width:100%;height:350px;margin:0 auto;background:url("/emigration/images/title_bg.jpg")center bottom 40% no-repeat;background-size:cover;position:relative;}
#content #main .sec_title_box .sec_title_inner .topic_path{padding-top:110px;}
#content #main .sec_title_box .page_title{font-size:3.8em;font-weight:700;line-height:1.4;letter-spacing:0.08em;padding-top:60px;text-shadow:0px 0px 8px #FFF,0px 0px 6px #FFF,0px 0px 3px #FFF;}
#content #main .sec_title_box .page_title em{color:#ee1c25;}
@media screen and (max-width: 981px) {
.wid_960{width:auto;}
#content #main .sec_title_box .sec_title_inner{height:300px;background:url("/emigration/images/title_bg.jpg")center bottom 40% no-repeat;background-size:cover;}
#content #main .sec_title_box .page_title{font-size:3.5em;padding-top:45px;}
.tab_none{ display: none;}
}
@media screen and (min-width: 768px) {
.pc_none{ display: none;}
}
@media screen and (max-width: 767px) {
.sp_none{display:none;}
#content #main{ overflow: hidden;}
#content #main .sec_title_box .sec_title_inner{height:190px;/*background-size:auto 120%;*/}
#content #main .sec_title_box .sec_title_inner .topic_path{padding-top:85px;}
#content #main .sec_title_box .page_title{width:95%;font-size:2.0em;line-height:1.4;padding-top:0;position:absolute;top:75%;left:50%;transform:translate(-50%,-50%);}
#content #main .sec_title_box .page_title span{display:inline-block;}
}
/*-------------------------
__#sec
-------------------------*/

h3.sec_title{ font-size: 3.2em; color: #034DA2; margin-bottom: 60px;}
h3.sec_title span{ border-bottom: 3px solid #034DA2;}

.main_box{ width: 100%; max-width: 1200px; height: 490px; margin: 80px auto 100px; background:url("/emigration/images/first.jpg")center / cover no-repeat; position: relative;}
.main_box .main_com{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.main_box .main_com h2{ font-size: 3.2em; line-height: 1.6; margin-bottom: 25px; color: #034da2; font-weight: 700; text-shadow: 0px 0px 8px #fff, 0px 0px 6px #fff, 0px 0px 3px #fff;}
.main_box .main_com h2 span{ display: block;}
.main_box .main_com p{ font-size: 1.8em; line-height: 2.0; font-weight: 700; color: #fff;text-shadow: 0px 0px 8px #004F8B, 0px 0px 6px #004F8B, 0px 0px 3px #004F8B;}
@media screen and (max-width: 767px) {
.main_box{ height: 340px; margin: 40px auto 40px;}
.main_box .main_com h2{ font-size: 2.2em; line-height: 1.4em; margin-bottom: 15px;}
.main_box .main_com p{ font-size: 1.3em; line-height: 1.6em; padding: 0 20px; box-sizing: border-box;}
}

/*共通パーツ*/
.list_box{}
.list_box h3.sec_title{ font-size: 2.9em; line-height: 1.4; margin-bottom: 30px;}
.list_box h3.sec_title em{ border-bottom: 2px solid #034DA2;}
.list_box .boxtext{ margin-bottom: 20px;}
.list_box .boxtext p{ font-size: 1.6em; line-height: 1.8;}
.boxtable{}
.boxtable h4{ font-size: 2em; line-height: 1.8; font-weight: 700; text-align: left; margin:25px 0 5px; color: #034da2;}
.boxtable table{ width: 100%; border-collapse: collapse; font-size: 1.6em; line-height: 1.8; text-align: center; margin-bottom: 10px; background-color: #fff;}
.boxtable table tr{}
.boxtable table tr th,
.boxtable table tr td{ border: 1px solid #000; padding: 10px; box-sizing: border-box;}
.list_box p.attention{ text-align: right; font-size: 1.6em; line-height: 1.8; color: #787878;}
@media screen and (max-width: 767px) {
.list_box h3.sec_title{ font-size: 2em; line-height: 1.4; margin-bottom: 20px;}
.list_box .boxtext{ margin-bottom: 0;}
.list_box .boxtext p{ text-align: left; font-size: 1.3em; line-height: 1.7;}
.boxtable h4{ font-size: 1.5em; margin:10px 0 5px;}
.boxtable table{ font-size: 1.3em; line-height: 1.3; margin-bottom: 15px;}
.list_box p.attention{ font-size: 1.3em;}
}

/*box1*/
.list_box.box1{ margin-bottom: 80px;}
.list_box.box1 .merit{ display: flex; margin:50px 0 50px; position: relative; padding-top: 150px; box-sizing: border-box;}
.list_box.box1 .merit:before{ content:''; width: 1200px; height: 250px; background:url("/emigration/images/merit_demerit.jpg")center top -240px / cover no-repeat; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.list_box.box1 .merit .merit_box,
.list_box.box1 .merit .demerit_box{ position: relative; width: calc(50% - 30px); background-color: #fff; padding: 5px; box-sizing: border-box; border-radius: 5px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.list_box.box1 .merit .merit_box{ margin-right: 60px;}
.list_box.box1 .merit dl dt{ font-size: 2.5em; line-height: 1.8; margin-bottom: 5px; width: 100%;}
.list_box.box1 .merit dl dd{ text-align: left;}
.list_box.box1 .merit dl dd ul{}
.list_box.box1 .merit dl dd ul li{ font-size: 1.6em; line-height: 1.6; border-bottom: 1px dashed #ddd; padding: 5px 0; box-sizing: border-box;}
.list_box.box1 .merit .merit_box{ background:url("/emigration/images/merit_back@2x.png") center / 12px 12px repeat;}
.list_box.box1 .merit .demerit_box{ background:url("/emigration/images/demerit_back@2x.png") center / 12px 12px repeat;}
.list_box.box1 .merit .merit_box dl,
.list_box.box1 .merit .demerit_box dl{ background-color: #fff; padding: 25px; box-sizing: border-box; min-height: 335px;}
.list_box.box1 .merit .merit_box dl dt{ color: #69A5F5;}
.list_box.box1 .merit .demerit_box dl dt{ color: #F0876E;}
.list_box.box1 .merit .merit_box dl dd ul li{ padding-left: 25px; background:url("/emigration/images/merit_check@2x.png")left top 8px / 20px 20px no-repeat;}
.list_box.box1 .merit .demerit_box dl dd ul li{ padding-left: 25px; background:url("/emigration/images/demerit_check@2x.png")left top 8px / 20px 20px no-repeat;}
.list_box.box1 .merit .merit_box .en{ width: 113px; height: 85px; position: absolute; top: -50px; left: -30px;}
.list_box.box1 .merit .demerit_box .en{ width: 162px; height: 85px; position: absolute; top: -50px; left: -30px;}
@media screen and (max-width: 981px) {
.list_box.box1 .merit{ padding-top: 100px; padding: 100px 30px 0; box-sizing: border-box;}
.list_box.box1 .merit:before{ width: 100%;}
.list_box.box1 .merit dl dd ul li{ font-size: 1.4em;}
.list_box.box1 .merit .merit_box dl,
.list_box.box1 .merit .demerit_box dl{ background-color: #fff; padding: 15px; min-height: 290px;}
}
@media screen and (max-width: 767px) {
.list_box.box1{ margin-bottom: 40px;}
.list_box.box1 .boxtext{ padding: 0 20px; box-sizing: border-box;}
.list_box.box1 .merit{ display: block; margin:20px 0 20px; padding: 70px 20px 0;}
.list_box.box1 .merit:before{ content:''; width: 100%; height: 120px; background:url("/emigration/images/merit_demerit.jpg")center bottom 0 / cover no-repeat; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.list_box.box1 .merit .merit_box{ width: 100%; margin-right: 0; margin-bottom: 30px;}
.list_box.box1 .merit .demerit_box{ width: 100%; margin-right: 0; margin-bottom: 20px;}
.list_box.box1 .merit dl dt{ font-size: 2em;}
.list_box.box1 .merit dl dd ul li{ font-size: 1.3em;}
.list_box.box1 .merit .merit_box dl,
.list_box.box1 .merit .demerit_box dl{ min-height: auto;}
.list_box.box1 .merit .merit_box .en{ width: 66px; height: 50px; position: absolute; top: -20px; left: -10px;}
.list_box.box1 .merit .demerit_box .en{ width: 95px; height: 50px; position: absolute; top: -20px; left: -10px;}
.list_box.box1 .merit .merit_box .en img,
.list_box.box1 .merit .demerit_box .en img{ width: 100%; height: auto;}
}

/*box2*/
.list_box.box2{ background-color: #F0F4F6; padding: 80px 0;}
.list_box.box2 .photo_com{ position: relative;}
.list_box.box2 .photo_com .photo_box{ height: 370px; overflow: hidden; background:url("/emigration/images/go_to_work.jpg") center / cover; max-width: calc(100% - (50% - (-180px))); width: 100%; box-sizing: border-box; position: absolute; top: 0; right: 0;}
.list_box.box2 .photo_com .com_box{ max-width: 1200px; min-height: 370px; margin: 0 auto; padding-top: 30px; padding-right: 460px; box-sizing: border-box;}
.list_box.box2 .photo_com .com_box .boxtext{ text-align: left;}
.list_box.box2 .boxtable table tr th{ width: 300px; background-color: #DCE6EB;}
@media screen and (max-width: 981px) {
.list_box.box2 .photo_com,
.list_box.box2 .boxtable{ padding: 0 30px; box-sizing: border-box;}
}
@media screen and (max-width: 767px) {
.list_box.box2{ padding: 0 0 40px;}
.list_box.box2 .photo_com,
.list_box.box2 .boxtable{ padding: 0;}
.list_box.box2 .photo_com .photo_box{ height: 150px; max-width: 100%; position: relative; margin-bottom: 30px;}
.list_box.box2 .photo_com .com_box{ width: 100%; min-height: auto; padding-top: 0; padding-right: 20px; padding-left: 20px;}
.list_box.box2 .boxtable{ padding:0 20px; box-sizing: border-box;}
.list_box.box2 .boxtable table tr th,
.list_box.box2 .boxtable table tr td{ display: block; border: 1px solid #000; padding: 10px; box-sizing: border-box; width: 100%; margin-top: -1px;}
}

/*box3*/
.list_box.box3{ padding: 80px 0;}
.list_box.box3 .photo_com{ position: relative;}
.list_box.box3 .photo_com .photo_box{ height: 370px; overflow: hidden; background:url("/emigration/images/city_or_provincial.jpeg") center / cover; max-width: calc(100% - (50% - (-180px))); width: 100%; box-sizing: border-box; position: absolute; top: 0; left: 0;}
.list_box.box3 .photo_com .com_box{ max-width: 960px; min-height: 370px; margin: 0 auto 50px; padding-top: 30px; padding-left: 360px; box-sizing: border-box;}
.list_box.box3 .photo_com .com_box .boxtext{ text-align: left;}
.list_box.box3 .boxtable{ position: relative;}
.list_box.box3 .boxtable .tabletitle{ display: inline-block; color: #fff; background-color: #034DA2; font-size: 1.9em; padding: 15px 20px; border-radius: 5px 5px 0 0; position: absolute; top: -48px; right: 0;}
.list_box.box3 .boxtable table tr th{ background-color: #DCE6EB;}
.list_box.box3 .boxtable table tr td:nth-child(1){ background-color: #fff;}
.list_box.box3 .boxtable table tr td:nth-child(3){ background-color: #FFFFD2;}
.list_box.box3 .boxtable table tr td.blue:nth-child(3){ background-color: #FFFFD2;}
.list_box.box3 .boxtable table tr td{ width: 40%;}
@media screen and (max-width: 981px) {
.list_box.box3 .photo_com,
.list_box.box3 .boxtable{ padding: 0 30px; box-sizing: border-box;}
.list_box.box3 .boxtable .tabletitle{position: absolute; top: -48px; right: 30px;}
}
@media screen and (max-width: 767px) {
.list_box.box3{ padding: 0 0 40px;}
.list_box.box3 .photo_com{ padding: 0;}
.list_box.box3 .boxtable{ padding: 0 20px;}
.list_box.box3 .photo_com .photo_box{ height: 150px; max-width: 100%; position: relative; margin-bottom: 30px;}
.list_box.box3 .photo_com .com_box{ width: 100%; min-height: auto; margin: 0 auto 40px; padding-top: 0; padding-right: 20px; padding-left: 20px;}
.list_box.box3 .boxtable .tabletitle{ font-size: 1.4em; padding: 10px 15px; border-radius: 3px 3px 0 0; position: absolute; top: -34px; right: 20px;}
}

/*box4*/
.list_box.box4{ width: 100%; max-width: 1200px; height: 600px; margin: 0 auto; background:url("/emigration/images/contact.jpg")center no-repeat; position: relative;}
.list_box.box4 .matome_com{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.list_box.box4 .matome_com h3{ margin-bottom: 45px; color: #034DA2; font-size: 3.2em; font-weight: 700; text-shadow: -1px -1px 4px #fff, -1px 0 4px #fff, -1px 1px 4px #fff,
                  0 -1px 4px #fff,                    0 1px 4px #fff,
                1px -1px 4px #fff,  1px 0 4px #fff,  1px 1px 4px #fff;}
.list_box.box4 .matome_com h3 span{ background: linear-gradient(transparent 50%, #ffffff 0%);}
.list_box.box4 .matome_com h4{ font-size: 3.2em; line-height: 1.4em; margin-bottom: 35px; color: #fff;}
.list_box.box4 .matome_com .boxtext{ color: #fff; margin-bottom: 0;}
.list_box.box4 .matome_com .boxtext p{}
.list_box.box4 .matome_com .boxtext p.last_com{ font-size: 2.5em; color: #FFFF00; font-weight: 700; margin-top: 10px;}
@media screen and (max-width: 767px) {
.list_box.box4{ height: 500px; margin: 0 auto; background:url("/emigration/images/contact.jpg")center right -200px no-repeat;}
.list_box.box4 .matome_com{ padding: 0 20px; box-sizing: border-box;}
.list_box.box4 .matome_com h3{ margin-bottom: 20px; font-size: 2em;}
.list_box.box4 .matome_com h4{ font-size: 2.2em; line-height: 1.2em; margin-bottom: 20px;}
.list_box.box4 .matome_com .boxtext p.last_com{ font-size: 1.7em; line-height: 1.4; margin-top: 10px;}
}
/*-------お問い合わせ--------*/
.contact_btn_box{margin:60px auto;}
.contact_btn_box .contact_text{display:block;font-size:1.8em;line-height:1.5;padding-bottom:20px;}
.contact_btn_box a{text-decoration:none;font-size:20px;line-height:50px;color:#FFF;padding:0 40px;height:50px;display:inline-block;background:#ee1c25;border-radius:5px;box-shadow:0 1px 6px 1px rgb(0 0 0 / 40%);}
@media screen and (max-width: 767px) {
.contact_btn_box{margin:45px auto;}	
.contact_btn_box .contact_text{font-size:1.6em;padding-bottom:10px;}
.contact_btn_box a{font-size:16px;padding:0 20px;}
}
/*-------------------------
__form_base
-------------------------*/
.form_base label {
display:inline-block;
cursor: pointer
}
.form_base table{
font-size: 1.4em;
line-height: 1.4;
letter-spacing: 0.04em;
text-align: left;
width: 100%;
margin: 0 0 20px;
border-collapse: collapse;
border-spacing: 0;
}
.form_base table th,
.form_base table td {
padding: 10px 0;
}
.form_base table th {
width: 160px;
font-weight: bold;
}
.form_base table th .required {
color:#D93600;
}
.form_base input[type="text"],
.form_base input[type="password"],
.form_base textarea {
-webkit-appearance: none;
appearance: none;
font-size: 14px;
line-height: 1.4;
/*width: 60%;*/
margin: 4px 0;
padding: 6px;
border: 1px solid #999;
box-sizing: border-box;
}
.form_base input[type="text"]:hover,
.form_base input[type="password"]:hover,
.form_base textarea:hover{
border: 1px solid #666;
}
.form_base input[type="text"]:focus,
.form_base input[type="password"]:focus,
.form_base textarea:focus{
background-color: #ffc;
border: 1px solid #333;
}
.form_base input.text_name,
.form_base input.text_zip {
width: 120px;
}
.form_base textarea {
height: 8em;
width: 100%;
}
.form_base select {
font-size:14px;
}
.form_base input[type="submit"],
.form_base input[type="button"] {
-webkit-appearance: none;
appearance: none;
border: none;
border-radius: 0;
box-sizing: border-box;
cursor: pointer;
-webkit-transition: .3s;
-ms-transition: .3s;
transition: .3s;
}
.form_base input[type="submit"] {
font-size: 15px;
line-height: 50px;
font-weight: bold;
color:#fff;
background-color: #666;
width: 260px;
border-radius: 6px;
}
/*.form_base input[type="button"] {
font-size: 0.8em;
font-weight: bold;
color:#333;
background-color: #ccc;
margin: 0 0 0 5px;
padding: 6px 10px;
border: 1px solid #ccc;
}*/
#put_addr_button{
font-size: 14px;
line-height: 40px;
color: #FFF;
height: 40px;
border: 1px solid #AAA;
background: #545454;
display: inline-block;
padding: 0 15px;
border-radius: 7px;
cursor: pointer;
margin-bottom: 10px;}
.form_base input[type="button"]#to_conf_btn,
.form_base input[type="button"]#submit_btn{
font-size: 20px;
line-height: 50px;
color: #FFF;
padding: 0 40px;
height: 50px;
display: inline-block;
background: #ee1c25/*アクセントカラー*/;
border: 1px solid #ee1c25;
border-radius: 5px;
box-shadow: 0 1px 6px 1px rgb(0 0 0 / 40%);
}
.form_base input[type="button"]#return_btn{
font-size: 15px;
line-height: 40px;
color: #FFF;
margin: 20px auto 0;
padding: 0 10px;
height: 40px;
display: block;
background: #666;
border: 1px solid #999;
border-radius: 5px;
box-shadow: 0 1px 6px 1px rgb(0 0 0 / 40%);
}
@media screen and (min-width: 768px) {
.form_base input[type="submit"]:hover {
background-color: #21afef;
}
.form_base input[type="button"]#to_conf_btn:hover,
.form_base input[type="button"]#submit_btn:hover{
background-color: #bbb;
border: 1px solid #bbb;
}
.form_base input[type="button"]#return_btn:hover{
background-color: #bbb;
border: 1px solid #bbb;
}
}

/*-------------------------
.form
-------------------------*/
fieldset{ display: inline-block;}
#content .box5{ margin:100px auto 100px;}
#content .box5 .box_inner,
#content .box5 .box_inner2{width:960px;margin:0 auto;}
#content .box5 .box_inner dl{font-size:0;letter-spacing:-1em;text-align:left;margin:0 10px;}
#content .box5 .box_inner dt{font-size:14px;line-height:1.2em;letter-spacing:normal;display:inline-block;vertical-align:top;padding-top:35px;}
#content .box5 .box_inner dd{font-size:14px;line-height:40px;letter-spacing:normal;display:inline-block;vertical-align:top;padding-top:20px;}
#content .box5 .box_inner dt{font-weight:700;width:215px;padding-left:5px;}
#content .box5 .box_inner dt span.attention{ display: block; font-weight: normal; font-size: 12px;}
#content .box5 .box_inner dd{width:720px;}
#content .box5 .box_inner dd + dd{padding-left:220px;}
#content .box5 .box_inner .att1{font-size:12px;font-weight:400;color:#F00;}
#content .box5 dd input[type="text"],
#content .box5 dd textarea{font-size:14px;line-height:20px;/*margin:0 5px;*/padding:0;border:1px solid #AAA;background:#EEE;box-shadow:1px 1px 1px rgba(0,0,0,0.3) inset;border-radius:5px;}
@media screen and (min-width: 768px) {
#content .box5 dd input[type="text"],
#content .box5 dd textarea{margin:0 5px;}
}
#content .box5 dd input[type="text"]{padding:9px; box-sizing: border-box;}
#content .box5 dd textarea{line-height:20px;padding:0 9px;height:120px;}
#content .box5 dd input[type="button"]{font-size:14px;line-height:40px;color:#FFF;height:40px;border:1px solid #AAA;background:#545454;display:inline-block;padding:0 15px;border-radius:7px;}
#content .box5 dd ul li{ display: inline;}
#content .box5 dd ul li{}
@media screen and (max-width: 767px) {
#content .box5{ margin:40px auto 40px;}
}


input[type="radio"],
input[type="checkbox"]{ position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); clip-path: inset(50%); margin: -1px;}
/*ラジオ*/
.r_box input[type="radio"]:checked + label::after {opacity : 1 ;}
.r_box label { position: relative; cursor: pointer; padding-left: 30px;}
.r_box label::before,
.r_box label::after { content: ""; display: block;  border-radius: 50%; position: absolute; transform: translateY(-50%); top: 50%;}
.r_box label::before { background-color: #fff; border: 1px solid #ccc; border-radius: 50%; width: 20px; height: 20px; left: 5px;}
.r_box label::after { background-color: #034da2; border-radius: 50%; opacity: 0; width: 12px; height: 12px; left: 10px}
/*.radio input{display:none;}
.radio{box-sizing:border-box;position:relative;vertical-align:top;display:inline-block;margin:3px 0;padding:0 0 0 26px;border-radius:50%;cursor:pointer;}
.radio span::after{content:"";background-color:#FFF;position:absolute;top:50%;left:0;display:block;margin-top:-12px;width:16px;height:16px;border:2px solid #BBB;border-radius:50%;transition:border-color .3s;}
.radio:hover span::after{border-color:#003092;}
.radio span::before {content:"";display:block;background-color:#003092;height:8px;width:8px;margin-top:-6px;border-radius:50%;position:absolute;top:50%;left:6px;opacity:0;transition:opacity .3s;}
.radio input:checked + span::before {opacity:1;z-index:2;}*/
/*チェック*/
.c_box label { cursor: pointer; padding-left: 30px; position: relative;}
.c_box label::before,
.c_box label::after { content: ""; display: block;  position: absolute;}
.c_box label::before { background-color: #fff; border-radius: 0%; border: 1px solid #ddd; width: 20px; height: 20px; transform: translateY(-50%); top: 50%; left: 5px;}
.c_box label::after { border-bottom: 3px solid #034da2; border-left: 3px solid #034da2; opacity: 0; height: 5px; width: 10px; transform: rotate(-45deg); top: 14px; left: 10px;}
input[type="checkbox"]:checked + label::after { opacity: 1;}
@media screen and (max-width: 767px) {
.c_box label::after { top: 8px;}
}

/*共通*/
#content .box5 dd input[type="text"],
#content .box5 dd textarea,
#content .box5 dd input[type="button"],
#content .box5 .btn1 input[type="submit"],
#content .box5 dd label{cursor:pointer;transition:0.3s;}
/*ボタン初期化*/
#content .box5 dd input[type="button"],
#content .box5 .btn1 input[type="submit"]{-webkit-appearance:button;appearance:button;}
/*フォーカス処理*/
#content .box5 dd input[type="text"]:focus,
#content .box5 dd textarea:focus{background:#FFF;}
/*横幅設定*/
#content .box5 dd .fm_s{width:180px;}
#content .box5 dd .fm_m{width:280px;}
#content .box5 dd .fm_l{width:520px;}
#content .box5 dd .fm_ll{width:calc(100% - 30px);}

/*郵便番号*/
#content .box5 dd.add{position:relative;}
#content .box5 dd.add input[type="text"]{padding-left:35px;}
#content .box5 dd.add::after{content:"〒";display:inline-block;position:absolute;top:20px;left:15px;}
/*placeholder*/
#content input[type="text"]::-webkit-input-placeholder,
#content textarea::-webkit-input-placeholder,
#content input[type="text"]:-ms-input-placeholder,
#content textarea:-ms-input-placeholder,
#content input[type="text"]:placeholder-shown,
#content textarea:placeholder-shown{color:#AAA;}
/*入力時のキーボード*/
#content .ime_jp{ime-mode:active;}
#content .ime_en{ime-mode:disabled;}
/*チェックボックス*/
#content .box5 dd label.ck1{}
#content .box5 dd label.ck1 input{display:none;}
#content .box5 dd label.ck1 span.consent{display:inline-block;line-height:38px;height:38px;padding:0 9px 0 49px;background:url(/images/form_ck2.png) 5px 5px no-repeat;background-size:30px,30px;border:1px solid #FFF;border-radius:7px;cursor:pointer;transition:0.3s;}
#content .box5 dd label.ck1 input:checked + span.consent{background-image:url(/images/form_ck1.png);border-color:#F00;}
/*selectボックス*/
#content .box5 dd select{ font-size: 14px;}
/*submitボタン*/
#content .box5 .btn1{padding:35px 0 0;}
#content .box5 .btn1 input[type="submit"]{font-size:20px;line-height:50px;color:#FFF;padding:0 40px;height:50px;display:inline-block;background:#ee1c25/*アクセントカラー*/;border:none;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);}

/*プライバシーポリシー*/
#content .box5 .privacy{margin:30px 15px 30px 15px;border:1px solid #AAA;background:#FFF;position:relative;}
#content .box5 .privacy::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:20px;
background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
}
#content .box5 .privacy .inner{width:100%;height:300px;overflow:auto;-webkit-overflow-scrolling:touch;}
#content .box5 .privacy .page_caption,
#content .box5 .privacy dl{font-size:14px;line-height:22px;text-align:left;margin:0 10px;padding:10px 0 0;}
#content .box5 .privacy .page_caption{}
#content .box5 .privacy dl{}
#content .box5 .privacy dt{font-size:20px;padding:20px 0 0;}
#content .box5 .privacy dd{padding:10px 0 0;}
#content .box5 .privacy dt.box1{font-size:14px;}
#content .box5 .privacy dd.box2{margin:0 0 0 30px;}
#content .box5 .privacy .pp_contact{background:#EEE;padding:20px 0;margin:20px 0 0;}
#content .box5 .privacy .pp_contact h4{font-size:16px;font-weight:700;line-height:25px;}
#content .box5 .privacy .pp_contact p{font-size:14px;line-height:25px;padding:5px 0 0;}
#content .box5 .privacy .pp_contact br.line1{display:none;}
#content .box5 .privacy .pp_contact br.line1 + .line0{padding:0 0 0 1em;}


@media screen and (max-width: 767px) {
#content .box5{ margin-bottom: 40px;}
#content .box5 .box_inner,
#content .box5 .box_inner2{width:100%;}
#content .box5 .box_inner dt,
#content .box5 .box_inner dd{display:block;width:auto; line-height: 2;}
#content .box5 .box_inner dt{line-height:25px;padding-top:10px;}
#content .box5 .box_inner dd{padding-top:5px;}
#content .box5 .box_inner dd + dd{padding-left:0;}
#content .box5 dd.add::after{top:5px;}
#content .box5 .cap1{font-size:12px;line-height:30px;display:block;margin:0 5px;}
#content .box5 dd ul li{ display: block;}
#content .box5 dd ul li label{ display: block;}
/*横幅設定*/
#content .box5 dd .fm_s{width:80px;}
/*#content .box5 dd .fm_m{width:calc(100% - 30px);}
#content .box5 dd .fm_l{width:calc(100% - 30px);}
#content .box5 dd .fm_ll{width:calc(100% - 30px);}*/
#content .box5 dd .fm_m,
#content .box5 dd .fm_l,
#content .box5 dd .fm_ll{width:100%;}

#content .box5 dd input[type="button"]{font-size:12px;padding:0 10px;}
#content .box5 dd label.ck1{ margin: 0 auto;}
#content .box5 dd label.ck1 span.consent{font-size:12px;}
#content .box5 .btn1{padding:20px 0 0;}
#content .box5 .btn1 input[type="submit"]{font-size:16px;padding:0 20px;}
/*selectボックス*/
#content .box5 dd select{ font-size: 16px;}

#content .box5 .privacy .page_caption,
#content .box5 .privacy dl{font-size:12px;line-height:20px;}
#content .box5 .privacy .page_caption{}
#content .box5 .privacy dl{padding:0;}
#content .box5 .privacy dt{font-size:16px;padding:10px 0 0; font-weight: 700;}
#content .box5 .privacy dd{padding:5px 0 0;}
#content .box5 .privacy dd.box2{margin:0 0 0 15px;}
#content .box5 .privacy .pp_contact h4{font-size:14px;line-height:20px;}
#content .box5 .privacy .pp_contact p{font-size:12px;line-height:20px;padding:5px 0 0;}
#content .box5 .privacy .pp_contact br.line1{display:inline;}
#content .box5 .privacy .pp_contact br.line1 + .line0{padding:0;}
}

/*=改行・制限=*/
.form_base .nowrap{	
white-space: nowrap;
}
/*=入力モード切替 ※IEのみ有効=*/
.form_base .ime_ac {ime-mode: active;}
.form_base .ime_dis {ime-mode: disabled;}

/*=左右寄せ= */
.form_base .align_l {text-align:left!important;}
.form_base .align_r {text-align:right!important;}
.form_base .align_c {text-align:center!important;}
/*上下位置*/
.form_base .align_t {vertical-align: top;}
.form_base .align_b {vertical-align: bottom;}

.form_base input[type="text"],
.form_base textarea {box-sizing:border-box;}
.form_base .min_w2em {min-width:2em;}
.form_base .min_w3em {min-width:3em;}
.form_base .min_w4em {min-width:4em;}
.form_base .min_w5em {min-width:5em;}
.form_base .min_w6em {min-width:6em;}
.form_base .min_w7em {min-width:7em;}
.form_base .min_w8em {min-width:8em;}
.form_base .min_w9em {min-width:9em;}
.form_base .min_w10em {min-width:10em;}

/* 字数幅 */
.form_base .w2em {width:2em;}
.form_base .w3em {width:3em;}
.form_base .w4em {width:4em;}
.form_base .w5em {width:5em;}
.form_base .w6em {width:6em;}
.form_base .w7em {width:7em;}
.form_base .w8em {width:8em;}
.form_base .w9em {width:9em;}
.form_base .w10em {width:10em;}
.form_base .w11em {width:11em;}
.form_base .w12em {width:12em;}
.form_base .w13em {width:13em;}
.form_base .w14em {width:14em;}
.form_base .w15em {width:15em;}
.form_base .w20em {width:20em;}
.form_base .w21em {width:21em;}
.form_base .w22em {width:22em;}
.form_base .w23em {width:23em;}
.form_base .w24em {width:24em;}
.form_base .w25em {width:25em;}
.form_base .w26em {width:26em;}
.form_base .w27em {width:27em;}
.form_base .w28em {width:28em;}
.form_base .w29em {width:29em;}
.form_base .w30em {width:30em;}

/* 0.5文字ずつ */
.form_base .w1_5em {width:1.5em;}
.form_base .w2_5em {width:2.5em;}
.form_base .w3_5em {width:3.5em;}
.form_base .w4_5em {width:4.5em;}
.form_base .w5_5em {width:5.5em;}
.form_base .w6_5em {width:6.5em;}
.form_base .w7_5em {width:7.5em;}
.form_base .w8_5em {width:8.5em;}
.form_base .w9_5em {width:9.5em;}

/* % */
.form_base .w20per {width:20%;}
.form_base .w25per {width:25%;}
.form_base .w30per {width:30%;}
.form_base .w40per {width:40%;}
.form_base .w50per {width:50%;}
.form_base .w60per {width:60%;}
.form_base .w70per {width:70%;}
.form_base .w80per {width:80%;}
.form_base .w90per {width:90%;}
.form_base .w100per {width:100%;}


.form_base .err{
	font-size:12px;
	display:block;
	color:#FF0000;
}

@media screen and (max-width: 767px) {
fieldset{ display: block;}
#content .box5 dd label{ width: 100%;}
/* 字数幅 */
.form_base .w10em,
.form_base .w11em,
.form_base .w12em,
.form_base .w13em,
.form_base .w14em,
.form_base .w15em,
.form_base .w20em,
.form_base .w21em,
.form_base .w22em,
.form_base .w23em,
.form_base .w24em,
.form_base .w25em,
.form_base .w26em,
.form_base .w27em,
.form_base .w28em,
.form_base .w29em,
.form_base .w30em {width:100%;}
}

/*確認画面*/
.form_base.check{}
.form_base.check h2{ margin: 40px 0 20px;font-size: 26px; line-height: 40px; height: 40px; font-weight: 400; text-align: left; padding: 7px 0 3px 10px; border-left: 5px solid #034da2/*メインカラー*/; background: #EEE;}
.form_base.check table{ width: 100%; border-top: 1px solid #ddd;}
.form_base.check table tr{ border-bottom: 1px solid #ddd;}
.form_base.check table tr th{ width: 220px;}
.form_base.check table tr td{}
.form_base.check .transmit{ font-size: 14px; line-height: 20px; margin-bottom: 25px;}
@media screen and (max-width: 767px) {
.form_base.check{}
.form_base.check h2{ margin: 0 0 20px; font-size: 20px;}
.form_base.check table tr{}
.form_base.check table tr th{ display: block; width: 100%; padding: 15px 20px 3px 20px; box-sizing: border-box;}
.form_base.check table tr td{ display: block; width: 100%; padding: 3px 20px 15px 20px; box-sizing: border-box;}
.form_base.check .transmit{ padding: 0 20px; box-sizing: border-box;}
}

.thanks{ max-width: 950px; margin: 40px auto 0;}
.thanks dl.top_com dt{ font-size: 22px; line-height: 30px; color: #F00; padding: 0 0 20px;}
.thanks dl.top_com dd{ font-size: 14px; line-height: 20px; background: #EEE; border: 1px solid #AAA; padding: 9px; margin: 0 10px 10px 10px;}
.thanks .contact_bottom{}
.thanks .contact_bottom p.cap1{ font-size: 14px; line-height: 22px; padding: 20px 0 30px;}
.thanks dl.info dt{font-size: 18px; line-height: 22px; padding: 0 0 10px;}
.thanks dl.info dd{font-size: 22px; line-height: 30px; font-weight: 700; color: #F00;}
.thanks dl.info dd span{font-size: 12px; line-height: 24px; font-weight: 400; color: #FFF; background: #F00; padding: 0 5px; margin: 3px 5px 3px 0; height: 24px; display: inline-block; vertical-align: bottom; border-radius: 4px;}
.thanks dl.info dd a.call{ color: inherit; text-decoration: inherit; display: inline-block; pointer-events: none;}
.thanks .gotop{ text-align: center; margin: 20px 0 50px;}
.thanks .gotop a{ display: inline-block; font-size: 14px; background-color: #eee; color: #666; padding: 10px 20px; border-radius: 3px; text-decoration: none;}
@media screen and (max-width: 767px) {
.thanks{ width: 100%; margin: 20px auto 0;}
.thanks dl.top_com dt{font-size: 18px; line-height: 25px; padding: 10px 0;}
.thanks dl.top_com dd{text-align: left;margin-top: 10px;}
.thanks .contact_bottom p.cap1{text-align: left; margin: 0 15px; padding: 10px 0 20px;}
.thanks dl.info{padding: 0 0 20px;}
.thanks .gotop{ text-align: center; margin: 10px 0 30px;}
}