@charset "UTF-8";
/* --------------------------------------------------------------
   共通
-------------------------------------------------------------- */
body {
  color: #805959;
  font-size: .22rem;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  body {
    min-width: 320px;
    font-size: .11rem;
  }
}

.wrapper {
  overflow: hidden;
}

.container {
  width: 13.76rem;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .container {
    width: 3.08rem;
  }
}

.container_s {
  width: 11.76rem;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .container_s {
    width: 3.08rem;
  }
}

a {
  color: #805959;
}

img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .pconly {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .sponly {
    display: none;
  }
}

.object-fit_img01 {
  object-fit: contain;
  font-family: 'object-fit: contain;';
}

.object-fit_img02 {
  object-fit: cover;
  object-position: bottom;
  font-family: 'object-fit: cover; object-position: bottom;';
}

/* Font noto-sans ---------- */
.sans1 {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 900;
}

.sans2 {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}

.sans3 {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}

.sans4 {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
}

.sans5 {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 300;
}

/* Font noto-serif ---------- */
.serif1 {
  font-family: "Noto Serif JP", "Times New Roman", "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 700;
}

.serif2 {
  font-family: "Noto Serif JP", "Times New Roman", "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 600;
}

.serif3 {
  font-family: "Noto Serif JP", "Times New Roman", "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
}

.serif4 {
  font-family: "Noto Serif JP", "Times New Roman", "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
}

/* header
--------------------------------------------------------------*/
.cmn_header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: .8rem;
}

.cmn_header .logo {
  width: 3.88rem;
}

@media screen and (max-width: 768px) {
  .cmn_header {
    height: .5rem;
  }
  .cmn_header .logo {
    width: 2.55rem;
  }
}

/* CTA
--------------------------------------------------------------*/
.cmn_cta .top_cot {
  background: #F0A49A;
}

.cmn_cta .top_cot .inner01 {
  padding: .2rem 0 .9rem;
  background: bottom center/13.76rem auto no-repeat url(../images/cta/bg_pc.jpg);
  position: relative;
}

.cmn_cta .top_cot .inner01 .txt {
  width: 5.69rem;
  margin: .1rem 0 0 1.1rem;
}

.cmn_cta .top_cot .inner01 .catch {
  width: 7.26rem;
  margin: -.75rem 0 0 .3rem;
}

.cmn_cta .inner02 {
  padding: .5rem 0 .45rem;
  text-align: center;
  background: #F6F4EA;
  position: relative;
}

.cmn_cta .inner02::before {
  content: "";
  width: 100%;
  height: .38rem;
  background: center/auto 0.38rem repeat url(../images/cmn/wave01.png);
  position: absolute;
  left: 0;
  bottom: -.2rem;
  z-index: 5;
}

.cmn_cta .inner02 .txt {
  margin: 0 0 .1rem;
  font-size: .32rem;
  letter-spacing: .04em;
}

.cmn_cta .inner02 .txt .deco {
  display: inline-block;
  padding: 0 .25rem 0 .35rem;
  position: relative;
}

.cmn_cta .inner02 .txt .deco::before, .cmn_cta .inner02 .txt .deco::after {
  content: "";
  width: .2rem;
  height: .24rem;
  position: absolute;
  bottom: 0;
}

.cmn_cta .inner02 .txt .deco::before {
  background: center/100% auto no-repeat url(../images/cta/deco01_pc.png);
  left: 0;
}

.cmn_cta .inner02 .txt .deco::after {
  background: center/100% auto no-repeat url(../images/cta/deco02_pc.png);
  right: 0;
}

.cmn_cta .inner02 .btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8.3rem;
  height: .96rem;
  padding-right: .5rem;
  margin: 0 auto;
  color: #fff;
  font-size: .32rem;
  letter-spacing: .06em;
  background: center/100% auto no-repeat url(../images/cta/btn_pc.png);
}

@media screen and (min-width: 769px) {
  .cmn_cta .inner02 .btn a {
    transition: .4s;
  }
  .cmn_cta .inner02 .btn a:hover {
    opacity: .7;
  }
}

.cmn_cta.style02 .top_cot .inner01 {
  padding: .2rem 0 .73rem;
}

.cmn_cta.style02 .top_cot .inner01 .txt {
  width: 6.37rem;
  margin: .1rem 0 0 .73rem;
}

