.m-l20{margin-left:20px;}
.m-r10{margin-right:10px;}
.m-t50{ margin-top:50px;}
.m-b80{ margin-bottom:80px;}
.fw600{font-weight:600;}	
.aa-article {
    padding-top: 80px;
    padding-bottom:0;
}
.section-contents-special-article-title-unit{ display:inline-block;float: right;vertical-align: middle;letter-spacing: normal; margin-right: 30px; top:10px; position:relative;}
.section-contents-special-article-title-unit p{
	font-weight: 400;
    border: 1px solid grey;
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    padding: 0 10px;
	margin-left:5px;}
.s-sectionTitle__text{display:inline-block; width:50%;vertical-align:middle; margin-left:10px;}
.l-mainPicBox{width:100%;height:500px;background-repeat:no-repeat;background-size:cover;background-position:center;}

.sweatslide{width:66%;display:flex;float:left;}

.section-contents-special-article-wrapper{position:relative;margin:30px 30px 0} 
.section-contents-special-article-text p{font-size:17px;line-height:1.5; width:45%;}
.section-contents-special-article-box{width:32%;margin:40px 60px 80px}
.section-contents-special-article-box p{position:relative;padding:1em 3em;display:inline-block;font-size:18px;}
.section-contents-special-article-box p:before{content:'';width:50px;height:50px;position:absolute;display:inline-block} 
.section-contents-special-article-box p:before{border-left:solid 1px #4d4d4d;border-top:solid 1px #4d4d4d;top:0;left:0}
.section-contents-special-article-box p:after{content:'';width:50px;height:50px;position:absolute;display:inline-block} 
.section-contents-special-article-box p:after{border-right:solid 1px #4d4d4d;border-bottom:solid 1px #4d4d4d;bottom:0;right:17px}

.section-contents-special-article-person{background-position:center;background-repeat:no-repeat;width:500px;height:570px;overflow:hidden;position:absolute;top:-27px;right:-20px; background:url(../img/sweat_selection/img_article04_person_01.png);}
.section-contents-special-article-detail{ width:776px; overflow:hidden; margin-top:120px;} 
.section-contents-special-article-detail-title h3{position:relative;display:inline-block;vertical-align:middle;width:100%;font-size:20px;}
.section-contents-special-article-detail-title h3:after{content:'';position:absolute;display:inline-block;width:100%;height:1px;top:50%;background-color:#000;vertical-align:middle;margin-left:10px;}
.section-contents-special-article-detail-inner{margin-top:20px;}

.section-contents-special-article-note{float:right;width:230px;}
.section-contents-special-article-item{width:100%;overflow:hidden;margin-top:60px}
.section-contents-special-article-item-title{position:relative}
.section-contents-special-article-item-title h3{position:relative;display:inline-block;vertical-align:middle;width:100%;font-size:20px}
.section-contents-special-article-item-title h3:after{content:'';position:absolute;display:inline-block;width:100%;height:1px;top:50%;background-color:#000;vertical-align:middle;margin-left:10px;}
.section-contents-special-article-item-title-r{position:absolute;top:0;right:0;margin-top:5px;}
.section-contents-special-article-item-title-r p{font-family:Roboto,sans-serif;font-weight:400;background-color:#fff;border:1px solid grey;display:inline-block;font-size:16px;line-height:1.5;padding:0 10px;} 
.section-contents-special-article-list ul li{margin-top:40px;}
.section-contents-special-article-list-image{background-position:center;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;margin:0 auto;}
.section-contents-special-article-list-text{margin-top:20px;} 
.section-contents-special-article-list-text p{text-align:center;line-height:1;}
.section-contents-special-article-list-more{margin-top:20px;text-align:center;}
.section-contents-special-article-list-more a{border:1px solid grey;display:inline-block;line-height:1;padding:13px 0;text-decoration:none;width:300px;}
.section-contents-special-article-size{width:100%;overflow:hidden;margin-top:60px;}
.section-contents-special-article-size-title{position:relative;}
.section-contents-special-article-size-title h3{position:relative;display:inline-block;vertical-align:middle;width:100%;font-size:20px;}
.section-contents-special-article-size-title h3:after{content:'';position:absolute;display:inline-block;width:100%;height:1px;top:50%;background-color:#000;vertical-align:middle;margin-left:10px;}
.section-contents-special-article-size-title-r{position:absolute;top:0;right:0;margin-top:5px;}
.section-contents-special-article-size-title-r p{font-family:Roboto,sans-serif;font-weight:400;background-color:#fff;border:1px solid grey;display:inline-block;font-size:16px;line-height:1.5;padding:0 10px;}
.section-contents-special-article-size-list{margin:20px 0 0;}
.section-contents-special-article-size-left{float:left;} 
.section-contents-special-article-size-image{background-position:center;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;margin:0 auto;}
.section-contents-special-article-size-right{float:right;margin-right:30px;}
.section-contents-special-article-size-image{background-position:center;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;margin:0 auto;}
.section-contents-special-article-size-text{margin-top:15px;}
.section-contents-special-article-size-text p{font-size:16px;text-align:center;}

.section-contents-description-list{padding:50px 0;border-bottom:1px solid grey}
.pic1{background-image:url(../img/sweat_selection/img_article04_item_02.png);padding-top:18.30065%;width:100%;height:0;background-position:center;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;margin:0 auto;}
.pic2{background-image:url(../img/sweat_selection/img_article04_item_03.png);padding-top:18.30065%;width:100%;height:0;background-position:center;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;margin:0 auto;}
.pic3{background-image:url(../img/sweat_selection/img_article04_item_01.png);padding-top:17.81046%;width:100%;height:0;background-position:center;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;margin:0 auto;}
.pic4{background-image:url(../img/sweat_selection/img_article04_item_04.png);padding-top:17.32026%;width:100%;height:0;background-position:center;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;margin:0 auto;}

@media (max-width: 768px){
.section-contents-special-article-person{
	width:100%;
	height:auto; 
    padding-top: 138.11471%;
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
    margin-top: 0; background:url(../img/sweat_selection/img_article04_person_01_m.png);
	background-size:100%;
	position: absolute;
    top: -27px;}
.section-contents-special-article-title-unit{ display:inline-block;float: right;vertical-align: middle;letter-spacing: normal; margin-right: 30px; top:10px; position:relative;}
.section-contents-special-article-title-unit p{
	font-weight: 400;
    border: 1px solid grey;
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    padding: 0 10px;
	margin-left:5px;}
.s-sectionTitle__text{display:inline-block; width:50%;vertical-align:middle; margin-left:10px; font-size:2rem;}
.l-mainPicBox{width:100%;height:500px;background-repeat:no-repeat;background-size:cover;background-position:center;}	
.section-contents-special-article-text p{ font-size:2rem;}
.section-contents-special-article-box p{ font-size:2rem; padding:1rem 2rem;}
.section-contents-special-article-box p:before{content:'';width:25px;height:25px;position:absolute;display:inline-block} 
.section-contents-special-article-box p:before{border-left:solid 1px #4d4d4d;border-top:solid 1px #4d4d4d;top:0;left:0}
.section-contents-special-article-box p:after{content:'';width:25px;height:25px;position:absolute;display:inline-block} 
.section-contents-special-article-box p:after{border-right:solid 1px #4d4d4d;border-bottom:solid 1px #4d4d4d;bottom:0;right:17px}
.section-contents-special-article-box{width:50%; margin: 50px 0 0;}
.section-contents-special-article-detail {width: 100%;overflow: hidden; margin-top: 680px;}
.section-contents-special-article-detail-title{width:100%;}
.section-contents-special-article-note{float:none; width:100%}
.section-contents-special-article-note p{ font-size:2rem;}
.sweatslide{width:100%;}
.section-contents-special-article-list ul{ margin:0 auto; width:100%; padding:0;}
.section-contents-special-article-list ul li{margin-top:40px;}
.section-contents-special-article-list-image{background-position:center;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;margin:0 auto;}
.section-contents-special-article-list-text{margin-top:20px;} 
.section-contents-special-article-list-text p{text-align:center;line-height:1; font-size:2rem;}
.section-contents-special-article-list-more{margin-top:20px;text-align:center;}
.section-contents-special-article-list-more a{border:1px solid grey;display:inline-block;line-height:1;padding:13px 0;text-decoration:none;width:90%; font-size:1.5rem;}
.section-contents-special-article-size{width:100%;overflow:hidden;margin-top:60px;}
.section-contents-special-article-size-title{position:relative;}
.section-contents-special-article-size-title h3{position:relative;display:inline-block;vertical-align:middle;width:100%;font-size:20px;}
.section-contents-special-article-size-title h3:after{content:'';position:absolute;display:inline-block;width:100%;height:1px;top:50%;background-color:#000;vertical-align:middle;margin-left:10px;}
.section-contents-special-article-size-title-r{position:absolute;top:0;right:0;margin-top:5px;}
.section-contents-special-article-size-title-r p{font-family:Roboto,sans-serif;font-weight:400;background-color:#fff;border:1px solid grey;display:inline-block;font-size:16px;line-height:1.5;padding:0 10px;}
.section-contents-special-article-size-list{margin:20px 0 0;}
.section-contents-special-article-size-left{float:left;} 
.section-contents-special-article-size-image{background-position:center;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;margin:0 auto;}
.section-contents-special-article-size-right{float:right;margin-right:30px;}
.section-contents-special-article-size-image{background-position:center;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;margin:0 auto;}
.section-contents-special-article-size-text{margin-top:15px;}
.section-contents-special-article-size-text p{font-size:16px;text-align:center;}

.section-contents-description-list{padding:50px 0;border-bottom:1px solid grey}
.pic1{background-size:100%;}
.pic2{background-size:100%;}
.pic3{background-size:100%;}
.pic4{background-size:100%;}	


	
	}

@media (max-width: 767px){
.s-sectionTitle__text{font-size: 1.5rem;line-height: 1.5;width:59%; margin-top: -27px; margin-left:0px; }
.section-contents-special-article-title-unit{     
    width:58%;
    vertical-align: middle;
    letter-spacing: normal;
    margin-left: 116px;
    margin-top: -30px; 
	float:left;}
.section-contents-special-article-title-unit p{
    display: inline-block;
    font-size: 12px;
    font-size: 1rem;
    line-height: 1.5;
    padding: 0 3%;
	}
.l-sectionTitle__num { padding-left:15px; }
.l-sectionTitle__num img{width:80%;}	
.sweatslide{width:100%;display:flex;float:left;}

.section-contents-special-article-wrapper{position:relative;margin:30px 30px 0} 
.section-contents-special-article-text p{font-size:17px;line-height:1.5; width:62%;}
.section-contents-special-article-box{width:63%;margin:35px 0px 80px}
.section-contents-special-article-box p{position:relative;padding:1em 1em;display:inline-block;font-size:16px}
.section-contents-special-article-box p:before{content:'';width:15px;height:15px;position:absolute;display:inline-block} 
.section-contents-special-article-box p:before{border-left:solid 1px #4d4d4d;border-top:solid 1px #4d4d4d;top:0;left:0}
.section-contents-special-article-box p:after{content:'';width:15px;height:15px;position:absolute;display:inline-block} 
.section-contents-special-article-box p:after{border-right:solid 1px #4d4d4d;border-bottom:solid 1px #4d4d4d;bottom:0;right:17px}

.section-contents-special-article-person{
	width:100%;
	height:auto; 
    padding-top: 138.11471%;
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
    margin-top: 0; background:url(../img/sweat_selection/img_article04_person_01_m.png);
	background-size:100%;
	margin-left:-50px;}
.section-contents-special-article-detail{ width:100%;overflow:hidden; margin-top:254px; position:relative;} 
.section-contents-special-article-detail-title h3{position:relative;display:inline-block;vertical-align:middle;width:100%;font-size:16px}
.section-contents-special-article-detail-title h3:after{content:'';position:absolute;display:inline-block;width:100%;height:1px;top:50%;background-color:#000;vertical-align:middle;margin-left:10px}
.section-contents-special-article-detail-inner{margin-top:20px;}
.section-contents-special-article-note{float:right;width:100%; margin-top:10px;}
.section-contents-special-article-item{width:100%;overflow:hidden;margin-top:60px}
.section-contents-special-article-item-title{position:relative}
.section-contents-special-article-item-title h3{position:relative;display:inline-block;vertical-align:middle;width:100%;font-size:16px}
.section-contents-special-article-item-title h3:after{content:'';position:absolute;display:inline-block;width:100%;height:1px;top:50%;background-color:#000;vertical-align:middle;margin-left:10px;}
.section-contents-special-article-item-title-r{position:absolute;top:-3px;right:0;margin-top:5px;}
.section-contents-special-article-item-title-r p{font-family:Roboto,sans-serif;font-weight:400;background-color:#fff;border:1px solid grey;display:inline-block;font-size:13px;line-height:1.5;padding:0 10px;} 
.section-contents-special-article-list ul{ margin:0 auto; width:100%; padding:0;}
.section-contents-special-article-list ul li{margin-top:40px;}
.section-contents-special-article-list-image{background-position:center;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;margin:0 auto;}
.section-contents-special-article-list-text{margin-top:20px;} 
.section-contents-special-article-list-text p{text-align:center;line-height:1.5;  font-size: 1.3rem;}
.section-contents-special-article-list-more{margin-top:20px;text-align:center;}
.section-contents-special-article-list-more a{border:1px solid grey;display:inline-block;line-height:1;padding:13px 0;text-decoration:none;width:90%;}
.section-contents-special-article-size{width:100%;overflow:hidden;margin-top:60px;}
.section-contents-special-article-size-title{position:relative;}
.section-contents-special-article-size-title h3{position:relative;display:inline-block;vertical-align:middle;width:100%;font-size:20px;}
.section-contents-special-article-size-title h3:after{content:'';position:absolute;display:inline-block;width:100%;height:1px;top:50%;background-color:#000;vertical-align:middle;margin-left:10px;}
.section-contents-special-article-size-title-r{position:absolute;top:0;right:0;margin-top:5px;}
.section-contents-special-article-size-title-r p{font-family:Roboto,sans-serif;font-weight:400;background-color:#fff;border:1px solid grey;display:inline-block;font-size:16px;line-height:1.5;padding:0 10px;}
.section-contents-special-article-size-list{margin:20px 0 0;}
.section-contents-special-article-size-left{float:left;} 
.section-contents-special-article-size-image{background-position:center;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;margin:0 auto;}
.section-contents-special-article-size-right{float:right;margin-right:30px;}
.section-contents-special-article-size-image{background-position:center;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;margin:0 auto;}
.section-contents-special-article-size-text{margin-top:15px;}
.section-contents-special-article-size-text p{font-size:16px;text-align:center;}

.section-contents-description-list{padding:50px 0;border-bottom:1px solid grey}
.pic1{background-size:100%;}
.pic2{background-size:100%;}
.pic3{background-size:100%;}
.pic4{background-size:100%;}	
.section-contents-special-article-note p{ font-size:1.3rem;}
	}
@media (max-width: 360px){
.section-contents-special-article-person{
	width:100%;
	height:auto; 
    margin-top: 20px; background:url(../img/sweat_selection/img_article04_person_01_m.png);
	background-size:100%;
	padding-top: 138.11471%;}	}	

@media (max-width: 320px){
.section-contents-special-article-person{
	width:107%;
	height:auto; 
    margin-top: 20px; background:url(../img/sweat_selection/img_article04_person_01_m.png);
	background-size:100%;
	padding-top: 148.11471%;}	
.s-sectionTitle__text {
    font-size: 1.4rem;
	width: 56%}
.section-contents-special-article-area{ margin-top:-20px;}
.section-contents-special-article-box{width:60%;margin:35px 0px 80px;}
.section-contents-special-article-box p{font-size:15px;}
.section-contents-special-article-box p:before{width:15px;height:15px;} 
.section-contents-special-article-box p:after{width:15px;height:15px;} 
.section-contents-special-article-box p{padding:1em 1em;}
.section-contents-special-article-text p {font-size: 15px;}
.section-contents-special-article-detail{ margin-top:205px;}
.section-contents-special-article-item-title-r { position: absolute; top: 20px; right: 0; margin-top: 5px;}
.section-contents-special-article-note p { font-size: 1.2rem;}
}
	
/* morefun */
.section-contents-special-mv-wrapper{ margin:60px 0; display:block;}
.section-contents-special-mv-left{float: left;margin-left: 60px;}
.section-contents-special-mv-picture {
    background-image: url(../img/morefun/img_mv_picture.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 450px;
    height: 450px;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 auto;}
.section-contents-special-mv-right {float: left;width: 40%; margin-left: 40px;}
.section-contents-special-mv-text { margin: 120px 0;}
.section-contents-special-mv-text p {font-size: 16px;margin-bottom: 25px;line-height: 1.5;}

.section-contents-special-step-list {margin: 60px 0; width:100%;}
.section-contents-special-step-list ul { display: flex;margin: 0;padding: 0;width: 100%;flex-wrap: wrap;justify-content: space-between;}
.section-contents-special-step-list ul li { float: left; width: 247px; }

.section-contents-special-step-list ul li .section-contents-special-step-list-image {
    background-position: center;
    background-repeat: no-repeat;
    width: 246px;
    height: 246px;
    text-indent: -9999px;
    overflow: hidden;}
.section-contents-special-step-list ul li:nth-child(1) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec01_01.jpg)}	
.section-contents-special-step-list ul li:nth-child(2) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec01_02.jpg)}	
.section-contents-special-step-list ul li:nth-child(3) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec01_03.jpg)}	
.section-contents-special-step-list ul li:nth-child(4) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec01_04.jpg)}	

.section-contents-special-step-list-box-number p{font-family: Roboto,sans-serif;font-weight: 300; font-size: 28px; margin:0;}
.section-contents-special-step-list-box-text p {font-size: 16px; margin:0; padding:0;}
.section-contents-special-step-bottom {width: 750px; margin: 0 auto; margin-bottom:60px;}
.section-contents-special-step-caption {background-color: #f7f7f7;}
.section-contents-special-step-caption p {font-size: 15px;text-align: center; padding: 16px 0;line-height: 1;}
.section-contents-special-step-note {margin-top: 5px;text-align: right;}
.section-contents-special-step-note p {font-size: 10px;color: grey;}

.section-contents-special-mv-bottom2 { display: none;}

.section-contents-special-step-list2 {margin: 60px 0; width:100%;}
.section-contents-special-step-list2 ul {  display: flex;margin: 0; padding: 0; width: 100%; flex-wrap: wrap; justify-content: space-between;}
.section-contents-special-step-list2 ul li { float: left;width: 247px;}
.clearfix:after, .clearfix:before {content: "";display: block;}

.section-contents-special-step-list2 ul li .section-contents-special-step-list-image {
    background-position: center;
    background-repeat: no-repeat;
    width: 246px;
    height: 246px;
    text-indent: -9999px;
    overflow: hidden;}
.section-contents-special-step-list2 ul li:nth-child(1) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec02_01.jpg);}	
.section-contents-special-step-list2 ul li:nth-child(2) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec02_02.jpg);}	
.section-contents-special-step-list2 ul li:nth-child(3) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec02_03.jpg);}	
.section-contents-special-step-list2 ul li:nth-child(4) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec02_04.jpg);}
.section-contents-special-step-list2 ul li:nth-child(5) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec02_05.jpg);}	
.section-contents-special-step-list2 ul li:nth-child(6) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec02_06.jpg);}	
.section-contents-special-step-list2 ul li:nth-child(7) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec02_07.jpg);}	
.section-contents-special-step-list2 ul li:nth-child(8) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec02_08.jpg);}		
.section-contents-special-step-list2-box-number p{font-family: Roboto,sans-serif;font-weight: 300; font-size: 28px; margin:0;}
.section-contents-special-step-list2-box-text p {font-size: 15px; margin:0; padding:0;}
.space{ margin-top: 70px;}

