@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;
	-webkit-text-size-adjust : 100%;
	font-family : 'Noto Sans JP','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',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.televents {
    pointer-events: none;
}

body {
	line-height: 1.5;
	color: #656565;
	font-style: normal;
	font-weight: 400;
}

#container{
	width:100%;
	overflow : hidden;
}
@media only screen and (max-width: 480px) {
	a.televents {
		pointer-events: auto;
	}
}
#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;
}
.nobackmovimg {
	width : 100%;
	height : 60vw;
	max-width : 3860px;
	max-height  : 2564px;
}
.nobackmovimg img {
	width : 100%;
	height : 60vw;
	max-width : 3860px;
	max-height  : 2564px;
	object-fit : cover;
}

.block  {
	position : relative;
	width : 100%;
	height : 100%;
	overflow : hidden;
	margin : 0;
	box-sizing : border-box;
}

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

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
 
.clearfix:after {
    clear: both;
}
 
/* For IE 6/7 */
.clearfix {
    zoom: 1;
}
#wrapHeaderTop  {
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	z-index : 90;
	height : 80px;
	background: rgb(105,76,23);
	background: linear-gradient(90deg, rgba(105,76,23,1) 0%, rgba(189,125,28,1) 0%, rgba(234,214,141,1) 100%);
	transition: all .3s;
	margin : 0;
}
.headerPadding {
	padding : 24px 0;
}
.headLogo {
	display : inline-block;
	position: absolute;
	top : 15px;
	left : 40px;
	z-index : 20;
}
.headLogo img.logo {
	width : 137px;
}
.admin_headMenuInner  {
	width : 100%;
	max-width : 990px;
	margin : 0 auto;
	position : relative;
	height : 150px;
}
.admin_headMenuInner .headLogo img {
	width : 120px;
}
#header  {
	display : block;
	position: relative;
	width : 100%;
	max-width : 1624px;
	margin : 0 auto 0 auto;;
    z-index: 10;
	transition: all .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;
}
.headTels  {
	position : relative;
	top : 0px;
	right : 0;
}
.headMenu  {
	position : absolute;
	top : 21px;
	right : 400px;
	display : block;
	text-align : center;
	margin : 0 auto 0 auto;
}
.headMenu ul {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	padding-top : 0px;
}
.headMenu li {
	display : inline-block;
	vertical-align : top;
	text-align : center;
	padding : 0 34px;
}
.headMenu li.bline {
	border-left : 1px solid #ffffff;
}
.headMenu .main li a {
	color : #575757;
	font-size : 16px;
	text-decoration : none;
	display : inline-block;
	line-height : 1.0;
	padding : 0 4px;
	letter-spacing : 1px;
	position: relative;
	transition: .3s;
}
.headMenu .main li a::after {
	position : absolute;
	bottom : -10px;
	left : 50%;
	content : '';
	width : 0;
	height : 2px;
	background-color : #ac6c0b;
	transition : .3s;
	-webkit-transform : translateX(-50%);
	transform : translateX(-50%);
}
.headMenu li a:hover::after {
	width : 60%;
}
.headMenu .main li a p {
	position: relative;
	top : -6px;
}
.headMenu li a span {
	color : #979797;
	font-size : 13px;
	font-weight : normal;
	display : block;
	text-align : center;
	padding : 4px 0;
}
.headSns  {
	display : block;
	position : absolute;
	top : 10px;
	right : 230px;
	z-index : 9;
}
.headSns a {
	display : inline-block;
}
.headYoyaku  {
	display : block;
	position : absolute;
	top : 10px;
	right : 4px;
	z-index : 9;
}
.headYoyaku a {
	transition: 0.4s;
}
.headYoyaku a:hover {
	opacity : 0.7;
}
.smp_headSns  {
	display : block;
	position : absolute;
	top : 10px;
	right : 90px;
	z-index : 9;
	width : 80px;
	height : 66px;
}
.smp_headSns a {
	display : inline-block;
}
.smp_headSns a img {
	width : 40px;
}
.smp_headYoyaku  {
	display : block;
	position : absolute;
	top : 13px;
	right : 4px;
	z-index : 9;
}
.smp_headYoyaku a {
	transition: 0.4s;
}
.smp_headYoyaku a img {
	width : 120px;
}
.smp_headSns a.btnleft {
	margin-right : 10px;
}
.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 : 1630px;
}
.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 : 16px;
	left : 16px;
    width: 32px;
    height: 29px;
	transition: all .4s;
}
.smp_headline .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #ffffff;
	transition: all .4s;
}
.smp_headline .menu-trigger span:nth-of-type(1) {
    top: 0;
}
.smp_headline .menu-trigger span:nth-of-type(2) {
    top: 12px;
}
.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(1px, 6px, 0) rotate(45deg);
	transform: translate3d(1px, 6px, 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: 47%;
	-webkit-transform: translate3d(13px, -6px, 0) rotate(45deg);
	transform: translate3d(13px, -6px, 0) rotate(45deg);
}
@media only screen and (max-width: 1350px) {
	.headMenu  {
		right : 26vw;
	}
	.headMenu li {
		padding : 0 14px;
	}
	.headMenu .main li a {
		position: relative;
		transition: .3s;
	}
	.headSns  {
		right : 220px;
	}
}
@media only screen and (max-width: 1030px) {
	.headerPadding {
		padding : 0;
	}
	#header {
		top : 0;
	}
	#smp_header {
		display : block;
	}
	.headMenu  {
		display : none;
	}
	.subMenu  {
		display : none;
	}
}
.head_movie  {
	margin-top : 128px;
}
.head_movie h1 {
	padding : 36px 0;
	width : 100%;
	text-align : center;
}
.head_noimg  {
	margin-top : 188px;
}
.head_noimg h1 {
	position : relative;
	top : 0;
	left : 0;
	width : 100%;
	text-align : center;
}
.snsButtons  {
	display : block;
}
.topimages  {
	width : 100%;
	max-width : 1902px;
}
.slide_all {
	position : relative;
    margin: 0 auto;
	z-index : 9;
    width: 100%;
    max-width: 1902px;
}
.slide_wrap {

}
.noslide  {
    margin: 0 auto;
	position : relative;
    width: 100%;
    max-width: 1902px;
}
.slide img {
	width : 1902px;
	height : 690px;
}
.mainNoSlider {
	box-shadow: 0px 0px 12px -5px #999999;
}
.serviceMain .bx-viewport {
	box-shadow: 0px 0px 12px -5px #999999;
}
#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;
}
.snsBtnCell  {
	display : table-cell;
}
.titleArea img {
	width : 100%;
	max-width : 884px;
}
.titleArea a img {
	width : 100%;
	max-width : 295px;
}
.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;
}
.titleWrap  {
	text-align : center;
	width : 100%;
	margin-top : 66px;
	margin-bottom : 70px;
	position : relative;
	border-top : 1px solid #ededed;
	border-bottom : 1px solid #ededed;
	padding : 52px 0 52px 0;
}
.no_mgb  {
	margin-bottom : 0 !important;
}
.imageArea  {
	width : 100%;
	text-align : center;
}
.imageArea img {
	height : 70px;
}
.wrapContents {
	width: 100%;
	position : relative;
	padding-top : 140px;
}
#p_points  {
	display : block;
}
#s_points  {
	display : none;
}
.pc_headline  {
	display : block;
}
.smp_headline  {
	display : none;
}
.smp_centerbtn  {
	display : none;
}
#telnumArea {
	display : none;
	position : absolute;
	top : 160px;
	right : 160px;
	background-color : #c28625;
	border-radius : 24px;
	padding : 30px;
}
#telnumArea p {
	color : #ffffff;
	font-size : 20px;
	font-weight : 500;
}
#telnumArea div {
	color : #ffffff;
	font-size : 32px;
	font-weight : 700;
}
#telnumArea a {
	position : absolute;
	top : 6px;
	right : 6px;
	display : inline-block;
	text-align : center;
	font-size : 20px;
	line-height : 1.0;
	font-weight : 500;
	color : #000000;
	background-color : #ffffff;
	padding : 4px 5px 6px 5px;
	border-radius : 50%;
	transition: 0.3s;
}
#telnumArea a:hover {
	color : #ffffff;
	background-color : #000000;
}
@media only screen and (max-width: 1902px) {
	.slide img {
		width : auto;
		height : 36.4vw;
		max-height : 690px;
		object-fit : cover;
	}
}
@media only screen and (max-width: 1350px) {

}
@media only screen and (max-width: 1030px) {
	.head_movie  {
		margin-top : 60px;
	}
	.head_movie h1 img {
		width : 60%;
		max-width : 356px;
	}
	.head_noimg  {
		margin-top : calc(100px + 6vw);
	}
	.head_noimg h1 img {
		width : 60%;
		max-width : 356px;
	}
	.titleWrap  {
		margin-top : 60px;
		margin-bottom : 8vw;
		padding : 6vw 0 6vw 0;
	}
	.pc_headline  {
		display : none;
	}
	.smp_headline  {
		display : block;
		position : fixed;
		width : 100%;
		top : 0;
		left : 0;
		box-sizing : border-box;
		transition: .5s;
	}
	.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 a  {
		text-decoration : none;
		font-size : 14px;
		color : #221815;
		display : block;
		width : calc(100% - 12px);
		padding : 12px 0 12px 12px;
		text-align : left;
		border : 1px solid #c6c6c6;
		position : relative;
		font-weight : 500;
	}
	.innerSmpTels a span {
		display : inline-block;
		vertical-align : top;
		font-size : 16px;
		position : relative;
		margin-left : 12px;
		color : #ca9335;
		font-weight : 500;
		position : relative;
		top : -1px;
	}
	.innerSmpTels a::after  {
		position : absolute;
		top : 10px;
		right : 10px;
		content : ">";
		font-family: 'Manrope', sans-serif;
		font-size : 20px;
		color : #221815;
	}
	.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 : 60px;
	}
	.ftcenter  {
		width : 41px;
		height : 37px;
		overflow : hidden;
	}
	.ftright span {
		display : none;
	}
	.headMenuInner  {
		z-index : 100;
		background-color : #ffffff;
		height : 60px;
	}
	.headWord_cls  {
		display : block;
		text-align : right;
		padding-top : 8px;
	}
	.wrapContents {
		padding-top : 60px;
	}
	.head_noimg  {
		margin-top : calc(60px + 6vw);
	}
}
@media only screen and (max-width: 640px) {
	.titleWrap h2.mainTitle {
		top : 20px;
	}
	.imageArea img {
		height : 60px;
	}
}
@media only screen and (max-width: 600px) {
	#p_points  {
		display : none;
	}
	#s_points  {
		display : block;
	}
	.smp_centerbtn  {
		margin-top : 0px;
	}
}
@media only screen and (max-width: 500px) {
	.productWrap .itemSlider img {
		width : 100%;
		max-width : 408px;
		height : 24vw;
		max-height : 294px;
		object-fit: cover;
	}
	.headLogo strong {
		margin-bottom : 1px;
	}
	.head_movie h1 {
		padding : calc(2vw + 16px) 0;
	}
}
@media only screen and (max-width: 400px) {
	.headLogo {
		top : 6px;
	}
	.imageArea img {
		height : 45px;
	}
}
@media only screen and (max-width: 360px) {
	.sml320  {
		height : 22px;
	}
	.headLogo {
		top : 10px;
	}
}
img.n_img_fit  {
	width : 100%;
	max-width : 260px;
	height : 26vw;
	max-height : 260px;
	object-fit : cover;
}
span.n_img_fit  {
	display : block;
	width : 260px;
	max-width : 260px;
	height : 26vw;
	max-height : 260px;
	background-size : cover;
	background-position : center center;
	background-repeat : no-repeat;
}
.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 : 1097px;
	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;
}
.wideWrap  {
	width : 100%;
	max-width : 1680px;
	margin : 0 auto;
	padding : 0;
	overflow : hidden;
	box-sizing: border-box;
	position : relative;
}
.miniWrap  {
	width : 100%;
	max-width : 660px;
	margin : 0 auto;
	padding : 0 10px;
	overflow : hidden;
	box-sizing: border-box;
	position : relative;
}
.greeting p {
	margin-bottom : 24px;
}
.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;
}