.cmn_cta.style02 .top_cot .inner01 .catch {
  width: 6.37rem;
  margin: -.97rem 0 0 .73rem;
}

.cmn_cta.style02 .inner02 .btn a {
  background: center/100% auto no-repeat url(../images/cta/btn02_pc.png);
}

@media screen and (max-width: 768px) {
  .cmn_cta .top_cot .inner01 {
    width: 100%;
    height: 4.88rem;
    padding: .15rem 0 0;
    background: top center/cover no-repeat url(../images/cta/bg_sp.jpg);
  }
  .cmn_cta .top_cot .inner01 .txt {
    width: 2.79rem;
    margin: 0 auto;
  }
  .cmn_cta .top_cot .inner01 .catch {
    width: 3.2rem;
    margin: .1rem auto 0;
  }
  .cmn_cta .inner02 {
    padding: .25rem 0 .2rem;
  }
  .cmn_cta .inner02::before {
    height: .19rem;
    background: center/auto 0.19rem repeat url(../images/cmn/wave01.png);
    bottom: -.1rem;
  }
  .cmn_cta .inner02 .txt {
    margin: 0 0 .1rem;
    font-size: .16rem;
  }
  .cmn_cta .inner02 .txt .deco {
    padding: 0 .15rem;
  }
  .cmn_cta .inner02 .txt .deco::before, .cmn_cta .inner02 .txt .deco::after {
    width: .1rem;
    height: .12rem;
  }
  .cmn_cta .inner02 .btn a {
    width: 3.44rem;
    height: .48rem;
    padding-right: .27rem;
    font-size: .16rem;
    background: center/100% auto no-repeat url(../images/cta/btn_sp.png);
  }
  .cmn_cta.style02 .top_cot .inner01 {
    height: 5.03rem;
    padding: .3rem 0 0;
    background-image: url(../images/cta/bg02_sp.jpg);
  }
  .cmn_cta.style02 .top_cot .inner01 .txt {
    width: 3.18rem;
    margin: 0 auto;
  }
  .cmn_cta.style02 .top_cot .inner01 .catch {
    width: 2.84rem;
    margin: 0 auto;
  }
  .cmn_cta.style02 .inner02 .btn a {
    height: .66rem;
    padding-right: 0;
    padding-bottom: .25rem;
    background: center/100% auto no-repeat url(../images/cta/btn02_sp.png);
  }
}

/* footer
--------------------------------------------------------------*/
.cmn_footer {
  padding: .55rem 0 .4rem;
  text-align: center;
}

.cmn_footer .navi {
  margin: 0 0 .28rem;
}

.cmn_footer .navi li {
  margin: 0 .25rem;
}

.cmn_footer .navi li a {
  display: inline-block;
  padding: .15rem .4rem .15rem 0;
  font-size: .28rem;
  letter-spacing: .1em;
  background: center right/0.3rem auto no-repeat url(../images/cmn/btn_ico.png);
  position: relative;
}

@media screen and (min-width: 769px) {
  .cmn_footer .navi li a {
    transition: .4s;
  }
  .cmn_footer .navi li a:hover {
    opacity: .7;
  }
}

.cmn_footer .navi li a::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #805959;
  position: absolute;
  bottom: 0;
  left: 0;
}

.cmn_footer .copyright small {
  font-size: .22rem;
  font-family: "Times New Roman", "Noto Serif JP", "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 400;
  letter-spacing: .06em;
}

@media screen and (max-width: 768px) {
  .cmn_footer {
    padding: .29rem 0 .2rem;
  }
  .cmn_footer .navi {
    margin: 0 0 .14rem;
  }
  .cmn_footer .navi li {
    margin: 0 .15rem;
  }
  .cmn_footer .navi li a {
    padding: .08rem .2rem .08rem 0;
    font-size: .14rem;
    background: center right/0.15rem auto no-repeat url(../images/cmn/btn_ico.png);
  }
  .cmn_footer .copyright small {
    font-size: .11rem;
  }
}

/* --------------------------------------------------------------
   Module_Element
-------------------------------------------------------------- */
/* Flex ---------- */
.mod_flex {
  display: flex;
  flex-wrap: wrap;
}

