@charset "utf-8";

#pagetop{
position: fixed;
right: 2%;
bottom: 2%;
filter:alpha(opacity:0);
zoom:1;
z-index: 1;
}
#pagetop a{
display: block;

}

.sTxt{font-size: 12px;}
.accordion{display:none;}
.hover {
display: inline-block;
position: relative;
text-decoration: none;
}
.hover::after {
position: absolute;
content: '';
bottom: 0;
left: 0;
width: 0;
height: 0.08em;
background: #000;
transition: all 0.3s ease 0s;
}
.hover:hover {
cursor: pointer;
}
.hover:hover::after {
width: 100%;
}




@media (min-width: 768px) {
/* PC用 */
.sp-show { display:none !important;}
}
@media (max-width: 767px) {
/* tablet用 */
.sp-hide { display:none !important;}
}





@media (min-width: 768px) {
/* PC用 */





img{margin-bottom: 5px;}
a:hover{opacity: 0.6; text-decoration: none!important;}
.wrap2{width:940px; margin: auto; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 0}
.wrap2 p{font-size: 14px;}
.wrap2 h1{background-color:#826e69; color: #FFF; text-align: center; font-size: 26px; margin-bottom: 0px; padding: 5px 0;}
.en{font-family: 'Roboto Condensed', sans-serif;font-weight: 700;font-style: normal;}
.mainImg{margin-bottom: 50px;}
.navWrap{width:810px; margin: auto auto 50px;}
.pageNavi{width:385px; display: inline-block; margin: 10px; vertical-align: top; text-align: center; }
.pageNavi ul{text-align: left;}
.pageNavi .naviTit{font-family: 'Roboto Condensed', sans-serif;font-weight: 700;font-style: normal;color: #826e69;  border-bottom: 1px solid #826e69; height: 35px; text-align: center; margin-bottom: 40px; font-size: 18px;}
.pageNavi a .naviTit {color: #826e69; text-decoration: none;}
.pageNavi a:hover .naviTit {opacity: 0.6;}
.pageNavi .naviTit span{font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";font-weight: bold; background-color: #FFF; display: inline-block;  padding: 0 20px; font-size: 18px;}

.pageNavi dl{padding: 0 0 0 20px; text-align: left;}
.pageNavi dd{list-style: none; padding: 0; margin: 0 0 10px 0; font-size: 16px; display: inline-block; vertical-align: top; padding: 3px 0 0 5px;}
.pageNavi dd a{color: #000; font-style: none;}
.pageNavi dt{font-size: 16px; display: inline-block; vertical-align: top;}
.pageNavi dt span{font-family: 'Roboto Condensed', sans-serif;font-weight: 700;font-style: normal; color:#826e69; font-weight: bold; font-size: 20px;}



.smallTxt{font-size: 12px!important;}
.contentsBlock{width:940px; margin: 0 auto 80px auto;}
.contentsBlock h2{font-size:22px; font-weight: bold; color: #826e69; text-align: center; letter-spacing: 2px; margin-bottom: 30px;}
.contentsBlock h2 .titHead{font-family: 'Roboto Condensed', sans-serif;  font-size:20px; font-weight: bold; }
.contentsBlock h2 .mainTIt{font-family: 'Roboto Condensed', sans-serif;  font-size:26px; font-weight: bold; color: #FFF; background-color: #826e69; display: block; padding: 5px 0; margin: 10px 0; }

.cBox{overflow: hidden; margin: 0 auto 70px auto; width:750px;}
.cBox p{margin-bottom: 30px; text-align: left;}
.cBox h3{font-size: 16px; font-weight: bold; text-align: center; border-bottom: 1px solid #000; padding: 0 0 10px; margin-bottom: 30px;}
.cBox h3 span{font-size: 40px; font-family: 'Roboto Condensed', sans-serif;  color: #826e69; display: block;}
.cBox h4{border: 1px solid #000; padding: 5px 0; display: block; font-size: 16px; text-align: center; margin-bottom: 20px;}
.cBox .narrowBox{width:600px; margin: auto auto 30px; overflow: hidden;  clear: both; text-align: center;}
.cBox .narrowBox .halfBox{width:46%; margin: 2%; display:inline-block; vertical-align: top;}


.borderBox{width:600px;border: 1px solid #000; padding: 30px 75px 0; text-align: center; box-sizing: border-box; margin: auto;}
.borderBox .title{border-bottom: 1px solid #000; height: 12px; text-align: center;}
.borderBox .title span{background-color: #fff; display: inline-block; padding: 0 20px; font-size: 16px!important;}

.leftImg{width:200px; float: left;}
.rightBox{width:340px; float: right;}
h5{border-bottom: 1px solid #000; text-align: center;font-weight: bold; font-size: 14px; margin: 15px 0 10px;}
.spTit{display: none;}

}




@media (max-width: 767px) {
/* tablet用 */


img{margin-bottom: 5px; width:100%;}
a:hover{opacity: 0.6; text-decoration: none!important;}
.wrap2{width:100%; margin: auto; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 0}
.wrap2 p{font-size: 12px;}
.wrap2 h1{background-color:#826e69; color: #FFF; text-align: center; font-size: 16px; margin-bottom: 0px; padding: 5px 0;}
.en{font-family:  'Roboto Condensed', sans-serif;font-weight: 700;font-style: normal;}
.mainImg{margin-bottom: 10%;}
.navWrap{width:90%; margin: auto auto 5% auto;}
.pageNavi{width:100%; display: inline-block;  vertical-align: top; text-align: center; margin-bottom: 5%; }
.pageNavi ul{text-align: left;}
.pageNavi .naviTit{font-family:  'Roboto Condensed', sans-serif;font-weight: 700;font-style: normal;color: #826e69;  border-bottom: 1px solid #826e69; height: 28px; text-align: center; margin-bottom: 10%; font-size: 14px;}
.pageNavi a .naviTit {color: #826e69; text-decoration: none;}
.pageNavi a:hover .naviTit {opacity: 0.6;}
.pageNavi .naviTit span{font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";font-weight: bold; background-color: #FFF; display: inline-block;  padding: 0 20px; font-size: 16px;}

.pageNavi dl{padding: 0 0 0 20px; text-align: left;}
.pageNavi dd{list-style: none; padding: 0; margin: 0 0 10px 0; font-size: 12px; display: inline-block; vertical-align: top;}
.pageNavi dd a{color: #000; font-style: none;}
.pageNavi dt{font-size: 12px; display: inline-block; vertical-align: top;}
.pageNavi dt span{font-family:  'Roboto Condensed', sans-serif;font-weight: 700;font-style: normal; color:#826e69; font-weight: bold; font-size: 16px;}



.smallTxt{font-size: 12px!important;}
.contentsBlock{width:100%; margin: 0 auto 10% auto;}
.contentsBlock h2{font-size:16px; font-weight: bold; color: #826e69; text-align: center; letter-spacing: 2px; margin-bottom: 5%;}
.contentsBlock h2 .titHead{font-family:  'Roboto Condensed', sans-serif;  font-size:14px; font-weight: bold; }
.contentsBlock h2 .mainTIt{font-family:  'Roboto Condensed', sans-serif;  font-size:16px; font-weight: bold; color: #FFF; background-color: #826e69; display: block; padding: 5px 0; margin: 5px 0; }

.cBox{overflow: hidden; margin: 0 auto 5% auto; width:86%;}
.cBox p{margin-bottom: 30px; text-align: left;}
.cBox h3{font-size: 14px; font-weight: bold; text-align: center; border-bottom: 1px solid #000; padding: 0 0 10px; margin-bottom: 5%;}
.cBox h3 span{font-size: 40px; font-family:  'Roboto Condensed', sans-serif;  color: #826e69; display: block;}
.cBox h4{border: 1px solid #000; padding: 5px 0; display: block; font-size: 12px; text-align: center; margin-bottom: 5%;}
.cBox .narrowBox{width:90%; margin: auto; overflow: hidden;  clear: both; text-align: center;}
.cBox .narrowBox .halfBox{width:46%; margin: 2%; display:inline-block; vertical-align: top;}


.borderBox{border: 1px solid #000; padding: 10% 10% 5%; text-align: center; width:90%; margin: auto; box-sizing: border-box;}
.borderBox p{text-align: center;}
.borderBox .title{border-bottom: 1px solid #000; height: 10px; text-align: center; margin-bottom: 10%;}
.borderBox .title span{background-color: #fff; display: inline-block; padding: 0 20px; font-size: 14px!important;}

.leftImg{width:80%; margin: auto;}
.rightBox{width:100%; }
h5{border-bottom: 1px solid #000; text-align: center;font-weight: bold; font-size: 14px; margin: 15px 0 10px;}


.spwide{width:100%!important; margin: 0 auto 5%!important; }
.spTit{text-align: center!important; font-size: 14px!important; margin-bottom: 5%!important;}

}






/*共通*/