@charset "UTF-8";
.second-text{background: url(../images/city/illust01@2x.jpg)no-repeat top -7vw left -10vw, #fff;background-size: 130%;padding-top:55vw;}
.second-text img{width:100%;margin-bottom:5%;}
.intro .sub{background:var(--red);color:#fff;font-weight:bold;text-align:center;padding: 1.5%;font-size:4vw;line-height:1.3;margin-bottom: 2vw;}
.intro  .title{font-size:4vw;text-align:center;font-weight:bold;}
.intro li{background:#f8f8f1;padding:8%;margin-bottom:4%;}

/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {
.second-text{background:#fff;padding: 80px 60px;}
img.tp{width:90%;max-width:800px;margin: 0 auto 30px;}
img.train{width:495px;margin:0 auto 40px;}
.intro .sub{font-size: 22px;display:table;margin: 0 auto 15px;padding:5px 20px;}
.intro .title{font-size: 34px;line-height: 1.4;}
.intro li{padding: 40px;margin-bottom: 20px;}
}


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

}

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

}