#preloadedImages { width: 0px; height: 0px; display: inline; /*background-image: url(../../images/top/bg_message.jpg); background-image: url(../../images/top/bg_message01.jpg); background-image: url(../../images/top/bg_message02.jpg); background-image: url(../../images/top/bg_message03.jpg); background-image: url(../../images/top/bg_message04.jpg); background-image: url(../../images/top/bg_message05.jpg); background-image: url(../../images/top/bg_message06.jpg); background-image: url(../../images/top/bg_message07.jpg); background-image: url(../../images/top/bg_message08.jpg); background-image: url(../../images/top/bg_message09.jpg); background-image: url(../../images/top/bg_message10.jpg);*/ }

#section-mv { /*display: none;*/ }

#section-mv .inner { padding-top: 0; position: relative; }

#section-mv .inner .image img { width: 100%; vertical-align: bottom; }

#section-mv .inner .btn { width: 320px; position: absolute; bottom: 20px; right: 40px; }

#section-mv .inner .btn a { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#section-mv .inner .btn a:hover { opacity: 0.7; }

#section-news { background: #fff; }

#section-news .inner { width: 100%; margin: 0 auto; padding: 60px 0; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 840px; /*min-width: 1000px; max-width: 1280px;*/ display: block; position: relative; }

#section-news .inner a { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#section-news .inner a:hover { opacity: 0.7; }

#section-news .inner ._btn-basic { margin: 0; padding: 0; }

#section-news .inner ._btn-basic a { /*border:1px #fff solid; background: none;*/ background: #fff; color: #d7061c !important; line-height: 1.4; padding-top: 20px; }

#section-message { background: #f7faf9; position: relative; overflow: hidden; }

#section-message #message-before-pc { background: url(../../images/top/img_message_jlyp.png) repeat-x; background-position: center right; background-size: auto 120px; position: absolute; top: 0; left: 0; width: 100%; height: 120px; display: block; -webkit-transition-property: background-position; transition-property: background-position; -webkit-transition-duration: .7s; transition-duration: .7s; /*transition-delay: .2s;*/ }

#section-message #message-after-pc { background: url(../../images/top/img_message_jlyp.png) repeat-x; background-position: center left; background-size: auto 120px; position: absolute; bottom: 0px; left: 0; width: 100%; height: 120px; display: block; -webkit-transition-property: background-position; transition-property: background-position; -webkit-transition-duration: .7s; transition-duration: .7s; /*transition-delay: .2s;*/ }

#section-message .inner { width: 100%; margin: 0 auto; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 1000px; max-width: 1280px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: +1; }

#section-message .inner .image { width: 55%; margin-right: 5%; padding: 320px 0; }

#section-message .inner .box { font-size: 1.6rem; font-weight: 700; line-height: 2; color: #424242; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 150px auto 120px auto; font-weight: bold; }

#section-message .inner .box p { margin-bottom: 30px; opacity: 1; }

#section-message .inner .box .anime_in { /* p:nth-child(1){transition-delay: 0.5s;} p:nth-child(2){transition-delay: 3.5s;} p:nth-child(3){transition-delay: 5.5s;} p:nth-child(4){transition-delay: 9.5s;} p:nth-child(5){transition-delay: 11.5s;} p:nth-child(6){transition-delay: 13.5s;} p:nth-child(7){transition-delay: 14.5s;} */ }

#section-message .inner .box .anime_in p { -webkit-transition: 1s; transition: 1s; opacity: 1; }

#section-message .inner .box .anime_in p.inline { display: inline-block; }

#section-message .inner .box .anime_in p:nth-child(1) { -webkit-transition-delay: 0s; transition-delay: 0s; }

#section-message .inner .box .anime_in p:nth-child(2) { -webkit-transition-delay: 0s; transition-delay: 0s; }

#section-message .inner .box .anime_in p:nth-child(3) { -webkit-transition-delay: 0s; transition-delay: 0s; }

#section-message .inner .box .anime_in p:nth-child(4) { -webkit-transition-delay: 0s; transition-delay: 0s; }

#section-message .inner .box .anime_in p:nth-child(5) { -webkit-transition-delay: 0s; transition-delay: 0s; }

