@charset "utf-8";

html {
	font-size: 62.5%;
	overflow-x: hidden;
}

#contents {
	padding: 0;
	width: 100%;
}

#header {
	box-shadow: none;
}

#footerIn img {
	border: none;
}

.onlySP {
	display: none;
}

#ct_bg {
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Osaka,sans-serif;
	font-size: 2.1rem;
	line-height: 1.75;
}

#ct_bg img {
	max-width: 100%;
	height: auto;
}

#ct_bg mplus {
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

#ct_bg .imgOver01 img {
	-webkit-transition: opacity .3s;
	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;
}

#ct_bg .snsBtn01 {
}

#ct_bg .snsBtn01 > li {
	font-size: 1.6rem;
}

.fb_iframe_widget > span {
	vertical-align: baseline !important;
}

#ct_bg .wrap01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#ct_bg .wrap01.bC {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
#ct_bg .wrap01.between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#ct_bg #container01 {
	padding-bottom: 0;
	width: 100%;
}

#ct_bg #container01 > .inner01,
#ct_bg #container01 > .inner02 {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#ct_bg #container01 > .inner02 {
	padding-bottom: 168px;
}

@-webkit-keyframes fadeIn01 {
	0% {opacity: 0;}
	100% {opacity: 1;}

}
@keyframes fadeIn01 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-webkit-keyframes anime01 {
	0% {
		opacity: 1;
		 transform:translateY(230px);
	}
	100% {
		opacity: 1;
		 transform:translateY(0px);
	}
}
@keyframes anime01 {
	0% {
		opacity: 1;
		 transform:translateY(230px);
	}

	70% {
		transform: scale(1.2);
	}
	80% {
		transform: scale(1);
	}
	100% {
		opacity: 1;
		 transform:translateY(0px);
	}
}

@-webkit-keyframes anime02 {
	0% {transform: translate(0px, 0px)}
	25% {transform: translate(4px, 4px)}
	50% {transform: translate(0px, 4px)}
	75% {transform: translate(4px, 0px)}
	100% {transform: translate(0px, 0px)}

}
@keyframes anime02 {
	0% {transform: translate(0px, 0px)}
	25% {transform: translate(4px, 4px)}
	50% {transform: translate(0px, 4px)}
	75% {transform: translate(4px, 0px)}
	100% {transform: translate(0px, 0px)}
}

@-webkit-keyframes anime03 {
	0% {
		opacity: 0;
		transform: scale(2);
	}
	50% { opacity: 1;}
	70% {
		transform: scale(0.5);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes anime03 {
	0% {
		opacity: 0;
		transform: scale(1.8);
	}
	50% { opacity: 1;}
	70% {
		transform: scale(0.5);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes anime04 {
	0% {
		opacity: 0;
		transform: scale(1);
	}
	50% { opacity: 1;}
	70% {
		transform: scale(1.8);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes anime05 {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

#ct_bg .headTitleArea01 {
	position: relative;
	background-color: #e73736;
	color: #fff;
}

#ct_bg .headTitleArea01 > .inner01 {
	padding: 6px 14px 1px;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	font-family: "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Osaka,sans-serif;
	font-size: 1.5rem;
}
#ct_bg .headTitleArea01 > .inner01 .title01,
#ct_bg .headTitleArea01 > .inner01 .text01 {
	font-weight: bold;
}

#ct_bg .headTitleArea01 > .inner01 .text01 {
	margin-left: 9px;
}

#ct_bg .container02 {
	position: relative;
	margin: 30px auto 0;
	width: 100%;
	background: url("../img/bg_index01.jpg") bottom center repeat-x #fbbc1e;
	overflow: hidden;
}

#ct_bg .container02 img {
	max-width: none;
}

#ct_bg .container02 > .inner01 {
	position: relative;
	margin: 0 auto;
	width: 960px;
}

