@charset "UTF-8";

/* iOS */
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

input,
button,
textarea,
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* /iOS */

/* flex */

.flex {
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

.flex-s {
	justify-content: flex-start !important;
}

.space-a {
	justify-content: space-around !important;
}

.space-b {
	justify-content: space-between !important;
}

.item-c {
	align-items: center;
}

/* /flex */

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-thumb {
	background: #055c91;
	border-radius: 5px;
}

::-webkit-scrollbar-track {
	background: rgb(255 255 255);
	border-radius: 5px;
	width: 80%;
}

@media screen and (max-width: 1000px) {
	.br-sp {
		display: none;
	}
}

/*-- all --*/
body {
	background: #fff;
	color: #055c91;
	background-attachment: fixed;
	background-size: 100vw;
	font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", sans-serif;
	font-weight: 600;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

article {
	overflow: hidden;
}

main {
	background: url(../images/contbg.jpg) center top repeat;
	width: 100%;
	z-index: 5;
	position: relative;
}

.wrapper {
	width: 96%;
	max-width: 1800px;
	margin: auto;
	background-color: #fff;
}

.wrapper:first-of-type {
	padding: 30px 0 0;
}

.container {
	width: 100%;
	margin: 45vw 0 0 0;
	position: relative;
	z-index: 11;
}

body.under .container {
	margin: 0 0 0 0;
}

header.under #logo {
	z-index: -1;
	opacity: 0;
}

.container.under {
	margin: 0;
}

.under-h-bg {
	background: rgba(0, 0, 0, 0.9);
	height: 150px;
}

@media screen and (min-width: 1000px) {
	.pc-none {
		display: none;
	}
}

/* all-right-down */
#right-down {
	position: fixed;
	bottom: 40px;
	right: 20px;
	color: #fff;
	transition: all 0.3s ease-in;
	opacity: 0;
	z-index: -1;
}

@media screen and (max-width: 1000px) {
	#right-down {
		bottom: 30px;
	}
}

#right-down.-scrolled {
	transition: all 0.3s ease-in;
	opacity: 1;
	z-index: 50;
	right: 0;
}

#right-down .box {
	position: relative;
}

#right-down .pt {
	padding: 15px 20px;
}

.img_up {
	animation: img_up 1.5s linear infinite;
	transform-origin: 50% 50%;
}

@keyframes img_up {
	0% {
		transform: translateY(0);
	}

	33.33333% {
		transform: translateY(-3px);
	}

	66.66667% {
		transform: translateY(3px);
	}

	100% {
		transform: translateY(0);
	}
}

#right-down .pt img {
	width: 100%;
	max-width: 115px;
}

@media screen and (max-width: 1000px) {
	#right-down .pt img {
		width: 100%;
		max-width: 50px;
	}
}

#right-down .pt div {
	display: flex;
	align-items: center;
}

#right-down .pt div img {
	width: 40px;
	display: flex;
	margin-right: 10px;
}

#right-down .pt div>p {
	font-size: 30px;
}

#right-down .pt>p {
	font-size: 20px;
	text-align: center;
	margin-top: 10px;
	animation: blinkAnimeS1 1s infinite alternate;
}

@keyframes blinkAnimeS1 {
	0% {
		color: #272727;
	}

	100% {
		color: #c6ba72;
	}
}

/* /all-right-down */

/*** bread ***/
.breadcrumb {
	padding: 10px 20px;
	box-sizing: border-box;
	font-size: 13px;
	margin: 0 auto;
	background: #b3eeff;
	color: #055c91;
}

@media screen and (max-width: 414px) {
	.breadcrumb {
		font-size: 11px;
	}
}

.breadcrumb li {
	display: inline-block;
}

.breadcrumb li a {
	display: inherit;
}

/*** /bread ***/

.sp {
	display: none;
}

@media screen and (max-width: 1000px) {
	.sp {
		display: block;
	}
}

.pc {
	display: block;
}

@media screen and (max-width: 1000px) {
	.pc {
		display: none;
	}
}

/***** sp header *****/

.headersp {
	display: none;
}

@media screen and (max-width: 1000px) {
	.headersp {
		display: block;
		position: relative;
		text-align: center;
	}
}

.headersp .info-box {
	margin: 0 auto 10px;
}

.headersp .info-box .open {
	width: 387px;
}

@media screen and (max-width: 1000px) {
	.headersp .info-box .open {
		width: 38.7vw;
	}
}

header.info .info-box .tel {
	width: 405px;
}

@media screen and (max-width: 1000px) {
	.headersp .info-box .tel {
		width: 40.5vw;
	}
}

.headersp .info-box .mail {
	width: 273px;
}

@media screen and (max-width: 1000px) {
	.headersp .info-box .mail {
		width: 27.3vw;
	}
}

.headersp nav.h-nav {
	background: #272727;
	padding-bottom: 5px;
	position: relative;
	z-index: 50;
}

.headersp nav.h-nav ul {
	gap: 1% 1.2%;
}

.headersp nav.h-nav li {
	width: 49.333%;
	margin-top: 5px;
}

.headersp nav.h-nav li a {
	background: url(../images/navbtn-bg.jpg) center top no-repeat;
	display: block;
	color: #fff;
	background-size: cover;
	padding: 10px 0;
	min-height: 50px;
}

@media screen and (max-width: 414px) {
	.headersp nav.h-nav li a {
		min-height: auto;
	}
}

.headersp nav.h-nav li a p {
	text-align: center;
	margin-top: 6px;
}

.headersp nav.h-nav li a p:first-of-type {
	font-size: 20px;
}

@media screen and (max-width: 414px) {
	.headersp nav.h-nav li a p:first-of-type {
		font-size: 18px;
	}
}

.headersp nav.h-nav li a p:last-of-type {
	font-size: 13px;
}

@media screen and (max-width: 414px) {
	.headersp nav.h-nav li a p:last-of-type {
		font-size: 12px;
	}
}

/*-- /header --*/

/*-- nav --*/
.headersp nav>#nav-obi .open,
.open img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.headersp nav>#nav-obi .open {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #a9976d;
	display: flex;
	justify-content: center;
	align-items: center;
	visibility: visible;
	z-index: 3000;
	width: 100%;
	opacity: 1;
	transition: all 1.4s cubic-bezier(0.04, 0.435, 0.315, 0.9);
}

.headersp nav>#nav-obi .open.is-loading img,
nav>#nav-obi .open.is-loading p {
	opacity: 1;
	transform: translate(0, 0);
}

.headersp nav>#nav-obi .open.is-loaded {
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}

.headersp nav>#nav-obi .open img {
	display: block;
	margin: 0 auto;
	width: 154px;
	opacity: 0;
	transform: translate(0, 5px);
	transition: all 1s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0.1s;
}

.headersp nav>#nav-obi .open img:nth-of-type(2) {
	transition-delay: 0.4s;
}

@media screen and (max-width: 768px) {
	.headersp nav>#nav-obi .open img {
		width: 180px;
	}
}

.headersp nav>#nav-obi .open p {
	color: #fff;
	text-align: center;
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate(0, 5px);
	transform: translate(0, 5px);
	transition: all 1s cubic-bezier(0.04, 0.435, 0.315, 0.9) 0.4s;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: 0.1em;
}

.headersp nav>#nav-obi h1 img {
	width: 130px;
}

@media screen and (max-width: 320px) {
	.headersp nav>#nav-obi h1 img {
		width: 120px;
	}
}

.headersp nav>#nav-obi.is-fixed h1 img {
	width: 130px;
}

@media screen and (max-width: 320px) {
	.headersp nav>#nav-obi.is-fixed h1 img {
		width: 120px;
	}
}

.headersp nav>#nav-obi #open {
	font-size: 24px;
	color: #ff008a;
	background: #fff;
	height: 65px;
	text-align: center;
	margin-right: 10px;
}

.headersp nav>#nav-obi.is-fixed #open {
	height: 55px;
}

.headersp nav>#nav-obi #open p {
	padding: 14px 10px;
}

.headersp nav>#nav-obi.is-fixed #open p {
	padding: 9px 10px;
}

.headersp nav>#nav-obi #open p span {
	font-size: 13px;
	display: block;
}

.headersp nav .nav-obi .hamburer.is-open span {
	opacity: 0;
}

.headersp nav .nav-obi .hamburer {
	transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9);
}

.headersp nav .nav-obi .hamburer {
	position: absolute;
	top: 23px;
	right: 30px;
	cursor: pointer;
	width: 52px;
	height: 30px;
}

@media screen and (max-width: 1000px) {
	.headersp nav .nav-obi .hamburer {
		width: 40px;
		top: 3vw;
		right: 10px;
	}
}

@media screen and (max-width: 680px) {
	.headersp nav .nav-obi .hamburer {
		top: 4vw;
	}
}

@media screen and (max-width: 414px) {
	.headersp nav .nav-obi .hamburer {
		top: 20px;
		right: 15px;
		width: 40px;
		height: 40px;
	}
}

.headersp nav .nav-obi.is-fixed .hamburer {
	top: 23px;
}

.headersp nav .nav-obi .hamburer.is-open span:first-of-type {
	transform: translate(0, 7px) rotate(0deg);
}

@media screen and (max-width: 768px) {
	nav .nav-obi .hamburer.is-open span:first-of-type {
		transform: translate(15px, 6px) rotate(0deg);
	}
}

.headersp nav .nav-obi .hamburer.is-open span:nth-of-type(2) {
	transform: translate(0, 7px) rotate(0deg);
	opacity: 0;
}

@media screen and (max-width: 768px) {
	.headersp nav .nav-obi .hamburer.is-open span:nth-of-type(2) {
		transform: translate(0, 6px) rotate(0deg);
	}
}

.headersp nav .nav-obi .hamburer.is-open span:last-of-type {
	transform: translate(0, 7px) rotate(0deg);
}

@media screen and (max-width: 768px) {
	.headersp nav .nav-obi .hamburer.is-open span:last-of-type {
		transform: translate(0, 6px) rotate(0deg);
	}
}

.headersp nav .nav-obi .hamburer:hover span:nth-of-type(2) {
	width: 30px;
}

.headersp nav .nav-obi .hamburer:hover span:last-of-type {
	width: 20px;
}

.headersp nav .nav-obi .hamburer span {
	display: block;
	width: 50px;
	height: 6px;
	background-color: #fff;
	transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9);
	backface-visibility: hidden;
	opacity: 1;
	box-sizing: border-box;
	padding: 2px 0;
	border-radius: 30px;
}

@media screen and (max-width: 1000px) {
	.headersp nav .nav-obi .hamburer span {
		background-color: #055c91;
		width: 40px;
		height: 4px;
	}
}

.headersp nav .nav-obi .hamburer span:first-of-type {
	transform: translate(0, -5px) rotate(0deg);
}

.headersp nav .nav-obi .hamburer span:nth-of-type(2) {
	transform: translate(0, 3px) rotate(0deg);
}

.headersp nav .nav-obi .hamburer span:last-of-type {
	transform: translate(0, 11px) rotate(0deg);
}

.headersp nav .nav-obi .hamburer p {
	font-size: 14px;
	text-align: center;
	color: #055c91;
	padding-top: 3px;
}

@media screen and (max-width: 1400px) {
	.headersp nav .nav-obi .hamburer p {
		font-size: 10px;
		color: #055c91;
	}
}

.headersp nav .nav-obi {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
}

.headersp nav .nav-obi .logo {
	margin-top: 0;
}

.headersp nav .nav-obi .logo img {
	width: 130px;
}

.headersp nav .nav-obi.is-show {
	opacity: 1;
}

.headersp nav .nav-obi.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	border-radius: 0;
}

.headersp nav .hamburer-in,
nav .hamburer-in .hamburer-close {
	transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9);
	opacity: 0;
	z-index: 1000;
}

.headersp nav .hamburer-in {
	left: 0;
	color: #055c91;
	display: flex;
	justify-content: flex-start;
	visibility: hidden;
	pointer-events: none;
	z-index: -1;
	background-color: rgba(0, 0, 0, 1);
	backface-visibility: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

@media screen and (max-width: 1000px) {
	.headersp nav .hamburer-in {
		background: #d1f5ff;
	}
}

.headersp nav .hamburer-in.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	z-index: 2000;
}

.headersp nav .hamburer-in .hamburer-close {
	position: absolute;
	top: 30px;
	right: 20px;
	cursor: pointer;
	width: 40px;
	height: 40px;
}

.headersp nav .hamburer-in .hamburer-close.is-open,
nav .top-brand__list-item a:hover img[src*="h.png"] {
	opacity: 1;
}

.headersp nav .hamburer-in .hamburer-close.is-open span:first-child {
	transform: rotate(-45deg) translate(-1px, 0);
	top: 1px;
}

.headersp nav .hamburer-in .hamburer-close.is-open span:last-child {
	transform: rotate(45deg);
}

.headersp nav .hamburer-in .hamburer-close span {
	display: block;
	width: 50px;
	height: 5px;
	background-color: #055c91;
	position: relative;
	top: -4px;
	left: 0px;
	transition: all 0.8s cubic-bezier(0.04, 0.435, 0.315, 0.9);
	transform: rotate(45deg) translate(1px, 0);
	border-radius: 20px;
}

.headersp nav .hamburer-in .hamburer-close p {
	font-size: 10px;
	text-align: center;
	margin: 0 8px 0;
}

.headersp nav .hamburer-in .hamburer-main {
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
}

.headersp nav .hamburer-in .hamburer-main .h-box {
	box-shadow: unset;
}

.headersp nav .hamburer-in .hamburer-main .box {
	font-size: 1.6rem;
	overflow: hidden;
}

.headersp nav .hamburer-in .hamburer-main ul li img {
	width: 100%;
}

.headersp nav .hamburer-in .hamburer-main ul.bna li img {
	width: 165px;
	margin: 0 5px;
}

@media screen and (max-width: 320px) {
	.headersp nav .hamburer-in .hamburer-main ul.bna li img {
		width: 147px;
	}
}

.headersp nav .hamburer-in .hamburer-main {
	display: block;
	text-align: center;
}

@media screen and (max-width: 320px) {
	.headersp nav .hamburer-in .hamburer-main {
		margin-top: 40px;
	}
}

/*-- /nav --*/

/***** /sp header *****/

/* all-nav */

header nav {
	width: 100%;
}

nav .nav-obi.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	border-radius: 0;
	width: 100%;
	opacity: 0.95;
}

nav .nav-obi #nav-menu {
	width: 100%;
	margin: 0 auto;
}

nav .nav-obi #nav-menu li {
	box-sizing: border-box;
	padding: 0 1.8%;
}

@media screen and (max-width: 1200px) {
	nav .nav-obi #nav-menu li {
		padding: 0 1%;
	}
}

nav .nav-obi #nav-menu li a {
	max-height: 80px;
	text-align: center;
	display: block;
	box-sizing: border-box;
	background-size: contain;
}

nav .nav-obi #nav-menu li:hover a {
	opacity: 0.8;
	color: #061a26;
}

nav .nav-obi #nav-menu li:hover p {
	opacity: 0.8;
	color: #061a26;
	transition: 0.3s ease-in-out;
}

