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

@import url(reset.css);
@import url(fontawesome/css/font-awesome.min.css);



.col-1{	width:100%;}
.col-2{	width:50%;}
.col-3{	width:33.33%;}
.col-4{	width:25%;}
.col-5{	width:20%;}
.b-box{ box-sizing: border-box;}

.outerWrap{ width:100%; padding:0 0;}
.outerWrap .conBox{ width:100%;}
.outerWrap .wrap{ width:800px; margin: 0 auto; box-sizing: border-box;}

/*==上方title==*/
.outerWrap .titleBox{ width:100%; box-sizing: border-box;}
.outerWrap .titleBox .wrap{ background:url(../images/title_line.png) no-repeat left bottom; padding-bottom:20px;}
.outerWrap .titleBox h2{ color:#ff7276; font-size:30px; font-weight:lighter; padding-left:15px;}
.outerWrap .titleBox h2 b{ font-size:24px; color:#333; font-family:"Josefin Sans"; font-weight:normal; margin-left:20px;}
.outerWrap .titleBox h2 b.txt_block{}

.outerWrap .conBox .txtBox{width:100%;}
.outerWrap .conBox p{ font-size:15px; text-align:justify;}


@media (max-width: 768px){
.outerWrap .wrap{ width:100%; padding: 0 20px;}
.outerWrap .titleBox{ padding: 0 20px;}
}
 
@media (max-width: 640px){
.outerWrap .titleBox{ margin-bottom:30px;}
}

@media (max-width: 480px){
.outerWrap{ padding: 30px 0;}
.outerWrap .titleBox .wrap{ padding:0 0 15px 0;}
}

@media (max-width: 420px){
.outerWrap .wrap{ padding: 0 15px;}
.outerWrap .titleBox{ padding: 0 15px;}
}

@media (max-width: 375px){
.outerWrap .wrap{ padding: 0 10px;}
.outerWrap .titleBox{ padding: 0 10px;}
.outerWrap .titleBox h2{ padding-left:5px;}

}

@media (max-width: 320px){
.outerWrap .titleBox h2{ font-size:30px;}
.outerWrap .titleBox h2 b{ font-size:20px;}
}