#ct_bg .container02 > .inner01 > .image01 {
	position: relative;
	padding-top: 11px;
	padding-left: 41px;
	opacity: 0;
	-webkit-animation: fadeIn01 1s 3.2s ease-out forwards;
	animation: fadeIn01 1s 3.2s ease-out forwards;
}

#ct_bg .container02 > .inner01 > .image02 {
	position: absolute;
	top: 178px;
	left: 71px;
	z-index: 1;
	opacity: 0;
	-webkit-animation: anime01 2.5s 1s linear forwards;
	animation: anime01 2.5s 1s linear forwards;
}

#ct_bg .container02 > .inner01 > .image02 > img {
	-webkit-animation: anime02 0.2s 1s linear 10.5 forwards;
	animation: anime02 0.2s 1s linear 10.5 forwards;
}

#ct_bg .container02 > .inner01 > .inner02 {
	position: relative;
	margin-top: -162px;
	margin-left: 698px;
	padding-bottom: 408px;
}

#ct_bg .container02 > .inner01 > .inner02 > .image03 {
	position: relative;
	z-index: 1;
}
#ct_bg .container02 > .inner01 > .inner02 > .image03 > img {
	opacity: 0;
	-webkit-animation: fadeIn01 2s 1s ease forwards;
	animation: fadeIn01 2s 1s ease-out forwards;
}

#ct_bg .container02 > .inner01 > .inner02 > .image04 {
	position: relative;
	z-index: 1;
	margin-top: -10.9%;
}

#ct_bg .container02 > .inner01 > .inner02 > .image04 > img {
	opacity: 0;
	-webkit-animation: fadeIn01 2s 2s ease forwards;
	animation: fadeIn01 2s 2s ease-out forwards;
}

#ct_bg .container02 > .inner01 > .inner02 > .image05 {
	position: relative;
	z-index: 1;
	margin-top: 3.39%;
	margin-left: 39.6%;
}

#ct_bg .container02 > .inner01 > .inner02 > .image05 > img {
	opacity: 0;
	-webkit-animation: anime03 0.2s 3s linear forwards;
	animation: anime03 0.2s 3s linear forwards;
}

#ct_bg .container02 > .inner01 > .inner02 > .image06 {
	position: relative;
	z-index: 1;
	margin-top: 1.85%;
	margin-left: 36.5%;
}

#ct_bg .container02 > .inner01 > .inner02 > .image06 > img {
	opacity: 0;
	-webkit-animation: anime03 0.2s 3.2s linear forwards;
	animation: anime03 0.2s 3.2s linear forwards;
}

#ct_bg .container02 > .inner01 > .image07 {
	position: absolute;
	top: 112px;
	left: 730px
}

#ct_bg .container02 > .inner01 > .image07 > img {
	opacity: 0;
	-webkit-animation: anime04 0.2s 3s linear forwards;
	animation: anime04 0.2s 3s linear forwards;
}

#ct_bg .container02 > .inner01 > .image08 {
	position: absolute;
	top: 578px;
	right: 0;
}

#ct_bg .container02 > .inner01 > .image08 > img {
	width: 100%;
	opacity: 0;
	-webkit-animation: fadeIn01 1s 3.2s ease-out forwards;
	animation: fadeIn01 1s 3.2s ease-out forwards;
}

#ct_bg .container02 > .inner01 > .image09 {
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	margin: -623px 0 0 -624px;
	opacity: 0;
	-webkit-animation: fadeIn01 2s 3s ease-out forwards;
	animation: fadeIn01 2s 3s ease-out forwards;
}

#ct_bg .container02 > .inner01 > .image09 > img {
	-webkit-animation: anime05 10s 3s linear Infinite;
	animation: anime05 10s 3s linear Infinite;
}

#ct_bg .frameArea01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 620px;
	border: 1px solid #fff;
	background: rgba(255,255,255,0.80);
	position: absolute;
	padding: 20px 20px 18px;
	bottom: 20px;
	z-index: 1;
	opacity: 0;
	-webkit-animation: fadeIn01 1s 3.2s ease-out forwards;
	animation: fadeIn01 1s 3.2s ease-out forwards;
}

