/* ============================================================ use */
 @charset "UTF-8";
.use dl,.use dt,.use dd{
    
}

.mt10{
    margin-top: 1em;
}

.use img{
        width: 100%;
    margin: 0 auto;
    vertical-align: top;
}
.use .header_img .c-inner {
    background-image: url(../img/main.jpg);
    background-size: cover;
}

.use main{
    width: 1000px;
    margin: 0 auto;
}


.use .fbox{
    display: flex;
    justify-content: space-between;
}

.use .header_lead{

}

.use .header_lead .lead{
    text-align: center;
    font-size: 1.8rem;
    font-family: 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    letter-spacing: 0.09em;
    line-height: 1.8;
    
}

.use .header_lead ul{
    display: flex;
    font-size: 1.6rem;
    background: #eff2f6;
    justify-content: center;
    padding: 2%;
    gap:1rem;
}

.use .header_lead ul li{
    width: 182px;
}

.use .header_lead ul li::before{
    content: "";
    background: url("../img/ic01.png")no-repeat;
width: 22px;
    height: 22px;
    display: inline-block;
    background-size: contain;
    position: relative;
    top: 6px;
    margin-right: 1rem;
}

.use .header_lead ul li:nth-child(2)::before{
    background: url("../img/ic02.png")no-repeat;
width: 22px;
    height: 22px;
    display: inline-block;
    background-size: contain;
    position: relative;
    top: 6px;
    margin-right: 1rem;
}

.use .scroll-box{
    padding-left: 2rem;    
}

.use section{
    display: flex;
        margin-top: 40px;
    overflow: hidden;
    width: 100%;
}

.use section .category-text{
    writing-mode: vertical-rl;
    letter-spacing: 1.6rem;
    font-weight: bold;
    font-size: 2rem;
    padding: 3rem 1.7rem 0;
    position: relative;
    width: 54px;
    margin-bottom:20px;
    min-height: 298px;
    text-align: center;
    color: #fff;
}

.bg-blue{
    background: rgba(14,47,143,0.6);
}

.use section .category-text::after{
    position: absolute;
    content: "";
    height: 16px;
    width: 54px;
    bottom: -16px;
    left: 0;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    background: rgba(14,47,143,0.6);
}

.use section .category-text.none::after{
    width: 0;
    height: 0;
}

.use section .fbox{
    width: 100%;
    justify-content: start;
    gap: 1rem;
}

.use section .fbox div{
    width: 280px;  
}

.use section .fbox div dl{
    padding: 8% 4%;
    box-sizing: border-box;
    border: 1px solid #bdbdbd;
    border-radius: 20px;
    height: 100%;
}

.use section .fbox div dl dt{
        text-align: center;
    font-size: 2rem;
    font-weight: 500;
    background: #f5f5f5;
    padding: 3%;
    border-radius: 50px;
    width: 80%;
    margin: 0 auto;
}

.use section .fbox div dl dd p{
        text-align: center;
    font-size: 1.4rem;    
    font-weight: 600;
        letter-spacing: -0.05em;
}

.use section .fbox div dl dd p span{
    display: block;
    font-size: 1.2rem;
    line-height: 1.7;
}

.use section .fbox div dl dd img{
    width: 198px;
    margin: 0 auto;
    display: block;
}

.use .faq{
    font-size: 1.6rem;
    letter-spacing: 0.09em;
    text-align: center;
    margin: 10rem auto;
        border: 1px solid #0b3291;
    padding: 4%;
}

.use .faq .faq_ttl{
        font-size: 2.4rem;
    color: #0b3291;
    font-weight: 500;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;
    padding-bottom: 1em;
    text-align: center;
}

.use .faq p{
    text-align: center;
    line-height: 1.5;
}

.use .faq a{
    background: #0b3291;
    color: #fff;
    display: inline-block;
    padding: 2% 8%;
    margin-top: 1.5em;
}

.use .contact{
      font-size: 1.6rem;
    letter-spacing: 0.09em;
    text-align: center; 
    margin-bottom: 6rem;
}

.use .contact .contact_ttl{
    font-size: 2.4rem;
    font-weight: 500;
    padding-bottom: 1em;   
    text-align: center;
}

.use .contact dl{
    width: 398px;
    margin: 0 auto;
}

.use .contact dl dt{
    background: #0b3291;
    color: #fff;
    padding: 4% 4%;
    font-size: 1.8rem;
    text-align: center;
    font-weight: 600;
}

.use .contact dl dd{
    padding-top: 0.5em;
    line-height: 1.5;
}

.use .contact dl dd:last-child{
    font-size: 5rem;
line-height: 1.25;
    color: #454545;
    font-weight: 500;
    padding: 0;
}

.use .contact dl dd:last-child span{
    display: block;
    font-size: 1.4rem;
    font-weight: normal;
}