nav .nav-obi #nav-menu li:hover p:last-of-type {
	text-decoration: underline;
}

nav .nav-obi #nav-menu li a {
	font-size: 1.3vw;
}

nav .nav-obi #nav-menu li a p:first-of-type {
	font-weight: 700;
}

nav .nav-obi #nav-menu li p:last-of-type {
	font-size: 13px;
	font-weight: 700;
	padding-top: 5px;
	margin-top: 3px;
}

@media screen and (max-width: 1400px) {
	nav .nav-obi #nav-menu li p:last-of-type {
		font-size: 11px;
	}
}

nav .nav-obi #nav-menu li a img {
	width: 25px;
	margin-right: 10px;
}

@media screen and (max-width: 1620px) {
	nav .nav-obi #nav-menu li a img {
		width: 20px;
	}
}

/* /all-nav */

#under .layout1 .tit h2 {
	font-size: 2.1rem;
	float: none;
	padding: 35px 0 0;
	height: 65px;
	text-align: center;
	border-right: none !important;
}

#under .u-box {
	width: 100%;
	border-top: 6px solid #fff;
	border-bottom: 6px solid #fff;
	background: #000;
	margin-top: 50px;
	overflow: hidden;
}

/* /all-under */

.mainstage {
	background-image: url(../images/cover_bg.jpg);
	background-size: cover;
	height: 100vh;
}

@media screen and (max-width: 1300px) {
	.mainstage {
		height: 80vh;
	}
}

@media screen and (max-width: 1000px) {
	.mainstage {
		height: 120vw;
		background-image: url(../images/cover_bg_sp.jpg);
	}
}

.mainstage .txtbox {
	position: absolute;
	z-index: 5;
	top: 13vw;
	left: 1%;
}

@media screen and (max-width: 1000px) {
	.mainstage .txtbox {
		position: relative;
		top: 60vw;
	}
}

.mainstage .txtbox .titletxt {
	font-family: 'Cinzel', serif;
	font-weight: 700;
	font-size: clamp(1px, 14vw, 228px);
	filter: drop-shadow(0 0 6px rgb(255, 255, 255));

	.filter {
		filter: drop-shadow(0 0 6px rgb(255, 255, 255));
	}

	p {
		font-kerning: none;
		font-variant-ligatures: none;
		filter: drop-shadow(0 0 6px rgb(255, 255, 255));
	}

	p.faq-txt {
		width: 430px;
		height: 150px;
	}

	p:last-child {
		margin-top: -0.2em;
	}
}

@media screen and (max-width: 1000px) {
	.mainstage .txtbox .titletxt {
		font-size: 14vw;
		filter: drop-shadow(1px 1px 1px rgb(255, 255, 255));

		p {
			filter: drop-shadow(0 0 2px rgb(255, 255, 255));
		}

		p.faq-txt {
			width: 36vw;
			height: auto;
			line-height: 1.4;
		}

		p:last-child {
			margin-top: -10px;
		}
	}
}

.mainstage .txtbox .mess1 {
	font-size: clamp(1px, 2.2vw, 48px);
	line-height: 1.2;
	color: #fff;
	font-weight: bold;
	margin-left: 80px;

	span {
		display: inline-block;
		margin: 0.1em 0;
		background-color: #fff;
		color: #2672a0;
	}

	span.text {
		padding-left: 0;
	}
}

@media screen and (max-width: 1000px) {
	.mainstage .txtbox .mess1 {
		margin-top: 0;
		font-size: 3.4vw;
		margin-left: 6px;
	}
}

.mainstage .txtbox .mess2 {
	margin-top: 10px;
	font-size: 1vw;
	line-height: 1.875;
	padding: 0.1em 0;
	width: fit-content;
	margin-left: 80px;

	span {
		background-color: #fff;
		display: block;
		margin: 0 0 0.4em;
		padding: 0.1em 0.2em;
		width: fit-content;
		font-weight: bold;
	}

	span:last-child {
		margin-top: -10px;
	}
}

@media screen and (max-width: 1000px) {
	.mainstage .txtbox .mess2 span:last-child {
		margin-top: 0;
	}
}

@media screen and (max-width: 1000px) {
	.mainstage .txtbox .mess2 {
		width: 85%;
		margin-top: 2vw;
		font-size: 2.9vw;
		margin-left: 6px;
	}
}

.txtgrad01 {
	background: linear-gradient(180deg, #68ddff 0%, #055c91 100%);
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.under .txtgrad01 {
	filter: drop-shadow(3px 4px 5px rgb(255, 255, 255)) !important;
}

.slider-all-back {
	margin-left: 25%;
}

@media screen and (max-width: 1000px) {
	.slider-all-back {
		margin-left: 0;
		overflow: hidden;
	}
}

/*-- all-back --*/

#all-back {
	position: fixed;
	top: 4vw;
	left: 0;
	right: 0;
}

@media screen and (max-width: 1000px) {
	#all-back {
		top: 80px;
	}
}

#all-back div {
	display: block;
	width: 100%;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media screen and (max-width: 1000px) {
	#all-back div {
		height: 56vw !important;
	}
}

.mainstage.under #all-back {
	position: fixed;
	top: 120px;
	left: 0;
	right: 0;
}

@media screen and (max-width: 1000px) {
	.mainstage.under #all-back {
		top: 80px;
	}
}

@media screen and (max-width: 1000px) {
	.mainstage.under #all-back {
		top: 80px;
	}
}

.mainstage.under #all-back .div {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 480px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
}

@media screen and (max-width: 1000px) {
	.mainstage.under #all-back .div {
		height: 47vw !important;
		background-size: cover;
		background-position: 50%;
	}
}

.mainstage.under {
	background-image: url(../images/cover_bg.jpg);
	background-size: cover;
	height: 600px;
}

@media screen and (max-width: 1000px) {
	.mainstage.under {
		height: 55vw;
	}
}

.mainstage.under .txtbox {
	position: absolute;
	z-index: 10;
	top: 26%;
	left: 10%;
	text-align: center;
}

@media screen and (max-width: 1000px) {
	.mainstage.under .txtbox {
		top: 8vw;
		left: 20px;
	}
}

.mainstage.under .txtbox .bdr {
	width: 145px;
	margin: auto;
	background: linear-gradient(to bottom, #46485e 0%, #c3c6d4 50%, #46485e 100%);
	height: 4px;
}

@media screen and (max-width: 1000px) {
	.mainstage.under .txtbox .bdr {
		height: 2px;
		width: 70px;
	}
}

.mainstage.under .txtbox .titletxt {
	font-family: 'Cinzel', serif;
	font-weight: 700;
	font-size: 134px;
	margin: 40px auto 20px;
	letter-spacing: 0;
	filter: drop-shadow(-3px -4px 5px rgb(255, 255, 255));
}

@media screen and (max-width: 1000px) {
	.mainstage.under .txtbox .titletxt {
		font-size: 11vw;
		margin: 3vw auto;
	}
}

@media screen and (max-width: 460px) {
	.mainstage.under .txtbox .titletxt {
		margin: 2vw auto 1vw;
	}
}

.mainstage.under .txtbox .subt {
	font-size: 34px;
	color: #055c91;
	font-weight: bold;
}

@media screen and (max-width: 1000px) {
	.mainstage.under .txtbox .subt {
		font-size: 3.4vw;
	}
}

.slick-vertical .slick-slide {
	border: none !important;
}

/*-- /all-back --*/

/*-- /all --*/

/*-- header --*/
header {
	z-index: 50;
	position: relative;
}

/* snsbtn */

a.linelink {
	opacity: 1;
}

@media screen and (max-width: 1000px) {
	a.linelink {
		display: none;
	}
}

a.linelink:hover {
	opacity: 1;
}

header .snsbtn {
	z-index: 55;
	position: fixed;
	background: linear-gradient(30deg, rgb(38, 114, 160) 0%, rgb(96, 173, 219) 50%, rgb(38, 114, 160) 80%, rgb(38, 114, 160) 80%);
	width: 70px;
	top: 0;
	right: 0;
	padding: 50px 0 100px;
	box-sizing: border-box;
	border-radius: 0 0 0 80px;
	color: #fff;
}

@media screen and (max-width: 1400px) {
	header .snsbtn {
		width: 50px;
		padding: 40px 0 80px;
	}
}

@media screen and (max-width: 1200px) {
	header .snsbtn {
		width: 40px;
		padding: 30px 0 60px;
	}
}

header .snsbtn:hover {
	transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
	transform: translateY(-10px);
}

header .snsbtn i {
	width: 100%;
	text-align: center;
}

header .snsbtn i img {
	width: 40px;
}

@media screen and (max-width: 1400px) {
	header .snsbtn i img {
		width: 30px;
	}
}

@media screen and (max-width: 1200px) {
	header .snsbtn i img {
		width: 20px;
	}
}

header .snsbtn p {
	margin-top: 10px;
	font-size: 22px;
	height: auto;
	font-weight: 400;
}

@media screen and (max-width: 1400px) {
	header .snsbtn p {
		font-size: 20px;
	}
}

@media screen and (max-width: 1200px) {
	header .snsbtn p {
		font-size: 16px;
	}
}

/* /snsbtn */

/* snsbtn0 */

.snsbtn0 {
	background: linear-gradient(to right, rgba(132, 116, 82, 1) 15%, rgba(199, 187, 165, 1) 50%, rgba(199, 187, 165, 1) 50%, rgba(132, 116, 82, 1) 85%);
	width: 58%;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 40px;
	margin: auto;
}

@media screen and (max-width: 1000px) {
	.snsbtn0 {
		background: #fff;
		width: 66%;
		margin: 0;
		padding: 3px;
	}
}

@media screen and (max-width: 414px) {
	.snsbtn0 {
		width: 100%;
		padding: 3px;
	}
}

.snsbtn0 i {
	width: 15%;
	text-align: center;
}

.snsbtn0 i img {
	width: 3vw;
}

@media screen and (max-width: 1000px) {
	.snsbtn0 i img {
		width: 20px;
	}
}

.snsbtn0 p {
	color: #fff;
	font-size: 2.2vw;
	height: auto;
	letter-spacing: 0;
	width: 68%;
}

@media screen and (max-width: 1000px) {
	.snsbtn0 p {
		color: #055c91;
		margin-left: 11px;
		font-weight: 700;
		font-size: 2.4vw;
	}
}

@media screen and (max-width: 414px) {
	.snsbtn0 p {
		font-size: 10px;
		width: 62%;
		margin-left: 11px;
	}
}

/* /snsbtn0 */

header .h-box {
	color: #055c91;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	background: linear-gradient(to right, rgb(104, 221, 255) 2%, rgb(196, 242, 255) 50%, rgb(104, 221, 255) 100%);
	width: 100%;
	height: 120px;
	font-weight: 400;
	box-shadow: 0 3px 12px #055c91;
}

@media screen and (max-width: 1000px) {
	header .h-box {
		height: auto;
		min-height: 80px;
	}
}

header .h-box .box {
	overflow: hidden;
}

header .h-box .info {
	box-sizing: border-box;
	text-align: center;
	margin-left: 3%;
}

header .h-box .info .tel img {
	width: 20px;
}

@media screen and (max-width: 414px) {
	header .h-box .info .tel img {
		width: 14px;
	}
}

header .h-box .info .tel span {
	font-size: 1.8vw;
	margin-left: 5px;
	letter-spacing: 0;
	font-weight: 700;
}

@media screen and (max-width: 1000px) {
	header .h-box .info .tel span {
		font-size: 3vw;
	}
}

header .h-box .info .open {
	font-size: 15px;
	margin-top: 6px;
	font-weight: 700;
}

@media screen and (max-width: 1200px) {
	header .h-box .info .open {
		font-size: 13px;
	}
}

@media screen and (max-width: 1000px) {
	header .h-box .info .open {
		font-size: 1.8vw;
	}
}

header .h-box .info .open span {
	font-size: 10px;
	margin-right: 3px;
}

@media screen and (max-width: 1000px) {
	header .h-box .info .open span {
		font-size: 1.8vw;
	}
}

header #logo {
	width: 40%;
}

@media screen and (max-width: 1000px) {
	header #logo {
		width: 30%;
		max-width: 100px;
	}
}

header #logo h1 img {
	width: 100%;
	max-width: 169px;
}

header .h-left {
	width: 30%;
}

@media screen and (max-width: 1000px) {
	header .h-left {
		width: 51%;
	}
}

header .h-right {
	width: 69%;
	margin-right: 10px;
}

@media screen and (max-width: 1200px) {
	header .h-right {
		width: 64%;
	}
}

@media screen and (max-width: 1000px) {
	header .h-right {
		width: 40%;
		margin-right: 6%;
	}
}

.h-right .linelink {
	display: none;
}

@media screen and (max-width: 1000px) {
	.h-right .linelink {
		display: block;
	}
}

@media screen and (max-width: 414px) {
	.h-right .linelink {
		width: 108px;
	}
}

.h-right nav {
	display: block;
}

@media screen and (max-width: 1000px) {
	.h-right nav {
		display: none;
	}
}

/*-- /header --*/

/*****/

/* snsbtn0 */

.hamburer-main .snsbtn0 {
	background: linear-gradient(to right, rgba(132, 116, 82, 1) 15%, rgba(199, 187, 165, 1) 50%, rgba(199, 187, 165, 1) 50%, rgba(132, 116, 82, 1) 85%);
	width: 58%;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 40px;
	margin: auto;
}

@media screen and (max-width: 1000px) {
	.hamburer-main .snsbtn0 {
		background: #fff;
		width: 66%;
		margin: 0;
		padding: 3px;
	}
}

@media screen and (max-width: 414px) {
	.hamburer-main .snsbtn0 {
		width: 100%;
		padding: 3px;
	}
}

.hamburer-main .snsbtn0 i {
	width: 15%;
	text-align: center;
}

.hamburer-main .snsbtn0 i img {
	width: 3vw;
}

@media screen and (max-width: 1000px) {
	.hamburer-main .snsbtn0 i img {
		width: 20px;
	}
}

.hamburer-main .snsbtn0 p {
	color: #fff;
	font-size: 2.2vw;
	height: auto;
	letter-spacing: 0;
	width: 60%;
}

@media screen and (max-width: 1000px) {
	.hamburer-main .snsbtn0 p {
		color: #055c91;
	}
}

@media screen and (max-width: 414px) {
	.hamburer-main .snsbtn0 p {
		font-size: 10px;
		width: 62%;
		margin-left: 11px;
	}
}

/* /snsbtn0 */

.hamburer-main .h-box {
	background: none;
	position: static;
}

.hamburer-main .h-box .box {
	overflow: hidden;
}

.hamburer-main .h-box .info {
	box-sizing: border-box;
	text-align: center;
	margin-left: 2%;
}

@media screen and (max-width: 414px) {
	.hamburer-main .h-box .info .tel img {
		width: 14px;
	}
}

.hamburer-main .h-box .info .tel span {
	font-size: 1.8vw;
	margin-left: 5px;
	letter-spacing: 0;
}

@media screen and (max-width: 1000px) {
	.hamburer-main .h-box .info .tel span {
		font-size: 3vw;
		color: #055c91;
	}
}

