﻿*{box-sizing:border-box}.preload *{-webkit-transition:none !important;transition:none !important}html{font-size:62.5%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background:#fff}html.open{height:100vh;overflow-y:hidden}body{position:relative;width:100%;min-width:375px;margin:0;color:#595757;font-family:"Sawarabi Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:1.8em;line-height:1.8;letter-spacing:0.3em}a{text-decoration:none}a,a::before,a::after,a img{-webkit-transition:all ease .3s;transition:all ease .3s}a:hover img,a:active img{opacity:0.8}img,svg{max-width:100%}h1,h2,h3,h4,h5,h6{line-height:1.1}b,span{display:inline-block}.cf::after{display:block;clear:both;content:""}@media screen and (max-width: 768px){body{font-size:1.6em}}.loading{position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;background:#fff}.loading img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;position:absolute;top:0;right:0;left:0;padding:30px;z-index:5555}.header .logo{width:127px;filter:drop-shadow(1px 1px 1px rgba(255,255,255,0.6))}.header nav{line-height:0}.header nav ul{list-style:none}@media screen and (min-width: 769px){.header>.btn{display:none}.header nav>ul{display:-webkit-flex;display:flex}.header nav>ul>li{position:relative}.header nav>ul>li+li{margin-left:50px}.header nav>ul ul{position:absolute;visibility:hidden;opacity:0;-webkit-transition:all ease .5s;transition:all ease .5s}.header nav>ul ul li{margin-top:20px}.header nav>ul li:hover ul{visibility:visible;opacity:1}.header nav>ul a{cursor:pointer}.header nav>ul img{filter:drop-shadow(1px 1px 0 rgba(255,255,255,0.6))}}@media screen and (max-width: 768px){.header{-webkit-align-items:center;align-items:center;padding:5%}.header .logo{width:100px}.header>.btn{display:block;position:relative;width:60px;height:60px;background:rgba(255,255,255,0.5);z-index:8888}.header>.btn::before,.header>.btn::after{position:absolute;top:50%;left:50%;width:50px;height:2px;background:#00459b;content:""}.header>.btn::before{margin:-10px 0 0 -25px}.header>.btn::after{margin:10px 0 0 -25px}.header nav{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:calc(77px + 10%) 5%;background:rgba(255,255,255,0.9);z-index:7777;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.header nav:-webkit-scrollbar{display:none}.header nav>ul{text-align:center}.header nav>ul>li+li{margin-top:30px}.header nav>ul ul li{display:inline-block;margin:10px 10px 0}.open .header>.btn{position:fixed;right:5%;background:rgba(255,255,255,0)}.open .header>.btn::before,.open .header>.btn::after{margin-top:0}.open .header>.btn::before{transform:rotate(45deg)}.open .header>.btn::after{transform:rotate(-45deg)}}@media screen and (max-width: 768px){.header>.btn{width:50px;height:50px}.header>.btn::before,.header>.btn::after{width:40px}.header>.btn::before{margin:-7px 0 0 -20px}.header>.btn::after{margin:7px 0 0 -20px}}.slide{width:100%;height:100vh;overflow:hidden}.slide>* span{display:block;width:100%;height:100vh;background-position:center center;background-size:cover}.hide{position:absolute;color:#fff}.title{max-width:1360px;margin:0 auto 180px;padding:180px 40px 0;font-size:4rem;font-weight:normal;text-align:center}@media screen and (max-width: 768px){.title{padding:150px 5% 0;margin-bottom:100px;font-size:3.2rem}}.contents{max-width:1360px;margin:0 auto;padding:0 40px}.contents .text{margin:300px 0;text-align:center}.contents .text h2{color:#221814;font-size:3.8rem;font-family:"Sawarabi Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:normal;line-height:2.2}.contents .text p{margin-top:50px;color:#221814;font-size:1.9rem;line-height:2.2}.contents .section{margin:150px 0}.contents .section>h2{margin-bottom:75px;color:#221814;font-size:3.8rem;font-family:"Sawarabi Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;text-align:center}.contents .box{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin:75px 0}.contents .box figure{width:60%}.contents .box figure img{display:block;width:100%}.contents .box>div{width:35%}.contents .box h2,.contents .box h3{margin-bottom:20px;color:#221814;font-size:3.4rem;font-family:"Sawarabi Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:normal;line-height:1.8}.contents .box p{color:#717071;text-indent:1em}.contents .lineup{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;list-style:none}.contents .lineup li{width:30%}.contents .arrow{padding-top:150px;background:url(../img/icon_arrow.svg) center top no-repeat}.contents .btn{display:block;max-width:600px;margin:0 auto;padding:40px 20px;border:3px solid #eeefef;color:#595757;font-size:2rem;font-weight:bold;letter-spacing:0.1em;text-align:center}.contents .btn:hover,.contents .btn:active{border-color:#C8C9CA}.contents .btn img{vertical-align:middle;margin-right:30px}@media screen and (max-width: 1000px){.contents .box{display:block}.contents .box>*:first-child{margin-bottom:30px}.contents .box figure,.contents .box>div{width:100%}}@media screen and (max-width: 768px){.contents{padding:0 5%}.contents .text{margin:100px 0}.contents .text h2{font-size:3.2rem}.contents .text p{margin-top:40px;font-size:1.8rem;line-height:2}.contents .text p br{display:none}.contents .section{margin:100px 0}.contents .section>h2{margin-bottom:50px;font-size:3.4rem}.contents .box{margin:50px -5.56%}.contents .box>*:first-child{margin-bottom:25px}.contents .box>div{padding:0 5%}.contents .box h2,.contents .box h3{font-size:3rem}.contents .lineup p{letter-spacing:0em;font-size:1.2rem}.contents .arrow{padding-top:120px;background-size:75px auto}.contents .btn{font-size:1.8rem}}@media screen and (max-width: 568px){.contents .btn{padding:30px 20px}.contents .btn img{display:block;margin:0 auto 20px}.contents .ls0{letter-spacing:0}.contents .ls1{letter-spacing:0.1em}.contents .ls2{letter-spacing:0.2em}}
