@charset "UTF-8";
/*---------------------------
Common Font Setteing
---------------------------*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP:wght@600&display=swap");
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;
}

ul {
		list-style: none;
}

blockquote, q {
		quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
		content: '';
		content: none;
}

a {
		margin: 0;
		padding: 0;
		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 #cccccc;
		margin: 1em 0;
		padding: 0;
}

input, select {
		vertical-align: middle;
}

body,
html {
		width: 100%;
		overflow-x: hidden;
		margin: 0;
		padding: 0;
}

body {
		font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
		font-size: 100%;
		color: #fff;
}

.serif {
		font-family: 'Noto Serif JP', serif;
}

sup {
		font-size: 70%;
		vertical-align: top;
		position: relative;
		top: -0.1em;
}

/*---------------------------
Common Layout Setteing
---------------------------*/
* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

body {
		-webkit-text-size-adjust: 100%;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		background-color: #961427;
}

.yaku {
		font-family: YakuHanMP, "Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", YuMincho, serif;
}

b {
		font-weight: bold;
}

hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #969696;
		margin: 0;
		padding: 0;
}

.indent {
		padding-left: 1em;
		text-indent: -1em;
}

.br-sp {
		display: none;
}

.br-pc {
		display: block;
}

.sp {
		display: none;
}

.btn {
		position: relative;
		z-index: 1;
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		cursor: pointer;
}

.btn:hover {
		zoom: 1;
}

.btn a {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-indent: -999px;
}

.wrap {
		width: 100%;
		margin: 0 auto;
		overflow-x: hidden;
}

.inner {
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
}

/*---------------------------
Common Link Setteing
---------------------------*/
a {
		text-decoration: underline;
		color: #fff;
}

/*---------------------------
Global Nav
---------------------------*/
#gnav ul {
		display: flex;
		justify-content: flex-start;
		position: fixed;
		left: 50px;
		top: -2px;
		width: 280px;
		z-index: 110;
}

#gnav ul .link {
		list-style: none;
		flex-basis: 110px;
		height: 54px;
		background-color: #9F9F9F;
		border-radius: 0 0 6px 6px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 4px;
}

#gnav ul .link p {
		font-size: 13px;
		font-weight: bold;
		color: #fff;
}

#gnav ul .link a {
		text-decoration: none;
		color: #fff;
}

#gnav ul .active {
		list-style: none;
		flex-basis: 156px;
		height: 76px;
		background-color: #17288A;
		border-radius: 0 0 6px 6px;
		border: 1px solid #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		pointer-events: none;
}

#gnav ul .active p {
		font-size: 20px;
		font-weight: bold;
		color: #fff;
}

#gnav ul .active a {
		text-decoration: none;
		color: #fff;
}

#entry_section ul {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		position: fixed;
		right: 140px;
		top: 26px;
		width: 224px;
		z-index: 110;
}

#entry_section li {
		list-style: none;
		flex-basis: 52px;
}

#entry_section li img {
		height: 26px;
}

#entry_section li:last-child {
		flex-basis: 120px;
}

#entry_section li:last-child span {
		font-size: 18px;
		font-weight: 500;
		line-height: 1;
}

#entry_section li:last-child span a {
		text-decoration: none;
		color: #fff;
}

#entry_section .menu {
		position: fixed;
		right: 34px;
		top: 34px;
		width: 106px;
		height: 14px;
		z-index: 110;
		cursor: pointer;
		background-image: url("../img/menu.svg");
		background-repeat: no-repeat;
		background-size: contain;
}

#entry_section .menu.active {
		position: fixed;
		right: 34px;
		top: 34px;
		width: 106px;
		height: 14px;
		z-index: 130;
		cursor: pointer;
		background-image: url("../img/menu_close.svg");
		background-repeat: no-repeat;
		background-size: auto;
		background-position: right;
}

@media (max-width: 780px) {
		#gnav ul {
				display: flex;
				justify-content: flex-start;
				position: fixed;
				left: 2vw;
				top: -1px;
				width: 50vw;
				z-index: 110;
		}
		#gnav ul .link {
				list-style: none;
				flex-basis: 20vw;
				height: 10vw;
				background-color: #9F9F9F;
				border-radius: 0 0 0.76923vw 0.76923vw;
				display: flex;
				justify-content: center;
				align-items: center;
				margin-right: 1vw;
		}
		#gnav ul .link p {
				font-size: 2.5641vw;
				font-weight: bold;
				color: #fff;
		}
		#gnav ul .link a {
				text-decoration: none;
				color: #fff;
		}
		#gnav ul .active {
				list-style: none;
				flex-basis: 29vw;
				height: 12.5vw;
				background-color: #17288A;
				border-radius: 0 0 0.76923vw 0.76923vw;
				border: 1px solid #fff;
				display: flex;
				justify-content: center;
				align-items: center;
				pointer-events: none;
		}
		#gnav ul .active p {
				font-size: 3.20513vw;
				font-weight: bold;
				color: #fff;
		}
		#gnav ul .active a {
				text-decoration: none;
				color: #fff;
		}
		#entry_section ul {
				display: flex;
				justify-content: flex-end;
				position: absolute;
				right: 14vw;
				top: 5vw;
				width: 20vw;
				z-index: 110;
		}
		#entry_section li {
				list-style: none;
				flex-basis: 12vw;
		}
		#entry_section li img {
				height: 6vw;
		}
		#entry_section li:last-child {
				flex-basis: 20vw;
		}
		#entry_section li:last-child span {
				font-size: 3.07692vw;
				font-weight: 500;
				line-height: 1;
		}
		#entry_section li:last-child span a {
				text-decoration: none;
				color: #fff;
		}
		#entry_section .menu {
				position: fixed;
				right: 5vw;
				top: 6vw;
				width: 9vw;
				height: 2.5vw;
				z-index: 110;
				cursor: pointer;
				background-image: url("../img/menu-s.svg");
				background-repeat: no-repeat;
				background-size: contain;
		}
		#entry_section .menu.active {
				position: fixed;
				right: 5vw;
				top: 3.5vw;
				width: 16vw;
				height: 5.8vw;
				z-index: 130;
				cursor: pointer;
				background-image: url("../img/menu_close-s.svg");
				background-repeat: no-repeat;
				background-size: contain;
				background-position: right;
		}
}

#pa01,
#pa02,
#pa03,
#pa04,
#pa05,
#pa06,
#pa07 {
		height: 40px;
}

@media (max-width: 780px) {
		#pa01,
		#pa02,
		#pa03,
		#pa04,
		#pa05,
		#pa06,
		#pa07 {
				height: 12vw;
		}
}

/*---------------------------
Main
---------------------------*/
.main {
		margin-top: 0;
		height: auto;
		max-width: 1920px;
		width: 100%;
		background-color: #961427;
		margin: 0 auto;
		padding-top: 0;
		position: relative;
		z-index: 3;
}

.main_bg {
		background-image: url(../img/bg_dot.webp), url("../img/bg_closs.webp");
		background-image: image-set(url(../img/bg_dot.webp) 1x, url(../img/bg_dot@2x.webp) 2x), image-set(url(../img/bg_closs.webp) 1x, url(../img/bg_closs@2x.webp) 2x);
		background-image: -webkit-image-set(url(../img/bg_dot.webp) 1x, url(../img/bg_dot@2x.webp) 2x), -webkit-image-set(url(../img/bg_closs.webp) 1x, url(../img/bg_closs@2x.webp) 2x);
		background-attachment: fixed,fixed;
		background-repeat: no-repeat, repeat;
		background-size: 1920px 860px, auto;
		max-width: 1920px;
		min-height: 860px;
		background-position: top center, top center;
		position: relative;
		z-index: 4;
}

@media (max-width: 780px) {
		.main {
				margin-top: 0;
				height: auto;
				max-width: 100%;
				width: 100%;
				background-color: #961427;
				margin: 0 auto;
				position: relative;
				z-index: 3;
				padding-top: 0;
		}
		.main_bg {
				max-width: 100%;
				width: 100%;
				height: auto;
				z-index: 4;
				background-image: url(../img/bg_dot-s.webp), url("../img/bg_closs-s.webp");
				background-repeat: repeat-y, repeat;
				background-position: top center;
				background-size: contain, 17.4vw 17.4vw;
		}
}

.contact {
		background-color: #B88F41;
		max-width: 1920px;
		width: 100%;
		height: auto;
		padding: 60px 0;
		text-align: center;
		position: relative;
		z-index: 5;
		margin: 0 auto;
}

.contact h4 {
		font-size: 34px;
		font-weight: 600;
		color: #fff;
		line-height: 1;
		margin: 0 auto 40px;
}

.contact ul {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
}

.contact .c_contact {
		display: flex;
		justify-content: space-around;
		align-items: center;
}

.contact .c_contact .c_ttl {
		flex-basis: 288px !important;
		text-align: center;
}

.contact .c_contact .c_ttl h5 {
		font-size: 26px;
		font-weight: 600;
		color: #fff;
		display: inline-block;
		text-align: left;
}

.contact .c_contact .c_ttl h5 span {
		font-size: 16px;
		display: block;
		margin: 15px 0 0;
}

.contact .c_contact .c_summary {
		flex-basis: 670px !important;
		border-left: 1px solid #fff;
		padding-left: 60px;
}

.contact .c_contact .c_summary h6 {
		font-size: 17px;
		font-weight: 700;
		color: #fff;
		margin: 0 0 5px;
		text-align: left;
}

.contact .c_contact .c_summary h4 {
		font-size: 20px;
		font-weight: 700;
		color: #fff;
		margin: 0 0 10px;
		text-align: left;
}

.contact .c_contact .c_summary p {
		font-size: 14px;
		font-weight: 500;
		color: #fff;
		margin: 0;
		text-align: left;
}

.contact li {
		flex-basis: 640px;
		text-align: center;
}

.contact li p {
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		margin-bottom: 18px;
}

.contact li .bnr_blue {
		background-color: #666;
		border-radius: 5px;
		width: 658px;
		height: 108px;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		margin-bottom: 10px;
}

.contact li .bnr_blue p {
		font-size: 23px;
		font-weight: 700;
		color: #fff;
		line-height: 1;
		position: relative;
		transition: .2s;
		width: 100%;
		text-align: center;
		margin-bottom: 0;
}

.contact li .bnr_red {
		background-image: url(../img/contact_btn_red.png);
		width: 482px;
		height: 112px;
		background-repeat: no-repeat;
		background-size: contain;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		cursor: pointer;
}

.contact li .bnr_red p {
		font-size: 23px;
		font-weight: 700;
		color: #fff;
		line-height: 1;
		position: relative;
		transition: .2s;
}

