p{
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 2px;
    font-feature-settings: "palt";
}
a{
    transition: 0.5s;
    font-feature-settings: "palt";
}
a:hover{
    opacity: 0.5;
    transition: 0.5s;
}
.br-sp{
	display: none;
}
.inview {
    opacity: 0;
    transform: translate(0, 10%);
    transition: 1.5s;
  }
.inview.is-show {
transform: translate(0, 0);
opacity: 1;
}
@media screen and (max-width: 780px) {
    .br-sp{
        display: block;
    }
    a:hover{
        transition: unset;
        opacity: 1;
    }
}
/*header*/
header{
    position: fixed;
    top: 0;
    height: 85px;
    width: 100%;
    z-index: 999;
}
header.header-bg{
    background: #fff;
    transition: 0.5s;
}
header .header-wrapp{  
        position: relative;
}
header .header-wrapp h1 {
    position: absolute;
    top: 12px;
    left: 10px;
    z-index: 99;
}
header .header-wrapp h1 a{
    opacity: 1;
}
header .header-wrapp h1 img{
    height: 57px;
}
header .header-wrapp nav{
    position: absolute;
    top: 0;
    right: 0;
    height: 85px;
    letter-spacing: 2px;
}
header .header-wrapp nav ul{
    display: inline-block;
}
header .header-wrapp nav ul li{
    display: inline-block;
    margin-right: 40px;
    height: 100%;
}
header .header-wrapp nav ul li a{
    text-decoration: none;
    color: #000;
    font-weight: 600;
    height: 100%;
    line-height: 85px;
}
header .header-wrapp nav .nav-contact{
    background: #BE3900;
    height: 85px;
    line-height: 85px;
    width: 145px;
    display: inline-block;
}
header .header-wrapp nav .nav-contact a{
    color: #fff;
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none;
}

.Main_V{
      padding-bottom: 49%;
        background: url(../images/mv.gif)no-repeat bottom center;
        background-size: cover;
        margin-top: 120px;
        margin-bottom: 150px;
}
.Main_V h2{
    font-size: 0;
}

.contents-tit .contents-tit-en{
    font-family: 'Bakbak One';
    font-size: 62px;
    letter-spacing: 8px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #000;
}
.contents-tit .contents-tit-jp{
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 5px;
    margin-bottom: 70px;
}
header .header-wrapp nav .nav-wrapp{
    position: relative;
}
header .header-wrapp nav .nav-wrapp .nav-sp-header{
    display: inline-block;
}


@media screen and (max-width: 880px) {
    header .header-wrapp nav .nav-contact a{
        font-size: 13px;
    }
    header .header-wrapp nav .nav-wrapp .nav-sp-header {
        position: absolute;
        right: 0;
        display: flex;
        top: 0;
    }
    .openbtn{
        position: relative;
        cursor: pointer;
        width: 85px;
        height:85px;
        display: inline-block;
    }
    
    /*ボタン内側*/
    .openbtn span{
        display: inline-block;
        transition: all .4s;
        position: absolute;
        left: 22px;
        height: 2px;
        border-radius: 5px;
        background: #000;
          width: 45%;
      }
    .openbtn span:nth-of-type(1) {
        top:23px;	
    }
    
    .openbtn span:nth-of-type(2) {
        top:34px;
    }
    
    .openbtn span:nth-of-type(3) {
        top:45px;
    }
    
    .openbtn span:nth-of-type(3)::after {
        content: "menu";
        position: absolute;
        top: 9px;
        left: 2px;
        color: #000;
        font-size: 10px;
        width: 100%;
        white-space: nowrap;
        text-transform: uppercase;
    }
    header .header-wrapp nav ul{
        display: none;
    }
    header .header-wrapp nav.active{
        width: 100%;
        height: 101vh;
        background: rgb(255 255 255 / 98%);
        transition: 0.2s;
    }
    header .header-wrapp nav.active .openbtn span:nth-of-type(1) {
        top: 30px;
        left: 27px;
        transform: translateY(6px) rotate(-45deg);
        width: 45%;
    }
    
    header .header-wrapp nav.active .openbtn span:nth-of-type(2) {
        opacity: 0;
    }
    
    header .header-wrapp nav.active .openbtn span:nth-of-type(3){
        top: 42px;
        left: 27px;
        transform: translateY(-6px) rotate(45deg);
        width: 45%;
    }
    
    header .header-wrapp nav.active .openbtn span:nth-of-type(3)::after {
        content:"Close";
        transform: translateY(0) rotate(-45deg);
        top: 14px;
        left: 17px;
    }
    header .header-wrapp nav.active ul{
        display: inline-block;
        text-align: center;
        position: absolute;
        transform: translate(-50%, 30%);
        left: 50%;
        top: 10%;
        width: 100%;
    }
    header .header-wrapp nav ul li{
        width: 100%;
        margin-right: 0;
    }
    header .header-wrapp nav ul li a{
        font-size: 24px;
        display: inline-block;
        line-height: 100px;
    }

    header .header-wrapp nav .nav-contact{
        width: 130px;
        height: 50px;
        line-height: 50px;
        vertical-align: top;
        margin-top: 17.5px;
    }
    .contents-tit .contents-tit-en{
        font-size: 48px;
        letter-spacing: 5px;
    }
    .Main_V{
        padding-bottom: 79%;
        background: url(../images/mv_sp.gif)no-repeat bottom center;
        background-size: cover;
        margin-bottom: 90px;
    }
}



