@charset "UTF-8";
/* Scss Document */
a { transition: .4s; }
a:hover { opacity: 0.6; }

.pc { display: block; }
@media screen and (max-width: 767px) { .pc { display: none; } }

.sp { display: none; }
@media screen and (max-width: 767px) { .sp { display: block; } }

.modaal-overlay { z-index: 2000; }

.modaal-close:focus, .modaal-close:hover { outline: 0; background: none; }

#modaal-close { background: url("/images/s/gccx2020/ico-close-modal.png") no-repeat; background-size: 100% 100%; border-radius: 0; }

.modaal-close::after, .modaal-close::before { display: none; }

.wrapper { width: 100%; height: auto; line-height: 1.7; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; padding: 140px 0 0; }
@media screen and (max-width: 767px) { .wrapper { padding: 14vw 0 0; } }

.pageHeader { position: fixed; /* IE11以下 */ width: 100%; z-index: 1000; background: #fff; }
.pageHeader__amiami { background: #ed7700; padding: 7.5px 15px; position: relative; z-index: 3; }
@media screen and (max-width: 767px) { .pageHeader__amiami { display: none; } }
.pageHeader__amiamiLink { margin: 0; padding: 0; display: inline; position: relative; z-index: 2; }
.pageHeader__gnavi { display: flex; padding: 15px; justify-content: space-between; height: 100px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); }
@media screen and (max-width: 767px) { .pageHeader__gnavi { height: 14vw; padding: 2vw; } }
@media screen and (max-width: 767px) { .pageHeader__gnaviTitle { height: 10vw; width: auto; margin: 0 0 0 14vw; } }
@media screen and (max-width: 767px) { .pageHeader__logoImage { height: 10vw; width: auto; } }
@media screen and (max-width: 767px) { .pageHeader__menuIcon { position: fixed; left: 0; top: 0; width: 14vw; height: 14vw; } }
@media screen and (max-width: 767px) { .pageHeader__menuIconImage { width: 100%; height: 100%; } }
.pageHeader__gnaviItem { margin: 0 0 0 15px; }
@media screen and (max-width: 767px) { .pageHeader__gnaviItem { margin: 0 0 5vw; } }
.pageHeader__gnaviList { list-style: none; display: flex; }
@media screen and (max-width: 767px) { .pageHeader__gnaviList { position: fixed; height: 0; top: 14vw; left: 0; width: 100%; flex-direction: column; background: #000; overflow: auto; align-items: center; justify-content: center; transition: .4s; padding: 0; } }
@media screen and (max-width: 767px) { .pageHeader__gnaviList.open { height: calc(100vh - 14vw); } }
.pageHeader__gnaviLink { display: inline; }
@media screen and (max-width: 767px) { .pageHeader__gnaviLinkImage { height: 10vw; width: auto; } }

.mainVisual { width: 100%; margin: 0 0 60px; }
@media screen and (max-width: 767px) { .mainVisual { margin: 0 0 10vw; } }
.mainVisual__image { width: 100%; height: auto; }

.content__section { width: 950px; margin: 0 auto 60px; }
@media screen and (max-width: 767px) { .content__section { width: 90vw; margin: 0 auto 10vw; } }
.content__title { width: 950px; margin: 0 0 30px; }
@media screen and (max-width: 767px) { .content__title { width: 90vw; margin: 0 0 3vw; } }
.content__titleImage { width: 100%; height: auto; }
.content__inner { width: 950px; padding: 0; display: flex; }
@media screen and (max-width: 767px) { .content__inner { width: 540px; } }
@media screen and (max-width: 767px) { .content__inner { width: 90vw; } }
.content__innerImage { width: 100%; height: auto; }

.pageFooter { background: #eee; padding: 60px 0; }
@media screen and (max-width: 767px) { .pageFooter { padding: 5vw 0; } }
.pageFooter__snsList { display: flex; justify-content: center; list-style: none; padding: 0; margin: 0 0 30px; }
@media screen and (max-width: 767px) { .pageFooter__snsList { margin: 0 0 3vw; } }
.pageFooter__snsListItem { width: 70px; height: 70px; margin: 0 0 0 30px; }
@media screen and (max-width: 767px) { .pageFooter__snsListItem { width: 7vw; height: 7vw; margin: 0 0 0 5vw; } }
.pageFooter__snsListItem:first-child { margin: 0; }
@media screen and (max-width: 767px) { .pageFooter__snsListImage { width: 100%; height: 100%; } }
.pageFooter__copy { margin: 0 auto; text-align: center; }

/* pagetop */
.pagetop { width: 70px; height: 70px; position: fixed; bottom: 60px; right: 60px; z-index: 200; cursor: pointer; }
@media screen and (max-width: 767px) { .pagetop { width: 10vw; height: 10vw; bottom: 5vw; right: 5vw; } }
.pagetop__image { width: 100%; height: 100%; }

/*# sourceMappingURL=common.css.map */