@charset "UTF-8";

/* setting word */

	.maincolor {  
		color: #ED6C00;
	}

	.logored {  
		color: #C43932;
	}

	.grayb3 {  
		color: #b3b3b3;
	}

	.gray66 {  
		color: #666666;
	}

	.gray4d {  
		color: #4d4d4d;
	}

	.white {  
		color: #FFFFFF;
	}


	.green {  
        color: #41b263;
	}





/*--- title ---*/

	.bannertxt {  
		font-size: 3em;
        font-weight: bold;
		line-height: 145%;
        text-align: center;
        background: linear-gradient(to right, #000, #22b2cc);
        background: -webkit-linear-gradient(to right, #000000, #22b2cc);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        /*-webkit-text-stroke: 1px #FFFFFF; */
	}

	.bannersubtxt {  
		font-size: 2.2em;
        font-weight: bold;
		line-height: 145%;
        text-align: center;
        text-shadow: 2px 2px 4px #333;
		
	}

	.bannersubtxt:first-letter {  
		color: #ED6C00;
	}

	.title1 {  
		font-size: 1.8em;	
        line-height: 260%;
        line-height: 135%;
	}

	.title1-b {  
		font-size: 1.8em;		
		font-weight: bold;
        line-height: 135%;
	}

	.title2 {  
		font-size: 1.7em;	
	}

	.title2-b {  
		font-size: 1.7em;		
		font-weight: bold;
	}

	.title3 {  
		font-size: 1.4em;	
	}

	.title3-b {  
		font-size: 1.4em;		
		font-weight: bold;
	}

	.title4 {  
		font-size: 1.3em;	
	}

	.title4-b {  
		font-size: 1.3em;		
		font-weight: bold;
	}

	.title5 {  
		font-size: 1.2em;	
	}

	.title5-b {  
		font-size: 1.2em;		
		font-weight: bold;
	}

	.pronametitle {  
		font-size: 2.4em;
	}

	.pronametitle-b {  
		font-size: 2.4em;		
		font-weight: bold;
        line-height: 130%;
	}

	.qcbigtitle {  
		font-size: 3em;
        line-height: 115%;
        padding-bottom: 10px;
	}

	.qcbigtitle::first-letter {
        color: #ED6C00;  
	}

/*--- 內文 ---*/

	.txt1 {  
		font-size: 1.1em;
		line-height: 155%;
	}

	.txt1-b {  
		font-weight: bold;
		font-size: 1.1em;
		line-height: 155%;
	}

	.txt2 {  
		font-size: 1em;	
	}

	.txt2-b {  
		font-weight: bold;
		font-size: 1em;
	}

	.txt3 {  
		font-size: 1.3em;	
	}

	.txt3-b {  
		font-weight: bold;
		font-size: 1.3em;
	}

	.txt4 {  
		font-size: 1.2em;	
	}

	.txt4-b {  
		font-weight: bold;
		font-size: 1.2em;
	}

	.txt5 {  
		font-size: 1.1em;
	}

	.txt5-b {  
		font-weight: bold;
		font-size: 1.1em;
	}

	.txt5 {  
		font-size: 0.9em;
	}

	.txt5-b {  
		font-weight: bold;
		font-size: 0.9em;
	}





/*-- more設定 --*/

.more1 {  
	display: inline-block;
    position: relative;
    margin: 2em auto;
    padding: 0.35em 2em;
    color: #ED6C00;
    background: rgba(0,0,0,0.6);
    border: solid 1px #ED6C00;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .more1:hover {  
        color: #FFF;
        background: #ED6C00;
    }


.more2 {  
	display: inline-block;
    position: relative;
    margin: 2em auto;
    padding: 0.35em 2em;
    color: #ED6C00;
    border: solid 1px #ED6C00;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .more2:hover {  
        color: #FFF;
        background: #ED6C00;
    }


.more3 {  
	display: inline-block;
    position: relative;
    margin: 0.5em auto;
    padding: 0.25em 1em;
    color: #ED6C00;
    border: solid 1px #ED6C00;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .more3:hover {  
        color: #FFF;
        background: #ED6C00;
    }





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


	
}

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

	.bannertxt {  
		font-size: 2.8em;
        font-weight: bold;
		line-height: 140%;
	}

	.title3 {  
		font-size: 1.3em;	
	}

	.title3-b {  
		font-size: 1.3em;		
		font-weight: bold;
	}
    
    
    
    
    

    
}


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

	.bannertxt {  
		font-size: 2.5em;
        font-weight: bold;
		line-height: 140%;
	}
    
    
	.title1 {  
		font-size: 1.8em;	
	}

	.title1-b {  
		font-size: 1.8em;		
		font-weight: bold;
	}

	.title2 {  
		font-size: 1.3em;	
	}

	.title2-b {  
		font-size: 1.3em;		
		font-weight: bold;
	}
	
	.title3 {  
		font-size: 1.25em;	
	}

	.title3-b {  
		font-size: 1.25em;		
		font-weight: bold;
	}

	.title4 {  
		font-size: 1.2em;	
	}

	.title4-b {  
		font-size: 1.2em;		
		font-weight: bold;
	}

	.title5 {  
		font-size: 1.25em;	
	}

	.title5-b {  
		font-size: 1.25em;		
		font-weight: bold;
	}
    
	.pronametitle {  
		font-size: 2.2em;
	}

	.pronametitle-b {  
		font-size: 2.2em;		
		font-weight: bold;
	}
    
    

	.txt1 {  
		font-size: 1.1em;
		line-height: 155%;
	}

	.txt1-b {  
		font-weight: bold;
		font-size: 1.1em;
		line-height: 155%;
	}

	.txt2 {  
		font-size: 1em;	
	}

	.txt2-b {  
		font-weight: bold;
		font-size: 1em;
	}

	.txt3 {  
		font-size: 1.1em;	
	}

	.txt3-b {  
		font-weight: bold;
		font-size: 1.1em;
	}
    
	.txt5 {  
		font-size: 1.1em;
	}

	.txt5-b {  
		font-weight: bold;
		font-size: 1.1em;
	}

	


	
}


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

