.contact-Section {
padding-top: 40px;
}
.contact-Contact {
position: relative;
margin-top: 80px;
}
.contact-Contact ~ .contact-Contact {
margin-top: 90px;
}
.contact-Contact_List {
margin: 0;
padding: 0;
font-size: 16px;
list-style: none;
}
.contact-Contact_List li {
padding-left: 1em;
text-indent: -1em;
}
.contact-Contact_List li::before {
content: "・";
}
.contact-Contact_Text {
margin: 10px 0 0;
font-size: 16px;
}
.contact-Box {
margin-top: 20px;
padding: 25px 17px 30px;
background-color: #fff;
}
.contact-Box_Heading {
margin: 0 0 15px;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
}
.contact-Box_Heading:not(:first-child) {
margin-top: 25px;
}
.contact-Box_Btn {
margin-top: 15px;
}
.contact-Box_Notes {
margin-top: 10px;
font-size: 1.2rem;
font-weight: 500;
text-align: center;
}
.contact-Box_List {
margin: 0;
}
.contact-Box_List dt,
.contact-Box_List dd {
padding-top: 10px;
}
.contact-Box_List dt {
float: left;
clear: left;
width: 60px;
font-weight: bold;
}
.contact-Box_List dd {
overflow: hidden;
margin: 0;
}
@media only screen and (min-width: 769px) {
.contact-Box {
margin-top: 30px;
padding: 35px 30px 40px;
}
.contact-Box_Heading {
font-size: 1.8rem;
}
.contact-Box_Heading:not(:first-child) {
margin-top: 35px;
}
.contact-Box_Btn {
margin-top: 25px;
}
.contact-Box_Notes {
font-size: 1.3rem;
}
.contact-Box_List dt,
.contact-Box_List dd {
font-size: 1.5rem;
}
.contact-Box_List dt {
width: 90px;
}
}