@charset "utf-8";
/*
機　　能　　名：お問い合わせ
作　　成　　日：2019/09/26
作　　成　　者：52WEB WORKS. 関本
更　　新　　日：

/* ***************************************
	inquiry
**************************************** */
@media screen and (min-width: 769px) {/* PC */
.main_ttl {
height:101px;/* total 176px */
background:url(../images/inquiry/main_ttl_pc.png) center 0 no-repeat;
}
}
@media screen and (max-width: 768px) {/* SP */
.main_ttl {
background:url(../images/inquiry/main_ttl_sp.png) center center no-repeat;
background-size:auto 180px;
-webkit-background-size:auto 180px;
}
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
.main_ttl {
background:url(../images/inquiry/main_ttl_pc.png) center 0 no-repeat;
background-size:auto 395px;
-webkit-background-size:auto 395px;
}
}
}

/* ***************************************
	inquiry_contents
**************************************** */
#inquiry_contents {
margin-bottom:0;
}
#inquiry_contents .i_txt {
background:#FFF;
margin:0 auto;
}
#inquiry_contents .entry_form_wrapper {
margin:0 auto;
}
#inquiry_contents .fin_box h4 {
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
color:#8E0A0A;
text-align:center;
}
#inquiry_contents .entry_form_wrapper .fin_box_in {
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}
#inquiry_contents .fin_box .att_box {
color:#666666;
line-height:1.6;
}
@media screen and (min-width: 769px) {/* PC */
#inquiry_contents .i_txt {
width:1000px;
padding:35px 0 0 0;
}
#inquiry_contents .i_txt p {
text-align:center;
}
#inquiry_contents .bg_wrapper {
padding-top:75px;
padding-bottom:100px;
}
#inquiry_contents .entry_form_wrapper {
width:840px;
}
#inquiry_contents .entry_form_wrapper .intro {
margin-bottom:20px;
}
#inquiry_contents .entry_form_wrapper h4 {
border-left:5px solid #142A36;
padding:5px 0 5px 15px;
margin-bottom:20px;
font-size:20px;
}
#inquiry_contents .fin_box h4 {
border-left:none;
padding:0;
margin-bottom:20px;
font-size:26px;
}
#inquiry_contents .entry_form_wrapper .fin_box_in {
padding:26px 0;
margin-bottom:10px;
}
#inquiry_contents .entry_form_wrapper .fin_box_in p {
text-align:center;
}
#inquiry_contents .fin_box .att_box {
font-size:12px;
width:700px;
margin:0 auto 50px auto;
}
@media screen and (min-width: 769px) and (max-width: 1280px) {/* PC small */
}
}
@media screen and (max-width: 768px) {/* SP */
#inquiry_contents .i_txt {
width:90%;
padding:20px 0 0 0;
}
#inquiry_contents .i_txt p {
width:90%;
margin:0 auto;
}
#inquiry_contents .bg_wrapper {
padding-top:40px;
padding-bottom:50px;
}
#inquiry_contents .entry_form_wrapper .intro {
margin-bottom:5px;
}
#inquiry_contents .entry_form_wrapper h4 {
border-left:3px solid #142A36;
padding:3px 0 3px 10px;
margin-top:20px;
margin-bottom:10px;
font-size:16px;
}
#inquiry_contents .fin_box h4 {
border-left:none;
padding:0;
margin-bottom:20px;
font-size:17px;
line-height:1.4;
}
#inquiry_contents .entry_form_wrapper .fin_box_in {
padding:13px 0;
margin-bottom:20px;
}
#inquiry_contents .fin_box .att_box {
font-size:10px;
margin:0 auto 30px auto;
}
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
}
@media screen and (max-width: 320px) {/* iphoneSE */
}
}

