@charset "UTF-8";
.font-en { font-family: 'Josefin Sans', sans-serif; }

.font-maru { font-family: 'Zen Maru Gothic', sans-serif; }

.font-num { font-family: 'Roboto', sans-serif; }

/* ==================================================================================================== メインタイトル
==================================================================================================== */
.mainttl-sec .mainttl-heading { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 10.625rem; font-weight: bold; text-align: center; margin-bottom: -0.6em; padding: 0 20px; line-height: 1; }
@media screen and (max-width: 1200px) { .mainttl-sec .mainttl-heading { font-size: 9.375rem; } }
@media screen and (max-width: 750px) { .mainttl-sec .mainttl-heading { font-size: 5rem; } }
.mainttl-sec .mainttl-heading span { margin-right: 0.2em; color: #0d3078; }

/* ==================================================================================================== コンテンツ
==================================================================================================== */
.idx { padding-bottom: 185px; background: url("../img/voice/bg.png") no-repeat right bottom; background-size: contain; }
@media screen and (max-width: 750px) { .idx { padding-bottom: 80px; } }
.idx .voice-top { padding: 90px 0; }
@media screen and (max-width: 750px) { .idx .voice-top { padding: 80px 0; } }
.idx .voice-top .top-txt-01 { margin-bottom: 40px; font-size: 1.375rem; font-weight: bold; color: #0d3078; text-align: center; }
.idx .voice-top .top-txt-02 { font-size: 1.875rem; font-weight: bold; text-align: center; }
@media screen and (max-width: 750px) { .idx .voice-top .top-txt-02 { font-size: 1.75rem; } }
.idx .voice-top .top-txt-02 span { color: #0d3078; }
.idx .voice-list ul { display: flex; flex-wrap: wrap; width: 100%; max-width: 1081px; margin: 0 auto; }
.idx .voice-list ul li { width: 32.7171903882%; margin-right: 0.9242144177%; margin-bottom: 0.9242144177%; }
.idx .voice-list ul li:nth-child(3n) { margin-right: 0; }
.idx .voice-list ul li.voice-list-top { display: flex; align-items: center; justify-content: center; }
.idx .voice-list ul li.voice-list-top img { width: 36.7231638418%; }
@media screen and (max-width: 750px) { .idx .voice-list ul li a p { font-size: 0.625rem; } }

.voice-ttl { position: relative; margin-bottom: 165px; }
@media screen and (max-width: 750px) { .voice-ttl { margin-bottom: 80px; } }
.voice-ttl figure { width: 84.375%; margin: 0 0 0 auto; }
.voice-ttl .voice-ttl-in { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.voice-ttl .inner { height: 100%; }
.voice-ttl .voice-ttl-con { position: relative; }
.voice-ttl .voice-ttl-heading { position: absolute; top: 0; left: 0; margin-top: 7.5%; line-height: 2; }
.voice-ttl .voice-ttl-heading span { padding: 0.2em 0.5em; background-color: #0d3078; font-size: 2.125rem; font-weight: bold; color: #fff; }
@media screen and (max-width: 750px) { .voice-ttl .voice-ttl-heading span { font-size: 1rem; } }
.voice-ttl .voice-ttl-heading .voice-ttl-heading-cate { padding: 0.4em 0.5em; background: linear-gradient(to right, #0075d2, #01aad8); font-size: 1.375rem; }
@media screen and (max-width: 750px) { .voice-ttl .voice-ttl-heading .voice-ttl-heading-cate { font-size: 0.75rem; } }
.voice-ttl .voice-ttl-info { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 580px; padding: 3.125% 3.90625% 3.125% 7.8125%; background-color: #0d3078; color: #fff; margin-bottom: -4.90625%; line-height: 1.6; }
@media screen and (max-width: 1255px) { .voice-ttl .voice-ttl-info { margin-bottom: -11.71875%; padding: 1.5625% 7.8125%; } }
@media screen and (max-width: 960px) { .voice-ttl .voice-ttl-info { position: static; max-width: 100%; padding: 40px; } }
@media screen and (max-width: 750px) { .voice-ttl .voice-ttl-info { padding: 20px 4%; } }
.voice-ttl .voice-ttl-info .voice-ttl-info-txt01 { margin-bottom: 15px; font-size: 1.5625rem; font-weight: bold; }
@media screen and (max-width: 750px) { .voice-ttl .voice-ttl-info .voice-ttl-info-txt01 { margin-bottom: 10px; font-size: 1.125rem; } }
.voice-ttl .voice-ttl-info .voice-ttl-info-txt02 { margin-bottom: 30px; font-size: 1.25rem; font-weight: bold; }
@media screen and (max-width: 750px) { .voice-ttl .voice-ttl-info .voice-ttl-info-txt02 { margin-bottom: 10px; font-size: 1rem; } }
.voice-ttl .voice-ttl-info dl { display: flex; align-items: flex-end; }
.voice-ttl .voice-ttl-info dl dt { font-weight: bold; margin-bottom: 0.5em; }
.voice-ttl .voice-ttl-info dl dd { margin-left: 0.2em; font-size: 3.75rem; font-weight: bold; line-height: 1; }
.voice-ttl .voice-ttl-info .schedule-txt { font-weight: 300; font-size: 0.775rem; }

.lead-sec { margin-bottom: 115px; padding: 0 0 75px; border-bottom: 1px solid #0d3078; font-size: 1.25rem; }

.contents-sec .contents-con { display: flex; align-items: flex-start; padding-bottom: 120px; }
@media screen and (max-width: 750px) { .contents-sec .contents-con { display: block; padding-bottom: 80px; } }
.contents-sec .contents-con.reverse .contents-fig::before { background-color: #f4f5ff; }
.contents-sec .contents-con:last-child { padding-bottom: 0; }
.contents-sec .contents-con .contents-box { width: 50%; padding: 0 40px; line-height: 1.6; }
@media screen and (max-width: 750px) { .contents-sec .contents-con .contents-box { width: 100%; margin-bottom: 40px; padding: 0 4%; } }
.contents-sec .contents-con .contents-box.contents-box_l { width: 56.25%; }
@media screen and (max-width: 750px) { .contents-sec .contents-con .contents-box.contents-box_l { width: 100%; } }
.contents-sec .contents-con .contents-box .con-ttl { margin-bottom: 30px; font-size: 1.125rem; font-weight: bold; }
@media screen and (max-width: 750px) { .contents-sec .contents-con .contents-box .con-ttl { margin-bottom: 20px; } }
.contents-sec .contents-con .contents-box .con-ttl span { margin-right: 0.2em; font-size: 2.5rem; color: #0d3078; line-height: 1; }
.contents-sec .contents-con .contents-box .con-heading { margin-bottom: 40px; font-size: 1.875rem; font-weight: bold; color: #0d3078; }
@media screen and (max-width: 750px) { .contents-sec .contents-con .contents-box .con-heading { margin-bottom: 20px; font-size: 1.375rem; } }
.contents-sec .contents-con .contents-box .con-txt { font-size: 1.125rem; }
.contents-sec .contents-con .contents-fig { position: relative; width: 50%; }
@media screen and (max-width: 750px) { .contents-sec .contents-con .contents-fig { width: 100%; } }
.contents-sec .contents-con .contents-fig::before { content: ''; position: absolute; top: 0; right: 0; width: 93.75%; height: 100%; background-color: #0d3078; transform: skewY(-5deg); }
.contents-sec .contents-con .contents-fig.contents-fig_l { width: 39.0625%; }
@media screen and (max-width: 750px) { .contents-sec .contents-con .contents-fig.contents-fig_l { width: 100%; } }
.contents-sec .contents-con .contents-fig.contents-fig_l figure { width: 94%; }
@media screen and (max-width: 750px) { .contents-sec .contents-con .contents-fig.contents-fig_l figure { width: 100%; } }
.contents-sec .contents-con .contents-fig figure { width: 93.75%; }
@media screen and (max-width: 750px) { .contents-sec .contents-con .contents-fig figure { width: 100%; } }
.contents-sec .contents-con .contents-fig img { position: relative; }

.meet-sec { position: relative; margin-bottom: 80px; color: #fff; }
@media screen and (max-width: 750px) { .meet-sec { margin-top: 40px; } }
.meet-sec::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 15em); background-color: #0d3078; transform: skewY(-6deg) translateY(15em); z-index: -1; }
@media screen and (max-width: 960px) { .meet-sec::before { height: calc(100% - 3em); transform: skewY(-6deg) translateY(8em); } }
@media screen and (max-width: 750px) { .meet-sec::before { height: 100%; transform: skewY(-6deg) translateY(2em); } }
.meet-sec .meet-top { display: flex; flex-direction: row-reverse; align-items: center; }
@media screen and (max-width: 750px) { .meet-sec .meet-top { display: block; margin-bottom: 40px; } }
.meet-sec .meet-top figure { width: 60.9375%; padding-right: 3.125%; }
@media screen and (max-width: 750px) { .meet-sec .meet-top figure { width: 100%; margin-bottom: 40px; padding-right: 0; } }
.meet-sec .meet-top .meet-subheading { flex: 1; position: relative; padding-top: 3em; padding-left: 3.125%; padding-right: 1em; font-size: 2.25rem; font-weight: bold; line-height: 1.3; }
@media screen and (max-width: 750px) { .meet-sec .meet-top .meet-subheading { padding: 0; font-size: 1.5rem; text-align: center; } }
.meet-sec .meet-con { display: flex; justify-content: space-between; align-items: center; }
@media screen and (max-width: 750px) { .meet-sec .meet-con { display: block; } }
.meet-sec .meet-con figure { width: 34.375%; }
@media screen and (max-width: 750px) { .meet-sec .meet-con figure { width: 100%; margin-bottom: 40px; } }
.meet-sec .meet-con .meet-box { width: 60.9375%; padding-right: 3.125%; font-size: 1.125rem; line-height: 1.6; }
@media screen and (max-width: 750px) { .meet-sec .meet-con .meet-box { width: 100%; padding: 0 4%; } }
.meet-sec.reverse { margin-top: 40px; }
@media screen and (max-width: 750px) { .meet-sec.reverse { margin-top: 0; } }
.meet-sec.reverse .meet-top { flex-direction: row; }
.meet-sec.reverse .meet-top figure { padding-left: 3.125%; padding-right: 0; }
@media screen and (max-width: 750px) { .meet-sec.reverse .meet-top figure { padding-left: 0; } }
.meet-sec.reverse .meet-top .meet-subheading { padding-left: 1em; padding-right: 3.125%; text-align: right; }
@media screen and (max-width: 750px) { .meet-sec.reverse .meet-top .meet-subheading { padding: 0; text-align: center; } }
.meet-sec.reverse .meet-con { flex-direction: row-reverse; }
.meet-sec.reverse .meet-con .meet-box { padding-left: 3.125%; padding-right: 0; }
@media screen and (max-width: 750px) { .meet-sec.reverse .meet-con .meet-box { padding: 0 4%; } }
.meet-sec .meet-top2 { position: relative; margin-bottom: 170px; }
@media screen and (max-width: 960px) { .meet-sec .meet-top2 { margin-bottom: 100px; } }
@media screen and (max-width: 750px) { .meet-sec .meet-top2 { margin-bottom: 40px; } }
.meet-sec .meet-top2 .meet-fig-01 { position: absolute; top: 0; right: 0; margin-top: -28.125%; margin-right: 3.125%; }
@media screen and (max-width: 1200px) { .meet-sec .meet-top2 .meet-fig-01 { width: 57.8125%; } }
@media screen and (max-width: 750px) { .meet-sec .meet-top2 .meet-fig-01 { position: static; width: 100%; margin-right: 0; margin-bottom: 40px; } }
.meet-sec .meet-top2 .meet-heading { position: relative; margin-bottom: 50px; font-size: 5rem; }
@media screen and (max-width: 750px) { .meet-sec .meet-top2 .meet-heading { margin-bottom: 20px; font-size: 2.5rem; } }
.meet-sec .meet-top2 .meet-subheading { position: relative; font-size: 2.125rem; font-weight: bold; }
@media screen and (max-width: 750px) { .meet-sec .meet-top2 .meet-subheading { font-size: 1.5rem; } }
.meet-sec .meet-top2 .meet-subheading.meet-subheading_50 { font-size: 3.125rem; }
@media screen and (max-width: 750px) { .meet-sec .meet-top2 .meet-subheading.meet-subheading_50 { font-size: 1.5rem; } }
.meet-sec .meet-con2 { position: relative; }
.meet-sec .meet-con2 .meet-fig-02 { position: absolute; top: 0; left: 0; width: 34.375%; margin-top: -5.078125%; }
@media screen and (max-width: 750px) { .meet-sec .meet-con2 .meet-fig-02 { position: static; width: 100%; margin: 0 0 40px; } }
.meet-sec .meet-con2 .meet-box { width: 61.6666666667%; margin: 0 0 0 auto; font-size: 1.125rem; }
@media screen and (max-width: 750px) { .meet-sec .meet-con2 .meet-box { width: 100%; margin: 0 auto; } }
.meet-sec.reverse2 .meet-top .meet-fig-01 { right: initial; left: 0; margin-right: 0; margin-left: 3.125%; }
.meet-sec.reverse2 .meet-top .meet-subheading { text-align: right; }
.meet-sec.reverse2 .meet-con .meet-fig-02 { left: initial; right: 0; }
.meet-sec.reverse2 .meet-con .meet-box { margin: 0 auto 0 0; }

.message-sec { padding-top: 100px; padding-bottom: 135px; }
@media screen and (max-width: 750px) { .message-sec { padding: 80px 0; } }
.message-sec .message-con { display: flex; }
@media screen and (max-width: 750px) { .message-sec .message-con { display: block; } }
.message-sec .message-box { width: 50%; }
@media screen and (max-width: 750px) { .message-sec .message-box { width: 100%; margin-bottom: 40px; } }
.message-sec .message-box .message-heading { margin-bottom: 40px; padding: 0 40px 40px; font-size: 5rem; color: #0d3078; border-bottom: 1px solid #0d3078; }
@media screen and (max-width: 960px) { .message-sec .message-box .message-heading { margin-bottom: 20px; padding: 0 20px 20px; font-size: 3.125rem; } }
@media screen and (max-width: 750px) { .message-sec .message-box .message-heading { padding: 0 4% 20px; } }
.message-sec .message-box .message-txt { padding: 0 40px; font-size: 1.125rem; line-height: 1.6; }
@media screen and (max-width: 960px) { .message-sec .message-box .message-txt { padding: 0 20px; } }
@media screen and (max-width: 750px) { .message-sec .message-box .message-txt { padding: 0 4%; } }
.message-sec .message-fig { position: relative; width: 50%; }
@media screen and (max-width: 750px) { .message-sec .message-fig { width: 100%; } }
.message-sec .message-fig::before { content: ''; position: absolute; top: 0; right: 0; width: 93.75%; height: 100%; background-color: #f4f5ff; transform: skewY(-5deg); }
.message-sec .message-fig figure { width: 93.75%; }
@media screen and (max-width: 750px) { .message-sec .message-fig figure { width: 100%; } }
.message-sec .message-fig img { position: relative; }

.schedule-sec .schedule-fig { background: linear-gradient(-5deg, #0d3078 0%, #0d3078 86%, #fff 86%, #fff 100%); }
.schedule-sec .schedule-main { margin-top: -200px; padding-top: 110px; padding-bottom: 30px; background: linear-gradient(5deg, #fff 0%, #fff 18%, #f4f5ff 18%, #f4f5ff 100%); }
@media screen and (max-width: 750px) { .schedule-sec .schedule-main { margin-top: -80px; padding-top: 80px; background: linear-gradient(5deg, #fff 0%, #fff 10%, #f4f5ff 10%, #f4f5ff 100%); } }
.schedule-sec .schedule-in { max-width: 1140px; margin: 0 0 0 auto; }
.schedule-sec .schedule-heading { position: relative; max-width: 490px; margin-bottom: 65px; padding: 10px 10px 5px; background-color: #0d3078; font-size: 2.625rem; font-weight: bold; text-align: center; color: #fff; line-height: 1; }
@media screen and (max-width: 750px) { .schedule-sec .schedule-heading { margin-bottom: 40px; font-size: 1.625rem; } }
.schedule-sec .schedule-subheading { margin-bottom: 45px; font-size: 1.125rem; font-weight: bold; color: #0d3078; }
@media screen and (max-width: 750px) { .schedule-sec .schedule-subheading { margin-bottom: 40px; } }
.schedule-sec .schedule-box { display: flex; margin-bottom: 150px; }
@media screen and (max-width: 750px) { .schedule-sec .schedule-box { display: block; margin-bottom: 80px; } }
.schedule-sec .schedule-time { width: 50%; padding-right: 1em; }
@media screen and (max-width: 750px) { .schedule-sec .schedule-time { width: 100%; padding-right: 0; } }
@media screen and (max-width: 750px) { .schedule-sec .schedule-time.schedule-time_last li:first-child { padding-top: 30px; }
  .schedule-sec .schedule-time.schedule-time_last li:first-child::before { margin-top: 2.4em; } }
.schedule-sec .schedule-time.schedule-time_last li:last-child::after { display: none; }
.schedule-sec .schedule-time ul li { position: relative; display: flex; padding-bottom: 30px; }
.schedule-sec .schedule-time ul li:last-child { padding-bottom: 0; }
.schedule-sec .schedule-time ul li::before { content: ''; position: absolute; top: 0; left: 0; width: 10px; height: 10px; margin-top: 0.7em; margin-left: 4px; background-color: #0d3078; border-radius: 50%; }
.schedule-sec .schedule-time ul li::after { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; margin-top: 0.7em; margin-left: 8px; background-color: #0d3078; }
.schedule-sec .schedule-time ul li span { width: 9em; padding-left: 40px; font-size: 1.25rem; color: #0d3078; }
.schedule-sec .schedule-time ul li p { flex: 1; font-size: 1.25rem; }

.voice-nav { padding: 110px 0 150px; }
@media screen and (max-width: 750px) { .voice-nav { padding: 80px 0; } }
.voice-nav .voice-in { width: 100%; max-width: 1275px; margin: 0 auto; padding: 0 10px; }
.voice-nav .nav-heading { margin-bottom: 40px; font-size: 3.75rem; font-weight: bold; text-align: center; }
.voice-nav .nav-heading span { font-size: 4.1875rem; color: #0d3078; }

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