/* Top-Vision */
#Top-Vision{
    max-width: 870px;
    margin: 0 auto 200px;
}
#Top-Vision h5{
    font-size: 26px;
    letter-spacing: 16px;
    line-height: 3.2rem;
    margin-bottom: 60px;
    font-feature-settings: "palt";
}
#Top-Vision h5 span{    
    color: #E70012;
    font-size: 32px;
}
#Top-Vision .Vision-text{
    line-height: 3rem;
    position: relative;
}
#Top-Vision .Vision-text .Vision-text-01{
    font-size: 18px;
    font-weight: bold;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 4px;
}
#Top-Vision .Vision-text .text-red{
    color: #E70012;
}
#Top-Vision .Vision-text::before{
    content: "";
    background: url(../images/vision-ill.png)no-repeat right bottom;
    background-size: contain;
    width: 100%;
    position: absolute;
    bottom: -80px;
    padding-top: 45%;
}
#Top-Vision .Vision-img{display: none;}
@media screen and (max-width: 780px) {
    #Top-Vision{
        padding: 0 15px;
        margin-bottom: 50px;
        text-align: center;
    }
    #Top-Vision h5{
        font-size: 24px;
        letter-spacing: 12px;
        line-height: 2.8rem;
        margin-bottom: 60px;
        text-align: center;
    }
    #Top-Vision h5 span{
        font-size: 30px;
    }
    #Top-Vision .Vision-text{
        text-align: center;
    }
    #Top-Vision .Vision-text{
        line-height: 2.4rem;
        font-size: 14px;
    }
    #Top-Vision .Vision-text::before{
        display: none;
    }
    #Top-Vision .Vision-img{
        display:inline-block;
        width: 70%;
        margin-top: 50px;
        max-width: 300px;
    }
}


/* Top-Service */
.Service{
    background: #F4F4F1;
    padding-top: 120px;
    text-align: center;
    padding-bottom: 10px;
}
.Service .contents-tit{
    margin-bottom: 100px;
}
.Service ul li{
    margin: -150px auto 170px;
    padding-top: 150px;
    text-align: left;
}
.Service ul li .Service-tit{
    font-size: 26px;
    font-weight: 900;
    max-width: 870px;
    margin: 0 auto -12px;
    padding: 0 50px;
    position: absolute;
    left: 110px;
    top: -20px;
    letter-spacing: 3px;
    z-index: 1;
}

.Service ul li .Service-tit .Service-tit-no{
    position: absolute;
    font-family: 'Bakbak One', cursive;
    font-size: 140px;
    color: #E9E9E1;
    transform: translate(-50%, -50%);
    top: 30%;
    left: 180px;
    font-weight: normal;
}

