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

@import url("./drawer.css");

/* --------------------------
 ドロワーメニュー
----------------------------*/
.drawer-nav{
	color: #000;
}
.drawer-nav .drawer-menu > li{
	border-top: 1px solid #fff;
	line-height: 2.0rem;
}
.drawer-nav .drawer-dropdown-menu > li{
/*	border-top: 1px solid #ccc; */
	line-hright: 1.4;
	font-size: 14px;
}



#menu{
	font-size: 17px;
	line-height: 1.8;
	margin: 50px 0 0;
}

#menu ul li:first-child{
	margin-left: 0px;
}
#menu ul li{
	display: inline-block;
	margin-left: 40px;
	/*padding-left: 10px;*/
}

a{
	text-decoration: none;
}

#menu ul li a:link{
	color: #ffffff;
	text-decoration: none;
}
#menu ul li a:visited{
	color: #ffffff;
	text-decoration: none;
}
#menu ul li a:hover{
	color: #ffffff;
	text-decoration: none;
}
#menu ul li a:active{
	color: #ffffff;
	text-decoration: none;
}

/* --------------------------
 共通
----------------------------*/
/*
html { overflow-x:hidden; }
*/

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}


html {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}
@media all and (-ms-high-contrast: none)  {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
@media all and (-ms-high-contrast: active) {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}

body{
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;

	/*font-family: '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
	/*font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";*/
	/*font-family: "游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","HGS明朝E","メイリオ",Meiryo,serif;*/

	/*font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";*/


	background-color: #A5BFCF;
	margin: 0;
	padding: 0;

	font-size: 30px;
}

.mincho {
	/*font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;*/
	font-family: Georgia,"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","HGS明朝E","メイリオ",Meiryo,serif;
}	

.gothic {
	@font-face {
		font-family: YuGothicM;
		src: local("Yu Gothic Medium");
	}
	/*font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;*/
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";

}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
p{
	margin: 0;
}
ul{
	padding: 0;
}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}


article,
aside,
footer,
header,
nav,
section {
	display: block;
}

