@charset "utf-8";

/* firefoxでページ移動の際、コンテンツが少なくても中心がずれないようにする */
html {
	overflow-y: scroll;
}
body,
div,
p,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
form,
input,
textarea,
header,
footer,
nav {
	margin: 0;
	padding: 0;
	zoom: 1;
	color : #000000;
	-webkit-text-size-adjust: 100%;
	font-family: 'Noto Sans JP', sans-serif;
}

ul,
ol {
	list-style-type: none;
}

img {
	border: none;
}

hr {
	display: none;
	margin: 0;
	padding: 0;
	width: 1px;
	height: 1px;
}

a {
	outline: none;
	text-decoration: none;
}
a.televe {
    pointer-events: none;
}
@media only screen and (max-width: 480px) {
	a.televe {
		pointer-events: auto;
	}
}
a.group1 {
	transition: 0.4s;
}
a.group1:hover {
	opacity : 0.7;
}

body {
	line-height: 1.6;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	background-color: #ffffff;
}

#container {
	width: 100%;
	background-color: #ffffff;
	overflow: hidden;
}

@media only screen and (max-width: 400px) {
	#container {
		overflow: hidden;
	}
}

#nonimages,
#opnimages {
	position: absolute;
	top: -1000px;
	left: -1000px;
}

#nonimages div {
	display: none;
}

#nonimages div img {
	display: none;
}

#opnimages div {
	display: none;
}

#opnimages div img {
	display: none;
}

/* -------------------------------------------------------------------
 clearfix
------------------------------------------------------------------- */

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

/* For IE 6/7 */
.clearfix {
	zoom: 1;
}

header {
	width : 100%;
	height: 200px;
	position: absolute;
	z-index: 92;
}
header.sub {
	height: 200px;
}
.headerInner {
	width : 100%;
	max-width : 1730px;
	margin : 0 auto;
	position : relative;
}
.headLogo {
	padding-top : 92px;
	padding-left : 10px;
}
.headLogo.sub {
	padding-top : 48px;
	padding-left : 100px;
}
.headLogo img {
	width : 50vw;
	max-width: 261px;
}
.admin_headMenuInner {
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
	position: relative;
}
#smp_header {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 78px;
	text-align: right;
	padding-top: 6px;
	background-color: #ffffff;
	z-index: 10;
}
.headMenu {
	position: absolute;
	top: 100px;
	right: 140px;
	width : 640px;
	text-align: right;
	z-index: 9;
}
.headMenu .menuInner ul {
	border-bottom : 1px solid #ffffff;
	padding-bottom : 10px;
}
.headMenu .menuInner li {
	color: #ffffff;
	font-size: 1rem;
}
.headMenu .menuInner .headTel {
	color: #ffffff;
	font-size: 1rem;
}
.headMenu .menuInner li a {
	color: #ffffff;
	font-size: 1rem;
	font-weight: 500;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	line-height: 1.0;
	padding: 0 4px;
	position: relative;
	transition: .3s;
}
.headMenu .menuInner li span {
	display: inline-block;
	vertical-align: top;
	color: #b8b8b8;
	font-size: 24px;
	line-height: 1.0;
	padding: 0 12px;
	position: relative;
	top: -6px;
}
.headMenu .menuInner li a::after {
	position: absolute;
	bottom: -10px;
	left: 50%;
	content: '';
	width: 0;
	height: 2px;
	background-color: #ffffff;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.headMenu .menuInner li a:hover {
	color : #e1e1e1;
}
.headMenu .menuInner li a:hover::after {
	width: 60%;
}
.headTel {
	display: block;
	margin-top : 10px;
}
.headTel a {
	color: #ffffff;
	font-size: 1.15rem;
}
.headTel span {
	color: #ffffff;
	font-size: 1.15rem;
	margin-left : 32px;
	font-weight : 500;
}
.headSns {
	position : absolute;
	top : 32px;
	right : 10px;
	width : 92px;
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	align-items: center;
}
.headSns a {
	display : inline-block;
	margin : 0 8px;
}
@media only screen and (max-width: 1160px) {
	.headMenu {
		right: 120px;
		width : 600px;
	}
}
@media only screen and (max-width: 1000px) {
	.headMenu {
		display : none;
	}
}
@media only screen and (max-width: 1000px) {
	.headLogo {
		padding-top : 12px;
		padding-left : 10px;
	}
	.headLogo.sub {
		padding-top : 48px;
		padding-left : 10px;
	}
}
@media only screen and (max-width: 480px) {
	.headSns {
		display : none;
	}
	header.sub {
		height: 80px;
	}
	.headLogo.sub {
		padding-top : 18px;
	}
}

.smp_menu {
	position : absolute;
	top : 90px;
	right : 10px;
	width : 92px;
	height : 92px;
	z-index : 99;
	transition: 0.4s;
}
.smp_menu.sub {
	top : 58px;
	right : 10px;
}
.smp_menu.active {
	position : fixed;
	top : 0px;
	right : 0px;
}
.smp_menu .menu-trigger {
	display: block;
	position : relative;
	width : 100%;
	height : 100%;
	background-color : #4b4b4b;
	text-align : center;
	transition: all .4s;
}
.smp_menu .menu-trigger span {
	position: absolute;
	left: 24px;
	width: 44px;
	height: 3px;
	background-color: #ffffff;
	transition: all .4s;
}
.smp_menu .menu-trigger strong {
	position: absolute;
	top : 54px;
	left: 0;
	width: 100%;
	text-align : center;
	color : #ffffff;
	font-weight : 700;
	transition: all .4s;
}
.smp_menu .menu-trigger span:nth-of-type(1) {
	top: 22px;
}
.smp_menu .menu-trigger span:nth-of-type(2) {
	top: 34px;
}
.smp_menu .menu-trigger span:nth-of-type(3) {
	top: 46px;
}
.menu-trigger.is-open span:nth-of-type(1) {
	width: 48%;
	-webkit-transform: translate3d(0px, 12px, 0) rotate(45deg);
	transform: translate3d(0px, 12px, 0) rotate(45deg);
}
.menu-trigger.is-open span:nth-of-type(2) {
	-webkit-transform: translate3d(-1px, 0, 0) rotate(-45deg);
	transform: translate3d(-1px, 0, 0) rotate(-45deg);
}
.menu-trigger.is-open span:nth-of-type(3) {
	top: 22px;
	width: 47%;
	-webkit-transform: translate3d(0px, 12px, 0) rotate(45deg);
	transform: translate3d(0px, 12px, 0) rotate(45deg);
}
@media only screen and (max-width: 960px) {
	.smp_menu.sub {
		top : 32px;
	}
}
@media only screen and (max-width: 480px) {
	.smp_menu {
		top : 0px;
		right : 0px;
		width : 80px;
		height : 80px;
	}
	.smp_menu.sub {
		top : 0px;
		right : 0px;
		width : 80px;
		height : 80px;
	}
	.smp_menu .menu-trigger span {
		left: 20px;
		width: 40px;
	}
	.smp_menu .menu-trigger span:nth-of-type(1) {
		top: 18px;
	}
	.smp_menu .menu-trigger span:nth-of-type(2) {
		top: 30px;
	}
	.smp_menu .menu-trigger span:nth-of-type(3) {
		top: 42px;
	}
	.smp_menu .menu-trigger strong {
		top : 48px;
	}
	.menu-trigger.is-open span:nth-of-type(3) {
		top: 18px;
	}
}

.topimages {
	width: 100%;
	max-width: 1980px;
}

.slide_all {
	margin: 0 auto;
	position: relative;
	width: 100%;
}

.slide_wrap {
	left: 50%;
	margin-left: -1800px;
	position: absolute;
	width: 3600px;
}

.noslide {
	width: 100%;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
}

.noslide img {
	width: 100%;
	max-width: 1200px;
}

#prev,
#next {
	display: block;
	height: 753px;
	position: absolute;
	top: 0px;
	width: 50%;
	z-index: 9999;
}

#prev {
	left: -600px;
}

#next {
	right: -600px;
}

#access {
	margin-top: -130px;
	padding-top: 130px;
}

#template {
	margin-top: -130px;
	padding-top: 130px;
}

#submit {
	margin-top: -130px;
	padding-top: 130px;
}

/* オープンメニュー */

