@media screen and (max-width: 920px) {
	/*===============================
	MARK: common
	=================================*/
	.pc-content {
		display: none !important;
	}

	.tb-content {
		display: block !important;
	}

	/*===============================
	MARK: TOP content
	=================================*/
	.site-header {
		top: 15px;
	}

	.header-inner {
		margin-inline: 15px;
		padding: 7px 10px 7px 5px;
	}

	.site-logo {
		max-width: 160px;
	}

	.g-nav {
		width: 49%;
	}

	.g-nav .btn {
		font-size: 15px;
		padding: 0.35em 1.3em 0.35em 1em;
	}
	.g-nav .btn span {
		width: 25px;
		height: 26px;
		right: 3px;
	}

	.mv-inner {
		padding-block: 70px 40px;
		background-position: 70%;
	}

	.mv-image {
		width: 85%;
	}

	.mv-txt {
		flex-direction: column-reverse;
		gap: 10px;
	}

	.mv-copy {
		width: 100%;
		margin-bottom: 0;
	}

	.merit-list {
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: auto;
		grid-row-gap: 10px;
	}

	.merit-list li {
		text-align: left;
	}

	.merit-list li a {
		position: relative;
		flex-direction: row;
		gap: 10px;
		font-size: var(--fz18);
		padding: 5px 30px 5px 10px;
	}

	.merit-list li a::after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		margin-top: 0;
		width: 20px;
		height: 32px;
		background: #ee7801;
		clip-path: polygon(0 0, 0 100%, 100% 50%);
	}

	.reason-item {
		display: flex;
		flex-direction: column;
		margin-top: 35px;
		padding-bottom: 40px;
		border-bottom: 2px solid var(--main-color);
	}

	.reason-item:first-child {
		border-top: 2px solid var(--main-color);
		padding-top: 35px;
	}

	.reason-detail {
		max-width: unset;
	}

	.reason-detail.border-top {
		border-top: none;
	}

	.coupon {
		margin-bottom: 50px;
	}

	.coupon .illust {
		flex: 1;
	}

	.coupon-list {
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: auto;
		grid-row-gap: 8px;
		padding-block: 0;
		width: 50%;
	}

	.reason-detail .option {
		margin-top: 40px;
		padding: 40px 15px 40px 15px;
	}

	.option-ttl .badge {
		font-size: var(--fz20);
		padding: 0 1em 1px;
	}

	.option-ttl {
		font-size: var(--fz20);
		text-align: center;
	}

	.option-ttl span {
		display: block;
	}

	.option-ttl span span {
		font-size: var(--fz28);
	}

	.reason-detail {
		margin-top: 20px;
	}

	.voice-list {
		margin-top: 20px;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto;
		grid-column-gap: 9px;
		grid-row-gap: 18px;
	}

	#voice {
		margin: 15px 15px 0 15px;
		padding-block: 30px 40px;
	}
}

