@charset "UTF-8";
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home { width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home { @include sprite-width($icon-home);
}

.icon-email { @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
html, body { height: 100%; }

#main, #header, #footer { font-family: YakuHanJP, "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif; font-size: 12px; line-height: 1.5; min-width: 960px; color: #333; text-align: left; letter-spacing: 0; }

#main a, #header a, #footer a { -webkit-tap-highlight-color: transparent; outline: none; text-decoration: none; color: #999; }
#main a:hover, #header a:hover, #footer a:hover { color: #747474; }

.wrap { width: 960px; margin: 0 auto; }

.wrap_con { width: 920px; margin: 0 auto; }

#header { position: fixed; top: 60px; left: 0; width: 100%; z-index: 9999; background-color: #ebebeb; transition: all 0.3s ease; }
@media screen and (min-width: 732px) { #header { top: 100px; } }
#header .wrap { height: 70px; width: 940px; }
#header .header__title { height: 60px; background-color: #333; transition: transform 0.3s ease, height 0.3s ease; }
#header .header__title h2 { text-align: center; font-size: 20px; font-weight: bold; letter-spacing: 0.14em; line-height: 60px; color: #fff; background-color: #333; }
#header .header__title2 { display: none; min-width: 270px; }
#header .header__title2 h2 { font-size: 18px; line-height: 50px; font-weight: bold; letter-spacing: 0.14em; color: #fff; background-color: #333; }
#header .header__navlist { display: flex; gap: 0px; align-items: center; height: 100%; }
#header .header__item { position: relative; height: 100%; padding: 0 30px; font-size: 16px; line-height: 70px; font-weight: bold; letter-spacing: 0.05em; color: #333; }
#header .header__item > a { color: #333; }
#header .header__item:after { content: ""; width: 1px; height: 24px; position: absolute; transform: translateY(-50%); top: 50%; left: 0px; background-color: #000; }
#header .header__item:first-child { padding-left: 20px; }
#header .header__item:first-child:after { display: none; }
#header .header__item:hover { color: #538fcb; }
#header .header__item:hover > a { color: #538fcb; }
#header .header__item:hover ul { display: block; }
#header .header__smalllist { display: none; position: absolute; top: 70px; left: 0; background-color: #ebebeb; min-width: 100%; z-index: 99999; }
#header .header__smalllist li { height: 40px; padding: 0 30px 0; font-size: 14px; font-weight: bold; line-height: 40px; letter-spacing: 0.1em; border-top: 1px dashed #333; white-space: nowrap; }
#header .header__smalllist li a { color: #333; }
#header .header__smalllist li:hover { background-color: #538fcb; }
#header .header__smalllist li:hover a { color: #fff; }
#header #headNav { display: flex; height: 100%; align-items: center; justify-content: space-between; }
#header #entry_btn a { display: block; width: 140px; height: 36px; font-size: 12px; font-weight: bold; line-height: 36px; letter-spacing: 0.2em; background-color: #f0852f; border: solid 1px #f0852f; color: #fff; border-radius: 5px; text-align: center; transition: background-color 0.3s ease, color 0.3s ease; }
#header #entry_btn a svg { transform: translateY(1px); }
#header #entry_btn a .cls-3 { transition: stroke 0.3s ease; }
#header #entry_btn a:hover { background-color: #fff; color: #f0852f; }
#header #entry_btn a:hover .cls-3 { stroke: #f0852f !important; }
@media screen and (min-width: 732px) { #header.pull-up { top: 70px; } }
#header.pull-close { background-color: #333; }
#header.pull-close .wrap { width: 100%; padding: 0 20px; height: auto; max-width: 1200px; display: flex; flex-wrap: wrap; justify-content: flex-end; }
#header.pull-close .header__title { transform: scaleY(0); height: 0; }
#header.pull-close .header__title2 { display: block; flex: 1; }
#header.pull-close .header__title2 h2 { background-color: transparent; }
#header.pull-close .header__navlist { justify-content: flex-end; flex-wrap: wrap; }
#header.pull-close .header__item { color: #fff; font-size: 12px; line-height: 50px; }
#header.pull-close .header__item > a { color: #fff; }
#header.pull-close .header__item:after { content: ""; width: 1px; height: 18px; position: absolute; transform: translateY(-50%); top: 50%; left: 0px; background-color: #fff; }
#header.pull-close .header__item:hover { color: #538fcb; }
#header.pull-close .header__item:hover > a { color: #538fcb; }
#header.pull-close .header__smalllist { top: 50px; background-color: #333; }
#header.pull-close .header__smalllist li { border-top: 1px dashed #fff; font-size: 12px; }
#header.pull-close .header__smalllist li a { color: #fff; }
#header.pull-close .header__smalllist li:hover { background-color: #538fcb; }
#header.pull-close .header__smalllist li:hover a { color: #333; }
#header.pull-close #headNav { justify-content: flex-end; flex-wrap: wrap; }
#header.pull-close #entry_btn { padding: 9px 0; padding-right: 30px; }
#header.pull-close #entry_btn a { display: block; width: 140px; height: 30px; line-height: 30px; letter-spacing: 0.2em; border-radius: 5px; }

#footer { clear: both; background: #333; color: #fff; padding: 15px 0; }
#footer a:hover { text-decoration: underline; }
#footer #footerTitle { font-size: 13px; font-weight: bold; margin-bottom: 15px; }
#footer #footerNav { font-size: 13px; text-align: left; width: 100%; table-layout: fixed; word-wrap: break-word; margin-bottom: 30px; line-height: 1.8; display: table; width: 100%; }
#footer #footerNav > li { display: table-cell; vertical-align: top; font-size: 13px; color: #fff; font-weight: 700; }
#footer #footerNav > li a { color: #fff; }
#footer #footerNav > li a:hover { color: #ddd; }
#footer #footerNav > li.message { width: 13%; }
#footer #footerNav > li.corporateculture { width: 9%; }
#footer #footerNav > li.story { width: 12%; }
#footer #footerNav > li.staff { width: 17%; }
#footer #footerNav > li.mitaka { width: 17%; }
#footer #footerNav > li.episode { width: 15%; }
#footer #footerNav > li.recruit { width: 11%; }
#footer #footerNav > li.entry { width: 6%; text-align: right; }
#footer #footerNav > li.entry a:after { display: none; }
#footer #footerNav ul { font-size: 12px; color: #999; }
#footer #footerNav ul li { margin-left: 0; margin-top: 8px; }
#footer #footerNav ul li a { color: #999; }
#footer #footerNav ul li a:hover { color: #747474; }
#footer #footerPolicy { float: left; font-size: 11px; color: #999; }
#footer #footerPolicy li { display: inline; }
#footer #copyright { float: right; font-size: 11px; color: #999; }

#top_btn { width: 920px; overflow: hidden; *zoom: 1; margin: 0 auto; padding: 50px 0 10px; }
#top_btn a { display: block; float: right; text-indent: -9999px; background-image: url(../img/sprite.png); background-position: -313px -216px; width: 34px; height: 34px; overflow: hidden; }
#top_btn a:hover { background-image: url(../img/sprite.png); background-position: -279px -216px; width: 34px; height: 34px; }

#main { background-color: #e8e9e7; line-height: 0; }
#main #whiteBack { background: #fff; padding-bottom: 70px; }
#main #pan { padding: 13px 0; }
#main #pan p { font-size: 11px !important; line-height: 1 !important; }
#main #pan p a { color: #528ccb; }
#main h2.pageTitle { padding: 35px 0 33px 50px; }
#main .center { width: 820px; margin: 0 auto; }
#main .leftColumn { float: left; }
#main .rightColumn { float: right; }
#main .clear { clear: both; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* html .clearfix { zoom: 1; }

*:first-child + html .clearfix { zoom: 1; }

.u-margin { height: 190px; }
@media screen and (min-width: 732px) { .u-margin { height: 230px; } }

#main .section:not(.no-border) { border-top: none; }
#main .section:not(.no-padding) { padding: 0; }
#main .section:last-child { padding-bottom: 0; }

#top #slider { width: 100%; height: 400px; overflow: hidden; }
#top #slider .slideAll { width: 960px; margin: 0 auto; height: 400px; position: relative; }
#top #slider .slideAll .slideWrapper { width: 2880px; position: absolute; left: 50%; margin-left: -1440px; }
#top #slider .slideAll .slideWrapper ul { width: 100%; }
#top #slider .slideAll .slideWrapper ul li { width: 960px; background-color: #000; }
#top #slider .slideAll .slideWrapper ul li a { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); opacity: 0.25; -moz-transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1); -o-transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1); transition: opacity 400ms cubic-bezier(0.39, 0.575, 0.565, 1); }
#top #slider .slideAll .slideWrapper ul li.active a { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
#top #slider .bx-controls { position: absolute; top: 0; left: 960px; z-index: 100; width: 960px; height: 0; }
#top #slider .bx-pager { position: absolute; left: 50%; top: 375px; margin-left: -54px; }
#top #slider .bx-pager .bx-pager-item { display: inline-block; }
#top #slider .bx-pager .bx-pager-item a { display: block; height: 14px; width: 14px; text-indent: -9999px; margin: 0 3px 0 3px; background: transparent url("../../img/top_btn_pager.png") center center no-repeat; }
#top #slider .bx-pager .bx-pager-item a.active, #top #slider .bx-pager .bx-pager-item a:hover { background: transparent url("../../img/top_btn_pager_on.png") center center no-repeat; }
#top #slider .bx-pager .bx-pager-item a.active { cursor: default; }
#top #slider .bx-controls-direction .bx-prev, #top #slider .bx-controls-direction .bx-next { display: block; position: absolute; width: 36px; height: 36px; text-indent: -9999em; top: 200px; margin-top: -18px; }
#top #slider .bx-controls-direction .bx-prev.bx-prev, #top #slider .bx-controls-direction .bx-next.bx-prev { background: transparent url("../../img/top_btn_prev.png") left top no-repeat; left: 20px; }
#top #slider .bx-controls-direction .bx-prev.bx-next, #top #slider .bx-controls-direction .bx-next.bx-next { background: transparent url("../../img/top_btn_next.png") left top no-repeat; right: 20px; }
#top #slider .bx-controls-direction .bx-prev:hover, #top #slider .bx-controls-direction .bx-next:hover { background-position: 0 bottom; }
#top #contents { margin-top: 40px; }
#top #contents .top-txtbox { margin-bottom: 0; padding: 0; background-color: #ffffff; line-height: 40px; font-size: 14px; }
#top #contents .top-txtbox .title-txt, #top #contents .top-txtbox .date-txt, #top #contents .top-txtbox .detail-txt { text-align: center; }
#top #contents .top-txtbox .title-txt { margin-bottom: 0; font-size: 16px; }
#top #contents .top-txtbox .date-txt { margin: 15px 0 28px; }
#top #contents .top-txtbox .contact-txt { font-size: 15px; line-height: 1.75; }
#top #contents .top-txtbox .detail-link { margin: 35px 0 30px; text-align: center; }
#top #contents .top-txtbox .detail-link a { color: #4065a2; }
#top #contents .top-txtbox .detail-link a:hover { color: #747474; }
#top #contents .top-txtbox .link { color: #4065a2; }
#top #contents .top-txtbox .link:hover { color: #747474; }
#top #contents .bnList { margin-right: -20px; margin-bottom: -15px; overflow: hidden; *zoom: 1; }
#top #contents .bnList > li { float: left; width: 450px; margin-right: 20px; margin-bottom: 15px; position: relative; }
#top #contents .bnList > li .box { display: block; background-color: #fff; padding: 15px; line-height: 0; }
#top #contents .bnList > li h2 { text-indent: -9999em; height: 23px; width: 100%; margin-bottom: 10px; }
#top #contents .bnList > li.arrow a:after { content: ''; width: 14px; height: 20px; display: block; position: absolute; background: transparent url("../../img/arrow.gif") left top no-repeat; top: 50%; margin-top: -10px; right: 15px; }
#top #contents .bnList > li.arrow a:hover:after { background-position: 0 bottom; }
#top #contents .bnList > li.movie h2 { background: transparent url("../../img/zero_title.gif") left top no-repeat; }
#top #contents .bnList > li.movie figure { height: 198px; width: 420px; display: block; background: transparent url("../../img/zero_img_on.jpg") left top no-repeat; }
#top #contents .bnList > li.movie a:hover figure img { display: none; }
#top #contents .bnList > li.voice h2 { background: transparent url("../../img/voice_title.gif") left top no-repeat; }
#top #contents .bnList > li.voice a figure { display: block; width: 427px; height: 198px; background: transparent url("../../img/voice_img_on.jpg") left top no-repeat; }
#top #contents .bnList > li.voice a:hover img { display: none; }
#top #contents .bnList > li.culture h2 { background: transparent url("../../img/culture_title.gif") left top no-repeat; margin-bottom: 0; }
#top #contents .bnList > li.culture figure { display: inline-block; vertical-align: middle; margin-right: 38px; }
#top #contents .bnList > li.culture p { display: inline-block; vertical-align: middle; width: 157px; height: 47px; text-indent: -9999em; background: transparent url("../../img/culture_txt.gif") left top no-repeat; }
#top #contents .bnList > li.culture a:hover p { background-position: 0 bottom; }
#top #contents .bnList > li.area figure { display: inline-block; vertical-align: middle; margin-right: 21px; }
#top #contents .bnList > li.area p { display: inline-block; vertical-align: middle; width: 81px; height: 40px; text-indent: -9999em; background: transparent url("../../img/area_txt.gif") left top no-repeat; }
#top #contents .bnList > li.area a:hover p { background-position: 0 bottom; }
#top #contents .bnList > li.story h2 { background: transparent url("../../img/episode_title.gif") left top no-repeat; }
#top #contents .bnList > li.story #episodes { width: 420px; height: 135px; overflow: hidden; }
#top #contents .bnList > li.story #episodes li { float: left; }
#top #contents .bnList > li.story .bx-wrapper { position: relative; }
#top #contents .bnList > li.story .bx-wrapper .bx-prev, #top #contents .bnList > li.story .bx-wrapper .bx-next { position: absolute; display: block; width: 30px; height: 30px; top: 50%; margin-top: -15px; text-indent: -9999em; }
#top #contents .bnList > li.story .bx-wrapper .bx-prev.bx-prev, #top #contents .bnList > li.story .bx-wrapper .bx-next.bx-prev { background: transparent url("../../img/episode_prev_btn_on.gif") left top no-repeat; left: 0; }
#top #contents .bnList > li.story .bx-wrapper .bx-prev.bx-prev:after, #top #contents .bnList > li.story .bx-wrapper .bx-next.bx-prev:after { content: ''; background: transparent url("../../img/episode_prev_btn.gif") left top no-repeat; display: block; width: 30px; height: 30px; }
#top #contents .bnList > li.story .bx-wrapper .bx-prev.bx-prev:hover:after, #top #contents .bnList > li.story .bx-wrapper .bx-next.bx-prev:hover:after { background: none; }
#top #contents .bnList > li.story .bx-wrapper .bx-prev.bx-next, #top #contents .bnList > li.story .bx-wrapper .bx-next.bx-next { background: transparent url("../../img/episode_next_btn_on.gif") left top no-repeat; right: 0; }
#top #contents .bnList > li.story .bx-wrapper .bx-prev.bx-next:after, #top #contents .bnList > li.story .bx-wrapper .bx-next.bx-next:after { content: ''; background: transparent url("../../img/episode_next_btn.gif") left top no-repeat; display: block; width: 30px; height: 30px; }
#top #contents .bnList > li.story .bx-wrapper .bx-prev.bx-next:hover:after, #top #contents .bnList > li.story .bx-wrapper .bx-next.bx-next:hover:after { background: none; }
#top #contents .bnList > li.env h2 { background: transparent url("../../img/env_title.gif") left top no-repeat; }
#top #contents .bnList > li.env figure { height: 135px; width: 420px; display: block; background: transparent url("../../img/env_img_on.jpg") left top no-repeat; }
#top #contents .bnList > li.env a:hover figure img { display: none; }
#top #contents .bnList > li.env .bx-wrapper { position: relative; }
#top #contents .bnList > li.env .bx-wrapper .bx-prev, #top #contents .bnList > li.env .bx-wrapper .bx-next { position: absolute; display: block; width: 30px; height: 30px; top: 50%; margin-top: -15px; text-indent: -9999em; }
#top #contents .bnList > li.env .bx-wrapper .bx-prev.bx-prev, #top #contents .bnList > li.env .bx-wrapper .bx-next.bx-prev { background: transparent url("../../img/episode_prev_btn_on.gif") left top no-repeat; left: 0; }
#top #contents .bnList > li.env .bx-wrapper .bx-prev.bx-prev:after, #top #contents .bnList > li.env .bx-wrapper .bx-next.bx-prev:after { content: ''; background: transparent url("../../img/episode_prev_btn.gif") left top no-repeat; display: block; width: 30px; height: 30px; }
#top #contents .bnList > li.env .bx-wrapper .bx-prev.bx-prev:hover:after, #top #contents .bnList > li.env .bx-wrapper .bx-next.bx-prev:hover:after { background: none; }
#top #contents .bnList > li.env .bx-wrapper .bx-prev.bx-next, #top #contents .bnList > li.env .bx-wrapper .bx-next.bx-next { background: transparent url("../../img/episode_next_btn_on.gif") left top no-repeat; right: 0; }
#top #contents .bnList > li.env .bx-wrapper .bx-prev.bx-next:after, #top #contents .bnList > li.env .bx-wrapper .bx-next.bx-next:after { content: ''; background: transparent url("../../img/episode_next_btn.gif") left top no-repeat; display: block; width: 30px; height: 30px; }
#top #contents .bnList > li.env .bx-wrapper .bx-prev.bx-next:hover:after, #top #contents .bnList > li.env .bx-wrapper .bx-next.bx-next:hover:after { background: none; }
#top #contents .bnList > li.message a { padding: 78.5px 15px; }
#top #contents .bnList > li.message h2 { background: transparent url("../../img/message_title.gif") left top no-repeat; height: 41px; width: 90px; display: inline-block; vertical-align: middle; margin-right: 52px; margin-bottom: 0; }
#top #contents .bnList > li.message p { display: inline-block; vertical-align: middle; width: 198px; height: 16px; text-indent: -9999em; background: transparent url("../../img/message_txt.gif") left top no-repeat; }
#top #contents .bnList > li.message a:hover p { background-position: 0 bottom; }
#top #contents .bnList > li.career { float: right; }
#top #contents .bnList > li.career h2 { background: transparent url("../../img/career_title.gif") left top no-repeat; }
#top #contents .bnList > li.career figure { height: 135px; width: 420px; display: block; background: transparent url("../../img/career_img_on.jpg") left top no-repeat; }
#top #contents .bnList > li.career a:hover figure img { display: none; }
#top #contents .bnList > li.career .bx-wrapper { position: relative; }
#top #contents .bnList > li.career .bx-wrapper .bx-prev, #top #contents .bnList > li.career .bx-wrapper .bx-next { position: absolute; display: block; width: 30px; height: 30px; top: 50%; margin-top: -15px; text-indent: -9999em; }
#top #contents .bnList > li.career .bx-wrapper .bx-prev.bx-prev, #top #contents .bnList > li.career .bx-wrapper .bx-next.bx-prev { background: transparent url("../../img/episode_prev_btn_on.gif") left top no-repeat; left: 0; }
#top #contents .bnList > li.career .bx-wrapper .bx-prev.bx-prev:after, #top #contents .bnList > li.career .bx-wrapper .bx-next.bx-prev:after { content: ''; background: transparent url("../../img/episode_prev_btn.gif") left top no-repeat; display: block; width: 30px; height: 30px; }
#top #contents .bnList > li.career .bx-wrapper .bx-prev.bx-prev:hover:after, #top #contents .bnList > li.career .bx-wrapper .bx-next.bx-prev:hover:after { background: none; }
#top #contents .bnList > li.career .bx-wrapper .bx-prev.bx-next, #top #contents .bnList > li.career .bx-wrapper .bx-next.bx-next { background: transparent url("../../img/episode_next_btn_on.gif") left top no-repeat; right: 0; }
#top #contents .bnList > li.career .bx-wrapper .bx-prev.bx-next:after, #top #contents .bnList > li.career .bx-wrapper .bx-next.bx-next:after { content: ''; background: transparent url("../../img/episode_next_btn.gif") left top no-repeat; display: block; width: 30px; height: 30px; }
#top #contents .bnList > li.career .bx-wrapper .bx-prev.bx-next:hover:after, #top #contents .bnList > li.career .bx-wrapper .bx-next.bx-next:hover:after { background: none; }
#top #contents .bnList > li.regist { float: right; }
#top #contents .bnList > li.regist a { padding: 22px 15px; }
#top #contents .bnList > li.regist h2 { background: transparent url("../../img/regist_title.gif") left top no-repeat; height: 38px; width: 189px; margin-right: 50px; display: inline-block; vertical-align: middle; margin-bottom: 0; }
#top #contents .bnList > li.regist p { display: inline-block; vertical-align: middle; width: 100px; height: 35px; text-indent: -9999em; background: transparent url("../../img/regist_txt.gif") left top no-repeat; }
#top #contents .bnList > li.regist a:hover p { background-position: 0 bottom; }
#top #contents .bnList > li.recruit a { padding: 22px 15px; }
#top #contents .bnList > li.recruit h2 { background: transparent url("../../img/recruit_title.gif") left top no-repeat; height: 41px; width: 66px; margin-right: 46px; display: inline-block; vertical-align: middle; margin-bottom: 0; }
#top #contents .bnList > li.recruit p { display: inline-block; vertical-align: middle; width: 238px; height: 16px; text-indent: -9999em; background: transparent url("../../img/recruit_txt.gif") left top no-repeat; }
#top #contents .bnList > li.recruit a:hover p { background-position: 0 bottom; }
#top #contents .entry p { text-indent: -9999em; background: transparent url("../../img/entry_copy.gif") left top no-repeat; width: 445px; height: 18px; display: block; margin: 50px auto 10px; }
#top #contents .entry a { width: 450px; height: 88px; display: block; margin: 0 auto; position: relative; }
#top #top_btn { padding: 20px 0 10px; }

#careerplan #contents h3 { margin: 0; }

#careerplan #contents h4 { margin: 0 0 24px 0; }

#careerplan #contents .section_content { position: relative; }

#careerplan #contents .section_textContent p { font-size: 15px; line-height: 1.7666; color: #473c3d; letter-spacing: 0.01em; text-align: justify; }

#careerplan #contents .section_textContent { padding: 30px 50px 35px; background-color: #faf7f8; box-sizing: content-box; }

#careerplan #contents #section1 { margin: 0 0 53px 0; }

#careerplan #contents #section1 h3 { margin: 26px 0 25px; }

#careerplan #contents #section1 .section_content { display: block; }

#careerplan #contents #section1 .section_textContent { z-index: 5; position: relative; width: 410px; }

#careerplan #contents #section1 .section_imgContent { z-index: 4; position: absolute; right: 0; top: 50px; width: 460px; height: 500px; background-color: #f1f9fc; text-align: right; }

#careerplan #contents #section2 { margin: 0 0 36px 0; }

#careerplan #contents #section2 h3 { margin: 0 0 22px; }

#careerplan #contents #section2 .section_content { height: 545px; }

#careerplan #contents #section2 .section_imgContent { z-index: 4; position: relative; width: 460px; height: 460px; }

#careerplan #contents #section2 .section_textContent { z-index: 5; position: absolute; right: 0; top: 48px; width: 410px; padding-bottom: 32px; background-color: #f9f7f8; }

#careerplan #contents #section3 h3 { margin: 0 0 15px; }

#careerplan #contents #section3 .section_textContent { z-index: 5; position: relative; width: 720px; margin: -40px auto 0; }

#careerplan #contents #section3 .section_textContent h4 { text-align: center; }

#careerplan #contents #section3 .section_imgContent { z-index: 4; position: relative; }

#careerplan #contents #btnArea { text-align: center; margin-top: 10px; }

#careerplan #contents #btnArea { clear: both; position: relative; text-align: center; padding-top: 40px; }

#careerplan #contents #btnArea #backBtn { position: absolute; left: -4px; top: 30px; }

#careerplan #contents #btnArea #nextBtn { position: absolute; right: -4px; top: 30px; }

#careerplan #contents.episode01 #section1 { margin: 0 0 73px 0; }

#careerplan #contents.episode01 #section2 { margin: 0 0 59px 0; }

#careerplan #contents.episode01 #section2 .section_content { height: 940px; }

#careerplan #contents.episode02 #section1 { margin: 0 0 73px 0; }

#careerplan #contents.episode02 #section2 { margin: 0 0 175px 0; }

#careerplan #contents.episode02 #section2 .section_content { height: 940px; }

#careerplan #contents.episode03 #section1 { margin: 0 0 73px 0; }

#careerplan #contents.episode03 #section2 { margin: 0 0 59px 0; }

#careerplan #contents.episode03 #section2 .section_content { height: 740px; }

#corporateculture #contents #section1 { margin-top: 21px; }
#corporateculture #contents #section2 { margin-top: 56px; }
#corporateculture #contents #section3 { margin-top: 56px; }
#corporateculture #contents h3 { margin-bottom: 10px; }
#corporateculture #contents p { font-size: 13px; line-height: 1.7; margin-top: 20px; }
#corporateculture #contents #btnArea { text-align: center; padding-top: 40px; }

#family #contents #topImg { line-height: 0; }
#family #contents #section1 { clear: both; margin-top: 40px; }
#family #contents #section2 { clear: both; margin-top: 45px; }
#family #contents h3 { margin-bottom: 30px; }
#family #contents p { font-size: 13px; line-height: 1.9; }
#family #contents #btnArea { clear: both; position: relative; text-align: center; padding-top: 40px; }
#family #contents #btnArea #backBtn { position: absolute; left: -4px; top: 30px; }
#family #contents #btnArea #nextBtn { position: absolute; right: -4px; top: 30px; }
#family #contents .note { font-size: 11px; }
#family #map { margin-top: 46px; }
#family .right { float: right; margin: 0 0 40px 40px; }
#family .left { float: left; margin: 0 40px 40px 0; }

#message #contents .leftColumn h3 { margin-top: 43px; }
#message #contents .leftColumn p { font-size: 13px; line-height: 220%; margin-top: 30px; width: 500px; }
#message #contents .rightColumn #photo { margin-top: 45px; }
#message #contents .rightColumn #photo li { margin-top: 10px; }
#message #contents .rightColumn #photo li.firstPhoto { margin-top: 0; }
#message #contents #btnArea { text-align: center; padding-top: 40px; }

#movie h2.pageTitle { padding-bottom: 58px; }
#movie #contents .block { width: 700px; margin: 0 auto 0; }
#movie #contents .block h3 { margin-bottom: 35px; }
#movie #contents .block p { font-size: 16px; line-height: 2.6; }
#movie #contents .block p.activeLifeSquare { line-height: 0; margin: 19px 0; }
#movie #contents .block #youtube { margin-top: 35px; height: 394px; width: 700px; display: block; position: relative; }
#movie #contents .block #youtube #player { position: absolute; height: 394px; width: 700px; top: 0; left: 0; z-index: 0; }
#movie #contents .block #youtube a { display: block; position: relative; z-index: 1; }
#movie #contents #btnArea { text-align: center; padding-top: 40px; }

#recruit #contents #section1 { clear: both; margin-top: 43px; }
#recruit #contents #section2 { clear: both; margin-top: 62px; }
#recruit #contents p { font-size: 13px; line-height: 190%; margin-top: 30px; width: 510px; }
#recruit #contents table { font-size: 13px; line-height: 150%; width: 820px; margin: 0 auto; padding: 0; border: 0 none; border-collapse: separate; border-spacing: 2px; }
#recruit #contents table td { padding: 20px; }
#recruit #contents table td.box1 { background: #8D8D8D; width: 155px; font-size: 14px; color: #fff; border: 2px solid #fff; }
#recruit #contents table td.box2 { background: #E8E9E7; width: 600px; border: 2px solid #fff; color: #333; }
#recruit #contents #btnArea { margin-top: 62px; text-align: center; }
#recruit #contents #btnArea #ouboBtn { margin-top: 15px; }
#recruit #contents #btnArea #ouboBtn a { display: inline-block; }

#regist #contents ul, #regist #contents p { font-size: 13px; line-height: 190%; }
#regist #contents p { margin-top: 24.155px; }
#regist #contents .regist_con { width: 820px; margin: 0 auto; padding: 0; }
#regist #contents .wishList { margin-top: 22px; overflow: hidden; }
#regist #contents .wishItems { float: left; height: 156px; margin-left: 10px; }
#regist #contents .wishItems:first-child { margin-left: 0; }
#regist #contents .flow_img, #regist #contents .step_img { margin-top: 30px; }
#regist #contents .noteList { margin-top: 24.155px; }
#regist #contents #btnArea { width: 820px; margin: 0 auto; }
#regist #contents .regibtn { float: left; margin-left: 60px; }
#regist #contents .regibtn:first-child { margin-left: 0; }
#regist #contents .step, #regist #contents .note, #regist #contents #btnArea { margin-top: 64px; }
#regist #contents .noteItem { margin-left: 1em; text-indent: -1em; }

#scenario .section { display: flex; justify-content: space-between; width: 100%; max-width: 741px; margin: 0 auto; }
#scenario .section:nth-of-type(2n) { flex-direction: row-reverse; }
#scenario .text-column { max-width: 430px; }
#scenario .text { font-size: 13px; line-height: 2; margin-top: 25px; }
#scenario .bg-layer { position: relative; z-index: 1; background-color: ffffff; }
#scenario .bg-imgArea { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#scenario .bg-img { position: absolute; left: -90px; z-index: -1; }
#scenario .bg-img--top { top: -62px; }
#scenario .bg-img--bottom { bottom: -78px; }
#scenario .bg-img--block { background-color: #f3f3f3; bottom: 5px; width: calc(100% + 180px); height: calc(100% - 100px); }
#scenario #entryBtn { text-align: center; }
#scenario .mt-34 { margin-top: 34px; }
#scenario .mt-36 { margin-top: 36px; }
#scenario .mt-80 { margin-top: 80px; }
#scenario .mt-106 { margin-top: 106px; }

#senior #contents #section1 { clear: both; margin-top: 43px; }
#senior #contents #section2 { clear: both; margin-top: 62px; }
#senior #contents p { font-size: 13px; line-height: 190%; margin-top: 30px; width: 510px; }
#senior #contents #btnArea { clear: both; position: relative; margin-top: 62px; height: 63px; }
#senior #contents #btnArea #backBtn { position: absolute; left: 0; top: 0; }
#senior #contents #btnArea #nextBtn { position: absolute; right: 0; top: 0; }
#senior #contents #btnArea #entryBtn { text-align: center; padding-top: 10px; }
#senior h2 { background-color: #fff; }
#senior #menuList li { margin-top: 10px; background-color: #fff; height: 200px; position: relative; display: table; width: 100%; }
#senior #menuList li.voice1 { background: #fff url("../../senior/img/ind_img1.jpg") left top no-repeat; }
#senior #menuList li.voice1 .txt { background: transparent url("../../senior/img/ind_tit1.gif") left 1px no-repeat; height: 60px; margin-bottom: 22px; }
#senior #menuList li.voice1 .name { background: transparent url("../../senior/img/ind_name1.png") left top no-repeat; height: 18px; }
#senior #menuList li.voice2 { background: #fff url("../../senior/img/ind_img2.jpg") left top no-repeat; }
#senior #menuList li.voice2 .txt { background: transparent url("../../senior/img/ind_tit2.gif") left 1px no-repeat; height: 85px; margin-bottom: 22px; }
#senior #menuList li.voice2 .name { background: transparent url("../../senior/img/ind_name2.png") left top no-repeat; height: 18px; }
#senior #menuList li.voice3 { background: #fff url("../../senior/img/ind_img3.jpg") left top no-repeat; }
#senior #menuList li.voice3 .txt { background: transparent url("../../senior/img/ind_tit3.gif") left top no-repeat; height: 59px; margin-bottom: 22px; }
#senior #menuList li.voice3 .name { background: transparent url("../../senior/img/ind_name3.png") left top no-repeat; height: 18px; }
#senior #menuList li.voice4 { background: #fff url("../../senior/img/ind_img4.jpg") left top no-repeat; }
#senior #menuList li.voice4 .txt { background: transparent url("../../senior/img/ind_tit4.gif") left top no-repeat; height: 84px; margin-bottom: 28px; }
#senior #menuList li.voice4 .name { background: transparent url("../../senior/img/ind_name4.png") left top no-repeat; height: 18px; }
#senior #menuList li.voice5 { background: #fff url("../../senior/img/ind_img5.jpg") left top no-repeat; }
#senior #menuList li.voice5 .txt { background: transparent url("../../senior/img/ind_tit5.gif") left top no-repeat; height: 59px; margin-bottom: 22px; }
#senior #menuList li.voice5 .name { background: transparent url("../../senior/img/ind_name5.png") left top no-repeat; height: 18px; }
#senior #menuList li.voice6 { background: #fff url("../../senior/img/ind_img6.jpg") left top no-repeat; }
#senior #menuList li.voice6 .txt { background: transparent url("../../senior/img/ind_tit6.gif") left top no-repeat; height: 59px; margin-bottom: 22px; }
#senior #menuList li.voice6 .name { background: transparent url("../../senior/img/ind_name6.png") left top no-repeat; height: 25px; }
#senior #menuList li.voice7 { background: #fff url("../../senior/img/ind_img7.jpg") left top no-repeat; }
#senior #menuList li.voice7 .txt { background: transparent url("../../senior/img/ind_tit7.gif") left top no-repeat; height: 83px; margin-bottom: 28px; }
#senior #menuList li.voice7 .name { background: transparent url("../../senior/img/ind_name7.png") left top no-repeat; height: 18px; }
#senior #menuList li.voice8 { background: #fff url("../../senior/img/ind_img8.jpg") left top no-repeat; }
#senior #menuList li.voice8 .txt { background: transparent url("../../senior/img/ind_tit8.gif") left top no-repeat; height: 84px; margin-bottom: 28px; }
#senior #menuList li.voice8 .name { background: transparent url("../../senior/img/ind_name8.png") left top no-repeat; height: 18px; }
#senior #menuList li a { display: table-cell; vertical-align: middle; width: 100%; height: 200px; position: relative; z-index: 2; padding-left: 365px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#senior #menuList li a p { width: 100%; text-indent: -9999px; }
#senior #menuList li a:after { content: ""; width: 14px; height: 20px; display: block; position: absolute; top: 50%; right: 20px; margin-top: -10px; background: transparent url("../../img/arrow.gif") left top no-repeat; }
#senior #menuList li a:hover:after { background-position: 0 bottom; }
#senior #menuList li a:hover .txt, #senior #menuList li a:hover .name { background-position: 0 bottom; }
#senior #menuList li.voice1 a:hover .name, #senior #menuList li.voice2 a:hover .name, #senior #menuList li.voice3 a:hover .name, #senior #menuList li.voice4 a:hover .name, #senior #menuList li.voice5 a:hover .name, #senior #menuList li.voice6 a:hover .name, #senior #menuList li.voice7 a:hover .name, #senior #menuList li.voice8 a:hover .name { background-position-y: -59px; }
#senior #area { margin-top: 49px; }
#senior #area h2 { margin-bottom: 18px; background-color: transparent; }
#senior #area figure { padding: 20px; background-color: #fff; }
#senior #area + #btnArea { text-align: center; padding-top: 40px; }

#story #contents { line-height: 0; }
#story #contents .leftColumn h3 { margin-top: 43px; }
#story #contents .leftColumn p { font-size: 13px; line-height: 190%; margin-top: 30px; width: 500px; }
#story #contents .rightColumn #photo { margin-top: 45px; }
#story #contents .rightColumn #photo li { margin-top: 0; }
#story #contents #btnArea { clear: both; position: relative; height: 214px; }
#story #contents #btnArea #backBtn { position: absolute; left: 48px; top: 99px; }
#story #contents #btnArea #nextBtn { position: absolute; right: 48px; top: 99px; }
#story #contents #btnArea #entryBtn { text-align: center; padding-top: 170px; }
#story #contents #btnArea #entryBtn a { display: inline-block; }
#story #btmNav { position: absolute; left: 85px; top: 75px; }
#story #btmNav li { float: left; margin-right: 10px; width: 100px; }
#story #btmNav li img { width: 100%; height: auto; }

#gunma1 { font-weight: bold; line-height: 1.4; }
#gunma1 #main #whiteBack { padding-bottom: 0; }
#gunma1 #main #contents { letter-spacing: 0.03em; }
#gunma1 .gunma1-sec1__ttl { text-align: center; margin-top: 30px; }
#gunma1 .gunma1-sec1__msg { font-size: 14px; line-height: 1.6; text-align: center; margin-top: 40px; }
#gunma1 .gunma1-sec1__box { display: flex; gap: 36px; margin-top: 40px; }
#gunma1 .gunma1-sec1__box--img { width: 331px; height: auto; }
#gunma1 .gunma1-sec1__box--txt { padding: 22px 0; flex: 1; }
#gunma1 .gunma1-sec1__box--txt p { font-size: 14px; line-height: calc(24 / 14); }
#gunma1 .gunma1-sec1__partition { width: 100%; display: block; margin-top: 80px; }
#gunma1 .gunma1-sec2__ttl { text-align: center; margin-top: 80px; }
#gunma1 .gunma1-sec2__maphead { display: flex; gap: 36px; justify-content: center; align-items: center; margin-top: 40px; }
#gunma1 .gunma1-sec2__maptxt { display: flex; align-items: center; }
#gunma1 .gunma1-sec2__maptxt:not(:first-child) { margin-top: 18px; }
#gunma1 .gunma1-sec2__maptxt--ttl { text-align: center; width: 62px; padding-left: 0.25em; line-height: 24px; font-size: 14px; color: #00266e; border: 2px solid #00266e; margin-right: 16px; white-space: nowrap; letter-spacing: 0.25em; }
#gunma1 .gunma1-sec2__maptxt--desc { font-size: 14px; line-height: 1.4; color: #333333; white-space: nowrap; }
#gunma1 .gunma1-sec2__maptxt--desc:not(:first-child) { margin-top: 4px; }
#gunma1 .gunma1-sec2__maptxt--desc span, #gunma1 .gunma1-sec2__maptxt--desc small { display: inline-block; vertical-align: middle; }
#gunma1 .gunma1-sec2__maptxt--desc .time { color: #00266e; }
#gunma1 .gunma1-sec2__maptxt--desc .time-val { color: white; width: 35px; height: 35px; font-size: 19px; line-height: 33px; padding-bottom: 2px; letter-spacing: 0.04em; text-align: center; background-color: #00266e; border-radius: 100px; margin-inline: 3px; padding-left: 0.04em; }
#gunma1 .gunma1-sec2__maptxt--desc small { font-size: 12px; color: #898989; }
#gunma1 .gunma1-sec2__map { width: 100%; display: block; margin-top: 28px; }
#gunma1 .gunma1-sec2__map2 { background-color: #f9f9f9; border-radius: 3px; padding: 40px 53px; margin-top: 40px; }
#gunma1 .gunma1-sec2__map2 img { display: block; width: 100%; }
#gunma1 .gunma1-sec2__partition { width: 100%; height: 95px; background-color: #f5f5f5; clip-path: polygon(100% 0, 0% 100%, 100% 100%); margin-top: 30px; }
#gunma1 .gunma1-sec3 { clip-path: polygon(0 95px, 100% 0%, 100% calc(100% - 95px), 0% 100%); background-color: #f5f5f5; padding-top: 95px; padding-bottom: 150px; }
#gunma1 .gunma1-sec3__ttl { text-align: center; }
#gunma1 .gunma1-sec3__txt { margin-top: 40px; font-size: 14px; text-align: center; line-height: calc(23 / 14); }
#gunma1 .gunma1-sec3__voicewrap { margin-top: 30px; }
#gunma1 .gunma1-sec3__voice { padding: 40px; display: flex; gap: 40px; align-items: center; background-color: white; }
#gunma1 .gunma1-sec3__voice:not(:first-child) { margin-top: 20px; }
#gunma1 .gunma1-sec3__voice--img { min-width: 130px; width: 130px; flex: 0; height: 130px; border-radius: 6px; display: block; }
#gunma1 .gunma1-sec3__voice--ttl { font-size: 18px; letter-spacing: 0.05em; line-height: 1; color: #00266e; }
#gunma1 .gunma1-sec3__voice--txt { margin-top: 10px; font-size: 13px; letter-spacing: 0.04em; line-height: calc(19 / 13); color: #333333; text-align: justify; flex: 1; }
#gunma1 .gunma1-sec4 { margin-top: 30px; }
#gunma1 .gunma1-sec4__ttl { text-align: center; }
#gunma1 .gunma1-sec4__txt { margin-top: 40px; font-size: 14px; text-align: center; line-height: calc(23 / 14); }
#gunma1 .gunma1-sec4__blocks { margin-top: 30px; display: grid; gap: 14px; grid-template-columns: repeat(3, 1fr); }
#gunma1 .gunma1-sec4__block { height: 66px; display: flex; align-items: center; justify-content: center; background-color: #e9ecf4; border-radius: 3px; }
#gunma1 .gunma1-sec4__block--txt { font-size: 15px; color: #00266e; letter-spacing: 0.04em; line-height: calc(20 / 15); text-align: center; }
#gunma1 .gunma1-sec4__block--txt small { display: block; color: #898989; font-size: 12px; letter-spacing: 0.03em; margin-top: 2px; }
#gunma1 .gunma1-sec4__model { margin-top: 60px; }
#gunma1 .gunma1-sec4__model--ttl { font-size: 17px; letter-spacing: 0.05em; line-height: 24px; color: white; border-bottom: 3px solid #00266e; }
#gunma1 .gunma1-sec4__model--ttl span { background-color: #00266e; display: inline-block; padding: 3px 18px 0; }
#gunma1 .gunma1-sec4__model--lead { font-size: 15px; letter-spacing: 0.1em; color: #00266e; text-align: center; margin-top: 21px; line-height: 1.4; }
#gunma1 .gunma1-sec4__model--figure { width: 100%; display: block; margin-top: 16px; }
#gunma1 .gunma1-sec4__modelcont { background-color: #f5f5f5; padding: 36px 40px 40px; margin-top: 12px; }
#gunma1 .gunma1-sec4__modelcont p { margin-top: 0; line-height: 1.4; }
#gunma1 .gunma1-sec4__modelcont--flex { display: flex; align-items: center; justify-content: center; }
#gunma1 .gunma1-sec4__modelcont--left { font-size: 18px; letter-spacing: 0.03em; color: #00266e; line-height: calc(26 / 16); margin-right: 15px; transform: translateY(8%); }
#gunma1 .gunma1-sec4__modelcont--num { color: #00266e; margin-right: 18px; }
#gunma1 .gunma1-sec4__modelcont--num span { font-size: 34px; letter-spacing: 0; }
#gunma1 .gunma1-sec4__modelcont--num small { font-size: 16px; letter-spacing: 0.03em; display: inline-block; transform: translateY(-7%); margin-left: 4px; }
#gunma1 .gunma1-sec4__modelcont--desc { font-size: 16px; line-height: 1; display: inline-block; transform: translateY(15%); }
#gunma1 .gunma1-sec4__modelcont--table { margin-top: 32px; padding: 25px 70px; line-height: 1.4; background-color: white; }
#gunma1 .gunma1-sec4__modelcont--table h5 { text-align: center; font-size: 16px; letter-spacing: 0.06em; color: #00266E; position: relative; width: fit-content; margin-inline: auto; }
#gunma1 .gunma1-sec4__modelcont--table h5 .note { font-size: 10px; color: #898989; position: absolute; right: 0; width: max-content; transform: translate(100%, -40%); top: 50%; }
#gunma1 .gunma1-sec4__modelcont--table-cont { margin-top: 20px; }
#gunma1 .gunma1-sec4__modelcont--table-flex { display: flex; align-items: center; justify-content: center; line-height: 14px; gap: 10px; }
#gunma1 .gunma1-sec4__modelcont--table-flex:not(:first-child) { margin-top: 10px; padding-top: 13px; margin-top: 15px; border-top: 1px solid #00266E; }
#gunma1 .gunma1-sec4__modelcont--table-flex .ttl { font-size: 10px; letter-spacing: 0.06em; color: #fff; border-radius: 100px; background-color: #082965; padding: 0 6px; display: inline-block; margin-right: 4px; }
#gunma1 .gunma1-sec4__modelcont--table-flex .value { font-size: 11px; padding-top: 2px; display: inline-block; }
#gunma1 .gunma1-sec4__modelcont--table-flex .value small { font-size: 10px; }
#gunma1 .gunma1-sec4__modelcont2 { margin-top: 12px; display: grid; gap: 14px; grid-template-columns: repeat(3, 1fr); }
#gunma1 .gunma1-sec4__modelcont2--item { height: 115px; display: flex; gap: 8px; flex-direction: column; align-items: center; justify-content: center; background-color: #f5f5f5; font-size: 15px; letter-spacing: 0.04em; line-height: calc(20 / 15); color: #00266e; border-radius: 3px; }
#gunma1 .gunma1-sec4__modelcont2--item span { font-size: 13px; letter-spacing: 0.06em; line-height: calc(17 / 13); color: #333333; }
#gunma1 .gunma1-sec4__modelcont2--item._uniq { background-color: #73819d; color: #fff; }
#gunma1 .gunma1-sec4__modelcont2--item._uniq span { color: #fff; }
#gunma1 .gunma1-sec4__sourcetxt { font-size: 12px; font-weight: 700; color: #8b8b8b; margin-top: 12px; text-align: right; line-height: 1.5; letter-spacing: 0.06em; }
#gunma1 .gunma1-sec5 { margin-top: 30px; clip-path: polygon(0 95px, 100% 0%, 100% 100%, 0% 100%); background-color: #d4d9e0; padding-top: 95px; padding-bottom: 100px; }
#gunma1 .gunma1-sec5__ttl { text-align: center; }
#gunma1 .gunma1-sec5__txt { margin-top: 40px; font-size: 14px; text-align: center; line-height: calc(23 / 14); }
#gunma1 .gunma1-sec5__figure { margin-top: 36px; display: flex; align-items: center; gap: 36px; }
#gunma1 .gunma1-sec5__figure--ttl { background-color: #73819d; border-radius: 100px; font-size: 27px; letter-spacing: 0.03em; line-height: 181px; width: 181px; color: white; text-align: center; }
#gunma1 .gunma1-sec5__figure--charms { display: flex; flex-direction: column; gap: 12px; flex: 1; }
#gunma1 .gunma1-sec5__charm { background-color: white; display: flex; gap: 20px; align-items: center; justify-content: space-between; height: 76px; border-radius: 3px; width: 88%; padding: 0px 23px 0px 40px; }
#gunma1 .gunma1-sec5__charm:nth-child(2) { margin-left: 36px; }
#gunma1 .gunma1-sec5__charm:nth-child(3) { margin-left: 72px; }
#gunma1 .gunma1-sec5__charm--ttl { width: 144px; text-align: center; margin-top: 0; }
#gunma1 .gunma1-sec5__charm--ttl span { font-size: 16px; letter-spacing: 0.04em; color: #00266e; display: inline-block; line-height: 1; padding-bottom: 6px; border-bottom: 2px solid #00266e; }
#gunma1 .gunma1-sec5__charm--txt { flex: 1; margin-top: 0; font-size: 13px; line-height: calc(19 / 13); letter-spacing: 0.02em; }
#gunma1 .gunma1-sec5__charm--txt span { display: block; font-size: 12px; letter-spacing: 0.03em; color: #898989; }
#gunma1 .gunma1-sec5__movie { display: flex; align-items: center; justify-content: center; gap: 40px; margin-top: 80px; transition: 0.3s ease; }
#gunma1 .gunma1-sec5__movie:after { display: none; }
#gunma1 .gunma1-sec5__movie:hover { opacity: 0.7; }
#gunma1 .gunma1-sec5__movie--img { width: 350px; height: auto; border-radius: 10px; }
#gunma1 .gunma1-sec5__movie--txt { padding-right: 66px; position: relative; font-size: 18px; letter-spacing: 0.04em; line-height: calc(30 / 18); color: #333333; text-decoration: underline; }
#gunma1 .gunma1-sec5__movie--txt img { position: absolute; top: 50%; right: 0; width: 26px; height: 26px; transform: translate(0, -13px); }
#gunma1 .gunma1-sec5__otherwrap { margin-top: 80px; }
#gunma1 .gunma1-sec5__otherwrap._2 { margin-top: 40px; }
#gunma1 .gunma1-sec5__otherwrap--ttl { font-size: 17px; letter-spacing: 0.05em; line-height: 24px; color: white; border-bottom: 3px solid #00266e; }
#gunma1 .gunma1-sec5__otherwrap--ttl span { background-color: #00266e; display: inline-block; padding: 3px 18px 0; }
#gunma1 .gunma1-sec5__otherwrap--flex { display: flex; gap: 15px; margin-top: 12px; }
#gunma1 .gunma1-sec5__link { background-color: white; height: 60px; padding: 0 20px 0 13px; border-radius: 3px; display: flex; flex: 1; align-items: center; line-height: calc(20 / 15); position: relative; font-size: 15px; letter-spacing: 0em; color: #00266e !important; transition: 0.3s ease; }
#gunma1 .gunma1-sec5__link:hover { opacity: 0.7; }
#gunma1 .gunma1-sec5__link:after { content: ""; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.121%22%20height%3D%2211.414%22%20viewBox%3D%220%200%207.121%2011.414%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_10%22%20data-name%3D%22%E3%83%91%E3%82%B9%2010%22%20d%3D%22M168.616%2C21.054l5%2C5-5%2C5%22%20transform%3D%22translate(-167.909%20-20.347)%22%20fill%3D%22none%22%20stroke%3D%22%2300266e%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); background-size: contain; width: 7px; height: 11px; position: absolute; top: 50%; right: 12px; transform: translate(0, -50%); }
#gunma1 .gunma1__entryBtn { width: 200px; height: 44px; line-height: 40px; font-size: 15px; letter-spacing: 0.13em; position: relative; margin-inline: auto; display: block; background-color: #f0852f; border: 2px solid #f0852f; color: white; transition: 0.3s ease; text-align: center; border-radius: 5px; font-weight: 700; margin-top: 40px; }
#gunma1 .gunma1__entryBtn._2 { margin-top: 60px; }
#gunma1 .gunma1__entryBtn:hover { color: #f0852f; background-color: white; }
#gunma1 .gunma1__entryBtn .arrow { position: absolute; right: 12px; top: 50%; transform: translate(0, -50%); }

#shibuya1 { font-weight: bold; scroll-padding-top: 120px; line-height: 1.4; }
#shibuya1 h2, #shibuya1 h3, #shibuya1 p { line-height: 1.4; }
#shibuya1 #main #whiteBack { padding-bottom: 0; }
#shibuya1 #main #contents { padding-bottom: 80px; }
#shibuya1 .u-content { padding-left: 50px; padding-right: 50px; }
#shibuya1 .u-scrollpadding-top { padding-top: 200px; margin-top: -200px; }
#shibuya1 .shibuya1__lead { font-size: 15px; letter-spacing: .08em; line-height: calc(26/15); }
#shibuya1 .shibuya1__deco { width: 100%; height: 115px; background-color: #F5F5F5; clip-path: polygon(100% 0, 0% 100%, 100% 100%); }
#shibuya1 .shibuya1__deco._rev { clip-path: polygon(0 0, 0% 100%, 100% 0); }
#shibuya1 .shibuya1-mv { position: relative; }
#shibuya1 .shibuya1-mv__txtbox { position: absolute; width: 325px; top: 50%; right: 62px; transform: translate(0, -50%); font-weight: 700; line-height: 1.5; color: white; }
#shibuya1 .shibuya1-mv__txtbox ._ttl { font-size: 30px; letter-spacing: .08em; line-height: 1.5; }
#shibuya1 .shibuya1-mv__txtbox ._prof { font-size: 15px; letter-spacing: .08em; margin-top: 40px; }
#shibuya1 .shibuya1-mv__txtbox ._prof span { font-size: 20px; display: block; margin-top: 7px; }
#shibuya1 .shibuya1-prof { background-color: #E9ECF4; border-radius: 10px; display: flex; gap: 20px; overflow: hidden; align-items: center; padding-right: 30px; }
#shibuya1 .shibuya1-prof ._pic { width: 250px; }
#shibuya1 .shibuya1-prof__box ._role { color: #00266E; font-size: 12px; letter-spacing: .08em; font-weight: 500; }
#shibuya1 .shibuya1-prof__box ._name { color: #00266E; font-size: 14px; letter-spacing: .08em; margin-top: 2px; }
#shibuya1 .shibuya1-prof__box ._name small { font-size: 14px; }
#shibuya1 .shibuya1-prof__box ._desc { font-size: 12px; letter-spacing: .08em; line-height: calc(20/12); margin-top: 15px; font-weight: 500; }
#shibuya1 .shibuya1-anc__ttl { border-bottom: solid 1px #24488E; }
#shibuya1 .shibuya1-anc__ttl ._txt { font-size: 15px; font-weight: 700; display: block; color: white; background-color: #24488E; border-radius: 10px 10px 0 0; text-align: center; width: 120px; line-height: 28px; padding-top: 2px; }
#shibuya1 .shibuya1-anc__item { border: solid 2px #E9ECF4; border-radius: 6px; line-height: 46px; font-size: 14px; color: #24488E; margin-top: 10px; transition: .3s ease; }
#shibuya1 .shibuya1-anc__item a { display: block; padding: 0 20px; color: #24488E; position: relative; }
#shibuya1 .shibuya1-anc__item a:after { position: absolute; top: 50%; right: 20px; transform: translate(0, -50%); content: ""; display: block; width: 17px; height: 10px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.414%22%20height%3D%2210.121%22%20viewBox%3D%220%200%2017.414%2010.121%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2236%22%20data-name%3D%22%E3%83%91%E3%82%B9%202236%22%20d%3D%22M7586%2C1298l8%2C8%2C8-8%22%20transform%3D%22translate(-7585.292%20-1297.293)%22%20fill%3D%22none%22%20stroke%3D%22%2300266e%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E"); background-size: contain; background-repeat: no-repeat; transition: .3s ease; }
#shibuya1 .shibuya1-anc__item:first-child { margin-top: 20px; }
#shibuya1 .shibuya1-anc__item:hover { background-color: #E9ECF4; }
#shibuya1 .shibuya1-anc__item:hover a:after { top: 60%; }
#shibuya1 .shibuya1-sectemp { padding-top: 30px; padding-bottom: 40px; }
#shibuya1 .shibuya1-sectemp.bg-gray { background-color: #F5F5F5; }
#shibuya1 .shibuya1-sectemp__ttl { font-size: 24px; font-weight: bold; letter-spacing: .08em; line-height: calc(34/24); padding-left: 6px; border-left: 6px solid #00266E; }
#shibuya1 .shibuya1-sectemp__content { display: flex; gap: 30px; margin-top: 30px; }
#shibuya1 .shibuya1-sectemp__content ._img { width: 360px; height: 260px; border-radius: 10px; }
#shibuya1 .shibuya1-sectemp__box { flex: 1; }
#shibuya1 .shibuya1-sectemp__box ._lead { font-weight: 400; font-size: 13px; letter-spacing: .08em; line-height: calc(23/13); text-align: justify; }
#shibuya1 .shibuya1-sectemp__box ._lead a { font-weight: 700; color: #24488E; text-decoration: underline; }
#shibuya1 .shibuya1-sectemp__box ._note { font-weight: 400; text-indent: -1em; padding-left: 1em; font-size: 11px; letter-spacing: .08em; line-height: calc(16/11); }
#shibuya1 .shibuya1-sectemp__box ._note:before { content: "※"; }
#shibuya1 .shibuya1__entryBtn { width: 200px; height: 44px; line-height: 40px; font-size: 15px; letter-spacing: 0.13em; position: relative; margin-inline: auto; display: block; background-color: #f0852f; border: 2px solid #f0852f; color: white; transition: 0.3s ease; text-align: center; border-radius: 5px; font-weight: 700; }
#shibuya1 .shibuya1__entryBtn._2 { margin-top: 60px; }
#shibuya1 .shibuya1__entryBtn:hover { color: #f0852f; background-color: white; }
#shibuya1 .shibuya1__entryBtn .arrow { position: absolute; right: 12px; top: 50%; transform: translate(0, -50%); }
#shibuya1 .shibuya1__entryBtn:after { display: none; }

.u-mt0 { margin-top: 0; }

.u-mt5 { margin-top: 5px; }

.u-mt10 { margin-top: 10px; }

.u-mt15 { margin-top: 15px; }

.u-mt20 { margin-top: 20px; }

.u-mt30 { margin-top: 30px; }

.u-mt40 { margin-top: 40px; }

.u-mt50 { margin-top: 50px; }

.u-mt60 { margin-top: 60px; }

.u-mt70 { margin-top: 70px; }

.u-mt80 { margin-top: 80px; }

.u-mt90 { margin-top: 90px; }

.u-mt100 { margin-top: 100px; }

.u-mt110 { margin-top: 110px; }

.u-mt120 { margin-top: 120px; }

.u-mt140 { margin-top: 140px; }

.u-mt160 { margin-top: 160px; }

.u-mt180 { margin-top: 180px; }

.u-mt200 { margin-top: 200px; }