@charset "utf-8";

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#wrapper { position:relative; height:100%; width:100%; }
#wrapper .w1280 { width:1280px; margin:0 auto; }
html,body{ margin:0; padding:0; width:100%; height:100%;}
#footer { 
padding:30px 15px 130px;
height: 500px!important;
}
#footer ul li { float:left; }
#footer ul li.menu a { display:block; margin-bottom:30px; padding-left:15px; font-size:20px; color:#090909; letter-spacing:-0.05em; background:url('../images/dot_cyan.gif') no-repeat left 50%; }
#footer ul li:first-child { width:300px; margin-left:180px; }
#footer ul li p.tit { padding-left:15px; font-size:20px; color:#090909; letter-spacing:-0.05em; background:url('../images/dot_cyan.gif') no-repeat left 50%; }
#footer ul li:nth-child(2) { width:350px; }
#footer ul li:nth-child(2) dl { margin:10px 0 0 15px; }
#footer ul li:nth-child(2) dt { font-size:bold; font-size:20px; }
#footer ul li:nth-child(2) dd { font-size:16px; font-weight:300; }
#footer ul li:nth-child(2) .w-time { margin:10px 0 0 15px; font-weight:300; }
/* 19/08/01 s */
#footer ul li:nth-child(3) { width:330px; }
#footer ul li:nth-child(3) dl { margin:10px 0 0 15px; }
#footer ul li:nth-child(3) dt { font-size:bold; font-size:20px; }
#footer ul li:nth-child(3) dd { margin-top:10px; font-size:14px; font-weight:300; }
/* 19/08/01 e */
#footer ul li:nth-child(3) a.email { display:block; margin:10px 0 0 15px; font-weight:300; }
/* 19/08/01 s */
.visual-m { background:url('../images/visual_m_new.jpg') no-repeat 50% 50% / cover ; font-size:0; }
.visual-m p { text-align:center; padding:8% 0 0 0 ; }
/* 19/08/01 e */
.bg-cyan { background:#9ed9d7; }
.bg-cyan2 { background:#ceeae9; }
.bg-cyan .tit { text-align:center; }
.info-sg {
    width: 400px;
    height: 410px;
    position: relative;
    float: left;
    margin: 0;
    margin-right: -1px;
}
.info-sg-wrap { margin-top:70px; }
.info-sg-wrap .white-sg.info-sg.hover {
    position: relative;
    margin-left: -25px;
    margin-top: -30px;
    width: 450px;
    height: 520px;
    box-shadow: -5px 18px 27px rgba(0,0,0,.11);
}
.info-sg .cont { /* height:400px; */ }
.white-sg {
    transition: all .5s;
    position: relative;
    box-sizing: border-box;
    width: 400px;
    height: 460px;
    /* padding-top: 180px; */
    border: 1px solid #eaeaea;
    background-repeat: no-repeat;
    background-position: center 50px;
    background-color: #fff;
    box-shadow: -5px 18px 27px rgba(0,0,0,0);	
}
.white-sg .inner { text-align:center; }
.white-sg .inner dl { display:table; margin:0 auto; padding:220px 20px 0; }
.white-sg .inner dl.con1 { background:url('../images/deco_sg_item1.png') no-repeat center 50px; }
.white-sg .inner dl.con2_ko { background:url('../images/deco_sg_item2_ko.png') no-repeat center 50px; }
.white-sg .inner dl.con2_jp { background:url('../images/deco_sg_item2_jp.png') no-repeat center 50px; }
.white-sg .inner dl.con3 { background:url('../images/deco_sg_item3.png') no-repeat center 50px; }
.white-sg .inner dl dd { width:345px; margin-top:15px; font-size:15px; letter-spacing:-0.05em; font-weight:300; }
.white-sg .inner a { display:block; margin-top:40px; }
.swiper-slide .cont { padding:60px 15px 40px; }
.swiper-slide .desc { margin-top:10px; font-weight:300; letter-spacing:-0.03em; font-size:.875em; }
.swiper-slide a.btn-more { position:absolute; right:15px; bottom:40px; }
.swiper-slide a.btn-more img { width:70px; height:40px; }
.slide1 .swiper-pagination { position:absolute; left:15px!important; top:10px!important; width:inherit!important; }
.slide1 .slide1 img { width:97px; height:auto; }
.slide1 .txt { padding-top:15px; }
.slide1 .txt1 img { width:207px; height:auto; }
/* 19/08/01 s */
.char { padding:4% 15px 0px; text-align:center; }
/* .char p:first-child { margin-top:120px; } */
.serv { padding:2% 15px 0; text-align:center; }
.serv p:first-child { /* margin-top:120px; */ text-align:left; padding-left:160px; }
.serv .divide2 { background:url('../images/arr_r.png') no-repeat center 50px;  }
/* 19/08/01 e */
.serv ul { position:relative; margin-top:30px; }
.serv ul li { float:left; }
/* .serv ul li:nth-child(1) { width:30%; } */
.serv ul li { width:30%; }
.serv ul li:nth-child(2),
.serv ul li:nth-child(4) { width:5%; }
.serv .divide:nth-child(2) {
    position:absolute;
    left:32%;
    top:20%;
    bottom:10%;
    border-left:1px solid #90bee2;
}
.serv .divide:nth-child(4) {
    position:absolute;
    left:65%;
    top:20%;
    bottom:10%;
    border-left:1px solid #90bee2;
}
/* 19/08/01 s */
.serv dl { padding-top:280px; }
.serv dl.con1 { background:url('../images/deco_serv1_n.png') no-repeat center 50px; }
.serv dl.con2 { background:url('../images/deco_serv2_n.png') no-repeat center 50px; }
.serv dl.con3 { background:url('../images/deco_serv3_n.png') no-repeat center 50px; }
.serv dl dt { font-weight:bold; font-size:28px; }
.serv dl dd { margin-top:15px; font-size:15px; letter-spacing:-0.05em; line-height:1.5em; font-weight:300; }
.serv p.con { margin-top:50px; }
.serv p.con img { width:85%; height:auto; }
/* 19/08/01 e */
#slide-av { position:relative; }
#slide-av .swiper-container { width:1130px; }
#slide-av .swiper-button-next { display:block; width:29px; height:53px; right:10px; background:url('../images/btn_next.png') no-repeat right top!important; }
#slide-av .swiper-button-prev { display:block; width:29px; height:53px; left:10px; background:url('../images/btn_prev.png') no-repeat left top!important; }
/* #slide-av .swiper-wrapper { width:1180px; margin:0 auto; }
#slide-av .swiper-slide { width:280px!important; } */
.rt { padding:60px 15px 130px; }
.rt .txt { padding:1% 15px 50px; text-align:center; }
.rt .s-cont { position:relative; width:280px; margin:0 auto; }
.rt .s-cont .flag { position:absolute; right:10px; top:10px; }
.rt .s-cont .price { position:absolute; left:0px; bottom:0px; width:100%; padding:10px 0; background-color:rgba(0,0,0,0.5); text-align:center; color:white; font-size:22px; }
/* .rt .swiper-slide { width:280px!important; }
.rt .swiper-wrapper { width:1180px; } */
.rt .desc { margin-top:50px; font-size:26px; text-align:center; font-weight:300; letter-spacing:-0.05em; }
.rt a { display:block; margin:20px auto 0; text-align:center; }
.tab-menu { background:#f1f1f1; }
.tab-menu li { float:left; width:25%; font-size:.875em; text-align:center; line-height:35px; }
.tab-menu li a { display:inline-block; padding:0 2px;}
.tab-menu li.on a { border-bottom:2px solid black; }
#header { z-index:3; position:relative; width:100%; height:90px; background:white; 
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
#header .cont { position:relative; }
#header .cont .top { padding:20px 0 0 15px; }
#header .cont .top h1,
#header .cont .top a { display:inline-block; }
#header .cont .top a { position:relative; bottom:5px; padding-left:10px; }
#header .cont .top a img { width:44px; height:auto; }
#header ul.btn { position:absolute; right:10px; top:22px; }
#header ul.btn li { display:inline-block; }
/* 19/08/01 s */
.motion { min-height:630px; padding:5% 15px 0; }
/* 19/08/01 e */
.motion .inner { overflow:hidden; margin-top:20px; }
.motion .inner > ul > li { margin-bottom:0px; }
.motion p.txt { text-align:center; }
#slide-av2 .swiper-container { height:600px; }
#slide-av2 .swiper-slide-active { 
	-ms-transform: scale(1)!important; /* IE 9 */
    -webkit-transform: scale(1)!important; /* Safari 3-8 */
    transform: scale(1)!important;
	opacity:1!important;
}
#slide-av2 .swiper-slide-next { 
	-ms-transform: scale(0.8)!important; /* IE 9 */
    -webkit-transform: scale(0.8)!important; /* Safari 3-8 */
    transform: scale(0.8)!important;
	opacity:0.6!important;
}
/* #slide-av2 .swiper-slide-prev { 
	-ms-transform: scale(0.9)!important; IE 9
    -webkit-transform: scale(0.9)!important; Safari 3-8
    transform: scale(0.9)!important;
} */
#slide-av2 .swiper-slide { 
	-ms-transform: scale(0.6); /* IE 9 */
    -webkit-transform: scale(0.6); /* Safari 3-8 */
    transform: scale(0.6);
	opacity:0.4;
}
.pc_banner {
	z-index:4; position:relative;
}
.pc_banner img {
	width: 100%;
}

