@charset "utf-8";

#header .navArea ul.navi a.p_home:before {
	background: #ddd;
}

#header .navArea ul.navi a.p_home:hover:before {
	background: transparent;
}

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

#topImg

----------------------------------------------------------- */
#topImg {
	/* min-height: 100%; */
	min-height: calc(100vh - 20px);
	width: 100%;
	z-index: 2;
	position: relative;
	background: #fefefe;
	top: 0px;
	/* height: 100%; */
}

/* ----- .catchArea ----- */
#topImg .catchArea {
	position: absolute;
	bottom: -60px;
	right: 0;
	left: 0;
	text-align: center;
	z-index: 2;
}

#topImg .catchArea h2 {
	font-size: 12px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 300;
	letter-spacing: 8px;
	line-height: 50px;
}

#topImg .catchArea h2 img {
	width: 200px;
}

#topImg .catchArea h2 span {
	font-size: 11px;
	font-family: 'Open Sans';
	vertical-align: 0;
	font-weight: 300;
}

/* ----- .arrowArea ----- */
#topImg .arrowArea {
	position: absolute;
	bottom: 100px;
	right: 0;
	width: 10%;
	z-index: 2;
}

#topImg .arrowArea a {
	position: absolute;
	top: -90px;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 3;
}

/* span */
#topImg .arrowArea span {
	display: block;
	height: 60px;
	text-align: center;
	position: relative;
	z-index: 2;
}

#topImg .arrowArea span:before {
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	width: 0;
	content: "";
	border-left: #ddd 1px dotted;
	z-index: -2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#topImg .arrowArea:hover span:before {
	border-left: #fff 1px solid;
	top: 0px;
}

/* .dot */
#topImg .arrowArea span .dot {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 20px;
	/*margin-left:-1px;*/
	background: #f0f0f0;
	background: #f0f0f0;
	z-index: -2;
	z-index: 1;
	-webkit-animation: scroll-next 4s infinite;
	-moz-animation: scroll-next 4s infinite;
	-o-animation: scroll-next 4s infinite;
	animation: scroll-next 4s infinite;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#topImg .arrowArea:hover span .dot {
	background: transparent;
}

/* .arrow */
#topImg .arrowArea .arrow {
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -3px;
	width: 7px;
	height: 7px;
	border-bottom: #fefefe 1px solid;
	border-left: #fefefe 1px solid;
	/*opacity:0; */
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
	/*font-family: 'themify'; content: "\e64b"*/
	z-index: 3;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#topImg .arrowArea:hover .arrow {
	opacity: 1;
	bottom: -8.5px;
	bottom: 0px;
	border-bottom: #fafafa 1px solid;
	border-left: #fafafa 1px solid;
}

/* .txt */
#topImg .arrowArea span .txt {
	position: absolute;
	top: -45px;
	left: 0;
	right: 0;
	width: auto;
	color: #fff;
	font-size: 11px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 4px;
	line-height: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#topImg .arrowArea:hover span .txt {
	/*letter-spacing:5px; */
}

/* ----- .img ----- */
#topImg .img {
	position: absolute;
	top: 10px;
	left: 10px;
	bottom: 10px;
	right: 10px;
	background-size: cover;
	z-index: -1;
	/* padding-bottom: 20px; */
}

@media only screen and (max-width: 768px) {
	#topImg .catchArea {
		bottom: -60px;
	}

	#topImg .catchArea h2 img {
		width: 150px;
	}

	/* ----- .img ----- */
	#topImg .img {
		position: absolute;
		top: 60px;
		left: 2%;
		bottom: 20px;
		right: 2%;
		background-size: cover;
		z-index: -1;
	}
}

/* ----- .bg ----- */
#topImg .bg001 {
	background: url(../images/kv/kv_1.webp) top left no-repeat;
	object-fit: cover;
}

#topImg .bg002 {
	background: url(../images/kv/kv_2.webp) center center no-repeat;
}

#topImg .bg003 {
	background: url(../images/kv/kv_1.webp) bottom center no-repeat;
}

#topImg .bg004 {
	background: url(../images/kv/kv_1.webp) bottom center no-repeat;
}

#topImg .bg004-2021tsukada {
	background: url(../images/kv/kv_1.webp) bottom center no-repeat;
}

#topImg .bg004-2022morozumi {
	background: url(../images/kv/kv_1.webp) bottom center no-repeat;
}

#topImg .bg004-2022TadaoTerasaka {
	background: url(../images/home/mainslider/4-TadaoTerasaka.jpg) bottom center no-repeat;
}

#topImg .bg004-2022sakiori {
	background: url(../images/home/mainslider/4-2022sakiori.jpg) bottom center no-repeat;
}

#topImg .bg004-2023iwanami {
	background: url(../images/home/mainslider/4-2023iwanami.jpg) bottom center no-repeat;
}

#topImg .bg004-2023sakai {
	background: url(../images/home/mainslider/4-2023sakai.jpg) bottom center no-repeat;
}

#topImg .bg004-2023akyu {
	background: url(../images/home/mainslider/4-2023akyu.jpg) bottom center no-repeat;
}

#topImg .bg004-shuzoten_2024 {
	background: url(../images/home/mainslider/4-shuzoten_2024.jpg) bottom center no-repeat;
}

#topImg .bg004-nomura_2024 {
	background: url(../images/home/mainslider/4-nomura_2024.jpg) bottom center no-repeat;
}

#topImg .bg004-bird_2024 {
	background: url(../images/home/mainslider/4-bird_2024.jpg) bottom center no-repeat;
}

#topImg .bg004-2407 {
	background: url(../images/home/mainslider/bg004-2407.jpg) bottom center no-repeat;
}

#topImg .bg004-sakiori_2024 {
	background: url(../images/home/mainslider/bg004-sakiori_2024.jpg) bottom center no-repeat;
}

#topImg .bg004-iseki_2024 {
	background: url(../images/home/mainslider/bg004-iseki_2024.jpg) bottom center no-repeat;
}

#topImg .bg004-suwa_2025 {
	background: url(../images/home/mainslider/bg004-suwa_2025.jpg) bottom center no-repeat;
}

#topImg .bg001 img {
	max-width: 300px;
	padding: 2%
}

#topImg .bg002 img {
	max-width: 300px;
	padding: 2%
}

#topImg .bg003 img {
	max-width: 300px;
	padding: 2%
}

#topImg .bg004 img {
	max-width: 300px;
	padding: 2%
}

/* 
#topImg .bg005 { background: url(../images/home/mainslider/5.jpg) bottom center no-repeat; }
#topImg .bg006 { background: url(../images/home/mainslider/6.jpg) center center no-repeat; } */
/* ----- .slick-dots ----- */
#topImg .mainImg {
	min-height: 100%;
	width: 100%;
	background-size: cover !important;
	border-radius: 0 0 2.5em 0;
	border-radius: 1em;
}

/* ----- .mainSlider ----- */
.mainSlider {}

#topImg .slick-list,
#topImg .slick-track {
	height: 100%;
}

/* --- Arrows --- */
#topImg .slick-prev,
#topImg .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	/*top: 50%;*/
	top: 50%;
	display: block;
	width: 55px;
	height: 55px;
	padding: 0;
	margin-top: -25px;
	/*lte IE 8*/
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: #111;
	border: #111 1px solid;
	border: none;
	outline: none;
	background: none;
	/*background: #111;*/
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 2;
}

#topImg .slick-prev:before,
#topImg .slick-next:before {
	font-family: 'themify';
	font-size: 20px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#topImg .slick-prev {
	left: -5%;
	border-right: none;
}

#topImg .slick-prev:before {
	content: "\e64a"
}

#topImg .slick-next {
	right: -5%;
	border-left: none;
}

#topImg .slick-next:before {
	content: "\e628";
}

#topImg .slick-prev:hover,
#topImg .slick-next:hover {
	color: #fefefe;
	background: #b09d7c;
}

#topImg .slick-prev:hover:before,
#topImg .slick-prev:focus:before,
#topImg .slick-next:hover:before,
#topImg .slick-next:focus:before {
	opacity: 1;
}

/* ----- .slick-dots ----- */
#topImg .slick-dots {
	position: absolute;
	top: 50%;
	bottom: auto;
	left: -5.25%;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0px;
	width: 5%;
	height: auto;
	z-index: 100;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	margin-top: -25px;
}

#topImg .slick-dots li {
	position: relative;
	display: block;
	height: 20px;
	width: 100%;
	margin: 25px auto 0;
	padding: 0;
	cursor: pointer;
	text-align: center;
}

#topImg .slick-dots li button {
	border: 0;
	background: #fefefe;
	display: block;
	height: 20px;
	width: 30px;
	padding: 0;
	/*overflow: hidden; */
	line-height: 20px;
	font-size: 0;
	color: transparent;
	cursor: pointer;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	text-align: center;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#topImg .slick-dots li button:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	font-weight: 300;
	color: #111;
	z-index: -1;
	letter-spacing: 2px;
}

#topImg .slick-dots li:first-child button:after {
	border: #ffffff 2px solid;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	content: "";
}

#topImg .slick-dots li:nth-child(2) button:after {
	border: #ffffff 2px solid;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	content: "";
}

#topImg .slick-dots li:nth-child(3) button:after {
	border: #ffffff 2px solid;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	content: "";
}

#topImg .slick-dots li:nth-child(4) button:after {
	border: #ffffff 2px solid;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	content: "";
}

#topImg .slick-dots li:nth-child(5) button:after {
	border: #ffffff 2px solid;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	content: "";
}

/* 
#topImg .slick-dots li:nth-child(5) button:after { content: "〇"; }
#topImg .slick-dots li:nth-child(6) button:after { content: "〇"; } */
#topImg .slick-dots li button:focus {
	outline: none;
}

#topImg .slick-dots li.slick-active button {
	outline: none;
	background: #ffffff;
	border-radius: 50%;
	width: 15px;
	height: 15px;
}

/*
#topImg .slick-dots li button:before { position: absolute; top: 45%; right: 100%; left: 0; content: ""; border-top: transparent 2px solid; z-index: 1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0.7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
*/
#topImg .slick-dots li button:before {}

#topImg .slick-dots li:hover button:before {
	right: 0;
	/* border-top: #016c6e 2px solid;*/
	opacity: 1;
}

#topImg .slick-dots li.slick-active button:before {
	position: absolute;
	top: 45%;
	right: 0;
	left: 0;
	content: "";
	border: none;
	/* border-top: #016c6e 2px solid;*/
	z-index: 1;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

/* ----- .slick-dots ----- */
#topImg .slick-dots {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	list-style: none;
	display: block;
	text-align: right;
	padding: 0px;
	width: 100%;
	height: auto;
	z-index: 100;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	margin-top: 0;
}

#topImg .slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 0.5%;
	padding: 0;
	cursor: pointer;
	text-align: right;
}

#topImg .slick-dots li button {
	border: 0;
	background: #fefefe;
	background: none;
	display: block;
	height: 20px;
	width: 20px;
	padding: 0;
	/*overflow: hidden; */
	line-height: 20px;
	font-size: 0;
	color: transparent;
	cursor: pointer;
	position: relative;
	z-index: 2;
	margin: 0 auto;
	text-align: center;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

#topImg .slick-dots li button:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	font-size: 11px;
	color: #fefefe;
	z-index: -1;
	letter-spacing: 1.5px;
}

/*-----バナー用-----*/
#box_pickup {
	/* padding: 59px 0 0; */
	/* margin: -59px 0 0; */
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.box_senior {
	position: relative;
	margin: 50px 1em;
	padding: 0px 10px 7px;
	border: solid 1px #1f1b19;
}

.pc {
	display: block !important;
}

.sp {
	display: none !important;
}

@media only screen and (max-width: 750px) {
	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}
}

/*-----バナー用-----*/
@media only screen and (max-width: 800px) {
	#topImg {
		/* min-height: 100%; */
		/*min-height:70%;*/
		padding: 0 10px;
	}

	/* ----- .catchArea ----- */
	#topImg .catchArea {
		position: absolute;
		bottom: 0;
	}

	#topImg .catchArea h2 {
		font-size: 12px;
		letter-spacing: 5px;
		line-height: 50px;
	}

	#topImg .catchArea h2 span {
		vertical-align: 0;
	}

	/* ----- .arrowArea ----- */
	#topImg .arrowArea {
		display: none;
	}

	/* ----- .img ----- */
	#topImg .img {
		position: absolute;
		top: 0;
		left: 10px;
		bottom: 50px;
		right: 10px;
		background-size: cover;
		z-index: -1;
	}

	/* ----- .slick-dots ----- */
	#topImg .mainImg {
		min-height: 100%;
		width: 100%;
		background-size: cover !important;
	}

	/* ----- .mainSlider ----- */
	.mainSlider {}

	#topImg .slick-list,
	#topImg .slick-track {
		height: 100%;
	}

	/* ----- .slick-dots ----- */
	#topImg .slick-dots {
		position: absolute;
		top: auto;
		bottom: 20px;
		left: 0;
		right: 0;
		list-style: none;
		display: block;
		text-align: center;
		padding: 0px;
		width: 100%;
		height: auto;
		z-index: 100;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		margin-top: 0;
	}

	#topImg .slick-dots li {
		position: relative;
		display: inline-block;
		height: 20px;
		width: 20px;
		margin: 0 2%;
		padding: 0;
		cursor: pointer;
		text-align: center;
	}

	#topImg .slick-dots li button {
		border: 0;
		background: #fefefe;
		background: none;
		display: block;
		height: 20px;
		width: 20px;
		padding: 0;
		/*overflow: hidden; */
		line-height: 20px;
		font-size: 0;
		color: transparent;
		cursor: pointer;
		position: relative;
		z-index: 2;
		margin: 0 auto;
		text-align: center;
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}

	#topImg .slick-dots li button:after {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		font-size: 11px;
		color: #fefefe;
		z-index: -1;
		letter-spacing: 1.5px;
	}
}

@media only screen and (max-width: 1024px) {
	#topImg .bg001 img {
		max-width: 250px;
		padding: 3%
	}

	#topImg .bg002 img {
		max-width: 250px;
		padding: 3%
	}

	#topImg .bg003 img {
		max-width: 250px;
		padding: 3%
	}
}

@media only screen and (max-width: 768px) {
	#topImg .catchArea h2 {
		font-size: 11px;
		text-indent: 10px;
	}

	/* ----- .bg スマホはこちらだよ！----- */
	#topImg .bg001 {
		background: url(../images/kv/kv_1.jpg?2025021813) center center no-repeat;
	}

	#topImg .bg002 {
		background: url(../images/kv/kv_2.jpg?20250303) center center no-repeat;
	}

	#topImg .bg003 {
		background: url(../images/kv/kv_1.jpg?2025021813) bottom center no-repeat;
	}

	#topImg .bg004 {
		background: url(../images/kv/kv_1.jpg?2025021813) bottom center no-repeat;
	}

	#topImg .bg004-2021tsukada {
		background: url(../images/home/mainslider/4sp-2021tsukada.jpg) bottom center no-repeat;
	}

	#topImg .bg001 img {
		max-width: 150px;
		padding: 3%
	}

	#topImg .bg002 img {
		max-width: 150px;
		padding: 3%
	}

	#topImg .bg003 img {
		max-width: 150px;
		padding: 3%
	}

	#topImg .bg004 img {
		max-width: 150px;
		padding: 3%
	}

	#topImg .bg004-2023iwanami img {
		max-width: 150px;
		padding: 3%
	}

	#topImg .bg004-2023sakai img {
		max-width: 150px;
		padding: 3%
	}
}

@media only screen and (max-width: 414px) {
	#topImg .catchArea h2 {
		font-size: 10px;
	}

	#topImg .slick-dots li button:after {
		font-weight: 600;
	}

	#topImg .bg001 img {
		max-width: 150px;
		padding: 3%
	}

	#topImg .bg002 img {
		max-width: 150px;
		padding: 3%
	}

	#topImg .bg003 img {
		max-width: 150px;
		padding: 3%
	}

	#topImg .bg004 img {
		max-width: 150px;
		padding: 3%
	}

	#topImg .bg004-2023iwanami img {
		max-width: 150px;
		padding: 3%
	}

	#topImg .bg004-2023sakai img {
		max-width: 150px;
		padding: 3%
	}
}

@media only screen and (max-width: 380px) {
	#topImg .catchArea h2 {
		letter-spacing: 4px;
	}
}

@media only screen and (max-width: 320px) {
	#topImg .catchArea h2 {
		letter-spacing: 3px;
	}
}

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

