@import (once) "default.less";
@import (once) "common.less";

/* schedule ///////////////////////*/
.schedule{
padding:40px 0 80px 0;

h2{
padding:0 0 30px 0;
}
h3{
.c1;
font-size:16pt;
padding:10px 0 10px 40px;
background:url(../image/icon1.svg) no-repeat 0 50%;
}
.text{
padding:10px 0 30px 40px;
}
dl{
.dt;
width:100%;
}
dd{
.dtc;
width:50%;
}

.box{
margin:40px 0 0 0;
border:1px @c1 solid;
.r(30px);
h2{
.tac;
.bg_white;
width:300px;
margin:-15px auto 0 auto;
}
}
.wrap{
padding:0 40px 40px 40px;
}


table{
width:100%;
margin-bottom:5px;
}
th{
.bg2;
border:1px @glay2 solid;
padding:10px;
}
td{
border:1px @glay2 solid;
padding:10px;
}
.td1{
.bg1;
.white;
.tac;
}
.td2{
.bg3;
}
.image1{
.right;
margin:-40px 20px 0 0;
}
.image{
padding:10px 0;
}

.image3{
ul{
.dt;
}
li{
.dtc;
padding:0 5px;
}
img{
width:100%;
}
}


}


@media (max-width:960px){
.schedule{
.image img:nth-child(3){
.dn;
}
}
}


@media (max-width:720px){
.schedule{
padding:40px 0 80px 0;

dd{
.db;
width:100%;
}
th{
width:150px;
}
.image1 img{
width:230px;
margin:20px 0 10px 0;
}
.image img:nth-child(2), .image img:nth-child(3){
.dn;
}
}
}


@media (max-width:480px){
.schedule{
padding:40px 0 40px 0;

h3{
font-size:14pt;
margin:20px 0 0 0;
padding:0 0 0 30px;
background-size:22px;
}

.text{
padding:10px 0 0 30px;
}
th{
width:80px;
}
.image1{
.fn;
.cr;
}
.image1 img{
width:230px;
margin:50px 0 10px 0;
}

.image3{
padding:30px 0 0 0;
}

.image3{
ul{
.db;
}
li{
.dib;
width:49.5%;
padding:5px;
}
img{
width:100%;
}
}



}
}