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

input, button, textarea, select {border-radius: 0;}
button,input,select,textarea {color: inherit;font: inherit; margin: 0; }
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
vertical-align: middle;
}
input[type="checkbox"],input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

.flex {
display: flex;
justify-content: center;
}

.to_mail {
font-weight: normal;
font-size: 18px;
padding-bottom: 12px;
text-align: left;
}

.phase_check {
padding: 60px 20px 12px;
text-align: center;
border-top: 1px #CDD6DD solid;
margin-top: 60px;
}
.phase_check p {
font-weight: bold;
font-size: 18px;
padding-bottom: 12px;
}
.phase_check.inqpage {
padding: 24px 20px 12px;
border: none;
margin-top: 40px;
}
.phase_check ul {
width: 232px;
display: flex;
justify-content: space-between;
margin: 4px auto 24px;
position: relative;
}
.phase_check ul:before {
content: "";
width: 80%;
height: 2px;
background-color: #bfbfbf;
position: absolute;
top: 24px;
left: 48%;
margin-left: -40%;
}
.phase_check ul li {
width: 20%;
padding-top: 24px;
position: relative;
margin: 20px 8px 8px 0;
font-size: 18px;
}
.phase_check ul li.active:before {
background-color: #ff5a5f;
}
.phase_check ul li:before {
content: "";
display: block;
width: 10px;
height: 10px;
background-color: #bfbfbf;
position: absolute;
top: 0;
left: 50%;
margin-left: -5px;
border-radius: 5px;
}
.phase_check .to_mail {
font-weight: normal;
font-size: 18px;
padding-bottom: 12px;
text-align: center;
}
.phase_check span {
font-size: 16px;
display: inline-block;
}
.in_form_tel .in_form_tel_h {
font-weight: bold;
font-size: 16px;
padding-bottom: 0px;
}
.in_form_tel .in_form_tel_n  {
color: #ff5a5f;
}
.form{
margin: 0 auto;
width: 90%;
}
form{
border: #000000 1px solid;
border-radius: 10px;
padding: 2.5% 6%;
margin-top: 3%;
background: #ffffff;
}

.form_caution {
background-color: #feffc9;
border: 1px solid #dfdfdf;
margin: 0px 20px 32px;
padding: 16px;
font-size:16px;
line-height: 1.6;
}
.form_caution p {
font-weight: bold;
color: #f00;
text-align: center;
padding-bottom: 8px;
font-size:18px;
}
.form_caution span span {
color: #f00;
}

.form_box {
padding: 2.5% 0;
/*border-bottom: 1px solid #dfdfdf;*/
text-align: left;
}
.form_box p {
padding: 20px;
margin: 5px 0 20px;
font-size:14px;
}
.form-text {
width: 100%;
border: 1px solid #6b6b6b;
border-radius: 5px;
padding: 15px;
background: #fff;
font-size: inherit;
}
label {
font-size: 18px;
font-weight: bold;
}
.required {
background: #a58700;
color: #fff;
padding: 3px 6px 5px;
line-height: 1.0;
display: inline-block;
margin-left: 10px;
font-size: 12px;
border-radius: 4px;
font-weight: bold;
margin-bottom: 2px;
vertical-align: middle;
}
.example {
padding: 4px 2px 0;
color: #636363;
font-size:16px;
}
.erre_name {
color: #ff0000;
font-size:16px;
}
.notice {
background-color: #f4f4f4;
line-height: 1.6;
padding: 12px;
margin-top: 10px;
width: 100%;
font-size:14px;
}
.example_area {
padding: 12px;
margin-bottom: 12px;
line-height: 1.6;
background: #f4f4f4;
margin-top: 8px;
}
.time{
display: flex;
flex-wrap: wrap;
}
input, button, textarea, select {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="radio"]:checked + label.reply {
background-color: #cc0000;
color: #fff;
}
.reply {
box-sizing: border-box;
margin: 0 18px 8px 0;
padding: 10px 0px 10px 0px;
border-radius: 12px;
background-color: #fff;
cursor: pointer;
border: 1px solid #6b6b6b;
width: 31%;
text-align: center;
}

