@charset "UTF-8";

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: 0;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.clearfix:after {
	content: "";
	display: table;
	clear: both
}

body {
	font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Sans-serif;
	background: #fff;
	-webkit-touch-callout: none;
	-webkit-user-select: none
}

.is-pc {
	display: block
}

.is-sp {
	display: none
}

.is-sp-s {
	display: none
}

[data-anim-style] {
	opacity: 0
}

[v-cloak] {
	display: none
}

a {
	color: inherit
}

a:visited {
	color: inherit
}

a:link {
	color: inherit
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%
}

a {
	text-decoration: none
}

.l-main {
	margin-bottom: 0
}

.l-container {
	/* min-width: 920px */
}

.l-container .modal {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 calc(34 / 390 * 100vw);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 3;
	display: none
}

.l-container .modal__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	cursor: pointer
}

.l-container .modal__inner {
	position: relative;
	z-index: 2;
	width: 100%
}

.l-container .modal__inner .modal_video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.l-container .modal__inner .modal_video iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.l-container .modal__inner .modal_close_btn {
	color: #fff;
	position: absolute;
	right: -25px;
	top: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.l-container .modal__inner .modal_close_btn__text {
	font-size: calc(12 / 390 * 100vw);
	letter-spacing: .1em;
	font-weight: 700;
	display: none
}

.l-container .modal__inner .modal_close_btn__icon {
	width: 35px;
	height: 35px;
	position: relative
}

.l-container .modal__inner .modal_close_btn__icon:after,
.l-container .modal__inner .modal_close_btn__icon:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 0
}

.l-container .modal__inner .modal_close_btn__icon:after {
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg)
}

.l-container .modal__inner .modal_close_btn__icon:before {
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg)
}

.l-container .main_visual_block {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.l-container .main_visual_block .main_visual_block_carousel {
	position: relative
}

.l-container .main_visual_block .main_visual_block_carousel .swiper-container {
	height: 100%
}

.l-container .main_visual_block .main_visual_block_carousel img {
	width: 100%;
	vertical-align: bottom
}

.l-container .about_block {
	background: #c5def2;
	padding: 33px 0 36px
}

.l-container .about_block__inner {
	max-width: 640px;
	border: 2px solid #fff;
	border-radius: 60px;
	width: 100%;
	margin: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 71px 0 46px;
	position: relative
}

.l-container .about_block__inner .about_block_txt {
	position: relative;
	z-index: 2
}

.l-container .about_block__inner .about_block_txt p {
	text-align: center;
	font-size: 16px;
	letter-spacing: .07em;
	line-height: 2.25;
	color: #036eb8;
	font-weight: 700
}

.l-container .about_block__inner .about_block_bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 33px;
	z-index: 2;
	position: relative
}

.l-container .about_block__inner .about_block_bottom__image {
	width: 45.5%
}

.l-container .about_block__inner .about_block_bottom__image img {
	width: 100%;
	vertical-align: bottom
}

.l-container .about_block__inner .about_block_bottom__txt {
	font-size: 15px;
	letter-spacing: .153em;
	color: #036eb8;
	font-weight: 600;
	margin-top: 45px;
	line-height: 1.73;
	text-align: center
}

.l-container .about_block__inner .about_block_huziwara {
	position: absolute;
	width: 220px;
	bottom: 70px;
	right: 0px
}

.l-container .about_block__inner .about_block_huziwara img {
	width: 100%;
	vertical-align: bottom
}