.mod_flex.align-center {
  align-items: center;
}

.mod_flex_center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.mod_flex_center.align-center {
  align-items: center;
}

.mod_flex_between {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.mod_flex_between.align-center {
  align-items: center;
}

.mod_flex_between.col3::after, .mod_flex_between.col4::before, .mod_flex_between.col4::after {
  content: "";
  display: block;
  height: 0;
}

.mod_flex_between.col4::before {
  order: 1;
}

.mod_flex_around {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.mod_flex_around.align-center {
  align-items: center;
}

/* 共通タイトル ---------- */
/* 01 */
.mod_tit01 {
  margin: 0 0 .4rem;
  font-size: .42rem;
  letter-spacing: .1em;
  line-height: 1.47;
  text-align: center;
}

.mod_tit01.blown {
  color: #805959;
}

.mod_tit01.white {
  color: #fff;
}

.mod_tit01.white.deco {
  padding: .8rem 0 0;
  background: center top/2.54rem auto no-repeat url(../images/cmn/tit_deco02.png);
}

.mod_tit01.blown.deco {
  padding: .8rem 0 0;
  background: center top/2.54rem auto no-repeat url(../images/cmn/tit_deco01.png);
}

.mod_tit01 .small {
  display: block;
  font-size: .32rem;
}

.mod_tit01 .text_deco {
  display: inline-block;
  background: center bottom/auto 0.06rem repeat-x url(../images/cmn/txt_deco.png);
}

@media screen and (max-width: 768px) {
  .mod_tit01 {
    margin: 0 0 .2rem;
    font-size: .21rem;
  }
  .mod_tit01.white.deco {
    padding: .4rem 0 0;
    background-size: 1.27rem auto;
  }
  .mod_tit01.blown.deco {
    padding: .4rem 0 0;
    background-size: 1.27rem auto;
  }
  .mod_tit01 .small {
    font-size: .16rem;
  }
  .mod_tit01 .text_deco {
    background-size: auto .03rem;
  }
}

/* 02 */
.mod_tit02 {
  font-size: .38rem;
  letter-spacing: .1em;
  line-height: 1.63;
  text-align: center;
}

.mod_tit02 .text_deco {
  display: inline-block;
  background: center bottom/auto 0.06rem repeat-x url(../images/cmn/txt_deco.png);
}

.mod_tit02 .small {
  font-size: .32rem;
}

@media screen and (max-width: 768px) {
  .mod_tit02 {
    font-size: .19rem;
  }
  .mod_tit02 .text_deco {
    background-size: auto .03rem;
  }
  .mod_tit02 .small {
    font-size: .16rem;
  }
}

/* Main
--------------------------------------------------------------*/
/* 大好きな彼との復縁を成功させるために ----------- */
.sec_tobe {
  padding: .55rem 0 .6rem;
}

.sec_tobe .list li {
  width: calc(100% / 3);
}

.sec_tobe .list li .pic {
  margin-bottom: .1rem;
}

.sec_tobe .list li .pic img {
  width: auto;
  height: 4rem;
}

.sec_tobe .list li .stit {
  font-size: .32rem;
  letter-spacing: .04em;
  line-height: 1.5;
  text-align: center;
}

.sec_tobe .list li.item02 .pic {
  margin-left: .25rem;
}

.sec_tobe .list li.item03 .pic {
  text-align: right;
}

.sec_tobe .list li.item03 .stit {
  padding-left: .45rem;
}

@media screen and (max-width: 768px) {
  .sec_tobe {
    width: 3.44rem;
    padding: .4rem 0 .3rem;
  }
  .sec_tobe .list li {
    width: 1.7rem;
  }
  .sec_tobe .list li .pic {
    margin-bottom: 0;
  }
  .sec_tobe .list li .pic img {
    height: auto;
  }
  .sec_tobe .list li .stit {
    font-size: .16rem;
  }
  .sec_tobe .list li.item01 {
    width: 1.9rem;
    margin: 0 auto .15rem;
  }
  .sec_tobe .list li.item02 .pic {
    margin-left: 0;
  }
  .sec_tobe .list li.item03 .pic {
    text-align: center;
  }
  .sec_tobe .list li.item03 .stit {
    padding-left: 0;
  }
}

/* 必死に頑張っているのに全然うまくいかない… ----------- */
.sec_dont {
  padding: 1.2rem 0 0;
  background: #EDEDED;
  position: relative;
}

.sec_dont::before {
  content: "";
  width: 3.2rem;
  height: .6rem;
  background: center/100% auto no-repeat url(../images/dont_arrow_pc.png);
  position: absolute;
  top: 0;
  left: calc(50% - 1.6rem);
}

.sec_dont .inner {
  padding: 0 0 .6rem;
}

.sec_dont .inner .txt {
  width: calc(100% - 4.88rem);
}

.sec_dont .inner .txt .desc {
  font-size: .38rem;
  letter-spacing: .04em;
}

.sec_dont .inner .txt .desc + .desc {
  margin-top: .27rem;
}

.sec_dont .inner .txt .desc .bg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: .74rem;
  padding: 0 .5rem;
  margin: 0 0 .07rem;
  background: #fff;
}

.sec_dont .inner .txt .desc .bg .mark {
  color: #F0A49A;
}

.sec_dont .inner .pic {
  width: 4.88rem;
}

.sec_dont .band {
  padding: .5rem 0;
  background: #757A8E;
}

.sec_dont .band p {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .sec_dont {
    padding: .6rem 0 0;
  }
  .sec_dont::before {
    width: 1.6rem;
    height: .3rem;
    left: calc(50% - .8rem);
  }
  .sec_dont .container_s {
    width: 3.44rem;
  }
  .sec_dont .inner {
    padding: 0 0 .3rem;
  }
  .sec_dont .inner .txt {
    width: 100%;
    text-align: center;
  }
  .sec_dont .inner .txt .desc {
    font-size: .19rem;
  }
  .sec_dont .inner .txt .desc + .desc {
    margin-top: .15rem;
  }
  .sec_dont .inner .txt .desc .bg {
    height: .37rem;
    padding: 0 .25rem;
    margin: 0 0 .04rem;
  }
  .sec_dont .inner .pic {
    width: 100%;
    margin: .16rem 0 0;
  }
  .sec_dont .band {
    padding: .27rem 0;
  }
}

/* 挨拶 ----------- */
.sec_greeting {
  padding: .6rem 0 .25rem;
  text-align: center;
  position: relative;
}

.sec_greeting::before, .sec_greeting::after {
  content: "";
  position: absolute;
  bottom: 1rem;
}

.sec_greeting::before {
  width: .96rem;
  height: .86rem;
  background: center/100% no-repeat url(../images/greeting_deco01_pc.png);
  left: calc((100% - 15.36rem) / 2 + .4rem);
}

.sec_greeting::after {
  width: 1.02rem;
  height: .98rem;
  background: center/100% no-repeat url(../images/greeting_deco02_pc.png);
  right: calc((100% - 15.36rem) / 2 + .45rem);
}

.sec_greeting .pic {
  width: 2.74rem;
  margin: 0 auto;
}

.sec_greeting .catch {
  width: 8.55rem;
  height: 2.7rem;
  margin: 0 auto .35rem;
  padding: .4rem 0 0;
  background: center/100% no-repeat url(../images/greeting_tit_bg_pc.png);
}

.sec_greeting .txt .desc {
  font-size: .28rem;
  letter-spacing: .1em;
  line-height: 1.5;
}

.sec_greeting .txt .desc .mark {
  border-bottom: 2px solid #CCAB7F;
}

.sec_greeting .txt .desc + .desc {
  margin: .4rem 0 0;
}

.sec_greeting .txt .strong {
  color: #F0A49A;
}

@media screen and (max-width: 768px) {
  .sec_greeting {
    padding: .3rem 0 .1rem;
  }
  .sec_greeting::before, .sec_greeting::after {
    content: none;
  }
  .sec_greeting .pic {
    width: 1.37rem;
  }
  .sec_greeting .catch {
    width: 3.44rem;
    height: 1.9rem;
    margin: -.13rem auto .1rem;
    padding: .32rem 0 0;
    background: center/100% no-repeat url(../images/greeting_tit_bg_sp.png);
  }
  .sec_greeting .txt {
    width: 3.44rem;
    margin: 0 auto;
    text-align: left;
  }
  .sec_greeting .txt .desc {
    font-size: .14rem;
  }
  .sec_greeting .txt .desc .mark {
    border-bottom-width: 1px;
  }
  .sec_greeting .txt .desc + .desc {
    margin: .2rem 0 0;
  }
}

/* CASE ----------- */
.sec_case {
  padding: 1.35rem 0 1.2rem;
  text-align: center;
  background: #F6F4EA;
  box-shadow: 0 0.03rem 0.03rem 0 rgba(0, 0, 0, 0.16);
  position: relative;
  z-index: 2;
}

.sec_case::before {
  content: "";
  width: 100%;
  height: .38rem;
  background: center/auto 0.38rem repeat-x url(../images/cmn/wave02.png);
  position: absolute;
  left: 0;
  top: -2px;
}

.sec_case > .mod_tit01 {
  margin: 0 0 .7rem;
}

.sec_case .list {
  counter-reset: number 0;
}

.sec_case .list li + li {
  margin: .9rem 0 0;
}

.sec_case .list li .inner {
  padding: .8rem 1rem .55rem;
  background: #fff;
  border-radius: .08rem;
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.16);
}

