@charset "UTF-8";
/*タイトル背景画像*/
.container_basic .title_wrap{
    background-image: url(../images/foundation_bg.png);
}

@media (max-width: 767px) {
    .container_basic .title_wrap{
        background-image: url(../images/foundation_bg.png);
        background-position: bottom; 
    }
    .container_basic .title_wrap .sub2{
        font-size: 1.2rem;
        margin: 0.5em 0;
    }
    .container_basic .title_wrap .title.is-fixed{
        height: 80px;
        color: #000;
    }
}
@media (min-width: 768px) {
    .container_basic .title_wrap .sub1{
        font-size: 1rem;
        margin: 2em 0 0;
    }
    .container_basic .title_wrap .sub2{
        font-size: 1.5rem;
        margin: 0.5em 0;
    }
}

/*contents*/


.contents_wrap .inner h3{
    font-size: 1.5rem;
    margin: 1em 0 2em;
    text-align: center;
}

.contents_wrap .inner .link_box .main{
    font-size: 1.2rem;
    text-align: center;
}
.contents_wrap .inner .link_box .main li {
    padding: 10px 0;
    border-bottom: 1px solid #BFBFBF;
    margin-bottom: 2em;
}
.contents_wrap .inner .link_box .other{
    font-size: 1.2rem;
    text-align: center;
}
.contents_wrap .inner .link_box .other li{
    display: inline-block;
    width: 10em;
    text-align: center;
}

/* sp */
@media (max-width: 767px) {
    .contents_wrap .inner .top_text {
        margin: 0 10% 15%;
    }
    .contents_wrap .inner .top_text p{
        font-size: 1.4rem;
        line-height: 1.7;
    }
    .contents_wrap .inner .link_box .main{
        margin: 4em 10%;
    }
    .contents_wrap .inner .link_box .other{
        margin: 10em 0 4em;
    }
    .contents_wrap .inner .link_box .other li{
        width: auto;
        padding: 10px 0;
        margin-right: 20px;
    }
    .contents_wrap .inner .link_box .other li:last-child{
        margin: 0;
    }
    .contents_wrap .inner .link_box .other li a{
        text-decoration: underline;
    }
}
@media (max-width: 320px) {
    .contents_wrap .inner .link_box .other li{
        margin-right: 15px;
    }
}
/* pc */
@media (min-width: 768px) {
    
    .contents_wrap .inner{
        padding: 5% 10%;
    }
    .contents_wrap .inner .top_text {
        margin-bottom: 15%;
    }
    .contents_wrap .inner .top_text p{
        font-size: 1.5rem;
        line-height: 1.7;
        margin: 3em 0;
    }
    .contents_wrap .inner .link_box .main{
        margin: 4em 0;
    }
}