@charset "UTF-8";


/*********************************
 * ～900
 *********************************/

@media screen and (max-width:900px){
  
  .bg {background:url("../images/top_bg01.jpg") center top no-repeat; background-size:cover;}


.area2 {margin:0 auto 0 auto; padding:2em 0 5em 0;}
.area2 h2 {display:block; margin:0; color:#fff; font-size:130%; font-weight:400; line-height:1.5;}
.area2 h2 span {display:block; opacity:0.3; font-size:300%; font-weight:400;}
.area2 h2::after {display:none;}
.area2 .ptxt {width:90%; margin:0 auto;}
.area2 .ptxt .fleft {width:100%; padding:0 2.5em 0 0;}
.area2 .ptxt .fright {width:100%; padding:2em 0 0 0; color:#fff; font-size:90%; line-height:2.4;}

}



/*********************************
 * 901～
 *********************************/

@media screen and (min-width:901px) {
  
  .bg {background:url("../images/top_bg01.jpg") center top no-repeat; background-size:cover;}
  
  


.area2 {margin:5em auto 0 auto; padding:5em 0;}
.area2 h2 {margin:0; color:#fff; font-size:130%; font-weight:400; line-height:1.5;}
.area2 h2 span {display:block; opacity:0.3; font-size:300%; font-weight:400;}
.area2 h2::after {display:none;}
.area2 .ptxt {display:flex; position:relative; justify-content:space-between; width:91%; max-width:980px; margin:0 auto;}
.area2 .ptxt .fleft {width:40%; padding:0 2.5em 0 0;}
.area2 .ptxt .fright {width:55%; padding:0 0 0 0; color:#fff; font-size:90%; line-height:2.4;}

}