.contact li .bnr_red p:after {
		content: "";
		background-image: url(../img/contact_btn_red_arrow.svg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 26px;
		height: 26px;
		position: absolute;
		top: calc(50% - 13px);
		right: -80px;
		transition: .2s;
}

.contact li .bnr_red:hover p {
		opacity: .7;
}

.contact li .bnr_red:hover p:after {
		right: -90px;
}

.contact .visitor_info {
		font-size: 16px;
		font-weight: 500;
		line-height: 1;
		display: inline-block;
		position: relative;
}

.contact .visitor_info a {
		color: #102D8A;
		text-decoration: underline;
}

.contact .visitor_info:after {
		content: "";
		background-image: url(../img/visitor_info.svg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 15px;
		height: 15px;
		position: absolute;
		top: calc(50% - 7px);
		right: -30px;
}

@media (hover: hover) and (pointer: fine) {
		.contact:hover .visitor_info {
				opacity: .7;
		}
}

@media (max-width: 780px) {
		.contact {
				background-color: #B88F41;
				max-width: 100%;
				width: 100%;
				height: auto;
				padding: 7vw 0;
				position: relative;
				text-align: center;
		}
		.contact h4 {
				font-size: 4.87179vw;
				font-weight: 600;
				color: #fff;
				line-height: 1;
				margin: 0 auto 6vw;
		}
		.contact ul {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				width: 90vw;
				margin: 0 auto;
		}
		.contact .c_contact {
				display: flex;
				justify-content: space-around;
				flex-wrap: nowrap;
				align-items: center;
				width: 90vw;
				margin: 0 auto;
		}
		.contact .c_contact .c_ttl {
				flex-basis: 25vw !important;
				text-align: center;
		}
		.contact .c_contact .c_ttl h5 {
				font-size: 3.84615vw;
				font-weight: 600;
				color: #fff;
				display: inline-block;
				text-align: left;
		}
		.contact .c_contact .c_ttl h5 span {
				font-size: 2.5641vw;
				display: block;
				margin: 2vw 0 0;
		}
		.contact .c_contact .c_summary {
				flex-basis: 62.5vw !important;
				border-left: 1px solid #fff;
				padding-left: 2.5vw;
		}
		.contact .c_contact .c_summary h6 {
				font-size: 3.07692vw;
				font-weight: 700;
				color: #fff;
				margin: 0 0 1vw;
				text-align: left;
		}
		.contact .c_contact .c_summary h4 {
				font-size: 3.58974vw;
				font-weight: 700;
				color: #fff;
				margin: 0 0 2vw;
				text-align: left;
				line-height: 1.4;
		}
		.contact .c_contact .c_summary p {
				font-size: 2.82051vw;
				font-weight: 500;
				color: #fff;
				margin: 0;
				text-align: left;
		}
		.contact li {
				flex-basis: 100%;
				text-align: center;
				margin-bottom: 0;
		}
		.contact li p {
				font-size: 3.07692vw;
				font-weight: bold;
				color: #fff;
				margin-bottom: 1.5vw;
				white-space: nowrap;
		}
		.contact li .bnr_blue {
				background-color: #666;
				border-radius: 0.64103vw;
				margin-bottom: 1.5vw;
				width: 100%;
				height: 22.5vw;
				background-repeat: no-repeat;
				background-size: contain;
				position: relative;
				display: flex;
				justify-content: center;
				align-items: center;
				text-decoration: none;
		}
		.contact li .bnr_blue p {
				font-size: 4.61538vw;
				font-weight: 700;
				color: #fff;
				line-height: 1;
				position: relative;
				transition: .2s;
				display: block;
				width: 100%;
		}
		.contact .visitor_info {
				font-size: 3.33333vw;
				font-weight: 500;
				line-height: 1;
				display: inline-block;
				position: relative;
		}
		.contact .visitor_info a {
				color: #102D8A;
				text-decoration: underline;
		}
		.contact .visitor_info:after {
				content: "";
				background-image: url(../img/visitor_info.svg);
				background-repeat: no-repeat;
				background-size: contain;
				width: 2.8vw;
				height: 2.8vw;
				position: absolute;
				top: calc(50% - 1.4vw);
				right: -4vw;
		}
}

/*---------------------------
Contents
---------------------------*/
.gttl {
		max-width: 1020px;
		width: 100%;
		height: 331px;
		background-image: url("../img/gttl_bg.webp");
		background-image: image-set(url(../img/gttl_bg.webp) 1x, url(../img/gttl_bg@2x.webp) 2x);
		background-image: -webkit-image-set(url(../img/gttl_bg.webp) 1x, url(../img/gttl_bg@2x.webp) 2x);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: auto;
		margin: 0 auto;
		position: relative;
		z-index: -1;
}

.gttl h2 {
		text-align: center;
		font-size: 34px;
		font-weight: 600;
		color: #EBCD85;
		line-height: 1;
		display: inline-block;
		margin: 0 auto;
		position: absolute;
		top: 84px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
}

.gttl .en {
		font-size: 15px;
		display: block;
		color: #EBCD85;
		line-height: 1;
		font-weight: 600;
		position: absolute;
		top: 135px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
}

.gttl h2:before {
		content: "";
		background-image: url("../img/gttl_before.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 103px;
		height: 41px;
		position: absolute;
		top: -25px;
		left: -140px;
}

.gttl h2:after {
		content: "";
		background-image: url("../img/gttl_after.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 103px;
		height: 41px;
		position: absolute;
		bottom: -20px;
		right: -140px;
}

@media (max-width: 780px) {
		.gttl {
				max-width: 100%;
				width: 100%;
				height: 39.74358vw;
				background-image: url("../img/gttl_bg-s.webp");
				background-repeat: no-repeat;
				background-position: top center;
				background-size: contain;
				margin: 0 auto;
				position: relative;
				z-index: -1;
		}
		.gttl h2 {
				text-align: center;
				font-size: 5.64103vw;
				font-weight: 600;
				color: #EBCD85;
				line-height: 1;
				display: inline-block;
				margin: 0 auto;
				position: absolute;
				top: 14.48vw;
				left: 50%;
				transform: translateX(-50%);
				-webkit-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				white-space: nowrap;
		}
		.gttl .en {
				font-size: 2.30769vw;
				display: block;
				color: #EBCD85;
				line-height: 1;
				font-weight: 600;
				position: absolute;
				top: 22.69230vw;
				left: 50%;
				transform: translateX(-50%);
				-webkit-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
		}
		.gttl h2:before {
				content: none;
		}
		.gttl h2:after {
				content: none;
		}
}

.ttl {
		text-align: center;
}

.ttl h2 {
		text-align: center;
		font-size: 34px;
		font-weight: 600;
		color: #EBCD85;
		line-height: 1;
		display: inline-block;
		margin: 0 auto;
		position: relative;
}

.ttl span {
		font-size: 23px;
}

.ttl h2:before {
		content: "";
		background-image: url("../img/ttl_before.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 103px;
		height: 41px;
		position: absolute;
		top: -35px;
		left: -140px;
}

.ttl h2:after {
		content: "";
		background-image: url("../img/ttl_after.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 103px;
		height: 41px;
		position: absolute;
		bottom: -20px;
		right: -140px;
}

.Text-Span {
		position: relative;
		z-index: 1;
}

.Text-Span.isActive:after {
		width: 100%;
}

.Text-Span:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: -5px;
		width: 0;
		height: 10px;
		background-color: #D2B16C;
		z-index: -1;
		transition: all 0.8s;
		transition-delay: 0.5s;
}

h3 {
		font-size: 35px;
		font-weight: bold;
		line-height: 1;
		color: #fff;
		margin: 0 auto 10px;
		text-align: center;
}

h4 {
		font-size: 33px;
		font-weight: 600;
		color: #EBCD85;
		line-height: 1;
		margin: 60px auto 20px;
		text-align: center;
}

h5 {
		font-size: 27px;
		font-weight: bold;
		line-height: 1;
		text-align: center;
		color: #fff;
}

h6 {
		font-size: 20px;
		font-weight: bold;
		color: #fff;
		text-align: center;
		line-height: 1.7;
}

@media (max-width: 780px) {
		.ttl {
				text-align: center;
		}
		.ttl h2 {
				text-align: center;
				font-size: 5.64103vw;
				font-weight: 600;
				color: #EBCD85;
				line-height: 1.5;
				display: inline-block;
				margin: 0 auto;
				position: relative;
		}
		.ttl span {
				font-size: 23px;
		}
		.ttl h2:before {
				content: "";
				background-image: url("../img/ttl_before.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 15vw;
				height: 5.9vw;
				position: absolute;
				top: -1.7vw;
				left: -19vw;
		}
		.ttl h2:after {
				content: "";
				background-image: url("../img/ttl_after.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 15vw;
				height: 5.9vw;
				position: absolute;
				bottom: -1.7vw;
				right: -19vw;
		}
		h3 {
				font-size: 5.12821vw;
				font-weight: bold;
				line-height: 1;
				color: #fff;
				margin: 0 auto 2.5vw;
				text-align: center;
		}
		.Text-Span {
				position: relative;
				z-index: 1;
		}
		.Text-Span.isActive:after {
				width: 100%;
		}
		.Text-Span:after {
				content: '';
				position: absolute;
				left: 0;
				bottom: -5px;
				width: 0;
				height: 1.2vw;
				background-color: #EBCD85;
				z-index: -1;
				transition: all 0.8s;
				transition-delay: 0.5s;
		}
		h4 {
				font-size: 5.12821vw;
				font-weight: 600;
				color: #EBCD85;
				line-height: 1.9;
				margin: 10vw auto 4vw;
				text-align: center;
		}
		h5 {
				font-size: 4.10256vw;
				font-weight: bold;
				line-height: 1;
				text-align: center;
				color: #fff;
		}
		h6 {
				font-size: 3.33333vw;
				font-weight: bold;
				color: #fff;
				text-align: center;
				line-height: 1.7;
		}
}

#calloutElm {
		position: fixed;
		bottom: 10px;
		right: 10px;
		max-width: 240px;
		z-index: 119;
}

#calloutElm .callout-container {
		width: 100%;
}

#calloutElm .closebtn {
		position: absolute;
		top: 0;
		right: 60px;
		cursor: pointer;
		z-index: 1;
}

@media (max-width: 780px) {
		#calloutElm {
				position: fixed;
				bottom: -1vw;
				right: 0;
				left: 0;
				max-width: 100vw;
				z-index: 119;
		}
		#calloutElm .callout-container {
				width: 100%;
		}
		#calloutElm .closebtn {
				position: absolute;
				top: -2vw;
				right: 7vw;
				cursor: pointer;
				z-index: 1;
				max-width: 7.6vw;
		}
}

.kv {
		max-width: 1920px;
		width: 100%;
		height: 791px;
		background-image: url(../img/kv_bg.webp), url(../img/bg_dot.webp), url("../img/bg_closs.webp");
		background-image: image-set(url(../img/kv_bg.webp) 1x, url(../img/kv_bg@2x.webp) 2x), image-set(url(../img/bg_dot.webp) 1x, url(../img/bg_dot@2x.webp) 2x), image-set(url(../img/bg_closs.webp) 1x, url(../img/bg_closs@2x.webp) 2x);
		background-image: -webkit-image-set(url(../img/kv_bg.webp) 1x, url(../img/kv_bg@2x.webp) 2x), image-set(url(../img/bg_dot.webp) 1x, url(../img/bg_dot@2x.webp) 2x), image-set(url(../img/bg_closs.webp) 1x, url(../img/bg_closs@2x.webp) 2x);
		background-attachment: scroll, fixed, fixed;
		background-repeat: no-repeat, no-repeat, repeat;
		background-position: top center;
		background-size: auto;
		margin: 0 auto;
		position: relative;
		z-index: 5;
}

.kv .kv_inner {
		width: 1220px;
		height: 749px;
		position: relative;
		margin: 0 auto;
}

.kv .kv_inner .cloud01 {
		background-image: url("../img/cloud.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 138px;
		height: 54px;
		position: absolute;
		top: 138px;
		left: -201px;
		animation-duration: 8s;
}

.kv .kv_inner .cloud02 {
		background-image: url("../img/cloud.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 138px;
		height: 54px;
		position: absolute;
		top: 494px;
		left: -82px;
		animation-duration: 15s;
}

.kv .kv_inner .cloud03 {
		background-image: url("../img/cloud.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 138px;
		height: 54px;
		position: absolute;
		top: 217px;
		left: 94px;
		animation-duration: 12s;
}

.kv .kv_inner .cloud04 {
		background-image: url("../img/cloud.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 138px;
		height: 54px;
		position: absolute;
		top: 100px;
		right: 86px;
		animation-duration: 15s;
}

.kv .kv_inner .cloud05 {
		background-image: url("../img/cloud.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 138px;
		height: 54px;
		position: absolute;
		top: 569px;
		right: -93px;
		animation-duration: 8s;
}

.kv .kv_inner .cloud06 {
		background-image: url("../img/cloud.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 138px;
		height: 54px;
		position: absolute;
		top: 191px;
		right: -195px;
		animation-duration: 12s;
}

.kv .kv_inner .cloud01,
.kv .kv_inner .cloud03,
.kv .kv_inner .cloud04,
.kv .kv_inner .cloud06 {
		animation-name: cloudmove;
		animation-iteration-count: infinite;
}

.kv .kv_inner .cloud02,
.kv .kv_inner .cloud05 {
		animation-name: cloudmover;
		animation-iteration-count: infinite;
}

@keyframes cloudmove {
		0% {
				transform: translate3d(-20px, 0, 0);
		}
		50% {
				transform: translate3d(20px, 0, 0);
		}
		100% {
				transform: translate3d(-20px, 0, 0);
		}
}

@keyframes cloudmover {
		0% {
				transform: translate3d(20px, 0, 0);
		}
		50% {
				transform: translate3d(-20px, 0, 0);
		}
		100% {
				transform: translate3d(20px, 0, 0);
		}
}

.visit_kv {
		max-width: 1920px;
		width: 100%;
		height: 396px;
		background-image: url(../img/visit_kv.png), url(../img/bg_dot.webp), url("../img/bg_closs.webp");
		background-image: image-set(url(../img/visit_kv.png) 1x, url(../img/visit_kv@2x.png) 2x), image-set(url(../img/bg_dot.webp) 1x, url(../img/bg_dot@2x.webp) 2x), image-set(url(../img/bg_closs.webp) 1x, url(../img/bg_closs@2x.webp) 2x);
		background-image: -webkit-image-set(url(../img/visit_kv.png) 1x, url(../img/visit_kv@2x.png) 2x), image-set(url(../img/bg_dot.webp) 1x, url(../img/bg_dot@2x.webp) 2x), image-set(url(../img/bg_closs.webp) 1x, url(../img/bg_closs@2x.webp) 2x);
		background-attachment: scroll, fixed, fixed;
		background-repeat: no-repeat, no-repeat, repeat;
		background-position: top center;
		background-size: auto;
		margin: 0 auto;
		position: relative;
		z-index: 5;
}

.visit_kv .visit_kv_inner {
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
		text-align: right;
}

.visit_kv .visit_kv_inner h1 {
		font-size: 34px;
		font-weight: 700;
		color: #D2B16C;
		line-height: 1;
		padding: 220px 0 0;
}

.visit_kv .visit_kv_inner h1 span {
		font-size: 15px;
		font-weight: 500;
		line-height: 1;
		display: block;
		margin: 15px 0 0;
}

.seminar_kv {
		max-width: 1920px;
		width: 100%;
		height: 396px;
		background-image: url(../img/seminar_kv.png), url(../img/bg_dot.webp), url("../img/bg_closs.webp");
		background-image: image-set(url(../img/seminar_kv.png) 1x, url(../img/seminar_kv@2x.png) 2x), image-set(url(../img/bg_dot.webp) 1x, url(../img/bg_dot@2x.webp) 2x), image-set(url(../img/bg_closs.webp) 1x, url(../img/bg_closs@2x.webp) 2x);
		background-image: -webkit-image-set(url(../img/seminar_kv.png) 1x, url(../img/seminar_kv@2x.png) 2x), image-set(url(../img/bg_dot.webp) 1x, url(../img/bg_dot@2x.webp) 2x), image-set(url(../img/bg_closs.webp) 1x, url(../img/bg_closs@2x.webp) 2x);
		background-attachment: scroll, fixed, fixed;
		background-repeat: no-repeat, no-repeat, repeat;
		background-position: top center;
		background-size: auto;
		margin: 0 auto;
		position: relative;
		z-index: 5;
}

.seminar_kv .seminar_kv_inner {
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
		text-align: right;
}

.seminar_kv .seminar_kv_inner h1 {
		font-size: 34px;
		font-weight: 700;
		color: #D2B16C;
		line-height: 1;
		padding: 220px 0 0;
}

.seminar_kv .seminar_kv_inner h1 span {
		font-size: 15px;
		font-weight: 500;
		line-height: 1;
		display: block;
		margin: 15px 0 0;
}

@media (max-width: 780px) {
		.kv {
				max-width: 100%;
				width: 100%;
				height: 155.769230vw;
				position: fixed;
				background-image: url(../img/kv_bg-s.webp), url(../img/bg_dot-s.webp), url("../img/bg_closs-s.webp");
				background-repeat: no-repeat, no-repeat, repeat;
				background-position: top center;
				background-size: contain, contain, 17.4vw 17.4vw;
				margin: 0 auto;
				position: relative;
				z-index: 4;
		}
		.kv .kv_inner {
				width: 100vw;
				height: 147.56410vw;
				position: relative;
				margin: 0 auto;
		}
		.kv .kv_inner .cloud02 {
				background-image: url("../img/cloud.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 17.6vw;
				height: 7vw;
				position: absolute;
				top: 66.48vw;
				left: -2.4vw;
				animation-duration: 15s;
		}
		.kv .kv_inner .cloud03 {
				background-image: url("../img/cloud.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 17.6vw;
				height: 7vw;
				position: absolute;
				top: 112vw;
				left: 1.8vw;
				animation-duration: 12s;
		}
		.kv .kv_inner .cloud04 {
				background-image: url("../img/cloud.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 17.6vw;
				height: 7vw;
				position: absolute;
				top: 56vw;
				right: -2vw;
				animation-duration: 15s;
		}
		.kv .kv_inner .cloud05 {
				background-image: url("../img/cloud.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 17.6vw;
				height: 7vw;
				position: absolute;
				top: 113vw;
				right: 5vw;
				animation-duration: 15s;
		}
		.kv .kv_inner .cloud06 {
				background-image: url("../img/cloud.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 138px;
				height: 54px;
				position: absolute;
				top: 193px;
				right: -195px;
				animation-duration: 12s;
		}
		.kv .kv_inner .cloud01,
		.kv .kv_inner .cloud03,
		.kv .kv_inner .cloud04,
		.kv .kv_inner .cloud06 {
				animation-name: cloudmove;
				animation-iteration-count: infinite;
		}
		.kv .kv_inner .cloud02,
		.kv .kv_inner .cloud05 {
				animation-name: cloudmover;
				animation-iteration-count: infinite;
		}
		@keyframes cloudmove {
				0% {
						transform: translate3d(-2vw, 0, 0);
				}
				50% {
						transform: translate3d(2vw, 0, 0);
				}
				100% {
						transform: translate3d(-2vw, 0, 0);
				}
		}
		@keyframes cloudmover {
				0% {
						transform: translate3d(2vw, 0, 0);
				}
				50% {
						transform: translate3d(-2vw, 0, 0);
				}
				100% {
						transform: translate3d(2vw, 0, 0);
				}
		}
		.visit_kv {
				max-width: 100%;
				width: 100%;
				height: 58.205128vw;
				position: fixed;
				background-image: url(../img/visit_kv-s.png), url(../img/bg_dot-s.webp), url("../img/bg_closs-s.webp");
				background-repeat: no-repeat, no-repeat, repeat;
				background-position: top center;
				background-size: contain, contain, 17.4vw 17.4vw;
				margin: 0 auto;
				position: relative;
				z-index: 4;
		}
		.visit_kv .visit_kv_inner {
				width: 100%;
				max-width: 80vw;
				margin: 0 auto;
				text-align: right;
		}
		.visit_kv .visit_kv_inner h1 {
				font-size: 4.87179vw;
				font-weight: 700;
				color: #D2B16C;
				line-height: 1;
				padding: 35vw 0 0;
		}
		.visit_kv .visit_kv_inner h1 span {
				font-size: 2.17949vw;
				font-weight: 500;
				line-height: 1;
				display: block;
				margin: 2vw 0 0;
		}
		.seminar_kv {
				max-width: 100%;
				width: 100%;
				height: 58.205128vw;
				position: fixed;
				background-image: url(../img/seminar_kv-s.png), url(../img/bg_dot-s.webp), url("../img/bg_closs-s.webp");
				background-repeat: no-repeat, no-repeat, repeat;
				background-position: top center;
				background-size: contain, contain, 17.4vw 17.4vw;
				margin: 0 auto;
				position: relative;
				z-index: 4;
		}
		.seminar_kv .seminar_kv_inner {
				width: 100%;
				max-width: 80vw;
				margin: 0 auto;
				text-align: right;
		}
		.seminar_kv .seminar_kv_inner h1 {
				font-size: 4.87179vw;
				font-weight: 700;
				color: #D2B16C;
				line-height: 1;
				padding: 35vw 0 0;
		}
		.seminar_kv .seminar_kv_inner h1 span {
				font-size: 2.17949vw;
				font-weight: 500;
				line-height: 1;
				display: block;
				margin: 2vw 0 0;
		}
}

.s1 {
		max-width: 1920px;
		width: 100%;
		height: auto;
		position: relative;
		margin: 0 auto 0;
		z-index: 10;
		padding: 20px 0 0;
}

.s1 ul {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
		position: relative;
		z-index: 10;
}

.s1 ul .title {
		font-size: 34px;
		font-weight: 600;
		color: #D2B16C;
		flex-basis: 224px;
}

.s1 ul .title span {
		font-size: 15px;
		font-weight: 500;
		display: block;
		margin: 15px 0 0;
}

.s1 ul .summary {
		text-align: left;
		flex-basis: 736px;
}

.s1 ul .summary .facebook_wrap {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
}

.s1 ul .summary .fb-page,
.s1 ul .summary .fb-page span,
.s1 ul .summary .facebook_wrap iframe {
		width: 100% !important;
		height: 350px !important;
}

.s1:after {
		content: "";
		max-width: 1920px;
		width: 100%;
		height: 260px;
		clip-path: polygon(0 260px, 100% 260px, 100% 0);
		background-color: rgba(0, 0, 0, 0.25);
		position: absolute;
		bottom: 120px;
		left: 0;
		z-index: 1;
}

@media (max-width: 780px) {
		.s1 {
				max-width: 100%;
				width: 100%;
				height: auto;
				margin: 0 auto -30vw;
				z-index: 10;
		}
		.s1 ul {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				width: 90vw;
				position: relative;
				z-index: 10;
				margin: 0 auto;
		}
		.s1 ul .title {
				font-size: 5.64103vw;
				font-weight: 600;
				color: #D2B16C;
				flex-basis: 25vw;
				position: relative;
		}
		.s1 ul .title span {
				font-size: 2.30769vw;
				font-weight: 500;
				display: block;
				margin: 2vw 0 0;
		}
		.s1 ul .title:after {
				content: "";
				background-image: url("../img/ttl_before-s.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 21.15vw;
				height: 6.256vw;
				position: absolute;
				bottom: -15vw;
				left: -7vw;
		}
		.s1 ul .summary {
				text-align: left;
				flex-basis: 60vw;
		}
		.s1 ul .summary .facebook_wrap {
				margin-left: auto;
				margin-right: auto;
				width: 60vw;
		}
		.s1 ul .summary .fb-page,
		.s1 ul .summary .fb-page span,
		.s1 ul .summary .facebook_wrap iframe {
				width: 100% !important;
				height: 60vh !important;
		}
		.s1:after {
				content: "";
				max-width: 100%;
				width: 100%;
				height: 14vw;
				clip-path: polygon(0 14vw, 100% 14vw, 100% 0);
				background-color: rgba(0, 0, 0, 0.25);
				position: absolute;
				bottom: -6vw;
				left: 0;
				z-index: 1;
		}
}

.s1_sub {
		width: 100%;
		position: relative;
		background-color: rgba(0, 0, 0, 0.25);
		z-index: 2;
		padding: 140px 0 0;
		margin-top: -120px;
}

.s1_sub ul {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
		position: relative;
		z-index: 10;
		margin: 60px auto 70px;
}

.s1_sub ul .title {
		font-size: 28px;
		font-weight: 600;
		color: #D2B16C;
		flex-basis: 224px;
		line-height: 1.9;
}

.s1_sub ul .title:after {
		content: "";
		background-image: url("../img/ttl_before.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 105px;
		height: 30px;
		position: absolute;
		bottom: 25px;
		left: 90px;
}

.s1_sub ul .summary {
		text-align: left;
		flex-basis: 736px;
}

.s1_sub ul .summary p {
		font-size: 16px;
		font-weight: 500;
		line-height: 2.8;
		color: #fff;
}

.s1_sub .situation_base {
		width: 960px;
		height: 773px;
		margin: -146px auto 125px;
		background-image: url("../img/situation_base_bg.png");
		background-image: image-set(url(../img/situation_base_bg.png) 1x, url(../img/situation_base_bg@2x.png) 2x);
		background-image: -webkit-image-set(url(../img/situation_base_bg.png) 1x, url(../img/situation_base_bg@2x.png) 2x);
		background-repeat: no-repeat;
		background-size: auto;
		padding: 48px;
}

.s1_sub .situation_base h2 {
		color: #8C6D28;
		text-align: center;
		font-size: 29px;
		line-height: 1;
		font-weight: 700;
		margin: 15px auto 15px;
}

.s1_sub .situation_base h2 span {
		font-size: 43px;
}

.s1_sub .situation_base a {
		text-decoration: none;
		color: #141414;
}

.s1_sub .situation_base .youtube {
		width: 100%;
		aspect-ratio: 16 / 9;
}

.s1_sub .situation_base .youtube iframe {
		width: 100%;
		height: 100%;
}

.s1_sub .situation_base .situation_btn01 {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 33px auto 15px;
}

.s1_sub .situation_base .situation_btn01 p {
		font-size: 16px;
		font-weight: bold;
		line-height: 1;
		color: #141414;
		width: 796px;
		display: block;
		margin: 0 auto;
		position: relative;
		text-align: center;
		z-index: 2;
}

.s1_sub .situation_base .situation_btn01 p:before {
		content: "";
		background-image: url("../img/situation_base_ico01.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 133px;
		height: 26px;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
}

.s1_sub .situation_base .situation_btn01 p:after {
		content: "";
		background-image: url("../img/situation_base_dt_bk.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 15px;
		height: 15px;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
}

@media (hover: hover) and (pointer: fine) {
		.s1_sub .situation_base .situation_btn01:hover p:after {
				content: "";
				background-image: url("../img/situation_base_dt_wh.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 15px;
				height: 15px;
				position: absolute;
				top: 50%;
				right: 0;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
		}
		.s1_sub .situation_base .situation_btn01:hover p {
				color: #fff;
		}
}

.s1_sub:after {
		content: "";
		max-width: 1920px;
		width: 100%;
		height: 260px;
		clip-path: polygon(0 0, 100% 0, 0 260px);
		background-color: rgba(0, 0, 0, 0.25);
		position: absolute;
		bottom: -260px;
		left: 0;
		z-index: 11;
}

@media (max-width: 780px) {
		.s1_sub {
				width: 100%;
				position: relative;
				background-color: rgba(0, 0, 0, 0.25);
				z-index: 9;
				margin-top: 36vw;
				padding: 0 0 10vw;
		}
		.s1_sub ul {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				align-items: flex-start;
				width: 90vw;
				position: relative;
				z-index: 10;
				margin: 0 auto 3vw;
		}
		.s1_sub ul .title {
				font-size: 5.64103vw;
				font-weight: 600;
				color: #D2B16C;
				flex-basis: 100%;
				line-height: 1;
				position: relative;
				margin-bottom: 8vw;
		}
		.s1_sub ul .title:after {
				content: "";
				background-image: url("../img/ttl_before-s.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 21.15vw;
				height: 6.256vw;
				position: absolute;
				bottom: -5vw;
				left: inherit;
				right: -12vw;
		}
		.s1_sub ul .summary {
				text-align: left;
				flex-basis: 100%;
		}
		.s1_sub ul .summary p {
				font-size: 3.33333vw;
				font-weight: 500;
				line-height: 2.3;
				color: #fff;
		}
		.s1_sub .situation_base {
				width: 90vw;
				height: 102.3vw;
				margin: -12vw auto 0;
				background-image: url("../img/situation_base_bg-s.png");
				background-image: image-set(url(../img/situation_base_bg-s.png) 1x, url(../img/situation_base_bg-s.png) 2x);
				background-image: -webkit-image-set(url(../img/situation_base_bg-s.png) 1x, url(../img/situation_base_bg-s.png) 2x);
				background-repeat: no-repeat;
				background-size: contain;
				padding: 5vw;
		}
		.s1_sub .situation_base h2 {
				color: #8C6D28;
				text-align: center;
				font-size: 4.23077vw;
				line-height: 1.5;
				font-weight: 700;
				margin: 1vw auto 4vw;
		}
		.s1_sub .situation_base h2 span {
				font-size: 6.28205vw;
		}
		.s1_sub .situation_base a {
				text-decoration: none;
				color: #141414;
		}
		.s1_sub .situation_base .youtube {
				width: 100%;
				aspect-ratio: 16 / 9;
		}
		.s1_sub .situation_base .youtube iframe {
				width: 100%;
				height: 100%;
		}
		.s1_sub .situation_base .btn_img {
				width: 100%;
				margin: 6vw auto 0;
		}
		.s1_sub .situation_base .btn_img img {
				max-width: 100%;
		}
		.s1_sub:after {
				content: "";
				max-width: 100%;
				width: 100%;
				height: 14vw;
				clip-path: polygon(0 0, 0 14vw, 100% 0);
				background-color: rgba(0, 0, 0, 0.25);
				position: absolute;
				bottom: -14vw;
				left: 0;
		}
}

.s4 {
		max-width: 1920px;
		width: 100%;
		height: auto;
		margin: 130px auto 0;
		position: relative;
		z-index: 3;
		padding-bottom: 0;
}

.s4 .inner {
		width: 100%;
		max-width: 1020px;
		margin: 0 auto;
}

.s4 .exhibitorn_base {
		width: 960px;
		height: 1122px;
		margin: -146px auto 0;
		background-image: url("../img/exhibitorn_base.png");
		background-image: image-set(url(../img/exhibitorn_base.png) 1x, url(../img/exhibitorn_base@2x.png) 2x);
		background-image: -webkit-image-set(url(../img/exhibitorn_base.png) 1x, url(../img/exhibitorn_base@2x.png) 2x);
		background-repeat: no-repeat;
		background-size: auto;
		padding: 63px 48px 79px 38px;
}

.s4 .exhibitorn_base .exhibitorn_flex {
		display: flex;
		justify-content: space-between;
		width: 874px;
		height: 223px;
		margin: 0 0 30px;
}

.s4 .exhibitorn_base .exhibitorn_flex .exhibitorn_bx {
		width: 282px;
		height: 223px;
		position: relative;
}

.s4 .exhibitorn_base .exhibitorn_flex .exhibitorn_bx .bg {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
}

.s4 .exhibitorn_base .exhibitorn_flex .exhibitorn_bx .bg img {
		max-width: 100%;
}

.s4 .exhibitorn_base .exhibitorn_flex .exhibitorn_bx .categorie {
		position: absolute;
		top: 172px;
		left: 10px;
		z-index: 2;
		font-size: 15px;
		font-weight: 700;
		line-height: 1;
		color: #fff;
}

.s4 .exhibitorn_base .exhibitorn_flex .exhibitorn_bx .com_name {
		font-size: 16px;
		font-weight: 700;
		line-height: 1;
		position: absolute;
		top: 207px;
		left: 10px;
		z-index: 2;
		color: #141414;
}

.s4 .exhibitorn_base a {
		text-decoration: none;
}

.s4 .exhibitorn_base .exhibitorn_btn {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 33px auto 15px;
}

.s4 .exhibitorn_base .exhibitorn_btn p {
		font-size: 16px;
		font-weight: bold;
		line-height: 1;
		color: #141414;
		width: 796px;
		display: block;
		margin: 0 auto;
		position: relative;
		text-align: center;
		z-index: 2;
}

.s4 .exhibitorn_base .exhibitorn_btn p:before {
		content: "";
		background-image: url("../img/exhibitorn_base_ico01.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 133px;
		height: 26px;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
}

.s4 .exhibitorn_base .exhibitorn_btn p:after {
		content: "";
		background-image: url("../img/situation_base_dt_bk.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 15px;
		height: 15px;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
}

@media (hover: hover) and (pointer: fine) {
		.s4 .exhibitorn_base .exhibitorn_btn:hover p:after {
				content: "";
				background-image: url("../img/situation_base_dt_wh.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 15px;
				height: 15px;
				position: absolute;
				top: 50%;
				right: 0;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
		}
		.s4 .exhibitorn_base .exhibitorn_btn:hover p {
				color: #fff;
		}
}

.s4 h4 {
		font-size: 24px;
		font-weight: 700;
		line-height: 1.7;
		text-align: center;
		color: #8C6D28;
		margin: 150px auto 20px;
}

.v1 {
		max-width: 1920px;
		width: 100%;
		height: auto;
		margin: 0 auto 0;
		position: relative;
		z-index: 3;
		padding: 74px 0;
}

.v1 .inner {
		width: 100%;
		max-width: 1020px;
		margin: 0 auto;
}

.v1 .howto_base {
		width: 960px;
		height: 1116px;
		margin: -146px auto 0;
		background-image: url("../img/howto_base.png");
		background-repeat: no-repeat;
		background-size: contain;
		padding: 20px 48px 0 16px;
}

.v1 .howto_base a {
		text-decoration: none;
}

.v1 .howto_base .mb50 {
		margin-bottom: 50px;
}

.v1 .howto_base ul {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		width: 896px;
}

.v1 .howto_base ul .step {
		flex-basis: 192px;
}

.v1 .howto_base ul .summary {
		flex-basis: 702px;
		text-align: left;
}

.v1 .howto_base ul .summary h5 {
		font-size: 26px;
		font-weight: 700;
		line-height: 1;
		color: #8C6D28;
		text-align: left;
		margin: 25px 0 15px;
}

.v1 .howto_base ul .summary p {
		font-size: 16px;
		line-height: 2;
		color: #141414;
		text-align: left;
}

.v1 .howto_base ul .summary span {
		display: block;
		font-size: 15px;
		font-weight: 500;
		line-height: 1;
		color: #141414;
}

.v1 .howto_base ul .summary .howto_sttl {
		background-image: url(../img/howto_ttl_bg.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 315px;
		height: 34px;
		position: relative;
		margin: 20px 0 10px;
}

.v1 .howto_base ul .summary .howto_sttl p {
		font-size: 15px;
		font-weight: bold;
		line-height: 1;
		color: #fff;
		position: absolute;
		top: 8px;
		left: 10px;
}

.v1 .howto_base ul .summary .howto_sttl p span {
		font-size: 13px;
		display: inline;
		color: #fff;
}

.v1 .howto_base .btn_layout {
		display: flex;
		justify-content: space-between;
		width: 864px;
		margin: 0 0 0 32px;
}

.v1 .howto_base .bnr {
		max-width: 865px;
		width: 100%;
		margin: 50px 0 0 32px;
}

.v1 .howto_base .bnr img {
		max-width: 100%;
}

.v1 .howto_base .kei {
		border-bottom: 2px dotted rgba(20, 20, 20, 0.7);
		padding-bottom: 35px;
		margin-bottom: 20px;
		margin-left: 70px;
}

.v1 .howto_base .howto_btn {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 33px auto 15px;
}

.v1 .howto_base .howto_btn p {
		font-size: 16px;
		font-weight: bold;
		line-height: 1;
		color: #141414;
		width: 420px;
		display: block;
		margin: 0 auto;
		position: relative;
		text-align: center;
		z-index: 2;
		text-decoration: none;
}

.v1 .howto_base .howto_btn p span {
		padding-left: 30px;
}

.v1 .howto_base .howto_btn p:before {
		content: "";
		background-image: url("../img/howto_base_ico01.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 63px;
		height: 18px;
		position: absolute;
		top: 50%;
		left: 15px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
}

.v1 .howto_base .howto_btn p:after {
		content: "";
		background-image: url("../img/situation_base_dt_bk.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 15px;
		height: 15px;
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
}

.v1 .howto_base .howto_btn02 {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 33px auto 15px;
}

.v1 .howto_base .howto_btn02 p {
		font-size: 16px;
		font-weight: bold;
		line-height: 1;
		color: #141414;
		width: 420px;
		display: block;
		margin: 0 auto;
		position: relative;
		text-align: center;
		z-index: 2;
		text-decoration: none;
}

.v1 .howto_base .howto_btn02 p span {
		padding-left: 30px;
}

.v1 .howto_base .howto_btn02 p:before {
		content: "";
		background-image: url("../img/howto_base_ico02.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 63px;
		height: 18px;
		position: absolute;
		top: 50%;
		left: 15px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
}

.v1 .howto_base .howto_btn02 p:after {
		content: "";
		background-image: url("../img/situation_base_dt_bk.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 15px;
		height: 15px;
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
}

.v1 .howto_base .howto_btn03 {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 33px auto 15px;
}

.v1 .howto_base .howto_btn03 p {
		font-size: 16px;
		font-weight: bold;
		line-height: 1;
		color: #141414;
		width: 420px;
		display: block;
		margin: 0 auto;
		position: relative;
		text-align: center;
		z-index: 2;
		text-decoration: none;
}

.v1 .howto_base .howto_btn03 p span {
		padding-left: 30px;
}

.v1 .howto_base .howto_btn03 p:before {
		content: "";
		background-image: url("../img/howto_base_ico03.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 98px;
		height: 29px;
		position: absolute;
		top: 50%;
		left: 15px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
}

.v1 .howto_base .howto_btn03 p:after {
		content: "";
		background-image: url("../img/situation_base_dt_bk.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 15px;
		height: 15px;
		position: absolute;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
}

@media (hover: hover) and (pointer: fine) {
		.v1 .howto_base .howto_btn02:hover p:after {
				content: "";
				background-image: url("../img/situation_base_dt_wh.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 15px;
				height: 15px;
				position: absolute;
				top: 50%;
				right: 15px;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
		}
		.v1 .howto_base .howto_btn02:hover p {
				color: #fff;
		}
		.v1 .howto_base .howto_btn03:hover p:after {
				content: "";
				background-image: url("../img/situation_base_dt_wh.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 15px;
				height: 15px;
				position: absolute;
				top: 50%;
				right: 15px;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
		}
		.v1 .howto_base .howto_btn03:hover p {
				color: #fff;
		}
}

.v1 h4 {
		font-size: 24px;
		font-weight: 700;
		line-height: 1.7;
		text-align: center;
		color: #8C6D28;
		margin: 150px auto 20px;
}

.v1 .event_base {
		width: 960px;
		height: 742px;
		margin: -146px auto 100px;
		background-image: url("../img/event_base@2x.png");
		background-repeat: no-repeat;
		background-size: contain;
		padding: 48px;
		position: relative;
}

.v1 .event_base h3 {
		font-size: 29px;
		font-weight: 700;
		line-height: 1;
		text-align: left;
		color: #8C6D28;
		margin: 0 0 15px;
		position: absolute;
		top: 126px;
		left: 384px;
}

.v1 .event_base h4 {
		font-size: 16px;
		font-weight: 700;
		line-height: 1;
		text-align: left;
		color: #8C6D28;
		margin: 0 0 15px;
		position: absolute;
		top: 165px;
		left: 384px;
}

.v1 .event_base h5 {
		font-size: 20px;
		font-weight: 700;
		line-height: 1;
		color: #141414;
		position: absolute;
		top: 203px;
		left: 384px;
}

.v1 .event_base h6 {
		font-size: 19px;
		font-weight: 700;
		line-height: 1;
		color: #141414;
		position: absolute;
		top: 237px;
		left: 384px;
}

.v1 .event_base h6 span {
		font-size: 14px;
		font-weight: 400;
}

.v1 .event_base p {
		font-size: 16px;
		font-weight: 400;
		line-height: 2;
		color: #141414;
		position: absolute;
		top: 284px;
		left: 384px;
		right: 48px;
}

.v1 .event_base .profile {
		display: flex;
		justify-content: space-between;
		width: 864px;
		position: absolute;
		top: 560px;
		left: 48px;
}

.v1 .event_base .profile .ttl {
		background-color: rgba(210, 172, 108, 0.81);
		flex-basis: 160px;
		font-size: 15px;
		font-weight: 700;
		line-height: 1.7;
		color: #fff;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
}

.v1 .event_base .profile .summary {
		background-color: rgba(225, 197, 149, 0.35);
		flex-basis: 704px;
		padding: 16px 0;
}

.v1 .event_base .profile .summary ul {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
		margin: 0 auto 0;
		width: 668px;
}

.v1 .event_base .profile .summary .year {
		font-size: 14px;
		line-height: 2;
		color: #141414;
		margin: 0;
		flex-basis: 59px;
}

.v1 .event_base .profile .summary .text {
		font-size: 14px;
		line-height: 2;
		color: #141414;
		border-left: 1px solid #D7B57B;
		margin-left: 10px;
		padding-left: 20px;
		flex-basis: 573px;
}

.v1 .event_base02 {
		width: 960px;
		height: 661px;
		margin: -146px auto 0;
		background-image: url("../img/event_base02@2x.png");
		background-repeat: no-repeat;
		background-size: contain;
		padding: 48px;
		position: relative;
}

.v1 .event_base02 .chara {
		position: absolute;
		top: -131px;
		left: 16px;
}

.v1 .event_base02 .chara img {
		max-width: 352px;
}

.v1 .event_base02 h3 {
		font-size: 29px;
		font-weight: 700;
		line-height: 1.6;
		text-align: left;
		color: #8C6D28;
		margin: 0 0 15px;
		position: absolute;
		top: 126px;
		left: 384px;
}

.v1 .event_base02 h6 {
		font-size: 19px;
		font-weight: 700;
		line-height: 1;
		color: #141414;
		position: absolute;
		top: 237px;
		left: 384px;
}

.v1 .event_base02 h6 span {
		font-size: 14px;
		font-weight: 400;
}

.v1 .event_base02 p {
		font-size: 16px;
		font-weight: 400;
		line-height: 2;
		color: #141414;
		position: absolute;
		top: 284px;
		left: 384px;
		right: 48px;
}

.v1 .event_base02 .profile {
		display: flex;
		justify-content: space-between;
		width: 864px;
		position: absolute;
		top: 540px;
		left: 48px;
}

.v1 .event_base02 .profile .ttl {
		background-color: rgba(210, 172, 108, 0.81);
		flex-basis: 160px;
		font-size: 15px;
		font-weight: 700;
		line-height: 1.7;
		color: #fff;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
}

.v1 .event_base02 .profile .summary {
		background-color: rgba(225, 197, 149, 0.35);
		flex-basis: 704px;
		padding: 25px 0;
		font-size: 14px;
		line-height: 1;
		text-align: center;
		color: #141414;
}

.v1 .event_base02 .profile .summary span {
		font-size: 16px;
		font-weight: 700;
}

.v1 .event_base02 .profile .summary p {
		text-align: right;
		font-size: 14px;
		font-weight: 500;
		color: #141414;
		position: static;
		margin-right: 30px;
}

@media (max-width: 780px) {
		.v1 {
				max-width: 100%;
				width: 100%;
				height: auto;
				margin: 0 auto 10vw;
				position: relative;
				z-index: 3;
				padding: 2vw 0 0;
		}
		.v1 .inner {
				width: 100%;
				max-width: 100%;
				margin: 0 auto;
		}
		.v1 .howto_base {
				width: 90vw;
				height: 279.487vw;
				margin: -12vw auto 0;
				background-image: url("../img/howto_base-s.png");
				background-repeat: no-repeat;
				background-size: contain;
				padding: 6vw 0;
		}
		.v1 .howto_base a {
				text-decoration: none;
		}
		.v1 .howto_base .mb50 {
				margin-bottom: 4vw;
		}
		.v1 .howto_base ul {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				width: 100%;
		}
		.v1 .howto_base ul .step {
				flex-basis: 27vw;
				margin-left: -2vw;
		}
		.v1 .howto_base ul .step img {
				max-width: 100%;
		}
		.v1 .howto_base ul .summary {
				flex-basis: 62vw;
				text-align: left;
				margin-right: 5vw;
		}
		.v1 .howto_base ul .summary h5 {
				font-size: 4.61538vw;
				font-weight: 700;
				line-height: 1;
				color: #8C6D28;
				text-align: left;
				margin: 5vw 0 4vw 3vw;
		}
		.v1 .howto_base ul .summary p {
				font-size: 3.33333vw;
				line-height: 2;
				color: #141414;
				text-align: left;
				margin-left: -7vw;
		}
		.v1 .howto_base ul .summary span {
				display: block;
				font-size: 3.07692vw;
				font-weight: 500;
				line-height: 2;
				color: #141414;
				margin-left: -7vw;
		}
		.v1 .howto_base ul .summary .howto_sttl {
				background-image: url(../img/howto_ttl_bg-s.png);
				background-repeat: no-repeat;
				background-size: contain;
				width: 65vw;
				height: 8vw;
				position: relative;
				margin: 20px 0 10px -7vw;
		}
		.v1 .howto_base ul .summary .howto_sttl p {
				font-size: 3.07692vw;
				font-weight: bold;
				line-height: 1;
				color: #fff;
				position: absolute;
				top: 2.5vw;
				left: 9.5vw;
		}
		.v1 .howto_base ul .summary .howto_sttl p span {
				font-size: 2.82051vw;
				display: inline;
				line-height: 1;
				color: #fff;
				margin: 0;
		}
		.v1 .howto_base .btn_img {
				margin: 0 auto;
				text-align: center;
		}
		.v1 .howto_base .btn_img img {
				max-width: 80vw;
		}
		.v1 .howto_base .btn_layout {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				width: 80vw;
				margin: 3vw auto;
		}
		.v1 .howto_base .btn_layout li {
				flex-basis: 100%;
				margin-bottom: 3vw;
		}
		.v1 .howto_base .bnr {
				max-width: 80vw;
				width: 100%;
				margin: 0 auto;
		}
		.v1 .howto_base .bnr img {
				max-width: 100%;
		}
		.v1 .howto_base .kei {
				border-bottom: 2px dotted rgba(20, 20, 20, 0.7);
				padding-bottom: 4vw;
				margin: 0 5vw 4vw;
		}
		.v1 .howto_base .howto_btn {
				display: flex;
				justify-content: center;
				align-items: center;
				margin: 33px auto 15px;
		}
		.v1 .howto_base .howto_btn p {
				font-size: 16px;
				font-weight: bold;
				line-height: 1;
				color: #141414;
				width: 420px;
				display: block;
				margin: 0 auto;
				position: relative;
				text-align: center;
				z-index: 2;
				text-decoration: none;
		}
		.v1 .howto_base .howto_btn p span {
				padding-left: 30px;
		}
		.v1 .howto_base .howto_btn p:before {
				content: "";
				background-image: url("../img/howto_base_ico01.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 63px;
				height: 18px;
				position: absolute;
				top: 50%;
				left: 15px;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
		}
		.v1 .howto_base .howto_btn p:after {
				content: "";
				background-image: url("../img/situation_base_dt_bk.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 15px;
				height: 15px;
				position: absolute;
				top: 50%;
				right: 15px;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
		}
		.v1 .howto_base .howto_btn02 {
				display: flex;
				justify-content: center;
				align-items: center;
				margin: 33px auto 15px;
		}
		.v1 .howto_base .howto_btn02 p {
				font-size: 16px;
				font-weight: bold;
				line-height: 1;
				color: #141414;
				width: 420px;
				display: block;
				margin: 0 auto;
				position: relative;
				text-align: center;
				z-index: 2;
				text-decoration: none;
		}
		.v1 .howto_base .howto_btn02 p span {
				padding-left: 30px;
		}
		.v1 .howto_base .howto_btn02 p:before {
				content: "";
				background-image: url("../img/howto_base_ico02.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 63px;
				height: 18px;
				position: absolute;
				top: 50%;
				left: 15px;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
		}
		.v1 .howto_base .howto_btn02 p:after {
				content: "";
				background-image: url("../img/situation_base_dt_bk.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 15px;
				height: 15px;
				position: absolute;
				top: 50%;
				right: 15px;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
		}
		.v1 .howto_base .howto_btn03 {
				display: flex;
				justify-content: center;
				align-items: center;
				margin: 33px auto 15px;
		}
		.v1 .howto_base .howto_btn03 p {
				font-size: 16px;
				font-weight: bold;
				line-height: 1;
				color: #141414;
				width: 420px;
				display: block;
				margin: 0 auto;
				position: relative;
				text-align: center;
				z-index: 2;
				text-decoration: none;
		}
		.v1 .howto_base .howto_btn03 p span {
				padding-left: 30px;
		}
		.v1 .howto_base .howto_btn03 p:before {
				content: "";
				background-image: url("../img/howto_base_ico03.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 98px;
				height: 29px;
				position: absolute;
				top: 50%;
				left: 15px;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
		}
		.v1 .howto_base .howto_btn03 p:after {
				content: "";
				background-image: url("../img/situation_base_dt_bk.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 15px;
				height: 15px;
				position: absolute;
				top: 50%;
				right: 15px;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
		}
}

@media (max-width: 780px) and (hover: hover) and (pointer: fine) {
		.v1 .howto_base .howto_btn:hover p:after {
				content: "";
				background-image: url("../img/situation_base_dt_wh.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 15px;
				height: 15px;
				position: absolute;
				top: 50%;
				right: 15px;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
		}
		.v1 .howto_base .howto_btn:hover p {
				color: #fff;
		}
}

@media (max-width: 780px) {
		.v1 h4 {
				font-size: 24px;
				font-weight: 700;
				line-height: 1.7;
				text-align: center;
				color: #8C6D28;
				margin: 150px auto 20px;
		}
		.v1 .event_base {
				width: 90vw;
				height: 220.5128vw;
				margin: -12vw auto 0;
				background-image: url("../img/event_base-s.png");
				background-repeat: no-repeat;
				background-size: contain;
				padding: 6vw 0;
				position: relative;
		}
		.v1 .event_base h3 {
				font-size: 5.12821vw;
				font-weight: 700;
				line-height: 1;
				text-align: left;
				color: #8C6D28;
				margin: 0;
				position: absolute;
				top: 19.5vw;
				left: 5vw;
		}
		.v1 .event_base h4 {
				font-size: 3.33333vw;
				font-weight: 700;
				line-height: 1;
				text-align: left;
				color: #8C6D28;
				margin: 0;
				position: absolute;
				top: 26vw;
				left: 5vw;
		}
		.v1 .event_base h5 {
				font-size: 3.58974vw;
				font-weight: 700;
				line-height: 1;
				color: #141414;
				position: absolute;
				top: 35vw;
				left: 5vw;
		}
		.v1 .event_base h6 {
				font-size: 3.58974vw;
				font-weight: 700;
				line-height: 1;
				color: #141414;
				position: absolute;
				top: 40vw;
				left: 5vw;
		}
		.v1 .event_base h6 span {
				font-size: 2.5641vw;
				font-weight: 400;
		}
		.v1 .event_base p {
				font-size: 3.33333vw;
				font-weight: 400;
				line-height: 2.1;
				color: #141414;
				position: absolute;
				top: 48vw;
				left: 5vw;
				right: 5vw;
		}
		.v1 .event_base .profile {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				width: 40vw;
				position: absolute;
				top: 130vw;
				left: 45vw;
				right: 5vw;
		}
		.v1 .event_base .profile .ttl {
				background-color: rgba(210, 172, 108, 0.81);
				flex-basis: 40vw;
				font-size: 2.5641vw;
				font-weight: 700;
				line-height: 1;
				padding: 2.5vw 0;
				color: #fff;
				text-align: center;
				display: flex;
				justify-content: center;
				align-items: center;
		}
		.v1 .event_base .profile .summary {
				background-color: rgba(225, 197, 149, 0.35);
				flex-basis: 40vw;
				padding: 3vw 2vw;
		}
		.v1 .event_base .profile .summary ul {
				display: flex;
				justify-content: flex-start;
				align-items: flex-start;
				flex-wrap: wrap;
				margin: 0 auto 0;
				width: 36vw;
		}
		.v1 .event_base .profile .summary .year {
				font-size: 2.5641vw;
				line-height: 1;
				color: #141414;
				margin: 0 0 2vw 0;
				flex-basis: 36vw;
		}
		.v1 .event_base .profile .summary .text {
				font-size: 2.5641vw;
				line-height: 1.8;
				color: #141414;
				border-left: 1px solid #D7B57B;
				margin: 0 0 3vw 0;
				padding-left: 2vw;
				flex-basis: 36vw;
		}
		.v1 .event_base02 {
				width: 90vw;
				height: 220.51282vw;
				margin: -12vw auto 0;
				background-image: url("../img/event_base02-s.png");
				background-repeat: no-repeat;
				background-size: contain;
				padding: 5vw;
				position: relative;
		}
		.v1 .event_base02 .chara {
				position: absolute;
				top: 110.82vw;
				left: 2.5vw;
				right: 2.5vw;
		}
		.v1 .event_base02 .chara img {
				max-width: 90vw;
		}
		.v1 .event_base02 h3 {
				font-size: 5.12821vw;
				font-weight: 700;
				line-height: 1.6;
				text-align: left;
				color: #8C6D28;
				margin: 0;
				position: absolute;
				top: 18vw;
				left: 5vw;
		}
		.v1 .event_base02 h6 {
				font-size: 3.58974vw;
				font-weight: 700;
				line-height: 1;
				color: #141414;
				position: absolute;
				top: 38vw;
				left: 5vw;
				text-align: left;
		}
		.v1 .event_base02 h6 span {
				font-size: 2.5641vw;
				font-weight: 400;
				display: block;
				margin-bottom: 1.5vw;
		}
		.v1 .event_base02 p {
				font-size: 3.33333vw;
				font-weight: 400;
				line-height: 1.8;
				color: #141414;
				position: absolute;
				top: 50vw;
				left: 5vw;
				right: 5vw;
		}
		.v1 .event_base02 .profile {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				width: 80vw;
				position: absolute;
				top: 184vw;
				left: 5vw;
		}
		.v1 .event_base02 .profile .ttl {
				background-color: rgba(210, 172, 108, 0.81);
				flex-basis: 80vw;
				font-size: 2.5641vw;
				font-weight: 700;
				padding: 2.5vw 0;
				line-height: 1;
				color: #fff;
				text-align: center;
				display: flex;
				justify-content: center;
				align-items: center;
		}
		.v1 .event_base02 .profile .summary {
				background-color: rgba(225, 197, 149, 0.35);
				flex-basis: 80vw;
				padding: 2.5vw 4vw;
				font-size: 2.5641vw;
				line-height: 1.8;
				text-align: center;
				color: #141414;
		}
		.v1 .event_base02 .profile .summary span {
				font-size: 2.82051vw;
				font-weight: 700;
		}
		.v1 .event_base02 .profile .summary p {
				text-align: right;
				font-size: 2.5641vw;
				font-weight: 500;
				color: #141414;
				position: static;
				margin-right: 0;
		}
}

@media (max-width: 780px) {
		.s4 {
				max-width: 100%;
				width: 100%;
				height: auto;
				margin: 0 auto 0;
				position: relative;
				z-index: 3;
				padding-bottom: 0;
		}
		.s4 .inner {
				width: 100%;
				max-width: 100%;
				margin: 0 auto;
		}
		.s4 .exhibitorn_base {
				width: 90vw;
				height: 405.384615vw;
				margin: -12vw auto 0;
				background-image: url("../img/exhibitorn_base-s.png");
				background-image: image-set(url(../img/exhibitorn_base-s.png) 1x, url(../img/exhibitorn_base-s.png) 2x);
				background-image: -webkit-image-set(url(../img/exhibitorn_base-s.png) 1x, url(../img/exhibitorn_base-s.png) 2x);
				background-repeat: no-repeat;
				background-size: contain;
				padding: 8vw 5vw 5vw 2vw;
		}
		.s4 .exhibitorn_base .exhibitorn_flex {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				width: 100%;
				height: auto;
				margin: 0 0 4vw;
		}
		.s4 .exhibitorn_base .exhibitorn_flex .exhibitorn_bx {
				width: 100%;
				height: 68vw;
				position: relative;
		}
		.s4 .exhibitorn_base .exhibitorn_flex .exhibitorn_bx .bg {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
		}
		.s4 .exhibitorn_base .exhibitorn_flex .exhibitorn_bx .bg img {
				max-width: 100%;
		}
		.s4 .exhibitorn_base .exhibitorn_flex .exhibitorn_bx .categorie {
				position: absolute;
				top: 51vw;
				left: 3vw;
				z-index: 2;
				font-size: 3.46154vw;
				font-weight: 700;
				line-height: 1;
				color: #fff;
		}
		.s4 .exhibitorn_base .exhibitorn_flex .exhibitorn_bx .com_name {
				font-size: 3.84615vw;
				font-weight: 700;
				line-height: 1;
				position: absolute;
				top: 59vw;
				left: 3vw;
				z-index: 2;
				color: #141414;
		}
		.s4 .exhibitorn_base a {
				text-decoration: none;
		}
		.s4 .exhibitorn_base .btn_img {
				margin: 0 0 12vw 3vw;
		}
		.s4 .exhibitorn_base .btn_img img {
				max-width: 80vw;
		}
		.s4 .exhibitorn_base .exhibitorn_btn {
				display: flex;
				justify-content: center;
				align-items: center;
				margin: 33px auto 15px;
		}
		.s4 .exhibitorn_base .exhibitorn_btn p {
				font-size: 16px;
				font-weight: bold;
				line-height: 1;
				color: #141414;
				width: 796px;
				display: block;
				margin: 0 auto;
				position: relative;
				text-align: center;
				z-index: 2;
		}
		.s4 .exhibitorn_base .exhibitorn_btn p:before {
				content: "";
				background-image: url("../img/exhibitorn_base_ico01.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 133px;
				height: 26px;
				position: absolute;
				top: 50%;
				left: 0;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
		}
		.s4 .exhibitorn_base .exhibitorn_btn p:after {
				content: "";
				background-image: url("../img/situation_base_dt_bk.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 15px;
				height: 15px;
				position: absolute;
				top: 50%;
				right: 0;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
		}
		.s4 .exhibitorn_base h4 {
				font-size: 4.61538vw;
				font-weight: 700;
				line-height: 1.8;
				text-align: left;
				color: #8C6D28;
				margin: 33vw 0 3vw 2vw;
		}
		.s4 .exhibitorn_base .image img {
				max-width: 100%;
		}
}

.s5 {
		max-width: 1920px;
		width: 100%;
		height: auto;
		margin: 85px auto 0;
		padding-bottom: 120px;
}

.s5 .inner {
		width: 100%;
		max-width: 1020px;
		margin: 0 auto;
}

.s5 h2 span {
		font-size: 28px;
}

.s5 .map_base {
		width: 960px;
		height: 216px;
		margin: -146px auto 0;
		background-image: url("../img/map_base.png");
		background-image: image-set(url(../img/map_base.png) 1x, url(../img/map_base@2x.png) 2x);
		background-image: -webkit-image-set(url(../img/map_base.png) 1x, url(../img/map_base@2x.png) 2x);
		background-repeat: no-repeat;
		background-size: auto;
		padding: 70px 0 0;
}

.s5 .map_base a {
		text-decoration: none;
}

.s5 .map_base .map_btn {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
}

.s5 .map_base .map_btn p {
		font-size: 16px;
		font-weight: bold;
		line-height: 1;
		color: #141414;
		width: 796px;
		display: block;
		margin: 0 auto;
		position: relative;
		text-align: center;
		z-index: 2;
}

.s5 .map_base .map_btn p:before {
		content: "";
		background-image: url("../img/map_base_ico01.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 75px;
		height: 22px;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
}

.s5 .map_base .map_btn p:after {
		content: "";
		background-image: url("../img/situation_base_dt_bk.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 15px;
		height: 15px;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
}

@media (hover: hover) and (pointer: fine) {
		.s5 .map_base .map_btn:hover p:after {
				content: "";
				background-image: url("../img/situation_base_dt_wh.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 15px;
				height: 15px;
				position: absolute;
				top: 50%;
				right: 0;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
		}
		.s5 .map_base .map_btn:hover p {
				color: #fff;
		}
}

@media (max-width: 780px) {
		.s5 {
				max-width: 100%;
				width: 100%;
				height: auto;
				margin: 3vw auto 0;
				position: relative;
				z-index: 3;
				padding-bottom: 15vw;
		}
		.s5 .inner {
				width: 100%;
				max-width: 90vw;
				margin: 0 auto;
		}
		.s5 h2 span {
				font-size: 28px;
		}
		.s5 .map_base {
				width: 90vw;
				height: 29.230769vw;
				margin: -12vw auto 0;
				background-image: url("../img/map_base-s.png");
				background-image: image-set(url(../img/map_base-s.png) 1x, url(../img/map_base-s.png) 2x);
				background-image: -webkit-image-set(url(../img/map_base-s.png) 1x, url(../img/map_base-s.png) 2x);
				background-repeat: no-repeat;
				background-size: contain;
				padding: 8vw 5vw 0;
		}
}

.s6 {
		max-width: 1920px;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 90px 0 0;
}

.s6 .seminar_base {
		width: 960px;
		height: 341px;
		margin: -146px auto 95px;
		background-image: url("../img/seminar_base.png");
		background-image: image-set(url(../img/seminar_base.png) 1x, url(../img/seminar_base@2x.png) 2x);
		background-image: -webkit-image-set(url(../img/seminar_base.png) 1x, url(../img/seminar_base@2x.png) 2x);
		background-repeat: no-repeat;
		background-size: auto;
		padding: 68px 48px;
}

.s6 .seminar_base h2 {
		font-size: 29px;
		font-weight: 700;
		color: #8C6D28;
		text-align: center;
}

.s6 .seminar_base h3 {
		font-size: 17px;
		font-weight: 700;
		line-height: 1;
		color: #141414;
		text-align: center;
		margin: 30px auto 40px;
}

.s6 .seminar_base h5 {
		font-size: 32px;
		font-weight: 700;
		line-height: 1;
		color: #8C6D28;
		margin: 15px auto 0;
}

.s6 .seminar_base a {
		text-decoration: none;
}

.s6 .seminar_base .seminar_btn01 {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 33px auto 15px;
		cursor: pointer;
}

.s6 .seminar_base .seminar_btn01 p {
		font-size: 16px;
		font-weight: bold;
		line-height: 1;
		color: #141414;
		width: 796px;
		display: block;
		margin: 0 auto;
		position: relative;
		text-align: center;
		z-index: 2;
}

.s6 .seminar_base .seminar_btn01 p:before {
		content: "";
		background-image: url("../img/seminar_base_ico01.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 133px;
		height: 26px;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
}

.s6 .seminar_base .seminar_btn01 p:after {
		content: "";
		background-image: url("../img/situation_base_dt_bk.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 15px;
		height: 15px;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
}

@media (hover: hover) and (pointer: fine) {
		.s6 .seminar_base .seminar_btn01:hover p:after {
				content: "";
				background-image: url("../img/situation_base_dt_wh.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 15px;
				height: 15px;
				position: absolute;
				top: 50%;
				right: 0;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
		}
		.s6 .seminar_base .seminar_btn01:hover p {
				color: #fff;
		}
}

@media (max-width: 780px) {
		.s6 {
				max-width: 100%;
				width: 100%;
				height: auto;
				margin: 3vw auto 0;
				position: relative;
				z-index: 3;
				padding: 0 0 3vw;
		}
		.s6 .seminar_base {
				width: 90vw;
				height: 68.97435vw;
				margin: -12vw auto 0;
				background-image: url("../img/seminar_base-s.png");
				background-image: image-set(url(../img/seminar_base-s.png) 1x, url(../img/seminar_base-s.png) 2x);
				background-image: -webkit-image-set(url(../img/seminar_base-s.png) 1x, url(../img/seminar_base-s.png) 2x);
				background-repeat: no-repeat;
				background-size: contain;
				padding: 5vw;
		}
		.s6 .seminar_base h2 {
				font-size: 4.87179vw;
				font-weight: 700;
				line-height: 1.7;
				color: #8C6D28;
				text-align: center;
		}
		.s6 .seminar_base h3 {
				font-size: 3.33333vw;
				font-weight: 700;
				line-height: 1.9;
				color: #141414;
				text-align: center;
				margin: 5vw auto 6vw;
		}
		.s6 .seminar_base h5 {
				font-size: 4.87179vw;
				font-weight: 700;
				line-height: 1;
				color: #8C6D28;
				margin: 15px auto 0;
		}
		.s6 .seminar_base .btn_img img {
				max-width: 100%;
		}
}

.place_flex {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		width: 960px;
		margin: -146px auto 0;
}

.place_flex .place_txt {
		flex-basis: 416px;
		text-align: left;
}

.place_flex .place_txt h6 {
		font-size: 28px;
		font-weight: bold;
		color: #fff;
		line-height: 1;
		margin-bottom: 10px;
		text-align: left;
		margin-left: 80px;
}

.place_flex .place_txt p {
		font-size: 16px;
		font-weight: 500;
		color: #fff;
		line-height: 1.8;
		margin-bottom: 20px;
		margin-left: 80px;
}

.place_flex .place_map {
		flex-basis: 496px;
		position: relative;
		width: 100%;
		height: 366px;
}

.place_flex .place_map iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

@media (max-width: 780px) {
		.place_flex {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				align-items: flex-end;
				width: 90vw;
				margin: -10vw auto 10vw;
		}
		.place_txt {
				flex-basis: 90vw;
				text-align: left;
				display: flex;
				justify-content: space-between;
				margin-bottom: 5vw;
		}
		.place_txt .place_txt_inner {
				flex-basis: 43vw;
		}
		.place_txt .place_txt_inner h6 {
				font-size: 4.35897vw;
				font-weight: bold;
				color: #fff;
				line-height: 1.6;
				margin-bottom: 1vw;
				text-align: left;
				margin-left: 0;
		}
		.place_txt .place_txt_inner p {
				font-size: 3.33333vw;
				font-weight: 500;
				color: #fff;
				line-height: 1.6;
				margin-bottom: 0;
				margin-left: 0;
		}
		.place_txt .place_txt_img {
				flex-basis: 45vw;
		}
		.place_txt .place_txt_img .img {
				max-width: 100%;
		}
		.place_map {
				flex-basis: 90vw;
				position: relative;
				width: 100%;
				height: 0;
				padding-top: 56.25%;
				/* 比率を4:3に固定 */
		}
		.place_map iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
		}
}

.partner_section {
		background-image: url("../img/partner_bg.png");
		background-image: image-set(url(../img/partner_bg.png) 1x, url(../img/partner_bg@2x.png) 2x);
		background-image: -webkit-image-set(url(../img/partner_bg.png) 1x, url(../img/partner_bg@2x.png) 2x);
		background-repeat: no-repeat;
		width: 960px;
		height: 347px;
		margin: 90px auto 60px;
		position: relative;
}

.partner_section .s_ttl_s {
		position: absolute;
		top: 18px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		font-size: 22px;
		font-weight: 600;
		color: #C2A262;
		line-height: 1;
		white-space: nowrap;
}

.sponsor_section {
		background-image: url("../img/sponsorship_bg.png");
		background-image: image-set(url(../img/sponsorship_bg.png) 1x, url(../img/sponsorship_bg@2x.png) 2x);
		background-image: -webkit-image-set(url(../img/sponsorship_bg.png) 1x, url(../img/sponsorship_bg@2x.png) 2x);
		background-repeat: no-repeat;
		width: 960px;
		height: 313px;
		margin: 80px auto 80px;
		position: relative;
}

.sponsor_section .s_ttl_s {
		position: absolute;
		top: 18px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		font-size: 22px;
		font-weight: 600;
		color: #C2A262;
		line-height: 1;
		white-space: nowrap;
}

.move_btn {
		width: 864px;
		height: 62px;
		border-radius: 70px;
		border: 1px solid #141414;
		overflow: hidden;
		position: relative;
		transition: all 3s ease 0s;
		cursor: pointer;
}

.move_btn:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: -30px;
		width: 210px;
		height: 62px;
		background: #141414;
		transform: skewX(-45deg);
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		z-index: 1;
}

.move_btn_02 {
		width: 420px;
		height: 62px;
		border-radius: 70px;
		border: 1px solid #141414;
		overflow: hidden;
		position: relative;
		cursor: default;
}

.move_btn_02:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: -30px;
		width: 150px;
		height: 62px;
		background: #141414;
		transform: skewX(-45deg);
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		z-index: 1;
}

.move_btn_03 {
		width: 420px;
		height: 62px;
		border-radius: 70px;
		border: 1px solid #141414;
		overflow: hidden;
		position: relative;
		transition: all 3s ease 0s;
		cursor: pointer;
}

.move_btn_03:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: -30px;
		width: 150px;
		height: 62px;
		background: #141414;
		transform: skewX(-45deg);
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		z-index: 1;
}

@media (hover: hover) and (pointer: fine) {
		.move_btn:hover:before {
				left: -30px;
				width: 120%;
				background: #141414;
		}
		.move_btn:hover P {
				color: #fff;
		}
}

@media (max-width: 780px) {
		.partner_section {
				background-image: url("../img/partner_bg-s.png");
				background-repeat: no-repeat;
				background-size: contain;
				width: 90vw;
				height: 95.128vw;
				margin: 0 auto 10vw;
				position: relative;
		}
		.partner_section .s_ttl_s {
				position: absolute;
				top: 4vw;
				left: 50%;
				transform: translateX(-50%);
				-webkit-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				font-size: 4.61538vw;
				font-weight: 600;
				color: #C2A262;
				line-height: 1;
				white-space: nowrap;
		}
		.sponsor_section {
				background-image: url("../img/sponsorship_bg-s.png");
				background-repeat: no-repeat;
				background-size: contain;
				width: 90vw;
				height: 79.230769vw;
				margin: 0 auto 10vw;
				position: relative;
		}
		.sponsor_section .s_ttl_s {
				position: absolute;
				top: 4vw;
				left: 50%;
				transform: translateX(-50%);
				-webkit-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				font-size: 4.61538vw;
				font-weight: 600;
				color: #C2A262;
				line-height: 1;
				white-space: nowrap;
		}
}

.footer {
		max-width: 1920px;
		width: 100%;
		height: auto;
		background-image: url("../img/footer_bg.webp");
		background-image: image-set(url(../img/footer_bg.webp) 1x, url(../img/footer_bg@2x.webp) 2x);
		background-image: -webkit-image-set(url(../img/footer_bg.webp) 1x, url(../img/footer_bg@2x.webp) 2x);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom right;
		padding: 80px 0 45px;
		text-align: center;
}

.footer .blk {
		background-color: #000;
		border-radius: 50px;
		width: 420px;
		margin: 0 auto;
		text-align: center;
		padding: 30px 0;
		display: inline-block;
		cursor: pointer;
}

.footer .blk p {
		font-size: 16px;
		line-height: 1;
		color: #fff;
		font-weight: bold;
		position: relative;
}

.footer .blk p:after {
		content: "";
		background-image: url(../img/foot_btn_arrow.svg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 18px;
		height: 18px;
		position: absolute;
		top: calc(50% - 9px);
		right: 20px;
		transition: .2s;
}

@media (hover: hover) and (pointer: fine) {
		.footer:hover .blk:hover p:after {
				right: 10px;
		}
}

.footer .inner {
		width: 960px;
		height: auto;
		margin: 80px auto 0;
		position: relative;
}

.footer .kitty {
		position: absolute;
		bottom: 0;
		right: 0;
		animation: kitty_anim 5s infinite;
}

.footer .kitty img {
		max-width: 151px;
		filter: drop-shadow(16px 16px 26px rgba(0, 0, 0, 0.1));
}

@keyframes kitty_anim {
		0% {
				transform: translateY(20px);
		}
		50% {
				transform: translateY(0);
		}
		100% {
				transform: translateY(20px);
		}
}

.footer .ttl {
		margin: 0 auto 50px;
		text-align: center;
}

.footer .ttl p {
		font-size: 18px;
		font-weight: 500;
		line-height: 1;
		color: #fff;
		display: inline-block;
		position: relative;
}

.footer .ttl p span {
		font-size: 16px;
}

.footer .ttl p:before {
		content: "";
		background-image: url("../img/footer_ttl_icon.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 90px;
		height: 35px;
		position: absolute;
		top: -10px;
		left: -180px;
}

.footer .ttl p:after {
		content: "";
		background-image: url("../img/footer_ttl_icon.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 90px;
		height: 35px;
		position: absolute;
		bottom: -10px;
		right: -180px;
}

.footer ul {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 auto 50px;
		width: 600px;
}

.footer ul li img {
		margin-bottom: 20px;
}

.footer ul li p {
		font-size: 16px;
		font-weight: 500;
		line-height: 1;
		position: relative;
		display: inline-block;
}

.footer ul li p:after {
		content: "";
		background-image: url(../img/outer.svg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 15px;
		height: 15px;
		position: absolute;
		top: 0;
		right: -30px;
}

.footer ul li a p {
		text-decoration: underline;
}

.footer .policy {
		text-align: center;
		font-size: 16px;
		font-weight: 500;
		line-height: 1;
		color: #fff;
		margin: 0 auto 80px;
}

.footer .policy a {
		text-decoration: underline;
		color: #fff;
}

.footer p {
		font-size: 16px;
		font-weight: 500;
		color: #fff;
		line-height: 1;
		text-align: center;
}

@media (max-width: 780px) {
		.footer {
				max-width: 100%;
				width: 100%;
				height: auto;
				background-image: url("../img/footer_bg-s.webp");
				background-repeat: no-repeat;
				background-size: contain;
				background-position: bottom center;
				padding: 13vw 0 28vw;
				text-align: center;
				position: relative;
		}
		.footer .blk {
				background-color: #000;
				border-radius: 10.25641vw;
				width: 80vw;
				margin: 0 auto;
				text-align: center;
				padding: 5.12821vw 0;
				display: inline-block;
				cursor: pointer;
		}
		.footer .blk p {
				font-size: 3.33333vw;
				line-height: 1;
				color: #fff;
				font-weight: bold;
				position: relative;
				text-align: center;
				margin: 0 auto;
		}
		.footer .blk p:after {
				content: "";
				background-image: url(../img/foot_btn_arrow.svg);
				background-repeat: no-repeat;
				background-size: contain;
				width: 3vw;
				height: 3vw;
				position: absolute;
				top: calc(50% - 1.5vw);
				right: 5vw;
		}
		.footer .inner {
				width: 100%;
				height: 100%;
				margin: 15vw auto 0;
				position: relative;
		}
		.footer .kitty {
				position: absolute;
				bottom: -20vw;
				right: 0;
				animation: kitty_anim 5s infinite;
		}
		.footer .kitty img {
				max-width: 30vw;
		}
		@keyframes kitty_anim {
				0% {
						transform: translateY(0);
				}
				50% {
						transform: translateY(20px);
				}
				100% {
						transform: translateY(0);
				}
		}
		.footer .ttl {
				margin: 0 auto 10vw;
				text-align: center;
		}
		.footer .ttl p {
				font-size: 3.58974vw;
				font-weight: 500;
				line-height: 2.1;
				color: #fff;
				display: inline-block;
				position: relative;
		}
		.footer .ttl p span {
				font-size: 3.07692vw;
		}
		.footer .ttl p:before {
				content: "";
				background-image: url("../img/footer_ttl_icon.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 14.615vw;
				height: 5.7vw;
				position: absolute;
				top: -1vw;
				left: -24vw;
		}
		.footer .ttl p:after {
				content: "";
				background-image: url("../img/footer_ttl_icon.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 14.615vw;
				height: 5.7vw;
				position: absolute;
				bottom: -1vw;
				right: -24vw;
		}
		.footer ul {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin: 0 auto 8vw;
				width: 94vw;
		}
		.footer ul li:first-child img {
				max-width: 31vw;
				margin-bottom: 4vw;
		}
		.footer ul li:last-child img {
				max-width: 44vw;
				margin-bottom: 4vw;
		}
		.footer ul li p {
				font-size: 2.82051vw;
				font-weight: 500;
				line-height: 1;
				position: relative;
				display: inline-block;
				margin: 0;
		}
		.footer ul li p:after {
				content: "";
				background-image: url(../img/outer.svg);
				background-repeat: no-repeat;
				background-size: contain;
				width: 2.5vw;
				height: 2.5vw;
				position: absolute;
				top: 0;
				right: -4.5vw;
		}
		.footer ul li a p {
				text-decoration: underline;
		}
		.footer .policy {
				text-align: center;
				font-size: 3.33333vw;
				font-weight: 500;
				line-height: 1;
				color: #fff;
				margin: 0 auto 12vw;
		}
		.footer .policy a {
				text-decoration: underline;
				color: #fff;
		}
		.footer p {
				font-size: 3.33333vw;
				font-weight: 500;
				color: #fff;
				line-height: 2.1;
				text-align: left;
				margin-left: 5vw;
		}
}

/*---------------------------- Sp Setteing ----------------------------*/
@media screen and (max-width: 780px) {
		body img {
				max-width: 100%;
		}
		.br-sp {
				display: block;
		}
		.br-pc {
				display: none;
		}
		.pc {
				display: none;
		}
		.sp {
				display: block;
		}
		.wrapper {
				max-width: 100%;
				margin: 0 auto;
				overflow-x: hidden;
		}
		.inner {
				max-width: 100%;
				margin: 0 auto;
		}
}

.cp_actab {
		position: relative;
		overflow: hidden;
		width: 960px;
		margin: 15px auto 0;
}

.cp_actab01 {
		margin: -60px auto 0;
}

.cp_actab input {
		position: absolute;
		z-index: -1;
		opacity: 0;
}

.cp_actab label {
		font-weight: bold;
		position: relative;
		display: block;
		padding: 20px 0;
		cursor: pointer;
		margin: 0;
		background: #141414;
		text-align: left;
}

.cp_actab label h6 {
		font-size: 22px;
		font-weight: bold;
		color: #fff;
		line-height: 1;
		position: relative;
		padding-left: 85px;
		text-align: left;
}

.cp_actab label h6:before {
		content: "";
		background-image: url("../img/faq_ico_q.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 25px;
		height: 37px;
		position: absolute;
		top: -4px;
		left: 18px;
}

.cp_actab .cp_actab-content {
		overflow: hidden;
		max-height: 0;
		-webkit-transition: max-height 0.35s;
		transition: max-height 0.35s;
		color: #fff;
}

.cp_actab-content__inner {
		padding: 20px 0;
}

.cp_actab-content__inner p {
		font-size: 18px;
		font-weight: normal;
		line-height: 2;
		padding-left: 85px;
		position: relative;
}

.cp_actab-content__inner p a {
		text-decoration: underline;
		color: #fff;
}

.cp_actab-content__inner p sup {
		font-size: 10px;
}

.cp_actab-content__inner p:before {
		content: "";
		background-image: url("../img/faq_ico_a.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 62px;
		height: 62px;
		position: absolute;
		top: 0;
		left: 0;
}

.cp_actab input:checked ~ .cp_actab-content {
		max-height: 20000px;
}

.cp_actab label::after {
		line-height: 3;
		position: absolute;
		top: calc(50% - 11px);
		right: 20px;
		display: block;
		width: 22px;
		height: 22px;
		/* -webkit-transition: all 0.35s;
  transition: all 0.35s; */
		text-align: center;
}

.cp_actab input[type=checkbox] + label::after {
		content: '';
		background-image: url("../img/ac_close.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
}

.cp_actab input[type=checkbox]:checked + label::after {
		content: "";
		background-image: url("../img/ac_open.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		position: absolute;
		top: calc(50% - 11px);
		right: 20px;
		display: block;
		width: 22px;
		height: 22px;
}

@media (max-width: 780px) {
		.cp_actab {
				position: relative;
				overflow: hidden;
				width: 90vw;
				margin: 3vw auto 0;
		}
		.cp_actab01 {
				margin: -10vw auto 0;
		}
		.cp_actab input {
				position: absolute;
				z-index: -1;
				opacity: 0;
		}
		.cp_actab label {
				font-weight: bold;
				position: relative;
				display: block;
				padding: 4vw 0;
				cursor: pointer;
				margin: 0;
				background: #141414;
				text-align: left;
		}
		.cp_actab label h6 {
				font-size: 3.58974vw;
				font-weight: bold;
				color: #fff;
				line-height: 1.5;
				position: relative;
				padding-left: 13vw;
				padding-right: 10vw;
				text-align: left;
		}
		.cp_actab label h6:before {
				content: "";
				background-image: url("../img/faq_ico_q.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 3.8vw;
				height: 5.5vw;
				position: absolute;
				top: 0;
				left: 2.5vw;
		}
		.cp_actab .cp_actab-content {
				overflow: hidden;
				max-height: 0;
				-webkit-transition: max-height 0.35s;
				transition: max-height 0.35s;
				color: #fff;
		}
		.cp_actab-content__inner {
				padding: 2.5vw 0;
		}
		.cp_actab-content__inner p {
				font-size: 3.33333vw;
				font-weight: normal;
				line-height: 1.9;
				padding-left: 13vw;
				padding-right: 6vw;
				position: relative;
		}
		.cp_actab-content__inner p a {
				text-decoration: none;
				color: #fff;
		}
		.cp_actab-content__inner p sup {
				font-size: 2.30769vw;
		}
		.cp_actab-content__inner p:before {
				content: "";
				background-image: url("../img/faq_ico_a.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 9.4vw;
				height: 9.4vw;
				position: absolute;
				top: 0;
				left: 0;
		}
		.cp_actab input:checked ~ .cp_actab-content {
				max-height: 20000px;
		}
		.cp_actab label::after {
				line-height: 3;
				position: absolute;
				top: calc(50% - 1.8vw);
				right: 3.6vw;
				display: block;
				width: 3.6vw;
				height: 3.6vw;
				/* -webkit-transition: all 0.35s;
    transition: all 0.35s; */
				text-align: center;
		}
		.cp_actab input[type=checkbox] + label::after {
				content: '';
				background-image: url("../img/ac_close.svg");
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center;
		}
		.cp_actab input[type=checkbox]:checked + label::after {
				content: "";
				background-image: url("../img/ac_open.svg");
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center;
				position: absolute;
				top: calc(50% - 1.8vw);
				right: 3.6vw;
				display: block;
				width: 3.6vw;
				height: 3.6vw;
		}
}