@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------*/

*{
	margin:0;
	padding:0;
}


body {
	min-height: 100%;
	font-size: 1.08vw;
	line-height: 175%;
	/*font-family: 'Noto Sans Japanese', serif;*/
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 400;
    font-style: normal;
	color: #000000;
	-webkit-text-size-adjust: 100%;
}

img {
	border: 0;
	vertical-align: top;
	vertical-align: bottom;
}
a {
	overflow: hidden;
	outline: none;
	color: #000000;
	text-decoration:none;
}
.pc_hide {
	display: none !important;
}
.sp_hide {
}
a {
	opacity: 1;/*-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;*/
}
a:hover {
}
.sp_hide {
}
.pc_hide {
	display: none;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
/*-----------------------------------------------------------*/
/*ヘッダー*/

#header_wrap {
width: 100vw;
    margin: 0px auto;
    overflow: hidden;
    position: fixed;
    z-index: 10000;
    background: #fff;
}
	
#header {
	/*width: 80.41vw;*//*mail有りの場合*/
	width:73.86vw;
	height: 6.76vw;
	margin: 0px auto;
	position: relative;
}
/**/

#header h1 {
	line-height: 100%;
	font-size: 0px;
	position: absolute;
	top: 1.69vw;
	left: 1.01vw;
}

#header h1 img{
	width:21.76vw;
	height:4.53vw;
}

/**/

.gnavi {
	/*width: 54.05vw;*//*mail有りの場合*/
	width:47.5vw;
	position: absolute;
	right: 0px;
	top: 0px;
	overflow:hidden;
}

.gnavi ul{
	width: 28.38vw;
	height: 6.76vw;
	display: table;
	padding-left:0;
	list-style:none;
	overflow:hidden;
}

.gnavi ul li {
	/*width:75px;*/
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position:relative;
	padding-right:3.72vw;
	transition:1.0s;
	
}

.gnavi ul li:hover {
	opacity:0.3;
	
}


.gnavi ul li:first-child{
	padding-right:3.04vw;
}

.gnavi ul li:last-child{
	padding-right:0px;
}

.gnavi ul li a {
	line-height:0.47vw;
	transition:1.0s;
}




.gnavi ul li a span{
	display:block;
	width:100%;
	font-size:0.88vw;
	color:#39B04A;
	padding-top:0.37vw;
}

.gnavi .tel{
	position:absolute;
	top:0;
	/*right:6.76vw;*//*mail有りの場合*/
	right:0;
    transition: 1.0s ;
}

.gnavi .tel img{
	width:14.73vw;
	height:6.76vw;
}

.gnavi .tel:hover{
	opacity:0.5;
}



.gnavi .mail{
	position:absolute;
	top:0;
	right:0;
    transition: 1.0s ;
}

.gnavi .mail:hover{
	opacity:0.5;
}


.gnavi .mail img{
	width:6.55vw;
	height:6.76vw;
}


/*-----------------------------------------------------------*/
/*メイン画像*/

#main_img{
	width:100vw;
	/*height:45.81vw;*/
	height:43.25vw;
	margin:0 auto;
	padding-top: 6.76vw;
	background:url(index/main_img01.png) no-repeat;
	background-size:cover;
	background-position:bottom left -5.35vw;
	position:relative;
}

.catch{
	opacity:0;
  /*アニメーション設定*/
  animation-name:fade-in1;
  animation-duration:3.5s; /*アニメーション時間*/
  animation-timing-function: ease-out; /*アニメーションさせるイージング*/
  animation-delay:1s; /*アニメーション開始させる時間*/
  animation-iteration-count:1; /*繰り返し回数*/
  animation-direction:normal; /*往復処理をするかどうか*/
  animation-fill-mode: forwards; /*アニメーション後のスタイルをどうするか*/
}


/* アニメーション*/
@keyframes fade-in1 {
  0% {opacity: 0}
  100% {opacity: 1}
}


