@charset "utf-8";

/* CSS Document */




@media screen and (min-width:768px) and (max-width:1100px) {
	
	p {
    font-size: 15px;
    line-height: 24px;
}
	h1 {
    font-size: 1.5rem;
    text-align: justify;
    margin: 0 0 2rem 0;
}
	.r4_index{margin: 0 0 4rem 0;}
	.about_r4 {height: 430px;}
	.r4_index_content >img {margin-top: -5vh;}
	.about_r4 > aside { padding: 0 4%;}
	
	.about_r4 > aside > h1 {font-size: 27px;}
	
	.what_is_r4 { height: 690px;  background-size: 100%;}
	.r4_step_img { margin: -11rem auto 5rem;}
	.r4_future_icon > li > img {}
	.r4_future_icon > li {padding: 0px 0.7rem 3rem;}
	.r4_future_icon > li > p {font-size: 1.2rem;}
	.r4_future > p { margin-bottom: 4rem; font-size: 15px;}
	.r4_future {margin-bottom: 5rem;}
	.r4_future > h1 {font-size: 2.3rem;}
	.r4_index {height: 500px;background-image: url("../images/r4_index_img.jpg");margin: 0 0 4rem 0;} 	
	
	.index_img > img { display: none;}
	.r4_index_content {width: 52%;}
    .index_content > h1{font-size: 7vw;}
    .index_content > p{font-size: 3vw;}
	.r4_index > p {font-size: 1.8vw;}
	
    .qa_content > h1 {font-size: 2.2rem;    margin: 0 0 2rem -2.5rem;}
	
	.member_benefits, .qa {padding: 3rem 0 6rem 2.2rem;}
	.qa_content > ul >li {line-height: 1.5rem;font-size: 15px;text-indent: -1.5rem;}
	.qa_table {font-size: 15px;}
	
	.qa_table > tbody > tr > th, .qa_table > tbody > tr > td { height: 3rem;}
	.qa_content > ul {margin: 0 0 1em 0;}
	.r4_index > span {font-size: 1.5vw;}


    /*join*/
	
	.index {height: 500px; background-image: url(../images/index_img.jpg);margin: 0 0 4rem 0;}
	.index_content > h1 {font-size: 7vw;}
	.index_content > p {font-size: 3vw;}
	.index > .index_content {left: 13%;top: 18%;}
	.index > p {font-size: 2vw;}
	
	
	.wellcom {margin: 0px auto 4rem;}
	.wellcom > aside > h1, .wellcom > aside > p {width: 80%;}
	.wellcom > aside > h1 {font-size: 2.2rem;}
	.wellcom_bg01 {height: 440px;}
	
	
	.join {height: 470px; margin: 0 auto 4rem;}
	.join_box {width: 318px;}
	.join_box > div {width: 67%; margin-left: 19%; margin: -7rem 0 0 -6rem;}
	
	
	.benefits > p {font-size: 15px;     margin: 0px auto 2rem;}
	.benefits_tab > tbody > tr > th {font-size: 15px;}
	.benefits_tab > tbody > tr > th > img {width: 26px; margin: 0px 0.5rem -8px 0px;}
	.benefits_tab > tbody > tr, .benefits_tab > tbody > tr > th, .benefits_tab > tbody > tr > td {font-size: 15px;}
	.benefits_tab > tbody > tr > td {padding: 1rem;}
	.qa_content > ul >li > p {font-size: 15px;}
	
	.benefits_tab > tbody > tr > td > ul > li {text-align: left;}
	
	
	
	.r4_index{margin: 0 0 4rem 0;}
	.about_r4 {height: 430px;}
	.r4_index_content >img {margin-top: -5vh;}
	.about_r4 > aside { padding: 0 4%;}
	
	.about_r4 > aside > h1 {font-size: 27px;}
	
	.what_is_r4 { height: 690px;  background-size: 100%;}
	.r4_step_img { margin: -11rem auto 5rem;}
	.r4_future_icon > li > img {}
	.r4_future_icon > li {padding: 0px 0.7rem 3rem;}
	.r4_future_icon > li > p {font-size: 1.2rem;}
	.r4_future > p { margin-bottom: 4rem; font-size: 15px;}
	.r4_future {margin-bottom: 5rem;}
	.r4_future > h1 {font-size: 2.3rem;}
	.r4_index {height: 500px;background-image: url("../images/r4_index_img.jpg");margin: 0 0 4rem 0;} 	
	
	.index_img > img { display: none;}
	.r4_index_content {width: 52%;}
	.r4_index > p {font-size: 1.8vw;}
	
    .qa_content > h1 {font-size: 2.2rem;margin: 0px 0 2rem -1.5rem;}
	
	.member_benefits, .qa {padding: 3rem 0 6rem 2.2rem;}
	.qa_content > ul >li {line-height: 1.5rem;font-size: 15px;text-indent: -1.5rem;}
	.qa_table {font-size: 15px;}
	
	.qa_table > tbody > tr > th, .qa_table > tbody > tr > td { height: 3rem;}
	.qa_content > ul {margin: 0 0 1em 0;}
	.r4_index > span {font-size: 1.5vw;}


    /*會員權利  member_benefits.html*/
	.benefits_index {height: 500px;background-image: url(../images/benefits_index_img.jpg);}
	.benefits_index > p {font-size: 2vw;}
	.benefits_index > .index_content > h2 {font-size: 4.5vw; margin-bottom: 0;}
	.benefits_index > .index_content {right: 9%;top: 50%;margin-top: -18vw;}
	
	
	.benefits_content04 >.join_box > div > h1,.benefits_content03 >.join_box > div > h1,
	.benefits_content02 >.join_box > div > h1,.benefits_content01 > div > h1 {font-size: 2rem;}
	.benefits_content01 {height: 450px; margin: 0 auto 2.5rem;}

	.benefits_content02 {height: 400px; margin: 0 auto 2.5rem;}
	.benefits_content03 {height: 400px;}
	.benefits_content03 > .join_box > div { width: 80%; max-width: 21rem; margin: -10rem 0 0 -8.5rem;}
    .benefits_content03 > .join_box > div > .arrow_link { font-size: 2.2vw; margin-right: 1.5rem; }
    .benefits_content03 > .join_box > div > .arrow_link img{ margin-bottom: -0.2rem; }
	.benefits_content04 {height: 400px;}
	.benefits_content04 > aside > img { width: 38px;}
	
	.r4 { height: 540px;}
	.r4_cn02 > div {width: 43%;}
	.r4_cn01 > h1 {font-size: 3.5rem; margin: -8rem 0 0 -5rem;}
    .r4_cn02 .box_link_02{ font-size: 2vw; padding: 0.3rem 0.7rem; }
	
	.benefits_content05 > .join_box > div { width: 85%; max-width: 22rem; margin: -6rem 0 0 -8.5rem;}
	.benefits_content05 {height: 300px; margin: 0 auto 2rem;}
	.benefits_content05 > .join_box > div> h1 {font-size: 1.6rem;}
	.benefits_content01 > div > img ,.benefits_content02 > article > img,.benefits_content03 > aside > img,.benefits_content05 > aside > img {width: 38px;}
	
	.member_benefits_tab > tbody > tr > th {font-size: 18px; padding: 1.8rem 1rem 1.9rem;}
	.member_benefits_tab > tbody > tr > th > img { width: 30px;margin: 0 0.5rem -10px 0px;}
	.member_benefits_tab > tbody > tr > td {padding: 2.5rem 2rem;}
	
}








@media screen and (max-width:767px) {
 
    p { font-size: 3vw; line-height: 5vw;}	
    h1 {font-size: 23px;}	

    /* 如何加入 join.html*/
        
    .index {height: 333px; background-image: url("../images/index_img_m.jpg");    margin: 0 0 3rem 0;} 
    .index > p {bottom: 1.5rem;font-size: 3vw;}	
    .index_img {display: none;}	
    .index_img02 {display: block;}	
    .index > .index_content { left: 9vh; top: 29vh;margin-top: -11.5rem; }
    .index_content > h1 {font-size: 9.1vw;letter-spacing: 2vw;line-height: 11vw;margin: 0 0 .8rem 0;}
    .index_content > p {font-size: 3.8vw;margin: 0 0 5vw 0;letter-spacing: 0.2vw; text-align: left;}
    .index_img02 {display: block;}
    .index_img {display: none;}	
    .box_link_02 {font-size: 2vw;}	
        
    .box_link {width: 125px;height: 41px;font-size: 1.2rem;line-height: 2.3rem;}
    .wellcom {margin: 0 0 4rem 0; height: auto; flex-direction: column;}
    .wellcom > aside{  float: none; width:100%; }
    .wellcom_bg01{ float: none; width: 85%; margin: auto;height: 27rem;}	
    .wellcom > aside > h1, .wellcom > aside > p {width: 85%;}
    .wellcom > aside > h1 { text-align: center; font-size: 5vw; margin-bottom: 1.3rem;}	
    .wellcom > aside > p {  margin-bottom: 3rem; }
    .wellcom_bg01 {display: none;}
    .wellcom_bg02 {display: block;width: 85%;margin: auto;}
    .wellcom > article{float: none;}
        
    .join {height: 61vw;margin: 0px auto 47vw;}	
    .join_box {width: 80%;  height: 80%;top: 86%;right: 10%;}	
    .join > article{width: 100%;}
    .join_box > div {width: 100%;  text-align: center; left:0; top: 0; margin: 0; padding: 1rem 0;}	
    .join_box > div > a,.join_box > div > p {  text-align: center; margin: auto;}
    .join_box > div > p > span { display: inline-block; }
    .join_box > div > h1 { font-size: 5vw; text-align: center;}
    .benefits > p { font-size: 3vw; width: 85%; margin: 0px auto 5.5vw;}
    .benefits > p > span { display: inline-block;}	
    .qa_content > ul >li{ font-size: 3vw;line-height: 4.5vw;text-indent: -5vw;}	
    .qa_content > ul {margin: 0 0 3vw 0;}
    .qa_content > ul >li > p { font-size: 3vw; margin: 2vw 0 0 7.8vw;text-indent: -8vw;line-height: 4.2vw;}



    /*會員權利  member_benefits.html*/
    .benefits_index { height:336px; background-image: url("../images/benefits_index_img_m.jpg");margin: 0 0 0 0;} 
    .benefits_index > p { bottom: 1.5rem;font-size: 3vw;}
        
        
        
        
        
    .index_content > h2 { font-size: 7.5vw !important; margin: 0; text-align: left;}
    .benefits_index > .index_content { top: 50%;right: 9%; margin-top: -27vw;}
    .benefits_content01 > article {float: none; width: 80%; margin: auto;}
    .benefits_content01 > article > p {float: none;width: 80%;margin: auto;padding: 2.2rem 0;}
    .benefits_content01 > div {position: relative;width: 80%; height: 48vw;margin: auto;}
    .benefits_content01 {position: relative; width: 100%;height: auto; margin-bottom: 2rem;}	
    .benefits_content05 > aside > img,
    .benefits_content04 > aside > img,.benefits_content03 > aside > img,.benefits_content02 > article > img,.benefits_content01 > div > img
    {width: 5vw;}	
    .benefits_content04 > .join_box > div > h1,.benefits_content03 > .join_box > div > h1,.benefits_content02 > .join_box > div > h1,.benefits_content01 > div > h1
    {font-size: 3.2rem;}
    .benefits_tab_m > tbody > tr > th {font-size: 4vw; padding: 0.7rem 0.8rem 0.9rem;}
    .benefits_tab_m > tbody > tr > th > img { margin: 0px 0.7rem -0.5rem 0;width: 32px;}
        
        
    .benefits_content02 { height: auto; margin-bottom: 2rem;}
    .benefits_content02 > .join_box > div {position: relative; margin: auto; left: auto; top: 0; width: 100%;}		
    .benefits_content02 > .join_box {position: relative;top: auto;right: auto;left: auto;width: 80%;height: auto;margin: auto;padding: 1.3rem 0;}	
    .benefits_content05 > .join_box > div > p,.benefits_content05 > .join_box > div > h1,
    .benefits_content04 > .join_box > div > p,.benefits_content04 > .join_box > div > h1,
    .benefits_content03 > .join_box > div > p,.benefits_content03 > .join_box > div > h1,
    .benefits_content02 > .join_box > div > p,.benefits_content02 > .join_box > div > h1 
    {margin: 0;}
    .benefits_content02 > .join_box > div > h1 { text-align: center;}
    .benefits_content02 > .join_box > div > P > span { display: inline-block;}
    .benefits_content02 > article { float: none; position: relative; width: 80%;margin: auto;height: 48vw;}

    .benefits_content03 { width: 80%; height: auto;}
    .benefits_content03 > aside { position: relative; width:auto;height: 55vw; }	
    .benefits_content03 > .join_box > div {position: relative; margin: auto; left: auto; top: 0;width: 75%; padding: 1rem 0;}		
    .benefits_content03 > .join_box {position: relative;top: auto;right: auto;left: auto;width: 100%;height: auto;margin: auto;padding: 1.3rem 0;}	
    .benefits_content03 > .join_box > div > h1 { text-align: center;}
    .benefits_content03 > .join_box > div > p { text-align: justify; margin-bottom: 2rem; }
    .benefits_content03 > .join_box > div > a { text-align: center;display: inline-block;margin: auto;}
    .benefits_content03 > .join_box > div > .arrow_link { font-size: 3.3vw; margin-right: 2vw; }
    .benefits_content03 > .join_box > div > .arrow_link > img { width: 0.6rem; margin-bottom: -0.2rem; }	

    .benefits_content04 { width: 80%; height: auto; margin-bottom: 2rem;}
    .benefits_content04 > .join_box > div {position: relative; margin: auto; left: auto; top: 0; width: 75%;}		
    .benefits_content04 > .join_box {position: relative;top: auto;right: auto;left: auto;width: 100%;height: auto;margin: auto;padding: 2.7rem 0;}	
    .benefits_content04 > .join_box > div > h1 { text-align: center;}
    .benefits_content04 > .join_box > div > p {text-align: justify; 	}
    .benefits_content04 > aside{ float: none; position: relative; width: 100%;margin: auto; height: 55vw; }
    .benefits_content04 > aside > img { bottom:auto; top: 13%; }

    .r4{margin-bottom: 2rem;}
    .r4_cn02 > div {width: 65%; margin: -30vw 0 0 -18vw;}
    .r4_cn02 > div> .box_link {width: 199px;}
    .r4_cn02 > div > p {margin-bottom: 3rem;line-height:5vw;}
    .r4_cn01 > h1 {font-size: 8vw;margin: -15vw 0 0 -14vw;line-height: 11vw;}
    .r4_cn02 .box_link_02{ font-size: 2vw; padding: 0.3rem 0.5rem; }
    .box_link_02{ font-size: 2vw; padding: 0.3rem 1rem; }	

        

    .benefits_content05 { width: 80%; height: auto; margin-bottom: 2rem; top:auto;}
    .benefits_content05 > .join_box > div {position: relative; margin: auto; left: auto; top: 0;     width: 75%;}		
    .benefits_content05 > .join_box {position: relative;top: auto;right: auto;left: auto;width: 100%;height: auto;margin: auto; padding: 2.3rem 0;}	
    .benefits_content05 > .join_box > div > h1 { text-align: center;font-size: 4.5vw;margin-bottom: 1rem;}
    .benefits_content05 > .join_box > div > p {text-align: justify; }	
    .benefits_content05 > aside{ float: none; position: relative; width: 100%;margin: auto; height: 48vw;}
    .benefits_tab_m > tbody > tr > td {padding: 2rem 1rem;}
        
    .mbt_d{display: none;}
    .mbt_m{display: block;}		
    .benefits_table {margin-bottom: 6rem;width: 100%}	
    .benefits_tab{ display: none; }
    .benefits_tab_m{ display: block; font-size: 3vw;}
    .benefits{  margin: 0 0 4rem 0;  } 
    .r4_index_content {width: 70%;}
        
    .benefits_content04 > .join_box > div > h1,.benefits_content03 > .join_box > div > h1,.benefits_content02 > 
    .join_box > div > h1,.benefits_content01 > div > h1 
    {font-size: 5vw; margin-bottom: 1vw;}	
    .r4{height: 89vw; }
        
    .member_benefits_tab > tbody > tr > th { padding: 1.5rem 2.3rem 1.9rem;font-size: 4vw;}
    .member_benefits_tab > tbody > tr > td {padding: 6vw 0;}	
    .member_benefits > .qa_content > ul >li {text-indent: -1.5vw;line-height: 5vw;}
        
        .r4_index {height: 39rem;}

        .r4_index > p {font-size: 3vw;}	
        
        
        
    .r4_index {height: auto;background-image: url("../images/r4_index_img_m.jpg");margin: 0 0 11vw 0;} 	
        
        
    .about_r4 {margin: 0 0 11vh 0; height: auto; background-size: 100%;     flex-direction: column;}
    .about_r4 > aside{  float: none; width:100%; padding: 0; }
    .about_r4_bg01{ float: none; width: 85%; margin: auto;height: 27rem;}	
    .about_r4 > aside > h1, .wellcom > aside > p {width: 85%;}
    .about_r4 > aside > h1 { text-align: center; margin: 0 0 1.3rem 0; font-size: 5vw;}	
    .about_r4 > aside > p { margin-bottom: 11vw; width: 85%;}
    .about_r4_bg01 {display: none;}
    .about_r4_bg02 {display: block;margin: auto;}
    .about_r4 > article{float: none;}
        
    .qa_content_tab_b{ display: none;}
    .qa_content_tab_m{ display: block;}	
    .what_is_r4 > article > h1 { font-size: 5.5vw; text-align: center; margin: 0 0 2rem 0;}
    .what_is_r4 > article  { width: 80%;}	
    .what_is_r4 article p{ text-align: justify; }
    .what_is_r4 {  background-size: 100%; background-image:none; height: auto; }
    .what_is_r4 > img { display: block; }
            
    .r4_future_icon {flex-wrap: wrap;}	
    .r4_future_icon	> li > img {max-width: 100%;}
    .r4_future > p { font-size: 3vw;margin-bottom: 2.8rem;}	
    .r4_future_icon > li { padding: 0 1.5rem 3rem; width: 33%; align-items: unset;}
    .r4_future_icon > li > p {    font-size: 3.5vw;}
    .r4_future_icon img {margin-bottom: 0.8rem;}
    .r4_future > h1 {    font-size: 5.5vw; margin-bottom: 0.5rem;}	
    .r4_step_img {display: none;}
    .r4_step_img_m {display: block;    margin: -4rem auto 9vw;}	
    .qa_table > tbody > tr > th {width: 33%; padding: 0 1rem;}
    .qa_table > tbody > tr > th > span {display: block;}	
    .r4_future{ margin-bottom: 0;}	
    .member_benefits, .qa { padding: 3rem 0 3rem 1.6rem;}
    .qa_content > h1 { font-size: 6vw; margin: 0px 0 1rem -1.7rem;}
    .qa_table{ font-size: 10px; margin-top: 0.8rem;}	
    .qa_table > tbody > tr > th, .qa_table > tbody > tr > td {height: 3rem;}
    .r4_index_content > span{ font-size: 10px;}	
    .r4_index > span {font-size: 2.2vw;}
    .member_benefits_tab > tbody > tr > td > h3 { margin-bottom: 0px;}
    .member_benefits_tab > tbody > tr > td > p { line-height: inherit;}
	
}


@media screen and (max-width:1161px){
	
.tk_con_01 > article > div { width: 84%;}
	
	
	
}

@media screen and (max-width:1100px){

	p {font-size: 15px; line-height: 24px;}
	h2 {font-size: 1.7rem; font-weight: 400;}
	
	.thinking_banner {height: 500px;background-image: url("../images/thinking_index.jpg"); margin: 0 0 85px 0;}
	.pc{ display: none;}
	
	.thinking_banner > .thinking_banner_con {left: 15%;}
	.thinking_banner > .thinking_banner_con > h1 {font-size: 4.1vw; margin-bottom: 2vw;}
	.thinking_banner > .thinking_banner_con > h2 {font-size: 2.3vw;}
	.tk_con_01 {height: 444px; margin: 0 auto 85px;}
	.tk_con_02 > div { margin-bottom: 120px;}
	
}


@media screen and (max-width:767px) {
 
p { font-size: 3vw;line-height: 5vw;text-align: center;}	
h1 {font-size: 5.5vw;text-align: center; margin: 0 0 2rem 0;}	
h2 {font-size: 5.5vw;text-align: center; margin: 0 0 2rem 0;}	
	

/* 如何加入 join.html*/
	
	.thinking_banner {height:auto; background-image:url("../images/thinking_index.jpg"); margin: 0 0 5rem 0;} 
	.thinking_banner > img {display: none;}	
	.thinking_banner > div > h1 {font-size: 3.1rem;line-height: 3.5rem;margin-bottom: 1rem;;}
	.thinking_banner > div > h2 {font-size: 1.8rem;}
	.thinking_banner > div {left: 13%;top: 41%;}
	.thinking_banner > .thinking_banner_con > h1 {font-size: 6.5vw;margin-bottom: 4vw;}
	.thinking_banner > .thinking_banner_con > h2 {font-size: 3.8vw;}
	
	
	

	.tk_con_01 { height: auto;  flex-direction: column-reverse;margin: 0 auto 0;}
	.tk_con_01 > aside { width: 100%;}
	.tk_con_01 > article{width: 100%; margin: 9vw 0;}
	.tk_con_01 > aside >img { display: block;}
	.tk_con_01 > article > div {width: 78%;}
	
	.p01{ display: none;}
	.p02{ display: block;font-size: 3vw;line-height: 5vw;text-align: center; font-weight: 300; width: 78%;    margin: 9vw auto; }
	
	.tk_con_02{flex-direction: column; margin-bottom: 24vw;}
	.tk_con_02 > div {padding: 0;margin-bottom: 0; }
	
	
		.mb{ display: block;}

}

@media screen and (max-width:1100px){
	
	h2 { font-size: 2.5vw;font-weight: 300; }
	h3 {font-size: 2.3vw;}
	p {font-size: 15px;line-height: 24px;}
	.pc{ display: none;}
	
	.company_banner {height: 500px;background-image: url(../images/company_index.jpg); margin: 0 0 85px 0;}
	.company_banner > .company_banner_con > h1 { font-size: 2.8vw;}
	.company_banner > .company_banner_con {left: 50%; top: 25%;margin-left: -24vw;}
	.cp_con_01 {height: 636px;}
	.cp_con_01 > article > div > h3 > img {width: 18vw;}
	.cp_con_01 > article > div > h3 { margin-bottom: 7vw;}
	.tk_con_02 > div {margin: 0 auto 150px;}
	
}




@media screen and (max-width:767px) {
 
p {font-size: 3vw; line-height: 5vw; text-align: justify;}	
h1 {font-size: 3.1rem; }	
h2 { font-size: 4.8vw; text-align: center; font-weight: 400;}	
h3 {  font-size: 3.7vw;}

/* 如何加入 join.html*/
	
	.company_banner {height:auto;background-image:url("../images/company_index.jpg"); margin: 0;} 
	.company_banner > img {display: none;}	
	.company_banner > div > h1 {font-size: 2rem;line-height: 3.5rem;margin-bottom: 1rem;;}
	.company_banner> div > h2 {font-size: 1.8rem;}
	.company_banner > div {left: 16%;top: 20%;}
	.company_banner > .company_banner_con > h1 {font-size: 3.8vw; letter-spacing: 0.5vw;}
	.company_banner > .company_banner_con { margin-left: -30vw;}

	.cp_con_01 { height: auto;  flex-direction: column-reverse;margin: 0 auto 0; }
	.cp_con_01 > aside { width: 100%; background-image: none !important;}
	.cp_con_01 > article{width: 100%; margin: 9vw 0;}
	.cp_con_01 > aside >img { display: block;}
	.cp_con_01 > article > div {width: 78%;}
	.cp_con_01 > article > div > h2 {text-align: left; margin-bottom: 50px;}
	.cp_con_01 > article > div > h3 {margin-bottom: 0;}
	.cp_con_01 > article > div > h3 > img {width: 24vw;font-size: 1.9rem;}
	
	.p01{ display: none;}
	.p02{ display: block; font-size: 3vw;line-height: 5vw;text-align: center; font-weight: 300; width: 78%; margin: 12vw auto; }
	
	.tk_con_02{flex-direction: column; margin-bottom:auto;}
	.tk_con_02 > div {margin-bottom: 0; }
	.tk_con_02 > div:nth-child(1){display: none;}
	.tk_con_02 > div:nth-child(2){display: block;}

		.mb{ display: block;}
	
}


@media screen and (max-width:1235px){
	
	.p_w { height: 200px;}
	
	
	
}

@media screen and (max-width:1300px){
	
	.history_wrap {width: 90%;}
	
	
	
}



@media screen and (max-width:1100px) {

	.history_banner p {font-size: 15px;}
	.history_banner h1 {font-size: 2.5rem;}
	
	.history_banner {height: 500px;background-image: url("../images/hs_index.jpg");}
	.pc{ display: none;}
	.history_banner > h1 { left: 20%;top: 39%;font-size: 3.6vw;line-height: 4.5vw;}
	.history_banner {margin: 0 0 4rem 0;}
	.time_wrap { width: 33%;margin-bottom: 80px;}
	
	.history_wrap > .time_wrap:nth-child(7) > .time_content > .p_w ,
	.history_wrap > .time_wrap:nth-child(8) > .time_content > .p_w ,
	.history_wrap > .time_wrap:nth-child(9) > .time_content > .p_w { height: 140px;}
	
}




@media screen and (max-width:768px) {
 
.history_banner p { font-size: 3vw; line-height: 5vw; font-weight: 400;}	
.history_banner h1 {font-size: 7vw;}	

/* 如何加入 join.html*/
	
	.history_banner {height: auto; background-image:url("../images/hs_index_m.jpg"); margin: 0 0 9vw 0;} 
	.history_banner > img {display: none;}	
	.history_banner > h1 {font-size: 5.5vw;line-height: 8vw;top: 37%;left: 16%;}	
	.mb{ display: block;}

	
	
	
	.time_wrap{ width: 50%;}
	.history_wrap {width: 85%;     margin-bottom: 17vw;}
	.time_wrap{width: 52%; margin-bottom: 6vw;}
	.time_wrap:nth-child(even){ width: 47%;}
	.time_wrap:nth-child(even) > .time_content { width: 100%;}
	.p_w {width: 95%;}
	.p_w_100{height: 245px;}
	.time_wrap:nth-child(5) > .time_content > .p_w {height: 47vw;}
	.time_wrap:nth-child(6) > .time_content > .p_w {height: 47vw;}
	.time_wrap:nth-child(9) > .time_content > .p_w {height: 150px;}
	.history_wrap > .time_wrap:nth-child(7) > .time_content > .p_w, 
	.history_wrap > .time_wrap:nth-child(8) > .time_content > .p_w, 
	.history_wrap > .time_wrap:nth-child(9) > .time_content > .p_w
	{height: 23vw;}
	.p_w {height: 29vw;}
	.dot_line { margin-bottom: 7vw;}
	.time_wrap > h1 {margin-bottom: 7vw;}
	
	
	
}
/**/
@media screen and (max-width:1300px) {
	
	
	.keepcalm_content { width: 93%; }
	.kc_cn_05 > article > div{padding: 2.3rem 0; }
	
}

@media screen and (max-width:1250px) {
	
	.kc_cn_01 h1{ top: 30%; right: 63%;}
	.kc_cn_06{ height: 700px; }
	
}


@media screen and (max-width:1200px) {
	
	
	.kc_cn_06{ height: 700px; }
	
}



@media screen and (max-width:1100px) {
    .kc_cn_01 h1{ top: 27%; }
    .kc_cn_05 {height: 414px;}
    .kc_cn_06 {height: 600px;}
    .kc_cn_02 > article > div > h3{  font-size: 1.1rem;}


}

@media screen and (max-width:850px){

    .kc_cn_02 article div h3{ font-size: 1rem; line-height: 1.5rem; text-align: left; }
    .kc_cn_03 p{ padding: 0; }
    .kc_cn_06 article{ align-items: center; }
}

@media screen and (max-width:840px) {
    .kc_cn_05 {height: 475px;}
    .kc_cn_06 {height: 562px;}
    .kc_cn_02 > article > div > h2 { font-size: 1.3rem; }
    .kc_cn_02 > article > div > h3{ font-size: 0.8rem; line-height: 1.5rem;}

}

@media screen and (max-width:768px){ 

    .kc_cn_06 > article{ height: auto; }
    .kc_cn_06_con{ height: 282px; }
    .kc_cn_06_img{ height: 280px; }

 }

@media screen and (min-width:768px) and (max-width:1100px) {
	.keepcalm_content h1{font-size: 32px;}
	.keepcalm_content h2{font-size: 1.5rem;}
	.keepcalm_content h3 {font-size: 1.25rem;line-height: 2rem;}
	.keepcalm_content ul,.keepcalm_content p {font-size: 15px;line-height: 24px;}
	

	.videobox {margin-bottom: 104px;}
	
	.kc_cn_00 article{ padding: 0 4rem; }
	.kc_cn_01 {height: auto;}
	.kc_cn_01 > article {margin: 82px 0 0 10%;width: 357px;}
	.kc_cn_02 > article {width: 50%;}
	.kc_cn_02 > aside {width: 50%; }
	

	.kc_cn_02 > article > div {width: 77%;}	
	.kc_cn_05 > article > div{width: 87%;padding: 2.3rem 0; }
	.kc_cn_04 > h2 {padding: 82px 0;}
	
	.kc_cn_05 > article > div > ul {line-height: 1.8rem;}
	.kc_cn_07 > div > h1 {font-size: 29px;}
	.kc_cn_07 > div > h3 {font-size: 18px;}
	.kc_cn_07 > div > img {width: 225px;}
	.kc_cn_07 > div > p {font-size: 15px;}
	.kc_cn_07 {margin-bottom: 65px;}
	.kc_cn_08_con > ul > li > span {font-size: 19px;}
	.kc_cn_08_con > ul {font-size: 18px;}
	.kc_cn_08 {margin: 0 auto 200px;}
	.kc_cn_08 > h2 {margin: 0 0 65px 0;}
	.kc_cn_06 {margin-bottom: 65px;}
	.kc_cn_07 > div {margin-bottom: 65px;}
}

@media screen and (max-width:900px){
	.kc_cn_01 h1{ top: 21%; right: 57%;}
}

@media screen and (max-width:768px){
	.kc_cn_00 article{ padding: 0 1rem; }
	.kc_cn_01 h1{ top: 30%; right: 55%;}
}


@media screen and (max-width:767px) {
 
.keepcalm_content ul,.keepcalm_content p {font-size: 3vw;line-height: 5vw;text-align: center;}	
.keepcalm_content h1 {font-size: 6.5vw; text-align: center;}	
.keepcalm_content h2 {font-size: 5.5vw; text-align: center;}
.keepcalm_content h3 {font-size:  4vw;line-height: 5.8vw;}

	

	
	
	.keepcalm_content {  width: 100%;   }
    .keepcalm_content .videobox{ margin-bottom: 3rem; }
	.videobox{ margin-bottom: 9vw;margin-top: 0px;}
	.kc_cn_00 article{ flex-direction: column; width: 78%; margin: auto; }
	.kc_cn_00 h2{  font-size: 4.8vw; letter-spacing: 0.2rem; margin-bottom: 2rem;}
	.kc_cn_00 p{ width: 100%; font-size: 3vw; line-height: 5vw; text-align: justify;}
	.kc_cn_01{ background-image: none; height: auto; margin-bottom: 9vw;}
	.kc_cn_01 > .pc { display: none;}
	.kc_cn_01 > .mb { display: block;}
	.kc_cn_01 > h1 { font-size: 7vw; line-height: 9vw; top: 37%; right: 47%;}
	
	.kc_cn_02 { height: auto;    margin-bottom: 9vw;}
	.kc_cn_02 > article{ width: 100%;}
	.kc_cn_02 > aside{ width: 100%; background-image: none; height: auto;}
	.kc_cn_02 > aside > img {display: block;}
	.kc_cn_02 > article > div {width: 78%; margin: 0 auto 13vw;}
	.kc_cn_02 > article > div > h2 { font-size: 5vw;}
	.kc_cn_02 > article > div > h3 {font-size:  4vw;line-height: 5.8vw;}
	
	
	.kc_cn_03{margin: 0 auto 75px;width: 78%; ;}
	.kc_cn_03 > h2{ width: 100%; padding: 0;}
	.kc_cn_03 > p { width: 100%; padding: 0; }

	.kc_cn_04 > h2 {  padding: 9vw 0; letter-spacing:0; font-size: 4.8vw;}
	
	.kc_cn_05{ height:auto;    margin-bottom: 0; }
	.kc_cn_05 > aside{ width: 100%; background-image: none; height: auto;}
	.kc_cn_05 > aside > img {display: block;}
	.kc_cn_05 > article{ width: 100%;}
	.kc_cn_05 > article > div > ul >li { text-indent: 0; padding: 0;}
	.kc_cn_05 > article > div > ul{line-height: 5vw;}
	.kc_cn_05 > article > div { padding: 9vw 0;}
	
	
	.kc_cn_06{ height:auto;  margin-bottom: 15vw;}
	.kc_cn_06 > article{ width: 100%;}
	.kc_cn_06 > aside,.kc_cn_06_img{ display: none;}
	.kc_cn_06_img_m02,.kc_cn_06_img_m{ display: block;}
	.kc_cn_06_con { margin: 3rem auto 1rem; padding: 9vw 0; width: 78%}
	
	.kc_cn_07 >hr { width: 90%; margin: auto;}
	.kc_cn_07{ margin-bottom: 50px;}
	.kc_cn_07 > div > h1 {font-size: 6vw;letter-spacing: 0.3vw;}
	.kc_cn_07 > div > h3 {font-size: 3.5vw;}
	.kc_cn_07 > div > img {width: 42vw;}
	.kc_cn_07 > div > p { font-size: 3vw; }
	.kc_cn_07 > div {margin-bottom: 15vw;}

	.kc_cn_08_con {flex-wrap: wrap; width: 90%; margin: auto;}
	.kc_cn_08_con > ul { width: 50%;    margin-bottom: 25px; font-size: 3vw;}
	.kc_cn_08_con > ul > li{text-align: left;}
	.kc_cn_08 > h2 {font-size: 4vw;  margin-bottom: 50px;}
	.kc_cn_08{margin: 0 auto 90px;}
	.kc_cn_08_con > ul > li > span {font-size: 3vw;}
	.kc_cn_08_con > ul > li > span {margin-bottom: 0px;}
	
}

@media screen and (max-width:425px){
	.kc_cn_01 > h1 { font-size: 7vw; line-height: 9vw;  letter-spacing: 18px; top: 38%; right: 44%;}
    .kc_cn_00 article{ padding: 0 4rem; }
    .kc_cn_08 > h2{ letter-spacing: 2px; }
    .keepcalm_content .videobox{ margin-bottom: 50px; }

}

@media screen and (max-width:375px){
	.kc_cn_00{ margin-bottom: 40px; }

}

@media screen and (max-width:320px){
	.kc_cn_01 > h1 { font-size: 7vw; line-height: 9vw;  letter-spacing: 12px; top: 38%; right: 37%;}

}



/**/
@media screen and (max-width:1300px) {
	.mtp_greta_con_01 > article{ justify-content: center;}
	
	.mtp_greta_con_01 > article > div {width: 80%;}
}


@media screen and (max-width:1250px) {
	
.mtp_greta_con_01 > article > div > h3  { margin-bottom: 30px; line-height: 2.3rem;}
.mtp_greta_con_01 > article > div > h2  { margin-bottom: 30px;}	
.mtp_greta_con_01 > article > div > p  { line-height: 1.9rem;}	
.mtp_greta_con_05 > article > div {width: 78%;}
	
	
	
	
}


@media screen  and (max-width:1100px) {
	
	
	.mtp_greta h3 {font-size: 1.2rem;}
	.mtp_greta h2 {font-size: 1.8rem;}
	.mtp_greta ul, .mtp_greta p {font-size: 15px;line-height: 1.8rem;}
	
	
	.pc {display: block;}
	.mtp_greta_banner{ height: 500px; background-image: url(../images/mtp_index.jpg);}
	.mtp_greta_banner > h1 { left: 62.5%;top: 33%;font-size: 3.6vw;line-height: 4.5vw;}
	.mtp_greta_con_01 > article > div > h3 {line-height: 2rem;}
	.mtp_greta_con_01 { height: 805px;     margin: 0 auto 90px;}
	.mtp_greta_con_02 > article {width: 37%;}
	.mtp_greta_con_02 > aside {width: 63%;}
	.mtp_greta_con_02 {margin-bottom: 70px;height: 420px;}
	.mtp_greta_con_03 {margin: 0 auto 70px;}
	.mtp_greta_con_06 > h3 { font-size: 1.5rem;}
	.mtp_greta_con_06 {margin-bottom: 65px;}
	.kc_cn_07 > div > h1 {font-size: 29px;}
	.kc_cn_07 > div > img {width: 225px;}
	.kc_cn_07 > div > h3 {font-size: 18px;}
	.kc_cn_07 > div > p {font-size: 15px;}
	.kc_cn_07 { margin-bottom: 65px;}
	.kc_cn_07 > div {margin-bottom: 65px;}
	.kc_cn_08 > h2 {margin: 0 0 65px 0;}
	.kc_cn_08_con > ul > li > span {font-size: 17px;}
	.kc_cn_08_con > ul > li {font-size: 18px;}
}

@media screen and (max-width:900px) {
	
	.mtp_greta h3 {font-size: 1.2rem;}
	.mtp_greta h2 {font-size: 1.8rem;}
	.mtp_greta ul, .mtp_greta_banner p {font-size: 15px;line-height: 1.8rem;}

.mtp_greta_con_01 { height: auto;  margin: 0 auto 0; flex-direction: column;  }
	.mtp_greta_con_01 > aside {width: 78%;margin: 0 auto 75px;}
	.mtp_greta_con_01 > article{width: 100%; margin: auto;}
	.mtp_greta_con_01 > aside >img { display: block;}
	.mtp_greta_con_01 > article > div {width: 78%;}
	.mtp_t01{ display: none;}
	.mtp_t02{ display: block; margin: 0 auto 75px;width: 78%;}
	.mtp_greta_con_01 > article > div > h3 {margin-bottom: 151px; font-weight: 400;margin-bottom: 215px;}
	.mtp_greta_con_01 > article > div > h3 > span {font-size: 2.2em; }


}



@media screen and (max-width:850px) {
 
.mtp_greta ul,.mtp_greta p {font-size: 3vw;line-height: 5vw;text-align: center;}	
.mtp_greta h1 {font-size: 2.5rem; text-align: center;}	
.mtp_greta h2 {font-size: 5vw;text-align: center;  margin-bottom: 3vw;}
.mtp_greta h3 {font-size: 1.6rem;line-height: 2.8rem;}

	

	
		
	.mtp_greta_banner { background-image:url("../images/mtp_index_m.jpg"); margin: 0 0 5rem 0; height: auto; margin: 0 0 9vw 0;} 
	.mtp_greta_banner .pc{ display: none; }	
	.mb {display: block;}
	.mtp_greta_banner > h1 {font-size: 4.5vw;line-height: 6vw; top: 30%;left: 68%; text-align: left;}	
	.mtp_greta_banner > h1 > span { display: block;}
	
	.content {  width: 100%;   }


	.mtp_greta_con_01 { height: auto;  margin: 0 auto 0; flex-direction: column;  }
	.mtp_greta_con_01 > aside {width: 78%;margin: 0 auto 9vw;}
	.mtp_greta_con_01 > article{width: 100%; margin: auto;}
	.mtp_greta_con_01 > aside >img { display: block;}
	.mtp_greta_con_01 > article > div {width: 78%;}
	.mtp_t01{ display: none;}
	.mtp_t02{ display: block; margin: 0 auto 9vw;width: 78%;}
	.mtp_greta_con_01 > article > div > h3 {margin-bottom: 151px; font-size: 3vw; font-weight: 400;margin-bottom: 215px;  line-height: 5vw; margin-bottom: 28vw;}
	.mtp_greta_con_01 > article > div > h3 > span {font-size: 2.2em; }
	
	
	.mtp_greta_con_02{ height:auto;   margin-bottom: 9vw; flex-direction: column;  }
	.mtp_greta_con_02 > aside{ width: 100%; background-image: none; height: auto;}
	.mtp_greta_con_02 > aside > img {display: block;}
	.mtp_greta_con_02 > article{ width: 100%;}
	.mtp_greta_con_02 > article > div > ul >li { text-indent: 0; padding: 0;}
	.mtp_greta_con_02 > article > div {padding: 9vw 0;}
		
	.mtp_greta_con_03 {width: 78%;   margin: 0 auto 9vw;}
	.mtp_greta_con_04 { margin-bottom:auto;}
	.mtp_greta_con_05 { height: auto;  flex-direction: column;    margin: 0 auto 10vw;}
	.mtp_greta_con_05 > aside { width: 78%;margin: auto;}
	.mtp_greta_con_05 > article{width: 100%; margin: 9vw 0;}
	.mtp_greta_con_05 > aside >img { display: block;}
	.mtp_greta_con_05 > article > div {width: 78%;}
	
	.mtp_greta_con_06_p01 {display: none;}
	.mtp_greta_con_06_p02 {display: block;}
	.mtp_greta_con_06 > h3 {font-size: 4vw; line-height: 7vw;}
	
	.kc_cn_06_con { width: 78%; padding: 0; }
	
	.kc_cn_07 >hr { width: 90%;}
	.kc_cn_07{ margin-bottom: 50px;}
	
	.kc_cn_07 > div > h3 {font-size: 3.5vw;}
	.kc_cn_07 > div > h1 { font-size: 6vw;letter-spacing: 0.3vw;}
	.kc_cn_07 > div > p  {font-size: 3vw;}
	
	.kc_cn_08_con {flex-wrap: wrap; width: 90%; margin: auto;}
	.kc_cn_08_con > ul { width: 50%;    margin-bottom: 25px;   font-size: 1.3rem;}
	.kc_cn_08_con > ul > li{text-align: left;}
	.kc_cn_08 > h2 { font-size: 4vw;margin-bottom: 50px;}
	.kc_cn_08{margin: 0 auto 90px;}
	.kc_cn_08_con > ul > li > span {font-size: 3vw;  line-height: 7vw; margin-bottom: 0;}
	.kc_cn_08_con > ul > li {font-size: 3vw;line-height: 1.5rem;}
	
}




/* 心力量 bemyself */

@media screen and (max-width:1300px){
    .be_04 .text_04{
        padding:0 0 7rem 8rem;
    }
    .be_content{
        width: 93%;
    }
    .be_07 .be_text h2,
    .be_07 .be_text h3{
        font-size: 2rem;
    }
}
@media screen and (max-width:1250px){
    .be_02 .text_01 h4{
        font-size: 1.3rem;
    }
    .be_04 .text_04{
        padding:0 0 7rem 7rem;
    }
    .be_07 .be_text{
        left: 13%;
    }
    .be_07 .be_text h2,
    .be_07 .be_text h3{
        font-size: 1.8rem;
    }
}
@media screen and (max-width:1100px){
    .be_02 .text_01 h4{
        font-size: 1.3rem;
        line-height:2.3rem;
    }
    .be_02 .text_01 h4:first-letter{
        font-size: 2.5rem;
    }
    .be_04 .text_04{
        padding: 0 0 7rem 4rem;
    }
    .text_04 .be_text h1{
        font-size: 2.2rem;
        line-height: 3.2rem;
        text-align: left;
    }
    .text_04 .be_text p{
        font-size: 15px;
        line-height:2;
    }
    .be_06 .be_text h2{
        font-size: 2.2rem;
    }
    .be_06 .be_text p{
        width: 34%;
    }
    .be_07{
        margin-bottom: 80px;
    }
    .be_07 .be_text h2,
    .be_07 .be_text h3{
        font-size: 1.6rem;
    }
    .be_08 > div > h1{
        font-size: 29px;
        margin-bottom: 1rem;
    }
    .be_08 > div > h3{
        font-size: 18px;
        font-weight: normal;
    }
    .be_08 > div > .be_08_img img{
        width: 225px;
    }
    .be_09 > h2{
        font-size: 1.5rem;
    }
    .be_09 .be_item .of_title p,
    .be_09 .be_item > ul > li > span,
    .be_09 .be_item > ul{
        font-size: 17px;
    }
}
@media screen  and (max-width:1024px){
    .be_02 .text_01 h4{
        font-size: 1rem;
    }
    .be_02 .text_02 h3{
        font-size: 1.5rem;
        padding-bottom: 0rem;
    }
    .be_02 .text_02 h2{
        font-size: 1.5rem;
        margin-bottom: 0.6rem;
    }
    .be_04 .text_04{
        padding:0 0 3rem 4rem;
    }
    .text_04 .be_text h1,
    .be_06 .be_text h2{
        font-size: 2rem;
        line-height: 3rem;
    }
    .be_06 .be_text h3{
        font-size: 1.4rem;
    }
    .be_07 .be_text{
        left: 13%;
    }
    .be_07 .be_text h2,
    .be_07 .be_text h3{
        font-size: 1.4rem;
    }
}
@media screen and (max-width:900px){
    .be_04 .text_04{
        padding:0 0 1rem 4rem;
    }
    .text_04 .be_text p{
        width: 96%;
    }
    .be_07 .be_text{
        width: 36%;
        top: 18%;
        left: 56%;
    }
    .be_07 .be_text h2{
        font-size: 3vw;
        line-height: 2.3rem;
        text-align: left;
        letter-spacing: 2px;
        padding-bottom: 6rem;
        margin-bottom: 0;
    }
    .be_07 .be_text h3{
        font-size: 3vw;
    }
}
@media screen and (max-width:850px){
    .be_04 .text_04{
        padding:0 0 0 4rem;
    }
    .be_09 .be_item{
        flex-wrap: wrap;
        padding: 0 38px;
    }
    .be_09 .be_item .of_title{
        display: block;
    }
    .be_09 .be_item > ul{
        width: 50%;
        padding: 0 10px;
        margin-bottom: 25px;
    }
    .be_09 .be_item .of_title p,
    .be_09 .be_item > ul,
    .be_09 .be_item > ul > li > span{
        font-size: 2.1vw;
    }
    .be_09 .be_item .of_title p:nth-child(2){
        float: right;
    }
}
@media screen and (max-width: 768px){
    .be_content{
        width: 100%;
    }
    .be_banner .banner_01{
        display: none;
    }
    .be_banner .banner_02{
        display: block;
    }
    .be_banner h1{
        position: absolute;
        width: 35%;
        top: 39%;
        left: 18%;
        font-size: 6vw;
        letter-spacing: 3px;
        line-height:3.6rem;
        text-align: left;
        color: #fff;
        margin: 0;
    }
    .be_01{
        margin-top: 60px;
    }
    .be_02 .be_text{
        width: 100%;
        flex-direction: column;
        justify-content: center;
        margin-top:70px;
        margin-bottom:100px;
    }
    .be_02 .text_01{
        width: 84%;
        margin: 0 auto 4rem;
    }
    .be_02 .text_01 h4{
        font-size: 3vw;
        line-height: 5vw;
    }
    .be_02 .text_01 h4:first-letter{
        font-size: 6.5vw;
    }
    .be_02 .text_02{
        width: 84%;
        margin: auto;
    }
    .be_02 .text_02 h3{
        font-size: 4.8vw;
        padding-bottom: 1rem;
    }
    .be_02 .text_02 h2{
        font-size: 4.8vw;
        text-indent:-22px;
        letter-spacing: 0;
        padding-bottom: 1.5rem;
    }
    .be_02 .text_02 p{
        font-size: 3vw;
        line-height: 5vw;
        text-align: left;
        text-align: justify;
    }
    .be_04{
        max-width: 78%;
        position: relative;
        flex-direction: column;
        align-items: center;
        margin: 0 auto 4rem;
    }
    .be_04 .img_04{
        position: relative;
        width: 100%;
    }
    .be_04 .img_04 .img_04_p01{
        display: none;
    }
    .be_04 .img_04 .img_04_p02{
        display: block;
    }
    .be_04 .text_04{
        width: 100%;
        padding: 4rem 0 4rem;
    }
    .text_04 .be_text h1{
        font-size: 4.8vw;
        position: absolute;
        color: #fff;
        font-weight: 300;
        top: 26%;
        left: 18.5%;
        padding: 0;
    }
    .text_04 .be_text span{
        display: inline-block;
    }
    .text_04 .be_text span:first-child{
        padding-right: 1.2rem;
    }
    .text_04 .be_text p{
        font-size: 3vw;
        line-height: 5vw;
        width: 100%;
        margin: auto;
        text-align: left;
    }
    .be_05{
        margin-bottom: 2.5rem;
    }
    .be_06{
        height: 480px;
        margin-bottom: 4rem;
    }
    .be_06 .be_text h2{
        font-size: 4.8vw;
    }
    .be_06 .be_text span{
        display: inline-block;
    }
    .be_06 .be_text  span:first-child{
        padding-right: 1.2rem;
    }
    .be_06 .be_text{
        flex-direction: column;
        justify-content:space-evenly;
        padding:0;
    }
    .be_06 .be_text h3{
        margin-bottom: 0;
    }
    .be_06 .be_text p{
        width: 79%;
        font-size: 3vw;
        line-height: 5vw;
        text-align: left;
        text-align: justify;
    }
    .be_06 .be_text h3{
        font-size: 4.5vw;
    }
    .be_07{
        margin-bottom: 116px;
    }
    .be_07 .be_text{
        width: 34%;
        top: 18%;
        left: 56%;
    }
    .be_07 .be_text h2{
        font-size: 3vw;
        line-height: 2.3rem;
        text-align: left;
        letter-spacing: 2px;
        padding-bottom:6rem;
        margin-bottom:0;
    }
    .be_07 .be_text h3{
        font-size: 3vw;
    }
    .be_08 > div{
        margin-bottom:80px;
    }
    .be_08 > div > h1{
        font-size: 6vw;
        margin-bottom:1.6rem;
    }
    .be_08 > div > h3{
        font-size: 3.5vw;
    }
    .be_08 > div > .be_08_img img{
        width: 32%;
    }
    article > hr{
        width: 80%;
        margin: auto;
    }
    .be_09{
        margin: 0 auto 100px;
    }
    .be_09 .be_item > ul{
        width: 50%;
    }
    .be_09 > h2{
        font-size: 4.8vw;
        margin:  67px 0 40px;
    }
    .be_09 .be_item{
        flex-wrap: wrap;
        padding: 0 38px;
    }
    .be_09 .be_item .of_title{
        display: block;
    }
    .be_09 .be_item > ul{
        width: 50%;
        padding: 0 10px;
    }
    .be_09 .be_item .of_title p,
    .be_09 .be_item > ul,
    .be_09 .be_item > ul > li > span{
        font-size: 2.5vw;
    }
    .be_09 .be_item > ul > li > hr{ width: 100%; }
    .be_09 .be_item .of_title p:nth-child(2){
        float: right;
    }
}
@media screen and (max-width: 502px){
    .be_banner h1{
        line-height: 2.5rem;
    }
    .be_01{
        margin-top: 44px;
    }
    .be_02 .be_text{
        margin-top: 50px;
        margin-bottom: 60px;
    }
    .be_02 .text_01{
        width: 85%;
        margin: 0 auto 2rem;
    }
    .be_02 .text_02 h2{
        text-indent: -16px;
        margin-bottom: 0;
        padding-bottom: 1rem;
        text-align: left;
    }
    .be_02 .text_02 h3{
        padding-bottom: 0;
    }
    .be_04 .text_04{
        padding: 4rem 0 1rem ;
    }
    .text_04 .be_text p{
        width: 100%;
    }
    .be_05{
        margin-bottom: 1.5rem;
    }
    .be_06{
        height: 342px;
        margin-bottom: 3rem;
    }
    .be_07{
        margin-bottom: 75px;
    }
    .be_07 .be_text{
        width: 37%;
    }
    .be_07 .be_text h2{
        font-size: 3vw !important;
        line-height: 1.5rem;
        padding-bottom: 3rem;
    }
    .be_08 > div > .be_08_img img{
        width: 225px;
    }
    .be_09 > h2{
        letter-spacing: 2px;
    }
    .be_09 .be_item > ul > li > span{
        font-size: 2.8vw;
    }
}
@media screen and (max-width: 425px){
    .be_06{
        height: 300px;
    }
    .text_04 .be_text h1{
        left: 13.5%;
    }
}
@media screen and (max-width: 375px){
    .be_banner h1{
        top: 34%;
        left: 17%;
        line-height: 2rem;
    }
    .be_01{
        margin-top: 30px;
    }
    .be_02 .be_text{
        margin-top: 31px;
        margin-bottom:48px;
    }
    .be_02 .text_01{
        width: 85%;
        margin: 0 auto 1.5rem;
    }
    .be_02 .text_01 h4{
        line-height:1.2rem;
    }
    .be_02 .text_02{
        width: 85%;
        line-height: 0;
    }
    .be_02 .text_02 h3{
        line-height: 2.5rem;
        padding-bottom:0.5rem;
    }
    .be_02 .text_02 h2{
        font-size: 5.2vw;
        text-indent: -12px;
        margin-bottom:12px;
    }
    .be_02 .text_02 p{
        line-height: 1.2rem;
    }
    .be_03{
        margin-bottom:43px;
    }
    .be_04{
        height: auto;
        margin-bottom: 4rem;
    }
    .be_04 .img_04{
        width: 100%;
    }
    .text_04 .be_text h1{
        font-size: 5vw;
        top: 30%;
        left: 18%;
        padding: 0;
        letter-spacing: 4px;
        line-height: 0;
    }
    .be_04 .text_04{
        width: 100%;
        padding: 0;
    }
    .text_04 .be_text span:first-child{
        padding-right: 0.8rem;
    }
    .text_04 .be_text p{
        line-height: 1.2rem;
        padding-top: 2rem;
    }
    .be_05{
        margin-bottom: 1rem;
    }
    .be_06{
        height: 298px;
        margin-bottom: 1rem;
    }
    .be_06 .be_text h2{
        font-size: 5.5vw;
        letter-spacing: 4px;
        line-height: 0;
    }
    .be_06 .be_text p{
        line-height: 1.2rem;
    }
    .be_06 .be_text h3{
        font-size: 4.2vw;
    }
    .be_07{
        margin-bottom: 70px;
    }
    .be_07 .be_text h2{
        font-size: 3.5vw;
        line-height: 1.2rem;
        letter-spacing: 1.5px;
        padding-bottom: 1rem;
        margin-bottom: 0;
    }
    .be_08 > div{
        margin-bottom: 60px;
    }
    .be_08 > div > h1{
        font-size: 5.5vw;
        margin-bottom: 0;
    }
    .be_08 > div > h3{
        font-size: 3vw;
        margin:1rem auto 3rem;
    }
    .be_08 > div > .be_08_img img{
        width: 60%;
    }
    .be_09{
        margin: 0 auto 80px;
    }
    .be_09 > h2{
        font-size: 4vw;
        letter-spacing:2px;
        margin: 42px 0 26px;
    }
    .be_09 .be_item{
        padding: 0 18px;
    }
    .be_09 .be_item > ul{
        padding: 0 5px;
    }
    .be_09 .be_item > ul > li > span{
        margin-bottom: 0;
    }
}
@media screen and (max-width: 320px){
    .be_item > ul > li > span{
        line-height: 1.5rem;
    }
}



/* ---------------海洋漁網--------------- */
@media screen and (max-width:1300px){
    .greening_content{
        max-width: 1300px;
        margin: 0 auto;
        width: 93%;
    }
    .gr_co_04{
        width: 100%;
        max-width: 97%;
    }
    .gr-box-04 .txt-04{
        width: 90%;
    }
    .gr-box-04 .txt-04-2 h2{
        font-size: 1.8rem;
        margin-bottom: 0;
    }
    .gr_co_05 .bg_05 h2{
        font-size: 1.6rem;
    }
    .gr_co_06{
        max-width: 93%;
        margin:0 auto;
    }
}
@media screen and (max-width:1250px){
    .gr_co_01{
        margin: -60px auto 80px;
    }
    .gr_co_02{
        height: 660px;
    }
    .gr_co_02 .gr_txt h1{
        margin-bottom: 0;
    }
    .gr_co_02 .gr_box .gr_img{
        right: -544px;
    }
    .gr_co_03 .bg_03 h2{
        font-size: 1.4rem;
    }
    .gr-box-04 .txt-04-2{
        width: 80%;
    }
    .gr-box-04 .txt-04-2 h2{
        font-size: 1.6rem;
        letter-spacing: 1.5px;
        margin-bottom: 0;
    }
    .gr-box-04 .txt-04{
        padding: 2.2rem 0.5rem 0;
    }
    .gr-box-04 .txt-04 p{
        font-size: 15px;
    }
    .gr_co_05{
        height: 800px;
        margin: -11rem 0 0;
    }
    .gr_co_05 .bg_05{
        background-position: center;
    }
    .gr_co_05 .bg_05 h2{
        font-size: 1.5rem;
    }
}
@media screen and (max-width:1100px){
    .bg_box .bg .pc{
        display: block;
    }
    .bg_box .bg .mb{
        display: none;
    }
    .gr_box .gr_img{
        right: -578px;
        top: 66px;
    }
    .gr_co_02{
        height: 655px;
    }
    .gr_co_02 .gr_txt h1{
        font-size: 1.8rem;
        line-height:2.6rem;
        text-align: left;
    }
    .gr_co_02 .gr_txt p{
        font-size: 15px;
    }
    .gr_co_02 .gr_txt .first:first-letter{ 
        font-size: 1.8rem;
    }
    .gr_co_02 .gr_box img{
        width: 44%;
    }
    .gr_co_03 .bg_03 h2{
        font-size: 1.3rem;
    }
    .gr-box-04 .txt-04-2{
        width: 87%;
        margin: 3.5rem auto 0;
    }
    .gr-box-04 .txt-04{
        padding: 2rem 0;
    }
    .gr_co_05{
        height: 674px;
        margin: -11rem 0 2rem;
    }
    .gr_co_05 .bg_05{
        background-position: center;
    }
    .gr_co_05 .bg_05 h2{
        font-size: 1.4rem;
        line-height: 2.5rem;
        padding: 2rem 0;
        margin: 0 auto;
    }
    .gr-item-06 .gr-box-06 > ul > li > span,
    .gr-item-06 .gr-box-06 > ul > li{
        font-size: 17px;
    }
}
@media screen  and (max-width:1024px){
    .bg_box .bg .mb{
        display: none;
    }
    .greening_content{
        max-width: 93%;
        width: 100%;
    }
    .gr_co_01{
        margin: -40px auto 60px;
    }
    .gr_co_02 .gr_box .gr_img{
        right: -656px;
        top: 90px;
    }
    .gr_co_02 .gr_box .gr_img img{
        width: 40%;
    }
    .gr_co_02 .gr_txt article{
        width: 79%;
    }
    .gr_co_03 .bg_03{
        height: 600px;
    }
    .gr_co_03 .bg_03 h2{
        font-size: 1.2rem;
        padding: 145px 36px;
    }
    .gr-box-04 .txt-04{
        width: 87%;
        padding: 1.5rem 0.5rem;
    }
    .gr-box-04 .txt-04-2{
        margin: 2.5rem auto 0;
    }
    .gr-box-04 .txt-04-2 h2{
        font-size: 1.2rem;
        text-align: center;
        margin-bottom: 0;
    }
    .gr-box-04 .txt-04 p{
        font-size: 15px;
        line-height: 1.8rem;
    }
    .gr_co_05 .bg_05 h2{
        font-size: 1.2rem;
        width: 100%;
        padding: 6rem 0;
    }
}
@media screen and (max-width:900px){
    .greening_content{
        max-width: 100%;
    }
    .bg_box .bg .pc{
        display: none;
    }
    .bg_box .bg .mb{
        display: block;
    }
    .gr_co_01{
        margin: 0 auto;
    }
    .gr_co_02{
        height: auto;
        flex-direction: column;
        align-items: center;
        top: 0;
        margin-bottom: 100px;
    }
    .gr_co_02 .col-2-1 {
        width: 78%;
    }
    .gr_co_02 .gr_txt{
        margin: 5.5rem 7rem 7rem;
        padding: 0;
    }
    .gr_co_02 .gr_txt article {
        width: 100%;
        text-align: center;
    }
    .gr_co_02 .gr_txt h4{
        font-size: 3.5vw;
    }
    .gr_co_02 .gr_txt h1{
        font-size: 5vw;
        line-height: 7vw;
        margin: 1rem auto 1.5rem;
        text-align: center;
        letter-spacing: 5px;
    }
    .gr_co_02 .gr_txt p{
        font-size: 3vw;
        line-height: 6vw;
    }
    .gr_co_02 .gr_txt .first:first-letter{ 
        font-size: 3vw;
    }
    .gr_co_02 .gr_box{
        position: relative;
        height: 600px;
        margin-left: 20px;
    }
    .gr_co_02 .gr_box .gr_img {
        position: absolute;
        top: 46px;
        left: -20px;
        right: 0;
    }
    .gr_co_02 .gr_box .gr_img img{
        width: 76%;
    }
    .gr_co_03{
        position: static;
    }
    .gr_co_03 .bg_03 h2{
        font-size: 3vw;
        line-height: 5.5vw;
        padding:190px 158px;
    }
    .gr_co_04{
        flex-direction: column;
        top: -55px;
        margin: 0 auto;
    }
    .gr_co_04 .col-3-1{
        width: 62%;
        margin: 0 auto 4rem;
    }
    .gr-box-04 .txt-04-2{
        width: 90%;
        text-align: center;
        margin: 3.5rem auto 0;
    }
    .gr-box-04 .txt-04-2 h2{
        font-size: 2.4rem;
        letter-spacing: 4px;
        margin-bottom: 0;
    }
    .gr-box-04 .txt-04{
        width: 100%;
        padding: 2rem 1rem 3rem;
    }
    .gr-box-04 .txt-04 p{
        font-size: 1.4rem;
        line-height: 2.5rem;
    }
    .gr_co_05{
        height: auto;
        margin: -19rem auto 5rem;
    }
    .gr_co_05 .bg_05{
        background-size: 150%;
    }
    .gr_co_05 .bg_05 h2{
        width: 56%;
        font-size: 1.8rem;
        line-height: 3rem;
        font-weight: normal;
        padding: 100px 0;
    }
    .gr_co_06{
        position: static;
        margin: 0 auto;
        padding-bottom: 50px;
    }
    .gr-box-06 ul{
        width: 45%;
    }
}
@media screen and (max-width:850px){
    .gr_co_02{
        margin-bottom: 70px;
    }
    .gr-box-04 .txt-04{
        padding: 2rem 0;
    }
    .gr-box-04 .txt-04-2{
        margin: 3.5rem auto 0;
    }
    .gr-box-04 .txt-04 p{
        font-size: 2.2vw;
        line-height: 4vw;
    }
    .gr_co_05{
        margin: -19rem auto 3rem;
    }
    .gr_co_05 .bg_05{
        height: 850px;
        background-position: center bottom;
    }
    .gr_co_05 .bg_05 h2{
        padding: 140px 0;
    }
    .gr-item-06 .gr-box-06{
        width: 90%;
        margin: 0 auto 90px;
    }
    .gr-item-06 .gr-box-06 > ul { width: 50%;  margin-bottom: 25px;  font-size: 1.3rem; padding: 0 11px;}
	.gr-box-06 > ul > li{ text-align: left; margin-top: 0;}
	.gr-item-06 > h2 { font-size: 4vw;  margin-bottom: 50px;}
	.gr-item-06 {margin: 0 auto 90px;}
	.gr-box-06 > ul > .title > p,
    .gr-box-06 > ul > .title2 > p {font-size: 3vw;  line-height: 7vw;  margin-bottom: 0;}
    .gr-box-06 .title , .gr-box-06 .title,
    .gr-box-06 .title , .gr-box-06 .title2{
        display: block;
        letter-spacing:-1px;
    }
    .gr-box-06 > ul > .title > p{
        display: inline-block;
    }
    .gr-box-06 > ul > .title > p:nth-child(2),
    .gr-box-06 > ul > .title2 > p:nth-child(2){
        float: right;
    }
	.gr-box-06 > ul > li {font-size: 3vw;  line-height: 1.5rem;}
    .gr-item-06 .gr-box-06 > ul > li > hr{
        margin-bottom: .5rem;
    }
    .gr-item-06 .gr-box-06 > ul > li > span, .gr-item-06 .gr-box-06 > ul > li{
        font-size: 3vw;
        letter-spacing: normal;
    }
}
@media screen and (max-width: 768px){
    .bg_box .bg .pc{
        display: none;
    }
    .bg_box .bg .mb{
        display: block;
    }
    .gr_co_02{
        height: auto;
        flex-direction: column;
        align-items: center;
        top: 0;
        margin-bottom: 5rem;
    }
    .gr_co_02 .gr_box{
        margin-left: 40px;
    }
    .gr_co_02 .gr_box .gr_img{
        top: 54px;
        left: -42px;
    }
    .gr_co_02 .gr_box .gr_img img{
        width: 76%;
    }
    .gr_co_03{
        margin-top: 0;
    }
    .gr_co_03 .bg_03{
        height: 650px;
        background-size: cover;
    }
    .gr_co_03 .bg_03 h2{
        padding: 10rem 9rem;
    }
    .gr_co_04{
        margin: 0 auto;
    }
    .gr_co_04 .col-3-1{
        margin: 0 auto 4rem;
    }
    .gr-box-04 .txt-04{
        width: 98%;
    }
    .gr-box-04 .txt-04-2{
        width: 100%;
    }
    .gr-box-04 .txt-04-2 h2{
        font-size: 2rem;
        margin-bottom: 0;
    }
    .gr-box-04 .txt-04 p{
        font-size: 1.1rem;
        line-height: 2rem;
    }
    .gr_co_05{
        height: 640px;
        margin: -12rem auto 5rem;
    }
    .gr_co_05 .bg_05{
        background-position: center;
    }
    .gr_co_05 .bg_05 h2{ width: 58%; font-size: 1.8rem; line-height: 3rem; padding: 3rem 0 0; text-align: justify; text-align-last: center; }
    .gr_co_06{
        margin: 0 auto;
    }
    .gr_co_06 .gr_06_txt h3{
        font-size: 4vw;
    }
    .gr-box-06 > ul > li{
        margin-top: 0;
    }
}
@media screen and (max-width: 502px){
    .bg_box .bg .pc{
        display: none;
    }
    .bg_box .bg .mb{
        display: block;
    }
    .gr_co_02{
        margin-bottom:0;
    }
    .gr_co_02 .col-2-1{
        padding: 5rem 0 4rem;
    }
    .gr_co_02 .gr_txt{
        margin: 0;
        padding: 3rem 0 4rem;
    }
    .gr_co_02 .gr_txt h4{ margin-bottom: 1rem; }
    .gr_co_02 .gr_txt h1{
        margin: 1rem auto 0;
        letter-spacing: 3px;
    }
    .gr_co_02 .gr_box{
        height: 380px;
    }
    .gr_co_02 .gr_box .gr_img{
        top: 52px;
    }
    .gr_co_02 .gr_img img{
        width: 76%;
    }
    .gr_co_03{
        height: 400px;
        margin-top: 48px;
    }
    .gr_co_03 .bg_03{
        height: 400px;
        background-position: 0;
    }
    .gr_co_03 .bg_03 h2{
        font-size: 3.7vw !important;
        line-height: 7vw;
        padding: 93px 48px;
    }
    .gr_co_04{
        top: -40px;
    }
    .gr_co_04 .col-3-1{
        width: 82%;
        margin: 0 auto 2rem;
    }
    .gr-box-04 .txt-04{
        padding: 1.5rem 0 3rem;
    }
    .gr-box-04 .txt-04 p{
        font-size: 3vw;
        line-height: 6vw;
    }
    .gr-box-04 .txt-04-2{
        margin: 2.5rem auto 0;
    }
    .gr-box-04 .txt-04-2 h2{
        font-size: 1.5rem;
        letter-spacing: 3px;
        margin-bottom: 0;
    }
    .gr_co_05{
        height: auto;
        margin: -4rem auto;
    }
    .gr_co_05 .bg_05{
        height: 400px;
        background-position: center bottom;
    }
    .gr_co_05 .bg_05 h2{
        position: relative;
        top: 0;
        width: 77%;
        font-size: 5vw;
        line-height: 8vw;
    }
    .gr_co_06{
        top: 0;
        margin-top: 5rem;
    }
    .gr_co_06 .gr_06_txt h3{
        font-size: 4vw;
        letter-spacing: .2rem;
        padding: 40px 0;
    }
    .gr-item-06,
    .gr-item-06 .gr-box-06{
        margin: 0 auto;
    }
    .gr-item-06 .gr-box-06 ul li{
        font-size: 3vw;
        text-align: left; 
        margin-bottom: 0;
        line-height: 1.5rem;
    }
    .gr-item-06 .gr-box-06 > ul > li > span{
        font-size: 3vw;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 375px){
    .gr_co_02 .col-2-1{
        padding: 2rem 0 3rem;
    }
    .gr_co_02 .gr_box{
        height: 280px;
        margin-left:28px;
    }
    .gr_co_02 .gr_box .gr_img{
        top: 23px;
        left: -27px;
    }
    .gr_co_02 .gr_box .gr_img img{
        width: 73%;
    }
    .gr_co_03{
        height: auto;
    }
    .gr_co_03 .bg_03{
        height: auto;
    }
    .gr_co_03 .bg_03 h2{
        padding: 60px 42px 134px;
    }
    .gr_co_04 .col-3-1{
        margin: 0 auto 1rem;
    }
    .gr-box-04 .txt-04-2 h2{
        font-size: 5.5vw;
        margin-bottom: 0;
    }
    .gr-box-04 .txt-04-2{
        margin: 2rem auto 0;
    }
    .gr-box-04 .txt-04{
        padding: 1rem 0 2.8rem;
    }
    .gr_co_05 .bg_05{
        height: 350px;
    }
    .gr_co_05 .bg_05 h2{
        padding: 3rem 0 0;
    }
}

/* 肥胖gl */

@media screen and (max-width:1300px){

    .gl_01{ margin: -100px auto 100px; }
    .gl_03{  max-width: 93%; margin: 9rem auto 0; }
    .gl_article { height: 407px;}
    .gl_card_01 .gl_img{ width: 600px; }
    .gl_title_03 h2{ padding-bottom: 2.8rem; }
    .gl_03 .gl_card_02{ height: 448px; }
    .gl_card_02 .gl_title_03{ margin: 4rem 4rem 6rem 9rem; }
    .gl_03 .gl_card_03{ height: 450px; }
    .gl_04 h2{ top: 6rem; }
    .gl_05{ width: 93%; }

}
@media screen and (max-width:1250px){

    .gl_01{ margin: 0 auto 7rem; }
    .gl_03 .gl_card_01{ height: 460px; }
    .gl_title_03 h2{ font-size: 2.1rem; padding-bottom: 2rem;}
    .gl_03 .gl_card_02{ height: 440px; }
    .gl_04 h2{ font-size: 2.2vw; top: 60px;}
    .gl_05{ margin: 180px auto; }

}
@media screen and (max-width:1100px){

    .gl_card_02 .gl_title_03{ margin: 4rem 3rem 6rem 6rem; }
    .gl_title_03 h2{ font-size: 2rem; padding-bottom: 1rem; }
}
@media screen and (max-width:1024px){
    
    .gl_01{ margin: -60px auto 100px; }
    .gl_bg .bg .pc{ display: block; }
    .gl_bg h1{ font-size: 3.2vw; }
    .gl_card_01 .gl_img{width: 580px; margin: -4rem auto;}
    .gl_card_01 .gl_title_03{ width: 73%; margin: auto; }
    .gl_title_03 h2{ font-size: 1.8rem; }
    .gl_title_03 p{ font-size: 15px; line-height: 1.9rem; }
    .gl_title_02 h2{ font-size: 26px; }
    .gl_03 .gl_card_02 , .gl_03 .gl_card_03{ height: 440px; }
    .gl_card_02 .gl_title_03{  width: 74%; margin: auto; }
    .gl_card_02 .gl_img{ width: 720px; margin: -4rem auto; }
    .gl_card_03 .gl_img{ width: 510px; margin: -3rem 0 0 5rem; }
    .gl_card_03 .gl_txt_03 .gl_title_03{ width: 74%; }
    .gl_04 h2{ top: 40px; }
    .gl_row .gl_col_2 h4{ padding-top: 35px; }

}
@media screen and (max-width:900px){

    .gl_01{ width: 93%; margin: -40px auto;}
    .gl_bg h1{ 
        top: 23%;
        font-size: 2rem;
        font-weight: 300;
        letter-spacing: 1rem;
        line-height: 3rem;
    }
    .gl_02{ margin: 100px auto; }
    .gl_box_02{ align-items: center; }
    .gl_box_02 .img{ width: 26%; }
    .gl_card_01 .gl_img{width: 580px; margin: -2rem auto;}
    .gl_card_01 .gl_title_03{ width: 73%; margin: auto; }
    .gl_title_03 h2{ font-size: 1.8rem; }
    .gl_title_03 p{ font-size: 15px; line-height: 1.9rem; }
    .gl_title_02 h2{ font-size: 22px; }
    .gl_03 .gl_card_02 , .gl_03 .gl_card_03{ height: 440px; }
    .gl_card_02 .gl_title_03{ margin: auto; }
    .gl_card_02 .gl_img{ width: 650px; margin: auto; }
    .gl_card_03 .gl_img{ width: 537px; margin: -2rem 0 0 5rem; }
    .gl_card_03 .gl_txt_03 .gl_title_03{ width: 70%; }
    .gl_04 h2{ top: 40px; }
    .gl_05{ margin: 180px auto 80px; }
    .gl_05_item h3{ font-size: 1.5rem; margin-bottom: 52px; }

}
@media screen and (max-width:850px){

    .gl_bg h1{ top: 20%;}
    .gl_txt_02 p{ font-size: 1.2rem; line-height: 2.5rem;}
    .gl_txt_02 .first:first-letter{ font-size: 1.2rem; }
    .gl_03{ margin: 6rem auto 0; }
    .gl_03 .gl_card_01{ height: 450px; }
    .gl_card_01 .gl_img{ width: 620px; }
    .gl_title_03 h2{ font-size: 1.5rem; padding-bottom: 1.5rem;}
    .gl_03 .gl_card_03{ height: 420px; } 

}
@media screen and (max-width:768px){

    .gl_bg .bg .pc{ display: none; }
    .gl_bg .bg .mb{ display: block; }
    .gl_bg h1{ top: 36%; font-size: 3.5rem; line-height: 5rem; letter-spacing: 1.2rem;}
    .gl_01{ width: 100%; margin: auto;}
    .gl_title_02 h2{ width: 70%; text-align: left; font-weight: 300; font-size: 4.5vw; line-height: 7vw; margin: auto;}
    .gl_box_02{ flex-direction: column; align-items: center;}
    .gl_box_02 .img{ width: 30%; margin-bottom: 50px;}
    .gl_txt_02{ width: 75%; }
    .gl_03{ margin: 0 auto; }
    .gl_03 .gl_article{ width: 80%; flex-direction: column; height: auto; margin: 5rem auto;}
    .gl_03 .gl_card_02{ flex-direction: column-reverse; }
    .gl_card_01 .gl_img{  width: 350px; height: auto; margin: -4rem auto;}
    .gl_card_01 .gl_txt_03 , .gl_card_02 .gl_txt_03{ width: 100%; height: 470px;}
    .gl_card_01 .gl_title_03 , .gl_card_02 .gl_title_03 , .gl_card_03 .gl_title_03{ width: 72%; margin: auto; text-align: center;}
    .gl_card_01 .gl_title_03 h2 , .gl_card_02 .gl_title_03 h2 , .gl_card_03 .gl_title_03 h2{ font-size: 2rem; font-weight: 300; text-align: center; margin-bottom: 0; }
    .gl_card_01 .gl_title_03 p , .gl_card_02 .gl_title_03 p , .gl_card_03 .gl_title_03 p{ font-size: 1.1rem; line-height: 1.9rem;}
    .gl_card_02 .gl_img{ width: 620px; margin: -5rem auto -2rem;}
    .gl_card_03 .gl_img{ width: 492px; margin: -5rem auto;}
    .gl_card_03 .gl_txt_03{ width: 100%; height: 390px; margin-top: 30px; }
    .gl_04_pc{ display: none; }
    .gl_04_mb{ display: block; margin: -4rem auto;}
    .gl_04 h2{  width: 80%; top: 12px; font-size: 2rem; line-height: 2.8rem; text-align: left; margin: auto; padding-left: 7rem;}
    .gl_04 span{ display: block;}
    .gl_05{ margin: 160px auto 80px; max-width: 93%;}
    .gl_05_item h3{ font-size: 1.8rem; }
    .gl_05 .gl_row{ width: 90%; margin: auto; }
    .gl_row .gl_col_2 h4{ font-size: 1.3rem; padding-top: 25px; }


}
@media screen and (max-width:611px){ 
    .gl_bg h1{ top: 27%; font-size: 3rem; line-height: 4.5rem;}
    .gl_04 h2{  font-size: 1.8rem; padding-left: 4rem; }
    .gl_05_item h3{ font-size: 1.2rem; letter-spacing: 5px; } 
}
@media screen and (max-width:560px){

    .gl_01{ margin: -40px auto 40px; }
    .gl_bg h1{ top: 28%; font-size: 2.5rem; line-height: 4rem;}
    .gl_card_01 .gl_img{ width: 390px; }
    .gl_card_01 .gl_txt_03{ height: 440px; margin-top: 30px; }
    .gl_card_02 .gl_img{ width: 550px; }
    .gl_card_03 .gl_img{ width: 400px; }
    .gl_card_01 .gl_title_03 h2, .gl_card_02 .gl_title_03 h2, .gl_card_03 .gl_title_03 h2{ font-size: 1.7rem; padding-bottom: 1.5rem;}
    .gl_04 h2{ top: -10px; font-size: 1.5rem; line-height: 2.5rem; padding-left: 4rem; }
    .gl_05_item h3{ font-size: 1.2rem; letter-spacing: 5px;}
    .gl_05{ margin: 140px auto 80px; }
    .gl_row .gl_col_2 h4{ font-size: 1.2rem; }

}
@media screen and (max-width:502px){

    .gl_04 h2{ font-size: 20px; line-height: 2rem; padding-left: 75px; letter-spacing: 1px; top: -20px;}
    .gl_bg h1{ top: 34%; font-size: 2.5rem; line-height: 3.8rem; letter-spacing: 1.2rem;}
    .gl_02{ margin: 60px auto;}
    .gl_box_02 .img{ width: 38%; }
    .gl_card_01 .gl_img{ width: 350px; height: auto; margin: -3rem auto;}
    .gl_card_01 .gl_txt_03{ height: 450px; }
    .gl_card_01 .gl_title_03 h2, .gl_card_02 .gl_title_03 h2, .gl_card_03 .gl_title_03 h2{ font-size: 1.5rem; padding-bottom: 1.5rem;}
    .gl_card_01 .gl_title_03 p, .gl_card_02 .gl_title_03 p, .gl_card_03 .gl_title_03 p{ font-size: 15px; line-height: 1.5rem;}
    .gl_card_02 .gl_img{ width: 400px; margin: -3rem auto -2rem;}
    .gl_card_02 .gl_txt_03{ height: 396px; }
    .gl_txt_02 p{ font-size: 14px; line-height: 1.5rem;}
    .gl_txt_02 .first:first-letter{ font-size: 14px; }
    .gl_card_03 .gl_img{ width: 310px; margin: -4rem auto;}
    .gl_card_03 .gl_txt_03{ height: 350px; }
    .gl_05_item h3{ font-size: 1.2rem; letter-spacing: 4px;}
    .gl_row .gl_col_2 h4{ font-size: 15px; padding-top: 15px;}
    .gl_05{ margin: 140px auto 75px; }
    .gl_05_item h3{ margin-bottom: 48px; }

}
@media screen and (max-width:425px){

    .gl_bg h1{ top: 35%; font-size: 2rem; line-height: 3rem; letter-spacing: 15px;}
    .gl_04 h2{ font-size: 18px; line-height: 1.8rem; padding-left: 62px; top: -22px;}
    .gl_02{ margin: 50px auto; }
    .gl_box_02{ margin-top: 50px; }
    .gl_card_01 .gl_img{ width: 280px; height: auto; margin: -3rem auto; }
    .gl_card_01 .gl_title_03 h2, .gl_card_02 .gl_title_03 h2, .gl_card_03 .gl_title_03 h2{ font-size: 1.2rem; padding-bottom: 1.2rem;}
    .gl_card_01 .gl_title_03 p, .gl_card_02 .gl_title_03 p, .gl_card_03 .gl_title_03 p{ font-size: 15px; line-height: 1.5rem;}
    .gl_card_02 .gl_img{ width: 320px; margin: -3rem auto -1rem; }
    .gl_card_02 .gl_txt_03{ height: 380px; }
    .gl_card_03 .gl_img{ width: 270px; margin: -4rem auto;}
    .gl_card_03 .gl_txt_03{ height: 350px; margin-top: 40px; }
    .gl_05_item h3{ font-size: 1.2rem; letter-spacing: 2px; margin-bottom: 30px;}
    .gl_row .gl_col_2 h4{ font-size: 15px; padding-top: 15px;}
    .gl_05{ margin: 130px auto 60px; }

}
@media screen and (max-width:375px){

    .gl_bg h1{ top: 34%; font-size: 1.8rem; line-height: 2.8rem;}
    .gl_02{ margin: 40px auto; }
    .gl_box_02{ margin-top: 40px; }
    .gl_box_02 .img{ margin-bottom: 40px; }
    .gl_txt_02{ width: 77%; }
    .gl_card_01 .gl_img{ width: 250px; margin: -2rem auto; height: auto;}
    .gl_card_01 .gl_title_03 h2, .gl_card_02 .gl_title_03 h2, .gl_card_03 .gl_title_03 h2{  font-size: 18px;}
    .gl_card_01 .gl_title_03 p, .gl_card_02 .gl_title_03 p, .gl_card_03 .gl_title_03 p{ font-size: 14px; line-height: 1.4rem;}
    .gl_card_02 .gl_img{ width: 280px; }
    .gl_card_03 .gl_img{ width: 250px; }
    .gl_04 h2{  width: 75%; font-size: 15px; line-height: 1.5rem; letter-spacing: 1px; padding-left: 50px; top: -24px;}
    .gl_05_item h3{ font-size: 18px; letter-spacing: 2px;}
    .gl_row .gl_col_2 h4{ font-size: 13px; padding-top: 12px;}
    .gl_05{ margin: 120px auto 60px;  }
    .gl_05_item h3{ margin-bottom: 32px; }
    .gl_card_03 .gl_img{ width: 220px; margin: -3rem auto;}
    .gl_card_03 .gl_txt_03{ margin-top: 15px; }
    .gl_05_item h3{ font-size: 15px; }

}
@media screen and (max-width:320px){
    .gl_bg h1{ top: 35%; font-size: 1.3rem; line-height: 2.3rem; letter-spacing: 10px;}
    .gl_card_01 .gl_title_03 h2, .gl_card_02 .gl_title_03 h2, .gl_card_03 .gl_title_03 h2{ font-size: 15px; }
    .gl_04 h2{ padding-left: 30px; top: -35px;}
    .gl_card_02 .gl_img{ width: 260px; }

}


/* 辦公室 */
@media screen and (max-width:1370px){
    .of_co_03 .col-2-1 .of_txt{
        height: 310px;
    }
    .of_co_06 .txt_06 h1{ font-size: 3rem; }
}

@media screen and (max-width:1284px){
    .of_co_06 .txt_06 h1{ font-size: 2.8rem; }
}

@media screen and (max-width:1250px){
    .of_bg_box .bg h1{
        letter-spacing: 0.5rem;
    }
    .of_co_06 .txt_06 h1{ font-size: 2.3rem; line-height: 3.5rem; margin-bottom: 0;}
}

@media screen and (max-width:1100px){
    .of_co_02 .of_txt p{
        font-size: 15px;
        line-height: 1.8rem;
    }
    .of_co_03 .of_item .of_box_02 .title_name{
        padding: 60px 10px 60px 40px;
    }
    .of_co_06 h1{ font-size: 1.8rem; line-height: 2.5rem;}
}

@media screen  and (max-width:1024px){
    .of_co_03 .col-2-1 .of_txt{
        height: 275px;
        padding: 2rem 2rem 3rem;
    }
    .of_co_03 .of_item .of_box_02 .title_name{
        padding: 60px 10px 60px 40px;
    }
    .of_co_03 .of_item .title_name p, .of_co_04 .title_name p, .of_co_05 .title_name p{ padding-top: 18px; }
    .of_co_02 .of_txt h2{ font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 0;}
    .of_co_06 .txt_06{ width: 42%; }
    .of_co_03 .of_item .title_name h2,
    .of_co_04 .title_name h2,
    .of_co_05 .title_name h2{ margin-bottom: 0; }

}
@media screen  and (max-width:960px){ 
    .of_co_03 .of_item .of_box_02 .title_name{ padding: 60px 10px ; }
 }

@media screen and (max-width:900px){
    .of_01_pc, .of_04_pc, .of_05_pc, .of_06_pc{
        display: none;
    }
    .of_bg_box .of_01_mb, 
    .of_co_04 .of_04_mb, 
    .of_co_05 .of_05_mb,
    .of_co_06 .of_06_mb{
        display: block;
    }
    .of_bg_box .bg h1{
        top: 18%;
        font-size: 4vw;
        letter-spacing: 0.8rem;
    }
    .of_bg_box .bg span{
        display: block;
        padding-bottom: 12px;
        margin-right: 0;
    }
    article.office_content{
        width: 100%;
        margin: 20px auto;
    }
    .office_content .video_box{
        margin-bottom: 70px;
    }
    .of_co_02{
        width: 78%;
        height: auto;
        margin: 5rem auto;
    }
    .of_co_02 .col-2-1{
        width: 100%;
        padding: 0 4rem;
        text-align: center;
        margin: auto;
    }
    .of_co_02 .of_txt{
        width: 100%;
        height: auto;
        margin: 0 auto;
        text-align: center;
        padding: 0;
    }
    .of_co_02 .of_txt .txt{
        width: 100%;
        margin: 0 auto;
        padding-bottom: 70px;
    }
    .of_co_02 .of_box{
        background-image: none !important;
    }
    .of_co_02 .of_box img{
        display: block;
    }
    .of_co_02 .of_txt h2{
        font-size: 2.5rem;
        line-height: 4rem;
        padding-bottom: 40px;
        text-align: center;
    }
    .of_co_02 .of_txt p{
        font-size: 1.2rem;
        line-height: 2.3rem;
        letter-spacing: normal;
    }
    .of_co_03 .col-2-1 .of_txt{
        height: auto;
        padding: 3rem 4rem;
    }
    .of_co_03 .col-2-1 .txt_right{
        height: 200px;
        line-height: 3.5vw;
        text-align: left;
    }
    .of_co_03 .of_item .of_box_01,
    .of_co_03 .of_item .of_box_02{
        width: 100%;
    }
    .of_co_03 .of_title .border{
        width: 80%;
        margin: 0 auto;
    }
    .of_co_03 .of_title h1{
        font-size: 1.8rem;
        letter-spacing: 0;
        font-weight: 300;
        padding-bottom: 60px;
    }
    .of_co_03 .of_item .title_name h4,
    .of_co_04 .title_name h4{
        padding: 0 0 4px;
    }
    .of_co_03 .of_item .title_name{
        flex-direction: column;
        padding: 60px 0;
    }
    .of_co_03 .col-2-1 .of_txt p,
    .of_co_04 .txt_04 p,
    .of_co_05 .of_txt p{
        font-size: 2.2vw;
        line-height: 4vw;
        font-weight: 300;
        text-indent: -4rem;
        padding: 0 0 0 4rem;
    }
    .of_co_04 .txt_04{
        min-width: 78%;
        padding: 2.5rem 3.5rem;
    }
    .of_co_04 .title_name,
    .of_co_05 .title_name{
        flex-direction: column;
        padding: 60px;
    }
    .of_co_03 .of_item .of_box,
    .of_co_04 .of_item .of_box,
    .of_co_04 .of_txt,
    .of_co_05 .of_item .of_box,
    .of_co_05 .of_txt{
        max-width: 78%;
        margin: 0 auto;
    }
    .of_co_06 .txt_06{ top: 27%; right: -1%;}
    .of_co_06 .txt_06 h1{
        top: 26%;
        right: -1%;
        font-size: 2.8rem;
        line-height: 4rem;
    }
    .of_co_03 .of_item .of_img_01 img, .of_co_03 .of_item .of_img_02 img,
    .of_co_04 .of_04_mb img, .of_co_05 .of_05_mb img{ width: 100%; }
    .of_co_06 span{
        display: block;
    }
    .of_co_07{
        margin: 80px 0 60px;
    }
    .of_co_07 > div > h1{
        margin-bottom: 1rem;
    }
    .of_co_07 > div > img{
        margin-bottom: 0;
    }
    .of_co_07 > hr{ width: 80%; border-top: 1px solid #000; margin: auto;}
    .of_co_08 > .of_co_item > ul > li > span,
    .of_co_08 > .of_co_item > ul > li{
        font-size: 17px;
    }
    .of_co_08 > h2{ margin: 0 0 50px 0; text-align: center;}
}
@media screen and (max-width:850px){

    .of_co_02 .of_txt p{ font-size: 1.2rem; line-height: 2.5rem; }
    .of_co_02 .of_txt h2{ font-size: 4.8vw; line-height: 7vw; text-align: center;}
    .of_co_08 .of_co_item{
        flex-wrap: wrap;
        padding: 0 38px;
    }
    .of_co_08 .of_co_item > ul{
        width: 50%;
        padding: 0 13px;
        margin-bottom: 25px;
    }

}

@media screen and (max-width: 768px){
    article.office_content{ margin: 15px auto;}
    .of_co_03 .of_item .title_name h4, .of_co_04 .title_name h4, .of_co_05 .title_name h4{ padding: 0 0 4px; }
    .of_co_03 .of_title .border{ border-top: 1px solid #000;}
    .of_co_03 .col-2-1 .of_txt p,
    .of_co_04 .txt_04 p,
    .of_co_05 .of_txt p{
        font-size: 17px;
        text-indent: -4rem;
        padding: 0 0 0 4rem;
    }
    .of_co_06 .txt_06 h1{
        font-size: 5vw;
        line-height: 6.5vw;
        text-align: left;
    }
    .of_co_07 > div > h1{ font-size: 6vw; }
    .of_co_07 > div > h3{ font-size: 3.5vw; font-weight: 300;}
    .of_co_07 > div > img{ width: 225px;}
    .of_co_08{
        margin-bottom: 130px;
    }
    .of_co_08 > h2{ font-size: 4vw; }
    .of_co_08 .of_co_item > ul > li > hr{
        width: 100%;
    }
    .of_co_08 .of_co_item > ul > li > span,
    .of_co_08 .of_co_item > ul > li{
        font-size: 3vw;
        margin-top: 0.4rem;
    }
   
}
@media screen and (max-width: 502px){

    .of_bg_box .bg h1{ font-size: 5vw; line-height: 7.5vw; }
    .of_bg_box .bg span{ margin-right: 0; }
    article.office_content{margin-top: 10px;}
    .office_content .video_box{ margin-bottom: 35px; }
    .of_co_02{ margin: 3rem auto; }
    .of_co_02 .of_txt h2{ font-size: 4.8vw; line-height: 7vw; padding-bottom: 25px; }
    .of_co_02 .of_txt p{ font-size: 3.5vw; line-height: 6vw; }
    .of_co_02 .of_box{ padding: 0 2.5rem; }
    .of_co_03 .of_title{ margin-top: 50px; }
    .of_co_03 .of_title h1{  font-size: 1.2rem; padding-bottom: 30px;}
    .of_co_03 .of_item .title_name{ padding: 40px 0;}
    .of_co_03 .of_item .title_name h2, .of_co_04 .title_name h2, .of_co_05 .title_name h2{ font-size: 1.5rem; letter-spacing: 2px; }
    .of_co_03 .of_item .title_name h3, .of_co_04 .title_name h3, .of_co_05 .title_name h3{ font-size: 1.8rem; padding-bottom: 2px;}
    .of_co_03 .of_item .title_name h4, .of_co_04 .title_name h4, .of_co_05 .title_name h4{  font-size: 1.4rem; }
    .of_co_03 .of_item .title_name p, .of_co_04 .title_name p, .of_co_05 .title_name p{ font-size: 16px; }
    .of_co_03 .col-2-1 .of_txt{ padding: 2.5rem 2rem; }
    .of_co_03 .col-2-1 .txt_right{ height: auto; text-align: justify;}
    .of_co_03 .col-2-1 .of_txt p, .of_co_04 .txt_04 p, .of_co_05 .of_txt p{ font-size: 15px; line-height: 2rem; text-align: justify;}
    .of_co_03 .of_item .of_img_01,
    .of_co_03 .of_item .of_img_02{ height: 250px; }
    .of_co_04 .txt_04, .of_co_05 .of_txt{ padding: 2.5rem 2rem; }
    .of_co_08 > h2{  font-size: 3.8vw; letter-spacing: 2px;}
    .of_co_08 .of_co_item > ul > li > span, .of_co_08 .of_co_item > ul > li{ font-size: 2.8vw; }
}
@media screen and (max-width: 428px){
    .of_co_03 .of_item .of_img_02{ height: 216px; }
}
@media screen and (max-width: 425px){
    .of_co_02 .of_txt .txt{ padding-bottom: 60px; }
    .of_co_02 .of_box{ padding: 0 2rem; }
    .of_co_04 .title_name, .of_co_05 .title_name{ padding: 40px; }
    .of_co_08 .of_co_item{ width: 90%; margin: auto; padding: 0;}
    .of_co_08 .of_co_item > ul{ width: 50%; padding: 0 13px;}
    .of_co_08 .of_co_item > ul > li > span, .of_co_08 .of_co_item > ul > li{ font-size: 3vw; }
}
@media screen and (max-width: 375px){
    .of_bg_box .bg h1{
        font-size: 4.5vw;
        line-height: 4.5vw;
        letter-spacing: 6px;
    }
    article.office_content{
        margin-top: 10px;
    }
    .office_content .video_box{
        margin-bottom: 26px;
    }
    .of_co_02{
        margin: 2.5rem auto;
    }
    .of_co_02 .of_txt h2{
        font-size: 24px;
        line-height: 2.5rem;
        padding-bottom: 20px;
    }
    .of_co_02 .col-2-1{
        padding: 0;
    }
    .of_co_02 .of_box{ padding: 0 2rem; }
    .of_co_02 .of_txt .txt{ padding-bottom: 55px; }
    .of_co_02 .of_txt p{
        font-size: 15px;
        line-height: 1.5rem;
    }
    .of_co_03 .of_title{
        margin-top: 40px;
    }
    .of_co_03 .of_title h1{
        padding-bottom: 25px;
        font-size: 16px;
        letter-spacing: 0;
        font-weight: 300;
    }
    .of_co_03 .of_title .border{
        border-top: 1px solid #000;
    }
    .of_co_03 .of_item .title_name,
    .of_co_04 .title_name, .of_co_05 .title_name{ padding: 28px; }
    .of_co_03 .of_item .title_name h2, 
    .of_co_04 .title_name h2, 
    .of_co_05 .title_name h2,
    .of_co_03 .of_item .title_name h4, 
    .of_co_04 .title_name h4, 
    .of_co_05 .title_name h4{ font-size: 18px; }

    .of_co_03 .of_item .title_name h3, 
    .of_co_04 .title_name h3, 
    .of_co_05 .title_name h3{ font-size: 25px; padding: 0 0 1px;}

    .of_co_03 .of_item .title_name p, 
    .of_co_04 .title_name p, 
    .of_co_05 .title_name p{ font-size: 15px; }

    .of_co_03 .of_item .of_img_01,
    .of_co_03 .of_item .of_img_02{ height: 186px; }

    .of_co_03 .col-2-1 .of_txt,
    .of_co_04 .txt_04,
    .of_co_05 .of_txt{
        padding: 2rem 1rem;
    }
    .of_co_03 .col-2-1 .txt_right{
        height: auto;
    }
    .of_co_03 .col-2-1 .of_txt p, 
    .of_co_04 .txt_04 p, 
    .of_co_05 .of_txt p{ 
        font-size: 3vw;
        line-height: 5.5vw; 
        text-indent: -3rem;
        padding: 0 0 0 3rem;
    }
    .of_co_06 .txt_06 span h1{  letter-spacing: 5px;}
    .of_co_07{ margin: 70px 0 45px;}
    .of_co_07 > div > h1{ font-size: 5.5vw; }
    .of_co_07 > div > h3{ font-size: 3vw; margin-bottom: 3rem;}
    .of_co_07 > div > img{ width: 60%; }
    .of_co_07 > div{ margin-bottom: 60px; }
    .of_co_07 > hr{ border-top: 1px solid #000; }
    .of_co_08{ margin-bottom: 80px;}
    .of_co_08 > h2{ font-size: 4.8vw; letter-spacing: 1px; margin-bottom: 26px;}
    .of_co_08 .of_co_item > ul{ padding: 0 13px; }
}
@media screen and (max-width: 320px){
    .of_co_03 .of_item .of_img_01, .of_co_03 .of_item .of_img_02{ height: 156px; }
}



/* 時髦穿搭術 */
@media screen and (max-width:1300px){

    .fss_con_06 img , .fss_con_04 .top_img{ margin-top: 90px; }
    .fss_text_02 .text_left h1, .fss_text_04 .text_left h1, .fss_text_07 h1{ margin-bottom: 0; }
    .fss_con_03 , .fss_con_05{ margin: 0 auto 90px; }
    .fss_con_07 .fss_item_07 .fss_text_07{ padding: 0 0 5rem 10rem; }

}
@media screen and (max-width:1100px){


    .fss_text_01 .text_left h2{ font-size: 1.3rem; letter-spacing: 0.2rem;}
    .fss_text_01 .text_left h3{ font-size: 1.5rem; }
    .fss_text_01 .text_left h1,
    .fss_text_02 .text_left h1,
    .fss_text_04 .text_left h1,
    .fss_text_07 h1{ font-size: 2rem; text-align: left;}
    .fss_text_01 .text_right p, 
    .fss_text_02 .text_right p,
    .fss_text_04 .text_right p, 
    .fss_text_07 p{ font-size: 15px; line-height: 30px;}
    .fss_text_01 .text_right .first:first-letter{ font-size: 2rem; }
    .fss_con_03 h2,
    .fss_con_05 h2,
    .fss_con_09 h2{ font-size: 1.5rem; letter-spacing: 0.2rem; margin: 50px auto;}
    .fss_con_07 .fss_item_07 .fss_img_07{ width: 77%; }
    .fss_con_07 .fss_item_07 .fss_text_07{ padding: 0 0 3rem 7rem; }
    .fss_con_03 .fss_item_03 ul li,
    .fss_con_05 .fss_item_05 ul li,
    .fss_con_09 .fss_item_09 ul li{ font-size: 18px; }
    .fss_con_03 .fss_item_03 ul li span,
    .fss_con_05 .fss_item_05 ul li span,
    .fss_con_09 .fss_item_09 ul li span{ font-size: 17px; }
    .fss_con_07 .fss_item_07 .fss_text_07{  width: 83%; padding: 0 0 3rem 8rem; }
    

}
@media screen and (max-width:1024px){

    .fss_text_01 , .fss_text_02 , .fss_text_04{ margin: 60px auto; }
    .fss_con_06 img, .fss_con_04 .top_img{ margin-top: 70px; }

}
@media screen and (max-width:900px){

    .fss_con_07 .fss_item_07 .fss_img_07{ width: 53%; }
    .fss_con_07 .fss_item_07 .fss_text_07{ width: 78%; padding: 0 0 1rem 7rem;}

}
@media screen and (max-width:850px){

    .fss_con_03, .fss_con_05 , .fss_con_09{ max-width: 97%; }

 }
@media screen and (max-width:768px){

    .fss_con_00 .fss_con_pc{ display: none;}
    .fss_con_00 .fss_con_mb{ display: block;}
    .fss_content{ width: 100%; }
    .fss_content hr{ width: 100%; }
    .fss_text_01{ flex-direction: column; }
    .fss_text_01 .text_left , .fss_text_01 .text_right{ width: 80%; }
    .fss_text_01 .text_left h2{ font-size: 2.2rem; margin-bottom: 0.5rem;}
    .fss_text_01 .text_left h3{ font-size: 2.3rem; padding-bottom: 40px; letter-spacing: 1px;}
    .fss_text_01 .text_left h3 span{ display: inline-block; padding-right: 1rem;}
    .fss_text_01 .text_right .first:first-letter{ font-size: 2rem; }
    .fss_text_01 .text_left h1, .fss_text_02 .text_left h1, .fss_text_04 .text_left h1, .fss_text_07 h1{ margin-bottom: 1.5rem; }
    .fss_con_02 .bottom_img .pc{ display: none; }
    .fss_con_02 .bottom_img .mb{ display: block; }
    .fss_text_02 .text_right , .fss_text_04 .text_right{ width: 76%; }
    .fss_text_02{ flex-direction: column; }
    .fss_text_02 .text_left h1, .fss_text_04 .text_left h1, .fss_text_07 h1{ text-align: center; }
    .fss_con_03 , .fss_con_05 { margin-bottom: 80px; }
    .fss_con_03 h2, .fss_con_05 h2, .fss_con_09 h2{font-size: 4vw; }
    .fss_text_04{ flex-direction: column; }
    .fss_con_04 .bottom_img .pc{ display: none; }
    .fss_con_04 .bottom_img .mb{ display: block; }
    .fss_con_04 hr , .fss_con_06 hr{ width: 80%; margin: auto;}
    .fss_item_07 .fss_img_07{ display: none; }
    .fss_con_07 .fss_item_07 .fss_text_07{ width: 96%; padding: 0; text-align: center; margin: 30px auto;}
    .fss_text_07 p{ margin: auto; }
    .fss_con_08 .pc{ display: none; }
    .fss_con_08 .mb{ display: block; }
    .fss_con_03 .fss_item_03,
    .fss_con_05 .fss_item_05,
    .fss_con_09 .fss_item_09{ flex-wrap: wrap; padding: 0 38px;}
    .fss_con_03 .fss_item_03 ul,
    .fss_con_05 .fss_item_05 ul,
    .fss_con_09 .fss_item_09 ul{ width: 50%; margin-bottom: 25px; padding: 0 10px;}
    .fss_con_03 .fss_item_03 ul li,
    .fss_con_05 .fss_item_05 ul li,
    .fss_con_09 .fss_item_09 ul li{ font-size: 2.5vw; }
    .fss_con_03 .fss_item_03 ul li span,
    .fss_con_05 .fss_item_05 ul li span,
    .fss_con_09 .fss_item_09 ul li span{ font-size: 2.5vw; }

}
@media screen and (max-width:650px){

    .fss_text_01 .text_left h2{ font-size: 3.5vw; }
    .fss_text_01 .text_left h3{ font-size: 5vw; }

}
@media screen and (max-width:502px){

    .fss_text_01 .text_right p::first-letter{ font-size: 5.5vw; }
    .fss_text_01 .text_left h3{ padding-bottom: 20px; }
    .fss_text_01, .fss_text_02, .fss_text_04{ margin: 50px auto; }
    .fss_text_01 .text_left, .fss_text_01 .text_right{ width: 76%; }
    .fss_text_01 .text_left h1, .fss_text_02 .text_left h1, .fss_text_04 .text_left h1, .fss_text_07 h1{ font-size: 1.8rem; letter-spacing: 0.5rem; margin-bottom: 1rem; }
    .fss_text_01 .text_right p, .fss_text_02 .text_right p, .fss_text_04 .text_right p, .fss_text_07 p{ font-size: 3.5vw; line-height: 6.5vw;}
    .fss_con_03 .fss_item_03 ul li span, .fss_con_05 .fss_item_05 ul li span, .fss_con_09 .fss_item_09 ul li span{ font-size: 3vw; }
    .fss_con_03 .fss_item_03 ul li, .fss_con_05 .fss_item_05 ul li, .fss_con_09 .fss_item_09 ul li{ font-size: 3vw; }
    .fss_con_03 .fss_item_03 ul li span:nth-child(2){ margin-top: 2px; }
    .fss_text_01 .text_left h1, .fss_text_02 .text_left h1, .fss_text_04 .text_left h1, .fss_text_07 h1{ margin-bottom: 1rem; }
    .fss_con_03 h2, .fss_con_05 h2, .fss_con_09 h2{ margin: 40px auto 30px; }
    .fss_con_03, .fss_con_05{ margin-bottom: 40px; }
    .fss_con_06 img, .fss_con_04 .top_img{ margin-top: 60px; }
    .fss_con_07{ margin: 20px auto; }
    .fss_text_07 h1{ text-align: center; }
    .fss_con_09{ margin: 0 auto 90px; }
}
@media screen and (max-width:425px){

    .fss_con_01{ margin-top: 20px; }
    .fss_text_01{ margin: 60px auto; }
    .fss_text_01 .text_left h2{ font-size: 1.4rem; }
    .fss_text_01 .text_left h3{ font-size: 5.6vw; }
    .fss_text_01 .text_left h3 span{ display: inline-block; padding-right: 8px;}
    .fss_text_01 .text_right .first:first-letter{ font-size: 6.5vw; }
    .fss_text_02 , .fss_text_04 { margin: 50px auto; }
    .fss_con_03 h2, .fss_con_05 h2, .fss_con_09 h2{ margin: 30px auto 20px; }
    .fss_con_03, .fss_con_05{ margin-bottom: 10px; }
    .fss_con_04 .top_img , .fss_con_06 img{ margin-top: 60px; }
    .fss_con_07{ margin: 20px auto 30px; }
    .fss_text_07 p{ padding-top: 0; }
    .fss_con_09{ margin: 0 auto 70px; }
}
@media screen and (max-width:375px){

    .fss_text_01 .text_left h2{ font-size: 20px; }
    .fss_text_01 .text_left h1, .fss_text_02 .text_left h1, .fss_text_04 .text_left h1, .fss_text_07 h1{ font-size: 1.5rem; margin-bottom: 0.5rem;}
    .fss_text_02, .fss_text_04{ margin: 40px auto; }
    .fss_con_03 .fss_item_03, .fss_con_05 .fss_item_05, .fss_con_09 .fss_item_09{ padding: 0 18px; }
    .fss_con_03 .fss_item_03 ul, .fss_con_05 .fss_item_05 ul, .fss_con_09 .fss_item_09 ul{ padding: 0 5px; }
    .fss_con_03 h2, .fss_con_05 h2, .fss_con_09 h2{ letter-spacing:3px ; }
}

@media screen and (max-width:320px){

    .fss_text_01{ margin: 50px auto; }
    .fss_text_01 .text_left h2{ font-size: 16px; }
    .fss_text_01 .text_left h3{ font-size: 18px; }
    .fss_con_04 .top_img, .fss_con_06 img{ margin-top: 50px; }
    .fss_con_07{ margin: 10px auto 20px; }
}


/* 初階長跑 */

@media screen and (max-width:2560px){

    .run_con_08 .title{ width: 34%; margin-left: 41rem;}
    .run_con_08 .title h4{ font-size: 0.8vw; line-height: 1.5vw;}
    .run_con_08 .run_08_pc img{ width: 100%; }

}
@media screen and (max-width:1920px){

    .run_con_08 .title{ width: 51%; margin-left: 320px;}
    .run_con_08 .title h4{ font-size: 1.2vw; line-height: 3rem;}

}
@media screen and (max-width:1700px){ .run_con_08 .title{ margin-left: 200px; width: 52%;} }
@media screen and (max-width:1440px){ 
    .run_con_08 .title{ margin-left: 94px; width: 63%;} 
    .run_con_08 .title h4{ font-size: 1.5vw; line-height: 3vw;}
}

@media screen and (max-width:1300px){

    .run_con_05 .row .col div h1, .run_con_06 .row .col div h1, .run_con_07 .row .col div h1{ font-size: 3.8rem; padding-bottom: 1rem;}
    .run_con_05 .row .col div h4, .run_con_06 .row .col div h4, .run_con_07 .row .col div h4{ font-size: 1.8rem; padding-bottom: 1rem;}
    .run_con_08 .title{ width: 65%; margin-left: 70px;}
    .run_con_08 .title h4{ font-size: 1.2rem; line-height: 2.5rem;}
    .run_con_05 .row .col div, .run_con_06 .row .col div, .run_con_07 .row .col div{ width: 86%; }
    .run_item hr{ width: 97%; margin: auto;}
}
@media screen and (max-width:1250px){

    .run_con_01 .row .col .intro{ width: 83%; padding: 35px 0 0 30px;}
    .run_con_01 .row .col .intro h4{ font-size: 1.2rem; line-height: 2.2rem; padding-bottom: 20px;}
    .run_con_01 .row .col .intro h4:first-letter{ font-size: 3rem; }
    .run_con_05 .row .list-intro_right , .run_con_06 .row .list-intro_right , .run_con_07 .row .list-intro_right{ height: 550px; }
    .run_con_05 .row .col div h1, .run_con_06 .row .col div h1, .run_con_07 .row .col div h1{ font-size: 3.5rem; padding-bottom: 2.5rem;}
    .run_con_05 .row .col div h4, .run_con_06 .row .col div h4, .run_con_07 .row .col div h4{ font-size: 2.5vw; padding-bottom: 2.8rem;}
    .run_con_05 .row .col div p, .run_con_06 .row .col div p, .run_con_07 .row .col div p{ font-size: 15px; line-height: 30px; }
    .run_con_08 .title h4{ font-size: 18px; line-height: 36px;}
    .run_item{ width: 95%; }

}
@media screen and (max-width:1100px){

    .run_con_01 .title h1, .run_con_03 .title h1{ margin-bottom: 0; }
    .run_con_01 .row{ margin: 50px auto; }
    .run_con_01 .row .col .intro{ padding: 30px 0 0 15px; }
    .run_con_01 .row .col .intro h4{ font-size: 1.7vw; line-height: 3.5vw; }
    .run_con_01 .row .col .intro p,
    .run_con_03 .row .list-intro_right p{ font-size: 15px; line-height: 24px;}
    .run_con_05 .row .col div h1, .run_con_06 .row .col div h1, .run_con_07 .row .col div h1{ margin-bottom: 0; }
    .run_con_08 .title{  width: 70%; margin-left: 63px; }

}
@media screen and (max-width:1024px){

    .run_con_01 .title h3, .run_con_03 .title h3{ font-size: 1.8rem; padding: 0 20px 4px 0;}
    .run_con_01 .title h1, .run_con_03 .title h1{ font-size: 2.5rem; margin: 0;}
    .run_con_03 .row h2{ margin: 0; }
    .run_con_03 .row .intro_container h5{ padding-bottom: 18px; }
    .run_con_05 .row .col div h1, .run_con_06 .row .col div h1, .run_con_07 .row .col div h1{ margin: 0; text-align: left; }
    .run_con_05 .row .list-intro_right , .run_con_06 .row .list-intro_right , .run_con_07 .row .list-intro_right{ height: 566px; }
    .run_con_05, .run_con_06, .run_con_07{ margin: 65px auto; }
    .run_con_08 .title{ width: 76%; margin-bottom: 2rem;}
    .run_con_08 .title h4{ font-size: 1.8vw; line-height: 4vw;}
    .run_item{ width: 93%; }

}
@media screen and (max-width:900px){

    .run_wrapper{ margin-top: 70px; }
    .run_con_01 .title h3, .run_con_03 .title h3{ font-size: 1.7rem; }
    .run_con_01 .title h1, .run_con_03 .title h1{ font-size: 2.2rem; padding: 0 20px 2px 0 ;}
    .run_con_01 .row .col .intro{  width: 85%; padding: 10px 0 0 20px; }
    .run_con_01 .row .col .intro h4{ line-height: 3vw; padding-bottom: 20px;}
    .run_con_01 .row .col .intro h4:first-letter{ font-size: 5vw; }
    .run_con_05 .row .col, .run_con_06 .row .col, .run_con_07 .row .col{ padding: 1rem; }
    .run_con_05 .row .list-intro_right , .run_con_06 .row .list-intro_right , .run_con_07 .row .list-intro_right{ height: 530px; }
    .run_con_05 .row .col div h1, .run_con_06 .row .col div h1, .run_con_07 .row .col div h1{ font-size: 2.8rem; padding-bottom: 2rem;}
    .run_con_05 .row .col div h4, .run_con_06 .row .col div h4, .run_con_07 .row .col div h4{ font-size: 2.8vw; }
    .run_con_05 .row .col div, .run_con_06 .row .col div, .run_con_07 .row .col div{ width: 90%; }
    .run_con_08 .title{ width: 76%; margin-bottom: 3rem;}
    .run_list-intro .subtitle span, .run_list-intro .subtitle p{ font-size: 17px; }
    .run_item .run_list-intro .subtitle span:nth-child(2){ padding-top: 0.3rem; }

}
@media screen and (max-width:850px){

    .run_wrapper{ margin-top: 55px; }
    .run_con_01 .title{ margin-bottom: 50px; }
    .run_con_01 .title h1, .run_con_03 .title h1{ font-size: 2.1rem; }
    .run_con_01 .row{ margin: 40px auto; }
    .run_con_03{ margin: 60px auto; }
    .run_con_04 .row .col h3{ font-size: 2.5vw; }
    .run_con_05 .row .list-intro_right , .run_con_06 .row .list-intro_right , .run_con_07 .row .list-intro_right{ height: 590px; }
    .run_con_08 .title{ margin-left: 50px; }
    .run_item{ width: 90%; }
    .run_item hr{ width: 80%; margin: auto;}
    .run_item .title h2{ font-size: 4vw; letter-spacing: 2px; margin: 60px auto 50px; }
    .run_item .run_list-intro .intro{ width: 50%; padding: 0 13px;}
    .run_list-intro .list_img,
    .run_list-intro hr{ width: 100%; margin-bottom: 1rem;}
    .run_list-intro .subtitle span, .run_list-intro .subtitle p{ font-size: 2.5vw; }

}
@media screen and (max-width:768px){

    .run_wrapper{ width: 100%; margin-top: 70px;}
    .run_wrapper hr{ width: 80%; margin: auto;}
    .run_bg .bg_pc{ display: none; }
    .run_bg .bg_mb{ display: block; }
    .run_con_01 .title , .run_con_03 .title{ flex-direction: column; align-items: center; margin-bottom: 30px;}
    .run_con_01 .title h3, .run_con_03 .title h3{ padding: 0 0; }
    .run_con_01 .title h1, .run_con_03 .title h1{ font-size: 2.4rem; }
    .run_con_01 .row{ flex-direction: column; margin: 0; align-items: center;}
    .run_con_01 .row .col .intro{ padding: 0; width: 90%; margin: auto;}
    .run_con_01 .row .col .intro h4{ font-size: 2.5vw; line-height: 4.5vw;}
    .run_con_01 .row .col .intro p{ display: none; }
    .run_con_01 .row .col{ width: 85%; }
    .run_con_01 .row .run_img{ width: 60%; }
    .run_con_01 .row .bottom{ width: 75%; display: block; padding:60px 0;}
    .run_con_01 .row .bottom p,
    .run_con_03 .row .list-intro_right p{ font-size: 2.5vw; line-height: 4.5vw;}
    .run_con_03 .title h1{ padding: 0 0 20px; }
    .run_con_03 .row{ flex-direction: column; }
    .run_con_03 .row .intro{ display: flex; }
    .run_con_03 .row .intro .intro_container:nth-child(1){ padding-right: 40px; }
    .run_con_03 .row .list-intro_right{ width: 77%; margin-top: 40px;}
    .run_con_03 .row .list-intro_right .first_intro{ padding: 0; }
    .run_con_04 .row{ width: 80%; height: 220px; text-align: center; padding: 50px 0; margin: auto;}
    .run_con_04 .row .col{ display: block; padding-right: 0; text-align: center; padding-bottom: 15px;}
    .run_con_04 .row .col h3{ font-size: 3.6vw; }
    .run_con_04 .row .intro_bottom{ padding: 0 35px 0 0; }
    .run_con_04 .row .intro_bottom{ text-align: right; padding: 0 85px 0 0;}
    .run_con_04 .row .intro_bottom p{ font-size: 2.5vw; line-height: 4.5vw;}
    .run_con_05 .row, .run_con_06 .row, .run_con_07 .row{ flex-direction: column; }
    .run_con_05 .row .col, .run_con_06 .row .col, .run_con_07 .row .col{ width: 72%; margin: 0 auto 3rem; padding: 0;}

    .run_con_05 .row .list-intro_right,
    .run_con_06 .row .list-intro_right,
    .run_con_07 .row .list-intro_right{  height: auto; background-image:none; }
    .run_con_05 .row .list-intro_right img,
    .run_con_06 .row .list-intro_right img,
    .run_con_07 .row .list-intro_right img{ display: block; }
  
    .run_con_05 .row .col div, .run_con_06 .row .col div, .run_con_07 .row .col div{ width: 100%; }
    .run_con_05 .row .col div h1, .run_con_06 .row .col div h1, .run_con_07 .row .col div h1{ font-size: 4rem; padding-bottom: 2rem;}
    .run_con_05 .row .col div h4, .run_con_06 .row .col div h4, .run_con_07 .row .col div h4{ font-size: 5vw; padding-bottom: 2.5rem;}
    .run_con_05 .row .col div p, .run_con_06 .row .col div p, .run_con_07 .row .col div p{ font-size: 2.5vw; line-height: 4.5vw;}
    .run_con_08{ margin-top: -1rem; }
    .run_con_08 .title{ width: 77%; margin: auto;}
    .run_con_08 .title h4{ font-size: 3vw; line-height: 5.5vw;}
    .run_con_08 .run_08_pc{ display: none; }
    .run_con_08 .run_08_mb{ display: block; }
    .run_con_09 div{ margin: 100px auto; }
    .run_con_09 h1{ font-size: 5.5vw; margin-bottom: 1rem; letter-spacing: 1px;}
    .run_con_09 h3{ font-size: 3.5vw; }
    .run_con_09 .run_img{ width: 225px; height: 225px; }
    .run_list-intro .subtitle span, .run_list-intro .subtitle p{ font-size: 2.5vw; }
    

}
@media screen and (max-width:502px){

    .run_wrapper{ margin-top: 40px; }
    .run_con_01 .title, .run_con_03 .title{ margin-bottom: 20px; }
    .run_con_01 .title h3, .run_con_03 .title h3{ font-size: 5vw; padding-bottom:0.8rem ; letter-spacing:3px;}
    .run_con_01 .title h1, .run_con_03 .title h1{ font-size: 6vw; }
    .run_con_01 .row .col .intro h4{ font-size: 3.5vw; line-height: 6.5vw; padding-bottom:40px; }
    .run_con_01 .row .col .intro h4:first-letter{ font-size: 6vw; }
    .run_con_01 .row .bottom{ padding: 40px 0; }
    .run_con_01 .row .bottom p, .run_con_03 .row .list-intro_right p{ font-size: 3.5vw; line-height: 6.5vw; text-align: justify; }
    .run_con_03{ margin: 50px auto; }
    .run_con_03 .row .intro .intro_container:nth-child(1){ padding-right: 30px; }
    .run_con_03 .row h2{ font-size: 12vw !important ; padding-right: 6px;}
    .run_con_03 .row .intro_container h5{ padding-bottom: 11px; }
    .run_con_03 .row .intro_container span{ font-size: 3vw; line-height: 3.5vw;}
    .run_con_03 .row .list-intro_right{ margin-top: 20px; }
    .run_con_04 .row{ height: 170px; padding: 40px 0 0; }
    .run_con_04 .row .col h3{ font-size: 3.5vw; }
    .run_con_04 .row .intro_bottom{ padding-right: 30px; }
    .run_con_05, .run_con_06, .run_con_07{ margin: 55px auto 20px; }
    .run_con_05 .row .col div p, .run_con_06 .row .col div p, .run_con_07 .row .col div p{ font-size: 3.5vw; line-height: 6vw; text-align: justify;}
    .run_con_05 .row .col div h1, .run_con_06 .row .col div h1, .run_con_07 .row .col div h1{ font-size: 10vw; padding-bottom: 1.5rem; }
    .run_con_05 .row .col div h4, .run_con_06 .row .col div h4, .run_con_07 .row .col div h4{ padding-bottom: 2rem; }
    .run_con_08 .title{ width: 76%; margin-bottom: 1rem;}
    .run_con_08 .title h4{ font-size: 3.5vw; line-height: 6vw; text-align: justify; }
    .run_con_09 div{ margin: 100px auto; }
    .run_con_09 h3{ font-size: 3.5vw; font-weight: 300;}
    .run_item .title h2{ margin: 40px auto 30px; }
    .run_item .run_list-intro .intro{ padding: 0 10px; }
    .run_list-intro .subtitle span, .run_list-intro .subtitle p{ font-size: 3vw; text-align: left; }
    .run_item .title h2{  font-size: 3.5vw !important; margin: 35px auto 30px; }
    .run_item .run_list-intro .subtitle span:nth-child(2){ margin-top: 8px; padding-top: 0;}
    .run_list-intro .list_img, .run_list-intro hr{ margin-bottom: 0; }


}
@media screen and (max-width:425px){

    .run_con_01 .title, .run_con_03 .title{ margin-bottom: 0; }
    .run_con_01 .title h1, .run_con_03 .title h1{ font-size: 5.5vw; padding: 0 0 10px;}
    .run_con_01 .title h3, .run_con_03 .title h3{ font-size: 4vw; }
    .run_con_04 .row{ height: 140px; padding: 30px 0 ; }
    .run_con_05, .run_con_06, .run_con_07{ margin: 40px auto 5px; }
    .run_con_05 .row .col div h1, .run_con_06 .row .col div h1, .run_con_07 .row .col div h1{ padding-bottom: 1rem; }
    .run_con_05 .row .col div h4, .run_con_06 .row .col div h4, .run_con_07 .row .col div h4{ padding-bottom: 1.5rem; }
    .run_con_09 div{ margin: 60px auto; }
    .run_item{ margin: 0 auto 80px; }
    .run_item .run_list-intro .intro{ margin-bottom: 25px; }
    .run_item .title h2{ font-size: 3.5vw; }
    .run_list-intro .subtitle span, .run_list-intro .subtitle p{ margin-bottom: 0; }

}
@media screen and (max-width:375px){

    .run_item .title h2{   margin: 50px auto 40px; }
    .run_item .run_list-intro .subtitle span:nth-child(2){ margin-top: 12px; padding-top: 0;}

}
@media screen and (max-width:320px){

    .run_con_03{ margin: 35px auto; }
}


/* 儀式感 */

@media screen and (max-width:1450px){

    .life_sor_01 .intro .subtitle_left h4:first-letter{ padding-right: 10px; }

}
@media screen and (max-width:1366px){

    .life_sor_banner .banner_title h1{ font-size: 2.8rem; letter-spacing: 1.8rem;}
    .life_sor_01 .intro .subtitle_left{ width: 31%; }
    .life_sor_04 .intro .text_intro p{ width: 55%; }
    .life_sor_08 .intro{ padding: 0 6rem 0 11rem; }
    .life_sor_09 .intro_top p{ width: 56%; }

 }
@media screen and (max-width:1300px){

    .life_sor_banner .banner_title h1{ font-size: 2.5rem; }
    .life_sor_01 .intro .subtitle_left{ width: 29%; }
    .life_sor_01 .intro .subtitle_left h4{ font-size: 1.3rem; line-height: 2.5rem; }
    .life_sor_02 .intro .subtitle_left h2{ font-size: 2.5vw; line-height: 3.5vw; }
    .life_sor_03 .row .col .intro{ width: 90%; padding: 0 0 0 10rem; }
    .life_sor_04 .intro h1{ font-size: 2.4rem; }
    .life_sor_05{ height: 464px; }
    .life_sor_05 .life_img{ width: 53%; }
    .life_sor_05 .intro{ width: 47%; padding: 50px 40px 50px; }
    .life_sor_05 .intro h3{  font-size: 2rem; margin-bottom: 0.5rem; }
    .life_sor_05 .intro .title p{ font-size: 1.05rem; margin-bottom: 1.5rem; }

}
@media screen and (max-width:1250px){

    .life_sor_banner .banner_title h1{ font-size: 1.8rem; letter-spacing: 1.2rem;}

}
@media screen and (max-width:1194px){

    .life_sor_01 .intro .subtitle_left{ width: 35%; }
    .life_sor_02 .intro .subtitle{ width: 41%; }
    .life_sor_04 .intro .text_intro p{ width: 63%; }
    .life_sor_06 .text_intro{ padding: 65px 86px; }
    .life_sor_08 .intro{ padding: 0 5rem 0 8rem; }
    .life_sor_09 .intro_top p{ width: 65%; }
}
@media screen and (max-width:1100px){

    .life_sor_01 .intro .subtitle p, .life_sor_02 .intro .subtitle p, .life_sor_03 .row .col .intro p{ font-size: 15px; line-height: 34px; }
    .life_sor_02 .intro .subtitle_left h2{ font-size: 2.8vw; line-height: 4.5vw;}
    .life_sor_03 .row .col .intro{ padding: 0 0 0 6rem; }
    .life_sor_04 .intro h1{ font-size: 2rem; }
    .life_sor_04 .intro .text_intro p{ font-size: 15px; line-height: 34px; }
    .life_sor_05{ height: 413px; }
    .life_sor_05 .intro{ padding: 20px; }
    .life_sor_05 .intro h3{ font-size: 1.6rem; letter-spacing: 0.5rem;}
    .life_sor_05 .intro .title p, .life_sor_05 .list .col p{ font-size: 15px; line-height: 34px; }
    .life_sor_06 .intro h2, .life_sor_07 .intro h2{ font-size: 2rem; }
    .life_sor_06 .text_intro span, .life_sor_07 .text_intro span{ font-size: 15px; line-height: 34px; }
    .life_sor_06 .text_intro p, .life_sor_07 .text_intro p{ font-size: 15px; line-height: 34px; }
    .life_sor_08 .intro p{ font-size: 15px; line-height: 34px; }
    .life_sor_08 .intro{ padding: 0 7rem 0 6rem; }
    .life_sor_09 .intro_top .subtitle h2, .life_sor_09 .intro_bottom h2{ font-size: 2rem; }
    .life_sor_09 .intro_top p{ font-size: 15px; line-height: 34px; }
    .life_sor_10 .life_img{ width: 225px; height: 225px; }
    .life_sor_10 h1{ font-size: 2rem; margin-bottom: 2rem;}
    .life_sor_10 h3{ font-size: 20px; font-weight: normal;}
    .life_sor_item .life_list-intro .subtitle span{ font-size: 17px; }
}
@media screen and (max-width:1024px){

    .life_sor_wrapper{ margin: 80px auto 40px; }
    .life_sor_banner .banner_title h1{ font-size: 2rem; letter-spacing: 1.5rem;}
    .life_sor_01 .intro{ margin-bottom: 70px; }
    .life_sor_01 .intro .subtitle_left{ width: 34%; }
    .life_sor_01 .intro .subtitle_left h4{ font-size: 1.2rem; line-height: 2.4rem;}
    .life_sor_01 .intro .subtitle_left h4:nth-child(1){ text-indent: -14px; padding-bottom: 25px; }
    .life_sor_02 .intro, .life_sor_04 .intro{ margin: 70px auto; }
    .life_sor_02 .intro .subtitle_left h2{ font-size: 2.5vw; line-height: 3.8vw; margin-bottom: 0;}
    .life_sor_03{ margin: 30px auto; }
    .life_sor_03 .row .col .intro{ padding: 0 0 0 4rem; }
    .life_sor_04 .intro h1{ margin: 0; }
    .life_sor_04 .intro .text_intro p{ width: 66%; }
    .life_sor_05{ height: 390px; }
    .life_sor_05 .intro .title p{ margin-bottom: 1rem; }
    .life_sor_05 .intro .title p, .life_sor_05 .list .col p{ letter-spacing: 0; }
    .life_sor_06 .text_intro, .life_sor_07 .text_intro{ padding: 45px 80px; }
    .life_sor_06 .intro, .life_sor_07 .intro{ margin: 50px auto; }
    .life_sor_06 .intro h2, .life_sor_07 .intro h2{ margin: 0; }
    .life_sor_08 .intro{ padding: 0 5rem 0 5rem; }
    .life_sor_08 .row{ margin: 60px auto 70px; }
    .life_sor_09 .life_09_pc{ margin-top: 80px; }
    .life_sor_09 .intro_top .subtitle{ margin-bottom: 26px; }
    .life_sor_09 .intro_top p{ width: 67%; }
    .life_sor_item .life_list-intro .subtitle span:nth-child(2){ padding-top: 6px; }
}
@media screen and (max-width:900px){

    .life_sor_wrapper{ margin: 70px auto 40px; }
    .life_sor_banner .banner_title h1{ font-size: 2.5rem; letter-spacing: 1.5rem;}
    .life_sor_01 .intro{ margin-bottom: 60px; }
    .life_sor_01 .intro .subtitle_left{ width: 39%; }
    .life_sor_01 .intro .subtitle_left h4{ line-height: 2rem; }
    .life_sor_01 .intro .subtitle p, .life_sor_02 .intro .subtitle p{ line-height: 2rem; }
    .life_sor_02 .intro, .life_sor_04 .intro{ margin: 60px auto; }
    .life_sor_02 .intro .subtitle_left{ width: 24%; }
    .life_sor_03{ margin: 25px auto; }
    .life_sor_03 .row .col .intro{ width: 94%; padding: 0 0 0 4rem; }
    .life_sor_03 .row .col .intro p{ line-height: 1.9rem; }
    .life_sor_05{ height: 340px; }
    .life_sor_05 .life_img{ width: 56%; }
    .life_sor_05 .intro{ width: 44%; }
    .life_sor_05 .intro h3{ font-size: 1.5rem; margin-bottom: 0.4rem; }
    .life_sor_06 .intro h2, .life_sor_07 .intro h2{ font-size: 1.8rem; }
}
@media screen and (max-width:850px){

    .life_sor_banner .banner_pc{ display: none; }
    .life_sor_banner .banner_mb{ display: block; }
    .life_sor_wrapper{ width: 100%; margin: 90px auto 40px;}
    .life_sor_01 .intro{ flex-direction: column; align-items: center; }
    .life_sor_01 .life_01_pc{ display: none; }
    .life_sor_01 .life_01_mb{ display: block; width: 85%; margin: auto;}
    .life_sor_01 .intro .subtitle_left{ width: 84%; margin-bottom: 60px;}
    .life_sor_01 .intro .subtitle_left h4{ font-size: 3.4vw; line-height: 5vw; letter-spacing: 0.2rem; text-align: justify;}
    .life_sor_01 .intro .subtitle_left h4:first-letter{ padding-right: 0; }
    .life_sor_01 .intro .subtitle_left h4:nth-child(2){ text-align: right; }
    .life_sor_01 .intro .subtitle p, .life_sor_02 .intro .subtitle p, .life_sor_03 .row .col .intro p{ font-size: 2.5vw; line-height: 5vw; text-align: justify;}
    .life_sor_01 .intro .subtitle{ width: 84%; }
    .life_sor_02 .life_02_pc{ display: none; }
    .life_sor_02 .life_02_mb{ display: block; }
    .life_sor_02 .intro{ width: 85%; flex-direction: column; }
    .life_sor_02 .intro .subtitle{ width: 100%; }
    .life_sor_02 .intro .subtitle_left{ width: 100%; display: flex; justify-content: center; margin-bottom: 2.5rem;}
    .life_sor_02 .intro .subtitle_left h2, .life_sor_04 .intro h1{ font-size: 5.5vw; }
    .life_sor_03{ margin: 80px auto; }
    .life_sor_03 .row{ flex-direction: column; }
    .life_sor_03 .row .col{ width: 80%;  }
    .life_sor_03 .row .life_img{ order: 1; }
    .life_sor_03 .row .col .intro{ width: 100%; padding: 0 0 40px 0;}
    .life_sor_04 .intro{ width: 85%; }
    .life_sor_04 .intro .text_intro p{ font-size: 2.5vw; line-height: 5vw; text-align: justify; width: 95%; }
    .life_sor_05{ flex-direction: column;  width: 93%; height: auto; margin: auto;}
    .life_sor_05 .life_img{ width: 100%; background-image: none;}
    .life_sor_05 .life_img img{ display: block; }
    .life_sor_05 .intro{ width: 100%; padding: 80px 100px 100px; }
    .life_sor_05 .intro h3{ font-size: 5vw; letter-spacing: 0.5rem; }
    .life_sor_05 .intro .title p{ font-size: 2.5vw; margin-bottom: 2rem; letter-spacing: 5px;}
    .life_sor_05 .list .col p{  font-size: 2.5vw; letter-spacing: 0.4rem; }
    .life_sor_06, .life_sor_07{ width: 93%; margin: auto; }
    .life_sor_06 .intro, .life_sor_07 .intro{ flex-direction: column; align-items: center; margin: 60px auto;}
    .life_sor_06 .intro h2, .life_sor_07 .intro h2{ font-size: 4.8vw; }
    .life_sor_06 .intro h2:nth-child(2), .life_sor_07 .intro h2:nth-child(2){ font-size: 4vw; padding-top: 10px;}
    .life_sor_06 .intro span, .life_sor_07 .intro span{ display: none; }
    .life_sor_06 .life_06_pc, .life_sor_07 .life_07_pc{ display: none; }
    .life_sor_06 .life_06_mb, .life_sor_07 .life_07_mb{ display: block; }
    .life_sor_06 .text_intro span, .life_sor_07 .text_intro span{ font-size: 2.5vw; line-height: 5vw; text-indent: -1.3rem;}
    .life_sor_06 .text_intro p, .life_sor_07 .text_intro p{ font-size: 2.5vw; line-height: 5vw; padding: 0; text-indent: -1rem;}
    .life_sor_06 .text_intro p:nth-child(4), .life_sor_07 .text_intro p:nth-child(4){ text-indent: 0; }
    .life_sor_08 .intro{ padding: 0 11rem 5rem 0; }
    .life_sor_08 .row{ flex-direction: column; margin: 70px auto 100px;}
    .life_sor_08 .row .text_intro{ width: 80%; }
    .life_sor_08 .row .life_img{ width: 80%; order: 1; }
    .life_sor_08 .intro p{ font-size: 2.5vw; line-height: 5vw; }
    .life_sor_09 .intro_top .subtitle{ flex-direction: column; }
    .life_sor_09 .intro_bottom{ margin-top: 90px; }
    .life_sor_09 .intro_top .subtitle h2, .life_sor_09 .intro_bottom h2{ font-size: 5vw; line-height: 4.5rem; text-align: center; margin-top: 0;}
    .life_sor_09 .intro_top .subtitle h2:nth-child(1), .life_sor_09 .intro_bottom h2:nth-child(1){ margin-bottom: 0; }
    .life_sor_09 .intro_top .subtitle span{ display: none; }
    .life_sor_09 .intro_top p{ width: 86%; font-size: 2.5vw; line-height: 5vw; text-align: justify; }
    .life_sor_10 h1{ font-size: 2.7rem; }
    .life_sor_10 h3{ font-size: 1.8rem; }
    .life_sor_item{ width: 96%; }
    .life_sor_item hr { width: 80%; margin: auto;}
    .life_sor_item .life_list-intro{ flex-wrap: wrap; }
    .life_sor_item .life_list-intro hr{ width: 100%; margin-bottom: 1rem;}
    .life_sor_item .life_list-intro .intro{ width: 50%; margin-bottom: 25px;}
    .life_sor_item .life_list-intro .subtitle span:nth-child(2){ padding-top: 5px; }
    

}
@media screen and (max-width:768px){

    .life_sor_banner .banner_title h1{ font-size: 5vw; }
    .life_sor_05 .intro{ padding: 50px 80px 70px; }
    .life_sor_06 .intro, .life_sor_07 .intro{ margin: 50px auto; }
    .life_sor_06 .intro h2:nth-child(2), .life_sor_07 .intro h2:nth-child(2){ padding-top: 0; }
    .life_sor_08 .row{ margin: 50px auto; }
    .life_sor_08 .row{ margin: 70px auto; }
    .life_sor_09 .intro_bottom{ margin-top: 70px; }
    .life_sor_09 .intro_top .subtitle h2, .life_sor_09 .intro_bottom h2{ line-height: 4rem; }
    .life_sor_10 h1{ font-size: 5.5vw; }
    .life_sor_10 h3{ font-size: 3.5vw; }
    .life_sor_10 div{ margin: 100px auto; }
    .life_sor_item .title h2{ font-size: 4.5vw; margin: 60px auto 50px; letter-spacing: 3px;}
    .life_sor_item .life_list-intro .subtitle span{ font-size: 2.5vw; }
    .life_sor_item .life_list-intro .subtitle span:nth-child(2){ padding-top: 4px; }

}
@media screen and (max-width:502px){

    .life_sor_banner .banner_title h1{ font-size: 5vw; letter-spacing: 1rem; }
    .life_sor_wrapper{ margin: 60px auto 40px; }
    .life_sor_01 .intro .subtitle_left h4{ letter-spacing: 0; font-size: 3.9vw; line-height: 7vw; }
    .life_sor_01 .intro .subtitle_left h4:nth-child(1){ text-indent: -7px; padding-bottom: 10px; }
    .life_sor_01 .intro .subtitle_left{ margin-bottom: 30px; }
    .life_sor_01 .intro .subtitle p, .life_sor_02 .intro .subtitle p, .life_sor_03 .row .col .intro p, .life_sor_04 .intro .text_intro p{ font-size: 3.5vw; line-height: 7vw; }
    .life_sor_02 .intro .subtitle_left h2{ font-size: 6vw; letter-spacing: 4px;}
    .life_sor_02 .intro .subtitle_left{ margin-bottom: 1.5rem; }
    .life_sor_02 .intro, .life_sor_04 .intro{ margin: 60px auto; }
    .life_sor_03{ margin: 60px auto 30px; }
    .life_sor_04 .intro h1{ font-size: 6vw; letter-spacing: 5px; padding-bottom: 23px; }
    .life_sor_05 .intro{ padding: 30px 60px 60px; }
    .life_sor_05 .intro h3{ margin-bottom: 0; }
    .life_sor_05 .intro .title p{ margin-bottom: 1rem; }
    .life_sor_05 .list .col p{ letter-spacing: 0; }
    .life_sor_06 .intro, .life_sor_07 .intro{ margin: 40px auto; }
    .life_sor_06 .intro h2:nth-child(1), .life_sor_07 .intro h2:nth-child(1){ letter-spacing: 6px; }
    .life_sor_06 .text_intro span, .life_sor_07 .text_intro span,.life_sor_06 .text_intro p, .life_sor_07 .text_intro p, .life_sor_08 .intro p{ font-size: 3.5vw; line-height: 6vw; text-align: justify;}
    .life_sor_08 .intro{ padding: 0 4rem 3.5rem 0; }
    .life_sor_08 .row{ margin: 60px auto; }
    .life_sor_09 .intro_top .subtitle h2, .life_sor_09 .intro_bottom h2{ line-height: 2.5rem; }
    .life_sor_09 .intro_top p{ font-size: 3.5vw; line-height: 6vw;}
    .life_sor_09 .life_09_pc, .life_sor_09 .intro_bottom{ margin-top: 60px; }
    .life_sor_10 div{ margin: 75px auto 80px; }
    .life_sor_10 h1{ font-size: 5vw; letter-spacing: 1px; margin-bottom: 1.6rem;}
    .life_sor_10 h3{ font-size: 3.5vw; margin-bottom: 3.5rem; }
    .life_sor_item{ width: 90%; margin-bottom: 80px;}
    .life_sor_item hr{ width: 95%; }
    .life_sor_item .title h2{ font-size: 4vw !important; letter-spacing: 2px; margin: 67px auto 40px; }
    .life_sor_item .life_list-intro .intro{ padding: 0 10px; }
    .life_sor_item .life_list-intro hr{ margin-bottom: 0; }
    .life_sor_item .life_list-intro .subtitle span{ font-size: 2.8vw; }
    .life_sor_item .life_list-intro .subtitle span:nth-child(2){ padding-top: 10px; }

}
@media screen and (max-width:425px){

    .life_sor_wrapper{ margin: 50px auto 30px; }
    .life_sor_01 .intro{ margin-bottom: 60px; }
    .life_sor_01 .intro .col p:first-letter{ font-size: 1.8rem; }
    .life_sor_02 .intro{ margin: 40px auto; }
    .life_sor_02 .intro .subtitle_left{ margin-bottom: 1.5rem; }
    .life_sor_03{ margin: 50px auto 25px; }
    .life_sor_03 .row .col .intro{ padding-bottom: 30px; }
    .life_sor_04 .intro{ margin: 50px auto; }
    .life_sor_04 .intro h1{ padding-bottom: 18px; }
    .life_sor_05 .intro{ padding: 25px 50px 50px; }
    .life_sor_06 .intro, .life_sor_07 .intro{ margin: 30px auto; }
    .life_sor_08 .intro{ padding: 0 5rem 3rem 0; }
    .life_sor_08 .row{ margin: 50px auto; }
    .life_sor_09 .life_09_pc, .life_sor_09 .intro_bottom{ margin-top: 45px; }
    .life_sor_09 .intro_top .subtitle h2, .life_sor_09 .intro_bottom h2{ line-height: 2rem; }
    .life_sor_item .life_list-intro .subtitle span:nth-child(2){ margin-top: 11px; }
    .life_sor_item .life_list-intro .list_img, hr, .subtitle{ margin-bottom: 0; }
    .life_sor_item .life_list-intro .subtitle span:nth-child(2){ margin-top: 1px; }

}
@media screen and (max-width:375px){

    .life_sor_wrapper{ margin: 40px auto 30px; }
    .life_sor_banner .banner_title h1{ letter-spacing: 10px; }
    .life_sor_01 .intro{ margin-bottom: 50px; }
    .life_sor_02 .intro{ margin: 40px auto; }
    .life_sor_02 .intro .subtitle_left{ margin-bottom: 1rem; }
    .life_sor_03{ margin: 40px auto 20px; }
    .life_sor_03 .row .col .intro{ padding-bottom: 30px; }
    .life_sor_04 .intro{ margin: 40px auto; }
    .life_sor_04 .intro h1{ padding-bottom: 16px; }
    .life_sor_05 .intro{ padding: 25px 40px 50px; }
    .life_sor_06 .intro, .life_sor_07 .intro{ margin: 30px auto; }
    .life_sor_08 .intro{ padding: 0 5rem 3rem 0; }
    .life_sor_08 .row{ margin: 40px auto; }
    .life_sor_09 .intro_top .subtitle{ margin-bottom: 20px; }
    .life_sor_09 .life_09_pc, .life_sor_09 .intro_bottom{ margin-top: 35px; }
    .life_sor_10 div{ margin: 70px auto 60px; }
    .life_sor_10 h1{ margin-bottom: 1rem; }
    .life_sor_10 h3{ margin-bottom: 3rem; }
    .life_sor_item .title h2{ margin: 42px auto 26px; }
    .life_sor_item .life_list-intro .subtitle span{ margin-top: 0.5rem; }

}

@media screen and (max-width:320px){

    .life_sor_09 .intro_top .subtitle h2, .life_sor_09 .intro_bottom h2{ line-height: 1.5rem; }
    .life_sor_10 div{ margin: 50px auto 40px; }
}




/* det rwd css */

@media screen and (max-width:2560px){

    .det_con_05 .intro{ position: absolute; top: 25%; left: 9%; }
    .det_con_05 .intro h3{ font-size: 1.8vw; color: #fff; font-weight: 300; letter-spacing: 0.5rem; text-align: center; padding-bottom: 0.8rem; }

}
@media screen and (max-width:1920px){

    .det_con_05 .intro{ position: absolute; top: 25%; left: 11%; }
    .det_con_05 .intro h3{  font-size: 2vw; color: #fff; font-weight: 300; letter-spacing: 0.5rem; padding-bottom:1rem; text-align: center; }
     
}
@media screen and (max-width:1440px){
    .det_con_05 .intro{ left: 13%; }
}
@media screen and (max-width:1300px){

    .det_con_01 .row .det_img{ width: 350px; height: 350px; }
    .det_con_01 .row .col .intro p{ width: 96%; }
    .det_con_04 .intro h1{ font-size: 2.8rem; }
    .det_con_05 .intro{ top: 27%; left: 12%; }
    .det_con_05 .intro_bottom .row .det_img{ width: 26%; }
    .det_con_05 .intro h3{ font-size: 2.2vw; }

}
@media screen and (max-width:1250px){

    .det_con_01 .row .det_img{ width: 340px; height: 340px; }
    .det_con_04 .intro h1{ font-size: 3.5vw; }
    .det_con_03 .row .intro{ padding: 6rem 3rem 0 8rem; }
    .det_con_03 .row .det_img{ height: 710px; background-size: cover; }
    .det_con_04 .intro{ top: 32%; }
    .det_con_04 .intro_bottom{ margin: 80px auto; }
    .det_con_05 .intro{ top: 24%; left: 11%; }
    .det_con_05 .intro_bottom .row{ margin: 90px auto 100px; }
    .det_con_05 .intro_bottom .row .bottom_intro{ width: 65%; }
    .det_con_05 .intro_bottom .row .bottom_intro h4{ font-size: 1.2rem; line-height: 2.4rem;}

}
@media screen and (max-width:1100px){

    .det_con_01 .row .text_intro{ width: 53%; }
    .det_con_01 .row .col .title h1, .det_con_03 .row .intro h1{ font-size: 2rem; margin-bottom: 2rem; text-align: left; }
    .det_con_01 .row .col .title h1 span:nth-child(1), .det_con_03 .row .intro h1 span:nth-child(1){ margin-bottom: 0.4rem; }
    .det_con_01 .row .col .intro p, .det_con_03 .row .intro p , .det_con_04 .intro_bottom p{ font-size: 15px; line-height: 30px; }
    .det_con_03 .row .det_img{ height: 632px; }
    .det_con_03 .row .intro{ padding: 4rem 3rem 0 9rem; }
    .det_con_04 .intro{ top: 31%; }
    .det_con_04 .intro h1{ letter-spacing: 1rem; }
    .det_con_05 .intro{ top: 24%; left: 108px; }
    .det_con_05 .intro_bottom .row .col{ padding: 0 30px; }
    .det_con_05 .intro_bottom .row .bottom_intro h4{ font-size: 1.1rem; line-height: 2.2rem; }
    .det_item .det_list-intro .subtitle span, .det_list-intro .subtitle p{ font-size: 17px; }
    .det_item .life_list-intro .subtitle span:nth-child(2){ padding-top: 6px; }

}
@media screen and (max-width:1024px){

    .det_con_01 .row .det_img{ padding-right: 40px; }
    .det_con_01 .row .col .title h1, .det_con_03 .row .intro h1{ font-size: 2.5vw; line-height: 3.8vw; letter-spacing: 0.3rem; margin-bottom: 1.5rem; }
    .det_con_03 .row .det_img{ height: 520px; }
    .det_con_03 .row .intro{ padding: 2rem 3rem 0 5rem; }
    .det_con_05 .intro{ left: 96px; }
    .det_con_05 .intro_bottom .row .col{ padding: 0 25px; }

}
@media screen and (max-width:900px){

    .det_con_03 .row .det_img{ height: 510px; }
    .det_con_03 .row .intro{ padding: 2rem 1rem 0 5rem; }
    .det_con_04 .intro{ top: 29%; }
    .det_con_04 .intro h1{ letter-spacing: 0.8rem; }
    .det_con_05 .intro{ top: 23%; left: 80px; }
    .det_con_05 .intro_bottom .row .det_img{ width: 27%; }

}
@media screen and (max-width:850px){

    .det_con_01 .row .det_img{ width: 280px; height: 280px; padding-right: 0; }
    .det_con_01 .row .col .title h1, .det_con_03 .row .intro h1{ font-size: 2.8vw; line-height: 5vw; }
    .det_con_03 .row .det_img{ height: 630px; }
    .det_con_03 .row .intro{ padding: 2rem 1.5rem 0 3.5rem; }
    .det_con_05 .intro{ top: 23%; left: 75px; }
    .det_con_05 .intro_bottom .row .det_img{ width: 34%; }
}
@media screen and (max-width:768px){

    .detox_banner .banner_pc{ display: none; }
    .detox_banner .banner_mb{ display: block; }
    .det_wrapper{ width: 100%; }
    .det_con_01 .row{ flex-wrap: wrap; justify-content: center; padding: 0; margin: 90px auto; }
    .det_con_01 .row .col{ width: 100%; }
    .det_con_01 .row .det_img{ width: 300px; height: 300px; order: 1; padding-right: 0; margin-bottom: 4rem; }
    .det_con_01 .row .text_intro .title{ width: 451px; margin: 0 auto 4rem; }
    .det_con_01 .row .text_intro .intro p{ display: none; }
    .det_con_01 .row .intro_bottom{ display: block; order: 2; width: 80%; }
    .det_con_01 .row .intro_bottom p, .det_con_03 .row .intro p, .det_con_04 .intro_bottom p{ font-size: 2.5vw; line-height: 5vw; text-align: justify; }
    .det_con_01 .row .col .title h1{ font-size: 5.5vw; line-height: 9vw; }
    .det_con_02 .det_pc{ display: none; }
    .det_con_02 .det_mb{ display: block; }
    .det_con_03 .row{ flex-direction: column; margin: 80px auto 100px; }
    .det_con_03 .row .col{ width: 80%; margin: auto; }
    .det_con_03 .row .det_img{ background-image: none; height: auto;}
    .det_con_03 .row .det_img img{ display: block; }
    .det_con_03 .row .intro{ padding: 5rem 0 0; }
    .det_con_03 .row .intro h1{ font-size: 5.5vw; text-align: center; margin-bottom: 3rem; }
    .det_con_03 .row .intro h1 div{display: inline-block; }
    .det_con_04 .det_pc{ display: none; }
    .det_con_04 .det_mb{ display: block; }
    .det_con_04 .intro{ top: 22%; padding-left: 10px; }
    .det_con_04 .intro h1{ font-size: 6vw; line-height: 10vw; }
    .det_con_04 .intro h1 span{ display: block; }
    .det_con_04 .intro h1 span:nth-child(1){ padding-right: 0; }
    .det_con_04 .intro_bottom{ margin: 80px auto; padding: 0; width: 80%; }
    .det_con_05 .det_pc{ display: none; }
    .det_con_05 .det_mb{ display: block; }
    .det_con_05 .intro{ width: 100%; top: 12%; left: 0%; }
    .det_con_05 .intro h3{ font-size: 4vw; text-align: center; }
    .det_con_05 .intro_bottom .row{ flex-direction: column; margin: 100px auto 130px; }
    .det_con_05 .intro_bottom .row .det_img{ width: 23%; margin-bottom: 3rem; }
    .det_con_05 .intro_bottom .row .col{ padding: 0; }
    .det_con_05 .intro_bottom .row .bottom_intro{ width: 75%; }
    .det_con_05 .intro_bottom .row .bottom_intro h4{ font-size: 3vw; line-height: 5vw; }

    .det_item{ width: 96%; }
    .det_item hr { width: 80%; margin: auto;}
    .det_item .title h2{ font-size: 4.5VW; margin: 60px auto 50px; }
    .det_item .det_list-intro{ flex-wrap: wrap;}
    .det_item .det_list-intro hr{ width: 100%; margin-bottom: 1rem;}
    .det_item .det_list-intro .intro{ width: 50%; margin-bottom: 50px; }
    .det_item .det_list-intro .subtitle span:nth-child(2){ padding-top: 5px; }
    .det_item .det_list-intro .subtitle span, .det_list-intro .subtitle p{ font-size: 2.5vw; }

}
@media screen and (max-width:502px){

    .det_con_01 .row{ margin: 70px auto; }
    .det_con_01 .row .det_img{ width: 230px; height: 230px; margin-bottom: 3.5rem; }
    .det_con_01 .row .text_intro .title{ width: 305px; margin:0 auto 3rem; }
    .det_con_01 .row .intro_bottom p, .det_con_03 .row .intro p, .det_con_04 .intro_bottom p{ font-size: 3.5vw; line-height: 6vw; }
    .det_con_03 .row{ margin: 54px auto 70px; }
    .det_con_03 .row .intro{ padding: 3.5rem 0 0; }
    .det_con_03 .row .intro h1{ margin-bottom: 2rem; }
    .det_con_04 .intro{ top: 17%; }
    .det_con_04 .intro_bottom{ margin: 3.5rem auto; }
    .det_con_05 .intro{ top: 10%; }
    .det_con_05 .intro h3{ padding-bottom: 0.5rem; letter-spacing: 0.4rem; padding-left: 3px; }
    .det_con_05 .intro_bottom .row{ margin: 80px auto 60px; }
    .det_con_05 .intro_bottom .row .col{ margin-bottom: 2.5rem; }
    .det_con_05 .intro_bottom .row .det_img{ width: 26%; }
    .det_con_05 .intro_bottom .row .bottom_intro h4{ font-size: 4vw; line-height: 7.5vw; }
    .det_item{ width: 90%; margin-bottom: 80px; }
    .det_item hr{ width: 95%; }
    .det_item .title h2{ margin: 60px auto 40px; }
    .det_item .det_list-intro hr{ margin-bottom: 0; }
    .det_item .det_list-intro .intro{ padding: 0 9px; margin-bottom: 25px; }
    .det_item .det_list-intro .subtitle span, .det_list-intro .subtitle p{ font-size: 2.8vw; }
    .det_item .det_list-intro .subtitle span:nth-child(2){ padding-top: 10px; }
    
}
@media screen and (max-width:428px){ 
    .det_con_01 .row .text_intro .title{ width: 264px; } 
    .det_con_05 .intro{ top: 10%; } 
    .det_con_05 .intro h3{ padding-left: 4px; } 
    .det_item .title h2{ letter-spacing: 0.2rem; } 
}
@media screen and (max-width:425px){

    .det_con_01 .row{ margin: 60px auto; }
    .det_con_01 .row .det_img{ width: 210px; height: 210px; margin-bottom: 3rem; }
    .det_con_01 .row .text_intro .title{ width: 262px; margin: 0 auto 2.5rem; }
    .det_con_03 .row .intro{ padding: 2.5rem 0 0; }
    .det_con_03 .row .intro h1{ margin-bottom: 1rem; }
    .det_con_04 .intro{ top: 19%; }
    .det_con_04 .intro_bottom{ margin: 3rem auto; }
    .det_con_05 .intro{ top: 10%; }
    .det_con_05 .intro h3{ letter-spacing: 0.3rem; }
    .det_con_05 .intro_bottom .row{ margin: 70px auto 50px; }
    .det_con_05 .intro_bottom .row .det_img{ width: 24%; margin-bottom: 2rem; }
    .det_item .det_list-intro .subtitle span:nth-child(2){ padding-top: 12px; }
    
}
@media screen and (max-width:414px){ 
    .det_con_01 .row .text_intro{ width: 63%; }
    .det_con_01 .row .text_intro .title{ width: 100%; } 
}
@media screen and (max-width:375px){
    
    .det_con_01 .row{ margin: 50px auto; }
    .det_con_01 .row .det_img{ width: 190px; height: 190px; margin-bottom: 2rem; }
    .det_con_01 .row .text_intro .title{ width: 235px; margin: 0 auto 2rem; }
    .det_con_03 .row{ margin: 54px auto; }
    .det_con_05 .intro h3{ padding-bottom: 0.5rem; letter-spacing: 0.3rem; }
    .det_con_05 .intro_bottom .row{ margin: 60px auto 30px; }
    .det_item .title h2{ margin: 42px auto 26px; letter-spacing: 0.3rem; }

}
@media screen and (max-width:320px){

    .det_con_01 .row .text_intro .title{ width: 206px; margin: 0 auto 2rem; }
    .det_con_05 .intro_bottom .row{ margin: 50px auto 20px; }
    .det_item .title h2{ margin: 42px auto 26px; letter-spacing: 0.2rem; }

}


/* cofe rwd */

@media screen and (max-width:2560px){
    .cofe_con_01 .cofe_01_top .row .title h1{ font-size: 2.5rem; letter-spacing: 0.8rem; }
    .cofe_con_02 .container{ width: 40%; }
    .cofe_con_04 .cofe_banner .title{ top: 30%; left: 12%; }
    .cofe_con_04 .cofe_banner .title h3{ font-size: 2.4vw; line-height: 4.5vw; letter-spacing: 1rem; }
    .cofe_con_05 .intro_bottom h2{ font-size: 1.1vw; line-height: 2vw; }
    .cofe_con_05 .intro_bottom blockquote .fa-quote-right{ padding-right: 40px; }
}
@media screen and (max-width:1920px){
    .cofe_con_02 .container{ width: 50%; margin: 0 auto; }
    .cofe_con_04 .cofe_banner .title{ position: absolute; top: 33%; left: 14%; }
    .cofe_con_04 .cofe_banner .title h3{ color: #fff; font-weight: 300; text-align: center; font-size: 2.6vw; line-height: 4.5vw; letter-spacing: 1rem; }
    .cofe_con_05 .intro_bottom h2{ color: #4D4D4D; font-size: 1.7rem; line-height: 3rem; font-weight: 400; letter-spacing: 4px; }
    .cofe_con_05 .intro_bottom blockquote .fa-quote-right{ padding-right: 0; }
}
@media screen and (max-width:1440px){
    .cofe_con_04 .cofe_banner .title{ top: 35%; left: 17%; }
}
@media screen and (max-width:1300px){

    .cofe_con_01 .cofe_01_top .row .title h1{ font-size: 2.2rem; letter-spacing: 0.6rem; }
    .cofe_con_01 .cofe_banner .title{ top: 39%; }
    .cofe_con_01 .cofe_banner .title h2{ font-size: 2.6rem; line-height: 4rem; }
    .cofe_con_04 .cofe_banner .title{ top: 38%; left: 16%; }
    .cofe_con_04 .intro_bottom{ padding: 0 140px; }
    .cofe_con_05 .intro_bottom h2{ font-size: 1.6rem; }
    .cofe_con_05 .intro_bottom blockquote{ width: 80%; }

}
@media screen and (max-width:1250px){

    .cofe_con_01 .cofe_banner .title{ top: 40%; }
    .cofe_con_01 .cofe_banner .title h2{ font-size: 2.2rem; line-height: 4rem; }
    .cofe_con_01 .cofe_banner .title span:nth-child(1){ padding-right: 20px; }
    .cofe_con_01 .cofe_01_top .row .title h1{ font-size: 1.9rem; letter-spacing: 0.8rem; line-height:3rem ;}
    .cofe_con_02 .title h1, .cofe_con_03 .title h1{ font-size: 2.1rem; letter-spacing: 0.6rem; margin-bottom: 60px; }
    .cofe_con_03 .row .col h3{ font-size: 1.6rem; padding: 2rem 0 0.5rem; }
    .cofe_con_03 .row .col p{ width: 98%; }
    .cofe_con_04 .cofe_banner .title{ top: 43%; }
    .cofe_con_04 .intro_bottom{ padding: 0 130px; }
    .cofe_con_05 .intro_bottom h2{ font-size: 1.3rem; line-height: 2.4rem; }

}
@media screen and (max-width:1100px){

    .cofe_con_01 .cofe_01_top .row .title h1{ font-size: 1.8rem; letter-spacing: 0.5rem; line-height: 3rem; text-align: left; }
    .cofe_con_04 .cofe_banner .title{ top: 35%; }
    .cofe_con_04 .intro_bottom{ padding: 0 120px; }
    .cofe_con_05 .intro_bottom h2{ font-size: 1.3rem; line-height: 2.4rem; }
    
}
@media screen and (max-width:1024px){

    .cofe_con_01 .cofe_01_top .row .title h1{ font-size: 2rem; line-height: 3rem; letter-spacing: 0.3rem; }
    .cofe_con_01 .cofe_banner .title{ top: 38%; }
    .cofe_con_01 .cofe_banner .title h2{ font-size: 2rem; line-height: 3.5rem; margin-bottom: 0; }
    .cofe_con_01 .cofe_banner .title span:nth-child(1){ padding-right: 15px; }
    .cofe_con_01 .cofe_01_bottom .row{ justify-content: space-around; padding: 0 10px 0 30px; }
    .cofe_con_01 .cofe_01_bottom .row .icon .icon_img:nth-child(2){ width: 240px; }
    .cofe_con_01 .cofe_01_bottom{ margin: 90px auto 110px; }
    .cofe_con_01 .cofe_01_bottom .row .intro{ width: 47%; }
    .cofe_con_01 .cofe_01_bottom .row .icon{ width: 30%; }
    .cofe_con_01 .cofe_01_bottom .row .icon .icon_img:nth-child(1){ margin-bottom: 20px; }
    .cofe_con_01 .cofe_01_bottom .row .icon .icon_img:nth-child(2){ width: 200px; }
    .cofe_con_02{ padding: 70px 0 100px; }
    .cofe_con_02 .container{ width: 65%; }
    .cofe_con_02 .title h1, .cofe_con_03 .title h1{ font-size: 2rem; letter-spacing: 0.7rem; }
    .cofe_con_03{ margin: 100px auto; }
    .cofe_con_03 .row .col{ width: 16%; }
    .cofe_con_03 .row .col h3{ font-size: 1.5rem; padding: 1.5rem 0 0.5rem; }
    .cofe_con_03 .row .col p{ width: 100%; line-height: 30px; }
    .cofe_con_04 .cofe_banner .title h3{ letter-spacing: 0.8rem; }
    .cofe_con_04 .intro_bottom{ margin: 90px auto; padding: 0 84px; }
    .cofe_con_05 .intro_bottom blockquote{ width: 90%; }
    .cofe_con_05 .intro_bottom{ margin: 90px auto 100px; }
    .cofe_con_05 .intro_bottom h2{ font-size: 1.3rem; line-height: 2.4rem; margin-bottom: 0; }
}
@media screen and (max-width:900px){

    .cofe_con_01 .cofe_01_top .row, .cofe_con_01 .cofe_01_bottom{ margin: 80px auto 100px; }
    .cofe_con_01 .cofe_01_top .row .title h1{ font-size: 1.6rem; line-height: 2.4rem; }
    .cofe_con_01 .cofe_banner .title h2{ font-size: 1.6rem; line-height: 3rem; letter-spacing: 0.6rem; }
    .cofe_con_01 .cofe_01_bottom .row .icon .icon_img:nth-child(2){ width: 220px; }
    .cofe_con_02 .title h1, .cofe_con_03 .title h1{ font-size: 1.8rem; margin-bottom: 45px; }
    .cofe_con_03{ margin: 80px auto; }
    .cofe_con_03 .row .col p{ width: 96%; }
    .cofe_con_04 .intro_bottom{ margin: 80px auto; }
    .cofe_con_04 .cofe_banner .title h1{ font-size: 2rem; letter-spacing: 0.7rem; }
    .cofe_con_05 .intro_bottom{ margin: 80px auto; }
    .cofe_con_05 .intro_bottom h2{ font-size: 1.2rem; line-height: 2.5rem; letter-spacing: 2px; }


}
@media screen and (max-width:850px){

    .cofe_con_01 .cofe_01_top .row, .cofe_con_01 .cofe_01_bottom{ margin: 80px auto 100px; }
    .cofe_con_01 .cofe_01_top .row .title h1{ font-size: 1.6rem; line-height: 2.4rem; }
    .cofe_con_01 .cofe_01_bottom .row .icon .icon_img:nth-child(2){ width: 200px; }
    .cofe_con_03{ margin: 80px auto; }
    .cofe_con_03 .row .col p{ width: 96%; }
    .cofe_con_04 .intro_bottom{ margin: 80px auto; }
    .cofe_con_04 .cofe_banner .title h1{ font-size: 2rem; letter-spacing: 0.7rem; }
    .cofe_con_05 .intro_bottom{ margin: 80px auto; }
    .cofe_con_05 .intro_bottom h2{ font-size: 1.1rem; line-height: 2.2rem; letter-spacing: 2px; }

}
@media screen and (max-width:768px){

    .cofelife_banner .banner_pc{ display: none; }
    .cofelife_banner .banner_mb{ display: block; }
    .cofe_con_01, .cofe_wrapper{ width: 100%; }
    .cofe_con_01 .cofe_banner .cofe_pc{ display: none; }
    .cofe_con_01 .cofe_banner .cofe_mb{ display: block; }
    .cofe_con_01 .cofe_01_top .row{ flex-direction: column; margin: 60px auto 90px; }
    .cofe_con_01 .cofe_01_top .row .title{ width: 100%; margin-bottom: 1.5rem; }
    .cofe_con_01 .cofe_01_top .row .title h1{ font-size: 5.5vw; margin-bottom: 1.5rem; text-align: center; }
    .cofe_con_01 .cofe_01_top .row .title h1 span{ display: inline-block; }
    .cofe_con_01 .cofe_01_top .row .title h1 span:nth-child(1){ padding-right: 1.6rem; }
    .cofe_con_01 .cofe_01_top .row .intro{ width: 80%; }
    .cofe_con_01 .cofe_01_top .row .intro p, .cofe_con_04 .intro_bottom p{ font-size:2.5vw; line-height:5vw; text-align: justify; }
    .cofe_con_01 .cofe_01_top .row .intro p.first{ padding-bottom: 15px; }
    .cofe_con_01 .cofe_banner .title h2{ font-size: 2.8rem; line-height: 4rem; letter-spacing: 0.8rem; }
    .cofe_con_01 .cofe_banner .title span:nth-child(1){ padding-right: 20px; }
    .cofe_con_01 .cofe_01_bottom{ margin: 95px auto; }
    .cofe_con_01 .cofe_01_bottom .row{ flex-direction: column; padding: 0; }
    .cofe_con_01 .cofe_01_bottom .row .icon{ width: 100%; flex-direction: row; justify-content: center; margin-bottom: 4rem; padding-right: 3rem; }
    .cofe_con_01 .cofe_01_bottom .row .intro{ width: 80%; margin: auto; }
    .cofe_con_01 .cofe_01_bottom .row .col p{ font-size: 2.5vw; line-height: 5vw; }
    .cofe_con_02{ padding: 80px 0 100px; }
    .cofe_con_02 .container{ width: 82%; }
    .cofe_con_02 .title h1, .cofe_con_03 .title h1{ font-size: 5.5vw; letter-spacing: 1rem; margin-bottom: 50px; }
    .cofe_con_03{ margin: 90px auto 50px }
    .cofe_con_03 .row{ flex-wrap: wrap; justify-content: space-evenly; padding: 0 3rem 0; }
    .cofe_con_03 .row .col{ width: 26%; margin-bottom: 4rem; }
    .cofe_con_03 .row .col h3{ padding: 2rem 0 1rem 0; }
    .cofe_con_03 .row .col p{ width: 87%; }
    .cofe_con_04 .cofe_banner .cofe_img .cofe_pc{ display: none; }
    .cofe_con_04 .cofe_banner .cofe_img .cofe_mb{ display: block; }
    .cofe_con_04 .cofe_banner .title{ top: 34%; left: 18%; }
    .cofe_con_04 .cofe_banner .title h3{ font-size: 4vw; line-height: 7.5vw; letter-spacing: 1rem; }
    .cofe_con_04 .intro_bottom{ width: 80%; padding: 0; }
    .cofe_con_05 .cofe_img .cofe_pc{ display: none; }
    .cofe_con_05 .cofe_img .cofe_mb{ display: block; }
    .cofe_con_05 .intro_bottom{ display: none; }
    .cofe_con_05 .intro_bottom_sm{ display: block; margin: 90px auto 110px; }
    .cofe_con_05 .intro_bottom_sm blockquote{ width: 100%; }
    .cofe_con_05 .intro_bottom_sm h2{ width: 66%; font-size: 4vw !important; line-height: 7vw; letter-spacing: 2px; padding: 1rem 0; margin-bottom: 0; text-align: justify; text-align-last: center; }
    .cofe_con_05 .intro_bottom_sm blockquote .fa-quote-left{ padding-right: 0; }
    .cofe_con_05 .intro_bottom_sm blockquote .fa-quote-right{ text-indent: -1rem; }
    main hr{ width: 80%; margin: auto; }
    .cofe_item{ width: 100%; }
    .cofe_item hr { width: 80%; margin: auto;}
    .cofe_item .title h2{ font-size: 4.5VW; margin: 60px auto 50px; }
    .cofe_item .cofe_list-intro{ flex-wrap: wrap; width: 88%; }
    .cofe_item .cofe_list-intro hr{ width: 100%; margin-bottom: 1rem;}
    .cofe_item .cofe_list-intro .intro{ width: 50%; margin-bottom: 50px; padding: 0 13px; }
    .cofe_item .cofe_list-intro .subtitle span:nth-child(2){ padding-top: 5px; }
    .cofe_item .cofe_list-intro .subtitle span, .det_list-intro .subtitle p{ font-size: 2.5vw; }

}
@media screen and (max-width:502px){

    .cofe_con_01 .cofe_01_top .row{ margin: 50px auto 80px; }
    .cofe_con_01 .cofe_01_top .row .intro p.first:first-letter{ font-size: 1.8rem; padding-right: 1px; }
    .cofe_con_01 .cofe_01_top .row .title{ margin-bottom: 0; }
    .cofe_con_01 .cofe_01_top .row .title h1{ font-size: 5.5vw; line-height: 9vw; }
    .cofe_con_01 .cofe_01_top .row .intro p, .cofe_con_04 .intro_bottom p, .cofe_con_01 .cofe_01_bottom .row .col p{ font-size: 3.5vw; line-height: 6vw; text-align: justify; }
    .cofe_con_01 .cofe_01_top .row .title h1 span:nth-child(1){ padding-right: 1.3rem; }
    .cofe_con_01 .cofe_banner .title{ top: 37%; padding-left: 0.4rem; }
    .cofe_con_01 .cofe_banner .title h2{ font-size: 6vw; line-height: 10vw; letter-spacing: 8px; }
    .cofe_con_01 .cofe_01_bottom{ margin: 80px auto; }
    .cofe_con_01 .cofe_01_bottom .row .col:nth-child(1){ width: 90%; align-items: stretch; padding-right: 2.5rem; margin-bottom: 1rem; }
    .cofe_con_01 .cofe_01_bottom .row .icon .icon_img:nth-child(1){ width: 260px; }
    .cofe_con_01 .cofe_01_bottom .row .icon .icon_img:nth-child(2){ width: 180px; }
    .cofe_con_02{ padding: 60px 0 90px; }
    .cofe_con_02 .title h1, .cofe_con_03 .title h1{ font-size: 6vw; letter-spacing: 8px; margin-bottom: 40px; }
    .cofe_con_03{ margin: 70px auto 20px; }
    .cofe_con_03 .row{ padding: 0 1.5rem 0; }
    .cofe_con_03 .row .col{ margin-bottom: 2.8rem; }
    .cofe_con_03 .row .col:nth-child(4){ margin-left: 52px; }
    .cofe_con_03 .row .col:nth-child(5){ margin-right: 52px; }
    .cofe_con_03 .row .col h3{ font-size: 1.2rem; padding: 1.5rem 0 0.5rem 0; }
    .cofe_con_03 .row .col p{ font-size: 3.5vw; line-height: 6vw; width: 90%; }
    .cofe_con_04 .cofe_banner .title{ top: 34%; left: 14%; }
    .cofe_con_04 .cofe_banner .title h3{ letter-spacing: 0.8rem; }
    .cofe_con_04 .intro_bottom{ margin: 75px auto; }
    .cofe_con_05 .intro_bottom{ margin: 80px auto 90px; }
    .cofe_con_05 .intro_bottom h2{ font-size: 3.8vw; line-height: 6.8vw; }
    .cofe_con_05 .intro_bottom blockquote .fa-quote-left{ padding-right: 0; }
    main hr{ width: 85%; }
    .cofe_item{ width: 100%; margin-bottom: 80px; }
    .cofe_item hr{ width: 95%; }
    .cofe_item .title h2{ margin: 35px auto 30px; letter-spacing: 5px; }
    .cofe_item .cofe_list-intro hr{ margin-bottom: 0; }
    .cofe_item .cofe_list-intro .intro{ padding: 0 9px; margin-bottom: 25px; }
    .cofe_item .cofe_list-intro .subtitle span, .cofe_list-intro .subtitle p{ font-size: 2.8vw; margin-bottom: 0; }
    .cofe_item .cofe_list-intro .subtitle span:nth-child(2){ padding-top: 10px; }

}
@media screen and (max-width:430px){

    .cofe_con_01 .cofe_banner .title span:nth-child(1){ padding-right: 15px; }
    .cofe_con_01 .cofe_01_top .row{ margin: 40px auto 80px; }
    .cofe_con_01 .cofe_01_top .row .title h1 span:nth-child(1){ padding-right: 1.1rem; }
    .cofe_con_01 .cofe_01_bottom{ margin: 70px auto; }
    .cofe_con_02 .title h1, .cofe_con_03 .title h1{ margin-bottom: 35px; }
    .cofe_con_03{ margin: 60px auto 10px; }
    .cofe_con_03 .row .col p{ width: 92%; }
    .cofe_con_04 .cofe_banner .title{ left: 15%; }
    .cofe_con_04 .cofe_banner .title h3{ letter-spacing: 0.6rem; }
    .cofe_con_04 .intro_bottom{ margin: 60px auto; }
    .cofe_con_05 .intro_bottom{ margin: 70px auto ; }
    .cofe_con_05 .intro_bottom_sm{ margin: 70px auto 80px; }
    .cofe_con_05 .intro_bottom_sm h2{ width: 70%; }
    .cofe_con_05 .intro_bottom_sm blockquote .fa-quote-left{ padding-right: 0; }
    .cofe_item .title h2{ letter-spacing: 0.2rem; }
    .cofe_item .cofe_list-intro .subtitle span:nth-child(2){ padding-top: 12px; }

}
@media screen and (max-width:414px){

    .cofe_con_05 .intro_bottom_sm h2{ width: 70%; }

}
@media screen and (max-width:390px){
    .cofe_con_01 .cofe_banner .title{ padding-left: 0; }
    .cofe_con_03 .row .col p{ width: 96%; }
    .cofe_con_03 .row .col:nth-child(4){ margin-left: 50px; }
    .cofe_con_03 .row .col:nth-child(5){ margin-right: 50px; }
}
@media screen and (max-width:375px){

    .cofe_con_01 .cofe_01_top .row{ margin: 30px auto 60px; }
    .cofe_con_01 .cofe_01_top .row .title{ margin-bottom: 0; }
    .cofe_con_01 .cofe_01_top .row .title h1 span:nth-child(1){ padding-right: 0.8rem; }
    .cofe_con_01 .cofe_01_top .row .intro p.first:first-letter{ font-size: 1.8rem; }
    .cofe_con_01 .cofe_01_bottom{ margin: 60px auto; }
    .cofe_con_02{ padding: 50px 0 80px; }
    .cofe_con_02 .title h1, .cofe_con_03 .title h1{ font-size: 5.5vw; letter-spacing: 6px; margin-bottom: 30px; }
    .cofe_con_03{ margin: 50px auto 10px; }
    .cofe_con_03 .row .col{ margin-bottom: 2.5rem; }
    .cofe_con_03 .row .col h3{ font-size: 1.1rem; }
    .cofe_con_03 .row .col p{ width: 93%; }
    .cofe_con_03 .row .col:nth-child(4){ margin-left: 40px; }
    .cofe_con_03 .row .col:nth-child(5){ margin-right: 40px; }
    .cofe_con_04 .cofe_banner .title{ left: 16%; }
    .cofe_con_04 .cofe_banner .title h3{ letter-spacing: 0.5rem; }
    .cofe_con_04 .intro_bottom{ margin: 50px auto; }
    .cofe_con_05 .intro_bottom{ margin: 60px auto; }
    .cofe_con_05 .intro_bottom_sm{ margin: 60px auto 80px; }
    .cofe_item .title h2{ margin: 42px auto 26px; }
    .cofe_item .cofe_list-intro .subtitle span:nth-child(2){ padding-top: 15px; }

}
@media screen and (max-width:320px){

    .cofe_con_01 .cofe_01_top .row .intro p.first:first-letter{ font-size: 1.6rem; }
    .cofe_con_03 .row{ justify-content: space-between; }
    .cofe_con_03 .row .col h3{ font-size: 1rem; }
    .cofe_con_03 .row .col:nth-child(4){ margin-left: 50px; }
    .cofe_con_03 .row .col:nth-child(5){ margin-right: 50px; }
    .cofe_con_04 .cofe_banner .title{ left: 16%; }
    .cofe_con_04 .cofe_banner .title h3{ letter-spacing: 0.4rem; }
    .cofe_con_05 .intro_bottom_sm{ margin: 60px auto 70px; }
    .cofe_con_05 .intro_bottom_sm h2{ width: 72%; }
    .cofe_item .title h2{ margin: 42px auto 26px; letter-spacing: 0.2rem; }

}


/* 運動內衣 rwd */

@media screen and (max-width:1440px){ 

    .psb_section .row .intro .title h1{ padding: 0 6px 0 0; }
}
@media screen and (max-width:1300px){ 
    .psb_con_03 .row .psb_img{ height: 476px; }
    .psb_con_04 .row .psb_img{ height: 490px; }
    .psb_con_05 .row .psb_img{ height: 518px; }
    .psb_con_06 .row .psb_img{ height: 550px; }
    .psb_con_06 .title_bottom h1{ font-size: 2.4vw; } 

}
@media screen and (max-width:1250px){

    .psb_con_01 .row .title h2{  font-size: 3vw; letter-spacing: 0.6rem; }
    .psb_section .row .intro .title div{ width: 150px; height: 150px; }
    .psb_section .row .intro .title p{ font-size: 1.8vw; }
    .psb_section .row .intro .title h1{ font-size: 5vw; margin-top: -0.2rem; }
    .psb_section .row .intro .title div{ width: 140px; height: 140px; }
    .psb_section .row .intro .title h3{ font-size: 2.8vw; letter-spacing: 0.3rem; }
    .psb_con_03 .row .intro_bottom .col h3{ font-size: 2.6vw; }
    .psb_item .psb_list-intro .subtitle span:nth-child(2){ padding-top: 0.2rem; }

}
@media screen and (max-width:1100px){

    .psb_section .row .intro .text{ width: 82%; }
    .psb_section .row .intro .title{ margin-bottom: 2rem; }
    .psb_section .row .intro .title div{ padding: 24px; }
    .psb_section .row .intro .text p, .psb_con_01 .row .subtitle p{ font-size: 15px; line-height: 30px; }
    .psb_con_02 .row .intro .title h1{ padding: 0 14px 0 8px; }
    .psb_con_02 .intro .subtitle_pc p{ font-size: 1rem; }
    .psb_con_01 .row .title h2{ font-size: 2.8vw; line-height: 4.5vw; }
    .psb_con_02 .intro .title{ margin-bottom: 1rem; }
    .psb_con_02 .intro .title h3{ font-size: 3.8vw; letter-spacing: 0.8rem; }
    .psb_con_02 .intro .title h1{ padding: 0 14px 0 8px; }
    .psb_con_02 .intro_bottom .row .col h2{ font-size: 3vw; padding-bottom: 0.6vh; margin-bottom: 0; }
    .psb_con_02 .intro_bottom .row .col p{ font-size: 1.8vw; }
    .psb_con_03 .row .psb_img{ height: 386px; }
    .psb_con_04 .row .psb_img{ height: 400px; }
    .psb_con_05 .row .psb_img{ height: 418px; }
    .psb_con_06 .row .psb_img{ height: 465px; }
    .psb_con_04 .row .intro_bottom .col h3, .psb_con_05 .row .intro_bottom .col h3{ font-size: 1.8vw; margin-top: 1vw; }
    .psb_con_06 .title_bottom h1{ font-size: 2.3vw; }
    .psb_item .title h2{ font-size: 1.7rem; }
    .psb_item .psb_list-intro .subtitle span, .psb_item .psb_list-intro .subtitle p{ font-size: 17px; padding-top: 0.4rem; }

}
@media screen and (max-width:1024px){

    .psb_banner .banner_title{ top: 35%; left: 19%; }
    .psb_banner .banner_title h1{ margin: 0; }
    .psb_section .row{ margin: 80px auto; }
    .psb_section .row .intro .title div{ width: 130px; height: 130px; margin-right: 1.5rem; padding: 30px; }
    .psb_section .row .intro .text{ width: 86%; }
    .psb_section .row .intro .title h1{ margin-top: -0.2rem; padding: 0 4px 0 0; }
    .psb_con_01 .psb_01_pc{ margin-bottom: 60px; }
    .psb_con_02 .intro .title h3{ font-size: 3.5vw; }
    .psb_con_02 .intro .title h1{ margin-bottom: -0.4rem; }
    .psb_con_03 .row .intro_bottom{ width: 65%; }
    .psb_con_04 .row .intro_bottom .col .img_icon{ width: 80px; }
    .psb_con_05 .row .intro_bottom .col .img_icon{ width: 100px; }
    .psb_con_05 .row .intro_bottom{ width: 64%; }
    .psb_item .psb_list-intro .subtitle p{ padding-top: 0; }
    .psb_item .psb_list-intro .subtitle span:nth-child(2){ padding-top: 0.4rem; }
    
}

@media screen and (max-width:900px){

    .psb_banner .banner_title h3{ letter-spacing: 0.3rem; }
    .psb_banner .banner_title h1{ letter-spacing: 0.8rem; }
    .psb_section .row .intro .title div{ width: 120px; height: 120px; }
    .psb_section .row .intro .title h1{ margin-top: -0.5rem; padding: 0 5px 0 0; }
    .psb_con_02 .intro .title h1{ padding: 0 12px 0 2px; margin-bottom: -0.6rem; }
    .psb_con_06 .title_bottom h1{ font-size: 2.3vw; letter-spacing: 4px; }
    
}
@media screen and (max-width:850px){

    .psb_section .row .intro .title div{ width: 110px; height: 110px; padding: 24px; margin-right: 1.5rem; }
    .psb_section .row .intro .title h1{ margin-top: -0.3rem; }
    .psb_con_01 .row .title h2{ font-size: 2.5vw; line-height: 4.2vw; }
    .psb_con_01 .row .subtitle{ width: 59%; }
    .psb_con_02 .intro_bottom .row{ margin: 0; padding: 35px 0 25px 15px; }
    .psb_con_02 .intro_bottom .row .col h2{ letter-spacing: 0.2rem; }
    .psb_con_03 .row .intro_bottom{ width: 62%; }
    .psb_con_03 .row .intro_bottom .img_icon{ width: 30px; }
    .psb_con_03 .row .intro_bottom .col h3{ font-size: 2.5vw; }
    .psb_con_04 .row .intro_bottom .col{ padding: 0 14px 0 0; }
    .psb_con_04 .row .intro_bottom .col .img_icon{ width: 70px; }
    .psb_con_05 .row .intro_bottom .col{ padding: 0 30px 0 0; }
    .psb_con_06 .title_bottom h1{ margin: 90px auto; }
    .psb_item .title h2{ margin: 60px auto 50px; }
    .psb_item .psb_list-intro .subtitle span:nth-child(2){ padding-top: 0; margin-top: -0.1rem; }
    .psb_item .psb_list-intro .title_sm span:nth-child(2){ margin-top: 0.4rem; }

}


@media screen and (max-width:768px){

    .psb_banner .banner_title{ width: 100%; top: 40%; left: 0; }
    .psb_banner .banner_title h3{ font-size: 4.2vw; text-align: center; }
    .psb_banner .banner_title h1{ font-size: 8vw; text-align: center; text-indent: 0; margin: 0; }
    .psb_banner .banner_pc{ display: none; }
    .psb_banner .banner_mb{ display: block; }
    .psb_wrapper{ width: 100%; }
    .psb_section .border_bottom{ display: none; }
    .psb_wrapper .border_sm{ width: 80%; }
    .psb_section .border_sm{ display: block; margin: 80px auto; }
    .psb_section .row{ flex-direction: column; align-items: center; margin: 30px auto; }
    .psb_section .row .intro{ width: 68%; margin-bottom: 4rem; }
    .psb_section .row .intro .title{ justify-content: center; }
    .psb_section .row .intro .title div{ width: 170px; height: 170px; padding: 40px; }
    .psb_section .row .intro .title p{ font-size: 3.5vw; }
    .psb_section .row .intro .title h1{ font-size: 10vw; margin-top: -0.2rem; }
    .psb_section .row .intro .title h3{ font-size: 4.2vw; }
    .psb_section .row .intro .text{ width: 100%; margin-bottom: 0; }
    .psb_section .row .intro .text p, .psb_con_01 .row .subtitle p{ font-size: 2.5vw; line-height: 4.5vw; text-align: justify; text-align-last: center; }
    .psb_section .row .psb_img{ background-image: none; height: auto; width: 80%; }
    .psb_section .row .psb_img .psb_mb{ display: block; width: 100%; }
    .psb_con_01 .row .subtitle p::first-letter{ padding-right: 0.2rem; }
    .psb_con_01 .row .subtitle{ width: 76%; }
    .psb_con_01 .row .title{ width: 60%; margin-bottom: 2rem; }
    .psb_con_01 .row .title h2{ font-size: 5vw; letter-spacing: 0.4rem; text-align: center; line-height: 8vw; }
    .psb_con_01 .row .title h2 span:nth-child(1){ display: block; }
    .psb_con_01 .row .title h2 span{ display: inline-block; }
    .psb_con_02 .row .intro{ width: 67%; }
    .psb_con_02 .intro .title{ margin-bottom: 2rem; }
    .psb_con_02 .intro .title h3{ font-size: 4.5vw; letter-spacing: 0.6rem; }
    .psb_con_02 .intro .title h1{ font-size: 8vw; padding: 0 16px 0 8px; margin-bottom: -0.4rem; }
    .psb_con_02 .intro .subtitle_pc{ display: none; }
    .psb_con_02 .intro .subtitle_mb{ display: block; }
    .psb_con_02 .intro .subtitle_mb p{ color: #4d4d4d; text-align: center; font-size: 2.5vw; letter-spacing: 0.2rem; line-height: 4.2vw; }
    .psb_con_02 .row .psb_img{ width: 80%; }
    .psb_con_02 .bottom_pc{ display: none; }
    .psb_con_02 .bottom_sm{ display: block; width: 80%; margin: auto; }
    .psb_con_02 .bottom_sm .row{  flex-direction: row; justify-content: space-evenly; padding: 45px 0; margin: 0; }
    .psb_con_02 .bottom_sm .row hr{ display: none;}
    .psb_con_02 .bottom_sm .border{ height: 80px; border-left:1px solid #888888 ;  }
    .psb_con_02 .bottom_sm .row .col h2{ font-size: 4.2vw; font-weight: 300; color:#4D4D4D; text-align: center; letter-spacing: 0.3rem; padding-bottom: 0.8rem; }
    .psb_con_02 .bottom_sm .row .col h2 span{ font-weight: 400; }
    .psb_con_02 .bottom_sm .row .col p{ font-size: 1.2rem; color:#4D4D4D; text-align: center;  }
    .psb_con_02 .bottom_sm  hr{ width: 88%; margin: auto; background-color: #4D4D4D; }
    .psb_con_02 .bottom_sm .col_bottom{ padding: 30px 0 45px; }
    .psb_con_02 .bottom_sm .col_bottom h2{ font-size: 2.1rem; font-weight: 300; color:#4D4D4D; text-align: center; letter-spacing: 0.4rem; }
    .psb_con_02 .bottom_sm .col_bottom h2 span{ font-weight: 400; }
    .psb_con_02 .bottom_sm .col_bottom p{ font-size: 1.2rem; color:#4D4D4D; text-align: center; }
    .psb_con_03 .row .intro_bottom{ width: 100%; height: 110px; flex-wrap: nowrap; margin: auto; justify-content: space-between; margin-bottom: -2rem; }
    .psb_con_03 .row .intro_bottom .col{ width: 100%; align-items: center; justify-content: center; }
    .psb_con_03 .row .intro_bottom .col h3{ font-size: 3.8vw; letter-spacing: 2px; }
    .psb_con_03 .row .intro_bottom .img_icon{ width: 34px; padding-top: 4px; }
    .psb_con_04 .row .intro_bottom, .psb_con_05 .row .intro_bottom{ width: 100%; justify-content: center; }
    .psb_con_04 .row .intro_bottom .col{ padding: 0 14px;  margin-top: 50px; }
    .psb_con_04 .row .intro_bottom .col h3, .psb_con_05 .row .intro_bottom .col h3{ font-size: 2.6vw; margin-top: 1rem; }
    .psb_con_04 .row .intro_bottom .col .img_icon{ width: 120px; }
    .psb_con_05 .row .intro_bottom .col{ padding: 0 14px; margin: 50px 10px 0; }
    .psb_con_05 .row .intro_bottom .col .img_icon{ width: 124px; }
    .psb_con_06 .row .img_bottom{ width: 90%; margin: 3rem auto 0;}
    .psb_con_06 .title_bottom h1{ font-size: 4.5vw; line-height: 8vw; margin: 100px auto; }
    .psb_con_06 .title_bottom h1 span{ display: block; }
    .psb_item{ width: 96%; }
    .psb_item hr:nth-child(1){ width: 90%; margin: auto; }
    .psb_item .title h2{ font-size: 4.5vw; margin: 60px auto 50px; }
    .psb_item .psb_list-intro hr{ margin-bottom: 0.6rem; }
    .psb_item .psb_list-intro .intro{ width: 50%; }
    .psb_item .psb_list-intro .subtitle span:nth-child(2){ padding-top: 0.5rem; }
    .psb_item .psb_list-intro .subtitle span, .psb_item .psb_list-intro .subtitle p{ font-size: 2.5vw; }
    .psb_item .psb_list-intro .subtitle p{ padding-top: 0; }
    
}
@media screen and (max-width:502px){

    .psb_banner .banner_title h1{ font-size: 7vw; letter-spacing: 0.6rem; }
    .psb_wrapper{ margin: 60px auto; }
    .psb_wrapper .border_sm{ margin: 60px auto; }
    .psb_section .row{ margin: 50px auto 30px; }
    .psb_section .row .intro{  width: 69%; margin-bottom: 3rem; }
    .psb_section .row .intro .title div{ width: 120px; height: 120px; padding: 26px; }
    .psb_section .row .intro .title h1{ margin-top: 0; }
    .psb_section .row .intro .title h3{ font-size: 4.5vw; }
    .psb_section .row .intro .title p{ margin-bottom: -0.5rem; }
    .psb_section .row .intro .text p, .psb_con_01 .row .subtitle p{ font-size: 3.5vw; line-height: 6.5vw; }
    .psb_con_01 .psb_01_pc{ margin-bottom: 60px; }
    .psb_con_01 .row .title{ width: 68%; margin-bottom: 1.5rem; }
    .psb_con_01 .row .title h2{ font-size: 4.8vw; }
    .psb_con_01 .row .subtitle{ width: 70%; }
    .psb_con_01 .row .subtitle p::first-letter{ font-size: 6vw; }
    .psb_con_02 .intro .title{ margin-bottom: 1.5rem; }
    .psb_con_02 .intro .title h3{ font-size: 4.8vw; letter-spacing: 0.4rem; }
    .psb_con_02 .intro .subtitle_mb p{ font-size: 3vw; line-height: 5vw; }
    .psb_con_02 .bottom_sm .border{ height: 60px; }
    .psb_con_02 .bottom_sm .row{ padding: 30px 10px; }
    .psb_con_02 .bottom_sm .col_bottom{ padding: 20px 0 30px; }
    .psb_con_02 .bottom_sm .row .col h2, .psb_con_02 .bottom_sm .col_bottom h2{ font-size: 4vw !important; padding-bottom: 0; margin: 0; }
    .psb_con_02 .bottom_sm .row .col p, .psb_con_02 .bottom_sm .col_bottom p{ font-size: 3vw; }
    .psb_con_03{ margin: 0; }
    .psb_con_03 .row .intro_bottom{ height: 90px; }
    .psb_con_03 .row .intro_bottom .img_icon{ width: 20px; }
    .psb_con_04 .row .intro_bottom .col{ margin-top: 30px; }
    .psb_con_04 .row .intro_bottom .col .img_icon{ width: 80px; }
    .psb_con_04 .row .intro_bottom .col h3, .psb_con_05 .row .intro_bottom .col h3{ margin-top: 0.5rem; }
    .psb_con_05 .row .intro_bottom .col{ margin: 30px 0 0; }
    .psb_con_05 .row .intro_bottom .col .img_icon{ width: 90px; }
    .psb_con_06 .title_bottom h1{ font-size: 4.2vw; line-height: 7vw; margin: 80px auto; }
    .psb_item{ width: 90%; }
    .psb_item .title h2{ margin: 35px auto 30px; }
    .psb_item .psb_list-intro hr{ margin-bottom: 0; }
    .psb_item .psb_list-intro .intro{ padding: 0 10px; }
    .psb_item .psb_list-intro .subtitle span, .psb_item .psb_list-intro .subtitle p{ font-size: 2.8vw; text-align: left; }
    .psb_item .psb_list-intro .subtitle span:nth-child(2){ margin-bottom: 0; padding-top: 0.1rem; }
    .psb_item .psb_list-intro .intro .title_sm span:nth-child(2){ margin-top: 8px; }
    

}
@media screen and (max-width:428px){
    .psb_banner .banner_title h3{ letter-spacing: 0.4rem; }
    .psb_banner .banner_title h1{ letter-spacing: 0.6rem; }
    .psb_wrapper .border_sm{ margin: 50px auto 45px; }
    .psb_section .row{ margin: 40px auto 10px; }
    .psb_section .row .intro{ width: 70%; }
    .psb_section .row .intro .title{ margin-bottom: 1.5rem; }
    .psb_section .row .intro .title div{ width: 110px; height: 110px; margin-right: 1.5rem; padding: 28px 8px 18px 10px; }
    .psb_section .row .intro .title h1{ margin-top: 2px; }
    .psb_section .row .intro .title h3{ letter-spacing: 2px; }
    .psb_con_01 .row .subtitle{ width: 70%; }
    .psb_con_02 .intro .title{ margin-bottom: 1rem; }
    .psb_con_02 .intro .title h1{ margin-bottom: -0.2rem; padding: 0 11px 0 8px; }
    .psb_con_02 .bottom_sm .row{ padding: 20px 10px 15px; }
    .psb_con_02 .bottom_sm .col_bottom{ padding: 20px 0; }
    .psb_con_02 .bottom_sm .row .col h2 { letter-spacing: 2px; }
    .psb_con_03 .row .intro_bottom{ height: 70px; }
    .psb_con_04 .row .intro_bottom .col .img_icon{ width: 70px; }
    .psb_con_05 .row .intro_bottom .col .img_icon{ width: 80px; }
    .psb_con_06 .row .img_bottom{ width: 80%; }
    .psb_con_06 .title_bottom h1{ margin: 70px auto; letter-spacing: 3px; }
    .psb_item .psb_list-intro .subtitle p{ margin-top: -0.3rem; }
    .psb_item .psb_list-intro .subtitle span:nth-child(2){ padding-top: 0; }
    .psb_item .psb_list-intro .title_sm span:nth-child(2){ padding-top: 0.3rem; }
    .psb_item .psb_list-intro .intro .title_sm span:nth-child(2){ margin-top: 7px; }
}
@media screen and (max-width:425px){
    .psb_wrapper{ margin: 50px auto; }
    .psb_wrapper .sm{ margin: 50px auto; }
    .psb_section .row{ margin: 40px auto 15px; }
    .psb_section .row .intro{ width: 81%; }
    .psb_section .row .intro .title div{ width: 96px; height: 96px; padding: 20px; }
    .psb_section .row .intro .title h1{ padding: 0 3px 0 0; }
    .psb_con_02 .intro .title h1{ padding: 0 10px 0 6px; }
    .psb_con_02 .intro .title h3{ letter-spacing: 0.3rem; }
    .psb_con_02 .intro .subtitle_mb p{ letter-spacing: 2px; }
    .psb_con_02 .bottom_sm .row{ padding: 20px 10px; }
    .psb_con_02 .bottom_sm .border{ height: 50px; }
    .psb_con_02 .bottom_sm .col_bottom{ padding: 15px 0 20px; }
    .psb_con_06 .title_bottom h1{ margin: 70px auto; }
    .psb_item .psb_list-intro .subtitle span:nth-child(2){ padding-top: 0; margin-bottom: -1rem; }
    .psb_item .psb_list-intro .subtitle span, .psb_item .psb_list-intro .subtitle p{ font-size: 13px; }
    .psb_item .psb_list-intro .subtitle span, .psb_item .psb_list-intro .subtitle p{ padding-top: 0; }
    .psb_item .psb_list-intro .intro .title_sm span:nth-child(2){ margin-top: -0.1rem; }
    .psb_item .psb_list-intro .intro .sm_02 span:nth-child(2){ padding-top: 11px; }
    .psb_item .psb_list-intro .subtitle p{ margin-top: -0.4rem; }
    
}
@media screen and (max-width:414px){

    .psb_item .psb_list-intro .subtitle p{ margin-top: 0; }

}
@media screen and (max-width:390px){

    .psb_banner .banner_title h3{ letter-spacing: 0.3rem; }
    .psb_wrapper{ margin: 40px auto; }
    .psb_section .row .intro{ margin-bottom: 2.5rem; }
    .psb_section .row .intro .title div{ padding: 22px; }
    .psb_con_01 .row .title{ margin-bottom: 1rem; padding: 14px 7px 14px 8px; }
    .psb_con_01 .row .subtitle{ width: 81%; margin-bottom: 2.5rem; }
    .psb_con_01 .row .subtitle p::first-letter{ font-size: 5vw; }
    .psb_con_02 .row .intro .title h1{ padding: 0 12px 0 8px; }
    .psb_con_04 .row .intro_bottom .col{ padding: 0 10px; margin-top: 20px; }
    .psb_con_04 .row .intro_bottom .col .img_icon{ width: 65px; }
    .psb_con_06 .row .img_bottom{ width: 75%; }
    .psb_item .psb_list-intro .subtitle span, .psb_item .psb_list-intro .subtitle p{ font-size: 12px; }

}
@media screen and (max-width:375px){

    .psb_section .row .intro .title div{ width: 95px; height: 95px; padding: 24px; }
    .psb_con_01 .psb_01_pc{ margin-bottom: 45px; }
    .psb_con_02 .bottom_sm .row{ padding: 25px 10px; }
    .psb_con_02 .bottom_sm .row .col h2{ letter-spacing: 2px; }
    .psb_con_06 .title_bottom h1{ margin: 60px auto; letter-spacing: 2px; }
    .psb_item .psb_list-intro .subtitle span{ margin-top: 0.7rem; }
    .psb_item .psb_list-intro .subtitle span:nth-child(2){ margin-top: 1px; }
    .psb_item .psb_list-intro .intro .title_sm{ margin-top: 0; }
    .psb_item .psb_list-intro .intro .sm_02 span:nth-child(2){ padding-top: 12px; }
}
@media screen and (max-width:320px){

    .psb_section .row{ margin: 35px auto 15px; }
    .psb_section .row .intro{ margin-bottom: 2rem; }
    .psb_section .row .intro .title div{ margin-right: 1rem; padding: 26px; }
    .psb_con_01 .row .subtitle{ margin-bottom: 2rem; }
    .psb_con_01 .row .title h2{ letter-spacing: 0.2rem; }
    .psb_con_02 .intro .subtitle_mb p{ font-size: 3.5vw; letter-spacing: 0; }
    .psb_con_02 .bottom_sm .row{ padding: 20px; }
    .psb_con_02 .bottom_sm .col_bottom{ padding: 15px 0; }
    .psb_con_02 .bottom_sm .row{ align-items: flex-start; }
    .psb_con_02 .bottom_sm .row .col{ width: 50%; }
    .psb_con_02 .bottom_sm .row .col h2{ font-size: 4.2vw; margin-bottom: 0.5rem; }
    .psb_con_02 .bottom_sm .row .col p{ width: 70%; margin: auto; line-height: 1rem; }
    .psb_con_04 .row .intro_bottom .col .img_icon{ width: 50px; }
    .psb_con_05 .row .intro_bottom .col .img_icon{ width: 70px; }
    .psb_con_06 .title_bottom h1{ margin: 50px auto; }
    .psb_item .psb_list-intro .subtitle span:nth-child(2){ margin-top: 0; }
    .psb_item .psb_list-intro .intro .sm_02 span:nth-child(2){ padding-top: 0; }
}



/* 修煉之路 rwd */

@media screen and (max-width:2560px){
    .pra_con_06 aside .pra_06_pc img{ width: 100%; }
}

@media screen and (max-width:1300px){

    .pra_banner .banner_title{ top: 32%; right: 18%; }
    .pra_banner .banner_title h2{ font-size: 1.8rem; padding-bottom: 0.4rem; }
    .pra_banner .banner_title h1{ font-size: 2.4rem; }
    .pra_con_01 aside .title{ top: 57%; }
    .pra_con_01 aside .title h1{ font-size: 2.6rem; }
    .pra_con_02 .row .pra_img{ height: 655px; }
    .pra_con_03 .row .col h1{ font-size: 2.7rem; }
    .pra_con_06 .title{ width: 35%; }
    .pra_con_06 .title p{ font-size: 1.1rem; line-height: 2.4rem; }
    .pra_con_06 .title h1{ font-size: 1.8rem; }
    .pra_item hr{ width: 97%; margin: auto; }
}
@media screen and (max-width:1250px){

    .pra_banner .banner_title h2{ font-size: 2.3vw; margin-bottom: 0; }
    .pra_banner .banner_title h1{ font-size: 3vw; }
    .pra_con_01 .row{ align-items: center; }
    .pra_con_01 .row .col h2{ font-size: 2.5vw; }
    .pra_con_01 aside .title{ top: 58%; right: 10%; }
    .pra_con_01 aside .title h1{ font-size: 3.2vw; }
    .pra_con_02 .row .pra_img{ height: 628px; }
    .pra_con_03 .row .pra_icon{ width: 40%; }
    .pra_con_06 .title{ width: 36%; top: 11%; right: 14%; }
    .pra_con_06 .title p{ font-size: 1rem; line-height: 2.2rem; margin-bottom: 1.5rem; }
    .pra_con_06 .title h1{ font-size: 1.9rem; letter-spacing: 2px; }
    .pra_item{ width: 93%; }

}
@media screen and (max-width:1100px){

    .pra_section p{ font-size: 15px; ;line-height: 30px; }
    .pra_con_01 .row .col h2{ letter-spacing: 2px; line-height: 3rem; }
    .pra_con_01 aside .title{ top: 61%; right: 11%; }
    .pra_con_01 aside .title h1{ font-size: 3.2vw; line-height: 5.5vw; text-align: left; }
    .pra_con_01 .row .col p::first-letter{ font-size: 1.8rem; }
    .pra_con_02{ margin: 20px auto 80px; }
    .pra_con_02 .row .pra_img{ height: 516px; }
    .pra_con_02 .row .intro p:nth-child(1){ padding-bottom: 30px; }
    .pra_con_02 .row .intro p:nth-child(2){ margin-bottom: 0; }
    .pra_con_03 .row .col h1{ font-size: 2.8vw; letter-spacing: 0.6rem; margin-bottom: 1rem; text-align: left; }
    .pra_con_03 .intro_bottom{ margin: 70px auto 90px; }
    .pra_con_03 .intro_bottom .info div{ padding: 0 18px; }
    .pra_con_03 .intro_bottom span{ font-size: 1.8rem; letter-spacing: 0.2rem; }
    .pra_con_03 .intro_bottom h3{ width: 30px; height: 30px; font-size: 1.3rem; line-height: 30px; padding-right: 0; }
    .pra_con_03 .intro_bottom .info div h2{ font-size: 1.6rem; padding: 0 0 4px 10px; margin-bottom: 0; }
    .pra_con_05{ margin: 80px auto 40px; }
    .pra_con_05 span{ margin-bottom: 80px; }
    .pra_con_06 .title p{ font-size: 15px; line-height: 30px; }
    .pra_con_06 .title h1{ font-size: 1.6rem; text-align: left; }
    .pra_con_07{ margin: 80px auto 0; }
    .pra_con_07 div h1{ font-size: 29px; margin-bottom: 1rem; }
    .pra_con_07 div h3{ font-size: 18px; }
    .pra_con_07 div .pra_img{ width: 225px; height: 225px; }
    .pra_item .title h2{ font-size: 1.7rem; }
    .pra_item .pra_list-intro .subtitle span, .pra_item .pra_list-intro .subtitle p{ font-size: 17px; padding-top: 0.4rem; }

}
@media screen and (max-width:1024px){

    .pra_wrapper{ margin: 80px auto 60px; }
    .pra_con_01 .row{ margin: 80px auto;  align-items: center; }
    .pra_con_01 .row .col h2{ line-height: 3rem; }
    .pra_con_01 aside .title{ top: 58%; }
    .pra_con_02 .row .intro p:nth-child(1){ padding-bottom: 20px; }
    .pra_con_03 .intro_bottom{ margin: 55px auto 90px; }
    .pra_con_05{ margin: 80px auto 20px; }
    .pra_con_06 .title h1{ font-size: 2.5vw; }
    .pra_con_07 div h1{ font-size: 2.4rem; }
    .pra_item .pra_list-intro .sixth .list_img{ margin-bottom: 0; }

    .pra_item .pra_list-intro .subtitle p{ padding-top: 0; }
    .pra_item .pra_list-intro .subtitle span:nth-child(2){ padding-top: 0.4rem; }

}
@media screen and (max-width:900px){

    .pra_banner .banner_title{ right: 20%; }
    .pra_banner .banner_title h2{ font-size: 2vw; padding-bottom: 0.2rem; }
    .pra_banner .banner_title h1{ font-size: 2.8vw; letter-spacing: 4px; }
    .pra_wrapper{ margin: 60px auto; }
    .pra_con_01 .row{ margin: 60px auto; }
    .pra_con_01 aside .title{ top: 61%; }
    .pra_con_02{ margin: 10px auto 60px; }
    .pra_con_02 .row .pra_img{ height: 450px; }
    .pra_con_02 .row .intro{ padding-top: 1rem; }
    .pra_con_03 .intro_bottom{ height: 80px; }
    .pra_con_03 .intro_bottom span{ font-size: 1.6rem; }
    .pra_con_03 .intro_bottom h3{ width: 24px; height: 24px; font-size: 16px; line-height: 24px; padding-right: 1px; }
    .pra_con_03 .intro_bottom .info div h2{ font-size: 1.2rem; } 
    .pra_con_03 .intro_bottom .info div{ padding:0 14px; }
    .pra_con_05{ margin: 60px auto 20px; }
    .pra_con_05 span{ margin-bottom: 60px; }
    .pra_con_07 div h1{ margin-bottom: 2rem; }
}
@media screen and (max-width:850px){

    .pra_banner .banner_title{ right: 22%; }
    .pra_banner .banner_title h2{ font-size: 1.8vw; }
    .pra_banner .banner_title h1{ font-size: 2.4vw; }
    .pra_con_01 .row .col h2{ line-height: 2.5rem; }
    .pra_con_01 aside .title{ top: 63%; right: 9%; }
    .pra_con_02 .row .pra_img{ height: 424px; }
    .pra_con_02 .row .intro{ padding: 0; }
    .pra_con_02 .row .intro p{ width: 96%; margin-left: 0; }
    .pra_con_02 .row .intro p:nth-child(1){ padding-bottom: 10px; }
    .pra_con_03 .row .col h1{ letter-spacing: 0.4rem; }
    .pra_item .title h2{ letter-spacing: 0.2rem; }
    .pra_item .title h2{ margin: 60px auto 50px; }
    .pra_item .pra_list-intro .sm_01 span:nth-child(2){ padding-top: 0; }

}
@media screen and (max-width:768px){

    .pra_wrapper{ width: 100%; }
    .pra_banner .banner_pc{ display: none; }
    .pra_banner .banner_mb{ display: block; }
    .pra_banner .banner_title{ top: 37%; right: 12%; }
    .pra_banner .banner_title h2{ font-size: 4vw; }
    .pra_banner .banner_title h1{ font-size: 3.8vw; }
    .pra_section p, .pra_con_06 .title p{ font-size: 2.5vw; line-height: 4.5vw; }
    .pra_con_01 .row{ flex-direction: column; align-items: center; padding: 0; }
    .pra_con_01 .row .title{ width: 80%; margin-bottom: 2rem; }
    .pra_con_01 .row .subtitle{ width: 80%; }
    .pra_con_01 .row .col h2{ font-size: 4.3vw; line-height: 7vw; margin-bottom: 0.5rem; }
    .pra_con_01 aside .title{ top: 68%; right: 9%; }
    .pra_con_01 aside .title h1{ font-size: 3.8vw; font-weight: 100; line-height: 6vw; }
    .pra_con_01 aside .pra_01_pc{ display: none; }
    .pra_con_01 aside .pra_01_mb{ display: block; }
    .pra_con_02{ margin: 80px auto; }
    .pra_con_02 .row{ flex-direction: column; align-items: center; }
    .pra_con_02 .row .col{ width: 80%; }
    .pra_con_02 .row .pra_img{ background-image: none; height: auto; order: 1; }
    .pra_con_02 .row .pra_img img{ display: block; }
    .pra_con_02 .row .intro{ margin-bottom: 80px; }
    .pra_con_02 .row .intro p{ width: 100%; margin: auto; }
    .pra_con_03 .row{ flex-direction: column; align-items: center; }
    .pra_con_03 .row .col{ width: 80%; }
    .pra_con_03 .row .pra_icon{ background-image: none; width: 70%; margin-bottom: 40px; }
    .pra_con_03 .row .pra_icon img{ display: block; }
    .pra_con_03 .row .col h1{ font-size: 5vw; text-align: center; margin-bottom: 2rem; letter-spacing: 6px; }
    .pra_con_03 .row .intro p:last-child{ text-align: right; }
    .pra_con_03 .intro_bottom{ width: 80%; padding: 16px; }
    .pra_con_03 .intro_bottom .info div{ padding: 0 8px 0 0; }
    .pra_con_03 .intro_bottom span{ font-size: 3vw; padding-right: 0.2rem; }
    .pra_con_03 .intro_bottom h3{ width: 22px; height: 22px; font-size: 2vw; line-height: 22px; padding-right: 1px; }
    .pra_con_03 .intro_bottom .info div h2{ font-size: 2.6vw !important; padding: 0 0 4px 6px; }
    .pra_con_04 .pra_01_pc{ display: none; }
    .pra_con_04 .pra_01_mb{ display: block; }
    .pra_con_05{ width: 100%; margin: 80px auto; }
    .pra_con_05 span{ display: block; padding: 0; width: 80%; margin: 0 auto 80px; }
    .pra_con_06 .title{ position: static; width: 80%; margin: 0 auto 3rem; }
    .pra_con_06 .title h1{ font-size: 5.5vw; text-align: center; letter-spacing: 6px; }
    .pra_con_06 aside .pra_06_pc{ display: none; }
    .pra_con_06 aside .pra_06_mb{ display: block; }
    .pra_con_07 div{ margin: 90px auto; }
    .pra_con_07 div h1{ font-size: 6vw; margin-bottom: 1.5rem; }
    .pra_con_07 div h3{ font-size: 3.5vw; }
    .pra_con_07 div .pra_img{ width: 32%; height: 32%; }
    .pra_item{ width: 90%; }
    .pra_item hr:nth-child(1){ width: 90%; margin: auto; }
    .pra_item .title h2{ font-size: 4vw; letter-spacing: 0.2rem; margin: 60px auto 50px; }
    .pra_item .pra_list-intro hr{ margin-bottom: 0.6rem; }
    .pra_item .pra_list-intro .intro{ width: 50%; }
    .pra_item .pra_list-intro .subtitle span:nth-child(2){ padding-top: 0.5rem; }
    .pra_item .pra_list-intro .subtitle span, .pra_item .pra_list-intro .subtitle p{ font-size: 2.5vw; }
    .pra_item .pra_list-intro .subtitle p{ margin-top: 0; }

}


@media screen and (max-width:502px){

    .pra_banner .banner_title{ right: 9%; }
    .pra_banner .banner_title h1{ font-size: 4vw; }
    .pra_wrapper{ margin: 60px auto 80px; }
    .pra_section p, .pra_con_06 .title p{ font-size: 3.5vw; line-height: 6.5vw; text-align: justify; }
    .pra_con_01 .row .col h2{ font-size: 4.6vw !important; line-height: 8vw; text-align: left; }
    .pra_con_01 .row{ margin-bottom: 60px; }
    .pra_con_01 aside .title h1{ letter-spacing: 0.6rem; }
    .pra_con_01 aside .title{ top: 73%; right: 10%; }
    .pra_con_02{ margin: 60px auto; }
    .pra_con_02 .row .intro{ margin-bottom: 60px; }
    .pra_con_02 .row .intro p:nth-child(1){ padding-bottom: 20px; }
    .pra_con_03 .row .col h1{ margin-bottom: 1.2rem; }
    .pra_con_03 .intro_bottom{ height: 60px; padding: 10px; }
    .pra_con_03 .intro_bottom span{ letter-spacing: 3px; }
    .pra_con_03 .intro_bottom .info div{ padding: 0; }
    .pra_con_03 .intro_bottom h3{ width: 18px; height: 18px; line-height: 18px; padding-right: 1px; }
    .pra_con_03 .intro_bottom .info{ padding: 0 4px; }
    .pra_con_03 .intro_bottom .info div h2{ padding: 0 0 2px 2px; }
    .pra_con_05{ margin: 60px auto; }
    .pra_con_05 span{ margin: 0 auto 60px; }
    .pra_con_06 .title{ margin: 0 auto 2rem; }
    .pra_con_06 .title h1{ font-size: 5vw; }
    .pra_con_07 div h1{ margin-bottom: 1rem; }
    .pra_item{ width: 90%; }
    .pra_item .title h2{ margin: 35px auto 30px; }
    .pra_item .pra_list-intro hr{ margin-bottom: 0; }
    .pra_item .pra_list-intro .intro{ padding: 0 10px; }
    .pra_item .pra_list-intro .subtitle span, .pra_item .pra_list-intro .subtitle p{ font-size: 2.8vw; text-align: left; }
    .pra_item .pra_list-intro .subtitle span:nth-child(2){ margin-bottom: 0; padding-top: 0.1rem; margin-top: 9px; }
    .pra_item .pra_list-intro .intro .title_sm span:nth-child(2){ margin-top: 9px; }
    .pra_item .pra_list-intro .circle{ margin: -0.1rem auto; }

}
@media screen and (max-width:428px){

    .pra_banner .banner_title{ right: 8%; }
    .pra_wrapper{ margin: 50px auto 70px; }
    .pra_con_01 .row .col h2{ font-size: 4.4vw; letter-spacing: 1px; }
    .pra_con_01 .row .title{ margin-bottom: 1rem; }
    .pra_con_01 .row .col p::first-letter{ font-size: 5.5vw; }
    .pra_con_01 aside .title{ right: 11%; }
    .pra_con_01 aside .title h1{ letter-spacing: 0.4rem; }
    .pra_con_02{ margin: 50px auto; }
    .pra_con_02 .row .intro{ margin-bottom: 50px; }
    .pra_con_03 .row .pra_icon{ margin-bottom: 30px; }
    .pra_con_03 .intro_bottom{ height: 50px; margin: 30px auto 50px; }
    .pra_con_03 .intro_bottom h3{ width: 16px; height: 16px; line-height: 16px; padding-right: 0; }
    .pra_con_03 .intro_bottom .info div h2{ letter-spacing: 1px; }
    .pra_con_05{ margin: 50px auto; }
    .pra_con_05 span{ margin: 0 auto 50px; }
    .pra_con_06 .title p{ margin-bottom: 1.2rem; }
    .pra_item .pra_list-intro .subtitle p{ margin-top: -0.4rem; }
    .pra_item .pra_list-intro .subtitle span, .pra_item .pra_list-intro .subtitle p{ font-size: 2.9vw; }
    .pra_item .pra_list-intro .subtitle span:nth-child(2){ padding-top: 0; }
    .pra_item .pra_list-intro .intro .title_sm span:nth-child(2){ margin-top: 7px; }
    .pra_item .pra_list-intro .title_sm span:nth-child(2){ padding-top: 0.3rem; }
    .pra_item .pra_list-intro .sm_01 span:nth-child(2){ margin-top: -2px; }
    .pra_item .pra_list-intro .intro .sm_02 span:nth-child(2){ margin-top: 9px; }
    .pra_item .pra_list-intro .subtitle span:nth-child(2){ margin-top: -3px; }
    .pra_item .pra_list-intro .intro .sm_02 span{ margin-top: 8px; }

}
@media screen and (max-width:425px){

    .pra_banner .banner_title h2{ padding-bottom: 0.2rem; }
    .pra_wrapper{ margin: 40px auto 50px; }
    .pra_con_01 .row{ margin-bottom: 40px; }
    .pra_con_01 aside .title{ top: 72%; }
    .pra_con_02{ margin: 40px auto; }
    .pra_con_02 .row .intro{ margin-bottom: 40px; }
    .pra_con_03 .row .col h1{ margin-bottom: 1rem; }
    .pra_con_03 .intro_bottom{ margin: 30px auto 40px; }
    .pra_con_05{ margin: 40px auto; }
    .pra_con_05 span{ margin: 0 auto 40px; }
    .pra_con_07{ margin: 60px auto; }
    .pra_con_07 div{ margin: 60px auto; }
    .pra_item .pra_list-intro .subtitle span, .pra_item .pra_list-intro .subtitle p{ font-size: 13px; padding-top: 0; }
    .pra_item .pra_list-intro .sm_01 span:nth-child(2){ margin-top: -6px; }
    .pra_item .pra_list-intro .intro .sm_01 span:nth-child(1){ margin: -0.1rem; }
    .pra_item .pra_list-intro .intro .sm_01 span:nth-child(2){ margin: 0; }
    .pra_item .pra_list-intro .intro .sm_02 span:nth-child(2){ margin-top: 7px; }
    .pra_item .pra_list-intro .subtitle span:nth-child(2){ margin-top: 11px; }
    .pra_item .pra_list-intro .subtitle p{ margin-top: -0.4rem; }

}
@media screen and (max-width:414px){

    .pra_con_03 .intro_bottom h3{ padding-right: 1px; }
    .pra_con_03 .intro_bottom span{ padding-right: 0; }
    .pra_item .pra_list-intro .subtitle span:nth-child(2){ margin-top: 11px; }
    .pra_item .pra_list-intro .sm_01 span:nth-child(2){ margin-top: 0; }
    .pra_item .pra_list-intro .sm_02 span{ margin-top: 13px; }
    .pra_item .pra_list-intro .intro .sm_02 span:nth-child(2){ margin-top: 10px; }
    .pra_item .pra_list-intro .intro .title_sm span:nth-child(2){ margin-top: 7px; }
    .pra_item .pra_list-intro .intro .sm_02 span{ margin-top: 14px; }
    .pra_item .pra_list-intro .intro .sm_02 span:nth-child(2){ margin-top: 10px; }

}
@media screen and (max-width:390px){

    .pra_banner .banner_title{ right: 10%; }
    .pra_banner .banner_title h2{ font-size: 3.8vw; letter-spacing: 2px; }
    .pra_banner .banner_title h1{ letter-spacing: 4px; }
    .pra_con_03 .row .pra_icon{ margin-bottom: 20px; }
    .pra_con_03 .row .col h1{ margin-bottom: 0.8rem; }
    .pra_con_03 .intro_bottom{ padding: 6px; }
    .pra_con_03 .intro_bottom h3{ font-size: 1.8vw; padding-right: 1px; }
    .pra_con_03 .intro_bottom .info div h2{ letter-spacing: 0; font-size: 12px; }
    .pra_con_06 .title p{ margin-bottom: 1rem; }
    .pra_item .pra_list-intro .subtitle span, .pra_item .pra_list-intro .subtitle p{ font-size: 12px; }
    .pra_item .pra_list-intro .subtitle span:nth-child(2){ margin-top: 12px; }
    .pra_item .pra_list-intro .intro .title_sm span:nth-child(2){ margin-top: 7px; }
    .pra_item .pra_list-intro .sixth .title_sm span{ margin-top: 15px; }
    .pra_item .pra_list-intro .sixth .title_sm span:nth-child(2){ margin-top: 9px; }
    .pra_item .pra_list-intro .intro .sm_01 span:nth-child(2){ margin-top: -3px; }
    .pra_item .pra_list-intro .sm_01 span:nth-child(2){ margin-top: 0; }
    .pra_item .pra_list-intro .subtitle p{ margin-top: -3px; }

}
@media screen and (max-width:375px){

    .pra_wrapper{ margin: 30px auto 50px; }
    .pra_con_03 .intro_bottom span{ letter-spacing: 2px; }
    .pra_con_03 .intro_bottom h3{ padding-left: 1px; }
    .pra_con_03 .intro_bottom .info div h2{ font-size: 12px; letter-spacing: 0; }
    .pra_con_06 .title h1{ letter-spacing: 5px; }
    .pra_item .pra_list-intro .intro .sm_00 span:nth-child(2){ margin-top: 12px; }
    .pra_item .pra_list-intro .subtitle span{ margin-top: 0.7rem; }
    .pra_item .pra_list-intro .subtitle span:nth-child(2){ margin-top: -3px; }
    .pra_item .pra_list-intro .intro .title_sm{ margin-top: 0; }
    .pra_item .pra_list-intro .intro .sm_02 span:nth-child(2){ padding-top: 12px; margin-top: 19px; }

}
@media screen and (max-width:320px){

    .pra_con_03 .intro_bottom{ width: 88%; }
    .pra_con_03 .intro_bottom span{ letter-spacing: 1px; }
    .pra_con_03 .intro_bottom .info div h2{ padding: 0 0 2px 0; }
    .pra_con_03 .intro_bottom h3{ width: 14px; height: 14px; line-height: 14px; font-size:12px; padding-right: 2px; }
    .pra_con_06 .title h1{ letter-spacing: 5px; }
    .pra_item .pra_list-intro .subtitle span:nth-child(2){ margin-top: 0; }
    .pra_item .pra_list-intro .intro .sm_02 span:nth-child(2){ margin-top: 30px; }
    .pra_item .pra_list-intro .intro .sm_02 span:nth-child(2){ padding-top: 0; }

}



/* 羊毛 rwd */

@media screen and (max-width:1488px){ 
    .wool_con_05 .intro h2{ width: 46%; } 
    .wool_con_02 .bottom_intro h4{ width: 79%; font-size: 1.6vw; }
}
@media screen and (max-width:1300px){

    .wool_con_02 .container .wool_img{ margin-left: -100px; }
    .wool_con_02 .bottom_intro h4{font-size: 1.6vw; line-height: 3vw; width: 68%;}
    .wool_con_05 .intro p{ font-size: 1.2vw; width: 60%; }
    .wool_con_06 .wool_bg{ margin: -18rem auto 0; }
}
@media screen and (max-width:1250px){

    .wool_con_02 .container{ margin-bottom: 40px; }
    .wool_con_02 .container .wool_img{ height: 490px; }
    .wool_con_02 .container .intro{ padding-top: 60px; }
    .wool_con_02 .container .intro h2{ font-size: 2.2rem; margin-bottom: 35px;}
    .wool_con_02 .container .intro p.first{ padding-bottom: 25px; }
    .wool_con_03 .icon_container .row .col h3{ font-size: 1.6rem; }
    .wool_con_05 .intro{ margin: 100px auto 10px; }
    .wool_con_05 .intro p{ width: 65%; font-size: 1.3vw; line-height: 2.8vw; }
    .wool_con_05 .intro h2{ font-size: 2vw; width: 48%; }
    .wool_con_06 .wool_bg{ margin: -14rem auto 0; }
}
@media screen and (max-width:1100px){

    .wool_banner .banner_title h1{ margin-bottom: 0; }
    .wool_con_02 .container .intro h2{ font-size: 2rem; }

}

@media screen and (max-width:1024px){

    .wool_banner .banner_title{ top: 43%; }
    .wool_banner .banner_title h1{ padding-bottom: 1.2rem; }
    .wool_wrapper{ margin: 80px auto 30px; }
    .wool_con_01 .title h2{  font-size: 2rem; margin-bottom: 25px; }
    .wool_con_01 .subtitle{ margin-bottom: 80px; }
    .wool_con_02{ margin: 20px auto; }
    .wool_con_02 .container{ margin: 30px auto; }
    .wool_con_02 .container .wool_img{ margin-left: -20px; }
    .wool_con_02 .container .intro{ padding-top: 50px; }
    .wool_con_02 .container .intro p{ font-size: 15px; line-height: 30px; }
    .wool_con_02 .container .intro h2{ font-size: 1.5rem; margin-bottom: 20px;}
    .wool_con_02 .bottom_intro h4{ font-size: 1.8vw;  line-height: 3.5vw; width: 78%;}
    .wool_con_03 .title{ margin: 90px auto; }
    .wool_con_03 .title h1{ font-size: 2rem; text-align: center; }
    .wool_con_03 .title .line{ width: 27%; }
    .wool_con_03 .icon_container .row .col h3{ font-size: 1.5rem; }
    .wool_con_03 .icon_container .row .col p{ width: 96%; font-size: 15px; line-height: 30px;}
    .wool_con_04 .intro .text{ padding: 0 45px; }
    .wool_con_04 .intro .text h3{ font-size: 5rem; letter-spacing: 0.4rem; padding-right: 5px; }
    .wool_con_04 .intro .text h5{ font-size: 2.5rem; }
    .wool_con_04 .intro hr{ width: 0; height: 80px; }
    .wool_con_05 .intro{ margin: 80px auto 10px; }
    .wool_con_05 .intro p{ width: 83%; font-size: 15px; line-height: 30px; padding-bottom: 3rem; }
    .wool_con_05 .intro h2{ font-size: 1.5rem; line-height: 2.8rem; width: 62%; }
    .wool_con_05 .row{ top: 136%; }
    .wool_con_05 .title_lift{ padding-left: 0; }
    .wool_con_05 .title_right{ padding-right: 2rem; }
    .wool_con_06 .wool_bg{ margin: -10rem auto 0; }
    .wool_item{ width: 93%; }
    .wool_item .title h2{ margin: 90px auto 60px 0; }
    .wool_list-intro .subtitle span, .wool_list-intro .subtitle p{ font-size: 17px; }
    .wool_item .wool_list-intro .subtitle span:nth-child(2){ padding-top: 6px; }

}
@media screen and (max-width:900px){

    .wool_banner .banner_title h1{ padding-bottom: 1rem; }
    .wool_wrapper{ margin: 80px auto 30px; }
    .wool_con_01 .subtitle{ margin-bottom: 80px; }
    .wool_con_02 .container .wool_img{ height: 390px; }
    .wool_con_03 .title{ margin: 70px auto; }
    .wool_con_05 .intro h2{ width: 64%; }

}
@media screen and (max-width:850px){

    .wool_banner .banner_title h1{ font-size: 3.5rem; letter-spacing: 25px; }
    .wool_banner .banner_title h4{ font-size: 1.5rem; letter-spacing: 0.6rem; }
    .wool_banner .banner_pc{ display: none; }
    .wool_banner .banner_mb{ display: block; }
    .wool_con_01 .title, .wool_con_01 .subtitle{ flex-direction: column; align-items: center;}
    .wool_con_01 .title{ margin-bottom: 1.8rem; }
    .wool_con_01 .title h2{ font-size: 5.5vw; line-height: 6vw; }
    .wool_con_01 .title h2:nth-child(1){ padding-right: 0; }
    .wool_con_01 .subtitle p{ font-size: 2.5vw; line-height: 5.5vw; }
    .wool_con_02 .container{ flex-direction: column; align-items: center; margin: 80px auto 0; }
    .wool_con_02 .container .wool_img{ order: 1; margin-left: 0; height: 460px; }
    .wool_con_02 .container .intro{ width: 82%; padding-top: 0; }
    .wool_con_02 .container .intro h2{ font-size: 5.5vw; text-align: center; margin-bottom: 40px; }
    .wool_con_02 .container .intro p{ font-size: 2.5vw; line-height: 5.5vw; }
    .wool_con_02 .bottom_intro h4{ font-size: 3.3vw; line-height: 6.5vw; width: 85%; }
    .wool_con_03 .title{ margin: 110px auto 40px; }
    .wool_con_03 .title .line{ width: 12%; }
    .wool_con_03 .title h1{ font-size: 5vw; }
    .wool_con_03 .icon_container .row{ flex-wrap: wrap; }
    .wool_con_03 .icon_container .row .col{ width: 38%; }
    .wool_con_03 .icon_container .row .col h3{ font-size: 4.4vw; }
    .wool_con_03 .icon_container .row .col p{ font-size: 2.4vw; line-height: 4.8vw; width: 77%; }
    .wool_con_05 .intro{ margin: 90px auto 10px; }
    .wool_con_05 .intro p{ width: 87%; font-size: 2.5vw; line-height: 5.5vw; }
    .wool_con_05 .intro h2{ font-size: 4.5vw; line-height: 7.5vw; width: 73%;}
    .wool_con_05 .row{ top: 122%; }
    .wool_con_05 .row .title_lift{ width: 32%; padding-left: 4.5rem; }
    .wool_con_05 .row .wool_img{ width: 36%; padding-left: 1.5rem; }
    .wool_con_05 .row .title_right{ width: 32%; padding-right: 5rem; }
    .wool_con_06 .wool_bg{ margin: 12rem auto 0; }
    .wool_con_06 .wool_bg .img_pc{ display: none; }
    .wool_con_06 .wool_bg .img_mb{ display: block; }
    .wool_item{ width: 96%; }
    .wool_item hr { width: 80%; margin: auto;}
    .wool_item .wool_list-intro{ flex-wrap: wrap; }
    .wool_item .wool_list-intro .intro{ width: 50%; }
    .wool_item .wool_list-intro hr{ width: 100%; margin-bottom: 1rem;}
    .wool_item .wool_list-intro.intro{ width: 50%; margin-bottom: 25px;}
    .wool_item .wool_list-intro .subtitle span:nth-child(2){ padding-top: 5px; }

}
@media screen and (max-width:768px){

    .wool_banner .banner_title h1{ font-size: 6vw; }
    .wool_banner .banner_title h1 span:nth-child(1){ padding-right: 10px; }
    .wool_banner .banner_title h4{ font-size: 2.8vw; }
    .wool_wrapper{ width: 100%; }
    .wool_con_01 .title{ margin-bottom: 1rem; }
    .wool_con_01 .title h2:nth-child(1){  margin-bottom: 20px;}
    .wool_con_01 .subtitle p{ line-height: 4.8vw; }
    .wool_con_02 .container .intro{ width: 78%; }
    .wool_con_02 .container .intro h2{ font-size: 5vw; letter-spacing: 5px;}
    .wool_con_02 .bottom_intro h4{ width: 80%; }
    .wool_con_03 .title{ margin: 110px auto 50px; }
    .wool_con_03 .icon_container .row{ padding: 0 30px; }
    .wool_con_03 .icon_container .row .col p{ width: 69%; line-height: 4.5vw; }
    .wool_con_04 .intro .text h3{ font-size: 11vw; }
    .wool_con_04 .intro .text h5{ font-size: 5vw; }
    .wool_con_04 .intro hr{ margin: 0; }
    .wool_con_05 .intro p{ width: 80%; padding-bottom: 4rem; text-align: justify; text-align-last: center; }
    .wool_item .title h2{ font-size: 4.5vw; }
    .wool_item .wool_list-intro .intro .subtitle_pc{ display: none; }
    .wool_item .wool_list-intro .intro .subtitle_mb{ display: block; }
    .wool_item .wool_list-intro .intro .subtitle_mb .subtitle{ display: flex; justify-content: space-between; margin-bottom: 0; }
    .wool_item .wool_list-intro .subtitle span:nth-child(2){ padding-top: 0; }
    .wool_list-intro .intro .cricle{ margin-top: -3px; }
    .wool_list-intro .subtitle span, .wool_list-intro .subtitle p{ font-size: 2.5vw; margin-bottom: 0; }

}
@media screen and (max-width:502px){

    .wool_banner .banner_title h1{ letter-spacing: 12px; margin-bottom: 0; }
    .wool_banner .banner_title h4{ font-size: 2.5vw; letter-spacing: 5px ; }
    .wool_wrapper{ margin: 40px auto; }
    .wool_con_01 .title h2{ font-size: 4.5vw; margin-bottom: 0;}
    .wool_con_01 .title h2:nth-child(1){ margin-bottom: 5px; }
    .wool_con_01 .subtitle{ margin-bottom: 50px; }
    .wool_con_02 .container{ margin: 50px auto 0; }
    .wool_con_02 .container .intro h2{ font-size: 4.8vw; letter-spacing: 5px; margin-bottom: 25px; }
    .wool_con_02 .container .intro p{ font-size: 3.5vw; line-height: 6vw; text-align: justify; }
    .wool_con_02 .container .wool_img{ height: 290px; }
    .wool_con_03{ margin-bottom: 5rem; }
    .wool_con_03 .title{ margin: 70px auto 40px; }
    .wool_con_03 .title h1{ letter-spacing: 8px; margin-bottom: 0; }
    .wool_con_03 .icon_container .row{ padding: 0 30px; margin-bottom: 0; }
    .wool_con_03 .icon_container .row .col{ margin-bottom: 1rem; }
    .wool_con_03 .icon_container .row .col h3{ font-size: 4.2vw; padding-bottom: 0.5rem; }
    .wool_con_03 .icon_container .row .col p{ font-size: 2.5vw; line-height: 4.8vw;}
    .wool_con_04 .intro .text{ padding: 0 30px; }
    .wool_con_04 .intro .text h3{ font-size: 9.5vw; letter-spacing: 5px; }
    .wool_con_04 .intro .text h5{ font-size: 5vw; letter-spacing: 4px; }
    .wool_con_04 .intro hr{ height: 44px; }
    .wool_con_05 .intro{ margin: 60px auto 0; }
    .wool_con_05 .intro p{ font-size: 3.5vw; line-height: 6.5vw; }
    .wool_con_05 .intro h2{ font-size: 5.7vw; line-height: 10vw; letter-spacing: 6px; width: 87%; }
    .wool_con_05 .row{ top: 114%; }
    .wool_con_05 .row .title_lift{ padding-left: 4rem; }
    .wool_con_05 .row .title_right{ padding-right: 3rem; }
    .wool_con_05 .row .wool_img{ width: 32%; }
    .wool_con_05 .row .col h4{ font-size: 3.5vw; letter-spacing: 5px; }
    .wool_con_05 .intro h2{ font-size: 5vw; line-height: 8vw; }
    .wool_con_06 .wool_bg{ margin: 8rem auto 0; }
    .wool_item{ width: 90%; margin-bottom: 80px;}
    .wool_item hr{ width: 95%; }
    .wool_item .title h2{ font-size: 4vw !important; letter-spacing: 2px; margin: 67px auto 40px; }
    .wool_item .wool_list-intro .intro{ padding: 0 10px; }
    .wool_item .wool_list-intro .subtitle span{ font-size: 2.8vw; }
    .wool_item .wool_list-intro .subtitle span:nth-child(2){ padding-top: 0; }

}
@media screen and (max-width:425px){

    .wool_con_01 .title h2{ font-size: 5vw; margin-bottom: 8px; letter-spacing: 5px; }
    .wool_con_03{ margin-bottom: 4rem; }
    .wool_con_03 .title{ margin: 50px auto; }
    .wool_con_04 .intro .text{ padding: 0 25px; }
    .wool_con_04 .intro .text h3{ letter-spacing: 3px; }
    .wool_con_05 .intro{ margin: 55px auto 0; }
    .wool_con_05 .intro h2{ font-size: 5vw; line-height: 9vw; }
    .wool_item .wool_list-intro .subtitle span{ font-size: 2.8vw; }
    .wool_item .wool_list-intro .subtitle span:nth-child(2){ margin-top: 11px; }
    .wool_item .wool_list-intro .list_img, hr, .subtitle{ margin-bottom: 0; }
    .wool_item .wool_list-intro .subtitle span:nth-child(2){ margin-top: 1px; }

}
@media screen and (max-width:414px){
    .wool_con_05 .row .title_right{ padding-right: 3rem; }
}
@media screen and (max-width:375px){

    .wool_banner .banner_title h1{ padding-bottom: 0.8rem; }
    .wool_con_01 .title h2{ margin-bottom: 8px; }
    .wool_con_01 .subtitle p:nth-child(1){ margin-bottom: 0.4rem; }
    .wool_con_02 .container{ margin: 40px auto 0; }
    .wool_con_02 .container .intro h2{ margin-bottom: 20px; letter-spacing: 2px; }
    .wool_con_02 .container .intro p.first{ padding-bottom: 15px; }
    .wool_con_02 .container .wool_img{ height: 234px; }
    .wool_con_03{ margin-bottom: 3rem; }
    .wool_con_03 .title{ margin: 30px auto; }
    .wool_con_03 .icon_container .row{ padding: 0 23px; margin-bottom: 0.3rem;}
    .wool_con_05 .intro{ margin: 50px auto 0; }
    .wool_con_05 .intro p{ padding-bottom: 2rem; }
    .wool_con_05 .intro h2{ letter-spacing: 3px; }
    .wool_con_05 .row .title_lift{ padding-left: 3.5rem; }
    .wool_con_06 .wool_bg{ margin: 5rem auto 0; }
    .wool_item .title h2{ margin: 42px auto 26px; }
    .wool_item .wool_list-intro .subtitle span{ margin-top: 0.5rem; }

}
@media screen and (max-width:320px){

    .wool_con_02{ margin: 0 auto; }
    .wool_con_02 .container{ margin: 35px auto 0; }
    .wool_con_02 .container .intro h2{ letter-spacing: 3px; }
    .wool_con_02 .container .wool_img{ height: 212px; }
    .wool_con_05 .row .title_lift{ padding-left: 2.5rem; }
    .wool_con_05 .row .title_right{ padding-right: 1rem; }
    .wool_con_05 .row .col h4{ letter-spacing: 3px; }

}



/* 機能外套 rwd */

@media screen and (max-width:1300px){

    .functiona_banner .banner_title h2{ font-size: 1.8rem; letter-spacing: 0.8rem; }
    .functiona_banner .banner_title h1{ font-size: 2.2rem; }
    .functiona_group h1{ font-size: 3vw; line-height: 5vw; }
    .functiona_con_01 .article_box .intro{ top: 58%; }
    .functiona_con_01 .article_box .row .text{ padding: 0 0 0 4px; }
    .functiona_con_01 .article_box .row .text h4 span, .functiona_con_01 .article_box .row .text h4{ font-size: 1.2rem; }
    .functiona_con_02 aside h1{ font-size: 3.1vw; }
    .functiona_con_03 .row .img_03{ height: 848px; }
    .functiona_con_05 .row .img_05{ height: 608px; }
    .functiona_con_05 .row .intro{ width: 32%; }

}
@media screen and (max-width:1250px){

    .functiona_banner .banner_title h2{ font-size: 1.6rem; letter-spacing: 0.8rem; }
    .functiona_banner .banner_title h1{ font-size: 2rem; }
    .functiona_wrapper{ margin: 90px auto; }
    .functiona_con_01 .row{ margin-bottom: 90px; }
    .functiona_con_01 .article_box .row .text{ padding: 0 0 0 2px; }
    .functiona_con_01 .article_box .img{ top: 31%; }
    .functiona_con_01 .article_box .intro{ top: 56%; }
    .functiona_con_01 .article_box .row .text h4 span, .functiona_con_01 .article_box .row .text h4{ font-size: 1rem; line-height: 1.6rem; } 
    .functiona_con_03 .row .img_03{ height: 825px; }
    .functiona_con_03 .row .col{ padding-right: 1rem; }
    .functiona_con_05 .row .intro{ width: 30%; }
    .functiona_item .functiona_list-intro .subtitle span:nth-child(2){ padding-top: 3px; }
}
@media screen and (max-width:1100px){

    .functiona_banner .banner_title h2{ font-size: 1.4rem; }
    .functiona_banner .banner_title h1{ font-size: 1.8rem; padding-right: 12px; }
    .functiona_group p{ font-size: 15px; line-height: 30px; }
    .functiona_group h1{ text-align: left; margin-bottom: 0; }
    .functiona_con_02{ margin: 75px auto; }
    .functiona_con_02 aside{ margin: 0 auto 75px; }
    .functiona_con_02 aside h1{ font-size: 3vw; padding-top: 1.5rem; }
    .functiona_con_03 .row{ margin-bottom: 75px; }
    .functiona_con_03 .row .img_03{ height: 740px; }
    .functiona_con_05 .row{ margin: 75px auto; }
    .functiona_con_05 .row .intro{ width: 33%; }
    .functiona_con_05 .row .intro .title{ padding: 2.5rem 0 0; margin-bottom: 3rem; }
    .functiona_con_06{ margin: 75px auto; }
    .functiona_item .title h2{ font-size: 1.7rem; letter-spacing: 0.2rem; }
    .functiona_item .functiona_list-intro .subtitle span, .functiona_item .functiona_list-intro .subtitle p{ font-size: 17px; }

}
@media screen and (max-width:1024px){

    .functiona_banner .banner_title h2{ font-size: 1.2rem; }
    .functiona_banner .banner_title h1{ font-size: 1.6rem; }
    .functiona_wrapper{ margin: 75px auto; }
    .functiona_con_01 .row{ margin-bottom: 75px; }
    .functiona_con_01 .article_box .row .col{ padding: 0 35px; }
    .functiona_con_01 .article_box .img{ top: 29%; }
    .functiona_con_01 .article_box .intro{ top: 59%; }
    .functiona_con_02{ margin: 60px auto; }
    .functiona_con_02 aside{ margin: 0 auto 60px; }
    .functiona_con_02 aside h1{ padding-top: 1.2rem; }
    .functiona_con_03 .row{ margin-bottom: 60px; }
    .functiona_con_03 .row .img_03{ height: 704px; }
    .functiona_con_03 .row .intro .title{ padding: 2.5rem 0 0; margin-bottom: 3rem; }
    .functiona_con_03 .row .intro{ width: 33%; padding-right: 1rem; }
    .functiona_con_05 .row{ margin: 60px auto; }
    .functiona_con_05 .row .img_05{ height: 500px; }
    .functiona_con_05 .row .intro .title{ padding: 2rem 0 0; }
    .functiona_con_06{ margin: 60px auto 70px; }
    .functiona_item .title h2{ margin: 50px auto 40px; }
}
@media screen and (max-width:900px){

    .functiona_banner .banner_title h2{ font-size: 1rem; letter-spacing: 0.6rem; }
    .functiona_banner .banner_title h1{ font-size: 1.4rem; padding-right: 8px; }
    .functiona_wrapper{ margin: 60px auto; }
    .functiona_con_01 .row{  margin-bottom: 60px; }
    .functiona_con_01 .article_box .row .text h4 span, .functiona_con_01 .article_box .row .text h4{ font-size: 16px; line-height: 1.4rem; letter-spacing: 2px; }
    .functiona_con_02{ margin: 50px auto; }
    .functiona_con_02 aside{ margin: 0 auto 50px; }
    .functiona_con_03 .row{ margin-bottom: 50px; }
    .functiona_con_03 .row .intro .title{ padding: 1rem 0 0; margin-bottom: 1.2rem; }
    .functiona_con_03 .row .img_03{ height: 617px; }
    .functiona_con_03 .row .intro{ width: 38%; }
    .functiona_con_03 .row .intro .first{ padding-bottom: 0.8rem; }
    .functiona_con_05 .row{ margin: 50px auto; }
    .functiona_con_05 .row .intro{ width: 37%; }
    .functiona_con_05 .row .img_05{ height: 440px; }
    .functiona_con_05 .row .intro .title{ padding: 1rem 0 0; margin-bottom: 1.2rem; }
    .functiona_con_06{ margin: 50px auto 60px; }
    .functiona_item .title h2{ margin: 40px auto 30px; }
}
@media screen and (max-width:850px){

    .functiona_banner .banner_title h2{ letter-spacing: 0.5rem; }
    .functiona_wrapper{ margin: 50px auto; }
    .functiona_group h1{ font-size: 2.8vw; line-height: 4.6vw; }
    .functiona_group p{ line-height: 28px; }
    .functiona_con_01 .row{ margin-bottom: 50px; }
    .functiona_con_01 .article_box .img{ top: 30%; }
    .functiona_con_01 .article_box .row .text h4 span, .functiona_con_01 .article_box .row .text h4{ font-size: 14px; line-height: 1.2rem; letter-spacing: 2px; }
    .functiona_con_02{ margin: 40px auto; }
    .functiona_con_02 aside{ margin: 0 auto 40px; }
    .functiona_con_02 aside h1{ padding-top: 1rem; font-size: 2.8vw; }
    .functiona_con_03 .row{ margin-bottom: 40px; }
    .functiona_con_03 .row .img_03{ height: 584px; }
    
}
@media screen and (max-width:768px){

    .functiona_banner .banner_pc{ display: none; }
    .functiona_banner .banner_mb{ display: block; }
    .functiona_banner .banner_title{ display: none; }
    .functiona_banner .banner_title_mb{ display: block; position: absolute; top: 24%; left: 57%; }
    .functiona_banner .banner_title_mb h2{ color: #fff; font-size: 4.4vw; letter-spacing: 0.8rem; font-weight: 300; letter-spacing: 0.9rem; margin-bottom: 0; }
    .functiona_banner .banner_title_mb h1{ color: #fff; font-size: 5.2vw; font-weight: 300; margin-bottom: 0; }
    .functiona_wrapper{ width: 100%; margin: 80px auto; }
    .functiona_wrapper hr{ width: 90%; margin: auto; }
    .functiona_group h1{ font-size: 4.8vw; text-align: center; }
    .functiona_group p{ font-size: 2.5vw; line-height: 4.5vw; }
    .functiona_con_01 .intro{ flex-direction: column; margin-bottom: 80px; }
    .functiona_con_01 .row .title{ width: 100%; margin-bottom: 2rem; }
    .functiona_con_01 .row .subtitle{ width: 80%; }
    .functiona_con_01 .row .subtitle p::first-letter{ font-size:4.5vw; }
    .functiona_con_01 .article_box .img{ flex-wrap: wrap; top: 5%; }
    .functiona_con_01 .article_box .intro{ flex-direction: row; flex-wrap: wrap; top: 23%; }
    .functiona_con_01 .article_box .row .col{ width: 34%; padding: 60px 55px; }
    .functiona_con_01 .article_box .row .col_bottom{ padding: 65px 55px; }
    .functiona_con_01 .article_box .row .text{ width: 34%; padding: 100px 0; }
    .functiona_con_01 .article_box .row .text_bottom{ padding: 140px 0; }
    .functiona_con_01 .article_box .img_01_pc{ display: none; }
    .functiona_con_01 .article_box .img_01_mb{ display: block; }
    .functiona_con_02{ margin: 80px auto; }
    .functiona_con_02 aside{ margin: 0 auto 80px; }
    .functiona_con_02 aside h1{ padding-top: 2.5rem; padding-left: 18px; }
    .functiona_con_02 aside h1 span{ display: block; font-size: 6vw; line-height: 8vw; }
    .functiona_con_02 aside h1 span:nth-child(1){ padding-left: 0; padding-right: 18px; }
    .functiona_con_02 .img_box .img_02_pc{ display: none; }
    .functiona_con_02 .img_box .img_02_mb{ display: block; width: 80%; margin: auto; }
    .functiona_con_03 .row{ flex-direction: column; margin-bottom: 80px; }
    .functiona_con_03 .row .img_03{ background-image: none; width: 80%; height: auto; margin: auto; order: 1; }
    .functiona_con_03 .row .img_03 img{ display: block; }
    .functiona_con_03 .row .intro{ width: 80%; margin: 0 auto 80px; padding: 0; }
    .functiona_con_03 .row .intro .first{ padding-bottom: 0.4rem; }
    .functiona_con_03 .row .intro .title{ padding: 0; margin-bottom: 2rem; }
    .functiona_con_03 .row .intro .title h1 span{ display: inline-block; }
    .functiona_con_04 .img_box .img_01_pc{ display: none; }
    .functiona_con_04 .img_box .img_01_mb{ display: block; }
    .functiona_con_05 .row{ flex-direction: column; margin: 80px auto; }
    .functiona_con_05 .row .intro{ width: 80%; margin: 0 auto 70px; padding: 0; }
    .functiona_con_05 .row .intro .title{ padding: 0; margin-bottom: 2rem; }
    .functiona_con_05 .row .img_05{ background-image: none; width: 80%; height: auto; margin: auto; order: 1; }
    .functiona_con_05 .row .img_05 img{ display: block; }
    .functiona_con_06 .img_box .img_01_pc{ display: none; }
    .functiona_con_06 .img_box .img_01_mb{ display: block; }
    .functiona_item hr{ width: 100%; }
    .functiona_item .title h2{ font-size: 4vw; letter-spacing: 0.2rem; margin: 60px auto 50px; }
    .functiona_item .functiona_list-intro{ width: 90%; }
    .functiona_item .functiona_list-intro hr{ margin-bottom: 0.6rem; }
    .functiona_item .functiona_list-intro .intro{ width: 50%; }
    .functiona_item .functiona_list-intro .subtitle span:nth-child(2){ padding-top: 0.5rem; }
    .functiona_item .functiona_list-intro .subtitle span, .functiona_item .functiona_list-intro .subtitle p{ font-size: 2.5vw; }
    .functiona_item .functiona_list-intro .subtitle p{ padding-top: 0; }
}
@media screen and (max-width:502px){

    .functiona_banner .banner_title_mb h2{ letter-spacing: 0.7rem; text-align: left;  }
    .functiona_wrapper{ margin: 65px auto; }
    .functiona_wrapper hr{ width: 86%; margin: auto; }
    .functiona_group h1{ font-size: 5vw; letter-spacing: 6px; margin-bottom: 0; }
    .functiona_group p{ font-size: 3.5vw; line-height: 6.5vw; text-align: justify; }
    .functiona_con_01 .intro{ margin-bottom: 65px; }
    .functiona_con_01 .article_box .img{ top: 4%; }
    .functiona_con_01 .article_box .row .col{ padding: 40px; }
    .functiona_con_01 .article_box .row .col_bottom{ margin-top: 10px; }
    .functiona_con_01 .article_box .intro{ top: 38%; }
    .functiona_con_01 .article_box .row .text{ padding: 0; }
    .functiona_con_01 .article_box .row .text_bottom{ padding-top: 144px; }
    .functiona_con_01 .article_box .row .text h4 span, .functiona_con_01 .article_box .row .text h4{ font-size: 2.6vw; line-height: 1rem; letter-spacing: 2px; }
    .functiona_con_02{ margin: 65px auto; }
    .functiona_con_02 aside{ margin: 0 auto 65px; }
    .functiona_con_02 aside h1{ padding-top: 2rem; padding-left: 5px; letter-spacing: 2px; }
    .functiona_con_02 aside h1 span{ font-size: 6vw; line-height: 9vw; }
    .functiona_con_03 .row{ margin-bottom: 65px; }
    .functiona_con_03 .row .intro{ margin: 0 auto 65px; }
    .functiona_con_03 .row .intro .first{ padding-bottom: 0; }
    .functiona_con_05 .row{ margin: 65px auto; }
    .functiona_con_05 .row .intro{ margin: 0 auto 65px; }
    .functiona_item hr{ width: 100%; }
    .functiona_item .title h2{ margin: 35px auto 30px; }
    .functiona_item .functiona_list-intro .intro{ padding: 0 10px; }
    .functiona_item .functiona_list-intro .subtitle span, .functiona_item .functiona_list-intro .subtitle p{ font-size: 2.8vw; text-align: left; }
    .functiona_item .functiona_list-intro hr{ margin-bottom: 0; }
    .functiona_item .functiona_list-intro .subtitle span:nth-child(2){ margin-bottom: 0; padding-top: 0.1rem; margin-top: 9px; }
    .functiona_item .functiona_list-intro .intro .title_sm span:nth-child(2){ margin-top: 9px; }
}
@media screen and (max-width:428px){

    .functiona_banner .banner_title_mb h2{ font-size: 4.2vw; letter-spacing: 10px; text-align: left; }
    .functiona_wrapper{ margin: 55px auto; }
    .functiona_con_01 .intro{ margin-bottom: 55px; }
    .functiona_con_01 .row .title{ margin-bottom: 1.5rem; }
    .functiona_con_01 .article_box .img{ top: 3%; }
    .functiona_con_01 .article_box .intro{ top: 36%; }
    .functiona_con_01 .article_box .row .text_bottom{ padding-top: 120px; }
    .functiona_con_02{ margin: 55px auto; }
    .functiona_con_02 aside{ margin: 0 auto 55px; }
    .functiona_con_02 aside h1{ padding-left: 10px; }
    .functiona_con_02 aside h1 span{ font-size: 6vw; line-height: 8.5vw; }
    .functiona_con_02 aside h1 span:nth-child(1){ padding-right: 10px; }
    .functiona_con_03 .row{ margin-bottom: 55px; }
    .functiona_con_03 .row .intro{ margin: 0 auto 55px; }
    .functiona_con_03 .row .intro .first{ padding-bottom: 0; }
    .functiona_con_03 .row .intro .title{ margin-bottom: 1.5rem; }
    .functiona_con_05 .row{ margin: 55px auto; }
    .functiona_con_05 .row .intro{ margin: 0 auto 55px; }
    .functiona_con_05 .row .intro .title{ margin-bottom: 1.5rem; }
    .functiona_item .functiona_list-intro .subtitle span:nth-child(2){ margin-top: 10px; }
}
@media screen and (max-width:425px){

    .functiona_con_01 .article_box .intro{ top: 35%; }
    .functiona_con_02 aside h1 span:nth-child(1){ padding-right: 8px; }
}
@media screen and (max-width:414px){

    .functiona_banner .banner_title_mb h2{ letter-spacing: 8px; text-align: left; }
    .functiona_wrapper{ margin: 45px auto; }
    .functiona_con_01 .intro{ margin-bottom: 45px; }
    .functiona_con_01 .row .title{ margin-bottom: 1.2rem; }
    .functiona_con_01 .article_box .img{ top: 3%; }
    .functiona_con_01 .article_box .intro{ top: 34%; }
    .functiona_con_01 .article_box .row .text_bottom{ padding-top: 118px; }
    .functiona_con_02{ margin: 45px auto; }
    .functiona_con_02 aside{ margin: 0 auto 45px; }
    .functiona_con_02 aside h1{ padding-left: 8px; }
    .functiona_con_03 .row{ margin-bottom: 45px; }
    .functiona_con_03 .row .intro{ margin: 0 auto 45px; }
    .functiona_con_03 .row .intro .first{ padding-bottom: 0; }
    .functiona_con_03 .row .intro .title{ margin-bottom: 1.2rem; }
    .functiona_con_05 .row{ margin: 45px auto; }
    .functiona_con_05 .row .intro{ margin: 0 auto 45px; }
    .functiona_con_05 .row .intro .title{ margin-bottom: 1.2rem; }
    .functiona_con_06{ margin: 50px auto; }
    .functiona_item .functiona_list-intro .subtitle span:nth-child(2){ margin-top: 9px; }

}
@media screen and (max-width:390px){ 

    .functiona_con_01 .article_box .row .text_bottom{ padding-top: 108px; }
    .functiona_con_02 aside h1{ padding-left: 8px; }
 }
@media screen and (max-width:375px){

    .functiona_wrapper{ margin: 40px auto; }
    .functiona_group h1{ letter-spacing: 4px; }
    .functiona_con_01 .intro{ margin-bottom: 40px; }
    .functiona_con_01 .row .title{ margin-bottom: 1rem; }
    .functiona_con_01 .article_box .img{ top: 2%; }
    .functiona_con_01 .article_box .intro{ top: 36%; }
    .functiona_con_01 .article_box .row .text_bottom{ padding-top: 100px; }
    .functiona_con_01 .article_box .row .col{ padding: 30px; }
    .functiona_con_01 .article_box .row .col_bottom{ margin-top: 8px; }
    .functiona_con_02{ margin: 40px auto; }
    .functiona_con_02 aside{ margin: 0 auto 40px; }
    .functiona_con_02 aside h1{ padding-left: 10px; }
    .functiona_con_03 .row{ margin-bottom: 40px; }
    .functiona_con_03 .row .intro{ margin: 0 auto 40px; }
    .functiona_con_03 .row .intro .first{ padding-bottom: 0; }
    .functiona_con_03 .row .intro .title{ margin-bottom: 1rem; }
    .functiona_con_05 .row{ margin: 40px auto; }
    .functiona_con_05 .row .intro{ margin: 0 auto 40px; }
    .functiona_con_06{ margin: 40px auto 50px; }
    .functiona_item .title h2{ letter-spacing: 2px; }

}
@media screen and (max-width:320px){

    .functiona_wrapper{ margin: 30px auto; }
    .functiona_group h1{ letter-spacing: 4px; }
    .functiona_con_01 .intro{ margin-bottom: 30px; }
    .functiona_con_01 .row .title{ margin-bottom: 1rem; }
    .functiona_con_01 .article_box .intro{ top: 33%; }
    .functiona_con_01 .article_box .row .text_bottom{ padding-top: 81px; }
    .functiona_con_02{ margin: 30px auto; }
    .functiona_con_02 aside{ margin: 0 auto 30px; }
    .functiona_con_02 aside h1{ padding-left: 6px; padding-top: 0.5rem; }
    .functiona_con_03 .row{ margin-bottom: 30px; }
    .functiona_con_03 .row .intro{ margin: 0 auto 30px; }
    .functiona_con_03 .row .intro .first{ padding-bottom: 0; }
    .functiona_con_03 .row .intro .title{ margin-bottom: 1rem; }
    .functiona_con_05 .row{ margin: 30px auto; }
    .functiona_con_05 .row .intro{ margin: 0 auto 30px; }
    .functiona_con_06{ margin: 30px auto 40px; }
    .functiona_item .title h2{ margin: 25px auto 20px; }
    .functiona_item .functiona_list-intro .subtitle span:nth-child(2){ margin-top: -4px; }
}


/* 拳擊有氧 rwd */

@media screen and (max-width:1300px){

    .bodycb_banner .banner_title h3{ top: 48%; }
    .bodycbcon03 .row .intro h1{ letter-spacing: 4px; }
    .bodycbcon04 .intro_bottom{ padding: 3rem 4rem; }
    .bodycbcon04 .intro_bottom hr{ margin: 0 3rem; }
    /* .bodycbcon04 .intro_bottom .text_left p{  text-indent: -4rem; padding: 0 0 0 4rem; }
    .bodycbcon04 .intro_bottom .text_right p{ margin-left: 3rem; text-indent: -2.5rem; padding: 0 0 0 2.5rem; } */
    .bodycbcon05 .row .img{ height: 588px; }
    .bodycbcon07 .row .img{ height: 630px; }
    .bodycbcon_item hr{ width: 97%; margin: auto; }
}
@media screen and (max-width:1250px){

    .bodycbcon03 .row .intro h1{ font-size: 1.8rem; }
    .bodycbcon04 .intro_bottom hr{ margin: 0; }
    /* .bodycbcon05 .row .intro div p{ text-indent: -4.1rem; padding: 0 0 0 4.1rem;} */
    .bodycbcon05 .row .img{ height: 558px; }
    .bodycbcon05 .row .intro{ padding: 4rem; }
    .bodycbcon07 .row .img{ height: 600px; }
    /* .bodycbcon07 .row .intro .txt p{ text-indent: -4rem; padding: 0 0 0 4rem; } */
}
@media screen and (max-width:1100px){

    .bodycbcon01{ margin: 0 auto 80px; }
    .bodycb_banner .banner_title h3{ font-size: 1.2rem; letter-spacing: 0.5rem; top: 50%; left: 55%; }
    .bodycb_section .title_intro{ padding: 40px 20px 40px 70px; }
    .bodycb_section p{ font-size: 15px; line-height: 30px; }
    .bodycbcon03 .row{ margin: 20px auto 80px; }
    .bodycbcon03 .row .intro h1{ padding-bottom: 2.5rem; letter-spacing: 2px; }
    .bodycbcon04 .title h1{ padding: 2rem 0; }
    .bodycbcon04 .row .intro h2{ font-size: 2.2rem; }
    .bodycbcon04 .row .intro h4{ font-size: 1.2rem; }
    .bodycbcon04 .intro_bottom .text_right p{ margin-left: 3rem; }
    /* .bodycbcon04 .intro_bottom .text_right p{ text-indent: -2.2rem; padding: 0 0 0 2.2rem; } */
    /* .bodycbcon04 .intro_bottom .text_left p{ text-indent: -3.5rem; padding: 0 0 0 3.5rem; } */
    .bodycbcon05 .row .intro hr, .bodycbcon07 .row .intro hr{ margin: 2rem auto; }
    /* .bodycbcon05 .row .intro div p{ text-indent: -3.7rem; padding: 0 0 0 3.7rem; } */
    .bodycbcon05 .row .img{ height: 495px; }
    .bodycbcon07 .row .img{ height: 530px; }
    /* .bodycbcon07 .row .intro .txt p{ text-indent: -3.6rem; padding: 0 0 0 3.6rem; } */
    .bodycbcon09 .info h1{ top: 45%; font-size: 2.3rem; }
    .bodycbcon10{ margin: 80px auto 0; }
    .bodycbcon10 div h3{ font-size: 18px; }
    .bodycbcon10 .img{ width: 225px; height: 225px; }
    .bodycbcon_item .title h2{ font-size: 1.7rem; }
    .bodycbcon_item .bodycbcon_list-intro .subtitle span{ font-size: 17px; padding-top: 0.4rem; }
    .bodycbcon_item .bodycbcon_list-intro .subtitle p{ font-size: 17px; }
}
@media screen and (max-width:1024px){

    .bodycb_wrapper{ margin: 15px auto 70px; }
    .bodycb_section .title_intro{ padding: 35px 20px 35px 70px; }
    .bodycb_section .title_intro span h2{ font-size: 1.6rem; margin-bottom: 0;  }
    .bodycb_section .title_intro span h3{ font-size: 2rem; }
    .bodycb_section .title_intro span .border{ height: 24px; margin-right: 20px; }
    .bodycb_section .title_intro span h4{ font-size: 1.8rem; }
    .bodycb_section .title_intro span p{ font-size: 16px; }
    .bodycbcon01{ margin: 0 auto 70px; }
    .bodycbcon02{ margin: 70px auto 15px; }
    .bodycbcon03 .row{ margin: 15px auto 70px; }
    .bodycbcon03 .row .img{ height: 562px; }
    .bodycbcon03 .row .intro{ width: 36%; }
    .bodycbcon03 .row .intro h1{ font-size: 1.6rem; padding-bottom: 2rem; margin-bottom: 0; }
    .bodycbcon04 .title h1{  font-size: 1.6rem; padding: 1rem 0 1.5rem; margin-bottom: 0; }
    .bodycbcon04 .intro_bottom{ margin: 15px auto 70px; }
    .bodycbcon04 .row .intro{ height: 120px; }
    .bodycbcon04 .row .intro h2{ font-size: 2rem; margin-bottom: 0; }
    .bodycbcon04 .row .intro h4{ font-size: 1rem; }
    .bodycbcon04 .intro_bottom hr{ height: 148px; }
    .bodycbcon04 .intro_bottom .text_right p{ margin-left: 0; }
    .bodycbcon05 .row .img{ height: 464px; }
    /* .bodycbcon05 .row .intro div p{ text-indent: -3.6rem; padding: 0 0 0 3.6rem; } */
    .bodycbcon07 .row .img{ height: 496px; }
    .bodycbcon08 .intro{ margin: 15px auto 70px; }
    .bodycbcon09 .info h1{ font-size: 2rem; letter-spacing: 6px; }
    .bodycbcon10 div h1{ margin-bottom: 1rem; }
    .bodycbcon_item .bodycbcon_list-intro .subtitle span:nth-child(2){ padding-top: 0.4rem; }
    .bodycbcon_item .bodycbcon_list-intro .title_04 span:nth-child(2){ padding-top: 0; }
    
}
@media screen and (max-width:900px){

    .bodycb_wrapper{ margin: 15px auto 60px; }
    .bodycbcon01{ margin: 0 auto 60px; }
    .bodycbcon02{ margin: 60px auto 15px; }
    .bodycbcon03 .row{ margin: 15px auto 50px; }
    .bodycbcon03 .row .intro h1{ padding-bottom: 1rem; }
    .bodycbcon03 .row .img{ height: 500px; }
    .bodycbcon03 .row .intro{ width: 37%; padding: 1.5rem 0 0 1rem; }
    .bodycbcon04 .row .intro{ height: 100px; }
    .bodycbcon04 .row .intro h2{ font-size: 1.8rem; }
    .bodycbcon04 .row .intro h4{ font-size: 15px; }
    .bodycbcon04 .row .intro p{ font-weight: 200; line-height: 1.3rem; }
    .bodycbcon04 .intro_bottom{ margin: 15px auto 60px; padding: 3.5rem 1rem 3.5rem 4rem; }
    .bodycbcon04 .intro_bottom hr{ margin: 0 2rem 0 2.5rem; }
    .bodycbcon04 .intro_bottom .text_right{ margin-left: 0; padding: 0; }
    .bodycbcon04 .intro_bottom .text_left{ padding: 0; }
    /* .bodycbcon04 .intro_bottom .text_left p{ text-indent: -3.6rem; padding: 0 0 0 3.6rem; } */
    .bodycbcon05 .row .intro{ padding: 3.5rem 4rem; }
    /* .bodycbcon05 .row .intro div p{ text-indent: -3.5rem; padding: 0 0 0 3.5rem; }
    .bodycbcon05 .row .intro p:last-child{ text-indent: -2.2rem; padding: 0 0 0 2.2rem; } */
    .bodycbcon05 .row .img{ height: 403px; }
    .bodycbcon07 .row .img{ height: 494px; }
    /* .bodycbcon07 .row .intro .txt p{ text-indent: -3.5rem; padding: 0 0 0 3.5rem; } */
    .bodycbcon08 .intro{ margin: 15px auto 60px; }
    .bodycbcon_item .bodycbcon_list-intro .title_04 span:nth-child(2){ margin-top: -1px;; }
}
@media screen and (max-width:850px){

    .bodycb_banner .banner_pc{ display: none; }
    .bodycb_banner .banner_mb{ display: block; }
    .bodycb_banner .banner_title h3{ font-size: 2rem; letter-spacing: 0.8rem; top: 45%; left: 45%; }
    .bodycb_wrapper{ width: 100%; margin: 20px auto 60px; }
    .bodycb_section .title_intro{ flex-direction: column; align-items: center; justify-content: center; padding: 3rem 0; }
    .bodycb_section .title_intro span:nth-child(1){ margin-bottom: 0.8rem; }
    .bodycb_section .title_intro span h2{ font-size: 2rem; }
    .bodycb_section .title_intro span h3{ font-size: 2.5rem; padding-right: 20px; }
    .bodycb_section .title_intro span .border{ height: 30px; margin-bottom: 6px; }
    .bodycb_section .title_intro span h4{ font-size: 2.3rem; letter-spacing: 1px; padding-right: 0; margin-top: 4px; }
    .bodycb_section .title_intro span p{ font-size: 1.4rem; }
    .bodycb_section p{ font-size: 2.5vw; line-height: 4.5vw; }
    .bodycbcon02{ margin: 70px auto 20px; }
    .bodycbcon03 .row{ flex-direction: column; align-items: center; margin: 6rem auto 6rem; }
    .bodycbcon03 .row .intro{ width: 80%; margin-bottom: 5rem; padding: 0; }
    .bodycbcon03 .row .intro h1{ font-size: 5vw; text-align: center; padding-bottom: 2rem; }
    .bodycbcon03 .row .img{ width: 70%; background-image: none; height: auto; }
    .bodycbcon03 .row .img img{ display: block; }
    .bodycbcon04 hr{ width: 82%; margin: auto; }
    .bodycbcon04 .title h1{ font-size: 4.6vw; padding: 2.5rem 0; }
    .bodycbcon04 .row{ flex-direction: column; align-items: center; }
    .bodycbcon04 .row .col{ width: 80%; margin-bottom: 0.8rem; }
    .bodycbcon04 .row .intro{ height: 140px; }
    .bodycbcon04 .row .intro h2{ font-size: 5vw; }
    .bodycbcon04 .row .intro h4{ font-size: 2.5vw; }
    .bodycbcon04 .intro_bottom hr{ width: 100%; height: auto;  margin: 2rem auto; }
    .bodycbcon04 .intro_bottom{ width: 80%; flex-direction: column; margin: 0 auto; padding: 3rem; }
    .bodycbcon04 .intro_bottom .text_left.bodycbcon04 .intro_bottom .text_right{ text-indent: 0; padding: 0; margin-left: 0; }
    /* .bodycbcon04 .intro_bottom .text_left p{ text-indent: -5.1rem; padding: 0 0 0 5.1rem; } */
    .bodycbcon04 .intro_bottom .text_right, .bodycbcon06 .intro .words_right, .bodycbcon08 .intro .words_right{ padding-left: 0; }
    .bodycbcon05 .row, .bodycbcon07 .row{ flex-direction: column; align-items: center; }
    .bodycbcon05 .row .img, .bodycbcon07 .row .img{ height: auto; background-image: none; }
    .bodycbcon05 .row .img img, .bodycbcon07 .row .img img{ display: block; }
    .bodycbcon05 .row .intro div .txt{ text-indent: 5rem; }
    .bodycbcon05 .row .col, .bodycbcon07 .row .col{ width: 80%; margin-bottom: 0.8rem; }
    .bodycbcon05 .row .intro, .bodycbcon07 .row .intro{ padding:3rem;  }
    .bodycbcon05 .row .intro hr{ display: block; width: 100%; height: auto; }
    .bodycbcon05 hr{ display: none; }
    /* .bodycbcon05 .row .intro div p{ text-indent: -5.1rem; padding: 0 0 0 5.1rem; } */
    .bodycbcon06 .img, .bodycbcon08 .img{ width: 80%; margin: auto; }
    .bodycbcon06 .img .banner_pc, .bodycbcon08 .img .banner_pc{ display: none; }
    .bodycbcon06 .img .banner_mb, .bodycbcon08 .img .banner_mb{ display: block; }
    .bodycbcon06 .intro{ width: 80%; margin: 0.8rem auto 0; flex-direction: column; }
    .bodycbcon06 .intro hr, .bodycbcon08 .intro hr{ width: 100%; height: auto; margin: 2rem auto; }
    /* .bodycbcon06 .intro div p, .bodycbcon07 .row .intro .txt p{ padding: 0 0 0 5.2rem; text-indent: -5.2rem; } */
    .bodycbcon07 .row .intro hr{ width: 100%; height: auto; }
    .bodycbcon08 .intro{ width: 80%; flex-direction: column; margin: 20px auto 80px; }
    .bodycbcon09 .img .banner_pc{ display: none; }
    .bodycbcon09 .img .banner_mb{ display: block; }
    .bodycbcon10 div{ margin-bottom: 90px; }
    .bodycbcon10 div h1{ font-size: 6vw; margin-bottom: 1.5rem; }
    .bodycbcon10 div h3{ font-size: 3.5vw; }
    .bodycbcon_item{ width: 90%; }
    .bodycbcon_item hr{ width: 90%; margin: auto; }
    .bodycbcon_item .title h2{ letter-spacing: 0.2rem; }
    .bodycbcon_item .title h2{ margin: 60px auto 50px; }
    .bodycbcon_item .bodycbcon_list-intro .intro{ width: 50%; }
    .bodycbcon_item .bodycbcon_list-intro .intro hr{ width: 100%; }
    .bodycbcon_item .bodycbcon_list-intro .subtitle{ margin-bottom: 0.2rem; }
    .bodycbcon_item .bodycbcon_list-intro .title_03 span:nth-child(2){  padding-top: 0.3rem;}
    .bodycbcon_item .bodycbcon_list-intro .subtitle span, .bodycbcon_item .bodycbcon_list-intro .subtitle p{ font-size: 2.5vw; }
    .bodycbcon_item .bodycbcon_list-intro .sm_01 span:nth-child(2){ padding-top: 0; }
    .bodycbcon_item .bodycbcon_list-intro .title_sm span:nth-child(2){ padding-top: 0.5rem; }
    .bodycbcon_item .bodycbcon_list-intro .title_04 span:nth-child(2){ margin-top: -5px; }
    

}
@media screen and (max-width:768px){

    .bodycb_banner .banner_title h3{ font-size: 4vw; letter-spacing: 0.6rem; }
    .bodycbcon04 .title h1{ padding: 2rem 0; }
    .bodycbcon04 hr{ width: 80%; margin: auto; }
    /* .bodycbcon04 .intro_bottom .text_left p, .bodycbcon05 .row .intro div p{ text-indent: -4.6rem; padding: 0 0 0 4.6rem; }
    .bodycbcon06 .intro div p, .bodycbcon07 .row .intro .txt p{ text-indent: -4.6rem; padding: 0 0 0 4.6rem; } */
    .bodycbcon09 .info h1{ font-size: 3.8vw; letter-spacing: 5px; top: 44%; }
    .bodycbcon_item .bodycbcon_list-intro .title_03 span:nth-child(2){ padding-top: 7px; }
    .bodycbcon_item .bodycbcon_list-intro .title_04 span:nth-child(2){ margin-top: -2px; }

}
@media screen and (max-width:502px){

    .bodycb_banner .banner_title h3{ font-size: 3.8vw; letter-spacing: 8px; }
    .bodycb_wrapper{ margin: 15px auto 40px; }
    .bodycb_section .title_intro{ padding: 2rem 0; }
    .bodycb_section .title_intro span h2{ font-size: 4vw; }
    .bodycb_section .title_intro span h3{ font-size: 5.4vw; padding-right: 15px; text-align: justify; }
    .bodycb_section .title_intro span h4{ font-size: 4.8vw; }
    .bodycb_section .title_intro span .border{ height: 20px; margin-right: 15px; margin-bottom: 4px; }
    .bodycb_section .title_intro span:nth-child(1){ margin-bottom: 0.2rem; }
    .bodycb_section .title_intro span p{ font-size: 18px; }
    .bodycb_section p{ font-size: 3.5vw; line-height: 6.5vw; text-align: justify; }
    .bodycbcon02{ margin: 40px auto 15px; }
    .bodycbcon03 .row{ margin: 3.5rem auto; }
    .bodycbcon03 .row .intro h1{ padding-bottom: 1.8rem; }
    .bodycbcon03 .row .intro{ margin-bottom: 3.5rem; }
    .bodycbcon04 .title h1{ padding: 1.5rem 0; }
    .bodycbcon04 .row .col{ margin-bottom: 0.4rem; }
    .bodycbcon04 .row .intro{ height: 100px; }
    .bodycbcon04 .intro_bottom{ padding: 3rem; }
    /* .bodycbcon04 .intro_bottom .text_left p{ text-indent: -4.3rem; padding: 0 0 0 4.3rem; }
    .bodycbcon04 .intro_bottom .text_right .words{ text-indent: -2.5rem; padding: 0 0 0 2.5rem; } */
    .bodycbcon04 .intro_bottom .text_right p{ margin: 0; }
    .bodycbcon04 .intro_bottom hr{ width: 100%; margin: 1.5rem auto; }
    .bodycbcon04 .intro_bottom .text_left, .bodycbcon06 .intro div, .bodycbcon08 .intro div{ padding-right: 0; }
    .bodycbcon05 .row .col, .bodycbcon07 .row .col{ margin-bottom: 0.4rem; }
    .bodycbcon05 .row .intro, .bodycbcon07 .row .intro{ padding: 2rem 3rem; }
    /* .bodycbcon05 .row .intro p:last-child{ text-indent: -2.5rem; padding: 0 0 0 2.5rem; }
    .bodycbcon05 .row .intro div p{ text-indent: -4.3rem; padding: 0 0 0 4.3rem; } */
    .bodycbcon06 .intro{ margin: 0.4rem auto; }
    /* .bodycbcon06 .intro div p{ text-indent: -4.2rem; padding: 0 0 0 4.2rem; }
    .bodycbcon07 .row .intro .txt p{ text-indent: -4.3rem; padding: 0 0 0 4.3rem; } */
    .bodycbcon08 .intro{ margin: 0.4rem auto 4rem; }
    /* .bodycbcon08 .intro div{ text-indent: -4.5rem; padding: 0 0 0 4.5rem; }
    .bodycbcon08 .intro p:nth-child(3){ text-indent: -2.5rem; padding: 0 0 0 2.5rem; } */
    .bodycbcon09 .info h1{ font-size: 3.2vw; }
    .bodycbcon_item{ width: 90%; }
    .bodycbcon_item .title h2{ font-size: 4.8vw; margin: 35px auto 30px; }
    .bodycbcon_item .bodycbcon_list-intro hr{ margin-bottom: 0; }
    .bodycbcon_item .bodycbcon_list-intro .intro{ padding: 0 10px; }
    .bodycbcon_item .bodycbcon_list-intro .subtitle span, .bodycbcon_item .bodycbcon_list-intro .subtitle p{ font-size: 2.8vw; text-align: left; }
    .bodycbcon_item .bodycbcon_list-intro .subtitle span:nth-child(2){ padding-top: 10px; }
    .bodycbcon_item .bodycbcon_list-intro .title_04 span:nth-child(2){ padding-top: 4px; }

}
@media screen and (max-width:428px){

    .bodycb_banner .banner_title h3{ font-size: 3vw; }
    .bodycb_wrapper{ margin: 10px auto 20px; }
    .bodycb_section .title_intro{ padding: 1.5rem 0; }
    .bodycb_section .title_intro span h2{ font-size: 3.7vw; padding-top: 0; }
    .bodycb_section .title_intro span h3{ font-size: 4.6vw; padding-right: 10px; padding-bottom: 2px; }
    .bodycb_section .title_intro span .border{ height: 16px; margin-bottom: 3px; margin-right: 10px; }
    .bodycb_section .title_intro span h4{ font-size: 4.2vw; }
    .bodycb_section .title_intro span p{ font-size: 14px; }
    .bodycbcon01{ margin-bottom: 45px; }
    .bodycbcon03 .row{ margin: 45px auto; }
    .bodycbcon03 .row .intro h1{ padding-bottom: 1.4rem; margin-bottom: 0; }
    .bodycbcon04 .row .intro h2{ padding-right: 0.4rem; }
    .bodycbcon04 .row .intro h4{ padding-right: 10px; }
    .bodycbcon04 .row .intro p{ font-size: 1.4vw; line-height:2.2vw; }
    .bodycbcon04 .intro_bottom{ padding: 2rem; }
    .bodycbcon04 .intro_bottom hr{ margin: 1rem auto; }
    /* .bodycbcon04 .intro_bottom .text_left p{ text-indent: -3.6rem; padding: 0 0 0 3.6rem; }
    .bodycbcon04 .intro_bottom .text_right .words{ text-indent: -2.1rem; padding: 0 0 0 2.1rem; } */
    .bodycbcon05 .intro hr{ display: block; }
    .bodycbcon05 .row .intro, .bodycbcon07 .row .intro{ padding: 2rem; }
    .bodycbcon05 .row .intro hr, .bodycbcon07 .row .intro hr{ margin: 1rem auto; }
    .bodycbcon06 .intro{ padding: 2rem; }
    .bodycbcon06 .intro hr, .bodycbcon08 .intro hr{ margin: 1rem auto; }
    /* .bodycbcon05 .row .intro div p{ text-indent: -3.6rem; padding: 0 0 0 3.6rem; }
    .bodycbcon05 .row .intro p{ text-indent: -2.1rem; padding: 0 0 0 2.1rem; }
    .bodycbcon05 .row .intro p:last-child{ text-indent: -2.2rem; padding: 0 0 0 2.2rem; }
    .bodycbcon06 .intro div p{ text-indent: -3.6rem; padding: 0 0 0 3.6rem; }
    .bodycbcon07 .row .intro .txt p{ text-indent: -3.8rem; padding: 0 0 0 3.8rem; } */
    .bodycbcon08 .intro{ padding: 2rem; }
    /* .bodycbcon08 .intro div{ text-indent: -3.8rem; padding: 0 0 0 3.8rem; }
    .bodycbcon08 .intro p:nth-child(3){ text-indent: -2.3rem; padding: 0 0 0 2.3rem; } */
    .bodycbcon09 .info h1{ letter-spacing: 4px; }
    .bodycbcon_item .title h2{ font-size: 4.5vw; letter-spacing: 2px; }
    .bodycbcon_item .bodycbcon_list-intro .subtitle span, .bodycbcon_item .bodycbcon_list-intro .subtitle p{ font-size: 2.9vw; }
    .bodycbcon_item .bodycbcon_list-intro .subtitle span:nth-child(2){ padding-top: 12px; }
    .bodycbcon_item .bodycbcon_list-intro .title_04 span:nth-child(2){ padding-top: 1px; }
    .bodycbcon_item .bodycbcon_list-intro .title_sm span:nth-child(2){ padding-top: 1px; }

}
@media screen and (max-width:425px){

    .bodycbcon01{ margin-bottom: 35px; }
    .bodycbcon01 .videobox{ margin: 10px auto 35px; }
    .bodycbcon02{ margin: 35px auto 15px; }
    .bodycbcon03 .row .intro{ margin-bottom: 3rem; }
    .bodycbcon03 .row .col .txt{ padding-bottom: 0.5rem; }
    .bodycbcon04 .title h1{ padding: 1rem 0; }
    .bodycbcon04 .intro_bottom{ padding: 1.5rem 2rem; }
    .bodycbcon04 .row .intro{ height: 90px; }
    .bodycbcon04 .intro_bottom hr{ margin: 1rem auto; }
    .bodycbcon05 .row .intro, .bodycbcon07 .row .intro{ padding: 1.5rem 2rem; }
    .bodycbcon05 .row .intro hr, .bodycbcon07 .row .intro hr{ margin: 1rem auto; }
    .bodycbcon06 .intro{ padding: 1.5rem 2rem; }
    .bodycbcon06 .intro hr, .bodycbcon08 .intro hr{ margin: 1rem auto; }
    .bodycbcon08 .intro{ padding: 1.5rem 2rem; }
    .bodycbcon10{ margin: 60px auto 0; }
    .bodycbcon10 div{ margin-bottom: 60px; }
    .bodycbcon_item .bodycbcon_list-intro .subtitle{ margin-bottom: 0; }
    .bodycbcon_item .bodycbcon_list-intro .subtitle span:nth-child(2){ padding-top: 0.7rem; }
    .bodycbcon_item .bodycbcon_list-intro .title_04 span:nth-child(2){ padding-top: 0.3rem; }
    .bodycbcon_item .bodycbcon_list-intro .title_sm span:nth-child(2){ padding-top: 0; margin-top: -3px; }

}
@media screen and (max-width:414px){

    .bodycb_section .title_intro span h2{ padding-bottom: 0; padding-top: 3px; }
    .bodycb_section .title_intro span h4{ font-size: 4vw; }
    .bodycb_section .title_intro span .border{ height: 15px; }
    .bodycbcon04 .row .intro p{ font-size: 1.4vw; line-height:2.2vw; }
    /* .bodycbcon04 .intro_bottom .text_left p{ text-indent: -3.5rem; padding: 0 0 0 3.5rem; }
    .bodycbcon05 .row .intro div p{ text-indent: -3.5rem; padding: 0 0 0 3.5rem; }
    .bodycbcon05 .row .intro p:last-child{ text-indent: -2.1rem; padding: 0 0 0 2.1rem; }
    .bodycbcon06 .intro div p{ text-indent: -3.5rem; padding: 0 0 0 3.5rem; }
    .bodycbcon07 .row .intro .txt p{ text-indent: -3.6rem; padding: 0 0 0 3.6rem; }
    .bodycbcon08 .intro div{ text-indent: -3.6rem; padding: 0 0 0 3.6rem; }
    .bodycbcon08 .intro p:nth-child(3){ text-indent: -2.2rem; padding: 0 0 0 2.2rem; } */
    .bodycbcon_item .title h2{ font-size: 4.2vw; letter-spacing: 2px; }
    .bodycbcon_item .bodycbcon_list-intro .title_sm span:nth-child(2){ padding-top: 3px; }

}
@media screen and (max-width:390px){

    .bodycbcon04 .row .col{ margin-bottom: 0.3rem; }
    /* .bodycbcon04 .intro_bottom .text_left p, .bodycbcon05 .row .intro div p{ text-indent: -3.2rem; padding: 0 0 0 3.2rem; } */
    .bodycbcon05 .row .col, .bodycbcon07 .row .col{ margin-bottom: 0.3rem; }
    /* .bodycbcon05 .row .intro p{ text-indent: -2.1rem; padding: 0 0 0 2.1rem; } */
    .bodycbcon06 .intro{ margin: 0.3rem auto; }
    /* .bodycbcon06 .intro div, .bodycbcon07 .row .intro .txt{ text-indent: -3.2rem; padding: 0 0 0 3.2rem; } */
    .bodycbcon08 .intro{ margin: 0.4rem auto 3rem; }
    /* .bodycbcon08 .intro div{ text-indent: -3.4rem; padding: 0 0 0 3.4rem; }
    .bodycbcon08 .intro p:nth-child(3){ text-indent: -2rem; padding: 0 0 0 2rem; } */
    .bodycbcon_item .bodycbcon_list-intro .subtitle span, .bodycbcon_item .bodycbcon_list-intro .subtitle p{ font-size: 12px; }
    .bodycbcon_item .bodycbcon_list-intro .subtitle span:nth-child(2){ padding-top: 12px; }
    .bodycbcon_item .bodycbcon_list-intro .title_04 span:nth-child(2){ margin-top: -3px; }
    .bodycbcon_item .bodycbcon_list-intro .title_sm span:nth-child(2){ margin-top: -3px; }
}
@media screen and (max-width:375px){

    .bodycb_banner .banner_title h3{ letter-spacing: 7px; }
    .bodycbcon04 .row .intro{ padding: 2rem 1rem; }
    .bodycbcon09 .info h1{ letter-spacing: 3px; }
    .bodycbcon_item .title h2{ font-size: 4vw; margin: 20px auto 15px; }
    .bodycbcon_item .bodycbcon_list-intro .title_sm span:nth-child(2){ padding-top: 0; margin-top: -4px; }
    .bodycbcon_item .bodycbcon_list-intro .title_04 span:nth-child(2){ margin-top: -4px; }

}
@media screen and (max-width:320px){

    .bodycbcon04 .row .intro h4{ padding-right: 0; }
    .bodycbcon_item .bodycbcon_list-intro .subtitle span:nth-child(2){ padding-top: 0.2rem; }

}



/* 取代羽絨 rwd */
@media screen and (max-width:1300px){

    .tote_banner .banner_title h1{ top: 33%; left: 15%; font-size: 3rem; letter-spacing: 1rem; }
    .tote_group h1{ font-size: 2.2rem; }
    .tote_con_01 .intro_top{ width: 71%; }
    .tote_con_01 .intro_top h1{ letter-spacing: 0.5rem; }
    .tote_item hr{ width: 97%; margin: auto; }
    .tote_item .tote_list-intro hr{ width: 100%; }
}
@media screen and (max-width:1250px){

    .tote_banner .banner_title h1{ line-height: 5vw; }
    .tote_group h1{ font-size: 2rem; }
    .tote_group h1 span:first-child{ padding-right: 1.2rem; }
    .tote_con_01 .intro_top h1{ font-size: 2.2rem; }
    .swiper-button-next, .swiper-button-prev{ right: 18px; }
}
@media screen and (max-width:1100px){

    .tote_banner .banner_title h1{ font-size: 4.5vw; line-height: 6vw; }
    .tote_group .swiper_title .title{ margin-bottom: 0; }
    .tote_group h1 span:first-child{ padding-right: 1rem; }
    .tote_group p{ font-size: 15px; line-height: 30px; }
    .swiper-button-next, .swiper-button-prev{ width: 50px; height: 50px; right: 18px; }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ font-size: 25px; }
    .tote_con_01 .intro_top h1{ padding-left: 0.4rem; margin-bottom: 0; }
    .tote_con_07 .blockquote .txt, .tote_con_07 .blockquote_mb .txt{ font-size: 2rem; }
    .tote_item .title h2{ font-size: 1.7rem; }
    .tote_item .tote_list-intro .subtitle span{ font-size: 17px; }
    .tote_item .tote_list-intro .subtitle p{ font-size: 17px; }
}
@media screen and (max-width:1024px){

    .tote_banner .banner_title h1{ font-size: 2.5rem; line-height: 3.4rem; left: 16%; }
    .tote_wrapper{ margin: 70px auto; }
    .tote_group .swiper_title{ justify-content: space-evenly; margin: 70px auto; }
    .tote_group .swiper_title .title{ width: 39%; margin-bottom: 0; }
    .tote_group h1{ font-size: 2.1rem; }
    .swiper-button-next, .swiper-button-prev{ width: 45px; height: 45px; right: 18px; }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ font-size: 25px; }
    .tote_con_01 .intro_top{ margin-bottom: 70px ; }
    .tote_con_01 .intro_top h1{ font-size: 1.8rem; padding-bottom: 2rem; }
    .tote_con_01 .intro_bottom{ margin: 70px auto; }
    .tote_con_02 .intro_bottom{ margin: 70px auto; }
    .tote_con_07{ margin: 70px auto; }
    .tote_con_07 .blockquote .txt, .tote_con_07 .blockquote_mb .txt{ font-size: 1.7rem; }
    .tote_item .title h2{ margin: 70px auto 55px; }

}
@media screen and (max-width:900px){

    .tote_banner .banner_title h1{ font-size: 2rem; line-height: 2.8rem; top: 35%; left: 16%; }
    .tote_wrapper{ margin: 60px auto; }
    .tote_group .swiper_title{ justify-content: space-evenly; margin: 60px auto; }
    .tote_group .swiper_title .title{ width: 34%; margin-bottom: 2rem; }
    .tote_group .swiper_title .txt_intro{ width: 42%; }
    .tote_group h1{ font-size: 1.8rem; letter-spacing: 8px; }
    .tote_group h1 span:first-child{ padding-right: 0.4rem; }
    .swiper-button-next, .swiper-button-prev{ width: 40px; height: 40px; right: 18px; }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ font-size: 20px; }
    .tote_con_01 .intro_top{ margin-bottom: 60px ; }.tote_con_01 .intro_top h1{ font-size: 1.6rem; letter-spacing: 8px; padding-bottom: 1rem; }
    .tote_con_01 .intro_bottom{ margin: 60px auto; }
    .tote_con_02 .intro_bottom{ margin: 60px auto; }
    .tote_con_07{ margin: 60px auto 70px; }
    .tote_con_07 .txt_intro p{ padding-bottom: 3rem; }
    .tote_con_07 .blockquote blockquote .txt, .tote_con_07 .blockquote_mb blockquote .txt{ font-size: 1.6rem; line-height: 2.5rem; padding-bottom: 1.5rem; }
    .tote_con_07 .blockquote blockquote .fa-quote-right, .tote_con_07 .blockquote_mb blockquote .fa-quote-right{ padding-left: 20px; }
    .tote_con_07 .blockquote .txt, .tote_con_07 .blockquote_mb .txt{ font-size: 1.6rem; }
    .tote_item .title h2{ margin: 50px auto 45px; }
}
@media screen and (max-width:850px){

    .tote_group .swiper_title .title{ width: 32%; }
    .tote_group .swiper_title .txt_intro{ width: 44%; }
    .tote_group h1{ font-size: 1.6rem; letter-spacing: 6px; }
    .primaloft_con_1 .title{ letter-spacing: 8px; }
    .tote_con_07 .blockquote blockquote .txt, .tote_con_07 .blockquote_mb blockquote .txt{ font-size: 1.4rem; }
    .tote_item .title h2{ letter-spacing: 0.2rem; }
    .tote_item .title h2{ margin: 60px auto 50px; }
    .tote_item .tote_list-intro .intro{ width: 50%; }
    .tote_item .tote_list-intro .intro hr{ width: 100%; }
    .tote_item .tote_list-intro .subtitle{ margin-bottom: 0.2rem; }       

}
@media screen and (max-width:768px){

    .tote_banner .banner_pc{ display: none; }
    .tote_banner .banner_mb{ display: block; }
    .tote_banner .banner_title h1{ width: 100%; left: 0; text-align: center; font-size: 7vw; line-height: 9.5vw; top: 35%; letter-spacing: 1.5rem; }
    .tote_wrapper{ margin: 80px auto; width: 100%; }
    .tote_wrapper hr{ width: 80%; margin: auto; }
    .tote_group .swiper_title{  flex-direction: column; align-items: center; margin: 75px auto 85px; }
    .tote_group .swiper_title .title{ width: 80%; }
    .tote_group .swiper_title .txt_intro{ width: 70%; }
    .tote_group h1{ font-size: 5vw; letter-spacing: 8px; text-align: center; margin-bottom: 2rem; }
    .tote_group h1 span{ text-align: left; }
    .tote_group h1 span:first-child{ padding-right: 1rem; }
    .tote_group p{ font-size: 2.5vw; line-height: 4.5vw; }
    .tote_con_01 .intro_top{ width: 80%; margin-bottom: 80px; }
    .tote_con_01 .intro_top p:first-letter{ font-size:4.5vw; }
    .tote_con_01 .intro_top h1{ width: 77%; margin: auto; font-size: 4.8vw; line-height: 8vw; letter-spacing: 9px; text-align: left; padding-left: 0; padding-bottom: 2rem; }
    .tote_con_01 .article_box .img_01_pc{ display: none; }
    .tote_con_01 .article_box .img_01_mb{ display: block; }
    .tote_con_01 .intro_bottom{ margin: 80px auto; }
    .tote_con_01 .intro_bottom p{ width: 80%; }
    .tote_con_02 .intro_bottom{ margin: 80px auto; }
    .tote_con_02 .intro_bottom p{ width: 80%; }
    .swiper-button-next{ right: 13px; }
    .tote_con_06 .img_06_pc{ display: none; }
    .tote_con_06 .img_06_mb{ display: block; }
    .tote_con_07{ margin: 80px auto; }
    .tote_con_07 .txt_intro{ display: none; }
    .tote_con_07 .txt_intro_mb{ display: block; width: 80%; margin: 0 auto 3rem; }
    .tote_con_07 .txt_intro_mb p{ text-align: justify; }
    .tote_con_07 .blockquote{ display: none; }
    .tote_con_07 .blockquote_mb{ display: block; }
    .tote_con_07 .blockquote_mb blockquote{ width: 80%; }
    .tote_con_07 .blockquote_mb blockquote .fa-quote-left{ padding-right: 2px; }
    .tote_con_07 .blockquote_mb blockquote .fa-quote-right{ padding-left: 25px; }
    .tote_con_07 .blockquote_mb blockquote .txt{ font-size: 2.2rem; line-height: 3.5rem; padding-right: 0; padding-left: 0; padding-bottom: 1.5rem; }
    .tote_con_07 .blockquote_mb blockquote span:last-child{ padding-left: 22px; }
    .tote_con_07 .blockquote_mb .txt{ font-size: 2.2rem; line-height: 3.5rem; padding-right: 15px; }
    .tote_item{ width: 90%; }
    .tote_item .tote_list-intro .intro hr{ width: 100%; }
    .tote_item .title h2{ font-size: 4vw; letter-spacing: 0.2rem; }
    .tote_item .tote_list-intro .subtitle span, .tote_item .tote_list-intro .subtitle p{ font-size: 2.5vw; }
    .tote_item .tote_list-intro .subtitle p{ padding-top: 0; }

}
@media screen and (max-width:502px){

    .tote_banner .banner_title h1{ letter-spacing: 1rem; }
    .tote_wrapper{ margin: 60px auto; }
    .tote_group p{ font-size: 3.5vw; line-height: 6vw; text-align: justify; }
    .tote_group .swiper_title{ margin: 55px auto 65px; }
    .tote_group h1{ margin-bottom: 1.2rem; }
    .tote_con_01 .intro_top{ margin-bottom: 60px; }
    .tote_con_01 .intro_top h1{ width: 83%; font-size: 5vw; letter-spacing: 8px; padding-bottom: 1.5rem; }
    .tote_con_01 .intro_bottom{ margin: 60px auto; }
    .tote_con_02 .intro_bottom{ margin: 60px auto; }
    .tote_con_07{ margin: 60px auto 50px; }
    .swiper-button-next{ width: 45px; height: 45px; right: 17px; }
    .swiper-button-next:after{ font-size: 20px; }
    .tote_con_07 .txt_intro_mb{ margin: 0 auto 2rem; }
    .tote_con_07 .blockquote_mb blockquote .fa-quote-left{ padding-right: 10px; }
    .tote_con_07 .blockquote_mb blockquote .fa-quote-right{ margin-bottom: 0; padding-left: 18px; }
    .tote_con_07 .blockquote_mb blockquote .txt{ font-size: 1.2rem; line-height: 2.2rem; padding-left: 0; padding-bottom: 0.5rem; }
    .tote_con_07 .blockquote_mb .txt{ font-size: 1.2rem; }
    .tote_con_07 .blockquote_mb blockquote span:last-child{ padding-left: 8px; }
    .tote_item .tote_list-intro .intro{ padding: 0 10px; }
    .tote_item{ width: 90%; }
    .tote_item .title h2{ font-size: 4.8vw; margin: 35px auto 30px; letter-spacing: 2px; }
    .tote_item .tote_list-intro hr{ margin-bottom: 0; }
    .tote_item .tote_list-intro .intro{ padding: 0 10px; }
    .tote_item .tote_list-intro .subtitle_top{ padding-top: 0.7rem; }
    .tote_item .tote_list-intro .subtitle span, .tote_item .tote_list-intro .subtitle p{ font-size: 2.8vw; text-align: left; }
}
@media screen and (max-width:428px){

    .tote_con_01 .intro_top h1{ width: 83%; letter-spacing: 6px; padding-bottom: 1rem; }
    .tote_wrapper{ margin: 55px auto; }
    .tote_group .swiper_title{ margin: 40px auto 50px; }
    .tote_group .swiper_title .title{ margin-bottom: 1rem; }
    .tote_group h1{ margin-bottom: 0.8rem; letter-spacing: 6px; }
    .tote_group h1 span:first-child{ padding-right: 0.7rem; }
    .tote_con_01 .intro_top{ margin-bottom: 55px; }
    .tote_con_01 .intro_bottom{ margin: 55px auto; }
    .tote_con_02 .intro_bottom{ margin: 55px auto; }
    .swiper-button-next{ width: 40px; height: 40px; right: 14px; }
    .swiper-button-next:after{ font-size: 18px; }
    .tote_con_07{ margin: 55px auto 45px; }
    .tote_con_07 .blockquote_mb .txt{ padding-right: 12px; }
    .tote_con_07 .blockquote_mb blockquote .fa-quote-left{ padding-right: 0; }
    .tote_con_07 .blockquote_mb blockquote .fa-quote-right{ padding-left: 10px; }
    .tote_item .title h2{ font-size: 4.5vw !important ; }
}
@media screen and (max-width:375px){

    .tote_banner .banner_title h1{ letter-spacing: 0.8rem; }
    .tote_wrapper{ margin: 45px auto; }
    .tote_group .swiper_title .title{ margin-bottom: 0.5rem; }
    .tote_group .swiper_title{ margin: 30px auto 40px; }
    .tote_group h1{ margin-bottom: 0; }
    .tote_con_01 .intro_top{ margin-bottom: 45px; }
    .tote_con_01 .intro_top h1{ width: 86%; letter-spacing: 7px; }
    .tote_con_01 .intro_bottom{ margin: 45px auto; }
    .tote_con_02 .intro_bottom{ margin: 45px auto; }
    .swiper-button-next{ width: 35px; height: 35px; right: 12px; }
    .swiper-button-next:after{ font-size: 15px; }
    .tote_con_07{ margin: 45px auto 35px; }
    .tote_con_07 .txt_intro_mb{ margin: 0 auto 1rem; }
    .tote_con_07 .blockquote_mb blockquote .txt{ font-size: 1rem; line-height: 1.8rem; padding-bottom: 0; }
    .tote_con_07 .blockquote_mb .txt{ font-size: 1rem; }
    .tote_item .title h2{ margin: 28px auto 22px; }

}
@media screen and (max-width:320px){

    .tote_banner .banner_title h1{ letter-spacing: 0.6rem; }
    .tote_wrapper{ margin: 35px auto; }
    .tote_group .swiper_title{ margin: 20px auto 35px; }
    .tote_group h1{ margin-bottom: 0; }
    .tote_con_01 .intro_top{ margin-bottom: 35px; }
    .tote_con_01 .intro_top h1{ width: 86%; letter-spacing: 6px; padding-bottom: 0.8rem; }
    .tote_con_01 .intro_bottom{ margin: 35px auto; }
    .tote_con_02 .intro_bottom{ margin: 35px auto; }
    .swiper-button-next{ width: 30px; height: 30px; right: 10px; }
    .swiper-button-next:after{ font-size: 14px; }
    .tote_con_07{ margin: 35px auto 25px; }
    .tote_con_07 .blockquote_mb blockquote .txt{ font-size: 15px; letter-spacing: 1px; }
    .tote_item .title h2{ letter-spacing: 1px; }
    .tote_item .tote_list-intro .subtitle_top{ align-items: flex-start; }
}


/* 少塑行動 rwd */

@media screen and (max-width:1300px){

    .primaloft_banner .banner_title h1{ left: 52%; letter-spacing: 0.5rem; }
    .primaloft_con_1 .img_top{ width: 56%; }
    .prlo_group h1{ font-size: 2.2rem; }
    .primaloft_con_1 .title{ line-height: 3.8rem; }
    .primaloft_con_5 .row .col-lg-3 .intro_box h2{ margin-bottom: 0; }
    .primaloft_con_6 .title{ left: 11%; }
    .primaloft_con_6 .title h1{ font-size: 2.4rem; line-height: 3.8rem; }
}
@media screen and (max-width:1250px){

    .prlo_group h1{ font-size: 2rem; }
    .primaloft_con_1 .title{ letter-spacing: 0.6rem; }
    .primaloft_con_3 .row .intro_box{ width: 26%; }
    .primaloft_con_3 .row .intro_box .img_box{ width: 82%; margin-top: 2.5rem; }
    .primaloft_con_3 .row .txt_intro{ width: 53%; }
    .primaloft_con_4 .title{ top: 46%; }
    .primaloft_con_4 .title h1 span{ padding-right: 1.5rem; }
    .primaloft_con_5 .row .col .intro_box h2{ padding: 0.8rem 0 1rem; margin-left: 4px; }
    .primaloft_con_6 .title h1{ font-size: 2.2rem; }
    .primaloft_con_8 .title{ right: 12%; }
    .primaloft_con_8 .title h1{ font-size: 2.3rem; line-height: 4rem; }
}
@media screen and (max-width:1100px){

    .primaloft_banner .banner_title h1{ left: 53%; letter-spacing: 5px; }
    .prlo_group p{ font-size: 15px; line-height: 30px; }
    .primaloft_con_4 .title h1{ letter-spacing: 0.8rem; }
    .primaloft_con_5 .row .col .intro_box h2{ font-size: 1.8rem; }
    .primaloft_con_5 .row .col_bottom{ margin: 0 1rem; }
    .primaloft_con_6 .title{ left: 10%; }
    .primaloft_con_8 .title{ right: 12%; }
    .primaloft_con_8 .title h1{ font-size: 2rem; }
    .primaloft_item .title h2{ font-size: 1.7rem; }
    .primaloft_item .primaloft_list-intro .subtitle span{ font-size: 17px; }
    .primaloft_item .primaloft_list-intro .subtitle p{ font-size: 17px; }
}
@media screen and (max-width:1024px){

    .primaloft_wrapper{ margin: 80px auto; }
    .primaloft_wrapper hr{ margin: 100px auto 80px; }
    .primaloft_con_1 .row{ margin-bottom: 90px; }
    .primaloft_con_2 .article_box .img_01{ margin-bottom: 12px; }
    .primaloft_con_3 .row{ margin: 80px auto; }
    .primaloft_con_3 .row .intro_box .img_box{ margin-top: 4rem; }
    .primaloft_con_3 .row .intro_box .title h1{ text-align: left; line-height: 3.5rem; letter-spacing: 0.8rem; }
    .primaloft_con_5{ margin: 80px auto; }
    .primaloft_con_5 .row .col .intro_box h2{ font-size: 1.6rem; padding: 0.6rem 0 0.8rem; }
    .primaloft_con_5 .row .col_bottom{ margin: 0 1rem; }
    .primaloft_con_6 .title h1{ font-size: 2rem; line-height: 3.4rem; }
    .primaloft_con_7{ margin: 80px auto; }
    .primaloft_con_8 .title{ right: 11%; }
    .primaloft_con_8 .title h1{ font-size: 1.8rem; line-height: 3.8rem; }
    .primaloft_item .title h2{ margin: 70px auto 55px; }
}
@media screen and (max-width:900px){

    .primaloft_wrapper{ margin: 70px auto; }
    .prlo_group h1{ font-size: 1.6rem; }
    .primaloft_con_1 .title{ width: 31%; }
    .primaloft_con_1 .row{ margin-bottom: 78px; }
    .primaloft_con_1 .title{ line-height: 3rem; }
    .primaloft_con_1 .img_top{ width: 52%; margin: 0 auto 40px; }
    .primaloft_con_1 .txt_intro p:first-child{ padding-bottom: 1.5rem; }
    .primaloft_con_3 .row{ margin: 70px auto; }
    .primaloft_con_3 .row .txt_intro{ width: 56%; }
    .primaloft_con_3 .row .intro_box .img_box{ margin-top: 4rem; margin-left: -1rem; }
    .primaloft_con_3 .row .intro_box .title h1{ font-size: 2rem; line-height: 3.6rem; }
    .primaloft_con_3 .row .txt_intro p:first-child{ padding-bottom: 1.5rem; }
    .primaloft_con_4 .title h1 span{ padding-right: 1rem; }
    .primaloft_con_5 .row{ padding: 0 3rem; }
    .primaloft_con_5 .row .col{ margin: 0 1.2rem 4rem; }
    .primaloft_con_5 .row .col_bottom{ margin: 0 1.2rem; }
    .primaloft_con_6 .title h1{ font-size: 1.8rem; line-height: 3rem; letter-spacing: 6px; }
    .primaloft_con_7 .intro_container .title h1{ margin-bottom: 1.5rem; }
    .primaloft_con_8 .title{ right: 10%; }
    .primaloft_con_8 .title h1{ font-size: 1.8rem; line-height: 3rem; letter-spacing: 4px; }
    .primaloft_item .title h2{ margin: 50px auto 45px; }

}
@media screen and (max-width:850px){

    .primaloft_wrapper{ margin: 70px auto; }
    .primaloft_wrapper hr{ margin: 90px auto 80px; }
    .primaloft_con_1 .row{ margin-bottom: 80px; }
    .primaloft_con_3 .row{ margin: 70px auto; }
    .primaloft_con_3 .row .intro_box{ width: 29%; }
    .primaloft_con_4 .title{ top: 43%; }
    .primaloft_con_5{ margin: 70px auto; }
    .primaloft_con_5 .row .col{ flex-basis:24%; }
    .primaloft_con_5 .row .col .intro_box h2{ font-size: 1.4rem; padding: 0.4rem 0 0.6rem; }
    .primaloft_con_5 .row .col-lg-3 .intro_box p{ width: 88%; }
    .primaloft_con_6 .title h1{ font-size: 1.6rem; }
    .primaloft_con_7{ margin: 70px auto; }
    .primaloft_con_8 .title{ right: 11%; }
    .primaloft_con_8 .title h1{ font-size: 1.6rem; }
    .primaloft_item .title h2{ letter-spacing: 5px; }
    .primaloft_item .primaloft_list-intro{ width: 100%; }
    .primaloft_item .primaloft_list-intro .intro hr{ width: 100%; }
    .primaloft_item .primaloft_list-intro .subtitle{ align-items: flex-start; margin-bottom: 0.2rem; } 

}
@media screen and (max-width:768px){

    .primaloft_banner .banner_pc{ display: none; }
    .primaloft_banner .banner_mb{ display: block; }
    .primaloft_banner .banner_title h1{ font-size: 4vw; line-height: 6.5vw; top: 38%; left: 50%; letter-spacing: 7px; text-align: left; }
    .primaloft_wrapper{ width: 100%; margin: 100px auto; }
    .primaloft_wrapper hr{ width: 80%; margin: 90px auto 0; }
    .prlo_group p{ font-size: 2.5vw; margin-bottom: 0; }
    .primaloft_con_1 .img_top{ width: 78%; margin: 0 auto 40px; }
    .primaloft_con_1 .row{ flex-direction: column; margin-bottom: 90px; }
    .primaloft_con_1 .title{ width: 100%; font-size: 5vw; text-align: center; margin-bottom: 3rem; }
    .primaloft_con_1 .title span:first-child{ padding-right: 1rem; }
    .primaloft_con_1 .txt_intro{ width: 80%; }
    .primaloft_con_3 .row{ margin: 100px auto; flex-direction: column; }
    .primaloft_con_3 .row .col-2-1 .title{ padding-left: 2rem; }
    .primaloft_con_3 .row .intro_box{ flex-direction: row; width: 80%;  justify-content: space-between; align-items: center; margin-bottom: 3rem; }
    .primaloft_con_3 .row .intro_box .img_box{ width: 45%; margin-top: 0; margin-left: 0; padding-right: 1rem; }
    .primaloft_con_3 .row .intro_box .title h1{ font-size: 5vw; line-height: 8vw; margin-bottom: 0; }
    .primaloft_con_3 .row .txt_intro{ width: 80%; }
    .primaloft_con_4{ position: relative; }
    .primaloft_con_4 .title { display: none; }
    .primaloft_con_4 .title_mb{ display: block; position: absolute; width: 100%; top: 42%; left: 4%; }
    .primaloft_con_4 .title_mb h2{ color: #fff; font-family:'SFUIText'; font-size: 5vw; line-height: 7vw; font-weight: 400; letter-spacing: 1rem; text-align: center; }
    .primaloft_con_4 .title_mb h2:last-child{ padding-right: 3.1rem; }
    .primaloft_con_4 .title_mb h2 span{ font-family:'SFUIText'; padding-right: 1rem; }
    .primaloft_con_4 .article_box .img_pc{ display: none; }
    .primaloft_con_4 .article_box .img_mb{ display: block; }
    .primaloft_con_5{ margin: 100px auto 60px; }
    .primaloft_con_5 .row{ flex-wrap: wrap; padding: 0 6rem; }
    .primaloft_con_5 .row .col{ flex-basis: 40%; }
    .primaloft_con_5 .row .col-lg-3{ margin: 0 auto 4rem; }
    .primaloft_con_5 .row .col-lg-3 .intro_box h2{ font-size: 2rem; margin-bottom: 0; padding: 1rem 0; }
    .primaloft_con_6 .title{ left: 11%; }
    .primaloft_con_6 .title h1{ font-size: 4vw; line-height: 6vw; letter-spacing: 5px; }
    .primaloft_con_6 .article_box .img_pc{ display: none; }
    .primaloft_con_6 .article_box .img_mb{ display: block; }
    .primaloft_con_7{ margin: 100px auto; }
    .primaloft_con_7 .intro_container .title h1{ font-size: 5vw; margin-bottom: 3rem; }
    .primaloft_con_7 .intro_container .txt_intro{ width: 80%; }
    .primaloft_con_8 .title{ top: 37%; right: 12%; }
    .primaloft_con_8 .title h1{ font-size: 3.5vw; line-height: 6vw; letter-spacing: 2px; }
    .primaloft_con_8 .article_box .img_pc{ display: none; }
    .primaloft_con_8 .article_box .img_mb{ display: block; }
    .primaloft_item{ width: 90%; }
    .primaloft_item .primaloft_list-intro .intro hr{ width: 100%; }
    .primaloft_item .title h2{ font-size: 4vw; letter-spacing: 1px }
    .primaloft_item .primaloft_list-intro .subtitle{ align-items: flex-start; }
    .primaloft_item .primaloft_list-intro .subtitle span, .primaloft_item .primaloft_list-intro .subtitle p{ font-size: 2.5vw; }
    .primaloft_item .primaloft_list-intro .subtitle p{ padding-top: 0; }

}
@media screen and (max-width:502px){

    .primaloft_banner .banner_title h1{ left: 48%; letter-spacing: 5px; }
    .primaloft_wrapper{ margin: 70px auto; }
    .primaloft_wrapper hr{ width: 86%; }
    .prlo_group p{ font-size: 3.5vw; line-height: 6.5vw; }
    .primaloft_con_1 .row{ margin-bottom: 70px; }
    .primaloft_con_1 .img_top{ width: 73%; margin-bottom: 20px; }
    .primaloft_con_1 .title{ font-size: 5; letter-spacing: 6px; margin-bottom: 1.5rem; }
    .primaloft_con_1 .title span:first-child{ padding-left: 8px; }
    .primaloft_con_1 .txt_intro{ width: 76%; }
    .primaloft_con_1 .txt_intro p:first-child{ padding-bottom: 1.2rem; }
    .primaloft_con_2 .article_box .img_01{ margin-bottom: 8px; }
    .primaloft_con_3 .row{ margin: 70px auto; flex-direction: column; }
    .primaloft_con_3 .row .intro_box{ margin-bottom: 2rem; }
    .primaloft_con_3 .row .intro_box .img_box{ padding-right: 0.5rem; }
    .primaloft_con_3 .row .col-2-1 .title{ padding-left: 0.8rem; }
    .primaloft_con_3 .row .txt_intro p:first-child{ padding-bottom: 1.2rem; }
    .primaloft_con_4 .title_mb{ left: 5%; }
    .primaloft_con_4 .title_mb h2{ letter-spacing: 0.8rem; margin-bottom: 0; }
    .primaloft_con_4 .title_mb h2:last-child{ padding-right: 32px; }
    .primaloft_con_5{ margin: 70px auto 40px; }
    .primaloft_con_5 .row{ padding: 0 3rem; }
    .primaloft_con_5 .row .col{ padding: 0 1rem; margin-bottom: 2rem; }
    .primaloft_con_5 .row .col-lg-3 .intro_box h2{ font-size: 1.4rem; }
    .primaloft_con_5 .row .col-lg-3 .intro_box p{ width: 82%; font-size: 15px; line-height: 30px; }
    .primaloft_con_6 .title h1{ letter-spacing: 3px; }
    .primaloft_con_7{ margin: 70px auto; }
    .primaloft_con_7 .intro_container .title h1{ margin-bottom: 1.5rem; }
    .primaloft_con_8 .title{ right: 11%; }

    .primaloft_item .title h2{ margin: 40px auto 35px; }
    .primaloft_item .primaloft_list-intro hr{ margin-bottom: 0; }
    .primaloft_item .primaloft_list-intro .intro{ padding: 0 10px; }
    .primaloft_item .primaloft_list-intro .subtitle span, .primaloft_item .primaloft_list-intro .subtitle p{ font-size: 2.8vw; text-align: left; }

}
@media screen and (max-width:428px){

    .primaloft_banner .banner_title h1{ letter-spacing: 4px; }
    .primaloft_wrapper{ margin: 55px auto 0; }
    .primaloft_wrapper hr{ margin: 65px auto 55px; }
    .primaloft_con_1 .img_top{ margin-bottom: 8px; }
    .primaloft_con_1 .row{ margin-bottom: 50px; }
    .primaloft_con_1 .title{ margin-bottom: 0.8rem; }
    .primaloft_con_2 .article_box .img_01{ margin-bottom: 6px; }
    .primaloft_con_3 .row{ margin: 45px auto 55px; }
    .primaloft_con_3 .row .intro_box{ margin-bottom: 1.5rem; }
    .primaloft_con_4 .title_mb h2{ letter-spacing: 10px; }
    .primaloft_con_4 .title_mb h2:last-child{ padding-right: 24px; }
    .primaloft_con_5{ margin: 55px auto 25px; }
    .primaloft_con_5 .row .col{ padding: 0 0.5rem; }
    .primaloft_con_5 .row .col-lg-3 .img{ width: 68%; }
    .primaloft_con_5 .row .col-lg-3 .intro_box h2{ font-size: 1.3rem; letter-spacing: 4px; padding: 1rem 0 0.8rem; }
    .primaloft_con_5 .row .col-lg-3 .intro_box p{ width: 91%; }
    .primaloft_con_6 .title h1 span:last-child{ padding-left: 8px; }
    .primaloft_con_7{ margin: 45px auto 55px; }
    .primaloft_con_7 .intro_container .title h1{ margin-bottom: 1rem; }
    .primaloft_item .title h2{ font-size: 4.2vw !important ; }
    .primaloft_item .primaloft_list-intro .subtitle_top span:first-child{ padding-right: 12px; }

}
@media screen and (max-width:414px){

    .primaloft_wrapper hr{ margin: 55px auto 45px; }
    .primaloft_item .primaloft_list-intro .subtitle_top span:first-child{ padding-right: 14px; }

}
@media screen and (max-width:390px){

    .primaloft_item .primaloft_list-intro .subtitle_top span:first-child{ padding-right: 3px; }

}
@media screen and (max-width:375px){

    .primaloft_wrapper{ margin: 45px auto; }
    .primaloft_wrapper hr{ margin: 50px auto 40px; }
    .primaloft_con_1 .img_top{ margin-bottom: 12px; }
    .primaloft_con_1 .title{ letter-spacing: 5px; }
    .primaloft_con_1 .txt_intro p:first-child{ padding-bottom: 14px; }
    .primaloft_con_2 .article_box .img_01{ margin-bottom: 4px; }
    .primaloft_con_3 .row .intro_box .title h1{ letter-spacing: 8px; }
    .primaloft_con_3 .row .txt_intro p:first-child{ padding-bottom: 14px; }
    .primaloft_con_4 .title_mb{ left: 4%; }
    .primaloft_con_4 .title_mb h2{ letter-spacing: 7px; }
    .primaloft_con_4 .title_mb h2 span{ padding-right: 10px; }
    .primaloft_con_5 .row .col-lg-3 .intro_box h2{ font-size: 18px; padding: 0.8rem 0 0.6rem; }
    .primaloft_con_5 .row .col-lg-3 .intro_box p{ font-size: 12px; line-height: 20px; }
    .primaloft_con_6 .title{ left: 10%; }
    .primaloft_con_7 .intro_container .title h1{ letter-spacing: 7px; }
    .primaloft_con_8 .title{ right: 10%; }
    .primaloft_item .title h2{ font-size: 15px; margin: 28px auto 22px; }

}
@media screen and (max-width:320px){

    .primaloft_banner .banner_title h1{ left: 46%; }
    .primaloft_wrapper{ margin: 40px auto; }
    .primaloft_wrapper hr{ margin: 45px auto 35px; }
    .primaloft_con_1 .img_top{ margin-bottom: 8px; }
    .primaloft_con_1 .title{ margin-bottom: 10px; }
    .primaloft_con_1 .row{ margin-bottom: 40px; }
    .primaloft_con_3 .row{ margin: 40px auto 50px; }
    .primaloft_con_3 .row .intro_box{ margin-bottom: 1.2rem; }
    .primaloft_con_3 .row .intro_box .img_box{ padding-right: 0; }
    .primaloft_con_3 .row .col-2-1 .title{ padding-left: 0.3rem; }
    .primaloft_con_5{ margin: 45px auto 20px; }
    .primaloft_con_5 .row{ padding: 0 2rem; }
    .primaloft_con_7{ margin: 35px auto 45px; }
    .primaloft_con_7 .intro_container .title h1{ margin-bottom: 10px; }
    .primaloft_con_7 .intro_container .txt_intro p:first-child{ padding-bottom: 14px; }
    .primaloft_con_8 .title{ right: 9%; }
    .primaloft_item .title h2{ letter-spacing: 1px; }
    .primaloft_item .primaloft_list-intro .subtitle_top{ align-items: flex-start; }

}



/* 無懼挑戰 css */

@media screen and (max-width:1300px){
    .challenge_banner .banner_title{ left: 22%; }
    .challenge_banner .banner_title h1{ font-size: 2.3rem; letter-spacing: 1rem; }
    .challenge_group h4{ font-size: 1rem; line-height: 2rem; }
    .challenge_group h2{ font-size: 2rem; }
    .challenge_group h1{ font-size: 2.2rem; }
    .challenge_con_2 .img{ height: 600px; }
    .challenge_con_2 .intro{ padding: 0 2rem 0 0; }
    .challenge_con_6 .row .title_intro .title h1{ font-size: 2.6vw; }

}
@media screen and (max-width:1250px){
    .challenge_banner .banner_title h1{ font-size: 2rem; letter-spacing: 0.9rem; }
    .challenge_con_2 .img{ height: 578px; }
    .challenge_con_1 .intro_top{ width: 63%; }
    .challenge_con_1 .article_box .info h1{ letter-spacing: 1.2rem; }
    .challenge_con_2 .intro h2{ font-size: 1.7rem; line-height: 3rem; text-indent: -8px; }
    .challenge_con_2 .intro h2 span:last-child{ padding-left: 28px; }
    .challenge_con_2 .intro_bottom{ width: 66%; }
    .article_section .row{ padding: 0 3.5rem; }
    .article_section .row .title_intro .title h1{ letter-spacing: 6px; }
    .challenge_con_6 .row .title_intro .title h1{ font-size: 2.5vw; }
    .challenge_con_6 .row .title_intro .title h1 span:first-child{ padding-right: 1rem; }
    .challenge_con_8 .article_intro h3{ margin-bottom: 3rem; }
}
@media screen and (max-width:1100px){
    .challenge_banner .banner_title h1{ font-size: 1.8rem; letter-spacing: 12px; }
    .challenge_wrapper{ margin: auto; }
    .challenge_wrapper hr{ margin: 100px auto; }
    .challenge_group h1{ font-size: 2.8vw; }
    .challenge_group p{ font-size: 15px; line-height: 30px; }
    .challenge_con_1 .intro_top{ width: 75%; margin: 70px auto; }
    .challenge_con_2 .img{ height: 476px; }
    .challenge_con_2 .intro{ padding: 0; }
    .challenge_con_2 .intro h2{ margin-top: 2rem; }
    .challenge_con_2 .intro_bottom{ width: 70%; margin: 70px auto; }
    .article_section .row{ margin: 70px auto; }
    .challenge_con_6 .row{ margin: 90px auto; }
    .challenge_con_6 .row .title_intro{ width: 38%; }
    .challenge_con_6 .row .title_intro .title h1{ letter-spacing: 0.8rem; }
    .challenge_con_8{ margin: 80px auto; }
    .challenge_con_8 .article_intro h3{ font-size: 18px; }
    .challenge_con_8 .img{ width: 225px; height: 225px; }
    .challenge_item .title h2{ font-size: 1.7rem; }
    .challenge_item .challenge_list-intro .subtitle span{ font-size: 17px; }
    .challenge_item .challenge_list-intro .subtitle p{ font-size: 17px; }
}
@media screen and (max-width:1024px){
    .challenge_con_1 .intro_top{ width: 73%; }
    .challenge_con_1 .article_box .info h1{ letter-spacing: 1.1rem; }
    .challenge_con_2{ margin: 14px auto 0; }
    .challenge_con_2 .intro{ padding: 0 2rem 0 0; }
    .challenge_con_2 .intro h2{ font-size: 1.5rem; line-height: 2.5rem; letter-spacing: 3px; text-indent: -7px; }
    .challenge_con_2 .intro_bottom{ width: 79%; }
    .challenge_item .title h2{ margin: 70px auto 55px; }

}
@media screen and (max-width:900px){
    .challenge_banner .banner_title h1{ font-size: 1.6rem; }
    .challenge_wrapper hr{ margin: 90px auto 80px; }
    .challenge_con_1 .intro_top{ width: 83%; margin: 60px auto; }
    .challenge_con_1 .article_box .info h1{ letter-spacing: 16px; }
    .challenge_con_1 .article_box .info span:first-child{ padding-right: 1rem; }
    .challenge_con_2 .img{ height: 422px; }
    .challenge_con_2 .intro h2{ font-size: 1.4rem; margin-top: 1.5rem; }
    .challenge_con_2 .intro h2 span:last-child{ padding-left: 26px; }
    .challenge_con_2 .intro_bottom{ margin: 60px auto; }
    .article_section .row{ margin: 60px auto; }
    .article_section .row .title_intro{ width: 27%; }
    .article_section .row .txt_intro p:first-child{ padding-bottom: 0.8rem; }
    .challenge_con_6 .row{ margin: 75px auto; }
    .challenge_con_6 .row .title_intro .title h1{ font-size: 2.7vw; letter-spacing: 10px; }
    .challenge_con_8{ margin: 70px auto; }
    .challenge_item .title h2{ margin-bottom: 55px; }

}
@media screen and (max-width:850px){  
    .challenge_con_1 .intro_top{ width: 90%; }
    .challenge_con_2 .img{ height: 398px; }
    .challenge_con_2 .intro h2{ letter-spacing: 2px; }
    .challenge_item .title h2{ letter-spacing: 5px; }
    .article_section .row .title_intro .title h1{ letter-spacing: 4px; }
    .challenge_item .challenge_list-intro{ width: 100%; }
    .challenge_item .challenge_list-intro .subtitle_pc{ display: none; }
    .challenge_item .challenge_list-intro .subtitle_mb{ display: block; }
    .challenge_item .challenge_list-intro .intro hr{ width: 100%; }
    .challenge_item .challenge_list-intro .subtitle{ align-items: flex-start; margin-bottom: 0.2rem; } 

}
@media screen and (max-width:768px){
    .challenge_banner .banner_title{ top: 25%; left: 17%; }
    .challenge_banner .banner_title h1{ font-size: 5vw; }
    .challenge_banner .banner_pc{ display: none; }
    .challenge_banner .banner_mb{ display: block; }
    .challenge_wrapper{ width: 100%; }
    .challenge_wrapper hr{ width: 90%; margin: 90px auto 0; }
    .challenge_group h1{ font-size: 5vw; }
    .challenge_group h2{ font-size: 4.8vw; }
    .challenge_group h4{ font-size: 2.8vw; line-height: 5.5vw; text-align: justify; text-align-last: center; }
    .challenge_group p{ font-size: 2.5vw; line-height: 4.5vw; }
    .challenge_con_1 .intro_top{ width: 77%; margin: 80px auto; }
    .challenge_con_1 .article_box .info h1{ letter-spacing: 0.8rem; }
    .challenge_con_1 .article_box .info span:first-child{ padding-right: 1.5rem; }
    .challenge_con_1 .img_pc{ display: none; }
    .challenge_con_1 .img_mb{ display: block; }
    .challenge_con_2 .row{ flex-direction: column; justify-content: center; margin: 80px auto; }
    .challenge_con_2 .img{ width: 76%; height: auto; margin: auto; background-image: none; order: 1; }
    .challenge_con_2 .img img{ display: block; }
    .challenge_con_2 .intro{ width: 76%; margin: auto; padding: 0; margin-bottom: 80px; }
    .challenge_con_2 .intro h2{ font-size: 4.8vw; line-height: 7.5vw; text-align: center; margin-top: 2.5rem; text-indent: -38px; }
    .challenge_con_2 .intro h2 span:last-child{ padding-left: 5.5rem; }
    .challenge_con_2 .intro_bottom{ width: 76%; margin: 70px auto; }
    .article_section .row{ flex-direction: column; justify-content: center; margin: 80px auto; padding: 0; }
    .article_section .row .title_intro{ width: 76%; margin: auto; display: flex; justify-content: space-between; margin-bottom: 3rem; }
    .article_section .row .title_intro .intro{ width: 55%; }
    .article_section .row .txt_intro{ width: 76%; margin: auto; }
    .article_section .row .title_intro .title h1{ letter-spacing: 10px; margin-bottom: 2rem; text-align: center; }
    .article_section .row .txt_intro p:first-child{ padding-bottom: 2rem; }
    .challenge_con_3 .img_pc{ display: none; }
    .challenge_con_3 .img_mb{ display: block; }
    .challenge_con_4 .img_pc{ display: none; }
    .challenge_con_4 .img_mb{ display: block; }
    .challenge_con_5 .img_pc{ display: none; }
    .challenge_con_5 .img_mb{ display: block; }
    .challenge_con_5 .row .title_intro{ display: flex;  flex-direction: column; margin-bottom: 2rem; }
    .challenge_con_5 .row .title_intro .intro{ width: 100%; }
    .challenge_con_6 .img_pc{ display: none; }
    .challenge_con_6 .img_mb{ display: block; }
    .challenge_con_6 .row{ flex-direction: column; margin: 80px auto; }
    .challenge_con_6 .row .intro{ width: 76%; margin-bottom: 2rem; }
    .challenge_con_6 .row .title_intro{ width: 76%; }
    .challenge_con_6 .row .title_intro .title h1{ font-size: 5vw; letter-spacing: 20px; text-indent: 10px; }
    .challenge_con_6 .row .title_intro .title h1 span:first-child{ padding-right: 2rem; }
    .challenge_con_7 .img_pc{ display: none; }
    .challenge_con_7 .img_mb{ display: block; }
    .challenge_con_8{ margin: 80px auto; flex-direction: column; justify-content: center; }
    .challenge_con_8 .article_intro{ width: 100%; margin: auto; }
    .challenge_con_8 .article_intro:first-child{ margin-bottom: 5rem; }
    .challenge_con_8 .article_intro h1{ font-size: 6vw; margin-bottom: 0.8rem; }
    .challenge_con_8 .article_intro h3{ font-size: 3.5vw; margin-bottom: 2.5rem; }
    .challenge_con_8 .img{ width: 32%; height: 32%; }
    .challenge_item{ width: 90%; }
    .challenge_item .challenge_list-intro .intro hr{ width: 100%; }
    .challenge_item .title h2{ font-size: 4vw; letter-spacing: 5px; margin: 60px auto 50px; }
    .challenge_item .challenge_list-intro .intro{ width: 50%; }
    .challenge_item .challenge_list-intro .subtitle{ align-items: flex-start; }
    .challenge_item .challenge_list-intro .subtitle span, .challenge_item .challenge_list-intro .subtitle p{ font-size: 2.5vw; }
    .challenge_item .challenge_list-intro .subtitle p{ padding-top: 0; }

}
@media screen and (max-width:502px){
    .challenge_banner .banner_title{ top: 23%; }
    .challenge_wrapper hr{ width: 86%; margin: auto; }
    .article_section .row{ margin: 60px auto; }
    .article_section .row .title_intro{ margin-bottom: 1rem; }
    .article_section .row .txt_intro p:first-child{ padding-bottom: 1rem; }
    .challenge_group h4{ font-size: 3.8vw; line-height: 7vw; }
    .challenge_group p{ font-size: 3.5vw; line-height: 6.5vw; }
    .challenge_con_1 .intro_top{ margin: 60px auto; }
    .challenge_con_1 .article_box .info h1{ font-size: 4.8vw; letter-spacing: 12px; }
    .challenge_con_1 .article_box .info span:first-child{ padding-right: 1rem; }
    .challenge_con_2 .row{ margin: 60px auto; }
    .challenge_con_2 .intro h2{ margin-top: 2rem; text-indent: -20px; }
    .challenge_con_2 .intro h2 span:last-child{ padding-left: 4rem; }
    .challenge_con_2 .intro{ margin-bottom: 60px; }
    .challenge_con_2 .intro_bottom{ margin: 60px auto; }
    .challenge_con_6 .row{ margin: 60px auto; }
    .challenge_con_6 .row .title_intro .title h1{ letter-spacing: 14px; text-indent: 6px; }
    .challenge_con_6 .row .title_intro .title h1 span:first-child{ padding-right: 1rem; }
    .challenge_con_8 .article_intro:first-child{ margin-bottom: 3.5rem; }
    .challenge_con_8 .article_intro h1{ margin-bottom: 0.6rem; }
    .challenge_con_8 .article_intro h3{ margin-bottom: 2rem; }
    .challenge_item .title h2{ margin: 40px auto 35px; }
    .challenge_item .challenge_list-intro hr{ margin-bottom: 0; }
    .challenge_item .challenge_list-intro .intro{ padding: 0 10px; }
    .challenge_item .challenge_list-intro .subtitle span, .challenge_item .challenge_list-intro .subtitle p{ font-size: 2.8vw; text-align: left; }

}
@media screen and (max-width:428px){
    .challenge_wrapper hr{ margin: 60px auto 0; }
    .challenge_con_1 .intro_top{ margin: 50px auto; }
    .challenge_con_2 .row{ margin: 50px auto; }
    .challenge_con_2 .intro{ margin-bottom: 42px; }
    .challenge_con_2 .intro h2{ margin-top: 1.5rem; }
    .challenge_con_2 .intro h2 span:last-child{ padding-left: 3.5rem; }
    .challenge_con_2 .intro_bottom{ margin: 50px auto; }
    .challenge_con_2 .intro_bottom p:first-child{ padding-bottom: 0.6rem; }
    .article_section .row{ margin: 50px auto; }
    .article_section .row .txt_intro p:first-child{ padding-bottom: 0.6rem; }
    .article_section .row .title_intro .title h1{ margin-bottom: 1.5rem; letter-spacing: 8px; }
    .challenge_con_6 .row{ margin: 50px auto; }
    .challenge_con_6 .row .intro{ margin-bottom: 1rem; }
    .challenge_con_6 .row .title_intro .title h1{ letter-spacing: 12px; text-indent: 6px; }
    .challenge_con_6 .row .title_intro .title h1 span:first-child{ padding-right: 0.6rem; }
    .challenge_con_8{ margin: 60px auto; }
    .challenge_con_8 .article_intro:first-child{ margin-bottom: 3rem; }
    .challenge_item .title h2{ letter-spacing: 3px; }
}
@media screen and (max-width:414px){
    .challenge_con_1 .article_box .info h1{ letter-spacing: 9px; }
    .challenge_con_2 .intro h2 span:last-child{ padding-left: 3.2rem; }
    .challenge_con_8 .article_intro h1{ margin-bottom: 0.4rem; }
}
@media screen and (max-width:375px){
    .challenge_con_1 .intro_top{ margin: 45px auto; }
    .challenge_con_1 .article_box .info span:first-child{ padding-right: 0.8rem; }
    .challenge_con_2 .row{ margin: 45px auto; }
    .challenge_con_2 .intro h2{ margin-top: 1rem; text-indent: -18px; }
    .challenge_con_2 .intro h2 span:last-child{ padding-left: 2.8rem; }
    .challenge_con_2 .intro_bottom{ margin: 45px auto; }
    .challenge_con_6 .row{ margin: 45px auto; }
    .article_section .row{ margin: 45px auto; }
    .article_section .row .title_intro{ margin-bottom: 1.2rem; }
    .article_section .row .title_intro .title h1{ margin-bottom: 1.2rem; letter-spacing: 6px; }
    .challenge_con_6 .row .title_intro .title h1{ letter-spacing: 8px; text-indent: 4px; }
    .challenge_con_6 .row .title_intro .title h1 span:first-child{ padding-right: 0.4rem; }
    .challenge_con_8{ margin: 50px auto; }
    .challenge_con_8 .article_intro h3{ margin-bottom: 1.5rem; }
    .challenge_con_8 .article_intro:first-child{ margin-bottom: 2.5rem; }
    .challenge_item .title h2{ font-size: 15px; margin: 28px auto 22px; }
    .challenge_item .challenge_list-intro .intro{ margin-bottom: 30px; }
    .challenge_item .challenge_list-intro .subtitle span:first-child{ margin-right: 1rem; }

}


/* 跑者裝備 rwd */

@media screen and (max-width:2560px){
    .Runquipment_con_02 .row .intro{ width: 41%; }
    .Runquipment_con_02 .row .intro h3{ font-size: 1.2vw; line-height: 1.8vw; }

}
@media screen and (max-width:1920px){
    .Runquipment_con_02 .row .intro{ width: 45%; display: flex; flex-direction: column; justify-content: center; padding: 0 1.5rem 0 0; }
    .Runquipment_con_02 .row .intro h3{ font-size: 1.7vw; line-height: 2.6vw; text-indent: -9px; margin-top: 3rem; }
    .Runquipment_con_02 .row .intro h3 span:last-child{ padding-left: 38px; }

}
@media screen and (max-width:1440px){
    .Runquipment_con_02 .row .intro{ width: 40%; }
    .Runquipment_con_02 .row .intro h3{ font-size: 2vw; line-height: 3.5vw; }
    .Runquipment_con_02 .row .intro h3 span:last-child{ padding-left: 32px; }

}
@media screen and (max-width:1300px){
    .Runquipment_con_02 .row .img{ height: 696px; }
    .Runquipment_con_02 .row .intro h3{ line-height: 3vw; text-indent: -8px; }
    .Runquipment_con_02 .row .intro h3 span:last-child{ padding-left: 29px; }
    .swiper_group .swiper_intro .title h1{ letter-spacing: 6px; }
    .swiper_group_last .swiper_intro .title h1{ letter-spacing: 6px; }
    .Runquipment_con_07 .intro_top{ width: 92%; }
    .Runquipment_con_07 .intro_top h3{ font-size: 1.8rem; line-height: 3.3rem; }

}
@media screen and (max-width:1250px){
    .Runquipment_con_01 .intro_top{ width: 72%; }
    .Runquipment_con_01 .intro_top h1{ font-size: 2.1rem; letter-spacing: 10px; }
    .Runquipment_con_02 .row .img{ height: 664px; }
    .Runquipment_con_02 .row .intro{ width: 43%; }
    .Runquipment_con_03 .intro_box{ padding: 0 3rem; }
    .Runquipment_group h1{ font-size: 2.1rem; }
    .swiper_group .swiper_intro{ padding: 0 3rem; }
    .swiper_group .swiper_intro .title{ width: 9%; }
    .swiper_group_last .swiper_intro{ padding: 0 3rem; }
    .swiper_group_last .swiper_intro .img_intro{ width: 34%; }
    .swiper-button-next, .swiper-button-prev{ right: 20px; }
    .Runquipment_con_07 .intro_top{ width: 86%; }
    .Runquipment_con_07 .intro_top h3{ font-size: 1.4rem; line-height: 2.4rem; }
    
}
@media screen and (max-width:1100px){
    .Runquipment_con_01 .intro_top{ margin: 70px auto; }
    .Runquipment_con_01 .intro_top h1{ font-size: 1.8rem; letter-spacing: 10px; margin-bottom: 1.5rem; }
    .Runquipment_con_02 .row .img{ height: 584px; }
    .Runquipment_con_02{ margin: 10px auto 70px; }
    .Runquipment_con_02 .row .intro{ width: 42%; }
    .Runquipment_con_02 .row .intro h3{ font-size: 2vw; text-indent: -7px; }
    .Runquipment_con_02 .row .intro h3 span:last-child{ padding-left: 26px; }
    .Runquipment_con_03 .intro_box{ margin: 70px auto; }
    .Runquipment_con_03 .intro_box .title h2{ line-height: 2.5rem; }
    .Runquipment_group h1{ font-size: 1.8rem; }
    .Runquipment_group h2{ font-size: 1.7rem; }
    .Runquipment_group h5{ font-size: 16px; }
    .Runquipment_group p{ font-size: 15px; line-height: 30px; }
    .swiper_group .swiper_intro{ margin: 70px auto; padding: 0 2.5rem; }
    .swiper_group_last .swiper_intro{ margin: 70px auto; padding: 0 2.5rem; }
    .swiper-button-next, .swiper-button-prev{ width: 50px; height: 50px; right: 18px; }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ font-size: 25px; }
    .Runquipment_con_07 .intro_top{ margin: 70px auto; }
    .Runquipment_con_07 .intro_top h3{ font-size: 1.4rem; line-height: 2.4rem; }
    .wrapper_bottom hr{ margin: 90px auto; }
    .Runquipment_con_08{ margin: 90px auto 0; }
    .Runquipment_con_08 .article_intro h3{ font-size: 18px; }
    .Runquipment_con_08 .img{ width: 225px; height: 225px; }
    .Runquipment_item .title h2{ font-size: 1.7rem; }
    .Runquipment_item .Runquipment_list-intro .subtitle span{ font-size: 17px; }
    .Runquipment_item .Runquipment_list-intro .subtitle p{ font-size: 17px; }
}
@media screen and (max-width:1024px){
    .Runquipment_con_02 .row .intro h3 span:last-child{ padding-left: 24px; }
    .swiper_group .swiper_intro .title{ width: 10%; }
    .Runquipment_con_07 .intro_top{ width: 91%; }
    .Runquipment_con_07 .intro_top h3{ font-size: 1.2rem; line-height: 2.2rem; }
    .swiper_group_last .swiper_intro .img_intro{ width: 31%; }
    .swiper-button-next, .swiper-button-prev{ width: 45px; height: 45px; right: 18px; }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ font-size: 25px; }
    .Runquipment_item .title h2{ margin: 70px auto 55px; }
}
@media screen and (max-width:900px){
    .Runquipment_con_01 .intro_top{ margin: 60px auto; }
    .Runquipment_con_01 .intro_top h1{ letter-spacing: 8px; }
    .Runquipment_con_01 .intro_top span:first-child{ margin-right: 0.8rem; }
    .Runquipment_con_01 .intro_top h5::first-letter{ font-size: 1.8rem; }
    .Runquipment_con_02{ margin: 8px auto 60px; }
    .Runquipment_con_02 .row .intro h3{ text-indent: -6px; letter-spacing: 2px; margin-top: 2.5rem; }
    .Runquipment_con_02 .row .intro h3 span:last-child{ padding-left: 23px; }
    .Runquipment_con_03 .intro_box{ margin: 60px auto; padding: 0 1.5rem; }
    .Runquipment_con_03 .intro_box .title h2{ font-size: 1.8rem; line-height: 2.6rem; }
    .Runquipment_group h2{ font-size: 1.8rem; }
    .swiper_group .swiper_intro{ margin: 60px auto; padding: 0 2rem; }
    .swiper_group .swiper_intro .title{ width: 10%; }
    .swiper_group_last .swiper_intro{ margin: 60px auto; padding: 0 2rem; }
    .swiper_group_last .swiper_intro .title{ width: 22%; }
    .swiper_group_last .swiper_intro .img_intro{ width: 31%; }
    .swiper_group_last .swiper_intro .img_intro .img_box{ margin: 0 6px; }
    .swiper-button-next, .swiper-button-prev{ width: 40px; height: 40px; right: 15px; }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ font-size: 20px; }
    .Runquipment_con_07 .intro_top{ margin: 60px auto; }
    .Runquipment_con_07 .intro_top h3{ font-size: 1rem; line-height: 1.8rem; }
    .wrapper_bottom hr{ margin: 80px auto; }
    .Runquipment_con_08{ margin: 80px auto 0; }
    .Runquipment_item .title h2{ margin: 50px auto 45px; }
    .Runquipment_item .Runquipment_list-intro .subtitle_pc{ display: none; }
    .Runquipment_item .Runquipment_list-intro .subtitle_mb{ display: block; }
}
@media screen and (max-width:850px){
    .Runquipment_con_02 .row .img{ height: 510px; }
    .Runquipment_con_02 .row .intro h3 span:last-child{ padding-left: 21px; }
    .swiper_group .swiper_intro .title{ width: 11%; margin-top: 4.5rem; }
    .swiper_group .swiper_intro .txt_intro{ width: 46%; }
    .swiper_group .swiper_intro .img_intro{ width: 32%; }
    .swiper_group_last .swiper_intro .txt_intro{ width: 37%; }
    .swiper_group_last .swiper_intro .img_intro{ width: 35%; }
    .swiper_group_last .swiper_intro .title{ margin-top: 4rem; }
    .swiper-button-next, .swiper-button-prev{ right: 13px; }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ font-size: 18px; }
    .Runquipment_con_07 .intro_top h3{ font-size: 1rem; }
}
@media screen and (max-width:768px){
    .Runquipment_banner .banner_pc{ display: none; }
    .Runquipment_banner .banner_mb{ display: block; }
    .Runquipment_wrapper{ width: 100%; }
    .Runquipment_con_01 .intro_top{ width: 77%; margin: 80px auto; }
    .Runquipment_con_01 .article_box .img_pc{ display: none; }
    .Runquipment_con_01 .article_box .img_mb{ display: block; }
    .Runquipment_con_01 .intro_top h1{ font-size: 5.2vw; line-height: 8vw; margin-bottom: 2rem; letter-spacing: 14px; }
    .Runquipment_con_01 .intro_top span{ display: block; }
    .Runquipment_con_01 .intro_top span:first-child{ margin-right: 0; }
    .Runquipment_con_02{ margin: 80px auto 0; }
    .Runquipment_con_02 .row{ flex-direction: column; }
    .Runquipment_con_02 .row .img{ width: 76%; height: auto; margin: auto; order: 1; }
    .Runquipment_con_02 .row .img img{ display: block; }
    .Runquipment_con_02 .row .intro{ width: 76%; margin: auto; padding: 0; }
    .Runquipment_con_02 .row .intro h3{ font-size: 4.8vw; line-height: 7.5vw; text-indent: 18px; text-align: center; margin: 2rem auto 70px; }
    .Runquipment_con_02 .row .intro h3 span:first-child{ text-indent: -89px; }
    .Runquipment_con_02 .row .intro h3 span:last-child{ padding-left: 0; }
    .Runquipment_con_02 .row .intro .intro_box p:first-child{ margin-bottom: 2rem; }
    .Runquipment_con_03 .article_box .img_pc{ display: none; }
    .Runquipment_con_03 .article_box .img_mb{ display: block; }
    .Runquipment_con_03 .intro_box{ flex-direction: column; padding: 0; margin: 70px auto 80px; }
    .Runquipment_con_03 .intro_box .title{ width: 76%; margin: auto; }
    .Runquipment_con_03 .intro_box .title h2{ font-size: 4.8vw; text-align: center; margin-bottom: 1.5rem; }
    .Runquipment_con_03 .intro_box .title span:first-child{ padding-right: 1rem; }
    .Runquipment_con_03 .intro_box .txt_intro{ width: 76%; margin: auto; }
    .Runquipment_group h1{ font-size: 5vw; line-height: 7.5vw; text-align: center; }
    .Runquipment_group h5{ font-size: 2.8vw; line-height: 5.5vw; text-align: justify; }
    .Runquipment_group p{ font-size: 2.5vw; line-height: 4.5vw; text-align: justify; }
    .swiper_group .swiper_intro{ flex-direction: column; margin: 80px auto; padding: 0; }
    .swiper_group .swiper_intro .title h1{ margin-bottom: 0; }
    .swiper_group .swiper_intro .title{ width: 100%; margin: 0 auto 2rem; }
    .swiper_group .swiper_intro .txt_intro{ width: 76%; margin: auto; }
    .swiper_group .swiper_intro .img_intro{ width: 76%; margin: auto; justify-content: center; margin: 3rem auto 0; }
    .swiper_group .swiper_intro .img_intro .img_box_04{ justify-content: center; margin: 0 auto; }
    .swiper_group .swiper_intro .img_intro .img_info p{ margin-top: 8px; letter-spacing: 2px; }
    .swiper_group_last .swiper_intro{ margin: 80px auto; flex-direction: column; padding: 0; }
    .swiper_group_last .swiper_intro .title{ width: 100%; margin-bottom: 2rem; }
    .swiper_group_last .swiper_intro .title h1{ font-size: 5vw; }
    .swiper_group_last .swiper_intro .txt_intro{ width: 76%; margin: auto; }
    .swiper_group_last .swiper_intro .img_intro{ width: 51%; margin: 3rem auto 0; justify-content: center; }
    .swiper_group_last .swiper_intro .img_intro .img_box{ margin: 0 1px; }
    .Runquipment_con_07 .intro_top{ width: 76%; margin: 80px auto; }
    .Runquipment_con_07 .intro_top h3{ font-size: 3vw; line-height: 5vw; text-align: justify; text-align-last: center; }
    .Runquipment_con_07 .article_box .img_pc{ display: none; }
    .Runquipment_con_07 .article_box .img_mb{ display: block; }
    .Runquipment_con_08 .article_intro h1{ font-size: 6vw; margin-bottom: 0.8rem; }
    .Runquipment_con_08 .article_intro h3{ font-size: 3.5vw; }
    .Runquipment_con_08 .img{ width: 32%; height: auto; }
    .wrapper_bottom{ width: 100%; }
    .wrapper_bottom hr{ width: 90%; margin: 80px auto 0; }
    .Runquipment_item{ width: 90%; }
    .Runquipment_item .title h2{ font-size: 4vw; margin: 60px auto 50px; letter-spacing: 0.2rem; }
    .Runquipment_item .Runquipment_list-intro .intro hr{ width: 100%; }
    .Runquipment_item .Runquipment_list-intro .intro{ width: 50%; }
    .Runquipment_item .Runquipment_list-intro .intro:last-child .list_img{ margin-bottom: 0; }
    .Runquipment_item .Runquipment_list-intro .subtitle{ margin-bottom: 0.2rem; }   
    .Runquipment_item .Runquipment_list-intro .subtitle span, .Runquipment_item .Runquipment_list-intro .subtitle p{ font-size: 2.5vw; }

}
@media screen and (max-width:502px){
    .Runquipment_con_01 .intro_top{ margin: 70px auto; }
    .Runquipment_con_01 .intro_top h1{ letter-spacing: 8px; margin-bottom: 1.5rem; }
    .Runquipment_con_02{ margin: 70px auto 0; }
    .Runquipment_con_02 .row .intro h3{ font-size: 4.5vw; line-height: 7vw; letter-spacing: 1px; margin: 1.5rem auto 60px; text-indent: 8px; }
    .Runquipment_con_02 .row .intro h3 span:first-child{ text-indent: -54px; }
    .Runquipment_con_02 .row .intro .intro_box p:first-child{ margin-bottom: 1.5rem; }
    .Runquipment_con_03 .intro_box{ margin: 60px auto 70px; }
    .Runquipment_con_03 .intro_box .title h2{ letter-spacing: 6px; }
    .Runquipment_con_03 .intro_box .title span:first-child{ padding-right: 10px; }
    .Runquipment_group h5{ font-size: 3.5vw; line-height: 6.5vw; }
    .Runquipment_group p{ font-size: 3.5vw; line-height: 6.5vw; }
    .swiper_group .swiper_intro{ margin: 70px auto; }
    .swiper_group .swiper_intro .title{ margin: 0 auto 1.5rem; }
    .swiper_group .swiper_intro .img_intro{ width: 60%; margin: 2rem auto 0; }
    .swiper_group_last .swiper_intro{ margin: 70px auto; }
    .swiper_group_last .swiper_intro .title{ width: 100%; margin: 0 auto 1.5rem; }
    .swiper_group_last .swiper_intro .txt_intro{ margin: auto; }
    .swiper_group_last .swiper_intro .img_intro{ width: 75%; margin: 0 auto ; }
    .swiper_group_last .swiper_intro .img_intro .img_info p{ letter-spacing: 2px; margin-top: 4px; }
    .Runquipment_con_07 .intro_top{ margin: 70px auto; }
    .Runquipment_con_07 .intro_top h3{ font-size: 4vw; line-height: 7vw; }
    .Runquipment_con_08{ margin: auto; }
    .Runquipment_con_08 .article_intro h1{  margin-bottom: 0.6rem; }
    .Runquipment_con_08 .article_intro h3{ margin-bottom: 2rem; }
    .wrapper_bottom{ margin: 70px auto; }
    .wrapper_bottom hr{ width: 86%; margin: 70px auto 0; }
    .Runquipment_item .title h2{ margin: 40px auto 35px; }
    .Runquipment_item .Runquipment_list-intro .intro{ padding: 0 10px; }
    .Runquipment_item .Runquipment_list-intro .subtitle{ margin: 0; }
    .Runquipment_item .Runquipment_list-intro .subtitle span, .Runquipment_item .Runquipment_list-intro .subtitle p{ font-size: 2.8vw; }
    .swiper-button-next{ width: 44px; height: 44px; right: 17px; }
    .swiper-button-next:after{ font-size: 20px; }

}
@media screen and (max-width:428px){
    .Runquipment_con_01 .intro_top{ margin: 55px auto; }
    .Runquipment_con_01 .intro_top h5::first-letter{ font-size: 5.2vw; }
    .Runquipment_con_02{ margin: 55px auto 0; }
    .Runquipment_con_02 .row .intro h3{ margin: 1.5rem auto 50px; text-indent: 6px; }
    .Runquipment_con_02 .row .intro h3 span:first-child{ text-indent: -46px; }
    .Runquipment_con_02 .row .intro .intro_box p:first-child{ margin-bottom: 0.5rem; }
    .Runquipment_con_03 .intro_box{ margin: 50px auto 55px; }
    .Runquipment_con_03 .intro_box .title h2{ letter-spacing: 6px; margin-bottom: 1rem; }
    .swiper_group .swiper_intro{ margin: 55px auto; }
    .swiper_group .swiper_intro .title{ margin: 0 auto 1rem; }
    .swiper_group .swiper_intro .img_intro{ margin: 2rem auto 0; }
    .swiper_group .swiper_intro .img_intro .img_info p{ margin-top: 6px; letter-spacing: 1px; }
    .swiper_group_last .swiper_intro{ margin: 55px auto; }
    .swiper_group_last .swiper_intro .title{ width: 100%; margin-bottom: 1rem; }
    .swiper_group_last .swiper_intro .txt_intro{ margin: auto; }
    .swiper_group_last .swiper_intro .img_intro{ margin: 0.5rem auto 0; }
    .Runquipment_con_07 .intro_top{ margin: 55px auto; }
    .Runquipment_con_08 .article_intro h1{  margin-bottom: 0.6rem; }
    .Runquipment_con_08 .article_intro h3{ margin-bottom: 2rem; }
    .wrapper_bottom{ margin: 55px auto; }
    .wrapper_bottom hr{ width: 86%; margin: 55px auto 0; }
    .Runquipment_item .title h2{ margin: 40px auto 35px; letter-spacing: 3px; }
    .swiper-button-next{ width: 40px; height: 40px; right: 14px; }
    .swiper-button-next:after{ font-size: 18px; }

}
@media screen and (max-width:375px){
    .Runquipment_con_01 .intro_top{ margin: 45px auto; }
    .Runquipment_con_01 .intro_top h1{ margin-bottom: 1rem; letter-spacing: 6px; }
    .Runquipment_con_01 .intro_top h5::first-letter{ font-size: 5.2vw; }
    .Runquipment_con_02{ margin: 45px auto 0; }
    .Runquipment_con_02 .row .intro h3 span:first-child{ text-indent: -42px; }
    .Runquipment_con_02 .row .intro h3{ margin: 1rem auto 40px; text-indent: 24px; }
    .Runquipment_con_02 .row .intro .intro_box p:first-child{ margin-bottom: 8px; }
    .Runquipment_con_03 .intro_box{ margin: 40px auto 45px; }
    .Runquipment_con_03 .intro_box .title h2{ letter-spacing: 4px; margin-bottom: 0.8rem; }
    .Runquipment_con_03 .intro_box .title span:first-child{ padding-right: 8px; }
    .swiper_group .swiper_intro{ margin: 45px auto; }
    .swiper_group .swiper_intro .title{ margin: 0 auto 1rem; }
    .swiper_group .swiper_intro .img_intro{ margin: 2rem auto 0; }
    .swiper_group .swiper_intro .img_intro .img_info p{ margin-top: 6px; letter-spacing: 1px; }
    .swiper_group_last .swiper_intro{ margin: 45px auto; }
    .swiper_group_last .swiper_intro .title{ width: 100%; margin-bottom: 1rem; }
    .swiper_group_last .swiper_intro .txt_intro{ margin: auto; }
    .swiper_group_last .swiper_intro .img_intro{ margin: 0.2rem auto 0; }
    .Runquipment_con_07 .intro_top{ margin: 45px auto; }
    .Runquipment_con_08 .article_intro h1{  margin-bottom: 0.6rem; }
    .Runquipment_con_08 .article_intro h3{ margin-bottom: 2rem; }
    .wrapper_bottom{ margin: 45px auto; }
    .wrapper_bottom hr{ width: 86%; margin: 45px auto 0; }
    .swiper-button-next{ width: 40px; height: 40px; right: 14px; }
    .swiper-button-next:after{ font-size: 18px; }
    .swiper-button-next{ width: 35px; height: 35px; right: 12px; }
    .swiper-button-next:after{ font-size: 15px; }
    .Runquipment_item .title h2{ margin: 28px auto 22px; letter-spacing: 3px; }
}
@media screen and (max-width:320px){
    .swiper_group_last .swiper_intro .img_intro{ margin: 1rem auto; }
    .swiper-button-next{ width: 30px; height: 30px; right: 10px; }
    .swiper-button-next:after{ font-size: 14px; }
    .Runquipment_con_07 .intro_top h3{ letter-spacing: 1px; }
    
}


/* 永不放棄的勇氣 rwd */

@media screen and (max-width:1300px){
    .Nevergiveup_banner .banner_title h1{ font-size: 2.4vw; line-height: 3.8vw; letter-spacing: 1rem; right: 19%; }
    .Ngu_con_01{ margin: -24px auto 0; }
    .Ngu_con_02{ margin: 25px auto; }
    .Ngu_con_02 .row .intro_box{ padding-left: 5rem; }
    .Ngu_con_02 .row .img{ height: 726px; }
    .Ngu_con_03 .row .title_intro{ width: 35%; }
    .Ngu_con_04 .row{ margin: 25px auto; }
    .Ngu_con_04 .row .img{ height: 760px; }
    .Ngu_con_04 .row .intro_box{ width: 39%; padding-right: 5rem; }
    .Ngu_con_06 .row{ margin: 25px auto; }
    .Ngu_con_06 .row .intro_box{ width: 41%; }
    .Ngu_con_06 .row .img{ height: 588px; }
    .Ngu_con_08 .title h1{ letter-spacing: 14px; }
    .Ngu_group h1{ letter-spacing: 9px; }
}
@media screen and (max-width:1250px){
    .Nevergiveup_banner .banner_title h1{ font-size: 2.6vw; line-height: 4vw; letter-spacing: 14px; }
    .Ngu_con_01{ margin: -22px auto 0; }    
    .Ngu_con_02 .row .intro_box{ width: 41%; padding-left: 6rem; }
    .Ngu_con_02 .row .intro_box h1{ line-height: 3.6rem; }
    .Ngu_con_02 .row .img{ height: 700px; }
    .Ngu_con_03 .row .info_intro{ width: 43%; }
    .Ngu_con_04 .row .img{ height: 698px; }
    .Ngu_con_04 .row .intro_box{ width: 40%; padding-right: 3.5rem; }
    .Ngu_con_06 .row .img{ height: 560px; }
    .Ngu_group .txtintro_box .title_intro{ width: 29%; }
    .Ngu_group h1{ font-size: 2.2rem; }

}
@media screen and (max-width:1100px){
    .Ngu_group h1{ font-size: 1.8rem; }
    .Ngu_group h2{ font-size: 1.7rem; }
    .Ngu_group h3{ font-size: 1.5rem; }
    .Ngu_group h5{ font-size: 16px; }
    .Ngu_group p{ font-size: 15px; line-height: 30px; }
    .Ngu_con_02{ margin: 20px auto; }
    .Ngu_con_02 .row .intro_box h1{ line-height: 3rem; }
    .Ngu_con_02 .row .img{ height: 612px; }
    .Ngu_con_03 .row{ margin: 80px auto; }
    .Ngu_con_03 .row .title_intro{ width: 34%; }
    .Ngu_con_03 .row .title_intro .intro_container h2{ font-size: 3rem; margin-bottom: 6px; }
    .Ngu_con_03 .row .title_intro .intro_container h3{ font-size: 3rem; }
    .Ngu_con_03 .row .info_intro{ width: 44%; }
    .Ngu_con_04 .row{ margin: 20px auto; }
    .Ngu_con_04 .row .img{ height: 614px; }
    .Ngu_con_04 .intro_bottom{ margin: 80px auto; }
    .Ngu_con_05 .row{ margin: 80px auto; }
    .Ngu_con_06 .row{ margin: 20px auto; }
    .Ngu_con_06 .row .img{ height: 494px; }
    .Ngu_con_07 .row{ margin: 80px auto; }
    .Ngu_con_08{ margin: 80px auto 0; }
    .Ngu_con_08 .article_intro h3{ font-size: 18px; }
    .Ngu_con_08 .img{ width: 225px; height: 225px; }
    .Ngu_con_08 .title h1{ letter-spacing: 11px; }
    .Ngu_con_09{ margin: 90px auto 0; }
    .Ngu_con_09 .article_intro h3{ font-size: 18px; margin-bottom: 3rem; }
    .Ngu_con_09 .img{ width: 225px; height: 225px; }
    .Ngu_item .title h2{ font-size: 1.7rem; }
    .Ngu_item .Ngu_list-intro .subtitle span{ font-size: 17px; }
    .Ngu_item .Ngu_list-intro .subtitle p{ font-size: 17px; }

}
@media screen and (max-width:1024px){
    .Ngu_con_01{ margin: -18px auto 0; }
    .Ngu_con_02{ margin: 16px auto; }
    .Ngu_con_02 .row .intro_box{ width: 40%; padding-left: 4rem; }
    .Ngu_con_02 .row .intro_box h1{ margin-bottom: 2rem; }
    .Ngu_con_02 .row .img{ height: 582px; }
    .Ngu_con_03 .row{ margin: 70px auto; }
    .Ngu_con_03 .row .title_intro{ width: 35%; }
    .Ngu_con_04 .row{ margin: 16px auto; }
    .Ngu_con_04 .row .img{ height: 580px; }
    .Ngu_con_04 .row .intro_box h1{ line-height: 2rem; margin-bottom: 2rem; }
    .Ngu_con_04 .intro_bottom{ margin: 70px auto; }
    .Ngu_con_05 .row{ margin: 70px auto; }
    .Ngu_con_06 .row{ margin: 16px auto; }
    .Ngu_con_06 .row .img{ height: 468px; }
    .Ngu_con_06 .row .intro_box{ width: 38%; padding-left: 5rem; }
    .Ngu_con_07 .row{ margin: 70px auto; }
    .Ngu_con_08{ margin: 70px auto; }
    .Ngu_wrapper{ margin: 70px auto; }
    .Ngu_con_09{ margin: 70px auto 0; }
    .Ngu_group .txtintro_box .title_intro{ width: 28%; }
    .Ngu_item .title h2{ margin: 70px auto 55px; }
}
@media screen and (max-width:900px){
    .Ngu_con_01{ margin: -16px auto 0; }
    .Ngu_con_02{ margin: 14px auto; }
    .Ngu_con_02 .row .intro_box{ padding-left: 3rem; }
    .Ngu_con_02 .row .intro_box h1{ font-size: 1.7rem; line-height: 2.8rem; letter-spacing: 8px; }
    .Ngu_con_02 .row .img{ height: 510px; }
    .Ngu_con_03 .row{ margin: 60px auto; }
    .Ngu_con_03 .row .title_intro{ width: 34%; }
    .Ngu_con_03 .row .title_intro .intro_container h2{ font-size: 2.5rem; margin-bottom: 2px; }
    .Ngu_con_03 .row .title_intro .intro_container h3{ font-size: 2.5rem; }
    .Ngu_con_04 .row{ margin: 14px auto; }
    .Ngu_con_04 .row .img{ height: 510px; }
    .Ngu_con_04 .row .intro_box{ padding-right: 3rem; }
    .Ngu_con_04 .row .intro_box h1{ letter-spacing: 8px; margin-bottom: 1.4rem; }
    .Ngu_con_04 .row .intro_box p:last-child{ margin-top: 1rem; }
    .Ngu_con_04 .intro_bottom{ margin: 60px auto; }
    .Ngu_con_05 .row{ margin: 60px auto; }
    .Ngu_con_06 .row{ margin: 14px auto; }
    .Ngu_con_06 .row .img{ height: 414px; }
    .Ngu_con_06 .row .intro_box{ width: 44%; padding-left: 3rem; }
    .Ngu_con_06 .row .intro_box p:first-child{ margin-bottom: 1rem; }
    .Ngu_con_07 .row{ margin: 60px auto; }
    .Ngu_con_07 .row .txt_intro p:first-child{ margin-bottom: 1rem; }
    .Ngu_con_08{ margin: 60px auto; }
    .Ngu_con_08 .title h1{ letter-spacing: 10px; }
    .Ngu_wrapper{ margin: 60px auto; }
    .Ngu_wrapper hr{ margin: 80px auto 60px; }
    .Ngu_con_09{ margin: 60px auto 0; }
    .Ngu_group h1{ font-size: 1.7rem; letter-spacing: 7px; }
    .Ngu_group .txtintro_box .title_intro{ width: 27%; }
    .Ngu_item .title h2{ margin: 50px auto 45px; }

}
@media screen and (max-width:850px){
    .Ngu_con_02 .row .intro_box{ width: 40%; padding-left: 2.1rem; }
    .Ngu_con_02 .row .img{ height: 480px; }
    .Ngu_con_03 .row .title_intro{ width: 36%; }
    .Ngu_con_04 .row .img{ height: 480px; }
    .Ngu_con_04 .row .intro_box{ width: 45%; padding-right: 2rem; }
    .Ngu_group .txtintro_box .txt_intro{ width: 49%; }
    .Ngu_group .txtintro_box .title_intro{ width: 30%; }
    .Ngu_group h1{ letter-spacing: 7px; }
    .Ngu_con_06 .row .img{ height: 386px; }
    .Ngu_item .Ngu_list-intro .subtitle_pc{ display: none; }
    .Ngu_item .Ngu_list-intro .subtitle_mb{ display: block; }
}
@media screen and (max-width:768px){
    .Nevergiveup_banner .banner_pc{ display: none; }
    .Nevergiveup_banner .banner_mb{ display: block; }
    .Nevergiveup_banner .banner_title h1{ font-size: 5vw; line-height: 8vw; letter-spacing: 16px; right: 12%; }
    .Nevergiveup_wrapper{ width: 100%; }
    .Ngu_group h1{ font-size: 5vw; text-align: center; margin-bottom: 0; }
    .Ngu_group h2{ font-size: 4.8vw; }
    .Ngu_group h3{ font-size: 4.6vw; }
    .Ngu_group h5{ font-size: 2.8vw; }
    .Ngu_group p{ font-size: 2.5vw; line-height: 4.5vw; }
    .Ngu_con_01{ margin: 20px auto; }
    .Ngu_con_01 .article_box .img_pc{ display: none; }
    .Ngu_con_01 .article_box .img_mb{ display: block; }
    .Ngu_con_02{ margin: auto; }
    .Ngu_con_02 .row{ flex-direction: column; }
    .Ngu_con_02 .row .intro_box{ width: 76%; margin: 5rem auto; padding: 0; order: 1; }
    .Ngu_con_02 .row .intro_box h1{ font-size: 5vw; text-align: center; margin-bottom: 2.5rem; letter-spacing: 10px; }
    .Ngu_con_02 .row .intro_box span{ display: inline-block; }
    .Ngu_con_02 .row .img{ width: 76%; height: auto; margin: auto; background-image: none; }
    .Ngu_con_02 .row .img img{ display: block; }
    .Ngu_con_03 .row{ flex-direction: column; margin: 5rem auto; }
    .Ngu_con_03 .row .title_intro{ width: 76%; margin-bottom: 2.5rem;  justify-content: space-evenly; }
    .Ngu_con_03 .row .info_intro{ width: 76%; margin: auto; }
    .Ngu_con_03 .article_box .img_pc{ display: none; }
    .Ngu_con_03 .article_box .img_mb{ display: block; }
    .Ngu_con_04 .row{ flex-direction: column; margin: 5rem auto 0; }
    .Ngu_con_04 .row .img{ width: 76%; height: auto; margin: auto; order: 1; background-image: none; }
    .Ngu_con_04 .row .img img{ display: block; }
    .Ngu_con_04 .row .intro_box{ width: 76%; padding: 0; margin-bottom: 6rem; }
    .Ngu_con_04 .row .intro_box h1{ text-align: center; line-height: normal; margin-bottom: 2.5rem; }
    .Ngu_con_04 .row .intro_box p:last-child{ margin-top: 2rem; }
    .Ngu_con_04 .intro_bottom{ width: 76%; margin: 5rem auto; }
    .Ngu_con_04 .intro_bottom p:first-child{ margin-bottom: 2rem; }
    .Ngu_con_05 .article_box .img_pc{ display: none; }
    .Ngu_con_05 .article_box .img_mb{ display: block; }
    .Ngu_con_05 .row{ flex-direction: column; margin: 5rem auto; }
    .Ngu_group .txtintro_box .title_intro{ width: 76%; margin: auto; margin-bottom: 2.5rem; }
    .Ngu_group .txtintro_box .txt_intro{ width: 76%; margin: auto; }
    .Ngu_con_06 .row{ flex-direction: column; margin: 4rem auto 0; }
    .Ngu_con_06 .row .intro_box{ width: 76%; margin: auto; padding: 0; margin: 5rem auto; order: 1; }
    .Ngu_con_06 .row .img{ width: 76%; height: auto; margin: auto; background-image: none; }
    .Ngu_con_06 .row .img img{ display: block; }
    .Ngu_con_07 .row{ flex-direction: column; margin: 5rem auto; }
    .Ngu_con_07 .article_box .img_pc{ display: none; }
    .Ngu_con_07 .article_box .img_mb{ display: block; }
    .Ngu_con_08{ margin: 4rem auto 0; }
    .Ngu_con_08 .title{ top: 38%; }
    .Ngu_con_08 .title h1{ font-size: 4.8vw; line-height: 8.5vw; letter-spacing: 16px; text-indent: 3rem; }
    .Ngu_con_08 .title h1 span{ display: block; }
    .Ngu_con_08 .title h1 span:first-child{ text-indent: -6rem; }
    .Ngu_con_08 .article_box .img_pc{ display: none; }
    .Ngu_con_08 .article_box .img_mb{ display: block; }
    .Ngu_wrapper{ width: 100%; }
    .Ngu_wrapper hr{ width: 90%; margin: 5rem auto 4rem; }
    .Ngu_con_09{ margin: 5rem auto 0; }
    .Ngu_con_09 .article_intro h1{ font-size: 6vw; margin-bottom: 0.8rem; }
    .Ngu_con_09 .article_intro h3{ font-size: 3.5vw; }
    .Ngu_con_09 .img{ width: 32%; height: auto; }
    .Ngu_item{ width: 90%; }
    .Ngu_item .title h2{ font-size: 4vw; margin: 60px auto 50px; letter-spacing: 6px; }
    .Ngu_item .Ngu_list-intro .intro hr{ width: 100%; }
    .Ngu_item .Ngu_list-intro .intro{ width: 50%; }
    .Ngu_item .Ngu_list-intro .intro:last-child .list_img{ margin-bottom: 0; }
    .Ngu_item .Ngu_list-intro .subtitle{ margin-bottom: 0.2rem; }   
    .Ngu_item .Ngu_list-intro .subtitle span, .Ngu_item .Ngu_list-intro .subtitle p{ font-size: 2.5vw; }

}
@media screen and (max-width:502px){
    .Nevergiveup_banner .banner_title h1{ right: 11%; text-align: left; }
    .Ngu_group p{ font-size: 3.5vw; line-height: 6.5vw; }
    .Ngu_con_01{ margin: 15px auto; }
    .Ngu_con_02 .row .intro_box{ margin: 3rem auto; }
    .Ngu_con_02 .row .intro_box h1{ letter-spacing: 8px; margin-bottom: 1.5rem; }
    .Ngu_con_03 .row{ margin: 3.5rem auto; }
    .Ngu_con_03 .row .title_intro{ margin-bottom: 1.5rem; }
    .Ngu_con_04 .row{ margin: 3.5rem auto; }
    .Ngu_con_04 .row .intro_box{ margin-bottom: 3.5rem; }
    .Ngu_con_04 .row .intro_box h1{ margin-bottom: 1.5rem; }
    .Ngu_con_04 .row .intro_box p:last-child{ margin-top: 1rem; }
    .Ngu_con_04 .intro_bottom{ margin: 3.5rem auto; }
    .Ngu_con_04 .intro_bottom p:first-child{ margin-bottom: 1rem; }
    .Ngu_con_05 .row{ margin: 3.5rem auto; }
    .Ngu_group .txtintro_box .title_intro{ margin-bottom: 1.5rem; }
    .Ngu_con_06 .row{ margin: 2.5rem auto 0; }
    .Ngu_con_06 .row .intro_box{ margin: 3.5rem auto; }
    .Ngu_con_07 .row{ margin: 3.5rem auto; }
    .Ngu_con_08{ margin: 2.5rem auto; }
    .Ngu_con_08 .title h1{ line-height: 8vw; letter-spacing: 10px; text-indent: 1.5rem; }
    .Ngu_con_08 .title h1 span:first-child{ text-indent: -4.5rem; }
    .Ngu_wrapper{ margin: 3.5rem auto; }
    .Ngu_wrapper hr{ width: 86%; margin: 4rem auto 3rem; }
    .Ngu_con_09{ margin: 3.5rem auto; }
    .Ngu_con_09 .article_intro h1{ margin-bottom: 0.6rem; }
    .Ngu_item .title h2{ margin: 40px auto 35px; letter-spacing: 5px; }
    .Ngu_item .Ngu_list-intro .intro{ padding: 0 10px; }
    .Ngu_item .Ngu_list-intro .subtitle{ margin: 0; }
    .Ngu_item .Ngu_list-intro .subtitle span, .Ngu_item .Ngu_list-intro .subtitle p{ font-size: 2.8vw; }

}
@media screen and (max-width:428px){
    .Ngu_group h1{ letter-spacing: 6px; }
    .Ngu_con_02 .row .intro_box{ margin: 3rem auto; }
    .Ngu_con_02 .row .intro_box h1{ letter-spacing: 6px; margin-bottom: 10px; }
    .Ngu_con_03 .row{ margin: 3rem auto; }
    .Ngu_con_03 .row .title_intro{ margin-bottom: 20px; }
    .Ngu_con_03 .row .title_intro .intro_container h2{ font-size: 2.2rem; }
    .Ngu_con_03 .row .title_intro .intro_container h3{ font-size: 2.2rem; }
    .Ngu_con_04 .row{ margin: 3rem auto; }
    .Ngu_con_04 .row .intro_box{ margin-bottom: 3rem; }
    .Ngu_con_04 .row .intro_box h1{ letter-spacing: 6px; margin-bottom: 20px; }
    .Ngu_con_04 .row .intro_box p:last-child{ margin-top: 8px; }
    .Ngu_con_04 .intro_bottom{ margin: 3rem auto; }
    .Ngu_con_04 .intro_bottom p:first-child{ margin-bottom: 10px; }
    .Ngu_con_05 .row{ margin: 3rem auto; }
    .Ngu_group .txtintro_box .title_intro{ margin-bottom: 20px; }
    .Ngu_con_06 .row{ margin: 2rem auto 0; }
    .Ngu_con_06 .row .intro_box{ margin: 3rem auto; }
    .Ngu_con_06 .row .intro_box p:first-child{ margin-bottom: 10px; }
    .Ngu_con_07 .row{ margin: 3rem auto; }
    .Ngu_con_07 .row .txt_intro p:first-child{ margin-bottom: 10px; }
    .Ngu_con_08{ margin: 2rem auto; }
    .Ngu_con_08 .title h1 span:first-child{ text-indent: -3.8rem; }
    .Ngu_wrapper{ margin: 3rem auto; }
    .Ngu_wrapper hr{ width: 86%; margin: 3rem auto 2rem; }
    .Ngu_con_09{ margin: 3rem auto; }
    .Ngu_item .title h2{ margin: 40px auto 35px; letter-spacing: 3px; }

}
@media screen and (max-width:375px){
    .Nevergiveup_banner .banner_title h1{ letter-spacing: 14px; right: 10%; }
    .Ngu_con_02 .row .intro_box{ margin: 2rem auto; }
    .Ngu_con_02 .row .intro_box h1{ margin-bottom: 6px; letter-spacing: 5px; }
    .Ngu_con_03 .row{ margin: 2.5rem auto 3rem; }
    .Ngu_con_03 .row .title_intro{ margin-bottom: 16px; }
    .Ngu_con_03 .row .title_intro .intro_container h2{ font-size: 1.8rem; margin: 0; }
    .Ngu_con_03 .row .title_intro .intro_container h3{ font-size: 1.8rem; }
    .Ngu_con_04 .row{ margin: 2.5rem auto; }
    .Ngu_con_04 .row .intro_box{ margin-bottom: 2.5rem; }
    .Ngu_con_04 .row .intro_box h1{ margin-bottom: 16px; letter-spacing: 5px; }
    .Ngu_con_04 .intro_bottom{ margin: 2.5rem auto; }
    .Ngu_con_04 .intro_bottom p:first-child{ margin-bottom: 8px; }
    .Ngu_con_05 .row{ margin: 2.5rem auto; }
    .Ngu_group h1{ letter-spacing: 5px; }
    .Ngu_group .txtintro_box .title_intro{ margin-bottom: 16px; }
    .Ngu_con_06 .row{ margin: 1.5rem auto 0; }
    .Ngu_con_06 .row .intro_box{ margin: 2.5rem auto; }
    .Ngu_con_06 .row .intro_box p:first-child{ margin-bottom: 8px; }
    .Ngu_con_07 .row{ margin: 2.5rem auto; }
    .Ngu_con_07 .row .txt_intro p:first-child{ margin-bottom: 8px; }
    .Ngu_con_08{ margin: 1.5rem auto; }
    .Ngu_con_08 .title h1{ letter-spacing: 6px; text-indent: 1.2rem; }
    .Ngu_con_08 .title h1 span:first-child{ text-indent: -3.3rem; }
    .Ngu_wrapper{ margin: 2.5rem auto; }
    .Ngu_wrapper hr{ margin: 2.5rem auto 1.5rem; }
    .Ngu_con_09{ margin: 2.5rem auto; }
    .Ngu_con_09 .article_intro h3{ margin-bottom: 2rem; }
    .Ngu_item .title h2{ margin: 30px auto 24px; letter-spacing: 3px; }

}
@media screen and (max-width:320px){
    .Ngu_con_01{ margin: 10px auto; }
    .Ngu_con_08 .title h1{ text-indent: 10px; }

}



/* 羊毛怎麼選 rwd */

@media screen and (max-width:1300px){
    .Howtochoose_banner .banner_title h1{ font-size: 2.6vw; top: 37%; right: 23%; }
    .Htc_con_01 .intro_box{ width: 96%; }
    .Htc_wrapper .intro_box_05{ width: 64%; }
    .Htc_con_03 .article_box .title{ left: 12%; }
    .Htc_con_06 .article_box .intro_box h1{ font-size: 3.2rem; }
}
@media screen and (max-width:1250px){
    .Htc_con_04 .article_box .img_box_center{ margin: 0 2rem; }
    .Htc_wrapper .intro_box_05{ width: 67%; }
    .Htc_con_06 .article_box .intro_box h1{ font-size: 3rem; }
    .Htc_con_07 .row .img_box .info h1{ font-size: 3.7rem; }
    .Htc_con_07 .row .img_box .info h5{ font-size: 1.3rem; }
    .Htc_con_08 .article_box .info h1{ font-size: 3.7rem; }
    .Htc_con_08 .article_box .info h5{ font-size: 1.3rem; }
}
@media screen and (max-width:1100px){
    .Htc_group h1{ font-size: 2rem; font-weight: 300; color: #3b3b3b; letter-spacing: 0.6rem; margin-bottom: 0; }
    .Htc_group h2{ font-size: 1.7rem; font-weight: normal; color: #3b3b3b; letter-spacing: 10px; }
    .Htc_group h3{ font-size: 1.5rem; font-weight: normal; color: #3b3b3b; letter-spacing: 3px; }
    .Htc_group h5{ font-size: 16px; font-weight: 300; color: #3b3b3b; }
    .Htc_group p{ font-size: 15px; color: #3b3b3b; line-height: 30px; text-align: justify; }
    .Htc_con_01{ margin: 80px auto; }
    .Htc_con_01 .intro_box{ width: 86%; }
    .Htc_con_01 .intro_box h1{ letter-spacing: 10px; line-height: 3rem; }
    .Htc_con_01 .intro_box .txt_intro{ width: 50%; }
    .Htc_con_03 .article_box{ margin: 4px auto 0; }
    .Htc_con_03 .article_box .title{ left: 13%; }
    .Htc_con_03 .article_box .title h1{ font-size: 2rem; line-height: 3.5rem; }
    .Htc_con_04{ margin: 80px auto; }
    .Htc_con_04 .article_box{ margin: 60px auto 20px; }
    .Htc_con_04 .article_box .img_box_center{ margin: 0 1rem; }
    .Htc_con_04 .intro_bottom{ margin-top: 80px; }
    .Htc_wrapper .intro_box_05{ width: 77%; margin: 40px auto 80px; }
    .Htc_wrapper .intro_box_05 p{ font-size: 15px; line-height: 30px; }
    .Htc_con_06 .article_box .intro_box h1{ word-spacing: 6px; }
    .Htc_table{ margin: 80px auto 0; }
    .Htc_table tbody th p{ font-size: 15px; }
    .Htc_table tbody tr th h4{ font-size: 15px; }
    .Htc_table tbody tr td{ font-size: 15px; }
    .Htc_table tbody tr td h3{ font-size: 1rem; }
    .Htc_table tbody tr td h5{ margin-top: 6px; }
    .Htc_con_08 .intro_bottom{ margin: 80px auto 110px; }
    .Htc_con_08 .intro_bottom h1{ letter-spacing: 12px; word-spacing: 12px; }
    .Htc_item .title h2{ font-size: 1.7rem; }
    .Htc_item .Htc_list-intro .subtitle span{ font-size: 17px; }
    .Htc_item .Htc_list-intro .subtitle p{ font-size: 17px; }

}
@media screen and (max-width:1024px){
    .Howtochoose_banner .banner_title h1{ font-size: 2rem; line-height: 3rem; letter-spacing: 1rem; top: 32%; right: 20%; }
    .Htc_con_01{ margin: 70px auto; }
    .Htc_con_04{ margin: 70px auto; }
    .Htc_con_04 .article_box{ margin: 50px auto 20px; }
    .Htc_con_04 .intro_bottom{ margin-top: 70px; } 
    .Htc_con_04 .intro_box{ margin: 0 2rem; }
    .Htc_table{ margin: 70px auto 0; }
    .Htc_wrapper .intro_box_05{ width: 72%; margin: 30px auto 70px; }   
    .Htc_con_06 .article_box .intro_box h1{ text-indent: 14px; word-spacing: 0; }
    .Htc_con_07 .row{ margin: 15px auto; }
    .Htc_con_08 .intro_bottom{ margin: 70px auto 100px; }
}
@media screen and (max-width:900px){
    .Howtochoose_banner .banner_title h1{ font-size: 1.8rem; line-height: 2.8rem; right: 21%; letter-spacing: 1rem; }
    .Htc_group h1{ font-size: 1.8rem; }
    .Htc_con_01 .intro_box h1{ font-size: 1.8rem; line-height: 2.8rem; }
    .Htc_con_03 .article_box .title{ left: 12%; }
    .Htc_con_03 .article_box .title h1{ font-size: 1.8rem; line-height: 2.8rem; }
    .Htc_con_04 .intro_box{ justify-content: space-between; margin: 0 3rem; }
    .Htc_con_04 .intro_bottom{ margin-top: 60px; }
    .Htc_wrapper .intro_box_05{ width: 82%; }
    .Htc_con_06 .article_box .intro_box h1{ letter-spacing: 26px; text-indent: 24px; }
    .Htc_con_07 .row .intro{ width: 35%; }
    .Htc_con_08 .intro_bottom{ width: 84%; margin: 70px auto 90px; }
    .Htc_item .title h2{ margin: 80px auto 60px; }
}
@media screen and (max-width:850px){
    .Howtochoose_banner .banner_title h1{ font-size: 1.7rem; line-height: 2.5rem; letter-spacing: 14px; }
    .Htc_con_01{ margin: 60px auto; }
    .Htc_con_01 .intro_box{ width: 97%; }
    .Htc_con_01 .intro_box h1{ font-size: 1.7rem; }
    .Htc_con_03 .article_box .title h1{ font-size: 1.7rem; }
    .Htc_con_04{ width: 90%; margin: 60px auto; }
    .Htc_con_04 .article_box{ margin: 40px auto 20px; }
    .Htc_con_04 .intro_bottom{ margin-top: 50px; }
    .Htc_con_04 .intro_box{ margin: 0 6rem; }
    .Htc_con_05 .Htc_table_05 tbody tr td h3{ font-size: 1rem; }
    .Htc_con_05 .Htc_table_05 tbody tr td:first-child{ padding: 1rem; }
    .Htc_table{ margin: 60px auto 0; }
    .Htc_table tbody th p{ font-size: 13px; }
    .Htc_table tbody tr th h4{ font-size: 13px; }
    .Htc_table tbody tr td{ font-size: 13px; }
    .Htc_table tbody tr td h3{ font-size: 16px; }
    .Htc_table tbody tr td h5{ margin-top: 4px; letter-spacing: 0; }
    .Htc_wrapper .intro_box_05{ width: 86%; margin: 25px auto 60px; }
    .Htc_con_07 .row{ margin: 12px auto; }
    .Htc_con_07 .row .intro{ width: 38%; }
    .Htc_con_08 .intro_bottom{ margin: 60px auto 80px; }
    .Htc_con_08 .intro_bottom h1{ letter-spacing: 10px; word-spacing: 6px; }
    .Htc_item .title h2{ margin: 70px auto 55px; letter-spacing: 5px; }
}
@media screen and (max-width:768px){ 
    .Howtochoose_banner .banner_pc{ display: none; }
    .Howtochoose_banner .banner_mb{ display: block; }
    .Howtochoose_banner .banner_title h1{ font-size: 5vw; line-height: 7.5vw; text-align: left; }
    .Htc_group h1{ font-size: 5vw; }
    .Htc_group h2{ font-size: 4.8vw; }
    .Htc_group h3{ font-size: 4.6vw; }
    .Htc_group h5{ font-size: 2.5vw; }
    .Htc_group p{ font-size: 2.5vw; line-height: 4.5vw; }
    .Htc_wrapper{ width: 100%; }
    .Htc_wrapper hr{ width: 90%; margin: auto; }
    .Htc_con_01{ margin: 5rem auto; }
    .Htc_con_01 .intro_box{ width: 76%; flex-direction: column; }
    .Htc_con_01 .intro_box h1{ font-size: 5vw; margin-bottom: 2.5rem; }
    .Htc_con_01 .intro_box span{ display: inline-block; }
    .Htc_con_01 .intro_box .txt_intro{ width: 100%; }
    .Htc_con_02 .article_box .img_pc{ display: none; }
    .Htc_con_02 .article_box .img_mb{ display: block; }
    .Htc_con_03 .article_box .title{ top: 31%; left: 10%; }
    .Htc_con_03 .article_box .img_pc{ display: none; }
    .Htc_con_03 .article_box .img_mb{ display: block; }
    .Htc_con_03 .article_box .title h1{ font-size: 4vw; line-height: 6.5vw; }
    .Htc_con_04{ width: 76%;  margin: 5rem auto; }
    .Htc_con_04 .article_box .img_box{ width: 30%; }
    .Htc_con_04 .article_box .img_box_center{ display: none; }
    .Htc_con_04 .article_box .img_box_mb{ display: block; width: 15%; margin: 0 1rem; }
    .Htc_con_05 .Htc_table_05{ width: 76%; margin: auto; }
    .Htc_con_05 .Htc_table_05 .htc-table-pc{ display: none; }
    .Htc_con_05 .Htc_table_05 .htc-table-mb_top{ margin-bottom: 1rem; }
    .Htc_con_05 .Htc_table_05 .htc-table-mb_top , .Htc_con_05 .Htc_table_05 .htc-table-mb_bottom{ display: block; }
    .Htc_con_05 .Htc_table_05 tbody tr td:first-child{ width: 158px; padding: 1.5rem; white-space: nowrap; }
    .Htc_con_05 tbody tr .txts{ width: 65%; margin: auto; }
    .Htc_con_05 .Htc_table_05 .htc-table-mb_top tr td{ width: 211px; padding: 1rem; }
    .Htc_con_05 .Htc_table_05 .htc-table-mb_bottom tr td{ width: 211px; padding: 1rem; }
    .Htc_con_05 .Htc_table_05 tbody th p{ font-size: 2.3vw; }
    .Htc_con_05 .Htc_table_05 tbody tr th h4{ font-size: 2.3vw; }
    .Htc_con_05 .Htc_table_05 tbody tr td{ font-size: 2.3vw; }
    .Htc_con_05 .Htc_table_05 tbody tr td h3{ font-size: 2.5vw; }
    .Htc_con_05 .Htc_table_05 tbody tr td h5{ font-size: 2.3vw; letter-spacing: 0; margin-top: 4px;}
    .Htc_wrapper .intro_box_05{ width: 53%; margin: 2rem auto 5rem; }
    .Htc_wrapper .intro_box_05 p{ font-size: 2.5vw; line-height: 4.5vw; }
    .Htc_con_06 .article_box .img_pc{ display: none; }
    .Htc_con_06 .article_box .img_mb{ display: block; }
    .Htc_con_06 .article_box .intro_box h1{ font-size: 6vw; word-spacing: 0; letter-spacing: 20px; }
    .Htc_con_07 .row{ flex-direction: column; margin: 4rem auto 5rem; }
    .Htc_con_07 .row .img{ width: 76%; margin: auto; }
    .Htc_con_07 .row .intro{ width: 76%; margin: 4rem auto 0; padding: 0; }
    .Htc_con_07 .row .img_box .info h1{ font-size: 8vw; }
    .Htc_con_07 .row .img_box .info h5{ font-size: 3vw; }
    .Htc_con_07 .row .img_box .info{ top: 6%; right: 11%; }
    .Htc_con_08 .article_box .img_pc{ display: none; }
    .Htc_con_08 .article_box .img_mb{ display: block; }
    .Htc_con_08 .article_box .info{ top: 6%; right: 5%; }
    .Htc_con_08 .article_box .info h5{ font-size: 3vw; letter-spacing: 5px; }
    .Htc_con_08 .intro_bottom_pc{ display: none; }
    .Htc_con_08 .intro_bottom_mb{ display: block; width: 76%; margin: 5rem auto; }
    .Htc_con_08 .intro_bottom_mb h1{ line-height: 7.5vw; letter-spacing: 12px; word-spacing: 6px; }
    .Htc_item{ width: 90%; }
    .Htc_item .title h2{ font-size: 4vw; margin: 60px auto 50px; letter-spacing: 6px; }
    .Htc_item .Htc_list-intro .intro hr{ width: 100%; }
    .Htc_item .Htc_list-intro .intro{ width: 50%; }
    .Htc_item .Htc_list-intro .intro:last-child .list_img{ margin-bottom: 0; }
    .Htc_item .Htc_list-intro .subtitle{ margin-bottom: 0.2rem; }   
    .Htc_item .Htc_list-intro .subtitle span, .Htc_item .Htc_list-intro .subtitle p{ font-size: 2.5vw; }

}
@media screen and (max-width:502px){
    .Howtochoose_banner .banner_title h1{ font-size: 5.5vw; top: 32%; right: 20%; }
    .Htc_group p{ font-size: 3.5vw; line-height: 6.5vw; }
    .Htc_wrapper hr{ width: 86%; margin: auto; }
    .Htc_con_01{ margin: 3rem auto; }
    .Htc_con_01 .intro_box h1{ margin-bottom: 1rem; }
    .Htc_con_03 .article_box .title{ left: 9%; }
    .Htc_con_03 .article_box .title h1{ letter-spacing: 7px; }
    .Htc_con_04{ margin: 3rem auto; }
    .Htc_con_04 .article_box{ margin: 1.5rem auto 1rem; }
    .Htc_con_04 .article_box .img_box_mb{ width: 16%; margin: 0 10px; }
    .Htc_con_04 .intro_box{ margin: 0 1.2rem; }
    .Htc_con_04 .intro_bottom{ margin-top: 2.5rem; }
    .Htc_wrapper .intro_box_05{ width: 68%; margin: 1.5rem auto 3rem; }
    .Htc_con_05 .Htc_table_05 tbody tr td:first-child{ width: 106px; padding: 1.5rem 10px; }
    .Htc_con_05 .Htc_table_05 .htc-table-mb_top{ margin: 0 auto 8px; }
    .Htc_con_05 .Htc_table_05 .htc-table-mb_top tr td{ width: 136px; padding: 1.5rem 8px; }
    .Htc_con_05 .Htc_table_05 .htc-table-mb_bottom tr td{ width: 136px; padding: 1.5rem 8px; }
    .Htc_con_05 .Htc_table_05 tbody tr th, .Htc_con_05 .Htc_table_05 tbody tr td{ border: solid 3px #fff; }
    .Htc_con_06 .article_box .intro_box h1{ letter-spacing: 12px; }
    .Htc_con_07 .row{ margin: 2rem auto 3rem; }
    .Htc_con_07 .row .intro{ margin: 3rem auto 0; }
    .Htc_con_07 .row .img_box .info{ right: 8%; }
    .Htc_con_07 .row .img_box .info h1{ font-size: 8.5vw; letter-spacing: 4px; }
    .Htc_con_07 .row .img_box .info h5{ letter-spacing: 4px; }
    .Htc_con_08 .article_box .info{ right: 3%; }
    .Htc_con_08 .article_box .info h1{ font-size: 8.5vw; letter-spacing: 4px; }
    .Htc_con_08 .article_box .info h5{ letter-spacing: 4px; }
    .Htc_con_08 .row .img_box .info h5{ letter-spacing: 4px; }
    .Htc_con_08 .intro_bottom_mb{ margin: 3rem auto; }
    .Htc_con_08 .intro_bottom_mb p{ margin-bottom: 1.5rem; }
    .Htc_con_08 .intro_bottom_mb h1{ letter-spacing: 10px; word-spacing: 2px; }
    .Htc_item .title h2{ margin: 2.5rem auto 2rem; letter-spacing: 4px; }
    .Htc_item .Htc_list-intro .intro{ padding: 0 10px; }
    .Htc_item .Htc_list-intro .subtitle{ margin: 0; }
    .Htc_item .Htc_list-intro .subtitle_pc{ display: none; }
    .Htc_item .Htc_list-intro .subtitle_mb{ display: block; }
    .Htc_item .Htc_list-intro .subtitle span, .Htc_item .Htc_list-intro .subtitle p{ font-size: 2.8vw; line-height: 5.2vw; }

}
@media screen and (max-width:428px){
    .Howtochoose_banner .banner_title h1{ letter-spacing: 13px; }
    .Htc_con_01{ margin: 2rem auto 2.5rem; }
    .Htc_con_01 .intro_box h1{ letter-spacing: 8px; margin-bottom: 8px; }
    .Htc_con_01 .intro_box .txt_intro p::first-letter{ font-size: 5.5vw; }
    .Htc_con_03 .article_box .title h1{ letter-spacing: 6px; }
    .Htc_con_04{ margin: 2.5rem auto 2rem; }
    .Htc_con_04 .intro_box{ display: none; }
    .Htc_con_04 .intro_box_sm{ display: flex; justify-content: space-around; }
    .Htc_con_04 .intro_box_sm span{ display: block; text-align: center; }
    .Htc_con_04 .article_box .img_box_mb{ width: 20%; margin: 0 6px; }
    .Htc_con_04 .intro_box_sm .img_title:first-child{ margin-right: 2rem; }
    .Htc_con_04 .intro_box_sm .img_title:last-child{ margin-right: 6px; }
    .Htc_con_04 .intro_bottom{ margin-top: 2rem; }
    .Htc_con_05 .Htc_table_05{ width: 89%; }
    .Htc_con_05 tbody tr .txts{ width: 87%; }
    .Htc_wrapper .intro_box_05{ width: 59%; }
    .Htc_con_07 .row .img_box .info h5{ margin-top: 0; }
    .Htc_con_08 .article_box .info h5{ margin-top: 0; }
    .Htc_con_07 .row{ margin: 1.5rem auto 2.5rem; }
    .Htc_con_07 .row .intro{ margin: 2.5rem auto 0; }
    .Htc_con_08 .intro_bottom_mb{ margin: 2.5rem auto; }
    .Htc_con_08 .intro_bottom_mb p{ margin-bottom: 20px; }
    .Htc_con_08 .intro_bottom_mb h1{ letter-spacing: 7px; line-height: 7vw; }
    .Htc_item .title h2{ margin: 40px auto 35px; letter-spacing: 2px; word-spacing: 6px; }

}
@media screen and (max-width:414px){
    .Htc_con_05 tbody tr .txts{ width: 91%; }
    .Htc_con_05 .Htc_table_05 .htc-table-mb_top tr td{ width: 130px; }
    .Htc_con_05 .Htc_table_05 .htc-table-mb_bottom tr td{ width: 130px; }
    .Htc_con_06 .article_box .intro_box h1{ letter-spacing: 10px; }
    .Htc_con_07 .row .img_box .info{ right: 9%; }
    .Htc_con_07 .row .img_box .info h5{ letter-spacing: 2px; padding-right: 5px; }
    .Htc_con_08 .article_box .info{ right: 4%; }
    .Htc_con_08 .article_box .info h5{ letter-spacing: 2px; padding-right: 5px; }
}
@media screen and (max-width:390px){
    .Htc_con_05 .Htc_table_05 .htc-table-mb_top tr td{ width: 118px; }
    .Htc_con_05 .Htc_table_05 .htc-table-mb_bottom tr td{ width: 118px; }

}
@media screen and (max-width:375px){
    .Howxochoose_banner .banner_title h1{ letter-spacing: 11px; }
    .Htc_con_01{ margin: 1.5rem auto 2rem; }
    .Htc_con_01 .intro_box h1{ letter-spacing: 6px; margin-bottom: 0; }
    .Htc_con_03 .article_box .title h1{ letter-spacing: 5px; }
    .Htc_con_04{ margin: 2rem auto 1.5rem; }
    .Htc_con_04 .intro_box_sm .img_title:last-child{ margin-right: 10px; }
    .Htc_con_04 .article_box{ margin: 1rem auto 10px; }
    .Htc_con_04 .intro_bottom{ margin-top: 1.5rem; }
    .Htc_con_05 tbody tr .txts{ width: 100%; }
    .Htc_con_05 .Htc_table_05 tbody tr th h4{ letter-spacing: 1px; }
    .Htc_con_05 .Htc_table_05 tbody th p{ letter-spacing: 0; }
    .Htc_con_05 .Htc_table_05 .htc-table-mb_top tr td{ width: 112px; }
    .Htc_con_05 .Htc_table_05 .htc-table-mb_bottom tr td{ width: 112px; }
    .Htc_wrapper .intro_box_05{ width: 68%; margin: 1rem auto 2rem; }
    .Htc_wrapper .intro_box_05 p{ line-height: 5.5vw; }
    .Htc_con_06 .article_box .intro_box h1{ letter-spacing: 10px; }
    .Htc_con_07 .row{ margin: 1.5rem auto 2rem; }
    .Htc_con_07 .row .intro{ margin: 2rem auto 0; }
    .Htc_con_08 .intro_bottom_mb{ margin: 2rem auto; }
    .Htc_con_08 .intro_bottom_mb p{ margin-bottom: 16px; }
    .Htc_item .title h2{ margin: 30px auto 24px; letter-spacing: 2px; }

}
@media screen and (max-width:320px){
    .Howtochoose_banner .banner_title h1{ right: 18%; letter-spacing: 10px; }
    .Htc_con_03 .article_box .title h1{ letter-spacing: 4px; }
    .Htc_con_04 .article_box{ margin: 1.5rem auto 10px; }
    .Htc_con_04 .article_box .img_box_mb{ width: 25%; }
    .Htc_con_05 .Htc_table_05 tbody tr td:first-child{ padding: 1.5rem 8px; }
    .Htc_wrapper .intro_box_05{ width: 74%; }
    .Htc_con_06 .article_box .intro_box h1{ letter-spacing: 8px; }
    .Htc_con_07 .row .img_box .info{ right: 10%; }
    .Htc_con_07 .row .img_box .info h1{ text-align: right; }
    .Htc_con_07 .row .img_box .info h5{ padding-right: 3px; }
    .Htc_con_08 .article_box .info{ right: 4%; }
    .Htc_con_08 .article_box .info h1{ text-align: right; }
    .Htc_con_08 .article_box .info h5{ padding-right: 3px; }
    .Htc_con_08 .intro_bottom_mb h1{ letter-spacing: 5px; }
    .Htc_item .title h2{ word-spacing: 4px; }
    .Htc_item .Htc_list-intro .subtitle span, .Htc_item .Htc_list-intro .subtitle p{ line-height: 6vw; }

}



/* 走進山裡 rwd */
@media screen and (max-width:2560px){
    .gttm_con_07 .article_box .intro_box h3{ text-indent: 90px; }
    .gttm_con_07 .article_box .img_pc img{ width: 100%; }
}
@media screen and (max-width:1920px){
    .gttm_con_07 .article_box .intro_box h3{ font-size: 1.4vw; text-indent: 44px; }
}
@media screen and (max-width:1440px){  
    .gttm_con_02 .intro_box{ width: 64%; }
    .gttm_con_07 .article_box .intro_box h3{ text-indent: 16px; }
    .gttm_con_07 .article_box .intro_box h2{ letter-spacing: 4px; }
}
@media screen and (max-width:1300px){
    .gttm_banner .banner_title h1{ top: 35%; font-size: 3vw; line-height: 4.5vw; } 
    .gttm_con_01 .intro_top p{ width: 59%; }
    .gttm_con_02 .intro_box{ width: 65%; }  
    .gttm_con_04 .article_box .img{ height: 608px; }
    .gttm_con_04 .article_box .intro{ padding-right: 6rem; }
    .gttm_con_07 .article_box .intro_box{ width: 78%; }
    .gttm_con_07 .article_box .intro_box p{ margin-bottom: 60px; }
    .gttm_con_07 .article_box .intro_box h2{ font-size: 3.4vw; }
    .gttm_con_07 .article_box .img_pc{ margin-top: -150px; }
    .gttm_con_07 .article_box .intro_box h3{ font-size: 2vw; text-indent: 36px; }
    .gttm_item{ width: 95%; }
}
@media screen and (max-width:1250px){
    .gttm_con_01 .intro_top{ margin: 80px auto; }
    .gttm_con_01 .intro_top p{ width: 62%; }
    .gttm_con_01 .article_box_bottom{ margin: 80px auto; }
    .gttm_con_01 .article_box_bottom .img{ margin-left: 1rem; }
    .gttm_con_01 .article_box_bottom .intro p{ width: 68%; }
    .gttm_con_02 .intro_box{ padding-top: 80px; padding-bottom: 80px; }
    .gttm_con_03{ margin-top: 80px; }
    .gttm_con_04 .article_box .intro{ padding-right: 5rem; }
    .gttm_con_04 .article_box .intro p{ width: 53%; }
    .gttm_con_04 .article_box .img{ height: 588px; }
    .gttm_con_05 .intro_bottom{ margin: 60px auto; }
    .gttm_con_05 .intro_bottom h1{ letter-spacing: 1rem; }
    .gttm_item .title h2{ margin: 80px auto 50px; }
}
@media screen and (max-width:1100px){
    .gttm_banner .banner_title h1{ font-size: 2rem; line-height: 3.3rem; letter-spacing: 1rem; }
    .gttm_group h1{ font-size: 2rem; font-weight: 300; color: #3b3b3b; letter-spacing: 0.6rem; }
    .gttm_group h2{ font-size: 1.7rem; font-weight: normal; color: #3b3b3b; letter-spacing: 10px; }
    .gttm_group h3{ font-size: 1.5rem; font-weight: normal; color: #3b3b3b; letter-spacing: 3px; }
    .gttm_group h5{ font-size: 16px; font-weight: 300; color: #3b3b3b; }
    .gttm_group p{ font-size: 15px; color: #3b3b3b; line-height: 30px; text-align: justify; }
    .gttm_con_01 .intro_top{ margin: 70px auto; }
    .gttm_con_01 .intro_top p{ width: 64%; }
    .gttm_con_01 .article_box_bottom{ margin: 70px auto; }
    .gttm_con_01 .article_box_bottom .col{ width: 47%; }
    .gttm_con_01 .article_box_bottom .img{ height: 234px; }
    .gttm_con_02 .intro_box{ width: 69%; padding-top: 70px; padding-bottom: 70px; }
    .gttm_con_02 .intro_box p{ margin-top: 30px; }
    .gttm_con_03{ margin-top: 70px; }
    .gttm_con_04 .article_box{ margin: 9px auto; }
    .gttm_con_04 .article_box .img{ height: 514px; }
    .gttm_con_04 .article_box .intro{ padding-right: 4rem; }
    .gttm_con_04 .article_box .intro p{ width: 61%; }
    .gttm_con_05 .intro_bottom{ margin: 50px auto; }
    .gttm_con_05 .intro_bottom h1{ letter-spacing: 12px; }
    .gttm_con_07{ margin: 100px auto 70px; }
    .gttm_con_07 .article_box .intro_box{ width: 82%; }
    .gttm_con_07 .article_box .intro_box p{ margin-bottom: 50px; }
    .gttm_con_07 .article_box .img_pc{ margin-top: -130px; }
    .gttm_con_07 .article_box .intro_box h3{ letter-spacing: 2px; }
    .gttm_item .title h2{ font-size: 1.7rem; }
    .gttm_item .gttm_list-intro .subtitle span{ font-size: 17px; }
    .gttm_item .gttm_list-intro .subtitle p{ font-size: 17px; }

}
@media screen and (max-width:1024px){
    .gttm_con_01 .intro_top{ margin: 60px auto; }
    .gttm_con_01 .intro_top p{ width: 67%; }
    .gttm_con_01 .article_box_bottom{ margin: 60px auto; }
    .gttm_con_01 .article_box_bottom .img{ height: 194px; }
    .gttm_con_02 .intro_box{ width: 73%; }
    .gttm_con_02 .intro_box p{ margin-top: 20px; }
    .gttm_con_04 .article_box{ margin: 8px auto; }
    .gttm_con_04 .article_box .img{ height: 486px; }
    .gttm_con_05 .intro_bottom{ margin: 40px auto; }
    .gttm_con_07{ margin: 90px auto 60px; }
    .gttm_con_07 .article_box .intro_box h3{ text-indent: 28px; }
    .gttm_item .title h2{ margin: 70px auto 40px; }
    .gttm_item .gttm_list-intro .subtitle_pc{ display: none; }
    .gttm_item .gttm_list-intro .subtitle_mb{ display: block; }
}
@media screen and (max-width:900px){
    .gttm_banner .banner_title h1{ top: 33%; letter-spacing: 10px; }
    .gttm_con_01 .intro_top p{ width: 76%; }
    .gttm_con_01 .article_box_bottom .intro p{ width: 71%; }
    .gttm_con_01 .article_box_bottom .img{ height: 168px; }
    .gttm_con_04 .article_box{ margin: 7px auto; }
    .gttm_con_04 .article_box .img{ height: 424px; }
    .gttm_con_04 .article_box .intro{ padding-right: 3rem; }
    .gttm_con_04 .article_box .intro p{ width: 64%; }
    .gttm_con_07 .article_box .intro_box p{ margin-bottom: 40px; }
    .gttm_con_07 .article_box .intro_box h3{ text-indent: 13px; }
}
@media screen and (max-width:850px){
    .gttm_banner .banner_title h1{ font-size: 1.8rem; line-height: 3rem; }
    .gttm_con_01 .intro_top{ margin: 50px auto; }
    .gttm_con_01 .intro_top p{ width: 82%; }
    .gttm_con_01 .article_box_bottom{ margin: 50px auto; }
    .gttm_con_01 .article_box_bottom .img{ height: 160px; }
    .gttm_con_01 .article_box_bottom .intro p{ width: 78%; }
    .gttm_con_02 .intro_box{ width: 78%; padding-top: 50px; padding-bottom: 60px; }
    .gttm_con_02 .intro_box h1{ font-size: 1.8rem; }
    .gttm_con_02 .intro_box p{ margin-top: 15px; }
    .gttm_con_04 .article_box .img{ height: 394px; }
    .gttm_con_04 .article_box .intro{ padding-right: 2rem; }
    .gttm_con_04 .article_box .intro p{ width: 66%; }
    .gttm_con_05 .intro_bottom h1{ font-size: 1.8rem; letter-spacing: 10px; }
    .gttm_con_07 .article_box .img_pc{ margin-top: -100px; }
    .gttm_con_07 .article_box .intro_box h2{ letter-spacing: 4px; }
    .gttm_con_07 .article_box .intro_box h3{ text-indent: 14px; }
    .gttm_item .title h2{ margin: 60px auto 50px; letter-spacing: 5px; }

}
@media screen and (max-width:768px){
    .gttm_banner .banner_pc{ display: none; }
    .gttm_banner .banner_mb{ display: block; }
    .gttm_banner .banner_title h1{ top: 57%; right: 14%; font-size: 5.5vw; line-height: 8vw; letter-spacing: 14px; }
    .gttm_wrapper_top , .gttm_wrapper_center{ width: 100%; }
    .gttm_group h1{ font-size: 5vw; }
    .gttm_group h2{ font-size: 4.8vw; }
    .gttm_group h3{ font-size: 4.6vw; }
    .gttm_group h5{ font-size: 2.5vw; }
    .gttm_group p{ font-size: 2.5vw; line-height: 5vw; }
    .gttm_wrapper{ width: 100%; }
    .gttm_wrapper hr{ width: 90%; margin: auto; }
    .gttm_con_01 .intro_top{ margin: 5rem auto; }
    .gttm_con_01 .article_box .img_pc{ display: none; }
    .gttm_con_01 .article_box .img_mb{ display: block; }
    .gttm_con_01 .article_box_bottom{ margin: 5rem auto; flex-direction: column; }
    .gttm_con_01 .article_box_bottom .img{ width: 76%; height: auto; background-image: none; order: 1; }
    .gttm_con_01 .article_box_bottom .img img{ display: block; }
    .gttm_con_01 .article_box_bottom .col{ width: 76%; margin: auto; }
    .gttm_con_01 .article_box_bottom .intro p{ width: 100%; margin-bottom: 3rem; }
    .gttm_con_02 .intro_box{ padding-top: 5rem; padding-bottom: 5.5rem; }
    .gttm_con_02 .intro_box h1{ font-size: 5vw; margin-bottom: 0; }
    .gttm_con_02 .intro_box p{ margin-top: 2rem; }
    .gttm_con_03{ margin-top: 5rem; }
    .gttm_con_03 .article_box .img_pc{ display: none; }
    .gttm_con_03 .article_box .img_mb{ display: block; }
    .gttm_con_04 .article_box{ flex-direction: column; margin: 4rem auto 5rem; }
    .gttm_con_04 .article_box .img{ width: 76%; height: auto; margin: 0 auto 3rem; background-image: none; }
    .gttm_con_04 .article_box .img img{ display: block; }
    .gttm_con_04 .article_box .intro{ width: 76%; margin: auto; padding-right: 0; }
    .gttm_con_04 .article_box .intro p{ width: 100%; }
    .gttm_con_05 .article_box .img_pc{ display: none; }
    .gttm_con_05 .article_box .img_mb{ display: block; }
    .gttm_con_05 .intro_bottom{ margin: 5rem auto; }
    .gttm_con_05 .intro_bottom h1{ font-size: 4vw; }
    .gttm_con_06 .article_box .img_pc{ display: none; }
    .gttm_con_06 .article_box .img_mb{ display: block; }
    .gttm_con_07{ margin: 5rem auto; }
    .gttm_con_07 .article_box .intro_box{ display: none; }
    .gttm_con_07 .article_box .intro_box_mb{ display: block; position: relative; width: 76%; margin: auto; }
    .gttm_con_07 .article_box .intro_box_mb p{ width: 100%; margin-bottom: 3rem; }
    .gttm_con_07 .article_box .intro_box_mb h2{ font-family:'SFUIText'; font-size: 6.5vw; line-height: 9vw; letter-spacing: 4px; word-spacing: 1px; margin-bottom: 1.5rem; text-align: left; text-indent: -1px; }
    .gttm_con_07 .article_box .intro_box_mb span{ font-family:'SFUIText'; }
    .gttm_con_07 .article_box .intro_box_mb h3{ font-size: 4vw; }
    .gttm_con_07 .article_box .img_pc{ display: none; }
    .gttm_con_07 .article_box .img_mb{ display: block; margin-top: -105px; }
    .gttm_item{ width: 90%; }
    .gttm_item .title h2{ font-size: 4vw; margin: 60px auto 50px; letter-spacing: 6px; }
    .gttm_item .gttm_list-intro .intro hr{ width: 100%; }
    .gttm_item .gttm_list-intro .intro{ width: 50%; }
    .gttm_item .gttm_list-intro .intro:last-child .list_img{ margin-bottom: 0; }
    .gttm_item .gttm_list-intro .subtitle{ margin-bottom: 0.2rem; }   
    .gttm_item .gttm_list-intro .subtitle span, .gttm_item .gttm_list-intro .subtitle p{ font-size: 2.5vw; }

}
@media screen and (max-width:502px){
    .gttm_banner .banner_title h1{ top: 56%; letter-spacing: 12px; }
    .gttm_group p{ font-size: 3.5vw; line-height: 6.5vw; }
    .gttm_wrapper hr{ width: 86%; margin: auto; }
    .gttm_con_01 .intro_top{ margin: 3rem auto; }
    .gttm_con_01 .article_box_bottom{ margin: 3rem auto; }
    .gttm_con_01 .article_box_bottom .intro p{ margin-bottom: 1rem; }
    .gttm_con_02 .intro_box{ padding-top: 3rem; padding-bottom: 3.5rem; }
    .gttm_con_02 .intro_box h1{ letter-spacing: 14px; }
    .gttm_con_02 .intro_box p{ margin-top: 1.5rem; }
    .gttm_con_03{ margin-top: 4rem; }
    .gttm_con_04 .article_box{ margin: 3rem auto; }
    .gttm_con_04 .article_box .img{ margin-bottom: 2.5rem; }
    .gttm_con_05 .intro_bottom{ margin: 3rem auto; }
    .gttm_con_05 .intro_bottom h1{ letter-spacing: 6px; }
    .gttm_con_07{ margin: 3rem auto; }
    .gttm_con_07 .article_box .img_mb{ margin-top: -84px; }
    .gttm_con_07 .article_box .intro_box_mb h2{ letter-spacing: 3px; margin-bottom: 1.2rem; }
    .gttm_con_07 .article_box .intro_box_mb h3{ letter-spacing: 2px; }
    .gttm_con_07 .article_box .intro_box_mb p{ margin-bottom: 2.5rem; }
    .gttm_item .title h2{ margin: 2.5rem auto 2rem; letter-spacing: 4px; }
    .gttm_item .gttm_list-intro .intro{ padding: 0 10px; }
    .gttm_item .gttm_list-intro .subtitle{ margin: 0; }
    .gttm_item .gttm_list-intro .subtitle_pc{ display: none; }
    .gttm_item .gttm_list-intro .subtitle_mb{ display: block; }
    .gttm_item .gttm_list-intro .subtitle span, .gttm_item .gttm_list-intro .subtitle p{ font-size: 2.8vw; line-height: 5.2vw; }

}
@media screen and (max-width:428px){
    .gttm_banner .banner_title h1{ letter-spacing: 10px; }
    .gttm_con_01 .intro_top{ margin: 2.5rem auto; }
    .gttm_con_01 .intro_top p::first-letter{ font-size: 6.5vw; }
    .gttm_con_01 .article_box_bottom{ margin: 2.5rem auto; }
    .gttm_con_01 .article_box_bottom .intro p{ margin-bottom: 0; }
    .gttm_con_02 .intro_box{ padding-top: 2.5rem; padding-bottom: 3rem; }
    .gttm_con_02 .intro_box h1{ letter-spacing: 10px; }
    .gttm_con_02 .intro_box p{ margin-top: 1rem; }
    .gttm_con_03{ margin-top: 3rem; }
    .gttm_con_04 .article_box{ margin: 2.5rem auto 3rem; }
    .gttm_con_04 .article_box .img{ margin-bottom: 2rem; }
    .gttm_con_05 .intro_bottom{ margin: 2.5rem auto; }
    .gttm_con_05 .intro_bottom h1{ letter-spacing: 4px; }
    .gttm_con_07 .article_box .intro_box_mb h2{ margin-bottom: 1rem; text-indent: 0; }
    .gttm_con_07{ margin: 2.5rem auto; }
    .gttm_con_07 .article_box .intro_box_mb p{ margin-bottom: 2rem; }
    .gttm_con_07 .article_box .img_mb{ margin-top: -60px; }
    .gttm_item .title h2{ margin: 40px auto 35px; letter-spacing: 3px; word-spacing: 6px; }

}
@media screen and (max-width:414px){
    .gttm_banner .banner_title h1{ right: 12%; }

}
@media screen and (max-width:375px){
    .gttm_banner .banner_title h1{ letter-spacing: 8px; right: 13%; }
    .gttm_con_01 .intro_top{ margin: 2rem auto; }
    .gttm_con_01 .article_box_bottom{ margin: 2rem auto; }
    .gttm_con_02 .intro_box{ padding-top: 2rem; padding-bottom: 2.5rem; }
    .gttm_con_02 .intro_box h1{ letter-spacing: 8px; }
    .gttm_con_02 .intro_box p{ margin-top: 12px; }
    .gttm_con_03{ margin-top: 2.5rem; }
    .gttm_con_04 .article_box{ margin: 2rem auto 2.5rem; }
    .gttm_con_04 .article_box .img{ margin-bottom: 1.5rem; }
    .gttm_con_05 .intro_bottom{ margin: 2rem auto; }
    .gttm_con_07{ margin: 2rem auto; }
    .gttm_con_07 .article_box .intro_box_mb h2{ letter-spacing: 2px; }
    .gttm_con_07 .article_box .intro_box_mb p{ margin-bottom: 1.5rem; }
    .gttm_con_07 .article_box .img_mb{ margin-top: -45px; }
    .gttm_item .title h2{ margin: 35px auto 30px; }
}
@media screen and (max-width:320px){
    .gttm_banner .banner_title h1{ right: 12%; }
    .gttm_con_02 .intro_box h1{ letter-spacing: 6px; }
    .gttm_con_07 .article_box .intro_box_mb h2{ word-spacing: 0; }
}



/* 零失敗雞絲料理rwd */

@media screen and (max-width:2560px){
    .simplify_banner .banner_title h1{ font-size: 3.8rem; }

}
@media screen and (max-width:1920px){
    .simplify_banner .banner_title h1{ font-size: 2.8rem; }
}
@media screen and (max-width:1440px){
    .simplify_banner .banner_title h1{ font-size: 2.5rem; letter-spacing: 10px; }
}
@media screen and (max-width:1300px){
    .simplify_banner .banner_title h1{ font-size: 2rem; letter-spacing: 12px; word-spacing: 4px; }
    .simplify_wrapper{ margin: 70px auto; }
    .simplify_con_01 .row .img{ width: 47%; height: 710px; }
    .simplify_con_01 .row .intro_box h1{ font-size: 2.5rem; }
    .simplify_con_02 .article_box_bottom .row .intro_box h1{ margin: 3rem auto 1.5rem; }
    .simplify_con_02 .intro_box_top{ margin: 70px auto; }
    .simplify_box .title_intro{ margin: 70px auto; }
    .simplify_box .intro_box_bottom .container{ width: 90%; }
    .simplify_box .intro_box_bottom{ margin-top: 10px; }
    .simplify_box .intro_box_bottom .container .title{ width: 9%; }
    .simplify_box .intro_box_bottom .container .intro_box{ width: 45%; }
    .simplify_box .intro_box_bottom .container .intro_container{ width: 80%; }
    .simplify_con_04 .intro_box_bottom .container{ width: 95%; justify-content: flex-start; margin: auto; }
    .simplify_con_04 .intro_box_bottom .container .title{ width: 14%; }
}
@media screen and (max-width:1250px){
    .simplify_banner .banner_title h1{ font-size: 1.8rem; letter-spacing: 10px; }
    .simplify_con_01 .row .img{ height: 684px; }
    .simplify_con_01 .row .intro_box{ width: 44%; padding: 3rem 2rem 0 0; }
    .simplify_con_01 .row .intro_box h1{ font-size: 2.2rem; }
    .simplify_con_01 .row .intro_box .txt_intro{ margin-top: 2rem; }
    .simplify_con_02 .article_box_bottom .row .intro_box h1{ margin: 1.4rem auto 1rem; }
    .simplify_con_02 .article_box_bottom .row{ padding: 1rem 0 0; }
    .simplify_con_02 .article_box_bottom .row .img{ margin-top: -46px; }
    .simplify_con_02 .article_box_bottom .row .intro_box .first-child{ align-items: flex-start; }
    .simplify_con_02 .article_box_bottom .row .intro_box .first-child .img{ margin-top: 6px; }
}
@media screen and (max-width:1100px){
    .simplify_banner .banner_title h1{ font-size: 1.6rem; letter-spacing: 8px; }
    .simplify_group h1{ font-size: 2rem; font-weight: 300; color: #3b3b3b; letter-spacing: 8px; }
    .simplify_group h2{ font-size: 1.7rem; font-weight: normal; color: #3b3b3b; letter-spacing: 10px; }
    .simplify_group h3{ font-size: 1.5rem; font-weight: normal; color: #3b3b3b; letter-spacing: 3px; }
    .simplify_group h4{ font-size: 1.3rem; font-weight: 300; color: #3b3b3b; }
    .simplify_group h5{ font-size: 16px; font-weight: 300; color: #3b3b3b; }
    .simplify_group p{ font-size: 15px; color: #3b3b3b; line-height: 30px; text-align: justify; }
    .simplify_con_01 .row .img{ height: 600px; }
    .simplify_con_01 .row .intro_box h1{ font-size: 3.2vw; line-height: 5vw; }
    .simplify_con_01 .row .intro_box .txt_intro{ margin-top: 1.5rem; }
    .simplify_con_01 .row .intro_box .txt_intro h4{ font-size: 1.2rem; margin-bottom: 1.5rem; text-align: justify; }
    .simplify_con_01 .row .intro_box .txt_intro h4::first-letter{ font-size: 2rem; }
    .simplify_con_02 .intro_box_top{ margin: 60px auto; }
    .simplify_con_02 .article_box_bottom .row{ margin: 85px auto 0; padding: 1rem 0 1rem; }
    .simplify_con_02 .article_box_bottom .row .intro_box .intro_container .img-Two,
    .simplify_con_02 .article_box_bottom .row .intro_box .intro_container .img-Last{ width: 24.5px; height: 24.5px; }
    .simplify_box .title_intro{ margin: 60px auto; }
    .simplify_box .title_intro h1{ font-size: 2rem; }
    .simplify_box .intro_box_bottom .container{ width: 95%; justify-content: space-between; }
    .simplify_box .intro_box_bottom .container .title h5{ line-height: normal; }
    .simplify_box .intro_box_bottom .container .intro_box{ width: 40%; }
    .simplify_box .intro_box_bottom .container .intro_container{ width: 87%; justify-content: space-around; }
    .simplify_con_04 .intro_box_bottom .container{ width: 100%; margin: unset; justify-content: unset; }
    .simplify_con_04 .intro_box_bottom .container .title{ width: 17%; }
    .simplify_con_04 .intro_box_bottom .container .intro_box{ width: 60%; }
    .simplify_con_06{ margin-top: 70px; }
    .simplify_con_07{ margin: 80px auto; }
    .simplify_con_07 .article_intro h3{ font-size: 18px; margin-bottom: 3rem; }
    .simplify_con_07 .img{ width: 225px; height: 225px; }
    .simplify_item .title h2{ font-size: 1.7rem; margin: 70px auto 50px; }
    .simplify_item .simplify_list-intro .subtitle_pc{ display: none; }
    .simplify_item .simplify_list-intro .subtitle_mb{ display: block; }
    .simplify_item .simplify_list-intro .subtitle span{ font-size: 17px; }
    .simplify_item .simplify_list-intro .subtitle p{ font-size: 17px; }
}
@media screen and (max-width:1024px){
    .simplify_banner .banner_title h1{ font-size: 1.4rem; }
    .simplify_wrapper{ margin: 60px auto; }
    .simplify_con_01 .row .intro_box .txt_intro{ margin-top: 1rem; }
    .simplify_con_01 .row .intro_box .txt_intro h4{ font-size: 18px; }
    .simplify_con_01 .row .img{ height: 562px; }
    .simplify_con_02 .intro_box_top h1{ font-size: 1.8rem; }
    .simplify_con_02 .article_box_bottom .row .img{ margin-top: -56px; }
    .simplify_con_02 .article_box_bottom .row{ margin: 65px auto 0; padding: 2rem 0 10px; }
    .simplify_con_02 .article_box_bottom .row .intro_box .intro_container .img-Two,
    .simplify_con_02 .article_box_bottom .row .intro_box .intro_container .img-Last{ width: 23px; height: 23px; }
    .simplify_con_02 .article_box_bottom .row .intro_box h1{ font-size: 1.7rem; margin: 0 auto 12px; letter-spacing: 6px; }
    .simplify_con_04 .intro_box_bottom .container .title{ width: 16%; }
    .simplify_box .title_intro{ margin: 50px auto; }
    .simplify_box .title_intro h1{ font-size: 1.7rem; margin-bottom: 6px; }
    .simplify_box .intro_box_bottom{ margin-top: 8px; }
    .simplify_con_06{ margin-top: 65px; }
    .simplify_con_07{ margin: 70px auto; }
    .simplify_item .title h2{ margin: 60px auto 40px; letter-spacing: 5px; }
}
@media screen and (max-width:900px){
    .simplify_banner .banner_title h1{ font-size: 1.2rem; word-spacing: 2px; }
    .simplify_con_01 .row .img{ height: 520px; }
    .simplify_con_01 .row .intro_box{ padding: 2rem 2rem 0 0; }
    .simplify_con_01 .row .intro_box h1{ letter-spacing: 2px; }
    .simplify_con_01 .row .intro_box .txt_intro h4{ font-size: 16px; margin-bottom: 1rem;  }
    .simplify_con_01 .row .intro_box .txt_intro h4::first-letter{ font-size: 1.8rem; padding-right: 1px;}
    .simplify_con_02 .intro_box_top{ margin: 50px auto; }
    .simplify_con_02 .intro_box_top h1{ font-size: 1.7rem; }
    .simplify_con_02 .article_box_bottom .row{ padding: 1.5rem 0 12px; }
    .simplify_con_02 .article_box_bottom .row .intro_box .intro_container .img-Two,
    .simplify_con_02 .article_box_bottom .row .intro_box .intro_container .img-Last{ width: 20px; height: 20px; }
    .simplify_con_02 .article_box_bottom .row .intro_box h1{ font-size: 1.6rem; margin-bottom: 8px; }
    .simplify_con_02 .article_box_bottom .row .intro_box .intro_container p{ line-height: 1.8rem; }
    .simplify_box .title_intro{ margin: 40px auto; }
    .simplify_box .title_intro h1{ letter-spacing: 6px; margin-bottom: 0; }
    .simplify_box .intro_box_bottom{ margin-top: 6px; }
    .simplify_box .intro_box_bottom .container .title{ width: 10%; }
    .simplify_box .intro_box_bottom .container .intro_box{ width: 34%; }
    .simplify_box .intro_box_bottom .container .intro_container{ width: 85%; }
    .simplify_con_04 .intro_box_bottom .container .title{ width: 21%; }
    .simplify_con_04 .intro_box_bottom .container .intro_box{ width: 80%; }
    
}
@media screen and (max-width:850px){
    .simplify_item .title h2{ margin: 60px auto 50px; letter-spacing: 5px; }
    .simplify_con_02 .intro_box_top h1{ font-size: 1.6rem; }
    .simplify_con_02 .article_box_bottom .row{ padding: 1.5rem 0 1.2rem; }
    .simplify_con_02 .article_box_bottom .row .intro_box h1{ font-size: 1.5rem; }
    .simplify_con_02 .article_box_bottom .row .intro_box .intro_container .img-Two,
    .simplify_con_02 .article_box_bottom .row .intro_box .intro_container .img-Last{ width: 19px; height: 19px; }
    .simplify_box .intro_box_bottom .container .title{ width: 12%; }
    .simplify_con_04 .intro_box_bottom .container .title{ width: 21%; }
    
}
@media screen and (max-width:768px){

    .simplify_banner .banner_pc{ display: none; }
    .simplify_banner .banner_mb{ display: block; }
    .simplify_banner .banner_title h1{ top: 35%; font-size: 5vw; letter-spacing: 10px; }
    .simplify_group h1{ font-size: 5vw; }
    .simplify_group h2{ font-size: 4.8vw; }
    .simplify_group h3{ font-size: 4.6vw; }
    .simplify_group h5{ font-size: 2.5vw; }
    .simplify_group p{ font-size: 2.5vw; line-height: 5vw; }
    .simplify_wrapper{ width: 100%; margin: 5rem auto; }
    .simplify_wrapper hr{ width: 90%; margin: auto; }
    .simplify_con_01 .row{ flex-direction: column; }
    .simplify_con_01 .row .img{ width: 76%; height: auto; background-image: none; margin: auto; order: 1; }
    .simplify_con_01 .row .img img{ display: block; }
    .simplify_con_01 .row .intro_box{ width: 76%; margin: 0 auto 5rem; padding: 0; }
    .simplify_con_01 .row .intro_box h1{ font-size: 5vw; line-height: 7.5vw; text-align: center; }
    .simplify_con_01 .row .intro_box .txt_intro{ margin-top: 2rem; }
    .simplify_con_01 .row .intro_box .txt_intro h4{ font-size: 2.8vw; line-height: 5vw; margin-bottom: 2rem; }
    .simplify_con_01 .row .intro_box .txt_intro h4::first-letter{ font-size: 4.8vw; }
    .simplify_con_02 .intro_box_top{ margin: 5rem auto; flex-direction: column; }
    .simplify_con_02 .intro_box_top h1{ width: 76%; font-size: 5vw; text-align: center; margin-bottom: 2rem; }
    .simplify_con_02 .intro_box_top .txt_intro{ width: 76%; margin: auto; }
    .simplify_con_02 .article_box .img_pc{ display: none; }
    .simplify_con_02 .article_box .img_mb{ display: block; }
    .simplify_con_02 .article_box_bottom .row{ flex-direction: column; padding: 0 0 5rem; margin: 2rem auto 0; }
    .simplify_con_02 .article_box_bottom .row .img{ width: 76%; margin: -50px auto 0; }
    .simplify_con_02 .article_box_bottom .row .intro_box{ width: 76%; margin: auto; }
    .simplify_con_02 .article_box_bottom .row .intro_box h1{ font-size: 4.5vw; text-align: center; letter-spacing: 10px; margin-bottom: 2rem; }
    .simplify_con_02 .article_box_bottom .row .intro_box .intro_container .img{ width: 25px; height: 25px; }
    .simplify_con_02 .article_box_bottom .row .intro_box .intro_container p{ line-height: 2.2rem; }
    .simplify_box .title_intro{ margin: 5rem auto; }
    .simplify_box .title_intro h1{ font-size: 5vw; margin-bottom: 10px; }
    .simplify_box .intro_box_bottom .container{ width: 100%; align-items: center; }
    .simplify_box .intro_box_bottom .container .intro_container{ width: 80%; flex-direction: column; }
    .simplify_box .intro_box_bottom .container .intro_box{ width: 100%; }
    .simplify_box .intro_box_bottom .container .title{ width: 14%; }
    .simplify_con_06{ margin-top: 5rem; }
    .simplify_con_07{ margin: 5rem auto; }
    .simplify_con_07 .article_intro h1{ font-size: 6vw; }
    .simplify_con_07 .article_intro h3{ font-size: 3.5vw; }
    .simplify_con_07 .img{ width: 275px; height: 275px; }

    .simplify_item{ width: 90%; }
    .simplify_item .title h2{ font-size: 4vw; margin: 60px auto 50px; letter-spacing: 2px; }
    .simplify_item .simplify_list-intro .intro hr{ width: 100%; }
    .simplify_item .simplify_list-intro .intro{ width: 50%; }
    .simplify_item .simplify_list-intro .intro:last-child .list_img{ margin-bottom: 0; }
    .simplify_item .simplify_list-intro .subtitle{ margin-bottom: 0.2rem; }   
    .simplify_item .simplify_list-intro .subtitle span, .simplify_item .simplify_list-intro .subtitle p{ font-size: 2.5vw; }
}
@media screen and (max-width:502px){
    .simplify_banner .banner_title h1{ top: 34%; letter-spacing: 7px; }
    .simplify_group p{ font-size: 3.5vw; line-height: 6.5vw; }
    .simplify_wrapper{ margin: 4rem auto; }
    .simplify_wrapper hr{ width: 86%; margin: auto; }
    .simplify_con_01 .row .intro_box{ margin: 0 auto 4rem; }
    .simplify_con_01 .row .intro_box .txt_intro{ margin-top: 1.5rem; }
    .simplify_con_01 .row .intro_box .txt_intro h4{ font-size: 3.8vw; line-height: 7vw; margin-bottom: 1.5rem; }
    .simplify_con_02 .article_box_bottom .row{ padding: 0 0 3rem; }
    .simplify_con_02 .article_box_bottom .row .img{ margin: -45px auto 10px; }
    .simplify_con_02 .article_box_bottom .row .intro_box h1{ margin-bottom: 1rem; }
    .simplify_con_02 .intro_box_top{ margin: 4rem auto; }
    .simplify_con_02 .intro_box_top h1{ margin-bottom: 1.5rem; }
    .simplify_con_02 .article_box_bottom .row .intro_box .intro_container .img-Two,
    .simplify_con_02 .article_box_bottom .row .intro_box .intro_container .img-Last{ width: 19px; height: 19px; }
    .simplify_con_02 .article_box_bottom .row .intro_box .intro_container p{ font-size: 3vw; line-height: 6vw; }
    .simplify_box .title_intro{ width: 86%; margin: 3rem auto; }
    .simplify_box .title_intro h1{ letter-spacing: 4px; margin-bottom: 10px; }
    .simplify_box .title_intro p{ font-size: 2.6vw; line-height: 4vw; }
    .simplify_box .intro_box_bottom{ margin-top: 5px; padding: 2rem; }
    .simplify_box .intro_box_bottom .container .title{ width: 16%; }
    .simplify_box .intro_box_bottom .container .intro_box p{ font-size: 2.8vw; line-height: 5vw; }
    .simplify_con_06{ margin-top: 3.5rem; }
    .simplify_con_07{ margin: 4rem auto; }

    .simplify_item .title h2{ margin: 2.5rem auto 2rem; letter-spacing: 2px; }
    .simplify_item .simplify_list-intro .intro{ padding: 0 10px; }
    .simplify_item .simplify_list-intro .subtitle{ margin: 0; }
    .simplify_item .simplify_list-intro .subtitle_pc{ display: none; }
    .simplify_item .simplify_list-intro .subtitle_mb{ display: block; }
    .simplify_item .simplify_list-intro .subtitle span, .simplify_item .simplify_list-intro .subtitle p{ font-size: 2.8vw; line-height: 5.2vw; }
}
@media screen and (max-width:428px){
    .simplify_banner .banner_title h1{ letter-spacing: 6px; }
    .simplify_item .title h2{ margin: 40px auto 35px; letter-spacing: 3px; word-spacing: 6px; }
    .simplify_wrapper{ margin: 3rem auto; }
    .simplify_con_01 .row .intro_box{ margin: 0 auto 3rem; }
    .simplify_con_02 .intro_box_top{ margin: 3rem auto; }
    .simplify_con_02 .intro_box_top h1{ margin-bottom: 1rem; }
    .simplify_con_02 .intro_box_top .txt_intro p:first-child{ margin-bottom: 8px; }
    .simplify_con_02 .article_box_bottom .row .intro_box h1{ letter-spacing: 8px; }
    .simplify_con_04 .intro_box_bottom .container{ width: 95%; justify-content: space-around; }
    .simplify_con_04 .intro_box_bottom .container .title{ width: 22%; }
    .simplify_con_04 .intro_box_bottom .container .intro_box{ width: 77%; }
    .simplify_con_06{ margin-top: 2.8rem; }
    .simplify_con_07 .article_intro h1{ margin-bottom: 0.6rem; }
    .simplify_con_07 .article_intro h3{ margin-bottom: 2rem; }
    .simplify_con_07 .img{ width: 140px; height: 140px; }
    .simplify_box .title_intro{ margin: 2.5rem auto; }
}
@media screen and (max-width:375px){
    .simplify_banner .banner_title h1{ letter-spacing: 5px; }
    .simplify_wrapper{ margin: 2.5rem auto; }
    .simplify_con_01 .row .intro_box .txt_intro{ margin-top: 10px; }
    .simplify_con_01 .row .intro_box .txt_intro h4{ margin-bottom: 1rem; }
    .simplify_con_01 .row .intro_box{ margin-bottom: 2.5rem; }
    .simplify_con_02 .intro_box_top{ margin: 2.5rem auto; }
    .simplify_con_02 .intro_box_top h1{ margin-bottom: 14px; }
    .simplify_con_02 .article_box_bottom .row .intro_box h1{ margin-bottom: 14px; }
    .simplify_con_06{ margin-top: 2.5rem; }
    .simplify_box .title_intro h1{ margin-bottom: 8px; }
    .simplify_box .title_intro{ margin: 2rem auto; }
    .simplify_box .intro_box_bottom{ margin-top: 4px; padding: 1.8rem; }
    .simplify_item .title h2{ margin: 35px auto 30px; letter-spacing: 1px; word-spacing: 5px; }
}