@media (max-width: 780px){
.section-contents-special-mv-bottom2 { display:block;}
.section-contents-special-mv-left{display:none;}
.section-contents-special-mv-wrapper{ margin:0 auto; width:100%; display:block;}
.section-contents-special-mv-title p {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    font-size: 22px;
    font-size: 5.53459vw;
    text-align: center;
}	
.section-contents-special-mv-left{float: left;margin-left: 0; width:100%;}
.section-contents-special-mv-right {width: 100%; margin:0 auto 50px auto; }
.section-contents-special-mv-text {margin: 0 0 20%; text-align:center; width:78%; margin:0 auto;}
.section-contents-special-mv-text p {font-size: 16px;margin-bottom: 25px;line-height: 1.5; color:#7d7d7d;}

.section-contents-special-step-list {margin: 0 auto; width:95%;}
.section-contents-special-step-list ul {  justify-content: center;}
.section-contents-special-step-list ul li {width: 50%; padding: 0 10px; float:none; list-style:none;}

.section-contents-special-step-list ul li .section-contents-special-step-list-image {
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    text-indent: -9999px;
    overflow: hidden;
	background-size:100%;}
.section-contents-special-step-list ul li:nth-child(1) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec01_01.jpg)}	
.section-contents-special-step-list ul li:nth-child(2) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec01_02.jpg)}	
.section-contents-special-step-list ul li:nth-child(3) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec01_03.jpg)}	
.section-contents-special-step-list ul li:nth-child(4) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec01_04.jpg)}	

