@charset "utf-8";
 
/*---------------------------------------------------
	# Navigation
---------------------------------------------------*/


.menuarea{ width:27px; height: 100%; position: fixed; top: 47vh; right:35px; z-index: 99999; text-align: center;}
.menuarea a{ width:27px; height: 22px; }
.menuarea a:hover .menu-line span{background-color: #FFF;}

 
.menu-line,
.menu-line span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-line {
  position: relative;
	z-index: 2;
  top:0;
  width: 27px;
  height:22px;
}
.menu-line span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  padding-bottom:1px;
  border-bottom: 1px solid #0d3143;
}
.menu-line span:nth-of-type(1) {
  top: 0;
}
.menu-line span:nth-of-type(2) {
  top: 10px;
}
.menu-line span:nth-of-type(3) {
  bottom: 0;
}
 
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-45deg);
  transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
}

 

#navigation{
  position: fixed;
  display: none;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: #0d3143;
  opacity: 0.94;
  z-index: 99998;
}

#navigation .navigation_inner{
  display: table;
  width: 100%;
  height: 100%;
}
#navigation .navigation_inner ul{margin: 0;padding: 0;}


#navigation .navigation_inner .navigation_menu{
  display: table-cell;
  vertical-align: middle;
	list-style: none;
	text-align: center;
}

#navigation .navigation_inner .navigation_menu .logo img{ width: 150px;}
#navigation .navigation_inner .navigation_menu .copyright{ color: #FFF; font-size: 10px; padding-top:50px;}


#navigation .navigation_inner .navigation_menu .navigation_item{
  width: 70%;
  margin: 0 auto 0 auto;
}
#navigation .navigation_inner .navigation_menu .navigation_item:first-child{
  width: 100%;
  text-align: center;
  margin: 0 0 35px 0;
}

#navigation .menu01,#navigation .menu02,#navigation .menu03,#navigation .menu04{
	font-family: 'BodoniMT', serif;
	font-size:28px;
	letter-spacing:.01em;
	font-weight: normal;
}

#navigation .navigation_inner .navigation_menu .menu01 a,
#navigation .navigation_inner .navigation_menu .menu02 a,
#navigation .navigation_inner .navigation_menu .menu03 a,
#navigation .navigation_inner .navigation_menu .menu04 a
{
  display: block;
	color: #FFF;
  padding: 35px 0 35px 0;
  position: relative;
  text-decoration: none;
  line-height: ;
  text-align: center;
	background-size: 35px 35px;
	background-repeat: no-repeat;
	background-position: 30px 33px;
	-webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}

#navigation .navigation_inner .navigation_menu .menu01 a:hover,
#navigation .navigation_inner .navigation_menu .menu02 a:hover,
#navigation .navigation_inner .navigation_menu .menu03 a:hover,
#navigation .navigation_inner .navigation_menu .menu04 a:hover
{
	background-color: rgba(255,255,255,0.15);
	background-image: url(../images/common/arrow_navi.png);
	background-size: 35px 35px;
	background-repeat: no-repeat;
	background-position: 30px 33px;
	-webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}


#navigation .navigation_inner .navigation_menu .sub{
	width: 260px;
	margin: 0 auto;
	font-family: 'BodoniMT', serif;
	font-size:20px;
	letter-spacing:.01em;
	font-weight: normal;
}

#navigation .navigation_inner .navigation_menu .sub a{
	float: left;
  display: block;
	color: #FFF;
  padding: 35px 0 0 0;
	margin: 0 30px;
  position: relative;
  text-decoration: none;
	color: #FFF;
}

#navigation .navigation_inner .navigation_menu .sub a::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  content: '';
  width: 98%;
  height: 0.8px;
  background: #FFF;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}

#navigation .navigation_inner .navigation_menu .sub a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

#navigation .navigation_inner .navigation_menu .snsarea{width: 100%;}

#navigation .navigation_inner .navigation_menu .snsarea{width:164px; margin: 40px auto 0 auto;} 
#navigation .navigation_inner .navigation_menu .snsarea ul {margin:0; padding: 0;} 
#navigation .navigation_inner .navigation_menu .snsarea li {float: left; margin: 0 20px;} 

 
#navigation .my_svg02{width: 7.5px;height: auto;}
#navigation .my_svg03{width: 21px;height: auto;}
#navigation .my_svg04{width: 15px;height: auto;}

