body {	
    margin:0;
    font-family:微軟正黑體,Arial/*,sans-serif,\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4*/; 
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none;
    text-size-adjust:none;
    -webkit-text-size-adjust:100%;
    padding-top: constant(safe-area-inset-top);
    padding-right: constant(safe-area-inset-right);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-left: constant(safe-area-inset-left);
	background:#000;/*#ae948e粉金色*/
	/*-webkit-font-smoothing: antialiased;
    display: block;*/
    /*background-attachment: fixed;*/
}

html, body {
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

a { 
  text-decoration:none; 
    transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}
a:hover { text-decoration:none;  }

a[href^="tel:"] {
    color: #fff;
}
img{
    max-width: 100%;
}
h2 {
	letter-spacing:0px;}
	
p { margin-right:10px;}
.tip { margin-right:0px;}

.enname {/*英文名字強制不斷行*//*white-space:nowrap;*/
	word-wrap: break-word;}
embed{
    width: 100%;}
/*建案名稱*/
.housename {
	position:absolute;
	color:#FFF;
	bottom:15vh;
	margin-left:4%;
	text-shadow: black 0.1em 0.1em 0.2em;}

.housename2 {
	}
	


@media only screen and (max-width: 767px) and (orientation: portrait){
.imgbox22 {
    position: absolute;
   /* width: 70%;*/
    margin: 15%;
	padding-top:45vh;}
.imgbox22 img{
	width:100%;}
	
	
}	




@media only screen and (max-width: 567px) and (orientation: portrait){
.housename2 {
    position: absolute;
    color: #FFF;
    margin-left: 2%;
    padding-top: 40%;
    text-shadow: black 0.1em 0.1em 0.2em;
}
}
@media only screen and (max-width: 767px) and (orientation: portrait){
    .onepage-wrapper {
        position: fixed !important;
        -webkit-transform-style: preserve-3d;
    }
    .onepage-pagination {
        position: fixed !important;
        -webkit-transform-style: preserve-3d;
    }
}
input,button,select,textarea{outline:none}
 *:focus { outline: none; }

* { 
    margin:0; 
    padding:0; 
    list-style:none;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

*:after {
	content: "";
    display: block;
    clear: both;
	font-size:0;
}


header{
    position: fixed;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    z-index: 9999;
    background: url(../img/hearch-bg-n.png) top repeat !important;
}
header:after{
    content: none;
}
.in.viewing-page-1 header{
    background: url(../img/hearch-bg-n.png) top repeat;
}
header .logo,
.obatashi.viewing-page-7 header .logo,
.jaya.viewing-page-13 header .logo,
.michelin.viewing-page-8 header .logo{
    display: flex;
    align-items: center;
    font-family: Times New Roman, Verdana, Geneva, sans-serif,"微軟正黑體";
    color: #ae948e;
    letter-spacing: 3px;
    font-size: 14px;
}
header .logo>div img:first-child,
.obatashi.viewing-page-7 header .logo>div img:first-child,
.jaya.viewing-page-13 header .logo>div img:first-child,
.michelin.viewing-page-8 header .logo>div img:first-child{
    display: none;
}
header .logo img{
    width: 132px;
    margin-right: 30px;
}
header .logo a,
.obatashi.viewing-page-7 header .logo a,
.jaya.viewing-page-13 header .logo a,
.michelin.viewing-page-1 header .logo a,
.michelin.viewing-page-8 header .logo a{
    margin: 0 5px;
    color: #ae948e;
}
.in.viewing-page-2 header .logo>div img:first-child,
.in.viewing-page-4 header .logo>div img:first-child,
.in.viewing-page-6 header .logo>div img:first-child,
.in.viewing-page-8 header .logo>div img:first-child,
.scda.viewing-page-10 header .logo>div img:first-child,
.jaya header .logo>div img:first-child,
.tfb header .logo>div img:first-child,
.michelin header .logo>div img:first-child,
.obatashi header .logo>div img:first-child,
.obatashi.viewing-page-7 header  .logo>div img:last-child,
.jaya.viewing-page-13 header  .logo>div img:last-child,
.michelin.viewing-page-1 header  .logo>div img:last-child,
.michelin.viewing-page-8 header  .logo>div img:last-child{
    display: block;
}
.in.viewing-page-2 header .logo>div img:last-child,
.in.viewing-page-4 header .logo>div img:last-child,
.in.viewing-page-6 header .logo>div img:last-child,
.in.viewing-page-8 header .logo>div img:last-child,
.scda.viewing-page-10 header .logo>div img:last-child,
.jaya header .logo>div img:last-child,
.tfb header .logo>div img:last-child,
.michelin header .logo>div img:last-child,
.obatashi header .logo>div img:last-child,
.michelin.viewing-page-1 header .logo>div img:first-child{
    display: none;
}
.in.viewing-page-2 header .logo a,
.in.viewing-page-2 header .logo,
.in.viewing-page-4 header .logo a,
.in.viewing-page-4 header .logo,
.in.viewing-page-6 header .logo a,
.in.viewing-page-6 header .logo,
.in.viewing-page-8 header .logo,
.in.viewing-page-8 header .logo a,
.scda.viewing-page-10 header .logo,
.scda.viewing-page-10 header .logo a,
.jaya header .logo,
.jaya header .logo a,
.tfb header .logo,
.tfb header .logo a,
.michelin header .logo a,
.michelin header .logo,
.obatashi header .logo a,
.obatashi header .logo{
    color: #ae948e;
}
header .logo a.font-style{
    font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, Arial, sans-serif;
}
.icpho {
	position: fixed; 
	right:30px;
	bottom:75px; 
	z-index:999;
}
.icpho img {
    width: 40px;
}
@media only screen and (max-width: 1580px){
	.icpho img {
        width: 40px;
    }
}
@media only screen and (max-width: 767px){
    header .logo img{
        width: 100px;
        margin-right: 10px;
    }
    header .logo a,
    .obatashi.viewing-page-7 header .logo a,
    .jaya.viewing-page-13 header .logo a,
    .michelin.viewing-page-1 header .logo a{
        margin: 0 5px;
    }
    .icpho{
        right: 10px;
        z-index: 9998;
    }
}
@media only screen and (max-width: 370px){
    header{
        padding: 30px 20px;
    }
    header .logo,
    .obatashi.viewing-page-7 header .logo,
    .jaya.viewing-page-13 header .logo,
    .michelin.viewing-page-1 header .logo{
        letter-spacing: 0;
    }
}
.main-menu>img:nth-child(2),
.obatashi.viewing-page-7 .main-menu>img:nth-child(2),
.jaya.viewing-page-13 .main-menu>img:nth-child(2),
.michelin.viewing-page-1 .main-menu>img:nth-child(2){
    display: none;
}
.in.viewing-page-2 header .main-menu>img:first-child,
.in.viewing-page-4 header .main-menu>img:first-child,
.in.viewing-page-6 header .main-menu>img:first-child,
.in.viewing-page-8 header .main-menu>img:first-child,
.scda.viewing-page-10 header .main-menu>img:first-child,
.jaya header .main-menu>img:first-child,
.tfb header .main-menu>img:first-child,
.michelin header .main-menu>img:first-child,
.obatashi header .main-menu>img:first-child,
.michelin.viewing-page-8 .main-menu>img:nth-child(2){
    display: none;
}
.in.viewing-page-2 header .main-menu>img:nth-child(2),
.in.viewing-page-4 header .main-menu>img:nth-child(2),
.in.viewing-page-6 header .main-menu>img:nth-child(2),
.in.viewing-page-8 header .main-menu>img:nth-child(2),
.scda.viewing-page-10 header .main-menu>img:nth-child(2),
.jaya header .main-menu>img:nth-child(2),
.tfb header .main-menu>img:nth-child(2),
.michelin header .main-menu>img:nth-child(2),
.obatashi header .main-menu>img:nth-child(2),
.obatashi.viewing-page-7  .main-menu>img:first-child,
.jaya.viewing-page-13 .main-menu>img:first-child,
.michelin.viewing-page-1 .main-menu>img:first-child,
.michelin.viewing-page-8 .main-menu>img:first-child{
    display: block;
}
.main-menu { 
	width:width:99vw;
	position:absolute;
	z-index:10000000000000000000000;
	color:#FFFFFF;
	/*background-color:#666666;*/
	margin:22px 10px 10px auto; 
	right:0;
	cursor:pointer; 
	display:inline-block;} /* 主選單的樣式 */

.sub-menu {
	width: 100vw;
	color: #CCCCCC;
	background-color: #000000;
	margin: 0px -85vw;
	padding: 0px;
	list-style-type: none;
	position: absolute;
} 
/* 下拉清單的樣式 */
.sub-menu li {
	padding: 18px 30px ; 
	border-bottom:1px #333333 solid;} /* 下拉清單每一列的樣式 */
.sub-menu li:hover {
	color: #CCCCCC;
	background-color: #000000;
}
.sub-menu a {
	text-align: left;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}
.sub-menu a:hover {
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;
}
@media only screen and (max-width: 767px){
    .main-menu>img{
        width: 30px;
    } 
    .main-menu{
        margin: 8px 10px;
    }
}
@media only screen and (max-width: 899px) and (orientation:landscape){
    .sub-menu li{
        width: 50%;
        float: left;
        padding: 15px 30px;
    }
}

.banner1,
.banner2,
.item{
    width: 100%;
    height: 100vh;
    position: relative;
}
.owl-carousel .owl-item img{
    width: auto;
}
.banner1 .item.a{
    background: url(../img/image_1_1.jpg) center right;
    background-size: cover;	
}
.banner1 .item.b{
    background: url(../img/image_1_2.jpg) center center;
    background-size: cover;
    background-position:55% center;
}
.banner1 .item.c{
    background: url(../img/image_1_3.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.banner1 .item.d{
    background: url(../img/image_1_4.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.banner1 .item.e{
    background: url(../img/image_1_5.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.scda .banner1 .item.a{
    background: url(../img/image_2_6.jpg) center center;
    background-size: cover;	
    background-position:50% center;
}
.scda .banner1 .item.b{
    background: url(../img/image_2_7.jpg) center right;
    background-size: cover;
}
.scda .banner1 .item.c{
    background: url(../img/image_2_8.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.scda .banner1 .item.d{
    background: url(../img/image_2_9.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.jaya .banner1 .item.a{
    background: url(../img/image_3_10.jpg) center center;
    background-size: cover;	
    background-position:50% center;
}
.jaya .banner1 .item.b{
    background: url(../img/image_3_11.jpg) center center;
    background-size: cover;
    background-position:55% center;
}
.jaya .banner1 .item.c{
    background: url(../img/image_3_12.jpg) left top;
    background-size: cover;
}
.jaya .banner1 .item.d{
    background: url(../img/image_3_11.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.tfb .banner1 .item.a{
    background: url(../img/image_4_6.jpg) center center;
    background-size: cover;	
    background-position:50% center;
}
.tfb .banner1 .item.b{
    background: url(../img/image_4_7.jpg) left center;
    background-size: cover;
}
.tfb .banner1 .item.c{
    background: url(../img/image_4_8.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.michelin .banner1 .item.a{
    background: url(../img/image_6_1.jpg) center center;
    background-size: cover;	
    background-position:50% center;
}
.michelin .banner1 .item.b{
    background: url(../img/image_6_2.jpg) center center;
    background-size: cover;
    background-position:55% center;
}
.michelin .banner1 .item.c{
    background: url(../img/image_6_3.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.michelin .banner1 .item.d{
    background: url(../img/image_6_8.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.michelin .banner1 .item.e{
    background: url(../img/image_6_9.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
.obatashi .banner1 .item.a{
    background: url(../img/image_7_5.jpg) center center;
    background-size: cover;	
    background-position:50% center;
}
.obatashi .banner1 .item.b{
    background: url(../img/image_7_6.jpg) bottom center;
    background-size: cover;
    background-position:55% center;
}
.obatashi .banner1 .item.c{
    background: url(../img/image_7_7.jpg) center center;
    background-size: cover;
    background-position:50% center;
}
@media only screen and (max-width: 767px){
    .banner1 .item.a{
        background: url(../img/image_1_1s.jpg) center center;
        background-size: cover;	
        background-position:50% center;
    }
    .banner1 .item.d{
        background: url(../img/image_1_4s.jpg) center center;
        background-size: cover;
        background-position:50% center;
    }
    .banner1 .item.e{
        background: url(../img/image_1_5s.jpg) center center;
        background-size: cover;
        background-position:50% center;
    }
    .scda .banner1 .item.a{
        background: url(../img/image_2_6s.jpg) center center;
        background-size: cover;	
    }
    .scda .banner1 .item.b{
        background: url(../img/image_2_7s.jpg) top center;
        background-size: cover;
    }
    .scda .banner1 .item.c{
        background: url(../img/image_2_8s.jpg) center center;
        background-size: cover;
        background-position:50% center;
    }
    .scda .banner1 .item.d{
        background: url(../img/image_2_9s.jpg) center center;
        background-size: cover;
        background-position:50% center;
    }
    .jaya .banner1 .item.a{
        background: url(../img/image_3_8s.jpg) center center;
        background-size: cover;	
        background-position:50% center;
    }
    .jaya .banner1 .item.b{
        background: url(../img/image_3_9s.jpg) center center;
        background-size: cover;
        background-position:55% center;
    }
    .jaya .banner1 .item.c{
        background: url(../img/image_3_10s.jpg) center center;
        background-size: cover;
        background-position:50% center;
    }
    .tfb .banner1 .item.a{
        background: url(../img/image_4_6s.jpg) center center;
        background-size: cover;	
        background-position:50% center;
    }
    .tfb .banner1 .item.b{
        background: url(../img/image_4_7s.jpg) left center;
        background-size: cover;
    }
    .tfb .banner1 .item.c{
        background: url(../img/image_4_8s.jpg) center center;
        background-size: cover;
        background-position:50% center;
    }
    .michelin .banner1 .item.a{
        background: url(../img/image_6_1s.jpg) center center;
        background-size: cover;	
        background-position:50% center;
    }
    .michelin .banner1 .item.b{
        background: url(../img/image_6_2s.jpg) center left;
        background-size: cover;
    }
    .michelin .banner1 .item.c{
        background: url(../img/image_6_3s.jpg) center right;
        background-size: cover;
    }
    .obatashi .banner1 .item.a{
        background: url(../img/image_7_5s.jpg) top center;
        background-size: cover;	
        background-position:50% center;
    }
    .obatashi .banner1 .item.b{
        background: url(../img/image_7_4s.jpg) center center;
        background-size: cover;
        background-position:55% center;
    }
    .obatashi .banner1 .item.c{
        background: url(../img/image_7_7s.jpg) center center;
        background-size: cover;
        background-position:50% center;
    }
}
.onepage-pagination{
    right: 30px;
    top:calc(18%);
	height:60%;
}
.onepage-pagination li{
    padding: 0px;
	font-family:Times New Roman,"微軟正黑體";
}
.onepage-pagination li a{
    width: 8px;
    height: 8px;
    padding: 12px;
    display: block;
}

.onepage-pagination li a{
    position: relative;
}
.onepage-pagination li a:before,
.obatashi.viewing-page-7 .onepage-pagination li a:before,
.jaya.viewing-page-13 .onepage-pagination li a:before,
.michelin.viewing-page-1 .onepage-pagination li a:before,
.michelin.viewing-page-8 .onepage-pagination li a:before{
    width: 8px;
/**/    height: 8px;
    background: none;
    left: 6px;
    top: 6px;
    border: 1px solid #aa908c;
    margin-top: 2px;
}
.onepage-pagination li a.active:before,
.obatashi.viewing-page-7 .onepage-pagination li a.active:before,
.jaya.viewing-page-13 .onepage-pagination li a.active:before,
.michelin.viewing-page-1 .onepage-pagination li a.active:before,
.michelin.viewing-page-8 .onepage-pagination li a.active:before{
    width: 8px;
    height: 8px;
    border: 1px solid #aa908c;
    left: 6px;
    margin-top: 2px;
    background: #aa908c;
}
.onepage-pagination li a:after,
.obatashi.viewing-page-7 .onepage-pagination li a:after,
.jaya.viewing-page-13 .onepage-pagination li a:after,
.michelin.viewing-page-1 .onepage-pagination li a:after,
.michelin.viewing-page-8 .onepage-pagination li a:after{
    font-size: 18px;
    position: absolute;
    color: #fff;
    top: 3px;
    left: 22px;
    letter-spacing: 1px;
    font-family:Georgia, serif;
    width: 120px;
    text-align: left;
}
.in.viewing-page-2 .onepage-pagination li a:before,
.in.viewing-page-4 .onepage-pagination li a:before,
.in.viewing-page-6 .onepage-pagination li a:before,
.in.viewing-page-8 .onepage-pagination li a:before,
.scda.viewing-page-10 .onepage-pagination li a:before,
.jaya .onepage-pagination li a:before,
.tfb .onepage-pagination li a:before,
.michelin .onepage-pagination li a:before,
.obatashi .onepage-pagination li a:before{
    border: 1px solid #aa908c;
}
.in.viewing-page-2 .onepage-pagination li a.active:before,
.in.viewing-page-4 .onepage-pagination li a.active:before,
.in.viewing-page-6 .onepage-pagination li a.active:before,
.in.viewing-page-8 .onepage-pagination li a.active:before,
.scda.viewing-page-10 .onepage-pagination li a.active:before,
.jaya .onepage-pagination li a.active:before,
.tfb .onepage-pagination li a.active:before,
.michelin .onepage-pagination li a.active:before,
.obatashi .onepage-pagination li a.active:before{
    border: 1px solid #aa908c;
    background: #aa908c;
}
.in.viewing-page-2 .onepage-pagination li a:after,
.in.viewing-page-4 .onepage-pagination li a:after,
.in.viewing-page-6 .onepage-pagination li a:after,
.in.viewing-page-8 .onepage-pagination li a:after,
.scda.viewing-page-10 .onepage-pagination li a:after,
.jaya .onepage-pagination li a:after,
.tfb .onepage-pagination li a:after,
.michelin .onepage-pagination li a:after,
.obatashi .onepage-pagination li a:after{
    color: #aa908c;
}
@media only screen and (max-width: 767px){
    .onepage-pagination{
        right: 7px;
        opacity: 0;
    }
    .scda .onepage-pagination{
        top: calc(50% - 256px);
        
    }
    
}
@media only screen and (max-width: 400px){
    .jaya .onepage-pagination{
        top: calc(50% - 180px);
    }
}
@media only screen and (max-width: 360px){
    .onepage-pagination li a{
        padding: 17px;
    }
    .jaya .onepage-pagination{
        top: calc(50% - 220px);
    }
}

section{
    position: relative;
}
.a1-text{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    display: flex;
    align-items: center;
    color: #fff;
    padding-left: 30px;
}
.a1-text>div div{
    overflow: hidden;
    
    position: relative;
}
.a1-text>div img{
    width: 380px;
}
.a1-text>div div p{
    position: absolute;
    transition: 1s all;
	-webkit-transition: 1s all;
	-o-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
    left: 120px;
}
.a1-text>div div:first-child,
.a1-text>div div:last-child{
    height: 21px;
    width: 320px;
}

.a1-text>div div:nth-child(2){
    height: 75px;
    width: 500px;
}
.scda .a1-text>div div:nth-child(2),
.jaya .a1-text>div div:nth-child(2),
.tfb .a1-text>div div:nth-child(2),
.obatashi .a1-text>div div:nth-child(2),
.michelin .a1-text>div div:nth-child(2){
        height: 105px;
        margin-top: 10px;
    }
.a1-text>div div:first-child p{
    left: 0;
}

.a1-text>div div:first-child p,
.a1-text>div div:last-child p{
    /*top: -30px; */   
}
.a1-text>div div:nth-child(2) p{
    bottom: -78px;    
}
/*輪播logo*/
.viewing-page-1 .a1-text>div div:first-child p,
.viewing-page-1 .a1-text>div div:last-child p,
.scda.viewing-page-13 .a1-text>div div:first-child p,
.scda.viewing-page-13 .a1-text>div div:last-child p,
.jaya.viewing-page-13 .a1-text>div div:first-child p,
.jaya.viewing-page-13 .a1-text>div div:last-child p,
.tfb.viewing-page-8 .a1-text>div div:first-child p,
.tfb.viewing-page-8 .a1-text>div div:last-child p,
.obatashi.viewing-page-7 .a1-text>div div:first-child p,
.obatashi.viewing-page-7 .a1-text>div div:last-child p,
.michelin.viewing-page-8 .a1-text>div div:first-child p,
.michelin.viewing-page-8 .a1-text>div div:last-child p{
    top: 0;    
}
.viewing-page-1 .a1-text>div div:nth-child(2) p,
.scda.viewing-page-13 .a1-text>div div:nth-child(2) p,
.jaya.viewing-page-13 .a1-text>div div:nth-child(2) p,
.tfb.viewing-page-8 .a1-text>div div:nth-child(2) p,	
.jaya.viewing-page-15 .a1-text>div div:nth-child(2) p,	
.tfb.viewing-page-10 .a1-text>div div:nth-child(2) p,
.tfb.viewing-page-11 .a1-text>div div:nth-child(2) p,
.obatashi.viewing-page-7 .a1-text>div div:nth-child(2) p,
.michelin.viewing-page-8 .a1-text>div div:nth-child(2) p{
    bottom: 0;
}

.a1{
    
}
@media only screen and (max-width: 767px){
    .a1-text>div div p{
        left: 0;
    }
    .a1-text>div div:nth-child(2){
        width: 380px;
    }
    .a1-text>div div:first-child,
    .a1-text>div div:last-child{
        width: 250px;
    }
}
@media only screen and (max-width: 499px){
    .a1-text>div div:nth-child(2){
        width: 250px;
        height: 50px;
    }
    .scda .a1-text>div div:nth-child(2),
    .jaya .a1-text>div div:nth-child(2),
    .tfb .a1-text>div div:nth-child(2),
    .obatashi .a1-text>div div:nth-child(2),
    .michelin .a1-text>div div:nth-child(2){
        /*height: 70px;*/
    }
    .a1-text>div div:nth-child(2) p{
       bottom: 0px;    
    }
    .viewing-page-1 .a1-text>div div:nth-child(2) p{
        bottom: -5px;
    }
    
}

.a2,
.a5{
    display: flex;
    /*align-items: center;*/
	padding-top:50%;
    justify-content: center;
}
.a2{
    position: relative;
    z-index: 9;
}
.a2>div,
.a5>div{
    text-align: center;
}
.a2 h1,
.a2 h2{
    font-size: 40px;
    font-family: /*PMingLiU,*/"微軟正黑體";
    padding-bottom: 50px;
    color: #aa908c;
    transition: 1s all;
	-webkit-transition: 1s all;
	-o-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
    margin-left: -150px;
    opacity: 0;
}
.a5 h2{
    transition: 1s all;
	-webkit-transition: 1s all;
	-o-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
    margin-left: -150px;
    opacity: 0;
}
.viewing-page-2 .a2 h1,
.viewing-page-2 .a2 h2,
.viewing-page-4 .a2 h2,
.viewing-page-6 .a2 h2,
.viewing-page-8 .a2 h2,
.viewing-page-8 .a5 h2{
    opacity: 1;
    margin-left: 0;
    
}
.a2 p{
    color: #FFF;
    line-height: 46px;
    font-size: 20px;
    transition: 1.6s all;
	-webkit-transition: 1.6s all;
	-o-transition: 1.6s all;
	-moz-transition: 1.6s all;
	-ms-transition: 1.6s all;
    margin-left: 150px;
    opacity: 0;
}
.a5 p{
    transition: 1.6s all;
	-webkit-transition: 1.6s all;
	-o-transition: 1.6s all;
	-moz-transition: 1.6s all;
	-ms-transition: 1.6s all;
    margin-left: -150px;
    opacity: 0;
}
.viewing-page-2 .a2 p,
.viewing-page-4 .a2 p,
.viewing-page-6 .a2 p,
.viewing-page-8 .a2 p,
.viewing-page-8 .a5 p{
    opacity: 1;
    margin-left: 0;
    
}
.a2 h3{
    font-size: 30px;
    padding-bottom: 40px;
    color: #aa908c;
    font-weight: 400;
    padding-top: 30px;
    transition: 1.3s all;
	-webkit-transition: 1.3s all;
	-o-transition: 1.3s all;
	-moz-transition: 1.3s all;
	-ms-transition: 1.3s all;
    opacity: 0;
    margin-left: -150px;
}
.a5 h3{
    transition: 1.3s all;
	-webkit-transition: 1.3s all;
	-o-transition: 1.3s all;
	-moz-transition: 1.3s all;
	-ms-transition: 1.3s all;
    opacity: 0;
    margin-left: -150px;
}
.viewing-page-2 .a2 h3,
.viewing-page-8 .a5 h3{
    opacity: 1;
    margin-left:0;
}

@media only screen and (max-width: 1580px){
    .a2 h1,
    .a2 h2{
        font-size: 36px;
        padding-bottom: 40px;
    }
    .a2 p{
        line-height: 40px;
        font-size: 18px;
		margin:auto;
		display:flex;
		width:80%;
    }
    .a2 h3{
        font-size: 26px;
    }
}
@media only screen and (max-width: 999px){
    .a2>div,
    .a5>div{
        padding: 0;
        overflow: hidden;
    }
    .a2>div p br{
        display: none;
    }
    .a2 h1,
    .a2 h2,
    .a2 h3,
    .a5 h2,
    .a5 h3,
    .a2 p,
    .a5 p{
        width: 550px;
    }
}
@media only screen and (max-width: 767px){
    .a2 h1,
    .a2 h2{
        font-size: 30px;
        padding-bottom: 15px;
        line-height: 30px;
    }
    .a2 p{
        line-height: 30px;
        font-size: 16px;
    }
    .a2 h3{
        font-size: 22px;
    }
    .a2 h1,
    .a2 h2,
    .a2 h3,
    .a5 h2,
    .a5 h3,
    .a2 p,
    .a5 p{
        width: 450px;
    }
    
    .a2>div,
    .a5>div{
        text-align: left;
        /*margin-left: -20px;*/
    }
}
@media only screen and (max-width: 550px){
    .a2 h1,
    .a2 h2,
    .a2 h3,
    .a5 h2,
    .a5 h3,
    .a2 p,
    .a5 p{
        width: 300px;
        text-align: justify;
        text-justify:inter-ideograph;
    }
    .a2 h1,
    .a2 h2{
        font-size: 21px;
        line-height: 32px;
        padding-bottom: 10px;
		font-weight:normal;
    }
    .a2 p{
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	color: #FFF;
	font-weight: normal;
    }
    .a2 h3{
        font-size: 20px;
    }
}
@media only screen and (max-width: 400px){
    .a2 h1,
    .a2 h2,
    .a2 h3,
    .a5 h2,
    .a5 h3,
    .a2 p,
    .a5 p{
        width: 270px;
    }
}
@media only screen and (max-width: 350px){
    .a2 h1,
    .a2 h2,
    .a2 h3,
    .a5 h2,
    .a5 h3,
    .a2 p,
    .a5 p{
        width: 220px;
    }
    .a2 h1,
    .a2 h2{
        padding-bottom: 20px;
    }
    .a2 h1,
    .a2 h2{
        font-size: 21px;
        line-height: 30px;
    }
    .a2 p{
        line-height: 26px;
        font-size: 12px;
    }
    .a2 h3{
        font-size: 18px;
    }
}
.a1{
    background: url(../img/image_1_1.jpg) center right;
    background-size: cover;
}
.asia1 {
	display: flex;
	background-size: cover;
	background-image: url(../img/image_1_1.jpg);
	background-position: center right;
}
    .asia1>div{
		margin:10% auto auto 10%;
    }
    .asia1 img{
		width:50%;
    }
    .asia1 h1{
        font-size: 20px;
        line-height: 36px;
		color:#FFF;
        padding-bottom: 10px;
		font-weight:normal;
		text-align:left;
    }
    .asia1 p{
		font-size: 13px;
		line-height: 1.5;
		letter-spacing: 0.02em;
		text-align: center;
		font-weight:normal;
		padding-bottom: 10px;
		color:#FFF;
    }
.obatashi .a1{
    background: url(../img/image_7_1.jpg) center center;
    background-size: cover;
	display:flex;
}
.michelin .a1{
    background: url(../img/image_6_1.jpg) center center;
    background-size: cover;
}
.michelin1{
    background: url(../img/image_6_1.jpg) center center;
    background-size: cover;
	display:flex;
}
.a1>div{
    position: absolute;
    top: 0;
    bottom: 100px;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    padding-left: 5%;
}
.en-text{
    font-family: PMingLiU;
    /*font-weight: bold;*/
    font-size: 40px;
    padding-bottom: 10px;
}
.a1 h2{
    font-size: 42px;
    font-weight: 400;
    line-height: 60px;
    padding-bottom: 10px;
}
.a3{
    background: url(../img/image_1_4.jpg) center center;
    background-size: cover;
}
.a4{
    background: url(../img/image_1_5.jpg) center center;
    background-size: cover;
}
.a6{
    background: url(../img/image_1_3.jpg) center center;
    background-size: cover;
}
.a5{
    color: #aa908c;
    /*font-weight: bold;*/
    letter-spacing: 1px;
    position: relative;
}
.a5 h3{
    font-size: 36px;
    padding-bottom: 20px;
}
.a5 h2{
    font-size: 52px;
    padding-bottom: 20px;
}
.a5 p{
    font-size: 24px;
}
.pt20{
    padding-top: 30px;
}
@media only screen and (max-width: 1580px){
    .a5 h3{
        font-size: 32px;
    }
    .a5 h2{
        font-size: 40px;
    }
    .a5 p{
        font-size: 20px;
    }
}
@media only screen and (max-width: 767px){
    .a1{
        background: url(../img/ASIA.jpg) center top;
        background-size: cover;
    }
    .asia1 {
        background: url(../img/ASIA.jpg) center top;
        background-size: cover;
    }
    .a3{
        background: url(../img/image_1_6s.jpg) center center no-repeat;
        background-size: cover;
    }
    .a4{
        background: url(../img/image_1_5s.jpg) center center;
        background-size: cover;
    }
    .a6{
        background: url(../img/image_1_3s.jpg) center center;
        background-size: cover;
        background-position:55% center;
    }
    .obatashi .a1{
        background: url(../img/image_7_1s.jpg) center center;
        background-size: cover;
    }
    .michelin .a1{
        background: url(../img/michelin.jpg) center center;
        background-size: cover;
    }
    .a1>div{
        align-items: flex-start;
        bottom: 0;
        /*padding-left: 7%;
        display: none;*/
    }
    .michelin .a1>div{
        display: flex;
    }
    .a1>div>div{
        width: 80%;
    }
    .a1>div{
        /*display: none;*/
    }
    .asia1>div{/**pad*/
        width: 72%;
        padding: 40% 0 0;
		margin:auto;
    }
    .asia1 img{
		width:100%;
    }
    .asia1 h1{
        font-size: 20px;
        line-height: 36px;
		color:#FFF;
        padding-bottom: 10px;
		font-weight:normal;
		text-align:center;
    }
    .asia1 p{
		font-size: 13px;
		line-height: 1.5;
		letter-spacing: 0.02em;
		text-align: center;
		font-weight:normal;
		padding-bottom: 10px;
		color:#FFF;
    }
    .en-text{
        font-size: 24px;
    }
}
@media only screen and (max-width: 500px){
    .a5{
        letter-spacing: 0;
    }
    .a5 h3{
        font-size: 20px;
        padding-bottom: 10px;
    }
    .a5 h2{
        font-size: 26px;
        padding-bottom: 10px;
    }
    .a5 p{
        font-size: 16px;
    }
    .a1>div{
        padding-top: 480px;
    }
    .asia1>div{
    position: absolute;
    width: 289px;
    margin: 13%;
	bottom:50px;
    }
}
@media only screen and (max-width: 400px){
    .a1>div{
        padding-top: 420px;
    }
}
@media only screen and (max-width: 370px){
    .a1>div{
        padding-top: 400px;
    }
    .en-text {
        font-size: 20px;
    }
    .a1 h2 {
        font-size: 20px;
        line-height: 30px;
    }
}
@media only screen and (max-width: 350px){
    .pt20{
        padding-top: 15px;
    }
    .a1>div{
        padding-top: 350px;
    }
    .en-text {
        font-size: 18px;
    }
    .a1 h2 {
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 0;
    }
    .a1 p{
        font-size: 12px;
        line-height: 20px;
    }
}


.a5>div.bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #a8928b;
    padding: 25px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.a5>div.bottom span{
    display: inline-block;
    padding: 0 10px;
}
@media only screen and (max-width: 767px){
    .a5>div.bottom{
        bottom: 58px;
        font-size: 14px;
        padding: 10px;
    }
}

footer{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    background: #000;
    border-top: 1px solid #a98b81;
    display: block;
}
footer ul{
    width: 100%;
}
footer ul li{
    width: calc(100% / 7);
    float: left;
    text-align: center;
    border-left: 1px solid #a98b81;
}
footer ul li:first-child{
    border: 0;
}
footer a{
    color: #a98b81;
    display: block;
    padding: 10px 0;
    font-size: 14px;
}
footer a span{
    display: block;
    color: #fff;
    font-size: 10px;
    padding: 5px 0 0;
}


/*scda*/
.scda1{
    background: url(../img/image_2_1.jpg) center center;
    background-size: cover;
    display: flex;
    align-items: center;
    /*padding-left: 5%;*/
}
.scda1 h1{
    font-size: 42px;
    font-weight: 400;
    line-height: 60px;
    padding-bottom: 10px;
}
.scda1>div{
    width: 600px;
    margin-right: 15%;
    padding-bottom: 5%;
    color: #fff;
    letter-spacing: 1px;
}
.scda1 .img{
    width: 30%;
    padding-bottom: 30px;
}
.scda1 .img img:last-child{
    display: none;
}
.scda1 p{
    font-size: 16px;
    line-height: 40px;
}
.scda2{
    background: url(../img/image_2_2.jpg) center center;
    background-size: cover;
}
.scda4{
    background: url(../img/image_2_3.jpg) center center;
    background-size: cover;
}
.scda5{
    background: url(../img/image_2_4.jpg) center center;
    background-size: cover;
}
.scda6{
    background: url(../img/image_2_5.jpg) center center;
    background-size: cover;
}
.scda15{
    background: url(../img/image_2_15.jpg) center center;
    background-size: cover;
}

.scda8{/*業績圖片*/
    background: url(../img/image_2_11.jpg) center center;
    background-size: cover;
}
.scda9{
    background: url(../img/image_2_12.jpg) center center;
    background-size: cover;
}
.scda10{
    background: url(../img/image_2_13.jpg) center center;
    background-size: cover;
}


.scda7{
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;    
}
.scda7>div{
    position: relative;
    overflow: hidden;
    padding-bottom: 40.25%;
    padding-top: 30px;
    height: 0;
    width: 74.3%;
}
.scda7 iframe{
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: calc(100% - 80px);
}
@media only screen and (max-width: 1580px){
    .scda1>div{
        margin-right: 10%;
		color:#FFF;
    }
    .scda1 h1{
        font-size: 36px;
        line-height: 54px;
    }
    .scda1>div{
        width: 500px;
    }
    .scda1 .img{
        width:100%;
        text-align: center;
    }

}
@media only screen and (max-width: 1380px){
    .scda1 h1{
        font-size: 36px;
        line-height: 54px;
    }
    .scda1>div{
        width: 500px;
    }
    .scda1 .img{
        width:100%;
        text-align: center;
    }
}
@media only screen and (max-width: 999px){
    .scda1 h1{
        font-size: 32px;
        line-height: 48px;
    }
    .scda1>div{
        width: 400px;
    }
    .scda1 .img img{
        width: 300px;
    }
}
@media only screen and (max-width: 767px){
    .scda1{
        background: url(../img/SCDA.jpg) center center;
        background-size: cover;
        align-items: flex-start;
        /*padding-left: 7%;*/
    }
    .scda1>div{
        /*display: none;*/
    }
    .scda1>div{
        width: 72%;
        padding: 40% 0 0;
		margin:auto;
    }
    .scda1 img{
		width:100%;
    }
    .scda1 h1{
        font-size: 20px;
        line-height: 36px;
	text-align:center;
        padding-bottom: 10px;
		font-weight:normal;
		white-space:nowrap;
    }
    .scda1 p{
		font-size: 13px;
		line-height: 1.5;
		letter-spacing: 0.02em;
		text-align:center;
		font-weight:normal;
		padding-bottom: 10px;
    }
    .en-text{
        font-size: 24px;
    }
    .scda1 .img img:last-child{
        display: inline-block;
    }
    .scda1 .img img:first-child{
        display: none;
    }
    .scda1 h2{
        font-size: 21px;
        line-height: 36px;
    }
    .scda2{
        background: url(../img/image_2_3s.jpg) center center;
        background-size: cover;
    }
    .scda4{
        background: url(../img/image_2_3s.jpg) center center no-repeat;
        background-size: 100%;
    }
    .scda6{
        background: url(../img/image_2_5s.jpg) center center;
        background-size: cover;
    }
    .scda15{
        background: url(../img/image_2_15s.jpg) top center no-repeat;
        background-size: 100%;
    }
    .scda7{
        align-items: flex-start;
    }
    .scda7>div{
        height: calc(100vh - 55px);
        padding: 0;
        width: 100%
    }

.scda8{/*業績圖片*/
    background: url(../img/image_2_11s.jpg) center top no-repeat;
    background-size: cover;
}
.scda9{
    background: url(../img/image_2_12s.jpg) center top;
    background-size: cover;
}
.scda10{
    background: url(../img/image_2_13s.jpg) center top;
    background-size: cover;
}
}
@media only screen and (max-width: 767px){
    .scda1 .img{
        padding-bottom: 10px;
    }
    .scda1 .img img{
        width: 200px;
    }
/*    .scda1 h1{
        font-size: 22px;
        line-height: 36px;
        padding-bottom: 10px;
    }
    .scda1 p{
        font-size: 14px;
        line-height: 23px;
    }*/
}
@media only screen and (max-width: 500px){
    .scda1>div{
    position: absolute;
    width: 74%;
    margin: 13%;
    bottom: 50px;
    }
}
@media only screen and (max-width: 370px){
    .scda1>div{
        padding-top: 400px;
    }
    .en-text {
        font-size: 20px;
    }
    .scda1 h1 {
        font-size: 20px;
        line-height: 30px;
    }
}
@media only screen and (max-width: 350px){
    .pt20{
        padding-top: 15px;
    }
    .scda1>div{
        padding-top: 350px;
    }
    .en-text {
        font-size: 18px;
    }
    .scda1 h1 {
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 0;
    }
    .scda1 p{
        font-size: 12px;
        line-height: 20px;
    }
}

.scda3{
    display: flex;
    /*align-items: center;*/
    justify-content: center;
	padding-top:50%;
}

.scda3>div{
    text-align: center;
    overflow: hidden;
}
.scda3 h2{
    font-size: 40px;
    font-family: /*PMingLiU,*/"微軟正黑體";
    padding-bottom: 0;
    color: #aa908c;
   /* transition: 1s all;
	-webkit-transition: 1s all;
	-o-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
    margin-left: -150px;
    opacity: 0;*/
}
/*.viewing-page-3 .scda3 h2,
.viewing-page-5 .scda3 h2,
.viewing-page-7 .scda3 h2,
.viewing-page-9 .scda3 h2{
    opacity: 1;
    margin-left: 0;*/
    
}
.scda3 h2 span{
    display: inline-block;
    padding: 0 5px;
    font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,Arial,sans-serif; 
}
.scda3 p{
    color: #FFF;
    line-height: 46px;
    font-size: 20px;
	color:#FFF;
    /*transition: 1.6s all;
	-webkit-transition: 1.6s all;
	-o-transition: 1.6s all;
	-moz-transition: 1.6s all;
	-ms-transition: 1.6s all;
    margin-left: 150px;
    opacity: 0;*/
}
.viewing-page-3 .scda3 p,
.viewing-page-5 .scda3 p,
.viewing-page-7 .scda3 p,
.viewing-page-9 .scda3 p{
    opacity: 1;
    margin-left: 0;
    
}
.scda3 p.en{
    font-size: 14px;
    line-height: 30px;
    padding-top: 10px;
}
.scda3 h3{
    font-size: 30px;
    padding-bottom: 20px;
    color: #aa908c;
    font-weight: 400;
    padding-top: 20px;
  /*  transition: 1.3s all;
	-webkit-transition: 1.3s all;
	-o-transition: 1.3s all;
	-moz-transition: 1.3s all;
	-ms-transition: 1.3s all;
    opacity: 0;
    margin-left: -150px;*/
}
.viewing-page-3 .scda3 h3,
.viewing-page-5 .scda3 h3,
.viewing-page-7 .scda3 h3,
.viewing-page-9 .scda3 h3{
    opacity: 1;
    margin-left:0;
}
.scda3 h2,
.scda3 h3,
.scda3 p{
    width: 950px;
}
.scda3.plus h2,
.scda3.plus h3,
.scda3.plus p{
    width: 1000px;
}
@media only screen and (max-width: 1580px){
    .scda3 h2{
        font-size: 36px;
    }
    .scda3 p{
        line-height: 40px;
        font-size: 18px;
    }
    .scda3 h3{
        font-size: 26px;
    }
}
@media only screen and (max-width: 999px){
    .scda3>div{
        padding: 0;
        overflow: hidden;
    }
    
    .scda3 h2,
    .scda3 h3,
    .scda3 p,
    .scda3.plus h2,
    .scda3.plus h3,
    .scda3.plus p{
        width: 550px;
    }
}
@media only screen and (max-width: 767px){
    .scda3 h2{
        font-size: 30px;
        padding-bottom: 30px;
        line-height: 42px;
    }
    .scda3 p{
        line-height: 32px;
        font-size: 16px;
    }
    .scda3 h3{
        font-size: 22px;
    }
    .scda3 h2,
    .scda3 h3,
    .scda3 p,
    .scda3.plus h2,
    .scda3.plus h3,
    .scda3.plus p{
        width: 450px;
        text-align: justify;
        text-justify: inter-ideograph;
    }
    .scda3 p.en{
        display: none;
    }
    .scda3>div{
        text-align: left;
        /*margin-left: -20px;*/
    }
}
@media only screen and (max-width: 550px){
    .scda3 h2,
    .scda3 h3,
    .scda3 p,
    .scda3.plus h2,
    .scda3.plus h3,
    .scda3.plus p{
        width: 300px;
    }

    .scda3 h2{
        font-size: 21px;
        line-height: 32px;
		letter-spacing: 0.02em;
        padding-bottom: 10px;
		font-weight:normal;
        text-align: justify;
    }
    .scda3 p{
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: 0.02em;
		color: #CCC;
		font-weight:normal;
    }
    .scda3 h3{
        font-size: 20px;
        padding-bottom: 15px;
    }
}
@media only screen and (max-width: 400px){
    .scda3 h2,
    .scda3 h3,
    .scda3 p,
    .scda3.plus h2,
    .scda3.plus h3,
    .scda3.plus p{
        width: 270px;
    }
}
@media only screen and (max-width: 350px){
    .scda3 h2,
    .scda3 h3,
    .scda3 p,
    .scda3.plus h2,
    .scda3.plus h3,
    .scda3.plus p{
        width: 220px;
    }
    .scda3 h2{
        padding-bottom: 20px;
        font-size: 22px;
        line-height: 30px;
    }
    .scda3 p{
        line-height: 26px;
        font-size: 12px;
    }
    .scda3 h3{
        font-size: 18px;
    }
}

/*jaya*/
.jaya1{
    background: url(../img/image_3_1.jpg) right center;
    background-size: cover;
    display: flex;
    align-items: center;
    text-align: center;
    /*padding-left: 5%;*/
}
.jaya1 h1{
    font-size: 42px;
    padding: 0 0 10px;
    line-height: 60px;
    color: #aa908c;
    font-weight: 400;
}
.jaya1 .en-text{
    color: #aa908c;
}
.jaya .scda3 h2{
    padding-bottom: 20px;
}
.jaya1 .img img{
    width: 205px;
}
.jaya1>div{
    width:50%;
    padding: 0 10%;
    color: #FFF;
    letter-spacing: 1px;
}

.jaya1 p{
    font-size: 16px;
    line-height: 36px;
}
.jaya2{
    background: url(../img/image_3_2.jpg) center center no-repeat;
    background-size: 100%;
}

.jaya3img {
    background: url(../img/image_3_3.jpg) center center no-repeat;
    background-size: 100%;
}


/*#shunmyo1.jaya1>div>div{
    background: url(../img/shunmyologo1.png) center bottom no-repeat;
    background-size: 80%;
}*/
#shunmyo1{
    background: url(../img/image_9_1.jpg) top right;
    background-size: cover;
    display: flex;
}

#shunmyobk{
    background: url(../img/bk.jpg) repeat;}

#shunmyo2{
    background: url(../img/image_9_2.jpg) center center no-repeat;
    background-size: 100%;background-size: cover;}
#shunmyo3{
    background: url(../img/image_9_3.jpg) center center no-repeat;
    background-size: 100%;background-size: cover;}
#shunmyo4{
    background: url(../img/image_9_4.jpg) center top no-repeat;
    background-size: 100%;background-size: cover;}
#shunmyo5{
    background: url(../img/image_9_5.jpg) center center no-repeat;
    background-size: 100%;background-size: cover;}
#shunmyo6{
    background: url(../img/image_9_6.jpg) center center no-repeat;
    background-size: 100%;background-size: cover;}	
#shunmyo7{
    background: url(../img/image_9_7.jpg) center center no-repeat;
    background-size: 100%;background-size: cover;}
#shunmyo8{
    background: url(../img/image_9_8.jpg) center center no-repeat;
    background-size: 100%;background-size: cover;}
#shunmyo9{
    background: url(../img/image_9_9.jpg) center center no-repeat;
    background-size: 100%;background-size: cover;}
	
	
.jaya4img{
    background: url(../img/image_3_4.jpg) center center no-repeat;
    background-size: 100%;
}
.jaya5img{
    background: url(../img/image_3_5.jpg) center center no-repeat;
    background-size: 100%;
}
.jaya10img{
    background: url(../img/image_3_36.jpg) center center no-repeat;
    background-size: 100%;
}
/*業績*/
.jaya16{
	background-size: 100%;
	background-size: cover;
	background-image: url(../img/image_3_13.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.jaya17{
    background: url(../img/image_3_16.jpg) center center no-repeat;
    background-size: 100%;
    background-size: cover;
}
.jaya18{
    background: url(../img/image_3_15.jpg) center center no-repeat;
    background-size: 100%;
    background-size: cover;
}
.jaya2a{
    display: flex;
    /*align-items: center;*/
    text-align: center;
    justify-content: center;
	bottom:50px;
}
.jayawt{
    display: flex;
    /*align-items: center;*/
	padding-top:50%;
    justify-content: center;
}
.jaya2c {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;}
.jaya2a img{
    width: 100%;
	/*padding-bottom:50px;*/
}
.jaya3 div,
.jaya4 div,
.jaya5 div,
.jaya10 div{
    display: none;
}
.jaya2a.a>div{
    /*display: flex;*/
    flex-wrap: wrap;
    flex-direction:column-reverse;
}
.jaya2b.a>div>div,
.jaya2b.a>div>p{
    width: 100%;
}
.jaya2a.a>div>div,
.jaya2a.b>div>div{
    padding-bottom: 10px;
}
.jaya6{
    background: url(../img/image_3_6.jpg) center center;
    background-size: cover;
    display: flex;
    align-items: center;
}
.jaya6>div{
    text-align: center;
    overflow: hidden;
    width: 700px;
    margin: 0 0 0 5%;
}
.jaya7{
    display: flex;
    align-items: center;
}
.jaya7>div{
    text-align: center;
    overflow: hidden;
    width: 700px;
    margin: 0 0 0 10%;
}
.jaya8{
    display: flex;
    align-items: center;
    justify-content: center;
}
.jaya8>div{
    display: flex;
    width: 100%;
    padding: 0 10%;
    text-align: center;
    align-items: center;
}
.jaya8>div>div:first-child{
    flex: 1;
    width: 600px;
}
.jaya8>div>div:last-child{
    position: relative;
    overflow: hidden;
    padding-bottom: 25.25%;
    padding-top: 0;
    height: 0;
    width: 691px;
    margin-left: 40px;
}
.scda3>div>div iframe,
.jaya8>div>div iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.jaya_text h2{
    font-size: 40px;
    font-family: /*PMingLiU,*/"微軟正黑體";
    padding-bottom: 20px;
    color: #aa908c;
    /*transition: 1s all;
	-webkit-transition: 1s all;
	-o-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
    margin-left: -150px;
    opacity: 0;*/
}
/*.viewing-page-3 .jaya_text h2,
.viewing-page-4 .jaya_text h2,
.viewing-page-5 .jaya_text h2,
.viewing-page-6 .jaya_text h2,
.viewing-page-7 .jaya_text h2,
.viewing-page-8 .jaya_text h2,
.viewing-page-9 .jaya_text h2,
.viewing-page-10 .jaya_text h2{
    opacity: 1;
    margin-left: 0;
    
}*/
.jaya_text h2 span{
    display: inline-block;
    padding: 0 5px;
    font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,Arial,sans-serif; 
}
.jaya_text p{
    color: #FFF;
    line-height: 46px;
    font-size: 20px;
   /* transition: 1.6s all;
	-webkit-transition: 1.6s all;
	-o-transition: 1.6s all;
	-moz-transition: 1.6s all;
	-ms-transition: 1.6s all;
    margin-left: 150px;
    opacity: 0;*/
}
.viewing-page-3 .jaya_text p,
.viewing-page-4 .jaya_text p,
.viewing-page-5 .jaya_text p,
.viewing-page-6 .jaya_text p,
.viewing-page-7 .jaya_text p,
.viewing-page-8 .jaya_text p,
.viewing-page-9 .jaya_text p,
.viewing-page-10 .jaya_text p{
    opacity: 1;
    margin-left: 0;
    
}
.jaya_text h3{
    font-size: 30px;
    padding-bottom: 40px;
    color: #aa908c;
    font-weight: 400;
    padding-top: 30px;
    transition: 1.3s all;
	/*-webkit-transition: 1.3s all;
	-o-transition: 1.3s all;
	-moz-transition: 1.3s all;
	-ms-transition: 1.3s all;
    opacity: 0;
    margin-left: -150px;*/
}
/*.viewing-page-3 .jaya_text h3,
.viewing-page-4 .jaya_text h3,
.viewing-page-5 .jaya_text h3,
.viewing-page-6 .jaya_text h3,
.viewing-page-7 .jaya_text h3,
.viewing-page-8 .jaya_text h3,
.viewing-page-9 .jaya_text h3,
.viewing-page-10 .jaya_text h3{
    opacity: 1;
    margin-left:0;
}*/
.jaya_text h2,
.jaya_text h3,
.jaya_text p{
    width: 653px;
}
.jaya2a.jaya_text h2,
.jaya2a.jaya_text h3,
.jaya2a.jaya_text p{
    width: 1000px;
}
@media only screen and (max-width: 1580px){
    .jaya_text h2{
        font-size: 36px;
        padding-bottom: 40px;
    }
    .jaya_text p{
        line-height: 40px;
        font-size: 18px;
    }
    .jaya_text h3{
        font-size: 26px;
    }
    .jaya1 .img img{
        width: 150px;
    }
    .jaya2a.jaya_text h2,
    .jaya2a.jaya_text h3,
    .jaya2a.jaya_text p{
        width: 700px;
    }
    .jaya8>div>div:first-child{
        width: 500px;
    }
    .jaya8.jaya_text h2,
    .jaya8.jaya_text h3,
    .jaya8.jaya_text p{
        width: 500px;
    }
/*業績*/
.jaya16{
	background-size: 100%;
	background-size: cover;
	background-image: url(../img/image_3_13.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.jaya17{
    background: url(../img/image_3_16.jpg) center center no-repeat;
    background-size: 100%;
    background-size: cover;
}
.jaya18{
    background: url(../img/image_3_15.jpg) center center no-repeat;
    background-size: 100%;
    background-size: cover;
}
}
@media only screen and (max-width: 1200px){
    .jaya8>div{
        flex-wrap: wrap;
        justify-content: center;
    }
    .jaya8>div>div:first-child{
        width: 100%;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
    }
    .jaya8>div>div:last-child{
        width: 420px;
        margin-top: 30px;
        height: 237px;
        padding-bottom: 0;
        margin-left: 0;
    }
    .jaya8.jaya_text h2,
    .jaya8.jaya_text h3,
    .jaya8.jaya_text p{
        width: 500px;
    }
}
@media only screen and (max-width: 999px){
    .scda3>div{
        padding: 0;
        overflow: hidden;
    }
    .jaya_text h2,
    .jaya_text h3,
    .jaya_text p{
        
    }
    .jaya2a.jaya_text h2,
    .jaya2a.jaya_text h3,
    .jaya2a.jaya_text p{
        width: 500px;
    }
    .jaya1>div{
        width:60%;
        padding: 0 5%;
    }
}
@media only screen and (max-width: 767px){
	#shunmyo1{
    background: url(../img/image_9_1s.jpg) center top no-repeat;
    background-size: 100%;
    display: flex;
}
    .jaya1{
        background: url(../img/JAYA.jpg) center center;
        background-size: cover;
        align-items: flex-start;
        text-align: left;
       /* padding-left: 7%;*/
    }
    .jaya1>div{
        width: 72%;
        padding: 70% 0 0;
		margin:auto;
    }
    .jaya1 h1{
        font-size: 20px;
        line-height: 36px;
        padding-bottom: 10px;
        color: #fff;
		text-align: center;
		font-weight:normal;
		white-space:nowrap;
    }
    .jaya1 img{
		width:100%;
    }
    .jaya1 p{
        font-size: 13px;
		line-height: 1.5;
        color: #fff;
		padding-bottom:10px;
		text-align: center;
        text-justify: inter-ideograph;
		font-weight:normal;
		letter-spacing:0.02em;
    }
    .jaya2{
        background: url(../img/image_3_2s.jpg) center top no-repeat;
        background-size: 100%;
    }
    .jaya3img{
        background: url(../img/image_3_3s.jpg) center top no-repeat;
        background-size: 100%;
    }
	

#shunmyobk{
    background: url(../img/bk.jpg) repeat;}
	
#shunmyo2{
    background: url(../img/image_9_2s.jpg) top center no-repeat;
    background-size: 100%;background-size: cover;}
#shunmyo3{
    background: url(../img/image_9_3s.jpg) center center no-repeat;
    background-size: 100%;background-size: cover;}
#shunmyo4{
    background: url(../img/image_9_4s.jpg) center top no-repeat;
    background-size: 100%;background-size: cover;}
#shunmyo5{
    background: url(../img/image_9_5s.jpg) center top no-repeat;
    background-size: 100%;background-size: cover;}
#shunmyo6{
    background: url(../img/image_9_6s.jpg) center center no-repeat;
    background-size: 100%;background-size: cover;}	
#shunmyo7{
    background: url(../img/image_9_7s.jpg) center top no-repeat;
    background-size: 100%;background-size: cover;}
#shunmyo8{
    background: url(../img/image_9_8s.jpg) top center no-repeat;
    background-size: 100%;background-size: cover;}
#shunmyo9{
    background: url(../img/image_9_9s.jpg) center center no-repeat;
    background-size: 100%;background-size: cover;}
	
	
    /*.jaya3{
        background: url(../img/image_3_3s.jpg) center center;
        background-size: cover;
        display: flex;
        align-items: flex-start;
        justify-content: center;
		padding-top:15%;
    }*/
    .jaya4img{
        background: url(../img/image_3_4s.jpg) center top no-repeat;
        background-size: 100%;
		
    }/*
    .jaya4{
        background: url(../img/image_3_4s.jpg) center center;
        background-size: cover;
        display: flex;
        align-items: flex-start;
        justify-content: center;
		padding-top:15%;
    }*/
    .jaya5img{
        background: url(../img/image_3_5s.jpg) center top no-repeat;
        background-size: 100%;
    }/*
    .jaya5{
        background: url(../img/image_3_5s.jpg) center top;
        background-size: cover;
        display: flex;
        align-items: flex-start;
        justify-content: center;
		padding-top:15%;
    }*/
    .jaya10img{
        background: url(../img/image_3_36s.jpg) center top no-repeat;
        background-size: 100%;
    }
    /*.jaya10{
        background: url(../img/image_3_36s.jpg) center top;
        background-size: cover;
        display: flex;
        align-items: flex-start;
        justify-content: center;
		padding-top:15%;
    }*/
    .jaya11img{
        background: url(../img/image_3_5bs.jpg) center top no-repeat;
        background-size: 100%;
    }
    .jaya6{
        background: url(../img/image_3_6s.jpg) center top no-repeat;
        background-size: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .jaya7{
        background: url(../img/image_3_7s.jpg) center top no-repeat;
        background-size: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }
/*業績*/
.jaya16{
	background-size: 100%;
	background-image: url(../img/image_3_13s.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.jaya17{
    background: url(../img/image_3_16s.jpg) center center no-repeat;
    background-size: 100%;
}
.jaya18{
    background: url(../img/image_3_15s.jpg) center center no-repeat;
    background-size: 100%;
}
    .jaya .scda3 h2{
        padding-bottom: 10px;
    }
    .jaya_text h2{
        font-size: 30px;
        padding-bottom: 30px;
        line-height: 42px;
    }
    .jaya_text p{
        line-height: 32px;
        font-size: 16px;
    }
    .jaya_text h3{
        font-size: 22px;
    }
    .jaya_text h2,
    .jaya_text h3,
    .jaya_text p{
        width: 450px;
        text-align: justify;
        text-justify: inter-ideograph;
    }
    .jaya8.jaya_text h2,
    .jaya8.jaya_text h3,
    .jaya8.jaya_text p{
        width: 450px;
        text-align: justify;
        text-justify: inter-ideograph;
    }
    .jaya3 div,
    .jaya4 div,
    .jaya5 div,
    .jaya10 div,
    .jaya6 div,
    .jaya7 div{
        display: block;
    }
    .jaya7 div{
        padding-top: 80px;
    }
    .jaya1 .en-text{
        color: #fff;
    }
    .jaya2a,
    .jaya8>div{
        text-align: left;
    }
    .jaya2a>div,
    .jaya8>div{
        /*margin-left: -20px;*/
    }
    .scda .jaya8>div{
        width: 80%;
    }
    .scda .jaya8>div>div:last-child{
        margin-top: 0;
    }
    .scda .jaya8>div{
        padding: 0;
    }
}
@media only screen and (max-width: 550px){/*surface pad*/
     .jaya1>div{
        width: 72%;
        padding: 70% 0 0;
		margin:auto;
    }
    .jaya_text h2,
    .jaya_text h3,
    .jaya_text p,
    .jaya8>div>div:last-child,
    .scda .jaya8>div{
        width: 300px;
    }
    .jaya2a.jaya_text h2,
    .jaya2a.jaya_text h3,
    .jaya2a.jaya_text p{
        width: 300px;
    }
    .jaya8.jaya_text h2,
    .jaya8.jaya_text h3,
    .jaya8.jaya_text p{
        width: 300px;
    }
    .jaya_text h2{
        font-size: 21px;
        line-height: 32px;
        padding-bottom: 10px;
		font-weight:normal;
		text-align:left;
    }
    .jaya_text p{
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	color: #FFF;
	font-weight: normal;
    }
    .jaya_text h3{
        font-size: 20px;
        padding: 5px 0;
    }
    .jaya3,
    .jaya4,
    .jaya5,
    .jaya10{
		margin-top:10%;
    }
    .jaya3 div,
    .jaya4 div,
    .jaya5 div,
    .jaya10 div{
        padding-top: calc(70% - 30px);
        /*margin-left: 7px;
        width: 80%;*/
    }
    .jaya6 div{
        padding-top: 450px;
    }
    .jaya8>div>div:last-child{
        height: 187px;
    }
}
@media only screen and (max-width: 500px){
    .jaya1>div{    
    position: absolute;
    width: 289px;
    margin: 13%;
    bottom: 50px;
    }
}

@media only screen and (max-width: 480px){/*手機*/
    .jaya_text h2,
    .jaya_text h3,
    .jaya_text p,
    .jaya8>div>div:last-child,
    .scda .jaya8>div{
        width: 300px;
    }
    .jaya2a.jaya_text h2,
    .jaya2a.jaya_text h3,
    .jaya2a.jaya_text p{
        width: 300px;
    }
    .jaya8.jaya_text h2,
    .jaya8.jaya_text h3,
    .jaya8.jaya_text p{
        width: 300px;
    }
    .jaya_text h2{
        font-size: 21px;
        line-height: 32px;
        padding-bottom: 10px;
		font-weight:normal;
		text-align:left;
    }
    .jaya_text p{
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	color: #FFF;
	font-weight: normal;
    }
    .jaya_text h3{
        font-size: 20px;
        padding: 5px 0;
    }
    .jaya3 div,
    .jaya4 div,
    .jaya5 div,
    .jaya10 div{
        padding-top: calc(100% - 70px);
        /*margin-left: 7px;
        width: 80%;*/
    }
    .jaya6 div{
        padding-top: 450px;
    }
    .jaya8>div>div:last-child{
        height: 187px;
    }
}
@media only screen and (max-width: 400px){
    .jaya_text h2,
    .jaya_text h3,
    .jaya_text p,
    .jaya2a.jaya_text h2, 
    .jaya2a.jaya_text h3, 
    .jaya2a.jaya_text p,
    .jaya8>div>div:last-child,
    .scda .jaya8>div{
        width: 270px;
    }
    .jaya8.jaya_text h2,
    .jaya8.jaya_text h3,
    .jaya8.jaya_text p{
        width: 270px;
    }
/*
    .jaya2a div,
    .jaya3 div,
    .jaya4 div,
    .jaya5 div,
    .jaya6 div,
    .jaya7 div,
    .jaya8 div{
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        transform: scale(.85);
    }
*/
    .jaya3 div,
    .jaya4 div,
    .jaya5 div,
    .jaya10 div{
        /*padding-top: 390px;*/
    }
    .jaya8>div{
/*        padding: 0 5% 0 2%;*/
        padding: 0;
    }
    .jaya8>div>div:last-child{
        height: 202px;
        width: 270px;
    }
    .jaya6 div{
        padding-top: 470px;
    }
}
@media only screen 
    and (min-device-width: 375px) 
    and (min-device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3)
    and (orientation: portrait) { 
        .jaya3 div, .jaya4 div, .jaya10 div, .jaya5 div{
            padding-top: 370px;
        }
}
@media only screen and (max-width: 370px){
    .jaya1>div{
        padding-top: 400px;
    }
    .en-text {
        font-size: 20px;
    }
    .jaya1 h1 {
        font-size: 20px;
        line-height: 30px;
    }
}
@media only screen and (max-width: 350px){
    .jaya_text h2,
    .jaya_text h3,
    .jaya_text p,
    .scda .jaya8>div{
        width: 250px;
    }
    .jaya8.jaya_text h2,
    .jaya8.jaya_text h3,
    .jaya8.jaya_text p{
        width: 250px;
    }
    .jaya2a.jaya_text h2,
    .jaya2a.jaya_text h3,
    .jaya2a.jaya_text p{
        width: 250px;
    }
    .jaya3 div,
    .jaya4 div,
    .jaya5 div,
    .jaya10 div{
        padding-top: 320px;
    }
    .jaya_text h2{
        padding-bottom: 0;
        font-size: 22px;
        line-height: 30px;
    }
    .jaya_text p{
        line-height: 22px;
        font-size: 12px;
    }
    .jaya_text h3{
        font-size: 18px;
    }
/*
    .jaya1>div{
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        transform: scale(.8);
    }
*/
    .jaya1>div{
        color: #fff;
    }
/*
    .jaya2a div,
    .jaya3 div,
    .jaya4 div,
    .jaya5 div,
    .jaya6 div,
    .jaya7 div,
    .jaya8 div{
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        transform: scale(.8);
    }
*/
    .jaya6 div{
        padding-top: 380px;
    }
    .jaya1>div{
        padding-top: 350px;
    }
    .jaya1 h1 {
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 0;
    }
    .jaya1 p{
        font-size: 13px;
        line-height: 20px;
    }
    .jaya8>div>div:last-child{
        height: 162px;
        width: 250px;
    }
}


/*tfb*/
.tfb1{
    background: url(../img/image_4_1.jpg) center center;
    background-size: cover;
    display: flex;
    align-items: center;
    text-align: center;
    /*padding-left: 5%;*/
}
.tfb3{
    background: url(../img/image_4_2.jpg) center center;
    background-size: cover;
}
.tfb4{
    background: url(../img/image_4_3.jpg) center center;
    background-size: cover;
}
.tfb5{
    background: url(../img/image_4_4.jpg) center center;
    background-size: cover;
}
.tfb6{
    background: url(../img/image_4_4.jpg) center center;
    background-size: cover;
}
/*業績*/
.tfb7{
    background: url(../img/image_4_9.jpg) center center;
    background-size: cover;
}
.tfb8{
    background: url(../img/image_4_10.jpg) center center;
    background-size: cover;
}
.tfb9{
    background: url(../img/image_4_11.jpg) center center;
    background-size: cover;
}
.tfb1 h1{
    font-size: 42px;
    padding: 0 0 10px;
    line-height: 60px;
    color: #FFF;
    font-weight: 400;
}
.tfb1 .en-text{
    color: #FFF;
}
.tfb1 p{
    font-size: 16px;
    line-height: 36px;
}
.tfb2{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.tfb2 .img{
    width: 100%;
  /*  transition: 1s all;
	-webkit-transition: 1s all;
	-o-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
    margin-right: -150px;
    opacity: 0;*/
}
/*.viewing-page-2 .tfb2 .img,
.viewing-page-4 .tfb2 .img{
    opacity: 1;
    margin-right: auto;
    
}*/
/*.tfb2 .img img:last-child{
    display: none;
}*/
.tfb_text h2{
    font-size: 40px;
    font-family: /*PMingLiU,*/"微軟正黑體";
    padding-bottom: 20px;
    color: #aa908c;
   /* transition: 1s all;
	-webkit-transition: 1s all;
	-o-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
    margin-left: -150px;
    opacity: 0;*/
}
/*.viewing-page-2 .tfb_text h2,
.viewing-page-4 .tfb_text h2{
    opacity: 1;
    margin-left: 0;
    
}*/
.tfb_text p{
    color: #fff;
    line-height: 46px;
    font-size: 20px;
    /*transition: 1.6s all;
	-webkit-transition: 1.6s all;
	-o-transition: 1.6s all;
	-moz-transition: 1.6s all;
	-ms-transition: 1.6s all;
    margin-left: 150px;
    opacity: 0;*/
}
/*.viewing-page-2 .tfb_text p,
.viewing-page-4 .tfb_text p{
    opacity: 1;
    margin-left: 0;
    
}*/
.tfb_text h3{
    font-size: 30px;
    padding-bottom: 40px;
    color: #aa908c;
    font-weight: 400;
    padding-top: 30px;
    /*transition: 1.3s all;
	-webkit-transition: 1.3s all;
	-o-transition: 1.3s all;
	-moz-transition: 1.3s all;
	-ms-transition: 1.3s all;
    opacity: 0;
    margin-left: -150px;*/
}
.viewing-page-2 .tfb_text h3{
    opacity: 1;
    margin-left:0;
}

.tfb_text h2,
.tfb_text h3,
.tfb_text p{
    width: 1300px;
}
.tfb section{
    background-color: #000;
}
.tfb .jaya_text p{
    color: #fff;
}
@media only screen and (max-width: 1580px){
    .tfb_text h2{
        font-size: 36px;
        padding-bottom: 40px;
    }
    .tfb_text p{
        line-height: 40px;
        font-size: 18px;
    }
    .tfb_text h3{
        font-size: 26px;
    }
    .tfb2 .img{
        width: 400px;
    }
    .tfb_text h2,
    .tfb_text h3,
    .tfb_text p{
        width: 900px;
    }
/*業績*/
.tfb7{
    background: url(../img/image_4_9.jpg) center center;
    background-size: cover;
}
.tfb8{
    background: url(../img/image_4_10.jpg) center center;
    background-size: cover;
}
.tfb9{
    background: url(../img/image_4_11.jpg) center center;
    background-size: cover;
}
}
@media only screen and (max-width: 999px){
    
    .tfb_text h2,
    .tfb_text h3,
    .tfb_text p{
        width: 600px;
    }
    .tfb2 .img{
        padding-bottom: 10px;
        width: 300px;
    }
    .tfb_text h2{
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 767px){
/*tfblogo*/
.tfblogo { background:url(../img/TFBlogodp.png) center center !important;
    background-size: cover !important;
    }
	
    .tfb1{
        background: url(../img/image_4_1s.jpg) top center no-repeat;
        background-size: 100%;
        align-items: flex-start;
        text-align: left;
    }
    .tfb1>div{
        width: 72%;
        padding: 70% 0 0;
		margin:auto;
        color: #af9690;
    }
    .tfb1 h1,.tfb2 tfb_text h2{
        font-size: 20px;
        line-height: 36px;
        padding: 0;
		text-align:center;
		padding-bottom:10px;
		white-space: nowrap;
		font-weight:normal;
    }
	.tfb1 h1{
        color: #FFF;}
	.tfb2 tfb_text h2{
        color: #af9690;}
    .tfb1 img{
		width:100%;
    }
    .tfb1 p{
		font-size: 13px;
		line-height: 1.5;
		letter-spacing: 0.02em;
		text-align:center;
		font-weight:normal;
		padding-bottom: 10px;
		color: #af9690;
    }
    .tfb1 .en-text{
        color: #fff;
    }
    .tfb3{
        background: url(../img/image_4_2s.jpg) center center;
        background-size: cover;
    }
    .tfb4{
        background: url(../img/image_4_3s.jpg) center center;
        background-size: cover;
    }
    .tfb6{
        background: url(../img/image_4_3s2.jpg) center center;
        background-size: cover;
    }
    .tfb5{
        background: url(../img/image_4_4s.jpg) center center;
        background-size: cover;
    }
    .tfb5{
        background: url(../img/image_4_4_4s.jpg) center center;
        background-size: cover;
    }
/*業績*/
.tfb7{
    background: url(../img/image_4_9s.jpg) center top;
    background-size: cover;
}
.tfb8{
    background: url(../img/image_4_10s.jpg) center top;
    background-size: cover;
}
.tfb9{
    background: url(../img/image_4_11s.jpg) center center;
    background-size: cover;
}
    .tfb_text h2{
        font-size: 30px;
        padding-bottom: 30px;
        line-height: 42px;
    }
    .tfb_text p{
        line-height: 32px;
        font-size: 16px;
        text-align: justify;
        text-justify: inter-ideograph;
    }
    .tfb_text h3{
        font-size: 22px;
    }
    .tfb_text h2,
    .tfb_text h3,
    .tfb_text p{
        width: 480px;
        text-align: justify;
        text-justify: inter-ideograph;
    }
    .tfb2{
        text-align: left;
    }
    .tfb2>div{
        /*margin-left: -20px;*/padding: 0 10%;
    }
    .tfb2 .img img:last-child{
        display: inline-block;
    }
    /*.tfb2 .img img:first-child{
        display: none;
    }*/
}
@media only screen and (max-width: 550px){
    .tfb1>div{
		position: absolute;
		width: 289px;
		margin: 13%;
		bottom: 50px;
    }
    .tfb1{
        background: url(../img/image_4_1s.jpg) top center no-repeat;
        background-size: 100%;
        align-items: flex-start;
        text-align: left;
    }
    
    .tfb1 h1,.tfb2 tfb_text h2{
		font-size: 20px;
		line-height: 36px;
		color: #FFF;
		padding-bottom: 10px;
		font-weight: normal;
		text-align: center;
		white-space: nowrap;
    }
	.tfb1 h1{
        color: #FFF;}
	.tfb2 tfb_text h2{
        color: #af9690;}
    .tfb1 p{
		font-size: 13px;
		line-height: 1.5;
		letter-spacing: 0.02em;
		text-align:center;
		font-weight:normal;
		padding-bottom: 10px;
		color: #af9690;
    }
    .tfb_text h2,
    .tfb_text h3,
    .tfb_text p{
        width: 300px;
    }
    .tfb_text h2{
        font-size: 21px;
        line-height: 32px;
        padding-bottom: 10px;
		font-weight:normal;
		/*margin:0 auto;*/
		
    }
    .tfb_text p{
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: 0.02em;
		color: #CCC;
		font-weight:normal;
    }
    .tfb_text h3{
        font-size: 20px;
        padding-bottom: 15px;
    }
    .tfb2 .img{
        /*width: 100%;*/
        text-align: center;
		margin:0 auto;
    }
}
@media only screen and (max-width: 400px){
    .tfb_text h2,
    .tfb_text h3,
    .tfb_text p{
        width: 270px;margin: 0 auto;
    }
	.big2img {
        width: 270px;margin: 0 auto}
/*
    .tfb2 div{
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        transform: scale(.85);
    }
*/
    
}
@media only screen and (max-width: 370px){
    .tfb1>div{
        padding-top: 400px;
    }
    .tfb1 h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .tfb_text h2{
        font-size: 20px;
        line-height: 25px;
        padding-bottom: 10px;
        text-align: center;
		
    }
    .tfb1>div{
        padding: 450px 0;
    }
    .tfb2 .img{
        width: 275px;
        text-align: center;
    }
}
@media only screen and (max-width: 350px){
    .tfb_text h2,
    .tfb_text h3,
    .tfb_text p{
        width: 250px;
    }
    .tfb_text h2{
        padding-bottom: 0;
        font-size: 22px;
        line-height: 30px;
    }
    .tfb_text p{
        line-height: 18px;
        font-size: 12px;
    }
    .tfb_text h3{
        font-size: 18px;
    }
/*
    .tfb2 div{
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        transform: scale(.8);
    }
*/
    .tfb1>div{
        padding-top: 380px;
    }
    .tfb1 h1 {
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 0;
    }
    .tfb1 p{
        font-size: 13px;
        line-height: 20px;
    }
}
.michelin2{
    display: flex;
    /*align-items: center;*/
	padding-top: 20vh;
    justify-content: center;
}
.michelin3{
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    text-align: center;
}
.michelin3 a{
    color: #ae948e;
}
.michelin3 a:hover{
    text-decoration: underline;
}
.michelin3>div{
    display: flex;
    align-items: center;
}
.michelin3>div>div{
    width: 600px;
}
.michelin3>div>div.img{
    margin-left: 60px;
    transition: 1s all;
	-webkit-transition: 1s all;
	-o-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
    margin-left: 0;
    opacity: 0;
}
.michelin5.a>div>div.img,
.michelin4.a>div>div.img{
    display: none;
}
.michelin5>div,
.michelin4>div{
	padding-top:40vh !important;
	margin:15% !important;
}
.michelinbb>div{
	padding-top:15vh !important;
}
.viewing-page-4 .michelin3>div>div.img,
.viewing-page-5 .michelin3>div>div.img,
.viewing-page-6 .michelin3>div>div.img,
.viewing-page-7 .michelin3>div>div.img{
    margin-left: 60px;
    opacity: 1;
}
.michelin_text {
	background:#000;
}
.michelin_text h2{
    font-size: 40px;
    font-family: /*PMingLiU,*/"微軟正黑體";
    padding-bottom: 20px;
    color: #aa908c;
/*    transition: 1s all;
	-webkit-transition: 1s all;
	-o-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
    margin-left: -150px;
    opacity: 0;*/
}
.viewing-page-2 .michelin_text h2,
.viewing-page-3 .michelin_text h2,
.viewing-page-4 .michelin_text h2,
.viewing-page-5 .michelin_text h2,
.viewing-page-6 .michelin_text h2,
.viewing-page-7 .michelin_text h2{
    opacity: 1;
    margin-left: 0;
    
}
.michelin_text p{
	color: #FFF;
	line-height: 46px;
	font-size: 20px; 
	/*   transition: 1.6s all;
	-webkit-transition: 1.6s all;
	-o-transition: 1.6s all;
	-moz-transition: 1.6s all;
	-ms-transition: 1.6s all;
    margin-left: 150px;
    opacity: 0;*/
}
.viewing-page-2 .michelin_text p,
.viewing-page-3 .michelin_text p,
.viewing-page-4 .michelin_text p,
.viewing-page-5 .michelin_text p,
.viewing-page-6 .michelin_text p,
.viewing-page-7 .michelin_text p{
    opacity: 1;
    margin-left: 0;
    
}
.michelin_text h3{
    font-size: 30px;
    padding-bottom: 40px;
    color: #aa908c;
    font-weight: 400;
    padding-top: 30px;
    transition: 1.3s all;
	-webkit-transition: 1.3s all;
	-o-transition: 1.3s all;
	-moz-transition: 1.3s all;
	-ms-transition: 1.3s all;
    opacity: 0;
    margin-left: -150px;
}
.viewing-page-2 .michelin_text h3,
.viewing-page-3 .michelin_text h3,
.viewing-page-4 .michelin_text h3,
.viewing-page-5 .michelin_text h3,
.viewing-page-6 .michelin_text h3,
.viewing-page-7 .michelin_text h3{
    opacity: 1;
    margin-left:0;
}

.michelin_text h2,
.michelin_text h3,
.michelin_text p{
    width: 1300px;
}
.michelin3.michelin_text h2,
.michelin3.michelin_text h3,
.michelin3.michelin_text p{
    width: 600px;
}
@media only screen and (max-width: 1580px){
    .michelin_text h2{
        font-size: 36px;
        padding-bottom: 40px;
    }
    .michelin_text p{
        line-height: 40px;
        font-size: 18px;
    }
    .michelin_text h3{
        font-size: 26px;
    }
    .michelin .img{
        width: 400px;
    }
    .michelin_text h2,
    .michelin_text h3,
    .michelin_text p{
        width: 900px;
    }
}
@media only screen and (max-width: 1380px){
    .michelin3.michelin_text h2,
    .michelin3.michelin_text h3,
    .michelin3.michelin_text p{
        width: 450px;
    }
    .michelin3>div>div{
        width: 450px;
    }
    .michelin3.michelin_text h3{
        padding-bottom: 0;
        padding-top: 0;
    }
}
@media only screen and (max-width: 999px){
    
    .michelin_text h2,
    .michelin_text h3,
    .michelin_text p{
        width: 600px;
    }
    .michelin .img{
        padding-bottom: 10px;
        width: 250px;
    }
    .michelin_text h2{
        padding-bottom: 10px;
    }
    .michelin3>div{
        flex-wrap: wrap;
        justify-content: center;
    }
    .michelin3.michelin_text h2,
    .michelin3.michelin_text h3,
    .michelin3.michelin_text p{
        width: 600px;
    }
    .michelin3>div>div{
        width: 600px;
    }
    .michelin3>div>div.img{
        padding-top: 20px;
        width: 500px;
    }
    .viewing-page-4 .michelin3>div>div.img, .viewing-page-5 .michelin3>div>div.img, .viewing-page-6 .michelin3>div>div.img, .viewing-page-7 .michelin3>div>div.img{
        margin-left: 0;
    }
}
@media only screen and (max-width: 767px){
.michelin .banner1 .item.c{
    background: url(../img/image_6_3s.jpg) center center;
    background-size: cover;
    background-position: bottom center;
}
.michelin .banner1 .item.d{
    background: url(../img/image_6_8s.jpg) center center;
    background-size: cover;
    background-position: bottom center;
}
.michelin .banner1 .item.e{
    background: url(../img/image_6_9s.jpg) center center;
    background-size: cover;
    background-position: bottom center;
}
.michelin .banner1 .item.f{
    background: url(../img/image_6_10s.jpg) center center;
    background-size: cover;
    background-position: bottom center;
}
.michelin .banner1 .item.g{
    background: url(../img/image_6_11s.jpg) center center;
    background-size: cover;
    background-position: bottom center;
}
.michelin4 {/*廚師照片長谷川*/
    background: url(../img/michelinimg2.jpg) top center no-repeat;
    background-size: 100%;
}
.michelin5 {/*廚師照片武田健志*/
    background: url(../img/michelinimg1.jpg) top center no-repeat;
    background-size: 100%;
}
.michelin6 {/*廚師照片藤本*/
    background: url(../img/michelinimg6.jpg) center center;
    background-size: cover;
}
    .michelinnew1 {
        background: url(../img/michelin_np1s.jpg) center center;
        background-size: cover;
    }
    .michelinnew2 {
        background: url(../img/michelin_np2s.jpg) center center;
        background-size: cover;
    }
    .michelinnew3 {
        background: url(../img/michelin_np3s.jpg) center center;
        background-size: cover;
    }
    .michelinnew4 {
        background: url(../img/michelin_nm4s.jpg) center center;
        background-size: cover;
    }
    .michelinnew5 {
        background: url(../img/michelin_nm5s.jpg) center center;
        background-size: cover;
    }
    .michelinnew6 {
        background: url(../img/michelin_nm6s.jpg) center center;
        background-size: cover;
    }
    .gennew7 {
        background: url(../img/gen_np1s.jpg) center center;
        background-size: cover;
    }
    .gennew8 {
        background: url(../img/gen_np2s.jpg) center center;
        background-size: cover;
    }
    .gennew9 {
        background: url(../img/gen_np3s.jpg) center center;
        background-size: cover;
    }

    .michelin1{
        background: url(../img/michelin1s.jpg) center center;
        background-size: cover;
        align-items: flex-start;
        text-align: left;
       /* padding-left: 7%;*/
    }
    .michelin1>div{
        width: 72%;
        padding: 70% 0 0;
		margin:auto;
        color: #FFF;
		text-align:center;
    }
    .michelin1 h2{
        font-size: 20px;
        line-height: 36px;
        color: #c9a29c;
		text-align:center;
        padding-bottom: 10px;
		font-weight:normal;
    }
    .michelin1 p{
		font-size: 13px;
		line-height: 1.5;
		letter-spacing: 0.02em;
		text-align:center;
		font-weight:normal;
		padding-bottom: 10px;
        color: #FFF;
    }
    .michelin1 img{
		width:100%;
    }
    
    .michelin_text h2{
        font-size: 30px;
        padding-bottom: 30px;
        line-height: 42px;
    }
    .michelin_text p{
        line-height: 32px;
        font-size: 16px;
    }
    .michelin_text h3{
        font-size: 22px;
    }
    .michelin_text h2,
    .michelin3.michelin_text h2,
    .michelin_text h3,
    .michelin3.michelin_text h3,
    .michelin3>div>div{
        width: 480px;
    }
    .michelin_text p,
    .michelin3.michelin_text p{
        width: 480px;
        text-align: justify;
        text-justify: inter-ideograph;
    }
    .michelin3>div>div.img{
        width: 380px;
    }
    .michelin2,
    .michelin3{
        text-align: left;
    }
    .michelin2>div,
    .michelin3>div{
        /*margin-left: -20px;*/
    }
}
img.tiimg {
}
@media only screen and (max-width: 550px){
section.a.shorttop.section.active {
    padding-top: 80px;
}
img.tiimg {/*承&libert logo調整*/
}
    .michelin1>div.text h1{
	font-weight:normal;
	font-size: 20px;
	line-height: 36px;
	padding-bottom: 10px;
	text-align: center;
	font-weight: normal;
	white-space: nowrap;
	
    }
	
    .michelin1>div{
    position: absolute;
    width: 289px;
    margin: 13%;
	bottom:50px;
    }
    .michelin_text h2,
    .michelin_text h3,
    .michelin_text p,
    .michelin3.michelin_text h2,
    .michelin3.michelin_text h3,
    .michelin3.michelin_text p,
    .michelin3>div>div{
        width: 300px;
    }
    .michelin3>div>div.img{
        width: 270px;
    }
    .michelin_text h2{
        font-size: 21px;
        line-height: 32px;
        padding-bottom: 10px;
		font-weight:normal;
    }
    .michelin_text p{
		font-size: 14px;
		line-height: 1.5;
		letter-spacing: 0.02em;
		color: #CCC;
		font-weight:normal;
    }
    .michelin_text .p2{
		font-size: 14px;
		line-height: 1.5;
		color: #CCC;
		font-weight:normal;
    }
    .michelin_text h3{
        font-size: 20px;
        padding-bottom: 15px;
    }
}
@media only screen and (max-width: 400px){
    .michelin_text h2,
    .michelin_text h3,
    .michelin_text p,
    .michelin3.michelin_text h2,
    .michelin3.michelin_text h3,
    .michelin3.michelin_text p,
    .michelin3>div>div{
        width: 270px;
    }
/*
    .michelin2 div,
    .michelin3 div{
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        transform: scale(.85);
    }
*/
    
}
@media only screen and (max-width: 370px){
    
}
@media only screen and (max-width: 350px){
    .michelin_text h2,
    .michelin_text h3,
    .michelin_text p{
        width: 250px;
    }
    .michelin_text h2{
        padding-bottom: 0;
        font-size: 22px;
        line-height: 30px;
    }
    .michelin_text p{
        line-height: 22px;
        font-size: 12px;
    }
    .michelin_text h3{
        font-size: 18px;
    }
/*
    .michelin div{
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        transform: scale(.8);
    }
*/
}
/*obatashi*/
.obatashi1{
    background: url(../img/image_7_1.jpg) center center;
    background-size: cover;
	display:flex;
}
.obatashi3{
    background: url(../img/image_7_2.jpg) center center;
    background-size: cover;
}
.obatashi4{
    background: url(../img/image_7_3.jpg) center center;
    background-size: cover;
}
.obatashi5{
    background: url(../img/image_7_4.jpg) center center;
    background-size: cover;
}
/*業績*/
.obatashi7{
    background: url(../img/image_7_7.jpg) center center;
    background-size: cover;
}

.obatashi2{
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: 45vh;
}
.obatashi2>div {   
    margin: 15%;
}
.obatashi2 {
        background: url(../img/OBAYASHIclass1ss.jpg) top center no-repeat !important;
        background-size: 100% !important;
    }
@media only screen and (max-width: 1580px){
    .obatashi .a5 .img img{
        width: 300px;
    }
    .obatashi1>div{
        color: #FFF;
        padding-top:calc(15%);
		text-align:center;
    }
    .obatashi1 h2{
        font-size: 24px;
        line-height: 36px;
		font-weight:normal;
    }
    .obatashi1 p{
		font-size: 14px;
		color: #FFF;
		line-height: 1.5;
		letter-spacing: 0.02em;
		font-weight:normal;
    }
    .obatashi1 img{
		width:50%;
    }
}
@media only screen and (max-width: 767px){
    .obatashi1{
        background: url(../img/image_7_1s.jpg) center center;
        background-size: cover;
        align-items: flex-start;
        text-align: left;
       /* padding-left: 7%;*/
    }
/*業績*/
.obatashi7{
    background: url(../img/image_7_7s.jpg) center center;
    background-size: cover;
}
    .obatashi1>div{
        width: 72%;
        padding: 70% 0 0;
		margin:auto;
        color: #FFF;
        /*display: none;*/
    }
    .obatashi1 h2{
        font-size: 20px;
        line-height: 36px;
        padding: 0;
        color: #FFF;
		text-align:center;
		padding-bottom:10px;
		font-weight:normal;
    }
    .obatashi1 img{
		width:100%;
    }
    .obatashi1 p{
		font-size: 13px;
		color: #FFF;
		line-height: 1.5;
		letter-spacing: 0.02em;
		text-align:center;
		font-weight:normal;
		padding-bottom: 10px;
    }
    .obatashi3{
        background: url(../img/image_7_2s.jpg) center center;
        background-size: cover;
    }
    .obatashi4{
	background-size: cover;
	background-image: url(../img/OBAYASHIimg3.jpg);
	background-position: center center;
    }
    .obatashi5{
        background: url(../img/image_7_8s.jpg) center center;
        background-size: cover;
    }
    .obatashi2{
        text-align: left;
    }
    .obatashi2 {
        background: url(../img/OBAYASHIclass1ss.jpg) top center no-repeat !important;
        background-size: 100% !important;
    }
}
@media only screen and (max-width: 550px){
    .obatashi1>div h1{
	font-weight:normal;
	font-size: 20px;
	line-height: 36px;
	padding-bottom: 10px;
	text-align: center;	
	font-weight: normal;	
	white-space: nowrap;
    }
    .obatashi1>div{
    position: absolute;
    width: 289px;
    margin: 13%;
    bottom: 50px;
    }
}
@media only screen and (max-width: 400px){
    .obatashi .a5 .img img{
        width: 250px;
    }
}