.section-contents-special-step-list-box-number p{font-family: Roboto,sans-serif;font-weight: 300; font-size: 28px; margin:0;}
.section-contents-special-step-list-box-text p {font-size: 15px; margin:0; padding:0;}
.section-contents-special-step-bottom {width: 90%; margin: 0 auto; margin-bottom:60px;}
.section-contents-special-step-caption {background-color: #f7f7f7; margin-top:30px;}
.section-contents-special-step-caption p {font-size: 15px;text-align: center; padding: 16px 0;line-height: 1;}
.section-contents-special-step-note {margin-top: 5px;text-align: right;}
.section-contents-special-step-note p {font-size: 10px;color: grey;}
.section-contents-special-step-list-box{ margin-top:-30px;}
.section-contents-special-mv-picture2 {
    height: 100%;
	width:100%;
    padding-top: 100%;
    background-image: url(../img/morefun/img_mv_picture.jpg);
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
    text-indent: -9999px;
    overflow: hidden;}


.section-contents-special-step-list2 {margin: 0 auto; width:95%; }
.section-contents-special-step-list2 ul {  justify-content: center;}
.section-contents-special-step-list2 ul li {width: 50%; padding: 0 10px;float:none; list-style:none;}
.clearfix:after, .clearfix:before {content: "";display: block;}

.section-contents-special-step-list2 ul li .section-contents-special-step-list-image {
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    text-indent: -9999px;
    overflow: hidden;
	background-size:100%;}
.section-contents-special-step-list2 ul li:nth-child(1) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec02_01.jpg);}	
.section-contents-special-step-list2 ul li:nth-child(2) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec02_02.jpg);}	
.section-contents-special-step-list2 ul li:nth-child(3) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec02_03.jpg);}	
.section-contents-special-step-list2 ul li:nth-child(4) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec02_04.jpg);}
.section-contents-special-step-list2 ul li:nth-child(5) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec02_05.jpg);}	
.section-contents-special-step-list2 ul li:nth-child(6) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec02_06.jpg);}	
.section-contents-special-step-list2 ul li:nth-child(7) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec02_07.jpg);}	
.section-contents-special-step-list2 ul li:nth-child(8) .section-contents-special-step-list-image {background-image: url(../img/morefun/img_step_sec02_08.jpg);}		
.section-contents-special-step-list2-box-number p{font-family: Roboto,sans-serif;font-weight: 300; font-size: 28px; margin:0;}
.section-contents-special-step-list2-box-text p {font-size: 15px; margin:0; padding:0;}
.space{margin-right: 0; margin-top: 0;}
}


