@charset "UTF-8";

body,
html {
	margin: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
html {
	overflow-x: hidden;
	overflow-y: scroll;
	font-size: 62.5%;
}
body {
	color: #0e1618;
	font-family: 'Noto Serif JP', "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif, "Times New Roman";
	font-size: 1.4em;
	font-weight: 500;
	line-height: 1;
	overflow-x: hidden;
}
_:lang(x)::-ms-backdrop, body {
	font-family: "メイリオ", Meiryo, sans-serif;
} 
a, a:active, a:hover, a:visited {
	color: #0e1618;
	text-decoration: none;
	transition: all .3s ease;
}
a:hover {
	color: #394a99;
}
a:hover img {
	opacity: .6;
}

.inner {
	width: 1200px;
	margin: auto;
	padding: 70px 0 8rem;
}
.main .inner {
	width: 900px;
}
/*
.home .main .inner {
	width: 1200px;
}
*/

.single-gallery .main .inner {
	width: 1200px;
}
.example-block {
	margin: auto;
}
a .thumb {
	overflow: hidden;
}
a .thumb img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transform: scale(1) translate3d(0, 0, 0);
}
a:hover .thumb img {
	transform: scale(1.05) translate3d(0, 0, 0);
}
@media only screen and (max-width: 1160px) {
	.inner,
	.main .inner,
	.single-gallery .main .inner {
		width: 90%;
	}
}
@media only screen and (max-width: 767px) {
	.inner,
	.main .inner,
	.single-gallery .main .inner {
		width: 100%;
		padding: 4rem 0 6rem;
	}
}
/* device */
@media only screen and (min-width: 1025px) {
	.pc_none {
		display: none;
	}
	.example-block {
		width: 80%;
	}
}
@media only screen and (min-width: 768px) {
	.pctb_none {
		display: none;
	}
}
@media only screen and (max-width: 1024px) {
	.tbsp_none {
		display: none;
	}
}
/* fade */
.effect-fade {
	opacity : 0;
	transform : translate(0, 50px);
	transition : all 1s;
}
.effect-fade.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}
/* totop */
.pagetop {
	position: fixed;
	right: 7%;
	bottom: 5rem;
	z-index: 9;
	opacity: 0.8;
}
.pagetop a {
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.for-sp {
	display: none;
}
.for-pc {

}
@media only screen and (max-width: 767px) {
	.for-sp {
		display: block;
	}
	.for-pc {
		display: none;
	}
}

/* header */
.header {

}
.head_outer {
	width: 100%;
	padding: 2.5rem 0 1rem;
	position: relative;
	z-index: 10;
}
.header .inner {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.h1 {
	font-size: 1.2rem;
	font-weight: 500;
}
.sub_nav {
  position: absolute;
  top: 75px;
  margin-left: -13px;
  text-align: center;
  display: none;
  background-color: rgba( 153, 153, 153, 0.6 );
}
.home .sub_nav {
  background-color: rgba( 153, 153, 153, 0.6 );
}
.sub_nav li {
	line-height: 3em;
}
.sub_nav li a {
  color: #fff;
  display: block;
  padding: 0 15px;
}
.sub_nav li a:hover {
	color: #000;
  background-color: rgba( 153, 153, 153, 0.8 );
}
.home .sub_nav li a {
  color: #fff;
}
.home .sub_nav li a:hover {
	color: #000;
  background-color: rgba( 153, 153, 153, 0.8 );
}
.logo {
	margin: 1px 0 .5rem;
}
#gloval-nav {
	display: flex;
}
#gloval-nav .main_nav {
	display: flex;
	align-items: center;
}
#gloval-nav .main_nav > li {
	padding: 0 .5rem;
}
#gloval-nav .main_nav > li.insta {
	font-size: 1.5em;
}
#gloval-nav .main_nav > li.contact {
	margin-left: 1.5rem;
	padding: 0 1.5rem 0 3.5rem;
	border-left: 1px solid #bdbdbd;
	background: url(../img/mail.svg) no-repeat left 2.5rem center;
	background-size: 1.5rem;
}
#gloval-nav .main_nav > li > a {
	padding: .5rem 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
}
#gloval-nav .main_nav > li:first-child > a {
	color: #000;
}
#gloval-nav .main_nav.top_nav > li > a {
	color: #fff;
}
#gloval-nav .main_nav.top_nav > li:first-child > a {
	color: #fff;
}
.open #gloval-nav .main_nav.top_nav > li > a {
	color: #000;
}
#gloval-nav .main_nav .mega_btn > a {
	padding-right: 2rem;
	position: relative;
}
#gloval-nav .main_nav .mega_btn > a:after {
	content: "";
	width: .65rem;
	height: .65rem;
	border-right: 1px solid #0e1618;
	border-bottom: 1px solid #0e1618;
	display: block;
	position: absolute;
	top: 35%;
	right: 1rem;
	transform: rotate(45deg) translateY(-50%);
	transition: all .3s ease;
}
#gloval-nav .main_nav .mega_btn a:hover:after {
	top: 45%;
	transition: all .3s ease;
}
#gloval-nav .main_nav .mega_menu {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	padding: 3rem 4rem;
	z-index: 999;
}
#gloval-nav .main_nav .mega_menu .ttl {
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #fff;
	font-size: 2rem;
}
#gloval-nav .main_nav .child {
	width: 100%;
	display: flex;
}
#gloval-nav .main_nav .child li {
	width: calc(100% / 5);
	margin-right: 2rem;
	text-align: center;
}
#gloval-nav .main_nav .child li:last-child {
	margin-right: 0;
}
#gloval-nav .main_nav .child li a {
	display: flex;
	flex-direction: column;
}
#gloval-nav .main_nav .child li a img {
	width: 100%;
	height: auto;
}
#gloval-nav .main_nav .child li a span {
	margin-top: 1rem;
}
.kv {
	position: relative;
	text-align: center;
}
.kv figure img {
	width: 100%;
	height: auto;
	margin-top: 2em;
}
.top-block .ttl_box,
.kv .ttl_box {
	position: relative;
	display: inline-block;
	margin: 50px auto 0;
	width: auto;
}
.top-block .ttl_box .main_ttl,
.kv .ttl_box .main_ttl {
	font-size: 16px;
	margin: 0;
	letter-spacing: 0.5em;
	padding: 0 0.5rem 0 1.5rem;
	font-weight: normal !important;
}
.top-block .ttl_underline,
.kv .ttl_underline {
	position: absolute;
	left: 0;
	top: 0.9em;
	display: inline-block;
	width: 100%;
	height: 1em;
	border: 1px solid #000;
	border-width: 0 1px 1px;
}
.top-block .ttl_underline {
	top: 1.4em;
}
@media only screen and (max-width: 1160px) {
	.kv .ttl_box {
	}
}
@media only screen and (max-width: 1024px) {
	.head_outer {
		padding-top: 2rem;
	}
	.header .inner {
		flex-direction: column;
		align-items: flex-start
	}
	.logo {
		width: 40%;
	}
	.logo img {
		width: 75%;
		height: auto;
	}
	#nav-toggle {
		position: fixed;
		top: 2.4rem;
		right: 2rem;
		height: 3.2rem;
		z-index: 999;
	}
	#nav-toggle div {
		width: 3.6rem;
		position: relative;
	}
	#nav-toggle div span {
		width: 100%;
		height: 2px;
		background-color: #000;
		left: 0;
		display: block;
		position: absolute;
		transition: transform .6s ease-in-out, top .5s ease;
	}
	#nav-toggle div span:nth-child(1) {
		top: 0;
	}
	#nav-toggle div span:nth-child(2) {
		top: 1.4rem;
	}
	#nav-toggle div span:nth-child(3) {
		top: 2.8rem;
	}
	.open #nav-toggle span {
		background: #000; /*#fff;*/
	}
	.open #nav-toggle span:nth-child(1) {
		top: 1.5rem;
		transform: rotate(45deg);
	}
	.open #nav-toggle span:nth-child(2) {
		top: 1.5rem;
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 1.5rem;
		transform: rotate(-45deg);
	}
	#gloval-nav {
		padding: 5rem 0 4rem;
		background: #fff; /* #394a99; */
		color: #000; /*#fff;*/
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 990;
		text-align: center;
		visibility: hidden;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		opacity: 0;
		transition: opacity .6s ease, visibility .6s ease;
	}
	#gloval-nav .main_nav,
	#gloval-nav .lang {
		opacity: 0;
		transform: translateX(20rem);
		transition: transform .6s ease, opacity .2s ease;
	}
	#gloval-nav .main_nav {
		width: 80%;
		margin: 0 auto;
		display: unset;
		order: 2;
	}
	#gloval-nav .main_nav > li,
	#gloval-nav .lang li {
		width: 100%;
		padding: .5em 0;
		font-size: 1.4rem;
	}
	#gloval-nav .main_nav > li:not(:last-child) {
		/*  border-bottom: 1px solid #000;*/ /* #fff;*/
		background: url('../img/bg_kakko.png') top 30px center / 150px no-repeat;
		letter-spacing: 0.5em;
	}
	#gloval-nav .main_nav > li:first-child {
		/*  border-top: 1px solid #000; */ /*#fff; */
	}
	#gloval-nav .main_nav > li.contact {
		margin-left: 0;
		padding: .5em 0;
		border-left: 0;
		background: url(../img/mail_wh.svg) no-repeat left 40% center;
		background-size: 1.5rem;
	}
	#gloval-nav .main_nav > li > a,
	#gloval-nav .main_nav > li:first-child > a {
		width: 100%;
		padding: 1.5rem;
		color: #000; /* #fff; */
		border: unset;
		background-color: unset;
		text-decoration: none;
		transition: color .6s ease;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#gloval-nav .main_nav .mega_btn > a:after {
		border-color: #fff;
	}
	#gloval-nav .lang {
		width: 60%;
		margin: 0 auto;
		padding-left: 0;
		background: unset;
		order: 1;
	}
	#gloval-nav .lang li {
		padding: 2rem;
	}
	.sub_nav {
		margin: auto;
		position: relative;
		top: 0;
		display: block;
		max-width: 130px;
	}
	.sub_nav,
	.home .sub_nav{
	  background-color: transparent;
	}
	.sub_nav li {
		border-bottom: 1px solid #ddd;
	}
	.sub_nav li a {
	  padding: 0;
	  color: #0e1618;
	}
	.home .sub_nav li a {
	  color: #0e1618;
	}
	.open,
	.open body {
		height: 100%;
		overflow: hidden;
	}
	.open #gloval-nav {
		visibility: visible;
		opacity: 1;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}
	.open #gloval-nav .main_nav,
	.open #gloval-nav .lang {
		opacity: 1;
		transform: translateX(0);
		transition: transform 1s ease, opacity .9s ease;
	}
	#gloval-nav .main_nav .mega_menu {
		padding: 1rem 2rem;
		background-color: #fff;
		position: static;
		display: none;
	}
	#gloval-nav .main_nav .mega_menu .ttl {
		display: none;
	}
	#gloval-nav .main_nav .child {
		display: block;
	}
	#gloval-nav .main_nav .child li {
		width: 100%;
		margin: 0;
		padding: 1rem 0;
	}
	#gloval-nav .main_nav .child li img {
		display: none;
	}
	#gloval-nav .main_nav .child li a {
		padding: .5rem;
		display: block;
	}
	#gloval-nav .main_nav .child li a span {
		margin-top: 0;
		padding: 0 2rem;
		display: inline-block;
		position: relative;
	}
	#gloval-nav .main_nav .child li a span:after {
		content: "";
		width: .5rem;
		height: .5rem;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		display: block;
		position: absolute;
		top: 40%;
		right: 1rem;
		transform: rotate(45deg) translateY(-50%);
		transition: all .3s ease;
	}
}
@media only screen and (max-width: 767px) {
	.header .inner {
		width: 90%;
	}
	.logo {
		width: 70%;
	}
	.h1 {
		width: 80%;
		line-height: 1.4;
	}
	#gloval-nav {
		flex-direction: unset;
	}
	#gloval-nav .main_nav > li.contact {
		background: url(../img/mail_wh.svg) no-repeat left 25% center;
		background-size: 1.5rem;
	}
	.kv figure {
		height: 28rem;
	}
	.top-block .ttl_box,
	.kv .ttl_box {
		flex-direction: column;
		align-items: flex-start;
	}
	.content-header {
		text-align: center;
	}
	.content-header .ttl_box {
		font-weight: normal;
		font-size: 90%;
		border-radius: 5px;
		/*    background-color: #d5e3ce; */
		margin: auto;
		font-weight: normal;
		font-size: 90%;
		top: unset;
	}
	.content-header .ttl_underline {
		/*    display: none !important; */
	}
}