@media screen and (max-width: 767px) {
	/*===============================
	MARK: common
	=================================*/
	.tb-content {
		display: none !important;
	}

	.sp-content {
		display: block;
	}

	.btn {
		padding: 0.9em 1em;
		font-size: 20px;
	}

	a:hover {
		opacity: 1;
	}

	.cta {
		padding-block: 40px;
	}

	/*===============================
	MARK: TOP content
	=================================*/
	.mv-lead {
		font-size: var(--fz20);
	}
	.mv-lead span {
		background-image: linear-gradient(0deg, #ee7801 0.3em, transparent 0.2em);
		padding: 0 0 0.3em;
	}

	.main-copy p {
		font-size: 25px;
	}

	.main-copy {
		margin-top: 10px;
		gap: 7px;
	}

	.mv-copy .img-wrap {
		width: 100%;
	}

	.main-copy p.sub {
		font-size: 22px;
	}

	.mv-copy .about {
		font-size: 15px;
		margin-top: 4px;
	}

	.mv-under {
		padding-block: 40px;
	}

	.mv-under ul {
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 15px;
		grid-row-gap: 12px;
	}

	.mv-under .notice {
		margin-top: 20px;
		text-align: center;
		width: 75%;
		margin-inline: auto;
	}

	#features {
		padding-block: 80px 45px;
	}

	.section-heading {
		font-size: var(--fz28);
		color: var(--main-key);
		gap: 2px;
	}

	.worries {
		margin-top: 25px;
		padding: 25px 15px 25px;
	}

	.worries h3 {
		line-height: 1.3;
	}

	.worries ul {
		flex-direction: column;
		gap: 15px;
	}

	.worries ul li {
		display: flex;
		align-items: center;
		justify-content: start;
		font-size: 15px;
		text-align: left;
		padding: 10px 15px 10px;
		gap: 17px;
	}

	.worries ul li .icon {
		padding: 5px;
		width: 65px;
		height: 65px;
		margin-bottom: 0;
	}

	.worries ul li:nth-child(2) .icon {
		padding-top: 1px;
	}

	.worries ul li p {
		flex: 1;
	}

	.worries ul li:nth-child(3) p {
		text-indent: 0;
		padding-left: 0;
	}

	.worries::after {
		width: 82px;
		height: 31px;
	}

	.solution {
		flex-direction: column;
		gap: 20px;
	}

	.solution-text p:nth-child(1) {
		text-align: center;
		font-size: var(--fz18);
		width: 100%;
	}

	.solution-text .logo {
		width: 100%;
	}

	.solution-text p:nth-child(3) {
		font-size: 1rem;
	}

	.solution-text p:nth-child(4) {
		margin-top: 5px;
	}

	.solution-image {
		width: 95%;
	}

	#movie h3 {
		font-size: var(--fz20);
	}

	#movie h3 span {
		width: 23px;
	}

	#movie {
		padding-bottom: 40px;
	}

	#movie .inner {
		background: #fff;
		padding-block: 25px 40px;
	}

	#reason-first .heading {
		padding-block: 75px 110px;
	}

	#reason-first .heading h2 div span {
		padding: 1px 4px 4px;
	}

	.merit-wrap {
		padding-block: 47px 25px;
		margin-bottom: 40px;
	}

	.merit-wrap img {
		width: 150px;
		bottom: 93%;
	}

	.merit-wrap h2 {
		font-size: 35px;
	}

	.merit-wrap h2 span {
		font-size: var(--fz20);
		font-weight: 800;
	}

	.merit-list li a::after {
		width: 10px;
		height: 22px;
	}

	.merit-list .num {
		font-size: 30px;
	}

	.reason-item .section-heading {
		font-size: 60px;
	}

	.reason-item .section-heading span {
		font-size: var(--fz12);
	}

	.reason-read {
		font-size: var(--fz24);
		line-height: 1.4;
	}

	.reason-txt {
		font-size: var(--fz18);
		margin-top: 10px;
		line-height: 1.4;
	}

	.sp-content.slide-wrap {
		margin-inline: calc(50% - 50vw);
	}

	.slide-wrap .splide__slide {
		position: relative;
		overflow: hidden;
		border-radius: 15px;
	}

	.sample-slider01 {
		margin-bottom: 13px;
	}

	.slide-wrap .splide__slide .sample-ttl {
		font-size: 13px;
		color: #fff;
		font-weight: 600;
		position: absolute;
		left: 50%;
		bottom: 10px;
		transform: translateX(-50%);
		width: 100%;
	}

	.option-list {
		margin-top: 17px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto;
		grid-column-gap: 10px;
		grid-row-gap: 10px;
	}

	#reason-first01 .option-list li {
		padding: 10px 10px 0px 10px;
	}

	#reason-first01 .option-list li:nth-child(1) {
		grid-area: 1 / 1 / 2 / 2;
	}
	#reason-first01 .option-list li:nth-child(2) {
		grid-area: 1 / 2 / 2 / 3;
	}
	#reason-first01 .option-list li:nth-child(3) {
		grid-area: 2 / 1 / 3 / 3;
		max-width: 50%;
		margin-inline: auto;
	}

	#reason-first01 .option-list li img {
		margin-inline: auto;
		height: 100px;
	}

	.option-list li p {
		font-size: var(--fz14);
	}

	#reason-first01 .option p.text-center {
		font-size: var(--fz22);
	}

	.gift-list {
		margin-top: 15px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 7px;
		grid-row-gap: 7px;
	}

	.gift-list li {
		font-size: var(--fz18);
		text-align: left;
		padding: 10px 5px 10px 55px;
		border-radius: 10px;
	}

	.gift-list li:nth-child(1) {
		background-position: 7px center;
		background-size: 44px;
	}

	.gift-list li:nth-child(2) {
		background-position: 6px center;
		background-size: 43px;
	}

	.gift-list li:nth-child(3) {
		background-size: 43px;
	}

	.gift-list li:nth-child(4) {
		background-position: 5px center;
		padding: 10px 5px 10px 55px;
		background-size: 41px;
	}

	.gift-list li:nth-child(5) {
		background-size: 41px;
	}

	.gift-list li:nth-child(6) {
		background-size: 41px;
	}

	#reason-first02 .reason-detail .option {
		margin-top: 15px;
		flex-direction: column;
		align-items: center;
		padding: 25px 15px 0px 15px;
		gap: 20px;
	}

	#reason-first02 .option-img {
		margin-bottom: 0;
		margin-right: 10%;
		width: 65%;
	}

	#reason-first02 .option-ttl p {
		font-size: var(--fz20);
	}

	#reason-first02 .option-txt .text-l {
		text-align: center;
	}

	#reason-first02 .notice {
		text-align: center;
		margin-top: 0;
	}

	#reason-first03 .reason-detail > h3 {
		font-size: var(--fz18);
		margin-bottom: 10px;
	}

	#reason-first03 .option-ttl p {
		margin-top: 10px;
	}

	#reason-first03 .reason-detail .option {
		margin-top: 40px;
		padding: 25px 30px 40px;
	}

	#reason-first03 .option-list {
		flex-wrap: wrap;
		gap: 12px;
		margin-top: 10px;
	}

	#reason-first03 .option-list li {
		width: 48%;
	}

	#reason-first03 .option-list li p {
		font-size: 15px;
	}

	#reason-first03 {
		padding-bottom: 15px;
	}

	#reason-second .merit-wrap {
		margin-top: 100px;
	}

	#reason-second .merit-wrap img {
		width: 149px;
	}

	#reason-second .merit-wrap h2 span span {
		font-size: var(--fz18);
		padding: 5px 0.5em;
	}

	#reason-second01 .reason-detail > p {
		font-size: 15px;
		line-height: 1.5;
		margin-bottom: 1.5em;
	}

	#reason-second .reason-detail h3 {
		font-size: var(--fz18);
		text-align: center;
		padding: 5px 10px 7px;
		margin-bottom: 10px;
	}

	#reason-second02 .img-wrap {
		flex-direction: column;
		gap: 5px;
	}

	#reason-second02 .img-wrap .left p {
		font-size: 1rem;
	}

	#reason-second02 .img-wrap .right {
		width: 100%;
	}

	#reason-second03 {
		padding-bottom: 15px;
	}

	#reason-second03 .reason-detail .img-wrap {
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}

	#reason-second03 .reason-detail .img-wrap div:nth-child(1) {
		width: 88%;
	}
	#reason-second03 .reason-detail .img-wrap div:nth-child(2) {
		width: 78%;
	}

	#reason-second #reason-second03 .reason-detail .option h3 {
		font-size: var(--fz24);
		text-align: left;
	}

	#reason-second #reason-second03 .reason-detail .option h3 span {
		padding-right: 0;
		padding-bottom: 5px;
	}

	#reason-second #reason-second03 .reason-detail .option h3::after {
		position: relative;
		top: 0;
		transform: none;
	}

	#reason-second03 .reason-detail .option p {
		font-size: 15px;
	}

	#reason-second #reason-second03 .reason-detail .option {
		padding-bottom: 25px;
	}

	.voice-list li {
		font-size: 15px;
		padding: 20px 5px 15px;
	}

	.voice-list li img {
		max-width: unset;
		width: 120px;
	}

	.voice-list li p {
		font-size: 15px;
	}

	#recommend {
		padding-block: 80px 80px;
	}

	.recommend-list {
		margin-top: 35px;
		grid-template-columns: repeat(1, 1fr);
	}

	.recommend-lead {
		font-size: var(--fz20);
		min-height: unset;
		margin-block: 15px;
		padding-inline: 10px;
	}

	.recommend-list li .inner {
		padding: 0 30px 20px;
	}

	#induction {
		padding-block: 35px 30px;
	}

	.point-list li {
		font-size: var(--fz22);
	}

	.fukidashi {
		font-size: var(--fz18);
	}

	.fukidashi::before {
		height: 55px;
	}
	.fukidashi::after {
		height: 55px;
	}

	#induction::after {
		top: 99%;
	}

	#form .inner {
		padding: 30px 15px;
	}

	.form_area label {
		font-size: 1rem;
	}

	.form_area input {
		font-size: 1rem;
	}

	.form_area .row {
		margin-block: 5px 20px;
	}

	.confirm .btn-wrap .row {
		flex-direction: column;
	}

	/*===============================
	MARK: FOOTER
	=================================*/

	.site-footer {
		font-size: var(--fz14);
	}
}