#section-message .inner .box .anime_in p:nth-child(6) { -webkit-transition-delay: 0s; transition-delay: 0s; }

#section-message .inner .box .anime_in p:nth-child(7) { -webkit-transition-delay: 0s; transition-delay: 0s; }

#section-message .autoplay-up, #section-message .autoplay-down { display: block; width: 420px; height: 3000px; /*height: 200%;*/ position: absolute; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; /*animation-play-state: paused;*/ -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; font-size: 0; line-height: 0; }

#section-message .autoplay-up { left: 30px; top: 0; -webkit-animation: 60s linear infinite animation-up; animation: 60s linear infinite animation-up; -webkit-animation-delay: 0s; animation-delay: 0s; }

#section-message .autoplay-down { left: 480px; bottom: 0; -webkit-animation: 60s linear infinite animation-down; animation: 60s linear infinite animation-down; -webkit-animation-delay: 0s; animation-delay: 0s; }

#section-message .slide { height: 300px; width: 420px; margin: 0; padding: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: block; }

#section-message .slide img { width: 100%; vertical-align: bottom; border-radius: 10px; }

@-webkit-keyframes animation-up { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); }
  100% { -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

@keyframes animation-up { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); }
  100% { -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

@-webkit-keyframes animation-down { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); }
  100% { -webkit-transform: translateY(50%); transform: translateY(50%); } }

@keyframes animation-down { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); }
  100% { -webkit-transform: translateY(50%); transform: translateY(50%); } }

#section-menu { background: url(../../images/top/bg_photobbok_pc.jpg) 50% 50% no-repeat; background-size: cover; width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-family: 'Noto Sans', sans-serif; font-weight: bold; text-align: center; color: #fff; padding: 150px 0 100px 0; }

#section-menu h2 { font-size: 6.2rem; display: block; width: 100%; margin-bottom: 50px; }

#section-menu h2 span { font-size: 2.6rem; display: block; padding-top: 15px; }

#section-menu ul { display: block; width: 100%; margin: 0; padding: 0; font-size: 0; }

#section-menu ul li { list-style: none; display: inline-block; border-right: 1px #fff solid; padding: 0 40px; }

#section-menu ul li:nth-last-child(1) { border: none; }

#section-menu ul li a { font-size: 1.8rem; color: #fff; position: relative; padding: 10px 25px 10px 0; display: inline-block; }

#section-menu ul li a:before { content: ''; background: url(../../images/icon_arrow_white_down.png) 100% 50% no-repeat; background-size: 14px 8px; width: 14px; height: 100%; position: absolute; right: 0; top: 0; }

#section-photobook { background: #f7faf9; }

#section-photobook #menu01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 110px; padding-bottom: 110px; margin-top: -30px; }

#section-photobook #menu01 .image { width: 45%; margin: 0 5%; display: block; }

#section-photobook #menu01 .text { width: 45%; display: block; }

#section-photobook #menu01 .text h2 { font-size: 6.4rem; font-weight: 900; color: #424242; font-family: 'Lato', sans-serif; position: relative; text-align: left; /*padding: 0 0 0 90px; background: url(../../images/top/img_num01.png) 0 0 no-repeat; background-size: 58px 60px;*/ margin-bottom: 50px; }

#section-photobook #menu01 .text h3 { font-size: 2.4rem; margin-bottom: 20px; color: #424242; }

#section-photobook #menu01 .text p { font-size: 1.6rem; line-height: 2; color: #424242; margin-bottom: 50px; font-weight: bold; }

#section-photobook #menu01 .text p.link a { font-size: 1.8rem; font-weight: bold; display: block; background: url(../../images/icon_arrow_link.png) #424242 no-repeat calc(100% - 30px) 50%; background-size: auto 14px; line-height: 72px; border-radius: 36px; text-align: center; color: #fff; width: 350px; height: 72px; text-decoration: none; }

#section-movie { /*background: #ebedec;*/ background: #f7faf9; }

#section-movie .inner { width: 100%; margin: 0 auto; padding: 100px 0; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 1000px; max-width: 1280px; display: block; position: relative; }