.openMenu {
	position : fixed;
	top : 0;
	right : -110vw;
	width : 100%;
	height : auto;
	min-height : 90vh;
	background-color : #ffffff;
	padding-bottom : 80px;
	z-index : 97;
	transition: 0.5s;
}
.openMenu .openMenuWrap {
	width : 100%;
	max-width : 1780px;
	margin : 0 auto;
	position : relative;
}
.openMenu .openLogo {
	padding : 24px 0 0 20px;
}
.openMenu .over img {
	width : 309px;
}
.openMenu .openSns {
	position : absolute;
	top : 200px;
	right : 0px;
	width : 92px;
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	align-items: center;
	transition: 0.4s;
}
.openMenu .openSns.active {
	top : 130px;
}
.openMenu .openSns a {
	display : inline-block;
	margin : 0 2px;
}
.openMenu .openMenuInner {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	width : 90%;
	max-width : 800px;
	margin : 100px auto;
}
.openMenu ul {
	width : 45%;
}
.openMenu li {
	padding : 8px 0;
}
.openMenu li h4 {
	color : #676767;
	font-size : 1.4rem;
	font-weight : 700;
}
.openMenu li a {
	color : #000000;
	font-size : 18px;
	font-weight : 500;
	transition: 0.4s;
}
.openMenu li a::before {
	content : "\25B6";
	display : inline-block;
	color : #a1a1a1;
	font-size : 18px;
	font-weight : 400;
	margin-right : 6px;
	transition: 0.4s;
}
.openMenu li a:hover {
	color : #969696;
}
.openMenu li a:hover::before {
	color : #000000;
}
@media only screen and (max-width: 960px) {
	.openMenu li a {
		font-size : calc(0.78vw + 10.5px);
	}
	.openMenu li a::before {
		font-size : calc(0.78vw + 10.5px);
		margin-right : 2px;
	}
}
@media only screen and (max-width: 480px) {
	.openMenu .openLogo {
		padding : 16px 0 0 12px;
	}
	.openMenu .over img {
		width: 50vw;
		max-width: 261px;
	}
	.openMenu .openSns {
		position : absolute;
		top : calc(16vw + 300px);
		right : auto;
		left : 20px;
	}
	.openMenu .openMenuInner {
		margin : 30px auto 10vw auto;
	}
	.openMenu ul {
		width : 48%;
	}
	.openMenu li {
		padding : 5px 0;
	}
}


/* トップページコンテンツ */

.topImg  {
	width : 100%;
	height : calc(70vw + 100px);
	max-height : 881px;
	margin : 0 auto;
	overflow : hidden;
	position : relative;
}
.pos-rel {
	position : relative;
	background-color : #c4b266;
}
.slide_all {
	width : 100%;
	height : calc(70vw + 100px);
	max-height : 881px;
	margin : 0 auto;
}
.no_slide {
	width : 100%;
	height : calc(70vw + 100px);
	max-height : 881px;
	margin : 0 auto;
}
.pict {
	width : 100%;
	height : calc(70vw + 100px);
	max-height : 881px;
	margin : 0 auto;
	position : absolute;
	top : 0;
	left : 0;
}
.slide_all img {
	width : 100%;
	height : 100%;
	object-fit : cover;
}
.overWrap  {
	position : absolute;
	top: 65%;
	left: 0;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	width : 100%;
	height : auto;
}
.overWrap .overText {
	position : relative;
	width : 100%;
	max-width : 1720px;
	margin : 0 auto;
	font-size : 48px;
	color : #ffffff;
	font-weight : 600;
	text-align : left;
}
.bottomScroll {
	position : absolute;
	bottom : 0;
	left: calc(50% - 25px);
	transition: 0.7s;
}
.bottomScroll.hide {
	bottom : -80px;
	transition: 0.7s;
}
.bottomScroll img {
	width : 50px;
}
@media only screen and (max-width: 1400px) {
	.overWrap .overLeft {
		left : -40px;
	}
}
@media only screen and (max-width: 1200px) {
	.overWrap .overText {
		font-size : calc(2.73vw + 15.3px);
	}
	.overWrap .overRight {
		top: calc(50% - 10vw - 30px);
	}
	.overWrap .overLeft {
		left : -60px;
	}
}
@media only screen and (max-width: 480px) {
	.topImg  {
		height : 85vh;
		max-height : 720px;
	}
	.slide_all {
		height : 85vh;
		max-height : 720px;
	}
	.no_slide {
		height : 85vh;
		max-height : 720px;
	}
	.pict {
		height : 85vh;
		max-height : 720px;
	}
	.overWrap  {
		top: 52%;
		left : 10px;
	}
}

.top_container {
	position: absolute;
	font-size: 10px;
	color: #000000;
	padding: 0;
	top: 0px;
	right: 0px;
}

.subTitle {
	width : 100%;
	height : 301px;
	position : relative;
}
.subTitle img {
	width : 100%;
	height : 100%;
	object-fit: cover;
}
.topTitle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	line-height : 1.1;
	white-space: nowrap;
}
.topTitle strong {
	color : #ffffff;
	font-family: "Libre Franklin", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	white-space: nowrap;
}
.topTitle strong em {
	font-style: normal;
}
.topTitle span {
	color : #ffffff;
	display : inline-block;
	margin-left : 24px;
}
@media only screen and (max-width: 720px) {
	.topTitle {
		text-align : center;
		white-space : normal;
	}
	.topTitle span {
		margin-left : 0;
	}
}
@media only screen and (max-width: 480px) {
	.subTitle {
		height : 56vw;
		min-height : 100px;
	}
	.topTitle strong em {
		display : none;
	}
}


/*　ナビ包括-----------------------------*/
/* グローバルナビゲーション */
.panWrap  {
	width : 100%;
	max-width : 1200px;
	margin : 0 auto;
	overflow : hidden;
	box-sizing: border-box;
	position : relative;
	padding : 10px 10px 0 10px;
}
.panWrap li {
	display: inline-block;
	margin-right : 7px;
	font-size : 14px;
	color : #4b4b4b;
	font-weight : 500;
}
.panWrap li a {
	display: inline-block;
	color : #4b4b4b;
	transition: 0.3s;
}
.panWrap li:first-child a {
	padding-left : 30px;
	background : url(../img/home.png) no-repeat center left;
}
.panWrap li a:hover {
	opacity : 0.6;
}
@media only screen and (max-width: 1340px) {
	.panWrap  {
		padding : 10px 0 0 10px;
	}
}

/* コンテンツ包括
---------------------------------------------------------------------- */
.pcNavi {
	display: block;
}

.smpNavi {
	display: none;
}

.smp_mgb80 {
	margin-bottom: 0;
}

.top_images {
	position: relative;
}

.top_images p {
	position: absolute;
	top: 126px;
	left: 422px;
}

#news,
#commit,
#info {
	padding-top: 64px;
	margin-top: -64px;
}
.pager {
	width: 100%;
	text-align: center;
}
.pager li {
	display: inline-block;
	font-size: 24px;
	line-height: 1.0;
	vertical-align: top;
}
.pager li span {
	display: inline-block;
	margin: 0 4px;
	width : 36px;
	height : 33px;
	line-height : 33px;
	padding-bottom : 3px;
	color: #000000;
	background-color : #ffffff;
	border : 1px solid #000000;
	font-weight: bold;
	vertical-align: middle;
}
.pager li a {
	display: inline-block;
	margin: 0 4px;
	width : 36px;
	height : 33px;
	line-height : 33px;
	padding-bottom : 3px;
	color: #ffffff;
	background-color : #000000;
	border : 1px solid #000000;
	font-weight: bold;
	vertical-align: middle;
	transition: 0.3s;
}
.pager li em {
	display: inline-block;
	margin: 0 14px;
	color: #ffffff;
	font-style: normal;
	vertical-align: top;
}
.pager li a.gray {
	background-color : #b3b3b3;
	border : 1px solid #b3b3b3;
	font-family: 'Arsenal', sans-serif;
	font-size : 36px;
}
.pager li a:hover {
	color: #000000;
	background-color : #e4e4e4;
}

/* メインコンテンツ包括---------------------------*/

