@charset "utf-8";

/* firefoxでページ移動の際、コンテンツが少なくても中心がずれないようにする */
html {
	overflow-y: scroll;
	font-size : 16px;
}
@media only screen and (max-width: 1000px) {
	html {
		font-size : calc(0.6vw + 10.5px);
	}
}

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;
	-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;
}

#wrapper {
	height: 883px;
	overflow: hidden;
	position: relative;
	z-index: 10;
	margin-top: 100px;
}

#wrapHeaderTop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 90;
	height: 144px;
	background-color: rgba(255, 255, 255, 0.9);
	transition: 0.3s;
}
.headMenuInner {
	width : 100%;
	max-width: 1312px;
	margin : 0 auto;
	position : relative;
}
.headLogo {
	display: inline-block;
	position: relative;
	text-align: left;
	margin: 0;
	padding: 24px 0 0 10px;
	z-index: 12;
	transition: 0.3s;
}
.headLogo img {
	width: 126px;
}
.headLogo strong {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	color: #1d208a;
	position: relative;
	top: -10px;
	left: 20px;
}

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

#header {
	display: block;
	position: relative;
	width: 100%;
	top: 0px;
	max-width: 1980px;
	margin: 0 auto;
	z-index: 10;
	transition: 0.3s;
}
#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 {
	display: inline-block;
	position: absolute;
	top: 84px;
	right: 4px;
	text-align: right;
	z-index: 9;
	transition: 0.3s;
}
.headMenu li {
	display: inline-block;
	vertical-align: top;
	color: #010101;
	font-size: 16px;
}
.headMenu .main li a {
	color: #010101;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	line-height: 1.0;
	padding: 0 24px;
	position: relative;
	transition: .3s;
}

.headMenu .main 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 .main li a::after {
	position: absolute;
	bottom: -10px;
	left: 50%;
	content: '';
	width: 0;
	height: 2px;
	background-color: #8d99d2;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.headMenu li a:hover::after {
	width: 60%;
}
.headTel {
	display: block;
	position: absolute;
	top: 20px;
	right: 24px;
	z-index: 9;
	text-align: center;
	transition: 0.3s;
}
.headTel p {
	border-bottom : 1px solid #8b8b8b;
}
.headTel a {
	display: inline-block;
	color : #000000;
	transition: 0.3s;
	font-size : 18px;
}
.headTel a img {
	position : relative;
	top : 1px;
	display: inline-block;
	margin-right : 4px;
}
.headSns {
	position : fixed;
	top : 200px;
	right : 4px;
	width : 50px;
	z-index : 90;
}

.smp_headBtn {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
	background-color: #ffffff;
	width: 100%;
	height: 51px;
	padding-top: 4px
}

.smp_headMenu {
	display: block;
	width: 100%;
	position: absolute;
	top: -600px;
	right: 0px;
	text-align: left;
	z-index: 9;
	background-color: #ffffff;
	transition: .5s;
}

.smp_headMenu li {
	display: block;
	border-bottom: 1px solid #c1c1c1;
}

.smp_headMenu li a.main {
	color: #464646;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	line-height: 1.0;
	padding: 14px 0 12px 8px;
	position: relative;
	transition: .3s;
}

.smp_headMenu li a.main strong {
	display: inline-block;
	width: 130px;
	vertical-align: middle;
}

.smp_headMenu li a.main span {
	display: inline-block;
	color: #979797;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	margin-left: 30px;
	vertical-align: middle;
}

.subMenu {
	position: absolute;
	top: -200px;
	right: 80px;
	padding: 10px 16px;
	background-color: #ffffff;
	font-weight: bold;
	border: 2px solid #c1c1c1;
	z-index: 9;
	transition: all 0.3s;
}

.subMenu dl {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px;
	line-height: 1.6;
}

.subMenu dt {
	padding-top: 6px;
}

.subMenu dt a {
	font-size: 14px;
	color: #646464;
	text-decoration: none;
	transition: all 0.2s;
}

.subMenu dd a {
	font-size: 13px;
	color: #868686;
	text-decoration: none;
	transition: all 0.2s;
}

.subMenu dt a:hover {
	color: #000000;
}

.subMenu dd a:hover {
	color: #3f3f3f;
}

.smp_subMenu {
	display: none;
	padding-bottom: 10px;
	transition: all .3s;
}

.openMenuArea {
	transition: all .3s;
}

.ttlimgWrap {
	text-align: center;
}

.ttlimgWrap img {
	width: 100%;
	max-width: 1678px;
}

.smp_subMenu a {
	color: #646464;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	line-height: 1.0;
	padding: 7px 0 7px 20px;
}

.smp_headline .menu-trigger {
	display: block;
	position: absolute;
	top: 12px;
	left: 10px;
	width: 32px;
	height: 30px;
	transition: all .4s;
}

.smp_headline .menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #000000;
	transition: all .4s;
}

.smp_headline .menu-trigger span:nth-of-type(1) {
	top: 0;
}

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

.smp_headline .menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.menu-trigger.is-open span:nth-of-type(1) {
	width: 48%;
	-webkit-transform: translate3d(2px, 7px, 0) rotate(45deg);
	transform: translate3d(2px, 7px, 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) {
	width: 53%;
	-webkit-transform: translate3d(12px, -7.5px, 0) rotate(45deg);
	transform: translate3d(12px, -7.5px, 0) rotate(45deg);
}

.cp_overLeft {
	position: fixed;
	top: 50%;
	left: 0;
	z-index: 20;
}
.smplink {
	display :  none;
}
.topImage {
	width: 100%;
	max-width: 1312px;
	margin-top : 144px;
}
@media only screen and (max-width: 1000px) {
	.headMenu .main li a {
		padding: 0 12px;
	}
	.headMenu .main li span {
		padding: 0 12px;
	}
	.headInqu {
		width: 200px;
		height: 50px;
	}
	.headInqu a {
		height: 39px;
		padding: 11px 0 0 18px;
	}
	.headTel {
		top : 10px;
	}
	.headTel p {
		padding-right: 8px;
	}
	.headTel span {
		width: calc(100% - 38px);
		height: 32px;
		padding-top: 7px;
		padding-left: 38px;
		font-size: 20px;
	}
}
@media only screen and (max-width: 800px) {
	#wrapper {
		height: 60vw;
		margin-top: 60px;
	}
	.headLogo {
		padding: 2px 0 0 10px;
	}
	#smp_header {
		display: block;
	}
	.headMenu {
		display: none;
	}
	.headTel {
		display: none;
	}
	.headSns {
		display: none;
	}
	.smplink {
		display : block;
	}
	.topImage {
		margin-top : 74px;
	}
}

.snsButtons {
	display: block;
}
.slide_all {
	margin: 0 auto;
	position: relative;
	width: 100%;
	max-width: 1312px;
}
.noslide {
	width: 100%;
	max-width: 1312px;
	position: relative;
	margin: 0 auto;
}
.noslide img {
	width: 100%;
	max-width: 1312px;
}

#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;
}

.submenu {
	background-color: #fff949;
	text-align: right;
	padding: 7px 0 16px 0;
}

.submenu h2 {
	text-align: center;
	color: #000000;
	margin: 20px 0;
	letter-spacing: 3px;
}

.submenu a {
	display: inline-block;
	padding: 0 8px 0 16px;
	background: url(../img/arrow.png) no-repeat left center;
	color: #303030;
	font-size: 12px;
	text-decoration: none;
}

.submenu a:hover {
	color: #000000;
	text-decoration: underline;
}

.pankuzu {
	font-size: 13px;
	color: #494949;
	padding: 6px 0 12px 4px;
	width: 100%;
	max-width: 1343px;
	margin: 0 auto;
	position: relative;
}

#wrapGlobalMenu {
	width: 100%;
	margin-bottom: 16px;
	margin-top: -17px;
	overflow: hidden;
	background-color: #4c4109;
	position: relative;
	z-index: 999;
}

#wrapTopMenu {
	width: 1183px;
	position: relative;
	margin: 0 auto;
}

.headMenu td a.bdnone {
	padding-left: 3px;
}

.smp_headbtn {
	display: none;
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 6.5vw;
}

.smp_headbtn a img {
	width: 50%;
	min-width: 160px;
}

.pc_headbtn {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -70px;
	bottom: 20px;
}

.wrapContents {
	width: 100%;
	position: relative;
	padding-top: 140px;
}

#p_points {
	display: block;
}

#s_points {
	display: none;
}

.pc_headline {
	display: inline;
}

.smp_headline {
	display: none;
}

.smp_centerbtn {
	display: none;
}

.pc_topimg {
	display: inline;
}

.smp_topimg {
	display: none;
}

.smp_headTel {
	display: inline-block;
	width: 49%;
	padding: 14px 0;
	text-align: center;
}

.smp_headTel a {
	font-size: 16px;
	color: #010101;
	text-decoration: none;
	font-weight: 500;
}

.smp_headTel a img {
	position: relative;
	height: 20px;
	margin-right: 8px;
	top: 4px;
}

.smp_headInqu {
	display: inline-block;
	width: 49%;
	padding: 14px 0;
	text-align: center;
}

