img {
	width: 100%;
	max-width: 100%;
	height: auto;
	line-height: 0;
}
.btn {
	width: initial!important;
}
/*======================
 index.html
 =======================
#main-visual {
	background:url(https://demo10.okimono.life/wp-content/uploads/2024/01/7RV02123.jpg) 50% 90% no-repeat;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#main-visual::after { content: none;}
@media screen and (max-width: 768px) {
	#main-visual {
		background:url(https://demo10.okimono.life/wp-content/uploads/2024/01/7RV02123-sp.jpg) center center no-repeat;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}*/

/*---------------------------
  lead
  ---------------------------
#lead {
	background: url(https://demo10.okimono.life/wp-content/uploads/2024/01/map01.svg) left 50px no-repeat;
	-webkit-background-size: 242px auto;
	-o-background-size: 242px auto;
	background-size: 242px auto;
}

@media screen and (max-width: 1200px) {
	#lead {
		background: #fff url(https://demo10.okimono.life/wp-content/uploads/2024/01/map01.svg) 40px 20px no-repeat;
		-webkit-background-size: 200px auto;
		-o-background-size: 200px auto;
		background-size: 200px auto;
	}
}
@media screen and (max-width: 920px) {
	#lead {
		background: #fff url(https://demo10.okimono.life/wp-content/uploads/2024/01/map01.svg) right 10px no-repeat;
		-webkit-background-size: 100px auto;
		-o-background-size: 100px auto;
		background-size: 100px auto;
	}
}*/


/*======================
 index
 =======================*/

#location .mask span::before { background-color: #f7f7f7;}
#plans .mask span::before { background-color: #efefef;}
#works .mask span::before { background-color: #fff;}
h2.ttl {
	margin: 0 auto 40px;
	padding-bottom: 25px;
	text-align: center;
	line-height: 1;
	font-family: 'Catamaran', sans-serif;
	font-size: 18px;
	font-weight: 700;
	position: relative;
}
h2.ttl::before {
	width: 40px;
	height: 1px;
	content: "";
	display: block;
	background: #f7f7f7;
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	transition-delay: 0.75s;
}
#location h2.ttl::before { background: #f7f7f7;}
#plans h2.ttl::before { background: #efefef;}
#works h2.ttl::before { background: #fff;}
h2.ttl.is-visible::before { background: #2d2d2d !important;}
h2.ttl +p {
	margin: -15px 0 40px;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.66;
	font-size: 12px;
	position: relative;
}

@media screen and (max-width: 1200px) {
	h2.ttl {
		margin: 0 auto 30px;
		padding-bottom: 20px;
		font-size: 16px;
	}
	h2.ttl +p { margin: -15px 0 30px;}
}
@media screen and (max-width: 640px) {
	#location h2.ttl { font-size: 14px !important;}
	h2.ttl +p { font-size: 10px !important;}
}
@media screen and (max-width: 420px) {
	h2.ttl +p {
		padding: 0 5%;
		text-align: left;
	}
	h2.ttl +p br { display: none;}
}

/*---------------------------
  main-visual
  ---------------------------*/
#main-visual {
	width: 100%;
	/*height: 80%;*/
	height: 70vh;
	position: relative;
}
#main-visual::after {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
	position: absolute;
	top: 0;
	left: 0;
}
#main-visual .txt-wrap {
	position: absolute;
	right: 60px;
	bottom: 60px;
	z-index: 2;
}
#main-visual .txt-wrap * { color: #FFF;}
#main-visual .txt-wrap h1 {}
#main-visual .txt-wrap h1 .ch {
	display: block;
	letter-spacing: 0.1em;
	line-height: 1;
	font-family: 'Noto Sans JP',sans-serif;
	font-size: 14px;
	font-weight: 300;
}
#main-visual .txt-wrap h1 .en {
	display: block;
	margin: 0.15em 0 0 0;
	letter-spacing: 0.18em;
	line-height: 1;
	font-family: 'Catamaran', sans-serif;
	font-size: 44px;
	font-weight: 800;
}
#main-visual .txt-wrap h1 + p {
	margin-top: 0.15em;
	letter-spacing: 0.2em;
	line-height: 1;
	font-family: 'Catamaran', sans-serif;
	font-size: 11px;
	font-weight: 300;
}
@media screen and (max-width: 1200px) {
	#main-visual .txt-wrap {
		right: 30px;
		bottom: 30px;
	}
	#main-visual .txt-wrap h1 .ch { font-size: 14px;}
	#main-visual .txt-wrap h1 .en { font-size: 36px;}
	#main-visual .txt-wrap h1 + p {
		letter-spacing: 0.25em;
		font-size: 11px;
	}
}
@media screen and (max-width: 768px) {
	#main-visual {
		height: 0;
		padding-top: 100%;
	}
	#main-visual .txt-wrap {
		right: auto;
		left: 5%;
		bottom: 4%;
	}
	#main-visual .txt-wrap h1 + p { display: none;}
}
@media screen and (max-width: 640px) {
	#main-visual .txt-wrap h1 .ch { font-size: 11px;}
	#main-visual .txt-wrap h1 .en { font-size: 32px;}
}

/*---------------------------
  lead
  ---------------------------*/
#lead {
	min-height: 380px;
	padding: 100px 0;
}
#lead .col-left {
	width: 18.5%;
	float: left;
}
#lead .col-right {
	width: 75%;
	float: right;
}
#lead .mask span::before { background-color: #FFF;}
#lead .title {
	padding-left: 40px;
	display: inline-block;
	letter-spacing: 0.18em;
	line-height: 2.2;
	color: #878787;
	font-family: 'Catamaran', sans-serif;
	font-size: 11px;
	font-weight: 300;
	position: relative;
}
#lead .title::before {
	width: 30px;
	height: 1px;
	content: "";
	display: block;
	background: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition-delay: 0.75s;
}
#lead .is-visible.title::before { background: #c0c0c0;}
#lead h2 {
	letter-spacing: 0.06em;
	line-height: 1.33;
	font-family : "Arapey" , serif;
	font-size: 28px;
	font-weight: 300;
}
#lead p {
	letter-spacing: 0.06em;
	line-height: 1.8;
	font-size: 14px;
}
#lead p .sp-only { display: none;}
#lead h2 + p { padding-top: 1.5em;}

@media screen and (max-width: 1200px) {
	#lead {
		min-height: 270px;
		padding: 60px 0;
	}
	#lead h2 {
		line-height: 1.4;
		font-size: 22px;
		font-weight: 400;
	}
	#lead p { font-size: 12px;}
	#lead p + p { padding-top: 2em;}
}
@media screen and (max-width: 920px) {
	#lead {
		min-height: none;
		padding: 8% 0 50px;
	}
	#lead .col-left {
		width: 100%;
		float: none;
	}
	#lead .col-right {
		width: 100%;
		float: none;
	}
	#lead .title {
		margin-bottom: 15px;
		padding-bottom: 20px;
		line-height: 1;
		padding-left: 0;
	}
	#lead .title::before {
		top: auto;
		bottom: 0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
@media screen and (max-width: 640px) {
	#lead .title { font-size: 10px;}
}

/*---------------------------
  location
  ---------------------------*/
#location {
	padding: 100px 0;
	background: #f7f7f7;
}
#location ul {
	width: 90%;
	margin: 0 auto;
	letter-spacing: -5px;
	font-size: 0;
}
#location ul.hide {
	margin-top: 50px;
	display: none;
}
#location ul li {
	width: 31%;
	margin: 50px 0 0 3.5%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
#location ul li:nth-child(3n+1) { margin-left: 0;}
#location ul li:nth-child(-n+3) { margin-top: 0;}
#location ul li:nth-child(3n-1) {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
}
#location ul li:nth-child(3n) {
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
}
#location ul li a { display: block;}
#location ul li a figure {
	line-height: 0;
	overflow: hidden;
	position: relative;
}
#location ul li a figure .sp { display: none;}
#location ul li a figure span {
	display: block;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
#location ul li a:hover figure span {
	-moz-transform: scale(1.075,1.075);
	-webkit-transform: scale(1.075,1.075);
	-o-transform: scale(1.075,1.075);
	-ms-transform: scale(1.075,1.075);
	transform: scale(1.075,1.075);
}
#location ul li .txt-wrap {
	padding: 25px 0 0;
	position: relative;
}
#location ul li .txt-wrap h3 .ch {
	display: block;
	letter-spacing: 0.06em;
	line-height: 1.5;
	font-size: 20px;
	font-weight: 400;
}
#location ul li .txt-wrap .en {
	padding-top: 1em;
	display: block;
	letter-spacing: 0.1em;
	line-height: 1;
	font-size: 11px;
	font-weight: 300;
}
#location ul li .txt-wrap h3 + p {
	padding-top: 16px;
	display: block;
	letter-spacing: 0.06em;
	line-height: 1.8;
	font-size: 12px;
}
#location ul li .txt-wrap .add {
	margin-top: 0.8em;
	letter-spacing: 0.1em;
	line-height: 1.5;
	font-size: 12px;
}
#location ul li .icon {
	position: absolute;
	top: 24px;
	right:0px;
}
#location ul li .icon span {
	width: 32px;
	margin-left: 5px;
	/*display: inline-block;*/
	line-height: 0;
}
#location ul li .txt-wrap .btn {
	margin-top: 35px;
	display: inline-block;
	letter-spacing: 0.1em;
	line-height: 2;
	font-family: 'Catamaran', sans-serif;
	font-size: 14px;
	font-weight: 400;
	position: relative;
}
#location ul li .txt-wrap .btn::after {
	content: "";
	width: 100%;
	height: 1px;
	display: inline-block;
	background: #1d1d1d;
	position: absolute;
	left: 0;
	bottom: 0;
}
#location ul li .txt-wrap .fade-in {}

