@charset "utf-8";

html {
	font-size: 62.5%;
	overflow-x: hidden;
}

body.non-scroll {
	height: 100vh;
	overflow-y: hidden;
}

#contents {
	padding: 0;
	width: 100%;
}

#header {
	box-shadow: none;
}

#footerIn img {
	border: none;
}

#wrapper {
	min-width: inherit;
}

img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.onlySP {
	display: none;
}

#ct_bg {
	color: #000;
	background: url(../img/bg_common01.jpg) fixed no-repeat 50% 50%/cover;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1.6rem;
	line-height: 1.25;
}

#ct_bg img {
	max-width: 100%;
	height: auto;
}

#ct_bg .imgOver01 img {
	transition: opacity .3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#ct_bg .imgOver01 a:hover img {
	opacity: .6;
}

#ct_bg .center {
	text-align: center !important;
}
#ct_bg .right {
	text-align: right !important;
}

.fb_iframe_widget > span {
	vertical-align: baseline !important;
}

#ct_bg .wrap01 {
	display: flex;
	flex-wrap: wrap;
}
#ct_bg .wrap01.bC {
	justify-content: center;
}
#ct_bg .wrap01.between {
	justify-content: space-between;
}
#ct_bg .wrap01.aC {
	align-items: center;
}
#ct_bg .wrap01 .stretch {
	align-items: stretch;
}

#ct_bg .headTitleArea01 {
	position: relative;
	z-index: 10;
	padding: 11px 4% 9px;
	background-color: #000;
}

#ct_bg .headTitleArea01 > .title01 {
	color: #fff;
	text-align: center;
}

#ct_bg .mainArea01 {
	max-width: 1240px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}

#ct_bg .mainArea01 > .inner01 {
	max-height: 720px;
	height: 720px;
	position: relative;
	z-index: 1;
}

#ct_bg .mainArea01 > .inner01 > .logo01 {
	position: absolute;
	width: 30.8%;
	top: 0.2%;
	right: -1.4%;
	z-index: 10;
}

#ct_bg .mainArea01 > .inner01 > .image01 {
	position: absolute;
	width: 55.0833%;
	top: -2.834%;
	left: 26.8%;
	z-index: 7;
}

#ct_bg .mainArea01 > .inner01 > .image02 {
	position: absolute;
	top: -6.4%;
	left: -1.1%;
	width: 42.8%;
	z-index: 6;
}

#ct_bg .mainArea01 > .inner01 > .image03 {
	position: absolute;
	bottom: 3.334%;
	right: 8%;
	width: 19.333%;
	z-index: 6;
}

#ct_bg .mainArea01 > .inner01 > .text01 {
	position: absolute;
	width: 22%;
	left: 18.023%;
	top: 7.9%;
	z-index: 1;
}

#ct_bg .mainArea01 > .inner01 > .text02 {
	position: absolute;
	right: 3.3%;
	top: 24.95%;
	width: 30.72%;
	z-index: 9;
}

#ct_bg .mainArea01 > .inner01 > .text03 {
	position: absolute;
	left: 44%;
	top: 2.8%;
	width: 11.82%;
	z-index: 10;
}

#ct_bg .mainArea01 > .inner01 > .text04 {
	position: absolute;
	right: 0;
	top: 46.9%;
	width: 17%;
	z-index: 11;
}

#ct_bg .mainArea01 > .inner01 > .button01 {
	position: absolute;
	width: 30.166%;
	right: 2.666%;
	bottom: 10px;
}

#ct_bg .mainArea01 > .inner01 > * {
	opacity: 0;
	transition: opacity .3s,visibility .3s;
}

#ct_bg .mainArea01 > .inner01 > .inner02 {
	opacity: 1;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	background: url("../../img/bg_index33.jpg") no-repeat 50% 0 / cover;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100vw;
	height: 170px;
	z-index: 12;
}

#ct_bg .mainArea01 > .inner01 > .inner02::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100%;
	height: 10px;
	background: url("../../img/bg_index34.png") no-repeat 50% 0 / cover;
	transform: translate(-50%, 0);
	z-index: 13;
}

#ct_bg .mainArea01 > .inner01 > .inner02::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100%;
	height: 10px;
	background: url("../../img/bg_index35.png") no-repeat 50% 0 / 1530px auto;
	transform: translate(-50%, 0);
	z-index: 14;
}

#ct_bg .mainArea01 > .inner01 > .inner02 > .text05 {
	position: absolute;
	width: 121.42%;
	left: 50%;
	bottom: 0;
	text-align: center;
	transform: translate(-50%, 0);
}

@media screen and (max-width: 1260px) {
	#ct_bg .mainArea01 > .inner01 {
		height: 61.55vw;
	}
	#ct_bg .mainArea01 > .inner01 > .inner02 {
		height: 15.222vw;
	}

	#ct_bg .mainArea01 > .inner01 > .inner02::before,
	#ct_bg .mainArea01 > .inner01 > .inner02::after {
		height: 0.641vw;
		height: 0.793vw;
	}
}

#ct_bg .mainArea01.on > .inner01 > .image01 {
	-webkit-animation: anime01 0.4s cubic-bezier(.39,.01,.46,.86) .2s forwards;
	animation: anime01 0.4s cubic-bezier(.39,.01,.46,.86) .2s forwards;
}
#ct_bg .mainArea01.on > .inner01 > .image02 {
	-webkit-animation: anime01 0.4s cubic-bezier(.39,.01,.46,.86) .3s forwards;
	animation: anime01 0.4s cubic-bezier(.39,.01,.46,.86) .3s forwards;
}
#ct_bg .mainArea01.on > .inner01 > .text01 {
	-webkit-animation: anime02 0.3s cubic-bezier(.39,.01,.46,.86) .35s forwards;
	animation: anime02 0.3s cubic-bezier(.39,.01,.46,.86) .35s forwards;
}
#ct_bg .mainArea01.on > .inner01 > .text02 {
	-webkit-animation: anime01 0.3s cubic-bezier(.39,.01,.46,.86) .5s forwards;
	animation: anime01 0.3s cubic-bezier(.39,.01,.46,.86) .5s forwards;
}
#ct_bg .mainArea01.on > .inner01 > .text03 {
	-webkit-animation: anime01 0.3s cubic-bezier(.39,.01,.46,.86) .5s forwards;
	animation: anime01 0.3s cubic-bezier(.39,.01,.46,.86) .5s forwards;
}
#ct_bg .mainArea01.on > .inner01 > .text04 {
	-webkit-animation: anime01 0.3s cubic-bezier(.39,.01,.46,.86) .5s forwards;
	animation: anime01 0.3s cubic-bezier(.39,.01,.46,.86) .5s forwards;
}
#ct_bg .mainArea01.on > .inner01 > .logo01,
#ct_bg .mainArea01.on > .inner01 > .image03,
#ct_bg .jsFadeElm02.on {
	-webkit-animation: anime03 0.2s cubic-bezier(.39,.01,.46,.86) .7s forwards;
	animation: anime03 0.2s cubic-bezier(.39,.01,.46,.86) .7s forwards;
}
/* slideArea */
#ct_bg .slideArea01 {
	position: relative;
	margin: 0 0 40px;
	padding: 38px 0 43px;
	background: rgba(0,0,0,0.35);
}

#ct_bg .slideArea01 .bx-viewport {
	padding: 0;
	background: none;
	position: relative;
	z-index: 10;
}

#ct_bg .slideArea01 .bx-viewport::before {
	content: none;
}

#ct_bg .slider01 {
	position: relative;
	left: 50%;
	margin-left: -350px;
	overflow: visible !important;
}

#ct_bg .slider01 > li .text01 {
	text-align: center;
	font-size: 1.8rem;
	color: #fff;
	margin: 12px 0 0 0;
	text-shadow: rgb(0, 0, 0) 2px 0px 0px, rgb(0, 0, 0) 1.75px 0.953125px 0px, rgb(0, 0, 0) 1.078125px 1.671875px 0px, rgb(0, 0, 0) 0.140625px 1.984375px 0px, rgb(0, 0, 0) -0.828125px 1.8125px 0px, rgb(0, 0, 0) -1.59375px 1.1875px 0px, rgb(0, 0, 0) -1.96875px 0.28125px 0px, rgb(0, 0, 0) -1.859375px -0.6875px 0px, rgb(0, 0, 0) -1.296875px -1.5px 0px, rgb(0, 0, 0) -0.40625px -1.953125px 0px, rgb(0, 0, 0) 0.5625px -1.90625px 0px, rgb(0, 0, 0) 1.40625px -1.40625px 0px, rgb(0, 0, 0) 1.90625px -0.546875px 0px;
}

#ct_bg .slideArea01 .bx-wrapper {
	position: relative;
}

#ct_bg .slideArea01 .bx-controls {
	position: absolute;
	top: 200px;
	left: 50%;
	width: 780px;
	height: 60px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10;
	pointer-events: none;
}

#ct_bg .slideArea01 .bx-prev,
#ct_bg .slideArea01 .bx-next {
	position: absolute;
	display: block;
	width: 60px;
	height: 60px;
	white-space:nowrap;
	text-indent: 100%;
	overflow: hidden;
	z-index: 100;
	pointer-events: auto;
}
#ct_bg .slideArea01 .bx-prev {
	left: 0;
}
#ct_bg .slideArea01 .bx-next {
	right: 0;
}

#ct_bg .slideArea01 .bx-prev::before,
#ct_bg .slideArea01 .bx-next::before,
#ct_bg .slideArea01 .bx-prev::after,
#ct_bg .slideArea01 .bx-next::after {
	position: absolute;
	width: 60px;
	height: 60px;
	content: "";
}
#ct_bg .slideArea01 .bx-prev::before,
#ct_bg .slideArea01 .bx-next::before{
	z-index: 2;
}
#ct_bg .slideArea01 .bx-prev::after,
#ct_bg .slideArea01 .bx-next::after{
	z-index: 1;
}
#ct_bg .slideArea01 .bx-prev::before{
	left: 0;
	top: 0;
	background: url(../../img/icon_prev_no.png) no-repeat 0 0;
}
#ct_bg .slideArea01 .bx-prev:hover::before{
	background: url(../../img/icon_prev_on.png) no-repeat 0 0;
}
#ct_bg .slideArea01 .bx-next::before{
	left: 0;
	top: 0;
	background: url(../../img/icon_next_no.png) no-repeat 0 0;
}
#ct_bg .slideArea01 .bx-next:hover::before{
	background: url(../../img/icon_next_on.png) no-repeat 0 0;
}

