@charset "utf-8";
/*
Theme Name: L-style-06
Theme URI: http://www./
Description: L-style-06
Version: 1.0
Author: L-style-06
Author URI: http://www./
Tags: L-style-06

	L-style-06
	http://www./

*/

@import url('css/entypo/font/entypo.css' );
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900'); /*font-family: 'Roboto', sans-serif;*/



*{margin:0;padding:0;}

html{
	font-size:62.55%;
	word-break:break-all;
	word-wrap:break-word;
}


/* IE用(CSSハック)［IE8～11］https://spyweb.media/2017/12/04/ie-edge-css-hacks/ */
@media screen\0 {
	html{font-size:10px;}
}


body{
	font-family:'メイリオ','Meiryo',arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'MS Pゴシック','MS PGothic',Sans-Serif;
	font-size:15px;
	font-size:1.5rem;
	line-height:1.66;
	color:#000;
	/*background:#fff;*/
}

@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	body{
		font-size:14px;
		font-size:1.4rem;
		line-height:1.62;
	}
}



a{color:#1c850b;text-decoration:none;}
a:hover{color:#1c850b;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
p{margin-bottom: 10px;}
.center{text-align:center;}
.right{text-align:right;}

img{
	max-width:100%;
	height: auto;
	vertical-align: bottom;
}

i{font-style:normal;}
ul{list-style:none;}
ul li{list-style:none;}
address{font-style:normal;}


hr{
	border: none;
	border-top: dotted 1px #ccc;
	height: 5px;
	margin: 60px 0px 80px 0px;
	width: 100%;
}


@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	hr{
		border: none;
		border-top: dotted 1px #ccc;
		height: 1px;
		margin: 2.2em 0 2.2em 0;
		width: 100%;
	}
}



i.fas,i.far{
	margin-right:0.4em;
}

a.button.type-01{
	display:block;
	color: #fff;
	text-align:center;
	background: #7b9401;
	padding:0.8em 1.2em;
}

/* arrow */

a.arrow-01{
	display:block;
	position:relative;
	border:1px solid #fff;
	color:#fff;
	padding: 0.8em 4.4em;
}
	
a.arrow-01:before{
	display:block;
	position:absolute;
	content:"";
	width: 0.62em;
	height: 0.62em;
	top:45%;
	left:2.2em;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg) translateY(-50%);
}

/* object-fit-images */
.object-fit-images{
	object-fit: cover; /* 他のブラウザ用(＝通常の指定) */
	object-position: 50% 50%; /* 他のブラウザ用(＝通常の指定) */
	font-family: 'object-fit: cover; object-position: 50% 50%;' /* IE・Edge対応 */
}



/*************************
/* animation keyframes
*************************/

@-webkit-keyframes slideDown {
	0% { top:-50px; }
	100% { top:0px; }
}
@keyframes slideDown {
	0% { top:-50px; }
	100% { top:0px; }
}



/*******************************
responsive
*******************************/
.pc-view,
.sp-view{display: none;}

@media screen and (max-width: 767px){
/* mobile */
	.sp-view{display: block;}
	img{
		border:0;
		max-width:100%;
		height: auto;
	}
}

@media screen and (min-width: 768px) and (max-width: 1050px){
/* ipad */
	.pc-view{display: block;}
	body{
		min-width:1220px;
	}
}

@media screen and (min-width: 1051px){
/* pc */
	.pc-view{display: block;}
}





/*******************************
box-sizing
*******************************/
*{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

/*************************
/* flex-box
*************************/
.flex-box{
    display:-webkit-flex;
    display:flex;
}
.flex-box-nowrap{
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
}
.flex-box-wrap{
     -webkit-flex-wrap:wrap;
     flex-wrap:wrap;
}
.flex-box-row-rever{
     -webkit-flex-direction:row-reverse;
     flex-direction:row-reverse;
}
.flex-box-column{
     -webkit-flex-direction:column;
     flex-direction:column;
}
.flex-box-column-r{
     -webkit-flex-direction:column-reverse;
     flex-direction:column-reverse;
}
.flex-box-space-b{
    -webkit-justify-content:space-between;
    justify-content:space-between;
}
.flex-box-space-a{
     -webkit-justify-content:space-around;
     justify-content:space-around;
}
.flex-box-space-c{
     -webkit-justify-content:center;
     justify-content:center;
}
.flex-box-space-e{
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.flex-box-item-c{
     -webkit-align-items:center;
     align-items:center;
}
.flex-box-item-e{
     -webkit-align-items:flex-end;
     align-items:flex-end;
}



/*******************************
/* 
*******************************/

.inner{
	width: 1120px;
	margin:0 auto;
}

#container{
	position: relative;
	background: #fff;
	z-index: 1;
	padding-bottom:4.4em;
}

body.recruit #container{padding-bottom:0;}
body.inquiry #container{padding-bottom:0;}
body.overview #container{padding-bottom:0;}
body.development #container{padding-bottom:0;}

#main{}
#sidebar{}
#container.post-page{}


@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.inner{
		width: 100%;
	}
	#container{
		padding-bottom:1.2em;
	}
}





/*******************************
/* post-page
*******************************/

div.single-body{
	padding:4.4em 2.2em;
}

div.archive-body{
	padding:4.4em 2.2em;
}


@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	div.single-body{
		padding:2.2em 0.8em;
	}
	div.archive-body{
		padding:2.2em 0.8em;
	}
}




/*******************************
/* header , nav
*******************************/

body.home header{
	position:relative;
	z-index:10;
}

header{
	position:absolute;
	background-color:rgba(0,0,0,0.8);
	z-index:200;
	top:0;
	left:0;
	right:0;
}

body.home header{
	background-color:rgba(0,0,0,0);
}

header a{color:#fff;}
header a:hover{color:#fff;}


body.home header.fixed,
header.fixed{
	position: fixed;
	width: 100%;
	background-color:rgba(0,0,0,0.8);
	box-shadow:0 0 4px 0 rgba(0,0,0,0.2);
	z-index:100;
	animation: slideDown 0.5s ease;
	-ms-animation: slideDown 0.5s ease;
	-webkit-animation: slideDown 0.5s ease;
	-moz-animation: slideDown 0.5s ease; 
}


body.page-inner header.fixed{}

header h1{
	margin: 0;
}

header h1 img{
	height: 50px;
    display: inline-block;
}

header nav{
	max-width: 1120px;
	height: 80px;
	margin: 0px auto;
}

header nav ul{
	list-style: none;
	color:#fff;
}

header nav ul li a{
	/*padding: 0 0.8em;*/
	white-space: nowrap;
	line-height:2;
	margin-left:1.8em;
}

header nav .nav-icon,
header nav .nav-icon span{
	display: none;
}

header nav .nav-icon{
	width: 36px;
	height: 28px;
	margin-right: 10px;
	position: relative;
	cursor: pointer;
}

header nav .nav-icon span {
	background: rgba(256, 256, 256, 1);
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
}

header nav .nav-icon span:nth-of-type(1) {
	top: 0;
}

header nav .nav-icon span:nth-of-type(2) {
	top: 12px;
}

header nav .nav-icon span:nth-of-type(3) {
	bottom: 0;
}

header nav .nav-icon.open span:nth-of-type(1) {
	-webkit-transform: translateY(12px) rotate(-45deg);
	transform: translateY(12px) rotate(-45deg);
}

header nav .nav-icon.open span:nth-of-type(2) {
	display: none;
}

header nav .nav-icon.open span:nth-of-type(3) {
	-webkit-transform: translateY(-12px) rotate(45deg);
	transform: translateY(-12px) rotate(45deg);
}



@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	header{
		position: relative;
		z-index: 999;
		padding: 0 10px;
		font-size:18px;
		font-size:1.8rem;
	}
	body.home header{
		padding-top:0;
	}
	header h1 img{
		height: 30px;
		margin-bottom: 10px;
	}
	header h1 a{
	    display: block;
	}
	header nav{
		height: 60px;
		padding-top: 5px;
	}
	header nav.flex-box > div:nth-child(2){
		margin-left: 5%;
	}
	header nav ul.nav.flex-box li{display: none;}
	header nav ul.nav.flex-box.open li{display: block;}
	header nav ul.nav.flex-box{}
	header nav ul.nav.flex-box.open{
    	display:-webkit-flex;
    	display:flex;
		opacity: 1;
		-webkit-flex-direction: column;
		flex-direction: column;
		/*background-color:rgba(5,27,78,0.8);*/
		background-color: rgba(0,0,0,0.8);
		position: absolute;
		top: 60px;
		left: 0px;
		width: 100%;
		min-height: 100%;
		padding-bottom: 20px;
		z-index: 980;
		-webkit-transition:0.2s;
		transition: all 0.2s;
	}
	header nav ul li {
		padding: 0px;
		text-align: center;
	}
	header nav ul li a {
		display: block;
		background: transparent;
		padding:0.4em 0.8em;
		margin: 0px;
		color: #fff;
	}
	header.fixed nav ul li a {
		color: #fff;
	}
	body.page-inner header nav ul li a{
		color: #fff;
	}
	header nav .nav-icon,
	header nav .nav-icon span {
		display: inline-block;
		transition: all .4s;
		z-index: 999;
	}
}



/*******************************
/* slider
*******************************/

#slider{
	height: 74vh;
}

#sm-slider{}

#sm-title{
	position:absolute;
	width:1120px;
	color:#fff;
	top:24vh;
	left:0;
	right:0;
	padding-left:1.2em;
	margin:0 auto;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝",serif;
	font-size:52px;
	font-size:5.2rem;
	font-weight: 500;
	line-height:1.8;
}

#sm-title span{
	display:block;
}


@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	#sm-title{
		position:absolute;
		width:100%;
		top:30vh;
		padding-left:1.2em;
		font-size:28px;
		font-size:2.8rem;
	}
}



/*******************************
/* inner-visual
*******************************/

.inner-visual{
	position:relative;
	width:100%;
	height: 360px;
	background-image:url(images/header_bg_00.jpg);
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}


body.company 		.inner-visual{background-image:url(images/header_bg_05.jpg);}
body.overview 		.inner-visual{background-image:url(images/header_bg_01.jpg);}
body.welfare 		.inner-visual{background-image:url(images/header_bg_06.jpg);}
body.development 	.inner-visual{background-image:url(images/header_bg_04.jpg);}
body.recruit 		.inner-visual{background-image:url(images/header_bg_03.jpg);}
body.privacy-policy	.inner-visual{background-image:url(images/header_bg_02.jpg);}
body.member 		.inner-visual{background-image:url(images/header_bg_06.jpg);}
/*
body.member 		.inner-visual{background-image:url(images/header_bg_06.jpg);}
body.news 			.inner-visual{background-image:url(images/header_bg_06.jpg);}
body.works 			.inner-visual{background-image:url(images/header_bg_06.jpg);}
*/



@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.inner-visual{
		position:relative;
		width:100%;
		height: 220px;
		background-image:url(images/header_bg_01.jpg);
		background-attachment:scroll;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
}

.inner-visual > div{
	position:relative;
	z-index:100;
}
.inner-visual > div h2{
	color:#fff;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 400;
	text-align:center;
	letter-spacing: 1px;
	padding-top:180px;
}

.inner-visual > div h2 span{
	display:block;
	font-size: 48px;
	font-size: 4.8rem;
	font-weight: 700;
	text-transform:uppercase;
	line-height: 1;
	margin-bottom:0.6em;
}


@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.inner-visual > div{
	}
	.inner-visual > div h2{
		padding-top:60px;
	}
	.inner-visual > div h2 span{
		font-size: 42px;
		font-size: 4.2rem;
	}
}




/*******************************
/* page
*******************************/



/*******************************
 * (共通)
/* title-introduction
*******************************/

.title-introduction{
	padding:3.2em 0 4.2em 0;
}

.title-introduction.type-02{
	padding:3.2em 0 0 0;
}

.title-introduction h2{
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝",serif;
	font-size:26px;
	font-size:2.6rem;
	font-weight:normal;
	text-align:center;
	line-height:2.2;
	margin-bottom:1.2em;
}

.title-introduction.type-02 h2{
	margin-bottom:3.4em;
}


.title-introduction h2 span{
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝",serif;
	display:block;
	font-size:42px;
	font-size:4.2rem;
	letter-spacing: 1px;
}

.title-introduction h3{
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝",serif;
	font-size:22px;
	font-size:2.2rem;
	font-weight:normal;
	text-align:center;
	line-height:2.2;
	margin-bottom:1.2em;
}

.title-introduction > p{
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	line-height:2.2;
}

.title-introduction > p span{
	display:block;
}



@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.title-introduction{
		padding:2.2em 0.8em 2.2em 0.8em;
	}
	.title-introduction.type-02{
		padding:2.2em 0 2.2em 0;
	}
	.title-introduction h2{
		font-size:20px;
		font-size:2.0rem;
		line-height: 1.6;
	}
	.title-introduction.type-02 h2{
		padding:0 0.8em;
		margin-bottom:1.2em;
	}
	.title-introduction h2 span{
		font-size:36px;
		font-size:3.6rem;
		margin-bottom: 0.2em;
		word-break: normal;
	}
	.title-introduction h3{
		font-size:18px;
		font-size:1.8rem;
	}
	.title-introduction > p{
		text-align:left;
		font-size:14px;
		font-size:1.4rem;
		line-height: 1.8;
	}
	.title-introduction > p span{
		display:inline;
	}
}





/*******************************
/* home
*******************************/

/* home-introduction */

.home-introduction{
	background:#fff;
	padding:4.8em 0 0 0;
}
.home-introduction > div.inner{
	/*padding-bottom:2.2em;*/
}
.home-introduction > div.inner > p{
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	line-height:2.2;
	padding:1.2em 0;
}
.home-introduction > div.inner > p span{
	display:block;
}
.home-introduction > div.will{
	background-image:url(images/home_introduction_bg_01.png);
	background-position: center top 120px;
	background-repeat:no-repeat;
	text-align:center;
	min-height:540px;
}
.home-introduction > div.will.flex-box{}
.home-introduction > div.will.flex-box > div:nth-child(1){
	padding-bottom:2.2em;
}
.home-introduction > div.will.flex-box > div:nth-child(2){
	padding-bottom:4.2em;
}
.home-introduction > div.will.flex-box > div:nth-child(1) img{
	width:120px;
	height:auto;
}
.home-introduction > div.will.flex-box > div:nth-child(2) img{
	/*width:660px;*/
	/*width:820px;*/
	height:auto;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.home-introduction{
		background:#fff;
		padding:2.2em 0 0 0;
	}
	.home-introduction > div.inner{
		padding:0 0.8em 0.2em 0.8em;
	}
	.home-introduction > div.inner > p{
		text-align:left;
		font-size:14px;
		font-size:1.4rem;
		line-height:1.8;
		padding:0.8em 0;
	}
	.home-introduction > div.inner > p span{
		display:block;
	}
	.home-introduction > div.will{
		background-position: center bottom -20px;
		background-repeat:no-repeat;
		background-size: 160% auto;
		text-align:center;
		min-height:0;
	}
	.home-introduction > div.will.flex-box{}

	.home-introduction > div.will.flex-box > div:nth-child(1){
		padding:0 2.2em 2.2em 2.2em;
		/*padding-bottom:2.2em;*/
	}
	.home-introduction > div.will.flex-box > div:nth-child(2){
		padding-bottom:1.2em;
	}
	.home-introduction > div.will.flex-box > div:nth-child(1) img{
		width:40%;
		height:auto;
	}
	.home-introduction > div.will.flex-box > div:nth-child(2) img{
		width:88%;
		height:auto;
		margin-bottom: 1.2em;
	}
}

/* home-main-pr */

