@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@800&display=swap');

html {
	font-size: 62.5%;
}

#contents {
	padding: 0;
	width: 100%;
}

#header {
	box-shadow: none;
}

#footerIn img {
	border: none;
}

.onlySP {
	display: none;
}

#ct_bg {
	padding-top: 20px;
	background: url(../img/bg_index01.png) repeat left top;
	background-size: 200px;
	color: #221815;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Osaka,sans-serif;
	font-size: 1.6rem;
	line-height: 1.6;
}
#ct_bg02 {
	padding-top: 20px;
	background-size: cover, auto;
	background-repeat: repeat-y, repeat;
	background-position-y: -55px;
	background-position-x: 50%;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Osaka,sans-serif;
	font-size: 1.6rem;
	line-height: 1.6;
}
#ct_bg.top_ct_bg {
	padding-top: 0;
	background: url(../img/bg_index04.png) repeat left top;
}

#ct_bg a {
	color: #333;
}

#ct_bg img {
	max-width: 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
}

#ct_bg .imgOver01 img {
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	image-rendering: -webkit-optimize-contrast;
}

#ct_bg .imgOver01 a:hover img {
	opacity: .6;
}

.pageTop {
	position: absolute;
	right: 0;
	top: -40px;
	width: 160px;
	height: 40px;
}

.pageTop a {
	display: block;
	height: 40px;
	background: url(../img/btn_index01_no.png) no-repeat left top;
	background-size: 100%;
}

.pageTop a:hover {
	background: url(../img/btn_index01_on.png) no-repeat left top;
	background-size: 100%;
}

#ct_bg .wrapper01 {
	margin: 0 auto;
	padding: 40px 0 20px;
	width: 960px;
}

#ct_bg .snsBtn01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 40px;
}

#ct_bg .snsBtn01 > li {
	margin-left: 10px;
}

#ct_bg .snsBtn01 > li:first-child {
	margin-left: 0;
}

.fb_iframe_widget > span {
	vertical-align: baseline !important;
}

#ct_bg .copyrights01 {
	margin-top: 5px;
	font-size: 1.0rem;
}

#ct_bg .wrap01, #ct_bg02 .wrap01, #ct_bg02 .newseArea01 .dataList01 {
	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 .heading01 {
	padding-top: 16px;
	height: 152px;
	background: url(../img/bg_index03.png) repeat-x left top;
	text-align:  center;
}
#ct_bg .heading01 > img {
	height: 121px;
}

#ct_bg .heading02 {
	color: #fff;
	font-size: 3.6rem;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 800;
	text-align:  center;
	letter-spacing: 0.07em;
	margin-top: 73px;
	margin-bottom: 14px;
	text-shadow: rgb(0, 151, 36) 4px 0px 0px, rgb(0, 151, 36) 3.875px 0.984375px 0px, rgb(0, 151, 36) 3.5px 1.90625px 0px, rgb(0, 151, 36) 2.921875px 2.71875px 0px, rgb(0, 151, 36) 2.15625px 3.359375px 0px, rgb(0, 151, 36) 1.25px 3.78125px 0px, rgb(0, 151, 36) 0.28125px 3.984375px 0px, rgb(0, 151, 36) -0.703125px 3.921875px 0px, rgb(0, 151, 36) -1.65625px 3.625px 0px, rgb(0, 151, 36) -2.5px 3.109375px 0px, rgb(0, 151, 36) -3.203125px 2.390625px 0px, rgb(0, 151, 36) -3.6875px 1.515625px 0px, rgb(0, 151, 36) -3.953125px 0.5625px 0px, rgb(0, 151, 36) -3.96875px -0.421875px 0px, rgb(0, 151, 36) -3.734375px -1.390625px 0px, rgb(0, 151, 36) -3.28125px -2.28125px 0px, rgb(0, 151, 36) -2.609375px -3.015625px 0px, rgb(0, 151, 36) -1.78125px -3.578125px 0px, rgb(0, 151, 36) -0.828125px -3.90625px 0px, rgb(0, 151, 36) 0.140625px -3.984375px 0px, rgb(0, 151, 36) 1.125px -3.828125px 0px, rgb(0, 151, 36) 2.046875px -3.421875px 0px, rgb(0, 151, 36) 2.828125px -2.8125px 0px, rgb(0, 151, 36) 3.4375px -2.03125px 0px, rgb(0, 151, 36) 3.828125px -1.109375px 0px, rgb(0, 151, 36) 3.984375px -0.125px 0px;
}

#ct_bg .round01 {
	border-radius: 30px;
}

#ct_bg .bnrList01 {
	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: -28px -10px 0;
}

#ct_bg .bnrList01 > li {
	margin: 28px 10px 0;
	width: 470px;
}

#ct_bg .bnrList01 > li.type02 {
	width: 722px;
}

#ct_bg .bnrList01 > li.type03 {
	margin-top: 20px;
}

#ct_bg .bnrList01 > li > a,
#ct_bg .bnrList02 > li > a {
	position: relative;
	display: block;
}

#ct_bg .bnrList01 > li > a .newIcon01,
#ct_bg .bnrList02 > li > a .newIcon01 {
	position: absolute;
	top: -3px;
	left: -3px;
	width: 80px;
}