#navigation .my_svg02 path,#navigation .my_svg03 path,#navigation .my_svg04 path{
    color:#FFF;
    fill: currentColor;
	transition: all 0.1s ease;
}
#navigation .my_svg02 .st0,#navigation .my_svg03 .st0,#navigation .my_svg04 .st0{fill:#FFF; transition: all 0.4s ease;}

 
#navigation .facebook:hover .my_svg02 .st0,
#navigation .twitter:hover .my_svg03 .st0,
#navigation .instagram:hover .my_svg04 .st0{
	fill:#b5b5b5;
	transition: all 0.1s ease;
}



/*---------------------------------------------------
	# slider zoom
---------------------------------------------------*/


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

#main-visual {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  
}
.iphone.portrait #main-visual,
.ipad.portrait #main-visual,
.android.portrait #main-visual {
  height: 32.68%;
}

#main-visual .opening_logo {
  /* width: 160px; */
  width: 300px;
	height: 100%;
	margin: 0 auto;
	
 
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
 
  align-items: center; 
  -webkit-justify-content: center;
 
  justify-content: center;
 
  z-index: 2;
}
#main-visual .opening_logo img{
width: 100%;
}

/*.btn-scroll
------------------------------------------------------------------------ */
#main-visual .btn-scroll {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,0);
  text-align: center;
  overflow: hidden;
  z-index: 10;
}
#main-visual .btn-scroll a {
  display: inline-block;
  text-align: center;
  width: 100%;
  position: relative;
  transition: 0.3s ease-out;
  padding-top: 20px;

  font-family: 'BodoniMT', serif;
  font-size: 12px;
  letter-spacing:.07em;
  color: #FFF;
  text-decoration: none;
}
#main-visual .btn-scroll a::after {
  content: "";
  display: block;
  width: 1px;
  height: 60px;
  position: relative;
  background-color: #FFFFFF;
  margin: 15px auto 0;
}
#main-visual .btn-scroll a:hover {
  transform:translate(0px,20px);
}



/*---------------------------------------------------
	# Container
---------------------------------------------------*/

#main-contents-wrapper {
  position: relative;
  overflow: hidden;
}

/*---------------------------------------------------
	# header
---------------------------------------------------*/
header{width: 100%; position: relative;}

header h1 {width: 130px; margin: 80px auto 70px auto;}
header h1 img{width: 130px;}

header .submenu {position: absolute; top: -35px; left: 50px;}
header .submenu ul {text-align: left; margin:0; padding: 0;}
header .submenu ul li{float: left; text-align: left; margin-right: 30px;}
header .submenu a{position: relative; font-family: 'BodoniMT', serif; font-size: 13px; color: #0A2530; letter-spacing:.03em; text-decoration: none;}
header .submenu a::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  content: '';
  width: 98%;
  height: 0.8px;
  background: #0D3143;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}

header .submenu a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}


header .snsarea{margin:0 0 0 0; position: absolute; top: -25px; right: 50px;}
header .snsarea ul {margin:0; padding: 0;}
header .snsarea li {float: right; margin-left:38px;}


 
header .my_svg02{width: 7.5px;height: auto;}
header .my_svg03{width: 21px;height: auto;}
header .my_svg04{width: 15px;height: auto;}