.Service ul li .Service-tit .Service-tit-text{
    position: relative;
    display: inline-block;
}
.Service ul li .Service-tit .Service-tit-text::after{
    content: "";
    position: absolute;
    display: inline-block;
    background-size: contain;
    right: -135px;
    transform: translate(-50%, -50%);
    top: 50%;
} 
.Service ul li:nth-child(1) .Service-tit .Service-tit-text::after{
    width: 85px;
    height: 65px;
    background: url(../images/serice-ill-sns.gif)no-repeat;
    background-size: contain;
    right: -135px;
    top: 18%;
} 
.Service ul li:nth-child(2) .Service-tit .Service-tit-text::after{
    width: 66px;
    height: 71px;
    background: url(../images/serice-ill-consulting.gif)no-repeat;
    background-size: contain;
    right: -111px;
    top: -3%;
} 
.Service ul li:nth-child(3) .Service-tit .Service-tit-text::after{
    width: 77px;
    height: 59px;
    background: url(../images/serice-ill-influencer.gif)no-repeat;
    background-size: contain;
    right: -135px;
} 
.Service ul li:nth-child(4) .Service-tit .Service-tit-text::after{
    width: 51px;
    height: 66px;
    background: url(../images/serice-ill-movie.gif)no-repeat;
    background-size: contain;
    right: -93px;
} 
.Service ul li:nth-child(5) .Service-tit .Service-tit-text::after{
    width: 64px;
    height: 54px;
    background: url(../images/serice-ill-revitalization.gif)no-repeat;
    background-size: contain;
    right: -114px;
} 

.Service ul li .Service-tit .Service-tit-text::before{
    position: absolute;
    display: inline-block;
    background-size: contain;
    left: -55px;
    transform: translate(-50%, -50%);
    top: 38%;
    font-family: 'Bakbak One', cursive;
    color: #E9E9E1;
    font-weight: normal;
    font-size: 140px;
} 
.Service ul li:nth-child(1) .Service-tit .Service-tit-text::before{
    content: "1";
} 
.Service ul li:nth-child(2) .Service-tit .Service-tit-text::before{
    content: "2";
} 
.Service ul li:nth-child(3) .Service-tit .Service-tit-text::before{
    content: "3";
} 
.Service ul li:nth-child(4) .Service-tit .Service-tit-text::before{
    content: "4";
} 
.Service ul li:nth-child(5) .Service-tit .Service-tit-text::before{
    content: "5";
} 

