﻿*{box-sizing:border-box}body{font-size:16px;line-height:100%;margin:0;padding:0}.mb0{margin-top:0 !important}.inner{width:100%;max-width:1100px;height:auto;margin:0 auto}@media screen and (max-width: 768px){.inner{width:100%}}@media screen and (max-width: 768px){.inner{width:auto;height:auto}}.sp{display:none !important}@media screen and (max-width: 768px){.sp{display:block !important}}.pc{display:block !important}@media screen and (max-width: 768px){.pc{display:none !important}}header{position:relative;padding:180px 0 0 0;overflow:hidden}@media screen and (max-width: 768px){header{padding:100px 0 0 0}}header .logo{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:0;-webkit-transform:translate(-100%, 0%);-moz-transform:translate(-100%, 0%);-ms-transform:translate(-100%, 0%);-o-transform:translate(-100%, 0%);transform:translate(-100%, 0%);background:url("../images/content/logo_bg.webp") no-repeat center;background-size:100%;padding:30px 0 0 130px;width:648px;height:308px;z-index:2}.no-webp header .logo{background:url("../images/content/logo_bg.png") no-repeat center}@media screen and (max-width: 1110px){header .logo{-webkit-transform:translate(0%, 0%);-moz-transform:translate(0%, 0%);-ms-transform:translate(0%, 0%);-o-transform:translate(0%, 0%);transform:translate(0%, 0%);left:-100px}}@media screen and (max-width: 768px){header .logo{padding:20px 0 0 130px}header .logo img{width:250px;height:auto}}@media screen and (max-width: 768px){header .logo{padding:20px 0 0 120px}}.pageMain{position:relative;font-family:'M PLUS Rounded 1c',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:40px;font-weight:900;background-color:rgba(255,255,255,0.9);border-top:2px solid #24b6b5;border-bottom:2px solid #24b6b5;padding:50px 10px 50px;z-index:3}@media screen and (max-width: 768px){.pageMain{font-size:5vw;padding:30px 10px;text-align:center}}.pageMain h1,.pageMain div{display:flex;align-items:center;color:#636363;position:relative;z-index:3}.pageMain h1 span,.pageMain div span{font-size:20px;transform:rotate(0.03deg)}.pageMain h1 span:before,.pageMain div span:before{content:" - "}@media screen and (max-width: 768px){.pageMain h1 span,.pageMain div span{font-size:3vw}}.menuBtn{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;cursor:pointer;background-color:#24b6b5;justify-content:center;align-items:center;position:fixed;border-radius:50%;top:40px;right:30px;width:90px;height:90px;z-index:102}@media screen and (max-width: 768px){.menuBtn{border:3px solid #FFF;width:50px;height:50px;top:20px;right:20px}}.menuBtn span{display:block;position:absolute;width:40px;height:4px;left:50%;background:#FFF;border-radius:20px;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out}.menuBtn span:nth-child(1){top:35%}.menuBtn span:nth-child(2){top:50%;width:30px;left:44%}.menuBtn span:nth-child(3){top:65%;width:20px;left:40%}@media screen and (max-width: 768px){.menuBtn span:nth-child(1){left:23px;width:25px}.menuBtn span:nth-child(2){left:21px;width:20px}.menuBtn span:nth-child(3){left:19px;width:15px}}.menuBtn.active{width:50px;height:50px;top:10px;right:20px;border:3px solid #FFF}@media screen and (max-width: 768px){.menuBtn.active{top:20px;right:20px}}.menuBtn.active span{height:3px}.menuBtn.active span:nth-child(1){top:50%;width:20px !important;-webkit-transform:translate(-50%, -50%) rotate(-45deg);-moz-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);-o-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.menuBtn.active span:nth-child(2),.menuBtn.active span:nth-child(3){top:50%;left:50%;width:20px !important;-webkit-transform:translate(-50%, -50%) rotate(45deg);-moz-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);-o-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}@media screen and (max-width: 768px){.spnav{display:block}}@media screen and (max-width: 600px){.spnav .logoBox{padding:0 30% 0 0}}.spnav .menus{transform:translateX(100%);background-color:#24b6b5;position:fixed;z-index:2;top:-50%;right:0;color:#000;transition:all 0.6s;width:100%;height:100%;z-index:101;overflow:auto;padding:10px 20px 20px;border-radius:0 0 50% 50%}@media screen and (max-width: 768px){.spnav .menus{width:100%}}.spnav .menus a{color:#FFF}.spnav .menus.active{transform:translateX(0%);border-radius:0;top:0}.spnav .inBox{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);transform:translate(-50%, 0%);top:50px;width:1000px;z-index:2}@media screen and (max-width: 1000px){.spnav .inBox{position:relative;top:auto;left:auto;-webkit-transform:translate(0%, 0%);-moz-transform:translate(0%, 0%);-ms-transform:translate(0%, 0%);-o-transform:translate(0%, 0%);transform:translate(0%, 0%);width:100%;padding:20px 0 0 0}}.spnav .img{position:absolute;right:20px;bottom:20px;z-index:1}@media screen and (max-width: 768px){.spnav .img{right:10px;width:90%}}.spnav ul{display:block;padding:50px 0 0 0}.spnav ul .par:after{position:absolute;right:10px;top:20px;content:" ";width:15px;height:2px;border-top:3px solid #fff;transform:translateX(-50%);-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);transform:translate(-50%, 0%);-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out}.spnav ul .par:before{position:absolute;content:" ";right:11px;top:20px;width:15px;height:2px;border-top:3px solid #fff;-webkit-transform:translate(-50%, 0%) rotate(90deg);-moz-transform:translate(-50%, 0%) rotate(90deg);-ms-transform:translate(-50%, 0%) rotate(90deg);-o-transform:translate(-50%, 0%) rotate(90deg);transform:translate(-50%, 0%) rotate(90deg);-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out}.spnav ul li{font-family:'M PLUS Rounded 1c',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;padding:0;text-align:left;position:relative;color:#FFF;font-size:30px;cursor:pointer}@media screen and (max-width: 768px){.spnav ul li{font-size:4vw}}.spnav ul li a{display:block;padding:30px 10px}.spnav ul li a:before{content:""}.spnav ul li a:hover{opacity:1}.spnav ul li ul{display:none;border-top:1px solid #FFF;font-size:14px;padding:10px}.spnav ul li ul li{text-align:left;font-weight:normal}.spnav ul li ul li:last-child{border-bottom:none}.spnav ul li ul li:after,.spnav ul li ul li:before{display:none}.spnav ul li ul li a{display:block;padding:5px 0}.spnav .sns{display:flex;justify-content:center;flex-wrap:wrap;padding:30px 30px 0}.spnav .sns div{width:33%;text-align:center}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-slider .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-slider .slick-track:before,.slick-slider .slick-track:after{display:table;content:''}.slick-slider .slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-loading .slick-slide{display:block;height:auto;border:1px solid transparent;visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}[dir='rtl'] .slick-slide{float:right}.slick-initialized .slick-slide{display:block}.slick-arrow.slick-hidden{display:none}.slick-arrow{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);top:45%;width:25px;height:25px;border-radius:50%;border:2px solid #9A9A9A;background-color:#FFF;z-index:10}.slick-arrow:after{display:block;position:relative;top:35%;left:40%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:"";z-index:11}.slick-arrow.slick-next{left:auto;right:-10px}.slick-arrow.slick-next:after{background-color:#24b6b5;width:10px;height:13px;clip-path:polygon(0 0, 0% 100%, 100% 50%);left:60%}.slick-arrow.slick-prev{left:-10px}.slick-arrow.slick-prev:after{background-color:#24b6b5;width:10px;height:13px;clip-path:polygon(100% 0, 100% 100%, 0 50%)}.slide-dots{display:flex;justify-content:center}.slide-dots li{padding:0 5px}.slide-dots li button{background-color:#c1c0bf;border-radius:6px;width:12px;height:12px;text-indent:-9999px;border:none}.slide-dots li.slick-active button{background-color:#24b6b5}.top header{height:960px;overflow:hidden;padding:0}@media screen and (max-width: 768px){.top header{height:450px}}.top header:after{background:url("../images/content/main_part1.webp") no-repeat center;background-size:cover;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.no-webp .top header:after{background:url("../images/content/main_part1.png") no-repeat center}.main_slider{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transform:translate(-60%, -50%);-moz-transform:translate(-60%, -50%);-ms-transform:translate(-60%, -50%);-o-transform:translate(-60%, -50%);transform:translate(-60%, -50%);z-index:5;width:1030px;height:auto;margin:0 auto}@media screen and (max-width: 1030px){.main_slider{width:100%}}@media screen and (max-width: 768px){.main_slider{height:auto;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}}.main_slider .slick-list{mask-image:url("../images/content/main_back.webp");mask-repeat:no-repeat;mask-position:0;mask-size:95%;-webkit-mask-image:url("../images/content/main_back.webp");-webkit-mask-repeat:no-repeat;-webkit-mask-position:0;-webkit-mask-size:95%}@media screen and (max-width: 768px){.main_slider .slick-list{mask-position:50%;mask-size:80%;-webkit-mask-size:80%;-webkit-mask-position:50%}}.no-webp .main_slider .slick-list{mask-image:url("../images/content/main_back.png");mask-repeat:no-repeat;mask-position:0;mask-size:95%;-webkit-mask-image:url("../images/content/main_back.png");-webkit-mask-repeat:no-repeat;-webkit-mask-position:0;-webkit-mask-size:95%}@media screen and (max-width: 768px){.no-webp .main_slider .slick-list{mask-position:50%;mask-size:80%;-webkit-mask-size:80%;-webkit-mask-position:50%}}.main_slider .slider_item{opacity:0;visibility:hidden;box-sizing:border-box;margin:0;width:100%;height:100%}.main_slider .slider_item.dis{opacity:1;visibility:visible}.main_slider .slick-arrow{display:none !important}.main_slider .slide-dots{position:absolute;bottom:100px;right:150px}@media screen and (max-width: 768px){.main_slider .slide-dots{bottom:-50px;right:auto;position:absolute;left:50%;-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}}.top header .txBox{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transform:translate(0%, -80%);-moz-transform:translate(0%, -80%);-ms-transform:translate(0%, -80%);-o-transform:translate(0%, -80%);transform:translate(0%, -80%);z-index:8}@media screen and (max-width: 1110px){.top header .txBox{-webkit-transform:translate(-50%, -80%);-moz-transform:translate(-50%, -80%);-ms-transform:translate(-50%, -80%);-o-transform:translate(-50%, -80%);transform:translate(-50%, -80%);width:100%;text-align:center;padding:0 20px}}@media screen and (max-width: 768px){.top header .txBox{-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}}.top header .txBox p{font-family:'Roboto',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#322822;padding:60px 0 0 10px;font-size:22px;font-weight:600;text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF,0px 2px 0 #FFF,  0 -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF, 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF,0px 2px 0 #FFF,  0 -2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF}@media screen and (max-width: 768px){.top header .txBox p{font-size:16px}}@media screen and (max-width: 768px){.top header .txBox p{padding:30px 0 0 0}}.top header .part2{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transform:translate(20%, -75%);-moz-transform:translate(20%, -75%);-ms-transform:translate(20%, -75%);-o-transform:translate(20%, -75%);transform:translate(20%, -75%);z-index:3}.top header .part3{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transform:translate(80%, 0%);-moz-transform:translate(80%, 0%);-ms-transform:translate(80%, 0%);-o-transform:translate(80%, 0%);transform:translate(80%, 0%);z-index:6}.top header .part4{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transform:translate(100%, -50%);-moz-transform:translate(100%, -50%);-ms-transform:translate(100%, -50%);-o-transform:translate(100%, -50%);transform:translate(100%, -50%);z-index:2}.top header .part5{position:absolute;bottom:0;left:-400px;z-index:2}@media screen and (max-width: 768px){.top header .part5{bottom:30px;left:-100px;width:200px;height:auto}}#content{padding:30px 0 0 0}@media screen and (max-width: 768px){#content{padding:0 20px}}.blog #content .list,.news #content .list,.category #content .list{display:flex;justify-content:flex-start;flex-wrap:wrap}.blog #content .list a,.news #content .list a,.category #content .list a{border:1px solid #D3D3D3;display:block;width:31%;margin:0 1% 20px;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;position:relative;padding:10px;border-radius:10px}.blog #content .list a:hover,.news #content .list a:hover,.category #content .list a:hover{box-shadow:0 0 5px #D3D3D3;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out}@media screen and (max-width: 768px){.blog #content .list a,.news #content .list a,.category #content .list a{border-bottom:1px dotted #9C9C9C;padding:10px;margin:0 0 10px;width:98%}}.blog #content .list .inBox .img,.news #content .list .inBox .img,.category #content .list .inBox .img{width:100%;height:180px;overflow:hidden;text-align:center;margin:0 0 10px}@media screen and (max-width: 320px){.blog #content .list .inBox .img,.news #content .list .inBox .img,.category #content .list .inBox .img{width:100%;height:120px}}.blog #content .list .inBox .img img,.news #content .list .inBox .img img,.category #content .list .inBox .img img{width:100%;height:auto;max-width:none}.blog #content .list .inBox .img .noimg,.news #content .list .inBox .img .noimg,.category #content .list .inBox .img .noimg{position:relative;width:100%;height:180px;font-size:20px;font-weight:bold}@media screen and (max-width: 320px){.blog #content .list .inBox .img .noimg,.news #content .list .inBox .img .noimg,.category #content .list .inBox .img .noimg{height:120px}}.blog #content .list .inBox .img .noimg p,.news #content .list .inBox .img .noimg p,.category #content .list .inBox .img .noimg p{position:absolute;top:50%;left:50%;margin:-16px 0 0 -30px}@media screen and (max-width: 320px){.blog #content .list .inBox .img .noimg p,.news #content .list .inBox .img .noimg p,.category #content .list .inBox .img .noimg p{margin:-16px 0 0 -32px}}@media screen and (max-width: 768px){.blog #content .list .inBox .txBox,.news #content .list .inBox .txBox,.category #content .list .inBox .txBox{padding:0 !important}}.blog #content .list .inBox .txBox .time,.news #content .list .inBox .txBox .time,.category #content .list .inBox .txBox .time{text-align:right;font-size:13px;color:#B4B4B4}.blog #content .list .inBox .txBox .data,.news #content .list .inBox .txBox .data,.category #content .list .inBox .txBox .data{word-break:break-all;font-size:14px}@media screen and (max-width: 768px){.blog #content .list .inBox .txBox .data,.news #content .list .inBox .txBox .data,.category #content .list .inBox .txBox .data{line-height:150%}}.blog #content .list .inBox .txBox .btnArea,.news #content .list .inBox .txBox .btnArea,.category #content .list .inBox .txBox .btnArea{padding:10px 0}@media screen and (max-width: 768px){.blog #content .list .inBox .txBox .btnArea,.news #content .list .inBox .txBox .btnArea,.category #content .list .inBox .txBox .btnArea{width:auto;position:relative;bottom:auto}}.blog #content .list .inBox .txBox .btnArea .button a,.news #content .list .inBox .txBox .btnArea .button a,.category #content .list .inBox .txBox .btnArea .button a{padding:3px !important}.blog #content .list .title,.news #content .list .title,.category #content .list .title{font-size:16px;font-weight:bold;padding:0 0 5px;margin:0 0 5px}.breadNav{position:relative;display:block;height:auto;line-height:1.0em;background-color:transparent;width:100%;max-width:1100px;height:auto;margin:0 auto;margin:30px auto 10px;z-index:3}@media screen and (max-width: 768px){.breadNav{width:100%}}@media screen and (max-width: 768px){.breadNav{background-color:#FFF;margin:0 auto 10px}}.bread_crumb{display:block;width:100%;padding:10px 0;font-size:80%;line-height:170%}@media screen and (max-width: 768px){.bread_crumb{padding:10px}}.bread_crumb span{padding-right:5px;color:#333}.bread_crumb span a{color:#333}.bread_crumb .level-2,.bread_crumb .sub{position:relative;padding:0 10px 0 15px}.bread_crumb .level-2:before,.bread_crumb .sub:before{position:absolute;top:9px;left:0;content:" ";border-top:solid 1px #333;border-right:solid 1px #333;width:5px;height:5px;-webkit-transform:translate(-50%, -50%) rotate(45deg);-moz-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);-o-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}
