@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%; 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: #000000;
}
#mainContainer{
	overflow-x: hidden;
}
#mainContent{
	width: 1100px;
	margin: 0 auto;
}
.mt0 {
	margin-top: 0 !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
@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-start;
		position: relative;
		width: 1280px;
		margin: 0 auto;
		padding: 40px 0 0 0;
		z-index: 100;
	}
	#header .headerLogo {
		display: flex;
		align-items: center;
		gap: 20px;
		z-index: 9999;
	}
	#header .headerLogo img:nth-child(1) {
		height: 23px;
	}
	#header .headerLogo img:nth-child(2) {
		height: 19px;
	}
	#header .headerLogo img:nth-child(3) {
		height: 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: 1280px;
		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 170px 0 100px;
		overflow: hidden;
		font-size: 4rem;
		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: -170px;
		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: 15px;
		left: -110px;
		font-size: 1.6rem;
	}
	#header .headerMenuList {
		width: fit-content;
		margin-top: 220px;
		margin-left: 105px;
	}
	#header .headerMenuList > li + li {
		margin-top: 5px;
	}
	#header .headerMenuList > li > a {
		display: block;
		position: relative;
		padding-right: 35px;
		padding-bottom: 5px;
		overflow: hidden;
		font-size: 1.4rem;
		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: -32px;
		width: 15px;
		height: 15px;
		margin-top: -7px;
		background: url("/designcard/heralbony/img-files/index_ic01.png") no-repeat 0 0 / cover;
	}
	.headerMenu-Image {
		position: relative;
		left: 90%;
		bottom: 180px;
		z-index: 5001;
		width: 120px;
		opacity: 0;
		pointer-events: none;
		transform: translate3d(0, calc(50% + calc(46px * 1.046)), 0);
		transition: transform 1s cubic-bezier(0.85, 0.01, 0.4, 1), opacity 1s cubic-bezier(0.85, 0.01, 0.4, 1);
	}
	.headerMenu-Image.pc-paramPosition {
		margin-top: 220px;
	}
	#header.is-open .headerMenu-Image {
		opacity: 1;
		pointer-events: auto;
		transform: translate3d(0, 0, 0);
		transition: transform 1s cubic-bezier(0.31, 0, 0.05, 0.93), opacity 1s cubic-bezier(0.31, 0, 0.05, 0.93);
		transition-delay: 0.4s;
	}
	.headerMenu-ImageItem {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		opacity: 0;
		transition: opacity 0.75s ease;
	}
	.headerMenu-ImageItem.is-active {
		opacity: 1;
	}
	/*--------------------------------
	 * footer
	--------------------------------*/
	#footer {
		border-top: none;
		padding: 10px 0 20px 0;
		text-align: center;
	}
	#footer .copyright {
		font-size: 1.2rem;
	}
	/*--------------------------------
	 * mainVisual
	--------------------------------*/
	.heral-mainVisual .heral-mainVisualInner {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	.heral-mainVisual .heral-mainTextWrap::before {
		content: '';
		position: absolute;
		width: 590px;
		height: 1009px;
		top: -100px;
		right: 0;
		margin: auto;
		background-color: #fff;
		mix-blend-mode: difference;
		z-index: 20;
	}
	.heral-mainVisual .heral-mainTextWrap::after {
		content: '';
		position: absolute;
		width: 590px;
		height: 1009px;
		top: -100px;
		left: 0;
		background-color: #fff;
		mix-blend-mode: difference;
		z-index: 20;
	}
	.heral-mainVisual .heral-mainTextWrap {
		position: absolute;
		top: 0;
		left: 50%;
		width: 1920px;
		height: 325px;
		transform: translateX(-50%);
		z-index: 10;
		overflow: hidden;
	}
	.heral-mainVisual .heral-mainTextWrap .heral-mainTextInner {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.heral-mainVisual .heral-mainTextWrap .heral-mainTextItem {
		width: 100%;
		height: 100%;
		background-image: url("/gecard/iwtheralbony/img-files/pc_index_tx01.png");
		background-repeat: repeat-x;
		background-size: 2956px 169px;
		background-position: -2956px 100px;
		animation: loopMainTextPC 36s linear infinite;
		will-change: background-position;
		transform: translateZ(0);
		backface-visibility: hidden;
	}
	.heral-mainVisual .heral-mainCardWrap {
		position: absolute;
		top: 0;
		left: 50%;
		width: 1920px;
		height: 325px;
		transform: translateX(-50%);
		z-index: 15;
		overflow: hidden;
		pointer-events: none;
	}
	.heral-mainVisual .heral-mainCardWrap .heral-mainCardInner {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.heral-mainVisual .heral-mainCardWrap .heral-mainCardItem {
		width: 100%;
		height: 100%;
		background-image: url("/gecard/iwtheralbony/img-files/index_card01.png"), url("/gecard/iwtheralbony/img-files/index_card01.png"), url("/gecard/iwtheralbony/img-files/index_card01.png");
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-size: 200px 132px, 200px 132px, 200px 132px;
		background-position: -1711px 115px, -233px 115px, 1245px 115px;
		animation: loopCardPC 36s linear infinite;
	}
	.heral-mainImage {
		display: block;
		width: 740px;
		height: 1000px;
		margin: 0 auto;
	}
	.heral-txt01 {
		width: 15px;
		position: absolute;
		top: 40%;
		z-index: 30;
	}
	.heral-txt02 {
        position: absolute;
        top: 66%;
        right: 0;
        left: 0;
        z-index: 30;
        width: 600px;
        margin: 0 auto;
 }
	.heral-sideMenu {
		position: absolute;
		left: 92%;
		top: 45%;
		display: flex;
		flex-direction: column;
		gap: 70px;
		width: 130px;
		z-index: 30;
	}
	.heral-sideMenuText {
		font-size: 1.8rem;
		line-height: 1.2;
		text-align: right;
	}
	.heral-sideMenuItem {
		margin-bottom: 30px;
	}

	.heral-sideMenuItemTextIcon {
		margin-bottom: 7px;
		display: block;
	}
	.heral-sideMenuItemTextIcon.pc-only {
		display: block;
	}
	.heral-sideMenuItem a {
		display: block;
		position: relative;
		width: 100%;
		height: 25px;
		text-decoration: none;
		font-size: 1.4rem;
		overflow: hidden;
		border-bottom: 1px solid #070203;
		padding-bottom: 2px;
	}
	.heral-sideMenuItem a > span {
		display: block;
		position: relative;
		padding-right: 25px;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	.heral-sideMenuItem a > span::before {
		content: '';
		position: absolute;
		bottom: 4px;
		right: 0;
		width: 14px;
		height: 14px;
		background: url("/designcard/heralbony/img-files/index_ic01.png") no-repeat;
		background-size: contain;
	}
	.heral-sideMenuItem a > span:nth-child(2) {
		transform-origin: 50% 50%;
		transform: translate3d(0, 0, 0) rotateX(-90deg);
	}
	.heral-sideMenuItem a:hover > span:first-child {
		transform: translate3d(0, -50%, 0) rotateX(-90deg);
	}
	.heral-sideMenuItem a:hover > span:nth-child(2) {
		transform: translate3d(0, -100%, 0);
	}
	.heral-sideMenuItemTextText {
		font-size: 1.1rem;
		line-height: 1.4;
		display: inline-block;
	}
	/*--------------------------------
	 * module
	--------------------------------*/
	/* heading */
	.heral-heading02 {
		margin-top: 60px;
		font-size: 1.6rem;
	}
	/* text */
	.heral-text01 {
		font-size: 2rem;
	}

	.heral-text02 {
		font-size: 1.6rem;
	}

	.heral-text03 {
		margin-top: 20px;
		font-size: 1.6rem;
	}

	h3.heral-text03 {
		text-indent: -10px;
	}

	.heral-text04 {
		margin-top: 20px;
		font-size: 2.4rem;
		text-align: center;
	}

	.heral-text05 {
		font-size: 1.3rem;
	}

	/* heral-box */
	.heral-box {
		margin-bottom: 90px;
	}
	.heral-noteList {
		margin: 15px 0 0 0;
	}
	.heral-noteList > li {
		position: relative;
		padding-left: 1.2em;
		font-size: 1.3rem;
	}
	.heral-noteList > li + li {
		margin-top: 7px;
	}
	.heral-about .heral-noteList > li + li {
		margin-top: 0px;
	}
	.heral-noteList > li > .mark {
        position: absolute;
        top: -3px;
        left: 0;
        font-size: 16px;
        font-size: 1.6rem;
 }

	.heral-noteList dd {
		border-left: 1px solid #000;
		padding-left: 15px;
		margin: 3px 0 0 3px;
	}
	.heral-ancNavList {
		display: flex;
		justify-content: space-between;
		max-width: 70%;
		margin: 120px auto 10px auto;
	}
	.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);
	}
	/* animation section */
	.heral-animationSection {
		position: relative;
		width: 100vw;
		height: 200px;
		margin-left: calc(50% - 50vw);
		overflow: hidden;
		z-index: 1;
	}
	.heral-animationSection .heral-mainTextWrap::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #fff;
		mix-blend-mode: difference;
		z-index: 20;
	}
	.heral-animationSection .heral-mainTextWrap {
		position: absolute;
		top: 0;
		left: 50%;
		width: 1920px;
		height: 200px;
		transform: translateX(-50%);
		z-index: 10;
		overflow: hidden;
	}
	.heral-animationSection .heral-mainTextWrap .heral-mainTextInner {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.heral-animationSection .heral-mainTextWrap .heral-mainTextItem {
		width: 100%;
		height: 100%;
		background-image: url("/gecard/iwtheralbony/img-files/pc_index_tx01.png");
		background-repeat: repeat-x;
		background-size: 2956px 169px;
		background-position: -2956px center;
		animation: loopMainTextPC 36s linear infinite;
		will-change: background-position;
		transform: translateZ(0);
		backface-visibility: hidden;
	}
	.heral-animationSection .heral-mainCardWrap {
		position: absolute;
		top: 0;
		left: 50%;
		width: 1920px;
		height: 200px;
		transform: translateX(-50%);
		z-index: 15;
		overflow: hidden;
		pointer-events: none;
	}
	.heral-animationSection .heral-mainCardWrap .heral-mainCardInner {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.heral-animationSection .heral-mainCardWrap .heral-mainCardItem {
		width: 100%;
		height: 100%;
		background-image: url("/gecard/iwtheralbony/img-files/index_card01.png"), url("/gecard/iwtheralbony/img-files/index_card01.png"), url("/gecard/iwtheralbony/img-files/index_card01.png");
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-size: 200px 132px, 200px 132px, 200px 132px;
		background-position: -1711px center, -233px center, 1245px center;
		animation: loopCardPC 36s linear infinite;
	}
	/* image */
	.heral-imageArea {
		position: relative;
		width: 100vw;
		left: 50%;
		transform: translateX(-50%);
	}
	.heral-imageArea .heral-imageAreaInner {
		width: max(100vw,1050px);
		margin: 0 auto;
	}
	.heral-image {
		width: 100%;
		display: flex;
		align-items: center;
		overflow: hidden;
	}
	.heral-image img {
		width: 100vw;
		height: auto;
		min-width: 100%;
		object-fit: cover;
		display: block;
	}
	/* card */
	.heral-cardWrap {
		display: flex;
		flex-flow: row wrap;
		margin-top: 120px;
		max-width: 1060px;
	}
	.heral-card {
		width: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 15px;
	}

	.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.4rem;
	}
	.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;
		align-items: flex-end;
		position: relative;
		min-width: 232px;
		min-height: 46px;
		padding: 10px 38px 10px 20px;
		border-radius: 0;
		border: 1px solid #000;
		overflow: hidden;
		font-size: 1.4rem;
		text-decoration: none;
		color: #000;
	}
	.heral-card .heral-cardApplyButton a:hover {
		color: #fff;
	}
	.heral-card .heral-cardApplyButton a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		width: 19px;
		height: 19px;
		margin-top: -10px;
		background: url("/gecard/iwtheralbony/img-files/index_ic02.png") no-repeat 0 0 / cover;
		transform: rotate(-90deg);
		transition: 0.3s all ease-out;
		z-index: 1;
	}
	.heral-card .heral-cardApplyButton a:hover::before {
		filter: brightness(0) invert(1);
	}
	.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 */
	.heral-card02 {
        margin-top: 50px;
        padding: 40px;
        border: 1px solid #000;
		margin-bottom: 40px;
	}

	.heral-card02 .heral-cardHead {
		display: flex;
        align-items: center;
        text-align: center;
	}
	.heral-card02 .heral-cardSub {
		font-size: 1.6rem;
		width: 50%;
	}
	.heral-card02 .heral-cardSub:last-child {
		padding-left: 80px;
	}

	.heral-card02 .heral-cardImage {
		text-align: center;
		margin: 50px 0 60px 0;
	}

	.heral-card02 .heral-cardText p {
		font-size: 1.7rem;
		text-align: center;
	}

	/* 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: 220px;
		justify-content: flex-end;
	}
	.heral-column02 .heral-column02Item:nth-child(2n+1) {
		flex-shrink: 0;
	}
	.heral-column02 .heral-column02Item >:first-child {
		margin-top: 0;
	}
	.heral-column02 .heral-column02Image {
		margin-left: -80px;
	}
	.heral-column03 {
		display: flex;
		align-items: center;
		margin-top: 70px;
	}
	.heral-column03 + .heral-column03 {
		margin-top: 120px;
	}
	.heral-column03 .heral-column03Item:first-child {
		width: 170px;
	}
	.heral-column03 .heral-column03Item >:first-child {
		margin-top: 0;
	}
	.heral-column03 .heral-column03Item:nth-child(2) {
		width: 730px;
	}
	.heral-column03 .heral-column03Title {
		font-size: 2.0rem;
		writing-mode: vertical-rl;
		padding-left: 40px;
	}
	.heral-column03 .heral-aboutLinkList {
		margin-top: 90px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 5px 20px;
	}
	.heral-column03 .heral-aboutLinkList > li {
		margin-top: 0;
	}
	.heral-column03 .heral-aboutLinkList > li > a {
		display: block;
		width: fit-content;
		height: 20px;
		overflow: hidden;
		font-size: 1.4rem;
		text-decoration: none;
	}
	.heral-column03 .heral-aboutLinkList > li > a .heral-aboutLinkListText {
		display: block;
		position: relative;
		width: fit-content;
		padding-right: 40px;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	.heral-column03 .heral-aboutLinkList > li > a .heral-aboutLinkListText:nth-child(2) {
		transform-origin: 50% 50%;
		transform: translate3d(0, 0, 0) rotateX(-90deg);
	}
	.heral-column03 .heral-aboutLinkList > li > a:hover .heral-aboutLinkListText:first-child {
		transform: translate3d(0, -50%, 0) rotateX(-90deg);
	}
	.heral-column03 .heral-aboutLinkList > li > a:hover .heral-aboutLinkListText:nth-child(2) {
		transform: translate3d(0, -100%, 0);
	}
	.heral-column03 .heral-aboutLinkList > li > a .heral-aboutLinkListText::before {
		content: '';
		position: absolute;
		bottom: 4px;
		right: 0px;
		width: 13px;
		height: 13px;
		background: url(/gecard/iwtheralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
	}


	/* catch copy */
	.heral-mainVisualCatchCopyWrap {
		max-width: 780px;
		margin: 90px auto 140px auto;
	}
	.heral-mainVisualCatchCopy {
		position: relative;
		margin-bottom: 25px;
	}
	.heral-mainVisualCatchCopyCard li {
		position: absolute;
	}
	.heral-mainVisualCatchCopyCard li:first-child {
		left: 33%;
		top: -9%;
	}
	.heral-mainVisualCatchCopyCard li:last-child {
		right: -2%;
		top: 50%;
	}
	.heral-mainVisualCatchCopy + p.heral-text01 {
		margin-bottom: 140px;
	}
	.heral-mainVisualCatchCopy ~ p.heral-text02 {
		line-height: 2.4;
	}


	/*--------------------------------
	 * ABOUT
	--------------------------------*/

	.heral-about >:first-child {
		margin-top: 0!important;
	}
	.heral-about p {
		font-size: 1.3rem;
	}

	.heral-column03 .heral-list, 
	.heral-column03 .heral-list > li + li, 
	.heral-column03 .heral-noteList > li + li, 
	.heral-column03 .heral-noteList {
		margin-top: 0px;
	}
	.heral-about .heral-aboutBody {
		width: 55%;
	}
	.heral-about .heral-list > li + li {
		margin-top: 0px;
	}
	.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-aboutText02 .heral-aboutText02Title::after {
		content: '：'
	}
	.heral-about .heral-aboutLinkList {
		margin-top: 20px;
	}
	.heral-about .heral-aboutLinkList > li {
		margin-top: 5px;
	}
	.heral-about .heral-aboutLinkList > li > a {
		display: block;
		width: 100%;
		height: 20px;
		overflow: hidden;
		font-size: 1.3rem;
		text-decoration: none;
	}
	.heral-about .heral-aboutLinkList > li > a .heral-aboutLinkListText {
		display: block;
		position: relative;
		width: 100%;
		padding-right: 0;
		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: 6px;
		right: 0px;
		width: 10px;
		height: 10px;
		background: url(/gecard/iwtheralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
	}
	.heral-about .heral-aboutImage {
		margin-top: 15px;
	}
	/* about02 */
	.heral-about02 {
		position: relative;
		margin-top: 30px;
		padding-bottom: 20px;
		border-bottom: 1px solid #000;
	}
	.heral-about02 >:first-child {
		margin-top: 0!important;
	}
	.heral-about02 .heral-about02Body {
		width: 55%;
	}
	.heral-about02 .heral-about02Title {
		margin-top: 20px;
		font-size: 1.3rem;
	}
	.heral-about02 .heral-about02Text {
		margin-top: 15px;
		font-size: 1.2rem;
	}
	.heral-about02 .heral-about02Text02 {
		margin-top: 15px;
		font-size: 1.2rem;
	}
	.heral-about02 .heral-about02Text02 + .heral-about02Text02 {
		margin-top: 0;
	}
	.heral-about02 .heral-about02Text02 .heral-about02Text02Title::after {
		content: '：'
	}
	.heral-about02 .heral-about02LinkList {
		position: absolute;
		bottom: 10px;
		right: 0;
	}
	.heral-about02 .heral-about02LinkList > li {
		margin-top: 5px;
	}
	.heral-about02 .heral-about02LinkList > li > a {
		display: block;
		height: 16px;
		overflow: hidden;
		font-size: 1.2rem;
		text-decoration: none;
	}
	.heral-about02 .heral-about02LinkList > li > a .heral-about02LinkListText {
		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-about02 .heral-about02LinkList > li > a .heral-about02LinkListText:nth-child(2) {
		transform-origin: 50% 50%;
		transform: translate3d(0, 0, 0) rotateX(-90deg);
	}
	.heral-about02 .heral-about02LinkList > li > a:hover .heral-about02LinkListText:first-child {
		transform: translate3d(0, -50%, 0) rotateX(-90deg);
	}
	.heral-about02 .heral-about02LinkList > li > a:hover .heral-about02LinkListText:nth-child(2) {
		transform: translate3d(0, -100%, 0);
	}
	.heral-about02 .heral-about02LinkList > li > a .heral-about02LinkListText::before {
		content: '';
		position: absolute;
		bottom: 4px;
		right: 0;
		width: 12px;
		height: 12px;
		background: url(/gecard/iwtheralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
	}
	.heral-about02 .heral-about02Image {
		margin-top: 15px;
	}
	/* flow */
	.heral-flowWrap {
		margin-top: 0;
	}
	.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(/gecard/iwtheralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
		transform: rotate(45deg);
	}

	/*--------------------------------
	 * ART WORK
	--------------------------------*/
	.heral-imageArea.artWork {
		margin-bottom: -92px;
	}
	.heral-artWorkList {
		position: relative;

	}
	.heral-artWorkListItem:first-child {
		display: flex;
        align-items: flex-end;
        margin-bottom: 70px;
        gap: 120px;
		
	}
	.heral-artWorkListItem:last-child {
		display: flex;
	}
	.heral-artWorkName {
		display: flex;
		align-items: anchor-center;
	}
	.heral-artWorkName div:first-child {
		font-size: 3.2rem;
		min-width: 300px;
		padding-left: 10px;
	}
	.heral-artWorkName div:last-child {
		font-size: 4rem;
	}
	.heral-artWorkPlace {
        font-size: 1.4rem;
        line-height: 1.2;
        margin-bottom: 14px;
	}
	.heral-artWorkImage img {
		display: block;
		width: 120px;
		height: 160px;
		object-fit: cover;
	}
	.heral-artWorkTitle {
		font-size: 2.4rem;
		min-width: 300px;
	}
	.heral-artWorkTitle span {
		display: block;
		font-size: 1.4rem;
		padding-left: 16px;
	}
	.heral-artWorkText {
		font-size: 1.4rem;
		line-height: 1.7;
	}

	.heral-artWorkImage {
		flex-shrink: 0;
		margin-left: auto;
	}

	/* select apply button */
	.heral-cardWrap + .heral-cardApplyButton {
		text-align: center;
		margin-top: 100px;
	}
	.heral-cardWrap + .heral-cardApplyButton li {
		display: inline-block;
	}
	.heral-cardWrap + .heral-cardApplyButton a {
        display: inline-flex;
        align-items: center;
        position: relative;
        min-width: 232px;
        min-height: 46px;
        padding: 15px 40px 15px 20px;
        border-radius: 0;
        border: 1px solid #000;
        overflow: hidden;
        font-size: 1.4rem;
        text-decoration: none;
        color: #000;
 }
	.heral-cardWrap + .heral-cardApplyButton a:hover {
		color: #fff;
	}
	.heral-cardWrap + .heral-cardApplyButton a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		width: 17px;
		height: 17px;
		margin-top: -8px;
		background: url(/gecard/iwtheralbony/img-files/index_ic02.png) no-repeat 0 0 / cover;
		transition: 0.3s all ease-out;
		z-index: 1;
	}
	.heral-cardWrap + .heral-cardApplyButton a:hover::before {
		filter: brightness(0) invert(1);
	}
	.heral-cardWrap + .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-cardWrap + .heral-cardApplyButton a:hover::after {
		width: 100%;
	}
	.heral-cardWrap + .heral-cardApplyButton a .heralbony-applyBtnText {
		position: relative;
		z-index: 1;
	}

	/* media05Body apply button */
	.heral-media05Body .heral-cardApplyButton {
		margin-top: 20px;
	}
	.heral-media05Body .heral-cardApplyButton li {
		display: inline-block;
	}
	.heral-media05Body .heral-cardApplyButton li.pc-only {
		display: inline-block;
	}
	.heral-media05Body .heral-cardApplyButton li.sp-only {
		display: none !important;
	}
	.heral-media05Body .heral-cardApplyButton a {
        display: inline-flex;
        align-items: flex-end;
        position: relative;
        min-width: 232px;
        min-height: 46px;
        padding: 10px 38px 10px 20px;
        border-radius: 0;
        border: 1px solid #000;
        overflow: hidden;
        font-size: 1.4rem;
        text-decoration: none;
        color: #000;
	}
	.heral-media05Body .heral-cardApplyButton a:hover {
		color: #fff;
	}
	.heral-media05Body .heral-cardApplyButton a::before {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        width: 19px;
        height: 19px;
        margin-top: -10px;
        background: url(/gecard/iwtheralbony/img-files/index_ic02.png) no-repeat 0 0 / cover;
        transform: rotate(-90deg);
        transition: 0.3s all ease-out;
        z-index: 1;
	}
	.heral-media05Body .heral-cardApplyButton a:hover::before {
		filter: brightness(0) invert(1);
	}
	.heral-media05Body .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-media05Body .heral-cardApplyButton a:hover::after {
		width: 100%;
	}
	.heral-media05Body .heral-cardApplyButton a .heralbony-applyBtnText {
		position: relative;
		z-index: 1;
	}

	/* media */
	.heral-media {
		display: flex;
		margin-top: 40px;
		justify-content: space-between;
	}
	.heral-media .heral-mediaHead {
		display: flex;
	}
	.heral-media .heral-mediaBody {
		max-width: 400px;
	}
	.heral-media .heral-mediaImage {
		width: 540px;
	}
	.heral-media .heral-mediaTitle {
		font-size: 2.4rem;
		margin-bottom: 180px;
	}
	.heral-media .heral-mediaText {
		font-size: 1.4rem;
		max-width: 360px;
		line-height: 1.8;
		margin-bottom: 60px;
	}
	.heral-media .heral-aboutLinkList {
		margin-top: 20px;
		max-width: 242px;
	}
	.heral-media .heral-aboutLinkList > li {
		margin-top: 5px;
	}
	.heral-media .heral-aboutLinkList > li > a {
		display: block;
		width: 242px;
		height: 20px;
		overflow: hidden;
		font-size: 1.4rem;
		text-decoration: none;
	}
	.heral-media .heral-aboutLinkList > li > a .heral-aboutLinkListText {
		display: block;
		position: relative;
		width: 100%;
		padding-right: 0;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	.heral-media .heral-aboutLinkList > li > a .heral-aboutLinkListText:nth-child(2) {
		transform-origin: 50% 50%;
		transform: translate3d(0, 0, 0) rotateX(-90deg);
	}
	.heral-media .heral-aboutLinkList > li > a:hover .heral-aboutLinkListText:first-child {
		transform: translate3d(0, -50%, 0) rotateX(-90deg);
	}
	.heral-media .heral-aboutLinkList > li > a:hover .heral-aboutLinkListText:nth-child(2) {
		transform: translate3d(0, -100%, 0);
	}
	.heral-media .heral-aboutLinkList > li > a .heral-aboutLinkListText::before {
		content: '';
		position: absolute;
		bottom: 6px;
		right: 0px;
		width: 12px;
		height: 12px;
		background: url(/gecard/iwtheralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
	}
	.heral-media03 {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin-top: -72px;
	}
	.heral-media03 .heral-media03Head {
		flex-shrink: 0;
	}
	.heral-media03 .heral-media03Text {
		font-size: 2.4rem;
	}
	.heral-media04 {
		display: flex;
		justify-content: space-between;
		margin-top: 60px;
		width: 913px
	}
	.heral-media04 .heral-media04Body {
		width: 730px;
	}
	.heral-media04 .heral-media04SideTitle {
		padding-top: 21%;
		padding-left: 40px;
	}
	.heral-media04 .heral-media04SideTitle p {
		font-size: 2.4rem;
		writing-mode: vertical-rl;
	}
	.heral-media05 h2 {
		max-width: 589px;
		margin: 0 auto;
	}
	.heral-media05Item {
        display: flex;	
        gap: 30px;
	}
	.heral-media05 .heral-media05Item:nth-child(odd) {
		margin-bottom: -100px;
		margin: 40px 0 40px 40px;
	}
	.heral-media05 .heral-media05Item:nth-child(even) {
		flex-direction: row-reverse;
		gap: 15px;
		margin-bottom: 120px;
	}

	.heral-media05SideTitle {
		display: flex;
		gap: 5px;
	}

	.heral-media05 .heral-media05Item:nth-child(even) .heral-media05SideTitle {
		flex-direction: row-reverse;
		gap: 15px;
	}
	.heral-media05SideTitleNum {
		font-size: 12.8rem;
		font-family: 'Noto Sans JP', sans-serif;
		position: relative;
        top: -50px;
	}
	.heral-media05SideTitleText {
		font-size: 2.4rem;
		writing-mode: vertical-rl;
	}

	.heral-media05Body p {
		font-size: 2rem;
		line-height: 1.8;
	}
	.heral-media05 .heral-cardWrap {
		margin-top: 40px;

	}
	.heral-media05 .heral-card {
		gap: 0;
	}
	.heral-media05 .heral-card .heral-cardImage {
		width: 205px;
	}
	.heral-media05 .heral-media05Item:nth-child(even) .heral-media05Body {
		width: 700px;
	}

	.heral-media05BodyInner {
        padding-left: 280px;
	}

	.heral-media05 .heral-media05Item:nth-child(even) .heral-media05Body .heral-cardApplyButton {
		margin-top: 20px;
	}

	.heral-media05 .heral-media05Item:nth-child(even) .heral-media05Body .heral-cardApplyButton a {
		padding-left: 5px;
	}

	/* catch copy */
	.heral-catchCopy {
		display: flex;
		justify-content: center;
		flex-flow: column;
		align-items: center;
		max-width: 790px;
		margin: 220px auto 180px;
	}
	.heral-catchCopy .heral-text02 {
		margin: 10px 0 80px 0;
		line-height: 1.6;
	}

	/* slider */
	.heral-slideRotation {
		position: relative;
		left: 50%;
		width: 1920px;
		transform: translateX(-50%);
	}
	.heral-slideRotation .heral-slideRotationItem {
		width: 100%;
		height: 160px;
		background-image: url("/gecard/iwtheralbony/img-files/index_tx03.png");
		background-repeat: repeat-x;
		background-size: 1665px 160px;
		animation: loopPC 20s linear infinite;
		will-change: background-position;
		transform: translateZ(0);
		backface-visibility: hidden;
	}

	/* motion picture */
	.heral-motionPicture {
		position: relative;
		left: 50%;
		width: 1920px;
		height: 450px;
		margin-top: 100px;
		transform: translateX(-50%);
		overflow: hidden;
	}
	.heral-motionPictureTrack {
		position: absolute;
		display: flex;
		white-space: nowrap;
		width: max-content;
		will-change: transform;
		backface-visibility: hidden;
		visibility: hidden;
	}
	.heral-motionPictureTrack.is-ready {
		visibility: visible;
	}
	.heral-motionPictureTrack--large {
		top: 50px;
		left: 0;
		z-index: 1;
		gap: 180px;
		animation: scrollLarge 60s linear infinite;
	}
	.heral-motionPictureTrack--medium {
		top: 70px;
		left: -200px;
		z-index: 2;
		gap: 280px;
		animation: scrollMedium 45.7s linear infinite;
	}
	.heral-motionPictureTrack--small {
		top: 305px;
		left: -400px;
		z-index: 3;
		gap: 480px;
		animation: scrollSmall 53.3s linear infinite;
	}
	.heral-motionPictureItem {
		flex-shrink: 0;
		position: relative;
	}
	.heral-motionPictureItem--large img {
		width: 240px;
		height: 320px;
		object-fit: cover;
		display: block;
	}
	.heral-motionPictureItem--medium img {
		width: 120px;
		height: 180px;
		object-fit: cover;
		display: block;
	}
	.heral-motionPictureItem--small img {
		width: 80px;
		height: 120px;
		object-fit: cover;
		display: block;
	}
	@keyframes scrollLarge {
		0% {
			transform: translateX(-50%) translateZ(0);
		}
		100% {
			transform: translateX(0) translateZ(0);
		}
	}
	@keyframes scrollMedium {
		0% {
			transform: translateX(-50%) translateZ(0);
		}
		100% {
			transform: translateX(0) translateZ(0);
		}
	}
	@keyframes scrollSmall {
		0% {
			transform: translateX(-50%) translateZ(0);
		}
		100% {
			transform: translateX(0) translateZ(0);
		}
	}

	.heral-boxExample {
        margin-top: 20px;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        padding: 20px 0;
	}
	.heral-boxExampleInner {
        display: flex;
		justify-content: space-around;
		margin: 20px 0 30px 0;
	}
	.heral-boxExampleItem {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.heral-boxExampleItem p {
		margin-top: 10px;
	}
	.heral-boxExampleInnerNote {
		display: flex;
		justify-content: space-between;
	}

	.heral-boxExampleInnerNote ul {
		margin-top: 0;
	}

	.heral-waribikiLinkList {
		width: 145px;
	}
	.heral-waribikiLinkList > li > a {
		display: block;
		width: 100%;
		height: 20px;
		overflow: hidden;
		font-size: 1.3rem;
		text-decoration: none;
	}
	.heral-waribikiLinkList > li > a .heral-waribikiLinkListText {
		display: block;
		position: relative;
		width: 100%;
		padding-right: 0;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	.heral-waribikiLinkList > li > a .heral-waribikiLinkListText:nth-child(2) {
		transform-origin: 50% 50%;
		transform: translate3d(0, 0, 0) rotateX(-90deg);
	}
	.heral-waribikiLinkList > li > a:hover .heral-waribikiLinkListText:first-child {
		transform: translate3d(0, -50%, 0) rotateX(-90deg);
	}
	.heral-waribikiLinkList > li > a:hover .heral-waribikiLinkListText:nth-child(2) {
		transform: translate3d(0, -100%, 0);
	}
	.heral-waribikiLinkList > li > a .heral-waribikiLinkListText::before {
		content: '';
		position: absolute;
		bottom: 6px;
		right: 0px;
		width: 10px;
		height: 10px;
		background: url(/gecard/iwtheralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
	}

	.heral-boxExampleInnerNoteItem:last-child {
		display: flex;
		align-items: flex-end;
	}

	/* device break */
	.pc-only {
		display: inline;
	}
	.sp-only {
		display: none;
	}

	/* modal */
	.modalInlineWrapper {
		display: none;
	}
	#cboxOverlay {
		background: #000 !important;
	}
	#cboxContent {
		overflow: visible !important;
	}
	#colorbox #cboxLoadedContent {
		overflow: auto !important;
		overflow-x: hidden !important;
		margin-bottom:  0 !important;
	}
	#cboxClose {
		display: block;
		position: absolute;
		top: -20px !important;
		bottom: auto !important;
		right: -20px !important;
		background: url(/common-files/img/com_close_ic04.png) no-repeat 0 0 !important;
		width: 48px !important;
		height: 48px !important;
		text-indent: -9999px;
	}
	#cboxClose:hover {
		background: url(/common-files/img/com_close_ic04.png) no-repeat 0 0;
	}
	#cboxContent {
		max-width: 1100px;
		background-color: #ececec;
	}
	.modalContents {
		width: 100%;
		padding: 40px 30px;
		background-color: #fff;
	}
	.modalContents p {
		color: #231815;
	}
	.ModalInner .cb_close a:after {
		right: 10px;
		height: 14px;
		width: 14px;
		margin-top: -7px;
		background-image: url(/common-files/img/com_close_ic01.png);
	}
	.cb_close a {
		text-decoration: none;
	}
	.heral-modal-title {
		text-align: center;
		font-size: 3rem;
		font-weight: bold;
		color: #000;
	}
	.heral-modal-text {
		margin-top: 20px;
		font-size: 2rem;
		text-align: left;
		color: #000;
	}
	.heral-modal-image {
		width: 170px;
		height: auto;
		margin: 20px auto;
		text-align: center;
	}
	.heral-modal-image img {
		width: 100%;
		height: auto;
	}
	.btnLink01 {
		margin-top: 20px;
		text-align: center;
	}
	.btnLink01.alC {
		text-align: center;
	}
	.btnLink01 a,
	.btnLink01 input {
		display: inline-block;
		position: relative;
		padding: 19px 60px 17px 50px;
		color: #ffffff;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		line-height: 1.2;
		background-color: #a5001e;
		border-bottom: solid 3px #760015;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		border-radius: 9px;
	}
	.btnLink01.type02 a,
	.btnLink01.type02 input {
		color: #222222;
		background-color: #e6e6e6;
		border-bottom: solid 3px #a5a5a5;
	}
	.btnLink01.txtSmall a,
	.btnLink01.txtSmall input {
		padding: 12px 48px 10px 40px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.btnLink01.type02 a:hover,
	.btnLink01.type02 input:hover {
		margin-top: 2px;
		color: #222222;
		background-color: #ebebeb;
		border-bottom: solid 1px #b7b7b7;
	}
	.btnLink01 a:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 11px;
		height: 32px;
		width: 32px;
		margin-top: -14px;
		background: url(/common-files/img/com_btn_ic01.png) no-repeat 0 0;
	}

	/* ウェブチャ?会 */
	.box-web {
		display: none;
	}
	.box-web .heral-boxExample {
		padding: 10px 0 20px 0;
		margin-top: 15px;
	}
	.box-web .heral-boxExampleInner {
		justify-content: flex-start;
		margin: 0px 0 10px 0;
	}
	.box-web .heral-boxExampleItem {
		position: relative;
		left: -24px;
	}

}
@media print, screen and (max-width: 750px){
	#mainContainer{
		margin-top: 50px;
		overflow-x: hidden;
	}
	#mainContent{
		width: 100%;
		margin: 0 auto;
		padding: 0 20px;
		overflow: hidden;
	}
	/*--------------------------------
	 * header
	--------------------------------*/
	#header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0;
		border: none;
		z-index: 10000;
		background-color: #fff;
	}
	#header .headerInner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		width: 100%;
		height: 50px;
		margin: 0 auto;
		padding: 0 5px 0 20px;
	}
	#header .headerLogo {
		display: flex;
		align-items: center;
		gap: 20px;
		height: 16px;
		z-index: 10003;
	}
	#header .headerLogo img {
		height: auto;
	}
	#header .headerLogo img:nth-child(1) {
		height: 23px;
	}
	#header .headerLogo img:nth-child(2) {
		height: 15px;
	}
	#header .headerLogo img:nth-child(3) {
		height: 15px;
	}
	#header .headerMenu {
		position: relative;
		height: 18px;
		overflow: hidden;
		font-size: 1.2rem;
		text-decoration: none;
		z-index: 10003;
	}
	#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 20px 20px;
		z-index: 10002;
	}
	#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: 10001;
	}
	#header.is-open .headerMenuPanelBg {
		transform-origin: bottom;
		transform: scaleY(1);
	}
	#header .headerMenuListWrap {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		height: 100%;
		position: relative;
	}
	#header .headerMenuNumList {
		width: fit-content;
		margin-top: 60px;
		margin-bottom: auto;
	}
	#header .headerMenuNumList > li + li {
		margin-top: 30px;
	}
	#header .headerMenuNumList > li > a {
		display: block;
		position: relative;
		height: 24px;
		padding: 0 100px 0 60px;
		overflow: hidden;
		font-size: 2.3rem;
		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: -90px;
		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: 6px;
		left: -67px;
		font-size: 1rem;
	}
	#header .headerMenuList {
		width: fit-content;
		margin-top: auto;
		order: 2;
		padding-bottom: 20px;
	}
	#header .headerMenuList > li + li {
		margin-top: 10px;
	}
	#header .headerMenuList > li > a {
		display: block;
		position: relative;
		height: 16px;
		padding-right: 40px;
		overflow: hidden;
		font-size: 1.4rem;
		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: -30px;
		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);
	}
	.headerMenu-Image {
		position: absolute;
		right: 0;
		bottom: 200px;
		z-index: 10002;
		width: 120px;
		opacity: 0;
		pointer-events: none;
		order: 2;
		transform: translate3d(0, calc(50% + calc(46px * 1.046)), 0);
		transition: transform 1s cubic-bezier(0.85, 0.01, 0.4, 1), opacity 1s cubic-bezier(0.85, 0.01, 0.4, 1);
	}
	#header.is-open .headerMenu-Image {
		opacity: 1;
		pointer-events: auto;
		transform: translate3d(0, 0, 0);
		transition: transform 1s cubic-bezier(0.31, 0, 0.05, 0.93), opacity 1s cubic-bezier(0.31, 0, 0.05, 0.93);
		transition-delay: 0.4s;
	}
	.headerMenu-ImageItem {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		opacity: 0;
		transition: opacity 0.75s ease;
	}
	.headerMenu-ImageItem.is-active {
		opacity: 1;
	}
	/*--------------------------------
	 * footer
	--------------------------------*/
	#footer {
		margin-top: 15px;
		border-top: none;
		padding: 10px 0;
		text-align: center;
	}
	#footer .copyright {
		font-size: 1rem;
	}
	/*--------------------------------
	 * mainVisual
	--------------------------------*/
	.heral-mainVisual {
		position: relative;
	}
	.heral-mainVisual .heral-mainVisualInner {
		position: relative;
		width: 100%;
		height: auto;
	}
	.heral-mainVisual .heral-mainTextWrap {
		position: absolute;
		top: 0;
		left: -20px;
		width: calc(100% + 40px);
		height: 80px;
		margin-top: 0;
		z-index: 31;
		overflow: hidden;
	}
	.heral-mainVisual .heral-mainTextWrap .heral-mainTextInner {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.heral-mainVisual .heral-mainTextWrap .heral-mainTextItem {
		width: 100%;
		height: 100%;
		background-image: url("/gecard/iwtheralbony/img-files/sp_index_tx01.png");
		background-repeat: repeat-x;
		background-size: 759px auto;
		background-position: -759px center;
		animation: loopMainTextSP 26s linear infinite;
		will-change: background-position;
		transform: translateZ(0);
		backface-visibility: hidden;
	}
	.heral-mainVisual .heral-mainCardWrap {
		display: none;
	}
	.heral-mainImageWrap {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 10;
		padding-top: 90px;
	}
	.heral-mainImage {
		display: block;
		width: 100vw;
		height: auto;
		overflow: hidden;
		margin-left: -20px;
	}
	.heral-mainImage img {
		width: 100%;
		height: auto;
		display: block;
	}
	.heral-txt01 {
		position: absolute;
		top: 16%;
		left: -2px;
		z-index: 30;
		width: 15px;
	}
	.heral-txt01 img {
		width: 100%;
		height: auto;
		display: block;
	}
	.heral-txt02 {
		position: absolute;
		bottom: 30%;
		left: 0;
		z-index: 30;
		width: auto;
	}
	.heral-txt02 img {
		height: auto;
		display: block;
	}
	.heral-sideMenu {
		display: block;
		width: 100%;
		z-index: 31;
	}
	.heral-sideMenuText {
		font-size: 1.6rem;
		line-height: 1.4;
		text-align: right;
		position: absolute;
		top: 16%;
		right: 0;
		color: #fff;
	}
	.heral-sideMenuList {
		display: flex;
		gap: 40px;
		width: 100%;
		position: absolute;
		bottom: 15%;
		background: #fff;
		width: 100vw;
		margin-left: -20px;
		padding: 20px;
	}
	.heral-sideMenuList.is-fixed {
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 9999;
		margin-left: 0;
	}
	.heral-sideMenuItem {
		margin-bottom: 0;
		width: 50%;
	}
	.heral-sideMenuItem a {
		display: block;
		position: relative;
		width: 100%;
		height: 21px;
		min-height: 25px;
		text-decoration: none;
		font-size: 1.4rem;
		overflow: hidden;
		border-bottom: 1px solid #070203;
		padding-bottom: 5px;
	}
	.heral-sideMenuItem a > span {
		display: block;
		position: relative;
		padding-right: 25px;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	.heral-sideMenuItem a > span::before {
		content: '';
		position: absolute;
		bottom: 4px;
		right: 0;
		width: 14px;
		height: 14px;
		background: url("/designcard/heralbony/img-files/index_ic01.png") no-repeat;
		background-size: contain;
	}
	.heral-sideMenuItem a > span:nth-child(2) {
		transform-origin: 50% 50%;
		transform: translate3d(0, 0, 0) rotateX(-90deg);
	}
	.heral-sideMenuItemTextIcon {
		margin-bottom: 5px;
		display: block;
	}
	.heral-sideMenuItemTextIcon.sp-only {
		display: block;
	}
	.heral-sideMenuItemTextText {
		font-size: 1.1rem;
		line-height: 1.4;
		display: inline-block;
	}
	/*--------------------------------
	 * module
	--------------------------------*/
	/* heading */
	.heral-heading02 {
		margin-top: 60px;
		font-size: 1.3rem;
	}
	/* text */
	.heral-text01 {
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.heral-text02 {
		font-size: 1.2rem;
		line-height: 2;
	}
	.heral-text03 {
		margin-top: 20px;
		font-size: 1.3rem;
	}
	.heral-text04 {
		margin-top: 10px;
		font-size: 1rem;
		text-align: center;
	}
	.heral-text05 {
		font-size: 1.2rem;
	}
	.heral-box {
		margin-bottom: 60px;
	}
	.heral-noteList {
		margin: 15px 0 0 0;
		font-size: 1.2rem;
	}
	.heral-noteList > li {
		position: relative;
		padding-left: 13px;
		font-size: 1.1rem;
	}
	.heral-noteList > li + li {
		margin-top: 7px;
	}
	.heral-about .heral-noteList > li + li {
		margin-top: 0px;
	}
	.heral-noteList > li > .mark {
        position: absolute;
        top: -6px;
        left: 0;
        font-size: 1.6rem;
 }
	.heral-noteList dd {
		border-left: 1px solid #000;
		padding-left: 10px;
		margin: 3px 0 0 3px;
	}
	/* catch copy */
	.heral-mainVisualCatchCopyWrap {
		margin: 40px 0 50px 0;
		padding: 0;
		display: flex;
		flex-direction: column;
	}
	.heral-mainVisualCatchCopy {
		position: relative;
		text-align: left;
		display: contents;
	}
	.heral-mainVisualCatchCopy img {
		order: 1;
		margin-bottom: 30px;
	}
	.heral-mainVisualCatchCopy img {
		width: 100%;
		height: auto;
	}
	.heral-mainVisualCatchCopyCard {
		position: relative;
		width: 140px;
		height: 100px;
		margin: 15px auto 0;
		order: 3;
	}
	.heral-mainVisualCatchCopyCard ul {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.heral-mainVisualCatchCopyCard li {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		transition: opacity 0.75s ease;
	}
	.heral-mainVisualCatchCopyCard li.is-active {
		opacity: 1;
	}
	.heral-mainVisualCatchCopyCard li img {
		width: 100%;
		height: auto;
		display: block;
	}
	.heral-mainVisualCatchCopy + p.heral-text01 {
		margin-bottom: 0;
		font-size: 1.6rem;
		line-height: 1.6;
		text-align: left;
		order: 2;
	}
	.heral-mainVisualCatchCopy ~ p.heral-text02 {
		font-size: 1.3rem;
		line-height: 2;
		text-align: left;
		order: 4;
		margin-top: 30px;
	}
	.heral-ancNavList {
		display: flex;
		justify-content: space-between;
		width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
		margin-top: 50px;
		margin-bottom: 0;
		box-sizing: border-box;
	}
	.heral-ancNavList > li {
		flex: 1;
	}
	.heral-ancNavList > li > a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		font-size: 1.2rem;
		text-decoration: none;
		transition: all 0.3s ease;
	}
	.heral-ancNavList > li > a > .heral-ancNavListTextWrap {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.heral-ancNavList > li > a > .heral-ancNavListTextWrap > .heral-ancNavListText {
		display: block;
		white-space: nowrap;
	}
	.heral-ancNavList > li > a > .heral-ancNavListTextWrap > .heral-ancNavListText:nth-child(2) {
		display: none;
	}
	/* animation section */
	.heral-animationSection {
		position: relative;
		width: 100vw;
		height: 80px;
		overflow: hidden;
		margin-top: 10px;
		z-index: 1;
	}
	.heral-animationSection .heral-mainTextWrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		overflow: hidden;
	}
	.heral-animationSection .heral-mainTextWrap .heral-mainTextInner {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.heral-animationSection .heral-mainTextWrap .heral-mainTextItem {
		width: 100%;
		height: 100%;
		background-image: url("/gecard/iwtheralbony/img-files/sp_index_tx01.png");
		background-repeat: repeat-x;
		background-size: 759px auto;
		background-position: -759px center;
		animation: loopMainTextSP 26s linear infinite;
		will-change: background-position;
		transform: translateZ(0);
		backface-visibility: hidden;
	}
	.heral-animationSection .heral-mainCardWrap {
		display: none;
	}
	/* image */
	.heral-imageArea {
		width: 100vw;
		margin-left: -20px;
		margin-top: 100px;
	}
	.heral-imageArea .heral-imageAreaInner {
		width: 100%;
	}
	.heral-image {
		display: flex;
		align-items: center;
		width: 100%;
		overflow: hidden;
	}
	.heral-image > img {
		width: 100%;
		height: auto;
		min-width: 100%;
		object-fit: cover;
		display: block;
	}
	/*--------------------------------
	 * ABOUT
	--------------------------------*/
	.heral-about {
		margin-top: 40px;
	}
	.heral-about >:first-child {
		margin-top: 0!important;
	}
	.heral-about p {
		font-size: 1.1rem;
	}
	.heral-about .heral-noteList li {
		margin-top: 0px;
	}
	.heral-about .heral-aboutTitle {
		margin-top: 20px;
		font-size: 1.1rem;
	}
	.heral-about .heral-aboutText {
		margin-top: 15px;
		font-size: 1rem;
	}
	.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: 20px;
	}
	.heral-about .heral-aboutLinkList > li {
		margin-top: 5px;
	}
	.heral-about .heral-aboutLinkList > li > a {
		display: block;
		width: 100%;
		height: 20px;
		overflow: hidden;
		font-size: 1.1rem;
		text-decoration: none;
	}
	.heral-about .heral-aboutLinkList > li > a .heral-aboutLinkListText {
		display: block;
		position: relative;
		width: 100%;
		padding-right: 0;
		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: 6px;
		right: 0px;
		width: 10px;
		height: 10px;
		background: url(/gecard/iwtheralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
	}
	.heral-about .heral-aboutImage {
		margin-top: 10px;
	}
	/* about02 */
	.heral-about02 {
		margin-top: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #000;
	}
	.heral-about02 >:first-child {
		margin-top: 0!important;
	}
	.heral-about02 .heral-about02Title {
		margin-top: 20px;
		font-size: 1.3rem;
	}
	.heral-about02 .heral-about02Text {
		margin-top: 15px;
		font-size: 1.2rem;
	}
	.heral-about02 .heral-about02Text02 {
		display: flex;
		justify-content: space-between;
		margin-top: 15px;
		font-size: 1.2rem;
	}
	.heral-about02 .heral-about02Text02 + .heral-about02Text02 {
		margin-top: 0;
	}
	.heral-about02 .heral-about02LinkList {
		margin-top: 30px;
	}
	.heral-about02 .heral-about02LinkList > li {
		margin-top: 5px;
	}
	.heral-about02 .heral-about02LinkList > li > a {
		display: block;
		height: 16px;
		overflow: hidden;
		font-size: 1.2rem;
		text-decoration: none;
	}
	.heral-about02 .heral-about02LinkList > li > a .heral-about02LinkListText {
		display: block;
		position: relative;
		padding-right: 30px;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	.heral-about02 .heral-about02LinkList > li > a .heral-about02LinkListText:nth-child(2) {
		transform-origin: 50% 50%;
		transform: translate3d(0, 0, 0) rotateX(-90deg);
	}
	.heral-about02 .heral-about02LinkList > li > a:hover .heral-about02LinkListText:first-child {
		transform: translate3d(0, -50%, 0) rotateX(-90deg);
	}
	.heral-about02 .heral-about02LinkList > li > a:hover .heral-about02LinkListText:nth-child(2) {
		transform: translate3d(0, -100%, 0);
	}
	.heral-about02 .heral-about02LinkList > li > a .heral-about02LinkListText::before {
		content: '';
		position: absolute;
		bottom: 4px;
		right: 0;
		width: 12px;
		height: 12px;
		background: url(/gecard/iwtheralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
	}
	.heral-about02 .heral-about02Image {
		margin-top: 10px;
	}
	/* flow */
	.heral-flowWrap {
		margin-top: 0;
	}
	.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(/gecard/iwtheralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
		transform: rotate(45deg);
	}
	/*--------------------------------
	 * ART WORK
	--------------------------------*/
	.heral-imageArea.artWork {
		margin-bottom: -65px;
	}
	.heral-artWorkList {
		position: relative;
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-rows: auto auto;
		gap: 40px 20px;
	}
	.heral-artWorkListItem:first-child {
		grid-column: 1 / 3;
		grid-row: 1;
		display: grid;
		grid-template-columns: auto auto auto;
		grid-template-rows: auto;
		gap: 10px;
		align-items: end;
	}
	.heral-artWorkListItem:last-child {
		grid-column: 1 / 3;
		grid-row: 2;
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 0;
		align-items: start;
	}
	.heral-artWorkName {
		grid-column: 1;
		display: block;
	}
	.heral-artWorkName div:first-child {
		font-size: 1.3rem;
	}
	.heral-artWorkName div:last-child {
		font-size: 1.4rem;
	}
	.heral-artWorkPlace {
		grid-column: 2;
		font-size: 1rem;
		line-height: 1.2;
		padding-bottom: 10px;
	}
	.heral-artWorkImage {
		grid-column: 3;
		align-self: end;
	}
	.heral-artWorkImage img {
		display: block;
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	.heral-artWorkTitle {
		grid-column: 1;
		font-size: 1.6rem;
		margin-bottom: 0;
		position: relative;
		left: -10px;
	}
	.heral-artWorkTitle span {
		display: block;
		font-size: 1.4rem;
		padding-left: 10px;
	}
	.heral-artWorkText {
		grid-column: 2;
		font-size: 1.4rem;
		line-height: 2;
	}
	.heral-artWorkImage {
		flex-shrink: 0;
		margin-left: auto;
		width: 92px;
	}
	/* card */
	.heral-cardWrap {
		display: flex;
		flex-flow: row wrap;
		margin-top: 50px;
		max-width: 1060px;
		flex-direction: column;
		gap: 50px;
		align-items: center;
	}
	.heral-card {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 5px;
	}
	.heral-card .heral-cardImage {
		width: 243px;
	}
	.heral-card .heral-cardImage img {
		width: 100%;
		height: auto;
		display: block;
	}

	.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;
		margin-bottom: 5px;
	}
	.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;
		align-items: flex-end;
		position: relative;
		min-width: 232px;
		min-height: 46px;
		padding: 10px 38px 10px 20px;
		border-radius: 0;
		border: 1px solid #000;
		overflow: hidden;
		font-size: 1.4rem;
		text-decoration: none;
		color: #000;
	}
	.heral-card .heral-cardApplyButton a:hover {
		color: #fff;
	}
	.heral-card .heral-cardApplyButton a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		width: 19px;
		height: 19px;
		margin-top: -10px;
		background: url("/gecard/iwtheralbony/img-files/index_ic02.png") no-repeat 0 0 / cover;
		transform: rotate(-90deg);
		transition: 0.3s all ease-out;
		z-index: 1;
	}
	.heral-card .heral-cardApplyButton a:hover::before {
		filter: brightness(0) invert(1);
	}
	.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 {
        margin-top: 30px;
        padding: 20px;
        border: 1px solid #000;
        margin-bottom: 50px;
 }

	.heral-card02 .heral-cardHead {
		display: flex;
        align-items: center;
        text-align: center;
	}
	.heral-card02 .heral-cardSub {
		font-size: 1rem;
		width: 50%;
		padding-right: 30px;
	}
	.heral-card02 .heral-cardSub:last-child {
		padding-left: 25px;
		padding-right: 0;
	}

	.heral-card02 .heral-cardImage {
		text-align: center;
		margin: 20px 0 20px 0;
	}

	.heral-card02 .heral-cardText p {
		font-size: 1rem;
		text-align: center;
	}
	/* select apply button */
	.heral-cardWrap + .heral-cardApplyButton {
		text-align: center;
		margin-top: 70px;
	}
	.heral-cardWrap + .heral-cardApplyButton li {
		display: inline-block;
	}
	.heral-cardWrap + .heral-cardApplyButton a {
        display: inline-flex;
        align-items: center;
        position: relative;
        min-width: 232px;
        height: 46px;
        padding: 15px 40px 15px 20px;
        border-radius: 0;
        border: 1px solid #000;
        overflow: hidden;
        font-size: 1.4rem;
        text-decoration: none;
        color: #000;
        box-sizing: border-box;
 }
	.heral-cardWrap + .heral-cardApplyButton a:hover {
		color: #fff;
	}
	.heral-cardWrap + .heral-cardApplyButton a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		width: 17px;
		height: 17px;
		margin-top: -8px;
		background: url(/gecard/iwtheralbony/img-files/index_ic02.png) no-repeat 0 0 / cover;
		transition: 0.3s all ease-out;
		z-index: 1;
	}
	.heral-cardWrap + .heral-cardApplyButton a:hover::before {
		filter: brightness(0) invert(1);
	}
	.heral-cardWrap + .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-cardWrap + .heral-cardApplyButton a:hover::after {
		width: 100%;
	}
	.heral-cardWrap + .heral-cardApplyButton a .heralbony-applyBtnText {
		position: relative;
		z-index: 1;
	}

	/* media05Body apply button */
	.heral-media05Body .heral-cardApplyButton {
		margin-top: 20px;
	}
	.heral-media05Body .heral-cardApplyButton li {
		display: inline-block;
	}
	.heral-media05Body .heral-cardApplyButton a {
        display: inline-flex;
        align-items: flex-end;
        position: relative;
        min-width: 232px;
        min-height: 46px;
        padding: 10px 38px 10px 20px;
        border-radius: 0;
        border: 1px solid #000;
        overflow: hidden;
        font-size: 1.4rem;
        text-decoration: none;
        color: #000;
	}
	.heral-media05Body .heral-cardApplyButton a:hover {
		color: #fff;
	}
	.heral-media05Body .heral-cardApplyButton a::before {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        width: 19px;
        height: 19px;
        margin-top: -10px;
        background: url(/gecard/iwtheralbony/img-files/index_ic02.png) no-repeat 0 0 / cover;
        transform: rotate(-90deg);
        transition: 0.3s all ease-out;
        z-index: 1;
	}
	.heral-media05Body .heral-cardApplyButton a:hover::before {
		filter: brightness(0) invert(1);
	}
	.heral-media05Body .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-media05Body .heral-cardApplyButton a:hover::after {
		width: 100%;
	}
	.heral-media05Body .heral-cardApplyButton a .heralbony-applyBtnText {
		position: relative;
		z-index: 1;
	}

	/* motion picture */
	.heral-motionPicture {
		position: relative;
		width: 100vw;
		height: 300px;
		margin-top: 40px;
		margin-left: -20px;
		overflow: hidden;
	}
	.heral-motionPictureTrack {
		position: absolute;
		display: flex;
		white-space: nowrap;
		width: max-content;
		will-change: transform;
		backface-visibility: hidden;
		visibility: hidden;
	}
	.heral-motionPictureTrack.is-ready {
		visibility: visible;
	}
	.heral-motionPictureTrack--large {
		top: 33px;
		left: 0;
		z-index: 1;
		gap: 86px;
		animation: scrollLargeSP 35s linear infinite;
	}
	.heral-motionPictureTrack--medium {
		top: 45px;
		left: -133px;
		z-index: 2;
		gap: 134px;
		animation: scrollMediumSP 26.7s linear infinite;
	}
	.heral-motionPictureTrack--small {
		top: 157px;
		left: -267px;
		z-index: 3;
		gap: 96px;
		animation: scrollSmallSP 15.6s linear infinite;
	}
	.heral-motionPictureItem {
		flex-shrink: 0;
		position: relative;
	}
	.heral-motionPictureItem--large img {
		width: 114px;
		height: 153px;
		object-fit: cover;
		display: block;
	}
	.heral-motionPictureItem--medium img {
		width: 57px;
		height: 86px;
		object-fit: cover;
		display: block;
	}
	.heral-motionPictureItem--small img {
		width: 38px;
		height: 57px;
		object-fit: cover;
		display: block;
	}
	@keyframes scrollLargeSP {
		0% {
			transform: translateX(-50%) translateZ(0);
		}
		100% {
			transform: translateX(0) translateZ(0);
		}
	}
	@keyframes scrollMediumSP {
		0% {
			transform: translateX(-50%) translateZ(0);
		}
		100% {
			transform: translateX(0) translateZ(0);
		}
	}
	@keyframes scrollSmallSP {
		0% {
			transform: translateX(-50%) translateZ(0);
		}
		100% {
			transform: translateX(0) translateZ(0);
		}
	}

	/* column */
	.heral-column {
		margin-top: 110px;
	}
	.heral-column .heral-columnItem {
		width: 100%;
	}
	.heral-column .heral-columnItem >:first-child {
		margin-top: 0;
	}
	.heral-column02 {
		margin-top: 100px;
	}
	.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 {
		margin-right: -20px;
	}
	.heral-column02 .heral-column02Image img {
		width: 100%;
		height: auto;
		display: block;
	}
	.heral-column03 {
		display: flex;
		margin-top: 50px;
	}
	.heral-column03 + .heral-column03 {
		margin-top: 80px;
	}
	.heral-column03 .heral-column03Item:first-child {
		width: 140px;
	}
	.heral-column03 .heral-column03Item >:first-child {
		margin-top: 0;
	}
	.heral-column03 .heral-column03Item:nth-child(2) {
		width: 730px;
	}
	.heral-column03 .heral-column03Item * {
		font-size: 1.1rem;
	}
	.heral-column03 .heral-column03Title {
		font-size: 2.4rem;
		writing-mode: vertical-rl;
	}
	.heral-column03 .heral-list, 
	.heral-column03 .heral-list > li + li, 
	.heral-column03 .heral-noteList > li + li, 
	.heral-column03 .heral-noteList {
		margin-top: 0px;
	}
	.heral-column03 .heral-aboutLinkList {
		margin-top: 65px;
		display: flex;
		gap: 20px;
		flex-direction: column;
	}
	.heral-column03 .heral-aboutLinkList > li {
		margin-top: 0;
	}
	.heral-column03 .heral-aboutLinkList > li > a {
		display: block;
		width: fit-content;
		height: 20px;
		overflow: hidden;
		font-size: 1.4rem;
		text-decoration: none;
	}
	.heral-column03 .heral-aboutLinkList > li > a .heral-aboutLinkListText {
		display: block;
		position: relative;
		width: fit-content;
		padding-right: 20px;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	.heral-column03 .heral-aboutLinkList > li > a .heral-aboutLinkListText:nth-child(2) {
		transform-origin: 50% 50%;
		transform: translate3d(0, 0, 0) rotateX(-90deg);
	}
	.heral-column03 .heral-aboutLinkList > li > a:hover .heral-aboutLinkListText:first-child {
		transform: translate3d(0, -50%, 0) rotateX(-90deg);
	}
	.heral-column03 .heral-aboutLinkList > li > a:hover .heral-aboutLinkListText:nth-child(2) {
		transform: translate3d(0, -100%, 0);
	}
	.heral-column03 .heral-aboutLinkList > li > a .heral-aboutLinkListText::before {
		content: '';
		position: absolute;
		bottom: 6px;
		right: 0px;
		width: 8px;
		height: 8px;
		background: url(/gecard/iwtheralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
	}



	/* media */
	.heral-media {
		margin-top: 40px;
		display: flex;
		flex-direction: column;
	}
	.heral-media .heral-mediaHead {
		display: flex;
		justify-content: flex-end;
		order: 2;
		margin-bottom: 70px;
		margin-right: -20px;
	}
	.heral-media .heral-mediaBody {
		display: contents;
	}
	.heral-media .heral-mediaImage {
		width: 100%;
	}
	.heral-media .heral-mediaImage img {
		width: 100%;
		height: auto;
		display: block;
	}
	.heral-media .heral-mediaTitle {
		font-size: 1.8rem;
		order: 1;
		margin-bottom: 50px;
	}
	.heral-media .heral-mediaText {
		font-size: 1.3rem;
		line-height: 2;
		max-width: 100%;
		order: 3;
		margin-bottom: 0;
	}
	.heral-media .heral-aboutLinkList {
		margin-top: 40px;
		order: 4;
	}
	.heral-media .heral-aboutLinkList > li {
		margin-top: 5px;
	}
	.heral-media .heral-aboutLinkList > li > a {
		display: block;
		width: 100%;
		height: 20px;
		overflow: hidden;
		font-size: 1.4rem;
		text-decoration: none;
	}
	.heral-media .heral-aboutLinkList > li > a .heral-aboutLinkListText {
		display: block;
		position: relative;
		width: 70%;
		padding-right: 0;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	.heral-media .heral-aboutLinkList > li > a .heral-aboutLinkListText:nth-child(2) {
		transform-origin: 50% 50%;
		transform: translate3d(0, 0, 0) rotateX(-90deg);
	}
	.heral-media .heral-aboutLinkList > li > a:hover .heral-aboutLinkListText:first-child {
		transform: translate3d(0, -50%, 0) rotateX(-90deg);
	}
	.heral-media .heral-aboutLinkList > li > a:hover .heral-aboutLinkListText:nth-child(2) {
		transform: translate3d(0, -100%, 0);
	}
	.heral-media .heral-aboutLinkList > li > a .heral-aboutLinkListText::before {
		content: '';
		position: absolute;
		bottom: 6px;
		right: 0px;
		width: 12px;
		height: 12px;
		background: url(/gecard/iwtheralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
	}
	.heral-media03 {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
		margin-top: 30px;
	}
	.heral-media03 .heral-media03Head {
		flex-shrink: 0;
		width: 228px;
	}
	.heral-media03 .heral-media03Text {
		font-size: 1.8rem;
	}
	.heral-media04 {
		display: flex;
		margin-top: 0;
		justify-content: space-between;
		width: 100%;
	}
	.heral-media04 .heral-media04Body {
		width: auto;
	}
	.heral-media04 .heral-media04Body h2 {
		width: 95%;
		margin: 0 auto;
	}
	.heral-media04 .heral-media04SideTitle {
		padding-top: 27%;
		width: 30%;
	}
	.heral-media04 .heral-media04SideTitle p {
		font-size: 1rem;
		writing-mode: vertical-rl;
	}
	.heral-media04 .heral-media04Body .heral-box {
		width: calc(100% + 80px);
		margin-left: -55px;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	/* media05 */
	.heral-media05 {
		margin-top: -20px;
	}
	.heral-media05 h2 {
		max-width: 80%;
		margin: 0 auto;
	}
	.heral-media05Item {
        display: flex;
        gap: 10px;
 }
	.heral-media05 .heral-media05Item:nth-child(odd) {
		margin-bottom: -100px;
		margin: 40px -20px 40px -35px;
	}
	.heral-media05 .heral-media05Item:nth-child(even) {
		flex-direction: row-reverse;
		gap: 15px;
		margin-bottom: 120px;
		margin: 0 -26px 0 0;
	}

	.heral-media05SideTitle {
		display: flex;
		gap: 0;
	}

	.heral-media05 .heral-media05Item:nth-child(even) .heral-media05SideTitle {
		flex-direction: row-reverse;
		gap: 0;
	}
	.heral-media05SideTitleNum {
		font-size: 12.8rem;
		font-family: 'Noto Sans JP', sans-serif;
		position: relative;
        top: -50px;
	}
	.heral-media05SideTitleText {
		font-size: 2em;
		writing-mode: vertical-rl;
		margin-left: -10px;
	}

	.heral-media05Body p {
		font-size: 1.2rem;
		line-height: 1.8;
	}
	.heral-media05 .heral-cardWrap {
		margin-top: 40px;
		margin-left: 10px;
		align-items: flex-start;
	}
	.heral-media05 .heral-card {
		gap: 0;
	}
	.heral-media05 .heral-card .heral-cardImage {
		width: 140px;
	}
	.heral-media05 .heral-media05Item:nth-child(even) .heral-media05Body {
		width: 100%;
	}

	.heral-media05 .heral-media05Item:nth-child(even) .heral-media05Body .heral-cardApplyButton {
		margin-top: 20px;
	}

	.heral-media05 .heral-media05Item:nth-child(even) .heral-media05Body .heral-cardApplyButton a {
		padding-left: 5px;
	}
	.heral-media05Body .heral-cardApplyButton {
		margin-top: 20px;
		text-align: left;
	}
	.heral-media05Body .heral-cardApplyButton li {
		display: inline-block;
	}
	.heral-media05Body .heral-cardApplyButton li.pc-only {
		display: none !important;
	}
	.heral-media05Body .heral-cardApplyButton li.sp-only {
		display: inline-block;
	}
	.heral-media05Body .heral-cardApplyButton a {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-width: 198px;
		min-height: 37px;
		padding: 5px 30px 5px 5px;
		border: 1px solid #000;
		overflow: hidden;
		font-size: 1.2rem;
		text-decoration: none;
		transition: 0.3s all ease-out;
		color: #000;
	}
	.heral-media05Body .heral-cardApplyButton a:hover {
		color: #fff;
	}
	.heral-media05Body .heral-cardApplyButton a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 13px;
		width: 13px;
		height: 13px;
		margin-top: -6.5px;
		background: url("/gecard/iwtheralbony/img-files/index_ic02.png") no-repeat 0 0 / cover;
		transform: rotate(-90deg);
		transition: 0.3s all ease-out;
		z-index: 1;
	}
	.heral-media05Body .heral-cardApplyButton a:hover::before {
		filter: brightness(0) invert(1);
	}
	.heral-media05Body .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-media05Body .heral-cardApplyButton a:hover::after {
		width: 100%;
	}
	.heral-media05Body .heral-cardApplyButton a .heralbony-applyBtnText {
		position: relative;
		z-index: 1;
	}
	/* catch copy */
	.heral-catchCopy {
		display: grid;
		grid-template-columns: auto 1fr;
		grid-template-rows: auto auto;
		gap: 0 50px;
		margin: 80px 0 80px 0;
	}
	.heral-catchCopy h2 {
		grid-row: 1 / 3;
		grid-column: 1;
		writing-mode: vertical-rl;
		margin: 0;
		width: 88px;
		margin-left: -20px;
	}
	.heral-catchCopy h2 img {
		width: 88px;
		height: auto;
	}
	.heral-catchCopy .heral-text02 {
		grid-row: 1;
		grid-column: 2;
		font-size: 1.3rem;
		line-height: 1.7;
		margin: 0;
		text-align: left;
	}
	.heral-catchCopy > img {
		grid-row: 2;
		grid-column: 2;
		width: 185px;
		height: auto;
		margin-top: 270px;
		justify-self: center;
	}
	/* box example */
	.heral-boxExample {
        margin-top: 20px;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        padding: 20px 0 10px 0;
 }
	.heral-boxExampleInner {
        display: flex;
		justify-content: space-around;
		margin: 20px 0 30px 0;
	}
	.heral-boxExampleItem {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.heral-boxExampleItem p {
		margin-top: 10px;
		text-align: center;
	}
	.new-entry img {
		width: 100px;
	}
	.heral-boxExampleInnerNote {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}

	.heral-boxExampleInnerNote ul {
		margin-top: 0;
	}

	.heral-waribikiLinkList {
		width: 145px;
		margin-left: auto;
	}
	.heral-boxExampleInnerNoteItem:last-child {
		display: flex;
		align-items: flex-end;
		margin-top: 40px;
	}
	/* slider */
	.heral-slideRotation {
		position: relative;
		width: 100vw;
		margin-left: -20px;
		overflow: hidden;
	}
	.heral-slideRotation .heral-slideRotationItem {
		width: 100%;
		height: 56px;
		background-image: url("/gecard/iwtheralbony/img-files/index_tx03.png");
		background-repeat: repeat-x;
		background-size: 586px 56px;
		animation: loopSP 20s linear infinite;
		will-change: background-position;
		transform: translateZ(0);
		backface-visibility: hidden;
	}
	/* waribiki link */
	.heral-waribikiLinkList > li > a {
		display: block;
		width: 100%;
		height: 20px;
		overflow: hidden;
		font-size: 1.2rem;
		text-decoration: none;
	}
	.heral-waribikiLinkList > li > a .heral-waribikiLinkListText {
		display: block;
		position: relative;
		width: 100%;
		padding-right: 0;
		transition: transform 0.65s cubic-bezier(0.1, 0.76, 0.4, 0.94);
	}
	.heral-waribikiLinkList > li > a .heral-waribikiLinkListText:nth-child(2) {
		transform-origin: 50% 50%;
		transform: translate3d(0, 0, 0) rotateX(-90deg);
	}
	.heral-waribikiLinkList > li > a:hover .heral-waribikiLinkListText:first-child {
		transform: translate3d(0, -50%, 0) rotateX(-90deg);
	}
	.heral-waribikiLinkList > li > a:hover .heral-waribikiLinkListText:nth-child(2) {
		transform: translate3d(0, -100%, 0);
	}
	.heral-waribikiLinkList > li > a .heral-waribikiLinkListText::before {
		content: '';
		position: absolute;
		bottom: 4px;
		right: 0px;
		width: 10px;
		height: 10px;
		background: url(/gecard/iwtheralbony/img-files/index_ic01.png) no-repeat 0 0 / cover;
	}
	/*--------------------------------
	 * footer
	--------------------------------*/
	#footer {
		margin-top: 0px;
		border-top: none;
		padding: 10px 0 100px 0;
		text-align: center;
	}
	#footer .copyright {
		font-size: 1rem;
	}
	
	/* device break */
	.pc-only {
		display: none;
	}
	.sp-only {
		display: inline;
	}

	/* modal */
	.modalInlineWrapper {
		display: none;
	}
	#cboxOverlay {
		background: #000 !important;
	}
	#cboxContent {
		background-color: #ececec;
	}
	.modalContents {
		width: 100%;
		padding: 40px 20px;
		background-color: #fff;
	}
	.modalContents p {
		color: #231815;
	}
	.ModalInner .cb_close a:after {
		right: 10px;
		height: 14px;
		width: 14px;
		margin-top: -7px;
		background-image: url(/common-files/img/com_close_ic01.png);
	}
	.heral-modal-title {
		text-align: center;
		font-size: 2rem;
		font-weight: bold;
		color: #000;
	}
	.heral-modal-text {
		margin-top: 16px;
		font-size: 1.4rem;
		text-align: center;
		color: #000;
	}
	.heral-modal-image {
		width: 150px;
		height: auto;
		margin: 16px auto;
		text-align: center;
	}
	.heral-modal-image img {
		width: 100%;
		height: auto;
	}
	.btnLink01 {
		margin-top: 20px;
		text-align: center;
	}
	.btnLink01.alC {
		text-align: center;
	}
	.btnLink01 a,
	.btnLink01 input {
		display: inline-block;
		position: relative;
		padding: 15px 48px 13px 40px;
		color: #ffffff;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		line-height: 1.2;
		background-color: #a5001e;
		border-bottom: solid 3px #760015;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		border-radius: 9px;
	}
	.btnLink01.type02 a,
	.btnLink01.type02 input {
		color: #222222;
		background-color: #e6e6e6;
		border-bottom: solid 3px #a5a5a5;
	}
	.btnLink01.txtSmall a,
	.btnLink01.txtSmall input {
		padding: 10px 40px 8px 32px;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.btnLink01.type02 a:hover,
	.btnLink01.type02 input:hover {
		margin-top: 2px;
		color: #222222;
		background-color: #ebebeb;
		border-bottom: solid 1px #b7b7b7;
	}
	.btnLink01 a:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 9px;
		height: 28px;
		width: 28px;
		margin-top: -12px;
		background: url(/common-files/img/com_btn_ic01.png) no-repeat 0 0;
		background-size: contain;
	}

	/* ウェブチャ?会 */
	.box-web {
		display: none;
	}
	.box-web .heral-boxExample {
		padding: 10px 0 20px 0;
		margin-top: 15px;
	}
	.box-web .heral-boxExampleInner {
		justify-content: flex-start;
		margin: 0px 0 10px 0;
	}
}
@keyframes loopPC {
	0% {
		background-position: -1665px 0;
	}
	100% {
		background-position: 0 0;
	}
}
@keyframes loopSP {
	0% {
		background-position: -586px 0;
	}
	100% {
		background-position: 0 0;
	}
}
@keyframes loopMainTextPC {
	0% {
		background-position: -2956px center;
	}
	100% {
		background-position: 0 center;
	}
}
@keyframes loopMainTextSP {
	0% {
		background-position: -759px center;
	}
	100% {
		background-position: 0 center;
	}
}
@keyframes loopCardPC {
	from {
		background-position: -1711px center, -233px center, 1245px center;
	}
	to {
		background-position: 1245px center, 2723px center, 4201px center;
	}
}