@charset "utf-8";

/* ****************************************************
Title: .css
---------------------------------------------------------------------------- */
#pagebody {}

/* =============================
 .section1
==============================*/
#pagebody article section {margin-bottom:100px;}
.sec01 p {width:770px;}

/* =============================
 .section2
==============================*/
#pagebody article section.sec02 {margin-bottom:0;}
.sec02 .melon_txt { width:500px; height:350px; padding:45px 40px; box-sizing:border-box; background:#fff;}
.sec02 .melon_txt h2 {font-weight:bold; font-size:115%; margin-bottom:1em;}
.sec02 .melon_txt h2 span {font-size:115%;}
.sec02 .melon_txt p {padding-left:1em;}

@media screen and (max-width:767px){
section {padding:0 1em;}

/* =============================
 .section1
==============================*/
.sec01 p {width:100%;}

/* =============================
 .section2
==============================*/
.sec02 .melon_txt { width:100%; height:auto; padding: 35px 25px;}
.sec02 .melon_img img { width:100%; }
.sec02 .melon_txt p {padding-left:0;}
}