@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..500&display=swap');


@media screen and (max-width: 767px) {
	.pc_only{display: none;}
	.radius-left{
		border-radius: 50px 0 0 0;
	}
	.radius-right{
		border-radius: 0 50px 0 0;
	}

	.mv{
		background: url(/special/entry_multi_lens/img/mv_sp.png) center top no-repeat;
		background-size: 100% auto;
		padding-top: 133%;
		height: 0;
		overflow: hidden;
		margin-bottom: 28px;
    }

	section {
		font-family: 'Noto Sans Jp', sans-serif;
	}

	section .sec_inner {
		padding: 0 20px;
	}

	section .sec_title {
		font-size: 155.5%;
		font-weight: 300;
		line-height: 1.3;
	}

	section .sec_title strong {
		font-size: 155.5%;
		font-weight: 300;
	}

	section .sec_copy {
		font-size: 116.6%;
		line-height: 1.3;
	}

	section:not(.shoplist) .md_txtM {
		font-size: 71.28%;
	}

	section .check_list > li {
		position: relative;
		padding-left: 20px;
	}

	section .check_list > li::before {
		background: url(/special/entry_multi_lens/img/icon_check.svg) no-repeat center center;
		background-size: 100%;
		content: "";
		width: 12px;
		height: 12px;
		position: absolute;
		top: 4px;
		left: 0;
	}

	section .flex_box {
		display: flex;
		flex-direction: column;
		gap: 25px;
	}

	section .flex_box > .flex_box_item {
		width: 100%;
	}

	section .text_blue {
		color: #024da2;
	}

	section .blue_btn {
		color: #ffffff;
		background-color: #024da2;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 17px;
		min-width: inherit;
		max-width: 238px;
		height: 40px;
		padding: 0 10px;
		border-radius: 8px;
		margin-left: auto;
		margin-right: auto;
		font-size: 90.7%;
		font-weight: 400;
	}

	section .blue_btn::before {
		background: url(/special/entry_multi_lens/img/icon_arrow.svg) no-repeat center center;
		background-size: 100% auto;
		content: "";
		position: relative;
		width: 6px;
		height: 10px;
	}
}

@media screen and (min-width: 768px) {
	.sp_only{display: none;}
	.color-box{
		padding-top: 66px;
	}

	.box-item {
        max-width: 1600px
    }

    .mv {
		height: 0;
		padding-top: 650px;
		overflow: hidden;
		background: url(/special/entry_multi_lens/img/mv_pc.png) center top no-repeat;
		margin-bottom: 46px;
    }

	section {
		font-family: 'Noto Sans Jp', sans-serif;
	}

	section .sec_inner {
		max-width: 1380px;
		padding: 0 50px;
		margin: 0 auto;
	}

	section .sec_title {
		font-size: 311%;
		font-weight: 300;
		line-height: 1.3;
	}

	section:nth-of-type(odd) .sec_title {
		text-align: right;
	}

	section .sec_title strong {
		font-size: 150%;
		font-weight: 300;
	}

	section .sec_copy {
		font-size: 233%;
		line-height: 1.3;
	}

	section .check_list > li {
		position: relative;
		padding-left: 50px;
		margin-top: 10px;
	}

	section .check_list > li:first-child {
		margin-top: 0;
	}

	section .check_list > li::before {
		background: url(/special/entry_multi_lens/img/icon_check.svg) no-repeat center center;
		background-size: 100%;
		content: "";
		width: 25px;
		height: 25px;
		position: absolute;
		top: 4px;
		left: 0;
	}

	section .flex_box {
		display: flex;
	}

	section .flex_box.pc_2col {
		gap: 7.8%;
	}

	section .flex_box.pc_2col > .flex_box_item {
		width: calc(100% / 2 - 7.8% / 2);
	}

	section .flex_box.pc_3col {
		gap: 20px;
	}

	section .flex_box.pc_3col > .flex_box_item {
		width: calc(100% / 3 - 20px * 2 / 3);
	}

	section .text_blue {
		color: #024da2;
	}

	section .blue_btn {
		color: #ffffff;
		background-color: #024da2;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 34px;
		min-width: inherit;
		max-width: 474px;
		height: 80px;
		padding: 0 10px;
		border-radius: 15px;
		margin-left: auto;
		margin-right: auto;
		font-size: 181.4%;
		font-weight: 400;
	}

	section .blue_btn:hover {
		opacity: 0.8;
	}

	section .blue_btn::before {
		background: url(/special/entry_multi_lens/img/icon_arrow.svg) no-repeat center center;
		background-size: 100% auto;
		content: "";
		position: relative;
		width: 12px;
		height: 21px;
	}
}