@charset "UTF-8";

/* ----------------------------------------------- CSS Information
 Style Info:     Q&A
 Notes:          
--------------------------------------------------------------- */
.main-wrap{
width:100%;
padding-top: 4vw;
}

.main-title{
width:52.0833%;
padding: 3% 0;
margin: 0 auto;
}
.main-title img{
width:100%;
}

.qa-bg{
background-color: #efffff;
}

.sec01{
width:52.0833%;
margin: 0 auto 5%;

}

.top-txt{
text-align: center;
font-size: 1.4vw;
line-height: 200%;
font-weight: bold;
margin-bottom: 5%;
}

.link-area{
text-align: center;
margin-bottom: 4%;
}

.btn-qa{
background-color: #000000;
padding: 1% 5%;
line-height: 100%;
color: #ffffff;
border-radius: 2vw;
margin: 0 1%;
}

.title01{
width:100%;
margin: 10% 0 5%;
}
.title01 img{
width:100%;
margin-top: -5%;
}

.title02{
width:100%;
border-bottom: 2px dotted #1055a3;
font-size: 1.4vw;
line-height: 140%;
margin: 0 0 2%;
font-weight: bold;
padding-top: 8%;
}

/***** section 7 ******/
.sec07{
	width:70%;
    display: block;
    height: 0;
    padding-top: 13.541666%;
    background-image:url("../img/top/sec07-bg.png");
   background-repeat: no-repeat;
    background-size:contain;
 margin: 0 auto ;
}

.sec07-in{
width:100%;
height: 100%;
margin-top: -13.541666%;
}

.sec07-btnarea{
width:70%;
margin: 5% auto 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.sec07-btn a{
display: block;
width: 11rem;
    background-color: #000000;
    font-size: 1.2vw;
color: #ffffff;
text-decoration: none;
text-align: center;
font-weight: bold;
line-height: 170%;
}



/*************アコーディオン***********************/
.accordion {
  position: relative;
  width: 100%;
}

.accordion-item{
margin-bottom: 3%;
}

.accordion-title {
  cursor: pointer;
  font-size: 1.2vw;
}
.accordion-content {
  display: none;
}
.accordion-content p {
  font-size: 1vw;
  line-height: 170%;
}
.accordion-content p a {
  text-decoration: underline;
}




/* ================= smartphone ================= */
@media only screen and (max-width:699px) {

.main-wrap {
    width: 100%;
    padding-top: 50px;
}

.main-title{
width:100%;
}

.top-txt {
    text-align: center;
    font-size: 16px;
    }
    
.btn-qa {
    background-color: #000000;
    padding: 1% 5%;
    line-height: 100%;
    color: #ffffff;
    border-radius: 14px;
    margin: 0 1%;
    font-size: 14px;
}    

.sec01{
width:90%;
margin-bottom: 5%;
background: none;

}

.sec01-txt {
    width: 100%;
    font-size: 18px;
    }

.title02 {
    font-size: 16px;
    padding-top: 0%;
}

.accordion-title {
    cursor: pointer;
    font-size: 14px;
}

.accordion-content p {
    font-size: 14px;
    line-height: 170%;
}

.sec07 {
    width: 100%;
    margin: 0 auto 10%;
}

.sec07-btnarea {
    width: 80%;
    margin: 11% auto 0;
    }

.sec07-btn a {
    display: block;
    width: 6rem;
    font-size: 14px;
    }

}