@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");

@charset "UTF-8";
/* ! ---------- web font ---------- ---------- ---------- ---------- */
/* ! ---------- initial ---------- ---------- ---------- ---------- */
/* ---------- setting ---------- ---------- */
/* ----------------------------------------------------------
preset icon
---------------------------------------------------------- */
/* リセットCSS */
html, body { width: 100%; height: 100%; }

body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, blockquote, pre, a, div { margin: 0; padding: 0; font-size: 100%; line-height: inherit; box-sizing: border-box; }

body { -webkit-text-size-adjust: 100%; line-height: 1; }

ol, ul { list-style: none; }

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

th, td { vertical-align: top; text-align: left; font-weight: normal; }

img { border: 0; vertical-align: bottom; }

a { text-decoration: none; color: #4b49b4; }

body { font-family: "Open Sans", sans-serif; }

/* ! ---------- area ---------- ---------- ---------- ---------- */
/* ----------------------------------------------------------
.area-wrapper
---------------------------------------------------------- */
.area-wrapper { position: relative; overflow: hidden; }

.area-wrapper-wide { position: relative; overflow: hidden; }

.area-wrapper-index { position: relative; overflow: hidden; }

/* ----------------------------------------------------------
.area-inner
---------------------------------------------------------- */
.area-main-index .area-inner { position: relative; }

.area-main-index .block-inner { position: relative; }

.area-main-wide .area-inner { position: relative; }

.area-main-wide .block-inner { background: #ff0; }

.area-main-normal .block-inner { position: relative; }

/* ----------------------------------------------------------
.area-header
---------------------------------------------------------- */
.area-header-index { position: absolute; top: 0px; left: 0px; right: 0px; height: 120px; z-index: 100; color: #fff; }

.area-header-index a { color: #fff; }

.area-header-index ._logo { position: absolute; left: 20px; right: 0px; }

.area-header-index ._logo a { display: block; font-size: 16px; letter-spacing: 0.05em; padding: 9px 10px 10px 40px; font-weight: bold; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); }

.area-header-index ._logo a:after { content: ""; display: block; position: absolute; top: 0px; left: 0px; background-image: url(/ja/common/images/header/logo.svg); background-size: 28px 28px; width: 28px; height: 28px; background-repeat: no-repeat; background-position: left top; }

.area-header-index ._gnavi { position: absolute; right: 10px; }

.area-header-index ._gnavi > ul > li { display: inline-block; padding: 5px 12px 15px 12px; position: relative; }

.area-header-index ._gnavi > ul > li:hover > ul { display: block; }

.area-header-index ._gnavi > ul > li > ul { display: none; width: 210px; position: absolute; top: 30px; left: 5px; background: #fff; z-index: 10; }

.area-header-index ._gnavi > ul > li > ul > li + li { border-top: 1px solid #ccc; }

.area-header-index ._gnavi > ul > li > ul > li a { display: block; padding: 12px; color: #000; font-size: 14px; font-weight: bold; position: relative; transition-duration: 0.2s; }

.area-header-index ._gnavi > ul > li > ul > li a:hover { background: #eee; }

.area-header-index ._gnavi > ul > li > ul > li a:before { content: ""; position: absolute; top: 50%; right: 7px; width: 3px; height: 3px; margin-top: -5px; box-sizing: border-box; border: 3px solid transparent; border-left: 3px solid #aaa; -ms-transform: scale(1.4, 1); transform: scale(1.4, 1); }

.area-header-index ._gnavi > ul > li > a { display: block; font-weight: bold; font-size: 15px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); position: relative; }

.area-header-index ._gnavi > ul > li > a:after { content: ""; display: block; position: absolute; bottom: -5px; left: 50%; width: 0; height: 2px; background: #fff; transition-duration: 0.2s; }

.area-header-index ._gnavi > ul > li > a:hover:after { left: 0; width: 100%; }

.area-header-index ._search { display: none; }

.area-header-index ._lang { position: absolute; right: 18px; }

.area-header-index ._lang li { display: inline-block; padding: 5px 5px; }

.area-header-index ._lang li a { display: block; font-size: 14px; position: relative; font-weight: bold; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); }

.area-header-index ._lang li a.is-current { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.area-header-index ._lang li a.is-current:after { content: ""; display: block; position: absolute; top: -8px; left: 5px; width: 3px; height: 3px; border-radius: 50%; background: #fff; }

/* ----------------------------------------------------------
.area-header
---------------------------------------------------------- */
.area-header-normal { position: absolute; top: 0px; left: 0px; right: 0px; z-index: 100; }

.area-header-normal a { color: #111; }

.area-header-normal ._logo { position: absolute; left: 20px; right: 0px; }

.area-header-normal ._logo a { display: block; font-size: 16px; letter-spacing: 0.05em; padding: 7px 10px 10px 40px; font-weight: bold; }

.area-header-normal ._logo a:after { content: ""; display: block; position: absolute; top: 0px; left: 0px; background-image: url(/ja/common/images/header/logo.svg); background-size: 28px 28px; width: 28px; height: 28px; background-repeat: no-repeat; background-position: left top; }

/* ----------------------------------------------------------
.area-main-normal
---------------------------------------------------------- */
.area-main-normal { position: relative; }

.area-main-normal ._inner { margin: 0 auto; }

.area-main-normal ._lines { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; }

.area-main-normal ._lines ._inner { height: 100%; margin: 0 auto; position: relative; }

.header-menu-btn { position: fixed; top: 0; right: 0; width: 50px; height: 50px; background: #000; transition-duration: 0.2s; z-index: 200; cursor: pointer; transition-duration: 0.2s; }

.header-menu-btn:hover { background: #444; }

.header-menu-btn span { transition-duration: 0.2s; position: absolute; background: #fff; height: 1px; left: 17px; right: 17px; }

.header-menu-btn span:nth-child(1) { top: 20px; }

.header-menu-btn span:nth-child(2) { top: 28px; }

body.js-menu-active .header-menu-btn span:nth-child(1) { position: absolute; top: 25px; -ms-transform: rotate(45deg); transform: rotate(45deg); }

body.js-menu-active .header-menu-btn span:nth-child(2) { position: absolute; top: 25px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

/* ----------------------------------------------------------
.area-menu-sp
---------------------------------------------------------- */
.area-menu-sp { color: #000; position: fixed; top: 0; bottom: 0; transition-duration: 0.2s; z-index: 105; }

.area-menu-sp a { color: #000; transition-duration: 0.2s; }

.area-menu-sp a:hover { color: #444; }

.area-menu-sp:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #eeeeee; }

.area-menu-sp ._inner ._gnavi { font-weight: bold; }

.area-menu-sp ._inner ._gnavi a.is-private:after { display: inline-block; content: ''; background-image: url(/en/common/images/icon_rock.svg); background-size: 11px 13px; width: 11px; height: 13px; margin-left: 10px; }

.area-menu-sp ._inner ._gnavi a[target=_blank]:after { display: inline-block; content: ''; height: 15px; width: 15px; background: url(/en/common/images/icon_blank.svg) 50% 50% no-repeat; padding-left: 10px; }

body.page-news .area-menu-sp ._inner ._gnavi ._item.is-news, body.page-lab .area-menu-sp ._inner ._gnavi ._item.is-lab, body.page-lab .area-menu-sp ._inner ._gnavi ._item.is-consortium { color: #fdd000; }

.area-menu-sp ._inner .is-current { color: #fdd000; }

.area-menu-sp ._search { display: none; position: absolute; top: 0px; right: 0px; width: 60px; height: 60px; }

.area-menu-sp ._search:after { content: ""; display: block; position: absolute; top: 25px; left: 20px; background-image: url(/ja/common/images/header/icon_search.svg); background-size: 17px 19px; width: 17px; height: 19px; }

.area-menu-sp ._lang { position: absolute; top: 25px; right: 18px; }

.area-menu-sp ._lang li { display: inline-block; padding: 5px 5px; }

.area-menu-sp ._lang li a { display: block; font-size: 12px; position: relative; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; font-weight: bold; }

.area-menu-sp ._lang li a.is-current { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.area-menu-sp ._lang li a.is-current:after { content: ""; display: block; position: absolute; top: -8px; left: 5px; width: 3px; height: 3px; border-radius: 50%; background: #000; }

/* ----------------------------------------------------------
main
---------------------------------------------------------- */

main p { margin-top: 1em; line-height: 1.9; }

main p a { color: #4d44b3; text-decoration: underline; }

/* ----------------------------------------------------------
.area-footer
---------------------------------------------------------- */
.area-footer { position: relative; background: #595757; }

/* ----------------------------------------------------------
.btn-pagetop
---------------------------------------------------------- */
.btn-pagetop { position: fixed; display: block; bottom: 20px; right: 20px; width: 40px; height: 40px; background: #000; color: #fff; text-align: center; cursor: pointer; border-radius: 50%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.2s; transition-property: opacity; visibility: hidden; }

.btn-pagetop:after { content: ""; position: absolute; top: 18px; left: 10px; width: 12px; height: 1px; background: #fff; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.btn-pagetop:before { content: ""; position: absolute; top: 18px; right: 10px; width: 12px; height: 1px; background: #fff; -ms-transform: rotate(45deg); transform: rotate(45deg); }

.btn-pagetop.js-show { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; }

.btn-pagetop.js-show:hover { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

.btn-pagetop.js-fixed { top: -60px; bottom: auto; position: absolute; }

.mod-donation { position: fixed; right: 0px; bottom: 0px; text-align: right; display: block; color: #fff; z-index: 120; }

body.js-menu-active .mod-donation { z-index: 20; }

.mod-donation span { position: absolute; line-height: 1.7; }

.mod-donation:after { content: ""; display: block; background-image: url(/en/images/top/triangle.svg); background-size: contain; }

/* ----------------------------------------------------------
.area-modal
---------------------------------------------------------- */
.area-iframe-modal { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.2s; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1000; }

.area-iframe-modal.js-show { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.area-iframe-modal ._modal-bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.5); }

.area-iframe-modal ._modal-btn-close { position: absolute; cursor: pointer; background: #000; z-index: 10; transition-duration: 0.2s; }

.area-iframe-modal ._modal-btn-close:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.area-iframe-modal ._modal-btn-close:after, .area-iframe-modal ._modal-btn-close:before { content: ""; position: absolute; width: 25px; height: 2px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.area-iframe-modal ._modal-btn-close:before { -ms-transform: rotate(45deg); transform: rotate(45deg); }

.area-iframe-modal ._modal-box { position: absolute; background: #fff; box-sizing: border-box; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }

.area-iframe-modal ._modal-box ._modal-body { position: absolute; top: 0; bottom: 0; left: 0px; right: 0px; padding: 10px; }

.area-iframe-modal ._modal-box ._modal-body iframe { width: 100%; height: 100%; border: none; }

.js-image-modal { transition-duration: 0.2s; display: block; position: relative; }

.js-image-modal:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.js-image-modal:after { content: ""; display: block; position: absolute; z-index: 10; top: 0px; right: 0px; width: 70px; height: 70px; background: #000000; z-index: 10; background-image: url("/ja/common/images/header/icon_search_w.svg"); background-repeat: no-repeat; background-position: left top; background-position: center center; background-size: 26px 26px; }

.mod-shadow { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }

/* ----------------------------------------------------------
.area-modal
---------------------------------------------------------- */
.area-donation-modal { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.2s; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1000; }

.area-donation-modal.js-show { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.area-donation-modal ._modal-bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(127, 191, 52, 0.5); }

.area-donation-modal ._modal-btn-close { position: absolute; cursor: pointer; background: #000; z-index: 10; transition-duration: 0.2s; }

.area-donation-modal ._modal-btn-close:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.area-donation-modal ._modal-btn-close:after, .area-donation-modal ._modal-btn-close:before { content: ""; position: absolute; width: 25px; height: 2px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.area-donation-modal ._modal-btn-close:before { -ms-transform: rotate(45deg); transform: rotate(45deg); }

.area-donation-modal.js-show ._modal-box { -ms-transform: translate(0, 0); transform: translate(0, 0); }

.area-donation-modal ._modal-box { position: absolute; background: #7fbf34; padding: 40px; box-sizing: border-box; transition-duration: 0.3s; -ms-transform: translate(400px, 200px); transform: translate(400px, 200px); }

.area-donation-modal ._modal-box ._modal-body { position: absolute; top: 0; bottom: 0; left: 0px; right: 0px; }

.area-donation-modal ._modal-box ._modal-body ._inner { position: absolute; background: #fff; }

@media print, screen and (min-width: 1101px){
 .area-wrapper-normal{ width: calc(100% - 340px); }
 .header-menu-btn{ display: none; }
 body.page-wide .header-menu-btn{ display: block; }
 .area-menu-sp{ right: 0; width: 340px; }
 body.page-index .area-menu-sp{ display: none; }
 body.page-wide .area-menu-sp{ right: -340px; }
 body.page-wide.js-menu-active .area-menu-sp{ right: 0; } }

@media screen and (max-width: 767px){
 .area-wrapper-index > ._lines{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; }
 .area-wrapper-index > ._lines span{ position: absolute; top: 0px; left: 0px; bottom: 0px; width: 1px; background: #e5e5e5; }
 .area-wrapper-index > ._lines span:nth-child(1){ left: 5vw; }
 .area-wrapper-index > ._lines span:nth-child(2){ left: 27.5vw; }
 .area-wrapper-index > ._lines span:nth-child(3){ left: 50vw; }
 .area-wrapper-index > ._lines span:nth-child(4){ left: 72.5vw; }
 .area-wrapper-index > ._lines span:nth-child(5){ left: 95vw; }
 .area-wrapper-index > ._lines span:nth-child(6){ display: none; }
 .area-wrapper-index > ._lines span:nth-child(7){ display: none; }
 .area-wrapper-index > ._lines span:nth-child(8){ display: none; }
 .area-wrapper-index > ._lines span:nth-child(9){ display: none; }
 .area-main-index .area-inner ._lines{ display: none; }
 .area-main-wide .area-inner ._lines{ display: none; }
 .block-inner-sp{ padding-right: 15px; padding-left: 15px; }
 .area-header-index ._logo{ top: 15px; left: 15px; }
 .area-header-index ._logo a{ font-size: 14px; padding: 2px 5px 5px 20px; }
 .area-header-index ._logo a:after{ background-size: 14px 14px; width: 14px; height: 14px; }
 .area-header-index ._gnavi{ display: none; }
 .area-header-index ._lang{ display: none; }
 .area-header-normal ._logo{ top: 15px; left: 15px; }
 .area-header-normal ._logo a{ font-size: 14px; padding: 2px 5px 5px 20px; }
 .area-header-normal ._logo a:after{ background-size: 14px 14px; width: 14px; height: 14px; }
 .area-main-normal{ margin: 0 15px; }
 .area-main-normal ._lines span{ position: absolute; top: 0px; left: 0px; bottom: 0px; width: 1px; background: #e5e5e5; }
 .area-main-normal ._lines span:nth-child(1){ left: 0; }
 .area-main-normal ._lines span:nth-child(2){ left: 25%; }
 .area-main-normal ._lines span:nth-child(3){ left: 50%; }
 .area-main-normal ._lines span:nth-child(4){ left: 75%; }
 .area-main-normal ._lines span:nth-child(5){ left: 100%; }
 .area-main-normal ._lines span:nth-child(6){ display: none; }
 .area-main-normal ._lines span:nth-child(7){ display: none; }
 .area-main-normal ._lines span:nth-child(8){ display: none; }
 .area-main-normal ._lines span:nth-child(9){ display: none; }
 body.js-menu-active .header-menu-btn{ right: calc(100% - 50px); }
 .area-menu-sp{ left: 100vw; width: 100vw; }
 body.js-menu-active .area-menu-sp{ left: 0; }
 .area-menu-sp ._inner{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
 .area-menu-sp ._inner ._gnavi{ text-align: center; line-height: 2.2; font-weight: bold; }
 .area-menu-sp ._inner ._gnavi a{ display: inline-block; padding: 4px 0; }
 .area-menu-sp ._inner ._gnavi a.is-small{ font-size: 14px; }
 main img{ max-width: 100%; }
 main{ font-size: 14px; }
 .area-footer{ font-size: 12px; padding: 30px 15px 80px 15px; color: #fff; }
 .area-footer a{ color: #fff; }
 .area-footer ._link1{ text-align: center; }
 .area-footer ._link1 li{ display: inline-block; }
 .area-footer ._link1 li a{ display: block; padding: 10px 10px 8px 30px; margin: 0 5px; border: 1px solid #fff; position: relative; }
 .area-footer ._link1 li a._icon-rock:after{ content: ""; display: block; position: absolute; top: 8px; left: 10px; background-image: url(/ja/common/images/icon_rock.svg); background-size: 11px 13px; width: 11px; height: 13px; }
 .area-footer ._link2{ margin-top: 20px; text-align: center; line-height: 1.8; }
 .area-footer ._link2 li{ display: inline-block; padding: 0 5px 0 0; margin: 5px 5px 5px 0; }
 .area-footer ._link2 li + li{ border-left: 1px solid #ccc; padding-left: 15px; }
 .area-footer ._link2 li a{ display: block; text-decoration: none; }
 .area-footer ._copy{ margin-top: 20px; text-align: center; }
 .area-footer ._copy small{ font-size: 10px; }
 .mod-donation{ width: 130px; height: 130px; }
 .mod-donation span{ right: 10px; bottom: 5px; font-size: 14px; }
 .mod-donation:after{ width: 130px; height: 130px; }
 .area-iframe-modal ._modal-btn-close{ top: -10px; right: -10px; width: 40px; height: 40px; }
 .area-iframe-modal ._modal-btn-close:after, .area-iframe-modal ._modal-btn-close:before{ top: 18px; left: 8px; background: #fff; }
 .area-iframe-modal ._modal-box{ top: 10px; left: 10px; bottom: 10px; right: 10px; width: auto; height: auto; margin: 0; }
 .js-image-modal:after{ width: 40px; height: 40px; background-size: 18px 18px; }
 .area-donation-modal ._modal-btn-close{ top: 0px; right: 0px; width: 40px; height: 40px; }
 .area-donation-modal ._modal-btn-close:after, .area-donation-modal ._modal-btn-close:before{ top: 18px; left: 8px; background: #fff; }
 .area-donation-modal ._modal-box{ top: 0px; left: 0px; bottom: 0px; right: 0px; width: auto; height: auto; margin: 0; }
 .area-donation-modal ._modal-box ._modal-body ._inner{ top: 10px; left: 10px; right: 10px; bottom: 10px; }
 .area-donation-modal ._modal-box ._modal-body ._inner{ padding: 40px 20px 0 20px; }
 .area-donation-modal ._modal-box ._modal-body ._inner h2{ font-size: 16px; line-height: 1.4; }
 .area-donation-modal ._modal-box ._modal-body ._inner ._t1{ font-size: 12px; margin-top: 10px; line-height: 1.8; } }

@media print, screen and (min-width: 768px){
 .area-main-index .area-inner{ max-width: 1600px; margin: 0 auto; }
 .area-main-index .area-inner ._lines{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; }
 .area-main-index .area-inner ._lines span{ position: absolute; top: 0px; left: 0px; bottom: 0px; width: 1px; background: #e5e5e5; }
 .area-main-index .area-inner ._lines span:nth-child(1){ left: calc(100% / 8 * 0); }
 .area-main-index .area-inner ._lines span:nth-child(2){ left: calc(100% / 8 * 1); }
 .area-main-index .area-inner ._lines span:nth-child(3){ left: calc(100% / 8 * 2); }
 .area-main-index .area-inner ._lines span:nth-child(4){ left: calc(100% / 8 * 3); }
 .area-main-index .area-inner ._lines span:nth-child(5){ left: calc(100% / 8 * 4); }
 .area-main-index .area-inner ._lines span:nth-child(6){ left: calc(100% / 8 * 5); }
 .area-main-index .area-inner ._lines span:nth-child(7){ left: calc(100% / 8 * 6); }
 .area-main-index .area-inner ._lines span:nth-child(8){ left: calc(100% / 8 * 7); }
 .area-main-index .area-inner ._lines span:nth-child(9){ left: calc(100% / 8 * 8); }
 .area-main-index .block-inner{ width: 75%; margin: 0 auto; }
 body.js-sdfs-open-modal .area-main-wide ._bg{ position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(255, 255, 255, 0); z-index: 5; }
 .area-main-wide .area-inner{ margin: 0 auto; width: 1020px; }
 .area-main-wide .area-inner ._lines{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: -1; }
 .area-main-wide .area-inner ._lines span{ position: absolute; top: 0px; left: 0px; bottom: 0px; width: 1px; background: #e5e5e5; }
 .area-main-wide .area-inner ._lines span:nth-child(1){ left: calc(100% / 6 * 0); }
 .area-main-wide .area-inner ._lines span:nth-child(2){ left: calc(100% / 6 * 1); }
 .area-main-wide .area-inner ._lines span:nth-child(3){ left: calc(100% / 6 * 2); }
 .area-main-wide .area-inner ._lines span:nth-child(4){ left: calc(100% / 6 * 3); }
 .area-main-wide .area-inner ._lines span:nth-child(5){ left: calc(100% / 6 * 4); }
 .area-main-wide .area-inner ._lines span:nth-child(6){ left: calc(100% / 6 * 5); }
 .area-main-wide .area-inner ._lines span:nth-child(7){ left: calc(100% / 6 * 6); }
 .area-main-normal .block-inner{ width: 680px; margin: 0 auto; }
 .area-header-index ._logo{ top: 20px; width: 340px; }
 .area-header-normal ._logo{ top: 20px; width: 340px; }
 .area-main-normal ._inner{ width: 680px; }
 .area-main-normal ._lines ._inner{ width: 680px; }
 .area-main-normal ._lines span{ position: absolute; top: 0px; left: 0px; bottom: 0px; width: 1px; background: #e5e5e5; }
 .area-main-normal ._lines span:nth-child(1){ left: 0; }
 .area-main-normal ._lines span:nth-child(2){ left: 170px; }
 .area-main-normal ._lines span:nth-child(3){ left: 340px; }
 .area-main-normal ._lines span:nth-child(4){ left: 510px; }
 .area-main-normal ._lines span:nth-child(5){ left: 680px; }
 .area-main-normal ._lines span:nth-child(6){ display: none; }
 .area-main-normal ._lines span:nth-child(7){ display: none; }
 .area-main-normal ._lines span:nth-child(8){ display: none; }
 .area-main-normal ._lines span:nth-child(9){ display: none; }
 body.js-menu-active .header-menu-btn{ right: 340px; -ms-transform: translate(50px, 0); transform: translate(50px, 0); }
 .area-menu-sp ._inner{ position: relative; padding: 60px 10px 0 30px; }
 .area-menu-sp ._inner ._gnavi{ font-weight: bold; }
 .area-menu-sp ._inner ._gnavi a{ font-size: 18px; display: inline-block; padding: 10px 0; line-height: 1.6; position: relative; }
 .area-menu-sp ._inner ._gnavi a.is-small{ font-size: 16px; }
 .area-footer{ font-size: 13px; padding: 80px 20px; color: #fff; }
 .area-footer a{ color: #fff; }
 .area-footer ._link1{ text-align: center; }
 .area-footer ._link1 li{ display: inline-block; }
 .area-footer ._link1 li a{ display: block; padding: 10px 30px 8px 30px; margin: 0 5px; border: 1px solid #fff; position: relative; transition-duration: 0.2s; }
 .area-footer ._link1 li a:hover{ border: 1px solid #888; }
 .area-footer ._link1 li a._icon-rock:after{ content: ""; display: block; position: absolute; top: 8px; left: 10px; background-image: url(/ja/common/images/icon_rock_w.svg); background-size: 11px 13px; width: 11px; height: 13px; }
 .area-footer ._row{ display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
 .area-wrapper-index .area-footer ._row, .area-wrapper-wide .area-footer ._row{ width: 1000px; margin: 0 auto; }
 .area-footer ._link2 li{ display: inline-block; padding: 0 5px 0 0; margin: 5px 5px 5px 0; }
 .area-footer ._link2 li + li{ border-left: 1px solid #ccc; padding-left: 15px; }
 .area-footer ._link2 li a{ display: block; text-decoration: none; }
 .area-footer ._link2 li a:hover{ text-decoration: underline; }
 .area-footer ._copy{ text-align: right; }
 .area-footer ._copy small{ font-size: 10px; }
 .mod-donation{ width: 171px; height: 171px; }
 .mod-donation span{ right: 20px; bottom: 10px; }
 .mod-donation:after{ width: 171px; height: 171px; }
 .area-iframe-modal ._modal-btn-close{ top: -60px; right: 0px; width: 60px; height: 60px; }
 .area-iframe-modal ._modal-btn-close:after, .area-iframe-modal ._modal-btn-close:before{ top: 28px; left: 18px; background: #fff; }
 .area-iframe-modal ._modal-box{ top: 50%; left: 50%; width: 1024px; height: 640px; margin: -320px 0 0 -512px; }
 .area-donation-modal ._modal-btn-close{ top: 0px; right: 0px; width: 60px; height: 60px; }
 .area-donation-modal ._modal-btn-close:after, .area-donation-modal ._modal-btn-close:before{ top: 28px; left: 18px; background: #fff; }
 .area-donation-modal ._modal-box ._modal-body ._inner{ top: 40px; left: 40px; right: 40px; bottom: 40px; }
 .area-donation-modal ._modal-box ._modal-body ._inner{ background-image: url("/en/images/donation/bg.png"); background-repeat: no-repeat; background-position: left top; background-position: center center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; }
 .area-donation-modal ._modal-box ._modal-body ._inner ._inner2{ width: 660px; height: 380px; text-align: left; }
 .area-donation-modal ._modal-box ._modal-body ._inner h2{ font-size: 26px; font-weight: normal; padding-left: 60px; }
 .area-donation-modal ._modal-box ._modal-body ._inner ._t1{ margin-top: 60px; line-height: 2.25; } }

@media screen and (min-width: 768px) and (max-width: 1600px){
 .area-main-index .block-inner{ width: 75%; margin: 0 auto; }
 .area-main-normal .block-inner{ width: 680px; margin: 0 auto; } }

@media print, screen and (min-width: 1151px){
 .area-header-index ._gnavi{ top: 25px; }
 .area-header-index ._lang{ top: 75px; } }

@media screen and (min-width: 768px) and (max-width: 1150px){
 .area-header-index ._gnavi{ top: 55px; }
 .area-header-index ._lang{ top: 105px; } }

@media screen and (min-width: 768px) and (max-width: 1100px){
 body.page-index .header-menu-btn{ display: none; }
 .area-menu-sp{ right: -340px; width: 340px; }
 body.js-menu-active .area-menu-sp{ right: 0; } }

@media screen and (max-width: 1100px){
 .area-menu-sp{ overflow: scroll; -webkit-overflow-scrolling: touch; visibility: hidden; }
 body.js-menu-active .area-menu-sp{ visibility: visible; } }

@media screen and (min-width: 768px){
 main{ font-size: 16px; } }

@media print, screen and (min-width: 1361px){
 .area-donation-modal ._modal-box{ top: 50%; left: 50%; width: 1366px; height: 768px; margin: -384px 0 0 -683px; } }

@media screen and (min-width: 768px) and (max-width: 1360px){
 .area-donation-modal ._modal-box{ top: 50%; left: 20px; right: 20px; height: 600px; margin: -300px 0 0 0; } }

/*# sourceMappingURL=maps/site.css.map */