@charset "UTF-8";


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

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

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

.area2 {margin:3em auto 0 auto; padding:1.5em 0;}
.area2 h2 {margin:0; color:#fff; border-bottom:4px double #fff;}
.area2 h2::after {display:none;}
.area2 .ptxt {}
.area2 .ptxt .fleft {padding:1.5em 5%; background:#fce3bb; line-height:1;}
.area2 .ptxt .fright {padding:1.5em 5%; background:#f8b856; color:#fff;}

}



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

@media screen and (min-width:901px) {

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

.area2 {margin:3em auto 0 auto; padding:2.5em 0; background:linear-gradient(to right, #fce3bb 0%, #fce3bb 50%, #f8b856 50%, #f8b856 100%);}
.area2 h2 {margin:0; color:#fff; border-bottom:4px double #fff;}
.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:50%; padding:0 2.5em 0 0;}
.area2 .ptxt .fright {width:50%; padding:0 0 0 2.5em; color:#fff;}

}