.home-main-pr{
	background:#fff;
	padding:80px 0 0 0;
}
.home-main-pr > div.inner{}
.home-main-pr > div.flex-box{}
.home-main-pr > div.flex-box > div{
	-webkit-flex: 0 0 31%;
	flex: 0 0 31%;
	max-width: 31%;
	position:relative;
	margin-bottom:2.8em;
}
.home-main-pr > div.flex-box > div > div.title{
	background-color: rgba(0,0,0,0.8);
	position:absolute;
	top:-10px;
	right:10px;
	line-height:1;
	padding:1.8em 0.8em;
	height: 310px;
	/* 角度 */
	-webkit-transform:skewY(-45deg);
	-ms-transform:skewY(-45deg);
	transform:skewY(-45deg);
	/* 始点 */
	-webkit-transform-origin:right bottom;
	-ms-transform-origin:right bottom;
	transform-origin:right bottom;
}
.home-main-pr > div.flex-box > div > div.title > h3{
	display:block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	color:#fff;
	font-size:22px;
	font-size:2.2rem;
	font-weight:normal;
	letter-spacing: 0.04em;
	width:1em;
	height:300px;
	padding:0.4em 0 0 0;
	/* 縦書 */
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	/* 角度(補正) */
	-webkit-transform:skewY(45deg);
	-ms-transform:skewY(45deg);
	transform:skewY(45deg);
	/* 始点 */
	-webkit-transform-origin:right bottom;
	-ms-transform-origin:right bottom;
	transform-origin:right bottom;
}
/* IE用CCSハック(游明朝フォント縦書きに関する余白の不具合) */
@media all and (-ms-high-contrast:none){
	.home-main-pr > div.flex-box > div > div.title > h3{
		padding:0.3em 0.1em  0.1em 0.1em;
	}
}
.home-main-pr > div.flex-box > div > div.img{}
.home-main-pr > div.flex-box > div > div.txt{
	background:#f5f5f5;
	font-size:14px;
	font-size:1.4rem;
	padding:1.2em 1.8em 2.2em 1.8em;
}
.home-main-pr > div.flex-box > div > div.txt p{
	/*padding: 0 2.8em 0 0;*/
	/*margin-bottom:2.2em;*/
	padding:0;
	min-height: 9em;
}
.home-main-pr > div.flex-box > div > div.txt a.button{
	display:block;
	background:#007f5a;
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	text-align:center;
	width:90%;
	padding:0.6em 0.4em;
	margin:0 auto;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.home-main-pr{
		background:#fff;
		padding:40px 0.8em 0 0.8em;
	}
	.home-main-pr > div.inner{}
	.home-main-pr > div.flex-box{}
	.home-main-pr > div.flex-box > div{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		position:relative;
	}
	.home-main-pr > div.flex-box > div > div.title{
		background-color: rgba(0,0,0,0.8);
		position:absolute;
		top:-10px;
		right:10px;
		line-height:1;
		padding:1.8em 0.8em;
		height: 310px;
		/* 角度 */
		-webkit-transform:skewY(-45deg);
		-ms-transform:skewY(-45deg);
		transform:skewY(-45deg);
		/* 始点 */
		-webkit-transform-origin:right bottom;
		-ms-transform-origin:right bottom;
		transform-origin:right bottom;
	}
	.home-main-pr > div.flex-box > div > div.title > h3{
		display:block;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
		color:#fff;
		font-size:22px;
		font-size:2.2rem;
		font-weight:normal;
		letter-spacing: 0.04em;
		width:1em;
		height:300px;
		padding:0.4em 0 0 0;
		/* 縦書 */
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		/* 角度(補正) */
		-webkit-transform:skewY(45deg);
		-ms-transform:skewY(45deg);
		transform:skewY(45deg);
		/* 始点 */
		-webkit-transform-origin:right bottom;
		-ms-transform-origin:right bottom;
		transform-origin:right bottom;
	}
	/* IE用CCSハック(游明朝フォント縦書きに関する余白の不具合) */
	@media all and (-ms-high-contrast:none){
		.home-main-pr > div.flex-box > div > div.title > h3{
			padding:0.3em 0.1em  0.1em 0.1em;
		}
	}
	.home-main-pr > div.flex-box > div > div.img{}
	.home-main-pr > div.flex-box > div > div.txt{
		background:#f5f5f5;
		font-size:14px;
		font-size:1.4rem;
		padding:1.2em 1.8em 2.2em 1.2em;
	}
	.home-main-pr > div.flex-box > div > div.txt p{
		/*
		padding: 0 2.8em 0 0;
		margin-bottom:2.2em;
		*/
		margin-bottom:1.8em;
		min-height:0;
	}
	.home-main-pr > div.flex-box > div > div.txt a.button{
		display:block;
		background:#007f5a;
		color:#fff;
		text-align:center;
		width:100%;
		padding:0.6em 0.4em;
		margin:0 auto;
	}
}

/* home-sub-staff-all */

.home-sub-staff-all{
	background:#fff;
	padding: 0 0 2.2em 0;
}
.home-sub-staff-all > div{
	position:relative;
}
.home-sub-staff-all > div:before,
.home-sub-staff-all > div:after{
	position:absolute;
	content:"";
}
.home-sub-staff-all > div:before{
	border-bottom: 110px solid transparent;
	border-left: 110px solid #fff;
	top:0;
	left:0;
}
.home-sub-staff-all > div:after{
	border-top: 110px solid transparent;
	border-right: 110px solid #fff;
	bottom:0;
	right:0;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.home-sub-staff-all{
		padding: 0 0.8em 2.2em 0.8em;
	}
	.home-sub-staff-all > div{
		position:relative;
	}
	.home-sub-staff-all > div:before,
	.home-sub-staff-all > div:after{
		position:absolute;
		content:"";
	}

	.home-sub-staff-all > div:before{
		border-bottom: 40px solid transparent;
		border-left: 40px solid #fff;
		top:-2px;
		left:0;
	}
	.home-sub-staff-all > div:after{
		border-top: 40px solid transparent;
		border-right: 40px solid #fff;
		bottom:-2px;
		right:0;
	}
}

/* home-sub-pr */

.home-sub-pr{
	background:#fff;
	padding-bottom:4.8em;
}
.home-sub-pr > div.inner{}
.home-sub-pr > div.flex-box{}
.home-sub-pr > div.flex-box > div{
	-webkit-flex: 0 0 48%;
	flex: 0 0 48%;
	max-width: 48%;
	position:relative;
	background: #f5f5f5;
}
.home-sub-pr > div.flex-box > div:before{
	position:absolute;
	content:"";
	border-bottom: 45px solid transparent;
	border-left: 45px solid #007f5a;
	top:0;
	left:0;
}
.home-sub-pr > div.flex-box > div.flex-box{}
.home-sub-pr > div.flex-box > div.flex-box > div:nth-child(1){
	-webkit-flex: 0 0 74%;
	flex: 0 0 74%;
	max-width: 74%;
	padding:1.8em 1.8em 1.8em 2.8em;
}
.home-sub-pr > div.flex-box > div.flex-box > div:nth-child(2){
	-webkit-flex: 0 0 26%;
	flex: 0 0 26%;
	max-width: 26%;
}
.home-sub-pr > div.flex-box > div.flex-box div.title{}
.home-sub-pr > div.flex-box > div.flex-box div.txt{
	font-size:14px;
	font-size:1.4rem;
}
.home-sub-pr > div.flex-box > div.flex-box div.txt span{
	display:block;
}
.home-sub-pr > div.flex-box > div.flex-box div.img{}
.home-sub-pr > div.flex-box > div.flex-box div.img img{
	object-fit:cover;
	height:225px;
}
.home-sub-pr h4{
	font-size:15px;
	font-size:1.5rem;
	font-weight:normal;
	color:#000;
	line-height:1.2;
	margin-bottom:0.8em;
}
.home-sub-pr  h4 span{
	display:inline-block;
	font-family :"Times New Roman", "游明朝",YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size:38px;
	font-size:3.8rem;
	letter-spacing: 0.02em;
	padding-right:0.8em;
}
.home-sub-pr h4 a{
	color:#000;
}
.home-sub-pr p.more{
	display:inline-block;
	padding-right:1.8em;
}
.home-sub-pr p.more a{
	display:inline-block;
	font-size:13px;
	font-size:1.3rem;
	/*color:#007f5a;*/
	color:#000;
}
.home-sub-pr p.more a:before{
	content: '\e75e';
	font-family: 'entypo';
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	opacity: 0.8;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.home-sub-pr{
		padding:0 0.8em 2.2em 0.8em;
	}
	.home-sub-pr > div.inner{}
	.home-sub-pr > div.flex-box{}
	.home-sub-pr > div.flex-box > div{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		position:relative;
		background: #f5f5f5;
		margin-bottom:1.2em;
	}
	.home-sub-pr > div.flex-box > div:before{
		position:absolute;
		content:"";
		border-bottom: 45px solid transparent;
		border-left: 45px solid #007f5a;
		top:0;
		left:0;
	}
	.home-sub-pr > div.flex-box > div.flex-box{}
	.home-sub-pr > div.flex-box > div.flex-box > div:nth-child(1){
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		order:2;
		padding:1.2em 0.8em 1.8em 0.8em;
	}
	.home-sub-pr > div.flex-box > div.flex-box > div:nth-child(2){
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		order:1;
	}
	.home-sub-pr > div.flex-box > div.flex-box div.title{}
	.home-sub-pr > div.flex-box > div.flex-box div.txt{
		font-size:14px;
		font-size:1.4rem;
	}
	.home-sub-pr > div.flex-box > div.flex-box div.txt > p:nth-child(1){
		padding-bottom:1.2em;
	}
	.home-sub-pr > div.flex-box > div.flex-box div.txt span{
		display:inline;
	}
	.home-sub-pr > div.flex-box > div.flex-box div.img{
		text-align:center;
	}
	.home-sub-pr > div.flex-box > div.flex-box div.img img{
		object-fit:initial;
		height:auto;
	}
	.home-sub-pr h4{
		font-size:15px;
		font-size:1.5rem;
		font-weight:normal;
		text-align:center;
		color:#000;
		line-height:1.2;
		margin-bottom:1.2em;
	}
	.home-sub-pr  h4 span{
		display:block;
		font-family :"Times New Roman", "游明朝",YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
		font-size:38px;
		font-size:3.8rem;
		letter-spacing: 0.02em;
		padding:0.2em 0;
	}
	.home-sub-pr h4 a{
		color:#000;
	}
	.home-sub-pr p.more{
		display:block;
		padding-right:0;
	}
	.home-sub-pr p.more a{
		/*
		display:inline-block;
		font-size:13px;
		font-size:1.3rem;
		color:#000;
		*/
		display: block;
		background: #007f5a;
		font-size:14px;
		font-size:1.4rem;
		color: #fff;
		text-align: center;
		width: 100%;
		padding: 0.6em 0.4em;
		margin: 0 auto;
	}
	.home-sub-pr p.more a:before{
		content:none;
		/*
		content: '\e75e';
		font-family: 'entypo';
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		opacity: 0.8;
		*/
	}
}

/* home-information */