#main_img dl{
	position:absolute;
	top:18.58vw;
	left:18.55vw;
	font-weight:100;
	color:#fff;
}

#main_img dl dt{
	font-size:3.24vw;
	line-height:125%;
	font-weight: lighter;
	color:#fff;
	margin-bottom:2.50vw;
}

#main_img dl dd{
	font-size:1.35vw;
	font-weight:200;
	line-height:125%;	

}

#main_img .scroll{
	position:absolute;
	bottom:-8.11vw;
	left:12.84vw;
	z-index:1000;
}

#main_img .scroll img{
	width:2.57vw;
	height:22.64vw;
}

.img_box{
  animation: img_box_9955 3s linear infinite;
  transform-origin: 50% 50%;
  margin: 1rem 0 !important;
}
 
@keyframes img_box_9955 {
  0% { transform: translateY(0) }
  33.33333% { transform: translateY(-10px) }
  66.66667% { transform: translateY(0) }
  100% { transform: translateY(0) }
}

#main_img .scroll_txt{
	position:absolute;
	bottom:8.11vw;
	left:13.78vw;
	z-index:10000;
}

#main_img .scroll_txt img{
	width:3.58vw;
	height:1.08vw;
}


#main_img .new_item{
	width:27.57vw;
	position:absolute;
	bottom:2.36vw;
	right:9.53vw;
	background:#fff;
    transition: 1.0s ;
}

#main_img .new_item:hover{
	opacity:0.7;
}


#main_img .new_item .left_col{
	float:left;
	width:16.08vw;
}

#main_img .new_item .left_col .new{
	margin:1.01vw 0 0 1.55vw;
	font-size:1.22vw;
	letter-spacing:0.1em;
	color:#29A6DD;
}

#main_img .new_item .left_col .cat_name{
	font-size:1.82vw;
	margin:1.42vw 0 0 1.55vw;
	color:#4D4D4D;
}

#main_img .new_item .left_col .detail{
	color:#666666;
	margin:1.64vw 0 0 6.35vw;
}

#main_img .new_item a{
	display:block;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow.png);
	background-position:  left 9.12vw bottom 1.35vw;
	background-repeat: no-repeat;
	background-size: 5.20vw 1.22vw;
}

#main_img .new_item a:hover{
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow.png);
	background-position:  left 9.50vw bottom 1.35vw;
	z-index:100;
}



#main_img .new_item .right_col{
	float:right;
	width:10.95vw;
	margin:0.61vw 0.54vw 0.61vw 0;
}

#main_img .new_item .right_col img{
	width:10.95vw;
	height:9.26vw;
}

/*-----------------------------------------------------------*/
/*コンテンツ*/

#contents_block01{
	width:100vw;
	margin:0 auto;
	background:url(index/contents_bg01.png) no-repeat;
	background-size:cover;
	overflow:hidden;
}

#contents_block01 .concept{
	width:54.93vw;
	margin:0 auto 4.19vw auto;
}

#contents_block01 .concept h3{
	font-size:1.76vw;
	font-weight:300;
	letter-spacing:0.2em;
	padding-top:3.38vw;
	text-align:center;
	padding-bottom:1.22vw;
	border-bottom:1px solid #39B04A;
}

#contents_block01 .concept h3::before{
	content:'CONCEPT';
	display:block;
	font-size:1.35vw;
	font-weight:200;
	letter-spacing:0.1em;
	color:#73C58A;
	margin-bottom:1.01vw;
}

#contents_block01 .concept h3 span{
	font-size:1.49vw;
}

#contents_block01 .concept .txt01{
	line-height:290%;
	letter-spacing:0.1em;
	text-align:center;
/*	margin-top:1.35vw;*/
}

#contents_block01 .concept .txt02{
	font-size:1.42vw;
	line-height:300%;
	letter-spacing:0.1em;
	text-align:center;
}

