@charset "UTF-8";
.mv .mv_bg {
	width: 100%;
	height: auto;
	margin-bottom: 1rem;
}
.mv .mv_bg .cont_inr {
	position: relative;
	height: 330px;
	padding: 0 3rem;
}
.mv .cont_inr {
	position: relative;
}
.mv .mv_per {
	position: absolute;
	width: 13rem;
	height: 13rem;
	right: -3rem;
	top: -65%;
	z-index: 10;
}
.mv .mv_phone {
	position: absolute;
	width: 19rem;
	height: 16.4rem;
	left: 15px;
	bottom: 0;
	z-index: 10;
}
.mv .mv_ttl {
	max-width: 55rem;
	margin: 0 auto 1.5rem;
	line-height: 1;
}
.mv .mv_day {
	max-width: 48rem;
	margin: 0 auto 1.5rem;
	line-height: 1;
}
/**/
.hanbaikaishi {
	background-color: #fafafa;
	padding: 3rem 1rem;
	max-width: 75rem;
	margin: auto;
}
.hanbaikaishi .cont_inr {
	max-width: 36rem;
	margin: auto;
}
.hanbaikaishi .cont_inr .kaku_ttl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 3rem;
	font-family: 'fot-udkakugoc80-pro', sans-serif;
	font-weight: 700;
	font-style: normal;
}
.hanbaikaishi .cont_inr .kaku_ttl dt {
	background: #009a3e;
	width: 7.5rem;
	height: 4rem;
	font-size: 1.4rem;
	clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 15% 50%, 0% 0%);
	color: #fffac5;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
}
.hanbaikaishi .cont_inr .kaku_ttl dd .en {
	font-size: 3rem;
}
.hanbaikaishi .cont_inr .kaku_ttl dd .en .day {
	font-size: 4rem;
	margin-left: 2px;
}
.hanbaikaishi .cont_inr .kaku_ttl dd .youbi {
	font-size: 1.3rem;
	color: #fff;
	background-color: #000;
	width: 2.6rem;
	height: 2.6rem;
	padding: 0.3rem 0.8rem;
	border-radius: 100vh;
	display: inline-block;
	margin-right: 1rem;
	line-height: 1.6;
}
.hanbaikaishi .cont_inr .kaku_ttl dd {
	width: calc(100% - 7.5rem);
	font-size: 2.2rem;
	padding: 0 0 0 0.6rem;
	line-height: 1.1;
}
.red {
	color: #dc010b;
	display: block;
	font-size: 1.2rem;
}
.kessai .cont_inr,
.cvs.cont_inr {
	max-width: 68rem;
}
.kessai .box_wrap {
	padding: 2rem;
	border: 1px solid #dddddd;
	border-top: none;
	margin-bottom: 3rem;
	border-radius: 0 0 10px 10px;
}
.kessai .inr_ttl {
	background-color: #333333;
	color: #fff;
	text-align: center;
	padding: 1rem;
	font-size: 1.4rem;
	border-radius: 10px 10px 0 0;
	font-family: 'fot-udkakugoc80-pro', sans-serif;
	font-weight: 700;
	font-style: normal;
}
.kessai .inr_box {
	background-color: #fffde3;
	text-align: center;
	padding: 1.8rem;
	font-size: 1.4rem;
	margin-bottom: 2rem;
	position: relative;
}
.kessai .inr_box:nth-child(2) {
	margin-bottom: 0;
}

.kessai .inr_box:nth-child(2) img {
	object-fit: cover;
}