.Service ul li .Service-txt-wrapper{
    top: 0;
    background: linear-gradient(to left, #fff 50%, #f4f4f1 50%);
}
.Service ul li:nth-child(2n) .Service-txt-wrapper{
    top: 0;
    background: linear-gradient(to left, #f4f4f1 50%, #fff 50%);
}
.Service ul li .Service-txt{
    margin: 0 auto;
    text-align: left;
    max-width: 870px;
    padding: 80px 60px 70px;
    line-height: 2.4rem;
    font-size: 14px;
    position: relative;
    background: #fff;
    border-radius: 50px;
    border-left: #f4f4f1 solid 10px;
}
.Service ul li:nth-child(2n) .Service-txt{
    border-right: #f4f4f1 solid 10px;
    border-left: 0;
}
.Service ul li a.Service-more-btn{
    position: absolute;
    right: 70px;
    bottom: -22px;
    max-width: 770px;
    margin: 0 auto;
    background: #000;
    color: #fff;
    padding: 3px 0;
    text-decoration: none;
    border-radius: 30px;
    font-size: 14px;
    letter-spacing: 1px;
    width: 200px;
    text-align: center;
    display: inline-block;
}
.Service ul li a.Service-more-btn span{
    position: relative;
    margin-left: -10px;
}
.Service ul li a.Service-more-btn::after{
    content: "";
    background: url(../images/common/btn_icon.svg)no-repeat;
    background-size: contain;
    width: 27px;
    height: 8px;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    right: 5px;
}
@media screen and (max-width: 780px) {
    .Service{
        padding-top: 90px;
        padding-bottom: 30px;
    }
    .Service .contents-tit{
        margin-bottom: 120px;
    }
    .Service ul li{
        padding-top: 110px;
    }
    .Service ul li:last-child{
     margin-bottom: 90px;   
    }
    .Service ul li .Service-tit{
        padding: 0;
        left: 85px;
        top: -28px;
    }
    .Service ul li .Service-txt{
        padding: 50px 25px 40px;
        line-height: 2rem;
    }
    .Service ul li .Service-tit{
        top: -30px;
    }
    .Service ul li:nth-child(1) .Service-tit,
    .Service ul li:nth-child(4) .Service-tit,
    .Service ul li:nth-child(5) .Service-tit{
        top: -18px;
    }
    .Service ul li .Service-tit .Service-tit-text{
        font-size: 20px;
        line-height: 1.8rem;
    }
    .Service ul li .Service-tit .Service-tit-text::before{
        font-size: 100px;
        left: -35px;
    }
    .Service ul li:nth-child(1) .Service-tit .Service-tit-text::after{
        width: 79px;
        height: 53px;
        right: -120px;
        top: 18%;
    }
    .Service ul li:nth-child(2) .Service-tit .Service-tit-text::after{
        width: 61px;
        height: 65px;
        right: -97px;
        top: 29%;
    }
    .Service ul li:nth-child(3) .Service-tit .Service-tit-text::after{
        right: -116px;
        width: 73px;
        height: 54px;
    }
    .Service ul li:nth-child(4) .Service-tit .Service-tit-text::after{
        width: 47px;
        height: 58px;
        right: -78px;
    }
    .Service ul li:nth-child(5) .Service-tit .Service-tit-text::after{
        width: 60px;
        height: 50px;
        right: -98px;
    }
    .Service ul li a.Service-more-btn{
        right: 20px;
        padding: 8px 0;
    }
    .br-pc{
        display: none;
    }

}

/* Top-News */
.News{
    padding: 150px 20px;
    text-align: center;
    max-width: 870px;
    margin: 0 auto;
}
.News ul.News-topics{
    max-width: 970px;
    margin: 0 auto;
    width: 100%;
    text-align: left;
    margin-bottom: 50px;
}
.News ul.News-topics li{
    border-bottom: 0.5px solid #000;
    position: relative;
}
.News ul.News-topics li:last-child{
    border-bottom: none; 
}
.News ul.News-topics li::after{
    content: "";
    background: url(../images/news-icon.svg)no-repeat;
    background-size: contain;
    width: 11px;
    height: 14px;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    right: 20px;
}
.News ul.News-topics li a{
    color: #000;
    padding: 35px 0;
    display: inline-block;
    width: 100%;
}

.News ul.News-topics li a p.News-date{
    font-weight: 600;
    width: 20%;
    display: inline-block;
}
.News ul.News-topics li a p.News-text{
    display: inline-block;
    line-height: 1.6rem;
}
.News ul.News-topics li a:hover{
    opacity: 1;
}
.News ul.News-topics li a:hover p.News-text{
    color: #DA0215;
}
#Top-News a.News-more-btn{
    width: 200px;
    font-size: 14px;
    letter-spacing: 2px;
    border-radius: 30px;
    background: #000;
    color: #fff;
    padding: 15px 0;
    display: inline-block;
}
#Top-News .contents-tit .contents-tit-en{
    position: relative;
    display: inline-block;
}
#Top-News .contents-tit .contents-tit-en::before{
    content: "";
    background: url(../images/news-ill.png)no-repeat;
    background-size: contain;
    position: absolute;
    width: 45px;
    height: 48px;
    transform: translate(-50%,-50%);
    top: -10%;
    right: -9.7%;
}
@media screen and (max-width: 780px) {
    #Top-News{
        padding: 90px 30px;
    }
    #Top-News .contents-tit .contents-tit-jp{
        margin-bottom: 30px;
    }
    .News ul.News-topics li a p.News-date{
        width: 100%;
        margin-bottom: 15px;
    }
    .News ul.News-topics li a p.News-text{
        width: 89%;
    }
    .News ul.News-topics li::after{
        right: 5px;
    }
    #Top-News .contents-tit .contents-tit-en::before{
        width: 39px;
        height: 38px;
        top: -14%;
        right: -14.7%;
    }
}


