@charset "shift_jis";
/* Global Reset (html5doctor.com)
 * - Author: Richard Clark - http://richclarkdesign.com
------------------------------------------------------ */
/*----- for HTML5 -----*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

@font-face {
	font-family: 'Noto Sans CJK JP';
	font-style: normal;
	font-weight: 400;
	src:url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
			url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
			url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}

/* Custom Reset
------------------------------------------------------ */
/*----- for HTML5 -----*/
main { display: block; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
h1, h2, h3, h4, h5, h6 ,small { font-weight: normal; }
ul, ol { list-style: none; }
strong { font-weight: bold; }
em { font-style: normal; }
address { font-style: normal; }
hr, legend { display: none; }
time { display: block; }
sub, sup{ position: relative; font-size: 10px; font-size: 1rem; line-height: 1; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { max-width: 100%; height: auto; vertical-align: top; }
/* Base Style
------------------------------------------------------ */
/*----- for HTML5 -----*/
/* page */
html {
	overflow-y: scroll;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
}
body {
	color: #222222;
	font-size: 14px;
	font-size: 1.4rem;
	font-size: 1.4em; /* for Chrome */
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	word-wrap: break-word;
}
body * {
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			 -o-box-sizing: border-box;
					box-sizing: border-box;
}
/* link */
a:link    { color: #003399; text-decoration: underline; }
a:visited { color: #003399; text-decoration: underline; }

/* link */
a:link    { color: inherit; text-decoration: underline; }
a:visited { color: inherit; text-decoration: underline; }
@media screen and (min-width: 751px), print {
a:hover .opBnr { opacity: 0.7; background: #ffffff; }
a:hover   { color: inherit; text-decoration: none; }
a:active  { color: inherit; text-decoration: none; }
}
/*content wrap*/
body{
	font-family: 'Helvetica', 'Arial', 'Noto Sans CJK JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #070203;
}
#mainContainer{
	margin-top: 80px;
	overflow-x: hidden;
}
#mainContent{
	width: 1040px;
	margin: 0 auto;
	padding: 0 40px;
}
@media print, screen and (min-width: 751px){
/*--------------------------------
	 * header
	--------------------------------*/
	#header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0;
		border: none;
		z-index: 30;
	}
	#header .headerInner {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		position: relative;
		width: 1140px;
		height: 80px;
		margin: 0 auto;
		padding: 0 10px;
	}
	#header .headerLogo {
		height: 15px;
		z-index: 9999;
	}
	#header .headerLogo img {
		height: 15px;
	}
	#header .headerLogo img + img {
		height: 16px;
		margin-left: 15px;
	}
	#header .headerMenu {
		position: relative;
		height: 18px;
		overflow: hidden;
		font-size: 1.2rem;
		text-decoration: none;
		z-index: 9999;
	}
	#header .headerMenu > div {
		transition: transform 1s cubic-bezier(0.85, 0.01, 0.4, 1);
	}
	#header.is-open .headerMenu > div {
		transform: translate3d(0, -50%, 0);
	}
	#header .headerMenu > div .menuOpen,
	#header .headerMenu > div .menuClose {
		display: block;
	}
	#header .headerMenuPanel {
		position: absolute;
		top: 0;
		left: 50%;
		width: 1920px;
		height: 100vh;
		transform: translateX(-50%);
		pointer-events: none;
	}
	#header.is-open .headerMenuPanel {
		pointer-events: auto;
	}
	#header .headerMenuPanelInner {
		position: relative;
		width: 1140px;
		height: 100%;
		margin: 0 auto;
		padding: 80px 10px 20px;
		z-index: 5000;
	}
	#header .headerMenuPanelBg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		transform-origin: top;
		transform: scaleY(0);
		transition: transform 1s cubic-bezier(0.85, 0.01, 0.4, 1);
		will-change: transform;
		background-color: #fff;
		z-index: 4000;
	}
	#header.is-open .headerMenuPanelBg {
		transform-origin: bottom;
		transform: scaleY(1);
	}
	#header .headerMenuNumList {
		width: fit-content;
		margin-top: 100px;
	}
	#header .headerMenuNumList > li + li {
		margin-top: 20px;
	}
	#header .headerMenuNumList > li > a {
		display: block;
		position: relative;
		height: 46px;
		padding: 0 70px 0 80px;
		overflow: hidden;
		font-size: 3.8rem;
		line-height: 1.2;
		text-decoration: none;
	}
	#header .headerMenuNumList > li > a::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background:#070203;
		transition: all .3s;
		transform: scale(0, 1);
		transform-origin: center top;
	}
	#header .headerMenuNumList > li > a:hover::after {
		transform: scale(1, 1);
	}
	#header .headerMenuNumList > li > a > .headerMenuNumListTextWrap {
		transform: translate3d(0, calc(50% + calc(46px * 1.046)), 0);
		transition: transform 1s cubic-bezier(0.85, 0.01, 0.4, 1);
	}
	#header.is-open .headerMenuNumList > li > a > .headerMenuNumListTextWrap {
		transform: translate3d(0, 0, 0);
		transition: transform 1s cubic-bezier(0.31, 0, 0.05, 0.93);
		transition-delay: 0.4s;
	}
	#header .headerMenuNumList > li > a > .headerMenuNumListTextWrap > .headerMenuNumListText {
		display: block;
		position: relative;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	#header .headerMenuNumList > li > a > .headerMenuNumListTextWrap > .headerMenuNumListText::before {
		content: '';
		position: absolute;
		top: 50%;
		right: -70px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background: url("/designcard/heralbony/img-files/index_ic01.png") no-repeat;
	}
	#header .headerMenuNumList > li > a .mark {
		position: absolute;
		top: 5px;
		left: -90px;
		font-size: 2.1rem;
	}
	#header .headerMenuList {
		width: fit-content;
		margin-top: 80px;
	}
	#header .headerMenuList > li + li {
		margin-top: 15px;
	}
	#header .headerMenuList > li > a {
		display: block;
		position: relative;
		padding-right: 70px;
		padding-bottom: 5px;
		overflow: hidden;
		font-size: 2rem;
		line-height: 1.2;
		text-decoration: none;
	}
	#header .headerMenuList > li > a::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background:#070203;
		transition: all .3s;
		transform: scale(0, 1);
		transform-origin: center top;
	}
	#header .headerMenuList > li > a:hover::after {
		transform: scale(1, 1);
	}
	#header .headerMenuList > li > a > .headerMenuListTextWrap {
		transform: translate3d(0, calc(50% + calc(46px * 1.046)), 0);
		transition: transform 1s cubic-bezier(0.85, 0.01, 0.4, 1);
	}
	#header.is-open .headerMenuList > li > a > .headerMenuListTextWrap {
		transform: translate3d(0, 0, 0);
		transition: transform 1s cubic-bezier(0.31, 0, 0.05, 0.93);
		transition-delay: 0.4s;
	}
	#header .headerMenuList > li > a > .headerMenuListTextWrap > .headerMenuListText {
		display: block;
		position: relative;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	#header .headerMenuList > li > a > .headerMenuListTextWrap > .headerMenuListText::before {
		content: '';
		position: absolute;
		top: 50%;
		right: -70px;
		width: 18px;
		height: 18px;
		margin-top: -9px;
		background: url("/designcard/heralbony/img-files/index_ic01.png") no-repeat 0 0 / cover;
	}
	/*--------------------------------
	 * footer
	--------------------------------*/
	#footer {
		margin-top: 20px;
		border-top: none;
		padding: 20px 0;
		text-align: center;
	}
	#footer .copyright {
		font-size: 1.1rem;
	}
	/*--------------------------------
	 * mainVisual
	--------------------------------*/
	.heral-mainVisual {
		position: relative;
	}
	.heral-mainVisual .heral-mainTextWrap::before {
		content: '';
		position: absolute;
		width: 568px;
		height: 1009px;
		top: -100px;
		right: -379px;
		margin: auto;
		background-color: #fff;
		mix-blend-mode: difference;
		z-index: 20;
	}
	.heral-mainVisual .heral-mainTextWrap::after {
		content: '';
		position: absolute;
		width: 568px;
		height: 1009px;
		top: -100px;
		left: -372px;
		background-color: #fff;
		mix-blend-mode: difference;
		z-index: 20;
	}
	.heral-mainVisual .heral-mainTextWrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 953px;
		height: 646px;
		margin-top: 100px;
		z-index: 10;
	}
	.heral-mainVisual .heral-mainTextWrap .heral-mainText {
		text-align: center;
	}
	.heral-movie {
		display: block;
		width: 568px;
		height: 1009px;
		margin: 0 auto;
	}
	/*--------------------------------
	 * module
	--------------------------------*/
	/* heading */
	.heral-heading02 {
		margin-top: 60px;
		font-size: 1.6rem;
	}
	/* text */
	.heral-text01 {
		margin-top: 60px;
		font-size: 2.4rem;
	}
	.heral-text02 {
		margin-top: 15px;
		font-size: 1.2rem;
	}
	.heral-text03 {
		margin-top: 20px;
		font-size: 1.2rem;
	}
	.heral-boxText {
		width: 650px;
		margin: 70px 160px 0 auto;
		padding: 3px 10px;
		border: 1px solid #000;
		text-align: center;
		font-size: 1.3rem;
	}
	/* heral-box */
	.heral-box {
		width: 650px;
		margin: 40px 160px 0 auto;
	}
	.heral-box >:first-child {
		margin-top: 0 !important;
	}
	.heral-borderBox {
		margin-top: 10px;
		padding: 10px;
		border: 1px solid #000;
	}
	.heral-borderBox >:first-child {
		margin-top: 0 !important;
	}
	.heral-borderBox .heral-borderBoxText {
		margin-top: 7px;
		font-size: 1.2rem;
	}
	/* list */
	.heral-list {
		margin-top: 15px;
	}
	.heral-list > li {
		position: relative;
		padding-left: 12px;
		font-size: 1.2rem;
	}
	.heral-list > li + li {
		margin-top: 7px;
	}
	.heral-list > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.heral-noteList {
		margin-top: 15px;
	}
	.heral-noteList > li {
		position: relative;
		padding-left: 12px;
		font-size: 1.2rem;
	}
	.heral-noteList > li + li {
		margin-top: 7px;
	}
	.heral-noteList > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.heral-linkList {
		width: fit-content;
		margin-top: 70px;
		margin-left: auto;
	}
	.heral-linkList > li + li {
		margin-top: 7px;
	}
	.heral-linkList > li > a {
		display: block;
		height: 19.5px;
		overflow: hidden;
		font-size: 1.3rem;
		text-decoration: none;
	}
	.heral-linkList > li > a > .heral-linkListText {
		display: block;
		position: relative;
		min-width: 130px;
		padding-right: 30px;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	.heral-linkList > li > a > .heral-linkListText::before {
		content: '';
		position: absolute;
		bottom: 4px;
		right: 0;
		width: 12px;
		height: 12px;
		background: url(/designcard/heralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
	}
	.heral-linkList > li > a > .heral-linkListText:nth-child(2) {
		transform-origin: 50% 50%;
		transform: translate3d(0, 0, 0) rotateX(-90deg);
	}
	.heral-linkList > li > a:hover > .heral-linkListText:first-child {
		transform: translate3d(0, -50%, 0) rotateX(-90deg);
	}
	.heral-linkList > li > a:hover > .heral-linkListText:nth-child(2) {
		transform: translate3d(0, -100%, 0);
	}
	.heral-ancNavList {
		display: flex;
		justify-content: space-between;
		margin-top: 100px;
		margin-bottom: 115px;
	}
	.heral-ancNavList > li > a {
		display: block;
		position: relative;
		height: 19.5px;
		overflow: hidden;
		font-size: 1.3rem;
		text-decoration: none;
	}
	.heral-ancNavList > li > a::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background:#070203;
		transition: all .3s;
		transform: scale(0, 1);
		transform-origin: center top;
	}
	.heral-ancNavList > li > a:hover::after {
		transform: scale(1, 1);
	}
	.heral-ancNavList > li > a > .heral-ancNavListTextWrap {
		transform: translate3d(0, 0, 0);
		transition: transform 1s cubic-bezier(0.31, 0, 0.05, 0.93);
		transition-delay: 0.4s;
	}
	.heral-ancNavList > li > a > .heral-ancNavListTextWrap > .heral-ancNavListText {
		display: block;
		position: relative;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	/* production */
	.heral-productionApplyWrap {
		margin-top: 70px;
	}
	.heral-productionApplyWrap >:first-child {
		margin-top: 0;
	}
	.heral-productionApplyWrap .slick-list {
		overflow: visible;
	}
	.heral-productionApplyWrap .slick-next {
		right: 272px;
		width: 16px;
		height: 30px;
		margin-top: -90px;
		background: url("/designcard/heralbony/img-files/index_ic02.png") no-repeat 0 0 / cover;
	}
	.heral-productionApplyWrap .slick-prev {
		left: 272px;
		width: 16px;
		height: 30px;
		margin-top: -105px;
		background: url("/designcard/heralbony/img-files/index_ic02.png") no-repeat 0 0 / cover;
		transform: rotate(180deg);
	}
	.heral-productionApplyWrap .slick-dots li {
		margin: 0 12.5px;
	}
	.heral-productionApplyWrap .slick-dots li button:before {
		width: 10px;
		height: 10px;
		background-color: #fff;
		border: 1px solid #000;
	}
	.heral-productionApplyWrap .slick-dots li.slick-active button:before {
		background-color: #000;
	}
	.heral-productionApplyWrap .slick-counter {
		text-align: center;
		font-size: 3rem;
	}
	.heral-productionApply {
		width: 300px;
		margin: 0 50px;
	}
	.heral-productionApply .heral-productionApplyBody {
		display: flex;
		margin-top: 30px;
	}
	.heral-productionApply .heral-productionApplyNum {
		width: 60px;
		margin-right: 60px;
		font-size: 1.2rem;
	}
	.heral-productionApply .heral-productionApplyTitle {
		font-size: 1.6rem;
	}
	.heral-productionApply .heral-productionApplySub {
		margin-top: 8px;
		font-size: 1.2rem;
	}
	.heral-productionApply .heral-productionApplyButton {
		margin-top: 15px;
	}
	.heral-productionApply .heral-productionApplyButton a {
		display: block;
		width: fit-content;
		height: 18px;
		overflow: hidden;
		font-size: 1.2rem;
		text-decoration: none;
	}
	.heral-productionApply .heral-productionApplyButton a .heralbony-applyBtnTextWrap {
		transform: translate3d(0, 0, 0);
		transition: transform 1s cubic-bezier(0.31, 0, 0.05, 0.93);
		transition-delay: 0.4s;
	}
	.heral-productionApply .heral-productionApplyButton a .heralbony-applyBtnTextWrap .heralbony-applyBtnText {
		display: block;
		position: relative;
		width: fit-content;
		min-width: 100px;
		padding-right: 13px;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	.heral-productionApply .heral-productionApplyButton a:hover .heralbony-applyBtnTextWrap .heralbony-applyBtnText:first-child {
		transform: translate3d(0, -50%, 0) rotateX(-90deg);
	}
	.heral-productionApply .heral-productionApplyButton a:hover .heralbony-applyBtnTextWrap .heralbony-applyBtnText:nth-child(2) {
		transform: translate3d(0, -100%, 0);
	}
	.heral-productionApply .heral-productionApplyButton a .heralbony-applyBtnTextWrap .heralbony-applyBtnText::before {
		content: '';
		position: absolute;
		top: 3px;
		right: 0;
		width: 13px;
		height: 13px;
		background: url("/designcard/heralbony/img-files/index_ic01.png") no-repeat 0 0 / cover;
	}
	/* image */
	.heral-imageArea {
		position: relative;
		left: 50%;
		width: 1920px;
		transform: translateX(-50%);
	}
	.heral-imageArea .heral-imageAreaInner {
		width: max(100vw,1050px);
		margin: 0 auto;
	}
	.heral-image {
		display: flex;
		align-items: center;
		height: max(40vw, 420px);
		margin-top: 50px;
		overflow: hidden;
	}
	.heral-image > img {
		width: 100%;
	}
	.heral-image02 {
		width: fit-content;
		margin: 30px 160px 0 auto;
	}
	.heral-textImage {
		margin-top: -65px;
		width: 100%;
		text-align: center;
	}
	/* card */
	.heral-cardWrap {
		display: flex;
		flex-flow: row wrap;
		margin-top: 70px;
	}
	.heral-card {
		position: relative;
		width: 400px;
	}
	.heral-card[data-direction="horizontal"] {
		height: 215px;
	}
	.heral-card[data-direction="vertical"] {
		height: 274px;
	}
	.heral-card:nth-child(2n) {
		margin-left: 156px;
	}
	.heral-card:nth-child(n+3) {
		margin-top: 60px;
	}
	.heral-card .heral-cardImage {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.heral-card[data-direction="horizontal"] .heral-cardImage {
		width: 268px;
	}
	.heral-card[data-direction="vertical"] .heral-cardImage {
		left: 10px;
		width: 212px;
	}
	.heral-card .heral-cardBody {
		display: flex;
		flex-flow: column;
		justify-content: flex-start;
		height: 100%;
		text-align: right;
	}
	.heral-card .heral-cardNum {
		margin-top: 10px;
		font-size: 1.2rem;
	}
	.heral-card[data-direction="vertical"] .heral-cardNum {
		margin-top: 50px;
	}
	.heral-card .heral-cardTitle {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		min-height: 96px;
		margin-top: 12px;
		font-size: 1.6rem;
	}
	.heral-card .heral-cardSub {
		font-size: 1.2rem;
	}
	.heral-card[data-direction="horizontal"] .heral-cardApplyButton {
		margin-top: 40px;
	}
	.heral-card[data-direction="vertical"] .heral-cardApplyButton {
		margin-top: 60px;
	}
	.heral-card .heral-cardApplyButton li {
		text-align: right;
	}
	.heral-card .heral-cardApplyButton a {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-width: 200px;
		min-height: 38px;
		padding: 5px 30px 5px 5px;
		border-radius: 18px;
		border: 1px solid #000;
		overflow: hidden;
		font-size: 1.2rem;
		text-decoration: none;
		transition: 0.3s all ease-out;
	}
	.heral-card .heral-cardApplyButton a:hover {
		color: #fff;
	}
	.heral-card .heral-cardApplyButton a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 13px;
		width: 13px;
		height: 13px;
		margin-top: -6.5px;
		background: url("/designcard/heralbony/img-files/index_ic01.png") no-repeat 0 0 / cover;
		transition: 0.3s all ease-out;
		z-index: 1;
	}
	.heral-card .heral-cardApplyButton a:hover::before {
		background: url("/designcard/heralbony/img-files/index_ic03.png") no-repeat 0 0 / cover;
	}
	.heral-card .heral-cardApplyButton a::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		background-color: #000;
		transition: 0.3s all ease-out;
	}
	.heral-card .heral-cardApplyButton a:hover::after {
		width: 100%;
	}
	.heral-card .heral-cardApplyButton a .heralbony-applyBtnText {
		position: relative;
		z-index: 1;
	}
	.heral-card02 {
		display: grid;
		grid-template-rows: auto;
		grid-template-columns: 410px 1fr;
		align-items: center;
		gap: 0 30px;
		margin-top: 100px;
		padding: 26px 40px;
		border: 1px solid #000;
	}
	.heral-card02 .heral-cardImage {
		grid-column: 1;
		grid-row: 1 / 3;
		padding-left: 25px;
	}
	.heral-card02 .heral-cardImage img {
		width: 296px;
		height: auto;
	}
	.heral-card02 .heral-cardHead {
		grid-column: 2;
		grid-row: 1;
	}
	.heral-card02 .heral-cardBody {
		grid-column: 2;
		grid-row: 2;
		margin-top: 80px;
	}
	.heral-card02 .heral-cardHead >:first-child,
	.heral-card02 .heral-cardBody >:first-child {
		margin-top: 0 !important;
	}
	.heral-card02 .heral-cardLead {
		margin-top: 10px;
		font-size: 3rem;
		line-height: 1;
	}
	.heral-card02 .heral-cardLead .small {
		font-size: 1.6rem;
	}
	.heral-card02 .heral-cardText {
		margin-top: 18px;
		font-size: 1.2rem;
	}
	.heral-card02 .heral-cardNum {
		margin-top: 5px;
		font-size: 1.2rem;
	}
	.heral-card02 .heral-cardTitle {
		margin-top: 6px;
		font-size: 1.6rem;
		line-height: 1.2;
	}
	.heral-card02 .heral-cardSub {
		margin-top: 4px;
		font-size: 1.2rem;
	}
	.heral-card02 .heral-cardApplyButton {
		margin-top: 15px;
	}
	.heral-card02 .heral-cardApplyButton a {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-width: 200px;
		min-height: 38px;
		padding: 5px 30px 5px 5px;
		border-radius: 18px;
		border: 1px solid #000;
		overflow: hidden;
		font-size: 1.2rem;
		text-decoration: none;
		transition: 0.3s all ease-out;
	}
	.heral-card02 .heral-cardApplyButton a:hover {
		color: #fff;
	}
	.heral-card02 .heral-cardApplyButton a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 13px;
		width: 13px;
		height: 13px;
		margin-top: -6.5px;
		background: url("/designcard/heralbony/img-files/index_ic01.png") no-repeat 0 0 / cover;
		transition: 0.3s all ease-out;
		z-index: 1;
	}
	.heral-card02 .heral-cardApplyButton a:hover::before {
		background: url("/designcard/heralbony/img-files/index_ic03.png") no-repeat 0 0 / cover;
	}
	.heral-card02 .heral-cardApplyButton a::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		background-color: #000;
		transition: 0.3s all ease-out;
	}
	.heral-card02 .heral-cardApplyButton a:hover::after {
		width: 100%;
	}
	.heral-card02 .heral-cardApplyButton a .heralbony-applyBtnText {
		position: relative;
		z-index: 1;
	}
	/* column */
	.heral-column {
		display: flex;
		margin-top: 110px;
	}
	.heral-column .heral-columnItem {
		width: 48%;
	}
	.heral-column .heral-columnItem:nth-child(2n+1) {
		margin-right: 2%;
	}
	.heral-column .heral-columnItem >:first-child {
		margin-top: 0;
	}
	.heral-column02 {
		display: flex;
		margin-top: 60px;
	}
	.heral-column02 .heral-column02Item:nth-child(2n+1) {
		flex-shrink: 0;
		margin-right: 3%;
	}
	.heral-column02 .heral-column02Item >:first-child {
		margin-top: 0;
	}
	.heral-column02 .heral-column02Image {
		margin-left: -80px;
	}
	.heral-column03 {
		display: flex;
		margin-top: 70px;
	}
	.heral-column03 + .heral-column03 {
		margin-top: 120px;
	}
	.heral-column03 .heral-column03Item:first-child {
		width: 130px;
		margin-right: 20px;
	}
	.heral-column03 .heral-column03Item >:first-child {
		margin-top: 0;
	}
	.heral-column03 .heral-column03Item:nth-child(2) {
		width: 650px;
		margin-left: auto;
		margin-right: 160px;
	}
	.heral-column03 .heral-column03Title {
		font-size: 3rem;
		writing-mode: vertical-rl;
	}
	/* about */
	.heral-about {
		position: relative;
		margin-top: 30px;
		padding-bottom: 20px;
		border-bottom: 1px solid #000;
	}
	.heral-about >:first-child {
		margin-top: 0!important;
	}
	.heral-about .heral-aboutBody {
		width: 55%;
	}
	.heral-about .heral-aboutTitle {
		margin-top: 20px;
		font-size: 1.3rem;
	}
	.heral-about .heral-aboutText {
		margin-top: 15px;
		font-size: 1.2rem;
	}
	.heral-about .heral-aboutText02 {
		margin-top: 15px;
		font-size: 1.2rem;
	}
	.heral-about .heral-aboutText02 + .heral-aboutText02 {
		margin-top: 0;
	}
	.heral-about .heral-aboutText02 .heral-aboutText02Title::after {
		content: '：'
	}
	.heral-about .heral-aboutLinkList {
		position: absolute;
		bottom: 10px;
		right: 0;
	}
	.heral-about .heral-aboutLinkList > li {
		margin-top: 5px;
	}
	.heral-about .heral-aboutLinkList > li > a {
		display: block;
		height: 16px;
		overflow: hidden;
		font-size: 1.2rem;
		text-decoration: none;
	}
	.heral-about .heral-aboutLinkList > li > a .heral-aboutLinkListText {
		display: block;
		position: relative;
		min-width: 160px;
		padding-right: 30px;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	.heral-about .heral-aboutLinkList > li > a .heral-aboutLinkListText:nth-child(2) {
		transform-origin: 50% 50%;
		transform: translate3d(0, 0, 0) rotateX(-90deg);
	}
	.heral-about .heral-aboutLinkList > li > a:hover .heral-aboutLinkListText:first-child {
		transform: translate3d(0, -50%, 0) rotateX(-90deg);
	}
	.heral-about .heral-aboutLinkList > li > a:hover .heral-aboutLinkListText:nth-child(2) {
		transform: translate3d(0, -100%, 0);
	}
	.heral-about .heral-aboutLinkList > li > a .heral-aboutLinkListText::before {
		content: '';
		position: absolute;
		bottom: 4px;
		right: 0;
		width: 12px;
		height: 12px;
		background: url(/designcard/heralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
	}
	.heral-about .heral-aboutImage {
		margin-top: 15px;
	}
	/* flow */
	.heral-flow {
		display: flex;
		position: relative;
	}
	.heral-flow .heral-flowNum{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 30px;
		height: 30px;
		margin-right: 20px;
		border: 1px solid #000;
		border-radius: 50%;
		font-size: 1.2rem;
	}
	.heral-flow:not(:last-child) .heral-flowNum{
		margin-bottom: 115px;
	}
	.heral-flow:not(:last-child) .heral-flowNum::before{
		content: '';
		position: absolute;
		bottom: 0;
		left: 14.5px;
		width: 1px;
		height: 115px;
		background-color: #000;
	}
	.heral-flow:not(:last-child) .heral-flowNum::after{
		content: '';
		position: absolute;
		bottom: 1px;
		left: 11.5px;
		width: 5px;
		height: 5px;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		transform: rotate(45deg);
	}
	.heral-flow .heral-flowBody {
		display: flex;
		margin-top: 3px;
	}
	.heral-flow .heral-flowTitle {
		min-width: 165px;
		margin-right: 10px;
		font-size: 1.6rem;
	}
	.heral-flow .heral-flowText {
		min-width: 165px;
		margin-right: 10px;
		font-size: 1.2rem;
	}
	.heral-flow .heral-flowLink {
		display: flex;
		align-items: flex-end;
		font-size: 1.2rem;
	}
	.heral-flow .heral-flowLink > a {
		position: relative;
		padding-right: 16px;
	}
	.heral-flow .heral-flowLink > a::before {
		content: '';
		position: absolute;
		top: 4px;
		right: 0;
		width: 8px;
		height: 8px;
		background: url(/designcard/heralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
		transform: rotate(45deg);
	}
	/* media */
	.heral-media {
		display: flex;
		margin-top: 40px;
	}
	.heral-media .heral-mediaHead {
		display: flex;
		margin-right: 110px;
	}
	.heral-media .heral-mediaBody {
		display: flex;
		align-items: flex-end;
		padding-bottom: 50px;
	}
	.heral-media .heral-mediaImage {
		width: 406px;
	}
	.heral-media .heral-mediaTitle {
		margin-right: 100px;
		font-size: 3rem;
		writing-mode: vertical-rl;
	}
	.heral-media .heral-mediaText {
		font-size: 1.6rem;
	}
	.heral-media02 {
		display: flex;
	}
	.heral-media02 .heral-media02Head {
		flex-shrink: 0;
		width: 170px;
		margin-right: 20px;
	}
	.heral-media02 .heral-media02Body {
		padding-bottom: 50px;
	}
	.heral-media02 .heral-media02Image {
		width: 140px;
	}
	.heral-media02 .heral-media02Title {
		margin-right: 100px;
		font-size: 3rem;
	}
	.heral-media02 .heral-media02Text {
		font-size: 1.2rem;
	}
	.heral-media03 {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin-top: -54px;
	}
	.heral-media03 .heral-media03Head {
		flex-shrink: 0;
	}
	.heral-media03 .heral-media03Body {
		margin-right: 40px;
	}
	.heral-media03 .heral-media03Text {
		font-size: 2.4rem;
	}
	.heral-media04 {
		display: flex;
		justify-content: space-between;
		flex-flow: row-reverse;
		margin-top: 80px;
	}
	.heral-media04 .heral-media04Head {
		margin-right: 80px;
	}
	.heral-media04 .heral-media04Text {
		font-size: 3rem;
		writing-mode: vertical-rl;
	}
	.heral-footMedia {
		display: flex;
		align-items: center;
		margin-top: 80px;
	}
	.heral-footMedia .heral-footMediaHead {
		flex-shrink: 0;
		width: 370px;
		margin-right: 20px;
	}
	/* journal */
	.heral-journalWrap {
		display: flex;
		justify-content: center;
		flex-flow: row wrap;
		margin-top: 50px;
	}
	.heral-journal {
		width: calc(100% / 3 - 40px / 3);
	}
	.heral-journal:nth-child(n+2) {
		margin-left: 40px;
	}
	.heral-journal .heral-journalType {
		display: block;
		text-decoration: none;
	}
	.heral-journal div.heral-journalType {
		margin-top: 28px;
	}
	.heral-journal .heral-journalData {
		font-size: 1.2rem;
	}
	.heral-journal .heral-journalImage {
		margin-top: 10px;
	}
	.heral-journal .heral-journalTitle {
		margin-top: 10px;
	}
	.heral-journal .heral-journalTextWrap {
		height: 21px;
		overflow: hidden;
		margin-top: 5px;
	}
	.heral-journal .heral-journalTextWrap .heral-journalText {
		display: block;
		position: relative;
		width: fit-content;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	.heral-journal .heral-journalTextWrap .heral-journalText:nth-child(2) {
		transform-origin: 50% 50%;
		transform: translate3d(0, 0, 0) rotateX(-90deg);
	}
	.heral-journal .heral-journalType:hover .heral-journalTextWrap .heral-journalText:first-child {
		transform: translate3d(0, -50%, 0) rotateX(-90deg);
	}
	.heral-journal .heral-journalType:hover .heral-journalTextWrap .heral-journalText:nth-child(2) {
		transform: translate3d(0, -100%, 0);
	}
	.heral-journal .heral-journalTextWrap .heral-journalText::before {
		content: '';
		position: absolute;
		bottom: 5px;
		right: -20px;
		width: 12px;
		height: 12px;
		background: url(/designcard/heralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
	}
	/* area */
	.heral-area {
		margin-top: 60px;
	}
	.heral-area {
		margin-top: 60px;
		margin-bottom: 420px;
	}
	.heral-area .heral-areaInner {
		display: flex;
		position: relative;
	}
	.heral-area .heral-areaBody {
		width: 50%;
	}
	.heral-area .heral-areaNavWrap {
		flex-shrink: 0;
		width: 50%;
	}
	.heral-area .heral-areaNav {
		margin-left: -30px;
	}
	.heral-area .heral-areaNav > li + li {
		margin-top: 10px;
	}
	.heral-area .heral-areaNav > li > a {
		position: relative;
		padding-left: 0;
		font-size: 1.6rem;
		text-decoration: none;
		transition: 0.3s all ease-out;
	}
	.heral-area .heral-areaNav > li > a::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 11px;
		height: 11px;
		margin-top: -5.5px;
		background: url("/designcard/heralbony/img-files/index_ic01.png") no-repeat 0 0 / cover;
		transform: rotate(45deg);
		opacity: 0;
		transition: 0.2s all ease-out 0.1s;
	}
	.heral-area .heral-areaNav > li > a.is-active {
		padding-left: 16px;
	}
	.heral-area .heral-areaNav > li > a.is-active::before {
		opacity: 1;
	}
	.heral-area .heral-areaMap {
		position: absolute;
		top: -70px;
		left: -30px;
		width: 500px;
		z-index: -1;
	}
	/* accordion */
	.heral-accordion01Wrap {
		margin-top: 80px;
	}
	.heral-accordion01Wrap >:first-child {
		margin-top: 0;
	}
	.heral-accordion01 .heral-accordion01Head {
		display: block;
		position: relative;
		padding: 28px 40px 28px 50px;
		border-top: 1px solid #000;
		font-size: 2.4rem;
		line-height: 1.2;
		text-decoration: none;
	}
	.heral-accordion01 .heral-accordion01Body {
		position: relative;
		left: 50%;
		width: 1920px;
		margin-bottom: 100px;
		transform: translateX(-50%);
	}
	.heral-accordion01 .heral-accordion01Body .heral-accordion01BodyInner {
		width: 1040px;
		margin: 0 auto;
		padding: 0 40px;
	}
	.heral-accordion01 .heral-accordion01Head > .mark {
		position: absolute;
		top: 34px;
		left: 0;
		font-size: 1.3rem;
	}
	.heral-accordion01 .heral-accordion01Head > .sub {
		font-size: 1.3rem;
	}
	.heral-accordion01 .heral-accordion01Head::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: url("/designcard/heralbony/img-files/index_ic01.png") no-repeat 0 0 / cover;
		transform: rotate(0);
		transition: 0.3s all ease-out;
	}
	.heral-accordion01 .heral-accordion01Head.is-open::before {
		transform: rotate(90deg);
	}
	.heral-accordion02Wrap {
		margin-top: 65px;
		width: 70%;
		margin-left: auto;
	}
	.heral-accordion02Wrap >:first-child {
		margin-top: 0;
	}
	.heral-accordion02 .heral-accordion02Head {
		display: flex;
		position: relative;
		min-height: 104px;
		padding: 28px 40px 28px 30px;
		border-top: 1px solid #000;
		font-size: 2rem;
		line-height: 1.2;
		text-decoration: none;
	}
	.heral-accordion02 .heral-accordion02Body {
		padding-bottom: 28px;
	}
	.heral-accordion02 .heral-accordion02Title {
		width: 150px;
		margin-right: 20px;
	}
	.heral-accordion02 .heral-accordion02Place {
		font-size: 1.2rem;
	}
	.heral-accordion02 .heral-accordion02Title > .mark {
		position: absolute;
		top: 32px;
		left: 0;
		font-size: 1.2rem;
	}
	.heral-accordion02 .heral-accordion02Title > .sub {
		font-size: 1.2rem;
	}
	.heral-accordion02 .heral-accordion02Head::before,
	.heral-accordion02 .heral-accordion02Head::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 18px;
		height: 2px;
		margin-top: -1px;
		background: #000;
		transition: 0.3s all ease-out;
	}
	.heral-accordion02 .heral-accordion02Head::after {
		transform: rotate(-90deg);
		transition: 0.3s all ease-out;
	}
	.heral-accordion02 .heral-accordion02Head.is-open::after {
		transform: rotate(0deg);
	}
	.heral-areaAccordionWrap >:first-child {
		margin-top: 0;
	}
	.heral-areaAccordion .heral-areaAccordionHead {
		display: flex;
		position: relative;
		min-height: 104px;
		padding: 28px 40px 28px 30px;
		border-top: 1px solid #000;
		font-size: 2rem;
		line-height: 1.2;
		text-decoration: none;
	}
	.heral-areaAccordion .heral-areaAccordionBody {
		padding-bottom: 28px;
	}
	.heral-areaAccordion .heral-areaAccordionTitle {
		width: 140px;
		margin-right: 20px;
	}
	.heral-areaAccordion .heral-areaAccordionPlace {
		font-size: 1.2rem;
	}
	.heral-areaAccordion .heral-areaAccordionTitle > .mark {
		position: absolute;
		top: 32px;
		left: 0;
		font-size: 1.2rem;
	}
	.heral-areaAccordion .heral-areaAccordionTitle > .sub {
		font-size: 1.2rem;
	}
	.heral-areaAccordion .heral-areaAccordionHead::before,
	.heral-areaAccordion .heral-areaAccordionHead::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 18px;
		height: 2px;
		margin-top: -1px;
		background: #000;
		transition: 0.3s all ease-out;
	}
	.heral-areaAccordion .heral-areaAccordionHead::after {
		transform: rotate(-90deg);
		transition: 0.3s all ease-out;
	}
	.heral-areaAccordion .heral-areaAccordionHead.is-open::after {
		transform: rotate(0deg);
	}
	/* slider */
	.heral-slideRotation {
		position: relative;
		left: 50%;
		width: 1920px;
		margin-top: 100px;
		transform: translateX(-50%);
	}
	.heral-slideRotation .heral-slideRotationItem {
		width: 100%;
		height: 118px;
		background-image: url("/designcard/heralbony/img-files/index_tx03.png");
		background-repeat: repeat-x;
		background-size: auto 118px;
		animation: loopPC 20s linear infinite;
	}
}
@media print, screen and (max-width: 750px){
	#mainContainer{
		margin-top: 40px;
	}
	#mainContent{
		width: 100%;
		margin: 0 auto;
		padding: 0 30px;
	}
	/*--------------------------------
	 * header
	--------------------------------*/
	#header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0;
		border: none;
		z-index: 30;
	}
	#header .headerInner {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		position: relative;
		width: 100%;
		height: 40px;
		margin: 0 auto;
		padding: 0 30px;
	}
	#header .headerLogo {
		height: 15px;
		z-index: 9999;
	}
	#header .headerLogo img {
		height: 12px;
	}
	#header .headerLogo img + img {
		margin-left: 15px;
	}
	#header .headerMenu {
		position: relative;
		height: 18px;
		overflow: hidden;
		font-size: 1.2rem;
		text-decoration: none;
		z-index: 9999;
	}
	#header .headerMenu > div {
		transition: transform 1s cubic-bezier(0.85, 0.01, 0.4, 1);
	}
	#header.is-open .headerMenu > div {
		transform: translate3d(0, -50%, 0);
	}
	#header .headerMenu > div .menuOpen,
	#header .headerMenu > div .menuClose {
		display: block;
	}
	#header .headerMenuPanel {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		pointer-events: none;
	}
	#header.is-open .headerMenuPanel {
		pointer-events: auto;
	}
	#header .headerMenuPanelInner {
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		padding: 40px 30px 20px;
		z-index: 5000;
	}
	#header .headerMenuPanelBg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		transform-origin: top;
		transform: scaleY(0);
		transition: transform 1s cubic-bezier(0.85, 0.01, 0.4, 1);
		will-change: transform;
		background-color: #fff;
		z-index: 4000;
	}
	#header.is-open .headerMenuPanelBg {
		transform-origin: bottom;
		transform: scaleY(1);
	}
	#header .headerMenuListWrap {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
		padding-bottom: 100px;
	}
	#header .headerMenuNumList {
		width: fit-content;
		margin-top: 40px;
	}
	#header .headerMenuNumList > li + li {
		margin-top: 20px;
	}
	#header .headerMenuNumList > li > a {
		display: block;
		position: relative;
		height: 24px;
		padding: 0 20px 0 30px;
		overflow: hidden;
		font-size: 2rem;
		line-height: 1.2;
		text-decoration: none;
	}
	#header .headerMenuNumList > li > a > .headerMenuNumListTextWrap {
		transform: translate3d(0, calc(50% + calc(46px * 1.046)), 0);
		transition: transform 1s cubic-bezier(0.85, 0.01, 0.4, 1);
	}
	#header.is-open .headerMenuNumList > li > a > .headerMenuNumListTextWrap {
		transform: translate3d(0, 0, 0);
		transition: transform 1s cubic-bezier(0.31, 0, 0.05, 0.93);
		transition-delay: 0.4s;
	}
	#header .headerMenuNumList > li > a > .headerMenuNumListTextWrap > .headerMenuNumListText {
		display: block;
		position: relative;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	#header .headerMenuNumList > li > a > .headerMenuNumListTextWrap > .headerMenuNumListText::before {
		content: '';
		position: absolute;
		top: 50%;
		right: -20px;
		width: 15px;
		height: 15px;
		margin-top: -7.5px;
		background: url("/designcard/heralbony/img-files/index_ic01.png") no-repeat 0 0 / cover;
	}
	#header .headerMenuNumList > li > a > .headerMenuNumListTextWrap > .headerMenuNumListText:nth-child(2) {
		transform-origin: 50% 50%;
		transform: translate3d(0, 0, 0) rotateX(-90deg);
	}
	#header .headerMenuNumList > li > a .mark {
		position: absolute;
		top: 5px;
		left: -35px;
		font-size: 1.2rem;
	}
	#header .headerMenuList {
		width: fit-content;
		margin-top: 30px;
	}
	#header .headerMenuList > li + li {
		margin-top: 10px;
	}
	#header .headerMenuList > li > a {
		display: block;
		position: relative;
		height: 16px;
		padding-right: 20px;
		overflow: hidden;
		font-size: 1.3rem;
		line-height: 1.2;
		text-decoration: none;
	}
	#header .headerMenuList > li > a > .headerMenuListTextWrap {
		transform: translate3d(0, calc(50% + calc(46px * 1.046)), 0);
		transition: transform 1s cubic-bezier(0.85, 0.01, 0.4, 1);
	}
	#header.is-open .headerMenuList > li > a > .headerMenuListTextWrap {
		transform: translate3d(0, 0, 0);
		transition: transform 1s cubic-bezier(0.31, 0, 0.05, 0.93);
		transition-delay: 0.4s;
	}
	#header .headerMenuList > li > a > .headerMenuListTextWrap > .headerMenuListText {
		display: block;
		position: relative;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	#header .headerMenuList > li > a > .headerMenuListTextWrap > .headerMenuListText::before {
		content: '';
		position: absolute;
		top: 50%;
		right: -20px;
		width: 11px;
		height: 11px;
		margin-top: -5.5px;
		background: url("/designcard/heralbony/img-files/index_ic01.png") no-repeat 0 0 / cover;
	}
	#header .headerMenuList > li > a:hover > .headerMenuListTextWrap > .headerMenuListText:first-child {
		transform: translate3d(0, -50%, 0) rotateX(-90deg);
	}
	#header .headerMenuList > li > a > .headerMenuListTextWrap > .headerMenuListText:nth-child(2) {
		transform-origin: 50% 50%;
		transform: translate3d(0, 0, 0) rotateX(-90deg);
	}
	#header .headerMenuList > li > a:hover > .headerMenuListTextWrap > .headerMenuListText:nth-child(2) {
		transform: translate3d(0, -100%, 0);
	}
	/*--------------------------------
	 * footer
	--------------------------------*/
	#footer {
		margin-top: 15px;
		border-top: none;
		padding: 10px 0;
		text-align: center;
	}
	#footer .copyright {
		font-size: 1rem;
	}
	/*--------------------------------
	 * mainVisual
	--------------------------------*/
	.heral-mainVisual {
		position: relative;
		margin-top: 100vw;
	}
	.heral-mainVisual .heral-mainTextWrap {
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100vw - 60px);
		margin-top: -85vw;
		aspect-ratio: 953/646;
		z-index: 10;
	}
	.heral-mainVisual .heral-mainTextWrap::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100vw;
		top: -15vw;
		margin: auto;
		background-color: #fff;
		mix-blend-mode: difference;
		z-index: 20;
	}
	.heral-mainVisual .heral-mainTextWrap .heral-mainText {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 10;
	}
	.heral-mainVisual .heral-mainTextWrap .heral-mainText.is-fixed {
		position: fixed;
		top: 10vw;
		left: 0;
		right: 0;
		margin: 0 30px;
		z-index: 10;
	}
	
	.heral-mainVisual .heral-mainTextWrap .heral-mainText02 {
		width: 3vw;
		text-align: left;
	}
	.heral-movie {
		display: block;
		width: 100vw;
		height: auto;
		margin-left: -30px;
		overflow: hidden;
		aspect-ratio: 9 / 16;
	}
	/*--------------------------------
	 * module
	--------------------------------*/
	/* heading */
	.heral-heading02 {
		margin-top: 60px;
		font-size: 1.2rem;
	}
	/* text */
	.heral-text01 {
		margin-top: 50px;
		font-size: 2rem;
	}
	.heral-text02 {
		margin-top: 15px;
		font-size: 1.2rem;
	}
	.heral-text03 {
		margin-top: 15px;
		font-size: 1.2rem;
	}
	.heral-boxText {
		margin-top: 60px;
		padding: 3px 10px;
		border: 1px solid #000;
		text-align: center;
		font-size: 1.3rem;
	}
	.heral-borderBox {
		margin-top: 10px;
		padding: 10px;
		border: 1px solid #000;
	}
	.heral-borderBox >:first-child {
		margin-top: 0 !important;
	}
	.heral-borderBox .heral-borderBoxText {
		margin-top: 7px;
		font-size: 1.2rem;
	}
	/* list */
	.heral-list {
		margin-top: 15px;
	}
	.heral-list > li {
		position: relative;
		padding-left: 12px;
		font-size: 1.2rem;
	}
	.heral-list > li + li {
		margin-top: 7px;
	}
	.heral-list > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.heral-noteList {
		margin-top: 15px;
	}
	.heral-noteList > li {
		position: relative;
		padding-left: 12px;
		font-size: 1.2rem;
	}
	.heral-noteList > li + li {
		margin-top: 7px;
	}
	.heral-noteList > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.heral-linkList {
		width: fit-content;
		margin-top: 70px;
	}
	.heral-linkList > li + li {
		margin-top: 7px;
	}
	.heral-linkList > li > a {
		display: block;
		height: 19.5px;
		overflow: hidden;
		font-size: 1.3rem;
		text-decoration: none;
	}
	.heral-linkList > li > a > .heral-linkListText {
		display: block;
		position: relative;
		min-width: 130px;
		padding-right: 30px;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	.heral-linkList > li > a > .heral-linkListText::before {
		content: '';
		position: absolute;
		bottom: 4px;
		right: 0;
		width: 12px;
		height: 12px;
		background: url(/designcard/heralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
	}
	.heral-linkList > li > a > .heral-linkListText:nth-child(2) {
		transform-origin: 50% 50%;
		transform: translate3d(0, 0, 0) rotateX(-90deg);
	}
	.heral-ancNavList {
		display: flex;
		justify-content: space-between;
		margin-top: 60px;
		margin-bottom: 150px;
	}
	.heral-ancNavList > li > a {
		display: block;
		font-size: 1.2rem;
		text-decoration: none;
	}
	.heral-ancNavList > li > a > .heral-ancNavListTextWrap > .heral-ancNavListText {
		display: block;
		position: relative;
	}
	.heral-ancNavList > li > a > .heral-ancNavListTextWrap > .heral-ancNavListText:nth-child(2) {
		display: none;
	}
	/* production */
	.heral-productionApplyWrap {
		margin-top: 100px;
	}
	.heral-productionApplyWrap >:first-child {
		margin-top: 0;
	}
	.heral-productionApplyWrap .slick-list {
		overflow: visible;
	}
	.heral-productionApplyWrap .slick-dots {
		bottom: -40px;
	}
	.heral-productionApplyWrap .slick-next {
		display: inline-block!important;
		right: -18px;
		width: 12px;
		height: 23px;
		margin-top: -90px;
		background: url("/designcard/heralbony/img-files/index_ic02.png") no-repeat 0 0 / cover;
	}
	.heral-productionApplyWrap .slick-prev {
		display: inline-block!important;
		left: -18px;
		width: 12px;
		height: 23px;
		margin-top: -100px;
		background: url("/designcard/heralbony/img-files/index_ic02.png") no-repeat 0 0 / cover;
		transform: rotate(180deg);
	}
	.heral-productionApplyWrap.slick-dotted.slick-slider {
		margin-bottom: 70px;
	}
	.heral-productionApplyWrap .slick-dots li {
		margin: 0 12.5px;
	}
	.heral-productionApplyWrap .slick-dots li button:before {
		width: 10px;
		height: 10px;
		background-color: #fff;
		border: 1px solid #000;
	}
	.heral-productionApplyWrap .slick-dots li.slick-active button:before {
		background-color: #000;
	}
	.heral-productionApplyWrap .slick-counter {
		text-align: center;
		font-size: 2rem;
	}
	.heral-productionApply {
		width: 280px;
		margin: 0 40px;
	}
	.heral-productionApply .heral-productionApplyBody {
		display: flex;
		margin-top: 20px;
	}
	.heral-productionApply .heral-productionApplyContents >:first-child {
		margin-top: 0!important;
	}
	.heral-productionApply .heral-productionApplyNum {
		margin-right: 50px;
		font-size: 1.2rem;
	}
	.heral-productionApply .heral-productionApplyTitle {
		margin-top: 20px;
		font-size: 1.6rem;
	}
	.heral-productionApply .heral-productionApplySub {
		margin-top: 8px;
		font-size: 1.2rem;
	}
	.heral-productionApply .heral-productionApplyButton {
		margin-top: 10px;
	}
	.heral-productionApply .heral-productionApplyButton a {
		display: block;
		width: fit-content;
		height: 18px;
		overflow: hidden;
		font-size: 1.2rem;
		text-decoration: none;
	}
	.heral-productionApply .heral-productionApplyButton a .heralbony-applyBtnTextWrap {
		transform: translate3d(0, 0, 0);
		transition: transform 1s cubic-bezier(0.31, 0, 0.05, 0.93);
		transition-delay: 0.4s;
	}
	.heral-productionApply .heral-productionApplyButton a .heralbony-applyBtnTextWrap .heralbony-applyBtnText {
		display: block;
		position: relative;
		width: fit-content;
		padding-right: 30px;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	.heral-productionApply .heral-productionApplyButton a .heralbony-applyBtnTextWrap .heralbony-applyBtnText::before {
		content: '';
		position: absolute;
		top: 3px;
		right: 0;
		width: 13px;
		height: 13px;
		background: url("/designcard/heralbony/img-files/index_ic01.png") no-repeat 0 0 / cover;
	}
	/* image */
	.heral-imageArea {
		width: 100vw;
		margin-left: -30px;
	}
	.heral-image {
		display: flex;
		align-items: center;
		height: 55vw;
		margin-top: 50px;
		overflow: hidden;
	}
	.heral-image > img {
		width: 100%;
	}
	.heral-image02 {
		margin-top: 30px;
		text-align: center;
	}
	.heral-textImage {
		margin-top: -10px;
		width: 100%;
		text-align: center;
	}
	/* card */
	.heral-cardWrap {
		margin-top: 40px;
	}
	.heral-card {
		position: relative;
	}
	.heral-card:nth-child(n+2) {
		margin-top: 55px;
	}
	.heral-card .heral-cardImage {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.heral-card[data-direction="horizontal"] .heral-cardImage {
		width: min(57vw, 214px);
	}
	.heral-card[data-direction="vertical"] .heral-cardImage {
		left: 10px;
		width: min(44vw,180px);
	}
	.heral-card .heral-cardBody {
		display: flex;
		flex-flow: column;
		justify-content: flex-start;
		height: 100%;
		text-align: right;
	}
	.heral-card .heral-cardNum {
		margin-top: 25px;
		font-size: 1.2rem;
	}
	.heral-card[data-direction="vertical"] .heral-cardNum {
		margin-top: 85px;
	}
	.heral-card .heral-cardTitle {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		min-height: 72px;
		margin-top: 12px;
		font-size: 1.6rem;
	}
	.heral-card .heral-cardTitle.type02 {
		margin-top: 48px;
	}
	.heral-card .heral-cardSub {
		font-size: 1.2rem;
	}
	.heral-card .heral-cardApplyButton {
		margin-top: 10px;
	}
	.heral-card .heral-cardApplyButton li {
		text-align: right;
	}
	.heral-card .heral-cardApplyButton a {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-width: 196px;
		min-height: 37px;
		padding: 5px 30px 5px 5px;
		border-radius: 18px;
		border: 1px solid #000;
		overflow: hidden;
		font-size: 1.2rem;
		text-decoration: none;
	}
	.heral-card .heral-cardApplyButton a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 13px;
		width: 13px;
		height: 13px;
		margin-top: -6.5px;
		background: url("/designcard/heralbony/img-files/index_ic01.png") no-repeat 0 0 / cover;
	}
	.heral-card02 {
		margin: 40px 0 70px;
		padding: 15px 10px;
		border: 1px solid #000;
	}
	.heral-card02 .heral-cardImage {
		max-width: 273px;
		height: auto;
		margin: 20px auto 0;
		text-align: center;
	}
	.heral-card02 .heral-cardBody {
		margin-top: 12px;
	}
	.heral-card02 .heral-cardHead >:first-child,
	.heral-card02 .heral-cardBody >:first-child {
		margin-top: 0 !important;
	}
	.heral-card02 .heral-cardLead {
		margin-top: 10px;
		font-size: 2.2rem;
		line-height: 1;
	}
	.heral-card02 .heral-cardLead .small {
		font-size: 1.4rem;
	}
	.heral-card02 .heral-cardText {
		margin-top: 16px;
		font-size: 1.2rem;
	}
	.heral-card02 .heral-cardNum {
		margin-top: 5px;
		font-size: 1.2rem;
	}
	.heral-card02 .heral-cardTitle {
		margin-top: 6px;
		font-size: 1.6rem;
		line-height: 1.2;
	}
	.heral-card02 .heral-cardSub {
		margin-top: 4px;
		font-size: 1.2rem;
	}
	.heral-card02 .heral-cardApplyButton {
		margin-top: 15px;
	}
	.heral-card02 .heral-cardApplyButton a {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-width: 100%;
		min-height: 38px;
		padding: 5px 30px 5px 5px;
		border-radius: 18px;
		border: 1px solid #000;
		overflow: hidden;
		font-size: 1.2rem;
		text-decoration: none;
	}
	.heral-card02 .heral-cardApplyButton a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 13px;
		width: 13px;
		height: 13px;
		margin-top: -6.5px;
		background: url("/designcard/heralbony/img-files/index_ic01.png") no-repeat 0 0 / cover;
		transition: 0.3s all ease-out;
		z-index: 1;
	}
	.heral-card02 .heral-cardApplyButton a::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		background-color: #000;
		transition: 0.3s all ease-out;
	}
	.heral-card02 .heral-cardApplyButton a .heralbony-applyBtnText {
		position: relative;
		z-index: 1;
	}
	/* column */
	.heral-column {
		margin-top: 40px;
	}
	.heral-column02 {
		margin-top: 60px;
	}
	.heral-column02 .heral-column02Item:nth-child(n+2) {
		margin-top: 40px;
		text-align: right;
	}
	.heral-column02 .heral-column02Item >:first-child {
		margin-top: 0;
	}
	.heral-column02 .heral-column02Image {
		width: calc(100vw - 30px);
		margin-left: -30px;
	}
	.heral-column03 {
		display: flex;
		margin-top: 70px;
	}
	.heral-column03 .heral-column03Item:first-child {
		flex-shrink: 0;
		width: 60px;
		margin-right: 10px;
	}
	.heral-column03 .heral-column03Item >:first-child {
		margin-top: 0;
	}
	.heral-column03 .heral-column03Title {
		font-size: 2rem;
		writing-mode: vertical-rl;
	}
	/* about */
	.heral-about {
		margin-top: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #000;
	}
	.heral-about >:first-child {
		margin-top: 0!important;
	}
	.heral-about .heral-aboutTitle {
		margin-top: 20px;
		font-size: 1.3rem;
	}
	.heral-about .heral-aboutText {
		margin-top: 15px;
		font-size: 1.2rem;
	}
	.heral-about .heral-aboutText02 {
		display: flex;
		justify-content: space-between;
		margin-top: 15px;
		font-size: 1.2rem;
	}
	.heral-about .heral-aboutText02 + .heral-aboutText02 {
		margin-top: 0;
	}
	.heral-about .heral-aboutLinkList {
		margin-top: 30px;
	}
	.heral-about .heral-aboutLinkList > li {
		margin-top: 5px;
	}
	.heral-about .heral-aboutLinkList > li > a {
		display: block;
		height: 16px;
		overflow: hidden;
		font-size: 1.2rem;
		text-decoration: none;
	}
	.heral-about .heral-aboutLinkList > li > a .heral-aboutLinkListText {
		display: block;
		position: relative;
		padding-right: 30px;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	.heral-about .heral-aboutLinkList > li > a .heral-aboutLinkListText:nth-child(2) {
		transform-origin: 50% 50%;
		transform: translate3d(0, 0, 0) rotateX(-90deg);
	}
	.heral-about .heral-aboutLinkList > li > a .heral-aboutLinkListText::before {
		content: '';
		position: absolute;
		bottom: 4px;
		right: 0;
		width: 12px;
		height: 12px;
		background: url(/designcard/heralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
	}
	.heral-about .heral-aboutImage {
		margin-top: 10px;
	}
	/* flow */
	.heral-flow {
		display: flex;
		position: relative;
	}
	.heral-flow .heral-flowNum{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		width: 30px;
		height: 30px;
		margin-right: 20px;
		border: 1px solid #000;
		border-radius: 50%;
		font-size: 1.2rem;
	}
	.heral-flow:not(:last-child) .heral-flowNum{
		margin-bottom: 115px;
	}
	.heral-flow:not(:last-child) .heral-flowNum::before{
		content: '';
		position: absolute;
		bottom: 0;
		left: 14.5px;
		width: 1px;
		height: 115px;
		background-color: #000;
	}
	.heral-flow:not(:last-child) .heral-flowNum::after{
		content: '';
		position: absolute;
		bottom: 1px;
		left: 11.5px;
		width: 5px;
		height: 5px;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		transform: rotate(45deg);
	}
	.heral-flow .heral-flowBody {
		margin-top: 3px;
	}
	.heral-flow .heral-flowTitle {
		font-size: 1.3rem;
	}
	.heral-flow .heral-flowText {
		margin-top: 20px;
		font-size: 1.2rem;
	}
	.heral-flow .heral-flowLink {
		margin-top: 20px;
		font-size: 1.2rem;
	}
	.heral-flow .heral-flowLink > a {
		position: relative;
		padding-right: 16px;
	}
	.heral-flow .heral-flowLink > a::before {
		content: '';
		position: absolute;
		top: 4px;
		right: 0;
		width: 8px;
		height: 8px;
		background: url(/designcard/heralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
		transform: rotate(45deg);
	}
	/* media */
	.heral-media {
		margin-top: 40px;
		width: calc(100% + 30px);
		margin-right: -30px;
	}
	.heral-media .heral-mediaHead {
		display: flex;
	}
	.heral-media .heral-mediaBody {
		margin-top: 40px;
		margin-left: 19%;
	}
	.heral-media .heral-mediaImage {
		width: 83%;
	}
	.heral-media .heral-mediaTitle {
		margin-right: 11vw;
		font-size: 2rem;
		writing-mode: vertical-rl;
	}
	.heral-media .heral-mediaText {
		font-size: 1.2rem;
	}
	.heral-media02 {
		display: flex;
	}
	.heral-media02 .heral-media02Head {
		flex-shrink: 0;
		width: min(40%, 240px);
		margin-right: 20px;
	}
	.heral-media02 .heral-media02Body {
		padding-bottom: 50px;
	}
	.heral-media02 .heral-media02Title {
		margin-right: 100px;
		font-size: 3rem;
	}
	.heral-media02 .heral-media02Text {
		font-size: 1.2rem;
	}
	.heral-media03 {
		margin-top: -15px;
	}
	.heral-media03 .heral-media03Head {
		width: 85%;
	}
	.heral-media03 .heral-media03Body {
		margin-top: 40px;
	}
	.heral-media03 .heral-media03Text {
		font-size: 2rem;
	}
	.heral-media04 {
		display: flex;
		margin-top: 80px;
	}
	.heral-media04 .heral-media04Head {
		margin-left: 10px;
		margin-right: 19px;
	}
	.heral-media04 .heral-media04Image {
		width: 67vw;
		overflow: hidden;
		display: flex;
		justify-content: center;
	}
	.heral-media04 .heral-media04Text {
		font-size: 2rem;
		writing-mode: vertical-rl;
	}
	.heral-footMedia {
		display: flex;
		flex-flow: column-reverse;
		margin-top: 80px;
	}
	.heral-footMedia .heral-footMediaHead {
		width: 50vw;
		margin: 60px auto 0;
	}
	/* journal */
	.heral-journalWrap {
		margin-top: 30px;
	}
	.heral-journal {
		width: 100%;
	} 
	.heral-journal:nth-child(n+2) {
		margin-top: 20px;
	} 
	.heral-journal .heral-journalType {
		display: block;
		text-decoration: none;
	}
	.heral-journal .heral-journalData {
		font-size: 1.2rem;
	}
	.heral-journal .heral-journalImage {
		margin-top: 10px;
	}
	.heral-journal .heral-journalTitle {
		margin-top: 10px;
	}
	.heral-journal .heral-journalTextWrap {
		height: 21px;
		overflow: hidden;
		margin-top: 5px;
	}
	.heral-journal .heral-journalTextWrap .heral-journalText {
		display: block;
		position: relative;
		width: fit-content;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	.heral-journal .heral-journalTextWrap .heral-journalText:nth-child(2) {
		transform-origin: 50% 50%;
		transform: translate3d(0, 0, 0) rotateX(-90deg);
	}
	.heral-journal .heral-journalTextWrap .heral-journalText::before {
		content: '';
		position: absolute;
		bottom: 5px;
		right: -20px;
		width: 12px;
		height: 12px;
		background: url(/designcard/heralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
	}
	/* area */
	.heral-area {
		margin-top: 60px;
		margin-bottom: 90px;
	}
	.heral-area .heral-areaInner {
		position: relative;
		min-height: 530px;
	}
	.heral-area .heral-areaBody {
		margin-top: min(71vw, 266px);
	}
	.heral-area .heral-areaNav > li + li {
		margin-top: 10px;
	}
	.heral-area .heral-areaNav > li > a {
		position: relative;
		padding-left: 0;
		font-size: 1.4rem;
		text-decoration: none;
		transition: 0.3s all ease-out;
	}
	.heral-area .heral-areaNav > li > a::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 11px;
		height: 11px;
		margin-top: -5.5px;
		background: url("/designcard/heralbony/img-files/index_ic01.png") no-repeat 0 0 / cover;
		transform: rotate(45deg);
		opacity: 0;
		transition: 0.2s all ease-out 0.1s;
	}
	.heral-area .heral-areaNav > li > a.is-active {
		padding-left: 14px;
	}
	.heral-area .heral-areaNav > li > a.is-active::before {
		opacity: 1;
	}
	.heral-area .heral-areaMap {
		position: absolute;
		top: 0;
		left: -30px;
		right: 0;
		width: 100vw;
		max-width: 375px;
		margin: auto;
		z-index: -1;
	}
	/* accordion */
	.heral-accordion01Wrap {
		margin-top: 80px;
	}
	.heral-accordion01Wrap >:first-child {
		margin-top: 0;
	}
	.heral-accordion01 .heral-accordion01Head {
		display: block;
		position: relative;
		padding: 16px 40px 15px 35px;
		border-top: 1px solid #000;
		font-size: 2rem;
		line-height: 1.2;
		text-decoration: none;
	}
	.heral-accordion01 .heral-accordion01Body {
		width: 100vw;
		margin-left: -30px;
		margin-bottom: 60px;
	}
	.heral-accordion01 .heral-accordion01Body .heral-accordion01BodyInner {
		padding: 0 30px;
	}
	.heral-accordion01 .heral-accordion01Head > .mark {
		position: absolute;
		top: 21px;
		left: 0;
		font-size: 1.2rem;
	}
	.heral-accordion01 .heral-accordion01Head > .sub {
		font-size: 1.2rem;
	}
	.heral-accordion01 .heral-accordion01Head::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 13px;
		height: 13px;
		margin-top: -6.5px;
		background: url("/designcard/heralbony/img-files/index_ic01.png") no-repeat 0 0 / cover;
		transform: rotate(0deg);
		transition: 0.3s all ease-out;
	}
	.heral-accordion01 .heral-accordion01Head.is-open::before {
		transform: rotate(90deg);
	}
	.heral-accordion02Wrap {
		margin-top: 50px;
	}
	.heral-accordion02Wrap >:first-child {
		margin-top: 0;
	}
	.heral-accordion02 .heral-accordion02Head {
		display: flex;
		position: relative;
		min-height: 70px;
		padding: 16px 25px 15px 30px;
		border-top: 1px solid #000;
		font-size: 1.6rem;
		line-height: 1.2;
		text-decoration: none;
	}
	.heral-accordion02 .heral-accordion02Body {
		padding-bottom: 45px;
	}
	.heral-accordion02 .heral-accordion02Title {
		width: 105px;
		margin-right: 10px;
	}
	.heral-accordion02 .heral-accordion02Place {
		font-size: 1.2rem;
	}
	.heral-accordion02 .heral-accordion02Title > .mark {
		position: absolute;
		top: 19px;
		left: 0;
		font-size: 1.2rem;
	}
	.heral-accordion02 .heral-accordion02Title > .sub {
		font-size: 1.2rem;
	}
	.heral-accordion02 .heral-accordion02Head::before,
	.heral-accordion02 .heral-accordion02Head::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 18px;
		height: 2px;
		margin-top: -1px;
		background: #000;
		transition: 0.3s all ease-out;
	}
	.heral-accordion02 .heral-accordion02Head::after {
		transform: rotate(-90deg);
		transition: 0.3s all ease-out;
	}
	.heral-accordion02 .heral-accordion02Head.is-open::after {
		transform: rotate(0deg);
	}
	.heral-areaAccordionWrap >:first-child {
		margin-top: 0;
	}
	.heral-areaAccordion .heral-areaAccordionHead {
		display: flex;
		position: relative;
		min-height: 104px;
		padding: 16px 25px 15px 30px;
		border-top: 1px solid #000;
		font-size: 2rem;
		line-height: 1.2;
		text-decoration: none;
	}
	.heral-areaAccordion .heral-areaAccordionBody {
		padding-bottom: 28px;
	}
	.heral-areaAccordion .heral-areaAccordionTitle {
		width: 140px;
		margin-right: 20px;
	}
	.heral-areaAccordion .heral-areaAccordionPlace {
		font-size: 1.2rem;
	}
	.heral-areaAccordion .heral-areaAccordionTitle > .mark {
		position: absolute;
		top: 32px;
		left: 0;
		font-size: 1.2rem;
	}
	.heral-areaAccordion .heral-areaAccordionTitle > .sub {
		font-size: 1.2rem;
	}
	.heral-areaAccordion .heral-areaAccordionHead::before,
	.heral-areaAccordion .heral-areaAccordionHead::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 18px;
		height: 2px;
		margin-top: -1px;
		background: #000;
		transition: 0.3s all ease-out;
	}
	.heral-areaAccordion .heral-areaAccordionHead::after {
		transform: rotate(-90deg);
		transition: 0.3s all ease-out;
	}
	.heral-areaAccordion .heral-areaAccordionHead.is-open::after {
		transform: rotate(0deg);
	}
	/* slider */
	.heral-slideRotation {
		width: 100vw;
		margin-left: -30px;
		margin-top: 80px;
	}
	.heral-slideRotation .heral-slideRotationItem {
		width: 100%;
		height: 59px;
		background-image: url("/designcard/heralbony/img-files/index_tx03.png");
		background-repeat: repeat-x;
		background-size: auto 59px; 
		animation: loopSP 20s linear infinite;
	}
}
@keyframes loopPC {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -2200px 0; /* 画像のマイナス幅 */
	}
}
@keyframes loopSP {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -1100px 0; /* 画像のマイナス幅 */
	}
}