.hamburer-main .h-box .info .open {
	font-size: 15px;
	margin-top: 6px;
}

@media screen and (max-width: 1200px) {
	.hamburer-main .h-box .info .open {
		font-size: 13px;
	}
}

@media screen and (max-width: 1000px) {
	.hamburer-main .h-box .info .open {
		font-size: 1.8vw;
		color: #055c91;
	}
}

.hamburer-main .h-box .info .open span {
	font-size: 10px;
	margin-right: 3px;
}

@media screen and (max-width: 1000px) {
	.hamburer-main .h-box .info .open span {
		font-size: 1.8vw;
	}
}

.hamburer-main #logo {
	width: 38%;
}

@media screen and (max-width: 1000px) {
	.hamburer-main #logo {
		width: 30%;
	}
}

.hamburer-main #logo h1 img {
	width: 100%;
	max-width: 230px;
}

.hamburer-main .h-left {
	width: 30%;
}

@media screen and (max-width: 1000px) {
	.hamburer-main .h-left {
		width: 51%;
	}
}

.hamburer-main .h-right {
	width: 69%;
	margin-right: 10px;
}

@media screen and (max-width: 1200px) {
	.hamburer-main .h-right {
		width: 64%;
	}
}

@media screen and (max-width: 1000px) {
	.hamburer-main .h-right {
		width: 40%;
		margin-right: 6%;
	}
}

.global-menu {
	margin-top: 8%;
}

.global-menu ul li {
	width: calc(100% / 2);
	border-bottom: 1px solid;
	box-sizing: border-box;
}

.global-menu ul li:nth-of-type(even) {
	border-left: 1px solid;
}

.global-menu ul li a {
	display: block;
	padding: 5% 0;
	box-sizing: border-box;
}

.global-menu ul li p:first-of-type {
	font-size: 3.4vw;
	color: #055c91;
}

.global-menu ul li p:last-of-type {
	font-size: 2vw;
	margin-top: 6px;
}

/*****/

/*-- top --*/

/*-- verticaltxt --*/
.vtxt {
	writing-mode: vertical-rl;
	height: 60vh;
}

/*-- verticaltxt --*/

/****-- contents01 --****/

#contents01 {
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 0;
	box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
	#contents01 {
		padding: 0;
	}
}

/* contents01 .cont1 */

#contents01 .cont1 {
	position: relative;
	padding: 80px 0;
}

@media screen and (max-width: 1000px) {
	#contents01 .cont1 {
		padding: 0 0 5vw;
	}
}

#contents01 .cont1 .box {
	justify-content: space-between;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}

#contents01 .cont1 .title {
	position: absolute;
	top: 0;
	left: 0;
}

#contents01 .cont1 .title h3 {
	font-weight: 600;
	color: #055c91;
	position: absolute;
	top: -65px;
	left: 30px;
	font-size: 44px;
	z-index: 5;
}

@media screen and (max-width: 1380px) {
	#contents01 .cont1 .title h3 {
		left: 110px;
	}
}

@media screen and (max-width: 1000px) {
	#contents01 .cont1 .title h3 {
		top: 35px;
		left: 11vw;
		font-size: 4.4vw;
	}
}

#contents01 .cont1 .title .subt {
	font-family: 'Cinzel', serif;
	font-weight: 400;
	position: absolute;
	top: -95px;
	left: -40px;
	font-size: 104px;
	color: #b3eeff;
	z-index: 3;
}

@media screen and (max-width: 1380px) {
	#contents01 .cont1 .title .subt {
		left: 30px;
	}
}

@media screen and (max-width: 1000px) {
	#contents01 .cont1 .title .subt {
		top: 12px;
		left: 3vw;
		font-size: 11vw;
	}
}

#contents01 .cont1 .comment {
	width: 90%;
	padding-top: 3vw;
	margin-left: 8vw;
	font-size: 16px;
	line-height: 1.875;
}

@media screen and (max-width: 1380px) {
	#contents01 .cont1 .comment {
		width: 75%;
		margin-left: 14vw;
		line-height: 1.4;
	}
}

@media screen and (max-width: 1200px) {
	#contents01 .cont1 .comment {
		margin-left: 20vw;
	}
}

@media screen and (max-width: 1000px) {
	#contents01 .cont1 .comment {
		font-size: clamp(11px, 2vw, 20px);
	}
}

@media screen and (max-width: 414px) {
	#contents01 .cont1 .comment {
		font-size: 11px;
	}
}

/* /contents01 .cont1 */

/* contents01 .cont2 */

#contents01 .cont2 {
	background: #b3eeff;
	position: relative;
	padding: 80px 5% 120px;
	box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
	#contents01 .cont2 {
		padding: 50px 0 50px 6%;
	}
}

#contents01 .cont2 .box {
	justify-content: space-between;
	max-width: 1600px;
	margin: 0 auto;
	gap: 10px;
	align-items: stretch;
}

@media screen and (max-width: 1000px) {
	#contents01 .cont2 .box {
		overflow-x: scroll;
		display: -webkit-box;
		flex-wrap: nowrap;
		-webkit-box-pack: start;
	}
}

#contents01 .cont2 .mesbox {
	background: #fff;
	width: calc(100% / 3 - 14px);
	z-index: 10;
	box-sizing: border-box;
	padding: 3% 3%;
	margin: 0;
	border-radius: 0 50px 0 50px;
	box-shadow: 0 0 16px #055c91;
}

@media screen and (max-width: 1000px) {
	#contents01 .cont2 .mesbox {
		width: 78%;
		margin: 0 1vw 30px;
		padding: 5% 3%;
		border-radius: 0 5vw 0 5vw;
		height: auto;
		box-shadow: 0 0 6px #055c91;
	}
}

#contents01 .cont2 .mesbox h4 {
	font-size: 1.5vw;
	text-align: center;
}

@media screen and (max-width: 1000px) {
	#contents01 .cont2 .mesbox h4 {
		font-size: 4.4vw;
	}
}

#contents01 .cont2 .mesbox figure {
	margin: 20px auto;
}

@media screen and (max-width: 1000px) {
	#contents01 .cont2 .mesbox figure {
		margin: 10px auto;
	}
}

#contents01 .cont2 .mesbox figure img {
	width: 100%;
}

#contents01 .cont2 .mesbox p {
	font-size: 16px;
	line-height: 1.875;
}

@media screen and (max-width: 1200px) {
	#contents01 .cont2 .mesbox p {
		font-size: 13px;
	}
}

@media screen and (max-width: 640px) {
	#contents01 .cont2 .mesbox p {
		font-size: 12px;
		line-height: 1.4;
	}
}

/* /contents01 .cont1 */

/**** /contents01 ****/

/****-- contents02 --****/

#contents02 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	position: relative;
}

#contents02 .bg1 {
	background: url(../images/try_01.png) right top no-repeat;
	position: absolute;
	top: -5vw;
	right: 15vw;
	width: 100%;
	height: 100%;
	z-index: 3;
}

@media screen and (max-width: 1000px) {
	#contents02 .bg1 {
		width: 46%;
		height: 46%;
		background-size: contain;
	}
}

#contents02 .bg2 {
	background: url(../images/try_02.png) right top no-repeat;
	position: absolute;
	top: 415px;
	right: 2vw;
	width: 100%;
	height: 100%;
	z-index: 2;
}

@media screen and (max-width: 1000px) {
	#contents02 .bg2 {
		width: 46%;
		height: 46%;
		background-size: contain;
		top: 36.3vw;
	}
}

#contents02 .bg3 {
	background: url(../images/try_3.png) right top no-repeat;
	position: absolute;
	top: -10vw;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

@media screen and (max-width: 1000px) {
	#contents02 .bg3 {
		width: 80%;
		height: 80%;
		background-size: contain;
	}
}

#contents02 .bg4 {
	background: url(../images/try_4.png) left top no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 185%;
	z-index: 1;
}

@media screen and (max-width: 1000px) {
	#contents02 .bg4 {
		width: 80%;
		height: 80%;
		background-size: contain;
	}
}

/* contents02 .cont1 */

#contents02 .cont1 {
	position: relative;
	padding: 80px 0;
	z-index: 10;
}

@media screen and (max-width: 1000px) {
	#contents02 .cont1 {
		position: relative;
		padding: 30px 0 50px;
	}
}

#contents02 .cont1 .box {
	justify-content: space-between;
	max-width: 1600px;
	margin: 20px auto 0;
	position: relative;
	padding: 0 80px;
}

@media screen and (max-width: 1000px) {
	#contents02 .cont1 .box {
		margin: 30px auto 0;
		padding: 0;
		width: 94%;
	}
}

@media screen and (max-width: 414px) {
	#contents02 .cont1 .box {
		margin: 10px auto 0;
	}
}

#contents02 .cont1 .title {
	line-height: 1.3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#contents02 .cont1 .title h3 {
	position: absolute;
	top: -32px;
	left: 80px;
	font-size: 48px;
	z-index: 5;
}

@media screen and (max-width: 1000px) {
	#contents02 .cont1 .title h3 {
		top: -3.4vw;
		left: 10px;
		font-size: 5.2vw;
	}
}

#contents02 .cont1 .title .subt {
	position: absolute;
	top: -95px;
	left: -4.4vw;
	font-size: 100px;
	color: #e9e2dc;
	z-index: 3;
}

#contents02 .cont1 .comment {
	width: 40%;
	font-size: 16px;
	line-height: 1.875;
}

@media screen and (max-width: 1000px) {
	#contents02 .cont1 .comment {
		width: 70%;
		font-size: 13px;
		padding-left: 0;
		filter: drop-shadow(0 0 3px rgb(255, 255, 255));
		margin-top: 10px;
		line-height: 1.5;
	}
}

@media screen and (max-width: 1000px) {
	#contents02 .cont1 .comment p {
		font-size: 11px;
		text-shadow: -4px -4px 0 #fff, 4px -4px 0 #fff, -4px 4px 0 #fff, 4px 4px 0 #fff;
	}
}

#contents02 .cont1 .comment h4 {
	font-size: 48px;
}

/* /contents02 .cont1 */

/* contents02 .cont2 */

#contents02 .cont2 {
	position: relative;
	padding: 0;
	z-index: 5;
}

#contents02 .cont2 .box .mainimage {
	position: relative;
	z-index: 10;
}

@media screen and (max-width: 1000px) {
	#contents02 .cont2 .box .mainimage {
		order: 2;
		margin-top: 10px;
	}
}

#contents02 .cont2 .box .mainimage figure {
	width: 39.1146vw;
	max-width: 751px;
}

@media screen and (max-width: 1000px) {
	#contents02 .cont2 .box .mainimage figure {
		width: 92%;
	}
}

#contents02 .cont2 .box .mainimage figure img {
	width: 100%;
}

#contents02 .cont2 .box {
	justify-content: space-between;
	margin: 0 auto;
	position: relative;
}

#contents02 .cont2 .comment {
	width: 53%;
	font-size: 16px;
	line-height: 1.875;
	position: relative;
	z-index: 5;
	padding: 0 2%;
}

@media screen and (max-width: 1000px) {
	#contents02 .cont2 .comment {
		width: 100%;
		font-size: 13px;
	}
}

#contents02 .cont2 .comment h4 {
	font-size: 48px;
	margin-top: 30px;
	line-height: 1.4;
}

@media screen and (max-width: 1920px) {
	#contents02 .cont2 .comment h4 {
		font-size: 2.5vw;
		margin-top: 5.5625vw;
	}
}

@media screen and (max-width: 1000px) {
	#contents02 .cont2 .comment h4 {
		font-size: 5.2vw;
		margin-top: 0;
	}
}

#contents02 .cont2 .comment p {
	margin-top: 20px;
	line-height: 1.875;
}

@media screen and (max-width: 1000px) {
	#contents02 .cont2 .comment p {
		font-size: 11px;
		line-height: 1.5;
	}
}

/* /contents02 .cont1 */

/* contents02 .cont3 */

#contents02 .cont3 {
	position: relative;
	padding: 80px 0;
	z-index: 10;
}

@media screen and (max-width: 1000px) {
	#contents02 .cont3 {
		padding: 30px 0 50px;
	}
}

#contents02 .cont3 .box {
	justify-content: space-between;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

#contents02 .cont3 .comment {
	width: 100%;
	font-size: 16px;
	line-height: 1.875;
	text-align: center;
}

@media screen and (max-width: 1000px) {
	#contents02 .cont3 .comment {
		font-size: 11px;
		padding: 0 2%;
		box-sizing: border-box;
		line-height: 1.5;
	}
}

#contents02 .cont3 .movetxt {
	text-align: center;
	margin: 20px auto;
	width: 82%;
}

@media screen and (max-width: 1000px) {
	#contents02 .cont3 .movetxt {
		text-align: center;
		margin: 10px auto 10px;
		width: 88%;
	}
}

#contents02 .cont3 .movetxt span {
	display: block;
	color: #fff;
	background-color: #055c91;
	font-size: 40px;
	padding: 10px 8px 10px;
	position: relative;
	box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
	#contents02 .cont3 .movetxt span {
		font-size: 4.4vw;
		padding: 1vw 0.8vw 1.4vw;
	}
}

/* /contents02 .cont3 */

/**** /contents02 ****/

/****-- contents03 --****/

#contents03 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	position: relative;
	z-index: 5;
}

/* contents03 .cont1 */

#contents03 .cont1 {
	position: relative;
}

#contents03 .cont1 .box {
	justify-content: space-between;
	margin: 0 auto;
	position: relative;
}

#contents03 .cont1 .box .mainimage picture img {
	width: 100%;
}

/* /contents03 .cont1 */

/**** /contents03 ****/

/****-- contents04 --****/

#contents04 {
	width: 100%;
	margin: -2px auto 0;
	padding: 160px 0 1px;
	box-sizing: border-box;
	background: #b3eeff;
	z-index: 5;
	position: relative;
}

@media screen and (max-width: 1000px) {
	#contents04 {
		padding: 40px 0 1px;
	}
}

/* contents04 .cont1 */

#contents04 .cont1 {
	position: relative;
	padding: 0;
}

#contents04 .cont1 .box {
	justify-content: space-between;
	max-width: 1400px;
	margin: 90px auto 40px;
	position: relative;
}

@media screen and (max-width: 1000px) {
	#contents04 .cont1 .box {
		margin: 40px auto 20px;
		padding: 0 0 0 10px;
	}
}

#contents04 .cont1 .title {
	position: relative;
}

#contents04 .cont1 .title h3 {
	color: #055c91;
	position: absolute;
	bottom: -24px;
	left: 0;
	font-size: 48px;
	z-index: 5;
	text-align: center;
	margin: auto;
	width: 100%;
}

@media screen and (max-width: 1000px) {
	#contents04 .cont1 .title h3 {
		bottom: -5px;
		font-size: 4.8vw;
	}
}

#contents04 .cont1 .title .subt {
	font-size: 100px;
	color: #fff;
	font-family: 'Cinzel', serif;
	font-weight: 500;
	text-align: center;
}

@media screen and (max-width: 1000px) {
	#contents04 .cont1 .title .subt {
		font-size: 13vw;
		font-weight: 300;
	}
}

