@charset "UTF-8";

.simple-header202212 {display: none;}

#hsj h1,#hsj h2,#hsj h3,#hsj p,#hsj figure,#hsj ul,#hsj ol {margin: 0;padding: 0;}
#hsj img {margin: 0;padding: 0;vertical-align: bottom;}

/* コンテンツエリア */
#hsj {width: 100%;margin: 0;padding: 0;}
#hsj .contents_area {width: 100%;margin: 0;padding: 0;text-align: center;background-color: #FFF;}
#hsj .contents_area .inner {width: 90%;max-width: 1400px;margin: 0px auto;padding: 100px 0;text-align: left;}
#hsj h2 {font-size: 80px;line-height: 1.1;margin: 0 0 100px 0;padding: 0;color: #222;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.01em;text-align: left;font-weight: normal !important;position: relative;}
#hsj h2 strong {margin-right: 28px;display: inline-block;}
#hsj h2 span {font-size: 22px;/*margin-left: 32px;*/color: #888;font-family: 'HondaGlobalFontJP-SBold', sans-serif !important;letter-spacing: 0.03em;display: inline-block;}
#hsj h2::after {content: "";display: block;width: 40px;height: 6px;background-color: #C00;position: absolute;bottom: -50px;left: 0;}
#hsj h3 {font-size: 28px;line-height: 1.5;margin: 0 0 25px 0;padding: 0;color: #222;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.01em;text-align: left;font-weight: normal !important;position: relative;}
#hsj p {font-size: 16px;line-height: 2.0;margin: 0;padding: 0;color: #222;text-align: left;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.03em;font-weight: normal !important;}
#hsj p.caution {font-size: 14px;line-height: 1.6;margin-top: 8px;}
#hsj hgroup p {font-size: 18px;line-height: 2.1;/*font-family: 'HondaGlobalFontJP-SBold', sans-serif !important;*/}
#hsj .mb8 {margin-bottom: 8px;}
#hsj .mb16 {margin-bottom: 16px;}
#hsj .mb24 {margin-bottom: 24px;}
#hsj .mb32 {margin-bottom: 32px;}
#hsj .mb40 {margin-bottom: 40px;}
#hsj .mb80 {margin-bottom: 80px;}

#hsj .innerBox {width: 100%;margin: 80px 0 0 0;padding: 0;}


/* 詳しくはボタン */
#hsj .contents_area .inner hgroup .link {width: 280px;background-color: #C00;box-sizing: border-box;margin: 48px 0 0 0;padding: 16px 28px;position: relative;opacity: 1.0;transition: 0.3s;}
#hsj .contents_area .inner hgroup .link p {color: #FFF;}
#hsj .contents_area .inner hgroup .link::after {content: "";display: inline-block;width: 12px;height: 20px;background-image: url("../images/arrowLink.png");background-size: contain;background-repeat: no-repeat;position: absolute;top: 50%;right: 24px;transform: translateY(-50%) translateX(0%);}
#hsj .contents_area .inner hgroup .link a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#hsj .contents_area .inner hgroup .link:hover {opacity: 0.7;transition: 0.3s;}


/* main */
#hsj #main.contents_area {position: relative;}
#hsj #main.contents_area .inner h2 {width: 100%;font-size: 60px;margin: 0;padding: 0;color: #FFF;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);text-align: center;text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4), 0px 0px 8px rgba(0, 0, 0, 0.4);}
#hsj #main.contents_area .inner h2::after {display: none;}
#hsj #main.contents_area .inner {width: 100%;max-width: 100%;margin: 0;padding: 0;text-align: center;}

/* section01 */
#hsj #sec01.contents_area {background-color: #cc0000;}
#hsj #sec01.contents_area .inner {text-align: center;}
#hsj #sec01.contents_area .inner h3 {font-size: 40px;line-height: 1.5;margin: 0 0 60px 0;padding: 0;color: #FFF;font-family: 'HondaGlobalFontJP-SBold', sans-serif !important;text-align: center;letter-spacing: 0.08em;}
#hsj #sec01.contents_area .inner h3 span {letter-spacing: -0.15em;padding-right: 10px;}
#hsj #sec01.contents_area .inner p {font-size: 20px;line-height: 2.2;color: #FFF;text-align: center;}