#contents_block01 .concept .txt02 span.u01{
	border-bottom:6px solid #5DA03A;
}

#contents_block01 .concept .txt02 span.u02{
	border-bottom:6px solid #175A91;
}

#contents_block01 .concept .txt03{
	line-height:290%;
	letter-spacing:0.1em;
	text-align:center;
	margin-top:0.81vw;
}

/**/



#contents_block01 .point01{
	width:100vw;
	margin:0 auto 4.80vw auto;
	overflow:hidden;
	position:relative;
}


#contents_block01 .point01 .left_col{
	float:left;
}

#contents_block01 .point01 .left_col img{
	width:61.62vw;
	height:34.59vw;
}



#contents_block01 .point01 .right_col{
	position:absolute;
	top:5.88vw;
	right:0;
	width:39.39vw;
	background:#5DA03A;

}

#contents_block01 .point01 .right_col dl{
	margin:6.22vw 0 3.78vw 4.86vw;
	color:#fff;
}

#contents_block01 .point01 .right_col dl dt{
	font-size:1.59vw;
	letter-spacing:0.1em;
}

#contents_block01 .point01 .right_col dl dt::before{
	content:'';
	display:inline-block;
	background:url(index/icon_01.png) no-repeat;
	background-size:contain;
	width:2.09vw;
	height:2.09vw;
	margin-right:0.68vw;
	position:relative;
	top:0.34vw;
}

#contents_block01 .point01 .right_col dl dd{
	margin-top:2.03vw;
	line-height:186%;
}

#contents_block01 .point01 .right_col dl .detail{
	font-size:1.01vw;
	font-weight:300;
}

#contents_block01 .point01 .right_col dl .detail a{
	color:#fff;
	display: block;
	width:11.15vw;
	line-height: 1.22vw;
	margin:2.03vw 0 0 8.51vw;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow02.png);
	background-position:  right 0.74vw bottom 0.3vw;
	background-repeat: no-repeat;
	background-size: 6.76vw 1.22vw;
}

#contents_block01 .point01 .right_col dl a:hover{
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow02.png);
	background-position:  right 0vw bottom 0.3vw;
	z-index:100;
}

/**/

#contents_block01 .point02{
	width:100vw;
	margin:0 auto 4.80vw auto;
	overflow:hidden;
	position:relative;
}

#contents_block01 .point02 .left_col{
	float:right;
}

#contents_block01 .point02 .left_col img{
	width:61.62vw;
	height:34.59vw;
}

#contents_block01 .point02 .right_col{
	position:absolute;
	top:5.88vw;
	left:0;
	width:39.39vw;
	background:#359FBC;

}

#contents_block01 .point02 .right_col dl{
	margin:6.22vw 0 3.78vw 13.51vw;
	color:#fff;
}

#contents_block01 .point02 .right_col dl dt{
	font-size:1.59vw;
	letter-spacing:0.1em;
}

#contents_block01 .point02 .right_col dl dt::before{
	content:'';
	display:inline-block;
	background:url(index/icon_02.png) no-repeat;
	background-size:contain;
	width:2.09vw;
	height:2.09vw;
	margin-right:0.68vw;
	position:relative;
	top:0.34vw;
}

#contents_block01 .point02 .right_col dl dd{
	margin-top:2.03vw;
	line-height:186%;
}

#contents_block01 .point02 .right_col dl .detail{
	font-size:1.01vw;
	font-weight:300;
}

#contents_block01 .point02 .right_col dl .detail a{
	color:#fff;
	display: block;
	width:11.15vw;
	line-height: 1.22vw;
	margin:2.03vw 0 0 8.51vw;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow02.png);
	background-position:  right 0.74vw bottom 0.3vw;
	background-repeat: no-repeat;
	background-size: 6.76vw 1.22vw;
}

#contents_block01 .point02 .right_col dl a:hover{
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow02.png);
	background-position:  right 0vw bottom 0.3vw;
	z-index:100;
}

