/*! css/style.css *//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css *//* Document
   ========================================================================== *//**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap);html{line-height:1.15;/* 1 */-webkit-text-size-adjust:100%/* 2 */}/* Sections
   ========================================================================== *//**
 * Remove the margin in all browsers.
 */body{margin:0}/**
 * Render the `main` element consistently in IE.
 */main{display:block}/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */h1{font-size:2em;margin:0.67em 0}/* Grouping content
   ========================================================================== *//**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */hr{box-sizing:content-box;/* 1 */height:0;/* 1 */overflow:visible/* 2 */}/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */pre{font-family:monospace,monospace;/* 1 */font-size:1em/* 2 */}/* Text-level semantics
   ========================================================================== *//**
 * Remove the gray background on active links in IE 10.
 */a{background-color:transparent}/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */abbr[title]{border-bottom:none;/* 1 */text-decoration:underline;/* 2 */-webkit-text-decoration:underline dotted;text-decoration:underline dotted/* 2 */}/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */b,strong{font-weight:bolder}/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */code,kbd,samp{font-family:monospace,monospace;/* 1 */font-size:1em/* 2 */}/**
 * Add the correct font size in all browsers.
 */small{font-size:80%}/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}/* Embedded content
   ========================================================================== *//**
 * Remove the border on images inside links in IE 10.
 */img{border-style:none}/* Forms
   ========================================================================== *//**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */button,input,optgroup,select,textarea{font-family:inherit;/* 1 */font-size:100%;/* 1 */line-height:1.15;/* 1 */margin:0/* 2 */}/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */button,input{/* 1 */overflow:visible}/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */button,select{/* 1 */text-transform:none}/**
 * Correct the inability to style clickable types in iOS and Safari.
 */button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}/**
 * Remove the inner border and padding in Firefox.
 */button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}/**
 * Restore the focus styles unset by the previous rule.
 */button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}/**
 * Correct the padding in Firefox.
 */fieldset{padding:0.35em 0.75em 0.625em}/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */legend{box-sizing:border-box;/* 1 */color:inherit;/* 2 */display:table;/* 1 */max-width:100%;/* 1 */padding:0;/* 3 */white-space:normal/* 1 */}/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */progress{vertical-align:baseline}/**
 * Remove the default vertical scrollbar in IE 10+.
 */textarea{overflow:auto}/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */[type="checkbox"],[type="radio"]{box-sizing:border-box;/* 1 */padding:0/* 2 */}/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */[type="search"]{-webkit-appearance:textfield;/* 1 */outline-offset:-2px/* 2 */}/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */[type="search"]::-webkit-search-decoration{-webkit-appearance:none}/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */::-webkit-file-upload-button{-webkit-appearance:button;/* 1 */font:inherit/* 2 */}/* Interactive
   ========================================================================== *//*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */details{display:block}/*
 * Add the correct display in all browsers.
 */summary{display:list-item}/* Misc
   ========================================================================== *//**
 * Add the correct display in IE 10+.
 */template{display:none}/**
 * Add the correct display in IE 10.
 */[hidden]{display:none}
 @media screen and (min-width: 751px){
     .display-sp{display:none}
    }
 @media screen and (max-width: 750px){
     .display-pc{display:none}
    }
 body{font-family:'Noto Sans JP',sans-serif;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";background:#faf9f7}
 @media screen and (min-width: 751px){
     body{padding:6px 0;position:relative}
     body:before{top:0}
     body:after{bottom:0}
    }
 .is-modal{overflow-y:hidden}
 img{display:block;width:100%;height:auto}
 @media all and (-ms-high-contrast: none){
     svg{display:block;width:100%}
    }
 @-moz-document url-prefix(){
     svg{display:block;width:100%;height:auto}
    }
 @media screen and (-webkit-min-device-pixel-ratio: 0){
     svg{display:block;width:100%;height:auto}
    }
 .inner{max-width:1280px;margin:0 0 0 0;padding:.1px 0}
 header{padding:45px 0 0 0;margin:0 0 40px}
 header .logo{width:210px;margin:0 0 0 114px}
 @media screen and (max-width: 750px){
     header{width:80vw;padding:14.4vw 0 0 0;margin:0 auto 9.86667vw}
     header .logo{width:33.33333vw;margin:0 auto;position:relative}
    }
 nav{margin:90px 70px 0 0;position:fixed;top:0;right:0;z-index:10}
 nav .nav{margin:0 0 0 0;padding:0 0 0 0}
 nav .nav li{display:inline-block;margin:0 0 0 0}
 nav .nav li a{display:inline-block;color:#000;font-size:13px;font-weight:300;text-decoration:none;padding:115px 1.5em 0;position:relative}
 nav .nav .nav--contact a{padding-left:0.9em;padding-right: 0.9em}

nav .nav li a:after{
  content:"";
  display:block;
  background-size:100% auto;
  position:absolute;
  top:0;
  left:50%;
  -webkit-transform:translate(-50%, 0%) scale(1);
  transform:translate(-50%, 0%) scale(1);
  -webkit-transition:all cubic-bezier(0.17, 0.67, 0.27, 0.99) 0.3s;
  transition:all cubic-bezier(0.17, 0.67, 0.27, 0.99) 0.3s;
  width:80px;
  height:80px;
  margin:2px 0 0 0
}
 @media screen and (min-width: 751px){
     nav .nav li a:hover:after{-webkit-transform:translate(-50%, 50%) scale(1);transform:translate(-50%, 30%) scale(1)}
    }
 nav .nav--facebook a:after{
  background:url("../images/common/icon_sns_fb.svg") 0 0 no-repeat;
}
 nav .nav--instagram a:after{
  background:url("../images/common/icon_sns_ig.svg") 0 0 no-repeat;
}
 nav .nav--contact a:after{
  background:url("../images/common/icon_sns_ct.svg") 0 0 no-repeat;
}
 @media screen and (max-width: 750px){
     nav{margin:0 0 0 0;position:relative}
     nav .nav{width:80vw;margin:0 auto 17.33333vw;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;padding:0 0 0 0}
     nav .nav li{display:block;width:calc( 100% / 3)}
     nav .nav li a{display:block;text-align:center;font-size:3.73333vw;font-weight:400;padding:15vw 0 0 0 !important}
     .nav .nav--facebook a:after{width:50px;height:50px;margin:2px 0 0 0}
     .nav .nav--instagram a:after{width:50px;height:50px;margin:2px 0 0 0}
     .nav .nav--contact a:after{width:50px;height:50px;margin:2px 0 0 0}
    }
 footer .inner{max-width:inherit;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:end;align-items:flex-end;margin:36px 40px}
 footer .left-block{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}
 footer .logo{margin:0 12px 0 0;width:80px;}
 footer .copyright{font-size:11px;font-weight:300;margin:0 0 0 0}
 @media screen and (max-width: 750px){
     footer{padding:0 0 4.26667vw}
     footer .inner{width:80vw;display:block;margin:0 auto}
     footer .left-block{display:block}
     footer .logo{width:26.4vw;margin:0 auto 9.6vw}
     footer .copyright{font-size:3.2vw;text-align:center}
    }
 .wait,.waiting{opacity:0}
 .animation,.animating{-webkit-animation:up cubic-bezier(0.17, 0.67, 0.27, 0.99) 0.3s both;animation:up cubic-bezier(0.17, 0.67, 0.27, 0.99) 0.3s both}
 @-webkit-keyframes up{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}}
 @keyframes up{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}}
 @-webkit-keyframes kirakira{0%{opacity:.7;-webkit-transform:scale(0.8);transform:scale(0.8)}50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:.7;-webkit-transform:scale(0.8);transform:scale(0.8)}}
 @keyframes kirakira{0%{opacity:.7;-webkit-transform:scale(0.8);transform:scale(0.8)}50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:.7;-webkit-transform:scale(0.8);transform:scale(0.8)}}
 @-webkit-keyframes scale_down{0%{opacity:0;-webkit-transform:scale(8);transform:scale(8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
 @keyframes scale_down{0%{opacity:0;-webkit-transform:scale(8);transform:scale(8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
 @-webkit-keyframes slide_down{0%{opacity:0;-webkit-transform:translate(0%, -100%);transform:translate(0%, -100%)}100%{opacity:1;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%)}}
 @keyframes slide_down{0%{opacity:0;-webkit-transform:translate(0%, -100%);transform:translate(0%, -100%)}100%{opacity:1;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%)}}
 @-webkit-keyframes right-to-left{0%{opacity:0;-webkit-transform:translate(100%, 0px);transform:translate(100%, 0px)}100%{opacity:1;-webkit-transform:translate(0%, 0px);transform:translate(0%, 0px)}}
 @keyframes right-to-left{0%{opacity:0;-webkit-transform:translate(100%, 0px);transform:translate(100%, 0px)}100%{opacity:1;-webkit-transform:translate(0%, 0px);transform:translate(0%, 0px)}}
 @-webkit-keyframes left-to-right{0%{opacity:0;-webkit-transform:translate(-100%, 0px);transform:translate(-100%, 0px)}100%{opacity:1;-webkit-transform:translate(0%, 0px);transform:translate(0%, 0px)}}
 @keyframes left-to-right{0%{opacity:0;-webkit-transform:translate(-100%, 0px);transform:translate(-100%, 0px)}100%{opacity:1;-webkit-transform:translate(0%, 0px);transform:translate(0%, 0px)}}
 #top .lead{font-size:14px;font-weight:300;line-height:2;letter-spacing:0.1em;margin:80px 0 80px 114px}
 @media screen and (max-width: 750px){
     #top .lead{width:80vw;font-size:3.73333vw;margin:0 auto 10.66667vw}
    }
 #top .news{display:-webkit-box;display:flex;flex-wrap:wrap;margin:0 0 120px 74px}
 #top .news-box{width:360px;margin:0 0 20px 20px;box-sizing:border-box;position:relative}
 #top .news-box-pined.news-box a{color:#5a5a5a;background:#eeece5}
 #top .news-box-pined.news-box:after{content:"PIN";display:block;color:#d2cdbb;-webkit-font-feature-settings:unset;font-feature-settings:unset;font-size:13px;font-weight:bold;line-height:2;background:url("../images/top/pin.svg") calc( 100% - 10px) center no-repeat;background-size:17px auto;border:1px solid #d2cdbb;box-sizing:border-box;margin:20px 0 0 -20px;padding:0 30px 0 10px;position:absolute;top:0;left:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(-90deg) translateX(-100%);transform:rotate(-90deg) translateX(-100%)}
 #top .news-box a{display:block;color:#5a5a5a;font-weight:500;text-decoration:none;background:#faf9f7;padding:20px}
 @media screen and (min-width: 751px){
     #top .news-box a .news--thumb{overflow:hidden}
     #top .news-box a .news--thumb img{-webkit-transition:all cubic-bezier(0.17, 0.67, 0.27, 0.99) 1s;transition:all cubic-bezier(0.17, 0.67, 0.27, 0.99) 1s}
     #top .news-box a:hover .news--thumb img{-webkit-transform:scale(1.05);transform:scale(1.05)}
    }
 #top .news--thumb{margin:0 0 16px 0;position:relative}
 #top .news--thumb:after{content:"";color:#fff;font-size:13px;line-height:1.93;padding:0 1em;position:absolute;top:0;right:0;z-index:1}
 #top .news--thumb img{position:relative;z-index:0;}
 #top .news-note .news--thumb:after{content:"note";background:#41c8b3}
 #top .news-link .news--thumb:after{content:"YouTube";background:#DA1725}
 #top .news-instagram .news--thumb:after{content:"Instagram";background:#b56cb2}
 #top .news-facebook .news--thumb:after{content:"Facebook";background:#4267B2}

 #top .news-joining .news--thumb:after{content:"Joining";background:#CCCC00}
 #top .news-sponsor .news--thumb:after{content:"Sponsor";background:#87ceeb}
 
 #top .news-info{margin:0 0 8px 0}
 #top .news-info--date{font-size:12px}
 #top .news-info--category{font-size:12px;margin:0 0 0 1em}
 #top .news--txt{font-size:14px;line-height:1.5;letter-spacing:0.1em;margin:0 0 0 0}
 @media screen and (max-width: 750px){
     #top .news{display:block;margin:0 0 0 0}
     #top .news-box{width:100%;margin:0 0 0 0}
     #top .news-box-pined.news-box:after{font-size:2.66667vw;background:url("../images/top/pin.svg") calc( 100% - 1.7vw) 1.6vw no-repeat;background-size:3.73333vw auto;margin:10.66667vw 0 0 4.66667vw;padding:0 5.86667vw 0 2.13333vw;box-sizing:inherit;-webkit-transform:rotate(-90deg) translateX(-100%);transform:rotate(-90deg) translateX(-100%)}
     #top .news-box a{padding:10.66667vw 14vw}
     #top .news--thumb{margin:0 0 3.73333vw 0}
     #top .news--thumb:after{font-size:2.93333vw;line-height:1.91}
     #top .news-info{margin:0 0 2.13333vw 0}
     #top .news-info--date{font-size:2.93333vw}
     #top .news-info--category{font-size:2.93333vw}
     #top .news--txt{font-size:3.73333vw;line-height:1.61}
    }
 #top .more{display:none}
 @media screen and (max-width: 750px){
     #top .more{display: block !important;margin:10.66667vw 0 26.66667vw 0;position:relative}
     #top .more-content{display:none}
     #top .more--btn{width:26.66667vw;background:url("../images/top/arrow_more.svg") 0 0 no-repeat;background-size:100% auto;margin:0 auto;padding:7.6vw 0 0 0;position:relative}
     #top .more--btn:after{content:"MORE";display:block;width:100%;font-size:2.93333vw;text-align:center;position:absolute;left:0;bottom:-1.5em}
     #top .more--open .more--btn{color:#faf9f7;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
    }
 #top .visual{width:100%;padding:56.25% 0 0 0;position:relative}
 #top .visual--img{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;-webkit-transition:opacity .7s linear;transition:opacity .7s linear}
 #top .visual--img-visible{-webkit-transition:opacity .7s linear .7s;transition:opacity .7s linear .7s;opacity:1;z-index:1}
 @media screen and (max-width: 750px){
     #top .visual{margin:26.66667vw 0 16vw;padding: 99.25% 0 0 0;overflow: hidden;}
     #top .visual img{width: 168%;}
    }