@charset "utf-8";
/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&family=BIZ+UDMincho:wght@400;700&display=swap');

/* Reset */
html{font-size: 62.5%; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; overflow-x: hidden;}
body{color: #414042; word-spacing: 0; font-size: 2.4rem; line-height: 2; font-weight: 400; overflow-x: hidden; font-family: "BIZ UDGothic", sans-serif;
-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%;}

@media print {
    body{color-adjust: exact; -webkit-print-color-adjust: exact; print-color-adjust: exact;}
}

*{margin: 0; padding: 0; box-sizing: border-box; border: 0;}
h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: bold;}
ol, ul{list-style: none;}
table{border-collapse: collapse; border-spacing: 0;}
a{color: inherit; text-decoration: none;}
img{vertical-align: bottom; max-width: 100%; height: auto;}
.content{max-width: 1100px; width: calc(100% - 40px); margin: 0 auto;}

@media screen and (min-width: 768px){
    a[href^="tel:"]{pointer-events: none;}
    .only-sp{display: none;}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
    html{font-size: 1vw;}
}

@media screen and (max-width: 767px){
    body{font-size: 1.6rem;}
    .only-pc{display: none;}
}

/* Header */
header{border-bottom: 1px solid #231F20; padding: 2rem 3rem; line-height: 1;}
h1{width: 30rem;}

@media screen and (max-width: 767px){
    header{padding: 1rem 2rem;}
    h1{width: 20rem;}
}

/* Main */
@keyframes animeArrow {
    0%{transform: translate(0); opacity: 1;}
    50%{transform: translate(100%); opacity: 0;}
    50.1%{transform: translate(-100%); opacity: 0;}
    100%{transform: translate(0); opacity: 1;}
}

/* Footer */
footer{border-top: 2px solid #DA1F3D; padding: 8rem 0; text-align: center;}
.footer-logo{line-height: 1; max-width: 40rem; width: 70%; margin: 0 auto;}

.daito{max-width: 122rem; margin: 0 auto;}
.daito-box{padding: 0 0 5rem;}
.daito-box:last-of-type{padding: 0 0 8rem;}
.daito-tit{width: 20rem; border: 2px solid #414042; margin: 0 auto 3rem; font-weight: bold; font-size: 1.6rem; line-height: 1; letter-spacing: 0.2em; padding: 0.8em 0;}
.daito-list{display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap;}
.daito-list li{margin: 0 2rem 2.5rem; line-height: 1;}

.daito .logo-kentaku{width: 13.5rem;}
.daito .logo-daito-j{width: 13.5rem;}
.daito .logo-daito-steel{width: 17rem;}
.daito .logo-shima-ken{width: 14.6rem;}
.daito .logo-daito-canada{width: 27.8rem;}

.daito .logo-kentaku-partners{width: 25.9rem;}
.daito .logo-kentaku-leasing{width: 24.4rem;}
.daito .logo-house-com{width: 14.6rem;}
.daito .logo-house-leave{width: 18rem;}
.daito .logo-kimaroom{width: 14.8rem;}
.daito .logo-lbw-cn{width: 33rem;}

.daito .logo-invalance{width: 20.5rem;}
.daito .logo-kentaku-as{width: 34.6rem;}
.daito .logo-ascot{width: 34.6rem;}

.daito .logo-gas-pal{width: 10rem;}
.daito .logo-care-partner{width: 17rem;}
.daito .logo-daito-copo{width: 28.6rem;}
.daito .logo-daito-finance{width: 22.1rem;}
.daito .logo-daito-mirai{width: 20.8rem;}
.daito .logo-hg-ssi{width: 32.5rem;}
.daito .logo-daito-bio{width: 23.9rem;}
.daito .logo-dtc{width: 35.2rem;}
.daito .logo-daito-usa{width: 31.7rem;}
.daito .logo-east-asia{width: 42.9rem;}
.daito .logo-daito-malay{width: 37.4rem;}

@media screen and (min-width: 1122px){    
    .daito .logo-kentaku-partners{margin-left: 5%;}
    .daito .logo-house-leave{margin-right: 5%;}
    .daito .logo-gas-pal{margin-left: 10%;}
    .daito .logo-daito-finance{margin-right: 10%;}
    .daito .logo-daito-usa{margin-left: 5%;}
    .daito .logo-east-asia{margin-right: 5%;}
}

@media screen and (max-width: 767px){
    footer{padding: 4rem 0;}
    
    .daito-box{padding: 0 0 3rem;}
    .daito-box:last-of-type{padding: 0 0 6rem;}
    .daito-tit{width: 16rem; height: 3.4rem; font-size: 1.4rem;}    
    .daito-list li{margin: 0 1rem 1.6rem !important;}
    
    .daito .logo-kentaku{width: 9.6rem;}
    .daito .logo-daito-j{width: 9.6rem;}
    .daito .logo-daito-steel{width: 12.09rem;}
    .daito .logo-shima-ken{width: 10.4rem;}
    .daito .logo-daito-canada{width: 19.77rem;}

    .daito .logo-kentaku-partners{width: 18.42rem;}
    .daito .logo-kentaku-leasing{width: 17.36rem;}
    .daito .logo-house-com{width: 10.39rem;}
    .daito .logo-house-leave{width: 12.8rem;}
    .daito .logo-kimaroom{width: 10.53rem;}
    .daito .logo-lbw-cn{width: 23.47rem;}

    .daito .logo-invalance{width: 14.58rem;}
    .daito .logo-kentaku-as{width: 24.61rem;}
    .daito .logo-ascot{width: 24.61rem;}

    .daito .logo-gas-pal{width: 7.12rem;}
    .daito .logo-care-partner{width: 12.09rem;}
    .daito .logo-daito-copo{width: 20.34rem;}
    .daito .logo-daito-finance{width: 15.72rem;}
    .daito .logo-daito-mirai{width: 14.8rem;}
    .daito .logo-hg-ssi{width: 23.12rem;}
    .daito .logo-daito-bio{width: 17rem;}
    .daito .logo-dtc{width: 25.04rem;}
    .daito .logo-daito-usa{width: 22.55rem;}
    .daito .logo-east-asia{width: 30.51rem;}
    .daito .logo-daito-malay{width: 26.6rem;}
}

/* Pagetop */
#pagetop{position: fixed; bottom: 0; right: 0; width: 6rem; height: 6rem; background: #414042; text-align: center; cursor: pointer; display: none; z-index: 100;}
#pagetop:after{content: ''; border: solid #fff; border-width: 0 0.3rem 0.3rem 0; display: inline-block; padding: 0.8rem; transform: rotate(-135deg); margin: 2.4rem 0 0 0;}
#pagetop:hover{background: #000;}

@media screen and (max-width: 767px){
    #pagetop{width: 4rem; height: 4rem}
    #pagetop:after{border-width: 0 0.2rem 0.2rem 0; padding: 0.5rem; margin: 1.8rem 0 0 0;}
}

/* Animate InView */
@media screen{
    .is-view.delay2{transition-delay: .2s;}
    .is-view.delay4{transition-delay: .4s;}
    
    .fade-in{opacity: 0; transition: 2s;}
    .fade-in.is-view{opacity: 1;}

    .fade-blur{opacity: 0; filter: blur(10px); transform: scale(1.1); will-change: transform, opacity; transform-origin: center; transition: 2s;}
    .fade-blur.is-view{opacity: 1; filter: blur(0); transform: scale(1); }
    
    .fade-up{opacity: 0; transform: translateY(40px); will-change: transform, opacity; transform-origin: center; transition: 1.5s;}
    .fade-up.is-view{opacity: 1; transform: translateY(0);}
    
    .fade-down{opacity: 0; transform: translateY(-40px); will-change: transform, opacity; transform-origin: center; transition: 1.5s;}
    .fade-down.is-view{opacity: 1; transform: translateY(0);}
    
    .fade-right{opacity: 0; transform: translateX(-40px); will-change: transform, opacity; transform-origin: center; transition: 1.5s;}
    .fade-right.is-view{opacity: 1; transform: translateX(0);}
    
    .fade-left{opacity: 0; transform: translateX(40px); will-change: transform, opacity; transform-origin: center; transition: 1.5s;}
    .fade-left.is-view{opacity: 1; transform: translateX(0);}
    
    .text-up span{opacity: 0; transform: translateY(100%); will-change: transform, opacity; transform-origin: center; display: inline-block; transition: .8s;}
    .text-up.is-view span{opacity: 1; transform: translateY(0);}
}