.banner_close {
	width:30px; 
	height:25px; 
	position: absolute; 
	right: 15px; 
	top: 5px;
}

.quote {
    position:relative;
    /* width:90%; */
    padding:15px 25px;
    margin:20px auto 0;
    color:#090909;
	height:160px;
    /* background:white;
    	border-radius:20px;
    	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); */
		background:url('../images/bg_sb.png') no-repeat center top / 716px 176px;
	
}
/* .quote:after {
    content:"";
    position:absolute;
    top:100%;
    right:45px;
    border-width:30px 30px 0 0;
    border-style:solid;
    border-color:white transparent;
    css3 extras
    -webkit-transform:skewX(-15deg);
       -moz-transform:skewX(-15deg);
        -ms-transform:skewX(-15deg);
         -o-transform:skewX(-15deg);
            transform:skewX(-15deg);

			-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
} */
.quote > div { display:table; width:100%; height:100px; }
.quote p { vertical-align:middle; display: table-cell;  font-size:22px; /* font-weight:300; */ text-align:center; font-weight:300; }
/** Simple speech bubble */
.speech-bubble {
    background: #efefef;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    font-size: 1.2rem;
    line-height: 1.3;
    margin: 0 auto 40px;
    max-width: 400px;
    padding: 15px;
    position: relative;
}
.speech-bubble p {
    margin: 0 0 10px;
}
.speech-bubble p:last-of-type {
    margin-bottom: 0;
}
.speech-bubble::after {
    border-left: 20px solid transparent;
    border-top: 20px solid #efefef;
    bottom: -20px;
    content: "";
    position: absolute;
    right: 20px;
}

