@charset "shift_jis";

/* ======================================================
 * /common-files/css/gecard/saucydog/saucydog.css
====================================================== */
body{
	font-family: 'Heebo', 'Noto Sans CJK JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	overflow-x: hidden;
	background-color: #000;
}
.color01 {
	color: #ba400f!important;
}
/* layout
------------------------------------------------------ */
a:visited,
a:link{
	color: #fff;
}
p,ul,ol,div {
	color: #fff;
}

@media screen and (min-width: 751px) {
	/* override
	------------------------------------------------------ */
	/* header
	------------------------------------------------------ */
	#header {
		width: 100%;
		height: 50px;
		margin: 0 auto;
		padding: 0;
		border: none;
		background-color: #324e6e;
	}
	#headerLogo {
		width: 1260px;
		margin: 0 auto;
		padding: 8px 30px 10px;
	}
	#header #headerLogo img {
		width: 264px;
	}
	/* layout
	------------------------------------------------------ */
	.cheiron-mainContainer01 {
		position: relative;
		background-color: #05142c;
	}
	.cheiron-mainContents01 {
		position: relative;
		width: 1260px;
		margin: 0 auto;
		padding: 175px 30px;
	}
	.cheiron-mainContents01 >:first-child,
	.cheiron-mainContents01 > section:first-child >:first-child {
		margin-top: 0 !important;
	}
	.cheiron-mainContainer02 {
		position: relative;
	}
	.cheiron-mainContents02 {
		width: 1260px;
		margin: 0 auto;
		padding: 70px 30px 45px;
	}
	.cheiron-mainContents02 >:first-child,
	.cheiron-mainContents02 > section:first-child >:first-child {
		margin-top: 0 !important;
	}
	.cheiron-mainContainer03 {
		position: relative;
		background-color: #000;
	}
	.cheiron-mainContents03 {
		width: 1260px;
		margin: 0 auto;
		padding: 90px 30px 140px;
	}
	.cheiron-mainContents03 >:first-child,
	.cheiron-mainContents03 > section:first-child >:first-child {
		margin-top: 0 !important;
	}
	.cheiron-mainContainer04 {
		position: relative;
		background-color: #05142c;
	}
	.cheiron-mainContents04 {
		position: relative;
		width: 1260px;
		margin: 0 auto;
		padding: 0 30px 110px;
	}
	.cheiron-mainContents04 >:first-child,
	.cheiron-mainContents04 > section:first-child >:first-child {
		margin-top: 0 !important;
	}
	.cheiron-mainContainer05 {
		position: relative;
		left: 50%;
		width: 1920px;
		margin-top: 250px;
		margin-bottom: 160px;
		background-color: #eff1f1;
		transform: translateX(-50%);
	}
	.cheiron-mainContainer05::before {
		content: '';
		position: absolute;
		top: -114px;
		left: 0;
		width: 100%;
		height: 114px;
		background: url("/designcard/cheiron/img-files/pc_index_bg03.webp") no-repeat 0 0 / contain;
	}
	.cheiron-mainContainer05::after {
		content: '';
		position: absolute;
		bottom: -118px;
		left: 0;
		width: 100%;
		height: 118px;
		background: url("/designcard/cheiron/img-files/pc_index_bg04.webp") no-repeat 0 0 / contain;
	}
	.cheiron-mainContents05 {
		position: relative;
		width: 1260px;
		margin: 0 auto;
		padding: 0 30px 70px;
	}
	.cheiron-mainContents05 * {
		color: #000;
	}
	.cheiron-mainContents05 >:first-child,
	.cheiron-mainContents05 > section:first-child >:first-child {
		margin-top: 0 !important;
	}
	/* footer
	------------------------------------------------------ */
	#footer {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 50px;
		margin-top: 0;
		padding: 0;
		border: none;
		background-color: #000;
		text-align: center;
	}
	#copyright {
		font-size: 1.2rem;
		color: #fff;
	}
	/* mainVisual
	------------------------------------------------------ */
	.mainVisual {
		position: relative;
		left: 50%;
		width: 1940px;
		height: 770px;
		transform: translateX(-50%);
		z-index: 1;
	}
	.mainVisual .mainVisualInner {
		width: 1260px;
		height: 100%;
		margin: 0 auto;
		padding: 160px 30px 120px;
	}
	.mainVisual .mainVisualMedia {
		display: flex;
	}
	.mainVisual .mainVisualTitle {
		margin-top: 30px;
	}
	.mainVisual .mainVisualImage {
		width: 342px;
		margin-left: 250px;
	}
	.mainVisual .mainVisualText {
		margin-top: 85px;
		text-align: center;
	}
	
	/* module
	------------------------------------------------------ */
	/* bg */
	.cheiron-bg {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		min-width: 1260px;
		height: 100vh;
		background: url("/designcard/cheiron/img-files/pc_index_bg01.webp") no-repeat 50% center / cover;
		z-index: -1;
	}
	/* text */
	.cheiron-text01 {
		margin-top: 80px;
		text-align: center;
		font-size: 1.8rem;
		line-height: 2.5;
	}
	.cheiron-text02 {
		margin-top: 20px;
		text-align: center;
		font-size: 2.6rem;
	}
	.cheiron-text03 {
		margin-top: 15px;
		font-size: 1.6rem;
		line-height: 2.3;
	}
	.cheiron-text04 {
		margin-top: 5px;
		text-align: center;
		font-size: 2rem;
	}
	.cheiron-text05 {
		margin-top: 40px;
		font-size: 1.6rem;
	}
	.cheiron-lead01 {
		margin-top: 30px;
		font-size: 2.6rem;
		color: #05142c;
	}
	.cheiron-lead02 {
		margin-top: 20px;
		text-align: center;
		font-size: 3rem;
	}
	.cheiron-lead02[data-color="gold"] {
		color: #f1db80;
	}
	.cheiron-lead02[data-color="blue"] {
		color: #3cd1ec;
	}
	/* heading */
	.cheiron-heading02 {
		margin-top: 30px;
		text-align: center;
	}
	.cheiron-heading02-02 {
		position: relative;
		left: 50%;
		width: 1920px;
		transform: translate(-50%, -52px);
	}
	.cheiron-heading02-03 {
		position: relative;
		left: 50%;
		width: 1920px;
		margin-bottom: -93px;
		transform: translate(-50%, -93px);
	}
	.cheiron-heading02-04 {
		margin-top: 120px;
		text-align: center;
	}
	.cheiron-heading02-05 {
		margin-top: 90px;
		text-align: center;
	}
	/* link */
	.cheiron-link {
		width: fit-content;
		margin: 20px auto 0;
		text-align: center;
		font-size: 1.6rem;
	}
	.cheiron-link a {
		position: relative;
		padding-left: 15px;
	}
	.cheiron-link a::before {
		content: '';
		position: absolute;
		top: 5px;
		left: 0;
		width: 9px;
		height: 11px;
		background: url("/designcard/cheiron/img-files/index_ic01.webp") no-repeat 0 0 / contain;
	}
	/* list */
	.cheiron-list01 {
		margin-top: 40px;
	}
	.cheiron-list01 > li {
		font-size: 1.4rem;
	}
	.cheiron-list01 > li + li {
		margin-top: 10px;
	}
	.cheiron-list01 > li > .nest >:first-child {
		margin-top: 10px !important;
	}
	.cheiron-list02 {
		margin-top: 20px;
	}
	.cheiron-list02 > li {
		position: relative;
		padding-left: 16px;
		font-size: 1.6rem;
	}
	.cheiron-list02 > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.cheiron-notelist01 {
		margin-top: 40px;
	}
	.cheiron-notelist01 > li {
		position: relative;
		padding-left: 14px;
		font-size: 1.4rem;
	}
	.cheiron-notelist01 > li + li {
		margin-top: 10px;
	}
	.cheiron-notelist01 > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.cheiron-notelist02 {
		margin-top: 10px;
	}
	.cheiron-notelist02 > li {
		position: relative;
		padding-left: 16px;
		font-size: 1.6rem;
	}
	.cheiron-notelist02 > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.cheiron-definitionlist {
		display: flex;
		gap: 15px 15px;
		margin-top: 30px;
		padding-bottom: 20px;
		border-bottom: 1px solid #f1db80;
	}
	.cheiron-definitionlist + .cheiron-definitionlist {
		margin-top: 20px;
	}
	.cheiron-definitionlist > dt {
		flex-shrink: 0;
		position: relative;
		width: 380px;
		padding-left: 40px;
		font-size: 2.6rem;
	}
	.cheiron-definitionlist > dt::before {
		content: '';
		position: absolute;
		top: 12px;
		left: 0;
		width: 10px;
		height: 10px;
		background-color: #f1db80;
	}
	.cheiron-definitionlist > dd {
		margin-top: 7px;
		font-size: 1.6rem;
	}
	.cheiron-definitionlist > dd a.cheiron-definitionlistLink {
		position: relative;
		padding-left: 15px;
	}
	.cheiron-definitionlist > dd a.cheiron-definitionlistLink::before {
		content: '';
		position: absolute;
		top: 5px;
		left: 0;
		width: 9px;
		height: 11px;
		background: url("/designcard/cheiron/img-files/index_ic01.webp") no-repeat 0 0 / contain;
	}
	.cheiron-orderlist {
		margin-top: 20px;
	}
	.cheiron-orderlist > li {
		position: relative;
		min-height: 59px;
		padding-top: 10px;
		padding-left: 76px;
		padding-bottom: 25px;
		font-size: 2rem;
		box-sizing: content-box;
	}
	.cheiron-orderlist[data-color="gold"] > li:not(:last-child) {
		border-bottom: 1px solid #f1db80;
	}
	.cheiron-orderlist[data-color="blue"] > li:not(:last-child) {
		border-bottom: 1px solid #3cd1ec;
	}
	.cheiron-orderlist > li:not(:last-child)::before {
		content: '';
		position: absolute;
		bottom: -11px;
		left: 0;
		right: 0;
		width: 0;
		height: 0;
		margin: auto;
	}
	.cheiron-orderlist[data-color="gold"] > li:not(:last-child)::before {
		border-top: 10px solid #f1db80;
		border-left: 13px solid transparent;
		border-right: 13px solid transparent;
	}
	.cheiron-orderlist[data-color="blue"] > li:not(:last-child)::before {
		border-top: 10px solid #3cd1ec;
		border-left: 13px solid transparent;
		border-right: 13px solid transparent;
	}
	.cheiron-orderlist > li:not(:last-child) {
		margin-bottom: 30px; 
	}
	.cheiron-orderlist > li > .mark {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		left: 0;
		width: 52px;
		height: 52px;
		border-radius: 50%;
		text-align: center;
		font-size: 2rem;
		font-weight: bold;
	}
	.cheiron-orderlist[data-color="gold"] > li > .mark {
		background: linear-gradient(#7d5200, #a38533);
	}
	.cheiron-orderlist[data-color="blue"] > li > .mark {
		background: linear-gradient(#005d7c, #007b95);
	}
	.cheiron-orderlist > li > .cheiron-orderlistText {
		margin-top: 5px;
		font-size: 1.6rem;
	}
	.cheiron-orderlist > li > .cheiron-orderlistNote {
		position: relative;
		margin-top: 5px;
		padding-left: 16px;
		font-size: 1.6rem;
	}
	.cheiron-orderlist > li > .cheiron-orderlistNote > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	/* image */
	.cheiron-image01 {
		text-align: center;
	}
	.cheiron-image02 {
		margin-top: 45px;
		text-align: center;
	}
	.cheiron-image03 {
		text-align: center;
	}
	/* media */
	.cheiron-media01 {
		display: flex;
		align-items: center;
		position: relative;
		left: 50%;
		width: 1392px;
		margin: 30px auto 0;
		transform: translateX(-50%);
	}
	.cheiron-media01 .cheiron-mediaHead {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50%;
		height: 500px;
		padding: 35px 0 0 95px;
		background: url("/designcard/cheiron/img-files/pc_index_bg02.webp") no-repeat 0 0 / contain;
	}
	.cheiron-media01 .cheiron-mediaBody {
		width: 50%;
		padding: 35px 0 0 70px;
	}
	.cheiron-media01 .cheiron-mediaHead >:first-child,
	.cheiron-media01 .cheiron-mediaBody >:first-child {
		margin-top: 0 !important;
	}
	.cheiron-media01 .cheiron-mediaText {
		margin-top: 20px;
		font-size: 2rem;
		line-height: 2.5;
	}
	.cheiron-media01 .cheiron-mediaImage {
		margin-top: 20px;
		width: 324px;
	}
	.cheiron-media02 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 38px;
	}
	.cheiron-media02[data-image-pc="right"] {
		flex-flow: row-reverse;
	}
	.cheiron-media02 + .cheiron-media02 {
		margin-top: 110px;
	}
	.cheiron-media02 .cheiron-mediaHead {
		flex-shrink: 0;
	}
	.cheiron-media02[data-image-pc="right"] .cheiron-mediaBody {
		margin-right: -25px;
	}
	.cheiron-media02 .cheiron-mediaText {
		font-size: 2rem;
		line-height: 2;
	}
	.cheiron-media02[data-image-pc="left"] .cheiron-mediaText {
		text-align: right;
	}
	/* column */
	.cheiron-column {
		display: flex;
		justify-content: center;
		flex-flow: wrap;
		gap: 40px 40px;
		margin-top: 45px;
	}
	.cheiron-column .cheiron-columnItem {
		width: calc(50% - 40px / 2);
	}
	.cheiron-column .cheiron-columnItem >:first-child {
		margin-top: 0 !important;
	}
	/* movie */
	.cheiron-movie {
		margin-top: 40px;
		text-align: center;
	}
	.cheiron-movie a {
		transition: 0.3s all ease-out;
	}
	.cheiron-movie a:hover {
		opacity: 0.7;
	}
	/* particles */
	.cheiron-particles {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	/* scrolldown */
	.cheiron-scrolldown {
		position: absolute;
		bottom: -63px;
		left: 50%;
	}
	.cheiron-scrolldown::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: -5px;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background: #efd77d;
		animation:
		circlemove 1.6s ease-in-out infinite,
		cirlemovehide 1.6s ease-out infinite;
	}
	.cheiron-scrolldown::after {
		content:"";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 2px;
		height: 126px;
		background: #efd77d;
	}
	.cheiron-scrolldown > span {
		position: absolute;
		left: 10px;
		bottom: 38px;
		color: #efd77d;
		font-size: 1.6rem;
		letter-spacing: 0.05em;
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
	}
	/* floating */
	.cheiron-floating {
		display: none;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		z-index: 50;
	}
	.cheiron-floating .cheiron-floatingInner {
		width: 1260px;
		margin: 0 auto;
		padding: 15px 30px;
	}
	.cheiron-floating .cheiron-floatingInner >:first-child {
		margin-top: 0 !important;
	}
	.cheiron-floating .cheiron-floatingColumn {
		display: flex;
		justify-content: center;
		gap: 36px 36px;
		margin-top: 20px;
	}
	.cheiron-floating .cheiron-floatingColumn .cheiron-floatingColumnItem {
		width: calc(50% - 36px / 2);
	}
	.cheiron-floating .cheiron-floatingColumn .cheiron-floatingColumnItem >:first-child {
		margin-top: 0 !important;
	}
	.cheiron-floating .cheiron-floatingButton01 {
		margin-top: 20px;
	}
	.cheiron-floating .cheiron-floatingButton01 a {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-height: 80px;
		padding: 5px 40px 7px;
		background: linear-gradient(#7d5200, #a48634);
		border-radius: 10px;
		text-align: center;
		font-size: 2.6rem;
		color: #fff;
		line-height: 1.3;
		text-decoration: none;
		transition: 0.3s all ease-out;
	}
	.cheiron-floating .cheiron-floatingButton01 a:hover {
		opacity: 0.7;
	}
	.cheiron-floating .cheiron-floatingButton01 a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		width: 13px;
		height: 26px;
		margin-top: -13px;
		background: url("/designcard/cheiron/img-files/index_ic02.webp") no-repeat 0 0 / contain;
	}
	.cheiron-floating .cheiron-floatingButton01 a .small {
		font-size: 1.6rem;
	}
	.cheiron-floating .cheiron-floatingButton02 {
		margin-top: 20px;
	}
	.cheiron-floating .cheiron-floatingButton02 a {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-height: 80px;
		padding: 5px 40px 7px;
		background: linear-gradient(#005274, #00869e);
		border-radius: 10px;
		text-align: center;
		font-size: 2.6rem;
		color: #fff;
		line-height: 1.3;
		text-decoration: none;
		transition: 0.3s all ease-out;
	}
	.cheiron-floating .cheiron-floatingButton02 a:hover {
		opacity: 0.7;
	}
	.cheiron-floating .cheiron-floatingButton02 a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		width: 13px;
		height: 26px;
		margin-top: -13px;
		background: url("/designcard/cheiron/img-files/index_ic02.webp") no-repeat 0 0 / contain;
	}
	.cheiron-floating .cheiron-floatingButton02 a .small {
		font-size: 1.6rem;
	}
	/* modal */
	.cb_close a {
		cursor: pointer;
	}
	#colorbox.cb-ytWrap {
		background: #ffffff;
	}
	#colorbox.cb-ytWrap .cb_close {
		margin-top: 15px;
		padding-bottom: 20px;
		background: #ffffff;
	}
	#colorbox.cb-ytWrap .cb_close a {
		cursor: pointer;
	}
	#colorbox.cb-ytWrap .cb_close a:after {
		right: 10px;
		height: 14px;
		width: 14px;
		margin-top: -7px;
		background-image: url(/common-files/img/com_close_ic01.png);
	}
	.modalInlineWrapper {
		display: none;
	}
	#cboxContent {
		overflow: visible !important;
	}
	#colorbox #cboxLoadedContent {
		overflow: auto !important;
		overflow-x: hidden !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;
	}
	.modalContents {
		width: 100%;
		padding: 40px 30px;
	}
	.ModalInner * {
		color: #000;
	}
	.ModalInner .cb_close a:after {
		right: 10px;
		height: 14px;
		width: 14px;
		margin-top: -7px;
		background-image: url(/common-files/img/com_close_ic01.png);
	}
	.modalContents .digitalcard-modalTitle {
		text-align: center;
		font-size: 3rem;
		font-weight: bold;
	}
	.modalContents .digitalcard-modalText {
		margin-top: 20px;
		font-size: 2rem;
	}
	.modalContents .digitalcard-modalImage {
		margin-top: 20px;
	}
	#cboxContent{
	border-radius: 10px;
	}
	.cheiron-modal-text02 {
		margin-top: 30px;
		font-size: 1.8rem;
	}
	.cheiron-modal-title {
		text-align: center;
		font-size: 3rem;
		font-weight: bold;
	}
	.cheiron-modal-title .red {
	color: #dc322c;
	}
	.cheiron-modal-column {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	padding: 45px 20px 30px;
	background-color: #ecf6f7;
	}
	.cheiron-modal-column .cheiron-modal-columnItem {
	position: relative;
	width: calc(50% - 10px);
	padding: 30px 25px;
	border-radius: 20px;
	background-color: #ffffff;
	}
	.cheiron-modal-column .cheiron-modal-columnItem:nth-of-type(2)::before {
	content: 'or';
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: -35px;
	width: 51px;
	height: 51px;
	margin-top: -25.5px;
	border-radius: 50%;
	background-color: #45a2b0;
	font-size: 2.2rem;
	color: #fff;
	}
	.cheiron-modal-column .cheiron-modal-columnLeadWrap {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	}
	.cheiron-modal-column .cheiron-modal-columnLead {
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.2;
	}
	.cheiron-modal-column .cheiron-modal-columnLeadText {
	font-size: 1.6rem;
	font-weight: bold;
	}
	.cheiron-modal-link {
	margin-top: 25px;
	}
	.cheiron-modal-link a {
	font-size: 1.6rem;
	color: #008191;
	}
	.cheiron-modal-link02 {
	margin-top: 15px;
	}
	.cheiron-modal-link02 a {
	font-size: 1.8rem;
	color: #008191;
	}
	.cheiron-modal-listWrap[data-col="2"] .cheiron-modal-list {
	display: flex;
	flex-flow: row wrap;
	width: 360px;
	margin-top: 15px;
	}
	.cheiron-modal-listWrap[data-col="2"] .cheiron-modal-list > li {
	width: 170px;
	}
	.cheiron-modal-listWrap[data-col="2"] .cheiron-modal-list > li:nth-of-type(2n) {
	width: 170px;
	}
	.cheiron-modal-listColor01,
	.cheiron-modal-listColor01 * {
	color: #dc322c;
	}
	.cheiron-modal-list > li {
	position: relative;
	padding-left: 8px;
	font-size: 1.6rem;
	color: #000;
	}
	.cheiron-modal-list > li + li {
	margin-top: 5px;
	}
	.cheiron-modal-listWrap[data-col="2"] .cheiron-modal-list > li:nth-of-type(2) {
	margin-top: 0;
	}
	.cheiron-modal-list > li::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #333;
	}
	.cheiron-modal-noteList {
	margin-top: 15px;
	line-height: 1.6;
	}
	.cheiron-modal-noteList > li {
	position: relative;
	padding-left: 14px;
	font-size: 1.2rem;
	}
	.cheiron-modal-noteList > li .mark {
	position: absolute;
	top: 0;
	left: 0;
	}
	.cheiron-modal-title {
	text-align: center;
	font-size: 3rem;
	font-weight: bold;
	}
	.cheiron-modal-text {
	margin-top: 20px;
	font-size: 2rem;
	}
	.cheiron-modal-image {
	margin-top: 20px;
	}
	.cheiron-modal-media {
	display: flex;
	align-items: center;
	}
	.cheiron-modal-media .cheiron-modal-mediaHead {
	width: 55%;
	margin-right: 5%;
	}
}
@media screen and (max-width: 750px) {
	/* override
	------------------------------------------------------ */
	
	/* header
	------------------------------------------------------ */
	#header {
		height: 40px;
		padding: 0;
		border: none;
		background-color: #324e6e;
	}
	#headerLogo {
		padding: 8px 10px 10px;
	}
	#header #headerLogo img {
		width: 180px;
	}
	/* layout
	------------------------------------------------------ */
	.cheiron-mainContainer01 {
		position: relative;
		background-color: #05142c;
	}
	.cheiron-mainContents01 {
		position: relative;
		padding: 80px 10px 55px;
	}
	.cheiron-mainContents01 >:first-child,
	.cheiron-mainContents01 > section:first-child >:first-child {
		margin-top: 0 !important;
	}
	.cheiron-mainContainer02 {
		position: relative;
	}
	.cheiron-mainContents02 {
		position: relative;
		padding: 40px 10px 35px;
	}
	.cheiron-mainContents02 >:first-child,
	.cheiron-mainContents02 > section:first-child >:first-child {
		margin-top: 0 !important;
	}
	.cheiron-mainContainer03 {
		position: relative;
		background-color: #000;
	}
	.cheiron-mainContents03 {
		position: relative;
		padding: 50px 10px 70px;
	}
	.cheiron-mainContents03 >:first-child,
	.cheiron-mainContents03 > section:first-child >:first-child {
		margin-top: 0 !important;
	}
	.cheiron-mainContainer04 {
		position: relative;
		background-color: #05142c;
	}
	.cheiron-mainContents04 {
		position: relative;
		padding: 0 10px 35px;
	}
	.cheiron-mainContents04 >:first-child,
	.cheiron-mainContents04 > section:first-child >:first-child {
		margin-top: 0 !important;
	}
	.cheiron-mainContainer05 {
		position: relative;
		width: 100vw;
		margin: min(200px, calc((200 / 720) * 100vw)) 0 min(200px, calc((200 / 720) * 100vw)) -10px;
		background-color: #eff1f1;
	}
	.cheiron-mainContainer05::before {
		content: '';
		position: absolute;
		top: max(-90px, calc((90 / 720) * 100vw * -1));
		left: 0;
		width: 100%;
		aspect-ratio: 720/90;
		background: url("/designcard/cheiron/img-files/sp_index_bg03.webp") no-repeat 0 0 / cover;
	}
	.cheiron-mainContainer05::after {
		content: '';
		position: absolute;
		bottom: max(-112px, calc((112 / 720) * 100vw * -1));
		left: 0;
		width: 100%;
		aspect-ratio: 720/112;
		background: url("/designcard/cheiron/img-files/sp_index_bg04.webp") no-repeat 0 0 / cover;
	}
	.cheiron-mainContents05 {
		position: relative;
		padding: 0 10px 45px;
	}
	.cheiron-mainContents05 * {
		color: #000;
	}
	.cheiron-mainContents05 >:first-child,
	.cheiron-mainContents05 > section:first-child >:first-child {
		margin-top: 0 !important;
	}
	/* footer
	------------------------------------------------------ */
	#footer {
		display: flex;
		align-items: center;
		justify-content: center;
		height: auto;
		margin-top: 0;
		padding: 13px 0;
		background-color: #000;
		border: none;
		text-align: center;
	}
	#copyright {
		font-size: 1.2rem;
		color: #fff;
	}
	/* mainVisual
	------------------------------------------------------ */
	.mainVisual {
		position: relative;
		width: 100%;
		aspect-ratio: 720/1100;
		z-index: 1;
	}
	.mainVisual .mainVisualInner {
		height: 100%;
		padding: 30px 0 20px;
		text-align: center;
	}
	.mainVisual .mainVisualTitle {
		margin: 0 10.695%;
	}
	.mainVisual .mainVisualImage {
		margin: 9% 22.1% 0;
	}
	.mainVisual .mainVisualText {
		margin-top: 5%;
	}
	/* module
	------------------------------------------------------ */
	/* bg */
	.cheiron-bg {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: url("/designcard/cheiron/img-files/sp_index_bg01.webp") no-repeat 50% center / cover;
		z-index: -1;
	}
	/* text */
	.cheiron-text01 {
		margin-top: 50px;
		text-align: center;
		font-size: 1.3rem;
		line-height: 2.2;
	}
	.cheiron-text02 {
		margin-top: 20px;
		text-align: center;
		font-size: 1.8rem;
	}
	.cheiron-text03 {
		margin-top: 20px;
		font-size: 1.4rem;
	}
	.cheiron-text04 {
		text-align: center;
		font-size: 1.5rem;
	}
	.cheiron-text05 {
		margin-top: 15px;
		font-size: 1.3rem;
	}
	.cheiron-lead01 {
		margin-top: 25px;
		font-size: 1.8rem;
		color: #05142c;
	}
	.cheiron-lead02 {
		margin-top: 15px;
		text-align: center;
		font-size: 2rem;
	}
	.cheiron-lead02[data-color="gold"] {
		color: #f1db80;
	}
	.cheiron-lead02[data-color="blue"] {
		color: #3cd1ec;
	}
	/* heading */
	.cheiron-heading02 {
		margin-top: 30px;
		text-align: center;
	}
	.cheiron-heading02-02 {
		width: 100vw;
		margin-left: -10px;
		transform: translateY(max(-56px, calc((56 / 720) * 100vw * -1)));
	}
	.cheiron-heading02 .cheiron-heading02Title img {
		width: auto;
	}
	.cheiron-heading02-03 {
		width: 100vw;
		margin-left: -10px;
		margin-bottom: max(-78px, calc((78 / 720) * 100vw * -1));
		transform: translateY(max(-78px, calc((78 / 720) * 100vw * -1)));
	}
	.cheiron-heading02-04 {
		width: 100vw;
		margin-top: 80px;
		margin-left: -10px;
		text-align: center;
	}
	.cheiron-heading02-05 {
		margin-top: 125px;
		text-align: center;
	}
	/* link */
	.cheiron-link {
		width: fit-content;
		margin: 15px auto 0;
		text-align: center;
		font-size: 1.3rem;
	}
	.cheiron-link a {
		position: relative;
		padding-left: 12px;
	}
	.cheiron-link a::before {
		content: '';
		position: absolute;
		top: 4px;
		left: 0;
		width: 8px;
		height: 10px;
		background: url("/designcard/cheiron/img-files/index_ic01.webp") no-repeat 0 0 / contain;
	}
	/* list */
	.cheiron-list01 {
		margin-top: 20px;
	}
	.cheiron-list01 > li {
		font-size: 1.2rem;
	}
	.cheiron-list01 > li + li {
		margin-top: 2px;
	}
	.cheiron-list01 > li > .nest >:first-child {
		margin-top: 2px !important;
	}
	.cheiron-list02 {
		margin-top: 20px;
	}
	.cheiron-list02 > li {
		position: relative;
		padding-left: 13px;
		font-size: 1.3rem;
	}
	.cheiron-list02 > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.cheiron-notelist01 {
		margin-top: 20px;
	}
	.cheiron-notelist01 > li {
		position: relative;
		padding-left: 12px;
		font-size: 1.2rem;
	}
	.cheiron-notelist01 > li + li {
		margin-top: 2px;
	}
	.cheiron-notelist01 > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.cheiron-notelist01 {
		margin-top: 10px;
	}
	.cheiron-notelist01 > li {
		position: relative;
		padding-left: 13px;
		font-size: 1.3rem;
	}
	.cheiron-notelist01 > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.cheiron-notelist02 {
		margin-top: 10px;
	}
	.cheiron-notelist02 > li {
		position: relative;
		padding-left: 13px;
		font-size: 1.3rem;
	}
	.cheiron-notelist02 > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.cheiron-definitionlist {
		margin-top: 25px;
		padding-bottom: 15px;
		border-bottom: 1px solid #f1db80;
	}
	.cheiron-definitionlist + .cheiron-definitionlist {
		margin-top: 15px;
	}
	.cheiron-definitionlist > dt {
		position: relative;
		padding-left: 20px;
		font-size: 1.7rem;
	}
	.cheiron-definitionlist > dt::before {
		content: '';
		position: absolute;
		top: 7px;
		left: 0;
		width: 10px;
		height: 10px;
		background-color: #f1db80;
	}
	.cheiron-definitionlist > dd {
		margin-top: 7px;
		padding-left: 20px;
		font-size: 1.3rem;
	}
	.cheiron-definitionlist > dd a.cheiron-definitionlistLink {
		position: relative;
		padding-left: 12px;
	}
	.cheiron-definitionlist > dd a.cheiron-definitionlistLink::before {
		content: '';
		position: absolute;
		top: 4px;
		left: 0;
		width: 8px;
		height: 10px;
		background: url("/designcard/cheiron/img-files/index_ic01.webp") no-repeat 0 0 / contain;
	}
	.cheiron-orderlist {
		margin-top: 15px;
	}
	.cheiron-orderlist > li {
		position: relative;
		padding-top: 6px;
		padding-left: 45px;
		padding-bottom: 17px;
		font-size: 1.4rem;
		box-sizing: content-box;
	}
	.cheiron-orderlist[data-color="gold"] > li:not(:last-child) {
		border-bottom: 1px solid #f1db80;
	}
	.cheiron-orderlist[data-color="blue"] > li:not(:last-child) {
		border-bottom: 1px solid #3cd1ec;
	}
	.cheiron-orderlist > li:not(:last-child)::before {
		content: '';
		position: absolute;
		bottom: -6px;
		left: 0;
		right: 0;
		width: 0;
		height: 0;
		margin: auto;
	}
	.cheiron-orderlist[data-color="gold"] > li:not(:last-child)::before {
		border-top: 5px solid #f1db80;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
	}
	.cheiron-orderlist[data-color="blue"] > li:not(:last-child)::before {
		border-top: 5px solid #3cd1ec;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
	}
	.cheiron-orderlist > li:not(:last-child) {
		margin-bottom: 12px; 
	}
	.cheiron-orderlist > li > .mark {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		left: 0;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		text-align: center;
		font-size: 1.3rem;
		font-weight: bold;
	}
	.cheiron-orderlist[data-color="gold"] > li > .mark {
		background: linear-gradient(#7d5200, #a38533);
	}
	.cheiron-orderlist[data-color="blue"] > li > .mark {
		background: linear-gradient(#005d7c, #007b95);
	}
	.cheiron-orderlist > li > .cheiron-orderlistText {
		margin-top: 5px;
		font-size: 1.2rem;
	}
	.cheiron-orderlist > li > .cheiron-orderlistNote {
		position: relative;
		margin-top: 5px;
		padding-left: 12px;
		font-size: 1.2rem;
	}
	.cheiron-orderlist > li > .cheiron-orderlistNote > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	/* image */
	.cheiron-image01 {
		width: 100vw;
		margin-top: 30px;
		margin-left: -10px;
		text-align: center;
	}
	.cheiron-image02 {
		margin-top: 35px;
		text-align: center;
	}
	.cheiron-image03 {
		text-align: center;
	}
	.cheiron-image03 img {
		width: auto;
	}
	/* media */
	.cheiron-media01 {
		margin-top: 20px;
		width: 100vw;
		margin-left: -10px;
	}
	.cheiron-media01 .cheiron-mediaHead {
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: min(40px, calc((40 / 720) * 100vw));
		background: url("/designcard/cheiron/img-files/sp_index_bg02.webp") no-repeat 0 0 / contain;
		aspect-ratio: 720/589;
	}
	.cheiron-media01 .cheiron-mediaBody {
		margin-top: 35px;
		padding: 0 30px;
	}
	.cheiron-media01 .cheiron-mediaHead >:first-child,
	.cheiron-media01 .cheiron-mediaBody >:first-child {
		margin-top: 0 !important;
	}
	.cheiron-media01 .cheiron-mediaText {
		margin-top: 20px;
		font-size: 1.3rem;
		line-height: 2.1;
	}
	.cheiron-media01 .cheiron-mediaImage {
		margin-top: 20px;
		width: min(403px, calc((403 / 720) * 100vw));
	}
	.cheiron-media02 {
		margin-top: calc(90px - min(56px, calc((56 / 720) * 100vw)));
	}
	.cheiron-media02 + .cheiron-media02 {
		margin-top: 120px;
	}
	.cheiron-media02 .cheiron-mediaHead {
		width: 100vw;
		margin-left: -10px;
	}
	.cheiron-media02 .cheiron-mediaBody {
		margin-top: 40px;
	}
	.cheiron-media02 .cheiron-mediaText {
		font-size: 1.3rem;
		line-height: 1.8;
	}
	/* column */
	.cheiron-column {
		margin-top: 50px;
	}
	.cheiron-column .cheiron-columnItem + .cheiron-columnItem {
		margin-top: 45px;
	}
	.cheiron-column .cheiron-columnItem >:first-child {
		margin-top: 0 !important;
	}
	/* movie */
	.cheiron-movie {
		margin-top: 20px;
		text-align: center;
	}
	/* particles */
	.cheiron-particles {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	/* scrolldown */
	.cheiron-scrolldown {
		position: absolute;
		bottom: -33px;
		left: 50%;
	}
	.cheiron-scrolldown::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: -3.5px;
		width: 9px;
		height: 9px;
		border-radius: 50%;
		background: #efd77d;
		animation:
		circlemove02 1.6s ease-in-out infinite,
		cirlemovehide 1.6s ease-out infinite;
	}
	.cheiron-scrolldown::after {
		content:"";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 2px;
		height: 95px;
		background: #efd77d;
	}
	.cheiron-scrolldown > span {
		position: absolute;
		left: 10px;
		bottom: 32px;
		color: #efd77d;
		font-size: 1.2rem;
		letter-spacing: 0.05em;
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
	}
	/* floating */
	.cheiron-floating {
		display: none;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		z-index: 50
	}
	.cheiron-floating .cheiron-floatingInner {
		padding: 20px 10px;
	}
	.cheiron-floating .cheiron-floatingInner >:first-child {
		margin-top: 0 !important;
	}
	.cheiron-floating .cheiron-floatingColumn {
		margin-top: 20px;
	}
	.cheiron-floating .cheiron-floatingColumn .cheiron-floatingColumnItem + .cheiron-floatingColumnItem {
		margin-top: 6px;
	}
	.cheiron-floating .cheiron-floatingColumn .cheiron-floatingColumnItem >:first-child {
		margin-top: 0 !important;
	}
	.cheiron-floating .cheiron-floatingButton01 {
		margin-top: 20px;
	}
	.cheiron-floating .cheiron-floatingButton01 a {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-height: 45px;
		padding: 3px 20px 5px;
		background: linear-gradient(#7d5200, #a48634);
		border-radius: 8px;
		text-align: center;
		font-size: 1.6rem;
		color: #fff;
		line-height: 1.3;
		text-decoration: none;
	}
	.cheiron-floating .cheiron-floatingButton01 a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 10px;
		width: 7px;
		height: 13px;
		margin-top: -6.5px;
		background: url("/designcard/cheiron/img-files/index_ic02.webp") no-repeat 0 0 / contain;
	}
	.cheiron-floating .cheiron-floatingButton01 a .small {
		font-size: 1.2rem;
	}
	.cheiron-floating .cheiron-floatingButton02 {
		margin-top: 20px;
	}
	.cheiron-floating .cheiron-floatingButton02 a {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		min-height: 45px;
		padding: 3px 20px 5px;
		background: linear-gradient(#005274, #00869e);
		border-radius: 8px;
		text-align: center;
		font-size: 1.6rem;
		color: #fff;
		line-height: 1.3;
		text-decoration: none;
	}
	.cheiron-floating .cheiron-floatingButton02 a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 10px;
		width: 7px;
		height: 13px;
		margin-top: -6.5px;
		background: url("/designcard/cheiron/img-files/index_ic02.webp") no-repeat 0 0 / contain;
	}
	.cheiron-floating .cheiron-floatingButton02 a .small {
		font-size: 1.2rem;
	}
	/* modal */
	.cboxIframe {
		max-height: 190px
	}
	#colorbox.cb-ytWrap .cb_close a:after {
		background-size: 14px 14px;
	}
	.cb_close a {
		cursor: pointer;
	}
	#colorbox.cb-ytWrap {
		background: #ffffff;
	}
	#colorbox.cb-ytWrap .cb_close {
		margin-top: 15px;
		padding-bottom: 0;
		background: #ffffff;
	}
	#colorbox.cb-ytWrap .cb_close a {
		cursor: pointer;
	}
	#colorbox.cb-ytWrap .cb_close a:after {
		right: 10px;
		height: 14px;
		width: 14px;
		margin-top: -7px;
		background-image: url(/common-files/img/com_close_ic01.png);
	}
	.modalInlineWrapper {
		display: none;
	}
	#cboxContent {
		overflow: visible !important;
	}
	#colorbox #cboxLoadedContent {
		overflow: auto !important;
		overflow-x: hidden !important;
	}
	#cboxClose {
		display: block;
		position: absolute;
		top: -15px !important;
		bottom: auto !important;
		right: -15px !important;
		background: url(/common-files/img/com_close_ic04.png) no-repeat 0 0/40px !important;
		background-size: 40px auto;
		width: 40px !important;
		height: 40px !important;
		text-indent: -9999px;
	}
	.modalContents {
		padding: 25px 10px;
	}
	.ModalInner * {
		color: #000;
	}
	.ModalInner .cb_close a:after {
		right: 10px;
		height: 14px;
		width: 14px;
		margin-top: -7px;
		background-image: url(/common-files/img/sp_com_close_ic01.png);
		background-size: 14px 14px;
	}
	.modalContents .digitalcard-modalTitle {
		text-align: center;
		font-size: 1.8rem;
		font-weight: bold;
	}
	.modalContents .digitalcard-modalText {
		margin-top: 15px;
		font-size: 1.4rem;
	}
	.modalContents .digitalcard-modalImage {
		margin-top: 15px;
	}
	#cboxContent{
		border-radius: 5px;
	}
	.cheiron-modal-text02 {
		margin-top: 20px;
		font-size: 1.5rem;
	}
	.cheiron-modal-title {
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
	}
	.cheiron-modal-title .red {
		color: #dc322c;
	}
	.cheiron-modal-column {
		margin-top: 10px;
		width: calc(100% + 20px);
		margin-left: -10px;
		padding: 15px 10px;
		background-color: #ecf6f7;
		display: block;
	}
	.cheiron-modal-column .cheiron-modal-columnItem {
		position: relative;
		width: 100%;
		padding: 15px;
		border-radius: 10px;
		background-color: #ffffff;
	}
	.cheiron-modal-column .cheiron-modal-columnItem + .cheiron-modal-columnItem {
		margin-top: 6px;
	}
	.cheiron-modal-column .cheiron-modal-columnItem:nth-of-type(2)::before {
		content: 'or';
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: -22px;
		left: 50%;
		width: 35px;
		height: 35px;
		margin-left: -17.5px;
		border-radius: 50%;
		background-color: #45a2b0;
		font-size: 1.5rem;
		color: #fff;
		margin-top: 0;
	}
	.cheiron-modal-column .cheiron-modal-columnLeadWrap {
		margin-bottom: 10px;
	}
	.cheiron-modal-column .cheiron-modal-columnLead {
		font-size: 1.5rem;
		font-weight: bold;
		line-height: inherit;
	}
	.cheiron-modal-column .cheiron-modal-columnImageLead .cheiron-modal-columnImageLeadLead {
		font-size: 1.5rem;
		font-weight: bold;
		line-height: 1.2;
	}
	.cheiron-modal-column .cheiron-modal-columnLeadText {
		font-size: 1.3rem;
		font-weight: bold;
	}
	.cheiron-modal-list > li {
		position: relative;
		padding-left: 5px;
		font-size: 1.3rem;
	}
	.cheiron-modal-list > li::before {
		content: '';
		position: absolute;
		top: 7px;
		left: 0;
		width: 3px;
		height: 3px;
		border-radius: 50%;
		background-color: #333;
	}
	.cheiron-modal-noteList {
		margin-top: 5px;
		line-height: inherit;
	}
	.cheiron-modal-noteList > li {
		position: relative;
		padding-left: 13px;
		font-size: 1.3rem;
	}
	.cheiron-modal-noteList > li .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.cheiron-modal-link {
		margin-top: 10px;
	}
	.cheiron-modal-link a {
		font-size: 1.3rem;
		color: #008191;
	}
	.cheiron-modal-link02 {
		margin-top: 10px;
	}
	.cheiron-modal-link02 a {
		font-size: 1.5rem;
		color: #008191;
	}
	.cheiron-modal-list > li + li {
		margin-top: 0;
	}
	.cheiron-modal-listWrap[data-col="2"] .cheiron-modal-list {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
		margin-top: 5px;
	}
	.cheiron-modal-listWrap[data-col="2"] .cheiron-modal-list > li {
		width: 49%;
		margin-right: 2%;
	}
	.cheiron-modal-listWrap[data-col="2"] .cheiron-modal-list > li:nth-of-type(2n) {
		width: 49%;
		margin-right: 0;
	}
	.cheiron-modal-listColor01,
	.cheiron-modal-listColor01 * {
		color: #dc322c;
	}
	.cheiron-modal-media {
		display: flex;
		align-items: center;
	}
	.cheiron-modal-media .cheiron-modal-mediaHead {
		width: 55%;
		margin-right: 1%;
	}
	.cheiron-modal-media .cheiron-modal-mediaBody {
		width: 44%;
	}
	.cheiron-modal-button {
		margin-top: 20px;
	}
	.cheiron-modal-button a {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 100%;
		min-height: 50px;
		margin: 0 auto;
		padding: 5px 25px 5px 35px;
		background-color: #dc322c;
		border-bottom: 1px solid #a71c18;
		border-radius: 5px;
		text-align: center;
		font-size: 1.5rem;
		color: #fff;
		text-decoration: none;
	}
	.cheiron-modal-button a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 11px;
		width: 10px;
		height: 11px;
		margin-top: -5.5px;
		background: url("/designcard/cheiron/img-files/index_ic03.webp") no-repeat top / cover;
	}
}
/* animation
------------------------------------------------------ */
@keyframes circlemove {
	0% {
		bottom: 125px;
	}
	100% {
		bottom:-6px;
	}
}
@keyframes circlemove02 {
	0% {
		bottom: 89.5px;
	}
	100% {
		bottom:-4.5px;
	}
}
@keyframes cirlemovehide {
	0% {
		opacity:0
	}
	50% {
		opacity:1;
	}
	80%{
		opacity:0.9;
	}
	100%{
		opacity:0;
	}
}

/* Cleafix
------------------------------------------------------ */
.contentsWrap:after,
.flow:after {
	display: block;
	clear: both;
	content: "";
}