@charset "utf-8";

/* bg_wood_area
-------------------------------------------------- */
.bg_wood_area{
  position: relative;
  background-color: #E9F8C6;
  overflow: hidden;
}
.bg_wood_area .page_btm_area .page_btm_content{
  border-top: 0;
}
@media print, screen and (min-width:768px){
  .bg_wood_area{
    background: url(/enjoy/common/images/bg_wood_btm.png) no-repeat left bottom,
    url(/enjoy/common/images/bg_wood_01.png) no-repeat center top -60px,
    url(/enjoy/common/images/bg_wood_02.png) no-repeat center top 650px,
    url(/enjoy/common/images/bg_wood_03.png) no-repeat center top 2084px,
    url(/enjoy/common/images/bg_wood_04.png) no-repeat left top 2716px,
    url(/enjoy/common/images/bg_wood_05.png) no-repeat center top 4140px #E9F8C6;
    background-size: 100% auto;
  }
  .bg_wood_area .page_btm_area .page_btm_content{
    padding-top: 60px;
  }
}
@media screen and (max-width:767px) {
  .bg_wood_area{
    background:  url(/enjoy/common/images/bg_wood_01_sp.png) no-repeat center top 10px,
    url(/enjoy/common/images/bg_wood_btm_sp.png) no-repeat left bottom #E9F8C6;
    background-size: 100% auto;
  }
  .bg_wood_area .page_btm_area .page_btm_content{
    padding-top: 0;
  }
  .page_btm_area .page_btm_content .c_btn_04 a{
    width: 86%;
  }
}

/* content
-------------------------------------------------- */
/* mod_item_sec */
.mod_item_sec{}
.mod_item_sec{
  position: relative;
}
.mod_item_sec .mod_item_heading .sec_ttl_01{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding-left: 25px;
  padding-right: 25px;
  z-index: 2;
}
.mod_item_sec .mod_item_heading .sec_ttl_01{ 
  top: -25px;
}
@media print, screen and (min-width:768px){
  .mod_item_sec .mod_item_wrap{ 
    margin-top: 100px;
    padding-top: 130px;
  }
  .mod_item_sec + .mod_item_sec .mod_item_wrap{ 
    margin-top: 115px;
  }
  .mod_item_sec .mod_item_heading .sec_ttl_01{ top: -25px;}
  .mod_item_sec .mod_item_heading.lines_2 .sec_ttl_01{ top: -85px;}
  .mod_item_sec .mod_item_heading.lines_2 + .mod_item_wrap{
    margin-top: 155px;
  }
}
@media screen and (max-width:767px) {
  .mod_item_sec .mod_item_wrap{
    position: relative;
    margin-top: calc(12vw + 20px);
    padding-top: 18vw;
  }
  .mod_item_sec .mod_item_heading.lines_2 + .mod_item_wrap{
    padding-top: 26vw;
  }
  .mod_item_sec .mod_item_heading::before,
  .mod_item_sec .mod_item_heading::after{
    content: '';
    display: block;
    position: absolute;
    top: -12vw;
    z-index: 0;
  }
  .mod_item_sec .mod_item_heading::before{
    left: -15px;
    width: 14vw;
    height: 24vw;
    background: url(/enjoy/common/images/img_wood_01.png) no-repeat left center;
    background-size: 100% auto;
  }
  .mod_item_sec .mod_item_heading::after{
    right: -15px;
    width: 14.666vw;
    height: 24vw;
    background: url(/enjoy/common/images/img_wood_02.png) no-repeat left center;
    background-size: 100% auto;
  }
  .mod_item_sec .mod_item_heading .sec_ttl_01{ top: -4.5vw;}
  .mod_item_sec .mod_item_heading.lines_2 .sec_ttl_01{ top: -12vw;}
  .mod_item_sec .mod_item_heading.lines_2 + .mod_item_wrap{
    margin-top: calc(12vw + 50px);
  }
}

.mod_item_wrap{}
.mod_item_wrap{
  position: relative;
  background-color: #fff;
}
.first_item_sec .mod_item_wrap:first-child{
  margin-top: 0;
}
@media print, screen and (min-width:768px){
  .mod_item_wrap{
    max-width: 1120px;
    margin: 60px auto 0;
    padding: 50px 0;
    border-radius: 40px;
  }
  .first_item_sec{
    margin-top: 50px;
  }
  .first_item_sec .sec_content{
    margin-top: 35px;
  }
}
@media screen and (max-width:767px) {
  .mod_item_wrap{
    margin-top: 30px;
    margin-left: 25px;
    margin-right: 25px;
    padding: 25px 0 30px;
    border-radius: 20px;
  }
  .first_item_sec .mod_item_wrap{
    margin-left: 0;
    border-radius: 0 20px 20px 0;
  }
  .first_item_sec{
    margin-top: 40px;
  }
  .first_item_sec .sec_content{
    margin-top: 25px;
  }
}

/* sec_ttl */
.sec_ttl_01,
.sec_ttl_02{
  text-align: center;
}
@media print, screen and (min-width:768px){
  .sec_ttl_02{
    margin-top: 70px;
  }
}
@media screen and (max-width:767px) {
  .sec_ttl_02{
    min-height: 90px;
    margin-top: 30px;
    background: url(/enjoy/common/images/img_wood_01.png) no-repeat left center , url(/enjoy/common/images/img_wood_02.png) no-repeat right center;
    background-size: 52px auto , 55px auto;
  }
  .sec_ttl_02.sp_notMargin_content{
    background-position: left 5px center , right 5px center;
  }
}

/* ttl_dotted */
.ttl_dotted{
  background-image : linear-gradient(to right, #ccc, #ccc 2px, transparent 2px, transparent 8px);
  background-size: 8px 2px;
  background-position: left bottom;
  background-repeat: repeat-x;
  font-weight: bold;
}
@media print, screen and (min-width:768px){
  .ttl_dotted{
    margin-bottom: 30px;
    padding-bottom: 1em;
    font-size: 18px;
  }
}
@media screen and (max-width:767px) {
  .ttl_dotted{
    margin-bottom: 20px;
    padding-bottom: 1em;
    font-size: 14px;
  }
}