/* PINSTAR */
.pinstarbox{
	width:100%; margin:0 auto; display:flex; padding-top:30px;}
.pinstarpic{
	background:url(../img/printstar/img_main.jpg);
	width:412px;
	height:0;
	padding-bottom: 39%;
	margin-left:33px;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
	float:left;
	order:1;}
	
.pinstartxt{
	width:55%;
	text-align:center;
	margin:auto 0;
	float:left;
	order:2;
	}
.pinstarlogo img{
	width:40%;}	
.section-contents-brand-main-text-catch p {
    font-size: 0.8rem;
    letter-spacing: .18em;
	margin-top:20px;}
.section-contents-brand-main-text-line{
	width: 42px;
    height: 1px;
    background-color: #dedede;
    margin: 30px auto 35px;}
.section-contents-brand-main-text-description p:nth-child(1){
	font-size:1.5rem;}

.pinstarpicbox{
	position:relative;
	margin:0 auto;
	margin-top:80px;}
.pinstarpic1{
	background:url(../img/printstar/printstar02.jpg);
	width:960px;
	height:0;
	padding-bottom: 52%;
	margin:0 auto;
	display:block;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
	
.pinstarpicbox2{
	margin-top:80px;
	display:flex;}
.pinstarpic2{
	background:url(../img/printstar/printstar03.jpg);
	width:396px;
	float:left;
	background-size:100%;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
	height:0;
	padding-bottom: 74%;}
.pinstarpic3{
	background:url(../img/printstar/printstar04.jpg);
	width:482px;
	height:0;
	padding-bottom: 75%;
	float:right;
	margin-left:150px;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
.pinstarpic4{
	background:url(../img/printstar/printstar05.jpg);
	width:960px;
	height:0;
	padding-bottom: 70%;
	margin:0 auto;
	margin-top:100px;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
.pinstarpic5{
	background:url(../img/printstar/printstar06.jpg);
	width:960px;
	height:0;
	padding-bottom: 84%;
	margin:0 auto;
	margin-top:100px;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}

@media (max-width: 780px){
.pinstarbox{
	width:100%; margin:0 auto; display:block; padding-top:30px; margin-top:-300px;}
.pinstarpic{
	background:url(../img/printstar/img_main.jpg);
	width:50%;
	height:0;
	padding-bottom: 50%;
	margin-left:18px;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
	float:none;
	order:2;}
	
.pinstartxt{
	width:90%;
	text-align:center;
	margin:0 auto ;
	float:none;
	order:1;
	background-color:#FFF;
	padding:35px;
	}
.pinstarlogo img{
	width:70%;}	
.section-contents-brand-main-text-catch p {
    font-size: 1rem;
    letter-spacing: .18em;
	margin-top:20px;}
.section-contents-brand-main-text-line{
	width: 42px;
    height: 1px;
    background-color: #dedede;
    margin: 30px auto 35px;}
.section-contents-brand-main-text-description p:nth-child(1){
	font-size:1.7rem;}
.section-contents-brand-main-text-description p:nth-child(2){
	font-size:1.3rem;}
.pinstarpicbox{
	position:relative;
	margin:0 auto;
	margin-top:20px;}
.pinstarpic1{
	background:url(../img/printstar/printstar02.jpg);
	width:90%;
	height:0;
	padding-bottom: 52%;
	margin:0 auto;
	display:block;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
	
.pinstarpicbox2{
	margin-top:80px;
	display:flex;}
.pinstarpic2{
	background:url(../img/printstar/printstar03.jpg);
	width:100%;
	float:left;
	background-size:100%;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
	height:0;
	padding-bottom: 74%;}
.pinstarpic3{
	background:url(../img/printstar/printstar04.jpg);
	width:100%;
	height:0;
	padding-bottom: 75%;
	float:right;
	margin-left:20px;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
.pinstarpic4{
	background:url(../img/printstar/printstar05.jpg);
	width:100%;
	height:0;
	padding-bottom: 70%;
	margin:0 auto;
	margin-top:80px;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
.pinstarpic5{
	background:url(../img/printstar/printstar06.jpg);
	width:100%;
	height:0;
	padding-bottom: 84%;
	margin:0 auto;
	margin-top:80px;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
}

/* glimmer */
.glimmerbox{
	width:100%; margin:0 auto; display:flex; padding-top:30px;}
.glimmerpic{
	background:url(../img/glimmer/img_main.jpg);
	width:412px;
	height:0;
	padding-bottom: 39%;
	margin-left:33px;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
	float:left;
	order:1;}
	
.glimmertxt{
	width:55%;
	text-align:center;
	margin:auto 0;
	float:left;
	order:2;
	}
.glimmerlogo img{
	width:40%;}	
.section-contents-brand-main-text-catch p {
    font-size: 0.8rem;
    letter-spacing: .18em;
	margin-top:20px;}
.section-contents-brand-main-text-line{
	width: 42px;
    height: 1px;
    background-color: #dedede;
    margin: 30px auto 35px;}
.section-contents-brand-main-text-description p:nth-child(1){
	font-size:1.5rem;}

.glimmerpicbox{
	position:relative;
	margin:0 auto;
	margin-top:80px;}
.glimmerpic1{
	background:url(../img/glimmer/glimmer02.jpg);
	width:960px;
	height:0;
	padding-bottom: 37%;
	margin:0 auto;
	display:block;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
.glimmerpicbox2{
	margin-top:80px;
	display:flex;}
.glimmerpic2{
	background:url(../img/glimmer/glimmer03.jpg);
	width:960px;
	height:0;
	padding-bottom: 62%;
	margin:0 auto;
	display:block;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
	margin-top:80px;}
.glimmerpic3{
	background:url(../img/glimmer/glimmer04.jpg);
	width:479px;
	height:0;
	padding-bottom: 71%;
	float:right;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
.glimmerpic4{
	background:url(../img/glimmer/glimmer05.jpg);
	width:411px;
	height:0;
	padding-bottom: 72%;
	margin-left:100px;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
.glimmerpic5{
	background:url(../img/glimmer/glimmer06.jpg);
	width:960px;
	height:0;
	padding-bottom: 48%;
	margin:0 auto;
	margin-top:100px;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
.glimmerpic6{
	background:url(../img/glimmer/glimmer07.jpg);
	width:960px;
	height:0;
	padding-bottom: 39%;
	margin:0 auto;
	margin-top:100px;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}

@media (max-width: 780px){
.glimmerbox{
	width:100%; margin:0 auto; display:block; padding-top:30px; margin-top:-300px;}
.glimmerpic{
	background:url(../img/glimmer/img_main.jpg);
	width:50%;
	height:0;
	padding-bottom: 50%;
	margin-left:18px;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
	float:none;
	order:2;}
	
.glimmertxt{
	width:90%;
	text-align:center;
	margin:0 auto ;
	float:none;
	order:1;
	background-color:#FFF;
	padding:35px;
	}
.glimmerlogo img{
	width:70%;}	
.section-contents-brand-main-text-catch p {
    font-size: 1rem;
    letter-spacing: .18em;
	margin-top:20px;}
.section-contents-brand-main-text-line{
	width: 42px;
    height: 1px;
    background-color: #dedede;
    margin: 30px auto 35px;}
.section-contents-brand-main-text-description p:nth-child(1){
	font-size:1.7rem;}
.section-contents-brand-main-text-description p:nth-child(2){
	font-size:1.3rem;}
.glimmerpicbox{
	position:relative;
	margin:0 auto;
	margin-top:20px;}
.glimmerpic1{
	background:url(../img/glimmer/glimmer02.jpg);
	width:90%;
	height:0;
	padding-bottom: 52%;
	margin:0 auto;
	display:block;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
	
.glimmerpicbox2{
	margin-top:80px;
	display:flex;}
.glimmerpic2{
	background:url(../img/glimmer/glimmer03.jpg);
	width:100%;
	background-size:100%;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
	height:0;
	padding-bottom: 67%;}
.glimmerpic3{
	background:url(../img/glimmer/glimmer04.jpg);
	width:100%;
	height:0;
	padding-bottom: 88%;
	margin-right:20px;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
.glimmerpic4{
	background:url(../img/glimmer/glimmer05.jpg);
	width:100%;
	height:0;
	padding-bottom: 88%;
	margin:0 auto;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
.glimmerpic5{
	background:url(../img/glimmer/glimmer06.jpg);
	width:100%;
	height:0;
	padding-bottom: 52%;
	margin:0 auto;
	margin-top:80px;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
	
.glimmerpic6{
	background:url(../img/glimmer/glimmer07.jpg);
	width:100%;
	height:0;
	padding-bottom: 42%;
	margin:0 auto;
	margin-top:100px;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
}

/* 產品與服務 */

.p-content {
    background-color: #fff;
    padding: 60px;
    }
.p-banner{
    width: 100%;
    height: 400px;
    background-image: url(../img/products/products_top.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
	margin-bottom:60px;}
	
.p-banner__title {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: auto;}	
	
.p-banner__title h1 {
    color: #fff !important;
    width: 100%;
    height: auto;
	margin:0;}
	
.product-detail-box{
	border:1px solid #272727;
	padding:20px 40px;
	margin-top:40px;
	justify-content: space-between;
	flex-wrap: wrap;
	display:flex;
	}

.product-detail{
	display:flex;
	font-size:18px;
	font-weight:800;
	margin:10px 0;
	width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33;
    flex: 0 0 33.33;
	}
.product-detail p{
	display:flex;
	width: 25px;
    height: 25px;
    vertical-align: middle;
    background-image: url(https://toms-prod.s3.amazonaws.com/assets/company/rp/images/common/ico_check.svg);
    background-repeat: no-repeat;
    -moz-background-size: 200%;
    background-size: 200%;
    overflow: hidden;
	padding-left:10px;
	padding:0; margin:0 10px 0 0;
	}	
.product-pic-box{ margin-top:50px;}
.product-pic{
	background:url(../img/products/img_pro_pc.jpg);
	width:100%;
	height:0;
	padding-bottom: 24%;
	margin:0 auto;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
	
.p-banner-down{
    width: 100%;
    height: 400px;
    background-image: url(../img/products/img_visual.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;}
	
.product-detail2{
	display:flex;
	font-size:18px;
	font-weight:800;
	margin:10px 0;
	width: 33%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20;
    flex: 0 0 20;
	}
.product-detail2 p{
	display:flex;
	width: 25px;
    height: 25px;
    vertical-align: middle;
    background-image: url(https://toms-prod.s3.amazonaws.com/assets/company/rp/images/common/ico_check.svg);
    background-repeat: no-repeat;
    -moz-background-size: 200%;
    background-size: 200%;
    overflow: hidden;
	padding-left:10px;
	padding:0; margin:0 10px 0 0;
	}	
.product-detail3{
	display:flex;
	font-size:18px;
	font-weight:800;
	margin:10px 0;
	width: 20%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20;
    flex: 0 0 20;
	}
.product-detail3 p{
	display:flex;
	width: 25px;
    height: 25px;
    vertical-align: middle;
    background-image: url(https://toms-prod.s3.amazonaws.com/assets/company/rp/images/common/ico_check.svg);
    background-repeat: no-repeat;
    -moz-background-size: 200%;
    background-size: 200%;
    overflow: hidden;
	padding-left:10px;
	padding:0; margin:0 10px 0 0;
	}	
.pdinnerh3{
	margin-bottom:-20px;
	}	
.product-pic2{
	background:url(../img/products/img_flow.png);
	width:100%;
	height:0;
	padding-bottom: 15%;
	margin:0 auto;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
	margin-bottom:90px;}	
.product-pic3{
	background:url(../img/products/img_catch.jpg);
	width:100%;
	height:0;
	padding-bottom: 50%;
	margin:0 auto;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
.product-pic4{
	background:url(../img/products/img_delivery.png);
	width:75%;
	height:0;
	padding-bottom: 20%;
	margin:0 auto;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
	
	
@media (max-width: 780px){	
.p-content {
    background-color: #fff;
    padding: 30px 20px;
	width:94%;
	margin:0 auto;
	
    }
.p-content h3{text-align:center;}
.p-content p{font-size:1.15rem; line-height:2rem }
.p-banner{
    width: 100%;
    height: 200px;
    background-image: url(../img/products/products_top.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
	margin-bottom:40px;}
	
.p-banner__title {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: auto;}	
	
.p-banner__title h1 {
    color: #fff !important;
    width: 100%;
    height: auto;
	margin:0;}
	
.product-detail-box{
	border:1px solid #272727;
	padding:10px;
	margin-top:30px;
	display:block;
	}
	
.product-detail{
	display:flex;
	font-size:18px;
	font-weight:800;
	margin:0;
	width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
	}
.product-detail p{
	display:flex;
	width: 25px;
    height: 25px;
    vertical-align: middle;
    background-image: url(https://toms-prod.s3.amazonaws.com/assets/company/rp/images/common/ico_check.svg);
    background-repeat: no-repeat;
    -moz-background-size: 150%;
    background-size: 150%;
    overflow: hidden;
	padding-left:10px;
	padding:0; margin:0;
	background-position:-11% -19%;
	}	
.product-pic-box{ margin-top:50px;}
.product-pic{
	background:url(../img/products/img_pro_m.jpg);
	width:100%;
	height:0;
	padding-bottom: 100%;
	margin:0 auto;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
	
.p-banner-down{
    width: 94%;
    height: 200px;
    background-image: url(../img/products/img_visual.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
	margin:0 auto;}
	
.product-detail2{
	display:flex;
	font-size:18px;
	font-weight:800;
	margin:0;
	width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
	}
.product-detail2 p{
	display:flex;
	width: 25px;
    height: 25px;
    vertical-align: middle;
    background-image: url(https://toms-prod.s3.amazonaws.com/assets/company/rp/images/common/ico_check.svg);
    background-repeat: no-repeat;
    -moz-background-size: 150%;
    background-size: 150%;
    overflow: hidden;
	padding-left:10px;
	padding:0; margin:0;
	background-position:-11% -19%;
	}	
.product-detail3{
	display:flex;
	font-size:18px;
	font-weight:800;
	margin:0;
	width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
	}
.product-detail3 p{
	display:flex;
	width: 25px;
    height: 25px;
    vertical-align: middle;
    background-image: url(https://toms-prod.s3.amazonaws.com/assets/company/rp/images/common/ico_check.svg);
    background-repeat: no-repeat;
    -moz-background-size: 150%;
    background-size: 150%;
    overflow: hidden;
	padding-left:10px;
	padding:0; margin:0;
	background-position:-11% -19%;
	}	
.pdinnerh3{
	margin-bottom:-20px;
	}	
.product-pic2{
	background:url(../img/products/img_flow_m.png);
	width:100%;
	height:0;
	padding-bottom: 60%;
	margin:0 auto;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;
	margin-bottom:50px;}	
.product-pic3{
	background:url(../img/products/img_catch_m.jpg);
	width:100%;
	height:0;
	padding-bottom: 200%;
	margin:0 auto;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
.product-pic4{
	background:url(../img/products/img_delivery_m.png);
	width:100%;
	height:0;
	padding-bottom: 93%;
	margin:0 auto;
	background-repeat:no-repeat;
    background-position: center center;
    background-size: cover;}
	
}

@media (max-width: 320px){	
.product-detail , .product-detail2 , .product-detail3{ font-size:1rem;}
}

/* 關於我們 */
.a-banner{
    width: 100%;
    height: 400px;
    background-image: url(../img/about/bg_visual_pc.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
	margin-bottom:60px;}	
.aboutpicbox{
	width: 100%;
    height: auto;
	background-color:#FFF;
	margin-bottom:40px; display:flex;}
.aboutpic{ width:46%; background-image:url(../img/about/img_topmessage.jpg); height:0; padding-bottom:58%;}
.abouttxt{padding:78px;width:54%; text-align:left; margin:0 auto;}
.abouttxt p{font-size:0.95rem;font-weight:500; margin-top:20px;}
.abouttxt span{font-weight:800;}
.abouttxt span p{font-size:1.3rem;}
.aboutlist{ margin:0 auto; padding:0; width:80%;}
.aboutlist li{ margin:20px; font-size:15px;display:flex;}
.aboutlist li p {background-color:#000;padding:7px;color:#FFF;font-size:12px;margin:0 40px 0 0;}
.aboutlist li span { padding-top:5px;}
.historylist{ margin:0 50px; padding:0;font-size:0.9rem; }
.historylist li{border-bottom:1px solid #c3c3c3;padding:20px 0;display:flex; }
.historylist li:last-child{border:none;}
.historylist li p{ padding:0; font-size:0.9rem; width:30%;vertical-align:top; margin:0; line-height:0.9rem;}
.historylist li span{ width:70%; vertical-align:top;line-height:0.9rem;}

@media (max-width: 780px){	
.a-banner{
    width: 100%;
    height: 200px;
    background-image: url(../img/about/bg_visual_m.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
	margin-bottom:0;}	
.aboutpicbox{
	width: 94%;
    height: auto;
	background-color:#FFF;
	margin-bottom:40px;
	display:block;
	margin:40px auto 0 auto;}
.aboutpic{
	background-image: url(../img/about/img_topmessage_m.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	width:100%;
	padding-bottom:85%;
	height:0;
	background-size:cover;}
.abouttxt{padding:30px;width:100%;}
.abouttxt h4{ text-align:center; font-size:1.3rem;}
.abouttxt p{font-size:1.1rem;}
.abouttxt span{font-weight:800;}
.abouttxt span p{font-size:1.3rem;}
.aboutlist{ margin:0; padding:0;width:100%;}
.aboutlist li{ margin:20px 0; font-size:15px;display:flex;  }
.aboutlist li p {background-color:#000;padding:7px;color:#FFF;font-size:12px;margin-right:10px; vertical-align:top; height:40px; width:85px;text-align: center;}
.aboutlist li span{width:80%; padding-top:10px;}
.historylist{ margin:0px; padding:0;font-size:0.9rem; }
.historylist li{border-bottom:1px solid #c3c3c3;padding:20px 0;display:flex; }
.historylist li p{ padding:0; font-size:15px; width:30%;vertical-align:top; margin:0; line-height:15px;}
.historylist li span{ width:70%; vertical-align:top;line-height:15px; font-size:15px;}
.m-b80{ margin-bottom:80px;}
}

/* 訂購辦法 */
.a-content {background-color: #fff;padding: 60px;
    }
.a-content span{ color:red; font-size:0.8rem;}
.apppic{
	background-image:url(../img/about/img_flow_pc.png);
	background-repeat:no-repeat;
	background-size:cover;
	padding-bottom:15.8%;
	height:0;
	width:100%;
	margin:20px 0 40px 0;}
.apptxt h4{
	margin-bottom:10px;
	font-weight:500;
	font-size:16px;}
	
.section-contents-links{display:flex;margin:0 auto ; width:1024px; padding:50px; }
.section-contents-links-left{ width:50%; text-align:center; border-right:1px solid #bfbfbf;}
.section-contents-links-right{ width:50%; display: block; color:#FFF;}
.rightbox{text-align:center;background-image: url(../img/about/bg_links_inquery_pc.jpg);background-position: center; background-repeat: no-repeat; width:400px; margin: 0 auto; padding:20px; height:0; padding-bottom:26.5%;}
.rightbox p{ margin-bottom:5px;}
.section-contents-links-list{ margin:0 auto;width:80%;}
.section-contents-links-list ul{margin:0;padding:0;}
.section-contents-links-list ul li {
    background-color: #272727;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    margin-bottom: 10px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
	}
.section-contents-links-list ul li a{
	position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    line-height: 1;
    text-decoration: none;
    padding: 16px 0;}
	
.section-contents-links-right p a {
	color:#FFF;}
.section-contents-links-icon {
    background-image: url(../img/about/ico_brands_02.svg);
    background-repeat: no-repeat;
    -moz-background-size: 200% 200%;
    background-size: 200% 200%;
    width: 45.33px;
    height: 36px;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 auto;}

.section-contents-links-right p:last-child {
    font-size: 13px;}

.section-contents-links-list ul li a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    background-image: url(../img/about/ico_arrow_r_w.svg);
    background-repeat: no-repeat;
    -moz-background-size: 200% 200%;
    background-size: 200% 200%;
    width: 6px;
    height: 12px;
    margin-top: -6px;
    text-indent: -9999px;
    overflow: hidden;}
	
@media (max-width: 780px){		
.a-content {background-color: #fff;padding: 20px; width:94%; margin:0 auto;}
.a-content span{ color:red; font-size:0.8rem;}
.apppic{
	background-image:url(../img/about/img_flow_m.png);
	background-repeat:no-repeat;
	background-size:cover;
	padding-bottom:58.8%;
	height:0;
	width:100%;
	margin:20px 0 40px 0;}
.apptxt h4{
	margin-bottom:10px;
	font-weight:500;
	font-size:16px;}
.section-contents-links{display:block;margin:0 auto 0 auto; width:100%; padding:0 0 40px 0;}
.section-contents-links-left{ width:94%; text-align:center; border-bottom:1px solid #bfbfbf; border-right:none; border-top:1px solid #bfbfbf; padding:40px 0; margin:0 auto; }
.section-contents-links-left p { font-size:1.2rem;}
.section-contents-links-right{ width:90%; text-align:center; margin:40px auto 0 auto;}
.rightbox{text-align:center;background-image: url(../img/about/bg_links_inquery_m.jpg);background-position: center; background-repeat: no-repeat; width:100%; margin: 0 auto; padding:20px; height:0; padding-bottom:36.5%; background-size:cover;}
.rightbox p{ margin-bottom:5px; font-size:1.3rem;}
.section-contents-links-list{ margin:0 auto;width:80%;}
.section-contents-links-list ul{margin:0;padding:0;}
.section-contents-links-list ul li {
    background-color: #272727;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    margin-bottom: 10px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
	}
.section-contents-links-list ul li a{
	position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    line-height: 1;
    text-decoration: none;
    padding: 16px 0;}
	
.section-contents-links-right p a {
	color:#FFF;}
.section-contents-links-icon {
    background-image: url(../img/about/ico_brands_02.svg);
    background-repeat: no-repeat;
    -moz-background-size: 200% 200%;
    background-size: 200% 200%;
    width: 45.33px;
    height: 36px;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 auto;}
.section-contents-links-right a p {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
	margin-bottom:10px;
	margin-top:10px;}
.section-contents-links-right a p:last-child {
    font-size: 1.2rem;
    font-weight: 400;}
}