@charset "UTF-8";
/*webフォント読み込み*/
@font-face { /*Poppins-Bold*/
font-family: 'pop'; src: url("../fonts/Poppins-Bold.ttf"); src: url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins-Bold.ttf") format("truetype"); font-weight: 700; }
/*webフォント読み込み*/
@font-face { /*Poppins-Medium*/
font-family: 'pop'; src: url("../fonts/Poppins-Medium.ttf"); src: url("../fonts/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; }
@font-face { /*ZenKakuGothicNew-Bold*/
font-family: 'zen'; src: url("../fonts/ZenKakuGothicNew-Bold.ttf"); src: url("../fonts/ZenKakuGothicNew-Bold.woff2") format("woff2"), url("../fonts/ZenKakuGothicNew-Bold.woff") format("woff"), url("../fonts/ZenKakuGothicNew-Bold.ttf") format("truetype"); font-weight: 700; }
@font-face { /*ZenKakuGothicNew-Medium*/
font-family: 'zen'; src: url("../fonts/ZenKakuGothicNew-Medium.ttf"); src: url("../fonts/ZenKakuGothicNew-Medium.woff2") format("woff2"), url("../fonts/ZenKakuGothicNew-Medium.woff") format("woff"), url("../fonts/ZenKakuGothicNew-Medium.ttf") format("truetype"); font-weight: 500; }
/* Link
=========================================== */
a:link, a:visited { color: #000000; text-decoration: none; }

a { outline: none; transition: 0.3s; color: #000000; text-decoration: none; }

a img { transition: 0.3s; }

:focus { outline: none; }

/* 共通設定
=========================================== */
.pc { display: none !important; }

body.home { background: url("../img/common/sp-bg01.svg") no-repeat right top #fff; background-size: 100%; padding-top: 60px; }

body { overflow: hidden; background-color: #fff; color: #000000; font-size: 16px; line-height: 1.6; font-family: 'zen',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-style: normal; font-weight: 500; overflow-wrap: anywhere; /* 収まらない場合に折り返す */ word-break: normal; /* 単語の分割はデフォルトに依存 */ line-break: strict; /* 禁則処理を厳格に適用 */ }

h1, h2, h3, h4, h5, h6 { line-height: 1.5; font-weight: 700; }

body#tinymce { min-width: inherit !important; }

input, select, textarea { font-family: 'zen',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-weight: 500; color: #000; letter-spacing: 0; }

select { border-radius: 0; color: #000; background: #fff; }

table { width: 100%; }

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

.no-pc { display: inline-block; text-decoration: none !important; }

.inb { display: inline-block; }

.block { display: block; }

.wrap { position: relative; }

/*共通見出し設定*/
.titles01 .en { font-size: 80px; font-weight: 700; display: block; line-height: 1; color: #EC2C11; font-family: "pop"; }
.titles01 .en span.first-t { color: #013384; }
.titles01 .jp { font-size: 30px; font-weight: 700; display: block; line-height: 1.4; margin-top: 6px; color: #013384; }

.titles02 { font-size: 20px; color: #013384; font-weight: 700; line-height: 1.6; padding-left: 15px; position: relative; margin-bottom: 20px; }

.titles02:before { content: ""; width: 2px; height: calc(100% - 8px); left: 0; top: 4px; background: #013384; position: absolute; }

/*共通ボタン設定*/
.btn01 { text-align: right; }
.btn01 a { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; color: #013384; font-weight: 700; }
.btn01 a span.text { margin-right: 10px; }
.btn01 a span.arrow { width: 32px; height: 32px; border-radius: 6px; box-sizing: border-box; border: solid 1px #013384; overflow: hidden; transition: 0.3s; position: relative; background: #013384; }
.btn01 a span.arrow span.arrow-in { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; z-index: 3; }
.btn01 a span.arrow span.arrow-in img { display: block; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(43deg) brightness(103%) contrast(102%); opacity: 1; position: relative; right: 0; width: 10px; }
.btn01 a span.arrow:before { content: ""; width: 104%; height: 104%; background: #013384; position: absolute; left: -2%; top: -2%; transition: 0.3s; }

.btn02 { text-align: left; }
.btn02 a { display: flex; flex-wrap: wrap; align-items: center; color: #013384; font-weight: 700; }
.btn02 a span.text { margin-left: 10px; }
.btn02 a span.arrow { width: 32px; height: 32px; border-radius: 6px; box-sizing: border-box; border: solid 1px #013384; overflow: hidden; transition: 0.3s; position: relative; background: #013384; }
.btn02 a span.arrow span.arrow-in { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; z-index: 3; }
.btn02 a span.arrow span.arrow-in img { display: block; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(43deg) brightness(103%) contrast(102%); opacity: 1; position: relative; left: 0; width: 10px; }
.btn02 a span.arrow:before { content: ""; width: 104%; height: 104%; background: #013384; position: absolute; left: -2%; top: -2%; transition: 0.3s; }

/*グラデーション*/
.gra-bg { display: inline-block; padding: 5px 12px; background: linear-gradient(120deg, #D80000 0%, #D80000 20%, #D85E00 100%); color: #fff; border-radius: 10px; }

.gra-text { background: linear-gradient(180deg, #D80000 0%, #D85E00 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }

/*スライダー　ふわっ*/
div#mv-slider, div.item-mains, div.item-thumbs, div.item-slider.flex, div.slider02, div.slider03, div.des-slider, div.gallery-slider, div.gallery-thumbs { opacity: 0; transition: opacity .3s linear; }

div#mv-slider.slick-initialized, div.item-mains.slick-initialized, div.item-thumbs.slick-initialized, div.item-slider.flex.slick-initialized, div.slider02.slick-initialized, div.slider03.slick-initialized, div.des-slider.slick-initialized, div.gallery-thumbs.slick-initialized, div.gallery-slider.slick-initialized { opacity: 1; }

/*font*/
.pop { font-family: 'pop'; }

.red { color: #C90714; }

.red02 { color: #ff0000; }

.blue { color: #0075A4; }

.blue02 { color: #0093D6; }

.brown { color: #C07E23; }

.yellow { color: #FFD400; }

.orange { color: #EE5A35; }

.green { color: #00582D; }

.d-green { color: #005E4B; }

.green02 { color: #01A9AE; }

.navy { color: #374b8e; }

.pink { color: #ff7373; }

.gray { color: #818181; }

/*header
---------------------------------------------------------------*/
div#header { position: absolute; left: 0; top: 0; width: 100%; }

div#header .logo { width: calc(89.34vw - 60px); position: absolute; z-index: 230; left: 5.33vw; top: 10px; height: 50px; background: #fff; box-sizing: border-box; padding: 17px 20px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); }
div#header .logo img { width: 215px; max-width: none; display: block; }

div#gnav { display: none; }

/* nav
=========================================== */
html.huopen { overflow: hidden; }

.sp-nav-btn { width: 50px; height: 50px; position: fixed; top: 10px; right: 5.33vw; z-index: 232; box-sizing: content-box; border-radius: 10px; background: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); }

.sp-nav-btn span.bar01 { content: ""; width: 50%; height: 1px; position: absolute; top: 17px; right: 25%; transition: 0.3s; background: #000000; }

.sp-nav-btn span.bar03 { content: ""; width: 50%; height: 1px; position: absolute; bottom: 17px; right: 25%; transition: 0.3s; background: #000000; }

.sp-nav-btn span.bar02 { position: absolute; width: 50%; height: 1px; top: 24px; right: 25%; transition: 0.3s; background: #000000; }

.sp-nav-btn.opon { background: #013384; }

.sp-nav-btn.opon span.bar02 { opacity: 0; }

.sp-nav-btn.opon span.bar01 { box-shadow: none; transform: rotateZ(45deg); top: 24px; background: #fff; }

.sp-nav-btn.opon span.bar03 { transform: rotateZ(-45deg); bottom: 25px; background: #fff; }

.overlay-nav { display: none; }

.overlay-nav.opon { z-index: 15; opacity: 1; }

div.navs-list-wrap { position: fixed; width: 100%; height: 100%; z-index: 220; top: 0; box-sizing: border-box; background: #fff; right: calc(-100% - 60px); transition: 0.3s; padding: 90px 5.33vw 50px; }

div.navs-list-wrap.opon { right: 0; }

ul.navs-list { height: calc(100vh - 90px); overflow: auto; box-sizing: border-box; padding: 0 0 50px; position: relative; }

.navs-list > li { border-bottom: solid 1px #E5F1FF; padding-bottom: 24px; margin-bottom: 24px; }

.drop-wrap { display: none; }

.navs-list > li:last-child { margin-bottom: 0; }

.navs-list > li > a { display: block; padding: 0 20px 0 0; text-decoration: none; font-weight: 700; background: url("../img/common/arrow01.svg") no-repeat right center; background-size: 10px; }

/* contents */
/*-------------------------------------------*/
.bg-blue { background: #F5F9FF; }

/*パンくず
---------------------------------------------------------------*/
div#bread { z-index: 2; position: relative; padding: 0 5.33vw 8px; text-align: right; }

#bread ul li { display: inline-block; font-size: 13px; font-weight: 500; color: #979797; line-height: 1.4; }

ul.bread-list li a { font-size: 13px; color: #979797; }

ul.bread-list li:after { content: "-"; margin-left: 10px; margin-right: 5px; display: inline-block; position: relative; color: #979797; }

ul.bread-list li:last-child:after { content: none; }

/* メインビジュアル */
/*-------------------------------------------*/
/*TOPページ*/
div#mv { position: relative; z-index: 3; letter-spacing: 0; }

/* footer */
/*-------------------------------------------*/
div#footer { position: relative; background: #013384; padding: 10.66vw 5.33vw 26.66vw; }

div#ftBox01 { color: #fff; }
div#ftBox01 h2.ft-logo { width: 64vw; }
div#ftBox01 h2.ft-logo img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(4deg) brightness(100%) contrast(102%); }
div#ftBox01 .ft-bottom { margin-top: 10.66vw; }
div#ftBox01 .ft-bottom .text { font-size: 5.33vw; font-weight: 700; }
div#ftBox01 .ft-bottom .copyright { font-size: 4.26vw; margin-top: 5.33vw; }

/* TOPへ戻る */
/*-------------------------------------------*/
div#top-link { position: absolute; left: 0; top: 0; opacity: 0; z-index: -20; }

div#page-top { position: fixed; right: 20px; bottom: 50px; opacity: 0; z-index: -3; transition: opacity 0.3s; width: 80px; }

div#page-top a { display: block; width: 80px; height: 80px; border-radius: 100%; background: #fff; border: solid 2px #000000; text-align: center; box-sizing: border-box; padding-top: 16px; line-height: 1; font-size: 15px; font-weight: 700; text-decoration: none; position: relative; }

div#page-top a .text { display: block; margin-top: 3px; font-size: 19px; font-weight: 700; }

div#page-top a:before { content: ""; background: url("../img/common/char01.png") no-repeat; background-size: 87px; width: 87px; height: 110px; transition: 0.3s; position: absolute; bottom: 0; right: 63px; }

.fixed div#page-top { opacity: 1; z-index: 6; }

/* iOSでのデフォルトスタイルをリセット */
input[type="password"], textarea, input[type="text"], input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; box-sizing: border-box; cursor: pointer; }

input[type="password"]::-webkit-search-decoration, textarea::-webkit-search-decoration, select::-webkit-search-decoration, input[type="text"]::-webkit-search-decoration, input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; }

input[type="password"]::focus, textarea::focus, select::focus, input[type="text"]::focus, input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; }

select { color: #222; padding: 5px; box-sizing: border-box; }

/* TOP
------------------------------------------*/
/*トップアニメーション*/
div#mv-slider.anima-t { transition: 0.3s; opacity: 0; }

div#mv-slider.anima-t.anima { opacity: 1; transition-delay: 0.2s; }

.ban.anima-t { transition: 0.3s; transform: translateY(5.33vw); opacity: 0; }

.ban.ban01.anima-t.anima { animation: fuwa 0.3s ease-out 0.2s 1 forwards; }

.ban.ban02.anima-t.anima { animation: fuwa 0.3s ease-out 0.3s 1 forwards; }

.ovh.anima-t { transition: 0.3s; transform: translateY(5.33vw); opacity: 0; }

.ovh.anima-t.anima { animation: fuwa 0.3s ease-out 0.2s 1 forwards; }

.circle-box.anima-t { transition: 0.3s; transform: translateY(5.33vw); opacity: 0; }

.circle-box.anima-t.anima { animation: fuwa 0.3s ease-out 0.2s 1 forwards; }

.map-div.anima-t { transition: 0.3s; opacity: 0; }
.map-div.anima-t .pin { transition: 0.3s; transform: scale(0); }

.map-div.anima-t.anima { transition-delay: 0.8s; opacity: 1; }
.map-div.anima-t.anima .pin { animation: bowa 0.3s ease-out 1.2s 1 forwards; }

.proBox.anima-t { transition: 0.3s; transform: translateY(5.33vw); opacity: 0; }
.proBox.anima-t a .cont .img { transition: 0.3s; transform: scale(0); }

.proBox.anima-t.anima { animation: fuwa 0.3s ease-out 0.2s 1 forwards; }
.proBox.anima-t.anima a .cont .img { animation: bowa 0.3s ease-out 0.5s 1 forwards; }

article.greeting-art.anima-t { transition: 0.3s; transform: translateY(5.33vw); opacity: 0; }

article.greeting-art.anima-t.anima { animation: fuwa 0.3s ease-out 0.2s 1 forwards; }

.news-Box.anima-t { transition: 0.3s; transform: translateX(5.33vw); opacity: 0; }

.news-Box.anima-t.anima { animation: sli01 0.3s ease-out 0.2s 1 forwards; }

.accessBox.accessBox01.anima-t { transition: 0.3s; transform: translateX(-5.33vw); opacity: 0; }

.accessBox.accessBox01.anima-t.anima { animation: sli02 0.3s ease-out 0.2s 1 forwards; }

.accessBox.accessBox02.anima-t { transition: 0.3s; transform: translateY(5.33vw); opacity: 0; }

.accessBox.accessBox02.anima-t.anima { animation: fuwa 0.3s ease-out 0.2s 1 forwards; }

.gallery-ban.anima-t { transition: 0.3s; transform: translateY(5.33vw); opacity: 0; }

.gallery-ban.anima-t.anima { animation: fuwa 0.3s ease-out 0.2s 1 forwards; }

@keyframes bowa { 0% { transform: scale(0); }
  85% { transform: scale(1.3); }
  100% { transform: scale(1); } }
@keyframes fuwa { 0% { transform: translateY(5.33vw); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; } }
@keyframes sli01 { 0% { transform: translateX(5.33vw); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; } }
@keyframes sli02 { 0% { transform: translateX(-5.33vw); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; } }
/*トップアニメーション終わり*/
.home div#mv { height: 143.2vw; position: relative; box-sizing: border-box; padding: 21.33vw 5.33vw 0; }

div.slide-box { height: 96.8vw; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }

div.m-slider.m-slider01 .slide-box img { width: 89.6vw; }

div.m-slider.m-slider02 .slide-box img { width: 91.4vw; }

div.bans-set.flex { width: 89.34vw; position: absolute; z-index: 6; left: 5.33vw; bottom: 0; justify-content: space-between; }
div.bans-set.flex > div.ban { width: 44.2vw; }
div.bans-set.flex > div.ban a { text-decoration: none; box-sizing: border-box; padding: 2.66vw; border-radius: 1.6vw; color: #fff; background: #013384; font-size: 3.73vw; line-height: 1.2; font-weight: 700; }
div.bans-set.flex > div.ban a > .ico { width: 10.13vw; background: #fff; height: 9.06vw; border-radius: 1.06vw; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-right: 2.13vw; }
div.bans-set.flex > div.ban a > .ico img { display: block; width: 6.4vw; }
div.bans-set.flex > div.ban a p.en { font-size: 4.26vw; }
div.bans-set.flex > div.ban.ban02 a > .ico img { width: 5.06vw; }

div.scroll-ani { display: none; position: absolute; left: 3.73vw; bottom: 0.26vw; width: 0.625vw; min-width: 10px; }
div.scroll-ani .bar { width: 3px; height: 11.14vw; overflow: hidden; position: relative; margin: 2.66vw auto 0; }
div.scroll-ani .bar span.bar-in { height: 200%; width: 1px; left: 0; right: 0; top: -150%; background: #013384; margin: 0 auto; position: absolute; animation: scr01 1.8s linear 0.2s infinite forwards; }

@keyframes scr01 { 0% { top: -250%; }
  100% { top: 250%; } }
.en { font-family: "pop"; font-weight: 700; }

.home h2.titles01 span.en { font-size: 16vw; }
.home h2.titles01 .jp { font-size: 5.33vw; }
.home .btn01 a span.text { margin-right: 2.66vw; font-size: 4.26vw; }
.home .btn01 a span.arrow { width: 8.53vw; height: 8.53vw; border-radius: 1.6vw; box-sizing: border-box; border: solid 1px #013384; overflow: hidden; transition: 0.3s; position: relative; background: #013384; }
.home .btn01 a span.arrow span.arrow-in { width: calc(8.53vw - 2px); height: calc(8.53vw - 2px); }
.home .btn01 a span.arrow span.arrow-in img { width: 2.66vw; }
.home div#footer:before { content: ""; width: 100%; height: 32.03vw; bottom: calc(100% - 0.5vw); left: 0; background: url("../img/common/wave02-sp.svg") no-repeat center top; background-size: 100%; position: absolute; }

.ovh { height: 95.26vw; }

.ovh { overflow: hidden; }

section#members { margin-top: 82.66vw; position: relative; background: #013384; padding: 5.33vw 0 21.33vw 5.33vw; }
section#members h2.titles01 { position: absolute; left: 5.33vw; bottom: calc(100% + 10.66vw); display: flex; flex-wrap: wrap; align-items: flex-end; }
section#members h2.titles01 span.en { margin-right: 2.5vw; }
section#members h2.titles01 span.en span.first-t { color: #fff; }
section#members h2.titles01 .jp { color: #fff; padding-bottom: 0.5vw; }
section#members .btn01 { z-index: 2; margin-top: 10.66vw; margin-right: 5.33vw; }
section#members .btn01 a { color: #fff; }
section#members .btn01 a span.arrow { border: solid 1px #fff; background: #fff; }
section#members .btn01 a span.arrow span.arrow-in img { filter: brightness(0) saturate(100%) invert(14%) sepia(51%) saturate(4265%) hue-rotate(210deg) brightness(89%) contrast(105%); }
section#members .btn01 a span.arrow:before { background: #fff; }

section#members:before { content: ""; width: 100%; height: 66.16vw; bottom: calc(100% - 0.5vw); left: 0; background: url("../img/common/wave01-sp.svg") no-repeat center top; background-size: 100%; position: absolute; }

div#members-slider .slick-list { overflow: visible; }

div#members-slider { padding-bottom: 18vw; }
div#members-slider button.slick-arrow { opacity: 1; z-index: 2; transition: 0s; width: 13.33vw; height: 13.33vw; box-sizing: border-box; border: none; transition: 0.3s; border-radius: 2.66vw; border: solid 0.5vw #fff; top: auto; transform: translateY(0); bottom: 0; }
div#members-slider button.slick-prev.slick-arrow { background: url("../img/common/slide-arrow01.svg") no-repeat center #013384; left: calc(50% - 15vw); background-size: 3.1vw; }
div#members-slider button.slick-next.slick-arrow { background: url("../img/common/slide-arrow02.svg") no-repeat center #013384; right: calc(50% - 15vw); background-size: 3.1vw; }
div#members-slider button.slick-arrow:before { content: none; }

article.member-art { width: 64vw; margin-right: 5.33vw; }
article.member-art a { text-decoration: none; position: relative; display: block; color: #fff; overflow: hidden; }
article.member-art a .img { overflow: hidden; border-radius: 2.66vw; }
article.member-art a .img .in-img { padding-top: 119.31%; border-radius: 2.66vw; transition: 0.3s; }
article.member-art a .names { position: absolute; z-index: 2; left: 2.66vw; top: 5.33vw; margin-top: -1.06vw; margin-left: -1.06vw; max-width: calc(100% - 5.3vw); }
article.member-art a .names > div > span { background: #013384; font-size: 3.7vw; margin: 1.06vw 0 0 1.06vw; line-height: 1.4; padding: 2vw 2.66vw; display: inline-block; }
article.member-art a .area-name { position: absolute; bottom: 0; left: 2.66vw; line-height: 0.7; z-index: 2; color: #fff; font-weight: 700; font-family: "pop"; font-size: 8vw; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
article.member-art a span.arrow { width: 8.53vw; height: 8.53vw; border-radius: 1.6vw; box-sizing: border-box; border: solid 1px #FFFFFF; overflow: hidden; transition: 0.3s; position: relative; display: block; position: absolute; z-index: 2; right: 2.66vw; bottom: 2.66vw; background: #fff; }
article.member-art a span.arrow span.arrow-in { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: calc(8.53vw - 2px); height: calc(8.53vw - 2px); position: relative; z-index: 3; }
article.member-art a span.arrow span.arrow-in img { display: block; opacity: 1; position: relative; right: 0; width: 2.66vw; }
article.member-art a span.arrow:before { content: ""; width: 104%; height: 104%; background: #fff; position: absolute; left: -2%; top: -2%; transition: 0.3s; }

section#about { padding: 26.66vw 5.33vw 42.66vw; background: #E5F1FF; position: relative; }
section#about .titles01 { position: relative; z-index: 3; margin-bottom: 93.86vw; }
section#about > .cont { position: relative; z-index: 3; margin-left: auto; }
section#about > .cont > .box01 .text01 { display: flex; flex-wrap: wrap; align-items: center; font-size: 5.33vw; line-height: 8.53vw; line-height: 8.53vw; font-weight: 700; margin-bottom: 2.13vw; }
section#about > .cont > .box01 .text01 span.b-bg { color: #fff; padding: 0 2.13vw; background: #013384; margin-right: 1.06vw; }
section#about > .cont > .box01 .text01 span.text { color: #013384; }
section#about > .cont > .box01 .text02 { font-size: 9.86vw; line-height: 1.3; font-weight: 700; color: #013384; }
section#about > .cont > .box01 .text03 { font-size: 5.33vw; line-height: 1.8; margin-top: 2.66vw; font-weight: 500; }
section#about > .cont .box02 { margin-top: 16vw; }
section#about > .cont .box02 > div { margin-bottom: 8vw; }
section#about > .cont .box02 > div:last-child { margin-bottom: 0; }
section#about > .cont .box02 div.circle-box { width: 89.6vw; height: 89.6vw; position: relative; border-radius: 100%; background: #fff; box-sizing: border-box; padding: 16vw 10.13vw; }
section#about > .cont .box02 div.circle-box .num { font-weight: 500; font-family: "pop"; line-height: 1; font-size: 12.26vw; color: #013384; position: absolute; left: 5.33vw; top: 9.6vw; }
section#about > .cont .box02 div.circle-box .inner > h3 { text-align: center; padding-top: 14.931vw; font-weight: 700; font-size: 6.93vw; margin-bottom: 2.66vw; background: url("../img/top/ico01.svg") no-repeat center top; background-size: 13.33vw; }
section#about > .cont .box02 div.circle-box .inner .text { line-height: 1.6; font-size: 4.26vw; }
section#about > .cont .box02 div.circle-box.circle-box02 .inner > h3 { background-image: url("../img/top/ico02.svg"); }
section#about > .cont .box02 div.circle-box.circle-box03 .inner > h3 { background-image: url("../img/top/ico03.svg"); }
section#about .map-div { width: 100%; position: absolute; left: 0; top: 0; }
section#about .map-div .pin { position: absolute; left: 13.33vw; top: 63vw; width: 52.26vw; }

section#program { margin-top: -16vw; background: #fff; position: relative; border-radius: 13.33vw; padding: 26.66vw 5.33vw; z-index: 3; }
section#program .titles01 { text-align: center; margin-bottom: 16vw; }
section#program .btn01 { margin-top: 10.66vw; }

img.pr00 { position: relative; top: 6vw; }

div.program-box.flex { display: block; }
div.program-box.flex > div { margin-bottom: 10.66vw; }
div.program-box.flex > div:last-child { margin-bottom: 0; }
div.program-box.flex > div.day-tit { color: #fff; font-weight: 700; font-family: "pop"; background: #013384; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 1.6vw; padding: 6.93vw; }
div.program-box.flex > div.day-tit .text { line-height: 1; }
div.program-box.flex > div.day-tit .text > span { display: inline-block; }
div.program-box.flex > div.day-tit .text .list01 { font-size: 6.4vw; margin-right: 4.53vw; }
div.program-box.flex > div.day-tit .text .list02 span.big { font-size: 10.66vw; }
div.program-box.flex > div.day-tit .text .list02 span.small { font-size: 5.33vw; }
div.program-box.flex > div.proBox a.no-link { pointer-events: none; }
div.program-box.flex > div.proBox a.no-link span.arrow { display: none !important; }
div.program-box.flex > div.proBox a { text-decoration: none; position: relative; box-sizing: border-box; height: 100%; background: #E5F1FF; border-radius: 1.6vw; display: block; border-radius: 2.66vw; padding: 1px 5.33vw 5.33vw; }
div.program-box.flex > div.proBox a .cont .img { margin: -2.66vw auto 8.53vw; width: 53.33vw; }
div.program-box.flex > div.proBox a .cont .infos { margin-bottom: 2.66vw; }
div.program-box.flex > div.proBox a .cont .infos .cates { display: inline-block; background: #fff; line-height: 6.93vw; height: 6.93vw; color: #013384; font-size: 3.73vw; font-weight: 700; padding: 0 2.66vw; }
div.program-box.flex > div.proBox a .cont h3 { font-size: 6.4vw; line-height: 1.4; font-weight: 700; }
div.program-box.flex > div.proBox a .cont .tit-bikou { font-weight: 700; line-height: 1.6; font-size: 4vw; }
div.program-box.flex > div.proBox a .cont .text { margin-top: 2.66vw; font-weight: 500; font-size: 4.26vw; line-height: 1.6; }
div.program-box.flex > div.proBox a .pro-bottom { z-index: 2; font-weight: 700; color: #013384; font-size: 4.8vw; line-height: 1.6; margin-top: 10.66vw; }
div.program-box.flex > div.proBox a span.arrow { width: 8.53vw; height: 8.53vw; border-radius: 1.6vw; box-sizing: border-box; border: solid 1px #013384; overflow: hidden; transition: 0.3s; position: relative; display: block; position: absolute; z-index: 2; right: 5.33vw; bottom: 5.33vw; background: #013384; }
div.program-box.flex > div.proBox a span.arrow span.arrow-in { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: calc(8.53vw - 2px); height: calc(8.53vw - 2px); position: relative; z-index: 3; }
div.program-box.flex > div.proBox a span.arrow span.arrow-in img { display: block; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(43deg) brightness(103%) contrast(102%); opacity: 1; position: relative; right: 0; width: 2.66vw; }
div.program-box.flex > div.proBox a span.arrow:before { content: ""; width: 104%; height: 104%; background: #013384; position: absolute; left: -2%; top: -2%; transition: 0.3s; }

div.program-box.program-box01.flex div.day-tit.program-box02 { background: #EC2C11; }
div.program-box.program-box01.flex div.proBox.program-box02 a { background: #FFE5E5; }
div.program-box.program-box01.flex div.proBox.program-box02 a .infos .cates { color: #EC2C11; }
div.program-box.program-box01.flex div.proBox.program-box02 a .pro-bottom { color: #EC2C11; }
div.program-box.program-box01.flex div.proBox.program-box02 a span.arrow { border: solid 1px #EC2C11; overflow: hidden; }
div.program-box.program-box01.flex div.proBox.program-box02 a span.arrow:before { background: #EC2C11; }

div.program-box.program-box02.flex > div.day-tit { background: #EC2C11; }
div.program-box.program-box02.flex > div.proBox a { background: #FFE5E5; }
div.program-box.program-box02.flex > div.proBox a .infos .cates { color: #EC2C11; }
div.program-box.program-box02.flex > div.proBox a .pro-bottom { color: #EC2C11; }
div.program-box.program-box02.flex > div.proBox a span.arrow { border: solid 1px #EC2C11; overflow: hidden; background: #EC2C11; }
div.program-box.program-box02.flex > div.proBox a span.arrow:before { background: #EC2C11; }

section#message { position: relative; background: #013384; margin-top: -16vw; padding: 42.66vw 5.33vw 26.66vw; box-sizing: border-box; }
section#message .titles01 { text-align: center; margin-bottom: 16vw; }
section#message .titles01 span.en span.first-t { color: #fff; }
section#message .titles01 .jp { color: #fff; }

article.greeting-art { margin-bottom: 10.66vw; padding-bottom: 8vw; border-bottom: solid 1px #7796C9; }
article.greeting-art a { text-decoration: none; position: relative; color: #fff; display: block; }
article.greeting-art a .img { overflow: hidden; border-radius: 2.66vw; margin-bottom: 5.33vw; }
article.greeting-art a .img .in-img { border-radius: 2.66vw; transition: 0.3s; padding-top: 108.79%; }
article.greeting-art a .cont .m-post { color: #B4D7FF; font-size: 5.33vw; font-weight: 700; margin-bottom: 2.66vw; line-height: 1.6; }
article.greeting-art a .cont h3 { font-size: 7.46vw; font-weight: 700; }
article.greeting-art a .cont p.m-kana { font-size: 4.26vw; }
article.greeting-art a span.arrow { width: 8.53vw; height: 8.53vw; border-radius: 1.6vw; box-sizing: border-box; border: solid 1px #FFFFFF; overflow: hidden; transition: 0.3s; position: relative; display: block; position: relative; z-index: 2; margin-top: 2.66vw; margin-left: auto; background: #fff; }
article.greeting-art a span.arrow span.arrow-in { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: calc(8.53vw - 2px); height: calc(8.53vw - 2px); position: relative; z-index: 3; }
article.greeting-art a span.arrow span.arrow-in img { display: block; opacity: 1; position: relative; right: 0; width: 2.66vw; }
article.greeting-art a span.arrow:before { content: ""; width: 104%; height: 104%; background: #fff; position: absolute; left: -2%; top: -2%; transition: 0.3s; }

article.greeting-art:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

section#news { padding: 26.66vw 5.33vw; position: relative; box-sizing: border-box; }
section#news article.news-art span.arrow { display: none; }
section#news .titles01 { text-align: center; margin-bottom: 16vw; }
section#news .btn01 { z-index: 2; margin-top: 10.66vw; }

article.news-art { margin-bottom: 10.66vw; border-bottom: solid 1px #E5F1FF; }
article.news-art a { position: relative; align-items: center; text-decoration: none; padding-bottom: 8vw; display: block; }
article.news-art a .n-date { color: #707070; font-size: 3.73vw; margin-bottom: 2.66vw; }
article.news-art a h3 { font-weight: 500; font-size: 4.26vw; width: 100%; line-height: 1.5; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

article.news-art:last-child { margin-bottom: 0; }

section#access { padding: 26.66vw 5.33vw 64.53vw; position: relative; background: #E5F1FF; }
section#access .titles01 { text-align: center; margin-bottom: 16vw; position: relative; z-index: 3; }
section#access .inner { position: relative; z-index: 3; }
section#access .inner .accessBox.accessBox01 { margin-right: 0; width: 100%; }
section#access .inner .accessBox.accessBox01 .gmap { width: 100%; height: 89.06vw; }
section#access .inner .accessBox.accessBox01 .gmap iframe { width: 100%; height: 100%; border-radius: 2.66vw 2.66vw 0 0; }
section#access .inner .accessBox.accessBox01 > .cont { border-radius: 0 0 2.66vw 2.66vw; }
section#access .inner .accessBox.accessBox01 > .cont > h3 { font-weight: 700; font-size: 7.46vw; }
section#access .inner .accessBox.accessBox01 > .cont .infoBox01 { margin-top: 5.33vw; }
section#access .inner .accessBox.accessBox01 > .cont .infoBox01 .ico-text { font-weight: 700; font-size: 4.8vw; padding-left: 6.93vw; background: url("../img/common/ico-access.svg") no-repeat left top 1vw; background-size: 4.26vw; }
section#access .inner .accessBox.accessBox01 > .cont .infoBox01 .text02 .ico-text { background-image: url("../img/common/ico-train.svg"); }
section#access .inner .accessBox.accessBox01 > .cont .infoBox01 .text02 ul { font-size: 4.26vw; margin-top: 4.26vw; }
section#access .inner .accessBox.accessBox01 > .cont .infoBox01 .text02 ul > li { padding-left: 8vw; position: relative; }
section#access .inner .accessBox.accessBox01 > .cont .infoBox01 .text02 ul > li:before { content: ""; width: 5.33vw; height: 1px; top: 50%; left: 0; position: absolute; background: #000000; }
section#access .inner .accessBox.accessBox01 > .cont .infoBox01 > div { margin-bottom: 5.33vw; }
section#access .inner .accessBox.accessBox01 > .cont .infoBox01 > div:last-child { margin-bottom: 0; }
section#access .inner .accessBox { margin-bottom: 5.33vw; }
section#access .inner .accessBox > .cont { background: #fff; padding: 8vw 5.33vw; box-sizing: border-box; border-radius: 2.66vw; }
section#access .inner .accessBox > .cont .b-bg02 { margin-bottom: 1.06vw; }
section#access .inner .accessBox > .cont .b-bg02 > span { display: inline-block; color: #fff; font-weight: 700; padding: 0 2.66vw; background: #013384; line-height: 8vw; line-height: 8vw; font-size: 3.73vw; }
section#access .inner .accessBox > .cont > h3 { font-weight: 700; font-size: 6.4vw; }
section#access .inner .accessBox > .cont .btns-list.flex { margin-top: 8vw; }
section#access .inner .accessBox > .cont .btns-list.flex .btn01:first-child { margin-right: 8vw; }
section#access .inner .accessBox:last-child { margin-bottom: 0; }

.circle-img { width: 157.3vw; animation: circle01 30s linear 0s infinite forwards; position: absolute; top: 50.4vw; right: 5.33vw; }

@keyframes circle01 { 0% { transform: rotateZ(0); }
  100% { transform: rotateZ(-360deg); } }
.gallery-ban { margin-top: 21.33vw; }

/*02 大会プログラム
----------------------------------*/
.dayBox { margin-bottom: 50px; }

.dayBox:last-child { margin-bottom: 0; }

.day-tit02 { color: #fff; font-weight: 700; background: #013384; padding: 14px 20px; font-size: 20px; margin-bottom: 20px; }

.day-list > div.box { margin-bottom: 40px; }
.day-list > div.box:last-child { margin-bottom: 0; }

.dayTBL .t-tit { font-weight: 700; }
.dayTBL .medi { font-weight: 500; }
.dayTBL table { margin-bottom: 20px; }
.dayTBL table:last-child { margin-bottom: 0; }
.dayTBL th, .dayTBL td { box-sizing: border-box; padding: 15px; line-height: 1.5; text-align: left; vertical-align: top; display: block; }
.dayTBL th { background: #E5F1FF; color: #013384; font-weight: 700; }
.dayTBL td { border-right: solid 1px #B8D3FF; border-left: solid 1px #B8D3FF; }
.dayTBL td .btn01 { margin-top: 15px; }
.dayTBL td .btn01 a { justify-content: flex-start; text-align: left; }
.dayTBL tr:last-child td { border-bottom: solid 1px #B8D3FF; }

ul.pro-list01 { margin-top: 15px; }
ul.pro-list01 > li { margin-bottom: 15px; padding-left: 16px; }
ul.pro-list01 > li .tit { position: relative; font-weight: 700; }
ul.pro-list01 > li .tit:before { content: "・"; position: absolute; left: -16px; top: 0; }
ul.pro-list01 > li .btn01 { margin-left: -16px; margin-top: 15px; margin-bottom: 15px; }
ul.pro-list01 > li .btn01 a { justify-content: flex-start; text-align: left; }
ul.pro-list01 > li:last-child { margin-bottom: 0; }

ul.pro-list01:first-child { margin-top: 0; }

.dayBox.dayBox02 .inBox { margin-bottom: 40px; }
.dayBox.dayBox02 .inBox > h4 { font-size: 20px; }
.dayBox.dayBox02 .inBox .btn01 { margin-top: 15px; margin-bottom: 30px; }
.dayBox.dayBox02 .inBox .btn01 a { justify-content: flex-start; text-align: left; }
.dayBox.dayBox02 .inBox .dayTBL td { font-weight: 700; }
.dayBox.dayBox02 .inBox:last-child { margin-bottom: 0; }

.bikou01 { margin-top: 15px; background: #F6F6F6; padding: 20px; }

/*詳細*/
h1.pro-tit { font-size: 22px; line-height: 1.6; font-weight: 700; margin-bottom: 15px; }

.sub_text { font-size: 18px; font-weight: 700; color: #013384; }

.pro_img { text-align: center; margin-top: 20px; }
.pro_img img { border-radius: 1.33vw; }

.pro-set { margin-top: 30px; }

.pro_imgs02.flex { justify-content: space-between; margin-top: 20px; }
.pro_imgs02.flex > div { width: 100%; margin-bottom: 40px; }
.pro_imgs02.flex > div .pro_img { margin-top: 15px; }
.pro_imgs02.flex > div:last-child { margin-bottom: 0; }
.pro_imgs02.flex h2.titles02 .komoji { font-size: 16px; display: inline-block; }

.pro_imgs02.flex > div .pro-set { margin-top: 0; background: #E5F1FF; box-sizing: border-box; padding: 20px; border-radius: 10px; }

/*03 ご挨拶
----------------------------------*/
/*04 ご来賓紹介
----------------------------------*/
article.guest-art { margin-bottom: 20px; box-sizing: border-box; padding: 20px; background: #F6F6F6; display: flex; flex-wrap: wrap; justify-content: space-between; }
article.guest-art .img { width: 100%; margin-bottom: 20px; }
article.guest-art .cont { width: 100%; }
article.guest-art .cont .m-post { font-size: 18px; font-weight: 500; color: #013384; margin-bottom: 10px; }
article.guest-art .cont > h2 { font-weight: 700; line-height: 1.6; font-size: 22px; }
article.guest-art .cont p.m-kana { font-size: 16px; line-height: 1.8; margin-top: 8px; }

article.guest-art:last-child { margin-bottom: 0; }

/*05 参加者名簿
----------------------------------*/
div#p05Box01 { padding: 60px 5.33vw; }

.memberTBL.guestTBL table { width: 100%; }
.memberTBL.guestTBL .col01 { width: 50%; }
.memberTBL.guestTBL .col02 { width: 50%; }

.memberTBL { overflow: auto; }
.memberTBL table { border-bottom: solid 1px #B8D3FF; width: 1100px; }
.memberTBL .col01 { width: 255px; }
.memberTBL .col01-2 { width: 210px; }
.memberTBL .col02 { width: 255px; }
.memberTBL .col03 { width: 380px; }
.memberTBL th, .memberTBL td { box-sizing: border-box; }
.memberTBL thead th { background: #E5F1FF; text-align: center; vertical-align: middle; font-weight: 700; color: #013384; height: 60px; border-right: solid 1px #B8D3FF; }
.memberTBL thead th:last-child { border-right: solid 1px #E5F1FF; }
.memberTBL tbody td { line-height: 1.6; padding: 15px; text-align: left; font-weight: 500; border-right: solid 1px #E3E3E3; }
.memberTBL tbody td:first-child { border-left: solid 1px #B8D3FF; }
.memberTBL tbody td:last-child { border-right: solid 1px #B8D3FF; }
.memberTBL tbody tr:nth-child(2n) td { background: #F6F6F6; }

div.member-set { margin-bottom: 40px; }

section.areaSec:last-child div.member-set:last-child { margin-bottom: 0; }

.scroll-hint-text { font-size: 0 !important; }

.scroll-hint-text:before { content: "スクロールできます"; font-size: 12px !important; }

.scroll-hint-icon { height: 90px !important; width: 150px !important; top: 15px !important; }

/*06 お知らせ
----------------------------------*/
div#umv { padding: calc(60px + 9vw) 5.33vw 9vw; background: #E5F1FF; text-align: center; }
div#umv .titles01 .en { font-size: 16vw; }
div#umv .titles01 .jp { font-size: 5.33vw; }

div#p06Box01 { padding: 60px 5.33vw; }

.news-all article.news-art { margin-bottom: 20px; }
.news-all article.news-art a { padding-bottom: 15px; display: flex; flex-wrap: wrap; }
.news-all article.news-art a .n-date { font-size: 14px; width: 100%; margin-bottom: 10px; }
.news-all article.news-art a > h3 { font-weight: 500; font-size: 16px; width: calc(100% - 40px); }
.news-all article.news-art a span.arrow { width: 32px; height: 32px; border-radius: 6px; box-sizing: border-box; border: solid 1px #013384; overflow: hidden; transition: 0.3s; position: relative; margin-left: auto; background: #013384; }
.news-all article.news-art a span.arrow span.arrow-in { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 30px; height: 30px; position: relative; z-index: 3; }
.news-all article.news-art a span.arrow span.arrow-in img { display: block; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(43deg) brightness(103%) contrast(102%); opacity: 1; position: relative; right: 0; width: 10px; }
.news-all article.news-art a span.arrow:before { content: ""; width: 104%; height: 104%; background: #013384; position: absolute; left: -2%; top: -2%; transition: 0.3s; display: block; }

/*詳細*/
div#p06sBox01 { padding: 60px 5.33vw; }
div#p06sBox01 .btn02 { margin-top: 40px; }

h1.blog-tit { font-size: 22px; font-weight: 700; line-height: 1.6; margin-bottom: 20px; }

/*ページャー*/
div#pager00 { text-align: center; }

div#pager00 .wp-pagenavi { margin-top: 115px; }

.wp-pagenavi > span, .wp-pagenavi > a { display: inline-block; margin: 4px; text-decoration: none; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; font-weight: 700; color: #013384; background: #fff; font-family: "robo"; }

.wp-pagenavi a.page { position: relative; }

.wp-pagenavi span.extend { background: none; color: #013384; box-shadow: none; }

.wp-pagenavi > a:hover { color: #fff; background-color: #013384; }

.wp-pagenavi a.previouspostslink { color: transparent; background: url("../img/common/pg2.svg") no-repeat center #fff; margin-left: 0; }

.wp-pagenavi a.nextpostslink { color: transparent; background: url("../img/common/pg1.svg") no-repeat center #fff; margin-right: 0; }

.wp-pagenavi span.current { color: #fff; background: #013384; }

.wp-pagenavi a.first { color: transparent; background: url("../img/common/pg3.svg") no-repeat center #fff; }

.wp-pagenavi a.last { color: transparent; background: url("../img/common/pg4.svg") no-repeat center #fff; }

.wp-pagenavi span.pages { display: none; }

.error404 div#umv .titles01 .en { font-size: 11vw; }

/*デバイス幅ごとの調整（必要な幅があれば追加して調整）*/