/* footer */
footer.footer{
    padding: 50px 0 0;
    border-top: 1px solid #D8D8D8;
}
footer.footer .footer-wrapp{
    margin: 0 auto 50px;
    max-width: 970px;
}
footer.footer .footer-wrapp img{
    margin-right: 30px;
    width: 320px;
    height: auto;
}
.footer-wrapp-contact{
    display: inline-block;
    width: calc(100% - 360px);    
    vertical-align: top;
    line-height: 1.8rem;
}
.footer-copy{
    text-align: center;
    background: #F6F6F6;
    padding: 15px 0;
    font-size: 14px;
}
a.footer-wrapp-contact-btn{
    background: #BE3900;
    color: #fff;
    width: 270px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    border-radius: 30px;
    letter-spacing: 2px;
    margin-top: 15px;
    text-decoration: none;
}
@media screen and (max-width: 780px) {
    footer.footer .footer-wrapp{
        display: flex;
        flex-direction: column-reverse;
        text-align: center;
    }
    .footer-wrapp-contact{
        width: 100%;
        font-size: 14px;
    }
    footer.footer .footer-wrapp img{
        display: inline-block;
        margin: 30px auto 0;
        width: 300px;
    }
    .footer-copy{
        font-size: 12px;
    }
}


.contents-tit.contents-tit-2nd{
    max-width: 970px;
    text-align: left;
    margin: 0 auto;
    padding: 125px 20px 0;
}
@media screen and (max-width: 780px) {
    .contents-tit.contents-tit-2nd{
    padding: 125px 20px 0;
    }
}
.bg-color{
    background: #f4f4f1;
}

/* Service */
#Service{
        margin-top: 70px;
}
#Service ul li .Service-txt,#Service ul li .Service-tit{
    max-width: 1000px;
}
#Service .Service-txt span.Service-text-L{
    font-size: 18px;
    font-weight: bold;
}
#Service .Service-txt span.text-red{
    color: #DA0215;
}
#Service .Service-txt span.Service-text-marker{
    background: linear-gradient(transparent 60%, #FBFBBD 0%);
    display: inline;
    padding: 0 1px 0px;
    line-height: 3rem;
}

#Service ul li .Service-txt{
    line-height: 2.6rem;
}
@media screen and (max-width: 780px) {
    #Service.Service{
        padding-top: 130px;
        padding-bottom: 10px;
    }
    #Service ul li .Service-txt{
        line-height: 2rem;
    }
    
    #Service ul li{
        padding-top: 90px;
    }

    #Service .Service-txt span.Service-text-L{
        font-size: 16px;
    }
    #Service .Service-txt span.Service-text-marker{
        line-height: 2.2rem;
    }
    #Service .Service-txt span.Service-text-mb10{
        margin-bottom: 10px;
        display: block;
    }
}



/* News */
#News{
    background: #F4F4F1;
    position: relative;
    max-width: unset;
    padding: 70px 20px 120px;
}
#News::before{
    content: "";
    position: absolute;
    background: url(../images/news-ill.png)no-repeat;
    background-size: contain;
    width: 66px;
    height: 68px;
    transform: translate(-50%,-50%);
    top: -28px;
    right: 7%;
}
#News .News-wrapp{
    background: #fff;
    border-radius: 20px;
    padding: 50px;
    max-width: 1000px;
    margin: 0 auto 50px;
}
#News ul{
    margin-bottom: 0;
}
#News ul.News-backnumber{
    display: flex;
        justify-content: center;
}
#News ul.News-backnumber li{
    display: inline-block;
    margin: 0 10px;
}
#News ul.News-backnumber li a{
    color: #000;
    font-weight: bold;
}
/* News article */
#News-article{
    max-width: 900px;
    margin: 0 auto 120px;
    padding: 180px 20px 0;
}

