@charset "UTF-8";

/* lauout
**************************************************************************************************/
.cells { }
.cells .cell { }

.footer { border-top:1px solid #ddd; padding-top:2%; }
.footer p { font-size:0.8rem; }

.page {  }

.header { background:url(../img/bg-top.png) 50% 0 repeat-x; border-top:2px solid #32c9cf; text-align:center; padding:15% 0 5% 0; }
.header p.label { display:inline-block; font-size:12px; -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px; background:#f5514d; color:#fff; font-weight:bold; padding:3px 10px; margin-bottom:15px; }
.header h1 { font-size:18px; line-height:1.3; }
.header h1 span { display:block; margin:10px 0; }
.header h1 small { display:block; }
.header h1 small.type01 { font-size:12px; color:#f5504c; }
.header h1 small.type02 { font-size:12px; color:#636363; }
.vi { border-top:3px solid #32c9cf; }
.vi .img01 { background:url(../img/img01@2x.png) 50% 0 no-repeat; background-size:cover; height:30vh; position:relative; }
.vi .img01 p { color:#fff; font-weight:bold; line-height:1.5; text-align:center; background:rgba(0,0,0,0.5) ; padding:10px; font-size:10px; position:absolute; bottom:0; width:100%; }
.vi .img02 { background:url(../img/img02@2x.png) 50% 0 no-repeat; background-size:cover; height:30vh; position:relative; }
.vi .img02 p { color:#fff; font-weight:bold; line-height:1.5; text-align:center; background:rgba(0,0,0,0.5) ; padding:10px; font-size:10px; position:absolute; bottom:0; width:100%; }
.days { background:url(../img/bg.png); padding:15px; }
.days .day { background:#f5514d; padding:10px; text-align:center; color:#fff; margin-bottom:20px; }
.days h2 { font-size:14px; color:#666; margin-bottom:15px; }
.days h2 small { display:inline-block; vertical-align:middle; border:1px solid #666; color:#666; font-size:10px; padding:3px 8px; margin-bottom:8px; }
.days .article { background:#fff; padding:15px; margin-bottom:20px; }
.days .article .img { margin-bottom:10px; }
.days .article .img img { width:100%; height:auto; }
.days .article h3 { margin-bottom:15px; font-size:16px; }
.days .article h3.hl01 { color:#32c9cf; }
.days .article h3.hl02 { color:#fcb072; }
.days .article h3 small { display:block; font-size:10px; color:#666; margin-top:4px; }
.days .article h4 { margin-top:10px; }
.days .article .txt p { margin-top:8px; }

.sp { }
.pc { display:none; }

@media screen and (min-width: 768px) {
	
.header {  padding:90px 0 45px 0; }
.header p.label { font-size:15px; padding:5px 10px; margin-bottom:15px; }
.header h1 { font-size:36px; line-height:1.3; }
.header h1 span { display:block; margin:10px 0; }
.header h1 small { display:block; }
.header h1 small.type01 { font-size:14px;  }
.header h1 small.type02 { font-size:16px;  }
.vi { border-top:6px solid #32c9cf;}
.vi .cells { display:table; width:100%; }
.vi .cells .cell { display:table-cell; width:50%; height:50vh; }
.days { padding:60px 0; }
.days .width { width:800px; margin:0 auto; }
.days .day {  padding:15px; font-size:18px; font-weight:bold; margin-bottom:40px; }
.days h2 { font-size:21px; color:#666; margin-bottom:30px; }
.days h2 small { display:inline-block; vertical-align:middle; border:1px solid #666; color:#666; font-size:14px; padding:3px 8px; margin-bottom:4px; margin-right:12px; }
.days .article { background:#fff; padding:30px; margin-bottom:50px; }
.days .article .type01 .img { width:60%; float:left; position:relative; }
.days .article .type01 .img img { position:relative; left:-60px; }
.days .article .type01 .txt { position:relative; left:-20px; }
.days .article .type02 .img { width:60%; float:right; position:relative; }
.days .article .type02 .img img { position:relative; right:-60px; }
.days .article .type02 .txt { position:relative; right:-20px; }
.days .article .img { margin-bottom:0px; }
.days .article .img img { position:relative; }
.days .article h3 { margin-bottom:35px; font-size:28px; }
.days .article h3 small { display:block; font-size:14px; color:#666; margin-top:10px; }
.days .article h4 { margin-top:10px; }
.days .article .txt { overflow:hidden;  }
.days .article .txt p { margin-top:8px; font-size:14px; line-height:1.8; }


.sp { display:none!important; }
.pc { display:block; }

}


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



}