.home-information{
	background:#f5f5f5;
	padding:4.2em 0;
}
.home-information > div.inner{}
.home-information > div.inner.flex-box{}
.home-information > div.inner.flex-box > div{
	-webkit-flex: 0 0 48%;
	flex: 0 0 48%;
	max-width: 48%;
}
.home-information h4{
	font-size:15px;
	font-size:1.5rem;
	font-weight:normal;
	color:#000;
	line-height:1.2;
	margin-bottom:1.4em;
}
.home-information  h4 span{
	display:inline-block;
	font-family :"Times New Roman", "游明朝",YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size:38px;
	font-size:3.8rem;
	letter-spacing: 0.02em;
	padding-right:1.2em;
}
.home-information p.more{
	display:inline-block;
	padding-right:1.8em;
}
.home-information p.more a{
	display:inline-block;
	font-size:13px;
	font-size:1.3rem;
	color:#000;
	/* 始点 */
	transform-origin:left bottom;
}
.home-information p.more a:before{
	display:inline-block;
	content:"";
	background:#000;
	width:1em;
	height:1.4em;
	margin-right:2.2em;
	/* 角度 */
	-webkit-transform:skewX(45deg);
	-ms-transform:skewX(45deg);
	transform:skewX(45deg);
	/* 始点 */
	-webkit-transform-origin:left top;
	-ms-transform-origin:left top;
	transform-origin:left top;
}
.home-information p.more a.type-01:before{background:#007f5a;}
.home-information p.more a.type-02:before{background:#070f33;}
.home-information p.more a.type-03:before{background:#000;}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.home-information{
		background:#f5f5f5;
		padding:2.2em 0.8em;
	}
	.home-information > div.inner{}
	.home-information > div.inner.flex-box{}
	.home-information > div.inner.flex-box > div{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom:1.4em;
	}
	.home-information h4{
		font-size:15px;
		font-size:1.5rem;
		font-weight:normal;
		color:#000;
		line-height:1.2;
		margin-bottom:0.6em;
	}
	.home-information  h4 span{
		display:inline-block;
		font-family :"Times New Roman", "游明朝",YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
		font-size:38px;
		font-size:3.8rem;
		letter-spacing: 0.02em;
		padding-right:0.4em;
	}
	.home-information p.more{
		display:inline-block;
		padding-right:1.8em;
	}
	.home-information p.more a{
		display:inline-block;
		font-size:13px;
		font-size:1.3rem;
		color:#000;
		/* 始点 */
		transform-origin:left bottom;
	}
	.home-information p.more a:before{
		display:inline-block;
		content:"";
		background:#000;
		width:1em;
		height:1.4em;
		margin-right:2.2em;
		/* 角度 */
		-webkit-transform:skewX(45deg);
		-ms-transform:skewX(45deg);
		transform:skewX(45deg);
		/* 始点 */
		-webkit-transform-origin:left top;
		-ms-transform-origin:left top;
		transform-origin:left top;
	}
	.home-information p.more a.type-01:before{background:#007f5a;}
	.home-information p.more a.type-02:before{background:#070f33;}
	.home-information p.more a.type-03:before{background:#000;}
}

/* news,works */

.home-information > div.inner.flex-box > div.news,
.home-information > div.inner.flex-box > div.works{}
.home-information div.list{}
.home-information div.list.flex-box{
	/*
	height:400px;
	*/
}
.home-information div.news div.list.flex-box > div{
	-webkit-flex: 0 0 20%;
	flex: 0 0 20%;
	max-height: 20%;
}

.home-information div.works div.list.flex-box > div{
	-webkit-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
	max-height: 33.33%;
}
.home-information div.list a{
	font-size:14px;
	font-size:1.4rem;
	color:#000;
}
.home-information div.list span.time{
	display:block;
	font-size:13px;
	font-size:1.3rem;
	color:#999;
	padding-bottom:0.4em;
}
.home-information div.news div.list,
.home-information div.works div.list{
	margin-bottom:2.2em;
}
.home-information div.news div.list > div.flex-box,
.home-information div.works div.list > div.flex-box{
	background:#fff;
	border:1px solid #e5e5e5;
	border-bottom:none;
	padding: 0.8em 1.8em 0.8em 1.8em;
}
.home-information div.works div.list > div.flex-box{
	padding: 0 1.8em 0 0;
}
.home-information div.news div.list > div.flex-box:last-child,
.home-information div.works div.list > div.flex-box:last-child{
	border-bottom:1px solid #e5e5e5;
}

/* news */

.home-information div.news div.list > div.flex-box > div:nth-child(1){
	-webkit-flex: 1;
	flex: 1;
}
.home-information div.news div.list > div.flex-box > div:nth-child(2){
	/*
	-webkit-flex: 0 0 15%;
	flex: 0 0 15%;
	max-width: 15%;
	text-align:center;
	*/
	display:none;
}
.home-information div.news div.list > div.flex-box > div:nth-child(2) span{
	display:inline-block;
	width:100%;
	font-size:10px;
	font-size:1.0rem;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	border-radius:256px;
	padding:0.14em 0;
}
.home-information div.news div.list > div.flex-box > div:nth-child(2) span.news{background:#007f5a;}
.home-information div.news div.list > div.flex-box > div:nth-child(2) span.blog{background:#070f33;}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.home-information > div.inner.flex-box > div.news,
	.home-information > div.inner.flex-box > div.works{}
	.home-information div.list{}
	.home-information div.list.flex-box{
		height:initial;
	}
	.home-information div.news div.list.flex-box > div{
		-webkit-flex: initial;
		flex: initial;
		max-height: initial;
	}
	.home-information div.works div.list.flex-box > div{
		-webkit-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-height: 33.33%;
	}
	.home-information div.list a{
		font-size:14px;
		font-size:1.4rem;
		color:#000;
	}
	.home-information div.list span.time{
		display:block;
		font-size:13px;
		font-size:1.3rem;
		color:#999;
		padding-bottom:0;
	}
	.home-information div.news div.list,
	.home-information div.works div.list{
		margin-bottom:1.2em;
	}
	.home-information div.news div.list > div.flex-box,
	.home-information div.works div.list > div.flex-box{
		background:#fff;
		border:1px solid #e5e5e5;
		border-bottom:none;
		padding: 0.8em 0.8em 0.8em 0.8em;
	}
	.home-information div.works div.list > div.flex-box{
		padding: 0 0 0 0;
	}
	.home-information div.news div.list > div.flex-box:last-child,
	.home-information div.works div.list > div.flex-box:last-child{
		border-bottom:1px solid #e5e5e5;
	}
	/* news */
	.home-information div.news div.list > div.flex-box > div:nth-child(1){
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		order:2;
	}
	.home-information div.news div.list > div.flex-box > div:nth-child(2){
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		order:1;
		text-align:left;
	}
	.home-information div.news div.list > div.flex-box > div:nth-child(2) span{
		display:inline-block;
		width:80px;
		font-size:10px;
		font-size:1.0rem;
		color:#fff;
		text-align:center;
		text-transform:uppercase;
		border-radius:256px;
		padding:0.14em 0;
		margin-bottom:0.8em;
	}
	.home-information div.news div.list > div.flex-box > div:nth-child(2) span.news{background:#007f5a;}
	.home-information div.news div.list > div.flex-box > div:nth-child(2) span.blog{background:#070f33;}
}

/* works */

.home-information div.works div.list > div.flex-box{
	overflow: hidden;
}
.home-information div.works div.list > div.flex-box > div:nth-child(1){
	-webkit-flex: 0 0 35%;
	flex: 0 0 35%;
	max-width: 35%;
	overflow:hidden;
}
.home-information div.works div.list > div.flex-box > div:nth-child(1) img{
	height: 135px;
	object-fit: cover;
}
.home-information div.works div.list > div.flex-box > div:nth-child(2){
	-webkit-flex: 1;
	flex: 1;
	padding:0 1.8em;
}
.home-information div.works div.list > div.flex-box > div:nth-child(2) p{}
.home-information div.works div.list > div.flex-box > div:nth-child(2) p.status{
	display:block;
	font-size:13px;
	font-size:1.3rem;
	color:#999;
	padding-bottom:0.4em;
}
.home-information div.works div.list > div.flex-box > div:nth-child(2) p.status span.district{}
.home-information div.works div.list > div.flex-box > div:nth-child(2) p.status span.district:before,
.home-information div.works div.list > div.flex-box > div:nth-child(2) p.status span.district:after{
	display:inline-block;
	padding:0 0.02em;
}
.home-information div.works div.list > div.flex-box > div:nth-child(2) p.status span.district:before{content:"(";}
.home-information div.works div.list > div.flex-box > div:nth-child(2) p.status span.district:after{content:")";}
.home-information div.works div.list > div.flex-box > div:nth-child(2) p a{
	display:inline-block;
	margin-top:1.2em;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.home-information div.works div.list > div.flex-box{
		overflow: hidden;
	}
	.home-information div.works div.list > div.flex-box > div:nth-child(1){
		-webkit-flex: 0 0 35%;
		flex: 0 0 35%;
		max-width: 35%;
		overflow:hidden;
	}
	.home-information div.works div.list > div.flex-box > div:nth-child(1) img{
		height: 135px;
		object-fit: cover;
	}
	.home-information div.works div.list > div.flex-box > div:nth-child(2){
		-webkit-flex: 0 0 65%;
		flex: 0 0 65%;
		max-width: 65%;
		padding:0 0.8em;
	}
	.home-information div.works div.list > div.flex-box > div:nth-child(2) p{}
	.home-information div.works div.list > div.flex-box > div:nth-child(2) p.status{
		display:block;
		font-size:13px;
		font-size:1.3rem;
		color:#999;
		padding-bottom:0.4em;
	}
	.home-information div.works div.list > div.flex-box > div:nth-child(2) p.status span.district{}
	.home-information div.works div.list > div.flex-box > div:nth-child(2) p.status span.district:before,
	.home-information div.works div.list > div.flex-box > div:nth-child(2) p.status span.district:after{
		display:inline-block;
		padding:0 0.02em;
	}
	.home-information div.works div.list > div.flex-box > div:nth-child(2) p.status span.district:before{content:"(";}
	.home-information div.works div.list > div.flex-box > div:nth-child(2) p.status span.district:after{content:")";}
	.home-information div.works div.list > div.flex-box > div:nth-child(2) p a{
		display:inline-block;
		margin-top:1.2em;
	}
}

/* home-recruit */

.home-recruit{
	background:#fff;
	padding:4.4em 0 2.2em 0;
}
.home-recruit > div.inner > p{
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	line-height:2.2;
	padding:1.2em 0;
	margin-bottom:2.2em;
}
.home-recruit > div.inner > p span{
	display:block;
}
.home-recruit-box{}
.home-recruit-box.flex-box{}
.home-recruit-box.flex-box > div{
	-webkit-flex: 0 0 31%;
	flex: 0 0 31%;
	max-width: 31%;
	background:#f5f5f5;
	margin-bottom:2.4em;
}
.home-recruit-box.flex-box > div div.img{}
.home-recruit-box.flex-box > div div.img a{
	position:relative;
	display:block;
	overflow:hidden;
	color:#fff;
}
.home-recruit-box.flex-box > div div.img div.title{
	position:absolute;
	top:0;
	left:0;
	background-color: rgba(0,0,0,0.4);
	width: 62%;
	text-align: left;
	padding: 0.4em 0 0.4em 1.8em;
	/* 角度 */
	-webkit-transform:skewX(-45deg);
	-ms-transform:skewX(-45deg);
	transform:skewX(-45deg);
	/* 始点 */
	-webkit-transform-origin:top left;
	-ms-transform-origin:top left;
	transform-origin:top left;
}
.home-recruit-box.flex-box > div div.img div.title p{
	font-family :"Times New Roman","游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size:22px;
	font-size:2.2rem;
	letter-spacing: 0.02em;
	margin-bottom: 0;
	/* 角度 */
	-webkit-transform:skewX(45deg);
	-ms-transform:skewX(45deg);
	transform:skewX(45deg);
	/* 始点 */
	-webkit-transform-origin:top left;
	-ms-transform-origin:top left;
	transform-origin:top left;
}
.home-recruit-box.flex-box > div div.img div.sub{
	position:absolute;
	bottom:0;
	right:0;
	background:#007f5a;
	width: 62%;
	text-align: center;
	padding: 0.4em 0;
	/* 角度 */
	-webkit-transform:skewX(-45deg);
	-ms-transform:skewX(-45deg);
	transform:skewX(-45deg);
	/* 始点 */
	-webkit-transform-origin:right bottom;
	-ms-transform-origin:right bottom;
	transform-origin:right bottom;
}
.home-recruit-box.flex-box > div div.img div.sub h4{
	font-size:15px;
	font-size:1.5rem;
	font-weight:normal;
	/* 角度 */
	-webkit-transform:skewX(45deg);
	-ms-transform:skewX(45deg);
	transform:skewX(45deg);
	/* 始点 */
	-webkit-transform-origin:right bottom;
	-ms-transform-origin:right bottom;
	transform-origin:right bottom;
}
.home-recruit-box.flex-box > div div.txt{
	background: #f5f5f5;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 1.2em 1.8em 2.2em 1.8em;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.home-recruit{
		background:#fff;
		padding:2.2em 0.8em 2.2em 0.8em;
	}
	.home-recruit > div.inner > p{
		text-align:left;
		font-size:14px;
		font-size:1.4rem;
		line-height:1.8;
		padding:1.2em 0;
		margin-bottom:1.8em;
	}
	.home-recruit > div.inner > p span{
		display:inline;
	}
	.home-recruit-box{}
	.home-recruit-box.flex-box{}
	.home-recruit-box.flex-box > div{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom:1.8em;
	}
	.home-recruit-box.flex-box > div div.img{}
	.home-recruit-box.flex-box > div div.img a{
		position:relative;
		display:block;
		overflow:hidden;
		color:#fff;
	}
	.home-recruit-box.flex-box > div div.img div.title{
		position:absolute;
		top:0;
		left:0;
		background-color: rgba(0,0,0,0.4);
		width: 62%;
		text-align: left;
		padding: 0.4em 0 0.4em 1.8em;
		/* 角度 */
		-webkit-transform:skewX(-45deg);
		-ms-transform:skewX(-45deg);
		transform:skewX(-45deg);
		/* 始点 */
		-webkit-transform-origin:top left;
		-ms-transform-origin:top left;
		transform-origin:top left;
	}
	.home-recruit-box.flex-box > div div.img div.title p{
		font-family :"Times New Roman","游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
		font-size:20px;
		font-size:2.0rem;
		letter-spacing: 0.02em;
		margin-bottom: 0;
		/* 角度 */
		-webkit-transform:skewX(45deg);
		-ms-transform:skewX(45deg);
		transform:skewX(45deg);
		/* 始点 */
		-webkit-transform-origin:top left;
		-ms-transform-origin:top left;
		transform-origin:top left;
	}
	.home-recruit-box.flex-box > div div.img div.sub{
		position:absolute;
		bottom:0;
		right:0;
		background:#007f5a;
		width: 80%;
		text-align: center;
		padding: 0.4em 0;
		/* 角度 */
		-webkit-transform:skewX(-45deg);
		-ms-transform:skewX(-45deg);
		transform:skewX(-45deg);
		/* 始点 */
		-webkit-transform-origin:right bottom;
		-ms-transform-origin:right bottom;
		transform-origin:right bottom;
	}
	.home-recruit-box.flex-box > div div.img div.sub h4{
		font-size:14px;
		font-size:1.4rem;
		font-weight:normal;
		/* 角度 */
		-webkit-transform:skewX(45deg);
		-ms-transform:skewX(45deg);
		transform:skewX(45deg);
		/* 始点 */
		-webkit-transform-origin:right bottom;
		-ms-transform-origin:right bottom;
		transform-origin:right bottom;
	}
	.home-recruit-box.flex-box > div div.txt{
		background: #f5f5f5;
		font-size: 14px;
		font-size: 1.4rem;
		padding: 1.2em 0.8em 1.8em 0.8em;
	}
}

/* home-sns-link */

div.home-sns-link{
	background:#fff;
	padding:4.5em 0 0 0;
}
div.home-sns-link > div.inner{}
div.home-sns-link > div.inner > div.sns-link{}
div.home-sns-link > div.inner > div.sns-link > ul{
	display:flex;
	justify-content:center;
}
div.home-sns-link > div.inner > div.sns-link > ul > li{
	flex:0 0 200px;
	margin:0 5px;
}
div.home-sns-link > div.inner > div.sns-link > ul > li > a{
	display:flex;
	align-items:center;
	color:#fff;
	font-size:14px;
	font-size:1.4rem;
	border:1px solid rgba(0,0,0,0.05);
	border-radius:5px;
	padding:0.65em 2.0em;
}
div.home-sns-link > div.inner > div.sns-link > ul > li > a > i{
	display:flex;
	align-items:center;
}
div.home-sns-link > div.inner > div.sns-link > ul > li > a > i::before{
	content:'';
	width:2.1em;
	height:2.1em;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	margin-right:1.0em;
}
div.home-sns-link > div.inner > div.sns-link > ul > li.sns-01 > a{background:#b21f9f;}
div.home-sns-link > div.inner > div.sns-link > ul > li.sns-01 > a > i::before{background-image:url('images/icons_sns_01.png');}
div.home-sns-link > div.inner > div.sns-link > ul > li.sns-02 > a{background:#0e0e10;}
div.home-sns-link > div.inner > div.sns-link > ul > li.sns-02 > a > i::before{background-image:url('images/icons_sns_02.png');}
div.home-sns-link > div.inner > div.sns-link > ul > li.sns-03 > a{background:#c00d00;}
div.home-sns-link > div.inner > div.sns-link > ul > li.sns-03 > a > i::before{background-image:url('images/icons_sns_03.png');}
div.home-sns-link > div.inner > div.sns-link > ul > li.sns-04 > a{background:#0d3d8e;}
div.home-sns-link > div.inner > div.sns-link > ul > li.sns-04 > a > i::before{background-image:url('images/icons_sns_04.png');}
div.home-sns-link > div.inner > div.sns-link > ul > li > a > span{
	flex:1;
	text-align:center;
}
div.home-sns-link > div.inner > div.sns-link > ul > li > a > span > span{
	display:inline-block;
	font-size:80%;
	margin-left:0.5em;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	div.home-sns-link{
		padding:2.5em 0.8em 0 0.8em;
	}
	div.home-sns-link > div.inner{}
	div.home-sns-link > div.inner > div.sns-link{}
	div.home-sns-link > div.inner > div.sns-link > ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		gap:0.5em 0.5em;
	}
	div.home-sns-link > div.inner > div.sns-link > ul > li{
		flex:0 0 calc(50% - 0.25em);
		margin:0 0;
	}
	div.home-sns-link > div.inner > div.sns-link > ul > li > a{
		display:flex;
		align-items:center;
		color:#fff;
		font-size:11px;
		font-size:1.1rem;
		border:1px solid rgba(0,0,0,0.05);
		border-radius:0;
		padding:0.5em 0.5;
	}
	div.home-sns-link > div.inner > div.sns-link > ul > li > a > i{
		display:flex;
		align-items:center;
	}
	div.home-sns-link > div.inner > div.sns-link > ul > li > a > i::before{
		content:'';
		width:2.1em;
		height:2.1em;
		background-size:contain;
		background-position:center center;
		background-repeat:no-repeat;
		margin-right:1.0em;
	}
	div.home-sns-link > div.inner > div.sns-link > ul > li > a > span{
		flex:1;
		text-align:center;
	}
	div.home-sns-link > div.inner > div.sns-link > ul > li > a > span > span{
		display:inline-block;
		font-size:80%;
		margin-left:0.5em;
	}
}

/*******************************
/* company
*******************************/

.company-greeting{
	margin-top:-2.2em;
	margin-bottom:4.2em;
}

/*
.company-greeting.flex-box{}
.company-greeting.flex-box > div:nth-child(1){
	-webkit-flex: 0 0 44%;
	flex: 0 0 44%;
	max-width: 44%;
	padding-right:4.2em;
}
.company-greeting.flex-box > div:nth-child(2){
	-webkit-flex: 0 0 56%;
	flex: 0 0 56%;
	max-width: 56%;
}

.company-greeting.flex-box > div:nth-child(1) > img{
	margin-top:-2.2em;
}
*/

.company-greeting p{
	text-align:center;
	line-height:2.2;
}
.company-greeting p span{
	display:block;
}
.company-greeting p.name{
	text-align:right;
	padding-top:2.2em;
}



@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.company-greeting{
		margin-top:-2.2em;
		margin-bottom:2.2em;
		padding:0 0.8em;
	}
	.company-greeting p{
		text-align:left;
		line-height:1.8;
	}
	.company-greeting p span{
		display:inline;
	}
	.company-greeting p.name{
		text-align:right;
		padding-top:1.2em;
		margin-bottom:2.2em;
	}
	.company-greeting p.name span{
		display:block;
	}
}



/* company-about */

.company-about{
	background: #f2f2f2;
	padding: 1.2em 0 4.8em 0;
	margin-bottom:2.2em;
}

.company-about .company-policy{
	text-align:center;
	padding:0 0 2.4em 0;
	margin-top:-88px;
}

.company-about .company-policy > div:nth-child(1){}
.company-about .company-policy > div:nth-child(1) img{
	width:620px;
	margin-bottom:2.8em;
}
.company-about .company-policy > div:nth-child(2){}
.company-about .company-policy > div:nth-child(2) img{
	width:300px;
}



@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.company-about{
		background: #f2f2f2;
		padding: 1.2em 0.8em 2.2em 0.8em;
		margin-bottom:2.2em;
	}
	.company-about .company-policy{
		text-align:center;
		padding:0 0 2.4em 0;
		margin-top:-40px;
	}
	.company-about .company-policy > div:nth-child(1){}
	.company-about .company-policy > div:nth-child(1) img{
		width:80%;
		margin-bottom:2.8em;
	}
	.company-about .company-policy > div:nth-child(2){}
	.company-about .company-policy > div:nth-child(2) img{
		width:60%;
	}
}






/* company-profile */

.company-profile{
	padding: 4.4em 0;
	margin-bottom:2.2em;
}


@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.company-profile{
		padding: 1.2em 0.8em;
	}
}


/* company-history */

.company-history{
	background: #f2f2f2;
	padding: 2.2em 0 6.8em 0;
	margin-bottom:4.2em;
}

@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.company-history{
		padding: 1.2em 0.8em 4.2em 0.8em;
		margin-bottom:2.2em;
	}
	.company-history div.title-introduction{
		padding-left:0;
		padding-right:0;
	}
}




/* company-facility */

.company-facility{
	padding: 2.2em 0;
}

.company-facility div.facility-block{}
.company-facility div.facility-block.flex-box{}
.company-facility div.facility-block.flex-box > div{
	-webkit-flex: 0 0 31%;
	flex: 0 0 31%;
	max-width: 31%;
	background: #f5f5f5;
	margin-bottom:1.8em;
}

.company-facility div.facility-block > div.box{}
.company-facility div.facility-block > div.box > div:nth-child(1){}
.company-facility div.facility-block > div.box > div:nth-child(2){
	background: #222;
	font-size:16px;
	font-size:1.6rem;
	color:#fff;
	text-align:center;
	padding:0.6em 0.4em;
}
.company-facility div.facility-block > div.box > div:nth-child(3){
	padding:0.8em 1.2em 1.2em 1.2em;
}

.company-facility div.facility-block > div.box p{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.8;
	margin-bottom:0.4em;
}

.company-facility div.facility-block > div.box p span{display:block;}

.company-facility div.facility-block > div.box p.title{margin-bottom:0;}

.company-facility div.facility-block > div.box p.spec{
	font-size:12px;
	font-size:1.2rem;
	border-top:1px solid #ccc;
	padding-top:1.2em;
	margin-top:1.2em;
}

@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.company-facility{
		padding: 1.2em 0.8em;
	}
	.company-facility div.facility-block{}
	.company-facility div.facility-block.flex-box{}
	.company-facility div.facility-block.flex-box > div{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		background: #f5f5f5;
		margin-bottom:1.8em;
	}
	.company-facility div.facility-block > div.box{}
	.company-facility div.facility-block > div.box > div:nth-child(1){}
	.company-facility div.facility-block > div.box > div:nth-child(2){
		background: #222;
		font-size:16px;
		font-size:1.6rem;
		color:#fff;
		text-align:center;
		padding:0.6em 0.4em;
	}
	.company-facility div.facility-block > div.box > div:nth-child(3){
		padding:0.8em 1.2em 1.2em 1.2em;
	}
	.company-facility div.facility-block > div.box p{
		font-size:14px;
		font-size:1.4rem;
		line-height:1.8;
		margin-bottom:0.4em;
	}
	.company-facility div.facility-block > div.box p span{display:block;}
	.company-facility div.facility-block > div.box p.title{margin-bottom:0;}
	.company-facility div.facility-block > div.box p.spec{
		font-size:12px;
		font-size:1.2rem;
		border-top:1px solid #ccc;
		padding-top:1.2em;
		margin-top:1.2em;
	}
}






/*******************************
/* works
*******************************/

.works-list-title{}

.works-list{
	/*padding-bottom:4.4em;*/
	margin-bottom:4.4em;
}

.works-list p{
	margin-bottom:0;
}

.works-list.flex-box{
	overflow-x: auto;
	width:1120px;

	/* scrollbar(IE) */
	scrollbar-face-color: #007f5a;				/*スライドバー部分*/
	scrollbar-track-color: #444;				/*スライドバーの背景レール部分*/
	scrollbar-arrow-color: #fff;				/*矢印*/
	scrollbar-highlight-color: #007f5a;			/*矢印の四角背景(内側のハイライト)*/
	scrollbar-shadow-color: #007f5a;			/*矢印の四角背景(内側の影を指定)*/
	scrollbar-3dlight-color: #007f5a;			/*矢印の四角背景(外側のハイライト)*/
	scrollbar-darkshadow-color: #007f5a;		/*矢印の四角背景(外側の影を指定)*/
}

	/* scrollbar(Chrome,Safari) */
	/*スクロールバーの横幅指定*/
	.works-list.flex-box::-webkit-scrollbar{
		height: 18px;
	}
	/*スクロールバーの背景色・角丸指定*/
	.works-list.flex-box::-webkit-scrollbar-track{
		border-radius: 256px;
		background: #cdcdcd;
	}
	/*スクロールバーの色・角丸指定*/
	.works-list.flex-box::-webkit-scrollbar-thumb{
		border-radius: 256px;
		background:#007f5a;
	}


.works-list.flex-box > div{
	-webkit-flex: 0 0 268px;
	flex: 0 0 268px;
	max-width: 268px;
	background: #f5f5f5;
	margin-right:16px;
	margin-bottom:1.2em;
}

/*
.works-list.flex-box > div:nth-child(4n){
	margin-right:0;
}
*/

.works-list.flex-box > div > div.img{}
.works-list.flex-box > div > div.img img{
	width:268px;
	height:200px;
	object-fit: cover;
}

.works-list.flex-box > div > div.title{
	background: #222;
	font-size:13px;
	font-size:1.3rem;
	color:#fff;
	text-align:center;
	padding:0.6em 0.2em;
}

.works-list.flex-box > div > div.status{
	text-align:center;
	font-size:13px;
	font-size:1.3rem;
	padding: 0.8em 1.2em 1.2em 1.2em;
}

.works-list.flex-box > div > div.status span{}
.works-list.flex-box > div > div.status span.date{}

.works-list.flex-box > div > div.status span.district{}
.works-list.flex-box > div > div.status span.district:before,
.works-list.flex-box > div > div.status span.district:after{
	display:inline-block;
	padding:0 0.02em;
}
.works-list.flex-box > div > div.status span.district:before{content:"(";}
.works-list.flex-box > div > div.status span.district:after{content:")";}

/* 非表示にする施工年を指定 */
/*
.works-year-2010,
.works-year-2008,
.works-year-2005,
.works-year-2004,
.works-year-1997,
.works-year-1996,
.works-year-1995,
.works-year-1986,
.works-year-1982,
.works-year-1980,
.works-year-1979,
.works-year-1975,
.works-year-1974,
.works-year-1973,
.works-year-1972{display:none;}
*/



@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.works-list-title{
		padding:0 0.8em;
	}
	.works-list{
		padding:0 0.8em 1.2em 0.8em;
	}
	.works-list p{
		margin-bottom:0;
	}
	.works-list.flex-box{
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		width:100%;
	}
	.works-list.flex-box > div{
		-webkit-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;
		background: #f5f5f5;
		margin-right:0.8em;
		margin-bottom:1.2em;
	}
	/*
	.works-list.flex-box > div:nth-child(4n){
		margin-right:0;
	}
	*/
	.works-list.flex-box > div > div.img{}
	.works-list.flex-box > div > div.img img{
		width:100%;
		height:200px;
		object-fit: cover;
	}
	.works-list.flex-box > div > div.title{
		background: #222;
		font-size:14px;
		font-size:1.4rem;
		color:#fff;
		text-align:center;
		padding:0.6em 0.4em;
	}
	.works-list.flex-box > div > div.status{
		text-align:center;
		font-size:13px;
		font-size:1.3rem;
		padding: 0.8em 1.2em 1.2em 1.2em;
	}
	.works-list.flex-box > div > div.status span{}
	.works-list.flex-box > div > div.status span.date{}
	.works-list.flex-box > div > div.status span.district{}
	.works-list.flex-box > div > div.status span.district:before,
	.works-list.flex-box > div > div.status span.district:after{
		display:inline-block;
		padding:0 0.02em;
	}
	.works-list.flex-box > div > div.status span.district:before{content:"(";}
	.works-list.flex-box > div > div.status span.district:after{content:")";}
}






/*******************************
/* overview
*******************************/

.overview-guide{
	background: #f2f2f2;
	padding: 4.4em 0 6.2em 0;
	margin-bottom:2.2em;
}

.overview-guide div.box{
	background:#fff;
	width:920px;
	padding:2.4em;
	margin:0 auto 2.2em auto;
}

.overview-guide div.box p{
	margin-bottom:0;
}

.overview-guide div.box.flex-box{}
.overview-guide div.box.flex-box > div:nth-child(1){
	-webkit-flex: 0 0 44%;
	flex: 0 0 44%;
	max-width: 44%;
	text-align:center;
	padding:0 2.2em;
}
.overview-guide div.box.flex-box > div:nth-child(2){
	-webkit-flex: 1;
	flex: 1;
}

.overview-guide div.box.flex-box > div:nth-child(1) span{
	display:block;
	background: #007f5a;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝",serif;
	font-size:22px;
	font-size:2.2rem;
	font-weight:normal;
	line-height:1;
	color:#fff;
	padding:1.4em 1.2em;
}

.overview-guide div.box.flex-box > div:nth-child(2) p{}

.overview-guide div.box.flex-box > div:nth-child(2) p.contact{
	font-family: 'Roboto', sans-serif;
}

.overview-guide div.box.flex-box > div:nth-child(2) p.contact span.tel{
	font-size:22px;
	font-size:2.2rem;
	font-weight: bold;
	color:#007f5a;
}
.overview-guide div.box.flex-box > div:nth-child(2) p.contact span.tel i{
	font-size:32px;
	font-size:3.2rem;
	font-weight: 500;
}

.overview-guide div.box.flex-box > div:nth-child(2) p.contact span.fax{
	display:inline-block;
	padding-left:0.8em;
}



@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.overview-guide{
		background: #f2f2f2;
		padding: 4.2em 0.8em 2.8em 0.8em;
		margin-bottom:2.2em;
	}
	.overview-guide div.box{
		background:#fff;
		width:100%;
		padding:1.2em;
		margin:0 auto;
	}
	.overview-guide div.box p{
		margin-bottom:0;
	}
	.overview-guide div.box.flex-box{}
	.overview-guide div.box.flex-box > div:nth-child(1){
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align:center;
		padding:0;
	}
	.overview-guide div.box.flex-box > div:nth-child(2){
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align:center;
	}
	.overview-guide div.box.flex-box > div:nth-child(1) span{
		display:block;
		background: #007f5a;
		font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝",serif;
		font-size:22px;
		font-size:2.2rem;
		font-weight:normal;
		line-height:1;
		color:#fff;
		width:100%;
		padding:0.8em 1.2em;
		margin-bottom:0.4em;
	}
	.overview-guide div.box.flex-box > div:nth-child(2) p{}
	.overview-guide div.box.flex-box > div:nth-child(2) p.contact{
		font-family: 'Roboto', sans-serif;
	}
	.overview-guide div.box.flex-box > div:nth-child(2) p.contact span.tel{
		font-size:22px;
		font-size:2.2rem;
		font-weight: bold;
		color:#007f5a;
	}
	.overview-guide div.box.flex-box > div:nth-child(2) p.contact span.tel i{
		font-size:28px;
		font-size:2.8rem;
		font-weight: 500;
	}
	.overview-guide div.box.flex-box > div:nth-child(2) p.contact span.fax{
		display:inline-block;
		padding-left:0.8em;
	}
}




/* overview-workflow */

.overview-workflow{
	padding: 4.4em 0;
}

.overview-workflow-guide{}
.overview-workflow-guide.flex-box{}
.overview-workflow-guide.flex-box > div{
	-webkit-flex: 0 0 31%;
	flex: 0 0 31%;
	max-width: 31%;
	margin-bottom:1.8em;
}

.overview-workflow-guide.flex-box > div.box{
	background: #f5f5f5;
}

.overview-workflow-guide.flex-box > div.box > div.img{
	background:#fff;
}

.overview-workflow-guide.flex-box > div.box > div.img p.no{
	font-size:16px;
	font-size:1.6rem;
	/*color:#007f5a;*/
	margin-bottom:0;
}
.overview-workflow-guide.flex-box > div.box > div.img p.no span{
	display:inline-block;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝",serif;
	font-size:44px;
	font-size:4.4rem;
	font-style: italic;
	vertical-align: sub;
	color:#007f5a;
	padding-right:0.4em;
}

.overview-workflow-guide.flex-box > div.box > div.txt{
	padding:0.8em 1.2em 1.2em 1.2em;
}

.overview-workflow-guide.flex-box > div.box > div.txt p{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.8;
	margin-bottom:0.4em;
}


@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.overview-workflow{
		padding: 2.2em 0.8em;
	}
	.overview-workflow-guide{}
	.overview-workflow-guide.flex-box{}
	.overview-workflow-guide.flex-box > div{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom:1.8em;
	}
	.overview-workflow-guide.flex-box > div.box{
		background: #f5f5f5;
	}
	.overview-workflow-guide.flex-box > div.box > div.img{
		background:#fff;
	}
	.overview-workflow-guide.flex-box > div.box > div.img p.no{
		font-size:16px;
		font-size:1.6rem;
		margin-bottom:0;
	}
	.overview-workflow-guide.flex-box > div.box > div.img p.no span{
		display:inline-block;
		font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝",serif;
		font-size:44px;
		font-size:4.4rem;
		font-style: italic;
		vertical-align: sub;
		color:#007f5a;
		padding-right:0.4em;
	}
	.overview-workflow-guide.flex-box > div.box > div.txt{
		padding:0.8em 1.2em 1.2em 1.2em;
	}
	.overview-workflow-guide.flex-box > div.box > div.txt p{
		font-size:14px;
		font-size:1.4rem;
		line-height:1.8;
		margin-bottom:0.4em;
	}

}



/* overview-photos */

.overview-photos{
	background: #f2f2f2;
	padding:1.2em 0 6.2em 0;
}

.overview-photos div.slider{}

.overview-photos p.more{
	text-align:center;
	padding:4.2em 0 0 0;
}

.overview-photos p.more span{
	display:inline-block;
	background:#000;
	padding:1px;
}

.overview-photos p.more span a{
	display:block;
	background:#000;
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 0.04em;
	color:#fff;
	border:1px solid #fff;
	padding: 0.6em 6.2em;
}


@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.overview-photos{
		background: #f2f2f2;
		padding:1.2em 0 4.2em 0;
	}
	.overview-photos div.slider{
		padding:0 0.8em;
	}
	.overview-photos p.more{
		display:block;
		text-align:center;
		width:80%;
		padding:0;
		margin:2.2em auto 0 auto;
	}
	.overview-photos p.more span{
		display:block;
		background:#000;
		padding:1px;
	}
	.overview-photos p.more span a{
		display:block;
		background:#000;
		font-size: 16px;
		font-size: 1.6rem;
		letter-spacing: 0.04em;
		color:#fff;
		border:1px solid #fff;
		padding: 0.4em 0;
	}
}










