@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Quicksand";
@import "https://fonts.googleapis.com/css?family=Oswald";
@font-face { font-family: YuGothic M; src: local(Yu Gothic Medium); }
html { font-size: 62.5%; }

body { color: #30343f; font-family: "游ゴシック体",YuGothic,YuGothic M,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",MS PGothic,sans-serif; font-size: 14px; font-size: 1.4rem; font-weight: 400; line-height: 1.5; position: relative; -webkit-text-size-adjust: none; width: 100%; }

li { list-style: none; }

a { color: #30343f; text-decoration: underline; }

a:hover { text-decoration: none; }

strong { font-weight: 700; }

em { font-style: normal; font-weight: 400; text-decoration: underline; }

.header { background: #fff; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; }

.header > .inner { box-sizing: border-box; margin: 0 auto; overflow: hidden; }

@media screen and (min-width: 1000px) { .header > .inner { padding: 12px 24px 2px; max-width: 1280px; } }
@media screen and (max-width: 999px) { .header > .inner { padding: 8px 24px; } }
@media screen and (max-width: 767px) { .header > .inner { padding: 8px; } }
.header__logo { float: left; }

@media screen and (min-width: 1000px) { .header__logo { width: 182px; } }
.header__logo img { height: auto; vertical-align: bottom; }

@media screen and (min-width: 1000px) { .header__logo img { width: 160px; } }
@media screen and (max-width: 999px) { .header__logo img { width: 119px; } }
.header .sp_menu_open { position: absolute; top: 25px; right: 15px; width: 24px; height: 16px; background: url(../img/icn_sp_open.png) no-repeat; background-size: 24px 16px; }

@media screen and (min-width: 768px) { .header .sp_menu_open { display: none; } }
@media screen and (max-width: 767px) { .header .sp_menu_open { display: block; } }
@media screen and (max-width: 999px) { .header__sp_wrapper { display: none; position: absolute; top: 0; right: 0; width: 70%; padding: 60px 0 100px 20px; background: rgba(0, 0, 0, 0.6); }
  .header__sp_wrapper .sp_menu_close { display: block; position: absolute; top: 25px; right: 15px; width: 24px; height: 16px; background: url(../img/icn_sp_close.png) no-repeat; background-size: 24px 16px; } }
.header__menu { float: left; width: 936px; margin-bottom: 5px; overflow: hidden; }

.header__menu li { float: left; width: 113px; text-align: center; margin: 0 2px; border-bottom: 4px solid #f28d00; }

.header__menu li:after { background-color: #f28d00; border-radius: 2px; content: ""; display: block; height: 4px; }

.header__menu li a { font-size: 9px; color: #f28d00; text-decoration: none; }

.header__menu li span { display: table-cell; width: 109px; height: 45px; vertical-align: middle; font-size: 16px; line-height: 1; font-weight: 700; }

@media screen and (max-width: 999px) { .header__menu { float: none; margin-bottom: 0; overflow: visible; }
  .header__menu li { float: none; width: 100%; text-align: left; margin: 0 0 5px; padding: 10px 80px 15px 15px; border-bottom: none; border-left: 10px solid #f28d00; background: white url(../img/ico_arrow-org-b.png) no-repeat; background-position: center; }
  .header__menu li:after { content: ""; display: none; }
  .header__menu li a { font-size: 9px; color: #f28d00; text-decoration: none; }
  .header__menu li span { display: block; width: 100%; height: auto; vertical-align: middle; font-size: 16px; line-height: 1; font-weight: 700; } }
@media screen and (min-width: 1000px) { .header__gnav { padding-left: 185px; } }
@media screen and (max-width: 999px) { .header__gnav > .inner { transition: all .3s ease-out; background: rgba(48, 52, 63, 0.8); box-sizing: border-box; min-height: 100%; padding: 60px 0 0; position: fixed; right: -78.75%; top: 0; width: 78.75%; z-index: 10; }
  .header__gnav > .inner.opened { right: 0; } }
@media screen and (min-width: 1000px) { .header__gnav-lang { float: right; padding: 8px 0 8px 8px; }
  .header__gnav-lang li { box-sizing: border-box; float: left; font-size: 12px; margin: 0 0 4px 1%; padding: 0 0 0 2px; text-align: center; vertical-align: top; width: 49.5%; }
  .header__gnav-lang li:first-child { margin: 0 0 4px; }
  .header__gnav-lang li.off { background: none; }
  .header__gnav-lang li.off a { background: #fad199; cursor: default; }
  .header__gnav-lang li.header__gnav-lang-translate { clear: both; float: none; margin: 0; width: 100%; }
  .header__gnav-lang li.header__gnav-lang-translate .goog-te-gadget-simple { box-sizing: border-box; width: 100%; }
  .header__gnav-lang li.header__gnav-lang-translate a { background: none; border: none; color: #30343f; display: inline; margin: 0; padding: 0; }
  .header__gnav-lang a { background: url(../img/ico_arrow-w-r.png) right 10px top 7px no-repeat #f28d01; background-size: 10px; border-radius: 12px; box-sizing: border-box; color: #fff; display: block; font-size: 10px; font-weight: 700; height: 24px; line-height: 1.3; padding: 5px 25px 0 10px; position: relative; text-align: center; text-decoration: none; } }
@media screen and (max-width: 999px) { .header__gnav-lang { float: none; width: 60%; margin: 20px auto auto; font-size: 0; text-align: center; }
  .header__gnav-lang-btn { box-sizing: border-box; display: inline-block; margin: 0 0 4px; padding: 0 2px; width: 50%; }
  .header__gnav-lang-btn.off a { background: #fad199; }
  .header__gnav-lang-btn.header__gnav-lang-translate { margin: 0 auto; width: auto; }
  .header__gnav-lang-btn.header__gnav-lang-translate .goog-te-gadget-simple { box-sizing: border-box; width: 100%; }
  .header__gnav-lang-btn.header__gnav-lang-translate a { background: none; border: none; color: #30343f; display: inline; height: auto; line-height: 1; margin: 0; padding: 0; }
  .header__gnav-lang-btn a { background: url(../img/ico_arrow-w-r.png) right 10px center no-repeat #f28d01; background-size: 12px; border-radius: 10px; box-sizing: border-box; color: #fff; display: block; font-size: 10px; font-size: 1rem; font-weight: 700; height: 20px; line-height: 20px; padding: 0 16px; text-align: left; text-decoration: none; } }
.header__gnav_sp_header { float: right; width: 40%; margin-right: 60px; }

@media screen and (min-width: 768px) { .header__gnav_sp_header { display: none; } }
@media screen and (max-width: 767px) { .header__gnav_sp_header { display: block; } }
.header__gnav_sp_header .header__gnav-lang { display: table; width: 100%; margin: 15px; }

.header__gnav_sp_header .header__gnav-lang .header__gnav-lang-btn { display: table-cell; width: 50%; }

.footer__bnr { background: url(../img/bg.png) repeat #eaeaeb; background-size: 15px; }

@media screen and (min-width: 1000px) { .footer__bnr ul { font-size: 0; margin: 0 auto; text-align: center; max-width: 1000px; }
  .footer__bnr li { display: inline-block; font-size: 12px; padding: 24px 5px; vertical-align: top; }
  .footer__bnr img { height: 53px; vertical-align: bottom; width: auto; } }
@media screen and (max-width: 999px) { .footer__bnr { overflow: auto; padding: 24px 8px; width: 100%; }
  .footer__bnr ul { margin: 0 auto; overflow: hidden; }
  .footer__bnr li { float: left; margin: 0 0 5px 2%; width: 49%; }
  .footer__bnr li:nth-child(odd) { margin-left: 0; }
  .footer__bnr img { display: block; height: auto; width: 100%; } }
@media screen and (min-width: 1000px) { .footer__nav { margin: 24px auto; overflow: hidden; max-width: 1000px; } }
.footer__btn { overflow: hidden; text-align: center; }

@media screen and (min-width: 1000px) { .footer__btn li { display: inline-block; font-size: 15px; width: 32%; }
  .footer__btn li a, .footer__btn li span { background-image: url(../img/ico_arrow-w-r.png); background-position: right 15px top 29px; background-repeat: no-repeat; background-size: 12px; box-sizing: border-box; border-bottom-style: solid; border-radius: 36px; border-width: 4px; color: #fff; display: block; height: 72px; line-height: 1; padding-top: 20px; position: relative; text-align: left; text-decoration: none; }
  .footer__btn li img { height: auto; position: absolute; }
  .footer__btn-twitter a { background-color: #00aced; padding-left: 70px; }
  .footer__btn-twitter img { left: 24px; top: 22px; width: 34px; }
  .footer__btn-media { margin: 0 0 0 2%; }
  .footer__btn-media a { background-color: #f28d01; padding-left: 100px; }
  .footer__btn-media span { background-color: #999; padding-left: 100px; }
  .footer__btn-media img { left: 12px; top: 17px; width: 74px; } }
@media screen and (max-width: 999px) { .footer__btn { padding: 12px; }
  .footer__btn li { font-size: 14px; font-size: 1.4rem; }
  .footer__btn li a { background-image: url(../img/ico_arrow-w-r.png); background-repeat: no-repeat; background-size: 12px; border-bottom-style: solid; border-radius: 30px; border-width: 4px; box-sizing: border-box; color: #fff; display: block; margin: 0 auto; position: relative; text-decoration: none; max-width: 400px; }
  .footer__btn li img { height: auto; position: absolute; }
  .footer__btn-twitter { margin-bottom: 12px; }
  .footer__btn-twitter a { background-color: #00aced; background-position: right 15px top 24px; height: 60px; line-height: 1; padding-top: 15px; padding-left: 65px; text-align: left; }
  .footer__btn-twitter img { left: 20px; top: 18px; width: 28px; }
  .footer__btn-media { float: left; width: 49.5%; }
  .footer__btn-media:last-child { margin-left: 1%; }
  .footer__btn-media a { background-color: #f28d01; background-position: right 15px bottom 15px; font-weight: 700; line-height: 1.3; padding: 75px 20px 33px; }
  .footer__btn-media img { left: 20px; top: 25px; width: 67px; } }
.footer__list { text-align: center; }

@media screen and (min-width: 1000px) { .footer__list { clear: both; font-size: 0; }
  .footer__list > li[class^=footer__list-] { display: inline-block; font-size: 12px; vertical-align: middle; white-space: nowrap; }
  .footer__list-lang { overflow: hidden; }
  .footer__list-lang li { float: left; height: 52px; }
  .footer__list-lang li:first-child { margin: 0 2px 0 0; }
  .footer__list-lang li a { background: url(../img/ico_arrow-w-r.png) right 15px top 19px/12px no-repeat #f28d01; box-sizing: border-box; color: #fff; display: block; height: 52px; line-height: 52px; padding: 0 0 0 20px; text-decoration: none; width: 128px; }
  .footer__list-lang li.off a { background: #fad199; cursor: default; }
  .footer__list-translate { text-align: center; width: 16%; }
  .footer__list-menu { padding: 0 25px 0 0; }
  .footer__list-menu a { color: #f28d01; font-size: 14px; font-weight: 700; text-decoration: none; }
  .footer__list-menu a:hover { text-decoration: underline; }
  .footer__list-sns { font-weight: 700; }
  .footer__list-sns ul { display: inline-block; font-size: 0; margin: 0 auto; text-align: right; vertical-align: middle; }
  .footer__list-sns-twitter, .footer__list-sns-line, .footer__list-sns-facebook { display: inline-block; font-size: 12px; margin: 0 0 0 16px; }
  .footer__list-sns-line { display: none; }
  .footer__list-sns img { display: block; height: auto; width: 52px; } }
@media screen and (max-width: 999px) { .footer__list { clear: both; padding: 8px 12px; text-align: center; }
  .footer__list-lang { overflow: hidden; }
  .footer__list-lang li { float: left; height: 44px; width: 49.5%; }
  .footer__list-lang li:first-child { margin: 0 1% 0 0; }
  .footer__list-lang li a { background: url(../img/ico_arrow-w-r.png) right 15px top 16px no-repeat #f28d01; background-size: 12px; box-sizing: border-box; color: #fff; display: block; height: 44px; line-height: 44px; padding: 0 0 0 20px; text-align: left; text-decoration: none; }
  .footer__list-lang li.off a { background: #fad199; cursor: default; }
  .footer__list-translate { padding: 20px 0; text-align: center; }
  .footer__list-menu { display: inline-block; }
  .footer__list-menu a { color: #f28d01; font-size: 10px; font-size: 1rem; font-weight: 700; padding: 0 .5em; text-decoration: none; white-space: nowrap; }
  .footer__list-sns { font-weight: 700; margin: 20px 0; text-align: center; }
  .footer__list-sns ul { display: table; margin: 12px auto 0; table-layout: fixed; width: 100%; max-width: 400px; }
  .footer__list-sns-twitter, .footer__list-sns-line, .footer__list-sns-facebook { display: table-cell; text-align: center; vertical-align: middle; }
  .footer__list-sns img { height: auto; width: 68px; } }
.footer__copyright { text-align: center; font-weight: 700; }

@media screen and (min-width: 1000px) { .footer__copyright { padding: 0 0 40px; } }
@media screen and (max-width: 999px) { .footer__copyright { font-size: 10px; font-size: 1rem; padding: 0 0 50px; } }
.bread { background: #99c7df; color: #fff; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; }

#main .bread { background: #f5ac9d; }

#creation .bread { background: #cce599; }

#biz .bread { background: #99a8b7; }

@media screen and (min-width: 768px) { .bread { display: none; } }
.bread ol { display: table; width: 100%; }

.bread li { background: url(../img/common/ico_arrow-w-r.png) 10px center no-repeat; background-size: 10px; box-sizing: border-box; display: table-cell; font-size: 9px; font-size: .9rem; line-height: 1; padding: 10px 10px 10px 25px; vertical-align: middle; }

.bread li:first-child { background: none; padding: 0; }

.bread li:first-child a { display: inline-block; padding: 10px; }

.bread__home { background: #0072ae; text-align: center; width: 40px; }

#main .bread__home { background: #e52f0b; }

#creation .bread__home { background: #7fbf00; }

#biz .bread__home { background: #00264c; }

.bread__home img { height: 12px; width: 15px; }

.content { position: relative; overflow: hidden; }

@media screen and (min-width: 768px) { .content .inner { box-sizing: border-box; margin: 0 auto; max-width: 1000px; } }
@media screen and (max-width: 999px) { .content .inner { padding: 10px 12px; } }
@media screen and (max-width: 767px) { .content .inner { padding: 10px 0; } }
.content__head { background: #f28d01; color: #fff; position: relative; }

#main .content__head { background: #e52f0b; }

#creation .content__head { background: #7fbf00; }

#biz .content__head { background: #00264c; }

#faf .content__head { background: #f28d01; }

@media screen and (min-width: 768px) { .content__head { padding: 100px 0 70px; } }
@media screen and (max-width: 767px) { .content__head { padding: 65px 20px 40px; } }
.content__head-ttl { font-weight: 400; line-height: 1; }

@media screen and (min-width: 768px) { .content__head-ttl { font-size: 12px; }
  .content__head-ttl img { height: 56px; width: auto; }
  .content__head-ttl img.line-2 { height: 110px; } }
@media screen and (max-width: 767px) { .content__head-ttl { font-size: 10px; font-size: 1rem; }
  .content__head-ttl img { height: auto; margin: 0 0 15px; width: 100%; } }
@media screen and (min-width: 768px) { .content__head-lead { margin: 51px 0 0; } }
@media screen and (max-width: 767px) { .content__head-lead { margin: 21px 0 0; } }
.content__head-lead p { margin: 24px 0 0; }

.content__head-bnr a { background: #fff; color: #30343f; display: block; padding: 10px; text-decoration: none; }

@media screen and (min-width: 768px) { .content__head-bnr a { display: inline-block; font-size: 18px; margin: 30px 0 0; }
  .content__head-bnr a p { display: inline-block; } }
@media screen and (max-width: 767px) { .content__head-bnr a { margin: 20px 0 0; } }
.content__head-bnr span { transition: all .3s ease-out; background-color: #f28d01; background-image: url(../img/ico_arrow-w-r.png); background-position: right 16px center; background-repeat: no-repeat; background-size: 12px; border-bottom-style: solid; border-color: #f28d01; box-sizing: border-box; color: #fff; text-align: left; text-decoration: none; }

@media screen and (min-width: 768px) { .content__head-bnr span { border-width: 4px; display: inline-block; line-height: 44px; padding: 0 25px; width: 200px; } }
@media screen and (max-width: 767px) { .content__head-bnr span { border-width: 2px; display: block; line-height: 2; margin: 10px 0 0; padding: 0 10px; width: 100%; } }
.content__head-bnr span strong { font-size: 110%; }

.content__head-bnr:hover span { background-color: #fad199; }

@media screen and (min-width: 768px) { .content__head-nav ul { margin: 30px 0 0; overflow: hidden; width: 100%; } }
@media screen and (max-width: 767px) { .content__head-nav ul { margin: 20px 0 0; } }
@media screen and (min-width: 768px) { .content__head-nav li { float: left; margin: 0 0 2px .5%; width: 33%; }
  .content__head-nav li:first-child { margin-left: 0; } }
@media screen and (max-width: 767px) { .content__head-nav li { display: table; margin: 2px 0 0; width: 100%; } }
.content__head-nav a { background-color: #fff; background-image: url(../img/ico_arrow-blue-b.png); background-repeat: no-repeat; background-size: 12px; color: #f28d01; box-sizing: border-box; display: block; font-size: 18px; line-height: 1.3; text-decoration: none; }

#main .content__head-nav a { background-image: url(../img/ico_arrow-red-b.png); color: #e52f0b; }

#creation .content__head-nav a { background-image: url(../img/ico_arrow-grn-b.png); color: #7fbf00; }

#biz .content__head-nav a { background-image: url(../img/ico_arrow-nvy-b.png); color: #00264c; }

@media screen and (min-width: 768px) { .content__head-nav a { background-position: right 20px top 28px; height: 64px; padding: 20px 0 0 20px; } }
@media screen and (max-width: 767px) { .content__head-nav a { background-position: right 20px top 25px; display: table-cell; height: 60px; padding: 0 0 0 20px; vertical-align: middle; } }
.content__section { position: relative; z-index: 2; }

@media screen and (min-width: 768px) { .content__section { padding: 25px 0; } }
@media screen and (max-width: 767px) { .content__section { padding: 20px 12px; } }
.content__section-ttl { color: #f28d01; line-height: 1.4; margin: 0 0 30px; }

#main .content__section-ttl { color: #e52f0b; }

#creation .content__section-ttl { color: #7fbf00; }

#biz .content__section-ttl { color: #00264c; }

@media screen and (min-width: 768px) { .content__section-ttl { font-size: 36px; padding: 15px 0 0; }
  .content__section-ttl span { display: block; font-size: 12px; font-weight: 400; margin: 0 0 10px; } }
@media screen and (max-width: 767px) { .content__section-ttl { font-size: 26px; font-size: 2.6rem; }
  .content__section-ttl span { display: block; font-size: 10px; font-size: 1rem; font-weight: 400; margin: 0 0 10px; } }
@media screen and (max-width: 375px) { .content__section-ttl { font-size: 22px; font-size: 2.2rem; } }
.content__section:nth-child(odd) { background: url(../img/bg.png) repeat #eaeaeb; background-size: 15px; }

.content__section img { height: auto; max-width: 100%; }

.content__txt { margin: 20px 0 0; }

.content__txt p { margin: 20px 0 0; }

.content__txt img { max-width: 100%; }

.content__txt-right { text-align: right; }

.content__txt > *:first-child { margin: 0; }

.content__img { margin-top: 1em; overflow: hidden; }

.content__img li { float: left; }

@media screen and (min-width: 768px) { .content__img li { width: 32.65%; margin-top: 1.025%; margin-left: 1.025%; }
  .content__img li:nth-child(3n+1) { margin-left: 0; } }
@media screen and (max-width: 767px) { .content__img li { width: 49.5%; margin-top: 1%; }
  .content__img li:nth-child(even) { margin-left: 1%; } }
.content__img li img { display: block; height: auto; width: 100%; }

.content__btn { margin: 20px 0 0; }

.content__btn-cls, .content__btn a { transition: all .3s ease-out; background-color: #f28d01; background-image: url(../img/ico_arrow-w-r.png); background-position: right 16px center; background-repeat: no-repeat; background-size: 12px; border-bottom-style: solid; border-color: #f28d01; box-sizing: border-box; color: #fff; display: inline-block; text-decoration: none; max-width: 100%; }

@media screen and (min-width: 768px) { .content__btn-cls, .content__btn a { border-width: 4px; } }
@media screen and (max-width: 767px) { .content__btn-cls, .content__btn a { border-width: 2px; } }
.content__btn-cls:hover, .content__btn a:hover { background-color: #fad199; }

.content__btn-cls strong, .content__btn a strong { font-size: 110%; }

#main .content__btn-cls, #main .content__btn a { background-color: #e52f0b; border-color: #e52f0b; }

#main .content__btn-cls:hover, #main .content__btn a:hover { background-color: #f5ac9d; }

#creation .content__btn-cls, #creation .content__btn a { background-color: #7fbf00; border-color: #7fbf00; }

#creation .content__btn-cls:hover, #creation .content__btn a:hover { background-color: #cce599; }

#biz .content__btn-cls, #biz .content__btn a { background-color: #00264c; border-color: #00264c; }

#biz .content__btn-cls:hover, #biz .content__btn a:hover { background-color: #99a8b7; }

.content__head .content__btn-cls, .content__head .content__btn a { background-color: #fff; background-image: url(../img/ico_arrow-blue-r.png); border-color: #d9d9d9 !important; color: #f28d01; }

.content__head .content__btn-cls:hover, .content__head .content__btn a:hover { background-color: #fad199; background-image: url(../img/ico_arrow-w-r.png); border-color: #fad199 !important; color: #fff; }

#main .content__head .content__btn-cls, #main .content__head .content__btn a { background-color: #fff; background-image: url(../img/ico_arrow-red-r.png); color: #e52f0b; }

#main .content__head .content__btn-cls:hover, #main .content__head .content__btn a:hover { background-color: #f5ac9d; background-image: url(../img/ico_arrow-w-r.png); color: #fff; }

#creation .content__head .content__btn-cls, #creation .content__head .content__btn a { background-color: #fff; background-image: url(../img/ico_arrow-grn-r.png); color: #7fbf00; }

#creation .content__head .content__btn-cls:hover, #creation .content__head .content__btn a:hover { background-color: #cce599; background-image: url(../img/ico_arrow-w-r.png); color: #fff; }

#biz .content__head .content__btn-cls, #biz .content__head .content__btn a { background-color: #fff; background-image: url(../img/ico_arrow-nvy-r.png); color: #00264c; }

#biz .content__head .content__btn-cls:hover, #biz .content__head .content__btn a:hover { background-color: #99a8b7; background-image: url(../img/ico_arrow-w-r.png); color: #fff; }

@media screen and (min-width: 768px) { .content__btn-cls, .content__btn a { padding: 20px 68px 20px 40px; } }
@media screen and (max-width: 767px) { .content__btn-cls, .content__btn a { padding: 25px 68px 25px 30px; } }
.content__box { overflow: hidden; width: 100%; }

.content__box li { background: #fff; border-radius: 8px; overflow: hidden; }

@media screen and (min-width: 768px) { .content__box li { float: left; margin: 32px 0 0; width: 49.5%; }
  .content__box li:nth-child(odd) { clear: both; }
  .content__box li:nth-child(even) { margin-left: 1%; } }
@media screen and (max-width: 767px) { .content__box li { margin: 12px 0 0; } }
.content__box a { color: #30343f; display: block; text-decoration: none; }

.content__box-ttl { background-color: #f28d01; color: #fff; font-weight: 700; }

#main .content__box-ttl { background-color: #e52f0b; }

#creation .content__box-ttl { background-color: #7fbf00; }

#biz .content__box-ttl { background-color: #00264c; }

a .content__box-ttl { background-image: url(../img/ico_arrow-w-r.png); background-position: right 16px center; background-repeat: no-repeat; background-size: 12px; }

@media screen and (min-width: 768px) { .content__box-ttl { display: table; font-size: 16px; padding: 20px 44px 20px 24px; width: 100%; }
  .content__box-ttl span { display: table-cell; vertical-align: middle; } }
@media screen and (max-width: 767px) { .content__box-ttl { font-size: 16px; font-size: 1.6rem; padding: 25px 44px 25px 20px; } }
@media screen and (min-width: 768px) { .content__box-txt { padding: 20px 24px; } }
@media screen and (max-width: 767px) { .content__box-txt { padding: 20px; } }
.content__box-img { overflow: hidden; }

.content__box-img img { display: block; float: left; margin-left: 1%; width: 49.5%; }

.content__box-img img:first-child { margin: 0; }

@media screen and (min-width: 768px) { .content__tbl { border-collapse: collapse; width: 100%; } }
@media screen and (max-width: 767px) { .content__tbl { display: block; } }
.content__tbl-tr { border-radius: 8px; overflow: hidden; width: 100%; }

.content__tbl-tr:nth-child(odd) { background: #fff; }

.content__tbl-tr:nth-child(even) { background: #e4e7e9; }

@media screen and (min-width: 768px) { .content__tbl-tr { display: table; } }
@media screen and (max-width: 767px) { .content__tbl-tr { display: block; padding: 20px; } }
.content__tbl-th, .content__tbl-td { box-sizing: border-box; text-align: left; }

@media screen and (min-width: 768px) { .content__tbl-th, .content__tbl-td { padding: 15px; } }
@media screen and (max-width: 767px) { .content__tbl-th, .content__tbl-td { display: block; } }
.content__tbl-th { font-weight: 700; }

@media screen and (min-width: 768px) { .content__tbl-th { vertical-align: top; width: 175px; } }
@media screen and (max-width: 767px) { .content__tbl-td table, .content__tbl-td tr, .content__tbl-td th, .content__tbl-td td { display: block; } }
.content__tbl-td table { border-collapse: collapse; }

@media screen and (min-width: 768px) { .content__tbl-td th { font-weight: 400; padding-right: 1em; vertical-align: top; white-space: nowrap; } }
@media screen and (max-width: 767px) { .content__tbl-td th { font-weight: 700; } }
@media screen and (min-width: 768px) { .content__tbl-td td { padding-right: 1em; vertical-align: top; } }
.content__faq dt { background: url(../img/ico_faq-q.png) no-repeat, url(../img/ico_faq-opn.gif) no-repeat #f1f5f8; background-size: 22px 17px,14px; color: #000; font-weight: 700; margin: 2px 0 0; padding: 20px 55px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }

.content__faq dt:first-child { margin: 0; }

.content__faq dt.opened { background-image: url(../img/ico_faq-q.png), url(../img/ico_faq-cls.gif); }

@media screen and (min-width: 768px) { .content__faq dt { background-position: 26px 20px,right 24px center; } }
@media screen and (max-width: 767px) { .content__faq dt { background-position: 26px 20px,right 24px center; } }
#main .content__faq dt { background-color: #e52f0b; }

#creation .content__faq dt { background-color: #7fbf00; }

#biz .content__faq dt { background-color: #00264c; }

.content__faq dd { background: url(../img/ico_faq-a.png) no-repeat white; background-size: 19px 17px; margin: 0 0 8px; padding: 20px 20px 20px 55px; }

@media screen and (min-width: 768px) { .content__faq dd { background-position: 28px 20px; } }
@media screen and (max-width: 767px) { .content__faq dd { background-position: 26px 20px; } }
.content__list strong { display: block; font-weight: 700; margin: 0 0 5px; }

ol.content__list { margin: 1.5em 0 0; padding-left: 1em; }

ol.content__list li { list-style: decimal; }

.content__news-list { background: #eee; border-radius: 8px; box-sizing: border-box; margin: 2px 0 0; overflow: auto; }

.content__news-list:first-child { margin: 0; }

.content__news-list div, .content__news-list a { display: block; text-decoration: none; }

@media screen and (min-width: 1000px) { .content__news-list div, .content__news-list a { padding: 15px 10px; } }
@media screen and (max-width: 999px) { .content__news-list div, .content__news-list a { padding: 5px; } }
.content__news-tag { background: #f28d01; border-radius: .8em; color: #fff; display: inline-block; line-height: 1.5; margin: 0 0 10px 1em; padding: 0 .8em; }

@media screen and (min-width: 1000px) { .content__news-tag { font-size: 12px; } }
@media screen and (max-width: 999px) { .content__news-tag { font-size: 10px; font-size: 1rem; } }
.content__news-tag.main { background: #e52f0b; }

.content__news-tag.creation { background: #7fbf00; }

.content__news-tag.biz { background: #00264c; }

.content__news-tag.faf { background: #f28d01; }

.content__news-date { color: #999; }

@media screen and (min-width: 1000px) { .content__news-date { font-size: 12px; } }
@media screen and (max-width: 999px) { .content__news-date { font-size: 10px; font-size: 1rem; } }
.content__gnav { text-align: center; }

@media screen and (min-width: 768px) { .content__gnav { background: #f28d01; }
  .content__gnav li { display: inline-block; margin: 0 45px; } }
@media screen and (max-width: 767px) { .content__gnav { padding: 20px 30px 0; }
  .content__gnav li { margin: 10px 0; } }
.content__gnav a { background: url(../img/ico_arrow-w-b.png) right 15px center no-repeat; background-size: 10px; color: #fff; text-decoration: none; }

@media screen and (min-width: 768px) { .content__gnav a { display: inline-block; font-size: 18px; line-height: 80px; padding: 0 40px 0 0; } }
@media screen and (max-width: 767px) { .content__gnav a { background-color: #f28d01; border-radius: 30px; display: block; line-height: 30px; } }
.content__top { background: url(../img/bg.png) repeat #eaeaeb; background-size: 15px; padding: 0 0 20px; }

.content__top .inner { padding: 0; }

.content__top img { display: block; }

.content__exhibition { background: #fff; border-color: #f28d01; border-style: solid; }

@media screen and (min-width: 768px) { .content__exhibition { border-width: 4px; margin: 32px 0 0; } }
@media screen and (max-width: 767px) { .content__exhibition { border-width: 2px; margin: 20px 12px 0; } }
.content__exhibition-ttl { background: #f28d01; color: #fff; line-height: 3; }

@media screen and (min-width: 768px) { .content__exhibition-ttl { padding: 0 100px; } }
@media screen and (max-width: 767px) { .content__exhibition-ttl { padding: 15px; } }
.content__exhibition-body { overflow: hidden; }

@media screen and (min-width: 768px) { .content__exhibition-body { padding: 30px 100px; } }
@media screen and (max-width: 767px) { .content__exhibition-body { padding: 15px; } }
.content__exhibition-box { margin: 20px 0 0; }

@media screen and (min-width: 768px) { .content__exhibition-box { float: left; margin-right: 20px; } }
.content__exhibition .content__btn-cls, .content__exhibition .content__btn a { transition: all .3s ease-out; background-color: #f28d01; border: none; border-radius: 50px; display: inline-block; text-align: left; }

@media screen and (min-width: 768px) { .content__exhibition .content__btn-cls, .content__exhibition .content__btn a { font-size: 22px; padding: 10px 68px 10px 40px; width: auto; }
  .content__exhibition .content__btn-cls span, .content__exhibition .content__btn a span { display: block; font-size: 20px; } }
@media screen and (max-width: 767px) { .content__exhibition .content__btn-cls, .content__exhibition .content__btn a { font-size: 14px; font-size: 1.4rem; padding: 10px 30px; width: 100%; }
  .content__exhibition .content__btn-cls span, .content__exhibition .content__btn a span { display: block; font-size: 12px; font-size: 1.2rem; } }
.content__exhibition .content__btn-cls:hover, .content__exhibition .content__btn a:hover { background-color: #fad199; }

.content__exhibition .content__btn-cls { background: #cccccc !important; color: #666666 !important; }

.content__exhibition .content__btn-cls:hover { background-color: #cccccc !important; }

.content__newsarea .news_video { display: table; }

.content__newsarea .news_video .content__news { width: 550px; height: 225px; position: relative; overflow: hidden; vertical-align: top; }

.content__newsarea .news_video .youtube_box { display: table-cell; width: 430px; padding-left: 30px; vertical-align: top; }

.content__newsarea .news_video .youtube_box iframe { width: 100%; }

@media screen and (max-width: 767px) { .content__newsarea .news_video { display: block; }
  .content__newsarea .news_video .content__news { width: 100%; overflow-y: auto; }
  .content__newsarea .news_video .youtube_box { display: block; width: 100%; margin-top: 25px; padding-left: 0; } }
.content__area_map .area_map img { width: 100%; height: auto; }

.content__area_map .area_map .err a { color: #f00; }

.content__access .access_map img { width: 100%; height: auto; }

.content__copy_right p { text-align: center; font-size: 12px; }

.content__sponsored { border-bottom: 2px solid #eaeaeb; }

@media screen and (max-width: 999px) { .content__sponsored { margin: 0 auto 7.81%; padding: 7.81% 0; text-align: center; } }
@media screen and (min-width: 1000px) { .content__sponsored dl { display: table; margin: 0 auto; padding: 40px 24px 0; max-width: 1280px; }
  .content__sponsored dl:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; } }
@media screen and (min-width: 1000px) { .content__sponsored dt { clear: both; float: left; margin: 0 0 40px; width: 150px; } }
@media screen and (min-width: 1000px) { .content__sponsored dd { float: left; margin: 0 0 40px; white-space: nowrap; } }
.content__sponsored ul { font-size: 0; }

.content__sponsored li { font-size: 13px; font-size: 1.3rem; box-sizing: border-box; display: inline-block; }

@media screen and (min-width: 1000px) { .content__sponsored li { margin-right: 40px; } }
@media screen and (max-width: 999px) { .content__sponsored li { padding: 3.12% 4.68%; width: 50%; }
  .content__sponsored li:nth-child(odd) { text-align: right; }
  .content__sponsored li:nth-child(even) { text-align: left; } }
@media screen and (min-width: 1000px) { dt.content__sponsored-sp { line-height: 74px; } }
@media screen and (max-width: 999px) { .content__sponsored-sp li { width: 80%; } }
@media screen and (min-width: 1000px) { .content__sponsored-sp img { height: 74px; width: auto; } }
@media screen and (max-width: 999px) { 
  .content__sponsored-sp img { 
    max-height: 50px; 
    max-width: 100%; 
  } 

  .layout-l-tac a img {
    max-height: 80px;
    height: 80px;
  }
  
  .content__sponsored-co .tohoanime img {
    height: 28px;
  }
  
  .content__sponsored-co .sa img {
    height: 24px;
  }

  .content__sponsored-co .das img {
    height: 20px;
  }
}
@media screen and (min-width: 1000px) { dt.content__sponsored-co { line-height: 32px; } }
@media screen and (min-width: 1000px) { 
  .content__sponsored-co img { 
    height: 30px; width: auto; 
  }  

  .content__sponsored-sp .layout-l-tac img {
    height: 80px;
  }
  
  .content__sponsored-co .tohoanime img {
    height: 28px;
  }
  
  .content__sponsored-co .sa img {
    height: 24px;
  }

  .content__sponsored-co .das a img {
    height: 20px;
  }

}
@media screen and (max-width: 999px) { .content__sponsored-co img { max-height: 29px; max-width: 100%; } }
.content__sponsored img { vertical-align: bottom; }

@media screen and (min-width: 768px) { .content_stage .sp { display: none; }
  .content_stage .pc { display: block; } }
@media screen and (max-width: 767px) { .content_stage .sp { display: block; }
  .content_stage .pc { display: none; } }
.content_stage p.desc { font-size: 18px; font-weight: 700; margin-top: 20px; }

.content_stage p.desc:first-child { margin: 0; }

.content_stage p.desc_s { font-size: 1.4rem; font-weight: 700; margin-top: 20px; }

.content_stage p.desc_s:first-child { margin: 0; }

.content__section-head { background-color: #e4e7e9; color: #00040a; font-size: 22px; margin: 20px auto auto; padding: .5em; }

.content__section-head:first-child { margin: 0; }

.content__section-head span { padding: 10px 80px 10px 0; background: url(../img/icn_free.png) right center no-repeat; }

@media screen and (max-width: 767px) { .content__section-head span { padding: 10px 60px 10px 0; background-size: 57px 32px; } }
.content__section-head_s { background-color: #e4e7e9; color: #00040a; font-size: 1.5em; margin: 20px auto auto; padding: .5em; }

.content__section-head_s:first-child { margin: 0; }

.content_stage_image { margin-top: 20px; }

.content_stage_image img { width: 100%; height: auto; }

.content__section_outline .content__tbl-tr:nth-child(even) { background: none; }

.mCSB_inside > .mCSB_container { margin-right: 15px !important; }

.mCSB_draggerRail { width: 8px !important; background-color: #fad199 !important; }

.mCSB_dragger_bar { width: 8px !important; background-color: #f28d00 !important; }

#mCSB_1_scrollbar_vertical { display: block !important; }

.bx-wrapper { position: relative; }

.bx-controls { bottom: -20px; }

.bx-controls { left: 0; position: absolute; width: 100%; }

.bx-pager { text-align: center; }

.bx-pager-item { display: inline-block; margin: 0 8px; }

.bx-pager-link { background: #0072ae; border-radius: 4px; display: block; height: 8px; overflow: hidden; text-indent: -99999em; width: 8px; }

.bx-pager-link.active { background: #99c7df; }

.footer { border: none; }

@media screen and (max-width: 999px) { .pd2, .ftgo { text-align: center !important; }
  .sp { display: block; }
  .right { text-align: right !important; }
  .left { text-align: left !important; } }
@media screen and (min-width: 999px) { .sp { display: none !important; }
  .sp3 { margin-top: 30px; } }
.header, .footer, .content__section-ttl span .content__sponsored, .content__btn, .content__sponsored dt { font-family: Quicksand,"游ゴシック体",YuGothic,YuGothic M,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",MS PGothic,sans-serif; }

@media screen and (max-width: 767px) { .br-pc { display: none; } }
@media screen and (min-width: 768px) { .br-sp { display: none; } }
small { display: block; line-height: 1.3; }

.err { color: #f00; font-weight: 700; }

.header { height: 91px; }

.header > .inner { height: 100%; }

.header__menu { float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding-left: 170px; padding-right: 106px; }

.header__menu li { border-bottom: 6px solid #f28d00; }

.header__menu li:after { content: none; }

.header__logo { width: 170px; }

.header > .inner { position: relative; }

.header__gnav { overflow: hidden; position: absolute; padding-left: 0; right: 24px; }

.header__sp_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 1280px) { .header > .inner { padding-left: 12px; padding-right: 12px; }
  .header__gnav { right: 12px; }
  .header__logo { width: 130px; }
  .header__logo img { width: 119px; }
  .header__menu li span { font-size: 14px; font-size: 1.4rem; }
  .header__menu { padding-left: 130px; } }
@media screen and (max-width: 1100px) { .header__logo { width: 100px; }
  .header__logo img { width: 100px; }
  .header__menu { padding-left: 100px; } }
@media screen and (max-width: 999px) { .header { height: auto; }
  .header__logo { display: inline-block; float: none; }
  .header > .inner { overflow: visible; }
  .header__gnav { position: static; overflow: visible; }
  .header__gnav.sp_none { display: none; }
  .header .sp_menu_open { display: block; top: 21px; }
  .header__menu { display: block; padding-left: 0; padding-right: 0; }
  .header__menu li { padding-right: 15px; background-position: 95% center; }
  .header__menu .br-pc { display: none; }
  .header__sp_wrapper { display: none; position: absolute; top: 0; right: 0; width: 70%; padding: 60px 0 100px 20px; background: rgba(0, 0, 0, 0.6); }
  .header__gnav_sp_header { display: inline-block; }
  .header__gnav_sp_header .header__gnav-lang { margin: 10px 15px; } }
@media screen and (max-width: 480px) { .header__sp_wrapper { width: 90%; } }
@media screen and (min-width: 1000px) { .header__logo { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }
.exhibition-box { margin-top: 20px; }

.exhibition-ttl { padding: 15px 50px; background-color: #f28d01; color: #fff; font-size: 20px; font-size: 2rem; font-weight: bold; }

.exhibition-body { padding: 30px 50px; border: 2px solid #f28d01; border-width: 0 2px 2px; background-color: #fff; }

.exhibition-lead { margin-bottom: 20px; }

.exhibition-btn-wrap { margin-bottom: 20px; }

.exhibition-btn { display: inline-block; padding: 10px 60px 10px 40px; border-radius: 50px; background-color: #f28d01; background-image: url(../img/ico_arrow-w-r.png); background-position: right 15px top 50%; background-repeat: no-repeat; background-size: 12px; color: #fff; font-size: 16px; font-size: 1.6rem; text-decoration: none; -webkit-transition: all .15s ease-in; transition: all .15s ease-in; }
.exhibition-btn span { font-size: 20px; font-size: 2rem; font-weight: bold; }
.exhibition-btn:hover { opacity: .7; }

.exhibition-btn-cls { display: inline-block; padding: 10px 60px 10px 40px; border-radius: 50px; background-color: #cccccc; color: #666666; font-size: 16px; font-size: 1.6rem; }
.exhibition-btn-cls span { font-size: 20px; font-size: 2rem; font-weight: bold; }

.exhibition-list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.exhibition-item { padding-left: 10px; }
.exhibition-item span { display: block; font-weight: bold; }
.exhibition-item:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 0; width: 250px; }
.exhibition-item:nth-child(n+2) { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; }

@media screen and (max-width: 999px) { .exhibition-box { padding: 0 12px; } }
@media screen and (max-width: 767px) { .exhibition-ttl { padding: 10px 15px; font-size: 18px; font-size: 1.8rem; }
  .exhibition-body { padding: 20px 15px; }
  .exhibition-lead { margin-bottom: 15px; }
  .exhibition-btn-wrap { margin-bottom: 15px; }
  .exhibition-btn { padding: 10px 40px 10px 25px; font-size: 12px; font-size: 1.2rem; }
  .exhibition-btn span { font-size: 15px; font-size: 1.5rem; }
  .exhibition-btn-cls { padding: 10px 40px 10px 25px; font-size: 12px; font-size: 1.2rem; }
  .exhibition-btn-cls span { font-size: 15px; font-size: 1.5rem; }
  .exhibition-list { display: block; }
  .exhibition-item { padding-left: 0; padding-bottom: 15px; }
  .exhibition-item:first-child { width: 100%; } }
@media screen and (max-width: 374px) { .exhibition-btn { font-size: 11px; font-size: 1.1rem; }
  .exhibition-btn span { font-size: 13px; font-size: 1.3rem; }
  .exhibition-btn-cls { font-size: 11px; font-size: 1.1rem; }
  .exhibition-btn-cls span { font-size: 13px; font-size: 1.3rem; } }
.content__newsarea .news_video { width: 100%; }

.content__newsarea .news_video .content__news { width: 100%; }

.content__section-ttl.corner-stage { margin-bottom: 0; }

.content__section:nth-child(even).content__section_outline .content__tbl-tr:nth-child(even) { background: url(../img/bg.png) repeat #eaeaeb; background-size: 15px; }

iframe[name="google_conversion_frame"] { position: absolute; top: 0; }

@media screen and (max-width: 767px) { .content__section-ttl.corner-stage { margin-bottom: 20px; }
  .content__tbl tbody { display: block; } }
.err { color: #f00; font-weight: 700; }

.content__sponsored { margin-top: 2px; background-color: #fff; border-bottom: none; }

.content__sponsored dt { font-family: Oswald,"游ゴシック体",YuGothic,YuGothic M,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",MS PGothic,sans-serif; }

.attention-list .attention { display: block; margin-top: 10px; font-size: 11px; text-align: right; }

area:focus { outline: none; }

@media screen and (min-width: 1000px) and (max-width: 1200px) { .content__sponsored dt { width: 135px; }
  .content__sponsored li { margin-right: 25px; }
  .content__sponsored-co img { height: 28px; } }
@media screen and (min-width: 1000px) { .content__sponsored-co img { height: 30px; width: auto; }
  .content__sponsored-co .sp3 img { height: 35px; } .content__sponsored-co .das img {height: 26px;} }
@media screen and (max-width: 999px) { .content__sponsored-sp img { width: auto; }
  .content__sponsored-co img { width: auto; max-height: 25px; }
  .content__sponsored-co .gs img { max-height: 30px; }
  .content__sponsored-co .sp3 img { max-height: 30px; }
  .attention-list .attention { width: 80%; margin: 0 auto; }
  .content__sponsored li.gs { display: block; width: 100%; margin: 0 auto; text-align: center; } }
@media screen and (max-width: 480px) { .attention-list .attention { text-align: left; padding-left: 1em; text-indent: -1em; } }
.notice-item { padding-top: 20px; font-size: 18px; font-size: 1.8rem; color: #f00; }

.layout-break-all { word-break: break-all; }

.layout-underline { text-decoration: underline; }

.layout-ti-em { padding-left: 1em; text-indent: -1em; }

.layout-pos-r { position: relative; }

.layout-tac { text-align: center !important; }

.layout-tal { text-align: left !important; }

.layout-tar { text-align: right !important; }

.layout-mt-0 { margin-top: 0 !important; }

.layout-mt-10 { margin-top: 10px !important; }

.layout-mt-20 { margin-top: 20px !important; }

.layout-mt-30 { margin-top: 30px !important; }

.layout-mt-40 { margin-top: 40px !important; }

.layout-mt-50 { margin-top: 50px !important; }

.layout-mb-0 { margin-bottom: 0 !important; }

.layout-mb-10 { margin-bottom: 10px !important; }

.layout-mb-20 { margin-bottom: 20px !important; }

.layout-mb-30 { margin-bottom: 30px !important; }

.layout-mb-40 { margin-bottom: 40px !important; }

.layout-mb-50 { margin-bottom: 50px !important; }

.layout-pt-0 { padding-top: 0 !important; }

.layout-pt-10 { padding-top: 10px !important; }

.layout-pt-20 { padding-top: 20px !important; }

.layout-pt-30 { padding-top: 30px !important; }

.layout-pt-40 { padding-top: 40px !important; }

.layout-pt-50 { padding-top: 50px !important; }

.layout-pb-0 { padding-bottom: 0 !important; }

.layout-pb-10 { padding-bottom: 10px !important; }

.layout-pb-20 { padding-bottom: 20px !important; }

.layout-pb-30 { padding-bottom: 30px !important; }

.layout-pb-40 { padding-bottom: 40px !important; }

.layout-pb-50 { padding-bottom: 50px !important; }

.layout-fz-10 { font-size: 10px !important; }

.layout-fz-11 { font-size: 11px !important; }

.layout-fz-12 { font-size: 12px !important; }

.layout-fz-13 { font-size: 13px !important; }

.layout-fz-14 { font-size: 14px !important; }

.layout-fz-15 { font-size: 15px !important; }

.layout-fz-16 { font-size: 16px !important; }

.layout-fz-17 { font-size: 17px !important; }

.layout-fz-18 { font-size: 18px !important; }

.layout-fz-19 { font-size: 19px !important; }

.layout-fz-20 { font-size: 20px !important; }

.layout-fz-21 { font-size: 21px !important; }

.layout-fz-22 { font-size: 22px !important; }

@media screen and (max-width: 999px) { .layout-l-tac { text-align: center !important; }
  .layout-l-tal { text-align: left !important; }
  .layout-l-tar { text-align: right !important; }
  .layout-l-mt-0 { margin-top: 0 !important; }
  .layout-l-mt-10 { margin-top: 10px !important; }
  .layout-l-mt-20 { margin-top: 20px !important; }
  .layout-l-mt-30 { margin-top: 30px !important; }
  .layout-l-mt-40 { margin-top: 40px !important; }
  .layout-l-mt-50 { margin-top: 50px !important; }
  .layout-l-mb-0 { margin-bottom: 0 !important; }
  .layout-l-mb-10 { margin-bottom: 10px !important; }
  .layout-l-mb-20 { margin-bottom: 20px !important; }
  .layout-l-mb-30 { margin-bottom: 30px !important; }
  .layout-l-mb-40 { margin-bottom: 40px !important; }
  .layout-l-mb-50 { margin-bottom: 50px !important; }
  .layout-l-pt-0 { padding-top: 0 !important; }
  .layout-l-pt-10 { padding-top: 10px !important; }
  .layout-l-pt-20 { padding-top: 20px !important; }
  .layout-l-pt-30 { padding-top: 30px !important; }
  .layout-l-pt-40 { padding-top: 40px !important; }
  .layout-l-pt-50 { padding-top: 50px !important; }
  .layout-l-pb-0 { padding-bottom: 0 !important; }
  .layout-l-pb-10 { padding-bottom: 10px !important; }
  .layout-l-pb-20 { padding-bottom: 20px !important; }
  .layout-l-pb-30 { padding-bottom: 30px !important; }
  .layout-l-pb-40 { padding-bottom: 40px !important; }
  .layout-l-pb-50 { padding-bottom: 50px !important; }
  .layout-l-fz-10 { font-size: 10px !important; }
  .layout-l-fz-11 { font-size: 11px !important; }
  .layout-l-fz-12 { font-size: 12px !important; }
  .layout-l-fz-13 { font-size: 13px !important; }
  .layout-l-fz-14 { font-size: 14px !important; }
  .layout-l-fz-15 { font-size: 15px !important; }
  .layout-l-fz-16 { font-size: 16px !important; }
  .layout-l-fz-17 { font-size: 17px !important; }
  .layout-l-fz-18 { font-size: 18px !important; }
  .layout-l-fz-19 { font-size: 19px !important; }
  .layout-l-fz-20 { font-size: 20px !important; }
  .layout-l-fz-21 { font-size: 21px !important; }
  .layout-l-fz-22 { font-size: 22px !important; } }
@media screen and (max-width: 767px) { .layout-m-tac { text-align: center !important; }
  .layout-m-tal { text-align: left !important; }
  .layout-m-tar { text-align: right !important; }
  .layout-m-mt-0 { margin-top: 0 !important; }
  .layout-m-mt-10 { margin-top: 10px !important; }
  .layout-m-mt-20 { margin-top: 20px !important; }
  .layout-m-mt-30 { margin-top: 30px !important; }
  .layout-m-mt-40 { margin-top: 40px !important; }
  .layout-m-mt-50 { margin-top: 50px !important; }
  .layout-m-mb-0 { margin-bottom: 0 !important; }
  .layout-m-mb-10 { margin-bottom: 10px !important; }
  .layout-m-mb-20 { margin-bottom: 20px !important; }
  .layout-m-mb-30 { margin-bottom: 30px !important; }
  .layout-m-mb-40 { margin-bottom: 40px !important; }
  .layout-m-mb-50 { margin-bottom: 50px !important; }
  .layout-m-pt-0 { padding-top: 0 !important; }
  .layout-m-pt-10 { padding-top: 10px !important; }
  .layout-m-pt-20 { padding-top: 20px !important; }
  .layout-m-pt-30 { padding-top: 30px !important; }
  .layout-m-pt-40 { padding-top: 40px !important; }
  .layout-m-pt-50 { padding-top: 50px !important; }
  .layout-m-pb-0 { padding-bottom: 0 !important; }
  .layout-m-pb-10 { padding-bottom: 10px !important; }
  .layout-m-pb-20 { padding-bottom: 20px !important; }
  .layout-m-pb-30 { padding-bottom: 30px !important; }
  .layout-m-pb-40 { padding-bottom: 40px !important; }
  .layout-m-pb-50 { padding-bottom: 50px !important; }
  .layout-m-fz-10 { font-size: 10px !important; }
  .layout-m-fz-11 { font-size: 11px !important; }
  .layout-m-fz-12 { font-size: 12px !important; }
  .layout-m-fz-13 { font-size: 13px !important; }
  .layout-m-fz-14 { font-size: 14px !important; }
  .layout-m-fz-15 { font-size: 15px !important; }
  .layout-m-fz-16 { font-size: 16px !important; }
  .layout-m-fz-17 { font-size: 17px !important; }
  .layout-m-fz-18 { font-size: 18px !important; }
  .layout-m-fz-19 { font-size: 19px !important; }
  .layout-m-fz-20 { font-size: 20px !important; }
  .layout-m-fz-21 { font-size: 21px !important; }
  .layout-m-fz-22 { font-size: 22px !important; } }
@media screen and (max-width: 480px) { .layout-s-tac { text-align: center !important; }
  .layout-s-tal { text-align: left !important; }
  .layout-s-tar { text-align: right !important; }
  .layout-s-mt-0 { margin-top: 0 !important; }
  .layout-s-mt-10 { margin-top: 10px !important; }
  .layout-s-mt-20 { margin-top: 20px !important; }
  .layout-s-mt-30 { margin-top: 30px !important; }
  .layout-s-mt-40 { margin-top: 40px !important; }
  .layout-s-mt-50 { margin-top: 50px !important; }
  .layout-s-mb-0 { margin-bottom: 0 !important; }
  .layout-s-mb-10 { margin-bottom: 10px !important; }
  .layout-s-mb-20 { margin-bottom: 20px !important; }
  .layout-s-mb-30 { margin-bottom: 30px !important; }
  .layout-s-mb-40 { margin-bottom: 40px !important; }
  .layout-s-mb-50 { margin-bottom: 50px !important; }
  .layout-s-pt-0 { padding-top: 0 !important; }
  .layout-s-pt-10 { padding-top: 10px !important; }
  .layout-s-pt-20 { padding-top: 20px !important; }
  .layout-s-pt-30 { padding-top: 30px !important; }
  .layout-s-pt-40 { padding-top: 40px !important; }
  .layout-s-pt-50 { padding-top: 50px !important; }
  .layout-s-pb-0 { padding-bottom: 0 !important; }
  .layout-s-pb-10 { padding-bottom: 10px !important; }
  .layout-s-pb-20 { padding-bottom: 20px !important; }
  .layout-s-pb-30 { padding-bottom: 30px !important; }
  .layout-s-pb-40 { padding-bottom: 40px !important; }
  .layout-s-pb-50 { padding-bottom: 50px !important; }
  .layout-s-fz-10 { font-size: 10px !important; }
  .layout-s-fz-11 { font-size: 11px !important; }
  .layout-s-fz-12 { font-size: 12px !important; }
  .layout-s-fz-13 { font-size: 13px !important; }
  .layout-s-fz-14 { font-size: 14px !important; }
  .layout-s-fz-15 { font-size: 15px !important; }
  .layout-s-fz-16 { font-size: 16px !important; }
  .layout-s-fz-17 { font-size: 17px !important; }
  .layout-s-fz-18 { font-size: 18px !important; }
  .layout-s-fz-19 { font-size: 19px !important; }
  .layout-s-fz-20 { font-size: 20px !important; }
  .layout-s-fz-21 { font-size: 21px !important; }
  .layout-s-fz-22 { font-size: 22px !important; } }
.content_stage_image-wrap img { border-radius: 8px; }

@media screen and (min-width: 768px) { .news_video a { -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
  .news_video a:hover { opacity: .7; } }
.content_stage_artist_box { margin-top: 20px; font-size: 0; overflow: hidden; }

.content_stage_artist_text { display: inline-block; width: 100%; padding-right: 220px; margin-right: -200px; font-size: 1.6rem; vertical-align: top; }

.content_stage_artist_image { float: right; width: 200px; font-size: 1.6rem; vertical-align: top; }

@media screen and (max-width: 767px) { .content_stage_artist_text { padding-right: 150px; margin-right: -130px; }
  .content_stage_artist_image { width: 130px; } }
@media screen and (max-width: 640px) { .content_stage_artist_text { padding-right: 0; margin-right: 0; }
  .content_stage_artist_image { float: none; width: 100%; max-width: 300px; padding: 0 20px; margin: 0 auto 10px; } }
/* SP - nav */
@media screen and (max-width: 480px) { .header__menu li { padding: 3px 25px 9px 15px; border-width: 0 0 3px 5px; } }

/* stage add */
.content_stage .content__box li { background-color: transparent; }

.content_stage .content__box-blk { background-color: #fff; border-radius: 8px; overflow: hidden; }

.content_stage .content__box-copyright { padding-top: 5px; font-size: 1.0rem; }

.content_stage .content__box-copyright.box-row {
  font-size: 0;
}

.content_stage .content__box-copyright .box-col {
  display: inline-block;
  width: 50%;
  font-size: 1.0rem;
  vertical-align: top;
}

.content_stage .content__box-copyright .box-col:nth-child(1) {
  padding-right: 5px;
}

.content_stage .content__box-copyright .box-col:nth-child(2) {
  padding-left: 5px;
}

.schedule__modalInner {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .stage__schedule a {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
  }
  .stage__schedule a:hover {
    opacity: 0.7;
  }

  .content__area_map .area_map img.vertically {
    width: 100%;
    max-width: 500px;
  }
}

@media screen and (min-width: 481px) {
  .schedule__modalInner {
    margin-top: 150px;
  }
}


.schedule__modalInner img {
  width: 100%;
  max-width: 800px;
}

.mfp-zoom-in .mfp-arrow {
  display: none;
}

.mfp-content .mfp-close {
  background-color: #fff;
  opacity: 1;
}

.mfp-content .mfp-close:active {
  top: -44px;
}

.schedule__lists {
  font-size: 0;
}

.schedule__list {
  display: inline-block;
  width: 50%;
}

.stage__time {
  margin-top: 10px;
}
.stage__timeTable {
  margin-bottom: 20px;
}
.fw-bold { font-weight: bold; }

.content_stage_image.workshop img:nth-child(3){
  width: 100%;
}

@media screen and (min-width: 768px) {
  .content_stage_image.workshop img:nth-child(3){
    width: 70%;
    margin: 0 auto;
    display: block;
  }
}

.workshop__workslink {
  transition: opacity 0.2s ease-in-out;
}
.workshop__workslink:hover {
  opacity: 0.8;
}