@charset "UTF-8";
main section#topMainSct .leadB { position: relative; z-index: 10; display: block; padding: 5em 12.5%; }
@media screen and (max-width: 599px) { main section#topMainSct .leadB { padding: 3.5em 6.7% 3em; } }
main section#topMainSct .leadB .txt1 { padding-left: 33%; font-size: 80%; }
@media screen and (max-width: 599px) { main section#topMainSct .leadB .txt1 { padding-left: 15%; font-size: 130%; } }
main section#topMainSct .wiener05 { position: absolute; z-index: 3; top: 7em; right: 0; width: 22em; height: auto; }
@media screen and (max-width: 599px) { main section#topMainSct .wiener05 { top: 11em; width: 50%; } }
main section#topMainSct .wiener06 { position: absolute; z-index: 2; top: 31em; left: 0; width: 19em; height: auto; }
@media screen and (max-width: 599px) { main section#topMainSct .wiener06 { top: 61em; width: 45%; } }
main section#recContentsSct .cultureB { position: relative; padding: 1em 0 0; }
main section#recContentsSct .cultureB .wiener06b { position: absolute; z-index: 1; top: -2em; left: 0; width: 17em; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .wiener06b { top: -3em; width: 38%; } }
main section#recContentsSct .cultureB .wiener06b.v1 { top: -1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .wiener06b.v1 { top: -2em; } }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .wiener06b.v2 { top: 28em; } }
main section#recContentsSct .cultureB .wiener06b.v4 { top: inherit; bottom: 16em; z-index: 20; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .wiener06b.v4 { width: 42%; bottom: 48em; } }
main section#recContentsSct .cultureB .wiener07 { position: absolute; z-index: 1; top: 64em; right: 0; width: 21em; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .wiener07 { top: 162em; width: 42%; } }
main section#recContentsSct .cultureB .wiener07.v2 { top: 3em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .wiener07.v2 { top: 8em; width: 48%; } }
main section#recContentsSct .cultureB .wiener07.v3 { top: 22em; width: 22em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .wiener07.v3 { top: inherit; bottom: 6em; width: 50%; } }
main section#recContentsSct .cultureB .wiener07.v4 { top: 28em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .wiener07.v4 { top: 97em; width: 48%; } }
main section#recContentsSct .cultureB .wiener07.v5 { top: -5.8em; width: 20em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .wiener07.v5 { top: 3em; width: 44%; } }
main section#recContentsSct .cultureB .wiener08 { position: absolute; z-index: 1; margin-top: -23em; right: 0; width: 18em; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .wiener08 { margin-top: -7em; width: 45%; } }
main section#recContentsSct .cultureB .wiener10 { position: absolute; z-index: 1; top: 33em; left: 0; width: 18em; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .wiener10 { top: 110em; width: 45%; } }
main section#recContentsSct .cultureB .wiener03 { position: absolute; z-index: 1; bottom: 7em; right: 0; width: 22em; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .wiener03 { width: 50%; bottom: 2em; } }
main section#recContentsSct .cultureB .wiener02 { position: absolute; z-index: 1; margin-top: -4em; left: 0; width: 17em; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .wiener02 { width: 45%; margin-top: -8em; } }
main section#recContentsSct .cultureB .wiener02.v2 { margin-top: -15em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .wiener02.v2 { margin-top: -7em; width: 39%; } }
main section#recContentsSct .cultureB .wiener02.v3 { width: 13em; margin-top: 0; top: 31.5%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .wiener02.v3 { top: 41.5%; width: 37%; } }
main section#recContentsSct .cultureB .box1 { position: relative; z-index: 10; display: flex; padding: 0 12.5%; margin-bottom: 6em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box1 { display: block; padding: 0 0 0 15%; } }
main section#recContentsSct .cultureB .box1 .imgB { order: 2; width: 50%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box1 .imgB { width: 100%; } }
main section#recContentsSct .cultureB .box1 .imgB img { width: 100%; height: auto; overflow: hidden; border-radius: 1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box1 .imgB img { border-top-right-radius: 0; border-bottom-right-radius: 0; } }
main section#recContentsSct .cultureB .box1 .txtB { order: 1; width: 50%; padding-top: 3.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box1 .txtB { width: 100%; } }
main section#recContentsSct .cultureB .box1 .txtB .ttl { margin-bottom: 1.8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box1 .txtB .ttl { margin-bottom: 2em; } }
main section#recContentsSct .cultureB .box1 .txtB .ttl .en { display: block; color: #e6002d; font-size: 80%; letter-spacing: 0; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box1 .txtB .ttl .en { font-size: 130%; margin-bottom: .6em; } }
main section#recContentsSct .cultureB .box1 .txtB .ttl .jp { display: block; font-size: 130%; font-weight: 700; letter-spacing: .11em; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box1 .txtB .ttl .jp { width: 100%; font-size: 163%; } }
main section#recContentsSct .cultureB .box1 .txtB .txt { font-size: 75%; padding-right: 15%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box1 .txtB .txt { font-size: 125%; padding-right: 6.7%; } }
main section#recContentsSct .cultureB .leadB2 { position: relative; z-index: 15; padding: 0 12.5%; top: -1.5em; margin-bottom: 3.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .leadB2 { display: block; top: 0; padding: 0 6.7% 0 21.7%; margin-bottom: 5em; } }
main section#recContentsSct .cultureB .leadB2 .txt2 { width: 73%; margin-left: 37%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .leadB2 .txt2 { position: relative; width: 100%; margin-left: 0; } }
main section#recContentsSct .cultureB .leadB2 .txt2 p { font-size: 80%; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .leadB2 .txt2 p { font-size: 130%; line-height: 1.9; } }
main section#recContentsSct .cultureB .leadB2 .txt2 p.head2 { font-size: 130%; font-weight: 700; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .leadB2 .txt2 p.head2 { font-size: 150%; } }
main section#recContentsSct .cultureB .box2 { position: relative; z-index: 10; display: flex; padding: 0 12.5%; margin-bottom: 6em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box2 { display: block; padding: 0 6.7%; margin-bottom: 12em; } }
main section#recContentsSct .cultureB .box2 .imgB { width: 50%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box2 .imgB { width: 100%; } }
main section#recContentsSct .cultureB .box2 .imgB img { width: 100%; height: auto; }
main section#recContentsSct .cultureB .box2 .txtB { width: 50%; padding: 1.5em 0 0 7.5%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box2 .txtB { width: 100%; padding: 3.5em 0 0 0; } }
main section#recContentsSct .cultureB .box2 .txtB .ttl { margin-bottom: 1.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box2 .txtB .ttl { margin-bottom: 2em; } }
main section#recContentsSct .cultureB .box2 .txtB .ttl .en { display: block; color: #e6002d; font-size: 80%; letter-spacing: 0; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box2 .txtB .ttl .en { font-size: 130%; } }
main section#recContentsSct .cultureB .box2 .txtB .txt { font-size: 75%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box2 .txtB .txt { font-size: 125%; } }
main section#recContentsSct .cultureB .headB { position: relative; z-index: 5; padding: 2em 0; margin-bottom: 3em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .headB { margin-bottom: 6em; } }
main section#recContentsSct .cultureB .headB .bgPic { display: block; width: 93.75%; height: auto; margin-left: 6.25%; border-top-left-radius: 1.2em; border-bottom-left-radius: 1.2em; overflow: hidden; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .headB .bgPic { width: 93.3%; margin-left: 6.7%; border-top-left-radius: 1.5em; border-bottom-left-radius: 1.5em; } }
main section#recContentsSct .cultureB .box3 { position: relative; z-index: 25; display: flex; padding: 0 12.5%; margin-bottom: 6em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box3 { display: block; padding: 0 6.7%; } }
main section#recContentsSct .cultureB .box3 .ttl { width: 50%; margin-bottom: 1.8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box3 .ttl { width: 100%; margin-bottom: 2em; } }
main section#recContentsSct .cultureB .box3 .ttl .en { display: block; color: #e6002d; font-size: 80%; letter-spacing: 0; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box3 .ttl .en { font-size: 130%; margin-bottom: .6em; } }
main section#recContentsSct .cultureB .box3 .ttl .jp { display: block; font-size: 130%; font-weight: 700; letter-spacing: .11em; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box3 .ttl .jp { font-size: 163%; } }
main section#recContentsSct .cultureB .box3 .txt { width: 50%; font-size: 75%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box3 .txt { width: 100%; font-size: 125%; } }
main section#recContentsSct .cultureB .list1 { position: relative; z-index: 15; padding: 0 12.5%; margin-bottom: 6em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .list1 { padding: 0 6.7%; margin-bottom: 12em; } }
main section#recContentsSct .cultureB .list1 h3 { display: block; text-align: center; margin-bottom: 1.8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .list1 h3 { font-size: 145%; } }
main section#recContentsSct .cultureB .list1 h3 .jp { display: block; font-size: 110%; font-weight: 700; letter-spacing: .12em; margin-bottom: .1em; }
main section#recContentsSct .cultureB .list1 h3 .en { display: block; color: #e6002d; font-size: 155%; letter-spacing: .02em; }
main section#recContentsSct .cultureB .list1 .listB { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .list1 .listB { display: block; } }
main section#recContentsSct .cultureB .list1 .listB li { width: 30.5%; margin-right: 4.25%; margin-bottom: 1.8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .list1 .listB li { width: 100%; margin-right: 0; margin-bottom: 3.5em; } }
main section#recContentsSct .cultureB .list1 .listB li .imgB { overflow: hidden; border-radius: .8em; margin-bottom: 1.2em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .list1 .listB li .imgB { margin-bottom: 1.6em; } }
main section#recContentsSct .cultureB .list1 .listB li .imgB img { width: 100%; height: auto; }
main section#recContentsSct .cultureB .list1 .listB li .ttl { display: block; font-size: 80%; font-weight: 700; margin-bottom: .8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .list1 .listB li .ttl { font-size: 155%; margin-bottom: .7em; } }
main section#recContentsSct .cultureB .list1 .listB li .txt { display: block; color: #827d78; font-size: 65%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .list1 .listB li .txt { font-size: 125%; } }
main section#recContentsSct .cultureB .list1 .listB li:nth-child(3n) { margin-right: 0; }
main section#recContentsSct .cultureB .box4 { position: relative; z-index: 10; padding: 0 12.5%; margin-bottom: 4.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box4 { padding: 2em 6.7% 0; margin-bottom: 8em; } }
main section#recContentsSct .cultureB .box4 h3 { display: block; margin-bottom: 2.2em; }
main section#recContentsSct .cultureB .box4 h3 .en { display: block; color: #e6002d; font-size: 80%; letter-spacing: 0; margin-bottom: .1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box4 h3 .en { font-size: 140%; margin-bottom: 0; } }
main section#recContentsSct .cultureB .box4 h3 .jp { display: block; font-size: 150%; font-weight: 700; letter-spacing: .11em; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box4 h3 .jp { font-size: 200%; } }
main section#recContentsSct .cultureB .box4 .pointL { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
main section#recContentsSct .cultureB .box4 .pointL li { position: relative; width: 31%; background: #ffffff; padding: 1.6em; border-radius: .8em; margin-bottom: 1.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box4 .pointL li { width: 100%; padding: 1.8em 1.4em; font-size: 150%; background-position: 95% 15%; margin-bottom: 1em; } }
main section#recContentsSct .cultureB .box4 .pointL li img { display: block; margin: 0 auto .6em; width: 80%; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box4 .pointL li img { margin: 0 auto .8em; width: 60%; } }
main section#recContentsSct .cultureB .box4 .pointL li .ttl { position: relative; display: block; font-size: 80%; font-weight: 700; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box4 .pointL li .ttl { font-size: 100%; margin-bottom: .7em; } }
main section#recContentsSct .cultureB .box4 .pointL li .ttl small { letter-spacing: .02em; }
main section#recContentsSct .cultureB .box4 .pointL li .ttl.dot::before { content: "●"; display: inline-block; color: #e6002d; font-size: 80%; margin-right: .4em; }
main section#recContentsSct .cultureB .box4 .pointL li .txt { font-size: 58%; line-height: 1.7; letter-spacing: .02em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box4 .pointL li .txt { font-size: 73%; } }
main section#recContentsSct .cultureB .box4 .pointL li .txt small { display: block; font-size: 90%; margin-top: 1em; }
main section#recContentsSct .cultureB .box4 .pointL li.null { background: transparent; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box4 .pointL li.null { display: none; } }
main section#recContentsSct .cultureB .box4.end { margin-bottom: 8em; }
main section#recContentsSct .cultureB .box5 { position: relative; z-index: 10; background: #ffffff; padding: 5.5em 12.5% 5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 { padding: 7em 6.7% 13em; } }
main section#recContentsSct .cultureB .box5 .lead { position: relative; z-index: 5; display: flex; margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .lead { display: block; margin-bottom: 6em; } }
main section#recContentsSct .cultureB .box5 .lead .ttl { width: 32%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .lead .ttl { width: 100%; margin-bottom: 1.5em; } }
main section#recContentsSct .cultureB .box5 .lead .ttl h3 { display: block; margin-bottom: 2.2em; }
main section#recContentsSct .cultureB .box5 .lead .ttl h3 .en { display: block; color: #e6002d; font-size: 80%; letter-spacing: 0; margin-bottom: .1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .lead .ttl h3 .en { font-size: 140%; margin-bottom: 0; } }
main section#recContentsSct .cultureB .box5 .lead .ttl h3 .jp { display: block; font-size: 150%; font-weight: 700; letter-spacing: .11em; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .lead .ttl h3 .jp { font-size: 200%; } }
main section#recContentsSct .cultureB .box5 .lead .txt { width: 68%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .lead .txt { width: 100%; padding-right: 15%; } }
main section#recContentsSct .cultureB .box5 .lead .txt p { font-size: 80%; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .lead .txt p { font-size: 130%; line-height: 1.9; } }
main section#recContentsSct .cultureB .box5 .ojtB { position: relative; z-index: 5; display: flex; margin-bottom: 6em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .ojtB { display: block; margin-bottom: 7em; } }
main section#recContentsSct .cultureB .box5 .ojtB .inB { position: relative; width: 50%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .ojtB .inB { width: 100%; } }
main section#recContentsSct .cultureB .box5 .ojtB .inB .picBg { display: block; width: 100%; height: auto; }
main section#recContentsSct .cultureB .box5 .ojtB .inB .txtB { position: absolute; left: 8%; bottom: 1.8em; width: 84%; color: #ffffff; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .ojtB .inB .txtB { left: 7%; width: 86%; bottom: 2.4em; } }
main section#recContentsSct .cultureB .box5 .ojtB .inB .txtB .en { display: block; color: #e6002d; font-size: 90%; letter-spacing: 0; margin-bottom: .8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .ojtB .inB .txtB .en { font-size: 140%; margin-bottom: 1em; } }
main section#recContentsSct .cultureB .box5 .ojtB .inB .txtB .ttl { display: block; font-size: 110%; font-weight: 700; line-height: 1.5; margin-bottom: 1.2em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .ojtB .inB .txtB .ttl { font-size: 155%; margin-bottom: 1.4em; } }
main section#recContentsSct .cultureB .box5 .ojtB .inB .txtB .txt { font-size: 70%; font-weight: 700; line-height: 1.7; letter-spacing: .02em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .ojtB .inB .txtB .txt { font-size: 140%; } }
main section#recContentsSct .cultureB .box5 .ojtB .inB:first-child { overflow: hidden; border-top-left-radius: 1em; border-bottom-left-radius: 1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .ojtB .inB:first-child { border-bottom-left-radius: 0; border-top-right-radius: 1.2em; border-top-left-radius: 1.2em; } }
main section#recContentsSct .cultureB .box5 .ojtB .inB:last-child { overflow: hidden; border-top-right-radius: 1em; border-bottom-right-radius: 1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .ojtB .inB:last-child { border-top-right-radius: 0; border-bottom-left-radius: 1.2em; border-bottom-right-radius: 1.2em; } }
main section#recContentsSct .cultureB .box5 h3 { position: relative; z-index: 5; display: block; margin-bottom: 2.2em; }
main section#recContentsSct .cultureB .box5 h3 .en { display: block; color: #e6002d; font-size: 80%; letter-spacing: 0; margin-bottom: .1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 h3 .en { font-size: 140%; margin-bottom: 0; } }
main section#recContentsSct .cultureB .box5 h3 .jp { display: block; font-size: 150%; font-weight: 700; letter-spacing: .11em; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 h3 .jp { font-size: 200%; } }
main section#recContentsSct .cultureB .box5 .flow { position: relative; z-index: 10; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .flow { padding: 4em 0 0; } }
main section#recContentsSct .cultureB .box5 .flow ul { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .flow ul { display: block; } }
main section#recContentsSct .cultureB .box5 .flow ul li { position: relative; width: calc(100% / 3); margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .flow ul li { width: 100%; display: flex; justify-content: space-between; margin-bottom: 0; } }
main section#recContentsSct .cultureB .box5 .flow ul li .month { position: relative; display: block; text-align: center; color: #e6002d; font-size: 80%; padding-bottom: .3em; border-bottom: 2px solid #e6002d; margin-bottom: 1.1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .flow ul li .month { width: 17%; white-space: nowrap; text-align: right; font-size: 110%; border-bottom: none; border-right: 2px solid #e6002d; margin-bottom: 0; padding: 1em .8em 0 0 !important; } }
main section#recContentsSct .cultureB .box5 .flow ul li .month span { font-size: 220%; }
main section#recContentsSct .cultureB .box5 .flow ul li .month::after { content: "●"; position: absolute; left: 50%; bottom: -1em; transform: translateX(-50%); font-size: 70%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .flow ul li .month::after { left: inherit; bottom: inherit; right: -.7em; top: 3.5em; transform: none !important; } }
main section#recContentsSct .cultureB .box5 .flow ul li .spB { position: relative; background: url("../img/bg_sb.svg") no-repeat center top/cover; padding: 2.4em 1.4em 1em; height: 10.6em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .flow ul li .spB { width: 82%; height: auto; padding: 2.3em 1.3em 4.3em 4.3em; background: none; }
  main section#recContentsSct .cultureB .box5 .flow ul li .spB::before { content: ""; position: absolute; top: 0; right: 0; z-index: -1; width: 90%; height: 90%; border-radius: .8em; background: #f6f5f4; }
  main section#recContentsSct .cultureB .box5 .flow ul li .spB::after { content: ""; position: absolute; z-index: -1; left: 1.2em; top: 2.1em; width: 2em; height: 2.7em; background: url("../img/bg_sb_part.svg") no-repeat center center/contain; } }
main section#recContentsSct .cultureB .box5 .flow ul li .spB .ttl { display: block; font-size: 80%; font-weight: 700; letter-spacing: .03em; margin-bottom: 1.2em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .flow ul li .spB .ttl { font-size: 140%; letter-spacing: .05em; line-height: 1.6; margin-bottom: 1em; } }
main section#recContentsSct .cultureB .box5 .flow ul li .spB .txt { display: block; color: #827d78; font-size: 60%; letter-spacing: .05em; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .flow ul li .spB .txt { font-size: 115%; } }
main section#recContentsSct .cultureB .box5 .flow ul li:nth-child(3n+1) .month { padding-right: 1.2em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .flow ul li:nth-child(3n+1) .month { padding-right: 0; } }
main section#recContentsSct .cultureB .box5 .flow ul li:nth-child(3n+1) .month::after { transform: translateX(-1.45em); }
main section#recContentsSct .cultureB .box5 .flow ul li:nth-child(3n+1) .spB { margin-right: 6%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .flow ul li:nth-child(3n+1) .spB { margin-right: 0; } }
main section#recContentsSct .cultureB .box5 .flow ul li:nth-child(3n+2) .spB { margin: 0 3%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .flow ul li:nth-child(3n+2) .spB { margin: 0; } }
main section#recContentsSct .cultureB .box5 .flow ul li:nth-child(3n) .month { padding-left: 1.2em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .flow ul li:nth-child(3n) .month { padding-left: 0; } }
main section#recContentsSct .cultureB .box5 .flow ul li:nth-child(3n) .month::after { transform: translateX(0.4em); }
main section#recContentsSct .cultureB .box5 .flow ul li:nth-child(3n) .spB { margin-left: 6%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .flow ul li:nth-child(3n) .spB { margin-left: 0; } }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .box5 .flow ul li:last-child .spB { padding: 2.3em 1.3em 2.3em 4.3em; }
  main section#recContentsSct .cultureB .box5 .flow ul li:last-child .spB::before { height: 100%; } }
main section#recContentsSct .cultureB .programB { position: relative; z-index: 10; padding: 5.5em 12.5% 9em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .programB { padding: 8em 0 20em; } }
main section#recContentsSct .cultureB .programB .lead { position: relative; z-index: 5; display: flex; margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .programB .lead { display: block; padding: 0 6.7%; margin-bottom: 5em; } }
main section#recContentsSct .cultureB .programB .lead .ttl { width: 32%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .programB .lead .ttl { width: 100%; margin-bottom: 1.5em; } }
main section#recContentsSct .cultureB .programB .lead .ttl h3 { display: block; margin-bottom: 2.2em; }
main section#recContentsSct .cultureB .programB .lead .ttl h3 .en { display: block; color: #e6002d; font-size: 80%; letter-spacing: 0; margin-bottom: .1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .programB .lead .ttl h3 .en { font-size: 140%; margin-bottom: 0; } }
main section#recContentsSct .cultureB .programB .lead .ttl h3 .jp { display: block; font-size: 150%; font-weight: 700; letter-spacing: .11em; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .programB .lead .ttl h3 .jp { font-size: 200%; } }
main section#recContentsSct .cultureB .programB .lead .txt { width: 68%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .programB .lead .txt { width: 100%; } }
main section#recContentsSct .cultureB .programB .lead .txt p { font-size: 80%; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .programB .lead .txt p { font-size: 130%; line-height: 1.9; } }
main section#recContentsSct .cultureB .programB .traning { position: relative; z-index: 10; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .programB .traning { padding: 0 6.7%; overflow-x: scroll; } }
main section#recContentsSct .cultureB .programB .traning ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .programB .traning ul { width: 208%; } }
main section#recContentsSct .cultureB .programB .traning ul li { position: relative; width: 23%; margin-bottom: 1.8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .programB .traning ul li { width: 24%; font-size: 150%; margin-bottom: .5em; } }
main section#recContentsSct .cultureB .programB .traning ul li .ttl { padding: .7em 0 1.3em; background: url("../img/icn_sb1.svg") no-repeat center bottom/cover; margin-bottom: .6em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .programB .traning ul li .ttl { padding: .4em 0 1.1em; } }
main section#recContentsSct .cultureB .programB .traning ul li .ttl p { display: block; text-align: center; color: #ffffff; font-size: 90%; font-weight: 700; }
main section#recContentsSct .cultureB .programB .traning ul li .txt { position: relative; display: block; background: #ffffff; padding: 1em; border-radius: .8em; height: 73%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .programB .traning ul li .txt { height: 75%; } }
main section#recContentsSct .cultureB .programB .traning ul li .txt p { position: relative; display: inline-block; padding-left: 1.2em; font-size: 80%; letter-spacing: .02em; line-height: 1.3; margin-bottom: .5em; }
main section#recContentsSct .cultureB .programB .traning ul li .txt p::before { content: "●"; position: absolute; left: 0; top: .1em; color: #e6002d; font-size: 80%; }
main section#recContentsSct .cultureB .programB .traning ul li:last-child { width: 100%; }
main section#recContentsSct .cultureB .programB .traning ul li:last-child .txt { text-align: center; height: 100%; }
main section#recContentsSct .cultureB .cSwichB { position: relative; padding: 0 12.5%; display: flex; justify-content: space-between; margin-bottom: 5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cSwichB { padding: 0 6.7%; } }
main section#recContentsSct .cultureB .cSwichB .cBox { width: 48%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cSwichB .cBox { width: 47%; } }
main section#recContentsSct .cultureB .cSwichB .cBox .btn { position: relative; cursor: pointer; }
main section#recContentsSct .cultureB .cSwichB .cBox .btn .pic { display: block; overflow: hidden; width: 100%; height: 11em; object-fit: cover; object-position: center 28%; border-radius: 1em; margin-bottom: .8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cSwichB .cBox .btn .pic { height: 20em; object-position: 59% center; }
  main section#recContentsSct .cultureB .cSwichB .cBox .btn .pic.p2 { object-position: 66% center; } }
main section#recContentsSct .cultureB .cSwichB .cBox .btn .year { color: #e6002d; font-size: 75%; font-weight: 700; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cSwichB .cBox .btn .year { font-size: 120%; } }
main section#recContentsSct .cultureB .cSwichB .cBox .btn .year span { font-size: 140%; }
main section#recContentsSct .cultureB .cSwichB .cBox .btn .name { display: block; font-weight: 700; line-height: 1.6; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cSwichB .cBox .btn .name { font-size: 150%; } }
main section#recContentsSct .cultureB .cSwichB .cBox .btn .aff { display: block; font-size: 75%; font-weight: 700; line-height: 1.6; margin-bottom: .8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cSwichB .cBox .btn .aff { font-size: 118%; white-space: nowrap; } }
main section#recContentsSct .cultureB .cSwichB .cBox .btn .txt { color: #827d78; font-size: 67%; letter-spacing: .03em; width: 75%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cSwichB .cBox .btn .txt { font-size: 115%; width: 100%; line-height: 1.6; } }
main section#recContentsSct .cultureB .cSwichB .cBox .btn.off::before { content: ""; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 11em; background: rgba(255, 255, 255, 0.7); border-radius: 1em; opacity: 1; transition: opacity .2s; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cSwichB .cBox .btn.off::before { height: 20em; } }
main section#recContentsSct .cultureB .cSwichB .cBox .btn.off:hover::before { opacity: 0; }
main section#recContentsSct .cultureB .cSwichB .cBox .btn.off:active { top: 1px; }
main section#recContentsSct .cultureB .cContetsB { position: relative; background: #ffffff; margin-bottom: 6em; }
main section#recContentsSct .cultureB .cContetsB .profB { position: relative; z-index: 5; padding-top: 6em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cContetsB .profB { padding-top: 4em; } }
main section#recContentsSct .cultureB .cContetsB .profB.c1, main section#recContentsSct .cultureB .cContetsB .profB.c2 { top: 0; left: 0; width: 100%; }
main section#recContentsSct .cultureB .cContetsB .profB.c1.hidden, main section#recContentsSct .cultureB .cContetsB .profB.c2.hidden { position: absolute; z-index: -1; display: none; }
main section#recContentsSct .cultureB .cContetsB .profB .timeline { padding: 0 12.5%; margin-bottom: 7em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cContetsB .profB .timeline { position: relative; z-index: 5; padding: 0 6.7% 0 5%; } }
main section#recContentsSct .cultureB .cContetsB .profB .timeline .roundP { position: sticky; position: -webkit-sticky; top: 13.5em; left: 20.8%; z-index: 50; width: 4.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cContetsB .profB .timeline .roundP { top: 18.5em; left: 0%; width: 7em; } }
main section#recContentsSct .cultureB .cContetsB .profB .timeline .roundP img { position: relative; width: 100%; height: auto; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4)); }
main section#recContentsSct .cultureB .cContetsB .profB .timeline ul { position: relative; top: -3.5em; margin-bottom: -3.5em; margin-right: 15%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cContetsB .profB .timeline ul { margin-right: 0; width: 89%; margin-left: 11%; border-left: 2px solid #beb9b4; } }
main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li { display: flex; justify-content: space-between; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li { display: block; } }
main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li .year { position: relative; width: 18%; border-right: 2px solid #beb9b4; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li .year { width: 85%; margin-left: 15%; border-right: none; } }
main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li .year p { color: #e6002d; font-size: 160%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li .year p { font-size: 220%; line-height: 1; } }
main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li .come { position: relative; width: 68%; padding: 1.4em 0 1.2em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li .come { width: 78%; margin-left: 22%; padding: .9em 0 3.5em; } }
main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li .come .sbB { position: relative; padding: 1.5em 1.6em 1.5em 1.8em; background: #ffffff; border: 3px solid #e6002d; border-top-right-radius: .8em; border-bottom-left-radius: .8em; border-bottom-right-radius: .8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li .come .sbB { padding: 2.2em 2em 2.2em 2.2em; border-top-right-radius: 1.5em; border-bottom-left-radius: 1.5em; border-bottom-right-radius: 1.5em; } }
main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li .come .sbB::before { content: ""; position: absolute; top: -3px; left: -2.8em; height: 0; width: 0; border: solid transparent; border-color: transparent; border-top-color: #e6002d; border-right-color: #e6002d; border-width: 1.4em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li .come .sbB::before { left: -2.3em; border-width: 1.1em; } }
main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li .come .sbB::after { content: ""; position: absolute; top: 0; left: -2.35em; height: 0; width: 0; border: solid transparent; border-color: transparent; border-top-color: #ffffff; border-right-color: #ffffff; border-width: 1.3em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li .come .sbB::after { left: -1.7em; border-width: 1em; } }
main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li .come .sbB .ttl { display: block; color: #e6002d; font-size: 95%; font-weight: 700; letter-spacing: .12em; margin-bottom: .6em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li .come .sbB .ttl { font-size: 160%; line-height: 1.5; margin-bottom: 1em; } }
main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li .come .sbB .txt { display: block; font-size: 81%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li .come .sbB .txt { font-size: 120%; line-height: 1.7; } }
main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li:last-child .come { padding-bottom: 0; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cContetsB .profB .timeline ul li.picUp { margin-top: 15em; } }
main section#recContentsSct .cultureB .cContetsB .profB .messeage { position: relative; }
main section#recContentsSct .cultureB .cContetsB .profB .messeage .bgPic { display: block; width: 100%; height: auto; }
main section#recContentsSct .cultureB .cContetsB .profB .messeage .en { position: absolute; z-index: 30; left: 12.5%; top: 5em; color: #ffffff; font-size: 105%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cContetsB .profB .messeage .en { left: 6.7%; font-size: 160%; } }
main section#recContentsSct .cultureB .cContetsB .profB .messeage .jp { position: absolute; z-index: 30; left: 12.5%; bottom: 4em; width: 32%; color: #ffffff; font-size: 68%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cContetsB .profB .messeage .jp { left: 6.7%; width: 86.6%; font-size: 130%; line-height: 1.7; } }
main section#recContentsSct .cultureB .cContetsB .profB .snap1 { position: absolute; z-index: 10; right: 0; top: 26%; overflow: hidden; border-top-left-radius: .8em; border-bottom-left-radius: .8em; width: 12em; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cContetsB .profB .snap1 { z-index: 1; top: 25.3%; width: 15.5em; }
  main section#recContentsSct .cultureB .cContetsB .profB .snap1.wm { top: 22%; } }
main section#recContentsSct .cultureB .cContetsB .profB .snap2 { position: absolute; z-index: 10; right: 0; top: 55.3%; overflow: hidden; border-top-left-radius: .8em; border-bottom-left-radius: .8em; width: 12em; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .cContetsB .profB .snap2 { z-index: 1; top: 58.6%; width: 15.5em; }
  main section#recContentsSct .cultureB .cContetsB .profB .snap2.wm { top: 55.2%; } }
main section#recContentsSct .cultureB .btn-c4 { position: relative; z-index: 10; }
main section#recContentsSct .cultureB .btn-c4 ul { display: flex; flex-wrap: wrap; justify-content: center; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c4 ul { flex-wrap: wrap; } }
main section#recContentsSct .cultureB .btn-c4 ul li { width: 45%; padding: 1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c4 ul li { width: 88.6%; padding: .6em .6em 1.5em; } }
main section#recContentsSct .cultureB .btn-c4 ul li a { position: relative; display: block; overflow: hidden; border-radius: .8em; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2); top: 0; transition: top .1s; height: 11em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c4 ul li a { height: 14em; } }
main section#recContentsSct .cultureB .btn-c4 ul li a:hover { opacity: 1; top: 2px; }
main section#recContentsSct .cultureB .btn-c4 ul li a img { position: relative; width: 100%; object-fit: cover; height: 11em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c4 ul li a img { height: 14em; } }
main section#recContentsSct .cultureB .btn-c4 ul li a .head { position: absolute; left: 5%; bottom: 1.3em; width: 90%; color: #ffffff; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c4 ul li a .head { bottom: 1.5em; width: 88%; } }
main section#recContentsSct .cultureB .btn-c4 ul li a .head::after { content: ""; position: absolute; right: 0; bottom: .2em; width: 1.6em; height: 1.6em; background: url("../img/icn_arrow_lw.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c4 ul li a .head::after { width: 2.4em; height: 2.4em; } }
main section#recContentsSct .cultureB .btn-c4 ul li a .head .en { font-size: 80%; letter-spacing: .02em; line-height: 1.4; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c4 ul li a .head .en { font-size: 105%; margin-bottom: .1em; } }
main section#recContentsSct .cultureB .btn-c4 ul li a .head .jp { font-size: 130%; font-weight: 700; letter-spacing: .08em; line-height: 1.4; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c4 ul li a .head .jp { font-size: 175%; } }
main section#recContentsSct .cultureB .btn-c4 ul li:nth-child(1) a img { object-position: center 23%; }
main section#recContentsSct .cultureB .btn-c4 ul li:nth-child(3) a img { object-position: center 43%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c4 ul li:nth-child(3) a img { object-position: center top; } }
main section#recContentsSct .cultureB .btn-c4 ul li:nth-child(4) a img { object-position: center 75%; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c4 ul li:nth-child(4) a img { width: 120%; object-position: -3em 100%; } }
main section#recContentsSct .cultureB .btn-c3 { position: relative; z-index: 10; }
main section#recContentsSct .cultureB .btn-c3 h3 { display: block; text-align: center; margin-bottom: 1.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c3 h3 { font-size: 145%; } }
main section#recContentsSct .cultureB .btn-c3 h3 .en { display: block; color: #e6002d; letter-spacing: 0; }
main section#recContentsSct .cultureB .btn-c3 h3 .jp { display: block; font-size: 130%; }
main section#recContentsSct .cultureB .btn-c3 ul { display: flex; justify-content: center; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c3 ul { flex-wrap: wrap; margin-bottom: .6em; } }
main section#recContentsSct .cultureB .btn-c3 ul li { width: 32.8%; padding: 1em .4em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c3 ul li { width: 94.6%; padding: .6em; } }
main section#recContentsSct .cultureB .btn-c3 ul li a { position: relative; display: block; overflow: hidden; border-radius: .8em; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2); top: 0; transition: top .1s; height: 15em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c3 ul li a { height: 14em; } }
main section#recContentsSct .cultureB .btn-c3 ul li a:hover { opacity: 1; top: 2px; }
main section#recContentsSct .cultureB .btn-c3 ul li a img { position: relative; width: 100%; object-fit: cover; height: 15em; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c3 ul li a img { height: 14em; }
  main section#recContentsSct .cultureB .btn-c3 ul li a img.car { object-position: center top; }
  main section#recContentsSct .cultureB .btn-c3 ul li a img.ben { width: 112%; object-position: left 76%; } }
main section#recContentsSct .cultureB .btn-c3 ul li a .head { position: absolute; left: 8%; bottom: 1.7em; width: 84%; color: #ffffff; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c3 ul li a .head { bottom: 1.5em; width: 88%; } }
main section#recContentsSct .cultureB .btn-c3 ul li a .head::after { content: ""; position: absolute; right: 0; bottom: .2em; width: 1.4em; height: 1.4em; background: url("../img/icn_arrow_lw.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c3 ul li a .head::after { width: 2.4em; height: 2.4em; } }
main section#recContentsSct .cultureB .btn-c3 ul li a .head .en { font-size: 80%; letter-spacing: .02em; line-height: 1.4; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c3 ul li a .head .en { font-size: 105%; margin-bottom: .1em; } }
main section#recContentsSct .cultureB .btn-c3 ul li a .head .jp { font-size: 130%; font-weight: 700; letter-spacing: .08em; line-height: 1.4; }
@media screen and (max-width: 599px) { main section#recContentsSct .cultureB .btn-c3 ul li a .head .jp { font-size: 175%; } }