header .my_svg02 path,header .my_svg03 path,header .my_svg04 path{
    color:#0d3143;
    fill: currentColor;
	transition: all 0.1s ease;
}
header .my_svg02 .st0,header .my_svg03 .st0,header .my_svg04 .st0{fill:#0d3143; transition: all 0.4s ease;}

 
header .facebook:hover .my_svg02 .st0,
header .twitter:hover .my_svg03 .st0,
header .instagram:hover .my_svg04 .st0{
	fill:#b5b5b5;
	transition: all 0.1s ease;
}



/*---------------------------------------------------
	# Contents body
---------------------------------------------------*/
 

.l_col_liquid {
  width: 100%;
  float: left;
  margin: 0 -100px 0 0;
}

.r_col_fix {
  width: 100px;
  float: right;
  text-align: center;
}

.l_contents {
  margin: 0 100px 0 0;
   
}


.l_white_block {
  background-image: url(../images/common/cnt_bg.gif);
  background-repeat: repeat-y;
  background-position: left;
  background-color: #f3f3f3;
  position: relative;
}

@media screen and (min-width:320px) and ( max-width:1065px) {
  .l_white_block {
    background-image: none;
  }
}

.l_white_block_insta {
  background-image: url(../images/common/cnt_bg.gif);
  background-repeat: repeat-y;
  background-position: left;
  background-color: #f3f3f3;
  position: relative;
  margin: 25% 0 0 0;
}

/*---------------------------------------------------
	# Slide area
---------------------------------------------------*/

.slidearea {
  width: 100%;
  position: relative;
}
.slidearea .slidenumber {
  position: absolute;
  top: -50px;
  right: 70px;
  width: 100px;
  height: 100px;
  background-color: #0d3143;
  font-family: 'BodoniMT', serif;
  font-size: 16px;
  color: #FFF;
  letter-spacing: .07em;
  text-align: center;
   
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  
  align-items: center;
   
  -webkit-justify-content: center;
  
  justify-content: center;
   
  z-index: 2;
}

.slidearea .slidenumber img {
  width: 11px;
  margin: -5px 7px 0 7px;
}

.slider {
  position: relative;
  z-index: 1;
}
.slider:before{
  content: "";
  display: block;
  padding-top: 43%;
}
.slider .slide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.slide_img{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.slide_img img {
  width: 100%;
  height: 100%;
  transform: scale(1.1);
}
.slide-scale .slide_img img {
  transform: scale(1);
  transition: transform 3s ease;
}

.progress{
  position: absolute;
  right: 0;
  top: 0;
  height: 0;
  width: 4px;
  z-index: 3;
  background-color: #00d6f9;
}
.slide-progress .progress{
  transition: height 4.6s linear;
  height: 100%;
}

.slide_txt{
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide_txt > div{
  position: absolute;
  overflow: hidden;
  clip: rect(auto, 0, auto, auto);
  left: 9%;
}
.slide_txt_line1{
/*  width: 54px;*/
  width: 4vw;
  font-family: 'BodoniMT', serif;
  background-color:#0D3143;
  color: #fff;
/*  font-size: 12px;*/
  font-size: 0.9vw;
  text-align: center;
  box-sizing: border-box;
  top: 11.7vw;
}
.slide_txt_line2{
  width: auto;
  background-color: #223444;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #fff;
/*  font-size: 24px;*/
  font-size: 1.5vw;
  line-height: 1;
  text-align: center;
  padding: 1vw;
  box-sizing: border-box;
  top: 14vw;
}
.slide_txt_line2.slide_txt_line2_2{
  line-height: 1.2;
}
.slide_txt_line2.slide_txt_line2_2 + .slide_txt_line3{
  top: 19.6vw;
}
.slide_txt_line3{
  width: 20vw;
/* width: 240px */
/*  margin-left: 3%;*/
  background-color: #fff;
  color:#223444;
/*  font-size: 14px;*/
  font-size: 1.1vw;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 2;
  padding: 1vw;
  letter-spacing: 0.1em;
  box-sizing: border-box;
  top: 17.5vw;
}
.slide_txt > div:after{
  content: "";
  left: 0;
  top: 0;
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  transform: translateX(0);
}
.slide_txt_line1:after{
  background-color: #223444;
}
.slide_txt_line2:after{
  background-color: #223444;
}
.slide_txt_line3:after{
  background-color: white;
}
 
.slide-textIn .slide_txt_line1{
  clip: rect(auto, 4vw, auto, auto);
  transition: clip 1s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.slide-textIn .slide_txt_line1:after{
  transform: translateX(100%);
  transition: transform 1s cubic-bezier(0.55, 0.05, 0.22, 0.99) 1s;
}
.slide-textIn .slide_txt_line2{
  transition: clip 1s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.slide-textIn .slide_txt_line2:after{
  transform: translateX(100%);
  transition: transform 1s cubic-bezier(0.55, 0.05, 0.22, 0.99) 1s;
}
.slide-textIn .slide_txt_line3{
  clip: rect(auto, 20vw, auto, auto);
  transition: clip 1s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}
.slide-textIn .slide_txt_line3:after{
  transform: translateX(100%);
  transition: transform 1s cubic-bezier(0.55, 0.05, 0.22, 0.99) 1s;
}


 

.arrowarea{width:136px; position: absolute; right: 70px; bottom:-34px; z-index:2;}
.arrowleft{float:left;}
.arrowright{float:left;}

.btn_arrow {
  background: #FFF;
  text-align: center;
  width: 68px;
  height: 68px;
  outline: none !important;
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.325, 1) 0s;
  position: relative;
  display: inline-block;
	z-index:1;
}

.btn_arrow:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: #eaeaea;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.325, 1) 0s;
}
.btn_arrow:hover {
}


.btn_arrow:hover:after {
	left: 0%;
	right: auto;
	height: 100%;
}

.btn_arrow:active {top: 0;}

 
.my_svg01{
	width: 20px;
	height: auto;
	margin-top:29px;
}
.my_svg01 path{
    color:#0d3143;
    fill: currentColor;
	transition: all 0.1s ease;
}
.my_svg01 .st0{fill:#0d3143;}
 
.arrowleft .my_svg01{
	position: relative;
	left:0;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.325, 1) 0s;
}

.arrowleft:hover .my_svg01{
	position: relative;
	left:-10px;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.325, 1) 0s;
}
.arrowright .my_svg01{
	position: relative;
	left:0;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.325, 1) 0s;
}

.arrowright:hover .my_svg01{
	position: relative;
	left:10px;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.325, 1) 0s;
}


