@charset "UTF-8";

html {
	font-size: 10px;
	line-height: 1.6;
	letter-spacing: 1px;
	font-family: "Noto Sans JP", sans-serif;
	color: #333;
}

body{
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	background: #fff;
	position: relative;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

.grecaptcha-badge { visibility: hidden; }

#wrapper a:link      { text-decoration: none; color: #16c5ff; }
#wrapper a:visited   { text-decoration: none; color: #16c5ff; }
#wrapper a:hover     { text-decoration: none; }
#wrapper a:active    { text-decoration: none; }

a[href^="tel:"] {
	pointer-events: none;
}

a,:focus {
	outline: none;
}

::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

.img img {
	width: 100%;
	height: auto;
}

/*
.tb   { display: none!important;}
.tbsp { display: none!important;}
.sp   { display: none!important;}

.pc   { display: block!important;}
.pctb { display: block!important;}
.pcsp { display: block!important;}
*/

.opacity a:hover,
.opacity input:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	text-decoration: none!important;
}

/*======================================================
  common
======================================================*/

.cntWrp {
	max-width: 1200px;
	margin: 0 auto;
}

.cntMinWrp {
	max-width: 1000px;
	margin: 0 auto;
}

/* title */
.cntTtlBox {
	text-align: center;
}

.cntTtlEn {
	font-weight: 700;
	font-size:  1.8rem;
	line-height: 1;
	color: #0c815c;
	margin: 0 0 10px;
}

.cntTtl {
	position: relative;
	font-weight: 700;
	font-size: 3.6rem;
	line-height: 1.35;
	margin: 0 0 70px;
}

.cntTtl:after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: calc(50% - 20px);
	width: 40px;
	height: 3px;
	background: #0c815c;
}

.cntMinTtl {
	position: relative;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.3;
	color: #fff;
	margin: 0 0 40px;
	padding: 15px 15px 15px 30px;
	background: #0c815c;
	border-radius: 6px;
}

.cntMinTtl:before {
	content: "";
	position: absolute;
	top: 0;
	left: 10px;
	width: 5px;
	height: calc(100% - 14px);
	margin: 7px 0;
	background: #88d947;
	border-radius: 2px;
}

.cntSubTtl {
	position: relative;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.3;
	margin: 0 0 30px;
	padding: 15px 15px 15px 30px;
	background: #fff;
	border: solid 1px #77c03e;
	border-radius: 6px;
}

.cntSubTtl:before {
	content: "";
	position: absolute;
	top: 0;
	left: 10px;
	width: 5px;
	height: calc(100% - 14px);
	margin: 7px 0;
	background: #77c03e;
	border-radius: 2px;
}

/* text */
.cntTxt {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.8;
}

.ctrTxt {
	text-align: center;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 2.2;
	margin: 0 0 50px;
}

/* button */
.cntBtn {
	text-align: center;
	max-width: 380px;
	position: relative;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.6;
	margin: 0 auto;
	z-index: 1;
}

.cntMinBtn {
	text-align: center;
	max-width: 320px;
	position: relative;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 auto;
	z-index: 1;
}

.cntBtn a {
	display: block;
	padding: 20px 30px;
	border-radius: 100px;
	text-decoration: none;
}

.cntMinBtn a {
	display: block;
	padding: 15px 50px 15px 15px;
	border-radius: 100px;
	text-decoration: none;
}

.cntBtn:after {
	content: "";
	position: absolute;
	top: calc(50% - 14px);
	right: 20px;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	border-radius: 50%;
	z-index: 2;
}

.cntMinBtn:after {
	content: "";
	position: absolute;
	top: calc(50% - 14px);
	right: 15px;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	border-radius: 50%;
	z-index: 2;
}

.grBtn a {
	background: #0c815c;	
}

.wtBtn a {
	background: #fff;
	box-shadow: 0 0 20px rgba(255,255,255,0.3)
}

.lgBtn a {
	background: #77c03e;	
}

.orBtn a {
	background: #ffa10c;	
}

.blBtn a {
	background: #005290;	
}

.grBtn:after {
	background: url(../images/common/icn_arrow_btn_lg.png) center no-repeat #fff;
	background-size: 12px auto;
	border: solid 2px #d7f494;
}

.wtBtn:after {
	background: url(../images/common/icn_arrow_btn_wt.png) center no-repeat #0c815c;
	background-size: 12px auto;
	border: solid 2px #d7f494;
}

.lgBtn:after {
	background: url(../images/common/icn_arrow_btn_lg.png) center no-repeat #fff;
	background-size: 12px auto;
	border: solid 2px #d7f494;
}

.orBtn:after {
	background: url(../images/common/icn_arrow_btn_or.png) center no-repeat #fff;
	background-size: 12px auto;
	border: solid 2px #ffd28a;
}

.blBtn:after {
	background: url(../images/common/icn_arrow_btn_bl.png) center no-repeat #fff;
	background-size: 12px auto;
	border: solid 2px #a1ccea;
}

.wtLnk a:link,
.wtLnk a:visited {
	color: #fff!important;
}

.grLnk a:link,
.grLnk a:visited {
	color: #0c815c!important;
}

.bkLnk a:link,
.bkLnk a:visited {
	color: #333!important;
}

.cntBtn a:hover,
.cntMinBtn a:hover,
.ctaBtn a:hover {
	color: #0c815c!important;
	background: #bfdf74;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.cntTtlEn {
		font-size:  1.6rem;
		margin: 0 0 5px;
	}

	.cntTtl {
		font-size: 3rem;
		margin: 0 0 50px;
	}

	.cntTtl:after {
		bottom: -15px;
		left: calc(50% - 15px);
		width: 30px;
	}
	
	.cntMinTtl {
		font-size: 1.6rem;
		margin: 0 0 30px;
		padding: 12px 12px 12px 25px;
		border-radius: 4px;
	}

	.cntMinTtl:before {
		width: 4px;
		height: calc(100% - 10px);
		margin: 5px 0;
	}
	
	.cntSubTtl {
		font-size: 1.5rem;
		margin: 0 0 20px;
		padding: 12px 12px 12px 25px;
		border-radius: 4px;
	}
	
	.cntSubTtl:before {
		width: 4px;
		height: calc(100% - 10px);
		margin: 5px 0;
	}
	
	.ctrTxt {
		line-height: 2;
		margin: 0 0 40px;
	}

	.cntBtn {
		max-width: 320px;
		font-size: 1.6rem;
	}

	.cntMinBtn {
		max-width: 280px;
		font-size: 1.5rem;
	}

	.cntBtn a {
		padding: 15px 20px;
	}

	.cntMinBtn a {
		padding: 12px;
	}

	.cntBtn:after {
		right: 15px;
	}

	.cntMinBtn:after {
		right: 10px;
	}

	.wtBtn a {
		box-shadow: 0 0 15px rgba(255,255,255,0.3)
	}
}

@media screen and (max-width:767px) {
	.cntTtlEn {
		font-size:  1rem;
		margin: 0 0 2px;
	}

	.cntTtl {
		font-size: 2rem;
		margin: 0 0 25px;
	}

	.cntTtl:after {
		bottom: -8px;
		left: calc(50% - 10px);
		width: 20px;
		height: 2px;
	}
	
	.cntMinTtl {
		font-size: 1.6rem;
		margin: 0 0 20px;
		padding: 10px 10px 10px 20px;
		border-radius: 4px;
	}

	.cntMinTtl:before {
		left: 7px;
		width: 3px;
		height: calc(100% - 10px);
		margin: 5px 0;
	}
	
	.cntSubTtl {
		font-size: 1.5rem;
		margin: 0 0 20px;
		padding: 10px 10px 10px 20px;
		border-radius: 4px;
	}
	
	.cntSubTtl:before {
		left: 7px;
		width: 3px;
		height: calc(100% - 10px);
		margin: 5px 0;
	}
	
	.ctrTxt {
		text-align: left;
		line-height: 1.6;
		margin: 0 0 20px;
	}

	.cntBtn {
		max-width: 100%;
		font-size: 1.5rem;
	}
	
	.cntMinBtn {
		max-width: 100%;
		font-size: 1.4rem;
	}

	.cntBtn a {
		padding: 12px;
	}
	
	.cntMinBtn a {
		padding: 12px 24px 12px 6px;
	}

	.cntBtn:after,.cntMinBtn:after {
		top: calc(50% - 12px);
		right: 12px;
		width: 24px;
		height: 24px;
		background-size: 10px auto;
	}

	.wtBtn a {
		box-shadow: 0 0 10px rgba(255,255,255,0.3)
	}
}

/*======================================================
  header
======================================================*/

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 0 30px;
	box-sizing: border-box;
	z-index: 100;
}

.hdrChg {
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
	background: #fff;
	transition: all  0.3s ease;
}

.hdrLg {
	max-width: 280px;
}

.hdrNavBox {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.gNav {
	text-align: center;
	height: 100px;
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.3;
	margin: 0 20px 0 0;
}

.gNav li {
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gNav a {
	display: flex;
	align-items: center;
	position: relative;
	padding: 0 25px;
	height: 80px;
	box-sizing: border-box;
}

.gNav li.act a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: #0c815c;
	border-radius: 2px;
	transition: all  0.3s ease;
}

.hdrNav {
	height: 100px;
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 1.25rem;
	line-height: 1.3;
	letter-spacing: -0.005em;
}

.hdrNav li {
	text-align: center;
}

.hdrNav li a {
	height: 80px;
	display: block;
	padding: 5px;
	box-sizing: border-box;
}

.hdrNav li.navTel {
	display: table;
}

.hdrNav li.navTel a {
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px;
}

.navTelNum {
	color: #000;
	display: flex;
	font-size: 2.2rem;
	font-weight: 800;
	width: 100%;
	align-items: center;
}

.navTelNum img {
	width: 20px;
	height: auto;
	margin: 0 4px -3px 0;
}

.navTelOpen {
	color: #000;
	display: block;
	font-size: 1.2rem;
	font-weight: 800;
	width: 100%;
	letter-spacing: 0.05rem;
}

.hdrNav li.navColumn {
	width: 110px;	
}

.hdrNav li.navColumn a {
	background: #77c03e;
}

.hdrNav li.navContact {
	width: 110px;
}

.hdrNav li.navContact a {
	background: #ffa10c;
}

.hdrNav li.navColumn span,
.hdrNav li.navContact span {
	display: block;
	padding: 32px 0 0;
}

.hdrNav li.navColumn span {
	background: url(../images/common/icn_column.png) top 9px center no-repeat;
	background-size: 18px auto;
}

.hdrNav li.navContact span {
	background: url(../images/common/icn_contact.png) top 9px center no-repeat;
	background-size: 18px auto;
}

@media screen and (max-width:1500px) {
	header {
		padding: 0 0 0 20px;
	}

	.hdrLg {
		max-width: 210px;
	}
	
	.gNav {
		font-size: 1.35rem;
		margin: 0 10px 0 0;
	}
	
	.gNav a {
		padding: 0 15px;
	}
	
	.hdrNav li.navColumn {
		width: 90px;	
	}
	.hdrNav li.navContact {
		width: 90px;
	}
}

@media screen and (max-width:1199px) {
	header {
		height: 80px;
		padding: 0 15px;
	}
	
	.hdrNavBox {
		display: none;
	}
	
	.hdrNav {
		height: auto;
		font-size: 1.4rem;
		margin: 30px 0 0;
		flex-wrap: wrap;
	}

	.hdrNav li.navTel {
		text-align: center;
		width: 100%;
		padding: 0;
		
	}
	.navTelOpen,
	.navTelNum {
		padding: 0!important;
	}	
	.navTelNum img {
		margin: 5px 3px 0 0
	}

	.hdrNav li {
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
	}

	.hdrNav li a {
		height: auto;
		padding: 15px;
		border-radius: 50px;
	}

	.hdrNav li span {
		display: inline-block;
		padding: 0 0 0 25px;
	}
	
	.hdrNav li.navContact {
		width: 50%;
		text-align: left;
		margin-top: 20px;
	}
	.hdrNav li.navColumn {
		width: 50%;
		text-align: left;
		margin-top: 20px;
	}

	.hdrNav li.navColumn span {
		background: url(../images/common/icn_column.png) left no-repeat;
		background-size: 18px auto;
		padding: 0 0 0 25px;
	}

	.hdrNav li.navContact span {
		background: url(../images/common/icn_contact.png) left no-repeat;
		background-size: 18px auto;
		padding: 0 0 0 25px;
	}
}

@media screen and (max-width:767px) {
	header {
		height: 60px;
	}
	
	.hdrLg {
		max-width: 150px;
	}
	
	.hdrNav {
		height: auto;
		display: block;
		font-size: 1.4rem;
		margin: 20px 0 0;
		flex-wrap: wrap;
	}
	
	.hdrNav li.navTel {
		text-align: center;
		width: 100%;
		padding: 0;
		
	}
	.navTelOpen,
	.navTelNum {
		padding: 0!important;
	}	
	.navTelNum img {
		margin: 5px 3px 0 0
	}

	.hdrNav li {
		width: 100%;
		padding: 0;
	}

	.hdrNav li a {
		height: auto;
		padding: 15px;
		border-radius: 50px;
	}

	.hdrNav li span {
		display: inline-block;
		padding: 0 0 0 25px;
	}
	
	.hdrNav li.navColumn {
		width: 100%;
		text-align: left;
		margin-top: 20px;
	}

	.hdrNav li.navColumn span {
		background: url(../images/common/icn_column.png) left no-repeat;
		background-size: 18px auto;
		width: 100%;
		padding: 0 0 0 25px;
	}
	
	.hdrNav li.navContact {
		width: 100%;
		text-align: left;
		margin-top: 20px;
	}

	.hdrNav li.navContact span {
		background: url(../images/common/icn_contact.png) left no-repeat;
		background-size: 18px auto;
		padding: 0 0 0 25px;
	}

}

/* mdlAra */
.mdlAra {
	display: none;
}

@media screen and (max-width:1199px) {
	.mdlAra {
		display: block;
	}

	.menu, .menu span {
		display: inline-block;
		-webkit-transition: all .2s;
		transition: all .2s;
		box-sizing: border-box;
	}

	.menu {
		position: fixed;
		top: 15px;
		right: 20px;
		width: 50px;
		height: 50px;
		box-sizing: border-box;
		background: #77c03e;
		border: solid 2px #d7f494;
		border-radius: 6px;
		z-index: 2000;
		cursor: pointer;
	}

	.menu:hover {
		opacity: 0.60;
		filter: alpha(opacity=60);
		-ms-filter: "alpha(opacity=60)";
		-moz-opacity: 0.60;
		-khtml-opacity: 0.60;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
	}
	
	.menu.active {
		background: #0c815c;
	}

	.menu span {
		width: 28px;
		height: 2px;
		position: absolute;
		left: 9px;
		background: #fff;
		border-radius: 2px;
		z-index: 100;
	}
	
	button {
		border: none;
		background: none;
	}

	.menu span:nth-of-type(1) {
		top: 15px;
	}

	.menu span:nth-of-type(2) {
		top: 23px;
	}

	.menu span:nth-of-type(3) {
		top: 31px;
	}

	.menu.active span:nth-of-type(1) {
		-webkit-transform: translateY(8px) rotate(45deg);
		transform: translateY(8px) rotate(45deg);
	}

	.menu.active span:nth-of-type(2) {
		opacity: 0;
	}

	.menu.active span:nth-of-type(3) {
		-webkit-transform: translateY(-8px) rotate(-45deg);
		transform: translateY(-8px) rotate(-45deg);
	}

	.mdlNavBox {
		position: fixed;
		top: 0;
		right: 0;
		width: 100% ;
		height: 100vh;
		opacity: 0;
		padding: 15px 20px 30px;
		overflow-y: scroll;
		box-sizing: border-box;
		background: #fff;
		background-size: cover;
		background-attachment: fixed;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
		visibility: hidden;
		z-index: 2000;
	}

	.mdlNavBox.active {
		right: 0;
		opacity: 1;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}
	
	.mdlLg {
		max-width: 210px;
		margin: 0 auto 20px;
	}

	.mdlNavInr {
		height: auto;
		margin: 0 auto;
		box-sizing: border-box;
		overflow: hidden;
		background: #0c815c;
		border-radius: 6px;
		box-shadow: 0 0 30px rgba(160,214,74,0.2);
	}
	
	.mdlNav {
		font-size: 1.6rem;
	}

	.mdlNav a {
		width: 100%;
		position: relative;
		display: block;
		padding: 20px 50px 20px 30px;
		overflow: hidden;
		box-sizing: border-box;
	}
	
	.mdlNav a:before {
		content: "";
		position: absolute;
		top: 10px;
		left: 10px;
		width: 5px;
		height: calc(100% - 20px);
		background: #88d947;
		border-radius: 2px;
	}
	
	.mdlNav a:after {
		content: "";
		position: absolute;
		top: calc(50% - 14px);
		right: 15px;
		width: 28px;
		height: 28px;
		box-sizing: border-box;
		background: url(../images/common/icn_arrow_btn_lg.png) center no-repeat #fff;
		background-size: 12px auto;
		border: solid 2px #d7f494;
		border-radius: 50%;
		z-index: 2;
	}
	
	.mdlNav a:hover {
		background: #0c815c;
	}

	.mdlNav li:not(:last-child) {
		border-bottom: solid 1px rgba(255,255,255,0.3);
	}
}

@media screen and (max-width:767px) {
	.menu {
		top: 10px;
		right: 15px;
		width: 40px;
		height: 40px;
		border: solid 2px #d7f494;
	}

	.menu span {
		width: 22px;
		left: 7px;
	}
	
	button {
		border: none;
		background: none;
	}

	.menu span:nth-of-type(1) {
		top: 11px;
	}

	.menu span:nth-of-type(2) {
		top: 18px;
	}

	.menu span:nth-of-type(3) {
		top: 25px;
	}

	.menu.active span:nth-of-type(1) {
		-webkit-transform: translateY(7px) rotate(45deg);
		transform: translateY(7px) rotate(45deg);
	}

	.menu.active span:nth-of-type(2) {
		opacity: 0;
	}

	.menu.active span:nth-of-type(3) {
		-webkit-transform: translateY(-7px) rotate(-45deg);
		transform: translateY(-7px) rotate(-45deg);
	}

	.mdlNavBox {
		padding: 15px 15px 30px;
	}
	
	.mdlLg {
		max-width: 150px;
		margin: 0 auto 15px;
	}

	.mdlNavInr {
		box-shadow: 0 0 20px rgba(160,214,74,0.2);
	}
	
	.mdlNav {
		font-size: 1.5rem;
	}

	.mdlNav a {
		padding: 15px 40px 15px 25px;
	}
	
	.mdlNav a:before {
		width: 3px;
	}
	
	.mdlNav a:after {
		top: calc(50% - 12px);
		right: 12px;
		width: 24px;
		height: 24px;
		background-size: 10px auto;
	}
}

/*======================================================
  mnAra
======================================================*/

.mnAra {
	position: relative;
	padding: 0 30px;
	background: url(../images/index/bg_main.png) top no-repeat;
	background-size: 100% auto;
	border-bottom: solid 35px #bfdf74;
}

.mnWrp {
	max-width: 1200px;
	height: 800px;
	display: flex;
	align-items: center;
	position: relative;
	margin: 0 auto;
}

.mnImg {
	order: 2;
	max-width: 630px;
	margin: 0 0 0 20px;
}

.mnCntBox {
	order: 1;
	width: calc(100% - 650px);
}

.mnCth {
	text-align: center;
	font-weight: 700;
	font-size: 5.6rem;
	line-height: 1.4;
	color: #333;
	white-space: nowrap;
	text-shadow: 0 0 8px rgba(255,255,255,1),
	0 0 8px rgba(255,255,255,1);
	margin: 0 0 30px;
}

.mnCth .grTxt {
	color: #0c815c;
}

.mnLst {
	display: flex;
	justify-content: center;
	margin: 0 -10px 60px;
}

.mnLst li {
	margin: 0 10px;
}

.mnLstBox {
	text-align: center;
	width: 145px;
	height: 145px;
	padding: 30px 0 0;
	box-sizing: border-box;
	background: #fff;
	border: solid 1px #77c03e;
	border-radius: 50%;
	box-shadow: 0 0 35px rgba(135,223,245,0.35);
}

.mnLstTtl {
	display: inline-block;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1;
	color: #fff;
	margin: 0 0 5px;
	padding: 5px 10px;
	background: #0c815c;
	border-radius: 30px;
}

.mnLstTxt {
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 0.9;
	color: #0c815c;
}

.mnLstTxt .minTxt {
	font-size: 1.5rem;
}

.mnLstTxt .bigTxt {
	font-size: 6rem;
	letter-spacing: -0.02em;
}

.mnLstTxt .stgTxt {
	font-weight: 700;
	line-height: 1.8;
	background: linear-gradient(transparent 80%, #eefaaa 80%);
}

.mnBtnLst {
	display: flex;
	margin: 0 -10px;
}

.mnBtnLst li {
	width: calc(50% - 20px);
	margin: 0 10px;
}

.mnBtn {
	text-align: center;
	position: relative;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.6;
	letter-spacing: -0.001em;
	z-index: 1;
}

.mnBtn a {
	display: block;
	padding: 15px 40px 15px 10px;
	border-radius: 100px;
}

.mnBtn.lgBtn a {
	background: #77c03e;	
}

.mnBtn.orBtn a {
	background: #ffa10c;	
}

.mnBtn:after {
	content: "";
	position: absolute;
	top: calc(50% - 13px);
	right: 12px;
	width: 26px;
	height: 26px;
	box-sizing: border-box;
	
	border-radius: 50%;
	z-index: 2;
}

.mnBtnLst a:hover {
	color: #0c815c!important;
	background: #bfdf74;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.mnBtn.lgBtn:after {
	background: url(../images/common/icn_arrow_btn_lg.png) center no-repeat #fff;
	background-size: 12px auto;
	border: solid 2px #d7f494;
}

.mnIlsLt {
	max-width: 470px;
	position: absolute;
	bottom: -12px;
	left: 20%;
}

.mnIlsRt {
	max-width: 250px;
	position: absolute;
	bottom: -25px;
	right: 20%;
}

@media screen and (max-width:1199px) {
	.mnAra {
		border-bottom: solid 30px #bfdf74;
	}

	.mnWrp {
		height: 600px;
		justify-content: center;
	}

	.mnImg {
		max-width: 400px;
	}

	.mnCntBox {
		max-width: 350px;
		width: 100%;
	}

	.mnCth {
		font-size: 4rem;
		line-height: 1.3;
		text-shadow: 0 0 6px rgba(255,255,255,1),
		0 0 6px rgba(255,255,255,1);
		margin: 0 0 20px;
	}

	.mnLst {
		display: flex;
		margin: 0 -5px 25px;
	}

	.mnLst li {
		width: auto;
		margin: 0 5px;
	}

	.mnLstBox {
		text-align: center;
		width: 110px;
		height: 110px;
		padding: 25px 0 0;
		box-shadow: 0 0 25px rgba(135,223,245,0.35);
	}

	.mnLstTtl {
		font-size: 1.2rem;
		padding: 3px 5px;
	}

	.mnLstTxt {
		font-size: 1.8rem;
	}

	.mnLstTxt .minTxt {
		font-size: 1.4rem;
	}

	.mnLstTxt .bigTxt {
		font-size: 4rem;
	}

	.mnBtnLst {
		display: block;
		margin: 0;
	}

	.mnBtnLst li {
		width: 100%;
		margin: 0 0 10px;
	}

	.mnBtn {
		font-size: 1.4rem;
	}

	.mnBtn a {
		display: block;
		padding: 12px;
	}

	.mnIlsLt {
		max-width: 320px;
		bottom: -8px;
		left: calc(50% - 300px);
	}

	.mnIlsRt {
		max-width: 180px;
		bottom: -20px;
		right: calc(50% - 220px);
	}
}

@media screen and (max-width:767px) {
	.mnAra {
		padding: 80px 20px 80px;
		border-bottom: solid 25px #bfdf74;
	}

	.mnWrp {
		min-height: 600px;
		height: 100%;
		display: block;
	}

	.mnImg {
		max-width: 630px;
		margin: 0 auto 10px;
	}

	.mnCntBox {
		max-width: 100%;
	}

	.mnCth {
		font-size: 3rem;
		margin: 0 0 10px;
	}

	.mnLst {
		margin: 0 -3px 20px;
	}
	
	.mnLst li {
		margin: 0 3px;
	}
	
	.mnLstBox {
		width: 100px;
		height: 100px;
		padding: 22px 0 0;
		box-shadow: 0 0 20px rgba(135,223,245,0.35);
	}

	.mnLstTtl {
		font-size: 1.1rem;
		padding: 2px 4px;
	}

	.mnLstTxt {
		font-size: 1.6rem;
	}

	.mnLstTxt .minTxt {
		font-size: 1.3rem;
	}

	.mnLstTxt .bigTxt {
		font-size: 3.5rem;
	}

	.mnBtnLst {
		display: block;
		margin: 0;
	}

	.mnBtnLst li {
		width: 100%;
		margin: 0 0 10px;
	}

	.mnBtn {
		font-size: 1.4rem;
	}

	.mnBtn a {
		display: block;
		padding: 12px;
	}
	
	.mnBtn:after {
		top: calc(50% - 12px);
		right: 12px;
		width: 24px;
		height: 24px;
	}

	.mnBtn.lgBtn:after,
	.mnBtn.grBtn:after {
		background-size: 10px auto;
	}

	.mnIlsLt {
		max-width: 200px;
		bottom: -5px;
		left: calc(50% - 170px);
	}

	.mnIlsRt {
		max-width: 90px;
		bottom: -10px;
		right: calc(50% - 120px);
	}
}

/*======================================================
  content
======================================================*/

/* abtAra */
.abtAra {
	padding: 150px 30px;
	background: url(../images/index/bg_about_lt.png) top 30px left -70px no-repeat,
	url(../images/index/bg_about_rt.png) bottom 200px right -40px no-repeat,
	url(../images/index/bg_about_bt.png) bottom 0 left calc(50% - 500px) no-repeat;
	background-size: 400px auto,380px auto,550px auto;
}

.abtCth {
	text-align: center;
	font-weight: 700;
	font-size: 3rem;
	line-height: 1.6;
	margin: 0 0 60px;
}

.abtCth .bigTxt {
	font-size: 4.5rem;
}

.abtCth .grTxt {
	color: #0c815c;
}

.abtTxt {
	text-align: center;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 2.6;
	margin: 0 0 60px;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.abtAra {
		padding: 100px 30px;
		background: url(../images/index/bg_about_lt.png) top -5px left calc(50% - 330px) no-repeat,
		url(../images/index/bg_about_rt.png) top 40px right calc(50% - 330px) no-repeat,
		url(../images/index/bg_about_bt.png) bottom 0 left calc(50% - 350px) no-repeat;
		background-size: 180px auto,180px auto,300px auto;
	}

	.abtCth {
		font-size: 2.2rem;
		margin: 0 0 30px;
	}

	.abtCth .bigTxt {
		font-size: 3rem;
	}

	.abtTxt {
		line-height: 2.2;
		margin: 0 0 40px;
	}
}

@media screen and (max-width:767px) {
	.abtAra {
		padding: 40px 20px 80px;
		background: url(../images/index/bg_about_lt.png) top 30px left calc(50% - 140px) no-repeat,
		url(../images/index/bg_about_rt.png) top 40px right calc(50% - 130px) no-repeat,
		url(../images/index/bg_about_bt.png) bottom 0 left calc(50% + 100px) no-repeat;
		background-size: 80px auto,80px auto,130px auto;
	}

	.abtCth {
		font-size: 1.6rem;
		margin: 0 0 20px;
	}

	.abtCth .bigTxt {
		font-size: 2.2rem;
	}

	.abtTxt {
		text-align: left;
		line-height: 1.8;
		margin: 0 0 20px;
	}
}

/* strAra */
.strAra {
	background: rgb(222,240,236);
	background: url(../images/common/glw_strength_01.png) top 200px left -40px no-repeat,
	url(../images/common/glw_strength_02.png) bottom -50px right -100px no-repeat,
	linear-gradient(90deg, rgba(222,240,236,1) 0%, rgba(244,250,248,1) 50%, rgba(222,240,236,1) 100%);
	background-size: 350px auto,430px auto,cover;
}

.strTtlBox {
	height: 100px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #bfdf74;
	z-index: 1;
}

.strTtlLg {
	width: 120px;
	height: 120px;
	position: absolute;
	top: calc(50% - 60px);
	left: calc(50% - 60px);
	padding: 10px;
	overflow: hidden;
	box-sizing: border-box;
	background: #fff;
	border: solid 6px #bfdf74;
	border-radius: 50%;
	z-index: 2;
}

.strTtlTxtBox {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 40px 0 0;
}

.strTtlTxt {
	font-weight: 400;
	font-size: 2.15rem;
	line-height: 1.3;
	letter-spacing: -0.005em;
	color: #0c815c;
	padding: 0 80px 0 0;
}

.strTtlTxt .bigTxt {
	font-size: 3.2rem;
}

.strTtl {
	font-weight: 400;
	font-size: 4.5rem;
	line-height: 1.3;
	color: #0c815c;
	padding: 0 0 0 80px;
}

.strTtl .bigTxt {
	font-weight: 700;
	font-size: 5.5rem;
}

.strWrp {
	max-width: 1200px;
	margin: 0 auto;
	padding: 100px 30px;
}

.strCth {
	text-align: center;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.8;
	margin: -30px 0 50px;
}

.strCth .lgTxt {
	font-size: 3rem;
	color: #77c03e;
}

.strLst {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px 20px;
}

.strLst li {
	width: calc(50% - 40px);
	margin: 0 20px 40px;
	padding: 30px;
	box-sizing: border-box;
	box-shadow: 0 0 10px rgba(22,110,5,0.1);
	background: #fff;
	border-radius: 20px;
}

.strLstTtlBox {
	display: flex;
	align-items: center;
	margin: 0 0 20px;
	padding: 0 0 10px;
	border-bottom: dashed 1px #d1d1d1;
}

.strLstNbr {
	width: 80px;
	height: 80px;
	text-align: center;
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1;
	color: #fff;
	margin: 0 20px 0 0;
	padding: 35px 0 0;
	box-sizing: border-box;
	background: url(../images/common/lg_frame.png) top 2px center no-repeat #0c815c;
	background-size: 70px auto;
	border-radius: 50%;
}

.strLstTtl {
	width: calc(100% - 100px);
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1.4;
}

.strLstCntBox {
	display: flex;
}

.strLstImgBox {
	max-width: 200px;
	width: 100%;
	margin: 0 20px 0 0;
}

.strImg {
	overflow: hidden;
	border-radius: 8px;
}

.strTxtBox {
	width: calc(100% - 220px);
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.strAra {
		background: rgb(222,240,236);
		background: url(../images/common/glw_strength_01.png) top 100px left -40px no-repeat,
		url(../images/common/glw_strength_02.png) bottom -100px right -100px no-repeat,
		linear-gradient(90deg, rgba(222,240,236,1) 0%, rgba(244,250,248,1) 50%, rgba(222,240,236,1) 100%);
		background-size: 250px auto,330px auto,cover;
	}

	.strTtlBox {
		height: 80px;
	}

	.strTtlLg {
		width: 100px;
		height: 100px;
		top: calc(50% - 50px);
		left: calc(50% - 50px);
		padding: 8px;
		border: solid 5px #bfdf74;
	}

	.strTtlTxtBox {
		padding: 0 50px 0 0;
	}

	.strTtlTxt {
		font-size: 2rem;
		padding: 0 70px 0 0;
	}

	.strTtlTxt .bigTxt {
		font-size: 3rem;
	}

	.strTtl {
		font-size: 4rem;
		padding: 0 0 0 70px;
	}

	.strTtl .bigTxt {
		font-size: 5rem;
	}

	.strWrp {
		padding: 80px 30px;
	}

	.strCth {
		font-size: 2rem;
		line-height: 1.6;
		margin: -40px 0 40px;
	}

	.strCth .lgTxt {
		font-size: 2.6rem;
	}

	.strLst {
		margin: 0 -15px 10px;
	}

	.strLst li {
		width: calc(50% - 30px);
		margin: 0 15px 30px;
		padding: 20px;
		box-shadow: 0 0 8px rgba(22,110,5,0.1);
		border-radius: 15px;
	}

	.strLstNbr {
		width: 60px;
		height: 60px;
		font-size: 2rem;
		margin: 0 10px 0 0;
		padding: 28px 0 0;
		background-size: 50px auto;
	}

	.strLstTtl {
		width: calc(100% - 70px);
		font-size: 2rem;
	}

	.strLstTtl br {
		display: none; 
	}

	.strLstCntBox {
		display: block;
	}

	.strLstImgBox {
		max-width: 100%;
		margin: 0 0 15px;
	}
	
	.strTxtBox {
		width: 100%;
	}
}

@media screen and (max-width:767px) {
	.strAra {
		background: rgb(222,240,236);
		background: url(../images/common/glw_strength_01.png) top 50px left -40px no-repeat,
		url(../images/common/glw_strength_02.png) bottom -50px right -50px no-repeat,
		linear-gradient(90deg, rgba(222,240,236,1) 0%, rgba(244,250,248,1) 50%, rgba(222,240,236,1) 100%);
		background-size: 150px auto,230px auto,cover;
	}

	.strTtlBox {
		height: 50px;
	}

	.strTtlLg {
		width: 50px;
		height: 50px;
		top: -20px;
		left: calc(50% - 25px);
		padding: 5px;
		border: solid 2px #bfdf74;
	}

	.strTtlTxtBox {
		padding: 0 15px 0 0;
	}

	.strTtlTxt {
		font-size: 1rem;
		padding: 0 25px 0 0;
	}

	.strTtlTxt .bigTxt {
		font-size: 1.6rem;
	}

	.strTtl {
		font-size: 2.2rem;
		padding: 0 0 0 25px;
	}

	.strTtl .bigTxt {
		font-size: 3.2rem;
	}

	.strWrp {
		padding: 30px 20px;
	}

	.strCth {
		font-size: 1.8rem;
		line-height: 1.4;
		margin: 0 0 20px;
	}

	.strCth .lgTxt {
		font-size: 2.2rem;
	}

	.strLst {
		display: block;
		margin: 0 0 30px;
	}

	.strLst li {
		width: 100%;
		margin: 0 0 20px;
		padding: 15px;
		box-shadow: 0 0 6px rgba(22,110,5,0.1);
		border-radius: 10px;
	}

	.strLstNbr {
		width: 50px;
		height: 50px;
		font-size: 1.8rem;
		margin: 0 10px 0 0;
		padding: 22px 0 0;
		background-size: 40px auto;
	}

	.strLstTtl {
		width: calc(100% - 60px);
		font-size: 1.8rem;
	}

	.strLstTtl br {
		display: none; 
	}

	.strLstCntBox {
		display: block;
	}

	.strLstImgBox {
		max-width: 100%;
		margin: 0 0 10px;
	}
	
	.strTxtBox {
		width: 100%;
	}
}

/* flwAra */
.flwAra {
	padding: 100px 30px;
}

.flwLst {
	display: flex;
	margin: 0 -20px 80px;
}

.flwLst li {
	text-align: center;
	width: calc(20% - 40px);
	margin: 0 20px;
}

.flwNbr {
	display: inline-block;
	position: relative;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 0.8;
	color: #fff;
	padding: 10px 25px;
	background: #0c815c;
	border-radius: 50px;
	z-index: 2;
}

.flwImg {
	max-width: 200px;
	max-height: 200px;
	position: relative;
	margin: -30px auto 20px;
	overflow: hidden;
	border: solid 1px #3da886;
	border-radius: 50%;
	box-shadow: 0 0 30px rgba(160,214,74,0.2);
	z-index: 1;
}

.flwTtl {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.3;
	color: #0c815c;
	margin: 0 0 20px;
}

.flwLst .cntTxt {
	text-align: left;
}

.flwCntBox {
	padding: 40px 50px;
	background: url(../images/common/bg_grid_gy.png) top #eafbf7;
	background-size: 13px auto;
	border: solid 1px #3da886;
	border-radius: 20px;
}

.flwTimLstBox {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: dashed 1px #3da886;
}

.flwTimLst {
	display: flex;
}

.flwTimLst li {
	height: 50px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.flwTimLst li:nth-child(1) {
	width: 33%;
	background: #bfdf74;
}

.flwTimLst li:nth-child(1):after {
	content: "";
	position: absolute;
	top: 0;
	right: -50px;
	width: 50px;
	height: 50px;
	background: #bfdf74;
}

.flwTimLst li:nth-child(2) {
	width: 67%;
	background: #0c815c;
	clip-path: polygon(0 0, 95% 0, 100% 100%, 5% 100%);
}

.flwTim {
	text-align: center;
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1;
	color: #0c815c;
}

.flwTimLst li:nth-child(2) .flwTim {
	color: #fff;
}

.flwCntLst {
	display: flex;
	margin: 0 -25px;
}

.flwCntLst li {
	width: calc(33.33% - 50px);
	height: 80px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 25px;
	border-radius: 6px;
}

.flwCntLst li:nth-child(1) {
	background: #bfdf74;
}

.flwCntLst li:nth-child(n+2) {
	background: #0c815c;
}

.flwCntLst li:nth-child(n+2):before {
	content: "";
	position: absolute;
	top: calc(50% - 10px);
	left: -35px;
	width: 20px;
	height: 20px;
	background: url(../images/common/icn_arrow_rt_lg.png) left center no-repeat ;
	background-size: 20px auto;
}

.flwCntTtl {
	text-align: center;
	font-weight: 500;
	font-size: 2.2rem;
	line-height: 1;
	color: #0c815c;
}

.flwCntLst li:nth-child(n+2) .flwCntTtl {
	color: #fff;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.flwAra {
		padding: 80px 30px;
	}

	.flwLst {
		display: flex;
		margin: 0 -10px 60px;
	}

	.flwLst li {
		width: calc(20% - 20px);
		margin: 0 10px;
	}

	.flwNbr {
		font-size: 1.6rem;
		padding: 7px 20px;
	}

	.flwImg {
		margin: -20px auto 10px;
		box-shadow: 0 0 20px rgba(160,214,74,0.2);
	}

	.flwTtl {
		font-size: 1.8rem;
		margin: 0 0 10px;
	}

	.flwCntBox {
		padding: 30px;
		border-radius: 15px;
	}

	.flwTimLstBox {
		margin: 0 0 15px;
		padding: 0 0 15px;
	}

	.flwTimLst li {
		height: 40px;
	}

	.flwTimLst li:nth-child(1):after {
		right: -40px;
		width: 40px;
		height: 40px;
	}

	.flwTim {
		font-size: 1.6rem;
	}

	.flwCntLst {
		margin: 0 -20px;
	}

	.flwCntLst li {
		width: calc(33.33% - 40px);
		height: 60px;
		margin: 0 20px;
		border-radius: 4px;
	}

	.flwCntLst li:nth-child(n+2):before {
		top: calc(50% - 7.5px);
		left: -27px;
		width: 15px;
		height: 15px;
		background-size: 15px auto;
	}

	.flwCntTtl {
		font-size: 1.8rem;
	}
}

@media screen and (max-width:767px) {
	.flwAra {
		padding: 30px 20px;
	}

	.flwLst {
		display: block;
		position: relative;
		margin: 0 0 30px;
	}

	.flwLst:before {
		content: "";
		position: absolute;
		top: 10%;
		left: 47px;
		width: 6px;
		height: 80%;
		background: #3da886;
	}

	.flwLst li {
		width: 100%;
		display: flex;
		margin: 0;
	}
	
	.flwLst li:not(:last-child) {
		margin: 0 0 20px;
	}

	.flwNbr {
		font-size: 1.4rem;
		padding: 5px 10px;
	}
	
	.flwImgBox {
		max-width: 100px;
		margin: 0 10px 0 0;
	}
	
	.flwImg {
		margin: -15px auto 10px;
		box-shadow: 0 0 10px rgba(160,214,74,0.2);
	}
	
	.flwTxtBox {
		width: calc(100% - 110px);
	}

	.flwTtl {
		text-align: left;
		font-size: 1.8rem;
		margin: 0 0 10px;
		padding: 0 0 10px;
		border-bottom: dashed 1px #d1d1d1;
	}

	.flwCntBox {
		display: flex;
		padding: 15px;
		background-size: 6.5px auto;
		border-radius: 10px;
	}

	.flwTimLstBox {
		margin: 0 20px 0 0;
		padding: 0;
		border: none;
	}
	
	.flwTimLst {
		display: block;
		height: 100%;
	}
	
	.flwTimLst li {
		width: 40px;
	}
	
	.flwTimLst li:nth-child(1) {
		width: 40px;
		height: 33%;
	}

	.flwTimLst li:nth-child(1):after {
		top: auto;
		right: auto;
		bottom: -40px;
		left: 0;
		width: 40px;
		height: 40px;
	}
	
	.flwTimLst li:nth-child(2) {
		width: 40px;
		height: 67%;
		clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
	}
	
	.flwTim {
		font-size: 1.5rem;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		text-orientation: upright;
	}
	
	.flwCntLstBox {
		width: calc(100% - 60px);
	}

	.flwCntLst {
		display: block;
		margin: 0;
	}

	.flwCntLst li {
		width: 100%;
		height: 50px;
		margin: 0;
		border-radius: 4px;
	}
	
	.flwCntLst li:not(:last-child) {
		margin: 0 0 35px;
	}

	.flwCntLst li:nth-child(n+2):before {
		top: -25px;
		left: calc(50% - 7.5px);
		width: 15px;
		height: 15px;
		background: url(../images/common/icn_arrow_bt_lg.png) bottom center no-repeat;
		background-size: 15px auto;
	}

	.flwCntTtl {
		font-size: 1.6rem;
	}
}

/* voiAra */
.voiAra {
	padding: 100px 30px;
	background: rgb(222,240,236);
	background: url(../images/common/glw_voice_01.png) top -100px left -100px no-repeat,
	url(../images/common/glw_voice_02.png) top 50% right -350px no-repeat,
	url(../images/common/glw_voice_03.png) bottom 100px left 200px no-repeat,
	linear-gradient(90deg, rgba(222,240,236,1) 0%, rgba(244,250,248,1) 50%, rgba(222,240,236,1) 100%);
	background-size: 430px auto,700px auto,430px auto,cover;
}

.voiLst {
	margin: 0 0 80px;
}

.voiLst li {
	display: flex;
}

.voiLst li:not(:last-child) {
	margin: 0 0 40px;
}

.voiImgBox {
	width: 260px;
	margin: 0 40px 0 0;
}

.voiImg {
	width: 260px;
	overflow: hidden;
	border-radius: 50%;
	position: relative;
	display: block;
	z-index: 1;
}

.voiImg:before {
	display: block;
	content: "";
	padding-top: 100%;
}

.voiImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.voiCntBox {
	width: calc(100% - 300px);
}

.voiCntInr {
	position: relative;
	padding: 25px;
	background: #fff;
	box-shadow: 0 2px 0 rgba(160,160,160,0.35);
	border-radius: 20px;
	z-index: 1;
}

.voiCntInr:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	border-style: solid;
	border-width: 8.5px 14px 8.5px 0;
	border-color: transparent #fff transparent transparent;
	translate: -100% -50%;
	z-index: 3;
}

.voiCntInr:after {
	content: "";
	position: absolute;
	top: calc(50% + 2px);
	left: 0;
	border-style: solid;
	border-width: 8.5px 14px 8.5px 0;
	border-color: transparent rgba(160,160,160,0.35) transparent transparent;
	translate: -100% -50%;
	z-index: 2;
}

.voiAra .cntMinTtl {
	margin: 0 0 20px;
}

.voiCth {
	text-align: center;
	font-weight: 700;
	font-size: 2.6rem;
	line-height: 1.3;
	margin: 0 0 25px;
}

.voiCmpLg {
	max-width: 850px;
	box-sizing: border-box;
	margin: 0 auto 60px;
	padding: 15px 25px;
	background: #fff;
	border: solid 1px #3da886;
	border-radius: 20px;
}

.voiCli {
	text-align: right;
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.3;
	margin: 20px 0 0;
	padding: 20px 0 0;
	border-top: dashed 1px #d1d1d1;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.voiAra {
		padding: 80px 30px;
		background: rgb(222,240,236);
		background: url(../images/common/glw_voice_01.png) top -100px left -100px no-repeat,
		url(../images/common/glw_voice_02.png) top 50% right -350px no-repeat,
		url(../images/common/glw_voice_03.png) bottom 100px left 200px no-repeat,
		linear-gradient(90deg, rgba(222,240,236,1) 0%, rgba(244,250,248,1) 50%, rgba(222,240,236,1) 100%);
		background-size: 330px auto,600px auto,330px auto,cover;
	}

	.voiLst {
		margin: 0 0 60px;
	}

	.voiLst li:not(:last-child) {
		margin: 0 0 30px;
	}

	.voiImgBox {
		width: 200px;
		margin: 0 20px 0 0;
	}

	.voiImg {
		width: 200px;
	}

	.voiCntBox {
		width: calc(100% - 220px);
	}

	.voiCntInr {
		padding: 20px;
		border-radius: 15px;
	}
	
	.voiAra .cntMinTtl {
		margin: 0 0 15px;
	}

	.voiCth {
		font-size: 2.4rem;
		margin: 0 0 20px;
	}

	.voiCmpLg {
		margin: 0 auto 40px;
		padding: 15px 20px;
		border-radius: 15px;
	}
}

@media screen and (max-width:767px) {
	.voiAra {
		padding: 30px 20px;
		background: rgb(222,240,236);
		background: url(../images/common/glw_voice_01.png) top -50px left -50px no-repeat,
		url(../images/common/glw_voice_02.png) top 50% right -250px no-repeat,
		url(../images/common/glw_voice_03.png) bottom 50px left 100px no-repeat,
		linear-gradient(90deg, rgba(222,240,236,1) 0%, rgba(244,250,248,1) 50%, rgba(222,240,236,1) 100%);
		background-size: 230px auto,500px auto,230px auto,cover;
	}

	.voiLst {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -5px 10px;
	}
	
	.voiLst li {
		display: block;
		/*
		width: calc(50% - 10px);
		*/
		margin: 0 5px 20px!important;
	}

	.voiImgBox {
		width: 100%;
		margin: 0 0 20px;
	}

	.voiImg {
		width: 100%;
		max-width: 200px;
		box-sizing: border-box;
		border-radius: 6px;
		margin: 0 auto;
	}

	.voiCntBox {
		width: 100%;
	}

	.voiCntInr {
		padding: 15px;
		border-radius: 10px;
	}
	
	.voiAra .cntMinTtl {
		margin: 0 0 10px;
	}
	
	.voiCntInr:before {
		top: 0;
		left: 50%;
		border-width: 0 7px 12px 7px;
		border-color: transparent transparent #fff;
		translate: -50% -100%;
	}
	
	.voiCntInr:after {
		content: none;
	}

	.voiCth {
		font-size: 2rem;
		margin: 0 0 15px;
	}

	.voiCmpLg {
		margin: 0 auto 30px;
		padding: 15px;
		border-radius: 10px;
	}
	
	.voiCli {
		margin: 10px 0 0;
		padding: 10px 0 0;
		font-size: 1.6rem;
	}
	
}

/* mdaAra */
.mdaAra {
	padding: 100px 0;
	background: url(../images/common/glw_media_01.png) top -30px left 10px no-repeat,
	url(../images/common/glw_media_02.png) top -200px right 10px no-repeat,
	url(../images/common/glw_media_03.png) bottom -130px right -100px no-repeat #0c815c;
	background-size: 380px auto,600px auto,440px auto;
}

.mdaAra .cntTtlEn,
.mdaAra .cntTtl {
	color: #fff!important;
}

.mdaAra .cntTtl:after {
	background: #fff;
}

.mdaLst {
	margin: 0 0 60px;
}

.mdaLst li {
	margin: 0 20px;
	padding: 20px 25px;
	background: #fff;
	border-radius: 15px;
}

.mdaImg {
	width: 100%;
	position: relative;
	display: block;
	margin: 0 0 30px;
	overflow: hidden;
	z-index: 1;
}

.mdaImg:before {
	display: block;
	content: "";
	padding-top: 129.85%;
}

.mdaImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mdaDta {
	display: block;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1;
	color: #77c03e;
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: dashed 1px #d1d1d1;
}

.slide-items {
	width: 100%;
	height: 100%;
}

.slide-items img {
	width: 100%;
	object-fit: cover;
}

.prvBtn {
	text-align: center;
	width: 60px;
	height: 90px;
	position: absolute;
	top: calc(50% - 45px);
	left: 30px;
	padding: 30px 0 0;
	box-sizing: border-box;
	background: #77c03e;
	border: solid 1px #fff;
	border-radius: 6px;
	cursor: pointer;
	z-index: 5;
}

.nxtBtn {
	text-align: center;
	width: 60px;
	height: 90px;
	position: absolute;
	top: calc(50% - 45px);
	right: 30px;
	padding: 30px 0 0;
	box-sizing: border-box;
	background: #77c03e;
	border: solid 1px #fff;
	border-radius: 6px;
	cursor: pointer;
	z-index: 5;
}

.prvBtn img,
.nxtBtn img {
	width: 20px;
	height: auto;
}

.prvBtn:hover,.nxtBtn:hover {
	background: #0c815c;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.mdaAra {
		padding: 80px 0;
		background: url(../images/common/glw_media_01.png) top 30px left 10px no-repeat,
		url(../images/common/glw_media_02.png) top -300px right -50px no-repeat,
		url(../images/common/glw_media_03.png) bottom -130px right -100px no-repeat #0c815c;
		background-size: 280px auto,500px auto,340px auto;
	}

	.mdaLst {
		margin: 0 0 40px;
	}

	.mdaLst li {
		margin: 0 15px;
		padding: 20px;
		border-radius: 10px;
	}

	.mdaImg {
		margin: 0 0 20px;
	}

	.mdaDta {
		font-size: 1.5rem;
	}

	.prvBtn {
		width: 50px;
		height: 80px;
		top: calc(50% - 40px);
		padding: 25px 0 0;
	}

	.nxtBtn {
		width: 50px;
		height: 80px;
		top: calc(50% - 40px);
		padding: 30px 0 0;
		padding: 25px 0 0;
	}
}

@media screen and (max-width:767px) {
	.mdaAra {
		padding: 30px 0;
		background: url(../images/common/glw_media_01.png) top 30px left 10px no-repeat,
		url(../images/common/glw_media_02.png) top -250px right -50px no-repeat,
		url(../images/common/glw_media_03.png) bottom -80px right -50px no-repeat #0c815c;
		background-size: 180px auto,400px auto,240px auto;
	}

	.mdaLst {
		margin: 0 0 30px;
	}

	.mdaLst li {
		margin: 0 20px;
		padding: 15px;
		border-radius: 5px;
	}

	.mdaImg {
		margin: 0 0 15px;
	}

	.mdaDta {
		font-size: 1.5rem;
	}

	.prvBtn {
		width: 40px;
		height: 60px;
		top: calc(50% - 30px);
		left: 20px;
		padding: 20px 0 0;
	}

	.nxtBtn {
		width: 40px;
		height: 60px;
		top: calc(50% - 30px);
		right: 20px;
		padding: 20px 0 0;
	}
	
	.prvBtn img,
	.nxtBtn img {
		width: 15px;
	}
	
	.mdaBtnBox {
		padding: 0 20px;
	}
}

/* infAra */
.infAra {
	padding: 100px 30px;
}

.infLst {
	margin: 0 0 60px;
	border-top: dashed 1px #d1d1d1;
}

.infLst li {
	display: flex;
	align-items: center;
	padding: 20px 0;
	border-bottom: dashed 1px #d1d1d1;
}

.infLst li a {
	color: #333 !important
}

.infLst li a:hover {
	text-decoration: none!important;
}

.infDtaBox {
	display: flex;
	align-items: center;
	margin: 0 30px 0 0;
}

.infDta {
	width: 100px;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1;
	color: #0c815c;
	margin: 0 30px 0 0;
}

.infTyp {
	text-align: center;
	width: 160px;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1;
	color: #fff;
	letter-spacing: -0.005em;
	white-space: nowrap;
	padding: 8px 0;
	box-sizing: border-box;
	border-radius: 3px
}

.nwsTyp {
	background: #0c815c;
}

.prsTyp {
	background: #ffa10c;
}

.empTyp {
	background: #005290;
}

.infxt {
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.4;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.infAra {
		padding: 80px 30px;
	}

	.infLst {
		margin: 0 0 40px;
	}

	.infLst li {
		padding: 15px 0;
	}

	.infDtaBox {
		margin: 0 20px 0 0;
	}

	.infDta {
		font-size: 1.5rem;
		margin: 0 20px 0 0;
	}

	.infTyp {
		width: 150px;
		font-size: 1.3rem;
		letter-spacing: -0.005em;
		padding: 7px 0;
	}
}

@media screen and (max-width:767px) {
	.infAra {
		padding: 30px 20px;
	}

	.infLst {
		margin: 0 0 30px;
	}

	.infLst li {
		display: block;
		padding: 10px 0;
	}

	.infDtaBox {
		margin: 0 0 10px;
	}

	.infDta {
		font-size: 1.4rem;
		margin: 0 10px 0 0;
	}

	.infTyp {
		width: 150px;
		font-size: 1.3rem;
		letter-spacing: -0.005em;
		padding: 7px 0;
	}
}

/* svsAra */
.svsAra {
	padding: 100px 30px;
	background: rgb(222,240,236);
	background: url(../images/common/glw_service_01.png) top -20px left -50px no-repeat,
	url(../images/common/glw_service_02.png) top 100px right -100px no-repeat,
	linear-gradient(90deg, rgba(222,240,236,1) 0%, rgba(244,250,248,1) 50%, rgba(222,240,236,1) 100%);
	background-size: 440px auto,600px auto,cover;
}

.svsCth {
	text-align: center;
	font-weight: 700;
	font-size: 3rem;
	line-height: 1.6;
	color: #0c815c;
	margin: -30px 0 50px;
}

.svsLst {
	overflow: hidden;
	border-radius: 20px;
}

.svsLst li {
	padding: 30px 40px 40px;
}

.svsLst li:first-child {
	background: url(../images/common/bg_grid_wt.png) top #d2e9af;
	background-size: 6px auto;
}

.svsLst li:last-child {
	background: url(../images/common/bg_grid_wt.png) top #d5e7f5;
	background-size: 6px auto;
}

.svsTtlBox {
	text-align: center;
}

.svsLst li:first-child .svsTtlBox {
	margin: 0 0 20px;
}

.svsTtl {
	text-align: center;
	display: inline-block;
	position: relative;
	font-weight: 500;
	font-size: 3.2rem;
	line-height: 1.3;
	padding: 10px 0 10px 70px;
}

.svsLst li:first-child .svsTtl {
	color: #0c815c;
}

.svsLst li:first-child .svsTtl:before {
	content: "";
	position: absolute;
	top: calc(50% - 28px);
	left: 0;
	width: 56px;
	height: 56px;
	box-sizing: border-box;
	background: url(../images/common/icn_service.png) center no-repeat #0c815c;
	background-size: 30px auto;
	border: solid 2px #77c03e;
	border-radius: 50%;
}

.svsLst li:last-child .svsTtl {
	color: #005290;
}

.svsLst li:last-child .svsTtl:before {
	content: "";
	position: absolute;
	top: calc(50% - 28px);
	left: 0;
	width: 56px;
	height: 56px;
	box-sizing: border-box;
	background: url(../images/common/icn_sale.png) center no-repeat #005290;
	background-size: 30px auto;
	border: solid 2px #a1ccea;
	border-radius: 50%;
}

.svsBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.svsTypBsnBox {
	width: calc(50% - 20px);
	min-height: 180px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: #77c03e;
	margin: 0 20px 0 0;
	padding: 20px 30px;
	box-sizing: border-box;
	background: #fff;
	border: solid 1px #77c03e;
	border-radius: 6px;
	z-index: 1;
}

.svsTypBsnImg {
	max-width: 110px;
	position: absolute;
	top: -10px;
	left: 20px;
	z-index: 2;
}

.svsTypHcpBox {
	width: calc(50% - 20px);
	min-height: 180px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #ffa10c;
	margin: 0 0 0 20px;
	padding: 20px 30px;
	box-sizing: border-box;
	background: #fff;
	border: solid 1px #ffa10c;
	border-radius: 6px;
	z-index: 1;
}

.svsTypHcpImg {
	max-width: 90px;
	position: absolute;
	top: 0;
	right: 40px;
	z-index: 2;
}

.svsTypCmpBox {
	width: calc(50% - 20px);
	min-height: 160px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #005290;
	margin: 0 0 0 20px;
	padding: 20px 30px;
	box-sizing: border-box;
	background: #fff;
	border: solid 1px #005290;
	border-radius: 6px;
	z-index: 1;
}

.svsTypCmpImg {
	max-width: 120px;
	position: absolute;
	top: -20px;
	right: 30px;
	z-index: 2;
}

.svsTypCntBox {
	max-width: 320px;
	width: 100%;
}

.svsTypTtl {
	text-align: center;
	font-weight: 500;
	font-size: 2.3rem;
	line-height: 1.4;
	margin: 0 0 15px;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.svsAra {
		padding: 80px 30px;
		background: rgb(222,240,236);
		background: url(../images/common/glw_service_01.png) top -20px left -100px no-repeat,
		url(../images/common/glw_service_02.png) top 100px right -150px no-repeat,
		linear-gradient(90deg, rgba(222,240,236,1) 0%, rgba(244,250,248,1) 50%, rgba(222,240,236,1) 100%);
		background-size: 340px auto,500px auto,cover;
	}

	.svsCth {
		font-size: 2.6rem;
		margin: -30px 0 40px;
	}

	.svsLst {
		border-radius: 15px;
	}

	.svsLst li {
		padding: 20px 30px 30px;
	}

	.svsLst li:first-child .svsTtlBox {
		margin: 0 0 15px;
	}

	.svsTtl {
		font-size: 2.8rem;
		padding: 10px 0 10px 60px;
	}
	
	.svsLst li:last-child .svsTtl {
		text-align: left;
	}

	.svsLst li:first-child .svsTtl:before {
		top: calc(50% - 23px);
		width: 46px;
		height: 46px;
		background-size: 25px auto;
	}

	.svsLst li:last-child .svsTtl:before {
		top: calc(50% - 23px);
		width: 46px;
		height: 46px;
		background-size: 25px auto;
	}

	.svsTypBsnBox {
		width: calc(50% - 10px);
		min-height: auto;
		margin: 0 10px 0 0;
		padding: 20px;
		border-radius: 4px;
	}

	.svsTypBsnImg {
		max-width: 70px;
		top: -60px;
		left: -30px;
	}

	.svsTypHcpBox {
		width: calc(50% - 10px);
		min-height: auto;
		margin: 0 0 0 10px;
		padding: 20px;
		border-radius: 4px;
	}

	.svsTypHcpImg {
		max-width: 55px;
		top: -40px;
		right: -20px;
	}

	.svsTypCmpBox {
		width: calc(50% - 10px);
		min-height: auto;
		margin: 0 0 0 10px;
		padding: 20px;
		border-radius: 4px;
	}

	.svsTypCmpImg {
		max-width: 70px;
		top: -50px;
		right: -20px;
	}

	.svsTypTtl {
		font-size: 2rem;
		margin: 0 0 10px;
	}
}

@media screen and (max-width:767px) {
	.svsAra {
		padding: 30px 20px;
		background: rgb(222,240,236);
		background: url(../images/common/glw_service_01.png) top -50px left -50px no-repeat,
		url(../images/common/glw_service_02.png) top 100px right -150px no-repeat,
		linear-gradient(90deg, rgba(222,240,236,1) 0%, rgba(244,250,248,1) 50%, rgba(222,240,236,1) 100%);
		background-size: 240px auto,400px auto,cover;
	}

	.svsCth {
		font-size: 2rem;
		margin: 0 0 20px;
	}

	.svsLst {
		border-radius: 10px;
	}

	.svsLst li {
		padding: 15px;
	}

	.svsTtlBox {
		margin: 0 0 5px!important;
	}

	.svsTtl {
		font-size: 1.8rem;
		padding: 10px 0 10px 40px;
	}
	
	.svsLst li:last-child .svsTtl {
		text-align: center;
	}

	.svsLst li:first-child .svsTtl:before,
	.svsLst li:last-child .svsTtl:before {
		top: calc(50% - 17px);
		width: 34px;
		height: 34px;
		background-size: 20px auto;
	}
	
	.svsBox {
		display: block;
	}

	.svsTypBsnBox,
	.svsTypHcpBox,
	.svsTypCmpBox {
		width: 100%;
		min-height: auto;
		margin: 0;
		padding: 10px;
		border-radius: 4px;
	}
	
	.svsTypBsnBox {
		margin: 0 0 15px;
	}

	.svsTypBsnImg {
		max-width: 40px;
		top: -10px;
		left: calc(50% - 145px);
	}

	.svsTypHcpImg {
		max-width: 30px;
		top: 5px;
		right: calc(50% - 120px);
	}

	.svsTypCmpImg {
		max-width: 40px;
		top: -20px;
		right: calc(50% - 140px);
	}
	
	.svsTypCntBox {
		max-width: 100%;
	}
	
	.svsTypTtl {
		font-size: 1.6rem;
		margin: 0 0 10px;
	}
}

/* bnrAra */
.bnrAra {
	padding: 100px 30px
}

.bnrLst {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px -40px;
}

.bnrLst li {
	width: calc(50% - 40px);
	margin: 0 20px 40px;
}

.bnrImg {
	overflow: hidden;
	border: solid 1px #3da886;
	border-radius: 10px;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.bnrAra {
		padding: 80px 30px
	}

	.bnrLst {
		margin: 0 -15px -30px;
	}

	.bnrLst li {
		width: calc(50% - 30px);
		margin: 0 15px 30px;
	}

	.bnrImg {
		border-radius: 6px;
	}
}

@media screen and (max-width:767px) {
	.bnrAra {
		padding: 30px 20px
	}

	.bnrLst {
		display: block;
		margin: 0 0 -15px;
	}

	.bnrLst li {
		width: 100%;
		margin: 0 0 15px;
	}

	.bnrImg {
		border-radius: 4px;
	}
}

/*======================================================
  footer
======================================================*/

.ftrNavAra {
	padding: 60px 30px;
	background: url(../images/common/glw_footernavi_01.png) top -150px left -100px no-repeat,
	url(../images/common/glw_footernavi_02.png) bottom -280px right -100px no-repeat #0c815c;
	background-size: 520px auto,620px auto;
}

.ftrNav {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.3;
	margin: 0 -30px 40px;
}

.ftrNav li {
	position: relative;
	margin: 0 30px;
}

.ftrNav li:not(:last-child):after {
	content: "／";
	position: absolute;
	top: calc(50% - 10.4px);
	right: -35px;
	color: rgba(255,255,255,0.6);
}

.ftrCntWrp {
	max-width: 1200px;
	display: flex;
	align-items: flex-end;
	margin: 0 auto;
	padding: 80px 30px 0;
	box-sizing: border-box;
}

.ftrBox {
	width: calc(100% - 350px);
	display: flex;
}

.ftrLg {
	max-width: 170px;
	margin: 0 50px 0 0;
}

.ftrCntBox {
	width: calc(100% - 220px);
	padding: 0 0 80px;
}

.ftrCntTtl {
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.3;
	color: #0c815c;
	margin: 0 0 25px;
}

.ftrAddLst {
	display: inline-block;
}

.ftrAddLst li {
	display: flex;
}

.ftrAddLst li {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: dashed 1px #d1d1d1;
}

.ftrAddLst li:last-child {
	margin: 0;
	padding: 0;
	border-bottom: none;
}

.ftrLnkLst {
	display: flex;
	font-size: 1.4rem;
	margin-top: 40px;
}

.ftrLnkLst li:after {
	content: "　｜　";
}

.ftrLnkLst li:last-child:after {
	content: "";
}

.ftrLnkLst li a:hover {
	text-decoration: underline;
	opacity: 0.5;
}

.ftrAddTtl {
	width: 120px;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.3;
	margin: 0 20px 0 0;
}

.ftrAddTxt {
	width: calc(100% - 140px);
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.8;
}

.ftrIls {
	max-width: 310px;
	margin: 0 0 0 40px;
}

.cpyTxt {
	text-align: center;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1.3;
	color: #fff;
	padding: 20px;
	background: #0c815c;
}

.ptpBtn {
	position: fixed;
	display: block;
	bottom: 20px;
	right: 20px;
	z-index: 10;
}

.ptpBtn a  {
	text-align: center;
	width: 60px;
	height: 60px;
	display: block;
	padding: 20px 0 0;
	box-sizing: border-box;
	background: #77c03e;
	border: solid 3px #d7f494;
	border-radius: 50%;
}

.ptpBtn img {
	max-width: 15px;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.ftrNavAra {
		padding: 40px 30px;
		background: url(../images/common/glw_footernavi_01.png) top -150px left -150px no-repeat,
		url(../images/common/glw_footernavi_02.png) bottom -280px right -200px no-repeat #0c815c;
		background-size: 420px auto,520px auto;
	}

	.ftrNav {
		max-width: 600px;
		flex-wrap: wrap;
		font-size: 1.4rem;
		margin: 0 auto 30px;
	}

	.ftrNav li {
		width: calc(33.33% - 20px);
		margin: 0 10px 10px;
	}

	.ftrNav li:not(:last-child):after {
		top: calc(50% - 9.1px);
		right: -25px;
	}

	.ftrNav li:nth-child(3):after,
	.ftrNav li:last-child:after {
		content: none;
	}

	.ftrCntWrp {
		justify-content: center;
		padding: 60px 30px 0;
	}

	.ftrBox {
		width: auto;
	}

	.ftrLg {
		max-width: 120px;
		margin: 0 30px 0 0;
	}

	.ftrCntBox {
		width: calc(100% - 150px);
		padding: 0 0 60px;
	}

	.ftrCntTtl {
		font-size: 1.8rem;
		margin: 0 0 15px;
	}
	
	.ftrAddLst li {
		display: block;
	}
	
	.ftrAddLst li {
		margin: 0 0 15px;
		padding: 0 0 15px;
	}

	.ftrAddLst li:last-child {
		margin: 0;
		padding: 0;
		border-bottom: none;
	}

	.ftrAddTtl {
		width: 100%;
		font-size: 1.5rem;
		margin: 0 15px 0 0;
	}

	.ftrAddTxt {
		width: 100%;
		font-size: 1.5rem;
	}

	.ftrIls {
		max-width: 200px;
		margin: 0 0 0 20px;
	}

	.ptpBtn {
		bottom: 15px;
		right: 15px;
	}

	.ptpBtn a  {
		width: 50px;
		height: 50px;
		padding: 15px 0 0;
		border: solid 2px #d7f494;
	}
}

