
.u-hideSp,
.u-hideTabPc {
    text-align: center;
}
.mt-64px {
    margin-top: 64px;
}
.mb-64px {
    margin-bottom: 64px !important;
}

main .wrapper {
    width: 100%;
    padding: 64px 0;
}
main .wrapper:first-child {
    padding-top: 0;
}
main .bg-c_f9e3df {
    background-color: #f9e3df;
}
main .wrapper img {
    width: 100%;
}
main .wrapper section {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}
main .wrapper section .block {
    padding: 0 20px;
}
main .wrapper section .block .contact {
font-size: 14px;
font-weight: bold;
text-align: center;
padding: 20px 0 75px 0;
}
main .wrapper section .block .contact-flexbox {
    justify-content: space-around;
}
@media screen and (min-width: 768px) {
main .wrapper section .block .contact-flexbox {
    max-width: 950px;
    margin: 0 auto;
}
}

main .wrapper section .nav {
justify-content: space-between;
-webkit-box-shadow: 0px 9px 16px -9px rgba(0, 0, 0, 0.2);
box-shadow: 0px 9px 16px -9px rgba(0, 0, 0, 0.2);
padding: 20px 0;
margin-bottom: 64px;
}
main .wrapper section .nav li a {
text-decoration: none;
}
main .wrapper section .nav li a:after {
content: '';
display: block;
width: 6px;
height: 6px;
border-bottom: 2px solid #aa3742;
border-right: 2px solid #aa3742;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
main .wrapper section .nav li a span {
color: #333;
font-weight: bold;
line-height: 1.29;
letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
main .wrapper section .nav {
display: flex;
}
main .wrapper section .nav li {
    padding: 10px 20px;
}
main .wrapper section .nav li a:hover {
    opacity: .8;
}
main .wrapper section .nav li a:after {
margin: 0 auto;
}
main .wrapper section .nav li a span {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
main .wrapper section .nav li {
padding: 8px 20px;
}
main .wrapper section .nav li a {
display: flex;
align-items: center;
}
main .wrapper section .nav li a:after {
margin-left: auto;
}
main .wrapper section .nav li a span {
font-size: 16px;
margin-right: 10px;
}
}

main .wrapper section .block .section-title {
font-size: 28px;
color: #aa3742;
padding-top: 120px;
margin-top: -120px;
margin-bottom: 20px;
letter-spacing: 0.04em;
text-align: center;
font-weight: bold;
}

main .wrapper section .block .intro {
font-size: 18px;
font-weight: bold;
letter-spacing: 0.02em;
line-height: 1.8;
text-align: center;
margin-bottom: 30px;
}

main .wrapper section .block .flexbox {
justify-content: space-around;
}
main .wrapper section .block .flexbox .suport-list {
width: 100%;
background-color: #fff;
border: solid 2px #aa3742;
box-sizing: border-box;
}
main .wrapper section .block .flexbox .suport-list p {
color: #fff;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.04em;
background-color: #aa3742;
padding: 5px 30px;
}
main .wrapper section .block .flexbox .suport-list ul {
padding: 20px 30px;
}
main .wrapper section .block .flexbox .suport-list ul li {
position: relative;
display: flex;
align-items: baseline;
vertical-align: middle;
}
main .wrapper section .block .flexbox .suport-list ul li:before {
content: "";
width: 10px;
height: 10px;
background: #aa3742;
display: block;
}
main .wrapper section .block .flexbox .suport-list ul li span {
font-size: 14px;
font-weight: bold;
letter-spacing: 0.04em;
padding-left: 10px;
display: block;
}
main .wrapper section .block .flexbox .related-contents {
width: 100%;
}
main .wrapper section .block .flexbox .related-contents a {
display: block;
}
main .wrapper section .block .flexbox .related-contents p {
font-size: 14px;
line-height: 1.78;
letter-spacing: 0.04em;
margin-top: 10px;
padding: 0px 10px;
}

@media screen and (min-width: 768px) {
main .wrapper section .block .flexbox {
display: flex;
}
main .wrapper section .block .flexbox .suport-list:first-child {
margin-right: 20px;
}
main .wrapper section .block .flexbox .related-contents {
max-width: 366px;
}
main .wrapper section .block .flexbox .related-contents:first-child {
margin-right: 20px;
}
main .wrapper section .block .flexbox .related-contents a:hover {
opacity: .8;
}
}
@media screen and (max-width: 768px) {
main .wrapper section .block .flexbox .suport-list:first-child,
main .wrapper section .block .flexbox .related-contents:first-child {
margin-bottom: 30px;
}
}

main .wrapper section .block .btn {
    text-align: center;
}
main .wrapper section .block .btn a {
text-decoration: none;
background-color: #103e88;
padding: 15px 64px 15px 70px;
max-width: 350px;
position: relative;
border-radius: 8px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-around;
}
main .wrapper section .block .btn a:before {
content: '';
display: inline-block;
width: 9px;
height: 9px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
main .wrapper section .block .btn a span {
color: #fff;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.04em;
margin-left: 10px;
}
@media screen and (min-width: 768px) {
main .wrapper section .block .btn a:hover {
    opacity: .8;
}
}