@charset "UTF-8";
/* CSS Document */

	html,body {margin: 0;font-family: 'Noto Sans TC', sans-serif;}
	img {width: 100%; display: block;}
	
	a {}
	
	
	.marquee {
  width: 100%;
  overflow: hidden;
  }
	
	

	@keyframes flash1 {
	  0% {opacity: 0;}	
	  3% {opacity: 1;}
	  13% {opacity: 1;}
	  23% {opacity: 0;}
		
	}

	.flash1 { animation-name: flash1;}
	
	
	.fade {
	  -webkit-animation-name: fade;
	  -webkit-animation-duration: 1.5s;
	  animation-name: fade;
	  animation-duration: 1.5s;
	}

	@-webkit-keyframes fade {
	  from {opacity: .4} 
	  to {opacity: 1}
	}

	@keyframes fade {
	  from {opacity: .4} 
	  to {opacity: 1}
	}
	
	
	.nav {
    position: fixed;
    width: 3%;
    max-width: 60px;
    background-color: #fff;
    height: 100%;
    border-right: solid 1px #cecece;
    padding: 13px;
	z-index: 600;transition-duration: 1s;}
	
	
	.nav_logo {
    top: 36%;
    position: relative;
    width: 80%;
    margin: 0 auto;}
	
	.nav_open {
    position: fixed;
    z-index: 60;
    background: #fff;
	background-image: url("../img/bg_line01.png"),url("../img/shanger_bg.svg");
	background-repeat: repeat,no-repeat;
	background-position: center,bottom -6% right -9%;
    width: 100%;
    height: 100%;
	background-size: auto, 78%;
	display: none;}
	
	.nav_icon {opacity: 1;transition-duration: 0.2s;cursor: pointer;width: 84%; margin: 0 auto;}
	
	.nav_icon:hover {opacity: 0.6;transition-duration: 0.2s;	}
	
	.nav_opening {transition-duration: 1s;display: block;opacity: 1;}
	
	.nav_option {
    margin: 7% 0;cursor: pointer;}
	
	.nav_group {
    width: 70%;
    margin: 4% 0 6% 23%;}
	
	.nav_block {
    color: #000;
    position: relative;
    width: 45%;
    display: inline-block;
    vertical-align: top;}
	
	.nav_num {
    display: none;
    font-size: 7.6vw;
    color: #e7e7e7;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 200;
    width: 17%;
    text-align: center;
    line-height: 8vw;}
	
	
	
	.nav_t_block {
    display: inline-block;
    width: 67%;}
	
	.nav_txt {
    font-size: 1vw;
    letter-spacing: 2px;
    display: inline-block;
    color: #000;}
	
	.nav_line {
    display: inline-block;
    width: 15%;
    height: 2px;
    background-color: #000;
    vertical-align: middle;}
	
	.nav_tit {
    font-size: 4.8vw;
    line-height: 4.6vw;
    font-weight: 700;
    letter-spacing: 3px;
    font-family: 'Lato', sans-serif;}
	
	.nav_tit2 {
    font-size: 4.8vw;
    line-height: 4.6vw;
    font-weight: 700;
    letter-spacing: 3px;
    font-family: 'Lato', sans-serif;
	position: absolute;
    color: #fb0081;
    width: 0;
    overflow: hidden;transition-duration: 1s;}
	
	.nav_option:hover .nav_tit2{
    width: 100%;transition-duration: 1s;}
	
	
	.nav_close {
    width: 3%;
    position: absolute;
    right: 2%;
    top: 3%;
    cursor: pointer;opacity: 1;transition-duration: 0.2s;}
	
	.nav_close:hover {
		width: 3.2%;opacity: 0.6;transition-duration: 0.2s;right: 1.8%
	}
	
	
	.wrap {
    width: 100%;}
	
	#section01 {background-image: url("../img/sec01_bg.jpg");background-size: cover; background-position: top center;background-repeat: no-repeat;}
/*	#section01:hover {background-size: 105%;transition-duration: 8s;}*/
	.sec01_group {
    width: 37%;
    padding: 17% 0 22% 24%;}
	
	.sec01_txt {
    font-size: 16px;
    letter-spacing: 4px;}
	
	
	
	#section02 {background-image: url("../img/bg_line01.png");background-size: 100%; background-position: top;background-repeat: repeat;}
	
	
	#section02 .scroll {
    width: 5%;
    margin-top: -17%;
    padding-bottom: 9%;cursor: pointer;}
	
	#section02 .tit {
    width: 50%;
    padding-left: 5%;}
	
	#section02 .tit2 {
    font-size: 29px;
    padding: 2% 5%;
    font-weight: 600;
    color: #fff;
    letter-spacing: 4px;}
	
	#section02 .block_po {
    position: relative;
    right: 0;
    padding: 1% 0 3% 24%;}
	
	#section02 .sec01_slick_txt {
    background: #fb0281;
    right: 0;
    position: relative;
    margin-top: -10%;
    width: 100%;}
	
	#section02 .slick-dots {
    bottom: 63%;
    left: -124%;}
	
	#section02 .txt_group {
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
    padding-left: 5%;
    padding-bottom: 4%;}
	
	#section02 .pic_block {
    width: 100%;
    }
	
	#section02 .t_block {background: #fb0081; padding: 6% 0 6% 4%;}
	
	.sec01_slick_pic {
    width: 32%;
    position: relative;
    margin-top: -17%;
    margin-left: 56%;
    padding-bottom: 4%;}
	
	#section03 {
    background-color: #efefef;
    padding: 5% 0 0 11%;
	}
	
	#section03 .tit {
    width: 44%;}
	
	#section03 .client_group {
    padding-left: 13.5%;
    margin-top: 3%;
    padding-bottom: 18%;}
	
	#section03 .client_block {
    margin-top: -4%;}
	
	#section03 .client {
    width: 10%;
    display: inline-block;
    background: #fff;
    padding: 4%;
    margin: 1.5%;
    border: solid 0.5px #cccccc;
    vertical-align: top;transition-duration: 0.3s;}
	