#ct_bg .frameArea01 > .button01 {
	width: 206px;
}

#ct_bg .frameArea01 > .button01 > a > img {
	width: 100%;
	height: auto;
}

#ct_bg .frameArea02 {
	position: relative;
	padding: 80px 20px 55px;
	width: 100%;
	background: url("../img/bg_index03.jpg") repeat top center / 320px;
}

#ct_bg .frameArea02::after {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 20px;
	background: url("../img/bg_index05.png") repeat-x left center / 10px;
}

#ct_bg .frameArea02 > .inner01 {
	margin: 0 auto;
	width: 960px;
}

#ct_bg .frameArea02 > .inner01 > .title01 {
	margin: 0 auto;
	width: 634px;
}

#ct_bg .frameArea02 > .inner01 > .image01 {
	margin: 40px auto 0;
	width: 562px;
}

#ct_bg .frameArea03 {
	position: relative;
	padding: 80px 20px 55px;
	width: 100%;
	background: url("../img/bg_index04.png") repeat top center / 40px;
}

#ct_bg .frameArea03::after {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 20px;
	background: url("../img/bg_index05.png") repeat-x left center / 10px;
}

#ct_bg .frameArea03 > .inner01 {
	margin: 0 auto;
	width: 960px;
}

#ct_bg .frameArea03 > .inner01 > .title01 {
	margin: 0 auto;
	width: 494px;
}

#ct_bg .frameArea04 {
	position: relative;
	padding: 80px 20px 55px;
	width: 100%;
	background-color: #4dc6f1;
}

#ct_bg .frameArea04::after {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 20px;
	background: url("../img/bg_index05.png") repeat-x left center / 10px;
}

#ct_bg .frameArea04 > .inner01 {
	margin: 0 auto;
	width: 960px;
}

#ct_bg .frameArea04 > .inner01 > .title01 {
	margin: 0 auto;
	width: 494px;
}

#ct_bg .frameArea04 > .inner01 > .image01 {
	margin-top: 40px;
}

#ct_bg .frameArea04 > .inner01 > .image02 {
	margin-top: 40px;
	text-align: center;
}

#ct_bg .frameArea05 {
	position: relative;
	padding: 50px 20px 30px;
	width: 100%;
	background: url("../img/bg_index01.jpg") repeat-x top center / 700px;
}

#ct_bg .frameArea05::after {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 20px;
	background: url("../img/bg_index05.png") repeat-x left center / 10px;
}

#ct_bg .frameArea05 > .inner01 {
	position: relative;
	margin: 0 auto;
	width: 960px;
}

#ct_bg .frameArea05 > .inner01 > .frameArea01 {
	width: 620px;
	border: 1px solid #fff;
	background: rgba(255,255,255,0.80);
	position: absolute;
	padding: 20px 20px 18px;
	bottom: 20px;
	left: 50px;
	z-index: 1;
	opacity: 1;
	-webkit-animation: none;
	animation: none;
}

#ct_bg .txt01 {
	margin-top: 40px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align: center;
	text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
}

#ct_bg .txt01 > .font01 {
	color: #e60012;
	font-size: 2.8rem;
}

#ct_bg .txt02 {
	margin-top: 10px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 1.8rem;
	text-align: center;
	text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
}

#ct_bg .hgroup01 {
	position: relative;
}

#ct_bg .hgroup01 > .title01 {
	position: relative;
	z-index: 2;
	color: #e50012;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 3.2rem;
	line-height: 1.5;
	text-align: center;
	text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
}

#ct_bg .hgroup01 > .text01 {
	position: relative;
	z-index: 2;
	margin-top: 20px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align: center;
	text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
}

#ct_bg .hgroup01 > .text01 sup {
	font-size: 1.2rem;
}