#ct_bg .bnrList03 {
	margin-left: -10px;
	margin-right: -10px;
}

#ct_bg .bnrList03 > li {
	width: 225px;
	margin: 0 10px;
}
#ct_bg .bnrList03 > li:nth-child(n + 5) {
	margin-top: 20px;
}
#ct_bg .bnrList03 > li > a {
	display: block;
	background: #fff;
	border-radius: 7px;
}

#ct_bg .bnrList03 > li > a:hover img,
#ct_bg02 .bnr01 a:hover,
#ct_bg02 .newseArea01 .news_box01 a img:hover,
#ct_bg02 .bnr03 a:hover {
	opacity: 0.6;
}

#ct_bg .frameArea01 > dt img {
	width: auto;
	height: 49px;
}

#ct_bg .bnrList02 {
	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;
}

#ct_bg .bnrList02 > li {
	width: 310px;
	margin-top: 20px;
}

#ct_bg02 .bnr01 {
	margin-top: 40px;
	margin-bottom: 60px
}

#ct_bg02 .bnr01 a {
	display: block;
}

#ct_bg .frameArea01 {
	margin-top: 40px;
}

#ct_bg .frameArea01 > dt {
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #e60012;
	border-radius: 20px 20px 0 0;
	text-align: center;
}

#ct_bg .frameArea01 > dd {
	padding: 25px 30px 22px;
	background-color: #fff;
	border-bottom: solid 2px #e50012;
	border-right: solid 2px #e50012;
	border-left: solid 2px #e50012;
	border-radius: 0 0 20px 20px;
}

#ct_bg .mainArea01 {
	position: relative;
	padding: 26px 0 61px;
}

#ct_bg .mainArea01::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 6px;
	background: #fff;
	box-shadow: 0px 0px 10px rgba(0,0,0,.15);
}

#ct_bg .mainArea01.type02::before {
	content: none;
}

#ct_bg .mainArea01 > .mainImgWrap {
	height: 600px;
	position: relative;
	overflow: hidden;
}

#ct_bg .mainArea01 > .mainImgWrap .mainImg {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1240px;
	transform: translate(-50%, 0);
}

#ct_bg .mainArea01 > .inner01,
#ct_bg02 .mainArea02 > .inner01 {
	margin: 0 auto;
	padding: 10px 0 20px;
	width: 960px;
}

#ct_bg02 .mainArea02 > .inner01 {
	padding: 0 0 110px 0;
}

#ct_bg02 .mainArea02 {
	margin-left: auto;
	margin-right: auto;
}

#ct_bg02 .mainArea02 .bnr02,
#ct_bg02 .mainArea02 .bnr03 {
	text-align: center;
	margin-top: 60px;
}

#ct_bg .frameArea02 {
	margin-top: 30px;
}

#ct_bg .frameArea02 > .hdg {
	padding-top: 19px;
	padding-bottom: 20px;
	background-color: #e60012;
	border-radius: 20px 20px 0 0;
	text-align: center;
}

#ct_bg .frameArea02 > .hdg img {
	width: auto;
	height: 49px;
}

#ct_bg .frameArea02 > .inner01 {
	padding: 23px 30px 21px 59px;
	background-color: #fff;
	border-bottom: solid 2px #e50012;
	border-right: solid 2px #e50012;
	border-left: solid 2px #e50012;
	border-radius: 0 0 20px 20px;
}

#ct_bg .frameArea02 > .inner01 .img01 {
	float: left;
	width: 140px;
	margin: 0 61px 15px 0;
}

#ct_bg .frameArea02 > .inner01 .text01 {
	font-size: 1.8rem;
}

#ct_bg .movieArea01 {
	background: url(../img/bg_index010_pc.png) no-repeat;
	width: 840px;
	margin: 60px auto;
	padding: 20px;
}

#ct_bg .movieWrap01 {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

#ct_bg .movieWrap01 iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

#ct_bg02 .frameArea03 {
	text-align: center;
	padding-top: 40px;
}

#ct_bg02 .frameArea03 .text01 {
	text-align: left;
	margin-top: 40px;
	font-weight: bold;
	font-size: 1.8rem;
}

#ct_bg02 .frameArea03 .img03 {
	width: 86.66%;
	margin-left: auto;
	margin-right: auto;
}

#ct_bg02 .frameArea04 .img04, #ct_bg02 .frameArea04 .img05 {
	width: 394px;
}

#ct_bg02 .frameArea04 {
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
}

#ct_bg02 .frameArea04 .wrap01 {
}

#ct_bg02 .frameArea04 .wrap01 p {
	margin-top: 22px;
	font-size: 1.8rem;
	font-weight: bold;
}

#ct_bg02 .frameArea04 .arrow {
	width: 0;
	height: 0;
	border-left: 45px solid #fdd000;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	margin-top: 112px;
}

#ct_bg02 .newseArea01 {
	position: relative;
	border: solid 4px #f5e5b5;
	background-color: #fff;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 25px;
	border-radius: 20px;
}

#ct_bg02 .newseArea01 .img06 {
	position: absolute;
	top: -3%;
	left: -1.4%;
}