/*
	#section03 .client:hover {width: 12%;
    padding: 3%;transition-duration: 0.3s;}
*/
	
	#section03 .client_2 {margin-top: 6%;}
	
	#section04 {
    
    background-size: 100%;
    background-position: top;
    background-repeat: repeat;    padding-bottom: 1%;}
	
	
	#section04 .tit_block {background-image: url("../img/sec04_bg.jpg");background-size: 100%; background-position: top;background-repeat: no-repeat;}
	
	#section04 .tit {
    padding: 9% 11%;
    width: 52%;}
	
	#section04 .t_block {
    display: inline-block;
    vertical-align: top;}
	
	#section04 .num {
    font-size: 1.6vw;
    font-weight: 900;font-family: 'Lato', sans-serif;}

	#section04 .content {
    width: 82%;
    padding-left: 11%;
    margin: 10% 0 13% 0;}
	
	#section04 .t_block {
    display: inline-block;
    vertical-align: top;}
	
	
	#section04 .b_tit {
    font-size: 5vw;
    font-weight: 600;
    line-height: 5vw;
    margin: 5% 0;font-family: 'Lato', sans-serif;}
	
	#section04 .b_tit2 {
    color: #fff;
    background-color: #f6007e;
    display: inline-block;
    padding: 1% 2%;
    font-size: 1.4VW;
    margin: 3% 0;
    letter-spacing: 1.5px;
    font-weight: 500;}
	
	#section04 .txt {
    font-size: 1.2vw;
    letter-spacing: 3px;}
	
	#section04 .pic_block {
    display: inline-block;
    width: 68%;
    margin-left: 3%;}
	
	#section04 .pic01 {
    display: inline-block;
    width: 81%;}
	
	#section04 .pic02 {
    display: inline-block;
    width: 21%;
    margin-left: -8%;
    position: absolute;
    }
	
	#section04 .pic03 {
	width: 47%;
    z-index: 2;
    position: relative;
    display: inline-block;
	margin-top: -18%;
	margin-bottom: 21%;}
	
	#section04 .pic04 {
	width: 32.5%;
    margin-left: -9%;
    position: absolute;
    display: inline-block;
	}
	
	#section04 .pic05 {
	display: inline-block;
    width: 40%;
    position: relative;
    z-index: 2;
    margin-top: -3%;
    margin-left: 2.5%;
	    margin-bottom: 21%;
	}
	
	#section04 .pic06 {
	display: inline-block;
    width: 40%;
    margin-left: -8%;
    position: absolute;
	}
	
	#section04 .pic07 {
	display: inline-block;
    width: 45%;
    position: relative;
    z-index: 2;
	margin-top: -18%;
    margin-bottom: 26%;
	}
	
	#section04 .pic08 {
	display: inline-block;
    width: 37%;
    margin-left: -12.5%;
    position: absolute;
    
	}
	
	
	
	#section04 .t_block2 {text-align: right;float: right;}
	
	#section04 .pic_block2 {margin-left: 0;}
	
	

	#section05 {
    background-color: #efefef;
    padding: 7% 0 5% 11%;
    background-image: url(../img/sec05_bg.jpg);
    background-position-y: 120%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;}
	
	#section05 .tit {  width: 51%; margin-bottom: 3%;}
	
	#section05 .block {
    width: 16%;
    background: #fff;
    border-radius: 7px;
    display: inline-block;
    margin: 2% 1.3%;
	vertical-align: top;}
	
	#section05 .item_pic {
    width: 58%;
    margin: 18% auto;}
	
	#section05 .block_tit {
    background: #f6007e;
    display: inline-block;
    color: #fff;
    font-size: 1.6vw;
    letter-spacing: 1px;
    font-weight: 900;
    padding: 1% 7%;
    margin-left: -8%;}
	
	#section05 .txt {
    width: 84%;
    margin: 12% auto;
    font-size: 1.2vw;
    letter-spacing: 1px;
    line-height: 2.6vw;}
	
	#section05 .step {
    font-size: 1vw;
    color: #efefef;
    text-align: right;
    padding: 7%;}
	
	span.border {
    border-bottom: solid 2px;}
	
	#section05 .block_top02 {margin-top: 4%;}
	#section05 .block_top03 {margin-top: 6%;}
	#section05 .block_top04 {margin-top: 8%;}
	#section05 .block_top05 {margin-top: 10%;}
	
	#section06 {
    padding-bottom: 12%;overflow: hidden;
	background-image: url(../img/bg_line03.png);
    background-size: 100%;
    background-position: top;
    background-repeat: repeat;}
	
	
	#section06 .top_block {
    background-color: #f6007e;
    padding: 5% 0 1% 11%;}
	
	#section06 .tit {
    width: 46%;}
	
	.bottom_block {opacity: 0;}
	
	#section06 .tab_group {
    margin: 3% 0 0 0;}
	
	.tab {
    display: inline-block;
    margin: 1%;
    background-color: #ececec;
    padding: 0.5% 2%;
    font-size: 1.3vw;
    color: #000;
	cursor: pointer;transition-duration: 0.3s;}
	