/* ***************************************
	step_nav
**************************************** */
.step_nav {
margin:0 auto 40px auto;
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
}
.step_nav li {
background:#EEEEEE;
border:1px solid #CCCCCC;
position:relative;
}
.step_nav li:after {
content:"";
position:absolute;
background:url(../images/inquiry/step_bg.png) 0 0 no-repeat;
}
.step_nav .off {
opacity:0.4;
filter:alpha(opacity=40);
}
.step_nav .error {
color:#CC0000;
background:#FFE5E5;
border:1px solid #E68080;
}
.step_nav li .num {
background:#000000;
color:#DFD2B7;
display:block;
text-align:center;
border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
position:absolute;
}
@media screen and (min-width: 769px) {/* PC */
.step_nav {
width:804px;
height:60px;
line-height:60px;
}
.step_nav li {
margin-right:58px;
padding-left:60px;
height:58px;
line-height:58px;
font-size:24px;
}
.step_nav .step1 {
width:188px;/* total 248px */
}
.step_nav .step2 {
width:188px;/* total 248px */
}
.step_nav .step3 {
width:118px;/* total 178px */
margin-right:0;
}
.step_nav li:after {
width:48px;
height:20px;
top:21px;
right:-55px;
}
.step_nav .step3:after {
display:none;
}
.step_nav li .num {
width:30px;
height:30px;
line-height:30px;
top:16px;
left:16px;
font-size:25px;
}
@media screen and (min-width: 769px) and (max-width: 1280px) {/* PC small */
}
}
@media screen and (max-width: 768px) {/* SP */
.step_nav {
height:70px;
line-height:1.4;
}
.step_nav li {
text-align:center;
margin-right:20px;
padding-top:30px;
width:calc(33% - 15px);
height:40px;/* total 70px */
line-height:1.4;
}
.step_nav .step3 {
margin-right:0;
}
.step_nav li:after {
width:24px;
height:10px;
top:32px;
right:-27px;
background-size:auto 7px;
-webkit-background-size:auto 7px;
}
.step_nav .step3:after {
display:none;
}
.step_nav li .num {
width:18px;
height:18px;
line-height:18px;
top:5px;
left:50%;
margin-left:-9px;
font-size:15px;
}
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
.step_nav {
margin-bottom:30px;
}
.step_nav li {
margin-right:30px;
width:calc(33% - 20px);
height:25px;/* total 55px */
}
.step_nav li .sp {
display:none;
}
.step_nav li:after {
top:22px;
right:-28px;
background-size:auto 10px;
-webkit-background-size:auto 10px;
}
}
@media screen and (max-width: 320px) {/* iphoneSE */
}
}

/* ***************************************
	errmsg
**************************************** */
#errmsg {
line-height:1.6;
margin:0 auto;
background:#FFE5E5;
}
#errmsg #errmsg_in {
background:url(../images/inquiry/error_img.png) left center no-repeat;
}
@media screen and (min-width: 769px) {/* PC */
#errmsg {
width:390px;/* total 500px */
padding:30px 50px;
margin-bottom:50px;
border:5px solid #C00;
}
#errmsg #errmsg_in {
min-height:43px;
padding-left:100px;
}
@media screen and (min-width: 769px) and (max-width: 1280px) {/* PC small */
}
}
@media screen and (max-width: 768px) {/* SP */
#errmsg {
width:calc(90% - 20px);
padding:10px;
margin-bottom:30px;
border:3px solid #C00;
font-size:12px;
}
#errmsg #errmsg_in {
padding-left:40px;
min-height:20px;
background-size:auto 20px;
-webkit-background-size:auto 20px;
}
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
#errmsg {
width:calc(50% - 40px);
padding:20px;
}
}
@media screen and (max-width: 320px) {/* iphoneSE */
#errmsg {
width:calc(100% - 20px);
}
}
}