.flr {
	float: right;
}
.fll {
	float: left;
}
.cf:after{
	content: "";
	clear: both;
	display: block;
}
ul,ol,li{
	list-style: none;
}
.inline-block{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.coming_soon{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin: auto;
	max-width: 1028px;
	max-height: 324px;
	text-align: center;
}

.indispensable{
	color: #FF0000;
	margin-left: 5px;
}

.sp_01{
	width: 68%;
	p{
		color: #fff;
		font-size: 22px;
		line-height: 1.8;
		padding: 60px 0px;
	}
}
.sp_02{
	display: inline-block;
	vertical-align: top;
	width:36%;
}
.sp_03{
	display: inline-block;
	vertical-align: top;
	width: 64%;
	color: #fff;
	font-size: 18px;
	line-height: 1.8;
	.article_space{
		padding-left: 40px;
	}
}

.sp_04{
	display: inline-block;
	vertical-align: middle;
	width: 70%;
}
.sp_05{
	display: inline-block;
	vertical-align: middle;
	width: 30%;
	color: #fff;
	font-size: 15px;
	line-height: 1.8;
	text-align: center;
}
.sp_06{
	width:50%;text-align:center;padding:50px 0;
}
.sp_07{
	width:50%;text-align:center;
}
.sp_08{
	color:#fff;padding:50px 0px;font-size:24px;
}
.sp_09{
	padding:0 5px;
	color: #fff;
}
.sp_10{
	width:50%;text-align:center;
}
.sp_11{
	width:50%;text-align:center;padding:50px 0;

	p{
		color: #fff;
		font-size: 22px;
		line-height: 1.8;
	}

}
.sp_12{
	width:50%;text-align:center;padding:50px 0;

	p{
		color: #fff;
		font-size: 22px;
		line-height: 1.8;
	}

}
.sp_13{
	width:50%;text-align:center;
}
.sp_14{
	padding:50px 0;
	color: #fff;
}

.sp_concept_img{
	text-align: center;
	margin: 0 auto 15px;
	display: block;
}


.sld1{
	background-color: #fff;
	background: url(../images/top_main_01.png) no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0;
	padding: 0;
}
.sld2{
	background-color: #fff;
	background: url(../images/top_main_02.png) no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0;
	padding: 0;
}
.sld3{
	background-color: #fff;
	background: url(../images/concept_01.png) no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0;
	padding: 0;
}
.sld4{
	background-color: #fff;
	background: url(../images/item_main.png) no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0;
	padding: 0;
}
.sld5{
	background-color: #fff;
	background: url(../images/top_type_main.png) no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0;
	padding: 0;
}

.sld11{
	background-color: #fff;
	background: url(../images/01.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0;
	padding: 0;
}
.sld12{
	background-color: #fff;
	background: url(../images/02.jpg) no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0;
	padding: 0;
}
.sld13{
	background-color: #fff;
	background: url(../images/03.jpg) no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0;
	padding: 0;
}
.sld14{
	background-color: #fff;
	background: url(../images/04.jpg) no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0;
	padding: 0;
}
.sld15{
	background-color: #fff;
	background: url(../images/05.jpg) no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0;
	padding: 0;
}
.sld16{
	background-color: #fff;
	background: url(../images/06.jpg) no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0;
	padding: 0;
}
.sld17{
	background-color: #fff;
	background: url(../images/07.jpg) no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0;
	padding: 0;
}
.sld18{
	background-color: #fff;
	background: url(../images/08.jpg) no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0;
	padding: 0;
}
.sld19{
	background-color: #fff;
	background: url(../images/09.jpg) no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0;
	padding: 0;
}


.display_pc{
	display: inline-block;
}
.display_sp{
	display: none;
}


.package_icon{
	margin: 30px 0 80px;
	
}
.package_icon .icon_ol{
	width: 16.6%;
	text-align: center;
	
}
.package_icon .icon_ol .icon{
	max-width: 157;
	padding: 0 5px;
}

.price .left{
	display: inline-block;
	vertical-align: middle;
	width: 35%;
}
.price .right{
	display: inline-block;
	vertical-align: middle;
	width: 65%;
}


.page_top{
	padding: 150px 0 30px;
}

.top_text{
	position: relative;margin-bottom: 0;color: #fff;text-shadow: 1px 1px 1px #000;-webkit-text-shadow: 1px 1px 1px #000;-moz-text-shadow: 1px 1px 1px #000;padding: 340px 50px;font-weight:bold;font-size:64px;line-height:1.4;
}
.top_image{
	max-width: 980px;
	margin:0 auto;
	padding: 360px 30px;
}


ul.price_icon{
	line-height: 0;
	font-size: 0;
	margin: 0 15px;
	li{
		display: inline-block;
		width: 16.6%;
		vertical-align: top;
		img{
			
		}
	}
	li:last-child{
		img{
			padding-right:0px;
		}
	}
}

.architecture{
	width: 50%;
	margin-top: 50px;
}

div.aftercare{
	width: 60%;
	.left{
		padding: 0 0 0 15px;
	}
	.right{
		padding: 0 15px 0 20px;
	}
}
div.aftercare:last-child{
	width: 40%;
}

.prev_next{
	font-size: 0;
	line-height: 0;
	margin: 0 0 25px;
}
ul.prev_next{
}
ul.prev_next li{
	display: inline-block;
	width: 50%;
	text-align: left;
}
ul.prev_next li img{
	padding: 0 15px;
}

ul.prev_next li:last-child{
	text-align: right;
}






.outline p{
	margin: 0px 0;
}
.bg1{
	background-image: url("../images/concept_02_bg.png");
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: 100% 15%;
}
.bg2{
background-image: url("../images/concept_02_1.png");
background-repeat: no-repeat;
/*background-attachment: fixed;*/
background-position: right top
}


.mk1:before {
	content:  "";                 /* 空の要素作成 */
	width: 24px;                            /* 幅指定 */
	height: 26px;                           /* 高さ指定 */
	display:  inline-block;                 /* インラインブロックにする */
	position:  relative;                    /* アイコンの位置を調整 */
	top: 0px;                             /* アイコンの位置を調整 */
	margin-right: 8px;                      /* 余白指定 */
	background-image:  url(../images/concept_li.png);  /* アイコン指定 */
	background-size:  contain;              /* アイコンの大きさ指定 */
	background-repeat:  no-repeat;          /* アイコンをリピートしないようにする */
	vertical-align: bottom;                    /* アイコンの位置を調整 */
}
 
.mk1{
	padding: 0 10px 0 0;                         /* 余白指定 */
	margin-bottom: 50px;                     /* 要素と要素の間指定 */
	font-size:  14px;                       /* 文字サイズ指定 */
}
.mk1 p{
	line-height: 1.8;
	margin: 10px 0;
}

.mk2{
	color: #fff;
	text-align: left;
	padding: 25px 0 25px;
}

.mk2 ul{
	width: 280px;
	display: inline-block;
	margin: 0;
}

.mk2 ul li{
	position: relative;
	padding-left: 1.4em;
	margin: 0px 0 5px 15px;
}
.mk2 ul li::after{
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0em;
	width: 6px;
	height: 6px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.mk2 a{
	color: #fff;
}



.mk5 ul li{
	display: inline-block;
	margin: 0 15px;
}
.mk5 ul li a{
	text-decoration: underline;
	color: #fff;
}

.article2 li{
	margin-top: 30px
}

/* --------------------------
 balloon
----------------------------*/
.baloon_outline{
	padding-bottom: 30px;
	margin:0 15px;
}

/* --------------------------
 balloon pink
----------------------------*/
.balloon_pink{
	position: relative;
	background: #F0F2F5;
	padding: 10px 0px 10px;
	max-width: 320px;
	text-align: left;

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;

}

.balloon_pink span{
	display: block;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.6;
	color: #86A5BA;
	margin:5px 0 5px 25px;
}

.balloon_pink:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -14px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: 0 0 0 30px;
	border-style: solid;
	border-color: #F0F2F5 transparent transparent transparent;
	border-width: 15px 15px 0 15px;
}


/* --------------------------
 balloon pink
----------------------------*/
.balloon_pink2{
	margin-top:50px;
	position: relative;
	background: #A5BFCF;
	padding: 10px 0px 10px;
	max-width: 380px;
	text-align: left;

		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;

}

.balloon_pink2 span{
	display: block;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.6;
	color: #fff;
	margin:5px 0 5px 30px;
}

.balloon_pink2:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -14px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: 0 0 0 30px;
	border-style: solid;
	border-color: #A5BFCF transparent transparent transparent;
	border-width: 15px 15px 0 15px;
}


/* --------------------------
 balloon mk4
----------------------------*/
.mk4 li:nth-child(odd):before {
	content:  "";                 /* 空の要素作成 */
	width: 28px;                            /* 幅指定 */
	height: 40px;                           /* 高さ指定 */
	display:  inline-block;                 /* インラインブロックにする */
	position:  relative;                    /* アイコンの位置を調整 */
	top: 10px;                             /* アイコンの位置を調整 */
	margin-right: 12px;                      /* 余白指定 */
	margin-left: -40px;                      /* 余白指定 */
	margin-top: -10px;                      /* 余白指定 */
	background-image:  url(../images/Q.png);  /* アイコン指定 */
	background-size:  contain;              /* アイコンの大きさ指定 */
	background-repeat:  no-repeat;          /* アイコンをリピートしないようにする */
	vertical-align: bottom;                    /* アイコンの位置を調整 */
}

.mk4 li:nth-child(even):before {
	content:  "";                 /* 空の要素作成 */
	width: 22px;                            /* 幅指定 */
	height: 40px;                           /* 高さ指定 */
	display:  inline-block;                 /* インラインブロックにする */
	position:  relative;                    /* アイコンの位置を調整 */
	top: 10px;                             /* アイコンの位置を調整 */
	margin-right: 18px;                      /* 余白指定 */
	margin-left: -40px;                      /* 余白指定 */
	background-image:  url(../images/A.png);  /* アイコン指定 */
	background-size:  contain;              /* アイコンの大きさ指定 */
	background-repeat:  no-repeat;          /* アイコンをリピートしないようにする */
	vertical-align: bottom;                    /* アイコンの位置を調整 */
}


.mk4 li:nth-child(odd){
	background: #fff;
	color: #87A5BB;
	padding-left:60px;
}
.mk4 li:nth-child(even){
	background: #A5BFCF;
	color: #fff;
	/*margin-left:15%;*/
	margin-top:15px;
	padding-left:60px;

}



.mk4 li{
	margin:30px auto 0;
	position: relative;
	background: #86A5BA;
	padding: 15px 0px 20px;
	width: 80%;
	text-align: left;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;

}

.mk4 li span{
	display: block;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.6;
	color: #fff;
	margin:5px 0 5px 30px;
}


.mk4 li:nth-child(odd):after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -15px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: 0 0 0 15px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
	border-width: 15px 15px 0 15px;
}