/**/

#contents_block01 .point03{
	width:100vw;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

#contents_block01 .point03 .left_col{
	float:left;
}

#contents_block01 .point03 .left_col img{
	width:61.62vw;
	height:34.59vw;
}

#contents_block01 .point03 .right_col{
	position:absolute;
	top:5.88vw;
	right:0;
	width:39.39vw;
	background:#266696;

}

#contents_block01 .point03 .right_col dl{
	margin:6.22vw 0 3.78vw 4.86vw;
	color:#fff;
}

#contents_block01 .point03 .right_col dl dt{
	font-size:1.59vw;
	letter-spacing:0.1em;
}

#contents_block01 .point03 .right_col dl dt::before{
	content:'';
	display:inline-block;
	background:url(index/icon_03.png) no-repeat;
	background-size:contain;
	width:2.09vw;
	height:2.09vw;
	margin-right:0.68vw;
	position:relative;
	top:0.34vw;
}

#contents_block01 .point03 .right_col dl dd{
	margin-top:2.03vw;
	line-height:186%;
}

#contents_block01 .point03 .right_col dl .detail{
	font-size:1.01vw;
	font-weight:300;
}

#contents_block01 .point03 .right_col dl .detail a{
	color:#fff;
	display: block;
	width:11.15vw;
	line-height: 1.22vw;
	margin:2.03vw 0 0 8.51vw;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow02.png);
	background-position:  right 0.74vw bottom 0.3vw;
	background-repeat: no-repeat;
	background-size: 6.76vw 1.22vw;
}

#contents_block01 .point03 .right_col dl a:hover{
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow02.png);
	background-position:  right 0vw bottom 0.3vw;
	z-index:100;
}

/**/

#contents_block02{
	width:100vw;
	margin:0 auto;
	background: url(index/bg_product.png) no-repeat;
	background-size:cover;
	overflow:hidden;
}

#contents_block02 .product{
	width:69.26vw;
	margin:0 auto 8.99vw auto;
	overflow:hidden;
	position:relative;
}

#contents_block02 .product h3{
	font-size:1.79vw;
	font-weight:300;
	letter-spacing:0.1em;
	text-align:center;
	margin-top:6.96vw;
	margin-bottom:2.03vw;
}

#contents_block02 .product h3::before{
	content:'PRODUCT';
	display:block;
	font-size:1.35vw;
	font-weight:200;
	letter-spacing:0.1em;
	color:#29A6DD;
	margin-bottom:1.22vw;	
}

#contents_block02 .product .btn01{
	width:12.77vw;
	border:1px solid #aeaeae;
	position:absolute;
	top:8.78vw;
	right:0;
}

#contents_block02 .product .btn01 a{
	display:block;
	width:12.77vw;
	line-height:3.85vw;
	text-indent:2.57vw;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow03.png);
	background-position:  right 0.74vw bottom 1.28vw;
	background-repeat: no-repeat;
	background-size: 4.32vw 1.22vw;
}

#contents_block02 .product .btn01 a:hover{
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow03.png);
	background-position:  right 0.39vw bottom 1.28vw;
	z-index:100;
}

#contents_block02 .product .left_col{
	float:left;
	width:33.85vw;
	background:#fff;
    box-shadow: 0 0 6px #aeaeae;
	margin-left:0.54vw;
	margin-bottom:0.54vw;
}

#contents_block02 .product .left_col a{
	display:block;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform:scale(1);
	transform:scale(1);
	background-image: url(index/img_arrow03.png);
	background-position:  right 1.82vw bottom 1.88vw;
	background-repeat: no-repeat;
	background-size: 4.32vw 1.22vw;
}

#contents_block02 .product .left_col a:hover{
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow03.png);
	background-position:  right 1.00vw bottom 1.88vw;
	z-index:100;
}