#ct_bg .hgroup01 > .text02 {
	position: relative;
	z-index: 2;
	margin-top: 10px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 1.2rem;
	text-align: center;
	text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
}

#ct_bg .hgroup01 > .image01 {
	position: absolute;
	top: 15px;
	left: 0;
}

#ct_bg .hgroup01 > .image02 {
	position: absolute;
	top: -17px;
	right: 0;
}

#ct_bg .col01 {
	width: 353px;
}

#ct_bg .col01 > .text01 {
	font-size: 1.6rem;
	font-weight: bold;
	background: #008cce;
	color: #fff;
	padding: 2px 10px;
	text-align: center;
	display: inline-block;
}

#ct_bg .col01 > .text02 {
	font-size: 1.6rem;
	font-weight: bold;
}

#ct_bg .col02 {
	margin-left: 50px;
	width: 604px;
}

#ct_bg .col03 {
	margin: 3px 0 0 19px;
	width: 254px;
}

#ct_bg .iframeArea01 {
	margin: 56px auto 0;
	max-width: 640px;
}

#ct_bg .iframeArea01:first-child {
	margin-top: 0;
}

#ct_bg .iframeArea01 > .inner01 {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

#ct_bg .iframeArea01 > .inner01 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#ct_bg .block01 {
	position: relative;
	margin-top: 60px;
}

#ct_bg .block01 > .text01 {
	position: relative;
	display: table;
	margin: 0 auto;
	padding: 12px 32px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 3.2rem;
	line-height: 1.5;
	text-align: center;
	text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
}

#ct_bg .block01 > .text01::before,
#ct_bg .block01 > .text01::after {
	position: absolute;
	top: 0;
	content: "";
	width: 32px;
	height: 109px;
	background: no-repeat 0 0 / cover;
}

#ct_bg .block01 > .text01::before {
	left: 0;
	background-image: url("../img/bg_index06_pc.png");
}
#ct_bg .block01 > .text01::after {
	right: 0;
	background-image: url("../img/bg_index07_pc.png");
}

#ct_bg .block01 > .image01 {
	position: absolute;
	top: 11px;
	left: 60px;
}
#ct_bg .block01 > .image02 {
	position: absolute;
	top: 0;
	right: 84px;
}

#ct_bg .list01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 30px;
}

#ct_bg .list01 > li {
	margin-left: 7px;
	width: 310px;
}
#ct_bg .list01 > li:first-child {
	margin-left: 0;
}

#ct_bg .list02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#ct_bg .list02 > li {
	margin: 40px 0 0 40px;
	width: 460px;
}
#ct_bg .list02 > li.w100 {
	width: 100%;
}

#ct_bg .list02 > li:nth-child(odd) {
	margin-left: 0;
}

#ct_bg .list02 > li > .text01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2.8rem;
	text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
}

#ct_bg .list02 > li > .text01 img {
	margin-right: 20px;
	width: 127px;
}

#ct_bg .list02 > li > .text01 > .inner01 > .font01 {
	font-size: 4.8rem;
}

#ct_bg .list02 > li > .text01 > .inner01 > sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
	bottom: 3ex;
	font-size: 1.2rem;
}

#ct_bg .list02 > li > .text02 {
	margin-top: 5px;
	padding-left: 1.0em;
	text-indent: -1.0em;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 1.2rem;
	text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
}

#ct_bg .list02 > li > .image03 {
	margin-top: -13px;
}

#ct_bg .list03 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

#ct_bg .list03 > li {
	margin: 40px 0 0 40px;
	width: 460px;
}
#ct_bg .list03 > li:nth-child(even) {
	margin-left: 0;
}
#ct_bg .list03 > li:first-child {
	margin-left: 0;
	width: 640px;
}

#ct_bg .list03 > li > .text01 {
	margin-top: 10px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align: center;
	text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
}

