@charset "UTF-8";

/* -------------------------------------------
	common
		base font size: PC 16px SP 13px
---------------------------------------------- */
#content { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; overflow: hidden; position: relative; }
main ul { list-style: none; }
@media only screen and (max-width: 767px) {
#content { font-size: 81.25%; }
}

/* -------------------------------------------
	shared
---------------------------------------------- */
.site-header.BI .sh-name{ font-size: 175%; line-height: 1.5; margin-top: 0; margin-bottom: 5px; }
.breadcrumb-list.BI { padding-bottom: 8px; }
.breadcrumb-list.BI li { font-size: 75%; }
.breadcrumb-list.BI li a { text-decoration: none; }
.breadcrumb-list.BI li a[aria-current="page"] { font-weight: 700; }
#content .breadcrumb-list { display: none; }
@media only screen and (min-width: 768px) {
.breadcrumb-list.BI li a:hover { text-decoration: underline; }
.breadcrumb-list.BI li a[aria-current="page"]:hover { text-decoration: none; }
}
@media only screen and (max-width: 767px) {
.site-header.BI .sh-name{ font-size: 112.5%; margin-bottom: 0; padding: 17px 20px 5px 20px; }
#content .breadcrumb-list { border-top: 1px solid #d1d1d1; display: flex; flex-wrap: wrap; font-size: 92.3076%; list-style: none; padding: 7px 20px 62px 20px; }
#content .breadcrumb-list li { margin-top: 5px; }
#content .breadcrumb-list li:nth-child(n+2) { position: relative; padding-left: 16px; }
#content .breadcrumb-list li:nth-child(n+2)::before { content: ""; position: absolute; top: 0.5em; left: 5px; display: block; width: 7px; height: 7px; background: url(/shared_resp/v0006/img/arr_breadcrumblist.svg) no-repeat; }
#content .breadcrumb-list li a { color: #222222; }
#content .breadcrumb-list li a[aria-current="page"] { font-weight: 700; }
}

/* -------------------------------------------
	icon_blank
---------------------------------------------- */
.icon_blank { vertical-align: middle; margin: -3px 0 0 5px; width: 13px; height: auto;}
@media only screen and (max-width: 767px) {
.icon_blank { margin: -3px 0 0 3px; width: 10px; height: auto;}
}

/* -------------------------------------------
	view
---------------------------------------------- */
@media (min-width: 768px) {
.sp { display: none; }
}
@media (max-width: 767px) {
.pc { display: none; }
}

/* -------------------------------------------
	pagetop
---------------------------------------------- */
.pagetop { font-size: 0; line-height: 0; position: relative; z-index: 10000; }
.pagetop a { display: none; position: absolute; right: 20px; bottom: 0; }
.pagetop.is-fixed a { position: fixed; }
.pagetop a img { width: 50px; height: 50px; }
@media only screen and (max-width: 767px) {
.pagetop a { right: 15px; }
}

/* -------------------------------------------
	container
---------------------------------------------- */
.container { box-sizing: content-box; text-align: left; position: relative; padding: 0 13px; margin-left: auto; margin-right: auto; max-width: 1414px; }
.container.size-M { max-width: 1200px; }
.container.size-S { max-width: 900px; }
@media only screen and (max-width: 767px) {
.container { padding: 0 20px; margin-left: 0; margin-right: 0; max-width: none; }
.container.size-M { max-width: none; }
.container.size-S { max-width: none; }
}

/* -------------------------------------------
	arr
---------------------------------------------- */
.arr-A { background: url("/business-innovation/shared/img/arw_type_A_r.svg") right center/18px 6px no-repeat; color: #c50a17; display: inline-block; vertical-align: bottom; padding-right: 30px; }
.arr-B { display: block; position: relative; padding-left: 14px; }
.arr-B::before { border-right: 1px solid #222222; border-bottom: 1px solid #222222; content: ""; position: absolute; top: calc(50% - 2px); left: 0px; width: 6px; height: 6px; transform: rotate(-45deg); }
@media only screen and (min-width: 768px) {
.arr-A:hover { text-decoration: underline; }
}
@media only screen and (max-width: 767px) {
.arr-A:hover { text-decoration: none; }
.arr-A { padding-right: 25px; }
.arr-B { padding-left: 10px; }
.arr-B::before { top: calc(50% - 2px); width: 4px; height: 4px; }
}

/* -------------------------------------------
	effect
---------------------------------------------- */
@media only screen {
.ef-inFade { opacity: 0; transition: opacity 1s ease; }
.ef-inFade.is-play { opacity: 1; }
.ef-inTop { opacity: 0; transform: translateY(-50px); transition: opacity 1s ease, transform 1s ease; }
.ef-inTop.is-play { opacity: 1; transform: translateY(0); }
.ef-inBottom { opacity: 0; transform: translateY(50px); transition: opacity 1s ease, transform 1s ease; }
.ef-inBottom.is-play { opacity: 1; transform: translateY(0); }
.ef-inLeft { opacity: 0; transform: translateX(-50px); transition: opacity 1s ease, transform 1s ease; }
.ef-inLeft.is-play { opacity: 1; transform: translateX(0); }
.ef-inRight { opacity: 0; transform: translateX(50px); transition: opacity 1s ease, transform 1s ease; }
.ef-inRight.is-play { opacity: 1; transform: translateX(0); }
}