#catchLink

----------------------------------------------------------- */
#catchLink {
	padding: 59px 0 0;
	margin: -59px 0 0;
}

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

#catch

----------------------------------------------------------- */
#catch {
	padding: 40px 0 90px;
	padding: 0;
	padding-left: 00px;
}

#catch span {
	padding-left: 15px;
	line-height: 2.2;
	font-size: 18px;
}

#catch .titel_event:before {
	font-family: 'themify';
	content: "\e654";
	font-size: 28px;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/*position: absolute;
    top: 0;
    left: 10px;*/
	z-index: 1;
	line-height: 30px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	padding-right: 10px;
}

#catch .titel_ex:before {
	font-family: 'themify';
	content: "\e6b6";
	font-size: 28px;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/*position: absolute;
    top: 0;
    left: 10px;*/
	z-index: 1;
	line-height: 30px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	padding-right: 10px;
}

#catch .titel_about:before {
	font-family: 'themify';
	content: "\e67c";
	font-size: 28px;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/*position: absolute;
    top: 0;
    left: 10px;*/
	z-index: 1;
	line-height: 30px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	padding-right: 10px;
}

@media only screen and (max-width: 1024px) {
	#catch {
		padding: 30px 5% 80px;
	}
}

@media only screen and (max-width: 800px) {
	#catch {
		padding: 0px 5%;
	}
}

@media only screen and (max-width: 738px) {
	#catch {
		padding: 0 5% 5px;
	}
}

@media only screen and (max-width: 414px) {
	#catch {
		padding: 0px 5% 10px;
	}
}

/* --- h3 --- */
#catch h3 {
	/* font-size:25px; */
	/* font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; */
	/* letter-spacing:3px; */
	/* line-height:2; */
	/* margin-top: 10px; */
	font-size: 25px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1;
}

#catch h3 br.spblock {
	display: none;
}

#catch h3.en {
	font-size: 13px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.0;
}

#catch h3.jp {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 3px;
	line-height: 1.0;
}

#catch h3.en img {
	max-width: 634px;
	width: 100%;
}

@media only screen and (max-width: 1024px) {
	#catch h3 {
		margin-top: 15px;
		font-size: 22px;
	}
}

@media only screen and (max-width: 800px) {
	#catch h3 {
		margin-top: 15px;
		font-size: 22px;
		font-family: 'Catamaran', sans-serif;
		font-weight: 600;
	}
}

@media only screen and (max-width: 738px) {
	#catch h3 {
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8;
		margin-top: 10px;
	}

	#catch h3 br.spblock {
		display: block;
	}
}

@media only screen and (max-width: 414px) {
	#catch h3 {
		font-size: 16px;
		letter-spacing: 2px;
		line-height: 1.8;
		text-align: center;
	}
}

/* --- .iconIllust --- */
#catch .iconIllust {
	width: 500px;
	height: auto;
	margin: 0 auto;
	/* background:url(../images/home/illust_logo.png) center center no-repeat; */
	background-size: 200px 196px;
	position: relative;
	z-index: 0;
}

@media only screen and (max-width: 738px) {
	#catch .iconIllust {
		width: 150px;
		height: 150px;
		background-size: 150px 150px;
	}
}

@media only screen and (max-width: 414px) {
	#catch .iconIllust {
		width: 120px;
		height: 120px;
		background-size: 120px 120px;
	}
}

/* --- .txtArea --- */
#catch .txtArea {
	margin: 25px auto 0;
	max-width: 700px;
}

#catch .txtArea p {
	font-size: 14px;
	line-height: 2.4;
	letter-spacing: 2px;
	margin-top: 1em;
}

@media only screen and (max-width: 738px) {
	#catch .txtArea {
		margin: 20px auto 0;
		padding: 0 2.5%;
		text-align: left;
	}

	#catch .txtArea p {
		font-size: 13px;
		line-height: 2;
		letter-spacing: 1px;
		margin-top: 1em;
	}

	#catch .txtArea p br {
		display: none;
	}
}

/* フレックスボックス
-----------------------------------------------------------------*/
#catch .catch_ex {
	/* display: -webkit-box; */
	display: -ms-flexbox;
	/* display: -webkit-flex; */
	/* display: flex; */
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	/* flex-wrap: wrap; */
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	/* border: 1px solid #eee; */
	padding: 0em;
	margin: 0 auto;
}

#catch .catch_ex a {
	width: 100%;
	margin: 0 auto;
}

#catch .catch_ex a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#catch .catch_ex>div {
	flex: 1 0 300px;
}

#catch .catch_ex img {
	padding: 10px;
}

#catch .catch_ex p {
	padding: 5px 0;
	font-size: 18px;
	line-height: 1.1;
}

@media only screen and (max-width: 330px) {
	#catch .catch_ex>div {
		flex: 1 0 260px;
	}
}

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

#academy_area

----------------------------------------------------------- */
#academy_area {
	padding: 40px 0 90px;
	padding: 30px 0 90px;
	text-align: center;
	background: #fefefe;
	/* width: 1000px; */
	/* margin: 0 auto; */
	/* background: url(../images/home/catch_bg.jpg) top right no-repeat; */
	background-size: cover;
}

@media only screen and (max-width: 1024px) {
	#academy_area {
		padding: 30px 5% 80px;
	}
}

@media only screen and (max-width: 800px) {
	#academy_area {
		padding: 30px 5% 80px;
	}
}

@media only screen and (max-width: 738px) {
	#academy_area {
		padding: 30px 5% 70px;
	}
}

@media only screen and (max-width: 414px) {
	#academy_area {
		padding: 20px 5% 60px;
	}
}

/* --- h3 --- */
#academy_area h3 {
	/* font-size:25px; */
	/* font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; */
	/* letter-spacing:3px; */
	/* line-height:2; */
	margin-top: 10px;
	font-size: 20px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.2;
}

#academy_area h3 br.spblock {
	display: none;
}

#academy_area h3.en {
	font-size: 13px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.0;
}

#academy_area h3.jp {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 3px;
	line-height: 1.0;
}

#academy_area h3.en img {
	width: 634px;
}

@media only screen and (max-width: 1024px) {
	#academy_area h3 {
		margin-top: 15px;
		font-size: 22px;
	}
}

@media only screen and (max-width: 800px) {
	#academy_area h3 {
		margin-top: 15px;
		font-size: 30px;
		font-family: 'Catamaran', sans-serif;
		font-weight: 600;
	}
}

@media only screen and (max-width: 738px) {
	#academy_area h3 {
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8;
		margin-top: 10px;
	}

	#academy_area h3 br.spblock {
		display: block;
	}
}

@media only screen and (max-width: 414px) {
	#academy_area h3 {
		font-size: 16px;
		letter-spacing: 2px;
		line-height: 1.8;
		text-align: center;
	}
}

/* --- .iconIllust --- */
#academy_area .iconIllust {
	width: 500px;
	height: auto;
	margin: 0 auto;
	/* background:url(../images/home/illust_logo.png) center center no-repeat; */
	background-size: 200px 196px;
	position: relative;
	z-index: 0;
}

@media only screen and (max-width: 738px) {
	#academy_area .iconIllust {
		width: 150px;
		height: 150px;
		background-size: 150px 150px;
	}
}

@media only screen and (max-width: 414px) {
	#academy_area .iconIllust {
		width: 120px;
		height: 120px;
		background-size: 120px 120px;
	}
}

/* --- .txtArea --- */
#academy_area .txtArea {
	margin: 25px auto 0;
	max-width: 700px;
}

#academy_area .txtArea p {
	font-size: 14px;
	line-height: 2.4;
	letter-spacing: 2px;
	margin-top: 1em;
}

@media only screen and (max-width: 738px) {
	#academy_area .txtArea {
		margin: 20px auto 0;
		padding: 0 2.5%;
		text-align: left;
	}

	#academy_area .txtArea p {
		font-size: 13px;
		line-height: 2;
		letter-spacing: 1px;
		margin-top: 1em;
	}

	#academy_area .txtArea p br {
		display: none;
	}
}

/* フレックスボックス2
-----------------------------------------------------------------*/
#academy_area .catch_ex2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	border: 1px solid #eee;
	padding: 0em;
	margin: 0 auto;
}

#academy_area .catch_ex2 a {
	width: 100%;
	margin: 0 auto;
}

#academy_area .catch_ex2 a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#academy_area .catch_ex2>div {
	flex: 1 0 300px;
}

#academy_area .catch_ex2 img {
	padding: 10px;
}

#academy_area .catch_ex2 p {
	padding: 5px 0;
	font-size: 20px;
	line-height: 1.1;
}

@media only screen and (max-width: 330px) {
	#academy_area .catch_ex2>div {
		flex: 1 0 260px;
	}
}

@media only screen and (max-width: 414px) {
	#academy_area .txtArea p {
		font-size: 12px;
	}

	#academy_area .catch_ex p {
		padding-top: 10px;
		font-size: 14px;
		line-height: 1.5;
	}
}

/* フレックスボックス
-----------------------------------------------------------------*/
#catch .catch_ex {
	/* display: -webkit-box; */
	display: -ms-flexbox;
	/* display: -webkit-flex; */
	/* display: flex; */
	-ms-flex-wrap: wrap;
	/* -webkit-flex-wrap: wrap; */
	/* flex-wrap: wrap; */
	/* -webkit-box-align: center; */
	-ms-flex-align: center;
	/* -webkit-align-items: center; */
	/* align-items: center; */
	/* border: 1px solid #eee; */
	/* padding: 0em; */
	/* margin: 50px auto 0; */
	text-align: center !important;
	/* padding-top: 0px; */
}


#w_photography_type h3 {
	font-size: 25px;
	/* border-top: 1px solid #eee; */
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	text-align: center;
	padding-left: 10px;
}

#w_photography_type h3 {
	font-size: 25px;
	/* border-top: 1px solid #eee; */
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	text-align: center !important;
	padding-left: 10px;
}





@media only screen and (max-width: 768px) {
	#catch .catch_ex {
		padding-top: 0px;
	}
}

#catch .catch_ex a {
	width: 100%;
	margin: 0 auto;
}

#catch .catch_ex a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#catch .catch_ex>div {
	flex: 1 0 300px;
}

#catch .catch_ex img {
	padding: 10px;
}

#catch .catch_ex p {
	padding: 2px 0;
	font-size: 15px;
	line-height: 1.1;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: 2px;
	margin-top: 0.2em;
	font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
}

@media only screen and (max-width: 330px) {
	#catch .catch_ex>div {
		flex: 1 0 260px;
	}
}

/* フレックスボックス2
-----------------------------------------------------------------*/
#catch .catch_ex2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	border: 1px solid #eee;
	padding: 0em;
	margin: 0 auto;
}

#catch .catch_ex2 a {
	width: 100%;
	margin: 0 auto;
}

#catch .catch_ex2 a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#catch .catch_ex2>div {
	flex: 1 0 300px;
}

#catch .catch_ex2 img {
	padding: 10px;
}

#catch .catch_ex2 p {
	padding: 5px 0;
	font-size: 20px;
	line-height: 1.1;
}

@media only screen and (max-width: 330px) {
	#catch .catch_ex2>div {
		flex: 1 0 260px;
	}
}

@media only screen and (max-width: 414px) {
	#catch .txtArea p {
		font-size: 12px;
	}

	#catch .catch_ex p {
		padding-top: 10px;
		font-size: 14px;
		line-height: 1.5;
	}
}

/* --- .illustArea --- */
.illustArea {
	margin: 45px auto 0;
	max-width: 650px;
	height: auto;
}

@media only screen and (max-width: 800px) {
	.illustArea {
		margin: 40px auto 0;
	}
}

@media only screen and (max-width: 738px) {
	.illustArea {
		margin: 35px auto 0;
	}
}

@media only screen and (max-width: 414px) {
	.illustArea {
		margin: 30px auto 0;
	}
}

.boxInfo {
	border: 2px solid #de5252;
	padding: 10px;
	text-align: center;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 50px;
	/* overflow: auto; */
}

.boxInfo p {
	font-size: 18px;
	line-height: 2.2;
	letter-spacing: 1px;
}

.boxInfo p span {
	font-size: 16px;
}

.boxInfo h2 {
	font-size: 22px;
	margin: 15px 0;
}

.boxInfo .iframe {
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 100%;
	width: 100%;
	position: relative;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

@media only screen and (max-width: 1024px) {
	.boxInfo {
		width: 90%;
		margin: 0 5%;
		max-width: 1200px;
	}

	.boxInfo h2 {
		font-size: 18px;
		margin: 10px 0;
	}

	.boxInfo p {
		font-size: 16px;
	}

	.boxInfo p span {
		font-size: 14px;
	}
}

@media only screen and (max-width: 500px) {
	.boxInfo p {
		font-size: 14px;
	}

	.boxInfo h2 {
		font-size: 16px;
	}

	.boxInfo p span {
		font-size: 12px;
	}
}

@media only screen and (max-width: 500px) {
	.section_youtube {
		width: 95%;
		display: inline-block;
		vertical-align: top;
		margin: 0 0.5% 20px;
		border: 1px solid #ddd;
		padding: 1%;
	}
}

.linkInfo {
	padding: 50px 0;
	text-align: center;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.linkInfo h2 span {
	color: #39abb9;
	border-bottom: 1px dashed;
	font-weight: 600;
}

@media only screen and (max-width: 1024px) {
	.linkInfo h2 {
		font-size: 16px;
	}
}

.ifSp {
	display: none;
}

@media only screen and (max-width: 414px) {
	.ifSp {
		display: block;
	}
}

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

#w_about

----------------------------------------------------------- */
#w_about {
	padding: 0px 1% 20px;
	position: relative;
	z-index: 1;
	width: 100%;
	text-align: center;
	max-width: 1200px;
	margin: 0 auto;
}

#w_about h3 {
	margin: 0 auto;
	font-size: 25px;
	/* font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; */
	letter-spacing: 2.5px;
	line-height: 1.8;
	text-align: left;
}

/* --- .conceptArea --- */
#w_about .descriptionArea {
	margin-top: 20px;
	position: relative;
	z-index: 1;
	margin: 20px auto 0;
}

#w_about .descriptionArea p {
	font-size: 14px;
	line-height: 2.4;
	letter-spacing: 2px;
	margin-top: 1em;
}

/* --- .nameArea --- */
#w_about .nameArea {
	margin: 80px 0 0;
	position: relative;
	z-index: 2;
}

#w_about .nameArea:before {
	position: absolute;
	top: 7px;
	left: 0;
	bottom: 7px;
	right: 0;
	content: "";
	border: #fff 1px solid;
	background: #fefefe;
	z-index: -2;
}

#w_about .nameArea:after {
	position: absolute;
	top: 0;
	left: 7px;
	bottom: 0;
	right: 7px;
	content: "";
	border: #fff 1px dotted;
	z-index: -2;
}

/* --- .inner --- */
#w_about .nameArea .inner {
	padding: 70px 5%;
}

/* .imgArea */
#w_about .nameArea .imgArea {
	float: left;
	width: 95%;
	position: relative;
	z-index: 1;
	margin: 1%;
	margin-bottom: 10px
}

#w_about .nameArea .imgArea:before {
	position: absolute;
	top: 10px;
	right: 20px;
	left: 20px;
	bottom: 10px;
	content: "";
	border-top: #fefefe 1px solid;
	border-bottom: #fefefe 1px solid;
	z-index: 2;
}

#w_about .nameArea .imgArea:after {
	position: absolute;
	top: 20px;
	right: 10px;
	left: 10px;
	bottom: 20px;
	content: "";
	border-right: #fefefe 1px solid;
	border-left: #fefefe 1px solid;
	z-index: 2;
}

#w_about h3 {
	font-size: 25px;
	/* border-top: 1px solid #eee; */
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	text-align: left;
	padding-left: 10px;
}

#w_about h3:before {
	padding-right: 10px;
	font-size: 15px;
	text-align: left;
	font-family: 'FontAwesome';
	content: "\f003";
	content: url(../images/icon_mark01.svg);
	font-weight: normal;
	color: #000;
}

/* .txtArea */
#w_about .nameArea .txtArea {
	float: left;
	width: 50%;
	text-align: left;
	margin-bottom: 20px;
}

#w_about .nameArea .txtArea .txtBox {
	margin: 0 auto;
	/* max-width:450px; */
	width: 95%;
	margin: 0 2.5%;
}

#w_about .nameArea .txtArea h3 {}

