@charset "utf-8";
/** |READ ME| **********************************************************************************************************

"About"

Cascading Style Sheet Setting File

Ver.20251122

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

.abt-his {
    padding:0;
}
.abt-his-tit {
    font-size: 24px;
    line-height: 1.6;
    text-align: left;
    font-weight: bold;
    max-width: 1100px;
    margin:0 auto 100px;
    text-align: center;
}
.abt-his-wrap{position: relative;}
.abt-his-car{position: absolute;top:-300px;bottom:0;width:80px;left:calc(50% - 40px);}
.abt-his-car::before{top:300px;bottom:0;background: #F0F0F0;width:100%;border-radius:50px;content:" ";display: block;position: absolute;}
.abt-his-sti{position: sticky;top:0;}
.abt-his-sti img{width:80px;margin: 300px 0 0;}
.abt-his-list{margin: auto;max-width:1100px;}
.abt-his-list::after{content: "";display: block;clear: both;}
.abt-his-list li{float:right;width:50%;padding: 0 0 150px 100px;box-sizing: border-box;text-align: left;}
.abt-his-list li:nth-child(2n){float:left;width:50%;padding: 0 100px 150px 0;box-sizing: border-box;}
.abt-his-list li:nth-child(2){margin-top:100px;}
.abt-his-list b{color: #f03;font-size: 20px;font-weight: bold;display: block;}
.abt-his-list p{padding: 0 0 20px;line-height:2;font-size:16px;}
.abt-his-list p + p{margin:-10px 0 0;}
.abt-his-list img{width:100%;}
.abt-his-wid{position: relative;height:540px;}
.abt-his-wid img{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;width:100%;height:100%;object-fit:cover;}
@media (max-width:1000px) and (min-width:641px){
    .abt-his-list li{padding: 0 0 120px 80px;}
    .abt-his-list li:nth-child(2n){padding: 0 80px 120px 0;}
    .abt-his-list p br{display: none;}
}
.abt-dat{
    background:#FFF7F7;
    padding: 120px 0;

}
.abt-dat-tit {
    font-size: 24px;
    text-align: left;
    font-weight: bold;
    margin:0 auto 30px;
    color:#f03;
    max-width: 1100px;
}
.abt-dat-list {
    margin:auto;
    max-width: 1100px;
    display: flex;
    gap: 30px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.abt-dat-list li {
    position: relative;
    padding: 30px 20px 60px;
    width: calc(100% / 3 - 30px * 2 / 3);
    box-sizing: border-box;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 20px;
    background: #fff;
}
.abt-dat-list h3 {
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 60px;
}
.abt-dat-list h3 small{
    display: block;
    font-weight: normal;
    font-size: 11px;
}
.abt-dat-list div {
    font-weight: bold;
    color: #FF0033;
    line-height: 1;
    letter-spacing: 0;
}
.abt-dat-list li:nth-child(2) div {
    display: block;
}
.abt-dat-list div strong {
    display: inline-block;
    font-size: 80px;
    vertical-align: bottom;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
}
.abt-dat-list div em {
    display: inline-block;
    font-size: 18px;
    vertical-align: bottom;
}
.abt-dat-list div b {
    display: inline-block;
    font-size: 30px;
    vertical-align: bottom;
}
.abt-dat-list div span {
    display: flex;
    flex-direction: column;
    justify-content: end;
    display: inline-block;
    text-align: left;
}
.abt-dat-list div span em {
    padding: 0 0 3px;
}
.abt-dat-list div span b {
    width: 100%;
}
.abt-dat-list p {
    font-size: 13px;
    line-height: 1.8;
    padding: 30px 0 0;
}
.abt-dat-list img {
    width: 100%;
    max-width: 100px;
    display: block;
    margin: 0 auto 10px;
}
@media (max-width:1000px) and (min-width:641px){
    .abt-dat-list {
        gap:15px;
    }
    .abt-dat-list li {
        padding:25px 10px 45px;
        width: calc(100% / 3 - 15px * 2 / 3);
    }
    .abt-dat-list h3{
        padding: 0 0 30px;
    }
    .abt-dat-list div strong{
        font-size: 60px;
    }
    .abt-dat-list div b{
        font-size: 20px;
    }
}
.abt-ser{
    padding: 120px 0;
    overflow: hidden;
}
.abt-ser .cmn-frm{
    max-width: 1140px;
}
.abt-ser-tit{
    font-size: 24px;
    text-align: left;
    font-weight: bold;
    margin:0 auto 30px;
    color:#f03
}
.abt-ser-txt{
    font-size: 16px;
    text-align: left;
    margin:0 auto 30px;
}
.abt-ser .swiper{overflow:visible;position:static;text-align:left;padding:0 0 20px 0;}
.abt-ser .swiper img{width:100%;height:auto;}
.abt-ser-list h3{padding:20px 0 5px;font-size: 18px;font-weight: bold;}
.abt-ser-list p{font-size: 14px;}
.abt-ser-list .swiper-wrapper{overflow:visible;}
.abt-ser-list .swiper-slide{padding:0 0 0 0;box-sizing:border-box;border-radius:10px;height: auto;}
.abt-ser-list .swiper-item{height: 100%;background: #fff;margin:0;width:calc(100% - 30px);border-radius:5px;}
.abt-ser-list .swiper-button-wrap{position:absolute;bottom:0;left:0;width:100%;}
.abt-ser-list .swiper-button-next{display:block !important;top: auto;background:#333;width:40px;height:40px;border:none;bottom:0;right:20px;left:auto;position:absolute;border-radius:50%;margin:0;z-index:0;transition:all 0.3s ease-out;box-sizing: border-box;}
.abt-ser-list .swiper-button-next::after{content:none;}
.abt-ser-list .swiper-button-next::before{content:" ";display:block;position:absolute;right:17px;top:50%;width:6px;height:6px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(-45deg);margin:-4px 0 0 0;transition:all 0.3s ease-out;}
.abt-ser-list .swiper-button-prev{display:block !important;top: auto;background:#333;width:40px;height:40px;border:none;bottom:0;right:75px;left:auto;position:absolute;border-radius:50%;margin:0;z-index:0;transition:all 0.3s ease-out;box-sizing: border-box;}
.abt-ser-list .swiper-button-prev::after{content:none;}
.abt-ser-list .swiper-button-prev::before{content:" ";display:block;position:absolute;left:17px;top:50%;width:6px;height:6px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(135deg);margin:-4px 0 0 0;transition:all 0.3s ease-out;}
.abt-ser-list .swiper-button-next:hover{border:1px #222 solid;background:#222;}  
.abt-ser-list .swiper-button-next:hover::before{border-bottom:2px solid #fff;border-right:2px solid #fff;}
.abt-ser-list .swiper-button-prev:hover{border:1px #222 solid;background:#222;}
.abt-ser-list .swiper-button-prev:hover::before{border-bottom:2px solid #fff;border-right:2px solid #fff;}
.swiper-horizontal > .swiper-scrollbar{height:2px;overflow:hidden;position:relative;left:auto;bottom:auto;width:calc(100% - 140px);margin:60px 0 0;}
.swiper-scrollbar-drag{display:block !important;overflow: visible;border-radius: 0;background: #000;}
.swiper-scrollbar-drag::before{content:" ";display:block;height:100%;width:9000px;top:0;left:0;transform: translate(-100%,0);background:#000;}
.abt-saf{
    padding: 0 0 120px;
}
.abt-saf-tit{
    font-size: 24px;
    text-align: left;
    font-weight: bold;
    max-width:1100px;
    margin:0 auto 30px;
    color:#f03;
}
.abt-saf-list li{
    position: relative;
    min-height: 315px;
    margin:auto;
    padding:0 500px 0 0;
    max-width: 1100px;
    box-sizing: border-box;
}
.abt-saf-list li + li{
    margin:100px auto 0;
}
.abt-saf-list h3{
    padding:10px 0 20px;
    font-size: 24px;
    text-align: left;
    font-weight: bold;
}
.abt-saf-list p{
    font-size: 16px;
    line-height: 2;
    text-align: left;
}
.abt-saf-list img{
    width:420px;
    position: absolute;
    top:0;
    right:0;
}
.abt-pri{
    padding: 0 0 120px;
}
.abt-pri-tit{
    font-size: 24px;
    text-align: left;
    font-weight: bold;
    margin:0 auto 30px;
    color:#f03;
    max-width: 1100px;
}
.abt-pri-list{
    display: flex;
    flex-wrap: wrap;
    max-width: 1100px;
    margin: auto;
    gap:60px 30px;
    justify-content: space-between;
}
.abt-pri-list li{
    width:calc(50% - 15px);
    max-width:520px;
    text-align: left;
}
.abt-pri-list li img {
    display: block;
    width: 100%;
    border:1px #ddd solid;
}
.abt-pri-list li h3{
    padding: 30px 0 10px;
    font-size: 18px;
    font-weight: bold;
}
.abt-ath{
    padding:0 0 120px;
}
.abt-ath-inn{
    position: relative;
    background: #F7F7F7;
    min-height: 380px;
    margin:auto;
    padding: 50px 380px 50px 50px;
    max-width: 1100px;
    box-sizing: border-box;
}
.abt-ath-tit{
    padding: 0 0 10px;
    font-size: 24px;
    text-align: left;
    font-weight: bold;
    color:#f03;
}
.abt-ath-txt{
    font-size: 16px;
    line-height: 2;
    text-align: left;
}
.abt-ath-txt small{
    display: block;
    padding: 30px 0 0;
    line-height:1.8;
}
.abt-ath-txt small a{
    text-decoration: underline;
    opacity:1;
}
.abt-ath-txt small a:hover{
    text-decoration:none;
    opacity:1;
}
.abt-ath-inn img{
    width:280px;
    position: absolute;
    top:50px;
    right: 50px;
}
@media (max-width:640px){
    .abt-his {
        padding:0;
    }    
    .abt-his-tit {
        text-align: left;
        font-size: 18px;
        margin:0 auto 15%;
    }
    .abt-his-car{width:40px;top:-100px;left:15px;}
    .abt-his-sti{position: sticky;top:0;}
    .abt-his-car::before{top:100px;}
    .abt-his-sti img{width:40px;margin:100px 0 0;}
    .abt-his-list li{float:none;width:auto;padding:0 0 10% 60px;}
    .abt-his-list li:nth-child(2n){float:none;width:auto;padding:0 0 10% 60px;}
    .abt-his-list li:nth-child(2){margin-top:0;}
    .abt-his-list li:last-child{padding:0 0 20% 60px;}
    .abt-his-list img{width:80%;}
    .abt-his-list b{font-size:15px;}
    .abt-his-list p{padding: 0 0 20px;line-height:1.8;font-size:15px;}
    .abt-his-list p br{display: none;}
    .abt-his-wid{height:280px;}
    .abt-dat {
        padding: 15% 0 15%;
    }
    .abt-dat-tit {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .abt-dat-list{
        display: block;
    }
    .abt-dat-list li{
        padding:20px 0 20px 30px;
        width:100%;
        border-radius: 10px;
        animation-delay:unset;
        flex-direction: row;
        align-items: center;
    }
    .abt-dat-list li + li{
        margin:15px 0 0;
    }
    .abt-dat-list h3{
        font-size: 16px;
        padding: 0;
        width:45%;
        text-align: left;
        line-height: 1.6;
    }
    .abt-dat-list h3 small{
        letter-spacing: 0;
        font-size: 10px;
    }
    .abt-dat-list p{
        font-size: 12px;
        line-height: 1.5;
        padding:15px 5px 0;
        text-align:center;
        letter-spacing: 0;
    }
    .abt-dat-list p br{
        display:none;
    }
    .abt-dat-list div{
        width:55%;
    }
    .abt-dat-list div strong{
        font-size:55px;
    }
    .abt-dat-list div em{
        font-size:16px;
    }
    .abt-dat-list div b{
        font-size:20px;
    }
    .abt-ser{
        padding: 15% 0 15%;
    }
    .abt-ser-tit{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .abt-ser .swiper{padding:0 0 15px;}
    .abt-ser-list .swiper-item{width: calc(100% - 20px);}
    .abt-ser-list .swiper-button-next{width:30px;height:30px;right:0;}
    .abt-ser-list .swiper-button-next::before{right:13px;}
    .abt-ser-list .swiper-button-prev{width:30px;height:30px;right:43px;}
    .abt-ser-list .swiper-button-prev::before{left:13px;}
    .swiper-horizontal > .swiper-scrollbar{width: calc(100% - 90px);margin: 40px 0 0;}
    .abt-saf{
        padding:0 0 15%;
    }
    .abt-saf-tit{
        font-size: 18px;
        margin:0 auto 20px;
    }
    .abt-saf-list li{
        padding:0;
    }
    .abt-saf-list li + li{
        margin:10% 0 0;
    }
    .abt-saf-list h3{
        font-size: 18px;
        padding:20px 0 0;
    }
    .abt-saf-list p{
        padding: 0;
        font-size: 14px;
    }
    .abt-saf-list img{
        width:100%;
        position:relative;
        top:auto;
        right:auto;
    }
    .abt-pri{
        padding:0 0 15%;
    }
    .abt-pri-tit{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .abt-pri-list{
        display: block;
    }
    .abt-pri-list li{
        max-width: none;
        width:100%;
    }
    .abt-pri-list li h3{
        padding:20px 0 5px;
    }
    .abt-pri-list li h3 br{
        display: none;
    }
    .abt-pri-list li + li{
        margin:10% 0 0;
    }
    .abt-ath{
        padding:0 0 15%;
    }
    .abt-ath-inn{
        padding:7.5%;
    }
    .abt-ath-tit{
        font-size: 18px;
    }
    .abt-ath-txt{
        padding: 0 0 30px;
    }
    .abt-ath-txt small{
        padding:20px 0 0;
    }
    .abt-ath-txt small br{
        display: none;
    }
    .abt-ath-inn img{
        width:100%;
        position:relative;
        top:auto;
        right:auto;
    }
}