.smp_headInqu a {
	font-size: 14px;
	color: #010101;
	text-decoration: none;
}

.smp_headInqu a img {
	position: relative;
	height: 16px;
	margin-right: 8px;
	top: 2px;
}

@media only screen and (max-width: 1200px) {
	.slide_wrap {
		left: 0;
		margin-left: 0;
		position: absolute;
		width: 100%;
	}
}
.smp_headSns  {
	text-align : center;
	padding : 6px 0;
}
.smp_headSns a {
	display : inline-block;
	margin : 0 16px;
}
@media only screen and (max-width: 800px) {
	.slide img {
		width: 100%;
		height: 60vw;
		object-fit: cover;
	}
	.pc_headline {
		display: none;
	}
	.pc_topimg {
		display: none;
	}
	.smp_topimg {
		display: inline;
	}
	.smp_headline {
		display: block;
		position: fixed;
		width: 100%;
		max-width: 100vw;
		height: 60px;
		background-color: rgba(255, 255, 255, 0.9);
		top: 0;
		left: 0;
		box-sizing: border-box;
		transition: .5s;
	}
	.smp_menu {
		position: absolute;
		top: 0;
		right: 0;
		width: 60px;
		height: 60px;
		text-align: center;
	}
	.smp_menu p {
		display: block;
		position: absolute;
		top: 34px;
		left: 0;
		width: 60px;
		text-align: center;
		color: #ffffff;
		font-weight: 300;
		font-size: 12px;
	}
	.smp_headline .innerSmpTels h3 {
		margin-bottom: 8px;
	}
	.innerSmpTels {
		position: absolute;
		width: 100%;
		top: -480px;
		left: 0;
		z-index: 99;
		margin-bottom: 6px;
		background-color: rgba(255, 255, 255, 0.9);
		transition: .5s;
	}
	.innerSmpTels li a {
		text-decoration: none;
		font-size: 14px;
		color: #010101;
		display: block;
		width: calc(100% - 12px);
		padding: 12px 0 12px 12px;
		text-align: left;
		border-bottom: 1px solid #c6c6c6;
	}
	.smp_headbtn {
		display: block;
	}
	.pc_headbtn {
		display: none;
	}
	.smp_centerbtn {
		display: block;
		text-align: center;
		margin-top: 36px;
	}
	.smp_centerbtn img {
		width: 60%;
		max-width: 386px;
	}
	#wrapHeaderTop {
		height: 74px;
	}
	.headMenuInner {
		z-index: 100;
		background-color: #ffffff;
		height: 60px;
	}
	.wrapContents {
		padding-top: 60px;
	}
}

@media only screen and (max-width: 600px) {
	#p_points {
		display: none;
	}

	#s_points {
		display: block;
	}
}

@media only screen and (max-width: 500px) {
	.bx-controls {
		display: none;
	}

	.headLogo strong {
		margin-bottom: 1px;
	}
}

@media only screen and (max-width: 400px) {
	.slide img {
		width: 100%;
		height: 63vw;
	}
}

@media only screen and (max-width: 340px) {
	.sml320 {
		height: 22px;
	}
	.headLogo {
		left: -4px;
	}
}

/*　ロゴ包括-----------------------------*/
#wrapHeaderTop #header .logo {
	position: absolute;
	top: 20px;
	left: 2px;
	width: 207px;
	height: 48px;
	display: block;
}

#wrapHeader #header .logo {
	position: absolute;
	top: 20px;
	left: 2px;
	width: 207px;
	height: 48px;
	display: block;
}

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

h2.title {
	font-size : 36px;
	font-weight : 400;
	color : #000000;
	text-align : center;
	font-family: 'Inter', sans-serif;
}
h2.title span {
	display : block;
	font-size : 16px;
	font-weight : 400;
	color : #000000;
	text-align : center;
}
@media only screen and (max-width: 800px) {
	h2.title {
		font-size : calc(2.5vw + 16.0px);
	}
	h2.title span {
		font-size : calc(0.42vw + 12.7px);
	}
}

/*　ナビ包括-----------------------------*/
/* グローバルナビゲーション */
.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;
}

/* メインコンテンツ包括---------------------------*/
.normalWrap {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
}

.middleWrap {
	width: 100%;
	max-width: 1630px;
	margin: 0 auto;
	padding: 0 8px;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
}

.narrowWrap {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 10px;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
}

.shortWrap {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
}

.miniWrap {
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 10px;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
}

.wideWrap {
	width: 100%;
	max-width: 1980px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
}

.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;
}

.grayback {
	background-color: #f3f4f6;
}

