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

div.conTitle {
    aspect-ratio: 4.3 / 1;
    width: 100%;
    height: 100%;
    text-align: center;
    background-image: url("../img/title_pc_bg.jpg");
    background-size: contain;
    position: relative;
}
div.conTitle h3 {
    font-size: 4.2rem;
    color: #2565A5;
    font-weight: 700;
    padding-top: 70px;
}
@media screen and (max-width: 767px) {
div.conTitle {
    aspect-ratio: 2.68 / 1;
    width: 100%;
    height: 100%;
    text-align: center;
    background-image: url("../img/title_sp_bg.jpg");
    background-size: contain;
    position: relative;
}
div.conTitle h3 {
    font-size: 6vw;
    color: #2565A5;
    font-weight: 700;
    padding-top: 30px;
}	
}



h4.subTitle {
    margin: 80px auto 60px auto;
    padding: 1rem 0;
    text-align: center;
    border: 2px solid #2565A5;
    background-color: #2565A5;
    color: #FFFFFF;
    font-size:2.8rem;
    font-weight: 500;
}
h4.subTitle span {
    padding: 0.1rem 1rem;
    text-align: center;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size:2.6rem;
    font-weight: 500;
    display: inline-block;
    margin-right: 1.6rem
}
.faqContents p {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    margin: 1rem 0;
    color: #333333;
}
div.Ques {
    display: grid;
    margin: 0 0 20px 50px;
    align-items: baseline;
    grid-auto-flow: column;
    grid-auto-columns: 80px auto;
}
div.Ques span {
    font-size: 3.2rem;
    font-weight: 700;
    text-align: left;
    color: #2565A5;
}
div.Ques p {
    font-size: 2.2rem;
    font-weight: 700;
    text-align: left;
    color: #2565A5;
}
div.Ans {
    display: grid;
    margin: 0 80px 20px 80px;
    align-items: baseline;
    grid-auto-flow: column;
    grid-auto-columns: 80px auto;
}
div.Ans span {
    font-size: 3.2rem;
    font-weight: 700;
    text-align: left;
    color: #D32929;
}
div.Ans p {
    font-size: 2.2rem;
    font-weight: 400;
    text-align: left;
    color: #333333;
}
div.Ans a {
    text-decoration: underline;
    color: #903B3C;
}

.faqContents table {
    font-size: 1.8rem;
    margin: 0px 0 0px 160px;
}
.faqContents th,
.faqContents td {
   padding: 2px 8px;
}
.faqContents td {
   text-align: left;
}

@media screen and (max-width: 767px) {
h4.subTitle {
    margin: 50px auto 30px auto;
    padding: 1rem 0;
    text-align: center;
    border: 2px solid #2565A5;
    background-color: #2565A5;
    color: #FFFFFF;
    font-size:1.8rem;
    font-weight: 500;
}
h4.subTitle span {
    padding: 0.1rem 1rem;
    text-align: center;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size:1.8rem;
    font-weight: 500;
    display: inline-block;
    margin-right: 1.2rem
}
.faqContents p {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    margin: 1rem 0;
    color: #333333;
}
div.Ques {
    display: grid;
    margin: 0 0 20px 0px;
    align-items: baseline;
    grid-auto-flow: column;
    grid-auto-columns: 60px auto;
}
div.Ques span {
    font-size: 2.4rem;
    font-weight: 700;
    text-align: left;
    color: #2565A5;
}
div.Ques p {
    font-size: 1.6rem;
    font-weight: 700;
    text-align: left;
    color: #2565A5;
}
div.Ans {
    display: grid;
    margin: 0 0px 20px 30px;
    align-items: baseline;
    grid-auto-flow: column;
    grid-auto-columns: 60px auto;
}
div.Ans span {
    font-size: 2.4rem;
    font-weight: 700;
    text-align: left;
    color: #D32929;
}
div.Ans p {
    font-size: 1.6rem;
    font-weight: 400;
    text-align: left;
    color: #333333;
}
div.Ans a {
    text-decoration: underline;
    color: #903B3C;
}

.faqContents table {
    font-size: 1.6rem;
    margin: 0px 0 0px 50px;
}
.faqContents th,
.faqContents td {
   padding: 2px 8px;
}
.faqContents td {
   text-align: left;
}
}