.top_images {
	width: 100%;
	position: relative;
	z-index: 2;
	text-align: center;
	background: url(../img/top_image.jpg) repeat-x top center;
	max-height: 576px;
	font-size: 0;
	line-height: 0;
}
.normalTitle {
	text-align : center;
	font-size : 36px;
	font-weight : 500;
	letter-spacing: 2px;
	color : #000000;
	line-height : 1.4;
	height : 102px;
	padding-top : 38px;
	padding-left : 10px;
	box-sizing: border-box;
}
br.mm {
	display : block;
}
@media only screen and (max-width: 1200px) {
	.normalTitle {
		font-size : calc(3.33vw - 4.0px);
		letter-spacing: 1px;
		height : 102px;
		padding-top : 38px;
	}
	br.mm {
		display : none;
	}
}
@media only screen and (max-width: 720px) {
	.normalTitle {
		font-size : calc(2vw + 9.6px);
		height : auto;
		padding : 0 0 2vw 0;
	}
}
.compWrap {
	position : relative;
}
.compCover {
	position : absolute;
	top : 0;
	right : 0;
	background-color : #f5f2ee;
	width : 78%;
	height : 46vw;
	max-height : 617px;
	z-index : 1;
}
.compWrap .compMain {
	position : relative;
	width : 100%;
	max-width : 1650px;
	margin-left : auto;
	height : 71vw;
	max-height : 617px;
	z-index : 2;
}
.compWrap .normalTitle {
	color : #000000;
	line-height : 1.4;
	text-align : left;
	width : 36%;
}
.compWrap .compImgInner {
	position : absolute;
	top : 110px;
	right : 0;
	width : 60%;
	height : auto;
}
.compWrap .compImgInner img {
	width : 100%;
	max-width : 1012px;
	height : 46vw;
	max-height : 617px;
	object-fit : cover;
}
.compWrap .word {
	color : #000000;
	line-height : 2.0;
	text-align : left;
	width : 36%;
	padding-left : 10px;
	box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
	.compWrap {
		position : relative;
		padding : 0 20px;
		box-sizing: border-box;
	}
	.compCover {
		display : none;
	}
	.compWrap .compMain {
		margin-left : 0;
		height : auto;
	}
	.compWrap .normalTitle {
		width : 100%;
	}
	.compWrap .normalTitle br {
		display : none;
	}
	.compWrap .compImgInner {
		position : relative;
		top : 0px;
		right : 0;
		width : 100%;
	}
	.compWrap .compImgInner img {
		height : 46vw;
		max-height : 617px;
	}
	.compWrap .word {
		color : #000000;
		width : 100%;
		padding-left : 0px;
	}
}
@media only screen and (max-width: 480px) {
	.compWrap {
		padding : 0;
	}
}
.libre-franklin-800 {
  font-family: "Libre Franklin", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.seviceTitle span {
	display : inline-block;
	font-weight : 600;
	margin-left : 20px;
	position : relative;
	top : -2px;
	font-family: 'Noto Sans JP', sans-serif;
}
.serviceBtn {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	flex-wrap : wrap;
	width : 100%;
}
.serviceBtn li {
	width : 31.8%;
	font-size : 0;
}
.serviceBtn.sub li {
	width : 19%;
	font-size : 0;
}
.serviceBtn li.trans {
	height : 1px;
}
.serviceBtn li a {
	display : block;
	width : 100%;
	line-height : 1.4;
	padding : 25px 10px;
	background-color : #897a64;
	border : 1px solid #897a64;
	color : #ffffff;
	font-size : 1rem;
	font-weight : 500;
	position : relative;
	margin-bottom : 16px;
	box-sizing: border-box;
	transition: 0.4s;
	height : 72px;
}
.serviceBtn li a span {
	position : absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	display : block;
	width : 100%;
	padding-right : 60px;
	box-sizing: border-box;
}
.serviceBtn li a::after {
	content : "→";
	position : absolute;
	font-size : 13px;
	top : 25px;
	right : 16px;
	display : block;
	width : 20px;
	height : 20px;
	border : 1px solid #ffffff;
	color : #ffffff;
	text-align : center;
	line-height : 20px;
	transition: 0.4s;
}
.serviceBtn li a:hover {
	background-color : #ffffff;
	color : #897a64;
}
.serviceBtn li a:hover::after {
	border : 1px solid #897a64;
	color : #897a64;
}
.serviceItem {
	width : 100%;
	position : relative;
}
.serviceItem .left {
	width : 55%;
	position : relative;
	padding-right : 5%;
	box-sizing: border-box;
}
.serviceItem .left h2 {
	border-bottom : 1px solid #c1c1c1;
	line-height : 2.0;
}
.serviceItem .left p {
	color : #757575;
	font-weight : 700;
	line-height : 2.0;
}
.serviceItem .right {
	width : 45%;
	position : relative;
	top : -40px;
}
.serviceItem .right img {
	width : 100%;
}
@media only screen and (max-width: 720px) {
	.serviceBtn.sub li {
		width : 32%;
	}
}
@media only screen and (max-width: 640px) {
	.serviceItem .left {
		width : 100%;
		padding-right : 0%;
	}
	.serviceItem .right {
		width : 100%;
		position : relative;
		top : 0px;
		padding-bottom : 30px;
	}
}
@media only screen and (max-width: 480px) {
	.serviceBtn.sub li {
		width : 48%;
	}
}



.subWrap {
	
}
.subWrap h2 {
	line-height : 2.0;
	border-bottom : 1px solid #c1c1c1;
}
.subWrap p {
	font-size : 0.95rem;
}
.subWrap .hoken  {
	width : 100%;
	max-width : 1045px;
}
.subWrap .hoken img {
	width : 237px;
	height : 143px;
}
.subWrap .hoken p {
	width : calc(100% - 237px);
	padding-left : 3%;
	box-sizing: border-box;
	font-weight : 500;
	line-height : 2.2;
}
.subWrap .about {

}
.subWrap .about .item {
	background-color : #f5f2ee;
	padding : 20px;
	box-sizing: border-box;
	width : 47%;
}
.subWrap .about .item h3 {
	background-color : #dc9531;
	color : #ffffff;
	text-align : center;
	line-height : 1.6;
	padding-bottom : 2px;
}
.subWrap .about .item dl {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	align-items: center;
}
.subTitle .about .item dt {
	width : 100px;
	box-sizing: border-box;
}
.subWrap .about .item p {
	text-align : center;
	width : 100px;
	height : 100px;
	box-sizing: border-box;
	background-color : #ffffff;
	color : #dc9531;
	font-weight : 700;
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : center;
	justify-content : center;
	align-items: center;
	border-radius : 50%;
}
.subWrap .about .item dd {
	width : calc(100% - 100px);
	box-sizing: border-box;
	padding-left : 6%;
	font-size : 1rem;
	font-weight : 500;
}
br.ttl_br {
	display : none;
}
@media only screen and (max-width: 960px) {
	.subWrap .about .item p {
		width : calc(4.69vw + 45.0px);
		height : calc(4.69vw + 45.0px);
	}
	.subWrap .about .item dd {
		width : calc(100% - 4.69vw - 45.0px);
		padding-left : 4%;
	}
}
@media only screen and (max-width: 720px) {
	.subWrap .about .item {
		padding : 16px;
		width : 100%;
	}
}
@media only screen and (max-width: 640px) {
	.subWrap .hoken p {
		width : 100%;
		padding-left : 0;
		line-height : 2;
	}
}
@media only screen and (max-width: 480px) {
	br.ttl_br {
		display : block;
	}
}

.flowTable {
	width : 100%;
	max-width : 1200px;
	margin : 0 auto;
	box-sizing: border-box;
}
.flowTable .flowItem {
	padding : 32px;
	box-sizing: border-box;
	background-color : #ffffff;
	position : relative;
}
.flowTable .flowItem.addarrow::before {
	content : "";
	position : absolute;
	bottom : -40px;
	left : calc(45% + 34px);
	width : 80px;
	height : 2px;
	background-color : #8d8d8d;
	transform: rotate(-30deg);
}
.flowTable .flowItem.addarrow::after {
	content : "";
	position : absolute;
	bottom : -40px;
	left : calc(45% - 34px);
	width : 80px;
	height : 2px;
	background-color : #8d8d8d;
	transform: rotate(30deg);
}
.flowTable .flowItem .left {
	width : 140px;
}
.flowTable .flowItem .left img {
	width : 100%;
	max-width : 131px;
}
.flowTable .flowItem .left h4 {
	background-color : #dc9531;
	line-height : 1.6;
	text-align : center;
	font-weight : 700;
	color : #ffffff;
}
.flowTable .flowItem .right {
	width : calc(100% - 140px);
	box-sizing: border-box;
	padding-left : 4%;
}
.flowTable .flowItem .right h3 {
	line-height : 1.1;
}
.flowTable .flowItem .right p {
	font-size : 1.1rem;
	line-height : 1.8;
	font-weight : 500;
}
@media only screen and (max-width: 720px) {
	.flowTable .flowItem {
		padding : 3vw;
	}
	.flowTable .flowItem .left {
		width : 20%;
	}
	.flowTable .flowItem .right {
		width : 80%;
	}
	.flowTable .flowItem.addarrow::before {
		bottom : -30px;
		left : calc(42% + 21px);
		width : 50px;
	}
	.flowTable .flowItem.addarrow::after {
		bottom : -30px;
		left : calc(42% - 21px);
		width : 50px;
	}
}


.faqWrap {
	width : 100%;
	max-width : 1200px;
	margin : 0 auto;
	box-sizing: border-box;
}
.faqWrap .faqItem {
	padding : 32px;
	box-sizing: border-box;
	background-color : #ffffff;
	position : relative;
}
.faqWrap dl {

}
.faqWrap dt {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	align-items: center;
}
.faqWrap dt span {
	width : 58px;
	height : 58px;
	text-align : center;
	line-height : 58px;
	font-size : 32px;
	font-weight : 700;
	background-color : #dc9531;
	border : 3px solid #dc9531;
	color : #ffffff;
	box-sizing: border-box;
	font-family: "Overpass", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}
.faqWrap dt p {
	width : calc(100% - 64px);
	padding-left : 4%;
	box-sizing: border-box;
	font-weight : 500;
	padding-top : 8px;
	position : relative;
}
.faqWrap dd {
	display : none;
	margin-top : 40px;
}
.faqWrap dd.active {
	display : block;
	margin-top : 40px;
}
.faqWrap dd div {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
}
.faqWrap dd div span {
	width : 58px;
	height : 58px;
	text-align : center;
	line-height : 58px;
	font-size : 32px;
	font-weight : 700;
	background-color : #ffffff;
	border : 3px solid #dc9531;
	color : #dc9531;
	box-sizing: border-box;
	font-family: "Overpass", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}
.faqWrap dd div p {
	width : calc(100% - 64px);
	padding-left : 4%;
	box-sizing: border-box;
	padding-top : 8px;
	position : relative;
}
.faqWrap dt p::after {
	content : "";
	position : absolute;
	top : calc(50% - 6px);
	right : 16px;
	width : 12px;
	height : 12px;
	border-top : 3px solid #dc9531;
	border-right : 3px solid #dc9531;
	line-height : 1;
	font-size : 0;
	transform: rotate(135deg);
	transition: 0.4s;
}
.faqWrap dt.active p::after {
	transform: rotate(-45deg);
}
@media only screen and (max-width: 960px) {
	.faqWrap .faqItem {
		padding : calc(2.5vw + 8.0px);
	}
	.faqWrap dt p {
		width : calc(100% - 26px - 6vw);
		padding-left : 3%;
		padding-right : 20px;
		padding-top : 4px;
	}
	.faqWrap dt p::after {
		right : 0px;
		width : 8px;
		height : 8px;
		border-top : 3px solid #dc9531;
		border-right : 3px solid #dc9531;
	}
	.faqWrap dd div p {
		width : calc(100% - 26px - 6vw);
		padding-left : 3%;
		padding-right : 20px;
		padding-top : 4px;
	}
}
@media only screen and (max-width: 720px) {
	.faqWrap dt span {
		width : calc(6vw + 20px);
		height : calc(6vw + 20px);
		line-height : calc(6vw + 20px);
		font-size : 2rem;
	}
	.faqWrap dd div span {
		width : calc(6vw + 20px);
		height : calc(6vw + 20px);
		line-height : calc(6vw + 20px);
		font-size : 2rem;
	}
}

.plofTable {
	width : 100%;
}
.plofTable table {
	width : 100%;
	border-collapse: collapse;
	table-layout: fixed;
	font-size : 1.1rem;
	font-weight : 400;
}
.plofTable th {
	width : 25%;
	text-align: center;
	color : #ffffff;
	background-color : #927f64;
	line-height : 1.8;
	vertical-align: middle;
	padding : 20px 0;
	border : 1px solid #d4c7b5;
}
.plofTable td {
	width : 67%;
	text-align : left;
	line-height : 1.8;
	padding : 20px 4%;
	border : 1px solid #d4c7b5;
}
.plofTable h2 {
	line-height : 2.0;
	border-bottom : 1px solid #c1c1c1;
}
.plofTable h2.nb {
	border-bottom : none;
}
.plofTable .map {
	width : 100%;
}
.plofTable .map iframe {
	width : 100%;
	height : 600px;
}
.plofTable .setsubi {
	align-items: flex-start;
}
.plofTable .setsubi img {
	width : 60%;
	max-width : 664px;
}
.plofTable .setsubi p {
	width : 40%;
	padding-right : 0%;
	box-sizing: border-box;
	font-weight : 500;
	line-height : 2.3;
}
@media only screen and (max-width: 720px) {
	.plofTable .setsubi img {
		width : 100%;
		max-width : 664px;
		margin : 4vw auto 0 auto;
		display : block;
	}
	.plofTable .setsubi p {
		width : 100%;
		line-height : 2;
	}
	.plofTable th {
		padding : 12px 0;
	}
	.plofTable td {
		padding : 12px 4%;
	}
}


.newsType {
	background-color : #e1e1e1;
	padding : 20px;
	box-sizing: border-box;
	color : #000000;
	font-size : 1.1rem;
}
.newsType select {
	font-size : 1.1rem;
	background-color : #ffffff;
	border : 1px solid #000000;
}
.newsType option {
	font-size : 1.1rem;
}
.newsListItem {
	width : 32%;
	border : 1px solid #d2d0d0;
	padding : 4px;
	box-sizing: border-box;
	position : relative;
	cursor : url(../img/upper.png);
	margin-bottom : 40px;
}
.newsListTrans {
	width : 32%;
	font-size : 0;
	height : 0;
}
.newsListItem .inner {
	position : relative;
	font-size : 0;
	cursor : url(../img/upper.png);
}
.newsListItem .inner a {
	display : block;
	cursor : url(../img/upper.png);
}
.newsListItem .inner img {
	width : 100%;
	height : 32vw;
	max-height : 343px;
	object-fit: cover;
}
.newsListItem .inner p {
	position : absolute;
	bottom : 0;
	left : 0;
	width : 100%;
	text-align : center;
	color : #ffffff;
	padding : 10px 0;
	font-size : 1.1rem;
	font-weight : 500;
	background-color : rgba(0, 0, 0, 0.7);
}
@media only screen and (max-width: 720px) {
	.newsListItem {
		width : 48%;
		margin-bottom : 4vw;
	}
	.newsListTrans {
		width : 48%;
	}
}

#cboxTitle {
	color : #ffffff !important;
	top : -32px !important;
	font-size : 18px;
	font-weight : 700;
}