.reply:last-child {
margin: 0 0px 8px 0;
}

.time label {
display: inline-block;
position: relative;
cursor: pointer;
margin-left: 8px;
padding: 1% 2%;
text-align: left;
width: 31%;
font-weight: normal;
}

.time label:before {
position: absolute;
content: "";
top: 50%;
left: -10px;
width: 20px;
height: 20px;
margin-top: -10px;
background: #bdc3c7;
border-radius: 50%;
}

.time input[type="radio"]:checked + label:after {
position: absolute;
content: "";
top: 50%;
left: -6px;
width: 12px;
height: 12px;
margin-top: -6px;
border-radius: 50%;
background: #cc0000;
}

.submit_btn {
text-align: center;
padding:1% 0px 4%;
}

.soushin_btnt:hover {
cursor: pointer;
opacity: 0.8;
}
.soushin_btn {
color: #fff;
font-weight: bold;
border-radius: 8px;
font-size: 22px;
padding: 24px 0;
margin: 0 auto;
display: block;
width: 50%;
text-align: center;
border-style: none;
background: #cc0000;
box-shadow:0px 8px #700000;

}
.modoru_btn {
background: none;
margin-top: 20px;
width: auto;
padding: 0;
color: #333;
box-shadow: none;
border-bottom: 1px solid #333;
border-radius: 0;
font-size: 18px;
}
.info {
display: flex;
margin-top: 40px;
text-align: center;
background: #fff;
padding: 20px;
line-height: 2.0;
justify-content: center;
width: 72%;
margin: 50px auto;
}
.info p{
background: #fff;
padding: 20px;
}

.info p span{
padding-top: 0px;
font-weight: bold;
color: #c00;
}


/* /pp/ */


.scrollbox {
border: 1px solid #D8D8D8;
overflow-y: scroll;
padding: 0px!important;
margin-left: auto;
margin-right: auto;
height: 200px;
width: 100%!important;
float: none;  
}

.word_header {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
font-size: 14px;
}

.word_header_title {
font-size: 20px;
font-weight: bold;
line-height: 1.5;
}

.word_header_title  {
font-size: 20px;
font-weight: bold;
line-height: 1.5;
}

.word_header_titleh2  {
font-size: 15px;
font-weight: bold;
line-height: 1.5;
margin-top: 30px;

}
.word_header span {
display: -webkit-box;
display: -webkit-flex; 
display: flex; 
-webkit-box-pack: center; 
-webkit-justify-content: center; 
justify-content: center; 
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
width: 26px;
height: 26px;
margin-right: 10px;
border-radius: 3px;
/* background: #dcab6e;
color: #fff; */
font-size: 16px;
font-weight: bold;
}

.word p{
font-size: 14px;
line-height: 1.5;
}

.word a{
display: inline;
color: #49bbfd;
}

.word {
padding: 8px;
}

.title {
color: #484848;
font-size:14px;
line-height: 1.5;
}

ol  {
position: relative;
margin-top: 10px;
padding: 0;
font-size:14px;
}
ol li  {
list-style: none;
list-style-position: outside;
margin: 0;
padding-left: 1.25em
}
ol li span {
position: absolute;
left: 0;
margin: 0
}

@media screen and (max-width: 590px) {
.reply {
box-sizing: border-box;
margin: 0;
padding: 15px 0px;
border-radius: 12px;
background-color: #fff;
cursor: pointer;
border: 1px solid #6b6b6b;
width: 100%;
text-align: center;
display: block;
font-size: 18px;
}
.notice {
background-color: #f4f4f4;
line-height: 1.6;
padding: 20px;
margin-top: 20px;
width: 100%;
}
.time label {
display: inline-block;
position: relative;
cursor: pointer;
margin-left: 10px;
padding: 1% 4%;
text-align: left;
width: 46%;
}
.soushin_btn {
font-size: 18px;
padding: 24px 0;
margin: 0 auto;
display: block;
width: 100%;
background: #cc0000;
box-shadow: 0px 8px #700000;
}
}