@charset "UTF-8";
/* CSS Document */
/*見出し--------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6{font-weight: normal;}

h2.ttl_en{
    font-size: 4.2rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .08em;
}
h3.ttl_ja{
    font-weight: 500;
}
.philosophy .text_box .ttl_ja{
    font-size: 2rem;
}
@media only screen and (max-width: 767px) {
    h2.ttl_en{
        font-size: 8vw;
    }
    h3.ttl_ja{
        font-size: 1.2rem;
    }
    .philosophy .text_box .ttl_ja{
        font-size:1.7rem;
    }
}
/*コンセプト---------------------------------------------------------------------------*/
#concept{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.concept .inner{
    max-width: 1080px;
    width: 84%;
    margin: 0 auto;
    padding: 110px 0;
}
.concept .text{
    font-size: 1.6rem;
    letter-spacing: 2.5px;
    line-height: 2.5;
    padding: 60px 0 40px;
}
.concept .text_en{
    font-size: 1.1rem;
    padding-top: 30px;
}
.concept .text span{
    display: block;
    padding: 30px 0;
}
.concept hr{
    display: block;
    width: 100px;
}
.photo_box{
    display: flex;
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
}

#philosophy{
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.philosophy .inner{
    max-width: 1080px;
    width: 84%;
    margin: 0 auto;
    padding: 100px 0;
}
.philosophy .text_box{
    padding: 30px 0;
}
.philosophy .text_box .ttl_ja{
    padding: 40px 0 10px 0;
}
@media only screen and (max-width: 767px) {
    .concept .inner{
        padding: 40px 0 60px;
    }
    .concept .text{
        font-size: 3.58vw;
        letter-spacing: .08em;
        padding: 40px 0;
    }
    .concept .text_en{
        text-align: center;
    }
    .philosophy .text_box{
        padding: 0;
        font-size:1.25rem;
    }
    .philosophy .text_box p{
        text-align: center;
    }
}