body {
  color: #333;
}

.index main {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .index main {
    overflow: hidden;
  }
}
.index main * {
  font-family: 'Noto Sans JP', sans-serif;
}
.index .pankuzu {
  background: #3F97D5;
  height: 25px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .index .pankuzu {
    height: auto;
  }
}
.index .pankuzu .inner {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .index .pankuzu .inner {
    padding: 5px 4.6875%;
  }
}
.index .pankuzu .inner > p {
  color: #fff;
}
.index .mv {
  z-index: 1;
  width: 100%;
  height: 540px;
  background: url(../img/mvbg.png);
  background-repeat: repeat-x;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .index .mv {
    height: auto;
    background: none;
  }
}
.index .mv .img01 {
  position: absolute;
  top: -140px;
  left: calc(50% - 800px);
  width: 1600px;
  height: 712px;
}
@media screen and (max-width: 768px) {
  .index .mv .img01 {
    width: 100%;
    height: auto;
    position: static;
    top: initial;
    left: initial;
  }
}
.index .showbtn {
  display: none;
}
@media screen and (max-width: 768px) {
  .index .showbtn {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 50px;
    border-radius: 50px;
    background: #fff;
    margin: 10px auto 0;
    background: #83655C;
    color: #fff;
  }
  .index .showbtn:before {
    content: '';
    width: 7px;
    height: 7px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
    right: 8%;
  }
  .index .showbtn._close:before {
    top: 43%;
    transform: rotate(-135deg);
  }
}
.index .u_pc {
  display: block;
}
@media screen and (max-width: 768px) {
  .index .u_pc {
    display: none;
  }
}
.index .u_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .index .u_sp {
    display: block;
  }
}
.index .u_bold {
  font-weight: 600;
}
.index .u_txt_1 {
  font-size: 18px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .index .u_txt_1 {
    font-size: 14px;
  }
}
.index .u_txt_2 {
  font-size: 21px;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .index .u_txt_2 {
    font-size: 18px;
  }
}
.index .u_txt_3 {
  font-size: 14px;
  line-height: 1.7;
}
.index .u_txt_4 {
  font-size: 12px;
  line-height: 1.9;
}
.index .u_txt_5 {
  font-size: 18px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .index .u_txt_5 {
    font-size: 16px;
  }
}
.index .u_center {
  text-align: center;
}
.index .u_center_pc {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .index .u_center_pc {
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .index .u_left_sp {
    text-align: left;
  }
}
.index .c_ttl_1 {
  font-size: 36px;
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
}
@media all and (-ms-high-contrast: none) {
  .index .c_ttl_1 {
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .index .c_ttl_1 {
    font-size: 28px;
  }
}
.index .c_ttl_1 span {
  z-index: 1;
  display: inline-block;
  position: relative;
}
.index .c_ttl_1 span span {
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .index .c_ttl_1 span span {
    font-size: 21px;
  }
}
.index .c_ttl_1 span span.spmini {
  font-size: 36px;
}
@media screen and (max-width: 768px) {
  .index .c_ttl_1 span span.spmini {
    font-size: 21px;
  }
}
.index .c_ttl_1 img {
  position: absolute;
  bottom: -38px;
  right: 50px;
  z-index: -1;
  transform: translateX(100%);
}
@media screen and (max-width: 768px) {
  .index .c_ttl_1 img {
    bottom: 9px;
    right: 40px;
  }
}
.index .c_sub_ttl_1 {
  font-size: 28px;
  font-weight: 600;
  padding: 0 0 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .index .c_sub_ttl_1 {
    font-size: 24px;
    line-height: 1.4;
  }
}
.index .c_sub_ttl_1 > .circle-wrap {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.index .c_sub_ttl_1 > .circle-wrap .circle {
  width: 6px;
  height: 6px;
  content: '';
  background: #D1C1B0;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 50%;
}
.index .c_sub_ttl_1 > .circle-wrap .circle:nth-of-type(1) {
  left: -20px;
}
.index .c_sub_ttl_1 > .circle-wrap .circle:nth-of-type(3) {
  left: 20px;
}
.index .c_btn_1 {
  width: 240px;
  height: 56px;
  background: #fff;
  border: 1px solid #81635A;
  border-radius: 4px;
  font-size: 18px;
  color: #81635A;
  position: relative;
  margin: 0 auto;
  transition: all .2s linear;
}
@media screen and (max-width: 768px) {
  .index .c_btn_1 {
    width: 180px;
    height: 48px;
    font-size: 14px;
  }
}
.index .c_btn_1:hover {
  background: #81635A;
  border: 1px solid #81635A;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .index .c_btn_1:hover {
    background: #fff;
    color: #81635A;
  }
}
.index .c_btn_1:hover:before {
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .index .c_btn_1:hover:before {
    border-bottom: 1px solid #81635A;
    border-right: 1px solid #81635A;
  }
}
.index .c_btn_1:before {
  position: absolute;
  top: 42%;
  right: 20px;
  content: '';
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #81635A;
  border-right: 1px solid #81635A;
  transform: rotate(45deg);
}
.index .sec01 {
  margin: -90px 0 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .index .sec01 {
    margin: 0;
    overflow: hidden;
  }
}
.index .sec01 .inner {
  width: 1100px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner {
    width: 100%;
  }
}
.index .sec01 .inner:before {
  position: absolute;
  top: 140px;
  left: calc(50% - 830px);
  transform: translateX(50%);
  content: url(../img/ico_ttl_photos.svg);
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner:before {
    display: none;
  }
}
.index .sec01 .inner .listwrap {
  transform: translateX(200px);
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .listwrap {
    width: 100%;
    transform: translateX(0);
  }
}
.index .sec01 .inner .lists {
  position: relative;
  z-index: 3;
  width: 800px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .lists {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    padding: 15px 4.6875% 0;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .lists .list {
    width: calc(50% - 7.5px);
  }
  .index .sec01 .inner .lists .list:nth-child(2), .index .sec01 .inner .lists .list:nth-child(4) {
    margin-top: 10px;
    margin-left: 15px;
  }
}
.index .sec01 .inner .lead01 {
  margin: 30px 0 20px;
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .lead01 {
    padding: 0 4.6875%;
  }
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .lead02 {
    padding: 0 4.6875%;
  }
}
.index .sec01 .inner .lead02 .bg {
  display: inline-block;
  background: url(../img/marker.png);
  background-repeat: no-repeat;
  background-position: bottom;
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .spcenterlead {
    margin: 10px 0 0;
  }
}
.index .sec01 .inner .nav {
  width: 800px;
  margin: 50px auto 60px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .nav {
    width: 100%;
    padding: 0 4.6875%;
    margin: 50px auto 30px;
    justify-content: space-between;
  }
}
.index .sec01 .inner .nav > li {
  width: 180px;
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .nav > li {
    width: calc(50% - 10px);
  }
}
.index .sec01 .inner .nav > li:not(:first-child) {
  margin-left: 25px;
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .nav > li:not(:first-child) {
    margin: 0;
  }
}
.index .sec01 .inner .nav > li:nth-child(5) {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .nav > li:nth-child(5) {
    margin: 0;
  }
}
.index .sec01 .inner .nav > li:nth-child(n + 5) {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .nav > li:nth-child(n + 5) {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .nav > li:nth-child(n + 3) {
    margin-top: 30px;
  }
}
.index .sec01 .inner .nav > li > a {
  display: block;
  text-align: center;
  color: #81635A;
  font-size: 14px;
  text-align: center;
  padding: 0 0 10px;
  border-bottom: 1px solid #81635A;
  position: relative;
  transition: all .2s linear;
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .nav > li > a {
    padding: 0 0 10px 10px;
    text-align: left;
  }
}
.index .sec01 .inner .nav > li > a:hover {
  opacity: .7;
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .nav > li > a:hover {
    opacity: 1;
  }
}
.index .sec01 .inner .nav > li > a:after {
  content: '';
  border-bottom: 1px solid #81635A;
  border-right: 1px solid #81635A;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 2px;
  right: 5px;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .nav > li > a:after {
    top: 7px;
  }
}
.index .sec01 .inner .c_ttl_1 img {
  bottom: -18px;
  right: 64px;
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .c_ttl_1 img {
    bottom: 25px;
    right: 54px;
  }
}
.index .sec01 .inner .scrolllists {
  margin: 50px 0 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .scrolllists {
    width: 100%;
    margin: 15px 0 0 0;
  }
}
.index .sec01 .inner .scrolllists .wrap {
  width: 1000px;
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .scrolllists .wrap {
    padding: 20px 0 0;
    width: 100%;
    overflow: scroll;
  }
}
.index .sec01 .inner .scrolllists .wrap > ul {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .scrolllists .wrap > ul {
    width: 1000px;
  }
}
.index .sec01 .inner .scrolllists .wrap > ul > li {
  width: 230px;
  padding: 12px 10px 15px;
  background: #F8F3EE;
  position: relative;
}
@media screen and (max-width: 768px) {
  .index .sec01 .inner .scrolllists .wrap > ul > li:first-child {
    margin: 0 0 0 20px;
  }
}
.index .sec01 .inner .scrolllists .wrap > ul > li:not(:last-child):after {
  content: url(../img/arrow.svg);
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
}
.index .sec01 .inner .scrolllists .wrap > ul > li .step {
  position: absolute;
  top: -20px;
  left: -20px;
}
.index .sec01 .inner .scrolllists .wrap > ul > li > p {
  margin: 15px 0 0;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}
.index .sec02 {
  margin: 80px auto;
  padding: 70px 0 60px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .index .sec02 {
    margin: 50px auto;
    padding: 35px 0;
  }
}
.index .sec02:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: calc(50vw + 550px);
  height: 100%;
  background: #F4EDE6;
  border-radius: 40px 0 0 40px;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .index .sec02:before {
    width: calc(100% - 4.6875%);
    border-radius: 20px 0 0 20px;
  }
}
.index .sec02:after {
  content: '';
  width: 100vw;
  background: #FBF8F5;
  height: calc(100% - 200px);
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
}
.index .sec02 > .inner {
  position: relative;
  z-index: 1;
  width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .index .sec02 > .inner {
    width: 100%;
    padding: 0 4.6875% 0 9.375%;
  }
}
.index .sec02 > .inner:before {
  content: url(../img/ico_hands_holding_camera.svg);
  position: absolute;
  top: 370px;
  left: -60px;
}
@media screen and (max-width: 768px) {
  .index .sec02 > .inner:before {
    display: none;
  }
}
.index .sec02 > .inner:after {
  content: url(../img/ico_hand.svg);
  position: absolute;
  bottom: -90px;
  right: 20px;
}
@media screen and (max-width: 768px) {
  .index .sec02 > .inner:after {
    content: url(../img/sp/ico_hand.svg);
    bottom: -80px;
    right: -16px;
  }
}
.index .sec02 > .inner .c_ttl_1 {
  margin: 0 0 50px;
}
@media screen and (max-width: 768px) {
  .index .sec02 > .inner .c_ttl_1 {
    margin: 0 0 40px;
  }
}
.index .sec02 > .inner .c_ttl_1 img {
  right: 170px;
}
@media screen and (max-width: 768px) {
  .index .sec02 > .inner .c_ttl_1 img {
    bottom: -30px;
    right: 200px;
  }
}
.index .sec02 > .inner .coupon {
  width: 800px;
  margin: 20px auto 0;
  padding: 20px 35px 20px 20px;
  background: #fff;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .index .sec02 > .inner .coupon {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 10px 20px 10px;
  }
}
.index .sec02 > .inner .coupon .txt {
  width: 176px;
}
@media screen and (max-width: 768px) {
  .index .sec02 > .inner .coupon .txt {
    width: 250px;
    margin: 15px auto 0;
    text-align: center;
  }
}
.index .sec02 > .inner .coupon .txt .coupon-txt {
  font-size: 36px;
  font-weight: 600;
  border-bottom: 3px dashed #2F9FF2;
  padding: 0 0 10px;
}
@media screen and (max-width: 768px) {
  .index .sec02 > .inner .coupon .txt .coupon-txt {
    font-size: 28px;
    display: inline-block;
  }
}
.index .sec02 > .inner .coupon .txt .coupon-txt input {
  width: 100%;
}
.index .sec02 > .inner .coupon .txt .coupon-txt input :focus {
  outline: 0;
}
.index .sec02 > .inner .coupon .txt .coupon-btn {
  cursor: pointer;
  margin: 37px 0 0;
  width: 100%;
  height: 60px;
  border: 1px solid #2F9FF2;
  border-radius: 4px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 0 0 0 20px;
  position: relative;
  transition: all .2s linear;
}
@media screen and (max-width: 768px) {
  .index .sec02 > .inner .coupon .txt .coupon-btn {
    margin: 15px 0 0;
    height: 45px;
  }
}
.index .sec02 > .inner .coupon .txt .coupon-btn:before {
  content: url(../img/ico_copy.svg);
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.index .sec02 > .inner .coupon .txt .coupon-btn:hover {
  background: #2F9FF2;
}
.index .sec02 > .inner .coupon .txt .coupon-btn:hover:before {
  content: url(../img/ico_copy-hover.svg);
}
.index .sec02 > .inner .coupon .txt .coupon-btn:hover > p {
  color: #fff;
}
.index .sec02 > .inner .coupon .txt .coupon-btn > p {
  font-size: 14px;
  color: #2F9FF2;
  line-height: 1.5;
}
.index .sec02 > .inner .coupon-sub {
  width: 576px;
  margin: 20px auto 50px;
}
@media screen and (max-width: 768px) {
  .index .sec02 > .inner .coupon-sub {
    width: 100%;
    margin: 20px auto 80px;
    position: relative;
  }
  .index .sec02 > .inner .coupon-sub:before {
    content: url(../img/sp/ico_camera.svg);
    position: absolute;
    bottom: -70px;
    left: -60px;
  }
}
.index .sec02 > .inner .coupon-sub > .u_txt_3 {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .index .sec02 > .inner .coupon-sub .u_txt_4 {
    margin: 10px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .index .sec02 > .inner .last-txt {
    line-height: 1.7;
    font-size: 16px;
    font-weight: 600;
  }
}
.index .sec02 > .inner .img01 {
  margin: 20px 0 20px;
}
.index .sec02 > .inner .btnwrap {
  margin: 30px 0 0;
}
.index .sec03 {
  margin: 80px auto;
  padding: 70px 0 60px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .index .sec03 {
    margin: 50px auto;
    padding: 35px 0;
  }
}
.index .sec03:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50vw + 550px);
  height: 100%;
  background: #F4EDE6;
  border-radius: 0 40px 40px 0;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .index .sec03:before {
    width: calc(100% - 4.6875%);
    border-radius: 0 20px 20px 0;
  }
}
.index .sec03:after {
  content: '';
  width: 100vw;
  background: #FBF8F5;
  height: calc(100% - 200px);
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
}
.index .sec03 > .inner {
  position: relative;
  z-index: 1;
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner {
    width: 100%;
    margin: 0;
    padding: 0 9.375% 0 4.6875%;
  }
}
.index .sec03 > .inner .c_ttl_1 {
  margin: 0 0 50px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .c_ttl_1 {
    margin: 0 0 30px;
  }
}
.index .sec03 > .inner .c_ttl_1 img {
  right: 110px;
  bottom: -5px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .c_ttl_1 img {
    bottom: -6px;
    right: 115px;
  }
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .scroll-item {
    display: none;
    width: calc(100vw - 9vw);
    overflow: scroll;
    position: relative;
  }
}
.index .sec03 > .inner .box {
  position: relative;
  background: url(../img/bg03.png);
  padding: 110px 100px 80px 100px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box {
    padding: 30px 4.6875% 40px;
    background: url(../img/sp/bg03.png);
    background-size: cover;
  }
}
.index .sec03 > .inner .box:before {
  content: url(../img/ico_lamp.svg);
  position: absolute;
  top: -20px;
  left: -20px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box:before {
    content: url(../img/sp/ico_lamp.svg);
    top: -27px;
    left: -9px;
  }
}
.index .sec03 > .inner .box:after {
  content: url(../img/ico_books.svg);
  position: absolute;
  bottom: -20px;
  right: -30px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box:after {
    content: url(../img/sp/ico_books.svg);
  }
}
.index .sec03 > .inner .box .txt {
  position: relative;
}
.index .sec03 > .inner .box .txt:before {
  content: url(../img/img11.png);
  position: absolute;
  top: -82px;
  right: -100px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box .txt:before {
    content: url(../img/sp/img11.png);
    top: 1%;
    right: -5.5%;
  }
}
.index .sec03 > .inner .box .txt h3 {
  font-weight: 600;
  font-size: 36px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box .txt h3 {
    font-size: 21px;
    text-align: center;
    margin: 0 0 280px;
  }
}
.index .sec03 > .inner .box .txt .u_txt_2 {
  font-weight: 600;
  margin: 25px 0 15px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box .txt .u_txt_2 {
    margin: 0 0 5px;
  }
}
.index .sec03 > .inner .box .txt .u_txt_2 > img {
  display: inline-block;
  margin: 0 15px 0 0;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box .txt .u_txt_2 > img {
    display: block;
  }
}
.index .sec03 > .inner .box .txt .u_txt_3 {
  width: 400px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box .txt .u_txt_3 {
    width: 100%;
  }
}
.index .sec03 > .inner .box ul {
  margin: 90px 0 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box ul {
    width: 800px;
    margin: 20px 0 0;
    position: relative;
  }
  .index .sec03 > .inner .box ul:before {
    content: url(../img/sp/swipe.png);
    position: absolute;
    top: 50%;
    left: 19vw;
    transform: translateY(-50%);
    z-index: 1;
  }
  .index .sec03 > .inner .box ul._none:before {
    display: none;
  }
}
.index .sec03 > .inner .box ul li {
  width: 250px;
  height: 368px;
  background: url(../img/bg02.png);
  background-position: bottom 0 right 0;
  background-repeat: no-repeat;
  position: relative;
}
.index .sec03 > .inner .box ul li img {
  width: 230px;
}
.index .sec03 > .inner .box ul li.rec:before {
  content: url(../img/tag_reco.png);
  position: absolute;
  top: -14px;
  right: 0;
}
.index .sec03 > .inner .box ul li .list-txt {
  padding: 15px 20px 0 30px;
}
.index .sec03 > .inner .box ul li .list-txt > .u_txt_1 {
  font-weight: 500;
}
.index .sec03 > .inner .box2 {
  margin: 50px 0 0;
  position: relative;
  background: url(../img/bg04.png);
  padding: 110px 100px 100px 100px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box2 {
    padding: 30px 4.6875% 40px;
    background: url(../img/sp/bg03.png);
    background-size: cover;
  }
}
.index .sec03 > .inner .box2:before {
  content: url(../img/ico_plant.svg);
  position: absolute;
  top: -20px;
  left: -20px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box2:before {
    content: url(../img/sp/ico_plant.svg);
  }
}
.index .sec03 > .inner .box2:after {
  content: url(../img/ico_couple.svg);
  position: absolute;
  bottom: -20px;
  right: -30px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box2:after {
    display: none;
  }
}
.index .sec03 > .inner .box2 .txt {
  position: relative;
}
.index .sec03 > .inner .box2 .txt:before {
  content: "";
  position: absolute;
  top: -32px;
  right: -170px;
  background: url(../img/img15.png);
  width: 538px;
  height: 331px;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box2 .txt:before {
    width: auto;
    height: auto;
    content: url(../img/sp/img15.png);
    background: none;
    top: 20px;
    right: -40px;
  }
}
.index .sec03 > .inner .box2 .txt h3 {
  font-weight: 600;
  font-size: 36px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box2 .txt h3 {
    font-size: 21px;
    text-align: center;
    padding: 0 0 220px;
  }
}
.index .sec03 > .inner .box2 .txt .u_txt_2 {
  font-weight: 600;
  margin: 25px 0 15px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box2 .txt .u_txt_2 {
    margin: 0 0 5px;
  }
}
.index .sec03 > .inner .box2 .txt .u_txt_2 > img {
  display: inline-block;
  margin: 0 15px 0 0;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box2 .txt .u_txt_2 > img {
    display: block;
  }
}
.index .sec03 > .inner .box2 .txt .u_txt_3 {
  width: 400px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box2 .txt .u_txt_3 {
    width: 100%;
  }
}
.index .sec03 > .inner .box2 ul {
  margin: 175px 0 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
.index .sec03 > .inner .box2 ul:before {
  content: url(../img/ico_balloons.svg);
  position: absolute;
  top: 160px;
  left: -170px;
}
.index .sec03 > .inner .box2 ul:after {
  content: '';
  width: 250px;
  display: block;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box2 ul {
    width: 2200px;
    margin: 20px 0 0;
    position: relative;
  }
  .index .sec03 > .inner .box2 ul:before {
    content: url(../img/sp/swipe.png);
    position: absolute;
    top: 50%;
    left: 19vw;
    transform: translateY(-50%);
    z-index: 1;
  }
  .index .sec03 > .inner .box2 ul._none:before {
    display: none;
  }
}
.index .sec03 > .inner .box2 ul li {
  width: 250px;
  height: 288px;
  background: url(../img/bg05.png);
  background-position: bottom 0 right 0;
  background-repeat: no-repeat;
  position: relative;
}
.index .sec03 > .inner .box2 ul li img {
  width: 230px;
}
.index .sec03 > .inner .box2 ul li.icon:before {
  position: absolute;
  top: 10px;
  left: 0;
}
.index .sec03 > .inner .box2 ul li.icon.calendar:before {
  content: '';
  background: url(../img/tag01.png);
  background-size: cover;
  width: 77px;
  height: 30px;
}
.index .sec03 > .inner .box2 ul li.icon.album:before {
  content: '';
  background: url(../img/tag02.png);
  background-size: cover;
  width: 66px;
  height: 30px;
}
.index .sec03 > .inner .box2 ul li.icon.photocard:before {
  content: '';
  background: url(../img/tag03.png);
  background-size: cover;
  width: 88px;
  height: 30px;
}
.index .sec03 > .inner .box2 ul li.icon.stationery:before {
  content: '';
  background: url(../img/tag04.png);
  background-size: cover;
  width: 88px;
  height: 30px;
}
.index .sec03 > .inner .box2 ul li.icon.interior:before {
  content: '';
  background: url(../img/tag05.png);
  background-size: cover;
  width: 77px;
  height: 30px;
}
.index .sec03 > .inner .box2 ul li .list-txt {
  padding: 15px 10px 0 20px;
}
.index .sec03 > .inner .box2 ul li .list-txt > .u_txt_1 {
  font-weight: 500;
}
.index .sec03 > .inner .box2 ul li:nth-child(n + 4) {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box2 ul li:nth-child(n + 4) {
    margin-top: 0;
  }
}
.index .sec03 > .inner .box3 {
  margin: 50px 0 0;
  position: relative;
  background: url(../img/bg06.png);
  padding: 110px 100px 100px 100px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box3 {
    padding: 30px 4.6875% 40px;
    background: url(../img/sp/bg03.png);
    background-size: cover;
  }
}
.index .sec03 > .inner .box3:before {
  content: url(../img/ico_glasses.svg);
  position: absolute;
  top: -20px;
  left: -20px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box3:before {
    top: 0;
    left: -10px;
    content: url(../img/sp/ico_glasses.svg);
  }
}
.index .sec03 > .inner .box3:after {
  content: url(../img/ico_headphone.svg);
  position: absolute;
  bottom: -20px;
  right: -30px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box3:after {
    content: url(../img/sp/ico_headphone.svg);
    bottom: -50px;
    right: -22px;
  }
}
.index .sec03 > .inner .box3 .txt {
  position: relative;
}
.index .sec03 > .inner .box3 .txt:before {
  content: url(../img/img27.png);
  position: absolute;
  top: -52px;
  right: -100px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box3 .txt:before {
    content: url(../img/sp/img27.png);
    top: 38px;
    right: -17px;
  }
}
.index .sec03 > .inner .box3 .txt:after {
  content: url(../img/ico_cat.svg);
  position: absolute;
  bottom: -130px;
  left: -159px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box3 .txt:after {
    content: url(../img/sp/ico_cat.svg);
    bottom: -133px;
    left: -40px;
  }
}
.index .sec03 > .inner .box3 .txt h3 {
  font-weight: 600;
  font-size: 36px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box3 .txt h3 {
    font-size: 21px;
    text-align: center;
    padding: 0 0 290px;
  }
}
.index .sec03 > .inner .box3 .txt .u_txt_2 {
  font-weight: 600;
  margin: 25px 0 15px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box3 .txt .u_txt_2 {
    margin: 0 0 5px;
  }
}
.index .sec03 > .inner .box3 .txt .u_txt_2 > img {
  display: inline-block;
  margin: 0 15px 0 0;
}
.index .sec03 > .inner .box3 .txt .u_txt_3 {
  width: 400px;
}
@media screen and (max-width: 768px) {
  .index .sec03 > .inner .box3 .txt .u_txt_3 {
    width: 100%;
  }
}
.index .sec04 {
  margin: 0 auto;
  padding: 70px 0 80px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .index .sec04 {
    padding: 50px 0 50px;
  }
}
.index .sec04 > .inner {
  position: relative;
  z-index: 1;
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .index .sec04 > .inner {
    width: 100%;
  }
}
.index .sec04 > .inner:before {
  content: url(../img/ico_can.svg);
  position: absolute;
  top: 0;
  left: -50px;
}
@media screen and (max-width: 768px) {
  .index .sec04 > .inner:before {
    top: -20px;
    left: -20px;
  }
}
.index .sec04 > .inner:after {
  content: url(../img/ico_cake.svg);
  position: absolute;
  bottom: -80px;
  right: -160px;
}
@media screen and (max-width: 768px) {
  .index .sec04 > .inner:after {
    right: 0;
    bottom: -90px;
    content: url(../img/sp/ico_cake.svg);
  }
}
.index .sec04 > .inner .c_ttl_1 {
  margin: 0 0 75px;
}
@media screen and (max-width: 768px) {
  .index .sec04 > .inner .c_ttl_1 {
    margin: 0 0 30px;
    line-height: 1.5;
  }
}
.index .sec04 > .inner .c_ttl_1 img {
  bottom: -35px;
  right: 135px;
}
@media screen and (max-width: 768px) {
  .index .sec04 > .inner .c_ttl_1 img {
    bottom: 13px;
    right: 110px;
  }
}
@media screen and (max-width: 768px) {
  .index .sec04 > .inner .scwrap {
    width: 100%;
    overflow: scroll;
  }
  .index .sec04 > .inner .scwrap:after {
    content: url(../img/sp/swipe-arrow02.svg);
    position: absolute;
    top: 195px;
    left: calc( 304px + 4.6875%);
  }
}
.index .sec04 > .inner .lists {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .index .sec04 > .inner .lists {
    width: 1040px;
    overflow: scroll;
    padding: 0 60px 0 20px;
  }
}
.index .sec04 > .inner .lists > li {
  width: 300px;
}
.index .sec04 > .inner .lists > li .txtwrap h3 {
  font-size: 21px;
  font-weight: 600;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.index .sec04 > .inner .lists > li .txtwrap h3 > img {
  margin: 5px 5px 0 0;
}
.index .sec04 > .inner .lists > li .txtwrap ul {
  margin: 10px 0 0;
}
.index .sec04 > .inner .lists > li .txtwrap ul > li {
  margin: 5px 0 0;
  color: #81635A;
  padding: 0 0 0 25px;
  position: relative;
}
.index .sec04 > .inner .lists > li .txtwrap ul > li:before {
  content: url(../img/icon-check.svg);
  position: absolute;
  top: 0;
  left: 0;
}
.index .sec05 {
  margin: 0 auto;
  padding: 70px 0 80px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .index .sec05 {
    padding: 30px 0;
  }
}
.index .sec05:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: calc(50vw + 550px);
  height: 100%;
  background: #F4EDE6;
  border-radius: 40px 0 0 40px;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .index .sec05:before {
    border-radius: 20px 0 0 20px;
    width: calc(100vw - 4.6875%	);
  }
}
.index .sec05:after {
  content: '';
  width: 100vw;
  background: #FBF8F5;
  height: calc(100% - 200px);
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
}
.index .sec05 > .inner {
  position: relative;
  z-index: 1;
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .index .sec05 > .inner {
    width: 100%;
    margin: 0;
    padding: 0 4.6875% 0 9.375%;
  }
}
.index .sec05 > .inner .c_ttl_1 {
  margin: 0 0 50px;
}
.index .sec05 > .inner .c_ttl_1 img {
  bottom: -28px;
  right: 130px;
}
@media screen and (max-width: 768px) {
  .index .sec05 > .inner .c_ttl_1 img {
    bottom: -20px;
    right: 120px;
  }
}
@media screen and (max-width: 768px) {
  .index .sec05 > .inner .slick-thumbnail .slick-list {
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .index .sec05 > .inner .slick-thumbnail .slick-track {
    width: 100% !important;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    transform: translate(0, 0) !important;
  }
  .index .sec05 > .inner .slick-thumbnail .slick-track:before, .index .sec05 > .inner .slick-thumbnail .slick-track:after {
    display: none !important;
  }
}
.index .sec05 > .inner .slick-thumbnail .slick-slide {
  transition: all .2s linear;
}
.index .sec05 > .inner .slick-thumbnail .slick-slide:hover {
  background: #fff;
  cursor: pointer;
}
.index .sec05 > .inner .lists {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
.index .sec05 > .inner .lists li {
  width: 180px;
  height: 40px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #81635A;
  color: #81635A;
}
.index .sec05 > .inner .lists li.slick-current {
  background: #fff;
}
.index .sec05 > .inner .lists li:focus {
  outline: none;
}
.index .sec05 > .inner .lists li:not(:first-child) {
  margin-left: 25px;
}
@media screen and (max-width: 768px) {
  .index .sec05 > .inner .lists li:not(:first-child) {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .index .sec05 > .inner .lists li.item01 {
    width: calc(100% / 3 - 5px);
  }
}
@media screen and (max-width: 768px) {
  .index .sec05 > .inner .lists li.item02 {
    margin: 10px 0 0;
    width: calc(100% / 2 - 5px);
  }
}
.index .sec05 .slider {
  margin: 30px 0 0;
  position: relative;
  z-index: 1;
  display: none;
}
.index .sec05 .slider.slick-initialized {
  display: block;
}
@media screen and (max-width: 768px) {
  .index .sec05 .slider .slick-track {
    margin: 0 0 0 3vw;
  }
}
.index .sec05 .slider .slick-slide {
  margin: 0 25px;
}
@media screen and (max-width: 768px) {
  .index .sec05 .slider .slick-slide {
    margin: 0 4.6875vw;
  }
}
.index .sec05 .slider button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
.index .sec05 .slider .slick-prev {
  position: absolute;
  top: 50%;
  left: calc(50% - 590px);
  z-index: 1;
  content: url(../img/prev.svg);
  color: transparent;
  background: url(../img/prev.svg);
  background-size: auto;
  width: 85px;
  height: 39px;
  background-position: center center;
  transform: translateY(-50%);
  transition: all .2s linear;
}
.index .sec05 .slider .slick-prev:hover {
  opacity: .7;
}
@media screen and (max-width: 768px) {
  .index .sec05 .slider .slick-prev {
    width: 26px;
    height: 26px;
    content: '';
    background: url(../img/sp/swipe-arrow01.svg);
    position: absolute;
    top: 21%;
    left: 12%;
  }
}
.index .sec05 .slider .slick-next {
  position: absolute;
  top: 50%;
  left: calc(50% + 505px);
  z-index: 1;
  content: url(../img/next.svg);
  color: transparent;
  background: url(../img/next.svg);
  background-size: auto;
  width: 85px;
  height: 39px;
  background-position: center center;
  transform: translateY(-50%);
  transition: all .2s linear;
}
.index .sec05 .slider .slick-next:hover {
  opacity: .7;
}
@media screen and (max-width: 768px) {
  .index .sec05 .slider .slick-next {
    width: 26px;
    height: 26px;
    content: '';
    background: url(../img/sp/swipe-arrow02.svg);
    position: absolute;
    top: 21%;
    right: 6%;
    left: initial;
  }
}
.index .sec05 .slider .slick-slide {
  width: 1000px;
  background: url(../img/bg07.png);
  padding: 70px 50px 66px;
  background-repeat: no-repeat;
}
.index .sec05 .slider .slick-slide:focus {
  outline: none;
}
@media screen and (max-width: 768px) {
  .index .sec05 .slider .slick-slide {
    width: 85.9375vw;
    padding: 25px 20px;
    background: url(../img/sp/bg07.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.index .sec05 .slider .slick-slide .flex {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
.index .sec05 .slider .slick-slide .flex .slideimg {
  width: 450px;
  position: relative;
}
.index .sec05 .slider .slick-slide .flex .slideimg img {
  width: 100%;
}
.index .sec05 .slider .slick-slide .flex .slideimg:before {
  position: absolute;
  top: -30px;
  right: -25px;
}
.index .sec05 .slider .slick-slide .flex .slideimg:after {
  position: absolute;
  bottom: -10px;
  left: -15px;
}
.index .sec05 .slider .slick-slide .flex .slideimg._child:before {
  content: url(../img/ico_teddy.svg);
}
.index .sec05 .slider .slick-slide .flex .slideimg._child:after {
  content: url(../img/ico_milk.svg);
}
.index .sec05 .slider .slick-slide .flex .slideimg._wedding:before {
  content: url(../img/ico_heart.svg);
  top: -15px;
  right: -25px;
}
.index .sec05 .slider .slick-slide .flex .slideimg._wedding:after {
  content: url(../img/ico_diamondrings.svg);
  bottom: -15px;
  left: -25px;
}
.index .sec05 .slider .slick-slide .flex .slideimg._travel:before {
  content: url(../img/ico_map.svg);
  top: -20px;
  right: -25px;
}
.index .sec05 .slider .slick-slide .flex .slideimg._travel:after {
  content: url(../img/ico_travelbag.svg);
  bottom: -20px;
  left: -45px;
}
.index .sec05 .slider .slick-slide .flex .slideimg._gradiate:before {
  content: url(../img/ico_balloon.svg);
  top: -20px;
  right: -25px;
}
.index .sec05 .slider .slick-slide .flex .slideimg._gradiate:after {
  content: url(../img/ico_flower.svg);
  bottom: -30px;
  left: -50px;
}
.index .sec05 .slider .slick-slide .flex .slideimg._product:before {
  content: url(../img/ico_picture.svg);
  top: -25px;
  right: -25px;
}
.index .sec05 .slider .slick-slide .flex .slideimg._product:after {
  content: url(../img/ico_camera.svg);
  bottom: -20px;
  left: -40px;
}
.index .sec05 .slider .slick-slide .flex .txtwrap {
  width: 410px;
}
@media screen and (max-width: 768px) {
  .index .sec05 .slider .slick-slide .flex .txtwrap {
    width: 100%;
  }
  .index .sec05 .slider .slick-slide .flex .txtwrap h3 {
    text-align: center;
    font-size: 21px;
    margin-bottom: 15px;
  }
  .index .sec05 .slider .slick-slide .flex .txtwrap .u_txt_3 {
    margin: 10px 0 0;
  }
}
.index .sec05 .slider .slick-slide > .box {
  margin: 30px 0 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .index .sec05 .slider .slick-slide > .box {
    flex-wrap: wrap;
  }
}
.index .sec05 .slider .slick-slide > .box .flex {
  width: 462px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .index .sec05 .slider .slick-slide > .box .flex {
    width: 100%;
    overflow: hidden;
  }
}
.index .sec05 .slider .slick-slide > .box .imgbox {
  position: relative;
  padding: 30px 0 0;
}
.index .sec05 .slider .slick-slide > .box .imgbox img {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .index .sec05 .slider .slick-slide > .box .imgbox {
    margin: 15px 0 0;
    padding: 25px 0 0;
  }
}
.index .sec05 .slider .slick-slide > .box .img01 {
  width: 266px;
}
@media screen and (max-width: 768px) {
  .index .sec05 .slider .slick-slide > .box .img01 {
    width: 65%;
    overflow: hidden;
  }
}
.index .sec05 .slider .slick-slide > .box .img01:before {
  position: absolute;
  top: 0;
  left: 0;
  content: url(../img/ico-template.png);
}
.index .sec05 .slider .slick-slide > .box .img02 {
  width: 135px;
}
@media screen and (max-width: 768px) {
  .index .sec05 .slider .slick-slide > .box .img02 {
    width: 30%;
    overflow: hidden;
  }
}
.index .sec05 .slider .slick-slide > .box .img02:before {
  position: absolute;
  top: 0;
  left: 0;
  content: url(../img/ico-illust.png);
}
.index .sec05 .slider .slick-slide > .box .zoom {
  cursor: pointer;
  position: relative;
  width: 222px;
}
@media screen and (max-width: 768px) {
  .index .sec05 .slider .slick-slide > .box .zoom {
    width: calc(50% - 5px);
  }
}
.index .sec05 .slider .slick-slide > .box .zoom > img {
  max-width: 100%;
}
.index .sec05 .slider .slick-slide > .box .zoom:focus {
  outline: none;
}
.index .sec05 .slider .slick-slide > .box .zoom:before {
  position: absolute;
  bottom: 8px;
  right: 8px;
  content: url(../img/zoom.svg);
}
@media screen and (max-width: 768px) {
  .index .sec05 .slider .slick-slide > .box .zoom:before {
    bottom: 0;
    content: url(../img/sp/zoom.svg);
  }
}
@media screen and (max-width: 768px) {
  .index .sec05 .slider .slick-slide > .box .img03 {
    overflow: hidden;
  }
}
.index .sec05 .slider .slick-slide > .box .img03:before {
  position: absolute;
  top: 0;
  left: 0;
  content: url(../img/ico-sample.png);
}
.index .sec05 .slider .slick-dots {
  position: absolute;
  bottom: 30px;
  left: 50%;
  height: 18px;
  transform: translateX(-50%);
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.index .sec05 .slider .slick-dots li {
  margin: 0 10px;
  width: 8px;
  height: 8px;
}
.index .sec05 .slider .slick-dots li.slick-active {
  width: 18px;
  height: 18px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
}
.index .sec05 .slider .slick-dots li.slick-active button {
  width: 18px;
  height: 18px;
  background: #D1C1B0;
}
.index .sec05 .slider .slick-dots li button {
  color: transparent;
  width: 8px;
  height: 8px;
  background: #EDE9E5;
  border-radius: 50%;
}
.index .sec06 {
  margin: 80px auto;
  padding: 70px 0 90px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .index .sec06 {
    margin: 50px auto;
    padding: 30px 0 30px;
  }
}
.index .sec06:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50vw + 550px);
  height: 100%;
  background: #F4EDE6;
  border-radius: 0 40px 40px 0;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .index .sec06:before {
    border-radius: 0 20px 20px 0;
    width: calc(100% - 4.6875% );
  }
}
.index .sec06:after {
  content: '';
  width: 100vw;
  background: #FBF8F5;
  height: calc(100% - 200px);
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
}
.index .sec06 > .inner {
  position: relative;
  z-index: 1;
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .index .sec06 > .inner {
    width: 100%;
    padding: 0 9.375% 0 4.6875%;
  }
}
.index .sec06 > .inner:after {
  position: absolute;
  bottom: -240px;
  right: -170px;
  content: url(../img/ico_vase.svg);
}
@media screen and (max-width: 768px) {
  .index .sec06 > .inner:after {
    display: none;
  }
}
.index .sec06 > .inner .c_ttl_1 {
  margin: 0 0 50px;
}
.index .sec06 > .inner .c_ttl_1 img {
  bottom: -25px;
  right: 65px;
}
@media screen and (max-width: 768px) {
  .index .sec06 > .inner .c_ttl_1 img {
    bottom: 18px;
    right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .index .sec06 > .inner > .u_txt_2 {
    font-size: 16px;
  }
}
.index .sec06 > .inner .lead-img {
  position: relative;
}
@media screen and (max-width: 768px) {
  .index .sec06 > .inner .lead-img {
    margin: 30px 0 0;
  }
}
.index .sec06 > .inner .lead-img:before {
  position: absolute;
  content: url(../img/ico_tablet.svg);
  bottom: 10px;
  left: -190px;
}
@media screen and (max-width: 768px) {
  .index .sec06 > .inner .lead-img:before {
    display: none;
  }
}
.index .sec06 > .inner .lead-img:after {
  position: absolute;
  content: url(../img/ico_grass.svg);
  bottom: -70px;
  right: -110px;
}
@media screen and (max-width: 768px) {
  .index .sec06 > .inner .lead-img:after {
    display: none;
  }
}
.index .sec06 > .inner .lead-img.frame {
  position: relative;
}
@media screen and (max-width: 768px) {
  .index .sec06 > .inner .lead-img.frame:before {
    position: absolute;
    content: url(../img/sp/frame_sp.png);
    top: -10px;
    left: 0;
    display: block;
  }
  .index .sec06 > .inner .lead-img.frame:after {
    position: absolute;
    content: url(../img/sp/ico_pen.svg);
    bottom: 2px;
    right: -4px;
    display: block;
  }
}
.index .sec06 > .inner .lead-img01 {
  margin: 40px 0 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .index .sec06 > .inner .sptxt {
    margin: 15px 0 0;
  }
}
.index .sec06 > .inner .leadtxt {
  margin: 0 0 30px;
}
.index .sec06 > .inner .img01 {
  margin: 20px 0 50px;
}
.index .sec06 > .inner .img02 {
  margin: 0;
}
.index .sec06 > .inner h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}
.index .sec06 > .inner h3.c_sub_ttl_1 {
  font-size: 21px;
}
.index .sec06 > .inner h3 .bg {
  font-size: 24px;
  display: inline-block;
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, #ffd35a 60%);
}
@media screen and (max-width: 768px) {
  .index .sec06 > .inner .spwrap {
    width: 100vw;
    overflow: scroll;
    padding: 0 4.6875vw;
    transform: translateX(-5vw);
  }
}
.index .sec06 > .inner .lists {
  margin: 30px 0 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .index .sec06 > .inner .lists {
    margin: 20px 0 0;
    width: 930px;
  }
}
.index .sec06 > .inner .lists > li {
  width: 300px;
}
.index .sec06 > .inner .lists > li .txtwrap h3 {
  margin: 10px 0 5px;
  font-size: 21px;
  font-weight: 600;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.index .sec06 > .inner .lists > li .txtwrap h3 > img {
  margin: 5px 5px 0 0;
}
.index .sec06 > .inner .c_sub_ttl_1 {
  margin: 50px 0 0;
}
@media screen and (max-width: 768px) {
  .index .sec06 > .inner .c_sub_ttl_1 {
    font-size: 21px;
    margin: 40px 0 0;
  }
}
.index .sec06 > .inner .lists2 {
  margin: 25px auto 0;
  width: 800px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
.index .sec06 > .inner .lists2 > li {
  width: 230px;
}
.index .sec06 > .inner .lists2 > li:not(:last-child) {
  position: relative;
}
.index .sec06 > .inner .lists2 > li:not(:last-child):after {
  content: url(../img/arrow.svg);
  position: absolute;
  top: 65px;
  right: -40px;
  transform: translateY(-50%);
}
.index .sec06 > .inner .lists2 > li .txtwrap .u_txt_3 {
  margin: 10px 0 0;
}
.index .sec06 > .inner .lists2 > li .txtwrap .u_txt_4 {
  color: #D55D5D;
  padding: 0 0 0 1em;
  text-indent: -1em;
}
.index .sec06 > .inner .box {
  width: 800px;
  margin: 30px auto 0;
  background: #FBF8F5;
  border-radius: 16px;
  padding: 24px 40px;
}
@media screen and (max-width: 768px) {
  .index .sec06 > .inner .box {
    width: 100%;
    padding: 20px;
  }
}
.index .sec06 > .inner .txt-list {
  margin: 5px 0 0;
}
.index .sec06 > .inner .txt-list-item {
  margin: 5px 0 0;
  padding: 0 0 0 15px;
  position: relative;
}
.index .sec06 > .inner .txt-list-item:before {
  content: '';
  width: 6px;
  height: 6px;
  background: #81635A;
  position: absolute;
  top: 8px;
  left: 0;
  border-radius: 50%;
}
.index .sec06 > .inner .sub-ttl {
  margin: 20px 0 0;
}
@media screen and (max-width: 768px) {
  .index .sec06 > .inner .sub-ttl {
    margin: 10px 0 0;
  }
}
.index .sec06 > .inner .btnwrap .btn1 {
  width: 296px;
  height: 56px;
  background: #81635A;
  border-radius: 4px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  color: #fff;
  padding: 0 0 0 20px;
  position: relative;
  border: 1px solid #81635A;
  transition: all .2s linear;
  margin: 30px auto 0;
}
@media screen and (max-width: 768px) {
  .index .sec06 > .inner .btnwrap .btn1 {
    margin: 20px auto 0;
  }
}
.index .sec06 > .inner .btnwrap .btn1:hover {
  color: #81635A;
  background: #fff;
  border: 1px solid #81635A;
}
.index .sec06 > .inner .btnwrap .btn1:hover:after {
  content: url(../img/book-arrow-hover.png);
  right: 20px;
}
@media screen and (max-width: 768px) {
  .index .sec06 > .inner .btnwrap .btn1:hover:after {
    right: 10px;
    content: url(../img/sp/book-arrow.png);
  }
}
.index .sec06 > .inner .btnwrap .btn1:after {
  content: url(../img/book-arrow.png);
  position: absolute;
  top: 42%;
  right: 20px;
  transform: translateY(-50%);
  transition: all .2s linear;
}
@media screen and (max-width: 768px) {
  .index .sec06 > .inner .btnwrap .btn1:after {
    right: 10px;
    content: url(../img/sp/book-arrow.png);
  }
}
.index .sec06 > .inner .btnwrap .btn1 > span {
  font-size: 18px;
  line-height: 1.3;
}
.index .sec07 {
  margin: 80px auto;
  padding: 70px 0 60px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .index .sec07 {
    margin: 50px auto;
    padding: 35px 0;
  }
}
.index .sec07:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: calc(50vw + 550px);
  height: 100%;
  background: #F4EDE6;
  border-radius: 40px 0 0 40px;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .index .sec07:before {
    width: calc(100% - 4.6875%);
    border-radius: 20px 0 0 20px;
  }
}
.index .sec07:after {
  content: '';
  width: 100vw;
  background: #FBF8F5;
  height: calc(100% - 200px);
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
}
.index .sec07 > .inner {
  position: relative;
  z-index: 1;
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .index .sec07 > .inner {
    width: 100%;
    padding: 0 4.6875% 0 9.375%;
  }
}
.index .sec07 > .inner:after {
  content: url(../img/ico_player.svg);
  position: absolute;
  bottom: -130px;
  right: -130px;
}
@media screen and (max-width: 768px) {
  .index .sec07 > .inner:after {
    content: url(../img/sp/ico_player.svg);
    bottom: -100px;
    right: 5px;
  }
}
.index .sec07 > .inner .c_ttl_1 {
  margin: 0 0 60px;
}
@media screen and (max-width: 768px) {
  .index .sec07 > .inner .c_ttl_1 {
    margin: 0 0 40px;
  }
}
.index .sec07 > .inner .c_ttl_1 img {
  bottom: -8px;
  right: 100px;
}
@media screen and (max-width: 768px) {
  .index .sec07 > .inner .c_ttl_1 img {
    bottom: -30px;
    right: 65px;
  }
}
.index .sec07 > .inner .voice {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.index .sec07 > .inner .voice-item {
  width: 490px;
}
.index .sec07 > .inner .voice-item:nth-child(n + 3) {
  margin: 30px 0 0;
}
@media screen and (max-width: 768px) {
  .index .sec07 > .inner .voice-item:nth-child(n + 2) {
    margin: 30px 0 0;
  }
}
.index .sec07 > .inner .voice-txt {
  position: relative;
  padding: 8px 0 8px 160px;
  background: #FBF8F5;
}
@media screen and (max-width: 768px) {
  .index .sec07 > .inner .voice-txt {
    padding: 8px 0 8px 106px;
  }
}
.index .sec07 > .inner .voice-txt img {
  position: absolute;
  bottom: 0;
  left: 20px;
}
.index .sec07 > .inner .voice-txt .u_txt_5 {
  font-weight: 500;
  color: #81635A;
  line-height: 1.5;
}
.index .sec07 > .inner .voice-flex {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  background: #fff;
  padding: 15px;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .index .sec07 > .inner .voice-flex {
    flex-wrap: wrap;
  }
}
.index .sec07 > .inner .voice-img {
  width: 200px;
}
@media screen and (max-width: 768px) {
  .index .sec07 > .inner .voice-img {
    width: 100%;
    text-align: center;
    margin: 0 0 10px;
  }
}
.index .sec07 > .inner .voice-txtbox {
  width: calc(100% - 215px);
}
@media screen and (max-width: 768px) {
  .index .sec07 > .inner .voice-txtbox {
    width: 100%;
  }
}
.index .l_cv {
  padding: 50px 0;
  background: #74A9CE;
}
@media screen and (max-width: 768px) {
  .index .l_cv {
    padding: 30px 4.6875%;
  }
}
.index .l_cv > .inner {
  width: 1000px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .index .l_cv > .inner {
    width: 100%;
    flex-wrap: wrap;
  }
}
.index .l_cv > .inner .txtwrap {
  padding: 30px 0 0;
}
@media screen and (max-width: 768px) {
  .index .l_cv > .inner .txtwrap {
    width: 100%;
    text-align: center;
  }
}
.index .l_cv > .inner .txtwrap .lead {
  color: #fff;
  font-size: 36px;
  position: relative;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .index .l_cv > .inner .txtwrap .lead {
    font-size: 28px;
  }
}
.index .l_cv > .inner .txtwrap .lead:before {
  content: url(../img/ttl03.svg);
  position: absolute;
  top: -22px;
  right: -85px;
}
@media screen and (max-width: 768px) {
  .index .l_cv > .inner .txtwrap .lead:before {
    content: url(../img/sp/ttl03.svg);
    right: initial;
    top: -30px;
    left: 16px;
  }
}
.index .l_cv > .inner .txtwrap .u_txt_1 {
  color: #fff;
  margin: 30px 0 0;
}
@media screen and (max-width: 768px) {
  .index .l_cv > .inner .txtwrap .u_txt_1 {
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .index .l_cv > .inner .btnwrap {
    margin: 30px 0 0;
    width: 100%;
  }
}
.index .l_cv > .inner .btnwrap .btn1 {
  width: 500px;
  height: 100px;
  background: #FF9336;
  border-radius: 4px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  color: #fff;
  padding: 0 0 0 143px;
  position: relative;
  border: 1px solid #FF9336;
  transition: all .2s linear;
}
@media screen and (max-width: 768px) {
  .index .l_cv > .inner .btnwrap .btn1 {
    width: 100%;
    height: 80px;
    padding: 0 0 0 85px;
  }
}
.index .l_cv > .inner .btnwrap .btn1:hover {
  color: #FF9336;
  background: #fff;
  border: 1px solid #FF9336;
}
@media screen and (max-width: 768px) {
  .index .l_cv > .inner .btnwrap .btn1:hover {
    color: #fff;
    background: #FF9336;
    border: 1px solid #FF9336;
  }
}
.index .l_cv > .inner .btnwrap .btn1:hover:before {
  content: url(../img/ico-book-hover.svg);
}
.index .l_cv > .inner .btnwrap .btn1:hover:after {
  content: url(../img/cv-arrow-hover.png);
  right: 20px;
}
@media screen and (max-width: 768px) {
  .index .l_cv > .inner .btnwrap .btn1:hover:after {
    right: 10px;
    content: url(../img/sp/cv-arrow.png);
  }
}
.index .l_cv > .inner .btnwrap .btn1:before {
  content: url(../img/ico-book.svg);
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .index .l_cv > .inner .btnwrap .btn1:before {
    left: 15px;
  }
}
.index .l_cv > .inner .btnwrap .btn1:after {
  content: url(../img/cv-arrow.png);
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  transition: all .2s linear;
}
@media screen and (max-width: 768px) {
  .index .l_cv > .inner .btnwrap .btn1:after {
    right: 10px;
    content: url(../img/sp/cv-arrow.png);
  }
}
.index .l_cv > .inner .btnwrap .btn1 > span {
  font-size: 14px;
  line-height: 1.3;
}
.index .l_cv > .inner .btnwrap .btn1 > span .big {
  font-size: 21px;
}
.index .l_cv > .inner .btnwrap .btnflex {
  margin: 20px 0 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .index .l_cv > .inner .btnwrap .btnflex {
    margin: 10px 0 0;
    flex-wrap: wrap;
  }
}
.index .l_cv > .inner .btnwrap .btnflex > a {
  width: 500px;
  height: 56px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  color: #FF9336;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #FF9336;
  padding: 0 0 0 148px;
  position: relative;
  font-weight: 600;
  transition: all .2s linear;
}
@media screen and (max-width: 768px) {
  .index .l_cv > .inner .btnwrap .btnflex > a {
    width: 100%;
    padding: 0 0 0 105px;
  }
  .index .l_cv > .inner .btnwrap .btnflex > a:not(:first-child) {
    margin: 10px 0 0;
  }
}
.index .l_cv > .inner .btnwrap .btnflex > a:hover {
  background: #FF9336;
  color: #fff;
}
.index .l_cv > .inner .btnwrap .btnflex > a:hover:before {
  content: url(../img/cv-arrow.png);
  right: 20px;
}
@media screen and (max-width: 768px) {
  .index .l_cv > .inner .btnwrap .btnflex > a:hover {
    background: #fff;
    color: #FF9336;
  }
  .index .l_cv > .inner .btnwrap .btnflex > a:hover:before {
    content: url(../img/cv-arrow.png);
  }
}
.index .l_cv > .inner .btnwrap .btnflex > a:before {
  position: absolute;
  top: 39%;
  right: 30px;
  transform: translateY(-50%);
  content: url(../img/ico-arrow3.png);
}
@media screen and (max-width: 768px) {
  .index .l_cv > .inner .btnwrap .btnflex > a:before {
    right: 10px;
    content: url(../img/sp/ico-arrow2.png);
  }
}
.index .c_list_2 {
  margin: 0;
}

#gototop {
  background: #cbc0bc;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  opacity: 1;
  transition: all .2s linear;
}
#gototop .arrow {
  content: "";
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 7px;
  position: absolute;
  height: 7px;
  top: 47%;
  transform: rotate(-45deg);
  left: 42%;
}
#gototop:hover {
  opacity: .7;
}
@media screen and (max-width: 768px) {
  #gototop:hover {
    opacity: 1;
  }
}

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

/* ================================================================================
  2025リニューアルの崩れ対応
================================================================================= */
body main {
  line-height: 1;
  font-size: 13px;
} 
@media screen and (max-width: 768px) {
  body main {
    line-height: 1.7em;
  }  
}