/*
	.tab:hover {background-color: #fff;
    color: #f6007e;
    font-weight: bold;
	transition-duration: 0.3s;}
*/
	
	
	.tab_on {
    background-color: #fff;
    color: #f6007e;
    font-weight: bold;}
	
	.tab_block_on {z-index: 8;
    opacity: 1;}
	
	.tab_block02 {margin-top:-38.3%;}
	.tab_block03 {margin-top:-36.5%;}
	.tab_block04 {margin-top:-36.5%;}
	
	#section06 .txt_block {
    width: 17%;
    background-color: #fff;
    margin-top: 4%;
    margin-bottom: 4%;
    margin-left: 11%;
    z-index: 2;
    padding: 2% 2%;
    position: relative;
    -webkit-box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.15);}
	
	
	#section06 .client_pic {
    display: inline-block;
    width: 28%;
	vertical-align: middle;}
	
	#section06 .client_namd {
    width: 66%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3%;
    font-size: 1.4vw;
    font-weight: bold;
    letter-spacing: 1px;}
	
	#section06 .client_txt {
    margin: 10% 0;
    line-height: 2.2vw;
    font-size: 1.15vw;
    letter-spacing: 1px;}
	
	#section06 span.ps {
    font-size: 16px;
    font-weight: lighter;}
	
	
	.sec06_slick_txt_mode {z-index: 30;}
	
	#section06 .sec06_slick_design_mode {margin-top: -33.5%;
    z-index: 1;}
	
	
	#section07 {
    background-color: #efefef;
    padding: 5% 0 6% 11%;}
	
	#section07 .tit {
    width: 44%;}
	
	#section07 .intro_block {
    background-color: #fff;
    margin-left: 10%;
    padding-bottom: 5%;
    margin: 7% 0 3% 10%;}
	
	#section07 .motive_logo {
    background-color: #fff;
    width: 18%;
    padding: 7% 3%;
    border: solid 1px #dcdcdc;
    display: inline-block;
    margin-left: 11%;
    margin-top: -3%;}
	
	#section07 .intro_t_block {
    display: inline-block;
    font-size: 1.2vw;
    margin-left: 7%;
    letter-spacing: 1px;
    line-height: 2vw;
    vertical-align: bottom;}
	
	#section07 .btn_group {
    margin: 7% 0;}
	
	#section07 .btn_group a {
    border: solid 1.5px;
    padding: 0.2% 5%;
    margin: 0 6% 0 0;transition-duration: 0.3s;cursor: pointer;}
	
	#section07 .btn_group a:hover {
    background-color: #000;
    color: #fff;
	transition-duration: 0.3s;
    }
	
	#section07 .motive_post_group {
    width: 82%;
    margin-left: 4.2%;}
	
	#section07 .post_block {
    display: inline-block;
    width: 28%;
    margin: 2%;
    background: #fff;}
	
	#section07 .t_group {
    padding: 2% 7%;}
	
	#section07 .post_tit {
    font-size: 1.2vw;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 1% 0 5% 0;}
	
	#section07 .post_txt {
    font-size: 1.1vw;
    letter-spacing: 2px;
    line-height: 1.8vw;
    color: #777;}
	
	#section07 a.post_btn {
    text-align: center;
    width: 100%;
    display: block;
    background-color: #000;
    color: #fff;
    margin: 6% 0 7% 0;
	font-size: 1.2vw;transition-duration: 0.3s;cursor: pointer;border: solid 1px #000;}
	
	#section07 a.post_btn:hover{background-color: #fff;border: solid 1px #000;transition-duration: 0.3s;color: #000;}
	

	#section08 .block {
    background-color: #f6007e;
    margin-left: 10%;
    padding: 7% 11%;
    margin: 7% 0 0 10%;}
	
	#section08 .form_box {
    margin: 6% 1px;
    width: 70%;
    color: #fff;
    font-size: 1.3vw;}
	
	input {
    width: 100%;
    margin: 1.5% 0;
    border: none;
    height: 1.8vw;
	font-size: 1.3vw;}
	
	
	#section08 {
    padding: 5% 0 0 11%;
    background-color: #ececec;}
	
	#section08 .tit {
    width: 71%;}
	
	
	:focus {outline: none;}
	
	textarea#content {
    width: 100%;
    height: 12vw;
	margin: 1.5% 0;
	font-size: 1.3vw;border: none;}
	
	button.form_btn {
    width: 40%;
    font-size: 1.4vw;
    border: 0;
    padding: 1%;
    background-color: #000;
    color: #fff;
    font-weight: bold;
	letter-spacing: 4px;transition-duration: 0.3s;cursor: pointer;}
	
	button.form_btn:hover{background: #fff;color: #f6007e;transition-duration: 0.3s;font-size: 1.6vw;}
	
	
	
	#footer {   background: #000;}
		
		#footer .content_block {
		width: 64%;
		padding-left: 20%;
		color: #fff;
		font-size: 1vw;
		letter-spacing: 1px;
		padding: 3% 0 4% 20%;}
		
		#footer .content_l {
		display: inline-block;
		width: 40%;}
		
		#footer .footer_logo {
		width: 37%;
		margin: 5% 0;}
		
		#footer .content_r {
		display: inline-block;
		width: 59%;
		text-align: right;}
	
	
	.marquee_group {
    position: relative;
    width: 100%;
    z-index: 1;}
	

	.marquee_position {
    position: absolute;
    z-index: 1;}

	.marquee_left {
    display: inline-block;
    margin: 0 4% 0 38%;
    width: 25%;}

	.marquee_right {
    display: inline-block;
    width: 25%;}



	.marquee_group2 {margin-left: 46%;}
	
	
	#sec06_slick_design3 .marquee_group {
    position: absolute;
    width: 1%;
    z-index: 1;
    margin-left: 47%;}
	
	#sec06_slick_design3 .marquee_group2 {margin-left: 48.5%;}
	
	.slick_marquee {
    width: 100%;
    margin: 5% 0;
}
	
	.slick_pic {position: relative;}
	
	
	.pc {display: block;}
	.mb {display: none;}
	.slick-slide .mb {display: none;}
	
	
	.gotop {
    position: fixed;
    width: 6%;
    bottom: -1%;
    right: -0.5%;
    z-index: 10;
    cursor: pointer;}
	