.kessai .inr_box .subttl {
	position: absolute;
	top: -1rem;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 1.4rem;
	font-family: 'fot-udkakugoc80-pro', sans-serif;
	font-weight: 700;
	font-style: normal;
}
.kessai .inr_box img {
	max-width: 50rem;
	margin: auto;
}
.kessai .box_wrap ul li,
.cvs_box ul li {
	padding-left: 1.6rem;
	text-indent: -1.6rem;
}
.cvs {
	padding-bottom: 10rem;
	width: calc(100% - 3rem);
}
.cvs_ttl {
	background-color: #009a3e;
	padding: 1.6rem 1rem 1.6rem 10rem;
	border-radius: 10px 10px 0 0;
	font-size: 2.2rem;
	color: #fffac5;
	text-align: left;
	letter-spacing: 0.1rem;
	line-height: 1;
}
.cvs_ttl small {
	font-size: 1.6rem;
}
.cvs_ttl span,
.cvs .ttl_txt span {
	position: relative;
}
.cvs_ttl span::after {
	position: absolute;
	content: '';
	width: 8.4rem;
	height: 8.4rem;
	left: -10rem;
	bottom: -1.5rem;
	background: url('../images/yokatoku.png') no-repeat center center/contain;
}
.cvs .ttl_txt {
	font-size: 2.2rem;
	color: #009a3e;
	margin-bottom: 1.5rem;
}
.cvs .ttl_txt span::before,
.cvs .ttl_txt span::after {
	position: absolute;
	content: '';
	width: 5rem;
	height: 2px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #009a3e;
}
.cvs .ttl_txt span::before {
	left: -6rem;
}
.cvs .ttl_txt span::after {
	right: -6rem;
}
.cvs .cvs_box {
	background-color: #fffde3;
	border: 1px solid #009a3e;
	padding: 3rem 2rem;
	border-radius: 0 0 10px 10px;
}
.cvs .btn_wrap .btn_left {
	max-width: 16rem;
	width: 65%;
}
.cvs .btn_wrap .btn_qr {
	max-width: 11rem;
	width: 33%;
}
.gaiyou {
	background-color: #fffde2;
	padding: 3.5rem 2rem 3rem;
	position: relative;
	z-index: 0;
	border-top: 4px solid #ddcb81;
	border-bottom: 4px solid #ddcb81;
}
.gaiyou .gaiyo_ttl {
	max-width: 28rem;
	width: 100%;
	position: absolute;
	top: -8rem;
	left: 50%;
	transform: translateX(-50%);
	padding-block: 10px 21px;
	background: url('../images/riyou_ttl.png') no-repeat center center/contain;
	color: white;
	font-size: 20px;
	text-align: center;
	font-family: 'fot-udkakugoc80-pro', sans-serif;
	line-height: 1.2;
	letter-spacing: 0.05em;
}

.gaiyou .gaiyo_ttl > span {
	font-size: 16px;
}

.gaiyou .ttl {
	max-width: 50rem;
	width: 80%;
	position: absolute;
	top: -6rem;
	left: 50%;
	transform: translateX(-50%);
}
.gaiyo_wrap dt {
	position: relative;
}