.l-container .video_block {
	background-image: url(../img/bg_video_main.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: #fff;
	padding: 127px 0
}

.l-container .video_block__inner {
	max-width: 981px;
	/* max-width: 966px; */
	width: 100%;
	margin: auto
}

.l-container .video_block__inner .video_block_tit {
	text-align: center
}

.l-container .video_block__inner .video_block_tit__main {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: .163em;
	line-height: 1.43
}

.l-container .video_block__inner .video_block_tit__sub {
	margin-top: 38px;
	font-weight: 600;
	font-size: 16px;
	line-height: 2.25;
	letter-spacing: .05em
}

.l-container .video_block__inner .video_block_list__flex {
	display: flex;	flex-wrap: wrap;	justify-content: center;
	gap: 45px;
	margin-top: 30px;
}
.l-container .video_block__inner .video_block_list__flex.flex02 {
	gap: 15px;
	margin-top: 60px;
}
/*.l-container .video_block__inner .video_block_list {
	display: flex;	flex-wrap: wrap;	justify-content: center;
	gap: 45px;
	margin-top: 30px
}*/

.l-container .video_block__inner .video_block_list .video_block_list_item {
	width: 438px;
	/* width: 100%; */
	/* max-width: 600px; */
	margin-left: auto;
	margin-right: auto;
}
.l-container .video_block__inner .video_block_list .flex02 .video_block_list_item {
	width: 296px;
}
.l-container .video_block__inner .video_block_list .flex02 .video_block_list_item__tit {
	margin: 0 0 1.85em;
	font-size: 14px;
}

.l-container .video_block__inner .video_block_list .video_block_list_item__tit {
	margin: 0 0 1.5em;

	text-align: center;
	font-size: 24px;
	line-height: 1.46;
	letter-spacing: .12em;
	font-weight: 700
}

@media screen and (max-width: 920px) {
	.l-container .video_block__inner .video_block_list__flex.flex02 {
		gap: 45px;
	}
	.l-container .video_block__inner .video_block_list .flex02 .video_block_list_item {
		width: 438px;
	}
	.l-container .video_block__inner .video_block_list .flex02 .video_block_list_item__tit {
		font-size: 24px;
		margin: 0 0 1.5em;
	}
}

.l-container .video_block__inner .video_block_list .video_block_list_item__video {
	border-radius: 40px;
	overflow: hidden;
}

.l-container .video_block__inner .video_block_list .video_block_list_item__video img {
	width: 100%;
	vertical-align: bottom
}

.l-container .brand_block {
	/* background: #0659a6; */
	background: var(--Cblue0);

	padding: 48px 0 68px;
	color: #fff
}

.l-container .brand_block__inner {
	max-width: 763px;
	width: 100%;
	margin: auto
}

.l-container .brand_block__inner .brand_block_main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.l-container .brand_block__inner .brand_block_main__image {
	text-align: right;
	width: 49%
}

.l-container .brand_block__inner .brand_block_main__image img {
	width: 318px;
	vertical-align: bottom
}

.l-container .brand_block__inner .brand_block_main__txt {
	width: 49%
}

.l-container .brand_block__inner .brand_block_main__txt h2 {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: .1em;
	line-height: 2.125;
	text-align: center;
	white-space: nowrap
}

.l-container .brand_block__inner .brand_block_caption {
	margin-top: 26px
}

.l-container .brand_block__inner .brand_block_caption p {
	font-weight: 600;
	font-size: 10px;
	text-align: center;
	letter-spacing: .05em;
	line-height: 1.7
}

.l-container .brand_block__inner .brand_block_btn {
	width: 67.9%;
	display: block;
	margin: auto;
	font-weight: 700;
	font-size: 24px;
	letter-spacing: .113em;
	background: #fff;
	border-radius: 10000px;
	padding: 12px 0 14px;
	text-align: center;
	margin-top: 29px;
	/* color: #0659a6; */
	color: var(--Cblue0);

	-webkit-transition: opacity .4s cubic-bezier(.22, 1, .36, 1);
	transition: opacity .4s cubic-bezier(.22, 1, .36, 1)
}

.l-container .ambassador_block {
	background: #fff9db
}

.l-container .ambassador_block__inner {
	max-width: 918px;
	width: 100%;
	margin: auto;
	padding: 78px 0 97px;
	position: relative
}

.l-container .ambassador_block__inner .ambassador_block_container_left {
	width: 45.7%
}

.l-container .ambassador_block__inner .ambassador_block_container_left__tit {
	font-size: 32px;
	letter-spacing: .093em;
	line-height: 1.74;
	/* color: #0659a6; */
	color: var(--Cblue0);

	font-weight: 700
}

.l-container .ambassador_block__inner .ambassador_block_container_left__txt {
	/* color: #0659a6; */
	color: var(--Cblue0);

	margin-top: 17px;
	font-size: 16px;
	letter-spacing: .05em;
	font-weight: 600;
	line-height: 2.25
}

.l-container .ambassador_block__inner .ambassador_block_container_left__btn {
	width: 89.9%;
	margin-top: 44px;
	/* color: #0659a6; */
	color: var(--Cblue0);

	display: block;
	font-size: 24px;
	letter-spacing: .113em;
	border-radius: 1000px;
	/* border: 5px solid #0659a6; */
	border: 5px solid var(--Cblue0);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	background: #fff;
	padding: 8px 0;
	font-weight: 600;
	-webkit-transition: opacity .4s cubic-bezier(.22, 1, .36, 1);
	transition: opacity .4s cubic-bezier(.22, 1, .36, 1)
}

.l-container .ambassador_block__inner .ambassador_block_container_right {
	width: 49.7%;
	position: absolute;
	bottom: 0;
	right: 10px
}

.l-container .ambassador_block__inner .ambassador_block_container_right img {
	width: 100%;
	vertical-align: bottom
}

.l-container .sns_block {
	/* background: #0659a6; */
	background: var(--Cblue0);
	padding: 87px 0 96px
}

.l-container .sns_block__inner {
	max-width: 920px;
	width: 100%;
	margin: auto
}

.l-container .sns_block__inner .sns_block_tit {
	font-size: 32px;
	letter-spacing: .163em;
	font-weight: 700;
	line-height: 1.43;
	color: #fff
}

.l-container .sns_block__inner .sns_block_left_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 38px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.l-container .sns_block__inner .sns_block_left_wrapper .sns_link_btn {
	background: #000;
	border-radius: 100px;
	height: 50px;
	margin: auto;
	max-width: 300px;
	width: 90%;
}
.l-container .sns_block__inner .sns_block_left_wrapper .sns_link_btn a {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	text-align: center;
	width: 100%;
}
.l-container .sns_block__inner .sns_block_left_wrapper .sns_link_btn a img {
	display: block;
	height: 100%;
	width: auto;
}

.l-container .sns_block__inner .sns_block_left_wrapper__left {
	width: 49.1%
}

.l-container .sns_block__inner .sns_block_left_wrapper__share_btn {
	margin: auto;
	margin-top: calc(46 / 390 * 100vw)
}

.l-container .sns_block__inner .sns_block_left_wrapper__right {
	width: 47.7%
}

.l-container .sns_block__inner .sns_block_left_wrapper__right img {
	width: 100%;
	vertical-align: bottom
}

.l-container .sns_block__inner .sns_block_share_btn {
	margin-top: 48px
}

@font-face {
	font-family: swiper-icons;
	src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-container-pointer-events {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode > .swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
	-ms-scroll-snap-type: y mandatory;
	scroll-snap-type: y mandatory
}

@media screen and (min-width:769px) {
	.l-container .brand_block__inner .brand_block_btn:hover {
		opacity: .8
	}

	.l-container .ambassador_block__inner .ambassador_block_container_left__btn:hover {
		opacity: .7
	}
}

@media screen and (max-width:769px) {
	.is-pc {
		display: none
	}

	.is-sp {
		display: block
	}

	.l-container {
		min-width: 100%
	}

	.l-container .modal {
		padding: 0
	}

	.l-container .modal__inner .modal_close_btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		right: auto;
		top: auto;
		left: 50%;
		bottom: calc(-30 / 390 * 100vw);
		-webkit-transform: translate(-50%, 100%);
		transform: translate(-50%, 100%)
	}

	.l-container .modal__inner .modal_close_btn__text {
		display: block
	}

	.l-container .modal__inner .modal_close_btn__icon {
		width: calc(15 / 390 * 100vw);
		height: calc(15 / 390 * 100vw);
		margin-left: calc(8 / 390 * 100vw)
	}

	.l-container .about_block {
		padding: calc(38 / 390 * 100vw) calc(36 / 390 * 100vw) calc(45 / 390 * 100vw)
	}

	.l-container .about_block__inner {
		padding: calc(57 / 390 * 100vw) 0 calc(60 / 390 * 100vw)
	}

	.l-container .about_block__inner .about_block_txt p {
		font-size: calc(12 / 390 * 100vw);
		line-height: 2.3
	}

	.l-container .about_block__inner .about_block_bottom {
		margin-top: calc(110 / 390 * 100vw)
	}

	.l-container .about_block__inner .about_block_bottom__image {
		width: 100%
	}

	.l-container .about_block__inner .about_block_bottom__txt {
		margin-top: calc(19 / 390 * 100vw);
		letter-spacing: .093em;
		font-size: calc(16 / 390 * 100vw);
		line-height: 1.75
	}

	.l-container .about_block__inner .about_block_huziwara {
		width: calc(201 / 390 * 100vw);
		bottom: calc(110 / 390 * 100vw);
	}

	.l-container .video_block {
		background-image: url(../img/bg_video_main_sp.jpg);
		padding: calc(44 / 390 * 100vw) 0 calc(111 / 390 * 100vw)
	}

	.l-container .video_block__inner .video_block_tit__main {
		font-size: calc(20 / 390 * 100vw);
		line-height: 1.45
	}

	.l-container .video_block__inner .video_block_tit__sub {
		margin-top: calc(23 / 390 * 100vw);
		font-size: calc(12 / 390 * 100vw);
		line-height: 2.3
	}

	.l-container .video_block__inner .video_block_list .video_block_list__flex {	gap: 10vw;	}

	.l-container .video_block__inner .video_block_list__flex.flex02 { margin-top: 10vw; }
	.l-container .video_block__inner .video_block_list .video_block_list_item,
	.l-container .video_block__inner .video_block_list .flex02 .video_block_list_item {
		width: 90%;
	}

	.l-container .video_block__inner .video_block_list .video_block_list_item__tit,
	.l-container .video_block__inner .video_block_list .flex02 .video_block_list_item__tit {
		/*font-size: calc(20 / 390 * 100vw)*/
		font-size: calc(16 / 390 * 100vw);
		margin: 0 0 1.5em;
	}

	.l-container .video_block__inner .video_block_list .video_block_list_item__video {}

	.l-container .brand_block {
		padding: calc(50 / 390 * 100vw) 0 calc(39 / 390 * 100vw)
	}

	.l-container .brand_block__inner .brand_block_main {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.l-container .brand_block__inner .brand_block_main__image {
		width: 90%;
		margin-top: calc(39 / 390 * 100vw);
	}

	.l-container .brand_block__inner .brand_block_main__txt {
		width: 100%
	}

	.l-container .brand_block__inner .brand_block_main__txt h2 {
		font-size: calc(20 / 390 * 100vw);
		letter-spacing: .113em;
		line-height: 2
	}

	.l-container .brand_block__inner .brand_block_caption {
		margin-top: calc(13 / 390 * 100vw);
		padding: 0 calc(37 / 390 * 100vw)
	}

	.l-container .brand_block__inner .brand_block_caption p {
		text-align: justify
	}

	.l-container .brand_block__inner .brand_block_btn {
		width: 80.9%;
		margin-top: calc(36 / 390 * 100vw);
		font-size: calc(26 / 390 * 100vw);
		padding: calc(15 / 390 * 100vw) 0 calc(19 / 390 * 100vw)
	}

	.l-container .ambassador_block__inner {
		padding: calc(52 / 390 * 100vw) 0 calc(52 / 390 * 100vw)
	}

	.l-container .ambassador_block__inner .ambassador_block_container_left {
		width: 100%
	}

	.l-container .ambassador_block__inner .ambassador_block_container_left__tit {
		font-size: calc(20 / 390 * 100vw);
		text-align: center;
		line-height: 2
	}

	.l-container .ambassador_block__inner .ambassador_block_container_left__txt {
		font-size: calc(12 / 390 * 100vw);
		line-height: 2.3;
		text-align: center
	}

	.l-container .ambassador_block__inner .ambassador_block_container_left__btn {
		width: 88.9%;
		margin: auto;
		margin-top: calc(461 / 390 * 100vw);
		font-size: calc(26 / 390 * 100vw);
		padding: calc(12 / 390 * 100vw) 0
	}

	.l-container .ambassador_block__inner .ambassador_block_container_right {
		width: 90.7%;
		bottom: calc(112 / 390 * 100vw);
		right: calc(3 / 390 * 100vw)
	}

	.l-container .sns_block {
		padding: calc(65 / 390 * 100vw) 0 calc(111 / 390 * 100vw)
	}

	.l-container .sns_block__inner .sns_block_tit {
		font-size: calc(20 / 390 * 100vw);
		line-height: 2.3;
		text-align: center
	}

	.l-container .sns_block__inner .sns_block_left_wrapper {
		margin-top: calc(38 / 390 * 100vw);
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0 calc(34 / 390 * 100vw)
	}

	.l-container .sns_block__inner .sns_block_left_wrapper__left {
		width: 100%
	}

	.l-container .sns_block__inner .sns_block_left_wrapper__right {
		width: 100%;
		margin-top: calc(108 / 390 * 100vw)
	}
}

@media screen and (max-width:320px) {
	.is-sp-s {
		display: block
	}
}

/* offset style */
.l-container .sns_block {
	background: #C8DCEF;
}

.l-container .sns_block__inner .sns_block_tit {
	/* color: #0659A6; */
	color: var(--Cblue0);
	text-align: center;
}

.l-container .sns_block__inner .sns_block_left_wrapper {
	justify-content: center;
}

.l-container .sns_block__inner .sns_block_share_btn {
	margin-top: 60px;
	text-align: center;
}

.l-container .about_block__inner .about_block_bottom__image {
	min-height: 1px;
}

@media screen and (max-width: 769px) {
	.l-container .sns_block {
		padding: calc(73 / 390 * 100vw) 0 calc(60 / 390 * 100vw);
	}

	.l-container .sns_block__inner .sns_block_left_wrapper {
		margin-top: calc(27 / 390 * 100vw);
	}
}

.l-container .main_visual_block,
.l-container .about_block__inner .about_block_huziwara img,
.l-container .ambassador_block__inner .ambassador_block_container_right img,
.l-container .video_block__inner .video_block_list .video_block_list_item__video {
	position: relative;
}

.l-container .video_block__inner .video_block_list .video_block_list_item__video:before
{
	position: absolute;
	top: calc(50% - 1.8rem);	left: calc(50% - 1.8rem);
	content: "";
	display: block;
	width: 3.6rem;	height: 3.6rem;
	background: url("../img/movieArrow.png") no-repeat center/contain;

}

.IB{	position: relative;	}
.IB::after,
.l-container .main_visual_block::after,
.l-container .about_block__inner .about_block_huziwara:after,
.l-container .ambassador_block__inner .ambassador_block_container_right:after,
.l-container .video_block__inner .video_block_list .video_block_list_item__video:after {
	background: url("../img/transparent.png");
	background-size: cover;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}


/* 2022/05/02 */
.comingsoon {
	background: #C8DCEF;
	padding: 107px 0 170px;
}

.comingsoon .comingsoon_image img {
	margin: auto;
	max-width: 578px;
	width: 48%;
}

@media screen and (max-width: 769px) {
	.comingsoon .comingsoon_image img {
		max-width: 100%;
		width: 85%;
	}
}

/* 2022/06/13 */
#opinion_block {
	background: url(../img/opinion_bg.gif) no-repeat;
	font-family: 'DotGothic16', sans-serif !important;
	font-weight: 400;
	letter-spacing: 0.7em;
	padding: 178px 0 235px;
}

@media screen and (min-width: 2000px) {
	#opinion_block {
		background-size: cover;
	}
}