#section-movie .inner .youtube { position: relative; width: 100%; padding-top: 56.25%; }

#section-movie .inner .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

#section-movie .inner h3 { font-size: 3.0rem; text-align: center; margin: 40px 0 20px 0; }

#section-movie .inner ._p { width: 900px; line-height: 2; text-align: center; margin: 20px auto 0 auto; font-size: 1.6rem; font-weight: bold; }

#section-movie .inner .link-list { /*text-align: center;*/ margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#section-movie .inner .link-list li { list-style: none; text-align: center; margin: 0 30px; }

#section-movie .inner .link-list li a { display: block; width: 286px; height: 70px; line-height: 72px; font-size: 1.8rem; background: url(../../images/icon_arrow_link.png) #424242 no-repeat calc(100% - 30px) 50%; background-size: auto 14px; color: #ebedec; border: #424242 1px solid; border-radius: 35px; text-decoration: none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#section-movie .inner .link-list li a span { background: url(../../images/top/icon_youtube.png) 100% 50% no-repeat; background-size: auto 18px; padding-right: 38px; }

#section-movie .inner .link-list li a:hover { opacity: 0.7; }

#section-movie .inner .link-list-btn { /*text-align: center;*/ margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#section-movie .inner .link-list-btn li { list-style: none; text-align: center; margin: 0 2.5%; width: 25%; }

#section-movie .inner .link-list-btn li a { display: block; width: 100%; height: 150px; line-height: 150px; font-size: 2.4em; color: #fff; background: #424242; text-decoration: none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#section-movie .inner .link-list-btn li a span { background: url(../../images/icon_arrow_white.png) 100% 50% no-repeat; background-size: auto 20px; padding-right: 30px; }

#section-movie .inner .link-list-btn li a:hover { opacity: 0.7; }

#section-movie .inner .link-list-btn li.--hokkaido a { background: url(../../images/photobook/btn_hokkaido.jpg) 50% 50% no-repeat; background-size: cover; }

#section-movie .inner .link-list-btn li.--iwate a { background: url(../../images/photobook/btn_iwate.jpg) 50% 50% no-repeat; background-size: cover; }

#section-movie .inner .link-list-btn li.--kochi a { background: url(../../images/photobook/btn_kochi.jpg) 50% 50% no-repeat; background-size: cover; pointer-events: none; }

#section-column { position: relative; z-index: -1; }

#section-column #menu02 { padding: 180px 0 90px 0; margin-top: -60px; background: url(../../images/photobook/bg_column.jpg) 50% 50% no-repeat; background-size: cover; }

#section-column #menu02 h2 { font-size: 6.4rem; font-weight: 900; color: #fff; font-family: 'Lato', sans-serif; position: relative; padding: 0 0 0 90px; text-align: center; background: url(../../images/photobook/img_num03.png) calc(50% - 160px) 0 no-repeat; background-size: 58px 60px; margin-bottom: 50px; }

#section-column #menu02 p { font-size: 1.6rem; line-height: 2; color: #fff; text-align: center; }

#section-column #menu02 p.link a { font-size: 1.4rem; font-weight: bold; display: block; background: url(../../images/icon_link-blue.png) no-repeat calc(100% - 20px) 50%; background-size: auto 14px; line-height: 46px; border: 1px #fff solid; border-radius: 24px; text-align: center; color: #fff; width: 240px; height: 48px; text-decoration: none; margin: 0 auto; }

#section-article { background: #ebedec; position: relative; z-index: 0; overflow: hidden; }

#section-article #menu03 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 140px 0 110px 0; position: relative; top: -60px; margin-bottom: -60px; /*padding: 180px 0 110px 0; margin-top: -100px;*/ }

#section-article #menu03 .image { width: 45%; margin-right: 5%; display: block; }

#section-article #menu03 .text { width: 50%; display: block; padding-left: calc(50% - 500px); }

#section-article #menu03 .text h2 { font-size: 6.4rem; font-weight: 900; color: #424242; font-family: 'Lato', sans-serif; position: relative; text-align: left; /*padding: 0 0 0 90px; background: url(../../images/top/img_num02.png) 0 0 no-repeat; background-size: 58px 60px;*/ margin-bottom: 50px; }

