@charset "utf-8";

/* header
--------------------------------------- */
#header{/*padding-bottom:15%;*/}
#header .return-home{
  position:absolute;
  top:100px;
  left:0px;
}

/* cp-section1
--------------------------------------- */
/* bg */
#cp-section1.section{
  width:100%;
  /*margin-top:-15%;*/
  padding-bottom:15%;

  background-size:cover;
  background-repeat:no-repeat;
  background-position:0 500px;
  background-image:url(../images/s5_bg2.png);
}
#cp-section1.section .bg{
  width:100%;
  background-size:100%;
  background-repeat:no-repeat;
  background-position:right top;
  background-image:url(../images/cp/s5_bg.png);
}
@media screen and (max-width:640px){
  #cp-section1.section{width:640px;}
  #cp-section1.section .bg{
    width:640px;
    background-image:url(../images/cp/sp-s5_bg.png);
    background-size:640px;
  }
}

/* content */
#cp-section1 .inner{padding-top:50px;}
#cp-section1 h2{
  width:100%;
  max-width:924px;
  margin:auto;
}
#cp-section1 h3{
  margin:50px 0 30px;
  padding:0;
  border-top:1px solid #ae9a63;
  border-bottom:1px solid #ae9a63;
}
#cp-section1 h3 span{
  display:block;
  margin:3px auto;
  padding:10px 0;
  font-size:24px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  line-height:1.5;
  background:rgb(170,149,92);
  background:-moz-linear-gradient(left,rgba(170,149,92,1) 0%,rgba(192,176,117,1) 100%);
  background:-webkit-linear-gradient(left,rgba(170,149,92,1) 0%,rgba(192,176,117,1) 100%);
  background:linear-gradient(to right,rgba(170,149,92,1) 0%,rgba(192,176,117,1) 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa955c',endColorstr='#c0b075',GradientType=1);
}
#cp-section1 .box1000{
  width:100%;
  max-width:1000px;
  margin:25px auto 0;
}
#cp-section1 p{
  margin-bottom:25px;
  font-size:18px;
  color:#000;
  line-height:1.8;
}
@media screen and (max-width:640px){}

/* cp-section2
--------------------------------------- */
/* bg */
#cp-section2.section{
  width:100%;
  margin-top:-15%;
  padding-bottom:0%;

  background-size:cover;
  background-repeat:no-repeat;
  background-position:0 500px;
  background-image:url(../images/s4_bg2.png);
}
#cp-section2.section .bg{
  width:100%;
  background-size:100%;
  background-repeat:no-repeat;
  background-position:right top;
  background-image:url(../images/s4_bg.png);
}
@media screen and (max-width:640px){
  #cp-section2.section{width:640px;}
  #cp-section2.section .bg{
    width:640px;
    background-image:url(../images/sp-s4_bg.png);
    background-size:640px;
  }
}

/* content */
#cp-section2 .inner{width:760px;padding-top:12%;}
#cp-section2 .group{margin-bottom:60px;}
#cp-section2 .group.last{margin-bottom:0;}

#cp-section2 h3{
  margin-bottom:20px;
  padding-bottom:4px;
  font-size:24px;
  font-weight:bold;
  color:#b19441;
  line-height:1.5;
  border-bottom:2px solid #b19441;
  text-align:center;
}
#cp-section2 .t18{
  font-size:18px;
  line-height:2.0;
}
#cp-section2 .t14{
  font-size:14px;
  line-height:1.8;
}
#cp-section2 ul{
  font-size:14px;
  line-height:2.0;
  padding-left:1.0em;
  text-indent:-1.0em;
}

#cp-section2 .indent10{
  padding-left:1.4em;
  text-indent:-1.4em;
}
#cp-section2 .sns{
  width:479px;
  margin:auto;
}
#cp-section2 .sns .img{
  margin-top:20px;
}

#cp-section2 .about{
  width:756px;
  margin:100px auto 60px;
  padding:40px 0;
  /*background-color:rgba(5,9,22,0.83);*/
  background-color:#000;
  border:2px solid #b29441;
}
#cp-section2 .about h4{
  margin-top:-50px;
  margin-bottom:20px;
  text-align:center;
}
#cp-section2 .about h4 span{
  background:#000;
  padding:4px;
  font-size:18px;
  font-weight:bold;
  color:#b29441;
  line-height:1.5;
  border:2px solid #b29441;
}
#cp-section2 .about .box{width:580px;margin:auto;}
#cp-section2 .about .fl{}
#cp-section2 .about .fr{}

#cp-section2 .about p.datetime{
  margin-bottom:76px;
  font-size:18px;
  font-weight:bold;
  line-height:1.8;
  text-align:center;
}
#cp-section2 .about p.attent{
  font-size:12px;
  line-height:2.0;
}


#cp-section2 .return-home{
  width:176px;
  margin:10px auto 0;
}

@media screen and (max-width:1160px){
  #cp-section2 .inner{width:90%;}
}
@media screen and (max-width:960px){
  #cp-section2 .about{width:98%;}
}
@media screen and (max-width:800px){
  #cp-section2 .about{}
  #cp-section2 .about h4 span{font-size:16px;}
  #cp-section2 .about .box{width:500px;}
  #cp-section2 .about .box .fl,
  #cp-section2 .about .box .fr{float:none;}
  #cp-section2 .about .box .fl{text-align:center;margin-bottom:30px;}
  #cp-section2 .about p.datetime{margin-bottom:20px;}
  #cp-section2 .about p.attent{width:400px;margin:auto;}
}
@media screen and (max-width:640px){
  #cp-section2.section{margin-top:-12%;}
  #cp-section2 .inner{width:562px;}
  #cp-section2 .t18{font-size:20px;}
  #cp-section2 .t14{font-size:16px;}
  #cp-section2 .about h4 span{font-size:18px;}
  #cp-section2 .about p.attent{font-size:14px;}
  
}

/* footer
--------------------------------------- */
#footer{
  margin-top:0;
  padding-top:60px;
  background:#0d0d0d;
  background-image:none;
}
#footer .inner{
  padding-top:0;
}
#pagetop{
  display:none;
  width:50px;
  position:fixed;
  bottom:50px;
  right:80px;
  cursor:pointer;
}
#footer p.shusai{font-size:12px;text-align:center;}
@media screen and (max-width:640px){
  #footer{padding-top:20px;}
  #footer p.shusai{font-size:14px;}
  #pagetop{right:20px;}
}

/* その他
--------------------------------------- */
br.br960{display:none;}
@media screen and (max-width:960px){br.br960{display:block;}}