#opinion_block_content {
	background: #FFF;
	border: 3px solid #0022DE;
	box-sizing: border-box;
	margin: auto;
	padding: 159px 0 67px;
	max-width: 920px;
}

#opinion_block_tit {
	color: #0022DE;
	font-size: 72px;
	position: relative;
	text-align: center;
}

#opinion_block_tit:before,
#opinion_block_tit:after {
	background-size: cover;
	content: "";
	display: block;
	height: 98px;
	position: absolute;
}

#opinion_block_tit:before {
	background-image: url("../img/opinion_tit_txt_top.png");
	width: 246px;
	top: -110px;
	left: 12%;
}

#opinion_block_tit:after {
	background-image: url("../img/opinion_tit_txt_btm.png");
	width: 297px;
	right: 11%;
	bottom: -120px;
}

#opinion_block_list {
	color: #0022DE;
	margin: 147px auto 0;
	width: 86%;
}

#opinion_block_list #graph-window {
	background: #FFF;
	display: none;
	position: fixed;
	top: 2%;
	right: 10%;
	width: 600px;
	z-index: +1;
}

#opinion_block_list #graph-window.show {
	display: block;
	transform: translateY(100px);
}

#opinion_block_list #graph-window._show {
	display: block;
}

#opinion_block_list #graph-window._show_ {
	background: none;
	display: block;
	height: 600px;
	width: auto;
}