.grayback {
	background-color : #f5f2ee;
}
.serviceWrap {
	align-items: flex-start;
}
.serviceLeft {
	width : 50%;
}
.serviceLeft h3 {
	border-bottom : 1px solid #c2c2c2;
	padding-bottom : 12px;
	font-weight : 700;
}
.serviceImg {
	width : 50%;
	max-width : 694px;
	padding-left : 20px;
	box-sizing: border-box:
}
.serviceImg img {
	width : 100%;
	max-width : 694px;
}
.servicePlus {
	
}
.servicePlus a {
	display : block;
	width : 55%;
	line-height : 1.4;
	padding : 25px 10px;
	background-color : #897a64;
	border : 1px solid #897a64;
	color : #ffffff;
	font-size : 1rem;
	font-weight : 500;
	position : relative;
	box-sizing: border-box;
	transition: 0.4s;
	height : 72px;
}
.servicePlus a span {
	position : absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	display : block;
	width : 100%;
	padding-right : 60px;
	box-sizing: border-box;
}
.servicePlus a::after {
	content : "→";
	position : absolute;
	font-size : 13px;
	top : 25px;
	right : 16px;
	display : block;
	width : 20px;
	height : 20px;
	border : 1px solid #ffffff;
	color : #ffffff;
	text-align : center;
	line-height : 20px;
	transition: 0.4s;
}
.servicePlus a:hover {
	background-color : #ffffff;
	color : #897a64;
}
.servicePlus a:hover::after {
	border : 1px solid #897a64;
	color : #897a64;
}
.servicePlus p {
	display : block;
	width : 40%;
	font-size : 13px;
	line-height : 1.8;
	color : #757575;
	font-weight : 600;
}
.servicePlus p span {
	display : inline-block;
}
@media only screen and (max-width: 1240px) {
	.servicePlus a {
		width : 50%;
	}
	.servicePlus p {
		width : 45%;
	}
	.servicePlus p span {
		display : inline;
	}
}
@media only screen and (max-width: 900px) {
	.serviceBtn li a {
		margin-bottom : 14px;
	}
	.serviceBtn li a span {
		padding-right : 46px;
	}
	.serviceBtn li a::after {
		right : 8px;
	}
	.servicePlus a span {
		padding-right : 46px;
	}
	.servicePlus a::after {
		right : 8px;
	}
}
@media only screen and (max-width: 720px) {
	.serviceBtn li a {
		margin-bottom : 12px;
	}
	.serviceLeft {
		width : 100%;
	}
	.serviceImg {
		width : 100%;
		max-width : 694px;
		margin : 5vw auto 0 auto;
	}
}
@media only screen and (max-width: 480px) {
	.serviceBtn li {
		width : 48.5%;
	}
	.serviceBtn li a {
		margin-bottom : 10px;
		height : 60px;
	}
	.servicePlus a {
		width : 48.5%;
		height : 60px;
	}
	.servicePlus p {
		width : 48.5%;
		font-size : 12px;
	}
	.serviceBtn li a::after {
		top : 18px;
	}
	.servicePlus a::after {
		top : 18px;
	}
}
.btmWrap {
	
}
.btmWrap .inner {
	position: absolute;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}
