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

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

/*■コンテンツ*/

.wrap {
margin-left:1.5%;
margin-right:1.5%;
}

p {
font-size: 1.3rem;
}

section {
margin-top:60px;
}

section h2 {
margin-bottom:0.3em;
}

.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;
}

h1 + div p:last-child {
margin-top: 3rem;
font-size: 1.6rem;
line-height: 1.6;
}

#text h2,
#item h2 {
padding: .5rem 5%;
background-color: #fc0;
color: #fff;
}

#text dl,
#item dl {
margin-top: 2rem;
margin-bottom: 2rem;
font-size: 1.6rem;
color: #000;
}

#text .coment,
#item .coment {
font-size: 1.3rem;
color: #757575;
}

#text ul {
font-size: 1.6rem;
}

#text ul li {
list-style: circle;
list-style-position: inside;
margin: .5rem 10px .5rem 0;
}

#learn .selectboxwrap label+span select {
color: #757575;
}

#learn .frm p.submitbtn {
margin-top: 3rem;
text-align: center;
}

.formTable,
.frm .error {
font-size: 1.6rem;
}

#sent h1 + div p {
width:100%;
margin:1rem auto;
}

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

@media only screen and (min-width:766px) {
/* 767px以上のデバイスに適用 */
div.wrap {
display: flex;
}

h1 + div p:first-child {
width: 30%;
}

h1 + div p:last-child {
width: 67%;
margin: 1rem 0 1rem 3%;
}

#item {
width: 100%;
}

#text {
width: 48%;
margin-left: 4%;
}
}



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

/*■コンテンツ*/

.wrap {
width:100%;
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デバイスに適用 */

}