#opinion_block_list #graph-window img {
	border: 3px solid #0022DE;
	image-rendering: -webkit-optimize-contrast;
	width: 100%;
}

#opinion_block_list #graph-window._show_ img {
	height: 100%;
	width: auto;
}

#opinion_block_list li {
	border: 3px solid #0022DE;
	box-sizing: border-box;
	line-height: 1.65;
	margin-bottom: 60px;
}

#opinion_block_list dt {
	border-right: 2px solid #0022DE;
	border-bottom: 2px solid #0022DE;
	box-sizing: border-box;
	display: inline-block;
	font-size: 42px;
	padding: 6px 24px;
}

#opinion_block_list dd {
	border-bottom: 2px solid #0022DE;
	box-sizing: border-box;
	font-size: 28px;
	padding: 10px 12px;
}

#opinion_block_list dd span {
	background: linear-gradient(0deg, #FFFF00 40%, transparent 50%);
}

#opinion_block_list li dd:last-child {
	border-bottom: none;
}

#opinion_block_blueBg {
	background: #0022DE;
	color: #FFF;
	font-size: 14px;
	letter-spacing: 0.45em;
	line-height: 1.85;
	margin: auto;
	padding: 23px 16px 21px 11px;
	width: 86%;
}

#opinion_block_pdfBtn .button {
	background: #0022DE;
	border-radius: 42px;
	color: #FFF;
	display: block;
	font-family: "Noto Sans CJK JP", "Noto Sans JP", sans-serif;
	font-size: 24px;
	font-weight: bold;
	height: 50px;
	letter-spacing: 0.15em;
	margin: 75px auto 0;
	position: relative;
	transition: .4s cubic-bezier(.22, 1, .36, 1);
	width: 484px;
}

