@charset "utf-8";
/* CSS Document */
/*--- 共通 ------------------------------------*/
#BLOG .cate_box a,#about .cate_box a,#recruit .cate_box a,#staff .cate a,#gallery .cate a{
	color: #0f894d;
}
.page_title_box{
	background-color: rgba(255,255,255,0.8);
}
.page_title_box .page_title{
	padding: 200px 0 100px;
	width: 100%;
	z-index: 9;
}
.page_title_box .page_title::before{
	display: inline-block;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.page_title_box .page_title h2, .page_title_box .page_title p{
	z-index: 10;
}

/*--- BLOG ------------------------------------*/
#BLOG .pagenation li a {
    width: 70px;
    height: 50px;
    line-height: 50px;
	font-size: 14px;
}
#BLOG .pagenation .prev a,#BLOG .pagenation .next a{
	position: relative;
}
#BLOG .pagenation .prev a::before,#BLOG .pagenation .next a::before{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	content: "\03c";
	color: #f19233;
	transition: all .3s;
}
#BLOG .pagenation .next a::before{
	content: "\03e";
}
#BLOG .pagenation .prev a:hover::before,#BLOG .pagenation .next a:hover::before{
	color: #fff;
}
#BLOG .cate_box{
	margin-bottom: 80px;
}
#BLOG .cate_box:last-of-type{
	margin-bottom: 80px;
}

#BLOG .box_item.date_wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1px;
    width: calc(100% - 180px);
    height: 1px;
    background-color: #eee;
}
#BLOG .pagenation .prev a::before, #BLOG .pagenation .next a::before{display: none;}

/*--- about ------------------------------------*/
#about .box_item.txt{
	border-radius: 0 0 0 10px;
	box-sizing: border-box;
}

/*--- staff ------------------------------------*/
#staff .box_wrap {
    position:relative;
    padding:3em 1.8em 2.5em;
    margin:2em auto;
    background:#f9fdf1;
    overflow:hidden;
}
#staff .box_wrap:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 16px 16px 0;
    border-style:solid;
    border-color:#fff #fff #e5ecd6 #e5ecd6;
    background:#e5ecd6;
    display:block; width:0;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}
#staff .box_wrap .cate_box:last-of-type {
    margin-bottom: 5px;
}
#staff .box_item::before{
	display: inline-block;
    content: "";
    width: 8px;
    height: 100%;
    background: #e6eb68;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
	z-index: 1;
}
#staff .box_txt1{
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
}

/*--- recruit ------------------------------------*/
#recruit .cate_box:first-of-type .box_item {
    border-top: 1px solid #eee;
}
#recruit .cate_box:last-of-type .box_txt1 {
    border-bottom: 1px solid #eee!important;
}
#recruit .cate_box .pd_10px{
	padding: 20px 15px;
}

/*--- page_info ------------------------------------*/
#page_info .map iframe{
	height: 400px;
}

/*--- contact ------------------------------------*/
#contact #mail_contact li:before{
	content: "◆";
	font-weight: 900;
	position: absolute;
	top: 0;
	left: 5px;
}
#contact #form_box .box input::-webkit-input-placeholder,#contact #form_box .box textarea::-webkit-input-placeholder{
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	opacity: 0.8;
}
#contact #form_box .box input:-moz-placeholder,#contact #form_box .box textarea:-moz-placeholder{
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	opacity: 0.8;
}
#contact #form_box .box input::-moz-placeholder,#contact #form_box .box textarea::-moz-placeholder{
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	opacity: 0.8;
}
#contact #form_box .box input:-ms-input-placeholder,#contact #form_box .box textarea:-ms-input-placeholder{
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	opacity: 0.8;
}
#contact #form_box .box input,#contact #form_box .box textarea{
	outline: none;
	border-style: none;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#contact input[type="submit"].btn,
#contact input[type="reset"].btn{
	-webkit-appearance: none;
	/*background: transparent;*/
	border-radius: 0;
	outline: none;
	border: 1px solid #fff;
	cursor: pointer;
	color: #fff;
}
#contact input[type="submit"].btn:disabled{
    cursor: default;
}
.g-recaptcha > div{
	margin: 0 auto;
}

/* IE */
@media all and (-ms-high-contrast: none){
#BLOG .pagenation li a{
	line-height: 51px;
}
#BLOG .pagenation li#mae a,#BLOG .pagenation li#tugi a{
	line-height: 53px;
}
#staff .box_item{
	padding-top: 10px;
}
#privacy a{
	padding-top: 6px;
}
#contact .btn{
	padding-bottom: 9px;
}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.page_title_box .page_title {
    background-position: top;
    padding: 150px 0 60px;
}
#staff .box_wrap {
    padding:2em 1em 1.8em;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.page_title_box .page_title {
    padding: 127px 0 58px;
}
.page_title_box .page_title::before{
    background: rgba(0,0,0,0);
}
#info .map iframe{
	height: 300px;
}
#contact #mail_contact li:before {
    top: 2px;
    font-size: 12px;
}
#about .box_item.txt{
	border-radius: 0;
}
#staff .box_wrap {
    margin: 10px auto;
}
}
/*IE*/
@media all and (-ms-high-contrast: none){
}