@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


/*reset*/
/*******************************************************************/
html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,picture,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{max-width:100%;height:auto;border-style:none;vertical-align:middle}i{vertical-align:middle}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}ul,ol{list-style:none}i{font-style:normal}
html.has-scroll-smooth { overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0;}
a { color: #292929; text-decoration: none; transition: .3s ease-out;}
*:focus { outline: none;}


/*LAYOUT*/
/*******************************************************************/
html { font-size: 62.5%;}
body { -webkit-text-size-adjust: 100%; touch-action: manipulation; width: 100%; height: 100%; font-family: "Noto Sans JP", sans-serif; font-size: 1.6rem; line-height: 1.4; color: #292929;}
.hiwax-container { position: relative; width: 100%;}
.scrollwrapper { position: relative; width: 100%;}
i { font-family: "Roboto", "Noto Sans JP", sans-serif; line-height: 1;}


/*HEADER*/
/*******************************************************************/
.roundbtn { display: flex; gap: 10px;}
.roundbtn a { display: flex; align-items: center; gap: 8px; min-height: 32px; padding: 0 16px; text-align: center; background: #F7F7F7; border-radius: 40px; font-size: 1.4rem; font-weight: 600;}
.roundbtn a::before { content: ''; width: 16px; height: 16px; background-position: center; background-repeat: no-repeat;}
.roundbtn a.download::before { background-image: url(/jp/special/hi-wax/images/common/download.svg);}
.roundbtn a.sample::before { background-image: url(/jp/special/hi-wax/images/common/sample.svg);}
.lang { font-size: 1.4rem; white-space: nowrap;}
.lang span { font-weight: 600; color: #1982D1;}
.nav { display: flex; justify-content: flex-end; align-items: center; margin-left: auto; gap: 24px;}
.menu { display: flex; justify-content: flex-end; align-items: center; gap: 0 24px;}
.menu > li { position: relative;}
.nav .menu > li > a { position: relative; display: flex; align-items: center; font-size: 1.4rem; transition: color .4s cubic-bezier(0.23, 1, 0.32, 1);}
.menu > li.on > a, .menu > li:hover > a { color: #1982D1;}
.menu > li:hover > a .plus::after { transform: translate(0,0) rotate(225deg);}
.menu > li:hover .navbox { pointer-events: auto; opacity: 1;}
.plus { position: relative; width: 10px; height: 10px; margin-left: 5px;}
.plus::after { content: ''; position: absolute; top: 50%; left: 0; transform-origin: center; transform: translate(0,-100%) rotate(45deg); width: 5px; height: 5px; margin-left: 4px; border-right: 1px solid #292929; border-bottom: 1px solid #292929; transition: transform .2s ease-in;}
.navbox { pointer-events: none; opacity: 0; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 10; transition: opacity .4s cubic-bezier(0.23, 1, 0.32, 1);}
.navbox ul { min-width: 207px; padding: 10px 20px 20px; background: #FFF; border-radius: 5px;}
.navbox li:not(:first-child) { margin-top: 10px;}
.navbox li a { position: relative; display: block; padding: 10px 16px 10px 0; border-bottom: 1px solid #E3E3E3; font-size: 1.4rem; color: #1982D1; transition: background .2s ease-in;}
.navbox li a::before { content: ''; position: absolute; bottom: -1px; left: 0; transform: scaleX(0); display: block; width: 100%; height: 1px; background: #1982D1; z-index: 1; transform-origin: right top; transition: transform .2s ease-in;}
.navmask { content: ''; position: fixed; left: 0; top: 0; display: none; width: 100vw; height: 100vh; z-index: 50; background: #E6E6E6; mix-blend-mode: multiply; pointer-events: none;}
@media screen and (min-width: 1140px){
	body.front-page .hiwax-header:not(.is-fixed) { pointer-events: none; opacity: 0;}
	.hiwax-header { position: fixed; top: 12px; left: 4%; display: flex; justify-content: space-between; align-items: center; width: 92%; min-height: 60px; padding: 0 32px; background: #FFF; border-radius: 18px; transition: .3s ease-in-out; z-index: 100;}
	.navbox li a:hover { background-position: right;}
	.navbox li a:hover::before {  transform: scaleX(1); transform-origin: left top;}
	.roundbtn a:hover { color: #1982D1;}
	.nav .roundbtn .btn { display: none;}
	.open { display: none;}
}
@media screen and (max-width: 1139px) {
	.logo { position: fixed; top: 32px; left: 32px; z-index: 100;}
	.logo img { width: 142px;}
	.nav { pointer-events: none; position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100vh; margin: 0; padding: 136px 32px 80px; background: #FFF url("/jp/special/hi-wax/images/common/logo.svg") 32px 64px no-repeat; background-size: 160px; opacity: 0; overflow-y: auto; overscroll-behavior: contain; z-index: 200; transition: .2s ease-in-out;}
	.nav .menu { flex-direction: column; align-items: stretch; border-top: 1px solid rgba(0,0,0,.25);}
	.nav .menu > li { position: relative; padding: 16px 0; border-bottom: 1px solid rgba(0,0,0,.25);}
	.nav .menu > li > a { font-size: 1.7rem; font-weight: 500;}
	.plus { display: none;}
	.navbox { display: none;}
	.nav .roundbtn { flex-direction: column; gap: 16px; margin: 40px 0;}
	.nav .roundbtn > li:not(.btn) a { max-width: 400px; min-height: 70px; margin: 0 auto; padding: 0 32px; background: #EAEAEA; font-size: 1.8rem; font-weight: 500;}
	.nav .roundbtn > li:not(.btn) a::before { width: 22px; height: 22px; background-size: contain;}
	.nav .roundbtn .btn a { width: 100%; min-height: 70px;}
	.nav .lang { text-align: center;}
	.open { position: fixed; top: 20px; right: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; width: 60px; height: 60px; background: #FFF; border-radius: 50%; font-size: 1.2rem; font-weight: 500; cursor: pointer; z-index: 300; pointer-events: auto;}
	.open div { position: relative; display: block; width: 30px; height: 10px;}
	.open span { position: absolute; left: 0; display: block; width: 30px; height: 1px; background: #343434; transition: .2s ease-in-out;}
	.open span:nth-child(1) { top: 1px;}
	.open span:nth-child(2) { top: 9px;}
	.nav-open .open span:nth-child(1) { top: 5px; left: 3px; transform: rotate(-36deg); width: 24px;}
	.nav-open .open span:nth-child(2) { top: 5px; left: 3px; transform: rotate(36deg); width: 24px;}
	.nav-open .nav { pointer-events: auto; opacity: 1;}
}


/*FOOTER*/
/*******************************************************************/
.hiwax-footer { position: relative; margin-top: 120px; padding-bottom: 16px; background: #C2D3DE; overflow: hidden;}
.link { padding: 40px 0; background: #1982D1;}
.link .btn { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px 5px; width: 92%; max-width: 1000px; margin: 0 auto;}
.link .btn li:not(:first-child) { margin-top: 0;}
.link .btn a { display: flex; justify-content: center; align-items: center; gap: 8px; min-height: 80px; background: #FFF; border-radius: 0; font-weight: 500; line-height: 1.5; letter-spacing: -0.1em; color: #000;}
.link .btn a::after { background-color: #1982D1; background-image: url(/jp/special/hi-wax/images/common/arr_white.svg);}
.sitemap { position: relative; display: flex; gap: 24px; width: 92%; max-width: 1000px; margin: 0 auto; padding: 120px 0 64px;}
.sitemap dl { flex: 1;}
.sitemap dt { max-width: 246px;}
.sitemap dt img { width: 100%;}
.sitemap dd { margin-top: 16px; font-weight: 600; letter-spacing: 0.1em;}
.sitemap nav { display: flex; justify-content: center; z-index: 10;}
.sitemap .menu { display: grid; grid-template-columns: repeat(2,1fr); /*grid-auto-flow: column; grid-template-rows: repeat(2, auto);*/ align-items: flex-start; gap: 24px; line-height: 1.5;}
.sitemap .menu > li > a { display: block; margin-bottom: 4px; border-bottom: 1px solid rgba(0,0,0,.5); font-size: clamp(1.5rem,1.7vw,1.7rem); font-weight: 600;}
.sitemap .roundbtn { flex-direction: column;}
.sitemap .roundbtn a { font-size: clamp(1.4rem,1.6vw,1.6rem); font-weight: 500;}
.pagetop { position: fixed; bottom: 40px; right: 40px; pointer-events: none; opacity: 0; transition: .3s ease-out;}
.pagetop.on { pointer-events: auto; opacity: 1;}
.pagetop a { position: relative; display: block; width: 68px; height: 68px; background: url(/jp/special/hi-wax/images/common/pt.svg) center 28px no-repeat; text-indent: -9999px; overflow: hidden;}
.pagetop a::after { content: ''; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; background: #00267F; border: 2px solid #FFF; border-radius: 50%; z-index: -1; transform: translate(-50%,-50%) scale(0); transition: transform .3s ease-out;}
.pagetop a::before { content: ''; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; background: #1982D1; border: 2px solid #FFF; border-radius: 50%; z-index: -2; transform: translate(-50%,-50%) scale(1); transition: transform .3s ease-out;}
@keyframes pagetop { 0% { background-position: center 28px;} 50% { background-position: center 12px;} 51% { background-position: center 44px;} 100% { background-position: center 28px;}}
.company { display: flex; align-items: center; gap: 16px; width: 92%; max-width: 1000px; margin: 0 auto; padding: 40px 0; border-top: 1px solid rgba(0,0,0,.3);}
.company span { font-size: clamp(1.3rem,1.5vw,1.5rem); font-weight: 600; color: #5F5E5E;}
.copyright { align-self: flex-end; margin-left: auto; font-size: 1.1rem;}
@media screen and (min-width: 950px){
	.link .btn a:hover { background-color: #FFF; color: #1982D1;}
	.sitemap a:hover { color: #1982D1;}
	.pagetop a:hover::before, .pagetop a:hover::after { transform: translate(-50%,-50%) scale(1.13);}
	.pagetop a:hover { animation: pagetop .3s linear forwards;}
}
@media screen and (max-width: 949px){
	.hiwax-footer { margin-top: 56px; padding-bottom: 16px;}
	.link .btn { grid-template-columns: 100%;}
	.link .btn a { justify-content: flex-start; max-width: 400px; font-size: 1.6rem;}
	.sitemap { flex-direction: column; gap: 24px; padding: 56px 0 40px;}
	.sitemap dt { max-width: 184px;}
	.sitemap dd { font-size: 1.1rem;}
	.sitemap nav { display: flex; justify-content: center; z-index: 10;}
	.sitemap .menu { display: none;}
	.sitemap .roundbtn li:not(:last-child){ display: none;}
	.sitemap .roundbtn a { max-width: 220px; min-height: 60px; margin-left: 0; font-size: 1.8rem; font-weight: 600;}
	.pagetop { position: absolute; bottom: 244px; right: 4%; pointer-events: auto; opacity: 1; z-index: 10;}
	.pagetop a { position: relative; width: 60px; height: 60px; background-position: center 24px;}
	.company { flex-direction: column; align-items: flex-start;}
	.copyright { align-self: center; margin-left: 0;}
}


/*CONTENTS*/
/*******************************************************************/
.hiwax-main { overflow: hidden;}
article { position: relative; padding-top: 120px;}
article header { position: relative; width: 92%; max-width: 1000px; margin: 0 auto 40px;}
section { position: relative; width: 92%; max-width: 1000px; margin: 0 auto;}
section + section { margin-top: 80px;}
section h2 { margin-bottom: 24px; font-size: clam(2rem,2.4vw,2.4rem); line-height: 1.8;}
section h3 { margin-bottom: 24px; font-size: clam(1.8rem,2vw,2rem); line-height: 1.8;}
section h4 { margin-bottom: 24px; font-size: clam(1.4rem,1.5vw,1.5rem); line-height: 1.5;}
section p, section dl, section table { line-height: 2;}
section p:not(:last-child) { margin-bottom: 32px;}
section p a { color: #09A7E8;}
h1, h2, h3, h4, h5 { font-weight: 600;}
figure { position: relative;}
.bg { margin-top: 120px; padding-bottom: 120px; background: #DFEAF0;}
.center { text-align: center;}
.right { text-align: right;}
.btn { margin-top: 30px;}
.btn li:not(:first-child) { margin-top: 15px;}
.btn a { position: relative; display: inline-block; min-width: 176px; min-height: 44px; padding: 0 48px 0 24px; background: #1982D1; border-radius: 40px; font-weight: 600; line-height: 44px; color: #FFF; overflow: hidden; transition: .3s ease-out;}
.btn a::after, .arrbtn a::after { content: ''; position: absolute; top: 50%; right: 24px; transform-origin: center; transform: translateY(-50%); width: 20px; height: 20px; background: #FFF url("/jp/special/hi-wax/images/common/arr.svg") center no-repeat; border-radius: 50%;  transition: .3s ease-out;}
.arrbtn a { position: relative; display: inline-block; padding-right: 24px; font-weight: 600; text-decoration: underline; color: #1982D1;}
.arrbtn a::after { right: 0; background-color: #1782D1; background-image: url(/jp/special/hi-wax/images/common/arr_white.svg);}
.fs12 { font-size: 1.2rem;}
.fs13 { font-size: 1.3rem;}
.fs14 { font-size: 1.4rem;}
.sp { display: none;}
.fadeInUp{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
@-webkit-keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 60px, 0);} to { opacity: 1; transform: translate3d(0, 0, 0);} }
@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 60px, 0);} to { opacity: 1; transform: translate3d(0, 0, 0);} }
.animated { opacity: 0; animation-duration: 1s; animation-fill-mode: both;}
@media screen and (min-width: 950px){
	.btn a:hover { background-color: #00267F; color: #FFF;}
	.arrbtn a:hover { text-decoration: none;}
	.downloadbtn a:hover::before { transform: scale(1.1);}
}
@media screen and (max-width: 949px){
	.sp { display: block;}
	.pc { display: none;}
	article { padding-top: 56px;}
	.bg { margin-top: 56px; padding-bottom: 56px;}
	.btn a { display: flex; align-items: center; max-width: 300px; min-height: 70px; margin: 0 auto; padding: 0 72px 0 24px; font-size: 1.8rem; line-height: 1.2;}
	.btn a::after { width: 34px; height: 34px; background-size: 21px auto;}
}


/*Top*/
.front-page .hiwax-container { animation-delay: 0s;}
.mv { padding: 0; overflow: hidden;}
.mv section { position: relative; height: 100svh; min-height: 500px; z-index: 1;}
.mv-movie { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.mv-movie::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-backdrop-filter: blur(9px) brightness(2); backdrop-filter: blur(9px) brightness(2);}
.mv-movie #video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.4; will-change: opacity;}

.mv .movie { position: absolute; top: 0; left: 0; width: 100%; height: 100svh; min-height: 500px; overflow: hidden;}
/*.mv .movie::after  { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-backdrop-filter: blur(9px) brightness(2); backdrop-filter: blur(9px) brightness(2);}*/
.mv .movie #video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 177.77777778vh; height: 56.25vw; min-height: 100%; min-width: 100%; opacity: 0; will-change: opacity;}
.mv .movie.on #video { opacity: 0.4; transition: opacity 0.5s ease-out;}
#controlBar_ytPlayer { display: none!important;}

.mv-title { position: absolute; top: 50%; left: calc(50% - 184px); transform: translateY(-50%); z-index: 10;}
.mv-title span { display: block; margin-top: 24px; font-size: clamp(1.6rem,2.6vw,2.6rem); white-space: nowrap;}
.mv-circle { position: absolute; top: 50%; left: calc(50% - 276px); transform: translateY(-50%); z-index: 10; opacity: 0.3; mix-blend-mode: multiply;}
.mv-nav { position: absolute; bottom: 10%; right: -4%; padding: 40px 24px 24px; background: #FFF; border-radius: 18px; box-shadow: 3px 3px 3px rgba(0,0,0,.06); z-index: 10; opacity: 0; pointer-events: none;}
.mv-nav .menu { flex-direction: column; align-items: flex-start; gap: 8px; margin: 32px 0 24px;}
.mv-nav .menu li { position: relative;}
.mv-nav .navbox { left: -24px; transform: translateX(0);}
.mv-nav .navbox ul { min-height: 240px;}
.mv-nav .roundbtn { flex-direction: column;}
.mv-nav .btn { margin-top: 16px;}
.mv .mv-lang { position: absolute; top: 20px; right: 6%; opacity: 0;}
.mv-news { position: absolute; left: 0; bottom: 10%; display: flex; align-items: center; gap: 0 16px; width: 60%; max-width: 600px; padding: 8px 24px; background: #FFF; border-radius: 40px; z-index: 10; opacity: 0; pointer-events: none;}
.mv-news h2 { margin: 0; font-size: 1.6rem; line-height: 1.4; color: #1982D1; white-space: nowrap;}
.mv-news time { font-size: 1.2rem; line-height: 1.4; white-space: nowrap;}
.mv-news p { line-height: 1.4;}
body.start .mv-movie::after { opacity: 0; -webkit-backdrop-filter: blur(0) brightness(1); backdrop-filter: blur(0) brightness(1); transition: opacity 1s linear 1s;}
body.start .mv-movie #video { opacity: 0.18; transition: opacity 1s linear 1s;}
body.start .mv-title { left: 0; transition: left 1s ease-out 1s;}
body.start .mv-circle { left: 7%; opacity: 0.65; transition: 1s ease-out 1s;}
body.start .mv-nav { opacity: 1; pointer-events: auto; transition: opacity 1s ease-out 1s;}
body.start .mv .mv-lang { opacity: 1; pointer-events: auto; transition: opacity 1s ease-out 1s;}
body.start .mv .mv-news { opacity: 1; pointer-events: auto; transition: opacity 1s ease-out 1s;}
.top-about { margin-top: 0;}
.top-about-contents { position: relative; padding-right: 53%;}
.top-about figure { position: absolute; right: 0; top: 0; width: 46%;}
.top-about figure > span { position: relative; display: block;}
.top-about figure img { width: 100%; border-radius: 20px;}
.top-application ul { display: grid; grid-template-columns: repeat(3,1fr); align-items: flex-start; gap: 32px 24px; margin-top: 56px;}
.top-application ul.large { grid-template-columns: repeat(2,1fr); gap: 32px 56px;}
.top-application li { position: relative;}
.top-application li a { display: block;}
.top-application li a:hover { opacity: 0.6;}
.top-application li figure { margin-bottom: 8px; border-radius: 10px; overflow: hidden;}
.top-application li h3 { float: left; margin: 0; font-size: 1.9rem;}
.top-application li .arrbtn { float: right; margin-left: 16px;}


/*Page*/
.heading { margin-bottom: 56px; color: #1982D1;}
.heading i { display: block; font-size: clamp(4.4rem,7.5vw,7.5rem); font-weight: 500;}
.heading span { display: block; margin-top: 8px; font-size: clamp(1.6rem,1.8vw,1.8rem); font-weight: 500;}
.title { position: relative; width: 92%; max-width: 1000px; margin: 0 auto; padding: 160px 0 80px;}
.title-circle { position: absolute; top: 50%; right: -8%; transform: translateY(-50%); opacity: 0.25;}
.title + * { padding-top: 0;}
.round-title { position: relative; display: inline-block; min-width: 360px; padding: 20px 120px 20px 0; letter-spacing: 0.1em; color: #FFF; z-index: 10;}
.round-title::before { content: ''; position: absolute; top: 0; right: 0; width: 100vw; height: 100%; background: #1982D1; border-radius: 0 160px 160px 0; z-index: -1;}
.round-title::after { content: ''; position: absolute; top: 50%; right: 100%; transform: translate(-16px,-50%); width: 12px; height: 12px; border: 3px solid #B1F9FF; border-radius: 50%;}
.round-title h2 { font-size: clamp(2rem,2.6vw,2.6rem);}
.round-title i { display: block; margin-top: 8px;}
.dot-title { display: flex; align-items: center; gap: 8px;}
.dot-title::before { content: ''; width: 8px; min-width: 8px; height: 8px; background: #1982D1; border-radius: 50%;}
.bar-title { padding-left: 16px; border-left: 4px solid #1982D1; font-size: clamp(2rem,2.4vw,2.4rem);}

.table { display: grid; grid-template-columns: auto 1fr; gap: 16px 0;}
.table dt { padding-bottom: 16px; border-bottom: 1px solid #1982D1; font-weight: 600; color: #1982D1;}
.table dd { padding: 0 0 16px 16px; border-bottom: 1px solid rgba(0,0,0,.2);}
.table dt:last-of-type, .table dd:last-of-type { padding-bottom: 0; border-bottom: none;}

.col { position: relative; display: flex; gap: 24px;}
.col > * { flex: 1;}
.col > .auto { flex: none;}
.scroll { position: relative;}

.fixtable table { width: 100%; border-collapse: collapse; text-align: center; font-size: 1.2rem; white-space: nowrap;}
.fixtable th, .fixtable td { padding: 8px; line-height: 1.4;}
.fixtable td { border-left: 1px solid rgba(0,0,0,.26);}
.fixtable .tc1 { background: #DFEAF0;}
.fixtable .tc2 { background: #1982D1; color: #FFF;}
.fixtable .tc3 { background: #36A2F5; color: #FFF;}
.fixtable .tc4 { background: #008858; color: #FFF;}
.fixtable .tc5 { background: #3C9741 ; color: #FFF;}
.fixtable .tb-tw { border-top: 1px solid #FFF;}
.fixtable .tb-lw { border-left: 1px solid #FFF;}
.fixtable .tb-tb { border-top: 1px solid #000;}
.fixtable .tb-bb { border-bottom: 1px solid #000;}
.fixtable .tb-lb { border-left: 1px solid #000;}
.fixtable .tb-none { border: none;}
.fixtable a { text-decoration: underline; color: #1982D1;}
.fixtable .symbol { font-size: 1.6rem; font-weight: 900; color: #000;}

.ex { display: grid; grid-template-columns: 92px 1fr; align-items: flex-start; gap: 24px; margin-top: 48px; padding: 24px 40px; background: #F5F9FB; border-radius: 20px;}
.ex img { mix-blend-mode: multiply;}
.ex h4 { display: flex; justify-content: center; align-items: center; width: 92px; height: 92px; margin-top: 24px; background: #1982D1; border-radius: 50%; color: #FFF;}
.ex .lineupscrollbar { text-align: center;}
.note { display: inline-block; font-size: clamp(1.1rem,1.3vw,1.3rem); line-height: 1.4;}
#howto .col { gap: 24px 64px;}
#howto .col figure { flex: none; width: 40%;}
#howto .col figure img { border-radius: 10px;}





@media screen and (max-width: 1139px) {
	.mv-nav { display: none;}
	.mv .mv-lang { display: none;}
}





@media screen and (max-width: 949px) {
	/*Top*/
	.mv-title { left: calc(50% - 118px); transform: translateY(-50%); z-index: 10;}
	.mv-title img { width: 236px;}
	.mv-circle { left: calc(50% - 180px);}
	.mv-circle dotlottie-player { width: 355px !important; height: 355px !important;}
	.mv-news { bottom: 24px; flex-wrap: wrap; width: 100%;}
	.mv-news p { width: 100%;}
	body.start .mv-title { left: 4%;}
	body.start .mv-circle { left: 4%;}
	.top-about-contents { position: relative; padding-right: 0;}
	.top-about figure { position: relative; width: auto; margin-bottom: 24px;}
	.top-application ul { grid-template-columns: 100%; margin-top: 32px;}
	.top-application ul.large { grid-template-columns: 100%; margin-top: 56px;}


	/*Page*/
	.heading { margin-bottom: 32px;}
	.title { padding: 120px 0 48px;}
	.title-circle dotlottie-player { width: 300px !important; height: 300px !important;}
	.round-title { min-width: 320px; padding: 20px 40px 20px 24px;}
	.round-title::after { right: auto; left: 0; transform: translate(0,-50%);}
	.col { flex-direction: column;}
	.fixtable figure img { max-width: 830px;}
	.ex { position: relative; grid-template-columns: 100%; margin-top: 56px; padding: 48px 24px 0;}
	.ex h4 { position: absolute; top: -32px; left: 0; width: 64px; height: 64px; margin-top: 0; font-size: 1.4rem;}
	#howto .col figure { flex: none; width: auto;}
}