@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Barlow+Condensed:500");

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,main,figure{margin:0;padding:0}table{font-size:100%;font-family:inherit}fieldset,img{border:0}img,svg,video{vertical-align:middle}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%}q:before,q:after{content:''}abbr,acronym{border:0}select,input,textarea{font-size:100%}header,footer,nav,main,section,article,figure,aside,picture{display:block}

html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}
html.no-scroll-behavior {
	scroll-behavior: auto;
}
body {
	background-color: #fff;
	font-size: 1rem;
	line-height: 1.8;
	color: #3f3232;
	word-wrap: break-word;
	overflow-wrap: break-word;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	text-size-adjust: none;
}
*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	width: 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
}

button {
	cursor: pointer;
}
iframe {
	max-width: 100%;
	vertical-align: middle;
}

/* --
============================================================================================================ */
:root {
	--px: 1px;
	--px: calc((500px / 375) + 0px);
}
@media screen and (max-width: 767px) {
	:root {
		--px: calc((100vw / 375) + 0px);
	}
}

/* slick
============================================================================================================ */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}.slick-arrow.slick-hidden,.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-slider * {
	outline: none;
}


/* page
============================================================================================================ */
@media screen and (min-width: 768px), print {
	#page {
		/* position: relative;
		width: calc(375 * var(--px));
		margin: 0 auto;
		box-sizing: content-box;
		z-index: 3; */
	}
}

/* mod_header
============================================================================================================ */
.mod_header {
	position: relative;
	display: flex;
	align-items: center;
	height: calc(50 * var(--px));
	padding-left: calc(15 * var(--px));
	/* background-color: #fff; */
}
.mod_header h1 {
	width: calc(106 * var(--px));
}
.mod_header .snsBtn {
	position: absolute;
	top: 50%;
	right: calc(16 * var(--px));
	width: calc(30 * var(--px));
	transform: translateY(-50%);
}

/* sec_mv
============================================================================================================ */
.sec_mv {
	position: relative;
}
.sec_mv .movie {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(58 * var(--px));
	transform: translate(-50%,-100%);
}
.sec_mv h1 {
	position: relative;
}
.sec_mv h1 .period {
	position: absolute;
    width: 121px;
    right: 24px;
    top: -17px;
	@media screen and (max-width: 767px) {
		width: 24.3055vw;
		right: 3.3333vw;
		top: -2.3611vw;
	}
}

/* sec_post
============================================================================================================ */
.sec_post .column_main_ph {
	margin-bottom: 3rem;
}
@media (min-width:641px) {
	.sec_post .cassette_content {
		padding: calc(20 * var(--px));
		width: auto;
	}
}

/* sec_chapel
============================================================================================================ */
.sec_chapel {
	margin-bottom: calc(50 * var(--px));
}

/* asi_contact
============================================================================================================ */
.asi_contact {
	margin-bottom: calc(50 * var(--px));
}

/* sec_happyvoice
============================================================================================================ */
.sec_happyvoice {
	margin-top: calc(50 * var(--px));
}
.sec_happyvoice .contents {
	padding-top: calc(50 * var(--px));
	padding-bottom: calc(60 * var(--px));
	background-color: #eeeee9;
}
.sec_happyvoice .contents .img {
	width: calc(264 * var(--px));
	margin: 0 auto;
}
.sec_happyvoice .contents .item {
	padding: 0 calc(20 * var(--px));
	background-color: #eeeee9;
	font-size: calc(12 * var(--px));
	line-height: calc(40 / 24);
}
.sec_happyvoice .contents .venue {
	margin: 2em calc(-20 * var(--px));
	text-align: center;
	font-size: calc(14 * var(--px));
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
}
.sec_happyvoice .contents .item dl {
	margin-top: 1.5em;
}
.sec_happyvoice .contents .item dt {
	font-weight: 700;
}
.sec_happyvoice .contents .item dt::after {
	content: "：";
}
.sec_happyvoice .slick-arrow {
	position: absolute;
	top: calc((50 * var(--px)) + (264 * var(--px) * (682 / 1024) / 2) - (25 * var(--px) / 2));
	overflow: hidden;
	width: calc(25 * var(--px));
	height: 0;
	margin: 0;
	padding: calc(25 * var(--px)) 0 0;
	border: 0;
	background: url(../img/arrorw.svg) no-repeat 50% 0;
	background-size: 100%;
	z-index: 10;
}
.sec_happyvoice .slick-prev {
	left: calc(20 * var(--px));
	transform: scaleX(-1);
}
.sec_happyvoice .slick-next {
	right: calc(20 * var(--px));
}
.sec_happyvoice .slick-dots {
	position: absolute;
	right: 0;
	left: 0;
	top: calc(15 * var(--px));
	display: flex;
	justify-content: center;
	z-index: 10;
}
.sec_happyvoice .slick-dots li button {
	position: relative;
	overflow: hidden;
	width: calc(30 * var(--px));
	height: 0;
	margin: 0;
	padding: calc(30 * var(--px)) 0 0;
	border: 0;
	background: none;
}
.sec_happyvoice .slick-dots li button::after {
	content: "";
	position: absolute;
	top: calc(10 * var(--px));
	bottom: calc(10 * var(--px));
	left: calc(10 * var(--px));
	right: calc(10 * var(--px));
	background-color: #9f9898;
	border-radius: 100%;
}
.sec_happyvoice .slick-dots li.slick-active button::after {
	background-color: #3f3232;
}