@media screen and (max-width:767px) {
	.ftrNavAra {
		padding: 30px 20px;
		background: url(../images/common/glw_footernavi_01.png) top -100px left -100px no-repeat,
		url(../images/common/glw_footernavi_02.png) bottom -230px right -150px no-repeat #0c815c;
		background-size: 320px auto,420px auto;
	}

	.ftrNav {
		text-align: left;
		display: block;
		font-size: 1.4rem;
		margin: 0 0 30px;
	}

	.ftrNav li {
		width: 100%;
		position: relative;
		margin: 0;
	}
	
	.ftrNav li:not(:last-child) {
		margin: 0 0 15px;
	}

	.ftrNav li:after {
		content: "";
		position: absolute;
		top: calc(50% - 12px)!important;
		right: 12px!important;
		width: 24px;
		height: 24px;
		box-sizing: border-box;
		background: url(../images/common/icn_arrow_btn_lg.png) center no-repeat #fff;
		background-size: 10px auto;
		border: solid 2px #d7f494;
		border-radius: 50%;
		z-index: 2;
	}

	.ftrNav li a {
		display: block;
		padding: 15px;
		border: solid 1px #fff;
		border-radius: 30px;
	}
	
	.ftrNav li br {
		display: none;
	}
	
	.ftrCntWrp {
		display: block;
		padding: 30px 20px 0;
	}

	.ftrBox {
		display: block;
		width: auto;
	}

	.ftrLg {
		max-width: 100px;
		margin: 0 auto 15px;
	}

	.ftrCntBox {
		text-align: center;
		width: 100%;
		padding: 0 0 15px;
	}

	.ftrCntTtl {
		font-size: 1.8rem;
		margin: 0 0 15px;
	}
	
	.ftrAddLst li {
		display: block;
	}
	
	.ftrAddLst li{
		margin: 0 0 10px;
		padding: 0 0 10px;
	}
	
	.ftrAddLst li:last-child {
		margin: 0;
		padding: 0;
	}

	.ftrAddTtl {
		width: 100%;
		font-size: 1.5rem;
		margin: 0 0 5px;
	}

	.ftrAddTxt {
		width: 100%;
		font-size: 1.4rem;
	}

	.ftrIls {
		max-width: 100px;
		margin: 0 auto;
	}

	.ptpBtn {
		bottom: 15px;
		right: 15px;
	}

	.ptpBtn a  {
		width: 40px;
		height: 40px;
		padding: 13px 0 0;
		border: solid 2px #d7f494;
	}
	
	.ptpBtn img {
		max-width: 10px;
	}
	
	.ftrLnkLst {
		display: block;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	
	.ftrLnkLst li {
		margin-top: 10px;
	}

	.ftrLnkLst li:after {
		content: "";"
	}

	.ftrLnkLst li:last-child:after {
		content: "";
	}	
}

/*======================================================
  lower
======================================================*/

/* lwrHdr */
.lwrHdr {
	background: #fff;
}

/* lwrMnAra */
.lwrMnAra {
	margin: 80px 0 0;
	padding: 0 30px;
}

.lwrMnWrp {
	max-width: 1200px;
	height: 350px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	margin: 0 auto;
}

.lwrMnTtlBox {
	color: #0c815c;
}

.lwrMnTtlEn {
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1.3;
	margin: 0 0 10px;
}

.lwrMnTtl {
	font-weight: 700;
	font-size: 4.5rem;
	line-height: 1.4;
}

.bsnMnTtlBox {
	color: #77c03e!important;
}

.hcpMnTtlBox {
	color: #ffa10c!important;
}

.cmpMnTtlBox {
	color: #005290!important;
}

.ctgMnCth {
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.6;
	color: #fff;
	text-shadow: 0 0 8px rgba(0,0,0,0.9);
	margin: 0 0 0 20px;
}

/* pkzAra */
.pkzAra {
	padding: 15px 30px;
	background: #fff;
}

.pkzLst {
	display: flex;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.3;
}

.pkzLst li {
	margin: 0 40px 0 0;
	position: relative;
}

.pkzLst li:not(:last-child):after {
	content: "／";
	position: absolute;
	top: calc(50% - 10.4px);
	right: -27px;
	color: #9c9c9c;
}

.pkzLst li:last-child {
	color: #0c815c;
}

.bsnPkzLst li:last-child {
	color: #77c03e;
}

.hcpPkzLst li:last-child {
	color: #ffa10c;
}

.cmpPkzLst li:last-child {
	color: #005290;
}

/* lwrNavAra */
.lwrNavAra {
	padding: 30px;
}

.bsnNavAra {
	background: rgb(222,240,236);
	background: url(../images/common/glw_lowernavi_01.png) top -70px left 30px no-repeat,
	url(../images/common/glw_lowernavi_02.png) top -50px right 20% no-repeat #77c03e;
	background-size: 300px auto,150px auto;
}

.hcpNavAra {
	background: rgb(222,240,236);
	background: url(../images/common/glw_lowernavi_01.png) top -70px left 30px no-repeat,
	url(../images/common/glw_lowernavi_02.png) top -50px right 20% no-repeat #ffa10c;
	background-size: 300px auto,150px auto;
}

.cmpNavAra {
	background: rgb(222,240,236);
	background: url(../images/common/glw_lowernavi_01.png) top -70px left 30px no-repeat,
	url(../images/common/glw_lowernavi_02.png) top -50px right 20% no-repeat #005290;
	background-size: 300px auto,150px auto;
}

.lwrNav {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.1;
	white-space: nowrap;
	margin: 0 -15px;
}

.lwrNav .minTxt {
	font-size: 1.3rem;
}

.lwrNav li {
	width: calc(25% - 30px);
	position: relative;
	margin: 0 15px;
}

.lwrNav li a {
	height: 46px;
	display: block;
	padding: 15px 30px;
	box-sizing: border-box;
	border: solid 1px #fff;
	border-radius: 50px;
	transition: all  0.3s ease;
}

.lwrNav .minTxt a {
	padding: 10px 30px;
}

.lwrNav li:after {
	content: "";
	position: absolute;
	top: calc(50% - 14px);
	right: 15px;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	border-radius: 50%;
	z-index: 2;
}

.bsnLwrNav li:after {
	background: url(../images/common/icn_arrow_btn_lg.png) center no-repeat #fff;
	background-size: 12px auto;
	border: solid 2px #d7f494;
}

.bsnLwrNav li.act a,
.bsnLwrNav li a:hover {
	color: #77c03e!important;
	background: #fff;
}

.bsnLwrNav li.act:after,
.bsnLwrNav li:hover:after {
	background: url(../images/common/icn_arrow_btn_wt.png) center no-repeat #77c03e;
	background-size: 12px auto;
}

.hcpLwrNav li:after {
	background: url(../images/common/icn_arrow_btn_or.png) center no-repeat #fff;
	background-size: 12px auto;
	border: solid 2px #ffd28a;
}

.hcpLwrNav li.act a,
.hcpLwrNav li a:hover {
	color: #ffa10c!important;
	background: #fff;
}

.hcpLwrNav li.act:after,
.hcpLwrNav li:hover:after {
	background: url(../images/common/icn_arrow_btn_wt.png) center no-repeat #ffa10c;
	background-size: 12px auto;
}

.cmpLwrNav li:after {
	background: url(../images/common/icn_arrow_btn_bl.png) center no-repeat #fff;
	background-size: 12px auto;
	border: solid 2px #a1ccea;
}

.cmpLwrNav li.act a,
.cmpLwrNav li a:hover {
	color: #005290!important;
	background: #fff;
}

.cmpLwrNav li.act:after,
.cmpLwrNav li:hover:after {
	background: url(../images/common/icn_arrow_btn_wt.png) center no-repeat #005290;
	background-size: 12px auto;
}

/* btmNavAra */
.btmNavAra {
	padding: 100px 30px;
	background: rgb(222,240,236);
	background: url(../images/common/glw_strength_01.png) top 200px left -40px no-repeat,
	url(../images/common/glw_strength_02.png) bottom -50px right -100px no-repeat,
	linear-gradient(90deg, rgba(222,240,236,1) 0%, rgba(244,250,248,1) 50%, rgba(222,240,236,1) 100%);
	background-size: 350px auto,430px auto,cover;
}

.btmNav {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px -40px;
}

.btmNav li {
	width: calc(50% - 40px);
	margin: 0 20px 40px;
	overflow: hidden;
	border-radius: 20px;
}

.btmNavBpx {
	box-sizing: border-box;
	box-shadow: 0 0 10px rgba(22, 110, 5, 0.1);
	background: #fff;
}

.btmNavBtnBox {
	padding: 15px 20px;
}

.btmNavBtn {
	position: relative;
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1.4;
	padding: 5px 5px 5px 40px;
}

.btmNavBtn:before {
	content: "";
	position: absolute;
	top: calc(50% - 14px);
	left: 0;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	border-radius: 50%;
	z-index: 2;
}

.bsnBtmNav .btmNavBtn:before {
	background: url(../images/common/icn_arrow_btn_wt.png) center no-repeat #77c03e;
	background-size: 12px auto;
	border: solid 2px #d7f494;
}

.hcpBtmNav .btmNavBtn:before {
	background: url(../images/common/icn_arrow_btn_wt.png) center no-repeat #ffa10c;
	background-size: 12px auto;
	border: solid 2px #ffd28a;
}

.cmpBtmNav .btmNavBtn:before {
	background: url(../images/common/icn_arrow_btn_wt.png) center no-repeat #005290;
	background-size: 12px auto;
	border: solid 2px #a1ccea;
}

.bsnBtmNav a:link,
.bsnBtmNav a:visited {
	color: #77c03e!important;
}

.hcpBtmNav a:link,
.hcpBtmNav a:visited {
	color: #ffa10c!important;
}

.cmpBtmNav a:link,
.cmpBtmNav a:visited {
	color: #005290!important;
}

/* title */
.bsnCntTtlBox .cntTtlEn {
	color: #77c03e;
}

.bsnCntTtlBox .cntTtl:after {
	background: #77c03e;
}

.hcpCntTtlBox .cntTtlEn {
	color: #ffa10c;
}

.hcpCntTtlBox .cntTtl:after {
	background: #ffa10c;
}

.bsnCntMinTtl{
	background: #77c03e;
}

.bsnCntMinTtl:before {
	background: #fff;
}

.hcpCntMinTtl{
	background: #ffa10c;
}

.hcpCntMinTtl:before {
	background: #fff;
}

/* ctaAra */
.ctaAra {
	padding: 100px 30px;
}

.ctaBox {
	max-width: 1000px;
	min-height: 250px;
	display: flex;
	align-items: center;
	margin: 0 auto;
	padding: 30px;
	box-sizing: border-box;
	background: url(../images/common/bg_cta.png) right no-repeat #f8f8f8;
	background-size: auto 100%;
	border: solid 1px #eee;
	border-radius: 20px;
}

.ctaCntBox {
	max-width: 600px;
	width: 100%;
}

.ctaLg {
	max-width: 280px;
	margin: 0 auto 20px;
}

.ctaCth {
	text-align: center;
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1.3;
	margin: 0 0 20px;
}

.ctaBtnLst {
	display: flex;
	align-items: center;
}

.ctaBtnLst li {
	max-width: 300px;
	width: 50%;
}

.ctaBtnLst li:first-child {
	margin: 0 20px 0 0;
}

.ctaBtn {
	text-align: center;
	position: relative;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 auto;
	z-index: 1;
}

.ctaBtn a {
	width: 100%;
	display: block;
	padding: 15px 50px 15px 15px;
	box-sizing: border-box;
	background: #77c03e;
	border-radius: 100px;
}

.ctaBtn:after {
	content: "";
	position: absolute;
	top: calc(50% - 14px);
	right: 15px;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	background: url(../images/common/icn_arrow_btn_lg.png) center no-repeat #fff;
	background-size: 12px auto;
	border: solid 2px #d7f494;
	border-radius: 50%;
	z-index: 2;
}

.ctaTelBtn {
	text-align: center;
	max-width: 300px;
}

.ctaTelBtn a {
	display: block;
	padding: 5px 20px;
	box-sizing: border-box;
	background: #fff;
	border: solid 1px #0c815c;
	border-radius: 100px;
}

.ctaTelTxt {
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1;
	margin: 0 0 2px;
}

.ctaTel {
	position: relative;
	display: inline-block;
	font-weight: 700;
	font-size: 3.2rem;
	line-height: 1;
	letter-spacing: -0.005em;
	white-space: nowrap;
	padding: 0 0 0 30px;
}

.ctaTel:before {
	content: "";
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	background: url(../images/common/icn_tel.png) center no-repeat #77c03e;
	background-size: 15px auto;
	border: solid 2px #d7f494;
	border-radius: 50%;
}

.ctaTelBtn a:link .ctaTelTxt,
.ctaTelBtn a:visited .ctaTelTxt {
	color: #333!important;
}

.ctaTelBtn a:link .ctaTel,
.ctaTelBtn a:visited .ctaTel {
	color: #0c815c!important;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.lwrMnAra {
		margin: 80px 0 0;
	}

	.lwrMnWrp {
		min-height: 300px;
		height: auto;
	}
	
	.ctgMnWrp {
		display: block;
		padding: 50px 0;
		box-sizing: border-box;
	}

	.lwrMnTtlEn {
		font-size: 1.3rem;
	}

	.lwrMnTtl {
		font-size: 4rem;
	}

	.ctgMnCth {
		font-size: 1.6rem;
		text-shadow: 0 0 6px rgba(0,0,0,0.9);
		margin: 20px 0 0;
	}

	.pkzAra {
		padding: 12px 30px;
	}
	
	.lwrNavAra {
		padding: 20px;
	}

	.bsnNavAra {
		background-size: 200px auto,100px auto;
	}

	.hcpNavAra {
		background-size: 200px auto,100px auto;
	}

	.cmpNavAra {
		background-size: 200px auto,100px auto;
	}

	.lwrNav {
		flex-wrap: wrap;
		font-size: 1.4rem;
		margin: 0 -5px -10px;
	}

	.lwrNav .minTxt {
		font-size: 1.25rem;
	}
	
	.lwrNav li {
		width: calc(50% - 10px);
		margin: 0 5px 10px;
	}

	.lwrNav li a {
		height: auto;
		padding: 13px 30px;
	}

	.lwrNav .minTxt a {
		padding: 7px 30px;
	}

	.lwrNav li:after {
		top: calc(50% - 12px);
		right: 10px;
		width: 24px;
		height: 24px;
	}

	.btmNavAra {
		padding: 80px 30px;
		background: rgb(222,240,236);
		background: url(../images/common/glw_strength_01.png) top 100px left -40px no-repeat,
		url(../images/common/glw_strength_02.png) bottom -100px right -100px no-repeat,
		linear-gradient(90deg, rgba(222,240,236,1) 0%, rgba(244,250,248,1) 50%, rgba(222,240,236,1) 100%);
		background-size: 250px auto,330px auto,cover;
	}

	.btmNav {
		margin: 0 -15px -30px;
	}

	.btmNav li {
		width: calc(50% - 30px);
		margin: 0 15px 30px;
		border-radius: 15px;
	}

	.btmNavBpx {
		box-shadow: 0 0 8px rgba(22, 110, 5, 0.1);
	}

	.btmNavBtnBox {
		padding: 10px 15px;
	}

	.btmNavBtn {
		font-size: 2rem;
	}
	
	.ctaAra {
		padding: 80px 30px;
	}

	.ctaBox {
		max-width: 800px;
		min-height: 200px;
		padding: 20px;
		border-radius: 15px;
	}

	.ctaCntBox {
		max-width: 500px;
	}

	.ctaLg {
		max-width: 240px;
		margin: 0 auto 15px;
	}

	.ctaCth {
		font-size: 2.4rem;
		margin: 0 0 15px;
	}

	.ctaBtnLst li {
		max-width: 250px;
	}

	.ctaBtn {
		font-size: 1.5rem;
	}

	.ctaBtn a {
		padding: 15px 40px 15px 15px;
	}

	.ctaTelBtn {
		max-width: 250px;
	}

	.ctaTelBtn a {
		padding: 5px 15px;
	}

	.ctaTelTxt {
		font-size: 1.1rem;
	}

	.ctaTel {
		font-size: 2.8rem;
	}
}

@media screen and (max-width:767px) {
	.lwrMnAra {
		margin: 60px 0 0;
		padding: 20px;
	}

	.lwrMnWrp {
		min-height: 150px;
		height: auto;
	}
	
	.ctgMnWrp {
		display: block;
		box-sizing: border-box;
	}
	
	.lwrMnTtlEn {
		font-size: 1.2rem;
		margin: 0 0 2px;
	}

	.lwrMnTtl {
		font-size: 2rem;
	}
	
	.ctgMnCth {
		font-size: 1.5rem;
		text-shadow: 0 0 4px rgba(0,0,0,0.9);
		margin: 15px 0 0;
	}

	.pkzAra {
		display: none;
	}
	
	.lwrNavAra {
		padding: 20px;
	}

	.bsnNavAra {
		background: rgb(222,240,236);
		background: url(../images/common/glw_lowernavi_01.png) top -50px left 20px no-repeat,
		url(../images/common/glw_lowernavi_02.png) bottom -20px right 10% no-repeat #77c03e;
		background-size: 150px auto,70px auto;
	}

	.hcpNavAra {
		background: rgb(222,240,236);
		background: url(../images/common/glw_lowernavi_01.png) top -50px left 20px no-repeat,
		url(../images/common/glw_lowernavi_02.png) bottom -20px right 10% no-repeat #ffa10c;
		background-size: 150px auto,70px auto;
	}

	.cmpNavAra {
		background: rgb(222,240,236);
		background: url(../images/common/glw_lowernavi_01.png) top -50px left 20px no-repeat,
		url(../images/common/glw_lowernavi_02.png) bottom -20px right 10% no-repeat #005290;
		background-size: 150px auto,70px auto;
	}

	.lwrNav {
		flex-wrap: wrap;
		font-size: 1.4rem;
		margin: 0 0 -10px;
	}

	.lwrNav .minTxt {
		font-size: 1.25rem;
	}

	.lwrNav li {
		width: 100%;
		margin: 0 0 10px;
	}

	.lwrNav li a {
		height: auto;
		padding: 13px 30px;
	}

	.lwrNav .minTxt a {
		padding: 7px 30px;
	}

	.lwrNav li:after {
		top: calc(50% - 12px);
		right: 10px;
		width: 24px;
		height: 24px;
	}
	
	.btmNavAra {
		padding: 30px 20px;
		background: rgb(222,240,236);
		background: url(../images/common/glw_strength_01.png) top 50px left -40px no-repeat,
		url(../images/common/glw_strength_02.png) bottom -50px right -50px no-repeat,
		linear-gradient(90deg, rgba(222,240,236,1) 0%, rgba(244,250,248,1) 50%, rgba(222,240,236,1) 100%);
		background-size: 150px auto,230px auto,cover;
	}

	.btmNav {
		display: block;
		margin: 0;
	}

	.btmNav li {
		width: 100%;
		margin: 0;
		border-radius: 10px;
	}
	
	.btmNav li:not(:last-child) {
		margin: 0 0 20px;
	}
	
	.btmNavBpx {
		box-shadow: 0 0 6px rgba(22, 110, 5, 0.1);
	}

	.btmNavBtnBox {
		padding: 5px 10px;
	}

	.btmNavBtn {
		font-size: 1.6rem;
		padding: 5px 5px 5px 30px;
	}
	
	.btmNavBtn:before {
		top: calc(50% - 12px) !important;
		right: 12px !important;
		width: 24px;
		height: 24px;
		background-size: 10px auto!important;
	}
	
	.ctaAra {
		padding: 30px 20px;
	}

	.ctaBox {
		min-height: auto;
		padding: 15px;
		background: url(../images/common/bg_cta.png) right -120px top 0 no-repeat #f8f8f8;
		background-size: auto 100%;
		border-radius: 10px;
	}

	.ctaLg {
		max-width: 150px;
		margin: 0 auto 10px;
	}

	.ctaCth {
		font-size: 1.6rem;
		margin: 0 0 15px;
	}
	
	.ctaBtnLst {
		max-width: 100%;
		display: block;
	}

	.ctaBtnLst li {
		max-width: 100%;
		width: 100%;
	}
	
	.ctaBtnLst li:first-child {
		margin: 0 0 10px;
	}

	.ctaBtn {
		font-size: 1.4rem;
	}
	
	.ctaBtn:after {
		top: calc(50% - 12px);
		right: 10px;
		width: 24px;
		height: 24px;
		background-size: 10px auto;
	}
	
	.ctaBtn a {
		padding: 10px 30px;
	}
	
	.ctaTelBtn {
		max-width: 100%;
	}

	.ctaTelBtn a {
		padding: 5px 15px;
	}

	.ctaTelTxt {
		font-size: 1.1rem;
	}

	.ctaTel {
		font-size: 2.4rem;
	}
	
	.ctaTel:before {
		bottom: 0px;
		background-size: 12px auto;
		border: solid 1px #d7f494;
	}
}

/*======================================================
  法人の方へ
======================================================*/

.bsnMn {
	position: relative;
	background: url(../images/business/bg_main.jpg) top no-repeat;
	background-size: cover;
}

@media screen and (max-width:767px) {
	.bsnMn {
		background: url(../images/business/bg_main.jpg) top 0 right -70px no-repeat;
		background-size: cover;
	}
}

/*======================================================
  障がい者雇用をお考えのご担当者様
======================================================*/

.bsnEmpMn {
	position: relative;
	background: url(../images/business/employment/bg_main.jpg) top no-repeat;
	background-size: cover;
}

.bsnEmpMn .lwrMnTtlBox {
	color: #fff!important;
}

.bsnEmpMnImg {
	max-width: 550px;
	position: absolute;
	top: calc(50% - 135px);
	right: 0;
}

/* bsnEmpPrbAra */
.bsnEmpPrbAra {
	padding: 100px 30px 0;
}

.bsnEmpPrbBox {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 50px 50px;
	box-sizing: border-box;
	border: solid 1px #77c03e;
	border-radius: 35px;
}

.bsnEmpPrbTtlBox {
	text-align: center;
	margin: -40px 0 40px;
}

.bsnEmpPrbTtl {
	display: inline-block;
	font-weight: 700;
	font-size: 3.6rem;
	line-height: 1;
	color: #fff;
	padding: 15px 70px;
	background: #77c03e;
	border-radius: 50px;
}

.bsnEmpPrbLst {
	font-weight: 700;
	font-size: 2.6rem;
	line-height: 1.3;
	color: #77c03e;
}

.bsnEmpPrbLst li {
	padding: 20px;
	background: #f8f8f8;
	border-radius: 10px;
}

.bsnEmpPrbLst li:not(:last-child) {
	margin: 0 0 20px;
}

.bsnEmpPrbLst li span {
	display: block;
	position: relative;
	padding: 0 0 0 60px;
}

.bsnEmpPrbLst li span:before {
	content: "";
	position: absolute;
	top: calc(50% - 22px);
	left: 0;
	width: 44px;
	height: 44px;
	box-sizing: border-box;
	background: url(../images/common/icn_check.png) center no-repeat #ffa10c;
	background-size: 25px auto;
	border: solid 2px #ffd28a;
	border-radius: 50%;
}

/* bsnEmpPnlAra */
.bsnEmpPnlAra {
	padding: 100px 30px;
}

.bsnEmpPnlCth {
	text-align: center;
	font-weight: 900;
	font-size: 4.5rem;
	line-height: 1.4;
	margin: 0 0 60px;
}

