@charset "utf-8";
/*-----------------------------------------------------
/inquiry/index.html

FileName:   page.css
$Revision: 1.0 $
-----------------------------------------------------*/

/*■コンテンツ*/

h1 + p {
text-align:center;
font-size:1.3rem;
}

section {
margin-top:60px;
}

section h2 {
margin-bottom:0.3em;
margin-left:10px;
}

.card h3:not(:first-child) {
margin-top:3.0em;
}

.card h3 + p {
margin-bottom:1.0em;
}

.card .tollfree {
font-size:2.8rem;
font-family:Arial, sans-serif;
}

#faq .list dt span:first-child,
#faq .list dd span:first-child {
display:inline-block;
width:15px;
height:15px;
margin-right:3px;
padding-bottom:1px;
font-size:1.1rem;
text-align:center;
color:#ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#faq .list dt span:first-child {
background-color:#ff6f00;
}
#faq .list dd span:first-child {
background-color:#ffb300;
}

.frm h4 {
margin-bottom:3rem;
}



/*■Media Queriesによる切り替え*/

@media only screen and (min-width:766px) {
/* 767px以上のデバイスに適用 */



}



@media only screen and (min-width:1022px) {
/* 1023px以上のデバイスに適用 */

/*■コンテンツ*/

.wrap {
width:1008px;
margin:30px auto;
}

article {
width:741px;
float:left;
}

h1 + p {
text-align:left;
margin-left:10px;
}

.frm strong, .textareawrap label {
width: 28%;
}
.frm .comment,
.frm .error {
margin-left: 28%;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="time"],
textarea,
.selectboxwrap label + span {
width: 67%;
}

#faq .list dt {
width:100%;
}

#faq .list dt:not(:first-child) {
margin-top:0.8em;
padding-top:0.8em;
}

#faq .list dd {
width:100%;
margin-top:0;
padding-top:0.3em;
border-top:none;
}

}



@media only screen and (max-device:768px) and (-webkit-min-device-pixel-ratio:2) {
/* 768px以下のRetina Displayデバイスに適用 */

}