@charset "UTF-8";

/* -------------------------------------------
	heading
---------------------------------------------- */
.home_heading-A { font-size: 100%; text-align: center; }
.home_heading-A span { font-family: 'Roboto', sans-serif; color: #c50a17; display: block; font-size: 200%; font-weight: 500; letter-spacing: 0.1em; padding-left: 0.1em; }
.home_heading-A small { display: block; font-size: 75%; font-weight: 400; font-feature-settings: "palt"; }
.home_heading-B { font-size: 100%; }
.home_heading-B span { display: block; font-size: 137.5%; font-weight: 700; }
.home_heading-B small { color: #c50a17; display: block; font-size: 87.5%; font-weight: 500; }
@media only screen and (max-width: 767px) {
.home_heading-A span { font-size: 176.923%; }
.home_heading-A small { font-size: 84.6153%; }
.home_heading-B span { font-size: 153.8461%; }
.home_heading-B small { font-size: 100%; }
}

/* -------------------------------------------
	home_hero
---------------------------------------------- */
.home_hero { position: relative; }
.home_hero::before { background: url("/business-innovation/img/bg_hero.jpg") center bottom/cover no-repeat; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.home_hero .container { color: #ffffff; display: flex; justify-content: center; text-align: center; height: 260px; text-shadow: 0 0 10px rgba(0,0,0,0.5); }
.home_hero_heading { display: flex; justify-content: center; font-size: 250%; font-weight: 400; line-height: 1.2; margin: 0 -13px; padding-top: 85px; }
.home_hero_heading > span { display: block; position: relative; padding-bottom: 7px; }
.home_hero_heading > span::after { background-color: #ffffff; content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; }
.home_hero_lead { font-family: 'Noto Serif JP', serif; font-size: 112.5%; font-weight: 300; line-height: 1.8888; margin-top: 20px; }
@media only screen and (max-width: 767px) {
.home_hero::before { display: none; }
.home_hero .container { display: block; height: auto; text-shadow: 0 0 5px rgba(0,0,0,0.5); }
.home_hero_heading { align-items: center; font-size: 200%; overflow: hidden; position: relative; margin: 0 -20px; padding-top: 0; height: 150px; }
.home_hero_heading::before { background: url("/business-innovation/img/bg_hero_sp.jpg") center bottom/cover no-repeat; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.home_hero_heading > span { display: block; position: relative; padding-bottom: 4px; min-height: 0%; }
.home_hero_lead { background-color: #080c24; font-size: 100%; line-height: 1.9615; text-align: center; margin: 0 -20px; padding: 20px; }
}
@media only screen {
.home_hero { opacity: 0; transition: opacity 1s ease; }
.home_hero.is-play { opacity: 1; }
}

/* -------------------------------------------
	home_hls
---------------------------------------------- */
.home_hls { background-color: #ffffff; overflow: hidden; position: relative; padding: 60px 0 70px 0; }
.home_hls::before { background-color: #f0f0f0; content: ""; position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; }
.home_hls .container { z-index: 2; }
.home_hls_lead { font-weight: 700; line-height: 1.75; text-align: center; margin-top: 5px; }
.home_hls_flex { display: flex; justify-content: space-evenly; margin: 45px auto 0 auto; max-width: 1250px; }
.home_hls_cts { width: calc((390 / 1250) * 100%); max-width: 365px; }
.home_hls_cts a { color: #222222; display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.home_hls_cts a:hover { text-decoration: none; }
.home_hls_cts_img { font-size: 0; line-height: 0; margin-bottom: 12px; }
.home_hls_cts_img img { width: 100%; height: auto; }
.home_hls_cts_txt { line-height: 1.5625; margin-top: 5px; }
.home_hls_cts_cell { flex: 1 auto; min-height: 0%; }
.home_hls_cts_link { background-color: #c50a17; border: 1px solid #c50a17; border-radius: 3px; color: #ffffff; font-weight: 700; text-align: center; display: flex; align-items: center; justify-content: center; margin-top: 17px; padding: 13px 15px; min-height: 0%; }
.home_hls_cts_link span { box-sizing: border-box; background: url("/business-innovation/shared/img/arw_type_A_w.svg") right center/18px 6px no-repeat; display: block; padding: 0 20px; width: 100%; }
@media only screen and (min-width: 768px) {
.home_hls_cts a .home_hls_cts_link { transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease; }
.home_hls_cts a:hover .home_hls_cts_link { background-color: #ffffff; border: 1px solid #d1d1d1; color: #c50a17; }
.home_hls_cts a .home_hls_cts_link span { transition: background 0.3s ease; }
.home_hls_cts a:hover .home_hls_cts_link span { background: url("/business-innovation/shared/img/arw_type_A_r.svg") right center/18px 6px no-repeat; }
.home_hls_cts a .home_hls_cts_img img { transition: opacity 0.3s ease; }
.home_hls_cts a:hover .home_hls_cts_img img { opacity: 0.7; }
.home_hls_cts:nth-of-type(2) { transition-delay: 0.2s; }
.home_hls_cts:nth-of-type(3) { transition-delay: 0.4s; }
}
@media only screen and (max-width: 767px) {
.home_hls { padding: 40px 0; }
.home_hls_lead { line-height: 1.4615; margin-top: 8px; }
.home_hls_flex { display: block; margin: 25px 0 0 0; }
.home_hls_cts { width: auto; max-width: none; }
.home_hls_cts + .home_hls_cts,
.home_hls_flex:nth-of-type(2) .home_hls_cts:nth-of-type(1) { border-top: 1px solid #d1d1d1; margin-top: 25px; padding-top: 25px; }
.home_hls_cts a { display: block; height: auto; }
.home_hls_cts_txt { line-height: 1.4615;  }
.home_hls_cts_cell { flex: initial; }
.home_hls_cts_link { margin-top: 15px; padding: 10px 10px; }
.home_hls_cts_link span { padding: 0 21px; }
}
@media only screen {
.home_hls::before { opacity: 0; transition: opacity 1s ease; }
#content.is-play .home_hls::before { opacity: 1; }
}

/* -------------------------------------------
	home_fixbg
---------------------------------------------- */
.home_fixbg { background: url("/business-innovation/img/bg_fixed.jpg") center bottom/cover no-repeat; background-attachment: fixed; height: 180px; }
@media only screen and (max-width: 767px) {
.home_fixbg { background: url("/business-innovation/img/bg_fixed_sp.jpg") center center/cover no-repeat;  background-attachment: inherit; height: 130px; }
}
@media only screen {
.home_fixbg { opacity: 0; transition: opacity 1s ease; }
#content.is-play .home_fixbg { opacity: 1; }
}

/* -------------------------------------------
	home_news
---------------------------------------------- */
.home_news { background-color: #ffffff; position: relative; padding: 60px 0 120px 0; }
.home_news::before { background-color: #f6f6f6; content: ""; position: absolute; top: 0px; right: 0px; width: 50%; height: 100%; }
.home_news .container { z-index: 2; }
.home_news_list { list-style: none; margin-top: 10px; }
.home_news_list li + li { border-top: 1px solid #d1d1d1; }
.home_news_list li a,
.home_news_list li div { color: #222222; display: inline-flex; padding: 15px 0; }
.home_news_list li a:hover { text-decoration: none; }
.home_news_list li span:nth-of-type(1) { display: block; width: 9em; }
.home_news_list li span:nth-of-type(2) { display: block; flex: 1 auto; }
.home_news_link { margin-top: 30px; }
@media only screen and (min-width: 768px) {
.home_news_list li a:hover span:nth-of-type(2) { text-decoration: underline; }
}
@media only screen and (max-width: 767px) {
.home_news { padding: 40px 0 80px 0; }
.home_news_list { margin-top: 10px; }
.home_news_list li + li { border-top: 1px solid #d1d1d1; }
.home_news_list li a,
.home_news_list li div { display: block; line-height: 1.4615; padding: 12px 0; }
.home_news_list li span:nth-of-type(1) { width: auto; }
.home_news_list li span:nth-of-type(2) { flex: initial; margin-top: 3px; }
.home_news_link { margin-top: 8px; }
}
@media only screen {
.home_news::before { opacity: 0; transition: opacity 1s ease; }
#content.is-play .home_news::before { opacity: 1; }
}

/* -------------------------------------------
	home_xcenter
---------------------------------------------- */
.home_xcenter { background: url("/business-innovation/img/bg_xcenter.png") center center no-repeat; border-top: 1px solid #e8e8e8; }
.home_xcenter a { color: #222222; display: block; }
.home_xcenter a:hover { text-decoration: none; }
.home_xcenter .container { display: flex; align-items: center; justify-content: flex-end; height: 199px; }
.home_xcenter_heading { font-size: 0; line-height: 0; margin-right: 5%; width: 26.3333%; }
.home_xcenter_heading img { width: 100%; height: auto; }
.home_xcenter_inner { flex: 1; font-feature-settings: "palt"; }
.home_xcenter_txt { font-weight: 700; line-height: 1.8125; }
.home_xcenter_link { margin-top: 10px; }
.home_xcenter_link .arr-A:hover { text-decoration: none; }
@media only screen and (min-width: 768px) {
.home_xcenter a { transition: background-color 0.3s ease; }
.home_xcenter a:hover { background-color: rgba(197,10,23,0.1); }
}
@media only screen and (max-width: 767px) {
.home_xcenter { background: url("/business-innovation/img/bg_xcenter_sp.png") center center/cover no-repeat; }
.home_xcenter .container { display: block; padding: 25px 20px 35px 20px; height: auto; }
.home_xcenter_heading { text-align: center; margin-right: 0; width: auto; }
.home_xcenter_heading img { width: 211px; }
.home_xcenter_inner { flex: initial; padding-top: 15px; }
.home_xcenter_txt { line-height: 1.5; }
.home_xcenter_link { margin-top: 15px; }
}

/* -------------------------------------------
	home_contact
---------------------------------------------- */
.home_contact { background: url("/business-innovation/img/bg_contact.jpg") center center/cover no-repeat; padding: 130px 0 110px 0; }
.home_contact .home_heading-A span { color: #ffffff; }
.home_contact_link { margin-top: 50px; }
.home_contact_link a { background-color: #ffffff; border-radius: 3px; color: #222222; font-weight: 700; text-align: center; display: flex; align-items: center; justify-content: center; height: 60px; }
.home_contact_link a:hover { text-decoration: none; }
@media only screen and (min-width: 768px) {
.home_contact_link a { transition: background-color 0.3s ease, color 0.3s ease; }
.home_contact_link a:hover { background-color: #c50a17; color: #ffffff; }
}
@media only screen and (max-width: 767px) {
.home_contact { background: url("/business-innovation/img/bg_contact.jpg") center center/cover no-repeat; padding: 60px 0 65px 0; }
.home_contact_link { margin-top: 20px; }
.home_contact_link a { line-height: 1.4615; }
}