#ct_bg02 .newseArea01 .news_box01 {
	width: 32%;
}

#ct_bg02 .newseArea01 .news_box01 a {
	display: block;
}

#ct_bg02 .newseArea01 .news_box01 p {
	margin-top: 15px;
}

#ct_bg02 .newseArea01 .wrap01 {
	padding-top: 100px;
}

#ct_bg02 .newseArea01 .img07 {
	margin-top: 24px;
}

#ct_bg02 .newseArea01 .dataList01 dt {
	width: 100px;
	font-weight: normal;
}

#ct_bg02 .newseArea01 .dataList01 dd {
	width: calc(100% - 100px);
}

#ct_bg02 .newseArea01 .dataList01 dd:not(:last-of-type) {
	margin-bottom: 14px;
}

#ct_bg02 .movieArea01 {
	background: url(../img/bg_index010_pc.png) no-repeat;
	width: 840px;
	margin: 60px auto;
	padding: 20px;
}

#ct_bg02 .movieWrap01 {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

#ct_bg02 .movieWrap01 iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

#ct_bg .anchorList02 {
	margin-top: 40px;
}
#ct_bg .anchorList02 li {
	width: 300px;
}
#ct_bg .anchorList02 li a {
	display: block;
	background: #fdd118;
	border: 2px solid #f59e0c;
	border-radius: 10px;
	color: #004ea2;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	padding: 22px 0 21px 18px;
	box-shadow: 3px 3px 0 rgba(0,0,0,.15);
	position: relative;
}
#ct_bg .anchorList02.typeImg li a {
	display: block;
	background: #fff;
	border: 2px solid #f59e0c;
	border-radius: 10px;
	color: #004ea2;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	padding: 0;
	box-shadow: 3px 3px 0 rgba(0,0,0,.15);
	position: relative;
}
#ct_bg .anchorList02.typeImg li a > img {
	border-radius: 8px;
}
#ct_bg .anchorList02 li a:hover {
	background: #004ea2;
	color: #fdd118;
}
#ct_bg .anchorList02.typeImg li a:hover {
	background: #fff;
}
#ct_bg .anchorList02.typeImg li a:hover > img {
	opacity: 0.7;
}
#ct_bg .anchorList02 li a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 17px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 9px 0 9px;
	border-color: #e4007f transparent transparent transparent;
	margin-top: -8px;
}
#ct_bg .anchorList02.typeImg li a::before {
	display: none;
}

#ct_bg .list02 {
	margin-bottom: 32px;
}

#ct_bg .list02 li {
	padding-left:1.15em;
	position: relative;
}

#ct_bg .list02 li:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 14px;
	height: 14px;
	background: #000;
	border-radius: 50%;
}

#ct_bg .productsArea01 {
}
#ct_bg .productsArea01.products01 > .inner01 {
	background: #00a0e9;
}
#ct_bg .productsArea01.products02 {
	background: url(../img/bg_index05.png) repeat left top;
}
#ct_bg .productsArea01.products02 .cvArea01 > .inner01 > .column01 > .logo02 {
	width: 223px;
	margin-top: -3px;
}
#ct_bg .productsArea01.products02.type02 {
	margin-top: 30px;
}
#ct_bg .productsArea01.products02 > .inner01 {
	background: #e4007f;
}
#ct_bg .productsArea01.products03 {
	border-top: 2px solid #e50012;
	background: #fff;
}
#ct_bg .productsArea01 > .inner01 > .inner02 {
	margin: 0 auto;
	width: 960px;
}
#ct_bg .productsArea01 > .inner03 {
	margin: 0 auto;
	padding: 0 0 79px;
	width: 960px;
}

#ct_bg .productsArea01 .box01 {
	border: 4px solid #3c4ea0;
	background: #fff;
	margin-top: 40px;
	padding: 30px 30px 26px;
}

#ct_bg .productsArea01 .box01 .img01 {
	float: left;
	width: 160px;
	margin-right: 20px;
}

#ct_bg .productsArea01 .box01 .col01 .note {
	font-size: 1.4rem;
}

#ct_bg .productsArea01 .box02 {
	border: 4px solid #00b0ec;
	background: #fff;
	margin-top: 40px;
	padding: 27px 41px 26px;
}

#ct_bg .otherArea > .inner01 {
	margin: 0 auto;
	padding: 72px 0 10px;
	width: 960px;
}

#ct_bg .otherArea > .inner01 .heading02:first-child {
	margin-top: 0;
}


#ct_bg .otherArea .box03 {
	width: 750px;
	padding: 0 18px 0 0;
	margin: 0 auto;
	border: 2px solid #009724;
	border-radius: 10px;
	background: #fff;
}

#ct_bg .cvArea01 {
	padding-top: 40px;
	padding-bottom: 34px;
	color: #fff;
}
#ct_bg .cvArea01.type02 {
	padding-top: 23px;
	padding-bottom: 14px;
	color: #000;
}

#ct_bg .cvArea01 > .title01 {
	margin-bottom: 25px;
	color: #fff;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.5;
}

#ct_bg .cvArea01 > .title01 > .text01 {
	display: block;
	margin-top: 5px;
	font-size: 1.6rem;
	color: #ffef00;
	font-weight: bold;
	text-align: center;
}