#ct_bg .list03 > li > .text01 > .icon01 {
	margin-right: 10px;
	color: #e60012;
}

@media screen and (max-width: 639px) {
#ct_bg #container01 {
	font-family: -apple-system, "HelveticaNeue", Helvetica;
	-webkit-text-size-adjust: 100%;
	font-size: 1.6rem;
}


#ct_bg #container01 > .inner01,
#ct_bg #container01 > .inner02 {
	width: 100%;
}

#ct_bg #container01 > .inner02 {
	padding-bottom: 57%;
}

#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 .wrapper01 {
	padding-top: 0;
}

#ct_bg .headTitleArea01 > .inner01 {
	padding-left: 2%;
	padding-right: 2%;
	display: block;
	text-align: center;
	font-size: 1.3rem;
}
#ct_bg .headTitleArea01 > .inner01 .text01 {
	margin-left: 0;
}

#ct_bg .container02 > .inner01 {
	width: 100%;
}

#ct_bg .container02 > .inner01 > .image01 {
	padding-top: 1.73%;
	padding-left: 1.73%;
	width: 64.4%;
}

#ct_bg .container02 > .inner01 > .image02 {
	top: 19.4%;
	left: -8%;
	width: 97.73%;
}

#ct_bg .container02 > .inner01 > .inner02 {
	width: 32.6%;
	margin-top: -16.4%;
	margin-left: 65.6%;
	padding-bottom: 57.2%;
}

#ct_bg .container02 > .inner01 > .inner02 > .image03 {
	width: 39.1%;
}

#ct_bg .container02 > .inner01 > .inner02 > .image04 {
	width: 100%;
}

#ct_bg .container02 > .inner01 > .inner02 > .image05 {
	width: 37.5%;
	margin-top: -3.21%;
	margin-left: 44%;
}

#ct_bg .container02 > .inner01 > .inner02 > .image06 {
	width: 52.6%;
}

#ct_bg .container02 > .inner01 > .image07 {
	width: 31.4%;
	top: 13.5%;
	left: 70%;
}

#ct_bg .container02 > .inner01 > .image08 {
	top: 50.8%;
	left: 74.66%;
	width: 22.66%;
}

#ct_bg .container02 > .inner01 > .image09 {
	position: absolute;
	top: 50%;
	left: 50%;	margin: -370px 0 0 -370px;
	width: 740px;
	height: 739px;
	opacity: 0;
	-webkit-animation: fadeIn01 2s 3s ease-out forwards;
	animation: fadeIn01 2s 3s ease-out forwards;
}

#ct_bg .container02 > .inner01 > .image09 > img {
	-webkit-animation: anime05 10s 3s linear Infinite;
	animation: anime05 10s 3s linear Infinite;
}

#ct_bg .frameArea01 {
	margin: 0 4%;
	width: 92%;
	padding: 10px 15px;
}

#ct_bg .frameArea01 > .button01 {
	width: 59%;
	margin: 10px auto 0;
}

#ct_bg .frameArea02 {
	padding-right: 4%;
	padding-left: 4%;
}

#ct_bg .frameArea02 > .inner01 {
	width: 100%;
}

#ct_bg .frameArea02 > .inner01 > .title01 {
	width: 100%;
}

#ct_bg .frameArea02 > .inner01 > .image01 {
	width: 100%;
}

#ct_bg .frameArea03 {
	padding-right: 4%;
	padding-left: 4%;
}

#ct_bg .frameArea03 > .inner01 {
	width: 100%;
}

#ct_bg .frameArea03 > .inner01 > .title01 {
	width: 77.9%;
}

#ct_bg .frameArea04 {
	padding-right: 4%;
	padding-left: 4%;
}

#ct_bg .frameArea04 > .inner01 {
	width: 100%;
}

#ct_bg .frameArea04 > .inner01 > .title01 {
	width: 77.9%;
}

#ct_bg .frameArea04 > .inner01 > .image01 {
	margin-top: 30px;
}