/*	.slide_mo1 {display: none;}*/
	

	
	.slide_re {position: relative; z-index: 1;}
	
	.zin_2 {z-index: 2;}	
	.zin_3 {z-index: 3;}
	.zin_4 {z-index: 4;}
	.zin_5 {z-index: 5;}
	.zin_6 {z-index: 6;}
	.zin_7 {z-index: 7;}
	.zin_8 {z-index: 8;}
	.zin_9 {z-index: 9;}
	.zin_10 {z-index: 10;}
	.zin_11 {z-index: 11;}
	
	.ani01 {animation: flash 10s ease-out infinite alternate;animation-delay: 0.5s}
	.ani02 {animation: flash 9s ease-out infinite alternate;animation-delay: 1.5s}
	.ani03 {animation: flash 8s ease-out infinite alternate;animation-delay: 2.5s}
	.ani04 {animation: flash 7s ease-out infinite alternate;animation-delay: 3.5s}
	.ani05 {animation: flash 6s ease-out infinite alternate;animation-delay: 4.5s}
	.ani06 {animation: flash 5s ease-out infinite alternate;animation-delay: 5.5s}
	.ani07 {animation: flash 4s ease-out infinite alternate;animation-delay: 6.5s}
	.ani08 {animation: flash 3s ease-out infinite alternate;animation-delay: 7.5s}
	.ani09 {animation: flash 2s ease-out infinite alternate;animation-delay: 8.5s}
	.ani10 {animation: flash 2s ease-out infinite alternate;animation-delay: 9.5s}
	
	
	
	@keyframes scroll {
	  from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }


	  60% {
		-webkit-transform: translate3d(0, 9%, 0) ;
		transform: translate3d(0, 9%, 0) ;
	  }



	  to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }
	}
	
	.scroll {
	  -webkit-animation-name: scroll;
	  animation-name: scroll;
	}
	
	
	@keyframes top {
	  from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }


	  60% {
		-webkit-transform: translate3d(0, 6%, 0) ;
		transform: translate3d(0, 6%, 0) ;
	  }



	  to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }
	}
	
	.top {
	  -webkit-animation-name: top;
	  animation-name: top;
	}
	
	
	.animated {
	  -webkit-animation-duration: 2s;
	  animation-duration: 2s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;}

	.animated.infinite {
	  -webkit-animation-iteration-count: infinite;
	  animation-iteration-count: infinite;}
	
	
	
	
	
	
	
	@media screen and (max-width: 768px) and (min-width: 100px){
		
		.pc {display: none;}
		.mb {display: block;}
		.slick-slide .pc {display: none;}
		.slick-slide .mb {display: block;}
	
		.nav {width: 100%;
		max-width: 100%;
		height: 3.5%;
		border-right: none;
		border-bottom: solid 1px #cecece;}
		
		.nav_icon {width: 8%;
		right: 4%;
		position: fixed;
		top: 2%;}
		
		.nav_group {
		width: 79%;
    	margin: 15% auto;	
		}
		
		
		.nav_block { width: 100%;margin-bottom: -6%;}
		
		.nav_txt { font-size: 3vw;}
		
		.nav_tit {  font-size: 11vw;line-height: 10vw;}
		
		.nav_t_block {	width: 100%;}
		
		.nav_logo {
		width: 32%;
		top: 6%;
		left: 2%;
		margin: 0;}
		
		.nav_option {
		margin: 5.5% 0;}
		
		.nav_open {background-position: center,bottom -1% right -3%;background-size: auto, 89%;}
		
		.marquee_group {
		position: relative;
		width: 100%;
		z-index: 1;
		height: 63.5vh;}
		
		.marquee_position {
		position: relative;
		z-index: 1;}
		
		.marquee_left {
		display: inline-block;
		margin: 0;
		width: 100%;}
		
		.marquee_right {
		display: inline-block;
		width: 100%;}
		
		
		
		.marquee_group3 {
		
		
		z-index: 1;
		margin-left: 0;
		height: 63.5vh;}
		

		
		#section01 {  background-image: url(../img/sec01_bg_mb.jpg);background-position: top center;}
		
		
		.sec01_group {
		width: 80%;
		padding: 54% 0 62% 6%;}
		
		
		#section02 {
		background-size: 240%;
		padding-top: 1%;}
		
		#section02 .block_po {
		position: relative;
		right: 0;
		padding: 0;
		width: 88%;
		margin: 0 auto;}
		
		#section02 .scroll {
		width: 18%;
		margin-top: -38%;
		padding-bottom: 0;
		cursor: pointer;}
		
		#section02 .sec01_slick_txt {
		background: #fb0081;
		right: 0;
		position: relative;
		margin-top: -10%;
		width: 100%;}
		
		#section02 .tit {
		width: 116%;
		padding-left: 5%;}
		
		
		#section02 .tit2 {
		font-size: 5.4vw;
		padding: 6% 0 6% 5%;
		letter-spacing: 0.5px;}
		
		
		#section02 .txt_group {
		color: #fff;
		font-size: 3.6vw;
		letter-spacing: 1px;
		padding-left: 5%;
		padding-bottom: 20%;}
		
		
		.sec01_slick_pic {
		width: 80%;
		position: relative;
		margin-top: -5%;
		margin-left: 20%;
		padding-bottom: 21%;}
		
		#section02 .slick-dots {
		bottom: 106%;
		left: -51%;}
		
		#section02 .slick-next {
		width: 18%;
		height: 50px;
		margin-top: -55.5%;
    	margin-right: 15.5%;}
		
		#section02 .slick-prev {
		width: 18%;
		height: 50px;
		margin-top: -55.5%;
    	margin-left: 66.2%;}
		
		#section02 .t_block { width: 97%; padding: 18% 3% 6% 3%;}
		
		
		#section03 {
		background-color: #efefef;
		padding: 0;overflow: hidden;}
		
		#section03 .tit {
		width: 117%;
		padding-top: 14%;
		padding-left: 8%;}

		
		#section03 .client_group {
		padding-left: 0;
		padding-bottom: 0;
		width: 88%;
		margin: 12% auto 0 auto;}
		
		#section03 .client {
		width: 18%;
		padding: 6%;
		margin: 5% 1%;}
		
		#section03 .client_2 {
    	margin-top: -15%;}
		
		#section04 {
		padding-bottom: 1%;}

		
		#section04 .tit_block {
		background-image: none;
		overflow: hidden;
		background-size: cover;
		background-color: #fb0281;}
		
		#section04 .tit {
		padding: 11% 6%;
		width: 154%;}
		
		#section04 .content {
		width: 88%;
		padding-left: 0;
		margin: 10% auto;}
		
		#section04 .t_block {
		display: inline-block;
		vertical-align: top;
		width: 100%;}
		
		#section04 .num {
    	font-size: 4.6vw;}
		
		#section04 .b_tit {
		font-size: 9.4vw;
		line-height: 9vw;
		margin: 3% 0 5% 0;}
		
		#section04 .b_tit2 {
		padding: 1% 2%;
		font-size: 4.4VW;
		margin: 0 0 2% 0;
		letter-spacing: 1.5px;}
		
		#section04 .txt {
		font-size: 3.6vw;
		letter-spacing: 1px;}
		
		#section04 .pic_block {
		width: 100%;
		margin-left: 0;
		margin-top: 6%;
		margin-bottom: 17%;}
		
		#section04 .pic01 {
		display: inline-block;
		width: 85%;}

		#section04 .pic02 {
		width: 48%;
		margin-left: -33%;
    	margin-top: -2%;}
		
		#section04 .pic03 {
		width: 54%;
		z-index: 2;
		position: relative;
		display: inline-block;
		margin-top: 3%;
    	margin-bottom: 2%;}
		
		#section04 .pic04 {
		width: 60%;
		margin-left: -19.5%;
		position: absolute;
		margin-top: 0%;
		display: inline-block;}
		
		#section04 .pic05 {
		display: inline-block;
		width: 40%;
		position: relative;
		z-index: 2;
		margin-top: 3%;
		margin-left: 0;
		margin-bottom: 6%;}
		
		#section04 .pic06 {
		display: inline-block;
		width: 64%;
		margin-left: -11%;
		position: absolute;
		margin-top: 0;}
		
		#section04 .pic07 {
		display: inline-block;
		width: 53%;
		position: relative;
		z-index: 2;
		margin-top: -12%;
    	margin-bottom: 13%;}
		
		#section04 .pic08 {
		display: inline-block;
		width: 64%;
		margin-left: -22.5%;
		position: absolute;
		margin-top: 0;}
		
		#section04 .t_block2 {
		text-align: left;}
		
		#section05 {
		background-image: url("");
		padding: 0;
		overflow: hidden;
		background-size: 100%;
    	}
		
		#section05 .tit {
		width: 126%;
		padding-top: 12%;
		padding-left: 6%;
		margin: 5% 0 0 0;}
		
		.block_group {
		width: 88%;
		margin: 0 auto 8% auto;}
		
		#section05 .block {
		width: 100%;
		background: #fff;
		border-radius: 7px;
		display: inline-block;
		margin: 5% auto;
		vertical-align: top;}
		
		#section05 .item_pic {
		width: 20%;
		margin: 10% 0 7% 11%;
		display: inline-block;
		vertical-align: middle;}
		
		#section05 .block_tit {
		background: #f6007e;
		display: inline-block;
		color: #fff;
		font-size: 4vw;
		letter-spacing: 1px;
		font-weight: 900;
		padding: 1% 4%;
		margin-left: -24%;
		vertical-align: top;
		margin-top: -3%;
		position: absolute;}
		
		#section05 .txt {
		width: 50%;
		margin: 0 0 0 11%;
		font-size: 3.6vw;
		letter-spacing: 1px;
		line-height: 6.6vw;
		display: inline-block;
		text-align: left;
		vertical-align: middle;}
		
		#section05 .step {
		font-size: 3vw;
		color: #efefef;
		text-align: right;
		padding: 0 3% 3% 0;
		margin-top: -7%;}
		
		
		#section06 {
		padding-bottom:8%;
		overflow: hidden;
		background-size: 240%;
		background-repeat: repeat;}
		
		#section06 .top_block {
		background-color: #f6007e;
		padding: 4.8%;
		padding-bottom: 28%;
		text-align: center;}
		
		
		#section06 .tit {
		width: 124%;
    	margin: 13% 0 5% 0;}
		
		#section06 .tab_group {
    	margin: 3% 0 0 0;}
		
		.tab {
		display: inline-block;
		margin: 1.5% 1%;
		padding: 1% 2%;
		font-size: 4.4vw;
		width: 43%;
		text-align: center;}
		
		.bottom_block {
		padding-bottom: 28%;
		margin-top: -28%;}
		
		.tab_block02 { margin-top: -166.5%;}
		.tab_block03 { margin-top: -159.3%;}
		.tab_block04 { margin-top: -156.2%;}
		
		
		#section06 .txt_block {
		width: 70%;
		background-color: #fff;
		z-index: 2;
		padding: 7% 5%;
		position: relative;
		-webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.15);
		box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.15);
		margin: 100% auto 3% auto;}
		
		#section06 .client_pic {
		display: inline-block;
		width: 20%;}
		
		#section06 .client_namd {
		width: 66%;
		display: inline-block;
		vertical-align: top;
		margin-left: 3%;
		font-size: 4.6vw;
		font-weight: bold;
		letter-spacing: 1px;}
		
		#section06 span.ps {
		font-size: 3.6vw;
		font-weight: lighter;}
		
		#section06 .client_txt {
		margin: 2% 0;
		line-height: 5.6vw;
		font-size: 3.6vw;
		letter-spacing: 1px;}
		
		#section06 .sec06_slick_design_mode {
		width: 88%;
		margin: -149% auto 0 auto;}
		
		
		
		.slick_pic {
		position: relative;
		padding: 5%;
		background-color: #e9e9e9;}
		
		#section07 {
		background-color: #efefef;
		padding: 0 0 3% 0;overflow: hidden;}
		
		#section07 .tit {
		width: 102%;
    	padding: 14% 0 10% 9%;}
		
		#section07 .intro_block {
		background-color: #fff;
		padding-bottom: 1%;
		margin: 0 auto;
		width: 88%;}
		
		#section07 .motive_logo {
		background-color: #fff;
		width: 39%;
		padding: 12% 3%;
		border: solid 1px #dcdcdc;
		display: inline-block;
		margin-left: 7%;
		margin-top: -8%;}
		
		#section07 .intro_t_block {
		display: block;
		font-size: 3.6vw;
		margin: 8% auto;
		letter-spacing: 0.5px;
		line-height: 6vw;
		vertical-align: bottom;
		width: 86%;}
		
		#section07 .btn_group {
		margin: 7% 0;
		text-align: center;}
		
		
		#section08 {
		padding: 15% 0 0 0;
		}
		
		#section08 .block {
		background-color: #f6007e;
		margin: 0 auto;
		width: 88%;
		overflow: hidden;
		padding: 0 0 10% 0;}
		
		#section08 .tit {
		width: 155%;
		margin: 7% 10%;}
		
		#section08 .form_box {
		margin: 0 auto;
		width: 80%;
		color: #fff;
		font-size: 4vw;
		line-height: 7vw;}
		
		input {
		width: 96%;
		margin: 1.5% 0;
		border: none;
		height: 5vw;
		font-size: 3.6vw;}
		
		
		textarea#content {
		width: 100%;
		height: 36vw;
		margin: 1.5% 0;
		font-size: 3.6vw;
		border: none;}
		
		
		button.form_btn {
		width: 50%;
		font-size: 5vw;
		border: 0;
		padding: 1% 3%;
		background-color: #000;
		color: #fff;
		font-weight: bold;
		letter-spacing: 4px;
		margin: 5% auto 13% auto;
		display: block;}
		
		
		button.form_btn:hover{background: #fff;color: #f6007e;transition-duration: 0.3s;font-size: 5vw;}
		
		
		#section07 .motive_post_group {
		width: 88%;
		margin: 7% auto 6% auto;
		overflow: hidden;
		padding-bottom: 10%;}
		
		#section07 .post_block {
		display: block;
		width: 100%;
		margin: 0;
		}
		
		#section07 .post_tit {
		font-size: 4.4vw;
		font-weight: bold;
		letter-spacing: 1px;
		margin: 1% 0 5% 0;}
		
		#section07 .post_txt {
		font-size: 3.6vw;
		letter-spacing: 1px;
		line-height: 5.6vw;
		color: #777;}
		
		#section07 a.post_btn {
		display: block;
		margin: 6% 0 7% 0;
		font-size: 4vw;}
		
		#section07 .slick-dots {   bottom: 0;}
		
		#footer .content_block {
		width: 88%;
		color: #fff;
		font-size: 3vw;
		letter-spacing: 1px;
		padding: 10% 0 10% 0;
		margin: 0 auto;
		line-height: 5.2vw;}
		
		#footer .content_l {
		display: inline-block;
		width: 100%;}
		
		#footer .footer_logo {
		width: 37%;
		margin: 5% 0;}
		
		#footer .content_r {
		display: inline-block;
		width: 100%;
		text-align: left;}
		
		.gotop {
		width: 17%;
		bottom: -0.8%;
		right: -0.5%;}


	}
	
	
	@media screen and (max-width: 375px) and (min-width: 100px){
		
		.tab_block04 {
    margin-top: -159.2%;}
		.tab_block03 { margin-top: -160.3%;}
		
	}
	
	

	
