﻿body{font-size:16px;font-family:'Noto Sans JP', sans-serif;box-sizing:border-box;color:#333;font-weight:200}*{box-sizing:border-box}a{color:#65A8FD;text-decoration:none}img{vertical-align:baseline;max-width:100%;height:auto}strong{font-weight:400}.header-navi{background:rgba(255,255,255,0.7);display:flex;justify-content:space-between;align-items:center;padding:10px}.header-navi .logo{width:20%}@media screen and (min-width: 768px){.header-navi .logo{width:150px}}@media screen and (max-width: 767px){.header-navi .nav{display:none;position:fixed;background:#ffffff;top:0;left:0;width:100%;height:100vh;padding:20px;z-index:100}}@media screen and (min-width: 768px){.header-navi .nav ul{display:flex;justify-content:flex-end}}@media screen and (min-width: 768px){.header-navi .nav ul li{padding-left:10px}}@media screen and (max-width: 767px){.header-navi .nav ul li{text-align:center}}.header-navi .nav ul li a{color:#333;font-size:16px}@media screen and (min-width: 768px){.header-navi .nav ul li a{padding:10px 15px}.header-navi .nav ul li a:hover{color:#65A8FD;transition:.3s}}@media screen and (max-width: 767px){.header-navi .nav ul li a{display:block;padding:20px 10px}}.header-navi .nav ul li:last-child a{background:#65A8FD;color:#fff;border-radius:100px}@media screen and (max-width: 767px){.header-navi .nav ul li:last-child a{margin-top:30px}}@media screen and (min-width: 768px){.header-navi .nav ul li:last-child a:hover{transition:.3s;opacity:.7}}#header{background:url("../img/headerimg.jpg") no-repeat;background-size:auto 100%;background-position:50% 50%}@media screen and (max-width: 767px){#header{background-image:url("../img/headerimg-sp.jpg");background-position:50% 50%}}.header-img{margin-bottom:60px}@media screen and (max-width: 767px){.header-img{margin-bottom:20px}}.header-img .text{padding-top:100px;padding-bottom:100px}@media screen and (max-width: 767px){.header-img .text{width:80%;padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 768px){.header-img .text{width:628px}}.youtube{width:100%;aspect-ratio:16 / 9}.youtube iframe{width:100%;height:100%}.inner{width:1000px;max-width:100%;padding:0 10px;margin:0 auto}@media screen and (max-width: 767px){.inner{padding:0 15px}}.section{padding:80px 0}@media screen and (max-width: 767px){.section{padding:50px 0}}.section.bg-mizu{background:#F7FAFC}.section .inner h2{text-align:center;font-family:'Noto Serif JP', serif;font-weight:200;font-size:22px;line-height:160%;letter-spacing:.1em;margin-bottom:30px}@media screen and (min-width: 768px){.section .inner h2{font-size:40px;line-height:140%;margin-bottom:50px}}.section .inner h2 span{font-size:16px;font-family:'Noto Serif JP', serif;text-align:center;display:block}@media screen and (min-width: 768px){.section .inner h2 span{font-size:18px}}.section .inner h3{font-size:30px;font-family:'Noto Serif JP', serif;text-align:center;margin:40px 0 30px;letter-spacing:.1em}@media screen and (max-width: 767px){.section .inner h3{font-size:20px;margin:30px 0 20px}}.section .inner p{font-size:16px;line-height:190%;margin-bottom:20px}@media screen and (max-width: 767px){.section .inner p{font-size:15px;line-height:170%}}.section .inner p strong{font-weight:700}.section .inner .greeting-img{margin-top:40px;display:flex;justify-content:space-between;align-items:flex-end}.section .inner .greeting-img .img{width:67%}@media screen and (max-width: 767px){.section .inner .greeting-img .img{width:50%}}.section .inner .greeting-img .text{width:30%;font-family:'Noto Serif JP', serif;letter-spacing:.1em;line-height:170%}@media screen and (max-width: 767px){.section .inner .greeting-img .text{width:48%;font-size:15px}}.section.movie{background:#F7FAFC}@media screen and (max-width: 767px){.section.movie dl{padding-left:20px;padding-right:20px}}@media screen and (min-width: 768px){.section.movie dl{display:flex;justify-content:space-between;align-items:center}}@media screen and (min-width: 768px){.section.movie dl dt{width:49%}}.section.movie dl dd h3{text-align:left}.section.movie dl dd h3 span{background:#65A8FD;color:#fff;border-radius:100%;height:30px;width:30px;line-height:30px;text-align:center;display:inline-block;font-size:22px}@media screen and (min-width: 768px){.section.movie dl dd{width:49%}}.section.movie dl dd a{display:block;width:170px}.section.movie dl dd a:hover{opacity:.7;transition:.3s}.section table.flow{width:100%;border-collapse:collapse;border-top:1px solid #707070;border-left:1px solid #707070;border-right:1px solid #707070;background:#ffffff;margin:20px auto 40px}@media screen and (max-width: 767px){.section table.flow{font-size:15px;line-height:160%}}@media screen and (min-width: 768px){.section table.flow{width:730px;max-width:100%}}.section table.flow th,.section table.flow td{padding:15px;border-bottom:1px solid #707070;line-height:170%}@media screen and (max-width: 767px){.section table.flow th,.section table.flow td{padding:10px}}.section table.flow th{text-align:left;border-right:1px solid #707070;width:60%}.section table.flow th span{font-size:12px;color:#fff;background:#65A8FD;border-radius:100%;width:18px;height:18px;display:inline-block;margin-right:5px;font-weight:bold;text-align:center;line-height:18px}.section table.flow.flow2 td.orange{color:#E69D0A;font-weight:bold}@media screen and (min-width: 768px){.section .compare{display:flex;justify-content:space-between}}.section .compare li{margin-bottom:40px}@media screen and (min-width: 768px){.section .compare li{width:47%}}.section .compare li h4{line-height:140%;text-align:center;font-family:'Noto Serif JP', serif;font-size:22px;letter-spacing:.1em}.section .compare li h4 span{display:block;font-size:18px}.section .point{margin-bottom:50px;position:relative;padding-top:30px}.section .point h3{background:#65A8FD;color:#fff;position:absolute;z-index:1;top:0;left:0;right:0;margin:0 auto;z-index:10;width:80%;padding:10px}@media screen and (min-width: 768px){.section .point h3{font-size:22px;width:420px;padding:15px 10px}}.section .point .text{background:#fff;padding:30px 10px 10px}@media screen and (min-width: 768px){.section .point .text{padding:40px 30px 30px}}.section .point.demerit h3{background:#284097}.section .point.demerit .text{background:#F5F5F5}.section .point.future{margin-bottom:0}.section.machine p{margin-bottom:40px}.section.machine dl{margin-bottom:60px}@media screen and (min-width: 768px){.section.machine dl{display:flex;justify-content:space-between}}.section.machine dl:last-child{margin:0}@media screen and (min-width: 768px){.section.machine dl dt{width:48%}}.section.machine dl dd h3{text-align:left;margin-bottom:20px;margin-bottom:10px;border-left:6px solid #65A8FD;padding:10px}@media screen and (max-width: 767px){.section.machine dl dd h3{margin-top:30px}}.section.machine dl dd span{display:block;margin-bottom:20px}@media screen and (min-width: 768px){.section.machine dl dd span{font-size:20px;font-family:'Noto Serif JP', serif;letter-spacing:.1em}}@media screen and (min-width: 768px){.section.machine dl dd{width:48%}}.section.machine dl dd li{list-style-type:disc;list-style-position:inside;margin-bottom:10px;line-height:170%}@media screen and (max-width: 767px){.section.machine dl dd li{font-size:15px}}@media screen and (min-width: 768px){.section.machine dl.reverse{flex-direction:row-reverse}}.section.cta{padding-top:0}.section.cta a{display:block;margin:0 auto}@media screen and (max-width: 767px){.section.cta a{width:80%}}@media screen and (min-width: 768px){.section.cta a{width:580px}}.section.cta a:hover{transition:.3s;opacity:.7}.section.form table{width:100%}.section.form table th,.section.form table td,.section.form table input,.section.form table textarea{color:#707070}.section.form table th,.section.form table td{font-size:16px}@media screen and (min-width: 768px){.section.form table th,.section.form table td{padding:30px 0;font-size:20px}}@media screen and (max-width: 767px){.section.form table th,.section.form table td{padding:5px 0;width:100%;display:block;clear:both}}.section.form table th{text-align:left}@media screen and (min-width: 768px){.section.form table th{width:40%}}.section.form table th.req:before{content:"必須";background:#65A8FD;color:#fff;display:inline-block;text-align:center;border-radius:6px;font-size:18px;height:40px;line-height:40px;width:82px;margin-right:10px}@media screen and (max-width: 767px){.section.form table th.req:before{font-size:14px;width:40px;height:30px;line-height:30px}}@media screen and (max-width: 767px){.section.form table td{padding-bottom:20px}}@media screen and (min-width: 768px){.section.form table td{width:60%}}.section.form table td input:focus::-webkit-input-placeholder{color:transparent}.section.form table td input:focus::-moz-placeholder{color:transparent}.section.form table td input:focus::-ms-input-placeholder{color:transparent}.section.form table td input:focus::placeholder{color:transparent}.section.form table td label{border:none !important;padding:5px !important;box-shadow:none !important;background:none !important}.section.form table td input[type="text"],.section.form table td input[type="email"],.section.form table td input[type="tel"],.section.form table td textarea{width:100%;display:block;background:none !important;font-size:16px;border:2px solid #E3E3E3;padding:10px}@media screen and (min-width: 768px){.section.form table td input[type="text"],.section.form table td input[type="email"],.section.form table td input[type="tel"],.section.form table td textarea{padding:20px !important;font-size:20px !important}}.section.form table td input[type="text"]::placeholder,.section.form table td input[type="email"]::placeholder,.section.form table td input[type="tel"]::placeholder,.section.form table td textarea::placeholder{color:#E3E3E3}.section.form table td textarea{width:100% !important}@media screen and (min-width: 768px){.section.form table td textarea{height:300px !important}}@media screen and (max-width: 767px){.section.form table td textarea{height:200px !important}}.section.form button[type=submit]{border:none;display:block;margin:30px auto 0;box-shadow:none;background:none;cursor:pointer}@media screen and (min-width: 768px){.section.form button[type=submit]{width:580px}}.section.form button[type=submit]:hover{opacity:.7;transition:.3s}.section.recruit p{text-align:center}.section.recruit dl{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.section.recruit dl dt{width:84px}@media screen and (max-width: 767px){.section.recruit dl dt{width:35px}}.section.recruit dl dd{line-height:170%;width:calc(100% - 100px)}@media screen and (min-width: 768px){.section.recruit dl dd{font-size:18px}}@media screen and (max-width: 767px){.section.recruit dl dd{width:calc(100% - 45px)}}#footer{text-align:center;background:#F7FAFC;padding:20px 0}#footer img{display:block;width:150px;margin:0 auto 20px}#footer p{font-size:12px}.fv{background-color:#fff;position:fixed;top:0;left:0;opacity:1;width:100%;z-index:10;height:100vh;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;font-family:'Noto Serif JP', serif;font-size:50px;letter-spacing:.1em;padding:0;margin:0;animation:fadeout 4s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards}@media screen and (max-width: 767px){.fv{height:90vh}}@media screen and (max-width: 767px){.fv{font-size:22px}}.fv ul{display:flex;justify-content:center;padding:0;margin:0}.fv ul li{padding:0 10px;opacity:0;animation-fill-mode:forwards !important;-webkit-animation-fill-mode:forwards !important;-moz-animation-fill-mode:forwards !important}@media screen and (min-width: 768px){.fv ul li{animation:rotate_anime 1s linear}}@media screen and (max-width: 767px){.fv ul li{animation:fadeIn 1s}}.fv ul.kurukuru{margin-bottom:40px}.fv ul.kurukuru li:nth-child(2){animation-delay:0.1s}.fv ul.kurukuru li:nth-child(3){animation-delay:0.2s}.fv ul.kurukuru li:nth-child(3){animation-delay:0.3s}.fv ul.kurukuru li:nth-child(4){animation-delay:0.4s}.fv ul.kurukuru li:nth-child(5){animation-delay:0.5s}.fv ul.kurukuru li:nth-child(5){animation-delay:0.6s}.fv ul.kurukuru2 li:nth-child(2){animation-delay:0.7s}.fv ul.kurukuru2 li:nth-child(3){animation-delay:0.8s}.fv ul.kurukuru2 li:nth-child(3){animation-delay:0.9s}.fv ul.kurukuru2 li:nth-child(4){animation-delay:1s}.fv ul.kurukuru2 li:nth-child(5){animation-delay:1.1s}.fv ul.kurukuru2 li:nth-child(5){animation-delay:1.2s}@keyframes rotate_anime{0%{opacity:0;transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg)}100%{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);opacity:1}}@keyframes fade_in{0%{background:#fff;visibility:hidden;opacity:0}100%{background:red;visibility:visible;opacity:1}}@keyframes fadeout{0%{opacity:1;height:100vh}80%{opacity:1;height:100vh}99%{opacity:0;height:100vh;width:100%;z-index:10}100%{opacity:0;height:0;width:0%;z-index:-10}}.effect{opacity:0}.zoomin.is-active{animation:zoomIn 2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards}.fadein.is-active{animation:fadeIn 2s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards}.section.is-active{animation:fadeIn 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards}.section h2.is-active{animation:fadeUp 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards}@keyframes fadeUp{0%{margin-top:100px}100%{margin-top:0}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes zoomIn{0%{transform:scale(0.8);opacity:0}100%{opacity:1;transform:scale(1)}}@media screen and (min-width: 768px){.sp{display:none}}@media screen and (max-width: 767px){.pc{display:none}}
/*# sourceMappingURL=style.css.map */