.aboutWrap {
	text-align: center;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

.businessWrap {
	text-align: center;
	width: 100%;
}

.aboutWrap p {
	color: #000000;
	font-weight: 500;
	line-height: 2.2;
	font-size: 18px;
	margin-top: 60px;
}

p span {
	display: block;
}

.businessWrap p {
	text-align: left;
	color: #000000;
	font-weight: 400;
	line-height: 2.2;
	font-size: 16px;
}

.centerWord {
	display: inline-block;
	font-weight: 700;
	line-height: 1.0;
	font-size: 22px;
	color: #ffffff;
	background-color: #000000;
	padding: 8px 12px;
}

.newsItem {
	width: 100%;
}
.dback {
	background-color : #f3f4f6;
}
h2.normalTitle {
	font-size: 32px;
	color: #000000;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}
h2.normalTitle span {
	font-size: 24px;
	line-height: 1.0;
	font-weight: 700;
	display: inline-block;
	padding-bottom: 4px;
	margin-bottom: 20px;
	color: #000000;
	border-bottom: 6px solid #000000;
}
h2.normalTitle strong {
	display: block;
	font-weight: 700;
}
h2.detailTitle {
	padding : 0 0 24px 0;
	text-align : left;
	color : #000000;
	font-weight : 500;
	font-size : 24px;
}
.detailWrap {
	width : 100%;
	max-width : 720px;
	margin : 0 auto;
	position : relative;
}
.detailPrice  {
	text-align : center;
	color : #000000;
	font-weight : 500;
	font-size : 28px;
}
.detailPrice span {
	position : releative;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.0;
}
.photoWrap {
	display : block;
}
.photoMain {
	position : relative;
	width : 100%;
	height : 58.25vw;
	max-height : 540px;
}
.photoMain img {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 56.25vw;
	max-height : 540px;
	object-fit: contain;
}
.photoMain span {
	display : block;
	width : 100%;
	height : 56.25vw;
	max-height : 540px;
	background-repeat : no-repeat;
	background-position : center center;
	background-size : contain;
}
.photoThumb {
	width : 100%;
	text-align : left;
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
}
.photoThumb a {
	display : block;
	width : 19%;
}
.photoThumb em {
	display : block;
	width : 19%;
}
.photoThumb img {
	display : inline-block;
	vertical-align: top;
	width : 100%;
	height : 10.25vw;
	max-height : 100px;
	object-fit: cover;
	font-size : 0;
}
.photoThumb span {
	display : inline-block;
	vertical-align: top;
	width : 46%;
	margin : 0 0 10px 5px;
	max-width : 104px;
	height : 10.25vw;
	max-height : 100px;
	font-size : 0;
	background-repeat : no-repeat;
	background-position : center center;
	background-size : cover;
}
.sizeWrap {
	display : block;
}
.sizeWrap h3 {
	font-size : 24px;
	font-weight : 500;
	padding : 12px 0;
	border-bottom : 1px solid #000000;
}
.sizeTable  {
	width : 100%;
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : flex-start;
	justify-content : flex-start;
	border-bottom : 1px solid #000000;
}
.sizeTable dt {
	width : 25%;
	padding : 12px 0;
	color : #000000;
	font-size : 1rem;
	text-align : left;
	font-weight : 400;
}
.sizeTable dd {
	width : 75%;
	padding : 12px 0;
	color : #000000;
	font-size : 1rem;
	text-align : left;
	background-color : #ffffff;
	font-weight : 400;
}
.detailComm {
	color : #000000;
	font-size : 16px;
	line-height : 2.0;
	text-align : left;
	background-color : #ffffff;
	padding : 32px;
}
@media only screen and (max-width: 890px) {
	.sizeTable th {
		padding : 14px;
		font-size : 16px;
	}
	.sizeTable td {
		padding : 14px;
		font-size : 16px;
	}
	.sizeWrap h3 {
		font-size : calc(1.05vw + 14.7px);
	}
}
@media only screen and (max-width: 600px) {
	.photoWrap {
		display : block;
	}
	.photoMain {
		width : 100%;
		margin-bottom : 20px;
		height : 68vw;
	}
	.photoMain img {
		height: 100%;
	}
	.photoThumb {
		width : 100%;
		margin-bottom : 20px;
		text-align : left;
		display : -webkit-flex;
		display : flex;
		-webkit-justify-content : space-between;
		justify-content : space-between;
		flex-wrap : wrap;
	}
	.photoThumb a {
		display : block;
		width : 19%;
		margin : 0 0 10px 0;
		height : 18vw;
	}
	.photoThumb em {
		display : block;
		width : 19%;
		margin : 0 0 10px 0;
		height : 18vw;
	}
	.photoThumb img {
		width : 100%;
		height : 12.25vw;
	}
	.photoThumb span {
		width : 100%;
		height : 12.25vw;
	}
	.sizeWrap {
		display : block;
	}
	.sizeTable  {
		width : 100%;
	}
	.sizeTable th {
		padding : 12px;
		font-size : 14px;
	}
	.sizeTable td {
		padding : 12px;
		font-size : 14px;
	}
	.detailComm {
		font-size : 13px;
		padding : 24px;
	}

}

.newsWrapLeft {
	width: 150px;
	padding-right: 120px;
}

.newsWrapRight {
	width: calc(100% - 270px);
}

#kiji {
	padding-top: 60px;
	margin-top: -60px;
}

.newsListWrap {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

.newsParts {
	width: 100%;
	padding: 26px 5% 32px 5%;
	border-bottom: 1px solid #cccccc;
	box-sizing: border-box;
}

.newsParts a {
	display: block;
	min-height: 100px;
	position: relative;
	text-decoration: none;
}

.newsParts .imgs {
	position: absolute;
	top: 0;
	left: 0;
	width: 238px;
	height: 158px;
}

.newsParts .data {
	padding: 4px 0 12px 200px;
	color: #838383;
	font-size: 14px;
	line-height: 1.0;
}

.newsParts .ttle {
	padding: 0 0 20px 200px;
	color: #2e2e2e;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	height: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.newsParts .comm {
	padding: 0 0 0 200px;
	color: #2e2e2e;
	font-size: 14px;
	line-height: 1.6;
	height: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

img.k_img_fit {
	width: 160px;
	height: 100px;
	object-fit: cover;
}

span.k_img_fit {
	display: inline-block;
	width: 160px;
	height: 100px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.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;
}

.newsDetail {
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

.newsDetail p {
	padding: 66px 0 32px 0;
	color: #838383;
	font-size: 13px;
	line-height: 1.0;
}

.newsDetail .photoWrap {
	width: 100%;
}

.newsDetail .photoWrap img {
	width: 100%;
	max-height: 800px;
}

.newsDetail .textWrap {
	padding: 40px 0 40px 0;
	color: #2e2e2e;
	font-size: 14px;
	line-height: 2.0;
}

.wxWrap {
	display: table;
	width: 100%;
	margin: 80px 0 0 0;
	padding: 0 10px;
	box-sizing: border-box;
}

.wxWrap a {
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	line-height: 1.0;
	text-align: center;
	padding: 16px 30px;
	background-color: #87b1d1;
	border-radius: 6px;
	text-decoration: none;
}

@media only screen and (max-width: 1200px) {
	h2.newsTitle {
		font-size: calc(3vw + 12.0px);
		line-height: calc(3vw + 24.0px);
	}
	h2.newsTitle span {
		font-size: calc(1vw + 8.0px);
		line-height: calc(2vw + 8.0px);
	}
}
@media only screen and (max-width: 1060px) {
	h2.normalTitle {
		font-size : calc(1.89vw + 12.0px);
	}
	h2.normalTitle span {
		font-size : calc(1.08vw + 12.6px);
		padding-bottom: 4px;
		margin-bottom: 2vw;
		border-bottom: 5px solid #000000;
	}
	.aboutWrap p {
		font-size : calc(0.68vw + 10.8px);
		line-height: 2.0;
	}
	.centerWord {
		font-size : calc(0.9vw + 13px);
		padding: 7px 10px;
	}
	.businessWrap p {
		line-height: 2.0;
		font-size : calc(0.54vw + 10.3px);
	}
}

@media only screen and (max-width: 800px) {
	h2.newsTitle {
		font-size: calc(1.25vw + 22.0px);
		line-height: calc(2.08vw + 31.4px);
	}
	h2.detailTitle {
		font-size : calc(2.92vw + 8.7px);
		margin-bottom: 2vw;
		padding-left: 2vw;
	}
	h2.newsTitle span {
		font-size: calc(0.83vw + 11.4px);
		line-height: calc(2vw + 8.0px);
	}

	.newsWrapLeft {
		width: 120px;
		padding-right: 4vw;
	}

	.newsWrapRight {
		width: calc(100% - 126px - 4vw);
	}
}

@media only screen and (max-width: 640px) {
	.nalloeWrap {
		margin: 80px auto 36px auto;
	}

	.newsItem {
		width: 100%;
		display: block;
	}

	.newsItemInner {
		display: block;
		max-width: 640px;
		padding: 4px 6px;
		box-sizing: border-box;
	}

	.newsItem a {
		background: url(../img/n_arrow.png) no-repeat center right;
		display: block;
		margin-bottom: 6vw;
		border-bottom: 1px solid #e1e1e1;
		box-sizing: border-box;
	}

	.newsItem .imgs {
		display: none;
	}

	.newsItem .data {
		font-size: 3vw;
		padding: 4px 0 4px 0;
		text-align: center;
	}

	.newsItem .ttle {
		font-size: 3.2vw;
	}

	.newsItem .detail {
		display: none;
	}

	.newsButton {
		margin-top: 0px;
	}

	.newsParts {
		padding: 3vw 2vw 3.2vw 2vw;
	}

	.newsParts a {
		min-height: 16vw;
	}

	.newsParts .imgs {
		position: absolute;
		top: 0;
		left: 0;
		width: 23vw;
		height: 16vw;
	}

	.newsParts .data {
		padding: 0 0 2vw 27vw;
	}

	.newsParts .ttle {
		padding: 0 0 2vw 27vw;
	}

	.newsParts .comm {
		padding: 0 0 0 27vw;
	}

	img.k_img_fit {
		width: 23vw;
		height: 16vw;
	}
}

@media only screen and (max-width: 480px) {
	.newsWrap {
		display: block;
	}

	.newsWrapLeft {
		width: 100%;
		padding-right: 0;
		padding-bottom: 4vw;
	}

	.newsWrapRight {
		width: 100%;
	}

	.newsItem .data {
		font-size: 13px;
	}

	.newsItem .ttle {
		font-size: 14px;
		height: 32px;
		padding-right: 32px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.newsParts .data {
		font-size: 12px;
	}

	.newsParts .ttle {
		font-size: 13px;
	}

	.newsParts .comm {
		font-size: 13px;
	}

	.wxWrap {
		margin: 40px 0 0 0;
	}

	.wxWrap a {
		font-size: 13px;
		padding: 10px 12px;
		border-radius: 4px;
	}

	h2.detailTitle strong {
		font-size: 16px;
	}

	h2.detailTitle span {
		font-size: 13px;
	}
}

.newsWrap {
	border-top : 1px solid #929292;
	padding-top : 24px;
	width : 100%;
	max-width : 690px;
}

.newsItem a {
	width: 100%;
	display: block;
	padding: 28px 0 18px 0;
	text-decoration: none;
	box-sizing: border-box;
	transition: all 0.3s ease 0s;
	border-bottom: 1px solid #c6c6c6;
}
.newsItem a:hover {
	opacity: 0.7;
}
.newsItem a .comm {
	position: relative;
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
}
.newsItem a .comm .new {
	display: inline-block;
	margin-left: 60px;
	color: #000000;
	font-size: 1rem;
	width: calc(100% - 270px);
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.newsItem a .comm .date {
	display: inline-block;
	color: #000000;
	font-size: 1rem;
}
.newsItem a .comm .arw {
	display: inline-block;
	color: #000000;
	font-size: 1rem;
	width : 100px;
	text-align : right;
}
.newsItem a .comm strong {
	display: block;
	margin-top: 8px;
	width: 100%;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}
.normalButton {
	display : inline-block;
	vertical-align: middle;
	text-align: center;
	background-color : #c74002;
	border : 2px solid #c74002;
	color : #ffffff;
	font-size : 1rem;
	width : 340px;
	padding : 1.8rem 0;
	border-radius : 50px;
	transition: 0.4s;
}
.normalButton:hover {
	color : #c74002;
	background-color : #ffffff;
}

.newsMore {
	text-align: right;
	padding: 48px 0 0 0;
}

.newsMore a {
	display: inline-block;
	background-color: #122a89;
	border: 1px solid #122a89;
	color: #ffffff;
	font-size: 12px;
	border-radius: 14px;
	padding: 3px 8px 2px 26px;
	line-height: 16px;
	text-align: right;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}

.newsMore a span {
	font-size: 16px;
	font-weight: bold;
	font-family: 'Courier New', sans-serif;
}

.newsMore a:hover {
	background-color: #ffffff;
	color: #122a89;
}

.noslick {
	margin-top: 40px;
	text-align: center;
}

.slider {
	text-align: center;
}

.slider div.item {
	padding: 16px 4px;
}

.slider div.itemInner {
	padding: 0;
	position: relative;
}

.slider div.itemInner .text01 {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 13px;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.6);
	text-align: center;
	padding: 4px 0;
}

.slider div.itemInner .image {
	margin-bottom: 6px;
	width: 220px !important;
}

.slider div.itemInner .text01 span {
	display: block;
	font-size: 13px;
}

.slider div.itemInner .text02 {
	display: inline-block;
	width: 55%;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-align: right;
}

.slider div.itemInner .text02 span {
	font-size: 18px;
	color: #ff0000;
}

@media only screen and (max-width: 1560px) {
	.slider div.item {
		padding: 24px 16px;
	}
}

@media only screen and (max-width: 1465px) {
	.slider div.item {
		padding: 24px 8px;
		;
	}
}

@media only screen and (max-width: 1370px) {
	.slider div.item {
		padding: 24px 4px;
		;
	}
}
@media only screen and (max-width: 1000px) {
	.normalButton {
		width : 280px;
		padding : 1.2rem 0;
		border-radius : 48px;
	}
}
@media only screen and (max-width: 600px) {
	.normalButton {
		width : 240px;
		padding : 16px 0;
		border-radius : 48px;
	}
}

.centerMenuItem {
	width: 100%;
	margin: 60px 0 0 0;
}

.centerMenuItem ul {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.centerMenuItem ul li {
	width: 19%;
	margin: 0 4px;
}

.centerMenuItem ul li a {
	display: block;
	width: 100%;
	position: relative;
	background-color: #000000;
	transition: 0.3s;
	font-size: 0;
	line-height: 0;
}

.centerMenuItem ul li a img {
	transition: 0.3s;
}

.centerMenuItem ul li a:hover img {
	opacity: 0.7;
}

.centerMenuItem ul li a img {
	width: 100%;
	max-width: 306px;
}

.centerMenuItem ul li a span {
	position: absolute;
	bottom: 16px;
	left: 8px;
	display: block;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.0;
}

.centerMenuItem p a {
	font-size: 16px;
	color: #1d208a;
	line-height: 1.6;
	text-align: center;
	text-decoration: none;
}

.centerMenuItem .button {
	width: 100%;
	max-width: 195px;
	margin: 6px auto;
	height: 50px;
	overflow: hidden;
	background: url(../img/mbtn_detail_u.png) no-repeat top left;
}

.centerMenuItem .button a {
	display: block;
	width: 100%;
	height: 30px;
	font-size: 13px;
	color: #5f5f60;
	line-height: 1.0;
	text-align: center;
	text-decoration: none;
	padding-top: 20px;
	background: url(../img/mbtn_detail_b.png) no-repeat bottom right;
}

.centerMenu {
	text-align: center;
	width: 100%;
	margin-top: 100px;
}

.centerMenuTels {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.centerMenuTels .menu01 {
	width: 47%;
	border: 1px solid #ffffff;
	padding: 24px 0;
	margin: 0 4px;
	box-sizing: border-box;
}

.centerMenuTels .menu01 th {
	vertical-align: middle;
	color: #ffffff;
	font-size: 18px;
}

.centerMenuTels .menu01 th span {
	display: inline-block;
}

.centerMenuTels .menu01 td {
	vertical-align: middle;
	color: #ffffff;
}

.centerMenuTels .menu01 td div {
	font-size: 40px;
	height: 45px;
}

.centerMenuTels .menu01 td div span {
	display: inline-block;
	position: relative;
	top: -4px;
	margin-left: 6px;
}

.centerMenuTels .menu01 td p {
	font-size: 14px;
	margin-top: 4px;
	padding-left: 48px;
}

.centerMenuTels .menu02 {
	width: 47%;
	border: 1px solid #ffffff;
}

.centerMenuTels .menu02 a {
	display: block;
	padding: 34px 0 0 0;
	margin: 0 4px;
	box-sizing: border-box;
	color: #ffffff;
	font-size: 20px;
	text-decoration: none;
}

.centerMenuTels .menu02 a span {
	display: inline-block;
	position: relative;
	top: -8px;
	margin-left: 6px;
}

.centerMenuAddress {
	width: 10%;
	border: 1px solid #ffffff;
	padding: 24px 36px;
}

.centerAddress {
	margin-top: 78px;
}

.centerAddress h3 {
	font-size: 36px;
	font-weight: normal;
	margin-bottom: 6px;
}

.centerAddress p {
	font-size: 16px;
	margin: 4px 0;
}

@media only screen and (max-width: 1162px) {
	.centerMenuTels .menu01 {
		display: block;
		text-align: center;
		padding: 12px 0;
	}

	.centerMenuTels tbody {
		display: block;
		text-align: center;
		width: 100%;
	}

	.centerMenuTels tr {
		display: block;
		text-align: center;
		width: 100%;
	}

	.centerMenuTels .menu01 th {
		display: block;
		width: 100%;
	}

	.centerMenuTels .menu01 td {
		display: block;
		width: 100%;
	}
}

@media only screen and (max-width: 970px) {
	.centerMenuItem {
		margin: 0 0.7% 5% 0.7%;
	}

	.centerMenuItem .mitem a {
		top: 3vw;
	}
}

@media only screen and (max-width: 800px) {
	.centerMenu {
		margin-top: 8vw;
	}
	.newsItem a {
		padding: 2.8vw 0 2vw 0;
	}
	.newsItem a .comm .new {
		margin-left: 6vw;
		font-size: 14px;
		width: calc(100% - 170px);
		height: 18px;
	}
	.newsItem a .comm .date {
		font-size: 14px;
	}
	.newsItem a .comm .arw {
		font-size: 14px;
		width : 96px;
	}
}

@media only screen and (max-width: 680px) {
	.centerMenu {
		margin-top: 4vw;
	}

	.centerMenuTels .menu01 {
		width: 47%;
		padding: 16px 0;
	}

	.centerMenuTels .menu01 th {
		vertical-align: middle;
		color: #ffffff;
		font-size: 14px;
	}

	.centerMenuTels .menu01 td div {
		font-size: 24px;
		height: 26px;
	}

	.centerMenuTels .menu01 td div span {
		display: inline-block;
		position: relative;
		top: -4px;
		margin-left: 6px;
	}

	.centerMenuTels .menu01 td p {
		font-size: 13px;
		margin-top: 4px;
		padding-left: 0;
	}

	.centerMenuTels .menu01 td img {
		height: 24px;
	}

	.centerMenuTels .menu02 {
		width: 47%;
		border: 1px solid #ffffff;
	}

	.centerMenuTels .menu02 a {
		display: block;
		padding: 40px 0 0 0;
		margin: 0 4px;
		box-sizing: border-box;
		color: #ffffff;
		font-size: 16px;
		text-decoration: none;
	}

	.centerMenuTels .menu02 a img {
		height: 24px;
	}

	.centerMenuTels .menu02 a span {
		display: inline-block;
		position: relative;
		top: -6px;
		margin-left: 6px;
	}

	.centerAddress {
		margin-top: 6vw;
	}

	.centerAddress h3 {
		font-size: 24px;
		font-weight: normal;
		margin-bottom: 4px;
	}

	.centerAddress p {
		font-size: 13px;
		margin: 4px 0;
	}
}

@media only screen and (max-width: 550px) {
	.centerMenuTels {
		display: block;
	}

	.centerMenuTels .menu01 {
		width: 280px;
		;
		padding: 12px 0;
		margin: 0 auto;
	}

	.centerMenuTels .menu01 th {
		vertical-align: middle;
		color: #ffffff;
		font-size: 13px;
	}

	.centerMenuTels .menu01 td div {
		font-size: 20px;
		height: 22px;
	}

	.centerMenuTels .menu01 td div span {
		display: inline-block;
		position: relative;
		top: -4px;
		margin-left: 6px;
	}

	.centerMenuTels .menu01 td p {
		font-size: 12px;
		margin-top: 4px;
		padding-left: 0;
	}

	.centerMenuTels .menu01 td img {
		height: 20px;
	}

	.centerMenuTels .menu02 {
		width: 280px;
		border: 1px solid #ffffff;
		margin: 16px auto 0 auto;
	}

	.centerMenuTels .menu02 a {
		display: block;
		padding: 12px 0 10px 0;
		margin: 0;
		box-sizing: border-box;
		color: #ffffff;
		font-size: 13px;
		text-decoration: none;
	}

	.centerMenuTels .menu02 a img {
		height: 20px;
	}

	.centerMenuTels .menu02 a span {
		display: inline-block;
		position: relative;
		top: -4px;
		margin-left: 6px;
	}
}

@media only screen and (max-width: 440px) {
	.centerMenuItem .mitem {
		height: 28.2vw;
	}

	.centerMenuItem .mitem a {
		top: 3.4vw;
	}

	.centerMenuItem p a {
		font-size: 14px;
	}

	.centerMenuItem .button a {
		font-size: 11px;
	}
}

.centerButton {
	width: 100%;
	text-align: left;
	padding-top: 32px;
	display: block;
}

.smp_centerButton {
	width: 100%;
	text-align: center;
	padding-top: 32px;
	display: none;
}

.moreRev {
	display: inline-block;
	width: 118px;
	text-align: left;
	padding: 16px 16px 18px 16px;
	font-size: 14px;
	line-height: 1.0;
	color: #ffffff;
	background-color: #454fb5;
	;
	transition: 0.4s;
	position: relative;
	border: 1px solid #454fb5;
	text-decoration: none;
}

.moreRev::after {
	position: absolute;
	content: ">";
	top: 11px;
	right: 12px;
	font-size: 24px;
	line-height: 1.0;
	color: #ffffff;
	font-family: 'Arsenal', sans-serif;
}

.moreRev:hover {
	color: #454fb5;
	background-color: #ffffff;
}

.moreRev:hover::after {
	position: absolute;
	content: ">";
	top: 11px;
	right: 12px;
	font-size: 24px;
	line-height: 1.0;
	color: #454fb5;
	font-family: 'Arsenal', sans-serif;
}

@media only screen and (max-width: 800px) {
	.centerButton {
		width: 120px;
	}
	.moreRev {
		width: 88px;
	}
	.infoButton div {
		display: block;
		width: 90%;
		height: auto;
		padding-top: 3vw;
		padding-bottom: 2.5vw;
	}
	.infoButton div.button01 {
		border: 5px solid #1a1a1a;
		margin: 0 auto;
	}
	.infoButton div.button02 {
		border: 5px solid #3faf48;
		margin: 20px auto 0 auto;
	}
	.infoButton div img {
		width: 90%;
		max-width: 352px;
	}
	.conceptItem .button {
		margin-top: 6vw;
		margin-bottom: 5vw;
	}
}

@media only screen and (max-width: 640px) {
	.newsItem {
		width: calc(100% - 8vw);
		padding: 0 4vw;
	}
}

@media only screen and (max-width: 586px) {
	.infoTel {
		padding-bottom: 0px;
	}
	.infoTel .show_pc {
		display: none;
	}
	.infoTel .show_smp {
		display: block;
	}
	.infoTel img {
		height: 7vw;
	}
}

@media only screen and (max-width: 480px) {
	.centerButton {
		display: none;
	}
	.smp_centerButton {
		display: block;
	}
	.moreRev {
		width: 100px;
		padding: 12px 16px 14px 16px;
	}
	.moreRev::after {
		top: 7px;
	}
}

@media only screen and (max-width: 400px) {
	.infoButton div {
		display: block;
		width: 90%;
		height: auto;
		padding-top: 3vw;
		padding-bottom: 2.5vw;
	}
	.infoText div {
		font-size: 13px;
		letter-spacing: 1px;
	}
	.infoText div span {
		display: block;
		margin-left: 0;
	}
	.newsItem a .comm strong {
		display: none;
	}
	.newsItem a .comm .new {
		margin-left: 14px;
		font-size: 14px;
		width: calc(100% - 120px);
	}
	.newsItem a .comm .date {
		font-size: 13px;
	}
}

.cp_overLight {
	position: absolute;
	top: 100px;
	left: 0;
	z-index: 29;
	width : 100%;
}
.cp_overLightInner {
	width : 100%;
	max-width : 1200px;
	margin : 0 auto;
}
.cp_overLightInner h2 {
	color : #ffffff;
	font-size : 60px;
	font-weight : 900;
	padding : 36px 0 0 36px;
	line-height : 1.2;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}
.cp_overLightInner p {
	color : #ffffff;
	font-size : 30px;
	font-weight : 400;
	padding : 0px 0 0 36px;
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}
.recruitTable {
	width: 100%;
	max-width : 700px;
	margin : 0 auto;
}
.recruitTable dl {
	display: table;
	width: 100%;
	border-bottom : 1px solid #c6c6c6;
}
.recruitTable dl.first {
	border-top : 1px solid #929292;
}
.recruitTable dt {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	color: #000000;
	font-size: 1rem;
	line-height: 1.8;
	width: 200px;
	font-weight : 500;
	padding: 28px 0 20px 16px;
}
.recruitTable dd {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	color: #000000;
	font-size: 1rem;
	line-height: 1.8;
	width: calc(100% - 280px);
	padding: 28px 0 20px 0;
	font-weight : 300;
}
@media only screen and (max-width: 1850px) {
	.rc_overLight {
		left: calc(100% - 61vw);
		width: 61vw;
	}
	.rc_overDeep {
		left: calc(100% - 48.5vw);
		width: 48.5vw;
	}
}
@media only screen and (max-width: 1380px) {
	.cp_overLightInner h2 {
		font-size : calc(3.96vw + 5.4px);
		padding : calc(2.26vw + 4.8px) 0 0 calc(2.26vw + 4.8px);
	}
	.cp_overLightInner p {
		font-size : calc(1.51vw + 9.2px); 
		padding : 0px 0 0 calc(2.26vw + 4.8px);
	}
}
@media only screen and (max-width: 1140px) {
	.rc_overLight {
		left: calc(100% - 71vw);
		width: 71vw;
	}
	.rc_overDeep {
		left: calc(100% - 58.5vw);
		width: 58.5vw;
	}
	.recruitItem {
		left: calc(40% - 120px);
		top: calc(14vw - 32px);
		width: calc(59vw + 80px);
	}
}

@media only screen and (max-width: 920px) {
	.rc_overLight {
		left: calc(100% - 74vw);
		width: 74vw;
	}
	.rc_overDeep {
		left: calc(100% - 61.5vw);
		width: 61.5vw;
	}
}
@media only screen and (max-width: 890px) {
	.cp_overLight {
		top: 60px;
	}
	.cp_overLeft {
		display : none;
	}
}

@media only screen and (max-width: 800px) {
	.recruitTable dt {
		display: table-cell;
		vertical-align: top;
		text-align: left;
		color: #101010;
		font-size: calc(0.62vw + 11.0px);
		line-height: 1.8;
		width: 30vw;
		padding: calc(2.2vw + 6px) 0 calc(1vw + 6px) 0;
	}
	.recruitTable dd {
		display: table-cell;
		vertical-align: top;
		text-align: left;
		color: #101010;
		font-size: calc(0.62vw + 11.0px);
		line-height: 1.8;
		width: calc(100% - 34vw);
		padding: calc(2.2vw + 6px) 0 calc(1vw + 6px) 0;
	}
}
.companyText {
	text-align: left;
	color: #464646;
	font-size: 16px;
	line-height: 2.0;
	padding: 20px 0 12px 0;
}
.companyText span {
	display: block;
	margin-bottom: 24px;
}
.companyText .name {
	text-align: right;
	color: #464646;
	font-size: 16px;
	padding: 20px 0 0 0;
}
@media only screen and (max-width: 800px) {
	.companyText {
		font-size: calc(0.62vw + 11.0px);
		line-height: 1.8;
	}
	.companyText .name {
		font-size: calc(0.62vw + 11.0px);
		line-height: 1.8;
		padding: 20px 0 0 0;
	}
}

.contWrap {
	text-align: center;
	padding: 0 10px;
}
.contWrap .centerWord {
	margin: 50px 0 32px 0;
}
.contSlider {
	width: 100%;
	max-width: 790px;
	margin-left: auto;
	margin-right: auto;
	position : relative;
}
.contSlideInner {
	text-align: left;
	width: 100%;
	max-width: 790px;
}
.contSlideInner .image {
	font-size: 0;
	width : 100%;
	height : 60vw;
	max-height : 537px;
	position : relative;
}
.contSlideInner .image img {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 60vw;
	max-height : 537px;
	object-fit: cover;
}
.contSlideInner .image span {
	display : block;
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 60vw;
	max-height : 537px;
	background-repeat : no-repeat;
	background-position : center center;
	background-size : cover;
}
.contSlideInner .comm {
	width: 100%;
	max-width: 790px;
	text-align: left;
	background-color: #ffffff;
	padding: 26px 36px 80px 36px;
	font-size: 0;
	box-sizing: border-box;
}
.contSlideInner .comm .check {
	font-size: 24px;
	line-height: 1.0;
	font-weight: 700;
	display: inline-block;
	padding-bottom: 4px;
	margin-bottom: 20px;
	color: #000000;
	border-bottom: 6px solid #000000;
}
.contSlideInner .comm p {
	font-size: 16px;
	color: #000000;
}
.feed-prev-btn {
	background-image: url(../img/pref.png);
	transition: 0.4s;
	left : -40px;
	z-index : 99;
}
.feed-next-btn {
	background-image: url(../img/next.png);
	transition: 0.4s;
	right : -40px;
	z-index : 99;
}
.feed-prev-btn:hover {
	opacity : 0.7;
}
.feed-next-btn:hover {
	opacity : 0.7;
}
.feed-prev-btn .bx-prev {
	opacity: 0;
	display: block;
}
.feed-next-btn .bx-next {
	opacity: 0;
	display: block;
}
.navi-btn {
	width: 78px;
	height: 78px;
	position : absolute;
	top : 380px;
}
.navi-btn a {
	display : block;
	height : 100%;
}

.co_feed-prev-btn {
	background-image: url(../img/prev_b.png);
	transition: 0.4s;
	z-index : 99;
}
.co_feed-next-btn {
	background-image: url(../img/next_b.png);
	transition: 0.4s;
	z-index : 99;
}
.co_feed-prev-btn:hover {
	opacity : 0.7;
}
.co_feed-next-btn:hover {
	opacity : 0.7;
}
.co_feed-prev-btn .bx-prev {
	opacity: 0;
	display: block;
}
.co_feed-next-btn .bx-next {
	opacity: 0;
	display: block;
}
.co-btn {
	position : relative;
	display : inline-block;
	width: 50px;
	height: 50px;
}
.co-btn a {
	display : block;
	height : 100%;
}
.rc_feed-prev-btn {
	background-image: url(../img/prev_w.png);
	transition: 0.4s;
	z-index : 99;
}
.rc_feed-next-btn {
	background-image: url(../img/next_w.png);
	transition: 0.4s;
	z-index : 99;
}
.rc_feed-prev-btn:hover {
	opacity : 0.7;
}
.rc_feed-next-btn:hover {
	opacity : 0.7;
}
.rc_feed-prev-btn .bx-prev {
	opacity: 0;
	display: block;
}
.rc_feed-next-btn .bx-next {
	opacity: 0;
	display: block;
}
.co-btn {
	position : relative;
	display : inline-block;
	width: 50px;
	height: 50px;
}
.co-btn a {
	display : block;
	height : 100%;
}
.rc-btn {
	position : relative;
	display : inline-block;
	width: 50px;
	height: 50px;
}
.rc-btn a {
	display : block;
	height : 100%;
}

.pageTops  {
	background-size : cover;
	width : 100%;
	height : 400px;
	margin-top : 100px;
}
.topTitle  {
	text-align : center;
	margin-top : 144px;
	color : #000000;
	font-size : 32px;
	font-weight :  400;
	background-color : #ececec;
	padding : 52px 0;
}
.compWrap {
	position: relative;
	padding-bottom: 72px;
}
.smp_compTitle {
	display: none;
}
.compImg {
	position: relative;
	width: 52%;
	max-width : 651px;
	z-index: 2;
}
.compImgInner {
	position: relative;
	display : inline-block;
}
.compImg img {
	width: 100%;
	max-width: 651px;
	height: 43vw;
	max-height: 430px;
	object-fit: cover;
}
.compMain {
	position: absolute;
	top: -24px;
	z-index: 1;
	width: 56%;
	height: 48.8vw;
	max-height: 480px;
	background-color: #ececec;
	padding : 40px 40px 40px 180px;
	box-sizing: border-box;
}
.rc_img {
	text-align: left;
}
.rc_shadow {
	left: 0;
}
.rc_main {
	left: 0;
	padding-right: 5%;
	background-color: #000000;
}
.co_img {
	text-align: left;
}
.co_shadow {
	left: 0;
}
.co_main {
	right : 0;
}
.compMain .word {
	font-size : 1rem;
	line-height: 2.0;
	max-width: 468px;
}
.co_main .word {
	color: #000000;
	margin: 20px 0 0 0;
}
.rc_main .word {
	color: #ffffff;
	margin: 40px 0 0 0;
}
.rc_main .normalTitleLeft {
	color: #ffffff !important;
}
.compMain .buttons {
	width: 90%;
	max-width: 825px;
	text-align: right;
	margin-top: 36px;
}
.co_main .buttons {
	text-align: right;
}
.rc_main .buttons {
	text-align: left;
}
.moreRev_w {
	display: inline-block;
	width: 257px;
	text-align: center;
	padding: 0 16px 0 0;
	font-size: 16px;
	line-height: 72px;
	color: #ffffff;
	background-color: #000000;
	transition: 0.4s;
	position: relative;
	border: 1px solid #000000;
	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: 'Inter', sans-serif;
}

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

.moreRev_w:hover::after {
	color: #000000;
}
@media only screen and (max-width: 1300px) {
	.compMain {
		padding : 40px 4vw 40px 12vw;
	}
	.compMain .word {
		font-size : calc(0.52vw + 8.8px);
		line-height: calc(1.72vw + 8.3px);
	}
}
@media only screen and (max-width: 1000px) {
	h2.normalTitleLeft {
		font-size: 24px;
	}
	.co-btn {
		width: 32px;
		height: 32px;
		background-size : cover;
	}
	.rc-btn {
		width: 32px;
		height: 32px;
		background-size : cover;
	}
	.compMain {
		padding : 40px 4vw 40px 12vw;
	}
}
@media only screen and (max-width: 800px) {
	.topTitle  {
		margin-top : 74px;
		font-size : calc(2.5vw + 12.0px);
		padding : 5.2vw 0;
	}
	.pageTops  {
		height : calc(36vw + 60px);
		margin-top : 60px;
	}
	.smp_compTitle {
		display: block;
	}
	.compImg {
		margin-top: 7vw;
	}
	.compImg img {
		width: 100%;
	}
	.compShadow {
		display: none;
		background-color: #dadcf0;
	}
	.compWrap {
		padding-bottom: 0;
		height : 47.5vw;
	}
	.compMain {
		padding : 0px 3vw 40px 10vw;
		height : 50vw;
	}
	.compMain .word {
		font-size : 13px;
		line-height: 1.7;
		width : 100%;
	}
	.compMain .newsTitle {
		display: none;
	}
	.compMain p {
		font-size: calc(0.62vw + 11.0px);
		color: #444444;
		line-height: 1.6;
		width: 84%;
		margin: 0px auto 5vw auto;
	}
	.compMain .check {
		font-size: 18px;
		margin-bottom: 12px;
		width : 3.4em;
	}
	.co_img {
		text-align: center;
	}
	.rc_img {
		text-align: center;
	}
}
@media only screen and (max-width: 680px) {
	h2.normalTitleLeft {
		font-size : calc(2vw + 10.1px);
	}
	.compWrap {
		height: auto;
	}
	.compMain {
		position: relative;
		top: -6px;
		width: 100%;
		height: auto;
		max-height: 680px;
		padding : 4vw;
	}
	.compImgInner {
		width: 100%;
	}
	.compImg img {
		height: 68vw;
	}
	.compImg {
		width: 100%;
		max-width : 651px;
	}
	.compMain .word {
		font-size : calc(0.56vw + 10.2px);
		line-height: 1.7;
		width : 100%;
		max-width : 800px;
	}
}
.bgblack {
	background-color : #000000;
	padding : 0 40px 100px 40px;
}
.bgwhite {
	padding : 0 40px 0 40px;
}
.galleryWrap {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	flex-wrap : wrap;
}
.galleryItem {
	width : 29%;
	padding : 0 2%;
}
.galleryItem .img {
	position : relative;
}
.galleryItem .img img {
	width : 100%;
	height : 20vw;
	max-height : 280px;
	object-fit: cover;
}
.galleryItem .img span {
	display : block;
	width : 100%;
	height : 20vw;
	max-height : 280px;
	background-repeat : no-repeat;
	background-position : center center;
	background-size : cover;
}
.galleryItem .img strong {
	position : absolute;
	display : block;
	width : 100%;
	bottom : 0;
	left : 0;
	color : #ffffff;
	background-color : rgba(0, 0, 0, 0.8);
	font-size : 14px;
	font-weight : 400;
	text-align : center;
	line-height : 42px;
}
.galleryItem .img strong::after {
	content : ">";
	position : absolute;
	top : 0;
	right : 8px;
	color : #ffffff;
	font-size : 14px;
	font-weight : 400;
	line-height : 42px;
	font-family: 'Inter', sans-serif;
}
.galleryItem .comm h3 {
	color : #ffffff;
	font-size : 16px;
	font-weight : 400;
	line-height : 1.4;
	padding : 12px 0 10px 0;
	text-align : center;
	border-bottom : 1px solid #8b8b8b;
}
.galleryItem .comm h3.fcb {
	color : #000000;
}
.galleryItem .comm p {
	color : #ffffff;
	font-size : 30px;
	font-weight : 600;
	line-height : 1.1;
}
.galleryMore {
	text-align : center;
}
.mgt-44 {
	margin-top : -44px;
}
@media only screen and (max-width: 1200px) {
	.bgblack {
		padding : 0 4vw 100px 4vw;
	}
	.bgwhite {
		padding : 0 4vw 0 4vw;
	}
}
@media only screen and (max-width: 1000px) {
	.bgblack {
		padding : 0 4vw 80px 4vw;
	}
	.mgt-44 {
		margin-top : -34px;
	}
}
@media only screen and (max-width: 800px) {
	.bgwhite {
		padding : 0 2vw 0 2vw;
	}
	.galleryItem {
		width : 48%;
		padding : 0 0.5%;
	}
	.galleryItem .img img {
		height : 30.25vw;
	}
	.galleryItem .img span {
		height : 30.25vw;
	}
	.galleryItem .img strong {);
		font-size : 13px;
		line-height : 38px;
	}
	.galleryItem .img strong::after {
		right : 6px;
		font-size : 13px;
		line-height : 38px;
	}
}
@media only screen and (max-width: 400px) {
	.galleryItem {
		width : 96%;
		padding : 0 0.4%;
	}
	.galleryItem .img img {
		height : 56.25vw;
	}
	.galleryItem .img span {
		height : 56.25vw;
	}
}

.shopWrap {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
}
.shopLeft {
	width : 50%;
	box-sizing: border-box;
}
.shopRight {
	width : 50%;
	padding-left : 4%;
	box-sizing: border-box;
}
.shopImage {
	width : 100%;
}
.shopImage img {
	width : 100%;
	max-width : 651px;
	height : 31vw;
	max-height : 430px;
	object-fit: cover;
}
.shopLeft table {
	border-collapse: collapse;
	font-size : 14px;
}
.shopLeft th {
	vertical-align: top;
	text-align: left;
	font-weight : 400;
	border-right : 1px solid #000000;
	width : 6em;
	padding : 12px 0;
}
.shopLeft td {
	vertical-align: top;
	text-align: left;
	font-weight : 400;
	width : (100% - 12em);
	padding : 12px 0 12px 2em;
}
.map {
	position : relative;
	z-index : 5;
}
.map iframe {
	width : 100%;
	height : 420px;
}
.show_pc {
	display : block;
}
.show_smp {
	display : none;
}
@media only screen and (max-width: 720px) {
	.shopWrap {
		display : block
	}
	.shopLeft {
		width : 100%;
	}
	.shopRight {
		width : 100%;
		padding-left : 0;
		box-sizing: border-box;
	}
	.shopLeft table {
		border-collapse: collapse;
		font-size : 13px;
	}
	.shopLeft th {
		width : 5em;
		padding : 10px 0;
	}
	.shopLeft td {
		width : (100% - 10em);
		padding : 10px 0 10px 1.5em;
	}
	.shopImage {
		margin : 4vw auto 0 auto;
		text-align : center;
	}
	.shopImage img {
		max-width : 500px;
		height : 52.25vw;
	}
	.show_pc {
		display : none;
	}
	.show_smp {
		display : block;
	}
}

/*お問い合わせ*/

.narrowWrap {
	width: 100%;
	max-width: 1068px;
	margin: 0 auto;
	padding: 0 8px;
	box-sizing: border-box;
}

.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;
}
.contactWrap p {
	font-size : 14px;
	color : #777777;
	line-height : 1.6;
}
.contactWrap p strong {
	font-size : 18px;
	font-weight : 400;
}
.contactWrap p a {
	font-size : 16px;
	color : #777777;
	line-height : 1.6;
	font-weight : 400;
}
.contactInner   {
	border : 2px solid #000000;
	margin-top : 16px;
}
.contactWrap dl {
	display : table;
	width : 100%;
	border-collapse : collapse;
	font-size : 14px;
	color : #000000;
	border-bottom : 1px solid #cbcbcb;
}
.contactWrap dt {
	display : table-cell;
	vertical-align : top;
	width : 123px;
	padding : 25px 20px 20px 22px;
	text-align : left;
	color : #212528;
	font-weight : 500;
	background-color : #f3f3f3;
	border-bottom : 1px solid #cbcbcb;
}
.contactWrap dt.check {
	padding : 16px 0 !important;
}
.contactWrap dd {
	display : table-cell;
	vertical-align : top;
	width : calc(100% - 223px);
	padding : 20px 0 20px 30px;
	color : #212528;
}
.contactWrap dd div {
	margin : 6px 0;
}
.contactWrap dd div label {
	display : inline-block;
	vertical-align : top;
	color : #4b4b4b;
	font-size : 14px;
	margin-right : 16px;
	padding : 4px 8px;
	border : 1px solid #c1c1c1;
	border-radius : 4px;
}
.compBottom  {
	margin-bottom : 120px;
}
.contactForm dt span  {
	position : absolute;
	top : 32px;
	right : 10px;
	display : inline-block;
	padding : 6px 12px;
	font-size : 10px;
	line-height : 1.0;
	color : #ffffff;
	border-radius : 12px;
}
.contactForm dt span.hissu  {
	background-color : #cc4433;
}
.contactForm dt span.ninni  {
	background-color : #3366cc;
}
.privWrap  {
	margin-top : 20px;
	background-color : #ffffff;
	padding : 30px;
	font-size : 16px;
	width : 100%;
	height : 290px;
	overflow : auto;
	box-sizing: border-box;
	border : 1px solid #aaaaaa;
}
.privWrap p {
	font-size : 16px;
	font-weight : 300;
	color : #000000;
}
@media only screen and (max-width: 1200px) {
	.contactWrap h2 {
		font-size : calc(2.05vw + 11.4px);
		margin-bottom : 3.4vw;
	}
	.contactWrap p {
		font-size : calc(0.34vw + 11.9px);
	}
	.contactWrap p strong {
		font-size : calc(0.91vw + 13.1px);
	}
	.contactWrap p a {
		font-size : calc(0.68vw + 11.8px);
	}
}
@media only screen and (max-width: 800px) {
	.contactWrap  {
		width: calc(100% - 8vw);
		padding : 20px 4vw;
	}
	.contactWrap h3 {
		padding-bottom : 12px;
		margin-bottom : 40px;
	}
	.contactWrap h3 strong {
		font-size : 28px;
		padding-top : 6px;
	}
	.contactWrap .comm p {
		font-size : 18px;
		color : #000000;
		line-height : 1.8;
	}
	.compBottom  {
		margin-bottom : 12vw;
	}
	.contactForm dt span  {
		right : 6px;
	}
	.contactWrap dt {
		padding : 30px 50px 10px 0;
	}
}
@media only screen and (max-width: 680px) {
	.contactWrap dl {
		display : block;
		width : 100%;
		margin-bottom : 0px;
	}
	.contactWrap dt {
		display : block;
		width : calc(100% - 20px);
		padding : 10px;
		border-top : 1px solid #f9f9f9;
		text-align : left;
	}
	.contactWrap dd {
		display : block;
		width : calc(100% - 22px);
		padding : 10px;
		border-bottom : 1px solid #e5e8ed;
	}
	.contactForm dt span  {
		top : 14px;
	}
}
@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;
	}
	.contactWrap dd div label {
		display : block;
		font-size : 13px;
		margin : 8px 0;;
		padding : 8px;
	}
}
/*お問い合わせ*/
.narrowWrap  {
	width : 100%;
	max-width : 820px;
	margin : 0 auto;
	padding : 0 8px;
	box-sizing: border-box;
}
#wrapFromInner  {
	width : 100%;
}
#wrapFromInner h3 {
	border-top : 1px solid #d6d6d6;
	border-bottom : 1px solid #d6d6d6;
	background-color : #ffffff;
	color : #999999;
	padding : 10px 0;
	text-align : center;
	font-size : 16px;
	line-height : 1.1;
	font-weight : normal;
}
#wrapFromInner form {
	border-left : 1px solid #d6d6d6;
	border-right : 1px solid #d6d6d6;
	border-bottom : 1px solid #d6d6d6;
}
#wrapFromInner form.ins {
	background-color : #f5f9fa;
}
#wrapFromInner form.chk {
	background-color : #ffffff;
}
#wrapFromInner form .formInner  {
	padding : 36px 7% 60px 7%;
}
#wrapFromInner form .red  {
	font-size : 12px;
	color : #ff0000;
	display : inline-block;
	width : 36%;
	padding-right : 4%;
	text-align : left;
	line-height : 22px;
}
#wrapFromInner form .pricearea {
	color : #0eb1db;
	display : inline-block;
	width : 59%;
	text-align : right;
}
#wrapFromInner form .noprice {
	color : #000000;
	font-size : 14px;
	font-weight : bold;
	display : inline-block;
	width : 59%;
	text-align : left;
}
#wrapFromInner form .pricearea .areatop {
	font-size : 24px;
	padding-bottom : 6px;
	border-bottom : 1px solid #0eb1db;
}
#wrapFromInner form .pricearea .areatop span {
	font-size : 32px;
}
#wrapFromInner form .pricearea .areaunder {
	font-size : 20px;
}
#wrapFromInner form .pricearea .areaunder span {
	font-size : 16px;
}
#wrapFromInner form label {
	display : inline-block;
	color : #4b4b4b;
	font-size : 16px;
	margin : 6px 20px 24px 20px;;
}
#wrapFromInner form td label {
	font-size : 14px;
	margin : 2px 0 2px 0 !important;
	padding : 4px !important;
	display : inline-block;
}
#wrapFromInner form td .print01 {
	display : inline-block;
	width : 140px;
	padding-left : 6px;
	margin-bottom : 12px;
}
#wrapFromInner form td .print02 {
	display : inline-block;
	width : 140px;
	padding-left : 16px;
	border-left : 1px dotted #666666;
	margin-bottom : 12px;
}
#wrapFromInner form td .print03 {
	display : inline-block;
	width : 140px;
	padding-left : 6px;
	margin-bottom : 12px;
}
#wrapFromInner table {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	border-collapse : collapse;
}
#wrapFromInner table th,
#wrapFromInner table td {
	color : #4b4b4b;
	padding: 12px 2px 12px 12px;
	font-size : 14px;
	text-align : left;
	font-weight : normal;
}
td.chktd  {
	font-size : 16px !important;
	border-bottom : 1px dashed #aaaaaa;
}
.formTable option  {
	font-size : 14px;
	padding : 3px;
}
.formTable select  {
	font-size : 14px;
	padding : 3px;
}
#wrapFromInner table td span {
	font-size : 12px;
}
#wrapFromInner table td.chktd {
	font-size : 16px !important;
	border-bottom : 1px dashed #696969;
}
#wrapFromInner table th {
	width : 180px;
	white-space : nowrap;
}