/** Speech bubble with drop shadow and border */

/* .speech-bubble-ds {
    background: #efefef;
    border: 1px solid #a7a7a7;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
    font-size: 1.2rem;
    line-height: 1.3;
    margin: 0 auto 40px;
    max-width: 400px;
    padding: 15px;
    position: relative;
}

.speech-bubble-ds p {
    margin-bottom: 10px;
}
.speech-bubble-ds p:last-of-type {
    margin-bottom: 0;
}

.speech-bubble-ds-arrow {
    border-left: 21px solid transparent;
    border-top: 20px solid rgba(0, 0, 0, 0.2);
    bottom: -25px;
    position: absolute;
    right: 15px;
}
.speech-bubble-ds-arrow::before {
    border-left: 23px solid transparent;
    border-top: 23px solid #a7a7a7;
    bottom: 2px;
    content: "";
    position: absolute;
    right: 5px;
}
.speech-bubble-ds-arrow::after {
    border-left: 21px solid transparent;
    border-top: 21px solid #efefef;
    bottom: 4px;
    content: "";
    position: absolute;
    right: 6px;
} */

.swiper-pagination-bullet { margin:0 3px!important; background:white!important; opacity:1!important; }
.swiper-pagination-bullet-active { background:#008996!important; }
/* 19/08/01 s */
#sec1 > .char p.mt50 img { width:85%; height:auto; }
/* 19/08/01 e */