.sec_case .list li .inner.order {
  position: relative;
}

.sec_case .list li .inner.order::before, .sec_case .list li .inner.order::after {
  display: flex;
  justify-content: center;
  color: #fff;
  font-family: "Times New Roman", "Noto Serif JP", "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: bold;
  letter-spacing: .1em;
  position: absolute;
  top: -.3rem;
}

.sec_case .list li .inner.order::before {
  counter-increment: number 1;
  content: counter(number) "";
  padding: .3rem 0 0;
  font-size: .53rem;
  z-index: 5;
  left: calc(50% - .12rem);
}

.sec_case .list li .inner.order::after {
  content: "case";
  width: 1rem;
  height: 1rem;
  padding: .1rem 0 0;
  font-size: .24rem;
  border-radius: 50%;
  background: #805959;
  z-index: 4;
  left: calc(50% - .5rem);
}

.sec_case .list li .inner .stit {
  margin: 0 0 .3rem;
}

.sec_case .list li .inner .pic {
  margin: 0 0 .25rem;
}

.sec_case .list li .inner .desc {
  font-size: .28rem;
  letter-spacing: .1em;
  line-height: 1.5;
}

.sec_case .list li .inner .desc .mark {
  border-bottom: 2px solid #CCAB7F;
}

.sec_case .list li .inner .desc + .desc {
  margin: .4rem 0 0;
}

