@charset "UTF-8";
/* main: style.scss*/
/*antialiased,subpixel-antialiased,none*/
/*auto,optimizeSpeed,optimizeLegibility,geometricPrecision*/
/*path*/
/*base line*/
/*font*/
/*font family*/
/*width*/
/*color*/
/*Media Queries*/
/* //bootstrap $mq-breakpoints: ( 'small' : 768px, 'medium': 992px, 'large' : 1280px, 'large' : 1280px, //most popular 'xlarge': 1440px, //13inch ); */
/*  .elements {*/
/*    @include mq {*/
/*      @include mq(large, max, true) {*/
/*      }*/
/*    }*/
/*  }*/
/*  @media screen and (min-width: 768px) {*/
/*    .elements {*/
/*    }*/
/*  }*/
/*  @media screen and (min-width: 768px) and (max-width: 1200px) {*/
/*    .elements {*/
/*    }*/
/*  }*/
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* main: ../style.scss*/
.font-bold { font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; }

.font-custom, .l-globalNav a { font-family: futura-pt, sans-serif; font-style: normal; }

.font-custom-bold, .btn-box p, .btn-box span:first-child, .c-title__en, .l-learn__box__right h4 { font-family: futura-pt, sans-serif; font-style: normal; font-weight: 700; }

a { color: #292929; text-decoration: none; outline: none; }

a.null { opacity: 0.2 !important; pointer-events: none; cursor: auto; }

time { display: block; }

strong, b { font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; }

i { font-style: italic; }

.sub-antialiased { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; }

svg { display: block; }

/*clearfix*/
.clearfix:after { content: ""; display: block; clear: both; }

/*responsive display*/
[data-u-show="onlyMobile"] { display: block !important; }

@media screen and (min-width: 768px) { [data-u-show="onlyMobile"] { display: none !important; } }

[data-u-show="onlyDesctop"] { display: none !important; }

@media screen and (min-width: 768px) { [data-u-show="onlyDesctop"] { display: block !important; } }

.js-linkblock { cursor: pointer; }

/*width*/
.l-section__wrapper, .l-donate__wrapper, .l-event__wrapper, .l-exhibition__wrapper, .l-partners__containers, .l-virtual__top, .l-virtual__sample, .l-flow__wrapper, .l-virtual__terms { width: 100%; max-width: 1040px; margin: auto; padding: 0 20px; }

/*MS系にCSS3でアンチエイリアス*/
/*hover*/
@media screen and (min-width: 768px) { [data-u-hover="opacity"], .btn-map, .l-sns__a, .l-origamiList__item { -webkit-transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); opacity: 1; }
  :hover[data-u-hover="opacity"], .btn-map:hover, .l-sns__a:hover, .l-origamiList__item:hover { opacity: 0.6; } }