/* sec_totalproduce
============================================================================================================ */
.sec_totalproduce .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: calc(50 * var(--px));
	padding: 0 calc(20 * var(--px));
}
.sec_totalproduce .list li {
	width: calc(50% - (5.5 * var(--px)));
	margin-top: calc(10 * var(--px));
}

/* sec_form
============================================================================================================ */
.sec_form {
	background-color: #fff;
	padding: calc(20 * var(--px));
}
.sec_form .sec_formIn {
	background-color: #FFF;
}
.sec_form .formTitle {
	padding: calc(20 * var(--px)) 0;
	font-size: calc(13 * var(--px));
	text-align: center;
}
.sec_form .formText {
	padding: calc(10 * var(--px));
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: calc(12 * var(--px));
}
.sec_form .formBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: calc(40 * var(--px)) auto;
	padding: calc(15 * var(--px)) 0;
	width: calc(260 * var(--px));
	height: calc(48 * var(--px));
    border: 2px solid rgba(89, 103, 131, 0.83);
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: calc(14 * var(--px));
	color: #596783;
	text-decoration: none;
}
.sec_form .formBtn:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: calc(12 * var(--px));
	width: calc(9 * var(--px));
	height: calc(9 * var(--px));
	border-top: 1px solid #596783;
	border-right: 1px solid #596783;
	transform: translateY(-50%) rotate(45deg);
}

.formlist {
	padding: calc(6 * var(--px)) 0;
	/* border-top: 1px solid #EFEFEB; */
	/* border-bottom: 1px solid #EFEFEB; */
	padding-bottom: 10px;
}
.formlist + .formlist {
	margin-top: 1rem;
}
.formlistTit {
	padding: calc(6 * var(--px)) calc(15 * var(--px));
	font-size: calc(13 * var(--px));
	/* font-weight: bold; */
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
[data-need-hissu_by_onlyvalue] .formlistTit>span:after, [data-need-hissu_by_without] .formlistTit>span:after, [data-need] .formlistTit>span:after {
	content: "必 須";
	display: inline-block;
	color: #fff;
	font-weight: bold;
	background-color: #B8DCDB;
	padding: 0 10px;
	margin-left: 10px;
	font-size: calc(12 * var(--px));
}
.formlistContent {
	padding: 0 calc(15 * var(--px)) calc(6 * var(--px));
	font-size: calc(12 * var(--px));
}
.formlistContent .note02 {
	font-size: 1.2rem;
}
.formlistContent .kiboubiBox + .kiboubiBox {
	margin-top: 2rem;
}
.formlistContent .kiboubiBox dt {
	font-size: 1.5rem;
}
.formlistContent .kiboubiBox dd {
	display: flex;
	flex-wrap: wrap;
	width: 110%;
}
.formlistContent .kiboubiBox dd .textWrap {
	width: 20rem;
}
.formlistContent .kiboubiBox dd .selectWrap {
	margin-left: 1rem;
	display: flex;
	align-items: center;
}
.formlistContent .kiboubiBox dd .selectWrap .select {
	width: 7rem;
}
.formlistContent .kiboubiBox dd .selectWrap .select select {
	margin-right: 0.1rem;
}
.formlistContent .kiboubiBox dd .selectWrap {
	display: flex;
	flex-wrap: nowrap;
	letter-spacing: pre;
}
.formlistContent .note01 {
	font-size: 1.2rem;
}
.result {
	display: inline-block;
}
input, select, textarea, button {
}
.radioWrap .radio + .radio {
	margin-left: 1rem;
}
.radioWrap .radio {
	display: inline-block;
	pointer-events: cursor;
}
.radioWrap.shopBox {
	margin-top: 10px;
	padding: 10px 20px;
	background-color: #F1F9F7;
}
.textWrap input[type=email], .textWrap input[type=tel], .textWrap input[type=text] {
	width: 100%;
	font-size: 16px;
	padding: 0 13px;
	height: 5rem;
	color: #656563;
	background-color: #FFF;
	border: 1px solid #E1E1E1;
	border-radius: 0;
}
.selectWrap .select {
	color: #656563;
	display: block;
	position: relative;
}
.selectWrap .select>select {
	width: 100%;
	font-size: 1.6rem;
	padding: 0 10px 0 10px;
	height: 5rem;
	position: relative;
	border: 1px solid #E1E1E1;
	background-color: #FFF;
	border-radius: 0;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	/* background: linear-gradient(to bottom,rgb(255,255,255) 0%,rgb(239,239,239) 100%); */
	color: #3f3232;
}
.textareaWrap textarea {
	width: 100%;
	height: 200px;
	font-size: 1.6rem;
	padding: 7px 13px;
	color: #656563;
	background-color: #FFF;
	border: 1px solid #E1E1E1;
	border-radius: 0;
}
.schedule01Box {
	display: flex;
}
.schedule01Box .schedule01Box {
	display: flex;
	align-items: center;
}
.schedule01Box .schedule01Box input {
	width: 10rem;
}
.schedule01Box .schedule02Box {
	display: flex;
	align-items: center;
	margin-left: 1rem;
}
.schedule01Box .schedule02Box input {
	width: 8rem;
}
#reception_hall {
	width: 10rem;
}
.formbtnarea {
	padding: calc(30 * var(--px)) calc(20 * var(--px));
}