#contents04 .cont1 .sub-title {
	color: #fff;
	border: solid 2px #fff;
	width: fit-content;
	margin: 110px auto 0;
	padding: 0.1em 0.5em;
	font-size: 36px;
	font-weight: bold;
}

@media screen and (max-width: 1000px) {
	#contents04 .cont1 .sub-title {
		font-size: 4.8vw;
		margin: 40px auto 0px;
		border: solid 1px #fff;
	}
}

#contents04 .cont1 .premiere {
	border: transparent 2px solid;
	border-image-source: linear-gradient(rgb(179, 122, 18) 0%, rgb(251, 234, 182) 50%, rgb(179, 122, 18) 100%);
	border-image-slice: 1;
	background: linear-gradient(rgb(157, 102, 18) 0%, rgb(251, 234, 182) 50%, rgb(157, 102, 18) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

@media screen and (max-width: 1000px) {
	#contents04 .cont1 .premiere {
		border: transparent 1px solid;
		border-image-source: linear-gradient(rgb(179, 122, 18) 0%, rgb(251, 234, 182) 50%, rgb(179, 122, 18) 100%);
		border-image-slice: 1;
	}
}

#contents04 .cont1 .p-box {
	width: 100%;
	gap: 10px;
}

@media screen and (max-width: 1000px) {
	#contents04 .cont1 .p-box {
		overflow-x: scroll;
		display: -webkit-box;
		flex-wrap: nowrap;
		-webkit-box-pack: start;
		padding-bottom: 10px;
		gap: 4px;
	}
}

#contents04 .cont1 .txt {
	color: #fff;
	text-align: center;
	font-size: 24px;
	letter-spacing: 0.1em;

	span {
		text-decoration: underline;
	}
}

@media screen and (max-width: 1000px) {
	#contents04 .cont1 .txt {
		font-size: 15px;
		padding-bottom: 10px;
	}
}

#contents04 .cont1 .p-box dl {
	background: #fff;
	width: calc(100% / 4 - 3%);
	border-radius: 20px;
}

@media screen and (max-width: 1000px) {
	#contents04 .cont1 .p-box dl {
		width: 78%;
		max-width: 290px;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 480px) {
	#contents04 .cont1 .p-box dl {
		width: 66%;
		margin: 0 1vw;
	}
}

#contents04 .cont1 .p-box dl.minbox {
	width: 8%;
	background: none;
}

@media screen and (max-width: 1000px) {
	#contents04 .cont1 .p-box dl.minbox {
		width: 20%;
	}
}

#contents04 .cont1 .p-box dl.shop3 {
	background: #f8f8f8;
}

#contents04 .cont1 .p-box dl.minbox dt:first-of-type {
	background: none;
	height: 64px;
}

@media screen and (max-width: 1000px) {
	#contents04 .cont1 .p-box dl.minbox dt:first-of-type {
		height: 58px;
	}
}

#contents04 .cont1 .p-box dl dt {
	padding: 20px 10px;
	box-sizing: border-box;
	border-radius: 20px 20px 0 0;
	font-size: 24px;
	font-weight: bold;
}

@media screen and (max-width: 1200px) {
	#contents04 .cont1 .p-box dl dt {
		font-size: 18px;
	}
}

#contents04 .cont1 .p-box dl.shop1 dt {
	background: #37acfc;
	background: linear-gradient(to right, #37acfc 0%, #7ac9ff 50%, #37acfc 100%);
	color: #fff;
}

#contents04 .cont1 .p-box dl.shop2 dt {
	background: #001c32;
	background: linear-gradient(to right, #001c32 0%, #072747 50%, #001c32 100%);
	color: #fff;
}

#contents04 .cont1 .p-box dl.shop3 dt {
	background: #015a95;
	background: linear-gradient(to right, #015a95 0%, #268acd 50%, #015a95 100%);
	color: #fff;
}

#contents04 .cont1 .p-box dl.shop4 dt {
	background: #a77b18;
	background: linear-gradient(to right, #a77b18 0%, #cd9d30 50%, #a77b18 100%);
	color: #fff;
}

#contents04 .cont1 .p-box dl dd {
	font-size: 30px;
	height: 100px;
	position: relative;
}

#contents04 .cont1 .p-box dl dd::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 20px;
	right: 20px;
	height: 1px;
	background-color: #055c91;
}

@media screen and (max-width: 1000px) {
	#contents04 .cont1 .p-box dl dd {
		font-size: 20px;
		height: 70px;
	}
}

#contents04 .cont1 .p-box dl.minbox dd:first-of-type {
	border-radius: 20px 0 0 0;
}

#contents04 .cont1 .p-box dl.minbox dd:last-of-type {
	border-radius: 0 0 0 20px;
}

#contents04 .cont1 .p-box dl dd:last-of-type::after {
	content: none;
}

#contents04 .cont1 .p-box dl.shop1 dd {
	color: #055c91;
	font-weight: bold;
}

#contents04 .cont1 .p-box dl.shop2 dd {
	color: #055c91;
	font-weight: bold;
}

#contents04 .cont1 .p-box dl.shop3 dd {
	color: #055c91;
	font-weight: bold;
}

#contents04 .cont1 .p-box dl.shop4 dd {
	color: #055c91;
	font-weight: bold;
}

#contents04 .cont1 .p-box dl dd:last-of-type {
	border: none;
}

#contents04 .cont1 .p-box dl.minbox dt,
#contents04 .cont1 .p-box dl.minbox dd {
	background: #fff;
	font-size: 24px;
	padding: 10px;
	box-sizing: border-box;
}

@media screen and (max-width: 1200px) {

	#contents04 .cont1 .p-box dl.minbox dt,
	#contents04 .cont1 .p-box dl.minbox dd {
		font-size: 16px;
		padding: 10px 2px;
	}
}

.btmbg {
	width: 100%;
	z-index: 10;
	position: relative;
}

.btmbg figure img {
	width: 100%;
}

/* /contents04 .cont1 */

/**** /contents04 ****/

/****-- contents05 --****/

#contents05 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

/* contents05 .cont1 */

#contents05 .cont1 {
	background: url(../images/class_bg.jpg) center top no-repeat;
	position: relative;
	padding: 4.9vw 0px 6vw;
	z-index: 1;
	top: -6.598vw;
	background-size: cover;
}

@media screen and (max-width: 1000px) {
	#contents05 .cont1 {
		padding: 7vw 0 11vw;
		top: -6.58vw;
		background-size: cover;
	}
}

#contents05 .cont1 .title {
	font-family: "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	width: 100%;
	margin-top: 4vw;
	z-index: 10;
	position: relative;
}

@media screen and (max-width: 1000px) {
	#contents05 .cont1 .title {
		margin-top: 8px;
	}
}

#contents05 .cont1 .title h3 {
	width: 100%;
	text-align: center;
}

#contents05 .cont1 .title h3 img {
	width: 85vw;
	max-width: 890px;
}

#contents05 .cont1 .box {
	justify-content: space-between;
	max-width: 1600px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}

#contents05 .cont1 .box .subt {
	position: absolute;
	top: -95px;
	left: -4.4vw;
	font-size: 100px;
	color: #e9e2dc;
	z-index: 3;
}

#contents05 .cont1 .comment {
	width: 100%;
	font-size: 16px;
	line-height: 1.875;
	color: #857452;
	text-align: center;
	margin-top: 2vw;
}

@media screen and (max-width: 1000px) {
	#contents05 .cont1 .comment {
		margin-top: 0;
		font-size: 2.4vw;
	}
}

#contents05 .cont1 .comment h4 {
	text-align: center;
}

#contents05 .cont1 .comment h4 img {
	width: 22vw;
	max-width: 378px;
}

@media screen and (max-width: 1000px) {
	#contents05 .cont1 .comment h4 img {
		width: 55%;
		max-width: 378px;
		margin: auto;
	}
}

#contents05 .cont1 .comment p {
	margin-top: 10px;
}

@media screen and (max-width: 1000px) {
	#contents05 .cont1 .comment p {
		margin-top: 1vw;
	}
}

/* /contents05 .cont1 */

/**** /contents05 ****/

/****-- contents06 --****/

#contents06 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

/* contents06 .cont1 */

#contents06 .cont1 {
	position: relative;
	padding: 0px 3% 50px;
}

@media screen and (max-width: 1000px) {
	#contents06 .cont1 {
		padding: 0;
	}
}

#contents06 .cont1 .box {
	justify-content: center;
	max-width: 1600px;
	margin: 80px auto;
	position: relative;
}

@media screen and (max-width: 1000px) {
	#contents06 .cont1 .box {
		margin: 40px auto;
		padding: 0px 0 0 3%;
	}
}

#contents06 .cont1 .title {
	position: relative;
}

@media screen and (max-width: 1000px) {
	#contents06 .cont1 .title {
		padding: 0px 3% 0;
	}
}

#contents06 .cont1 .title h3 {
	position: absolute;
	bottom: -25px;
	left: 0;
	font-size: 48px;
	z-index: 5;
	color: #055c91;
}

@media screen and (max-width: 1000px) {
	#contents06 .cont1 .title h3 {
		font-size: 5.8vw;
		bottom: -10px;
		padding: 0px 3% 0;
	}
}

#contents06 .cont1 .title .subt {
	font-size: 100px;
	color: #b3eeff;
	font-family: 'Cinzel', serif;
	font-weight: 500;
}

@media screen and (max-width: 1500px) {
	#contents06 .cont1 .title .subt {
		line-height: 0.9;
		font-size: 7vw;
	}
}

@media screen and (max-width: 1000px) {
	#contents06 .cont1 .title .subt {
		font-size: 12vw;
	}
}

#contents06 .cont1 .imgbox {
	gap: 15px;
}

@media screen and (max-width: 1000px) {
	#contents06 .cont1 .imgbox {
		overflow-x: scroll;
		display: -webkit-box;
		flex-wrap: nowrap;
		-webkit-box-pack: start;
		gap: 5px;
	}
}

#contents06 .cont1 .imgbox figure {
	width: calc(90% / 4);
}

@media screen and (max-width: 1000px) {
	#contents06 .cont1 .imgbox figure {
		width: 60%;
		margin: 0 1vw 30px;
	}
}

#contents06 .cont1 .imgbox figure img {
	width: 100%;
}

/* /contents06 .cont1 */

/**** /contents06 ****/

/****-- contents07 --****/

#contents07 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	background: #bdbfcb;
	overflow: hidden;
	position: relative;
	background: url(../images/staff_bg.jpg) center top no-repeat;
	background-size: cover;
}

@media screen and (max-width: 1000px) {
	#contents07 {
		background: url(../images/staff_bg_sp.jpg) center top no-repeat;
		background-size: cover;
	}
}

#contents07 .bg2 {
	background: url(../images/try_5.png) left bottom no-repeat;
	position: absolute;
	bottom: -365px;
	left: -180px;
	width: 100%;
	height: 100%;
	z-index: 1;
}

@media screen and (max-width: 1000px) {
	#contents07 .bg2 {
		position: absolute;
		bottom: -150px;
		left: -190px;
		background-size: contain;
	}
}

/* contents07 .cont1 */

#contents07 .cont1 {
	position: relative;
	padding: 80px 0 150px;
	z-index: 2;
}

@media screen and (max-width: 1000px) {
	#contents07 .cont1 {
		padding: 40px 0;
	}
}

#contents07 .cont1 .title {
	position: relative;
}

@media screen and (max-width: 1000px) {
	#contents07 .cont1 .title {
		padding: 0;
	}
}

#contents07 .cont1 .title h3 {
	position: absolute;
	font-size: 48px;
	z-index: 5;
	text-align: center;
	color: #fff;
	bottom: -20px;
	left: 0;
	right: 0;
}

@media screen and (max-width: 1000px) {
	#contents07 .cont1 .title h3 {
		font-size: 4.8vw;
		bottom: -5px;
	}
}

#contents07 .cont1 .title .subt {
	font-family: 'Cinzel', serif;
	font-weight: 500;
	color: #2d95d4;
	font-size: 100px;
	text-align: center;
	width: 100%;
}

@media screen and (max-width: 1000px) {
	#contents07 .cont1 .title .subt {
		font-size: 8.5vw;
		top: 6.5vw;
	}
}

@media screen and (max-width: 800px) {
	#contents07 .cont1 .title .subt {
		top: 8.5vw;
	}
}

@media screen and (max-width: 414px) {
	#contents07 .cont1 .title .subt {
		top: 30px;
	}
}

@media screen and (max-width: 1000px) {
	#contents07 .cont1 .box {
		margin: 30px auto 0;
	}
}

#contents07 .cont1 .box .in-b {
	justify-content: space-between;
	position: relative;
}

#contents07 .cont1 .box .tbox {
	padding: 0 18px;
	width: fit-content;
	max-width: 420px;
	justify-content: start;
}

@media screen and (max-width: 1000px) {
	#contents07 .cont1 .box .tbox {
		max-width: unset;
	}
}

#contents07 .cont1 .box .tbox .num {
	width: 100%;
	font-size: 68px;
	color: #fff;
	font-weight: 700;
}

@media screen and (max-width: 1000px) {
	#contents07 .cont1 .box .tbox .num {
		width: 94%;
		font-size: 9.2vw;
		margin-top: 0.2em;
	}
}

#contents07 .cont1 .box .tbox .name {
	font-size: 24px;
	color: #fff;
	font-weight: 700;
}

@media screen and (max-width: 1000px) {
	#contents07 .cont1 .box .tbox .name {
		font-size: 4vw;
	}
}

#contents07 .cont1 .box .tbox h4 {
	width: 80%;
	font-size: 22px;
	margin-top: 5px;
	justify-content: start;
}

@media screen and (max-width: 1000px) {
	#contents07 .cont1 .box .tbox h4 {
		width: 94%;
		font-size: 3vw;
	}
}

#contents07 .cont1 .box .tbox .txt {
	width: 100%;
	margin-top: 15px;
	font-size: 16px;
	color: #fff;
	line-height: 1.75;
}

@media screen and (max-width: 1000px) {
	#contents07 .cont1 .box .tbox .txt {
		width: 100%;
		font-size: clamp(11px, 2vw, 20px);
		margin-top: 5px;
	}
}

/* /contents07 .cont1 */

/* top-slider */

#top-slider {
	z-index: 20;
	position: relative;
	margin-top: 100px;
}

@media screen and (max-width: 1000px) {
	#top-slider {
		margin-top: 10vw;
	}
}

#top-slider .top_slide figure.space {
	padding: 0 15px;
}

@media screen and (max-width: 1000px) {
	#top-slider .top_slide figure.space {
		padding: 0 5%;
		text-align: center;
		margin: auto;
	}
}

#top-slider .top_slide figure img {
	width: 100%;
}

#top-slider .top_slide .slick-dots {
	text-align: center;
	position: absolute;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	padding-left: 0;
}

#top-slider .top_slide .slick-dots li {
	width: 35px;
	margin: 2.7vw 5px 0;
}

@media screen and (max-width: 1680px) {
	#top-slider .top_slide .slick-dots li {
		margin: 2vw 5px 0;
	}
}