#w_about .nameArea .txtArea h4 {
	font-size: 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 25px;
	padding-bottom: 20px;
	position: relative;
	z-index: 2;
}

#w_about .nameArea .txtArea h4 b {
	display: block;
	font-size: 15px;
	font-weight: normal;
	vertical-align: 0;
}

#w_about .nameArea .txtArea h4:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50px;
	height: 0;
	margin-left: -25px;
	content: "";
	border-top: #ddd double;
	z-index: -1;
}

#w_about .nameArea .txtArea p {
	font-size: 14px;
	line-height: 2.5;
	letter-spacing: 2px;
	margin-top: 30px;
	text-align: left;
	display: inline;
}

/* .txtArea */
#w_about .nameArea .txtArea_100 {
	float: left;
	width: 100%;
	text-align: left;
}

#w_about .nameArea .txtArea_100 .txtBox {
	margin: 0 auto;
	/* max-width:450px; */
	width: 95%;
	margin: 0 2.5%;
}

#w_about .nameArea .txtArea_100 h3 {}

#w_about .nameArea .txtArea_100 h4 {
	font-size: 30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 25px;
	padding-bottom: 20px;
	position: relative;
	z-index: 2;
}

#w_about .nameArea .txtArea_100 h4 b {
	display: block;
	font-size: 15px;
	font-weight: normal;
	vertical-align: 0;
}

#w_about .nameArea .txtArea_100 h4:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50px;
	height: 0;
	margin-left: -25px;
	content: "";
	border-top: #ddd double;
	z-index: -1;
}

#w_about .nameArea .txtArea_100 p {
	font-size: 14px;
	line-height: 2.4;
	letter-spacing: 2px;
	margin-top: 30px;
	text-align: left;
}

#w_about .nameArea .txtArea p:before {
	padding-right: 10px;
	font-size: 15px;
	text-align: left;
	font-family: 'FontAwesome';
	content: "\f219";
	font-weight: normal;
	color: #A560A3;
}

#w_about .nameArea .txtArea .i_phone:before {
	padding-right: 10px;
	font-size: 15px;
	text-align: left;
	font-family: 'FontAwesome';
	content: "\f095";
	font-weight: normal;
	color: #FF9800;
}

#w_about .nameArea .txtArea .i_mail:before {
	padding-right: 10px;
	font-size: 15px;
	text-align: left;
	font-family: 'FontAwesome';
	content: "\f003";
	font-weight: normal;
	color: #A560A3;
}

#w_about .nameArea .sign {
	margin-top: 30px;
	width: 100%;
	height: 65px;
	/* background:url(../images/about/sign.png) center right no-repeat;*/
}

@media only screen and (max-width: 1024px) {
	#w_about {
		padding: 0px 0% 20px;
		position: relative;
		z-index: 1;
		text-align: center;
	}

	#w_about .nameArea .txtArea p {
		font-size: 13px;
		line-height: 2.2;
		letter-spacing: 1px;
	}
}

@media only screen and (max-width: 800px) {
	#w_about {
		padding: 0px 5% 40px;
	}

	#w_about h3 {
		margin: 0 auto;
		font-size: 20px;
		margin-bottom: 20px;
	}

	/* --- .nameArea --- */
	#w_about .nameArea {
		margin: 20px 0 0;
	}

	/* --- .inner --- */
	#w_about .nameArea .inner {
		padding: 60px 6%;
	}

	/* .imgArea */
	#w_about .nameArea .imgArea {
		width: 100%;
	}

	/* .txtArea */
	#w_about .nameArea .txtArea {
		width: 50%;
	}

	#w_about .nameArea .txtArea h4 {
		font-size: 25px;
		margin-bottom: 20px;
		margin-top: -5px;
		padding-bottom: 15px;
	}

	#w_about .nameArea .txtArea h4 b {
		font-size: 14px;
	}

	#w_about .nameArea .sign {
		margin-top: 25px;
		width: 100%;
		height: 58px;
		background-size: 150px 58px;
	}
}

@media only screen and (max-width: 738px) {
	#w_about {
		padding: 5px 5% 70px;
	}

	#w_about h3 {
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8;
	}

	/* --- .conceptArea --- */
	#w_about .descriptionArea {
		margin: 20px auto 0;
		padding: 0 2.5%;
		text-align: left;
	}

	#w_about .descriptionArea p {
		font-size: 13px;
		line-height: 2;
		letter-spacing: 1px;
		margin-top: 1em;
	}

	#w_about .descriptionArea p br {
		display: none;
	}

	/* --- .nameArea --- */
	#w_about .nameArea {
		margin: 0px 0 0;
	}

	/* --- .inner --- */
	#w_about .nameArea .inner {
		padding: 50px 7.5%;
	}

	/* .imgArea */
	#w_about .nameArea .imgArea {
		float: none;
		width: 100%;
		margin: 0 auto;
	}

	#w_about .nameArea .imgArea:before {
		top: 5px;
		right: 15px;
		left: 15px;
		bottom: 5px;
	}

	#w_about .nameArea .imgArea:after {
		top: 15px;
		right: 5px;
		left: 5px;
		bottom: 15px;
	}

	/* .txtArea */
	#w_about .nameArea .txtArea {
		float: none;
		width: 100%;
		margin-top: 30px;
	}

	#w_about .nameArea .txtArea .txtBox {
		max-width: 1000px;
		padding: 0 2.5%;
	}

	#w_about .nameArea .txtArea h4 {
		font-size: 20px;
	}

	#w_about .nameArea .txtArea h4 b {
		display: block;
		font-size: 15px;
		font-weight: normal;
		vertical-align: 0;
	}

	#w_about .nameArea .txtArea p {
		font-size: 12px;
		line-height: 2;
		letter-spacing: 1px;
	}

	#w_about .nameArea .sign {
		margin-top: 10px;
		width: 100%;
		height: 39px;
		background-size: 100px 39px;
	}
}

@media only screen and (max-width: 414px) {
	#w_about {
		padding: 0px 5% 30px;
	}

	#w_about h3 {
		font-size: 15px;
		letter-spacing: 2px;
		line-height: 1.8;
		text-align: center;
	}

	#w_about .descriptionArea p {
		font-size: 12px;
	}

	/* --- .nameArea --- */
	#w_about .nameArea {
		margin: 50px 0 0;
	}

	#w_about .nameArea .txtArea h4 b {
		font-size: 13px;
	}
}

#w_about .nameArea .txtArea_100 h4 {
	font-size: 20px;
	margin-top: 10px;
}

.access_map {
	padding: 10px;
	margin: 15px 0;
	/* background: #f7f7f7; */
	/* border: 1px solid #fff; */
	/* -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 -1px 0 #f2f2f2; */
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2), 0 -1px 0 #f2f2f2;
	/* box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 -1px 0 #f2f2f2; */
	height: auto;
}

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

#photography

----------------------------------------------------------- */
#photography {
	padding: 10px 0;
	/* position: relative; */
	/* z-index: 1; */
	/* border-top: #a3d9e0 1px solid; */
	/* background: #fefefe; */
	/* background: url(../images/noise.png) repeat #fefefe; */
}

#photography:before {
	position: absolute;
	top: -1px;
	left: 0%;
	right: 0%;
	height: 0;
	content: "";
	border-top: #ededed 1px solid;
	z-index: 2;
}

@media only screen and (max-width: 800px) {
	#photography {
		padding: 0 0 80px;
	}
}

@media only screen and (max-width: 738px) {
	#photography {
		padding: 0 0 70px;
		/* background: url(../images/noise2.png) repeat #fefefe; */
	}
}

@media only screen and (max-width: 414px) {
	#photography {
		padding: 0 0 60px;
	}
}

/* ----- .headlineImg ----- */
#photography .headlineImg {
	background: url(../images/home/bg_photography.jpg) center center no-repeat;
	background-size: cover;
	padding: 200px 0;
	text-align: center;
	color: #fefefe;
	position: relative;
	z-index: 1;
}

#photography .headlineImg:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	background: #111;
	opacity: 0.2;
	z-index: 2;
}

#photography .headlineImg h2.en {
	font-size: 45px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 5px;
	position: relative;
	z-index: 3;
}

#photography .headlineImg h2.jp {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 5px;
	line-height: 1;
	margin-top: 20px;
	position: relative;
	z-index: 3;
}

@media only screen and (max-width: 1024px) {
	#photography .headlineImg {
		padding: 175px 0;
	}
}

@media only screen and (max-width: 800px) {
	#photography .headlineImg {
		padding: 150px 0;
		margin: 0;
	}

	#photography .headlineImg h2.en {
		font-size: 35px;
		letter-spacing: 4px;
		position: relative;
		z-index: 3;
	}

	#photography .headlineImg h2.jp {
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 4px;
		line-height: 1;
		margin-top: 15px;
		position: relative;
		z-index: 3;
	}
}

@media only screen and (max-width: 738px) {
	#photography .headlineImg {
		background: url(../images/home/bg_photographySp.jpg) center center no-repeat;
		background-size: cover;
		padding: 125px 0;
	}

	#photography .headlineImg h2.en {
		font-size: 30px;
		letter-spacing: 3px;
		position: relative;
		z-index: 3;
	}
}

@media only screen and (max-width: 414px) {
	#photography .headlineImg {
		padding: 80px 0;
	}

	#photography .headlineImg h2.en {
		font-size: 23px;
		letter-spacing: 3px;
		position: relative;
		z-index: 3;
	}

	#photography .headlineImg h2.jp {
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 3px;
		line-height: 1;
		margin-top: 10px;
		position: relative;
		z-index: 3;
	}
}

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

#instagram

----------------------------------------------------------- */
#photography {
	padding: 30px 5%;
	/* position: relative; */
	z-index: 1;
	/* border-top: #a3d9e0 1px solid; */
	display: flex;
}

#photography:before {
	position: absolute;
	top: -1px;
	left: 5%;
	right: 5%;
	height: 0;
	content: "";
	border-top: #ededed 1px solid;
	z-index: 2;
}

@media only screen and (max-width: 800px) {
	#photography {
		padding: 80px 5%;
	}
}

@media only screen and (max-width: 738px) {
	#photography {
		padding: 70px 5%;
	}
}

@media only screen and (max-width: 414px) {
	#photography {
		padding: 0px 0;
	}
}

/* ----- .headline ----- */
#photography .headline {
	margin-bottom: 45px;
	text-align: center;
}

#photography .headline h2.en {
	font-size: 50px;
	/* font-family: 'Satisfy', cursive; */
	letter-spacing: 0;
	line-height: 1;
}

#photography .headline h3 {
	font-size: 14px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 300;
	letter-spacing: 2px;
	line-height: 1;
	margin-top: 20px;
}

#photography .headline h3 b {
	font-weight: 600;
	letter-spacing: 2px;
}

@media only screen and (max-width: 800px) {
	#photography .headline {
		margin-bottom: 40px;
	}

	#photography .headline h2.en {
		font-size: 40px;
	}

	#photography .headline h3 {
		margin-top: 15px;
	}
}

@media only screen and (max-width: 738px) {
	#photography .headline {
		margin-bottom: 30px;
	}

	#photography .headline h2.en {
		font-size: 35px;
	}
}

@media only screen and (max-width: 414px) {
	#photography .headline h2.en {
		font-size: 30px;
	}

	#photography .headline h3 {
		font-size: 13px;
		margin-top: 10px;
	}
}

/* ----- .photographyArea ----- */
#photography .photographyArea {
	margin: 0;
}

/* .photographyBox */
#photography .photographyBox {
	width: 48%;
	float: left;
	/* display: block; */
	margin: 20px 1% 80px;
	/* position: relative; */
	z-index: 2;
	/* background: #fefefe; */
	/* border: #ededed 1px solid; */
	padding: 30px 30px 60px 30px;
	/* background: #fafafa; */
}

/* -#photography .photographyBox:nth-child(even) {padding:30px 0 60px 30px;} */
/* ----- .txtArea ----- */
#photography .photographyBox .txtArea {
	/* position:absolute; */
	/* top:0; */
	/* left:0; */
	/* bottom:0; */
	width: 100%;
	z-index: 1;
	display: block;
}

/* #photography .photographyBox:nth-child(even) .txtArea { left:auto; right:0; } */
/* .photographyhHead */
#photography .photographyhHead {
	display: block;
	text-align: center;
	/* position: absolute; */
	z-index: 2;
	margin-top: 50px;
	-o-transform: translate(-50%, -50%);
	/* transform: translate(-50%, -50%); */
}

/* .iconIllust */
#photography .photographyhHead .iconIllust {
	width: 90px;
	height: 90px;
	margin: 20px auto 0;
	position: relative;
	z-index: 0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

#photography .photographyhHead .iconIllust:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	content: "";
	border: #f0f0f0 1px solid;
	z-index: 2;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

#photography .photographyhHead .iconIllust_location {
	/* background: url(../images/photography/location/icon.png) center center no-repeat; */
	/* background-size:80px 80px; */
}

#photography .photographyhHead .iconIllust_wedding {
	background: url(../images/photography/wedding/icon.png) center center no-repeat;
	background-size: 80px 80px;
}

#photography .photographyhHead .iconIllust_family {
	background: url(../images/photography/family/icon.png) center center no-repeat;
	background-size: 80px 80px;
}

/* h2,h3 */
#photography .photographyhHead h2 {
	font-size: 12px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 500;
	letter-spacing: 2.5px;
	line-height: 1.8;
	position: relative;
	z-index: 4;
}

#photography .photographyhHead h3.en {
	font-size: 13px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
	line-height: 1.8;
}

#photography .photographyhHead h3.jp {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 3px;
	line-height: 1.8;
}

/* .catchArea */
#photography .catchArea {
	margin-top: 10px;
}

#photography .catchArea h4 {
	font-size: 13px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
	letter-spacing: 1px;
	line-height: 2;
}

/* .linkAreaHead */
#photography .photographyhHead .linkAreaHead {
	margin-top: 20px;
}

#photography .photographyhHead .linkAreaHead a {
	width: 160px;
	font-size: 13px;
	z-index: 1000;
}

/* ----- .imgArea ----- */
#photography .photographyBox .imgArea {
	/* float: right; */
	width: 100%;
	/* position: relative; */
	z-index: 2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*#photography .photographyBox:nth-child(even) .imgArea { float: left; }*/
@media only screen and (max-width: 800px) {

	/* ----- .photographyArea ----- */
	#photography .photographyArea {
		margin: 0 5%;
	}

	#photography .photographyBox,
	#photography .photographyBox:nth-child(even) {
		margin: 70px 1% 70px;
		padding: 0;
		/* border: #ededed 1px solid; */
		/* background: #fefefe; */
		overflow: hidden;
	}

	/* 
    #photography .photographyhHead h3.jp:after {content:''; position: absolute; left:2.5%; top:34px; width:95%; background:#000; 10px;height:1.5px;-webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out}
    */
	/* ----- .txtArea ----- */
	#photography .photographyBox .txtArea,
	#photography .photographyBox:nth-child(even) .txtArea {
		position: static;
		width: 100%;
		padding: 35px 5% 50px;
	}

	/* .photographyhHead */
	#photography .photographyBox .photographyhHead {
		display: block;
		text-align: center;
		position: static;
		-moz-transform:
			/*translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0); transform: translate(0, 0); */
	}

	#photography .catchArea {
		display: block;
	}

	/* .linkAreaHead */
	#photography .photographyBox .photographyhHead .linkAreaHead {
		margin-top: 20px;
	}

	#photography .photographyhHead .iconIllust {
		width: 100px;
		height: 100px;
	}

	#photography .photographyhHead .iconIllust_location,
	#photography .photographyhHead .iconIllust_wedding,
	#photography .photographyhHead .iconIllust_family {
		background-size: 90px 90px;
	}

	/* ----- .imgArea ----- */
	#photography .photographyBox .imgArea {
		float: none;
		width: 100%;
		padding: 30px 5% 0;
		padding: 0;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}

	#photography .photographyBox:nth-child(even) .imgArea {
		float: none;
	}
}

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

	#photography .photographyBox,
	#photography .photographyBox:nth-child(even) {
		margin: 60px 0 0;
	}

	/* ----- .txtArea ----- */
	#photography .photographyBox .txtArea,
	#photography .photographyBox:nth-child(even) .txtArea {
		padding: 30px 5% 45px;
	}

	#photography .photographyhHead .iconIllust {
		width: 70px;
		height: 70px;
		margin: 15px auto 0;
	}

	#photography .photographyhHead .iconIllust_location,
	#photography .photographyhHead .iconIllust_wedding,
	#photography .photographyhHead .iconIllust_family {
		background-size: 60px 60px;
	}

	#photography .catchArea h4 {
		font-size: 12px;
	}

	#photography .photographyBox .photographyhHead .linkAreaHead {
		margin-top: 15px;
		z-index: 100;
	}
}

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

	#photography .photographyBox,
	#photography .photographyBox:nth-child(even) {
		width: 100%;
		margin: 50px 0 0;
	}

	#photography .photographyhHead .linkAreaHead a {
		z-index: 10000;
	}
}