#contents_block02 .product .left_col a:hover img{
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}

#contents_block02 .product .left_col dl{
}


#contents_block02 .product .left_col dl dt{
	text-align:center;
	margin-top:1.89vw;
}

#contents_block02 .product .left_col dl dt img{
	width:19.19vw;
	height:16.55vw;
}

#contents_block02 .product .left_col dl dd{
	margin-top:1.01vw;
	margin-left:1.35vw;
	
}

#contents_block02 .product .left_col dl dd .txt01{
	font-size:1.22vw;
	letter-spacing:0.1em;
	color:#29A6DD;
}

#contents_block02 .product .left_col dl dd .txt02{
	font-size:2.38vw;
	color:#4D4D4D;
	margin-top:1.01vw;
}

#contents_block02 .product .left_col dl dd .txt03{
	line-height:137%;
	color:#1A1A1A;
	margin-top:1.35vw;
}

#contents_block02 .product .left_col dl dd .detail{
	color:#4D4D4D;
	margin:1.89vw 0 1.49vw 22.93vw;
}

/*
#contents_block02 .product .left_col dl dd .detail a{
	color:#4D4D4D;
	display: block;
	width:8.78vw;
	line-height: 1.22vw;
	margin:2.36vw 0 1.49vw 22.93vw;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow03.png);
	background-position:  right 1.62vw bottom 0.3vw;
	background-repeat: no-repeat;
	background-size: 4.32vw 1.22vw;
}

#contents_block02 .product .left_col dl dd .detail a:hover{
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow03.png);
	background-position:  right 0vw bottom 0.3vw;
	z-index:100;
}
*/

#contents_block02 .product .right_col{
	float:right;
	width:33.11vw;
	margin-top:2.57vw;
	text-align:center;
}

#contents_block02 .product .right_col dl{
	display:inline-block;
	width:15.09vw;
	height:12.28vw;
	margin:0 0.65vw 1.35vw 0.68vw; 
}

#contents_block02 .product .right_col dl a{
	display: block;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow04.png);
	background-position:  right 0.61vw bottom 0.3vw;
	background-repeat: no-repeat;
	background-size: 4.32vw 1.22vw;
}

#contents_block02 .product .right_col dl a:hover{
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow04.png);
	background-position:  right 0.28vw bottom 0.3vw;
	z-index:100;
	opacity:0.5;
}

#contents_block02 .product .right_col dl.cat01{
	background:#A88558;
}

#contents_block02 .product .right_col dl.cat02{
	background:#84949B;
}

#contents_block02 .product .right_col dl.cat03{
	background:#5DA03A;
}

#contents_block02 .product .right_col dl.cat04{
	background:#359FBC;
}

#contents_block02 .product .right_col dl dt{
	font-size:1.62vw;
	text-align:left;
	margin:3.65vw 0 0 1.22vw;
	color:#fff;
}

#contents_block02 .product .right_col dl dd{
	margin-top:3.51vw;
	margin-left:7.23vw;
	color:#fff;
	text-align:left;
}

/*
#contents_block02 .product .right_col dl dd a{
	color:#fff;
	display: block;
	width:7.91vw;
	line-height: 1.22vw;
	text-align:left;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow04.png);
	background-position:  right 0.61vw bottom 0.3vw;
	background-repeat: no-repeat;
	background-size: 4.32vw 1.22vw;
}

#contents_block02 .product .right_col dl dd a:hover{
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow04.png);
	background-position:  right 0vw bottom 0.3vw;
	z-index:100;
}
*/

/**/
#contents_block03{
	width:100vw;
	margin:0 auto;
	background: url(index/bg_kind.png) no-repeat;
	background-size:cover;
	overflow:hidden;
}

#contents_block03 .kind{
	width:74.32vw;
	margin:3.11vw auto 0vw auto;
	position:relative;
	background:#fff;
}

