/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ ベース設定 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
body{-webkit-text-size-adjust: 100%;}
html{
	color: #000;
	font-size: 16px;
	line-height: 2;
	/*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;*/
	/*font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;*/
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	/* font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana",sans-serif; */
		font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;

	-webkit-text-size-adjust: 100%;
}
a{
	color: #000;
	display: block;
}
#wrapper{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
section,
.section{
	width: 100%;
	height: auto;
	position: relative;
}
.container{
	width: 100%;
	max-width: 650px;
	margin: 0 auto;
	padding:0 1.5rem;
}
.is_pc{display: none;}
.is_hidden_tab{display: none;}
:root{
	--gold_o: #f0ede6;
	--gold_t: #f6f3eb;
	--gold: #e4c96a;
	--gold_d: #c8bb8d;
}
.objectCover {
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%; 
	font-family: 'object-fit: cover;object-position: 50% 50%;'
}
.objectContain {
	width:100%;
	height: 100%;
	object-fit: contain;
	object-position: 50% 50%; 
	font-family: 'object-fit: contain;object-position: 50% 50%;'
}
.point_reader{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.inertia{
	-webkit-overflow-scrolling: touch;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ ベース設定 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 共通 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.mincho{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.subheading{
	margin-left:-1.5rem;
	/* padding-left: 3rem; */
	background: url(../images/common/subheading_bg.png) left top 0.25rem / 10rem auto no-repeat;
	text-align: right;
}
.subheading .subheading_ttl{
	font-size: 1.6rem;
	line-height: 1.5;
	letter-spacing: 0.15rem;
}
.subheading .subheading_ttl span{display: block;}
.subheading .subheading_ttl .sub_txt{
	font-size: 1rem;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.links{
	color: #fff;
	position: relative;
	padding:1rem 4rem;
	display: inline-block;
	z-index: 10;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.5;
}
.links::before{
	position: absolute;
	top:50%;
	left:50%;
	width: 100%;
	height: 100%;
	content:'';
	background: var(--gold_d);
	transform:translate(-50%,-50%) skewX(-12deg);
	transition: .3s;
	z-index: -1;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 共通 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ ナビ ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
header{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	z-index: 50000;
	transition:1s;
}
header.scroll{
	background: var(--gold_o);
}
.logo a{
	padding: 0.5rem 1rem;
	width: 15rem;
}
.logo a img{
	display: block;
}
.menu_open{
	width: 4rem;
	position: relative;
}
.menu_open span{
	position: absolute;
	top:50%;
	left:50%;
	background: var(--gold_d);
	width: 50%;
	height: 3px;
	transition: .3s;
}
.menu_open span:nth-of-type(1){transform:translate(-50%,-50%) translateY(8px);}
.menu_open span:nth-of-type(2){transform:translate(-50%,-50%);}
.menu_open span:nth-of-type(3){transform:translate(-50%,-50%) translateY(-8px);}
.menu_open.active span:nth-of-type(1){transform:translate(-50%,-50%) rotate(45deg);}
.menu_open.active span:nth-of-type(2){opacity: 0;}
.menu_open.active span:nth-of-type(3){transform:translate(-50%,-50%) rotate(-45deg);}

header nav{
	position: absolute;
	top:150%;
	left:100%;
	width: 90%;
	background: var(--gold_o);
	padding: 3rem 1.5rem;
	text-align: center;
	z-index: 30000;
	transition: .3s;
}
header::before{
	position: absolute;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.6);
	content:'';
	z-index: -10000;
	top:100%;
	opacity: 0;
	left:100%;
	transition: .3s opacity , 1s .3s left;
}
header.active nav{
	left:5%;
}
header.active::before{
	transition: 0s left, 1s opacity;
	opacity: 1;
	left:0;
}
header nav ul{
	position: relative;
	z-index: 10;
}
header nav a{
	border-bottom: 1px solid var(--gold_d);
	padding: 0.25rem 0;
	letter-spacing: 0.25rem;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ ナビ ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ フッター ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
footer{
	background: var(--gold_o);
	padding: 1rem 0 2rem;
}
.footer_in .item p{
	line-height: 1.5;
	margin:1rem 0 0;
	font-size: 0.9rem;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ フッター ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ トップ01 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.top01{
	/* background: url(../images/top/top01_02.jpg) center top /100% auto no-repeat; */
	/* height: 600px; */
	/* height: 190vw; */
	/* width: 100%; */
	/* display: flex; */
	/* align-items: flex-end; */
}
.top01 img{
	width:100%;
}
.top01 .link{ 
	width: 100%;
	padding: 0 1.5rem;
	margin:1rem 0 0;
}
.top01 .link a{
	font-size: 1.3rem;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.25rem;
	text-align: center;
	background: var(--gold_d);
	position: relative;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ トップ01 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ トップ02 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.top02{
	margin:4rem 0 6rem;
}
.top02 .box{ 
	margin: 2rem 0 6rem;
	position: relative;
}
.top02 .box::before{
	position: absolute;
	top:63%;
	left:50%;
	transform:translate(-50%,-50%) skewY(-8deg);
	content: '';
	background: #f6f3eb;
	width: 150%;
	height: 50%;
	z-index: -1;
}
.top02 .box .txt{
	position: absolute;
	font-style: italic;
	top:35%;
	left:-1rem;
	z-index: 10;
}
.top02 .box .txt p{
	position: relative;
	margin:0 0 1rem;
}
.top02 .box .txt p::before{
	position: absolute;
		bottom:0;
	right:0;
	content: '';
	background: var(--gold_d);
	width: 200%;
	height: 0.15rem;
	z-index: 1;
}
.top02 .box .txt h3{line-height: 1.5;}
.top02 .box .txt h3 .sub_txt{font-size: 1.2rem;}
.top02 .box .txt h3 .main_txt{font-size: 1.8rem;}
.top02 .box .img{
	text-align: right;
	position: relative;
}
.top02 .box .img img{
	width: 65%;
}
.top02 .box .img::before{
	position: absolute;
	top:1.5rem;
	right:-0.75rem;
	transform: skewY(-8deg);
	border:0.15rem solid var(--gold_d);
	width: 65%;
	height: 90%;
	content: '';
	z-index: -1;
}
.top02 .box .img a{
		color: #fff;
	position: absolute;
	top:110%;
	left:0;
	width: 100%;
	padding:0.5rem 2rem;
	z-index: 10;
	text-align: center;
	transform:skewY(-8deg);
	background: var(--gold_d);
	font-size: 1.2rem;
	font-weight: bold;
}
.top02_in.second{
	margin:2rem 0 0;
	display: flex;
	flex-direction: column-reverse;
}
.top02_in .txt{
	width:80%;
	transform:skewY(-8deg);
	margin:-7rem auto 0;
}
.top02_in .txt a{
	font-weight: bold;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 2rem 0;
}
.top02_in.first .txt a{
	background: rgba(200, 187, 141, .87);
	color: #fff;
}
.top02_in.second .txt a{
	background: rgba(240, 237, 230, .87);
}
.top02_in .txt a span{line-height: 1.5;}
.top02_in .txt a .main_txt{font-size: 1.2rem;}
.top02_in .txt a .sub_txt{
	font-size: 0.9rem;
	font-weight: normal;
	margin:0.5rem 0 0;
}
.top02_in .txt a .link_txt{
	margin:1rem 0 0;
	font-size: 1.2rem;
}
.top02_in.first .txt p{
	margin-top: 1rem;
	font-weight: bold;
	font-size: 1.2rem;
	line-height: 1.5;
	position: relative;
}
.top02_in.first .txt p::before{
	position: absolute;
	top:50%;
	left:85%;
	background: #000;
	content:'';
	width: 100%;
	height: 0.1rem;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ トップ02 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ トップ03 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.top03 .intro{
	text-align: center;
	margin:1rem 0;
}
.top03 .intro h3{
	color: var(--gold_d);
	font-size: 1.7rem;
}
.top03 .intro p.l_size{
	font-size: 1.1rem;
	margin:1rem 0 0.5rem;
}
.top03 .intro p{font-size: 0.9rem;}
.top03_in{
	margin:3rem 0 1.5rem;
	position: relative;
	padding:6.5rem 0 0;
	background-size: 80% auto, 35% auto;
	background-repeat: no-repeat;
}
.top03_in::before{
	position: absolute;
	top:50%;
	left:50%;
	z-index: -1;
	transform:translate(-50%,-50%);
	content:'';
	background: #f0ede6;
	width: 100%;
	height: 13rem;
}
.top03_in.first{
	background-image: url(../images/top/top03_01.png),url(../images/top/top03_04.png);
	background-position: left top,right 90%;
}
.top03_in.second{
	background-image: url(../images/top/top03_02.png),url(../images/top/top03_05.png);
	background-position: right top,left 90%;
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
}
.top03_in.third{
	background-image: url(../images/top/top03_03.png),url(../images/top/top03_06.png);
	background-position: left top,right 90%;
}
.top03_in .point{
	background: #fff;
	font-size: 0.8rem;
	padding:0.5rem 1rem;
	display: inline-block;
	text-align: right;
}
.top03_in .box{
	padding:1rem 1.5rem;
	width: 100%;
}
.top03_in .box img{
	position: absolute;
	top: -1.5rem;
	height: 4rem;
}
.top03_in.first .box img,
.top03_in.third .box img{right:1rem;}
.top03_in.second .box img{left:1rem;}
.top03_in .box .txt{
	line-height: 1.5;
	text-align: center;
	padding: 1rem 0 0;
}
.top03_in .box .txt p{
	font-size: 1.2rem;
	font-weight: bold;
	display: inline-block;
	letter-spacing: 0.15rem;
}
.top03_in .box .txt h4{
	letter-spacing: 0.15rem;
	display: inline-block;
	font-size: 2rem;
	margin-left: 1rem;
}
.top03_in .box .txt .links{
	margin:1rem 0 0;
}
.top03_link a{
	letter-spacing: 0.25rem;
	width: 90%;
	margin:0 auto;
	font-weight: bold;
	position: relative;
	padding:0.5rem 1rem;
	text-align: center;
}
.top03_link a::before{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	content:'';
	transform:translate(-50%,-50%) skewX(-12deg);
	border:0.15rem solid var(--gold_d);
	width:100%;
	height: 100%;
	z-index: -1;
	transition: .3s;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ トップ03 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ トップ04 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.top04{
	margin:4rem auto 5rem;
}
.top04 .box a{
	position: relative;
}
.top04 .box a span{
	display: inline-block;
	position: absolute;
	bottom:0;
	right:0;
	background: var(--gold_d);
	color: #fff;
	padding:0.5rem 2rem;
	font-size: 1.2rem;
	font-weight: bold;
	transition: .3s;
}
.top04 .box .txt{
	padding:1.5rem 0;
}
.top04 .box .txt p{
	position: relative;
	width: 65%;
	margin-left: auto;
}
.top04 .box .txt p::before{
	position: absolute;
	top:50%;
	right:110%;
	transform:translateY(-50%);
	content: '';
	width: 100%;
	height: 0.1rem;
	background: var(--gold_d);
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ トップ04 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ トップ05 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.top05{
	padding:2rem 1.5rem 3rem;
	background: url(../images/top/top05_02.png) center / cover no-repeat;
}
.top05 .box{
	background: rgba(255, 255, 255, .62);
	text-align: center;
	padding: 1.5rem 1rem 2.5rem;
}
.top05 .box p{
	font-weight: bold;
}
.top05 .box a.number{
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1;
	margin:1rem 0 0;
}
.top05 .box a.number img{
	width: 1.75rem;
}
.top05 .link{
	margin-top: -1rem;
	text-align: center;
}
.top05 .link a{ 
	background: var(--gold_d);
	font-weight: bold;
	font-size: 1.2rem;
	padding:0.5rem 2rem;
	display: inline-block;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ トップ05 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 下層共通 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.lower_ttl{
	padding:6rem 0 3rem;
	margin-left:-2rem;
	text-align: right;
}
.lower_ttl .lowerheading{
	background: url(../images/common/subheading_bg.png) left top 0.25rem / 10rem auto no-repeat;
	font-size: 1.6rem;
	line-height: 1.5;
}
.lower_ttl .lowerheading span{display: block;}
.lower_ttl .lowerheading .sub_txt{
	font-size: 1rem;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 下層共通 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 会社概要 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.company01 .box .img{ width: 90%; }
.company01 .box .txt{
	width: 95%;
	margin: -5rem -2rem 0 auto;
	background: rgba(255, 255, 255, .8);
	padding: 1rem 3rem 1rem 2rem;
	border:0.1rem solid var(--gold_d);
	transform:skew(-14deg);
}
.company01 .box .txt p{
	transform:skew(14deg);
	font-weight: bold;
	line-height: 2;
}
.company02{ 
	margin:3rem 0 2rem;
}
.company02 h2{
	text-align: center;
	font-size: 1.5rem;
	border-bottom: 0.25rem solid #ddd3b1;
}
.company02 table{
	margin:2rem 0 0;
}
.company02 th,
.company02 td{
	display: block;
}
.company02 tr:last-of-type th,
.company02 tr:last-of-type td{
	border-bottom: none;
}
.company02 th{
	padding: 0.5rem;
	text-align: left;
	background: var(--gold_o);
}
.company02 td{
	padding: 0.5rem 0.25rem 1rem;
	border-bottom: 0.15rem solid #ddd3b1;
	font-size: 0.85rem;
}
.company02 td,
.company02 td a{
	color: #696969;
	font-weight: bold;
}
.company02 td .ttl{ margin:0 0 1rem; }
.company02 td .txt{
	font-weight: normal;
	margin:0 0 1rem;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 会社概要 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 代表挨拶 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.greeting01 .box .img{
	width:95%;
	box-shadow: 0.5rem 0.5rem 0 #edeade;
}
.greeting01 .box .txt{
	padding: 0 1.5rem;
	margin-top: -2rem;
	position: relative;
	z-index: 10;
	line-height: 1.5;
}
.greeting01 .box .txt p{
	transform: translateX(2rem);
	padding:1rem 2rem;
	border: 0.15rem solid #ddd3b1;
	border-right: none;
	font-size: 1.2rem;
	font-style: italic;
	background: rgba(255, 255, 255, .6);
}
.greeting01 .box .txt h2{ 
	text-align: center;
	margin:1rem 0 0;
	font-style: italic;
}
.greeting01 .box .txt h2 .sub_txt{ font-size: 1rem; }
.greeting01 .box .txt h2 .main_txt{
	font-size: 1.8rem;
	padding-left: 1rem;
}
.greeting02{ 
	margin:0rem 0 4rem;
}
.greeting02_in{ 
	margin: 3rem 0 0;
	width: 95%;
	border: 0.1rem solid #ddd3b1;
}
.greeting02_in.first{
	margin-left: auto;
		border-right: none;
}
.greeting02_in.second{
	border-left: none;
}
.greeting02_in .box{
	padding:1rem 1rem 1.5rem 1.5rem;
	border: 0.1rem solid #ddd3b1;
}
.greeting02_in.first .box{
	transform: translate(0.5rem ,0.5rem);
	border-right: none;
}
.greeting02_in.second .box{
	transform: translate(-0.5rem ,-0.5rem);
	padding-left:10%;
	border-left: none;
}
.greeting02_in h3{
	font-size: 1.2rem;
	line-height: 1.8;
}
.greeting02_in p{
	line-height: 1.8;
	margin-top: 1rem;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 代表挨拶 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 仕事内容 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.work01 .box{
	position: relative;
	text-align: right;
}
.work01 .box p{
	text-align: left;
	font-weight: bold;
	display: inline-block;
	padding-left:1rem;
	margin-right: 1rem;
	position: relative;
}
.work01 .box p::before,
.work01 .box p::after{
	position: absolute;
	content:'';
	background: var(--gold_d);
	height: 3px;
	z-index: -1;
	width: 300%;
}
.work01 .box p::before{
	top:1rem;
	right: 105%;
}
.work01 .box p::after{
	bottom:1rem;
	left:83%;
}
.works02_in{
	margin:5rem 0;
	position: relative;
}
.works02_in .box .img{
	width: 70%;
	position: absolute;
	z-index: -10;
	opacity: 0.6;
}
.works02_in .box .img::before{
	position: absolute;
	top:0;
	left:0;
	background: rgba(255, 255, 255, 0.3);
	content:'';
	width:100%;
	height: 100%;
}
.works02_in.first .box .img{
	top:-2.5rem;
	left:50%;
}
.works02_in.second .box .img{
bottom:-2.5rem;
	right:50%;
}
.works02_in.third .box .img{
top:-2.5rem;
	left:50%;
}
.works02_in .box{
	position: relative;
	padding: 1rem;
	z-index: 10;
}
.works02_in::before,
.works02_in .box::before,
.works02_in .box::after{
	position: absolute;
	content: '';
	display: block;
}
.works02_in::before{
	width:90%;
	height: 100%;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	background: rgba(237, 234, 222, .35);
}
.works02_in .box::before{
	background: rgba(255, 255, 255, .5);
	width:120%;
	height: 60%;
	top:25%;
	left:50%;
	transform: translate(-50%,0);
	z-index: -1;
}
.works02_in .box::after{
	width:100%;
	height: 95%;
	top:3.5rem;
	left:2rem;
	z-index: -2;
	background: rgba(237, 234, 222, .35);
}
.works02_in.second .box::after{
	right:2rem;
	left:auto;
}
.works02_in .box h3{
	font-size: 1.3rem;
	margin:0 0 0.5rem;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 仕事内容 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 社員紹介 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.staff02_in{
	position: relative;
	margin:2rem 0 4rem;
}
.staff02_in.second{
	display: flex;
	flex-direction: column-reverse;
	width: 100%;
}
.staff02_in::before{
	position: absolute;
	top:10%;
	width: 110%;
	background: rgba(246, 243, 235, .75);
	z-index: -1;
	height: 16rem;
	content:'';
	transform: skew(-8deg);
}
.staff02_in.first::before,
.staff02_in.third::before{
	left:-2.5rem;
}
.staff02_in.second::before{
	right: -2.5rem;
}
.staff02_in .img{ width: 90%; position: relative;}
.staff02_in.first .img,
.staff02_in.third .img{ margin-left: -1.5rem; }
.staff02_in.second .img{
	margin-left: auto;
	margin-right: -1.5rem;
}
.staff02_in .img p{
	font-size: 0.8rem;
	padding: 0.5rem 1rem;
	display: inline-block;
	text-align: right;
	white-space: nowrap;
	position: absolute;
	bottom:1rem;
	z-index: 10;
}
.staff02_in.first .img p,
.staff02_in.third .img p{left:0;}
.staff02_in.second .img p{right:12%;}
.staff02_in .img p::before{
	position: absolute;
	top:0;
	right:0;
	transform: skew(-8deg);
	background:#fff;
	content:'';
	height: 100%;
	width: 500%;
	z-index: -1;
}
.staff02_in.first .img p::before,
.staff02_in.third .img p::before{right:0;}
.staff02_in.second .img p::before{left:0;}
.staff02_in .txt span{
	position: absolute;
	top:-1.5rem;
}
.staff02_in.first .txt span,
.staff02_in.third .txt span{ right:0; }
.staff02_in.second .txt span{ left:0; }
.staff02_in .txt span img{ height: 4rem; }
.staff02_in .txt{
	text-align: center;
	padding: 1rem 0 0;
}
.staff02_in .txt p{
	font-size: 1.2rem;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 0.15rem;
}
.staff02_in .txt h2{
	letter-spacing: 0.15rem;
    display: inline-block;
    font-size: 2rem;
    margin-left: 1rem;
}
.staff02_in .txt a{
	margin:1rem 0 0;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 社員紹介 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 社員詳細 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.staff_in01 .box{
	padding: 6rem 0 0;
}
.staff_in_ttl{
	z-index: 10;
	position: relative;
}
.staff_in_ttl p{
	font-size: 1.6rem;
	font-weight: bold;
	color: #c8bb8d;
	margin:0 0 1.5rem;
}
.second .staff_in_ttl{
	text-align: right;
}
.staff_in_ttl span{
	display: block;
}
.staff_in_ttl span img{
	height: 4rem;
}
.staff_in_ttl h1{
	margin:4rem 0 0;
	background: rgba(255, 255, 255, .8);
	display: inline-block;
	line-height: 1.5;
	text-align: justify;
	padding: 1rem;
}
.first .staff_in_ttl h1,
.third .staff_in_ttl h1{
	margin-left: -1rem;
}
.second .staff_in_ttl h1{
	margin-right: -1rem;
}
.staff_in_ttl h1 .sub_ttl{
	font-size: 1rem;
	letter-spacing: 0.25rem;
}
.staff_in_ttl h1 .main_ttl{
	font-size: 1.8rem;
	letter-spacing: 0.15rem;
}
.staff_in01 .box .img{
	margin-top: -12rem;
	position: relative;
}
.staff_in02 h2{
	font-size: 1.3rem;
	margin:1rem 0 2rem;
}
.staff_in02 .box{
	margin: 2rem 0;
}
.staff_in02 .box .txt h3{
	font-size: 1.1rem;
	margin: 1rem 0 0.5rem;
}
.staff_in02 .box .txt p{
	line-height: 1.8;
}
.staff_in02 .box.left_txt .img{
	width: 45%;
	float: right;
	margin-left: 1rem;
}
.staff_in02 .box.right_txt .img{
	width: 45%;
	float: left;
	margin-right: 1rem;
}
.staff_in03{
	margin:4rem 0 6rem;
}
.staff_in03 h3{
	text-align: center;
	color: #c8bb8d;
	font-size: 1.6rem;
	position: relative;
}
.staff_in03 .box{
	position: relative;
}
.staff_in03 .box a{
	position: relative;
	margin:2rem 0 0;
}
.staff_in03 .box span{
	position: absolute;
	top:0;
	left:0;
	transform: translateY(-40%);
	z-index: 10;
	width: 2rem;
}
.staff_in03 .box p{
	position: absolute;
	bottom:0;
	right: 0;
	color: #fff;
	font-weight: bold;
	background: #c8bb8d;
	padding: 0.25rem 1rem;
}
.staff_in03 h3::before,
.staff_in03 h3::after,
.staff_in03 .box::before,
.staff_in03 .box::after{
	position: absolute;
	content:'';
	background: rgba(221, 211, 177, .4);
	z-index: -1;
}
.staff_in03 h3::before{
	top:90%;
	left:83%;
	width: 3rem;
	height: 3rem;
}
.staff_in03 h3::after{
	top:115%;
	left:90%;
	width: 6rem;
	height: 6rem;

}
.staff_in03 .box::before{
	top:85%;
	left:-15%;
	width: 8rem;
	height: 8rem;
}
.staff_in03 .box::after{	
	top:95%;
	left:10%;
	width: 5rem;
	height: 5rem;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 社員詳細 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
.number02{
	margin:0 0 4rem;
}
.number02 .box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.number02 .box .item{
	text-align: center;
	background: #f5f5f0;
	margin-top: 0.5rem;
	padding: 1rem 1rem 2rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.number02 .box .item.second,
.number02 .box .item.third,
.number02 .box .item.fourth,
.number02 .box .item.seventh{
	width:48.5%;
}
.number02 .box .item.first{order: 1;}
.number02 .box .item.second{order: 2;}
.number02 .box .item.third{order: 3;}
.number02 .box .item.fourth{order: 4;}
.number02 .box .item.fifth{order: 6;}
.number02 .box .item.sixth{order: 7;}
.number02 .box .item.seventh{order: 5;}
.number02 .box .item{order: 1;}
.number02 .box .item h2{
	font-size: 1.2rem;
	margin-bottom: 1.5rem;
}
.number02 .box .item h2.large{
	font-size: 1.5rem;
}
.number02 .box .item h2 span{
	display: inline-block;
	border-bottom: 3px solid #ddd3b1;
}
.number02 .box .item p{
	font-size: 0.8rem;
	margin: -1rem 0 auto;
}
.number02 .box img{
	margin-top: auto;
}
.number02 .box .first img{
	margin-top: -2rem;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 数字で見る ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 募集要項 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.recruitment02{
	margin:3rem 0;
}
.recruitment02 table th{
	color: #fff;
	background: #ddd3b1;
	font-size: 1.3rem;
	border-bottom: 0.5rem solid #fff;
	padding:0.5rem 0.75rem;
}
.recruitment02 table td{
	padding:1rem;
	background: #f4f2ec;
	border-bottom: 1rem solid #fff;
}
.recruitment02 table th,
.recruitment02 table td{
	display: block;
}
.recruitment02 table ol{
	margin-left: 1rem;
}
.recruitment02 table ol li{
	list-style-type: decimal;
	padding-left: 0.5rem;
}
.recruitment02 table p{
	margin:0.5rem 0;
}
.recruitment02 table p strong{
	display: block;
}
.recruitment02 ul{
	margin:0.5rem 0;
}
.recruitment02 ul li{
	list-style: disc;
	margin-left: 2rem;
}
.recruitment02 .box{
	margin: 2rem auto 0;
	border:2px solid #c8bb8d;
	color: #696969;
}
.recruitment02 .box .ttl{
	text-align: center;
	border-bottom:2px solid #c8bb8d;
	padding:0.5rem;
}
.recruitment02 .box .ttl h2{
	font-size: 1.2rem;
}
.recruitment02 .box .txt{
	padding: 0 1rem;
}
.recruitment02 .box .txt a{
	background: var(--gold_d);
	color:#fff;
	margin: 1rem 0;
	text-align: center;
	padding:1rem;
	font-size: 1.2rem;
	line-height: 1.8;
}
.recruitment02 .box .txt a span{
	display: block;
	font-size: 0.8rem;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 募集要項 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */