@charset "UTF-8";	
/********************
Font Face 
********************/
@font-face {
	font-family: 'NotoSans';
	font-weight: bold;
	font-display:fallback;
	src: local('NotoSans Bold'), url('NotoSans-Bold.woff') format('woff');
}

@font-face {
	font-family: 'NotoSans';
	font-weight: 500;
	font-display:fallback;
	src: local('NotoSans Regular'), url('NotoSans-Regular.woff') format('woff');
}

/********************
Reset
********************/
/* CSS reset with box-sizing fix */
* {margin:0;padding:0;border:0;outline:none;word-break:keep-all;font-size:16px;font-style:normal;line-height:normal;font-family:'NotoSans', sans-serif;font-weight:500;color:#262626;box-sizing:border-box;}
html {scroll-behavior:smooth;}
body {-webkit-overflow-scrolling:touch;width:100%;min-height:100vh;height:100%;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
ol, ul, li {list-style:none;}
em {font-style:normal;}
a, a:hover, a:focus, a:active {color:inherit;font-weight:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;}
span {font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;}
/********************
Common
********************/
.txt-orange {color:#ff4a00;}
[data-type=mobile] {display:none;}

.flex-end {display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:flex-end;display:flex;align-items:center;justify-content:flex-end;}
.flex-center {display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;display:flex;align-items:center;justify-content:center;}
.flex-between {display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:space-between;display:flex;align-items:center;justify-content:space-between;}

/********************
Layout
********************/
.wrap {width:100%;min-width:1200px;}
/* header */
.header {position:fixed;left:0;right:0;top:0;z-index:2;border-bottom:1px solid rgba(255,255,255,0.3);overflow:hidden;}
.header-inner {position:relative;width:1200px;height:80px;margin:0 auto;display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:space-between;display:flex;align-items:center;justify-content:space-between;}
.header-inner .logo {font-size:0;width:116px;height:30px;background:url(../images/logo@2x.png) no-repeat 0 0/contain;}
.header-inner .menu {position:relative;display:-webkit-flex;-webkit-justify-content:flex-end;-webkit-flex-direction:row;display:flex;justify-content:flex-end;flex-direction:row;}
.header-inner .menu a {display:block;padding:10px;font-size:14px;color:#fff;margin-left:40px;}
.header.fixed {background:rgba(0,0,0,0.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}

/* Footer */
.footer {width:100%;background:#eee;}
.footer-inner {position:relative;width:1200px;margin:0 auto;height:184px;display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:space-between;display:flex;align-items:center;justify-content:space-between;}
.footer-inner h1 {font-size:12px;color:#666;font-weight:bold;margin-bottom:10px;}
.footer-inner .addr, .footer-inner .copy {font-size:12px;color:#888;}
.footer-inner .info span {font-size:inherit;color:inherit;}
.footer-inner .member-site {position:relative;}
.footer-inner .select-box {position:relative;width:180px;height:48px;border:1px solid #888;border-radius:5px;padding:0 25px;font-size:14px;color:#666;text-align:left;background:#eee;transition:all 0.4s;z-index:10;}
.footer-inner .select-box::after {content:'';position:absolute;right:10px;top:50%;width:20px;height:20px;margin-top:-10px;background:url(../images/icon-arrow@2x.png) no-repeat 50% 50%/contain;transition:all 0.2s;}
.footer-inner .select-box.is-open {border-radius:0 0 5px 5px;}
.footer-inner .select-box.is-open::after {transform:rotate(180deg);}
.footer-inner .select-list {position:absolute;left:0;bottom:46px;width:180px;height:0;border:1px solid #888;border-radius:5px 5px 0 0;background:#eee;transition:all 0.4s;z-index:9;opacity:0;}
.footer-inner .select-list .select-box {width:178px;height:0;border:0;}
.footer-inner .select-list .select-box::after {display:none;}
.footer-inner .select-box.is-open + .select-list {bottom:46px;opacity:1;height:100px;padding:10px 0;}
.footer-inner .select-box.is-open + .select-list .select-box {height:40px;padding:10px 25px;}

/* Container */
.contents {position:relative;z-index:1;}
.content-top {text-align:center;font-size:42px;font-weight:bold;margin-bottom:100px;}
.content {position:relative;}
	
.section {width:100%;padding:160px 0;}
.section:nth-child(even) {background:#fafafa;}
.section-inner {position:relative;width:1200px;margin:0 auto;}


.main {position:relative;width:100%;font-size:0;}
.main img {width:100%;height:auto;}
.main-inner {position:absolute;left:0;right:0;top:0;bottom:0;width:1200px;margin:0 auto;display:-webkit-flex;-webkit-align-items:flex-end;-webkit-justify-content:center;display:flex;align-items:flex-end;justify-content:center;flex-direction:column;}
.main-inner p {color:#fff;text-align:right;}
.main-inner p.txt-sub {font-size:42px;}
.main-inner p.txt-main {font-size:80px;margin-top:10px;font-weight:bold;}


.solution-list {display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:30px;}
.solution-list li {position:relative;}
.solution-list li .solution-img {font-size:0;transition: 0.4s;opacity:1;}
.solution-list li .solution-img img {width:100%;height:100%;}
.solution-list li .solution-img.hide {opacity:0;}
.solution-list li .btn-flip {position:absolute;z-index:2;left:0;right:0;bottom:60px;width:258px;height:56px;margin:auto;border-radius:28px;background:rgba(255, 255, 255, 0.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:18px;font-weight:bold;}
.solution-content {position:absolute;z-index:10;left:0;right:0;top:0;width:100%;height:100%;padding:58px;display:none;}
.solution-content dt, .solution-content dd {font-size:16px;color:#333;line-height:1.4;}
.solution-content dd + dt {margin-top:20px;}
.solution-content.content1 {background:url(../images/img-solution-blur-01@2x.png) no-repeat 0 0/contain;}
.solution-content.content2 {background:url(../images/img-solution-blur-02@2x.png) no-repeat 0 0/contain;}
.solution-content.content3 {background:url(../images/img-solution-blur-03@2x.png) no-repeat 0 0/contain;}
.solution-content.content4 {background:url(../images/img-solution-blur-04@2x.png) no-repeat 0 0/contain;}
.solution-content .btn-more {position:absolute;z-index:11;left:58px;bottom:71px;width:122px;height:44px;line-height:44px;background:url(../images/btn-more@2x.png) no-repeat right 50%/44px;font-size:16px;font-weight:bold;color:#ff4a00;padding-right:44px;}
.solution-content .btn-close {position:absolute;z-index:11;top:28px;right:28px;display:-webkit-flex;-webkit-justify-content:space-between;display:flex;justify-content:space-between;-webkit-flex-direction:column;flex-direction:column;width:18px;height:18px;background:transparent;cursor:pointer;}
.solution-content .btn-close span {display:block;width:23px;height:2px;background:#262626;position:relative;border-radius:2px;opacity:1}
.solution-content .btn-close span:nth-of-type(1) {transform-origin:0% 0%;transform:rotate(45deg);}
.solution-content .btn-close span:nth-of-type(2) {transform-origin:0% 100%;transform:rotate(-45deg);}

.history h1 {font-size:32px;font-weight:bold;margin-bottom:60px;}
.history-list {display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:space-between;display:flex;align-items:center;justify-content:space-between;height:715px;} 
.history-list .img {width:482px;flex:0 0 482px;margin-right:60px;font-size:0;} 
.history-list .img img {width:100%;}
.history-list .list {display:-webkit-flex;-webkit-align-items:flex-start;display:flex;align-items:flex-start;height:100%;width:calc(100% - 542px);flex-direction:column;} 
.history-list .history-year {width:100%;position:relative;padding:0 29px;}
.history-list .history-year .splide__slide {width:120px;height:50px;border:1px solid #fff;border-radius:25px;text-align:center;background:#fff;line-height:48px;font-size:24px;font-weight:bold;color:#666;}
.history-list .history-year .splide__slide.is-active {border:1px solid #ff4a00;color:#ff4a00;}
.history-list .history-year .splide__arrow--prev {left:-5px;background:url(../images/icon-arrow@2x.png) no-repeat 50% 100%/20px 20px;transform:translate(0, -50%) rotate(90deg);opacity:.5;}
.history-list .history-year .splide__arrow--prev svg {display:none;}
.history-list .history-year .splide__arrow--next {right:-5px;background:url(../images/icon-arrow@2x.png) no-repeat 50% 100%/20px 20px;transform:translate(0, -50%) rotate(-90deg);opacity:.5;}
.history-list .history-year .splide__arrow--next svg {display:none;}
.history-list .history-main {width:100%;position:relative;margin-top:60px;}
.history-list .list-cont li {position:relative;padding-left:13px;letter-spacing:-0.57px;font-size:16px;}
.history-list .list-cont li::before {content:'';position:absolute;left:0;top:50%;width:3px;height:3px;border-radius:3px;background:#262626;ransform:translateX(-50%);}
.history-list .list-cont li + li {margin-top:20px;}

.partner .section-inner {width:100%;min-width:1200px;}
.partner-wrap .splide__slide:first-child {text-align:right;}
.partner-wrap .splide__slide:last-child {text-align:left;}
.partner-wrap .splide__slide img{height:198px;}
@media screen and (max-width:1560px){
.partner-wrap .splide__slide img {width:100%;height:auto;}
}

.benefit-list {display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:30px;}
.benefit-list li {position:relative;height:310px;background:#eee;border-radius:20px;padding:60px;}
.benefit-list li strong {font-size:24px;font-weight:bold;text-align:left;}
.benefit-list li i {position:absolute;right:58px;bottom:60px;width:90px;height:100px;background-position:0 100%;background-repeat:no-repeat;background-size:100% auto;}
.benefit-list li i.icon-01 {background-image:url(../images/icon-01@2x.png);}
.benefit-list li i.icon-02 {background-image:url(../images/icon-02@2x.png);}
.benefit-list li i.icon-03 {background-image:url(../images/icon-03@2x.png);}
.benefit-list li i.icon-04 {background-image:url(../images/icon-04@2x.png);}
.benefit-list li i.icon-05 {background-image:url(../images/icon-05@2x.png);}
.benefit-list li i.icon-06 {background-image:url(../images/icon-06@2x.png);}

.location-wrap {display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:space-between;display:flex;align-items:center;justify-content:space-between;height:650px;}
.location-wrap .map {width:790px;flex:0 0 790px;height:100%;margin-right:30px;}
.location-wrap .map-wrap {position:relative;width:100%;height:100%;}
.location-wrap .map-wrap::before {content:'MAP';position:absolute;left:0;top:0;width:790px;height:650px;background:#d8d8d8;line-height:650px;text-align:center;font-size:32px;}
.location-wrap .info {display:-webkit-flex;-webkit-align-items:center;display:flex;align-items:center;height:100%;width:calc(100% - 820px);}
.location-wrap .info-list dt {display:block;font-size:24px;font-weight:bold;}
.location-wrap .info-list dd {display:block;font-size:18px;margin-top:10px;}
.location-wrap .info-list dd + dt {margin-top:60px;}

@media screen and (max-width:414px){
* {font-size:1.6rem;}
html {font-size:62.5%;}
[data-type=desktop] {display:none !important;}
[data-type=mobile] {display:block;}

.wrap {width:100%;min-width:32.0rem;}

.header {width:100%;border-bottom:0;}
.header.bg {background:rgba(0,0,0,0.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:23.0rem;}
.header-inner {width:100%;height:6.0rem;padding:0 2.0rem;z-index:3;}
.header-inner .logo {font-size:0;width:9.3rem;height:2.4rem;background:url(../images/logo@2x.png) no-repeat 0 0/contain;position:relative;z-index:10;}
.header-inner .btn-menu {position:relative;display:-webkit-flex;-webkit-justify-content:space-between;display:flex;justify-content:space-between;-webkit-flex-direction:column;flex-direction:column;width:1.8rem;height:1.8rem;z-index:10;}
.header-inner .btn-menu span {display:block;width:1.8rem;height:0.2rem;background:#fff;position:relative;border-radius:0.2rem;transition: 0.2s;}
.header-inner .btn-menu span:nth-of-type(1) {transform-origin:0% 0%;}
.header-inner .btn-menu span:nth-of-type(3) {transform-origin:0% 100%;margin-bottom:0;}
.header-inner .btn-menu.is-open span {opacity:1;}
.header-inner .btn-menu.is-open span:nth-of-type(1) {transform:rotate(45deg);width:2.3rem;}
.header-inner .btn-menu.is-open span:nth-of-type(2) {opacity:0;}
.header-inner .btn-menu.is-open span:nth-of-type(3) {transform:rotate(-45deg);width:2.3rem;}
.header-inner .menu {-webkit-justify-content:flex-start;-webkit-flex-direction:column;justify-content:flex-start;flex-direction:column;position:absolute;left:0;right:0;top:0;padding:6.5rem 0 1.5rem;transition: .2s;opacity:0;}
.header-inner .menu a {display:block;padding:1.5rem 2.0rem;font-size:1.4rem;color:#fff;margin-left:0;pointer-events:none;}
.header-inner .btn-menu.is-open + .menu {display:-webkit-flex !important;display:flex !important;opacity:1;}
.header-inner .btn-menu.is-open + .menu a {pointer-events:visible;}

/* Footer */
.footer-inner {width:100%;height:30.0rem;-webkit-justify-content:center;justify-content:center;flex-direction:column;}
.footer-inner .info {order:2;margin-top:3.0rem;text-align:center;}
.footer-inner .info span {display:block;}
.footer-inner .info span.line {display:none;}
.footer-inner h1 {font-size:1.2rem;margin-bottom:1.0rem;}
.footer-inner .addr, .footer-inner .copy {font-size:1.2rem;}
.footer-inner .member-site {order:1;}
/*
.footer-inner .select-box {position:relative;width:180px;height:48px;border:1px solid #888;border-radius:5px;padding:0 25px;font-size:14px;color:#666;text-align:left;background:#eee;transition:all 0.4s;z-index:10;}
.footer-inner .select-box::after {content:'';position:absolute;right:10px;top:50%;width:20px;height:20px;margin-top:-10px;background:url(../images/icon-arrow@2x.png) no-repeat 50% 50%/contain;transition:all 0.2s;}
.footer-inner .select-box.is-open {border-radius:0 0 5px 5px;}
.footer-inner .select-box.is-open::after {transform:rotate(180deg);}
.footer-inner .select-list {position:absolute;left:0;bottom:46px;width:180px;height:0;border:1px solid #888;border-radius:5px 5px 0 0;background:#eee;transition:all 0.4s;z-index:9;opacity:0;}
.footer-inner .select-list .select-box {width:178px;height:0;border:0;}
.footer-inner .select-list .select-box::after {display:none;}
.footer-inner .select-box.is-open + .select-list {bottom:46px;opacity:1;height:100px;padding:10px 0;}
.footer-inner .select-box.is-open + .select-list .select-box {height:40px;padding:10px 25px;}
*/

.content-top {font-size:2.0rem;margin-bottom:4.0rem;}

.section {padding:8.0rem 2.0rem;}
.section-inner {width:100%;}

.main-inner {width:100%;-webkit-align-items:center;align-items:center;}
.main-inner p {text-align:center;}
.main-inner p.txt-sub {font-size:2.4rem;}
.main-inner p.txt-main {font-size:4.0rem;margin-top:0.5rem;}

.solution-list {display:block;}
.solution-list li + li {margin-top:2.0rem;}
.solution-list li .solution-img img {width:100%;height:100%;border-radius:2.0rem;}
.solution-list li .btn-flip {bottom:3.0rem;width:16.8rem;height:4.8rem;margin:auto;border-radius:2.4rem;font-size:1.4rem;}
.solution-content {padding:2.0rem 3.0rem;border-radius:2.0rem;}
.solution-content dt, .solution-content dd {font-size:1.4rem;}
.solution-content dd + dt {margin-top:0.8rem;}
.solution-content .btn-more {left:3.0rem;bottom:2.0rem;width:10.0rem;height:2.0rem;line-height:2.0rem;background:url(../images/btn-more-m@2x.png) no-repeat right 50%/3.0rem;font-size:1.4rem;padding-right:3.0rem;margin-top:1.0rem;}
.solution-content .btn-close {top:2.0rem;right:2.0rem;width:1.4rem;height:1.4rem;}
.solution-content .btn-close span {width:1.8rem;height:0.2rem;border-radius:0.2rem;}

.history h1 {position:absolute;left:0;right:0;top:26.2rem;font-size:1.6rem;margin-bottom:4.0rem;text-align:center;}
.history-list {-webkit-justify-content:center;justify-content:center;height:auto;flex-direction:column;} 
.history-list .img {width:100%;flex:none;margin-right:0;}
.history-list .list {width:100%;margin-top:8.4rem;} 
.is-mobile .history-list .history-year {position:relative;padding:0;margin:0 -2.0rem;width:calc(100% + 4.0rem);}
.is-mobile .history-list .history-year .splide__slide {width:8.0rem;height:4.4rem;border:0;border-bottom:3px solid #fff;border-radius:0;line-height:3.9rem;font-size:1.6rem;font-weight:bold;color:#666;}
.is-mobile .history-list .history-year .splide__slide.is-active {border-color:#ff4a00;color:#ff4a00;}
.is-mobile .history-list .history-main {margin-top:3.0rem;}
.is-mobile .history-list .history-main .list-cont li {padding-left:1.0rem;letter-spacing:-0.05rem;font-size:1.4rem;}
.is-mobile .history-list .history-main .list-cont li::before {content:'';position:absolute;left:0;top:0;margin-top:0.8rem;width:0.3rem;height:0.3rem;border-radius:0.3rem;background:#262626;}
.is-mobile .history-list .history-main .list-cont li + li {margin-top:1.0rem;}

.partner .section-inner {min-width:100%;}
.partner-wrap {margin:0 -2.0rem;}
.partner-wrap .splide__slide {text-align:center;width:100%;}
.partner-wrap .splide__slide img {width:100%;height:auto;}
.partner-wrap .splide__slide:last-child {width:9.5rem !important;}
/* .partner-wrap .splide__slide img:last-child {height:4.1rem;} */


.benefit-list {grid-template-columns:repeat(2, 1fr);grid-gap:1.5rem;}
.benefit-list li {height:18.0rem;border-radius:1.5rem;padding:2.0rem;}
.benefit-list li strong {font-size:1.6rem;}
.benefit-list li i {right:2.0rem;bottom:2.0rem;width:3.8rem;height:4.2rem;}

.location-wrap {-webkit-justify-content:center;justify-content:center;flex-direction:column;height:auto;}
.location-wrap .map {width:100%;flex:none;min-height:25.0rem;margin:0 0 2.0rem;}
.location-wrap .map-wrap::before {width:100%;height:25.0rem;line-height:25.0rem;font-size:32px;}
.location-wrap .info {width:100%;}
.location-wrap .info-list dt {font-size:1.6rem;}
.location-wrap .info-list dd {font-size:1.4rem;margin-top:0.5rem;}
.location-wrap .info-list dd + dt {margin-top:2.0rem;}

}
