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

html {
font-size: 62.5%;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-size: 1.6rem;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
background: #FFFFFF;
color: #000;
}
img {
width: 100%;
max-width: 100%;
vertical-align: bottom;
}
a {
color: #000;
text-decoration: none;
}
main {
display: block;
}
h1 {
display: table;
margin: 0 auto;
}

#header {
width: 50%;
max-width: 240px;
margin: 0 auto;
padding: 20px 0 30px;
}
#main {
width: 90%;
max-width: 800px;
margin: 0 auto;
padding-bottom: 40px;
}

#zoom div {
border-bottom: 1px solid #ccc;
}
#zoom div p {
display: table;
margin: 0 auto;
}
#zoom div a {
display: table;
border-radius: 6px;
background: #085784;
color: #fff;
text-align: center;
box-sizing: border-box;
margin: 0 auto;
}

#form > div {
width: 90%;
max-width: 640px;
margin: 0 auto;
}
.soy_inquiry_message {
background: #ececec;
border-radius: 6px;
text-align: center;
margin-bottom: 10px;
}
.soy_iqnuiry_responsive dd:nth-last-child(1) {
padding-bottom: 0;
}
.soy_iqnuiry_responsive dd input.textarea, .soy_iqnuiry_responsive dd textarea {
width: 100%;
border-radius: 6px;
box-sizing: border-box;
border: 1px solid #ccc;
}
.soy_iqnuiry_responsive dd select {
border-radius: 6px;
box-sizing: border-box;
border: 1px solid #ccc;
padding: 4px 8px;
}
input[type="submit"] {
background: #000;
color: #fff;
border-radius: 6px;
}

@media (max-width:559px){
h1 {
font-size: 2rem;
padding-bottom: 10px;
}
p {
line-height: 160%;
}
	
#zoom div {
padding-bottom: 20px;
margin-bottom: 30px;
}
#zoom div p {
padding-bottom: 10px;
}
#zoom div ul li:nth-child(2){
padding: 10px 0;
}
#zoom div a {
width: 80%;
font-size: 1.4rem;
padding: 6px 0;
}
}

@media (min-width:560px){
h1 {
font-size: 24px;
font-size: 2.4rem;
padding-bottom: 20px;
}
p {
line-height: 220%;
}
	
#zoom div {
padding-bottom: 30px;
margin-bottom: 40px;
}
#zoom div p {
padding-bottom: 20px;
}
#zoom div ul {
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#zoom div ul li:nth-child(2){
padding: 0 8px;
}
#zoom div a {
width: 180px;
font-size: 14px;
font-size: 1.4rem;
padding: 8px 0;
}
}

@media (max-width:799px){
.soy_inquiry_message {
padding: 20px 8px;
}
.soy_iqnuiry_responsive dt {
font-size: 1.4rem;
padding-bottom: 8px;
}
.soy_iqnuiry_responsive dt span {
font-size: 1.2rem;
padding-left: 2px;
}
.soy_iqnuiry_responsive dd {
padding-bottom: 30px;
}
.soy_iqnuiry_responsive dd input.textarea, .soy_iqnuiry_responsive dd textarea {
padding: 5px 3px;
font-size: 1.6rem;
}
.soy_iqnuiry_responsive dd input.textarea {
height: 30px;
}
input[type="submit"] {
padding: 10px 14px;
font-size: 1.6rem;
}
}

@media (min-width:800px){
.soy_inquiry_message {
padding: 30px 10px;
}
.soy_iqnuiry_responsive dt {
font-size: 15px;
font-size: 1.5rem;
padding-bottom: 10px;
}
.soy_iqnuiry_responsive dt span {
font-size: 13px;
font-size: 1.3rem;
padding-left: 3px;
}
.soy_iqnuiry_responsive dd {
padding-bottom: 40px;
}
.soy_iqnuiry_responsive dd input.textarea, .soy_iqnuiry_responsive dd textarea {
padding: 6px 4px;
font-size: 20px;
font-size: 2rem;
}
.soy_iqnuiry_responsive dd input.textarea {
height: 40px;
}
input[type="submit"] {
padding: 12px 20px;
font-size: 15px;
font-size: 1.5rem;
}
}