@media screen and (max-width: 1500px) {
	#top-slider .top_slide .slick-dots li {
		margin: 2.5vw 5px 0;
	}
}

@media screen and (max-width: 1300px) {
	#top-slider .top_slide .slick-dots li {
		margin: 2.3vw 5px 0;
	}
}

#top-slider .top_slide .slick-dots li button:before {
	font-size: 25px;
}

@media screen and (max-width: 1680px) {
	#top-slider .top_slide .slick-dots li button:before {
		font-size: 20px;
	}
}

#top-slider .btn_prev,
#top-slider .btn_next {
	position: absolute;
	top: 0;
	width: 25%;
	height: 100%;
	padding: 1px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 1;
}

#top-slider .btn_prev {
	left: 0;
}

#top-slider .btn_next {
	right: 0;
}

/* /top-slider */

/**** /contents07 ****/

/****-- contents08 --****/

#contents08 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

/* contents08 .cont1 */

#contents08 .cont1 {
	position: relative;
	padding: 150px 1% 80px;
}

@media screen and (max-width: 1000px) {
	#contents08 .cont1 {
		position: relative;
		padding: 40px 1%;
	}
}

#contents08 .cont1 .box {
	justify-content: space-between;
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
}

@media screen and (max-width: 1000px) {
	#contents08 .cont1 .box {
		justify-content: center;
		margin: -3vw auto;
	}
}

#contents08 .cont1 .title {
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
}

@media screen and (max-width: 1000px) {
	#contents08 .cont1 .title {
		position: relative;
		top: -4px;
	}
}

#contents08 .cont1 .title h3 {
	font-size: 100px;
	text-align: center;
	font-family: 'Cinzel', serif;
	font-weight: 400;
	color: #b3eeff;
}

@media screen and (max-width: 1200px) {
	#contents08 .cont1 .title h3 {
		line-height: 0.8;
		font-size: 8vw;
	}
}

@media screen and (max-width: 1000px) {
	#contents08 .cont1 .title h3 {
		font-size: 13vw;
	}
}

#contents08 .cont1 figure {
	position: relative;
	width: 30%;
}

@media screen and (max-width: 1000px) {
	#contents08 .cont1 figure {
		position: relative;
		width: auto;
		text-align: center;
	}
}

#contents08 .cont1 figure img {
	width: 100%;
	max-width: 350px;
}

@media screen and (max-width: 1000px) {
	#contents08 .cont1 figure img {
		max-width: 280px;
	}
}

#contents08 .cont1 figcaption {
	position: absolute;
	top: 30px;
	right: 22px;
	background: #000;
	height: auto;
	padding: 8px;
	box-sizing: border-box;
	color: #fff;
	font-size: 22px;
}

@media screen and (max-width: 1380px) {
	#contents08 .cont1 figcaption {
		right: -1vw;
	}
}

@media screen and (max-width: 1220px) {
	#contents08 .cont1 figcaption {
		right: -1vw;
	}
}

#contents08 .cont1 .comment {
	background: url(../images/man_bg.png) right bottom no-repeat;
	width: 66%;
	font-size: 16px;
	line-height: 1.875;
	padding: 50px 0px 50px;
	box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
	#contents08 .cont1 .comment {
		font-size: 14px;
	}
}

@media screen and (max-width: 1000px) {
	#contents08 .cont1 .comment {
		width: 94%;
		font-size: 3vw;
		padding: 5vw 0px 5vw;
		background-size: contain;
	}
}

#contents08 .cont1 .comment p {
	border-bottom: 2px dotted #000;
	margin-top: 10px;
}

/* /contents08 .cont1 */

/**** /contents08 ****/

/****-- contents09 --****/

#contents09 {
	background: url(../images/treat_bg.jpg) center top;
	background-color: #030306;
	width: 100%;
	margin: 0 auto;
	padding: 80px 0 120px;
	box-sizing: border-box;
	position: relative;
	overflow: visible;
}

@media screen and (max-width: 1000px) {
	#contents09 {
		padding: 50px 0;
		background-size: 160%;
	}
}

/* contents09 .cont1 */

#contents09 .cont1 {
	position: relative;
	padding: 150px 0 50px;
}

@media screen and (max-width: 1000px) {
	#contents09 .cont1 {
		padding: 5vw 0 5vw;
	}
}

#contents09 .cont1 .box {
	justify-content: space-between;
	max-width: 1600px;
	margin: 0 auto;
	position: relative;
	gap: 40px;
	width: 90%;
}

@media screen and (max-width: 1000px) {
	#contents09 .cont1 .box {
		width: 84%;
		margin-top: 26vw;
		gap: 24px;
	}
}

#contents09 .cont1 .title {
	text-align: right;
	position: relative;
	width: 90%;
}

@media screen and (max-width: 1000px) {
	#contents09 .cont1 .title {
		width: 100%;
		margin: 0 auto 5vw;
		text-align: center;
	}
}

#contents09 .cont1 .title h3 {
	font-size: 48px;
	z-index: 5;
	text-align: right;
	position: relative;
	color: #055c91;
}

@media screen and (max-width: 1000px) {
	#contents09 .cont1 .title h3 {
		font-size: 5vw;
		text-align: center;
		position: absolute;
		bottom: -20vw;
		left: 0;
		right: 0;
	}
}

#contents09 .cont1 .title .subt {
	position: absolute;
	top: -160px;
	right: 0;
	font-size: 100px;
	z-index: 1;
	font-family: 'Cinzel', serif;
	font-weight: 500;
	color: #fff;
}

@media screen and (max-width: 1000px) {
	#contents09 .cont1 .title .subt {
		top: -9vw;
		font-size: 12vw;
		line-height: 0.9;
		left: 0;
	}
}

#contents09 .cont1 .box .set {
	padding-bottom: 80px;
	width: 45%;
	margin-top: 120px;
}

@media screen and (max-width: 1000px) {
	#contents09 .cont1 .box .set {
		width: 100%;
		padding-bottom: 0;
	}
}

#contents09 .cont1 .box .set:nth-of-type(odd) {
	margin-top: -200px;
}

@media screen and (max-width: 1000px) {
	#contents09 .cont1 .box .set:nth-of-type(odd) {
		margin-top: 0;
	}
}

#contents09 .cont1 .box .set:nth-of-type(even) {
	margin-top: 150px;
}

@media screen and (max-width: 1000px) {
	#contents09 .cont1 .box .set:nth-of-type(even) {
		margin-top: 0;
	}
}

#contents09 .cont1 .box .set figure {
	position: relative;
	width: 100%;
}

#contents09 .cont1 .box .set figure img {
	width: 100%;
}

@media screen and (max-width: 1000px) {
	#contents09 .cont1 .box .set figure img {
		width: 100%;
	}
}

#contents09 .cont1 .box .set figure figcaption {
	margin-top: -50px;
	z-index: 5;
	position: absolute;
	width: 94%;
}

@media screen and (max-width: 1000px) {
	#contents09 .cont1 .box .set figure figcaption {
		position: relative;
		margin-top: -26px;
	}
}

#contents09 .cont1 .box .set:nth-of-type(odd) figure figcaption {
	left: 4vw;
}

@media screen and (max-width: 1000px) {
	#contents09 .cont1 .box .set:nth-of-type(odd) figure figcaption {
		left: unset;
		margin-left: 40px;
	}
}

#contents09 .cont1 .box .set:nth-of-type(even) figure figcaption {
	right: 4vw;
}

@media screen and (max-width: 1000px) {
	#contents09 .cont1 .box .set:nth-of-type(even) figure figcaption {
		right: unset;
		margin-left: -20px;
	}
}

#contents09 .cont1 .box .set figure figcaption .tbox {
	background: #fff;
	box-shadow: 0px 5px 14px #dbd5d5;
}

@media screen and (max-width: 1000px) {
	#contents09 .cont1 .box .set figure figcaption .tbox {
		box-shadow: 1px 2px 6px #848484;
	}
}

#contents09 .cont1 .box .set figure figcaption .tbox .ttl {
	background: #055c91;
	color: #fff;
	padding: 5px 10px;
	box-sizing: border-box;
	border-radius: 0px 0px 20px 0px;
	width: 60%;
	font-weight: 600;
	letter-spacing: 0.05em;
	font-family: 'Open Sans', sans-serif;
}

@media screen and (max-width: 1000px) {
	#contents09 .cont1 .box .set figure figcaption .tbox .ttl {
		width: 84%;
		font-size: 2.6vw;
	}
}

#contents09 .cont1 .box .set figure figcaption .tbox .inbox {
	display: block;
	padding: 5% 10%;
	box-sizing: border-box;
	line-height: 1.875;
	min-height: 150px;
}

@media screen and (max-width: 1000px) {
	#contents09 .cont1 .box .set figure figcaption .tbox .inbox {
		padding: 4% 3%;
		height: auto;
		min-height: auto;
		line-height: 1.4;
	}
}

#contents09 .cont1 .box .set figure figcaption .tbox h4 {
	width: fit-content;
	text-align: left;
	font-size: 24px;
	border-bottom: 1px solid;
	line-height: 1.1;
}

@media screen and (max-width: 1000px) {
	#contents09 .cont1 .box .set figure figcaption .tbox h4 {
		font-size: 18px;
		width: fit-content;
	}
}

@media screen and (max-width: 414px) {
	#contents09 .cont1 .box .set figure figcaption .tbox h4 {
		font-size: 17px;
		width: fit-content;
	}
}

#contents09 .cont1 .box .set figure figcaption .tbox .com {
	margin-top: 0.8em;
}

@media screen and (max-width: 414px) {
	#contents09 .cont1 .box .set figure figcaption .tbox .com {
		font-size: 11px;
	}
}

/* /contents09 .cont1 */

/**** /contents09 ****/

/****-- contents10 --****/

#contents10 {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
}

#contents10 .bg1 {
	background: url(../images/graphbg_1.png) left top no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

@media screen and (max-width: 1000px) {
	#contents10 .bg1 {
		background-size: contain;
		width: 50%;
		height: 60%;
	}
}

#contents10 .bg2 {
	background: url(../images/graphbg_2.png) right bottom no-repeat;
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 100%;
	height: 100%;
	z-index: -1;
}

@media screen and (max-width: 1000px) {
	#contents10 .bg2 {
		background-size: contain;
		width: 50%;
		height: 60%;
	}
}

/* contents10 .cont1 */

#contents10 .cont1 {
	position: relative;
	padding: 80px 0 110px;
	background: url(../images/graph_bg.jpg);
	background-size: 600px;
	z-index: -2;
}

@media screen and (max-width: 1000px) {
	#contents10 .cont1 {
		padding: 40px 0 50px;
		background-size: 100%;
	}
}

#contents10 .cont1 .box {
	display: flex;
	margin: 70px auto 0;
	max-width: 1400px;
	gap: 20px;
	padding: 0 40px;

	.picture-box {
		width: 50%;
		max-width: 621px;

		img {
			width: 100%;
		}
	}

	.txt-box {
		position: relative;

		h3 {
			color: #68ddff;
			font-size: 76px;
			font-family: 'Cinzel', serif;
			font-weight: 500;
			margin-top: 40px;

			span {
				display: block;
				color: #055c91;
				font-size: 24px;
				font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", sans-serif;
				font-weight: 700;
				margin-top: 0.2em;
				margin-left: 0.2em;
			}
		}

		.txt {
			font-size: 42px;
			margin-top: 0.3em;
			line-height: 1.2;
		}
	}
}

@media screen and (max-width: 1000px) {
	#contents10 .cont1 .box {
		flex-direction: column;
		margin-top: 10px;

		.picture-box {
			order: 2;
			width: 80%;
			margin: 0 auto;
		}

		.txt-box {
			h3 {
				font-size: 50px;
				text-align: center;
				margin-top: 0;

				span {
					font-size: 12px;
				}
			}

			.txt {
				font-size: 16px;
				text-align: center;
				margin-top: 0.5em;
			}
		}
	}
}

#contents10 .cont1 .box2 {
	display: flex;
	margin: 70px auto 0;
	max-width: 1400px;
	gap: 20px;
	padding: 0 40px;

	.picture-box {
		flex-shrink: 0;
		margin: 0 auto;
	}

	.txt-box {
		position: relative;

		h3 {
			color: #68ddff;
			font-size: 76px;
			font-family: 'Cinzel', serif;
			font-weight: 500;
			margin-top: 180px;

			span {
				display: block;
				color: #055c91;
				font-size: 24px;
				font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", sans-serif;
				font-weight: 700;
				margin-top: 0.2em;
				margin-left: 0.2em;
			}
		}

		.txt {
			font-size: 42px;
			margin-top: 0.3em;
			line-height: 1.2;
			background-color: #055c91;
			color: #fff;
			max-width: 680px;
			padding: 30px;
			border-radius: 20px;
			position: relative;

			.small {
				display: block;
				font-size: 24px;
			}
		}

		.txt::after {
			content: "";
			position: absolute;
			right: 70px;
			bottom: -46px;
			width: 51px;
			height: 46px;
			background-image: url(../images/fukidashi.png);
			background-size: cover;
			background-position: center;
		}
	}
}

@media screen and (max-width: 1000px) {
	#contents10 .cont1 .box2 {
		flex-direction: column;
		margin-top: 30px;

		.picture-box {
			order: 2;
			width: 80%;
			margin: 0 auto;

			img {
				width: 100%;
			}
		}

		.txt-box {
			h3 {
				font-size: 50px;
				text-align: center;
				margin-top: 0;
				margin: 0.3em auto 0;

				span {
					font-size: 12px;
				}
			}

			.txt {
				padding: 15px 10px;
				text-align: left;
				font-size: 20px;
				border-radius: 10px;

				.small {
					font-size: 10px;
					margin-bottom: 0.3em;
				}
			}

			.txt::after {
				right: 30px;
				bottom: -22px;
				width: 25px;
				height: 23px;
			}
		}
	}
}

/* /contents10 .cont1 */

/**** /contents10 ****/

/****-- contents11 --****/

#contents11 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	background: linear-gradient(to top, rgb(235, 221, 221) 0%, rgb(255, 255, 255) 100%);
}

/* contents11 .cont1 */

#contents11 .cont1 {
	position: relative;
	padding: 80px 0;
}

@media screen and (max-width: 1000px) {
	#contents11 .cont1 {
		padding: 40px 0;
	}
}

#contents11 .cont1 .title {
	position: relative;
}

@media screen and (max-width: 1000px) {
	#contents11 .cont1 .title {
		padding: 6vw 0;
	}
}

@media screen and (max-width: 800px) {
	#contents11 .cont1 .title {
		padding: 5vw 0;
	}
}

@media screen and (max-width: 640px) {
	#contents11 .cont1 .title {
		padding: 3vw 0;
	}
}

@media screen and (max-width: 414px) {
	#contents11 .cont1 .title {
		padding: 0;
	}
}

#contents11 .cont1 .title h3 {
	position: absolute;
	font-size: 48px;
	z-index: 5;
	text-align: center;
	color: #055c91;
	bottom: -20px;
	left: 0;
	right: 0;
}