/*******************************
/* development
*******************************/

.development-capabilities{
	margin-bottom: 6.8em;
}

.development-capabilities p{
	margin-bottom:0;
}

.development-capabilities-box{}
.development-capabilities-box.flex-box{}
.development-capabilities-box.flex-box > div{
	-webkit-flex: 0 0 31%;
	flex: 0 0 31%;
	max-width: 31%;
	background: #f5f5f5;
}

.development-capabilities-box.flex-box > div.box > div.img{}

.development-capabilities-box.flex-box > div.box > div.title{
	background: #222;
	font-size:14px;
	font-size:1.4rem;
	color:#fff;
	text-align:center;
	padding:0.6em 0.4em;
}

.development-capabilities-box.flex-box > div.box > div.txt{
	padding: 0.8em 1.2em 1.2em 1.2em;
}

.development-capabilities-box.flex-box > div.box > div.txt ul{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.8;
	margin-bottom:0.4em;
}




@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.development-capabilities{
		padding:0 0.8em;
		margin-bottom: 4.2em;
	}
	.development-capabilities p{
		margin-bottom:0;
	}
	.development-capabilities-box{}
	.development-capabilities-box.flex-box{}
	.development-capabilities-box.flex-box > div{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		background: #f5f5f5;
		margin-bottom:1.2em;
	}
	.development-capabilities-box.flex-box > div.box > div.img{}
	.development-capabilities-box.flex-box > div.box > div.txt{
		padding: 0.8em 1.2em 1.2em 1.2em;
	}
	.development-capabilities-box.flex-box > div.box > div.txt p{
		font-size:14px;
		font-size:1.4rem;
		line-height:1.8;
		margin-bottom:0.4em;
	}
	.development-capabilities-box.flex-box > div.box > div.title{
		background: #222;
		font-size:16px;
		font-size:1.6rem;
		color:#fff;
		text-align:center;
		padding:0.6em 0.4em;
	}
}













/* development-career-path */

.development-career-path{
	background: #f2f2f2;
	padding: 1.2em 0 4.8em 0;
	margin-bottom: 6.8em;
}

.development-career-path table{
	width:100%;
	border-collapse:collapse;
	/*text-align:center;*/
	font-size:13px;
	font-size:1.3rem;
}

.development-career-path table tbody{}
.development-career-path table tbody > tr{}
.development-career-path table tbody > tr > th:nth-child(1){}
.development-career-path table tbody > tr > th:nth-child(2){width:18%;}
.development-career-path table tbody > tr > th:nth-child(3){width:22%;}
.development-career-path table tbody > tr > th:nth-child(4){width:22%;}
.development-career-path table tbody > tr > th:nth-child(5){width:22%;}

.development-career-path table tbody th.time{width:9%;}
.development-career-path table tbody td.carrier{width:9%}

.development-career-path table tbody > tr{}

