@charset "UTF-8";
/*------------------------------------------------------------------------------------------------

            Reset CSS

------------------------------------------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block;
}
/*
body {
  line-height: 1;
}
*/
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after {
 content: "";
 content: none;
}
q:before, q:after {
 content: "";
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
html, body {
 margin: 0;
 padding: 0;
 width: 100%;
 -webkit-text-size-adjust: 100%;
}
img {
 width: 100%;
}
div, p, h1, h2 {
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
a:link, a:active, a:visited {
 text-decoration: none;
}
ol, ul {
 list-style: none;
 list-style-type: none;
 padding: 0;
 margin: 0;
 /*  letter-spacing: -.40em;*/
}
ol > li, ul > li {
 letter-spacing: normal;
}
/* ClearFix */
.clearfix:after {
 content: " ";
 display: block;
 clear: both;
}

.hide{
 visibility: hidden;
}
html, body {
 font-family: "Zen Kaku Gothic New", "Yu Gothic", YuGothic, "游ゴシチE�E��E�", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Verdana, Arial, sans-serif;
 color: #796958;
 font-size: 24px;
}
body {
 margin: 0 auto 0;
 width: 100%;
}
img {
 vertical-align: bottom;
 width: 100%;
}
.c-bg {
 background-image: url(/actioplus/assets/img/common/img_bg.png);
 background-size: 40%;
}
body{
  transition: opacity 1s, visibility 0s ease 1s;
  opacity: 0;
  visibility: hidden;
}
body.is-active{
  transition-delay: 0s;
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 450px) {
 html, body {
  font-size: 6.4vw;
 }
 body {
  max-width: 100%;
 }
 .c-bg {
  background-size: contain;
 }
}
.c-ttl {
 font-size: 26px;
 font-weight: 500;
 line-height: 1.3846153846;
 letter-spacing: 0.04em;
}
.c-ttl--lead {
 font-size: 18px;
 font-weight: 500;
 line-height: 1.4444444444;
 letter-spacing: -0.03em;
}
.c-ttl--OoohBaby {
 font-family: "Oooh Baby", "Yu Gothic", YuGothic, "游ゴシチE�E��E�", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Verdana, Arial, cursive;
 font-size: 32px;
 line-height: 1.15625;
}
@media screen and (max-width: 450px) {
 .c-ttl {
  font-size: 6.9333333333vw;
 }
 .c-ttl--lead {
  font-size: 4.8vw;
 }
 .c-ttl--OoohBaby {
  font-size: 8.5333333333vw;
 }
}
.c-txt {
 font-size: 14px;
 font-weight: 400;
 line-height: 1.8571428571;
 letter-spacing: 0.06em;
}
.c-txt--archive {
 font-size: 12px;
 font-weight: 400;
 line-height: 1.6666666667;
 letter-spacing: 0.06em;
}
.c-card____comment___thumbnail .c-txt--more,
.c-card____comment___all .c-txt--more{
 display: block;
 color: #DB8D6B;
 text-align: right;
 margin: 4px 0 0 0;
}
.c-card____comment___all .c-txt--advice{
 margin: 20px 0 0 0;
 padding: 20px;
 background: #fbf6f3;
 border-radius: 10px;
}
.c-card____comment___all .c-txt--advice span{
 font-weight: bold;
}
.c-card____comment___all {
 display: none;
}
.c-card____comment___all a {
 color: #DB8D6B;
}
.c-txt--note {
 font-size: 10px;
 font-weight: 400;
 line-height: 1.6;
 letter-spacing: 0.06em;
}
@media screen and (max-width: 450px) {
 .c-txt {
  font-size: 3.7333333333vw;
 }
 .c-txt--archive {
  font-size: 3.2vw;
 }
 .c-txt--note {
  font-size: 2.6666666667vw;
 }
}
.c-txtLink {
 color: #B59087;
 display: flex;
 font-size: 14px;
 font-weight: 500;
 line-height: 1.8571428571;
 justify-content: center;
}
.c-txtLink--arrow {
 display: block;
 padding-left: 12px;
 margin-top: -2px;
 height: 20px;
 width: 10px;
}
.c-txtLink--arrow img {
 vertical-align: middle;
}
@media screen  and (min-width: 451px) {
 .c-txtLink {
  transition: all 0.3s;
 }
 .c-txtLink:hover {
  cursor: pointer;
  opacity: 0.7px;
  transition: all 0.3s;
  text-decoration: underline;
 }
}
@media screen and (max-width: 450px) {
 .c-txtLink {
  font-size: 3.7333333333vw;
 }
 .c-txtLink--arrow {
  padding-left: 3.2vw;
  margin-top: -0.5333333333vw;
  height: 5.3333333333vw;
  width: 2.6666666667vw;
 }
}
.c-inner {
 margin: auto;
 max-width: 480px;
 padding: 0 20px;
 width: 100%;
}
@media screen and (max-width: 450.98px) {
 .c-inner {
  padding: 0 5.3333333333vw;
 }
}
.header {
 background-color: #B59087;
 box-sizing: border-box;
 margin: auto;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 z-index: 100;
}
.header-inner {
 align-items: center;
 display: flex;
 justify-content: space-between;
 padding: 10px 20px;
}
.header-link {
 width: 8px;
}
.header-link img {
 margin-top: -6px;
 vertical-align: middle;
}
.header-ttl {
 color: #fff;
 font-size: 18px;
 font-weight: 400;
 letter-spacing: 0.15em;
 line-height: 1;
}
.header-hamburger {
 border-radius: 1px;
 cursor: pointer;
 position: relative;
 height: 17px;
 width: 20px;
 z-index: 101;
}
.header-hamburger span {
 border-radius: 2px;
 background: #fff;
 display: inline-block;
 position: absolute;
 left: 0;
 transition: all 0.4s;
 height: 2px;
 width: 100%;
}
.header-hamburger span:nth-child(1) {
 top: 0;
}
.header-hamburger span:nth-child(2) {
 top: 8px;
}
.header-hamburger span:nth-child(3) {
 top: 16px;
}
@media screen and (max-width: 450px) {
 .header-inner {
  padding: 2.6666666667vw 5.3333333333vw;
 }
 .header-link {
  width: 2.1333333333vw;
 }
 .header-link img {
  margin-top: -1.6vw;
 }
 .header-ttl {
  font-size: 4.8vw;
 }
 .header-hamburger {
  height: 4.5333333333vw;
  width: 5.3333333333vw;
 }
 .header-nav__logo {
  padding: 4vw 5.3333333333vw 4vw 2.9333333333vw;
 }
}
body.is-fixed {
 position: fixed;
 left: 0;
 right: 0;
 height: 100%;
 width: 100%;
}
.header-hamburger.is-active span:nth-child(1) {
 top: 3px;
 left: 0;
 transform: translateY(6px) rotate(-45deg);
 width: 100%;
}
.header-hamburger.is-active span:nth-child(2) {
 opacity: 0;
}
.header-hamburger.is-active span:nth-child(3) {
 top: 15px;
 left: 0;
 transform: translateY(-6px) rotate(45deg);
 width: 100%;
}
.headeer-nav {
 box-sizing: border-box;
 overflow: auto;
 -webkit-overflow-scrolling: touch;
 height: 100%;
}
.header-nav__logo {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 margin: auto;
 padding: 15px 20px 15px 11px;
 background-color: #B59087;
 z-index: 101;
}
.header-nav__ttl {
 color: #fff;
 font-size: 18px;
 font-weight: 400;
 letter-spacing: 0.15em;
 text-align: center;
}
.header-nav__ttl a {
 color: #fff;
}
@media screen and (max-width: 450px) {
 .header-nav__ttl {
  font-size: 4.8vw;
 }
}
.header-menu {
 background-color: #B59087;
 display: none;
 margin: auto;
 overflow: auto !important;
 -webkit-overflow-scrolling: touch !important;
 position: fixed;
 top: 0;
 right: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 100;
}
.header-menu.is-active {
 display: block;
}
.header-menu__list {
 margin: 80px auto;
 max-width: 800px;
 -webkit-overflow-scrolling: touch;
 width: 100%;
 overflow-x: hidden;
 overflow-y: auto;
}
.header-menu__item {
 border-top: 1px dotted #fff;
 display: block;
 padding: 0 0 0 60px;
}
.header-menu__item:last-child {
 border-bottom: 1px dotted #fff;
}
.header-menu__item .header-menu__header {
 padding: 22px 0;
 position: relative;
}
.header-menu__item .header-menu__header::before {
 content: " ";
 background-repeat: no-repeat;
 background-size: contain;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: 0;
 left: -5%;
 bottom: 0;
 vertical-align: middle;
}
.header-menu__item:nth-child(1) .header-menu__header::before {
 background-image: url(/actioplus/assets/img/common/img_nav01.png);
 height: 40px;
 width: 50px;
}
.header-menu__item:nth-child(2) .header-menu__header::before {
 background-image: url(/actioplus/assets/img/common/img_nav02.png);
 height: 40px;
 width: 50px;
}
.header-menu__item:nth-child(3) .header-menu__header::before {
 background-image: url(/actioplus/assets/img/common/img_nav03.png);
 height: 40px;
 width: 50px;
}
.header-menu__item:nth-child(4) .header-menu__header::before {
 background-image: url(/actioplus/assets/img/common/img_nav04.png);
 height: 40px;
 width: 50px;
}
.header-menu__item:nth-child(5) .header-menu__header::before {
 background-image: url(/actioplus/assets/img/common/img_nav05.png);
 height: 50px;
 width: 50px;
}
.header-menu__item:nth-child(6) .header-menu__header::before {
 background-image: url(/actioplus/assets/img/common/img_nav06.png);
 height: 50px;
 width: 50px;
}
.header-menu__item:nth-child(7) .header-menu__header::before {
 background-image: url(/actioplus/assets/img/common/img_nav07.png);
 height: 50px;
 width: 50px;
}
.header-menu__txt {
 color: #fff;
 display: inline-block;
 font-size: 20px;
 font-weight: 500;
 line-height: 1.3;
}
.header-menu__txt--S {
 color: #fff;
 display: inline-block;
 font-size: 14px;
 font-weight: 500;
 line-height: 1.8571428571;
 margin-top: 22px;
}
.header-menu__link {
 color: #fff;
 display: block;
 position: relative;
}
.header-menu__link::after {
 content: " ";
 background-image: url(/actioplus/assets/img/common/arrow_right--wh.png);
 background-repeat: no-repeat;
 background-size: contain;
 display: inline-block;
 margin-top: -6px;
 position: absolute;
 top: 50%;
 right: 5%;
 vertical-align: middle;
 height: 14px;
 width: 9px;
}
.iframe_header_menu.header-menu__link::after {
 right: 22%;
}
.header-menu__link:first-child {
 margin-top: 0;
}
.header-menu__header.is-open .header-menu__link::after {
 content: " ";
 transform: rotate(90deg);
}
.header-menu__header.is-open .header-menu__link--off::after {
 content: " ";
 transform: rotate(0deg) !important;
}
.header-menu.is-active {
 overflow: hidden;
}
@media screen and (min-width: 1201px) {
 .header-menu__list {
  margin: 100px auto;
 }
}
@media screen  and (min-width: 451px) {
 .header-menu__item .header-menu__header::before {
  content: " ";
  left: -8%;
 }
 .header-menu__list {
  margin: 80px auto;
  max-width: 800px;
 }
}
@media screen and (max-width: 450px) {
 .header-hamburger.is-active span:nth-child(1) {
  top: 0.8vw;
 }
 .header-hamburger.is-active span:nth-child(3) {
  top: 3.7333333333vw;
 }
 .header-menu__list {
  margin: 21.3333333333vw auto;
 }
 .header-menu__item {
  padding: 0 0 0 16vw;
 }
 .header-menu__item .header-menu__header {
  padding: 4.8vw 0;
 }
 .header-menu__item .header-menu__header::before {
  left: -21%;
 }
 .header-menu__item .header-menu__header:nth-child(1)::before {
  height: 10.6666666667vw;
  width: 13.3333333333vw;
 }
 .header-menu__item .header-menu__header:nth-child(2)::before {
  height: 10.6666666667vw;
  width: 13.3333333333vw;
 }
 .header-menu__item .header-menu__header:nth-child(3)::before {
  height: 10.6666666667vw;
  width: 13.3333333333vw;
 }
 .header-menu__item .header-menu__header:nth-child(4) {
  padding: 4vw 0 5.6vw 16vw;
 }
 .header-menu__item .header-menu__header:nth-child(4)::before {
  height: 10.6666666667vw;
  width: 13.3333333333vw;
 }
 .header-menu__item .header-menu__header:nth-child(4) .header-menu__txt {
  padding-bottom: 2.6666666667vw;
 }
 .header-menu__item .header-menu__header:nth-child(5)::before {
  height: 13.3333333333vw;
  width: 13.3333333333vw;
 }
 .header-menu__item .header-menu__header:nth-child(6) {
  padding: 3.7333333333vw 0 8vw 16vw;
 }
 .header-menu__item .header-menu__header:nth-child(6)::before {
  height: 12vw;
  width: 14.6666666667vw;
 }
 .header-menu__item .header-menu__header:nth-child(6) .header-menu__txt {
  padding-bottom: 2.6666666667vw;
 }
 .header-menu__txt {
  font-size: 5.3333333333vw;
 }
 .header-menu__txt--S {
  font-size: 3.7333333333vw;
  margin-top: 5.8666666667vw;
 }
 .header-menu__link::after {
  margin-top: -1.6vw;
  right: 7%;
  height: 3.7333333333vw;
  width: 2.4vw;
 }
 .iframe_header_menu.header-menu__link::after {
  margin-top: -1.6vw;
  right: 22%;
  zoom: 1.2;
  height: 3.7333333333vw;
  width: 2.4vw;
 }
}
.header-tab {
 background-color: #fff;
}
.header-tab__list {
 align-items: center;
 display: flex;
 justify-content: center;
 margin: auto;
 max-width: 800px;
}
.header-tab__item {
 font-size: 15px;
 font-weight: 400;
 line-height: 2.4;
 text-align: center;
}
.header-tab__item:nth-child(1) {
 width: 76px;
}
.header-tab__item:nth-child(1) a:hover {
 position: relative;
 color: #B59087;
}
.header-tab__item:nth-child(1) a:hover::after {
 content: "";
 background-color: #B59087;
 margin: auto;
 position: absolute;
 right: 0;
 bottom: 0;
 left: 0;
 height: 4px;
 width: 100%;
}
.header-tab__item:nth-child(2) {
 width: 103px;
}
.header-tab__item:nth-child(2) a:hover {
 position: relative;
 color: #B59087;
}
.header-tab__item:nth-child(2) a:hover::after {
 content: "";
 background-color: #B59087;
 margin: auto;
 position: absolute;
 right: 0;
 bottom: 0;
 left: 0;
 height: 4px;
 width: 100%;
}
.header-tab__item:nth-child(3) {
 width: 120px;
}
.header-tab__item:nth-child(3) a:hover {
 position: relative;
 color: #B59087;
}
.header-tab__item:nth-child(3) a:hover::after {
 content: "";
 background-color: #B59087;
 margin: auto;
 position: absolute;
 right: 0;
 bottom: 0;
 left: 0;
 height: 4px;
 width: 100%;
}
.header-tab__item:nth-child(4) {
 width: 76px;
}
.header-tab__item:nth-child(4) a:hover {
 position: relative;
 color: #B59087;
}
.header-tab__item:nth-child(4) a:hover::after {
 content: "";
 background-color: #B59087;
 margin: auto;
 position: absolute;
 right: 0;
 bottom: 0;
 left: 0;
 height: 4px;
 width: 100%;
}
.header-tab__item a {
 color: #796958;
 display: block;
 padding: 12px 0;
}
.header-tab__item--mr {
 color: #B59087;
 position: relative;
}
.header-tab__item--mr a{
 color: #DB8D6B;
}
.header-tab__item--mr::after {
 content: "";
 background-color: #B59087;
 margin: auto;
 position: absolute;
 right: 0;
 bottom: 0;
 left: 0;
 height: 4px;
 width: 100%;
}
.header-tab__item--mr span {
 display: block;
 padding: 12px 0;
}
@media screen  and (min-width: 451px) {
 .header-tab__list {
  justify-content: center;
  margin: auto;
  max-width: 800px;
 }
}
@media screen and (max-width: 450px) {
 .header-tab__list {
  justify-content: space-between;
 }
 .header-tab__item {
  font-size: 4vw;
  padding: 0 0;
 }
 .header-tab__item:nth-child(1) {
  width: 20.2666666667vw;
 }
 .header-tab__item:nth-child(2) {
  width: 27.4666666667vw;
 }
 .header-tab__item:nth-child(3) {
  width: 32vw;
 }
 .header-tab__item:nth-child(4) {
  width: 20.2666666667vw;
 }
 .header-tab__item--mr::after {
  height: 1.0666666667vw;
 }
}
.header-menu__inner {
 display: none;
 padding-bottom: 22px;
}
.icon_puls {
 position: relative;
 display: inline-block;
 width: 100%;
 height: 100%;
}
.icon_puls::before {
 content: "";
 background: #fff;
 display: block;
 position: absolute;
 right: 4%;
 top: 50%;
 transition: all 0.4s;
 transform: translate(-50%, -50%);
 width: 12px;
 height: 2px;
}
.icon_puls::before {
 transform: translate(-50%, -50%) rotate(90deg);
}
.icon_puls::after {
 content: "";
 background: #fff;
 display: block;
 position: absolute;
 right: 4%;
 top: 50%;
 transition: all 0.4s;
 transform: translate(-50%, -50%);
 width: 12px;
 height: 2px;
}
.header-menu__header.is-open .icon_puls::before {
 transform: translate(-50%, -50%) rotate(0deg);
}
@media screen  and (min-width: 451px) {
 .header-menu__inner {
  padding-bottom: 22px;
 }
}
@media screen and (max-width: 450px) {
 .header-menu__inner {
  padding-bottom: 5.8666666667vh;
 }
}
.footer {
 background-color: #B59087;
 padding: 52px 20px 24px;
 position: relative;
}
.footer-jmpBtn {
 margin: auto;
 position: absolute;
 top: -30px;
 left: 50%;
 transform: translateX(-50%);
}
.footer-jmpBtn a {
 border: #B59087 1px solid;
 background-color: #fff;
 border-radius: 50%;
 display: block;
 position: relative;
 height: 60px;
 width: 60px;
}
.footer-jmpBtn a img {
 margin: auto;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 height: 10px;
 width: 17px;
}
.footer-inner {
 text-align: center;
}
.footer-logo {
 margin: auto;
 width: 166px;
}
.footer-link--list {
 margin-top: 31px;
}
.footer-link--item {
 color: #fff;
 font-size: 12px;
 font-weight: 500;
 line-height: 1.5;
 padding-bottom: 24px;
}
.footer-link--item a {
 color: #fff;
 position: relative;
}
.footer-copy {
 color: #fff;
 font-size: 10px;
 font-weight: 500;
 line-height: 4.5;
}
@media screen and (max-width: 450px) {
 .footer {
  padding: 13.8666666667vw 5.3333333333vw 6.4vw;
 }
 .footer-jmpBtn {
  top: -8vw;
 }
 .footer-jmpBtn a {
  height: 16vw;
  width: 16vw;
 }
 .footer-jmpBtn a img {
  height: 2.333333vw;
  width: 4.6333333vw;
 }
 .footer-logo {
  width: 44.2666666667vw;
 }
 .footer-link--list {
  margin-top: 8.2666666667vw;
 }
 .footer-link--item {
  font-size: 3.2vw;
  padding-bottom: 6.4vw;
 }
 .footer-copy {
  font-size: 2.6666666667vw;
 }
}
.c-btn {
 color: #fff;
 border-radius: 50px;
 box-sizing: border-box;
 display: block;
 font-size: 16px;
 font-weight: 400;
 line-height: 1;
 margin: auto;
 position: relative;
 text-align: center;
 transition: all 0.3s;
}
.c-btn::after {
 content: " ";
 background-image: url(/actioplus/assets/img/common/arrow_right--wh.png);
 background-repeat: no-repeat;
 background-size: contain;
 display: inline-block;
 margin-top: -7px;
 position: absolute;
 top: 50%;
 right: 7%;
 vertical-align: middle;
}
.c-btn:hover {
 opacity: 0.8;
 transition: all 0.3s;
}
.c-btn--main {
 background-color: #B59087;
 padding: 24px;
 max-width: 335px;
}
.c-btn--main::after {
 height: 20px;
 width: 10px;
}
.c-btn--2nd {
 padding: 20px;
 max-width: 295px;
}
.c-btn--2nd::after {
 height: 20px;
 width: 10px;
}
@media screen  and (min-width: 451px) {
 .c-btn {
  transition: all 0.3s;
 }
 .c-btn:hover {
  opacity: 0.8;
  transition: all 0.3s;
 }
}
@media screen and (max-width: 450px) {
 .c-btn {
  border-radius: 13.3333333333vw;
  font-size: 4.2666666667vw;
 }
 .c-btn::after {
  margin-top: -1.8666666667vw;
 }
 .c-btn--main {
  padding: 6.4vw;
 }
 .c-btn--main::after {
  height: 5.3333333333vw;
  width: 2.6666666667vw;
 }
 .c-btn--2nd {
  padding: 5.3333333333vw;
 }
 .c-btn--2nd::after {
  height: 5.3333333333vw;
  width: 2.6666666667vw;
 }
}

.movieWide{
 margin-bottom: 8px;
}
.movieWide img{
 cursor: pointer;
}
.c-card {
 background-color: #fff;
 border-radius: 16px;
 box-sizing: border-box;
 margin: auto;
 max-width: 337px;
 padding: 28px 20px;
}
.c-card__img {
 border-radius: 14px;
}
.c-card--txtCenter {
 text-align: center;
}
.c-card__ttl {
 font-size: 18px;
 font-weight: 500;
 line-height: 1.4444444444;
 letter-spacing: -0.01em;
 padding-top: 16px;
}
.c-card__txt {
 margin-top: 8px;
}
.c-card__subTtl {
 color: #DB8D6B;
 font-size: 26px;
 margin: 17px auto 12px;
 position: relative;
}
.c-card__subTtl::after {
 content: " ";
 border-top: 1px dotted #DB8D6B;
 display: inline-block;
 position: absolute;
 top: 0;
 right: 0;
 bottom: -23%;
 left: 38%;
 top: 50%;
 width: 182px;
 height: 1px;
}
/*
.c-card__wrap {
 align-items: flex-start;
 display: flex;
 justify-content: space-between;
}
*/
.c-card__wrap {
 overflow: hidden;
}
.c-card__wrap.movie_tag{
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.c-card__wrap.c-card__wrap__other {
 border-top: 1px dotted #DB8D6B;
 padding: 20px 0 0 0;
}
.c-card__wrap.c-card__wrap__other__center {
 border-top: 1px dotted #DB8D6B;
 padding: 20px 0;
}
.c-card__wrap.c-card__wrap__other__bottom {
 padding: 0 0 20px 0;
}
.item-list .c-card__wrap {
 flex-wrap: wrap;
 max-width: 337px;
 margin-left: auto;
 margin-right: auto;
}
.item-list .c-card__wrap a.item-link{
 display: block;
 color: inherit;
 margin: -20px;
 padding: 20px;transition: all 0.3s;
}
.item-list .c-card__wrap a.item-link:hover{
 opacity: 0.75;
}

.c-card__contents {
 padding-left: 0.5em;
}
.c-card__img--personal {
 width: 76px;
 float: left;
 padding: 0 10px 24px 0;
}
.c-card__name {
 font-size: 14px;
 font-weight: 400;
 /*line-height: 1.8571428571;*/
 letter-spacing: 0.06em;
}
.c-card__age {
 color: #DB8D6B;
}
.c-card__attribute {
 font-size: 10px;
 font-weight: 400;
 line-height: 1.8571428571;
 margin: 0 0 6px 0;
 letter-spacing: 0.06em;
 color: #988571;
}
@media screen and (max-width: 450px) {
 .c-card {
  border-radius: 4.2666666667vw;
  padding: 7.4666666667vw 5.3333333333vw;
 }
 .c-card__img {
  border-radius: 3.7333333333vw;
 }
 .c-card__ttl {
  font-size: 4.8vw;
  padding-top: 4.2666666667vw;
 }
 .c-card__txt {
  margin-top: 2.1333333333vw;
 }
 .c-card__subTtl {
  font-size: 6.9333333333vw;
  margin: 4.5333333333vw auto 3.2vw;
 }
 .c-card__subTtl::after {
  width: 48.5333333333vw;
 }
 .c-card__contents {
 }
 .c-card__img--personal {
 }
 .c-card__name {
  font-size: 3.5333333333vw;
 }
}
.c-card--2column {
 border-radius: 10px;
 padding: 20px;
  width: 48%;
 margin: 0;
}
.c-card--2column .c-card__ttl {
 font-size: 14px;
 padding-top: 12px;
}
.c-card--2column .c-card__txt {
 margin-top: 4px;
}
.c-card__price {
 color: #B59087;
 font-size: 14px;
 text-align: right;
}
@media screen and (max-width: 450px) {
 .c-card--2column {
  padding: 5%;
  width: 48.5%;

 }
 .c-card--2column .c-card__ttl {
  padding-top: 3.2vw;
 }
 .c-card--2column .c-card__txt {
  margin-top: 1.0666666667vw;
 }
 .c-card__price {
  color: #B59087;
  font-size: 3.7333333333vw;
  text-align: right;
 }
}
.c-card__list {
 margin-bottom: 25px;
}
.c-card__list a {
  color: #796958;
}
.c-card__item {
 border-top: 1px dotted #796958;
}
.c-card__item:last-child {
 border-bottom: 1px dotted #796958;
}
.c-card__item a{
  padding: 10px 0;
 display: block;
}
.c-card__box{
 display: table;
}
.c-card__imgbox{
 display: inline-block;
}
.c-card__img--thumbnail {
 width: 84px;
}
.c-card__article {
 display: inline-block;
padding-left: 10px;
}
.c-card__article__ttl {
 font-size: 14px;
 font-weight: 400;
 line-height: 1.4571428571;
 letter-spacing: 0.06em;
}
.c-card__date {
 color: #DB8D6B;
 padding-top: 5px;
}
@media screen and (max-width: 450px) {
 .c-card__list {
  margin-bottom: 6.6666666667vw;
 }
 .c-card__item {

 }
 .c-card__img--thumbnail {
  width: 22.4vw;
 }
 .c-card__article {

 }
 .c-card__article__ttl {
  font-size: 3.7333333333vw;
 }
 .c-card__date {
  padding-top: 1.3333333333vw;
 }
}
.c-card__box {
 align-items: center;
 display: flex;
 justify-content: start;
}
.c-card__box.flex-wrap {

}
.c-card__video__txt {
 color: #DB8D6B;
 display: block;
 font-size: 12px;
 font-weight: 400;
 line-height: 1.6666666667;
 letter-spacing: 0.06em;
 padding: 0 0 0 5px;
}
.c-card__video__tag {
 border: 1px solid #DB8D6B;
 border-radius: 25px;
 box-sizing: border-box;
 color: #DB8D6B;
 display: block;
 font-size: 12px;
 font-weight: 400;
 line-height: 1.6666666667;
 letter-spacing: 0.06em;
 padding: 0 7px;
}
.c-card__btn {
 margin-top: 14px;
}
@media screen and (max-width: 450px) {
 .c-card__btn {
  margin-top: 3.7333333333vw;
  margin-top: 14px;
 }
}
.c-service__card {
 margin-top: 58px;
}
@media screen and (max-width: 450px) {
 .c-service__card {
  margin-top: 15.4666666667vw;
 }
}
@media screen and (max-width: 450px) {
 .top {
  padding: 0 0 8vw;
 }
}
.top-intro {
 margin: 38px auto 60px;
}
.top-intro__ttl {
 background-image: url(/actioplus/assets/img/top/bg_better-days.png);
 background-repeat: no-repeat;
 background-size: 25%;
 background-position: top 20% center;
 padding-top: 73px;
 text-align: center;
 position: relative;
}
.top-intro__ttl::after {
 content: " ";
 border-top: 2px dotted #796958;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: 0;
 right: 0;
 bottom: -124%;
 left: 0;
 width: 22px;
 height: 1px;
}
.top-intro__txt {
 margin-top: 35px;
 text-align: center;
}
.top-intro__list {
 margin-top: 38px;
}
.top-intro__item {
 margin-bottom: 10px;
}
.top-btn__contents {
 background-color: #fff;
 color: #796958;
 padding: 16px 24px 18px 80px;
 text-align: left;
 width: 335px;
}
.top-btn__contents::before {
 content: " ";
 background-repeat: no-repeat;
 background-size: contain;
 display: inline-block;
 margin-top: 0;
 position: absolute;
 top: 50%;
 left: 7%;
 transform: translateY(-50%);
 vertical-align: middle;
}
.top-btn__contents::after {
 content: " ";
 background-repeat: no-repeat;
 background-size: contain;
 display: inline-block;
 margin-top: -7px;
 position: absolute;
 top: 50%;
 right: 6%;
 vertical-align: middle;
}
.top-btn__contents span {
 display: block;
 padding-bottom: 5px;
}
.top-btn__contents01::before {
 background-image: url(/actioplus/assets/img/top/img_icon01.png);
 height: 52px;
 width: 52px;
}
.top-btn__contents01::after {
 background-image: url(/actioplus/assets/img/common/arrow_right--common.png);
 height: 20px;
 width: 10px;
}
.top-btn__contents01 span {
 color: #DB8D6B;
}
.top-btn__contents02::before {
 background-image: url(/actioplus/assets/img/top/img_icon02.png);
 height: 52px;
 width: 52px;
}
.top-btn__contents02::after {
 background-image: url(/actioplus/assets/img/common/arrow_right--common.png);
 height: 20px;
 width: 10px;
}
.top-btn__contents02 span {
 color: #DB8D6B;
}
.top-btn__contents03 span {
 color: #DB8D6B;
}
.top-btn__contents03::before {
 background-image: url(/actioplus/assets/img/top/img_icon03.png);
 height: 52px;
 width: 52px;
}
.top-btn__contents03::after {
 background-image: url(/actioplus/assets/img/common/arrow_right--common.png);
 height: 20px;
 width: 10px;
}
.top-btn__contents03 a span {
 color: #DB8D6B;
}
.top-btn__contents04::before {
 background-image: url(/actioplus/assets/img/top/img_icon04.png);
 height: 52px;
 width: 52px;
}
.top-btn__contents04::after {
 background-image: url(/actioplus/assets/img/common/arrow_right--common.png);
 height: 20px;
 width: 10px;
}
.top-btn__contents04 span {
 color: #DB8D6B;
}
.top-btn__contents05::before {
 background-image: url(/actioplus/assets/img/top/img_icon05.png);
 height: 52px;
 width: 52px;
}
.top-btn__contents05::after {
 background-image: url(/actioplus/assets/img/common/arrow_right--common.png);
 height: 20px;
 width: 10px;
}
.top-btn__contents05 span {
 color: #DB8D6B;
}
@media screen and (min-width: 451px) {
 .top-intro__ttl {
  background-size:450px;
  background-position: top 30% center;
 }
}
@media screen and (max-width: 450px) {
 .top-intro {
  margin: 10.1333333333vw auto 16vw;
 }
 .top-intro__ttl {
  background-position: top left -7.7333333333vw;
  background-size: 110%;
 }
 .top-intro__ttl::after {
  width: 5.8666666667vw;
 }
 .top-intro__txt {
  margin-top: 9.3333333333vw;
 }
 .top-intro__list {
  margin-top: 10.1333333333vw;
 }
 .top-intro__item {
  margin-bottom: 2.6666666667vw;
 }
 .top-intro__item .c-txt--main{
  font-size: 15px;
 }
 .top-btn__contents {
  padding: 4.2666666667vw 6.4vw 4.8vw 21.3333333333vw;
  width: 89.3333333333vw;
 }
 .top-btn__contents::after {
  margin-top: -1.8666666667vw;
 }
 .top-btn__contents span {
  padding-bottom: 1.3333333333vw;
 }
 .top-btn__contents01::before {
  height: 13.8666666667vw;
  width: 13.8666666667vw;
 }
 .top-btn__contents01::after {
  height: 5.3333333333vw;
  width: 2.6666666667vw;
 }
 .top-btn__contents02::before {
  height: 13.8666666667vw;
  width: 13.8666666667vw;
 }
 .top-btn__contents02::after {
  height: 5.3333333333vw;
  width: 2.6666666667vw;
 }
 .top-btn__contents03::before {
  height: 13.8666666667vw;
  width: 13.8666666667vw;
 }
 .top-btn__contents03::after {
  height: 5.3333333333vw;
  width: 2.6666666667vw;
 }
 .top-btn__contents04::before {
  height: 13.8666666667vw;
  width: 13.8666666667vw;
 }
 .top-btn__contents04::after {
  height: 5.3333333333vw;
  width: 2.6666666667vw;
 }
 .top-btn__contents05::before {
  height: 13.8666666667vw;
  width: 13.8666666667vw;
 }
 .top-btn__contents05::after {
  height: 5.3333333333vw;
  width: 2.6666666667vw;
 }
}
.top-diagnose {
 background-image: url(/actioplus/assets/img/top/bg_self-check02.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 background-position: top center;
 margin: 0 auto 20px;
 padding: 60px 0 100px;
}
.top-diagnose__ttl {
 background-image: url(/actioplus/assets/img/top/bg_self-check.png);
 background-repeat: no-repeat;
 background-size: 40%;
 background-position: top center;
 font-size: 22px;
 text-align: center;
 padding-top: 76px;
 position: relative;
}
.top-diagnose__lead {
 display: block;
 padding-bottom: 10px;
}
.top-diagnose__img {
 display: block;
 margin: 24px auto 10px;
 width: 177px;
}
.top-diagnose__txt {
 text-align: center;
}
.top-diagnose__btn {
 margin-top: 18px;
}
@media screen  and (min-width: 451px) {
 .top-diagnose {
  background-size: 100% 100%;
  background-position: top center;
 }
 .top-diagnose__ttl {
  background-size: 320px;
  background-position: top 20% center;
 }
}
@media screen and (max-width: 450px) {
 .top-diagnose {
  margin: 0 auto 5.3333333333vw;
  padding: 16vw 0 26.6666666667vw;
 }
 .top-diagnose__ttl {
  background-size: 94%;
  font-size: 5.8666666667vw;
  padding-top: 20.2666666667vw;
 }
 .top-diagnose__lead {
  padding-bottom: 2.6666666667vw;
 }
 .top-diagnose__img {
  margin: 6.4vw auto 2.6666666667vw;
  width: 47.2vw;
 }
 .top-diagnose__btn {
  margin-top: 4.8vw;
 }
}
.top-pickup {
 background-image: url(/actioplus/assets/img/top/bg_pattern.png);
 background-repeat: no-repeat;
 background-size: 100%;
 background-position: top 110px center;
 padding-bottom: 77px;
}
.top-pickup__ttl {
 background-image: url(/actioplus/assets/img/top/bg_pick-up.png);
 background-repeat: no-repeat;
 background-size: 40%;
 background-position: top 100% center;
 padding-top: 93px;
 position: relative;
 text-align: center;
}
.top-pickup__ttl.recruitment_ttl {
  background-image: url(/actioplus/assets/img/top/bg_recruitment.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top 100% center;
  font-size: 22px;
}
.top-pickup__ttl::after {
 content: " ";
 border-top: 2px dotted #796958;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: 0;
 right: 0;
 bottom: -123%;
 left: 0;
 width: 22px;
 height: 1px;
}
.pickup_anchor {
 color: #796958;
}
.top-pickup__card {
 margin-top: 38px;
}
@media screen  and (min-width: 451px) {
 .top-pickup__ttl {
  background-size: 260px;
  background-position: top 110% center;
 }
}
@media screen and (max-width: 450px) {
 .top-pickup {
  background-position: top 29.3333333333vw center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 20.5333333333vw;
 }
 .top-pickup--bg {
  padding-top: 24.8vw;
 }
 .top-pickup__ttl {
  background-size: 78%;
  background-position: top 118% center;
 }
 .top-pickup__ttl::after {
  width: 5.8666666667vw;
 }
 .top-pickup__card {
  margin-top: 10.1333333333vw;
 }
}
.l-intro {
 margin-top: 40px;
 padding-bottom: 70px;
}
@media screen and (max-width: 450px) {
 .l-intro {
  margin-top: 10.6666666667vw;
  padding-bottom: 18.6666666667vw;
 }
}
.l-tips__wrap {
 margin-top: -5%;
 margin-bottom: 70px;
 padding: 0 0 65px;
}
.l-tips__ttl {
 font-size: 22px;
 text-align: center;
 padding-top: 104px;
 position: relative;
 position: relative;
}
.l-tips__ttl::after {
 content: " ";
 border-top: 2px dotted #796958;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: 0;
 right: 0;
 bottom: -122%;
 left: 0;
 width: 22px;
 height: 1px;
}
.l-tips__lead {
 display: block;
 padding-bottom: 10px;
}
.l-tips__wrap .c-card__ttl {
 padding-top: 0;
 padding-bottom: 17px;
}
.l-tips__column {
 margin-top: 36px;
}
@media screen and (max-width: 450px) {
 .l-tips__wrap {
  margin-bottom: 18.6666666667vw;
  padding: 0 0 12.3333333333vw;
 }
 .l-tips__ttl {
  font-size: 5.8666666667vw;
  padding-top: 17.0666666667vw;
 }
 .l-tips__lead {
  padding-bottom: 2.6666666667vw;
 }
}
.l-diagnose {
 margin: 85px auto 76px;
 padding-bottom: 50px;
}
.l-diagnose__ttl {
 font-size: 22px;
 text-align: center;
 padding: 50px 0 50px;
 position: relative;
}
.l-diagnose__ttl::after {
 content: " ";
 border-top: 2px dotted #796958;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: 0;
 right: 0;
 bottom: -65%;
 left: 0;
 width: 22px;
 height: 1px;
}
.l-diagnose__img {
 display: block;
 margin: -12px auto 23px;
 width: 177px;
}
.l-diagnose__txt {
 text-align: center;
}
@media screen and (max-width: 450px) {
 .l-diagnose {
  margin: 22.6666666667vw auto 21.3333333333vw;
  padding-bottom: 13.3333333333vw;
 }
 .l-diagnose__ttl {
  font-size: 5.8666666667vw;
  padding: 13.3333333333vw 0 13.3333333333vw;
 }
 .l-diagnose__ttl::after {
  width: 5.8666666667vw;
 }
 .l-diagnose__img {
  margin: -3.2vw auto 6.1333333333vw;
  width: 47.2vw;
 }
}
.l-tips .l-item__wrap .c-btn--2nd {
  margin: 20px 0 30px 0;
}
.l-item__wrap {
 margin-bottom: 50px;
 padding: 0 0 55px;
}
.l-item__wrap.item_list_only {
 margin-bottom: 0;
}
.l-item__contents{
 max-width: 333px;
 margin-left: auto;
 margin-right: auto;
}
.l-item__ttl {
 font-size: 22px;
 text-align: center;
 padding: 85px 0 38px;
 position: relative;
}
.l-item__ttl::after {
 content: " ";
 border-top: 2px dotted #796958;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: 0;
 right: 0;
 bottom: -77%;
 left: 0;
 width: 22px;
 height: 1px;
}
@media screen and (max-width: 450px) {
 .l-item__wrap {
  margin-bottom: 13.3333333333vw;
  padding: 0 0 14.6666666667vw;
 }
 .l-item__wrap.item_list_only {
   margin-bottom: 0;
   padding: 0 0 14.6666666667vw;
 }
 .l-item__ttl {
  font-size: 5.8666666667vw;
  padding: 25.3333333333vw 0 10.1333333333vw;
 }
 .l-item__ttl::after {
  width: 5.8666666667vw;
 }
}
.l-service {
 margin: 130px auto 0;
 padding-bottom: 76px;
}
.l-service__ttl {
 font-size: 22px;
 text-align: center;
 padding: 70px 0 0;
 position: relative;
}
.l-service__ttl::after {
 content: " ";
 border-top: 2px dotted #796958;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: 0;
 right: 0;
 bottom: -124%;
 left: 0;
 width: 22px;
 height: 1px;
}
.l-service__card {
 margin-top: 25px;
}
@media screen and (max-width: 450px) {
 .l-service {
  margin: 34.6666666667vw auto 0;
  padding-bottom: 20.2666666667vw;
 }
 .l-service__ttl {
  font-size: 5.8666666667vw;
  padding: 18.1333333333vw 0 0;
 }
 .l-service__ttl::after {
  width: 5.8666666667vw;
 }
 .l-service__card {
  margin-top: 6.6666666667vw;
 }
}
.modal-video-body {
 padding: 0 10px;
}
.modal-video-close-btn {
 top: -45px;
 right: 0;
}
@media screen and (max-width: 450px) {
 .modal-video-body {
  margin-top: 5.3333333333vw;
  padding: 0 2.6666666667vw;
 }
 .modal-video-close-btn {
  top: -12vw;
  right: 0;
 }
}
@media (orientation: landscape) and (max-width: 1024px) {
 .modal-video-body {
  max-width: 56.640625vw;
 }
 .modal-video-close-btn {
  top: -4.8828125vw;
 }
}
.l-careItem {
 margin-bottom: 60px;
 padding: 0 0 43px;
}
.l-item__ttl {
 background-image: url(/actioplus/assets/img/menstruation/item/bg_care-item.png);
 background-repeat: no-repeat;
 background-size: 360px;
 background-position: top 30% center;
 font-size: 22px;
 padding-top: 100px;
 position: relative;
 text-align: center;
}
.l-item__ttl::after {
 content: " ";
 border-top: 2px dotted #796958;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: 0;
 right: 0;
 bottom: -78%;
 left: 0;
 width: 22px;
 height: 1px;
}
.l-item__img {
 margin: auto;
 max-width: 333px;
 width: 100%;
}
.l-item__name {
 font-size: 18px;
 font-weight: 500;
 line-height: 1.4444444444;
 letter-spacing: -0.01em;
 padding-top: 16px;
}
.l-item__txt {
 font-size: 14px;
 line-height: 1.8571428571;
 margin-top: 8px;
}
@media screen and (max-width: 450px) {
 .l-careItem {
  margin-bottom: 16vw;
 }
 .l-item__ttl {
  background-size: 95%;
  background-position: top center;
  font-size: 5.8666666667vw;
  padding-top: 20.2666666667vw;
 }
 .l-item__img {
  border-radius: 3.7333333333vw;
 }
 .l-item__name {
  font-size: 4.8vw;
  padding-top: 6.4vw;
 }
 .l-item__txt {
  font-size: 3.7333333333vw;
  margin-top: 1.6vw;
 }
}
.mr-item__area {
 background-color: #EDE4DC;
 padding-bottom: 85px;
 position: relative;
}
.mr-item__area::before {
 content: " ";
 background-image: url(/actioplus/assets/img/menstruation/item/bg_item--upper.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: -50px;
 right: 0;
 left: 0;
 height: 50px;
 width: 100%;
}
@media screen and (max-width: 450px) {
 .mr-item__area {
  padding-bottom: 22.6666666667vw;
 }
 .mr-item__area::before {
  background-size: contain;
  top: -2%;
  height: 13.3333333333vw;
 }
}
.l-voice__ttl {
    background-image: url(/actioplus/assets/img/menstruation/item/bg_voice.png);
    background-repeat: no-repeat;
    background-size: 180px;
    background-position: top 80% center;
    font-size: 22px;
    padding-top: 50px;
    position: relative;
    text-align: center;
}
.l-voice__ttl::after {
 content: " ";
 border-top: 2px dotted #796958;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: 0;
 right: 0;
 bottom: -120%;
 left: 0;
 width: 22px;
 height: 1px;
}
.mr-item__btn {
 background-color: #B59087;
}
.mr-item__area .l-voice .l-item__wrap {
 margin-top: 35px;
 margin-bottom: 30px;
 padding-bottom: 0;
}
.mr-item__area .l-voice .l-service__card {
 padding: 20px;
}
.mr-item__area .l-voice .l-service__card:nth-child(2) {
 margin-top: 10px;
}
@media screen and (max-width: 450px) {
 .l-voice__ttl {
  background-size: 45%;
  background-position: top 90% center;
  font-size: 5.8666666667vw;
 }
 .mr-item__area .l-voice .l-item__wrap {
  margin-top: 9.3333333333vw;
  margin-bottom: 8vw;
  padding-bottom: 0;
 }
 .mr-item__area .l-voice .l-service__card {
  padding: 5.3333333333vw;
 }
 .mr-item__area .l-voice .l-service__card:nth-child(2) {
  margin-top: 2.6666666667vw;
 }
}
.l-contents-item {
 margin-top: 34px;
}
.l-contents-item__ttl {
 background-image: url(/actioplus/assets/img/menstruation/item/bg_item.png);
 background-repeat: no-repeat;
 background-size: 180px;
 background-position: top 50% center;
 font-size: 22px;
 padding-top: 93px;
 position: relative;
 text-align: center;
}
.l-contents-item__ttl::after {
 content: " ";
 border-top: 2px dotted #796958;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: 0;
 right: 0;
 bottom: -120%;
 left: 0;
 width: 22px;
 height: 1px;
}
@media screen and (max-width: 450px) {
 .l-contents-item {
  margin-top: 9.0666666667vw;
 }
 .l-contents-item__ttl {
  background-size: 45%;
  background-position: top 90% center;
  font-size: 5.8666666667vw;
 }
 .mr-item__area .l-contents-item .c-card__wrap {
  margin-top: 2.6666666667vw;
 }
}
.sr-result {
 background-image: url(/actioplus/assets/img/menstruation/selfcheck/result/bg_top01.png);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: top center;
 margin-bottom: 8px;
 padding: 30px 0 90px;
}
.sr-result2 {
 background-image: url(/actioplus/assets/img/menstruation/selfcheck/result/bg_top02.png);
 background-repeat: no-repeat;
 background-size: 130%;
 background-position: top 80% right 40%;
 margin-bottom: 8px;
 padding: 30px 0 90px;
}
.sr-result__img {
 margin: auto;
 padding-bottom: 20px;
 width: 276px;
}
.sr-result__txt {
 text-align: center;
}
.sr-result__txt__num {
 text-align: center;
 font-size: 15px;
 margin: 0 0 14px 0;
}
.sr-result__txt__num span{
 font-weight: bold;
}
.sr-result__txt span{
 font-size: 12px;
}
@media screen  and (min-width: 451px) {
 .sr-result {
  background-size: cover;
 }
}
@media screen and (max-width: 450px) {
 .sr-result {
  background-size: 100% 100%;
  background-position: top center;
  margin-bottom: 2.1333333333vw;
  padding: 8vw 0 24vw;
 }
 .sr-result2 {
  margin-bottom: 2.1333333333vw;
  padding: 8vw 0 16vw;
 }
 .sr-result__img {
  padding-bottom: 5.3333333333vw;
  width: 73.6vw;
 }
.sr-result__txt span{
 font-size: 3.3vw;
}
}
.l-contents--bg {
 background-color: #EDE4DC;
 position: relative;
}
.l-contents--bg::before {
 content: " ";
 background-image: url(/actioplus/assets/img/menstruation/selfcheck/result/bg_contents--upper.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: -0.8%;
 right: 0;
 left: 0;
 height: 50px;
 width: 100%;
}
.menopause_result.l-contents--bg::before {
 top: -2.0%;
}
.menstruation_result.l-contents--bg::before {
 top: -1.8%;
}
.l-contents--bg::after {
 content: " ";
 background-image: url(/actioplus/assets/img/menstruation/selfcheck/result/bg_contents--lower.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 display: inline-block;
 margin: auto;
 position: absolute;
 bottom: 0;
 right: 0;
 left: 0;
 height: 50px;
 width: 100%;
}
@media screen  and (min-width: 451px) {
 .l-contents--bg::before {
  background-size: 100% 100%;
  height: 50px;
 }
 .l-contents--bg::after {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 50px;
 }
}
@media screen and (max-width: 450px) {
 .l-contents--bg::before {
  background-size: 100% 100%;
  height: 50px;
 }
 .l-contents--bg::after {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 50px; bottom: -11vw;
 }
}
.sr-goods {
 margin-bottom: 40px;
 padding: 16px 0 0;
}
.sr-goods__ttl {
 background-image: url(/actioplus/assets/img/menstruation/selfcheck/result/bg_goods.png);
 background-repeat: no-repeat;
 background-size: 17%;
 background-position: top center;
 font-size: 22px;
 text-align: center;
 padding: 67px 0 16px;
 position: relative;
 margin-bottom: 34px;
}
.sr-goods__ttl::after {
 content: " ";
 border-top: 2px dotted #796958;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: 0;
 right: 0;
 bottom: -105%;
 left: 0;
 width: 22px;
 height: 1px;
}
.sr-top .sr-goods .l-item__wrap {
 margin-bottom: 20px;
 padding-bottom: 0;
}
.sr-top .sr-goods .l-item__wrap:first-child {
 margin-top: 0;
}
.sr-top .sr-goods .c-card {
 padding: 20px;
}
.sr-top .sr-goods .l-service__card:nth-child(2) {
 margin-top: 10px;
}
@media screen  and (min-width: 451px) {
 .sr-goods__ttl {
  background-size: 220px;
  background-position: top -30% center;
 }
}
@media screen and (max-width: 450px) {
 .sr-goods {
  margin-bottom: 40px;
  padding: 16px 0 0;
 }
 .sr-goods__ttl {
  background-size: 57%;
  background-position: top -23% center;
  font-size: 5.066666667vw;
  padding: 67px 0 16px;
 }
 .sr-goods__ttl::after {
  width: 22px;
 }
 .sr-top .sr-goods .l-item__wrap {
  margin-bottom: 20px;
 }
 .sr-top .sr-goods .c-card {
  padding: 20px;
 }
 .sr-top .sr-goods .l-service__card:nth-child(2) {
  margin-top: 10px;
 }
}
.sr-consultation {
 padding: 65px 0 16px;
}
.sr-consultation__ttl {
 background-image: url(/actioplus/assets/img/menstruation/selfcheck/result/bg_consultation.png);
 background-repeat: no-repeat;
 background-size: 30%;
 background-position: top center;
 font-size: 22px;
 text-align: center;
 padding: 60px 0 16px;
 position: relative;
}
.sr-consultation__ttl::after {
 content: " ";
 border-top: 2px dotted #796958;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: 0;
 right: 0;
 bottom: -105%;
 left: 0;
 width: 22px;
 height: 1px;
}
.sr-consultation__lead {
 display: block;
 padding-bottom: 10px;
}
.sr-top .sr-consultation .c-service__card {
 margin-top: 20px;
}
.sr-top .sr-consultation .l-item__wrap {
 padding-bottom: 0;
 margin-bottom: 20px;
}
.sr-top .sr-consultation .c-card {
 padding: 20px;
}
.sr-top .sr-consultation .l-service__card:nth-child(2) {
 margin-top: 30px;
}
@media screen  and (min-width: 451px) {
 .sr-consultation__ttl {
  background-size: 400px;
  background-position: top -10% center;
 }
}
@media screen and (max-width: 450px) {
 .sr-consultation {
  padding: 12.3333333333vw 0 4.2666666667vw;
 }
 .sr-consultation__ttl {
  background-size: 111%;
  background-position: top -14% center;
  font-size: 5.8666666667vw;
  padding: 16vw 0 4.2666666667vw;
 }
 .sr-consultation__ttl::after {
  width: 5.8666666667vw;
 }
 .top-diagnose__lead {
  padding-bottom: 2.6666666667vw;
 }
 .sr-top .sr-consultation .c-service__card {
  margin-top: 5.3333333333vw;
 }
 .sr-top .sr-consultation .l-item__wrap {
  padding-bottom: 0;
  margin-bottom: 5.3333333333vw;
 }
 .sr-top .sr-consultation .c-card {
  padding: 5.3333333333vw;
 }
 .sr-top .sr-consultation .l-service__card:nth-child(2) {
  margin-top: 8vw;
 }
}
.sr-item {
 margin-bottom: 33px;
}
.sr-item__ttl {
 background-image: url(/actioplus/assets/img/menstruation/selfcheck/result/bg_item.png);
 background-repeat: no-repeat;
 background-size: 17%;
 background-position: top -10% center;
 font-size: 22px;
 text-align: center;
 padding: 79px 0 12px;
 position: relative;
}
.sr-item__ttl::after {
 content: " ";
 border-top: 2px dotted #796958;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: 0;
 right: 0;
 bottom: -100%;
 left: 0;
 height: 1px;
 width: 22px;
}
.selfcheck-result-consultation .sr-item {
 margin-bottom: 0;
 padding-bottom: 100px;
}
@media screen  and (min-width: 451px) {
 .sr-item__ttl {
 background-size: 180px;
 background-position: top 50% center;
 }
 .sr-item__ttl::after {
  bottom: -105%;
 }
}
@media screen and (max-width: 450px) {
 .sr-item {
  margin-bottom: 8.8vw;
 }
 .sr-item__ttl {
  background-size: 50%;
  background-position: top -10% center;
  font-size: 5.8666666667vw;
  padding: 21.0666666667vw 0 3.2vw;
 }
}
.sr-sectionLine {
 position: relative;
 display: block;
 padding: 0 55px;
 margin: auto 30px;
}
.sr-sectionLine::before {
 content: " ";
 border-top: 2px dotted #796958;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 height: 1px;
 width: 45%;
}
.sr-sectionLine::after {
 content: " ";
 border-bottom: 2px dotted #796958;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: -2%;
 right: 0;
 bottom: 0;
 height: 2px;
 width: 45%;
}
.sr-sectionLine__img {
 margin: auto;
 width: 35px;
}
.sr-column {
 padding-bottom: 70px;
}
.sr-column .c-card__ttl {
 padding-top: 0;
 padding-bottom: 17px;
}
@media screen and (max-width: 450px) {
 .sr-sectionLine {
  padding: 0 14.6666666667vw;
  margin: auto 8vw;
 }
 .sr-sectionLine::before {
  width: 34.6666666667vw;
 }
 .sr-sectionLine::after {
  width: 34.6666666667vw;
  height: 0.5333333333vw;
 }
 .sr-sectionLine__img {
  width: 9.3333333333vw;
 }
 .sr-column {
  padding-bottom: 12.3333333333vw;
 }
 .sr-column .c-card__ttl {
  padding-bottom: 4.5333333333vw;
 }
}
.sr-service {
 margin-top: 60px;
 padding-bottom: 100px;
}
.sr-service__ttl {
 background-image: url(/actioplus/assets/img/menstruation/selfcheck/result/bg_consultation.png);
 background-repeat: no-repeat;
 background-size: 30%;
 background-position: top center;
}
.sr-card__btn {
 background-color: #B59087;
}
.sr-top .sr-service .c-service__card {
 margin-top: 40px;
}
@media screen  and (min-width: 451px) {
 .sr-service__ttl {
  background-size: 400px;
  background-position: top center;
 }
 .sr-top .sr-service .c-service__card {
  margin-top: 40px;
 }
}
@media screen and (max-width: 450px) {
 .sr-service {
  margin-top: 19.3333333333vw;
  padding-bottom: 26.6666666667vw;
 }
 .sr-service__ttl {
  background-size: 110%;
  background-position: top -15% left 73%;
 }
 .sr-top .sr-service .c-service__card {
  margin-top: 10.6666666667vw;
 }
}
.sr-selfCare {
 margin-top: 80px;
 margin-bottom: 40px;
 padding: 16px 0 0;
}
.sr-selfCare_ttl {
 background-image: url(/actioplus/assets/img/menstruation/selfcheck/result/bg_self-care.png);
 background-repeat: no-repeat;
 background-size: 25%;
 background-position: top center;
 font-size: 22px;
 text-align: center;
 padding: 75px 0 16px;
 position: relative;
 text-align: center;
 margin-bottom: 34px;
}
.sr-selfCare_ttl::after {
 content: " ";
 border-top: 2px dotted #796958;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: 0;
 right: 0;
 bottom: -105%;
 left: 0;
 width: 22px;
 height: 1px;
}
.sr-top .sr-selfCare .l-item__wrap {
 padding-bottom: 0;
 margin-bottom: 20px;
}
.sr-top .sr-selfCare .c-card {
 padding: 20px;
}
.sr-top .sr-selfCare .l-service__card:nth-child(2) {
 margin-top: 10px;
}
@media screen  and (min-width: 451px) {
 .sr-selfCare_ttl {
  background-size: 320px;
  background-position: top -10% center;
 }
}
@media screen and (max-width: 450px) {
 .sr-selfCare {
  margin-top: 21.3333333333vw;
  margin-bottom: 10.6666666667vw;
  padding: 4.2666666667vw 0 0;
 }
 .sr-selfCare_ttl {
  background-size: 83%;
  background-position: top -3% center;
  font-size: 5.8666666667vw;
  padding: 20vw 0 4.2666666667vw;
 }
 .sr-selfCare_ttl::after {
  width: 5.8666666667vw;
 }
 .sr-top .sr-selfCare .l-item__wrap {
  padding-bottom: 0;
  margin-bottom: 5.3333333333vw;
 }
 .sr-top .sr-selfCare .c-card {
  padding: 5.3333333333vw;
 }
 .sr-top .sr-selfCare .l-service__card:nth-child(2) {
  margin-top: 2.6666666667vw;
 }
}

/* color */

/* menstruation */
.mr .header, .mr .header-menu, .mr .footer {
 background-color: #B59087;
}
.mr .header-nav__logo {
 background-color: #B59087;
}
.mr .footer-jmpBtn a {
 border: #B59087 1px solid;
}
.header-tab__item--mr {
 color: #B59087;
 position: relative;
}
.header-tab__item--mr::after {
 content: "";
 background-color: #DB8D6B;
 margin: auto;
 position: absolute;
 right: 0;
 bottom: 0;
 left: 0;
 height: 4px;
 width: 100%;
}
/* infertility */
.if .header, .if .header-menu, .if .footer {
 background-color: #B59087;
}
.if .header-nav__logo {
 background-color: #B59087;
}
.if .footer-jmpBtn a {
 border: #B59087 1px solid;
}
.header-tab__item--if {
 color: #DB8D6B;
 position: relative;
}
.header-tab__item--if a{
 color: #DB8D6B;
}
.header-tab__item--if::after {
 content: "";
 background-color: #DB8D6B;
 margin: auto;
 position: absolute;
 right: 0;
 bottom: 0;
 left: 0;
 height: 4px;
 width: 100%;
}
/* gynopathy */
.gp .header, .gp .header-menu, .gp .footer {
 background-color: #B59087;
}
.gp .header-nav__logo {
 background-color: #B59087;
}
.gp .footer-jmpBtn a {
 border: #B59087 1px solid;
}
.header-tab__item--gp {
 color: #B59087;
 position: relative;
}
.header-tab__item--gp a{
 color: #DB8D6B;
 position: relative;
}
.header-tab__item--gp::after {
 content: "";
 background-color: #DB8D6B;
 margin: auto;
 position: absolute;
 right: 0;
 bottom: 0;
 left: 0;
 height: 4px;
 width: 100%;
}
/* menopause */
.mp .header, .mp .header-menu, .mp .footer {
 background-color: #B59087;
}
.mp .header-nav__logo {
 background-color: #B59087;
}
.mp .footer-jmpBtn a {
 border: #B59087 1px solid;
}
.header-tab__item--mp {
 color: #B59087;
 position: relative;
}
.header-tab__item--mp a{
 color: #DB8D6B;
 position: relative;
}
.header-tab__item--mp::after {
 content: "";
 background-color: #DB8D6B;
 margin: auto;
 position: absolute;
 right: 0;
 bottom: 0;
 left: 0;
 height: 4px;
 width: 100%;
}
/* ft */
.ft .header, .ft .header-menu, .ft .footer {
 background-color: #B59087;
}
.ft .header-nav__logo {
 background-color: #B59087;
}
.ft .footer-jmpBtn a {
 border: #B59087 1px solid;
}
.header-tab__item--ft {
 color: #B59087;
 position: relative;
}
.header-tab__item--ft::after {
 content: "";
 background-color: #B59087;
 margin: auto;
 position: absolute;
 right: 0;
 bottom: 0;
 left: 0;
 height: 4px;
 width: 100%;
}
/* color */
.mr-top {
 padding: 0;
}
@media screen and (max-width: 450px) {
 .mr-top {
  padding: 0;
 }
}
.mr-intro {
 background-image: url(/actioplus/assets/img/menstruation/bg_page-top.png);
 background-repeat: no-repeat;
 background-size: contain;
 background-position: top 80% right;
}
.mr-intro .c-inner .c-txt {
 text-align: center;
}
@media screen  and (min-width: 451px) {
 .mr-intro {
  background-size: contain;
 }
}
@media screen and (max-width: 450px) {
 .mr-intro {
  background-size: 100%;
 }
}
.mr-tips--bg {
 background-color: #EDE4DC;
 position: relative;
}
.mr-tips--bg::before {
 content: " ";
 background-image: url(/actioplus/assets/img/menstruation/bg_tips--upper.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: -4.0%;
 right: 0;
 left: 0;
 height: 50px;
 width: 100%;
}
.mr-tips--bg::after {
 content: " ";
 background-image: url(/actioplus/assets/img/menstruation/bg_tips--lower.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 display: inline-block;
 margin: auto;
 position: absolute;
 bottom: -4%;
 right: 0;
 left: 0;
 height: 50px;
 width: 100%;
}
.mr-tips--bg2 {
 background-color: #EDE4DC;
 position: relative;
}
.mr-tips--bg2::before {
 content: " ";
 background-image: url(/actioplus/assets/img/menstruation/bg_tips--upper.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: -3.3%;
 right: 0;
 left: 0;
 height: 50px;
 width: 100%;
}
.bg2--top--fixed.mr-tips--bg2::before {
 top: -4.0%;
}
.bg2--top--fixed.mr-tips--bg2.bg2--contents--infertility::before {
 top: -3.0%;
}
.mr-tips--bg.bg3--top--fixed::before {
 top: -5.1%;
}
.mr-tips--bg.bg3--contents--menopause::before {
 top: -4.0%;
}
.mr-tips--bg2::after {
 content: " ";
 background-image: url(/actioplus/assets/img/menstruation/bg_tips--lower.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 display: inline-block;
 margin: auto;
 position: absolute;
 bottom: -5%;
 right: 0;
 left: 0;
 height: 80px;
 width: 100%;
 background-color: #EDE4DC;
}
.mr-tips--bg2.gynopathy-selfcheck--bg::after {
 background-color: #f0eee9;
 bottom: -4%;
}
.mr-tips__ttl {
 background-image: url(/actioplus/assets/img/menstruation/bg_tips.png);
 background-repeat: no-repeat;
 background-size: 18%;
 background-position: top center;
}
.mr-txtLink {
 color: #DB8D6B;
}
.l-tips__wrap .c-service__card:first-child {
 margin-top: 100px;
}
@media screen  and (min-width: 451px) {
 .mr-tips__ttl {
  background-size: 150px;
  background-position: top center;
 }
 .l-tips__wrap .c-service__card:first-child {
  margin-top: 100px;
 }
}
@media screen and (max-width: 450px) {
 .mr-tips--bg {
  top: -4%;
 }
 .mr-tips--bg::before {
  background-size: contain;
  height: 13.3333333333vw;
 }
 .mr-tips--bg::after {
  background-size: contain;
  height: 13.3333333333vw;
  bottom: -13.3333333333vw;
 }
 .mr-tips__ttl {
  background-size: 40%;
  background-position: top -16% left 47%;
 }
 .l-tips__column {
  margin-top: 9.6vw;
 }
 .l-tips__wrap .c-card__ttl {
  padding-bottom: 4.5333333333vw;
 }
}
.mr-diagnose__ttl {
 background-image: url(/actioplus/assets/img/menstruation/bg_care-point.png);
 background-repeat: no-repeat;
 background-size: 30%;
 background-position: top -50% center;
}
.mr-diagnose__btn {
 background-color: #B59087;
 margin-top: 18px;
}
@media screen  and (min-width: 451px) {
 .mr-diagnose__ttl {
  background-size: 360px;
  background-position: top -40% center;
 }
}
@media screen and (max-width: 450px) {
 .mr-diagnose__ttl {
  background-size: 100%;
  background-position: top -46% center;
 }
 .mr-diagnose__btn {
  margin-top: 18px;
 }
}
.mr-item--bg {
 background-color: #EDE9DE;
 position: relative;
}
.mr-item--bg.bg2--bottom--fixed::before{
  content: " ";
  background-image: url(/actioplus/assets/img/menstruation/bg_item--upper.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  margin: auto;
  position: absolute;
  top: -2%;
  right: 0;
  left: 0;
  height: 50px;
  width: 100%;
}
.mr-item--bg::before {
 content: " ";
 background-image: url(/actioplus/assets/img/menstruation/bg_item--upper.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 display: inline-block;
 margin: auto;
 position: absolute;
 top: -1%;
 right: 0;
 left: 0;
 height: 50px;
 width: 100%;
}
.mr-item--bg::after {
 content: " ";
 background-image: url(/actioplus/assets/img/menstruation/bg_item--lower.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 display: inline-block;
 margin: auto;
 position: absolute;
 bottom: -0.95%;
 right: 0;
 left: 0;
 height: 50px;
 width: 100%;
}
.mr-item__ttl {
 background-image: url(/actioplus/assets/img/menstruation/bg_care-item.png);
 background-repeat: no-repeat;
 background-size: 30%;
 background-position: top center;
}
.mr-card__subTtl {
 color: #DB8D6B;
}
.mr-card__subTtl::after {
 border-top: 1px dotted #DB8D6B;
}
.mr-card__age {
 color: #DB8D6B;
}
.mr-card__subTtl__mycase {
 width: 102px;
}
.mr-item__btn {
 background-color: #B59087;
 margin-top: 36px;
}
@media screen  and (min-width: 451px) {
 .mr-item__ttl {
  background-size: 360px;
  background-position: top 40% center;
 }
}
@media screen and (max-width: 450px) {
 .mr-item--bg::before {
  background-size: contain;
  height: 13.3333333333vw;
 }
 .mr-item--bg::after {
  background-size: contain;
  height: 13.3333333333vw;
 }
 .mr-item__ttl {
  background-size: 97%;
  background-position: top 14% center;
 }
 .mr-item__btn {
  margin-top: 9.6vw;
 }
}
.mr-service {
 background-image: url(/actioplus/assets/img/menstruation/bg_service.png);
 background-repeat: no-repeat;
 background-size: 100%;
 background-position: bottom right;
}
.mr-service__ttl {
 background-image: url(/actioplus/assets/img/menstruation/bg_helpo.png);
 background-repeat: no-repeat;
 background-size: 16%;
 background-position: top center;
}
.mr-card__btn {
 background-color: #B59087;
}
@media screen  and (min-width: 451px) {
 .mr-service__ttl {
  background-size: 180px;
  background-position: top 10% center;
 }
}
@media screen and (max-width: 450px) {
 .mr-service__ttl {
  background-size: 52%;
  background-position: top -8% center;
 }
}
.l-column {}
.l-column__wrap {
 padding: 36px 0 65px;
}
.l-column__column {
 margin-top: 0;
 padding-bottom: 28px;
}
.l-column__wrap .c-card__ttl {
 padding-top: 0;
 padding-bottom: 17px;
}
.l-column ul.c-card__list{
 margin-bottom: 0;
}

.l-column ul.c-card__list li:last-child{
 /*border-bottom: none;*/
}