/* ----- .gallerySlider ----- */
.gallerySlider {
	margin: 0;
	padding-bottom: 0;
}

/* --- li --- */
.gallerySlider li {
	margin: 0;
	position: relative;
	/* background: #fefefe; */
	z-index: 3;
}

/* --- .imgArea --- */
.gallerySlider li .imgArea {
	overflow: hidden;
	position: relative;
	z-index: 4;
	background: #fefefe;
}

.gallerySlider li .imgArea:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	background: #fefefe;
	z-index: 5;
	opacity: 0;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.gallerySlider li:hover .imgArea:before {
	content: "";
	background: #e4f5fd;
	opacity: 0.8;
}

.gallerySlider li .imgArea img {
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}

.gallerySlider li:hover .imgArea img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}

/* Arrow */
.gallerySlider .slick-prev,
.gallerySlider .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 60px;
	height: 60px;
	padding: 0;
	/*lte IE 8*/
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: #ffffff;
	border: #ddd 1px solid;
	border: none;
	background: rgba(35, 35, 35, .9);
	outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	z-index: 2;
}

.gallerySlider .slick-prev:before,
.gallerySlider .slick-next:before {
	font-family: 'themify';
	font-size: 12px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.gallerySlider .slick-prev {
	left: 0;
	margin-left: -30px;
}

.gallerySlider .slick-prev:before {
	content: "\e64a";
}

.gallerySlider .slick-next {
	margin-right: -30px;
	right: 0;
}

.gallerySlider .slick-next:before {
	content: "\e649";
}

/* --- .slick-dots --- */
.gallerySlider .slick-dots {
	bottom: -33px;
}

.gallerySlider .slick-dots li {
	position: relative;
	height: 12px;
	width: 12px;
	margin: 0 10px;
	padding: 0;
	cursor: pointer;
	text-align: center;
}

/* --- .linkArea --- */
#photography .linkArea {
	margin-bottom: 70px;
	/* position:relative; */
	z-index: 0;
}

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

	/* --- Arrows --- */
	.gallerySlider .slick-prev,
	.gallerySlider .slick-next {
		width: 40px;
		height: 40px;
	}

	.gallerySlider .slick-prev {
		left: auto;
		right: 46px;
	}

	.gallerySlider .slick-next {
		right: 5px;
	}

	#photography .photographyBox:nth-child(even) .gallerySlider .slick-prev {
		left: 5px;
		right: auto;
	}

	#photography .photographyBox:nth-child(even) .gallerySlider .slick-next {
		left: 46px;
		right: auto;
	}
}

@media only screen and (max-width: 800px) {
	.gallerySlider {
		margin: 0 -1px 41px;
		padding-bottom: 0;
	}

	.gallerySlider .slick-dots {
		position: absolute;
		top: auto;
		bottom: -40px;
		right: 0;
		left: 0;
		width: 100%;
		height: 6px;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	.gallerySlider .slick-dots li {
		position: relative;
		display: inline-block;
		height: 6px;
		width: 6px;
		margin: 0px 10px;
		padding: 0;
		cursor: pointer;
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
		border: none;
	}

	/* --- .linkArea --- */
	#photography .linkArea {
		margin-top: 60px;
	}
}

@media only screen and (max-width: 738px) {
	.gallerySlider {
		margin: 0 -1px 31px;
	}

	.gallerySlider .slick-dots,
	#photography .photographyBox:nth-child(even) .gallerySlider .slick-dots {
		bottom: -30px;
	}

	/* --- .linkArea --- */
	#photography .linkArea {
		margin-top: 50px;
	}
}

@media only screen and (max-width: 414px) {
	#photography .linkArea {
		margin-top: 40px;
	}
}

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

#release

----------------------------------------------------------- */
#release {
	padding: 30px 5%;
	position: relative;
	z-index: 1;
	/* border-top: #a3d9e0 1px solid; */
	/* background: #eee; */
}

#release:before {
	position: absolute;
	top: -1px;
	left: 5%;
	right: 5%;
	height: 0;
	content: "";
	border-top: #eee 0px solid;
	z-index: 2;
}

@media only screen and (max-width: 1024px) {
	#release {
		padding: 30px 0;
	}
}

@media only screen and (max-width: 800px) {
	#release {
		padding: 0px 5%;
	}
}

@media only screen and (max-width: 738px) {
	#release {
		padding: 70px 5%;
	}
}

@media only screen and (max-width: 414px) {
	#release {
		padding: 10px 5%;
	}
}

/* ----- .headline ----- */
#release .headline {
	margin-bottom: 45px;
	text-align: center;
}

#release .headline h2.en {
	/* font-size:50px; */
	/* font-family: 'Satisfy', cursive; */
	/* letter-spacing:0; */
	/* line-height: 1; */
	/* font-size: 36px; */
	/* font-family: 'Satisfy', cursive; */
	/* letter-spacing: 0; */
	/* line-height: 1; */
	/* font-family: 'Catamaran', sans-serif; */
	font-size: 35px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 4px;
}

#release .headline h2.en img {
	max-width: 634px;
	margin: 0 auto;
	width: 100%;
}

#release .headline h3 {
	font-size: 15px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 300;
	letter-spacing: 2px;
	line-height: 1;
	margin-top: 20px;
}

#release .headline h3 b {
	font-weight: 600;
	letter-spacing: 2px;
}

@media only screen and (max-width: 800px) {
	#release .headline {
		margin-bottom: 40px;
	}

	#release .headline h2.en {
		font-size: 40px;
	}

	#release .headline h3 {
		margin-top: 15px;
	}
}

@media only screen and (max-width: 738px) {
	#release .headline {
		margin-bottom: 10px;
	}

	#release .headline h2.en {
		font-size: 35px;
	}
}

@media only screen and (max-width: 414px) {
	#release .headline h2.en {
		font-size: 24px;
	}

	#release .headline h3 {
		font-size: 13px;
		margin-top: 10px;
	}
}

/* --- .nameArea --- */
#release .nameArea {
	margin: 0;
	position: relative;
	z-index: 2;
}

#release .nameArea:before {
	position: absolute;
	top: 7px;
	left: 0;
	bottom: 7px;
	right: 0;
	content: "";
	border: #ddd 1px solid;
	background: #fefefe;
	z-index: -2;
}

/* #release .nameArea:after { position: absolute; top: 0; left: 7px; bottom: 0; right:7px; content: ""; border: #ddd 1px dotted; z-index: -2; }*/
/* --- .inner --- */
#release .nameArea .inner {
	padding: 70px 5%;
}

/* .imgArea */
#release .nameArea .imgArea {
	float: left;
	width: 22%;
	margin: 1%;
	padding: 40px;
	position: relative;
	z-index: 1;
}

#release .nameArea .imgArea {
	float: left;
	width: 22%;
	margin: 1%;
	padding: 40px;
	position: relative;
	z-index: 1;
}

#release .nameArea .imgArea:before {
	position: absolute;
	top: 0;
	right: 10px;
	left: 10px;
	bottom: 0;
	content: "";
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
	z-index: 2;
}

#release .nameArea .imgArea:after {
	position: absolute;
	top: 10px;
	right: 0;
	left: 0;
	bottom: 10px;
	content: "";
	border-right: #ddd 1px solid;
	border-left: #ddd 1px solid;
	z-index: 2;
}

#release .nameArea .imgArea img {
	/* border:#fafafa 1px solid; */
}

#release .nameArea .imgReco {
	/* display: flex; */
	/* flex-wrap: wrap; */
	border: 1px solid #eee;
	padding: 1em;
	/* background: #fff; */
	/* justify-content: center; */
	/* 子要素をflexboxにより中央に配置する */
}

.item_Reco {
	/* background: #f9f9f9; */
	padding: 2%;
	/* border-radius: 5px; */
	/* flex: 1 0 200px; */
	margin: 0 0;
	text-align: center;
	width: 33.333333%;
	float: left;
}

@media only screen and (max-width: 800px) {
	#release .nameArea:before {
		border: #eee 0px solid;
	}

	#release .nameArea .imgReco {
		/* background: #eee; */
		margin-bottom: 60px;
	}

	.item_Reco {
		/* background: #f9f9f9; */
		padding: 0.5%;
		/* border-radius: 5px; */
		/* flex: 1 0 200px; */
		margin: 0 0;
		text-align: center;
		width: 48%;
		margin: 1%;
		float: left;
		/* border:1px solid #eee; */
	}
}

@media only screen and (max-width: 500px) {
	.item_Reco {
		/* background: #f9f9f9; */
		padding: 2%;
		/* border-radius: 5px; */
		/* flex: 1 0 200px; */
		margin: 0 0;
		text-align: center;
		width: 98%;
		margin: 1%;
		float: left;
		border: 1px solid #eee;
	}

	#release .nameArea .imgReco {
		border: 0px solid #eee;
		margin-bottom: 30px;
	}
}

.item_Reco a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.item_Reco h3 {
	font-size: 12px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 500;
	letter-spacing: 2.5px;
	line-height: 1.8;
	text-align: center;
	position: relative;
	z-index: 4;
	margin-top: 20px;
}

.item_Reco h4 {
	font-size: 20px;
	font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 1.6;
	text-align: center;
	margin: 5px 0 25px;
	padding-bottom: 10px;
	position: relative;
	z-index: 2;
}

.item_Reco h4 b {
	display: block;
	font-size: 15px;
	font-weight: normal;
	vertical-align: 0;
	margin-top: 2px;
	font-family: 'Catamaran', sans-serif;
}

.item_Reco h4:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50px;
	height: 0;
	margin-left: -25px;
	content: "";
	/* border-top: #ddd double; */
	z-index: -1;
	border-top: #ddd solid 1px;
}

.item_Reco .linkAreaHead {
	margin-top: 20px;
}

.item_Reco .linkAreaHead a {
	width: 160px;
	font-size: 13px;
}

/* コース; */
#release .nameArea .imgCourse {
	/* display: flex; */
	/* flex-wrap: wrap; */
	/* border: 1px solid #eee; */
	padding: 1em;
	/* background: #fff; */
	/* justify-content: center; */
	/* 子要素をflexboxにより中央に配置する */
}

.item_Course {
	background: #f9f9f9;
	padding: 2%;
	/* border-radius: 5px; */
	/* flex: 1 0 200px; */
	margin: 0 0;
	text-align: center;
	width: 48%;
	float: left;
	border: 1px solid #eee;
	margin: 1%;
}

.item_Course:hover {
	background: #f1f1f1;
}

.item_Course img {
	width: 200px;
}

@media only screen and (max-width: 800px) {
	#release .nameArea:before {
		border: #eee 0px solid;
	}

	#release .nameArea .imgCourse {
		background: #eee;
	}

	.item_Course {
		/* background: #f9f9f9; */
		padding: 2%;
		/* border-radius: 5px; */
		/* flex: 1 0 200px; */
		margin: 0 0;
		text-align: center;
		width: 48%;
		margin: 1%;
		float: left;
		border: 1px solid #eee;
	}
}

@media only screen and (max-width: 500px) {
	.item_Course {
		/* background: #f9f9f9; */
		padding: 2%;
		/* border-radius: 5px; */
		/* flex: 1 0 200px; */
		margin: 0 0;
		text-align: center;
		width: 98%;
		margin: 1% 1% 4%;
		float: left;
		border: 1px solid #eee;
	}
}

.item_Course a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.item_Course h3 {
	font-size: 12px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 500;
	letter-spacing: 2.5px;
	line-height: 1.8;
	text-align: center;
	position: relative;
	z-index: 4;
	margin-top: 20px;
}

.item_Course h4 {
	font-size: 20px;
	font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 1.6;
	text-align: center;
	margin: 5px 0 25px;
	padding-bottom: 10px;
	position: relative;
	z-index: 2;
}

.item_Course h4 b {
	display: block;
	font-size: 15px;
	font-weight: normal;
	vertical-align: 0;
	margin-top: 2px;
	font-family: 'Catamaran', sans-serif;
}

.item_Course h4:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50px;
	height: 0;
	margin-left: -25px;
	content: "";
	/* border-top: #ddd double; */
	z-index: -1;
	border-top: #ddd solid 1px;
}

.item_Course .linkAreaHead {
	margin-top: 20px;
}

.item_Course .linkAreaHead a {
	width: 160px;
	font-size: 13px;
}

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

#newsarea

----------------------------------------------------------- */
#newsarea {
	padding: 30px 5%;
	position: relative;
	/* top: -80px; */
	z-index: 3;
	/* border-top: #009688 1px solid; */
	/* background: #f5f2ec; */
	margin-bottom: 0px;
	/* overflow: auto; */
	/* background: url(../images/home/news_bg.png) repeat; */
	/* background-size: cover; */
	margin: 0;
	padding: 5px;
}

#newsarea:before {
	position: absolute;
	top: -1px;
	left: 5%;
	right: 5%;
	height: 0;
	content: "";
	border-top: #eee 0px solid;
	z-index: 2;
}

@media only screen and (max-width: 800px) {
	#newsarea {
		padding: 10px 5% 10px;
	}
}

@media only screen and (max-width: 738px) {
	#newsarea {
		padding: 30px 5%;
	}
}

@media only screen and (max-width: 414px) {
	#newsarea {
		padding: 50px 5% 0;
	}
}

/* ----- .headline ----- */
#newsarea .headline {
	margin-bottom: 10px;
	text-align: center;
	margin-top: 10px;
}

#newsarea .headline h2.en {
	font-size: 36px;
	/* font-family: 'Satisfy', cursive; */
	letter-spacing: 0;
	line-height: 1;
	font-family: 'Catamaran', sans-serif;
	font-size: 15px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 4px;
}

#newsarea .headline h3 {
	font-size: 15px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 300;
	letter-spacing: 2px;
	line-height: 1;
	margin-top: 20px;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 5px;
	line-height: 1;
	margin-top: 20px;
	position: relative;
	z-index: 3;
}

#newsarea .headline h3 b {
	font-weight: 600;
	letter-spacing: 2px;
}

@media only screen and (max-width: 800px) {
	#newsarea .headline {
		margin-bottom: 40px;
	}

	#newsarea .headline h2.en {
		font-size: 40px;
	}

	#newsarea .headline h3 {
		margin-top: 15px;
	}
}

@media only screen and (max-width: 738px) {
	#newsarea .headline {
		margin-bottom: 30px;
	}

	#newsarea .headline h2.en {
		font-size: 35px;
	}
}

@media only screen and (max-width: 414px) {
	#newsarea .headline h2.en {
		font-size: 24px;
	}

	#newsarea .headline h3 {
		font-size: 13px;
		margin-top: 10px;
	}
}

#newsarea .nameArea {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/* margin-top: 50px; */
	margin: 20px 0;
}

.top_news {
	padding: 0.1em;
	/* border-radius: 5px; */
	flex: 1 0 230px;
	margin: 0.4em 1em;
	border: 1px solid #eee;
	padding: 1.5em;
	background: #fff;
}

@media only screen and (max-width: 800px) {
	.top_news {
		padding: 5px;
		margin: 0.4em 15px;
	}
}

@media only screen and (max-width: 414px) {
	#newsarea .nameArea {
		margin: 0 0;
	}

	#newsarea .nameArea .top_news {
		margin-top: 0px;
	}
}

#w_about {}

#w_about .item_news h2 {
	font-size: 18px;
	/* border-top: 1px solid #eee; */
	border-bottom: 1px solid #eee;
	/* margin-bottom: 60px; */
	text-align: left;
	padding-left: 10px;
}

#w_about .item_news h2:before {
	padding-right: 10px;
	font-size: 15px;
	text-align: left;
	font-family: 'FontAwesome';
	content: "\f003";
	content: url(../images/icon_mark01.svg);
	font-weight: normal;
	color: #000;
}

#w_about .item_news h2 span {
	font-size: 12px;
	/* border-top: 1px solid #eee; */
	/* border-bottom: 1px solid #eee; */
	/* margin-bottom: 60px; */
	position: relative;
	color: #016c6e;
	padding-left: 150px;
}