.more-btn {
	width: 400px;
	margin: 50px auto 0;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 80px;
	font-size: 14px;
	border: 1px solid #808080;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	position: relative;
	cursor: pointer;
	background: #FFF;
	-webkit-transition: .4s ease-out;
	-moz-transition: .4s ease-out;
	transition: .4s ease-out;
}
.more-btn span::after {
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	right: 28px;
	top: 34px;
	border-top: 1px solid #231815;
	border-right: 1px solid #231815;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.more-btn:hover {
	background: #231815;
	color: #FFF;
}
.more-btn:hover span::after {
	border-color: #FFF;
}

@media screen and (max-width: 1200px) {
	#location { padding: 80px 0;}
	#location ul li .txt-wrap { padding: 20px 0 0;}
	#location ul li .txt-wrap h3 .ch { font-size: 16px;}
	#location ul li .txt-wrap h3 .en { font-size: 10px;}
	#location ul li .txt-wrap h3 + p { font-size: 10px;}
	#location ul li .txt-wrap .add { font-size: 10px;}
	#location ul li .txt-wrap .btn {
		margin-top: 25px;
		font-size: 12px;
	}
	#location ul li .icon {
		top: 20px;
		right: 0;
	}
	#location ul li .icon span { width: 24px;}
	.more-btn {
		width: 360px;
		margin: 50px auto 0;
		text-align: center;
		line-height: 70px;
		font-size: 12px;
	}
	.more-btn span::after {
		content: "";
		width: 10px;
		height: 10px;
		position: absolute;
		right: 28px;
		top: 29px;
	}
}
@media screen and (max-width: 920px) {
	#location ul.hide { margin-top: 40px;}
	#location ul li {
		width: 48%;
		margin: 40px 0 0 4%;
		display: inline-block;
		position: relative;
	}
	#location ul li:nth-child(3n+1) { margin-left: 4%;}
	#location ul li:nth-child(2n+1) { margin-left: 0;}
	#location ul li:nth-child(-n+3) { margin-top: 40px;}
	#location ul li:nth-child(-n+2) { margin-top: 0;}
	#location ul li:nth-child(3) { margin-top: 40px;}
	#location ul li:nth-child(2),
	#location ul li:nth-child(3n-1) {
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-o-transition-delay: 0s;
	}
	#location ul li:nth-child(3),
	#location ul li:nth-child(3n) {
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-o-transition-delay: 0s;
	}
	#location ul li:nth-child(even) {
		-webkit-transition-delay: 0.2s;
		-moz-transition-delay: 0.2s;
		-ms-transition-delay: 0.2s;
		-o-transition-delay: 0.2s;
	}
}
@media screen and (max-width: 640px) {
	#location { padding: 50px 0;}
	#location ul.hide {
		margin-top: 12px;
		padding-top: 12px;
		background: url(../../../img/common/dotline.png) left top repeat-x;
		-webkit-background-size: 4px 1px;
		-o-background-size: 4px 1px;
		background-size: 4px 1px;
	}
	#location ul li {
		width: 100%;
		display: block;
		margin: 12px auto 0 !important;
		padding-top: 12px;
		background: url(../../../img/common/dotline.png) left top repeat-x;
		-webkit-background-size: 4px 1px;
		-o-background-size: 4px 1px;
		background-size: 4px 1px;
	}
	
	#location ul li:nth-child(even) {
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-o-transition-delay: 0s;
	}
	#location ul li:first-child {
		margin-top: 0 !important;
		padding-top: 0 !important;
		background: none;
	}
	#location ul { overflow: visible;}
	#location ul li a::before {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 8px;
		width: 8px;
		height: 8px;
		border-top: 1px solid #1d1d1d;
		border-right: 1px solid #1d1d1d;
		-webkit-transform: rotate(45deg) translateY(-50%);
		transform: rotate(45deg) translateY(-50%);
	}
	#location ul li figure {
		width: 33.333%;
		display: inline-block;
		vertical-align: middle;
	}
	#location ul li a figure .pc { display: none;}
	#location ul li a figure .sp { display: block;}
	#location ul li .txt-wrap {
		width: 66.666%;
		padding: 0 0 0 5%;
		display: inline-block;
		vertical-align: middle;
	}
	#location ul li .txt-wrap h3 .ch { font-size: 14px;}
	#location ul li .txt-wrap h3 .en {
		padding-top: 0.5em;
		font-size: 9px;
	}
	#location ul li .txt-wrap h3 + p { display: none;}
	#location ul li .txt-wrap .add { display: none; /* font-size: 9px; */}
	#location ul li .icon span { width: 24px;}
	#location ul li .txt-wrap .btn { display: none;}
	#location ul li .icon {
		margin-top: 9px;
		position: static;
	}
	#location ul li .icon span {
		width: 18px;
		margin-left: 0;
		margin-right: 3px;
	}
	.more-btn {
		width: 90%;
		margin: 24px auto 0;
		line-height: 58px;
		font-size: 10px;
		-webkit-border-radius: 29px;
		border-radius: 29px;
	}
	.more-btn span::after {
		content: "";
		width: 8px;
		height: 8px;
		position: absolute;
		right: 20px;
		top: 24px;
	}
}

/*---------------------------
  plan
  ---------------------------*/
#plans {
	margin: 0 auto;
	padding: 100px 0;
	background: #efefef;
}
.plan-list {
	margin: 0 auto;
	overflow: visible;
}
.plan-list li {
	background: #FFF;
}
.plan-list li a {
	padding: 4% 4% 30px;
	display: block;
}
.plan-list li a:hover { opacity: 0.8;}
.plan-list  a img {
	width: 100%;
	height: auto;
	line-height: 0;
}
.plan-list li a figure {}
.plan-list li a .txt-wrap {
	padding-top: 45px;
	text-align: center;
	position: relative;
}
.plan-list li a .txt-wrap dl {
	margin: 0 auto 40px;
	text-align: center;
}
.plan-list li a .txt-wrap dl dt {
	margin: 0 auto;
}
.plan-list li a .txt-wrap dl dt img {
	width: auto;
	height: 52px;
}
.plan-list li a .txt-wrap dl dd {
	margin-top: 20px;
	letter-spacing: 0.06em;
	line-height: 1.6;
	color: #878787;
	font-size: 14px;
}
.plan-list li a .txt-wrap dl dd span {
	display: inline-block;
	margin-top: 20px;
	letter-spacing: 0.075em;
	line-height: 1;
	color: #1d1d1d;
	font-size: 12px;
	background: #eee;
	padding: 5px 10px;
	line-height: 1.5;
	border-radius: 8px;
}    
.plan-list li a .txt-wrap .btn {
	width: 122px;
	margin: 0 auto;
	text-align: center;
	line-height: 2.2;
	color: #FFF;
	font-size: 12px;
	background: #1d1d1d;
}
.plan-list li a .txt-wrap .budge {
	width: 60px;
	margin-top: -30px;
	margin-left: -30px;
	position: absolute;
	top: 0;
	left: 50%;
}
.plan-list li a  .ribbon{
	position: absolute;
	right: 0;
	top: 0;
}
.plan-list li a  .ribbon img{
	width: 100%;
	max-width: 106px;
}

.swiper-container {
	width: 100%;
	max-width: 1308px;
	padding: 0 54px;
}
.swiper-wrapper {}
.swiper-button-prev { left: 0px !important;}
.swiper-button-next { right: 0px !important;}

@media screen and (max-width: 1200px) {
	#plans { padding: 80px 0;}
	.plan-list li a .txt-wrap { padding-top: 34px;}
	.plan-list li a .txt-wrap dl { margin: 0 auto 20px;}
	.plan-list li a .txt-wrap dl dt img { height: 20px;}
	.plan-list li a .txt-wrap dl dd { font-size: 12px;}
	.plan-list li a .txt-wrap .btn { font-size: 10px;}
	.plan-list li a .txt-wrap .budge {
		width: 48px;
		margin-top: -24px;
		margin-left: -24px;
	}
	.plan-list li a .ribbon img { width: 88px;}
}

@media screen and (max-width: 640px) {
	#plans { padding: 50px 0;}
	.plan-list li { width: 100%;}
	.plan-list li a { padding: 4% 4% 30px;}
	.plan-list li a .pc { display: none;}
	.plan-list li a .sp { display: block;}
	.plan-list li a figure {
		width: 100%;
		display: block;
	}
	.plan-list li a .txt-wrap {
		width: 100%;
		padding-top: 35px;
		display: block;
	}
	.plan-list li a .txt-wrap dl {
		margin: 0 auto 20px;
	}
	.plan-list li a .txt-wrap dl dt img { height: 40px;}
	.plan-list li a .txt-wrap dl dd {
		margin-top: 15px;
		font-size: 10px;
	}
	.plan-list li a .txt-wrap .btn {
		width: 100px;
		font-size: 9px;
	}
	.plan-list li a .txt-wrap .budge {
		width: 52px;
		margin-top: 0 !important;
		margin-left: -26px !important;
		margin-right: 0 !important;
		top: -26px !important;
		left: 50% !important;
		right: auto !important;
	}
	.plan-list li a .txt-wrap .btn { font-size: 9px;}
	.swiper-container {
		width: 80%;
		padding: 0 10%;
	}
	.swiper-button-prev { left: 2% !important;}
	.swiper-button-next { right: 2%!important;}
}