.bsnEmpPnlCth .lgTxt,
.bsnEmpPnlTxt .lgTxt {
	font-size: 4.5rem;
	color: #77c03e;
	background: linear-gradient(transparent 75%, #fffc00 75%);
}

.bsnEmpPnlBox {
	min-height: 1000px;
	margin: 0 0 30px;
	background: url(../images/business/employment/bg_penalty.png) top no-repeat,
	url(../images/business/employment/icn_arrow_penalty.png) bottom no-repeat;
	background-size: 500px auto,180px auto;
}

.bsnEmpPnlLst {
	display: flex;
	align-items: center;
	justify-content: center;
}

.bsnEmpPnlLst li:nth-child(2) {
	margin: 400px 0 0;
}

.bsnEmpPnlTxt {
	text-align: center;
	font-weight: 900;
	font-size: 3.6rem;
	line-height: 1.7;
}

/* bsnStrAra */
.bsnStrAra {
	background: rgb(222,240,236);
	background: url(../images/common/glw_strength_01.png) top 200px left -40px no-repeat,
	url(../images/common/glw_strength_02.png) bottom -50px right -100px no-repeat,
	linear-gradient(90deg, rgba(222,240,236,1) 0%, rgba(244,250,248,1) 50%, rgba(222,240,236,1) 100%);
	background-size: 350px auto,430px auto,cover;
}

.bsnStrAra .strTtlBox {
	background: #77c03e;
}

.bsnStrAra .strTtlLg {
	border: solid 6px #77c03e;
}

.bsnStrAra .strTtlTxt,
.bsnStrAra .strTtl {
	color: #fff;
}

.bsnStrAra .strLst {
	 margin: 0 -20px -40px;
}

/* bsnEmpCprAra */
.bsnEmpCprAra {
	padding: 100px 30px 0;
}

/* bsnEmpFlwAra */
.bsnEmpFlwAra {
	padding: 100px 30px 0;
}

.bsnEmpFlwAra .flwNbr {
	background: #77c03e;
}

.bsnEmpFlwAra .flwImg {
	border: solid 1px #77c03e;
}

.bsnEmpFlwAra .flwTtl {
	color: #77c03e;
}

.bsnEmpFlwAra .flwCntBox {
	border: solid 1px #77c03e;
	background: url(../images/common/bg_grid_gy.png) top #f4fbea;
	background-size: 13px auto;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.bsnEmpMnImg {
		max-width: 350px;
		position: relative;
		margin: 20px 0 0;
	}

	.bsnEmpPrbAra {
		padding: 80px 30px 0;
	}

	.bsnEmpPrbBox {
		padding: 0 30px 30px;
		border-radius: 25px;
	}

	.bsnEmpPrbTtlBox {
		margin: -30px 0 30px;
	}

	.bsnEmpPrbTtl {
		font-size: 3rem;
		padding: 15px 50px;
	}

	.bsnEmpPrbLst {
		font-size: 2.4rem;
	}

	.bsnEmpPrbLst li {
		padding: 15px;
		border-radius: 8px;
	}

	.bsnEmpPrbLst li span {
		padding: 0 0 0 50px;
	}

	.bsnEmpPrbLst li span:before {
		top: calc(50% - 20px);
		width: 40px;
		height: 40px;
		background-size: 20px auto;
	}

	.bsnEmpPnlAra {
		padding: 80px 30px;
	}

	.bsnEmpPnlCth {
		font-size: 4rem;
		margin: 0 0 40px;
	}

	.bsnEmpPnlCth .lgTxt,
	.bsnEmpPnlTxt .lgTxt {
		font-size: 4rem;
	}

	.bsnEmpPnlBox {
		min-height: 850px;
		margin: 0 0 20px;
		background-size: 450px auto,150px auto;
	}

	.bsnEmpPnlLst li:nth-child(2) {
		margin: 350px 0 0;
	}

	.bsnStrAra {
		background: rgb(222,240,236);
		background: url(../images/common/glw_strength_01.png) top 100px left -40px no-repeat,
		url(../images/common/glw_strength_02.png) bottom -100px right -100px no-repeat,
		linear-gradient(90deg, rgba(222,240,236,1) 0%, rgba(244,250,248,1) 50%, rgba(222,240,236,1) 100%);
		background-size: 250px auto,330px auto,cover;
	}

	.bsnStrAra .strLst {
		 margin: 0 -15px -30px;
	}

	.bsnEmpCprAra {
		padding: 80px 30px 0;
	}

	.bsnEmpFlwAra {
		padding: 80px 30px 0;
	}
}

@media screen and (max-width:767px) {
	.bsnEmpMnImg {
		max-width: 250px;
		position: relative;
		margin: 20px 0 0;
	}

	.bsnEmpPrbAra {
		padding: 50px 15px 0;
	}

	.bsnEmpPrbBox {
		padding: 0 15px 15px;
		border-radius: 15px;
	}

	.bsnEmpPrbTtlBox {
		margin: -20px 0 15px;
	}

	.bsnEmpPrbTtl {
		font-size: 1.8rem;
		padding: 10px 10px;
	}

	.bsnEmpPrbLst {
		font-size: 1.6rem;
	}

	.bsnEmpPrbLst li {
		padding: 10px;
		border-radius: 6px;
	}
	
	.bsnEmpPrbLst li:not(:last-child) {
		margin: 0 0 10px;
	}

	.bsnEmpPrbLst li span {
		padding: 0 0 0 35px;
	}

	.bsnEmpPrbLst li span:before {
		top: calc(50% - 13px);
		width: 26px;
		height: 26px;
		background-size: 15px auto;
	}

	.bsnEmpPnlAra {
		padding: 30px 15px;
	}

	.bsnEmpPnlCth {
		font-size: 2rem;
		margin: 0 0 20px;
	}

	.bsnEmpPnlCth .lgTxt,
	.bsnEmpPnlTxt .lgTxt {
		font-size: 2.2rem;
	}

	.bsnEmpPnlBox {
		min-height: 850px;
		margin: 0 0 15px;
		padding: 200px 0 0;
		background-size: 250px auto,100px auto;
	}
	
	.bsnEmpPnlLst {
		display: block;
	}
	
	.bsnEmpPnlLst li:nth-child(1) {
		margin: 0 0 10px;
	}

	.bsnEmpPnlLst li:nth-child(2) {
		margin: 0 0 10px;
	}
	
	.bsnEmpPnlImg {
		max-width: 280px;
		margin: 0 auto;
	}
	
	.bsnEmpPnlTxt {
		font-size: 1.6rem;
	}
	
	.bsnStrAra {
		background: rgb(222,240,236);
		background: url(../images/common/glw_strength_01.png) top 50px left -40px no-repeat,
		url(../images/common/glw_strength_02.png) bottom -50px right -50px no-repeat,
		linear-gradient(90deg, rgba(222,240,236,1) 0%, rgba(244,250,248,1) 50%, rgba(222,240,236,1) 100%);
		background-size: 150px auto,230px auto,cover;
	}

	.bsnStrAra .strLst {
		 margin: 0 0 -20px;
	}

	.bsnEmpCprAra {
		padding: 30px 20px 0;
	}

	.bsnEmpFlwAra {
		padding: 30px 20px 0;
	}
	
	.bsnEmpCprImgBox {
		overflow-x: scroll;
	}
	
	.bsnEmpCprImg {
		width: 500px;
		margin: 0 auto;
	}
}

/*======================================================
  障がい者施設にお勤めのご担当者様
======================================================*/

.bsnFacMn {
	background: url(../images/business/facility/bg_main.jpg) top no-repeat;
	background-size: cover;
}

/* bsnFacAbtAra */
.bsnFacAbtAra {
	padding: 150px 30px;
	background: url(../images/business/facility/bg_about_lt.png) top 30px left 10px no-repeat,
	url(../images/business/facility/bg_about_rt.png) top 100px right 20px no-repeat;
	background-size: 300px auto,270px auto;
}

.bsnFacAbtCth {
	text-align: center;
	font-weight: 700;
	font-size: 3rem;
	line-height: 1.6;
}

.bsnFacAbtCth .lgTxt {
	font-size: 3.6rem;
	color: #77c03e;
}

/* bsnFacFlwAra */
.bsnFacFlwAra {
	padding: 100px 30px 0;
}

.bsnFacFlwLst {
	position: relative;
	z-index: 2;
}

.bsnFacFlwLst:before {
	content: "";
	position: absolute;
	top: 6%;
	left: 122px;
	width: 8px;
	height: 88%;
	background: #77c03e;
	z-index: 1;
}

.bsnFacFlwLst li {
	display: flex;
}

.bsnFacFlwLst li:not(:last-child) {
	margin: 0 0 40px;
}

.bsnFacFlwTimBox {
	max-width: 150px;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	margin: 0 50px 0 0;
	z-index: 3;
}

.bsnFacFlwTim {
	position: relative;
	font-weight: 700;
	font-size: 3rem;
	line-height: 1;
}

.bsnFacFlwTim:after {
	content: "";
	position: absolute;
	top: -5px;
	right: -60px;
	width: 40px;
	height: 40px;
	background: #77c03e;
	border-radius: 50%;
}

.bsnFacFlwLstBox {
	width: calc(100% - 200px);
	display: flex;
	padding: 20px;
	box-sizing: border-box;
	background: #f8f8f8;
	border-radius: 20px;
}

.bsnFacFlwImgBox {
	order: 2;
	max-width: 180px;
	margin: 0 0 0 20px;
}

.bsnFacFlwImg {
	overflow: hidden;
	border-radius: 8px;
}

.bsnFacFlwCntBox {
	order: 1;
	width: calc(100% - 200px);
}

.bsnFacFlwTtl {
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1.3;
	color: #77c03e;
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: dashed 1px #d1d1d1;
}

/* bsnFacViwAra */
.bsnFacViwAra {
	padding: 100px 30px;
}

.bsnFacViwLst {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px -30px;
}

.bsnFacViwLst li {
	width: calc(33.33% - 30px);
	margin: 0 15px 30px;
}

.bsnFacViwImg {
	width: 100%;
	position: relative;
	display: block;
	margin: 0 0 20px;
	overflow: hidden;
	border-radius: 8px;
	z-index: 1;
}

.bsnFacViwImg:before {
	display: block;
	content: "";
	padding-top: 66%;
}

.bsnFacViwImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* bsnFacVoiAra */
.bsnFacVoiAra {
	padding: 100px 30px;
	background: rgb(222,240,236);
	background: url(../images/common/glw_voice_01.png) top -100px left -100px no-repeat,
	url(../images/common/glw_voice_02.png) top 50% right -350px no-repeat,
	url(../images/common/glw_voice_03.png) bottom 100px left 200px no-repeat,
	linear-gradient(90deg, rgba(222,240,236,1) 0%, rgba(244,250,248,1) 50%, rgba(222,240,236,1) 100%);
	background-size: 430px auto,700px auto,430px auto,cover;
}

.bsnVoiLst {
	margin: 0;
}

.bsnVoiLst .lwrVoiCntBox {
	width: 100%;
}

.bsnVoiLst li {
	position: relative;
}

.bsnVoiLst li .lwrVoiIls01 {
	position: absolute;
	top: -50px;
	right: -40px;
}

.bsnVoiLst li .lwrVoiIls02 {
	position: absolute;
	top: -50px;
	left: -40px;
}

.bsnVoiLst li .lwrVoiIls03 {
	max-width: 100px;
	position: absolute;
	top: -40px;
	right: -40px;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.bsnVoiLst li .lwrVoiIls01 {
		max-width: 85px;
		top: -60px;
		right: -20px;
	}

	.bsnVoiLst li .lwrVoiIls02 {
		max-width: 75px;
		top: -60px;
		left: -25px;
	}

	.bsnVoiLst li .lwrVoiIls03 {
		max-width: 90px;
		top: -50px;
		right: -20px;
	}
}

@media screen and (max-width: 767px) {
	.bsnVoiLst li .lwrVoiIls01 {
		max-width: 60px;
		top: -25px;
		right: -5px;
	}

	.bsnVoiLst li .lwrVoiIls02 {
		max-width: 50px;
		top: -25px;
		right: -15px;
		left: auto;
	}

	.bsnVoiLst li .lwrVoiIls03 {
		max-width: 60px;
		top: -25px;
		right: -15px;
	}
	
	.bsnLwrVoiTtl {
		padding: 7px 25px 7px 35px!important;
	}
}

.bsnFacVoiAra .cntMinTtl {
	margin: 0 0 20px;
}

/* bsnFacAcsAra */
.bsnFacAcsAra {
	padding: 100px 30px;
	background: url(../images/common/glw_media_01.png) top -30px left 10px no-repeat,
	url(../images/common/glw_media_02.png) top -200px right 10px no-repeat,
	url(../images/common/glw_media_03.png) bottom -130px right -100px no-repeat #0c815c;
	background-size: 380px auto,600px auto,440px auto;
}

.bsnFacAcsAra .cntTtlEn,
.bsnFacAcsAra .cntTtl {
	color: #fff!important;
}

.bsnFacAcsAra .cntTtl:after {
	background: #fff;
}

.facAcsBox {
	display: flex;
	background: #fff;
	overflow: hidden;
	border-radius: 20px;
}

.facAcsImg {
	order: 2;
	max-width: 500px;
	width: 100%;
	position: relative;
	display: block;
	margin: 0 0 0 40px;
	overflow: hidden;
	z-index: 1;
}

.facAcsImg:before {
	display: block;
	content: "";
	padding-top: 90%;
}

.facAcsImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.facAcsCntBox {
	order: 1;
	width: calc(100% - 540px);
	padding: 40px;
	box-sizing: border-box;
}

.facAcsTtlBox {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: dashed 1px #d1d1d1;
}

.facAcsTtl {
	font-weight: 700;
	font-size: 3rem;
	line-height: 1.3;
	color: #0c815c;
	margin: 0 0 15px;
}

.facAcsAdd {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.4;
	margin: 0 0 20px;
}

.facAcsTelLst {
	display: flex;
	align-items: center;
}

.facAcsTelLst li {
	display: flex;
	align-items: center;
}

.facAcsTelTtl {
	display: inline-block;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 0.9;
	color: #fff;
	margin: 0 10px 0 0;
	padding: 5px 10px;
	background: #0c815c;
	border-radius: 30px;
}

.facAcsTelTxt {
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 1;
	margin: 0 20px 0 0;
}

.facAcsWayLst li {
	display: flex;
}

.facAcsWayLst li:not(:last-child) {
	margin: 0 0 15px;
}

.facAcsWayTtl {
	max-width: 120px;
	width: 100%;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.3;
	color: #0c815c;
	margin: 0 20px 0 0;
}

.facAcsWayTxt {
	width: calc(100% -140px);
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 2;
}

.gMapBox {
	 position: relative;
	width: 100%;
	height: 0;
	padding-top: 32%;
}
 
.gMapBox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.bsnFacAcsAra .cntMinTtl {
		margin: 0 0 15px;
	}

	.bsnFacAbtAra {
		padding: 80px 30px;
		background: url(../images/business/facility/bg_about_lt.png) top 30px left -20px no-repeat,
		url(../images/business/facility/bg_about_rt.png) top 120px right -20px no-repeat;
		background-size: 200px auto,170px auto;
	}

	.bsnFacAbtCth {
		font-size: 2.6rem;
	}

	.bsnFacAbtCth .lgTxt {
		font-size: 3rem;
	}

	.bsnFacFlwAra {
		padding: 80px 30px 0;
	}

	.bsnFacFlwLst:before {
		left: 91px;
		width: 6px;
	}

	.bsnFacFlwLst li:not(:last-child) {
		margin: 0 0 30px;
	}

	.bsnFacFlwTimBox {
		max-width: 100px;
		margin: 0 30px 0 0;
	}

	.bsnFacFlwTim {
		font-size: 2.4rem;
	}

	.bsnFacFlwTim:after {
		top: 0;
		right: -40px;
		width: 30px;
		height: 30px;
	}

	.bsnFacFlwLstBox {
		width: calc(100% - 130px);
		padding: 15px;
		border-radius: 15px;
	}

	.bsnFacFlwImgBox {
		max-width: 150px;
	}

	.bsnFacFlwImg {
		border-radius: 6px;
	}

	.bsnFacFlwCntBox {
		width: calc(100% - 170px);
	}

	.bsnFacFlwTtl {
		font-size: 2.2rem;
		margin: 0 0 10px;
		padding: 0 0 10px;
	}

	.bsnFacViwAra {
		padding: 80px 30px;
	}

	.bsnFacViwLst {
		margin: 0 -10px -20px;
	}

	.bsnFacViwLst li {
		width: calc(33.33% - 20px);
		margin: 0 10px 20px;
	}

	.bsnFacViwImg {
		margin: 0 0 15px;
		border-radius: 6px;
	}

	.bsnFacVoiAra {
		padding: 80px 30px;
		background: rgb(222,240,236);
		background: url(../images/common/glw_voice_01.png) top -100px left -100px no-repeat,
		url(../images/common/glw_voice_02.png) top 50% right -350px no-repeat,
		url(../images/common/glw_voice_03.png) bottom 100px left 200px no-repeat,
		linear-gradient(90deg, rgba(222,240,236,1) 0%, rgba(244,250,248,1) 50%, rgba(222,240,236,1) 100%);
		background-size: 330px auto,600px auto,330px auto,cover;
	}
	
	.bsnFacVoiAra .cntMinTtl {
		margin: 0 0 15px;
	}
	
	.bsnFacAcsAra {
		padding: 80px 30px;
		background: url(../images/common/glw_media_01.png) top 30px left 10px no-repeat,
		url(../images/common/glw_media_02.png) top -300px right -50px no-repeat,
		url(../images/common/glw_media_03.png) bottom -130px right -100px no-repeat #0c815c;
		background-size: 280px auto,500px auto,340px auto;
	}

	.facAcsBox {
		border-radius: 15px;
	}

	.facAcsImg {
		max-width: 380px;
		margin: 0 0 0 20px;
	}

	.facAcsCntBox {
		width: calc(100% - 400px);
		padding: 20px;
	}

	.facAcsTtlBox {
		margin: 0 0 15px;
		padding: 0 0 15px;
	}

	.facAcsTtl {
		font-size: 2.6rem;
		margin: 0 0 10px;
	}

	.facAcsAdd {
		font-size: 1.6rem;
		margin: 0 0 15px;
	}

	.facAcsTelTxt {
		font-size: 1.6rem;
		margin: 0 15px 0 0;
	}
}

@media screen and (max-width:1000px) {
	.facAcsBox {
		display: block;
	}

	.facAcsImg {
		max-width: 100%;
		margin: 0;
	}

	.facAcsCntBox {
		width: 100%;
	}
}

@media screen and (max-width:767px) {
	.bsnFacAbtAra {
		padding: 30px 20px;
		background: url(../images/business/facility/bg_about_lt.png) bottom 10px left calc(50% - 145px) no-repeat,
		url(../images/business/facility/bg_about_rt.png) top 110px right calc(50% - 135px) no-repeat;
		background-size: 80px auto,70px auto;
	}

	.bsnFacAbtCth {
		font-size: 1.8rem;
	}

	.bsnFacAbtCth .lgTxt {
		font-size: 2rem;
	}

	.bsnFacFlwAra {
		padding: 30px 20px 0;
	}

	.bsnFacFlwLst:before {
		left: 62px;
		width: 3px;
	}

	.bsnFacFlwLst li:not(:last-child) {
		margin: 0 0 30px;
	}

	.bsnFacFlwTimBox {
		max-width: 70px;
		margin: 0 10px 0 0;
	}

	.bsnFacFlwTim {
		font-size: 1.6rem;
	}

	.bsnFacFlwTim:after {
		top: 0;
		right: -25px;
		width: 20px;
		height: 20px;
	}

	.bsnFacFlwLstBox {
		width: calc(100% - 80px);
		display: block;
		padding: 10px;
		border-radius: 10px;
	}

	.bsnFacFlwImgBox {
		max-width: 100%;
		margin: 0 0 10px;
	}

	.bsnFacFlwImg {
		border-radius: 4px;
	}

	.bsnFacFlwCntBox {
		width: 100%;
	}

	.bsnFacFlwTtl {
		font-size: 1.8rem;
		margin: 0 0 10px;
		padding: 0 0 10px;
	}

	.bsnFacViwAra {
		padding: 30px 20px;
	}

	.bsnFacViwLst {
		margin: 0 -5px -10px;
	}

	.bsnFacViwLst li {
		width: calc(50% - 10px);
		margin: 0 5px 10px;
	}

	.bsnFacViwImg {
		margin: 0 0 10px;
		border-radius: 4px;
	}

	.bsnFacVoiAra {
		padding: 30px 20px;
		background: rgb(222,240,236);
		background: url(../images/common/glw_voice_01.png) top -50px left -50px no-repeat,
		url(../images/common/glw_voice_02.png) top 50% right -250px no-repeat,
		url(../images/common/glw_voice_03.png) bottom 50px left 100px no-repeat,
		linear-gradient(90deg, rgba(222,240,236,1) 0%, rgba(244,250,248,1) 50%, rgba(222,240,236,1) 100%);
		background-size: 230px auto,500px auto,230px auto,cover;
	}
	
	.bsnFacVoiAra .cntMinTtl {
		margin: 0 0 10px;
	}
	
	.bsnFacAcsAra {
		padding: 30px 20px;
		background: url(../images/common/glw_media_01.png) top 30px left 10px no-repeat,
		url(../images/common/glw_media_02.png) top -250px right -50px no-repeat,
		url(../images/common/glw_media_03.png) bottom -80px right -50px no-repeat #0c815c;
		background-size: 180px auto,400px auto,240px auto;
	}

	.facAcsBox {
		border-radius: 10px;
	}

	.facAcsImg {
		max-width: 100%;
		margin: 0 0 10px;
	}

	.facAcsCntBox {
		width: 100%;
		padding: 10px;
	}

	.facAcsTtlBox {
		margin: 0 0 10px;
		padding: 0 0 10px;
	}

	.facAcsTtl {
		font-size: 2rem;
		margin: 0 0 10px;
	}
	
	.facAcsTelLst {
		display: block;
	}
		
	.facAcsTelLst li:first-child {
		margin: 0 0 10px;
	}
		
	.facAcsAdd {
		font-size: 1.4rem;
		margin: 0 0 10px;
	}

	.facAcsTelTxt {
		font-size: 1.6rem;
		margin: 0;
	}
	
	.facAcsWayLst li {
		display: block;
	}
	
	.facAcsWayTtl {
		max-width: 100%;
		font-size: 1.6rem;
		margin: 0 0 5px;
	}
	
	.facAcsWayTxt {
		width: 100%;
	}
}

/*======================================================
  よくあるご質問
======================================================*/

.bsnQesMn {
	position: relative;
	background: url(../images/business/question/bg_main.jpg) top no-repeat;
	background-size: cover;
}

.bsnQesMn .lwrMnTtlBox {
    color: #fff !important;
}

/* bsnQesAra */
.bsnQesAra {
	padding: 100px 30px;
}

.qesWrpLst dd:not(:last-child) {
	margin: 0 0 100px;
}

.qesLst {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px -40px;
}

.qesLst li {
	width: calc(50% - 40px);
	margin: 0 20px 40px;
}

.qesLstBox {
	padding: 20px;
	box-sizing: border-box;
	background: #f8f8f8;
	border-radius: 20px;
}

.qesTtlBox {
	background: #fff;
	border-radius: 10px;
	position: relative;
	z-index: 1;
	cursor: pointer;
}

.qesTtlBox:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
	transition: all  0.3s ease;
}

.bsnQesLst .qesTtlBox {
	color: #77c03e;
	border: solid 1px #77c03e;
}

.qesTtlBox:after {
	content: "";
	position: absolute;
	top: calc(50% - 20px);
	right: 15px;
	width: 40px;
	height: 40px;
	border-radius: 6px;
	z-index: 2;
}

.bsnQesLst .qesTtlBox:after {
	background: #77c03e;
}

.qesTtlBox.opn .qesTtlInr:after {
	content: none;
}

.qesTtlInr {
	display: flex;
	position: relative;
	padding: 15px 60px 15px 15px;
	z-index: 3;
}

.qesTtlInr:before {
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	right: 22px;
	width: 26px;
	height: 4px;
	background: #fff;
	border-radius: 2px;
	z-index: 4;
}

.qesTtlInr:after {
	content: "";
	position: absolute;
	top: calc(50% - 13px);
	right: 33px;
	width: 4px;
	height: 26px;
	background: #fff;
	border-radius: 2px;
	z-index: 4;
}

.qesIcn {
	font-weight: 900;
	font-size: 4rem;
	line-height: 0.8;
	margin: 0 15px 0 0;
}

.qesTtl {
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.4;
	margin: 5px 0 0;
}

.ansTxtBox {
	margin: 30px 0 0;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.bsnQesAra {
		padding: 80px 30px;
	}

	.qesWrpLst dd:not(:last-child) {
		margin: 0 0 80px;
	}

	.qesLst {
		margin: 0 -10px -20px;
	}

	.qesLst li {
		width: calc(50% - 20px);
		margin: 0 10px 20px;
	}

	.qesLstBox {
		padding: 15px;
		border-radius: 15px;
	}

	.qesTtlBox {
		border-radius: 8px;
	}

	.qesTtlBox:after {
		right: 10px;
	}

	.qesTtlInr {
		padding: 10px 60px 10px 10px;
	}

	.qesTtlInr:before {
		right: 17px;
	}

	.qesTtlInr:after {
		right: 28px;
	}

	.qesIcn {
		font-size: 3.5rem;
		margin: 0 10px 0 0;
	}

	.ansTxtBox {
		margin: 20px 0 0;
	}
}

@media screen and (max-width:767px) {
	.bsnQesAra {
		padding: 30px 20px;
	}

	.qesWrpLst dd:not(:last-child) {
		margin: 0 0 30px;
	}

	.qesLst {
		display: block;
		margin: 0 0 -20px;
	}

	.qesLst li {
		width: 100%;
		margin: 0 0 20px;
	}

	.qesLstBox {
		padding: 10px;
		border-radius: 10px;
	}

	.qesTtlBox {
		border-radius: 6px;
	}
	
	.qesTtlBox:after {
		top: calc(50% - 15px);
		right: 8px;
		width: 30px;
		height: 30px;
		border-radius: 4px;
	}

	.qesTtlInr {
		padding: 10px 45px 10px 10px;
	}

	.qesTtlInr:before {
		top: calc(50% - 1.5px);
		right: 13px;
		width: 20px;
		height: 3px;
	}

	.qesTtlInr:after {
		top: calc(50% - 10px);
		right: 21px;
		width: 3px;
		height: 20px;
	}

	.qesIcn {
		font-size: 2.6rem;
		margin: 0 10px 0 0;
	}
	
	.qesTtl {
		font-size: 1.6rem;
		line-height: 1.4;
		margin: 0;
	}
	
	.ansTxtBox {
		margin: 10px 0 0;
	}
}

/*======================================================
  企業担当者の声
======================================================*/

.bsnVoiMn {
	position: relative;
	background: url(../images/business/voice/bg_main.jpg) top no-repeat;
	background-size: cover;
}

.bsnVoiMn .lwrMnTtlBox {
	color: #fff!important;
}

/* bsnVoiAra */
.bsnVoiAra {
	padding: 100px 30px;
}

.lwrVoiLst li {
	display: flex;
	padding: 30px;
	box-sizing: border-box;
	background: #f8f8f8;
	border-radius: 20px;
}

.lwrVoiLst li:not(:last-child) {
	margin: 0 0 30px;
}

.lwrVoiImgBox {
	max-width: 260px;
	margin: 0 30px 0 0;
}

.lwrVoiImg {
	overflow: hidden;
	border-radius: 8px
}

.lwrVoiCntBox {
	width: calc(100% - 290px);
}

.lwrVoiTtl {
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1.4;
	color: #fff;
	margin: 0 0 20px;
	padding: 10px 10px 10px 50px;
	border-radius: 6px;
}

.bsnLwrVoiTtl {
	background: url(../images/common/icn_comment.png) left 15px center no-repeat #77c03e;
	background-size: 25px auto;
}

.lwrVoiNme {
	text-align: right;
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.3;
	margin: 20px 0 0;
	padding: 20px 0 0;
	border-top: dashed 1px #d1d1d1;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.bsnVoiAra {
		padding: 80px 30px;
	}

	.lwrVoiLst li {
		padding: 20px;
		border-radius: 15px;
	}

	.lwrVoiImgBox {
		max-width: 220px;
		margin: 0 20px 0 0;
	}

	.lwrVoiImg {
		border-radius: 6px
	}

	.lwrVoiCntBox {
		width: calc(100% - 240px);
	}

	.lwrVoiTtl {
		font-size: 2rem;
		margin: 0 0 15px;
		padding: 8px 8px 8px 40px;
	}

	.bsnLwrVoiTtl {
		background: url(../images/common/icn_comment.png) left 10px center no-repeat #77c03e;
		background-size: 20px auto;
	}

	.lwrVoiNme {
		margin: 15px 0 0;
		padding: 15px 0 0;
	}
}

@media screen and (max-width:767px) {
	.bsnVoiAra {
		padding: 30px 20px;
	}

	.lwrVoiLst li {
		display: block;
		padding: 15px;
		border-radius: 10px;
	}

	.lwrVoiImgBox {
		max-width: 200px;
		margin: 0 auto 15px;
	}

	.lwrVoiImg {
		border-radius: 6px
	}

	.lwrVoiCntBox {
		width: 100%;
	}

	.lwrVoiTtl {
		font-size: 1.8rem;
		margin: 0 0 15px;
		padding: 7px 7px 7px 35px;
		border-radius: 4px
	}

	.bsnLwrVoiTtl {
		background: url(../images/common/icn_comment.png) left 7px center no-repeat #77c03e;
		background-size: 20px auto;
	}

	.lwrVoiNme {
		margin: 10px 0 0;
		padding: 10px 0 0;
		font-size: 1.6rem;
	}
}

/*======================================================
  障がいをお持ちの方・保護者の方
======================================================*/

.hcpMn {
	position: relative;
	background: url(../images/handicap/bg_main.jpg) top no-repeat;
	background-size: cover;
}

.hcpMn .lwrMnTtlBox {
	color: #fff!important;
}

/* lwrInfAra */
.lwrInfAra {
	padding: 100px 30px;
}

.lwrInfCtr {
	padding: 40px;
	box-sizing: border-box;
	background: #f8f8f8;
	border-radius: 20px;
}