.sec_case .list li .inner .strong {
  color: #F0A49A;
}

.sec_case .list li .btn {
  margin: .2rem 0 0;
}

.sec_case .list li .btn a {
  display: inline-block;
  width: 9.6rem;
  height: 1.25rem;
  padding: .3rem 0 0;
  font-size: .32rem;
  color: #fff;
  letter-spacing: .06em;
  background: center/cover no-repeat url(../images/case_btn_pc.png);
}

@media screen and (min-width: 769px) {
  .sec_case .list li .btn a {
    transition: .4s;
  }
  .sec_case .list li .btn a:hover {
    opacity: .7;
  }
}

.sec_case .list li.li04 {
  margin-bottom: 1.2rem;
  position: relative;
}

.sec_case .list li.li04::after {
  content: "";
  width: 6.6rem;
  height: .55rem;
  background: center/100% auto no-repeat url(../images/case_deco_pc.png);
  position: absolute;
  left: calc(50% - 3.3rem);
  bottom: -.7rem;
}

.sec_case .arrow {
  width: 6.88rem;
  height: 1.38rem;
  margin: 0 auto;
  padding: .2rem 0 0;
  color: #fff;
  font-size: .6rem;
  text-align: center;
  background: center/100% auto no-repeat url(../images/case_arrow_pc.png);
  position: absolute;
  bottom: -.7rem;
  left: 0;
  right: 0;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .sec_case {
    padding: .45rem 0 .5rem;
  }
  .sec_case::before {
    height: .19rem;
    background: center/auto 0.19rem repeat-x url(../images/cmn/wave02.png);
  }
  .sec_case > .mod_tit01 {
    margin: 0 0 .4rem;
  }
  .sec_case > .mod_tit01 .text_deco {
    padding: 0 0 .03rem;
  }
  .sec_case > .mod_tit01 .m_top {
    margin-top: .07rem;
  }
  .sec_case .list {
    width: 3.44rem;
  }
  .sec_case .list li + li {
    margin: .45rem 0 0;
  }
  .sec_case .list li .inner {
    padding: .54rem .18rem .2rem;
    border-radius: .04rem;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.16);
  }
  .sec_case .list li .inner.order::before, .sec_case .list li .inner.order::after {
    top: -.25rem;
  }
  .sec_case .list li .inner.order::before {
    padding: .26rem 0 0;
    font-size: .37rem;
    left: calc(50% - .09rem);
  }
  .sec_case .list li .inner.order::after {
    width: .7rem;
    height: .7rem;
    font-size: .17rem;
    left: calc(50% - .35rem);
  }
  .sec_case .list li .inner .stit {
    margin: 0 0 .15rem;
  }
  .sec_case .list li .inner .pic {
    margin: 0 0 .13rem;
    border-radius: .05rem;
    overflow: hidden;
  }
  .sec_case .list li .inner .desc {
    font-size: .14rem;
    text-align: left;
    margin-right: -.5em;
  }
  .sec_case .list li .inner .desc .mark {
    border-bottom-width: 1px;
  }
  .sec_case .list li .inner .desc + .desc {
    margin: .2rem -.5em 0 0;
  }
  .sec_case .list li .btn {
    margin: .1rem 0 0;
  }
  .sec_case .list li .btn a {
    width: 3.44rem;
    height: .63rem;
    padding: .13rem 0 0;
    font-size: .16rem;
    background: center/cover no-repeat url(../images/case_btn_sp.png);
  }
  .sec_case .list li.li03 .btn a {
    height: .84rem;
    line-height: 1.43;
    background: center/cover no-repeat url(../images/case_btn02_sp.png);
  }
  .sec_case .list li.li04 {
    margin-bottom: .64rem;
  }
  .sec_case .list li.li04::after {
    width: 3.4rem;
    height: .3rem;
    left: calc(50% - 1.7rem);
    bottom: -.35rem;
  }
  .sec_case .arrow {
    width: 3.44rem;
    height: .69rem;
    padding: .1rem 0 0;
    font-size: .3rem;
    bottom: -.47rem;
  }
}

