@charset "UTF-8";




/* -----------------------------------------------------------
	TOP
----------------------------------------------------------- */
.mv{
  opacity: 0;
  transition: opacity 0.8s ease, transform 0.8s ease;
    
  position: relative;
}
.mv.show{
  opacity: 1;
}

.mv .cap{
    font-size: 11px;
    position: absolute;
    bottom: 5px;
    right: 10px;
    color:#fff;
    text-shadow: 0 0 8px #000, 0 0 4px #000;
    filter: 
    drop-shadow(1px 1px 0 rgba(0,0,0,1))
    drop-shadow(1px 1px 12px rgba(0,0,0,0.1));
}

@media screen and  (max-width: 1200px) {

}
@media screen and  (max-width: 1000px) {

}
@media screen and (max-width: 767px) {
	
}



/* -----------------------------------------------------------
	CONCEPT
----------------------------------------------------------- */
#concept h2{
    margin:0 auto 40px;
    text-align: center;
}
#concept h2 img{
    width: auto;
    height:14px;
    margin:0 auto;
}
@media screen and (max-width: 1000px){
#concept h2 img {
    height: 16px;
}
}
@media screen and (max-width: 767px){
#concept h2 {
    margin: 0 auto 30px;
}
#concept h2 img {
    height: 10px;
    }  
}

#concept{
    background:#efefef;
    padding: 80px 0;
    text-align: center;
}
#concept .title{
    max-width:574px;
    margin:0 auto;
}
#concept .sub_title{
    font-size:27px;
    margin:10px auto 40px;
}
#concept .text{
    line-height: 2em;
}
    
@media screen and  (max-width: 1000px) {

}
@media screen and (max-width: 767px) {
#concept {
    padding: 30px 0 50px;
}
#concept .title{
    max-width:74%;
    margin:0 auto 20px;
}
#concept .sub_title {
    font-size: 17px;
    margin: 10px auto 30px;
}
#concept .text{
    font-size:12px;
    letter-spacing: 0;
    line-height: 2em;
}
}