@media screen and (max-width: 1000px) {
	#contents11 .cont1 .title h3 {
		font-size: 4.8vw;
		bottom: -5px;
	}
}

#contents11 .cont1 .title .subt {
	font-family: 'Cinzel', serif;
	font-weight: 400;
	color: #b3eeff;
	font-size: 100px;
	text-align: center;
	width: 100%;
}

@media screen and (max-width: 1000px) {
	#contents11 .cont1 .title .subt {
		line-height: 0.8;
		font-size: 13vw;
		top: 6.5vw;
	}
}

@media screen and (max-width: 800px) {
	#contents11 .cont1 .title .subt {
		top: 8.5vw;
	}
}

@media screen and (max-width: 414px) {
	#contents11 .cont1 .title .subt {
		top: 30px;
	}
}

@media screen and (max-width: 1000px) {
	#contents11 .cont1 .box {
		margin: 30px auto 0;
	}
}

#contents11 .cont1 .box .in-b {
	justify-content: space-between;
	position: relative;
}

#contents11 .cont1 .box .tbox {
	padding: 0 18px;
	width: 100%;
	max-width: 330px;
	justify-content: start;
}

@media screen and (max-width: 1000px) {
	#contents11 .cont1 .box .tbox .sbox {
		display: flex;
		margin-top: 15px;
		align-items: center;
		gap: 10px;
	}
}

#contents11 .cont1 .box .tbox .num {
	width: fit-content;
	font-size: 32px;
	color: #fff;
	font-family: 'Cinzel', serif;
	font-weight: 400;
	background: linear-gradient(120deg, rgb(238, 82, 82), rgb(156, 6, 6));
	padding: 0.2em;
}

@media screen and (max-width: 1000px) {
	#contents11 .cont1 .box .tbox .num {
		width: fit-content;
		font-size: 5vw;
		margin-top: 0.2em;
	}
}

#contents11 .cont1 .box .tbox h4 {
	width: 100%;
	font-size: 40px;
	margin-top: 20px;
	color: #9c0606;
}

@media screen and (max-width: 1000px) {
	#contents11 .cont1 .box .tbox h4 {
		width: 94%;
		font-size: 5vw;
		margin-top: 0;
	}
}

#contents11 .cont1 .box .tbox .txt {
	width: 100%;
	margin-top: 15px;
	font-size: 20px;
	line-height: 1.4em;
}

@media screen and (max-width: 1000px) {
	#contents11 .cont1 .box .tbox .txt {
		width: 94%;
		font-size: 3vw;
	}
}

@media (max-width: 1000px) {
	br.responsive-break {
		display: none;
	}
}

/* /contents11 .cont1 */

/* meeting-slider */

#meeting-slider {
	z-index: 20;
	position: relative;
	margin-top: 100px;
}

@media screen and (max-width: 1000px) {
	#meeting-slider {
		margin-top: 10px;
	}
}

@media screen and (max-width: 1000px) {
	#meeting-slider .top_slide {
		overflow-x: scroll;
		display: -webkit-box;
		flex-wrap: nowrap;
		-webkit-box-pack: start;
		padding-bottom: 10px;
	}
}

#meeting-slider .top_slide figure.space {
	padding: 0 15px;
}

@media screen and (max-width: 1000px) {
	#meeting-slider .top_slide figure.space {
		padding: 0 5%;
		text-align: center;
		margin: auto;
	}
}

#meeting-slider .top_slide figure img {
	width: 100%;
}

#meeting-slider .top_slide .slick-dots {
	text-align: center;
	position: absolute;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	padding-left: 0;
}

#meeting-slider .top_slide .slick-dots li {
	width: 35px;
	margin: 2.7vw 5px 0;
}

@media screen and (max-width: 1680px) {
	#meeting-slider .top_slide .slick-dots li {
		margin: 2vw 5px 0;
	}
}

@media screen and (max-width: 1500px) {
	#meeting-slider .top_slide .slick-dots li {
		margin: 2.5vw 5px 0;
	}
}

@media screen and (max-width: 1300px) {
	#meeting-slider .top_slide .slick-dots li {
		margin: 2.3vw 5px 0;
	}
}

#meeting-slider .top_slide .slick-dots li button:before {
	font-size: 25px;
}

@media screen and (max-width: 1680px) {
	#meeting-slider .top_slide .slick-dots li button:before {
		font-size: 20px;
	}
}

#meeting-slider .btn_prev,
#meeting-slider .btn_next {
	position: absolute;
	top: 0;
	width: 25%;
	height: 100%;
	padding: 1px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 1;
}

#meeting-slider .btn_prev {
	left: 0;
}

#meeting-slider .btn_next {
	right: 0;
}

/* /top-slider */

/**** /contents11 ****/

/****-- voice.html --****/

#voice {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	position: relative;
}

/* voice .cont1 */

#voice .cont1 {
	position: relative;
	padding: 80px 0;
}

@media screen and (max-width: 1000px) {
	#voice .cont1 {
		padding: 0px 0 80px;
	}
}

#voice .cont1 .title {
	font-family: "游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	width: 100%;
	padding: 100px 0 80px;
	box-sizing: border-box;
}

#voice .cont1 .title h3 {
	position: relative;
	font-size: 48px;
	z-index: 5;
	text-align: center;
	color: #685141;
}

#voice .cont1 .title .subt {
	font-size: 100px;
	color: #e0d7ce;
	z-index: 3;
	text-align: center;
	position: absolute;
	width: 100%;
	top: 80px;
	left: 0;
}

#voice .cont1 .box {
	margin: 50px 0;
}

@media screen and (max-width: 1300px) {
	#voice .cont1 .box {
		margin: 40px 0 0px;
	}
}

#voice .cont1 .box .in-b {
	justify-content: space-between;
	position: relative;
	width: 100%;
	margin: 0 auto;
}

@media screen and (max-width: 1300px) {
	#voice .cont1 .box .in-b {
		flex-direction: column;
	}
}

#voice .cont1 .mbox {
	position: relative;
	max-width: 600px;
	margin: 0px 110px;
	flex: 1;
}

@media screen and (max-width: 1300px) {
	#voice .cont1 .mbox {
		width: 50%;
		margin-left: 0;
		margin: auto;
		text-align: center;
	}
}

#voice .cont1 .mbox h3 {
	position: absolute;
	top: 0;
	left: -90px;
	font-size: 110px;
	color: #d1f5ff;
	z-index: 3;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

@media screen and (max-width: 1300px) {
	#voice .cont1 .mbox h3 {
		font-size: 70px;
		left: -70px;
		text-align: left;
	}
}

@media screen and (max-width: 800px) {
	#voice .cont1 .mbox h3 {
		font-size: 13vw;
		left: -11vw;
		text-align: left;
	}
}

@media screen and (max-width: 1000px) {
	#voice .pc {
		display: block;
	}

	#voice .sp {
		display: none;
	}
}

@media screen and (max-width: 800px) {
	#voice .pc {
		display: none;
	}

	#voice .sp {
		display: block;
	}
}

#voice .cont1 .mbox img,
#voice .cont1 .mbox video {
	overflow: hidden;
	border-radius: 12px;
	width: 100%;
	z-index: 5;
	position: relative;
}

#voice .cont1 .info {
	background: rgba(179, 238, 255, .6);
	padding: 50px;
	box-sizing: border-box;
	border-radius: 20px 20px 20px 0;
	z-index: 5;
	margin: 0px 30px;
	width: 650px;
}

@media screen and (max-width: 1300px) {
	#voice .cont1 .info {
		width: 94%;
		max-width: 800px;
		margin: auto;
		order: 1;
		margin-top: 20px;
		animation: auto;
		padding: 7%;
	}
}

@media screen and (max-width: 500px) {
	#voice .cont1 .info {
		width: 86%;
	}
}

#voice .cont1 .info .name {
	font-size: 32px;
	color: #055c91;
	font-weight: bold;
	line-height: 1.4;
}

@media screen and (max-width: 500px) {
	#voice .cont1 .info .name {
		font-size: 16px;
	}
}

#voice .cont1 .info dl {
	margin: 30px 0 0;
}

@media screen and (max-width: 500px) {
	#voice .cont1 .info dl {
		margin: 10px 0;
	}
}

#voice .cont1 .info dl dt,
#voice .cont1 .info dl dd {
	font-size: 16px;
	margin: 6px 0;
}

@media screen and (max-width: 500px) {

	#voice .cont1 .info dl dt,
	#voice .cont1 .info dl dd {
		font-size: 13px;
	}
}

#voice .cont1 .info dl dt {
	width: 23%;
	background: #055c91;
	color: #fff;
	padding: 5px;
	box-sizing: border-box;
	text-align: center;
}

@media screen and (max-width: 500px) {
	#voice .cont1 .info dl dt {
		width: 26%;
		margin: 5px 0;
	}
}

#voice .cont1 .info dl dd {
	width: 74%;
	color: #055c91;
	padding-left: 10px;
	letter-spacing: 0.1em;
}

@media screen and (max-width: 500px) {
	#voice .cont1 .info dl dd {
		width: 70%;
		margin: 5px 0;
	}
}

#voice .cont1 .info .mess {
	width: 100%;
	font-size: 16px;
	line-height: 1.875;
	padding: 0;
	box-sizing: border-box;
}

@media screen and (max-width: 500px) {
	#voice .cont1 .info .mess {
		font-size: 11px;
	}
}

#voice .cont1 .info .mess p {
	border-bottom: 2px dotted #3580ab;
	margin-top: 10px;
}

/* /voice .cont1 */

/****-- /voice.html --****/

/****-- movie.html --****/

#movie {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	position: relative;
}

/* movie .cont1 */

#movie .cont1 {
	position: relative;
	padding: 80px 0;
	max-width: 1400px;
	margin: auto;
}

@media screen and (max-width: 1000px) {
	#movie .cont1 {
		padding: 40px 0;
	}
}

#movie .cont1 .box {
	margin: 50px 0;
}

#movie .cont1 .box .in-b {
	justify-content: space-between;
	position: relative;
}

#movie .cont1 .mbox {
	width: 40%;
	position: relative;
	margin: auto;
}

@media screen and (max-width: 1000px) {
	#movie .cont1 .mbox {
		width: 70%;
		margin: auto;
		text-align: center;
	}
}

#movie .cont1 .mbox:nth-last-of-type(odd) {
	margin-right: 6%;
	margin-left: 0;
}

@media screen and (max-width: 1000px) {
	#movie .cont1 .mbox:nth-last-of-type(odd) {
		margin: auto;
	}
}

#movie .cont1 .mbox .bg1,
#movie .cont1 .mbox .bg2,
#movie .cont1 .mbox .bg3,
#movie .cont1 .mbox .bg4 {
	width: 180px;
	height: 180px;
	background: rgba(5, 92, 145, .4);
}

#movie .cont1 .mbox .bg1 {
	position: absolute;
	top: -30px;
	left: -30px;
	z-index: 1;
}

#movie .cont1 .mbox .bg2 {
	position: absolute;
	bottom: -30px;
	right: -30px;
	z-index: 1;
}

#movie .cont1 .mbox .bg3 {
	position: absolute;
	top: -30px;
	right: -30px;
	z-index: 1;
}

#movie .cont1 .mbox .bg4 {
	position: absolute;
	bottom: -30px;
	left: -30px;
	z-index: 1;
}

#movie .cont1 .mbox video {
	overflow: hidden;
	width: 100%;
	z-index: 10;
	position: relative;
}

#movie .cont1 .mbox p {
	font-size: 16px;
	position: relative;
	z-index: 5;
	text-align: center;
	margin-top: 5px;
}

@media screen and (max-width: 1000px) {
	#movie .cont1 .mbox p {
		font-size: 13px;
	}
}

#movie .cont1 .info {
	padding: 2%;
	box-sizing: border-box;
	width: 50%;
	z-index: 10;
	font-weight: bold;
}

@media screen and (max-width: 1000px) {
	#movie .cont1 .info {
		width: 100%;
		order: 1;
		margin-top: 40px;
	}
}

#movie .cont1 .info .title {
	font-size: 32px;
	color: #061a26;
}

@media screen and (max-width: 1000px) {
	#movie .cont1 .info .title {
		font-size: 18px;
		line-height: 1.2;
		text-align: center;
	}
}

#movie .cont1 .info .mess {
	width: 100%;
	font-size: 16px;
	line-height: 1.875;
	padding: 0;
	box-sizing: border-box;
}

#movie .cont1 .info .mess p {
	margin-top: 20px;
	line-height: 1.8;
	font-size: 16px;
}

@media screen and (max-width: 1000px) {
	#movie .cont1 .info .mess p {
		line-height: 1.6;
		font-size: 15px;
	}
}

/* /movie .cont1 */

/****-- /movie.html --****/

/****-- access.html --****/

#access {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	position: relative;
}

/* access .cont1 */

#access .cont1 {
	position: relative;
	padding: 80px 0;
	max-width: 1400px;
	margin: auto;
}

@media screen and (max-width: 1000px) {
	#access .cont1 {
		padding: 10px 0 80px;
	}
}

#access address {
	text-align: center;
	margin-top: 16px;
	font-size: 20px;
}

@media screen and (max-width: 1000px) {
	#access address {
		font-size: 15px;
		width: 90%;
		margin: 16px auto 0;
		line-height: 1.2em;
	}
}

#access .cont1 .box {
	margin: 50px 0;
}

@media screen and (max-width: 1000px) {
	#access .cont1 .box {
		margin: 40px 0;
	}
}

#access .cont1 .abox {
	width: 94%;
	position: relative;
	margin: auto;
}

#access .abox iframe {
	width: 100%;
}

#access .cont1 .abox p {
	font-size: 16px;
	position: relative;
	z-index: 5;
	text-align: center;
	margin-top: 5px;
}

@media screen and (max-width: 1000px) {
	#access .cont1 .info {
		margin: 30px auto 0;
	}
}

#access .cont1 .info {
	padding: 3%;
	box-sizing: border-box;
	width: 94%;
	max-width: 1000px;
	margin: 80px auto;
	border: 2px solid #51a3af;
	border-radius: 26px;
}

@media screen and (max-width: 1000px) {
	#access .cont1 .info {
		margin: 40px auto;
		border: 1px solid #055c91;
	}
}

#access .cont1 .info .title {
	font-size: 36px;
	color: #055c91;
	text-align: center;
	margin-top: 30px;
}

@media screen and (max-width: 640px) {
	#access .cont1 .info .title {
		font-size: 21px;
	}
}

#access .cont1 .info dl {
	margin-top: 30px;
}

#access .cont1 .info dl dt,
#access .cont1 .info dl dd {
	font-size: 24px;
	padding: 18px 0;
}

@media screen and (max-width: 640px) {

	#access .cont1 .info dl dt,
	#access .cont1 .info dl dd {
		font-size: 16px;
		padding: 12px 0;
		word-break: break-word;
	}
}

@media screen and (max-width: 414px) {

	#access .cont1 .info dl dt,
	#access .cont1 .info dl dd {
		font-size: 13px;
	}
}

#access .cont1 .info dl dt {
	width: 26%;
}

@media screen and (max-width: 640px) {
	#access .cont1 .info dl dt {
		width: 33%;
		padding: 12px 0;
	}
}

