@charset "UTF-8";

#wrapper-outer{ overflow: hidden; }
#main img{ width: 100%; height: auto; }
#main .kv-section{ padding-top: 47.4264%; position: relative; }
#main .kv-section .logo-body{ width: 33.3824%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); margin-top: 6.25%; z-index: -10; }
#main .kv-section .logo-body .logo-symbol-wrapper{ width: 120.4845%; position: relative; left: 50%; transform: translateX(-50%); }
#main .kv-section .logo-body .logo-symbol-wrapper .symbol{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#main .kv-section .logo-body .txt{ width: 108.37%; position: absolute; left: 50%; top: 53.9522%; transform: translate(-50%,-50%); }
#main .kv-section .copy{ position: absolute; left: 0; top: 0; width: 7.2794%; margin: 11.2292% 0 0 78.8116%; }
#main .kv-section .copy .word-body{ width: 40.404%; /*width: 40px;*/ position: absolute; top: 0; }
#main .kv-section .copy .word-body01{ right: 0; }
#main .kv-section .copy .word-body01 .word{ width: 77.5%; display: block; margin-right: auto; }
#main .kv-section .copy .word-body02{ left: 0; }
#main .kv-section .copy .word-body02 .word{ width: 65%; display: block; margin-right: auto; }
#main .kv-section .copy .word-body .line{ width: 8.25%; height: 100%; position: absolute; right: 0; top: 0; background: linear-gradient(to top, #00b9ef 0%, #ffcd00 100%); }
#main .kv-section .copy .word-body02 .line{ margin-right: 12.5%; }
#main .kv-section .bnr-body{ position: absolute; left: 0; bottom: 0; margin-left: 2.2059%; width: 27.2059%; }
#main .kv-section .bnr-body .txt{ width: 95.1351%; margin: 0 auto; }
#main .kv-section .bnr-body .navi{ margin-top: 3.7838%; position: relative; }
#main .kv-section .bnr-body .navi a{ display: block; padding-top: 21.6216%; position: relative; color: #004831; }
#main .kv-section .bnr-body .navi a .word{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; font-size: 1rem; line-height: 1.5; font-weight: 500; padding-left: 8.1081%; box-sizing: border-box; }
#main .kv-section .bnr-body .navi a .word .marker{ font-size: 1.5rem; line-height: 1; }
#main .kv-section .bnr-body .navi a .word .marker .s-size{ font-size: 80%; }
#main .kv-section .bnr-body .navi a .icon-arrow{ position: absolute; right: 0; top: 50%; width: 10.5405%; padding-top: 10.5405%; background-color: #004831; border-radius: 50%; transform: translateY(-50%); margin-right: 6.2162%; }
#main .kv-section .bnr-body .navi a .icon-arrow .arrow{ position: absolute; left: 50%; top: 50%; width: 53.8462%; height: 1px; transform: translate(-50%,-50%); }
#main .kv-section .bnr-body .navi a .icon-arrow .arrow::before{ content: ""; position: absolute; left: 0; top: 50%; width: 80%; height: 100%; background-color: #ffffff; transform: translateY(-50%); }
#main .kv-section .bnr-body .navi a .icon-arrow .arrow::after{ content: ""; position: absolute; right: 0; top: 50%; border: solid #ffffff; border-width: 1px 1px 0 0; width: 60%; padding-top: 60%; transform: translate(-10%,-50%) rotate(45deg); }
#main .kv-section .bnr-body .navi .bg-fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 40px; background-color: #ffcd00; z-index: -10; overflow: hidden; }
#main .kv-section .scroll-btn{ position: absolute; left: 0; bottom: 0; width: 7.7614%; margin-left: 88.7184%; }
#main .kv-section .scroll-btn .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0); z-index: 10; }
#main .kv-section .scroll-btn .icon-arrow{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 73.4972%; padding-top: 73.4972%; background-color: #004831; border-radius: 50%; }
#main .kv-section .scroll-btn .icon-arrow .arrow{ position: absolute; left: 50%; top: 50%; width: 1px; height: 50.6493%; transform: translate(-50%,-50%); }
#main .kv-section .scroll-btn .icon-arrow .arrow::before{ content: ""; position: absolute; left: 50%; top: 0; width: 100%; height: 80%; background-color: #ffffff; transform: translateX(-50%); }
#main .kv-section .scroll-btn .icon-arrow .arrow::after{ content: ""; position: absolute; left: 50%; bottom: 0; border: solid #ffffff; border-width: 0 1px 1px 0; width: 26px; padding-top: 26px; transform: translate(-50%,-10%) rotate(45deg); }
#main .message-section{ margin-top: 7.2059%; position: relative; }
#main .message-section .parallax-deco01{ position: absolute; left: 0; top: 0; margin: -26.4705% 0 0 77.1890%; width: 42.8676%; z-index: -100; }
#main .message-section .parallax-deco02{ position: absolute; left: 0; top: 0; margin: -31.25% 0 0 19.1470%; width: 101.5441%; z-index: -98; }
#main .message-section .acordion-body{ width: 90.7352%; /*width: 1234px;*/ margin: 0 auto; padding: 5% 0 7.3529%; border-radius: 30px; text-align: center; position: relative; }
#main .message-section .acordion-body::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  border: 5px solid #ffffff; border-radius: 30px; box-sizing: border-box; pointer-events: none; }
#main .message-section .acordion-body .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -10; border-radius: 30px; overflow: hidden; }
#main .message-section .acordion-body .bg .base-fill{ position: absolute; left: 0; top: 0; width: 108.3468%; height: 100%; background: linear-gradient(to right, #ffcd00 0%, #00b9ef 100%); margin-left: -1.2965%; }
#main .message-section .acordion-body .bg .fluid-shape-body{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#main .message-section .acordion-body .bg .fluid-shape-body .fluid-svg{ position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); opacity: 0.8; }
#main .message-section .acordion-body .bg .fluid-shape-body .fluid-svg-active{ position: absolute; left: 0; top: 0; width: 100%; opacity: 0.8; margin-top: -8.4993%; }
#main .message-section .acordion-body .bg .parallax-deco03{ position: absolute; left: 0; top: 0; margin: -31.7368% 0 0 -17.2621%; width: 66.2884%; }
#main .message-section .acordion-body .bg .parallax-deco04{ position: absolute; left: 0; bottom: 0; margin: 0 0 -30.0505% 76.6331%; width: 78.4440%; }
#main .message-section .acordion-body .ttl{ width: 10.7796%; margin: 0 auto; }
#main .message-section .acordion-body .copy{ width: 52.0984%; margin: 3.2414% auto; }
#main .message-section .acordion-body .txt{ font-size: 1.125rem; line-height: 1.9555; color: #004831; }
#main .message-section .acordion-body .hidden-body .txt{ padding-top: 3.2414%; }
#main .message-section .acordion-body .end-copy{ font-size: 1.625rem; line-height: 1.4615; color: #004831; font-weight: 500; margin-top: 3.2414%; }
#main .message-section .acordion-body .logo{ width: 30.2752%; margin: 3.6466% auto 0; }
#main .message-section .acordion-body .acordion-btn{ width: 9.7244%; padding-top: 9.8039%; position: absolute; left: 50%; top: 100%; transform: translate(-50%,-50%); z-index: 10; border-radius: 50%; box-shadow: 0 5px 15px rgba(0,0,0,0.3); overflow: hidden; }
#main .message-section .acordion-body .acordion-btn .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0); z-index: 20; }
#main .message-section .acordion-body .acordion-btn .fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #004831; }
#main .message-section .acordion-body .acordion-btn .icon{ width: 29.1667%; padding-top: 29.1667%; margin-top: 25%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 10; }
#main .message-section .acordion-body .acordion-btn .icon::before,
#main .message-section .acordion-body .acordion-btn .icon::after{ content: ""; position: absolute; left: 50%; top: 50%; width: 100%; height: 1px; background-color: #ffffff; transform: translate(-50%,-50%); }
#main .message-section .acordion-body .acordion-btn .icon::after{ transform: translate(-50%,-50%) rotate(90deg); }
#main .message-section .acordion-body .acordion-btn .txt-body{ position: absolute; left: 0; top: 0; width: 100%; margin-top: 65.8712%; z-index: 10; }
#main .message-section .acordion-body .acordion-btn .txt-body .txt{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); line-height: 0; }
#main .message-section .acordion-body .acordion-btn .txt-body .more{ width: 44.1667%; }
#main .message-section .acordion-body .acordion-btn .txt-body .close{ width: 47.5%; opacity: 0; }
#main .message-section .acordion-body .acordion-btn .txt-body .txt svg{ fill: #ffffff; }
#main .section-base{ margin-top: 11.0294%; position: relative; }
#main .section-base .ttl-body{ position: relative; margin-left: 5%; width: 90%; }
#main .section-base .ttl-body .en{ display: block; position: relative; }
#main .section-base .ttl-body .en::before{ content: ""; position: absolute; left: 0; top: 100%; width: 100%; height: 4px; background: linear-gradient(to left, #00b9ef 0%, #ffcd00 100%); margin-top: 10px; }
#main .section-base .ttl-body .ja{ font-size: 1.625rem; line-height: 1.5; color: #004831; font-weight: 500; display: block; margin-top: 20px; }
#main .section-base .navi{ width: 24.2647%; margin: 4.4117% auto 0; position: relative; }
#main .section-base .navi a{ display: block; padding-top: 21.2121%; position: relative; color: #ffffff; }
#main .section-base .navi a .word{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; font-size: 1.5625rem; line-height: 1.5; font-weight: 500; box-sizing: border-box; text-align: center; }
#main .section-base .navi a .icon-arrow{ position: absolute; right: 0; top: 50%; width: 10.5405%; padding-top: 10.5405%; border-radius: 50%; transform: translateY(-50%); margin-right: 6.2162%; }
#main .section-base .navi a .icon-arrow .arrow{ position: absolute; left: 50%; top: 50%; width: 53.8462%; height: 1px; transform: translate(-50%,-50%); }
#main .section-base .navi a .icon-arrow .arrow::before{ content: ""; position: absolute; left: 0; top: 50%; width: 80%; height: 100%; background-color: #ffffff; transform: translateY(-50%); }
#main .section-base .navi a .icon-arrow .arrow::after{ content: ""; position: absolute; right: 0; top: 50%; border: solid #ffffff; border-width: 1px 1px 0 0; width: 60%; padding-top: 60%; transform: translate(-10%,-50%) rotate(45deg); }
#main .section-base .navi .bg-fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 40px; background-color: #004831; z-index: -10; overflow: hidden; }
#main .news-section .ttl-body{ position: absolute; }
#main .news-section .ttl-body .en{ width: 16.6100%; }
#main .news-section .parallax-deco05{ position: absolute; left: 0; top: 0; margin: -7.6268% 0 0 -27.0927%; width: 67.1323%; z-index: -48; }
#main .news-section .parallax-deco06{ position: absolute; left: 0; top: 0; margin: 15.8739% 0 0 -35.7473%; width: 76.1029%; z-index: -50; }
#main .activities-section .ttl-body .en{ width: 27.8594%; }
#main .activities-section .parallax-deco07{ position: absolute; left: 0; top: 0; margin: -26.6814% 0 0 73.1931%; width: 49.8529%; z-index: -50; }
#main .activities-section .parallax-deco08{ position: absolute; left: 0; top: 0; margin: -8.4116% 0 0 56.9969%; width: 62.7941%; z-index: -46; }
#main .anchor-measures{ overflow: hidden; width: 200%; height: 100%; position: absolute; left: 0; top: 0; z-index: -48; }
#main .anchor-measures.hidden{ display: none; }
#main .parallax-deco09{ position: absolute; left: 0; top: 0; margin: -0.9064% 0 0 19.9950%; width: 50.84555%; z-index: -48; }
#news-list{ display: flex; display: -ms-flex; flex-wrap: wrap; width: 64.9265%; /*width: 883px;*/ margin-left: 30%; position: relative; z-index: 20; }
#news-list .item{ width: 47.5651%; margin-left: 4.8698%; box-sizing: border-box; position: relative; padding: 2.6047% 2.6047% 7.9275%; }
#news-list .item:nth-child(2n+1){ margin-left: 0; }
#news-list .item:nth-child(n+3){ margin-top: 4.5300%; }
#news-list .item .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0); z-index: 10; }
#news-list .item .bg-fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ebece1; border-radius: 30px; overflow: hidden; }
#news-list .item .photo{ overflow: hidden; border-radius: 20px; position: relative; }
#news-list .item .date{ font-size: 1rem; line-height: 1.5; color: #80a398; margin: 5.3476% auto 0; width: 93.5829%; position: relative; }
#news-list .item .txt{ font-size: 1.2857rem; line-height: 1.75; color: #004831; margin: 0 auto; width: 93.5829%; font-weight: 500; position: relative; }
#news-list .item .category{ position: absolute; left: 0; bottom: 0; margin: 0 0 5.2380% 8.3333%; background-color: #ffffff; color: #004831; font-size: 0.75rem; line-height: 1.5; padding: 0.9524% 3.5714%; border-radius: 13px; }
#news-list .item .icon{ position: absolute; right: 0; bottom: 0; width: 9.2857%; padding-top: 9.2857%; margin: 0 3.8095% 3.5714% 0; background-color: #004831; border-radius: 50%; }
#news-list .item .icon .arrow{ position: absolute; left: 50%; top: 50%; width: 50%; height: 1px; transform: translate(-50%,-50%); }
#news-list .item .icon .arrow::before{ content: ""; position: absolute; left: 0; top: 50%; width: 80%; height: 100%; background-color: #ffffff; transform: translateY(-50%); }
#news-list .item .icon .arrow::after{ content: ""; position: absolute; right: 0; top: 50%; border: solid #ffffff; border-width: 1px 1px 0 0; width: 60%; padding-top: 60%; transform: translate(-10%,-50%) rotate(45deg); }
#news-list .item .icon svg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }
#news-list .item.ex_link .icon svg{ display: block; }
#news-list .item.ex_link .icon .arrow{ display: none; }
#news-list .no-item{ padding: 150px 0; width: 100%; text-align: center; font-size: 1.2857rem; line-height: 1.75; color: #004831; }
#activities-list{ width: 108.8235%; margin: 2.9411% 0 0 3.8970%; }
#activities-list.no-slick{ position: relative; left: 50%; transform: translateX(-50%); margin-left: 0; }
#activities-list .item{ padding: 0 4.0540%; box-sizing: border-box; }
#activities-list .item .outer-body{ position: relative; padding: 2.3529% 2.3529% 17.6470%; }
#activities-list .item .outer-body .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0); z-index: 10; }
#activities-list .item .outer-body .bg-fill{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #004831; border-radius: 30px; overflow: hidden; }
#activities-list .item .inner-body{ position: relative; /*width: 308px;*/ background-color: #f5f5f0; padding: 2.4691% 2.4691% 9.2592%; border-radius: 25px; box-sizing: border-box; }
#activities-list .item .inner-body .photo{ overflow: hidden; border-radius: 20px; }
#activities-list .item .inner-body .head{ width: 90.9091%; margin: 6.4935% auto 0; font-size: 1.625rem; line-height: 1.2692; font-weight: 500; }
#activities-list .item .inner-body .txt{ width: 90.9091%; margin: 4.8701% auto 0; font-size: 1rem; line-height: 1.625; }
#activities-list .item .icon{ position: absolute; right: 0; bottom: 0; width: 11.4705%; padding-top: 11.4705%; margin: 0 4.4117% 3.2352% 0; background-color: #ffffff; border-radius: 50%; }
#activities-list .item .icon .arrow{ position: absolute; left: 50%; top: 50%; width: 50%; height: 1px; transform: translate(-50%,-50%); }
#activities-list .item .icon .arrow::before{ content: ""; position: absolute; left: 0; top: 50%; width: 80%; height: 100%; background-color: #004831; transform: translateY(-50%); }
#activities-list .item .icon .arrow::after{ content: ""; position: absolute; right: 0; top: 50%; border: solid #004831; border-width: 1px 1px 0 0; width: 60%; padding-top: 60%; transform: translate(-10%,-50%) rotate(45deg); }
#activities-list .item .icon svg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; }
#activities-list .item.ex_link .icon svg{ display: block; }
#activities-list .item.ex_link .icon .arrow{ display: none; }
#activities-list .prev-arrow,
#activities-list .next-arrow{ position: absolute; left: 0; top: 0; width: 5.4054%; padding-top: 5.4054%; background-color: #004831; z-index: 50; border-radius: 50%; margin-top: -8.1081%; cursor: pointer; }
#activities-list .prev-arrow{ margin-left: 71.8243%; }
#activities-list .next-arrow{ margin-left: 78.3108%; }
#activities-list .prev-arrow::after,
#activities-list .next-arrow::after{ content: ""; width: 25%; padding-top: 25%; border: solid #ffffff; position: absolute; left: 50%; top: 50%; box-sizing: content-box; }
#activities-list .prev-arrow::after{ transform: translate(-50%,-50%) translateX(25%) rotate(45deg); border-width: 0 0 1px 1px; }
#activities-list .next-arrow::after{ transform: translate(-50%,-50%) translateX(-25%) rotate(45deg); border-width: 1px 1px 0 0; }