#News-article .News-tit{
    font-weight: bold;
    font-size: 32px;
    margin-bottom: 20px;
    line-height: 2rem;
    letter-spacing: 4px;
}
#News-article .News-date{
    font-size: 16px;
    color: #B0B0B0;
    margin-bottom: 50px;
}
#News-article figure{display:inline-block;}
#News-article .text-left{margin-left: 20px;
    display: inline-block;
    vertical-align: top;
    font-weight: normal;}
#News-article img{
    border: 1px solid #DFDFDF;
    margin-bottom: 30px;
max-width:100%;
height: auto;
}
.News-textarea th{text-align: left;}
#News-article .News-textarea{
    line-height: 2.4rem;
    margin-bottom: 70px;
}
#News-article .News-top-btn-box{
    text-align: center;
}
#News-article a.News-top-btn{
    background: #000;
    color: #fff;
    padding: 15px 0;
    text-decoration: none;
    border-radius: 30px;
    font-size: 14px;
    letter-spacing: 2px;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}

#News ul.News-backnumber li.active a {
color:#BE3900
}

@media screen and (max-width: 780px) {
    #News{
        padding: 50px 10px 120px;
    }
    #News .News-wrapp{
        padding: 15px 30px;
    }
    #News::before{
        width: 56px;
        height: 58px;
        top: -23px;
        right: 1%;
    }
 .News-textarea th{display:block;}
#News-article .text-left{margin-left: 0;}
    #News-article{
        padding-top: 120px;
    }
    #News-article .News-textarea{
        font-size: 14px;
        line-height: 1.8rem;
    }
    #News-article .News-tit{
        font-size: 22px;
    }
}

/* About us */
#About #Top-Vision{
    max-width: unset;
    margin: auto;
}
#About .About-contents{
    background:  #f4f4f1;
}
#About .About-mission{
    background: #fff;
}
#About .About-contents-wrapp{
    max-width: 970px;
    padding: 150px 40px;
    margin: 0 auto;
}
#About .About-contents-wrapp h4{
    font-size: 130px;
    color: #F4F4F1;
    font-family: 'Bai Jamjuree', sans-serif;
    position: relative;
    font-weight: 100;
    margin-left: -10px;
    margin-bottom: 40px;
}
#About .About-contents-wrapp h4 span{
     font-family: 'Noto Sans JP', sans-serif;
     color: #000;
     font-size: 18px;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 60px;
    font-weight: bold;
    letter-spacing: 4px;
}
#About #Top-Vision .About-contents-wrapp h4{
    color: #e3e3e0;
    text-align: left;
}   

#About .About-mission{
    border-bottom: 2px solid #000;
    position: relative;
}
#About .About-mission .About-contents-wrapp::after{
    content: "";
    background: url(../images/about-mission-ill.png)no-repeat bottom;
    background-size: contain;
    width: 125px;
    height: 142px;
    display: inline-block;
    position: absolute;
    transform: translate(-50%,-50%);
    bottom: -6.3%;
    right: 0;
}
#About .About-mission .About-mission-catch{
    font-size: 26px;
    font-weight: bold;
    line-height: 3.2rem;
    letter-spacing: 6px;
    margin-bottom: 40px;
}
#About .About-mission .About-mission-catch span{
    font-size: 32px;
    color: #E70012;
}
#About .About-mission .About-mission-about{
    line-height: 2.6rem;
}

#About .About-value{
    background: #f4f4f1;
    border-bottom: 2px solid #000;
}
#About .About-value .About-contents-wrapp h4{
    color: #e3e3e0;
}
#About .About-value .About-contents-wrapp ul{
    text-align: left;
    margin-top: 70px;
}
#About .About-value .About-contents-wrapp ul li{
    margin-bottom: 70px;
}
#About .About-value .About-contents-wrapp ul li .value-li-tit{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 30px;
    letter-spacing: 4px;
    position: relative;
}
#About .About-value .About-contents-wrapp ul li .value-li-tit::before{
    content: "";
    background: url(../images/about-profile-hart.png)no-repeat;
    width: 19px;
    height: 16px;
    background-size: contain;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 59%;
    left: -19px;
}
#About .About-value .About-contents-wrapp ul li .value-li-text{
    line-height: 2.6rem;   
    letter-spacing: 1px;
}