.mgr50  { margin-right : 50px; }
.mgr53  { margin-right : 49px; }
.mgt-2  { margin-top : -4px !important; }
.mgt-1  { margin-top : -1px !important; }
.mgt-6  { margin-top : -6px !important; }
.mgt48  { margin-top : 48px; }
.mgt60  { margin-top : 60px; }
.mgt80  { margin-top : 80px; }
.mgt100  { margin-top : 100px; }
.mgt110  { margin-top : 110px; }
.mgt120  { margin-top : 120px; }
.mgt140  { margin-top : 140px; }
.mgt150  { margin-top : 150px; }
.mgt160  { margin-top : 160px; }
.mgt180  { margin-top : 180px; }
.mgt200  { margin-top : 200px; }
.pdt110  { padding-top : 110px; }
.mgb200  { margin-bottom : 200px; }
.mgb110  { margin-bottom : 130px; }
.mgb80   { margin-bottom : 80px; }
.mgb40   { margin-bottom : 40px; }
@media only screen and (max-width: 1400px) {
	.mgt48  { margin-top : 4.8vw; }
	.mgt60  { margin-top : 6vw; }
	.mgt80  { margin-top : 8vw; }
	.mgt100  { margin-top : 10vw; }
	.mgt110  { margin-top : 11vw; }
	.mgt120  { margin-top : 12vw; }
	.mgt140  { margin-top : 14vw; }
	.mgt150  { margin-top : 15vw; }
	.mgt160  { margin-top : 16vw; }
	.mgt180  { margin-top : 18vw; }
	.mgt200  { margin-top : 20vw; }
	.pdt110  { padding-top : 11vw; }
	.mgb200  { margin-bottom : 20vw; }
	.mgb110  { margin-bottom : 13vw; }
	.mgb80   { margin-bottom : 8vw; }
	.mgb40   { margin-bottom : 4vw; }
}

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