.des_info {
  padding: 0 0 .6rem;
  box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.16);
  background: center top/15.36rem auto no-repeat url(../images/info_bg_pc.jpg);
  position: relative;
}

.des_info .inner {
  padding: 1.5rem 0 0 6.85rem;
}

.des_info .inner .txt {
  margin: 0 0 .2rem;
  /*padding: .7rem 0 0;
      height: 3.6rem;
      text-align: center;
      background:  center / cover no-repeat url(../images/info_txt_bg.png);*/
}

.des_info .inner .txt .text {
  font-size: .56rem;
  letter-spacing: .1em;
}

.des_info .inner .txt .text span {
  display: block;
}

.des_info .inner .txt .text .small1 {
  margin: 0 0 .18rem;
  font-size: .32rem;
}

.des_info .inner .txt .text .small2 {
  margin: .1rem 0 0;
  font-size: .28rem;
}

.des_info .inner .txt .price {
  margin: .2rem 0 0;
  font-size: .74rem;
  font-weight: bold;
  font-family: "Times New Roman", "Noto Serif JP", "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.des_info .inner .txt .price .small3 {
  display: inline-block;
  margin-left: .1rem;
  font-size: .28rem;
  letter-spacing: .1em;
}

.des_info .inner .text_img {
  margin: 0 0 .1rem;
}

@media screen and (max-width: 768px) {
  .des_info {
    padding: 0 0 .25rem;
    box-shadow: 0 0.015rem 0.03rem rgba(0, 0, 0, 0.16);
    background: center top/cover no-repeat url(../images/info_bg_sp.jpg);
    z-index: 1;
  }
  .des_info .inner {
    width: 3.44rem;
    padding: 4.25rem 0 0;
  }
  .des_info .inner .txt {
    /*padding: .35rem 0 0;
        height: 1.8rem;
        background:  center / 100% auto no-repeat url(../images/info_txt_bg.png);*/
  }
  .des_info .inner .txt .text {
    font-size: .28rem;
  }
  .des_info .inner .txt .text span {
    letter-spacing: .1em;
  }
  .des_info .inner .txt .text .small1 {
    margin: 0 0 .08rem;
    font-size: .16rem;
  }
  .des_info .inner .txt .text .small2 {
    margin: .05rem 0 0;
    font-size: .14rem;
  }
  .des_info .inner .txt .price {
    margin: .12rem 0 0;
    font-size: .37rem;
  }
  .des_info .inner .txt .price .small3 {
    margin-left: .05rem;
    font-size: .14rem;
  }
  .des_info .inner .text_img {
    margin: 0 0 .02rem;
  }
}