#ct_bg .slideArea01 .slider01 li .thumbWrap {
	position: relative;
	display: block;
	width: 700px;
	background: url(../../img/bg_index27_pc.png) no-repeat 0 0;
	padding: 4px;
}

#ct_bg .slideArea01 .slider01 li .thumbWrap:hover::before {
	opacity: .4;
	visibility: visible;
}

#ct_bg .slideArea01 .slider01 li .thumbWrap::before {
	position: absolute;
	z-index: 5;
	top: 0;
	opacity: 0;
	visibility: hidden;
	background-color: #fff;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .3s;
	content: "";
}

#ct_bg .slideArea01 .slider01 li .thumbWrap::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 61px;
	height: 61px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url(../../img/icon_play_no.png) no-repeat 0 0;
}
#ct_bg .slideArea01 .slider01 li .thumbWrap:hover::after {
	background: url(../../img/icon_play_on.png) no-repeat 0 0;
}

#ct_bg .slideArea01 .slider01 li .thumbWrap > .inner01 {
	display: block;
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 55.75%;
}

#ct_bg .slideArea01 .slider01 li .thumbWrap > .inner01 > img {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: auto;
}

#ct_bg .sns_wrapper {
	display: table;
	margin: 45px auto 45px;
	padding: 10px 5px 0;
	border-radius: 10px;
	background: rgba(255,255,255,.8);
}
#ct_bg .sns_wrapper .snsBtn01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#ct_bg .sns_wrapper .snsBtn01 li {
	margin: 0 5px 10px;
	line-height: 0;
}

@media screen and (min-width:767px) {
	#ct_bg .slider01 > li {
		width: 720px !important;
	}
}