#wrapFromInner table th span {
	background-color : #ff0000;
	color : #ffffff;
	font-weight : normal;
	font-size : 11px;
	line-height : 11px;
	display : inline-block;
	margin-left : 6px;
	padding : 3px 10px;
	position : relative;
	top : -1px;
}

#wrapFromInner table td.vb img  {
	vertical-align: bottom;
}
.formBtn  {
	margin-bottom : 80px;
}
.mail {}

.form-field {
	border: 1px solid #ababab;
	background: #ffffff;
	color : #333333;
	padding : 6px;
	font-size : 16px;
	width: calc(90% - 80px);
}
input.form-field {
	max-width : 350px;
}
.form-name {
	border: 1px solid #ababab;
	background: #ffffff;
	color : #333333;
	padding : 6px;
	font-size : 16px;
	width: calc(70% - 80px);
	max-width: 300px;
}
.form-long {
	border: 1px solid #ababab;
	background: #ffffff;
	color : #333333;
	padding : 6px;
	font-size : 16px;
	width: calc(80% - 80px);
}
.inputarea1  {
	border: 1px solid #ababab;
	color : #333333;
	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-bottom : 80px; }
.thanks h2  {
	font-size : 18px;
	line-height : 36px;
	text-align : center;
	color : #000000;
}
.thanks p  {
	width : 100%;
	max-width : 530px;
	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;
}