/* VOICE ----------- */
.sec_voice {
  padding: .8rem 0 0;
  background: #CCAB7F;
  box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.16);
  position: relative;
  z-index: 4;
}

.sec_voice .mod_tit01 .small {
  display: inline-block;
}

.sec_voice .inner .item {
  background: #fff;
  border-radius: .08rem;
  border: .06rem solid #F6F4EA;
}

.sec_voice .inner .item + .item {
  margin: .4rem 0 0;
}

.sec_voice .inner .item .top_info {
  padding: .4rem 0;
  align-items: center;
  background: #F6F4EA;
}

.sec_voice .inner .item .top_info .pic {
  width: 2.8rem;
}

.sec_voice .inner .item .top_info .add_name {
  margin: 0 .25rem;
  font-size: .38rem;
  line-height: 1.63;
  letter-spacing: .1em;
}

.sec_voice .inner .item .top_info .add_name .small {
  font-size: .28rem;
}

.sec_voice .inner .item .txt {
  padding: .35rem 0 .4rem;
  text-align: center;
}

.sec_voice .inner .item .txt .desc {
  font-size: .28rem;
  letter-spacing: .1em;
  line-height: 1.5;
}

.sec_voice .inner .item .txt .desc .mark {
  border-bottom: 2px solid #CCAB7F;
}

.sec_voice .inner .item .txt .desc + .desc {
  margin: .4rem 0 0;
}

.sec_voice .inner .item .txt .strong {
  color: #F0A49A;
}

.sec_voice .last_cot {
  padding: .55rem 0;
  color: #fff;
  text-align: center;
}

.sec_voice .last_cot .mod_tit02 + .mod_tit02 {
  margin-top: .2rem;
}

.sec_voice .last_cot .pic {
  width: 2.74rem;
  margin: .25rem auto .1rem;
}

.sec_voice .last_cot .name {
  font-size: .28rem;
  line-height: 1.5;
  letter-spacing: .1em;
}

@media screen and (max-width: 768px) {
  .sec_voice {
    padding: .4rem 0 0;
    box-shadow: 0 0.015rem 0.03rem rgba(0, 0, 0, 0.16);
  }
  .sec_voice .inner {
    width: 3.44rem;
  }
  .sec_voice .inner .item {
    border-radius: .04rem;
    border-width: .03rem;
  }
  .sec_voice .inner .item + .item {
    margin: .2rem 0 0;
  }
  .sec_voice .inner .item .top_info {
    justify-content: flex-start;
    padding: .2rem;
  }
  .sec_voice .inner .item .top_info .pic {
    width: 1.4rem;
  }
  .sec_voice .inner .item .top_info .add_name {
    margin: 0 0 0 .1rem;
    font-size: .19rem;
  }
  .sec_voice .inner .item .top_info .add_name .small {
    font-size: .16rem;
  }
  .sec_voice .inner .item .txt {
    padding: .2rem .15rem;
    text-align: left;
  }
  .sec_voice .inner .item .txt .desc {
    font-size: .14rem;
  }
  .sec_voice .inner .item .txt .desc .mark {
    border-bottom-width: 1px;
  }
  .sec_voice .inner .item .txt .desc + .desc {
    margin: .2rem 0 0;
  }
  .sec_voice .last_cot {
    padding: .25rem 0;
  }
  .sec_voice .last_cot .mod_tit02 + .mod_tit02 {
    margin-top: .13rem;
  }
  .sec_voice .last_cot .pic {
    width: 1.37rem;
    margin: .14rem auto .05rem;
  }
  .sec_voice .last_cot .name {
    font-size: .14rem;
  }
}
/*# sourceMappingURL=style.css.map */