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

main{
padding-top: 50px;
}
h2.h2-box{
text-align: center;
font-weight: 900;
line-height: 1;
border-radius: 10px;
}
h2.h2-box span{
display: block;
font-weight: 600;
}
/*--------------------
hero
--------------------*/
#entry .hero img{
display: block;
margin: 0 auto;
}
/*--------------------
#form
--------------------*/
/*--------reset--------*/
input[type="text"],
input[type="email"] {
padding: 0;
border: none;
border-radius: 0;
outline: none;
background: none;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: none;
background: transparent;
}
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
resize: none;
padding: 0;
border: 0;
outline: none;
background: transparent;
}
button,
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
border: none;
outline: none;
background: transparent;
}

.soy_inquiry_message{
text-align: center;
font-weight: 900;
}
.soy_iqnuiry_responsive{
background-color: #fff;
}
#form h2.h2-box{
background-color: #111;
color: #fff;
}
#form h2.h2-box span{
color: #fff52f;
}
#form dl dt{
background-color: #e4e4e4;
border-left: solid 3px #111;
font-weight: 600;
}
#form dl dt span{
background-color: #f27677!important;
color: #fff!important;
}
#form dl dd input[type="text"],
#form dl dd input[type="tel"],
#form dl dd input[type="email"]{
border: solid 1px #111;
}
#form dl dd select{
border: solid 1px #111;
background: #fff;
color: #333;
}
#form dl dd textarea{
border: solid 1px #111;
}
#form .btn-box{
display: flex;
justify-content: center;
align-items: center;
}
#form .btn-box input[type="submit"]{
margin: 0;
}
#form .btn-box input[type="submit"]:first-of-type{
margin-right: 30px;
}
input[type="submit"]{
background-color: rgb(102, 102, 102);
display: block;
color: #fff;
font-weight: 600;
margin: 0 auto;
border-style: none;
letter-spacing: 1em;
text-indent: 1em;
}
/*--------------------
#info
--------------------*/
#info h2.h2-box{
color: #111;
border: solid 1px #111;
}
#info h2.h2-box span{
color: #111;
}
#info table{
width: 100%;
}
#info table tr{
border-bottom: solid 1px #111;
}
#info table tr:first-of-type{
border-top: solid 1px #111;
}
#info table tr th{
background-color: #fff52f;
background-image: radial-gradient(#adb03b 13%, transparent 33%),radial-gradient(#adb03b 13%, transparent 33%);
background-position: 0 0, 3px 3px;
background-size: 6px 6px;
width: 15%;
padding: 15px 10px;
}
#info table tr td{
width: 85%;
padding: 15px 10px;
}
/*--------------------
#privacy
--------------------*/
#privacy h2,
#policy h2{
font-weight: 600;
}
#privacy h3,
#policy h3{
font-weight: 600;
}
#privacy ol li:last-of-type,
#policy ol li:last-of-type{
padding-bottom: 0;
}
#privacy ol,
#policy ol li ol{
counter-reset: count 0;
}
#privacy ol li:before,
#policy ol li ol li:before{
content: "（ " counter(count) " ）";
counter-increment: count 1;
}
#policy .box > ol{
counter-reset: count 0;
}
#policy .box > ol > li:before{
content: counter(count) ".";
counter-increment: count 1;
}
#policy .signature{
text-align: end;
}