#section-article #menu03 .text h3 { font-size: 2.4rem; margin-bottom: 20px; color: #424242; }

#section-article #menu03 .text p { font-size: 1.6rem; line-height: 2; color: #424242; margin-bottom: 50px; font-weight: bold; position: relative; }

#section-article #menu03 .text p.link a { font-size: 1.4rem; font-weight: bold; display: block; background: url(../../images/icon_link-blue.png) no-repeat calc(100% - 20px) 50%; background-size: auto 14px; line-height: 46px; border: 1px #424242 solid; border-radius: 24px; text-align: center; color: #424242; width: 240px; height: 48px; text-decoration: none; }

#section-moriyama { background: #333333; }

#section-moriyama .inner { width: 100%; margin: 0 auto; padding: 0 0 80px 0; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 1000px; max-width: 1140px; display: block; position: relative; }

#section-moriyama .inner .acd-check { display: none; }

#section-moriyama .inner .acd-label { font-size: 2.0rem; font-weight: bold; color: #fff; display: block; width: 580px; height: 100px; line-height: 1.2; padding-top: 27px; border-radius: 5px; border: 1px #fff solid; position: relative; text-align: center; margin: 0 auto; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer; }

#section-moriyama .inner .acd-label span { display: block; font-size: 1.6rem; }

#section-moriyama .inner .acd-label:hover { opacity: 0.7; }

#section-moriyama .inner .acd-label:after { -webkit-box-sizing: border-box; box-sizing: border-box; content: ''; display: block; background: url(../../images/top/icon_arrow_down.png) 100% 50% no-repeat; background-size: 36px auto; width: 36px; height: 36px; position: absolute; right: 30px; top: 32px; }

#section-moriyama .inner .acd-content { background: #fff; display: block; height: 0; opacity: 0; padding: 0 60px; -webkit-transition: .5s; transition: .5s; visibility: hidden; overflow: hidden; position: relative; }

#section-moriyama .inner .acd-check:checked + .acd-content + .acd-label:after { background: url(../../images/top/icon_arrow_up.png) 100% 50% no-repeat; background-size: 36px auto; }

#section-moriyama .inner .acd-check:checked + .acd-content { height: auto; min-height: 500px; opacity: 1; padding: 60px; visibility: visible; margin-bottom: 80px; }

#section-moriyama .inner .image { float: left; width: 42%; }

#section-moriyama .inner .text { float: right; width: 54%; }

#section-moriyama .inner .text p { font-size: 1.8rem; line-height: 1.8; margin-bottom: 20px; }

#section-moriyama .inner .text p:nth-child(3) { margin-bottom: 80px; }

#section-moriyama .inner .text p.link { position: absolute; bottom: 30px; padding-top: 40px; }

#section-moriyama .inner .text p.link a { color: #d4061c; text-decoration: none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#section-moriyama .inner .text p.link a:hover { opacity: 0.7; }

#section-event { background: white; text-align: center; color: #424242; overflow: hidden; }

#section-event .inner { padding: 160px 0 100px 0; margin-top: -60px; /*padding:180px 0 100px 0;*/ }

#section-event .inner h2 { font-size: 7.2rem; font-weight: 900; color: #0bB7ed; /*color:#ea7bba;*/ font-family: 'Lato', sans-serif; margin-bottom: 40px; letter-spacing: 2px; }

#section-event .inner .soon { font-size: 2.0rem; font-weight: 700; margin-bottom: 15px; letter-spacing: 2px; }

#section-event .inner .soon span { padding: 10px 90px; border: 1px white solid; display: inline-block; }

#section-event .inner .note { font-size: 1.4rem; margin-bottom: 0; letter-spacing: 2px; }

#section-event .inner p { font-size: 1.5rem; line-height: 2; }

#section-event .inner p.link { text-align: center; margin-top: 50px; }