.btmWrap .btmLeft {
	width : 50%;
	background : rgba(50,0,0,0.3) url(../img/sekou_left.jpg) no-repeat center center;
	background-blend-mode: darken;
	background-size : cover;
	position : relative;
	height : 50vw;
	max-height : 490px;
	min-height : 246px;
	transition: 0.4s;
}
.btmWrap .btmLeft.active {
	background : rgba(0,0,0,0) url(../img/sekou_left.jpg) no-repeat center center;
	background-size : cover;
}
.btmWrap .btmTitle {
	color : #ffffff;
	line-height : 1.2;
}
.btmWrap  .btmTitle span {
	display : block;
	color : #ffffff;
	font-weight : 600;
	font-family: 'Noto Sans JP', sans-serif;
}
.btmWrap .btnComm {
	color : #ffffff;
	line-height : 2.0
}
.btmWrap .btmLink {
	
}
.btmWrap .btmLink a {
	display : block;
	width : auto;
	line-height : 1.4;
	padding : 0 0 0 50px;
	color : #ffffff;
	font-weight : 500;
	position : relative;
	box-sizing: border-box;
	transition: 0.4s;
}
.btmWrap .btmLink a span {
	text-decoration : underline;
	text-underline-offset: 10px;
}
.btmWrap .btmLink a::before {
	content : "→";
	position : absolute;
	font-size : 16px;
	top : -4px;
	left : 0;
	display : block;
	width : 36px;
	height : 36px;
	border : 1px solid #ffffff;
	color : #ffffff;
	text-align : center;
	line-height : 36px;
	transition: 0.4s;
}
.btmWrap .btmLink a:hover::before {
	background-color : #ffffff;
	border : 1px solid #000000;
	color : #000000;
}
.btmWrap .btmRight {
	width : 50%;
	background : rgba(0,0,0,0.3) url(../img/sekou_right.jpg) no-repeat center center;
	background-blend-mode: darken;
	background-size : cover;
	position : relative;
	height : 50vw;
	max-height : 490px;
	min-height : 246px;
	transition: 0.4s;
}
.btmWrap .btmRight.active {
	background : rgba(0,0,0,0.1) url(../img/sekou_right.jpg) no-repeat center center;
	background-size : cover;
}
@media only screen and (max-width: 720px) {
	.btmWrap .btmLeft {
		width : 100%;
	}
	.btmWrap .btmRight {
		width : 100%;
	}
}


.contactArea {
	background-color : #8a7a64;
	padding : 66px 0 70px 0;
}
.contactArea .dfct {
	width : 100%;
}
.contactArea .tel {
	margin-right : 60px;
}
.contactArea dt {
	color : #ffffff;
	font-weight : 600;
	font-size : 1.1rem;
	margin-right : 16px;
}
.contactArea .tel dd a {
	color : #ffffff;
	font-weight : 700;
	font-size : 48px;
	line-height : 1.0;
}
.contactArea .tel dd a::before {
	content : "";
	display : inline-block;
	width : 38px;
	height : 38px;
	background : url(../img/tel.png) no-repeat 0 0;
	margin-right : 10px;
}
.contactArea .mail dd a {
	display : inline-block;
	position : relative;
	top : 2px;
	color : #8a7a64;
	font-weight : 700;
	font-size : 1.1rem;
	background-color : #ffffff;
	border : 2px solid #ffffff;
	line-height : 40px;
	border-radius : 32px;
	padding : 8px 24px;
	transition: 0.4s;
}
.contactArea .mail dd a::before {
	content : "";
	display : inline-block;
	width : 33px;
	height : 23px;
	background : url(../img/mail.png) no-repeat left center;
	margin-right : 10px;
	position: relative;
	top: 4px; 
}
.contactArea .mail dd a:hover {
	color : #ffffff;
	background-color : #8a7a64;
}
.contactArea .mail dd a:hover::before {
	background : url(../img/s_mail.png) no-repeat left center;
	background-size : 33px;
}
@media only screen and (max-width: 1200px) {
	.contactArea {
		padding : 5.6vw 0 6vw 0;
	}
	.contactArea .tel {
		margin-right : 6vw;
	}
	.contactArea .df480 {
		margin : 0 auto;
		padding : 0 20px;
		box-sizing: border-box;
	}
	.contactArea .tel dd {
		margin-top : 6px;
	}
	.contactArea .tel dd a {
		font-size : calc(3.89vw + 1.3px);
	}
	.contactArea .tel dd a::before {
		width : calc(2.05vw + 13.4px);
		height : calc(2.05vw + 13.4px);
		background-size : calc(2.05vw + 13.4px);
		top: 4px; 
	}
	.contactArea .mail dd a:hover::before {
		background : url(../img/s_mail.png) no-repeat left center;
		width : calc(1.48vw + 15.3px);
		background-size : calc(1.48vw + 15.3px);
	}
	.contactArea .mail dd a {
		top : 2px;
		line-height : calc(2.27vw + 12.8px);
		border-radius : calc(1.7vw + 14.0px);
		padding : 1vw 2.44vw;
	}
}
@media only screen and (max-width: 480px) {
	.contactArea {
		padding : 4vw 0 6vw 0;
	}
	.contactArea .tel dd a {
		font-size : calc(2.5vw + 12.0px);
	}
	.contactArea .tel {
		text-align : center;
		width : 100%;
		margin-right : 0px;
	}
	.contactArea .mail {
		text-align : center;
		width : 100%;
		margin-top : 4vw;
	}
	.contactArea .tel dd a::before {
		width : calc(2.05vw + 12px);
		background-size : calc(1.48vw + 15.3px);
		top: 0px; 
	}
	.contactArea .mail dd a::before {
		width : calc(1.48vw + 15.3px);
		height : calc(1.87vw + 13.0px);
		background-size : calc(1.8vw + 15.3px);
	}
	.contactArea .mail dd a:hover::before {
		background : url(../img/s_mail.png) no-repeat left center;
		width : calc(1.8vw + 15.3px);
		height : calc(1.87vw + 13.0px);
		background-size : calc(1.48vw + 15.3px);
	}
}
.sideBtn {
	position : fixed;
	top : 330px;
	right : 0;
	z-index : 91;
}
.sideBtn a {
	display : block;
	width : 140px;
	color : #ffffff;
	text-align : center;
	padding-top : 76px;
	height : 64px;
	font-size : 14px;
	font-weight : 600;
	line-height : 1.4;
}
.sideBtn .lin a {
	background : #22b94f url(../img/line.png) no-repeat top 22px center;
}
.sideBtn .con a {
	background : #5656a0 url(../img/s_mail.png) no-repeat top 32px center;
	margin-top : 16px;
}
@media only screen and (max-width: 1000px) {
	.sideBtn {
		top : 300px;
	}
	.sideBtn a {
		width : 92px;
		padding-top : 54px;
		height : 44px;
		font-size : 13px;
	}
	.sideBtn .lin a {
		background : #22b94f url(../img/line.png) no-repeat top 2px center;
	}
	.sideBtn .con a {
		background : #5656a0 url(../img/s_mail.png) no-repeat top 16px center;
		margin-top : 12px;
	}
}
@media only screen and (max-width: 720px) {
	.sideBtn {
		position : fixed;
		width : 100%;
		display : -webkit-flex;
		display : flex;
		-webkit-justify-content : space-between;
		justify-content : space-between;
		top : auto;
		bottom : 0;
		right : 0;
	}
	.sideBtn div {
		width : 50%;
	}
	.sideBtn div br {
		display : none;
	}
	.sideBtn a {
		width : 100%;
		padding-top : 40px;
		height : 30px;
		font-size : 12px;
	}
	.sideBtn .lin a {
		background : #22b94f url(../img/line.png) no-repeat top 4px center;
		background-size : 40px;
	}
	.sideBtn .con a {
		background : #5656a0 url(../img/s_mail.png) no-repeat top 12px center;
		margin-top : 0;
		background-size : 26px;
	}
}
.formButton  {
	text-align : center;
}
.formButton a {
	text-align : center;
	display : inline-block;
	font-size : 32px;
	color : #ffffff;
	font-weight : 700;
	width : 80%;
	max-width : 625px;
	padding : 20px 0 24px 0;
	line-height : 1.6;
	background-color : #000000;
	transition: 0.4s;
}
.formButton a img {
	position : relative;
	top : 10px;
	left : -12px;
}
.formButton a:hover {
	opacity : 0.7;
}
@media only screen and (max-width: 1060px) {
	.imgback {
		padding-top: 9vw;
	}
	.contWrap .centerWord {
		margin: 5vw 0 3vw 0;
	}
	.centerComm  {
		font-size : calc(0.41vw + 10.7px);
	}
	.contSlideInner .comm {
		padding: 4vw 3vw 8vw 3vw;
	}
	.contSlideInner .comm .check {
		font-size : calc(0.81vw + 15.4px);
		margin-bottom: 2vw;
		border-bottom: calc(0.4vw + 3px) solid #000000;
	}
	.contSlideInner .comm p {
		font-size : calc(0.41vw + 11.7px);
	}
	.navi-btn {
		width: calc(5.09vw + 23.9px);
		height: calc(5.09vw + 23.9px);
		background-size : cover;
		top : 38vw;
	}
	.feed-prev-btn {
		left : calc(-2.55vw - 12px);
	}
	.feed-next-btn {
		right : calc(-2.55vw - 12px);
	}
	.formButton a {
		font-size : calc(2.16vw + 9.1px);
		width : 90%;
		padding : calc(2vw + 6px) 0 calc(2vw + 8px) 0;
	}
	.formButton a img {
		position : relative;
		top : 0.6vw;
		left : -12px;
		width : calc(1.8vw + 18px);
	}
}
.workbtn {
	display: inline-block;
	width: 300px;
	text-align: center;
	padding: 0 0 0 0;
	font-size: 18px;
	font-weight : 500;
	line-height: 60px;
	color: #194a08;
	background: url(../img/wb_back.png) repeat-x 0 0;
	transition: 0.4s;
	position: relative;
	border-top : 6px solid #bdcdbb;
	text-decoration: none;
}
.moreRev_w::after {
	position: absolute;
	content: ">";
	top: 26%;
	right: 12px;
	font-size: 32px;
	font-weight : 300;
	line-height: 1.0;
	color: #ffffff;
	font-family: 'Arsenal', sans-serif;
}