.submit-container {
   margin :24px 0 60px 0;
   text-align: center;
}
.submit-button {
	width: 296px;
	color: #FFF;
	border : none;
	padding: 24px 0 26px 0;
	font-size : 18px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	cursor : pointer;
	background-color : #c64a4a;
}
.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;
}
.pp-container  {
	margin : 32px 0 12px 0;
	text-align : left;
	color : #000000;
	background-color : #f0f0f0;
	padding : 16px;
}
.pp-container h4 {
	font-size : 16px;
	text-align : center;
	margin-bottom : 16px;
	color : #000000;
}
.pp-container p {
	font-size : 14px;
	text-align : left;
	margin-bottom : 16px;
	color : #000000;
}
.pp-container a {
	display : block;
	font-size : 13px;
	text-align : left;
}
.pp-check  {
	text-align : center;
	margin-top : 40px;
	font-size : 14px;
	color : #808080;
}
.pp-check label  {
	display : inline-block;
	vertical-align : top;
	padding : 10px 24px;
	border : 1px solid #ff0000;
}
.pp-check label a {
	color : #808080;
	text-decoration: underline;
}
.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: 480px) {
	.form-field {
		padding : 5px;
		font-size : 14px;
		width: calc(96% - 40px);
	}
	.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;
	}
}

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

