/* =============================================
                  CONTENTS
============================================= */
sup{ vertical-align: super; font-size: 75.5%;}
#contents p{ color: #fff; line-height: 2;}
.min{ font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; letter-spacing: -0.5px; color: #fff;}
.mb0{ margin-bottom: 0 !important;}
.tit-box{ text-align: center; color: #fff; line-height: 1;}

.bg{ 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,35353a+100 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top, #000000 0%, #35353a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #000000 0%,#35353a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #000000 0%,#35353a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

section .tit-box .sub{ line-height: 1.6;}
#sec1 .box .detail{ color: #fff;}
#sec1 .box .detail h4{ background: url(../images/top/sec1-ico.png) left center no-repeat; padding-left: 30px; line-height: 1;}
#sec1 .box .detail a{ color: #fff; text-decoration: underline;}
#sec3 .box .box-inner .detail{ background-color: rgba(0,0,0,0.8); box-sizing: border-box;}
#sec5 .box .detail{ background-color: rgba(0,0,0,0.8); box-sizing: border-box;}
#place p a{ color: #fff; text-decoration: underline;}

/* =============================================
                    PC
============================================= */
@media only screen and (min-width: 767px) {
.pconly{ display: block;}
.sponly{ display: none;}
#wrapper .inner { width: 900px; padding: 0;}
#contents p{ font-size: 13px;}
#mainimg{ background: url(../images/top/main-bg_pc.jpg) center bottom no-repeat; background-size: cover; padding-bottom: 380px;}

section .dot{ background: url(../images/top/bg_pc.png) left top repeat;}
section .inner{ padding: 100px 0 !important;}
section .tit-box{ margin-bottom: 50px;}
section .tit-box h3{ margin-bottom: 20px;}

#sec1 .box{ position: relative; height: 295px; margin-bottom: 40px;}
#sec1 .box .detail{ position: relative;}
#sec1 .box .detail h4{ font-size: 30px; margin-bottom: 20px;}
#sec1 .box.no1 .img{ position: absolute; left: -10px; top: 0;}
#sec1 .box.no1 .detail{ position: absolute; right: 0; top: 10px;}
#sec1 .box.no2 .img{ position: absolute; right: -10px; top: 0;}
#sec1 .box.no2 .detail{ position: absolute; left: 0; top: 10px;}

#sec2{ background: url(../images/top/sec2-bg_pc.jpg) center bottom no-repeat; background-size: cover;}
#sec2 .detail{ text-align: right;}
#sec2 .detail .logo{ margin-bottom: 20px;}
#sec2 .detail ul{ font-size: 32px; line-height: 1.2;}
#sec2 .detail ul li{ margin-bottom: 10px;}
#sec2 .detail ul li:last-child{ margin-bottom: 20px;}
#sec2 .detail p span{ font-size: 10px; display: block; margin-top: 30px;}

#sec3 .inner{ padding: 100px 0 60px !important;}
#sec3 .read{ text-align: center;}
#sec3 .box .box-inner{ width: 900px; margin: 0 auto; padding: 100px 0;}
#sec3 .box .box-inner .detail{ width: 420px; padding: 40px;}
#sec3 .box .box-inner .detail h4{ font-size: 20px; line-height: 1.2; margin-bottom: 20px;}
#sec3 .box .box-inner .detail ul li{ margin-top: 20px;}
#sec3 .box.no1{ background: url(../images/top/sec3-box1-bg_pc.jpg) center top no-repeat; background-size: cover;}
#sec3 .box.no1 .box-inner .detail{ float: right;}
#sec3 .box.no2{ background: url(../images/top/sec3-box2-bg_pc.jpg) center top no-repeat; background-size: cover;}
#sec3 .box.no2 .box-inner .detail{ float: left;}

#sec4 .box{ margin-bottom: 60px;}
#sec4 .box .detail h4{ font-size: 22px; margin-bottom: 20px;}
#sec4 .box.no1 .img{ float: left;}
#sec4 .box.no1 .detail{ float: left; margin-left: 30px;}
#sec4 .box.no2 .img{ float: right;}
#sec4 .box.no2 .detail{ float: right; margin-right: 30px;}

#sec5{ background: url(../images/top/sec5-bg_pc.jpg) center top no-repeat; background-size: cover;}
#sec5 .box .detail{ width: 420px; padding: 40px; margin-bottom: 40px;}
#sec5 .box .detail h4{ font-size: 20px; line-height: 1.2; margin-bottom: 20px;}

#sec6{ background: url(../images/top/sec6-bg_pc.jpg) center top no-repeat; background-size: cover;}
#sec6 .img{ text-align: center;}

#place .inner{ text-align: center; padding-top: 100px;}
#place .img{ margin-bottom: 15px;}

}

/* =============================================
                    SP
============================================= */
@media only screen and (max-width: 767px) {
.pconly{ display: none;}
.sponly{ display: block;}
#wrapper .inner { padding: 0;}
#contents p{ font-size: 14px;}

#mainimg p{ padding: 20px 10px 40px; border-bottom: 1px solid #333;}

section .dot{ background: url(../images/top/bg_sp.png) left top repeat;}
section .inner{ padding: 40px 10px !important;}
section .tit-box{ margin-bottom: 30px;}
section .tit-box h3{ margin-bottom: 10px;}

#sec1 .box{ margin-bottom: 30px;}
#sec1 .box .img{ margin-bottom: 20px;}
#sec1 .box .detail h4{ font-size: 22px; margin-bottom: 10px;}

#sec2{ background: #6c8300 url(../images/top/sec2-bg_sp.jpg) center top no-repeat; background-size: 100%;}
#sec2 .detail{ background-color: rgba(86,104,0,0.75); padding: 30px 20px 20px;}
#sec2 .detail .logo{ margin-bottom: 20px;}
#sec2 .detail ul{ font-size: 20px; line-height: 1.2; text-align: center;}
#sec2 .detail ul li{ margin-bottom: 20px;}
#sec2 .detail p span{ font-size: 10px; display: block; margin-top: 10px;}

#sec3 .inner{ padding: 40px 10px 20px !important;}
#sec3 .box .box-inner{ padding: 20px 10px 320px;}
#sec3 .box .box-inner .detail{ padding: 30px 20px 20px;}
#sec3 .box .box-inner .detail h4{ font-size: 20px; line-height: 1.2; margin-bottom: 10px;}
#sec3 .box .box-inner .detail ul li{ margin-top: 20px; text-align: center;}
#sec3 .box.no1{ background: #c0d7f4 url(../images/top/sec3-box1-bg_sp.jpg) center bottom no-repeat; background-size: 100%;}
#sec3 .box.no2{ background: #5f7036 url(../images/top/sec3-box2-bg_sp.jpg) center bottom no-repeat; background-size: 100%;}

#sec4 .box{ margin-bottom: 30px;}
#sec4 .box .img{ margin-bottom: 20px;}
#sec4 .box .detail h4{ font-size: 22px; margin-bottom: 10px;}

#sec5{ background: #d5e6a5 url(../images/top/sec5-bg_sp.jpg) center top no-repeat; background-size: 100%;}
#sec5 .box .detail{ padding: 30px 20px 20px; margin-bottom: 20px;}
#sec5 .box .detail h4{ font-size: 20px; line-height: 1.2; margin-bottom: 10px;}

#sec6{ background: #35353a url(../images/top/sec6-bg_sp.jpg) center top no-repeat; background-size: 100%;}

#place .inner{ text-align: center; padding: 40px 10px 0;}
#place .img{ margin-bottom: 15px;}

}