.mk4 li:nth-child(even):after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -15px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: 0 0 0 30px;
}

.mk4 li:last-child{
	display: none;
}

/*---------------------------
 トップイメージ
---------------------------*/
/* 
.slider3 .top_img {
  transform-origin: center top;
  transform: scale(1.2);
  transition: 8s ease-out;
}
.slider3 .slick-active .top_img {
  transform: scale(1.0);
}
*/



/* ここから下は実装しない
.slider3 .top_img{
	-webkit-animation: increase ease-out forwards;
	animation: increase ease-out forwards;
}
.slider3 .top_img{
	-webkit-animation: increase 5.7s ease -.9s infinite;animation-fill-mode:forwards;
	animation: increase 5.7s ease -.9s infinite;animation-fill-mode:forwards;
}



.slider3 .top_img{
	-webkit-animation: increase 3s ease -.1s infinite;
	animation: increase 3s ease -.1s infinite;
}
@-webkit-keyframes increase{
	0% {-webkit-transform: scale(1.2);transform: scale(1.2);}
	100% {-webkit-transform: scale(1.0);transform: scale(1.0);}
}
@keyframes increase{
	0% { -webkit-transform: scale(1.2);transform: scale(1.2);}
	100% { -webkit-transform: scale(1.0);transform: scale(1.0);}
}
*/