#section-event .inner p.link a { display: inline-block; width: 440px; height: 70px; line-height: 70px; font-size: 1.8rem; background: url(../../images/icon_arrow_link.png) calc(100% - 30px) 50% no-repeat; background-size: auto 18px; color: #424242; border: #424242 1px solid; border-radius: 35px; text-decoration: none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#section-event .inner p.link a:hover { opacity: 0.7; }

#section-event .inner p.link-banner { text-align: center; margin-top: 50px; }

#section-event .inner p.link-banner a { display: inline-block; width: 750px; height: 100px; line-height: 100px; font-size: 2.0rem; font-weight: 700; background: url(../../images/icon_arrow_link.png) calc(100% - 30px) 50% no-repeat; background-size: auto 18px; background-color: #424242; color: #FFF; border: #424242 1px solid; border-radius: 10px; text-decoration: none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#section-event .inner p.link-banner a:hover { opacity: 0.7; }

#section-event .inner .map { background: url(../../images/top/bg_map.png) 80% 0 no-repeat; background-size: auto 97%; width: 100%; min-width: 1000px; max-width: 1200px; height: 680px; display: block; position: relative; margin: 0 auto; }

#section-event .inner ul { margin: 0; padding: 0; }

#section-event .inner ul li { width: 50%; float: left; text-align: left; list-style: none; }

#section-event .inner ul li a { color: #424242; text-decoration: none; font-size: 1.6rem; font-weight: bold; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#section-event .inner ul li a span { background-position: 0 50% !important; background-repeat: no-repeat !important; background-size: 24px 24px !important; padding-left: 24px; line-height: 34px; height: 34px; display: inline-block; }

#section-event .inner ul li a:hover { opacity: 0.7; }

#section-event .inner .area01 span { background: url(../../images/top/icon_map01.png); }

#section-event .inner .area02 span { background: url(../../images/top/icon_map02.png); }

#section-event .inner .area03 span { background: url(../../images/top/icon_map03.png); }

#section-event .inner .area04 span { background: url(../../images/top/icon_map04.png); }

#section-event .inner .area05 span { background: url(../../images/top/icon_map05.png); }

#section-event .inner .area06 span { background: url(../../images/top/icon_map06.png); }

#section-event .inner .area07 span { background: url(../../images/top/icon_map07.png); }

#section-event .inner .area08 span { background: url(../../images/top/icon_map08.png); }

#section-event .inner .area09 span { background: url(../../images/top/icon_map09.png); }

#section-event .inner .area10 span { background: url(../../images/top/icon_map10.png); }

#section-event .inner .area11 span { background: url(../../images/top/icon_map11.png); }

#section-event .inner .area12 span { background: url(../../images/top/icon_map12.png); }

#section-event .inner .area13 span { background: url(../../images/top/icon_map13.png); }

#section-event .inner .area14 span { background: url(../../images/top/icon_map14.png); }

#section-event .inner .area15 span { background: url(../../images/top/icon_map15.png); }

#section-event .inner .area16 span { background: url(../../images/top/icon_map16.png); }

#section-event .inner .area17 span { background: url(../../images/top/icon_map17.png); }

#section-event .inner .area18 span { background: url(../../images/top/icon_map18.png); }

#section-event .inner .area19 span { background: url(../../images/top/icon_map19.png); }

#section-event .inner .area20 span { background: url(../../images/top/icon_map20.png); }

#section-event .inner .area21 span { background: url(../../images/top/icon_map21.png); }

#section-event .inner .area22 span { background: url(../../images/top/icon_map22.png); }

#section-event .inner .area23 span { background: url(../../images/top/icon_map23.png); }

#section-event .inner .area24 span { background: url(../../images/top/icon_map24.png); }

#section-event .inner .area25 span { background: url(../../images/top/icon_map25.png); }

#section-event .inner .area26 span { background: url(../../images/top/icon_map26.png); }

#section-event .inner .area27 span { background: url(../../images/top/icon_map27.png); }

#section-event .inner .area28 span { background: url(../../images/top/icon_map28.png); }

#section-event .inner .area29 span { background: url(../../images/top/icon_map29.png); }

#section-event .inner .area30 span { background: url(../../images/top/icon_map30.png); }

#section-event .inner .area31 span { background: url(../../images/top/icon_map31.png); }

