@charset "utf-8";



input[type="text"],
input[type="email"],
textarea {
	padding: 0.375rem 0.5rem;
	max-width: 100%;
}


/* ------ */
/* header */
/* ------ */
@media screen and (max-width:767px) {
	header h1 .txt_area span {
		/*font-size: 1.375rem;*/
		font-size: 5.25vw!important;
	}
}
@media screen and (max-width:1024px) {
	header h1 > a {
		color: #000;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		padding: 0 5px;
		height: 60px;
		z-index: 100;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		background-color: rgba(255,255,255,0.8)
	}
	header h1 img {
		display: block;
		width: 50px;
		height: 50px;
		z-index: 100;
	}
	header h1 .txt_area span {
		font-size: 2rem;
		line-height: 60px;
		font-weight: normal;
	}
	header h1 .txt_area span.en {
		display: none;
	}
	header .contact_area {
		position: fixed;
		display: flex;
		justify-content: space-between;
		bottom: 0;
		left: 0;
		width: 100vw;
		height: 3.5rem;
		z-index: 100;
		background-color: rgba(141,124,82,0.8);
	}
	header .contact_area a.tel {
		width: calc(100% - 4.5rem);
		color: #fff;
		font-size: 2rem;
		font-weight: bold;
		text-align: center;
		padding: 0.125rem 1rem;
	}
	header .contact_area a.tel::before {
		content: "";
		display: inline-block;
		background-image: url("images/tell_icon.png");
		width: 1.75rem;
		height: 1.75rem;
		background-size: contain;
		margin-right: 0.5rem;
	}
	header .contact_area a.tel::after {
		content: "";
		width: 0.875rem;
		display: inline-block;
	}
	header .contact_area a.contact_btn {
		width: 4.5rem;
		height: 3.5rem;
		background: rgba(255,255,255,0.5) url('images/contact_icon.png') 1.125rem 50% no-repeat;
		background-size:2.5rem;
	}
	header .contact_area a.contact_btn span {
		display: none;
	}
}
@media screen and (min-width:1025px) {
	header h1 {
		padding:1.25rem 0 0 1.25rem;
	}
}
@media screen and (min-width:1200px) {
}

/* ----------- */
/* sp_menu */
/* ----------- */
@media screen and (max-width:1024px) {
	#sp_menu {
		position:fixed;
		top:0;
		right:0;
		z-index:101;
		width:60px;
		height:60px;
		margin:0;
		background-color: #ccc;
		cursor:pointer;
	}
	#sp_menu > div {
		position: relative;
		top: 0;
		right: 0;
		left: 0;
		margin: auto;
		width: 60%;
		height: 68%;
		padding:17px 12px;
	}	
	#sp_menu > div::before,
	#sp_menu > div::after,
	#sp_menu > div span.bar {
		display:block;
		content:"";
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		width: 100%;
		height:3px;
		margin:auto;
		background:#fff;
		-webkit-transition:0.15s ease-out;
		-moz-transition:0.15s ease-out;
		-ms-transition:0.15s ease-out;
		transition:0.15s ease-out;
	}
	#sp_menu span.title{
		font-size: 12px;
		line-height: 1em;
		display: block;
		position: relative;
		width: 100%;
		margin:auto;
		padding-bottom: 5px;
		color: #fff;
		text-align: center;
		list-style-type: -1px;
		-webkit-transition: 0.15s ease-out;
		-moz-transition: 0.15s ease-out;
		-ms-transition: 0.15s ease-out;
		transition: 0.15s ease-out;
	}

	#sp_menu > div::before { top:calc(50% - 3px); }
	#sp_menu > div::after { bottom:calc(50% - 3px); }
	#sp_menu.open > div::before {
		top:0;
		transform:rotate(45deg);
	}
	#sp_menu.open > div::after {
		bottom:0;
		transform:rotate(-45deg);
	}
	#sp_menu.open > div > span.bar { display:none; }
}