/* font */
    
	.bannertxt {  
		font-size: 2.2em;
        font-weight: bold;
		line-height: 140%;
	}
    
    
	.title1 {  
		font-size: 1.5em;	
	}

	.title1-b {  
		font-size: 1.5em;		
		font-weight: bold;
	}

	.title2 {  
		font-size: 1.2em;	
	}

	.title2-b {  
		font-size: 1.2em;		
		font-weight: bold;
	}	
	
	.title4 {  
		font-size: 1.2em;	
	}

	.title4-b {  
		font-size: 1.2em;		
		font-weight: bold;
	}

	.title5 {  
		font-size: 1.25em;	
	}

	.title5-b {  
		font-size: 1.25em;		
		font-weight: bold;
	}
	
	.pronametitle {  
		font-size: 2em;
	}

	.pronametitle-b {  
		font-size: 2em;		
		font-weight: bold;
	}
    
    
    
    

	.txt1 {  
		font-size: 1.1em;
		line-height: 155%;
	}

	.txt1-b {  
		font-weight: bold;
		font-size: 1.1em;
		line-height: 155%;
	}

	.txt2 {  
		font-size: 1em;	
	}

	.txt2-b {  
		font-weight: bold;
		font-size: 1em;
	}

	.txt3 {  
		font-size: 1em;	
	}

	.txt3-b {  
		font-weight: bold;
		font-size: 1em;
	}

	.txt5 {  
		font-size: 1.1em;
	}

	.txt5-b {  
		font-weight: bold;
		font-size: 1.1em;
	}

 
}


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



}

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

/* font */

	.title1 {  
		font-size: 1.5em;	
	}

	.title1-b {  
		font-size: 1.5em;		
		font-weight: bold;
	}

	.title2 {  
		font-size: 1.25em;	
	}

	.title2-b {  
		font-size: 1.25em;		
		font-weight: bold;
	}	
	
	.title3 {  
		font-size: 1.2em;	
	}

	.title3-b {  
		font-size: 1.2em;		
		font-weight: bold;
	} 
	

    
    
    
	.txt1 {  
		font-size: 1em;
		line-height: 155%;
	}

	.txt1-b {  
		font-weight: bold;
		font-size: 1em;
		line-height: 155%;
	}

	.txt2 {  
		font-size: 0.9em;	
	}

	.txt2-b {  
		font-weight: bold;
		font-size: 0.9em;
	}

	.txt5 {  
		font-size: 1em;
	}

	.txt5-b {  
		font-weight: bold;
		font-size: 1em;
	}
  
  
    
    
	
}

@media screen and (max-width: 736px) {      /* 736 */

	.bannertxt {  
		font-size: 1.7em;
        font-weight: bold;
		line-height: 140%;
	}
	
}



@media screen and (max-width: 600px) {
	
	.bannertxt {  
		font-size: 1.5em;
        font-weight: bold;
		line-height: 140%;
	}

}


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

	.bannertxt {  
		font-size: 1.3em;
        font-weight: bold;
		line-height: 140%;
	}
    
    
    
	.title1 {  
		font-size: 1.2em;	
	}

	.title1-b {  
		font-size: 1.2em;
		font-weight: bold;
	}
	
	
	.title5 {  
		font-size: 1.1rem;	
		line-height: 150%;
	}

	.title5-b {  
		font-size: 1.1rem;	
		line-height: 150%;
		font-weight: bold;
	}
	
	

}

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

 	.bannertxt {  
		font-size: 1em;
        font-weight: bold;
		line-height: 130%;
	}
       
    
    
    


}