/* PC
================================================= */

@media only screen and (min-width: 768px){
    h3 .ttl-en{
        color: #016E6B;
        font-family: "Oswald", sans-serif;
        font-size: 2.4rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.6;
    }
    
    h3 .ttl-ja{
        color: #2B2B2B;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 3.2rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.6;
        margin-top: -8px;
    }

    h4 .ttl-en{
        color: #016E6B;
        font-family: "Oswald", sans-serif;
        font-size: clamp(5.2rem, 3.33vw, 6.4rem);
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.6;
    }
    
    h4 .ttl-ja{
        color: #2B2B2B;
        font-family: "Noto Sans JP", sans-serif;
        font-size: clamp(2rem, 1.25vw, 2.4rem);
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.6;
        margin-top: -8px;
    }

    .btn a, .btn span{
        display: inline-block;
        vertical-align: middle;
        width: 165px;
        color: #ffffff;
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
        background: #016E6B;
        border: 1px solid #016E6B;
        padding: 15px 45px 15px 25px;
        box-sizing: border-box;
        border-radius: 50px;
        transition: .3s;
        position: relative;
    }

    .btn a:before, .btn span:before{
        content: "";
        display: block;
        width: 16px;
        height: 15px;
        background: url(../img/component/btn_icon.png) no-repeat center / contain;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        right: 25px;
    }

    .btn a:hover{
        color: #016E6B;
        background: #ffffff;
    }

    .btn a:hover:before{
        background: url(../img/component/btn_icon-hover.png) no-repeat center / contain;
    }

    .breadcrumb_contents .contents_box-s{
        padding: 15px;
        box-sizing: border-box;
    }

    .breadcrumb_contents .contents_box-s .breadcrumb_content{
        display: flex;
        align-items: center;
    }

    .breadcrumb_contents .contents_box-s .breadcrumb_content span {
        font-size: 1.2rem;
    }

    .breadcrumb_contents .contents_box-s .breadcrumb_content span a{
        display: block;
    }
}

/* SP
================================================= */

@media only screen and (max-width: 767px){
    h3 .ttl-en{
        color: #016E6B;
        font-family: "Oswald", sans-serif;
        font-size: 2rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.6;
    }
    
    h3 .ttl-ja{
        color: #2B2B2B;
        font-family: "Noto Sans JP", sans-serif;
        font-size: 2.6rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.6;
        margin-top: -5px;
    }

    h4 .ttl-en{
        color: #016E6B;
        font-family: "Oswald", sans-serif;
        font-size: clamp(3.2rem, 2.71vw, 5.2rem);
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.6;
    }
    
    h4 .ttl-ja{
        color: #2B2B2B;
        font-family: "Noto Sans JP", sans-serif;
        font-size: clamp(1.6rem, 1.25vw, 2.4rem);
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.6;
        margin-top: -3px;
    }

    .btn a, .btn span{
        display: block;
        color: #ffffff;
        font-size: 1.4rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
        background: #016E6B;
        border: 1px solid #016E6B;
        padding: 15px 45px 15px 25px;
        box-sizing: border-box;
        border-radius: 50px;
        transition: .3s;
        position: relative;
    }

    .btn a:before, .btn span:before{
        content: "";
        display: block;
        width: 16px;
        height: 15px;
        background: url(../img/component/btn_icon.png) no-repeat center / contain;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        right: 25px;
    }
    
    .breadcrumb_contents .contents_box-s{
        width: 95%;
        padding: 10px 0;
        box-sizing: border-box;
    }

    .breadcrumb_contents .contents_box-s .breadcrumb_content{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .breadcrumb_contents .contents_box-s .breadcrumb_content span {
        font-size: 1.2rem;
    }

    .breadcrumb_contents .contents_box-s .breadcrumb_content span a{
        display: block;
    }
}