@charset "UTF-8";



/*　
---------------------------------------------------------*/

.head{}
.head_inner{
    padding-top: 64px;
}
.head .e-linkSet{
    margin: 0;
}

@media only screen and (max-width: 950px) {
}

/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media only screen and (max-width: 767px) {
    .head{}
    .head_inner{
    padding-top: 2.7rem;
}
    .head .e-linkSet{}

}



/*　
---------------------------------------------------------*/

.philosophy{}
.philosophy_inner{
    padding-top: 110px;
    padding-bottom: 101px;
}
.philosophy_data{
    display: flex;
    align-items:flex-start;
    gap: 0 10%;
}
.philosophy_img{
    width: 49%;
    overflow: hidden;
    border-radius: 10px;
}
.philosophy_main{
    flex: 1;
}
.philosophy_box{
}
.philosophy_box:nth-child(n+2){
    border-top: 1px solid var(--color-gray2);
    padding-top: 34px;
    margin-top: 29px;
}

.philosophy ol.wp-block-list{
    margin: 0;
}

@media only screen and (max-width: 950px) {
    .philosophy_data{
        display: grid;
    }
    .philosophy_img {
        width: 65%;
        margin: 0 auto 26px;
    }    
}



/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media only screen and (max-width: 767px) {
    .philosophy{}
    .philosophy_inner{
    padding-top: 6rem;
    padding-bottom: 6rem;
}
    .philosophy_data{}
    .philosophy_img{
    width: auto;
    margin-bottom: 3rem;
}
    .philosophy_main{}
    .philosophy_box{}
    .philosophy_box:nth-child(n+2){
    padding-top: 2.6rem;
    margin-top: 2.9rem;
}
    .philosophy ol.wp-block-list{}
}


/*　
---------------------------------------------------------*/

.policy{
    background: url(../img/about/policy_bg.png) 50% 50% no-repeat;
    background-size: cover;
    overflow: hidden;
}
.policy_inner{
    padding-top: 83px;
    padding-bottom: 100px;
}
.policy_ttl{
    font-size: 38px;
    margin-bottom: 59px;
}
.policy_ttl_en{
    text-transform: uppercase;
    display: block;
    font-weight: 300;
}
.policy_ttl_ja{
    font-size: 14px;
    display: block;
    margin-top: 10px;
}
.policy_data{
    display: flex;
    align-items:flex-start;
    margin-bottom: 78px;
}
.policy_head{
    width: 42.5%;
}
.policy_head_ttl{
    font-size: 50px;
    font-weight: 300;
}
.policy_head_ttl:before{
    content: "“";
    color: var(--color-blue2);
}
.policy_head_ttl:after{
    content: "”";
    color: var(--color-blue2);
}


.policy_head_mes{
    /* font-size: 16px; */
    line-height: 2;
    margin-top: 20px;
}
.policy_list{
    flex: 1;
    display: grid;
    gap: 11px 0;
    list-style: none;
    counter-reset: li 0;

}
.policy_list li{
    font-size: 20px;
    line-height: 1.4;
    background: #fff;
    padding: 5px 30px 5px 111px;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    min-height: 80px;
    display: flex;
    align-items:center;
}
.policy_list li:before{
    content: "";
    z-index: 1;
    position: absolute;
    background: #E5E9ED;
    width: 35px;
    height: 1px;
    top:0;
    bottom: 0;
    left: 65px;
    margin: auto;
}

.policy_list li:after {
    content: "0" counter(li);
    counter-increment: li;
    position: absolute;
    z-index: 1;
    color: #036EB8;
    font-family: var(--font-family-en);
    font-weight: 200;
    font-size: 18px;
    top: 50%;
    transform: translate(0px, -50%);
    left: 33px;
}

.policy_slide{
    margin-left: calc((100% - 100vw) / 2);
    margin-right: calc((100% - 100vw) / 2);
}


.policy_slide .c-Slide_main{
    width: 3620px;
}
.policy_slide .c-Slide_box{
    padding-top: 15.97%;
    /*    animation-name: scrolltext;
    animation-duration: 60s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;    */
    position: relative;
    z-index: 1;
}
.policy_slide .c-Slide_txt{
    font-weight: 500;
    font-size: 20rem;
    line-height: 1;
    opacity: 0.2;
    text-transform: uppercase;
}
.policy_slide_img{
    position: absolute;
    z-index: 1;
    overflow: hidden;
    border-radius: 10px;
}
.policy_slide_img1{
    left: 0;
    top: 9.5%;
    width: 30.2%;
}
.policy_slide_img2{
    left: 32.3%;
    bottom: 0;
    width: 17.2%;
}
.policy_slide_img3{
    left: 41.9%;
    top: 0;
    width: 30.6%;
}
.policy_slide_img4{
    right: 2.2%;
    top: 34.5%;
    width: 23.2%;
}


@media only screen and (max-width: 950px) {
}

/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media only screen and (max-width: 767px) {
      
    .policy{}
    .policy_inner{
    padding-top: 6rem;
    padding-bottom: 100px;
}
    .policy_ttl{
    font-size: 2.4rem;
    margin-bottom: 4rem;
}
    .policy_ttl_en{}
    .policy_ttl_ja{
    font-size: 1.4rem;
    margin-top: 1rem;
}
    .policy_data{
    display: grid;
    gap: 4rem 0;
}
    .policy_head{
    width: auto;
}
    .policy_head_ttl{
    font-size: 4rem;
}
    .policy_head_ttl:before{}
    .policy_head_ttl:after{}
    .policy_head_mes{
    margin-top: 1.4rem;
}
    .policy_list{}
    .policy_list li{
    padding: 1.7rem 2rem 1.7rem 9rem;
    font-size: 1.6rem;
    min-height: 8rem;
}
    .policy_list li:before{
    width: 2.5rem;
    left: 5.2rem;
}
    .policy_list li:after {
    left: 2rem;
    font-size: 1.8rem;
}
    .policy_slide{}
    .policy_slide .c-Slide_main{}
    .policy_slide .c-Slide_box{}
    .policy_slide .c-Slide_txt{}
    .policy_slide_img{}
    .policy_slide_img1{}
    .policy_slide_img2{}
    .policy_slide_img3{}
    .policy_slide_img4{}
}



/*　
---------------------------------------------------------*/

.history{}
.history_inner{
    padding-top: 83px;
    padding-bottom: 100px;    
}

.history .e-historySet{
    margin: 0;
}


@media only screen and (max-width: 950px) {
}

/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media only screen and (max-width: 767px) {
      
    .history{}
    .history_inner{}
    .history .e-historySet{}
}