#opinion_block_pdfBtn .button:hover {
	background: rgba(0, 34, 222, 0.8);
}

#opinion_block_pdfBtn .button:hover a {
	opacity: .8;
}

#opinion_block_pdfBtn .button:after {
	background-image: url("../img/opinion_pdf_txt_btm.png");
	background-size: cover;
	content: "";
	display: block;
	height: 98px;
	position: absolute;
	right: -200px;
	top: 65px;
	width: 410px;
}

#opinion_block_pdfBtn a {
	align-items: center;
	display: flex;
	justify-content: center;
	height: 100%;
	width: 100%;
}

@media screen and (max-width: 769px) {
	#opinion_block {
		background-image: url(../img/opinion_bg_sp.jpg);
		background-size: cover;
		padding: 83px 0 200px;
	}

	#opinion_block_content {
		padding: 115px 0 34px;
		width: 82%;
	}

	#opinion_block_tit {
		font-size: calc(84 / 769 * 100vw);
	}

	#opinion_block_tit:before,
	#opinion_block_tit:after {
		height: 64px;
	}

	#opinion_block_tit:before {
		background-image: url("../img/opinion_tit_txt_top_sp.png");
		top: -80px;
		left: 8%;
		width: 157px;
	}

	#opinion_block_tit:after {
		background-image: url("../img/opinion_tit_txt_btm_sp.png");
		bottom: -80px;
		right: 8%;
		width: 201px;
	}

	#opinion_block_list {
		margin-top: 102px;
		width: 96%;
	}

	#opinion_block_list .graph-view {
		pointer-events: auto;
	}

	#opinion_block_list #graph-window {
		background: rgba(0, 0, 0, 0.8);
		top: 0;
		left: 0;
		height: 100vh;
		width: 100vw;
	}

	#opinion_block_list #graph-window.show {
		transform: translateY(0px);
	}

	#graph-window span {
		background: #FFF;
		display: block;
		height: 3px;
		position: fixed;
		top: 40px;
		right: 20px;
		transform: rotate(45deg);
		width: 40px;
	}

	#graph-window span:nth-of-type(2) {
		transform: rotate(-45deg);
	}

	#opinion_block_list #graph-window img {
		object-fit: cover;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 90%;
	}

	#opinion_block_list li {
		margin-bottom: 30px;
	}

	#opinion_block_list dt {
		border-right: none;
		display: block;
		font-size: calc(56 / 769 * 100vw);
		padding: 18px 0 18px 0.25em;
		text-align: center;
		width: 100%;
	}

	#opinion_block_list dd {
		font-size: calc(28 / 769 * 100vw);
		letter-spacing: 0.1em;
	}

	#opinion_block_blueBg {
		font-size: calc(20 / 769 * 100vw);
		letter-spacing: 0.15em;
	}

	#opinion_block_pdfBtn .button {
		border-radius: 80px;
		font-size: calc(40 / 769 * 100vw);
		height: auto;
		margin-top: 44px;
		width: 82%;
	}

	#opinion_block_pdfBtn .button:after {
		background-image: url("../img/opinion_pdf_txt_btm_sp.png");
		height: 64px;
		margin-top: 30px;
		right: 0;
		top: auto;
		width: 232px;
	}

	#opinion_block_pdfBtn a {
		display: block;
		line-height: 1.4;
		padding: 15px 0;
		text-align: center;
	}

	#opinion_block_pdfBtn a span {
		display: block;
	}
}

