@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

@font-face {
	font-family: Betterworks;
	src: url('../font/Betterworks.otf') format('opentype');
}

html { font-size: 62.5%; }
body {
	color: #333;
	font-size: 1.4rem;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.8;
	background: #FFFFFB;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
}
figure {
	margin: 0;
}
img {
	max-width: 100%;
	display: block;
}
a {
	color: #333;
	text-decoration: none;
	transition: .2s;
}
a:hover {
	opacity: .7;
}
@media print,screen and (max-width: 767px) {
	a:hover {
		opacity: 1;
	}
}
.pc-block {
	display: block!important;
}
.tb-block {
	display: none!important;
}
.sp-block {
	display: none!important;
}
.pc-inlineBlock {
	display: inline-block!important;
}
.sp-inlineBlock {
	display: none!important;
}
@media print,screen and (max-width: 1039px) {
	.tb-block {
		display: block!important;
	}
}
@media print,screen and (max-width: 767px) {
	.pc-block {
		display: none!important;
	}
	.sp-block {
		display: block!important;
	}
	.pc-inlineBlock {
		display: none!important;
	}
	.sp-inlineBlock {
		display: inline-block!important;
	}
}
.fadeIn,
.fadeIn_200,
.fadeIn_400,
.fadeIn_600 {
	transition: .8s ease;
	opacity: 0;
	transform: translate(0,calc(60 / 1366 * 100vw));
	-webkit-transform: translate(0,calc(60 / 1366 * 100vw));
}
@media print,screen and (max-width: 767px) {
	.fadeIn,
	.fadeIn_200,
	.fadeIn_400,
	.fadeIn_600 {
		transform: translate(0,calc(60 / 375 * 100vw));
		-webkit-transform: translate(0,calc(60 / 375 * 100vw));
	}
}
.fadeIn_left {
	transition: 1.2s ease;
	opacity: 0;
	transform: translate(calc(-100 / 1366 * 100vw),0);
	-webkit-transform: translate(calc(-100 / 1366 * 100vw),0);
}
@media print,screen and (max-width: 767px) {
	.fadeIn_left {
		transform: translate(calc(-100 / 375 * 100vw),0);
		-webkit-transform: translate(calc(-100 / 375 * 100vw),0);
	}
}
.fadeIn_right {
	transition: 1.2s ease;
	opacity: 0;
	transform: translate(calc(100 / 1366 * 100vw),0);
	-webkit-transform: translate(calc(100 / 1366 * 100vw),0);
}
@media print,screen and (max-width: 767px) {
	.fadeIn_right {
		transform: translate(calc(100 / 375 * 100vw),0);
		-webkit-transform: translate(calc(100 / 375 * 100vw),0);
	}
}
.fadeInMove {
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
.js-accordion {
	transition: .2s;
}
.js-accordion:hover {
	opacity: .7;
	cursor: pointer;
}
@media print,screen and (max-width: 767px) {
	.js-accordion:hover {
		opacity: 1;
	}
}
.js-accordionContents {
	display: none;
}

/****	---- common ----
===================================****/
.c_inner {
	max-width: calc(1000 / 1366 * 100vw);
	margin: 0 auto;
	position: relative;
}
.c_inner1190 {
	max-width: calc(1190 / 1366 * 100vw);
	margin: 0 auto;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.c_inner,
	.c_inner1190 {
		max-width: none;
		padding: 0 calc(20 / 375 * 100vw);
	}
}
.c_main {
	display: block;
}
.c_title {
	width: calc(47 / 1366 * 100vw);
	position: absolute;
	top: calc(68 / 1366 * 100vw);
	left: calc(82 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.c_title {
		font-size: calc(32 / 375 * 100vw);
		letter-spacing: -0.15em;
		left: calc(18 / 375 * 100vw);
		width: calc(30 / 375 * 100vw);
	}
}
/* .c_title.minus {
	top: -1.5em;
} */
.c_title.center {
	width: calc(380 / 1366 * 100vw);
	font-size: calc(36 / 1366 * 100vw);
	margin: 0 auto 1em;
	position: static;
}
.c_title.btcenter {
	width: calc(210 / 1366 * 100vw);
	font-size: calc(36 / 1366 * 100vw);
	margin: 0 auto 1em;
	position: static;
}
.c_title.btcenter img {
	margin: 0;
}
@media print,screen and (max-width: 767px) {
	.c_title.center {
		width: calc(240 / 375 * 100vw);
		margin-bottom: 3em;
	}
	.c_title.btcenter {
		width: calc(135 / 375 * 100vw);
		margin: 0 auto 2em;
	}
}
.c_title.right {
	right: 0;
	left: auto;
	top: calc(0 / 1366 * 100vw);
}
.c_title.left {
	width: calc(37 / 1366 * 100vw);
	position: absolute;
	top: calc(68 / 1366 * 100vw);
	left: calc(82 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.c_title.right {
		margin: 0 auto 1em;
		width: calc(145 / 375 * 100vw);
		position: static;
	}
	.c_title.spLeft {
		width: calc(200 / 375 * 100vw);
		margin: 0 0 1em calc(20 / 375 * 100vw);
		position: static;
	}
	.c_title.spCenter {
		width: calc(200 / 375 * 100vw);
    margin: 0 auto 1em;
		position: static;
	}
}

/****	---- header ----
===================================****/
.header {
	height: calc(118 / 1366 * 100vw);
	position: relative;
	z-index: 2;
}
@media print,screen and (max-width: 767px) {
	.header {
		height: calc(124 / 375 * 100vw);
	}
}
.header_title {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-size: calc(20 / 1366 * 100vw);
	line-height: calc(24 / 20);
	text-align: center;
	color: #212121;
	position: absolute;
	top: calc(40 / 1366 * 100vw);
	left: 50%;
	transform: translateX(-50%);
}
@media print,screen and (max-width: 767px) {
	.header_title {
		font-size: calc(12 / 375 * 100vw);
		top: calc(16 / 375 * 100vw);
	}
}
.header_title span {
	margin: 0 0 calc(8 / 1366 * 100vw) 0;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.header_title span {
		margin: 0 0 calc(4 / 375 * 100vw) 0;
	}
}
.header_title span.logo {
	width: calc(235 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.header_title span.logo {
		width: calc(146 / 375 * 100vw);
	}
}
.header_list {
	display: flex;
	position: absolute;
	right: calc(88 / 1366 * 100vw);
	bottom: calc(18 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.header_list {
		width: 100%;
		justify-content: center;
		right: 0;
		bottom: calc(8 / 375 * 100vw);
	}
}
.header_list_item {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: normal;
	font-size: calc(16 / 1366 * 100vw);
	text-align: left;
	color: #212121;
	margin: 0 1em 0 0;
}
@media print,screen and (max-width: 767px) {
	.header_list_item {
		font-size: calc(12 / 375 * 100vw);
		margin: 0 .5em;
	}
}
.header_list_item a {
	background: url('../img/ico_navi@2x.png') left center / calc(9 / 1366 * 100vw) no-repeat;
	padding: 0 0 0 .75em;
}
@media print,screen and (max-width: 767px) {
	.header_list_item a {
		background: url('../img/ico_navi@2x.png') left center / calc(9 / 375 * 100vw) no-repeat;
		padding: 0 0 0 1em;
	}
}
.header_contents {
	width: calc(88 / 1366 * 100vw);
	padding: calc(32 / 1366 * 100vw) 0 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
}
@media print,screen and (max-width: 767px) {
	.header_contents {
		display: none;
	}
}
.header_copy {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-size: calc(20 / 1366 * 100vw);
	letter-spacing: .25em;
	line-height: calc(25 / 20);
	text-align: left;
	color: #212121;
	padding: calc(32 / 1366 * 100vw) 0 0 0;
	margin: 0 0 calc(204 / 1366 * 100vw) 0;
	position: relative;
}
.header_copy::before,
.header_copy::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.header_copy::before {
	width: .5em;
	height: .5em;
	background: #E73562;
	border-radius: .5em;
}
.header_copy::after {
	width: 1px;
	height: 1em;
	background: #556080;
	border-radius: 1px;
	z-index: -1;
}
.header_btn {
	width: calc(50 / 1366 * 100vw);
	display: block;
}

/****	---- main ----
===================================****/
.mv {
	margin: 0 0 calc(60 / 1366 * 100vw) 0;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.mv {
		padding: 0 0 calc(25 / 375 * 100vw) 0;
		margin: 0;
		overflow: hidden;
	}
}
.mv_player {
	width: 100vw;
	height: calc(768 / 1366 * 100vw);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
@media print,screen and (max-width: 767px) {
	.mv_player {
		height: calc(667 / 375 * 100vw);
	}
}
@media print,screen and (max-width: 767px) {
	.mv_slider {
		margin: 0 calc(-20 / 375 * 100vw);
	}
}
.mv_slider ul li img {
	width: 100%;
}
.mv_title {
	font-family: Betterworks;
	font-weight: normal;
	font-size: calc(50 / 1366 * 100vw);
	text-align: left;
	color: #f3046c;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: rotate(-3deg);
}
@media print,screen and (max-width: 767px) {
	.mv_title {
		font-size: calc(24 / 375 * 100vw);
		line-height: 3.0;
		bottom: calc(8 / 375 * 100vw);
		left: calc(6 / 375 * 100vw);
		transform: rotate(-9deg);
	}
}
.mv_copy {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 400;
	font-size: calc(20 / 1366 * 100vw);
	letter-spacing: .5em;
	line-height: 2.2;
	text-align: left;
	color: #fff;
	text-shadow: 0 0 calc(10 / 1366 * 100vw) rgba(0, 0, 0, 0.16);
	position: absolute;
	top: calc(84 / 1366 * 100vw);
	right: calc(94 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.mv_copy {
		font-size: calc(16 / 375 * 100vw);
		line-height: 2.0;
		top: calc(56 / 375 * 100vw);
		right: calc(20 / 375 * 100vw);
	}
}
.mv_obj01 {
	width: calc(89 / 1366 * 100vw);
	position: absolute;
	top: calc(70 / 1366 * 100vw);
	left: calc(54 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.mv_obj01 {
		width: calc(48 / 375 * 100vw);
		top: calc(106 / 375 * 100vw);
		left: 0;
	}
}
.mv_obj02 {
	width: calc(93 / 1366 * 100vw);
	position: absolute;
	right: 0;
	bottom: calc(-22 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.mv_obj02 {
		width: calc(71 / 375 * 100vw);
		right: calc(6 / 375 * 100vw);
		bottom: calc(-22 / 375 * 100vw);
	}
}

.about {
	background: url('../img/bg_line@2x.png') center bottom / calc(1000 / 1366 * 100vw) no-repeat;
	padding: calc(60 / 1366 * 100vw) 0 calc(100 / 1366 * 100vw);
	position: relative;
	overflow: hidden;
}
@media print,screen and (max-width: 767px) {
	.about {
		background: url('../img/bg_line_sp@2x.png') center bottom / calc(338 / 375 * 100vw) no-repeat;
		padding: calc(30 / 375 * 100vw) 0 calc(35 / 375 * 100vw);
	}
}
.about_grid {
	display: flex;
	justify-content: space-between;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.about_grid {
		display: block;
	}
}
.about_contents {
	width: calc(440 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.about_contents {
		width: auto;
		margin: 0 0 calc(32 / 375 * 100vw) 0;
	}
}
.about_title {
	font-size: calc(36 / 1366 * 100vw);
	margin: 0 -1em .75em 0;
}
@media print,screen and (max-width: 767px) {
	.about_title {
		font-size: calc(24 / 375 * 100vw);
		letter-spacing: -0.15em;
		margin: 0 0 .5em 0;
	}
}
.about_text {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: normal;
	font-size: calc(16 / 1366 * 100vw);
	line-height: 2.2;
	text-align: left;
	color: #212121;
}
@media print,screen and (max-width: 767px) {
	.about_text {
		font-size: calc(14 / 375 * 100vw);
		line-height: 2.0;
	}
}
.about_img {
	width: calc(550 / 1366 * 100vw);
	transform: translateX(calc(40 / 1366 * 100vw));
}
@media print,screen and (max-width: 767px) {
	.about_img {
		width: auto;
	}
}
.about_copy {
	position: absolute;
	bottom: calc(50 / 1366 * 100vw);
	left: calc(148 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.about_copy {
		font-size: calc(67 / 375 * 100vw);
		bottom: calc(228 / 375 * 100vw);
		left: calc(12 / 375 * 100vw);
	}
}

.famous {
	padding: calc(55 / 1366 * 100vw) 0;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.famous {
		padding: calc(30 / 375 * 100vw) 0 calc(40 / 375 * 100vw);
	}
}
.famous_grid {
	margin: 0 0 calc(90 / 1366 * 100vw) 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.famous_grid {
		margin: 0 0 calc(60 / 375 * 100vw) 0;
		display: block;
	}
}
.famous_grid:nth-of-type(even) {
	flex-direction: row-reverse;
}
.famous_grid:last-of-type {
	margin: 0;
}
.famous_num {
	width: calc(100 / 1366 * 100vw);
	position: absolute;
	top: 0;
	right: 0;
}
@media print,screen and (max-width: 767px) {
	.famous_num {
		width: calc(75 / 375 * 100vw);
		font-size: calc(16 / 375 * 100vw);
		top: -1.5em;
	}
}
.famous_grid:nth-of-type(even) .famous_num {
	right: auto;
	left: 0;
}
.famous_img {
	width: calc(450 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.famous_img {
		width: auto;
		padding: 0 calc(42 / 375 * 100vw) 0 0;
		margin: 0 0 calc(20 / 375 * 100vw) 0;
	}
	.famous_grid:nth-of-type(even) .famous_img {
		padding: 0 0 0 calc(42 / 375 * 100vw);
	}
}
.famous_contents {
	width: calc(450 / 1366 * 100vw);
	box-sizing: border-box;
	padding: 0 calc(30 / 1366 * 100vw) 0 0;
}
@media print,screen and (max-width: 767px) {
	.famous_contents {
		width: auto;
		padding: 0;
	}
}
.famous_grid:nth-of-type(even) .famous_contents {
	padding: 0 0 0 calc(30 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.famous_grid:nth-of-type(even) .famous_contents {
		padding: 0;
	}
}
.famous_title {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: bold;
	font-size: calc(24 / 1366 * 100vw);
	text-align: left;
	color: #212121;
	margin: 0 -2em .5em 0;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.famous_title {
		font-size: calc(16 / 375 * 100vw);
		margin: 0 0 .5em 0;
	}
}
/* .famous_title i {
	font-weight: normal;
	font-style: normal;
	font-size: calc(24 / 1366 * 100vw);
	letter-spacing: -0.2em;
	text-align: left;
	color: #a1d891;
	position: absolute;
	top: -2em;
	right: 0;
	transform: rotate(15deg);
}
@media print,screen and (max-width: 767px) {
	.famous_title i {
		display: none;
	}
}
.famous_grid:nth-of-type(even) .famous_title i {
	right: auto;
	left: calc(-20 / 1366 * 100vw);
	transform: rotate(-15deg);
} */
.famous_title span {
	font-size: calc(16 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.famous_title span {
		font-size: calc(12 / 375 * 100vw);
	}
}
.famous_text {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: normal;
	font-size: calc(16 / 1366 * 100vw);
	line-height: 2.2;
	text-align: left;
	color: #212121;
}
@media print,screen and (max-width: 767px) {
	.famous_text {
		font-size: calc(14 / 375 * 100vw);
		line-height: 2.0;
	}
}

.what {
	padding: calc(100 / 1366 * 100vw) 0 calc(95 / 1366 * 100vw);
	background: url('../img/bg_what@2x.jpg') center center / cover no-repeat;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.what {
		padding: calc(24 / 375 * 100vw) 0 calc(70 / 375 * 100vw);
		background: url('../img/bg_what_sp@2x.jpg') center center / cover no-repeat;
	}
}
.what_container {
	background: #fff;
	border-radius: calc(16 / 1366 * 100vw);
	padding: calc(48 / 1366 * 100vw) 0 calc(38 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.what_container {
		border-radius: calc(16 / 375 * 100vw);
		padding: calc(42 / 375 * 100vw) 0 calc(46 / 375 * 100vw);
	}
}
.what_text {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: bold;
	font-size: calc(16 / 1366 * 100vw);
	line-height: calc(30 / 16);
	text-align: center;
	color: #212121;
	background: url('../img/bg_line@2x.png') center bottom / calc(942 / 1366 * 100vw) no-repeat;
	padding: 0 0 calc(52 / 1366 * 100vw) 0;
	margin: 0 0 calc(42 / 1366 * 100vw) 0;
}
@media print,screen and (max-width: 767px) {
	.what_text {
		font-size: calc(14 / 375 * 100vw);
		background: url('../img/bg_line_sp@2x.png') center bottom / calc(304 / 375 * 100vw) no-repeat;
		padding: 0 0 calc(38 / 375 * 100vw) 0;
		margin: 0 0 calc(28 / 375 * 100vw) 0;
	}
}
.what_text strong {
	color: #F3046C;
}
.what_text span {
	font-weight: normal;
}
.what_grid {
	width: calc(882 / 1366 * 100vw);
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
@media print,screen and (max-width: 767px) {
	.what_grid {
		width: calc(316 / 375 * 100vw);
		display: block;
	}
}
.what_img01 {
	width: calc(390 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.what_img01 {
		width: auto;
		margin: 0 0 calc(28 / 375 * 100vw) 0;
	}
}
.what_img02 {
	width: calc(427 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.what_img02 {
		width: auto;
	}
}

.merit {
	padding: calc(32 / 1366 * 100vw) 0 calc(60 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.merit {
		padding: calc(24 / 375 * 100vw) 0 calc(15 / 375 * 100vw);
	}
}
.merit_list {
	display: flex;
	justify-content: space-between;
}
@media print,screen and (max-width: 767px) {
	.merit_list {
		flex-wrap: wrap;
	}
}
.merit_list_item {
	width: calc(235 / 1366 * 100vw);
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.merit_list_item {
		width: calc(162 / 375 * 100vw);
		margin: 0 0 calc(25 / 375 * 100vw) 0;
	}
	.merit_list_item:nth-child(even) {
		transform: translateY(calc(-12 / 375 * 100vw));
	}
}
.merit_list_item_title {
	width: calc(35 / 1366 * 100vw);
	position: absolute;
	top: calc(15 / 1366 * 100vw);
	right: calc(10 / 1366 * 100vw);
	padding-top: calc(40 /1366 * 100vw);
	background-image: url(../img/merit_num01.png);
	background-size: calc(36 /1366 * 100vw);
	background-position: top left;
	background-repeat: no-repeat;
}
.merit_list_item_title.two {
	background-image: url(../img/merit_num02.png);
}
.merit_list_item_title.three {
	background-image: url(../img/merit_num03.png);
}
.merit_list_item_title.four {
	background-image: url(../img/merit_num04.png);
}
@media print,screen and (max-width: 767px) {
	.merit_list_item_title {
		width: calc(24 / 375 * 100vw);
		top: calc(10 / 375 * 100vw);
		right: calc(6 / 375 * 100vw);
		padding-top: calc(26 / 375 * 100vw);
    background-size: calc(24 / 375 * 100vw);
	}
}
.merit_list_item_title strong {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: normal;
	font-size: calc(14 / 1366 * 100vw);
	text-align: center;
	color: #212121;
	width: 100%;
	background: #fff;
	border-radius: calc(4 / 1366 * 100vw);
	padding: .75em 0;
	display: flex;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.merit_list_item_title strong {
		font-size: calc(12 / 375 * 100vw);
		border-radius: calc(4 / 375 * 100vw);
	}
}
.merit_list_item_text {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: normal;
	font-size: calc(14 / 1366 * 100vw);
	line-height: calc(22 / 14);
	text-align: left;
	color: #fff;
	text-shadow: 0 calc(3 / 1366 * 100vw) calc(6 / 1366 * 100vw) rgba(0, 0, 0, 0.61);
	width: calc(170 / 1366 * 100vw);
	position: absolute;
	bottom: calc(15 / 1366 * 100vw);
	left: calc(10 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.merit_list_item_text {
		font-size: calc(12 / 375 * 100vw);
		text-shadow: 0 calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.61);
		width: calc(120 / 375 * 100vw);
		bottom: calc(24 / 375 * 100vw);
		left: calc(6 / 375 * 100vw);
	}
}

.use {
	background: url('../img/bg_use@2x.png') right center / auto 100% no-repeat;
	padding: calc(125 / 1366 * 100vw) 0 calc(115 / 1366 * 100vw);
	margin: 0 0 calc(80 / 1366 * 100vw) 0;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.use {
		background: url('../img/bg_use_sp@2x.png') center center / cover no-repeat;
		padding: calc(20 / 375 * 100vw) 0 calc(40 / 375 * 100vw);
		margin: 0 0 calc(60 / 375 * 100vw) 0;
	}
}
.gift_anchor {
	position: absolute;
	bottom: 0;
	left: 0;
}
.use_slider {
	padding: 0 calc(94 / 1366 * 100vw) 0 0;
	margin: 0 0 0 calc(-88 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.use_slider {
		width: calc(240 / 375 * 100vw);
		padding: 0;
		margin: 0 auto;
	}
}
.use_slider_in {
	padding: 0 0 0 calc(88 / 1366 * 100vw);
	overflow: hidden;
}
@media print,screen and (max-width: 767px) {
	.use_slider_in {
		padding: 0;
		position: relative;
		overflow: visible;
	}
}
.use_slider .slick-list {
	overflow: visible;
}
@media print,screen and (max-width: 767px) {
	.use_slider .slick-list {
		overflow: hidden;
	}
}
.use_list_item {
	width: calc(258 / 1366 * 100vw);
	margin: 0 calc(10 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.use_list_item {
		width: calc(220 / 375 * 100vw);
		margin: 0 calc(10 / 375 * 100vw);
	}
}
.use_list_item_img img {
	width: 100%;
}
.use_list_item_title {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 700;
	font-size: calc(16 / 1366 * 100vw);
	line-height: calc(25 / 16);
	text-align: left;
	color: #212121;
	width: calc(176 / 1366 * 100vw);
	margin: .75em auto .5em;
}
@media print,screen and (max-width: 767px) {
	.use_list_item_title {
		font-size: calc(16 / 375 * 100vw);
		width: calc(176 / 375 * 100vw);
	}
}
.use_list_item_title.center {
	text-align: center;
	width: auto;
}
.use_list_item_text {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: normal;
	font-size: calc(14 / 1366 * 100vw);
	line-height: calc(22 / 14);
	text-align: left;
	color: #212121;
	width: calc(210 / 1366 * 100vw);
	margin: 0 auto;
}
@media print,screen and (max-width: 767px) {
	.use_list_item_text {
		font-size: calc(14 / 375 * 100vw);
		width: calc(210 / 375 * 100vw);
	}
}
.slick_arrows {
	width: calc(94 / 1366 * 100vw);
	display: flex;
	justify-content: space-between;
	position: absolute;
	bottom: calc(10 / 1366 * 100vw);
	left: calc(94 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.slick_arrows {
		width: auto;
		display: block;
		position: static;
	}
}
.slick_arrows_prev,
.slick_arrows_next {
	width: calc(42 / 1366 * 100vw);
	height: calc(42 / 1366 * 100vw);
	background: #212121;
	border-radius: calc(4 / 1366 * 100vw);
	position: relative;
	transition: .2s;
}
@media print,screen and (max-width: 767px) {
	.slick_arrows_prev,
	.slick_arrows_next {
		width: calc(42 / 375 * 100vw);
		height: calc(42 / 375 * 100vw);
		border-radius: calc(4 / 375 * 100vw);
		position: absolute;
		top: calc(70 / 375 * 100vw);
		left: calc(-48 / 375 * 100vw);
	}
	.slick_arrows_next {
		right: calc(-48 / 375 * 100vw);
		left: auto;
	}
}
.slick_arrows_prev::before,
.slick_arrows_next::after {
	content: "";
	width: 0;
	height: 0;
	border: calc(6 / 1366 * 100vw) solid transparent;
	border-right: calc(8 / 1366 * 100vw) solid #fff;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	transform: translateX(calc(-4 / 1366 * 100vw));
}
@media print,screen and (max-width: 767px) {
	.slick_arrows_prev::before,
	.slick_arrows_next::after {
		border: calc(6 / 375 * 100vw) solid transparent;
		border-right: calc(8 / 375 * 100vw) solid #fff;
		transform: translateX(calc(-4 / 375 * 100vw));
	}
}
.slick_arrows_next::after {
	border-right: none;
	border-left: calc(8 / 1366 * 100vw) solid #fff;
	transform: translateX(calc(2 / 1366 * 100vw));
}
@media print,screen and (max-width: 767px) {
	.slick_arrows_next::after {
		border-left: calc(8 / 375 * 100vw) solid #fff;
		transform: translateX(calc(2 / 375 * 100vw));
	}
}
.slick_arrows_prev:hover,
.slick_arrows_next:hover {
	opacity: .7;
	cursor: pointer;
}
@media print,screen and (max-width: 767px) {
	.slick_arrows_prev:hover,
	.slick_arrows_next:hover {
		opacity: 1;
	}
}

.gift {
	background: url('../img/bg_gift@2x.png') center center / 100% 100% no-repeat;
	padding: calc(120 / 1366 * 100vw) 0 calc(160 / 1366 * 100vw) 0;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.gift {
		background: url('../img/bg_gift_sp@2x.png') center center / 100% 100% no-repeat;
		padding: calc(50 / 375 * 100vw) 0 calc(80 / 375 * 100vw) 0;
	}
}
.gift_logo {
	width: calc(228 / 1366 * 100vw);
	margin: 0 auto calc(78 / 1366 * 100vw);
	transform: translateY(calc(-12 / 1366 * 100vw));
}
@media print,screen and (max-width: 767px) {
	.gift_logo {
		width: calc(143 / 375 * 100vw);
		margin: 0 auto calc(70 / 375 * 100vw);
		transform: translateY(calc(-14 / 375 * 100vw));
	}
}
.gift_section {
	margin: 0 0 calc(145 / 1366 * 100vw) 0;
	display: flex;
	justify-content: space-between;
}
@media print,screen and (max-width: 767px) {
	.gift_section {
		margin: 0 0 calc(90 / 375 * 100vw) 0;
		display: block;
	}
}
.gift_section:nth-of-type(odd) {
	flex-direction: row-reverse;
}
.gift_section:last-of-type {
	margin: 0 0 calc(110 / 1366 * 100vw) 0;
}
@media print,screen and (max-width: 767px) {
	.gift_section:last-of-type {
		margin: 0 0 calc(40 / 375 * 100vw) 0;
	}
}
.gift_contents {
	width: calc(305 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.gift_contents {
		width: auto;
		margin: 0 0 calc(24 / 375 * 100vw) 0;
	}
}
.gift_contents_in {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
	margin: 0 0 calc(30 / 1366 * 100vw) 0;
	display: flex;
	flex-direction: column;
}
@media print,screen and (max-width: 767px) {
	.gift_contents_in {
		width: 100%;
		margin: 0;
		justify-content: center;
	}
}
.gift_section:nth-of-type(odd) .gift_contents_in {
	width: 100%;
}
.gift_section:nth-of-type(even) .gift_contents_in {
	flex-direction: column-reverse;
}
@media print,screen and (max-width: 767px) {
	.gift_section:nth-of-type(even) .gift_contents_in {
		flex-direction: column;
	}
}
.gift_title {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: bold;
	font-size: calc(24 / 1366 * 100vw);
	line-height: 1.6;
	text-align: left;
	color: #212121;
	margin: -2em 0 0 1em;
}
@media print,screen and (max-width: 767px) {
	.gift_title {
		font-size: calc(16 / 375 * 100vw);
		margin: -2em 0 0 1em;
	}
}
.gift_section:nth-of-type(even) .gift_title {
	margin: -2em 1em 0 0;
}
@media print,screen and (max-width: 767px) {
	.gift_section:nth-of-type(even) .gift_title {
		margin: -2em 0 0 1em;
	}
}
.gift_text {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: normal;
	font-size: calc(16 / 1366 * 100vw);
	text-align: left;
	color: #212121;
}
@media print,screen and (max-width: 767px) {
	.gift_text {
		font-size: calc(14 / 375 * 100vw);
	}
}
.gift_btn {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: bold;
	font-size: calc(16 / 1366 * 100vw);
	text-align: center;
	color: #fff;
	width: calc(225 / 1366 * 100vw);
	height: calc(54 / 1366 * 100vw);
	background: #F3046C;
	border-bottom: calc(5 / 1366 * 100vw) solid #AB014B;
	border-radius: calc(8 / 1366 * 100vw);
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.gift_btn {
		font-size: calc(16 / 375 * 100vw);
		width: calc(225 / 375 * 100vw);
		height: calc(54 / 375 * 100vw);
		border-bottom: calc(5 / 375 * 100vw) solid #AB014B;
		border-radius: calc(8 / 375 * 100vw);
		margin: 0 auto;
	}
}
.gift_section:nth-of-type(even) .gift_btn {
	float: right;
}
@media print,screen and (max-width: 767px) {
	.gift_section:nth-of-type(even) .gift_btn {
		float: none;
	}
}
.gift_btn::after {
	content: "";
	width: 0;
	height: 0;
	border: calc(6 / 1366 * 100vw) solid transparent;
	border-left: calc(8 / 1366 * 100vw) solid #fff;
	position: absolute;
	top: 0;
	right: calc(24 / 1366 * 100vw);
	bottom: 0;
	margin: auto;
	transition: .2s;
}
@media print,screen and (max-width: 767px) {
	.gift_btn::after {
		border: calc(6 / 375 * 100vw) solid transparent;
		border-left: calc(8 / 375 * 100vw) solid #fff;
		right: calc(24 / 375 * 100vw);
	}
}
.gift_btn:hover::after {
	right: calc(16 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.gift_btn:hover::after {
		right: calc(16 / 375 * 100vw);
	}
}
.gift_img {
	width: calc(660 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.gift_img {
		width: auto;
		margin: 0 0 calc(28 / 375 * 100vw) 0;
	}
}
.gift_copy {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: bold;
	font-size: calc(24 / 1366 * 100vw);
	text-align: center;
	color: #212121;
}
@media print,screen and (max-width: 767px) {
	.gift_copy {
		font-size: calc(16 / 375 * 100vw);
	}
}
.gift_copy strong {
	color: #F3046C;
	font-size: calc(32 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.gift_copy strong {
		font-size: calc(20 / 375 * 100vw);
	}
}
.gift_copy span {
	position: relative;
}
.gift_copy span::before {
	content: "";
	width: calc(6 / 1366 * 100vw);
	height: calc(6 / 1366 * 100vw);
	background: #212121;
	border-radius: calc(6 / 1366 * 100vw);
	position: absolute;
	top: -.25em;
	right: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 767px) {
	.gift_copy span::before {
		width: calc(4 / 375 * 100vw);
		height: calc(4 / 375 * 100vw);
		border-radius: calc(4 / 375 * 100vw);
	}
}
.gift_obj01 {
	width: calc(74 / 1366 * 100vw);
	position: absolute;
	top: calc(472 / 1366 * 100vw);
	right: calc(106 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.gift_obj01 {
		width: calc(42 / 375 * 100vw);
		top: calc(60 / 375 * 100vw);
		right: calc(20 / 375 * 100vw);
	}
}
.gift_obj02 {
	width: calc(41 / 1366 * 100vw);
	position: absolute;
	top: calc(988 / 1366 * 100vw);
	left: calc(88 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.gift_obj02 {
		width: calc(26 / 375 * 100vw);
		top: calc(940 / 375 * 100vw);
		right: calc(55 / 375 * 100vw);
		left: auto;
	}
}
.gift_obj03 {
	width: calc(36 / 1366 * 100vw);
	position: absolute;
	top: calc(1129 / 1366 * 100vw);
	right: calc(292 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.gift_obj03 {
		width: calc(34 / 375 * 100vw);
		top: calc(1318 / 375 * 100vw);
		right: auto;
		left: calc(20 / 375 * 100vw);
	}
}
.gift_obj04 {
	width: calc(41 / 1366 * 100vw);
	position: absolute;
	top: calc(1622 / 1366 * 100vw);
	right: calc(105 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.gift_obj04 {
		width: calc(36 / 375 * 100vw);
		top: calc(1894 / 375 * 100vw);
		right: calc(0 / 375 * 100vw);
	}
}
.gift_obj05 {
	width: calc(83 / 1366 * 100vw);
	position: absolute;
	top: calc(2130 / 1366 * 100vw);
	left: calc(88 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.gift_obj05 {
		width: calc(28 / 375 * 100vw);
		top: calc(2201 / 375 * 100vw);
		left: calc(5 / 375 * 100vw);
	}
}

.flow {
	padding: calc(60 / 1366 * 100vw) 0 calc(80 / 1366 * 100vw);
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.flow {
		padding: calc(20 / 375 * 100vw) 0 calc(40 / 375 * 100vw);
	}
}
.flow_list {
	margin: 0 0 calc(70 / 1366 * 100vw) 0;
	display: flex;
	justify-content: space-between;
}
@media print,screen and (max-width: 767px) {
	.flow_list {
		margin: 0 0 calc(20 / 375 * 100vw) 0;
		flex-wrap: wrap;
	}
}
.flow_list_item {
	width: calc(235 / 1366 * 100vw);
	background: url('../img/bg_flow@2x.png') center center / 100% 100% no-repeat;
	padding: calc(35 / 1366 * 100vw) 0 calc(40 / 1366 * 100vw);
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.flow_list_item {
		width: calc(162 / 375 * 100vw);
		padding: calc(24 / 375 * 100vw) 0 calc(20 / 375 * 100vw);
		margin: 0 0 calc(20 / 375 * 100vw) 0;
	}
}
.flow_list_item::after {
	content: "";
	width: 0;
	height: 0;
	border: calc(8 / 1366 * 100vw) solid transparent;
	border-left: calc(12 / 1366 * 100vw) solid #212121;
	position: absolute;
	top: 0;
	right: calc(-26 / 1366 * 100vw);
	bottom: 0;
	margin: auto;
}
@media print,screen and (max-width: 767px) {
	.flow_list_item::after {
		border: calc(6 / 375 * 100vw) solid transparent;
		border-left: calc(9 / 375 * 100vw) solid #212121;
		right: calc(-17 / 375 * 100vw);
	}
}
.flow_list_item:last-child::after {
	content: none;
}
.flow_list_item_num {
	width: calc(35 / 1366 * 100vw);
	height: calc(35 / 1366 * 100vw);
	margin: 0 auto;
}
@media print,screen and (max-width: 767px) {
	.flow_list_item_num {
		font-size: calc(12 / 375 * 100vw);
		width: calc(24 / 375 * 100vw);
		height: calc(24 / 375 * 100vw);
		border-radius: calc(4 / 375 * 100vw);
	}
}
.flow_list_item_text {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: bold;
	font-size: calc(16 / 1366 * 100vw);
	line-height: calc(25 / 16);
	text-align: center;
	color: #212121;
	margin: 1em 0 0 0;
}
@media print,screen and (max-width: 767px) {
	.flow_list_item_text {
		font-size: calc(14 / 375 * 100vw);
	}
}
.flow_list_item:nth-child(3) .flow_list_item_text,
.flow_list_item:nth-child(4) .flow_list_item_text {
	margin: 1.5em 0 0 0;
}
.flow_btn {
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: bold;
	font-size: calc(20 / 1366 * 100vw);
	text-align: center;
	color: #fff;
	width: calc(340 / 1366 * 100vw);
	height: calc(77 / 1366 * 100vw);
	background: #F3046C;
	border-bottom: calc(7 / 1366 * 100vw) solid #AB014B;
	border-radius: calc(10 / 1366 * 100vw);
	box-sizing: border-box;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.flow_btn {
		font-size: calc(16 / 375 * 100vw);
		width: calc(225 / 375 * 100vw);
		height: calc(54 / 375 * 100vw);
		border-bottom: calc(5 / 375 * 100vw) solid #AB014B;
		border-radius: calc(8 / 375 * 100vw);
		margin: 0 auto;
	}
}
.flow_btn::after {
	content: "";
	width: 0;
	height: 0;
	border: calc(8 / 1366 * 100vw) solid transparent;
	border-left: calc(12 / 1366 * 100vw) solid #fff;
	position: absolute;
	top: 0;
	right: calc(38 / 1366 * 100vw);
	bottom: 0;
	margin: auto;
	transition: .2s;
}
@media print,screen and (max-width: 767px) {
	.flow_btn::after {
		border: calc(6 / 375 * 100vw) solid transparent;
		border-left: calc(8 / 375 * 100vw) solid #fff;
		right: calc(24 / 375 * 100vw);
	}
}
.flow_btn:hover::after {
	right: calc(24 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.flow_btn:hover::after {
		right: calc(16 / 375 * 100vw);
	}
}
.flow_obj01 {
	width: calc(52 / 1366 * 100vw);
	position: absolute;
	top: calc(62 / 1366 * 100vw);
	right: calc(124 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.flow_obj01 {
		width: calc(28 / 375 * 100vw);
		top: calc(-22 / 375 * 100vw);
		right: calc(34 / 375 * 100vw);
	}
}
.flow_obj02 {
	width: calc(41 / 1366 * 100vw);
	position: absolute;
	top: calc(244 / 1366 * 100vw);
	left: calc(55 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.flow_obj02 {
		width: calc(34 / 375 * 100vw);
		top: calc(336 / 375 * 100vw);
		left: calc(4 / 375 * 100vw);
	}
}
.flow_obj03 {
	width: calc(36 / 1366 * 100vw);
	position: absolute;
	top: calc(463 / 1366 * 100vw);
	left: calc(292 / 1366 * 100vw);
}
@media print,screen and (max-width: 767px) {
	.flow_obj03 {
		width: calc(28 / 375 * 100vw);
		top: calc(426 / 375 * 100vw);
		right: calc(10 / 375 * 100vw);
		left: auto;
	}
}

/****	---- pagetop ----
===================================****/
.pagetop {
	width: calc(85 / 1366 * 100vw);
	position: fixed;
	right: calc(40 / 1366 * 100vw);
	bottom: calc(66 / 1366 * 100vw);
	z-index: 3;
}
@media print,screen and (max-width: 767px) {
	.pagetop {
		width: calc(44 / 375 * 100vw);
		right: calc(6 / 375 * 100vw);
		bottom: calc(48 / 375 * 100vw);
	}
}
.pagetop a {
	width: 100%;
	height: 100%;
	display: block;
}

/****	---- footer ----
===================================****/
.footer {
	background: #212121;
	padding: calc(16 / 1366 * 100vw) 0;
}
@media print,screen and (max-width: 767px) {
	.footer {
		padding: calc(12 / 375 * 100vw) 0;
	}
}
.copyright {
	font-weight: normal;
	font-size: calc(12 / 1366 * 100vw);
	text-align: center;
	color: #fff;
}
@media print,screen and (max-width: 767px) {
	.copyright {
		font-size: calc(10 / 375 * 100vw);
	}
}

/****	---- end ----
===================================****/