.moreRev_w:hover {
	color: #000000;
	background-color: #ffffff;
}

.moreRev_w:hover::after {
	color: #000000;
}

.centerMark {
	text-align: center;
}
.centerMark .mark01 {
	width : 25vw;
	max-width : 144px;
}
.centerMark .mark02 {
	width : 22vw;
	max-width : 109px;
}
.centerMark .mark03 {
	width : 33vw;
	max-width : 222px;
}

/* 施工実績詳細 */

.detailWrap {
	width : 100%;
	max-width : 824px;
	padding-top : 60px;
}
.detailWrap .detailTitle {
	font-size : 36px;
	font-weight : 500;
	color : #8f8f8f;
	position : relative;
}
.detailWrap .detailTitle::after {
	content : "";
	display : block;
	width : 1px;
	height : 56px;
	font-size : 0;
	margin : 12px auto 0 auto;
	border-left : 2px solid #389757;
}
.detailWrap .photoWrap {
	
}
.detailWrap .photoMain {
	
}
.detailWrap .photoMain img {
	width : 100%;
	height : 62vw;
	max-height : 560px;
	object-fit: contain;
}
.detailWrap .photoThumb {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
    list-style: none;
}
.detailWrap .photoThumb img {
	
}
.detailWrap .sizeWrap {
	background-color : #ececec;
	padding : 32px 45px 12px 45px;
	box-sizing: border-box;
}
.detailWrap .sizeTable {
	display : table;
	border-collapse: collapse;
	width : 100%;
	font-size : 1rem;
	color : #797979;
	font-weight : 500;
	margin-bottom : 20px;
}
.detailWrap .sizeTable dt {
	display : table-cell;
	vertical-align: top;
	font-size : 1rem;
	color : #797979;
	width : 25%;
	padding : 16px 10px 16px 24px;
	box-sizing: border-box;
	background-color : #ffffff;
	border-right : 2px solid #ececec;
	position : relative;
}
.detailWrap .sizeTable dt::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #329d58 transparent transparent transparent;
  z-index: 10;
}
.detailWrap .sizeTable dd {
	display : table-cell;
	vertical-align: top;
	font-size : 1rem;
	color : #797979;
	width : 75%;
	padding : 16px 10px 16px 24px;
	box-sizing: border-box;
	background-color : #ffffff;
}
.photoThumb > li {
    width: 22.5%;
}
.photoThumb > li > a {
    display: block;
    position: relative;
    padding-top: 75%;
	opacity : 0.7;
	transition: 0.3s;
}
.photoThumb > li > a.active {
    opacity : 1.0;
}
.photoThumb > li > a > img {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
	height : 15vw;
	max-height : 120px;
	object-fit: cover;
}
.photoThumb > li > a > span {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
	height : 15vw;
	max-height : 120px;
	display : block;
	background-repeat : no-repeat;
	background-position : center center;
	background-size : cover;
}
.bx-wrapper {
    background-color: transparent;
    margin: 0px auto 20px auto !important;
    border: none;
    box-shadow: none;
}
.bx-wrapper img {
    display: block;
    width: 100%;
}
.detailMore {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	border-top : 1px solid #afafaf;
	border-bottom : 1px solid #afafaf;
	padding : 16px 0;
}
.detailMore div {
	width : 33.3%;
}
.detailMore a {
	font-size : 1rem;
	font-weight : 500;
	color : #797979;
	text-decoration: underline;
	transition: 0.3s;
}
.detailMore a:hover {
	color : #000000;
}
.detailMore a span {
	display : inline;
}
@media only screen and (max-width: 1080px) {
	.detailWrap .detailTitle {
		font-size : calc(2.37vw + 10.4px);
	}
	.detailWrap .detailTitle::after {
		height : calc(3.16vw + 21.9px);
	}
	.detailWrap .sizeWrap {
		padding : 4vw 4.5vw 1.2vw 4.5vw
	}
}
@media only screen and (max-width: 480px) {
	.detailWrap .sizeTable {
		display : block;
		margin-bottom : 16px;
	}
	.detailWrap .sizeTable dt {
		display : block;
		width : 100%;
		padding : 8px 10px 8px 24px;
		border-right : none;
		border-bottom : 1px solid #ececec;
	}
	.detailWrap .sizeTable dt::before {
		border-width: 16px 16px 0 0;
	}
	.detailWrap .sizeTable dd {
		display : block;
		width : 100%;
		padding : 8px 10px 8px 24px;
	}
	.detailMore a span {
		display : none;
	}
}

/* お問い合わせ */

.contactWrap  {
	width : calc(100% - 20px);
	max-width : 720px;
	margin : 0px auto 0 auto;
	padding : 0 10px;
	background-color : #ffffff;
}
.contactWrap h2 {
	font-size : 32px;
	color : #000000;
	line-height ; 1.8;
	font-weight : 700;
	margin-bottom : 24px;
	border-bottom : 1px solid #000000;
}
.contactForm {
	width : 100%;
	max-width : 1100px;
	margin : 0 auto;
}
.contactForm .precomm {
	font-weight : 400;
	padding-bottom : 6px;
}
.contactForm .precomm.bdr {
	border-bottom : 1px solid #e1e1e1;
}
.progress .step {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
}
.progress .step li {
	width : 29%;
	font-size : 1rem;
	color : #000000;
	background-color : #efefef;
	border : 1px solid #efefef;
	text-align : center;
	padding : 20px 0 24px 0;
	position : relative;
	border-radius : 10px;
}
.progress .step li.n_arrow::after {
	content : "";
	position : absolute;
	top : 30px;
	right : -48px;
	width: 12px;
	height: 12px;
	margin: 0 10px;
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	transform: rotate(45deg);
}
.progress .step li span {
	font-weight : bold;
}
.progress .step li.is-current {
	color : #ffffff;
	background-color : #897a64;
}

.formWrap {

}
.contactForm dl {
	display : table;
	width : 100%;
	border-collapse: collapse;
	table-layout : fixed;
	border-bottom : 2px solid #f2f2f2;
	word-wrap: break-word;
}
.contactForm dl.no-border {
	border-bottom : none;
}
.contactForm dt {
	display : table-cell;
	vertical-align: top;
	font-size : 1.1rem;
	color : #999999;
	font-weight : 700;
	width : 25%;
	padding : 30px 0 18px 40px;
	text-align : left;
}
.contactForm dl.no-border dt {
	padding : 30px 0 0 40px;
}
.contactForm dt p {
	position : relative;
}
.contactForm dd {
	display : table-cell;
	vertical-align: top;
	font-size : 1rem;
	color : #676767;
	font-weight : 500;
	width : 75%;
	padding : 26px 0 22px 24px;
	word-wrap: break-word;
}
.contactForm dl.no-border dd {
	padding : 30px 0 0 24px;
}
.contactForm dd select {
	font-size : 1rem;
	color : #000000;
	font-weight : 400;
	padding : 7px 8px;
	border-style : none;
	background-color : #fefefe;
	border-radius : 6px;
	border : 1px solid #acacac;
}
.contactForm dd option {
	font-size : 1rem;
	color : #1c1c1c;
	font-weight : 400;
	background-color : #f6f6f7;
}
.contactForm dt span  {
	position : relative;
	top : 3px;
	left : 0px;
	display : inline-block;
	padding : 3px 6px 6px 6px;
	margin-right : 16px;
	font-size : 0.9rem;
	color : #ffffff;
	font-weight : bold;
	line-height : 1.0;
	border-radius : 4px;
}
.contactForm dt span.hissu  {
	background-color : #fe0000;
}
.contactForm dt span.hissu2  {
	background-color : #009600;
	top : -1px !important;
}
.contactForm dt span.ninni  {
	background-color : #bebebe;
	top : -1px !important;
}
.privWrap  {
	margin-top : 20px;
	background-color : #ffffff;
	padding : 30px;
	font-size : 16px;
	width : 100%;
	box-sizing: border-box;
}
.privWrap h3 {
	font-size : 24px;
	font-weight : 700;
	text-align : center;
	margin-bottom : 36px;
}
.privWrap h4 {
	font-size : 1.15rem;
	font-weight : 700;
	margin-top : 24px;
}
.privWrap p {
	font-size : 1rem;
	font-weight : 400;
}
.privWrap dt {
	display : inline-block;
	vertical-align: top;
	width : 20px;
	font-size : 1rem;
	font-weight : 400;
}
.privWrap dd {
	display : inline-block;
	vertical-align: top;
	width : calc(100% - 30px);
	font-size : 1rem;
	font-weight : 400;
}
.progress .step span {
	display : inline-block;;
	margin-right : 12px;
}
@media only screen and (max-width: 720px) {
	.formWrap {
		padding : 6vw 3.6vw;
	}
	.contactForm dt {
		display : table-cell;
		vertical-align: top;
		font-size : 1rem;
		color : #0f1c84;
		font-weight : 500;
		width : 32%;
		padding : 4vw 0 3vw 0;
		text-align : left;
	}
	.contactForm dl.no-border dt {
		padding : 4vw 0 0 0;
	}
	.contactForm dd {
		display : table-cell;
		vertical-align: top;
		font-size : 1rem;
		color : #0f1c84;#0f1c84;
		font-weight : 400;
		width : 68%;
		padding : 2.4vw 0 2.4vw 2.4vw;
		word-wrap: break-word;
	}
	.contactForm dl.no-border dd {
		padding : 2.4vw 0 0 0;
	}
}
@media only screen and (max-width: 480px) {
	.contactWrap h3 {
		padding-bottom : 12px;
		margin-bottom : 32px;
	}
	.contactWrap h3 strong {
		font-size : 24px;
		padding-top : 6px;
	}
	.privWrap h3 {
		padding-bottom : 12px;
		margin-bottom : 32px;
	}
	.privWrap h3 strong {
		font-size : 24px;
		padding-top : 6px;
	}
	.contactWrap .comm p {
		font-size : 16px;
		color : #000000;
		line-height : 1.8;
	}
	.compBottom  {
		margin-bottom : 16vw;
	}
	.contactForm dt {
		display : block;
		padding : 10px 3vw 10px 0;
		width : 100%;
	}
	.contactForm dd {
		display : block;
		padding : 10px 3vw 10px 0;
		width : 100%;
	}
	.contactWrap dd div label {
		display : block;
		font-size : 13px;
		margin : 8px 0;;
		padding : 8px;
	}
	.contactForm dd label {
		margin : 8px 2px 10px 2px;
		padding : 8px 6px;
	}
	.progress .step li {
		padding: 10px 0 12px 0;
	}
	.progress .step li.n_arrow::after {
		right : calc(-3vw - 12px);
	}
	.progress .step li span {
		display : block;
	}
}