/* ==================================================
tokumei
================================================== */
#tokumei_block {
	background: url("../img/bg_tokumei.gif") no-repeat;
	background-size: 1200px;
	padding: 70px 0 0;
	position: relative;
}

#tokumei_block img {
	margin: auto;
	max-width: 712px;
	width: 100%;
}

#tokumei_block .tokumei_block_btn {
	background: #FFF;
	border-radius: 42px;
	height: 50px;
	margin: auto;
	max-width: 484px;
	position: absolute;
	bottom: 45px;
	left: 0;
	right: 0;
	transition: opacity .4s cubic-bezier(.22, 1, .36, 1);
	width: 90%;
}

#tokumei_block .tokumei_block_btn:hover {
	opacity: .8;
}

#tokumei_block .tokumei_block_btn a {
	align-items: center;
	display: flex;
	/* color: #0659A6; */
	color: var(--Cblue0);

	font-size: 24px;
	font-weight: bold;
	height: 50px;
	justify-content: center;
	letter-spacing: 0.1rem;
	width: 100%;
}

@media screen and (min-width: 1200px) {
	#tokumei_block {
		background-size: 100%;
	}
}

@media screen and (max-width: 769px) {
	#tokumei_block {
		background: url("../img/bg_tokumei_sp.gif") no-repeat;
		background-size: cover;
		padding-top: 43px;
	}

	#tokumei_block img {
		max-width: none;
	}

	#tokumei_block .tokumei_block_btn {
		height: 60px;
		bottom: 3vw;
		max-width: none;
		width: 82%;
	}

	#tokumei_block .tokumei_block_btn a {
		font-size: calc(20 / 390 * 100vw);
		height: 60px;
	}
}

.l-container .about_block__inner .about_block_bottom__image img.is-sp {
	margin: auto;
	width: 90%;
}

@media screen and (max-width: 769px) {
	.l-container .brand_block__inner .brand_block_main__image img {
		width: 100%;
	}
}

.text_block {
	/* background: #0659A6; */
	background: var(--Cblue0);

	color: #FFF;
	padding: 100px 0;
	text-align: center;
}

.text_block_tit__main {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: .163em;
	line-height: 1.43;
}

.text_block_tit__sub {
	margin-top: 38px;
	font-weight: 600;
	font-size: 16px;
	line-height: 2.25;
	letter-spacing: .05em;
}

@media screen and (max-width: 769px) {
	.text_block {
		padding: calc(50 / 390 * 100vw) 0 calc(39 / 390 * 100vw);
	}

	.text_block_tit__main {
		font-size: calc(20 / 390 * 100vw);
		line-height: 1.45;
	}

	.text_block_tit__sub {
		margin-top: calc(23 / 390 * 100vw);
		font-size: calc(12 / 390 * 100vw);
		line-height: 2.3;
	}
}

.video_block_list_item__video {
	transition: 0.3s;
}