.main {
	font-size: 15px;
	line-height: 2em;
	letter-spacing: 0.2em;
	color: #0e1618;
}
/* footer */
.footer {
	font-size: 1em;
	letter-spacing: 0.2em;
}
.footer .inner {
	padding-right: 4rem;
	padding-left: 4rem;
}
.footer .copy_group {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.footer .copy_group .copy {
}
@media only screen and (max-width: 1160px) {
	.footer .inner {
		padding-right: 0;
		padding-left: 0;
	}
	.hcatch {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.footer {
		font-size: 11px;
		letter-spacing: 0.05em;
	}
	.footer .inner {
		padding: 3rem 0;
	}
	.footer .copy_group {
		width: 100%;
	}
	.footer .copy_group .copy {
		display: flex;
		flex-direction: column;
	}
}
/**
 *    トップページ
 */
/* header */
.home .header {
	height: 100vh;
}
.hcatch {
	font-size: 90%;
	padding-left: 1em;
	letter-spacing: 0.1em;
	color: #333;
}
.home .hcatch {
	color: #fff;
}
/* メイン画像 */
.main_imgBox {
	height: 100vh;
	overflow: hidden;
	position: relative;
}
.main_msg {
	position: relative;
	top: 15%;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	z-index: 3;
}
.main_msg h2 {
	font-size: 20px;
	letter-spacing: 0.5em;
	line-height: 2em;
	margin-bottom: 0.5em;
}
.main_msg .text-ja {
	font-size: 16px;
	letter-spacing: 0.5em;
	line-height: 2em;
	margin-bottom: 1.5rem;
}
.main_msg .text-en {
	font-size: 80%;
	letter-spacing: 0.1em;
	line-height: 1.8em;
}
.main_img {
	z-index: 3;
	opacity: 0;
	width: 100%;
	height: 100vh;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: anime 30s 0s infinite;
	animation: anime 30s 0s infinite;
}
.main_img:nth-of-type(2) {
	-webkit-animation-delay: 6s;
	animation-delay: 6s;
}
.main_img:nth-of-type(3) {
	-webkit-animation-delay: 12s;
	animation-delay: 12s;
}
.main_img:nth-of-type(4) {
	-webkit-animation-delay: 18s;
	animation-delay: 18s;
}
.main_img:nth-of-type(5) {
	-webkit-animation-delay: 24s;
	animation-delay: 24s;
}

.main_imgM {
	opacity: 0;
	width:100%;
	height:100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: anime 30s 0s infinite;
	animation: anime 30s 0s infinite;
}
.main_imgM:nth-of-type(2) {
	-webkit-animation-delay: 6s;
	animation-delay: 6s;
}
.main_imgM:nth-of-type(3) {
	-webkit-animation-delay: 12s;
	animation-delay: 12s;
}
.main_imgM:nth-of-type(4) {
	-webkit-animation-delay: 18s;
	animation-delay: 18s;
}
.main_imgM:nth-of-type(5) {
	-webkit-animation-delay: 24s;
	animation-delay: 24s;
}

@keyframes anime {
	0% { opacity: 0; transform: scale(1.05); z-index:1; }
	8% { opacity: 1; }
	17% { opacity: 1; }
	25% { opacity: 0; transform: scale(1.00); z-index:1; }
	100% { opacity: 0; }
}
@-webkit-keyframes anime {
	0% { opacity: 0; -webkit-transform: scale(1.05); z-index:1; }
	8% { opacity: 1; }
	17% { opacity: 1; }
	25% { opacity: 0; -webkit-transform: scale(1.00); z-index:1; }
	100% { opacity: 0; }
}

@media only screen and (min-width: 768px) {
	.main_msg {
		top: 18%;
	}
	.main_msg h2 {
		font-size: 24px;
	}
	.main_msg .text-ja {
		font-size: 18px;
	}
	.main_msg .text-en {
		font-size: 100%;
	}
}

/**
 *    背景：波型
 */
/* TOP */
.bg-top,
.bg-t  { width:100%; padding-top:150px; padding-bottom: 0px; background: url('../img/bg_top.png') top 180px center / 100% no-repeat; }
/* gallery */
.bg-gallery,
.bg-g  { width:100%; padding-bottom: 100px; background: url('../img/bg_gallery.png') top 200px center / 100% no-repeat; }
/* process */
.bg-process,
.bg-p  { width:100%; padding-bottom: 100px; background: url('../img/bg_process.png') top 200px center / 100% no-repeat; }
/*
.bg-process .inner,
.bg-p .inner  { background: url('../img/process_img2.png') top 80px right / 100px 127px no-repeat; }
*/
/* watashi */
.bg-watashi1,
.bg-w1 { width:100%; padding-bottom:     0; background: url('../img/bg_watashi_new02.png') top 180px center / 100% no-repeat; }
.bg-watashi2,
.bg-w2 { width:100%; padding-bottom: 100px; background: url('../img/bg_watashi2.png') bottom center / 100% no-repeat; }
.bg-watashi1 .inner,
.bg-w1 .inner { padding-bottom: 0;}
/* concept */
.bg-concept4,
.bg-concept3,
.bg-concept2,
.bg-concept,
.bg-c  { width:100%; background: url('../img/bg_concept.png') top 280px center / 100% no-repeat; }
/* contact */
.bg-contact,
.bg-cn { width:100%; padding-bottom: 100px; background: url('../img/bg_contact.png') top 100px center / 100% no-repeat; }

@media only screen and (min-width: 1025px) {
	.bg-watashi2, .bg-w2 {
		margin-top: 60px;
	}
}
@media only screen and (max-width: 767px) {

	.concept main { width:100%; padding-bottom: 100px; background: url('../img/bg_concept_sp_new.png') top 800px center / 100% no-repeat; }
	.bg-concept,
	.bg-c         { width:100%; padding-bottom: 100px; background: none; }
	/*
	.concept main { width:100%; padding-bottom: 100px; background: url('../img/bg_concept2_sp.png') top 1000px center / 100% no-repeat; }
	.bg-concept,
	.bg-c         { width:100%; padding-bottom: 100px; background: url('../img/bg_concept1_sp.png') top 300px center / 100% no-repeat; }
	*/
	/*
	.bg-concept .inner,
	.bg-c .inner  { width:100%; padding-bottom: 100px; background: url('../img/process_img2.png') top 240px right 5% / 100px 127px no-repeat; }
	*/

	.bg-process,
	.bg-p         { background: none; }
	/*
	.bg-process,
	.bg-p         { width:100%; padding-bottom: 100px; background: url('../img/bg_process_sp_new.png') top 310px center / 100% no-repeat; }
	*/
	.bg-process .inner,
	.bg-p .inner  { background: none; }
	/*
	.bg-process .inner,
	.bg-p .inner  { width:100%; padding-bottom: 100px; background: url('../img/process_img2.png') top 240px right 5% / 100px 127px no-repeat; }
	*/

	.bg-contact,
	.bg-cn  { width:100%; padding-bottom: 100px; background: url('../img/bg_contact_sp_new.png') top 45px center / 100% no-repeat; }

	.bg-top,
	.bg-t   { width:100%; padding-top:0; padding-bottom: 100px; background: none }
	/*
	.bg-top,
	.bg-t   { width:100%; padding-bottom: 100px; background: url('../img/bg_top.png') top 190px center / 100% no-repeat; }
	*/

	.bg-gallery,
	.bg-g  { width:100%; padding-bottom: 100px; background: url('../img/bg_gallery.png') top 400px center / 100% no-repeat; }

	.watashi main { width:100%; padding-bottom: 100px; background: url('../img/bg_watashi_sp_new.png') top 450px center / 100% no-repeat; }
	.bg-watashi1,
	.bg-w1,
	.bg-watashi2,
	.bg-w2 { background: none; }
	/*
	.watashi main { width:100%; padding-bottom: 100px; background: url('../img/bg_watashi2_sp.png') top 840px center / 100% no-repeat; }
	.bg-watashi1,
	.bg-w1         { width:100%; padding-bottom: 100px; background: url('../img/bg_watashi1_sp.png') top 360px center / 100% no-repeat; }
	.bg-watashi1 .inner,
	.bg-w1 .inner  { width:100%; padding-bottom: 100px; background: url('../img/process_img2.png') top 220px right 5% / 100px 127px no-repeat; }
	.bg-watashi2,
	.bg-w2         { width:100%; padding-bottom: 100px; background: url('../img/bg_watashi3_sp.png') top 300px center / 100% no-repeat; }
	.bg-watashi2 .inner,
	.bg-w2 .inner  { width:100%; padding-bottom: 100px; background: url('../img/process_img2.png') top 100px left 5% / 100px 127px no-repeat; }
	*/
}
.top-block-header {
	/*
	display: none;
	*/
	text-align: center;
	margin-bottom: 2em;
	position: relative;
}
.top-block .ttl_box {
	margin: auto;
	z-index: 4;
	/*  position: absolute; */
	/*  right: -54px; */
}
.top-message {
	position: relative;
	width: 100%;
	text-align: center;
	z-index: 4;
	margin-bottom: 2em;
	line-height: 2.75em;
	letter-spacing: .75em;
}
.top-img-new,
.top-img-new-sp {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 1;
}
.top-img-new-sp {
	padding: 2em;
}
.top-img-new-sp5 {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 1;
	padding: 2em 0 ;
}
.top-main {
	max-width: 840px !important;
	margin: auto;
}
/* 丸画像配置 */
.top-1 {
	position: relative;
	height: 100vh;
}
.top-1 img {
	position: absolute;
}
/* 中央：大 */
.top-img1 {
	z-index: 1;
	width: 50%;
	right: 15%;
	top: 5%;
	min-width: 480px;
}
/* 左下：中 */
.top-img2 {
	z-index: 4;
	width: 25%;
	left: 0;
	top: 30%;
	min-width: 250px;
}
/* 中央下：小 */
.top-img3 {
	z-index: 5;
	width: 20%;
	left: 30%;
	top: 70%;
	min-width: 200px;
}
/* 左上：文 */
.top-img4 {
	z-index: 3;
	width: 30%;
	left: 10%;
	top: 0;
	min-width: 300px;
}
/* 右：透かし */
.top-img5 {
	z-index: 5;
	width: 20%;
	right: 0;
	top: 10%;
	min-width: 160px;
}

.top-link {
	position: relative;
	z-index: 5;
	text-align: right;
}
.top-link a {
	display: inline-block;
}
.top-link a img {
	width: 100%;
	width: 100px;
}
.go-concept {
	position: absolute;
	right: 5%;
	top: 70%;
}
.inner.go-gallery-block {
	padding: 0;
}
.top-1.go-gallery-block {
	height: 200px;
}
.go-gallery {
	/*  margin-top: 2em; */
	position: absolute;
	right: 5%;
}
@media screen and (min-width: 768px){
	.top-1 .txt_box {
		position: absolute;
		top: 0;
		left: 10%;
	}
	.top-1 .txt_box * {
		text-align: left;
	}
}
@media screen and (max-width: 1200px){
	.go-concept, .go-gallery {
		right: 20%;
	}
}
@media screen and (max-width: 1024px){
	.top-1 {
		height: 700px;
	}
	.top-img1 {
		min-width: 360px;
	}
	.go-concept {
		top: 90%;
	}
	.go-concept, .go-gallery {
		right: 20%;
	}
}
@media screen and (max-width: 768px){
	.go-concept {
		top: 80%;
	}
	.catalog {
		margin-top: 0 !important;
	}
	.bg-top,
	.bg-t {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 767px){
	.top-block-header {
		display: block;
	}
	.top-1 {
		height: 700px;
		overflow: hidden;
	}
	.top-1.inner {
		padding-top: 40px;
	}
	.top-img1 {
		top: 200px;
		left: 0;
		min-width: 240px;
	}
	.top-img2 {
		left: unset;
		right: 0;
		top: 400px;
		min-width: 150px;
	}
	.top-img3 {
		top: 460px;
		min-width: 130px;
		left: 0;
	}
	.top-img4 {
		display: none;
	}
	.top-img5 {
		right: 0;
		top: 200px;
		min-width: 100px;
	}
	.go-concept {
		top: 600px;
		right: 62%;
	}
	.top-1.go-gallery-block img {
		position: relative !important;
	}
	.go-gallery {
		text-align: center;
		position: relative;
		right: auto;
	}
	.bg-w1 {
		padding-bottom: 60px;
		background: url(../img/bg_watashi_sp_new02.png) top 65vh center / 100% no-repeat;
	}
	.bg-w2 {
		margin-top: -40px;
		background: url(../img/bg_watashi2_sp02.png) bottom 300px center / 100% no-repeat;
	}
}

/* カタログ */
.catalog .top-block-header {
	display: block;
}
.catalog {
	display: block;
	position: relative;
	/*  margin-top: 100px; */
}
.catalog .inner {
	padding-top: 0;
}
.catalog .content-header {
	padding: 0 3em;
	text-align: right;
	height: 100px;
	z-index: 3;
}
.catalog .catalog_box {
	/*  top: -110px; */
	display: flex;
	position: relative;
}
.catalog .catalog_box .wave {
	width: 100%;
	height: auto;
	display: block;
	position: absolute;
	top: -1px;
	z-index: 2;
}
.catalog-photo {
	top: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.catalog-photo1 {
	width: 50%;
}
.catalog-photo2 {
	width: 30%;
}
.catalog-photo3 {
	width: 20%;
}
.catalog-photo li {
	width: 100%;
}
.catalog-photo1 li:nth-child(2) {
	width: 50%;
}
.catalog-photo1 li:nth-child(3) {
	width: 50%;
}
.catalog-photo2 li:nth-child(1) {
	width: 50%;
}
.catalog-photo2 li:nth-child(2) {
	width: 50%;
}
.catalog-photo li a {
	display: block;
	overflow: hidden;
	position: relative;
}
.catalog-photo li a:before {
	content: "";
	padding-top: 30%;
	display: block;
}
.catalog-photo1 li:nth-child(2) a:before {
	padding-top: 40%;
}
.catalog-photo1 li:nth-child(3) a:before {
	padding-top: 40%;
}
.catalog-photo2 li a:before {
	padding-top: calc(250% / 3 / 2);
}
.catalog-photo2 li:nth-child(1) a:before {
	padding-top: calc(250% / 3);
}
.catalog-photo2 li:nth-child(2) a:before {
	padding-top: calc(250% / 3);
}
.catalog-photo3 li a:before {
	padding-top: 125%;
}
.catalog-photo li a img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.catalog-photo1 li:nth-child(2) a img {
	width: 100%;
}
.catalog-photo1 li:nth-child(3) a img {
	width: 100%;
}
.catalog-photo2 li:nth-child(1) a img {
	width: 150%;
}
.catalog-photo2 li:nth-child(2) a img {
	width: 150%;
}
.catalog-photo2 li:nth-child(3) a img {
	width: 100%;
}
.catalog-photo3 li a img {
	width: 100%;
}
.catalog-photo a .mask {
	width:      100%;
	height:     100%;
	position:   absolute;
	top:      0;
	left:     0;
	opacity:    0;
	background-color: rgba(255,255,255,0.7);  /* マスクは半透明 */
	-webkit-transition: all 0.2s ease;
	transition:   all 0.2s ease;
	text-align: center;
}
.catalog-photo a:hover .mask {
	opacity:    1;
}
.catalog-photo a .caption {
	text-align:     center;
	padding-top:    80px;
	color:      #000;
}

.catalog-photo a .mask {
	display: flex;
	align-items: center;
}
.catalog-photo a .mask.C1,
.catalog-photo a .mask.C2 {
	align-items: flex-end !important;
}
/*
.catalog-photo a .mask.L1 .ttl_box  { padding-top: 100px; }
.catalog-photo a .mask.L2 .ttl_box  { padding-top: 50px; }
.catalog-photo a .mask.L3 .ttl_box  { padding-top: 50px; }

.catalog-photo a .mask.C1 .ttl_box  { padding-top: 120px; }
.catalog-photo a .mask.C2 .ttl_box  { padding-top: 120px; }

.catalog-photo a .mask.R1 .ttl_box  { padding-top: 180px; }
*/

.catalog-photo a .mask .ttl_box {
	position: relative;
	display: inline-block;
	margin: 1rem auto;
	width: auto;
	text-align: center;
	/*  padding-top: 80px; */
	color:#000;
	line-height: 1.5em;
}
.catalog-photo a .mask .ttl_box .main_ttl {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	letter-spacing: 0.5em;
	padding: 0 0.5rem 0 1.5rem;
	font-weight: normal !important;
}
.catalog-photo a .mask .ttl_box .ttl_underline {
	position: relative;
	display: inline-block;
	top: -0.7em;
	width: 100%;
	height: 1em;
	border: 1px solid #000;
	border-width: 0 1px 1px;
	margin-bottom: 0;
}
.catalog-photo a .mask .ttl_box .more {
	position: relative;
	top: -0.7em;
	margin: auto;
	width: 70%;
	font-size: 11px;
	line-height: 1.5em;
	background-color: #fff;
	border-radius: 5px;
}

/* カタログ スマホ */
.catalog_box_sp {
	width: 100%;
	position: relative;
	display: none;
}
.catalog_box_sp .wave {
	width: 100%;
	height: auto;
	display: block;
	position: absolute;
	top: -1px;
	z-index: 2;
}
.catalog-sp-wrap {
	display: flex;
	flex-direction: column;
}
.catalog-sp-wrap a {
	display: block;
	height: 100%;
}
.catalog-sp-1 {
	display: flex;
	justify-content: space-between;
	height: 220px;
}
.catalog-sp-1a {
	display: flex;
	flex-direction: column;
	width: 70%;
	/*  background: #ccc; */
}
.catalog-sp-1b {
	display: block;
	width: 30%;
	height: 220px;
	/*  background: #0f0; */
}
.catalog-sp-2 {
	display: flex;
	justify-content: space-between;
}
.catalog-sp-1a-1 {
	width: 100%;
	height: 120px;
	/*  background:  #f00; */
}
.catalog-sp-1a-2 {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.catalog-sp-1a-2 a:nth-child(1) {
	width: 60%;
	height: 100px;
	/*  background: #ff0; */
}
.catalog-sp-1a-2 a:nth-child(2) {
	width: 40%;
	height: 100px;
	/*  background: #00f; */
}
.catalog-sp-2 a:nth-child(1) {
	width: 50%;
	height: 120px;
	/*  background: #0ff; */
}
.catalog-sp-2 a:nth-child(2) {
	width: 30%;
	height: 120px;
	/*  background: #f90; */
}
.catalog-sp-2 a:nth-child(3) {
	width: 20%;
	height: 120px;
	/*  background: #f0f; */
}

@media screen and (max-width: 1200px){
	.catalog-photo a .mask .ttl_box .main_ttl {
		font-size: 11px;
		letter-spacing: 0;
		padding-right: 1em;
	}
	.catalog-photo a .mask .ttl_box .more {
		font-size: 9px;
	}
}
@media screen and (max-width: 1024px){
	.catalog-photo a .mask .ttl_box .main_ttl {
		font-size: 10px;
	}
	.catalog-photo a .mask .ttl_box .more {
		font-size: 8px;
	}
}
@media screen and (max-width: 768px){
	.catalog .inner {
		padding-bottom: 0;
	}
	.catalog .catalog_box {
		display: none !important;
	}
	.catalog_box_sp {
		display: block;
	}
}
@media screen and (max-width: 767px){
	.catalog {
		margin-top: 0;
	}
}

/**
 *    プロセス
 */
.content-header {
	position: relative;
}
.content-header .ttl_box {
	position: relative;
	display: inline-block;
	margin: 0 auto 1rem;
	width: auto;
}
.content-header .main_ttl {
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	letter-spacing: 0.5em;
	padding: 0 0.5rem 0 1.5rem;
}
.content-header .main_ttl.ttl_thin {
	font-weight: normal !important;
}
.content-header h2.main_ttl {
	font-size: 14px;
}
.content-header .ttl_underline {
	position: absolute;
	left: 0;
	top: 1.3em;
	display: inline-block;
	width: 100%;
	height: 1em;
	border: 1px solid #000;
	border-width: 0 1px 1px;
}
.content-header .ttl_underline2 {
	top: 1.2em;
}
@media only screen and (max-width: 1160px) {
	.content-header .ttl_box {

	}
}
/* 図配置 */
.process-inner {
	position: relative;
	padding-top: 40px;
	height: 100vh;
}
.process-inner .for-pc img {f
}
/* 背景 */
.process-img1 {
	position: absolute;
	z-index: 1;
	width: 15%;
	right: 0;
	top: 5%;
	min-width: 200px;
}
/* 図 */
.process-img2 {
	position: relative;
	z-index: 2;
	width: 95%;
}
.process-flow-sp {
	padding-top: 2em;
	width: 90%;
	margin: auto;
}
.process-flow-sp figure {
	text-align: center;
}
.process-flow-sp figure img {
	width: 100%;
	max-width: 480px;
	margin: auto;
}
.process-step {
	display: flex;
	padding: 1.5em;
}
.process-step-img {
	width: 40px;
}
.process-step-img img {
	width: 100%;
	height: auto;
}
.process-step .process-text {
	box-sizing: border-box;
	width: 90%;
	padding: 0 1em 1em;
}
.process-step .process-ttl {
	display: block;
	font-size: 18px;
	font-weight: bold;
}
.process-link-house {
	position: absolute;
	width: 6.5%;
	max-width: 80px;
	min-width: 60px;
	max-height: 98px;
	display: block;
	z-index: 9;
	left: 26%;
	top: 18%;
}
.process-link-house img {
	width: 100%;
	height:auto;
}
.process-map img,
.process-map-sp img {
	width: 100%;
}
.for-pc.process-map {
    margin-top: -65px;
}
.for-sp.process-map-sp {
    margin-top: -20px;
}
@media only screen and (min-width: 1200px) {
	.process-inner {
		width: 1080px !important;
	}
}
@media only screen and (max-width: 768px) {
	.process-inner {
		padding-top: 20px;
		height: auto;
	}
	.process-link-house {
		top: 18%;
	}
	.process-map-sp {
		margin-top: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.process-link-house {
		top: 11%;
		left: unset;
		right: 6%;
	}
}
@media only screen and (min-width: 769px) and (max-width:1024px){
	.process-link-house {
		top: 12%;
	}
}

/**
 *    作品一覧
 */
.gallery-inner {
	position: relative;
}
.gallery-block {
	position: relative;
	z-index: 3;
}
.gallery-block .content-header {
	text-align: center;
	margin-bottom: 80px;
}
.gallery-list ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.gallery-list ul li {
	display: block;
	width: 30%;
	margin-bottom: 80px;
	margin-right: 5%;
}
.gallery-list ul li:nth-child(3n) {
	margin-right: 0;
}
.gallery-list ul li a {
	display: block;
	width: 100%;
}
.gallery-list ul li a img {
	width: 100%;
	height: auto;
}
.gallery-list ul li a {
	overflow:   hidden;
	position:   relative;
}
.gallery-list ul li a .caption {
	text-align:     center;
	padding-top:    80px;
	color:      #fff;
}
.gallery-list ul li a .mask {
	width:      100%;
	height:     100%;
	position:   absolute;
	top:      0;
	left:     0;
	opacity:    0;
	background-color: rgba(0,0,0,0.4);  /* マスクは半透明 */
	-webkit-transition: all 0.2s ease;
	transition:   all 0.2s ease;
}
.gallery-list ul li a:hover .mask {
	opacity:    1;
}
.gallery-img1 {
	position: absolute;
	width: 20%;
	right: -100px;
	top: 20%;
	min-width: 150px;
	z-index: 2;
}
.gellery-img1 img {
	width: 100%;
}
@media screen and (max-width: 767px) {
	.gallery-list ul {
		flex-direction: column;
	}
	.gallery-list ul li  {
		width: 100%;
	}
	.gallery-img1 {
		position: absolute;
		width: 20%;
		right: 0;
		top: 5%;
		min-width: 100px;
		z-index: 2;
	}
}


/**
 *    コンセプト
 */
.concept-inner {
	position: relative;
}
.concept-block {
	display: flex;
	flex-direction: column;
}
.concept-columns {
	display: flex;
	justify-content: space-between;
}
.concept-columns:not(:last-child) {
	margin-bottom: 110px;
}
.concept-columns-reverse {
	flex-direction: row-reverse;
}
.concept-body img {
	width: 100%;
	height: auto;
}
.concept-text,
.concept-img {
	width: 48%;
}
.concept-text {
	z-index: 3;
}
.concept-img {
	z-index: 1;
}
.concept-columns-1 .concept-text {
	width: 60%;
	padding-right: 5%;
}
.concept-columns-1 .concept-img {
	width: 40%;
}
.concept-img img {
	width: 95%;
	height: auto;
}
.concept-img-circle img {
	width: 75%;
	height: auto;
}
.concept-img-flower {
	padding-top: 3em;
}
.concept-img-flower img {
	width: 90%;
}
.concept-text .content-header {
	margin-bottom: 1em;
}
.concept-text p {
	margin-bottom: 1.5em;
	letter-spacing: 0.25em;
}
.concept-text-p2 {
}
.concept-img1 {
	position: absolute;
	width: 10%;
	right: 0;
	top: 35%;
	min-width: 100px;
	z-index: 2;
}
.concept-img1 img {
	width: 100%;
}
.facile-fleur {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.1em !important;
}
.concept-body.for-sp figure:nth-child(2) {
	margin-top: 40px;
}
.concept-text {
	font-size:14px;
}
.concept-text p {
	margin-bottom: 40px;
}
.concept-text p:last-child {
	margin-bottom:0;
}
.concept-columns-2 .concept-text {
	width:46%;
}
.concept-columns-2 p.facile-fleur{
	margin-bottom:25px;
	font-size:15px;
}
.concept-1-left {
	width:58%;
	padding-right:60px;
}
.concept-img-circle {
	width:42%;
}
.concept-img-circle img {
	width: 100%;
} 
.concept-img-flower {
	width:50%;
	padding-top:20px;
	text-align:center;
}
@media screen and (min-width: 1024px){
	.concept-inner {
		/* width: 910px !important; */
	}
}
@media screen and (max-width: 1024px){
	.facile-fleur .for-sp {
		display: block;
	}
	.concept-img1 {
		top: 30%;
	}
}
@media screen and (max-width: 767px){
	.concept-inner {
		/* padding-top: 60px !important; */
	}
	.concept-columns {
		padding: 0 1em;
		flex-direction: column;
	}
	.concept-text,
	.concept-img {
		width: 100%;
	}
	.concept-columns-1 .concept-text {
		width: 100%;
		padding-right: 0;
	}
	.concept-text p {
		padding: 0 0.5em;
		font-size: 13px;
		text-align: center;
	}
	.concept-img {
		text-align: center;
	}
	.concept-img-circle figure {
		width: 70%;
		margin: auto;
	}
	.concept-img1 {
		top: 10%;
		right: 10%;
		min-width: unset;
		display: none;
	}
	.facile-fleur {
		text-align: center;
		font-size: 13px;
	}
	.concept-img-circle-sp {
		width: 90%;
		height: auto;
		margin: -50px auto 2em;
	}
	.concept-text p {
		margin-bottom: 2em;
	}
	.concept-columns-2 .concept-text {
		width:100%;
	}
	.concept-1-left {
		width:100%;
		padding-right:0;
	}
	.concept-img-circle {
		width:100%;
		display:none;
	}
	.concept-img-flower {
		width:80%;
		margin:auto;
		padding-top:20px;
		text-align:center;
	}
	.concept2 main {
		background: url(../img/bg_concept_sp2.png) top 800px center / 100% no-repeat;
	}
	.bg-concept2 {
		background: none;
	}
}

/**
 *    私について
 */
.watashi-body {
	width: 100%;
}
.watashi-body img {
	width: 100%;
}
.watashi-body3 {
	margin-left: -100px;
	padding-right: 100px;
}
.watashi-inner {
	position: relative;
}
.watashi-block {
	display: flex;
	flex-direction: column;
}
.watashi-columns {
	display: flex;
	justify-content: space-between;
}
.watashi-columns-1 {
	padding-bottom: 140px;
}
.watashi-columns-2 {
	padding-bottom: 170px;
}
.watashi-columns-reverse {
	flex-direction: row-reverse;
}
.watashi-columns .watashi-text,
.watashi-columns .watashi-img {
	width: 48%;
}
.watashi-block1 .watashi-columns:nth-child(1) .watashi-text {
	width: 65%;
}
.watashi-block1 .watashi-columns:nth-child(1) .watashi-img {
	width: 35%;
	padding-right: 1em;
}
.watashi-block1 .watashi-columns:nth-child(2) .watashi-text {
	width: 50%;
	padding-right: 1em;
}
.watashi-block1 .watashi-columns:nth-child(2) .watashi-img {
	width: 48%;
}
.watashi-block1 .watashi-columns:nth-child(2) {
	margin-bottom: 0;
}
.watashi-img.watashi-img-circle2 img {
	/* width: 63%; */
}
.watashi-img.watashi-img-camera img {
	margin-top: 140px;
}
/*
.watashi-block2 .watashi-columns1 .watashi-text {
	width: 55%;
}
.watashi-block2 .watashi-columns1 .watashi-img {
	width: 45%;
}
*/
.watashi-text {
	z-index: 3;
	line-height: 2.5em;
}
.watashi-text .wh {
	font-size: 14px;
}
.watashi-text .wh > span {
	font-size: 22px;
}
.watashi-block2 .watashi-text {
}
.watashi-text p {
}
.watashi-text .my-history li {
	padding-left: 0;
	margin-left: 0;
}
.watashi-text .my-history li .year {
	display: inline-block;
	margin-right: 2em;
}
.watashi-text .work-ul {
	list-style-type: disc;
	padding-left: 2em;
}
.watashi-text .my-history-p {
	text-align: justify;
	text-align-last: justify;
	width: 18em;
	line-height: 1.8;
	font-size: 14px;
	margin-top: 1em;
}

.watashi-img {
	z-index: 1;
}
.watashi-img img {
	width: 100%;
	height: auto;
}
.watashi-text .content-header {
	margin-bottom: 1em;
}
.watashi-img1 {
	position: absolute;
	width: 10%;
	right: 0;
	top: 5%;
	min-width: 100px;
	z-index: 2;
}
.watashi-img2 {
	position: absolute;
	width: 140px;
	left: 0;
	bottom: 150px;
	z-index: 2;
}
.watashi-img1 img,
.watashi-img2 img {
	width: 100%;
}
.watashi-block2 .watashi-img {
	width: 280px;
	padding-top: 170px;
}
.watashi-img3,
.watashi-img4 {
	position: absolute;
}
.watashi-img3 {
	width: 260px;
	bottom: 40px;
	left: 25%;
}
.watashi-img4 {
	width: 180px;
	bottom: 0;
	left: 60%;
}
.my-name {
	font-size: 18px;
	margin-bottom: 1em;
}
.my-name .en {
	display: inline-block;
	margin-left: 2em;
	font-size: 12px;
}
.my-fun {
	font-size: 16px;
	padding: 0.5em 0 0.5em 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #000;
	letter-spacing: .375em;
}
.my-fun-text p {
	padding-left: 1em;
	margin-bottom: 1em;
}
.my-fun-text p:first-child {
	margin-bottom: 2em;
}
.watashi-columns-1 {
    background: url(../img/watashi_img1.png) bottom 80px right / 140px no-repeat;
}
.watashi-columns .watashi-img {
    width: 320px;
}
.my-name {
	font-size: 20px;
	margin-bottom:2.2em;
}
.my-name .en {
	font-size: 11px;
}
.my-history {
	font-size: 14px;
	line-height: 2em;
}
.watashi-text .wh {
	margin-top: 1em;
	font-size: 16px;
}
.watashi-text .wh span {
	font-size: 14px;
}
.watashi-text .work-ul {
	font-size: 14px;
}
.watashi-text .work-ul li {
	margin-left: 1.5em;
}
@media only screen and (min-width: 1025px) {
	.watashi-inner {
		position: relative;
		width: 980px !important;
	}
	.watashi-columns .watashi-text-2 {
		width: 50%;
		padding-left: 7.5%;
	}
	.watashi-text.watashi-text-1 {
	    width: 620px;
	}
	.watashi-text.watashi-text-2 {
		padding-left: 7.5%;
	}
	.watashi-columns .watashi-img-circle2 {
		width: 500px;
		margin-right: -80px;
	}
}
@media screen and (max-width: 1024px){
	.inner.watashi-inner {
		padding-bottom: 0;
	}
	.watashi-block1 .watashi-columns,
	.watashi-block2 .watashi-columns {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.watashi-columns .watashi-text.watashi-text.watashi-text-2 {
		width: 50%;
	}
	.watashi-columns .watashi-img.watashi-img-circle2 {
		width: 47.5%;
	}
	.watashi-columns .watashi-text {
		width: 65%;
	}
	.my-name .for-sp {
		display: block;
	}
	.watashi-img1 {
		top: 5%;
		min-width: 100px;
		display: none;
	}
	.watashi-columns {
		padding-bottom: 40px;
	}
	.watashi-columns-2 {
		padding-bottom: 200px;
	}
	.watashi-block2 .watashi-img {
		padding-top: 0;
	}
	.watashi-img3 {
		width: 200px;
	}
	.watashi-img4 {
		width: 160px;
	}
	.watashi-columns .watashi-img {
		width: 30%;
	}
}
@media screen and (max-width: 767px){
	.inner {
		width: 90%;
	}
	.my-history li span {
		/*  display: block; */
	}
	.watashi-text .my-history li .year {
		margin-right: 1em;
	}
	.watashi-text {
		font-size: 12px;
		letter-spacing: 0.15em;
	}
	.my-history,
	.my-history-p {
		letter-spacing: 0;
	}
	.watashi-columns .watashi-text,
	.watashi-columns .watashi-text.watashi-text.watashi-text-2,
	.watashi-columns .watashi-img.watashi-img-circle2 {
		width: 100%;
	}
	.watashi-text p {
		display: flex;
		flex-direction: column;
		margin: 1em 0;
	}
	.my-name .en {
		margin-left: 0;
	}
	.watashi-text .my-history,
	.watashi-text .my-history li,
	.watashi-text .my-history-p {
		font-size: 12px;
	}
	.watashi-text .my-history-p {
		margin: 1em auto 0;
	}
	.my-name,
	.watashi-columns .watashi-img.watashi-img-circle2,
	.watashi-img.watashi-img-camera img {
		margin-top: 2em;
	}
	.watashi-columns.watashi-columns-2 {
		padding-bottom: 0;
		text-align: center;
	}
	.watashi-img2 {
		width: 80px;
		top: 70px;
		bottom: unset;
	}
	.watashi-img3 {
		position: unset;
		margin: 1em auto 0 1em;
	}
	.watashi-img4 {
		position: unset;
		margin: 2em 2em 0 auto;
	}
	.watashi-columns .watashi-img,
	.watashi-block1 .watashi-columns:nth-child(2) .watashi-img,
	.watashi-block1 .watashi-columns:nth-child(1) .watashi-img {
		width: 70%;
		padding-right: 0;
	}
	.watashi-columns {
		padding: 0 1em 4em;
		flex-direction: column;
	}
	.watashi-text {
		line-height: 2em;
	}
	.my-history {
		margin-top: 1.5em;
		line-height: 1.8em;
	}
	.my-history li {
		margin-bottom: 0.5em;
	}
	.watashi-columns-1-2 {
		padding-bottom: 180px;
	}
	.watashi-columns .watashi-img.watashi-img-circle2-sp {
		width: 100%;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.my-fun {
		line-height: 1.5em;
	}
	.watashi-columns2 {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.watashi-columns1 .watashi-img,
	.watashi-columns2 .watashi-img {
		width: 100%;
	}
	.watashi-columns1 .watashi-img figure,
	.watashi-columns2 .watashi-img figure {
		width: 100%;
	}
	.watashi-img.watashi-img-camera img {
		width: 95%;
	}
	.watashi-img-camera-sp {
		width: 80%;
		height: auto;
		margin: 2em auto;
	}
	.watashi-block2 .watashi-text {
		text-align: center;
	}
	/*
	.watashi-text,
	.watashi-img {
		width: 100%;
	}
	.watashi-text p {
		padding: 0 1.5em;
	}
	.watashi-img {
		text-align: center;
	}
	.watashi-img1 {
		top: 10%;
		right: 10%;
		min-width: unset;
	}
	*/
	.watashi-columns .watashi-img {
	    width: 45%;
	}
	.watashi-columns .watashi-img-circle2 {
		width: 100%;
	}
	.watashi-columns-1 {
		background: url(../img/watashi_img1.png) top 120px right 10px / 80px no-repeat;
	}
	.watashi-text .wh {
		font-size: 14px;
	}
	.watashi-text .work-ul {
		font-size: 12px;
		padding-left: 1em;
	}
}
@media screen and (min-width: 768px){
	.my-fun {
	}
}

/**
 *    スライダー
 */
.example-slider {
	margin-bottom: 80px;
}
li.slick-slide {
	padding: 0 10px;
}
.slick-slide img {
	/*
	width: 100%;
	height: 47.677vw;
	object-fit: cover;
	*/
}
/* 縦長 */
/*
.example-slider .slick-slide img {
	width: auto;
	height: 100%;
	max-height: 100%;
	height: 49vw;
	margin: auto;
}
/*
.example-slider .slick-slide img {
	display: none;
}
.example-slider .slick-active img {
	display: block;
}
*/
.example-slider-thumb img {
	width: 100%;
	height: auto;
	/*  height: 8.1vw; */
	object-fit: cover;
}
.example-slider li {
	position: relative;
}
.example-slider .before {
	display: block;
	position: absolute;
	bottom: 3%;
	right: 3%;
	width: 15%;
	height: auto;
	background-color: #fff;
	border: 5px solid #fff;
	box-shadow: 8px 8px 2px 1px rgba(0, 0, 0, .5);
	z-index: 3;
	transition: 1s;
	-webkit-transition: 1s;
	transform-origin: right bottom;
	text-align: center;
}
.example-slider .before span {
	display: inline-block;
	font-size: 11px;
	color: #000;
	padding: 0.5em 0;
	padding: 0;
	line-height: 1.1em !important;
}
.example-slider .before div {
	font-size:  10px;
	line-height: 1rem;
	padding-top: 3px;
}
.example-slider .before img {
	width: 100%;
	height: auto;
}
.example-slider .before.zoom {
	transform: scale(1.8);
}
.detail-info {
	margin-top: 80px;
}
.detail-info table {
	border-collapse: collapse;
	width: 100%;
}
.detail-info table td {
	vertical-align: top;
	font-size: inherit;
	padding: 0.5em 1em;
}
.detail-info table td.detail-name {
	width: 30rem;
	font-weight: bold;
	border-right: 1px solid #000;
}
.detail-info table td.detail-spec {
	width: 14em;
}
.detail-info table td.detail-text {
}

@media screen and (max-width: 767px) {
	.detail .inner {
		width: 90%;
	}
	.example-slider {
		margin-bottom: 40px;
	}
	.detail-info table td.detail-name,
	.detail-info table td.detail-spec {
		border-right: 0px;
		width: 100%;
	}
	.detail-info table td {
		display: block;
		width: 100%;
	}
	.detail-info table td {
		border-bottom: 1px solid #000;
		padding: 1.5em 1em;
		font-size: 12px;
	}
	.example-slider .before {
		right: 5%;
		width: 30%;
	}
	.example-slider .before span {
		font-size: 12px;
		padding: 0;
	}
	.example-slider .before div {
		font-size:  9px;
		line-height: 1rem;
		padding-top: 3px;
		background-color: #fff;
	}
	.example-slider .before.zoom {
		transform: scale(1.5);
	}
	.example-slider .slick-next,
	.example-slider .slick-prev {
		display: none !important;
	}
}

/**
 *    お問い合わせ
 */
.mw_wp_form .btn {
	padding: 0.5em 2em;
	display: inline-block;
	font-weight: bold;
	color: #000;
	background-color: #d5e3ce;
	border: 1px solid #d5e3ce;
	border-radius: 5px;
	position: relative;
	box-sizing: border-box;
}
.mw_wp_form .btn:hover {
	opacity: 0.6;
}
.mw_wp_form_completemw_wp_form_complete {
	text-align: center;
}
.contact-inner {
	position: relative;
}
.contact-img1 {
	position: absolute;
	z-index: 1;
	width: 10%;
	right: 0;
	top: 5%;
	min-width: 100px;
}
.contact-text {
	/*  max-width: 65%; */
	text-align: center;
	margin: auto;
	margin-bottom: 2em;
	position: relative;
	z-index: 3;
}
.contact-form {
	position: relative;
	z-index: 3;
	width: 80%;
	margin: auto;
}
.contact-intro {
	width: 100%;
	color: #f00;
	text-align: right;
	font-size: 12px;
	padding: 0 1.5em;
}
.form-privacy {
	margin: 2em 0;
	font-size: 11px;
	line-height: 1.5em;
	text-align: center;
	width: 100%;
}
.form-table {
	width: 100%;
	border-collapse: separate;
	background-color: #fff;
	padding: 0.5em 1.5em 1.5em;
}
.form-table .btn {
	min-width: 8em;
}
.form-table input {
	position: relative;
	top: -2px;
	line-height: 2em;
}
.form-table lavel {
	margin-right: 2em;
}
.form-table input[type="radio"] {
	margin-right: 1em;
}
.form-table input[type="text"],
.form-table input[type="tel"],
.form-table input[type="email"],
.form-table textarea {
	padding: 0.5em 1em;
	font-size: 16px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #fff;
	width: 100%;
}
.form-table input[name="zipcode"] {
	width: 10em;
}
.form-table input[name="phone"] {
	/* width: 16em; */
}
.form-table .limit3 {
	color: #f00;
}
.form-table label {
	margin-right: 2em;
	white-space: nowrap;
}
.form-table th {
	text-align: left;
	font-weight: normal;
	width: 12em;
	box-sizing: border-box;
}
.form-table tr:last-child th {
	vertical-align: top;
}
.form-table td {
	padding: 1em;
	box-sizing: border-box;
}
.form-table label {
	margin-bottom: 1em;
	display: inline-block;
}
.required {
	display: inline-block;
	color: #f00;
	width: 20px;
}
.check-privacy,
.submit-area {
	text-align: center;
}
.submit-area {
	display: flex;
	justify-content: center;
}
.btn-back,
.btn-send,
.btn-confirm {
	font-size: 14px;
}

.btn-back {
	margin-top: 40px;
	margin-right: 1em;
	padding: 16px 80px;
	display: inline-block;
	background-color: #aaa;
	border-color: #aaa;
}

form input[type="text"],
form textarea {
	font-family : inherit;
	font-size : 100%;
}
/*
.agree {
margin: 60px 40px 20px;
padding: 20px 40px;
max-height: 300px;
border: 1px solid #ccc;
background-color: #fff;
overflow-y: scroll;
}
.agree .privacy-update {
margin-top: 3em;
text-align: right;
}
.agree h2, .agree h3 {
	font-size:  16px;
}
.mw_wp_form_confirm .agree {
	display: none;
}
*/
button[type="submit"]:disabled {
	color: #666;
	cursor: not-allowed;
	border-color: #ccc;
	background: #ccc;
}
button[type="submit"]:disabled::after {
	display: none !important;
}
@media screen and (max-width: 1024px) {
	.contact-form {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.contact-text {
		font-size: 12px;
	}
	.contact-form,
	.contact-text {
		width: 100%;
		max-width: 100%;
	}
	.form-table {
		padding: 0.3em;
	}
	.form-table th,
	.form-table td {
		display: block;
		padding: 0 0 0.5em;
		font-size: 12px;
	}
	.contact-img1 {
		position: absolute;
		z-index: 1;
		width: 15%;
		right: 0;
		top: 5%;
		min-width: 100px;
		display: none;
	}
}

/**
 *    パンくず
 */
.pankz{
	margin: 4rem auto;
	margin-left: 0 !important;
	list-style: none !important;
	display: flex;
	flex-wrap: wrap;
}
.pankz li{
	margin-right: 1.5rem;
}
.pankz li::after{
	content: ">";
	margin-left: 1.5rem;
}
.pankz li:last-child::after{
	content: "";
}

/**
 *    ページナビ
 */
.wp-pagenavi {
	margin-top: 3rem;
	display: flex;
	justify-content: center;
}
.wp-pagenavi .pages {
	display: none;
}
.wp-pagenavi a,
.wp-pagenavi span,
.wp-pagenavi .page {
	margin: 0 10px;
	background-color: #fff;
	border: none;
	text-decoration: none;
	line-height: 24px !important;
	box-sizing: border-box;
}
.wp-pagenavi span,
.wp-pagenavi .page {
	padding: 0.2em 1rem 0.2em;
	border: 1px solid #000;
}
.wp-pagenavi span.current {
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	background-color: transparent;
	font-size: 24px;
	color: #000;
}
.wp-pagenavi .extend {
	display: none;
}

@media screen and (max-width: 767px) {
	.wp-pagenavi span,
	.wp-pagenavi .page {
		padding: 0.3rem 0.6rem;
		margin: 0 5px;
	}
}