/*---------------------------
 animation1
---------------------------*/
.fadeIn {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:3s;
	-ms-animation-duration:3s;
	animation-duration:3s;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	visibility: visible !important;
}
@-webkit-keyframes fadeIn {
	0% { opacity: 0; -webkit-transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeIn {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
/* --------------------------
 レスポンシブ対応
----------------------------*/
.pc_top{
	display: block;
	.kv{
	}
	.mv{
		padding-top: 50px;
	}
}
.sp_top{
	display: none;
	.kv{
	}
	.kv2{
		padding: 40px 0;
	}
	.mv{
		padding-top: 40px;
	}
}


.drawer-hamburger2{
	width:1.6rem;
	position: absolute;
	top: 18px;
	padding-left: .75rem;
}
@media screen and (max-width:900px) {
	.drawer-hamburger2{
		/*display: none;*/
	}
}
@media screen and (max-width:1260px) {
	.drawer-hamburger{
		display: block;
		position: fixed; /* カスタマイズ */
	}
}

.drawer-hamburger2-icon {
  position: relative;
  display: block;
  margin-top: 10px;
}

.drawer-hamburger2-icon,
.drawer-hamburger2-icon:before,
.drawer-hamburger2-icon:after {
  width: 100%;
  height: 2px;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  background-color: #fff;
}

.drawer-hamburger2-icon:before,
.drawer-hamburger2-icon:after {
  position: absolute;
  top: -10px;
  left: 0;
  content: ' ';
}

.drawer-hamburger2-icon:after {
  top: 10px;
}

.drawer-open .drawer-hamburger2-icon {
  background-color: transparent;
}

.drawer-open .drawer-hamburger2-icon:before,
.drawer-open .drawer-hamburger2-icon:after {
  top: 0;
}


.br1{
	color: #ffffff;
	line-height: 1.6;
	display: block;
}

.br2{
	color: #ffffff;
	font-size: 17px;
	line-height: 2.1;
	display: block;
}

.border-dot{
	background-image: linear-gradient(to right, #fff, #fff 1px, transparent 1px, transparent 4px);
	background-size: 4px 1px;
	background-position: bottom;
	background-repeat: repeat-x;
}

.border-dot2{
	background-image: linear-gradient(to right, #fff, #fff 1px, transparent 1px, transparent 4px);
	background-size: 4px 1px;
	background-position: top;
	background-repeat: repeat-x;
}

/* --------------------------
 main
----------------------------*/
#main {
	color: #000;
	figure{
		margin: 0;
		padding: 0;
	}
	dl,dt,dd{
		margin: 0;
		padding: 0;
	}
	.content {

		a{
			color: #fff;
			text-decoration: none;
		}
		a:visited{
			color: #fff;
		}
		a:hover{
			color:#fff;
			text-decoration:none;
		}

		.mainarea {
			width: 1028px;
			margin: 0 auto;

			font-size:14px;;
			line-height: 1.6;
			font-style: normal;
			word-wrap: break-word;

			.content-innr {
				.mainttl {
					width: 100%;
					h1{
						img{
							display: block;
						}
					}
				}
			}
		}
	}
}











.mk3 ul{
	font-size: 0;
	line-height: 0;

	li:first-child .left{
	}

	li:last-child{
	}

	li{

		background-color:#ffffff;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;

		padding: 2px 15px;
		margin: 0 15px;

		text-align: left;

		.left{
			width: 30%;
			vertical-align: middle;
			display: inline-block;
			font-size: 15px;
			line-height: 1.4;

			img{
				vertical-align: middle;
			}
			.left2{
				width: 20%;
				display: inline-block;
			}
			.right2{
				width: 80%;
				display: inline-block;
				text-align: center;
				color: #87A5BB;
			}
		}
		.right{
			width: 65%;
			vertical-align: middle;
			display: inline-block;
			font-size: 15px;
			line-height: 1.4;
			color: #595D60;
			span{
				border-left: dotted 1px #87A5BB;
				padding: 25px 15px;
				display: inline-block;
			}

		}

	}
}

/* --------------------------
 カスタマイズ
----------------------------*/
.marker_yellow{
	background: linear-gradient(transparent 60%, yellow 50%);
}

/* --------------------------
 main visual
----------------------------*/

#visual {
	width: 100%;
	min-width: 280px;
	overflow: hidden;
}
#visual-image {
	position: relative;
	left: 50%;
	margin-left: -514px;
}
#visual-image2 {
	position: relative;
	/*
	left: 50%;
	margin-left: -50%;
	*/
}

/* --------------------------
 cont_team
----------------------------*/
#cont_team{
	h2{
		text-align: center; /* 見出しのテキスト位置 */
		margin: 40px 0 50px;
	}
	.outline{
		padding: 0 0 70px;
	}
}

/* --------------------------
 cont_news
----------------------------*/
#cont_news{
	font-size: 0;
	line-height: 0;
	background-color: #A5BFCF;
	text-align: left;
	margin-top: 40px;
	padding: 0;

	color: #ffffff;

	.outline{
		h2{
			text-align: center; /* 見出しのテキスト位置 */
			margin-top: 50px;
		}

		ul{
			/*
			.slick-list {
				margin-right: -20px;
			}

			.slick-slide {
				margin-right: 20px;
			}
			*/

			margin: 20px 0 0px;
			padding: 0 0 20px;
			display: block;
				
			li{
				text-align: left;
				display: inline-block;
				margin: 10px 0 0px;
				/*position: relative;*/

				.news_date{
					font-size: 14px;
					line-height: 1.4;
					display: block;
					margin-bottom: 10px;
					position: absolute;
				}
				.news_body{
					font-size: 14px;
					line-height: 1.4;
					display: block;
					margin-bottom: 20px;
					padding: 0 0 0 340px;
					min-height: 240px;
				}
			}
		}
	}
}

/* --------------------------
 cont_event
----------------------------*/
#cont_event{
	font-size: 0;
	line-height: 0;
	background-color: #A5BFCF;
	text-align: left;
	margin-top: 40px;
	padding: 0;

	color: #ffffff;

	.outline{
		h2{
			text-align: center; /* 見出しのテキスト位置 */
			margin-top: 50px;
		}

		ul{

			margin: 20px 0 0px;
			padding: 0 0 20px;
			display: block;
				
			li{
				text-align: left;
				display: inline-block;
				margin: 10px 0 0px;
				/*position: relative;*/

				.news_date{
					font-size: 14px;
					line-height: 1.4;
					display: block;
					margin-bottom: 10px;
					/*position: absolute;*/
				}
				.news_body{
					font-size: 14px;
					line-height: 1.4;
					display: block;
					margin-bottom: 20px;
					padding: 0 0 0 0px;
				}
			}
		}
	}
}

/* cont_news スライダー切り替え */
#cont_news ul.slider{
}

/* --------------------------
 cont_concept
----------------------------*/
#cont_concept{
	font-size: 0;
	line-height: 0;
	background-color: #A5BFCF;
	text-align: center;
	margin-top: 40px;
	padding: 0;


	color: #ffffff;

	.outline{

		h2{
			text-align: center; /* 見出しのテキスト位置 */
			margin: 50px 0 50px;
		}

		ul{
			margin: 20px 0 0;
			padding: 0 0 20px;
			display: block;

			.slick-prev,.slick-next{
				top: 30%;
			}

			text-align: center;

			li{
				/**/
				display: inline-block;
				vertical-align: top;
				width: 50%;

				margin: 0px 0 0px;

				text-align: center;

				p{
					padding: 20px 0 40px;
					font-size: 15px;
					line-height: 1.4;

					text-align: center;
				}

				a:link{
					color:#ffffff;
					text-decoration: none;
				}
				a:visited{
					color:#ffffff;
				}
				a:hover{
					color:#ffffff;
					text-decoration: none;
				}
				a:active{
					color:#ffffff;
					text-decoration: none;
				}
			}
		}
	}
}

