@charset "utf-8";



/*=========================================================================================================
  Mobile
===========================================================================================================*/
@media only screen and (max-width: 767px) {

  img {
    max-width: 100%;
  }

  ul,ol {
    padding: 0;
    margin: 0;
  }
/*------------------------
  main
-------------------------- */
/******* main_section *********/
  main > section {
    padding: 15vw 0;
  }

  main section .section_title_wrap {
    margin: 0 0 3rem;
  }

  main section .section_title_wrap h2 {
    font-size: 5.4vw;
    text-align: center;
  }

  main section .section_title_wrap h2 span {
    border-bottom: 1px solid;
    display: inline-block;
    padding: 0.2em .5em;
  }

  main section .section_text {
    font-size: 4vw;
  }

/****** signboard *******/
  #signboard div {
    background: url(../images/cleaning/sec01-signboard_sp.png) center center/contain no-repeat;
    height: calc(100vw * (2 / 3));
    position: relative;
  }

  #signboard h2 {
    color: #0abded;
    display: none;
    font-size: 8vw;
    letter-spacing: 0.1em;
    line-height: 2em;
    padding: 16vw 0 0 5vw;
  }

  #signboard h2 span {
    padding-left: 1em;
  }

  #signboard p {
    display: inline-block;
    font-size: 3.1vw;
    line-height: 2em;
    padding: 5vw 0 0 5vw;
  }

/******* summary ********/
  #summary .section_content_wrap ul {
    margin: 3vw auto;
    padding: 0;
    width: 90%;
  }

  #summary .section_content_wrap ul li {
    margin: 10vw 0;
  }

  #summary .section_content_wrap .list_box_wrap h3 {
    font-size: 7vw;
    letter-spacing: .1em;
    margin: 0 0 .5em;
    text-align: center;
  }

  #summary .section_content_wrap li:nth-of-type(1) .list_box_wrap h3 {
    color: #80d9ff;
  }

  #summary .section_content_wrap li:nth-of-type(2) .list_box_wrap h3 {
    color: #93e3e1;
  }

  #summary .section_content_wrap li:nth-of-type(3) .list_box_wrap h3 {
    color: #bcd977;
  }

  #summary .section_content_wrap li .list_box {
    height: 75vw;
    margin: 0 auto;
    position: relative;
    width: 83%;
  }

  #summary .section_content_wrap li:nth-of-type(1) .list_box {
    border: 2.5vw solid #80d9ff;
  }

  #summary .section_content_wrap li:nth-of-type(2) .list_box {
    border: 2.5vw solid #93e3e1;
  }

  #summary .section_content_wrap li:nth-of-type(3) .list_box {
    border: 2.5vw solid #bcd977;
  }

  #summary .section_content_wrap .list_box p {
    font-size: 4.5vw;
    letter-spacing: .1em;
    padding: 0 1em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  #summary .section_content_wrap .section_image img {
    display: block;
    margin: 0 auto;
    width: 90vw;
  }

/******** delivery *********/
  #delivery .section_text span {
    display: block;
    font-size: 1.5em;
    margin: 3em 0;
    text-align: center;
  }

  #delivery .section_text p {
    font-size: 4vw;
    line-height: 2em;
    padding: 0 2em;
  }

  #delivery .section_box {
    border: 1vw solid #80ddff;
    margin: 13vw auto;
    padding: 1em;
    text-align: center;
    width: 90%;
  }

  #delivery .section_box .box_title {
    color: #52bcd8;
    font-size: 7vw;
  }

  #delivery .section_box div div:nth-of-type(2) a {
    background: #ff8806;
    border-radius: 2.5vw;
    color: #fff;
    display: block;
    font-size: 10vw;
    margin: .5em 0;
    padding: .2em;
  }

  #delivery .section_box div div:nth-of-type(3) span {
    display: block;
  }

  #delivery .section_box div div:nth-of-type(3) a {
    background: #52bcd8;
    border-radius: 2vw;
    color: #fff;
    display: block;
    font-size: 5vw;
    margin: .5em 0;
    padding: 1em 0;
  }

  #delivery .section_box div div:nth-of-type(3) > span:last-of-type {
    font-size: 4vw;
    padding: 3vw 0;
  }

  #delivery .section_image span {
    display: block;
    font-size: 5vw;
    margin: 0 0 10vw;
    text-align: center;
  }

  #delivery .section_image img {
    display: block;
    margin: 0 auto;
    width: 90%;
  }

/******** members ********/
  #members .section_text p {
    margin: 0 auto;
    width: 90%;
  }

  #members .section_image img {
    display: block;
    margin: 10vw auto 0;
    width: 100%;
  }

/******* shop_info *******/
  #shop_info .section_content_wrap > p {
    font-size: 4.3vw;
    text-align: center;
  }

  #shop_info .section_content_wrap > p:nth-of-type(1) {
    font-size: 7vw;
    margin: 2em 0;
  }

  #shop_info .section_content_wrap > p:nth-of-type(4) span {
    font-size: 3vw;
  }

  #shop_info .section_content_wrap a {
    background: #80d9ff;
    border-radius: 2vw;
    color: #fff;
    display: block;
    font-size: 10vw;
    margin: 5vw auto;
    padding: .5em;
    text-align: center;
    width: 80%;
  }

  #shop_info .map iframe {
    height: 80vw;
    margin: 10vw 0;
    width: 100%;
  }


}