/*---------------------------------------------------
	#  Main title
---------------------------------------------------*/

.main_ttl{width:50%; margin: 70px auto 0 auto; text-align: center;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 8px; letter-spacing: .12em;}

.main_ttl h2{
	font-family: 'BodoniMT', serif;
	font-size:28px; color: #0A2530;
	letter-spacing:.01em;
	font-weight: normal;
}

 .main_ttl h2::after{
    content: "";
	width: 26px;
    display: block;
    margin: 8px auto 16px;
    border-bottom: 1px solid #2c4a56;
  }

/*---------------------------------------------------
	#  index column block
---------------------------------------------------*/

.section_column{width:900px; margin: 0 auto 0 auto; padding: 10px 0 110px 0;}

.sidettl01{font-family: 'BodoniMT', serif; font-size:11px; color: #0A2530; letter-spacing:.04em; transform: rotate( -90deg );
position: absolute; top: 340px; left: 8px;}
.sidettl02{font-family: 'BodoniMT', serif; font-size:11px; color: #0A2530; letter-spacing:.04em; transform: rotate( -90deg );
position: absolute; top: 1020px; left: 14px;}

@media screen and (min-width:320px) and ( max-width:1065px) {
.sidettl01,.sidettl02{display: none;}
}

.btn_category {width: 240px; font-family: 'BodoniMT', serif; font-size:14px; letter-spacing:.04em; margin: 60px 0 0 80px;}

