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

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
#title {
  background: url("/img/about/titleimg.jpg") center right 0%/cover no-repeat; }

.read-ppl {
  color: #4A3F8B;
  font-family: "ヒラギノ丸ゴ W5 JIS2004", "Hiragino Maru Gothic W5 JIS2004", "Yu Gothic medium", "A1 Gothic M", "Hiragino Kaku Gothic ProN", "sans-serif"; }

.w-1411 {
  display: none; }

@media screen and (min-width: 980px) {
  .s-inner {
    padding: 0% 1.69% 0% 1.69%; } }
@media screen and (min-width: 1180px) {
  .s-inner {
    padding: 0; } }
#cure .cure__ttl {
  margin-bottom: 15px;
  color: #4A3F8B;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1; }
  @media (min-width: 375px) {
    #cure .cure__ttl {
      font-size: calc( 1.5rem + ( 1vw - 3.75px ) * 0.5714285714 ); } }
  @media (min-width: 900px) {
    #cure .cure__ttl {
      font-size: 1.8rem; } }
#cure .cure__txt {
  margin-bottom: 20px;
  font-size: 1.3rem;
  text-align: center; }
  @media (min-width: 375px) {
    #cure .cure__txt {
      font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.380952381 ); } }
  @media (min-width: 900px) {
    #cure .cure__txt {
      font-size: 1.5rem; } }
#cure .cure__box {
  position: relative;
  display: block;
  margin-bottom: 15px;
  border-radius: 5px;
  background: #fff; }
  #cure .cure__box:first-child .cure__img {
    background: url("/img/about/list_01.jpg") center/cover no-repeat; }
  #cure .cure__box:nth-child(2) .cure__img {
    background: url("/img/about/list_02.jpg") center/cover no-repeat; }
  #cure .cure__box:nth-child(3) .cure__img {
    background: url("/img/about/list_03.jpg") center/cover no-repeat; }
  #cure .cure__box:last-child .cure__img {
    background: url("/img/about/list_04.jpg") center/cover no-repeat; }
  #cure .cure__box .cure__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 35%;
    height: 100%; }
  #cure .cure__box .cure__cont {
    margin: 0 0 0 auto;
    padding: 15px 20px 5px 0;
    width: 55%;
    transition: .3s; }
    #cure .cure__box .cure__cont .cure__cont-ttl {
      color: #4A3F8B;
      font-size: 1.5rem;
      letter-spacing: 0.06em;
      line-height: 1.3; }
      @media (min-width: 375px) {
        #cure .cure__box .cure__cont .cure__cont-ttl {
          font-size: calc( 1.5rem + ( 1vw - 3.75px ) * 0.5714285714 ); } }
      @media (min-width: 900px) {
        #cure .cure__box .cure__cont .cure__cont-ttl {
          font-size: 1.8rem; } }
    #cure .cure__box .cure__cont .cure__cont-txt {
      font-size: 1.2rem;
      transition: .3s; }
      @media (min-width: 375px) {
        #cure .cure__box .cure__cont .cure__cont-txt {
          font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.380952381 ); } }
      @media (min-width: 900px) {
        #cure .cure__box .cure__cont .cure__cont-txt {
          font-size: 1.4rem; } }
  #cure .cure__box .cure__more {
    position: relative;
    margin: 0 20px 5px 0;
    padding-right: 10px;
    color: #4A3F8B;
    font-size: 1.3rem;
    text-align: right;
    transition: .3s; }
    @media (min-width: 375px) {
      #cure .cure__box .cure__more {
        font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.380952381 ); } }
    @media (min-width: 900px) {
      #cure .cure__box .cure__more {
        font-size: 1.5rem; } }
    #cure .cure__box .cure__more::before {
      position: absolute;
      width: 100%;
      top: 50%;
      transform: translateY(-50%);
      display: block;
      right: 0;
      width: 6px;
      height: 6px;
      transform: translateY(-50%) rotate(45deg);
      border-top: solid 1px #4A3F8B;
      border-right: solid 1px #4A3F8B;
      transition: .3s;
      content: ""; }
#cure .cure__box.mikuri {
  position: relative;
  margin-bottom: calc(15px + 17px); }
  #cure .cure__box.mikuri::after {
    position: absolute;
    bottom: -5px;
    left: 0;
    transform: translateY(100%);
    font-size: 1.2rem;
    font-family: "ヒラギノ丸ゴ W3 JIS2004", "Hiragino Maru Gothic W3 JIS2004", "Yu Gothic medium", "A1 Gothic M", "Hiragino Kaku Gothic ProN", "sans-serif";
    text-align: left;
    line-height: 1;
    content: '※施術は大津市分院“MIKUMARI”のみ'; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #cure .cure__ttl {
    margin-bottom: 25px; }
  #cure .cure__txt {
    margin-bottom: 40px; }
  #cure .cure__wp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  #cure .cure__box {
    flex: 0 1 48%;
    width: 48%;
    max-width: 48%;
    display: flex;
    flex-direction: column;
    margin-bottom: 35px;
    padding-bottom: 15px;
    overflow: inherit; }
    #cure .cure__box:first-child .cure__img, #cure .cure__box:nth-child(2) .cure__img, #cure .cure__box:nth-child(3) .cure__img, #cure .cure__box:last-of-type .cure__img {
      background: none; }
    #cure .cure__box:nth-of-type(n+3) {
      margin-top: 40px; }
    #cure .cure__box:hover {
      opacity: 1;
      background: #4A3F8B; }
      #cure .cure__box:hover .cure__cont .cure__cont-ttl, #cure .cure__box:hover .cure__cont .cure__cont-txt {
        color: #FFF; }
      #cure .cure__box:hover .cure__more {
        color: #FFF; }
        #cure .cure__box:hover .cure__more::before {
          border-color: #FFF; }
    #cure .cure__box .cure__img {
      position: relative;
      width: 100%;
      height: auto; }
    #cure .cure__box .cure__cont {
      width: 100%;
      padding: 20px 10% 10px;
      box-sizing: border-box; }
      #cure .cure__box .cure__cont .cure__cont-ttl {
        margin-bottom: 8px;
        transition: .3s; }
      #cure .cure__box .cure__cont .cure__cont-txt {
        line-height: 1.5;
        transition: .3s; }
    #cure .cure__box .cure__more {
      margin: 0 10% 0 0;
      margin-top: auto;
      line-height: 1;
      transition: .3s; } }
/*------------------------------
		1041px以上
------------------------------*/
@media screen and (min-width: 861px) {
  #cure .cure__box {
    flex: 0 1 22%;
    width: 22%;
    max-width: 22%; }
    #cure .cure__box:first-child .cure__img, #cure .cure__box:nth-child(2) .cure__img, #cure .cure__box:nth-child(3) .cure__img, #cure .cure__box:last-of-type .cure__img {
      background: none; }
    #cure .cure__box:nth-of-type(n+3) {
      margin-top: 0; }
    #cure .cure__box .cure__img {
      position: relative;
      width: 100%;
      height: auto; }
    #cure .cure__box .cure__cont {
      padding: 20px 10% 15px; }
  #cure .cure__box.mikuri::after {
    bottom: -10px; } }
@media screen and (min-width: 1141px) {
  .w-1411 {
    display: inherit; }

  #header .header__nav-list li:nth-child(3)::after {
    opacity: 1; } }
/*------------------------------
		1281px以上
------------------------------*/

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