#access .cont1 .info dl dd {
	width: 60%;
}

@media screen and (max-width: 640px) {
	#access .cont1 .info dl dd {
		width: 66%;
	}
}

#access .cont1 .info dl dd.tel a {
	color: #055c91;
}

#access .cont1 .info dl dd.url a {
	color: #061a26;
	text-decoration: underline;
}

/* snsbtn2 */

.snsbtn2 {
	width: 240px;
	padding: 3px 6px 3px 3px;
	box-sizing: border-box;
	border-radius: 40px;
	background: #11b43f;
}

@media screen and (max-width: 640px) {
	.snsbtn2 {
		width: 180px;
		padding: 3px 6px 3px 3px;
	}
}

.snsbtn2 i {
	margin-right: 10px;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.snsbtn2 i {
		margin-right: 6px;
	}
}

.snsbtn2 i img {
	width: 30px;
}

@media screen and (max-width: 640px) {
	.snsbtn2 i img {
		width: 20px;
	}
}

.snsbtn2 p {
	color: #fff;
	font-size: 18px;
	height: auto;
	letter-spacing: 0;
}

@media screen and (max-width: 640px) {
	.snsbtn2 p {
		font-size: 14px;
	}
}

/* /snsbtn2 */

/* /access .cont1 */

/****-- /access.html --****/

/****-- sns.html --****/

#sns {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	position: relative;
}

/* sns .cont1 */

#sns .cont1 {
	position: relative;
	padding: 80px 0;
	max-width: 1400px;
	margin: auto;
}

@media screen and (max-width: 1000px) {
	#sns .cont1 {
		padding: 10px 0 50px;
	}
}

#sns .cont1 .box {
	margin: 50px 0;
}

@media screen and (max-width: 1000px) {
	#sns .cont1 .box {
		margin: 30px 0;
	}
}

#sns .cont1 .box p {
	font-size: 18px;
	line-height: 1.875;
	position: relative;
	text-align: center;
}

@media screen and (max-width: 1000px) {
	#sns .cont1 .box p {
		font-size: 14px;
		width: 80%;
		margin: 0 auto;
	}
}

#sns .cont1 .info {
	box-sizing: border-box;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#sns .cont1 .info .title {
	font-size: 24px;
	color: #055c91;
	text-align: center;
	margin: 50px auto;
}

@media screen and (max-width: 1000px) {
	#sns .cont1 .info .title {
		font-size: 16px;
		margin: 30px auto;
	}
}

#sns .cont1 .info .qrimg {
	text-align: center;
}

#sns .cont1 .info .qrimg img {
	width: 50%;
	max-width: 360px;
	border: solid 1px;
}

/* /sns .cont1 */

/****-- /sns.html --****/

/****-- faq.html --****/

#faq {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}

#faq .bg1 {
	position: absolute;
	background: #eee7e1;
	width: 50%;
	height: 350px;
	top: 0;
	left: 0px;
	z-index: 1;
}

@media screen and (max-width: 1000px) {
	#faq .bg1 {
		width: 80%;
		height: 40vw;
	}
}

#faq .bg2 {
	position: absolute;
	background: #eee7e1;
	width: 45%;
	height: 350px;
	z-index: 1;
	top: 60vh;
	right: 0px;
}

@media screen and (max-width: 1000px) {
	#faq .bg2 {
		width: 80%;
		height: 40vw;
		top: 48vh;
	}
}

#faq .bg3 {
	position: absolute;
	background: #eee7e1;
	width: 100%;
	height: 350px;
	z-index: 1;
	bottom: 0;
	left: 0px;
}

@media screen and (max-width: 1000px) {
	#faq .bg3 {
		height: 30vw;
	}
}

/* faq .cont1 */

#faq .cont1 {
	position: relative;
	padding: 80px 0;
}

@media screen and (max-width: 1000px) {
	#faq .cont1 {
		padding: 20px 0 80px;
	}
}

.qa-tab {
	position: relative;
	overflow: hidden;
	margin: 50px auto 0;
	padding: 20px 40px 8px;
	width: 96%;
	max-width: 1200px;
	box-shadow: 0px 0px 16px #3780ae;
	z-index: 5;
	background: #fff;
	box-sizing: border-box;
	border-radius: 18px;
}

@media screen and (max-width: 1000px) {
	.qa-tab {
		margin: 20px auto 0;
		padding: 10px;
		box-shadow: 0px 3px 8px #3780ae;
	}
}

.qa-tab span {
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	background: #055c91;
	text-align: center;
	color: #fff;
	font-size: 30px;
	width: 40px;
	height: 40px;
	padding: 3px;
	border-radius: 80px;
}

@media screen and (max-width: 1000px) {
	.qa-tab span {
		margin-right: 1vw;
		font-size: 3vw;
		width: 4vw;
		height: 4vw;
		border-radius: 8vw;
		vertical-align: top;
	}
}

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

.qa-tab label {
	display: flex;
	align-items: center;
	line-height: 1.2;
	position: relative;
	cursor: pointer;
	padding: 0 0 12px 0;
}

@media screen and (max-width: 1000px) {
	.qa-tab label {
		padding-bottom: 0;
		align-items: start;
	}
}

.qa-tab .que {
	width: 87%;
	display: inline-block;
	font-size: 24px;
	color: #055c91;
	line-height: 1.5;
}

@media screen and (max-width: 1000px) {
	.qa-tab .que {
		font-size: 20px;
		line-height: 1.875;
	}
}

@media screen and (max-width: 640px) {
	.qa-tab .que {
		font-size: 16px;
	}
}

@media screen and (max-width: 414px) {
	.qa-tab .que {
		font-size: 13px;
	}
}

.qa-tab .qa-info {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #d8d8d8;
}

.qa-tab .qa-info .inner {
	color: #055c91;
	border-top: 2px solid;
}

.qa-tab .qa-info p {
	margin: 20px 0;
	line-height: 25px;
	width: 92%;
}

@media screen and (max-width: 1000px) {
	.qa-tab .qa-info p {
		font-size: 12px;
	}
}

.qa-tab .qa-info p:first-of-type {
	margin: 20px 0;
	line-height: 25px;
	width: 5%;
	font-size: 30px;
}

@media screen and (max-width: 1000px) {
	.qa-tab .qa-info p:first-of-type {
		width: 5%;
		font-size: 4vw;
	}
}

.qa-tab .qa-info .link-box {
	margin: 20px 0 50px;
}

/* :checked */
.qa-tab input:checked~.qa-info {
	max-height: 40em;
}

@media screen and (max-width: 1000px) {
	.qa-tab input:checked~.qa-info {
		margin-top: 10px;
	}
}

/* Icon */
.qa-tab label::after {
	line-height: 3;
	position: absolute;
	top: -25px;
	right: -38px;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}

.qa-tab input[type="checkbox"]+label::after {
	content: ">";
	color: #055c91;
	transform: rotate(90deg);
	font-family: fangsong;
	font-size: 30px;
}

@media screen and (max-width: 1000px) {
	.qa-tab input[type="checkbox"]+label::after {
		font-size: 20px;
		top: 0;
		right: 0px;
		width: auto;
		bottom: 0;
		margin: auto;
	}
}

.qa-tab input[type="checkbox"]:checked+label::after {
	transform: rotate(269deg);
}

/* /faq .cont1 */

/****-- /faq.html --****/

/****-- contact.html --****/

#contact {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}

/* contact .cont1 */

#contact .cont1 {
	position: relative;
	padding: 80px 0;
}

@media screen and (max-width: 1000px) {
	#contact .cont1 {
		padding: 8vw 0;
	}
}

#contact .cont1 .title {
	width: 100%;
	box-sizing: border-box;
}

#contact .cont1 .title h3 {
	color: #055c91;
	position: relative;
	font-size: 32px;
	z-index: 5;
	text-align: center;
	margin-top: 10px;
}

@media screen and (max-width: 1000px) {
	#contact .cont1 .title h3 {
		font-size: 3.2vw;
	}
}

#contact .cont1 .title .subt {
	font-size: 100px;
	color: #b3eeff;
	text-align: center;
	width: 100%;
	font-family: 'Cinzel', serif;
	font-weight: 700;
}

@media screen and (max-width: 1000px) {
	#contact .cont1 .title .subt {
		font-size: 10vw;
	}
}

/* /contact .cont1 */

/****-- apply.html --****/

#apply {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}

/* apply .cont1 */

#apply .cont1 {
	position: relative;
	padding: 80px 0;
}

@media screen and (max-width: 1000px) {
	#apply .cont1 {
		padding: 8vw 0;
	}
}

#apply .cont1 .title {
	width: 100%;
	box-sizing: border-box;
}

#apply .cont1 .title h3 {
	position: relative;
	font-size: 32px;
	z-index: 5;
	text-align: center;
	margin-top: 10px;
	color: #055c91;
}

@media screen and (max-width: 1000px) {
	#apply .cont1 .title h3 {
		font-size: 3.2vw;
	}
}

#apply .cont1 .title .subt {
	font-size: 100px;
	color: #b3eeff;
	text-align: center;
	width: 100%;
	font-family: 'Cinzel', serif;
	font-weight: 700;
}

@media screen and (max-width: 1000px) {
	#apply .cont1 .title .subt {
		font-size: 8vw;
	}
}

/* /apply .cont1 */

/****-- /apply.html --****/

.ttl-box {
	background: url(../images/top-ttl-bg.jpg) center top no-repeat;
	min-height: 160px;
	box-sizing: border-box;
	padding: 15px;
}

body.under .ttl-box h3 {
	padding: 0 50px;
}

/*-- /top --*/

/* form-all */

.formnote {
	text-align: center;
	padding: 50px 0 0;
	font-size: 16px;
	line-height: 32px;
}

.bg-set {
	border-radius: 0 16px 16px 0;
	box-sizing: border-box;
}

.cont_form {
	width: 96%;
	margin: 0px auto;
	max-width: 1200px;
}

.cont_form .att {
	text-align: center;
	font-size: 18px;
	color: #ff0000;
	margin-top: 50px;
}

@media screen and (max-width: 1000px) {
	.cont_form .att {
		font-size: 3.2vw;
		margin-top: 5vw;
	}
}

.cont_form .two {
	width: 50%;
}

.entry-form {
	width: 96%;
	max-width: 1000px;
	margin: 50px auto;
}

.entry-form.cofirm dl:last-of-type dt {
	height: auto;
}

.entry-form dl {
	padding: 5px;
	box-sizing: border-box;
	margin: 15px 0;
}

@media screen and (max-width: 800px) {
	.entry-form dl {
		margin: 4px 0;
	}
}

.entry-form dl dt {
	border: 0px;
	text-align: left;
	color: #055c91;
	font-size: 24px;
	width: 100%;
	padding-right: 5px;
	box-sizing: border-box;
	border-radius: 10px 0 0 10px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	line-height: 1.8;
}

@media screen and (max-width: 800px) {
	.entry-form dl dt {
		font-size: 16px;
		margin-bottom: 2px;
	}
}

.entry-form dl dt span {
	font-weight: normal;
	padding: 0px;
	font-size: 13px;
	margin-left: 15px;
	color: #ff0000;
}

.entry-form dl dt:before {
	content: none;
}

.entry-form dl dd {
	width: 100%;
	line-height: 1.8;
}

.entry-form label {
	display: block;
}

.entry-form label>span {
	width: 100px;
	float: left;
	padding-top: 8px;
	padding-right: 5px;
}

.entry-form span.required {
	color: red;
}

.entry-form input.input-field {
	width: 100%;
}

.entry-form input.input-field,
.entry-form .textarea-field,
.entry-form .select-field {
	box-sizing: border-box;
	padding: 15px 15px;
	outline: none;
	line-height: 1.6;
	appearance: none;
	font-size: 18px;
	border: 1px solid #055c91;
	border-radius: 16px;
}

@media screen and (max-width: 800px) {

	.entry-form input.input-field,
	.entry-form .textarea-field,
	.entry-form .select-field {
		border-radius: 10px;
	}
}

.entry-form .select-field {
	width: 35%;
	height: 45px;
	font-size: 17px;
}

.entry-form .input-field:focus,
.entry-form .textarea-field:focus,
.entry-form .select-field:focus {
	box-sizing: border-box;
	border: 5px solid #055c91;
	margin: -4px;
}

.entry-form .textarea-field {
	height: 400px;
	width: 100%;
}

@media screen and (max-width: 800px) {
	.entry-form .textarea-field {
		height: 300px;
	}
}

/* form-all-radio */
.f-btn .list_item {
	margin: 0px;
	padding: 24px;
}

.f-btn label {
	line-height: 135%;
	position: relative;
	margin: 0.5rem;
	cursor: pointer;
	font-size: 20px;
}

.f-btn .option-input {
	position: relative;
	margin: 7px 20px 0px 0px;
	cursor: pointer;
}

.f-btn .option-input::before,
.f-btn .option-input::after {
	position: absolute;
	z-index: 1;
	top: -1px;
	left: -5px;
	width: 15px;
	height: 15px;
	content: "";
	transition: all 0.3s ease-in-out 0s;
	border: 2px solid #333;
	border-radius: 50%;
	background: #ffffff;
}

.f-btn .option-input:after {
	z-index: 0;
	top: 0;
	border: none;
}

.f-btn .option-input:checked:before {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	background: #774491;
}

/* /form-all-radio */

.entry-form .f-submit {
	width: 96%;
	max-width: 680px;
	margin: 20px auto;
}

.entry-form .f-submit label {
	margin: 0;
}

.entry-form input[type="submit"],
.entry-form input[type="button"] {
	background: #055c91;
	padding: 8px 15px;
	width: 100%;
	appearance: none;
	border: none;
	box-sizing: border-box;
	height: 80px;
	font-size: 24px;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 40px;
	font-weight: 600;
	color: #fff;
}

@media screen and (max-width: 800px) {

	.entry-form input[type="submit"],
	.entry-form input[type="button"] {
		height: 50px;
		font-size: 18px;
	}
}

.entry-form input[type="submit"]:hover,
.entry-form input[type="button"]:hover {
	opacity: 0.8;
}

.entry-form dd.select {
	position: relative;
}

.entry-form dd.select label::before {
	position: absolute;
	top: 0.9em;
	right: 17.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: "";
	border-left: 9px solid transparent;
	border-right: 8px solid transparent;
	border-top: 15px solid #000;
	pointer-events: none;
}

.entry-form dd.select select option {
	line-height: 1;
}

.parsley-custom-error-message,
.parsley-required,
.parsley-equalto,
.parsley-errors-list filled {
	color: #f00;
	font-size: 15px;
	padding: 4px;
}

.entry-form dl dt.item {
	color: #9d8aee;
}

.entry-form dl dd.form-txt {
	font-size: 16px;
	padding: 10px 0;
}

/* form-all-select */
.entry-form .select {
	background: #fff;
	box-sizing: border-box;
	padding: 3px;
	outline: none;
	line-height: 2;
	appearance: none;
	font-size: 18px;
	border: 1px solid #ccc;
	position: relative;
}

