@charset "utf-8";
.slick-prev:before,.slick-next:before{ color: #00882F; }
.slick-next 			{ z-index: 99; }
.slick-prev 			{ z-index: 100; }
.slick-dots li.slick-active button:before,.slick-dots li button:before{ color: #fff; }

@media print, screen and (min-width: 751px) {
.mainImage 				  { background: url('../img/course/main-image_pc.jpg') 50% 0 no-repeat; background-size: cover; }
#slider { width: 1000px; margin: 0 auto; }
#thumbnail_slider { width: 900px; margin: 20px auto; }
.thumbnail-item img { width: 100%; margin: 0 auto; padding:10px;}

#facilitie              { padding-top: 0px; margin: 0 auto 0; text-align: center; overflow: hidden; }
#facilitie .titleArea 		  { height: 550px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#facilitie .facilitie         { width:100%; background:#FFF; overflow:hidden; }
#facilitie .facilitie .thumb  { width:100%; background:#dcd8cf; overflow:hidden; }
#facilitie .restaurant        { width:1000px; margin:100px auto; }
#facilitie .restaurant .cont  { width:1000px; margin:80px auto; overflow:hidden; }
#facilitie .restaurant .cont .left  { width:380px; float:left; text-align:left; }
#facilitie .restaurant .cont .left p  { font-size:15px; line-height:2; }
#facilitie .restaurant .cont .right  { width:600px; float:right; }
#facilitie .restaurant ul  { width:1000px; margin:40px auto; }
#facilitie .restaurant ul li  { width:314px; margin-right:29px; margin-bottom:45px; float:left; }
#facilitie .restaurant ul li:nth-child(3n)  { width:314px; margin-right:0; margin-bottom:45px; float:left; }
#facilitie .restaurant ul li p  { font-size:16px; margin: 20px auto 0; }
#facilitie .restaurant .anno  { font-size:14px; text-align:left; }
#facilitie .menu  { width:1000px; margin:80px auto 100px; text-align:left; }
#facilitie .menu ul  { width:1000px; margin:0 auto 60px; overflow:hidden; }
#facilitie .menu ul li  { width:49%; padding:2%; float:left; border-bottom:1px solid #CCC; font-size:16px; }
#facilitie .menu ul li:nth-child(2n)  { width:49%; padding:2%; float:right; }
#facilitie .others .box_l { width:100%; margin:30px 0 0; overflow:hidden; }
#facilitie .others .box_l p { font-size:16px; text-align:left; line-height:2; margin-left: 30px; }
#facilitie .others .box_l .box { width:50%; float:left; margin:30px 0 0; text-align:center; overflow:hidden; }
#facilitie .others .box_l .box p { font-size:16px; margin: 20px auto 0; text-align:center; }
#facilitie .others .box { width:50%; float:left; margin:30px 0 30px; text-align:center; overflow:hidden; }
#facilitie .others .box--full { width:100%; text-align:center; overflow:hidden; }
#facilitie .others .box p { font-size:16px; margin: 20px auto 30px; }
#facilitie .others .box--full p { font-size:16px; margin: 20px auto 30px; }
#facilitie .others .box--full.hotel { margin-bottom: 20px; }
#facilitie .title { font-size: 42px; color: #018a2f; margin: 80px auto 15px; }
#facilitie .title:before { content: ''; width: 100%; height: 15px; background: url("../img/common/diamond-icon-green.svg") 50% 0 no-repeat; display: block; }
#facilitie .sub { color: #018a2f; font-size: 14px; margin-bottom: 40px; }
#facilitie h3 { text-align: left; padding: 0 3px 15px; font-size: 22px; border-bottom: 2px solid #008a1b; margin: 40px auto 20px; }
#facilitie h3 span { font-size: 18px; }
#facilitie h3:before { color: #008a1b; content: '◆'; margin-right: 10px; font-size: .9rem; vertical-align: 3px; }
}


@media screen and (max-width: 1100px) and (min-width: 751px) {
}


@media screen and (max-width: 750px) {
.mainImage 				  { background: url('../img/course/main-image_sp.jpg') 50% 0 no-repeat; background-size: cover; }
#slider { width: 100%; margin: 5% auto 0; }
#thumbnail_slider { width: 84%; margin: 10px auto; }
.thumbnail-item img { width: 100%; margin: 0 auto; padding:3px;}
#facilitie              { width:100%; margin: 0 auto 0; text-align: center; overflow: hidden; }
#facilitie .titleArea 		  {  }
#facilitie .facilitie         { width:100%; background:#FFF; overflow:hidden; }
#facilitie .facilitie .thumb  { width:100%; background:#dcd8cf; overflow:hidden; }
#facilitie .restaurant        { width:100%; margin:100px auto; }
#facilitie .restaurant .cont  { width:100%; margin:5% auto; overflow:hidden; }
#facilitie .restaurant .cont .left  { width:90%; text-align:center;  margin:0 auto; }
#facilitie .restaurant .cont .left p  { font-size:15px; line-height:2; text-align:left; }
#facilitie .restaurant .cont .right  { width:90%; margin:5% auto 10%;}
#facilitie .restaurant ul  { width:90%; margin:40px auto 0; overflow:hidden; }
#facilitie .restaurant ul li  { width:48%; margin-right:4%; margin-bottom:10%; float:left; }
#facilitie .restaurant ul li:nth-child(2n)  { width:48%; margin-right:0; margin-bottom:10%; float:left; }
#facilitie .restaurant ul li p  { font-size:15px; margin: 5% auto 0; line-height:1.6; }
#facilitie .restaurant .anno  { font-size:14px; text-align:left; margin-left:5% }
#facilitie .menu  { width:90%; margin:80px auto 100px; text-align:left; }
#facilitie .menu ul  { width:100%; margin:5% auto 10%; overflow:hidden; }
#facilitie .menu ul li  { width:100%; padding:4%; float:left; border-bottom:1px solid #CCC; font-size:16px; }
#facilitie .others .box_l { width:100%; margin:5% 0; overflow:hidden; }
#facilitie .others .box_l p { font-size:16px; text-align:left; line-height:2; }
#facilitie .others .box_l .box { width:80%; margin:5% auto; text-align:center; overflow:hidden; }
#facilitie .others .box_l .box p { font-size:16px; margin: 20px auto 0; text-align:center; }
#facilitie .others .box { width:80%; margin:5% auto; text-align:center; overflow:hidden; }
#facilitie .others .box p { font-size:16px; text-align:center; line-height:2; margin:5% auto; }
#facilitie .others .box--full { width:80%; margin:5% auto; text-align:center; overflow:hidden; }
#facilitie .others .box--full p { font-size:16px; text-align:center; line-height:2; margin:5% auto; }
#facilitie .title { font-size: 30px; color: #018a2f; margin: 30px auto 15px; }
#facilitie .title:before { content: ''; width: 100%; height: 15px; background: url("../img/common/diamond-icon-green.svg") 50% 0 no-repeat; display: block; }
#facilitie .sub { color: #018a2f; font-size: 14px; margin-bottom: 20px; }
#facilitie h3 { text-align: left; padding: 0 3px 15px; font-size: 22px; border-bottom: 2px solid #008a1b; margin: 30px auto 20px; }
#facilitie h3 span { font-size: 18px; }
#facilitie h3:before { color: #008a1b; content: '◆'; margin-right: 10px; font-size: .9rem; vertical-align: 3px; }
}