#ct_bg .frameArea04 > .inner01 > .image02 {
	margin-top: 35px;
}

#ct_bg .frameArea05 {
	padding: 50px 4% 50px;
	background: #fbbc1e url("../img/bg_index01.jpg") repeat-x bottom center / 700px;
}

#ct_bg .frameArea05 > .inner01 {
	width: 100%;
}

#ct_bg .frameArea05 > .inner01 > .frameArea01 {
	position: static;
	margin: 20px 0;
	padding: 20px 4%;
	width: 100%;
	bottom: 0;
	left: 0;
}

#ct_bg .txt01 {
	text-align: left;
}

#ct_bg .txt01 > .font01 {
	font-size: 2.0rem;
}

#ct_bg .txt02 {
	padding-left: 1.0em;
	text-indent: -1.0em;
	font-size: 1.4rem;
	text-align: left;
}

#ct_bg .hgroup01 > .inner01 {
	overflow: hidden;
}

#ct_bg .hgroup01 > .title01 {
	font-size: 2.4rem;
}

#ct_bg .hgroup01 > .text01 {
	margin-top: 40px;
	text-align: left;
}

#ct_bg .hgroup01 > .text01 sup {
	font-size: 1.1rem;
}

#ct_bg .hgroup01 > .text02 {
	margin-top: 15px;
	padding-left: 1.0em;
	text-indent: -1.0em;
	font-size: 1.1rem;
	text-align: left;
}

#ct_bg .hgroup01 > .image01 {
	position: absolute;
	top: -15px;
	left: -48px;
	width: 136px;
}

#ct_bg .hgroup01 > .image02 {
	position: absolute;
	top: -26px;
	right: -70px;
	width: 167px;
}

#ct_bg .col01 {
	width: 100%;
}

#ct_bg .col02 {
	margin: 18px 0 0;
	width: 61.3%;
}

#ct_bg .col03 {
	margin: 0 0 0 1%;
	width: 37%;
}

#ct_bg .block01 > .text01 {
	padding: 0 20px;
	font-size: 2.0rem;
}

#ct_bg .block01 > .text01::before,
#ct_bg .block01 > .text01::after {
	width: 17px;
	height: 55px;
}

#ct_bg .block01 > .text01::before {
	background-image: url("../img/bg_index06_sp.png");
}
#ct_bg .block01 > .text01::after {
	background-image: url("../img/bg_index07_sp.png");
}

#ct_bg .block01 > .image01,
#ct_bg .block01 > .image02 {
	display: none;
}

#ct_bg .list01 {
	margin-top: 15px;
}

#ct_bg .list01 > li {
	margin: 15px 0 0;
	width: 48%;
}
#ct_bg .list01 > li:nth-child(even) {
	margin-left: 4%;
}

#ct_bg .list02 > li {
	margin-left: 0;
	width: 100%;
}

#ct_bg .list02 > li > .text01 {
	font-size: 2.0rem;
}

#ct_bg .list02 > li > .text01 img {
	margin-right: 10px;
	width: 95px;
}

#ct_bg .list02 > li > .text01 > .inner01 > .font01 {
	font-size: 3.0rem;
}

#ct_bg .list02 > li > .text01 > .inner01 > sup {
	bottom: 3ex;
	font-size: 1.1rem;
}

#ct_bg .list02 > li > .text02 {
	margin-top: 10px;
	font-size: 1.1rem;
}

#ct_bg .list02 > li > .image01 {
	margin: 0 auto;
	width: 66%;
}

#ct_bg .list02 > li > .image03 {
	margin: 0 -4%;
}

#ct_bg .list03 > li {
	margin-left: 0;
	width: 100%;
}
#ct_bg .list03 > li:first-child {
	width: 100%;
}


}

/* Clearfix */
#ct_bg .cf:after {
	content: " ";
	display: block;
	clear: both;
}