.btn_category a{display: block; color: #0A2530; text-decoration: none; }
.btn_category a::after {
	content: "";
	display: block;
	border-bottom: 1px solid #0d3143;
	transition: all .3s ease;
	width: 140px;
	height: 35px;
	background-image: url(../images/common/arrow_news.svg);
	background-repeat: no-repeat;
	background-size: 12px auto;
	background-position: -20px 0;

}

.btn_category a:hover::after {
  width: 100%;
	height: 35px;
	background-image: url(../images/common/arrow_news.svg);
	background-repeat: no-repeat;
	background-size: 12px auto;
	background-position: 0 0;

}

.btn_category .andmore {
position: relative;
	height:6px;
	margin: 0; padding: 0;
	transition: all .3s ease;
	transition-delay: 0;
 	left: 0px;
}

.btn_category a:hover .andmore {
	position: relative;
	height:6px;
	margin: 0; padding: 0;
	transition: all .35s ease;
	transition-delay: 0.06s;
	left: 30px;
}



.wrap_column{width:900px; margin: 70px 0 0 0;}
.newsblock{width:260px; margin:0 20px 0 20px; float: left;}
.newsblock .photo {position: relative; width:260px;}
.newsblock .photo img{width:260px;}
.newsblock .photo .number{
	width:38px; height:38px;
	position: absolute; top: 25px; left: 25px; z-index: 10;
	background-color: #FFF; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:11px; letter-spacing:.08em;
 
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; 
 align-items: center;  
 -webkit-justify-content: center;  
 justify-content: center; 
}
.newsblock .blockbody{width:210px; padding: 25px 25px 25px 25px; background-color: #FFF; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; position: relative;}
.newsblock .blockbody .column_ttl01{font-size:16px; line-height: 180%; letter-spacing:.09em;}
.newsblock .blockbody .column_ttl02{font-size:14px; line-height: 190%; letter-spacing:.09em;}

.newsblock .blockbody .date{font-family: 'BodoniMT', serif; font-size:11px; letter-spacing:.08em; margin-top: 36px;}
.newsblock .blockbody .arrow{width: 36px; height: 36px; background-color: #FFF; border-radius: 50%; position: absolute; right: 25px; bottom: 22px;}
.newsblock .blockbody .arrow a{width: 36px; height: 36px; display: block; transition: all 0.2s ease;
	border-radius: 40% ;
	background-color: #FFF;
 
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;  
 align-items: center;  
 -webkit-justify-content: center;  
 justify-content: center;  
}
.newsblock .blockbody .arrow a:hover{background-color: #f3f3f3; border-radius: 50% ;}

 
.my_svg02{
	width: 12px;
	height: auto;
	margin-top:0;
}
.my_svg02 path{
    color:#0d3143;
    fill: currentColor;
	transition: all 0.1s ease;
}
.my_svg02 .st0{fill:#0d3143;}



/*===========
Overzoom
============ */
.wipe_block01 .photo {
  width: 260px;
  background-color: #eaeaea;
  overflow: hidden;
}
.wipe_block01 .photo a img {
  display: block;
  transition: 0.7s ease-out;
}
.wipe_block01 .photo a:hover img {
  transform: scale(1.05) rotate(0.1deg);
  transition: 0.2s ease-out;
  opacity: 0.3;
}
/*============
scroll animation
============= */
.wipe_block01 .photo a {
  display: block;
  transition: all 0.8s cubic-bezier(0.215, 0.61, 0.325, 1) 0s;
  transition-delay:0.4s;
  width: 0%;
  overflow: hidden;
}
.wipe_block01.in .photo a {
  display: block;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.325, 1) 0s;
  transition-delay:0.4s;
  width: 100%;
  overflow: hidden;
}


/*---------------------------------------------------
	#  index news block
---------------------------------------------------*/

.section_news{width:860px; margin: 0 auto 0 auto;}

.section_news .main_ttl{margin:90px auto 0 auto;}

.newsarea{width:100%; margin: 70px 0 0 0;}
.newslist{font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; margin: 0 0 40px 0;}
.newslist .arrow{width: 36px; height: 36px; border-radius: 50%; float: left; margin-right: 40px;}
.newslist .arrow a{width: 36px; height: 36px; display: block; transition: all 0.2s ease;
	border-radius: 50% ;
	background-color: #f3f3f3;
 
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;  
 align-items: center;  
 -webkit-justify-content: center;  
 justify-content: center; 
}
.newslist .arrow a:hover{background-color: #eaeaea; border-radius: 50% ;}

.newslist .date{width: 90px; font-size: 11px; float: left; margin-top: 10px}
.newslist .text{width: 694px; font-size: 11px; float: left; margin-top: 10px}

.btn_news_posi{position: relative; left: 730px!important; margin: 60px 0 0 0!important;}

/*---------------------------------------------------
	#index insta block
---------------------------------------------------*/
.instafeed{width: 100%;  margin-top:-20%;}
.instafeed a{width: 20%;float: left; }
.instafeed a img{width:100%; height: auto;}

.instabtnarea{width:900px; margin: 0 auto 100px auto; padding-left: 100px;}

/*---------------------------------------------------
	#Footer
---------------------------------------------------*/
footer {width:100%; text-align: right; margin: 100px 0 0 0;}
footer .footerarea{margin: 0 60px 80px 60px;}

footer .footlogo{width: 100%; margin: 0 0 60px 0;}
footer .footlogo img{width:140px;}
footer .pagetop{width: 100%; margin-bottom: 40px;}
footer .left{width: 70%; float:left; text-align: left;}
footer .left .submenu{margin:0 0 0 44px;}
footer .left .submenu ul{padding:0; margin: 0;}
footer .left .submenu li{float:left; margin: 0 40px 0 0;}

footer .submenu a{position: relative; font-family: 'BodoniMT', serif; font-size: 14px; color: #0A2530; letter-spacing:.03em; text-decoration: none;}
footer .submenu a::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  content: '';
  width: 100%;
  height: 0.8px;
  background: #0D3143;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}

footer .submenu a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

footer .left .copyright {margin:40px 0 0 44px;}
footer .left .copyright img{width: 247px;}


footer .right{width: 30%; float:left;}
footer .right .snsarea{margin:95px 0 0 0;}
footer .right .snsarea ul {margin:0; padding: 0;}
footer .right .snsarea li {float: right; margin-left:38px;}

 
footer .my_svg02{width: 7.5px;height: auto;}
footer .my_svg03{width: 21px;height: auto;}
footer .my_svg04{width: 15px;height: auto;}

footer .my_svg02 path,footer .my_svg03 path,footer .my_svg04 path{
    color:#0d3143;
    fill: currentColor;
	transition: all 0.1s ease;
}
footer .my_svg02 .st0,footer .my_svg03 .st0,footer .my_svg04 .st0{fill:#0d3143; transition: all 0.4s ease;}


 
footer .facebook:hover .my_svg02 .st0,
footer .twitter:hover .my_svg03 .st0,
footer .instagram:hover .my_svg04 .st0{
	fill:#b5b5b5;
	transition: all 0.1s ease;
}




footer .btn_arrow {
  background: #0d3143;
  text-align: center;
  width: 68px;
  height: 68px;
  outline: none !important;
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.325, 1) 0s;
  position: relative;
  display: inline-block;
	z-index:1;
}

footer .btn_arrow:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: #f3f3f3;
  transition: all 0.35s cubic-bezier(0.215, 0.61, 0.325, 1) 0s;
}
footer .btn_arrow:hover {
}


footer .btn_arrow:hover:after {
	left: 0%;
	right: auto;
	height: 0%;
}

footer .btn_arrow:active {top: 0;}

 
footer .my_svg01{
	width: 10.5px;
	height: auto;
	margin-top:22px;
}
footer .my_svg01 path{
    color:#0d3143;
    fill: currentColor;
	transition: all 0.1s ease;
}
footer .my_svg01 .st0{fill:#0d3143;}
 
footer .btn_arrow:hover .my_svg01 .st0{
	fill:#FFF;
	transition: all 0.1s ease;
}

 
footer .arrow .my_svg01{
	position: relative;
	top:0;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.325, 1) 0s;
}

footer .arrow:hover .my_svg01{
	position: relative;
	top:10px;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.325, 1) 0s;
}
footer .arrow .my_svg01{
	position: relative;
	left:0;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.325, 1) 0s;
}

footer .arrow:hover .my_svg01{
	position: relative;
	top:-10px;
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.325, 1) 0s;
}



/*---------------------------------------------------
	Table color
---------------------------------------------------*/
 .colTable {
	font-size:13px;
	line-height:160%;
    border-top: 1px solid #67ADDB; border-left: 1px solid #67ADDB; border-right: 1px solid #67ADDB; }

     .colTable th {
      padding: 25px 25px;
      border-bottom: 1px solid #67ADDB; border-right: 1px solid #67ADDB;border-bottom: 1px solid #67ADDB;
      vertical-align: top; }

   .colTable td {
      padding: 25px 25px;
      border-bottom: 1px solid #67ADDB; }

   .colTableback {
	   font-size:13px;
      color: #fff;
	  font-weight:100;
	  background-color: #0079C0;}



/*=====================================================================
Overzoom
======================================================================= */
.wipe_block02 .photo {
	width: 280px;
  overflow: hidden;
}
.wipe_block02 .photo a img {
  display: block;
  transition: 0.4s ease-in-out;
}
.wipe_block02 .photo a:hover img {
  transform: scale(1.10) rotate(0.1deg);
  opacity: 0.8;
}
/*=====================================================================
scroll animation
======================================================================= */
.wipe_block02 .photo a {
  display: block;
  transition: 0.9s ease-in-out;
  transition-delay:0.7s;
  width: 0%;
  overflow: hidden;
}
.wipe_block02.in .photo a {
  display: block;
  transition: 0.8s ease-in-out;
  transition-delay:0.7s;
  width: 100%;
  overflow: hidden;
}