/* ----------- */
/* global_navi */
/* ----------- */
@media screen and (max-width:1024px) {
	header nav{
		position:fixed;
		top:0;
		right:-100%;
		bottom:0;
		/* z-index:10; */
		z-index: 100;
		width:100%;
		background:rgba(0,0,0,0.9);
	}
	header nav ul{
		display:-ms-flex-box;
		display:-moz-flex;
		display:-webkit-flex;
		display:flex;
		-ms-flex-direction:column;
		-webkit-flex-direction:column;
		flex-direction:column;
		-ms-flex-pack:center;
		/* -webkit-justify-content:center;
		justify-content:center; */
		justify-content: flex-start;
		overflow-y: scroll;
		height:100%;
		margin:0;
		/* padding:0 15%; */
		padding:75px 15%;
	}
	header nav ul li {
		margin-bottom:0.5rem;
		list-style: none;
		/* letter-spacing:-.40em; */
	}
	header nav ul a{
		color:#fff;
	}
	header nav ul a.nest {
		color: #c3b29a;
		font-weight:600;
		pointer-events: none;
	}
	header nav ul span{
		display:inline-block;
		width:50%;
		letter-spacing:normal;
		vertical-align:bottom;
	}
	header nav ul a span{
		width: auto;
	}
	header nav ul span.EnTit{
		font-size:2.2rem;
		font-family: 'Saira Extra Condensed', sans-serif;
	}
	header nav ul li ul {
		height: auto;
		padding: 0.75rem 0 0 1rem;
	}
}
@media print,screen and (min-width:1025px) {
	#sp_menu { display:none; }
	.global_navi {
		position:absolute;
		top:2rem;
		right:2rem;
		z-index:30;
		font-family: "游明朝", Yu Mincho, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.global_navi > ul { display:flex; }
	.global_navi > ul > li { 
		display:flex;
		margin:0;
		padding:0 0.5rem;
		width: 2rem;
		line-height: 1rem;
		transition: 0.3s ease;
	}
	.global_navi > ul > li.union_parent.open_child { width:8rem; }
	.global_navi > ul > li.service_parent.open_child { width:12rem; }
	.global_navi > ul > li.open_child { width:auto; }
	.global_navi > ul > li a {
		color:#000;
		line-height:1;
/*		font-size:1.3125rem;*/
		font-size: 1.25rem;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	.global_navi > ul > li a img {
		display:none;
		width:100%;
		height:auto;
	}
	.global_navi > ul > li > .nest { cursor:pointer; }
	.global_navi > ul > li > .nest + div { display:none; }
	.global_navi > ul > li > .nest + ul {
		display:flex;
		justify-content:center;
		width:0;
		list-style:none;
		overflow:hidden;
		-webkit-transition: 0.2s ease-out;
		-moz-transition: 0.2s ease-out;
		-ms-transition: 0.2s ease-out;
		transition: 0.2s ease-out;
	}
	.global_navi > ul > li > .nest.union.open + ul { width:9rem; }
	.global_navi > ul > li > .nest.service.open + ul { width:10rem; }
	.global_navi > ul > li > .nest + ul li { 
		width: auto;
		line-height: 1;
		padding:0;
		opacity: 0;
		transition: 0.2s;
	}
	.global_navi > ul > li > .nest.open + ul li { 
		width: auto;
		line-height: 1;
		padding:1rem 0.4rem 0;
		opacity: 1;
	}
	.global_navi > ul > li > .nest + ul a { font-size:1.1rem; }
	.global_navi > ul > li > .nest + ul a::before { content:"＋"; }
}



/*下層ページ用のスタイルです。*/
/* --------------------------- */
/*  matrix_block & flex block  */
/* --------------------------- */

.matrix_block {
	width:100%;
	margin:1em auto;
	padding:0;
	text-align:left;
	vertical-align:middle;
	border-collapse:collapse;
}
.matrix_block th,
.matrix_block td {
	padding:5px;
	/*font-size:0.8rem;*/
	border:#999 solid 1px;
	border-collapse:collapse;
}

.matrix_block tr:nth-child(2n) th,
.matrix_block tr:nth-child(2n) td { background:#f0f0f0; }


dl.matrix_block,
.flex_block {
	width:100%;
	display:-ms-flexbox;
	display:-moz-flex;
	display:-webkit-flex;
	display:flex;
	
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin:1em auto 2em;
	padding:0;
	letter-spacing:-.40em;
	clear:both;
	/*border-top:#d0d0d0 1px solid*/
}
.recruit_info_area dl.matrix_block { margin:0.5em 0 0; }

.flex_block.pack_start { -ms-flex-pack:start; justify-content:flex-start; -webkit-justify-content:flex-start;}
.flex_block.pack_end { -ms-flex-pack:end; justify-content:flex-end; -webkit-justify-content:flex-end; }
.flex_block.pack_center { -ms-flex-pack:center; justify-content:center; -webkit-justify-content:center; }
.flex_block.pack_distribute { -ms-flex-pack:distribute; justify-content:space-around; -webkit-justify-content:space-around; }
.flex_block.pack_justify { -ms-flex-pack:justify; justify-content:space-between; -webkit-justify-content:space-between; }

.flex_block.pack_justify.row-reverse {flex-direction: row-reverse;}


.flex_block.align_items_middle { -ms-flex-align:center; align-items:center; -webkit-align-items:center; }
.flex_block.align_items_end { -ms-flex-align:end; align-items:end; -webkit-align-items:end; }

dl.matrix_block > * {
	margin:0;
	padding:1em 1.75em;
	line-height:1.25;
	letter-spacing:normal;
}
/*dl.matrix_block > dt { color:#b39536; }*/
dl.matrix_block > dt{ font-weight: bold; }
dl.matrix_block > dt span{ color:#666;/* font-size:0.8em;*/ }

dl.matrix_block > dd { width:70%; }
dl.matrix_block > dd strong{ color:#131f3a; }
dl.matrix_block > dd > span{ color:#666;/* font-size:0.5em;*/ }
dl.matrix_block.contact > dd > span { font-size:1em; }
dl.matrix_block.contact > dd > span.mwform-checkbox-field { display:inline-block; margin:0 0.5em 0.5em 0; }
dl.matrix_block.contact > dd span.mwform-checkbox-field-text { color:#666; font-size:1em; }
dl.matrix_block.contact > dd input,
dl.matrix_block.contact > dd textarea { max-width:100%; }

dl.matrix_block > dd > ul {
	margin:0;
	padding:0;
	list-style:none;
}
dl.matrix_block > dd > ul > li {
	margin:0;
	padding:1em 0;
	border-bottom:#e6e6e6 1px solid;
}
dl.matrix_block > dd > ul > li:first-child { padding-top:0; }
dl.matrix_block > dd > ul > li:last-child { padding-bottom:0; border-bottom:none; }

.flex_block h2::after { margin-bottom:0.5em !important; }
.flex_block h3 { margin-bottom:1em; }

.flex_block > p,
.flex_block > a,
.flex_block > div {
	margin:0 0 1em;
	padding:0 5px;
	letter-spacing:normal;
}

.flex_block > * img { width:100%; }
.flex_block > * img.auto_fit { width:auto; max-width:100%; }
.flex_block > * .img_block { margin-bottom:1em; }
.flex_block .caption_block {
	width:auto;
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align: left;
	margin:0.75em auto 0;
	color:#a67c52;
	line-height:1.25;
	letter-spacing:normal;
	border:none;
}
.flex_block .title_block {
	margin:0 0 0.75em;
	color:#a67c52;
	line-height:1.25;
	letter-spacing:normal;
	font-size:1.25em;
	font-weight:bold;
}
.flex_block > .full_width { width:100%; }

.border_option,
.flex_block > .border_option {
	margin-left:1%;
	margin-right:1%;
	padding:1em;
	border:#82bffc 2px dotted;
	border-radius:10px;
}


.comp_page .body_area iframe {
	width: 100%!important;
	height: 50vh!important;
}

form dl.matrix_block > dd{
	padding:0.675em 1.75em;
}

@media screen and (max-width:767px) {
	table.matrix_block {

	}
	.recruit_info_area dl.matrix_block { display:none; }
	dl.matrix_block.recruit { margin-bottom:30px; } 
	dl.matrix_block > dt { 
		width:100%;
		padding-bottom:0;
	}
	dl.matrix_block > dd { width:100%; }
	dl.matrix_block > dd:nth-child(4n),
	dl.matrix_block > dt:nth-child(4n-1),
	dl.matrix_block > .third:nth-child(2n),
	dl.matrix_block > .quarter:nth-child(2n),
	dl.matrix_block > .full_width:nth-child(2n) { background:transparent; /* background:#f0f0f0; */ }
	.flex_block.row_reverse,
	.flex_block.column { -ms-flex-direction:column; flex-direction:column; -webkit-flex-direction:column; }
	.main_contents table { width:95%; }
	.flex_block > .full_width,
	.flex_block > .fifth,
	.flex_block > .quarter,
	.flex_block > .third,
	.flex_block > .half,
	.flex_block > .quarter_three,
	.flex_block > .third_double {
		width:95%;
		margin: 0 auto 1rem;
	}
	.flex_block > .third_double:last-child{ margin: 0 auto; }
}
@media print,screen and (min-width:768px) {
	
	.flex_block.align_center { -ms-flex-align:center; -webkit-align-items:center; align-items:center; }

	.flex_block.row_reverse { -ms-flex-direction:row-reverse; -webkit-flex-direction:row-reverse; flex-direction:row-reverse; }
	.flex_block.column { -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; }
	.flex_block.column_reverse { -ms-flex-direction:column-reverse; -webkit-flex-direction:column-reverse; flex-direction:column-reverse; }

	.main_contents table { width:100%; }
	dl.matrix_block.recruit { margin-bottom:50px; } 
	
	dl.matrix_block > dd:nth-child(4n),
	dl.matrix_block > dt:nth-child(4n-1),
	dl.matrix_block > .third:nth-child(2n),
	dl.matrix_block > .quarter:nth-child(2n),
	dl.matrix_block > .full_width:nth-child(2n) { background:#f0f0f0; }
	dl.matrix_block > dt.Change + dd,
	dl.matrix_block > dt,
	dl.matrix_block.contact > dt { width:25%; }
	dl.matrix_block > dt span{ color:#666;/* font-size:0.8em;*/ }
	dl.matrix_block > dt.Change,
	dl.matrix_block > dd,
	dl.matrix_block.contact > dd { width:75%; }
	.Even dl.matrix_block > dt.Change + dd,
	.Even dl.matrix_block > dd { border-bottom:#bbb 1px solid; }
	dl.matrix_block > dt.Min { width:10%; }
	dl.matrix_block > dt.Min + dd { width:40%; }
	dl.matrix_block dt.Min + dd + dt:nth-child(4n+1),
	dl.matrix_block dt.Min + dd + dt:nth-child(4n+1) + dd,
	
	dl.matrix_block > .third:nth-child(4n),
	dl.matrix_block > .quarter:nth-child(4n) { background:transparent; }
	dl.matrix_block > .third:nth-child(3n) { width:34%; }
	dl.matrix_block > .full_width { width:100%; }
	dl.matrix_block dt.Min + dd:nth-child(8n),
	dl.matrix_block dt.Min:nth-child(8n-1),
	dl.matrix_block > .third:nth-child(6n),
	dl.matrix_block > .third:nth-child(6n-1),
	dl.matrix_block > .third:nth-child(6n-2),
	dl.matrix_block > .quarter:nth-child(8n),
	dl.matrix_block > .quarter:nth-child(8n-1),
	dl.matrix_block > .quarter:nth-child(8n-2),
	dl.matrix_block > .quarter:nth-child(8n-3),
	dl.matrix_block > .full_width:nth-child(2n) { background:rgba(24,48,114,0.1); }
	dl.matrix_block > .quarter {
		font-size:0.85em;
		padding:0.75em 1em;
	}
	
	.flex_block > .full_width.border_option { width:97%; }
	
	dl.matrix_block > .per54, .flex_block > .per54 { width:54%; }
	dl.matrix_block > .per45, .flex_block > .per45 { width:45%; }
	
	dl.matrix_block > .fifth, .flex_block > .fifth { width:19%; }
	dl.matrix_block > .fifth2, .flex_block > .fifth2 { width:39%; }
	dl.matrix_block > .fifth3, .flex_block > .fifth3 { width:59%; }
	dl.matrix_block > .fifth4, .flex_block > .fifth4 { width:79%; }
	dl.matrix_block > .quarter, .flex_block > .quarter { width:24%; }
	.flex_block > .quarter.border_option { width:23%; }
	dl.matrix_block > .quarter_three, .flex_block > .quarter_three { width:73%; }
	dl.matrix_block > .third, .flex_block > .third { width:33%; }
	.flex_block > .third.border_option { width:31%; }
	dl.matrix_block > .third_double, .flex_block > .third_double { width:66%; }
	.flex_block > .third_double { width:64%; }
	dl.matrix_block > .half, .flex_block > .half { width:48%; }
	dl.matrix_block > .half, .flex_block > div:only-child { width:100%; }
	.flex_block > .half.border_option { width:46%; }
}


/* -------- */
/* #wrapper */
/* -------- */
header {
	top: 0px;
	left: 0px;
	background: #fff;
}
@media screen and (max-width:767px) {
	
}
@media screen and (min-width:768px) {
}
@media screen and (min-width:1024px) {
	header {
		align-items:flex-start;
		height:18rem;
	}
	header h1 a {
		color: #000;
		display:flex;
		align-items:center;
		margin:0;
		padding:2rem 1rem;
		font-weight:normal;
	}
	header h1 img { width:9rem; }
	header h1 .txt_area {
		line-height:1;
		text-align:left;
		font-size:1.75rem;
	}
	header h1 span {
		display:block;
		/*width:1em;*/
	}
	header h1 span.en { color:#8d7c52; font-size:0.875rem; }
	header .contact_area {
		display: none;
	}
}

@media screen and (min-width:1200px) {
	
}

/* ---- */
/* main */
/* ---- */
main a{
	text-decoration: underline;
	transition: color 0.5s ease-out;
}

main a:hover{
	color: #c3b29a;
	text-decoration: none;
}
main section .center {
	text-align:center !important;
}
main section #contents_title_wrap h1 {
	height:8rem;
	padding:2.2rem 0;
	color:#fff;
	line-height:1;
	text-align:center;
	font-weight:normal;
	background:url(images/home/mv_back.jpg) 50% 100% no-repeat;
	background-size:cover;
}
main section #contents_title_wrap h1,
main section h2 {
	font-family: "游明朝", Yu Mincho, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
main section ul,
main section ol { padding-left:1.5em; }

main section a.link_btn {
	display:inline-block;
	margin:0 0.5em 1em;
	padding:0.75em 1.5em;
	color:#fff;
	line-height:1;
	text-align:center;
	text-decoration:none;
	border:#8d7c52 1px solid;
	background:#8d7c52;
}
main section a.link_btn:hover { color:#8d7c52; background:#fff; }
.service_page section a.link_btn { background:#79ad1e; border-color:#79ad1e; }
.service_page section a.link_btn:hover { color:#79ad1e; background:#fff; }

.service_page .matrix_block { width:auto; min-width:80%; }
.service_page .matrix_block th,
.service_page .matrix_block td {
	font-size:1rem;
}

.service_page section #contents_title_wrap h1,
.comp_page section #contents_title_wrap h1 {
	background:url(images/home/top_total_coordinate_back.jpg) 50% 100% no-repeat;
	background-size:cover;
}
main section article {
	width: 95%;
	margin: 0 auto;
}

@media screen and (max-width:767px) {
	main section #contents_title_wrap h1 {
		height:10rem;
		font-size:2.2rem;
		margin-bottom: 4rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}	
}
@media screen and (min-width:768px) {
	main section #contents_title_wrap h1 {
		height:8rem;
		padding:2.2rem 0;
		color:#fff;
		line-height:1;
		text-align:center;
		font-size:3.6rem;
		font-weight:normal;
		background:url(images/home/mv_back.jpg) 50% 100% no-repeat;
		background-size:cover;
	}
	.comp_page section #contents_title_wrap h1 {
		padding:2.8rem 0;
		font-size:2.4rem;
	}
	main section article {
		max-width:768px;
		margin:auto;
	}
	main section article:nth-of-type(1) { padding-top:6rem; }
}
@media screen and (min-width:1024px) {
	main section article {
		max-width:1024px;
	}
}

@media screen and (min-width:1200px) {
	main section article {
		max-width:1200px;
	}
}

/* -------- */
/* .heading */
/* -------- */
.heading02{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0 auto 1.5em;
	padding-bottom: 1em;
	color: #534741;
	line-height:1;
	text-align: center;
	font-family: '游明朝',YuMincho,'Hiragino Mincho ProN','Hiragino Mincho Pro','ＭＳ 明朝',serif;
	font-size: 2.4rem;
	font-weight: 400;
}
.heading02::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 50%;
	transform: translate(50% ,0);
	width: 5rem;
	height: 5px;
	background: #c3b29a;
	background: linear-gradient(to right, #c3b29a 0%,#c3b29a 50%,#8d7c52 50%,#8d7c52 100%);
}
.service_page .heading02::after,
.comp_page .heading02::after {
	background: #79ad1e;
	background: linear-gradient(to right, #79ad1e 0%,#79ad1e 50%,#015401 50%,#015401 100%);
}
@media screen and (max-width:768px) {
	.heading02{ 
		text-align: left;
		line-height:1.5em;
	}
}

.heading03{
	position:relative;
	margin:2rem auto;
	padding:1rem 0 1rem 4.8rem;
	color: #534741;
	font-family: '游明朝',YuMincho,'Hiragino Mincho ProN','Hiragino Mincho Pro','ＭＳ 明朝',serif;
	font-size: 2rem;
	font-weight: 400;
	border-top:#8d7c52 1px dotted;
	border-bottom:#8d7c52 1px dotted;
}
.heading03::before,
.heading03::after {
	display:block;
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:3.2rem;
	width:1.2rem;
	height:1.2rem;
	margin:auto;
	border:#534741 1px solid;
	transform:rotate(45deg);
	transform-origin:50% 50%;
}
.heading03::after {
	left:1.6rem;
	border-color:#8d7c52;
	background:#8d7c52;
}

.flex_block .half .heading03::after {
	margin-bottom: auto!important;
}

@media screen and (max-width:768px) {
	.heading03{ 
		font-size: 1.75rem;
		line-height:1.5em;
		padding:1rem 4vw 1rem 14vw;
	}
	.heading03::after {
		left: 4vw;
	}
	.heading03::before {
		left: calc(4vw + 0.5rem);
	}
}

.service_page .heading03::before,
.comp_page .heading03::before { border:#015401 1px solid; }
.service_page .heading03::after,
.comp_page .heading03::after { border-color:#79ad1e; background:#79ad1e; }

@media print,screen and (min-width:1025px) {
	
}

.heading04{
	display:inline-block;
	position:relative;
	margin:1rem 0;
	padding:0.3em 1em;
	color: #a18b81;
	line-height:1;
	font-size:1.2rem;
	font-weight: 600;
	border:#a18b81 1px solid;
}
.heading04::after {
	display:block;
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:1.5em;
	height:2px;
	background:#8d7c52;
}
.service_page .heading04,
.comp_page .heading04 { color:#79ad1e; border-color:#79ad1e; }
.service_page .heading04::after,
.comp_page .heading04::after { background:#015401; }

.heading05{
	margin: 4rem auto 2rem;
	color: #0e9e2e;
	font-size: calc(1rem + 2px);
	font-weight: 400;
}

.heading06{
	margin: 4rem auto 2rem;
	color: #a18b81;
	font-size: 1rem;
	font-weight: 400;
}

/* ------------ */
/*  hyogu page  */
/* ------------ */
.kakejiku {
	margin-bottom: 1rem;
}

@media screen and (max-width:767px) {
	.quarter.kakejiku {
		max-width: 50%;
	}
}


/* ------------ */
/*  cloth page  */
/* ------------ */

.cloth_mentenance {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.cloth_mentenance .link_btn {
	display:block;
}

@media screen and (max-width:767px) {
	.cloth_mentenance .link_btn {
		width:100%;
		margin:0 0 1rem;
	}
}
@media print,screen and (min-width:768px) {
	.cloth_mentenance .link_btn {
		width:48%;
		margin:0 0 1rem;
	}
}

/* ------------- */
/*  list page  */
/* ------------- */

.list_block_list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:2rem;
}

.list_block_list .link_btn {
	display:block;
	font-size:1.5rem;
	font-weight:bold;
}
.list_block_list .link_btn.sapporo { background:#c9a063; border-color:#c9a063; }
.list_block_list .link_btn.sapporo:hover { background:#fff; color:#c9a063; }
.list_block_list .link_btn.hakodate { background:#a6c95c; border-color:#a6c95c; }
.list_block_list .link_btn.hakodate:hover { background:#fff; color:#a6c95c; }
.list_block_list .link_btn.hidakaiburi { background:#a6c95c; border-color:#a6c95c; }
.list_block_list .link_btn.hidakaiburi:hover { background:#fff; color:#a6c95c; }
.list_block_list .link_btn.iwamizawa { background:#3b9467; border-color:#3b9467; }
.list_block_list .link_btn.iwamizawa:hover { background:#fff; color:#3b9467; }
.list_block_list .link_btn.dohoku { background:#72afcd; border-color:#72afcd; }
.list_block_list .link_btn.dohoku:hover { background:#fff; color:#72afcd; }
.list_block_list .link_btn.kitami { background:#c9caca; border-color:#c9caca; }
.list_block_list .link_btn.kitami:hover { background:#fff; color:#c9caca; }
.list_block_list .link_btn.obihiro { background:#2b6790; border-color:#2b6790; }
.list_block_list .link_btn.obihiro:hover { background:#fff; color:#2b6790; }
.list_block_list .link_btn.kushiro { background:#d47883; border-color:#d47883; }
.list_block_list .link_btn.kushiro:hover { background:#fff; color:#d47883; }

@media screen and (max-width:767px) {
	.list_block_list .link_btn {
		width:49%;
		margin:0 0 1rem;
	}
	
}
@media print,screen and (min-width:768px) {
	.list_block_list .link_btn {
		width:32%;
		margin:0 0 1rem;
	}
	
}

/* ------------- */
/*  member page  */
/* ------------- */

.member_block_list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:2rem;
}

.member_block_list .link_btn {
	display:block;
	font-size:1.5rem;
	font-weight:bold;
}
.member_block_list .link_btn.sapporo { background:#c9a063; border-color:#c9a063; }
.member_block_list .link_btn.sapporo:hover { background:#fff; color:#c9a063; }
.member_block_list .link_btn.hakodate { background:#a6c95c; border-color:#a6c95c; }
.member_block_list .link_btn.hakodate:hover { background:#fff; color:#a6c95c; }
.member_block_list .link_btn.hidakaiburi { background:#a6c95c; border-color:#a6c95c; }
.member_block_list .link_btn.hidakaiburi:hover { background:#fff; color:#a6c95c; }
.member_block_list .link_btn.iwamizawa { background:#3b9467; border-color:#3b9467; }
.member_block_list .link_btn.iwamizawa:hover { background:#fff; color:#3b9467; }
.member_block_list .link_btn.dohoku { background:#72afcd; border-color:#72afcd; }
.member_block_list .link_btn.dohoku:hover { background:#fff; color:#72afcd; }
.member_block_list .link_btn.kitami { background:#c9caca; border-color:#c9caca; }
.member_block_list .link_btn.kitami:hover { background:#fff; color:#c9caca; }
.member_block_list .link_btn.obihiro { background:#2b6790; border-color:#2b6790; }
.member_block_list .link_btn.obihiro:hover { background:#fff; color:#2b6790; }
.member_block_list .link_btn.kushiro { background:#d47883; border-color:#d47883; }
.member_block_list .link_btn.kushiro:hover { background:#fff; color:#d47883; }

.comp_page .comp_img img {
	width:95%;
	box-shadow:2rem -1rem 0 0 rgba(121,173,30,1);
}
.comp_page .comp_img_service { padding-left:2rem; }
.comp_page .comp_img_service img {
	width:95%;
	box-shadow:-2rem 1rem 0 0 rgba(121,173,30,1);
}
.comp_list {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	/*margin-top:1rem;*/
	padding:0;
}
.comp_list li {
	margin-left:1.5rem;
}

@media screen and (max-width:767px) {
	.member_block_list .link_btn {
		width: 49%;
		margin: 0 0 1rem;
	}
}
@media print,screen and (min-width:768px) {
	.member_block_list .link_btn {
		width:48%;
		margin:0 0 1rem;
	}
	
}

/* ---------- */
/*  faq page  */
/* ---------- */
.faq_list dt,
.faq_list dd {
	padding-top: 1rem;
	padding-left: 3.5rem;
	position: relative;
	margin-bottom: 0.5rem;
}

.faq_list dt::before,
.faq_list dd::before {
	font-size:2rem;
	font-weight:bold;
	display: block;
	position: absolute;
	width: 2rem;
	height: 2rem;
	top: 0;
	left: 0;
}



.faq_list dt::before {
	content:"Q．";
}
.faq_list dd:not(:last-child) {
	margin-bottom:2rem;
	padding-bottom:2rem;
	border-bottom:#666 1px dotted;
}
.faq_list dd::before {
	content:"A．";
	color:#d43;
}


/* ---------- */
/* .prev_next */
/* ---------- */
.prev_next{
	display: inline-block;
	position: relative;
}

.prev_next a {
	color: #ae9980;
	text-decoration: none;
}

.prev_next a:hover {
	color: #3b3023;
	text-decoration: none;
}

.prev_next .prev{
	position: absolute;
	top: 50%;
	right: calc(100% + 2rem);
	transform: translate(0,-50%);
	white-space: nowrap;
}
.prev_next .next{
	position: absolute;
	top: 50%;
	left: calc(100% + 2rem);
	transform: translate(0,-50%);
	white-space: nowrap;
}
.prev_next .archive{
	padding: 0 1.5rem;
	border-right: 1px solid #0E9E2E;
	border-left: 1px solid #0E9E2E;
}


@media screen and (max-width:767px) {
	
}
@media print,screen and (min-width:768px) {
	
}



/*----------*/
/* paginate */
/*----------*/
.paginate span,
.paginate a {
	text-decoration: none;
	display: inline-block;
	padding: 0 0.5rem;
	border: 1px solid #8d7c52;
}

.paginate span {
	color: #fff;
	background-color: #8d7c52;
}

.paginate a {
	color: #8d7c52;
	border-color: #c3b29a;
	background-color: #fff;
	transition: 0.3s ease;
}

.paginate a:hover {
	color: #fff;
	background-color: #c3b29a;
	text-decoration: none;
	transition: 0.3s ease;
}


/* ------------- */
/*  mail form  */
/* ------------- */
.form_btn_area {
	text-align: center;
}
textarea.contact-body {
	width: 100%;
	height: 6rem;
}

.form_btn_area input {
	font-size: 1.25rem;
	color: #fff;
	display: inline-block;
	background-color: #8d7c52;
	border: none;
	padding: 0.75rem 1.5rem;
}

.schedule_wrap{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: #9a9a9a 1px solid;
}

.photo_list{
	display: flex;
	justify-content: space-between;
	padding-left: 0em;
	margin-top: 50px;
}
.photo_list li{
	list-style: none;
	/* margin-right: 15px; */
}

@media screen and (max-width:767px) {
	.photo_list{
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		padding-left: 0em;
		margin-top: 50px;
	}
	.photo_list li{
		list-style: none;
		margin-right: 0px;
		margin-bottom: 15px;
	}
}

.topics_wrap{
	height: 300px;
	overflow-y: scroll;
}


.schedule_table{
	width: 100%;
}
.schedule_table th{
	width: 125px !important;
	text-align: left;
	vertical-align: text-top;
}
.schedule_table td{
	width: calc(50% - 125px);
	min-width: 480px;
}
.schedule_text{
	margin-top: 10px;
	padding-left: 119px;
}

@media screen and (max-width:767px) {
	.schedule_table{
		width: 100%;
	}
	.schedule_table th{
		width: 100%;
		text-align: left;
		display: block;
	}
	.schedule_table td{
		width: 100%;
		min-width: auto;
		display: block;
	}
	.schedule_text{
		margin-top: 10px;
		padding-left: 0px;
	}
}

.photo_glr_wrap{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: #9a9a9a 1px solid;
}

/* ---- */
/* LAST */
/* ---- */