@media screen and (max-width: 1360px) {
	#main .kv-section .scroll-btn .icon-arrow .arrow::after{ width: 1.9117vw; padding-top: 1.9117vw; }
	#main .kv-section .bnr-body .navi .bg-fill{ border-radius: 2.9411vw; }
	#main .message-section .acordion-body::before{ border-radius: 2.2058vw; }
	#main .message-section .acordion-body .bg{ border-radius: 2.2058vw; }
	#main .message-section .acordion-body .acordion-btn{ box-shadow: 0 0.3676vw 1.1029vw rgba(0,0,0,0.3); }
	#main .section-base .ttl-body .en::before{ height: 0.2941vw; margin-top: 0.7352vw; }
	#main .section-base .ttl-body .ja{ margin-top: 1.470vw; }
	#main .section-base .navi .bg-fill{ border-radius: 2.9411vw; }
	#news-list .item .bg-fill{ border-radius: 2.2058vw; }
	#news-list .item .photo{ border-radius: 1.4705vw; }
	#news-list .item .category{ border-radius: 0.9558vw; }
	#activities-list .item .outer-body .bg-fill{ border-radius: 2.2058vw; }
	#activities-list .item .inner-body{ border-radius: 1.8382vw; }
	#activities-list .item .inner-body .photo{ border-radius: 1.4705vw; }
}
@media screen and (max-width: 767.5px) {
	#main .kv-section{ padding-top: 110.4%; }
	#main .kv-section .logo-body{ width: 69.6%; margin-top: 31.1711%; }
	#main .kv-section .logo-body .txt{ width: 92.6808%; top: 56.4039%; }
	#main .kv-section .copy{ width: 14.9333%; margin: 22.5232% 0 0 77.3548%; }
	#main .kv-section .copy .word-body{ width: 44.1141%; /*width: 44px;*/ }
	#main .kv-section .bnr-body{ position: relative; left: auto; bottom: auto; margin: 0 auto; width: 88%; }
	#main .kv-section .bnr-body .txt{ width: 83.3712%; }
	#main .kv-section .bnr-body .navi{ margin-top: 4.8484%; }
	#main .kv-section .bnr-body .navi a{ padding-top: 18.1818%; }
	#main .kv-section .bnr-body .navi a .word{ font-size: 1.0714rem; padding-left: 10%; }
	#main .kv-section .bnr-body .navi a .icon-arrow{ width: 9.8075%; padding-top: 9.8075%; margin-right: 4.7233%; }
	#main .kv-section .bnr-body .navi .bg-fill{ border-radius: 8vw; }
	#main .kv-section .scroll-btn{ position: relative; left: auto; bottom: auto; width: 19.9309%; margin: 5.3333% auto 0; }
	#main .kv-section .scroll-btn .icon-arrow .arrow::after{ width: 4.8vw; padding-top: 4.8vw; }
	#main .message-section{ margin-top: 12.2666%; }
	#main .message-section .parallax-deco01{ margin: -37.9296% 0 0 86.8835%; width: 58.3622%; }
	#main .message-section .parallax-deco02{ margin: -44.0123% 0 0 7.8416%; width: 138.2716%; }
	#main .message-section .acordion-body{ width: 90.1333%; /*width: 338px;*/ padding: 23.4666% 0 28.0000%; }
	#main .message-section .acordion-body::before{ border-width: 1.0666vw; border-radius: 4.3999vw; }
	#main .message-section .acordion-body .bg{ border-radius: 4.3999vw; }
	#main .message-section .acordion-body .bg .fluid-shape-body .fluid-svg{ left: 50%; top: 0; width: 136.0946%; transform: translateX(-50%); margin-top: 5.9172%; }
	#main .message-section .acordion-body .bg .fluid-shape-body .fluid-svg-active{ left: 50%; top: 0; width: 263.3136%; transform: translateX(-50%); margin-top: 8.8757%; }
	#main .message-section .acordion-body .bg .parallax-deco03{ margin: -38.0675% 0 0 -44.6046%; width: 92.8281%; }
	#main .message-section .acordion-body .bg .parallax-deco04{ margin: 0 0 -68.4872% 68.7361%; width: 127.2753%; }
	#main .message-section .acordion-body .ttl{ width: 26.2368%; margin: 0 auto; }
	#main .message-section .acordion-body .copy{ width: 68.9349%; margin: 9.4674% auto; }
	#main .message-section .acordion-body .txt{ font-size: 1.0714rem; line-height: 1.8; }
	#main .message-section .acordion-body .txt .condensed{ white-space: nowrap; width: 105.263%; transform: scaleX(0.95); transform-origin: 0 0; display: block; }
	#main .message-section .acordion-body .hidden-body .txt{ padding-top: 9.3939%; }
	#main .message-section .acordion-body .end-copy{ font-size: 1.2857rem; line-height: 1.513; margin-top: 9.3939%; }
	#main .message-section .acordion-body .logo{ width: 66.0662%; margin: 12.2792% auto 0; padding-bottom: 12.1212%; }
	#main .message-section .acordion-body .acordion-btn{ width: 23.6686%; padding-top: 24.2424%; box-shadow: 0 0.8799vw 2.6666vw rgba(0,0,0,0.3); }
	#main .message-section .acordion-body .acordion-btn .icon{ width: 28.3333%; padding-top: 28.3333%; }
	#main .message-section .acordion-body .acordion-btn .txt-body .more{ width: 43.8922%; }
	#main .message-section .acordion-body .acordion-btn .txt-body .close{ width: 47.6477%; }
	#main .section-base .ttl-body{ margin-left: auto; width: 100%; }
	#main .section-base .ttl-body .en{ margin: 0 auto; }
	#main .section-base .ttl-body .en::before{ left: 50%; height: 0.5333vw; min-width: 33.3333vw; margin-top: 2.1333vw; transform: translateX(-50%); }
	#main .section-base .ttl-body .ja{ font-size: 1.1428rem; margin-top: 4.533%; text-align: center; }
	#main .section-base .navi{ width: 66.6666%; margin: 10.6666% auto 0; }
	#main .section-base .navi a{ padding-top: 20%; }
	#main .section-base .navi a .word{ font-size: 1.4285rem; }
	#main .section-base .navi a .icon-arrow .arrow{ width: 70%; }
	#main .section-base .navi .bg-fill{ border-radius: 6.6666vw; }
	#main .news-section{ margin-top: 24%; }
	#main .news-section .ttl-body{ position: relative; }
	#main .news-section .ttl-body .en{ width: 23.5195%; }
	#main .news-section .parallax-deco05{ margin: 11.7935% 0 0 -107.1764%; width: 208.2432%; }
	#main .news-section .parallax-deco06{ margin: 7.8706% 0 0 -9.1778%; width: 116.6876%; }
	#main .activities-section{ margin-top: 21.3333%; }
	#main .activities-section .ttl-body .en{ width: 40.4533%; }
	#main .activities-section .parallax-deco07{ margin: -12.4446% 0 0 -28.5049%; width: 66.4541%; }
	#main .activities-section .parallax-deco08{ margin: 11.6923% 0 0 64.0888%; width: 116.0178%; }
	#main .anchor-measures{ width: 100%; }
	#main .parallax-deco09{ margin: -59.2705% 0 0 44.6048%; width: 249.0925%; }
	#news-list{ margin: 10.6666% auto 0; width: 88%; /*width: 330px;*/ }
	#news-list .item:nth-child(n){ width: 100%; margin-left: 0; padding: 4.5454% 4.5454% 18.1818%; }
	#news-list .item:nth-child(n+2){ margin-top: 12.1212%; }
	#news-list .item .bg-fill{ border-radius: 8vw; }
	#news-list .item .photo{ border-radius: 5.3333vw; }
	#news-list .item .date{ width: 100%; }
	#news-list .item .txt{ font-size: 1.1428rem; width: 100%; }
	#news-list .item .category{ margin: 0 0 5.2380% 4.5454%; border-radius: 2.9333vw; }
	#news-list .item .icon{ width: 9.0909%; margin: 0 4.5454% 4.5454% 0; }
	#news-list .no-item{ padding: 20% 0; }
	#activities-list{ width: 100%; margin: 10.6666% auto 0; }
	#activities-list .slick-list{ padding: 0 22.7334% 0 2.6666%!important; }
	#activities-list{ left: auto; transform: none; margin-left: auto; }
	#activities-list.alone{ position: relative; left: 50%; transform: translateX(-50%); margin-left: 0; }
	#activities-list.alone .slick-list{ padding: 0 12.7%!important; }
	#activities-list .item{ padding: 0 3.5714%; }
	#activities-list .item .outer-body{ position: relative; padding: 3.0769% 3.0769% 18.4615%; }
	#activities-list .item .outer-body .bg-fill{ border-radius: 5.3333vw; }
	#activities-list .item .inner-body{ padding: 2.8688% 2.8688% 11.0655%; border-radius: 4vw; }
	#activities-list .item .inner-body .photo{ border-radius: 2.6666vw; }
	#activities-list .item .inner-body .head{ font-size: 1.4285rem; line-height: 1.375; }
	#activities-list .item .inner-body .txt{ margin-top: 4%; }
	#activities-list .item .icon{ width: 11.5384%; padding-top: 11.5384%; margin: 0 3.4615% 3.4615% 0; }
	#activities-list .prev-arrow,
	#activities-list .next-arrow{ width: 10.6666%; padding-top: 10.6666%; }
	#activities-list .prev-arrow{ left: auto; top: auto; right: 50%; bottom: 0; margin: 0 1.0666% 0 0; }
	#activities-list .next-arrow{ position: relative; margin: 4% 0 0 1.0666%; left: 50%; }
}














