﻿@import url(https://indestructibletype-fonthosting.github.io/renner.css);@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");*,::before,::after{box-sizing:border-box;background-repeat:no-repeat}::before,::after{text-decoration:inherit;vertical-align:inherit}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(body){margin:0}:where(h1){font-size:2em;margin:0.67em 0}:where(dl, ol, ul) :where(dl, ol, ul){margin:0}:where(hr){color:inherit;height:0}:where(nav) :where(ol, ul){list-style-type:none;padding:0}:where(nav li)::before{content:"\200B";float:left}:where(pre){font-family:monospace, monospace;font-size:1em;overflow:auto}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b, strong){font-weight:bolder}:where(code, kbd, samp){font-family:monospace, monospace;font-size:1em}:where(small){font-size:60%}:where(audio, canvas, iframe, img, svg, video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:currentColor;text-indent:0}:where(button, input, select){margin:0}:where(button, [type="button" i], [type="reset" i], [type="submit" i]){-webkit-appearance:button;appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical}:where([type="search" i]){-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(dialog){background-color:white;border:solid;color:black;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy="true" i]){cursor:progress}:where([aria-disabled="true" i], [disabled]){cursor:not-allowed}:where([aria-hidden="false" i][hidden]){display:initial}:where([aria-hidden="false" i][hidden]:not(:focus)){clip:rect(0, 0, 0, 0);position:absolute}body{width:100%;line-height:auto;color:#000;font-size:16px;margin:0;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif !important;font-weight:normal;letter-spacing:.09em}ul{margin:0;padding:0}li{list-style-type:none;margin:0;padding:0}a{text-decoration:none;color:#333}p{margin:0}img{display:block;max-width:100%}h1,h2,h3{line-height:1;margin:0;padding:0}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none}.pc{display:inline-block}@media screen and (max-width: 767px){.pc{display:none}}.sp{display:none}@media screen and (max-width: 767px){.sp{display:inline-block}}::placeholder{color:#CCC}::-ms-input-placeholder{color:#CCC}:-ms-input-placeholder{color:#CCC}@media screen and (max-width: 767px){input[type="submit"],input[type="reset"],input[type="button"],button{cursor:pointer;-webkit-appearance:button;*overflow:visible}}@media screen and (max-width: 767px){input[type=text],textarea,input[type=button],input[type=checkbox],input[type=password]{-webkit-appearance:none}}@media screen and (max-width: 767px){p{text-align:justify}}.image{opacity:0;transform:translateY(20px)}.mb50{margin:0 0 50px 0}@media screen and (max-width: 767px){.mb50{margin:0 0 25px 0}}.bold{font-weight:bold}header{position:fixed;width:100%;background:#FFF;z-index:999;top:0;left:0;animation:fade 1s ease-in-out 1s forwards;opacity:0}@media screen and (max-width: 767px){header{padding:0 10px;box-sizing:border-box}}header #header{max-width:90%;margin:10px auto;display:flex;justify-content:space-between;align-items:center;padding:1% 20px}@media screen and (max-width: 767px){header #header{margin:0;padding:0;display:block;max-width:100%}}header #header h1 img{width:170px}@media screen and (max-width: 767px){header #header h1 img{width:150px;margin:15px auto}}header #header h1 span{display:block;font-size:12px;margin:0 0 5px 0}@media screen and (max-width: 767px){header #header h1 span{font-size:10px}}header #header ul{display:flex}@media screen and (max-width: 767px){header #header ul{display:block}}header #header ul li{margin:0 15px}@media screen and (max-width: 767px){header #header ul li{margin:25px 0}}header #header ul li a{font-weight:500}@media screen and (max-width: 767px){header #header ul li a{color:#FFF}}.MDL_window_wrap{text-align:center}@media screen and (max-width: 767px){.MDL_window_wrap{max-width:100%;position:absolute;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;top:10%;text-align:center;overflow:hidden;margin:0;padding:0}}#overlay{display:block}@media screen and (max-width: 767px){#overlay{display:none;width:100%;height:110%;text-align:left;position:fixed;top:0;left:0;z-index:999;background:#111}}@media screen and (max-width: 767px){#overlay nav{display:flex;align-items:center;justify-content:center;height:calc(100vh - 110px)}}@media screen and (max-width: 767px){.MDL_window_wrap2 p{font-size:12px !important}}@media screen and (max-width: 767px){.MDL_window_wrap2 p a{color:#FFF}}.lock{overflow:hidden}#modal-target{display:none;position:relative;width:100%;height:100%}.modal-content{display:none}.modal-overlay{z-index:9998;display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color:rgba(0,0,0,0.9)}.modal-wrap{z-index:9999;display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch}.modal-close{font-size:200%}.modal-close:hover{cursor:pointer;color:#f00}a#btn{display:none;margin:0;position:absolute;right:5px;top:5px;padding:0;cursor:pointer;width:36px;height:36px;padding:5px;box-sizing:border-box;border-radius:50%;z-index:99999}@media screen and (max-width: 767px){a#btn{display:block}}a#btn span{background:#111;width:18px;height:2px;display:block;position:relative;top:11px;left:4px}a#btn span:before{content:"";display:block;position:absolute;top:-7px;background:#111;width:18px;height:2px;transition:all 0.3s ease-in-out}a#btn span:after{content:"";display:block;position:absolute;top:7px;background:#111;width:18px;height:2px;transition:all 0.3s ease-in-out}a#btn span.change{height:0;width:18px}@media screen and (max-width: 767px){a#btn span.change{background:#FFF}}a#btn span.change:before{transform:rotate(-45deg);top:0}@media screen and (max-width: 767px){a#btn span.change:before{background:#FFF}}a#btn span.change:after{transform:rotate(45deg);top:0;width:18px}@media screen and (max-width: 767px){a#btn span.change:after{background:#FFF}}#mv{width:90%;height:85vh;margin:5% auto 0 auto;position:relative;border-radius:50px;overflow:hidden}@media screen and (max-width: 767px){#mv{margin:12% auto 0;border-radius:10px;width:85%;height:87vh}}#mv:before{content:"";background:url("../img/mv.png") 50% 50% no-repeat fixed;background-size:cover;position:absolute;width:100%;height:100%;animation:fade 1s ease-in-out 1s forwards;opacity:0}@media screen and (max-width: 767px){#mv:before{background:url("../img/mv.png") 50% 50% no-repeat scroll;background-size:cover}}@keyframes fade{0%{opacity:0}100%{opacity:1}}#mv h1{position:absolute;top:40%;left:10%;transform:translateY(-50%);color:#FFF;letter-spacing:.2em;font-size:80px;font-weight:500;line-height:1.2;animation:t 2s ease-in-out forwards}@media screen and (max-width: 767px){#mv h1{font-size:40px;width:100%}}@keyframes t{0%{color:#000}40%{color:#000}100%{color:#FFF}}#mv h1 span{display:block;font-size:16px;font-weight:normal;letter-spacing:0;margin:5% 0 0 0;animation:fade 1s ease-in-out 2s forwards;opacity:0}@media screen and (max-width: 767px){#mv h1 span{font-size:12px}}#mv .scroll{background:#FFF;border-radius:10px 10px 0 0;position:absolute;right:5%;bottom:0;padding:20px 10px 50px;animation:fade 1s ease-in-out 1s forwards;opacity:0;letter-spacing:0}@media screen and (max-width: 767px){#mv .scroll{right:0;border-radius:10px 0 0 0}}#mv .scroll p{font-size:14px;writing-mode:vertical-rl;position:relative}@media screen and (max-width: 767px){#mv .scroll p{font-size:12px}}#mv .scroll p:after{content:"";display:inline-block;width:1px;height:50px;background:#000;margin:10px 0 0 0;position:absolute;animation:move 2s ease-in-out infinite;left:50%;top:100%}@keyframes move{0%{height:50px}50%{height:0}100%{height:50px}}h2.title{font-size:60px}@media screen and (max-width: 767px){h2.title{font-size:40px}}h2.title.centre{text-align:center}h2.title.centre span{font-size:16px;font-weight:normal;display:block;margin:2.5vh 0 0 0}h3.subtitle{font-size:16px;font-weight:normal;position:relative;letter-spacing:.09em;margin:0 0 2.5vh 0}h3.subtitle span{background:#FFF;padding:0 20px 0 0;position:relative;z-index:9}h3.subtitle:after{content:"";display:block;width:100%;height:1px;background:#000;position:absolute;left:0;top:50%}main{margin:10vh auto}main section{margin:0 auto;width:85%;max-width:1500px}main article{margin:5vh 0 10vh 0}main article#future ul{display:flex;justify-content:space-between}@media screen and (max-width: 767px){main article#future ul{display:block}}main article#future ul li{width:30%}@media screen and (max-width: 767px){main article#future ul li{width:auto;margin:5vh 0 0 0}}main article#future ul h4{font-size:15px;opacity:.5;margin:0 0 1.5vh 0;font-weight:normal}main article#future ul h3{font-size:25px;letter-spacing:.05em;font-weight:normal;margin:0 0 2.5vh 0;line-height:1.4}@media screen and (max-width: 767px){main article#future ul h3{font-size:20px}}main article#future ul p{font-size:14px;line-height:1.8}@media screen and (max-width: 767px){main article#future ul p{font-size:13px}}main article#value{margin:0 0 12.5vh 0}main article#value ul{display:flex;justify-content:space-between}@media screen and (max-width: 767px){main article#value ul{display:block}}main article#value ul li{width:16%;position:relative;padding:80px 0 0 0}@media screen and (max-width: 767px){main article#value ul li{width:auto;padding:5vh 0 0 60px}}main article#value ul li:before{content:"";font-size:100px;opacity:.1;position:absolute;left:0;top:0}@media screen and (max-width: 767px){main article#value ul li:before{line-height:1.7;font-size:75px}}main article#value ul li:nth-child(1):before{content:"1"}main article#value ul li:nth-child(2):before{content:"2"}main article#value ul li:nth-child(3):before{content:"3"}main article#value ul li:nth-child(4):before{content:"4"}main article#value ul li:nth-child(5):before{content:"5"}main article#value ul h4{font-size:22px;margin:0 0 1.5vh 0;font-weight:normal}@media screen and (max-width: 767px){main article#value ul h4{font-size:20px}}main article#value ul h4 span{font-size:11px;display:block;letter-spacing:0}main article#value ul p{font-size:14px;line-height:1.8}@media screen and (max-width: 767px){main article#value ul p{font-size:13px}}main .two-block{display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:85%}@media screen and (max-width: 767px){main .two-block{display:block;margin:0 auto 10vh auto}}main .two-block.row{flex-direction:row-reverse}main .two-block.upper{align-items:flex-start}main .two-block .pic{width:48%}@media screen and (max-width: 767px){main .two-block .pic{width:auto;margin:0 0 5vh 0}}main .two-block .pic table{width:100%;margin:10vh 0 0 0}@media screen and (max-width: 767px){main .two-block .pic table{margin:5vh 0 0 0}}main .two-block .pic table th{font-weight:normal;width:200px;text-align:left;padding-bottom:20px;vertical-align:top}@media screen and (max-width: 767px){main .two-block .pic table th{display:block;width:auto;padding-bottom:5px;font-size:13px;color:#999}}main .two-block .pic table td{padding-bottom:20px}@media screen and (max-width: 767px){main .two-block .pic table td{width:auto;display:block;font-size:13px}}main .two-block .pic table td ul li{text-indent:-1em;padding-left:1em}main .two-block .pic img{border-radius:50px}@media screen and (max-width: 767px){main .two-block .pic img{border-radius:10px}}main .two-block section{width:43%}@media screen and (max-width: 767px){main .two-block section{width:auto}}main .two-block section article{margin:5vh 0 0 0}main .two-block section article h3.subtitle{margin:0 0 5vh 0}main .two-block section article p{line-height:1.7;margin:2vh 0 0 0}@media screen and (max-width: 767px){main .two-block section article p{font-size:13px}}main #our-business{padding:10vh 0;width:100%;margin:0;max-width:initial;position:relative}main #our-business .block{display:flex;justify-content:space-between;margin:5vh 0 0 0;flex-direction:row-reverse;position:relative}main #our-business .block:before{content:"";position:absolute;width:100%;height:70%;background:#F7F7F7;left:0;top:0;z-index:-1}@media screen and (max-width: 767px){main #our-business .block:before{height:50vh}}@media screen and (max-width: 767px){main #our-business .block{display:block}}main #our-business .block .text{width:30%;margin:10% 0 0 10%}@media screen and (max-width: 767px){main #our-business .block .text{width:auto;margin:5vh 7.5% 0 7.5%}}main #our-business .block .text p{line-height:1.7}@media screen and (max-width: 767px){main #our-business .block .text p{font-size:14px}}main #our-business .block .slider{width:60%;display:flex;overflow:hidden;padding:5vh;box-sizing:border-box}@media screen and (max-width: 767px){main #our-business .block .slider{width:auto;padding:7.5vh 7.5%}}main #our-business .block .slider section{background:#FFF;border-radius:50px;box-shadow:0 25px 30px 0 rgba(0,0,0,0.1);padding:10vh 5vh 10vh 15vh;width:auto;position:relative;min-width:80%;margin-right:5vw;flex-shrink:0}@media screen and (max-width: 767px){main #our-business .block .slider section{min-width:100%;max-width:100%;padding:5vh 7.5%;border-radius:20px}}main #our-business .block .slider section:before{content:"";position:absolute;left:7.5%;top:5%;opacity:.1;font-size:100px}@media screen and (max-width: 767px){main #our-business .block .slider section:before{top:-11%;left:auto;right:7.5%}}main #our-business .block .slider section:nth-child(1):before{content:"1"}main #our-business .block .slider section:nth-child(2):before{content:"2"}main #our-business .block .slider section:nth-child(3):before{content:"3"}main #our-business .block .slider section h3{font-size:25px;font-weight:normal}@media screen and (max-width: 767px){main #our-business .block .slider section h3{font-size:20px}}main #our-business .block .slider section h3 span{display:block;font-size:11px;letter-spacing:0;margin:1.5vh 0 0 0}@media screen and (max-width: 767px){main #our-business .block .slider section h3 span{font-size:10px}}main #our-business .block .slider section h2{margin:5vh 0 2.5vh 0;font-weight:normal;font-size:22px;line-height:1.3}@media screen and (max-width: 767px){main #our-business .block .slider section h2{font-size:18px}}main #our-business .block .slider section p{line-height:1.7}@media screen and (max-width: 767px){main #our-business .block .slider section p{font-size:13px}}main #our-business .block .slider section p em{font-weight:bold;font-style:normal}main #our-business .block .slider section p a{box-shadow:0 5px 10px 0 rgba(0,0,0,0.2);padding:10px 30px;background:#000;color:#FFF;display:block;width:fit-content;margin:2.5vh 0 0 0;border-radius:10px}main #our-business .block .slider section ul{display:flex;margin:2.5vh 0 0 0}main #our-business .block .slider section ul li{width:40px;margin:0 15px 0 0;box-shadow:0 5px 10px 0 rgba(0,0,0,0.2)}#contact{padding:10vh;background:#F7F7F7}@media screen and (max-width: 767px){#contact{padding:10vh 0}}#contact h3.subtitle span{background:#F7F7F7}#contact table{width:100%;margin:5vh 0 0 0}#contact table th{width:270px;font-weight:normal;text-align:left;padding-bottom:20px;padding-right:20px;vertical-align:top;font-size:15px}@media screen and (max-width: 767px){#contact table th{display:block;width:auto;font-size:14px;padding-right:0;padding-bottom:10px}}#contact table th span.req{color:#C00;float:right;font-size:12px;border:1px solid #C00;padding:3px 6px}#contact table td{padding-bottom:20px}@media screen and (max-width: 767px){#contact table td{display:block}}#contact table td div{display:flex;align-items:center}#contact table td div p{margin:0 10px 0 0}#contact table td div input[type=text]{width:150px}#contact table td input[type=text],#contact table td select,#contact table td textarea{width:100%;padding:15px;border:none;background:#FFF;box-shadow:0 5px 20px 0 rgba(0,0,0,0.025);border-radius:10px;margin:0 0 10px 0}#contact table td select{width:50%}#contact table td textarea{height:300px}#contact .submit_btn{margin:5vh 0 0 0}#contact .submit_btn input[type=submit]{background:#111;color:#FFF;border:none;padding:15px 70px;cursor:pointer;transition:all 0.3s ease-in-out;font-weight:bold;letter-spacing:3px;font-size:18px;border-radius:10px;margin:0 auto;display:block}footer #foot{background:url("../img/ft.png") 50% 50% no-repeat fixed;background-size:cover;width:85%;height:75vh;border-radius:50px;margin:0 auto;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 767px){footer #foot{border-radius:10px;background:url("../img/ft.png") 50% 50% no-repeat scroll;background-size:cover}}footer #foot h2{color:#FFF;text-align:center;padding-bottom:10vh}footer #foot p a{font-size:22px;color:#FFF;text-shadow:0 0 20px #000;position:relative}@media screen and (max-width: 767px){footer #foot p a{font-size:18px}}footer #foot p a:before{content:"";display:block;width:0;height:2px;background:#FFF;position:absolute;left:0;bottom:-2.5vh}footer #foot p a:hover:before{animation:hov1 2s ease-in-out infinite}@keyframes hov1{0%{width:0}50%{width:0}100%{width:100%}}footer #foot p a:after{content:"";display:block;width:100%;height:2px;background:#FFF;position:absolute;right:0;bottom:-2.5vh}footer #foot p a:hover:after{animation:hov2 2s ease-in-out infinite}@keyframes hov2{0%{width:100%}50%{width:0}100%{width:0}}footer p.copyright{text-align:center;padding:5vh 0;font-size:14px;letter-spacing:0}@media screen and (max-width: 767px){footer p.copyright{font-size:12px}}.lock{overflow:hidden}#modal-target{display:none;position:relative;width:100%;height:100%}.modal-content{display:none}.modal-overlay{z-index:9998;display:none;position:fixed;top:0;left:0;width:100%;height:120%;background-color:#fff}.modal-wrap{z-index:9999;display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch}.modal-open{color:#00f;text-decoration:underline}.modal-open:hover{cursor:pointer;color:#f00}.modal-close{font-size:200%}.modal-close:hover{cursor:pointer;color:#f00}.modal-content>div{max-width:980px;margin:5vh auto 20px auto !important;position:relative;padding:50px;box-sizing:border-box}@media screen and (max-width: 767px){.modal-content>div{width:auto;margin:5vh 15px;padding:25px 15px 0 15px}}.modal-content>div table{width:100%}.modal-content>div table th,.modal-content>div table td{border:1px solid #CCC;padding:10px}@media screen and (max-width: 767px){.modal-content>div table th,.modal-content>div table td{font-size:13px}}.modal-content>div table th{font-weight:bold;width:33%}.modal-content>div h4{text-align:center;font-size:24px;margin:0 0 50px 0;font-weight:bold}@media screen and (max-width: 767px){.modal-content>div h4{font-size:18px;margin:0 0 25px 0}}.modal-content>div p{margin:0 0 15px 0;font-size:14px;line-height:1.7}.modal-content>div p.right-text{text-align:right}.modal-content>div p a{text-decoration:underline}.modal-content>div h5{font-weight:bold;margin:0 0 7px 0}@media screen and (max-width: 767px){.modal-content>div h5{font-size:14px}}.modal-content>div ul li{margin:0 0 15px 0}.modal-content>div ul li ul li{margin:0 0 15px 0;font-size:14px}p.closemodal a{position:fixed;top:30px;right:40px;font-size:50px;text-decoration:none !important}@media screen and (max-width: 767px){p.closemodal a{line-height:1;top:0;right:0}}p.closemodal a:hover{color:#333}.box{opacity:0}.slideUp{opacity:1;animation:slideUp 1s ease-in-out forwards}@keyframes slideUp{from{opacity:0;-webkit-transform:translate3d(0, 5%, 0);transform:translate3d(0, 5%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.para{height:auto;overflow:hidden;position:relative}.para img{width:100%;height:120%;object-fit:cover}