.development-career-path table tbody > tr.line-01{}
.development-career-path table tbody > tr.line-02{}
.development-career-path table tbody > tr.line-03{border-top:1px dotted #bbb;}
.development-career-path table tbody > tr.line-04{border-top:1px dotted #bbb;}
.development-career-path table tbody > tr.line-05{border-top:1px dotted #bbb;}
.development-career-path table tbody > tr.line-06{border-top:1px dotted #bbb;}
.development-career-path table tbody > tr.line-07{border-top:1px dotted #bbb;}
.development-career-path table tbody > tr.line-08{border-top:1px dotted #bbb;}
.development-career-path table tbody > tr.line-09{border-top:1px dotted #bbb;}
.development-career-path table tbody > tr.line-10{border-top:1px dotted #bbb;}
.development-career-path table tbody > tr.line-11{border-top:1px dotted #bbb;}
.development-career-path table tbody > tr.line-12{border-top:1px dotted #bbb;}


.development-career-path table tbody th,
.development-career-path table tbody tr,
.development-career-path table tbody td{
	padding:1.2em;
}

.development-career-path table th.carrier,
.development-career-path table th.ex-01,
.development-career-path table th.ex-02,
.development-career-path table th.ex-03{
	color:#fff;
	font-size:16px;
	font-size:1.6rem;
	font-weight:normal;
}

.development-career-path table th.time{
	/*height:260px;*/
}

.development-career-path table th.carrier{
	background:#3d4351;
}

.development-career-path table th.ex-01{
	background:#2d9a72;
}

.development-career-path table th.ex-02{
	background:#da3c41;
}

.development-career-path table th.ex-03{
	background:#121874;
}

.development-career-path table .blank{
	background:#3d4351;
	color:#fff;
	font-weight:normal;
}

.development-career-path table .time{
	background:#ddd;
	font-weight:normal;
}

.development-career-path table .carrier{
	text-align:center;
	background:#eee;
}

.development-career-path table .carrier img{
	width:190px;
}

.development-career-path table .ex-01{
	background:#c2e4d7;
}

.development-career-path table .ex-02{
	background:#f7e1e1;
}

.development-career-path table .ex-03{
	background:#d7e2f3;
}

.development-career-path table .ex-01 > div,
.development-career-path table .ex-02 > div,
.development-career-path table .ex-03 > div{
	border:1px solid #f2f2f2;
	border-radius:3px;
	padding:0.6em;
	margin:0.4em auto;
}

.development-career-path table .ex-01 > div{
	background-color:rgba(45,154,114,0.1);
	border-color:rgba(45,154,114,0.2);
}

.development-career-path table .ex-02 > div{
	background-color:rgba(218,60,65,0.1);
	border-color:rgba(218,60,65,0.2);
}

.development-career-path table .ex-03 > div{
	background-color:rgba(18,24,116,0.1);
	border-color:rgba(18,24,116,0.2);
}

.development-career-path table .ex-01 > div i,
.development-career-path table .ex-02 > div i,
.development-career-path table .ex-03 > div i{
	display:inline-block;
	background:#007f5a;
	border-radius:3px;
	color:#fff;
	font-size:12px;
	font-size:1.20rem;
	padding:0.2em 1.8em;
	margin:0.2em auto 0.6em auto;
}
.development-career-path table .ex-01 > div i{background:#2d9a72;}
.development-career-path table .ex-02 > div i{background:#da3c41;}
.development-career-path table .ex-03 > div i{background:#121874;}



.development-career-path table tbody > tr.hawaii{
	background:#ff7c24;
}
.development-career-path table tbody > tr.hawaii th{
	color:#fff;
	font-size:20px;
	font-size:2.0rem;
	font-weight:normal;
	padding:1.2em 0 1.4em 0;
}
.development-career-path table tbody > tr.hawaii th p{
	display: inline;
	border-bottom: 4px double #fff;
}

.development-career-path table .carrier p{
	display: block;
	background: #007f5a;
	color: #fff;
	font-size:14px;
	font-size:1.4rem;
	border-radius:3px;
	padding:0.4em 0;
	margin-bottom:0.8em;
}
.development-career-path table .carrier img{
	max-width:52%;
}
.development-career-path table .carrier span{
	display:block;
	font-size:12px;
	font-size:1.2rem;
	padding:0.8em 0;
}

.development-career-path table .time .circle{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	flex-flow: column; 
	vertical-align: top;
	width: 4.4em;
	height: 4.4em;
	font-size:14px;
	font-size:1.4rem;
	color:#fff;
	line-height: 1.5em;
	background:#007f5a;
	margin: 0.4em auto 0.4em auto;
}


/*
.development-career-path-addition{
	padding:2.2em 2.2em 0 2.2em;
}

.development-career-path-addition .box{
	background:#fff;
	font-size:12px;
	font-size:1.2rem;
	padding:2.2em;
}
*/



@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	div.development-career-path > div.title-introduction.inner + div.inner{
		overflow-x: auto;
		padding:0 0.8em;
	}
	.development-career-path table{
		width:880px;
		font-size:12px;
		font-size:1.2rem;
	}
	.development-career-path table tbody{}
	.development-career-path table tbody > tr{}
	.development-career-path table tbody > tr > th:nth-child(1){}
	.development-career-path table tbody > tr > th:nth-child(2){width:18%;}
	.development-career-path table tbody > tr > th:nth-child(3){width:22%;}
	.development-career-path table tbody > tr > th:nth-child(4){width:22%;}
	.development-career-path table tbody > tr > th:nth-child(5){width:22%;}
	.development-career-path table tbody > tr{
		border-bottom:1px solid #a0a0a0;
	}
	.development-career-path table tbody th,
	.development-career-path table tbody tr,
	.development-career-path table tbody td{
		padding:0.4em;
	}
	.development-career-path table th.carrier,
	.development-career-path table th.ex-01,
	.development-career-path table th.ex-02,
	.development-career-path table th.ex-03{
		color:#fff;
		font-size:14px;
		font-size:1.4rem;
		font-weight:normal;
	}
	.development-career-path table th.time{
		height:auto;
	}
	.development-career-path table th.carrier{
		background:#3d4351;
	}
	.development-career-path table th.ex-01{
		background:#2d9a72;
	}
	.development-career-path table th.ex-02{
		background:#da3c41;
	}
	.development-career-path table th.ex-03{
		background:#121874;
	}
	.development-career-path table .blank{
		background:#3d4351;
		color:#fff;
		font-weight:normal;
	}
	.development-career-path table .time{
		background:#ddd;
		font-weight:normal;
	}
	.development-career-path table .carrier{
		text-align:center;
		background:#eee;
	}
	.development-career-path table .ex-01{
		background:#c2e4d7;
	}
	.development-career-path table .ex-02{
		background:#f7e1e1;
	}
	.development-career-path table .ex-03{
		background:#d7e2f3;
	}
	.development-career-path table .hawaii{
		background:#535b6e;
		color:#fff;
		font-weight:normal;
		padding:0.8em 0;
	}
	.development-career-path table .carrier p{
		display: block;
		background: #007f5a;
		color: #fff;
		font-size:14px;
		font-size:1.4rem;
		padding:0.2em 0;
		margin-bottom:0.8em;
	}
	.development-career-path table .carrier img{
		max-width:52%;
	}
	.development-career-path table .carrier span{
		display:block;
		font-size:12px;
		font-size:1.2rem;
		padding:0.8em 0;
	}
	.development-career-path table .time .circle{
		/*
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
		flex-flow: column; 
		vertical-align: top;
		width: 4.4em;
		height: 4.4em;
		font-size:14px;
		font-size:1.4rem;
		color:#fff;
		line-height: 1.5em;
		background:#007f5a;
		margin: 0.4em auto 0.4em auto;
		*/
		display: block;
		/*background: #007f5a;*/
		background:#535b6e;
		width:100%;
		height:auto;
		text-align:center;
		color: #fff;
		font-size:14px;
		font-size:1.4rem;
		border-radius:128px;
		padding:0.2em 0;
		margin-bottom:0.8em;
	}
	.development-career-path-addition{
		padding:1.2em 0.8em 0 0.8em;
	}
	.development-career-path-addition .box{
		background:none;
		font-size:12px;
		font-size:1.2rem;
		padding:0;
	}

}



/* development-vietnam */

.development-vietnam{}

.development-vietnam div.introduction{}
.development-vietnam div.introduction p{
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	line-height:2.2;
}
.development-vietnam div.introduction p span{
	display:block;
}

.development-vietnam div.photos{
	padding:4.4em 0 3.2em 0;
}

.development-vietnam div.photos.flex-box{}
.development-vietnam div.photos.flex-box > div{
	-webkit-flex: 0 0 24%;
	flex: 0 0 24%;
	max-width: 24%;
	margin-bottom:0.8em;
}

.development-vietnam div.photos.flex-box > div p{
	text-align:center;
	font-size:12px;
	font-size:1.2rem;
	padding:0.4em 0;
}

.development-vietnam div.comment{
	padding-bottom:4.4em;
}
.development-vietnam div.comment p{
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	line-height:2.2;
}
.development-vietnam div.comment p span{
	display:block;
}


@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.development-vietnam{
		padding:0 0.8em;
	}
	.development-vietnam div.introduction{}
	.development-vietnam div.introduction p{
		text-align:left;
		font-size:14px;
		font-size:1.4rem;
		line-height:1.8;
	}
	.development-vietnam div.introduction p span{
		display:inline;
	}
	.development-vietnam div.photos{
		padding:1.2em 0 1.2em 0;
	}
	.development-vietnam div.photos.flex-box{}
	.development-vietnam div.photos.flex-box > div{
		-webkit-flex: 0 0 49%;
		flex: 0 0 49%;
		max-width: 49%;
		margin-bottom:0.8em;
	}
	.development-vietnam div.photos.flex-box > div p{
		text-align:left;
		font-size:11px;
		font-size:1.1rem;
		padding:0.4em 0;
	}
	.development-vietnam div.comment{
		padding-bottom:4.4em;
	}
	.development-vietnam div.comment p{
		text-align:left;
		font-size:14px;
		font-size:1.4rem;
		line-height:1.8;
	}
	.development-vietnam div.comment p span{
		display:inline;
	}
}




/* development-experience */

.development-experience{
	background: #f2f2f2;
	padding: 6.2em 0 4.8em 0;
}

.development-experience div.introduction{}
.development-experience div.introduction p{
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	line-height:2.2;
}
.development-experience div.introduction p span{
	display:block;
}

.development-experience div.photos{
	padding:4.4em 0 3.2em 0;
}

.development-experience div.photos.flex-box{}
.development-experience div.photos.flex-box > div{
	-webkit-flex: 0 0 24%;
	flex: 0 0 24%;
	max-width: 24%;
	margin-bottom:1.6em;
}

.development-experience div.photos.flex-box > div p{
	text-align:center;
	font-size:12px;
	font-size:1.2rem;
	padding:0.4em 0;
}


@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.development-experience{
		background: #f2f2f2;
		padding: 4.2em 0.8em 2.8em 0.8em;
	}
	.development-experience div.introduction{}
	.development-experience div.introduction p{
		text-align:left;
		font-size:14px;
		font-size:1.4rem;
		line-height:1.8;
	}
	.development-experience div.introduction p span{
		display:inline;
	}
	.development-experience div.photos{
		padding:1.2em 0 1.2em 0;
	}
	.development-experience div.photos.flex-box{}
	.development-experience div.photos.flex-box > div{
		-webkit-flex: 0 0 49%;
		flex: 0 0 49%;
		max-width: 49%;
		margin-bottom:0.8em;
	}
	.development-experience div.photos.flex-box > div p{
		text-align:left;
		font-size:11px;
		font-size:1.1rem;
		padding:0.4em 0;
	}

}






/*******************************
/* welfare
*******************************/

.welfare-dormitory{
	background: #f2f2f2;
	padding: 4.2em 0 6.2em 0;
	margin-bottom:2.2em;
}

.welfare-dormitory div.introduction{
	margin-bottom:4.2em;
}

.welfare-dormitory div.introduction p{
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	line-height:2.2;
}
.welfare-dormitory div.introduction p span{
	display:block;
}

.welfare-dormitory div.box{}
.welfare-dormitory div.box.flex-box{}
.welfare-dormitory div.box.flex-box > div{
	-webkit-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
.welfare-dormitory div.box.flex-box.type-01 > div:nth-child(1){order:1;}
.welfare-dormitory div.box.flex-box.type-01 > div:nth-child(2){order:2;}
.welfare-dormitory div.box.flex-box.type-02 > div:nth-child(1){order:2;}
.welfare-dormitory div.box.flex-box.type-02 > div:nth-child(2){order:1;}

.welfare-dormitory div.box.flex-box > div.img{}


.welfare-dormitory div.box.flex-box > div.txt{
	padding-bottom:1.8em;
	padding-left:2.2em;
}

.welfare-dormitory div.box.flex-box.type-01 > div.txt{}
.welfare-dormitory div.box.flex-box.type-02 > div.txt{
	padding-right:2.2em;
	padding-left: 0;
}

.welfare-dormitory div.box.flex-box.type-01 > div.txt p{
	margin-left:1.2em;
}

.welfare-dormitory div.box.flex-box.type-02 > div.txt p{
	margin-left:1.2em;
}

.welfare-dormitory div.box.flex-box > div.txt p span{
	display:block;
}

.welfare-dormitory div.box.flex-box > div.txt div.about{
	background:#fff;
	padding:1.2em;
	margin-left:0;
	margin-bottom:1.2em;
}

.welfare-dormitory div.box.flex-box > div.txt ul.spec{
	font-size:12px;
	font-size:1.2rem;
	margin-left:0.4em;
}

.welfare-dormitory div.box.flex-box > div.txt ul.spec{
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}

.welfare-dormitory div.box.flex-box > div.txt ul.spec li{
	-webkit-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	padding:0.2em 0;
}


@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.welfare-dormitory{
		background: #f2f2f2;
		padding: 4.2em 0.8em 0 0.8em;
		margin-bottom:2.2em;
	}
	.welfare-dormitory div.introduction{
		margin-bottom:2.2em;
	}
	.welfare-dormitory div.introduction p{
		text-align:left;
		font-size:14px;
		font-size:1.4rem;
		line-height:1.8;
	}
	.welfare-dormitory div.introduction p span{
		display:block;
	}
	.welfare-dormitory div.box{}
	.welfare-dormitory div.box.flex-box{}
	.welfare-dormitory div.box.flex-box > div{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.welfare-dormitory div.box.flex-box.type-01 > div:nth-child(1){order:1;}
	.welfare-dormitory div.box.flex-box.type-01 > div:nth-child(2){order:2;}
	.welfare-dormitory div.box.flex-box.type-02 > div:nth-child(1){order:1;}
	.welfare-dormitory div.box.flex-box.type-02 > div:nth-child(2){order:2;}
	.welfare-dormitory div.box.flex-box > div.img{
		margin-bottom:1.2em;
	}
	.welfare-dormitory div.box.flex-box > div.txt{
		padding-bottom:1.8em;
		padding-left:0;
		margin-bottom:2.2em;
	}
	.welfare-dormitory div.box.flex-box.type-01 > div.txt{}
	.welfare-dormitory div.box.flex-box.type-02 > div.txt{
		padding-right:0;
		padding-left:0;
	}
	.welfare-dormitory div.box.flex-box.type-01 > div.txt p{
		margin-left:0;
	}
	.welfare-dormitory div.box.flex-box.type-02 > div.txt p{
		margin-left:0;
	}
	.welfare-dormitory div.box.flex-box > div.txt p span{
		display:block;
	}
	.welfare-dormitory div.box.flex-box > div.txt div.about{
		background:#fff;
		padding:1.2em;
		margin-left:0;
		margin-bottom:1.2em;
	}
	.welfare-dormitory div.box.flex-box > div.txt ul.spec{
		font-size:12px;
		font-size:1.2rem;
		margin-left:0.4em;
	}
	.welfare-dormitory div.box.flex-box > div.txt ul.spec{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-justify-content:space-between;
		justify-content:space-between;
	}
	.welfare-dormitory div.box.flex-box > div.txt ul.spec li{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding:0.1em 0;
	}
}


/* welfare-photos */

.welfare-photos{
	background: #f2f2f2;
	padding:6.2em 0 2.2em 0;
}

.welfare-photos div.title-introduction{
	padding:1.2em 0 1.2em 0;
}

.welfare-photos p{
	text-align:center;
	padding-top:2.2em;
}

.welfare-photos div.slider{}

.welfare-photos div.gallery-block{
	padding-bottom:6.2em;
}

.welfare-photos div.gallery-block h3.type-05{
	margin-bottom:0;
}
.welfare-photos div.gallery-block p{
	padding:1.2em 0;
}





@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.welfare-photos{
		background: #f2f2f2;
		padding:2.2em 0.8em 4.2em 0.8em;
	}
	.welfare-photos p{
		text-align:center;
		padding-top:2.2em;
	}
	.welfare-photos div.slider{
		padding:0 0;
	}
	.welfare-photos div.gallery-block{
		padding-bottom:2.2em;
	}
	.welfare-photos div.gallery-block h3.type-05{
		margin-bottom:0;
	}
	.welfare-photos div.gallery-block p{
		padding:1.2em 0;
	}
}


/* welfare-insurance */

.welfare-insurance{
	padding:6.2em 0 2.8em 0;
}

.welfare-insurance p{
	margin-bottom:0;
}

.welfare-insurance-box{}
.welfare-insurance-box.flex-box{}
.welfare-insurance-box.flex-box > div{
	-webkit-flex: 0 0 24%;
	flex: 0 0 24%;
	max-width: 24%;
	background: #f5f5f5;
}

.welfare-insurance-box.flex-box > div.box > div.img{}

.welfare-insurance-box.flex-box > div.box > div.txt{
	padding: 0.8em 1.2em 1.2em 1.2em;
}

.welfare-insurance-box.flex-box > div.box > div.txt p{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.8;
	margin-bottom:0.4em;
}

.welfare-insurance-box.flex-box > div.box > div.title{
	background: #e8e8e8;
	font-size:16px;
	font-size:1.6rem;
	color:#000;
	text-align:center;
	padding:0.6em 0.4em;
}


@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.welfare-insurance{
		padding:6.2em 0.8em 1.2em 0.8em;
	}
	.welfare-insurance p{
		margin-bottom:0;
	}
	.welfare-insurance-box{}
	.welfare-insurance-box.flex-box{}
	.welfare-insurance-box.flex-box > div{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		background: #f5f5f5;
		margin-bottom:1.2em;
	}
	.welfare-insurance-box.flex-box > div.box > div.img{}
	.welfare-insurance-box.flex-box > div.box > div.txt{
		padding: 0.8em 1.2em 1.2em 1.2em;
	}
	.welfare-insurance-box.flex-box > div.box > div.txt p{
		font-size:14px;
		font-size:1.4rem;
		line-height:1.8;
		margin-bottom:0.4em;
	}
	.welfare-insurance-box.flex-box > div.box > div.title{
		background: #e8e8e8;
		font-size:16px;
		font-size:1.6rem;
		color:#111;
		text-align:center;
		padding:0.6em 0.4em;
	}
}




/*******************************
/* recruit-voice
*******************************/

.recruit-staff-all{
	padding: 0 0 6.2em 0;
	margin-bottom:2.2em;
}

.recruit-staff-all > div{
	position:relative;
}

.recruit-staff-all > div:before,
.recruit-staff-all > div:after{
	position:absolute;
	content:"";
}

.recruit-staff-all > div:before{
	border-bottom: 110px solid transparent;
	border-left: 110px solid #fff;
	top:0;
	left:0;
}
.recruit-staff-all > div:after{
	border-top: 110px solid transparent;
	border-right: 110px solid #fff;
	bottom:0;
	right:0;
}


@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.recruit-staff-all{
		padding: 0 0.8em 2.2em 0.8em;
		margin-bottom:1.2em;
	}
	.recruit-staff-all > div{
		position:relative;
	}
	.recruit-staff-all > div:before,
	.recruit-staff-all > div:after{
		position:absolute;
		content:"";
	}
	.recruit-staff-all > div:before{
		border-bottom: 40px solid transparent;
		border-left: 40px solid #fff;
		top:-2px;
		left:0;
	}
	.recruit-staff-all > div:after{
		border-top: 40px solid transparent;
		border-right: 40px solid #fff;
		bottom:-2px;
		right:0;
	}
}






/* recruit-voice */

.recruit-voice{
	background: #f2f2f2;
	padding: 4.2em 0 6.2em 0;
	margin-bottom:2.2em;
}

.recruit-voice div.introduction{
	margin-bottom:4.2em;
}

.recruit-voice div.introduction p{
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	line-height:2.2;
}
.recruit-voice div.introduction p span{
	display:block;
}

.recruit-voice div.staff-voice{}
.recruit-voice div.staff-voice.flex-box{}
.recruit-voice div.staff-voice.flex-box > div{
	-webkit-flex: 0 0 48.4%;
	flex: 0 0 48.4%;
	max-width: 48.4%;
}

.recruit-voice div.staff-voice.flex-box > div.box{
	font-size:14px;
	font-size:1.4rem;
	margin-bottom:2.2em;
}

.recruit-voice div.staff-voice.flex-box > div.box.flex-box{}
.recruit-voice div.staff-voice.flex-box > div.box.flex-box > div:nth-child(1){
	-webkit-flex: 0 0 30%;
	flex: 0 0 30%;
	max-width: 30%;
}
.recruit-voice div.staff-voice.flex-box > div.box.flex-box > div:nth-child(2){
	-webkit-flex: 0 0 70%;
	flex: 0 0 70%;
	max-width: 70%;
	padding-left:1.2em;
}

.recruit-voice div.staff-voice.flex-box > div.box p{}

.recruit-voice div.staff-voice.flex-box > div.box p.name{}
.recruit-voice div.staff-voice.flex-box > div.box p.name{
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: 0.04em;
	padding: 0.4em 0 0 0;
}
.recruit-voice div.staff-voice.flex-box > div.box p.name span{
	display:block;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing: 0;
	padding:0.4em 0;
}

.recruit-voice div.staff-voice.flex-box > div.box p.txt{
	margin-top:45px;
}
.recruit-voice div.staff-voice.flex-box > div.box p.txt span{
	display:block;
}

.recruit-voice div.staff-voice.flex-box > div.box p.join{
	text-align:center;
	font-size: 12px;
	font-size: 1.2rem;
}

.recruit-voice div.staff-voice.flex-box > div.box p.point{
	display:inline-block;
	min-height: 45px;
	padding-right:1.8em;
	margin-bottom: 0;
}

.recruit-voice div.staff-voice.flex-box > div.box p.point i{
	display:inline-block;
	font-family :"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size:20px;
	font-size:2.0rem;
	letter-spacing: 0;
	color:#000;
	/* 始点 */
	transform-origin:left bottom;
}

.recruit-voice div.staff-voice.flex-box > div.box p.point i:before{
	display:inline-block;
	content:"";
	background:#007f5a;
	width:1em;
	height:1.4em;
	margin-right:2.2em;
	/* 角度 */
	-webkit-transform:skewX(45deg);
	-ms-transform:skewX(45deg);
	transform:skewX(45deg);
	/* 始点 */
	-webkit-transform-origin:left top;
	-ms-transform-origin:left top;
	transform-origin:left top;
}



@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.recruit-voice{
		background: #f2f2f2;
		padding: 4.2em 0.8em 2.8em 0.8em;
		margin-bottom:2.2em;
	}
	.recruit-voice div.introduction{
		margin-bottom:2.2em;
	}
	.recruit-voice div.introduction p{
		text-align:left;
		font-size:14px;
		font-size:1.4rem;
		line-height:1.8;
	}
	.recruit-voice div.introduction p span{
		display:inline;
	}
	.recruit-voice div.staff-voice{}
	.recruit-voice div.staff-voice.flex-box{}
	.recruit-voice div.staff-voice.flex-box > div{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.recruit-voice div.staff-voice.flex-box > div.box{
		font-size:14px;
		font-size:1.4rem;
		margin-bottom:2.2em;
	}
	.recruit-voice div.staff-voice.flex-box > div.box.flex-box{}
	.recruit-voice div.staff-voice.flex-box > div.box.flex-box > div:nth-child(1){
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.recruit-voice div.staff-voice.flex-box > div.box.flex-box > div:nth-child(1) > img{
		display:block;
		width:80%;
		margin:0 auto;
	}
	.recruit-voice div.staff-voice.flex-box > div.box.flex-box > div:nth-child(2){
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-left:0;
	}
	.recruit-voice div.staff-voice.flex-box > div.box p{}
	.recruit-voice div.staff-voice.flex-box > div.box p.name{}
	.recruit-voice div.staff-voice.flex-box > div.box p.name{
		text-align: center;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: normal;
		line-height: 1.2;
		letter-spacing: 0.04em;
		padding: 0.4em 0 0 0;
		margin-bottom:0;
	}
	.recruit-voice div.staff-voice.flex-box > div.box p.name span{
		display:block;
		font-size:12px;
		font-size:1.2rem;
		letter-spacing: 0;
		padding:0.4em 0;
	}
	.recruit-voice div.staff-voice.flex-box > div.box p.txt{
		margin-top:0;
	}
	.recruit-voice div.staff-voice.flex-box > div.box p.txt span{
		display:block;
	}
	.recruit-voice div.staff-voice.flex-box > div.box p.join{
		text-align:center;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.recruit-voice div.staff-voice.flex-box > div.box p.point{
		display:inline-block;
		min-height: 45px;
		padding-right:1.8em;
		margin-bottom: 0;
	}
	.recruit-voice div.staff-voice.flex-box > div.box p.point i{
		display:inline-block;
		font-family :"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
		font-size:20px;
		font-size:2.0rem;
		letter-spacing: 0;
		color:#000;
		/* 始点 */
		transform-origin:left bottom;
	}
	.recruit-voice div.staff-voice.flex-box > div.box p.point i:before{
		display:inline-block;
		content:"";
		background:#007f5a;
		width:1em;
		height:1.4em;
		margin-right:2.2em;
		/* 角度 */
		-webkit-transform:skewX(45deg);
		-ms-transform:skewX(45deg);
		transform:skewX(45deg);
		/* 始点 */
		-webkit-transform-origin:left top;
		-ms-transform-origin:left top;
		transform-origin:left top;
	}
}


/* recruit-outline-list */

.recruit-outline-list{
	padding-bottom:4.4em;
}

.recruit-outline-list.new-graduates{
	border-bottom:1px solid #ccc;
}

.recruit-outline-list.mid-career{}

.recruit-outline-list p.more{
	text-align:center;
	padding:2.8em 0 1.8em 0;
}

.recruit-outline-list p.more span{
	display:inline-block;
	background:#007f5a;
	padding:1px;
}
.recruit-outline-list p.more span a{
	display:block;
	background:#007f5a;
	font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size: 22px;
	font-size: 2.2rem;
	letter-spacing: 0.04em;
	color:#fff;
	border:1px solid #fff;
	padding: 0.4em 6.2em;
}

/* recruit-entry-form */

.recruit-entry-form{
	background: #f2f2f2;
	padding: 2.2em 0 6.2em 0;
}

.recruit-entry-form p{
	text-align:center;
}

.recruit-entry-form div.form-block{}



@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.recruit-outline-list{
		padding:0 0.8em 2.2em 0.8em;
	}
	.recruit-outline-list.new-graduates{
		border-bottom:1px solid #ccc;
	}
	.recruit-outline-list.mid-career{}
	.recruit-outline-list p.more{
		text-align:center;
		padding:2.8em 0 1.8em 0;
	}
	.recruit-outline-list p.more{
		display:block;
		width:80%;
		margin:0 auto;
	}
	.recruit-outline-list p.more span{
		display:block;
		background:#007f5a;
		padding:1px;
	}
	.recruit-outline-list p.more span a{
		display:block;
		background:#007f5a;
		font-family: "Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
		font-size: 22px;
		font-size: 2.2rem;
		letter-spacing: 0.04em;
		color:#fff;
		border:1px solid #fff;
		padding: 0.4em 0.2em;
	}
	/* recruit-entry-form */
	.recruit-entry-form{
		background: #f2f2f2;
		padding: 2.2em 0.8em 0.8em 0.em;
	}
	.recruit-entry-form p{
		text-align:left;
	}
	.recruit-entry-form div.form-block{}
}






/*******************************
/* inquiry
*******************************/

.inquiry-block{
	padding-bottom:6.6em;
}

.inquiry-guide{
	background: #f2f2f2;
	padding: 4.4em 0 6.2em 0;
}

.inquiry-guide div.box{
	background:#fff;
	width:920px;
	padding:2.4em;
	margin:0 auto 2.2em auto;
}

.inquiry-guide div.box p{
	margin-bottom:0;
}

.inquiry-guide div.box.flex-box{}
.inquiry-guide div.box.flex-box > div:nth-child(1){
	-webkit-flex: 0 0 44%;
	flex: 0 0 44%;
	max-width: 44%;
	text-align:center;
	padding:0 2.2em;
}
.inquiry-guide div.box.flex-box > div:nth-child(2){
	-webkit-flex: 1;
	flex: 1;
}

.inquiry-guide div.box.flex-box > div:nth-child(1) span{
	display:block;
	background: #007f5a;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝",serif;
	font-size:22px;
	font-size:2.2rem;
	font-weight:normal;
	line-height:1;
	color:#fff;
	padding:1.4em 1.2em;
}

.inquiry-guide div.box.flex-box > div:nth-child(2) p{}
.inquiry-guide div.box.flex-box > div:nth-child(2) p.contact{
	font-family: 'Roboto', sans-serif;
}
.inquiry-guide div.box.flex-box > div:nth-child(2) p.contact span.tel{
	font-size:22px;
	font-size:2.2rem;
	font-weight: bold;
	color:#007f5a;
}
.inquiry-guide div.box.flex-box > div:nth-child(2) p.contact span.tel i{
	font-size:32px;
	font-size:3.2rem;
	font-weight: 500;
}
.inquiry-guide div.box.flex-box > div:nth-child(2) p.contact span.fax{
	display:inline-block;
	padding-left:0.8em;
}



@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.inquiry-block{
		padding-bottom:2.2em;
	}
	.inquiry-guide{
		background: #f2f2f2;
		padding: 2.2em 0.8em 2.2em 0.8em;
	}
	.inquiry-guide div.box{
		background:#fff;
		width:100%;
		padding:1.2em;
		margin:0 auto;
	}
	.inquiry-guide div.box p{
		margin-bottom:0;
	}
	.inquiry-guide div.box.flex-box{}
	.inquiry-guide div.box.flex-box > div:nth-child(1){
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align:center;
		padding:0;
	}
	.inquiry-guide div.box.flex-box > div:nth-child(2){
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align:center;
	}
	.inquiry-guide div.box.flex-box > div:nth-child(1) span{
		display:block;
		background: #007f5a;
		font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝",serif;
		font-size:22px;
		font-size:2.2rem;
		font-weight:normal;
		line-height:1;
		color:#fff;
		padding:0.8em 1.2em;
		margin-bottom:0.4em;
	}
	.inquiry-guide div.box.flex-box > div:nth-child(2) p{}
	.inquiry-guide div.box.flex-box > div:nth-child(2) p.contact{
		font-family: 'Roboto', sans-serif;
	}
	.inquiry-guide div.box.flex-box > div:nth-child(2) p.contact span.tel{
		font-size:22px;
		font-size:2.2rem;
		font-weight: bold;
		color:#007f5a;
	}
	.inquiry-guide div.box.flex-box > div:nth-child(2) p.contact span.tel i{
		font-size:28px;
		font-size:2.8rem;
		font-weight: 500;
	}
	.inquiry-guide div.box.flex-box > div:nth-child(2) p.contact span.fax{
		display:inline-block;
		padding-left:0.8em;
	}

}






/*******************************
/* sitemap
*******************************/

.sitemap-block{
	padding: 4.4em 0;
}

.sitemap-block a{
	color:#000;
}

.sitemap-block div.sitemap-list{
	padding:1.8em 0;
}

.sitemap-block div.sitemap-list.flex-box{}
.sitemap-block div.sitemap-list.flex-box > div{
	-webkit-flex: 0 0 24%;
	flex: 0 0 24%;
	max-width: 24%;
	margin-bottom:2.2em;
}

.sitemap-block div.sitemap-list.flex-box > div strong{
	display:inline-block;
	margin-bottom:0.8em;
}

.sitemap-block div.sitemap-list.flex-box > div > ul{}
.sitemap-block div.sitemap-list.flex-box > div > ul li{
	font-size:13px;
	font-size:1.3rem;
}
.sitemap-block div.sitemap-list.flex-box > div > ul li:before{
	content: '\e762';
	font-family: 'entypo';
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0.2em;
	text-align: center;
	opacity: 0.8;
}


@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.sitemap-block{
		padding: 2.2em 0.8em;
	}
	.sitemap-block a{
		color:#000;
	}
	.sitemap-block div.sitemap-list{
		padding:1.2em 0;
	}
	.sitemap-block div.sitemap-list.flex-box{}
	.sitemap-block div.sitemap-list.flex-box > div{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom:2.2em;
	}
	.sitemap-block div.sitemap-list.flex-box > div strong{
		display:inline-block;
		margin-bottom:0.8em;
	}
	.sitemap-block div.sitemap-list.flex-box > div > ul{}
	.sitemap-block div.sitemap-list.flex-box > div > ul li{
		font-size:13px;
		font-size:1.3rem;
	}
	.sitemap-block div.sitemap-list.flex-box > div > ul li:before{
		content: '\e762';
		font-family: 'entypo';
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: 0.2em;
		text-align: center;
		opacity: 0.8;
	}
}





/*******************************
/* member
*******************************/

.member-block{
	padding:4.4em 0;
}

.member-block div.conference{
	margin-bottom:6.6em;
}

.member-block div.conference div.box a{
	display:block;
	background:#000;
	text-align:center;
	color:#fff;
	width:220px;
	padding:0.8em 0.4em;
	margin:0 auto;
}

.member-block div.conference div.box i{
	font-size: 42px;
	font-size: 4.2rem;
}

.member-block div.conference div.box > div p{
	font-size: 14px;
	font-size: 1.4rem;
}

.member-block div.process{}
.member-block div.process div.staff{
	padding-bottom:2.2em;
}
.member-block div.process div.staff.flex-box{}
.member-block div.process div.staff.flex-box > div{
	-webkit-flex: 0 0 14%;
	flex: 0 0 14%;
	max-width: 14%;
}

.member-block div.process div.staff.flex-box > div a{
	display:block;
	background:#000;
	text-align:center;
	color:#fff;
	padding:0.8em 0.4em;
	margin-bottom:1.2em;
}

.member-block div.process div.staff.flex-box > div a i{
	color:#fff;
	font-size: 42px;
	font-size: 4.2rem;
}

.member-block div.process div.staff.flex-box > div p{
	font-size: 14px;
	font-size: 1.4rem;
}

.member-staff-blog{
	padding:0 0 4.4em 0;
}



@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.member-block{
		padding:2.2em 0.8em;
	}
	.member-block div.conference{
		margin-bottom:2.2em;
	}
	.member-block div.conference div.box a{
		display:block;
		background:#000;
		text-align:center;
		color:#fff;
		width:80%;
		padding:0.8em 0.4em;
		margin:0 auto;
	}
	.member-block div.conference div.box i{
		font-size: 42px;
		font-size: 4.2rem;
	}
	.member-block div.conference div.box > div p{
		font-size: 14px;
		font-size: 1.4rem;
	}
	.member-block div.process{}
	.member-block div.process div.staff{}
	.member-block div.process div.staff.flex-box{}
	.member-block div.process div.staff.flex-box > div{
		-webkit-flex: 0 0 49%;
		flex: 0 0 49%;
		max-width: 49%;
	}
	.member-block div.process div.staff.flex-box > div a{
		display:block;
		background:#000;
		text-align:center;
		color:#fff;
		padding:0.8em 0.4em;
		margin-bottom:0.4em;
	}
	.member-block div.process div.staff.flex-box > div i{
		font-size: 42px;
		font-size: 4.2rem;
	}
	.member-block div.process div.staff.flex-box > div p{
		font-size: 14px;
		font-size: 1.4rem;
	}
}





/*******************************
/* privacy-policy
*******************************/

.privacy-policy-block{
	padding:4.4em 0;
}

.privacy-policy-block div.box{
	padding:0.8em 0;
}


@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.privacy-policy-block{
		padding:2.2em 0.8em;
	}

	.privacy-policy-block div.box{
		padding:0.8em 0;
	}
}




/*******************************
/* line-bg
*******************************/

.line-bg-01,
.line-bg-02,
.line-bg-03{
	background-position: center center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
}

.line-bg-01{
	background-image:url(images/line_bg_01.jpg);
	height:330px;
}

.line-bg-01 > div.inner{
	width:100%;
	margin-bottom:0.8em;
}

.line-bg-02{
	background-image:url(images/line_bg_02.jpg);
	height:auto;
}

.line-bg-02 > div.inner{
	width:100%;
	padding:6.2em 0;
}

.line-bg-03 > div.inner{
	width:100%;
	padding:6.2em 0;
}



.line-bg-01 i, .line-bg-01 strong,
.line-bg-02 i, .line-bg-02 strong,
.line-bg-03 i, .line-bg-03 strong{
	display:block;
	color:#fff;
	font-style:normal;
	font-weight:normal;
}

.line-bg-01 i,
.line-bg-02 i,
.line-bg-03 i{
	font-family :"Times New Roman","游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size:52px;
	font-size:5.2rem;
}
.line-bg-01 i{
	letter-spacing: 0.08em;
}

.line-bg-02 i{
	letter-spacing: 0.04em;
	margin-bottom:0.2em;
}

.line-bg-01 strong{
	font-size:22px;
	font-size:2.2rem;
}

.line-bg-02 strong{
	display:block;
	font-size:16px;
	font-size:1.6rem;
	margin-bottom:2.2em;
}

.line-bg-03 strong{
	display:block;
	font-size:18px;
	font-size:1.8rem;
	margin-bottom:1.2em;
}
	
.line-bg-02{}

.line-bg-02 div.home-recruit-entry{
	background-color: rgba(0,0,0,0.6);
	width:880px;
	padding:3.8em 0 5.2em 0;
	margin:0 auto;
}

.line-bg-02 div.home-recruit-entry p.more{
	display:inline-block;
	margin:0 0.8em;
}

.line-bg-02 div.home-recruit-entry p.more a{
}

.line-bg-03{
	background-image:url(images/line_bg_03.jpg);
	height:660px;
}

.line-bg-03 div.box{
	background-color: rgba(0,0,0,0.4);
	width:880px;
	padding:3.8em 0 3.8em 0;
	margin:0 auto;
}

.line-bg-03 div.box p{
	text-align:center;
	line-height:2.2;
	color:#fff;
}

.line-bg-03 div.box p span{
	display:block;
}



@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.line-bg-01,
	.line-bg-02,
	.line-bg-03{
		background-position: center center;
		background-attachment:initial;
		background-repeat:no-repeat;
		background-size:cover;
		text-align:center;
	}
	.line-bg-01{
		background-image:url(images/line_bg_01.jpg);
		height:auto;
		padding:2.8em;
	}
	.line-bg-01 > div.inner{
		width:100%;
		margin-bottom:0.8em;
	}
	.line-bg-02{
		background-image:url(images/line_bg_02.jpg);
		height:auto;
	}
	.line-bg-02 > div.inner{
		width:100%;
		padding:4.4em 0;
	}
	.line-bg-03 > div.inner{
		padding:4.4em 0;
	}
	.line-bg-01 i, .line-bg-01 strong,
	.line-bg-02 i, .line-bg-02 strong,
	.line-bg-03 i, .line-bg-03 strong{
		display:block;
		color:#fff;
		font-style:normal;
		font-weight:normal;
	}
	.line-bg-01 i,
	.line-bg-02 i,
	.line-bg-03 i{
		font-family :"Times New Roman","游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
		font-size:38px;
		font-size:3.8rem;
	}
	.line-bg-01 i{
		letter-spacing: 0.08em;
	}
	.line-bg-02 i{
		letter-spacing: 0.04em;
		margin-bottom:0.2em;
	}
	.line-bg-01 strong{
		font-size:22px;
		font-size:2.2rem;
	}
	.line-bg-02 strong{
		display:block;
		font-size:14px;
		font-size:1.4rem;
		margin-bottom:2.2em;
	}
	.line-bg-03 strong{
		font-size:14px;
		font-size:1.4rem;
		margin-bottom:1.2em;
	}
	.line-bg-02{}
	.line-bg-02 div.home-recruit-entry{
		background-color: rgba(0,0,0,0.6);
		width:100%;
		padding:2.2em 0.8em;
		margin:0 auto;
	}
	.line-bg-02 div.home-recruit-entry p.more{
		display:block;
		margin:0.4em auto;
	}
	.line-bg-02 div.home-recruit-entry p.more a{}
	.line-bg-03{
		background-image:url(images/line_bg_03.jpg);
		height:auto;
		padding:2.8em 0;
	}
	.line-bg-03 div.box{
		background-color: rgba(0,0,0,0.4);
		width:100%;
		padding:2.2em 0.8em;
		margin:0 auto;
	}
	.line-bg-03 div.box p{
		text-align:left;
		line-height:1.8;
		color:#fff;
	}
	.line-bg-03 div.box p span{
		display:inline;
	}
}







/*************************
/* ボックス
*************************/

div.time-date{
	text-align:right;
	padding:0.2em 0;
}

div.time-date span{}



img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}







/*******************************
/* 見出し
 * type-01
 * type-02
 * type-03
 * type-04
 * type-05
 * type-06
*******************************/

#container h2{}
#container h3{}

h2.type-01{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size:38px;
	font-size:3.8rem;
	font-weight:normal;
	color:#000;
	text-align:center;
	line-height:1.4;
	margin-bottom:0.8em;
}

h3.type-02{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size:28px;
	font-size:2.8rem;
	font-weight:normal;
	color:#000;
	text-align:center;
	line-height:1.4;
	margin-bottom:0.8em;	
}

h3.type-02 span{
	display:block;
	font-family :"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size:52px;
	font-size:5.2rem;
	padding-bottom:0.4em;
}

h3.type-03{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-align: center;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: 0.04em;
	padding-bottom: 0.4em;
	margin-bottom: 0.8em;
}

h3.type-03 span{
	display:block;
	font-family :"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size:22px;
	font-size:2.2rem;
	color:#007f5a;
	letter-spacing: 0;
	padding:0.4em 0;
}

h4.type-04{
	border-left:4px solid #007f5a;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 0.04em;
	padding-left:0.8em;
	margin-bottom:0.8em;
}

h3.type-05{
	text-align:center;
	font-size:26px;
	font-size:2.6rem;
	font-weight:normal;
	line-height:1.8;
	letter-spacing: 2px;
	border-bottom:1px solid #cdcdcd;
	padding-bottom:0.6em;
	margin-bottom:1.2em;
}

h3.type-05 a{
	color:#000;
}


h3.type-06{
	font-size:16px;
	font-size:1.6rem;
	font-weight:normal;
	color:#000;
	line-height:1.2;
	margin-bottom:0.8em;
}

h3.type-06 span{
	display:inline-block;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝",serif;
	font-size:44px;
	font-size:4.4rem;
	font-style: italic;
	vertical-align: baseline;
	color:#007f5a;
	padding-right:0.8em;
}




@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	h2.type-01{
		font-size:24px;
		font-size:2.4rem;
		line-height:1.6;
		margin-bottom:0.8em;
	}
	h3.type-02{
		font-size:20px;
		font-size:2.0rem;
		color:#000;
		line-height:1.6;
		margin-bottom:0.8em;	
	}
	h3.type-02 span{
		display:block;
		font-size:38px;
		font-size:3.8rem;
		padding-bottom:0.4em;
	}
	h3.type-03{
		text-align: center;
		font-size:24px;
		font-size:2.4rem;
		font-weight: normal;
		line-height: 1.4;
		letter-spacing: 0.04em;
		padding-bottom: 0.4em;
		margin-bottom: 0.8em;
	}
	h3.type-03 span{
		display:block;
		font-size:22px;
		font-size:2.2rem;
		color:#007f5a;
		letter-spacing: 0;
		padding:0.4em 0;
	}
	h4.type-04{
		border-left:4px solid #007f5a;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.4;
		letter-spacing: 0.04em;
		padding-left:0.8em;
		margin-bottom:0.8em;
	}
	h3.type-05{
		text-align:center;
		font-size:18px;
		font-size:1.8rem;
		font-weight:normal;
		line-height:1.4;
		letter-spacing: 2px;
		border-bottom:1px solid #cdcdcd;
		padding-bottom:0.6em;
		margin-bottom:1.2em;
	}
	h3.type-05 a{
		color:#000;
	}
}




/*************************
/* ul
*************************/

ul.decimal-01,
ul.disc-01,
ul.upper-roman-01,
ul.upper-alpha-01{
	padding-left: 2em;
}

/* 数字(1,2,3,4...) */
ul.decimal-01 > li{
	list-style:decimal;
	font-weight: normal;
	color:#000;
	line-height:2;
}

/* 黒丸ポチ */
ul.disc-01 > li{
	list-style:disc;
	font-weight:normal;
	color:#000;
}

/* ローマ数字(大文字) #未使用# */
ul.upper-roman-01 > li{
	list-style-type:upper-roman;
	font-weight: bold;
	color:#000;
	margin-bottom:20px;
}

/* アルファベット(大文字) #未使用# */
ul.upper-alpha-01{
	list-style-type:upper-alpha;
	font-weight: normal;
	color:#000;
}




/*******************************
/* dl
 * type-01
 * type-02
*******************************/

dl.type-01{
	border-top:solid 1px #ccc;
	font-size:16px;
	font-size:1.6rem;
}

dl.type-01.flex-box{}

dl.type-01.flex-box dt,
dl.type-01.flex-box dd{
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	border-bottom:solid 1px #ccc;
	padding: 1.2em 2.2em;
}

dl.type-01.flex-box dt{
	-webkit-flex: 0 0 30%;
	flex: 0 0 30%;
	max-width: 30%;
	-webkit-justify-content:center;
	justify-content:center;
	color:#000;
	background:#e8e8e8;
}

dl.type-01.flex-box dd{
	-webkit-flex: 0 0 70%;
	flex: 0 0 70%;
	max-width: 70%;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
	background:#fff;
}

dl.type-01.flex-box dd span{
	display:block;
	width:100%;
}

dl.type-01.flex-box dd i{
	display:inline-block;
	width:10em;
	padding:0 1.2em;
}

/* type-02 */

dl.type-02{
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	width:60%;
	margin:0 auto 1.2em auto;
}

div.member-staff-blog dl.type-02{width:100%;}

dl.type-02.flex-box{}

dl.type-02.flex-box dt,
dl.type-02.flex-box dd{
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	border-bottom:solid 1px #ccc;
	padding: 1.2em 2.2em;
}

dl.type-02.flex-box dt{
	-webkit-flex: 0 0 30%;
	flex: 0 0 30%;
	max-width: 30%;
	-webkit-justify-content:center;
	justify-content:center;
	color:#fff;
	background:#222;
}

dl.type-02.flex-box dd{
	-webkit-flex: 0 0 70%;
	flex: 0 0 70%;
	max-width: 70%;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
	background:#fff;
}

dl.type-02.flex-box dd span{
	display:block;
	width:100%;
}

dl.type-02.flex-box dd i{
	display:inline-block;
	width:10em;
	padding:0 1.2em;
}

dl.type-02.flex-box dd a{
	color:#000;
}

/* type-03 */

dl.type-03{
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	width:60%;
	margin:0 auto 1.2em auto;
}

dl.type-03.flex-box{}

dl.type-03.flex-box dt,
dl.type-03.flex-box dd{
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	border-bottom:solid 1px #ccc;
	padding: 1.2em 2.2em;
}

dl.type-03.flex-box dt{
	-webkit-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	-webkit-justify-content:center;
	justify-content:center;
	color:#fff;
	background:#222;
}

dl.type-03.flex-box dd{
	-webkit-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
	background:#fff;
}

dl.type-03.flex-box dd p{
	width:100%;
	text-align:right;
	margin-bottom:0;
}

dl.type-03.flex-box dd span{
	display:block;
	width:100%;
}

dl.type-03.flex-box dd i{
	display:inline-block;
	width:10em;
	padding:0 1.2em;
}

dl.type-03.flex-box dd a{
	color:#000;
}




@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	dl.type-01{
		border-top:solid 1px #ccc;
		border-right:solid 1px #ccc;
		border-left:solid 1px #ccc;
	}
	dl.type-01.flex-box{}
	dl.type-01.flex-box dt,
	dl.type-01.flex-box dd{
		display:-webkit-flex;
		display:flex;
		-webkit-align-items:center;
		align-items:center;
		border-bottom:solid 1px #ccc;
		padding: 0.6em 1.6em;
	}
	dl.type-01.flex-box dt{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		-webkit-justify-content:center;
		justify-content:center;
		color:#000;
		background:#e8e8e8;
	}
	dl.type-01.flex-box dd{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		background:#fff;
		padding-bottom:1.2em;
	}
	dl.type-01.flex-box dd span{}
	dl.type-01.flex-box dd i{
		display:block;
		width:100%;
		text-align:left;
		font-weight:bold;
		padding:0;
	}
	dl.type-02{
		border-top:solid 1px #ccc;
		border-right:solid 1px #ccc;
		border-left:solid 1px #ccc;
		width:100%;
		margin:0 auto 1.2em auto;
	}
	div.member-staff-blog dl.type-02{width:100%;}
	dl.type-02.flex-box{}
	dl.type-02.flex-box dt,
	dl.type-02.flex-box dd{
		display:-webkit-flex;
		display:flex;
		-webkit-align-items:center;
		align-items:center;
		border-bottom:solid 1px #ccc;
		padding: 1.2em 2.2em;
	}
	dl.type-02.flex-box dt{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		-webkit-justify-content:center;
		justify-content:center;
		color:#fff;
		background:#222;
	}
	dl.type-02.flex-box dd{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		background:#fff;
	}
	dl.type-02.flex-box dd span{
		display:block;
		width:100%;
	}
	dl.type-02.flex-box dd i{
		display:inline-block;
		width:10em;
		padding:0 1.2em;
	}
	dl.type-02.flex-box dd a{
		color:#000;
	}
}






/*******************************
/* footer
*******************************/

footer{
	border-top:1px solid #e5e5e5;
	background:#fff;
}

body.home footer{
	border-top:none
}

/* footer-upper */

.footer-upper{
	font-size:13px;
	font-size:1.3rem;
	padding:4.4em 0;
}

.footer-upper.inner{}
.footer-upper.inner.flex-box{}

.footer-upper.inner.flex-box > div:nth-child(1){
	-webkit-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
.footer-upper.inner.flex-box > div:nth-child(2){
	-webkit-flex: 0 0 48%;
	flex: 0 0 48%;
	max-width: 48%;
}

.footer-upper.inner.flex-box > div.corporation > div.logo{
	height: 68px;
}
.footer-upper.inner.flex-box > div.corporation > div.logo img{
	height: 40px;
}

.footer-upper.inner.flex-box > div.corporation > div.about{
	/*padding-left:4.4em;*/
}

/*
.footer-upper.inner.flex-box > div.corporation > div.about h2{
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	margin-bottom: 1.2em;
}
*/

.footer-upper.inner.flex-box > div.corporation > div.about div.address{}
.footer-upper.inner.flex-box > div.corporation > div.about div.address.flex-box{}
.footer-upper.inner.flex-box > div.corporation > div.about div.address.flex-box > div:nth-child(1){
	-webkit-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	font-weight:bold;
}
.footer-upper.inner.flex-box > div.corporation > div.about div.address.flex-box > div:nth-child(2){
	-webkit-flex: 1;
	flex: 1;
}

.footer-upper.inner.flex-box > div.corporation > div.about div.address p{
	margin-bottom:1.2em;
}
.footer-upper.inner.flex-box > div.corporation > div.about div.address p span{
	display:block;
	margin-bottom:0.14em;
}

.footer-upper.inner.flex-box > div.menu{
	padding-top:65px;
}
.footer-upper.inner.flex-box > div.menu ul{}
.footer-upper.inner.flex-box > div.menu ul li{}
.footer-upper.inner.flex-box > div.menu ul li a{
	display:inline-block;
	color:#000;
	padding:0.28em 0;
}

@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	footer{
		border-top:1px solid #e5e5e5;
		background:#fff;
		padding:0 0.8em;
	}
	body.home footer{
		border-top:none
	}
	/* footer-upper */
	.footer-upper{
		font-size:13px;
		font-size:1.3rem;
		padding:2.2em 0;
	}
	.footer-upper.inner{}
	.footer-upper.inner.flex-box{}
	.footer-upper.inner.flex-box > div:nth-child(1){
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.footer-upper.inner.flex-box > div:nth-child(2){
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.footer-upper.inner.flex-box > div.corporation > div.logo{
		height: auto;
		text-align:center;
	}
	.footer-upper.inner.flex-box > div.corporation > div.logo img{
		width:90%;
		height: auto;
		margin-bottom:1.2em;
	}
	.footer-upper.inner.flex-box > div.corporation > div.about{
		/*padding-left:4.4em;*/
	}
	/*
	.footer-upper.inner.flex-box > div.corporation > div.about h2{
		font-size:14px;
		font-size:1.4rem;
		font-weight:bold;
		margin-bottom: 1.2em;
	}
	*/
	.footer-upper.inner.flex-box > div.corporation > div.about div.address{}
	.footer-upper.inner.flex-box > div.corporation > div.about div.address.flex-box{}
	.footer-upper.inner.flex-box > div.corporation > div.about div.address.flex-box > div:nth-child(1){
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		font-weight:bold;
	}
	.footer-upper.inner.flex-box > div.corporation > div.about div.address.flex-box > div:nth-child(2){
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.footer-upper.inner.flex-box > div.corporation > div.about div.address p{
		margin-bottom:1.2em;
	}
	.footer-upper.inner.flex-box > div.corporation > div.about div.address p span{
		display:block;
		margin-bottom:0.14em;
	}
	.footer-upper.inner.flex-box > div.menu{
		padding-top:0;
	}
	.footer-upper.inner.flex-box > div.menu.flex-box{}
	.footer-upper.inner.flex-box > div.menu.flex-box > ul{
		-webkit-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.footer-upper.inner.flex-box > div.menu.flex-box > ul:nth-child(1){order:5;}
	.footer-upper.inner.flex-box > div.menu.flex-box > ul:nth-child(2){order:1;}
	.footer-upper.inner.flex-box > div.menu.flex-box > ul:nth-child(3){order:2;}
	.footer-upper.inner.flex-box > div.menu.flex-box > ul:nth-child(4){order:3;}
	.footer-upper.inner.flex-box > div.menu.flex-box > ul:nth-child(5){order:4;}
	
	.footer-upper.inner.flex-box > div.menu ul{}
	.footer-upper.inner.flex-box > div.menu ul li{}
	.footer-upper.inner.flex-box > div.menu ul li a{
		display:inline-block;
		color:#000;
		padding:0.28em 0;
	}
}




/* footer-lower */

.footer-lower{
	padding:1.6em 0;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}

.footer-lower > div.inner{}
.footer-lower > div.inner.flex-box{}

.footer-lower > div.inner.flex-box > div{
	-webkit-flex: 0 0 26%;
	flex: 0 0 26%;
	max-width: 26%;
	border-right:1px solid #e5e5e5;
	padding:0.8em 0;
}

.footer-lower > div.inner.flex-box > div:nth-child(1){}

.footer-lower > div.inner.flex-box > div:nth-child(2),
.footer-lower > div.inner.flex-box > div:nth-child(3){
	-webkit-flex: 0 0 26%;
	flex: 0 0 26%;
	max-width: 26%;
	padding-left:0.8em;
}

.footer-lower > div.inner.flex-box > div:last-child{
	-webkit-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	border-right:none;
	text-align:center;
	padding:0 0.8em;
}

.footer-lower > div.inner.flex-box > div p{
	font-size:12px;
	font-size:1.2rem;
	line-height:1.8;
}

.footer-lower > div.inner.flex-box > div p span{
	display:block;
}

.footer-lower > div.inner.flex-box > div p strong{
	font-size:13px;
	font-size:1.3rem;
	font-weight:bold;
}

.footer-lower > div.inner.flex-box > div:last-child p.login{
	display:block;
	background:#007f5a;
	padding:1px;
}

.footer-lower > div.inner.flex-box > div:last-child p.login a{
	display:block;
	background:#007f5a;
	color:#fff;
	border:1px solid #fff;
	padding:0.88em 0;
}


.footer-lower > div.inner.flex-box > div:last-child p.login.type-login,
.footer-lower > div.inner.flex-box > div:last-child p.login.type-login a{
	background:#671e38;
}




.footer-lower > div.inner.flex-box > div:last-child p.attention{
	font-size:11px;
	font-size:1.1rem;
}

.footer-lower > div.inner.flex-box > div:last-child p.attention.type-login{
	color:#ff0000;
	font-weight:bold;
}

.copyright{
	padding:2.2em 0 6.6em 0;
}

address{
	font-size:11px;
	font-size:1.1rem;
	text-align:right;
}


@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.footer-lower{
		padding:0;
		border-top:1px solid #e5e5e5;
		border-bottom:1px solid #e5e5e5;
	}
	.footer-lower > div.inner{}
	.footer-lower > div.inner.flex-box{}
	.footer-lower > div.inner.flex-box > div:nth-child(1),
	.footer-lower > div.inner.flex-box > div:nth-child(2),
	.footer-lower > div.inner.flex-box > div:nth-child(3){
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		border-right:none;
		padding:1.2em 0;
		border-bottom:1px solid #e5e5e5;
	}
	.footer-lower > div.inner.flex-box > div:nth-child(2),
	.footer-lower > div.inner.flex-box > div:nth-child(3){
		padding-left:0;
		
	}
	.footer-lower > div.inner.flex-box > div:last-child{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		border:none;
		text-align:center;
		padding:1.2em 0;
	}
	.footer-lower > div.inner.flex-box > div p{
		font-size:13px;
		font-size:1.3rem;
	}
	.footer-lower > div.inner.flex-box > div p span{
		display:block;
	}
	.footer-lower > div.inner.flex-box > div p strong{
		font-size:14px;
		font-size:1.4rem;
		font-weight:bold;
	}
	.footer-lower > div.inner.flex-box > div:last-child p.login{
		display:block;
		background:#007f5a;
		padding:1px;
	}
	.footer-lower > div.inner.flex-box > div:last-child p.login a{
		display:block;
		background:#007f5a;
		color:#fff;
		border:1px solid #fff;
		padding:0.88em 0;
	}
	.footer-lower > div.inner.flex-box > div:last-child p.attention{
		font-size:11px;
		font-size:1.1rem;
	}
	.copyright{
		padding:2.2em 0 6.6em 0;
	}
	address{
		font-size:11px;
		font-size:1.1rem;
		text-align:center;
	}

}








/*******************************
/* input
*******************************/

#trust-form{
	text-align:center;
	padding: 0;
}

#trust-form > p{
	margin-bottom:40px;
}

#trust-form ul{}
#trust-form ul li{
	/* float:left; */
}

#trust-form.contact-form label{
	/* padding-right: 2em; */
}