.catchTitle {
	text-align : center;
	font-size : 50px;
	color : #000000;
	font-weight : 400;
	margin-top : 140px;
	margin-bottom : 90px;
	letter-spacing: 2px;
	font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
}
.catchTitle span {
	display : block;
}
.shineWrap {
	text-align : center;
	width : 100%;
	max-width : 833px;
	margin : 0 auto;
}
.shineWrap .shineWrapInner {
	text-align : center;
}
.shineWrap .shineWrapInner img {
	width : 100%;
	max-width : 833px;
}
.initiative  {
	text-align : center;
	margin : 64px 0;
    position : relative;
    text-align : center;
    border-bottom : 4px solid #79d3e6;
}
.initiative::after,
.initiative::before{
    border : solid transparent;
    content : '';
    height : 0;
    width : 0;
    pointer-events : none;
    position : absolute;
    top : 100%;
    left : 50%;
}
.initiative::after{
    border-color : rgba(255, 255, 255, 0);
    border-top-width : 40px;
    border-bottom-width : 40px;
    border-left-width : 96px;
    border-right-width : 96px;
    margin-left : -96px;
    border-top-color : #FFFFFF;
}
.initiative::before{
    border-color : rgba(121, 211, 230, 0);
    border-top-width : 40px;
    border-bottom-width : 40px;
    border-left-width : 97px;
    border-right-width : 97px;
    margin-left : -97px;
    margin-top : 4px;
    border-top-color : #79d3e6;
}
.counterWrap {
	width : 100%;
	max-width : 978px;
	margin : 36px auto;
	padding : 0 10px;
	box-sizing: border-box;
}
.counterWrap h3 {
	text-align : center;
	font-size : 18px;
	color : #ffffff;
	font-weight : 500;
	line-height : 50px;
	background-color : #00b4db;
	border-radius : 12px;
}
.counterWrap .counterWrapInner {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	padding : 30px 0 68px 0;
}
.counterWrap .counterItem {
	text-align : center;
	width : 18%;
	background-color : #d0f7ff;
	border-radius : 12px;
	padding : 12px 0 25px 0;
}
.counterTrans {
	display : none;
}
.counterWrap .counterItem img {
	width : 100%;
	max-width : 154px;
}
.counterWrap .counterItem p {
	font-size : 14px;
	color : #0067a4;
	line-height : 1.4;
	font-weight : 500;
}
.counterWrap .counterItem p span {
	display : block;
}
.counterWrap .counterText {
	width : 38%;
}
.counterWrap .counterText .title {
	text-align : center;
	background-color : #d0f7ff;
	border-radius : 24px;
	padding : 4px 0 4px 50px;
	position : relative;
	margin-bottom : 4px;
}
.counterWrap .counterText img {
	position : absolute;
	top : -10px;
	left : 24px;
}
.counterWrap .counterText .title p {
	font-size : 14px;
	color : #0067a4;
	line-height : 1.3;
	font-weight : 500;
}
.counterWrap .counterText .title p span {
	display : block;
}
.counterWrap .counterText dl {
	display : table;
	font-size : 13px;
	color : #0067a4;
	line-height : 1.3;
	font-weight : 500;
	width : 100%;
	border-collapse: collapse;
	margin : 3px 0;
}
.counterWrap .counterText dl dt {
	display : table-cell;
	width : 14px;
}
.counterWrap .counterText dl dd {
	display : table-cell;
	width : calc(100% - 14px);
}
@media only screen and (max-width: 1350px) {
	.catchTitle {
		font-size : calc(3.3vw + 6.0px);
		margin-top : 14vw;
		margin-bottom : 9vw;
		letter-spacing: 1px;
	}
	.initiative  {
		margin : 6.4vw 0 64px 0;
	}
}
@media only screen and (max-width: 860px) {
	.counterWrap .counterText .title {
		border-radius : 24px;
		padding : 4px 12px 4px 48px;
	}
	.counterWrap .counterText img {
		left : 16px;
	}
	.counterWrap h3 {
		font-size : 16px;
		line-height : 48px;
	}
	.counterWrap .counterItem p {
		font-size : 12px;
	}
	.counterWrap .counterText .title p {
		font-size : 12px;
	}
	.counterWrap .counterText dl {
		font-size : 12px;
		margin : 2px 0;
	}
}
@media only screen and (max-width: 760px) {
	.counterWrap {
		margin : 36px auto 0 auto;
	}
	.counterWrap .counterWrapInner {
		display : -webkit-flex;
		display : flex;
		-webkit-justify-content : space-between;
		justify-content : space-between;
		flex-wrap : wrap;
		padding : 3vw 0 3vw 0;
	}
	.counterWrap .counterItem {
		text-align : center;
		width : 32%;
		background-color : #d0f7ff;
		border-radius : 12px;
		padding : 12px 0 25px 0;
		margin-bottom : 30px;
	}
	.counterTrans {
		display :  block;
		width : 32%;
		margin-bottom : 30px;
		font-size : 0;
		height : 1px;
	}
	.counterWrap .counterText {
		width : 100%;
	}
}
@media only screen and (max-width: 480px) {
	.counterWrap h3 {
		font-size : 14px;
		line-height : 46px;
	}
	.initiative  {
		margin : 6.4vw 0 48px 0;
	}
	.initiative::after{
		border-top-width : 20px;
		border-bottom-width : 20px;
		border-left-width : 48px;
		border-right-width : 48px;
		margin-left : -48px;
	}
	.initiative::before{
		border-top-width : 20px;
		border-bottom-width : 20px;
		border-left-width : 49px;
		border-right-width : 49px;
		margin-left : -49px;
		margin-top : 4px;
	}
}
.greeting {

}
.baseTitle {
	text-align : center;
	margin-bottom : 20px;
}
.baseTitle span {
	display : block;
	text-align : center;
	font-size : 28px;
	font-weight : 500;
	color : #000000;
	font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
}
.baseTitle img.ttlwid {
	width : 100%;
	max-width : 508px;
}
.flowTitle img.ttlmid {
	width : 100%;
	max-width : 307px;
}
@media only screen and (max-width: 480px) {
	.baseTitle span {
		font-size : 20px;
	}
	.flowTitle img.ttlmid {
		width : 60%;
	}
}

