﻿.effect-fade{opacity:0;transform:translate(0, 30px);transition:all 600ms}.effect-fade.effect-scroll{opacity:1;transform:translate(0, 0)}body{font-family:'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif}p,a{color:#333;letter-spacing:0.5px;line-height:1.7em;font-size:.9em}@media screen and (max-width: 768px){p,a{font-size:.8em}}h2{letter-spacing:0.5px;text-align:center;font-weight:normal;font-size:28px;margin:30px 0}h2 span{display:inline-block;padding-left:10px;font-size:18px}article{padding-bottom:50px}@media screen and (max-width: 768px){article{padding-top:0px}}article p{padding:0 10px}img{max-width:100%}header{padding:6px 0 0 0;border-bottom:1px solid #ccc;box-shadow:0 32px 30px -30px rgba(53,47,47,0.15);position:fixed;z-index:3;width:100%;background-color:#fff}header h1{width:240px}header h1 a{display:block;height:64px}header h1 a img{width:100%}.catch{padding:60px 0}.catch p{font-size:24px;text-align:center;font-family:serif;line-height:2em}@media screen and (max-width: 768px){.catch p{font-size:17px}}.toprela{position:relative}@media screen and (min-width: 769px){.toprela{height:1100px}}@media screen and (max-width: 768px){.toprela{height:100vh}}.topabso1{position:absolute;z-index:1;right:0;left:0;top:150px}.topabso2{position:absolute;z-index:2;top:160px;left:40%}@media screen and (max-width: 768px){.topabso2{top:120px;left:17%;width:330px;height:auto}}.topabso3{position:absolute;z-index:1;right:10px;bottom:0}@media screen and (max-width: 768px){.topabso3{right:0;height:300px;width:auto}}footer{background-color:#888;margin-top:40px}footer .bottom_nav ul{display:flex;justify-content:center}@media screen and (max-width: 768px){footer .bottom_nav ul{display:block}}footer .bottom_nav ul li{padding:4px 14px}@media screen and (max-width: 768px){footer .bottom_nav ul li{padding:10px}}footer .bottom_nav ul li a{color:#fff}footer .bottom_nav ul li a span{font-size:12px;display:inline-block;padding-left:10px}.kasoupage{padding-top:140px}.copy{text-align:center;padding:10px;color:#fff;font-size:13px}.icon-hamburger{content:url("../img/menu.png");width:42px;height:auto;position:fixed;z-index:900;right:4px;top:14px}#modal-overlay{background-color:rgba(0,0,0,0.4);display:none;height:100%;left:0;position:fixed;top:10;z-index:99}@media screen and (min-width: 769px){#modal-overlay{width:20%}}@media screen and (max-width: 768px){#modal-overlay{width:50%}}.menu-container .menu{background-color:rgba(0,0,0,0.4);display:none;height:auto;left:40%;position:fixed;top:10%;width:60%;z-index:100}.menu-container .menu .menu-item a{border-bottom:1px solid #fff;color:#fff;font-weight:bold;border-right:none;display:block;text-align:center;padding:10px}.menu-container .menu .menu-item:last-child a{border-bottom:none}div.mail{width:90%;margin:0 auto;margin-top:40px;margin-bottom:40px}div.mail form table.formtable{width:100%;border-collapse:collapse;margin-bottom:10px}div.mail form table.formtable th{width:23%;font-weight:normal;padding:10px 0 10px 10px;text-align:left;vertical-align:top}div.mail form table.formtable th span{font-size:11px;padding:2px 6px;display:block}div.mail form table.formtable th td{padding:10px}div.mail input.area,div.mail select{width:98%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;line-height:2em}.post{border-radius:4px;line-height:2em}select{padding:10px;font-size:16px}textarea{width:98%;height:300px;margin:0 auto;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;line-height:2em}input.area,textarea,.post{font-size:16px;padding-left:10px}p.submit{text-align:center}p.submit input{border:0px;text-align:center;margin:10px;font-size:17px;font-weight:bold;padding:10px 0;width:180px}@media (max-width: 749px){div.mail form table.formtable th{width:100%;padding:2px;display:block;font-size:13px;text-align:center;vertical-align:top}input.area,textarea,.post{font-size:14px}div.mail form table.formtable td{border:2px solid #fff;padding:10px;width:100%;display:block}div.mail input.area,select{width:100%;line-height:1.5em;background-color:#fff}.post{width:40%}.check input{white-space:nowrap}textarea{width:100%;height:200px}p.submit input{border:0px;text-align:center;margin:4px 4px 10px 4px;color:#fff;font-size:17px;font-weight:bold;padding:10px 0;width:180px}}.menu2{position:relative;display:flex;justify-content:space-between}.menu2>li{float:left;display:inline-block;line-height:50px;width:16%}.menu2>li a{display:block;text-align:center;padding:3px 0px;font-size:18px;line-height:1em}.menu2>li a span{font-size:13px;display:block}.menu2>li a:hover{color:#999}ul.menu__second-level{visibility:hidden;opacity:0;z-index:1}.menu2>li:hover{background:#f2f2f2;-webkit-transition:all .5s;transition:all .5s}.menu__second-level li{border-top:1px solid #333}.menu__second-level li a:hover{background:#f2f2f2}.menu2>li.menu__single{position:relative}li.menu__single ul.menu__second-level{position:absolute;top:40px;width:100%;background:#f2f2f2;-webkit-transition:all .2s ease;transition:all .2s ease}li.menu__single ul.menu__second-level a{font-size:18px}li.menu__single:hover ul.menu__second-level{top:50px;visibility:visible;opacity:1}.menu2:before,.menu2:after{content:" ";display:table}.menu2:after{clear:both}.menu2{*zoom:1}