.entry-form .select::after {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	right: 18px;
	top: 46%;
	transform: translateY(-50%) rotate(45deg);
	border-bottom: 3px solid #8c8a8b;
	border-right: 3px solid #8c8a8b;
}

.entry-form .select2 {
	background: #ffffff;
	padding: 7px;
	width: 140px;
	position: relative;
	z-index: 1;
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #ccc;
	margin: 0;
}

@media screen and (max-width: 1700px) {
	.entry-form .select2 {
		width: 7.8vw;
	}
}

@media screen and (max-width: 1400px) {
	.entry-form .select2 {
		width: 6.8vw;
	}
}

.entry-form label {
	font-size: 16px;
}

.entry-form .select2::after {
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	right: 18px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	border-bottom: 1px solid #282828;
	border-right: 1px solid #282828;
	z-index: -1;
}

.entry-form select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: none;
	border: none;
	color: #333;
	font-size: 18px;
	width: 100%;
	height: 100%;
	padding: 8px;
}

/* /form-all-select */

::placeholder {
	color: #ccc;
}

/* /form-all */

/* confirm */

.submit-box {
	width: 680px;
	margin: 0 auto;
}

.confirm .check {
	text-align: center;
}

.entry-form dl dt {
	height: auto;
	background: none;
	border-radius: 0;
}

.entry-form.confirm dl dd {
	border-bottom: 2px solid #055c91;
	font-size: 28px;
}

@media screen and (max-width: 800px) {
	.entry-form.confirm dl dd {
		font-size: 20px;
	}
}

@media screen and (max-width: 414px) {
	.entry-form.confirm dl dd {
		font-size: 16px;
	}
}

.entry-form.confirm button {
	background: #9b9b9b;
	padding: 8px 15px;
	width: 100%;
	appearance: none;
	border: none;
	box-sizing: border-box;
	height: 80px;
	font-size: 24px;
	color: #fffdfd;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 40px;
	font-weight: 600;
}

@media screen and (max-width: 800px) {
	.entry-form.confirm button {
		height: 50px;
		font-size: 18px;
	}
}

.entry-form.confirm button:hover {
	opacity: 0.8;
}

.confirm .check {
	text-align: center;
	font-size: 30px;
	margin: 50px auto;
}

@media screen and (max-width: 1000px) {
	.confirm .check {
		font-size: 24px;
		line-height: 1.875;
	}
}

@media screen and (max-width: 600px) {
	.confirm .check {
		font-size: 22px;
	}
}

@media screen and (max-width: 414px) {
	.confirm .check {
		font-size: 16px;
	}
}

/* /confirm */

/* thanks */

.thanks h4 {
	text-align: center;
	font-size: 34px;
}

@media screen and (max-width: 1000px) {
	.thanks h4 {
		font-size: 30px;
	}
}

@media screen and (max-width: 414px) {
	.thanks h4 {
		font-size: 20px;
	}
}

.thanks h4 span {
	border-bottom: 2px solid #055c91;
}

.thanks .check {
	text-align: center;
	font-size: 30px;
	margin: 100px auto;
	line-height: 2;
	width: 90%;
}

@media screen and (max-width: 1000px) {
	.thanks .check {
		font-size: 24px;
		margin: 60px auto;
		line-height: 1.875;
	}
}

@media screen and (max-width: 600px) {
	.thanks .check {
		font-size: 22px;
	}
}

@media screen and (max-width: 414px) {
	.thanks .check {
		font-size: 16px;
		margin: 50px auto;
	}
}

.thanks .prevbtn {
	margin: 50px auto;
	text-align: center;
	width: 100%;
	max-width: 600px;
}

.thanks .prevbtn a {
	background: #9b9b9b;
	padding: 25px 20px;
	width: 94%;
	margin: 0 auto;
	appearance: none;
	border: none;
	box-sizing: border-box;
	height: 80px;
	font-size: 28px;
	color: #fffdfd;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 40px;
	display: block;
}

@media screen and (max-width: 1000px) {
	.thanks .prevbtn a {
		padding: 16px;
		height: auto;
		font-size: 20px;
	}
}

.thanks .prevbtn a:hover {
	opacity: 0.8;
}

/* /thanks */

/*-- /under --*/

/*-- footer --*/

#footer {
	padding: 0px;
	font-size: 1.6rem;
	background: #68ddff;
	z-index: 10;
	position: relative;
	color: #055c91;
	margin-top: -1px;
}

#footer .inner {
	padding: 50px 0;
	box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
	#footer .inner {
		padding: 30px 0 50px;
	}
}

#footer .nav {
	padding: 10px 0px 0px;
	width: 45%;
}

@media screen and (max-width: 1000px) {
	#footer .nav {
		width: 100%;
	}
}

#footer .nav ul {
	margin-top: 24px;
}

@media screen and (max-width: 1000px) {
	#footer .nav ul {
		margin-top: 0;
	}
}

#footer .nav ul li {
	width: calc(100% / 4);
}

@media screen and (max-width: 1000px) {
	#footer .nav ul li {
		width: calc(100% / 2);
		text-align: center;
		border-bottom: 1px solid;
		box-sizing: border-box;
	}

	#footer .nav ul li:nth-of-type(odd) {
		border-right: 0.5px solid;
	}

	#footer .nav ul li.border-unset {
		border-bottom: unset;
	}
}

#footer .nav ul li a {
	position: relative;
}

@media screen and (max-width: 1000px) {
	#footer .nav ul li a {
		padding: 8% 0;
		display: block;
	}
}

#footer .nav ul li a.line:hover {
	opacity: 0.8;
	text-decoration: underline;
	color: #09293d;
}

@media screen and (max-width: 1000px) {
	#footer .nav ul li a.line:hover {
		opacity: 1;
		text-decoration: none;
	}
}

#footer .nav ul li p {
	font-size: 14px;
}

@media screen and (max-width: 1000px) {
	#footer .nav ul li p {
		font-size: 3vw;
	}
}

#footer .info-box {
	text-align: center;
	padding: 15px 0;
	width: 30%;
}

@media screen and (max-width: 1000px) {
	#footer .info-box {
		width: 100%;
	}
}

#footer .info-box img {
	width: 80%;
	max-width: 250px;
}

@media screen and (max-width: 1000px) {
	#footer .info-box img {
		width: 80%;
		max-width: 170px;
	}
}

#footer .info-box .info {
	box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
	#footer .info-box .info {
		margin-top: 20px;
	}
}

#footer .info-box .info p:first-of-type {
	margin-right: 5px;
}

@media screen and (max-width: 1000px) {
	#footer .info-box .info p:first-of-type {
		margin-right: 0;
	}
}

#footer .info-box .info .tel {
	font-size: 30px;
}

@media screen and (max-width: 1000px) {
	#footer .info-box .info .tel {
		font-size: 20px;
	}
}

#footer .info-box .info .tel img {
	vertical-align: inherit;
	width: 20px;
}

@media screen and (max-width: 1000px) {
	#footer .info-box .info .tel img {
		width: 30px;
	}
}

@media screen and (max-width: 480px) {
	#footer .info-box .info .tel img {
		width: 16px;
	}
}

#footer .info-box .info .open {
	font-size: 15px;
	margin-top: 6px;
}

@media screen and (max-width: 1000px) {
	#footer .info-box .info .open {
		margin-top: 0;
	}
}

#footer .info-box .info .open span {
	font-size: 10px;
	margin-right: 3px;
}

#footer .info-box .info .mail {
	font-size: 18px;
}

#footer .info-box .info .mail span {
	font-size: 16px;
}

#footer .add {
	background: #000;
}

#footer address {
	font-size: 13px;
	color: #fff;
	text-align: center;
	padding: 15px 0;
	background: #686868;
	background: #055c91;
}

@media screen and (max-width: 1000px) {
	#footer address {
		font-size: 11px;
	}
}

/*-- /footer --*/

/* #txt-back  */

#txt-back {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

@media screen and (max-width: 1000px) {
	#txt-back {
		bottom: 0;
	}
}

#txt-back .ttt {
	font-size: 110px;
	color: #b3eeff;
	height: 88px;
	letter-spacing: 0;
	font-family: 'Cinzel', serif;
	font-weight: 500;
}

@media screen and (max-width: 1000px) {
	#txt-back .ttt {
		font-size: 11.4vw;
		height: 9.2vw;
	}
}

/* /#txt-back  */

/*** blog.html ***/

#blog .cont {
	background: #fff;
	position: relative;
	padding: 80px 2% 120px;
	box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
	#blog .cont {
		padding: 30px 2% 120px;
	}
}

#blog .cont .box {
	justify-content: flex-start;
	max-width: 1200px;
	margin: 50px auto 0;
	gap: 15px;
}

@media screen and (max-width: 1000px) {
	#blog .cont .box {
		margin: 30px auto 0;
	}
}

#blog .cont .b-box {
	background: #fff;
	width: calc(97.5% / 3);
	z-index: 10;
	box-sizing: border-box;
	padding: 1.5% 1%;
	margin: 0 0 20px;
	border-radius: 30px 0 30px 0;
	border: 2px solid #055c91;
	filter: drop-shadow(0px 7px 5px rgb(193, 195, 208));
}

@media screen and (max-width: 1000px) {
	#blog .cont .b-box {
		width: 100%;
		border-radius: 0 5vw 0 5vw;
		padding: 2vw 15px 4vw;
	}
}

#blog .cont .b-box figure img {
	width: 100%;
}

@media screen and (max-width: 1000px) {
	#blog .cont .b-box figure img {
		width: 96%;
	}
}

#blog .cont .b-box p {
	font-family: "Kiwi Maru", serif;
	color: #000;
	font-size: 16px;
	line-height: 1.875;
	font-weight: normal;
}

@media screen and (max-width: 1200px) {
	#blog .cont .b-box p {
		font-size: 14px;
	}
}

@media screen and (max-width: 640px) {
	#blog .cont .b-box p {
		font-size: 12px;
	}
}

#blog .cate {
	justify-content: space-between;
	margin-bottom: 20px;
}

@media screen and (max-width: 1000px) {
	#blog .cate {
		justify-content: space-between;
		width: 98%;
		margin: 20px auto;
	}
}

#blog .cate .icon {
	background: #055c91;
	box-sizing: border-box;
	padding: 5px 14px;
	border-radius: 28px;
	color: #fff;
}

#blog .s-box {
	background: rgba(179, 238, 255, .6);
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 30px;
	box-sizing: border-box;
	border-radius: 20px;
}

@media screen and (max-width: 1000px) {
	#blog .s-box {
		padding: 14px 10px 10px;
	}
}

#blog .s-box h4 {
	font-size: 28px;
	text-align: center;
	height: auto;
}

@media screen and (max-width: 1000px) {
	#blog .s-box h4 {
		font-size: 18px;
	}
}

#blog .sc {
	width: 80%;
	margin: 15px auto 0;
}

@media screen and (max-width: 1000px) {
	#blog .sc {
		width: 100%;
		justify-content: start;
		gap: 3px;
	}
}

#blog .sc li {
	width: calc(95% / 5);
	height: auto;
	margin: 0.5%;
}

@media screen and (max-width: 1000px) {
	#blog .sc li {
		width: calc(95% / 3);
	}
}

#blog .sc .opt {
	background: #fff;
	color: #055c91;
	box-sizing: border-box;
	padding: 4% 2%;
	border-radius: 28px;
	display: block;
	height: auto;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
}

#blog .sc .opt:hover {
	background: #055c91;
	color: #fff;
	opacity: 1;
}

@media screen and (max-width: 1000px) {
	#blog .sc .opt {
		padding: 7% 2%;
		border-radius: 40px;
		font-size: 3vw;
	}
}

#blog .sc .opt.on {
	background: #fff;
	color: #685141;
}

.b-frame {
	overflow: hidden;
}

.b-frame figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	height: 230px;
}

@media screen and (max-width: 1260px) {
	.b-frame figure {
		height: 15.5vw;
	}
}

@media screen and (max-width: 1000px) {
	.b-frame figure {
		text-align: center;
		height: auto;
	}
}

.b-frame a:hover {
	color: #055c91;
	transition: 0.3s ease-in-out;
}

.b-frame figure img {
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

@media screen and (max-width: 1000px) {
	.b-frame figure img {
		width: 96%;
	}
}

.b-frame figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

@media screen and (max-width: 1000px) {
	.b-frame figure:hover img {
		transform: none;
	}
}

.b-frame figure figcaption {
	position: relative;
	font-family: "Kiwi Maru", serif;
	font-weight: 500;
	font-size: 1.4vw;
	text-align: left;
	margin-top: 1vw;
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media screen and (max-width: 1000px) {
	.b-frame figure figcaption {
		font-size: 2.4vw;
		text-align: left;
		margin-top: 2vw;
	}
}

.b-frame h4 {
	position: relative;
	font-size: 1.4vw;
	text-align: left;
	margin-top: 1vw;
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.b-frame h4:hover {
	color: #055c91;
}

@media screen and (max-width: 1000px) {
	.b-frame h4 {
		font-size: 3.4vw;
		text-align: left;
		margin-top: 2vw;
	}
}

.pagination {
	width: 100%;
	max-width: 1000px;
	margin: 50px auto;
	justify-content: space-around;
}

.pagination li .nolink {
	pointer-events: none;
	color: #a8a8a8;
}

.pagination li .rev {
	text-decoration: underline;
}

/* detail */
#blog.detail .s-box {
	background: none;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 0;
	box-sizing: border-box;
	border-radius: 28px;
}

#blog.detail .revbtn {
	background: #9b9b9b;
	color: #fff;
	box-sizing: border-box;
	padding: 14px;
	border-radius: 28px;
	display: block;
	height: auto;
	text-align: center;
	cursor: pointer;
	font-size: 15px;
	width: 240px;
	margin: auto;
}

#blog.detail .d-area {
	margin: 50px auto;
	width: 100%;
}

@media screen and (max-width: 1000px) {
	#blog.detail .d-area {
		margin: 0px auto 50px;
	}
}

#blog.detail .d-area h4 {
	color: #055c91;
	background: #b3eeff;
	text-align: center;
	padding: 10px;
	font-size: 28px;
	box-sizing: border-box;
}

@media screen and (max-width: 1000px) {
	#blog.detail .d-area h4 {
		font-size: 3vw;
	}
}

#blog.detail .d-area .d-info {
	margin: 15px auto;
}

#blog.detail .d-area .d-info .d-icon {
	color: #fff;
	background: #055c91;
	border-radius: 30px;
	padding: 2px 14px;
	margin-right: 10px;
}

#blog.detail .d-area .blog_area {
	font-size: 18px;
	line-height: 1.875;

	div {
		max-width: 100% !important;
		box-sizing: border-box;
	}
}

#blog.detail .d-area .blog_area img {
	display: block;
	margin: auto;
}

@media screen and (max-width: 1200px) {
	#blog.detail .d-area .blog_area img {
		max-width: 100%;
	}
}

/* /detail */

/*** blog.html ***/

/*** entry-form input ***/

.entry-form input[type="submit"]:disabled {
	background: #9b9b9b;
	cursor: not-allowed;
}

.entry-form input[type="submit"]:disabled:hover {
	opacity: 1;
}

/*** /entry-form input ***/