@charset "UTF-8";

.area1 {width:100%; max-width:180px; margin:0 auto; padding-top:5em;}

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

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

.area1 {padding-top:2em;}
  
.area2 {margin:3em 0 0 0; padding:2em; background:#e5effd;}
.area2 h2 {position:relative; margin:0; padding:0; color:#143b6f;}
.area2 h2 span {background:#e5effd;}
.area2 .ptxt .fleft {width:100%; padding:0;}
.area2 .ptxt .fright {width:100%;}
  
#cmn_bnr {margin:1.5em auto 0 auto;}

}



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

@media screen and (min-width:901px) {
 
.area2 {margin:4em 0 0 0; padding:2em; background:#e5effd;}
.area2 h2 {position:relative; margin:0; padding:0; color:#143b6f;}
.area2 h2 span {background:#e5effd;}
.area2 .ptxt .fleft {width:40%; padding:0;}
.area2 .ptxt .fright {width:55%;}

#cmn_bnr {margin:1em auto 0 auto;}

}