/* ***************************************
	entry_form
**************************************** */
.entry_form {
border-top:1px solid #CCCCCC;
}
.entry_form li {
border-bottom:1px solid #CCCCCC;
position:relative;
}
.entry_form li li {
border-bottom:none;
}
.entry_form li .h {
font-weight:bold;
}
.entry_form li em {
color:#FFFFFF;
background:#D90000;
font-style:normal;
position:absolute;
}
.confirm .entry_box {
line-height:1.6;
}
.entry_form li textarea,
.entry_form li input[type="text"],
.entry_form li input[type="email"],
.entry_form li input[type="tel"] {
font-size:16px;
width:calc(100% - 10px);
border:1px solid #CCCCCC;
padding:10px 5px;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
.entry_form li ::placeholder {
color:#AAAAAA;
}
.entry_form li input[type=radio] {
display:none;
}
.entry_form li label {
position:relative;
padding:0 0 0 25px;
}
.entry_form li label:after,
.entry_form li label:before {
position:absolute;
content:"";
display:block;
top:50%;
}
.entry_form li label:after {
left:0;
margin-top:-10px;
border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
}
.entry_form li label:before {
background:#000;
border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
opacity:0;
}
.entry_form li input[type=radio]:checked + label:before {
opacity:1;
}
@media screen and (min-width: 769px) {/* PC */
.entry_form {
margin-bottom:55px;
}
.entry_form li {
padding:20px 50px 20px 250px;
}
.entry_form li li {
padding:0;
}
.entry_form li .h {
position:absolute;
top:50%;
left:30px;
margin-top:-0.5em;
}
.entry_form li em {
top:50%;
left:170px;
margin-top:-10px;
width:2em;
display:block;
padding:4px;
font-size:12px;
}
.entry_form .entry_box {
border-left:3px solid #EEEEEE;
padding-left:40px;
min-height:40px;
}
.confirm .entry_box {
padding-top:10px;
padding-bottom:10px;
min-height:20px;
}
.entry_form .entry_box .radio_list {
line-height:40px;
}
.confirm .entry_box .radio_list {
padding-top:10px;
padding-bottom:10px;
line-height:20px;
}
.entry_form .entry_box .radio_list li {
margin-right:25px;
}
.entry_form li label:after {
border:2px solid #CCC;
width:16px;
height:16px;
}
.entry_form li label:before {
width:10px;
height:10px;
margin-left:5px;
margin-top:-5px;
}
.entry_form li label:hover:after {
border-color:#000;
}
@media screen and (min-width: 769px) and (max-width: 1280px) {/* PC small */
}
}
@media screen and (max-width: 768px) {/* SP */
.entry_form {
margin-bottom:30px;
}
.entry_form li {
padding:15px 0;
}
.entry_form li li {
padding:0;
}
.entry_form li .h {
padding-left:10px;
margin-bottom:12px;
display:block;
}
.entry_form li em {
padding:1px 2px;
font-size:10px;
top:15px;
left:100px;
}
.entry_form .radio_list {
border:1px solid #CCCCCC;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
.entry_form .radio_list li {
width:100%;
border-bottom:1px solid #CCC;
line-height:24px;
background:#EEEEEE;
}
.entry_form .radio_list li.firstChild {
border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;
}
.entry_form .radio_list li.lastChild {
border-bottom:none;
border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;
}
.entry_form li label {
width:calc(100% - 12px - 5%);
min-height:18px;
padding:15px 12px 15px 5%;
display:block;
}
.entry_form li label span {
padding-left:25px;
}
.entry_form li label:after {
left:5%;
}
.entry_form li.checked {
background:#FFF;
}
.entry_form li label:after {
border:1px solid #CCC;
width:14px;
height:14px;
}
.entry_form li label:before {
width:10px;
height:10px;
margin-left:3px;
margin-top:-7px;
}
.entry_form li.checked label:after {
border-color:#000;
}
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
}
@media screen and (max-width: 320px) {/* iphoneSE */
}
}

/* ***************************************
	privacy_txt
**************************************** */
#privacy_txt {
margin:0 auto;
}
#privacy_txt .privacy_p {
font-weight:bold;
}
#privacy_txt .privacy_p span,
#privacy_txt .privacy_txt_in2 span {
color:#FFFFFF;
background:#D90000;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
display:inline-block;
position:relative;
margin-left:10px;
}
#privacy_txt .privacy_p span:before,
#privacy_txt .privacy_txt_in2 span:before {
content:"";
position:absolute;
width:0px;
height:0px;
margin:auto;
border-style:solid;
border-color:transparent #D90000 transparent transparent;
border-width:6px 15px 6px 0;
}
#privacy_txt .icon_blank {
color:#003366;
}
@media screen and (min-width: 769px) {/* PC */
#privacy_txt {
width:840px;
margin-bottom:70px;
}
#privacy_txt .privacy_p {
margin-bottom:20px;
}
#privacy_txt .privacy_p span {
height:32px;
line-height:32px;
padding:0 15px;
font-size:14px;
}
#privacy_txt .privacy_p span:before {
top:8px;
left:-15px;
}
#privacy_txt .privacy_txt_in {
height:200px;
border:1px solid #CCCCCC;
overflow:scroll;
padding:20px;
margin-bottom:10px;
}
#privacy_txt .privacy_txt_in h4 {
font-weight:normal;
line-height:1.8;
}
#privacy_txt .privacy_txt_in p,
#privacy_txt .privacy_txt_in ul {
margin-left:20px;
margin-bottom:10px;
}
#privacy_txt .privacy_txt_in li {
line-height:1.8;
}
#privacy_txt .privacy_txt_in .bm {
margin-bottom:25px;
}
#privacy_txt .icon_blank {
font-size:14px;
padding-right:22px;
background:url(../images/inquiry/icon_blank.png) right center no-repeat;
background-size:auto 14px;
-webkit-background-size:auto 14px;
}
}
@media screen and (max-width: 768px) {/* SP */
#privacy_txt {
margin-bottom:35px;
}
#privacy_txt .privacy_p {
line-height:1.4;
margin-bottom:5px;
}
#privacy_txt .privacy_txt_in {
font-size:0.9em;
}
#privacy_txt .privacy_txt_in2 {
display:flex;
margin-bottom:5px;
}
#privacy_txt .privacy_txt_in a {
background:-webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#CCCCCC));
border:1px solid #AAAAAA;
color:#444;
padding:0 10px;
width:calc(55% - 20px);
height:40px;
line-height:40px;
text-align:center;
display:block;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
position:relative;
}
#privacy_txt .privacy_txt_in a:after {
content:"";
position:absolute;
top:13px;
right:7px;
width:12px;
height:15px;
background:url(../images/inquiry/icon_blank.png) right center no-repeat;
background-size:13px auto;
-webkit-background-size:13px auto;
}
#privacy_txt .privacy_txt_in2 span {
height:40px;
line-height:40px;
padding:0 5px;
font-size:10px;
}
#privacy_txt .privacy_txt_in2 span:before {
top:13px;
left:-10px;
}
.p_in {
text-align:left;
padding:10px;
}
::-webkit-scrollbar{ /* スクロールバー本体 */
width:10px;
background:#CCC;
}
::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
background:#222;
border-radius:5px;
}
.p_in h4 {
margin-bottom:5px;
}
.p_in p {
text-align:left;
margin-bottom:5px;
line-height:1.6;
}
.p_in ul {
margin:10px 0;
}
.p_in li {
line-height:1.6;
}
.p_in .bm {
margin-bottom:20px;
}
.p_in p img {
width:150px;
vertical-align:middle;
}