.greeting p {
	font-size : 16px;
	color : #777777;
	line-height : 2.4;
	font-weight : 500;
	font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
}
.greeting p span {
	display : block;
}
.serviceWrap {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	flex-wrap : wrap;
}
.serviceWrap .serviceItem {
	width : 31.5%;
	border : 3px solid #e1bf62;
	margin-top : 48px;
}
.serviceWrap .serviceItem a {
	transition: 0.3s;
}
.serviceWrap .serviceItem a:hover {
	opacity : 0.7;
}
.serviceWrap .serviceItem img {
	width : 100%;
	max-width : 339px;
}
.serviceWrap .serviceItem p {
	text-align : left;
	font-size : 14px;
	color : #6b6b6b;
	line-height : 1.4;
	font-weight : 400;
	padding : 26px;
}
.serviceWrap .serviceTrans {
	width : calc(31.5% + 6px);
	font-size : 0;
	height : 1px;
}
.grayback{
	background : url(../img/back_inis.png) repeat top left;
	margin-bottom : 94px;
}
.coverback {
	background: linear-gradient(to right, transparent 0%, transparent 10%, #f1e08d 120%), url(../img/images/back_inis.png) repeat 0 0;
	padding-top  : 105px;
}
.storeWrap {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	flex-wrap : wrap;
}
.storeWrap .storeItem {
	width : calc(48.6% - 60px);
	background-color : #ffffff;
	padding : 24px 30px;
	margin-bottom : 26px;
	position : relative;
}
.storeWrap .storeItem a {
	transition: 0.3s;
}
.storeWrap .storeItem a:hover {
	opacity : 0.7;
}
.storeWrap .itemLeft {
	display : block;
	vertical-align: top;
	width : 54%;
	margin-right : 4%;
}
.storeWrap h3 {
	color : #cda764;
	font-size : 20px;
	line-height : 1.5;
	height :  60px;
	overflow : hidden;
	border-bottom  : 1px solid #e6dbaf;
}
.storeWrap p {
	text-align : left;
	font-size : 13px;
	color : #323232;
	line-height : 1.6;
	font-weight : 400;
	padding : 26px 0;
	height : 60px;
	overflow : hidden;
}
.storeWrap .itemRight {
	position : absolute;
	top : 26px;
	right : 26px;
	width : 41%;
	max-width : 198px;
}
.storeWrap img {
	width  : 100%;
	max-width : 198px;
	height : 16vw;
	max-height  : 169px;
	object-fit: cover;
}
.storeWrap .itemRight span {
	display : block;
	width  : 100%;
	max-width : 198px;
	height : 16vw;
	max-height  : 169px;
	background-size : cover;
	background-position : center center;
	background-repeat : no-repeat;
}
.centerButton {
	width : 100%;
	text-align : center;
	padding : 45px 0 68px 0;
	display : block;
}
.centerButton  a  {
	display : inline-block;
	width : 70%;
	max-width : 510px;
	text-align : center;
	padding : 46px 0 48px 0;
	font-size : 16px;
	line-height : 1.0;
	color : #cda764;
	font-weight : 400;
	background-color : #ffffff;
	transition: 0.4s;
	position : relative;
	text-decoration : none;
	border-radius : 20px;
}
.centerButton a:hover {
	color : #ffffff;
	background-color : #cda764;
}
.imageback {
	background : #c9a061 url(../img/backimg2.jpg) no-repeat top center;
	background-size : cover;
	padding : 150px 0 150px 0;
	font-size : 0;
}
.imageback .compLeft {
	display : inline-block;
	vertical-align: top;
	text-align :  center;
	width : calc(43% - 30px);
	padding-right : 24px;
	position : relative;
	top : -8px;
}
.imageback .compLeft a.gmap {
	display : block;
	color : #ffffff;
	font-size : 16px;
	font-weight : 500;
	border : 2px solid #ffffff;
	border-radius : 6px;
	padding : 6px 0px;
	width : 230px;
	margin : 26px auto 0 auto;
}
.imageback .compLeft div {
	display : block;
	color : #ffffff;
	font-size : 14px;
	font-weight : 400;
	padding : 7px 0;
	text-align : center;
}
.imageback .compLeft p img {
	width : 100%;
	max-width : 446px;
}
.imageback p {
	margin-top : 12px;
}
.imageback p img {

}
.imageback .compRight {
	display : inline-block;
	vertical-align: top;
	width : calc(55% - 26px);
	padding-left : 24px;
	margin-top : 40px;
	border-left : 2px solid #ffffff;
}
.imageback h3 {
	text-align : left;
	font-size : 24px;
	color : #ffffff;
	line-height : 1.4;
	font-weight : 700;
	padding-bottom : 26px;
}
.imageback table {
	width : 100%;
	border-collapse: collapse;
	font-size : 16px;
	color : #ffffff;
}
.imageback th {
	text-align : left;
	vertical-align: top;
	font-weight : 300;
	width : 98px;
	padding : 4px 0;
}
.imageback td {
	text-align : left;
	vertical-align: top;
	font-weight : 300;
	width : calc(100% - 98px);
	padding : 6px 0;
}
.imageback td a {
	color : #ffffff;
}
.imageback td div {
	position : relative;
	padding-right : 59px;
}
.imageback td div a.gmap {
	position : absolute;
	top : 8px;
	right : 0;
}
.imageback .rightButton {
	width : 100%;
	text-align : center;
	display : block;
	margin-top  : 48px;
}
.imageback .rightButton a {
	display : block;
	width : 100%;
	max-width : 560px;
	text-align : center;
	padding : 40px 0 42px 0;
	font-size : 16px;
	line-height : 1.0;
	color : #ffffff;
	font-weight : 500;
	background : url(../img/btn_grad.png) repeat-x 0 0;
	transition: 0.4s;
	position : relative;
	text-decoration : none;
	border-radius : 20px;
	margin-top : 28px;
}
.imageback .rightButton a:hover {
	opacity : 0.7;
}
.pageback  {
	background : url(../img/itemback.jpg) no-repeat top 128px center;
}
@media only screen and (max-width: 1100px) {
	.storeWrap .storeItem {
		width : calc(48.6% - 4vw);
		padding : 2vw 2vw;
		margin-bottom : 3vw;
	}
	.storeWrap h3 {
		font-size : 18px;
		height : calc(3.6vw + 20px);
	}
	.storeWrap .itemLeft {
		width : 50%;
		margin-right : 4%;
	}
	.storeWrap .itemRight {
		top : 2vw;
		right : 2vw;
	}
}
@media only screen and (max-width: 980px) {
	.pageback  {
		background : url(../img/itemback.jpg) no-repeat top 60px center;
		background-size : contain;
	}
}
@media only screen and (max-width: 800px) {
	.coverback {
		padding-top  : 11vw;
	}
	.greeting p {
		font-size : 14px;
		line-height : 2.0;
	}
	.serviceWrap .serviceItem {
		width : 31.5%;
		border : 3px solid #e1bf62;
		margin-top : 4.8vw;
	}
	.storeWrap .storeItem {
		width : calc(48.6% - 6vw);
		background-color : #ffffff;
		padding : 2.4vw 3vw;
		margin-bottom : 2.6vw;
	}
	.serviceWrap .serviceItem p {
		font-size : 13px;
		padding : 2.6vw;
	}
	.centerButton {
		padding : 4.5vw 0 10vw 0;
	}
	.centerButton  a  {
		padding : calc(4vw + 2px) 0 calc(4vw + 3px) 0;
		font-size : 14px;
		border-radius : 20px;
	}
	.imageback {
		background-size : cover;
		padding : 24vw 0 7vw 0;
	}
	.imageback h3 {
		font-size : 20px;
		padding-bottom : 20px;
	}
	.imageback table {
		font-size : 14px;
	}
	.imageback th {
		width : 70px;
		padding : 4px 0;
	}
	.imageback td {
		width : calc(100% - 70px);
		padding : 4px 0;
	}
	.imageback .rightButton {
		width : 100%;
		text-align : center;
		display : block;
		margin-top  : 5vw;
	}
	.imageback .rightButton a {
		padding : calc(4vw + 6px) 0 calc(4vw + 7px) 0;
		font-size : 14px;
		margin-top : 3vw;
	}
}
@media only screen and (max-width: 480px) {
	.storeWrap .storeItem {
		width : calc(100% - 8vw);
		padding : 4vw 4vw;
		margin-bottom : 4vw;
	}
	.storeWrap img {
		height : 30vw;
		max-height  : 169px;
		object-fit: cover;
	}
	.storeWrap .itemRight span {
		height : 30vw;
		max-height  : 169px;
	}
	.storeWrap p {
		font-size : 12px;
		line-height : 1.5;
		padding : 4.5vw 0;
		height : 56px;
	}
	.storeWrap .itemRight {
		top : calc(2vw + 10px);
		right : calc(2vw + 10px);
	}
	.serviceWrap .serviceItem {
		width : calc(48% - 6px);
		border : 3px solid #e1bf62;
		margin-top : 4.8vw;
	}
	.serviceWrap .serviceTrans {
		width : calc(48% + 12px);
	}
	.greeting p {
		font-size : 13px;
		line-height : 1.7;
	}
	.imageback table {
		font-size : 13px;
	}
	.imageback .compLeft {
		display : block;
		width : 100%;
		padding-right : 0px;
	}
	.imageback p {
		margin-top : 3vw;
	}
	.imageback .compRight {
		display : block;
		width : 100%;
		padding-left : 0px;
		margin-top : 4vw;
		padding-top : 4vw;
		border-left-style : none;
		border-top : 2px solid #ffffff;
	}
}

/* サービス一覧ページ */

.serviceMenu {
	margin-top : 80px;
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	flex-wrap : wrap;
}
.serviceMenu .meline6 {
	width : 15%;
}
.serviceMenu .meline7 {
	width : 23%;
}
.serviceMenu .meline8 {
	width : 23%;
}
.serviceMenu a {
	display : block;
	border : 3px solid #e1bf62;
	font-size : 0;
	transition: 0.3s;
	margin-bottom : 20px;
	position : relative;
}
.serviceMenu a span.qa {
	display : block;
	position : absolute;
	bottom : 0;
	right : 0;
	width : 81px;
	height : 43px;
	background : url(../img/over_qa.png) no-repeat 0 0;
	background-size : cover;
}
.serviceMenu a:hover {
	opacity : 0.7;
	border : 3px solid #c08323;
}
.serviceMenu .menuTrans {
	width : calc(23% + 6px);
}
.serviceMenu img {
	width : 100%;
}
.serviceMain {
	margin-top : 60px;
	margin-bottom : 80px;
}
.serviceMain h2 {
	font-size : 28px;
	color : #000000;
	font-weight : 500;
	font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
	margin-bottom  : 40px;
}
.serviceMain .mainImg {
	text-align : center;
	margin-top : 0px;
	font-size : 0;
}
.serviceMain .mainImg img {
	width : 100%;
}
.serviceMain .mainComm {
	margin : 80px auto;
	width : 100%;
	max-width  : 456px;
	text-align : left;
	font-size : 16px;
	color : #777777;
	font-weight : 300;
	line-height : 2.8;
}
.flow {
	width : 100%;
	max-width : 880px;
	margin : 0 auto;
	position : relative;
	height : 304px;
}
.serviceMain .flowLeft {
	width : 100%;
}
.serviceMain .flowTitle {
	width : 50%;
	text-align : center;
	margin-bottom : 6px;
}
.serviceMain .flowTitle img {
	position : relative;
	top : -10px;
}
.serviceMain .flowTitle span {
	display : block;
	text-align : center;
	font-size : 20px;
	font-weight : 500;
	color : #000000;
	font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
}
.serviceMain .flowComm {
	margin : 0 30px;
	width : 50%;
	max-width  : 394px;
	text-align : left;
	font-size : 16px;
	color : #777777;
	font-weight : 300;
	line-height : 2.8;
}
.serviceMain .flowRight {
	position : absolute;
	top : 10px;
	right : 10px;
	width : 45%;
	max-width : 384px;
}
.serviceMain .flowRight img.imgs {
	width : 100%;
	max-width : 384px;
	height : 31vw;
	max-height : 271px;
	object-fit : cover;
}
.serviceMain .flowRight img.playicon {
	position: absolute;
	top: 50%;
	left: 50%;
	width : 50%;
	max-width : 178px;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.grayback2 {
	background : url(../img/back_inis2.png) repeat top left;
	margin-bottom : 94px;
}
.coverback2 {
	background: linear-gradient(to right, transparent 0%, transparent 4%, #f4edd4 160%);
	padding  : 80px 0 100px 0;
}
.bfWrap  {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	width : 100%;
	max-width : 880px;
	margin : 0 auto;
	padding : 10px;
	position : relative;
	box-sizing: border-box;
}
.bfWrap .before {
	width : 45%;
}
.bfWrap .arrow {
	text-align : center;
	width : 10%;
	padding-top : 126px;
}
.bfWrap .after {
	width : 45%;
}
.bfWrap .before img {
	width : 100%;
	max-width : 386px;
	height : 30vw;
	max-height : 276px;
	object-fit : cover;
}
.bfWrap .after img {
	width : 100%;
	max-width : 386px;
	height : 30vw;
	max-height : 276px;
	object-fit : cover;
}
.bfWrap .before span {
	display : block;
	width : 100%;
	max-width : 386px;
	height : 30vw;
	max-height : 276px;
	background-size : cover;
	background-position : center center;
	background-repeat : no-repeat;
}
.bfWrap .after span {
	display : block;
	width : 100%;
	max-width : 386px;
	height : 30vw;
	max-height : 276px;
	background-size : cover;
	background-position : center center;
	background-repeat : no-repeat;
}
.bfWrap .before p {
	color : #000000;
	margin-bottom : 20px;
}
.bfWrap .after p {
	color : #000000;
	margin-bottom : 20px;
}
.feeWrap {
	width : 100%;
	max-width : 880px;
	margin : 0 auto;
}
.feeWrap dl {
	display : table;
	width : 100%;
	margin-bottom : 40px;
	border-bottom : 1px solid #e7cf92;
}
.feeWrap dt {
	display : table-cell;
	vertical-align: top;
	width : 264px;
	padding-bottom : 40px;
}
.feeWrap dt img {
	width : 264px;
	height :  264px;
	object-fit: cover;
}
.feeWrap dt span {
	display : block;
	width : 264px;
	height :  264px;
	background-repeat : no-repeat;
	background-position : center center;
	background-size : cover;
}
.feeWrap dd {
	display : table-cell;
	vertical-align: top;
	width : calc(100% - 264px);
	padding : 0 0 0 50px;
}
.feeWrap dd h3 {	
	font-size : 24px;
	color :  #dbac40;
	line-height : 1.6;
	margin-bottom : 20px;
}
.feeWrap dd p {
	font-size : 14px;
	color :  #000000;
	font-weight : 300;
	margin-bottom : 20px;
}
.feeWrap dd div {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : left;
	justify-content : left;
	flex-wrap : wrap;
}
.feeWrap dd table {
	width : 32%;
	min-width : 150px;
	height : 44px;
	margin : 0 1% 8px 0;
	background-color : #dbac40;
	font-size : 13px;
	color :  #ffffff;
	font-weight : 400;
	border-radius : 24px;
	text-align : center;
}
.feeWrap dd table td {
	vertical-align: middle;
	width : 100%;
	height : 44px;
	background-color : #dbac40;
	border-radius : 24px;
	text-align : center;
}
.feeWrap dd table td span.len13 {
	font-size : 13px;
	color :  #ffffff;
	font-weight : 400;
}
.feeWrap dd table td span.len12 {
	font-size : 12px;
	color :  #ffffff;
	font-weight : 400;
	letter-spacing: -1px;
}
.feeButtons {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	width : 100%;
	max-width : 1000px;
	margin  : 80px auto 130px auto;
}
.feeButtons a {
	display : block;
	width : 47%;
	text-align : center;
	padding : 40px 0 42px 0;
	font-size : 16px;
	line-height : 1.0;
	color : #ffffff;
	font-weight : 300;
	background : url(../img/btn_grad.png) repeat-x 0 0;
	transition: 0.4s;
	position : relative;
	text-decoration : none;
	border-radius : 20px;
	margin-top : 28px;
}
.feeButtons a:hover {
	opacity : 0.7;
}
@media only screen and (max-width: 980px) {
	.serviceMenu {
		margin-top : 8vw;
	}
	.serviceMenu a span.qa {
		width : 8vw;
		height : 4vw;
	}
	.serviceMain {
		margin-top : calc(5vw + 10px);
		margin-bottom : calc(6vw + 20px);
	}
	.serviceMain .mainComm {
		margin : calc(6vw + 20px) auto;
		font-size : calc(0.45vw + 11.6px);
		line-height : calc(4vw + 10px);
	}
	.serviceMain .flowComm {
		font-size : calc(0.45vw + 11.6px);
		line-height : calc(4vw + 10px);
	}
	.grayback2 {
		margin-bottom : calc(9vw + 20px);
	}
	.coverback2 {
		padding  : 8vw 0 10vw 0;
	}
	.bfWrap .arrow {
		padding-top : calc(10vw + 40px);
	}
	.bfWrap .arrow img {
		width : 60%;
	}
	.flow {
		height : 30vw;
	}
}
@media only screen and (max-width: 800px) {
	.feeWrap dd table {
		width : 48%;
	}
	.feeWrap dd {
		padding : 0 0 0 5vw;
	}
	.feeWrap dd h3 {	
		font-size : 20px;
		margin-bottom : 16px;
	}
	.bfWrap .before p {
		margin-bottom : 16px;
	}
}
@media only screen and (max-width: 760px) {
	.serviceMain .flowComm {
		margin : 0 3vw;
		width : 50%;
		font-size : 14px;
		line-height : 1.8;
	}
	.serviceMain .flowTitle img {
		position : relative;
		top : -4px;
	}
	.serviceMain .flowRight {
		position : absolute;
		top : 10px;
		right : 10px;
		width : 40%;
		max-width : 384px;
	}
	.feeButtons {
		margin  : 8vw auto 13vw auto;
	}
	.feeButtons a {
		width : 47%;
		padding : calc(4vw + 6px) 0 calc(4vw + 7px) 0;
		font-size : 14px;
		margin-top : 3vw;
	}
}

@media only screen and (max-width: 640px) {
	.serviceMenu {
		margin-top : 8vw;
	}
	.serviceMenu a {
		border : 2px solid #e1bf62;
		margin-bottom : 12px;
	}
	.serviceMenu .meline6 {
		width : calc(32% - 4px);
	}
	.serviceMenu .meline7 {
		width : calc(32% - 4px);
	}
	.serviceMenu .menuTrans {
		width : calc(32% + 2px);
	}
	.serviceMain h2 {
		font-size : calc(2.5vw + 12.0px);
		margin-bottom  : calc(3vw + 10px);
	}
	.feeWrap dl {
		margin-bottom : 32px;
	}
	.feeWrap dt {
		width : 30vw;
		padding-bottom : 32px;
	}
	.feeWrap dt img {
		width : 30vw;
		height : 30vw;
	}
	.feeWrap dt span {
		width : 30vw;
		height : 30vw;
	}
	.feeWrap dd {
		width : calc(100% - 30vw;);
	}
}
@media only screen and (max-width: 510px) {
	.feeWrap dl {
		display : block;
		margin-bottom : 40px;
		padding-bottom : 32px;
	}
	.feeWrap dt {
		display : block;
		width : 50vw;
		padding-bottom : 16px;
		margin : 0 auto;
	}
	.feeWrap dt img {
		width : 50vw;
		height :  50vw;
	}
	.feeWrap dt span {
		width : 50vw;
		height :  50vw;
	}
	.feeWrap dd {
		display : table-cell;
		vertical-align: top;
		width : 96%;
		padding : 0 2%;
	}
	.feeWrap dd h3 {	
		font-size : calc(3.16vw + 7.9px);
		margin-bottom : 20px;
	}
	.feeWrap dd p {
		font-size : calc(0.53vw + 11.3px);
		margin-bottom : 30px;
	}
	.feeWrap dd table {
		width : 48%;
		min-width : 120px;
		height : 36px;
		margin : 0 0.5% 8px 0.5%;
		border-radius : 24px;
	}
	.feeWrap dd table td {
		width : 100%;
		height : 36px;
		border-radius : 24px;
	}
	.feeWrap dd table td span.len13 {
		font-size : calc(0.53vw + 10.3px);
	}
	.feeWrap dd table td span.len12 {
		font-size : calc(1.05vw + 6.6px);
	}
}
@media only screen and (max-width: 480px) {
	.flow {
		height : auto;
	}
	.serviceMain .flowTitle {
		width : 100%;
		text-align : center;
		margin-bottom : 6px;
	}
	.serviceMain .flowRight {
		position : relative;
		top : 0px;
		right : 0px;
		width : 100%;
		margin : 20px auto 0 auto;
		max-width : 384px;
	}
	.serviceMain .flowRight img {
		width : 100%;
	}
	.serviceMain .flowComm {
		margin : 12px 6vw 0 6vw;
		width : calc(100% - 12vw);
		font-size : 13px;
		line-height : 1.8;
	}
	.serviceMain .flowRight img.imgs {
		height : 56vw;
		max-height : 271px;
	}
}


/* 商品一覧ページ */

.productWrap {
	width : 100%;
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	border : 2px solid #e7c674;
	padding : 55px 60px;
	box-sizing: border-box;
	background-color : #ffffff;
	margin-top : 130px;
}
.productWrap .productLeft {
	width :  40%;
}
.productWrap .itemSlider {

}
.productWrap .itemSlider div {
	width : 100%;
	max-width : 408px;
	margin : 0 auto;
}
.productWrap .itemSlider img {
	width : 100%;
	max-width : 408px;
	height : 24vw;
	max-height : 294px;
	object-fit: cover;
}
.productWrap .itemSlider span {
	display : block;
	width : 100%;
	max-width : 408px;
	height : 24vw;
	max-height : 294px;
	background-repeat : no-repeat;
	background-position : center center;
	background-size : cover;
}
.productWrap .productRight {
	width : 55%;
}
.productWrap h3 {
	font-size : 28px;
	font-weight : 500;
	color : #000000;
	margin-bottom : 20px;
	font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
}
.productWrap p {
	font-size : 16px;
	font-weight : 300;
	color : #000000;
	line-height : 2.0;
	margin-bottom : 24px;
	font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
}
.productWrap .price {
	display : inline-block;
	vertical-align: middle;
	font-size : 30px;
	font-weight : 500;
	color : #000000;
	width  : 47%;
	font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
}
.productWrap .price span {
	font-size : 20px;
	font-weight : 300;
	color : #000000;
	font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
}
.productWrap .ybtn {
	display : inline-block;
	vertical-align: middle;
	width  : 50%;
	text-align : right;
}
.productWrap .ybtn a {
	display : block;
	text-align : center;
	font-size : 14px;
	color : #ffffff;
	background-color : #e7c674;
	border : 2px solid #e7c674;
	border-radius : 10px;
	padding-bottom : 8px;
	line-height : 1.0;
	transition: 0.4s;
}
.productWrap .ybtn a strong {
	display : inline-block;
	vertical-align: middle;
	font-size : 72px;
	font-family: 'Manrope', sans-serif;
	font-weight : 200;
	margin-right : 4px;
	line-height : 64px;
}
.productWrap .ybtn a span {
	display : inline-block;
	vertical-align: middle;
	font-size : 13px;
	font-weight : 400;
	position : relative;
	top : 5px;
}
.productWrap .ybtn a:hover {
	color : #e7c674;
	background-color : #ffffff;
}
@media only screen and (max-width: 1100px) {
	.productWrap {
		padding : 5vw;
		margin-top : 13vw;
	}
	.productWrap h3 {
		font-size : 24px;
		margin-bottom : 16px;
	}
	.productWrap p {
		font-size : 14px;
		line-height : 1.8;
		margin-bottom : 20px;
	}
	.productWrap .price {
		font-size : 26px;
	}
	.productWrap .price span {
		font-size : 16px;
	}
	.productWrap .ybtn a strong {
		font-size : 64px;
		line-height : 6.5vw;
	}
}
@media only screen and (max-width: 760px) {
	.productWrap h3 {
		font-size : 20px;
		margin-bottom : 14px;
	}
	.productWrap p {
		font-size : 13px;
		line-height : 1.7;
		margin-bottom : 16px;
	}
	.productWrap .price {
		font-size : 22px;
	}
	.productWrap .price span {
		font-size : 14px;
	}
	.productWrap .ybtn a strong {
		font-size : 50px;
		line-height : 6.5vw;
	}
}
@media only screen and (max-width: 640px) {
	.productWrap {
		display : block;
	}
	.productWrap .productLeft {
		width : 100%;
	}
	.productWrap .productRight {
		width : 100%;
		margin-top : 20px;
	}
	.productWrap h3 {
		font-size : 20px;
		margin-bottom : 14px;
	}
	.productWrap p {
		font-size : 13px;
		line-height : 1.7;
		margin-bottom : 16px;
	}
	.productWrap .price {
		font-size : 22px;
	}
	.productWrap .price span {
		font-size : 14px;
	}
	.productWrap .ybtn a strong {
		font-size : 50px;
		line-height : 6.5vw;
	}
	.bx-wrapper {
		margin : 0 auto;
		width : 418px;
	}
	.productWrap .itemSlider img {
		height : 48vw;
	}
}
@media only screen and (max-width: 480px) {
	.productWrap .price {
		display : block;
		width  : 100%;
		text-align : right;
	}
	.productWrap .ybtn {
		display : block;
		width  : 80%;
		text-align : center;
		margin : 20px auto 0 auto;
	}
	.productWrap .ybtn a strong {
		font-size : 50px;
		line-height : 13vw;
	}
	.productWrap .itemSlider img {
		height : 56vw;
	}
}

/* Ｑ＆Ａページ */

.faqMain  {

}
.faqMain h2 {
	border-top : 1px solid #e1bf62;
	border-bottom : 1px solid #e1bf62;
	padding : 30px 0 30px 0;
	text-align : center;
}
.faqMain h2 strong {
	font-size : 34px;
	color: #bf9834;
	line-height : 1.0;
	font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
	background: url(../img/textback.png) repeat 0 0;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position : relative;
}
@media all and (-ms-high-contrast: none) {
	.faqMain h2 strong {
		font-size : 34px;
		color: #bf9834;
		line-height : 1.0;
		font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
		background: none;
		position : relative;
	}
}
.faqMain h2 strong b {
	font-size : 24px;
}
.faqItem dl {
	display : table;
	width : 100%;
	padding : 25px 0;
}
.faqItem dt {
	display : table-cell;
	font-size : 34px;
	width : 92px;
	text-align : right;
	line-height : 1.0;
	font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
}
.faqItem dd {
	display : table-cell;
	font-size : 14px;
	line-height : 2.0;
	width : calc(100% - 222px);
	text-align : left;
	padding-left : 40px;
	padding-right : 90px;
}
.faqItem .qes {
	background-color : #f0efe1;
}
.faqItem .ans {
	background-color : #fdfdf7;
}
.faqItem .qes dt {
	color : #99775e;
}
.faqItem .ans dt {
	color : #f49d2c;
}
.faqItem .qes dd {
	vertical-align : middle;
}
.faqItem .ans dd {
	vertical-align : top;
}
@media only screen and (max-width: 760px) {
	.faqMain h2 {
		padding : 3.4vw 0 3vw 0;
	}
	.faqMain h2 strong {
		font-size : calc(2.27vw + 16.7px);
	}
	.faqMain h2 strong b {
		font-size : calc(1.36vw + 13.7px);
	}
}
@media only screen and (max-width: 640px) {
	.faqItem dl {
		display : table;
		width : 100%;
		padding : 20px 0;
	}
	.faqItem dt {
		font-size : 30px;
		width : 60px;
	}
	.faqItem dd {
		width : calc(100% - 130px);
		text-align : left;
		padding-left : 30px;
		padding-right : 40px;
	}
}
@media only screen and (max-width: 480px) {
	.faqItem dl {
		display : table;
		width : 100%;
		padding : 18px 0;
	}
	.faqItem dt {
		font-size : 24px;
		width : 40px;
	}
	.faqItem dd {
		width : calc(100% - 80px);
		font-size : 13px;
		text-align : left;
		padding-left : 20px;
		padding-right : 20px;
	}
}

/* 会社概要ページ */

.aboutInt  {
	width : 100%;
	max-width : 720px;
	margin-left : auto;
	margin-right : auto;
	padding : 0 10px;
	position : relative;
	box-sizing: border-box;
}
h3.innerTitle {
	display : block;
	text-align : center;
	font-size : 28px;
	font-weight : 500;
	color : #000000;
	font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
	margin-bottom : 60px;
}
.aboutInt p {
	font-size : 16px;
	font-weight : 400;
	color : #6b6b6b;
	font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
	line-height : 2.0;
	margin-bottom : 36px;
}
.aboutInt p.long {
	padding : 0;
}
.aboutInt p.short1 {
	padding : 0 160px 0 0;
}
.aboutInt p.short2 {
	padding : 0 160px 0 0;
}
.aboutInt p.short3 {
	padding : 0 160px 0 0;
}
.aboutInt p span {
	display : block;
}
.aboutInt p strong {
	display : block;
	text-align : right;
	font-size : 18px;
	font-weight : 500;
	color : #000000;
	font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
}
.aboutInt div.img {
	position : absolute;
	bottom : 80px;
	right : 0px;
	width : 150px;
}
.aboutInt div.img img {
	width : 100%;
}
.aboutComm {
	width : 100%;
	max-width : 630px;
	margin : 100px auto 0 auto;
}
.aboutComm dl {
	display : table;
	width : 100%;
	border-top : 1px solid #d3d3d3;
}
.aboutComm dt {
	display : table-cell;
	vertical-align : middle;
	text-align: left;
	color : #6b6b6b;
	font-size : 16px;
	line-height : 1.8;
	width : 100px;
	padding : 20px 0 20px 24px;
}
.aboutComm dd  {
	display : table-cell;
	vertical-align : middle;
	text-align: left;
	color : #6b6b6b;
	font-size : 16px;
	line-height : 1.8;
	width : calc(100% - 144px);
	padding : 20px 20px 20px 0;
}
.aboutComm dl.first {
	border-top-style : none;
}
.aboutComm dl.first dd {
	color : #000000;
	font-size : 26px;
	font-weight : 500;
}
.narrowWrap .button {
	text-align : center;
}
.smp_recText {
	display : none;
}
.imageback_c {
    background: #c9a061 url(../img/backimg.jpg) no-repeat top center;
	background-size : cover;
    padding: 0 0 208px 0;
    font-size: 0;
}
.aboutBottom  {
	width : 100%;
	max-width : 853px;
	margin-left : auto;
	margin-right : auto;
	padding : 0 10px;
	position : relative;
}
.aboutBottom .accessWrap {
	width : 100%;
	max-width : 710px;
	margin : 0 auto 60px auto;
	box-sizing: border-box;
}
.aboutBottom .accessWrap table {
	width : calc(100% -  20px);
}
.aboutBottom .accessWrap th {
	width : 110px;
	text-align : center;
	background-color : #f8f1da;
	font-size : 16px;
	font-weight : 400;
	color : #6b6b6b;
}
.aboutBottom .accessWrap td {
	width : calc(100% - 160px);
	padding-left : 30px;
	text-align : left;
}
.aboutBottom .accessWrap p {
	font-size : 16px;
	font-weight : 400;
	color : #6b6b6b;
}
.accessMap {
	width : calc(100% - 20px);
	max-width : 853px;
	height : 505px;
	box-sizing: border-box;
	background : url(../img/map.jpg) no-repeat center center;
	background-size : cover;
}

@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;
	}
	.recruitItem h2 {
		font-size : calc(1.52vw + 19.9px);
	}
	.recruitItem p {
		font-size : calc(0.38vw + 11.0px);
	}
}
@media only screen and (max-width: 1680px) {
	.recruitItem  {
		top : calc(12vw - 32px);
	}
	.recruitItem  {
		left: calc(46% - 45px);
		width: calc(50vw + 70px);
	}
}
@media only screen and (max-width: 1380px) {
	.recruitImg img {
		width : 100%;
		max-width : 1380px;
		height : 40vw;
		object-fit : cover;
	}
}
@media only screen and (max-width: 1270px) {
	.recruitItem p {
		line-height : 1.6;
	}
	.recruitItem p span {
		display : inline;
	}
	.recruitItem  {
		left: calc(50% - 120px);
		top: calc(14vw - 32px);
		width: calc(53vw + 60px);
	}
}
@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;
	}
	.recruitItem  {
		left: calc(37% - 140px);
		top: calc(13vw - 32px);
		width: calc(65vw + 80px);
	}
}
@media only screen and (max-width: 800px) {
	.recruitWrap {
		height: 60vw;
		max-height: 320px;
	}
	.recruitImg img {
		width: 100%;
		max-height: 320px;
		height: 60vw;
		object-fit : cover;
	}
	.recruitRightImg  {
		display : none;
	}
	.rc_overLight  {
		left : calc(100% - 78vw);
		width : 78vw;
	}
	.rc_overDeep  {
		left : calc(100% - 62.5vw);
		width : 62.5vw;
	}
	.recruitItem  {
		left: calc(40% - 160px);
		top: calc(6vw + 16px);
		width: calc(68vw + 80px);
		min-width: 0;
	}
	.recruitItem h2 {
		font-size : calc(2.08vw + 11.4px);
		line-height : 1.4;
		margin-bottom : 2vw;
	}
	.recruitItem h2 span {
		display : block;
	}
	.recruitItem p {
		font-size : calc(0.83vw + 9.4px);
		line-height : 1.4;
	}
	.recruitItem span {
		display : block;
	}
	.recruitItem .button {
		margin-top : 6vw;
		margin-bottom : 5vw;
	}
	h2.recruitTitle  {
		padding-bottom : calc(0.6vw + 6px);
		margin-bottom : calc(1vw + 8px);
	}
	h2.recruitTitle span {
		font-size : calc(1.25vw + 20.0px);
	}
	.aboutComm dt {
		font-size : calc(0.62vw + 11.0px);
	}
	.aboutComm dd  {
		font-size : calc(0.62vw + 11.0px);
		line-height : 1.8;
	}
	.mgt100 {
		margin : 10vw 0 0 0;
	}
}
@media only screen and (max-width: 740px) {
	.aboutInt p {
		font-size : calc(0.71vw + 10.7px);
		line-height : 1.8;
		margin-bottom : 4vw;
	}
	.aboutInt p span {
		display : inline;
	}
	.aboutInt div.img {
		bottom : 8vw;
	}
	.aboutComm {
		margin : 10vw auto 0 auto;
	}
	.aboutBottom .accessWrap {
		margin : 0 auto 6vw auto;
	}
	.aboutBottom .accessWrap th {
		width : 20vw;
		font-size : calc(0.71vw + 10.7px);
	}
	.aboutBottom .accessWrap td {
		width : calc(100% - 22vw);
		padding-left : 2vw
	}
	.aboutBottom .accessWrap p {
		font-size : calc(0.71vw + 10.7px);
	}
}
@media only screen and (max-width: 600px) {
	.aboutInt p.short1 {
		padding : 0 0 0 0;
	}
	.imageback_c {
		padding-bottom : calc(18vw + 40px);
	}
}
@media only screen and (max-width: 530px) {
	.aboutComm dt {
		font-size : calc(0.95vw + 11.0px);
		width : 6em;
		padding : 3vw 0 3vw 6px;
	}
	.aboutComm dd  {
		font-size : calc(0.95vw + 11.0px);
		width : calc(100% - 6em);
		padding : 3vw 0 3vw 6px;
	}
	.aboutComm dl.first dd {
		font-size : calc(3.81vw + 5.8px);
	}
}
@media only screen and (max-width: 480px) {
	.recruitItem  {
		top: 21vw;
		width: auto;
		min-width: 0;
	}
	.recruitItem h2 {
		font-size : calc(2.5vw + 12.0px);
		line-height : 1.4;
	}
	.recruitItem p {
		display : none;
	}
	.smp_recText {
		display : block;
		margin-top : 20px;
	}
	.smp_recText p {
		font-size : 14px;
		color : #454fb5;
		font-weight : 600;
		margin : 0;
		line-height : 1.6;
		padding : 0 4vw;
		font-family: 'Yu Mincho',YuMincho,sans-serif;
	}
	.aboutInt p.short2 {
		padding : 0 26vw 0 0;
	}
	.aboutInt p.short3 {
		padding : 0 26vw 0 0;
	}
	.aboutInt p strong {
		font-size : 16px;
	}
	.aboutInt div.img {
		width : 26vw;
	}
	.accessMap {
		max-width : 480px;
		height : 378px;
		background : url(../img/map2.jpg) no-repeat center center;
	}
}
@media only screen and (max-width: 380px) {
	.aboutInt p.short2 {
		padding : 0 0 0 0;
	}
}


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