/*=========================================================================================================
  PC
===========================================================================================================*/
@media only screen and (min-width: 768px) {
/*------------------------
  main
-------------------------- */
/***** main_section ******/
  main section .section_title_wrap {
    margin: 0 0 3rem;
  }

  main section .section_title_wrap h2 {
    font-size: 3rem;
    text-align: center;
  }

  main section .section_title_wrap h2 span {
    display: inline-block;
    padding: 0.2em 1.5em;
  }

  main section .section_title_wrap h2 span:first-of-type {
    border-bottom: 1px solid;
  }

  main section .section_text p {
    font-size: 1.8rem;
    line-height: 2em;
    text-align: center;
  }

/****** signboard *******/
  #signboard div {
    background: url(../images/cleaning/sec01-signboard.png) center center/1920px no-repeat;
    height: 50em;
    position: relative;
  }

  #signboard h2 {
    color: #0abded;
    display: none;
    font-size: 3rem;
    letter-spacing: 0.04em;
    padding-top: 16rem;
    text-align: center;
  }

  #signboard p {
    display: inline-block;
    font-size: 1.8rem;
    left: 50%;
    line-height: 2em;
    padding-top: 3em;
    position: absolute;
    transform: translateX(-50%);
  }

/******* summary ********/
  #summary .section_content_wrap ul {
    display: flex;
    justify-content: space-between;
    margin: 5em auto;
    padding: 0;
    width: 1200px;
  }

  #summary .section_content_wrap ul li {
    margin: 3em;
  }

  #summary .section_content_wrap .list_box_wrap h3 {
    font-family: NotoSans-Md;
    font-size: 2.4rem;
    letter-spacing: .2em;
    margin: 0 0 1.2em;
    text-align: center;
  }

  #summary .section_content_wrap li:nth-of-type(1) .list_box_wrap h3 {
    color: #80d9ff;
  }

  #summary .section_content_wrap li:nth-of-type(2) .list_box_wrap h3 {
    color: #93e3e1;
  }

  #summary .section_content_wrap li:nth-of-type(3) .list_box_wrap h3 {
    color: #bcd977;
  }

  #summary .section_content_wrap li .list_box {
    height: 340px;
    position: relative;
    width: 340px;
  }

  #summary .section_content_wrap li:nth-of-type(1) .list_box {
    border: 8px solid #80d9ff;
  }

  #summary .section_content_wrap li:nth-of-type(2) .list_box {
    border: 8px solid #93e3e1;
  }

  #summary .section_content_wrap li:nth-of-type(3) .list_box {
    border: 8px solid #bcd977;
  }

  #summary .section_content_wrap .list_box p {
    font-size: 1.6rem;
    letter-spacing: .1em;
    padding: 0 1em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  #summary .section_content_wrap .section_image img {
    display: block;
    margin: 0 auto;
    width: 500px;
  }

/******** delivery *********/
  #delivery .section_text span {
    display: block;
    font-size: 2.3rem;
    margin: 3em 0;
    text-align: center;
  }

  #delivery .section_box {
    border: 1px solid #80ddff;
    margin: 100px auto;
    padding: 1rem;
    text-align: center;
    width: 630px;
  }

  #delivery .section_box .box_title {
    color: #52bcd8;
    font-size: 2.1rem;
  }

  #delivery .section_box div div:nth-of-type(2) {
    color: #ff8806;
    font-family: Ftr-Bk;
    font-size: 4.7rem;
    margin: .5em 0;
  }

  #delivery .section_box div div:nth-of-type(3) span {
    display: block;
  }

  #delivery .section_box div div:nth-of-type(3) span:first-of-type {
    font-family: Ftr-Bk;
    font-size: 1.8rem;
  }

  #delivery .section_box div div:nth-of-type(3) span:last-of-type {
    font-size: 1.5rem;
  }

  #delivery .section_image span {
    display: block;
    font-size: 2.1rem;
    margin: 0 0 50px;
    text-align: center;
  }

  #delivery .section_image img {
    display: block;
    margin: 0 auto;
    width: 500px;
  }

/******** members ********/
  #members .section_image img {
    display: block;
    margin: 50px auto 0;
    width: 950px;
  }

/******* shop_info *******/
  #shop_info .section_content_wrap p {
    font-size: 1.6rem;
    text-align: center;
  }

  #shop_info .section_content_wrap > p:nth-of-type(1) {
    font-family: NotoSans-Md;
    font-size: 2.5rem;
    margin: 3em 0 2em;
  }

  #shop_info .section_content_wrap > p:nth-of-type(2) {

  }

  #shop_info .section_content_wrap > p:nth-of-type(3) {

  }

  #shop_info .section_content_wrap > p:nth-of-type(4) span {
    font-size: 1rem;
  }

  #shop_info .section_content_wrap a p {
    color: #80d9ff;
    font-family: Ftr-Bk;
    font-size: 5.6rem;
    margin: 40px 0;
  }

  #shop_info .map iframe {
    height: 400px;
    margin: 50px 0;
    width: 100%;
  }


}