div#trust-form.contact-form table th{
	font-weight:normal !important;
	text-align: center !important;
	vertical-align: middle !important;
	width:30%;
}

div#trust-form.contact-form table td{
	width:70%;
}

input{
	padding: 12px 18px;
	margin:0 5px;
}

input#login_username,
input#login_password{
	width:100%;
}

textarea{
	padding: 8px 10px;
	width: 100%;
}

input.txt-in{
	width: 100%;
}

input.txt-mini{
	width: 20%;
}

textarea.txt-w{
	width: 100%;
	height: 110px;
}

div#trust-form input[type=checkbox],
div#trust-form input[type=radio]{
    margin-bottom:0;
}

div#trust-form.contact-form label{
    font-weight:normal;
}

div#trust-form.contact-form table th{
    font-weight:normal !important;
}


@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	#trust-form{
		text-align:left;
		padding:0 0.8em;
	}
	#trust-form > p{
		margin-bottom:0px;
	}
	#trust-form.contact-form table th,
	#trust-form.contact-form table td{
		width:100% !important;
	}
	textarea{
		padding: 8px 10px;
		width: 100%;
	}
	input.txt-in{
		width: 100%;
	}
	input.txt-mini{
		width: 100%;
	}
	textarea.txt-w{
		width: 100%;
		height: 60px;
	}
	input{
		font-size:16px;
	}
	div#trust-form input[type=email],
	div#trust-form input[type=text],
	div#trust-form input[type=url],
	#trust-form textarea.txt-w{
	width: 100%;
	max-width:100%;
	margin-bottom:0;
	}
	div#trust-form input[type=checkbox],
	div#trust-form input[type=radio]{
	margin-bottom:0;
	}
	div#trust-form label{
	font-weight:normal;
	}
	div#trust-form.contact-form table td{
		background:#fff;
	}
}







