/* ------------------------------------------------------------------------
    1.Ό­ΊκΔΑΕΩΓχ 
/* ------------------------------------------------------------------------
    1.Ό­ΊκΔΑΕΩΓχ - 1.ΔΑΕΩΓχ
------------------------------------------------------------------------ */


.contents {
    max-width: 1450px;
    margin: 0 auto;
	margin-top: 100px;
	margin-bottom: 50px;
}







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



}
 @media only screen and (min-width: 768px) and (max-width: 991px) {

.contents {
    margin-top: 0px;
    margin-bottom: 70px;
}

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

.contents {
    margin-top: 0px;
    margin-bottom: 70px;
}

}
 @media (max-width: 575px) {

.contents {
    margin-top: 0px;
    margin-bottom: 50px;
}

}









.title-area {
	margin-top: -50px;
	margin-bottom: 20px;
}
.title-area dl {
	color: #222;
	display: flex;
	align-items: center;
}
.title-area dl dt {
	font-size: 48px;
	letter-spacing: -1px;
	line-height: 65px;
	font-weight: 700;
	font-family: "NotoB";
	margin-right: 65px;
}
.title-area dl dd {
	font-size: 18px;
	font-weight: 300;
}



 @media only screen and (min-width: 992px) and (max-width: 1600px) {


}


 @media only screen and (min-width: 768px) and (max-width: 991px) {
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
}
 @media (max-width: 575px) {

.title-area {
	margin: 0px 3%;
	margin-top: 0px;
}


.title-area dl dt {
	font-size: 16px;
	letter-spacing: -1px;
	line-height: 65px;
	font-weight: 700;
	font-family: "NotoB";
	margin-right: 0px;
	width: 50%;
}

.title-area dl dd {
	font-size: 15px;
	line-height: 18px;
	font-weight: 300;
	width: 100%;
}








}





/* ------------------------------------------------------------------------
    0.ΐΜΉΜΑφΔΑΕΩΓχ - 2.2΄ά: type1
------------------------------------------------------------------------ */

