.page--index main{background:#fff}.page--index main .langage-change{padding:8px 24px;font-size:1.4rem;color:#333;text-align:right;background:#faffb8}.page--index main .langage-change p{display:inline}@media (max-width: 768.9999px){.page--index main .langage-change p{display:none}}.page--index main .langage-change a{position:relative;display:inline-block}.page--index main .langage-change a::before{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;content:'';background:#c2c8ca}.page--index main .langage-change a::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;content:'';background:#5f7075;-webkit-transition:-webkit-transform 0.6s ease-out;transition:-webkit-transform 0.6s ease-out;transition:transform 0.6s ease-out;transition:transform 0.6s ease-out, -webkit-transform 0.6s ease-out;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}.page--index main .langage-change a:hover::after{-webkit-transform:scaleX(1);transform:scaleX(1)}.page--index main .firstview-background{height:20vh;min-height:200px;background:url(../img/firstview-sky.jpg) 50% 50%/cover #92cbe1}.page--index main .site-menu{padding-top:80px;padding-bottom:80px}@media (max-width: 768.9999px){.page--index main .site-menu{padding-top:40px}}.page--index main .site-menu .special-hensei-banner a{display:block;padding-top:16%;margin-top:8px;margin-bottom:8px;color:#fff;background:#4c6ecc;background:url(../../special/special-hensei/img/menu-special-hensei.jpg) no-repeat 50% 50%/contain #37d7f1;border-radius:4px}@media (min-width: 769px){.page--index main .site-menu .special-hensei-banner a{margin-right:8px;margin-left:8px}}.page--index main .site-menu .grid-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.page--index main .site-menu .grid-container section{background:#e5e6e1;border-radius:4px}@media (max-width: 768.9999px){.page--index main .site-menu .grid-container section{width:calc(100% / 2.001 - 8px);margin:4px}}@media (min-width: 769px){.page--index main .site-menu .grid-container section{width:calc(100% / 3.001 - 16px);margin:8px}}.page--index main .site-menu .grid-container section a{display:block;height:100%;border-radius:4px 4px 0 0}.page--index main .site-menu .grid-container section a .visual{padding-bottom:56.25%;background-color:#000;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;border-radius:4px 4px 0 0}.page--index main .site-menu .grid-container section a .caption{padding:24px}@media (max-width: 768.9999px){.page--index main .site-menu .grid-container section a .caption{padding:8px}}.page--index main .site-menu .grid-container section a .caption h2{margin-bottom:16px;font-size:2.2rem;font-weight:inherit;line-height:1.2}@media (max-width: 768.9999px){.page--index main .site-menu .grid-container section a .caption h2{font-size:1.8rem}}.page--index main .site-menu .grid-container section a .caption h2 span{display:block;font-size:1.4rem}@media (max-width: 768.9999px){.page--index main .site-menu .grid-container section a .caption p{display:none}}@media (min-width: 769px){.page--index main .site-menu .grid-container .grid-half{width:calc(100% / 6 - 16px)}}@media (min-width: 769px){.page--index main .site-menu .grid-container .grid-half a .visual{padding-bottom:116.75%}}.page--index main .site-menu .grid-container .grid-half a .caption h2{font-size:1.8rem}@media (max-width: 768.9999px){.page--index main .site-menu .grid-container .grid-half a .caption h2{font-size:1.4rem}}.page--index main .about{padding-top:80px;padding-bottom:80px}.page--index main .about h3{font-size:4rem;font-weight:200;line-height:1.2;color:#555}@media (max-width: 768.9999px){.page--index main .about h3{font-size:2.8rem}}.page--index main .about .visual{position:relative;height:40vh;min-height:240px;max-height:360px;margin-top:24px;margin-bottom:24px;overflow:hidden}.page--index main .about .visual::before,.page--index main .about .visual::after{position:absolute;top:-10%;left:-10%;width:120%;height:120%;content:'';background-position:50% 50%;background-size:cover}.page--index main .about .visual::before{background-image:url(../img/about-hiroshima.jpg);-webkit-transform:translate(5%, 0);transform:translate(5%, 0);-webkit-animation:page-enter--about-before 24s linear infinite;animation:page-enter--about-before 24s linear infinite}@-webkit-keyframes page-enter--about-before{100%{-webkit-transform:translate(-5%, 0);transform:translate(-5%, 0)}}@keyframes page-enter--about-before{100%{-webkit-transform:translate(-5%, 0);transform:translate(-5%, 0)}}.page--index main .about .visual::after{background-image:url(../img/about-nagasaki.jpg);opacity:0;-webkit-transform:translate(0, 10%);transform:translate(0, 10%);-webkit-animation:page-enter--about-after 24s 12s linear infinite;animation:page-enter--about-after 24s 12s linear infinite}@-webkit-keyframes page-enter--about-after{25%{opacity:0}50%{opacity:1}75%{opacity:1}100%{opacity:0;-webkit-transform:translate(0, -10%);transform:translate(0, -10%)}}@keyframes page-enter--about-after{25%{opacity:0}50%{opacity:1}75%{opacity:1}100%{opacity:0;-webkit-transform:translate(0, -10%);transform:translate(0, -10%)}}.page--index main .about article h4{font-size:2.4rem;font-weight:inherit}@media (max-width: 768.9999px){.page--index main .about article h4{font-size:2rem}}.page--index main .about article p{margin-top:1em;font-size:1.8rem}@media (max-width: 768.9999px){.page--index main .about article p{font-size:1.6rem}}