/* section02 */
#hsj #sec02.contents_area {background-color: #f0f0f0;}
#hsj #sec02.contents_area .inner .innerBox {}
#hsj #sec02.contents_area .inner h2 {/*margin-bottom: 75px;*/}
#hsj #sec02.contents_area .inner .innerBox ul {width: 100%;margin: 0;padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between;}
#hsj #sec02.contents_area .inner .innerBox ul li {width: 48%;margin: 0;padding: 0;list-style: none;/*border-top: dotted 1px #999;border-bottom: dotted 1px #999;*/}
#hsj #sec02.contents_area .inner .innerBox ul li:last-child {/*border-bottom: none;*/}
#hsj #sec02.contents_area .inner .innerBox ul li p {/*padding: 25px 0;*/padding: 0px 50px 0px 0;display: inline-block;position: relative;line-height: 1.7;}
#hsj #sec02.contents_area .inner .innerBox ul li p span {/*width: 150px;display: inline-block;*/display: block;font-family: 'HondaGlobalFontJP-SBold', sans-serif !important;margin-bottom: 8px;}
#hsj #sec02.contents_area .inner .innerBox ul li p::after {content: "";display: inline-block;width: 10px;height: 16px;background-image: url("../images/arrowLink_r.png");background-size: contain;background-repeat: no-repeat;position: absolute;top: 50%;right: 0px;transform: translateY(-50%) translateX(0%);}
#hsj #sec02.contents_area .inner .innerBox ul li p a{color: #222;text-decoration: none;opacity: 1.0;transition: 0.5s;}
#hsj #sec02.contents_area .inner .innerBox ul li p a:hover{opacity: 0.5;transition: 0.5s;}




/* section03 */
#hsj #sec03.contents_area {}
#hsj #sec03.contents_area {overflow-x: hidden;}
#hsj #sec03.contents_area .inner {padding: 100px 0 0 0;}
#hsj #sec03.contents_area .innerBox {padding-bottom: 120px;}
#hsj #sec03.contents_area .image-gallery {max-width: 100%;width: 1960px;margin: 0 auto;padding: 0;}
#hsj #sec03.contents_area .image-gallery ul.gall {width: 100%;display: flex;flex-flow: row wrap;align-items: flex-end;gap: 40px;}
#hsj #sec03.contents_area .image-gallery ul.gall li {margin: 0;padding: 0;}
/*#hsj #sec03.contents_area .image-gallery ul.gall li:nth-child(1) {width: 60%;}*/
#hsj #sec03.contents_area .image-gallery ul.gall li:nth-child(1) {width: 57%;box-sizing: border-box;box-shadow: 24px 24px 0px -12px #C00;position: relative;top: -12px;}
#hsj #sec03.contents_area .image-gallery ul.gall li:nth-child(2) {width: 530px;}
#hsj #sec03.contents_area .image-gallery .main-image {position: relative;width: 100%;/*overflow: hidden;*/}
#hsj #sec03.contents_area .image-gallery .main-image > img {display: block;width: 100%;height: auto;}
/* サムネイル */
.thumbnail-list {display: flex;flex-flow: row wrap;justify-content: space-between;gap: 10px;}
.thumbnail {position: relative;max-width: 260px;max-height: 260px;width: 100vw;height: 100vw;/*width: calc((100% - 30px) / 4);*/padding: 0;border: none;background: none;cursor: pointer;overflow: hidden;}
.thumbnail > img {width: 100%;height: 100%;object-fit: cover;object-position: left top;display: block;}
/* 通常のサムネイルだけhover */
.thumbnail > img:not(.fade-image) {transition: opacity 0.3s ease;opacity: 1.0;}
.thumbnail:hover > img:not(.fade-image) {transition: opacity 0.3s ease;opacity: 1.0;/*opacity: 0.75;*/}
/* クロスフェード用画像 */
.fade-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0;pointer-events: none;transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1);}
/* 新しい画像を完全表示 */
.fade-image.show {opacity: 1 !important;}
	