#w_about .item_news h2 span:after {
	padding-left: 10px;
	font-family: 'FontAwesome';
	content: "\f054";
}

#w_about .item_news {
	background: #fff;
	padding: 2%;
	/* border-radius: 5px; */
	/* flex: 1 0 350px; */
	margin: 1%;
	text-align: center;
	float: left;
	border: 1px solid #eee;
	/* min-height: 400px; */
	width: 100%;
}

@media only screen and (max-width: 800px) {
	#release .nameArea:before {
		border: #eee 0px solid;
	}

	#release .nameArea .top_news {
		background: #e9ebee;
	}

	.item_news {
		/* background: #f9f9f9; */
		/* padding: 2%; */
		/* border-radius: 5px; */
		/* flex: 1 0 200px; */
		/* margin: 0 0; */
		/* text-align: center; */
		width: 100%;
		margin: 1% 0.5% 5px;
		/* float: left; */
		/* border:1px solid #eee; */
	}
}

@media only screen and (max-width: 500px) {
	.item_news {
		width: 100%;
		margin: 0% 0.5% 0px;
	}
}

/* .txtArea */
#release .nameArea .txtArea {
	float: right;
	width: 50%;
	text-align: left;
}

#release .nameArea .txtArea .txtBox {
	margin: 0 auto;
	max-width: 450px;
}

#release .nameArea .txtArea h3 {
	font-size: 12px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 500;
	letter-spacing: 2.5px;
	line-height: 1.8;
	text-align: center;
	position: relative;
	z-index: 4;
}

#release .nameArea .txtArea h4 {
	font-size: 25px;
	font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 1.6;
	text-align: center;
	margin: 5px 0 25px;
	padding-bottom: 25px;
	position: relative;
	z-index: 2;
}

#release .nameArea .txtArea h4 b {
	display: block;
	font-size: 15px;
	font-weight: normal;
	vertical-align: 0;
	margin-top: 2px;
}

#release .nameArea .txtArea h4:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50px;
	height: 0;
	margin-left: -25px;
	content: "";
	border-top: #ddd double;
	z-index: -1;
}

#release .nameArea .txtArea p {
	font-size: 14px;
	line-height: 2.4;
	letter-spacing: 2px;
}

#release .nameArea .sign {
	margin-top: 30px;
	width: 100%;
	height: 65px;
	background: url(/*../images/about/sign.png) center right no-repeat;
	*/
}

@media only screen and (max-width: 1024px) {
	#release .nameArea .imgArea {
		padding: 30px;
	}

	#release .nameArea .txtArea p {
		font-size: 13px;
		line-height: 2.2;
		letter-spacing: 1px;
	}
}

@media only screen and (max-width: 800px) {
	#release .nameArea .inner {
		padding: 60px 6%;
	}

	#release .nameArea .imgArea {
		width: 40%;
		padding: 15px;
	}

	#release .nameArea .txtArea {
		width: 55%;
	}

	#release .nameArea .txtArea h4 {
		font-size: 22px;
		margin: 0 0 20px;
		padding-bottom: 20px;
	}

	#release .nameArea .txtArea h4 b {
		font-size: 14px;
		margin-top: 0;
	}
}

@media only screen and (max-width: 738px) {
	#release .nameArea .inner {
		padding: 50px 7.5%;
	}

	/* .imgArea */
	#release .nameArea .imgArea {
		float: none;
		width: 65%;
		margin: 0 auto;
		padding: 10px;
	}

	/* .txtArea */
	#release .nameArea .txtArea {
		float: none;
		width: 100%;
		margin-top: 30px;
	}

	#release .nameArea .txtArea .txtBox {
		max-width: 1000px;
		padding: 0 2.5%;
	}

	#release .nameArea .txtArea h4 {
		font-size: 20px;
	}

	#release .nameArea .txtArea h4 b {
		display: block;
		font-size: 15px;
		font-weight: normal;
		vertical-align: 0;
	}

	#release .nameArea .txtArea p {
		font-size: 12px;
		line-height: 2;
		letter-spacing: 1px;
	}
}

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


#top_contents

----------------------------------------------------------- */
#top_contents {
	padding: 50px 5%;
	position: relative;
	z-index: 1;
}

@media only screen and (max-width: 800px) {
	#top_contents {
		padding: 80px 5%;
	}
}

@media only screen and (max-width: 738px) {
	#top_contents {
		padding: 70px 5%;
	}
}

@media only screen and (max-width: 414px) {
	#top_contents {
		padding: 60px 5%;
	}
}

/* .imgArea */
#top_contents .imgArea {
	float: left;
	width: 30%;
}

#top_contents .imgArea .inner {
	position: relative;
	z-index: 2;
}

#top_contents .imgArea .inner:before {
	position: absolute;
	top: 7px;
	left: 0;
	bottom: 7px;
	right: 0;
	content: "";
	border: #ddd 1px solid;
	background: #fefefe;
	z-index: -2;
}

#top_contents .imgArea .inner:after {
	position: absolute;
	top: 0;
	left: 7px;
	bottom: 0;
	right: 7px;
	content: "";
	border: #ddd 1px dotted;
	z-index: 1;
}

/* .txtArea */
#top_contents .txtArea {
	float: right;
	width: 65%;
}

/* --- #map_canvas --- */
#map_canvas {
	width: 100%;
	margin-top: 70px;
	height: 400px;
	position: relative;
	z-index: 1;
	border: #ededed 1px solid;
}

@media only screen and (max-width: 950px) {
	table.company th {
		width: 30%;
		padding: 20px;
	}

	table.company td {
		padding: 20px;
	}
}

@media only screen and (max-width: 800px) {
	table.company {
		font-size: 13px;
	}
}

@media only screen and (max-width: 738px) {
	#top_contents .imgArea {
		float: none;
		width: 100%;
	}

	#top_contents .txtArea {
		float: none;
		width: 100%;
		margin-top: 25px;
	}

	table.company {
		font-size: 12px;
	}

	/*	#map_canvas { display:none; }*/
}

@media only screen and (max-width: 414px) {
	table.company th {
		width: 30%;
		padding: 15px;
	}

	table.company td {
		padding: 15px;
	}
}

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

#イベント　news

----------------------------------------------------------- */
#news_event {
	padding: 10px 0% 20px;
	position: relative;
	z-index: 1;
	/* border-top: #016c6e 1px solid; */
	background: #fff;
}

#news_event:before {
	position: absolute;
	top: -1px;
	left: 5%;
	right: 5%;
	height: 0;
	content: "";
	/* border-top: #ededed 1px solid; */
	z-index: 2;
}

@media only screen and (max-width: 738px) {
	#news_event {
		padding: 30px 5%;
	}
}

@media only screen and (max-width: 738px) {
	#news_event {
		padding: 5px 5%;
	}
}

@media only screen and (max-width: 500px) {
	#news_event {
		padding: 0px 5%;
		margin-bottom: 30px;
	}
}

/* ----- .headline ----- */
#news_event .headline {
	margin-bottom: 10px;
	text-align: center;
	margin-top: 0;
}

#news_event .headline h2.en {
	/* font-size:50px; */
	/* font-family: 'Satisfy', cursive; */
	/* letter-spacing:0; */
	/* line-height: 1; */
	font-size: 18px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 4px;
}

#news_event .headline h3 {
	font-size: 14px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 300;
	letter-spacing: 2px;
	line-height: 1;
	margin-top: 20px;
}

#news_event .headline h3 b {
	font-weight: 600;
	letter-spacing: 2px;
}

@media only screen and (max-width: 800px) {
	#news_event .headline {
		margin-bottom: 40px;
	}

	#news_event .headline h2.en {
		font-size: 30px;
	}

	#news_event .headline h3 {
		margin-top: 15px;
	}
}

@media only screen and (max-width: 738px) {
	#news_event .headline {
		margin-bottom: 20px;
		margin-top: 20px;
	}

	#news_event .headline h2.en {
		font-size: 35px;
	}
}

@media only screen and (max-width: 414px) {
	#news_event .headline h2.en {
		font-size: 18px;
	}

	#news_event .headline h3 {
		font-size: 13px;
		margin-top: 10px;
	}
}

.sns_BOX {
	display: flex;
	flex-wrap: wrap;
	/* 	border: 1px solid #ddd; */
	padding: 0.4em;
	margin: 0 auto 2em;
	width: 100%;
	/* max-width: 1000px; */
}

.sns_BOX>div {
	border: 1px solid #ddd;
	/*   background: #ddd; */
	padding: 1em;
	flex: 1 0 300px;
	margin: 0.4em;
}

.sns_BOX>div p {
	color: #696565;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 2% 0;
}

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

#sns_ft

----------------------------------------------------------- */
#sns_ft {
	padding: 10px 5% 20px;
	position: relative;
	z-index: 1;
	/* border-top: #016c6e 1px solid; */
	background: #fff;
	padding: 30px 1% 90px;
	position: relative;
	z-index: 1;
	/* border-top: #a3d9e0 1px solid; */
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
}

#sns_ft:before {
	position: absolute;
	top: -1px;
	left: 5%;
	right: 5%;
	height: 0;
	content: "";
	/* border-top: #ededed 1px solid; */
	z-index: 2;
}

@media only screen and (max-width: 738px) {
	#sns_ft {
		padding: 30px 5%;
	}
}

@media only screen and (max-width: 738px) {
	#sns_ft {
		padding: 70px 5%;
	}
}

@media only screen and (max-width: 500px) {
	#sns_ft {
		padding: 0px 5%;
		margin-bottom: 30px;
	}
}

/* ----- .headline ----- */
#sns_ft .headline {
	margin-bottom: 10px;
	text-align: center;
	margin-top: 0;
}

#sns_ft .headline h2.en {
	/* font-size:50px; */
	/* font-family: 'Satisfy', cursive; */
	/* letter-spacing:0; */
	/* line-height: 1; */
	font-size: 30px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 4px;
}

#sns_ft .headline h3 {
	font-size: 14px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 300;
	letter-spacing: 2px;
	line-height: 1;
}

#sns_ft .headline h3 b {
	font-weight: 600;
	letter-spacing: 2px;
}

#sns_ft .headline {
	margin-bottom: 45px;
	text-align: left;
}

@media only screen and (max-width: 800px) {
	#sns_ft .headline {
		margin-bottom: 40px;
	}

	#sns_ft .headline h2.en {
		font-size: 30px;
	}

	#sns_ft .headline h3 {
		margin-top: 15px;
	}
}

@media only screen and (max-width: 738px) {
	#sns_ft .headline {
		margin-bottom: 20px;
		margin-top: 20px;
	}

	#sns_ft .headline h2.en {
		font-size: 35px;
	}
}

@media only screen and (max-width: 414px) {
	#sns_ft .headline h2.en {
		font-size: 18px;
	}

	#sns_ft .headline h3 {
		font-size: 13px;
		margin-top: 10px;
	}
}

/* ----- ul.snsBox ----- */
ul.snsBox {
	margin: 5px -8px 0;
	padding: 0;
	font-size: 0;
	margin: 5px -8px 0;
	padding: 0;
	width: 100%;
	font-size: 0;
	max-width: 1200px;
	margin: 0 auto;
}

ul.snsBox li {
	list-style: none;
	margin: 0;
	padding: 1%;
	display: inline-block;
	width: 47%;
	position: relative;
	border: transparent 8px solid;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	overflow: hidden;
	z-index: 0;
	border: 1px solid #ccc;
	margin: 1%;
	text-align: center;
}

/*ul.snsBox li { list-style: none; margin: 0; padding: 0; float: left; width: 20%; position: relative; border: transparent 8px solid; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; overflow: hidden; z-index: 0; }*/
ul.snsBox li .imgArea {
	border: #ededed 1px solid;
	padding: 1px;
	background: #fefefe;
	position: relative;
	z-index: 1;
}

ul.snsBox li .imgArea .inner {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

ul.snsBox li .imgArea:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	background: #fefefe;
	z-index: 2;
	opacity: 0;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

ul.snsBox li:hover .imgArea:before {
	content: "";
	background: #ededed;
	z-index: 2;
	opacity: 0.8;
}

ul.snsBox li .imgArea:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	font-family: 'themify';
	font-family: 'FontAwesome';
	font-size: 25px;
	content: "\f16d";
	/* content: "\e73d"; */
	color: #fefefe;
	background: #fefefe;
	z-index: 3;
	opacity: 0;
	text-align: center;
	line-height: 50px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transform:
		/*rotate(-60deg)*/
		scale(0.8, 0.8);
	-moz-transform:
		/*rotate(-60deg)*/
		scale(0.8, 0.8);
	-o-transform:
		/*rotate(-60deg)*/
		scale(0.8, 0.8);
	-ms-transform:
		/*rotate(-60deg)*/
		scale(0.8, 0.8);
	transform:
		/*rotate(-60deg)*/
		scale(0.8, 0.8);
}

ul.snsBox li:hover .imgArea:after {
	color: #999;
	opacity: 1;
	-webkit-transform: rotate(0deg) scale(1, 1);
	-moz-transform: rotate(0deg) scale(1, 1);
	-o-transform: rotate(0deg) scale(1, 1);
	-ms-transform: rotate(0deg) scale(1, 1);
	transform: rotate(0deg) scale(1, 1);
}

ul.snsBox li img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
	background: #fefefe;
}

ul.snsBox li:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

/* ----- .il-photo__likes ----- */
.il-photo__likes {
	position: absolute;
	bottom: 3px;
	left: 7px;
	color: #7eccd6;
	font-size: 11px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 300;
	height: 20px;
	line-height: 20px;
	padding: 0;
	letter-spacing: 1px;
	z-index: 11;
}

.il-photo__likes:before {
	font-size: 11px;
	font-family: 'themify';
	content: "\e634";
	padding-right: 5px;
}

#instagram .linkArea .btn:after {
	font-size: 10px;
	font-size: 18px;
	/* content: "\e73d"; */
	right: auto;
	left: 15px;
}

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

	/* ----- ul.snsBox ----- */
	ul.snsBox {
		margin: 3px -3px 0;
		padding: 0;
	}

	ul.snsBox li {
		width: 50%;
		border: transparent 3px solid;
	}

	ul.snsBox li .imgArea {
		padding: 10px;
	}

	ul.snsBox li .imgArea .inner {
		overflow: hidden;
	}

	ul.snsBox li .imgArea:before {
		display: none;
	}

	ul.snsBox li .imgArea:after {
		display: none;
	}

	ul.snsBox li:hover img {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	ul.snsBox li:first-child {
		width: 50%;
	}

	ul.snsBox li:first-child .imgArea {
		padding: 10px;
	}

	ul.snsBox li:nth-child(8) {
		display: inline-block;
	}
}

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

#instagram

----------------------------------------------------------- */
#instagram {
	padding: 30px 1% 90px;
	position: relative;
	z-index: 1;
	/* border-top: #a3d9e0 1px solid; */
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
}

#instagram:before {
	position: absolute;
	top: -1px;
	left: 5%;
	right: 5%;
	height: 0;
	content: "";
	/* border-top: #ededed 1px solid; */
	z-index: 2;
}

@media only screen and (max-width: 800px) {
	#instagram {
		padding: 80px 5%;
	}
}

@media only screen and (max-width: 738px) {
	#instagram {
		padding: 70px 5%;
	}
}

@media only screen and (max-width: 414px) {
	#instagram {
		padding: 60px 5%;
		text-align: center;
	}
}

/* ----- .headline ----- */
#instagram .headline {
	margin-bottom: 45px;
	text-align: left;
	margin-top: 0;
}

#instagram .headline h2.en {
	/* font-size:50px; */
	/* font-family: 'Satisfy', cursive; */
	/* letter-spacing:0; */
	/* line-height: 1; */
	font-size: 30px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: 4px;
	text-align: left;
}

#instagram .headline h3 {
	font-size: 14px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 300;
	letter-spacing: 2px;
	line-height: 1;
}

#instagram .headline h3 b {
	font-weight: 600;
	letter-spacing: 2px;
}

@media only screen and (max-width: 800px) {
	#instagram .headline {
		margin-bottom: 40px;
	}

	#instagram .headline h2.en {
		font-size: 30px;
	}

	#instagram .headline h3 {
		margin-top: 15px;
	}
}

@media only screen and (max-width: 738px) {
	#instagram .headline {
		margin-bottom: 30px;
	}

	#instagram .headline h2.en {
		font-size: 35px;
	}
}