#ct_bg .cvArea01 > .title01 > .text02 {
	display: block;
	margin-bottom: 10px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}

#ct_bg .cvArea01 > .button01 {
	width: 240px;
	margin: 30px auto 0;
}

#ct_bg .cvArea01 > .inner01 {
	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;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#ct_bg .cvArea01.type02 > .inner01 {
	width: 690px;
}

#ct_bg .cvArea01 > .inner01 > .image01 {
	width: 366px;
	margin-left: 77px;
}

#ct_bg .cvArea01 > .inner01 > .image02 {
	width: 160px;
	margin-top: -3px;
}

#ct_bg .cvArea01 > .inner01 > .image03 {
	width: 210px;
}

#ct_bg .cvArea01 > .inner01 > .column01 {
	width: 463px;
}

#ct_bg .cvArea01 > .inner01 > .column02 {
	width: 245px;
	margin-top: -8px;
	margin-right: 50px;
}

#ct_bg .cvArea01 > .inner01 > .column01 > .logo02 {
	width: 240px;
	margin-bottom: 19px;
}

#ct_bg .cvArea01 > .inner01 > .column01 > .text01 {
	margin-top: -3px;
	margin-left: 5px;
}

#ct_bg .cvArea01 > .inner01 > .column01 > .text01 > .font01 {
	font-size: 2.4rem;
}

#ct_bg .cvArea01.type02 > .inner01 > .column02 > .text01 {
	font-size: 1.4rem;
	color: #000;
}

#ct_bg .cvArea01.type02 > .inner01 > .column02 > .text01 > .font01 {
	font-size: 1.6rem;
	font-weight: bold;
}

#ct_bg .cvArea01 > .inner01 > .column01 > .text02 {
	font-size: 1.4rem;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 7px;
}

#ct_bg .cvArea01 > .inner01 > .column01 > .text02 > a {
	color: #fff;
}

#ct_bg .cvArea01 > .inner01 > .column02 > .text03 {
	color: #e50012;
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 7px;
}

#ct_bg .date01 {
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 6px;
	border: solid 1px #fff;
	padding: 3px 8px 2px;
	color: #fff;
	font-size: 1.2rem;
}

#ct_bg .cvArea01.type02 .date01 {
	border: solid 1px #000;
	color: #000;
}

#ct_bg .mallBtn01 {
	width: 240px;
	margin-top: 20px;
}

#ct_bg .mallBtn01.type01 {
	margin-left: auto;
	margin-right: auto;
}

#ct_bg .mallBtn01 > a {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	padding: 14px 20px;
	border: solid 1px #fff;
	border-radius: 100px;
	background: -webkit-linear-gradient(top, rgba(255,240,0,1) 0%,rgba(235,199,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,240,0,1) 0%,rgba(235,199,0,1) 100%);
	font-size: 1.8rem;
	font-weight: bold;
	text-decoration: none;
	overflow: hidden;
	text-align: center;
}

#ct_bg .mallBtn01 > a::before {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity .3s,visibility .3s;
	background: -webkit-linear-gradient(top, rgba(255,251,193,1) 0%,rgba(255,240,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,251,193,1) 0%,rgba(255,240,0,1) 100%);
	content: "";
}

#ct_bg .mallBtn01 > a:hover::before {
	opacity: 1.0;
	visibility: visible;
}

#ct_bg .mallBtn01 > a > .inner01 {
	display: inline-block;
	position: relative;
	padding-left: 36px;
}

#ct_bg .mallBtn01 > a > .inner01::before {
	position: absolute;
	top: -2px;
	left: 0;
	width: 27px;
	height: 29px;
	background: url(../img/icon_common01.png) no-repeat 0 0/100%;
	content: "";
}
#ct_bg .mallBtn01 > a > .inner01.waiting::before {
	top: 2px;
	width: 24px;
	height: 22px;
	background: url(../img/icon_common02.png) no-repeat 0 0/100%;
}
#ct_bg .mallBtn01 > a > .inner01.reserve::before {
	top: 1px;
	width: 25px;
	height: 25px;
	background: url(../img/icon_common03.png) no-repeat 0 0/100%;
}

#ct_bg .supportBtn01 {
	width: 240px;
	margin-top: 20px;
	margin: 0 auto;
}

#ct_bg .supportBtn01 > a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	z-index: 1;
	width: 100%;
	height: 100%;
	padding: 14px 20px;
	border: solid 1px #fff;
	border-radius: 100px;
	background: -webkit-linear-gradient(top, rgba(243,164,0,1) 0%,rgba(239,121,0,1) 100%);
	background: linear-gradient(to bottom, rgba(243,164,0,1) 0%,rgba(239,121,0,1) 100%);
	font-size: 1.8rem;
	font-weight: bold;
	text-decoration: none;
	overflow: hidden;
	text-align: center;
	color: #fff;
	transition: all .3s;
}

#ct_bg .supportBtn01 > a::before {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity .3s,visibility .3s;
	background: -webkit-linear-gradient(top, rgba(239,121,0,1) 0%,rgba(243,164,0,1) 100%);
	background: linear-gradient(to bottom, rgba(239,121,0,1) 0%,rgba(243,164,0,1) 100%);
	content: "";
}