.video_block_list_item__video:hover {
	opacity: 0.75;
}

/* ==============================
胃の負担
============================== */
.text_block {
	padding-bottom: 0;
}

.leadwire {
	aspect-ratio: 16 / 9;
	background-image: url("/dairies/yogurt/lg21/ishiki/assets/img/inofutan.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	margin: 100px auto 0;
}

.leadwire .btn {
	border-radius: 42px;
	margin: auto;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	transition: .3s;
	width: 484px;
}

.leadwire .btn:hover {
	opacity: .75;
}

.leadwire .btn a {
	align-items: center;
	background: #FFF;
	/* color: #0659A6; */
	color: var(--Cblue0);

	display: flex;
	font-size: 16px;
	font-weight: bold;
	height: 50px;
	justify-content: center;
}

@media screen and (max-width: 769px) {
	.leadwire {
		aspect-ratio: 13 / 11;
		background-image: url("/dairies/yogurt/lg21/ishiki/assets/img/inofutan_sp.jpg");
		margin-top: calc(100 / 769 * 100vw);
		;
	}

	.leadwire .btn {
		border-radius: calc(84 / 769 * 100vw);
		bottom: calc(40 / 769 * 100vw);
		width: 80%;
	}

	.leadwire .btn a {
		font-size: calc(32 / 769 * 100vw);
		height: calc(120 / 769 * 100vw);
	}
}



/* ================================================================================
var
================================================================================ */
:root
{
	--Cblue0: rgba(6, 86, 169, 1.0);
}


/* ================================================================================
actionLG21
================================================================================ */
@media print, screen
{

#actionLG21
{
	padding: 90px 0 70px;
	background-color: var(--Cblue0);
}
#actionLG21 h2
{
	width: 360px;
	margin: 0 auto 50px;
}
#actionLG21 h2 svg
{
	display: block;
	width: 100%;
}

#actionLG21 .text_1
{
	margin: 0 0 10px;
	color: white;
	font-size: 16px;
	font-weight: 600;
	line-height: 2.25;
	letter-spacing: 0.05em;
	text-align: center;
}
#actionLG21 .text_2
{
	margin: 0 0 150px;
	color: white;
	font-size: 10px;
	font-weight: 600;
	line-height: 2.25;
	letter-spacing: 0.05em;
	text-align: center;
}

#actionLG21 .colabo
{
	position: relative;
	padding: 230px 0 80px;
	margin: -90px auto 50px;
}
#actionLG21 .colabo .background
{
	z-index: 1;
	position: absolute;
	top: 0;	left: calc((100% - 871px)/2);
	display: block;
	width: 871px;

}
#actionLG21 .colabo h3
{
	z-index: 2;
	position: relative;

	margin: 0 0 20px;

	color: var(--Cblue0);
	font-size: 87px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-align: center;
}
#actionLG21 .colabo p
{
	z-index: 2;
	position: relative;

	margin: 0 0 15px;

	color: var(--Cblue0);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: center;
}
#actionLG21 .colabo picture
{
	z-index: 2;
	position: relative;
	display: block;
	width: 366px;
	margin: 0 auto;
}
#actionLG21 .colabo picture img{	width: 100%;	object-fit: contain;	}

#actionLG21 .text_3
{
	margin: 0 0 30px;
	color: white;
	font-size: 32px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-align: center;
}
#actionLG21 .text_4
{
	margin: 0 0 10px;
	color: white;
	font-size: 16px;
	font-weight: 600;
	line-height: 2.25;
	letter-spacing: 0.05em;
	text-align: center;
}
#actionLG21 .text_5
{
	margin: 0 0 40px;
	color: white;
	font-size: 10px;
	font-weight: 600;
	line-height: 2.25;
	letter-spacing: 0.05em;
	text-align: center;
}

#actionLG21 .button
{
	width: 484px;	height: 50px;
	margin: 0 auto 15px;
	background-color: white;
	border-radius: 25px;
	overflow: hidden;
	transition: 0.2s ease-in-out 0s;
}
#actionLG21 .button a
{
	display: flex;	justify-content: center;	align-items: center;
	width: 100%;	height: 100%;
}
#actionLG21 .button a p
{
	color: var(--Cblue0);
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 0.1em;
}
#actionLG21 .button:hover{	opacity: 0.7;	}

#actionLG21 .text_6
{
	color: white;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-align: center;
}

#actionLG21 .scan
{
	scroll-margin-top: 100px;
	margin: 0 auto 150px;
}
#actionLG21 .scan picture
{
	display: block;
	width: 660px;	aspect-ratio: calc(660/490);
	margin: 0 auto 60px;
}
#actionLG21 .scan picture img{	width: 100%;	height: 100%;	}

#actionLG21 .text_7
{
	margin: 0 0 30px;
	color: white;
	font-size: 16px;
	font-weight: 600;
	line-height: 2.25;
	letter-spacing: 0.05em;
	text-align: center;
}

}
@media screen and (max-width: 767px)
{

#actionLG21{	padding: 20vw 0 10vw;	}
#actionLG21 h2
{
	width: 80vw;
	margin: 0 auto 15vw;
}
#actionLG21 .text_1
{
	margin: 0 0 2vw;
	font-size: 3vw;
}
#actionLG21 .text_2
{
	margin: 0 0 20vw;
	font-size: 3vw;
}

#actionLG21 .colabo
{
	position: relative;
	padding: 43vw 0 12vw;
	margin: -15vw auto 15vw;
}
#actionLG21 .colabo .background
{
	left: calc((100% - 158vw)/2);
	width: 158vw;

}
#actionLG21 .colabo h3
{
	margin: 0 0 4vw;
	font-size: 12.5vw;
}
#actionLG21 .colabo p
{
	margin: 0 0 5vw;
	font-size: 3vw;
}
#actionLG21 .colabo picture{	width: 70vw;	}

#actionLG21 .text_3
{
	margin: 0 0 5vw;
	font-size: 4vw;
}
#actionLG21 .text_4
{
	margin: 0 0 2vw;
	font-size: 3vw;
}
#actionLG21 .text_5
{
	margin: 0 0 8vw;
	font-size: 3vw;
}

#actionLG21 .button
{
	width: 80vw;	height: 16vw;
	margin: 0 auto 5vw;
	border-radius: 8vw;
}
#actionLG21 .button a p{	font-size: 4.5vw;	}
#actionLG21 .text_6{	font-size: 3vw;	}

#actionLG21 .scan{	margin: 0 auto 20vw;	}
#actionLG21 .scan picture
{
	width: 80vw;
	margin: 0 auto 10vw;
}
#actionLG21 .text_7
{
	margin: 0 0 8vw;
	font-size: 3vw;
}

}



/* ==============================
MODAL
============================== */
#m-wrap {
    background: rgba(0,0,0,.7);
    height: 100%;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: .3s;
    z-index: +1;
}
#m-wrap.show {
    opacity: 1;
    pointer-events: all;
}
#m-wrap .m-wrap-inner {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}
#m-wrap .m-wrap-bg {
    height: 100%;
}
#m-wrap .m-wrap-movie {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    width: 80%
}
#m-wrap .m-wrap-inner iframe {
    aspect-ratio: 16 / 9;
    width: 100%;
}
#m-wrap .m-wrap-inner .show {
    display: block;
    width: 100%;
}
#m-wrap #scale-img {
    max-width: 600px;
    width: 90%;
}
#m-wrap #scale-img.hide {
    display: none;
}
#m-wrap .m-wrap-close {
    position: relative;
    top: 15px;
    left: 20px;
}
#m-wrap .m-wrap-close .pc-hide {
    display: none;
}
#m-wrap .m-wrap-close:before,
#m-wrap .m-wrap-close:after {
    content: "";
    width: 35px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 0;
}
#m-wrap .m-wrap-close:before {
    transform: translateY(-50%) rotate(45deg);
}
#m-wrap .m-wrap-close:after {
    transform: translateY(-50%) rotate(-45deg);
}