@media only screen and (max-width: 414px) {
	#instagram .headline {
		text-align: center;
	}

	#instagram .headline h2.en {
		text-align: center;
	}

	#instagram .headline h3 {
		font-size: 13px;
		margin-top: 10px;
	}
}

/* ----- ul.imageInstagram ----- */
ul.imageInstagram {
	margin: 5px -8px 0;
	padding: 0;
	font-size: 0;
	margin: 5px -8px 0;
	*/padding: 0;
	width: 100%;
	font-size: 0;
	max-width: 1200px;
	margin: 0 auto;
}

ul.imageInstagram li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 25%;
	position: relative;
	border: transparent 8px solid;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	overflow: hidden;
	z-index: 0;
}

/*ul.imageInstagram li { list-style: none; margin: 0; padding: 0; float: left; width: 20%; position: relative; border: transparent 8px solid; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; overflow: hidden; z-index: 0; }*/
ul.imageInstagram li .imgArea {
	border: #ededed 1px solid;
	padding: 10px;
	background: #fefefe;
	position: relative;
	z-index: 1;
}

ul.imageInstagram li .imgArea .inner {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

ul.imageInstagram li .imgArea:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	background: #fefefe;
	z-index: 2;
	opacity: 0;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

ul.imageInstagram li:hover .imgArea:before {
	content: "";
	background: #ededed;
	z-index: 2;
	opacity: 0.8;
}

ul.imageInstagram li .imgArea:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	font-family: 'themify';
	font-family: 'FontAwesome';
	font-size: 25px;
	content: "\f16d";
	/* content: "\e73d"; */
	color: #fefefe;
	background: #fefefe;
	z-index: 3;
	opacity: 0;
	text-align: center;
	line-height: 50px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-transform:
		/*rotate(-60deg)*/
		scale(0.8, 0.8);
	-moz-transform:
		/*rotate(-60deg)*/
		scale(0.8, 0.8);
	-o-transform:
		/*rotate(-60deg)*/
		scale(0.8, 0.8);
	-ms-transform:
		/*rotate(-60deg)*/
		scale(0.8, 0.8);
	transform:
		/*rotate(-60deg)*/
		scale(0.8, 0.8);
}

ul.imageInstagram li:hover .imgArea:after {
	color: #999;
	opacity: 1;
	-webkit-transform: rotate(0deg) scale(1, 1);
	-moz-transform: rotate(0deg) scale(1, 1);
	-o-transform: rotate(0deg) scale(1, 1);
	-ms-transform: rotate(0deg) scale(1, 1);
	transform: rotate(0deg) scale(1, 1);
}

ul.imageInstagram li img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
	background: #fefefe;
}

ul.imageInstagram li:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

/*ul.imageInstagram li:first-child { width: 40%; }
ul.imageInstagram li:first-child .imgArea { padding: 15px; }
ul.imageInstagram li:nth-child(8) { display: none; }*/
/* ----- .il-photo__likes ----- */
.il-photo__likes {
	position: absolute;
	bottom: 3px;
	left: 7px;
	color: #7eccd6;
	font-size: 11px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 300;
	height: 20px;
	line-height: 20px;
	padding: 0;
	letter-spacing: 1px;
	z-index: 11;
}

.il-photo__likes:before {
	font-size: 11px;
	font-family: 'themify';
	content: "\e634";
	padding-right: 5px;
}

#instagram .linkArea .btn:after {
	font-size: 10px;
	font-size: 18px;
	/* content: "\e73d"; */
	left: 80%;
	/* left:15px; */
}

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

	/* ----- ul.imageInstagram ----- */
	ul.imageInstagram {
		margin: 3px -3px 0;
		padding: 0;
	}

	ul.imageInstagram li {
		width: 50%;
		border: transparent 3px solid;
	}

	ul.imageInstagram li .imgArea {
		padding: 10px;
	}

	ul.imageInstagram li .imgArea .inner {
		overflow: hidden;
	}

	ul.imageInstagram li .imgArea:before {
		display: none;
	}

	ul.imageInstagram li .imgArea:after {
		display: none;
	}

	ul.imageInstagram li:hover img {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	ul.imageInstagram li:first-child {
		width: 50%;
	}

	ul.imageInstagram li:first-child .imgArea {
		padding: 10px;
	}

	ul.imageInstagram li:nth-child(8) {
		display: inline-block;
	}
}

iframe#parentframe {
	width: 100%;
}

.video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 10px;
}

.video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.item2 {
	width: 100%;
	padding: 2% 2% 4%;
	flex: 0 0 100%;
	border-bottom: 1px solid #ddd
}

.item4 {
	/* width: 66%; */
	padding: 4% 2% 2%;
	flex: 0 0 100%;
}

.item2 p {
	padding-top: 20px;
	line-height: 2
}

@media (min-width : 800px) {
	.flexbox_top {
		display: flex;
		flex-wrap: wrap;
		flex-wrap: nowrap;
		/*     width: 100%; */
		/* max-width: 1200px; */
		/* justify-content: center; */
		/* align-items: center; */
	}

	.item1 {
		width: 98%;
		padding: 1.5% 1% 0;
	}

	.item1 img {
		/* width:100%; */
	}

	.item2 {
		width: 35%;
		padding: 2%;
		flex: 0 0 35%;
		border: 1px solid #ddd;
	}

	.item2 img {
		width: 96%;
		padding: 1%;
	}

	.item4 {
		/* width: 66%; */
		padding: 2%;
		flex: 0 0 65%;
		border: 1px solid #ddd;
		border-left: none;
	}

	.item4 img {
		width: 96%;
		padding: 1%;
	}
}


#header .navArea ul.navi a.p_photography:before {
	background: #ddd;
}

#header .navArea ul.navi a.p_photography:hover:before {
	background: transparent;
}

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

   .headlineImg

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


.headlineImgPhotography_plan01 {
	background: url(../images/photography/h_dress.jpg) bottom center no-repeat;
	background-size: cover;
}


.h_titleArea {
	padding: 3em
}

.h_titleArea .titleA {
	text-align: center;
	font-size: 2.3rem;
}


.top_contents {
	background: #000;
	padding: 8em 8em;
	color: #fff
}



.top_contents_w {
	background: #fff;
	padding: 8em 8em;
	color: #000
}


@media only screen and (max-width: 600px) {
	.top_contents {
		background: #000;
		padding: 4em 1.5em;
		color: #fff
	}

	.top_contents_w {
		background: #fff;
		padding: 4em 1.5em;
		color: #000
	}


}

.content_title {
	font-size: 4rem;
	display: flex;
	flex-direction: row;
	gap: 1em;
	height: 180px;
	align-items: center;
}

.content_title span {
	font-size: 2rem;
}

@media only screen and (max-width: 600px) {
	.content_title {
		font-size: 2.5rem;
		display: flex;
		flex-direction: column;
		gap: 0.5em;
		height: 120px;
	}

	.content_title span {
		font-size: 1.5rem;
	}

}


.content_title p {
	font-size: 1.5rem;
	line-height: 2
}

.top_contents .wrap {
	display: flex;
	/* gap: 2em; */
	margin-top: 50px;
}



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

	.top_contents .wrap {
		display: flex;
		gap: 0.5em;
		margin-top: 50px;
		flex-direction: row;
		flex-wrap: wrap;
		/* gap: 0.5em 2em; */
	}
}

.box_contents {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #000;
	align-items: center;
}

.con_set {
	width: 60%;
}

.con_btn {
	width: 40%;
}


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

	.box_contents {
		justify-content: space-between;
		flex-direction: column;
		padding: 50px 0;
		border-bottom: 1px solid #dcdcdc;
	}


	.con_set {
		width: 100%;
	}

	.con_btn {
		width: 100%;
		text-align: center;
	}


}



.gap_0 {
	gap: 0em
}

.gap_1 {
	gap: 1em
}

.gap_2 {
	gap: 2em
}

.gap_3 {
	gap: 3em
}

.boxS {
	width: 25%;
	position: relative;
}

.boxA {
	width: 33.333%;
	position: relative;
}

.boxA img {
	width: 100%;
	height: 50vh;
	object-fit: cover;
}


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

	.boxS {
		width: 48.5%;
		position: relative;
	}

	.boxA {
		width: 48.5%;
		width: 100%;
		position: relative;
		/* height: 40vh; */
		/* margin-bottom:10px; */
	}

	.boxA img {
		width: 100%;
		height: 40vh;
		object-fit: cover;
	}


}



.boxR {
	width: 25%;
	position: relative;
}



.boxS .en_title {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 3em;
	z-index: 1;
	text-shadow: #000 0 0 0.3em;
}

.boxS .en_sub {
	position: absolute;
	top: 60px;
	left: 20px;
	font-size: 1.3em;
	z-index: 1;
	text-shadow: #000 0 0 0.3em;
}

.boxS .ja_sub {
	position: absolute;
	top: 100px;
	left: 20px;
	font-size: 1.2em;
	font-weight: 600;
	text-shadow: #000 0 0 0.3em;
}

.boxS .triangle_set {
	position: absolute;
	top: 5px;
	left: 5px;
	/*border-topだけに色指定*/
	border-top: 50px solid #000000;
	border-left: 50px solid transparent;
	/*border-rightだけに色指定*/
	border-right: 50px solid #000000;
	border-bottom: 50px solid transparent;
	transform: rotate(270deg);
}





.boxA .en_title {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 3em;
	line-height: 1.0;
	z-index: 1;
	text-shadow: #000 0 0 0.3em;
}

.boxA .en_sub {
	position: absolute;
	top: 120px;
	left: 20px;
	font-size: 1.3em;
	line-height: 1.1;
	z-index: 1;
	text-shadow: #000 0 0 0.3em;
}

.boxA .ja_sub {
	position: absolute;
	top: 100px;
	left: 20px;
	font-size: 1.2em;
	font-weight: 600;
	text-shadow: #000 0 0 0.3em;
}

.boxA .triangle_set {
	position: absolute;
	top: 5px;
	left: 5px;
	/*border-topだけに色指定*/
	border-top: 50px solid #000000;
	border-left: 50px solid transparent;
	/*border-rightだけに色指定*/
	border-right: 50px solid #000000;
	border-bottom: 50px solid transparent;
	transform: rotate(270deg);
}









.triangle {
	/*border-topだけに色指定*/
	border-top: 50px solid #F0897F;
	border-left: 50px solid transparent;
	/*border-rightだけに色指定*/
	border-right: 50px solid #f6da69;
	border-bottom: 50px solid transparent;
}


.boxS .btn_set,
.boxA .btn_set,
.boxR .btn_set {
	position: absolute;
	bottom: 5px;
	left: 5%;
	right: 5%;
}


.button2 {
	display: inline-block;
	/* background: #d13415; */
	width: 90%;
	padding: 10px 30px 10px 40px;
	text-align: left;
	color: #FFF;
	margin: 5px;
	/* line-height:50px;
	height:50px; */
	border: 1px solid;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	text-shadow: #000 0 0 0.5em;
}

.button2::after {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	right: 40px;
	width: 50px;
	height: 5px;
	border: none;
	border-right: 2px solid #FFF;
	border-bottom: 1px solid #FFF;
	transform: skew(45deg);
	transition: .3s;
}

.button2:hover::after {
	right: 10px;
	width: 60px;
}


/* プレス */


.btn_press {
	display: inline-block;
	/* background: #d13415; */
	width: 60%;
	padding: 10px 10px 10px 20px;
	text-align: left;
	color: #000;
	margin: 5px;
	/* line-height:50px;
	height:50px; */
	border: 1px solid;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	/* text-shadow: #000 0 0 0.5em; */
	font-size: 1em;
}

.btn_press::after {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	right: 20px;
	width: 30px;
	height: 5px;
	border: none;
	border-right: 2px solid #000000;
	border-bottom: 1px solid #000000;
	transform: skew(45deg);
	transition: .3s;
}

.btn_press:hover::after {
	right: 10px;
	width: 40px;
}






a.button {
	position: relative;
	display: block;
	width: 250px;
	height: 60px;
	line-height: 59px;
	text-align: center;
	font-family: eb-garamond, serif;
	letter-spacing: .05em;
	font-weight: normal;
	font-size: 1.3rem;
	letter-spacing: .08em;
	border: 1px solid #d4d4d4;
	background-color: transparent;
	color: #fbfbfb;
}

a.button span {
	position: relative;
	z-index: 2;
	margin-left: -7px;
}

a.button:before {
	position: absolute;
	right: 12%;
	top: 46%;
	z-index: 3;
	margin-top: -1px;
	width: 27px;
	height: 6px;
	background: url(../images/home2/arrow_white.png) no-repeat 90% center transparent;
	background-size: 27px 6px;
	display: block;
	content: '';
}

a.button:after {
	display: block;
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fbfbfb;
	transform-origin: right top;
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-moz-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-ms-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	-o-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
	transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.pc a.button:hover {
	color: #167c3b;
}

.pc a.button:hover:after {
	transform-origin: left top;
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

a.button._darken {
	background-color: #167c3b;
	border: 1px solid #167c3b;
}

a.button._lighten {
	background-color: white;
}

a.button._black {
	border-color: #343434;
	background-color: #343434;
	color: white;
	font-size: 1.5rem;
	letter-spacing: .5px;
}

a.button._black:before {
	background-image: url(../img/common/btn_arrow-w.png);
}

a.button._reserve {
	border: 1px solid #000;
	background-color: #000;
	color: white;
	/*   font-family: "游ゴシック","YuGothic",'Hiragino Kaku Gothic ProN', Meiryo, メイリオ,  'PT Sans', 'Lucida Grande', sans-serif; */
	font-size: 1.35rem;
}

a.button._reserve:after {
	background-color: white;
}

.pc a.button._reserve:hover {
	color: white;
}

a.button._center {
	margin-left: auto;
	margin-right: auto;
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {
	a.button {
		width: 100%;
	}
}


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

	.boxS .en_title {
		font-size: 2em;
	}

	.boxS .en_sub {
		font-size: 1.2em;
		line-height: 1.1;
	}

	.boxS .ja_sub {
		position: absolute;
		top: 110px;
		left: 20px;
		font-size: 1.1em;
		line-height: 1.1;
		display: none;
	}

	.boxA .en_title {
		font-size: 1.7em;
	}

	.boxA .en_sub {
		font-size: 1.2em;
		line-height: 1.1;
		top: 70px;
	}

	.boxA .ja_sub {
		position: absolute;
		top: 110px;
		left: 20px;
		font-size: 1.1em;
		line-height: 1.1;
	}





	.button2 {
		display: inline-block;
		/* background: #d13415; */
		width: 90%;
		padding: 8px 8px 8px 8px;
		text-align: left;
		color: #ffffff;
		margin: 5px;
		/* line-height:50px;
	height:50px; */
		border: 1px solid;
		cursor: pointer;
		position: relative;
		text-decoration: none;
		text-shadow: #000 0 0 0em;
		background: #ffffff2e;
	}

	.button2::after {
		content: "";
		display: block;
		position: absolute;
		top: calc(50% - 5px);
		right: 20px;
		width: 20px;
		height: 5px;
		border: none;
		border-right: 2px solid #FFF;
		border-bottom: 1px solid #FFF;
		transform: skew(45deg);
		transition: .3s;
	}

	.button2:hover::after {
		right: 10px;
		width: 60px;
	}




	a.button {
		position: relative;
		display: block;
		width: 250px;
		height: 60px;
		line-height: 59px;
		text-align: center;
		font-family: eb-garamond, serif;
		letter-spacing: .05em;
		font-weight: normal;
		font-size: 1.3rem;
		letter-spacing: .08em;
		border: 1px solid #d4d4d4;
		background-color: transparent;
		color: #fbfbfb;
	}

	a.button span {
		position: relative;
		z-index: 2;
		margin-left: -7px;
	}

	a.button:before {
		position: absolute;
		right: 12%;
		top: 46%;
		z-index: 3;
		margin-top: -1px;
		width: 27px;
		height: 6px;
	}

	a.button:after {
		display: block;
		content: '';
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;


	}

}



.home_news {
	flex: 0 0 46%;
	margin: 2%;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.headline_top {
	text-align: center;
	margin-top: 45px;
	margin-bottom: 45px;
	/* overflow: auto; */
}



.headline_top {
	text-align: center;
	margin-top: 45px;
	margin-bottom: 45px;
	/* overflow: auto; */
}

.headline_top h2.en {
	font-size: 3rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 5px;
	position: relative;
	z-index: 3;
	/* text-align: center; */
}

.headline_top h3.en {
	font-size: 35px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 5px;
	position: relative;
	z-index: 3;
	/* text-align: center; */
}

.headline_top h2.jp {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 5px;
	line-height: 1;
	margin-top: 20px;
	position: relative;
	z-index: 3;
	padding-bottom: 30px;
}







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

	#home_news_area .flex_ns {
		flex-flow: column;
	}

	.home_news {
		flex: 0 0 98%;
	}

}



.home_news {
	flex: 0 0 46%;
	margin: 2%;
	justify-content: center;
	align-items: center;
	text-align: center;
	display: flex;
}




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

	#home_news_area .flex_ns {
		flex-flow: column;
	}

	.home_news {
		flex: 0 0 98%;
	}

}