footer {
	margin-top: -6px;
	position: relative;
	z-index: 3;
	background-color: #ececec;
	padding-bottom : 200px;
}
.mapovertop {
	margin-top : -220px;
	padding-top : 220px;
}

.mgt0 {
	margin-top: 0 !important;
	padding: 0 !important;
}
.footerTable {
	width: 100%;
	padding: 40px 0;
}
.footerTable .footMenu {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 18px;
}
.footMenu a {
	display: block;
	font-size: 16px;
	color: #000000;
	transition: 0.3s;
	padding: 0 20px;
	line-height :  1.1;
}
.footMenu a:hover {
	color: #fb4810;
}
.footLogo {
	text-align : center;
}
.copyright {
	text-align: center;
	font-size: 12px;
	color: #000000;
	padding: 30px 0 20px 0;
}
.ftsecWrap {
	display : none;
	position : fixed;
	bottom : 0;
	left : 0;
	width : 100%;
	background-color : #000000;
	text-align : center;
	border-top : 1px solid #ffffff;
	padding : 8px 0 12px 0;
	line-height : 1.0;
}
.ftsecWrap a {
	display : inline-block;
	vertical-align : top;
	font-size : 30px;
	font-weight : 900;
	text-decoration : none;
	color : #ffffff;
}
.ftsecWrap a img {
	position : relative;
	top : 4px;
	left : -4px;
	width : 32px;
}
.ftsecWrap span {
	display : inline-block;
	vertical-align : top;
	font-size : 16px;
	color : #ffffff;
	padding-top : 14px;
	margin-left : 30px;
}
.wrapPageTop {
    cursor: pointer;
    display: none;
    position: fixed;
    right: 4px;
    bottom: 67px;
	width : 78px;
	height : 78px;
	font-size : 0;
	line-height : 0;
	z-index : 99;
}
.wrapPageTop img {
    margin : 0;
}
.wrapContact {
    cursor: pointer;
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
	width : 279px;
	height : 69px;
	font-size : 0;
	line-height : 0;
	z-index : 999;
}
@media only screen and (max-width: 800px) {
	footer {
		margin-top: 0px;
		padding-bottom : 120px;
	}
	.footLogo {
		padding-top : 40px;
	}
	.footerTable {
		display : none;
	}
}
@media only screen and (max-width: 720px) {
	.ftsecWrap a {
		font-size : 24px;
	}
	.ftsecWrap a img {
		position : relative;
		top : 4px;
		left : -4px;
		width : 24px;
	}
	.ftsecWrap span {
		font-size : 12px;
		padding-top : 10px;
		margin-left : 20px;
	}
}
.wrapPageTop {
	cursor: pointer;
	display: none;
	position: fixed;
	right: 4px;
	bottom: 67px;
	width: 101px;
	font-size: 0;
	line-height: 0;
	z-index: 99;
}