.formbtnarea .confirm {
	display: block;
	position: relative;
	width: 100%;
	background-color: #fff;
	color: #596783;
	padding: calc(15 * var(--px)) 0;
	cursor: pointer;
	font-size: calc(14 * var(--px));
	text-align: center;
	border: 2px solid rgba(89, 103, 131, 0.83);
}
.formbtnarea .confirm::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform-origin: 100% 0;
	transform: rotate(45deg);
}
.formbtnarea .confirm input {
	background: none;
	border: 0;
	font-size: calc(15 * var(--px));
	color: #596783;
	padding: 0;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}


.formbtnarea .finbtn {
	display: block;
	position: relative;
	width: 100%;
	background-color: #3f3232;
	color: #fff;
	padding: calc(15 * var(--px)) 0;
	cursor: pointer;
	font-size: calc(14 * var(--px));
	text-align: center;
}
.formbtnarea .finbtn::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform-origin: 100% 0;
	transform: rotate(45deg);
}
.formbtnarea .finbtn input {
	background: none;
	border: 0;
	font-size: calc(15 * var(--px));
	color: #FFF;
	padding: 0;
}

.formbtnarea .back {
	display: block;
	position: relative;
	margin-top: 20px;
	width: 100%;
	background-color: #aaa;
	color: #fff;
	padding: calc(15 * var(--px)) 0;
	cursor: pointer;
	font-size: calc(14 * var(--px));
	text-align: center;
}
.formbtnarea .back input {
	background: none;
	border: 0;
	font-size: calc(15 * var(--px));
	color: #FFF;
	padding: 0;
}

.errorWrap .errorList {
	font-size: calc(13 * var(--px));
	color: #FFF;
	background-color: #DF4547;
	margin: 0 calc(15 * var(--px)) calc(30 * var(--px));
	padding: 6px;
	border-radius: 5px;
	text-align: left;
}
.formlistContent .error strong {
	color: #FF0004;
	font-size: calc(13 * var(--px));
}

.sec_form .finarea {
	text-align: center;
	padding: calc(20 * var(--px)) 0 calc(50 * var(--px));
	font-size: calc(13 * var(--px));
	width: 500px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.sec_form .finarea {
		width: 100%;
	}
}
.sec_form .finarea h1 {
	margin-bottom: 0.5em;
	font-size: calc(20 * var(--px));
}
.sec_form .finarea .gotoTop {
	margin-top: calc(40 * var(--px));
}
.sec_form .finarea .gotoTop a {
	display: block;
	position: relative;
	width: 100%;
	background-color: #3f3232;
	color: #fff;
	padding: calc(15 * var(--px)) 0;
	cursor: pointer;
	font-size: calc(14 * var(--px));
	text-align: center;
	text-decoration: none;
}