/* cont_concept スライダー切り替え */
#cont_concept ul.slider2{
	li{
		display: inline-block;
		vertical-align: top;
		width: auto;

		margin-bottom: 0px;

		p{
			padding: 20px 0 20px;
			font-size: 14px;
			line-height: 1.4;
		}
	}
}


/* --------------------------
 cont_plan
----------------------------*/
#cont_plan{
	font-size: 0;
	line-height: 0;
	background-color: #A5BFCF;
	text-align: center;
	margin-top: 40px;
	padding: 0;

	color: #ffffff;

	.outline{
		padding: 0 0 60px;
		/*border-bottom: dotted 1px #F0F2F5;*/

		h2{
			text-align: center; /* 見出しのテキスト位置 */
			margin-top: 50px;
		}

		ul{
			margin: 20px 0 0;
			padding: 0 0 0px;

/*
			.slick-prev,.slick-next{
				top: 40%;
			}
*/

			.slick-prev {
				left: 15px;
				z-index: 100;
			}
			.slick-next {
				right: 15px;
				z-index: 99;
			}


			.slick-slide {
				margin-right: 15px; /* アイテム間隔 */
			}

			li{
				
				p{
					padding: 20px 0 20px;
					font-size: 15px;
					line-height: 1.4;
				}

				a:link{
					color:#ffffff;
					text-decoration: none;
				}
				a:visited{
					color:#ffffff;
				}
				a:hover{
					color:#ffffff;
					text-decoration: none;
				}
				a:active{
					color:#ffffff;
					text-decoration: none;
				}

			}
		}
	}
}

/* --------------------------
 cont_slider
----------------------------*/
#cont_slider{
	font-size: 0;
	line-height: 0;
	background-color: #A5BFCF;
	text-align: center;
	margin-top: 40px;
	padding: 0;

	color: #ffffff;

	.outline{
		padding: 0 0 50px;
		/*border-bottom: dotted 1px #F0F2F5;*/

		h2{
			text-align: center; /* 見出しのテキスト位置 */
			margin: 60px 0 30px;
		}

		ul{
			margin: 20px 0 0;
			padding: 0 0 0px;

			.slick-prev,.slick-next{
				top: 35%;
			}
			.slick-prev {
				left: 15px;
				z-index: 100;
			}
			.slick-next {
				right: 15px;
				z-index: 99;
			}

			.slick-slide {
				margin: 0 5px; /* アイテム間隔 */
			}

			li{
				p{
					padding: 20px 0 20px;
					font-size: 14px;
					line-height: 1.4;
				}
			}
		}
	}
}

/* --------------------------
 _visual
----------------------------*/
#_visual{
	max-width: 1028px;
	font-size: 0;
	line-height: 0;
	background-color: #A5BFCF;
	text-align: center;
	/*margin-top: 40px;*/
	margin: 40px auto 0 !important;;
	padding: 0;

	color: #ffffff;

	.outline{
		padding: 0 0 50px;
		/*border-bottom: dotted 1px #F0F2F5;*/

		h2{
			text-align: center; /* 見出しのテキスト位置 */
			margin-top: 50px;
		}

		ul{
			margin: 20px 0 0;
			padding: 0 0 0px;

/*
			.slick-prev,.slick-next{
				top: 40%;
			}
*/
			li{
				p{
					padding: 20px 0 20px;
					font-size: 14px;
					line-height: 1.4;
				}
			}
		}
	}
}

/* --------------------------
 cont_menu
----------------------------*/
#cont_menu{
	font-size: 0;
	line-height: 0;
	background-color: #A5BFCF;
	text-align: center;
	padding: 0;

	color: #ffffff;

	.outline{
		padding: 50px 0 60px;
		/*border-bottom: dotted 1px #F0F2F5;*/

		ul{
			padding: 0 0 0px;
			font-size: 0;
			line-height: 0;
		}

		ul li{

			display: inline-block;
			vertical-align: top;
			width: 33.33%;

			h2{
				text-align: center; /* 見出しのテキスト位置 */
				margin-top: 10px;
			}

			img{
				margin: 0 0 20px;
				padding: 0 0px;
			}
			p{
				line-height: 1.6;
				font-size: 15px;
				padding: 0 5px;
			}

			a:link{
				color:#ffffff;
				text-decoration: none;
			}
			a:visited{
				color:#ffffff;
			}
			a:hover{
				color:#ffffff;
				text-decoration: none;
			}
			a:active{
				color:#ffffff;
				text-decoration: none;
			}
			div{
				padding: 0 5px;
			}
		}
		ul li:first-child{
			div{
				padding-right:10px;
			}
			img{
				padding: 0px 0px 0px 0px;
			}
		}

		ul li:last-child{
			div{
				padding-left:10px;
			}
			img{
				padding: 0px 0px 0px 0px;
			}
		}

	}
}