/*----------------------
  WORKS
  ----------------------*/
#works { padding: 100px 0 0;}
#works .portfolio-list {
	margin: 0 auto;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
}
#works .portfolio-list li {
	width: 30.6666%;
	margin: 0 0 60px 4%;
	display: inline-block; *display: inline; *zoom: 1;
	vertical-align: top;
}
#works .portfolio-list li:nth-child(3n+1) { margin-left: 0;}
#works .portfolio-list li:nth-child(3n-1) {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
}
#works .portfolio-list li:nth-child(3n) {
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
}
#works .portfolio-list li a {
	display: block;
	position: relative;
}
#works .portfolio-list li a .thumbnail { overflow: hidden;}
#works .portfolio-list li a .thumbnail img {
	width: 100%;
	height: auto;
	line-height: 0;
	vertical-align: bottom;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
	backface-visibility: hidden;
}
#works .portfolio-list li a:hover .thumbnail img {
	-ms-transform: scale(1.075);
	transform: scale(1.075);
	-webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; transition: 1s all;
}
#works .portfolio-list li a h3 {
	padding: 24px 0 0 15px;
	text-align: left;
}
#works .portfolio-list li a h3 span {
	display: block;
	line-height: 1;
}
#works .portfolio-list li a h3 .loc-info {
	letter-spacing: 0.12em;
	vertical-align: baseline;
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
}
#works .portfolio-list li a h3 .loc-info i {
	vertical-align: baseline;
	line-height: 1;
	font-size: inherit;
	font-weight: inherit;
	font-style: normal;
	font-family: 'Open Sans',Helvetica,Arial,'Noto Sans JP',sans-serif;
}
#works .portfolio-list li a h3 .name {
	margin-top: 10px;
	letter-spacing: 0.05em;
	font-size: 12px;
	font-weight: 500;
}