@media (max-width: 560px){
.nobr{
display: none;
}	
section{
margin-bottom: 60px;
}
h2.h2-box{
width: 100%;
font-size: 2.4rem;
padding: 10px 0;
margin: 0 auto 40px;
}
h2.h2-box span{
font-size: 1.4rem;
padding-top: 5px;
}
/*--------------------
hero
--------------------*/
#entry .hero img{
padding: 30px 0 20px;
width: 50%;
}
/*--------------------
#form
--------------------*/
.soy_inquiry_message{
font-size: 1.6rem;
padding-bottom: 30px;
}
.soy_iqnuiry_responsive{
padding: 5%;
}
#form dl{

}
#form dl dt{
width: calc(100% - 28px) ;
font-size: 1.6rem;
padding: 10px 10px 10px 15px;
margin-bottom: 10px;
}
#form dl dt span{
font-size: 1.2rem;
padding: 3px;
margin-left: 20px;
}
#form dl dd{
width: calc(100% - 22px) ;
margin-bottom: 20px;
}
#form dl dd input[type="text"],
#form dl dd input[type="tel"],
#form dl dd input[type="email"]{
width: 100%;
padding: 10px;
font-size: 1.6rem;
}
#form dl dd select{
width: 70px;
padding: 0.5em 10px;
margin-right: 10px;
font-size: 1.6rem;
}
#form dl dd input[type="radio"], 
#form dl dd input[type="checkbox"] {
margin-left: 30px;
}
#form dl dd input[type="radio"]:first-of-type, 
#form dl dd input[type="checkbox"]:first-of-type {
margin-left: 0px;
}
#form dl dd textarea{
width: 100%;
height: 200px;
padding: 10px;
font-size: 1.6rem;
}
input[type="submit"]{
padding: 10px;
font-size: 1.4rem;
width: 30%;
}
/*--------------------
#info
--------------------*/
#info table tr th{
width: 60px;
padding: 15px;
}
#info table tr td{
width: calc(80% - 90px) ;
padding: 15px;
}
/*--------------------
#privacy
--------------------*/
#privacy{
padding-top: 40px;
}
#privacy h2,
#policy h2{
font-size: 2.0rem;
padding-bottom: 10px;
}
#privacy h3,
#policy h3{
font-size: 1.6rem;
padding-bottom: 7px;
}
#privacy p:first-of-type,
#policy p:first-of-type{
padding-bottom: 30px;
}
#privacy p.top-p,
#policy p.top-p{
padding-bottom: 10px;
}
#privacy p.bottom-p,
#policy p.bottom-p{
padding-bottom: 20px;
}
#privacy ol{
padding-bottom: 20px;
}
#policy ol{
padding: 5px 0 10px;
}
#privacy ol li,
#policy ol li{
padding-bottom: 3px;
}
#policy .signature{
padding-top: 20px;
}
}

@media (min-width: 561px){
.onbr{
display: none;
}
section{
margin-bottom: 120px;
}
h2.h2-box{
width: 40%;
font-size: 3.0rem;
padding: 10px 0;
margin: 0 auto 50px;
}
h2.h2-box span{
font-size: 1.8rem;
padding-top: 10px;
}
/*--------------------
hero
--------------------*/
#entry .hero img{
padding: 40px 0;
width: 40%;
}
/*--------------------
#form
--------------------*/
.soy_inquiry_message{
font-size: 2.0rem;
padding-bottom: 50px;
}
.soy_iqnuiry_responsive{
padding: 5%;
}
#form dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
#form dl dt{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: calc(30% - 28px) ;
font-size: 1.8rem;
padding: 10px 10px 10px 15px;
margin-bottom: 40px;
}
#form dl dt span{
font-size: 1.2rem;
padding: 3px;
}
#form dl dd{
width: calc(70% - 22px) ;
margin-bottom: 40px;
}
#form dl dd input[type="text"],
#form dl dd input[type="tel"],
#form dl dd input[type="email"]{
width: calc(100% - 20px) ;
padding: 10px;
font-size: 1.8rem;
}
#form dl dd select{
width: 120px;
padding: 0.5em 10px;
margin-right: 10px;
font-size: 1.6rem;
}
#form dl dd input[type="radio"], 
#form dl dd input[type="checkbox"] {
margin-left: 30px;
}
#form dl dd input[type="radio"]:first-of-type, 
#form dl dd input[type="checkbox"]:first-of-type {
margin-left: 0px;
}
#form dl dd textarea{
width: calc(100% - 20px) ;
height: 200px;
padding: 10px;
font-size: 1.8rem;
}
input[type="submit"]{
padding: 10px;
font-size: 1.6rem;
width: 30%;
}
/*--------------------
#info
--------------------*/
#info table tr th{
width: 15%;
padding: 15px 10px;
}
#info table tr td{
width: 85%;
padding: 15px 10px;
}
/*--------------------
#privacy
--------------------*/
#privacy{
padding-top: 60px;
}
#privacy h2,
#policy h2{
font-size: 2.2rem;
padding-bottom: 20px;
}
#privacy h3,
#policy h3{
font-size: 1.8rem;
padding-bottom: 10px;
}
#privacy p:first-of-type,
#policy p:first-of-type{
padding-bottom: 40px;
}
#privacy p.top-p,
#policy p.top-p{
padding-bottom: 15px;
}
#privacy p.bottom-p,
#policy p.bottom-p{
padding-bottom: 30px;
}
#privacy ol{
padding-bottom: 30px;
}
#policy ol{
padding: 10px 0 20px;
}
#privacy ol li,
#policy ol li{
padding-bottom: 5px;
}
#policy .signature{
padding-top: 60px;
}
}

@media (min-width: 561px) and (max-width: 1024px){

}

@media screen and (min-width: 1025px){

}