@charset "utf-8";

.break_en{
word-wrap: break-word;
word-break: keep-all;
}


#contact_intro{
max-width:640px;
width:86%;
margin:50px auto 60px;
}

.contact_intro_thanks{
max-width:840px;
width:86%;
margin:50px auto 200px;
}


#contact_form{
max-width:1000px;
width:86%;
margin:0 auto 100px;
text-align: center;
}

#contact_form dl{
margin-bottom:10px;
display:flex;
width:100%;
text-align:left;
}
@media only screen and (max-width:680px){
#contact_form dl{
display:block;
}
}


#contact_form dt{
background-color:#f1f8fb;
margin-right:10px;
padding:25px 20px;
width:315px;
position:relative;
line-height:1.6;
}
@media only screen and (max-width:680px){
#contact_form dt{
margin-right:0;
padding:5%;
width:100%;
}
}


.item_en{
font-size:14px;
word-wrap: break-word;
word-break: keep-all;
}

#contact_form dd{
padding:25px 20px;
width:calc( 100% - 315px );
position: relative
}
@media only screen and (max-width:680px){
#contact_form dd{
padding:5% 3%;
width:100%;
}
}


#contact_form dd span.cell_en{
font-size:14px;
margin-left:20px;
word-wrap: break-word;
word-break: keep-all;
}
@media only screen and (max-width:680px){
#contact_form dd span.cell_en{
display:block;
margin-left:35px;
}
}


#contact_form dd li{
vertical-align: middle
}

.required{
color:rgba(215,0,3,1.00);
margin-left:8px;
font-size:18px;
}

#contact_form dt span.hissu,
#contact_form dt span.nini{
position:absolute;
right:10px;
top: 28px;
color:#fff;
background-color:#409fc6;
font-size:13px;
width:50px;
text-align:center;
padding:8px;
line-height:1.0;
color:#fff;
}

#contact_form dt span.hissu{
background-color:#409fc6;
}

#contact_form dt span.nini{
background-color:#bbb;
}


input.submit{
max-width: 320px;
width:90%;
color: #FFF;
cursor: pointer;
font-size: 18px;
margin: 40px auto;
border:none;
border-radius:0px;
background: #e78234;
display: inline-block;
text-decoration: none;
letter-spacing: 0;
color: #fff;
padding: 12px 40px;
border: none;
cursor: pointer;
height: auto;
-webkit-appearance: none;
}
@media only screen and (max-width:767px){
input.submit{
display: block;
font-size: 16px;
}
}


input.backbutton{
max-width: 240px;
width:45%;
color: #FFF;
cursor: pointer;
font-size: 16px;
margin: 0 auto;
border:none;
border-radius:0px;
background: #fff;
display: inline-block;
text-decoration: none;
letter-spacing: 0;
color: #333;
padding: 12px 24px;
border:#ccc solid 1px;
cursor: pointer;
height: auto;
-webkit-appearance: none;

}
@media only screen and (max-width:767px){
input.backbutton{
width: 240px;
}
}

input, textarea, select {
font-size:17px;
background-color: #fff;
border: solid 1px #cccccc;
font-family: inherit;
}




input[type="checkbox"] {
border: 1px solid #aaaaaa;
vertical-align: -5px;
-webkit-appearance: none;
position: relative;
margin-right: 15px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
width: 24px;
height: 24px;
background: #e2e2e2;
background: -webkit-gradient(
 linear, left top, left bottom,
 color-stop(0.00, #ffffff),
 color-stop(1.00, #e2e2e2)
 );
background: linear-gradient(
 to bottom,
 #ffffff 0%,
 #e2e2e2 100%
 );
}



input[type="checkbox"]:checked {
background: #ddab5e;
border: 1px solid #b4843b;
}


input[type="checkbox"]:checked:before {
position: absolute;
left: 1px;
top: 15px;
display: block;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
content: "";
width: 10px;
height: 4px;
background: #ffffff;
-webkit-transform: rotate(45deg);
-webkit-transform-origin: right center;
}


input[type="checkbox"]:checked:after {
display: block;
position: absolute;
left: 8px;
top: 15px;
content: "";
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
width: 16px;
height: 4px;
background: #ffffff;
-webkit-transform: rotate(-53deg);
-webkit-transform-origin: left center;
}


/* 角丸の入力欄になる */
input[type="text"],
textarea {
border:1px solid #ccc;
padding: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:100%;
}

::placeholder{
color:#aaa;
}

.katakana dd ::placeholder{
color:#aaa;
font-style: italic;
}


:focus {
outline: none;
}

/* 入力欄にフォーカスした時の枠の色 */
input[type="text"]:focus,
textarea:focus,
input[type="text"]:hover,
textarea:hover {
border: 1px solid #ccc;
background-color: #f2f2f2;
padding:10px;
}

.sentaku_midashi h3{
background-color:#6ec3e6;
padding:10px 20px;
color:#fff;
margin:20px 0 10px;
}

#contact_form dd p span.r_en{
font-size:14px;
margin-left:0;
}

.label_list_item label input[type="checkbox"] + span,
.label_list_item label input[type="radio"] + span.r_but {
position: relative;
padding: 0 30px 0 35px;
}


.radio_custom .label_list:nth-of-type(1) label input[type="radio"] + span::before {
border-color: #999;
}


.radio_custom .label_list:nth-of-type(2) label input[type="radio"] + span::before {
border-color: #999;
}


.radio_custom label span.r_en {
display: inline-block;
}


.radio_custom label input[type="radio"] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}


.radio_custom label input[type="radio"] + span.r_but::before {
position: absolute;
display: inline-block;
content: '';
box-sizing: border-box;
border-radius: 22px;
}


.radio_custom label input[type="radio"] + span.r_but::before {
z-index: 0;
top: 3px;
left: 0;
background-color: transparent;
width: 22px;
height: 22px;
border: 1px #aaa solid;
background-color:#fff;
background: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #ffffff),color-stop(1.00, #e2e2e2));
background: linear-gradient(to bottom,#ffffff 0%,#e2e2e2 100%);
}
@media screen and (max-width:680px)  {
.radio_custom label input[type="radio"] + span.r_but::before {
background-color: #fff;
background: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #ffffff),color-stop(1.00, #fff));
background: linear-gradient(to bottom,#ffffff 0%,#fff 100%);
}
}


.radio_custom label input[type="radio"]:checked + span.r_but::before {
border: 8px #df8947 solid !important;
}


.error{
color:#e31516;
font-size:15px;
}
@media screen and (max-width:680px)  {
.error{
font-size:14px;
}
}

input[type="button"].back{
font-size: 16px;
width: 180px;
padding: 8px 0;
cursor: pointer;
background-color: #fff;
-webkit-appearance: button;
margin: 0px auto 100px;
display: block;
border: #999 solid 1px;
}


.btn_go {
margin: 0 auto 60px;
}