@charset "utf-8";

.R{padding:1% 0 0 0;}




.section{}

.box0 {position: relative;width:82%;margin:0 auto;height:100%;}
.box0 h2{font-size: 2.8vw;font-weight: normal;padding:7% 0 0 0;color:#595757;letter-spacing: 1px;text-align: center;}
.box0 .text0{line-height: 200%;margin:2% 0 4% 0;color:#595757;}
.box0 .text0 h5{text-align: center;font-size: 1.25vw;letter-spacing: 1px;margin:0% 0 2% 0;}
.box0 .text0 .pic{width:57%;text-align: center;margin:0 auto;}
.box0 .text0 .pic img{width: 100%;height:auto;}
.box0 .text1{width:57%;margin:0 auto;}
.box0 .text1 .list{width:45%;float:left;margin:5% 0 0 5%;}
.box0 .text1 .more{width:40%;margin:6% 0;}
.box0 .text1 .more a{width:auto;padding:1.9% 5%;background:#fff;box-shadow: 2px 2px 4px #ccc;font-size: 1.0vw;display: inline-block;line-height: 150%;}
.box0 .text1 .list li{font-size: 1.1vw;color:#595757;}
.box0 .text1 .pic{float:right;width:50%;}
.box0 .text1 .pic img{width:100%;height:auto;}
.box0 .text2{line-height: 200%;margin:5% 0 4% 0;color:#595757;}
.box0 .text2 h5{text-align: center;font-size: 1.25vw;letter-spacing: 1px;margin:0% 0 2% 0;}
.box0 .text2 .pic{width:32%;text-align: center;margin:0 auto;}
.box0 .text2 .pic img{width: 100%;height:auto;}
.box0 .text2 .list{width:32%;margin:2% auto;}
.box0 .text2 .list li{font-size: 1.05vw;color:#595757;padding:0.4% 0;letter-spacing: 0.05em;}
.box0 .text2 .more{width:32%;margin:0% auto;}
.box0 .text2 .more a{width:auto;padding:0.5% 2%;background:#fff;box-shadow: 2px 2px 4px #ccc;font-size: 1.0vw;display: inline-block;line-height: 150%;}
.box0 .text3{line-height: 200%;margin:5% 0 0% 0;color:#595757;}
.box0 .text3 h5{text-align: center;font-size: 1.4vw;letter-spacing: 1px;margin:3% 0 1% 0;}
.box0 .text3 .ms{text-align: center;font-size: 1vw;letter-spacing: 1px;margin:1% auto 2% auto;width:62%;line-height: 180%;}
.box0 .text3 .ms p{font-size: 0.9vw;padding:8px 0 0 0;}
.box0 .text3 .pic{width:52%;text-align: center;margin:0 auto;}
.box0 .text3 .pic img{width: 100%;height:auto;}

.box1 {position: relative;width:65%;margin:10% auto 0 auto;height:100%;}
.box1 .l{left:0%;top:8%;float:right;width:44%;}
.box1 .l h2{font-size: 2.0vw;font-weight: normal;margin:6% 0 0 0;color:#595757;letter-spacing: 1px;line-height: 120%;}
.box1 .l .text0{line-height: 180%;margin:5% 0 9% 0;color:#595757;font-size: 1.1vw;}
.box1 .l .more{margin:3% 0 0 0;}
.box1 .l .more a{width:auto;padding:1.5% 2%;background:#fff;box-shadow: 2px 2px 4px #ccc;font-size: 1.0vw;display: inline-block;line-height: 150%;}
.box1 .r{right:0%;top:18%;float:left;height:70%;overflow: hidden;width:50%;color:#595757;}
.box1 .r img{width:100%;}


.box2 {position: relative;width:65%;margin:14% auto 8% auto;height:100%;}
.box2 .l{left:0%;top:22%;float:left;width:36%;}
.box2 .l h2{font-size: 2.0vw;font-weight: normal;margin:0 0 0 0;color:#595757;letter-spacing: 1px;line-height: 120%;}
.box2 .l .text0{line-height: 180%;margin:8% 0 9% 0;color:#595757;font-size: 1.0vw;}
.box2 .l .more{margin:5% 0 0 0;}
.box2 .l .more a{width:auto;padding:1.5% 2%;background:#fff;box-shadow: 2px 2px 4px #ccc;font-size: 1.2vw;display: inline-block;line-height: 150%;}
.box2 .r{right:0%;top:18%;float:right;height:70%;overflow: hidden;width:38%;color:#595757;}
.box2 .r img{width:100%;}


@media screen and (max-width:600px)
{
    .box0 {position: relative;width:88%;margin:0 auto;height:100%;}
    .box0 h2{font-size: 16px;font-weight: normal;padding:7% 0 0 0;color:#595757;letter-spacing: 1px;text-align: center;}
    .box0 .text0{line-height: 200%;margin:2% 0 4% 0;color:#595757;}
    .box0 .text0 h5{text-align: center;font-size: 13px;letter-spacing: 1px;margin:0% 0 2% 0;}
    .box0 .text0 .pic{width:100%;text-align: center;margin:0 auto;}
    .box0 .text0 .pic img{width: 100%;height:auto;}
    .box0 .text1{width:100%;margin:0 auto;}
    .box0 .text1 .list{width:46%;float:left;margin:2% 0 0 0%;}
    .box0 .text1 .more{width:60%;margin:6% 0;}
    .box0 .text1 .more a{width:auto;padding:2% 6%;background:#fff;box-shadow: 2px 2px 4px #ccc;font-size: 13px;display: inline-block;line-height: 150%;}
    .box0 .text1 .list li{font-size: 12px;color:#595757;}
    .box0 .text1 .pic{float:right;width:50%;}
    .box0 .text1 .pic img{width:100%;height:auto;}
    .box0 .text2{line-height: 200%;margin:10% 0 4% 0;color:#595757;}
    .box0 .text2 h5{text-align: center;font-size: 15px;letter-spacing: 0.5px;margin:0% 0 2% 0;}
    .box0 .text2 .pic{width:70%;text-align: center;margin:2% auto;}
    .box0 .text2 .pic img{width: 100%;height:auto;}
    .box0 .text2 .list{width:100%;margin:2% auto;}
    .box0 .text2 .list li{font-size: 12px;color:#595757;padding:0.4% 0;letter-spacing: 0.05em;}
    .box0 .text2 .more{width:100%;margin:0% auto;text-align: center;}
    .box0 .text2 .more a{width:auto;padding:1.5% 3%;background:#fff;box-shadow: 2px 2px 4px #ccc;font-size: 13px;display: inline-block;line-height: 150%;}
    .box0 .text3{line-height: 200%;margin:9% 0 0% 0;color:#595757;}
    .box0 .text3 h5{text-align: center;font-size: 15px;letter-spacing: 0.5px;margin:3% 0 1% 0;}
    .box0 .text3 .ms{text-align: center;font-size: 13px;letter-spacing: 1px;margin:1% auto 2% auto;width:95%;line-height: 180%;}
    .box0 .text3 .ms p{font-size: 12px;padding:8px 0 0 0;}
    .box0 .text3 .pic{width:52%;text-align: center;margin:0 auto;}
    .box0 .text3 .pic img{width: 100%;height:auto;}

    
    .box1 {position: relative;width:88%;margin:10% auto 0 auto;height:100%;}
    .box1 .l{left:inherit;top:inherit;float:none;width:100%;position: inherit;}
    .box1 .l h2{font-size: 15px;font-weight: normal;margin:6% 0 0 0;color:#595757;letter-spacing: 1px;line-height: 120%;}
    .box1 .l .text0{line-height: 180%;margin:2% 0 4.5% 0;color:#595757;font-size:12px;}
    .box1 .l .more{margin:0% 0 0 0;}
    .box1 .l .more a{width:auto;padding:1.5% 2%;background:#fff;box-shadow: 2px 2px 4px #ccc;font-size: 13px;display: inline-block;line-height: 150%;}
    .box1 .r{right:inherit;top:inherit;float:none;position: inherit;height:auto;overflow: hidden;width:100%;color:#595757;}
    .box1 .r img{width:100%;}


    .box2 {position: relative;width:88%;margin:14% auto 8% auto;height:100%;}
    .box2 .l{left:inherit;top:inherit;float:none;width:100%;}
    .box2 .l h2{font-size: 15px;font-weight: normal;margin:0 0 0 0;color:#595757;letter-spacing: 1px;line-height: 120%;}
    .box2 .l .text0{line-height: 180%;margin:3% 0 5% 0;color:#595757;font-size: 12px;}
    .box2 .l .more{margin:5% 0 0 0;}
    .box2 .l .more a{width:auto;padding:1.5% 2%;background:#fff;box-shadow: 2px 2px 4px #ccc;font-size: 1.2vw;display: inline-block;line-height: 150%;}
    .box2 .r{right:inherit;top:inherit;float:none;height:70%;overflow: hidden;width:100%;color:#595757;}
    .box2 .r img{width:100%;}
}