/*wp-pagenavi*/
.wp-pagenavi{
	clear: both;
	text-align:center;
	padding:40px 0;
	font-size:14px;
}

.wp-pagenavi a, .wp-pagenavi span {
	color: #000;
	background: #f5f5f5;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
}

.wp-pagenavi a:hover{
	color: #fff;
	background: #007f5a;
}

.wp-pagenavi span.current{
	color: #fff;
	background: #007f5a;
	font-weight: bold;
}


@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.wp-pagenavi{
		padding:1.2em 0;
		font-size:14px;
	}
}






/*******************************
/* 社員専用ページ
*******************************/

.post-password-login{
	text-align:center;
	padding-bottom:4.4em;
}

.post-password-form{
	text-align:center;
	padding:4.4em 0;
}

.post-password-form p{
	padding:2.2em 0;
}

.post-password-form + .logout-button{display:none;}

.login-button,
.logout-button,
.member-staff-blog-button{
	text-align:center;
}

.login-button p,
.logout-button p,
.member-staff-blog-button p{
	display:block;
	background:#007f5a;
	width: 260px;
	padding:1px;
    margin: 0 auto;
}

.login-button p a,
.logout-button p a,
.member-staff-blog-button a{
	display:block;
	background:#007f5a;
	color:#fff;
	border:1px solid #fff;
	padding:0.88em 0;
}