.lwrInfBox {
	display: flex;
	margin-bottom: 40px;
}

.lwrInfImgBox {
	max-width: 360px;
	margin: 0 40px 0 0;
}

.lwrInfImg {
	overflow: hidden;
	border-radius: 8px;
}

.lwrInfCntBox {
	width: calc(100% - 400px);
}

.lwrInfCntTtl {
	font-weight: 700;
	font-size: 2.6rem;
	line-height: 1.4;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: dashed 1px #d1d1d1;
}

.hcpInfCntTtl {
	color: #ffa10c;
}

.hcpInfEftBox {
	margin: 50px 0 0;
	padding: 40px;
	background: url(../images/common/bg_grid_gy.png) top #fff9d6;
	background-size: 13px auto;
	border: solid 1px #ffa10c;
	border-radius: 20px;
}

.hcpInfEftTtl {
	text-align: center;
	font-weight: 700;
	font-size: 2.6rem;
	line-height: 1.3;
	color: #ffa10c;
	margin: 0 0 30px;
}

.hcpInfEftLst {
	display: flex;
	margin: 0 -15px;
}

.hcpInfEftLst li {
	width: calc(33.33% - 30px);
	margin: 0 15px;
}

.hcpInfEftLstTtl {
	text-align: center;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 2.2rem;
	line-height: 1.3;
	color: #fff;
	margin: 0 0 20px;
	background: #ffa10c;
	border-radius: 6px;
}

.hcpInfEftLstTtl span {
	padding: 10px 10px 10px 50px;
}

.hcpInfEftLst li:nth-child(1) .hcpInfEftLstTtl span {
	background: url(../images/common/icn_body.png) left no-repeat;
	background-size: 40px auto;
}

.hcpInfEftLst li:nth-child(2) .hcpInfEftLstTtl span {
	background: url(../images/common/icn_mind.png) left no-repeat;
	background-size: 40px auto;
}

.hcpInfEftLst li:nth-child(3) .hcpInfEftLstTtl span {
	background: url("../images/common/icn_society.png") left no-repeat;
	background-size: 40px auto;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.lwrInfAra {
		padding: 80px 30px;
	}

	.lwrInfCtr {
		padding: 30px;
		border-radius: 15px;
	}

	.lwrInfImgBox {
		max-width: 300px;
		margin: 0 30px 0 0;
	}

	.lwrInfImg {
		border-radius: 6px;
	}

	.lwrInfCntBox {
		width: calc(100% - 330px);
	}

	.lwrInfCntTtl {
		font-size: 2.4rem;
		margin: 0 0 15px;
		padding: 0 0 15px;
	}

	.hcpInfEftBox {
		margin: 40px 0 0;
		padding: 30px;
		border-radius: 15px;
	}

	.hcpInfEftTtl {
		font-size: 2.4rem;
		margin: 0 0 20px;
	}

	.hcpInfEftLst {
		margin: 0 -10px;
	}

	.hcpInfEftLst li {
		width: calc(33.33% - 20px);
		margin: 0 10px;
	}

	.hcpInfEftLstTtl {
		height: 60px;
		font-size: 2rem;
		margin: 0 0 15px;
	}

	.hcpInfEftLstTtl span {
		padding: 10px 10px 10px 40px;
	}

	.hcpInfEftLst li:nth-child(1) .hcpInfEftLstTtl span {
		background-size: 30px auto;
	}

	.hcpInfEftLst li:nth-child(2) .hcpInfEftLstTtl span {
		background-size: 30px auto;
	}

	.hcpInfEftLst li:nth-child(3) .hcpInfEftLstTtl span {
		background-size: 30px auto;
	}
}

@media screen and (max-width:767px) {
	.lwrInfAra {
		padding: 30px 20px;
	}

	.lwrInfCtr {
		padding: 15px;
		border-radius: 15px;
	}

	.lwrInfBox {
		display: block;
		margin-bottom: 30px;
	}

	.lwrInfImgBox {
		max-width: 100%;
		margin: 0 0 15px;
	}

	.lwrInfImg {
		border-radius: 6px;
	}
	
	.lwrInfCntBox {
		width: 100%;
	}

	.lwrInfCntTtl {
		font-size: 1.8rem;
		margin: 0 0 10px;
		padding: 0 0 10px;
	}

	.hcpInfEftBox {
		margin: 30px 0 0;
		padding: 15px;
		border-radius: 10px;
	}

	.hcpInfEftTtl {
		font-size: 1.8rem;
		margin: 0 0 15px;
	}

	.hcpInfEftLst {
		display: block;
		margin: 0;
	}

	.hcpInfEftLst li {
		width: 100%;
		margin: 0;
	}
	
	.hcpInfEftLst li:not(:last-child) {
		margin: 0 0 20px;
	}

	.hcpInfEftLstTtl {
		height: 40px;
		font-size: 1.8rem;
		margin: 0 0 10px;
		border-radius: 4px;
	}

	.hcpInfEftLstTtl span {
		padding: 5px 5px 5px 30px;
	}

	.hcpInfEftLst li:nth-child(1) .hcpInfEftLstTtl span {
		background-size: 20px auto;
	}

	.hcpInfEftLst li:nth-child(2) .hcpInfEftLstTtl span {
		background-size: 20px auto;
	}

	.hcpInfEftLst li:nth-child(3) .hcpInfEftLstTtl span {
		background-size: 20px auto;
	}
}

/*======================================================
  就労までの流れ
======================================================*/

.hcpFlwMn {
	position: relative;
	background: url(../images/handicap/flow/bg_main.jpg) top no-repeat;
	background-size: cover;
}

.hcpFlwMn .lwrMnTtlBox {
	color: #fff!important;
}

/* hcpFlwAra */
.hcpFlwAra {
	padding: 100px 30px 0;
}

.hcpFlwAra .flwNbr {
	background: #ffa10c;
}

.hcpFlwAra .flwImg {
	border: solid 1px #ffa10c;
}

.hcpFlwAra .flwTtl {
	color: #ffa10c;
}

.hcpFlwAra .flwCntBox {
	border: solid 1px #ffa10c;
	background: url(../images/common/bg_grid_gy.png) top #fff9d6;
	background-size: 13px auto;
}

.hcpFlwAra .flwTimLst li:nth-child(1) {
	background: #fff;
}

.hcpFlwAra .flwTimLst li:nth-child(1):after {
	background: #fff;
}

.hcpFlwAra .flwTimLst li:nth-child(2) {
	background: #ffa10c;
}

.hcpFlwAra .flwTim {
	color: #ffa10c;
}

.hcpFlwAra .flwCntLst li:nth-child(1) {
	background: #fff;
}

.hcpFlwAra .flwCntLst li:nth-child(n+2) {
	background: #ffa10c;
}

.hcpFlwAra .flwCntTtl {
	color: #ffa10c;
}

.hcpFlwAra .flwCntLst li:nth-child(n+2):before {
	background: url(../images/common/icn_arrow_rt_or.png) left center no-repeat ;
	background-size: 20px auto;
}

/* hcpFlwDtlAra */
.hcpFlwDtlAra {
	padding: 100px 30px;
}

.hcpFlwDtlLst dd {
	display: flex;
	padding: 30px;
	box-sizing: border-box;
	background: #f8f8f8;
	border-radius: 20px;
}

.hcpFlwDtlLst dd:not(:last-child) {
	margin: 0 0 30px;
}

.hcpFlwDtlImgBox {
	max-width: 260px;
	margin: 0 30px 0 0;
}

.hcpFlwDtlImg {
	overflow: hidden;
	border-radius: 8px
}

.hcpFlwDtlCntBox {
	width: calc(100% - 290px);
}

.hcpFlwDtlTtl {
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1.4;
	color: #ffa10c;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: dashed 1px #d1d1d1;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.hcpFlwAra {
		padding: 80px 30px 0;
	}
	
	.hcpFlwDtlAra {
		padding: 80px 30px;
	}

	.hcpFlwDtlLst dd {
		padding: 20px;
		border-radius: 15px;
	}

	.hcpFlwDtlImgBox {
		max-width: 230px;
		margin: 0 20px 0 0;
	}

	.hcpFlwDtlCntBox {
		width: calc(100% - 250px);
	}

	.hcpFlwDtlTtl {
		font-size: 2rem;
		margin: 0 0 15px;
		padding: 0 0 15px;
	}
}

@media screen and (max-width:767px) {
	.hcpFlwAra {
		padding: 30px 20px 0;
	}
	
	.hcpFlwDtlAra {
		padding: 30px 20px;
	}

	.hcpFlwDtlLst dd {
		display: block;
		padding: 15px;
		border-radius: 10px;
	}
	
	.hcpFlwDtlLst dd:not(:last-child) {
		margin: 0 0 20px;
	}
	
	.hcpFlwDtlImgBox {
		max-width: 100%;
		margin: 0 0 15px;
	}
	
	.hcpFlwDtlImg {
		border-radius: 6px
	}

	.hcpFlwDtlCntBox {
		width: 100%;
	}

	.hcpFlwDtlTtl {
		font-size: 1.8rem;
		margin: 0 0 10px;
		padding: 0 0 10px;
	}

	.hcpFlwAra .flwCntLst li:nth-child(n+2):before {
		background: url(../images/common/icn_arrow_bt_or.png) left center no-repeat ;
		background-size: 15px auto;
	}
}

/*======================================================
  よくあるご質問
======================================================*/

.hcpQesMn {
	position: relative;
	background: url(../images/handicap/question/bg_main.jpg) top no-repeat;
	background-size: cover;
}

.hcpQesMn .lwrMnTtlBox {
	color: #fff!important;
}

/* hcpQesAra */
.hcpQesAra {
	padding: 100px 30px;
}

.hcpQesLst .qesTtlBox {
	color: #ffa10c;
	border: solid 1px #ffa10c;
}

.hcpQesLst .qesTtlBox:after {
	background: #ffa10c;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.hcpQesAra {
		padding: 80px 30px;
	}
}

@media screen and (max-width:767px) {
	.hcpQesAra {
		padding: 30px 20px;
	}
}

/*======================================================
  施設の動画・インタビュー
======================================================*/

.hcpVidMn {
	position: relative;
	background: url(../images/handicap/video/bg_main.jpg) top no-repeat;
	background-size: cover;
}

/* hcpVidAra */
.hcpVidAra {
	padding: 100px 30px;
}

.hcpVidLst {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px -40px;
}

.hcpVidLst li {
	width: calc(50% - 40px);
	margin: 0 20px 40px;
}

.hcpVidBox {
	position: relative;
	width: 100%;
	margin: 0 0 20px;
	padding-top: 56.25%;
	overflow: hidden;
    border-radius: 10px;
}

.hcpVidBox video,
.hcpVidBox iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.hcpVidAra {
		padding: 80px 30px;
	}

	.hcpVidLst {
		margin: 0 -15px -30px;
	}

	.hcpVidLst li {
		width: calc(50% - 30px);
		margin: 0 15px 30px;
	}

	.hcpVidBox {
		margin: 0 0 15px;
		border-radius: 8px;
	}
}

@media screen and (max-width:767px) {
	.hcpVidAra {
		padding: 30px 20px;
	}

	.hcpVidLst {
		display: block;
		margin: 0 0 -20px;
	}

	.hcpVidLst li {
		width: 100%;
		margin: 0 0 20px;
	}

	.hcpVidBox {
		margin: 0 0 10px;
		border-radius: 6px;
	}
}

/*======================================================
  保護者の方の声
======================================================*/

.hcpVoiMn {
	position: relative;
	background: url(../images/handicap/voice/bg_main.jpg) top no-repeat;
	background-size: cover;
}

.hcpVoiMn .lwrMnTtlBox {
	color: #fff!important;
}

/* hcpVoiAra */
.hcpVoiAra {
	padding: 100px 30px;
}

.hcpLwrVoiTtl {
	background: url(../images/common/icn_comment.png) left 15px center no-repeat #ffa10c;
	background-size: 25px auto;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.hcpVoiAra {
		padding: 80px 30px;
	}

	.hcpLwrVoiTtl {
		background: url(../images/common/icn_comment.png) left 10px center no-repeat #ffa10c;
		background-size: 20px auto;
	}
}

@media screen and (max-width:767px) {
	.hcpVoiAra {
		padding: 30px 20px;
	}

	.hcpLwrVoiTtl {
		background: url(../images/common/icn_comment.png) left 7px center no-repeat #ffa10c;
		background-size: 20px auto;
	}
}

/*======================================================
  会社案内
======================================================*/

.cmpMn {
	position: relative;
	background: url(../images/company/bg_main.jpg) top no-repeat;
	background-size: cover;
}

.cmpMn .lwrMnTtlBox {
	color: #fff!important;
}

/* cmpPjtAra */
.cmpPjtAra {
	padding: 100px 30px;
}

.cmpPjtCtr {
	position: relative;
	padding: 40px;
	box-sizing: border-box;
	background: #f8f8f8;
	border-radius: 20px;
}

.cmpPjtLg {
	width: 110px;
	height: 110px;
	position: absolute;
	top: calc(50% - 55px);
	left: calc(50% - 55px);
	padding: 10px;
	overflow: hidden;
	box-sizing: border-box;
	background: #f8f8f8;
	border-radius: 50%;
	z-index: 2;
}

.cmpPjtLst:not(.cmpPjtMinLst) {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px -20px;
	overflow: hidden;
}

.cmpPjtLst li:not(.cmpPjtMinLst li) {
	width: calc(50% - 20px);
	margin: 0 10px 20px;
	padding: 40px;
	box-sizing: border-box;
}

.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(1) {
	background: url(../images/company/bg_project_01.jpg) center no-repeat;
	background-size: cover;
	border-radius: 20px 0 0 0;
}

.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(2) {
	background: url(../images/company/bg_project_02.jpg) center no-repeat;
	background-size: cover;
	border-radius: 0 20px 0 0;
}

.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(3) {
	background: url(../images/company/bg_project_03.jpg) center no-repeat;
	background-size: cover;
	border-radius: 0 0 0 20px;
}

.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(4) {
	background: url(../images/company/bg_project_04.jpg) center no-repeat;
	background-size: cover;
	border-radius: 0 0 20px 0;
}

.cmpPjtLstTtl {
	text-align: center;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	font-weight: 700;
	font-size: 2.8rem;
	line-height: 1.3;
	margin: 0 0 30px;
	padding: 0 60px;
	color: #fff;
	box-sizing: border-box;
	background: #fff;
	border-radius: 50px;
	border: solid 1px #fff;
	z-index: 1;
}

.cmpPjtLst li:nth-child(1) .cmpPjtLstTtl {
	background: rgba(0,156,214,0.7);
}

.cmpPjtLst li:nth-child(2) .cmpPjtLstTtl {
	background: rgba(119,192,62,0.7);
}

.cmpPjtLst li:nth-child(3) .cmpPjtLstTtl {
	background: rgba(255,161,12,0.7);
}

.cmpPjtLst li:nth-child(4) .cmpPjtLstTtl {
	background: rgba(206,52,136,0.7);
}

.cmpPjtLst li:not(.cmpPjtMinLst li) .cmpPjtLstTtl:before {
	content: "";
	position: absolute;
	top: calc(50% - 25px);
	left: 5px;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	border-radius: 50%;
	z-index: 2;
}

.cmpPjtLst li:not(.cmpPjtMinLst li) .cmpPjtLstTtl:after {
	content: "";
	position: absolute;
	top: calc(50% - 15px);
	left: 15px;
	width: 30px;
	height: 30px;
	z-index: 3;
}

.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(1) .cmpPjtLstTtl:before {
	background: #3ecadf;
}

.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(1) .cmpPjtLstTtl:after {
	background: url(../images/common/icn_employment.png) left no-repeat;
	background-size: 30px auto;
}

.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(2) .cmpPjtLstTtl:before {
	background: #69d074;
}

.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(2) .cmpPjtLstTtl:after {
	background: url(../images/common/icn_leaf.png) left no-repeat;
	background-size: 30px auto;
}

.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(3) .cmpPjtLstTtl:before {
	background: #f9d33d;
}

.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(3) .cmpPjtLstTtl:after {
	background: url(../images/common/icn_company.png) left no-repeat;
	background-size: 30px auto;
}

.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(4) .cmpPjtLstTtl:before {
	background: #ed97d8;
}

.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(4) .cmpPjtLstTtl:after {
	background: url(../images/common/icn_potato.png) left no-repeat;
	background-size: 30px auto;
}

.cmpPjtMinLst {
	padding: 15px;
	background: rgba(255,255,255,1);
	border-radius: 8px;
}

.cmpPjtMinLst li {
	position: relative;
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1.4;
	padding: 0 0 0 25px;
}

.cmpPjtLst li:nth-child(1) .cmpPjtMinLst li {
	color: #009cd6;
}

.cmpPjtLst li:nth-child(2) .cmpPjtMinLst li {
	color: #77c03e;
}

.cmpPjtLst li:nth-child(3) .cmpPjtMinLst li {
	color: #ffa10c;
}

.cmpPjtLst li:nth-child(4) .cmpPjtMinLst li {
	color: #ce3488;
}

.cmpPjtMinLst li:not(:last-child) {
	margin: 0 0 20px;
}

.cmpPjtLst li .cmpPjtMinLst li:before {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.cmpPjtLst li:nth-child(1) .cmpPjtMinLst li:before {
	background: #3ecadf;
}

.cmpPjtLst li:nth-child(2) .cmpPjtMinLst li:before {
	background: #69d074;
}

.cmpPjtLst li:nth-child(3) .cmpPjtMinLst li:before {
	background: #f9d33d;
}

.cmpPjtLst li:nth-child(4) .cmpPjtMinLst li:before {
	background: #ed97d8;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.cmpPjtAra {
		padding: 80px 30px;
	}

	.cmpPjtCtr {
		padding: 30px;
		border-radius: 15px;
	}

	.cmpPjtLg {
		width: 90px;
		height: 90px;
		top: calc(50% - 45px);
		left: calc(50% - 45px);
		padding: 8px;
	}

	.cmpPjtLst li:not(.cmpPjtMinLst li) {
		padding: 30px;
	}

	.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(1) {
		border-radius: 15px 0 0 0;
	}

	.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(2) {
		border-radius: 0 15px 0 0;
	}

	.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(3) {
		border-radius: 0 0 0 15px;
	}

	.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(4) {
		border-radius: 0 0 15px 0;
	}

	.cmpPjtLstTtl {
		height: 50px;
		font-size: 2.4rem;
		margin: 0 0 20px;
		padding: 0 50px;
	}

	.cmpPjtLst li:not(.cmpPjtMinLst li) .cmpPjtLstTtl:before {
		top: calc(50% - 20px);
		width: 40px;
		height: 40px;
	}

	.cmpPjtLst li:not(.cmpPjtMinLst li) .cmpPjtLstTtl:after {
		top: calc(50% - 10px);
		width: 20px;
		height: 20px;
	}

	.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(1) .cmpPjtLstTtl:after {
		background-size: 20px auto;
	}

	.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(2) .cmpPjtLstTtl:after {
		background-size: 20px auto;
	}

	.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(3) .cmpPjtLstTtl:after {
		background-size: 20px auto;
	}

	.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(4) .cmpPjtLstTtl:after {
		background-size: 20px auto;
	}

	.cmpPjtMinLst li {
		font-size: 2rem;
		padding: 0 0 0 20px;
	}

	.cmpPjtMinLst li:not(:last-child) {
		margin: 0 0 15px;
	}

	.cmpPjtLst li .cmpPjtMinLst li:before {
		top: calc(50% - 4px);
		width: 8px;
		height: 8px;
	}
}

@media screen and (max-width:767px) {
	.cmpPjtAra {
		padding: 30px 20px;
	}

	.cmpPjtCtr {
		padding: 40px 15px 15px;
		border-radius: 10px;
	}

	.cmpPjtLg {
		width: 60px;
		height: 60px;
		top: -20px;
		left: calc(50% - 30px);
		padding: 5px;
	}
	
	.cmpPjtLst {
		display: block;
	}
	
	.cmpPjtLst li:not(.cmpPjtMinLst li) {
		width: 100%;
		padding: 10px;
		border-radius: 10px!important;
	}

	.cmpPjtLstTtl {
		height: 40px;
		font-size: 1.8rem;
		margin: 0 0 15px;
		padding: 0 40px;
	}

	.cmpPjtLst li:not(.cmpPjtMinLst li) .cmpPjtLstTtl:before {
		top: calc(50% - 15px);
		width: 30px;
		height: 30px;
	}

	.cmpPjtLst li:not(.cmpPjtMinLst li) .cmpPjtLstTtl:after {
		top: calc(50% - 8px);
		left: 12px;
		width: 16px;
		height: 16px;
	}

	.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(1) .cmpPjtLstTtl:after {
		background-size: 16px auto;
	}

	.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(2) .cmpPjtLstTtl:after {
		background-size: 16px auto;
	}

	.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(3) .cmpPjtLstTtl:after {
		background-size: 16px auto;
	}

	.cmpPjtLst li:not(.cmpPjtMinLst li):nth-child(4) .cmpPjtLstTtl:after {
		background-size: 16px auto;
	}

	.cmpPjtMinLst li {
		font-size: 1.6rem;
		padding: 0 0 0 15px;
	}

	.cmpPjtMinLst li:not(:last-child) {
		margin: 0 0 10px;
	}

	.cmpPjtLst li .cmpPjtMinLst li:before {
		top: calc(50% - 3px);
		width: 6px;
		height: 6px;
	}
}

/*======================================================
  企業情報
======================================================*/

.cmpInfMn {
	position: relative;
	background: url(../images/company/info/bg_main.jpg) top no-repeat;
	background-size: cover;
}

/* cmpInfAra */
.cmpInfAra {
	padding: 100px 30px;
}

.cmpInfLst {
	overflow: hidden;
	border-radius: 15px;
}

.cmpInfLst li {
	display: flex;
}

.cmpInfLst li:not(:last-child) {
	border-bottom: dashed 1px rgba(159,159,159,0.5);
}

.cmpInfLstTtl {
	text-align: center;
	max-width: 200px;
	width: 100%;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.4;
	color: #fff;
	padding: 25px;
	box-sizing: border-box;
	background: #005290;
}

.cmpInfLstTxt {
	width: calc(100% - 200px);
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.8;
	padding: 25px 50px;
	background: #f8f8f8;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.cmpInfAra {
		padding: 80px 30px;
	}

	.cmpInfLstTtl {
		max-width: 150px;
		padding: 20px;
	}

	.cmpInfLstTxt {
		width: calc(100% - 150px);
		padding: 20px 30px;
	}
}

@media screen and (max-width:767px) {
	.cmpInfAra {
		padding: 30px 20px;
	}
	
	.cmpInfLst li {
		display: block;
		border: none!important;
	}

	.cmpInfLstTtl {
		max-width: 100%;
		font-size: 1.6rem;
		padding: 7px;
	}

	.cmpInfLstTxt {
		width: 100%;
		padding: 12px;
		line-height: 1.6;
	}
}

/*======================================================
  代表メッセージ
======================================================*/

.cmpMsgMn {
	position: relative;
	background: url(../images/company/message/bg_main.jpg) top no-repeat;
	background-size: cover;
}

/* cmpMsgInfAra */
.cmpMsgInfAra {
	padding: 100px 30px;
}

.cmpInfCntTtl {
	color: #005290;
}