@media screen and (max-width: 780px) {
    #About .About-contents-wrapp{
        padding: 70px 20px;
    }
    #About .About-contents-wrapp h4{
        font-size: 80px;
    }
    #About #Top-Vision h5{
        margin-top: 70px;
    }
    #About #Top-Vision{
        text-align: center;
    }
    #About #Top-Vision .Vision-text{
        text-align: center;
    }
    #About .About-mission .About-mission-catch{
        font-size: 18px;
    }
    #About .About-mission .About-mission-catch span{
        font-size: 24px;
    }
    #About .About-mission .About-mission-about{
        padding-bottom: 100px;
        font-size: 14px;
        line-height: 2.2rem;
    }
    #About .About-mission .About-contents-wrapp::after{
        bottom: -72px;
        right: -6%;
    }
    #About .About-value .About-contents-wrapp ul li:last-child{
        margin-bottom: 0;
    }
    #About .About-value .About-contents-wrapp ul li .value-li-tit{
        font-size: 18px;
        margin-left: 22px;
        line-height: 2rem;
        margin-bottom: 20px;
    }
    #About .About-value .About-contents-wrapp ul li .value-li-tit::before{
        width: 17px;
        height: 12px;
        left: -14px;
    }
    #About .About-value .About-contents-wrapp ul li:nth-child(4) .value-li-tit::before,
    #About .About-value .About-contents-wrapp ul li:nth-child(6) .value-li-tit::before{
        top: 18px;
    }
    #About .About-value .About-contents-wrapp ul li .value-li-text{
        line-height: 2.2rem;
        font-size: 14px;
    }
    #About .About-inner-item{
        padding: 30px 0;
    }
}


/* company */
.Company-profile{
    background: #fff;
}
.Company-contents-wrapp{
    max-width: 970px;
    padding: 150px 40px;
    margin: 0 auto;
}
.Company-contents-wrapp h4{
    font-size: 130px;
    color: #F4F4F1;
    font-family: 'Bai Jamjuree', sans-serif;
    position: relative;
    font-weight: 100;
    margin-left: -10px;
    margin-bottom: 40px;
}
.Company-contents-wrapp h4 span{
     font-family: 'Noto Sans JP', sans-serif;
     color: #000;
     font-size: 18px;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 60px;
    font-weight: bold;
    letter-spacing: 4px;
}
.company-inner-item{
    padding: 40px 80px;
    border-bottom: 1px solid #D4D4D4;
    line-height: 2rem;
}
.company-inner-item:last-child{
    border-bottom: 0;
}
.Company-profile .company-inner-tit{
    display: inline-block;
    color: #A5A5A5;
    font-weight: bold;
    width: 15%;
    vertical-align: top;
}
.Company-profile .company-inner-text{
    display: inline-block; 
    width: 84%; 
}

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

    .company-profile .company-inner-tit{
        width: 100%;
    }
    .company-profile .company-inner-text{
        width: 100%;
    }
    .company-contents-wrapp{
        padding: 70px 20px;
    }
    .company-contents-wrapp h4{
        font-size: 80px;
    }
    
    .company-inner-item{
        padding: 30px 0;
    }
}



a.back-btn{
    background: #000;
    color: #fff;
    padding: 15px 0;
    text-decoration: none;
    border-radius: 30px;
    font-size: 14px;
    letter-spacing: 2px;
    width: 200px;
    text-align: center;
    margin: 30px auto 0;
    display: inline-block;
}
 .contact-att{
    font-size: 18px;
    margin-bottom: 40px;
    letter-spacing: 4px;
    position: relative;
    margin-left: 45px;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 2px;
}
.contact-att::before{
    content: "";
    background: url(../images/about-profile-hart.png)no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 20px;
    left: -25px;
}