.div_bg {background: url("../img/sec06_s1.jpg"),url("../img/sec06_s2.jpg"),url("../img/sec06_s3.jpg"),url("../img/sec06_s4.jpg"),url("../img/sec06_s6.jpg"),url("../img/sec06_s7.jpg"),url("../img/sec06_s8.jpg"),url("../img/sec06_s9.jpg"),url("../img/sec06_s21.jpg"),url("../img/sec06_s22.jpg"),url("../img/sec06_s23.jpg"),url("../img/sec06_s24.jpg"),url("../img/sec06_s34.jpg"),url("../img/sec06_s25.jpg"),url("../img/sec06_s32.jpg"),url("../img/sec06_s27.jpg"),url("../img/sec06_s28.jpg"),url("../img/sec06_s29.jpg"),url("../img/sec06_s30.jpg"),url("../img/sec06_s31.jpg"),url("../img/sec06_s43.jpg"),url("../img/sec06_s44.jpg"),url("../img/sec06_s45.jpg"),url("../img/sec06_s46.jpg"),url("../img/sec06_s48.jpg"),url("../img/sec06_s47.jpg"),url("../img/sec06_s51.jpg"),url("../img/sec06_s53.jpg");}	
	
	
#section02 .slick-next:before {
    content: url(../img/btn01_r.jpg);
	opacity: 1;}
	
	#section02 .slick-prev:before {
    content: url(../img/btn01_l.jpg);
	opacity: 1;}
	
	#section02 .slick-prev {
    width: 13%;
    height: 50px;
    margin-top: 4%;
    margin-left: -24%;}
	
	#section02 .slick-next {
    width: 13%;
    height: 50px;
    margin-top: 4%;
    margin-right: 109%;}
	
	
	#section06 .slick-next:before {
    content: url(../img/btn02_r.jpg);
	opacity: 1;}
	
	#section06 .slick-prev:before {
    content: url(../img/btn02_l.jpg);
	opacity: 1;}
	
	#section06 .slick-prev {
    width: 4%;
    height: 50px;
    margin-top: 20%;
    margin-left: 78%;
    z-index: 3;}
	
	#section06 .slick-next {
    width: 4%;
    height: 50px;
    margin-top: 20%;
    margin-right: 17%;
	z-index: 3;}
	
	.slick-dotted.slick-slider {
    margin-bottom: 0;}
	.tab04_out{position: absolute;width: 5em;height: 1.6em;}
	.tab04_display {display: none;}
	
	
	@media screen and (max-width: 768px) and (min-width: 100px){
	
	#section06 .slick-prev {
		width: 18%;
		height: 50px;
		margin-top: 24.5%;
    	margin-left: 66%;
		z-index: 3;}
		
		#section06 .slick-next {
		width: 18%;
		height: 50px;
		margin-top: 24.5%;
    	margin-right: 14.5%;}
		
		#section06 .slick-dots { bottom: -18%;}
		
		#section06 .slick-dots li {margin:0;}
		
		.sec06_slick_txt_mode {margin-top: 0%;}
		
		#sec06_slick_design .slick-dots { bottom: -13%;} 
		
		#sec06_slick_design3 .slick-dots { bottom: -8%;} 
		#sec06_slick_design4 .slick-dots { bottom: -8%;} 
		
		.tab04_out{width: 9em;}
	
	}