.cmpInfNmeBox {
	margin: 30px 0 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.cmpInfNmeTyp {
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.3;
	margin: 0 15px 0 0;
}

.cmpInfNme {
	max-width: 150px;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.cmpMsgInfAra {
		padding: 80px 30px;
	}

	.cmpInfNmeBox {
		margin: 20px 0 0;
	}
	
	.cmpInfNmeTyp {
		font-size: 1.5rem;
		margin: 0 10px 0 0;
	}
	
	.cmpInfNme {
		max-width: 130px;
	}
}

@media screen and (max-width:767px) {
	.cmpMsgInfAra {
		padding: 30px 20px;
	}
	
	.cmpInfNmeBox {
		margin: 10px 0 0;
	}
	
	.cmpInfNmeTyp {
		font-size: 1.2rem;
		margin: 0 5px 0 0;
	}

	.cmpInfNme {
		max-width: 100px;
	}
}

/*======================================================
  施設案内
======================================================*/

.cmpFacMn {
	position: relative;
	background: url(../images/company/facility/bg_main.jpg) top no-repeat;
	background-size: cover;
}

.cmpFacMn .lwrMnTtlBox {
	color: #fff!important;
}

/* cmpFacAcsAra */
.cmpFacAcsAra {
	padding: 100px 30px;
}

.cmpFacAcsLst li:not(.facAcsTelLst li,.facAcsWayLst li) {
	padding: 30px;
    background: #f8f8f8;
    overflow: hidden;
    border-radius: 20px;
}

.cmpFacAcsLst li:not(.facAcsTelLst li,.facAcsWayLst li,:last-child) {
	margin: 0 0 60px;
}

.cmpFacAcsBox {
	border-radius: 20px 20px 0 0;
}

.cmpFacAcsBox .facAcsTtl {
	color: #005290;
}

.cmpFacAcsBox .facAcsTelTtl {
	background: #005290;
}

.cmpFacAcsBox .facAcsWayTtl {
	color: #005290;
}

.cmpFacMapBox {
	overflow: hidden;
	border-radius: 0 0 20px 20px;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.cmpFacAcsAra {
		padding: 80px 30px;
	}
	
	.cmpFacAcsLst li:not(.facAcsTelLst li,.facAcsWayLst li) {
		padding: 20px;
		border-radius: 15px;
	}

	.cmpFacAcsLst li:not(.facAcsTelLst li,.facAcsWayLst li,:last-child) {
		margin: 0 0 40px;
	}

	.cmpFacAcsBox {
		border-radius: 15px 15px 0 0;
	}

	.cmpFacMapBox {
		border-radius: 0 0 15px 15px;
	}
}

@media screen and (max-width:767px) {
	.cmpFacAcsAra {
		padding: 30px 20px;
	}
	
	.cmpFacAcsLst li:not(.facAcsTelLst li,.facAcsWayLst li) {
		padding: 15px;
		border-radius: 10px;
	}

	.cmpFacAcsLst li:not(.facAcsTelLst li,.facAcsWayLst li,:last-child) {
		margin: 0 0 30px;
	}

	.cmpFacAcsBox {
		border-radius: 10px 10px 0 0;
	}

	.cmpFacMapBox {
		border-radius: 0 0 10px 10px;
	}
	
	.cmpFacMapBox .gMapBox {
		padding-top: 60%;
	}
		
}

/*======================================================
  お知らせ・新着情報
======================================================*/

.cmpNwsMn {
	position: relative;
	background: url(../images/company/news/bg_main.jpg) top no-repeat;
	background-size: cover;
}

.cmpNwsMn .lwrMnTtlBox {
	color: #fff!important;
}

/* cmpNwsAra */
.cmpNwsAra {
	padding: 100px 30px;
}

.cmpNwsAra .infLst {
	margin: 0;
}

.cmpNwsAra .infDta {
	color: #005290;
}

.cmpNwsAra .wp-pagenavi a,
.cmpNwsAra .wp-pagenavi span {
	color: #005290!important;
	background: #cde3f3;
}

.cmpNwsAra .wp-pagenavi .current {
	color: #fff!important;
	background: #005290;
}

.cmpNwsAra .wp-pagenavi a:hover {
	background: #005290;
}

.cmpNwsAra .wp-pagenavi .prevpostslink,
.cmpNwsAra .wp-pagenavi .nextpostslink {
	color: #005290!important;
}

.cmpNwsAra .wp-pagenavi .prevpostslink:hover,
.cmpNwsAra .wp-pagenavi .nextpostslink:hover {
	color: #cde3f3!important;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.cmpNwsAra {
		padding: 80px 30px;
	}
}

@media screen and (max-width:767px) {
	.cmpNwsAra {
		padding: 30px 20px;
	}
}

/*======================================================
  お役立ちコラム
======================================================*/

.clmMn {
	position: relative;
	background: url(../images/column/bg_main.jpg) top no-repeat;
	background-size: cover;
}

.clmMn .lwrMnTtlBox {
	color: #fff!important;
}

.clmWrp {
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
	padding: 100px 30px;
}

.clmMnWrp {
	width: calc(100% - 330px);
}

.clmSidWrp {
	width: 300px;
	margin: 0 0 0 30px;
}

/* clmPicAra */
.clmPicLst {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px -20px;
}

.clmPicLst li {
	width: calc(33.33% - 10px);
	position: relative;
	margin: 0 5px 20px;
	padding: 10px 10px 65px;
	box-sizing: border-box;
	background: #f8f8f8;
	border-radius: 8px;
}

.clmLstImgBox {
	width: 100%;
}

.clmPicLst .clmLstImgBox {
	margin: 0 0 15px;
}

.clmLstImg {
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 4px;
	z-index: 1;
}

.clmLstImg:before {
	display: block;
	content: "";
	padding-top: 65%;
}

.clmLstImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.clmDtaLst {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: dashed 1px #d1d1d1;
}

.clmDtaLst dt {
	margin: 0 5px 6px 0;
}

.clmDtaLst dd {
	width: calc(100% - 65px);
	font-weight: 500;
	font-size: 1.3rem;
	line-height: 0.9;
	padding: 3px 5px;
	box-sizing: border-box;
}

.clmDtaTtl {
	width: 60px;
	text-align: center;
	font-weight: 700;
	font-size: 1.1rem;
	line-height: 0.9;
	color: #77c03e;
	padding: 3px 5px;
	display: inline-block;
	box-sizing: border-box;
	background: #fff;
	border: solid 1px #77c03e;
	border-radius: 30px;
}

.clmLstTtl {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.4;
	color: #0c815c;
	margin: 0 0 15px;
}

.clmWrtBox {
	display: flex;
	align-items: center;
	padding: 5px 15px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 6px;
}

.clmWrtBoxDat {
	float: right;
}

.clmWrtBoxDat:after {
	content: "";
	display: block;
	clear: both;
	padding-bottom: 50px;
}

.clmPicLst .clmWrtBox {
	width: calc(100% - 20px);
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.clmWrtTtl {
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.3;
	color: #77c03e;
}

.clmWrtImg {
	width: 40px;
	position: relative;
	display: block;
	margin: 0 10px 0 0;
	overflow: hidden;
	border: solid 2px #d7f494;
	border-radius: 50%;
}

.clmWrtImg:before {
	display: block;
	content: "";
	padding-top: 100%;
}

.clmWrtImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.clmWrtNme {
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.3;
}

/* wp-pagenavi */
.wp-pagenavi {
	text-align: center;
	margin: 30px 0 0;
}

.wp-pagenavi a,
.wp-pagenavi span {
	width: 40px;
	height: 50px;
	color: #0c815c!important;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1;
	display: inline-block;
	margin: 0 5px;
	padding: 15px 0 0;
	box-sizing: border-box;
	background: #d7f494;
	border-radius: 4px;
	transition: all  0.2s ease;
}

.wp-pagenavi .current {
	color: #fff!important;
	background: #0c815c;
}

.wp-pagenavi a:hover {
	color: #fff!important;
	background: #0c815c;
}

.wp-pagenavi .prevpostslink,
.wp-pagenavi .nextpostslink {
	width: 60px;
	color: #0c815c!important;
	font-weight: 700;
	font-size: 1.6rem!important;
	line-height: 1;
	white-space: nowrap;
	background: none!important;
	border: none!important;
}

.wp-pagenavi .prevpostslink:hover,
.wp-pagenavi .nextpostslink:hover {
	color: #bfdf74!important;
	opacity: 0.60;
	transition: all  0.3s ease;
}

/* clmNewAra */
.clmNewAra {
	padding: 100px 0 0;
}

.clmNewLst li {
	display: flex;
	padding: 10px;
	box-sizing: border-box;
	background: #f8f8f8;
	border-radius: 8px;
}

.clmNewLst li:not(:last-child) {
	margin: 0 0 30px;
}

.clmNewLst .clmLstImgBox {
	max-width: 240px;
	margin: 0 20px 0 0;
}

.clmNewLst .clmCntLstBox {
	width: calc(100% - 260px);
}

.clmNewLst .clmDtaLst {
	padding: 10px 0 5px;
}

.clmNewLst .clmDtaLst dd {
	width: auto;
	margin: 0 10px 0 0;
}

/* clmSid */
.clmSidBnr {
	margin: 0 0 60px;
	overflow: hidden;
	border-radius: 6px;
}

/* clmCtgAra */
.clmCtgAra {
	margin: 0 0 60px;
}

.clmCtgLst {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.4;
}

.clmCtgLst li:not(:last-child) {
	margin: 0 0 10px;
}

.clmCtgLst .lgTxt {
	color: #77c03e;
}

/* clmRnkAra */
.clmRnkAra {
	margin: 0 0 60px;
}

.clmRnkLst li {
	position: relative;
}

.clmRnkLst li:not(:last-child) {
	margin: 0 0 15px;
}

.clmRnkLstBox {
	display: flex;
	align-items: center;
	padding: 10px;
	box-sizing: border-box;
	background: #f8f8f8;
	border-radius: 6px;
	z-index: 1;
}

.clmRnkNbr {
	text-align: center;
	position: absolute;
	top: -5px;
	left: -5px;
	width: 25px;
	height: 25px;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1;
	color: #fff;
	padding: 5px 0 0;
	box-sizing: border-box;
	background: #77c03e;
	border-radius: 50%;
	z-index: 2;
}

.clmRnkLst .clmLstImgBox {
	max-width: 100px;
	margin: 0 10px 0 0;
}

.clmRnkLst .clmCntLstBox {
	width: calc(100% - 110px);
}

.clmRnkTtl {
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.3;
}

/* clmTagAra */
.clmTagAra {
	margin: 0 0 60px;
}

.clmTagLst {
	display: flex;
	flex-wrap: wrap;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 1.3;
	margin: 0 -5px -10px;
}

.clmTagLst li {
	margin: 0 5px 10px;
}

.clmTagLst li a {
	display: block;
	padding: 10px 15px;
	background: #d7f494;
	border-radius: 50px;
}

.clmTagLst li a:hover {
	color: #fff!important;
	background: #0c815c;
	transition: all  0.3s ease;
}

/* clmBnrAra */
.clmBnrLst li:not(:last-child) {
	margin: 0 0 15px;
}

.clmBnrLst .bnrImg {
	border-radius: 6px;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.clmWrp {
		padding: 80px 30px;
	}

	.clmMnWrp {
		width: calc(100% - 250px);
	}

	.clmSidWrp {
		width: 230px;
		margin: 0 0 0 20px;
	}

	.clmPicLst li {
		width: calc(50% - 10px);
		padding: 10px 10px 65px;
	}

	.clmLstTtl {
		font-size: 1.8rem;
	}
	
	.clmWrtImg {
		width: 35px;
	}

	.clmNewAra {
		padding: 80px 0 0;
	}

	.clmNewLst li:not(:last-child) {
		margin: 0 0 20px;
	}

	.clmNewLst .clmLstImgBox {
		max-width: 180px;
	}

	.clmNewLst .clmCntLstBox {
		width: calc(100% - 200px);
	}
		
	.clmNewLst .clmDtaLst dd {
		width: calc(100% - 65px);
		margin: 0;
		box-sizing: border-box;
	}
	
	.wp-pagenavi {
		margin: 20px 0 0;
	}

	.wp-pagenavi a,
	.wp-pagenavi span {
		width: 35px;
		height: 45px;
		font-size: 1.8rem;
		padding: 12px 0 0;
	}

	.wp-pagenavi .prevpostslink,
	.wp-pagenavi .nextpostslink {
		width: 60px;
		font-size: 1.5rem!important;
	}
	
	.clmSidBnr {
		margin: 0 0 40px;
	}

	.clmCtgAra {
		margin: 0 0 40px;
	}

	.clmRnkAra {
		margin: 0 0 40px;
	}

	.clmRnkLst .clmLstImgBox {
		max-width: 80px;
	}

	.clmRnkLst .clmCntLstBox {
		width: calc(100% - 90px);
	}

	.clmTagAra {
		margin: 0 0 40px;
	}

	.clmTagLst li a {
		padding: 7px 10px;
	}
}

@media screen and (max-width:767px) {
	.clmWrp {
		display: block;
		padding: 30px 20px;
	}

	.clmMnWrp {
		width: 100%;
		margin: 0 0 30px;
	}

	.clmSidWrp {
		width: 100%;
		margin: 0;
	}
	
	.clmPicLst {
		margin: 0 -5px -10px;
	}
	
	.clmPicLst li {
		width: calc(50% - 10px);
		margin: 0 5px 10px;
		padding: 10px 10px 50px;
	}
	
	.clmLstImgBox {
		margin: 0 0 10px!important;
	}
	
	.clmDtaLst {
		padding: 0 0 5px!important;
	}
	
	.clmDtaLst dt {
		width: 100%;
		margin: 0 0 5px;
	}
	
	.clmDtaTtl {
		width: 100%;
		display: block;
	}
	
	.clmDtaLst dd {
		text-align: center;
		width: 100%;
		margin: 0 0 5px;
	}
	
	.clmLstTtl {
		font-size: 1.6rem;
	}

	.clmWrtBox {
		border-radius: 4px;
	}
	
	.clmWrtBoxDat:after {
		padding-bottom: 30px;
	}
	
	.clmWrtImg {
		width: 30px;
	}
	
	.clmWrtTtl {
		font-size: 1.4rem;
	}
	
	.clmWrtNme {
		font-size: 1.4rem;
	}
	
	.clmNewAra {
		padding: 30px 0 0;
	}
	
	.clmNewLst {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -5px -10px;
	}
	
	.clmNewLst li:not(:last-child) {
		margin: 0;
	}
	
	.clmNewLst li {
		width: calc(50% - 10px);
		position: relative;
		display: block;
		margin: 0 5px 10px!important;
		padding: 10px 10px 55px;
	}

	.clmNewLst .clmLstImgBox {
		max-width: 100%;
	}

	.clmNewLst .clmCntLstBox {
		width: 100%;
	}
		
	.clmNewLst .clmDtaLst dd {
		width: 100%;
	}
	
	.clmNewLst .clmWrtBox {
		width: calc(100% - 20px);
		position: absolute;
		bottom: 10px;
		left: 10px;
	}
	
	.wp-pagenavi {
		margin: 20px 0 0;
	}

	.wp-pagenavi a,
	.wp-pagenavi span {
		width: 30px;
		height: 40px;
		font-size: 1.6rem;
		margin: 0 4px;
		padding: 10px 0 0;
		border-radius: 3px;
	}

	.wp-pagenavi .prevpostslink,
	.wp-pagenavi .nextpostslink {
		width: 50px;
		font-size: 1.4rem!important;
	}
	
	.clmSidBnr {
		margin: 0 0 30px;
	}

	.clmCtgAra {
		margin: 0 0 30px;
	}

	.clmRnkAra {
		margin: 0 0 30px;
	}

	.clmRnkLst .clmLstImgBox {
		max-width: 70px;
		margin: 0 10px 0 0!important;
	}

	.clmRnkLst .clmCntLstBox {
		width: calc(100% - 80px);
	}

	.clmTagAra {
		margin: 0 0 30px;
	}

	.clmTagLst li a {
		padding: 7px 10px;
	}
}

/*======================================================
  コラム詳細
======================================================*/

/* clmDtlInfAra */
.clmDtlInfAra {
	margin: 0 0 60px;
	padding: 20px;
	box-sizing: border-box;
	background: #f8f8f8;
	border: none;
	border-radius: 20px;
}

.clmDtlInfBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: dashed 1px #d1d1d1;
}

.clmDtlCtg {
	text-align: center;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1;
	color: #fff;
	margin: 0 20px 0 0;
}

.clmDtlCtg a {
	display: block;
	padding: 7px 20px;
	background: #77c03e;
	border-radius: 30px;
}

.clmDtlDta {
	display: block;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.3;
	color: #bfbfbf;
}

.clmDtlTtl {
	font-weight: 700;
	font-size: 2.6rem;
	line-height: 1.4;
}

/* clmDtlWrtAra */
.clmDtlWrtAra {
	margin: 0 0 60px;
	padding: 20px;
	box-sizing: border-box;
	background: #f8f8f8;
	border: none;
	border-radius: 20px;
}

.thmImg {
	width: 100%;
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 15px;
}

.thmImg:before {
    display: block;
    content: "";
    padding-top: 62.354%;
}

.thmImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.clmDtlWrtBox {
	display: flex;
	align-items: center;
	margin: 20px 0 0;
	padding: 20px 0 0;
	border-top: dashed 1px #d1d1d1;
}

.clmDtlWrtImg {
	width: 70px;
	position: relative;
	display: block;
	margin: 0 15px 0 0;
	overflow: hidden;
	border: solid 2px #d7f494;
	border-radius: 50%;
}

.clmDtlWrtImg:before {
	display: block;
	content: "";
	padding-top: 100%;
}

.clmDtlWrtImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.clmDtlWrtNme {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.3;
}

/* clmDtlCntAra */
.clmDtlBox {
	margin: 0 0 -60px;
}

.clmDtlBox ol {
	counter-reset: item;
	list-style-type: none;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.4;
	margin: 0 0 60px;
}

.clmDtlBox ol li {
	position: relative;
	padding: 0 0 0 35px;
}

.clmDtlBox ol li:before {
	text-align: center;
	counter-increment: item;
	content: counter(item);
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	font-size: 1.4rem;
	line-height: 1;
	color: #fff;
	letter-spacing: -0.005em;
	white-space: nowrap;
	padding: 4px 0 0;
	box-sizing: border-box;
	background: #77c03e;
	border-radius: 50%;
}

.clmDtlBox ol li:not(:last-child) {
	margin: 0 0 20px;
}

.clmDtlBox ol li a:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
	transition: all  0.3s ease;
}

.clmDtlBox ol li a:link,
.clmDtlBox ol li a:visited {
	color: #333!important;
}

.clmDtlBox h1 {
	position: relative;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.3;
	color: #fff;
	margin: 0 0 40px;
	padding: 15px 15px 15px 30px;
	background: #0c815c;
	border-radius: 6px;
}

.clmDtlBox h1:before {
	content: "";
	position: absolute;
	top: 0;
	left: 10px;
	width: 5px;
	height: calc(100% - 14px);
	margin: 7px 0;
	background: #88d947;
	border-radius: 2px;
}

.clmDtlBox h2 {
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.3;
	margin: 0 0 40px;
	padding: 5px 0 5px 15px;
	border-left: solid 5px #77c03e;
}

.clmDtlBox h3 {
	font-weight: 700;
	font-size: 2.2rem;
	line-height: 1.3;
	color: #0c815c;
	margin: 0 0 40px;
	padding: 10px 15px;
	border-top: solid 1px #d1d1d1;
	border-bottom: solid 1px #d1d1d1;
}

.clmDtlBox h4 {
	position: relative;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.3;
	margin: 0 0 40px;
	padding: 0 0 0 20px;
}

.clmDtlBox h4:before {
	content: "";
	position: absolute;
	top: calc(50% - 4px);
	left: 0;
	width: 8px;
	height: 8px;
	background: #0c815c;
}

.clmDtlBox h5 {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.3;
	margin: 0 0 40px;
	padding: 0 0 5px;
	border-bottom: solid 1px #d1d1d1;
}

.clmDtlBox h6 {
	font-style: italic;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.3;
	margin: 0 0 40px;
}

.clmDtlBox p {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.8;
	margin: 0 0 60px;
}

.clmDtlBox ul {
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.4;
	color: #0c815c;
	margin: 0 0 60px;
}

.clmDtlBox ul li {
	position: relative;
	padding: 0 0 0 20px;
}

.clmDtlBox ul li:not(:last-child) {
	margin: 0 0 15px;
}

.clmDtlBox ul li:before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}

.clmDtlBox table {
	width: 100%;
	margin: 0 0 60px;
	border-top: solid 1px #e1e1e1;
	border-left: solid 1px #e1e1e1;
}

.clmDtlBox table th {
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.6;
	color: #0c815c;
	padding: 20px;
	box-sizing: border-box;
	background: #eafbf7;
	border-right: solid 1px #d1d1d1;
	border-bottom: solid 1px #d1d1d1;
}

.clmDtlBox table td {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.6;
	padding: 20px;
	box-sizing: border-box;
	border-right: solid 1px #d1d1d1;
	border-bottom: solid 1px #d1d1d1;
}

.clmDtlBox img {
	width: 100%!important;
	height: auto!important;
	overflow: hidden;
	margin: 0 0 60px;
	border-radius: 6px;
}

.clmDtlBox blockquote {
	position: relative;
	font-style: italic;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #787878;
	margin: 0 0 60px;
	padding: 20px 20px 20px 70px;
	background: #f8f8f8;
	border-radius: 6px;
}

.clmDtlBox blockquote:before {
	content: "“";
	position: absolute;
	top: 15px;
	left: 20px;
	font-style: normal;
	font-weight: 700;
	font-size: 6rem;
	line-height: 1;
	color: #77c03e;
}

.clmDtlBox figure {
	margin: 0 0 60px;
	padding: 30px;
	box-sizing: border-box;
	border: solid 2px #d1d1d1;
	border-radius: 8px;
}

.clmDtlBox figure img {
	width: 100%!important;
	height: auto!important;
	overflow: hidden;
	margin: 0 0 20px;
	border-radius: 6px;
}

.clmDtlBox figure p {
	margin: 0!important;
}

.clmCntBtnBox {
	margin: -40px 0 100px;
	padding: 0 30px;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.clmDtlInfAra {
		margin: 0 0 40px;
		border-radius: 15px;
	}

	.clmDtlCtg {
		font-size: 1.5rem;
		margin: 0 15px 0 0;
	}

	.clmDtlCtg a {
		padding: 5px 15px;
	}

	.clmDtlDta {
		font-size: 1.5rem;
	}

	.clmDtlTtl {
		font-size: 2.4rem;
	}

	.clmDtlWrtAra {
		margin: 0 0 40px;
		border-radius: 15px;
	}

	.thmImg {
		border-radius: 10px;
	}

	.clmDtlWrtImg {
		width: 60px;
	}

	.clmDtlWrtNme {
		font-size: 1.8rem;
	}

	.clmDtlBox {
		margin: 0 0 -40px;
	}

	.clmDtlBox ol {
		margin: 0 0 40px;
	}

	.clmDtlBox h1 {
		font-size: 2.2rem;
		margin: 0 0 30px;
		padding: 12px 12px 12px 25px;
	}

	.clmDtlBox h1:before {
		width: 4px;
		height: calc(100% - 10px);
		margin: 5px 0;
	}

	.clmDtlBox h2 {
		font-size: 2.2rem;
		margin: 0 0 30px;
		border-left: solid 4px #77c03e;
	}

	.clmDtlBox h3 {
		font-size: 2rem;
		margin: 0 0 30px;
	}

	.clmDtlBox h4 {
		font-size: 1.8rem;
		margin: 0 0 30px;
		padding: 0 0 0 15px;
	}

	.clmDtlBox h4:before {
		top: calc(50% - 3px);
		width: 6px;
		height: 6px;
	}

	.clmDtlBox h5 {
		font-size: 1.8rem;
		margin: 0 0 30px;
	}

	.clmDtlBox h6 {
		font-size: 1.6rem;
		margin: 0 0 30px;
	}

	.clmDtlBox p {
		margin: 0 0 40px;
	}

	.clmDtlBox ul {
		font-size: 1.6rem;
		margin: 0 0 40px;
	}

	.clmDtlBox ul li {
		padding: 0 0 0 15px;
	}

	.clmDtlBox table {
		margin: 0 0 40px;
	}

	.clmDtlBox table th {
		font-size: 1.6rem;
		padding: 15px;
	}

	.clmDtlBox table td {;
		padding: 15px;
	}

	.clmDtlBox img {
		margin: 0 0 40px;
	}

	.clmDtlBox blockquote {
		margin: 0 0 40px;
		padding: 15px 15px 15px 50px;
	}

	.clmDtlBox blockquote:before {
		top: 10px;
		left: 15px;
		font-size: 5rem;
	}

	.clmDtlBox figure {
		margin: 0 0 40px;
		padding: 20px;
	}

	.clmDtlBox figure img {
		margin: 0 0 15px;
	}
	
	.clmCntBtnBox {
		margin: -40px 0 80px;
	}
}