@media only screen and (max-width: 900px) {
	.home_news {
		/* float: none; */
		/* width: 100%; */
		/* background: #f0f0f0; */
		padding: 80px 2%;
	}
}

@media only screen and (max-width: 736px) {
	.home_news {
		padding: 70px 3% 0;
	}
}


@media only screen and (max-width: 600px) {
	.home_news {
		padding: 0 3% 0;
		display: flex;
		flex-direction: column;
	}
}


/* --------- .newsArea --------- */

.home_news .newsArea {
	margin: 0 auto;
	/* max-width: 900px; */
	padding: 30px 0px;
}

.home_news .newsArea dl {
	margin: 1px 0 0;
	padding: 5px 0px;
	/* font-size: 13px; */
	line-height: 2;
	text-align: left;
	letter-spacing: 1px;
	/* background: #050126; */
	border-bottom: 1px solid #ddd;
	/* position: relative; */
	/* z-index: 1; */
	color: #000;
	display: flex;
	align-items: center;
}

.home_news .newsArea dl:first-child {
	margin: 0;
}

.home_news .newsArea dl dt {
	/* display: block; */
	margin: 0;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	padding: 0 1em;
}

.home_news .newsArea dl dt span {
	padding-left: 5px;
	color: #e96c36;
}

.home_news .newsArea dl dd {
	position: relative;
}

.home_news .newsArea dl a {
	/* position: relative; */
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	/* color: #fefefe; */
}

.home_news .newsArea dl a:after {
	/* position: absolute; */
	bottom: 0;
	left: 0;
	right: 100%;
	height: 0;
	content: "";
	border-bottom: transparent 1px solid;
	z-index: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.home_news .newsArea dl:hover:after {
	right: 0;
	border-color: #111;
}

@media only screen and (max-width: 900px) {
	.home_news .newsArea dl:after {
		display: none;
	}
}

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

	.home_news .newsArea {
		padding: 30px 0px 0;
	}


	.home_news .newsArea dl {
		font-size: 12px;
	}

}

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

	.home_news .newsArea {
		padding: 10px 0px 0;
	}

}








/* --- Arrows --- */
.locationSlider .slick-prev,
.locationSlider .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 60px;
	height: 60px;
	padding: 0;
	/*lte IE 8*/
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: #111;
	border: #ddd 1px solid;
	background: #fefefe;
	outline: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	z-index: 4;
}

.locationSlider .slick-prev:before,
.locationSlider .slick-next:before {
	font-family: 'themify';
	font-size: 12px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.locationSlider .slick-prev {
	left: -5%;
	margin-left: -24px;
}

.locationSlider .slick-prev:before {
	content: "\e64a"
}

.locationSlider .slick-next {
	right: -5%;
	margin-right: -24px;
}

.locationSlider .slick-next:before {
	content: "\e649";
}

.locationSlider .slick-dots {
	bottom: -40px;
}








/* ----- .photographyArea ----- */
#photography .photographyArea {
	margin: 0;
}

.photographyArea>div:nth-child(3) {
	display: none;
}

/* .photographyBox */
#photography .photographyBox {
	/* width: 48%; */
	/* float: left; */
	/* display: block; */
	/* margin: 20px 1% 80px; */
	/* position: relative; */
	/* z-index: 2; */
	/* background: #fefefe; */
	/* border: #ededed 1px solid; */
	/* padding: 30px 30px 60px 30px; */
	/* background: #fafafa; */
}

/* -#photography .photographyBox:nth-child(even) {padding:30px 0 60px 30px;} */

/* ----- .txtArea ----- */
#photography .photographyBox .txtArea {
	/* position:absolute; */
	/* top:0; */
	/* left:0; */
	/* bottom:0; */
	width: 100%;
	z-index: 1;
	display: block;
}

/* #photography .photographyBox:nth-child(even) .txtArea { left:auto; right:0; } */

/* .photographyhHead */
#photography .photographyhHead {
	display: block;
	text-align: center;
	/* position: absolute; */
	z-index: 2;
	margin-top: 50px;
	-o-transform: translate(-50%, -50%);
	/* transform: translate(-50%, -50%); */
}

/* .iconIllust */
#photography .photographyhHead .iconIllust {
	width: 90px;
	height: 90px;
	margin: 20px auto 0;
	position: relative;
	z-index: 0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

#photography .photographyhHead .iconIllust:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	content: "";
	border: #f0f0f0 1px solid;
	z-index: 2;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

#photography .photographyhHead .iconIllust_location {
	/* background: url(../images/photography/location/icon.png) center center no-repeat; */
	/* background-size:80px 80px; */
}

#photography .photographyhHead .iconIllust_wedding {
	background: url(../images/photography/wedding/icon.png) center center no-repeat;
	background-size: 80px 80px;
}

#photography .photographyhHead .iconIllust_family {
	background: url(../images/photography/family/icon.png) center center no-repeat;
	background-size: 80px 80px;
}

/* h2,h3 */
#photography .photographyhHead h2 {
	font-size: 12px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 500;
	letter-spacing: 2.5px;
	line-height: 1.8;
	position: relative;
	z-index: 4;
}

#photography .photographyhHead h3.en {
	font-size: 1.5rem;
	font-family: "Balthazar", serif;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 1.8;
}

#photography .photographyhHead h3.jp {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 3px;
	line-height: 1.8;
}


/* .catchArea */
#photography .catchArea {
	margin-top: 10px;
}

#photography .catchArea h4 {
	font-size: 13px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
	letter-spacing: 1px;
	line-height: 2;
}

/* .linkAreaHead */
#photography .photographyhHead .linkAreaHead {
	margin-top: 20px;
}

#photography .photographyhHead .linkAreaHead a {
	width: 160px;
	font-size: 13px;
	z-index: 1000;
}

/* ----- .imgArea ----- */
#photography .photographyBox .imgArea {
	/* float: right; */
	width: 100%;
	/* position: relative; */
	z-index: 2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*#photography .photographyBox:nth-child(even) .imgArea { float: left; }*/



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

	/* ----- .photographyArea ----- */
	#photography .photographyArea {
		margin: 0 5%;
	}

	#photography .photographyBox,
	#photography .photographyBox:nth-child(even) {
		margin: 70px 1% 70px;
		padding: 0;
		/* border: #ededed 1px solid; */
		/* background: #fefefe; */
		overflow: hidden;
	}

	/* 
    #photography .photographyhHead h3.jp:after {content:''; position: absolute; left:2.5%; top:34px; width:95%; background:#000; 10px;height:1.5px;-webkit-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out}
    */

	/* ----- .txtArea ----- */
	#photography .photographyBox .txtArea,
	#photography .photographyBox:nth-child(even) .txtArea {
		position: static;
		width: 100%;
		padding: 35px 5% 50px;
	}

	/* .photographyhHead */
	#photography .photographyBox .photographyhHead {
		display: block;
		text-align:
			center;
		position:
			static;
		-moz-transform:
			/*translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0); transform: translate(0, 0); */
	}

	#photography .catchArea {
		display: block;
	}

	/* .linkAreaHead */
	#photography .photographyBox .photographyhHead .linkAreaHead {
		margin-top: 20px;
	}

	#photography .photographyhHead .iconIllust {
		width: 100px;
		height: 100px;
	}

	#photography .photographyhHead .iconIllust_location,
	#photography .photographyhHead .iconIllust_wedding,
	#photography .photographyhHead .iconIllust_family {
		background-size: 90px 90px;
	}

	/* ----- .imgArea ----- */
	#photography .photographyBox .imgArea {
		float: none;
		width: 100%;
		padding: 30px 5% 0;
		padding: 0;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}

	#photography .photographyBox:nth-child(even) .imgArea {
		float: none;
	}

}

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

	#photography .photographyBox,
	#photography .photographyBox:nth-child(even) {
		margin: 60px 0 0;
	}

	/* ----- .txtArea ----- */
	#photography .photographyBox .txtArea,
	#photography .photographyBox:nth-child(even) .txtArea {
		padding: 30px 5% 45px;
	}

	#photography .photographyhHead .iconIllust {
		width: 70px;
		height: 70px;
		margin: 15px auto 0;
	}

	#photography .photographyhHead .iconIllust_location,
	#photography .photographyhHead .iconIllust_wedding,
	#photography .photographyhHead .iconIllust_family {
		background-size: 60px 60px;
	}

	#photography .catchArea h4 {
		font-size: 12px;
	}

	#photography .photographyBox .photographyhHead .linkAreaHead {
		margin-top: 15px;
		z-index: 100;
	}
}

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

	#photography .photographyBox,
	#photography .photographyBox:nth-child(even) {
		width: 100%;
		margin: 50px 0 0;
	}

	#photography .photographyhHead .linkAreaHead a {
		z-index: 10000;
	}


}



























/* ----- .planBox ----- */
#w_photography_type .planBox {
	margin: 0 10px;
	position: relative;
	z-index: 2;
	background: #fefefe;
}

#w_photography_type .planBox:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	border: #ededed 1px solid;
	z-index: -1;
}

/* .inner */
#w_photography_type .planBox .inner {
	overflow: visible;
	padding: 25px 5% 50px;
	text-align: center;
	/* height: 400px; */
}

/* .imgArea */
#w_photography_type .planBox .imgArea {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

/* h5
#w_photography_type .planBox h5 { display:block; width:50px; height:50px; margin:-25px auto 0; background:#fefefe; font-size:14px; font-weight:700; line-height:50px; letter-spacing:1px; position:relative; z-index:3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
#w_photography_type .planBox h5:after { position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; content:""; border:#fefefe 1px solid; z-index:-1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
*/

/* h5 */
#w_photography_type .planBox h5 {
	display: block;
	width: 50px;
	height: 50px;
	margin: 0px auto 0;
	background: #fefefe;
	font-size: 14px;
	font-weight: 700;
	line-height: 50px;
	letter-spacing: 1px;
	position: relative;
	right: 0;
	z-index: 3;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

#w_photography_type .planBox h5:after {
	/* position:absolute; */
	/* top:-5px; */
	/* left:-5px; */
	/* right:-5px; */
	/* bottom:-5px; */
	/* content:""; */
	縲
	/* border:#fefefe 1px solid;z-index:-1;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;*/
}



/* .txtArea */
#w_photography_type .planBox .txtArea {}

/* h3 */
#w_photography_type .planBox h3 {
	font-size: 12px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 500;
	letter-spacing: 2.5px;
	line-height: 1.8;
	position: relative;
	z-index: 4;
	margin-top: 20px;
}

/* h4 */
#w_photography_type .planBox h4 {
	font-size: 16px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 2;
	margin-bottom: 5px;
}

/* p */
#w_photography_type .planBox .txtArea p {
	font-size: 13px;
}

/* p.price */
#w_photography_type .planBox .txtArea p.price {
	color: #ff878d;
	font-size: 18px;
	font-family: 'Open Sans', "貂ｸ繧ｴ繧ｷ繝�け", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", "Meiryo", sans-serif;
	font-weight: 400;
}

#w_photography_type .planBox .txtArea p.price span.yen {
	margin-right: 3px;
	font-size: 0.85em;
	vertical-align: 0;
	font-weight: 500;
}

#w_photography_type .planBox .txtArea p.price span.tax {
	font-size: 0.7em;
	vertical-align: 0;
	font-weight: 500;
}

/* .linkArea */
#w_photography_type .planBox .linkArea {
	margin-top: 20px;
}


@media only screen and (max-width: 1024px) {
	#w_photography_type .planBox h4 {
		letter-spacing: 1.5px;
	}

	#w_photography_type .planBox .linkArea a {
		width: 180px;
	}
}

@media only screen and (max-width: 738px) {
	#w_photography_type .planBox .inner {
		padding: 30px 5% 35px
	}

	#w_photography_type .planBox .linkArea {
		margin-top: 10px;
	}

	/*#w_photography_type .planBox .txtArea p { display:none}*/
	#w_photography_type .planBox .txtArea p.price {
		font-size: 16px;
	}

	#w_photography_type .locationSlider {
		margin: 35px 1px 60px;
	}

	#w_photography_type .locationSlider:before,
	#w_photography_type .locationSlider:after {
		display: none;
	}

	.locationSlider .slick-dots {
		bottom: -30px;
	}
}

@media only screen and (max-width: 414px) {
	#w_photography_type .locationSlider {
		margin: 30px 1px 50px;
	}

	#w_photography_type .locationSlider:before,
	#w_photography_type .locationSlider:after {
		display: none;
	}

	#w_photography_type .planBox {
		margin: 0 5px;
	}

	#w_photography_type .planBox .linkArea {
		margin-top: 5px;
	}

	#w_photography_type .planBox .txtArea p {
		font-size: 11px;
	}
}

/* ----- .photographyBoxSmall ----- */
#w_photography_type .photographyBoxSmall {
	padding: 30px 30px 30px 0;
}

#w_photography_type .photographyBoxSmall:nth-child(even) {
	padding: 30px 0 30px 30px;
}

/* ----- .txtArea ----- */
#w_photography_type .photographyBoxSmall .txtArea {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 40%;
	z-index: 1;
}

#w_photography_type .photographyBoxSmall:nth-child(even) .txtArea {
	left: auto;
	right: 0;
}

/* .photographyhHead */
#w_photography_type .photographyBoxSmall .photographyhHead {
	display: inline-block;
	text-align: center;
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 40%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 80%;
	margin: 0 10%;
}

/* h2,h3 */
#w_photography_type .photographyBoxSmall .photographyhHead h2 {
	font-size: 15px;
}

#w_photography_type .photographyBoxSmall .photographyhHead h3.en {
	font-size: 20px;
	letter-spacing: 2px;
}

#w_photography_type .photographyBoxSmall .photographyhHead h3.jp {
	font-size: 13px;
}

/* .catchArea */
#w_photography_type .photographyBoxSmall .catchArea {
	margin-top: 10px;
}

#w_photography_type .photographyBoxSmall .catchArea h4 {
	font-size: 14px;
	font-family: 'Catamaran', sans-serif;
	letter-spacing: 1px;
	line-height: 2;
}

#w_photography_type .photographyBoxSmall .catchArea h4 br {
	display: block;
}

#w_photography_type .photographyBoxSmall .photographyhHeadCM {
	width: 75%;
}

#w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea {
	margin-top: 20px;
}

#w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p {
	margin-top: 5px;
	font-size: 12.5px;
	line-height: 2;
	letter-spacing: 1px;
}

/* ----- .imgArea ----- */
#w_photography_type .photographyBoxSmall .imgArea {
	float: right;
	width: 60%;
	position: relative;
	z-index: 2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#w_photography_type .photographyBoxSmall:nth-child(even) .imgArea {
	float: left;
}

/* .linkAreaHead */
#w_photography_type .photographyBoxSmall .linkAreaHead {
	margin-top: 20px;
}

#w_photography_type .photographyBoxSmall .linkAreaHead a {
	width: 200px;
	font-size: 13px;
}

@media only screen and (max-width: 1024px) {
	#w_photography_type .photographyBoxSmall .txtArea {
		width: 30%;
	}

	#w_photography_type .photographyBoxSmall .imgArea {
		width: 70%;
	}

	#w_photography_type .photographyBoxSmall .photographyhHead h3.en {
		font-size: 18px;
	}

	#w_photography_type .photographyBoxSmall .photographyhHead h3.jp {
		font-size: 13px;
	}

	#w_photography_type .photographyBoxSmall .catchArea h4 {
		letter-spacing: 1px;
		line-height: 1.8;
	}

	#w_photography_type .photographyBoxSmall .photographyhHead .linkAreaHead {
		margin-top: 20px;
	}

	#w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p {
		line-height: 2;
	}
}