.gaiyo_wrap dt > span {
	position: relative;
	display: block;
	width: 100%;
	height: 4rem;
	padding: 8rem 0 0;
}
.gaiyo_wrap dt > span::after {
	position: absolute;
	content: '';
	background: url('../images/arrow_g.png') no-repeat center center/contain;
	width: 2.6rem;
	height: 2.6rem;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	left: 50%;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.gaiyo_wrap dt > span::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 3px;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	left: 50%;
	background: url('../images/dod.png') repeat-x left top/contain;
}
.gaiyo_wrap dt.active span::after,
.howtouse .howtouse_wrap dt.active::before,
.howtouse .howtouse_wrap dd .cre_ttl.active span::after,
.howtouse .howtouse_wrap dt.number.active::before {
	transform: translateY(-50%) translateX(-50%) rotate(-180deg);
}
.gaiyo_wrap dd,
.howtouse dd,
.howtouse .disinr {
	padding: 3rem 0 0;
	display: none;
	margin: auto;
}
.gaiyo_wrap dd {
	max-width: 40rem;
}
.gaiyo_wrap ul li {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 2rem;
}
.gaiyo_wrap li .inr_ttl {
	font-size: 1.8rem;
	letter-spacing: 0;
	width: calc(100% - 155px);
	line-height: 1.4;
	color: #947f28;
	font-family: 'fot-udkakugoc80-pro', sans-serif;
	font-weight: 700;
	font-style: normal;
}
.gaiyo_wrap li .btn {
	width: 148px;
}
.gaiyo_wrap li .btn a {
	padding: 1rem 0.5rem 1rem 4.5rem;
	background-color: #fff;
	color: #947f28;
	border-radius: 10px;
	display: block;
	line-height: 1.4;
	letter-spacing: 0;
	position: relative;
	font-size: 2rem;
	border: 1px solid #947f28;
	font-family: alternate-gothic-no-2-d, sans-serif;
}
.gaiyo_wrap li .btn a::after {
	position: absolute;
	content: '';
	width: 2rem;
	height: 2rem;
	background: url('../images/tel.png') no-repeat center center/contain;
	left: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
}
.howtouse {
	background: #fafafa;
	padding: 5rem 2rem;
}
.howtouse .cont_inr {
	max-width: 60rem;
}
.howtouse .cont_ttl {
	font-size: 3.6rem;
	color: #009a3e;
	margin-bottom: 3rem;
	font-family: 'fot-udkakugoc80-pro', sans-serif;
}
.howtouse .howtouse_wrap {
	background-color: #fff;
	border: 2px solid #dddddd;
	border-radius: 10px;
	padding: 1.5rem 0;
	min-height: 74px;
	margin-bottom: 3rem;
	position: relative;
}
.howtouse .howtouse_wrap::after {
	position: absolute;
	content: '';
	width: 15px;
	height: 13px;
	bottom: -2.5rem;
	left: 50%;
	transform: translateX(-50%);
	background: #888888;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.howtouse .howtouse_wrap:last-child::after {
	display: none;
}
.howtouse .howtouse_wrap dt {
	text-align: center;
	color: #009a3e;
	font-size: 1.8rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	line-height: 1;
	padding: 0 1.5rem;
	min-height: 43px;
	position: relative;
}
.howtouse .howtouse_wrap dt small {
	color: #000;
	font-size: 1rem;
	display: block;
	margin-top: 7px;
	width: 100%;
	line-height: 1.4;
}
.howtouse .howtouse_wrap.last dt {
	padding: 0 1.5rem 0 4rem;
}
.howtouse .howtouse_wrap dt.number::after {
	position: absolute;
	content: '';
	width: 43px;
	height: 43px;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.howtouse .howtouse_wrap:nth-child(1) dt.number::after {
	background: url('../images/step01.png') no-repeat center center/contain;
}
.howtouse .howtouse_wrap:nth-child(2) dt.number::after {
	background: url('../images/step02.png') no-repeat center center/contain;
}
.howtouse .howtouse_wrap:nth-child(3) dt.number::after {
	background: url('../images/step03.png') no-repeat center center/contain;
}
.howtouse .howtouse_wrap:nth-child(4) dt.number::after {
	background: url('../images/step04.png') no-repeat center center/contain;
}
.howtouse .howtouse_wrap:nth-child(5) dt.number::after {
	background: url('../images/step05.png') no-repeat center center/contain;
}
.howtouse .howtouse_wrap dt.number::before {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	right: 16px;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	background: url('../images/arrow_down.png') no-repeat center center/contain;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.howtouse .howtouse_wrap dd {
	padding: 2rem 1rem;
	margin: 2rem auto 0;
}
.howtouse .howtouse_wrap dd .txt {
	margin-bottom: 2rem;
	color: #002841;
}
.howtouse .howtouse_wrap dd.number_inr {
	border-top: 2px solid #dddddd;
}
.howtouse .howtouse_wrap dd ul {
	max-width: 36rem;
	margin: auto;
}
.howtouse .howtouse_wrap dd li,
.disinr li {
	width: 50%;
	margin-bottom: 3rem;
	font-size: 1.2rem;
	padding: 0 1rem;
	color: #002841;
	line-height: 1.4;
}
.howtouse .howtouse_wrap dd li .img,
.disinr li img {
	max-width: 15rem;
	margin-bottom: 15px;
}
.howtouse .howtouse_wrap dd li .img.img_1 {
	max-width: 31rem;
}
.howtouse .howtouse_wrap dd li.w_100 {
	width: 100%;
}
.howtouse .howtouse_wrap dd .cre_ttl {
	background-color: #003a6d;
	color: #fff;
	border-radius: 1rem;
	text-align: center;
	padding: 1.5rem 2rem;
	font-size: 1.8rem;
	line-height: 1.4;
	margin-bottom: 3rem;
}
.howtouse .howtouse_wrap dd .cre_ttl.last {
	margin-bottom: 0;
}
.howtouse .howtouse_wrap dd .cre_ttl span {
	position: relative;
}
.howtouse .howtouse_wrap dd .cre_ttl span::after {
	position: absolute;
	content: '';
	background: url('../images/arrow.png') no-repeat center center/contain;
	width: 2.6rem;
	height: 2.6rem;
	top: 50%;
	transform: translateY(-50%);
	right: -4rem;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.howtouse .howtouse_wrap dd .cre_ttl.green {
	background-color: #006839;
}
.howtouse .howtouse_wrap dd .w100 {
	background-color: #ffe2e2;
	padding: 1.5rem 1.5rem 1.5rem 0;
	width: 100%;
	justify-content: center;
	border-radius: 10px;
}
.howtouse .howtouse_wrap dd .w100 .img {
	max-width: 14rem;
}
.howtouse .howtouse_wrap dd .cre_cont {
	padding: 0;
}
.howtouse .howtouse_wrap dd .cre_cont .w100 .img,
.howtouse .howtouse_wrap dd .cre_cont .w100 .txt {
	width: 50%;
	padding: 0 1rem;
}
.howtouse .howtouse_wrap dd .cre_cont .w100 .txt {
	margin-bottom: 0;
}
.howtouse .howtouse_wrap dd .bg_bl {
	background-color: #e7ecf2;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 100%;
	padding: 1.5rem;
	min-height: 19rem;
}
.howtouse .howtouse_wrap dd li .red {
	font-size: 1.2rem;
}

.howtouse .howtouse_wrap dd li {
	position: relative;
}

.howtouse .howtouse_wrap dd li.noimage {
	padding-top: 36px;
}

.howtouse .howtouse_wrap dd li > .number {
	display: grid;
	place-content: center;
	position: absolute;
	top: -8px;
	left: -6px;
	width: 36px;
	height: 36px;
	color: white;
	border-radius: 50%;
	background-color: #009a3e;
	font-family: 'fot-udkakugoc80-pro', sans-serif;
	border: 1px solid white;
}

.howtouse .howtouse_wrap dd li > .number.-red {
	background-color: #dc010b;
}

.howtouse .howtouse_wrap dd li.w_100.flex {
	justify-content: space-between;
	align-items: center;
}
.howtouse .howtouse_wrap dd li.w_100.flex .img {
	width: calc(50% - 3rem);
	margin-bottom: 0;
}
.howtouse .howtouse_wrap dd li.w100.flex .img {
	margin: 0 auto;
}
.howtouse .howtouse_wrap dd li.w_100.flex .txt {
	width: 50%;
	font-size: 1.2rem;
	margin-bottom: 0;
}

.howtouse .howtouse_wrap dd li > .img.center {
	margin-inline: auto;
	max-width: 32rem;
}

.movie {
	padding: 0rem 2rem 5rem;
	background: #fafafa;
}

.movie__wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3rem;
	width: 100%;
}

.movie__inner {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}

.movie__ttl {
	margin-bottom: 8px;
	font-size: 2rem;
	font-family: 'fot-udkakugoc80-pro', sans-serif;
	color: #009a3e;
	text-align: center;
}

.movie__wrap iframe {
	max-width: 600px;
	aspect-ratio: 103 / 58;
}

.bl_txt {
	font-size: 1.2rem;
	color: #333333;
}
.riyoukanou {
	background-color: #f5f5f5;
	padding: 5rem 2rem;
}
.riyoukanou .ttl {
	color: #0092e6;
	font-size: 2.4rem;
	text-align: center;
	margin-bottom: 3rem;
}
.riyoukanou .ttl i {
	display: block;
	width: 5rem;
	height: 5rem;
	margin: 0 auto 1rem;
	background: url('../images/icon.png') no-repeat center center/contain;
}
.riyoukanou .logo_wrap li {
	width: 50%;
	padding: 0 0.5rem;
	margin-bottom: 3rem;
}
.riyoukanou .logo_wrap li a {
	background-color: #ffffff;
	border-radius: 5px;
	border-bottom: 3px solid rgba(0, 146, 230, 0.64);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 1rem 2rem;
	height: 70px;
	position: relative;
}
.riyoukanou .logo_wrap li a::after {
	position: absolute;
	content: '';
	width: 1.6rem;
	height: 1.6rem;
	background: url('../images/arrow_b.png') no-repeat center center/contain;
	bottom: -1rem;
	left: 50%;
	transform: translateX(-50%);
}
.riyoukanou .logo_wrap li:nth-child(1) a img {
	width: 100px;
}
.riyoukanou .logo_wrap li:nth-child(4) a img {
	width: 50px;
}
@media only screen and (min-width: 769px) {
	.mv .mv_bg {
		height: 100%;
		background: linear-gradient(180deg, rgba(236, 244, 217, 1) 0%, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 1) 100%);
	}
	.mv .mv_bg > picture {
		display: block;
		max-width: 768px;
		margin-inline: auto;
		height: 791px;
	}

	.mv .mv_bg .cont_inr {
		height: 520px;
	}
	.mv .mv_per {
		width: 18rem;
		height: 18rem;
		top: -56%;
		right: 1rem;
	}
	.mv .mv_phone {
		width: 30rem;
		height: 26rem;
	}
	.red {
		font-size: 1.6rem;
	}

	.hanbaikaishi .cont_inr {
		max-width: 42rem;
	}

	.hanbaikaishi .cont_inr .kaku_ttl {
		flex-wrap: nowrap;
	}

	.hanbaikaishi .cont_inr .kaku_ttl dt {
		width: 10rem;
		height: 5rem;
		font-size: 1.9rem;
		clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 10% 50%, 0% 0%);
	}
	.hanbaikaishi .cont_inr .kaku_ttl dd {
		font-size: 2.8rem;
		width: calc(100% - 8rem);
		padding: 0 0 0 1.6rem;
	}
	.hanbaikaishi .cont_inr .kaku_ttl dd .en .day {
		font-size: 5rem;
		margin-left: 3px;
	}
	.cvs_ttl {
		font-size: 2.2rem;
		text-align: center;
		padding: 2.6rem 1rem;
	}
	.cvs_ttl span {
		padding-left: 4rem;
	}
	.cvs_ttl span::after {
		width: 8.4rem;
		height: 8.4rem;
		left: -5rem;
		bottom: -2.5rem;
	}
	.kessai .box_wrap {
		justify-content: space-between;
	}
	.kessai .box_wrap .inr_box {
		display: grid;
		place-content: center;
		width: 48%;
		margin: 0;
	}
	.kessai .box_wrap .inr_box img {
		height: 46px;
		width: auto;
	}

	.kessai .inr_box:nth-child(2) img {
		height: 76px;
	}

	.cvsbtn a:hover {
		transform: scale(1.05);
		display: block;
	}
	.cvs .ttl_txt span::before {
		left: -7rem;
	}
	.cvs .ttl_txt span::after {
		right: -7rem;
	}
	.cvs .cvs_box {
		padding: 3rem 5.8rem;
	}
	.cvs .btn_wrap {
		max-width: 54rem;
	}
	.cvs .btn_wrap,
	.cvs .btn_wrap .btn_left {
		justify-content: space-between;
		align-items: center;
	}
	.cvs .btn_wrap .btn_left {
		max-width: 43rem;
		width: 78%;
	}
	.cvs .btn_wrap .btn_left .btn_inr {
		width: 48%;
		max-width: 20rem;
	}
	.cvs .btn_wrap .btn_qr {
		width: 20%;
		max-width: 9rem;
	}
	.gaiyo_wrap dt > span::after {
		width: 3.6rem;
		height: 3.6rem;
	}
	.gaiyo_wrap dd {
		max-width: 70rem;
	}
	.gaiyo_wrap dd ul {
		justify-content: space-between;
	}
	.gaiyo_wrap ul li {
		width: 49%;
	}
	.riyoukanou_cont li .btn a:hover,
	.contact_list .btn a:hover {
		background-color: #ddd;
	}
	.riyou .logo_wrap {
		margin-bottom: 2rem;
	}
	.riyou .logo_wrap li {
		padding: 0 1rem;
	}
	.riyoukanou .logo_wrap li a::after {
		width: 3rem;
		bottom: -1.5rem;
		height: 3rem;
	}
	.riyoukanou,
	.riyoukanou_cont {
		padding: 10rem 2rem;
	}
	.riyoukanou_cont li {
		width: calc(100% / 2 - 20px);
		padding: 0 10px;
	}
	.riyoukanou .logo_wrap li {
		padding: 0 1.5rem;
	}
	.riyoukanou .logo_wrap li a {
		padding: 1.5rem 4rem;
		height: 100px;
	}
	.gaiyou {
		padding: 5.5rem 2rem 5rem;
	}
	.gaiyou .ttl {
		max-width: 50rem;
		width: 50%;
		top: -7rem;
	}
	.howtouse .howtouse_wrap dd li.w_100 .img {
		max-width: 30rem;
	}

	.howtouse .howtouse_wrap dd li > .number {
		top: -10px;
		left: -3px;
		width: 40px;
		height: 40px;
	}
}
@media only screen and (min-width: 1000px) {
	.riyoukanou_cont ul {
		justify-content: space-between;
	}
	.riyoukanou_cont li {
		width: calc(100% / 3 - 10px);
	}
	.riyoukanou .logo_wrap li {
		width: 25%;
	}
}
@media only screen and (max-width: 768px) {
	.mv .cont_inr {
		padding: 0 1.5rem;
	}
	.cvs .btn_wrap {
		max-width: 30rem;
		margin: 0 auto 2.5rem;
		justify-content: space-between;
	}
	.riyoukanou .logo_wrap li:nth-child(1) img {
		max-width: 74px;
	}
	.riyoukanou .logo_wrap li:nth-child(2) img {
		max-width: 103px;
	}
	.riyoukanou .logo_wrap li:nth-child(3) img {
		max-width: 87px;
	}
	.riyoukanou .logo_wrap li:nth-child(4) img {
		max-width: 36px;
	}
	.kessai .box_wrap {
		justify-content: center;
	}
	.kessai .inr_box {
		max-width: 34rem;
	}
	.howtouse .howtouse_wrap dd .w100 {
		justify-content: space-between;
	}
	.howtouse .howtouse_wrap dd .cre_cont .w100 .img,
	.howtouse .howtouse_wrap dd .cre_cont .w100 .txt {
		padding: 0;
	}
	.howtouse .howtouse_wrap dd .cre_cont .w100 .txt {
		font-size: 1rem;
		margin-bottom: 0;
	}
	.howtouse .howtouse_wrap dd li.w_100 .img {
		/* margin: 0 auto 12px; */
	}
}