@media screen and (max-width:767px) {
	.clmDtlInfAra {
		margin: 0 0 30px;
		padding: 15px;
		border-radius: 10px;
	}

	.clmDtlCtg {
		font-size: 1.4rem;
		margin: 0 15px 0 0;
	}

	.clmDtlCtg a {
		padding: 5px 10px;
	}

	.clmDtlDta {
		font-size: 1.4rem;
	}

	.clmDtlTtl {
		font-size: 1.8rem;
	}

	.clmDtlWrtAra {
		margin: 0 0 30px;
		padding: 15px;
		border-radius: 10px;
	}

	.thmImg {
		border-radius: 8px;
	}

	.clmDtlWrtImg {
		width: 50px;
		margin: 0 10px 0 0;
	}

	.clmDtlWrtNme {
		font-size: 1.6rem;
	}

	.clmDtlBox {
		margin: 0;
	}

	.clmDtlBox ol {
		margin: 0 0 30px;
	}

	.clmDtlBox h1 {
		font-size: 1.8rem;
		margin: 0 0 20px;
		padding: 10px 10px 10px 20px;
	}

	.clmDtlBox h1:before {
		left: 7px;
		width: 3px;
		height: calc(100% - 10px);
		margin: 5px 0;
	}

	.clmDtlBox h2 {
		font-size: 1.8rem;
		margin: 0 0 20px;
		border-left: solid 3px #77c03e;
	}

	.clmDtlBox h3 {
		font-size: 1.6rem;
		margin: 0 0 20px;
	}

	.clmDtlBox h4 {
		font-size: 1.6rem;
		margin: 0 0 20px;
		padding: 0 0 0 10px;
	}

	.clmDtlBox h4:before {
		top: calc(50% - 2px);
		width: 4px;
		height: 4px;
	}

	.clmDtlBox h5 {
		font-size: 1.6rem;
		margin: 0 0 20px;
	}

	.clmDtlBox h6 {
		font-size: 1.6rem;
		margin: 0 0 20px;
	}

	.clmDtlBox p {
		margin: 0 0 30px;
	}

	.clmDtlBox ul {
		font-size: 1.6rem;
		margin: 0 0 30px;
	}

	.clmDtlBox ul li {
		padding: 0 0 0 15px;
	}

	.clmDtlBox table {
		margin: 0 0 30px;
	}

	.clmDtlBox table th {
		font-size: 1.6rem;
		padding: 10px;
	}

	.clmDtlBox table td {;
		padding: 10px;
	}

	.clmDtlBox img {
		margin: 0 0 30px;
	}

	.clmDtlBox blockquote {
		margin: 0 0 30px;
		padding: 10px 10px 10px 40px;
	}

	.clmDtlBox blockquote:before {
		top: 8px;
		left: 12px;
		font-size: 4rem;
	}

	.clmDtlBox figure {
		margin: 0 0 30px;
		padding: 10px;
	}

	.clmDtlBox figure img {
		margin: 0 0 10px;
	}
	
	.clmCntBtnBox {
		margin: 0 0 30px;
		padding: 0 20px;
	}
}

/*======================================================
  お問い合わせ
======================================================*/

.cctMn {
	position: relative;
	background: url(../images/contact/bg_main.jpg) top no-repeat;
	background-size: cover;
}

.cctMn .lwrMnTtlBox {
	color: #fff!important;
}

/* cctAra */
.cctAra {
	padding: 100px 30px;
}

.cctFlwImg {
	max-width: 450px;
	margin: 0 auto 50px;
}

.acv01 .cctFlwImg02,
.acv01 .cctFlwImg03,
.acv02 .cctFlwImg01,
.acv02 .cctFlwImg03,
.acv03 .cctFlwImg01,
.acv03 .cctFlwImg02 {
	display: none!important;
}

.errBox {
	padding: 20px;
	border: solid 1px #ec0000;
	border-radius: 8px;
}

.errLst {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.3;
	color: #ec0000;
}

.errLst li:not(:last-child) {
	margin: 0 0 10px;
}

.errTxt {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.3;
	color: #ec0000;
	margin: 10px 0 0;
}

.cctLst {
	margin: 0 0 50px;
}

.cctLst li:not(.cctTypLst li) {
	display: flex;
	padding: 30px 0;
	border-bottom: dashed 1px #d1d1d1;
}

.cctLstTtlBox {
	max-width: 250px;
	width: 100%;
	display: flex;
	margin: 15px 50px 0 0;
	box-sizing: border-box;
}

.cctCntTtl {
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.3;
}

.essIcn {
	display: inline-block;
	font-weight: 700;
	font-size: 1.1rem;
	line-height: 1;
	color: #fff;
	white-space: nowrap;
	margin: 0 0 0 20px;
	padding: 7px 12px;
	background: #0c815c;
	border-radius: 3px;
}

.cctLstCntBox {
	width: calc(100% - 300px);
}

.frmBox01 {
	width: 100%;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.3;
	padding: 15px;
	box-sizing: border-box;
	background: #f8f8f8;
	border: none;
	border-radius: 8px;
}

.frmBox02 {
	width: 100%;
	height: 150px;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.3;
	padding: 15px;
	box-sizing: border-box;
	background: #f8f8f8;
	border: none;
	border-radius: 8px;
}

input::placeholder {
  font-weight: 500;
  opacity: 0.5;
  color: #737373;
}

.cctTypLst {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.3;
	margin: 15px 0 0;
}

.cctTypLst li:not(:last-child) {
	margin: 0 0 10px;
	padding: 0;
}

.cctTypLst input {
	margin: 4px 5px 0 0;
}

.cctTypLst label {
	cursor: pointer;
}

.cctAtnBox {
	height: 200px;
	margin: 0 0 50px;
	padding: 20px;
	overflow-y: scroll;
	box-sizing: border-box;
	background: #f8f8f8;
	border-radius: 15px;
}

.cctAtnBox .cctCntTtl {
	margin: 0 0 30px;
}

.cctAtnBox .plcTtl,
.cctAtnBox .plcLst dt {
	font-size: 1.8rem!important;
}

.cctAtnBox .plcInfBox {
	background: #fff;
}

.cctSndBtn {
	text-align: center;
	max-width: 380px;
	position: relative;
	margin: 0 auto;
	z-index: 1;
}

.cctSndBtn:after {
	content: "";
	position: absolute;
	top: calc(50% - 14px);
	right: 20px;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	background: url(../images/common/icn_arrow_btn_lg.png) center no-repeat #fff;
	background-size: 12px auto;
	border: solid 2px #d7f494;
	border-radius: 50%;
	z-index: 2;
}

.cctSndBtn input {
	width: 100%;
	display: block;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.6;
	color: #fff;
	padding: 20px 30px;
	box-sizing: border-box;
	border: none;
	border-radius: 100px!important;
	background: #0c815c;
	cursor: pointer;
}

.cctBakBtn {
	text-align: center;
	max-width: 320px;
	position: relative;
	margin: 20px auto 0;
	z-index: 1;
}

.cctBakBtn:after {
	content: "";
	position: absolute;
	top: calc(50% - 14px);
	right: 20px;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	background: url(../images/common/icn_arrow_btn_lg.png) center no-repeat #fff;
	background-size: 12px auto;
	border: solid 2px #d7f494;
	border-radius: 50%;
	z-index: 2;
}

.cctBakBtn input {
	width: 100%;
	display: block;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #fff;
	padding: 15px 30px;
	box-sizing: border-box;
	border: none;
	border-radius: 100px!important;
	background: #77c03e;
	cursor: pointer;
}

.cctSndBtn input:hover,
.cctBakBtn input:hover {
	color: #0c815c!important;
	background: #bfdf74;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.telBnr {
	text-align: center;
	margin: 0 0 40px;
}

.telBnr img {
	max-width: 750px;
	width: 100%;
	height: auto;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.cctAra {
		padding: 80px 30px;
	}

	.cctFlwImg {
		max-width: 400px;
		margin: 0 auto 30px;
	}

	.errBox {
		padding: 15px;
		border-radius: 6px;
	}

	.cctLst {
		margin: 0 0 30px;
	}

	.cctLst li:not(.cctTypLst li) {
		padding: 20px 0;
	}

	.cctLstTtlBox {
		max-width: 220px;
		margin: 15px 30px 0 0;
	}

	.essIcn {
		margin: 0 0 0 15px;
		padding: 5px 8px;
	}

	.cctLstCntBox {
		width: calc(100% - 300px);
	}

	.frmBox01,
	.frmBox02 {
		border-radius: 6px;
	}

	.cctAtnBox {
		height: 180px;
		margin: 0 0 30px;
		padding: 15px;
		border-radius: 10px;
	}

	.cctAtnBox .cctCntTtl {
		margin: 0 0 20px;
	}

	.cctAtnBox .plcTtl,
	.cctAtnBox .plcLst dt {
		font-size: 1.6rem!important;
	}

	.cctSndBtn {
		max-width: 320px;
	}

	.cctSndBtn:after {
		right: 15px;
	}

	.cctSndBtn input {
		font-size: 1.6rem;
		padding: 15px 20px;
	}

	.cctBakBtn {
		margin: 15px auto 0;
		max-width: 280px;
	}

	.cctBakBtn:after {
		right: 10px;
	}

	.cctBakBtn input {
		padding: 12px 20px;
	}
}

@media screen and (max-width:767px) {
	.cctAra {
		padding: 30px 20px;
	}

	.cctFlwImg {
		max-width: 300px;
		margin: 0 auto 20px;
	}

	.errBox {
		padding: 10px;
		border-radius: 4px;
	}

	.cctLst {
		margin: 0 0 20px;
	}

	.cctLst li:not(.cctTypLst li) {
		display: block;
		padding: 15px 0;
	}

	.cctLstTtlBox {
		max-width: 100%;
		margin: 0 0 10px;
	}

	.essIcn {
		font-size: 1rem;
		margin: 0 0 0 15px;
		padding: 4px 6px;
	}

	.cctLstCntBox {
		width: 100%;
	}

	.frmBox01,
	.frmBox02 {
		padding: 10px;
		border-radius: 4px!important;
	}

	.cctAtnBox {
		height: 150px;
		margin: 0 0 30px;
		padding: 10px;
		border-radius: 6px;
	}

	.cctAtnBox .cctCntTtl {
		text-align: center;
		margin: 0 0 10px;
	}

	.cctAtnBox .plcTtl,
	.cctAtnBox .plcLst dt {
		font-size: 1.6rem!important;
	}

	.cctSndBtn {
		max-width: 100%;
	}

	.cctSndBtn:after {
		top: calc(50% - 12px);
		right: 12px;
		width: 24px;
		height: 24px;
		background-size: 10px auto;
	}

	.cctSndBtn input {
		font-size: 1.5rem;
		padding: 12px 20px;
	}

	.cctBakBtn {
		margin: 10px auto 0;
		max-width: 100%;
	}

	.cctBakBtn:after {
		top: calc(50% - 12px);
		right: 12px;
		width: 24px;
		height: 24px;
		background-size: 10px auto;
	}

	.cctBakBtn input {
		font-size: 1.4rem;
		padding: 12px 20px;
	}
}

.cntMinThx {
	margin: 0 0 50px;
	padding: 40px;
	box-sizing: border-box;
	background: #f8f8f8;
	border-radius: 15px;	
	text-align: center;
}

.cntMinThxTtl {
	font-size: 2rem;
	margin-bottom: 30px;
	font-weight: bold;
}

.cntMinThxTxt {
	font-size: 1.6rem;	
	margin-bottom: 30px;
}

.cntMinThxTxtBck {
	font-size: 1.6rem;	

}

@media screen and (max-width:768px)  {
	.cntMinThx {
		margin: 0 0 30px;
		padding: 20px;
	}

	.cntMinThxTtl {
		font-size: 1.6rem;
		margin-bottom: 30px;
		font-weight: bold;
	}

	.cntMinThxTxt {
		font-size: 1.5rem;	
		margin-bottom: 30px;
		text-align: left;
	}

	.cntMinThxTxtBck {
		font-size: 1.6rem;	

	}	
}

.wpcf7-form-control.wpcf7-radio {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.3;
	margin: 15px 0 0;
}

.wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
	display: block;
	margin-bottom: 10px;
}

.wpcf7-form-control.wpcf7-radio .wpcf7-list-item input {
	margin: 4px 5px 0 0;
}

.cctSndBtn input:disabled {
	background: #999!important;
}

.cctSndBtn:after {
	display: none!important;
}

.wpcf7-response-output {
	display: none!important;
}

/*======================================================
  プライバシーポリシー
======================================================*/

.plcMn {
	position: relative;
	background: url(../images/policy/bg_main.jpg) top no-repeat;
	background-size: cover;
}

/* plcAra */
.plcAra {
	padding: 100px 30px;
}

.plcTtl {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.3;
	color: #77c03e;
	margin: 0 0 10px;
}

.plcTxt {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.8;
	margin: 0 0 50px;
}

.plcLst dt {
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.6;
	margin: 0 0 20px;
	padding: 0 0 10px;
	border-bottom: dashed 1px #d1d1d1;
}

.plcLstNbr {
	text-align: center;
	width: 26px;
	height: 26px;
	display: block;
	font-size: 1.6rem;
	line-height: 1;
	color: #fff;
	margin: 0 10px 0 0;
	padding: 5px 0 0;
	box-sizing: border-box;
	background: #77c03e;
	border-radius: 50%;
}

.plcLst dd {
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.8;
	margin: 0 0 50px;
}

.plcInfBox {
	display: flex;
	align-items: center;
	padding: 20px;
	box-sizing: border-box;
	background: #f8f8f8;
	border-radius: 8px;
}

.plcInfTtl {
	max-width: 130px;
	width: 100%;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.3;
	margin: 0 20px 0 0;
	padding: 20px;
	box-sizing: border-box;
	border-right: dashed 1px #d1d1d1;
}

.plcInfCntBox {
	width: calc(100% - 150px);
}

.plcInfCntTtl {
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.3;
	color: #0c815c;
	margin: 0 0 5px;
}

.plcInfCntTel {
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 1.3;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.plcAra {
		padding: 80px 30px;
	}

	.plcTtl {
		font-size: 1.8rem;
	}

	.plcTxt {
		margin: 0 0 30px;
	}

	.plcLst dt {
		font-size: 1.8rem;
		margin: 0 0 15px;
	}

	.plcLstNbr {
		width: 24px;
		height: 24px;
		font-size: 1.5rem;
		padding: 4px 0 0;
	}

	.plcLst dd {
		margin: 0 0 30px;
	}

	.plcInfBox {
		padding: 15px;
		border-radius: 6px;
	}

	.plcInfTtl {
		max-width: 100px;
		font-size: 1.8rem;
		padding: 15px;
	}

	.plcInfCntBox {
		width: calc(100% - 120px);
	}

	.plcInfCntTtl {
		font-size: 1.5rem;
	}

	.plcInfCntTel {
		font-size: 1.5rem;
	}
}

@media screen and (max-width:767px) {
	.plcAra {
		padding: 30px 20px;
	}

	.plcTtl {
		font-size: 1.5rem;
	}

	.plcTxt {
		margin: 0 0 20px;
	}

	.plcLst dt {
		font-size: 1.6rem;
		margin: 0 0 10px;
	}

	.plcLstNbr {
		width: 22px;
		height: 22px;
		font-size: 1.4rem;
		padding: 4px 0 0;
	}

	.plcLst dd {
		margin: 0 0 20px;
	}

	.plcInfBox {
		display: block;
		padding: 15px;
		border-radius: 4px;
	}

	.plcInfTtl {
		text-align: center;
		max-width: 100%;
		font-size: 1.5rem;
		margin: 0 0 10px;
		padding: 0 0 10px;
		border: none;
		border-bottom: dashed 1px #d1d1d1;
	}

	.plcInfCntBox {
		text-align: center;
		width: 100%;
	}

	.plcInfCntTtl {
		font-size: 1.5rem;
	}

	.plcInfCntTel {
		font-size: 1.5rem;
	}
}

/*======================================================
  特定商取引法に基づく表記
======================================================*/

.trsMn {
	position: relative;
	background: url(../images/transaction/bg_main.jpg) top no-repeat;
	background-size: cover;
}

.trsMn .lwrMnTtlBox {
	color: #fff!important;
}

/* trsAra */
.trsAra {
	padding: 100px 30px;
}

@media screen and (min-width:768px) and (max-width:1199px) {
	.trsAra {
		padding: 80px 30px;
	}
}

@media screen and (max-width:767px) {
	.trsAra {
		padding: 30px 20px;
	}
}


@media screen and (min-width:1200px) {
	.tbsp   { display: none!important;}
	.sptb { display: none!important;}
	.sp   { display: none!important;}	
}

/*======================================================
  404
======================================================*/

.errAra {
	min-height: 700px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 80px 0 0;
}

.errTtlBox {
	text-align: center;
}

.errTtl {
	font-weight: 900;
	font-size: 22rem;
	line-height: 0.8;
	letter-spacing: -0.015em;
	color: #77c03e;
	margin: 0 0 30px;
}

.errTtlEn {
	display: inline-block;
	font-weight: 900;
	font-size: 4.5rem;
	line-height: 0.8;
	color: #fff;
	margin: 0 0 50px;
	padding: 5px 15px 17px;
	background: #77c03e;
}

.errCntTxt {
	font-weight: 900;
	font-size: 3rem;
	line-height: 1;
	line-height: 1.3;
}

@media screen and (min-width:768px) and (max-width:1300px) {
	.errAra {
		min-height: 600px;
		margin: 80px 0 0;
	}

	.errTtl {
		font-size: 16rem;
		margin: 0 0 20px;
	}

	.errTtlEn {
		font-size: 3.2rem;
		margin: 0 0 30px;
		padding: 3px 10px 15px;
	}

	.errCntTxt {
		font-size: 2.4rem;
	}
}

@media screen and (max-width:767px) {
	.errAra {
		min-height: 350px;
		margin: 60px 0 0;
	}

	.errTtl {
		font-size: 9rem;
		margin: 0 0 10px;
	}

	.errTtlEn {
		font-size: 1.8rem;
		margin: 0 0 20px;
		padding: 3px 7px 10px;
	}

	.errCntTxt {
		font-size: 1.8rem;
	}
}

/*=========================================================

TB

=========================================================*/

@media screen and (min-width:768px) and (max-width:1199px) {

	.pc   { display: none!important;}
	.pcsp { display: none!important;}
	.sp   { display: none!important;}

}

/*=========================================================

SP

=========================================================*/

@media screen and (max-width:767px) {
	
	.pc   { display: none!important;}
	.tb   { display: none!important;}
	.pctb { display: none!important;}
	
	.opacity a:active {
		opacity: 0.50;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.50;
		-khtml-opacity: 0.50;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all  0.2s ease;
		text-decoration: none!important;
	}
	
	a[href^="tel:"] {
		pointer-events: auto!important;
	}
	
	input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
		-webkit-appearance: none;
		border-radius: 0;
	}

}


/*=========================================================

記事詳細

=========================================================*/

.dtlBox {
	margin: 0 auto 75px;
}

.dtlInf {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.dtlTim {
	font-size: 1.8rem;
	margin-left: 15px;
	font-weight: bold;
}

.dtlTtl {
	font-size: 2.6rem;
	font-weight: bold;
	margin: 0 0 30px;
	padding: 0 0 30px;
	border-bottom: 3px solid #ccc;
}

.dtlCnt {
	font-size: 1.6rem;
	line-height: 1.8;
}

.dtlCnt hr {
	margin-top: 30px;
	margin-bottom: 20px;
}

.dtlCnt h2 {
	margin-top: 30px;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.dtlCnt h3 {
	margin-top: 20px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.dtlCnt h4 {
	margin-top: 10px;
	font-size: 1.7rem;
	font-weight: bold;
	margin-bottom: 20px;
}

.dtlCnt p {
	margin-top: 10px;
	margin-bottom: 20px;
}

.dtlCnt img {
	margin-top: 10px;
	margin-bottom: 20px;	
	max-width: 100%;
	height: auto;
}

.dtlCnt p img {
	margin-top: 0;
	margin-bottom: 0;
}

.dtlCnt ul {
	list-style: disc;
	margin: 10px 20px 20px;
}

.dtlCnt ol {
	list-style: decimal;
	margin: 10px 20px 20px;
}

@media screen and (max-width:767px) {
	
	.dtlBox {
		margin: 0 auto 50px;
	}

	.dtlInf {
		margin-bottom: 8px;
	}

	.dtlTim {
		font-size: 1.4rem;
		margin-left: 10px;
	}

	.dtlTtl {
		font-size: 2rem;
		margin: 0 0 20px;
		padding: 0 0 20px;
	}

	.dtlCnt {
		font-size: 1.6rem;
		line-height: 1.7;
	}

	.dtlCnt hr {
		margin-top: 25px;
		margin-bottom: 15px;
	}

	.dtlCnt h2 {
		margin-top: 25px;
		font-size: 1.8rem;
		margin-bottom: 15px;
	}

	.dtlCnt h3 {
		margin-top: 15px;
		font-size: 1.7rem;
		margin-bottom: 15px;
	}

	.dtlCnt h4 {
		margin-top: 5px;
		font-size: 1.6rem;
		margin-bottom: 15px;
	}

	.dtlCnt p {
		margin-top: 5px;
		margin-bottom: 15px;
	}

	.dtlCnt img {
		margin-top: 15px;
		margin-bottom: 15px;	
	}

	.dtlCnt p img {
		margin-top: 0;
		margin-bottom: 0;
	}

	.dtlCnt ul {
		list-style: disc;
		margin: 5px 15px 15px;
	}

	.dtlCnt ol {
		list-style: decimal;
		margin: 5px 15px 15px;
	}

	
}

/*=========================================================

農場までのアクセス

=========================================================*/

.bsnFacAcsLst .facAcsTtl {
	color: #0c815c;
}

.bsnFacAcsLst .facAcsWayTtl {
	color: #0c815c;	
}

.bsnFacAcsLst .cmpFacAcsBox .facAcsTelTtl {
	background: #0c815c;	
}

/*=========================================================

ティザー

=========================================================*/

.tsBox {
	background: #fff;
	border-radius: 20px;
	border: 10px solid  #f8f8f8;
}

.ts01 {
	text-align: center;
	font-size: 1.8rem;
	color:#0c815c;
	font-weight: bold;
	padding: 30px 0 20px;
	background: #f8f8f8;
}

.ts01 span {
	background: #0c815c;
	display: inline-block;
	color: #fff;
	padding: 0 20px;
	font-size: 6rem;
}

.ts02 {
	text-align: center;
	font-size: 1.6rem;
	margin-bottom: 40px;
	padding-bottom: 40px;
	letter-spacing: 3px;
	font-weight: bold;
	color: #aaa;
	background: #f8f8f8;
	display: block;
}

.ts03 {
	text-align: center;
	font-size: 1.4rem;
	line-height: 2;
	margin-bottom: 40px;
}

.ts04 {
	margin: 0 20px 20px 0;
}

.ts05 {
	margin-bottom: 30px;
	line-height: 1.3;
}

.ts05 .navTelNum {
	justify-content: center;
	font-size: 3.2rem;
}

.ts05 .navTelNum img {
	width: 32px;
	margin: 0 10px -3px 0
}

.ts05 .navTelOpen {
	font-size: 2rem;
}

.ts0405 {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 40px;
}

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

	.ts01 {
		font-size: 1.6rem;
	}

	.ts01 span {
		font-size: 5rem;
	}

	.ts02 {
		text-align: center;
		font-size: 1.5rem;
		margin-bottom: 20px;
	}

	.ts03 {
		text-align: left;
		font-size: 1.4rem;
		line-height: 2;
		margin-bottom: 20px;
		padding: 0 20px;
	}

	.ts04 {
		margin: 0 0 20px;
		text-align: center;
		padding: 0 20px;
	}
	
	.ts04 img {
		max-width: 100%;
		height: auto;
	}

	.ts05 {
		margin-bottom: 30px;
		line-height: 1.3;		
		text-align: center;
	}

	.ts05 .navTelNum {
		justify-content: center;
		font-size: 2.6rem;
	}

	.ts05 .navTelNum img {
		width: 26px;
		margin: 0 5px -3px 0
	}

	.ts05 .navTelOpen {
		font-size: 1.6rem;
	}

	.ts0405 {
		display: block;
		padding-bottom: 20px;
	}
	
}