/*animation*/
/*-------------------------------------------------------*/
#wrapper .bg-deco01{ opacity: 0; transform: translateX(-50px); }
#wrapper .bg-deco01.show{ opacity: 1; transform: translateX(0); transition: opacity 1s, transform 1s; transition-delay: 3.2s; }
#main .kv-section .logo-body{ opacity: 0; }
#main .kv-section.show .logo-body{ opacity: 1; transition: opacity 1s ease-in; }
#logo-symbol{ filter: blur(20px); transform: rotate(-130deg); transition: filter 3s,transform 3s; }
#main .kv-section.show #logo-symbol{ filter: blur(0); transform: rotate(0deg); transition-delay: 1s; }
#main .kv-section .logo-body .txt{ opacity: 0; }
#main .kv-section.show .logo-body .txt{ opacity: 1; transition: opacity 1s ease-in; transition-delay: 2s; }
#main .kv-section .copy .word-body{ opacity: 0; transform: translateY(20px); }
#main .kv-section.show .copy .word-body{ opacity: 1; transform: translateY(0); transition: opacity 1s ease-in, transform 1s ease-out; }
#main .kv-section.show .copy .word-body01{ transition-delay: 3s; }
#main .kv-section.show .copy .word-body02{ transition-delay: 3.3s; }
#main .kv-section .copy .word-body .line{ transform: scaleY(0); transform-origin: 0 0; }
#main .kv-section.show .copy .word-body .line{ transform: scaleY(1); transition: transform 0.7s ease-out; transition-delay: 3.2s; }
#main .kv-section .bnr-body,
#main .kv-section .scroll-btn{ opacity: 0; }
#main .kv-section.show .bnr-body,
#main .kv-section.show .scroll-btn{ opacity: 1; transition: opacity 1s ease-in; transition-delay: 3.2s; }
#main .parallax-deco img{ transition: transform 0.8s; }
#main .message-section .parallax-deco01,
#main .message-section .parallax-deco02{ opacity: 0; transform: translateX(50px); }
#main .message-section .parallax-deco01.show{ opacity: 1; transform: translateX(0); transition: opacity 1s, transform 1s; transition-delay: 0.3s; }
#main .message-section .parallax-deco02.show{ opacity: 1; transform: translateX(0); transition: opacity 1s, transform 1s; }
#main .message-section .acordion-body::before{ opacity: 0; }
#main .message-section .acordion-body.show::before{ opacity: 1; transition: opacity 1s; }
#main .message-section .acordion-body .bg{ opacity: 0; }
#main .message-section .acordion-body .bg.show{ opacity: 1; transition: opacity 1s; }
#main .message-section .acordion-body .js-inview{ opacity: 0; }
#main .message-section .acordion-body .js-inview.show{ opacity: 1; transition: opacity 1s; }
#main .message-section .acordion-body .hidden-body{ display: none; }
/*#main .message-section .acordion-body .hidden-body{ height: 0; overflow: hidden; opacity: 0; transition: opacity 2s; }
#main .message-section .acordion-body.active .hidden-body{ height: auto; opacity: 1; }*/
#main .message-section .acordion-body .acordion-btn{ opacity: 0; }
#main .message-section .acordion-body.show .acordion-btn{ opacity: 1; transition: opacity 1s; }
#main .message-section .acordion-body.active .acordion-btn .icon::before{ transform: translate(-50%,-50%) rotate(45deg); }
#main .message-section .acordion-body.active .acordion-btn .icon::after{ transform: translate(-50%,-50%) rotate(-45deg); }
#main .message-section .acordion-body.active .acordion-btn .txt-body .more{ opacity: 0; }
#main .message-section .acordion-body.active .acordion-btn .txt-body .close{ opacity: 1; }
#main .message-section .acordion-body .bg .fluid-shape-body .fluid-svg-active{ display: none; }
#main .message-section .acordion-body.active .bg .fluid-shape-body .fluid-svg{ display: none; }
#main .message-section .acordion-body.active .bg .fluid-shape-body .fluid-svg-active{ display: block; }
#main .section-base .ttl-body .en img,
#main .section-base .ttl-body .ja{ opacity: 0; }
#main .section-base .ttl-body.show .en img,
#main .section-base .ttl-body.show .ja{ opacity: 1; transition: opacity 1s; }
#main .section-base .ttl-body .en::before{ transform: scaleX(0); transform-origin: 0 0; }
#main .section-base .ttl-body.show .en::before{ transform: scaleX(1); transition: transform 1s; }
@media screen and (max-width: 767.5px) {
	#main .section-base .ttl-body .en::before{ transform: translate(-50%) scaleX(0); transform-origin: center; }
	#main .section-base .ttl-body.show .en::before{ transform: translate(-50%) scaleX(1); transition: transform 1s; }
}
#main .section-base .navi{ opacity: 0; }
#main .section-base .navi.show{ opacity: 1; transition: opacity 1s; }
#news-list,
#activities-list{ opacity: 0; transform: translateY(50px); }
#news-list.show,
#activities-list.show{ opacity: 1; transform: translateY(0); transition: opacity 1s, transform 1s; }
#activities-list.no-slick{ transform: translate(-50%,50px); }
#activities-list.no-slick.show{ transform: translate(-50%,0); }
#main .news-section .parallax-deco05,
#main .news-section .parallax-deco06{ opacity: 0; transform: translateX(-50px); }
#main .news-section .parallax-deco05.show{ opacity: 1; transform: translateX(0); transition: opacity 1s, transform 1s; transition-delay: 0.3s; }
#main .news-section .parallax-deco06.show{ opacity: 1; transform: translateX(0); transition: opacity 1s, transform 1s; }
#main .activities-section .parallax-deco07,
#main .activities-section .parallax-deco08,
#main .parallax-deco09{ opacity: 0; transform: translateX(50px); }
#main .activities-section .parallax-deco07.show{ opacity: 1; transform: translateX(0); transition: opacity 1s, transform 1s; transition-delay: 0.3s; }
#main .activities-section .parallax-deco08.show{ opacity: 1; transform: translateX(0); transition: opacity 1s, transform 1s; }
#main .parallax-deco09.show{ opacity: 1; transform: translateX(0); transition: opacity 1s, transform 1s; transition-delay: 0.3s; }
@media screen and (max-width: 1360px) {
	#wrapper .bg-deco01{ transform: translateX(-3.6764vw); }
	#main .message-section .parallax-deco01,
	#main .message-section .parallax-deco02{ transform: translateX(3.6764vw); }
	#news-list,
	#activities-list{ transform: translateY(3.6764vw); }
	#main .news-section .parallax-deco05,
	#main .news-section .parallax-deco06{ transform: translateX(-3.6764vw); }
	#main .activities-section .parallax-deco07,
	#main .activities-section .parallax-deco08,
	#main .parallax-deco09{ transform: translateX(3.6764vw); }
}