/* --------------------------
 cont_contact
----------------------------*/
#cont_contact{

	/* フォントスタイル初期化 */
	font-size: 0; 
	line-height: 0;

	.outline{
		width: 100%;

		h2{
			text-align: center; /* 見出しのテキスト位置 */
			margin-top: 50px;
		}
		p{
			font-size: 15px; 
			line-height: 1.4;
			color: #fff;
			text-align: center; /* 見出しのテキスト位置 */
			margin: 30px 10px;
		}

		/* --------------------------
		 formエリア
		----------------------------*/
		.form_entry{

			max-width: 700px;
			margin: 0 auto;

			/* フォーム内のフォントスタイル */
			font-size: 15px; 
			line-height: 1.4;
			color: #86A5BA;

			ul{
				background-color:#ffffff;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				-khtml-border-radius: 3px;
				border-radius: 3px;
				padding: 20px;
				margin: 0 15px;

				li:first-child .left{
					margin: 0px 0 5px;
					color: #ea769d; /* *は必須項目です */
				}

				li:last-child{
					margin: 10px 0 0;
					padding: 0;
				}

				li{
					background-color: #ffffff;
					border-top: none;

					.left{
						width: 100%;
						vertical-align: middle;
						display: inline-block;
						margin: 20px 0 5px;
						font-size: 15px;
						line-height: 1.4;
					}
					.right{
						width: 100%;
						vertical-align: middle;
						display: inline-block;
						margin: 0px 0;
						font-size: 15px;
						line-height: 1.4;
					}

				}
			}

			input[type=text]{
				display: block;
				width: 97%;
				border: solid 1px #86A5BA;
				padding: 10px 10px;
				/*margin-left: -15px; レイアウト調整 */
				font-family: MeiryoKe_Gothic, "Ricty Diminished", "Courier New", Courier, Monaco, Menlo, Consolas, "Lucida Console", "Osaka－等幅", "Osaka-等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;

			}
			textarea{
				display: block;
				width: 100%;
				border: solid 1px #86A5BA;
				margin-top: 0px;
				padding: 10px 10px;
				vertical-align: middle;
				/*margin-left: -15px レイアウト調整 */
				font-family: MeiryoKe_Gothic, "Ricty Diminished", "Osaka－等幅", "Osaka-等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", "Courier New", Courier, Monaco, Menlo, Consolas, "Lucida Console", monospace;
			}
			select{
				border: solid 1px #86A5BA;
				width: 97%;
				color: #86A5BA;
				line-height: 1.6;
			}
			.btn_area{
				text-align: center;
				margin: 0px 0px 0px;
			}
			.btn_green{
				display: inline-block;
				text-decoration: none;
				color: #ffffff;
				width: 100%;
				height: 52px;
				line-height: 52px;
				outline: none;
				border: none;
				border-radius: 5px;
				text-align: center;
				vertical-align: middle;
				overflow: hidden;
				font-size: 18px;
				font-weight: bold;
				background-image: -webkit-linear-gradient(#ea769d 0%, #ea769d 100%);
				background-image: linear-gradient(#ea769d 0%, #ea769d 100%);
				box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0);
				cursor: pointer;
			}
		}

		.indispensable{
			color: #ea769d;
			margin-left: 5px;
		}
	}

/*
	img:hover,
	img:focus{
		opacity: 0.4;
	}
*/
	.btn2 {
		background-color: rgba(255, 120, 5, 1);
		/*box-shadow: 0 5px 20px rgba(247, 185, 42, .5);*/
		max-width: 220px;
		margin: 50px auto 0;
	}

}

/* --------------------------
 button
----------------------------*/
.button:hover,
.button:focus {
	opacity: 0.8;
}