.logout-button p,
.logout-button p a{
	background:#671e38;
}

.member-staff-blog-button p,
.member-staff-blog-button p a{
	background:#3d4351;
}




@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.post-password-form{
		text-align:left;
		padding:2.2em 0.8em;
	}
	.post-password-form p{
		padding:0.8em 0;
	}
	.post-password-form + .logout-button{display:none;}
	.login-button,
	.logout-button
	.member-staff-blog-button{
		text-align:center;
	}
	.login-button p,
	.logout-button p,
	.member-staff-blog-button p{
		display:block;
		background:#007f5a;
		width: 80%;
		padding:1px;
		margin: 0 auto;
	}
	.login-button p a,
	.logout-button p a,
	.member-staff-blog-button p a{
		display:block;
		background:#007f5a;
		color:#fff;
		border:1px solid #fff;
		padding:0.88em 0;
	}
	.logout-button p,
	.logout-button p a{
		background:#671e38;
	}
	.member-staff-blog-button p,
	.member-staff-blog-button p a{
		background:#3d4351;
	}
	.post-password-form input{
		width: 40%;
	}
	.post-password-form input[type="submit"]{
		width: 20%;
		padding:0.4em;
	}
}




/*******************************
/* mw-wp-mail
*******************************/

div.mw-wp-mail-box{}
div.mw-wp-mail-box div.mw-wp-mail-message{
	text-align:center;
	margin-bottom:1.8em;
}
div.mw-wp-mail-box div.mw-wp-mail-message p.mw_wp_form_input,
div.mw-wp-mail-box div.mw-wp-mail-message p.mw_wp_form_confirm{display:none;}
div.mw_wp_form.mw_wp_form_input div.mw-wp-mail-box div.mw-wp-mail-message p.mw_wp_form_input{display:block;}
div.mw_wp_form.mw_wp_form_confirm div.mw-wp-mail-box div.mw-wp-mail-message p.mw_wp_form_confirm{display:block;}
div.mw-wp-mail-box .margin-bottom{
	margin-bottom:0.6em;
}
div.mw-wp-mail-box span.mwform-zip-field{
	display:block;
	width:100%;
	margin-bottom:0.6em;
}
div.mw-wp-mail-box span.mwform-radio-field.vertical-item{
	display:block;
	width:100%;
}
div.mw-wp-mail-box span.mwform-radio-field.horizontal-item + .horizontal-item{
	margin-left:1.8em;
}
div.mw-wp-mail-box p.example{
	display:block;
	width:100%;
	color:#999;
	font-size:14px;
	font-size:1.4rem;
	padding-top:0.6em;
	margin-bottom:0;
}
div.mw-wp-mail-box p.example span{
	display:block;
	width:100%;
}
div.mw-wp-mail-box i.required{
	display:inline-block;
	background:#007f5a;
	color:#fff;
	font-size:11px;
	font-size:1.1rem;
	border-radius:4px;
	padding:0.1em 0.6em;
	margin-left:0.6em;
}
div.mw-wp-mail-box div.submit-button{
	text-align:center;
	padding-top:2.2em;
}
div.mw-wp-mail-box div.submit-button input[type=submit]{
	padding:0.8em 4.8em;
}
div.mw-wp-mail-box div.submit-button p{}
div.mw-wp-mail-box div.submit-button p span{
	display:block;
}
div.mw-wp-mail-box select,
div.mw-wp-mail-box textarea,
div.mw-wp-mail-box input[type=text],
div.mw-wp-mail-box input[type=email]{
	font-family: Arial, sans-serif;
	width:80%;
	height:3.2em;
	border-radius:4px;
	border:1px solid #ddd;
	padding:0.8em 0.8em;
}
div.mw-wp-mail-box select{}
div.mw-wp-mail-box input.size-ss[type=text]{
	width:18%;
	margin-right:0.6em;
}
div.mw-wp-mail-box input.type-zip[type=text]{
	width:18%;
}
div.mw-wp-mail-box textarea{
	width:88%;
	height:9.4em;
}
div.mw-wp-mail-box textarea.type-address{
	width:88%;
	height:4.8em;
}
div.mw-wp-mail-box select:focus,
div.mw-wp-mail-box textarea:focus,
div.mw-wp-mail-box input[type=text]:focus,
div.mw-wp-mail-box input[type=email]:focus{
	border-color:rgba(0,0,0,0.1);;
	outline: 0;
	box-shadow:0 0 0 0.14em rgba(0,0,0,0.06);
}
div.mw-wp-mail-box span.error{
	padding:0.4em 0.4em;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	div.mw-wp-mail-box{
		padding:0 0.8em;
	}
	div.mw-wp-mail-box span.mwform-zip-field{
		display:block;
		width:100%;
		margin-bottom:0.6em;
	}
	div.mw-wp-mail-box span.mwform-radio-field.vertical-item{
		display:block;
		width:100%;
	}
	div.mw-wp-mail-box span.mwform-radio-field.horizontal-item{
		display:block;
		width:100%;
	}
	div.mw-wp-mail-box span.mwform-radio-field.horizontal-item + .horizontal-item{
		margin-left:0;
	}
	div.mw-wp-mail-box p.example{
		display:block;
		width:100%;
		color:#999;
		font-size:12px;
		font-size:1.2rem;
		padding-top:0.6em;
		margin-bottom:0;
	}
	div.mw-wp-mail-box p.example span{
		display:block;
		width:100%;
	}
	div.mw-wp-mail-box i.required{
		display:inline-block;
		background:#007f5a;
		color:#fff;
		font-size:11px;
		font-size:1.1rem;
		border-radius:4px;
		padding:0.1em 0.6em;
		margin-left:0.6em;
	}
	div.mw-wp-mail-box div.submit-button{
		text-align:center;
		padding:2.2em 0 0 0;
	}
	div.mw-wp-mail-box div.submit-button input[type=submit]{
		padding:0.8em 4.8em;
		margin-bottom:0;
	}
	div.mw-wp-mail-box div.submit-button p{}
	div.mw-wp-mail-box div.submit-button p span{
		display:inline-block;
	}
	div.mw-wp-mail-box select,
	div.mw-wp-mail-box textarea,
	div.mw-wp-mail-box input[type=text],
	div.mw-wp-mail-box input[type=email]{
		width:100%;
		height:3.4em;
		font-size:16px;
		border-radius:4px;
		border:1px solid #ddd;
		padding:0.8em 0.8em;
	}
	div.mw-wp-mail-box select:focus,
	div.mw-wp-mail-box textarea:focus,
	div.mw-wp-mail-box input[type=text]:focus,
	div.mw-wp-mail-box input[type=email]:focus{
		border-color:rgba(255,198,0,0.8);;
		outline: 0;
		box-shadow:0 0 0 0.2em rgba(255,198,0,0.4);
	}
	div.mw-wp-mail-box select{
		font-size:16px;
		font-size:1.6rem;
	}
	div.mw-wp-mail-box input.type-zip[type=text]{
		width:40%;
	}
	div.mw-wp-mail-box textarea{
		width:100%;
		height:6.2em;
	}
	div.mw-wp-mail-box textarea.type-address{
		width:100%;
		height:6.2em;
	}
}

/* dl.mw-wp-mail-dl-list */

div.mw-wp-mail-box dl.mw-wp-mail-dl-list{}
div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box{
	border-top:solid 1px #ddd;
}
div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dt,
div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dd{
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	border-bottom:solid 1px #ddd;
	padding:1.4em 1.4em;
}
div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dt{
	-webkit-flex: 0 0 38%;
	flex: 0 0 38%;
	max-width: 38%;
	-webkit-justify-content:center;
	justify-content:center;
	background:#f2f2f2;
}
div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dd{
	-webkit-flex: 0 0 62%;
	flex: 0 0 62%;
	max-width: 62%;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}
div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dd span.vertical-item{
	display:block;
	width:100%;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	div.mw-wp-mail-box dl.mw-wp-mail-dl-list{}
	div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box{
		border-top:solid 1px #ddd;
		border-left:solid 1px #ddd;
		border-right:solid 1px #ddd;
	}
	div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dt,
	div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dd{
		display:-webkit-flex;
		display:flex;
		-webkit-align-items:center;
		align-items:center;
		border-bottom:solid 1px #ddd;
		padding:0.6em 1.2em;
	}
	div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dt{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		-webkit-justify-content:center;
		justify-content:center;
		background:#f3f3f3;
	}
	div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dd{
		-webkit-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	div.mw-wp-mail-box dl.mw-wp-mail-dl-list.flex-box dd span.vertical-item{
		display:block;
		width:100%;
	}
}