/*お問い合わせ*/

.formTable option  {
	font-size : 14px;
	padding : 3px;
}
.formTable select  {
	font-size : 14px;
	padding : 3px;
}
.formBtn  {
	margin-bottom : 80px;
}
.form-field {
	border-style : none;
	background: #fefefe;
	color : #000000;
	padding : 8px 16px;
	font-size : 16px;
	width: calc(90% - 80px);
	border-radius : 6px;
	border : 1px solid #acacac;
}
.form-herf {
	border-style : none;
	background: #fefefe;
	color : #000000;
	padding : 8px 16px;
	font-size : 16px;
	width: calc(45% - 80px);
	border-radius : 6px;
	border : 1px solid #acacac;
}
input.form-field {
	max-width : 350px;
}
.form-name {
	border: 1px solid #ababab;
	background: #ffffff;
	color : #000000;
	padding : 6px;
	font-size : 16px;
	width: calc(70% - 80px);
	max-width: 300px;
}
.form-long {
	border: 1px solid #ababab;
	background: #f4f5fa;
	color : #0f1c84;
	padding : 6px;
	font-size : 16px;
	width: calc(80% - 80px);
}
.inputarea1  {
	border: 1px solid #ababab;
	color : #0f1c84;
	padding : 6px;
	font-size : 16px;
}
span.hissu {
	display : inline-block;
	vertical-align: top;
	padding-left : 8px;
	padding-top : 6px;
	font-size  : 14px;
	color : #fe0000;
}
.w120   {
	width: 120px !important;
}
.w240   {
	width: 240px !important;
}
#comment  {
	height : 110px;
	line-height : 22px;
}
.uploadArea  {
	border : 1px solid #cccccc;
	display : inline-block;
}
.uploadArea p.ttl {
	font-size : 13px;
	color : #ffffff;
	background-color : #0eb1dc;
	padding : 4px;
	display : inline-block;
}
.uploadArea div {
	padding : 8px 10px;
}
.thanks  { 
	margin : 0 auto 80px auto;
	width : 90%;
	max-width : 800px;
}
.thanks h2  {
	font-size : 18px;
	line-height : 36px;
	text-align : center;
	color : #000000;
}
.thanks p  {
	width : 100%;
	margin : 10px auto;
	color : #000000;
}
a.hinbanbutton  {
	display : inline-block;
	padding : 8px 14px;
	background-color : #0eb1dc;
	color : #ffffff;
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;
}
a.hinbanbutton:hover  {
	background-color : #27caf3;
	color : #ffffaa;
}

.form-field:focus {
   background: #fff;
   color: #725129;
}
.form-container h2 {
   text-shadow: #fdf2e4 0 1px 0;
   font-size:18px;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
}
.form-title {
   margin-bottom:10px;
   color: #725129;
   text-shadow: #fdf2e4 0 1px 0;
}

.pp {
	margin:			0 0 10px 0;
}
/* ラベルのスタイル　*/
.pp label {
	padding-left:	0;
	font-size:		24px;
	line-height:	32px;
	display:		block;
	cursor:			pointer;
	position:		relative;
}

/* アップロードボタンのスタイル */
.upl label {
	color : #ffffff;
	font-size : 16px;
	background-color : #009844;
	padding : 12px 24px;
	cursor : pointer;
	position : relative;
	white-space: nowrap;
}
.upl label > input[type=file] {
	display : none;
}