@media screen and (min-width: 480px) {/* Tablet iPad・mini */
#privacy_txt .pc {
display:block !important;
}
#privacy_txt .sp {
display:none !important;
}
#privacy_txt {
margin-bottom:40px;
}
#privacy_txt .privacy_p {
margin-bottom:5px;
}
#privacy_txt .privacy_p span {
height:32px;
line-height:32px;
padding:0 15px;
font-size:14px;
display:inline !important;
}
#privacy_txt .privacy_p span:before {
top:4px;
left:-10px;
}
#privacy_txt .privacy_txt_in {
height:100px;
border:1px solid #CCCCCC;
overflow:scroll;
padding:10px;
margin-bottom:10px;
}
#privacy_txt .privacy_txt_in h4 {
font-weight:normal;
line-height:1.8;
}
#privacy_txt .privacy_txt_in p,
#privacy_txt .privacy_txt_in ul {
margin-left:1em;
margin-bottom:5px;
}
#privacy_txt .privacy_txt_in li {
line-height:1.8;
}
#privacy_txt .privacy_txt_in .bm {
margin-bottom:15px;
}
#privacy_txt .privacy_txt_in img {
width:160px;
vertical-align:middle;
}
#privacy_txt .icon_blank {
display:inline-block !important;
padding-right:22px;
background:url(../images/inquiry/icon_blank.png) right center no-repeat;
background-size:auto 14px;
-webkit-background-size:auto 14px;
}
}
@media screen and (max-width: 320px) {/* iphoneSE */
#privacy_txt .privacy_txt_in a {
padding:0 5px;
width:calc(55% - 10px);
}
#privacy_txt .privacy_txt_in a:after {
background:url(../images/inquiry/icon_blank.png) right center no-repeat;
background-size:10px auto;
-webkit-background-size:10px auto;
}
}
}

/* ***************************************
	privacy_txt
**************************************** */
#privacy_txt {
}
@media screen and (min-width: 769px) {/* PC */
@media screen and (min-width: 769px) and (max-width: 1280px) {/* PC small */
}
}
@media screen and (max-width: 768px) {/* SP */
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
}
@media screen and (max-width: 320px) {/* iphoneSE */
}
}

/* ***************************************
	btn_box
**************************************** */
#btn_box {
margin:0 auto;
text-align:center;
}
#btn_box p {
text-align:center;
}
#btn_box a {
display:block;
margin:0 auto;
background:#B20000;
color:#FFF;
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
text-decoration:none;
position:relative;
}
#btn_box a:after {
position:absolute;
top:50%;
right:20px;
content:'';
display:block;
width:8px;
height:8px;
border-top:2px solid #FFF;
border-right:2px solid #FFF;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
}
#btn_box .text_back a {
color:#000;
border:1px solid #666;
background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
}
#btn_box .text_back a:after {
right:0;
left:20px;
border-top:2px solid #CCC;
border-right:2px solid #CCC;
-webkit-transform:translateY(-50%) rotate(225deg);
transform:translateY(-50%) rotate(225deg);
}
#btn_box .att {
color:#666666;
}
@media screen and (min-width: 769px) {/* PC */
#btn_box {
width:840px;
}
#btn_box a {
width:500px;
height:80px;
line-height:80px;
font-size:28px;
}
#btn_box a:hover {
opacity:0.6;
filter:alpha(opacity=60);
}
#btn_box .text_back a {
width:400px;
height:80px;
line-height:80px;
font-size:20px;
margin-top:40px;
}
#btn_box .att {
margin-top:20px;
font-size:14px;
}
@media screen and (min-width: 769px) and (max-width: 1280px) {/* PC small */
}
}
@media screen and (max-width: 768px) {/* SP */
#btn_box a {
height:50px;
line-height:50px;
font-size:16px;
}
#btn_box .text_back a {
width:90%;
height:50px;
line-height:50px;
font-size:12px;
margin-top:25px;
}
#btn_box .att {
margin-top:10px;
}
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
#btn_box a {
width:50%;
}
}
@media screen and (max-width: 320px) {/* iphoneSE */
}
}