.wrapPageTop img {
	margin: 0;
}

.wrapContact {
	cursor: pointer;
	display: block;
	position: fixed;
	right: 0;
	bottom: 0;
	width: 279px;
	height: 69px;
	font-size: 0;
	line-height: 0;
	z-index: 999;
}
@media only screen and (max-width: 890px) {
	.wrapPageTop {
		bottom: 110px;
		right: 0px;
		width: 70px;
	}
	.wrapPageTop img {
		margin: 0;
		width: 70px;
	}
}
@media only screen and (max-width: 400px) {
	.wrapPageTop {
		bottom: 132px;
	}
	.ftsecWrap span {
		display : block;
		padding-top : 10px;
		margin-left : 0px;
	}
}

/* 管理画面フッター */
#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 {
	height: 0;
	position: relative;
	width: 100%;
	z-index: 9999;
	display: none;
}

.wrapPageTopPc p {
	bottom: 20px;
	cursor: pointer;
	display: block;
	margin-right: auto;
	position: fixed;
	right: 6px;
}

.wrapPageTopPc p img {
	width: 90px;
}

.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;
}

.neveTitle  {
	color : #000000;
	border-top : 1px solid #9c9c9c;
	border-bottom : 1px solid #9c9c9c;
	line-height : 1.4;
	font-size : 16px;
	padding : 18px 4vw 18px 4vw;
}
.neveDate  {
	color : #9c9c9c;
	font-size : 12px;
	line-height : 1.4;
	font-weight : normal;
}
.neveComm  {
	color : #000000;
	line-height : 1.6;
	font-size : 14px;
	padding : 4vw;
}
.sender  {
	position : relative;
	margin : 24px 0 12px 0;
	height : 32px;
	padding :0 10px;
}
.sender a {
	color : #4f4f4f;
}
.sender a:hover {
	color : #000000;
}
.neveWrap  {
	margin : 10px 4vw 6px 4vw;
	border-bottom : 2px solid #9c9c9c;
}
.newsItem a {
	color : #000000;
}
.newsItem a:hover {
	color : #646464;
}
.ngback  {
	margin : 0 4vw;
	padding : 16px 0;
	border-bottom : 1px solid #9c9c9c;
}
.ngback dt {
	display : inline-block;
	vertical-align : top;
	font-size : 14px;
	margin-right : 16px;
	width : 80px;
}
.ngback dd {
	display : inline-block;
	vertical-align : top;
	font-size : 14px;
	width ; (100% - 84px);
}
.wrapPageTopPc  {
    position: fixed;
    bottom : 20px;
    right: 6px;
    z-index: 99;
	text-align : center;
    width : 56px;
	cursor : pointer;
}
.wrapPageTopPc p {
    width : 56px;
    text-align : center;
	background-color : #231815;
	font-size : 16px;
	font-weight : bold;
	color : #ffffff;
	border : 3px solid #e1e1e1;
	border-radius : 14px;
	line-height : 1.4;
	padding : 8px 0 7px 0;
	transition: 0.4s;
}
.wrapPageTopPc p span {
	display : block;
	font-size : 16px;
}
.wrapPageTopPc p:hover {
	background-color : #ffffff;
	border : 3px solid #231815;
	color : #231815;
}