@charset "utf-8";

/* ****************************************************
Title: index.css
---------------------------------------------------------------------------- */


/* =============================
 .section1
==============================*/
.sec01 {margin:140px 0 110px;}
.sec01 .catch {width:513px; margin: 0 auto 25px;}
.sec01 .des_txt {text-align:center;}

/* =============================
 .section2
==============================*/
.sec02 {margin-bottom: 90px;}
.sec02 .bar {margin: 0 auto 40px;width: 349px;}
.sec02 .good{width:1000px; margin: 0 auto 40px;}
.sec02 .good li {float:left; margin: 0 20px 13px 0;}
.sec02 .good li:nth-child(3n) {margin: 0 0 13px 0;}
.sec02 .btn {width: 320px;margin: 0 auto;}


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


/* =============================
 .section1
==============================*/
.sec01 {margin:3em 0;}
.sec01 .catch {width:80%; margin: 0 auto 2em;}
.sec01 .catch img {width: 100%;}
.sec01 .des_txt {font-size:80%; padding: 0 1em;}

/* =============================
 .section2
==============================*/
.sec02 {margin-bottom: 3em;}
#contents .sec02 .bar {margin: 0 auto 1em;width: 175px;}
.sec02 .bar img {width: 100%;}
.sec02 .good{width:90%; margin: 0 auto 1.5em;}
.sec02 .good li {float:none; margin: 0 auto 0.5em;width:100%; text-align:center;}
.sec02 .good li:nth-child(3n) {margin: 0 auto 0.5em;}
.sec02 .good li img {width:100%;}

.sec02 .btn {width: 90%;}
.sec02 .btn img {width: 100%;}

}


@media screen and (min-width: 640px) {
.symbol {top: 1.5em;width: 106px;}
.symbol img {width:100%;}
}




@media screen and (min-width: 1024px) {
.symbol {top: 130px;width: 212px;}
}