/*hover*/
/*-------------------------------------------------------*/
#main .kv-section .bnr-body .navi a:active{ color: #ffffff; }
#main .kv-section .bnr-body .navi .bg-fill::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #004831; transform: scaleX(0); transition: transform 0.6s cubic-bezier(.23, 1, .32, 1); transform-origin: right 0; }
#main .kv-section .bnr-body .navi a:active~.bg-fill::before{ transform: scaleX(1); transform-origin: 0 0; }
#main .kv-section .bnr-body .navi a .icon-arrow{ transition: background-color 0.6s cubic-bezier(.23, 1, .32, 1); }
#main .kv-section .bnr-body .navi a:active .icon-arrow{ background-color: #ffffff; }
#main .kv-section .bnr-body .navi a:active .icon-arrow .arrow::before{ background-color: #004831; }
#main .kv-section .bnr-body .navi a:active .icon-arrow .arrow::after{ border-color: #004831; }
#main .kv-section .scroll-btn .icon-arrow::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #c4d700; transform: scale(0); transition: transform 0.6s cubic-bezier(.23, 1, .32, 1); border-radius: 50%; }
#main .kv-section .scroll-btn a:active~.icon-arrow::before{ transform: scale(1); }
#main .kv-section .scroll-btn a:active~.icon-arrow .arrow::before{ background-color: #004831; }
#main .kv-section .scroll-btn a:active~.icon-arrow .arrow::after{ border-color: #004831; }
#main .kv-section .scroll-btn .icon-circle{ animation: scroll_circle_animation 20s infinite linear; }
#main .message-section .acordion-body .acordion-btn .fill::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #c4d700; transform: scale(0); transition: transform 0.6s cubic-bezier(.23, 1, .32, 1); border-radius: 50%; }
#main .message-section .acordion-body .acordion-btn a:active~.fill::before{ transform: scale(1); }
#main .message-section .acordion-body .acordion-btn a:active~.icon::before,
#main .message-section .acordion-body .acordion-btn a:active~.icon::after{ background-color: #004831; }
#main .message-section .acordion-body .acordion-btn a:active~.txt-body .txt svg{ fill: #004831; }
#main .section-base .navi a:active{ color: #004831; }
#main .section-base .navi .bg-fill::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #c4d700; transform: scaleX(0); transition: transform 0.6s cubic-bezier(.23, 1, .32, 1); transform-origin: right 0; }
#main .section-base .navi a:active~.bg-fill::before{ transform: scaleX(1); transform-origin: 0 0; }
#main .section-base .navi a:active .icon-arrow .arrow::before{ background-color: #004831; }
#main .section-base .navi a:active .icon-arrow .arrow::after{ border-color: #004831; }
#news-list .item .bg-fill::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #c4d700; transform: scaleX(0); transition: transform 0.6s cubic-bezier(.23, 1, .32, 1); transform-origin: right 0; }
#news-list .item a:active~.bg-fill::before{ transform: scaleX(1); transform-origin: 0 0; }
#news-list .item .photo img{ transition: transform 0.6s; }
#news-list .item a:active~.photo img{ transform: scale(1.1); }
#activities-list .item .bg-fill::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #c4d700; transform: scaleX(0); transition: transform 0.6s cubic-bezier(.23, 1, .32, 1); transform-origin: right 0; }
#activities-list .item a:active~.bg-fill::before{ transform: scaleX(1); transform-origin: 0 0; }
#activities-list .prev-arrow::before,
#activities-list .next-arrow::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #c4d700; transform: scale(0); transition: transform 0.6s cubic-bezier(.23, 1, .32, 1); border-radius: 50%; }
#activities-list .prev-arrow:active::before,
#activities-list .next-arrow:active::before{ transform: scale(1); }
@media (hover: hover){
	#main .kv-section .bnr-body .navi a:hover{ color: #ffffff; }
	#main .kv-section .bnr-body .navi a:hover~.bg-fill::before{ transform: scaleX(1); transform-origin: 0 0; }
	#main .kv-section .bnr-body .navi a:hover .icon-arrow{ background-color: #ffffff; }
	#main .kv-section .bnr-body .navi a:hover .icon-arrow .arrow::before{ background-color: #004831; }
	#main .kv-section .bnr-body .navi a:hover .icon-arrow .arrow::after{ border-color: #004831; }
	#main .kv-section .scroll-btn a:hover~.icon-arrow::before{ transform: scale(1); }
	#main .kv-section .scroll-btn a:hover~.icon-arrow .arrow::before{ background-color: #004831; }
	#main .kv-section .scroll-btn a:hover~.icon-arrow .arrow::after{ border-color: #004831; }
	#main .message-section .acordion-body .acordion-btn a:hover~.fill::before{ transform: scale(1); }
	#main .message-section .acordion-body .acordion-btn a:hover~.icon::before,
	#main .message-section .acordion-body .acordion-btn a:hover~.icon::after{ background-color: #004831; }
	#main .message-section .acordion-body .acordion-btn a:hover~.txt-body .txt svg{ fill: #004831; }
	#main .section-base .navi a:hover{ color: #004831; }
	#main .section-base .navi a:hover~.bg-fill::before{ transform: scaleX(1); transform-origin: 0 0; }
	#main .section-base .navi a:hover .icon-arrow .arrow::before{ background-color: #004831; }
	#main .section-base .navi a:hover .icon-arrow .arrow::after{ border-color: #004831; }
	#news-list .item a:hover~.bg-fill::before{ transform: scaleX(1); transform-origin: 0 0; }
	#news-list .item a:hover~.photo img{ transform: scale(1.1); }
	#activities-list .item a:hover~.bg-fill::before{ transform: scaleX(1); transform-origin: 0 0; }
	#activities-list .prev-arrow:hover::before,
	#activities-list .next-arrow:hover::before{ transform: scale(1); }
}



@keyframes scroll_circle_animation{
	0%{ transform: rotate(0deg); }
	100%{ transform: rotate(360deg); }
}