#contents_block03 .kind h3{
	font-size:1.76vw;
	font-weight:300;
	letter-spacing:0.1em;
	text-align:center;
	padding-top:2.16vw;
	margin-bottom:1.69vw;
}

#contents_block03 .kind h3::before{
	content:'KIND';
	display:block;
	font-size:1.35vw;
	font-weight:200;
	letter-spacing:0.1em;
	color:#5DA03A;
	margin-bottom:1.22vw;	
}

#contents_block03 .kind .btn01{
	width:12.77vw;
	border:1px solid #aeaeae;
	position:absolute;
	top:2.23vw;
	right:2.23vw;
}

#contents_block03 .kind .btn01 a{
	display:block;
	width:12.77vw;
	line-height:3.85vw;
	text-indent:2.57vw;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow03.png);
	background-position:  right 0.74vw bottom 1.28vw;
	background-repeat: no-repeat;
	background-size: 4.32vw 1.22vw;
}

#contents_block03 .kind .btn01 a:hover{
	-webkit-transition: all .3s;
	transition: all .3s;
	background-image: url(index/img_arrow03.png);
	background-position:  right 0.39vw bottom 1.28vw;
	z-index:100;
}

#contents_block03 .kind .icon{
	position:absolute;
	top:-1.01vw;
	left:2.57vw;
}

#contents_block03 .kind .icon img{
	width:11.15vw;
	height:9.86vw;
}

#contents_block03 .kind p{
	font-size:1.01vw;
	text-align:center;
}

#contents_block03 .kind .btn_block{
	width:100%;
	margin-top:1.62vw;
	margin-bottom:1.15vw;
	text-align:center;
}

#contents_block03 .kind .btn_block .btn02{
	display:inline-block;
	width:17.12vw;
	border:1px solid #949494;
	box-sizing:border-box;
	margin:0 0.20vw;
}

#contents_block03 .kind .btn_block .btn02 a{
	display:block;
	width:17.12vw;
	line-height:4.18vw;
	font-size:1.22vw;
	letter-spacing:0.1em;
	color:#27875C;
	transition:1.0s;
}

#contents_block03 .kind .btn_block .btn02 a:hover{
	display:block;
	width:17.12vw;
	line-height:4.18vw;
	font-size:1.22vw;
	letter-spacing:0.1em;
	background:#27875C;
	color:#fff;
}

#contents_block03 .kind .bnr_block{
	width:100%;
	margin-bottom:6.69vw;
	padding-bottom:2.16vw;
	overflow:hidden;
	text-align:center;
}

#contents_block03 .kind .bnr_block .bnr{
	display:inline-block;
	margin:0 0.51vw;
}

#contents_block03 .kind .bnr_block .bnr img{
	width:34.39vw;
	height:10.95vw;
	transition:1.0s;
}

#contents_block03 .kind .bnr_block .bnr img:hover{
	opacity:0.5;
}
/*
#contents_block03 .kind .bnr_block .bnr img{
	width:34.39vw;
	height:10.95vw;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
/*}*/

/*#contents_block03 .kind .bnr_block .bnr img:hover {
	transform: scale(1.05);	/*画像の拡大率*/
	/*transition-duration: 0.3s;	/*変化に掛かる時間*/
/*}*/


/*-----------------------------------------------------------*/
/*お問い合わせ*/


#contact_wrap{
	width:100vw;
	margin:0 auto;
	overflow:hidden;
}

#contact_wrap .left_col{
	float:left;
	width:50%;
	height:31.82vw;
}


#contact_wrap .right_col {
    float: right;
    width: 50%;
	height:31.82vw;
    background: url(common/bg_contact.png) 0% 0% / cover no-repeat;
}

#contact_wrap .right_col h4 {
    margin-top: 4.39vw;
    margin-bottom: 1.69vw;
    font-size: 1.55vw;
    font-weight: 300;
    color: #fff;
    text-align: center;
	position:relative;
}

