/* ----------------------------------------------------------
General Settings
---------------------------------------------------------- */
:root {
  --color-navy:#002e6a;
  --color-jpmap:#005092;
}


/* ----------------------------------------------------------
Style for PCs
---------------------------------------------------------- */
@media screen and (min-width: 1025px) {

.buttonarea {
  width: 100%;
  height: auto;
  display: block;
  background-color: var(--color-f0);
  padding:50px 14%;
}
.buttonbox {
  width:100%;
  height: auto;
  aspect-ratio: 860 / 373;
  display: block;
  background-image: url(../img/amamori/button_area.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  margin:0 auto;
  padding:12% 0 0 0;
}
.buttonbox p {
  width:600px;
  height: auto;
  display: block;
  margin:0 auto;
}
.buttonbox p a {
  width:600px;
  height: 90px;
  display: block;
  text-indent: -9999px;
  background-image: url(../img/amamori/button.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% auto;
}
.buttonbox p a:hover {
  background-position: center -90px;
}

/* Line02 */
.am_line02 {
  width:100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding:10px 0;
  background-color: var(--color-navy);
  margin:0 auto;
}
.am_line02 img {
  width:100%;
  max-width:800px;
  height: auto;
  display: block;
}

/* Line03 */
.line03topimage {
  width:100%;
  max-width:1024px;
  height: auto;
  display: block;
  margin:0 auto;
}

/* NayamiChousa */
.nayamichousa {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.nctop {
  width:100%;
  height:auto;
  display: block;
}
.nc01 {
  width:50%;
  height: auto;
  display: block;
  padding:0.5em 1em 0.5em 1em;
}
.nc02 {
  width:50%;
  height: auto;
  display: block;
  padding:0.5em 1em 0.5em 1em;
}

/* Jirei */
.jireibox {
  width:100%;
  height: auto;
  display: block;
  padding:0px 5% 80px;
}
h3.jireititle {
  width:100%;
  height: auto;
  aspect-ratio: 9 / 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  font-size: clamp(1rem, 0.9rem + 1.5vw, 2.5rem);
  text-shadow: 0px 1px 4px rgba(0,0,0,0.5);
  color:var(--color-white);
  padding:0 1em 0 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  margin:0 auto 20px;
}
.jireiimage {
  width:100%;
  height: auto;
  display: flex;
  margin-bottom: 1em;
}
.jii_before {
  width:50%;
}
.jii_after {
  width:50%;
}
.jt01 {background-image: url(../img/amamori/jirei01_title.jpg);}
.jt02 {background-image: url(../img/amamori/jirei02_title.jpg);}
.jt03 {background-image: url(../img/amamori/jirei03_title.jpg);}

/* Reason */
.reasonbox {
  width:100%;
  max-width:980px;
  height: auto;
  display: block;
  margin:0 auto 80px;
}
.reason_base {
  width:auto;
  height: auto;
  display: block;
  border-right:1px solid var(--color-navy);
  border-bottom:1px solid var(--color-navy);
  border-left:1px solid var(--color-navy);
  padding:1em 3em 2em 3em;
  margin:0 8px 0 3px;
}
.reason_base_box {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.reason_cc {
  width:60%;
}
.reason_cc strong {
  font-weight: 700;
  color:var(--color-2nd);
}
.reason_cc p {
  margin:0;
}
.reason_img {
  width:35%;
}


/* PagemiddleContact */
.pagemiddle_contact {
  width:100%;
  max-width:962px;
  height: auto;
  aspect-ratio: 962 / 358;
  display: block;
  background-image: url(../img/amamori/button_area02.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  padding:9% 5% 0 30%;
  overflow: hidden;
  border-radius: 20px;
  margin:0 auto 100px;
  box-shadow:0px 10px 20px rgba(0,0,0,0.2);
}
.pagemiddle_contact  p {
  width:500px;
  height: auto;
  display: block;
  margin:0 auto;
}
.pagemiddle_contact  p a {
  width:500px;
  height: 75px;
  display: block;
  text-indent: -9999px;
  background-image: url(../img/amamori/button.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% auto;
}
.pagemiddle_contact  p a:hover {
  background-position: center -75px;
}


/* Voice */
.voicemm {
  width:100%;
  height: auto;
  display: block;
}
.voicebase {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.vb_customer {
  width:20%;
  height: auto;
  display: block;
}
.vb_cc {
  width:80%;
  height: auto;
  display: block;
  background-repeat: no-repeat;
}
.vb_cc.vc_ar_l {
  padding:0 0 0 10%;
  background-position: left 10%;
  background-size: 13% auto;
  background-image: url(../img/amamori/amamori-voice_tri.webp);
}
.vb_cc.vc_ar_r {
  padding:0 10% 0 0;
  background-position: right 10%;
  background-size: 13% auto;
  background-image: url(../img/amamori/amamori-voice_tri_r.webp);
}
.vb_cc_box {
  width:100%;
  height: auto;
  display: block;
  padding:60px 50px;
  border:5px solid var(--color-navy);
  border-radius: 30px;
}
.vb_title {
  width:100%;
  height: 60px;
  display: block;
  padding:5px 0 5px 10px;
  background-color: var(--color-navy);
}
.vb_title img {
  width:auto;
  height: 50px;
  display: block;
}
.vb_box {
  width:100%;
  height: auto;
  display: block;
  padding:0 10%;
}
.vc_order1 {order:1;}
.vc_order2 {order:2;}

/* Cost */
.costbox {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  border-radius: 10px;
  background-color: var(--color-f8);
  box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}
.cost01 {
  width:50%;
  height: auto;
  display: block;
  padding:5% 5% 5% 5%;
  border-right:1px solid var(--color-navy);
}
.cost02 {
  width:50%;
  height: auto;
  display: block;
  padding:5% 5% 5% 5%;
}
.costbox .costtitle {
  width:100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding:0 5% 0 5%;
  background-color: var(--color-navy);
  margin-bottom: 30px;
}
.costbox .costprice {
  width:80%;
  height: auto;
  display: block;
  margin:0 auto 20px;
}
.costbox strong {
  background-color: yellow;
  color:var(--color-2nd);
  padding:0.3em;
}

.costaddinfo {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin:0 auto;
}
.cai_cc {
  width:65%;
}
.cai_cc strong {
  background-color: yellow;
  color:var(--color-2nd);
  padding:0.3em;
}
.cai_img {
  width:30%;
}


/* Nagare */
.nagarelist {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.nagarelist li {
  flex:1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin:0 1%;
  background-color: var(--color-f8);
  overflow: hidden;
  border-radius: 20px;
  box-shadow:0px 5px 10px rgba(0,0,0,0.3);
}
.nagarelist li p.nagarenum {
  width:100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  color: var(--color-white);
  padding:0.5em;
  background-color: var(--color-navy);
  margin:0;
}
.nagarelist li .nagarecc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:25px 20px;
  flex-grow: 1;
}
.nagarelist li h3 {
  font-size:20px;
  font-weight: 700;
  line-height: 1.25em;
  color:var(--color-navy);
  margin-bottom: 0.5em;
}
.nagarelist li img {
  margin-top:auto;
}


/* Taiou */
.taioumm {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/amamori/taiou_bg.jpg);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto 100%;
}
.taiou_body {
  width:100%;
  max-width: 1200px;
  height: auto;
  aspect-ratio: 196 / 107;
  display: block;
  background-image: url(../img/amamori/taiou.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin:0 auto;
  padding:22em 7em 0em 30em;
}
.taiou_body p {
  color:var(--color-white);
  margin:0!important;
}
.taiou_bottom {
  width:100%;
  max-width:700px;
  height: auto;
  display: block;
  margin:0 auto;
}


/* FAQ */
.faqmm {
  width: 100%;
  height:auto;
  display: block;
}
.faqmm .faqtitle {
  width:100%;
  height: auto;
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-navy);
  margin:0 auto 40px;
}
.faqmm .faqtitle img {
  width:300px;
  height: auto;
  display: block;
  margin:0 auto 0;
}
.faqmm dl {
  width:100%;
  height: auto;
  display: block;
}
.faqmm dl dt {
  width:100%;
  height: auto;
  min-height:50px;
  display: block;
  font-size:20px;
  font-weight: 700;
  line-height: 1.5em;
  color:var(--color-navy);
  padding:5px 0 0 60px;
  margin:0 0 10px 0;
  background-image: url(../img/amamori/q.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 50px 50px;
}
.faqmm dl dd {
  width:100%;
  height: auto;
  min-height:50px;
  display: block;
  font-size:14px;
  font-weight: 400;
  line-height: 2em;
  padding:5px 0 0 60px;
  margin:0 0 40px 0;
  background-image: url(../img/amamori/a.jpg);
  background-repeat: no-repeat;
  background-position: 20px 0;
  background-size: 30px 30px;
}


}

/* ----------------------------------------------------------
Style for iPad Pro
---------------------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 1024px) {

  .topimage {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 633 / 281;
    margin:50px 0 0 0;
    padding:0;
  }

.buttonarea {
  width: 100%;
  height: auto;
  display: block;
  background-color: var(--color-f0);
  padding:50px 5%;
}
.buttonbox {
  width:100%;
  height: auto;
  aspect-ratio: 860 / 373;
  display: block;
  background-image: url(../img/amamori/button_area.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  margin:0 auto;
  padding:12% 0 0 0;
}
.buttonbox p {
  width:400px;
  height: auto;
  display: block;
  margin:0 auto;
}
.buttonbox p a {
  width:400px;
  height: 60px;
  display: block;
  text-indent: -9999px;
  background-image: url(../img/amamori/button.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% auto;
}
.buttonbox p a:hover {
  background-position: center -60px;
}

/* Line02 */
.am_line02 {
  width:100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding:10px 0;
  background-color: var(--color-navy);
  margin:0 auto;
}
.am_line02 img {
  width:100%;
  max-width:800px;
  height: auto;
  display: block;
}

/* Line03 */
.line03topimage {
  width:100%;
  max-width:1024px;
  height: auto;
  display: block;
  margin:0 auto;
}

/* NayamiChousa */
.nayamichousa {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.nctop {
  width:100%;
  height:auto;
  display: block;
}
.nc01 {
  width:50%;
  height: auto;
  display: block;
  padding:0.5em 1em 0.5em 1em;
}
.nc02 {
  width:50%;
  height: auto;
  display: block;
  padding:0.5em 1em 0.5em 1em;
}

/* Jirei */
.jireibox {
  width:100%;
  height: auto;
  display: block;
  padding:0px 5% 80px;
}
h3.jireititle {
  width:100%;
  height: auto;
  aspect-ratio: 9 / 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  font-size: clamp(1rem, 0.9rem + 1.5vw, 2.5rem);
  text-shadow: 0px 1px 4px rgba(0,0,0,0.5);
  color:var(--color-white);
  padding:0 1em 0 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  margin:0 auto 20px;
}
.jireiimage {
  width:100%;
  height: auto;
  display: flex;
  margin-bottom: 1em;
}
.jii_before {
  width:50%;
}
.jii_after {
  width:50%;
}
.jt01 {background-image: url(../img/amamori/jirei01_title.jpg);}
.jt02 {background-image: url(../img/amamori/jirei02_title.jpg);}
.jt03 {background-image: url(../img/amamori/jirei03_title.jpg);}

/* Reason */
.reasonbox {
  width:100%;
  max-width:980px;
  height: auto;
  display: block;
  margin:0 auto 80px;
}
.reason_base {
  width:auto;
  height: auto;
  display: block;
  border-right:1px solid var(--color-navy);
  border-bottom:1px solid var(--color-navy);
  border-left:1px solid var(--color-navy);
  padding:1em 3em 2em 3em;
  margin:0 8px 0 3px;
}
.reason_base_box {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.reason_cc {
  width:60%;
}
.reason_cc strong {
  font-weight: 700;
  color:var(--color-2nd);
}
.reason_cc p {
  margin:0;
}
.reason_img {
  width:35%;
}


/* PagemiddleContact */
.pagemiddle_contact {
  width:100%;
  max-width:962px;
  height: auto;
  aspect-ratio: 962 / 358;
  display: block;
  background-image: url(../img/amamori/button_area02.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  padding:11% 5% 0 37%;
  overflow: hidden;
  border-radius: 20px;
  margin:0 auto 100px;
  box-shadow:0px 10px 20px rgba(0,0,0,0.2);
}
.pagemiddle_contact  p {
  width:400px;
  height: auto;
  display: block;
  margin:0 auto;
}
.pagemiddle_contact  p a {
  width:400px;
  height: 60px;
  display: block;
  text-indent: -9999px;
  background-image: url(../img/amamori/button.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% auto;
}
.pagemiddle_contact  p a:hover {
  background-position: center -60px;
}


/* Voice */
.voicemm {
  width:100%;
  height: auto;
  display: block;
}
.voicebase {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.vb_customer {
  width:20%;
  height: auto;
  display: block;
}
.vb_cc {
  width:80%;
  height: auto;
  display: block;
  background-repeat: no-repeat;
}
.vb_cc.vc_ar_l {
  padding:0 0 0 10%;
  background-position: left 10%;
  background-size: 13% auto;
  background-image: url(../img/amamori/amamori-voice_tri.webp);
}
.vb_cc.vc_ar_r {
  padding:0 10% 0 0;
  background-position: right 10%;
  background-size: 13% auto;
  background-image: url(../img/amamori/amamori-voice_tri_r.webp);
}
.vb_cc_box {
  width:100%;
  height: auto;
  display: block;
  padding:60px 50px;
  border:5px solid var(--color-navy);
  border-radius: 30px;
}
.vb_title {
  width:100%;
  height: 60px;
  display: block;
  padding:5px 0 5px 10px;
  background-color: var(--color-navy);
}
.vb_title img {
  width:auto;
  height: 50px;
  display: block;
}
.vb_box {
  width:100%;
  height: auto;
  display: block;
  padding:0 10%;
}
.vc_order1 {order:1;}
.vc_order2 {order:2;}

/* Cost */
.costbox {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  border-radius: 10px;
  background-color: var(--color-f8);
  box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}
.cost01 {
  width:50%;
  height: auto;
  display: block;
  padding:5% 5% 5% 5%;
  border-right:1px solid var(--color-navy);
}
.cost02 {
  width:50%;
  height: auto;
  display: block;
  padding:5% 5% 5% 5%;
}
.costbox .costtitle {
  width:100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding:0 5% 0 5%;
  background-color: var(--color-navy);
  margin-bottom: 30px;
}
.costbox .costprice {
  width:80%;
  height: auto;
  display: block;
  margin:0 auto 20px;
}
.costbox strong {
  background-color: yellow;
  color:var(--color-2nd);
  padding:0.3em;
}

.costaddinfo {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin:0 auto;
}
.cai_cc {
  width:65%;
}
.cai_cc strong {
  background-color: yellow;
  color:var(--color-2nd);
  padding:0.3em;
}
.cai_img {
  width:30%;
}


/* Nagare */
.nagarelist {
  width:100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.nagarelist li {
  width:48%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin:0 1% 2%;
  background-color: var(--color-f8);
  overflow: hidden;
  border-radius: 20px;
  box-shadow:0px 5px 10px rgba(0,0,0,0.3);
}
.nagarelist li p.nagarenum {
  width:100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  color: var(--color-white);
  padding:0.5em;
  background-color: var(--color-navy);
  margin:0;
}
.nagarelist li .nagarecc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:25px 20px;
  flex-grow: 1;
}
.nagarelist li h3 {
  font-size:20px;
  font-weight: 700;
  line-height: 1.25em;
  color:var(--color-navy);
  margin-bottom: 0.5em;
}
.nagarelist li img {
  margin-top:auto;
}


/* Taiou */
.taioumm {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/amamori/taiou_bg.jpg);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto 100%;
}
.taiou_body {
  width:100%;
  max-width: 1200px;
  height: auto;
  aspect-ratio: 196 / 107;
  display: block;
  background-image: url(../img/amamori/taiou.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin:0 auto;
  padding:13em 7em 0em 20em;
}
.taiou_body p {
  color:var(--color-white);
  margin:0!important;
}
.taiou_bottom {
  width:100%;
  max-width:700px;
  height: auto;
  display: block;
  margin:0 auto;
}


/* FAQ */
.faqmm {
  width: 100%;
  height:auto;
  display: block;
}
.faqmm .faqtitle {
  width:100%;
  height: auto;
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-navy);
  margin:0 auto 40px;
}
.faqmm .faqtitle img {
  width:300px;
  height: auto;
  display: block;
  margin:0 auto 0;
}
.faqmm dl {
  width:100%;
  height: auto;
  display: block;
}
.faqmm dl dt {
  width:100%;
  height: auto;
  min-height:50px;
  display: block;
  font-size:20px;
  font-weight: 700;
  line-height: 1.5em;
  color:var(--color-navy);
  padding:5px 0 0 60px;
  margin:0 0 10px 0;
  background-image: url(../img/amamori/q.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 50px 50px;
}
.faqmm dl dd {
  width:100%;
  height: auto;
  min-height:50px;
  display: block;
  font-size:14px;
  font-weight: 400;
  line-height: 2em;
  padding:5px 0 0 60px;
  margin:0 0 40px 0;
  background-image: url(../img/amamori/a.jpg);
  background-repeat: no-repeat;
  background-position: 20px 0;
  background-size: 30px 30px;
}

}


/* ----------------------------------------------------------
Style for Smartphone
---------------------------------------------------------- */
@media screen and (max-width: 768px) {

  .topimage {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 633 / 281;
    margin:50px 0 0 0;
    padding:0;
  }
  .buttonarea {
  width: 100%;
  height: auto;
  display: block;
  background-color: var(--color-f0);
  padding:0px 0% 0;
}
.buttonbox {
  width:100%;
  height: auto;
  aspect-ratio: 200 / 111;
  display: block;
  background-image: url(../img/amamori/button_area_m.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% auto;
  margin:0 auto;
  padding:17% 0 0 0;
}
.buttonbox p {
  width:350px;
  height: auto;
  display: block;
  margin:0 auto;
}
.buttonbox p a {
  width:350px;
  height: 53px;
  display: block;
  text-indent: -9999px;
  background-image: url(../img/amamori/button.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% auto;
}
.buttonbox p a:hover {
  background-position: center -53px;
}

/* Line02 */
.am_line02 {
  width:100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding:10px 0;
  background-color: var(--color-navy);
  margin:0 auto;
}
.am_line02 img {
  width:100%;
  max-width:800px;
  height: auto;
  display: block;
}

/* Line03 */
.line03topimage {
  width:100%;
  max-width:1024px;
  height: auto;
  display: block;
  margin:0 auto;
}

/* NayamiChousa */
.nayamichousa {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.nctop {
  width:100%;
  height:auto;
  display: block;
}
.nc01 {
  width:50%;
  height: auto;
  display: block;
  padding:0.5em 1em 0.5em 1em;
}
.nc02 {
  width:50%;
  height: auto;
  display: block;
  padding:0.5em 1em 0.5em 1em;
}

/* Jirei */
.jireibox {
  width:100%;
  height: auto;
  display: block;
  padding:0px 0 50px;
}
h3.jireititle {
  width:100%;
  height: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  font-size: 20px;
  text-shadow: 0px 1px 4px rgba(0,0,0,0.0);
  color:var(--color-navy);
  padding:55px 0 0 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 50px;
  margin:0 auto 20px;
}
.jireiimage {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.jii_before {
  width:100%;
}
.jii_after {
  width:100%;
}
.jt01 {background-image: url(../img/amamori/jirei01_title_m.png);}
.jt02 {background-image: url(../img/amamori/jirei02_title_m.png);}
.jt03 {background-image: url(../img/amamori/jirei03_title_m.png);}
.jireibox p {
  margin:0;
}

/* Reason */
.reasonbox {
  width:100%;
  height: auto;
  display: block;
  margin:0 auto 80px;
}
.reason_base {
  width:100%;
  height: auto;
  display: block;
  border-right:1px solid var(--color-navy);
  border-bottom:1px solid var(--color-navy);
  border-left:1px solid var(--color-navy);
  padding:2em 1em 2em 1em;
  margin:0 auto 0 auto;
}
.reason_base_box {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
.reason_cc {
  width:100%;
}
.reason_cc strong {
  font-weight: 700;
  color:var(--color-2nd);
}
.reason_cc p {
  margin:0;
}
.reason_img {
  width:100%;
}


/* PagemiddleContact */
.pagemiddle_contact {
  width:90%;
  height: auto;
  aspect-ratio: 600 / 683;
  display: block;
  background-image: url(../img/amamori/button_area02_m.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  padding:20% 5% 0 5%;
  overflow: hidden;
  border-radius: 20px;
  margin:0 auto 100px;
  box-shadow:0px 10px 20px rgba(0,0,0,0.2);
}
.pagemiddle_contact  p {
  width:300px;
  height: auto;
  display: block;
  margin:0 auto;
}
.pagemiddle_contact  p a {
  width:300px;
  height: 45px;
  display: block;
  text-indent: -9999px;
  background-image: url(../img/amamori/button.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% auto;
}
.pagemiddle_contact  p a:hover {
  background-position: center -45px;
}


/* Voice */
.voicemm {
  width:100%;
  height: auto;
  display: block;
}
.voicebase {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
.vb_customer {
  width:40%;
  height: auto;
  display: block;
  margin:0 auto;
}
.vb_cc {
  width:100%;
  height: auto;
  display: block;
  background-repeat: no-repeat;
}
.vb_cc.vc_ar_l {
  padding:40px 0 0 0;
  background-position: center 0;
  background-size: auto 40px;
  background-image: url(../img/amamori/amamori-voice_tri_v.webp);
}
.vb_cc.vc_ar_r {
  padding:40px 0 0 0;
  background-position: center 0;
  background-size: auto 40px;
  background-image: url(../img/amamori/amamori-voice_tri_v.webp);
}
.vb_cc_box {
  width:100%;
  height: auto;
  display: block;
  padding:30px 20px;
  border:3px solid var(--color-navy);
  border-radius: 30px;
}
.vb_title {
  width:100%;
  height: 50px;
  display: block;
  padding:5px 0 5px 10px;
  background-color: var(--color-navy);
}
.vb_title img {
  width:auto;
  height: 40px;
  display: block;
}
.vb_box {
  width:100%;
  height: auto;
  display: block;
  padding:0 0%;
}

/* Cost */
.costbox {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  background-color: var(--color-f8);
  box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}
.cost01 {
  width:100%;
  height: auto;
  display: block;
  padding:7% 5% 7% 5%;
  border-bottom:1px solid var(--color-navy);
}
.cost02 {
  width:100%;
  height: auto;
  display: block;
  padding:7% 5% 7% 5%;
}
.costbox .costtitle {
  width:100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding:0 5% 0 5%;
  background-color: var(--color-navy);
  margin-bottom: 30px;
}
.costbox .costprice {
  width:80%;
  height: auto;
  display: block;
  margin:0 auto 20px;
}
.costbox strong {
  background-color: yellow;
  color:var(--color-2nd);
  padding:0.3em;
}
.costbox ol {
  margin:0 0 0 1em;
}
.costbox ol li {
  list-style: decimal;
}

.costaddinfo {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin:0 auto;
}
.cai_cc {
  width:100%;
}
.cai_cc strong {
  background-color: yellow;
  color:var(--color-2nd);
  padding:0.3em;
}
.cai_img {
  width:100%;
}



/* Nagare */
.nagarelist {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.nagarelist li {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin:0 0 25px;
  background-color: var(--color-f8);
  overflow: hidden;
  border-radius: 20px;
  box-shadow:0px 5px 10px rgba(0,0,0,0.3);
}
.nagarelist li p.nagarenum {
  width:100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  color: var(--color-white);
  padding:0.5em;
  background-color: var(--color-navy);
  margin:0;
}
.nagarelist li .nagarecc {
  width:100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding:25px 20px;
  flex-grow: 1;
}
.nagarelist li h3 {
  font-size:20px;
  font-weight: 700;
  line-height: 1.25em;
  color:var(--color-navy);
  margin-bottom: 0.5em;
}
.nagarelist li img {
  margin-top:auto;
}


/* Taiou */
.taioumm {
  width:100%;
  height: auto;
  display: block;
  background-color: var(--color-jpmap);
}
.taiou_body {
  width:100%;
  height: auto;
  display: block;
  background-image: url(../img/amamori/taiou_m.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% auto;
  margin:0 auto 30px;
  padding:13em 5% 3em 5%;
}
.taiou_body p {
  color:var(--color-white);
  margin:0!important;
}
.taiou_bottom {
  width:100%;
  height: auto;
  display: block;
  margin:0 auto;
}


/* FAQ */
.faqmm {
  width: 100%;
  height:auto;
  display: block;
}
.faqmm .faqtitle {
  width:100%;
  height: auto;
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-navy);
  margin:0 auto 40px;
}
.faqmm .faqtitle img {
  width:70%;
  height: auto;
  display: block;
  margin:0 auto 0;
}
.faqmm dl {
  width:100%;
  height: auto;
  display: block;
}
.faqmm dl dt {
  width:100%;
  height: auto;
  min-height:50px;
  display: block;
  font-size:18px;
  font-weight: 700;
  line-height: 1.5em;
  color:var(--color-navy);
  padding:5px 0 0 50px;
  margin:0 0 10px 0;
  background-image: url(../img/amamori/q.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 40px 40px;
}
.faqmm dl dd {
  width:100%;
  height: auto;
  min-height:50px;
  display: block;
  font-size:14px;
  font-weight: 400;
  line-height: 2em;
  padding:5px 0 0 50px;
  margin:0 0 40px 0;
  background-image: url(../img/amamori/a.jpg);
  background-repeat: no-repeat;
  background-position: 10px 0;
  background-size: 30px 30px;
}

}