.img-twostage-type1-area { padding: 0px 0; }
.img-twostage-type1-area .item-contents { margin:0px 0 0 0; overflow:hidden; }
.img-twostage-type1-area .item-contents .title { opacity:0; text-align:right; font-weight:500; font-size:100px; line-height:100px; color:#f5f5f5; }
.img-twostage-type1-area .item-contents .img-txt { margin:0px 0 0;}
.img-twostage-type1-area .item-contents .img-txt > div { float:left; width:calc(50% - 40px); box-sizing:border-box; }
.img-twostage-type1-area .item-contents .img-txt .imgbox { position:relative; width:calc(50% + 40px); text-align:right; }
.img-twostage-type1-area .item-contents .img-txt .imgbox span { position:relative; height:400px; margin-left: 0px; max-width:700px; width:100%; overflow:hidden; display:block; float:left; }
.img-twostage-type1-area .item-contents .img-txt .imgbox img { position:absolute; left:0; top:0; width:100%; opacity:0; display:block; border-radius: 30px;   }

.img-twostage-type1-area .item-contents .img-txt .txtbox .title-table { padding:0px 0 0 0px; max-width:700px; }
.img-twostage-type1-area .item-contents .img-txt .txtbox .title-table .tit { font-size:40px; color:#333; font-weight:700; letter-spacing:-0.025em; width:100%; position:relative;  z-index:1; background-color:#fff; }
.img-twostage-type1-area .item-contents .img-txt .txtbox .title-table .tit strong { opacity:0; font-weight:700; display:block; }
.img-twostage-type1-area .item-contents .img-txt .txtbox .title-table .txt { margin:10px 0 0 0; font-size:16px; color: #666; font-weight:300; line-height: 1.5;  }
.img-twostage-type1-area .item-contents .img-txt .txtbox .title-table .txt { opacity:0; display:block; }


.img-twostage-type1-area .item-contents .img-txt .txtbox .tablebox { margin:20px 0 0 0; font-weight:300; font-size:18px; line-height:36px; color:#333; letter-spacing:-0.025em; }
.img-twostage-type1-area .item-contents .img-txt .txtbox .title-table .tablebox { opacity:0; font-weight:700; display:block; }


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

.img-twostage-type1-area .item-contents .img-txt > div {width:calc(60% - 40px);}
.img-twostage-type1-area .item-contents .img-txt .imgbox { width:calc(40% + 40px); }
.img-twostage-type1-area .item-contents .img-txt .imgbox span { height:500px; width:100%;}
.img-twostage-type1-area .item-contents .img-txt .txtbox .title-table .tit { font-size:30px;  }
.img-twostage-type1-area .item-contents .img-txt .txtbox .title-table { padding:20px 0 0 30px; }



}
 @media (max-width: 999px) {

.img-twostage-type1-area .item-contents .img-txt > div {width:calc(100% - 0px);}
.img-twostage-type1-area .item-contents .img-txt .imgbox { width:calc(100% + 0px); }
.img-twostage-type1-area .item-contents .img-txt .imgbox span { display: none;}
.img-twostage-type1-area .item-contents .img-txt .imgbox img { width:100%; }
.img-twostage-type1-area .item-contents .img-txt .txtbox .title-table { padding:0px 0 0 0px; max-width:100%; }
.img-twostage-type1-area .item-contents .img-txt .txtbox .title-table .tit { font-size:28px; }



}
 @media (max-width: 575px) {

.img-twostage-type1-area .item-contents .img-txt .imgbox span { display: none; }
.img-twostage-type1-area .item-contents .img-txt .txtbox .title-table .tit { font-size:22px; }


}

/* animation */ 
.img-twostage-type1-area .item-contents.on .img-txt .txtbox .title-table .tit strong { animation:ani_3 1.0s 0.3s; animation-fill-mode:both; }
.img-twostage-type1-area .item-contents.on .img-txt .txtbox .title-table .txt { animation:ani_3 1.0s 0.4s; animation-fill-mode:both; }
.img-twostage-type1-area .item-contents.on .img-txt .txtbox .tablebox { animation:ani_2 1.0s 0.9s; animation-fill-mode:both; }
.img-twostage-type1-area .item-contents.on .img-txt .imgbox img {  animation: ani_2 1.0s 0.3s; animation-fill-mode: both; }






















/* ------------------------------------------------------------------------
    0.ΐΜΉΜΑφΔΑΕΩΓχ 
/* ------------------------------------------------------------------------
    0.ΐΜΉΜΑφΔΑΕΩΓχ - 0.°ψΕλ
------------------------------------------------------------------------ */

@keyframes bg_over {
	0%{transform:scale(1.2); }
	100%{transform:scale(1); }
}








/* ------------------------------------------------------------------------
    1.ΈήΐΞΔΑΕΩΓχ 
/* ------------------------------------------------------------------------
    1.ΈήΐΞΔΑΕΩΓχ - 1.Ώ‘ΐΜΎΛΌ­Ίρ½Ί
------------------------------------------------------------------------ */



.txt-left-menu-area .title {
	position: relative;
	z-index: 1;
	padding: 40px 0% 0px 0%;
	padding-left: 5%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
	background-color: #fff;
}

.txt-left-menu-area .images {
  width: 80%;
  margin: auto;
}


.txt-left-menu-area .title h2 {
	font-size: 45px;
	letter-spacing: -1px;
	color: #222;
	font-weight: 700;
	margin-bottom: 15px;
}

.txt-left-menu-area .title p {
	color: #666;
	font-weight: 100;
	line-height: 1.5;
	margin-bottom: 18px;
}





.txt-left-menu-area .menu-list{position:relative;height:100%;vertical-align:middle;}
.txt-left-menu-area .list{padding:0 2% 0 0;position:absolute;top:50%;left:0;right:0;transform: translate(0, 0%)}
.txt-left-menu-area .list .menu{width:100%;}
.txt-left-menu-area .list .menu li{position:relative; width:100%; vertical-align:middle; height:68px; /*border-bottom:1px solid #d0d0d0;*/}
.txt-left-menu-area .list .menu li:before{position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#e5e5e5; content:""; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.txt-left-menu-area .list .menu li a{position:relative; display:table; width:100%; height:100%; color:#161616; font-size:22px; font-weight:700;letter-spacing:-0.5px;}
.txt-left-menu-area .list .menu li a span{display:table-cell; padding-right:10px;vertical-align:middle; font-weight:400; }
.txt-left-menu-area .list .menu li a .arrow{position:absolute; top:0px; right:0px; color:#161616; line-height:68px;}
.txt-left-menu-area .list .menu li:hover:before{background-color:#c6362b}
.txt-left-menu-area .list .menu li:hover a{color:#c6362b;}
.txt-left-menu-area .list .menu li:hover a .arrow{color:#c6362b}



 @media (max-width: 575px) {


.txt-left-menu-area .title {
    padding: 0px 0% 0px 0%;
	padding-left: 0%;
}


.txt-left-menu-area .title h2 {
	font-size: 22px;
    letter-spacing: -1px;
	color: #222;
	font-weight: 700;
	margin-bottom: 10px;
}

.txt-left-menu-area .title p {
    color: #474747;
    font-weight: 100;
    line-height: 1.4;
    margin-bottom: 0px;
}


.txt-left-menu-area .right-menu-container {
	position: static;
	width: auto;
	height: auto
}
.txt-left-menu-area .menu-list-container {
	display: block;
}
.txt-left-menu-area .menu-list {
	display: block;
	width: 100%;
	padding: 0px 0;
}
.txt-left-menu-area .list {
	padding: 0 10px;
	position: static;
	top: 0;
	transform: translate(0, 0)
}
.txt-left-menu-area .list .menu li {
	float: left;
	overflow: hidden;
	height: 44px;
	width: calc(50% - 20px );
	margin-right: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.txt-left-menu-area .list .menu li a {
	font-size: 16px;
}
.txt-left-menu-area .list .menu li a .arrow {
	line-height: 48px
}
.txt-left-menu-area .list .menu li a span {
	font-size: 15px;
}
}










/* ------------------------------------------------------------------------
    °ψΕλ-2. ΑΨΊρΑίΎΘ³»
------------------------------------------------------------------------ */



.coming-soon {
	text-align: center;	
    padding: 130px 130px;
	border: 2px dashed #f50d0a;
	margin-top:200px;
}

.coming-soon h1 {
	color: #333;
	font-size: 2.7rem;
	font-weight: 700;
    line-height: 1.2;
}


.coming-soon h1 strong{

	color: #f50d0a;
	font-weight: 700;
}



.coming-soon p{
	font-size: 18px;
	margin-top:20px;
}





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


.coming-soon {
	text-align: center;	
    padding: 60px 20px;
	border: 2px dashed #f50d0a;
}


.coming-soon h1 {
	font-size: 23px;
	color: #242424;
}

.coming-soon p{
	font-size: 14px;
}



.comingsoon .btnbox .btn-send {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    background-color: #2c2c2c;
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 55% ;
    height: 53px;
    color: #ffffff;
    border-radius: 0px;
    padding: 0 30px;
    font-size: 14px !important;
    line-height: 52px;
    font-weight: 100;
    text-transform: uppercase;
    margin: auto;
}



}