/* ---------------------------------------------------
	common
------------------------------------------------------ */
#pagetit:before {
  background: url(../../onsen/img/pagetit.jpg) no-repeat center;
  background-size: cover;
}

/* ---------------------------------------------------
	sec1
------------------------------------------------------ */
#sec1 {
  margin: 80px auto;
  padding: 56px 20px;
  max-width: 1680px;
  height: 592px;
  background: url(../../onsen/img/sec1_bg_01.jpg) no-repeat center;
  background-size: cover;
}
#sec1 .box {
  max-width: 558px;
  margin: 0 auto;
  padding: 52px 56px;
  background: #fff;
}
#sec1 .box .sec_tit {
  margin-bottom: 24px;
}

@media screen and (max-width: 810px) {
  #sec1 {
    height: auto;
    margin: 0;
    padding: 40px 0 40px;
    background: none;
  }
  #sec1 .pic01 img {
    margin: -1px 0;
  }
  #sec1 .box {
    max-width: 100%;
    padding: 30px 20px 0;
  }
}
/* ---------------------------------------------------
	sec2
------------------------------------------------------ */
#sec2,
#sec3 {
  padding: 64px 0 80px;
}
#sec2 .sec_pic,
#sec3 .sec_pic {
  margin-top: 50px;
  margin-bottom: 52px;
}

#sec3 .red {
  margin-top: 1.75em;
}

@media screen and (max-width: 810px) {
  #sec2,
  #sec3 {
    padding: 40px 0;
  }
  #sec2 .sec_pic,
  #sec3 .sec_pic {
    margin: 24px 0 24px;
    overflow: hidden;
  }
  #sec2 .sec_pic img,
  #sec3 .sec_pic img {
    width: 140%;
    max-width: 140%;
    margin: 0 -20%;
  }
}
/* ---------------------------------------------------
	sec3
------------------------------------------------------ */
#sec3 .sec_col {
  margin-top: 64px;
  border: 1px solid #1A1A1A;
  padding: 50px;
}
#sec3 .sec_col .col_txt {
  width: 50%;
}
#sec3 .sec_col .col_txt .info_list {
  padding-top: 0;
  border-top: none;
}
#sec3 .sec_col .col_pic {
  width: 49.3%;
  max-width: 532px;
}
#sec3 .sec_col .sec_tit .en{
	font-size: 5.4rem;
	margin-right: 20px;
}
#sec3 .sec_col .sec_tit .en + span{
	font-size: 2.4rem;
}
@media screen and (max-width: 810px) {
  #sec3 .sec_col {
    margin-top: 48px;
  }
  #sec3 .sec_col .col_txt {
    width: 100%;
  }
  #sec3 .sec_col .col_pic {
    width: 100%;
    max-width: 100%;
    margin-top: 24px;
  }
}


/* ---------------------------------------------------
	sec4
------------------------------------------------------ */
#sec4 {
  padding: 72px 0 160px;
}
#sec4 .sec_tit {
  margin-bottom: 80px;
}

@media screen and (max-width: 810px) {
  #sec4 {
    padding: 40px 0 80px;
  }
  #sec4 .sec_tit {
    margin-bottom: 24px;
  }
}

/* ---------------------------------------------------
	txtbnr
------------------------------------------------------ */
.txtbnr{
  border: 1px solid #000;
  padding: 30px 60px;
  text-align: center;
  margin-bottom: 25px;
}
.txtbnr .txtbnr_ttl{
  margin-bottom: 10px;
  font-size: 22px;
}
.txtbnr .txtbnr_note{
  margin-bottom: 10px;
}
.txtbnr .txtbnr_link a{
  text-decoration: underline;
}
@media screen and (max-width: 810px) {
.txtbnr{
  padding: 30px;
}
}