.thumbnail-list button::after {content: "";display: block;width: 100%;height: 100%;background-color: #000;position: absolute;top: 0;left: 0px;opacity: 0.6;}
.thumbnail-list button:hover::after {opacity: 0;transition: opacity 0.3s ease;}

/* 追加画像 */
.sub-image {width: 64vw;max-width: 1200px;position: absolute;top: -130px;left: 45vw;z-index: 5;}
/* 通常の追加画像 */
.sub-image > #subImage {display: block;width: 64vw;max-width: 1200px;height: auto;}
/* クロスフェード用の追加画像 */
.sub-fade-image {position: absolute;top: 0;left: 0;width: 64vw;max-width: 1200px;height: auto;opacity: 0;transform: translateX(20px);pointer-events: none;transition:opacity 0.9s cubic-bezier(0.4, 0, 0.2, 1),transform 0.9s cubic-bezier(0.4, 0, 0.2, 1);}
.sub-fade-image.show {opacity: 1;transform: translateX(0);}

.sub-image img {width: 100%;}
.sub-image a {opacity: 1.0;transition: opacity 0.3s ease;}
.sub-image a:hover {opacity: 1.0;transition: opacity 0.3s ease;}

@media screen and (max-width: 1960px) {
#hsj #sec03.contents_area .image-gallery ul.gall li:nth-child(2) {width: 27.0vw;}
.thumbnail-list {gap: 0.4vw;}
.thumbnail {width: 13.3vw;height: 13.3vw;}
}
@media screen and (max-width: 1600px) {
.sub-image {width: 74vw;top: -10vw;left: 40vw;}
}
@media screen and (max-width: 1280px) {
.sub-image {width: 80vw;top: -12vw;left: 38vw;}
}
@media screen and (max-width: 1080px) {
.sub-image {width: 88vw;top: -14vw;left: 30vw;}
}



/* section04 */
#hsj #sec04.contents_area {/*background-color: #f0f0f0;*/background-color: transparent;position: relative;}
#hsj #sec04.contents_area .bg-slider {width: 100vw;height: 100%;background-position:bottom center;background-size: cover;background-repeat: no-repeat;display: flex;align-items: center;justify-content: center;}

/* section05 */
#hsj #sec05.contents_area {}
#hsj #sec05.contents_area .inner {padding: 100px 0 0 0;}
/*
#hsj #sec05.contents_area .inner .innerBox ul {width: 100%;margin: 0;padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between;gap: 48px 0px;}
#hsj #sec05.contents_area .inner .innerBox ul li {width: 48%;margin: 0;padding: 0;list-style: none;}
#hsj #sec05.contents_area .inner .innerBox ul li p {margin-top: 24px;}
#hsj #sec05.contents_area .inner .innerBox ul li p strong {font-size: 20px;line-height: 1.1;color: #C00;margin: 0 0 16px 0;font-family: 'HondaGlobalFontJP-SBold', sans-serif !important;display: block;}
*/
#hsj #sec05.contents_area .innerBox ul {width: 100%;margin: 0;padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between;gap: 0px 0px;}
#hsj #sec05.contents_area .innerBox ul li {width: 25%;margin: 0;padding: 0;list-style: none;}

/* section06 */
#hsj #sec06.contents_area {background-color: #f0f0f0;}
#hsj #sec06.contents_area .inner {padding: 100px 0 0 0;}
#hsj #sec06.contents_area .innerBox ul {width: 100%;margin: 0;padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between;gap: 0px 0px;}
#hsj #sec06.contents_area .innerBox ul li {width: 25%;margin: 0;padding: 0;list-style: none;}


/* section07 */
#hsj #sec07.contents_area {}
#hsj #sec07.contents_area .inner .innerBox {}
/*
#hsj #sec07.contents_area .inner .innerBox ul {width: 100%;margin: 0;padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between;gap: 48px 0px;}
#hsj #sec07.contents_area .inner .innerBox ul li {width: 31%;margin: 0;padding: 0;list-style: none;}
#hsj #sec07.contents_area .inner .innerBox ul li p {margin-top: 24px;}
#hsj #sec07.contents_area .inner .innerBox ul li p strong {font-size: 20px;line-height: 1.1;color: #C00;margin: 0 0 16px 0;font-family: 'HondaGlobalFontJP-SBold', sans-serif !important;display: block;}
*/
#hsj #sec07.contents_area .inner {padding: 100px 0 0 0;}
#hsj #sec07.contents_area .innerBox ul {width: 100%;margin: 0;padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between;gap: 0px 0px;}
#hsj #sec07.contents_area .innerBox ul li {width: 25%;margin: 0;padding: 0;list-style: none;}

/* section08 */
#hsj #sec08.contents_area {background-color: #f0f0f0;}
#hsj #sec08.contents_area .innerBox {}
#hsj #sec08.contents_area .innerBox p {position: relative;}
#hsj #sec08.contents_area .innerBox .question {width: 100%;background-color: #222;box-sizing: border-box;padding: 16px 32px;margin: 32px auto 0px auto;position: relative;cursor: pointer;border-radius: 8px;}
#hsj #sec08.contents_area .innerBox .question p{font-size: 20px;line-height: 1.4;color: #FFF;}
#hsj #sec08.contents_area .innerBox .question .icon {width: 30px;height: 30px;position: absolute;top: 50%;right: 35px;transform: translateY(-50%);}
#hsj #sec08.contents_area .innerBox .answer_box{display: none;}
#hsj #sec08.contents_area .innerBox .answer_box .answer{width: 100%;display: flex;flex-flow: row wrap;box-sizing: border-box;padding: 32px;margin: 2px auto 0px auto;}
#hsj #sec08.contents_area .innerBox .answer_box p{text-indent: -1.7em;padding-left: 1.7em;}
#hsj #sec08.contents_area .innerBox .answer_box p span.heading{font-size: 20px;}
/* プラスの横棒 */
#hsj #sec08.contents_area .innerBox .question .icon::before,#hsj #sec08.contents_area .innerBox .question .icon::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #FFF;transition: transform 0.3s ease;}
/* 横棒 */
#hsj #sec08.contents_area .innerBox .question .icon::before {width: 30px;height: 4px;}
/* 縦棒 */
#hsj #sec08.contents_area .innerBox .question .icon::after {width: 4px;height: 30px;}
/* 閉じた状態（縦棒を90度回転） */
#hsj #sec08.contents_area .innerBox .question.selected .icon::after {transform: translate(-50%, -50%) rotate(90deg);}

#hsj #sec08.contents_area .innerBox .answer_box p a {color: #dc5656;font-family: 'HondaGlobalFontJP-SBold', sans-serif !important;text-decoration: underline;}
#hsj #sec08.contents_area .innerBox .answer_box p a:hover {text-decoration: none;}

/* section09 */
#hsj #sec09.contents_area {background-color: #cc0000;}
#hsj #sec09.contents_area h2 {color: #FFF;}
#hsj #sec09.contents_area h2 span {color: #f1cbcb;}
#hsj #sec09.contents_area h2::after {background-color: #FFF;}
#hsj #sec09.contents_area p {color: #FFF;}
#hsj #sec09.contents_area .innerBox {width: 100%;}
#hsj #sec09.contents_area .innerBox ul {width: 100%;margin: 0;padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between;gap: 0px 0px;}
#hsj #sec09.contents_area .innerBox ul li {width: 49.6%;margin: 0;padding: 0;background-color: #a30000;position: relative;transition: 0.7s;}
#hsj #sec09.contents_area .innerBox ul li:nth-child(1) {border-radius: 16px 0 0 16px;}
#hsj #sec09.contents_area .innerBox ul li:nth-child(2) {border-radius: 0 16px 16px 0;}
#hsj #sec09.contents_area .innerBox ul li p {font-size: 22px;line-height: 2.0;margin: 0;padding: 70px 8%;color: #FFF;text-align: left;font-family: 'HondaGlobalFontJP-SBold', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.03em;font-weight: normal !important;box-sizing: border-box;}
#hsj #sec09.contents_area .innerBox ul li::after {content: '';display: inline-block;width: 22px;height: 22px;background-image: url("../../assets/images/arrowLink_blank_w.svg");background-size: contain;vertical-align: middle;position: absolute;top: 50%;right: 8%;transform: translate(0%, -50%);background-repeat: no-repeat;}
#hsj #sec09.contents_area .innerBox ul li a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#hsj #sec09.contents_area .innerBox ul li:hover {background-color: #660000;transition: 0.7s;}
#hsj #sec09.contents_area .innerBox ul li.full {width: 100%;margin-top: 40px;background-color: transparent;}
#hsj #sec09.contents_area .innerBox ul li.full p a {color: #FFF;text-decoration: underline;position: relative;}
#hsj #sec09.contents_area .innerBox ul li.full p a:hover {text-decoration: none;}
#hsj #sec09.contents_area .innerBox ul li.full p {font-size: 14px;line-height: 2;padding: 0;}
#hsj #sec09.contents_area .innerBox ul li.full::after {display: none;}
/* section10 */
footer #sec10.contents_area {background-color: #222;}
footer #sec10.contents_area p {font-size: 18px;line-height: 1.7;margin: 0;padding: 0;color: #FFF;text-align: left;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.03em;font-weight: normal !important;}
footer #sec10.contents_area ul.overview {width: 90%;max-width: 1400px;margin: 0px auto;padding: 100px 0;display: flex;flex-flow: row wrap;justify-content: space-between;gap: 0px 0px;}
footer #sec10.contents_area ul.overview li {width: 49%;margin: 0;padding: 0;position: relative;}
footer #sec10.contents_area ul.overview li ul {width: 100%;margin: 0;padding: 0;position: relative;}
footer #sec10.contents_area ul.overview li ul li {width: 100%;margin: 0;padding: 10px 0;position: relative;}
footer #sec10.contents_area ul.overview li ul li p {padding-left: 100px;box-sizing: border-box;position: relative;}
footer #sec10.contents_area ul.overview li ul li p span {position: absolute;top: 0;left: 0;}

footer #sec10.contents_area ul.overview li.full {width: 100%;margin-top: 40px;}
footer #sec10.contents_area ul.overview li.full p a {color: #FFF;text-decoration: underline;}
footer #sec10.contents_area ul.overview li.full p a:hover {text-decoration: none;}
footer #sec10.contents_area ul.overview li.full p {font-size: 14px;line-height: 2;}


.main-visual {position: sticky !important;top: 0;width: 100%;height: 70vh;max-height: 800px;overflow: hidden;z-index: 1;}
/* 背景画像 */
.main-visual__image {position: absolute;top: -10%;left: 0;width: 100%;height: 120%;background-image: url("../../assets/images/main.webp");background-size: cover;background-position: top;z-index: 1;will-change: transform;}
/* 暗くするオーバーレイ */
.main-visual__overlay {position: absolute;inset: 0;background: #000;opacity: 0;z-index: 12;pointer-events: none;will-change: opacity;}


@media screen and (max-width: 1400px) {
.main-visual {height: 52vh;}
#hsj #main.contents_area .inner h2 {font-size: 4vw;}
}

@media screen and (max-width: 1280px) {
/* コンテンツエリア */
#hsj .contents_area .inner {padding: 80px 0;}
#hsj h2 {margin: 0 0 80px 0;}
#hsj h2::after {width: 40px;height: 6px;bottom: -40px;}
}

@media screen and (max-width: 1080px) {
.main-visual {height: 40vh;}
#hsj #main.contents_area .inner h2 {font-size: 4.4vw;}
#hsj #sec01.contents_area .inner h3 {font-size: 4.0vw;}
#hsj #sec01.contents_area .inner p {font-size: 1.8vw;}
#hsj h2 {font-size: 7.2vw;}
#hsj h2 span {font-size: 2.0vw;}
#hsj #sec06.contents_area h2 span.#hsj #sec07.contents_area h2 span {position: relative;top: -2vw;}
/*#hsj h2::after {bottom: -25px;}*/
#hsj h3 {font-size: 2.7vw;}
#hsj p {font-size: 1.6vw;}
#hsj p.caution {font-size: 1.4vw;}
#hsj hgroup p {font-size: 1.6vw;}
#hsj h2 strong {margin-right: 2vw;}
	
#hsj #sec02.contents_area .inner .innerBox ul li {width: 47%;}
#hsj #sec02.contents_area .inner .innerBox ul li p {padding: 0px 40px 0px 0;}
	
	
#hsj #sec05.contents_area .innerBox ul li {width: 50%;}
#hsj #sec06.contents_area .innerBox ul li {width: 50%;}
#hsj #sec07.contents_area .innerBox ul li {width: 50%;}
#hsj #sec08.contents_area .innerBox .question .icon::before {width: 24px;height: 3px;}
#hsj #sec08.contents_area .innerBox .question .icon::after {width: 3px;height: 24px;}
#hsj #sec09.contents_area .innerBox ul li p {font-size: 2.0vw;padding: 6vw 4vw;}
#hsj #sec09.contents_area .innerBox ul li::after {width: 2.0vw;height: 2.0vw;}
footer #sec10.contents_area ul.overview li {width: 100%;}

}

@media screen and (max-width: 834px) {
#hsj #sec02.contents_area .inner .innerBox ul li {width: 100%;border-bottom: dotted 1px #999;}
#hsj #sec02.contents_area .inner .innerBox ul li:last-child {border-bottom: none;}
#hsj #sec02.contents_area .inner .innerBox ul li p {padding: 5vw 12vw 5vw 0;/*line-height: 2.0;*/}
#hsj #sec02.contents_area .inner .innerBox ul li p span {margin-bottom: 5px;}
#hsj #sec02.contents_area .inner .innerBox ul li p a:hover{opacity: 1.0;}
#hsj #sec04.contents_area .inner {padding:80px 0 80vw 0;}
/* section10 */
footer #sec10.contents_area p {font-size: 3.4vw;}
footer #sec10.contents_area ul.overview {padding: 11vw 0;}
footer #sec10.contents_area ul.overview li {width: 100%;}
footer #sec10.contents_area ul.overview li ul li p {padding-left: 20vw;}
}

@media screen and (max-width: 512px) {
	
#hsj .mb8 {margin-bottom: 0.8vw;}
#hsj .mb16 {margin-bottom: 1.6vw;}
#hsj .mb24 {margin-bottom: 2.4vw;}
#hsj .mb32 {margin-bottom: 3.2vw;}
#hsj .mb40 {margin-bottom: 4vw;}
#hsj .mb80 {margin-bottom: 8vw;}

#hsj .contents_area .inner {padding: 12vw 0;}
#hsj h2 {font-size: 8vw;margin-bottom: 16vw;}
#hsj h2 strong {margin-right: 4vw;}
#hsj h2 span {font-size: 3.6vw;}
#hsj h2::after {width: 40px;height: 6px;bottom: -8vw;}
#hsj h3 {font-size: 4.4vw;margin: 0 0 25px 0;}
#hsj p {font-size: 3.4vw;}
#hsj p.caution {font-size: 2.8vw;}
#hsj hgroup p {font-size: 3.4vw;}

#hsj .innerBox {margin: 12vw 0 0 0;}
#hsj #main.contents_area .inner h2 {font-size: 5.6vw;}
.main-visual {height: 26vh;}
	
/* 詳しくはボタン */
#hsj .contents_area .inner hgroup .link {width: 44vw;margin: 8vw 0 0 0;padding: 5vw;}
#hsj .contents_area .inner hgroup .link::after {width: 10px;height: 18px;right: 5vw;}
#hsj .contents_area .inner hgroup .link:hover {opacity: 1.0;}
	


/* section01 */
#hsj #sec01.contents_area .inner h3 {font-size: 5vw;margin: 0 0 6vw 0;}
#hsj #sec01.contents_area .inner p {font-size: 3.4vw;text-align:left;}
	
/* section02 */
#hsj #sec02.contents_area .inner h2 {margin-bottom: 8vw;}

/* section03 */
#hsj #sec03.contents_area .inner {padding: 8vw 0 0 0;}
#hsj #sec03.contents_area .innerBox {padding-bottom: 8vw;}
#hsj #sec03.contents_area .image-gallery ul.gall {gap: 0px;}
/*#hsj #sec03.contents_area .image-gallery ul.gall li:nth-child(1) {width: 95%;}*/
#hsj #sec03.contents_area .image-gallery ul.gall li:nth-child(1) {width: 95%;box-sizing: border-box;box-shadow: 0px 0px 0px 0px #C00;position: relative;top: 0px;}

#hsj #sec03.contents_area .image-gallery ul.gall li:nth-child(2) {width: 90%;margin: 60vw auto 0 auto;}
	
/* サムネイル */
.thumbnail-list {gap: 0px;}
.thumbnail {max-width: 21vw;max-height: 21vw;width: 21vw;height: 21vw;}
/* 追加画像 */
.sub-image {width: 100%;top: auto;left: auto;bottom: -55vw;right: -5%;}
/* 通常の追加画像 */
.sub-image > #subImage {display: block;width: 100%;}
/* クロスフェード用の追加画像 */
.sub-fade-image {width: 100%;transform: translateX(0px);transform: translateY(-10px);}

	
/* section04 */

	
/* section05 */
#hsj #sec05.contents_area .inner {padding: 12vw 0 0 0;}
#hsj #sec05.contents_area .innerBox ul li {width: 50%;}
	
/* section06 */
#hsj #sec06.contents_area .inner {padding: 12vw 0 0 0;}
#hsj #sec06.contents_area .innerBox ul li {width: 50%;}
	
/* section07 */
#hsj #sec07.contents_area .inner {padding: 12vw 0 0 0;}
#hsj #sec07.contents_area .innerBox ul li {width: 50%;}
	
/* section08 */
#hsj #sec08.contents_area .innerBox .question {padding: 5vw 20vw 5vw 5vw;margin: 5vw auto 0px auto;}
#hsj #sec08.contents_area .innerBox .question p{font-size: 3.6vw;line-height: 1.6;text-indent: -1.4em;padding-left: 1.4em;}
#hsj #sec08.contents_area .innerBox .question .icon {width: 5vw;height: 5vw;pright: 4vw;}
#hsj #sec08.contents_area .innerBox .answer_box .answer{padding: 5vw;}
#hsj #sec08.contents_area .innerBox .answer_box p {text-indent: -1.6em;padding-left: 1.6em;}
#hsj #sec08.contents_area .innerBox .answer_box p span.heading{font-size: 4vw;}
#hsj #sec08.contents_area .innerBox .question .icon::before {width: 5vw;height: 3px;}
#hsj #sec08.contents_area .innerBox .question .icon::after {width: 3px;height: 5vw;}
	
/* section09 */
#hsj #sec09.contents_area .innerBox ul {gap: 4vw 0px;}
#hsj #sec09.contents_area .innerBox ul li {width: 100%;}
#hsj #sec09.contents_area .innerBox ul li:nth-child(1) {border-radius: 16px;}
#hsj #sec09.contents_area .innerBox ul li:nth-child(2) {border-radius: 16px;}
#hsj #sec09.contents_area .innerBox ul li p {font-size: 3.8vw;padding: 10vw 8%;}
#hsj #sec09.contents_area .innerBox ul li::after {width: 3.8vw;height: 3.8vw;right: 8%;}
#hsj #sec09.contents_area .innerBox ul li a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#hsj #sec09.contents_area .innerBox ul li:hover {background-color: #a30000;}
	
.main-visual__image {position: absolute;top: -10%;left: 0;width: 100%;height: 120%;background-image: url("../../assets/images/main_sp.webp");background-size: cover;background-position: top;z-index: 1;will-change: transform;}
}