#ct_bg .supportBtn01 > a:hover::before {
	opacity: 1.0;
	visibility: visible;
}

#ct_bg .supportBtn01 > a:hover::before {
	opacity: 1.0;
	visibility: visible;
}

#ct_bg .sns_wrapper {
	padding: 0 0 50px;
}
#ct_bg .sns_wrapper .snsBtn01 {
	display: flex;
	justify-content: center;
}
#ct_bg .sns_wrapper .snsBtn01 li {
	margin: 0 5px;
}

@media screen and (min-width: 640px) {
	#ct_bg02 {
		background-image: url(../img/bg_index08_pc.png), url(../img/bg_index07.png);
		position: relative;
	}
	#ct_bg02::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 6px;
		background: #fff;
		box-shadow: 0px 0px 10px rgba(0,0,0,.15);
	}
	#ct_bg02::after {
		content: "";
		display: block;
		background: url(../img/bg_index011_pc.jpg) repeat-x;
		width: 100%;
		height: 40px;
	}


	#ct_bg02 .frameArea03 .text01 {
		letter-spacing: 0.04rem;
	}

	#ct_bg02 .frameArea04 {
		margin-top: 40px;
	}

	#ct_bg02 .frameArea04 .wrap01 .img04 img {
		padding-top: 20px;
		padding-bottom: 10px;
	}

	#ct_bg02 .mainArea02 .mainImg02 {
		position: relative;
		height: 497px;
	}

	#ct_bg02 .mainArea02 .mainImg02 .img01 {
		width: 91.25%;
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg02 .mainArea02 .mainImg02 .img02 {
		width: 49.06%;
		position: absolute;
		top: 55%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}

	#ct_bg02 .newseArea01 .dataList01 dt:not(:last-of-type) {
		margin-bottom: 14px;
	}

	#ct_bg02 .newseArea01 .dataList01 dd {
		padding-left: 18px;
	}

}