@media only screen and (max-width: 1023px) {
	#w_photography_type .photographyBoxSmall .txtArea {
		width: 35%;
	}

	#w_photography_type .photographyBoxSmall .imgArea {
		width: 65%;
	}

	#w_photography_type .photographyBoxSmall .catchArea {
		display: none;
	}

	#w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea {
		display: block;
	}

	#w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p {
		text-align: left;
	}

	#w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea br {
		display: none;
	}
}

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

	#w_photography_type .photographyBoxSmall,
	#w_photography_type .photographyBoxSmall:nth-child(even) {
		margin: 70px 0 0;
		padding: 0;
		overflow: hidden;
	}

	#w_photography_type .photographyBoxSmall .txtArea,
	#w_photography_type .photographyBoxSmall:nth-child(even) .txtArea {
		position: static;
		width: 100%;
		padding: 35px 5% 50px;
	}

	#w_photography_type .photographyBoxSmall .photographyhHead {
		display: block;
		text-align: center;
		position: static;
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	#w_photography_type .photographyBoxSmall .photographyhHead h3.en {
		font-size: 18px;
	}

	#w_photography_type .photographyBoxSmall .photographyhHead h3.jp {
		font-size: 13px;
	}

	#w_photography_type .photographyBoxSmall .catchArea {
		display: block;
	}

	#w_photography_type .photographyBoxSmall .photographyhHead .linkAreaHead {
		margin-top: 20px;
	}

	#w_photography_type .photographyBoxSmall .imgArea {
		float: none;
		width: 100%;
		padding: 30px 5% 0;
		padding: 0;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}

	#w_photography_type .photographyBoxSmall:nth-child(even) .imgArea {
		float: none;
	}

	#w_photography_type .photographyBoxSmall .photographyhHeadCM {
		width: 100%;
	}

	#w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p {
		text-align: center;
	}

	#w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea br {
		display: block;
	}

}

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

	#w_photography_type .photographyBoxSmall,
	#w_photography_type .photographyBoxSmall:nth-child(even) {
		margin: 60px 0 0;
	}

	/* ----- .txtArea ----- */
	#w_photography_type .photographyBoxSmall .txtArea,
	#w_photography_type .photographyBoxSmall:nth-child(even) .txtArea {
		padding: 30px 5% 45px;
	}

	#w_photography_type .photographyBoxSmall .catchArea h4 {
		font-size: 12px;
	}

	#w_photography_type .photographyBoxSmall .photographyhHead .linkAreaHead {
		margin-top: 15px;
	}

	#w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p {
		font-size: 12px;
		line-height: 2;
	}
}

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

	#w_photography_type .photographyBoxSmall,
	#w_photography_type .photographyBoxSmall:nth-child(even) {
		margin: 50px 0 0;
	}

	/* .photographyhHead */

	#w_photography_type .photographyBoxSmall .photographyhHead {
		width: 100%;
		margin: 0;
	}


}









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

   #w_photography

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

#w_photography {
	padding: 70px 5% 90px;
	position: relative;
	z-index: 1;
	text-align: center;
}

#w_photography h3 {
	margin: 0 auto;
	font-size: 25px;
	font-family: "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", Verdana, serif;
	letter-spacing: 2.5px;
	line-height: 1.8;
	text-align: center;
}

/* --- .conceptArea --- */
#w_photography .descriptionArea {
	position: relative;
	z-index: 1;
	margin: 20px auto 0;
}

#w_photography .descriptionArea p {
	font-size: 14px;
	line-height: 2.4;
	letter-spacing: 2px;
	margin-top: 1em;
}

@media only screen and (max-width: 800px) {
	#w_photography {
		padding: 60px 5% 80px;
	}

	#w_photography h3 {
		margin: 0 auto;
		font-size: 20px;
	}
}

@media only screen and (max-width: 738px) {
	#w_photography {
		padding: 50px 5% 70px;
	}

	#w_photography h3 {
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8;
	}

	/* --- .conceptArea --- */
	#w_photography .descriptionArea {
		margin: 20px auto 0;
		padding: 0 2.5%;
		text-align: left;
	}

	#w_photography .descriptionArea p {
		font-size: 13px;
		line-height: 2;
		letter-spacing: 1px;
		margin-top: 1em;
	}

	#w_photography .descriptionArea p br {
		display: none;
	}
}

@media only screen and (max-width: 414px) {
	#w_photography {
		padding: 40px 5% 60px;
	}

	#w_photography h3 {
		font-size: 15px;
		letter-spacing: 2px;
		line-height: 1.8;
		text-align: center;
	}

	#w_photography .descriptionArea p {
		font-size: 12px;
	}
}

/* --- .iconIllustArea --- */
.iconIllustArea {
	position: absolute;
	width: 90px;
	height: 90px;
	top: -45px;
	left: 50%;
	margin: 0 0 0 -45px;
	padding: 5px;
	background: #fefefe;
	z-index: 3;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.iconIllustArea img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.iconIllustArea:after {
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	content: "";
	border: #fefefe 1px solid;
	z-index: -1;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

@media only screen and (max-width: 800px) {
	.iconIllustArea {
		width: 80px;
		height: 80px;
		top: -40px;
		margin: 0 0 0 -40px;
	}
}

@media only screen and (max-width: 738px) {
	.iconIllustArea {
		width: 60px;
		height: 60px;
		top: -30px;
		margin: 0 0 0 -30px;
	}
}

/* --- .illustArea --- */
.illustArea {
	margin: 45px auto 0;
	max-width: 600px;
	height: auto;
}

@media only screen and (max-width: 800px) {
	.illustArea {
		margin: 40px auto 0;
	}
}

@media only screen and (max-width: 738px) {
	.illustArea {
		margin: 35px auto 0;
	}
}

@media only screen and (max-width: 414px) {
	.illustArea {
		margin: 30px auto 0;
	}
}



/* --- .txtNoticeArea --- */
#w_photography .txtNoticeArea {
	margin: 50px 0 0;
	position: relative;
	z-index: 2;
}

#w_photography .txtNoticeArea:before {
	position: absolute;
	top: 7px;
	left: 0;
	bottom: 7px;
	right: 0;
	content: "";
	border: #ddd 1px solid;
	background: #fefefe;
	z-index: -2;
}

/* --- .inner --- */
#w_photography .txtNoticeArea .inner {
	padding: 70px 5%;
}

/* .imgArea */
#w_photography .txtNoticeArea .imgArea {
	float: left;
	width: 45%;
	width: 40%;
	padding: 40px;
	position: relative;
	z-index: 1;
}

#w_photography .txtNoticeArea .imgArea:before {
	position: absolute;
	top: 0;
	right: 10px;
	left: 10px;
	bottom: 0;
	content: "";
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
	z-index: 2;
}

#w_photography .txtNoticeArea .imgArea:after {
	position: absolute;
	top: 10px;
	right: 0;
	left: 0;
	bottom: 10px;
	content: "";
	border-right: #ddd 1px solid;
	border-left: #ddd 1px solid;
	z-index: 2;
}

/* .txtArea */
#w_photography .txtNoticeArea .txtArea {
	float: right;
	width: 50%;
	width: 55%;
	text-align: left;
}

#w_photography .txtNoticeArea .txtArea .txtBox {
	margin: 0 auto;
	/*max-width:450px;*/
}

#w_photography .txtNoticeArea .txtArea h4 {
	font-size: 16px;
	font-family: 'Playfair Display', "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", Verdana, serif;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 1.2;
	text-align: center;
	margin: 5px 0 25px;
	padding-bottom: 25px;
	position: relative;
	z-index: 2;
}

#w_photography .txtNoticeArea .txtArea h4 b {
	display: block;
	font-size: 35px;
	font-weight: 400;
}

#w_photography .txtNoticeArea .txtArea h4 span {
	display: block;
	margin-top: 10px;
	font-size: 15px;
}

#w_photography .txtNoticeArea .txtArea h4:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50px;
	height: 0;
	margin-left: -25px;
	content: "";
	border-top: #ddd double;
	z-index: -1;
}

#w_photography .txtNoticeArea .txtArea p {
	margin-top: 1em;
}

#w_photography .txtNoticeArea .txtArea p:first-child {
	margin-top: 0;
}

@media only screen and (max-width: 1024px) {
	#w_photography .txtNoticeArea {
		padding: 30px 0;
	}
}

@media only screen and (max-width: 800px) {
	#w_photography .txtNoticeArea .inner {
		padding: 50px 5%;
	}

	#w_photography .txtNoticeArea .imgArea {
		width: 40%;
		padding: 15px;
	}

	#w_photography .txtNoticeArea .txtArea {
		width: 55%;
	}

	#w_photography .txtNoticeArea .txtArea h4 {
		font-size: 16px;
		margin: 0 0 20px;
		padding-bottom: 20px;
	}

	#w_photography .txtNoticeArea .txtArea h4 b {
		font-size: 30px;
	}

	#w_photography .txtNoticeArea .txtArea h4 span {
		font-size: 14px
	}
}

@media only screen and (max-width: 738px) {
	#w_photography .txtNoticeArea .inner {
		padding: 40px 7.5%;
	}

	#w_photography .txtNoticeArea .imgArea {
		float: none;
		width: 65%;
		margin: 0 auto;
		padding: 10px;
	}

	#w_photography .txtNoticeArea .txtArea {
		float: none;
		width: 100%;
		margin-top: 30px;
	}

	#w_photography .txtNoticeArea .txtArea .txtBox {}

	#w_photography .txtNoticeArea .txtArea h4 {
		font-size: 14px;
	}

	#w_photography .txtNoticeArea .txtArea h4 b {
		font-size: 25px;
	}

	#w_photography .txtNoticeArea .txtArea h4 span {
		font-size: 13px
	}
}



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

   #w_photography_plan

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

#w_photography_plan {
	padding: 90px 5%;
	position: relative;
	z-index: 1;
	border-top: #a3d9e0 1px solid;
	background: url(../images/noise.png) repeat #fefefe;
}

#w_photography_plan:before {
	position: absolute;
	top: -1px;
	left: 5%;
	right: 5%;
	height: 0;
	content: "";
	border-top: #ededed 1px solid;
	z-index: 2;
}

/* --- .planArea --- */
#w_photography_plan .planArea {
	margin: -60px -1.5% 0;
	font-size: 0;
	text-align: left;
}

/* .photographyBox */
#w_photography_plan .planBox {
	display: inline-block;
	margin: 80px 1.5% 0;
	width: 47%;
	position: relative;
	z-index: 2;
	background: #fefefe;
}

#w_photography_plan .planBox:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	border: #ededed 1px solid;
	z-index: -1;
}

/* .inner */
#w_photography_plan .planBox .inner {
	padding: 35px 5% 50px;
	text-align: center;
}

/* .imgArea */
#w_photography_plan .planBox .imgArea {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

/* h5 */
#w_photography_plan .planBox h5 {
	display: block;
	width: 50px;
	height: 50px;
	margin: -25px auto 0;
	background: #fefefe;
	font-size: 14px;
	font-weight: 700;
	line-height: 50px;
	letter-spacing: 1px;
	position: relative;
	z-index: 3;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

#w_photography_plan .planBox h5:after {
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	content: "";
	border: #fefefe 1px solid;
	z-index: -1;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

/* .txtArea */
#w_photography_plan .planBox .txtArea {
	padding: 0 2.5%;
}

/* h3 */
#w_photography_plan .planBox h3 {
	font-size: 13px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 500;
	letter-spacing: 2.5px;
	line-height: 1.8;
	position: relative;
	z-index: 4;
}

/* h4 */
#w_photography_plan .planBox h4 {
	font-size: 20px;
	font-family: 'Playfair Display', "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", Verdana, serif;
	font-weight: 500;
	letter-spacing: 2.5px;
	line-height: 2;
	margin-bottom: 5px;
}

/* p.price */
#w_photography_plan .planBox .txtArea p.price {
	color: #ff878d;
	font-size: 20px;
	font-family: 'Open Sans', "貂ｸ繧ｴ繧ｷ繝�け", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", "Meiryo", sans-serif;
	font-weight: 400;
}

#w_photography_plan .planBox .txtArea p.price span.yen {
	margin-right: 3px;
	font-size: 0.85em;
	vertical-align: 0;
	font-weight: 500;
}

#w_photography_plan .planBox .txtArea p.price span.tax {
	font-size: 0.7em;
	vertical-align: 0;
	font-weight: 500;
}

/* .linkArea */
#w_photography_plan .planBox .linkArea {
	margin-top: 20px;
}


@media only screen and (max-width: 1024px) {
	#w_photography_plan .planBox h4 {
		font-size: 18px;
	}

	#w_photography_plan .planBox .linkArea a {
		width: 180px;
	}
}

@media only screen and (max-width: 800px) {
	#w_photography_plan {
		padding: 80px 5%;
	}

	#w_photography_plan .planArea {
		margin: -40px -1.5% 0;
	}

	#w_photography_plan .planBox {
		display: inline-block;
		margin: 60px 1.5% 0;
		width: 97%;
	}
}

@media only screen and (max-width: 738px) {
	#w_photography_plan {
		padding: 70px 5%;
		background: url(../images/noise2.png) repeat #fefefe;
	}

	#w_photography_plan .planArea {
		margin: -40px -1.5% 0;
	}

	#w_photography_plan .planBox {
		margin: 50px 1.5% 0;
	}

	#w_photography_plan .planBox .inner {
		padding: 30px 5% 45px;
	}

	#w_photography_plan .planBox .linkArea {
		margin-top: 15px;
	}
}

@media only screen and (max-width: 500px) {
	#w_photography_plan {
		padding: 60px 5%;
	}

	#w_photography_plan .planArea {
		margin: -40px -1.5% 0;
	}

	#w_photography_plan .planBox {
		margin: 40px 1.5% 0;
	}

	#w_photography_type .planBox .inner {
		padding: 20px 5% 20px;
		text-align: center;
		/* height: 350px; */
	}

}


.kimonoSlider {
	margin: 0;
	padding: 0;
}





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

keyframes

----------------------------------------------------------- */
@-webkit-keyframes scroll-next {
	0% {
		-ms-transform: translateX(0)translateY(0px);
		-webkit-transform: translateX(0)translateY(0px);
		-moz-transform: translateX(0)translateY(0px);
		transform: translateX(0)translateY(0px);
		opacity: 0
	}

	80% {
		opacity: 0.7
	}

	90% {
		opacity: 0
	}

	100% {
		-ms-transform: translateX(0)translateY(40px);
		-webkit-transform: translateX(0)translateY(40px);
		-moz-transform: translateX(0)translateY(40px);
		transform: translateX(0)translateY(40px);
		opacity: 1
	}
}

@-moz-keyframes scroll-next {
	0% {
		-ms-transform: translateX(0)translateY(0px);
		-webkit-transform: translateX(0)translateY(0px);
		-moz-transform: translateX(0)translateY(0px);
		transform: translateX(0)translateY(0px);
		opacity: 1
	}

	80% {
		opacity: 0.7
	}

	90% {
		opacity: 0
	}

	100% {
		-ms-transform: translateX(0)translateY(40px);
		-webkit-transform: translateX(0)translateY(40px);
		-moz-transform: translateX(0)translateY(40px);
		transform: translateX(0)translateY(40px);
		opacity: 0
	}
}

@-ms-keyframes scroll-next {
	0% {
		-ms-transform: translateX(0)translateY(0px);
		-webkit-transform: translateX(0)translateY(0px);
		-moz-transform: translateX(0)translateY(0px);
		transform: translateX(0)translateY(0px);
		opacity: 1
	}

	80% {
		opacity: 0.7
	}

	90% {
		opacity: 0.9
	}

	100% {
		-ms-transform: translateX(0)translateY(40px);
		-webkit-transform: translateX(0)translateY(40px);
		-moz-transform: translateX(0)translateY(40px);
		transform: translateX(0)translateY(40px);
		opacity: 0
	}
}

@keyframes scroll-next {
	0% {
		-ms-transform: translateX(0)translateY(0px);
		-webkit-transform: translateX(0)translateY(0px);
		-moz-transform: translateX(0)translateY(0px);
		transform: translateX(0)translateY(0px);
		opacity: 1
	}

	80% {
		opacity: 0.7
	}

	90% {
		opacity: 0
	}

	100% {
		-ms-transform: translateX(0)translateY(40px);
		-webkit-transform: translateX(0)translateY(40px);
		-moz-transform: translateX(0)translateY(40px);
		transform: translateX(0)translateY(0px);
		opacity: 1
	}
}