.footer {
	margin-top : 0;
	padding : 66px 0 60px 0;
	box-sizing : border-box;
	position : relative;
	text-align : center;
	background: rgb(105,76,23);
	background: linear-gradient(90deg, rgba(105,76,23,1) 0%, rgba(189,125,28,1) 0%, rgba(234,214,141,1) 100%);
}
.footMenu  {
	display : block;
	text-align : center;
	width : 100%;
	max-width : 884px;
	margin : 0 auto 0 auto;
}
.footMenu ul {
	display : -webkit-flex;
	display : flex;
	-webkit-justify-content : space-between;
	justify-content : space-between;
	padding-top : 0px;
}
.footMenu li {
	display : inline-block;
	vertical-align : top;
	text-align : center;
	padding : 0 34px;
}
.footMenu li.wline {
	border-left : 1px solid #aa7711;
}
.footMenu li a {
	transition: 0.3s;
}
.footMenu li a:hover {
	opacity : 0.7;
}
.copyright  {
	text-align : center;
	margin-top : 48px;
	color : #323232;
	font-size : 13px;
	font-weight : 400;
	font-family : 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', serif;
}
.wrapSidebutton  {
	width : 152px;
    bottom: 156px;
    cursor: pointer;
    display: none;
    margin-right: auto;
    position: fixed;
    right: 6px;
	z-index : 19;
}
.wrapPageTopPc {
    height: 0;
    position: relative;
    width: 100%;
    z-index: 9999;
	display : none;
}
.wrapPageTopPc p {
    bottom: 0px;
    cursor: pointer;
    display: block;
    margin-right: auto;
    position: fixed;
    right: 6px;
}
.wrapPageTopPc p img {
    width : 152px;
}

/* 管理画面フッター */
#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;
}
.bottomTel  {
	display : none;
	width : 300px;
	height : 58px;
	text-align : center;
	position : fixed;
	bottom : 0;
	left : calc(50% - 150px);
	z-index : 20;
}
.bottomTel img {
	width : 135px;
	height : 55px;
	border-radius : 10px 10px 0 0;
	border-top : 3px solid #ffffff;
	border-left : 3px solid #ffffff;
	border-right : 3px solid #ffffff;
}
@media only screen and (max-width: 1350px) {
	.wrapSidebutton  {
		display: none;
		right: -996px;
		z-index : -10;
	}
	.wrapPageTopPc p img {
	    width : 80px;
	}
	.bottomTel  {
		display : block;
	}
}
@media only screen and (max-width: 960px) {
	.copyright  {
		margin-top : 0px;
		font-size : 12px;
	}
	.footMenu ul {
		display : none;
	}
}
@media only screen and (max-width: 600px) {
	.form-field {
		font-size : 14px;
		width: 96%;
	}
	.form-zip {
		font-size : 14px;
	}
	.inputarea1  {
		padding : 4px;
		font-size : 14px;
	}
	.wrapPageTopPc p {
		right : 5px;
		bottom: 56px;
	}
}