@media screen and (max-width: 769px)
{


#m-wrap .m-wrap-movie {
	flex-wrap: wrap;
	width: 100%;
}
#m-wrap .m-wrap-close {
	position: relative;
	top: 10px;
	left: auto;
}
#m-wrap .m-wrap-close:before,
#m-wrap .m-wrap-close:after {
	left: auto;
	right: -15px;
	width: calc(12 / 390 * 100vw);
}
#m-wrap .m-wrap-close .pc-hide {
	color: #FFF;
	display: block;
	font-size: calc(12 / 390 * 100vw);
	font-weight: 700;
	letter-spacing: .1em;
}


}

/*====================
動画モーダル
====================*/
#modal_movie{
position: relative;
background: #fff;
width: auto;
max-width: 800px;
margin: 0 auto;
}
button.mfp-arrow{
display: none;
}
.mfp-iframe-scaler iframe {
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.mfp-figure:after {
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}


/*====================
モーダル：閉じる・左右ボタン
====================*/
.mfp-close{
width: 7.8vw !important;
height: 7.8vw !important;
font-size: 0 !important;
position: absolute;
top: -10.7vw !important;
right: 0 !important;
background: url("/dairies/yogurt/lg21/ishiki/assets/img/btn_close.png") no-repeat center / contain !important;
}
.popup-modal-prev,
.popup-modal-next{
width: 11vw;
height: 11vw;
text-indent: -9999px;
border: none;
cursor: pointer;
z-index: 300;
}

@media screen and (min-width: 768px), print{

/*====================
モーダル：閉じる・左右ボタン
====================*/
.mfp-close{
width: 54px !important;
height: 54px !important;
top: -70px !important;
right: 0 !important;
}
.popup-modal-prev,
.popup-modal-next{
width: 80px;
height: 80px;
}

}

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