#section-event .inner .area32 span { background: url(../../images/top/icon_map32.png); }

#section-event .inner .area33 span { background: url(../../images/top/icon_map33.png); }

#section-event .inner .area34 span { background: url(../../images/top/icon_map34.png); }

#section-event .inner .area35 span { background: url(../../images/top/icon_map35.png); }

#section-event .inner .area36 span { background: url(../../images/top/icon_map36.png); }

#section-event .inner .area37 span { background: url(../../images/top/icon_map37.png); }

#section-event .inner .area38 span { background: url(../../images/top/icon_map38.png); }

#section-event .inner .area39 span { background: url(../../images/top/icon_map39.png); }

#section-event .inner .area40 span { background: url(../../images/top/icon_map40.png); }

#section-event .inner .area41 span { background: url(../../images/top/icon_map41.png); }

#section-event .inner .area42 span { background: url(../../images/top/icon_map42.png); }

#section-event .inner .area43 span { background: url(../../images/top/icon_map43.png); }

#section-event .inner .area44 span { background: url(../../images/top/icon_map44.png); }

#section-event .inner .area45 span { background: url(../../images/top/icon_map45.png); }

#section-event .inner .area46 span { background: url(../../images/top/icon_map46.png); }

#section-event .inner .area47 span { background: url(../../images/top/icon_map47.png); }

#section-event .inner h3 { font-size: 2.0rem; display: inline-block; padding: 0 5px 5px 5px; border-bottom: #707070 3px solid; margin: 0 1em 10px 0; }

#section-event .inner .box { width: 260px; padding: 15px 25px 15px 25px; /*background: rgba(255,255,255,1);*/ position: absolute; }

#section-event .inner .box.block01 { right: 0; top: 240px; }

#section-event .inner .box.block01 h3 { color: #00aaea; border-color: #00aaea; }

#section-event .inner .box.block02 { right: 0; top: 400px; }

#section-event .inner .box.block02 h3 { color: #7182e6; border-color: #7182e6; }

#section-event .inner .box.block03 { right: 450px; top: 50px; }

#section-event .inner .box.block03 h3 { color: #6cba5a; border-color: #6cba5a; }

#section-event .inner .box.block04 { right: 260px; bottom: 0; }

#section-event .inner .box.block04 h3 { color: #f5ac3c; border-color: #f5ac3c; }

#section-event .inner .box.block05 { right: 540px; top: 210px; }

#section-event .inner .box.block05 h3 { color: #ea6da4; border-color: #ea6da4; }

#section-event .inner .box.block06 { right: 540px; bottom: 0; }

#section-event .inner .box.block06 h3 { color: #8d80bb; border-color: #8d80bb; }

#section-event .inner .box.block07 { right: 820px; top: 230px; }

#section-event .inner .box.block07 h3 { color: #eb6d65; border-color: #eb6d65; }

#section-banner { background: #FFF; }

#section-banner .inner { width: 100%; margin: 0 auto; padding: 60px 0; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 840px; /*min-width: 1000px; max-width: 1280px;*/ display: block; position: relative; }

#section-banner .inner a { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

#section-banner .inner a:hover { opacity: 0.7; }

#section-banner .inner ._btn-basic { margin: 0; padding: 0; }

#section-banner .inner ._btn-basic a { /*border:1px #fff solid; background: none;*/ background: #fff; color: #424242 !important; line-height: 1.4; padding-top: 20px; }

#section-interview { background: #333333; min-width: 1084px; }

#section-interview .inner { padding: 80px 0; width: 100%; }

#section-interview .inner h2 { font-size: 5.0rem; color: white; text-align: center; margin-bottom: 60px; }

#section-interview .inner h2 span { font-size: 2.4rem; display: block; margin-bottom: 15px; }

#section-interview .inner h2 .closs { display: inline-block; background: url(../../images/icon_closs.png) no-repeat; width: 30px; height: 30px; background-size: 30px 30px; position: relative; top: 16px; }

#section-interview .swiper-container.gallery-thumbs2 .swiper-slide:before { height: 150px !important; padding: 0 !important; }