.l-topNews__line { -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.l-topNews__line path { -webkit-transition-property: fill; transition-property: fill; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.l-topNews__line:hover.facebook { color: #5A86E5; }

.l-topNews__line:hover.facebook path { fill: #5A86E5; }

.l-topNews__line:hover.twitter { color: #9ECDF0; }

.l-topNews__line:hover.twitter path { fill: #9ECDF0; }

.l-topNews__line:hover.instagram { color: #DF76A2; }

.l-topNews__line:hover.instagram path { fill: #DF76A2; }

.l-section__card__a { position: relative; }

.l-section__card__a:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); z-index: 1; }

.l-section__card__a:after { -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.l-section__card__a:hover:after { background-color: rgba(0, 0, 0, 0); }

[data-u-hover="opacity"] { cursor: pointer; }

.view-jp .txt-jp { display: block; }

.view-jp .txt-en { display: none; }

.view-en .txt-jp { display: none; }

.view-en .txt-en { display: block; }

/* main: ../style.scss*/
.btn { cursor: pointer; display: block; }

.btn-box { position: relative; width: 200px; height: 49px; }

.btn-box.white:after { border-color: #ffffff; }

.btn-box.white span { color: #7da070; }

.btn-box.white span:first-child { background-color: #ffffff; }

.btn-box.white svg polyline { stroke: #7da070; }

.btn-box:after { content: ''; display: block; position: absolute; bottom: -3px; right: -3px; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #7da070; }

.btn-box p { display: block; color: #ffffff; position: relative; z-index: 10; font-size: 16px; width: 100%; height: 100%; letter-spacing: 0.2em; line-height: 49px; background-color: #7da070; text-align: center; }

.btn-box span { display: block; color: #ffffff; position: relative; z-index: 10; }

.btn-box span:first-child { font-size: 16px; width: 100%; height: 100%; letter-spacing: 0.2em; line-height: 49px; background-color: #7da070; text-align: center; }

.btn-box span:last-child { position: absolute; top: 22px; right: 15px; width: auto; height: 4px; }

.btn-box svg polyline { stroke: #ffffff; fill: none; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; }

.btn-box.small { width: 150px; height: 35px; }

.btn-box.small span:first-child { padding-right: 10px; font-size: 12px; line-height: 35px; font-family: -apple-system, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif; }

.btn-box.small span:last-child { top: 13px; right: 15px; }

.btn-box.small span svg polyline { stroke: #ffffff; fill: none; stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; }

.btn-box.small:after { border-color: #292929; }

.btn-box.small span:first-child { background-color: #292929; }

.btn-map { text-align: center; display: inline-block; letter-spacing: 0.1em; border-bottom: 2px solid #292929; font-size: 12px; line-height: 21px; }

@media screen and (min-width: 768px) { .btn-box p, .btn-box span { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .btn-box:hover p, .btn-box:hover span { -webkit-transform: translate(3px, 3px); transform: translate(3px, 3px); } }

.l-footer { position: relative; z-index: 10; background-color: #fff8e3; }

.l-footer .l-sns { margin-bottom: 28px; }

.l-footer__wrapper { text-align: center; }

.l-footer__contain { position: relative; z-index: 10; width: 100%; padding: 84px 0 0; }

.l-footer__logo { margin-bottom: 28px; }

.l-footer__logo__svg { width: auto; height: 21px; margin: auto; }

.l-footer__logo__svg path, .l-footer__logo__svg polygon { fill: #7da070; }

.l-footer__logo__img { display: block; width: 150px; height: auto; margin: auto; }

.l-footer .l-sns__svg { width: auto; height: 21px; }

.l-footer__text { margin-bottom: 35px; color: #292929; font-size: 18px; font-weight: 500; text-align: center; letter-spacing: 0.1em; }

.l-footer__contact { font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; display: inline-block; padding: 7px 20px; margin-bottom: 14px; background-color: #ffffff; font-weight: 500; letter-spacing: 0.05em; border: 1px solid #292929; }

.l-footer__contact span { display: inline-block; }

.l-footer__contact span:first-child { font-size: 12px; }

.l-footer__contact span svg { width: auto; height: 12px; margin: 0 2px -1px 10px; }

.l-footer__contact span svg * { fill: none; stroke: #292929; stroke-miterlimit: 10; }

.l-footer__contact { -webkit-transition-property: color, background-color; transition-property: color, background-color; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.l-footer__contact span svg * { -webkit-transition-property: stroke; transition-property: stroke; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.l-footer__contact:hover { background-color: #292929; color: #ffffff; }

.l-footer__contact:hover span svg * { stroke: #ffffff; }

.l-footer__management { margin-bottom: 28px; }

.l-footer__management__txt { font-size: 12px; line-height: 42px; letter-spacing: 0.3em; font-weight: bold; }

.l-footer__management__logo { display: block; width: auto; height: 35px; margin: auto; }

.l-footer__copyright { padding: 14px 20px 28px; font-size: 12px; font-weight: 500; letter-spacing: 0.05em; line-height: 21px; }

.l-footer__copyright p:nth-of-type(2) { margin: 28px 0 7px; }

@media screen and (max-width: 374px) { .l-footer__copyright { font-size: 11px; } }

/* main: ../style.scss*/
/*header*/
.l-header { position: absolute; top: 0; padding: 38px 0 39px; background-color: #ffffff; left: 0; z-index: 1000; width: 100%; }

.l-header__wrapper { width: 100%; }

.l-header__logo { z-index: 3000; position: absolute; top: 7px; left: 10px; }

.l-header__logo__a { display: block; }

.l-header__logo__svg { width: auto; height: 18px; }

.l-header__logo__svg path, .l-header__logo__svg polygon { fill: #7da070; }

.l-header__logo__img { display: block; width: auto; height: 63px; }

.l-globalNav { display: none; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); -webkit-transform: translateX(70vw); transform: translateX(70vw); opacity: 0; }

.l-globalNav__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; }

.l-globalNav__menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 28px; }

.l-globalNav a { display: block; margin: 0 10px; font-size: 24px; letter-spacing: 0.05em; }

.l-globalNav__update { margin-right: 10px; font-size: 15px; font-weight: 500; letter-spacing: 0.05em; }

.l-globalMenu { position: fixed; top: 14px; opacity: 1; right: 0; z-index: 3000; cursor: pointer; }

.l-globalMenu.visible { opacity: 1; }

.l-globalMenu__wrapper { width: 49px; height: 49px; position: relative; }

.l-globalMenu span { display: inline-block; position: absolute; left: 10px; width: 30px; height: 2px; background-color: #292929; border-radius: 1px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.l-globalMenu span:nth-child(1) { top: 17px; }

.l-globalMenu span:nth-child(2) { top: 24px; }

.l-globalMenu span:nth-child(3) { top: 31px; }

.l-globalMenu.active span:nth-child(1) { -webkit-transform: rotate(45deg) translate(5px, 5px); transform: rotate(45deg) translate(5px, 5px); }

.l-globalMenu.active span:nth-child(2) { opacity: 0; }

.l-globalMenu.active span:nth-child(3) { -webkit-transform: rotate(-45deg) translate(5px, -5px); transform: rotate(-45deg) translate(5px, -5px); }

@media screen and (min-width: 1024px) { .l-header { padding: 21px 0; }
  .l-header__logo { left: 3%; }
  .l-header__logo svg { height: 21px; }
  .l-header__logo__img { height: 105px; }
  .l-globalNav { display: block; position: relative; top: inherit; left: inherit; background-color: inherit; padding-top: 0; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
  .l-globalNav__wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .l-globalNav__menu { margin-bottom: 0; }
  .l-globalNav__menu a, .l-globalNav__menu span { position: relative; font-size: 15px; display: inline-block; margin-bottom: 0; }
  .l-globalNav__menu a:after, .l-globalNav__menu span:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #7da070; opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .l-globalNav__menu a.active, .l-globalNav__menu span.active { cursor: auto; }
  .l-globalNav__menu a.active:after, .l-globalNav__menu span.active:after { opacity: 1; }
  .l-globalNav__menu a:hover:after, .l-globalNav__menu span:hover:after { opacity: 1; }
  .l-globalNav .l-sns { margin: 7px 0 0; padding-top: 0; }
  .l-globalNav .l-sns__link { margin: auto 5px; }
  .l-globalNav .l-sns__link:first-child { margin: auto 5px auto 20px; }
  .l-globalNav .l-sns__link:last-child { margin: auto 0 auto 5px; }
  .l-globalNav .l-sns__link svg { height: 21px; }
  .l-globalMenu { display: none; } }

/* main: ../style.scss*/
html { font-family: -apple-system, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif; line-height: 28px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 14px; overflow-y: scroll; -ms-font-feature-settings: inherit; }

html { visibility: hidden; }

html.wf-active, html.loading-delay { visibility: visible; }

body { -webkit-font-smoothing: auto; text-rendering: auto; color: #292929; -webkit-font-feature-settings: "pkna" 1; font-feature-settings: "pkna" 1; -ms-font-feature-settings: inherit; line-height: 28px; letter-spacing: 0.03em; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

.l-wrapper { width: 100%; min-height: 100vh; position: relative; overflow: hidden; }

.l-containers { display: block; padding-top: 77px; position: relative; z-index: 10; }

.frontpage .l-containers { padding-top: 0; }

.c-title { text-align: center; margin-bottom: 35px; margin-top: 35px; }

.c-title__jp, .c-title__en { display: block; }

.c-title__en { font-size: 28px; line-height: 35px; text-transform: uppercase; }

.c-title__jp { font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-size: 15px; letter-spacing: 0.075em; }

.l-sns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.l-sns__a { margin: auto 5px; }

.l-sns__a.facebook { color: #5A86E5; }

.l-sns__a.facebook path { fill: #5A86E5; }

.l-sns__a.twitter { color: #9ECDF0; }

.l-sns__a.twitter path { fill: #9ECDF0; }

.l-sns__a.instagram { color: #DF76A2; }

.l-sns__a.instagram path { fill: #DF76A2; }

.l-sns__svg { width: auto; height: 18px; }

.l-sns__svg path { fill: #292929; }

.l-section__wrapper { width: 100%; padding-top: 70px; padding-bottom: 84px; }

.l-section__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }

.l-section__card { width: calc(50% - 10px); margin: 0 0 28px; text-align: center; }

.l-section__card:last-of-type { margin: 0; }

.l-section__card__a { display: block; width: 100%; overflow: hidden; margin-bottom: 7px; border-radius: 12px; }

.l-section__card__img { display: block; width: 100%; padding-top: 80%; background-position: center; background-repeat: no-repeat; background-size: cover; }

.bgWhite { background-color: #ffffff; }

.bgWhite.h100 { height: 600px; }

.l-language { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; letter-spacing: 0.05em; }

.l-language__btn { display: block; position: relative; padding: 0 4px; cursor: pointer; font-size: 13px; }

.l-language__btn:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #7da070; opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.l-language__btn.active { cursor: auto; }

.l-language__btn.active:after { opacity: 1; }

.l-language__btn:hover:after { opacity: 1; }

.l-language__space { margin: 0 5px; }

.l-ad__wrapper { width: 100%; padding: 56px 20px; background-color: rgba(0, 0, 0, 0.05); }

.l-ad__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 1040px; margin: auto; }

.l-ad__card { width: 50%; max-width: 250px; margin: 0px 5px; }

.l-ad__card span { display: block; }

.l-ad__image { display: block; width: 100%; overflow: hidden; position: relative; }

.l-ad__image img { display: block; width: 100%; height: auto; }

.l-banner__volunteer { max-width: 1040px; margin: auto; }

.l-banner__volunteer__link, .l-banner__talksession__link { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: auto; height: 140px; background-position: center; background-repeat: no-repeat; background-size: cover; }

.l-banner__volunteer__link:after, .l-banner__talksession__link:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15); z-index: 1; }

.l-banner__volunteer__txt { position: relative; z-index: 10; display: block; text-align: center; color: #ffffff; font-weight: 700; letter-spacing: 0.05em; font-size: 18px; line-height: 21px; padding-top: 7px; }

.l-banner__volunteer__txt .en { font-size: 14px; }

.l-banner__volunteer__notice { margin-top: 7px; font-size: 12px; text-align: center; line-height: 16px; }

.l-banner__talksession { padding: 0 25px; }

.l-banner__talksession__link { height: 196px; margin: auto; }

.l-banner__talksession__txt { position: relative; z-index: 10; width: 100%; color: #ffffff; font-size: 18px; padding: 0px 15px; letter-spacing: 0.02em; }

.l-banner__talksession__txt span { display: block; }

.l-banner__talksession__txt span:nth-of-type(2) { font-size: 16px; }

/*media query*/
@media screen and (min-width: 768px) { .c-title { margin-bottom: 42px; margin-top: 42px; }
  .c-title__en { margin-bottom: 7px; }
  .l-section__wrapper { padding-top: 98px; padding-bottom: 112px; }
  .l-section__list--archive { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .l-section__card { width: calc(33.33% - 20px); margin-left: 20px !important; }
  .l-section__card:nth-of-type(3n+1) { margin-left: 0; }
  .l-section__card__img { padding-top: 66.66%; }
  .l-ad__wrapper { padding: 84px 25px; }
  .l-ad__card { margin: 0px 10px; }
  .l-ad__card span { display: block; }
  .l-banner__volunteer { max-width: 1040px; margin: auto; padding: 0; }
  .l-banner__volunteer__link, .l-banner__talksession__link { height: 203px; }
  .l-banner__volunteer__link:after, .l-banner__talksession__link:after { -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .l-banner__volunteer__link:hover:after, .l-banner__talksession__link:hover:after { background-color: rgba(0, 0, 0, 0); }
  .l-banner__volunteer__txt { font-size: 22px; line-height: 28px; }
  .l-banner__volunteer__txt .en { font-size: 16px; }
  .l-banner__talksession__link { height: 280px; }
  .l-banner__talksession_txt { letter-spacing: 0.05em; font-size: 20px; } }

@media screen and (min-width: 1024px) { .l-containers { padding-top: 70px; }
  .l-banner__workshop .l-topNews__follow__wrapper { height: 167px; } }

.frontpage #js-wrapper:after { display: block; content: ""; position: fixed; top: 0; left: 0; z-index: 100; -webkit-transform: translateX(0); transform: translateX(0); background-color: #fff8e3; width: 100%; height: 100%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }

.frontpage #js-wrapper.active:after { -webkit-transform: translateX(103%); transform: translateX(103%); -webkit-transition-duration: 1.2s; transition-duration: 1.2s; }

.frontpage #js-wrapper.active .js-topLoading2 { opacity: 1; }

.frontpage .l-loadingBg { -webkit-transform: translateX(-100%); transform: translateX(-100%); width: 103%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); background-color: inherit; }

.frontpage .l-loadingBg.active { -webkit-transition-duration: 1.5s; transition-duration: 1.5s; -webkit-transform: translateX(3%); transform: translateX(3%); background-color: #fff8e3; }

.frontpage .l-loadingBg.none { display: none; }

.js-topLoading2 { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 1.2s; transition-duration: 1.2s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.l-loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; background-color: #ffffff; }

.l-loading.none { display: none; }

.l-loading__wrapper { width: 100%; height: 100%; position: relative; opacity: 0; -webkit-transform: scale(1.1); transform: scale(1.1); }

.l-loading__wrapper.active { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-property: opacity transform; transition-property: opacity transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.l-loading__wrapper.active.hide { opacity: 0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-delay: 0s; transition-delay: 0s; }

.l-loading__logo, .l-loading__subtitle { position: absolute; top: 50%; left: 50%; z-index: 10; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: auto; }

.l-loading__logo { width: 105px; }

.l-loading__subtitle { width: 160px; -webkit-animation: 60s linear infinite rotation1; animation: 60s linear infinite rotation1; }

.l-loadingBg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: #fff8e3; }

.l-tophero__wrapper { position: relative; width: 100%; height: 100vh; }

.l-tophero__logo { position: absolute; z-index: 100; top: 55%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }

.l-tophero__logo__svg { width: 95%; max-width: 350px; height: auto; margin: auto; }

.l-tophero__logo__svg path { fill: #292929; }

.l-tophero__logo__white path { fill: #ffffff; }

.l-tophero__notice { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-top: 15%; margin-top: 10%; }

.l-tophero__notice__txt { padding: 10px 0px 12px 7px; width: 170px; background-color: #7da070; text-align: center; font-weight: 700; color: #fff; font-size: 18px; line-height: 18px; letter-spacing: 0.15em; }

.l-tophero__notice__txt2 { margin: auto; padding: 28px 40px; background-color: #ffffff; font-weight: 700; text-align: center; line-height: 21px; }

.l-tophero__illust { position: absolute; z-index: 10; display: block; height: 37.5%; }

.l-tophero__illust.left { top: 32%; left: -0.5%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.l-tophero__illust.right { top: 82%; right: 0.5%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); }

.l-tophero__illust__wrapper { position: relative; height: 100%; }

.l-tophero__illust__face, .l-tophero__illust__flower1, .l-tophero__illust__flower2 { position: absolute; top: 50%; left: 50%; display: block; width: auto; height: 100%; }

.l-tophero__illust__face { -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.l-tophero__illust__flower { position: absolute; top: 50%; left: 50%; z-index: 1; -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg); transform: translate3d(-50%, -50%, 0) rotate(0deg); height: 100%; }

.l-tophero__illust__flower1, .l-tophero__illust__flower2 { -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.l-tophero.active .left .l-tophero__illust__flower { -webkit-animation: 120s linear infinite rotation2; animation: 120s linear infinite rotation2; }

.l-tophero.active .left .l-tophero__illust__flower2 { -webkit-animation: 6s linear infinite flash 0s; animation: 6s linear infinite flash 0s; }

.l-tophero.active .right .l-tophero__illust__flower { -webkit-animation: 120s linear infinite rotation1; animation: 120s linear infinite rotation1; }

.l-tophero.active .right .l-tophero__illust__flower2 { -webkit-animation: 6s linear infinite flash 2s; animation: 6s linear infinite flash 2s; }

@-webkit-keyframes rotation1 { 0% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg); transform: translate3d(-50%, -50%, 0) rotate(0deg); }
  100% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg); transform: translate3d(-50%, -50%, 0) rotate(360deg); } }

@keyframes rotation1 { 0% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg); transform: translate3d(-50%, -50%, 0) rotate(0deg); }
  100% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg); transform: translate3d(-50%, -50%, 0) rotate(360deg); } }

@-webkit-keyframes rotation2 { 0% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg); transform: translate3d(-50%, -50%, 0) rotate(0deg); }
  100% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(-360deg); transform: translate3d(-50%, -50%, 0) rotate(-360deg); } }

@keyframes rotation2 { 0% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg); transform: translate3d(-50%, -50%, 0) rotate(0deg); }
  100% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(-360deg); transform: translate3d(-50%, -50%, 0) rotate(-360deg); } }

@-webkit-keyframes flash { 0% { opacity: 1; }
  20% { opacity: 1; }
  40% { opacity: 0; }
  60% { opacity: 0; }
  80% { opacity: 1; }
  100% { opacity: 1; } }

@keyframes flash { 0% { opacity: 1; }
  20% { opacity: 1; }
  40% { opacity: 0; }
  60% { opacity: 0; }
  80% { opacity: 1; }
  100% { opacity: 1; } }

.l-topSchedule__wrapper { position: relative; padding-bottom: 28px; }

.l-topSchedule__event { display: block; }

.l-topSchedule__event:first-of-type:after { content: ""; display: block; z-index: 1; width: 100%; height: 1px; background-color: #292929; margin: 42px 0; }

.l-topSchedule__event__name { height: 49px; margin-bottom: 7px; }

.l-topSchedule__event__name svg { height: 100%; }

.l-topSchedule__event__date { line-height: 21px; font-size: 21px; letter-spacing: 0; }

.l-topSchedule__event__place { padding-top: 14px; letter-spacing: 0.1em; }

.l-topSchedule__event__address { font-size: 12px; letter-spacing: 0.15em; line-height: 14px; }

.l-topSchedule__event--hiroshima .l-topSchedule__svg { height: 21px; }

.l-topSchedule__event--miyajima .l-topSchedule__svg { height: 24.5px; }

.l-topSchedule__svg { display: block; width: auto; }

.l-topSchedule__svg path { fill: #292929; }

.l-topSchedule__logo { display: block; margin-top: 42px; }

.l-topSchedule__logo__img { display: block; width: auto; height: 30px; margin: auto; }

.l-topMessage .l-section__wrapper { padding-top: 0; padding-bottom: 84px; }

.l-topConcept__wrapper { position: relative; padding-bottom: 28px; }

.l-topConcept__image { width: 100%; }

.l-topConcept__img { display: block; width: 100%; height: auto; }

.l-topConcept .l-language { margin: 28px 0; }

.l-topConcept__outline { position: relative; z-index: 10; }

.l-topConcept__outline__title { margin-bottom: 21px; font-size: 28px; line-height: 35px; letter-spacing: 0.1em; }

.l-topConcept__outline__title span { background: -webkit-gradient(linear, left top, left bottom, from(#fff8e3), to(#fff8e3)); background: -webkit-linear-gradient(#fff8e3 0%, #fff8e3 100%); background: linear-gradient(#fff8e3 0%, #fff8e3 100%); display: inline; }

.l-topConcept__outline__p { margin-bottom: 7px; line-height: 24px; }

.l-topConcept__outline__p:last-of-type { margin-bottom: 0; }

.l-topConcept__outline__span { background: -webkit-gradient(linear, left top, left bottom, from(#fff8e3), to(#fff8e3)); background: -webkit-linear-gradient(#fff8e3 0%, #fff8e3 100%); background: linear-gradient(#fff8e3 0%, #fff8e3 100%); display: inline; padding: 7px 0; }

.l-message__bg { background-color: #ffffff; padding: 49px 25px 70px; text-align: justify; }

.l-message .l-topConcept__outline__span { background: none; }

.l-topNews__wrapper { width: 100%; background-color: rgba(0, 0, 0, 0.05); padding: 70px 0; background-image: url(../images/bg-illust1.png); background-repeat: repeat; background-size: 250px 230px; }

.l-topNews__list { width: 100%; max-width: 800px; margin: auto auto 56px; padding: 0 25px; }

.l-topNews__line { position: relative; margin-bottom: 28px; padding: 21px; background-color: #ffffff; line-height: 21px; cursor: pointer; text-align: justify; }

.l-topNews__line .l-sns__link { height: 16px; margin: -2px 10px; }

.l-topNews__line .l-sns__link svg { width: 16px; height: 16px; }

.l-topNews__date { position: absolute; top: -14px; left: 0; padding: 5px 10px; font-size: 10px; font-weight: 700; line-height: 14px; letter-spacing: 0.1em; background-color: #e7be32; color: #292929 !important; }

.l-topNews__follow { width: 100%; max-width: 366px; padding: 0 25px; text-align: center; margin: auto; }

.l-topNews__follow__wrapper { background-color: #ffffff; padding: 21px 0 33px; }

.l-topNews__follow__title { margin-bottom: 21px; }

.l-topNews__follow__title span { display: inline-block; position: relative; z-index: 10; font-size: 18px; font-weight: 700; letter-spacing: 0.05em; }

.l-topNews__follow__title span:before { content: ""; display: block; position: absolute; left: 0; bottom: 2px; z-index: -1; width: 100%; height: 7px; background-color: #e7be32; }

.l-topNews__follow .l-sns { margin-bottom: 0; }

.l-lineup__wrapper { width: 100%; padding: 70px 0; }

.l-lineup__container { padding: 56px 0 84px; text-align: center; font-weight: 700; color: #ffffff; background-color: #FF837B; }

.l-lineup__container__frame { width: 100%; max-width: 1040px; margin: auto; }

.l-lineup__container .l-lineup__card img { border-color: #FF837B; }

.l-lineup__container .l-lineup__label { border-color: #ffffff; }

.l-lineup__container .l-lineup__stage span { border-color: #ffffff; }

.l-lineup__container.itsukushima { background-color: #57B196; }

.l-lineup__container.itsukushima .l-lineup__card img { border-color: #57B196; }

.l-lineup__place { text-align: center; margin-bottom: 42px; letter-spacing: 0.075em; color: #ffffff; }

.l-lineup__place span { display: block; }

.l-lineup__place span:nth-of-type(1) { font-size: 28px; line-height: 42px; }

.l-lineup__place span:nth-of-type(2) { font-size: 20px; }

.l-lineup__stage { margin-bottom: 35px; }

.l-lineup__stage span { display: inline-block; padding: 5px 39px; font-size: 16px; letter-spacing: 0.1em; border-width: 2px; border-style: solid; }

.l-lineup__stage.credo span { padding: 7px 39px; background-image: url(../images/frame1.svg); background-size: contain; background-repeat: no-repeat; background-position: center; border-width: 0; }

.l-lineup__stage.underline { margin-bottom: 28px; }

.l-lineup__stage.underline span { padding: 3px 0 2px; border-width: 0; border-bottom-width: 2px; font-size: 20px; }

.l-lineup__stage.double span { border-style: double; border-width: 4px; }

.l-lineup__stage.mc { margin-bottom: 28px; }

.l-lineup__stage.mc span { padding: 0; border-width: 0; font-size: 20px; }

.l-lineup__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 20px 14px; }

.l-lineup__list.mini { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.l-lineup__list.mini .l-lineup__card { width: calc(33.33% - 10px); }

.l-lineup__list.mini .l-lineup__card img { margin-bottom: 0; }

.l-lineup__list.mini .l-lineup__name { font-size: 13px; }

.l-lineup__list.logo { padding-bottom: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.l-lineup__list.logo .l-lineup__card { width: auto; margin-bottom: 0; }

.l-lineup__list.logo .l-lineup__card img { margin-bottom: 0; width: auto; height: 65px; background-color: #fff; }

.l-lineup__list.large.pb0 { padding-bottom: 0; }

.l-lineup__list.large .l-lineup__card { width: 100%; margin: 0 0 28px; }

.l-lineup__list.large .l-lineup__card img { display: block; }

.l-lineup__list.large .l-lineup__card__image { position: relative; margin: 4px 4px 7px; }

.l-lineup__list.large .l-lineup__card__image:after { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); }

.l-lineup__list.large .l-lineup__card__title { position: absolute; top: 50%; left: 0; z-index: 10; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #ffffff; letter-spacing: 0.05em; font-size: 20px; }

.l-lineup__list.large .l-lineup__card__title span { display: block; }

.l-lineup__list.large .l-lineup__card__title span:nth-of-type(2) { font-size: 16px; }

.l-lineup__list.large .l-lineup__name { letter-spacing: 0; color: #ffffff; }

.l-lineup__card { width: calc(50% - 10px); margin: 0 5px 21px; }

.l-lineup__card img { width: 100%; height: auto; }

.l-lineup__name { font-size: 13px; line-height: 21px; letter-spacing: 0.1em; color: #292929; }

.l-lineup__label { margin-bottom: 28px; }

.l-lineup__label span { display: inline-block; font-size: 20px; letter-spacing: 0.075em; border-bottom-width: 3px; border-style: solid; }

.l-topGallery__wrapper { width: 100%; margin: auto; position: relative; }

.l-topGallery__bg { width: 100%; height: 378px; background-image: url(../images/bg-gallery-sp.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }

.l-topGallery__bg:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); }

.l-topGallery__btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.l-access__wrapper { width: 100%; max-width: 1040px; margin: auto; padding: 0 5px 84px; }

.l-access__card { width: 100%; padding: 0 20px; color: #57B196; }

.l-access__card path { fill: #57B196; }

.l-access__card .btn { background-color: #57B196; border-color: #57B196; }

.l-access__card.hiroshima { color: #FF837B; margin-top: 56px; }

.l-access__card.hiroshima path { fill: #FF837B; }

.l-access__card.hiroshima .btn { background-color: #FF837B; border-color: #FF837B; }

.l-access__card.hiroshima .btn:hover { color: #FF837B; background-color: #ffffff; }

.l-access__eventname { margin-bottom: 21px; }

.l-access__eventname div { font-size: 21px; font-weight: 700; letter-spacing: 0.075em; text-align: center; }

.l-access__eventname div svg { width: auto; height: 40px; margin: auto auto 9px; }

.l-access__stage { margin-bottom: 35px; font-size: 15px; font-weight: 700; text-align: center; letter-spacing: 0.15em; }

.l-access__gmap { width: 100%; max-height: 350px; height: calc(100vw - 50px); background-color: #fff8e3; margin-bottom: 14px; }

.l-access__btn { text-align: right; margin-bottom: 35px; }

.l-access__howto { padding-bottom: 28px; text-align: justify; }

.l-access__howto p:first-child { margin-bottom: 7px; font-size: 18px; font-weight: 700; letter-spacing: 0.2em; }

.l-access__howto p:last-child { color: #292929; }

.l-access__howto:last-child { padding-bottom: 0; }

.l-donate { width: 100%; padding: 70px 20px 84px; background-color: #fff8e3; margin-bottom: 80px; }

.l-donate__box { padding: 42px 20px 49px; border: 4px solid #7da070; }

.l-donate__title { font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; margin-bottom: 14px; font-size: 20px; }

.l-donate__copy { font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; margin-bottom: 14px; font-size: 16px; font-weight: 700; line-height: 24px; }

.l-donate__text { margin-bottom: 28px; line-height: 21px; }

.l-donate .l-footer__contact { margin-bottom: 49px; }

.l-donate__bank__text { font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; margin-bottom: 21px; font-size: 16px; line-height: 24px; }

.l-donate__bank__notice { text-align: center; margin-bottom: 14px; }

.l-donate__bank__account { padding: 21px 20px 28px; border: 1px solid #292929; background-color: #fff; }

.l-donate__bank__account p { line-height: 21px; }

.l-donate__bank__account p:first-of-type { margin-bottom: 14px; }

.l-donate__bank__account b { display: block; }

.l-topPartner { background-color: #ffffff; }

.l-topPartner__wrapper { width: 100%; max-width: 1040px; margin: auto; padding: 84px 0; text-align: center; }

.l-topPartner__subtitle, .l-partners__head { margin-bottom: 21px; }

.l-topPartner__subtitle span, .l-partners__head span { display: inline-block; font-size: 18px; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; letter-spacing: 0.3em; font-weight: 700; }

.l-topPartner__subtitle span:after, .l-partners__head span:after { content: ""; display: block; width: 66%; height: 2px; margin: 5px auto auto; background-color: #292929; }

.l-topPartner__list { padding: 0 10px 21px; }

.l-topPartner__list .logo { display: inline-block; margin: auto 4px 0; }

.l-topPartner__list .logo img { display: block; width: auto; height: 23px; }

.l-topPartner__list .logo img.size120 { height: 120px; }

.l-topPartner__list .logo img.size75 { height: 75px; }

.l-topPartner__list .logo img.size40 { height: 40px; }

.l-topPartner__list .logo img.size60 { height: 60px; }

.l-topPartner__list.top { padding: 7px 10px 35px; }

.l-topPartner__list.middle { padding: 21px 10px 21px; }

.l-topPartner__text { padding: 0 25px; font-size: 12px; line-height: 21px; letter-spacing: 0.04em; font-weight: 700; }

.l-topPartner__text span { display: inline-block; }

.l-topPartner__bottom { width: 100%; padding: 0 25px; max-width: 1040px; margin: auto; margin-top: 112px; text-align: center; }

.l-topPartner__bottom .l-topPartner__subtitle, .l-topPartner__bottom .l-partners__head { margin-bottom: 28px; }

.l-topPartner__bottom .l-topPartner__subtitle span:after, .l-topPartner__bottom .l-partners__head span:after { width: 33%; }

.l-topPartner__bottom__wrap { border: 2px solid #292929; padding: 49px 15px; }

.l-topPartner__bottom__text { font-weight: 700; margin-bottom: 28px; }

.l-topPartner__bottom__bank div { font-size: 16px; font-weight: 700; letter-spacing: 0.05em; margin-bottom: 14px; }

.l-topPartner__btn { padding-top: 56px; }

.l-topPartner__btn .btn { margin: auto; }

.l-timetable__wrapper { width: 100%; background-color: rgba(0, 0, 0, 0.05); padding: 70px 0; }

.l-timetable__list { width: 100%; max-width: 1040px; margin: auto auto 56px; padding: 0 25px; }

.l-timetable__card img { display: block; width: auto; height: 365px; margin: auto; }

.l-timetable__card.hiroshima { padding-bottom: 56px; }

.l-timetable__card.hiroshima .l-timetable__place { color: #FF837B; }

.l-timetable__card.hiroshima .l-timetable__place:after { background-color: #FF837B; }

.l-timetable__place { text-align: center; font-size: 20px; font-weight: 700; letter-spacing: 0.075em; color: #57B196; }

.l-timetable__place:after { content: ""; display: block; width: 50px; height: 2px; margin: 21px auto 28px; background-color: #57B196; }

.l-event__header { margin: 70px 0; }

.l-event__heroimage { width: 100%; height: 280px; background-repeat: no-repeat; background-position: center 65%; background-image: url(../images/event-img1.jpg); background-size: cover; }

.l-event__heroimage.miyajima { background-image: url(../images/event-img2.jpg); }

.l-event__heroimage.hatsukaichi { background-image: url(../images/event-img3.jpg); }

.l-event__outline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 28px 0 42px 30px; background-color: #ffffff; }

.l-event .btn-map { margin-top: 0px; }

.l-exhibitionList { padding: 7px 0 112px; }

.l-exhibition { margin-bottom: 56px; }

.l-exhibition:last-of-type { margin-bottom: 0; }

.l-exhibition__wrapper { max-width: 470px; }

.l-exhibition__image { padding: 0 50px; margin-bottom: 28px; }

.l-exhibition__img { display: block; width: 100%; height: auto; }

.l-exhibition__title { font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; margin-bottom: 14px; font-size: 21px; line-height: 28px; text-align: center; }

.l-exhibition__text { text-align: justify; line-height: 21px; }

@media screen and (max-width: 812px) and (orientation: landscape) { .l-tophero__wrapper { height: 150vh !important; }
  .l-tophero__notice { margin-top: 5%; }
  .l-tophero__illust { height: 65%; }
  .l-tophero__illust.left { top: 50%; }
  .l-tophero__illust.right { top: 50%; } }

@media screen and (min-width: 768px) and (orientation: portrait) { .l-tophero__wrapper { height: 70vh !important; } }

@media screen and (min-width: 768px) { .l-tophero__logo { top: 55.75%; }
  .l-tophero__logo__svg { width: 42%; max-width: 470px; }
  .l-tophero__notice { margin-top: 5%; }
  .l-tophero__notice__txt { font-size: 22px; line-height: 22px; }
  .l-tophero__illust { height: 65%; }
  .l-tophero__illust.left { top: 50%; }
  .l-tophero__illust.right { top: 50%; }
  .l-topSchedule__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0; }
  .l-topSchedule__wrapper:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1; width: 126px; height: 1px; background-color: #292929; }
  .l-topSchedule__event { padding: 14px 15px; }
  .l-topSchedule__event:first-of-type:after { display: none; }
  .l-topSchedule__event__name { height: 63px; margin-bottom: 14px; }
  .l-topSchedule__event--hiroshima { margin-right: 80px; }
  .l-topSchedule__event--miyajima { margin-left: 80px; }
  .l-topMessage { margin-bottom: 42px; }
  .l-topMessage .l-section__wrapper { padding-top: 98px; padding-bottom: 112px; }
  .l-message__bg { text-align: left; padding: 70px 50px 84px; }
  .l-topConcept__wrapper { padding-bottom: 112px; }
  .l-topConcept__image { position: absolute; top: 175px; right: 20px; width: 66.66%; max-width: 650px; }
  .l-topMessage .l-topConcept__image { top: inherit; bottom: 84px; }
  .l-topConcept .l-language { position: absolute; top: 0; right: 0; margin: 0; }
  .l-topConcept__outline__title { margin-bottom: 35px; font-size: 34px; line-height: 49px; }
  .l-topConcept__outline__p { margin-bottom: 21px; line-height: 28px; }
  .l-topNews__wrapper { padding: 98px 0; }
  .l-topNews__line { padding: 21px 45px; }
  .l-lineup__wrapper { padding: 98px 0; }
  .l-lineup__title { padding-bottom: 28px; }
  .l-lineup__container { padding: 84px 0 112px; }
  .l-lineup__container a.l-lineup__card:hover img { border-color: #ffffff; }
  .l-lineup__container.hiroshima a.l-lineup__card:hover img { border-color: #ffffff; }
  .l-lineup__place { margin-bottom: 70px; font-size: 26px; }
  .l-lineup__place span:nth-of-type(1) { font-size: 30px; line-height: 49px; }
  .l-lineup__place span:nth-of-type(2) { font-size: 20px; }
  .l-lineup__stage { margin-bottom: 49px; }
  .l-lineup__stage span { font-size: 18px; }
  .l-lineup__stage.underline { margin-bottom: 42px; }
  .l-lineup__stage.underline span { padding: 7px 0 5px; }
  .l-lineup__list { padding: 0 20px 28px; }
  .l-lineup__list.mini { padding: 0 5px 42px; }
  .l-lineup__list.mini .l-lineup__card { width: calc(20% - 10px); margin: 0 5px 21px; }
  .l-lineup__list.logo .l-lineup__card img { height: 85px; }
  .l-lineup__list.large .l-lineup__card { width: calc(50% - 20px); margin: 0 10px 35px; }
  .l-lineup__list.large .l-lineup__card:hover .l-lineup__card__image:after { background-color: rgba(0, 0, 0, 0); }
  .l-lineup__list.large .l-lineup__card__image:after { -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .l-lineup__list.large .l-lineup__card img { border-width: 0px; }
  .l-lineup__list.large .l-lineup__card__title { font-size: 20px; margin: 4px 4px 14px; }
  .l-lineup__list.large .l-lineup__card__title span:nth-of-type(1) { font-size: 26px; }
  .l-lineup__list.large .l-lineup__name { font-size: 14px; letter-spacing: 0.1em; }
  .l-lineup__card { width: calc(33.33% - 20px); margin: 0 10px 35px; }
  .l-lineup__card img { margin-bottom: 7px; border-width: 4px; border-style: solid; -webkit-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .l-lineup__name { font-size: 16px; letter-spacing: 0.2em; }
  .l-lineup__label { padding-top: 14px; }
  .l-lineup__label span { font-size: 22px; line-height: 35px; }
  .l-topGallery__wrapper { margin: auto; }
  .l-topGallery__wrapper:hover .l-topGallery__bg:after { background-color: rgba(0, 0, 0, 0); }
  .l-topGallery__wrapper:hover .btn-box span { -webkit-transform: translate(3px, 3px); transform: translate(3px, 3px); }
  .l-topGallery__bg { background-image: url(../images/bg-gallery.jpg); }
  .l-topGallery__bg:after { -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 1.2s; transition-duration: 1.2s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .l-access__wrapper { padding: 0 5px 112px; }
  .l-access__mapList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .l-access__card { width: 50%; max-width: 588px; }
  .l-access__card .btn:hover { color: #57B196; background-color: #ffffff; }
  .l-access__card.hiroshima { margin-top: 0; }
  .l-access__card.hiroshima .btn:hover { color: #FF837B; background-color: #ffffff; }
  .l-access__gmap { max-height: 280px; height: calc(50vw - 50px); }
  .l-access__howto { padding-bottom: 42px; }
  .l-access__btn { margin-bottom: 21px; }
  .l-donate { padding-top: 98px; padding-bottom: 112px; }
  .l-donate__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 56px 60px 63px; }
  .l-donate__title { font-size: 21px; margin-bottom: 0; }
  .l-donate__content { width: 63%; }
  .l-donate__copy { line-height: 28px; font-size: 18px; }
  .l-donate__text { margin-bottom: 28px; line-height: 28px; }
  .l-donate__bank__text { font-size: 16px; }
  .l-donate__bank__notice { text-align: left; }
  .l-donate__bank__account { padding: 21px 30px 14px; }
  .l-donate__bank__account p { margin-right: 50px; }
  .l-donate__bank__account b { margin-bottom: 7px; }
  .l-donate__bank__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .l-timetable__wrapper { padding: 98px 0; }
  .l-timetable__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .l-timetable__card { padding-top: 21px; }
  .l-timetable__card img { height: 556px; margin: inherit; }
  .l-timetable__card.hiroshima { padding-bottom: 0; }
  .l-timetable__place { font-size: 26px; }
  .l-timetable__place:after { margin: 28px auto 35px; height: 3px; }
  .l-event__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 420px; margin: 112px 0; }
  .l-event__heroimage { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; }
  .l-event__outline { width: 420px; height: 100%; padding: 0 0 35px 60px; }
  .l-exhibitionList { padding: 42px 0 224px; }
  .l-exhibition.rev .l-exhibition__wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .l-exhibition__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 1040px; }
  .l-exhibition__image { width: 45%; margin-bottom: 0; }
  .l-exhibition__outline { width: 55%; padding: 0 50px; }
  .l-exhibition__title { text-align: left; }
  .l-exhibition__text { text-align: left; } }

@media screen and (min-width: 1024px) { .l-topDescription__wrapper { padding: 0 25px; }
  .l-topDescription__title { margin-bottom: 56px; }
  .l-topDescription__eventname { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 28px; }
  .l-topDescription__eventname div svg { height: 49px; margin: auto 10px auto 30px; }
  .l-topDescription__date { margin-bottom: 42px; }
  .l-topDescription__stage__line { padding: 14px 20px; }
  .l-topDescription__stage__item:first-child { width: 220px; font-size: 18px; }
  .l-topDescription__stage__item:last-child { font-size: 26px; }
  .l-access__eventname { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .l-access__stage { font-size: 16px; letter-spacing: 0.2em; }
  .l-topPartner__wrapper { padding: 112px 0; }
  .l-topPartner__subtitle, .l-partners__head { margin-bottom: 35px; }
  .l-topPartner__subtitle span:after, .l-partners__head span:after { margin: 12px auto auto; }
  .l-topPartner__list { padding: 0 10px 42px; }
  .l-topPartner__list .logo { display: inline-block; margin: auto 10px 7px; }
  .l-topPartner__list .logo img { display: block; width: auto; height: 30px; }
  .l-topPartner__list .logo img.size120 { height: 120px; }
  .l-topPartner__list .logo img.size75 { height: 75px; }
  .l-topPartner__list .logo img.size40 { height: 40px; }
  .l-topPartner__list .logo img.size60 { height: 60px; }
  .l-topPartner__list.top { padding: 0 0 56px; }
  .l-topPartner__list.top .logo { margin: auto 10px; }
  .l-topPartner__list.middle { padding: 0 10px 28px; }
  .l-topPartner__list.middle .logo { margin: auto 10px 21px; }
  .l-topPartner__list.middle2 .logo { margin: auto 10px 7px; }
  .l-topPartner__text { font-size: 14px; line-height: 35px; }
  .l-exhibition { margin-bottom: 0; }
  .l-exhibition__title { margin-bottom: 21px; font-size: 24px; line-height: 35px; } }

@media screen and (min-width: 1280px) { .l-tophero__notice { margin-top: 49px; } }

@media screen and (min-width: 1280px) and (min-height: 800px) { .l-tophero__logo__svg { width: 42%; max-width: 626px; } }

@media screen and (min-width: 1280px) and (min-height: 1000px) { .l-tophero__logo__svg { width: 50%; } }

.l-about { position: relative; }

.l-about:before { background-repeat: no-repeat; background-position: 52% 50%; background-image: url(../images/about-bg.jpg); background-size: cover; display: block; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; content: ""; z-index: -1; }

.l-about__wrapper { background-color: rgba(0, 0, 0, 0.2); }

.l-about__content { position: relative; width: 100%; padding: 70px 25px 98px; max-width: 1040px; margin: auto; }

.l-about__title { text-align: left; }

.l-about__title span { color: #ffffff; }

.l-about__text { color: #ffffff; text-align: justify; }

.l-about__text span { font-size: 16px; font-weight: 500; letter-spacing: 0.1em; }

.l-about__illust { position: absolute; right: 0; bottom: 28px; width: 150px; height: auto; }

#js-learnContents { background-color: #fff8e3; }

.l-learn .l-language { margin: 0 0 21px; }

.l-learn .l-language.center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: -14px 0 42px; }

.l-learn__wrapper { position: relative; width: 100%; max-width: 1040px; margin: auto; }

.l-learn__hero { position: relative; width: 100%; height: 252px; margin: auto; overflow: hidden; margin-bottom: 84px; }

.l-learn__hero__img { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/learn-bg.jpg); margin-bottom: 56px; }

.l-learn__copy { position: relative; z-index: 10; margin-bottom: 35px; text-align: center; font-size: 16px; font-weight: 500; letter-spacing: 0.01em; }

.l-learn__outline { max-width: 570px; margin: auto; padding: 56px 0; text-align: center; }

.l-learn__outline p { margin-bottom: 7px; }

.l-learn__outline p:last-of-type { margin-bottom: 0; }

.l-learn__outline__title { font-weight: bold; font-size: 18px; margin-bottom: 21px; }

.l-learn__outline__list { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }

.l-learn__outline__list img { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; display: block; width: calc(50% - 5px); height: auto; margin-bottom: 5px; }

.l-learn__outline__notice { font-size: 10px; text-align: center; }

.l-learn__top { max-width: 570px; padding: 42px 20px; background-color: #ffffff; margin: auto auto 70px; }

.l-learn__top .l-learn__title { padding-bottom: 14px; }

.l-learn__sdgs { line-height: 21px; }

.l-learn__sdgs__image { max-width: 700px; margin: auto; padding: 28px 0 56px; }

.l-learn__sdgs__links { padding-bottom: 42px; }

.l-learn__sdgs a { display: inline-block; border-bottom: 2px solid #292929; line-height: 18px; font-size: 13px; margin-bottom: 3px; }

.l-learn__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.l-learn__box img { display: block; width: 100%; height: auto; margin-bottom: 14px; }

.l-learn__box img:last-of-type { margin-bottom: 0; }

.l-learn__box__left { margin-bottom: 42px; }

.l-learn__box__right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.l-learn__box__right h4 { margin-bottom: 14px; font-size: 18px; }

.l-learn__box__right p { margin-bottom: 14px; line-height: 21px; }

.l-learn__box__right p:last-of-type { margin-bottom: 28px; }

.l-learn__box__image { margin-bottom: 28px; }

.l-learn__line { position: relative; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 570px; margin: auto auto 56px; }

.l-learn__line:last-of-type { margin-bottom: 0; }

.l-learn__image { padding-bottom: 21px; }

.l-learn__image img { display: block; width: 100%; height: auto; }

.l-learn .iframeBox { position: relative; width: 100%; height: 0; padding: 71.4% 0 0 0; margin-bottom: 21px; }

.l-learn .iframeBox iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.l-learn__title { font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; margin-bottom: 14px; font-size: 20px; line-height: 28px; text-align: left; }

.l-learn__textBox { width: 100%; text-align: justify; line-height: 21px; }

.l-learn__txt { margin-bottom: 28px; }

.l-learn__btn.two .btn-box.small { width: 200px; margin-bottom: 14px; }

.l-learn__btn.two .btn-box.small:last-of-type { margin-bottom: 0; }

.l-learn__btn.two .btn-box.small span:first-child { padding-right: 25px; }

.l-learn__quotation { padding-top: 28px; line-height: 21px; }

.l-learn__quotation a { word-wrap: break-word; }

.l-history { background-color: #ffffff; }

.l-history__wrapper { position: relative; width: 100%; padding: 70px 25px 98px; max-width: 1040px; margin: auto; }

.l-history__title { position: relative; z-index: 10; margin-bottom: 35px; }

.l-history__copy { position: relative; z-index: 10; margin-bottom: 42px; text-align: center; font-size: 16px; font-weight: 500; }

.l-history__line { position: relative; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 570px; margin: auto auto 42px; }

.l-history__line.bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-bottom: auto; }

.l-history__image { padding-bottom: 21px; }

.l-history__image img { display: block; width: 100%; height: auto; }

.l-history__text { width: 100%; text-align: justify; line-height: 21px; }

.l-history__text p { margin-bottom: 14px; }

.l-history__text p:last-child { margin-bottom: auto; }

.l-history__illust { position: absolute; }

.l-history__illust.top { left: -7px; top: 10px; width: 103px; height: auto; }

.l-history__illust.bottom { right: 0px; bottom: -10px; width: 106px; -webkit-transform: rotate(15deg); transform: rotate(15deg); height: auto; }

.l-gallerySlide { padding-bottom: 56px; background-color: #ffffff; }

.l-gallerySlide ul { display: none; }

.l-gallerySlide img { display: block; width: 270px; height: auto; }

.l-gallerySlide.height img { width: auto; height: 180px; }

.l-gallery { padding-top: 49px; background-color: #ffffff; }

.l-gallery__wrapper { width: 100%; background-color: rgba(0, 0, 0, 0.05); padding: 70px 0 84px; }

.l-gallery__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: 1040px; margin: auto; padding-bottom: 21px; }

.l-gallery__card { width: 100%; margin: 0 25px 21px; }

.l-gallery__card span { display: block; }

.l-gallery__image { display: block; width: 100%; border: 7px solid #ffffff; overflow: hidden; position: relative; }

.l-gallery__image img { display: block; width: 100%; height: auto; }

.l-gallery__image.video .play-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60px; height: 60px; border-radius: 50%; border: 2px solid #ffffff; }

.l-gallery__image.video .play-btn:after { position: absolute; top: 17px; left: 21px; display: block; content: ""; position: absolute; width: 0px; height: 0px; border: 10px solid transparent; border-left: 18px solid #ffffff; }

.l-gallery__name { text-align: center; font-size: 16px; font-weight: 500; letter-spacing: 0.05em; line-height: 42px; }

.l-gallery__btn .btn { margin: auto; }

.l-introduce { padding: 0 20px; }

.l-introduce_container { width: 100%; max-width: 1040px; margin: auto; }

.l-introduce__wrapper { padding: 0 10px 40px; display: flex; background-color: white; }

.l-introduce__card { width: 100%; margin: 0 auto; padding: 70px 15px 0; display: flex; flex-direction: row; }

.l-introduce__card.ambassador .l-introduce__title { color: #7da070; border-bottom-color: #7da070; }

.l-introduce__card.ambassador .l-introduce__btn .btn-box span:first-child { border: 1px solid #7da070; color: #7da070; }

.l-introduce__card.ambassador .l-introduce__btn .btn-box span svg polyline { stroke: #7da070; }

.l-introduce__card.ambassador .l-introduce__btn .btn-box:after { border-color: #7da070; }

.l-introduce__picture { width: 20%; padding-right: 20px; }

.l-introduce__profile { display: flex; flex-direction: column; width: 80%; }

.l-introduce__image { margin-bottom: 14px; }

.l-introduce__image img { display: block; width: 100%; max-width: 200px; height: auto; margin: auto; }

.l-introduce__copyright { margin-bottom: 35px; text-align: center; font-size: 11px; line-height: 14px; }

.l-introduce__title { padding-bottom: 7px; margin-bottom: 21px; letter-spacing: 0.05em; color: #ff6569; border-bottom: 2px solid #ff6569; }

.l-introduce__title span { display: inline-block; font-weight: 500; }

.l-introduce__title span:first-child { font-size: 26px; margin-right: 10px; }

.l-introduce__text { margin-bottom: 0px; text-align: justify; }

.l-introduce__text p { margin-bottom: 14px; font-size: 0.8em; line-height: 1.6;}

.l-introduce__text p:last-child { margin-bottom: auto; }

.l-introduce__text a { border-bottom: 1px solid #292929; }

.l-introduce__btn { font-size: 12px; letter-spacing: 0.1em; }

.l-introduce__btn a { display: block; }

.l-introduce__btn .btn-box { display: inline-block; width: auto; }

.l-introduce__btn .btn-box span:first-child { padding: 0 50px 0 20px; background-color: #ffffff; border: 1px solid #ff6569; color: #ff6569; }

.l-introduce__btn .btn-box span svg polyline { stroke: #ff6569; }

.l-introduce__btn .btn-box:after { border-color: #ff6569; }

.l-introduce__btn .l-sns__link { margin: 28px 0 0; }

.l-introduce__btn .l-sns__link svg { width: 30px; height: 30px; }

.l-introduce__btn .l-sns__link path { fill: #ff6569; }


@media screen and (max-width: 767px) {
  .l-introduce__card { flex-direction: column; justify-content: center; align-items: center; padding-top: 40px ;}
  .l-introduce__picture { width: 40%; padding-right: 0px; }
  .l-introduce__profile { width: 100%; }
  .l-introduce__btn { display: flex; align-items: center; }
  .l-introduce__btn .l-sns__link { margin: auto 0 auto 30px; }
  }


.l-videoPlayer { width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.5); z-index: 150; display: none; }

.l-videoPlayer__close { position: fixed; top: 7px; right: 7px; z-index: 110; cursor: pointer; }

.l-videoPlayer__close.active { -webkit-animation-name: btnRotation; animation-name: btnRotation; -webkit-animation-duration: 30s; animation-duration: 30s; -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 1s; animation-delay: 1s; }

.l-videoPlayer__close__wrapper { width: 49px; height: 49px; position: relative; }

.l-videoPlayer__close span { display: inline-block; position: absolute; left: 5px; width: 40px; height: 2px; background-color: #ffffff; border-radius: 1px; }

.l-videoPlayer__close span:nth-child(1) { top: 17px; -webkit-transform: rotate(45deg) translate(5px, 5px); transform: rotate(45deg) translate(5px, 5px); }

.l-videoPlayer__close span:nth-child(2) { top: 31px; -webkit-transform: rotate(-45deg) translate(5px, -5px); transform: rotate(-45deg) translate(5px, -5px); }

.l-videoPlayer__wrapper { width: 100%; height: 100%; }

.l-videoPlayer__iframe { display: none; width: 100%; height: 100%; }

.l-videoPlayer__iframe.active { display: block; }

@-webkit-keyframes btnRotation { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  1% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } }

@keyframes btnRotation { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  1% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } }

.l-partners .l-topPartner__text { padding: 0; }

.l-partners__wrapper { margin-bottom: 84px; }

.l-partners__hero { position: relative; width: 100%; height: 252px; margin: auto; overflow: hidden; margin-bottom: 84px; }

.l-partners__hero__img { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/partners-bg.jpg); margin-bottom: 56px; }

.l-partners__hero__txt { position: relative; z-index: 10; margin-bottom: 0; color: #ffffff; }

.l-partners__containers { max-width: 1060px; }

.l-partners__head { text-align: center; padding-top: 56px; }

.l-partners__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; margin: auto -5px; }

.l-partners__list.top .l-partners__logo { width: calc(50% - 10px); height: 112px; }

.l-partners__list.top2 .l-partners__logo { width: calc(50% - 10px); height: 112px; }

.l-partners__list.middle { padding-top: 42px; }

.l-partners__list.middle .l-partners__logo { width: calc(50% - 10px); height: 112px; }

.l-partners__list.bottom { margin-bottom: 56px; padding-top: 42px; }

.l-partners__list.bottom .l-partners__logo { width: calc(33.33% - 10px); height: 70px; }

.l-partners__logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 5px; padding: 10px; background: #ffffff; border: 6px solid #f1f1ef; }

.l-partners__logo.top { padding: 8px 10px; }

.l-partners__logo.size1 { padding: 22px 16px; }

.l-partners__logo.size2 { padding: 10px 5px; }

.l-partners__logo.size3 { padding: 10px 15px; }

.l-partners__logo.size4 { padding: 12px 20px; }

.l-partners__logo__img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; }

.l-partners__text { text-align: center; padding: 0 25px; font-size: 12px; line-height: 21px; letter-spacing: 0.05em; font-weight: 500; }

.l-partners__text span { display: inline-block; }

.l-sdgs__outline { text-align: center; margin-bottom: 56px; }

.l-sdgs__outline__p { margin-bottom: 14px; }

.l-sdgsList { max-width: 800px; margin: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.l-sdgsList__items { width: calc(33.33% - 6px); margin: 3px; cursor: pointer; border: solid 2px #ffffff; position: relative; -webkit-transition-property: border-color, opacity; transition-property: border-color, opacity; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.l-sdgsList__items.active { border-color: #7da070; }

.l-sdgsList__items.active .l-sdgsList__img:nth-of-type(1) { opacity: 0; }

.l-sdgsList__items.selected:not(.active) { opacity: 0.5; cursor: auto; }

.l-sdgsList__img { display: block; width: 100%; height: auto; border: solid 3px #ffffff; -webkit-transition-property: border-color, opacity; transition-property: border-color, opacity; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.l-sdgsList__img:nth-of-type(1) { opacity: 1; position: relative; z-index: 10; }

.l-sdgsList__img:nth-of-type(2) { position: absolute; top: 0; left: 0; }

.l-sdgsList__btns { margin: 56px auto 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.l-sdgsList__btns .btn { margin: 0 5px; }

@media screen and (min-width: 768px) { .l-sdgsList__btns .btn { margin: 0 10px; } }

.l-sdgsList__notice { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 28px auto 0; text-align: center; }

.l-sdgsList__notice span { display: none; color: #ff6569; padding: 7px 50px; line-height: 21px; border: 1px solid #ff6569; letter-spacing: 0.1em; }

.btn-play:after, .btn-clear:after { border: 1px solid #DF76A2; }

.btn-play p, .btn-clear p { background-color: #DF76A2; }

.btn-play:after { border: 1px solid #DF76A2; }

.btn-play p { background-color: #DF76A2; }

.btn-share:after { border: 1px solid #e7be32; }

.btn-share p { background-color: #e7be32; }

.float { position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100%; background-color: #ffffff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 56px; }

.float__wrapper { display: none; text-align: center; }

.float .c-title__jp { padding: 14px 0 0; line-height: 21px; }

.float .btn { margin: auto; }

.virtual .l-section__wrapper { width: 100%; max-width: inherit; padding-left: 0; padding-right: 0; }

.l-virtual__wrapper { position: relative; width: 100%; }

.l-virtual__hero { position: relative; width: 100%; height: 280px; margin: auto; overflow: hidden; }

.l-virtual__hero__img { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center bottom; background-image: url(../images/virtual-hero.jpg); }

.l-virtual__hero__logoBox { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 20px; width: 100%; }

.l-virtual__hero__logo1 { display: block; width: 60%; height: auto; max-width: 270px; }

.l-virtual__hero__logo2 { display: block; height: auto; width: 76%; margin: 14px 0 7px 10px; max-width: 400px; }

.l-virtual__bg { background-position: center center; position: fixed; width: 150px; height: 3564px; top: 0; z-index: 1; background-size: 100%; will-change: transform; opacity: 0.3; }

.l-virtual__bg--left { left: -75px; background-image: url("../images/virtual-bgHeart1-pc.png"); background-size: 150px 1782px; -webkit-animation: infinitescroll1 120s linear infinite; animation: infinitescroll1 120s linear infinite; }

.l-virtual__bg--right { right: -80px; background-image: url("../images/virtual-bgHeart2-pc.png"); background-size: 150px 1766px; -webkit-animation: infinitescroll2 100s linear infinite; animation: infinitescroll2 100s linear infinite; }

.l-virtual__top .l-language { margin: -7px 0 28px; }

.l-virtual__topBox { padding: 28px 20px 35px; border: 4px solid #e7be32; background-color: #ffffff; }

.l-virtual__topBox__title { margin-bottom: 21px; color: #7da070; }

.l-virtual__topBox__title span { display: block; }

.l-virtual__topBox__title span:nth-of-type(1) { font-size: 27px; line-height: 42px; }

.l-virtual__topBox__title span:nth-of-type(2) { font-size: 19px; line-height: 21px; }

.l-virtual__topBox__txt { line-height: 21px; }

.l-virtual__topImage { position: relative; }

.l-virtual__topImage img { display: block; width: 100%; height: auto; }

.l-virtual__topImage.right { width: 67%; margin: -25px -10px auto auto; z-index: 10; }

.l-virtual__topImage.left { width: 90%; margin: -60px auto auto 15px; z-index: 1; }

.l-virtual__outline { text-align: center; font-size: 16px; line-height: 28px; }

.l-virtual__outline .l-section__wrapper { padding: 0 20px; }

.l-virtual__outline p { margin-bottom: 14px; }

.l-virtual__outline p:last-of-type { margin-bottom: 0; }

.l-virtual__sample .l-section__wrapper { padding-bottom: 0; }

.l-virtual__sample__title { font-size: 18px; line-height: 28px; margin-bottom: 21px; text-align: center; }

.l-virtual__sample__tag { margin-bottom: 42px; }

.l-virtual__sample__tag svg { display: block; width: auto; height: 35px; margin: auto; }

.l-virtual__sampleBox { position: relative; padding: 28px 20px 35px; background-color: #ffffff; }

.l-virtual__sampleBox__txt { padding-top: 8px; text-align: right; font-size: 12px; line-height: 14px; }

.l-virtual__sampleBox::before, .l-virtual__sampleBox::after, .l-virtual__sampleBox__frame::before, .l-virtual__sampleBox__frame::after { content: ""; display: block; width: 30px; height: 30px; position: absolute; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(../images/virtual-sample-frame.svg); }

.l-virtual__sampleBox::before, .l-virtual__sampleBox::after { top: -2px; }

.l-virtual__sampleBox::before { left: -2px; }

.l-virtual__sampleBox::after { right: -2px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.l-virtual__sampleBox__frame::before, .l-virtual__sampleBox__frame::after { bottom: -2px; }

.l-virtual__sampleBox__frame::before { left: -2px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.l-virtual__sampleBox__frame::after { right: -5px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.l-virtual__sampleList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.l-virtual__sampleList__img { display: block; width: calc(50% - 5px); height: auto; margin-bottom: 10px; }

@-webkit-keyframes infinitescroll1 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { -webkit-transform: translate3d(0, -1782px, 0); transform: translate3d(0, -1782px, 0); } }

@keyframes infinitescroll1 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { -webkit-transform: translate3d(0, -1782px, 0); transform: translate3d(0, -1782px, 0); } }

@-webkit-keyframes infinitescroll2 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { -webkit-transform: translate3d(0, -1766px, 0); transform: translate3d(0, -1766px, 0); } }

@keyframes infinitescroll2 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { -webkit-transform: translate3d(0, -1766px, 0); transform: translate3d(0, -1766px, 0); } }

@-webkit-keyframes infinitescroll1-pc { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { -webkit-transform: translate3d(0, -4396px, 0); transform: translate3d(0, -4396px, 0); } }

@keyframes infinitescroll1-pc { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { -webkit-transform: translate3d(0, -4396px, 0); transform: translate3d(0, -4396px, 0); } }

@-webkit-keyframes infinitescroll2-pc { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { -webkit-transform: translate3d(0, -4416px, 0); transform: translate3d(0, -4416px, 0); } }

@keyframes infinitescroll2-pc { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  100% { -webkit-transform: translate3d(0, -4416px, 0); transform: translate3d(0, -4416px, 0); } }

.l-virtual__flow .c-title__en { color: #7da070; }

.l-virtual__flow .l-language.center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: -21px 0 28px; }

.l-flow__box { background-color: #ffffff; border: 4px solid #e7be32; padding: 28px 20px 35px; margin-bottom: 28px; }

.l-flow__box:last-of-type { margin-bottom: 0; }

.l-flow .border-green { border-color: #7da070; }

.l-flow .border-blue { border-color: #6cbced; }

.l-flow .border-pink { border-color: #df93b9; }

.l-flow .border-orange { border-color: #e9851e; }

.l-flow .border-yellow { border-color: #e7be32; }

.l-flow__title { margin-bottom: 14px; line-height: 24px; }

.l-flow__title__number { font-size: 24px; }

.l-flow__title__en { font-size: 21px; }

.l-flow__txt { line-height: 21px; }

.l-flow__txt div { margin-bottom: 21px; }

.l-flow__txt div:last-of-type { margin-bottom: 0; }

.l-flow__txt * { word-break: break-all; }

.l-flow__txt .font-bold { line-height: 21px; margin-bottom: 7px; }

.l-flow__txt ul { padding-left: 20px; }

.l-flow__txt ul li { list-style: initial; padding-bottom: 7px; line-height: 21px; }

.l-flow__iconBox { padding-top: 21px; }

.l-flow__icon svg { width: auto; height: 80px; }

.l-flow__icon:hover .click { -webkit-animation: flash 2s linear; animation: flash 2s linear; }

.l-flow__icon.green .st0 { fill: #7ab25b; }

.l-flow__icon.green .st1 { fill: none; stroke: #000000; }

.l-flow__btns { padding-top: 7px; }

.l-flow__btns path { fill: #ffffff; }

.l-flow__btns .btn { margin-bottom: 14px; }

.l-flow__btns .btn span:first-child { padding-right: 15px; font-size: 11px; line-height: 35px; letter-spacing: 0.1em; }

.l-flow__btns .btn span:last-child { top: 10px; right: 25px; }

.l-flow__btns .btn span svg { display: block; width: auto; height: 14px; }

.l-flow__btns .download span:first-child { background-color: #7da070; }

.l-flow__btns .download span:last-child { top: 15px; right: 22px; }

.l-flow__btns .download span svg { height: 3px; }

.l-flow__btns .download:after { border-color: #7da070; }

.l-flow__btns .instagram span:first-child { background-color: #DF76A2; }

.l-flow__btns .instagram:after { border-color: #DF76A2; }

.l-flow__btns .instagram span:first-child { background-color: #DF76A2; }

.l-flow__btns .instagram:after { border-color: #DF76A2; }

.l-flow__btns .facebook span:first-child { background-color: #5A86E5; }

.l-flow__btns .facebook:after { border-color: #5A86E5; }

.l-flow__btns .twitter span:first-child { background-color: #9ECDF0; }

.l-flow__btns .twitter:after { border-color: #9ECDF0; }

@keyframes flash { 0% { opacity: 1; }
  30% { opacity: 1; }
  33% { opacity: 0; }
  36% { opacity: 1; }
  63% { opacity: 1; }
  66% { opacity: 0; }
  69% { opacity: 1; }
  100% { opacity: 1; } }

.l-origamiList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; }

.l-origamiList__item { width: calc(33.33% - 10px); margin: 0 10px 7px 0; }

.l-origamiList__item__img { display: block; width: 100%; height: auto; }

.l-virtual__terms { margin-bottom: 84px; }

.l-virtual__terms .l-section__wrapper { background-color: #ffffff; border: 4px solid rgba(0, 0, 0, 0.05); padding: 28px 20px 35px; }

.l-virtual__terms .l-language { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: -7px 0 28px; }

.l-terms__wrapper { line-height: 21px; }

.l-terms__top { margin-bottom: 28px; }

.l-terms__box { margin-bottom: 28px; }

.l-terms__box p { margin-bottom: 7px; }

.l-terms .font-bold { margin-bottom: 7px; }

.l-aboutSDGs .l-history__title span:last-child { font-size: 14px; }

.l-aboutSDGs .c-title__en { margin-bottom: 0; }

.l-aboutSDGs .c-title__jp { font-size: 18px; margin-bottom: 7px; }

.l-aboutSDGs .c-title__jp2 { display: block; font-weight: bold; }

.l-aboutSDGs p { line-height: 21px; }

.l-aboutSDGs .l-history__copy.sdgs { font-weight: bold; margin-top: -14px; }

.l-aboutSDGs__mark { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 21px; }

.l-aboutSDGs__mark img { display: block; width: 60px; height: auto; }

.l-aboutSDGs__mark img.big { width: 75px; height: auto; margin-right: 10px; }

.l-aboutSDGs__top { margin-bottom: 28px; }

.l-aboutSDGs__mainImage { display: block; width: 100%; height: auto; margin-bottom: 28px; }

.l-aboutSDGs__copy { font-size: 18px; font-weight: bold; margin-bottom: 14px; }

.l-aboutSDGs__info { padding-top: 14px; }

.l-aboutSDGs__quotation { margin-top: -14px; text-align: right; margin-bottom: 14px; }

.l-aboutSDGs a { text-decoration: underline; }

@media screen and (min-width: 768px) { .l-about { background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/about-bg.jpg); }
  .l-about:before { display: none; }
  .l-about__wrapper { width: 100%; }
  .l-about__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 98px 25px 126px; }
  .l-about__text { width: 70%; text-align: left; }
  .l-about__illust { right: inherit; left: 25px; bottom: 98px; width: 240px; }
  .l-learn__copy { margin-bottom: 42px; font-size: 18px; line-height: 35px; letter-spacing: 0.03em; }
  .l-learn__outline__list img { width: calc(20% - 5px); }
  .l-learn__outline__notice { text-align: right; }
  .l-history__title { margin-bottom: 56px; }
  .l-history__title span:first-child:after { margin: 28px auto 35px; }
  .l-history__title span:last-child { font-size: 18px; }
  .l-history__copy { margin-bottom: 56px; font-size: 18px; line-height: 35px; }
  .l-gallerySlide img { width: 380px; }
  .l-gallerySlide.height img { width: auto; height: 253px; }
  .l-gallery { padding-top: 63px; }
  .l-gallery__wrapper { padding: 77px 0 98px; }
  .l-gallery__card { width: calc(50% - 22px); margin: 0 11px 14px; }
  .l-gallery__list { padding: 0 14px 28px; }
  .l-gallery__image { border: 7px solid rgba(255, 255, 255, 0.3); }
  .l-gallery__image.video { -webkit-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); cursor: pointer; }
  .l-gallery__image.video .play-btn { border: 2px solid rgba(255, 255, 255, 0.5); -webkit-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .l-gallery__image.video .play-btn:after { border-left: 18px solid rgba(255, 255, 255, 0.8); -webkit-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .l-gallery__image.video:hover { border-color: white; }
  .l-gallery__image.video:hover .play-btn { border-color: white; }
  .l-gallery__image.video:hover .play-btn:after { border-left-color: white; }
  .l-gallery__name { font-size: 18px; }
  .l-introduce__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5px 48px; }
  .l-introduce__card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 54px 20px 21px; }
  .l-introduce__card.ambassador { margin-bottom: auto; }
  .l-introduce__col:nth-of-type(1) { width: 30%; min-width: 300px; padding-right: 50px; }
  .l-introduce__col:nth-of-type(2) { width: 70%; }
  .l-introduce__image img { max-width: 400px; }
  .l-introduce__copyright { height: 28px; }

  .l-introduce__btn { font-size: 14px; letter-spacing: 0.2em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .l-introduce__btn .btn-box span:first-child { padding: 0 50px 0 20px; background-color: #ffffff; border: 1px solid #ff6569; color: #ff6569; }
  .l-introduce__btn .l-sns__link { margin: auto 0 auto 30px; }
  .l-introduce__btn .l-sns__link svg { width: 30px; height: 30px; }
  .l-introduce__btn .l-sns__link:hover.instagram path { fill: rgba(255, 102, 105, 0.7); }
  .l-partners__hero { height: 336px; margin-bottom: 112px; }
  .l-partners__hero__img { background-image: url(../images/partners-bg-pc.jpg); }
  .l-partners__head { padding-top: 84px; }
  .l-partners__list { margin: auto -10px; }
  .l-partners__list.top .l-partners__logo { width: calc(25% - 20px); height: 168px; }
  .l-partners__list.top2 .l-partners__logo { width: calc(33.33% - 20px); height: 168px; padding: 35px; }
  .l-partners__list.top2 .l-partners__logo.size1 { padding: 32px 35px; }
  .l-partners__list.top2 .l-partners__logo.size2 { padding: 20px 15px; }
  .l-partners__list.middle { padding-top: 56px; }
  .l-partners__list.middle .l-partners__logo { width: calc(25% - 20px); height: 168px; }
  .l-partners__list.bottom { margin-bottom: 84px; padding-top: 56px; }
  .l-partners__list.bottom .l-partners__logo { width: calc(20% - 20px); height: 128px; }
  .l-partners__logo { margin: 10px; padding: 20px 18px; }
  .l-partners__logo.top { padding: 10px 15px; }
  .l-partners__logo.size1 { padding: 40px 30px; }
  .l-partners__logo.size2 { padding: 20px 5px; }
  .l-partners__logo.size3 { padding: 20px 25px; }
  .l-partners__logo.size4 { padding: 20px 35px; }
  .l-partners__text { font-size: 14px; line-height: 35px; }
  .l-virtual__hero { height: 700px; }
  .l-virtual__hero__img { background-position: center bottom; background-image: url(../images/virtual-hero-pc.jpg); }
  .l-virtual__hero__logoBox { left: 7%; -webkit-transform: translateY(-40%); transform: translateY(-40%); }
  .l-virtual__hero__logo1 { width: 40vw; max-width: 450px; }
  .l-virtual__hero__logo2 { width: 42vw; margin: 42px 0 28px 3vw; max-width: 580px; }
  .l-virtual__bg { width: 370px; height: 8600px; }
  .l-virtual__bg--left { background-image: url("../images/virtual-bgHeart1-pc.png"); left: -100px; background-size: 370px 4396px; -webkit-animation: infinitescroll1-pc 120s linear infinite; animation: infinitescroll1-pc 120s linear infinite; }
  .l-virtual__bg--right { background-image: url("../images/virtual-bgHeart2-pc.png"); right: -150px; background-size: 370px 4416px; -webkit-animation: infinitescroll2-pc 100s linear infinite; animation: infinitescroll2-pc 100s linear infinite; }
  .l-virtual__top .l-language { margin: -21px 0 28px; }
  .l-virtual__topBox { width: 75%; padding: 49px 50px; }
  .l-virtual__topBox__title { margin-bottom: 28px; }
  .l-virtual__topBox__title span:nth-of-type(1) { font-size: 34px; }
  .l-virtual__topBox__title span:nth-of-type(2) { font-size: 24px; line-height: 42px; }
  .l-virtual__topBox__txt { width: 62%; line-height: 28px; }
  .l-virtual__topImage.right { width: 50%; margin: -20% 0 auto auto; }
  .l-virtual__topImage.left { width: 70%; margin: -37% auto auto 7%; }
  .l-virtual__outline { font-size: 18px; line-height: 42px; }
  .l-virtual__outline .l-section__wrapper { padding-top: 28px; padding-bottom: 56px; }
  .l-virtual__outline p { margin-bottom: 28px; }
  .l-virtual__sample .l-section__wrapper { padding-top: 28px; padding-bottom: 56px; }
  .l-virtual__sample__title { letter-spacing: 0.1em; font-size: 22px; line-height: 56px; }
  .l-virtual__sample__tag { margin-bottom: 42px; }
  .l-virtual__sample__tag svg { height: 56px; }
  .l-virtual__sampleBox { padding: 49px 50px; }
  .l-virtual__sampleBox::before, .l-virtual__sampleBox::after, .l-virtual__sampleBox__frame::before, .l-virtual__sampleBox__frame::after { width: 40px; height: 40px; }
  .l-virtual__sampleBox::before, .l-virtual__sampleBox::after { top: -5px; }
  .l-virtual__sampleBox::before { left: -5px; }
  .l-virtual__sampleBox::after { right: -5px; }
  .l-virtual__sampleBox__frame::before, .l-virtual__sampleBox__frame::after { bottom: -5px; }
  .l-virtual__sampleBox__frame::before { left: -5px; }
  .l-virtual__sampleBox__frame::after { right: -5px; }
  .l-virtual__sampleList__img { width: calc(25% - 10px); }
  .l-virtual__flow .c-title { padding-bottom: 42px; }
  .l-virtual__flow .l-language.center { margin: -70px 0 42px; }
  .l-flow__box { padding: 49px 50px; margin-bottom: 42px; }
  .l-flow__box.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .l-flow__box.flex .l-flow__txtBox { width: 75%; margin-right: 20px; }
  .l-flow__title { margin-bottom: 21px; line-height: 28px; }
  .l-flow__title__number { font-size: 28px; }
  .l-flow__title__en { font-size: 25px; }
  .l-flow__txt { font-size: 15px; line-height: 28px; }
  .l-flow__iconBox { padding-top: 0; }
  .l-flow__icon svg { height: 112px; }
  .l-flow__btns { padding-top: 7px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .l-flow__btns .btn { margin-right: 20px; margin-bottom: 7px; }
  .l-origamiList__item { width: calc(16.666% - 10px); }
  .l-virtual__terms { margin-bottom: 140px; }
  .l-virtual__terms .l-section__wrapper { padding: 49px 50px; }
  .l-virtual__terms .l-language.center { margin: -21px 0 42px; }
  .l-terms__wrapper { line-height: 28px; }
  .l-sdgsList__items { width: calc(16.66% - 10px); margin: 5px; }
  .l-sdgsList__items:hover:not(.selected) { border-color: #7da070; }
  .l-sdgsList__items:hover:not(.selected) .l-sdgsList__img { border-color: #ffffff; }
  .l-sdgsList__img { border: solid 5px #ffffff; }
  .l-aboutSDGs p { line-height: 28px; }
  .l-aboutSDGs__top { margin-bottom: 42px; }
  .l-aboutSDGs__mainImage { margin-bottom: 42px; }
  .l-aboutSDGs__mark { margin-bottom: 28px; }
  .l-aboutSDGs__mark img { width: 75px; }
  .l-aboutSDGs__mark img.big { width: 100px; }
  .l-aboutSDGs__quotation { margin-top: -28px; }
  .l-aboutSDGs .l-history__copy.sdgs { margin-top: -28px; } }

@media screen and (min-width: 1024px) { .l-learn__hero { height: 336px; margin-bottom: 112px; }
  .l-learn__hero__img { background-image: url(../images/learn-bg-pc.jpg); }
  .l-learn__outline { max-width: inherit; }
  .l-learn__top { max-width: inherit; padding: 42px 40px; }
  .l-learn__sdgs { line-height: 28px; }
  .l-learn__box { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  .l-learn__box__left { width: 50%; margin-bottom: 0; }
  .l-learn__box__right { width: 50%; padding-left: 40px; margin-bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .l-learn__box__right p:last-of-type { margin-bottom: 42px; }
  .l-learn__line { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: inherit; margin: auto auto 56px; }
  .l-learn__line.right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  .l-learn__image { padding: 7px 0 0 0; }
  .l-learn__image img { width: 450px; }
  .l-learn .iframeBox { width: 450px; padding: 35.7% 0 0 0; margin-top: 7px; }
  .l-learn__textBox { width: 510px; line-height: 28px; }
  .l-learn__btn.two { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .l-learn__btn.two .btn-box.small { margin-bottom: 0; }
  .l-learn__btn.two .en { margin-left: 20px; }
  .l-learn__quotation { max-width: inherit; }
  .l-history .br { display: none; }
  .l-history__line { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: inherit; margin: auto auto 56px; }
  .l-history__line.bottom { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  .l-history__image { padding: 7px 0 0 0; }
  .l-history__image img { width: 450px; }
  .l-history__text { width: 510px; line-height: 28px; }
  .l-history__text p { margin-bottom: 14px; }
  .l-history__illust.top { left: -90px; top: 170px; width: 198px; }
  .l-history__illust.bottom { right: -160px; bottom: 358px; width: 194px; -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
/*# sourceMappingURL=style.min.css.map */