.mfp-3d-unfold.mfp-wrap {
	-webkit-perspective: 2000px;
	perspective: 2000px;
}
.mfp-3d-unfold .mfp-container {
	opacity: 0;
	transition: all 0.3s ease-in-out;
	transform-style: preserve-3d;
	transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
	opacity: 0;
	transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-3d-unfold.mfp-ready .mfp-container {
	opacity: 1;
	transform: rotateY(0deg);
	padding-top: 50px;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
	opacity: 0;
}
.mfp-3d-unfold.mfp-removing .mfp-container {
	opacity: 0;
	transform: rotateY(60deg);
}
@media screen and (max-width: 767px) {
	.mod_footer{
		background-color: #F3ECD3;
		padding-bottom: 14rem;
	}
}
.mod_footer .copy{
	text-align: center;
	font-size: 12px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	padding-bottom: 50px;
}
.sec_chapel{
	position: relative;
}
.sec_chapel .chapel_wrap{
	margin-bottom: 20px;
}
.sec_allin{
	/* margin-bottom: 120px; */
}

/* ----PC画面------------------------------------------ */
main {
    height: 100vh;
    position: relative;
}

.content_left {
    height: 100vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
	/* right: 50%; */
    /* right: calc(50% + 12.8rem); */
	background-image: url(../img/bg_leftside.webp);
	background-size: cover;
	background-position: left bottom;
	width: calc(100% - 920px);
}
.content_left .logo{
	padding: 60px 0 0 60px;
}
.content_left .logo img{
	width: auto;
}
.content_right {
    height: 100vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    bottom: 0;
	/* left: 50%; */
    /* left: calc(50% + 24.8rem); */
    right: 0;
	width: 530px;
	background-image: url(../img/bg_leftside.webp);
	background-size: cover;
	background-position: right bottom;
	/* width: calc(100% - 920px); */
}

.content_main {
	position: relative;
	width: 390px;
	margin: 0 530px 0 auto;
	box-sizing: content-box;
	z-index: 3;
	background-color: #fff;
	image-rendering: -webkit-optimize-contrast;
}
@media screen and (max-width: 767px) {
	.content_main {
		width: 100%;
	}
}
.content_right .in{
	width: 530px;
	height: 100vh;
	margin-left: auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.content_right .in ul{
}
.content_right .in li{
	margin-top: 24px;
}
.content_right .in li:first-of-type{
	margin-top: 0;
}
.content_right .in img{
	width: auto;
}
.content_right .in a img{
	transition: 0.5s;
}
.content_right .in a img:hover{
	opacity: 0.5;
}
.bestrate_wrap{
	position: relative;
	margin-top: 56px;
}
.bestrate_wrap .btn{
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	width: 270px;
	margin: 0 auto;
}
.btn_wrap{
	background-color: #C7A55F;
	padding: 0 40px 28px;
}
/* .btn_wrap a img{
	transition: 0.5s;
}
.btn_wrap a img:hover{
	opacity: 0.5;
} */
.sec_insta{
	background-color: #F7F6F1;
	padding: 0 30px;
}
.sec_insta .inner{
	background-color: #fff;
	padding: 30px 30px;
	border-radius: 8px;
}
.sec_smallwedding{
	background-color: #F7F6F1;
	padding: 20px 20px 56px;
}
.sec_smallwedding .inner{
	background-color: #fff;
	padding: 60px 0px 0;
	border-radius: 8px;
}
.btn_wrap_smallwedding{
	padding: 48px 40px 60px;
}
.sec_access{
	margin-bottom: 100px;
	font-family: "dnp-shuei-gothic-gin-std",sans-serif;
	font-size: 15px;
}
.sec_access .inner{
	padding: 0 20px;
}
.sec_access iframe{
    width: 100%;
    height: 260px;
}
.sec_access .txt_area{
	margin-top: 20px;
	color: #282828;
}
.sec_access dl{
	display: flex;
	border-top: solid 1px #C6C6C6;
	padding-top: 20px;
	padding-bottom: 20px;
}
.sec_access dt{
	width: 6em;
}
.sec_access dl a{
	text-decoration: none;
	color: #282828;
}
.sec_access dl:nth-child(1){
	border-top: none;
}
.sec_access .yearend_wrap{
	background-color: #F7F6F1;
	padding: 14px 20px;
	font-size: 13px;
	color: #3F3F3E;
	letter-spacing: 0.02em;
	text-align: justify;
	margin-bottom: 20px;
}
.btn_wrap_photo{
	background-color: #F7F6F1;
	padding: 48px 40px 100px;
}
.btn_wrap_insta{
	padding-top: 32px;
}
.sec_main_visual .mv_logo{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 2;
	width: 176px;
}
.sec_main_visual .mv_bnner{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto 10px;
	z-index: 2;
	width: calc(100% - 20px);
}
.bg_moviearea{
	display: block;
    width: 100%;
    height: 100dvh;
    position: relative;
    overflow: hidden;
}
.bg_moviearea .movie {
    display: block;
    width: 100%;
    height: 100dvh;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* .mod_footer .copyright{
	font-family: "bellefair",sans-serif;
	font-size: 12px;
	text-align: center;
} */

/* ---- スライド ------------------------------------------ */
.slider{
	margin-bottom: 100px;
}
.slider .slick-slide{
	width: 350px;
	margin-right: 8px;
}
.slider div {

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


/* ----アコーディオン------------------------------------------ */

.toggle_title {
	font-weight: bold;
	height: 100px;
	margin: 0;
	padding: 0 0 0 0;
	position: relative;
}
.toggle_btn {
	display: block;
	width: 100%;
	height: 100px;
	background-image: url(../img/btn_open.svg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	cursor: pointer;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.toggle_btn.selected {
	background-image: url(../img/btn_close.svg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}
.toggle_txt {
	display: none;
}


@media screen and (min-width: 751px) {
	[data-sc-sp] {
		display:none!important;
	}
}
@media screen and (max-width: 750px) {
	[data-sc-pc] {
		display:none!important;
	}
}

.sec_mv .mainvisual{
	position: relative;
}
/* .sec_mv .mainvisual::before{
	content: "";
    position: absolute;
    bottom: -3.6rem;
    right: 2rem;
    z-index: 1;
    display: block;
    width: 14rem;
    height: 14rem;
    background-image: url(/lp-okinawa/img/badge_special.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
} */
@media screen and (max-width: 750px) {
	.sec_mv .mainvisual::before {
		width: 10rem;
    	height: 10rem;
		bottom: -2.4rem;
	}
}




/* -----------------------------------------------------------------------------

spNav

----------------------------------------------------------------------------- */
@media screen and (min-width: 751px) {
	.spNav {
		display: none !important;
	}
}
@media screen and (max-width: 750px) {
	.spNav {
		position: fixed;
		bottom: 2rem;
		left: 0;
		right: 0;
		margin: auto;
		width: calc(100% - 5rem);
		/* display: grid; */
		/* grid-template-columns: 1.5fr 1fr; */
		align-items: center;
		/* height: 5rem; */
		z-index: 99;
	}
}


/* -----------------------------------------------------------------------------

tab

----------------------------------------------------------------------------- */
/* タブエリア全体 */
.tab-area {
  padding: 0 20px 20px 20px;
  background-color: #F7F6F1;
}

/* ラジオボタンは画面に表示しない */
.tab-radio {
  display: none;
}

/* タブメニュー部分 */
.tab-menu {
  display: block;
  float: left;
  width: calc((100% - 10px) / 2); /* タブの数で割る */
  text-align: center;
  padding: 0.6em 0;
  background-color: #F3ECD3;
  border-radius: 4px 4px 0 0;
  cursor: pointer; /* クリックできることを示す */
  transition: background-color 0.2s; /* 背景色の変化を滑らかに */
  font-size: 14px;
  font-family: "dnp-shuei-gothic-gin-std",sans-serif;
  color: #9B9990;
}
.tab-menu.frist {
	margin-right: 10px;
}

/* タブメニューにカーソルが乗った時 */
.tab-menu:hover {
  opacity: 0.8;
}

/* コンテンツは最初はすべて非表示 */
.tab-content-item {
  display: none;
  clear: both; /* floatを解除 */
}

/* ▼ここからが切り替えの核となる部分▼ */

/* チェックされたラジオボタンに続くコンテンツを表示 */
#tab01:checked ~ #tabContent01,
#tab02:checked ~ #tabContent02{
  display: block;
}

/* チェックされたラジオボタンに対応するタブメニューのスタイルを変える */
#tab01:checked ~ #tabMenu01,
#tab02:checked ~ #tabMenu02 {
  background-color: #C7A55F;
  border-color: #C7A55F;
  color: white;
}