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

"top"

Cascading Style Sheet Setting File

Ver.20221222

********************************************************************************************************** |READ ME| **/

#content-main{position:relative;}
.top-main{position:relative;padding:160px 0;margin:auto;width:100%;min-width:1240px;overflow:hidden;box-sizing:border-box;}
.top-main-inn{position:relative;padding:0 80px;}
.top-main-img{position: relative;position:relative;padding:63.23% 0 0;}
.top-main-img li{position:absolute;top:0;right:0;width:0;height:100%;overflow:hidden;}
.top-main-img li.act{z-index:1;width:0;animation:topMainAct 0.6s ease-in-out forwards;}
@keyframes topMainAct{0%{width:0;}100%{width:100%;}}
.top-main-img img{position:absolute;top:50%;left:50%;object-fit:cover;width:100%;height:100%;display:block;transform: translate(-50%,-50%);}
.top-main-img li.act img{animation:topMainImgAct 8s linear forwards;}
@keyframes topMainImgAct{0%{width:100%;height:100%;}100%{width:105%;height:105%;}}
.top-main-tit-wrap{position:absolute;bottom:-1px;right:0;width:100%;}
.top-main-tit{text-align:left;font-weight:bold;white-space:nowrap;}
.top-main-tit li{position:absolute;bottom:0;right:0;transform:none;z-index:1;white-space:nowrap;width:100%;display:flex;justify-content:end;}
.top-main-tit-inn{padding:60px 80px 0 60px;background:#fff;line-height:1.3;opacity:0;transition:opacity 0.4s ease-in-out;}
.top-main-tit li.act .top-main-tit-inn{opacity:1;}
.top-main-tit-inn > *{opacity:0;transform: translate(80px,0);}
.top-main-tit li.act .top-main-tit-inn > *{animation:topMainTitleInnAct 0.3s ease-in-out forwards;animation-delay:0.4s;}
@keyframes topMainTitleInnAct{0%{opacity:0;transform: translate(30px,0);}100%{opacity:1;transform: translate(0,0);}}
.top-main-tit-s{position:relative;font-size:16px;padding:0 0 10px;display:block;overflow:hidden;left:0;transform:translate(0,0);}
.top-main-tit-l{position:relative;font-size:60px;padding:0 0 5px;display:block;overflow:hidden;left:0;transform:translate(0,0);font-family:canada-type-gibson, sans-serif;font-weight:600;line-height:1.1;}
.top-main-tit-m{position:relative;font-size:20px;padding:0 0 15px;display:block;overflow:hidden;left:0;transform:translate(0,0);}
.top-main-btn{position:relative;display:block;overflow:hidden;left:0;transform:translate(0,0);}
.top-main-btn a{text-align:center;display:block;font-size:14px;width:100px;padding:10px 0;background:#FF0033;color:#fff;border-radius:50px;}
.top-main-cat{z-index:1;position:absolute;bottom:27.5vw;left:0;width:80px;opacity:0;}
.top-main-tit li.act .top-main-cat{animation:topMainCatAct 0.6s ease-in-out forwards;animation-delay:0.4s;}
@media (min-width:641px) and (max-width:1240px){
.top-main-cat{bottom: 341px;}
}
@keyframes topMainCatAct{0%{opacity:0;}100%{opacity:1;}}
.top-main-cat-inn{position:relative;transform:rotate(90deg);display:flex;justify-content:center;font-size: 14px;letter-spacing: 0.15em;}
.top-main-cur{position:absolute;top:50%;right:0;width:80px;text-align:center;transform:translate(0,-50%);}
.top-main-cur li{width:8px;height:8px;background:#EBEBEB;border-radius:4px;margin:15px auto;}
.top-main-cur li.act{background:#000;}

.top-banner {padding:0 0 120px;}
.top-banner-list {display: flex;justify-content: center;flex-wrap: wrap;}
.top-banner-list li {width: calc(50% - 20px);padding: 0 0 40px;}
.top-banner-list li:nth-child(even) {margin: 0 0 0 40px;}
.top-banner-list li a,
.top-banner-list li a img {display: block;width: 100%;}

.top-news{padding:0 0 160px;}
.top-news .top-news-inn{max-width:1000px;margin:auto;display:flex;}
.top-news-tit-en{display:block;line-height:1;padding:0 0 5px;font-family:canada-type-gibson, sans-serif;font-weight:600;font-size:45px}
.top-news-tit-jp{display:block;line-height:1;padding:0 0 30px;font-size:14px;}
.top-news-tit-bt{display:block;color:#FF0033;border:1px #FF0033 solid;border-radius:50px;width:110px;padding:5px 0;margin:auto;font-size:12px;}
.top-news-tit-bt:hover{color:#FF0033;}
.top-news-list{padding:0 0 0 100px;text-align:left;line-height:1.5;}
.top-news-list li{padding:0 0 30px;}
.top-news-list li:last-child{padding:0;}
.top-news-list a{display:flex;flex-wrap:wrap;}
.top-news-date{width:120px;}
.top-news-text{width:calc(100% - 120px);}
.top-news-fot{display:none;}
.top-call{padding:0;}
.top-call-list{max-width:1000px;margin:auto;display:grid;grid-template-rows:280px 280px;grid-template-columns:50% 50%;gap:40px;}
.top-call-list li{border:1px #ccc solid;position:relative;text-align:left;border-radius:5px;overflow:hidden;background:#fff;}
.top-call-list li:nth-child(1){grid-row:1 / 3;grid-column:1 / 2;}
.top-call-list li:nth-child(2){grid-row:1 / 2;grid-column:2 / 3;}
.top-call-list li:nth-child(3){grid-row:2 / 3;grid-column:2 / 3;}
.top-call-list li::before{content:"";display:block;width:40px;height:40px;background:#FF0033;position:absolute;bottom:20px;right:20px;border-radius:20px;z-index:2;pointer-events: none;}
.top-call-list li::after{content:" ";display:block;position:absolute;right:36px;bottom:34px;width:8px;height:8px;border-top:2px solid #ffffff;border-right:2px solid #ffffff;transform:rotate(45deg);margin:-5px 0 0 0;z-index:3;pointer-events: none;}
.top-call-list li:nth-child(1)::before{display:none;}
.top-call-list li:nth-child(1)::after{display:none;}
.top-call-list li a{box-sizing:border-box;}
.top-call-list li:nth-child(2) a,.top-call-list li:nth-child(3) a{display:block;width:100%;height:100%;}
.top-call-list li:nth-child(2) a::before{position:absolute;content:" ";display:block;width:100%;height:100%;background:url("/img/top/top_use.jpg") center no-repeat;background-size:cover;opacity:0;transition:0.3s ease-in-out;z-index:1;}
.top-call-list li:nth-child(3) a::before{position:absolute;content:" ";display:block;width:100%;height:100%;background:url("/img/top/top_res.jpg") center no-repeat;background-size:cover;opacity:0;transition:0.3s ease-in-out;z-index:1;}
.top-call-list li:nth-child(2) a:hover::before{width:calc(100% + 10px);height:calc(100% + 10px);transform:translate(-5px,-5px);}
.top-call-list li:nth-child(3) a:hover::before{width:calc(100% + 10px);height:calc(100% + 10px);transform:translate(-5px,-5px);}
.top-call-list li:nth-child(2) a:hover{opacity:1;}
.top-call-list li:nth-child(3) a:hover{opacity:1;}
.top-call-list li:nth-child(2) a:hover::before{opacity:1;}
.top-call-list li:nth-child(3) a:hover::before{opacity:1;}
.top-call-list-tit{font-weight:bold;position:absolute;top:50px;left:50px;line-height:1.5;z-index:2;}
.top-call-list-tit-s{display:block;font-size:14px;padding:0 0 5px;transition:none;color:#333;}
.top-call-list-tit-l{display:block;font-size:24px;padding:0 0 10px;transition:none;color:#333;}
.top-call-list-tit-en{display:block;font-size:14px;color:#FF0033;transition:none;}
.top-call-list li:nth-child(2) a:hover .top-call-list-tit-s{color:#fff;}
.top-call-list li:nth-child(3) a:hover .top-call-list-tit-s{color:#fff;}
.top-call-list li:nth-child(2) a:hover .top-call-list-tit-l{color:#fff;}
.top-call-list li:nth-child(3) a:hover .top-call-list-tit-l{color:#fff;}
.top-call-list li:nth-child(2) a:hover .top-call-list-tit-en{color:#fff;}
.top-call-list li:nth-child(3) a:hover .top-call-list-tit-en{color:#fff;}
.top-call-list li a.top-call-list-tel{bottom:50px;left:50px;display:block;position:absolute;line-height:1.5;}
.top-call-list-tel small{font-size:14px;font-weight:bold;display:block;}
.top-call-list-tel b{font-size:48px;font-weight:bold;display:block;}
.top-ser{padding:400px 0 240px;color:#fff;min-width:1240px;overflow-x:hidden;position:relative;}
.top-ser-bal-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;}
.top-ser-bal{visibility:hidden;background:#FF0033;transform:translate(-50%,-50%);position:absolute;left:50%;width:8000px;height:8000px;border-radius:50%;}
.top-ser-tit{font-family:canada-type-gibson, sans-serif;font-weight:600;font-size:55px;line-height:1;padding:0 0 10px;}
.top-ser-txt{padding:0 0 100px;}
.top-ser-list{display:flex;flex-wrap:wrap;}
.top-ser-list li{width:33.33%;box-sizing:border-box;padding:0 25px 80px;font-weight:bold;}
.top-ser-list li img{display:block;margin:0 auto 20px;width:100%;height:auto;border-radius:8px;}
.top-ser-list a{color:#fff;}
.top-ser-list-tit{text-align:left;font-weight:bold;font-size:18px;}
.top-ser-list-txt{text-align:left;font-weight:normal;font-size: 13px;}
.top-ser-fot-bt{text-align:center;display:block;font-size:18px;font-weight:bold;margin:auto;max-width:300px;width:100%;padding:15px 0;background:#fff;color:#000;background:#FFF;border-radius:50px;}
.top-use{padding:160px 0;background:#fff;}
.top-use-tit{padding:0 0 60px;}
.top-use-tit-jp{font-size:14px;font-weight:bold;color:#FF0033;display:block;padding:0 0 5px;}
.top-use-tit-en{font-family:canada-type-gibson, sans-serif;font-weight:600;font-size:55px;display:block;line-height:1;}
.top-use-list{display:flex;flex-wrap:wrap;border-top:1px #ddd solid;border-left:1px #ddd solid;}
.top-use-list li{font-size:16px;font-weight:bold;border-bottom:1px #ddd solid;border-right:1px #ddd solid;box-sizing:border-box;width:25%;}
.top-use-list li a{display:block;padding:90px 0;}
.top-use-list img{width:50px;height:50px;display:block;margin:0 auto 20px;}
.top-pro{padding:160px 0;background:#fff;}
.top-pro-tit{padding:0 0 60px;}
.top-pro-tit-jp{font-size:14px;font-weight:bold;color:#FF0033;display:block;padding:0 0 5px;}
.top-pro-tit-en{font-family:canada-type-gibson, sans-serif;font-weight:600;font-size:55px;display:block;line-height:1;}
.top-pro-list{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 0 60px;}
.top-pro-list li{box-sizing:border-box;width:calc(33.33% - 30px);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);border-radius:10px;text-align:left;}
.top-pro-list img{width:100%;height:auto;}
.top-pro-list-tit{font-weight:bold;padding:30px 30px 10px;font-size: 18px;}
.top-pro-list-txt{padding:0 30px 30px;font-size: 13px;}
.top-pro-fot-bt{text-align:center;display:block;font-size:18px;font-weight:bold;margin:auto;max-width:300px;width:100%;padding:15px 0;color:#fff;background:#FF0033;border-radius:50px;}
.top-pro-fot-bt:hover{color:#fff;}
.top-kan{position:relative;min-width:1240px;background:#F5F5F5;}
.top-kan-inn{padding:160px 0;top:0;position:sticky;overflow:hidden;}
.top-kan-tit{padding:0 0 60px;}
.top-kan-tit-jp{font-size:14px;font-weight:bold;color:#FF0033;display:block;padding:0 0 5px;}
.top-kan-tit-en{font-family:canada-type-gibson, sans-serif;font-weight:600;font-size:55px;display:block;line-height:1;}
.top-kan-list-wrap{position:relative;margin:auto;width:1040px;}
.top-kan-list{display:flex;position:absolute;top:0;left:0;width:10000px;}
.top-kan-list li{padding:0 40px;box-sizing:border-box;width:1040px;}
.top-kan-list li a{display:flex;border-radius:10px;background:#fff;background:#fff;border-radius:10px;position:relative;overflow:hidden;}
.top-kan-list li a:hover{opacity:1;}
.top-kan-list-img{width:50%;}
.top-kan-list-img img{object-fit:cover;width:100%;height:100%;display:block;}
.top-kan-list-inf{width:50%;text-align:left;box-sizing:border-box;padding:60px;}
.top-kan-list-tit{font-size:22px;font-weight:bold;padding:0 0 30px;}
.top-kan-list-txt{font-size:13px;padding:0 0 60px;}
.top-kan-list-pri{font-size:20px;color:#FF0033;font-weight:bold;}
.top-kan-list-clr{color:#FF0033;}
.top-kan-fot{padding:60px 0 0;}
.top-kan-fot-bt{text-align:center;display:block;font-size:18px;font-weight:bold;margin:auto;max-width:300px;width:100%;padding:15px 0;background:#fff;color:#fff;background:#FF0033;border-radius:50px;}
.top-kan-fot-bt:hover{color:#fff;}
.top-rec{background:#222;position:relative;padding:120px 0 160px;}
.top-rec-tit{padding:0 0 60px;}
.top-rec-tit-jp{font-size:14px;font-weight:bold;color:#FF0033;display:block;padding:0 0 5px;}
.top-rec-tit-en{font-family:canada-type-gibson, sans-serif;color:#fff;font-weight:600;font-size:55px;display:block;line-height:1;}
.top-rec-list{display:flex;justify-content:center;flex-wrap:wrap;}
.top-rec-list li{width:50%;padding:20px;max-width:580px;box-sizing:border-box;}
.top-rec-list li a{display:block;position:relative;padding:40.74% 0 0 0;overflow:hidden;border-radius:8px;color:#fff;}
.top-rec-list li img{object-fit:cover;width:100%;height:100%;display:block;opacity:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.top-rec-list-tit{position:absolute;top:40px;left:40px;font-size:24px;font-weight:bold;line-height:1;}
.top-rec-list li a::before{content:"";display:block;width:40px;height:40px;background:#FF0033;position:absolute;bottom:20px;right:20px;border-radius:20px;z-index:2;}
.top-rec-list li a::after{content:" ";display:block;position:absolute;right:36px;bottom:34px;width:8px;height:8px;border-top:2px solid #ffffff;border-right:2px solid #ffffff;transform:rotate(45deg);margin:-5px 0 0 0;z-index:3;}
@media (max-width:640px){
.top-main{padding:80px 0 100px;min-width:0;box-sizing:content-box;height:auto;}
.top-main-inn{position:relative;padding:0 40px 0 0;height:auto;}
.top-main-img-wrap{position:relative;height:105vw;}
.top-main-img{height:100%;width:auto;padding:0;}
.top-main-tit-wrap{position:relative;padding:0;}
.top-main-tit{position:relative;max-height:none;}
.top-main-tit-inn{padding:0;opacity:1;transition:none;}
.top-main-tit li{top:0;left:0;transform:none;width:calc(100% + 40px);display:block;padding:0 40px 0 30px;box-sizing: border-box;}
.top-main-tit li.act .top-main-tit-inn > *{animation:topMainTitleInnAct 0.6s ease-in-out forwards;animation-delay:0;}
.top-main-tit span{white-space:wrap;}
.top-main-tit-s{font-size:3.2vw;padding:25px 0 10px;line-height: 1.3;}
.top-main-tit-l{font-size:10vw;}
.top-main-tit-m{font-size:4.2vw;padding:0 0 20px;}
.top-main-btn a{width:110px;padding:5px 0;font-size:12px;line-height:1.8;}
.top-main-cat{display:none;}
.top-main-cur{right:0;width:40px;top:0;transform:none;height:105vw;display:flex;flex-direction:column;justify-content:center;}
.top-main-cur li{width:5px;height:5px;margin:5px auto;}
    
.top-banner {padding:0 0 calc(100px - 8%);}
.top-banner-list {display: block;}
.top-banner-list li {width: 100%;padding: 0 0 8%;}
.top-banner-list li:nth-child(even) {margin: 0;}
.top-banner-list li a,
.top-banner-list li a img {display: block;width: 100%;}

.top-news{padding:0 0 100px;}
.top-news .top-news-inn{display:block;padding: 0 10px;}
.top-news-tit-en{font-size:36px;text-align:center;}
.top-news-tit-jp{font-size:12px;text-align:center;padding:0 0 15px;}
.top-news-tit-bt{display:none;}
.top-news-list{padding:0 0 15px;}
.top-news-list li{padding:15px 0;}
.top-news-list li:last-child{padding:15px 0;}
.top-news-date{width:auto;padding:0 5px 5px 0;}
.top-news-media{width:auto;padding:0 0 5px;}
.top-news-text{width:100%;}
.top-news-fot{display:block;}
.top-news-fot-bt{display:block;color:#FF0033;border:1px #FF0033 solid;border-radius:50px;width:110px;padding:5px 0;margin:0;font-size:12px;}
.top-call-list{display:block;}
.top-call-list li a{padding:0;}
.top-call-list li + li{margin:20px 0 0;}
.top-call-list-tit{position:relative;top:auto;left:auto;padding:20px 20px 100px;}
.top-call-list li::before{width:30px;height:30px;bottom:15px;top:auto;right:15px;}
.top-call-list li::after{bottom:25px;top:auto;right:26px;}
.top-call-list-tit-s{font-size:12px;padding:0;}
.top-call-list-tit-l{font-size:20px;padding:0 0 5px;}
.top-call-list-tit-en{font-size:12px;}
.top-call-list li a.top-call-list-tel{position:relative;bottom:auto;left:auto;padding:0 20px 20px;}
.top-call-list-tel small{font-size:12px;}
.top-call-list-tel b{font-size:8vw;}
.top-ser{padding:200px 0 100px;min-width:0;}
.top-ser-bal{width:1200vw;height:1200vw;}
.top-ser-tit{padding:0 0 30px;font-size:30px;}
.top-ser-txt{padding:0 0 50px;text-align:left;}
.top-ser-list{padding:0;}
.top-ser-list li{width:100%;padding:0 10px 30px;}
.top-ser-list li img{margin:0 auto;}
.top-ser-img-area {position: relative;padding-top: 62.5%;overflow: hidden;z-index: 0;margin-bottom: 10px;border-radius: 10px;}
.top-ser-img-area img {position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);height: 100%;width: auto;}
.top-ser-list-tit{font-size:16px;}
.top-ser-list-txt{font-size:12px;}
.top-ser-fot-bt{font-size:16px;padding:10px;}
.top-use{padding:100px 0;}
.top-use-tit{padding:0 0 30px;}
.top-use-tit-jp{font-size:12px;}
.top-use-tit-en{font-size:30px;}
.top-use-list li{width:50%;font-size:14px;}
.top-use-list li a{padding:40px 0;}
.top-use-list img{width:40px;height:40px;margin:0 auto 10px;}
.top-pro{padding:0 0 100px;}
.top-pro-tit{padding:0 0 30px;}
.top-pro-tit-jp{font-size:12px;}
.top-pro-tit-en{font-size:30px;}
.top-pro-list{padding:0;}
.top-pro-list li{width:100%;margin:0 10px 30px;}
.top-pro-list-tit{padding:20px 20px 5px}
.top-pro-list-txt{padding:0 20px 20px}
.top-pro-fot-bt{font-size:16px;padding:10px;}
.top-kan{min-width:0;}
.top-kan .cmn-frm{padding:0 20px;}
.top-kan-inn{position:relative;padding:60px 0;}
.top-kan-tit{padding:0 0 30px;}
.top-kan-tit-jp{font-size:12px;}
.top-kan-tit-en{font-size:26px;}
.top-kan-list-wrap{width:auto;}
.top-kan-list{display:block;position:unset;top:auto;left:auto;width:auto;}
.top-kan-list li{padding:0;width:auto;margin:0 10px 30px;}
.top-kan-list li a{border-radius:10px;display:block;}
.top-kan-list-img{width:100%;height:60vw;}
.top-kan-list-inf{width:100%;padding:20px;}
.top-kan-list-tit{font-size:18px;padding:0;}
.top-kan-list-txt{padding:0 0 15px;line-height:1.5;}
.top-kan-list-pri{font-size:18px;color:#FF0033;font-weight:bold;}
.top-kan-fot{padding:0;}
.top-kan-fot-bt{font-size:16px;padding:10px;}
.top-rec{padding:60px 0;}
.top-rec-tit{padding:0 0 30px;}
.top-rec-tit-jp{font-size:12px;}
.top-rec-tit-en{font-size:30px;}
.top-rec-list li{width:100%;padding:10px 0;max-width:none;}
.top-rec-list-tit{top:20px;left:20px;font-size:20px;}
.top-rec-list li a::before {width:30px;height:30px;bottom:15px;right:15px;}
.top-rec-list li a::after{bottom:25px;right:26px;}
}