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

body{
	margin:0;
	padding:0;
}

ul{
	list-style:none;
}

a {
text-decoration: none;
}

span.aw { display: inline-block; }


#concept_content{
	width:100%;
	background-color:#FFF;
	overflow:hidden;
	position:relative;
}



#contents_box_concept{
	width:94%;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:160px;
	text-decoration:none;
}

.concept_topcopy{
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 40px;
    font-family: 'Cinzel', serif;
	letter-spacing: 0.1em;
    color: #3A372D;
}

p.concept_undercopy{
	font-size:14px;
	color:#666;
	font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Sawarabi Mincho", "游明朝体", "Yu Mincho", YuMincho, "HG明朝B", serif;
	color:#989082;
	margin-top:30px;
}

p.concept_undercopy1{
    font-size: 32px;
    color: #666;
    font-family: "EB Garamond", serif;
    color: #9E866B;
    letter-spacing: 0.3em;
    margin-top: 40px;
}

p.concept_undercopy2{
    font-size: 28px;
    color: #666;
    font-family: 'Cinzel', serif;
    color: #B9A983;
    letter-spacing: 0.3em;
    margin-top: 10px;
}



.gazoubox{
	width:94%;
	margin:0 auto;
}

.gazoubox img{
	width:100%;
	height:auto;
}

.inner_box{
	width:1000px;
	margin:0 auto;
	text-align:left;
	height:60px;
	border-left:solid #ccc 2px;
}


.button{
	width:240px;
	margin:0 auto;
	text-align:center;
	padding-top:40px;
}


.click {
	display: inline-block;
	width: 160px;
	padding: 0.8em;
	line-height: 1.4;
	cursor: pointer;
	user-select: none;
	transition: background-color 0.6s, color 0.2s, width 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	color: #030202;
	border: 1px solid #030202;
	background: transparent;
}
.click:hover {
	width: 180px;
	color: #ffffff;
	border: 1px solid #030202;
	background-color: #030202;
}
.click:active {
	border-color: #5e35b1;
	background-color: #5e35b1;
}
.click:focus {
	color: #7e57c2;
	border: 1px solid #030202;
}
.click:focus:hover {
	color: #ffffff;
}

@media (max-width: 480px) { 
#contents_box_concept{	padding-bottom:40px;
}

#contents_box_concept .gazoubox img { width: 150%;}
#contents_box_concept .button{padding-top:0px;}

.concept_topcopy{

	margin-top:20px;
	margin-bottom:20px;

}

p.concept_undercopy{
	margin-bottom:40px;
	margin-top:20px;
}
.button{
	margin-top:40px;
}

}

.main { position: relative; background: #D2D2D2; margin-bottom:30px; }
.main .slide01 { margin-bottom: 0px !important; padding-bottom: 0px !important; padding-left:0px; opacity: 0; transition: opacity 2s linear; }
.main .slide01.slick-initialized { opacity: 1; }
.main .slide01 .slick-list li { position: relative; }
.main .slide01 .slick-list li .main-txt { max-width: 650px; position: absolute; display: block; z-index: 2; top: 46%; left: 50%; width: 80%; transform: translateX(-50%) translateY(-50%); }
.main .slide01 .slick-list li .main-txt img { width: 100%; height: auto; }
.main .slide01 .slick-list li::before { content: ''; display: block; width: 100%; height: 0; padding-bottom: 53.125%; }
@media (max-width: 600px) { .main .slide01 .slick-list li::before { padding-bottom: 80%; } }
.main .slide01 .slick-list li.main01 { background: url("../img/concept02/main01_bg@2x.jpg") no-repeat center center; background-size: cover; }
.main .slide01 .slick-list li.main02 { background: url("../img/concept02/main02_bg@2x.jpg") no-repeat center center; background-size: cover; }
.main .slide01 .slick-list li.main03 { background: url("../img/concept02/main03_bg@2x.jpg") no-repeat center center; background-size: cover; }
.main .slide01 .slick-list li.main04 { background: url("../img/concept02/main04_bg@2x.jpg") no-repeat center center; background-size: cover; }
.main .slide01 .slick-list li.main05 { background: url("../img/concept02/main05_bg@2x.jpg") no-repeat center center; background-size: cover; }
.main .slide01 .slick-list li.main06 { background: url("../img/concept02/main06_bg@2x.jpg") no-repeat center center; background-size: cover; }
.main .slide01 .slick-list li.main07 { background: url("../img/concept02/main07_bg@2x.jpg") no-repeat center center; background-size: cover; }
.main .slick-dots { position: absolute !important; bottom: 3% !important; }
.main .slick-dots li { position: relative; overflow: hidden; display: inline-block; width: 13px; height: 13px; margin: 1%; border-radius: 50%; background: rgba(255, 255, 255, 0.6); }
.main .slick-dots li button { text-indent: -9999px; }
.main .slick-dots li.slick-active { background: white; }
.main .slick-prev, .main .slick-next { background: rgba(0, 0, 0, 0.3); padding: 10px; display: block; width: auto; height: auto; width: 40px; }
.main .slick-prev:hover, .main .slick-next:hover { background: black; }
.main .slick-prev { left: 2%; z-index: 5; }
.main .slick-next { right: 2%; z-index: 6; }



.maincopy_in_text,
.maincopy_in_text span {
  opacity: 0;
}

.animated{
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:22px;
}

p.top_txt{
	position:absolute;
	top;100px;
	left:100px;
	font-size:24px;
	color:#666;
	z-index:99999;
}
    .sample-text1 {
        font-size: 16px;
		line-height:44px;
		    font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Sawarabi Mincho", "游明朝体", "Yu Mincho", YuMincho, "HG明朝B", serif;
        animation-name: maincopy_in;
        animation-duration: 6s;
			text-align:center;
			padding-bottom:100px;
			color:#666;
    }
    @keyframes maincopy_in {
    from {
        opacity: 0;
        transform: translateY(120px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }


.maincopy_in {
	width:100%;
	height:800px;
	text-align:center;
  opacity: 0;
  transform : translate(0, 150px);
  transition : all 1500ms;
}

.maincopy_in.scrollin{
  opacity: 1;
  transform: translate(0, 0);

}

@media (max-width: 480px) { 
.sample-text1 {
        font-size: 10px;
		line-height:28px;
		padding-bottom:0px;

}


}