@media screen and (max-width: 1200px) {
	#works { padding: 80px 0 0}
		#works .portfolio-list li a h3 { padding: 20px 0 0 0;}
		#works .portfolio-list li a h3 .loc-info { font-size: 16px;}
		#works .portfolio-list li a h3 .name { margin-top: 8px; font-size: 9px;}
	}
	
	@media screen and (max-width: 640px) {
		#works { padding: 50px 0 0;width: 90%;margin:0 auto;}
		#works .portfolio-list li {
			width: 49%;
			margin: 0 0 30px;
		}
		#works .portfolio-list li:nth-child(3n-1) {
			-webkit-transition-delay: 0s;
			-moz-transition-delay: 0s;
			-ms-transition-delay: 0s;
			-o-transition-delay: 0s;
		}
		#works .portfolio-list li:nth-child(3n) {
			-webkit-transition-delay: 0s;
			-moz-transition-delay: 0s;
			-ms-transition-delay: 0s;
			-o-transition-delay: 0s;
		}
		#works .portfolio-list li:nth-child(even) {
			margin-left: 2%;
			-webkit-transition-delay: 0.2s;
			-moz-transition-delay: 0.2s;
			-ms-transition-delay: 0.2s;
			-o-transition-delay: 0.2s;
		}
		#works .portfolio-list li a h3 { height: auto; margin-top: 12px; padding: 0;}
		#works .portfolio-list li a h3 .loc-info { padding-top: 0; font-size: 14px;}
		#works .portfolio-list li a h3 .name { margin-top: 5px; font-size: 9px; opacity: 0.5;}
	}
	
	@media screen and (max-width: 480px) {
		#works .portfolio-list li a h3 .loc-info { font-size: 11px;}
	}
	
	/*----------------------
 BLOG
 ----------------------*/
	
	#blog {
		width: 90%;
		max-width: 1380px;
		padding-top: 100px;
		margin: 100px auto 0;
		border-top: 1px solid #efefef;
	}
	#blog .blog-list {
		padding-top: 40px;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	#blog .blog-list li {
		max-width: 17.66%;
		-webkit-flex: 17.66%;
		-ms-flex: 17.66%;
		flex: 17.66%;
	}
	#blog .blog-list li figure {
		line-height: 0;
		overflow: hidden;
	}
	#blog .blog-list li figure img {
		width: 225px;
		height: 225px;
		object-fit: cover;
		margin: 0 auto;
		-webkit-transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
		-ms-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}
	#blog .blog-list li a:hover figure img {
		opacity: 0.8;
		-moz-transform: scale(1.075,1.075);
		-webkit-transform: scale(1.075,1.075);
		-o-transform: scale(1.075,1.075);
		-ms-transform: scale(1.075,1.075);
		transform: scale(1.075,1.075);
	}
	#blog .blog-list li .txt-wrap { padding-top: 25px;}
	#blog .blog-list li .txt-wrap .date {
		padding-bottom: 0.666em;
		letter-spacing: 0.1em;
		line-height: 1;
		font-size: 12px;
		opacity: 0.5;
	}
	#blog .blog-list li .txt-wrap h3 {
		line-height: 1.66;
		font-size: 16px;
		font-weight: 300;
	}
	#blog .btn,
	#fair .btn {
		padding-top: 60px;
		letter-spacing: 0.1em;
		line-height: 2;
		font-family: 'Catamaran', sans-serif;
		font-size: 14px;
		font-weight: 400;
		text-align: center;
	}
	#blog .btn a,
	#fair .btn a {
		padding-bottom: 5px;
		border-bottom: 1px solid #1d1d1d;
	}
	/*#blog .btn a:hover,
	#fair .btn a:hover {
 color: #ff0000;
 border-bottom: 2px solid #ff0000;
 }*/
	@media screen and (max-width: 1200px) {
		#blog {
			padding-top: 80px;
			margin: 80px auto 0;
		}
		#blog .blog-list { padding-top: 30px;}
		#blog .blog-list li .txt-wrap { padding-top: 20px;}
		#blog .blog-list li .txt-wrap .date { font-size: 10px;}
		#blog .blog-list li .txt-wrap h3 { font-size: 14px;}
		#blog .btn,
		#fair .btn {
			padding-top: 40px;
			font-size: 14px;
		}
		#blog .btn a,
		#fair .btn a { padding-bottom: 3px;}
	}
	@media screen and (max-width: 768px) {
		#blog .blog-list {
			padding-top: 30px;
			display: block;
		}
		#blog .blog-list li {
			width: 100%;
			max-width: initial;
			padding-top: 30px;
			letter-spacing: -5px;
			font-size: 0;
		}
		#blog .blog-list li:first-child { padding-top: 0;}
		#blog .blog-list li figure {
			width: 30%;
			display: inline-block;
			vertical-align: middle;
		}
		#blog .blog-list li figure img {
			width: 100px;
			height: 100px;
		}
		#blog .blog-list li .txt-wrap {
			width: 70%;
			margin-top: -10px;
			padding: 0 0 0 20px;
			display: inline-block;
			vertical-align: middle;
		}
		#blog .blog-list li .txt-wrap .date {
			letter-spacing: 0.1em;
			font-size: 9px;
		}
		#blog .blog-list li .txt-wrap h3 {
			letter-spacing: 0.1em;
			font-size: 12px;
		}
		#blog .btn,
		#fair .btn {
			text-align: center;
			padding-top: 30px;
		}
	}
	@media screen and (max-width: 640px) {
		#blog {
			padding-top: 50px;
			margin-top: 50px;
		}
		#blog .blog-list li { padding-top: 15px;}
	}
	/*******************PLAN*******************/
	.page-up { background: #FFF;}
	#body.index,
	#body.index .page-up { background: #f7f7f7;}
	
	.line-title {
		margin: 0 auto 40px;
		padding-bottom: 25px;
		text-align: center;
		line-height: 1;
		font-family: 'Catamaran', sans-serif;
		font-size: 18px;
		font-weight: 700;
		position: relative;
	}
	.line-title::before {
		width: 40px;
		height: 1px;
		content: "";
		display: block;
		background: #2d2d2d;
		position: absolute;
		left: 50%;
		bottom: 0;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		transition-delay: 0.75s;
	}
	
	.line-title +p {
		margin: -15px 0 40px;
		text-align: center;
		letter-spacing: 0.1em;
		line-height: 2;
		font-size: 12px;
		position: relative;
	}
	
	@media screen and (max-width: 1200px) {
		.line-title {
			margin: 0 auto 30px;
			padding-bottom: 20px;
			font-size: 16px;
		}
		.line-title +p { margin: -15px 0 30px;}
	}
	@media screen and (max-width: 640px) {
		#location .line-title { font-size: 14px !important;}
		.line-title +p { font-size: 10px !important;}
		#body.index #page-title h2 + p { text-align: center !important;}
	}
	
	@media screen and (min-width: 641px) {
		.sp {display: none}
		}
		/*======================
 #plans
 =======================*/
		#plans {
			padding: 0 0 40px;
			background: #f7f7f7;
		}
		#plans h3 {
			text-align: center;
			padding: 0 0 60px;
			letter-spacing: 0.1em;
			font-size: 12px;
			font-weight: 300;
		}
		#plans h3 span {
			display: block;
			text-align: center;
			line-height: 1;
			font-family: 'Catamaran', sans-serif;
			font-size: 18px;
			font-weight: 700;
			letter-spacing: 0.1em;
			position: relative;
		}
		#plans .plan-list {
			width: 90%;
			max-width: 1080px;
			margin: 0 auto;
			padding-bottom: 60px;
		}
		#plans .plan-list li {
			margin-top: 50px;
			letter-spacing: 0;
			font-size: 0;
			background: #FFF;
			border: 1px solid #ededed;
		}
		#plans .plan-list li:first-child { margin-top: 0;}
		#plans .plan-list li a {
			padding: 2.3%;
			display: block;
		}
		#plans .plan-list li.odd a { padding-left: 0;}
		#plans .plan-list li.even a { padding-right: 0;}
		#plans .plan-list a img {
			width: 100%;
			height: auto;
			line-height: 0;
		}
		#plans .plan-list li a .sp { display: none;}
		#plans .plan-list li a figure {
			width: 52.5%;
			display: inline-block; *display: inline; *zoom: 1;
			vertical-align: middle;
			overflow: hidden;
			z-index: -1;
		}
		#plans .plan-list li a figure img {
			-webkit-transition: all 0.4s ease-out;
			-moz-transition: all 0.4s ease-out;
			-ms-transition: all 0.4s ease-out;
			-o-transition: all 0.4s ease-out;
			transition: all 0.4s ease-out;
		}
		#plans .plan-list li a:hover figure img {
			-moz-transform: scale(1.075,1.075);
			-webkit-transform: scale(1.075,1.075);
			-o-transform: scale(1.075,1.075);
			-ms-transform: scale(1.075,1.075);
			transform: scale(1.075,1.075);
		}
		#plans .plan-list li a .txt-wrap {
			width: 47.5%;
			display: inline-block; *display: inline; *zoom: 1;
			vertical-align: middle;
			text-align: center;
			position: relative;
		}
		#plans .plan-list li a .txt-wrap dl {
			margin: 0 auto 40px;
			text-align: center;
		}
		#plans .plan-list li a .txt-wrap dl dt {
			margin: 0 auto;
		}
		#plans .plan-list li a .txt-wrap dl dt img {
			width: auto;
			height: 52px;
		}
		#plans .plan-list li a .txt-wrap dl dd {
			margin-top: 20px;
			letter-spacing: 0.06em;
			line-height: 1.333333;
			color: #878787;
			font-size: 14px;
		}
		#plans .plan-list li a .txt-wrap dl dd span {
			display: inline-block;
			margin-top: 20px;
			letter-spacing: 0.075em;
			line-height: 1;
			color: #1d1d1d;
			font-size: 12px;
			background: #eee;
			padding: 5px 10px;
			line-height: 1.5;
			border-radius: 8px;
		}
		#plans .plan-list li a .txt-wrap .btn {
			width: 122px;
			margin: 0 auto;
			text-align: center;
			line-height: 2.2;
			color: #FFF;
			font-size: 12px;
			background: #1d1d1d;
		}
		#plans .plan-list li a .txt-wrap .budge {
			width: 70px;
			margin-top: -35px;
			position: absolute;
			top: 50%;
			z-index: 10;
		}
		#plans .plan-list li.odd a .txt-wrap .budge {
			margin-right: -35px;
			right: 0;
			left: 100%;
		}
		#plans .plan-list li.even a .txt-wrap .budge {
			margin-left: -35px;
			left: 0;
		}
		#plans .plan-list li a .ribbon {
			width: 150px;
			position: absolute;
			right: 0;
			top: 0;
		}
		
		@media screen and (max-width: 1200px) {
			#plans { padding-bottom: 80px;}
			#plans .plan-list li { margin-top: 40px;}
			#plans .plan-list li a .txt-wrap dl dt img { height: 20px;}
			#plans .plan-list li a .txt-wrap dl dd { font-size: 12px;}
			#plans .plan-list li a .txt-wrap .budge {
				width: 48px;
				margin-top: -24px;
			}
			#plans .plan-list li.odd a .txt-wrap .budge {
				margin-right: -24px;
				right: 0;
			}
			#plans .plan-list li.even a .txt-wrap .budge {
				margin-left: -24px;
				left: 0;
			}
			#plans .plan-list li a .ribbon { width: 125px;}
		}
		
		@media screen and (max-width: 768px) {
			#plans {}
			#plans h3 {
				padding: 0 0 30px;
				font-size: 11px;
				padding-bottom: 0;
			}
			#plans h3 span {
				margin: 0 auto 6px;
				font-size: 16px;
				padding: 30px 0;
			}
			#plans .plan-list {padding-bottom: 30px;}
			#plans .plan-list li { margin-top: 30px;}
			#plans .plan-list li a { padding: 4% 4% 30px !important;}
			#plans .plan-list li a .pc { display: none;}
			#plans .plan-list li a .sp { display: block;}
			#plans .plan-list li a figure {
				width: 100%;
				display: block;
			}
			#plans .plan-list li a .txt-wrap {
				width: 100%;
				padding-top: 40px;
				display: block;
			}
			#plans .plan-list li a .txt-wrap dl {
				margin: 0 auto 20px;
			}
			#plans .plan-list li a .txt-wrap dl dt img { height: 40px;}
			#plans .plan-list li a .txt-wrap dl dd {
				margin-top: 15px;
				font-size: 10px;
			}
			#plans .plan-list li a .txt-wrap .btn {
				width: 100px;
				font-size: 9px;
			}
			#plans .plan-list li a .txt-wrap .budge {
				width: 52px;
				margin-top: 0 !important;
				margin-left: -26px !important;
				margin-right: 0 !important;
				top: -26px !important;
				left: 50% !important;
				right: auto !important;
			}
			#plans .plan-list li a .ribbon { width: 106px;}
		}
		
		/*---------------------------
  plan-detail
  ---------------------------*/
		/* intro */
		#intro { padding: 100px 0;}
		#intro .sp { display: none;}
		#intro img {
			width: 100%;
			height: auto;
		}
		#intro .txt-wrap {
			padding-top: 75px;
			position: relative;
			max-width: 800px;
			margin: 0 auto;
			text-align: center;
		}
		#intro .txt-wrap ul{
			text-align: center;
			width: 80%;
			margin: 0 auto;
			display: inline-flex;
			justify-content: space-around;
			margin-top: 40px;
		}
		#intro .txt-wrap ul li{
			flex: 0 1 30%;
			display: block;
			background: #f7f7f7;
			border-radius: 50%;
			height: 192px;
			font-size: 13px;
			font-weight: 400;
		}
		#intro .txt-wrap ul li span {
			display: block;
			font-family: 'Catamaran', sans-serif;
			font-size: 18px;
			font-weight: 800;
			margin-top: 20%;
		}
		#intro small {
			display: block;
			font-size: 10px;
			font-weight: normal;
			text-align: center;
			padding-top: 10px;
		}
		#intro .txt-wrap h2 {
			text-align: center;
			letter-spacing: 0.06em;
			line-height: 1.33;
			font-family: "Arapey" , serif;
			font-size: 28px;
			font-weight: 300;
		}
		#intro .txt-wrap h2 img {
			width: auto;
			height: 52px;
		}
		#intro .txt-wrap h2 + p {
			max-width: 800px;
			margin: 30px auto 0;
			font-size: 14px;
		}
		#intro .txt-wrap .budge {
			width: 70px;
			margin-top: -35px;
			margin-left: -35px;
			position: absolute;
			top: 0;
			left: 50%;
		}
		@media screen and (max-width: 1200px) {
			#intro {
				width: 100%;
				padding: 0 0 80px;
			}
			#intro .txt-wrap {
				width: 90%;
				margin: 0 auto;
			}
		}
		
		@media screen and (max-width: 640px) {
			#intro {
				width: 100%;
				margin: 0;
				padding: 0 0 50px;
			}
			#intro .pc  { display: none;}
			#intro .sp { display: block;}
			
			#intro .txt-wrap {
				width: 90%;
				margin: 0 auto;
				padding-top: 50px;
			}
			
			#intro .txt-wrap h2 {
				text-align: center;
			}
			#intro .txt-wrap ul{
				width: 100%;
			}
			#intro .txt-wrap ul li{
				flex: 0 1 32%;
				height: 144px;
				font-size: 1rem;
				
			}
			#intro .txt-wrap ul li span {
				font-size: 16px;
				margin-top: 13%;
			}
			#intro .txt-wrap h2 img { height: 40px;}
			#intro .txt-wrap h2 + p {
				max-width: none;
				margin: 15px auto 0;
				font-size: 12px;
			}
			#intro .txt-wrap .budge {
				width: 52px;
				margin-top: -26px;
				margin-left: -26px;
			}
		}
		
		/* plan_selet */
		#plan_select {}
		#plan_select li {
			width: 49.25%;
			padding: 20px 0;
			float: left;
			margin-left: 1.5%;
			text-align: center;
			line-height: 1;
			background: #aaa;
			cursor: pointer;
			position: relative;
			-webkit-transition: all 0.4s;
			-moz-transition: all 0.4s;
			-ms-transition: all 0.4s;
			-o-transition: all 0.4s;
			transition: all 0.4s;
		}
		#plan_select li.active,
		#plan_select li:hover { background: #FCFBF5;}
		#plan_select li:first-child { margin: 0;}
		#plan_select li img {
			width: auto;
			height: 22px;
		}
		#plan_select li span {
			margin-top: -10px;
			display: inline-block;
			line-height: 22px;
			font-size: 14px;
			position: absolute;
			left: 15px;
			top: 50%;
		}
		#plan_select li.active span { display: none;}
		
		@media screen and (max-width: 640px) {
			#plan_select {}
			#plan_select li {
				width: 49%;
				margin-left: 2%;
				padding: 14px 0;
			}
			#plan_select li img { height: 14px;}
			#plan_select li span {
				margin-top: -6px;
				line-height: 14px;
				font-size: 10px;
				left: 10px;
			}
		}
		
		/* plan-info */
		#plan-info {
			padding: 100px 0;
			background: #f7f7f7;
		}
		#plan-info .includes {max-width: 1000px}
			#plan-info .includes.ac02 { display: none;}
			#plan-info .includes .left {
				width:100%;
			}
			#plan-info .includes .left p {
				width: 49.5%;
				height: 60px;
				float: left;
				margin-bottom: 10px;
				margin-right: 1%;
				padding: 20px 0 20px 4%;
				display: inline;
				text-align: left;
				position: relative;
				-moz-box-shadow: 0px 0px 0px 1px #666666 inset;
				-webkit-box-shadow: 0px 0px 0px 1px #666666 inset;
				box-shadow: 0px 0px 0px 1px #666666 inset;
			}
			#plan-info .includes .left p:nth-child(2n) {
				margin-right: 0;
			}
			#plan-info .includes .left p img.icon {
				height: 34px;
				width: auto;
				position:absolute;
				left:5px;
				top:15px;
			}
			#plan-info .includes .left p img.star {
				position: absolute;
				right: 0;
				top: 0;
				width: 30px;
				height: 30px;
			}
			#plan-info .includes .left p span {
				display:block;
				margin-left: 45px;
				letter-spacing: 0.025em;
				line-height: 22px;
				font-size: 13px;
				font-weight: 500;
			}
			#plan-info .includes .left p span br { display: none;}
			#plan-info .includes .left p span.line2 {
				letter-spacing: 0.06em;
				line-height: 1.4;
				font-size:15px;
			}
			#plan-info .includes .left p span small {
				line-height: inherit;
				vertical-align: top;
				color: inherit;
				font-weight: 300;
				font-size: 11px;
			}
			#plan-info .includes .left p span.line2 i {
				font-size: 12px;
				font-style: normal;
			}
			#plan-info .includes .left p.all span.line2{
				line-height: 1.4;
				font-size:16px;
				letter-spacing: 0.1em;
			}
			#plan-info .includes .left p.all{
				width:90%;
				padding: 10px 4%;
			}
			#plan-info .includes .left p.all img.icon {
				left:8px;
				top:15px;
			}
			#plan-info .includes .left p.note {
				width: 100%;
				padding: 0;
				margin-top: 2px;
				line-height: 1;
				font-size: 14px;
				font-weight: 300;
				background: none;
				box-shadow: none;
				clear: left;
				height: auto!important;
				font-size: 9px;
				letter-spacing: 0.04rem;
			}
			
			#plan-info .includes .right .bibi .inner { background:url(../../../img/common/location/plan/album/all.jpg) right 50% no-repeat;}
			#plan-info .includes .right .miyabi .inner { background:url(../../../img/common/location/plan/album/all.jpg) right 50% no-repeat;}
			#plan-info .includes .right .nadeshiko .inner { background:url(../../../img/common/location/plan/album/all.jpg) right 50% no-repeat;}
			#plan-info .includes .right .kenran .inner { background:url(../../../img/common/location/plan/album/all.jpg) right 50% no-repeat;}
			#plan-info .includes .right .inner {
				-webkit-background-size: 240px auto !important;
				-o-background-size: 240px auto !important;
				background-size: 240px auto !important;
			}
			
			@media screen and (max-width: 1200px) {
				#plan-info { padding: 80px 0;}
			}
			
			@media screen and (max-width: 1100px) {
				#plan-info .includes .left p span,
				#plan-info .includes .left p span.line2,
				#plan-info .includes .left p.all span ,
				#plan-info .includes .left p.all span.line2 { font-size: 12px;}
				#plan-info .includes .left p span.line2 small,
				#plan-info .includes .left p span.line2 i { font-size: 10px;}
			}
			/**/
			#plan-info .includes .right {
				width:100%;
			}
			#plan-info .includes .right ul { margin: 0 0 30px;}
			#plan-info .includes .right ul li {
				padding:3px 0;
				background:url(../../../img/common/location/dotted_line02.png) 50% 50% repeat-x;
			}
			#plan-info .includes .right ul li::before, #plan-info .includes .right ul li::after { content: " "; display: table;}
			#plan-info .includes .right ul li::after { clear: both;}
			#plan-info .includes .right ul li { *zoom: 1;}
			#plan-info .includes .right ul li .op_left{
				float: left;
				text-align: left;
				padding-right: 5px;
				line-height: 22px;
				font-size: 13px;
				color: #1d1d1d;
				letter-spacing: 0;
				background: #f7f7f7;
			}
			#plan-info .includes .right ul li .op_left i {
				vertical-align: baseline;
				font-style: normal;
				font-size: inherit;
				font-weight: inherit;
			}
			#plan-info .includes .right ul li .op_right{
				float: right;
				text-align: right;
				padding-left:5px;
				line-height: 22px;
				color:#1d1d1d;
				background: #f7f7f7;
			}
			#plan-info .includes .right ul li .sp-none { display: none;}
			#plan-info .includes .right .album {}
			#plan-info .includes .right .album .inner{
				width:100%;
				min-height:50px;
				padding: 2%;
				margin:0;
				position:relative;
				-moz-box-shadow:0px 0px 0px 1px #666666 inset;
				-webkit-box-shadow:0px 0px 0px 1px #666666 inset;
				box-shadow:0px 0px 0px 1px #666666 inset;
			}
			
			#plan-info .includes .right .album .inner h4 {
				font-size: 16px;
				font-weight: 500;
			}
			#plan-info .includes .right .album .inner p {
				font-size: 12px;
			}
			#plan-info .includes .right .bnr {
				margin-top: 50px;
				line-height: 0;
			}
			#plan-info .includes .right .bnr span {
				display: block;
				padding-top: 10px;
				font-size: 11px;
				line-height: 1.5em;
			}
			#plan-info .includes .right .bnr a .sp { display: none;}
			#plan-info .includes .right .bnr a img {
				width: 100%;
				height: auto;
			}
			#plan-info .includes .right .bnr a:hover img { opacity: 0.8;}
			
			/*オプション追加*/
			#plan-info .includes .optionMenu{
				width: 100%;
				margin-top: 60px;
				float: left;
			}
			#plan-info .includes .optionMenu h5{
				margin-bottom: 20px;
				font-size: 16px;
				text-align: center;
				font-weight: 500;
			}
			#plan-info .includes .optionMenu ul{ border-top: solid 1px #666666;}
			#plan-info .includes .optionMenu ul li{ 
				list-style-type: none; 
			}
			#plan-info .includes .optionMenu ul li dl {
				position:relative;
				padding: 15px 0;
				border-bottom: solid 1px #666666;
			}
			#plan-info .includes .optionMenu ul li dl dt{
				width: 20%;
				position:absolute;
				font-weight: 500;
				left: 2%;
				top:50%;
				line-height:20px;
				margin-top:-10px;
				font-family: "Open Sans", 'Noto Sans TC', sans-serif;
				font-size:13px;
			}
			#plan-info .includes .optionMenu ul li dl dt.adjust { margin-top: -19px;}
			#plan-info .includes .optionMenu ul li dl dd{
				width:75%;
				float:right;
				display:inline;
				margin-right:2%;
				line-height: 1.8;
				font-size: 12px;
				background:url(https://demo10.okimono.life/wp-content/uploads/2024/01/dot.png) 50% 50% repeat-x;
			}
			#plan-info .includes .optionMenu ul li dl dd span{
				display:inline;
				line-height: 1.8;
				font-size: 12px;
				background:#f7f7f7;
			}
			#plan-info .includes .optionMenu ul li dl dd span i {
				vertical-align: baseline;
				font-size: inherit;
				font-style: normal;
				font-weight: inherit;
			}
			
			#plan-info .includes .optionMenu ul li dl dd .Left{ float:left; padding-right:5px;}
			#plan-info .includes .optionMenu ul li dl dd .Right{ float:right; padding-left:5px;}
			
			@media screen and (max-width: 640px) {
				#plan-info {
					width: 100%;
					margin: 0;
					padding: 50px 5%;
				}
				#plan-info .includes {
					width: 100%;
					margin: 0;
				}
				#plan-info .includes .left {
					width: 100%;
					float: left;
				}
				#plan-info .includes .left p {
					width: 100%;
					height: 48px !important;
					float:left;
					margin:0 0 5px;
					padding: 15px 0 15px 4%;
				}
				#plan-info .includes .left p img.icon{
					width: auto;
					height: 28px;
					position:absolute;
					left: 10px;
					top: 10px;
				}
				#plan-info .includes .left p span {
					margin-left: 0 !important;
					position: absolute;
					line-height: 1.4;
					font-size: 11px;
					font-weight: normal;
					left: 70px;
					top: 50%;
					-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
				}
				#plan-info .includes .left p span br { display: inline;}
				#plan-info .includes .left p span.line2 {
					line-height: 1.1;
					font-size:11px;
				}
				#plan-info .includes .left p span.line2 small {
					font-size: 9px;
					font-weight: normal;
				}
				#plan-info .includes .left p span.line2 i {
					font-size: 12px;
					font-style: normal;
				}
				#plan-info .includes .left p.all span.line2 {
					line-height: 1.4;
					font-size:16px;
				}
				#plan-info .includes .left p.all {
					width: 100%;
					height: auto;
					float:left;
					margin:0 0 5px;
					padding: 15px 0 15px 4%;
				}
				#plan-info .includes .left p.all img.icon{ left: 10px; top: 10px;}
				#plan-info .includes .left p.all span { margin-left: 45px;}
				/*#plan-info .includes .left p.note {
 width: 100%;
 margin: 5px 0 0;
 line-height: 1.1;
 font-size: 11px;
 }*/
				#plan-info .includes .right {
					width: 100%;
					float: left;
					display: block;
				}
				#plan-info .includes .right ul { margin: 20px 0 30px;}
				#plan-info .includes .right ul li .op_left,
				#plan-info .includes .right ul li .op_right {
					letter-spacing: 0;
					line-height: 1.5;
					font-size: 10px;
					white-space: nowrap;
				}
				#plan-info .includes .right .album {}
				#plan-info .includes .right .album .inner {
					width: 100%;
					min-height: 50px;
					padding: 40px 5%;
					margin:0;
				}
				#plan-info .includes .right .album .inner { background-size: auto 90px !important;}
				#plan-info .includes .right .album .inner h4 { font-size: 12px;}
				#plan-info .includes .right .album .inner p { font-size: 9px;}
				#plan-info .includes .right .bnr { margin-top: 15px;}
				#plan-info .includes .right .bnr a .pc { display: none;}
				#plan-info .includes .right .bnr a .sp { display: block;}
				#plan-info .includes .right .bnr a:hover img { opacity: 1;}
				
				/*オプション追加*/
				#plan-info .includes .optionMenu { margin-top: 40px;}
				#plan-info .includes .optionMenu > *{ width:100%;}
				#plan-info .includes .optionMenu h5 {
					margin-bottom: 8px;
					line-height: 1.2;
					font-size: 13px;
					text-align:center;
				}
				#plan-info .includes .optionMenu ul{ border-top: solid 1px #555;}
				#plan-info .includes .optionMenu ul li{}
				#plan-info .includes .optionMenu ul li dl{
					width: 100%;
					position:relative;
					padding: 10px 0;
				}
				#plan-info .includes .optionMenu ul li dl dt {
					width: 100%;
					margin-bottom: 5px;
					position: static;
					line-height: 1.2;
					margin-top:0;
					font-size: 11px;
				}
				#plan-info .includes .optionMenu ul li dl dt br { display: none;}
				#plan-info .includes .optionMenu ul li dl dt.adjust { margin-top: 0;}
				#plan-info .includes .optionMenu ul li dl dd {
					width: 100%;
					margin-right: 0;
					letter-spacing: 0;
					line-height: 1.5;
					font-size: 9px;
				}
				#plan-info .includes .optionMenu ul li dl dd span{
					display:inline;
					letter-spacing: 0;
					line-height: 1.5;
					font-size: 9px;
				}
				#plan-info .includes .optionMenu ul li dl dd span .sp-none { display: none;}
				#plan-info .includes .optionMenu ul li dl dd .Left{ float:left; padding-right:5px;}
				#plan-info .includes .optionMenu ul li dl dd .Right{ float:right; padding-left:5px;}
				
			}
			
			@media screen and (max-width: 1100px) {
				#plan-info .includes .left p span,
				#plan-info .includes .left p span.line2,
				#plan-info .includes .left p.all span ,
				#plan-info .includes .left p.all span.line2 { font-size: 11px;}
				#plan-info .includes .left p span.line2 small,
				#plan-info .includes .left p span.line2 i { font-size: 9px;}
			}
			
			/*---------------------------
 pgリスト
 ---------------------------*/
			#photographer {
				padding: 0 0 100px;
				background: #f7f7f7;
				z-index: 1000;
			}
			
			/**/
			#photographer .cf .pg-list {
				width:100%;
				margin: 0;
			}
			#photographer .cf .pg-list > li { width: 12.5%; height: 295px; float:left; display:inline; margin:0 0.88%; text-align: center; position:relative;}
			#photographer .cf .pg-list > li a img.face { max-width:100%; height:auto; line-height: 0; vertical-align: bottom;}
			#photographer .cf .pg-list > li a:hover img.face { opacity: 0.7;}
			#photographer .cf .pg-list > li a em { margin-top: 8px; display: block; text-align: center; line-height: 1.2; letter-spacing: 0.06em; font-size: 13px; font-weight: 500; font-style: normal;}
					#photographer .cf .pg-list > li a .fee { display: block; color: #999 !important; letter-spacing: 0; font-size: 10px;}
					#photographer .cf .pg-list > li a .fee img  {width: 40%}
						#photographer .cf .pg-list > li a:hover span { text-decoration: none; }
						
						.Lead-gallery.down .face { display: none !important;}
						.Lead-gallery.down .fee { display: none !important;}
						.zReset .pg-list > li a em { display: none !important;}
						
						@media screen and (max-width: 1200px) {
							#photographer { padding: 0 0 80px;}
						}
						
						@media screen and (max-width: 640px) {
							#photographer { padding: 0 0 50px;}
							#photographer .cf { width: 90%; margin: 0 5%}
								#photographer .cf .pg-list { letter-spacing: 0; font-size: 0;}
								#photographer .cf .pg-list > li { width: 31%; height: auto; margin:0 1% 20px; float: none; display: inline-block; vertical-align: top;}
								#photographer .cf .pg-list > li a img.face {  width:100%; height:auto; line-height: 0; vertical-align: bottom;}
								#photographer .cf .pg-list > li a:hover img.face { opacity: 0.7;}
								#photographer .cf .pg-list > li a em { margin-top: 5px; text-align: left; font-size: 11px;}
								#photographer .cf .pg-list > li a .fee  { padding-top: 3px; text-align: left; line-height: 1.2; color: #777 !important; font-size: 8px;}
								#photographer .cf .pg-list > li a:hover span { text-decoration: none; }
							}
							
							/*---------------------------
  読み込んだギャラリー指定
  ---------------------------*/
							.Lead-gallery h3{ display:block;}
							.Lead-gallery span{ display:none;}
							.Lead-gallery.down h3{ display:none !important;}
							.Lead-gallery.down .fee{ display:none !important;}
							.Lead-gallery.down span{ display: block;line-height: 100px;text-align: center;color: #fff;font-size: 50px;width: 38px;height: auto;margin: 0 auto;padding-top: 15px;}
							#recommend .cf .recommend-list > li .image:hover .Lead-gallery.down {width:100px !important; height:100px !important;}
							a.Lead-gallery.down { display:block !important; width:100px !important; height:100px !important; padding:0px !important; margin:0px !important; position:fixed !important; right:50px !important; left:auto !important; bottom:auto !important; top:50px !important; background:#000 !important; line-height:50px; text-align:center; z-index:100000000 !important;}
									a.Lead-gallery.down:hover { background:#555 !important;}
									/**/
									.fixed-body { height:100% !important; float: left; position:relative; overflow:hidden !important;}
									.display-none{ display:none;}
									.zindex10000,
									.zindex10000 section{ z-index:1000000 !important;}
									.zReset { z-index: 10000;}
									.zReset *{ z-index:auto !important;}
									.zReset .gallery-area{ z-index:50000000 !important;}
									.zindex10000 #spot-info{ z-index:1000001 !important;}
									.gallery-area{ display:none; width:100%; height:100%; overflow-y:scroll!important; overflow-x: hidden!important;  position:fixed; left:0; top:0; right:0; bottom:0; background:#fff; z-index:5000000; -webkit-overflow-scrolling: touch;}
										.down{ display:block;}
										/**/
										
										
										@media screen and (max-width: 640px) {
											#photographer #gallery_contents .cf h2 { width:100%; padding: 0 0 5px; display: block; line-height: 1; font-size: 14px;}
											#photographer #gallery_contents .cf h2 span { line-height: 1; }
											#gallery_contents .cf .info{ margin-bottom: 5px; font-size: 11px !important; font-weight:bold;}
											#gallery_contents .cf .post { font-size: 9px !important; margin-bottom: 20px;}
											.Lead-gallery.down span{ line-height: 50px;}
											#recommend .cf .recommend-list > li .image:hover .Lead-gallery.down {width:50px !important; height:50px !important;}
											a.Lead-gallery.down { width:50px !important; height: 50px !important; padding-top: 0!important; right:10px !important; top: 10px !important; position: fixed;}
											a.Lead-gallery.down img { width: 19px; height: 30px; vertical-align: top;}
											a.Lead-gallery.down:hover { background:#000 !important;}
											/*#contact-us { display: none;}*/
											.page-up { padding-top: 10px;}
										}
										
										/*詳細------------------------------------*/
										#gallery_contents {
											padding-bottom: 200px;
											z-index: 100000;
										}
										#gallery_contents .lead {
											width:840px;
											margin: 0px auto;
											padding: 80px 0;
											letter-spacing: -5px;
											font-size: 0;
										}
										#gallery_contents .lead .face {
											width:170px;
											display: inline-block; *display: inline; *zoom: 1;
											margin-right:30px;
											vertical-align: middle;
										}
										#gallery_contents .lead .face img {
											width: 100%;
											height: auto;
										}
										#gallery_contents .txt-wrap {
											width:620px;
											display: inline-block; *display: inline; *zoom: 1;
											vertical-align: middle;
											text-align: left;
											position: relative;
										}
										#gallery_contents .lead h3 {
											letter-spacing: 0.08em;
											line-height:1;
											font-family: 'Catamaran', sans-serif;
											font-size:36px;
											font-weight: 600;
										}
										#gallery_contents .lead h3 span{
											display: block;
											font-size:12px;
											font-weight: 300;
											line-height: 2;
										}
										#gallery_contents .lead .info-txt{
											margin-top: 1.5em;
											font-size: 14px;
											line-height: 2;
											letter-spacing: 1px;
										}
										#gallery_contents .lead b {
											margin-bottom: 0.5em;
											display :block;
											font-size: 18px;
											font-weight: bold;
										}
										#gallery_contents .lead .insta{
											width:50px;
											position: absolute;
											top:0;
											right:0;
											text-align:center;
										}
										#gallery_contents .lead .insta img{
											width: 100%;
											height: auto;
										}
										#gallery_contents .lead p.insta a:hover img { opacity: 0.8!important}
											
											/* pg-gallery */
											.pg-gallery {
												width:100%;
												margin: 0px auto 60px;
												text-align:center;
											}
											.pg-gallery ul {
												letter-spacing: -5px;
												font-size: 0;
												line-height: 0;
											}
											.pg-gallery li {
												margin: 1%;
												display:inline-block;*display:inline;*zoom:1;
												vertical-align: middle;
											}
											.pg-gallery li img {
												width:auto;
												max-width:600px;
												max-height:600px;
												display:block;
												vertical-align:bottom;
												-webkit-box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.1);
												-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
												box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
											}
											
											/**/
											#back-link{ margin:0 0 150px;}
											#back-link .back{
												width:40%;
												margin:0 30%;
												text-align:center;
											}
											#back-link .back a{
												display:block;
												line-height:50px;
												color:#fff;
												background:#322510;
											}
											#back-link .back a:hover{ background:#94804B;}
											
											.close-btn { line-height:100px; text-align:center; color:#fff; font-size:50px;}
											.close-btn a { display:block !important; width:100px !important; height: 75px !important; padding-top: 25px !important; margin:0px !important; position:fixed !important; right:30px !important; left:auto !important; bottom:auto !important; top:30px !important; background:#000 !important; line-height:50px; text-align:center; z-index:100000000 !important;}
													.close-btn a:hover { background:#555 !important;}
													
													@media screen and (max-width: 1440px) {
														.pg-gallery { width:100%;}
														.pg-gallery li { margin:1%;}
														.pg-gallery li img {
															max-height:500px;
															max-width:540px;
														}
													}
													
													@media screen and (max-width: 1024px) {
														#gallery_contents {
															width: 90%;
															margin: 0 auto;
														}
														#gallery_contents .lead .face {
															width: 20%;
															margin-right: 5%;
														}
														#gallery_contents .txt-wrap { width: 75%;}
														#gallery_contents .lead h3 { font-size:30px;}
														#gallery_contents .lead h3 span{ font-size:10px;}
														#gallery_contents .lead .info-txt{ font-size: 12px;}
														#gallery_contents .lead b { font-size: 16px;}
														#gallery_contents .lead .insta{ width: 44px;}
														
													}
													
													@media screen and (max-width: 767px) {
														#gallery_contents .lead {
															width:90%;
															margin: 0px auto;
															padding: 40px 0;
														}
														#gallery_contents .lead .face {
															width:150px;
															margin:0 auto;
															display: block;
														}
														#gallery_contents .txt-wrap {
															width:100%;
															display: block;
														}
														#gallery_contents .lead h3{
															margin-top: 15px;
															font-size:30px;
															text-align: center;
														}
														#gallery_contents .lead h3 span{}
														#gallery_contents .lead .insta{
															margin: 15px auto 30px;
															position: relative;
															top: auto;
															right: auto;
														}
														#gallery_contents .lead .info-txt {
															padding-top: 1.5em;
															border-top: 1px solid #111;
														}
														.works-gallery {
															width:94%;
															margin:2% auto 8%
																auto;
														}
														.works-gallery li { margin: 1% 2% !important;}
														.works-gallery li img {
															width:100% !important;
															max-height: auto;
															height: 100%;
															max-width: auto;
														}
														
														#back-link{ margin: 0 0 20px;}
														#back-link .back{ width: 80%; margin:0 10%; float:left; text-align:center;}
														#back-link .back a{ line-height: 3; font-size: 14px;}
														
														#contact-us { display: none;}
														.page-up { padding-top: 10px;}
													}
													
													@media screen and (max-width: 640px) {
														#gallery_contents { padding-bottom: 75px;}
														#gallery_contents .lead h3{
															margin-top: 15px;
															font-size: 24px;
														}
														#gallery_contents .lead h3 span{ font-size: 9px;}
														#gallery_contents .lead .insta{
															margin: 15px auto 20px;
															position: relative;
															top: auto;
															right: auto;
														}
														.pg-gallery {
															width: 100%;
															margin: 0 auto 30px !important;
														}
														.pg-gallery li {
															width: 100%;
															margin: 0 0 15px !important;
														}
														.pg-gallery li img {
															width: 100% !important;
															height: auto !important;
															max-width: none !important;
															max-height: none !important;
														}
													}
													
													/* other_plans */
													.all-plan {
														padding-top: 100px!important;
														padding-bottom: 100px!important;
													}
													#other_plans {
														padding: 100px 0;
														margin-bottom: 100px;
														background: #fff;
													}
													#other_plans .other-list {
														width: 100%;
														max-width: 1560px;
														margin: 0 auto;
														padding: 0;
														letter-spacing: 0;
														text-align: center;
														font-size: 0;
													}
													#other_plans .other-list li {
														width: 23.5%;
														max-width: 384px;
														margin-left: 2%;
														display: inline-block; *display: inline; *zoom: 1;
														vertical-align: top;
														background: #FFF;
														border: 1px solid #E8E8E8;
														-moz-box-sizing: border-box;
														-webkit-box-sizing: border-box;
														box-sizing: border-box;
														position: relative;
													}
													#other_plans .other-list li:first-child { margin-left: 0;}
													#other_plans .other-list li a {
														padding: 4% 4% 30px;
														display: block;
													}
													#other_plans .other-list li a:hover { opacity: 0.8;}
													#other_plans .other-list  a img {
														width: 100%;
														height: auto;
														line-height: 0;
													}
													#other_plans .other-list li a figure {}
													#other_plans .other-list li a .ribbon{
														position: absolute;
														right: 0;
														top: 0;
													}
													#other_plans .other-list li a .ribbon img{
														width: 100%;
														max-width: 106px;
													}
													#other_plans .other-list li a .txt-wrap {
														padding-top: 45px;
														text-align: center;
														position: relative;
													}
													#other_plans .other-list li a .txt-wrap dl {
														margin: 0 auto 40px;
														text-align: center;
													}
													#other_plans .other-list li a .txt-wrap dl dt {
														margin: 0 auto;
													}
													#other_plans .other-list li a .txt-wrap dl dt img {
														width: auto;
														height: 20px;
													}
													#other_plans .other-list li a .txt-wrap dl dd {
														margin-top: 20px;
														letter-spacing: 0.06em;
														line-height: 1.6;
														color: #878787;
														font-size: 14px;
													}
													#other_plans .other-list li a .txt-wrap .btn {
														width: 122px;
														margin: 0 auto;
														text-align: center;
														line-height: 2.2;
														color: #FFF;
														font-size: 12px;
														background: #1d1d1d;
													}
													#other_plans .other-list li a .txt-wrap .budge {
														width: 60px;
														margin-top: -30px;
														margin-left: -30px;
														position: absolute;
														top: 0;
														left: 50%;
													}
													
													@media screen and (max-width: 1280px) {
														#other_plans .other-list li a .txt-wrap { padding-top: 34px;}
														#other_plans .other-list li a .txt-wrap dl dt img { height: 20px;}
														#other_plans .other-list li a .txt-wrap dl dd { font-size: 12px;}
														#other_plans .other-list li a .txt-wrap .budge {
															width: 48px;
															margin-top: -24px;
															margin-left: -24px;
														}
													}
													
													@media screen and (max-width: 1200px) {
														.all-plan {
															padding-top: 80px!important;
															padding-bottom: 80px!important;
														}
														#other_plans { padding: 80px 0;}
													}
													@media screen and (max-width: 640px) {
														.all-plan {
															padding-top: 50px!important;
															padding-bottom: 50px!important;
														}
														#other_plans {
															margin-bottom: 0;
															padding: 50px 0;
														}
														#other_plans .other-list {}
														#other_plans .other-list {padding: 0 5%;}
														#other_plans .other-list li {
															width: 100%;
															margin: 12px 0 0;
															display: block;
															max-width: none;
														}
														#other_plans .other-list li a { padding:0}
															#other_plans .other-list li a .pc { display: none;}
															#other_plans .other-list li a .sp { display: block;}
															#other_plans .other-list li a figure {
																width: 33.3333%;
																display: inline-block;
																padding-bottom: 0;
																vertical-align: middle;
															}
															
															#other_plans .other-list li a .ribbon img {
																width: 53px;
																height: auto;
															}
															#other_plans .other-list li a .txt-wrap {
																width: 66.6666%;
																padding-top: 0;
																display: inline-block;
																vertical-align: middle;
															}
															#other_plans .other-list li a .txt-wrap dl {
																margin: 0 auto;
															}
															#other_plans .other-list li a .txt-wrap dl dt img {
																height: 15px;
															}
															#other_plans .other-list li a .txt-wrap dl dd {
																margin-top: 10px;
																font-size: 9px;
																line-height: 1.5;
																letter-spacing: 0.1em;
															}
															#other_plans .other-list li a .txt-wrap .btn {
																width: 100px;
																font-size: 9px;
															}
															#other_plans .other-list li a .txt-wrap .budge {
																width: 34px;
																margin-top: 0 !important;
																margin-left: 0 !important;
																margin-right: 0 !important;
																top: 50% !important;
																left: 0 !important;
																-webkit-transform: translate(-50%, -50%);
																transform: translate(-50%, -50%);
																right: auto !important;
															}
															#other_plans .other-list > li .line-title + p br { display: none;}
														}
														
														.plan-list {
															margin: 0 auto;
															overflow: visible;
														}
														.plan-list li { border: 1px solid #e8e8e8;}
														.plan-list li a {
															padding: 4% 4% 30px;
															display: block;
														}
														.plan-list li a:hover { opacity: 0.8;}
														.plan-list  a img {
															width: 100%;
															height: auto;
															line-height: 0;
														}
														.plan-list li a figure {}
														.plan-list li a .txt-wrap {
															padding-top: 45px;
															text-align: center;
															position: relative;
														}
														.plan-list li a .txt-wrap dl {
															margin: 0 auto 40px;
															text-align: center;
														}
														.plan-list li a .txt-wrap dl dt {
															margin: 0 auto;
														}
														.plan-list li a .txt-wrap dl dt img {
															width: auto;
															height: 39px;
														}
														.plan-list li a .txt-wrap dl dd {
															margin-top: 20px;
															letter-spacing: 0.06em;
															line-height: 1.6;
															color: #878787;
															font-size: 12px;
														}
														.plan-list li a .txt-wrap dl dd span{
															display: inline-block;
															margin-top: 20px;
															letter-spacing: 0.075em;
															line-height: 1;
															color: #1d1d1d;
															font-size: 12px;
															background: #eee;
															padding: 5px 10px;
															line-height: 1.5;
															border-radius: 8px;
														}
														.plan-list li a .txt-wrap .btn {
															width: 122px;
															margin: 0 auto;
															text-align: center;
															line-height: 2.2;
															color: #FFF;
															font-size: 12px;
															background: #1d1d1d;
														}
														.plan-list li a .txt-wrap .budge {
															width: 60px;
															margin-top: -30px;
															margin-left: -30px;
															position: absolute;
															top: 0;
															left: 50%;
														}
														.plan-list li a  .ribbon{
															position: absolute;
															right: 0;
															top: 0;
														}
														.plan-list li a  .ribbon img{
															width: 100%;
															max-width: 106px;
														}
														
														.swiper-container {
															width: 100%;
															max-width: 1308px;
															padding: 0 54px;
														}
														.swiper-wrapper {}
														.swiper-button-prev { left: 0px !important;}
														.swiper-button-next { right: 0px !important;}
														
														@media screen and (max-width: 1200px) {
															.plan-list li a .txt-wrap { padding-top: 34px;}
															.plan-list li a .txt-wrap dl { margin: 0 auto 20px;}
															.plan-list li a .txt-wrap dl dt img { height: 20px;}
															.plan-list li a .txt-wrap dl dd { font-size: 12px;}
															.plan-list li a .txt-wrap .btn { font-size: 10px;}
															.plan-list li a .txt-wrap .budge {
																width: 48px;
																margin-top: -24px;
																margin-left: -24px;
															}
															.plan-list li a .ribbon img { width: 88px;}
														}
														
														@media screen and (max-width: 640px) {
															.plan-list li { width: 100%;}
															.plan-list li a { padding: 4% 4% 30px;}
															.plan-list li a .pc { display: none;}
															.plan-list li a .sp { display: block;}
															.plan-list li a figure {
																width: 100%;
																display: block;
															}
															.plan-list li a .txt-wrap {
																width: 100%;
																padding-top: 35px;
																display: block;
															}
															.plan-list li a .txt-wrap dl {
																margin: 0 auto 20px;
															}
															.plan-list li a .txt-wrap dl dt img { height: 40px;}
															.plan-list li a .txt-wrap dl dd {
																margin-top: 15px;
																font-size: 10px;
															}
															.plan-list li a .txt-wrap .btn {
																width: 100px;
																font-size: 9px;
															}
															.plan-list li a .txt-wrap .budge {
																width: 52px;
																margin-top: 0 !important;
																margin-left: -26px !important;
																margin-right: 0 !important;
																top: -26px !important;
																left: 50% !important;
																right: auto !important;
															}
															.plan-list li a .txt-wrap .btn { font-size: 9px;}
															.swiper-container {
																width: 100%;
																padding: 0 10%;
															}
															.swiper-button-prev { left: 2% !important;}
															.swiper-button-next { right: 2%!important;}
														}
														/***************
														フォーム
														******************/
														/* ページタイトル */
														h1.heading{
															text-align: center;
															line-height: 3;
															font-size: 20px;
															font-weight: 600;
														}
														.content dl {
															margin-top: 0!important;
														}
														.content dt{
															background-color: rgba(0,0,0,.0)!important;
														}
														.content dd {
															border-bottom: none!important;
															border-left: none!important;
															border-right: none!important;
														}
														/*ラジオボタン*/
														input[type="radio"] {
															opacity: 0;
															visibility: hidden;
															position: absolute;
														}
														
														.wpcf7-list-item.first {
															margin-left: 0;
														}
														
														span.wpcf7-list-item-label {
															position: relative;
															display: flex;
															align-items: center;
															cursor: pointer;
														}
														span.wpcf7-list-item-label::before {
															display: block;
															content: "";
															border-radius: 50%;
															border: 2px solid #DFDFDF;
															width: 22px;
															height: 22px;
															margin-right: 10px;
														}
														span.wpcf7-list-item-label::after {
															display: block;
															position: absolute;
															content: "";
															border-radius: 50%;
															width: 10px;
															height: 10px;
															background: #3d3d3d;
															left: 6px;
															top: 50%;
															transform: translateY(-50%);
															display: none;
														}
														
														input[type="radio"]:checked + span.wpcf7-list-item-label::after {
															display: block;
														}
														.wpcf7-select, .wpcf7-textarea{
															padding: 0 1em;
															font-size: 14px;
															border: 1px solid #DFDFDF;
															-webkit-border-radius: 5px;
															border-radius: 5px;
														}
														/*form*/
														#Form {
															max-width: 920px;
															margin: 0 auto;
															-moz-box-sizing: border-box;
															-webkit-box-sizing: border-box;
															box-sizing: border-box;
														}
														#Form .form-wrap, #Form .thanks-wrap {
															margin-top: 50px;
															background: #FFF;
														}
														#Form .form-wrap dl {
															width: 100%;
															display: table;
															table-layout: fixed;
														}
														#Form .form-wrap dl dt, #Form .form-wrap dl dd {
															display: table-cell;
															vertical-align: top;
															font-size: 14px;
															border-top: 1px solid #DFDFDF;
														}
														#Form .form-wrap dl dt {
															width: 30%;
															padding: 30px 4% 20px 4%;
															letter-spacing: 0.05em;
															line-height: 1.6;
															font-weight: bold;
														}
														#Form .form-wrap dl dd {
															width: 70%;
															padding: 20px 4% 20px 0;
															vertical-align: middle;
															letter-spacing: 0.05em;
														}
														#Form .form-wrap dl dd .radio label::before {
															position: absolute;
															content: '';
															top: 50%;
															left: 0;
															width: 22px;
															height: 22px;
															margin-top: -12px;
															border: 1px solid #DFDFDF;
															border-radius: 100%;
															-webkit-transition: border-color 0.2s linear;
															transition: border-color 0.2s linear;
														}
														#Form .form-wrap dl .tag.required {
															color: #F44522;
															top: -2px;
															font-weight: 600;
														}
														#Form .form-wrap dl .tag {
															display: inline-block;
															position: relative;
															margin-right: 10px;
															padding: 2px 5px;
															text-align: center;
															font-size: 10px;
															font-style: normal;
														}
														#Form .form-wrap dl dd p span input.wpcf7-text{
															width: 325px;
															height: 40px;
															padding: 0 1em;
															line-height: 1.8;
															font-size: 14px;
															border: 1px solid #DFDFDF;
															-webkit-border-radius: 5px;
															border-radius: 5px;
														}
														#Form .form-wrap dl .tag.ex {
															background: #DFDFDF;
															top: -1px;
														}
														#Form .form-wrap .btn-box {
															padding: 0 0 40px;
															text-align: center;
															border-top: 1px solid #DFDFDF;
														}
														#Form .form-wrap .btn-box p {
															font-size: 12px;
															padding-top: 20px;
														}
														#Form .form-wrap .btn-box .wpcf7-submit {
															width: 340px;
															letter-spacing: 0.1em;
															line-height: 60px;
															color: #FFF;
															font-size: 14px;
															font-weight: 400;
															background: #1d1d1d;
															cursor: pointer;
															margin-top: 20px;
														}
														#Form .form-wrap .btn-box .wpcf7-submit:hover {
															background: #AA3F3F;
															color: #1d1d1d;
															opacity: 1;
															border:none;
														}
														@media screen and (max-width: 640px){
															#Form .form_area {
																margin-top: 30px;
															}
															#Form .form-wrap h3 {
																font-size: 16px;
															}
															#Form .form-wrap dl {
																display: block;
																border-top: 1px dotted #DFDFDF;
															}
															#Form .form-wrap dl dt, #Form .form-wrap dl dd {
																font-size: 12px;
																display: block;
																border: none;
															}
															#Form .form-wrap dl dt {
																width: 92%;
																padding: 15px 4% 7px !important;
															}
															#Form .form-wrap dl .tag {
																margin-right: 7px;
																font-size: 8px;
															}
															#Form .form-wrap dl dd {
																width: 92%;
																padding: 0 4% 15px;
															}
															#Form .form-wrap dl dd .wpcf7-textarea {
																width: 100%;
																height: 125px;
																font-size: 12px;
															}
														}
														
/*******************
記号
*********************/
							.sakura{
								content: url(https://demo10.okimono.life/wp-content/uploads/2024/01/sakura.svg);
								vertical-align: middle;
							}
							.momiji{
								content: url(https://demo10.okimono.life/wp-content/uploads/2024/01/momiji.svg);
								vertical-align: middle;
							}