@media screen and (max-width: 639px) {
	#ct_bg {
		font-size: 1.4rem;
		font-family: -apple-system, "HelveticaNeue", Helvetica;
	}

	#ct_bg .bnrList03 > li > a:hover img,
	#ct_bg02 .bnr01 a:hover,
	#ct_bg02 .newseArea01 .news_box01 a img:hover,
	#ct_bg02 .bnr03 a:hover {
		opacity: 1;
	}

	#ct_bg02 {
		background-image: url(../img/bg_index06_sp.png), url(../img/bg_index07.png);
		background-repeat: no-repeat, repeat;
		background-position-y: -0.5%;
		padding-top: 27.5px;
		background-size: 100%, auto;
		position: relative;
	}
	#ct_bg02::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 6px;
		background: #fff;
		box-shadow: 0px 0px 10px rgba(0,0,0,.15);
	}
	#ct_bg02::after {
		content: "";
		display: block;
		background: url(../img/bg_index011_sp.jpg) repeat-x;
		height: 20px;
	}


	#ct_bg.top_ct_bg {
		background: url(../img/bg_index04.png) repeat left top / auto 124px;
	}

	#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: 40px 10px 60px;
		width: 100%;
	}

	#footerIn .pageTop {
		display: block;
		top: -40px;
		right: 50%;
		margin-right: -80px;
		width: 160px;
		height: 40px;
	}

	#footerIn .pageTop a {
		display: block;
		width: 160px;
		height: 40px;
		background: url(../img/btn_index01_no.png) no-repeat left top;
		background-size: 100%;
	}

	#ct_bg .heading01 {
		height: auto;
		padding-bottom: 16px;
		background-image: url(../img/bg_index03_sp.png);
		background-size: auto 100%;
	}

	#ct_bg .heading01 > img {
		width: 84.375%;
		height: auto;
	}

	#ct_bg .heading02 {
		font-size: 2.7rem;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		margin-top: 20.4vw;
		margin-bottom: 3.5vw;
		text-shadow: rgb(0, 151, 36) 3px 0px 0px, rgb(0, 151, 36) 2.828125px 0.96875px 0px, rgb(0, 151, 36) 2.34375px 1.84375px 0px, rgb(0, 151, 36) 1.609375px 2.515625px 0px, rgb(0, 151, 36) 0.703125px 2.90625px 0px, rgb(0, 151, 36) -0.28125px 2.984375px 0px, rgb(0, 151, 36) -1.234375px 2.71875px 0px, rgb(0, 151, 36) -2.0625px 2.15625px 0px, rgb(0, 151, 36) -2.65625px 1.359375px 0px, rgb(0, 151, 36) -2.96875px 0.421875px 0px, rgb(0, 151, 36) -2.9375px -0.5625px 0px, rgb(0, 151, 36) -2.59375px -1.5px 0px, rgb(0, 151, 36) -1.953125px -2.265625px 0px, rgb(0, 151, 36) -1.109375px -2.78125px 0px, rgb(0, 151, 36) -0.125px -2.984375px 0px, rgb(0, 151, 36) 0.84375px -2.875px 0px, rgb(0, 151, 36) 1.734375px -2.4375px 0px, rgb(0, 151, 36) 2.4375px -1.734375px 0px, rgb(0, 151, 36) 2.875px -0.828125px 0px;
	}

	#ct_bg .bnrList01 {
		margin: 0;
	}

	#ct_bg .bnrList01 > li {
		margin: 20px 0 0;
		width: 100%;
	}

	#ct_bg .bnrList01 > li:first-child {
		margin-top: 0;
	}

	#ct_bg .bnrList01 > li.type02 {
		width: 100%;
	}

	#ct_bg .bnrList01 > li > a .newIcon01,
	#ct_bg .bnrList02 > li > a .newIcon01 {
		position: absolute;
		top: -3px;
		left: -3px;
		width: 17%;
	}

	#ct_bg .bnrList02 + .frameArea01 > dt img {
		width: 80%;
		height: auto;
	}

	#ct_bg .bnrList02 > li {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg .bnrList03 {
		width: 100%;
		margin: 0 auto;
	}

	#ct_bg .bnrList03 > li {
		width: 44vw;
		margin:0 1.8vw;
	}

	#ct_bg .bnrList03 > li:nth-child(n + 3) {
		margin-top: 3.866vw;
	}

	#ct_bg .bnrList03 > li > a {
		background: none;
		border-radius: 0;
	}

	#ct_bg .bnrList03 > li > a:hover img {
		opacity: 1;
	}

	#ct_bg02 .bnr01 {
		margin-top: 30px;
		margin-bottom: 30px
	}

	#ct_bg .frameArea01 {
		margin-top: 40px;
	}

	#ct_bg .frameArea01 > dt {
		border-radius: 10px 10px 0 0;
	}

	#ct_bg .frameArea01 > dd {
		border-radius: 0 0 10px 10px;
	}

	#ct_bg .frameArea02 {
		margin-top: 5.3vw;
	}

	#ct_bg .frameArea02 > .hdg {
		padding-top: 2.5vw;
		padding-bottom: 2.5vw;
		background-color: #e60012;
		border-radius: 10px 10px 0 0;
		text-align: center;
	}

	#ct_bg .frameArea02 > .hdg img {
		width: 47.46vw;
		height: auto;
	}

	#ct_bg .frameArea02 > .inner01 {
		padding: 6.5vw 4vw 6vw 4vw;
		background-color: #fff;
		border-bottom: solid 2px #e50012;
		border-right: solid 2px #e50012;
		border-left: solid 2px #e50012;
		border-radius: 0 0 20px 20px;
	}

	#ct_bg .frameArea02 > .inner01 .img01 {
		width: 18.66vw;
		margin: 0 8vw 4vw 3.5vw;
	}

	#ct_bg .frameArea02 > .inner01 .text01 {
		width: auto;
		font-size: 1.4rem;
	}
	
	#ct_bg .movieArea01 {
		background: none;
		padding: 0;
		width: 100%;
		margin-top: 40px;
	}

	#ct_bg .movieArea01 iframe {
		width: 100%;
		height: 100%;
	}

	#ct_bg02 .frameArea03 {
		padding-top: 18px
	}

	#ct_bg02 .frameArea03 .img03 {
		width: 90%;
	}

	#ct_bg02 .frameArea03 .text01 {
		margin-top: 30px;
		padding-left: 6%;
		padding-right: 6%;
		font-size: 1.4rem;
		font-weight: bold;
	}

	#ct_bg02 .frameArea04 .wrap01 {
		margin-top: 20px;
	}

	#ct_bg02 .frameArea04 .wrap01 p {
		margin-top: 12px;
		font-size: 1.4rem;
	}

	#ct_bg02 .frameArea04 .wrap01 .img04 {
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg02 .frameArea04 .wrap01 .img05 {
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg02 .frameArea04 .arrow {
		border-left: 23px solid transparent;
		border-right: 23px solid transparent;
		border-top: 40px solid #fdd000;
		border-bottom: 0;
		margin: 25px auto 20px;
	}

	#ct_bg02 .newseArea01 {
		padding-left: 22px;
		padding-right: 22px;
		font-size: 1.4rem;
		padding-bottom: 35px;
		border-radius: 10px;
	}

	#ct_bg02 .newseArea01 .wrap01 {
		display: block;
	}

	#ct_bg02 .newseArea01 .news_box01:not(:last-child) {
		margin-bottom: 17.5px;
	}

	#ct_bg02 .newseArea01 .news_box01 {
		width: 100%;
	}

	#ct_bg02 .newseArea01 .img06 {
		top: -0.8%;
		left: -1.7%;
		width: 89%;
	}

	#ct_bg02 .newseArea01 .img07 {
		margin-top: 20px;
	}

	#ct_bg02 .newseArea01 .dataList01 dt, #ct_bg02 .newseArea01 .dataList01 dd {
		width: 100%;
	}

	#ct_bg02 .newseArea01 .dataList01 dd:not(:last-of-type) {
		margin-bottom: 16px;
	}

	#ct_bg02 .movieArea01 {
		background: none;
		padding: 0;
		width: 100%;
		margin-top: 40px;
	}

	#ct_bg02 .mainArea02 .bnr02,
	#ct_bg02 .mainArea02 .bnr03 {
		margin-top: 40px;
	}

	#ct_bg02 .movieArea01 iframe {
		width: 100%;
		height: 100%;
	}

	#ct_bg .mainArea01 {
		padding: 1.5vw 0 0;
	}

	#ct_bg .mainArea01 > .mainImgWrap {
		width: auto;
		height: auto;
	}

	#ct_bg .mainArea01 > .mainImgWrap .mainImg {
		position: inherit;
		top: inherit;
		left: inherit;
		width: 100%;
		transform: inherit;
	}

	#ct_bg .mainArea01 > .inner01 {
		margin: 0 auto;
		padding: 0 0 21.3vw;
		width: 92%;
	}

	#ct_bg02 .mainArea02 > .inner01 {
		width: 100%;
		margin: 0 auto;
		padding: 0 4% 40px;
	}

	#ct_bg02 .mainArea02 .mainImg02 .img02 {
		width: 68%;
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg .anchorList02 {
		width: 100%;
		margin: 5.4vw auto 0;
	}
	#ct_bg .anchorList02 li {
		width: 100%;
		margin-top: 5.2vw;
	}
	#ct_bg .anchorList02 li a {
		display: block;
		background: #fdd118;
		border: 2px solid #f59e0c;
		border-radius: 10px;
		color: #004ea2;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1;
		text-decoration: none;
		padding: 4.3vw 0 4.3vw 4.2vw;
		box-shadow: 0 4px 0 rgba(0,0,0,.15);
		position: relative;
	}
	#ct_bg .anchorList02 li a:hover {
		background: #fdd118;
		color: #004ea2;
	}
	#ct_bg .anchorList02 li a::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 17px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 16px 9px 0 9px;
		border-color: #e4007f transparent transparent transparent;
		margin-top: -8px;
	}
	#ct_bg .anchorList02.typeImg li a:hover > img {
		opacity: 1;
	}

	#ct_bg .round01 {
		border-radius: 0;
	}

	#ct_bg .productsArea01 {
	}
	#ct_bg .productsArea01 > .inner01 {
		padding-bottom: 11vw;
	}
	#ct_bg .productsArea01.products01 > .inner01 {
		background: #00a0e9;
	}
	#ct_bg .productsArea01.products02 > .inner01 {
		background: #e4007f;
	}
	#ct_bg .productsArea01.products02 {
		background: url(../img/bg_index05.png) repeat left top / auto 124px;
	}
	#ct_bg .productsArea01.products02 .cvArea01 > .inner01 > .column01 > .logo02 {
		width: 58.93vw;
		margin: 4.6vw auto 3.73vw;
	}
	#ct_bg .productsArea01.products02.type02 {
		margin-top: 30px;
	}
	#ct_bg .productsArea01.products03 {
		border-top: 2px solid #e50012;
		background: #fff;
	}
	#ct_bg .productsArea01 > .inner01 > .inner02 {
		margin: 0 auto;
		width: 100%;
	}
	#ct_bg .productsArea01 > .inner03 {
		margin: 0 auto;
		padding: 0 0 79px;
		width: 92%;
	}

	#ct_bg .productsArea01 .box01 {
		border: 4px solid #3c4ea0;
		background: #fff;
		margin-top: 40px;
		padding: 4.33vw 5.33vw 4.8vw;
	}

	#ct_bg .productsArea01 .box01 .img01 {
		width: 32vw;
		margin-top: 1vw;
		margin-right: 5.33vw;
		margin-bottom: 5.33vw;
	}

	#ct_bg .productsArea01 .box01 .col01 {
		width: 100%;
	}

	#ct_bg .productsArea01 .box01 .col01 p {
		line-height: 1.75;
	}

	#ct_bg .productsArea01 .box01 .col01 .note {
		font-size: 1.2rem;
	}

	#ct_bg .productsArea01 .box02 {
		margin-top: 40px;
		padding: 4.5vw 5vw 7.6vw;
	}

	#ct_bg .cvArea01 {
		padding-top: 40px;
		padding-bottom: 0;
		color: #fff;
	}

	#ct_bg .cvArea01.type02 {
		padding-top: 23px;
		padding-bottom: 14px;
		color: #000;
	}

	#ct_bg .cvArea01 > .title01 {
		margin-bottom: 25px;
		color: #fff;
		font-size: 2.4rem;
		text-align: center;
		line-height: 1.5;
	}

	#ct_bg .cvArea01 > .title01 > .text01 {
		display: block;
		margin-top: 5px;
		font-size: 1.6rem;
		color: #ffef00;
		font-weight: bold;
		text-align: center;
	}

	#ct_bg .cvArea01 > .title01 > .text02 {
		display: block;
		margin-bottom: 10px;
		font-size: 1.6rem;
		font-weight: bold;
		text-align: center;
	}

	#ct_bg .cvArea01 > .button01 {
		width: 240px;
		margin: 30px auto 0;
	}

	#ct_bg .cvArea01 > .inner01 {
		width: 100%;
	}

	#ct_bg .cvArea01.type02 > .inner01 {
		width: 92%;
		margin: 0 auto;
	}

	#ct_bg .cvArea01 > .inner01 > .image01 {
		width: 76.8vw;
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg .cvArea01 > .inner01 > .image02 {
		width: 150px;
		margin-top: -1vw;
		margin-bottom: 3vw;
		margin-left: auto;
		margin-right: auto;
	}

	#ct_bg .cvArea01 > .inner01 > .image03 {
		width: 100%;
		margin-right: auto;
	}

	#ct_bg .cvArea01 > .inner01 > .column01 {
		width: 92%;
		margin: 0 auto;
	}

	#ct_bg .cvArea01 > .inner01 > .column02 {
		width: 100%;
		margin-top: -8px;
		margin-right: 0;
	}

	#ct_bg .cvArea01 > .inner01 > .column01 > .logo02 {
		width: 58.93vw;
		margin: 4.6vw auto 3.73vw;
	}

	#ct_bg .cvArea01 > .inner01 > .column01 > .text01 {
		margin-top: -3px;
		margin-left: 0;
	}

	#ct_bg .cvArea01 > .inner01 > .column01 > .text01 > .font01 {
		font-size: 1.8rem;
	}

	#ct_bg .cvArea01.type02 > .inner01 > .column02 > .text01 {
		font-size: 1.4rem;
		color: #000;
	}

	#ct_bg .cvArea01.type02 > .inner01 > .column02 > .text01 > .font01 {
		font-size: 1.8rem;
		font-weight: normal;
	}

	#ct_bg .cvArea01 > .inner01 > .column01 > .text02 {
		font-size: 1.2rem;
		margin-top: 1.2vw;
		margin-left: 0;
		margin-bottom: 7px;
	}

	#ct_bg .cvArea01 > .inner01 > .column01 > .text02 > a {
		color: #fff;
	}

	#ct_bg .cvArea01 > .inner01 > .column02 > .text03 {
		font-size: 1.4rem;
		margin-top: 5px;
		margin-left: 5px;
		margin-bottom: 7px;
	}

	#ct_bg .date01 {
		display: inline-block;
		margin-left: 0;
		margin-bottom: 3.5vw;
		border: solid 1px #fff;
		padding: 2px 6px 0;
		color: #fff;
		font-size: 1.1rem;
	}

	#ct_bg .cvArea01.type02 .date01 {
		border: solid 1px #000;
		color: #000;
	}

	#ct_bg .mallBtn01 > a {
		padding: 3.1vw 0;
		font-size: 1.6rem;
	}

	#ct_bg .mallBtn01 > a:hover::before {
		opacity: 0;
		visibility: hidden;
	}

	#ct_bg .mallBtn01 > a > .inner01 {
		display: inline-block;
		position: relative;
		padding-left: 36px;
	}

	#ct_bg .supportBtn01 {
		width: 240px;
		margin-top: 20px;
		margin: 0 auto;
	}

	#ct_bg .supportBtn01 > a {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		z-index: 1;
		width: 100%;
		height: 100%;
		padding: 3.2vw 0;
		border: solid 1px #fff;
		border-radius: 100px;
		background: -webkit-linear-gradient(top, rgba(243,164,0,1) 0%,rgba(239,121,0,1) 100%);
		background: linear-gradient(to bottom, rgba(243,164,0,1) 0%,rgba(239,121,0,1) 100%);
		font-size: 1.6rem;
		font-weight: bold;
		text-decoration: none;
		overflow: hidden;
		text-align: center;
		color: #fff;
	}

	#ct_bg .supportBtn01 > a:hover::before {
		opacity: 0;
		visibility: hidden;
	}



	#ct_bg .list02 {
		margin-bottom: 7vw;
	}

	#ct_bg .list02 li {
		line-height: 1.75;
		padding-left:1.15em;
		position: relative;
	}

	#ct_bg .list02 li:before {
		content: '';
		position: absolute;
		top: 5px;
		left: 0;
		width: 13px;
		height: 13px;
		background: #000;
		border-radius: 50%;
	}

	#ct_bg .otherArea > .inner01 {
		margin: 0 auto;
		padding: 20.6vw 0 1vw;
		width: 100%;
	}

	#ct_bg .otherArea > .inner01 .heading02:first-child {
		margin-top: 0;
	}

	#ct_bg .otherArea .box03 {
		width: 92%;
		padding: 0 0 0 0;
		border-radius: 30px;
	}

	#ct_bg .productsArea01 .mallBtn01 {
		margin: 4.5vw auto 0;
	}
	#ct_bg .otherArea .box03 .mallBtn01 {
		margin: 6.5vw auto 6.5vw;
	}
	#ct_bg .sns_wrapper {
		padding: 10px 0 35px;
	}	
	#ct_bg .sns_wrapper .snsBtn01 {
		flex-wrap: wrap;
	}
	#ct_bg .sns_wrapper .snsBtn01 li {
		margin: 0 5px 10px;
		line-height: 0;
	}

}

@media screen and (max-width: 440px) {
	#ct_bg02 .newseArea01 .wrap01 {
		padding-top: 68px;
	}
}

/* Clearfix */
#ct_bg .cf:after {
	content: " ";
	display: block;
	clear: both;
}