/* --------------------------
 ページトップ
----------------------------*/
.pagetop {
	position: fixed;
	bottom: 30px;
	right: 23px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	z-index: 5;
}
.pagetop a {
	display: block;
	width: 60px; /* サイズ */
	height: 60px;  /* サイズ */
	background-color: #000726; /* 背景カラー */
	/*border-radius: 50px;*/  /* 形 */
	text-align: center;
	color: #fff;
	font-size: 30px;  /* fontサイズ */
	text-decoration: none;
	line-height: 60px;  /* サイズ */
	border: solid 1px #222222;
}
.pagetop.show {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/* --------------------------
 ページトップ
----------------------------*/
.pagetop3 {
	position: fixed;
	top: 110px;
	right: 15px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	z-index: 5;
}
.pagetop3 a {
	display: block;
	width: 100px; /* サイズ */
	height: 100px;  /* サイズ */
	background-color: #fff; /* 背景カラー */
	border-radius: 50px;  /* 形 */
	text-align: center;
	color: #EA769D;
	font-size: 12px;  /* fontサイズ */
	text-decoration: none;
	line-height: 1.4;  /* サイズ */
	border: solid 1px #EA769D;
	span{
		display: block;
		font-size: 16px;
		margin: 0;
		padding-top: 12px;
		line-height:1.4;
	}
	i{
		font-size: 28px;  /* fontサイズ */
		line-height:1.0;
	}
}
.pagetop3.show {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


.pagetop4{
display:block;width:160px;background-color:#fff;border-radius:3px;text-align:center;color:#EA769D;font-size:16px;text-decoration: none;line-height:1.4;border: solid 1px #EA769D;padding:5% 0;
}

.pagetop5{
display:block;width:160px;background-color:#fff;border-radius:3px;text-align:center;color:#EA769D;font-size:16px;text-decoration: none;line-height:1.4;border: solid 1px #EA769D;padding:5% 0 5% 0;
}

.pagetop6{
display:block;width:100%;background-color:#fff;border-radius:3px;text-align:center;color:#EA769D;font-size:14px;text-decoration: none;line-height:1.4;border: solid 1px #EA769D;padding:5% 0;
}

.pagetop6 a[href^="tel:"]{
	color:#EA769D;
}
.pagetop6 a:visited{
	color:#EA769D;
}
.pagetop6 a:active{
	color:#EA769D;
}
.pagetop6 a:hover{
	color:#EA769D;
}

.pagetop7{
display:block;width:100%;background-color:#fff;border-radius:3px;text-align:center;color:#EA769D;font-size:12px;text-decoration: none;line-height:1.4;border: solid 1px #EA769D;padding:5% 0;margin-top:10px;
}
.pagetop7 a:visited{
	color:#EA769D;
}
.pagetop7 a:active{
	color:#EA769D;
}
.pagetop7 a:hover{
	color:#EA769D;
}


/* --------------------------
 ページトップ
----------------------------*/
.pagetop2 {
	position: fixed;
	top: 225px;
	right: 15px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	z-index: 5;

}
.pagetop2 a {
	display: block;
	width: 100px; /* サイズ */
	height: 100px;  /* サイズ */
	background-color: #fff; /* 背景カラー */
	border-radius: 50px;  /* 形 */
	text-align: center;
	color: #EA769D;
	font-size: 9px;  /* fontサイズ */
	text-decoration: none;
	line-height: 1.4;  /* サイズ */
	border: solid 1px #EA769D;
	span{
		display: block;
		font-size: 14px;
		margin: 0;
		padding-top: 14px;
		line-height:1.0;
	}
	i{
		font-size: 22px;  /* fontサイズ */
		line-height:1.3;
	}

}
.pagetop2.show {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


/* --------------------------
 メインヴィジュアル
-----------------------------*/
.kv{
	text-align: center;
}
.mv{
	text-align: center;
}

#header {
	/*
	position: fixed;
	left: 50%;
	transform: translate(-50%, 0);
	*/

	width: 100%;
	/*height: 50px;*/
	top: 0;
	text-align: center;
	margin:0 auto;
	/*background: rgba(255,255,255,0.6);*/
	background: #A5BFCF;

	margin: 0;
	padding: 0;
}

/* --------------------------
 ヘッダー
----------------------------*/
.fixed {
    position: fixed;
	/*left: 50%;*/
	/*transform: translate(-50%, 0);*/	
    top: 0;
    width: 100%;
    /*max-width: 1040px;;*/
    z-index: 2;
    background-color: #A5BFCF;

	opacity: 0.9;

}


#header_txt{
	display: none;
}



/*
	#sp_logo{
		display: none;
	}
*/
	#sp_logo{
		display: block;
		position: absolute;
		top: 120px;
		left: 46%;
		z-index: 1;
	}
	.sp_logo2{
		display: block;
		position: absolute;
		background-color: #FFFFFF;
		opacity: 0.6;
		bottom: 5%;
		right: 0;
		z-index: 2;

		color: #595D60;
		text-align: left;
		padding: 25px 15px;
		width: 480px;
		line-height: 1.6;
		font-size: 18px;

	}




	#logo2{
		max-width: 1000px;
		margin:30px auto;
		padding: 0px 5px 0;
		font-size: 14px;
		line-height:1.0;
		text-align: center;

		display: none;
	}

header{
	font-size: 0px;
	line-height: 0;
	background-color: #A5BFCF;
	text-align: center;
	padding: 0px 0 0;
	margin-top: 0px;

	color: #000000;
	background-color: #A5BFCF;

	.logo{
		display: inline-block;
		padding: 5px 15px;
	}
	.txt_attn{
		display: inline-block;
		padding: 5px 15px;
	}

	#logo{
		max-width: 1000px;
		margin:30px auto 20px;
		padding: 15px 5px 0;
		font-size: 14px;
		line-height:1.0;
		text-align: left;

		position: relative;
	}

	#login{
		position: absolute;
		top: 0px;
		right: 5px;
		span{
			vertical-align:middle;
		}
		img{
			display:inline-block;vertical-align:middle;
		}
	}

	#head_menu{
		text-align:center;
		ul{
			line-height: 1.4;
			font-size: 18px;
			margin: 25px 0 25px;
		}

		ul li{

			display: inline-block;
			vertical-align: middle;
			line-height: 1.6;
			/*margin-left: 38px;*/
			margin: 5px 0;
			padding: 0 2px;

			a:link{
				color:#ffffff;
				text-decoration: none;
			}
			a:visited{
				color:#ffffff;
			}
			a:hover{
				color:#ffffff;
				text-decoration: none;
			}
			a:active{
				color:#ffffff;
				text-decoration: none;
			}
		}
		ul li:first-child{
			margin-left: 0;
			padding-left: 0;
			border-left: 0;
		}
	}

	#head_menu2{
		text-align:center;
		ul{
			font-size:0;
			line-height:0;
		}
		ul li{
			display: inline-block;
			vertical-align: middle;

			margin-left: 25px;

			a:link{
				color:#ffffff;
				text-decoration: none;
			}
			a:visited{
				color:#ffffff;
			}
			a:hover{
				color:#ffffff;
				text-decoration: none;
			}
			a:active{
				color:#ffffff;
				text-decoration: none;
			}
		}
		ul li:first-child{
			margin-top: 20px;
			margin-bottom: 20px;
			margin-left: 0px;
			margin-right: 40px;
		}
		ul li:last-child{
			margin-left: 10px;
		}
	}


	.button {
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		padding: 5px 5px 5px 12px;
		-webkit-appearance: none;
		border: 1px solid transparent;
		border-radius: 0px;
		/*transition: baii 0.25s ease-out;*/
		font-size: 17px;
		line-height: 1.6;
		text-align: left;
		cursor: pointer;
		background-color: #E55B2C;
		color: #fefefe;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		border-top-right-radius: 5px;

		position: relative;
		width: 410px;
	}
	.salesman_photo{
		position: absolute;
		right: -1px;
		bottom: -1px;
	}
}