/* ラジオボタンのスタイル */
.rdo span {
	position : relative;
	padding-left : 40px;
	width : 120px;
	display : inline-block;
	color : #000000;
}
.rdo input[type=radio] {
	content:		'';
	width:			32px;			/* ボックスの横幅 */
	height:			32px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	top : -3px;
	left : 0;
	z-index : 2;
	background-color:	#ffffff;
	border : 1px solid #acacac;
	border-radius:		50%;
	cursor : pointer;
}
/* 元のチェックボックスを表示しない */
.rdo input[type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/* チェックした時のスタイル */
.rdo input[type=radio]:checked:before {
	content:		'\25CF';		/* チェックの文字 */ 
	font-size:		21px;			/* チェックのサイズ */
	color:			#fe00bf;			/* チェックの色 */
	line-height: 1;
	position: relative;
	top: 3px;
	left: 4px;
}

/* ボックスのスタイル */
.pp label:before {
	content:		'';
	width:			32px;			/* ボックスの横幅 */
	height:			32px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	top : -48px;
	left:			calc(50% - 16px);
	background-color:	#ffffff;
	border : 1px solid #acacac;
	border-radius:		6px 6px 6px 6px;
}
/* 元のチェックボックスを表示しない */
.pp input[type=checkbox] {
	display:		none;
}
/* チェックした時のスタイル */
.pp input[type=checkbox]:checked + label:before {
	content:		'\2713';		/* チェックの文字 */ 
	font-size:		34px;			/* チェックのサイズ */
	color:			#fff;			/* チェックの色 */
	background-color:	#06f;			/* チェックした時の色 */
	line-height: 30px;
}
.pp a {
	color : #000000;
	text-decoration : underline;
	text-decoration-color: #acacac;
	text-underline-offset: 6px;
}
.uplInner .right {
	padding-left : 20px;
	box-sizing: border-box;
}
.submit-container {
	width: 260px;
	text-align: center;
	position : relative;
}
.submit-button {
	width: 260px;
	color: #FFF;
	border : none;
	padding: 16px 0 18px 0;
	font-size : 20px;
	font-weight: 500;
	text-decoration: none;
	vertical-align: middle;
	cursor : pointer;
	background-color : #c1c1c1;
	position : relative;
	border-radius : 32px;
}
.submit-button.active {
	background-color : #897a64;
}
.submit-container::after {
	content : "";
	position : absolute;
	top : 25px;
	right : 12px;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	transform: rotate(45deg);
}
.submit-button:hover  {
	opacity : 0.7;
}
.submit-button2 {
	width: 304px;
	color: #FFF;
	border : none;
	padding: 20px 0 24px 0;
	font-size : 18px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	cursor : pointer;
	background : url(../img/subm_back2.png) no-repeat 0 0;
}
.submit-button2:hover  {
	opacity : 0.7;
}
.contactTop dl {
	width : 100%;
}
.contactTop dl dt {
	font-size : 32px;
	font-weight : 600;
}
.contactTop dl dd {
	font-size : 1rem;
	font-weight : 400;
	line-height : 1.8;
}
.contactTop dl dd a {
	color : #00b6ef;
	transition: 0.3s;
}
.contactTop dl dd a:hover {
	color : #0000ff;
}
.nallowWrap {
	width : 100%;
	max-width : 800px;
	padding : 0 10px;
	box-sizing: border-box;
	margin : 80px auto;
}
.telContactTitle {
	font-size : 1.3rem;
	font-weight : 600;
}
.topTelWrap a {
	font-size : 80px;
	font-weight : bold;
	color : #0f1c84;
}
.topTelWrap span {
	display : block;
	font-size : 1rem;
	font-weight : 300;
}
.pp-container  {
	margin : 32px 0 12px 0;
	text-align : left;
	background-color : #f0f0f0;
	padding : 16px;
}
.pp-container h4 {
	font-size : 16px;
	text-align : center;
	margin-bottom : 16px;
}
.pp-container p {
	font-size : 14px;
	text-align : left;
	margin-bottom : 16px;
}
.pp-container a {
	display : block;
	font-size : 13px;
	text-align : left;
}
.pp-check  {
	text-align : center;
	font-size : 16px;
	font-weight : 500;
	margin : 0 20px 10px 0;
}
.pp-check input[type=checkbox] {
	width:			20px;
	height:			20px;
	-moz-transform:		scale(1.3);
	-webkit-transform:	scale(1.3);
	transform:		scale(1.3);
}
.pp-check label a {
	color : #000000;
	text-decoration: underline;
	text-decoration-color : #6d6d6d;
}
.pp-check span  {
	display : inline-block;
	vertical-align : top;
	margin-left : 6px;
	position : relative;
	top : -1px;
}
.errorText  {
	color : #ff0000;
	font-size : 13px;
}
.sendmes    {
	text-align : center;
	line-height : 1.6;
	margin-bottom : 120px;
}
.errorText  {
	font-size : 12px !important;
	color : #ff0000 !important;
}
.formLeft  {
	display : inline-block;
	vertical-align : top;
}
.formRight  {
	display : inline-block;
	font-size : 12px;
	color : #4b4b4b;
	padding-left : 24px;
}
.formRight a {
	display : inline-block;
	padding : 4px 0;
	color : #4b4b4b;
}
.formRight dt {
	display : inline-block;
	color : #4b4b4b;
	font-size : 12px;
	line-height : 20px;
	padding : 0px 0;
	width : 18px;
	text-align : left;
	vertical-align : top;
}
.formRight dd {
	display : inline-block;
	color : #4b4b4b;
	font-size : 12px;
	line-height : 20px;
	padding : 0px 0;
	width : calc(100% - 18px);
	text-align : left;
	vertical-align : top;
}
@media only screen and (max-width: 960px) {
	.nallowWrap {
		margin : 8vw auto;
	}
	.topTelWrap a {
		font-size : calc(5.09vw + 21.4px);
	}
	.contactTop dl {
		display : block;
		width : 100%;
	}
	.contactTop dl dt {
		display : block;
		width : 100%;
		padding : 0 0 1.5vw 0;
		border-right : none;
		border-bottom : 1px solid #000000;
		font-size : 1.4rem;
		
	}
	.contactTop dl dd {
		display : block;
		text-align : left;
		width : 100%;
		padding : 1.5vw 0 0 0;
	}
}
@media only screen and (max-width: 480px) {
	.form-field {
		padding : 5px;
		font-size : 14px;
		width: 96%;
	}
	.form-herf {
		padding : 5px;
		font-size : 14px;
		width: 40%;
	}
	.form-name {
		padding : 5px;
		font-size : 14px;
		width: calc(88% - 40px);
	}
	.form-long {
		padding : 5px;
		font-size : 14px;
		width: calc(92% - 40px);
	}
	.inputarea1  {
		padding : 5px;
		font-size : 14px;
	}
	.pp-check  {
		text-align : center;
		font-size : 14px;
		font-weight : 500;
		color : #000000;
		margin : 30px 0 40px 0;
	}
	.pp-check input[type=checkbox] {
		width:			20px;
		height:			20px;
		-moz-transform:		scale(1.2);
		-webkit-transform:	scale(1.2);
		transform:		scale(1.2);
	}
	.submit-container {
		text-align: center;
		position : relative;
		margin-top : 36px !important;
	}
	.pp label {
		font-size : calc(2vw + 9.6px);
		line-height:	1.8;
	}
	.pp.mgt80 {
		margin-top : 80px !important;
	}
}

/* フッター包括---------------------------*/

footer {
	position: relative;
	z-index: 3;
	background-color: #f5f2ee;
	font-size : 0;
}
.mgt0 {
	margin-top: 0 !important;
	padding: 0 !important;
}
.footlogo {
	padding-top : 30px;
}
.footlogo img {
	width : 50%;
	max-width : 309px;
}
.footerTable {
	width: 100%;
	padding: 100px 0 40px 0;
}
.footerTable .footMenu {
	width : auto;
	margin : 30px auto;
}
.footerTable .footCate {
	width : auto;
	margin : 0 auto;
}
.footerTable .first {
	display : table-cell;
	border-left : none;
	padding : 0 30px 0 0;
	margin-right : 20px;
}
.footerTable .first span {
	display : inline-block;
	font-size: 1rem;
	color: #676767;
	font-weight : 700;
	white-space: nowrap;
}
.footerTable .second {
	
}
.footerTable .second span {
	border-left : 1px solid #000000;
	display : inline-block;
	padding : 0 8px 0 8px;
	font-size: 1rem;
	color: #676767;
	font-weight : 700;
}
.footerTable .second span.top {
	border-left : 1px solid #000000;
	padding-left : 20px;
}
.footerTable .second span.right {
	border-left : 1px solid #000000;
}
.footerTable .first span.top {
	border-left : 1px solid #000000;
	padding-left : 20px;
}
.footMenu a {
	font-size: 1rem;
	color: #000000;
	font-weight : 500;
	transition: 0.3s;
	padding: 0 4px;
	line-height :  1.1;
}
.footMenu a:hover {
	color: #897a64;
}
.footCate a {
	font-size: 1rem;
	color: #000000;
	font-weight : 500;
	transition: 0.3s;
	padding: 0 4px;
	line-height :  1.1;
}
.footCate a:hover {
	color: #897a64;
}
.copyright {
	text-align: center;
	font-size: 12px;
	color: #000000;
	padding-bottom : 200px;
}
.wrapContact {
    cursor: pointer;
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
	width : 279px;
	height : 69px;
	font-size : 0;
	line-height : 0;
	z-index : 999;
}
.wrapContact {
	cursor: pointer;
	display: block;
	position: fixed;
	right: 0;
	bottom: 0;
	width: 279px;
	height: 69px;
	font-size: 0;
	line-height: 0;
	z-index: 999;
}
.footIns {
	position : relative;
	top : -4px;
}
.footerTable .second br {
	display : none;
}
@media only screen and (max-width: 1640px) {
	.footerTable .second span.right {
		padding-left: 20px;
	}
	.footerTable .second br {
		display : block;
	}
}
@media only screen and (max-width: 1060px) {
	.footMenu {
		padding-right : 40px;
		box-sizing: border-box;
	}
	.footMenu a {
		font-size: 13px;
		padding: 0 4px;
	}
	.footCate {
		padding-right : 40px;
		box-sizing: border-box;
	}
	.footCate a {
		font-size: 13px;
		padding: 0 4px;
	}
	.footerTable .first {
		padding : 0 14px 0 0;
		margin-right : 10px;
	}
	.copyright {
		padding-bottom : calc(10vw + 70px);
	}
}
@media only screen and (max-width: 800px) {
	.footMenu a {
		font-size: 12px;
		padding: 0 3px;
	}
}
@media only screen and (max-width: 720px) {
	.footerTable {
		display : none;
	}
}
@media only screen and (max-width: 640px) {
	.footlogo {
		padding-top : calc(4vw + 20px);
	}
	.copyright {
		font-size: 0.8rem;
	}
}

/* 管理画面フッター */
#admin_contener {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.admin_footer {
	margin-top: auto;
	background-color: #474747;
	position: relative;
}

.admin_footer .footerCopy {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	text-align: right;
	color: #ffffff;
	font-size: 12px;
	padding: 32px 0;
}

.admin_footer .safety {
	position: absolute;
	top: 4px;
	left: 4px;
}

.wrapPageTopPc  {
    position: fixed;
    bottom : 80px;
    right: 0px;
    z-index: 99;
	text-align : center;
    width : 64px;
	cursor : pointer;
}
.wrapPageTopPc p {
    text-align : center;
	background-color : #000000;
	font-size : 40px;
	font-family: "Merriweather", serif;
	font-weight: 900;
	font-style: normal;
	color : #ffffff;
	border : 2px solid #000000;
	line-height : 1.4;
	padding : 3px 0 1px 0;
	transition: 0.4s;
}
.wrapPageTopPc p:hover {
	background-color : #ffffff;
	color : #000000;
}

.bshadow {
	box-shadow: rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-webkit-box-shadow: rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-moz-box-shadow: rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
}

.cshadow {
	border: 3px solid #ffffff;
	box-shadow: rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-webkit-box-shadow: rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
	-moz-box-shadow: rgba(115, 116, 117, 0.65) 2px 2px 4px 0px;
}

.servWrap00 {
	width: 960px;
	margin: 0 auto;
}

.servWrap01 {
	width: 1080px;
	margin: 0 auto;
}