@media screen and (max-width: 767px) {
	#ct_bg .slideArea01 {
		position: relative;
		margin: 0 0 5.3vw;
		padding: 10.6vw 0 9.3vw;
		background: rgba(0,0,0,0.35);
	}

	.slideArea01 {}

		#ct_bg .slideArea01 .bx-viewport {
			padding: 0;
			background: none;
			position: relative;
			z-index: 10;
		}

		#ct_bg .slideArea01 .bx-viewport::before {
			content: none;
		}

		#ct_bg .slider01 {
			position: relative;
			left: 0;
			margin-left: 0;
			overflow: visible !important;
		}

		#ct_bg .slider01 > li .image01 {
			width: 84%;
			margin-left: auto;
			margin-right: auto;
		}

		#ct_bg .slider01 > li .text01 {
			padding-left: 4%;
			padding-right: 4%;
			text-align: center;
			font-size: 1.8rem;
			color: #fff;
			margin: 12px 0 0 0;
			text-shadow: rgb(0, 0, 0) 2px 0px 0px, rgb(0, 0, 0) 1.75px 0.953125px 0px, rgb(0, 0, 0) 1.078125px 1.671875px 0px, rgb(0, 0, 0) 0.140625px 1.984375px 0px, rgb(0, 0, 0) -0.828125px 1.8125px 0px, rgb(0, 0, 0) -1.59375px 1.1875px 0px, rgb(0, 0, 0) -1.96875px 0.28125px 0px, rgb(0, 0, 0) -1.859375px -0.6875px 0px, rgb(0, 0, 0) -1.296875px -1.5px 0px, rgb(0, 0, 0) -0.40625px -1.953125px 0px, rgb(0, 0, 0) 0.5625px -1.90625px 0px, rgb(0, 0, 0) 1.40625px -1.40625px 0px, rgb(0, 0, 0) 1.90625px -0.546875px 0px;
		}

		#ct_bg .slideArea01 .bx-controls {
			position: absolute;
			top: 0;
			left: 50%;
			width: 100%;
			height: 45px;
			margin-top: 66px;
			margin-left: -50%;
			/*
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			*/
			transform: none;
			z-index: 10;
		}

		#ct_bg .slideArea01 .bx-prev,
		#ct_bg .slideArea01 .bx-next {
			position: absolute;
			display: block;
			width: 45px;
			height: 45px;
			white-space:nowrap;
			text-indent: 100%;
			overflow: hidden;
			z-index: 100;
		}
		#ct_bg .slideArea01 .bx-prev {
			left: 0;
		}
		#ct_bg .slideArea01 .bx-next {
			right: 0;
		}

		#ct_bg .slideArea01 .bx-prev::before,
		#ct_bg .slideArea01 .bx-next::before,
		#ct_bg .slideArea01 .bx-prev::after,
		#ct_bg .slideArea01 .bx-next::after {
			position: absolute;
			width: 45px;
			height: 45px;
			content: "";
		}
		#ct_bg .slideArea01 .bx-prev::before,
		#ct_bg .slideArea01 .bx-next::before{
			z-index: 2;
		}
		#ct_bg .slideArea01 .bx-prev::after,
		#ct_bg .slideArea01 .bx-next::after{
			z-index: 1;
		}
		#ct_bg .slideArea01 .bx-prev::before{
			left: 0;
			top: 0;
			background: url(../../img/icon_prev_no.png) no-repeat 0 0 / 100% auto;
		}
		#ct_bg .slideArea01 .bx-prev:hover::before{
			background: url(../../img/icon_prev_no.png) no-repeat 0 0 / 100% auto;
		}
		#ct_bg .slideArea01 .bx-next::before{
			left: 0;
			top: 0;
			background: url(../../img/icon_next_no.png) no-repeat 0 0 / 100% auto;
		}
		#ct_bg .slideArea01 .bx-next:hover::before{
			background: url(../../img/icon_next_no.png) no-repeat 0 0 / 100% auto;
		}

		#ct_bg .slideArea01 .slider01 li .thumbWrap {
			display: block;
			width: 100%;
			background: none;
			padding: 0;
			position: relative;
		}

		#ct_bg .slideArea01 .slider01 li .thumbWrap:hover::before {
			opacity: 0;
			visibility: hidden;
		}

		#ct_bg .slideArea01 .slider01 li .thumbWrap::after {
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			width: 45px;
			height: 45px;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			background: url(../../img/icon_play_no.png) no-repeat 0 0 / 100% auto;
		}
		#ct_bg .slideArea01 .slider01 li .thumbWrap:hover::after {
			background: url(../../img/icon_play_no.png) no-repeat 0 0 / 100% auto;
		}

	}
	/* slideArea end */

	#ct_bg .jsFadeElm01 {
		opacity: 0;
	}
	#ct_bg .jsFadeElm02 {
		opacity: 0;
	}
	#ct_bg .jsFadeElm01.show {
		-webkit-animation: anime04 0.5s cubic-bezier(.39,.01,.46,.86) 0s forwards;
		animation: anime04 0.5s cubic-bezier(.39,.01,.46,.86) 0s forwards;
	}
	#ct_bg.jsEffect01 {
		-webkit-animation: anime05 .07s 1s;
		animation: anime05 .07s 1s;
	}

	@-webkit-keyframes anime01 {
		0% {
			-webkit-transform: scale(.3);
			transform: scale(.3);
		}

		50% {
			-webkit-transform: scale(1.01);
			transform: scale(1.01);
		}

		70% {
			-webkit-transform: scale(.99);
			transform: scale(.99);
		}

		100% {
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 1;
		}
	}
	@keyframes anime01 {
		0% {
			transform: scale(.3);
		}

		50% {
			transform: scale(1.01);
		}

		70% {
			transform: scale(.99);
		}

		100% {
			transform: scale(1);
			opacity: 1;
		}
	}
	@-webkit-keyframes anime02 {
		0% {
			-webkit-transform: scale(.3);
			transform: scale(.3);
		}

		50% {
			-webkit-transform: scale(1.25);
			transform: scale(1.25);
		}

		70% {
			-webkit-transform: scale(.85);
			transform: scale(.85);
		}

		100% {
			-webkit-transform: scale(1);
			transform: scale(1);
			opacity: 1;
		}
	}
	@keyframes anime02 {
		0% {
			transform: scale(.3);
		}

		50% {
			transform: scale(1.25);
		}

		70% {
			transform: scale(.85);
		}

		100% {
			transform: scale(1);
			opacity: 1;
		}
	}
	@-webkit-keyframes anime03 {
		0% {
			-webkit-transform: translateY(20px);
			transform: translateY(20px);
		}

		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
			opacity: 1;
		}
	}
	@keyframes anime03 {
		0% {
			transform: translateY(20px);
		}

		100% {
			transform: translateY(0);
			opacity: 1;
		}
	}
	@-webkit-keyframes anime04 {
		0% {
			-webkit-transform: translateY(50px);
			transform: translateY(50px);
		}

		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
			opacity: 1;
		}
	}
	@keyframes anime04 {
		0% {
			transform: translateY(50px);
		}

		100% {
			transform: translateY(0);
			opacity: 1;
		}
	}
	@-webkit-keyframes anime05 {
		0% {
			-webkit-transform: translate(0px, 0px) rotateZ(0deg);
			transform: translate(0px, 0px) rotateZ(0deg);
		}
		25% {
			-webkit-transform: translate(4px, 2px) rotateZ(.4deg);
			transform: translate(4px, 2px) rotateZ(.4deg);
		}
		50% {
			-webkit-transform: translate(0px, 4px) rotateZ(0deg);
			transform: translate(0px, 4px) rotateZ(0deg);
		}
		75% {
			-webkit-transform: translate(3px, 5px) rotateZ(-.4deg);
			transform: translate(3px, 5px) rotateZ(-.4deg);
		}
		100% {
			-webkit-transform: translate(0px, 0px) rotateZ(0deg);
			transform: translate(0px, 0px) rotateZ(0deg);
		}
	}

	@keyframes anime05 {
		0% {transform: translate(0px, 0px) rotateZ(0deg)}
		25% {transform: translate(4px, 2px) rotateZ(.4deg)}
		50% {transform: translate(0px, 4px) rotateZ(0deg)}
		75% {transform: translate(3px, 2px) rotateZ(-.4deg)}
		100% {transform: translate(0px, 0px) rotateZ(0deg)}
	}

	#ct_bg .navArea01 {
		max-width: 1235px;
		position: relative;
		z-index: 50;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 80px;
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg .navArea01 > ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#ct_bg .navArea01 > ul > li {
		width: 21.8%;
	}

	#ct_bg .navArea01 > ul > li > a {
		display: block;
	}
	#ct_bg .navArea02 {
		position: fixed;
		top: -200px;
		z-index: 50;
		padding-left: 20px;
		padding-right: 20px;
		margin-left: auto;
		margin-right: auto;
		background: #000;
		width: 100%;

		transition-property: all;
	}

	#ct_bg .navArea02.subnav_visible {
		display: block !important;
		left: 0;
	}

	#ct_bg .navArea02 > ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: center;
		max-width: 1200px;
		margin: 0 auto;
	}

	#ct_bg .navArea02 > ul > li {
		width: 18.1%;
	}

	#ct_bg .navArea02 > ul > li:first-child {
		width: 16%;
		margin-left: 0;
		margin-right: auto;
	}

	#ct_bg .navArea02 > ul > li:last-child {
		margin-right: -1%;
	}

	#ct_bg .navArea02 > ul > li > a {
		display: block;
	}

	#ct_bg .section01 {
		position: relative;
		z-index: 1;
		max-width: 1240px;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 60px;
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg .section01.type06 {
		margin-bottom: 60px;
	}

	#ct_bg .section01 .col01.type08 {
		padding-bottom: 40px;
	}

	#ct_bg .heading01 {
		width: 60.833%;
		display: table;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg .heading01.type01 {
		width: 70.666%;
	}
	#ct_bg .heading01.type02 {
		width: 66.666%;
	}
	#ct_bg .heading01.type02 > img {
		position: relative;
		z-index: 10;
	}

	#ct_bg .heading01::before {
		position: absolute;
		z-index: -1;
		top: -140px;
		transform: translateX(-50%);
		left: 50%;
		width: 1200px;
		height: 441px;
		background: url(../../img/bg_index01_pc.png) no-repeat 50% 50%/100%;
		content: "";
	}

	#ct_bg .frameArea01 {
		margin-top: -80px;
	}
	#ct_bg .frameArea01.type01 {
		margin-top: -75px;
	}
	#ct_bg .frameArea01.type02 {
		margin-top: -100px;
	}

	#ct_bg .frameArea01 > .inner01 > .text01 {
		position: relative;
		z-index: 3;
	}

	#ct_bg .frameArea01 > .inner01 > .list01 {
		position: absolute;
		left: 9.666%;
		bottom: 20px;
		color: #fff;
	}

	#ct_bg .frameArea02 {
		position: relative;
		padding: 17px 20px 0;
		border: solid 4px #e60012;
		border-bottom: none;
		background-color: #fff;
		margin-bottom: 29px;
	}

	#ct_bg .frameArea02::after {
		position: absolute;
		bottom: -29px;
		left: -4px;
		width: calc(100% + 8px);
		height: 29px;
		background: url(../../img/bg_index05_pc.png) no-repeat 0 0/100%;
		content: "";
	}

	#ct_bg .frameArea02 > .inner01 > .text01 {
		margin-top: 5px;
		color: #e60012;
		text-align: center;
		font-weight: bold;
		font-size: 1.8rem;
	}

	#ct_bg .frameArea02 > .inner01 > .text02 {
		margin-top: 5px;
		text-align: center;
	}

	#ct_bg .frameArea02 > .inner01 > .text02 > .font01 {
		font-weight: bold;
		font-size: 2.4rem;
	}

	#ct_bg .frameArea02 > .inner01 > .title01 {
		margin-top: 7px;
		text-align: center;
		font-weight: bold;
		font-size: 2.4rem;
	}

	#ct_bg .frameArea02 > .inner01 > .btn01 {
		margin: 12px auto 0;
	}

	#ct_bg .frameArea03 {
		padding: 0 4px 4px 4px;
		background: -webkit-linear-gradient(top, rgba(169,169,169,1) 6%,rgba(255,255,255,1) 20%,rgba(217,217,217,1) 50%,rgba(255,255,255,1) 80%,rgba(95,95,95,1) 94%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(169,169,169,1) 6%,rgba(255,255,255,1) 20%,rgba(217,217,217,1) 50%,rgba(255,255,255,1) 80%,rgba(95,95,95,1) 94%,rgba(255,255,255,1) 100%);
	}

	#ct_bg .frameArea03 > .inner01 {
		padding: 30px 8.053% 40px;
		background: url(../../img/bg_index03_pc.png) repeat-y 0 0/100%;
	}

	#ct_bg .frameArea04 {
		position: relative;
		border: solid 4px #e60012;
		border-bottom: none;
		background-color: #fff;
		margin-bottom: 50px;
	}

	#ct_bg .frameArea04::before {
		position: absolute;
		bottom: -27px;
		left: -4px;
		width: calc(100% + 8px);
		width: -webkit-calc(100% + 8px);
		height: 27px;
		background: url(../../img/bg_index06_pc.png) no-repeat 0 0/100%;
		content: "";
	}

	#ct_bg .frameArea04 > .title01 {
		padding: 6px 10px 9px;
		background-color: #e60012;
		font-size: 3.6rem;
		text-align: center;
		color: #ff0;
		font-weight: bold;
	}

	#ct_bg .frameArea04.type02 {
		border: solid 4px #067d1d;
	}

	#ct_bg .frameArea04.type02::before {
		background: url(../../img/bg_index29_pc.png) no-repeat 0 0/100%;
	}

	#ct_bg .frameArea04.type02 > .title01 {
		background-color: #067d1d;
	}

	#ct_bg .frameArea04  >.inner01 {
		padding: 20px 16px 0;
		background-color: #fff;
	}

	#ct_bg .frameArea04  >.inner01 > .image01 {
		margin-top: 50px;
	}

	#ct_bg .frameArea04  >.inner01 > .box01 {
		padding-bottom: 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#ct_bg .frameArea04  >.inner01 > .box01 > .column01 {
		width: 69%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#ct_bg .frameArea04  >.inner01 > .box01 > .image01 {
		width: 31%;
		padding-top: 5px;
	}

	#ct_bg .frameArea04  >.inner01 > .box01 > .column01 > .image01 {
		width: 48.268%;
	}

	#ct_bg .frameArea04  >.inner01 > .box01 > .column01 > .column01 {
		width: 49.324%;
		padding-top: 4px;
	}

	#ct_bg .frameArea04  >.inner01 > .box01 > .column01 > .column01 > .title01 {
		margin-top: 20px;
		font-size: 2.4rem;
		font-weight: bold;
		text-align: center;
	}

	#ct_bg .frameArea04  >.inner01 > .box01 > .column01 > .column01 > .text01 {
		margin-top: 5px;
		font-weight: bold;
		text-align: center;
	}

	#ct_bg .frameArea04  >.inner01 > .box01 > .column01 > .column01 > .text01 > .font01 {
		font-size: 2.4rem;
	}

	#ct_bg .frameArea04  >.inner01 > .box01 > .column01 > .column01 > .btn01 {
		margin: 15px auto 0;
	}

	#ct_bg .frameArea04  >.inner01 > .box03 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		border-top: 1px solid #000;
	}

	#ct_bg .frameArea04  >.inner01 > .box04 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		border-top: 1px solid #000;
		padding: 10px 10px;
	}

	#ct_bg .frameArea04  >.inner01 > .box04 > .image01 {
		width: 31.91%;
		border: 2px solid #7037c7;
		margin-top: 21px;
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
		position: relative;
	}

	#ct_bg .frameArea04  >.inner01 > .box04 > .image01::before {
		content: '';
		display: block;
		width: 12.66%;
		height: 19.48%;
		outline: none;
		position: absolute;
		bottom: 0;
		right: 0;
		background: #7037c7;
		z-index: 1;
	}

	#ct_bg .frameArea04  >.inner01 > .box04 > .image01:hover {
		opacity: 0.8;
	}
	#ct_bg .frameArea04  >.inner01 > .box04 > .image01 a {
		display: block;
		position: relative;
	}

	#ct_bg .frameArea04  >.inner01 > .box04 > .image01 a::before,
	#ct_bg .frameArea04  >.inner01 > .box04 > .image01 a::after {
		content: '';
		position: absolute;
		bottom: 4%;
		right: 5%;
		width: 1.4%;
		height: 10%;
		background: #ffff00;
		z-index: 2;
	}
	#ct_bg .frameArea04  >.inner01 > .box04 > .image01 a::after {
		transform: rotate(90deg);
	}

	#ct_bg .frameArea05 {
		margin-top: -56px;
		padding-top: 3.333%;
		background: url(../../img/bg_index08_pc.png) no-repeat 0 0 / 100% auto;
	}

	#ct_bg .frameArea05  >.inner01 {
		background-image:url(../../img/bg_index09_pc.jpg),url(../../img/bg_index11_pc.jpg),url(../../img/bg_index10_pc.png);
		background-position: 0 0,0 100%,0 0;
		background-repeat: no-repeat, no-repeat, repeat-y;
		background-size: 100% auto, 100% auto, 100% auto;
		padding: 0 10% 0;
	}

	#ct_bg .frameArea05 .title01 {
		margin-top: 35px;
	}
	#ct_bg .frameArea06 {
		margin-top: -56px;
		padding-top: 4.333%;
		background: url(../../img/bg_index12_pc.png) no-repeat 0 0 / 100% auto;
	}

	#ct_bg .frameArea06  >.inner01 {
		background-image:url(../../img/bg_index13_pc.jpg),url(../../img/bg_index15_pc.png),url(../../img/bg_index14_pc.png);
		background-position: 0 0,0 100%,0 0;
		background-repeat: no-repeat, no-repeat, repeat-y;
		background-size: 100% auto, 100% auto, 100% auto;
		padding: 0 10% 0;
	}

	#ct_bg .frameArea07 {
		margin-top: -56px;
		padding-top: 5.75%;
		background: url(../../img/bg_index16_pc.png) no-repeat 0 0 / 100% auto;
	}

	#ct_bg .frameArea07  >.inner01 {
		background-image:url(../../img/bg_index17_pc.jpg),url(../../img/bg_index19_pc.jpg),url(../../img/bg_index18_pc.png);
		background-position: 0 0,0 100%,0 0;
		background-repeat: no-repeat, no-repeat, repeat-y;
		background-size: 100% auto, 100% auto, 100% auto;
		padding: 0 10% 0;
	}

	#ct_bg .frameArea08 {
		margin-top: -56px;
		padding-top: 3.5%;
		background: url(../../img/bg_index20_pc.png) no-repeat 0 0 / 100% auto;
	}

	#ct_bg .frameArea08  >.inner01 {
		background: url(../../img/bg_index21_pc.png) no-repeat 0 100% / 100% auto;
		padding: 11px 8.33% 41px;
		color: #fff;
	}
	#ct_bg .frameArea08  >.inner01.type01 {
		background-color: #e60012;
		background-image: none;
		border-left: solid 4px #636363;
		border-right: solid 4px #636363;
	}

	#ct_bg .frameArea08  >.inner01.type02 {
		position: relative;
		z-index: 1;
		padding-left: 8.33%;
		padding-right: 8.33%;
	}

	#ct_bg .frameArea08  >.inner01.type02::before {
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		width: 100%;
		box-sizing: border-box;
		height: calc(100% - 200px);
		background-color: #e60012;
		background-image: url("../../img/bg_index28.png");
		background-position: top;
		background-repeat: no-repeat;
		border-left: solid 4px #636363;
		border-right: solid 4px #636363;
		border-image: linear-gradient(#bbb,#636363) 1 / 0 4px;
		content: "";
	}

	#ct_bg .frameArea08  >.inner01.type02 > .col03 {
		margin-top: 30px;
	}

	#ct_bg .frameArea08  >.inner01 > .title01 {
		padding-top: 40px;
		border-top: solid 1px #fff;
		text-align: center;
	}

	#ct_bg .frameArea08  >.inner01 > .image01 {
		margin-top: 40px;
		text-align: center;
	}

	#ct_bg .frameArea08  >.inner01 > .image02 {
		text-align: center;
		margin-top: 10px;
	}

	#ct_bg .frameArea08  >.inner01 > .image03,
	#ct_bg .frameArea08  >.inner01 > .image04 {
		border-radius: 20px;
		box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);
	}

	#ct_bg .frameArea08  >.inner01 > .image03 {
		margin-top: 25px;
	}

	#ct_bg .frameArea08  >.inner01 > .image04 {
		margin-top: 40px;
	}

	#ct_bg .frameArea08-02 {
		position: relative;
		margin-top: 30px;
	}

	#ct_bg .frameArea08-02 .btn02 {
		position: absolute;
		left: 40px;
		bottom: 95px;
	}

	#ct_bg .frameArea09 {
		margin-top: -56px;
		padding-top: 5.25%;
		background: url(../../img/bg_index22_pc.png) no-repeat 0 0 / 100% auto;
	}

	#ct_bg .frameArea09  >.inner01 {
		background-image:url(../../img/bg_index24_pc.png),url(../../img/bg_index23_pc.png);
		background-position: 0 100%,0 0;
		background-repeat: no-repeat, repeat-y;
		background-size: 100% auto, 100% auto;

		padding: 0 8.33% 44px;
	}

	#ct_bg .frameArea10 {
		margin-top: 40px;
	}

	#ct_bg .frameArea10 .title01 {
		font-size: 2.4rem;
		padding: 10px;
		background-color: #246cc5;
		text-align: center;
		color: #ff0;
		font-weight: bold;
		border-radius: 20px 20px 0 0;
	}

	#ct_bg .frameArea10 .box05 {
		color: #000;
	}

	#ct_bg .frameArea10 .box05.wrap01 .text01 {
		width: calc(100% - 330px);
	}

	#ct_bg .frameArea10 .inner01 {
		padding: 30px 16px 35px 16px;
		background-color: #fff;
		border-radius: 0 0 20px 20px;
	}

	#ct_bg .frameArea10 .box05 {
		line-height: 1.5;
	}

	#ct_bg .frameArea10 .title02 {
		font-weight: bold;
		color: #0098d3;
		margin-bottom: 2px;
		display: block;
	}

	#ct_bg .frameArea10 .box05 .image05,
	#ct_bg .frameArea10 .box05 .image06 {
		width: 330px;
	}

	#ct_bg .frameArea10 .box05 .image06 img {
		width: 150px;
	}

	#ct_bg .frameArea10 .box05:not(:first-child) {
		margin-top: 25px;
	}

	#ct_bg .frameArea10 .box05 .list03 li,
	#ct_bg .frameArea10 .box05 .list04 li {
		padding-left: 1.6rem;
		position: relative;
	}

	#ct_bg .frameArea10 .box05 .list03 li::before {
		content: "";
		display: inline-block;
		background: #0098d3;
		border-radius: 50%;
		width: 13px;
		height: 13px;
		position: absolute;
		top: 24.8%;
		left: 0;
	}

	#ct_bg .frameArea10 .box05 .list04 li::before {
		content: "※";
		position: absolute;
		top: -1.7%;
		left: 0;
	}

	#ct_bg .movieArea01 {
		position: relative;
		max-height: 631px;
		background: url(../../img/bg_index02_pc.png) no-repeat 50% 0/100%;
	}

	#ct_bg .movieArea01 > .inner01 {
		width: 93.333%;
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg .movieArea01 > .inner01 > .inner02 {
		height: 0;
		padding-bottom: 56.127%;
		background: url(../../img/bg_index04.png) no-repeat 50% 0/auto 100%;
	}

	#ct_bg .movieWrap01 {
		width: 84.666%;
		max-width: 996px;
		padding-top: 4.33%;
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg .movieWrap01In {
		position: relative;
		height: 0;
		overflow: hidden;
		padding-bottom: 56%;
	}

	#ct_bg .movieWrap01 iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#ct_bg .movieWrap03 {
		padding: 4px;
		background: url(../../img/bg_index26_pc.png) no-repeat 50% 0/auto 100%;
		position: relative;
	}
	#ct_bg .movieWrap03 .new,
	#ct_bg .movieWrap04 .new {
		position: absolute;
		top: -10px;
		left: 0;
		z-index: 2;

		border: 2px solid #ffff00;
		color: #ffff00;
		background: #009944;
		padding: 3px 6px;
		border-radius: 12px;
		font-size: 1.4rem;
		line-height: 1;
	}

	#ct_bg .movieWrap03In {
		position: relative;
		height: 0;
		overflow: hidden;
		padding-bottom: 56%;
	}

	#ct_bg .movieWrap03 iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#ct_bg .movieWrap04 {
		position: relative;
		background-color: #fff;
		border: solid 3px #000;
		border-radius: 15px 15px 15px 15px;
		height: 100%;
	}
	#ct_bg .movieWrap04 .movieBtn01 a{
		display: block;
		text-decoration: none;
		height: 100%;
	}
	#ct_bg .movieWrap04 .movieBtn01 a:hover{
		opacity:0.8;
	}
	#ct_bg .col01 {
		margin-top: 30px;
		width: 49%;
	}

	#ct_bg .col01 > .inner01 > .text01 {
		margin-top: 5px;
		color: #e60012;
		text-align: center;
		font-weight: bold;
		font-size: 1.8rem;
	}

	#ct_bg .col01 > .inner01 > .text02 {
		margin-top: 5px;
		text-align: center;
	}

	#ct_bg .col01 > .inner01 > .text02 > .font01 {
		font-weight: bold;
		font-size: 2.4rem;
	}

	#ct_bg .col01 > .inner01 > .title01 {
		margin-top: 12px;
		text-align: center;
		font-weight: bold;
		font-size: 2.4rem;
	}

	#ct_bg .col01 > .inner01 > .btn01 {
		margin: 12px auto 0;
	}

	#ct_bg .col02 {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg .col02.type01 {
		max-width: 1040px;
		padding-left: 20px;
		padding-right: 20px;
	}

	#ct_bg .col02.type07 {
		padding-bottom: 40px;
	}

	#ct_bg .col03 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg .col04 {
		width: 47.91%;
		margin-top: 22px;
	}

	#ct_bg .col04.type02 {
		margin-left: auto;
		margin-right: auto;
	}
	#ct_bg .col04 .text01 {
		text-align: center;
		font-size: 1.8rem;
		color: #fff;
		margin: 12px 0 0 0;
		text-shadow: rgb(0, 0, 0) 2px 0px 0px, rgb(0, 0, 0) 1.75px 0.953125px 0px, rgb(0, 0, 0) 1.078125px 1.671875px 0px, rgb(0, 0, 0) 0.140625px 1.984375px 0px, rgb(0, 0, 0) -0.828125px 1.8125px 0px, rgb(0, 0, 0) -1.59375px 1.1875px 0px, rgb(0, 0, 0) -1.96875px 0.28125px 0px, rgb(0, 0, 0) -1.859375px -0.6875px 0px, rgb(0, 0, 0) -1.296875px -1.5px 0px, rgb(0, 0, 0) -0.40625px -1.953125px 0px, rgb(0, 0, 0) 0.5625px -1.90625px 0px, rgb(0, 0, 0) 1.40625px -1.40625px 0px, rgb(0, 0, 0) 1.90625px -0.546875px 0px;
	}
	#ct_bg .col04 .movieWrap04 .text02 {
		font-size: 1.7rem;
		font-weight: bold;
		color: #000;
		display: block;
		padding: 18px 70px 15px 15px;
		border-radius: 0 0 15px 15px;
		background: url(../../img/btn_index04_no.png) no-repeat 96% 50%;
	}
	#ct_bg .col04 .movieWrap04 a:hover .text02{
		background: url(../../img/btn_index04_on.png) no-repeat 96% 50%;
	}

	#ct_bg .leadText01{
		color: #ff0;
		font-weight: bold;
		font-size: 2.3rem;
		text-align: center;
		margin-top: 15px;
		text-shadow: 2px 2px 0px rgb(0, 0, 0), -2px 2px 0px rgb(0, 0, 0), 2px -2px 0px rgb(0, 0, 0), -2px -2px 0px rgb(0, 0, 0), 2px 0px 0px rgb(0, 0, 0), 0px 2px 0px rgb(0, 0, 0), -2px 0px 0px rgb(0, 0, 0), 0px -2px 0px rgb(0, 0, 0);
	}
	#ct_bg .cvArea01 {
		position: relative;
		z-index: 1;
		max-width: 1040px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	#ct_bg .cvArea01 > .box01 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 60px;
	}

	#ct_bg .cvArea01 > .box01 > .column01 {
		overflow: hidden;
		width: 45%;
		padding-left: 2%;
	}

	#ct_bg .cvArea01 > .box01 > .column01 > .icon01 {
		width: 87px;
		float: left;
		margin-right: 12px;
	}

	#ct_bg .cvArea01 > .box01 > .column01 > .title01 {
		padding-left: 100px;
		font-size: 3.0rem;
		color: #fff;
		font-weight: bold;
		text-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	}

	#ct_bg .cvArea01 > .box01 > .column01 > .text01 {
		color: #fff;
		font-weight: bold;
		padding-left: 100px;
		text-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	}

	#ct_bg .cvArea01 > .box01 > .column01 > .text01 > .font01 {
		font-size: 2.4rem;
	}

	#ct_bg .cvArea01 > .box01 > .column02 {
		width: 51%;
	}

	#ct_bg .cvArea01 > .box01 > .column02 > .text01 {
		color: #e60012;
		font-weight: bold;
		font-size: 3.0rem;
		text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
	}

	#ct_bg .cvArea01 > .box01 > .column02 > .btn01 {
		margin: 15px auto 0;
	}

	#ct_bg .cvArea02 {
		position: relative;
		z-index: 10;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 40px auto 0;
		max-width: 960px;
		width: 92%;
		padding: 20px;
		background-color: #fff;
		border: solid 3px #e60012;
	}

	#ct_bg .cvArea02 > .box01 {
		width: 69.415%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#ct_bg .cvArea02 > .image01 {
		width: 30.415%;
	}

	#ct_bg .cvArea02 > .box01 > .image01 {
		width: 46.72%;
	}

	#ct_bg .cvArea02 > .box01 > .column01 {
		width: 49.28%;
	}

	#ct_bg .cvArea02 > .box01 > .column01 > .title01 {
		margin-top: 10px;
		font-weight: bold;
		font-size: 2.4rem;
	}

	#ct_bg .cvArea02 > .box01 > .column01 > .text01 {
		margin-top: 4px;
		font-weight: bold;
	}

	#ct_bg .cvArea02 > .box01 > .column01 > .text02 {
		color: #ff0014;
		font-size: 1.8rem;
		font-weight: bold;
	}

	#ct_bg .cvArea02 > .box01 > .column01 > .text01 > .font01 {
		font-size: 2.4rem;
	}

	#ct_bg .cvArea02 > .box01 > .column01 > .btn01 {
		margin-top: 15px;
	}

	#ct_bg .cvArea03 {
		max-width: 1000px;
		margin: 50px auto;
	}

	#ct_bg .cvArea03 > .img01 > a {
		display: table;
		margin-left: auto;
		margin-right: auto;
		position: relative;

	}

	#ct_bg .cvArea03 > .img01 > a::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		opacity: 0;
		transition: opacity .3s;
		content: "";
	}

	#ct_bg .cvArea03 > .img01 > a:hover::before {
		opacity: .4;
	}

	#ct_bg .box02 {
		background: #fff;
		border-radius: 20px;
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
		position: relative;
	}

	#ct_bg .box02.type03 {
		margin-bottom: 0;
	}

	#ct_bg .box02 img {
		border-radius: 20px 20px 0 0;
	}

	#ct_bg .box02 .boxInner01 {
		padding: 15px 30px;
	}

	#ct_bg .box02 .boxInner01 p {
		font-size: 1.8rem;
		line-height: 1.5;
		font-weight: bold;
	}

	#ct_bg .box02 > .text01 {
		position: absolute;
		top: 5.5%;
		right: -5%;

		width: 37.6%;
	}

	#ct_bg .btn01 {
		display: table;
		width: 100%;
		max-width: 300px;
		border-radius: 10px;
		padding: 3px;
		background: -webkit-linear-gradient(top, rgba(4,151,218,1) 0%,rgba(0,45,154,1) 85%,rgba(2,117,200,1) 100%);
		background: linear-gradient(to bottom, rgba(4,151,218,1) 0%,rgba(0,45,154,1) 85%,rgba(2,117,200,1) 100%);
	}

	#ct_bg .btn01 > a {
		display: block;
		padding: 15px 10px;
		border-radius: 8px;
		background: -webkit-linear-gradient(top, rgba(1,97,190,1) 0%,rgba(2,111,205,1) 53%,rgba(1,96,190,1) 100%);
		background: linear-gradient(to bottom, rgba(1,97,190,1) 0%,rgba(2,111,205,1) 53%,rgba(1,96,190,1) 100%);
		color: #fff;
		text-align: center;
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1.0;
	}

	#ct_bg .btn01:hover {
		background: -webkit-linear-gradient(top, rgba(8,167,229,1) 0%,rgba(0,57,200,1) 85%,rgba(4,134,217,1) 100%);
		background: linear-gradient(to bottom, rgba(8,167,229,1) 0%,rgba(0,57,200,1) 85%,rgba(4,134,217,1) 100%);
	}
	#ct_bg .btn01:hover > a {
		background: -webkit-linear-gradient(top, rgba(2,115,214,1) 0%,rgba(2,128,253,1) 53%,rgba(2,115,213,1) 100%);
		background: linear-gradient(to bottom, rgba(2,115,214,1) 0%,rgba(2,128,253,1) 53%,rgba(2,115,213,1) 100%);
	}

	#ct_bg .btn01 > a > span {
		display: inline-block;
		position: relative;
	}
	#ct_bg .btn01 > a > span.inner01 {
		padding-left: 40px;
	}
	#ct_bg .btn01 > a > span.inner02 {
		padding-left: 42px;
	}
	#ct_bg .btn01 > a > span.inner03 {
		padding-left: 47px;
	}

	#ct_bg .btn01 > a > span::before {
		position: absolute;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		top: 46%;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		content: "";
	}
	#ct_bg .btn01 > a > span.inner01::before {
		width: 24px;
		height: 26px;
		background: url(../img/icon_common01.png) no-repeat 0 0/100%;
	}
	#ct_bg .btn01 > a > span.inner02::before {
		width: 29px;
		height: 29px;
		background: url(../img/icon_common02.png) no-repeat 0 0/100%;
	}
	#ct_bg .btn01 > a > span.inner03::before {
		width: 35px;
		height: 26px;
		background: url(../img/icon_common03.png) no-repeat 0 0/100%;
	}

	#ct_bg #modal01 {
		opacity: 0;
		visibility: hidden;
		position: fixed;
		z-index: 999;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0,0,0,.8);
		transition: opacity .3s,visibility .3s;
	}
	#ct_bg #modal01.active {
		opacity: 1.0;
		visibility: visible;
	}

	#ct_bg #modal01 > .inner01 {
		max-width: 1096px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 90px;
		width: 100%;
		height: 100%;
	}

	#ct_bg .movieWrap02 {
		width: 100%;
		height: 0;
		padding-bottom: 60.127%;
		background: url(../../img/bg_index04.png) no-repeat 50% 0/100%;
	}

	#ct_bg .movieWrap02 > .button01 {
		width: 206px;
		margin: 50px auto 0;
	}

	#ct_bg .movieWrap02In {
		position: relative;
		width: 91%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 4.5%;
	}

	#ct_bg .movieWrap02In > .button01 {
		position: absolute;
		right: -5%;
		top: -1%;
	}

	#ct_bg .movieWrap02In > .inner01 {
		padding-bottom: 56.25%;
		position: relative;
		height: 0;
		overflow: hidden;
	}

	#ct_bg .movieWrap02In > .inner01 > iframe {
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		height: 100%;
	}

	#ct_bg .bannerArea01 {
		border-top: solid #fff 4px;
		margin: 50px auto 0;
		padding: 60px 0 40px;
		text-align: center;
		position: relative;
		z-index: 1;
		background: rgba(0,0,0,0.5);
		display: flex;
		justify-content: center;
	}
	#ct_bg .bannerArea01 > .col {
		margin: 0 20px;
	}
	#ct_bg .bannerArea01 .img01 {
		margin-bottom: 15px;
	}
	#ct_bg .bannerArea01 .img01 > a {
		display: table;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}

	#ct_bg .bannerArea01 .img01 > a::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		opacity: 0;
		transition: opacity .3s;
		content: "";
	}
	#ct_bg .bannerArea01 .img01 > a:hover::before {
		opacity: .4;
	}
	#ct_bg .bannerArea01 .text01 a {
		color: #fff;
	}
	#ct_bg .bannerArea01 .text01 a span {
		font-size: 2.2rem;
	}


	#ct_bg .list01 {
		margin-top: 20px;
	}

	#ct_bg .list01.type02 {
		margin-top: 0;
	}

	#ct_bg .list01 > li {
		position: relative;
		padding-left: 1.2em;
	}

	#ct_bg .list01 > li::before {
		position: absolute;
		top: 0;
		left: 0;
		content: "※";
	}

	#ct_bg .list02 {
		margin-top: 20px;
	}

	#ct_bg .list02 > li {
		display: inline-block;
		position: relative;
		padding-left: 1.2em;
	}

	#ct_bg .list02 > li:not(:first-child) {
		margin-left: 15px;
	}

	#ct_bg .list02 > li::before {
		position: absolute;
		top: 0;
		left: 0;
		content: "※";
	}

	#ct_bg .bnr01 {
		margin-top: 15px;
		padding-bottom: 40px;
		padding-top: 40px;
		text-align: center;
		background: rgba(0,0,0,0.35);
	}
	#ct_bg .bnr01.type01 {
		margin-top: 25px;
		padding-top: 0;
		padding-bottom: 0;
	}

	#ct_bg .bnr01 > a {
		display: table;
		margin-left: auto;
		margin-right: auto;
		position: relative;

	}

	#ct_bg .bnr01 > a::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		opacity: 0;
		transition: opacity .3s;
		content: "";
	}
	#ct_bg .bnr01 > a:hover::before {
		opacity: .4;
	}

	#ct_bg .txt01 {
		padding: 15px 10px;
		margin-top: 30px;
		color: #ff0000;
		font-weight: bold;
		border: solid 2px #fff;
		font-size: 2.8rem;
		text-align: center;
		background-color: #fffb00;
	}

	@media screen and (max-width: 1240px) {
		#ct_bg .frameArea01 {
			margin-top: -6.5vw;
		}
		#ct_bg .frameArea01.type01 {
			margin-top: -5.25vw;
		}

		#ct_bg .frameArea01 > .inner01 > .text02 {
			bottom: 1.66vw;
			font-size: 1.333vw;
		}
		#ct_bg .frameArea01 > .inner01 > .list01 {
			position: absolute;
			margin-top: 0;
			bottom: 2vw;
		}
		#ct_bg .frameArea01 > .inner01 > .list01 > li {
			font-size: 1.4vw;
		}
		/*
		#ct_bg .frameArea02 {
		border-width: .5vw;
	}
	#ct_bg .frameArea02::after {
	left: -.5vw;
	width: calc(100% + 1vw);
}
*/
#ct_bg .frameArea08 >.inner01.type02::before {
	height: calc(100% - 15vw);
}

