@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);/*
 Theme Name: Beyond2023
 Theme URI: http://underscores.me/
 Author: Underscores.me
 Author URI: http://underscores.me/
 Description: Description
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Text Domain: Beyond2023
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 This theme, like WordPress, is licensed under the GPL.
 Use it to make something cool, have fun, and share what you've learned.
 Beyond2023 is based on Underscores https://underscores.me/, (C) 2012-2023 Automattic, Inc.
 Underscores is distributed under the terms of the GNU GPL v2 or later.
 Normalizing styles have been helped along thanks to the fine work of
 Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
 */
 html {
   color: #000;
   background: #FFF;
 }
 
 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
   margin: 0;
   padding: 0;
 }
 
 table {
   border-collapse: collapse;
   border-spacing: 0;
 }
 
 fieldset, img {
   border: 0;
 }
 
 address, caption, cite, code, dfn, em, strong, th, var {
   font-style: normal;
   font-weight: normal;
 }
 
 ol, ul {
   list-style: none;
 }
 
 caption, th {
   text-align: left;
 }
 
 h1, h2, h3, h4, h5, h6 {
   font-size: 100%;
   font-weight: normal;
 }
 
 q:before, q:after {
   content: "";
 }
 
 abbr, acronym {
   border: 0;
   font-variant: normal;
 }
 
 sup {
   vertical-align: text-top;
 }
 
 sub {
   vertical-align: text-bottom;
 }
 
 input, textarea, select {
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
   *font-size: 100%;
 }
 
 legend {
   color: #000;
 }
 
 #yui3-css-stamp.cssreset {
   display: none;
 }
 
 /* font */
 .hidden_pc {
   display: none !important;
 }
 
 @media screen and (max-width: 769px) {
   .hidden_sp {
     display: none !important;
   }
   .hidden_pc {
     display: inline-block !important;
   }
 }
 * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }
 
 body {
   position: relative;
   counter-reset: number 0;
   background: #141414;
   colo: white;
 }
 
 .wrapper {
   max-width: 1340px;
   width: 100%;
   margin: 0 auto;
 }
 
 @media screen and (max-width: 769px) {
   .wrapper {
     width: 94%;
     margin: 0 auto;
   }
 }
 *:hover {
   transition: all 0.7s;
 }
 
 .container {
   display: flex;
   justify-content: space-evenly;
 }
 @media screen and (max-width: 769px) {
   .container {
     flex-wrap: wrap;
   }
   .container .item {
     max-width: 100%;
     width: 100%;
   }
 }
 section {
   padding: 100px 0;
 }
 section .title {
   position: relative;
   height: 80px;
   margin-bottom: 60px;
 }
 section .title .under {
   position: absolute;
   z-index: 0;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   font-size: 8rem;
   color: #00FFE9;
   font-style: italic;
   text-align: center;
   opacity: 0.2;
 }
 section .title h2 {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   font-size: 3rem;
   text-align: center;
   font-weight: 700;
 }
 
 @media screen and (max-width: 769px) {
   section {
     padding: 70px 0;
   }
   section .title {
     position: relative;
     height: 50px;
   }
   section .title .under {
     position: absolute;
     z-index: 0;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     font-size: 7rem;
     color: #00FFE9;
     font-style: italic;
     text-align: center;
     opacity: 0.2;
   }
   section .title h2 {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     font-size: 2.8rem;
     line-height: 40px;
     text-align: center;
     font-weight: 700;
   }
   .margin_free {
     padding-bottom: 0;
   }
 }
 .margin_free {
   padding-bottom: 0;
 }
 
 /* font */
 .hidden_pc {
   display: none !important;
 }
 
 @media screen and (max-width: 769px) {
   .hidden_sp {
     display: none !important;
   }
   .hidden_pc {
     display: inline-block !important;
   }
 }
 * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }
 
 body {
   position: relative;
   counter-reset: number 0;
   background: #141414;
   colo: white;
 }
 
 .wrapper {
   max-width: 1340px;
   width: 100%;
   margin: 0 auto;
 }
 
 @media screen and (max-width: 769px) {
   .wrapper {
     width: 94%;
     margin: 0 auto;
   }
 }
 *:hover {
   transition: all 0.7s;
 }
 
 .container {
   display: flex;
   justify-content: space-evenly;
 }
 @media screen and (max-width: 769px) {
   .container {
     flex-wrap: wrap;
   }
   .container .item {
     max-width: 100%;
     width: 100%;
   }
 }
 section {
   padding: 100px 0;
 }
 section .title {
   position: relative;
   height: 80px;
   margin-bottom: 60px;
 }
 section .title .under {
   position: absolute;
   z-index: 0;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   font-size: 8rem;
   color: #00FFE9;
   font-style: italic;
   text-align: center;
   opacity: 0.2;
 }
 section .title h2 {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   font-size: 3rem;
   text-align: center;
   font-weight: 700;
 }
 
 @media screen and (max-width: 769px) {
   section {
     padding: 70px 0;
   }
   section .title {
     position: relative;
     height: 50px;
   }
   section .title .under {
     position: absolute;
     z-index: 0;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     font-size: 7rem;
     color: #00FFE9;
     font-style: italic;
     text-align: center;
     opacity: 0.2;
   }
   section .title h2 {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     font-size: 2.8rem;
     line-height: 40px;
     text-align: center;
     font-weight: 700;
   }
   .margin_free {
     padding-bottom: 0;
   }
 }
 .margin_free {
   padding-bottom: 0;
 }
 
 html {
   font-size: 62.5%;
 }
 
 body {
   font-family: "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
   line-height: 170%;
   letter-spacing: 0.1em;
   color: white;
   font-size: 1.5rem;
   text-rendering: optimizeLegibility;
   font-feature-settings: "palt" 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 h1 {
   font-size: 3rem;
   letter-spacing: 1.5px;
   line-height: 30px;
 }
 
 h2 {
   font-size: 2.2rem;
   letter-spacing: 1.5px;
   line-height: 30px;
 }
 
 h3 {
   font-size: 1.6rem;
   letter-spacing: 1.5px;
   line-height: 30px;
 }
 
 a {
   color: inherit;
   text-decoration: none;
 }
 a:hover {
   text-decoration: none;
 }
 
 @media screen and (max-width: 769px) {
   body {
     font-size: 1.7rem;
     line-height: 30px;
   }
   h2 {
     font-size: 2.2rem;
     letter-spacing: 1.5px;
     line-height: 30px;
   }
   h3 {
     font-size: 1.8rem;
     letter-spacing: 1.5px;
     line-height: 30px;
   }
   a {
     color: inherit;
     text-decoration: none;
   }
   a:hover {
     text-decoration: none;
   }
 }
 /* font */
 .hidden_pc {
   display: none !important;
 }
 
 @media screen and (max-width: 769px) {
   .hidden_sp {
     display: none !important;
   }
   .hidden_pc {
     display: inline-block !important;
   }
 }
 * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }
 
 body {
   position: relative;
   counter-reset: number 0;
   background: #141414;
   colo: white;
 }
 
 .wrapper {
   max-width: 1340px;
   width: 100%;
   margin: 0 auto;
 }
 
 @media screen and (max-width: 769px) {
   .wrapper {
     width: 94%;
     margin: 0 auto;
   }
 }
 *:hover {
   transition: all 0.7s;
 }
 
 .container {
   display: flex;
   justify-content: space-evenly;
 }
 @media screen and (max-width: 769px) {
   .container {
     flex-wrap: wrap;
   }
   .container .item {
     max-width: 100%;
     width: 100%;
   }
 }
 section {
   padding: 100px 0;
 }
 section .title {
   position: relative;
   height: 80px;
   margin-bottom: 60px;
 }
 section .title .under {
   position: absolute;
   z-index: 0;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   font-size: 8rem;
   color: #00FFE9;
   font-style: italic;
   text-align: center;
   opacity: 0.2;
 }
 section .title h2 {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   font-size: 3rem;
   text-align: center;
   font-weight: 700;
 }
 
 @media screen and (max-width: 769px) {
   section {
     padding: 70px 0;
   }
   section .title {
     position: relative;
     height: 50px;
   }
   section .title .under {
     position: absolute;
     z-index: 0;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     font-size: 7rem;
     color: #00FFE9;
     font-style: italic;
     text-align: center;
     opacity: 0.2;
   }
   section .title h2 {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     font-size: 2.8rem;
     line-height: 40px;
     text-align: center;
     font-weight: 700;
   }
   .margin_free {
     padding-bottom: 0;
   }
 }
 .margin_free {
   padding-bottom: 0;
 }
 
 .btn {
   display: block;
   margin: 0 auto;
   padding: 11px 0;
   width: 100%;
   box-sizing: border-box;
   cursor: pointer;
   color: #00FFE9;
   max-width: 300px;
   width: 100%;
   font-size: 1.8rem;
   text-align: center;
   border: solid 1px #00FFE9;
 }
 .btn:hover {
   transition: all 0.7s;
   background: rgba(0, 255, 233, 0.8);
   color: black;
 }
 .btn.btn_middle {
   max-width: 200px;
   width: 100%;
   font-size: 1.4rem;
 }
 .btn.btn_middle:hover {
   box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
 }
 .btn.btn_white {
   background: white;
   color: #333;
 }
 .btn.btn_black {
   background: rgba(0, 0, 0, 0.8);
   color: white;
 }
 
 /* Settings - feel free to play with these */
 /**
  * This part should be set separately for each video
  * if there are multiple videos in your site.
  * I.e. '.demo-video-wrapper' is the name of this particular video
  */
 .demo-video-wrapper {
   background-image: url(https://d3k5xyayaartr5.cloudfront.net/_assets/home-video/beach-waves-loop.jpg);
 }
 
 /* Video overlay and content */
 .video-overlay {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   pointer-events: none; /* Allows right click menu on the video */
   background: rgba(0, 0, 0, 0.3);
 }
 
 .video-hero--content {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   color: #FFF;
   height: 100vh;
   text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
 }
 @media screen and (max-width: 769px) {
   .video-hero--content {
     height: 80vh;
   }
 }
 .video-hero--content img {
   display: block;
   margin: auto;
   width: 260px;
 }
 @media screen and (max-width: 769px) {
   .video-hero--content img {
     width: 200px;
   }
 }
 .video-hero--content p {
   font-size: 20px;
   margin: 0;
 }
 
 .cf:before,
 .cf:after {
   content: " ";
   display: table;
 }
 
 .cf:after {
   clear: both;
 }
 
 .page-width {
   width: 92%;
   max-width: 960px;
   margin: 0 auto;
 }
 
 #header {
   background: #2c2d33;
   padding: 2em 0;
 }
 
 #header a {
   color: #FFF;
 }
 
 .title {
   display: block;
   font-weight: bold;
   font-size: 18px;
 }
 
 .subtitle {
   display: block;
   font-weight: normal;
   font-size: 15px;
   color: #959699;
 }
 
 a:hover .subtitle {
   color: #FFF;
 }
 
 #site-title {
   float: left;
   margin: 0;
 }
 
 #content {
   padding: 40px 0;
 }
 
 /* CSS from jQuery Background Video plugin */
 /**
  * Set default positioning as a fallback for if the plugin fails
  */
 .jquery-background-video-wrapper {
   position: relative;
   overflow: hidden;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
 }
 
 .jquery-background-video {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   top: 50%;
   left: 50%;
   object-fit: contain;
   transform: translate(-50%, -50%);
 }
 
 /**
  * Fade in videos
  * Note the .js class - so non js users still
  * see the video
  */
 .js .jquery-background-video {
   opacity: 0;
   transition: opacity 300ms linear;
 }
 
 .js .jquery-background-video.is-visible {
   opacity: 1;
 }
 
 /**
  * Pause/play button
  */
 .jquery-background-video-pauseplay {
   position: absolute;
   background: transparent;
   border: none;
   box-shadow: none;
   width: 20px;
   height: 20px;
   top: 15px;
   right: 15px;
   padding: 0;
   cursor: pointer;
   outline: none !important;
 }
 
 .jquery-background-video-pauseplay span {
   display: none;
 }
 
 .jquery-background-video-pauseplay:after,
 .jquery-background-video-pauseplay:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   transition: all 0.3s ease;
 }
 
 .jquery-background-video-pauseplay.play:before {
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   border-left: 15px solid #FFF;
 }
 
 .jquery-background-video-pauseplay.pause:before,
 .jquery-background-video-pauseplay.pause:after {
   border-top: 10px solid #FFF;
   border-bottom: 10px solid #FFF;
   border-left: 5px solid #FFF;
 }
 
 .jquery-background-video-pauseplay.pause:after {
   left: 10px;
 }
 
 section#thanks {
   box-sizing: border-box;
   max-width: 480px;
   width: 92%;
   margin: 80px auto;
   padding: 0 20px;
   font-size: 95%;
   line-height: 1.8;
 }
 
 #thanks h1 {
   text-align: center;
   font-size: 28px;
   margin-bottom: 5px;
 }
 
 #thanks b {
   margin: 20px 0;
   text-align: center;
   display: block;
   font-size: 16px;
 }
 
 #thanks .btn {
   text-align: center;
   text-decoration: none;
   display: block;
   max-width: 300px;
   width: 100%;
   padding: 11px 0;
   margin: 40px auto 0;
   border: none;
   font-size: 100%;
   color: #ffffff;
   background: black;
   font-family: inherit;
   -webkit-appearance: none;
 }
 
 /* PC */
 @media screen and (min-width: 800px) {
   #thanks h1 br {
     display: none;
   }
 }
 .titlebox sub {
   font-size: 14px;
 }
 
 .ac sub {
   display: block;
   padding: 30px 0 0;
   text-align: center;
 }
 
 .ac-parent {
   position: relative;
   height: 50px;
   border-bottom: 1px solid #e0e0e0;
   background-color: none;
   color: #333;
   text-align: left;
   line-height: 50px;
   cursor: pointer;
 }
 
 /* 擬似要素で下三角形を作成 */
 .ac-parent:after {
   content: "";
   display: inline-block;
   position: absolute;
   top: 45%;
   right: 0;
   width: 8px;
   height: 8px;
   border-right: 2px solid #333;
   border-bottom: 2px solid #333;
   transform: translateY(-50%) rotate(45deg);
   transition: 0.3s;
 }
 
 dl dd.ac-child {
   display: none;
   font-size: 13px;
   border-bottom: 1px solid #d6d6d6 !important;
   padding: 20px 0;
 }
 
 /* オープン時にopenクラスを付与 */
 .ac-parent.open:after {
   transform: rotate(225deg);
 }
 
 /* font */
 .hidden_pc {
   display: none !important;
 }
 
 @media screen and (max-width: 769px) {
   .hidden_sp {
     display: none !important;
   }
   .hidden_pc {
     display: inline-block !important;
   }
 }
 * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }
 
 body {
   position: relative;
   counter-reset: number 0;
   background: #141414;
   colo: white;
 }
 
 .wrapper {
   max-width: 1340px;
   width: 100%;
   margin: 0 auto;
 }
 
 @media screen and (max-width: 769px) {
   .wrapper {
     width: 94%;
     margin: 0 auto;
   }
 }
 *:hover {
   transition: all 0.7s;
 }
 
 .container {
   display: flex;
   justify-content: space-evenly;
 }
 @media screen and (max-width: 769px) {
   .container {
     flex-wrap: wrap;
   }
   .container .item {
     max-width: 100%;
     width: 100%;
   }
 }
 section {
   padding: 100px 0;
 }
 section .title {
   position: relative;
   height: 80px;
   margin-bottom: 60px;
 }
 section .title .under {
   position: absolute;
   z-index: 0;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   font-size: 8rem;
   color: #00FFE9;
   font-style: italic;
   text-align: center;
   opacity: 0.2;
 }
 section .title h2 {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   font-size: 3rem;
   text-align: center;
   font-weight: 700;
 }
 
 @media screen and (max-width: 769px) {
   section {
     padding: 70px 0;
   }
   section .title {
     position: relative;
     height: 50px;
   }
   section .title .under {
     position: absolute;
     z-index: 0;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     font-size: 7rem;
     color: #00FFE9;
     font-style: italic;
     text-align: center;
     opacity: 0.2;
   }
   section .title h2 {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     font-size: 2.8rem;
     line-height: 40px;
     text-align: center;
     font-weight: 700;
   }
   .margin_free {
     padding-bottom: 0;
   }
 }
 .margin_free {
   padding-bottom: 0;
 }
 
 /*!
 
    HesGallery v1.5.1
 
    Copyright (c) 2018-2019 Artur Medrygal <medrygal.artur@gmail.com>
 
    Product under MIT licence
 
 */
 #hgallery {
   display: block;
   content: "";
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   background-color: rgba(0, 0, 0, 0.9);
   visibility: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   opacity: 0;
   transition: 0.3s;
   z-index: 99999;
 }
 
 .hg-disable-scrolling {
   overflow: hidden !important;
 }
 
 #hg-bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   z-index: 1;
 }
 
 #hg-bg::after {
   content: "";
   position: absolute;
   display: block;
   top: 20px;
   right: 20px;
   width: 30px;
   height: 30px;
   background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xOSA2LjQxTDE3LjU5IDUgMTIgMTAuNTkgNi40MSA1IDUgNi40MSAxMC41OSAxMiA1IDE3LjU5IDYuNDEgMTkgMTIgMTMuNDEgMTcuNTkgMTkgMTkgMTcuNTkgMTMuNDEgMTJ6Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPg==);
   background-position: center;
   background-size: contain;
   cursor: pointer;
   opacity: 0.8;
 }
 
 #hg-bg::after:hover {
   background-color: white;
 }
 
 #hgallery.open {
   visibility: visible !important;
   opacity: 1;
 }
 
 #hg-pic-cont {
   max-width: calc(70% - 40px);
   max-height: 90vh;
   cursor: default;
   z-index: 12;
   position: relative;
   background-color: white;
   transition: transform 0.3s;
   transform: scale(1);
 }
 
 #hg-pic-cont.hg-transition {
   transform: scale(0.1);
 }
 
 #hg-subtext {
   color: white !important;
   font-size: 18px !important;
   font-weight: 800;
   position: absolute;
   display: block;
   left: 5px;
   top: calc(100% + 10px) !important;
 }
 
 #hg-howmany {
   color: #aaa;
   font-size: 14px;
   position: absolute;
   display: block;
   right: 5px;
   bottom: -20px;
 }
 
 #hg-pic {
   width: auto;
   height: auto;
   min-height: 100px;
   min-width: 100px;
   max-width: 100%;
   max-height: 90vh;
   box-sizing: border-box;
   display: block;
   cursor: default;
   object-fit: contain;
   margin: -100px 0 0 !important;
   /*    border-radius: 5px;*/
 }
 
 #hg-pic:hover {
   transform: none;
   box-shadow: none;
 }
 
 #hgallery button {
   position: absolute;
   display: block;
   margin: auto 0;
   width: 60px;
   height: 60px;
   z-index: 11;
   cursor: pointer;
   background-color: transparent;
   border: 0;
   outline: 0;
   opacity: 0;
   transition: opacity 0.3s, visibility 0.3s;
   visibility: hidden;
 }
 
 #hgallery button img {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }
 
 #hgallery.open button {
   visibility: visible;
   opacity: 0.7;
 }
 
 #hgallery button:hover {
   opacity: 1;
 }
 
 #hgallery button#hg-prev {
   left: 10px;
   transform: rotate(180deg);
 }
 
 #hgallery button#hg-prev:active {
   left: 7px;
 }
 
 #hgallery button#hg-next {
   right: 10px;
 }
 
 #hgallery button#hg-next:active {
   right: 7px;
 }
 
 #hgallery #hg-prev-onpic,
 #hgallery #hg-next-onpic {
   position: absolute;
   top: 0;
   left: 0;
   width: 34%;
   height: 100%;
   cursor: pointer;
 }
 
 #hgallery #hg-next-onpic {
   right: 0;
   left: auto;
   width: 66%;
 }
 
 .hg-unvisible {
   opacity: 0 !important;
   visibility: hidden;
 }
 
 @media (max-width: 1100px) {
   #hg-pic-cont {
     max-width: calc(100% - 40px);
   }
 }
 /* font */
 .hidden_pc {
   display: none !important;
 }
 
 @media screen and (max-width: 769px) {
   .hidden_sp {
     display: none !important;
   }
   .hidden_pc {
     display: inline-block !important;
   }
 }
 * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }
 
 body {
   position: relative;
   counter-reset: number 0;
   background: #141414;
   colo: white;
 }
 
 .wrapper {
   max-width: 1340px;
   width: 100%;
   margin: 0 auto;
 }
 
 @media screen and (max-width: 769px) {
   .wrapper {
     width: 94%;
     margin: 0 auto;
   }
 }
 *:hover {
   transition: all 0.7s;
 }
 
 .container {
   display: flex;
   justify-content: space-evenly;
 }
 @media screen and (max-width: 769px) {
   .container {
     flex-wrap: wrap;
   }
   .container .item {
     max-width: 100%;
     width: 100%;
   }
 }
 section {
   padding: 100px 0;
 }
 section .title {
   position: relative;
   height: 80px;
   margin-bottom: 60px;
 }
 section .title .under {
   position: absolute;
   z-index: 0;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   font-size: 8rem;
   color: #00FFE9;
   font-style: italic;
   text-align: center;
   opacity: 0.2;
 }
 section .title h2 {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   font-size: 3rem;
   text-align: center;
   font-weight: 700;
 }
 
 @media screen and (max-width: 769px) {
   section {
     padding: 70px 0;
   }
   section .title {
     position: relative;
     height: 50px;
   }
   section .title .under {
     position: absolute;
     z-index: 0;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     font-size: 7rem;
     color: #00FFE9;
     font-style: italic;
     text-align: center;
     opacity: 0.2;
   }
   section .title h2 {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     font-size: 2.8rem;
     line-height: 40px;
     text-align: center;
     font-weight: 700;
   }
   .margin_free {
     padding-bottom: 0;
   }
 }
 .margin_free {
   padding-bottom: 0;
 }
 
 .modal {
   display: none;
   position: fixed;
   z-index: 8887;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: auto;
   background-color: rgba(0, 0, 0, 0.7);
   transition: all 1s ease-in-out;
 }
 
 .modal-container .img {
   margin-bottom: 15px;
 }
 .modal-container h2 {
   color: black;
   margin: 40px 0;
 }
 .modal-container p {
   color: black;
   margin-bottom: 10px;
   text-align: left;
   line-height: 28px;
 }
 .modal-container p:last-child {
   margin-bottom: 0;
 }
 
 .modal-content {
   background: white;
   overflow-y: auto;
   padding: 50px;
   width: 100%;
   max-width: 830px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   max-height: 1200px;
   animation: show 0.6s linear 0s;
   filter: drop-shadow(0px 0px 36px rgba(0, 0, 0, 0.5));
 }
 
 .modal-top {
   display: inline-block;
   position: absolute;
   right: 5px;
   top: 5px;
 }
 
 .modal-close {
   color: black;
   text-decoration: none;
   font-size: 4rem;
   line-height: 1;
   padding: 0 8px;
 }
 .modal-close:hover, .modal-close:focus {
   text-decoration: none;
   cursor: pointer;
 }
 
 .modal-title {
   color: #FFF;
 }
 
 @keyframes show {
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
 }
 /* font */
 .hidden_pc {
   display: none !important;
 }
 
 @media screen and (max-width: 769px) {
   .hidden_sp {
     display: none !important;
   }
   .hidden_pc {
     display: inline-block !important;
   }
 }
 * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }
 
 body {
   position: relative;
   counter-reset: number 0;
   background: #141414;
   colo: white;
 }
 
 .wrapper {
   max-width: 1340px;
   width: 100%;
   margin: 0 auto;
 }
 
 @media screen and (max-width: 769px) {
   .wrapper {
     width: 94%;
     margin: 0 auto;
   }
 }
 *:hover {
   transition: all 0.7s;
 }
 
 .container {
   display: flex;
   justify-content: space-evenly;
 }
 @media screen and (max-width: 769px) {
   .container {
     flex-wrap: wrap;
   }
   .container .item {
     max-width: 100%;
     width: 100%;
   }
 }
 section {
   padding: 100px 0;
 }
 section .title {
   position: relative;
   height: 80px;
   margin-bottom: 60px;
 }
 section .title .under {
   position: absolute;
   z-index: 0;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   font-size: 8rem;
   color: #00FFE9;
   font-style: italic;
   text-align: center;
   opacity: 0.2;
 }
 section .title h2 {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   font-size: 3rem;
   text-align: center;
   font-weight: 700;
 }
 
 @media screen and (max-width: 769px) {
   section {
     padding: 70px 0;
   }
   section .title {
     position: relative;
     height: 50px;
   }
   section .title .under {
     position: absolute;
     z-index: 0;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     font-size: 7rem;
     color: #00FFE9;
     font-style: italic;
     text-align: center;
     opacity: 0.2;
   }
   section .title h2 {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     font-size: 2.8rem;
     line-height: 40px;
     text-align: center;
     font-weight: 700;
   }
   .margin_free {
     padding-bottom: 0;
   }
 }
 .margin_free {
   padding-bottom: 0;
 }
 
 .header {
   position: fixed;
   width: 100%;
   z-index: 10;
 }
 
 .navbar {
   background: rgba(255, 255, 255, 0);
   border-bottom: 1px solid rgba(255, 255, 255, 0.15);
   /* navbar__wrapper */
   /* スクロール */
 }
 .navbar .navbar__wrapper {
   width: 90%;
   margin: 0 auto;
   /* navbar__menu */
 }
 .navbar .navbar__wrapper .navbar__menu {
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 60px;
   /* ドロップダウン */
   /* ドロップダウン終わり */
 }
 .navbar .navbar__wrapper .navbar__menu .navbar__nav {
   display: flex;
   justify-content: space-between;
   list-style: none;
 }
 .navbar .navbar__wrapper .navbar__menu ul {
   list-style: none;
   display: flex;
   justify-content: center;
 }
 .navbar .navbar__wrapper .navbar__menu ul ul {
   display: block;
 }
 .navbar .navbar__wrapper .navbar__menu ul li {
   position: relative;
 }
 .navbar .navbar__wrapper .navbar__menu ul li a {
   display: block;
   text-decoration: none;
   transition: all 0.3s;
 }
 .navbar .navbar__wrapper .navbar__menu ul li li a {
   padding: 10px 18px;
 }
 .navbar .navbar__wrapper .navbar__menu li.has-child ul {
   /*絶対配置で位置を指定*/
   position: absolute;
   left: 0;
   top: 61px;
   z-index: 4;
   /*形状を指定*/
   background: white;
   width: 230px;
   /*はじめは非表示*/
   visibility: hidden;
   opacity: 0;
   /*アニメーション設定*/
   transition: all 0.3s;
 }
 .navbar .navbar__wrapper .navbar__menu li.has-child:hover > ul, .navbar .navbar__wrapper .navbar__menu li.has-child ul li:hover > ul, .navbar .navbar__wrapper .navbar__menu li.has-child:active > ul {
   visibility: visible;
   opacity: 1;
 }
 .navbar .navbar__wrapper .navbar__menu li.has-child:last-child:hover > ul, .navbar .navbar__wrapper .navbar__menu li.has-child:last-child ul li:hover > ul, .navbar .navbar__wrapper .navbar__menu li.has-child:last-child:active > ul {
   left: -50px;
 }
 .navbar .navbar__wrapper .navbar__menu li.has-child ul li:active > ul {
   visibility: visible;
   opacity: 1;
 }
 .navbar .navbar__wrapper .navbar__menu li.has-child ul li a {
   color: black;
   border-bottom: solid 1px rgba(255, 255, 255, 0.6);
 }
 .navbar .navbar__wrapper .navbar__menu li.has-child ul li:last-child a {
   border-bottom: none;
 }
 .navbar .navbar__wrapper .navbar__menu li.has-child ul li a:hover, .navbar .navbar__wrapper .navbar__menu li.has-child ul li a:active {
   background: rgba(0, 0, 0, 0.1);
 }
 .navbar .navbar__wrapper .navbar__menu li.has-child ul ul {
   top: 0;
   left: 182px;
   background: #66ADF5;
 }
 .navbar .navbar__wrapper .navbar__menu li.has-child ul ul li a:hover, .navbar .navbar__wrapper .navbar__menu li.has-child ul ul li a:active {
   background: #448ED3;
 }
 .navbar .navbar__wrapper .navbar__link a,
 .navbar .navbar__wrapper .navbar__brand {
   display: block;
   position: relative;
   padding: 16px 8px;
   font-size: 1.35rem;
   color: white;
   letter-spacing: 0.1em;
   text-decoration: none;
   white-space: nowrap;
 }
 .navbar .navbar__wrapper .navbar__brand {
   margin: 0;
   height: 32px;
   width: 150px;
   background-image: url("img/logo_wh.png");
   background-size: cover;
 }
 .navbar.solid {
   background: white;
   border-bottom: 1px solid rgba(255, 255, 255, 0);
 }
 .navbar.solid .navbar__wrapper .navbar__link a,
 .navbar.solid .navbar__wrapper .navbar__brand {
   display: block;
   position: relative;
   padding: 16px 8px;
   font-size: 1.35rem;
   color: #333;
   letter-spacing: 0.1em;
   text-decoration: none;
   white-space: nowrap;
 }
 .navbar.solid .navbar__wrapper .navbar__brand {
   margin: 0;
   height: 32px;
   width: 150px;
   background: url("img/logo.png");
   background-size: cover;
 }
 .navbar.solid .navbar__wrapper #nav-icon3 span {
   background: #333;
 }
 .navbar.solid .after-transform a {
   position: relative;
 }
 .navbar.solid .after-transform a:after {
   content: "";
   background-color: #333;
 }
 .navbar.solid .after-transform a.active:after, .navbar.solid .after-transform a:hover:after {
   transform: scaleX(1) translateZ(0);
 }
 
 .after-transform > a {
   position: relative;
 }
 .after-transform > a:after {
   content: "";
   transition: all 0.7s ease;
   position: absolute;
   bottom: -2px;
   left: 0;
   height: 1px;
   width: 100%;
   background-color: white;
   border-radius: 3px;
   transform: scaleX(0) translateZ(0);
   transform-origin: bottom center;
 }
 .after-transform > a.active:after, .after-transform > a:hover:after {
   transform: scaleX(1) translateZ(0);
 }
 
 /*========  header SP  =========*/
 /* humberger */
 #nav-icon3 {
   width: 30px;
   height: 50%;
   position: relative;
   transform: rotate(0deg);
   transition: 0.5s ease-in-out;
   cursor: pointer;
 }
 
 #nav-icon3 span {
   display: none;
   position: absolute;
   height: 2px;
   width: 100%;
   background: white;
   border-radius: 0px;
   opacity: 1;
   left: 0;
   transform: rotate(0deg);
   transition: 0.25s ease-in-out;
 }
 #nav-icon3 span:nth-child(1) {
   top: 6px;
 }
 #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
   top: 15px;
 }
 #nav-icon3 span:nth-child(4) {
   top: 24px;
 }
 #nav-icon3.open span:nth-child(1) {
   top: 9px;
   width: 0%;
   left: 50%;
 }
 #nav-icon3.open span:nth-child(2) {
   transform: rotate(45deg);
 }
 #nav-icon3.open span:nth-child(3) {
   transform: rotate(-45deg);
 }
 #nav-icon3.open span:nth-child(4) {
   top: 9px;
   width: 0%;
   left: 50%;
 }
 
 @media screen and (max-width: 769px) {
   .navbar__nav {
     display: none !important;
   }
   #nav-icon3 span {
     display: block !important;
   }
 }
 @media (min-width: 768px) {
   .navbar__responsive {
     transform: translate3d(-100%, 0, 0) !important;
   }
 }
 .navbar-responsive {
   color: #333;
   position: absolute;
   height: 100vh;
   width: 100%;
   transform: translate3d(-100%, 0, 0);
   transition: 0.3s all ease-in-out;
 }
 .navbar-responsive:after {
   content: "";
   z-index: -1;
   left: 0;
   position: absolute;
   height: 100vh;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.9);
 }
 .navbar-responsive .navbar-responsive__nav {
   display: flex;
   width: 80%;
   flex-direction: column;
   position: absolute;
   left: 50%;
   top: 10%;
   transform: translate(-50%, -10%);
   list-style: none;
 }
 .navbar-responsive .navbar-responsive__nav .navbar-responsive__link {
   text-align: left;
   letter-spacing: 2px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }
 .navbar-responsive .navbar-responsive__nav .navbar-responsive__link:last-child {
   border: none;
 }
 .navbar-responsive .navbar-responsive__nav .navbar-responsive__link a {
   display: block;
   padding: 16px 0;
   color: white;
   font-size: 1.6rem;
   text-decoration: none;
   white-space: nowrap;
   text-align: left;
 }
 .navbar-responsive .navbar-responsive__nav .navbar-responsive__link a:after {
   bottom: 0;
   left: 0;
   background-color: #fff;
 }
 
 /* font */
 .hidden_pc {
   display: none !important;
 }
 
 @media screen and (max-width: 769px) {
   .hidden_sp {
     display: none !important;
   }
   .hidden_pc {
     display: inline-block !important;
   }
 }
 * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }
 
 body {
   position: relative;
   counter-reset: number 0;
   background: #141414;
   colo: white;
 }
 
 .wrapper {
   max-width: 1340px;
   width: 100%;
   margin: 0 auto;
 }
 
 @media screen and (max-width: 769px) {
   .wrapper {
     width: 94%;
     margin: 0 auto;
   }
 }
 *:hover {
   transition: all 0.7s;
 }
 
 .container {
   display: flex;
   justify-content: space-evenly;
 }
 @media screen and (max-width: 769px) {
   .container {
     flex-wrap: wrap;
   }
   .container .item {
     max-width: 100%;
     width: 100%;
   }
 }
 section {
   padding: 100px 0;
 }
 section .title {
   position: relative;
   height: 80px;
   margin-bottom: 60px;
 }
 section .title .under {
   position: absolute;
   z-index: 0;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   font-size: 8rem;
   color: #00FFE9;
   font-style: italic;
   text-align: center;
   opacity: 0.2;
 }
 section .title h2 {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   font-size: 3rem;
   text-align: center;
   font-weight: 700;
 }
 
 @media screen and (max-width: 769px) {
   section {
     padding: 70px 0;
   }
   section .title {
     position: relative;
     height: 50px;
   }
   section .title .under {
     position: absolute;
     z-index: 0;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     font-size: 7rem;
     color: #00FFE9;
     font-style: italic;
     text-align: center;
     opacity: 0.2;
   }
   section .title h2 {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     font-size: 2.8rem;
     line-height: 40px;
     text-align: center;
     font-weight: 700;
   }
   .margin_free {
     padding-bottom: 0;
   }
 }
 .margin_free {
   padding-bottom: 0;
 }
 
 #foot_toppage {
   padding: 20px 0;
   color: #8D8D8D;
   text-align: center;
   font-weight: 500;
   background: #EAEAEA;
 }
 #foot_toppage:hover {
   background: #888;
   color: white;
 }
 
 footer {
   background: #222;
   color: #8D8D8D;
   /* ===============  縦  ===============*/
 }
 footer.foot_vertical {
   padding: 50px 0 10px;
 }
 footer.foot_vertical h3 {
   font-size: 1.6rem;
   font-weight: 800;
   margin-bottom: 30px;
 }
 footer.foot_vertical .item {
   font-size: 1.4rem;
 }
 footer.foot_vertical .item ul li:before {
   content: "\f105";
   margin: 0 8px 0 8px;
   color: #b7b7b7;
   font-family: FontAwesome;
 }
 footer.foot_vertical .item ul li:first-child:before {
   display: inline;
 }
 footer.foot_vertical .item h4 {
   font-size: 1.5rem;
   font-weight: 700;
   margin-bottom: 10px;
 }
 footer.foot_vertical ul.list {
   text-align: center;
 }
 footer.foot_vertical ul.list li {
   display: inline-block;
   padding: 0 6px;
   font-size: 1.3rem;
 }
 footer.foot_vertical .logo {
   margin: 50px auto 30px;
   max-width: 270px;
   width: 100%;
   display: block;
 }
 footer .copyright {
   text-align: center;
   font-size: 10px;
   opacity: 0.7;
   padding-top: 20px;
 }
 
 @media screen and (max-width: 769px) {
   footer.foot_vertical {
     padding: 40px 0 10px;
   }
   footer.foot_vertical h3 {
     font-size: 1.8rem;
     font-weight: 800;
     margin-bottom: 30px;
   }
   footer.foot_vertical .item {
     font-size: 1.4rem;
     line-height: 30px;
     width: 90%;
     margin: 20px auto;
   }
   footer.foot_vertical .item ul li:before {
     content: "-";
     margin: 0 8px 0 8px;
     color: #b7b7b7;
     font-weight: 100;
     vertical-align: middle;
   }
   footer.foot_vertical .item ul li:first-child:before {
     display: inline;
   }
   footer.foot_vertical .item h4 {
     font-size: 1.6rem;
     font-weight: 700;
     margin-bottom: 10px;
   }
   footer.foot_vertical ul.list {
     text-align: center;
   }
   footer.foot_vertical ul.list li {
     display: inline-block;
     padding: 0 6px;
     font-size: 1.25rem;
   }
   footer.foot_vertical .logo {
     margin: 40px auto;
     max-width: 270px;
     width: 100%;
     display: block;
   }
   footer .copyright {
     text-align: center;
     font-size: 10px;
     opacity: 0.7;
     padding-top: 20px;
   }
 }
 /* font */
 .hidden_pc {
   display: none !important;
 }
 
 @media screen and (max-width: 769px) {
   .hidden_sp {
     display: none !important;
   }
   .hidden_pc {
     display: inline-block !important;
   }
 }
 * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }
 
 body {
   position: relative;
   counter-reset: number 0;
   background: #141414;
   colo: white;
 }
 
 .wrapper {
   max-width: 1340px;
   width: 100%;
   margin: 0 auto;
 }
 
 @media screen and (max-width: 769px) {
   .wrapper {
     width: 94%;
     margin: 0 auto;
   }
 }
 *:hover {
   transition: all 0.7s;
 }
 
 .container {
   display: flex;
   justify-content: space-evenly;
 }
 @media screen and (max-width: 769px) {
   .container {
     flex-wrap: wrap;
   }
   .container .item {
     max-width: 100%;
     width: 100%;
   }
 }
 section {
   padding: 100px 0;
 }
 section .title {
   position: relative;
   height: 80px;
   margin-bottom: 60px;
 }
 section .title .under {
   position: absolute;
   z-index: 0;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   font-size: 8rem;
   color: #00FFE9;
   font-style: italic;
   text-align: center;
   opacity: 0.2;
 }
 section .title h2 {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   font-size: 3rem;
   text-align: center;
   font-weight: 700;
 }
 
 @media screen and (max-width: 769px) {
   section {
     padding: 70px 0;
   }
   section .title {
     position: relative;
     height: 50px;
   }
   section .title .under {
     position: absolute;
     z-index: 0;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     font-size: 7rem;
     color: #00FFE9;
     font-style: italic;
     text-align: center;
     opacity: 0.2;
   }
   section .title h2 {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     font-size: 2.8rem;
     line-height: 40px;
     text-align: center;
     font-weight: 700;
   }
   .margin_free {
     padding-bottom: 0;
   }
 }
 .margin_free {
   padding-bottom: 0;
 }
 
 .news_head {
   position: absolute;
   z-index: 1;
   top: 60px;
   width: 100%;
   height: 38px;
   padding: 7px 0;
   background: rgba(0, 0, 0, 0.5);
   color: white;
   text-align: center;
 }
 
 header {
   position: relative;
   z-index: 0;
 }
 header .slider {
   overflow: hidden;
 }
 header .slider .slider_image {
   padding: 100px 0 60px;
   position: relative;
   z-index: 1;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: auto;
   height: auto;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
 }
 header .slider .slider_image img {
   width: 680px;
 }
 header .slider .slider_image b {
   font-size: 2.4rem;
   line-height: 38px;
   color: white;
   text-align: center;
 }
 header .slider .slider_image b span {
   color: #00FFE9;
   font-style: italic;
   font-size: 3rem;
 }
 header .slider .slider_image .container {
   margin-top: 15px;
   color: white;
   font-size: 2rem;
   font-weight: 800;
   color: #B7B7B7;
 }
 header .slider .slider_image .container p:after {
   display: inline-block;
   content: "|";
   margin: 0 10px;
   font-weight: 100;
 }
 header .slider .slider_image .container p:last-child:after {
   display: none;
 }
 header .slider .slider_image .btn {
   display: block;
   margin: 30px auto 0;
 }
 header .slider .slider_image .small {
   margin: 20px 0 0;
   font-size: 1.2rem;
   color: #999;
 }
 header .slider .slider_image .logo_rsrab {
   width: 250px;
 }
 header .slider .slider_image:nth-child(1) {
   background-image: url("img/top/slider_1.jpg");
 }
 header .slider .slider_image:nth-child(2) {
   background-image: url("img/top/slider_2.jpg");
 }
 header .slider .slider_image:nth-child(3) {
   background-image: url("img/top/slider_3.jpg");
 }
 
 @media screen and (max-width: 769px) {
   .news_head {
     position: absolute;
     z-index: 1;
     font-size: 1.5rem;
     top: 60px;
     width: 100%;
     height: 42px;
     padding: 8px 0;
     background: rgba(0, 0, 0, 0.8);
     color: white;
     text-align: center;
   }
   header {
     position: relative;
     z-index: 0;
   }
   header .slider {
     overflow: hidden;
   }
   header .slider .slider_image {
     padding: 120px 0 40px;
     display: flex;
     justify-content: center;
     align-items: center;
     width: auto;
     height: auto;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
   }
   header .slider .slider_image:nth-child(1) {
     background-image: url("img/top/slider_sp_1.jpg");
   }
   header .slider .slider_image:nth-child(2) {
     background-image: url("img/top/slider_sp_2.jpg");
   }
   header .slider .slider_image:nth-child(3) {
     background-image: url("img/top/slider_sp_3.jpg");
   }
   header .slider .slider_image img {
     width: 100%;
     margin: 0 auto 15px;
   }
   header .slider .slider_image b {
     font-size: 2rem;
     line-height: 30px;
     color: white;
     text-align: center;
   }
   header .slider .slider_image b span {
     color: #00FFE9;
     font-style: italic;
     font-size: 3rem;
   }
   header .slider .slider_image .container {
     margin-top: 15px;
     color: white;
     font-size: 2rem;
     font-weight: 800;
     color: #B7B7B7;
   }
   header .slider .slider_image .container p {
     font-size: 1.8rem;
   }
   header .slider .slider_image .container p:after {
     display: inline-block;
     content: "|";
     margin: 0 3px;
     font-weight: 100;
   }
   header .slider .slider_image .container p:last-child:after {
     display: none;
   }
   header .slider .slider_image .btn {
     display: block;
     margin: 40px auto 0;
   }
   header .slider .slider_image .small {
     margin: 20px 0 0;
     font-size: 1.2rem;
     color: #999;
   }
   header .slider .slider_image .logo_rsrab {
     width: 200px;
   }
 }
 #news_top {
   padding: 30px 0 40px;
 }
 #news_top .container h2 {
   font-size: 4.4rem;
   font-style: italic;
   font-weight: 500;
 }
 #news_top .container p {
   margin-top: 20px;
 }
 #news_top .container .item_news {
   max-width: 800px;
   width: 100%;
 }
 #news_top .container ul li {
   width: 100%;
   padding: 10px 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 }
 #news_top .container ul li .date {
   font-size: 1.2rem;
   color: #00FFE9;
   display: inline-block;
   width: 100px;
 }
 #news_top .container ul li a:hover {
   color: #00FFE9;
 }
 #news_top .container ul li a {
   display: inline-block;
   max-width: 700px;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   vertical-align: middle;
 }
 #news_top .view_all{
   display: block;
   margin-top: 20px;
   color: #00FFE9;
 }
 
 @media screen and (max-width: 769px) {
   #news_top .container h2 {
     text-align: center;
     font-size: 4.4rem;
     font-style: italic;
     font-weight: 500;
   }
   #news_top .container p {
     text-align: center;
     margin-top: 20px;
   }
   #news_top .container .item_news {
     max-width: 800px;
     width: 100%;
   }
   #news_top .container ul li {
     width: 100%;
     padding: 14px 0;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   }
   #news_top .container ul li .date {
     margin: 0 0 10px;
     display: block;
     font-size: 1.3rem;
     color: #00FFE9;
     display: inline-block;
     width: 100px;
   }
   #news_top .container ul li a:hover {
     color: #00FFE9;
   }
   #news_top .container ul li a {
     font-size: 1.7rem;
     display: inline-block;
     max-width: 400px;
     width: 100%;
     overflow: hidden;
     white-space: inherit;
     vertical-align: middle;
     line-height: 1.5;
     height: 51px;
   }
   #news_top .view_all{
      display: block;
      text-align: center;
      margin-top: 20px;
      color: #00FFE9;
    }
   
 }
 #festa {
   background-image: url("img/top/bg_festa.png");
   background-position: center;
   background-size: contain;
 }
 #festa h2 {
   font-size: 3rem;
   line-height: 45px;
   text-align: center;
   font-weight: 700;
   margin-bottom: 40px;
 }
 #festa p {
   text-align: center;
   line-height: 40px;
   letter-spacing: 2px;
 }
 
 @media screen and (max-width: 769px) {
   #festa {
     background-size: cover;
   }
 }
 #strategy .container .item {
   max-width: 30%;
   width: 100%;
 }
 #strategy .container .item img {
   width: 100%;
 }
 #strategy .container .item h3 {
   font-size: 2.3rem;
   font-weight: 700;
   color: #00FFE9;
   text-align: center;
   margin: 20px 0 10px;
 }
 #strategy .container .item b {
   display: block;
   text-align: center;
   font-size: 1.7rem;
 }
 #strategy .container .item p {
   margin-top: 20px;
 }
 
 @media screen and (max-width: 769px) {
   #strategy .container {
     width: 100%;
     overflow: hidden;
   }
   #strategy .container .item {
     max-width: 80%;
     width: 100%;
   }
   #strategy .container .item img {
     width: 100%;
   }
   #strategy .container .item h3 {
     font-size: 2.6rem;
     font-weight: 700;
     color: #00FFE9;
     text-align: center;
     margin: 30px 0 15px;
   }
   #strategy .container .item b {
     display: block;
     text-align: center;
     font-size: 2.1rem;
   }
   #strategy .container .item p {
     margin-top: 20px;
   }
 }
 #training {
   padding: 0;
 }
 #training .wrapper {
   justify-content: space-around;
   max-width: 1100px;
   background: #2C2C2C;
   padding: 50px 30px;
   border-radius: 10px;
 }
 #training .wrapper .item_img {
   width: 36%;
 }
 #training .wrapper .item_img img {
   width: 100%;
 }
 #training .wrapper .item {
   width: 55%;
 }
 #training .wrapper .item h2 {
   color: #00FFE9;
   font-weight: 600;
   font-size: 1.9rem;
 }
 #training .wrapper .item .title_p {
   margin: 10px 0 20px;
   font-weight: 700;
   font-size: 2.3rem;
 }
 #training .wrapper .item dl {
   display: flex;
   font-weight: 500;
 }
 #training .wrapper .item dl dt {
   width: 60px;
   padding: 3px 0;
   color: #999;
 }
 #training .wrapper .item dl dd {
   width: calc(100% - 100px);
   padding: 3px 0;
 }
 #training .wrapper .item .btn {
   margin: 20px 0 0;
   background: black;
   font-weight: bold;
   border: none;
   font-size: 1.5rem;
 }
 #training .wrapper .item .btn.disabled {
   opacity: 0.3;
   pointer-events: none;
   color: white;
 }
 #training .wrapper .item .btn.disabled:hover {
   background: inherit;
 }
 #training .wrapper .item .btn:hover {
   background: #00FFE9;
 }
 
 @media screen and (max-width: 769px) {
   #training {
     padding: 0;
   }
   #training .wrapper {
     justify-content: space-around;
     max-width: 90%;
     background: #2C2C2C;
     padding: 36px;
     border-radius: 10px;
   }
   #training .wrapper .item_img {
     width: 100%;
   }
   #training .wrapper .item_img img {
     width: 100%;
     margin-bottom: 10px;
   }
   #training .wrapper .item {
     width: 100%;
   }
   #training .wrapper .item h2 {
     color: #00FFE9;
     font-weight: 600;
     font-size: 2rem;
   }
   #training .wrapper .item .title_p {
     margin: 10px 0 20px;
     font-weight: 700;
     font-size: 2.5rem;
     line-height: 40px;
   }
   #training .wrapper .item dl {
     display: flex;
     font-weight: 500;
   }
   #training .wrapper .item dl dt {
     width: 60px;
     padding: 3px 0;
     color: #999;
   }
   #training .wrapper .item dl dd {
     width: calc(100% - 60px);
     padding: 3px 0;
   }
   #training .wrapper .item .btn {
     margin: 20px 0 0;
     background: black;
     font-weight: bold;
     border: none;
     font-size: 1.5rem;
   }
   #training .wrapper .item .btn:hover {
     background: #00FFE9;
   }
 }
 #poster_gallery {
   background-image: url("img/top/bg_poster.jpg");
   background-size: cover;
   background-position: bottom;
 }
 #poster_gallery img {
   width: 19%;
 }
 
 #hgallery {
   color: red;
 }
 
 @media screen and (max-width: 769px) {
   #poster_gallery {
     background-image: url("img/top/bg_poster.jpg");
     background-size: cover;
     background-position: bottom;
   }
   #poster_gallery img {
     width: 32%;
   }
 }
 #outline {
   padding-bottom: 0;
 }
 #outline .wrapper {
   max-width: 700px;
 }
 #outline .wrapper dl {
   display: flex;
   padding: 10px 0;
   font-size: 1.6rem;
   line-height: 34px;
   font-weight: 600;
 }
 #outline .wrapper dl dt {
   width: 150px;
   font-size: 1.5rem;
   color: #00FFE9;
 }
 #outline .wrapper dl dd {
   width: calc(100% - 170px);
 }
 #outline .wrapper dl dd small {
   display: block;
   font-size: 1.2rem;
   line-height: 20px;
   color: #999;
   font-weight: 400;
 }
 #outline .wrapper dl a {
   color: white;
   text-decoration: underline;
 }
 #outline iframe {
   width: 100%;
   margin: 50px 0 0;
 }
 
 @media screen and (max-width: 769px) {
   #outline .wrapper {
     max-width: inherit;
     width: 90%;
   }
   #outline .wrapper dl {
     display: flex;
     flex-wrap: wrap;
     padding: 10px 0;
     font-size: 1.6rem;
     line-height: 34px;
     font-weight: 600;
   }
   #outline .wrapper dl dt {
     width: 100%;
     font-size: 1.5rem;
     color: #00FFE9;
   }
   #outline .wrapper dl dd {
     width: 100%;
   }
   #outline .wrapper dl dd small {
     display: block;
     font-size: 1.2rem;
     line-height: 20px;
     color: #999;
     font-weight: 400;
   }
   #outline .wrapper dl a {
     color: white;
     text-decoration: underline;
   }
 }
 #entry .container {
   justify-content: center;
 }
 #entry .container .item {
   max-width: 600px;
   width: 100%;
   border-radius: 10px;
   padding: 80px 20px 60px;
   margin: 0 15px;
   background-color: black;
   background-position: center;
   background-repeat: no-repeat;
   text-align: center;
 }
 #entry .container .item a.link {
   text-decoration: underline;
 }
 #entry .container .item.item_entry {
   background-size: cover;
   background-image: url("img/top/bg_item_entry.png");
 }
 #entry .container .item.item_bus {
   background-size: contain;
   background-image: url("img/top/bg_item_bus.png");
 }
 #entry .container .item .btn {
   margin-bottom: 20px;
 }
 #entry .container .item .btn_entry {
   background: #00FFE9;
   color: black;
   font-weight: bold;
 }
 #entry .container .item button {
   font-size: 1.5rem;
   color: white;
   background-color: transparent;
   border: none;
   cursor: pointer;
   outline: none;
   padding: 0 5px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.5);
 }
 #entry .container_second {
   justify-content: center;
 }
 #entry .container_second .entry_cont {
   display: block;
   max-width: 360px;
   width: 100%;
   border-radius: 10px;
   margin: 40px 15px 0;
   padding: 50px 20px;
   border: solid 1px #00FFE9;
   background: rgba(0, 0, 0, 0.4);
   color: #00FFE9;
   font-size: 1.8rem;
   text-align: center;
 }
 #entry .container_second .entry_cont:hover {
   background: #00FFE9;
   color: black;
 }
 
 @media screen and (max-width: 769px) {
   #entry .container .item {
     max-width: 600px;
     width: 90%;
     border-radius: 10px;
     padding: 70px 20px 50px;
     margin: 10px 0;
     background-color: black;
     background-position: center;
     background-repeat: no-repeat;
     text-align: center;
   }
   #entry .container .item .btn {
     margin-bottom: 20px;
   }
   #entry .container .item .btn_entry {
     background: #00FFE9;
     color: black;
     font-weight: bold;
   }
   #entry .container_second {
     justify-content: center;
   }
   #entry .container_second .entry_cont {
     display: block;
     max-width: 360px;
     width: 100%;
     border-radius: 10px;
     margin: 10px 15px;
     padding: 30px 0px;
     border: solid 1px #00FFE9;
     background: rgba(0, 0, 0, 0.4);
     color: #00FFE9;
     font-size: 1.8rem;
     text-align: center;
   }
   #entry .container_second .entry_cont:hover {
     background: #00FFE9;
     color: black;
   }
 }
 #gallery {
   padding: 0;
 }
 #gallery .gallery {
   display: flex;
 }
 #gallery .gallery img {
   width: 24.6%;
   margin: 0;
 }
 
 @media screen and (max-width: 769px) {
   #gallery {
     padding: 0;
   }
   #gallery .gallery {
     display: flex;
   }
   #gallery .gallery img {
     width: 32%;
     margin: 0;
   }
 }
 #sponsor{
   background: black;
 }
 #sponsor h3 {
   text-align: center;
   color: #00FFE9;
   font-weight: 600;
   margin: 30px 0 40px;
 }
 #sponsor img {
   display: block;
   max-width: 300px;
   width: 100%;
   margin: 20px auto;
 }
 #sponsor img.partner{
   max-width: 500px;
 }
 @media screen and (max-width: 769px){
  #sponsor .container a{
    width: 49.5%;
    
  } 
  #sponsor img {
     display: block;
     max-width: 260px;
     width: 90%;
     margin: 0 auto;
   }

   #sponsor img.partner{
      max-width: 500px;
    }
 }
 #sponsor .container{
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
 }
 #sponsor .container img{
   margin: 10px;
 }
 
 .main_visual {
   position: relative;
   background-image: url("../img/sample.jpg");
   background-position: center center;
   background-size: cover;
 }
 .main_visual.pararax {
   background-attachment: fixed;
 }
 .main_visual h1 {
   position: relative;
   z-index: 3;
   padding: 20rem 0;
   text-align: center;
   color: white;
   font-weight: 500;
   text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 }
 .main_visual:before {
   background-color: black;
   opacity: 0.3;
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
 }
 
 @media screen and (max-width: 769px) {
   .main_visual h1 {
     position: relative;
     z-index: 3;
     padding: 20rem 0;
     text-align: center;
     color: white;
     font-size: 2.4rem;
     text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
   }
   .main_visual:before {
     background-color: black;
     opacity: 0.3;
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
   }
 }
 .story_text {
   text-align: center;
 }
 .story_text .sub {
   font-size: 1.5rem;
 }
 .story_text .title {
   margin: 20px 0 40px;
   font-weight: 400;
   font-size: 2.2rem;
 }
 .story_text p {
   font-size: 1.6rem;
   letter-spacing: 1.2px;
   line-height: 34px;
   margin-bottom: 10px;
 }
 .story_text .btn {
   margin-top: 40px;
 }
 .story_text .inner {
   margin: 60px auto 0;
   width: 350px;
 }
 .story_text .inner dl {
   display: flex;
   flex-wrap: wrap;
   padding: 15px 0;
   border-bottom: 1px solid #f5f5f5;
 }
 .story_text .inner dl dt {
   text-align: left;
   max-width: 200px;
   width: 100%;
   font-weight: 600;
 }
 .story_text .inner dl dd {
   text-align: right;
   max-width: 150px;
   width: 100%;
 }
 
 @media screen and (max-width: 769px) {
   .story_text {
     text-align: center;
   }
   .story_text .sub {
     font-size: 1.5rem;
   }
   .story_text .title {
     text-align: center;
     margin: 20px 0 40px;
     font-weight: 400;
     font-size: 2.2rem;
   }
   .story_text p {
     font-size: 1.6rem;
     letter-spacing: 1.2px;
     line-height: 34px;
     text-align: left;
   }
   .story_text .btn {
     margin-top: 40px;
   }
 }
 .land_image {
   text-align: center;
 }
 .land_image .inner_bg {
   width: 100%;
   height: 380px;
   display: block;
   padding: 20px;
   position: relative;
   background-image: url("../img/sample.jpg");
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
 }
 .land_image .inner_bg.palalax {
   background-attachment: fixed;
 }
 .land_image .inner_bg .text {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 40px;
   z-index: 3;
   text-align: center;
   color: white;
 }
 .land_image .inner_bg .text .title {
   font-size: 2.8rem;
   color: white;
   font-weight: 400;
   line-height: 40px;
   letter-spacing: 3px;
   text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 }
 .land_image .inner_bg .text .btn {
   margin-top: 20px;
 }
 .land_image .inner_bg:before {
   background-color: black;
   opacity: 0.3;
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
 }
 
 .alternate .container {
   padding-bottom: 50px;
 }
 .alternate .container:last-child {
   padding-bottom: 0;
 }
 .alternate .container .item {
   width: 50%;
   height: 500px;
 }
 .alternate .container .item.text_item {
   display: flex;
   justify-content: center;
   align-items: center;
 }
 .alternate .container .item.text_item .inner {
   width: 80%;
 }
 .alternate .container .item.text_item .inner h2 {
   font-size: 2.2rem;
   margin-bottom: 20px;
 }
 .alternate .container .item.text_item .inner p {
   font-size: 1.5rem;
   letter-spacing: 1px;
   line-height: 34px;
   margin-bottom: 20px;
 }
 .alternate .container .item.text_item .inner .btn {
   margin: 40px 0 0 0;
 }
 .alternate .container .item.img_item {
   background-size: cover;
   background-position: center center;
   /* クリックで拡大 */
   /* 幅広 */
 }
 .alternate .container .item.img_item #slider_detail, .alternate .container .item.img_item #slider_detail_second {
   width: 100%;
   overflow: hidden;
 }
 .alternate .container .item.img_item #slider_detail .slick-track, .alternate .container .item.img_item #slider_detail_second .slick-track {
   display: flex;
 }
 .alternate .container .item.img_item #slider_detail .slider_image, .alternate .container .item.img_item #slider_detail_second .slider_image {
   background-image: url("../img/sample.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   height: 500px;
   text-align: center;
 }
 .alternate .container .item.img_item #slider_detail.contain .slider_image, .alternate .container .item.img_item #slider_detail_second.contain .slider_image {
   background-size: contain;
 }
 .alternate .container .item.img_item .hes-gallery img {
   width: 100%;
   object-fit: cover;
   height: 500px;
   cursor: pointer;
 }
 .alternate .container .item.img_item.wide_item {
   width: 100%;
 }
 .alternate .container:nth-child(even) .item.text_item {
   order: 2;
 }
 .alternate .container:nth-child(even) .item.img_item {
   order: 1;
 }
 
 @media screen and (max-width: 769px) {
   .alternate .container {
     padding-bottom: 40px;
   }
   .alternate .container:last-child {
     padding-bottom: 0;
   }
   .alternate .container .item {
     width: 100%;
     height: auto;
   }
   .alternate .container .item.text_item {
     display: flex;
     justify-content: center;
     align-items: center;
   }
   .alternate .container .item.text_item .inner {
     width: 100%;
   }
   .alternate .container .item.text_item .inner h2 {
     font-size: 2.2rem;
     margin-bottom: 20px;
   }
   .alternate .container .item.text_item .inner p {
     font-size: 1.5rem;
     letter-spacing: 1px;
     line-height: 34px;
     margin-bottom: 20px;
   }
   .alternate .container .item.img_item {
     background-size: cover;
     background-position: center center;
     height: 300px;
     /* クリックで拡大 */
     /* 幅広 */
   }
   .alternate .container .item.img_item #slider_detail, .alternate .container .item.img_item #slider_detail_second {
     width: 100%;
     overflow: hidden;
   }
   .alternate .container .item.img_item #slider_detail .slick-track, .alternate .container .item.img_item #slider_detail_second .slick-track {
     display: flex;
   }
   .alternate .container .item.img_item #slider_detail .slider_image, .alternate .container .item.img_item #slider_detail_second .slider_image {
     background-size: cover;
     background-position: center;
     height: 300px;
     text-align: center;
   }
   .alternate .container .item.img_item .hes-gallery img {
     width: 100%;
     object-fit: cover;
     height: 300px;
     cursor: pointer;
   }
   .alternate .container .item.img_item.wide_item {
     width: 100%;
   }
   .alternate .container:nth-child(even) .item.text_item {
     order: 1;
   }
   .alternate .container:nth-child(even) .item.img_item {
     order: 2;
   }
 }
 .horizon_block .title_h2 {
   margin-bottom: 70px;
   text-align: center;
 }
 .horizon_block .container {
   justify-content: space-evenly;
 }
 .horizon_block .container .item {
   position: relative;
   background-image: url("../img/sample.jpg");
   background-position: center center;
   background-size: cover;
 }
 .horizon_block .container .item .text_block {
   position: absolute;
   z-index: 3;
   bottom: 40px;
   left: 0;
   right: 0;
   margin: auto;
   padding: 0 20px;
   text-align: center;
   color: white;
 }
 .horizon_block .container .item .text_block p {
   font-size: 1.2rem;
   letter-spacing: 1.5px;
   margin-bottom: 5px;
   text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 }
 .horizon_block .container .item .text_block .title {
   font-size: 2.2rem;
   font-weight: 500;
   letter-spacing: 1.5px;
   line-height: 30px;
   text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 }
 .horizon_block .container .item .text_block .btn {
   display: block;
   margin-top: 20px;
 }
 .horizon_block .container .item:before {
   background-color: black;
   opacity: 0.3;
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
 }
 .horizon_block .container.nomask .item:before {
   display: none;
 }
 .horizon_block.two_blocks .container {
   justify-content: space-between;
 }
 .horizon_block.two_blocks .container .item {
   width: 48.25%;
   height: 500px;
 }
 .horizon_block.three_blocks .item {
   width: 31%;
   height: 550px;
 }
 .horizon_block.three_blocks .wrapper .item {
   height: 400px;
 }
 .horizon_block.four_blocks .item {
   width: 23%;
   height: 350px;
 }
 .horizon_block.five_blocks .item {
   width: 18%;
   height: 300px;
 }
 
 @media screen and (max-width: 769px) {
   .horizon_block .container {
     flex-wrap: wrap;
     justify-content: space-around;
   }
   .horizon_block .container .item {
     position: relative;
     background-image: url("../img/sample.jpg");
     background-position: center center;
     background-size: cover;
   }
   .horizon_block .container .item .text_block {
     position: absolute;
     bottom: 20px;
     left: 0;
     right: 0;
     margin: auto;
     padding: 0 10px;
     text-align: center;
     color: white;
   }
   .horizon_block .container .item .text_block p {
     font-size: 1.2rem;
     letter-spacing: 1.5px;
     margin-bottom: 5px;
     text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
   }
   .horizon_block .container .item .text_block .title {
     font-size: 2rem;
     letter-spacing: 1.5px;
     line-height: 27px;
     text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
   }
   .horizon_block .container .item .text_block .btn {
     display: block;
     margin-top: 18px;
   }
   .horizon_block .container .item.viewmore {
     background: #f5f5f5;
   }
   .horizon_block .container .item.viewmore .text_block {
     top: 0;
     bottom: 0;
     color: black;
     font-size: 1.5rem;
     height: 15px;
   }
   .horizon_block.two_blocks .container {
     justify-content: space-between;
   }
   .horizon_block.two_blocks .container .item {
     width: 48.25%;
     height: 260px;
   }
   .horizon_block.three_blocks .container {
     margin-left: 3%;
     display: inherit;
     overflow-x: auto;
     justify-content: space-evenly;
     white-space: nowrap;
     flex-wrap: nowrap;
   }
   .horizon_block.three_blocks .container .item {
     display: inline-block;
     width: 76%;
     height: 430px;
     margin-right: 16px;
   }
   .horizon_block.four_blocks .item {
     width: 47.51%;
     height: 250px;
     margin-bottom: 4%;
   }
   .horizon_block.five_blocks .container {
     justify-content: space-between;
     width: 96%;
     margin: 0 auto;
   }
   .horizon_block.five_blocks .container .item {
     width: 49%;
     height: 240px;
     margin: 1% 0;
   }
 }
 .map iframe {
   width: 100%;
   height: 460px;
   margin-bottom: -8px;
 }
 
 .click_gallery .hes-gallery {
   display: flex;
   justify-content: space-between;
 }
 .click_gallery .hes-gallery .container {
   width: 100%;
 }
 .click_gallery .hes-gallery .container.layer_1 .item {
   width: 33.3333333333%;
 }
 .click_gallery .hes-gallery .container.layer_1 .item img {
   cursor: pointer;
   padding: 1px;
   object-fit: cover;
   max-width: 100%;
   width: 100%;
   height: 500px;
 }
 .click_gallery .hes-gallery .container.layer_2 {
   flex-wrap: wrap;
 }
 .click_gallery .hes-gallery .container.layer_2 .item {
   height: calc( 500px / 2);
   width: 50%;
 }
 .click_gallery .hes-gallery .container.layer_2 .item img {
   padding: 1px;
   object-fit: cover;
   max-width: 100%;
   width: 100%;
   height: calc( 500px / 2);
 }
 .click_gallery .hes-gallery .container.layer_2 .item:last-child {
   width: 100%;
 }
 
 @media screen and (max-width: 769px) {
   .click_gallery {
     height: 100%;
   }
   .click_gallery .hes-gallery {
     display: flex;
     justify-content: space-between;
     width: 90%;
     margin: 0 auto;
   }
   .click_gallery .hes-gallery .container.layer_1 .item {
     width: 100%;
     height: 300px;
   }
   .click_gallery .hes-gallery .container.layer_1 .item img {
     padding: 1px;
     object-fit: cover;
     max-width: 100%;
     width: 100%;
     height: 300px;
   }
   .click_gallery .hes-gallery .container.layer_1 .item:last-child {
     height: calc(300px * 1.5 );
   }
   .click_gallery .hes-gallery .container.layer_2 {
     flex-wrap: wrap;
   }
   .click_gallery .hes-gallery .container.layer_2 .item {
     height: calc( 300px / 2);
     width: 50%;
   }
   .click_gallery .hes-gallery .container.layer_2 .item img {
     object-fit: cover;
     padding: 1px;
     max-width: 100%;
     width: 100%;
     height: calc( 300px / 2);
   }
   .click_gallery .hes-gallery .container.layer_2 .item:last-child {
     width: 100%;
     height: 300px;
   }
   .click_gallery .hes-gallery .container.layer_2 .item:last-child img {
     object-fit: cover;
     padding: 1px;
     max-width: 100%;
     width: 100%;
     height: 300px;
   }
 }
 .section_flow .wrapper .container {
   margin: 0 -15px;
 }
 .section_flow .wrapper .container .item {
   padding: 0 15px;
 }
 .section_flow .wrapper .container .item .flow_title {
   font-size: 2.2rem;
   margin: 20px 0;
 }
 .section_flow .wrapper .container .item .flow_title:before {
   counter-increment: number 1;
   content: counter(number) " ";
 }
 .section_flow .wrapper .container .item .flow_text {
   font-size: 1.4rem;
 }
 
 @media screen and (max-width: 769px) {
   .section_flow .wrapper .container {
     margin: 0;
     justify-content: space-between;
   }
   .section_flow .wrapper .container .item {
     padding: 15px 0;
     width: 48%;
   }
   .section_flow .wrapper .container .item .flow_title {
     font-size: 2.2rem;
     margin: 20px 0;
   }
 }
 .section_logo .wrapper .container {
   justify-content: space-between;
   flex-wrap: wrap;
 }
 .section_logo .wrapper .container .item {
   width: 22%;
   margin: 10px 0;
 }
 .section_logo .wrapper .container .item img {
   width: 100%;
 }
 /*--------------------------------------------------------------
     404
 ----------------------------------------------------------------*/
 body.error404 {
   position: relative;
   background: url("img/top/slider_2.jpg");
   background-size: cover;
   background-position: center center;
   text-align: center;
   color: white;
 }
 body.error404 img {
   max-width: 300px;
   width: 100%;
   margin: 80px auto;
 }
 body.error404 p{
   margin: 30px 0 0;
 }
 body.error404 .btn {
   display: block;
   padding: 7px 0;
   margin: 40px auto;
   max-width: 300px;
   text-align: center;
   font-size: 2rem;
   -webkit-font-smoothing: antialiased;
 }
 body.error404 .site-footer, body.error404 .foot-small {
   position: absolute;
   width: 100%;
   bottom: 0;
 }
 @media screen and (max-width: 769px) {
   body.error404 {
      position: relative;
      background: url("img/top/slider_sp_2.jpg");
      background-size: cover;
      background-position: center center;
      text-align: center;
      color: white;
      height: 100vh;
    }
 }
 /*--------------------------------------------------------------
    Category
 --------------------------------------------------------------*/
 #category-inner .category-mv {
   background-size: cover;
   background-position: top;
   background-attachment: inherit;
   height: auto;
   padding: 140px 0;
   background-image: url("img/top/slider_3.jpg");
   /*random bg*/
 }
 #category-inner .category-mv h1 {
   margin: 0 0;
   text-align: center;
   font-size: 6rem;
   color: white;
 }
 #category-inner .archive {
   padding: 40px 0;
 }
 #category-inner .archive .container {
   justify-content: flex-start;
 }
 #category-inner .archive .container .item {
   width: 31%;
   margin: 0 1% 1%;
 }
 #category-inner .archive .container .item .thumb {
   width: 100%;
   height: 200px;
   background-size: cover;
   background-position: center center;
   margin-bottom: 20px;
 }
 #category-inner .archive .container .item .thumb:hover {
   box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
 }
 #category-inner .archive .container .item .title {
   margin: 6px 0 20px;
   overflow: hidden;
 }
 #category-inner .archive .container .item .title a {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
 }
 #category-inner .archive .container .item .date {
   display: block;
   color: #666;
   font-size: 1.25rem;
 }
 #category-inner .archive .nav-links {
   text-align: center;
   display: block;
   margin: 60px 0 10px;
 }
 #category-inner .archive .nav-links > * {
   font-size: 2rem;
   margin: 0 8px;
 }
 
 @media screen and (max-width: 769px) {
   #category-inner .wrapper {
     width: 94%;
   }
   #category-inner .category-mv {
     background-size: cover;
     background-position: top;
     background-attachment: inherit;
     height: auto;
     padding: 120px 0 80px;
     /*random bg*/
   }
   #category-inner .category-mv.background1 {
     background-image: url("img/top/img_gallery_2.jpg");
   }
   #category-inner .category-mv.background2 {
     background-image: url("img/top/img_gallery_4.jpg");
   }
   #category-inner .category-mv.background3 {
     background-image: url("img/top/img_gallery_6.jpg");
   }
   #category-inner .category-mv.background4 {
     background-image: url("img/top/img_gallery_8.jpg");
   }
   #category-inner .category-mv.background5 {
     background-image: url("img/top/img_gallery_11.jpg");
   }
   #category-inner .category-mv h1 {
     margin: 0 0 0;
     text-align: center;
     font-size: 4rem;
     color: white;
   }
   #category-inner .archive {
     padding: 35px 0;
   }
   #category-inner .archive .container {
     justify-content: space-between;
   }
   #category-inner .archive .container .item {
     width: 48.5%;
     margin: inherit;
   }
   #category-inner .archive .container .item .thumb {
     width: 100%;
     height: 130px;
     margin-bottom: 10px;
   }
   #category-inner .archive .container h2{
     line-height: 27px;
   }
   #category-inner .archive .container .item .thumb:hover {
     box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
   }
   #category-inner .archive .container .item .title {
     margin: 6px 0 20px;
     overflow: hidden;
   }
   #category-inner .archive .container .item .title a {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
   }
   #category-inner .archive .container .item .date {
     display: block;
     color: #666;
     font-size: 1.25rem;
   }
   #category-inner .archive .nav-links {
     text-align: center;
     display: block;
     margin: 60px 0 10px;
   }
   #category-inner .archive .nav-links > * {
     font-size: 2rem;
     margin: 0 8px;
   }
 }
 /*--------------------------------------------------------------
    パンくず
 --------------------------------------------------------------*/
 .breadcrumbs ul {
   padding: 35px 0 0;
   margin: 0;
 }
 .breadcrumbs ul li {
   list-style: none;
   display: inline-block;
   margin: 0 10px;
 }
 .breadcrumbs ul li:first-child {
   margin: 0 10px 0 0;
 }
 
 /*--------------------------------------------------------------
    single.php 記事個別
 --------------------------------------------------------------*/
 #p-article__body {
   max-width: 620px;
   width: 100%;
   display: block;
   margin: 0 auto;
   padding: 100px 0 ;
 }
 #p-article__body .post-thumbnail img {
   width: 100%;
   height: auto;
 }
 #p-article__body h1.entry-title {
   min-height: 1em;
   margin-top: 72px;
   margin-bottom: 18px;
   font-weight: 700;
   line-height: 1.5;
   letter-spacing: 0.04em;
   font-feature-settings: "palt" 1;
   pointer-events: auto;
   font-size: 32px;
 }
 #p-article__body .entry-content h1, #p-article__body .entry-content h2, #p-article__body .entry-content h3, #p-article__body .entry-content h4, #p-article__body .entry-content h5, #p-article__body .entry-content h6 {
   font-size: 2.4rem;
   margin-top: 50px;
   margin-bottom: -18px;
   font-weight: 700;
   line-height: 1.75;
   letter-spacing: 0.04em;
   font-feature-settings: "palt" 1;
 }
 #p-article__body .entry-content p {
   font-size: 18px;
   line-height: 36px;
   margin: 30px 0;
 }
 #p-article__body .entry-content .wp-block-quote {
   margin: 0;
   padding: 25px;
   line-height: 36px;
   background-color: #f7f9f9;
 }
 #p-article__body .entry-content .wp-block-quote p, #p-article__body .entry-content .wp-block-quote a {
   word-wrap: break-word;
   font-size: 16px;
   margin: 0;
 }
 #p-article__body .navigation.post-navigation {
   border-top: 1px solid #e6e6e6;
   border-bottom: 1px solid #e6e6e6;
   padding: 20px 0;
   margin: 50px 0;
 }
 #p-article__body .navigation.post-navigation .nav-previous, #p-article__body .navigation.post-navigation .nav-next {
   overflow: hidden;
   width: 100%;
 }
 #p-article__body .navigation.post-navigation .nav-previous .nav-title, #p-article__body .navigation.post-navigation .nav-next .nav-title {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   font-size: 1.6rem;
 }
 
 @media screen and (max-width: 769px) {
   #p-article__body {
     width: 90%;
     display: block;
     padding: 100px 0 80px;
     margin: 0 auto;
   }
   #p-article__body .post-thumbnail img {
     width: 100%;
   }
   #p-article__body a {
     word-wrap: break-word;
   }
   #p-article__body h1.entry-title {
     min-height: 1em;
     margin-top: 40px;
     margin-bottom: 18px;
     font-weight: 700;
     line-height: 1.4;
     letter-spacing: 0.04em;
     font-feature-settings: "palt" 1;
     pointer-events: auto;
     font-size: 27px;
   }
   #p-article__body .entry-content h1, #p-article__body .entry-content h2, #p-article__body .entry-content h3, #p-article__body .entry-content h4, #p-article__body .entry-content h5, #p-article__body .entry-content h6 {
     font-size: 2rem;
     margin-top: 36px;
     margin-bottom: -20px;
     font-weight: 700;
     line-height: 1.75;
     letter-spacing: 0.04em;
     font-feature-settings: "palt" 1;
   }
   #p-article__body .entry-content p {
     font-size: 18px;
     line-height: 36px;
     margin: 30px 0;
   }
   #p-article__body .navigation.post-navigation {
     border-top: 1px solid #e6e6e6;
     border-bottom: 1px solid #e6e6e6;
     padding: 20px 0;
     margin: 50px 0;
   }
   #p-article__body .navigation.post-navigation .nav-previous, #p-article__body .navigation.post-navigation .nav-next {
     overflow: hidden;
     width: 100%;
   }
   #p-article__body .navigation.post-navigation .nav-previous .nav-title, #p-article__body .navigation.post-navigation .nav-next .nav-title {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     font-size: 1.6rem;
   }
 }
 #comments,.entry-footer,.navigation{
   display: none;
 }
 /*# sourceMappingURL=style.css.map */