@charset "utf-8";

.nav-button span {
    background-color: #ccc;
}
.concept .contents_mainvisual::before {
    background-image: url(../img/concept/naub4.jpg);
}
.process .contents_mainvisual h1 span.en{
    font-size:56px
}
.contents_mainvisual h1 span.kana{
    margin-bottom:3px
}
.process #contents_body .contents_read{
    margin-bottom:104px;
    padding-top:9.22vw
}
.process #contents_body .contents_read p{
    margin-bottom:125px;
    line-height:2
}
.process #contents_body .contents_read h2{
    margin-bottom:0;
    font-size:27px
}
.process .process_box{
    position:relative;
    padding-bottom:26.42vw
}
.process .process_box figure.process_img01{
    position:absolute;width:35%;right:0;top:0
}
.process .process_box .inner .left{
    margin-left:8%
}
.process .process_box .inner span.gray{
    display:inline-block;
    padding:2px 12px 2px 9px;
    margin-bottom:33px;
    color:#fff;
    background-color:#9B9B9B;
    letter-spacing:1px
}
.process .process_box .inner .number{
    max-width:551px;
    width:49%;
    margin-bottom:22px
}
.process .process_box .inner .number_03,.process .process_box .inner .number_05{
    margin-bottom:30px
}
.process .process_box .inner .number .flex figure{
    position:relative;
    width:45px;
    height:48px;
    margin:-3px 26px 0 0;
    align-self:flex-start
}
.process .process_box .inner .number .flex h3{
    margin-bottom:25px;
    font-size:20px;
    letter-spacing:1px
}
.process .process_box .inner .number p{
    margin-left:21px;
    padding:4px 0 4px 47px;
    border-left:solid 1px #E5E5E5;
    line-height:2;letter-spacing:1px
}
.process .process_box .inner .number hr{
    margin:23px 0 0 70px
}
.process .process_box .inner hr{
    height:1px;
    border-top:1px solid #ccc;
    border-bottom:none;
    border-left:none;
    border-right:none
}
.process .contents_mainvisual::before{
    background-image: url(../img/naub4.jpg);
}
@media screen and (
    max-width:1150px)
{
        .process .process_box .inner .left{
            margin-left:0}
}
@media screen and (
    max-width:767px){
        .process .contents_mainvisual::before{
            background-position:27%;
            background-image: url(../img/naub4.jpg);
        }
        .process .contents_mainvisual h1 span.en{
            font-size:40px
        }
        .process #contents_body .contents_read{
            padding-top:80px;
            margin-bottom:80px
        }
        .process #contents_body .contents_read p{
            margin-bottom:50px
        }
        .process #contents_body .contents_read h2{
            font-size:18px
        }
        .process .process_box figure.process_img01{
            display:none
        }
        .process .process_box .inner .number{
            max-width:100%;
            width:100%
        }
        .process .process_box .inner .number .flex figure{
            width:40px;
            height:43px
        }
        .process .process_box .inner .number .flex h3{
            margin-bottom:13px;
            font-size:19px
        }
        .process .process_box .inner .number hr{
            margin:15px 0 0 70px
        }
}