#ct_bg .frameArea08-02 .btn02 {
	width: 30%;
	left: 4%;
	bottom: 10.77%;
}

#ct_bg .frameArea10 .box05.wrap01 .text01.type05 {
	width: 550px;
}

#ct_bg .frameArea10 .box05 .image06 {
	width: calc(100% - 550px);
}

}


@media screen and (max-width: 900px) {
	#ct_bg .frameArea10 .box05.wrap01 .text01.type05 {
		width: calc(100% - 100px);
	}

	#ct_bg .frameArea10 .box05 .image06 {
		width: 100px;
	}
}


@media screen and (min-width: 768px) {
	#ct_bg .navArea01.type04 > ul > li {
		width: 20%;
	}

	#ct_bg .navArea02.type04 > ul > li {
		width: 16.8%;
	}

	#ct_bg .navArea01.type04 {
		margin-top: 45px;
		margin-bottom: 45px;
	}

	#ct_bg .frameArea10 .box05.wrap01 .text01 {
		padding-right: 16px;
	}

}


@media screen and (max-width: 767px) {
	#ct_bg .navArea02,
	#ct_bg .navArea02.subnav_visible {
		display: none !important;
	}

	#ct_bg {
		font-size: 1.4rem;
		font-family: -apple-system, "HelveticaNeue", Helvetica;
		background: none;
	}

	#ct_bg::before {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: url(../img/bg_common01.jpg) no-repeat 50% 50%/cover;
		content: "";
	}

	#ct_bg a {
		text-decoration: underline;
	}
	#ct_bg a:hover {
		text-decoration: none;
	}
	#header {
		border-bottom: #ccc solid 1px;
	}
	#ct_bg img {
		width: 100%;
		height: auto;
	}

	#ct_bg .imgOver01 a:hover img {
		opacity: 1.0;
	}

	.onlyPC {
		display: none;
	}
	.onlySP {
		display: block;
	}
	img.onlySP {
		display: inline-block;
	}

	#ct_bg .headTitleArea01 {
		padding-top: 6px;
		padding-bottom: 4px;
	}

	#ct_bg .headTitleArea01 > .title01 {
		font-size: 1.2rem;
	}

	#ct_bg .mainArea01 {
		padding-left: 0;
		padding-right: 0;
	}

	#ct_bg .mainArea01 > .inner01 {
		max-height: inherit;
		height: 141.6vw;
	}

	#ct_bg .mainArea01 > .inner01 > .logo01 {
		width: 57.733%;
		top: 0.5%;
		left: 50%;
		margin-left: -28.8%;
	}

	#ct_bg .mainArea01 > .inner01 > .image01 {
		width: 68.5%;
		top: 16.334%;
		left: inherit;
		right: -1%;
	}

	#ct_bg .mainArea01 > .inner01 > .image02 {
		top: 9.8%;
		left: -2.5%;
		width: 53.1%;
	}

	#ct_bg .mainArea01 > .inner01 > .image03 {
		bottom: 3%;
		right: 4%;
		width: 26%;
	}

	#ct_bg .mainArea01 > .inner01 > .text01 {
		width: 27.4%;
		left: 22.6%;
		top: 18.4%;
	}

	#ct_bg .mainArea01 > .inner01 > .text02 {
		width: 75%;
		left: 5%;
		top: 51.5%;
	}

	#ct_bg .mainArea01 > .inner01 > .text03 {
		width: 20%;
		left: 78%;
		top: 9.9%;
	}

	#ct_bg .mainArea01 > .inner01 > .text04 {
		width: 26.8%;
		top: 66%;
		right: 0;
	}

	#ct_bg .mainArea01 > .inner01 > .list01 {
		right: inherit;
		left: 1.3%;
		top: inherit;
		bottom: 3%;
		width: 52%;
	}

	#ct_bg .mainArea01 > .inner01 > .button01 {
		width: 56.266%;
		right: 3.2%;
		bottom: 0;
	}

	#ct_bg .mainArea01 > .inner01 > .inner02 {
		margin-right: 0;
		margin-left: 0;
		background: none;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100vw;
		height: 35.733vw;
	}

	#ct_bg .mainArea01 > .inner01 > .inner02::before,
	#ct_bg .mainArea01 > .inner01 > .inner02::after {
		background: none;
		width: 0;
		height: 0;
	}

	#ct_bg .mainArea01 > .inner01 > .inner02 > .text05 {
		width: 100%;
	}


	#ct_bg .navArea01 {
		max-width: 100%;
		padding-left: 8.2%;
		padding-right: 8.2%;
		margin-top: 8.5vw;
		margin-bottom: -2vw;
	}

	#ct_bg .navArea01.type04 {
		margin-bottom: 8.5vw;
	}

	#ct_bg .navArea01 > ul {
		justify-content: space-between;
	}

	#ct_bg .navArea01 > ul > li {
		width: 54%;
		margin-left: -4.5%;
		margin-right: -4.5%;
	}

	#ct_bg .navArea01 > ul > li:nth-child(n+3) {
		margin-top: -2.5%;
	}

	#ct_bg .section01 {
		padding-left: 4%;
		padding-right: 4%;
		margin-top: 10vw;
	}

	#ct_bg .heading01,
	#ct_bg .heading01.type01,
	#ct_bg .heading01.type02 {
		width: 105%;
		margin-left: -2.5%;
		margin-right: -2.5%;
	}

	#ct_bg .heading01::before {
		top: -11vw;
		width: 100vw;
		height: 36.266vw;
		background: url(../../img/bg_index01_sp.png) no-repeat 50% 50%/100%;
	}

	#ct_bg .frameArea01 {
		margin-top: -9.66vw;
	}

	#ct_bg .frameArea01.type01 {
		margin-top: -9.66vw;
	}
	#ct_bg .frameArea01.type02 {
		margin-top: -13vw;
	}

	#ct_bg .frameArea01 > .inner01 > .text02 {
		left: 8%;
		width: 84%;
		bottom: 4.5vw;
		font-size: 3vw;
	}

	#ct_bg .frameArea01 > .inner01 > .list01 {
		width: 80%;
		margin-top: 0;
		bottom: 6vw;
	}

	#ct_bg .frameArea01 > .inner01 > .list01 > li {
		font-size: 3.0vw;
	}

	#ct_bg .frameArea02 {
		padding: 0 0 7.333vw;
		margin-bottom: 0;
		border: none;
		background: none;
		position: relative;
	}

	#ct_bg .frameArea02::after {
		left: 0;
		bottom: 0;
		width: 100%;
		height: 7.333vw;
		content: "";
		background: url(../../img/bg_index07_sp.png) no-repeat 0 0 / 100% auto;
	}

	#ct_bg .frameArea02 >.inner01 {
		padding: 15px 3.257% 0;
		background-image:url(../../img/bg_index05_sp.png),url(../../img/bg_index06_sp.png);
		background-position: 0 0, 0 0;
		background-repeat: no-repeat, repeat-y;
		background-size: 100% auto, 100% auto;
	}

	#ct_bg .frameArea02 >.inner01 > .image01 {
		width: 93.333%;
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg .frameArea02 >.inner01 > .text01 {
		margin-top: 8px;
		font-size: 1.6rem;
	}

	#ct_bg .frameArea02 >.inner01 > .text02 {
		margin-top: 8px;
		font-size: 1.2rem;
	}

	#ct_bg .frameArea02 >.inner01 > .text02 > .font01 {
		font-size: 1.6rem;
	}

	#ct_bg .frameArea02 >.inner01 > .title01 {
		margin-top: 9px;
		font-size: 1.6rem;
	}

	#ct_bg .frameArea02 >.inner01 > .btn01 {
		margin: 12px auto 0;
	}

	#ct_bg .frameArea03 {
		padding: 0 1.066vw 1.066vw 1.066vw;
		background: -webkit-linear-gradient(top, rgba(104,104,104,1) 6%,rgba(255,255,255,1) 20%,rgba(217,217,217,1) 50%,rgba(255,255,255,1) 80%,rgba(95,95,95,1) 94%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(104,104,104,1) 6%,rgba(255,255,255,1) 20%,rgba(217,217,217,1) 50%,rgba(255,255,255,1) 80%,rgba(95,95,95,1) 94%,rgba(255,255,255,1) 100%);
	}

	#ct_bg .frameArea03 > .inner01 {
		position: relative;
		z-index: 1;
		padding: 0 3.25% 20px;
		background-image: none;
		background-color: #e5a816;
	}

	#ct_bg .frameArea04 {
		position: relative;
		border: none;
		margin-bottom: 7vw;
		padding-bottom: 7.333vw;
		background: none;
	}
	#ct_bg .frameArea04.type02 {
		border: none;
		padding-bottom: 7.6vw;
	}

	#ct_bg .frameArea04::before {
		left: 0;
		bottom: 1px;
		width: 100%;
		height: 7.333vw;
		content: "";
		background: url(../../img/bg_index07_sp.png) no-repeat 0 0 / 100% auto;
	}
	#ct_bg .frameArea04.type02::before {
		height: 7.6vw;
		background: url(../../img/bg_index32_sp.png) no-repeat 0 0 / 100% auto;
	}

	#ct_bg .frameArea04 > .title01 {
		padding-top: 10px;
		padding-bottom: 6px;
		font-size: 1.8rem;
	}

	#ct_bg .frameArea04  >.inner01 {
		padding: 15px 3.257% 0;
		background-image:url(../../img/bg_index05_sp.png),url(../../img/bg_index06_sp.png);
		background-position: 0 0, 0 0;
		background-repeat: no-repeat, repeat-y;
		background-size: 100% auto, 100% auto;
	}

	#ct_bg .frameArea04.type02  >.inner01 {
		background-image:url(../../img/bg_index30_sp.png),url(../../img/bg_index31_sp.png);
	}

	#ct_bg .frameArea04  >.inner01 > .image01 {
		margin-top: 15px;
	}

	#ct_bg .frameArea04  >.inner01 > .box01 {
		padding-bottom: 15px;
	}

	#ct_bg .frameArea04  >.inner01 > .box01 > .column01 {
		width: 100%;
	}

	#ct_bg .frameArea04  >.inner01 > .box01 > .image01 {
		width: 88%;
		margin: 15px auto 0;
	}

	#ct_bg .frameArea04  >.inner01 > .box01 > .column01 > .image01 {
		width: 84.126%;
		margin-left: auto;
		margin-right: auto;
		padding-right: 4.037%;
	}

	#ct_bg .frameArea04  >.inner01 > .box01 > .column01 > .column01 {
		width: 100%;

	}

	#ct_bg .frameArea04  >.inner01 > .box01 > .column01 > .column01 > .title01 {
		margin-top: 10px;
		font-size: 1.6rem;
	}

	#ct_bg .frameArea04  >.inner01 > .box01 > .column01 > .column01 > .text01 {
		margin-top: 5px;
		font-size: 1.2rem;
	}

	#ct_bg .frameArea04  >.inner01 > .box01 > .column01 > .column01 > .text01 > .font01 {
		font-size: 1.6rem;
	}

	#ct_bg .frameArea04  >.inner01 > .box01 > .column01 > .column01 > .btn01 {
		margin: 15px auto 0;
	}

	#ct_bg .frameArea04  >.inner01 > .box03 {
		border-top: none;
	}

	#ct_bg .frameArea04  >.inner01 > .box04 {
		border-top: 1px solid #000;
		padding: 0 0;
	}

	#ct_bg .frameArea04  >.inner01 > .box04 > .image01 {
		width: 48.38%;
		margin-top: 20px;
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
	}


	#ct_bg .frameArea05 {
		margin-top: -6.66vw;
		padding-top: 7.816%;
		background: url(../../img/bg_index08_sp.png) no-repeat 0 0 / 100% auto;
	}

	#ct_bg .frameArea05  >.inner01 {
		background-image:url(../../img/bg_index09_sp.png),url(../../img/bg_index11_sp.png),url(../../img/bg_index10_sp.png);
		background-position: 0 0,0 100%,0 0;
		background-repeat: no-repeat, no-repeat, repeat-y;
		background-size: 100% auto, 100% auto, 100% auto;
		padding: 0 4vw 0;
	}

	#ct_bg .frameArea05 .title01 {
		margin-top: 35px;
	}
	#ct_bg .frameArea06 {
		margin-top: -6.66vw;
		padding-top: 5.747%;
		background: url(../../img/bg_index12_sp.png) no-repeat 0 0 / 100% auto;
	}

	#ct_bg .frameArea06  >.inner01 {
		background-image:url(../../img/bg_index13_sp.png),url(../../img/bg_index15_sp.png),url(../../img/bg_index14_sp.png);
		background-position: 0 0,0 100%,0 0;
		background-repeat: no-repeat, no-repeat, repeat-y;
		background-size: 100% auto, 100% auto, 100% auto;
		padding: 0 4vw 0;
	}

	#ct_bg .frameArea07 {
		margin-top: -7.66vw;
		padding-top: 10%;
		background: url(../../img/bg_index16_sp.png) no-repeat 0 0 / 100% auto;
	}

	#ct_bg .frameArea07  >.inner01 {
		background-image:url(../../img/bg_index17_sp.png),url(../../img/bg_index19_sp.png),url(../../img/bg_index18_sp.png);
		background-position: 0 0,0 100%,0 0;
		background-repeat: no-repeat, no-repeat, repeat-y;
		background-size: 100% auto, 100% auto, 100% auto;
		padding: 0 4vw 0;
	}

	#ct_bg .frameArea08 {
		margin-top: -8.66vw;
		padding-top: 6.4%;
		background: url(../../img/bg_index20_sp.png) no-repeat 0 0 / 100% auto;
	}

	#ct_bg .frameArea08  >.inner01 {
		background: url(../../img/bg_index21_sp.png) no-repeat 0 100% / 100% auto;
		padding: 1.3vw 4vw 4.5vw;
		color: #fff;
	}

	#ct_bg .frameArea08  >.inner01.type01 {
		border-width: 1.0666vw;
	}

	#ct_bg .frameArea08  >.inner01.type02 {
		padding-left: 4vw;
		padding-right: 4vw;
		padding-bottom: 7vw;
	}

	#ct_bg .frameArea08  >.inner01.type02::before {
		border-width: 1.0666vw;
		height: calc(100% - 26.66vw);
		background-size: 100%;
		border-image: linear-gradient(#ccc,#636363) 1 / 0 4px;
	}

	#ct_bg .frameArea08  >.inner01 > .title01 {
		padding-top: 30px;
	}

	#ct_bg .frameArea08  >.inner01 > .image01 {
		margin-top: 10px;
	}

	#ct_bg .frameArea08 >.inner01 > .image02 {
		width: 89%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
	}

	#ct_bg .frameArea08 >.inner01 > .image03 {
		margin-top: 20px;
	}

	#ct_bg .frameArea08 >.inner01 > .image04 {
		margin-top: 20px;
	}

	#ct_bg .frameArea08-02 {
		margin-top: 25px;
	}

	#ct_bg .frameArea08-02 .btn02 {
		width: 47.61%;
		left: 2.76%;
		bottom: 4.5%;
	}

	#ct_bg .frameArea09 {
		margin-top: -7.66vw;
		padding-top: 10.8%;
		background: url(../../img/bg_index22_sp.png) no-repeat 0 0 / 100% auto;
	}

	#ct_bg .frameArea09  >.inner01 {
		background-image:url(../../img/bg_index23_sp.png),url(../../img/bg_index25_sp.png),url(../../img/bg_index24_sp.png);
		background-position: 0 0,0 100%,0 0;
		background-repeat: no-repeat, no-repeat, repeat-y;
		background-size: 100% auto, 100% auto, 100% auto;

		padding: 0 4vw 4.6vw;
	}

	#ct_bg .frameArea10 .box05.wrap01 .text01,
	#ct_bg .frameArea10 .box05.wrap01 .text01.type05 {
		width: 100%;
	}

	#ct_bg .frameArea10 .box05 .image05,
	#ct_bg .frameArea10 .box05 .image06 {
		margin-top: 10px;
		text-align: center;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg .frameArea10 .inner01 {
		padding: 20px 16px 25px 16px;
	}

	#ct_bg .frameArea10 .box05 .list03 li::before {
		top: 11%;
	}

	#ct_bg .frameArea10 .box05 .list04 li::before {
		top: -2%;
	}

	#ct_bg .frameArea10 .box05:not(:first-child) {
		margin-top: 20px;
	}

	#ct_bg .movieArea01 {
		margin-top: 0;
		padding-bottom: 10px;
		background: url(../../img/bg_index02_sp.png) no-repeat 50% 0/100%;
	}

	#ct_bg .movieArea01 > .inner01 {
		width: 100%;
	}

	#ct_bg .movieArea01 > .inner01 > .inner02 {
		height: auto;
		padding-bottom: 0;
		background: none;
	}

	#ct_bg .movieWrap01 {
		width: 91.304%;
		padding-top: 0;
	}

	#ct_bg .movieWrap01In {
		position: relative;
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
	}

	#ct_bg .movieWrap01 iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#ct_bg .movieWrap03 {
		padding: 0;
		background: none;
	}

	#ct_bg .movieWrap03 .new {
		position: absolute;
		top: -10px;
		left: 0;
		z-index: 2;

		border: 1px solid #ffff00;
		color: #ffff00;
		background: #009944;
		padding: 3px 6px 1px;
		border-radius: 12px;
		font-size: 1.1rem;
		line-height: 1;
	}
	#ct_bg .col01 {
		position: relative;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
	}

	#ct_bg .col01.type01 {
		padding-top: 15px;
		border-top: 1px solid #000;
	}

	#ct_bg .col01 >.inner01 > .image01 {
		width: 93.333%;
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg .col01 >.inner01 > .text01 {
		margin-top: 8px;
		font-size: 1.6rem;
	}

	#ct_bg .col01 >.inner01 > .text02 {
		margin-top: 8px;
		font-size: 1.2rem;
	}

	#ct_bg .col01 >.inner01 > .text02 > .font01 {
		font-size: 1.6rem;
	}

	#ct_bg .col01 >.inner01 > .title01 {
		margin-top: 9px;
		font-size: 1.6rem;
	}

	#ct_bg .col01 >.inner01 > .btn01 {
		margin: 12px auto 0;
	}

	#ct_bg .frameArea03 .col01 {
		width: 100%;
		position: relative;
	}

	#ct_bg .frameArea03 .col01::before {
		content: none;
	}

	#ct_bg .frameArea03 > .inner01 {
		overflow: hidden;
	}

	#ct_bg .frameArea03 > .inner01::after {
		position: absolute;
		z-index: -1;
		top: -18vw;
		width: 100%;
		height: 50.666vw;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background: url(../../img/bg_index03_sp.png) no-repeat 0 0/100%;
		content: "";
	}
	#ct_bg .frameArea03 .col01::before {
		position: absolute;
		z-index: -1;
		top: -90px;
		width: calc(100% + 7.4vw);
		height: 50.666vw;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background: url(../../img/bg_index03_sp.png) no-repeat 0 0/100%;
		content: "";
	}

	#ct_bg .col01 + .col01 {
		margin-top: 5vw;
	}

	#ct_bg .col02.type01 {
		padding-left: 4%;
		padding-right: 4%;
	}

	#ct_bg .col02.type07 {
		padding-bottom: 10px;
	}

	#ct_bg .col03 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg .col04 {
		width: 100%;
		margin-top: 5.33vw;
	}

	#ct_bg .frameArea05 .col04 + .col04 {
		margin-top: 7.2vw;
	}

	#ct_bg .frameArea07 .col04:first-child {
		margin-top: 0;
	}
	#ct_bg .col04.type02 {
		margin-left: auto;
		margin-right: auto;
	}
	#ct_bg .col04 .text01 {
		text-align: center;
		font-size: 1.4rem;
		color: #fff;
		margin-top: 1.86vw;
		text-shadow: rgb(0, 0, 0) 2px 0px 0px, rgb(0, 0, 0) 1.75px 0.953125px 0px, rgb(0, 0, 0) 1.078125px 1.671875px 0px, rgb(0, 0, 0) 0.140625px 1.984375px 0px, rgb(0, 0, 0) -0.828125px 1.8125px 0px, rgb(0, 0, 0) -1.59375px 1.1875px 0px, rgb(0, 0, 0) -1.96875px 0.28125px 0px, rgb(0, 0, 0) -1.859375px -0.6875px 0px, rgb(0, 0, 0) -1.296875px -1.5px 0px, rgb(0, 0, 0) -0.40625px -1.953125px 0px, rgb(0, 0, 0) 0.5625px -1.90625px 0px, rgb(0, 0, 0) 1.40625px -1.40625px 0px, rgb(0, 0, 0) 1.90625px -0.546875px 0px;
	}
	#ct_bg .col04 .movieWrap04 .text02 {
		font-size: 1.4rem;
	}
	#ct_bg .leadText01{
		font-size: 1.8rem;
	}
	#ct_bg .cvArea01 {
		padding-left: 4%;
		padding-right: 4%;
	}

	#ct_bg .cvArea01::before {
		width: 100vw;
		height: 36.266vw;
		top: -10.333vw;
		background: url(../../img/bg_index01_sp.png) no-repeat 50% 50%/100%;
	}

	#ct_bg .cvArea01 > .box01 {
		position: relative;
		padding-top: 75px;
		margin-bottom: 45px;
	}

	#ct_bg .cvArea01 > .box01 > .column01 {
		width: 100%;
		max-width: 240px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
	}

	#ct_bg .cvArea01 > .box01 > .column01 > .icon01 {
		width: 43px;
		margin-right: 15px;
	}

	#ct_bg .cvArea01 > .box01 > .column01 > .title01 {
		padding-left: 0;
		margin-top: 6px;
		margin-bottom: 10px;
		font-size: 1.6rem;
	}

	#ct_bg .cvArea01 > .box01 > .column01 > .text01 {
		padding-left: 0;
		font-size: 1.2rem;
		text-align: center;
	}

	#ct_bg .cvArea01 > .box01 > .column01 > .text01 > .font01 {
		font-size: 1.6rem;
	}

	#ct_bg .cvArea01 > .box01 > .column02 {
		width: 100%;
	}

	#ct_bg .cvArea01 > .box01 > .column02 > .text01 {
		position: absolute;
		width: 100%;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		font-size: 2.4rem;
		text-align: center;
	}

	#ct_bg .cvArea01 > .box01 > .column02 > .btn01 {
		width: 265px;
	}

	#ct_bg .cvArea02 {
		display: block;
		width: 92%;
		padding: 25px 9.682% 20px;
		border-width: 4px;
	}

	#ct_bg .cvArea02 > .box01 {
		width: 100%;
	}

	#ct_bg .cvArea02 > .image01 {
		width: 100%;
		margin-top: 20px;
	}

	#ct_bg .cvArea02 > .box01 > .image01 {
		width: 100%;
		padding-right: 5.09%;
	}

	#ct_bg .cvArea02 > .box01 > .column01 {
		width: 100%;
	}

	#ct_bg .cvArea02 > .box01 > .column01 > .title01 {
		margin-top: 10px;
		text-align: center;
		font-size: 1.6rem;
	}

	#ct_bg .cvArea02 > .box01 > .column01 > .text01 {
		margin-top: 6px;
		font-size: 1.2rem;
		text-align: center;
	}

	#ct_bg .cvArea02 > .box01 > .column01 > .text02 {
		margin-top: 10px;
		font-size: 1.6rem;
		text-align: center;
	}

	#ct_bg .cvArea02 > .box01 > .column01 > .text01 > .font01 {
		font-size: 1.6rem;
	}

	#ct_bg .cvArea02 > .box01 > .column01 > .btn01 {
		margin-top: 15px;
	}

	#ct_bg .cvArea03 {
		width: 85%;
		margin: 10px auto;
	}

	#ct_bg .cvArea03 > .img01 > a:hover::before {
		opacity: 0;
	}

	#ct_bg .box02 {
		background: #fff;
		border-radius: 20px;
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
		position: relative;
	}

	#ct_bg .box02.type03 {
		margin-bottom: 0;
	}

	#ct_bg .box02 img {
		border-radius: 20px 20px 0 0;
	}

	#ct_bg .box02 .boxInner01 {
		padding: 10px 14px;
	}

	#ct_bg .box02 .boxInner01 p {
		font-size: 1.4rem;
		line-height: 1.5;
	}

	#ct_bg .box02 > .text01 {
		position: absolute;
		top: 5.5%;
		right: -5%;

		width: 37.6%;
	}
	#ct_bg .btn01 {
		max-width: 265px;
		padding: 2px;
		border-radius: 5px;
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg .btn01 > a {
		padding-top: 14px;
		padding-bottom: 14px;
		font-size: 2.1rem;
		border-radius: 3px;
	}

	#ct_bg .btn01:hover {
		background: -webkit-linear-gradient(top, rgba(4,151,218,1) 0%,rgba(0,45,154,1) 85%,rgba(2,117,200,1) 100%);
		background: linear-gradient(to bottom, rgba(4,151,218,1) 0%,rgba(0,45,154,1) 85%,rgba(2,117,200,1) 100%);
	}
	#ct_bg .btn01:hover > a {
		background: -webkit-linear-gradient(top, rgba(1,97,190,1) 0%,rgba(2,111,205,1) 53%,rgba(1,96,190,1) 100%);
		background: linear-gradient(to bottom, rgba(1,97,190,1) 0%,rgba(2,111,205,1) 53%,rgba(1,96,190,1) 100%);
	}

	#ct_bg .btn01 > a > span {
		display: inline-block;
		position: relative;
	}
	#ct_bg .btn01 > a > span.inner01 {
		padding-left: 35px;
	}
	#ct_bg .btn01 > a > span.inner02 {
		padding-left: 39px;
	}
	#ct_bg .btn01 > a > span.inner03 {
		padding-left: 42px;
	}
	#ct_bg .btn01 > a > span.inner01::before {
		width: 21px;
		height: 22px;
	}
	#ct_bg .btn01 > a > span.inner02::before {
		width: 24px;
		height: 24px;
	}
	#ct_bg .btn01 > a > span.inner03::before {
		width: 30px;
		height: 22px;
	}

	#ct_bg #modal01 > .inner01 {
		margin-top: 120px;
	}

	#ct_bg .movieWrap02 {
		height: auto;
		padding-bottom: 0;
		background: none;
	}

	#ct_bg .movieWrap02 > .button01 {
		width: 156px;
		margin-top: 20px;
	}

	#ct_bg .movieWrap02In {
		width: 92%;
		padding-top: 0;
	}

	#ct_bg .movieWrap02In > .button01 {
		width: 11.666vw;
		right: -3%;
		top: -5%;
	}

	#ct_bg .bannerArea01 {
		flex-wrap: wrap;
	}
	#ct_bg .bannerArea01 > .col {
		margin-top: 8%;
	}
	#ct_bg .bannerArea01 > .col:first-child {
		margin-top: 0;
	}
	#ct_bg .bannerArea01 .img01 {
		padding: 0 4%;
	}
	#ct_bg .bannerArea01 .img01 > a:hover::before {
		opacity: 0;
	}

	#ct_bg .list01 {
		margin-top: 20px;
	}

	#ct_bg .list01 > li {
		font-size: 1.2rem;
	}

	#ct_bg .list02 {
		margin-top: 20px;
	}

	#ct_bg .list02 > li {
		display: block;
		font-size: 1.2rem;
	}

	#ct_bg .list02 > li:not(:first-child) {
		margin-left: 0;
	}

	#ct_bg .bnr01 {
		padding-left: 4%;
		padding-right: 4%;
		padding-bottom: 20px;
		position: relative;
		z-index: 2;
	}

	#ct_bg .bnr01.type01 {
		padding-left: 0;
		padding-right: 0;
	}

	#ct_bg .bnr01 > a:hover::before {
		opacity: 0;
	}

	#ct_bg .txt01 {
		padding: 10px;
		margin-top: 20px;
		font-size: 2.0rem;
	}
	
	#ct_bg .sns_wrapper {
		width: calc(100% - 30px);
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
		position: relative;
	}
}


@media screen and (max-width: 570px) {
	#ct_bg .frameArea10 .box05 .image05,
	#ct_bg .frameArea10 .box05 .image06 {
		width: 100%;
	}

	#ct_bg .frameArea10 .box05 .image06 img {
		width: 37.3%;
	}

}


/* Clearfix */
#ct_bg .cf:after {
	content: " ";
	display: block;
	clear: both;
}