/* --------------------------
 フッター
----------------------------*/
footer{
	font-size: 0px;
	line-height: 0;
	background-color: #A5BFCF;
	text-align: center;
	padding: 0px 0 0;
	margin: 40px 0 20px;

	color: #ffffff;

	.menu{

		ul{
			padding: 5px 0;
			text-align: center;
			font-size: 14px;

			li{
				display: inline-block;
				line-height: 1.6;
				margin-left: 25px;

				a:link{
					color:#ffffff;
					text-decoration: none;
				}
				a:visited{
					color:#ffffff;
				}
				a:hover{
					color:#ffffff;
					text-decoration: none;
				}
				a:active{
					color:#ffffff;
					text-decoration: none;
				}
			}

			li:first-child{
				margin-left: 0;
				padding-left: 0;
				border-left: 0;
			}
		}
	}

	.icon{
		ul{
			font-size: 0;
			line-height: 0;
			margin-top: 50px;
		}
		ul li{
			display: inline-block;
			margin-left: 20px;
		}
		ul li:first-child{
			margin-left: 0;
			padding-left: 0;
		}
	}

	#copyright{
		color: #ffffff;
		max-width: 1028px;
		margin:10px auto 0;
		padding: 10px 5px 50px;
		font-size: 14px;
		line-height:1.8;
		text-align: center;
	}
}













/*
.fadein{
	opacity : 0;
	transform: translateY(20px);
	transition: all 1s;
}
*/
.ex1 {
    /*display: flex;*/
    justify-content: space-between;
}
.ex1 li {
    /*display: flex;
    justify-content: center;
    align-items: center;*/
}


.fadeIn {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:5s;
	-ms-animation-duration:5s;
	animation-duration:5s;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	visibility: visible !important;
}
@-webkit-keyframes fadeIn {
	0% { opacity: 0; -webkit-transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeIn {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}





.fa-envelope-o:before {
  content: "\f003";
}


.slick-prev::before {
        position: relative;
        content: "\f053";
        font-family: FontAwesome;
        background: rgba(255,255,255,0.5);
        padding: 15px 3px;
        opacity: 1;
          }
 
.slick-next::before {
        position: relative;
    content: "\f054";
    font-family: FontAwesome;
    background: rgba(255,255,255,0.5);
    padding: 15px 3px;
    opacity: 1;
          }
 
.slick-prev{
     left: 80px;
				z-index: 100;
     }
.slick-next{
     right: 80px;
				z-index: 99;
    }
 
.slick-prev:hover:before{
     animation: arrow_prev .5s ease-out forwards;
    }
@keyframes arrow_prev {
    0% {
      right: 0px;
    }
    50% {
      right: 5px;
    }
    100% {
          right: 0;
    }
}
 
.slick-next:hover:before{
    animation: arrow_next .5s ease-out forwards;
        }
    @keyframes arrow_next {
    0% {
      left: 0px;
    }
    50% {
      left: 5px;
    }
    100% {
      left: 0;
    }
}
  @media screen and (max-width:480px) {
    .slick-prev{
        left: 30px;                 
    }
     .slick-next{
       right: 30px;
    }
}


/*
.slick-prev::before {
   content: url(./images/arrow_left.png);
 }
.slick-next::before {
    content: url(./images/arrow_right.png);
}
.slick-prev{
    left: 15px;
  }
.slick-next{
    right: 15px;
}
  @media screen and (max-width:480px) {
    .slick-prev{
        left: 30px;
                 
    }
     .slick-next{
       right: 30px;
    }
}
*/




#loading{
    position: absolute;
    left: 50%;
    top: 30%;
}

#loader-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #000;
    z-index: 9;
}

body{
    /*background-color: #fff;*/
}

#main{
    text-align: center;
    margin-top: 0%;
}


.zm li {
	display: inline-block;
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: auto;	/*画像の幅*/
	height: auto;	/*画像の高さ*/
}
.zm li div img {
	transition-duration: 0.5s;	/*変化に掛かる時間*/
}
.zm li div img:hover {
	transform: scale(1.2);	/*画像の拡大率*/
	transition-duration: 0.5s;	/*変化に掛かる時間*/
}

.zm2 li {
	display: inline-block;
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	max-width: 700px;	/*画像の幅*/
	height: auto;	/*画像の高さ*/
}
.zm2 li img {
	transition-duration: 0.4s;	/*変化に掛かる時間*/
}
.zm2 li img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.4s;	/*変化に掛かる時間*/
}

.zm3 li {
	display: inline-block;
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	max-width: 340px;	/*画像の幅*/
	height: auto;	/*画像の高さ*/
}
.zm3 li div img {
	transition-duration: 0.4s;	/*変化に掛かる時間*/
}
.zm3 li div img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.4s;	/*変化に掛かる時間*/
}

.ex1 {
	/*display: flex;*/
	justify-content: space-between;
}
.ex1 li {
	/*display: flex;
	justify-content: center;
	align-items: center;*/
}

.fadeIn {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:5s;
	-ms-animation-duration:5s;
	animation-duration:5s;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	visibility: visible !important;
}
@-webkit-keyframes fadeIn {
	0% { opacity: 0; -webkit-transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeIn {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}





/*li:nth-child(2) li:nth-child(odd) li:nth-child(even)*/