#contact_wrap .right_col h4:before{
    content: '';
    position: absolute;
    bottom: -0.88vw;
    display: inline-block;
    width: 7.57vw;
    height: 1px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
}

#contact_wrap .right_col p {
    text-align: center;
    font-weight: bold;
    line-height: 175%;
    color: #FFFFFF;
}

#contact_wrap .right_col .tel {
    color: #fff;
    margin-top: 1.55vw;
    text-align: center;
}

#contact_wrap .right_col .tel dt {
    font-size: 2.70vw;
    font-weight: 100;
}

#contact_wrap .right_col .tel dt::before{
	content:'';
	display:inline-block;
	background:url(common/contact_tel.png) no-repeat;
	background-size:contain;
	width:2.36vw;
	height:2.57vw;
	margin-right:0.47vw;
	position:relative;
	bottom:-0.47vw;
	
}

#contact_wrap .right_col .tel dd {
    margin-top: 0.88vw;
    font-size: 1.49vw;
    font-weight: 200;
}

#contact_wrap .right_col .mail02 {
    text-align: center;
    margin-top: 1.76vw;
    margin-bottom: 2.03vw;
    transition: 1.0s ;
}

#contact_wrap .right_col .mail02:hover{
	opacity:0.5;
}

#contact_wrap .right_col .com {
    text-align: center;
    color: #fff;
    margin-bottom: 4.05vw;
    font-size: 1.22vw;
}

#contact_wrap .left_col iframe {
    width: 100%;
	height:31.82vw;
    filter: grayscale(100%);
}


/*-----------------------------------------------------------*/
/*フッター*/
#footer_wrap {
	width: 100vw;
	margin: 0px auto;
	background-color: #333333;
	overflow:hidden;
}

#footer {
	width: 69.93vw;
	margin: 0px auto;
}
/**/

.foot_content {
	width:100%;
	overflow: hidden;
	margin-bottom:5.95vw;
	position:relative;
}

.foot_content .left_col {
	float:left;
	width:31.69vw;
	margin-left:1.35vw;
}


.foot_content .left_col h1{
	line-height: 100%;
	font-size: 0px;
	margin-top:0;
	margin-top:3.58vw;
}

.foot_content .left_col dl{
	margin-top:0;
	margin-top:1.01vw;
}

.foot_content .left_col dl dt{
	font-size:1.01vw;
	color:#fff;
	letter-spacing:0.15em;
}

.foot_content .left_col dl dd{
	margin-left:0;
	font-size:1.01vw;
	color:#fff;
	letter-spacing:0.15em;
}

.foot_content .left_col dl dd a{
	color:#fff;
}

.foot_content .right_col{
	float: right;
	width:31.76vw;
	overflow:hidden;
}

.foot_content .right_col ul{
	list-style:none;
	display:table;
	width:25.68vw;
	margin-top:5.41vw;
}

.foot_content .right_col ul li{
	display:table-cell;
}

.foot_content .right_col ul li:first-child{
	padding-left:10px;
}

.foot_content .right_col ul li a{
	font-size:1.01vw;
	font-weight:bold;
	color:#fff;
	transition:1.0s;
}

.foot_content .right_col ul li a:hover{
	opacity:0.5;
}

.foot_content .right_col p{
	font-size:0.95vw;
	color:#fff;
	margin-top:4.39vw;
	letter-spacing:0.15em;
}


.foot_content .totop {
	width:4.39vw;
	position: absolute;
	top: 2.5vw;
	right: 1.5vw;
}

.foot_content .totop img {
	width:4.39vw;
	height:3.11vw;
}

#copy{
	color:#fff;
    font-family: 'Hiragino Sans',sans-serif;
	font-weight:200;
	font-size:10px;
	margin:0;
	margin-top:47px;
	/*letter-spacing:0.1em;*/
}

/* 画面外にいる状態 */
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 1000ms;
    }

/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }