@charset "utf-8";



/* ==========================================================================
	hasei_main
========================================================================== */

#hasei_main{padding-bottom: 0;height: 480px;box-sizing:border-box;}
#hasei_main:after{
    content:"";
    display: block;
    width: calc(100% - var(--base-size80));
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
    background:#222;    
}
#hasei_main h2{letter-spacing: 0.05em;}
@media screen and (max-width : 800px ){

    #hasei_main{padding-bottom: 55px;height: auto;}
    #hasei_main:after{
        background:#ccc;
    }
    #hasei_main h2{letter-spacing: 0.1em;}
    
}

/* ==========================================================================
	list
========================================================================== */
.intro.rt_box {
    width: calc(100% - var(--rt-tit-width));
    display: block;
    box-sizing:border-box;
    padding-top: 80px;
    padding-bottom: 62px;
    padding-top: 65px;
}
.intro.rt_box h3 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 17px;
}
.intro.rt_box p {
    font-size: 15px;
    line-height: 36px;
    letter-spacing: 0.1em;
    margin-bottom: 60px;
}

.intro.rt_box p a{
     color:#222;
    text-decoration: underline;
}

.intro.rt_box p a:hover{
    color:var(--base-link-color);
}
@media screen and (max-width : 1050px ){   
    .rt_box.intro {padding-right: 0;}
}

@media screen and (max-width : 800px ){


    .intro.rt_box {
        width: calc(100% - 12vw);
        padding-top: 48px;
        padding-bottom: 20px;
    }
    .intro.rt_box h3 {
        font-size: 17px;
        margin-bottom: 12px;
    }
    .intro.rt_box p {
        font-size: 13px;
        line-height: 26px;
        margin-bottom: 35px;
    }
}