@charset "UTF-8";

#opening {
  background: url("../img/index/op-bg.jpg") repeat center top;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 999;
  visibility: visible;
  transition: all 2s ease;
  display: none;
}
#opening .detail {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
  display: none;
}
#opening #skip{
  cursor: pointer;
}
#ttl_js{
  /*display: none;*/
}
body.visible  #opening{
  display: none;
}
body.intro  #opening{
  display: block;
}
body{
  overflow: hidden;
}
body.visible{
  overflow: inherit;
}
#key .ttl_js{
      position: absolute;
    top: 378px;
    left: 125px;
    z-index: 9;
}

#key .slide1 {
  background: url("../img/index/key_01.jpg") no-repeat center/cover;
}
#key .slide2 {
  background: url("../img/index/key_02.jpg") no-repeat center/cover;
}
#sec1 {
  background: rgba(94, 151, 151, 0.65);
}
#sec1 #feed {
  padding: 16px 130px 44px 136px;
}
#sec1 #feed dl {
  font-size: 15px;
  line-height: 35px;
}
#sec1 #feed dl:after {
  content: "." !important;
  clear: both !important;
  display: block !important;
  height: 0 !important;
  visibility: hidden !important;
}
#sec1 #feed dl dt {
  float: left;
}
#sec1 #feed dl dd {
  float: left;
  position: relative;
}
#sec1 #feed dl dd:before {
  content: ' ― ';
  padding: 0 6px 0 6px;
}
#sec2 {
  padding: 112px 0 120px;
  position: relative;
}
#sec2:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(50% + 74px);
  height: 228px;
  background: url("../img/index/sec2_bg.jpg") repeat-x center top;
}
#sec2 .block-1 h2 {
  margin-left: -110px;
  padding-top: 46px;
}
#sec2 .block-1 .txt {
  width: 486px;
  padding: 53px 0 0 38px;
}
#sec2 .block-1 .img1 {
  margin-right: -81px;
  float: right;
}
#sec2 .block-2 {
  position: relative;
}
#sec2 .block-2 .list {
  padding-top: 73px;
  margin-left: -90px;
}
#sec2 .block-2 .list div {
  float: left;
}
#sec2 .block-2 .list div:nth-of-type(2) {
  margin-left: -25px;
}
#sec2 .block-2 .list div:nth-of-type(3) {
  margin-left: -42px;
}
#sec2 .block-2 .list .txt-hover {
  line-height: 28px;
  position: absolute;
  top: 180px;
  right: -20px;
  width: 272px;
  border-radius: 20px;
  background: #fcf1d2;
  box-sizing: border-box;
  padding: 30px 15px 30px 24px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#sec2 .block-2 .list .txt-1 {
  opacity: 1;
}
#sec2 .block-2 .btn-1 {
  cursor: pointer;
}
#sec2 .block-2 .btn-1:hover + .txt-1 {
  opacity: 1;
}
#sec2 .block-2 .btn-2 {
  cursor: pointer;
}
#sec2 .block-2 .btn-2:hover + .txt-2 {
  opacity: 1;
}
#sec2 .block-2 .btn-3 {
  cursor: pointer;
}
#sec2 .block-2 .btn-3:hover + .txt-3 {
  opacity: 1;
}
#sec3 {
  color: #fff;
  text-align: center;
  padding-bottom: 196px;
  background: url("../img/index/sec3_img1.jpg") no-repeat center/cover;
  position: relative;
}
#sec3 .wrap:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: -196px;
  right: 190px;
  left: 190px;
  background: rgba(55, 35, 0, 0.65);
  z-index: 1;
}
#sec3 .wrap * {
  position: relative;
  z-index: 2;
}
#sec3 .txt {
  padding: 25px 0 51px;
}
#sec3 .sec3_btn img {
  box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.2);
}
#sec4 {
  background: url("../img/shared/bg-1.jpg") repeat center top;
}
#sec4 #instafeed {
  padding: 0 80px 80px;
}
#sec4 #instafeed li {
  list-style: none;
  float: left;
}
#sec4 #instafeed li + li {
  margin-left: 10px;
}

.oshirase1{
    margin: 10px auto;
    background-color: rgb(255, 168, 38);
	width: 600px;
    font-size: 20px;
    padding: 20px;
    line-height: 35px;
   	text-align: center;
    position: absolute;
    top: 475px;
    left: 0px;
	right: 0px;
	border-radius: 10px;
}

.oshirase1 .titi{
   font-weight: 500;
    font-size: 30px;
    line-height: 40px;
	padding-bottom: 10px;
}

.oshirase1 .txtx{
   font-weight: 500;
    font-size: 16px;
    line-height: 40px;
}




/*# sourceMappingURL=index.css.map */