@charset "utf-8";


:root {
    --color_blue: #0092CA;
	--color_gray: #F1F3F6;
	--color_yellow: #FFD700;
}

/*** ------------------------------------------------------------------------------ 

全ページ共通部分

-----------------------------------------------------------------------------  ***/
#shoplist {
  padding: 120px 0 160px;
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
}
#shoplist ul li {
  position: relative;
  margin-bottom: 80px;
  z-index: 10;
}
#shoplist ul li:after {
  content: "";
  width: 82%;
  height: 100%;
  background-color: #222831;
  position: absolute;
  bottom: -20px;
  right: 0;
  z-index: -1;
}
#shoplist ul li:nth-child(even):after {
  right: initial;
  left: 0;
}
#shoplist ul li:last-child {
  margin-bottom: 0;
}
#shoplist ul li .inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-end;
}
#shoplist ul li .inner .map {
  width: 65%;
  margin: 0 0 0 -15%;
  height: 320px;
}
#shoplist ul li .inner .map iframe {
  width: 100%;
  height: 100%;
}
#shoplist ul li:nth-child(even) .inner {
  flex-flow: row-reverse;
}
#shoplist ul li:nth-child(even) .inner .map {
  margin: 0 -15% 0 0;
}
#shoplist ul li .inner .txtBox {
  width: 47%;
  margin: 0 0 0 3%;
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
}
#shoplist ul li:nth-child(even) .inner .txtBox {
  margin: 0 3% 0 0;
}
#shoplist ul li .inner .txtBox .name {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 10px;
}
#shoplist ul li .inner .txtBox .tel a {
  display: block;
  width: 100%;
  background-color: #0092ca;
  border: solid 1px #0092ca;
  box-sizing: border-box;
  transition: 0.3s;
  margin-top: 20px;
  text-align: center;
  padding: 11px 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  position: relative;
}
#shoplist ul li .inner .txtBox .tel a:before {
  content: "";
  background: url(../img/icon_tel.png) no-repeat center bottom / cover;
  width: 43px;
  height: 43px;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
#shoplist ul li .inner .txtBox .more-btn {
  width: 100%;
  margin: 0 auto;
}
#shoplist ul li .inner .txtBox .more-btn a {
  padding: 15px 0;
  margin-top: 10px;
  background-color: #0092ca;
  border: solid 1px #0092ca;
  color: #fff;
}
#shoplist ul li .inner .txtBox .more-btn a:hover {
  background-color: #fff;
  color: #0092ca;
}
#bn_list ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: 1000px;
  width: 94%;
  margin: 0 auto;
  padding: 100px 0;
}
#bn_list ul li {
  width: 48%;
  margin: 0 4% 4% 0;
}
#bn_list ul li:nth-child(2n) {
  margin-right: 0;
}
@media only screen and (max-width: 1150px) {
  #shoplist ul li .inner {
    width: 100%;
    max-width: none;
  }
  #shoplist ul li .inner .map,
  #shoplist ul li:nth-child(even) .inner .map {
    width: 60%;
    margin: 0;
  }
  #shoplist ul li .inner .txtBox,
  #shoplist ul li:nth-child(even) .inner .txtBox {
    width: 40%;
    margin: 0;
    padding: 0 2%;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 737px) {
  #shoplist {
    padding: 60px 0 30px;
  }
  #shoplist ul li {
    margin-bottom: 50px;
  }
  #shoplist ul li:after {
    width: 98%;
  }
  #shoplist ul li:nth-child(even):after {
    right: initial;
    left: 0;
  }
  #shoplist ul li .inner {
    display: block;
  }
  #shoplist ul li .inner .map {
    width: 94%;
    margin: 0 0 15px;
    height: 200px;
  }
  #shoplist ul li:nth-child(even) .inner .map {
    margin: 0 0 15px;
    width: 94%;
  }
  #shoplist ul li .inner .txtBox {
    width: 90%;
    margin: 0 4% 0 6%;
    font-size: 14px;
    padding: 0;
  }
  #shoplist ul li:nth-child(even) .inner .txtBox {
    width: 90%;
    margin: 0 6% 0 4%;
  }
  #shoplist ul li .inner .txtBox .name {
    font-size: 18px;
    margin: 0 0 10px;
  }
  #shoplist ul li .inner .txtBox .tel a {
    margin-top: 20px;
    font-size: 18px;
    padding: 15px 0;
  }
  #shoplist ul li .inner .txtBox .tel a:before {
    width: 30px;
    height: 30px;
  }
  #bn_list ul {
    display: block;
    padding: 50px 0;
  }
  #bn_list ul li {
    width: 100%;
    margin: 0 0 20px;
  }
}

/*** ------------------------------------------------------------------------------ 

ホーム（#home）

-----------------------------------------------------------------------------  ***/
/** ホーム 共通　**/
.line-txt {
  text-stroke: 1px rgba(255, 255, 255, 1);
  -webkit-text-stroke: 1px rgba(255, 255, 255, 1);
  color: transparent;
  font-weight: 500;
  line-height: 1;
}

/** ホーム 共通　**/

#home #mv {
  clear: both;
}
#home #mv li {
  position: relative;
}
#home #mv li .img {
  text-align: center;
}
#home #mv li .txtBox {
  position: absolute;
  max-width: 1000px;
  width: 94%;
  left: 50%;
  top: 50px;
  transform: translateX(-50%);
  color: #fff;
  font-size: 16px;
  line-height: 1.8;
}
#home #mv li .txtBox .in {
  width: 600px;
}
#home #mv li .txtBox .in .txt01 {
  font-size: 48px;
  line-height: 1;
  padding: 10px;
  background-color: #0092ca;
  color: #fff;
  display: inline-block;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  margin-bottom: 10px;
}
#home #mv li .txtBox .in .txt01 strong {
}
#home #mv li .txtBox .in .txt03 span {
  display: inline-block;
  font-size: 30px;
  line-height: 1;
  padding: 5px 10px;
  background-color: #0092ca;
  color: #fff;
  margin-bottom: 5px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  margin-bottom: 20px;
}
@media only screen and (max-width: 737px) {
  #home #mv li .txtBox {
    top: 20px;
  }
  #home #mv li .txtBox .in {
    width: 100%;
  }
  #home #mv li .txtBox {
    font-size: 14px;
  }
  #home #mv li .txtBox .in .txt01 {
    font-size: 8vw;
    padding: 0;
    background: none;
  }
  #home #mv li .txtBox .in .txt01 strong {
    display: inline-block;
    padding: 10px;
    background-color: #0092ca;
    margin-bottom: 5px;
  }
  #home #mv li .txtBox .in .txt03 span {
    font-size: 5vw;
  }
  #home #mv li .txtBox .in .txt02 {
    margin-top: 60px;
  }
}
#home #topnews {
  background-color: #222831;
  padding: 20px 0;
}
#home #topnews .inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#home #topnews .inner h3 {
  font-size: 30px;
  color: #fff;
  margin: 0 50px 0 0;
  text-align: left;
}
#home #topnews .inner h3 span {
  margin: 0 0 0 10px;
  display: inline-block;
  vertical-align: middle;
}
#home #topnews .inner ul li {
  margin-bottom: 10px;
}
#home #topnews .inner ul li:last-child {
  margin-bottom: 0;
}
#home #topnews .inner ul li a {
  color: #fff;
  font-size: 14px;
  transition: 0.3s;
}
#home #topnews .inner ul li.fix-item a {
  font-size: 18px;
  border-bottom: 1px solid #0092ca;
}
#home #topnews .inner ul li a span {
  display: inline-block;
  margin-right: 10px;
  background-color: #0092ca;
  padding: 2px 10px;
}
#home #topnews .inner ul li a:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 737px) {
  #home #topnews {
    padding: 15px 0;
  }
  #home #topnews .inner {
    display: block;
  }
  #home #topnews .inner h3,
  #home #topnews .inner ul li {
    display: none;
  }
  #home #topnews .inner ul li {
    margin-bottom: 0;
  }
  #home #topnews .inner ul li:first-child {
    display: block;
  }
  #home #topnews .inner ul li:nth-child(2) {
    display: block;
    margin: 10px 0 0;
  }
  #home #topnews .inner ul li a {
    color: #fff;
    font-size: 12px;
    transition: 0.3s;
    display: block;
    position: relative;
  }
  #home #topnews .inner ul li a:after {
    content: "\02192";
    top: 0;
    right: 2%;
    position: absolute;
  }
}
#home #intro {
  padding: 160px 0;
  box-sizing: border-box;
  position: relative;
  background: url(../../img/home/intro_bg.jpg) no-repeat center right / cover;
}
#home #intro .line-txt {
  font-size: 140px;
  position: absolute;
  left: -0.25em;
  top: 60px;
  z-index: 10;
}
#home #intro:after {
  content: "";
  position: absolute;
  background: url(../../img/home/intro_img.jpg) no-repeat center right / cover;
  top: 50%;
  right: 0;
  width: 40%;
  height: 400px;
  transform: translateY(-50%);
}
#home #intro .inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  z-index: 15;
}
#home #intro .inner .box1 {
  width: 55%;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.8;
  color: #fff;
}
#home #intro .inner .box1 span {
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
}
#home #intro .inner .box1 .midashi {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  margin-bottom: 20px;
  font-size: 32px;
  line-height: 1.4;
  color: #fff;
}
@media only screen and (max-width: 737px) {
  #home #intro {
    padding: 60px 0;
    box-sizing: border-box;
    position: relative;
    background-color: #f1f3f6;
  }
  #home #intro .line-txt {
    font-size: 12vw;
    position: absolute;
    left: 3%;
    top: 30px;
    z-index: 10;
  }
  #home #intro:after {
    content: "";
    position: absolute;
    background: url(../../img/home/intro_img.jpg) no-repeat center right / cover;
    top: 60px;
    right: 0;
    width: 90%;
    height: 0;
    padding-top: 58%;
    transform: none;
  }
  #home #intro .inner {
    display: block;
  }
  #home #intro .inner .box1 {
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.8;
    margin-top: 67%;
  }
  #home #intro .inner .box1 span {
    font-size: 16px;
  }
  #home #intro .inner .box1 .midashi {
    margin-bottom: 20px;
    font-size: 6vw;
    line-height: 1.4;
  }
}
#home #reason {
  padding: 120px 0;
  box-sizing: border-box;
  position: relative;
}
#home #reason ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#home #reason ul li {
  width: 33%;
  margin-bottom: 20px;
  background-color: #f1f3f6;
}
#home #reason ul li .txtBox {
  padding: 20px;
  font-size: 16px;
  line-height: 1.8;
}
#home #reason ul li .txtBox .txt01 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 10px;
  color: #0092ca;
  text-align: center;
}
@media only screen and (max-width: 737px) {
  #home #reason {
    padding: 60px 0;
  }
  #home #reason ul li {
    width: 100%;
    margin-bottom: 10px;
    /* display: flex; */
    flex-wrap: wrap;
  }
  #home #reason ul li .img {
    width: 100%;
  }
  #home #reason ul li .txtBox {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
  }
  #home #reason ul li .txtBox .txt01 {
    font-size: 16px;
    margin: 0;
  }
  #home #reason ul li .txtBox .txt02 {
    /* display: none; */
    font-size: 14px;
  }
}
#home #works {
  padding: 120px 0;
  box-sizing: border-box;
  position: relative;
  background-color: #f1f3f6;
}
#home #works .midashi {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 30px;
}
#home #works .units {
  text-align: center;
  font-size: 80px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 30px;
  color: #0092ca;
}
#home #works .units span {
  font-size: 80px;
}
#home #works .units .mini {
  font-size: 40px;
}
#home #works .units .grey {
  display: block;
  width: 550px;
  max-width: 100%;
  text-align: right;
  font-size: 13px;
  color: #333;
  font-weight: 400;
  margin: -10px auto 0;
}
#home #works .units strong {
  font-size: 30px;
  display: inline-block;
  background-color: #0092ca;
  color: #fff;
  padding: 3px 15px;
  vertical-align: middle;
  margin: -10px 20px 0 0;
}
#home #works .img {
  margin-bottom: 50px;
}
#home #works .more-btn {
  max-width: 400px;
}
#home #works .more-btn a {
  color: #0092ca;
  border: solid 1px #0092ca;
  margin: 0 auto 10px;
}
#home #works .more-btn a:hover {
  background-color: #0092ca;
  color: #fff;
}
@media only screen and (max-width: 737px) {
  #home #works {
    padding: 60px 0;
  }
  #home #works .midashi {
    font-size: 16px;
    margin: 0 0 20px;
  }
  #home #works .units {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 30px;
    color: #0092ca;
  }
  #home #works .units .group {
    font-size: 30px;
  }
  #home #works .units .mini {
    font-size: 14px;
  }
  #home #works .units .grey {
    width: 100%;
    max-width: 250px;
    text-align: center;
    font-size: 10px;
    margin-top: 5px;
  }
  #home #works .units strong {
    font-size: 14px;
    margin: -10px 10px 0 0;
  }
  #home #works .img {
    margin-bottom: 50px;
  }
  #home #works .more-btn a {
    color: #0092ca;
    border: solid 1px #0092ca;
  }
  #home #works .more-btn a:hover {
    background-color: #0092ca;
    color: #fff;
  }
}
#home #service {
  padding: 120px 0 0;
  box-sizing: border-box;
  position: relative;
  background-color: #f1f3f6;
  max-width: 100%;
  width: 100%;
}
#home #service .menu {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#home #service .menu li {
  width: 25%;
  border-right: solid 1px #fff;
  position: relative;
  box-sizing: border-box;
}
#home #service .menu li:last-child {
  border-right: none;
}
#home #service .menu li a {
  display: block;
  width: 100%;
  height: 300px;
  transition: 0.3s;
  position: relative;
  z-index: 1;
}
#home #service .menu li:nth-child(1) a {
  background: url(../../img/home/service_img02.jpg?ver=250204) no-repeat center bottom /
    cover;
}
#home #service .menu li:nth-child(2) a {
  background: url(../../img/home/service_img01.jpg?ver=250204) no-repeat center bottom /
    cover;
}
#home #service .menu li:nth-child(3) a {
  background: url(../../img/home/service_img04.jpg?ver=250204) no-repeat center bottom /
    cover;
}
#home #service .menu li:nth-child(4) a {
  background: url(../../img/home/service_img05.jpg) no-repeat center bottom /
    cover;
}
#home #service .menu li a:hover {
  background-color: rgba(255, 255, 255, 0.3);
  background-blend-mode: lighten;
}
#home #service .menu li a strong {
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: #222831;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  padding: 15px;
  box-sizing: border-box;
  line-height: 1.2;
  transition: 0.3s;
}
#home #service .menu li a:hover strong {
  background-color: #0092ca;
  opacity: 1;
}
#home #service .menu li a strong:after {
  content: "\02192";
  font-weight: normal;
  top: 50%;
  transform: translateY(-50%);
  right: 2%;
  position: absolute;
  transition: 0.3s;
}
#home #service .menu li a:hover strong:after {
  right: 1%;
}
#home #other-service .other {
	padding: 100px 0;
}
#home #other-service .other > p {
  position: relative;
  padding: 0 65px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 40px;
}
#home #other-service .other > p:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background: #000;
}
#home #other-service .other > p span {
  position: relative;
  padding: 0 1em;
  background: #f1f3f6;
}
#home #other-service .other ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#home #other-service .other ul li {
  width: 49%;
  margin-bottom: 2%;
}
@media only screen and (max-width: 737px) {
  #home #service {
    padding: 60px 0 0;
  }
  #home #service .menu li {
    width: 50%;
    border-right: none;
  }
  #home #service .menu li:nth-child(1) {
    width: 100%;
  }
  #home #service .menu li:nth-child(2) {
    border-right: solid 1px #fff;
  }
  #home #service .menu li a {
    height: 220px;
  }
  #home #service .menu li a strong {
    font-size: 14px;
    padding: 20px 10px;
  }
  #home #other-service .other {
    padding: 50px 0;
    width: 100%;
  }
  #home #other-service .other > p {
    padding: 0 45px;
    font-size: 18px;
    margin-bottom: 30px;
  }
  #home #other-service .other ul {
    display: block;
  }
  #home #other-service .other ul li {
    width: 94%;
    margin: 0 auto 2%;
  }
}
#home #price {
  padding: 120px 0 0;
  box-sizing: border-box;
  position: relative;
  background-color: #0092ca;
}
#home #price h3 {
  padding-bottom: 120px;
}
#home #price h3,
#home #price h3 span {
  color: #fff;
}
#home #price .coating {
  background-color: #fff;
/*  padding-bottom: 200px;*/
	padding-bottom: 100px;
}
#home #price .wash {
  background-color: #f1f3f6;
  /*padding-bottom: 100px;*/
	padding-bottom: 230px;
}
#home #price .cont .midahsi {
  display: block;
  width: 100%;
  height: 250px;
  position: relative;
  top: 0;
  transform: translateY(-50%);
}
#home #price .cont .midahsi .txt {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
#home #price .cont .midahsi .line-txt {
  font-size: 120px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(50%);
  text-align: center;
  text-stroke: 1px rgba(204, 204, 204, 1);
  -webkit-text-stroke: 1px rgba(204, 204, 204, 1);
}
#home #price .cont.coating .midahsi {
  background: url(../../img/home/price_coat_img01.jpg) no-repeat center bottom /
    cover;
}
#home #price .cont.wash .midahsi {
  background: url(../../img/home/price_wash_img01.jpg) no-repeat center bottom /
    cover;
}
#home #price .cont.coating ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#home #price .cont.coating ul li {
  width: 49%;
  margin-bottom: 3%;
  position: relative;
  padding-bottom: 50px;
  background-color: #f1f3f6;
}
#home #price .cont.coating ul li .more {
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: #222831;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  padding: 15px;
  box-sizing: border-box;
  line-height: 1.2;
  text-align: center;
  transition: 0.3s;
}
#home #price .cont.coating ul li .more:after {
  content: "\02192";
  top: 50%;
  transform: translateY(-50%);
  right: 2%;
  position: absolute;
  transition: 0.3s;
}
#home #price .cont.coating ul li:hover img {
  opacity: 1;
}
#home #price .cont.coating ul li:hover .more {
  background-color: #0092ca;
}
#home #price .cont.coating ul li:hover .more:after {
  right: 1%;
}
#home #price .cont.coating .txtBox {
  padding: 20px;
  font-size: 16px;
}
#home #price .cont.coating .txtBox .txt01 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 20px;
}
#home #price .cont.coating .txtBox .txt01 strong {
  display: block;
  color: #0092ca;
  font-size: 20px;
  margin-top: 10px;
}
#home #price .cont.coating .txtBox .txt01 strong span {
  font-size: 14px;
}
#home #price .cont.wash .menu1 {
  display: flex;
  justify-content: space-between;
}
#home #price .cont.wash .menu1 .img {
  min-width: 480px;
  margin-right: 40px;
}
#home #price .cont.wash .menu1 .txtBox {
  font-size: 16px;
  line-height: 1.8;
}
#home #price .cont.wash .menu1 .txtBox .txt01 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 20px;
}
#home #price .cont.wash .menu1 .txtBox .txt01 strong {
  display: block;
  color: #0092ca;
  font-size: 20px;
  margin-top: 10px;
}
#home #price .cont.wash .menu1 .txtBox .txt01 strong span {
  font-size: 14px;
}
#home #price .cont.wash .menu1 .txtBox .more-btn {
  max-width: auto;
  width: 100%;
}
#home #price .cont.wash .menu1 .txtBox .more-btn a {
  color: #fff;
  background-color: #222831;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
  margin-top: 50px;
}
#home #price .cont.wash .menu1 .txtBox .more-btn a:hover {
  background-color: #0092ca;
}
#home #price .cont.wash .menu2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 50px;
}
#home #price .cont.wash .menu2 li {
  width: 49%;
  position: relative;
  background-color: #fff;
}
#home #price .cont.wash .menu2 li:after {
  content: "\02192";
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background-color: #222831;
  position: absolute;
  transition: 0.3s;
}
#home #price .cont.wash .menu2 li:hover:after {
  right: -10px;
  background-color: #0092ca;
}
#home #price .cont.wash .menu2 li a {
  display: flex;
  justify-content: space-between;
}
#home #price .cont.wash .menu2 li a:hover img {
  opacity: 1;
}
#home #price .cont.wash .menu2 li .txtBox {
  padding: 10px;
}
#home #price .cont.wash .menu2 li .txtBox .txt01 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
}
#home #price .cont.wash .menu2 li .txtBox .txt02 {
  display: block;
  color: #0092ca;
  font-size: 20px;
  margin-top: 10px;
  text-align: right;
  font-weight: bold;
}
#home #price .cont.wash .menu2 li .txtBox .txt02 span {
  font-size: 14px;
}
#home #price .cont.wash .menu2 li .img {
  min-width: 220px;
}
@media only screen and (max-width: 737px) {
  #home #price {
    padding: 60px 0 0;
  }
  #home #price h3 {
    padding-bottom: 100px;
  }
  #home #price .coating {
    /*padding-bottom: 150px;*/
	padding-bottom: 50px;
  }
  #home #price .wash {
    /*padding-bottom: 50px;*/
	padding-bottom: 150px;
  }
  #home #price .cont .midahsi {
    width: 100%;
    height: 200px;
    margin-bottom: -50px;
  }
  #home #price .cont .midahsi .txt {
    font-size: 20px;
  }
  #home #price .cont .midahsi .line-txt {
    font-size: 20vw;
  }
  #home #price .cont.coating ul li {
    padding-bottom: 50px;
  }
  #home #price .cont.coating ul li .more {
    font-size: 10px;
  }
  #home #price .cont.coating ul li .more:after {
    display: none;
  }
  #home #price .cont.coating .txtBox {
    padding: 10px;
  }
  #home #price .cont.coating .txtBox .txt01 {
    font-size: 14px;
    margin: 0;
  }
  #home #price .cont.coating .txtBox .txt01 strong {
    font-size: 16px;
  }
  #home #price .cont.coating .txtBox .txt01 strong span {
    font-size: 12px;
  }
  #home #price .cont.coating .txtBox .txt02 {
    display: none;
  }
  #home #price .cont.wash .menu1 {
    flex-wrap: wrap;
  }
  #home #price .cont.wash .menu1 .img {
    min-width: auto;
    width: 50%;
    margin-right: 0;
  }
  #home #price .cont.wash .menu1 .txtBox {
    width: 46%;
  }
  #home #price .cont.wash .menu1 .txtBox .txt01 {
    font-size: 14px;
    margin: 0 0 10px;
    text-align: right;
  }
  #home #price .cont.wash .menu1 .txtBox .txt01 strong {
    font-size: 16px;
    margin-top: 5px;
  }
  #home #price .cont.wash .menu1 .txtBox .txt01 strong span {
    font-size: 12px;
  }
  #home #price .cont.wash .menu1 .txtBox .more-btn a {
    font-size: 10px;
    margin-top: 10px;
    padding: 10px 0;
  }
  #home #price .cont.wash .menu1 .txtBox .txt02,
  #home #price .cont.wash .menu1 .txtBox .more-btn a:after {
    display: none;
  }
  #home #price .cont.wash .menu2 {
    display: block;
    margin-top: 30px;
  }
  #home #price .cont.wash .menu2 li {
    width: 100%;
    margin-bottom: 10px;
  }
  #home #price .cont.wash .menu2 li:after {
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
  #home #price .cont.wash .menu2 li .txtBox {
    padding: 10px;
  }
  #home #price .cont.wash .menu2 li .txtBox .txt01 {
    font-size: 14px;
  }
  #home #price .cont.wash .menu2 li .txtBox .txt02 {
    font-size: 16px;
    margin-top: 5px;
  }
  #home #price .cont.wash .menu2 li .txtBox .txt02 span {
    font-size: 12px;
  }
  #home #price .cont.wash .menu2 li .img {
    min-width: 150px;
  }
}
#home #policy {
  padding: 120px 0;
  background: url(../../img/home/policy_img.jpg) no-repeat center center / cover
    #212832;
}
#home #policy h3,
#home #policy h3 span {
  color: #fff;
}
#home #policy .inner {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
#home #policy .inner .txtBox {
  width: 50%;
  color: #fff;
  font-size: 16px;
  line-height: 2;
}
#home #policy .inner .txtBox .txt01 {
  font-size: 24px;
  line-height: 1.6;
  margin-bottom: 30px;
}
@media only screen and (max-width: 737px) {
  #home #policy {
    padding: 60px 0;
  }
  #home #policy .inner {
    display: block;
  }
  #home #policy .inner .txtBox {
    width: 100%;
    font-size: 14px;
    line-height: 1.8;
  }
  #home #policy .inner .txtBox .txt01 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
#home #blog {
  padding: 120px 0;
  background: #fff;
}
#home #blog ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#home #blog ul li {
  width: 49%;
  margin-bottom: 4%;
}
#home #blog ul li .img {
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
}
#home #blog ul li .img img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#home #blog ul li .txtBox {
  padding: 20px 0;
  font-size: 16px;
  line-height: 1.8;
}
#home #blog ul li .txtBox .date {
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 10px;
  color: #0092ca;
}
#home #blog ul li .txtBox .txt01 {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
}
#home #blog .more-btn {
  max-width: 400px;
}
#home #blog .more-btn a {
  color: #0092ca;
  border: solid 1px #0092ca;
}
#home #blog .more-btn a:hover {
  background-color: #0092ca;
  color: #fff;
}
@media only screen and (max-width: 737px) {
  #home #blog {
    padding: 60px 0 10px;
  }
  #home #blog ul li .img {
    height: 0;
    padding-top: 50%;
  }
  #home #blog ul li .txtBox {
    padding: 15px 0;
    font-size: 16px;
    line-height: 1.8;
  }
  #home #blog ul li .txtBox .date {
    font-size: 14px;
  }
  #home #blog ul li .txtBox .txt01 {
    font-size: 16px;
    margin-bottom: 0;
  }
  #home #blog ul li .txtBox .txt02 {
    display: none;
  }
}

/*** ------------------------------------------------------------------------------ 

サービス内容（.service）

-----------------------------------------------------------------------------  ***/

/** サービス内容 共通　**/
.service #reason {
  padding: 0 0 120px;
  box-sizing: border-box;
  position: relative;
}
.service #reason ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.service #reason ul li {
  width: 33%;
  margin-bottom: 20px;
  background-color: #f1f3f6;
}
.service #reason ul li .txtBox {
  padding: 20px;
  font-size: 16px;
  line-height: 1.8;
}
.service #reason ul li .txtBox .txt01 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 10px;
  color: #0092ca;
  text-align: center;
}
.service #works {
  padding: 120px 0;
  box-sizing: border-box;
  position: relative;
}
.service #works .midashi {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 30px;
}
.service #works .units {
  text-align: center;
  font-size: 80px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 30px;
  color: #0092ca;
}
.service #works .units span {
  font-size: 80px;
}
.service #works .units .mini {
  font-size: 40px;
}
.service #works .units .grey {
  display: block;
  width: 550px;
  max-width: 100%;
  text-align: right;
  font-size: 13px;
  color: #333;
  font-weight: 400;
  margin: -10px auto 0;
}
.service #works .units strong {
  font-size: 30px;
  display: inline-block;
  background-color: #0092ca;
  color: #fff;
  padding: 3px 15px;
  vertical-align: middle;
  margin: -10px 20px 0 0;
}
.service #works .img {
  margin-bottom: 50px;
}
#works .img span {
  display: block;
  text-align: right;
  margin-top: 5px;
}
.service #works .more-btn {
  max-width: 400px;
}
.service #works .more-btn a {
  color: #0092ca;
  border: solid 1px #0092ca;
}
.service #works .more-btn a:hover {
  background-color: #0092ca;
  color: #fff;
}
.service #qa {
  background-color: #f1f3f6;
  padding: 120px 0;
}
.service #qa .midashi {
  border-bottom: solid 1px #000;
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-size: 24px;
  font-weight: bold;
}
.service #qa .conts {
  margin-bottom: 50px;
}
.service #qa .conts:last-of-type {
  margin-bottom: 0;
}
.service #qa .conts dl {
  border-bottom: 1px solid #fff;
  padding: 20px 0;
}
.service #qa .conts dt {
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: flex-start;
  padding-right: 30px;
  transition: 0.3s;
}
.service #qa .conts dt:hover,
.service #qa .conts dt.open {
  color: #0092ca;
}
.service #qa .conts dt:before {
  display: block;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  margin: -1px 0 0 -7px;
  width: 20px;
  height: 3px;
  background-color: #000;
  transition: 0.2s;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  border-right: none;
}
.service #qa .conts dt:after {
  display: block;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  margin: -1px 0 0 -7px;
  width: 20px;
  height: 3px;
  background-color: #000;
  transition: 0.3s;
}
.service #qa .conts dt.open:before {
  -webkit-transform: rotate(0deg);
}
.service #qa .conts dt span {
  margin-right: 20px;
  width: 20px;
  display: block;
}
.service #qa .conts dd {
  display: none;
}
.service #qa .conts dd .box {
  display: flex;
  justify-content: flex-start;
  font-size: 14px;
  margin-top: 20px;
}
.service #qa .conts dd .box span {
  margin-right: 20px;
  width: 20px;
  font-size: 16px;
  font-weight: bold;
  display: block;
}
.service #qa .conts dd .box strong {
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}
.service #bn_list ul {
  padding: 0 0 100px;
}
.service .navBtn {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
.service .navBtn li {
  width: 30.3%;
  margin: 0 3% 3% 0;
}
.service .navBtn li:nth-child(3n) {
  margin-right: 0;
}
.service .navBtn li a {
  font-size: 16px;
  font-weight: bold;
  transition: 0.3s;
  display: block;
  position: relative;
  padding: 15px 0;
  width: 100%;
  transition: 0.3s;
  box-sizing: border-box;
  background-color: #222831;
  color: #fff;
  text-align: center;
}
.service .navBtn li a:after {
  content: "\02192";
  top: 50%;
  transform: translateY(-50%);
  right: 2%;
  position: absolute;
  transition: 0.3s;
}
.service .navBtn li a:hover:after {
  right: 1%;
}

@media only screen and (max-width: 737px) {
  .service #reason {
    padding: 0 20px;
  }
  .service #reason ul li {
    width: 100%;
    margin-bottom: 10px;
    /* display: flex; */
    flex-wrap: wrap;
  }
  .service #reason ul li .img {
    width: 100%;
  }
  .service #reason ul li .txtBox {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
  }
  .service #reason ul li .txtBox .txt01 {
    font-size: 16px;
    margin: 0;
  }
  .service #reason ul li .txtBox .txt02 {
    /* display: none; */
    font-size: 14px;
  }
  .service #works {
    padding: 60px 0;
  }
  .service #works .midashi {
    font-size: 16px;
    margin: 0 0 20px;
  }
  .service #works .units {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 30px;
    color: #0092ca;
  }
  .service #works .units .group {
    font-size: 30px;
  }
  .service #works .units .mini {
    font-size: 14px;
  }
  .service #works .units .grey {
    width: 100%;
    max-width: 250px;
    text-align: center;
    font-size: 10px;
    margin-top: 5px;
  }
  .service #works .units strong {
    font-size: 14px;
    margin: -10px 10px 0 0;
  }
  .service #works .img {
    margin-bottom: 50px;
  }
  .service #works .more-btn a {
    color: #0092ca;
    border: solid 1px #0092ca;
  }
  .service #works .more-btn a:hover {
    background-color: #0092ca;
    color: #fff;
  }
  .service #qa {
    padding: 60px 0;
  }
  .service #qa .conts dl {
    padding: 10px 0;
  }
  .service #qa .conts dt {
    font-size: 16px;
    padding-right: 30px;
  }
  .service #qa .conts dt:before {
    right: 0;
    width: 10px;
    height: 2px;
  }
  .service #qa .conts dt:after {
    right: 0;
    width: 10px;
    height: 2px;
  }
  .service #qa .conts dt span {
    margin-right: 10px;
    width: 16px;
  }
  .service #qa .conts dd {
    display: none;
  }
  .service #qa .conts dd .box {
    font-size: 14px;
    margin-top: 10px;
  }
  .service #qa .conts dd .box span {
    margin-right: 10px;
    width: 16px;
  }
  .service #qa .conts dd .box strong {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .service #bn_list ul {
    padding: 0;
  }
  .service #shoplist {
    padding: 60px 0 0;
  }
  .service .navBtn {
    margin-bottom: 30px;
  }
  .service .navBtn li {
    width: 49%;
    margin: 0 2% 2% 0;
  }
  .service .navBtn li:nth-child(3n) {
    margin: 0 2% 2% 0;
  }
  .service .navBtn li:nth-child(even) {
    margin-right: 0;
  }
  .service .navBtn li a {
    font-size: 12px;
    padding: 10px 0;
  }
}
/** サービス内容 共通　**/

/** コーティング　**/
.service#service #mv {
  height: 500px;
  background-image: url(../../img/service/top/main.jpg);
}
.service#service #mv .tit {
  /*top: 50px;*/
	top: 50%;
 /* transform: translate(-50%, 0);*/
  color: #fff;
}
/*
.service#service #mv .tit h2 {
	line-height: 1;
	font-weight: bold;
	padding: 0;
	background-color: inherit;
	margin-bottom: 0;
	color: #fff;
}
*/
.service#service #mv .tit h1{
	line-height: 1;
	font-weight: bold;
	padding: 0;
	background-color: inherit;
	margin-bottom: 0;
	color: #fff;
}
.service#service #mv .tit .txt01 {
  font-size: 16px;
}
.service#service #mv .tit .txt01 strong {
  display: inline-block;
  background-color: #fff;
  padding: 5px 10px;
  margin-right: 10px;
  font-size: 20px;
  color: #0092ca;
}
.service#service #mv .feature {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
  max-width: 1000px;
  width: 94%;
}
.service#service #mv .feature img {
  width: 433px;
  display: block;
}
.service#service #coating {
  padding-top: 80px;
}
.service#service #coating .txt01 {
  text-align: right;
  font-size: 14px;
  margin: 0 0 -20px;
}
.service#service #coating .conts {
  padding-top: 30px;
}
.service#service #coating .menu-list {
  padding: 30px;
  background: #f1f3f6;
  display: flex;
}
.service#service #coating .menu-list .img {
  max-width: 400px;
  margin: 0;
}
.service#service #coating .menu-list .text {
  width: calc(100% - 400px);
  padding: 0 0 0 30px;
  box-sizing: border-box;
}
.service#service #coating .menu-list .text .tit {
  font-size: 28px;
  font-weight: bold;
}
.service#service #coating .menu-list .text .tit span {
  display: block;
  font-size: 14px;
  font-weight: normal;
}
.service#service #coating .menu-list .text .more-btn a {
  background-color: #222831;
  font-weight: bold;
  color: #fff;
  padding: 15px 0;
}
.service#service #coating .menu-list .text .more-btn a:hover {
  background-color: #0092ca;
}
.service#service #coating .menu-list .text .data {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 10px 0 0;
}
.service#service #coating .menu-list .text .data ul.seino1 {
  width: 49%;
}
.service#service #coating .menu-list .text .data ul.seino1 li {
  margin-bottom: 5px;
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
}
.service#service #coating .menu-list .text .data ul.seino1 li strong {
  display: block;
  width: 75px;
}
.service#service #coating .menu-list .text .data ul.seino1 li span {
  color: #0092ca;
  display: block;
  width: calc(100% - 80px);
}
.service#service #coating .menu-list .text .data ul.seino2 {
  width: 50%;
}
.service#service #coating .menu-list .text .data ul.seino2 li {
  margin-bottom: 5px;
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.service#service #coating .menu-list .text .data ul.seino2 li strong {
  display: block;
  width: 80px;
  text-align: center;
  background-color: #222831;
  color: #fff;
  margin-right: 10px;
  padding: 7px 0;
}
.service#service #coating .menu-list .text .data ul.seino2 li span {
  display: block;
  width: calc(100% - 90px);
  padding-top: 8px;
}
.service#service #coating .menu-list .text .price {
  text-align: right;
  color: #0092ca;
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 10px;
}
.service#service #coating .menu-list .text .price span {
  font-size: 18px;
}
.service#service #coating .attention {
  font-size: 14px;
  margin: 5px 0 0;
}
.service#service #coating .option {
  text-align: center;
  margin: 50px 0;
  padding: 200px 0 80px;
  position: relative;
  background-color: #f1f3f6;
}
.service#service #coating .option:before {
  content: "";
  position: absolute;
  width: 226px;
  height: 106px;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../../img/service/top/arrow.png) top center / cover;
}
.service#service #coating .option .value_option .midashi {
  font-size: 38px;
  color: #0092ca;
  font-weight: bold;
  margin-bottom: 30px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
}
.service#service #coating .option .value_option ul {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  width: 94%;
  margin: 0 auto 50px;
}
.service#service #coating .option .value_option ul li {
  width: 33.333%;
  background-color: #fff;
}
.service#service #coating .option .value_option ul li .img {
  border-right: 1px solid #fff;
}
.service#service #coating .option .value_option ul li .txtBox {
  padding: 20px;
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
}
.service#service #coating .option .value_option ul li .txtBox .txt02 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 10px;
  color: #0092ca;
  text-align: center;
}
.service#service #coating .option .value_option ul li .txtBox .txt03 {
  min-height: 110px;
}
.service#service #coating .option .value_option ul li .txtBox .txt03 span {
  font-size: 14px;
}
.service#service #coating .option .value_option ul li .txtBox .price {
  text-align: right;
  font-size: 20px;
  font-weight: bold;
}
.service#service #coating .vp .midashi {
  font-size: 34px;
  font-weight: bold;
  margin-bottom: 30px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
}
.service#service #coating .option .vp ul {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  width: 94%;
  margin: 0 auto 50px;
}
.service#service #coating .option .vp ul li {
  width: 32%;
}
@media only screen and (max-width: 900px) {
  .service#service #coating .menu-list {
    padding: 20px;
    margin: 0 0 20px;
    display: block;
  }
  .service#service #coating .menu-list .img {
    max-width: 400px;
    margin: 0 auto 20px;
  }
  .service#service #coating .menu-list .text {
    width: 100%;
    padding: 0;
  }
}
@media only screen and (max-width: 737px) {
  .service#service #mv {
    height: 0;
    padding-top: 67%;
    background-size: 190%;
    background-position: top right 30%;
  }
  .service#service #mv .tit {
    /*top: 30px;*/
	  top: 50%;
  }
	/*
  .service#service #mv .tit h2 {
	font-size: 8vw;
	margin-bottom: 0;
  }
	*/
  .service#service #mv .tit h1 {
	font-size: 8vw;
	margin-bottom: 0;
  }
  .service#service #mv .tit .txt01 {
    font-size: 3vw;
  }
  .service#service #mv .tit .txt01 strong {
    margin: 0 0 5px;
    font-size: 4vw;
  }
  .service#service #mv .feature {
    bottom: 10px;
  }
  .service#service #mv .feature img {
    width: 70%;
  }
  .service#service #coating {
    padding-top: 40px;
  }
  .service#service #coating .txt01 {
    text-align: right;
    font-size: 12px;
    margin: 0 0 5px;
  }
  .service#service #coating .menu-list {
    padding: 10px;
  }
  .service#service #coating .menu-list .img {
    max-width: none;
    margin: 0 0 10px;
  }
  .service#service #coating .menu-list .text .tit {
    font-size: 18px;
  }
  .service#service #coating .menu-list .text .tit span {
    font-size: 12px;
  }
  .service#service #coating .menu-list .text .more-btn a {
    padding: 10px 0;
  }
  .service#service #coating .menu-list .text .data ul.seino1 li {
    font-size: 3.8vw;
    display: block;
  }
  .service#service #coating .menu-list .text .data ul.seino1 li strong {
    width: 4.5em;
  }
  .service#service #coating .menu-list .text .data ul.seino1 li span {
    font-size: 3.8vw;
    width: 100%;
  }
  .service#service #coating .menu-list .text .data ul.seino2 li strong {
    width: 4.5em;
    margin-right: 5px;
    padding: 6px 10px;
  }
  .service#service #coating .menu-list .text .data ul.seino2 li span {
    font-size: 3.8vw;
    width: 100%;
  }
  .service#service #coating .menu-list .text .price {
    font-size: 9vw;
  }
  .service#service #coating .menu-list .text .price span {
    font-size: 5vw;
  }
  .service#service #coating .attention {
    font-size: 12px;
  }
  .service#service #coating .option {
    margin: 30px 0;
    padding: 100px 0 40px;
  }
  .service#service #coating .option:before {
    width: 113px;
    height: 53px;
    top: 30px;
  }
  .service#service #coating .option .value_option .midashi {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .service#service #coating .option .value_option ul {
    display: block;
    margin: 0 auto 30px;
  }
  .service#service #coating .option .value_option ul li {
    width: 100%;
    margin-bottom: 10px;
  }
  .service#service #coating .option .value_option ul li .img {
    border-right: none;
  }
  .service#service #coating .option .value_option ul li .txtBox {
    padding: 15px;
    font-size: 14px;
  }
  .service#service #coating .option .value_option ul li .txtBox .txt02 {
    font-size: 18px;
  }
  .service#service #coating .option .value_option ul li .txtBox .txt03 {
    min-height: auto;
  }
  .service#service #coating .option .value_option ul li .txtBox .txt03 span {
    font-size: 12px;
  }
  .service#service #coating .vp .midashi {
    font-size: 22px;
    margin-bottom: 5px;
  }
  .service#service #coating .option .vp ul {
    display: block;
    margin: 0 auto;
  }
  .service#service #coating .option .vp ul li {
    width: 100%;
    margin-bottom: 10px;
  }
}
/** 手洗い洗車　**/
.service#wash #mv {
  height: 500px;
  background-image: url(../../img/service/wash/main02.jpg);
}
.service#wash #mv .tit {
  top: 50px;
  transform: translate(-50%, 0);
  color: #fff;
}
/*
.service#wash #mv .tit h2 {
  line-height: 1.2;
  font-weight: bold;
  padding: 0;
  background-color: inherit;
  margin-bottom: 20px;
  color: #fff;
}
*/
.service#wash #mv .tit h1 {
  line-height: 1.2;
  font-weight: bold;
  padding: 0;
  background-color: inherit;
  margin-bottom: 20px;
  color: #fff;
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.service#wash #mv .tit .txt01 {
  font-size: 16px;
}
.service#wash #mv .tit .txt01 strong {
  display: inline-block;
  background-color: #fff;
  padding: 5px 10px;
  margin-right: 10px;
  font-size: 20px;
  color: #0092ca;
}
.service#wash #mv .feature {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;
  max-width: 1000px;
  width: 94%;
}
.service#wash #mv .feature img {
  width: 433px;
  display: block;
}
.service#wash #contents {
  padding-top: 80px;
}
.service#wash #contents .inner .box1 {
  background-color: #f1f3f6;
  padding: 50px 30px;
  margin-bottom: 80px;
}
.service#wash #contents .inner .box1 .feature .midashiBox {
  text-align: center;
  margin-bottom: 30px;
}
.service#wash #contents .inner .box1 .feature .midashiBox .txt01 {
  font-size: 34px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.2;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
}
.service#wash #contents .inner .box1 .feature .midashiBox .txt02 {
  font-size: 16px;
  margin-bottom: 10px;
}
.service#wash #contents .inner .box1 .feature .midashiBox .txt03 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.service#wash #contents .inner .box1 .feature .in {
  display: flex;
}
.service#wash #contents .inner .box1 .feature .in .img {
  min-width: 380px;
  margin-right: 40px;
}
.service#wash #contents .inner .box1 .feature .in .txtbox .txt01 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.service#wash #contents .inner .box1 .feature .in .txtbox .txt01 span {
  display: inline-block;
  font-size: 14px;
  margin-left: 20px;
}
.service#wash #contents .inner .box1 .feature .in .txtbox ul {
  display: flex;
  flex-wrap: wrap;
}
.service#wash #contents .inner .box1 .feature .in .txtbox ul li {
  border: solid 1px #0092ca;
  background-color: #fff;
  color: #0092ca;
  padding: 10px 0;
  font-size: 15px;
  line-height: 1.2;
  font-weight: bold;
  box-sizing: border-box;
  width: 31%;
  margin: 0 2% 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.service#wash #contents .inner .box1 .feature .more-btn {
  max-width: 480px;
  width: 94%;
  margin: 30px auto 0;
}
.service#wash #contents .inner .box1 .feature .more-btn a {
  background-color: #222831;
  font-weight: bold;
  color: #fff;
  padding: 15px 0;
}
.service#wash #contents .inner .box1 .feature .more-btn a:hover {
  background-color: #0092ca;
}
.service#wash #contents .inner .box1 .flow {
  margin-top: 50px;
}
.service#wash #contents .inner .box1 .flow .midashi {
  font-size: 24px;
  line-height: 1.2;
  font-weight: bold;
  border-bottom: solid 1px #000;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.service#wash #contents .inner .box1 .flow ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.service#wash #contents .inner .box1 .flow ul li {
  width: calc(100% / 3 - 15px);
  margin-bottom: 4%;
  position: relative;
}
.service#wash #contents .inner .box1 .flow ul li:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 20px;
  border-color: transparent transparent transparent #222831;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
}
.service#wash #contents .inner .box1 .flow ul li:nth-child(3n):after {
  display: none;
}
.service#wash #contents .inner .box1 .flow ul li strong {
  position: absolute;
  display: inline-block;
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
  color: #fff;
  background-color: #222831;
  top: 0;
  left: 0;
  padding: 5px 8px;
}
.service#wash #contents .inner .pure {
  margin-bottom: 80px;
}
.service#wash #contents .inner .pure .midashi {
  background-color: #f1f3f6;
  font-size: 30px;
  line-height: 1.2;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 40px;
}
.service#wash #contents .inner .pure .in {
  display: flex;
  font-size: 14px;
  line-height: 1.8;
}
.service#wash #contents .inner .pure .in .img {
  min-width: 480px;
  margin: 0 0 0 40px;
}
.service#wash #contents .inner .value .midashi {
  font-size: 24px;
  line-height: 1.2;
  font-weight: bold;
  border-bottom: solid 1px #000;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.service#wash #contents .inner .value ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.service#wash #contents .inner .value ul li {
  width: 48%;
}
.service#wash #contents .inner .value ul li .txtBox .txt01 {
  font-size: 24px;
  line-height: 1.4;
  font-weight: bold;
  margin: 20px 0 10px;
}
.service#wash #contents .inner .value ul li .txtBox .price {
  font-size: 24px;
  line-height: 1.4;
  font-weight: bold;
  color: #0092ca;
  margin: 0 0 10px;
}
.service#wash #contents .inner .value ul li .txtBox .txt02 {
  font-size: 14px;
  line-height: 1.8;
  padding: 15px;
  background-color: #f1f3f6;
}
.service#wash #contents .inner .value ul li .more-btn {
  width: 90%;
  margin: 30px auto 0;
}
.service#wash #contents .inner .value ul li .more-btn a {
  background-color: #222831;
  font-weight: bold;
  color: #fff;
  padding: 15px 0;
}
.service#wash #contents .inner .value ul li .more-btn a:hover {
  background-color: #0092ca;
}
@media only screen and (max-width: 737px) {
  .service#wash #mv {
    height: 0;
    padding-top: 67%;
    background-size: 190%;
    background-position: top right 30%;
  }
  .service#wash #mv .tit {
    top: 30px;
  }
	/*
  .service#wash #mv .tit h2 {
    font-size: 7.2vw;
    margin-bottom: 10px;
  }
	*/
  .service#wash #mv .tit h1 {
    font-size: 7.2vw;
    margin-bottom: 10px;
  }
  .service#wash #mv .tit .txt01 {
    font-size: 3vw;
  }
  .service#wash #mv .feature {
    bottom: 10px;
  }
  .service#wash #mv .feature img {
    width: 70%;
  }
  .service#wash #contents {
    padding-top: 40px;
  }
  .service#wash #contents .inner .box1 {
    padding: 30px 10px;
    margin-bottom: 50px;
  }
  .service#wash #contents .inner .box1 .feature .midashiBox .txt01 {
    font-size: 24px;
  }
  .service#wash #contents .inner .box1 .feature .midashiBox .txt02 {
    font-size: 14px;
  }
  .service#wash #contents .inner .box1 .feature .midashiBox .txt03 {
    font-size: 16px;
  }
  .service#wash #contents .inner .box1 .feature .in {
    display: block;
  }
  .service#wash #contents .inner .box1 .feature .in .img {
    min-width: auto;
    width: 100%;
    margin: 0 0 20px;
  }
  .service#wash #contents .inner .box1 .feature .in .txtbox .txt01 {
    font-size: 16px;
  }
  .service#wash #contents .inner .box1 .feature .in .txtbox .txt01 span {
    font-size: 12px;
    margin-left: 10px;
  }
  .service#wash #contents .inner .box1 .feature .in .txtbox ul li {
    padding: 5px 0;
    font-size: 12px;
  }
  .service#wash #contents .inner .box1 .feature .more-btn {
    margin: 20px auto 0;
  }
  .service#wash #contents .inner .box1 .flow {
    margin-top: 40px;
  }
  .service#wash #contents .inner .box1 .flow .midashi {
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .service#wash #contents .inner .box1 .flow ul {
    display: block;
  }
  .service#wash #contents .inner .box1 .flow ul li {
    width: 100%;
    margin-bottom: 30px;
  }
  .service#wash #contents .inner .box1 .flow ul li:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 25px 0 25px;
    border-color: #222831 transparent transparent transparent;
    position: absolute;
    top: initial;
    bottom: -20px;
    transform: translateX(-50%);
    right: initial;
    left: 50%;
  }
  .service#wash #contents .inner .box1 .flow ul li:nth-child(3n):after {
    display: block;
  }
  .service#wash #contents .inner .box1 .flow ul li:last-child:after {
    display: none;
  }
  .service#wash #contents .inner .box1 .flow ul li strong {
    font-size: 14px;
  }
  .service#wash #contents .inner .pure {
    margin-bottom: 50px;
  }
  .service#wash #contents .inner .pure .midashi {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .service#wash #contents .inner .pure .in {
    display: block;
  }
  .service#wash #contents .inner .pure .in .img {
    min-width: auto;
    margin: 20px 0 0;
  }
  .service#wash #contents .inner .value .midashi {
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .service#wash #contents .inner .value ul {
    display: block;
  }
  .service#wash #contents .inner .value ul li {
    width: 100%;
    margin-bottom: 30px;
  }
  .service#wash #contents .inner .value ul li .txtBox .txt01 {
    font-size: 16px;
    margin: 20px 0 10px;
  }
  .service#wash #contents .inner .value ul li .txtBox .price {
    font-size: 24px;
    line-height: 1.4;
    font-weight: bold;
    color: #0092ca;
    margin: 0 0 10px;
  }
  .service#wash #contents .inner .value ul li .txtBox .txt02 {
    font-size: 14px;
    line-height: 1.8;
    padding: 15px;
    background-color: #f1f3f6;
  }
  .service#wash #contents .inner .value ul li .more-btn {
    margin: 20px auto 0;
  }
}

.service#material #mv {
  background-image: url(../../img/service/material/main.jpg);
}
.service#material .pageTit {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 40px;
}
.service#material .pageTit .txt01 {
  font-size: 34px;
  margin-bottom: 20px;
  line-height: 1.2;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
}
.service#material .topList {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.service#material .topList > li {
  width: 48%;
  margin: 0 4% 4% 0;
}
.service#material .topList > li:nth-child(even) {
  margin-right: 0;
}
.service#material .topList .text {
  padding: 20px;
  background: #f1f3f6;
  box-sizing: border-box;
}
.service#material .topList .text .tit {
  font-size: 28px;
  font-weight: bold;
}
.service#material .topList .text .tit span {
  display: block;
  font-size: 14px;
  font-weight: normal;
}
.service#material .topList .text .tit b {
	display: block;
	font-size: 18px;
}
.service#material .topList .text .more-btn a {
  background-color: #222831;
  font-weight: bold;
  color: #fff;
  padding: 15px 0;
}
.service#material .topList .text .more-btn a:hover {
  background-color: #0092ca;
}
.service#material .topList .text .data {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 10px 0 0;
}
.service#material .topList .text .data ul {
  width: 49%;
}
.service#material .topList .text .data ul.seino1 li {
  margin-bottom: 5px;
  font-size: 18px;
}
.service#material .topList .text .data ul.seino1 li strong {
  width: 5em;
  display: inline-block;
}
.service#material .topList .text .data ul.seino1 li span {
  color: #0092ca;
}
.service#material .topList .text .data ul.seino2 li {
  margin-bottom: 5px;
  font-size: 18px;
}
.service#material .topList .text .data ul.seino2 li strong {
  width: 5em;
  display: inline-block;
  text-align: center;
  background-color: #222831;
  color: #fff;
  margin-right: 10px;
}
.service#material .topList .text .price {
  text-align: right;
  color: #0092ca;
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 5px;
}
.service#material .topList .text .price span {
  font-size: 18px;
}
.service#material .topList .text .txt01 {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
}
.service#material .tab-wrap .btn {
  display: flex;
  border-bottom: solid 1px #0092ca;
}
.service#material .tab-wrap .btn li {
  padding: 15px 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  cursor: pointer;
  box-sizing: border-box;
  width: 120px;
  text-align: center;
  background-color: #fff;
}
.service#material .tab-wrap .btn li.show {
  background-color: #0092ca;
  color: #fff;
}
.service#material .tab-contents {
  display: none;
}
.service#material .tab-contents.show {
  display: block;
  padding: 30px;
  background-color: #fff;
}
.service#material .tab-contents .tab-tit {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 50px;
  text-align: center;
  color: #0092ca;
}
.service#material .att {
  color: #0092ca;
}
.service#material h4 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 20px;
  padding: 10px;
  background-color: #0092ca;
  color: #fff;
}
.service#material .box1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.service#material .box1 .img {
  min-width: 400px;
  margin-left: 40px;
}
.service#material .conts .txtBox {
  font-size: 14px;
  line-height: 1.8;
  margin-top: 20px;
}
.service#material .conts .txtBox:first-of-type {
  margin-top: 0;
}
.service#material .conts .txtBox .txt01 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 20px;
}
.service#material .conts .txtBox .txt01.border {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #000;
}
.service#material .conts .txtBox .txt02 {
  margin-bottom: 20px;
}
.service#material .conts .txtBox .txt02:last-of-type {
  margin-bottom: 0;
}

.service#material .list .list-item,
.service#material .list li {
  margin-bottom: 40px;
}
.service#material .list .list-item:last-child,
.service#material .list li:last-child {
  margin-bottom: 0;
}
.service#material .box2 {
  display: flex;
  justify-content: space-between;
}
.service#material .box2 .img {
  min-width: 262px;
  margin-left: 40px;
}
.service#material .box2 .img img {
  margin-bottom: 10px;
}
.service#material .box3 .img {
  max-width: 600px;
  margin: 30px auto 0;
}
.service#material .box3 .img span{
  display: block;
  margin: 5px 0 0;
}
.service#material .box4 .img {
  max-width: 262px;
  margin: 30px auto 0;
}
.service#material .imgList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 30px auto 0;
}
.service#material .imgList.t1 > div {
  width: 26%;
  margin: 0 10px;
}
.service#material .imgList.t2 > div {
  width: 40%;
  margin: 0 10px;
}
.service#material .imgList.t3 > div {
  width: 20%;
  margin: 0 5px;
}
.service#material .imgList > div p {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.8;
}
.service#material .movie {
  max-width: 640px;
  width: 94%;
  margin: 50px auto 0;
}
.service#material .movie iframe {
  width: 100%;
  height: 400px;
}
.service#material #m02 .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.service#material #m02 .list li {
  width: 48%;
  background-color: #fff;
}
.service#material #m02 .list li:nth-child(3) {
  width: 100%;
}
.service#material #m02 .list li .box2,
.service#material #m02 .list li .box3 {
  display: block;
}
.service#material #m02 .list li .box2 .img {
  min-width: auto;
  width: 262px;
  margin: 30px auto 0;
}
.service#material #m04 .real {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 1.8;
}
.service#material #m04 .real .txt01 {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  margin: 0 0 20px;
  color: #0092ca;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
}
.service#material #m04 table {
  width: 100%;
  border-left: solid 1px #d5d5d5;
  border-top: solid 1px #d5d5d5;
  box-sizing: border-box;
  margin-top: 30px;
  font-size: 14px;
}
.service#material #m04 table th {
  text-align: left;
  border: none;
  padding: 10px 20px;
  background-color: #efefef;
  border-right: solid 1px #d5d5d5;
  border-bottom: solid 1px #d5d5d5;
}
.service#material #m04 table td {
  border-right: solid 1px #d5d5d5;
  border-bottom: solid 1px #d5d5d5;
  text-align: left;
  padding: 10px 20px;
}
.service#material #shoplist {
  padding: 30px 0 160px;
}
.service#material .more-btn{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1000px;
  width: 94%;
  margin: 50px auto;
}
.service#material .more-btn li{
  width: calc(100% / 2 - 10px);
  margin: 0 5px;
}
.service#material .more-btn li a{
  background-color: #222831;
  font-weight: bold;
  color: #fff;
  padding: 20px 0;
}
.service#material .more-btn li a:hover {
  background-color: #0092ca;
}
@media only screen and (max-width: 737px) {
  .service#material .pageTit {
    font-size: 15px;
    margin-bottom: 30px;
  }
  .service#material .pageTit .txt01 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .service#material .topList {
    display: block;
  }
  .service#material .topList > li {
    width: 100%;
    margin: 0 0 20px;
  }
  .service#material .topList > li:last-child {
    margin-bottom: 0;
  }
  .service#material .topList .text {
    width: 100%;
    padding: 10px;
  }
  .service#material .topList .text .tit {
    font-size: 18px;
  }
  .service#material .topList .text .tit span {
    font-size: 12px;
  }
  .service#material .topList .text .more-btn a {
    padding: 10px 0;
  }
  .service#material .topList .text .data ul.seino1 li {
    font-size: 3.8vw;
  }
  .service#material .topList .text .data ul.seino1 li strong {
    width: 4.5em;
  }
  .service#material .topList .text .data ul.seino2 li {
    font-size: 3.8vw;
  }
  .service#material .topList .text .data ul.seino2 li strong {
    width: 4.5em;
    margin-right: 5px;
    padding: 6px 10px;
  }
  .service#material .topList .text .price {
    font-size: 9vw;
  }
  .service#material .topList .text .price span {
    font-size: 5vw;
  }
  .service#material .tab-wrap .btn li {
    padding: 15px 5px;
    font-size: 14px;
    width: 100px;
  }
  .service#material .tab-contents.show {
    padding: 20px 10px;
  }
  .service#material .tab-contents .tab-tit {
    font-size: 20px;
    margin: 0 0 30px;
  }
  .service#material h4 {
    font-size: 16px;
    margin: 0 0 10px;
  }
  .service#material .box1 {
    display: block;
    margin-bottom: 30px;
  }
  .service#material .box1 .img {
    min-width: auto;
    margin: 10px 0 0;
    width: 100%;
  }
  .service#material .conts .txtBox {
    font-size: 14px;
    line-height: 1.8;
  }
  .service#material .conts .txtBox .txt01 {
    font-size: 18px;
    margin: 0 0 15px;
  }
  .service#material .conts .txtBox .txt01.border {
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
  .service#material .conts .txtBox .txt02 {
    margin-bottom: 10px;
  }
  .service#material .list li {
    margin-bottom: 30px;
  }
  .service#material .box2 {
    display: block;
  }
  .service#material .box2 .img {
    min-width: auto;
    margin: 10px 0 0;
    width: 100%;
  }
  .service#material .box3 .img {
    max-width: none;
    margin: 10px 0 0;
    width: 100%;
  }
  .service#material .imgList {
    display: block;
    margin: 0 auto;
  }
  .service#material .imgList > div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .service#material .imgList.t1 > div {
    width: 90%;
    margin: 20px auto 0;
  }
  .service#material .imgList.t2 > div {
    width: 90%;
    margin: 20px auto 0;
  }
  .service#material .imgList.t3 > div {
    width: 90%;
    margin: 20px auto 0;
  }
  .service#material .imgList > div p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.8;
  }
  .service#material .movie {
    position: relative;
    padding-top: 56.25%;
    margin-top: 10px;
  }
  .service#material .movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .service#material #m02 .list {
    display: block;
  }
  .service#material #m02 .list li {
    width: 100%;
    margin-bottom: 20px;
  }
  .service#material #m02 .list li .box2,
  .service#material #m02 .list li .box3 {
    padding: 0 10px 10px;
    display: block;
  }
  .service#material #m02 .list li .box2 .img {
    min-width: auto;
    width: 262px;
    margin: 20px auto 0;
  }
  .service#material #m04 .real .txt01 {
    font-size: 26px;
  }
  .service#material #m04 table {
    margin-top: 20px;
  }
  .service#material #m04 table th {
    text-align: left;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    background-color: #efefef;
    border-right: solid 1px #d5d5d5;
    border-bottom: solid 1px #d5d5d5;
  }
  .service#material #m04 table td {
    border-right: solid 1px #d5d5d5;
    border-bottom: solid 1px #d5d5d5;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
  }
  .service#material #shoplist {
    padding: 40px 0 0;
  }
  .service#material .more-btn{
    display: block;
  }
  .service#material .more-btn li{
    width: 100%;
    margin: 0 0 10px;
  }
  .service#material .more-btn li a{
    padding: 15px 0;
  }
}

/** シートコーティング　**/
.service#clearguard #main {
  padding-bottom: 0;
}
.service#clearguard #mv {
  background-image: url(../../img/service/clearguard/main.jpg);
}
.service#clearguard h3{
	font-size: 42px;
}
.service#clearguard h3 br {
  display: none;
}
@media only screen and (max-width: 737px) {
	.service#clearguard h3{
		font-size: 32px;
	}
}
.service#clearguard .box1 {
  margin-bottom: 40px;
}
.service#clearguard .box1 .txt01 {
  text-align: center;
  margin: 30px 0 40px;
  font-size: 18px;
  line-height: 1.8;
}
.service#clearguard .box1 .txt01 strong {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 20px;
  display: block;
}
.service#clearguard h4 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 20px;
  padding: 10px;
  background-color: #0092ca;
  color: #fff;
}
.service#clearguard h4 span {
  font-size: 16px;
}
.service#clearguard .list li {
  margin-bottom: 40px;
}
.service#clearguard .list li:last-child {
  margin-bottom: 0;
}
.service#clearguard .list .midashi {
  color: #c00000;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 20px;
}
.service#clearguard .box2 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.8;
  margin: 0 0 20px;
}
.service#clearguard .box2 .img {
  min-width: 339px;
  width: 339px;
  margin-right: 40px;
}
.service#material .conts .txtBox .txt01 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 20px;
}
.service#clearguard .box3 {
  font-size: 14px;
  line-height: 1.8;
}
.service#clearguard .box3 .img {
  max-width: 676px;
  width: 90%;
  margin: 30px auto 0;
}
.service#clearguard .box3 .txt02 {
  margin-top: 20px;
}
.service#clearguard table {
  border: solid 1px #d5d5d5;
  width: 100%;
  border-bottom: none;
}
.service#clearguard .table01 {
  margin-bottom: 20px;
}
.service#clearguard .table01 table tr:nth-child(even) {
  background-color: #efefef;
}
.service#clearguard table th {
  background-color: #222831;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  border-left: solid 1px #fff;
  text-align: center;
}
.service#clearguard table td {
  padding: 10px;
  font-size: 16px;
  border-left: solid 1px #d5d5d5;
  border-bottom: solid 1px #d5d5d5;
  text-align: center;
  box-sizing: border-box;
}
.service#clearguard .table02 table td {
  width: 25%;
}
.service#clearguard .notes {
  font-size: 14px;
  margin-top: 15px;
}
.service#clearguard .notes strong {
  color: #c00000;
  font-weight: bold;
}
.service#clearguard .more-btn{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1000px;
  width: 94%;
  margin: 50px auto 100px;
}
.service#clearguard .more-btn li{
  width: calc(100% / 2 - 10px);
  margin: 0 5px;
}
.service#clearguard .more-btn a {
  background-color: #222831;
  font-weight: bold;
  color: #fff;
  padding: 20px 0;
}
.service#clearguard .more-btn a:hover {
  background-color: #0092ca;
}

.service#clearguard .features{
	margin: 40px 0;
}
.service#clearguard .features ul li{
	margin: 0;
	padding: 15px 20px;
	border-bottom: 1px dotted #ccc;
}
.service#clearguard .features ul li .tit{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 5px;
}
.service#clearguard .features ul li .txt01{
	font-size: 14px;
	margin: 0;
}
.service#clearguard .features .txt02{
	text-align: center;
	margin: 40px 0 60px;
	font-size: 20px;
	font-weight: bold;
	color: #c00000;
}
.service#clearguard .sec-price{
	margin: 40px 0 60px;
}
.service#clearguard .sec-price .midashi {
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #000;
}
.service#clearguard .sec-price .txt01 {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 10px;
}
.service#clearguard .sec-price table {
  border: solid 1px #d5d5d5;
  width: 100%;
}
.service#clearguard .sec-price table th {
  background-color: #222831;
  color: #fff;
  padding: 10px;
  font-size: 14px;
  border-left: solid 1px #fff;
  text-align: center;
}
.service#clearguard .sec-price table th:first-child {
  border: none;
}
.service#clearguard .sec-price table td {
  padding: 10px;
  font-size: 20px;
  border-left: solid 1px #d5d5d5;
  text-align: center;
}
.service#clearguard .sec-price table td:nth-child(odd) {
  background-color: #efefef;
}
.service#clearguard .sec-price table td span {
  font-size: 14px;
}
.service#clearguard .sec-price table.t2 th,
.service#clearguard .sec-price table.t2 td {
  text-align: left;
  border: none;
  padding: 10px 20px;
  box-sizing: border-box;
}
.service#clearguard .sec-price table.t2 th {
  width: 37.5%;
}
.service#clearguard .sec-price table.t2 td {
  border-top: solid 1px #d5d5d5;
}
.service#clearguard .sec-price table th.komi {
  border-top: solid 1px #fff;
  text-align: left;
  padding: 10px 20px;
}
.service#clearguard .movie{
	text-align: center;
	margin: 0 0 60px;
}
.service#clearguard .movie video{
	max-width: 100%;
}
.service#clearguard .list .fl-box{
	display: flex;
	justify-content: space-between;
	margin: 30px auto 100px;
	padding: 0 10%;
}
.service#clearguard .list .fl-box .img-cont{
	width: calc(100% / 2 - 15px);
}
.service#clearguard .youtube{
  margin: 0 auto 60px;
  position: relative;
  max-width: 700px;
  width: 100%;
  padding-top: 39.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 737px) {
	.service#clearguard .movie{
		margin: 0 0 40px;
	}
  .service#clearguard .youtube{
    margin: 0 auto 40px;
    max-width: none;
    padding-top: 56.25%;
  }
	.service#clearguard .sec-price{
		margin: 25px 0 40px;
	}
	.service#clearguard .sec-price .midashi {
		font-size: 18px;
	}
	.service#clearguard .sec-price .txt01 {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.service#clearguard .sec-price table {
		table-layout: fixed;
	}
	.service#clearguard .sec-price table th {
		padding: 10px 5px;
		font-size: 14px;
		line-height: 1.4;
	}
	.service#clearguard .sec-price table th:first-child {
		border: none;
	}
	.service#clearguard .sec-price table td {
		padding: 10px 5px;
		font-size: 14px;
		text-align: right;
	}
	.service#clearguard .sec-price table td span {
		font-size: 12px;
	}
	.service#clearguard .sec-price table td span em {
		display: block;
	}
	.service#clearguard .sec-price table.t2 th,
	.service#clearguard .sec-price table.t2 td {
		padding: 10px;
	}
	.service#clearguard .sec-price table.t2 th {
		width: 40%;
	}
	.service#clearguard .sec-price table th.komi {
		padding: 10px;
		border-top: solid 1px #fff;
	}
	.service#clearguard .list .fl-box{
		margin: 30px auto;
		padding: 0 5%;
	}
	.service#clearguard .list .fl-box .img-cont{
		width: calc(100% / 2 - 7px);
	}
}


@media only screen and (max-width: 1010px) {
  .service#clearguard h3 {
    line-height: 1.2;
  }
  .service#clearguard h3 br {
    display: block;
  }
}
@media only screen and (max-width: 737px) {
  .service#clearguard .box1 .txt01 {
    margin: 20px 0 30px;
    font-size: 16px;
  }
  .service#clearguard .box1 .txt01 strong {
    font-size: 20px;
    margin: 0 0 10px;
  }
  .service#clearguard table td {
    min-width: 180px;
  }
  .service#clearguard h4 {
    font-size: 16px;
    margin: 0 0 10px;
  }
  .service#clearguard h4 span {
    font-size: 12px;
  }
  .service#clearguard .list li {
    margin-bottom: 30px;
  }
  .service#clearguard .list .midashi {
    color: #c00000;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 20px;
  }
  .service#clearguard .box2 {
    display: block;
    margin: 0 0 20px;
  }
  .service#clearguard .box2 .img {
    min-width: auto;
    max-width: 339px;
    width: 100%;
    margin: 0 auto 10px;
  }
  .service#material .conts .txtBox .txt01 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 20px;
  }
  .service#clearguard .box3 {
    font-size: 14px;
    line-height: 1.8;
  }
  .service#clearguard .box3 .img {
    max-width: 676px;
    width: 90%;
    margin: 30px auto 0;
  }
  .service#clearguard .box3 .txt02 {
    margin-top: 20px;
  }
  .service#clearguard table {
    border: solid 1px #d5d5d5;
    width: 100%;
    border-bottom: none;
  }
  .service#clearguard .table01 {
    margin-bottom: 20px;
  }
  .service#clearguard .table01 table tr:nth-child(even) {
    background-color: #efefef;
  }
  .service#clearguard table th {
    background-color: #222831;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    border-left: solid 1px #fff;
    text-align: center;
  }
  .service#clearguard table td {
    padding: 10px;
    font-size: 16px;
    border-left: solid 1px #d5d5d5;
    border-bottom: solid 1px #d5d5d5;
    text-align: center;
    box-sizing: border-box;
  }
  .service#clearguard .table02 table td {
    width: 25%;
  }
  .service#clearguard .notes {
    font-size: 14px;
    margin-top: 15px;
  }
  .service#clearguard .notes strong {
    color: #c00000;
    font-weight: bold;
  }
  .service#clearguard .more-btn{
    display: block;
    max-width: 480px;
    width: 94%;
    margin: 30px auto 0;
  }
  .service#clearguard .more-btn li{
    width: 100%;
    margin: 0 0 10px;
  }
  .service#clearguard .more-btn a {
    background-color: #222831;
    font-weight: bold;
    color: #fff;
    padding: 20px 0;
  }
  .service#clearguard .more-btn a:hover {
    background-color: #0092ca;
  }
	.service#clearguard .features{
		margin: 40px 0;
	}
	.service#clearguard .features ul li{
		padding: 15px 10px;
	}
	.service#clearguard .features ul li .tit{
		font-size: 16px;
	}
	.service#clearguard .features .txt02{
		text-align: left;
		margin: 25px 0 30px;
		font-size: 16px;
	}

}
@media only screen and (max-width: 480px) {
	.service#clearguard .list .fl-box{
		padding: 0;
	}
}

/*** ------------------------------------------------------------------------------ 

店舗情報（.shop）

-----------------------------------------------------------------------------  ***/
.shop #main {
  margin-top: -43px;
  padding: 0;
}
.shop .conts {
  padding: 80px 0;
}
.shop #info {
  padding: 100px 0 80px;
}
.shop .conts#info .inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.shop .conts#info .inner > div {
  width: 49%;
}
.shop .conts#info .inner > div .txt01 {
  font-size: 18px;
  font-weight: bold;
}
.shop .conts#info .inner > div .txt01:before {
  content: "\025a0";
  font-size: 10px;
  margin: -5px 5px 0 0;
  vertical-align: middle;
  display: inline-block;
}
.shop .conts#info .inner > div .txt02 {
  font-size: 14px;
  margin: 3px 0 15px 15px;
}
.shop .conts#info .inner > div .txt02 a {
  font-size: 24px;
  font-weight: bold;
  color: #0092ca;
}
.shop .conts#info .inner > div .txt02 span {
  color: #ec2222;
}
.shop .conts#info .inner > div .btn li {
  width: 320px;
  margin-bottom: 10px;
}
.shop .conts#info .inner > div .btn li a {
  display: block;
  transition: 0.3s;
  border-radius: 5px;
  text-align: center;
}
.shop .conts#info .inner > div .btn li a:hover {
  opacity: 0.7;
}
.shop .conts#info .inner > div .btn li.yoyaku {
  font-weight: bold;
  font-size: 16px;
}
.shop .conts#info .inner > div .btn li.yoyaku img {
  width: auto;
  max-width: 100%;
}
.shop .conts#info .inner > div .btn li.line a {
  background-color: #00b900;
  padding: 10px 0;
}
.shop .conts#info .inner > div .btn li.line img {
  display: block;
  width: 207px;
  margin: 0 auto;
}
.shop .conts#info .inner > div .btn li.insta a {
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; /*グラデーション①*/
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  padding: 5px 0;
}
.shop .conts#info .inner > div .btn li.form a {
  background-color: #00b900;
  padding: 10px 0;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.shop .conts#info .inner > div .btn li.form a:after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.shop .conts#info .inner > div .btn li.form.c1 a{
  background-color: #0092CA;
}
.shop .conts#info .inner > div .btn li.form.c2 a{
  background-color: #FF6469;
}
.shop .conts#info .inner > div .btn li.form a:hover{
}
.shop .conts#info .inner > div .btn li.form a:before{
  content: '';
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: .3s;
}
.shop .conts#info .inner > div .btn li.form.c1 a:before{
  background-color: #00638B;
}
.shop .conts#info .inner > div .btn li.form.c2 a:before{
  background-color: #D73C41;
}
.shop .conts#info .inner > div .btn li.form a:hover:before{
  height: 0;
}
.shop .conts#info .inner > div table {
  width: 100%;
  border-top: solid 1px #d5d5d5;
  border-left: solid 1px #d5d5d5;
  background-color: #fff;
  margin-bottom: 20px;
}
.shop .conts#info .inner > div tr:nth-child(even) {
  background-color: #efefef;
}
.shop .conts#info .inner > div th {
  width: 50%;
  border-bottom: solid 1px #d5d5d5;
  border-right: solid 1px #d5d5d5;
  background-color: #222831;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
}
.shop .conts#info .inner > div td {
  border-bottom: solid 1px #d5d5d5;
  border-right: solid 1px #d5d5d5;
  text-align: left;
  font-size: 14px;
  padding: 10px 15px;
}
.shop .conts#info .gallery {
  margin-top: 60px;
}
.shop .conts#info .gallery .slick-slide {
  margin: 0 15px;
}
.shop .conts#access .map iframe {
  width: 100%;
  height: 400px;
}
.shop .conts#access .btn {
  text-align: center;
  margin-top: 50px;
}
.shop .conts#access .btn a {
  background-color: #222831;
  max-width: 480px;
  margin: 0 auto;
  display: block;
  padding: 25px 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  position: relative;
  transition: 0.3s;
}
.shop .conts#access .btn a:after {
  content: "";
  background: url(../img/icon_window.png) no-repeat top center / cover;
  width: 23px;
  height: 23px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.shop .conts#access .btn a:hover {
  background-color: #0092ca;
}
.shop .conts#access .btn .notes {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}
.shop .conts#manager {
  background-color: #f1f3f6;
}
.shop .conts#manager .inner {
  display: flex;
  justify-content: space-between;
}
.shop .conts#manager .inner .img {
  min-width: 480px;
  margin-right: 40px;
}
.shop .conts#manager .inner .txt {
  font-size: 14px;
  line-height: 1.8;
}
.shop .conts#manager .more-btn {
  max-width: 480px;
  margin: 50px auto 0;
}
.shop .conts#manager .more-btn a {
  background-color: #222831;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
}
.shop .conts#manager .more-btn a:last-of-type{
  margin-bottom: 0;
}
.shop .conts#manager .more-btn a:hover {
  background-color: #0092ca;
}
.shop .conts#s-price ul li .midashi {
  font-size: 24px;
  line-height: 1.4;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: solid 1px #000;
}
.shop .conts#s-price ul li {
  margin-bottom: 50px;
}
.shop .conts#s-price ul li:last-child {
  margin-bottom: 0;
}
.shop .conts#s-price ul li .in {
  display: flex;
  justify-content: space-between;
}
.shop .conts#s-price ul li:nth-child(even) .in {
  flex-flow: row-reverse;
}
.shop .conts#s-price ul li .in .img {
  min-width: 480px;
  margin: 0 40px 0 0;
}
.shop .conts#s-price ul li:nth-child(even) .in .img {
  margin: 0 0 0 40px;
}
.shop .conts#s-price ul li .in .txtBox .txt01 {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
}
.shop .conts#s-price ul li .in .txtBox .price > p {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 10px;
}
.shop .conts#s-price ul li .in .txtBox .price > p:before {
  content: "\025a0";
  font-size: 10px;
  margin: -5px 5px 0 0;
  vertical-align: middle;
  display: inline-block;
}
.shop .conts#s-price ul li .in .txtBox .price > p span {
  display: block;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
}
.shop .conts#s-price ul li .in .txtBox .price table {
  width: 100%;
  border-top: solid 1px #d5d5d5;
  border-left: solid 1px #d5d5d5;
  background-color: #fff;
}
.shop .conts#s-price ul li .in .txtBox .price table tr:nth-child(odd) {
  background-color: #efefef;
}
.shop .conts#s-price ul li .in .txtBox .price table th {
  width: 50%;
  border-bottom: solid 1px #d5d5d5;
  border-right: solid 1px #d5d5d5;
  background-color: #222831;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 0;
}
.shop .conts#s-price ul li .in .txtBox .price table td {
  border-bottom: solid 1px #d5d5d5;
  border-right: solid 1px #d5d5d5;
  text-align: left;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 0;
}
.shop .conts#s-price ul li .in .txtBox .more-btn {
  max-width: 90%;
  margin: 30px auto 0;
}
.shop .conts#s-price ul li .in .txtBox .more-btn a {
  background-color: #0092ca;
  border: solid 1px #0092ca;
  font-weight: bold;
  color: #fff;
  padding: 15px 0;
}
.shop .conts#s-price ul li .in .txtBox .more-btn a:hover {
  background-color: #fff;
  color: #0092ca;
}
.shop #bn_list ul {
  padding: 0 0 80px;
}
.shop #shoplist {
}
.shop #feature {
  background-color: #f1f3f6;
}
.shop #feature ul li {
  margin-bottom: 80px;
}
.shop #feature ul li:last-child {
  margin-bottom: 0;
}
.shop #feature ul li .midashi {
  font-size: 24px;
  line-height: 1.4;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: solid 1px #000;
}
.shop #feature ul li .in {
  display: flex;
  justify-content: flex-start;
  font-size: 14px;
  line-height: 1.8;
}
.shop #feature ul li:nth-child(even) .in {
  flex-flow: row-reverse;
}
.shop #feature ul li .in .img {
  min-width: 480px;
  width: 480px;
  margin-right: 40px;
}
.shop #feature ul li:nth-child(even) .in .img {
  margin: 0 0 0 40px;
}
@media only screen and (max-width: 737px) {
  .shop #main {
    margin-top: -43px;
    padding: 0;
  }
  .shop .conts {
    padding: 40px 0;
  }
  .shop #info {
    padding: 60px 0 20px;
  }
  .shop .conts#info .inner {
    display: block;
  }
  .shop .conts#info .inner > div {
    width: 100%;
  }
  .shop .conts#info .inner > div .txt01 {
    font-size: 16px;
  }
  .shop .conts#info .inner > div .txt02 {
    margin: 3px 0 10px;
  }
  .shop .conts#info .inner > div .txt02 a {
    display: block;
    width: 300px;
    background-color: #0092ca;
    border: solid 1px #0092ca;
    box-sizing: border-box;
    transition: 0.3s;
    margin: 5px auto 0;
    text-align: center;
    font-size: 18px;
    padding: 10px 0;
    font-weight: bold;
    line-height: 1.4;
    color: #fff;
    position: relative;
    border-radius: 5px;
  }
  .shop .conts#info .inner > div .txt02 a:before {
    content: "";
    background: url(../img/icon_tel.png) no-repeat center bottom / cover;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
  }
  .shop .conts#info .inner > div .btn {
    margin-bottom: 20px;
  }
  .shop .conts#info .inner > div .btn li {
    width: 300px;
    margin: 0 auto 10px;
  }
  .shop .conts#info .inner > div th {
    font-size: 14px;
  }
  .shop .conts#info .inner > div td {
    font-size: 12px;
  }
  .shop .conts#info .gallery {
    margin-top: 30px;
  }
  .shop .conts#info .gallery .slick-slide {
    margin: 0 10px;
  }
  .shop .conts#access {
    padding-bottom: 0;
  }
  .shop .conts#access .map iframe {
    height: 300px;
  }
  .shop .conts#access .btn {
    margin-top: 30px;
  }
  .shop .conts#access .btn a {
    padding: 15px 0;
    font-size: 16px;
  }
  .shop .conts#access .btn .notes {
    font-size: 14px;
  }
  .shop .conts#manager .inner {
    display: block;
  }
  .shop .conts#manager .inner .img {
    min-width: auto;
    margin: 0 0 20px;
  }
  .shop .conts#manager .more-btn {
    width: 90%;
    margin: 20px auto 0;
  }
  .shop .conts#s-price ul li .midashi {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .shop .conts#s-price ul li {
    margin-bottom: 50px;
  }
  .shop .conts#s-price ul li:last-child {
    margin-bottom: 0;
  }
  .shop .conts#s-price ul li .in {
    display: block;
  }
  .shop .conts#s-price ul li .in .img {
    min-width: auto;
    margin: 0 0 20px;
  }
  .shop .conts#s-price ul li:nth-child(even) .in .img {
    margin: 0 0 20px;
  }
  .shop .conts#s-price ul li .in .txtBox .txt01 {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .shop .conts#s-price ul li .in .txtBox .price > p {
    font-size: 16px;
  }
  .shop .conts#s-price ul li .in .txtBox .price > p span {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    font-weight: normal;
  }
  .shop .conts#s-price ul li .in .txtBox .price table {
    width: 100%;
    border-top: solid 1px #d5d5d5;
    border-left: solid 1px #d5d5d5;
    background-color: #fff;
  }
  .shop .conts#s-price ul li .in .txtBox .price table tr:nth-child(odd) {
    background-color: #efefef;
  }
  .shop .conts#s-price ul li .in .txtBox .price table th {
    width: 50%;
    border-bottom: solid 1px #d5d5d5;
    border-right: solid 1px #d5d5d5;
    background-color: #222831;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0;
  }
  .shop .conts#s-price ul li .in .txtBox .price table td {
    border-bottom: solid 1px #d5d5d5;
    border-right: solid 1px #d5d5d5;
    text-align: left;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 0;
  }
  .shop .conts#s-price ul li .in .txtBox .more-btn {
    max-width: 90%;
    margin: 30px auto 0;
  }
  .shop .conts#s-price ul li .in .txtBox .more-btn a {
    background-color: #0092ca;
    border: solid 1px #0092ca;
    font-weight: bold;
    color: #fff;
    padding: 15px 0;
  }
  .shop .conts#s-price ul li .in .txtBox .more-btn a:hover {
    background-color: #fff;
    color: #0092ca;
  }
  .shop #bn_list ul {
    padding: 0 0 40px;
  }
  .shop #shoplist {
  }
  .shop #feature {
    margin: 0 auto;
  }
  .shop #feature ul li {
    margin-bottom: 30px;
  }
  .shop #feature ul li .midashi {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .shop #feature ul li .in {
    display: block;
  }
  .shop #feature ul li .in .img {
    min-width: auto;
    width: 100%;
    margin: 0 0 10px;
  }
  .shop #feature ul li:nth-child(even) .in .img {
    margin: 0 0 10px;
  }
}
/** 横浜ランドマークタワー店 **/
.shop#yokohama #mv {
  background-image: url(../../img/shop/yokohama/main.jpg);
}
.shop#yokohama #info {
  background: url(../../img/shop/yokohama/header.jpg) no-repeat bottom center /
    cover #eaf3fa;
}
/** 東戸塚オーロラシティ店 **/
.shop#higashitotuka #mv {
  background-image: url(../../img/shop/higashitotuka/main.jpg);
}
.shop#higashitotuka #info {
  background: url(../../img/shop/higashitotuka/header.jpg) no-repeat bottom
    center / cover #eaf3fa;
}
/** 六本木ヒルズ店 **/
.shop#roppongi #mv {
  background-image: url(../../img/shop/roppongi/main.jpg);
}
.shop#roppongi #info {
  background: url(../../img/shop/roppongi/header.jpg) no-repeat bottom center /
    cover #eaf3fa;
}
/** 銀座店 **/
.shop#ginza #mv {
  background-image: url(../../img/shop/ginza/main.jpg);
}
.shop#ginza #info {
  background: url(../../img/shop/ginza/header.jpg) no-repeat bottom center /
    cover #eaf3fa;
}
/** そごう店 **/
.shop#sogo #mv {
  background-image: url(../../img/shop/sogo/main.jpg);
}
.shop#sogo #info {
  background: url(../../img/shop/sogo/header.jpg) no-repeat bottom center /
    cover #eaf3fa;
}
@media only screen and (max-width: 737px) {
  .shop#yokohama #info {
    background-position: top left 20%;
  }
}

/*** ------------------------------------------------------------------------------ 

料金表（#price）

-----------------------------------------------------------------------------  ***/
#price #mv {
  background-image: url(../../img/price/main.jpg);
}
#price .btnBox {
  margin: 0 auto 30px;
  text-align: center;
  position: relative;
  z-index: 1;
  max-width: 1000px;
  width: 94%;
  background-color: #eee;
  /* padding-bottom: 90px; */
}
#price .btnBox .midashi {
  font-size: 24px;
  line-height: 1.4;
  font-weight: bold;
  margin: 0 0 10px;
  transform: translateY(-50%);
  border: solid 2px #000;
  display: inline-block;
  background-color: #fff;
  padding: 5px 20px;
}
#price .btnBox .listBtn {
  background-color: #eee;
  padding: 15px 0;
  position: relative;
  width: 100%;
  /* top: 80px; */
  transition: 0.3s;
}
#price .btnBox .listBtn.fixed {
  position: fixed;
  top: 45px;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: #fff;
}
#price .btnBox ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 680px;
  width: 94%;
  margin: 0 auto;
}
#price .btnBox ul li {
  width: 48%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#price .btnBox ul.txt li {
  justify-content: flex-start;
  text-align: left;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}
#price .btnBox .catBtn {
  text-align: center;
  position: relative;
}
#price .btnBox .catBtn:before {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  pointer-events: none;
}
#price .btnBox .catBtn select {
  width: 100%;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 15px 30px 15px 15px;
  color: #fff;
  border-radius: 0;
  box-sizing: border-box;
  opacity: 0;
  position: relative;
  z-index: 2;
}
#price .btnBox .catBtn select option {
  color: #000;
}
#price .btnBox .catBtn {
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  background: #0092ca;
  cursor: pointer;
  transition: 0.3s;
}
#price .btnBox .catBtn:hover {
  background-color: #222831;
}
#price .btnBox .catBtn select::-ms-expand {
  display: none;
}
#price .btnBox .catBtn .label {
  color: #fff;
  position: absolute;
  width: 100%;
  z-index: 1;
}
#price .btnBox .catBtn .select:focus {
  z-index: -1;
  opacity: 1;
}
#price .btnBox ul li.sizeBtn a {
  display: block;
  background-color: #222831;
  color: #fff;
  position: relative;
  padding: 15px 0;
  width: 100%;
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  transition: 0.3s;
  text-indent: 20px;
}
#price .btnBox ul li.sizeBtn a:after {
  content: "";
  background: url(../img/icon_window2.png) no-repeat top center / cover;
  width: 23px;
  height: 23px;
  /*position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);*/
  display: inline-block;
  margin: -4px 0 0 10px;
  vertical-align: bottom;
}
#price .btnBox ul li.sizeBtn a:hover {
  background-color: #0092ca;
}
#price .categoty {
  position: relative;
  display: none;
}
#price .categoty .navBox ul {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
#price .categoty .navBox ul li {
  text-align: center;
}
#price .categoty .navBox ul li a {
  font-size: 20px;
  font-weight: bold;
  transition: 0.3s;
  position: relative;
  display: inline-block;
  color: #0092ca;
  margin: 0 60px;
}
#price .categoty .navBox ul li a:before {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-top: 2px solid #0092ca;
  border-right: 2px solid #0092ca;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
}
#price .categoty .navBox ul li a:hover:before {
  left: -10px;
}
#price .categoty#cat0 {
  display: block;
}
#price .anchor {
  display: block;
  padding-top: 170px;
  margin-top: -170px;
}
#price .conts .catTit {
  background-color: #222831;
  font-size: 30px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  padding: 10px;
  margin-bottom: 30px;
}
#price .categoty .conts.coating{
	padding-top: 100px;
}
#price .categoty .conts.coating .menu {
  border: solid 2px #000000;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#price .categoty .conts.coating .menu li {
	border-right: solid 2px #000000;
	box-sizing: border-box;
	width: 20%;
	text-align: center;
	position: relative;
	padding: 0 0 65px;
}
#price .categoty .conts.coating .menu li:last-child {
  border-right: none;
}
#price .categoty .conts.coating .menu li .txt01 {
  font-size: 14px;
  line-height: 1.4;
  font-weight: bold;
  padding: 15px 0;
  box-sizing: border-box;
  min-height: 150px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
}
#price .categoty .conts.coating .menu li .txt01 strong {
  display: block;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 5px;
}
#price .categoty .conts.coating .menu li .txt01 span {
  display: block;
  font-size: 11px;
  line-height: 1.4;
  font-weight: normal;
  margin-top: 5px;
}
#price .categoty .conts.coating .menu li .price {
  font-size: clamp(24px, 2.75vw, 28px);
  line-height: 1;
  color: #0092ca;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  padding-bottom: 15px;
  width: 100%;
}
#price .categoty .conts.coating .menu li .price span {
  font-size: clamp(11px, 1.25vw, 13px);
}


#price .categoty .conts.coating .menu li .btn {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
#price .categoty .conts.coating .menu li .btn a {
	background-color: #0092ca;
	position: relative;
	transition: 0.3s;
	color: #fff;
	display: block;
	text-align: left;
	padding: 10px;
	font-size: clamp(12px, 1.25vw, 14px);
	line-height: 1.4;
	font-weight: bold;
	box-sizing: border-box;
	min-height: 60px;
}
#price .categoty .conts.coating .menu li .btn a strong {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
}
#price .categoty .conts.coating .menu li .btn a:after {
	content: "\02192";
	top: 50%;
	transform: translateY(-50%);
	right: 2%;
	position: absolute;
	transition: 0.3s;
}

/*
#price .categoty .conts.coating .menu li:nth-child(2) .btn a:after {
	content: none;
}
#price .categoty .conts.coating .menu li:nth-child(2) .btn a:hover{
	background: #0092ca;
}
*/
#price .categoty .conts.coating .menu li .btn a:hover {
  background-color: #000;
}
#price .categoty .conts.coating .menu li .btn a:hover:after {
  right: 1%;
}
#price .categoty .conts.coating .notes {
  padding: 20px;
  background-color: #f1f3f6;
  font-size: 14px;
  line-height: 1.6;
}
#price .categoty .conts.coating .notes strong {
  display: block;
  font-size: 16px;
}
#price .categoty .conts.coating .option {
  text-align: center;
  margin: 50px 0 0;
  padding: 200px 0 50px;
  position: relative;
  background-color: #f1f3f6;
}
#price .categoty .conts.coating .option:before {
  content: "";
  position: absolute;
  width: 226px;
  height: 106px;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../../img/service/top/arrow.png) top center / cover;
}
#price .categoty .conts.coating .option .value_option .midashi {
  font-size: 38px;
  color: #0092ca;
  font-weight: bold;
  margin-bottom: 30px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
}
#price .categoty .conts.coating .option .value_option ul {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  width: 94%;
  margin: 0 auto 50px;
}
#price .categoty .conts.coating .option .value_option ul li {
  width: 33.333%;
  background-color: #fff;
}
#price .categoty .conts.coating .option .value_option ul li .img {
  border-right: 1px solid #fff;
}
#price .categoty .conts.coating .option .value_option ul li .txtBox {
  padding: 20px;
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
}
#price .categoty .conts.coating .option .value_option ul li .txtBox .txt02 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 10px;
  color: #0092ca;
  text-align: center;
}
#price .categoty .conts.coating .option .value_option ul li .txtBox .txt03 {
  min-height: 110px;
}
#price
  .categoty
  .conts.coating
  .option
  .value_option
  ul
  li
  .txtBox
  .txt03
  span {
  font-size: 14px;
}
#price .categoty .conts.coating .option .value_option ul li .txtBox .price {
  text-align: right;
  font-size: 20px;
  font-weight: bold;
}
#price .categoty .conts.coating .vp .midashi {
  font-size: 34px;
  font-weight: bold;
  margin-bottom: 30px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
}
#price .categoty .conts.coating .option .vp ul {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  width: 94%;
  margin: 0 auto 50px;
}
#price .categoty .conts.coating .option .vp ul li {
  width: 32%;
}
#price .categoty .conts.wash {
/*  padding-top: 100px;*/
	padding-top: 20px;
}
#price .categoty .conts.wash .menu {
  border: solid 2px #000000;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#price .categoty .conts.wash .menu li {
  box-sizing: border-box;
  width: calc(100% / 3);
  text-align: center;
  box-sizing: border-box;
  border-right: solid 2px #222831;
}
#price .categoty .conts.wash .menu li .txt01 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
  padding: 5px 0;
  box-sizing: border-box;
  min-height: 130px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  background-color: #222831;
  color: #fff;
  position: relative;
}
#price .categoty .conts.wash .menu li .txt01:after {
  content: "";
  width: 2px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: -2px;
}
#price .categoty .conts.wash .menu li:last-child {
  border-right: none;
}
#price .categoty .conts.wash .menu li:last-child .txt01:after {
  display: none;
}
#price .categoty .conts.wash .menu li .price {
  font-size: 40px;
  line-height: 1;
  color: #0092ca;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  min-height: 140px;
}
#price .categoty .conts.wash .menu li .price span {
  font-size: 20px;
  vertical-align: baseline;
  display: contents;
}
#price .categoty .conts.wash .menu li .price strong {
  font-size: 15px;
  line-height: 1.2;
  font-weight: bold;
  display: block;
  color: #e20000;
  text-align: left;
  padding: 10px 10px 0;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",
    "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
#price .categoty .conts.wash .notes {
  padding: 20px;
  background-color: #f1f3f6;
  font-size: 14px;
  line-height: 1.6;
}
#price .categoty .conts.wash .notes strong {
  display: block;
  font-size: 16px;
}
#price .categoty .conts.wash .more-btn {
  max-width: 480px;
  width: 94%;
  margin: 30px auto 0;
}
#price .categoty .conts.wash .more-btn a {
  background-color: #222831;
  font-weight: bold;
  color: #fff;
  padding: 20px 0;
}
#price .categoty .conts.wash .more-btn a:hover {
  background-color: #0092ca;
}
#price .conts.side {
  padding: 100px 0 50px;
}
#price .conts.side ul {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}
#price .conts.side ul li {
  margin-bottom: 40px;
}
#price .conts.side ul li:last-child {
  margin-bottom: 0;
}
#price .conts.side ul li .midashi {
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #000;
}
#price .conts.side ul li .txt01 {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 10px;
}
#price .conts.side ul li table {
  border: solid 1px #d5d5d5;
  width: 100%;
}
#price .conts.side ul li table th {
  background-color: #222831;
  color: #fff;
  padding: 10px;
  font-size: 14px;
  border-left: solid 1px #fff;
  text-align: center;
}
#price .conts.side ul li table th:first-child {
  border: none;
}
#price .conts.side ul li table td {
  padding: 10px;
  font-size: 20px;
  border-left: solid 1px #d5d5d5;
  text-align: center;
}
#price .conts.side ul li table td:nth-child(odd) {
  background-color: #efefef;
}
#price .conts.side ul li table td span {
  font-size: 14px;
}
#price .conts.side ul li table.t2 th,
#price .conts.side ul li table.t2 td {
  text-align: left;
  border: none;
  padding: 10px 20px;
  box-sizing: border-box;
}
#price .conts.side ul li table.t2 th {
  width: 35%;
}
#price .conts.side ul li table.t2 td {
  border-top: solid 1px #d5d5d5;
}
#price .conts.side ul li table.t3 th {
  width: auto;
}
#price .categoty#cat-a00 {
  display: block;
}
#price .conts.side ul li table.t2.categoty#cat-a00 td {
  border: none;
  background-color: #fff;
}
#price .conts.side ul li table th.komi {
  border-top: solid 1px #fff;
  text-align: left;
  padding: 10px 20px;
}
#price .conts.side ul li table.t3 td {
  border-top: solid 1px #d5d5d5;
}
#price .conts.side ul li table.t3 td:first-child {
  border: none;
}
#price .conts.side ul li table.t4 th {
  width: 50%;
}
@media (max-width: 820px) {
	#price .categoty .conts.coating{
		padding-top: 0;
	}
  #price .categoty .conts.coating .menu {
    border: none;
    border-left: solid 1px #000000;
    flex-wrap: nowrap;
  }
  #price .categoty .conts.coating .menu li {
    min-width: 200px;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
    box-sizing: border-box;
  }
  #price .categoty .conts.coating .menu li:last-child {
    border-right: solid 1px #000000;
  }
  #price .categoty .conts.wash .menu {
    border: solid 1px #000000;
    border-bottom: none;
    display: block;
  }
  #price .categoty .conts.wash .menu li {
    border-right: none;
    border-bottom: solid 1px #000000;
    width: 100%;
  }
  #price .categoty .conts.wash .menu li .txt01 {
    padding: 10px 0;
    font-size: 18px;
    min-height: auto;
    display: block;
  }
  #price .categoty .conts.wash .menu li .txt01:after {
    display: none;
  }
  #price .categoty .conts.wash .menu li .price {
    padding: 10px 0;
    display: block;
    min-height: auto;
  }
  #price .categoty .conts.wash .menu li .price span {
    font-size: 18px;
  }
  #price .categoty .conts.wash .menu li .price strong {
    font-size: 13px;
  }
}
@media (max-width: 737px) {
  #price .btnBox {
    margin: 0 auto 30px;
  }
  #price .btnBox .midashi {
    font-size: 18px;
    margin-bottom: -10px;
  }
  #price .btnBox .listBtn {
    padding: 10px 0;
    top: 0;
  }
  #price .btnBox .listBtn.fixed {
    top: 65px;
  }
  #price .btnBox ul li {
    width: 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  #price .btnBox ul.txt li {
    font-size: 13px;
    text-align: center;
    justify-content: center;
  }
  #price .btnBox .catBtn {
    text-align: center;
    position: relative;
  }
  #price .btnBox .catBtn .label {
    font-size: 13px;
  }
  #price .btnBox .catBtn select {
    padding: 15px 25px 15px 10px;
    font-size: 14px;
  }
  #price .btnBox ul li.sizeBtn a {
    padding: 15px 0;
    font-size: 14px;
  }
  #price .btnBox ul li.sizeBtn a:after {
    width: 18px;
    height: 18px;
    right: 5px;
  }
  #price .categoty .navBox ul {
    display: block;
    margin-bottom: 20px;
  }
  #price .categoty .navBox ul li {
    margin-bottom: 10px;
  }
  #price .categoty .navBox ul li a {
    font-size: 16px;
    margin: 0;
  }
  #price .anchor {
    padding-top: 150px;
    margin-top: -150px;
  }
  #price .categoty .conts {
    padding: 0 0 30px;
  }
  #price .conts .catTit {
    font-size: 20px;
    margin-bottom: 20px;
  }
  #price .categoty .conts.coating .option {
    margin: 30px 0;
    padding: 100px 0 40px;
  }
  #price .categoty .conts.coating .option:before {
    width: 113px;
    height: 53px;
    top: 30px;
  }
  #price .categoty .conts.coating .option .value_option .midashi {
    font-size: 24px;
    margin-bottom: 20px;
  }
  #price .categoty .conts.coating .option .value_option ul {
    margin: 0 auto 30px;
    display: block;
  }
  #price .categoty .conts.coating .option .value_option ul li {
    width: 100%;
    margin-bottom: 10px;
  }
  #price .categoty .conts.coating .option .value_option ul li .img {
    border-right: none;
  }
  #price .categoty .conts.coating .option .value_option ul li .txtBox {
    padding: 15px;
    font-size: 14px;
  }
  #price .categoty .conts.coating .option .value_option ul li .txtBox .txt02 {
    font-size: 18px;
  }
  #price .categoty .conts.coating .option .value_option ul li .txtBox .txt03 {
    min-height: auto;
  }
  #price
    .categoty
    .conts.coating
    .option
    .value_option
    ul
    li
    .txtBox
    .txt03
    span {
    font-size: 12px;
  }
  #price .categoty .conts.coating .option .value_option ul li .txtBox .price {
    text-align: center;
  }
  #price .categoty .conts.coating .vp .midashi {
    font-size: 22px;
    margin-bottom: 5px;
  }
  #price .categoty .conts.coating .option .vp ul {
    display: block;
    margin: 0 auto;
  }
  #price .categoty .conts.coating .option .vp ul li {
    width: 100%;
    margin-bottom: 10px;
  }
  #price .categoty .conts.wash {
    padding-top: 0;
  }
  #price .conts.side {
    /*padding: 20px 0 30px;*/
	  padding: 0 0 30px;
  }
  #price .conts.side ul {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
  }
  #price .conts.side ul li {
    margin-bottom: 30px;
  }
  #price .conts.side ul li .midashi {
    font-size: 18px;
  }
  #price .conts.side ul li .txt01 {
    font-size: 14px;
    margin-bottom: 10px;
  }
  #price .conts.side ul li table {
    table-layout: fixed;
  }
  #price .conts.side ul li table th {
    padding: 10px 5px;
    font-size: 14px;
    line-height: 1.4;
  }
  #price .conts.side ul li table th:first-child {
    border: none;
  }
  #price .conts.side ul li table td {
    padding: 10px 5px;
    font-size: 14px;
    text-align: right;
  }
  #price .conts.side ul li table td span {
    font-size: 12px;
  }
  #price .conts.side ul li table td span em {
    display: block;
  }
  #price .conts.side ul li table.t2 th,
  #price .conts.side ul li table.t2 td {
    padding: 10px;
  }
  #price .conts.side ul li table.t2 th {
    width: 40%;
  }
  #price .conts.side ul li table th.komi {
    padding: 10px;
    border-top: solid 1px #fff;
  }
}

/** サイズ表 **/
#size #wrapper {
  max-width: 980px;
  margin: 0 auto;
  padding: 30px 0;
}
#size #wrapper .menu {
  margin: 0;
  padding: 15px 0;
  background-color: #f1f3f6;
  max-width: 980px;
  display: flex;
  justify-content: center;
}
#size #wrapper .menu section {
  width: 314px;
  box-sizing: border-box;
  width: 100%;
  font-size: 16px;
}
#size #wrapper .menu input[type="text"] {
  box-sizing: border-box;
  width: 100%;
  font-size: 16px;
}
#size #wrapper .menu section:nth-of-type(1) {
  margin: 0 20px;
}
#size #wrapper .menu section h1 {
  padding: 0;
  color: #0092ca;
  font-size: 1.333em;
}
#size #wrapper .menu section select {
  width: 100%;
  padding: 1px 5px;
  font-size: 1.167em;
  box-sizing: border-box;
}
#size #wrapper .maker {
  margin: 60px 0 0;
}
#size #wrapper .maker h2 {
  margin: 0 auto 20px;
  padding: 0 0 1px;
  background: none;
  border-bottom: solid 2px #0092ca;
  color: #0092ca;
  font-size: 1.833em;
  font-weight: normal;
}
#size #wrapper .maker .inner {
  padding: 0 20px;
}
#size #wrapper .maker table {
  width: 100%;
  border: solid 1px #999;
  box-sizing: border-box;
}
#size #wrapper .maker table th {
  width: 20%;
  padding: 8px 0;
  background-color: #0092ca;
  border: solid 1px #999;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-size: 1.333em;
  font-weight: bold;
}
#size #wrapper .maker table tbody tr:nth-of-type(odd) td {
  background-color: #f3f3f3;
}
#size #wrapper .maker table td {
  padding: 10px;
  background-color: #fff;
  border: solid 1px #999;
  box-sizing: border-box;
  line-height: 1.4;
  font-size: 1.083em;
}
@media (max-width: 737px) {
  #size #wrapper .menu {
    display: block;
    box-sizing: border-box;
    padding: 15px;
  }
  #size #wrapper .menu section {
    width: 100%;
  }
  #size #wrapper .menu section:nth-of-type(1) {
    margin: 0 0 20px;
  }
  #size #wrapper .menu section h1 {
    padding: 0;
    color: #0092ca;
    font-size: 1.333em;
  }
  #size #wrapper .menu section select {
    width: 100%;
    padding: 1px 5px;
    font-size: 1.167em;
    box-sizing: border-box;
  }
  #size #wrapper .maker {
    margin: 60px 0 0;
  }
  #size #wrapper .maker .inner {
    padding: 0;
  }
  #size #wrapper .maker h2 {
    margin: 0 15px 20px;
    padding: 0 0 1px;
    font-size: 1.4em;
  }
  #size #wrapper .maker table th {
    font-size: 1.1em;
  }
  #size #wrapper .maker table td {
    font-size: 0.9em;
  }
}

/*** ------------------------------------------------------------------------------ 

会社情報（#company）

-----------------------------------------------------------------------------  ***/
#company #mv {
  background-image: url(../../img/company/main.jpg);
}
#company .navBtn {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
#company .navBtn li {
  text-align: center;
}
#company .navBtn li a {
  font-size: 20px;
  font-weight: bold;
  transition: 0.3s;
  position: relative;
  display: inline-block;
  color: #0092ca;
  margin: 0 60px;
}
#company .navBtn li a:before {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-top: 2px solid #0092ca;
  border-right: 2px solid #0092ca;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
}
#company .navBtn li a:hover:before {
  left: -10px;
}
#company .conts {
  padding: 80px 0;
}
#company #greeting .inner {
  display: flex;
  justify-content: space-between;
}
#company #greeting .inner .img {
  min-width: 480px;
  margin-right: 40px;
}
#company #greeting .inner .txt01 {
  font-size: 14px;
  line-height: 1.8;
}
#company #profile {
  /* background-color: #F1F3F6; */
}
#company #profile .inner table {
  width: 100%;
  border-top: solid 1px #e9e9e9;
}
#company #profile .inner table th {
  word-break: keep-all;
  padding: 10px 50px 10px 10px;
  vertical-align: top;
  border-bottom: solid 1px #e9e9e9;
  font-size: 15px;
}
#company #profile .inner table td {
  word-break: keep-all;
  padding: 10px;
  vertical-align: top;
  border-bottom: solid 1px #e9e9e9;
  font-size: 15px;
}
#company #profile .inner table td a{
	text-decoration: none;
}
@media (min-width:738px){
	#company #profile .inner table td a:hover{
		text-decoration: none;
	}	
}
#company #history {
  padding-bottom: 40px;
  background-color: #f1f3f6;
}
#company #history ul {
  margin-top: -20px;
}
#company #history li .date {
  position: relative;
  font-size: 40px;
  line-height: 1.4;
  padding: 20px 40px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
}
#company #history li .date:before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #0092ca;
  position: absolute;
  top: 82px;
  left: 0;
}
#company #history li .date:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 40px;
  transform: translateY(-30%);
  width: 16px;
  height: 16px;
  border-radius: 50px;
  box-sizing: border-box;
  background-color: #fff;
  border: solid 2px #0092ca;
}
#company #history li.slick-active .date:after {
  background-color: #0092ca;
}
#company #history li .img {
  padding: 10px 40px;
}
#company #history li .txt {
  font-size: 15px;
  line-height: 1.6;
  padding: 0 40px;
}
#company #staff h3 {
  margin-bottom: 20px;
}
#company #staff .oneShop {
  padding-top: 60px;
}
#company #staff .oneShop .shopName {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: solid 1px #000;
  margin-bottom: 30px;
  padding-bottom: 5px;
}
#company #staff .oneShop .shopName .name {
  font-size: 24px;
  font-weight: bold;
}
#company #staff .oneShop .shopName a {
  font-size: 20px;
  font-weight: bold;
  color: #0092ca;
}
#company #staff .oneShop .shopName a:after {
  content: "\02192";
  transition: 0.3s;
  position: relative;
  right: 0;
  margin-left: 10px;
}
#company #staff .oneShop .shopName a:hover:after {
  right: -10px;
}
#company #staff .oneShop ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#company #staff .oneShop ul li {
  width: 31.3%;
  margin: 0 3% 3% 0;
  background-color: #f1f3f6;
}
#company #staff .oneShop ul li:nth-child(3n) {
  margin-right: 0;
}
#company #staff .oneShop ul li .txtBox {
  padding: 20px;
  border-top: solid 10px #fff;
}
#company #staff .oneShop ul li .txtBox .name {
  font-size: 18px;
  font-weight: bold;
  position: relative;
  margin-bottom: 10px;
}
#company #staff .oneShop ul li .txtBox .name strong {
  position: relative;
  padding: 0 10px 0 0;
  background-color: #f1f3f6;
}
#company #staff .oneShop ul li .txtBox .name:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background: #000;
}
#company #staff .oneShop ul li .txtBox .data {
  font-size: 14px;
  margin-bottom: 5px;
}
#company #staff .oneShop ul li .txtBox .data strong {
  margin-left: -0.5em;
}
#company #staff .oneShop ul li .txtBox .data:last-child {
  border-bottom: solid 1px #000;
  padding-bottom: 15px;
}
@media (max-width: 737px) {
  #company .navBtn {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  #company .navBtn li {
    text-align: center;
    /* width: 50%; */
    margin-bottom: 20px;
  }
  #company .navBtn li a {
    font-size: 16px;
    margin: 0;
  }
  #company .navBtn li a:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #0092ca;
    border-right: 2px solid #0092ca;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    transition: 0.3s;
  }
  #company .conts {
    padding: 40px 0;
  }
  #company #greeting .inner {
    display: block;
  }
  #company #greeting .inner .img {
    min-width: auto;
    width: 100%;
    margin: 0 0 20px;
  }
  #company #greeting .inner .txt01 {
    font-size: 14px;
    line-height: 1.8;
  }
  #company #profile .inner table th {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    border-bottom: dotted 1px #e9e9e9;
    font-size: 14px;
    font-weight: 600;
    word-break: initial;
  }
  #company #profile .inner table td {
    display: block;
    word-break: initial;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    font-size: 14px;
  }
  #company #history {
    padding-bottom: 10px;
  }
  #company #history li .date {
    font-size: 30px;
  }
  #company #history li .date:before {
    top: 68px;
  }
  #company #staff .oneShop {
    margin-bottom: 30px;
  }
  #company #staff .oneShop .shopName {
    display: block;
    margin-bottom: 20px;
    text-align: center;
  }
  #company #staff .oneShop .shopName .name {
    font-size: 18px;
  }
  #company #staff .oneShop .shopName a {
    font-size: 14px;
  }
  #company #staff .oneShop .shopName a:after {
    content: "\02192";
    transition: 0.3s;
    position: relative;
    right: 0;
    margin-left: 10px;
  }
  #company #staff .oneShop .shopName a:hover:after {
    right: -10px;
  }
  #company #staff .oneShop ul li {
    width: 100%;
    margin: 0 0 20px;
  }
  #company #staff .oneShop ul li:nth-child(3n) {
    margin-right: 0;
  }
  #company #staff .oneShop ul li .txtBox {
    padding: 10px;
    border-top: solid 5px #fff;
  }
  #company #staff .oneShop ul li .txtBox .name {
    font-size: 16px;
    margin-bottom: 10px;
  }
  #company #staff .oneShop ul li .txtBox .name strong {
    position: relative;
    padding: 0 5px 0 0;
    background-color: #f1f3f6;
  }
  #company #staff .oneShop ul li .txtBox .data {
    font-size: 12px;
    margin-bottom: 5px;
  }
  #company #staff .oneShop ul li .txtBox .data strong {
    margin-left: -0.5em;
  }
  #company #staff .oneShop ul li .txtBox .data:last-child {
    border-bottom: solid 1px #000;
    padding-bottom: 15px;
  }
}

/*** ------------------------------------------------------------------------------ 

よくある質問（#faq）

-----------------------------------------------------------------------------  ***/
#faq #mv {
  background-image: url(../../img/faq/main.jpg);
}
#faq .navBtn {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
#faq .navBtn li {
  width: 30.3%;
  margin: 0 3% 3% 0;
}
#faq .navBtn li:nth-child(3n) {
  margin-right: 0;
}
#faq .navBtn li a {
  font-size: 16px;
  font-weight: bold;
  transition: 0.3s;
  display: block;
  position: relative;
  padding: 15px 0;
  width: 100%;
  transition: 0.3s;
  box-sizing: border-box;
  background-color: #222831;
  color: #fff;
  text-align: center;
}
#faq .navBtn li a:after {
  content: "\02192";
  top: 50%;
  transform: translateY(-50%);
  right: 2%;
  position: absolute;
  transition: 0.3s;
}
#faq .navBtn li a:hover:after {
  right: 1%;
}
#faq .conts {
  margin-bottom: 60px;
}
#faq .conts:last-child {
  margin-bottom: 0;
}
#faq .conts .midashi {
  background-color: #f1f3f6;
  font-size: 30px;
  line-height: 1.2;
  font-weight: bold;
  padding: 15px;
}
#faq .conts dl {
  border-bottom: solid 1px #333;
  padding: 20px 0;
}
#faq .conts dt {
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: flex-start;
  padding-right: 30px;
  transition: 0.3s;
}
#faq .conts dt:hover,
#faq .conts dt.open {
  color: #0092ca;
}
#faq .conts dt:before {
  display: block;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  margin: -1px 0 0 -7px;
  width: 20px;
  height: 3px;
  background-color: #000;
  transition: 0.2s;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  border-right: none;
}
#faq .conts dt:after {
  display: block;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  margin: -1px 0 0 -7px;
  width: 20px;
  height: 3px;
  background-color: #000;
  transition: 0.3s;
}
#faq .conts dt.open:before {
  -webkit-transform: rotate(0deg);
}
#faq .conts dt span {
  color: #0092ca;
  margin-right: 20px;
  width: 20px;
  display: block;
}
#faq .conts dd {
  display: none;
}
#faq .conts dd .box {
  display: flex;
  justify-content: flex-start;
  font-size: 14px;
  margin-top: 20px;
}
#faq .conts dd .box span {
  color: #e20000;
  margin-right: 20px;
  width: 20px;
  font-size: 16px;
  font-weight: bold;
  display: block;
}
#faq .conts dd .box strong {
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}
@media screen and (max-width: 737px) {
  #faq .navBtn {
    margin-bottom: 30px;
  }
  #faq .navBtn li {
    width: 49%;
    margin: 0 2% 2% 0;
  }
  #faq .navBtn li:nth-child(3n) {
    margin: 0 2% 2% 0;
  }
  #faq .navBtn li:nth-child(even) {
    margin-right: 0;
  }
  #faq .navBtn li a {
    font-size: 12px;
    padding: 10px 0;
  }
  #faq .conts {
    margin-bottom: 30px;
  }
  #faq .conts .midashi {
    font-size: 18px;
    padding: 10px;
  }
  #faq .conts dl {
    padding: 10px 0;
  }
  #faq .conts dt {
    font-size: 14px;
    padding-right: 30px;
  }
  #faq .conts dt:before {
    right: 0;
    width: 10px;
    height: 2px;
  }
  #faq .conts dt:after {
    right: 0;
    width: 10px;
    height: 2px;
  }
  #faq .conts dt span {
    margin-right: 10px;
    width: 16px;
  }
  #faq .conts dd {
    display: none;
  }
  #faq .conts dd .box {
    font-size: 12px;
    margin-top: 10px;
  }
  #faq .conts dd .box span {
    margin-right: 10px;
    width: 16px;
  }
  #faq .conts dd .box strong {
    font-size: 14px;
    margin-bottom: 5px;
  }
}

/*** ------------------------------------------------------------------------------ 

お役立ち情報、お知らせ・キャンペーン（#pickup、#campaign）

-----------------------------------------------------------------------------  ***/
#pickup #mv,
#campaign #mv {
  background: none;
  height: 200px;
}
#pickup #mv::before,
#campaign #mv::before {
	content: none;
}
#pickup #mv .tit,
#campaign #mv .tit {
  text-align: center;
}
#pickup #mv .tit h1,
#pickup #mv .tit h2,
#campaign #mv .tit h1,
#campaign #mv .tit h2{
	color: #333;
}
#pickup #main,
#campaign #main {
  padding: 30px 0 80px;
}
#pickup #main > .inner,
#campaign #main > .inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-flow: row-reverse;
}
#pickup .conts,
#campaign .conts {
  max-width: 740px;
  width: 74%;
}
#pickup .conts .list article,
#campaign .conts .list article {
  border: 1px solid #aaa;
  margin: 0 0 30px;
  padding: 20px;
  font-size: 14px;
}
#pickup .conts .list article:last-of-type,
#campaign .conts .list article:last-of-type {
  margin: 0 0 60px;
}
#pickup .conts .list article h2,
#campaign .conts .list article h2 {
  background: #000;
  margin: 0 0 10px;
  padding: 10px 15px;
  font-size: 20px;
  font-weight: bold;
}
#pickup .conts .list article h2 a,
#campaign .conts .list article h2 a {
  display: block;
  font-weight: bold;
  color: #fff;
}
#pickup .conts .list article ul,
#campaign .conts .list article ul {
  margin: 0 0 10px;
  text-align: right;
}
#campaign .conts .list article ul li {
  display: inline-block;
}
#campaign .conts .list article ul li.attr {
  width: 100px;
  margin: 0 10px 0 0;
  padding: 1px 5px;
  display: inline-block;
  color: #fff;
  font-size: 0.857em;
  text-align: center;
}
#campaign .conts .list article ul li.attr.green {
  background-color: #46a51c;
}
#pickup .conts .list article .in,
#campaign .conts .list article .in {
  display: flex;
  justify-content: space-between;
}
#pickup .conts .list article p.img,
#campaign .conts .list article p.img {
  min-width: 224px;
  width: 224px;
  margin-right: 20px;
}
#pickup .conts .list article .txtBox p.txt,
#campaign .conts .list article .txtBox p.txt {
  margin: 0 0 1em;
}
#pickup .conts .list article p.link,
#campaign .conts .list article p.link {
  text-align: right;
}
#pickup .conts .list article p.link a,
#campaign .conts .list article p.link a {
  color: #0092ca;
  text-decoration: underline;
}
#pickup .conts .list article p.link a:hover,
#campaign .conts .list article p.link a:hover {
  text-decoration: none;
}
#pickup .side,
#campaign .side {
  max-width: 225px;
  width: 24%;
  margin: 0 0 20px;
}
#pickup .side h4,
#campaign .side h4 {
  padding: 10px 15px;
  background-color: #000000;
  border-bottom: solid 1px #000;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
}
#pickup .side > ul,
#campaign .side > ul {
  font-size: 1.167em;
  margin: 0 0 25px;
}
#pickup .side > ul > li,
#campaign .side > ul > li {
  margin: 0;
  padding: 10px 5px 10px 20px;
  background: url(../img/icon_arrow01.png) no-repeat left 10px top 16px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
}
#pickup .side ul li span,
#campaign .side ul li span {
  font-weight: bold;
  margin: 0;
}
#pickup .side ul li:last-child,
#campaign .side ul li:last-child {
  margin: 0 0 0;
}
#pickup .side ul li a:hover,
#campaign .side ul li a:hover {
  text-decoration: underline;
}
#pickup .conts .detail,
#campaign .conts .detail {
  border: 1px solid #aaa;
  padding: 20px;
  margin: 0 0 40px;
  font-size: 14px;
}
#pickup .conts .detail h2,
#campaign .conts .detail h2 {
  background: #000;
  margin: 0 0 10px;
  padding: 10px 15px;
  border-bottom: none;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
#pickup .conts .detail h2::after,
#campaign .conts .detail h2::after {
  display: none;
}
#pickup .conts .detail,
#campaign .conts .detail {
  border: 1px solid #aaa;
  padding: 20px;
  margin: 0 0 40px;
}
#pickup .conts .detail .article-post p,
#campaign .conts .detail .article-post p {
  margin: 0 0 1em;
}
#pickup .conts .detail .article-post h3,
#campaign .conts .detail .article-post h3 {
  font-size: 22px;
  text-align: initial;
  clear: both;
  font-weight: bold;
  margin: 36px 0 12px;
}
#pickup .conts .detail .article-post img,
#campaign .conts .detail .article-post img {
  height: auto;
  max-width: 700px;
  vertical-align: middle;
  width: auto;
}
#pickup .conts .detail .article-post a,
#campaign .conts .detail .article-post a {
  word-break: break-all;
  color: #0092ca;
  text-decoration: none;
}
#pickup .conts .detail .article-post a:hover,
#campaign .conts .detail .article-post a:hover {
  text-decoration: underline;
}
#pickup .conts .detail ul,
#campaign .conts .detail ul {
  margin: 0 0 15px;
  text-align: right;
}

#pickup .conts .detail ul li,
#campaign .conts .detail ul li {
  display: inline-block;
}

#pickup .conts .detail #toc_container {
	padding: 30px;
	width: 100%;
	box-sizing: border-box;
}
#pickup .conts .detail #toc_container .toc_list{
	text-align: left;
}
#pickup .conts .detail #toc_container .toc_list li{
	display: block;
}
#pickup .conts .detail #toc_container .toc_list li a{
	font-size: 16px;
	color: #333;
}

#pickup .conts .detail ul li.attr,
#campaign .conts .detail ul li.attr {
  width: 100px;
  margin: 0 10px 0 0;
  padding: 1px 5px;
  display: inline-block;
  color: #fff;
  font-size: 0.857em;
  text-align: center;
}

#pickup .conts .detail ul li.attr.green,
#campaign .conts .detail ul li.attr.green {
  background-color: #46a51c;
}
#pickup .conts .detail ul li.attr.yellow,
#campaign .conts .detail ul li.attr.yellow {
  background-color: #c2b015;
}
#pickup .conts .pickup-list,
#campaign .conts .pickup-list {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0;
}
#pickup .conts .pickup-list .midashi,
#campaign .conts .pickup-list .midashi {
  background: #000;
  margin: 0 0 20px;
  padding: 10px 15px;
  border-bottom: none;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  width: 100%;
}
#pickup .conts .pickup-list .pickup-list-item,
#campaign .conts .pickup-list .pickup-list-item {
  width: 48%;
  margin: 0 4% 30px 0;
  background: #eee;
}
#pickup .conts .pickup-list .pickup-list-item:nth-of-type(2n),
#campaign .conts .pickup-list .pickup-list-item:nth-of-type(2n) {
  margin: 0 0 30px 0;
}
#pickup .conts .pickup-list .pickup-list-item .img {
  position: relative;
  width: 100%;
  height: 230px;
  overflow: hidden;
}
#pickup .conts .pickup-list .pickup-list-item .img img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#pickup .conts .pickup-list .pickup-list-item p.text,
#campaign .conts .pickup-list .pickup-list-item p.text {
  padding: 15px 20px;
  font-weight: bold;
  font-size: 16px;
}

@media screen and (max-width: 737px) {
  #pickup #mv,
  #campaign #mv {
    background: none;
    height: 150px;
  }
  #pickup #main,
  #campaign #main {
    padding: 20px 0 0;
  }
  #pickup > .inner,
  #campaign > .inner {
    display: block;
  }
  #pickup .conts,
  #campaign .conts {
    width: 100%;
  }
  #pickup .conts .list article,
  #campaign .conts .list article {
    padding: 15px;
  }
  #pickup .conts .list article:last-of-type,
  #campaign .conts .list article:last-of-type {
    margin: 0 0 40px;
  }
  #pickup .conts .list article h2,
  #campaign .conts .list article h2 {
    padding: 5px 10px;
    font-size: 18px;
  }
  #pickup .conts .list article .in,
  #campaign .conts .list article .in {
    display: block;
  }
  #pickup .conts .list article p.img,
  #campaign .conts .list article p.img {
    margin: 0 auto 20px;
    width: 224px;
  }
  #pickup .side,
  #campaign .side {
    display: none;
  }
  #pickup .conts .detail,
  #campaign .conts .detail {
    padding: 15px;
  }
  #pickup .conts .detail h2,
  #campaign .conts .detail h2 {
    padding: 5px 10px;
    font-size: 18px;
  }
  #pickup .conts .detail h2::after,
  #campaign .conts .detail h2::after {
    display: none;
  }
  #pickup .conts .detail .article-post p,
  #campaign .conts .detail .article-post p {
    margin: 0 0 1em;
  }
  #pickup .conts .detail .article-post h3,
  #campaign .conts .detail .article-post h3 {
    font-size: 18px;
    margin: 36px 0 12px;
  }
  #pickup .conts .detail .article-post img,
  #campaign .conts .detail .article-post img {
    max-width: 100%;
    height: auto;
  }
  #pickup .conts .detail ul,
  #campaign .conts .detail ul {
    margin: 0 0 15px;
    text-align: right;
  }

  #pickup .conts .detail ul li,
  #campaign .conts .detail ul li {
    display: inline-block;
  }
  #pickup .conts .pickup-list .midashi,
  #campaign .conts .pickup-list .midashi {
    padding: 5px 10px;
    font-size: 18px;
  }
  #pickup .conts .pickup-list .pickup-list-item,
  #campaign .conts .pickup-list .pickup-list-item {
    width: 48%;
    margin: 0 4% 30px 0;
    background: #eee;
  }
  #pickup .conts .pickup-list .pickup-list-item:nth-of-type(2n),
  #campaign .conts .pickup-list .pickup-list-item:nth-of-type(2n) {
    margin: 0 0 30px 0;
  }
  #pickup .conts .pickup-list .pickup-list-item .img {
    height: 0;
    padding-top: 60%;
  }
  #pickup .conts .pickup-list .pickup-list-item img,
  #campaign .conts .pickup-list .pickup-list-item img {
    max-width: 100%;
    height: auto;
  }
  #pickup .conts .pickup-list .pickup-list-item p.text,
  #campaign .conts .pickup-list .pickup-list-item p.text {
    padding: 10px;
    font-size: 14px;
  }
}

/** ページネーション **/
.paginations {
  list-style-type: none;
  padding-left: 0;
  margin: 30px 0;
}

.paginations,
.paginations li a {
  /* flex */
  display: -webkit-box; /*--- Androidブラウザ用 ---*/
  display: -ms-flexbox; /*--- IE10 ---*/
  display: -webkit-flex; /*--- safari（PC）用 ---*/
  display: flex;
  -webkit-box-pack: center; /*--- Androidブラウザ用 ---*/
  -ms-flex-pack: center; /*--- IE10 ---*/
  -webkit-justify-content: space-between; /*--- safari（PC）用 ---*/
  justify-content: space-between;
  -webkit-display: flex;

  flex-wrap: wrap;
  -webkit-justify-content: center; /*--- safari（PC）用 ---*/
  justify-content: center;
  text-align: center;

  -webkit-box-align: center; /*--- Androidブラウザ用 ---*/
  -ms-flex-align: center; /*--- IE10 ---*/
  -webkit-align-items: center; /*--- safari（PC）用 ---*/
  align-items: center;
}

.paginations a {
  font-weight: 300;
  padding-top: 1px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
  min-width: 36px;
  min-height: 36px;
  color: #333;
  text-align: center;
}

.paginations li:not([class*="current"]) a:hover {
  background-color: #eee;
}

.paginations li:first-of-type a {
  border-left-width: 1px;
}

.paginations li.first span,
.paginations li.last span,
.paginations li.previous span,
.paginations li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.paginations li.first a::before,
.paginations li.last a::after,
.paginations li.previous a::before,
.paginations li.next a::after {
  display: inline-block;
  font-family: Fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.paginations li.first a::before {
  content: "\f100";
}
.paginations li.last a::after {
  content: "\f101";
}

.paginations li.previous a::before {
  content: "\f104";
}
.paginations li.next a::after {
  content: "\f105";
}

.paginations li.current a {
  background-color: #ddd;
  cursor: default;
  pointer-events: none;
}

.paginations > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.paginations > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
#pickup .conts ul.list_pagination,
#pickup .conts ul.list_pagination {
  margin: 0 auto 30px;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
}
#pickup .conts ul.list_pagination li a,
#pickup .conts ul.list_pagination li a {
  padding: 10px 20px;
  /*  background-color: #ccc;*/
  display: block;
  color: #0092ca;
  text-decoration: underline;
  font-size: 14px;
}

#pickup .conts ul.list_pagination li.stay a,
#pickup .conts ul.list_pagination li a:hover {
  text-decoration: none;
}

#pickup .conts ul.list_pagination li.prev2,
#pickup .conts ul.list_pagination li.prev2 {
  margin: 0 10px 0 0;
  float: left;
}

#pickup .conts ul.list_pagination li.next2,
#pickup .conts ul.list_pagination li.next2 {
  margin: 0 0 0 10px;
  float: right;
}
@media only screen and (max-width: 737px) {
  .paginations {
    margin-bottom: 0;
  }
  #pickup .conts ul.list_pagination,
  #pickup .conts ul.list_pagination {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 680px) {
  .paginations li.first,
  .paginations li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .paginations li.previous a {
    border-left-width: 1px;
  }
}

@media only screen and (max-width: 500px) {
  .paginations li {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .paginations li.current,
  .paginations li.first,
  .paginations li.last,
  .paginations li.previous,
  .paginations li.next {
    position: initial;
    top: initial;
    left: initial;
  }

  .paginations li.previous a {
    border-left-width: 0;
  }
}

@media only screen and (max-width: 400px) {
  .paginations li.first,
  .paginations li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .paginations li.previous a {
    border-left-width: 1px;
  }
}
@media only screen and (max-width: 240px) {
  /* For watches? */
  .paginations li {
    width: 50%;
  }
  .paginations li.current {
    order: 2;
    width: 100%;
    border-left-width: 1px;
  }
}

/*** ------------------------------------------------------------------------------ 

お問い合わせ・ご予約（#contact）

-----------------------------------------------------------------------------  ***/
#contact #mv {
  background: none;
  height: 200px;
}
#contact #mv::before {
	content: none;
}
#contact #mv .tit {
	text-align: center;
}
#contact #mv .tit h1{
	color: #333;
}
#contact #main{
	padding: 50px 0 80px;
}
#contact .midashi {
	font-size: clamp(20px, 2.0vw, 24px );
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 50px;
	color: #fff;
	/*
	border-bottom: solid 1px #0092ca;
	padding-bottom: 10px;
	*/
	padding: 7px 15px 5px;
	background: var(--color_blue);
}
#contact .telBox {
	max-width: 900px;
	margin: 0 auto;
	padding: 45px;
	background-color: #f1f3f6;
	/*margin-bottom: 30px;*/
	box-sizing: border-box;
}
#contact .telBox .catch{
	font-size: clamp(18px, 2.0vw, 22px);
	font-weight: bold;
	text-align: center;
	color: var(--color_blue);
	margin: 0 0 30px;
}
#contact .telBox ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#contact .telBox ul li {
	width: 48%;
	margin-bottom: 10px;
	font-size: clamp(16px, 2.0vw, 20px);
	font-weight: bold;
}
#contact .telBox ul li a {
	display: block;
	color: #fff;
	background-color: #0092ca;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	border-radius: 5px;
	position: relative;
	padding: 20px 10px 15px 100px;
	box-sizing: border-box;
}
#contact .telBox ul li a strong {
  font-size: 42px;
  line-height: 1;
  display: block;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
}
#contact .telBox ul li a:before {
	content: "";
	background: url("../../img/contact/iphone.svg") no-repeat center bottom / cover;
	width: 30px;
	height: 45px;
	position: absolute;
	top: 50%;
	left: 45px;
	transform: translateY(-50%);
}
@media (max-width:940px){
	#contact .telBox ul li a strong {
	  font-size: 3.75vw;
	}
}
#contact .telBox .notes {
  font-size: 14px;
}
#contact .form {
	max-width: 900px;
	margin: 0 auto;
  	padding-bottom: 60px;
}

#contact .form .dl01 dt{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 20px;
}
#contact .form .dl01 dt .req{
	display: inline-block;
	margin: 0 0 0 10px;
	background: #DB0000;
	font-size: 15px;
	font-weight: normal;
	padding: 5px 5px;
	color: #fff;
	line-height: 1.0;
}
#contact .form .dl01 dd .flex{
	display: flex;
	align-items: center;
}
#contact .form .dl01 dd .flex .item-wash{
	width: 48%;
	margin: 0 4% 0 0;
}
#contact .form .dl01 dd .flex .item-cort{
	width: 48%;
}
#contact .form .dl01 dd input[type=radio] {
	display: none;
}
#contact .form .dl01 dd input[type=radio]:checked + label {
	background: #F1F3F6;
	outline: 2px solid var(--color_blue);
	outline-offset: -2px;
}
#contact .form .dl01 dd .label {
	max-width: 430px;
	width: 100%;
	text-align: center;
	display: block;
	padding: 15px 10px;
	box-sizing: border-box;
	outline: 1px solid var(--color_blue);
	color: var(--color_blue);
	font-size: 22px;
	font-weight: bold;
	transition: 0.3s;
	outline-offset: -1px;
}
#contact .form .dl01 dd .label:hover {
	background: #F1F3F6;
	outline: 2px solid var(--color_blue);
	outline-offset: -2px;
}



#contact .form #formTable{
  display: none;
}
#contact .form table {
  width: 100%;
  margin: 60px 0 20px;
}
#contact .form table tr {
  border-bottom: solid 1px #999;
}
#contact .form table th {
  width: 20%;
  min-width: 210px;
  vertical-align: top;
  font-size: 15px;
  padding: 25px 0 10px;
  position: relative;
}
#contact .mw_wp_form_confirm .form #formTable table th {
  padding: 15px 0 10px;
}
#contact .form table th.req:after {
  content: "必須";
  background: #db0000;
  padding: 2px 5px;
  color: #fff;
  margin: 0 0 0 10px;
}
#contact .form table td {
  word-break: keep-all;
  padding: 15px 0 10px;
  vertical-align: top;
  font-size: 15px;
}
#contact .form table td.nowrap {
  display: block;
}
#contact .form table td input,
#contact .form table td textarea {
  border: solid 1px #e9e9e9;
  background-color: #fff;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
}
#contact .form table td select {
  border: solid 1px #e9e9e9;
  background-color: #fff;
  padding: 10px;
  box-sizing: border-box;
  width: 200px;
}
#contact .form table td label input[type="radio"] {
  width: 20px;
}
#contact .form table td > div {
  width: 100%;
}
#contact .form table td > div.flex {
  display: flex;
}
#contact .form table td > div.flex.pd {
  padding: 10px 0;
}
#contact .form table td > div.flex label {
  margin-right: 10px;
}
#contact .form table td > div.w50 {
  width: 49%;
}
#contact .form table td > div > div.price {
  width: 49%;
}
#contact .form table td > div > div.price input {
  width: calc(100% - 4rem);
  margin-right: 5px;
}
#contact .form .check {
  font-size: 15px;
  padding: 20px;
  background-color: #f1f3f6;
  margin-bottom: 30px;
}
#contact .form .check .flex {
  display: flex;
  margin-top: 10px;
}
#contact .form .check .flex label {
  margin-right: 10px;
}
#contact .form .submit {
  text-align: center;
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
#contact .form .submit input[type="reset"] {
  display: block;
  background-color: #eee;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
  border-radius: 5px;
  transition: 0.5s;
  border: none;
  color: #000;
  border-bottom: #ccc 4px solid;
  text-align: center;
  min-width: 300px;
  margin: 0 10px;
  box-sizing: border-box;
  text-decoration: none;
  cursor: pointer;
  transition: 0.3s;
}
#contact .form .submit input[type="submit"].back {
  border-bottom: #ccc 4px solid;
  background-color: #eee;
  color: #000;
}
#contact .form .submit input[type="reset"]:hover,
#contact .form .submit input[type="submit"].back:hover {
  background-color: #ccc;
}
#contact .mw_wp_form_confirm .reset {
  display: none;
}
#contact .form .submit input[type="submit"] {
  display: block;
  background-color: #0092ca;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
  border-radius: 5px;
  transition: 0.5s;
  border: none;
  color: #fff;
  border-bottom: #00638a 4px solid;
  text-align: center;
  min-width: 300px;
  margin: 0 10px;
  box-sizing: border-box;
  text-decoration: none;
  cursor: pointer;
  transition: 0.3s;
}
#contact .mw_wp_form_confirm .confirm {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#contact .form .submit input[type="submit"]:hover {
  background-color: #00638a;
}
#contact .thanks {
  text-align: center;
  padding: 50px 0;
  font-size: 16px;
  line-height: 1.6;
}
#contact #message {
  display: none;
  width: fit-content;
  padding: 50px 0;
  font-size: 20px;
  line-height: 1.8;
  margin: 0 auto;
}
#contact .thanks {
  text-align: center;
  padding: 50px 0;
  font-size: 20px;
  line-height: 1.8;
}
#contact .yoyaku-btn {
  text-align: center;
  margin: 40px 0 0;
  padding: 0 20px;
}
#contact .yoyaku-btn a img {
  width: auto;
  max-width: 100%;
}

@media screen and (max-width: 737px) {
  #contact #mv {
    background: none;
    height: 150px;
  }
	#contact #main{
		padding: 40px 0 0;
	}
	#contact .midashi{
		margin: 0 0 30px;
	}
	#contact .form .dl01 dd .label{
		font-size: 18px;
	}
	#contact .telBox {
		padding: 20px;
	}
  #contact .telBox ul {
    display: block;
  }
  #contact .telBox ul li {
    width: 100%;
    margin-bottom: 10px;
  }
  #contact .telBox ul li a {
      font-size: 15px;
	  text-align: center;
	  padding: 20px 10px 17px 35px;
  }
#contact .telBox ul li a:before {
	left: 25px;
	background: url("../../img/contact/iphone.svg") no-repeat center bottom / cover;
	width: 20px;
	height: 35px;
}
  #contact .telBox ul li a strong {
    font-size: 28px;
  }
  #contact .telBox .notes {
    font-size: 12px;
  }
  #contact .form {
    padding-bottom: 30px;
  }
  #contact .form table th {
    width: 100%;
    display: block;
    font-size: 13px;
    padding: 10px 0;
  }
  #contact .form table th span {
    font-size: 11px;
  }
  #contact .form table td {
    width: 100%;
    display: block;
    padding: 0 0 10px;
    font-size: 13px;
    display: block;
  }
  #contact .form table td input,
  #contact .form table td textarea {
    padding: 10px 5px;
  }
  #contact .form table td label input[type="radio"] {
    width: 10px;
    padding: 0;
    margin-right: 0;
  }
  #contact .form table td > div.flex {
    display: block;
  }
  #contact .form table td > div.flex.pd {
    padding: 5px 0;
  }
  #contact .form table td > div > div.price {
    width: 100%;
    margin-bottom: 5px;
  }
  #contact .form .check .flex {
    display: block;
  }
  #contact .form .check .flex label {
    width: 100%;
    display: block;
  }
  #contact .form .submit {
    text-align: center;
    margin-top: 10px;
    display: block;
  }
  #contact .form .submit input[type="reset"],
  #contact .form .submit input[type="submit"] {
    font-size: 16px;
    margin: 0 auto 10px;
  }
  #contact #message {
    padding: 30px 0;
    font-size: 16px;
  }
  #contact .thanks {
    padding: 30px 0;
    font-size: 14px;
  }
}

/*** ------------------------------------------------------------------------------ 

プライバシーポリシー（#privacy）

-----------------------------------------------------------------------------  ***/
#privacy #mv {
  background-image: url(../../img/privacy/main.jpg);
}
#privacy .midashi {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 10px;
  color: #0092ca;
  border-bottom: solid 1px #0092ca;
  padding-bottom: 10px;
}
#privacy .txt01 {
  font-size: 14px;
  line-height: 1.8;
}
#privacy .list {
  margin: 20px 0 0 1em;
}
#privacy .list li {
  margin-bottom: 20px;
}
#privacy .txt02 {
  font-size: 14px;
  line-height: 1.8;
}
#privacy .txt02 strong {
  display: block;
  font-size: 16px;
}
#privacy .txt03 p {
  font-size: 14px;
  line-height: 1.8;
  margin: 5px 0 0 2em;
  text-indent: -1em;
}

/*** ------------------------------------------------------------------------------ 

サイトマップ（#sitemap）

-----------------------------------------------------------------------------  ***/
#sitemap #mv {
  background-image: url(../../img/sitemap/main.jpg);
}
#sitemap #main a {
  color: #0092ca;
}
#sitemap #main a:hover {
  text-decoration: underline;
}
#sitemap .navi1 a {
  font-size: 18px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  margin: 0 0 20px 15px;
}
#sitemap .navi1 a:before {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-top: 2px solid #0092ca;
  border-right: 2px solid #0092ca;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
}
#sitemap .page {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#sitemap .page > div {
  width: 49%;
}
#sitemap .page > div .cat {
  font-size: 18px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  margin: 0 0 10px 15px;
  color: #0092ca;
}
#sitemap .page > div .cat:before {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-top: 2px solid #0092ca;
  border-right: 2px solid #0092ca;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
}
#sitemap .page > div .menu1 {
  margin-bottom: 20px;
}
#sitemap .page > div .menu1 li {
  font-size: 16px;
  margin: 0 0 10px 15px;
}
#sitemap .page > div .menu2 li a {
  font-size: 18px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  margin: 0 0 15px 15px;
  color: #0092ca;
}
#sitemap .page > div .menu2 li a:before {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-top: 2px solid #0092ca;
  border-right: 2px solid #0092ca;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  transition: 0.3s;
}
@media screen and (max-width: 737px) {
  #sitemap .navi1 a {
    font-size: 16px;
    margin: 0 0 10px 15px;
  }
  #sitemap .page {
    display: block;
  }
  #sitemap .page > div {
    width: 100%;
  }
  #sitemap .page > div .cat {
    font-size: 16px;
    margin: 0 0 5px 15px;
  }
  #sitemap .page > div .menu1 {
    margin-bottom: 15px;
  }
  #sitemap .page > div .menu1 li {
    margin: 0 0 5px 15px;
  }
  #sitemap .page > div .menu2 li a {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    display: inline-block;
    margin: 0 0 10px 15px;
    color: #0092ca;
  }
  #sitemap .page > div .menu2 li a:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #0092ca;
    border-right: 2px solid #0092ca;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    transition: 0.3s;
  }
}

/*** ------------------------------------------------------------------------------ 

お客様の声（#voice）

-----------------------------------------------------------------------------  ***/
.service #voice {
  padding: 120px 0 0;
  box-sizing: border-box;
}
.service #voice ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.service #voice ul li {
  width: 48%;
  margin: 0 4% 4% 0;
  background: #f1f3f6;
  padding: 30px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.8;
}
.service #voice ul li:nth-child(even) {
  margin-right: 0;
}
.service #voice ul li .box {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.service #voice ul li .box .img {
  max-width: 140px;
  width: 140px;
  margin-right: 10px;
}
.service #voice ul li .box .text {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 737px) {
  .service #voice {
    padding: 60px 0 0;
  }
  .service #voice ul {
    display: block;
  }
  .service #voice ul li {
    width: 100%;
    margin: 0 0 20px;
    padding: 20px;
  }
  .service #voice ul li:nth-child(even) {
    margin-right: 0;
  }
  .service #voice ul li .box {
    display: block;
    margin-bottom: 10px;
  }
  .service #voice ul li .box .img {
    max-width: 300px;
    width: 100%;
    margin: 0 auto 10px;
  }
  .service #voice ul li .box .text {
    font-size: 16px;
    font-weight: bold;
  }
}/*** ------------------------------------------------------------------------------ 

店舗サービス（.menu）
#yokohama
#higashitotuka
#roppongi
#ginza
#sogo

-----------------------------------------------------------------------------  ***/
#yokohama #service,
#higashitotuka #service,
#roppongi #service,
#ginza #service,
#sogo #service{
  max-width: 1000px;
  width: 95%;
  margin: 0 auto;
  padding: 0 0 50px 0;
}
#yokohama #service .txt01,
#higashitotuka #service .txt01,
#roppongi #service .txt01,
#ginza #service .txt01,
#sogo #service .txt01{
  font-size: 18px;
  font-weight: bold;
}
#yokohama #service .txt01:before,
#higashitotuka #service .txt01:before,
#roppongi #service .txt01:before,
#ginza #service .txt01:before,
#sogo #service .txt01:before{
  content: "\025a0";
  font-size: 10px;
  margin: -5px 5px 0 0;
  vertical-align: middle;
  display: inline-block;
}
#yokohama #service .menu,
#higashitotuka #service .menu,
#roppongi #service .menu,
#ginza #service .menu,
#sogo #service .menu{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#yokohama #service .menu li,
#higashitotuka #service .menu li,
#roppongi #service .menu li,
#ginza #service .menu li,
#sogo #service .menu li{
  width: 32.5%;
  border-right: solid 1px #fff;
  position: relative;
  box-sizing: border-box;
}
#yokohama #service .menu li:last-child,
#higashitotuka #service .menu li:last-child,
#roppongi #service .menu li:last-child,
#ginza #service .menu li:last-child,
#sogo #service .menu li:last-child{
  border-right: none;
}
#yokohama #service .menu li a,
#higashitotuka #service .menu li a,
#roppongi #service .menu li a,
#ginza #service .menu li a,
#sogo #service .menu li a{
	display: block;
	width: 100%;
	height: 200px;
	transition: 0.3s;
	position: relative;
	z-index: 1;
}
#yokohama #service .menu li:nth-child(1) a,
#higashitotuka #service .menu li:nth-child(1) a,
#roppongi #service .menu li:nth-child(1) a,
#ginza #service .menu li:nth-child(1) a,
#sogo #service .menu li:nth-child(1) a {
	background: url(../../img/home/service_img02.jpg) no-repeat center bottom / cover;
}
#yokohama #service .menu li:nth-child(2) a,
#higashitotuka #service .menu li:nth-child(2) a,
#roppongi #service .menu li:nth-child(2) a,
#ginza #service .menu li:nth-child(2) a,
#sogo #service .menu li:nth-child(2) a {
	background: url(../../img/home/service_img01.jpg) no-repeat center bottom / cover;
}
#yokohama #service .menu li:nth-child(3) a,
#higashitotuka #service .menu li:nth-child(3) a,
#roppongi #service .menu li:nth-child(3) a,
#ginza #service .menu li:nth-child(3) a,
#sogo #service .menu li:nth-child(3) a{
	background: url(../../img/home/service_img04.jpg) no-repeat center bottom / cover;
}
#yokohama #service .menu li a:hover,
#higashitotuka #service .menu li a:hover,
#roppongi #service .menu li a:hover,
#ginza #service .menu li a:hover,
#sogo #service .menu li a:hover{
	background-color: rgba(255, 255, 255, 0.3);
	background-blend-mode: lighten;
}
#yokohama #service .menu li a strong,
#higashitotuka #service .menu li a strong,
#roppongi #service .menu li a strong,
#ginza #service .menu li a strong,
#sogo #service .menu li a strong{
	width: 100%;
	position: absolute;
	bottom: 0;
	background-color: #222831;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
	line-height: 1.2;
	transition: 0.3s;
}
#yokohama #service .menu li a:hover strong,
#higashitotuka #service .menu li a:hover strong,
#roppongi #service .menu li a:hover strong,
#ginza #service .menu li a:hover strong,
#sogo #service .menu li a:hover strong{
	background-color: #0092ca;
	opacity: 1;
}
#yokohama #service .menu li a strong:after,
#higashitotuka #service .menu li a strong:after,
#roppongi #service .menu li a strong:after,
#ginza #service .menu li a strong:after,
#sogo #service .menu li a strong:after{
	content: "\02192";
	font-weight: bold;
	top: 50%;
	transform: translateY(-50%);
	right: 5%;
	position: absolute;
	transition: 0.3s;
}
#yokohama #service .menu li a:hover strong:after,
#higashitotuka #service .menu li a:hover strong:after,
#roppongi #service .menu li a:hover strong:after,
#ginza #service .menu li a:hover strong:after,
#sogo #service .menu li a:hover strong:after{
	right: 1%;
}
@media only screen and (max-width: 737px) {
	#yokohama #service,
	#higashitotuka #service,
	#roppongi #service,
	#ginza #service,
	#sogo #service{
		padding: 30px 0;
	}
	#yokohama #service .txt01,
	#higashitotuka #service .txt01,
	#roppongi #service .txt01,
	#ginza #service .txt01,
	#sogo #service .txt01{
		font-size: 16px;
	}
	#yokohama #service .menu li,
	#higashitotuka #service .menu li,
	#roppongi #service .menu li,
	#ginza #service .menu li,
	#sogo #service .menu li{
		width: 50%;
		border-right: none;
	}
	#yokohama #service .menu li:nth-child(1),
	#higashitotuka #service .menu li:nth-child(1),
	#roppongi #service .menu li:nth-child(1),
	#ginza #service .menu li:nth-child(1),
	#sogo #service .menu li:nth-child(1) {
		width: 100%;
	}
	#yokohama #service .menu li:nth-child(2),
	#higashitotuka #service .menu li:nth-child(2),
	#roppongi #service .menu li:nth-child(2),
	#ginza #service .menu li:nth-child(2),
	#sogo #service .menu li:nth-child(2){
		border-right: solid 1px #fff;
	}
	#yokohama #service .menu li:nth-child(2) a strong,
	#higashitotuka #service .menu li:nth-child(2) a strong,
	#roppongi #service .menu li:nth-child(2) a strong,
	#ginza #service .menu li:nth-child(2) a strong,
	#sogo #service .menu li:nth-child(2) a strong,
	#yokohama #service .menu li:nth-child(3) a strong,
	#higashitotuka #service .menu li:nth-child(3) a strong,
	#roppongi #service .menu li:nth-child(3) a strong,
	#ginza #service .menu li:nth-child(3) a strong ,
	#sogo #service .menu li:nth-child(3) a strong{
		text-align: left;
	}
	#yokohama #service .menu li a,
	#higashitotuka #service .menu li a,
	#roppongi #service .menu li a,
	#ginza #service .menu li a,
	#sogo #service .menu li a {
		height: 180px;
	}
	#yokohama #service .menu li a strong,
	#higashitotuka #service .menu li a strong,
	#roppongi #service .menu li a strong,
	#ginza #service .menu li a strong,
	#sogo #service .menu li a strong{
		font-size: 13px;
		padding: 20px 10px;
	}
}

/****** 2022,11,2 追記 ******/
.service #intro{
  padding: 0 0 80px;
  text-align: center;
}
.service #intro h2{
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 30px;
}
.service #intro p{
  font-size: 16px;
  line-height: 2;
}
@media only screen and (max-width: 737px) {
  .service #intro{
    padding: 0 0 40px;
    text-align: left;
  }
  .service #intro h2{
    font-size: 20px;
    margin: 0 0 15px;
    text-align: center;
  }
  .service #intro p{
    font-size: 14px;
    line-height: 1.8;
  }
}


/* ===========================================================================

	#service（カーコーティング）

============================================================================= */
@media (min-width: 738px){
	#service #main{
		padding: 80px 0 0;
	}
}


/* mv
========================================= */
.service#service #mv{
	background: url("../../img/service/top-240203/mv-bg.jpg") no-repeat center center / cover;
}
@media (min-width: 738px){
	/*
	.service#service #mv .tit h2 img{
		width: 400px;
	}
	*/
	.service#service #mv .tit h1 img{
		width: 400px;
	}	
}

/* sec-reason
========================================= */
#service #main #sec-reason{}
#service #main #sec-reason h2{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 1.5em;
}
#service #main #sec-reason h2 span{
	font-size: 34px;
	color: var(--color_blue);
}
#service #main #sec-reason .list{
	width: calc(100% + 6%);
	margin: 0 auto;
	padding: 0 0 0 3%;
	box-sizing: border-box;
}
#service #main #sec-reason .list .list-item{
	width: 100%;
	margin: 0 0 10.0%;
}
#service #main #sec-reason .list .list-item h4{
	font-size: 36px;
	font-weight: bold;
	color: var(--color_blue);
	position: relative;
	margin: 0 0 0.5em;
	box-sizing: border-box;
}
#service #main #sec-reason .list .list-item h4::before{
	content: '00';
	transform: translateY(15%);
	font-size: clamp(60px, 7.0vw, 90px);
	color: var(--color_blue);
  line-height: 1;
  position: relative;
  display: inline-block;
  margin: 0 5px 0 -20px;
}
#service #main #sec-reason .list .list-item:nth-child(1) h4::before{ content: '01';}
#service #main #sec-reason .list .list-item:nth-child(2) h4::before{ content: '02';}
#service #main #sec-reason .list .list-item:nth-child(3) h4::before{ content: '03';}
#service #main #sec-reason .list .list-item .tit{
	position: relative;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	width: 100%;
	padding: 15px 20px 15px 15px;
	box-sizing: border-box;
}
#service #main #sec-reason .list .list-item .tit::after{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: calc(100% + 50px);
	background:  var(--color_blue);
}
#service #main #sec-reason .list .list-item .box{
	width: 100%;
	padding: 0 0 0 15px;
	box-sizing: border-box;
}
#service #main #sec-reason .list .list-item .img{
	margin: 0 0 20px;
}
#service #main #sec-reason .list .list-item .text{
	font-size: 16px;
	padding:  0 30px 0 0;
}
@media (min-width: 738px){
	#service #main #sec-reason{
		padding: 0 0 80px;
	}
	#service #main #sec-reason .list{
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding: 0;
	}
	#service #main #sec-reason .list .list-item{
		width: calc(100% / 3 - 20px);
		margin: 0;
	}
	#service #main #sec-reason .list .list-item h4{
		font-size: clamp(18px, 2.5vw, 25px);
		margin: 0 0 0.5em;
		box-sizing: border-box;
	}
	#service #main #sec-reason .list .list-item h4::before{
		font-size: clamp(38px, 5.0vw, 54px);
	}
	#service #main #sec-reason .list .list-item .tit{
		font-size: clamp(16px, 2.0vw, 18px);
		padding: 15px;
	}
}


/* sec-flow
========================================= */
#service #main #sec-flow .inner{
	width: 100%;
}
#service #main #sec-flow{
	background: var(--color_blue);
	padding: 50px 0;
}
#service #main #sec-flow h2{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 30px;
	color: #fff;
}
#service #main #sec-flow h2 span{
	font-size: 34px;
}
#service #main #sec-flow .list .slick-track{
	display: flex;
}
#service #main #sec-flow .list .list-item{
	width: 100%;
	position: relative;
	margin: 0 10px;
	padding: 50px 0 0;
	box-sizing: border-box;
	height: inherit;
	float: none;
}
#service #main #sec-flow .list .list-item::after{
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	z-index: -1;
	width: 100%;
	height: 50%;
	background: #fff;
}
#service #main #sec-flow .list .list-item .number{
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
	background: #fff;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	font-size: clamp(15px, 2.0vw, 16px);
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	padding: 23px 0 0;
	box-sizing: border-box;
}
#service #main #sec-flow .list .list-item .number span{
	font-size: clamp(36px, 2.0vw, 42px);
	display: block;
	line-height: 1.0;
}
#service #main #sec-flow .list .list-item .text{
	background: #fff;
	padding: 25px 20px;
}
#service #main #sec-flow .list .list-item .text .tit{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 0.75em;
}
#service #main #sec-flow .list .list-item .text {
	font-size: 16px;
}
#service #main #sec-flow .slick-dots {
	bottom: -35px;
}
#service #main #sec-flow .slick-dots li{
	margin: 0;
}
#service #main #sec-flow .slick-dots li button:before{
	font-size: 12px;
}
#service #main #sec-flow .slick-dots li button:before{
	opacity: 1;
	color: #D8D8D8;
}
#service #main #sec-flow .slick-dots li.slick-active button:before{
	opacity: 1;
	color: #333333;
}

@media (min-width: 738px){
	#service #main #sec-flow{
		padding: 80px 0;
	}
	#service #main #sec-flow h2{
		margin: 0 0 40px;
	}
	#service #main #sec-flow .list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#service #main #sec-flow .list .list-item{
		width: calc(100% / 3 - 20px);
		margin: 0 0 60px;
		position: relative;
	}
	#service #main #sec-flow .list .list-item::after{
		position: absolute;
		right: -22px;
		top: 50%;
		content: '';
		transform: translateY(-50%);
		width: 14px;
		height: 30px;
		background: url("../../img/service/top-240203/icon-arrow.svg") no-repeat center center / 14px auto;
	}
	#service #main #sec-flow .list .list-item.item03::after,
	#service #main #sec-flow .list .list-item.item06::after{
		content: none;
	}
}



/* sec-price
========================================= */
#service #main #sec-price{
	padding: 50px 0;
}
#service #main #sec-price .inner{
	width: 100%;
}
#service #main #sec-price h2{
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	margin: 0 0 30px;
	color: var(--color_blue);
}
#service #main #sec-price .list .slick-track{
	display: flex;
}
#service #main #sec-price .list .list-item{
	margin: 0 10px 20px;
	background: var(--color_gray);
	position: relative;
	float: none;
	height: inherit;
}
#service #main #sec-price .list .list-item .catch{
	background: var(--color_blue);
	color: #fff;
	padding: 15px;
	font-size: clamp(18px, 2.0vw, 20px);
	font-weight: bold;
	text-align: center;
}
#service #main #sec-price .list .list-item .box{
	padding: 20px;
}
#service #main #sec-price .list .list-item .box .tit{
	text-align: center;
	font-size: clamp(20px, 2.25vw, 24px);
	font-weight: bold;
	color: var(--color_blue);
	margin: 10px 0;
}
#service #main #sec-price .list .list-item .box .txt01{
	text-align: right;
	font-size: clamp(24px, 2.0vw, 26px);
	font-weight: bold;
	line-height: 1.0;
}
#service #main #sec-price .list .list-item .box .txt01 span{
	font-size: clamp(16px, 2.0vw, 20px);
}
#service #main #sec-price .list .list-item .box .btn{
	margin: 20px auto 0;
}
#service #main #sec-price .list .list-item .box .btn a{
	background: url("../../img/service/top-240203/icon-arrow.svg") no-repeat right 10px center / 8px auto , #333;
	color: #fff;
	display: block;
	padding: 10px;
	font-size: clamp(18px, 2.0vw, 20px);
	font-weight: bold;
	text-align: center;
}
#service #main #sec-price .list .list-item .box .flex{
  margin: 0 0 20px;
}
#service #main #sec-price .list .list-item .box table tr th{
	width: 20%;
	font-size:14px;
}
#service #main #sec-price .list .list-item .box table tr td:nth-of-type(1){
	width: 35%;
	color: var(--color_blue);
	font-size:14px;
}
#service #main #sec-price .list .list-item .box table tr td:nth-of-type(2){
	width: 35%;
	font-size:14px;
}
#service #main #sec-price .list .list-item .box table tr td:nth-of-type(2) span{
	color: var(--color_blue);
}
#service #main #sec-price .list .list-item .box .features{
  margin-top: 10px;
}
#service #main #sec-price .list .list-item .box .features p{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 5px;
}
#service #main #sec-price .list .list-item .box .features p strong{
  display: block;
  width: 60px;
  text-align: center;
  background-color: #222831;
  color: #fff;
  margin-right: 10px;
  padding: 5px 0;
}
#service #main #sec-price .list .list-item .box .features p span{
  width: calc(100% - 70px);
}
#service #main #sec-price .img-txt{
	margin: 70px 0 2.0em;
	text-align: center;
}
#service #main #sec-price .img-txt img{
	max-width: 295px;
}
#service #main #sec-price .list01 .slick-track{
	display: flex;
}
#service #main #sec-price .list01 .list-item{
	margin: 0 10px;
	float: none;
	height: inherit;
	background: var(--color_gray);
}
#service #main #sec-price .list01 .list-item .text{
	padding: 25px 20px;
	background: var(--color_gray);
}
#service #main #sec-price .list01 .list-item .text .tit{
	text-align: center;
	font-size: clamp(20px, 2.0vw, 22px);
	font-weight: bold;
	margin: 0 0 0.75em;
	color: var(--color_blue);
}
#service #main #sec-price .list01 .list-item .text .txt01 {
	font-size: clamp(15px, 2.0vw, 16px);
}
#service #main #sec-price .list01 .list-item .text .txt02 {
	text-align: right;
	font-size: clamp(18px, 2.0vw, 20px);
	font-weight: bold;
	margin: 15px 0 0;
}

#service #main #sec-price .list01 .slick-dots {
	bottom: -35px;
}
#service #main #sec-price .list01 .slick-dots li{
	margin: 0;
}
#service #main #sec-price .list01 .slick-dots li button:before{
	font-size: 12px;
}
#service #main #sec-price .list01 .slick-dots li button:before{
	opacity: 1;
	color: #D8D8D8;
}
#service #main #sec-price .list01 .slick-dots li.slick-active button:before{
	opacity: 1;
	color: #333333;
}

#service #main #sec-price .slick-prev{
	top: calc(100% + 35px);
	left: inherit;
	right: 60px;
	width: 43px;
	height: 43px;
	background: url("../../img/service/top-240203/prev.svg") no-repeat center center / 43px auto;
}
#service #main #sec-price .slick-prev:before{
	content: none;
}
#service #main #sec-price .slick-next{
	top: calc(100% + 35px);
	right: 10px;
	width: 43px;
	height: 43px;
	background: url("../../img/service/top-240203/next.svg") no-repeat center center / 43px auto;
}
#service #main #sec-price .slick-next:before{
	content: none;
}

@media (min-width: 738px){
	#service #main #sec-price{
		padding: 80px 0;
	}
	#service #main #sec-price .list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#service #main #sec-price .list .list-item{
		width: calc(100% / 2 - 20px);
	}
	#service #main #sec-price .list01{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
  #service #main #sec-price .list .list-item .catch{
    font-size: 18px;
  }
  #service #main #sec-price .list .list-item .box .flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 20px;
  }
  #service #main #sec-price .list .list-item .box table{
    width: 58%;
  }
  #service #main #sec-price .list .list-item .box .features{
    width: 42%;
    margin: 0;
  }
	#service #main #sec-price .list01 .list-item{
		width: calc(100% / 3 - 20px);
	}
	#service #main #sec-price .list .list-item .box .btn a{
		transition: 0.3s;
	}
	#service #main #sec-price .list .list-item .box .btn a:hover{
		opacity: 0.6;
	}
}



/* sec-pack
========================================= */
#service #main #sec-pack{
	background: var(--color_blue);
	padding: 60px 0;
}
#service #main #sec-pack .inner{
	width: 100%;
}
#service #main #sec-pack h2{
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	margin: 0 0 30px;
	color: #fff;
}
#service #main #sec-pack h2 span{
	font-size: 40px;
	color: var(--color_yellow);
}
#service #main #sec-pack .list{}
#service #main #sec-pack .list .list-item{
	background: #fff;
	margin: 60px 10px 10px;
	padding: 60px 30px 30px;
	position: relative;
}
#service #main #sec-pack .list .list-item.item01::before{
	position: absolute;
	left: -10px;
	top: -10px;
	z-index: 10;
	content: '';
	width: 118px;
	height: 118px;
	background: url("../../img/service/top-240203/pack-no1-before.svg") no-repeat center center / 118px auto;
}
#service #main #sec-pack .list .list-item.item01::after{
	position: absolute;
	right: -9px;
	bottom: -9px;
	z-index: 10;
	content: '';
	width: 108px;
	height: 108px;
	background: url("../../img/service/top-240203/pack-no1-after.svg") no-repeat center center / 108px auto;
}

#service #main #sec-pack .list .list-item .pack{
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 11;
	transform: translate(-50%, -50%);
	background: var(--color_gray);
	width: 100px;
	height: 100px;
	border-radius: 50%;
	font-size: clamp(15px, 2.0vw, 16px);
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	padding: 23px 0 0;
	box-sizing: border-box;
}
#service #main #sec-pack .list .list-item .pack span{
	font-size: clamp(36px, 2.0vw, 42px);
	display: block;
	line-height: 1.0;
}
#service #main #sec-pack .list .list-item .txt01{
	text-align: center;
	font-size: clamp(20px, 2.0vw, 22px);
	font-weight: bold;
}
#service #main #sec-pack .list .list-item .txt02{
	text-align: center;
	font-size: clamp(28px, 3.0vw, 30px);
	font-weight: bold;
}
#service #main #sec-pack .list .list-item .txt02 .txt-l{
	font-size: clamp(38px, 5.0vw, 40px);
}
#service #main #sec-pack .list .list-item .txt02 .txt-red{
	color: #E20000;
}
#service #main #sec-pack .list .list-item .txt03{
	text-align: center;
	font-size: clamp(16px, 2.0vw, 18px);
	font-weight: bold;
}
#service #main #sec-pack .list .list-item .txt-price{
	text-align: center;
	font-size: clamp(36px, 3.5vw, 38px);
	font-weight: bold;
	color: #E20000;
	padding: 40px 0 0;
	position: relative;
}
#service #main #sec-pack .list .list-item .txt-price::before{
	position: absolute;
	left: 50%;
	top: 10px;
	transform: translateX(-50%);
	content: '';
	width:0;
	height:0;
	border-style:solid;
	border-width: 24px 40px 0 40px;
	border-color: #C7C7C7 transparent transparent transparent;
}
#service #main #sec-pack .list .list-item .txt-price .span01{
	font-size: clamp(28px, 3.0vw, 30px);
}
#service #main #sec-pack .list .list-item .txt-price .span02{
	font-size: clamp(20px, 2.0vw, 22px);
}

#service #main #sec-pack .slick-dots {
	bottom: -35px;
}
#service #main #sec-pack .slick-dots li{
	margin: 0;
}
#service #main #sec-pack .slick-dots li button:before{
	font-size: 12px;
}
#service #main #sec-pack .slick-dots li button:before{
	opacity: 1;
	color: #D8D8D8;
}
#service #main #sec-pack .slick-dots li.slick-active button:before{
	opacity: 1;
	color: #333333;
}
@media (min-width: 738px){
	#service #main #sec-pack h2{
		margin: 0 0 70px;
	}
	#service #main #sec-pack .list{
		display: flex;
	}
	#service #main #sec-pack .list .list-item{
		width: 31%;
		margin: 0 3% 0 0;
		padding: 60px 20px 20px;
	}
	#service #main #sec-pack .list .list-item:last-child{
		margin: 0;
	}
}


/* sec-comparison
========================================= */
#service #main #sec-comparison{
	padding: 60px 0 0;
}
#service #main #sec-comparison .inner{
	width: 100%;
}
#service #main #sec-comparison h2{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 30px;
}
#service #main #sec-comparison h2 span{
	font-size: 34px;
	color: var(--color_blue);
}
#service #main #sec-comparison .list{
	position: relative;
}
#service #main #sec-comparison .list .slick-track{
	display: flex;
}
#service #main #sec-comparison .list .list-item{
	margin: 0 10px;
	float: none;
	height: inherit;
	background: var(--color_gray);
}
#service #main #sec-comparison .list .list-item .catch{
	background: var(--color_blue);
	color: #fff;
	padding: 15px;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}
#service #main #sec-comparison .list .list-item .text{
	padding: 25px 20px;
	background: var(--color_gray);
}
#service #main #sec-comparison .list .list-item .text .txt01{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 0.75em;
}
#service #main #sec-comparison .list .list-item .text .txt02{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 0.75em;
}
#service #main #sec-comparison .list .list-item .text .txt01 span{
	font-size: 30px;
	color: var(--color_blue);
}
#service #main #sec-comparison .list .list-item .text .txt02 span{
	font-size: 20px;
	color: var(--color_blue);
}
#service #main #sec-comparison .list .list-item .text ul li{
	font-size: 16px;
	position: relative;
	padding: 0 0 0 15px;
}
#service #main #sec-comparison .list .list-item .text ul li::before{
	position: absolute;
	left: 0;
	top: 8px;
	z-index: 10;
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--color_blue);
}
#service #main #sec-comparison .list .list-item .text .box{
	border: 3px solid var(--color_blue);
	background: #fff;
	margin: 20px 0 0;
	padding: 20px 5px;
}
#service #main #sec-comparison .list .list-item .text .box ul{
	padding: 0 15px;
}

#service #main #sec-comparison .slick-prev{
	left: inherit;
	z-index: 10;
	right: 100px;
	width: 43px;
	height: 43px;
	background: url("../../img/service/top-240203/prev01.svg") no-repeat center center / 43px auto;
	transform: translate(0, 0);
}
#service #main #sec-comparison .slick-prev:before{
	content: none;
}
#service #main #sec-comparison .slick-next{
	right: 50px;
	width: 43px;
	height: 43px;
	background: url("../../img/service/top-240203/next01.svg") no-repeat center center / 43px auto;
	transform: translate(0, 0);
}
#service #main #sec-comparison .slick-next:before{
	content: none;
}

@media (min-width: 738px){
	#service #main #sec-comparison{
		padding: 80px 0 100px;
	}
	#service #main #sec-comparison .list{
		display: flex;
		justify-content: space-between;
	}
	#service #main #sec-comparison .list .list-item{
		width: calc(100% / 2 - 20px);
	}
}



/* sec-case
========================================= */
#service #main #sec-case{
	padding: 60px 0;
}
#service #main #sec-case .inner{
	width: 100%;
}
#service #main #sec-case h2{
	text-align: center;
	font-size: clamp(21px, 2.0vw, 34px);
	font-weight: bold;
	margin: 0 0 30px;
	color: var(--color_blue);
}
#service #main #sec-case .msg{
	font-size: clamp(15px, 2.0vw, 16px);
	margin: 0 0 20px;
}
#service #main #sec-case .list{}
#service #main #sec-case .list .list-item{
	margin: 0 10px;
}
#service #main #sec-case .list .list-item .text{
	padding: 40px 0 0;
}
#service #main #sec-case .list .list-item .text .date{
	font-size: clamp(15px, 2.0vw, 16px);
	font-weight: bold;
}
#service #main #sec-case .list .list-item .text .txt01{
	font-size: clamp(15px, 2.0vw, 16px);
}
#service #main #sec-case .slick-dots {
	bottom: 0;
}
#service #main #sec-case .slick-dots li{
	margin: 0;
}
#service #main #sec-case .slick-dots li button:before{
	font-size: 12px;
}
#service #main #sec-case .slick-dots li button:before{
	opacity: 1;
	color: #D8D8D8;
}
#service #main #sec-case .slick-dots li.slick-active button:before{
	opacity: 1;
	color: #333333;
}
@media (min-width: 738px){
	#service #main #sec-case{
		padding: 80px 0;
	}
	#service #main #sec-case .list{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#service #main #sec-case .list .list-item{
		width: calc(100% / 3 - 20px);
		margin: 0 0 20px;
	}
	#service #main #sec-case .list .list-item .text{
		padding: 20px 0;
	}
}


/* sec-movie
========================================= */
#service #main #sec-movie{
	padding: 60px 0;
	background: var(--color_blue);
}
#service #main #sec-movie .inner{
	width: 100%;
}
#service #main #sec-movie .list{}
#service #main #sec-movie .list .list-item{}
#service #main #sec-movie .list .list-item .youtube {
	width: 100%;
	padding: 0 10px;
	aspect-ratio: 16 / 9;
	box-sizing: border-box;
}
#service #main #sec-movie .list .list-item .youtube iframe {
  width: 100%;
  height: 100%;
}
#service #main #sec-movie h2{
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	margin: 0 0 30px;
	color: #fff;
}
#service #main #sec-movie .slick-dots {
	bottom: 0;
}
#service #main #sec-movie .slick-dots li{
	margin: 0;
}
#service #main #sec-movie .slick-dots li button:before{
	font-size: 12px;
}
#service #main #sec-movie .slick-dots li button:before{
	opacity: 1;
	color: #D8D8D8;
}
#service #main #sec-movie .slick-dots li.slick-active button:before{
	opacity: 1;
	color: #333333;
}
#service #main #sec-movie .btn{
	width: 90%;
	margin: 45px auto 0;
}
#service #main #sec-movie .btn a{
	background: url("../../img/service/top-240203/icon-arrow.svg") no-repeat right 10px center / 8px auto , #333;
	color: #fff;
	display: block;
	padding: 10px;
	font-size: clamp(16px, 2.0vw, 18px);
	font-weight: bold;
	text-align: center;
}
#service #main #sec-movie .slick-dots {
	bottom: -30px;
}
#service #main #sec-movie .slick-dots li{
	margin: 0;
}
#service #main #sec-movie .slick-dots li button:before{
	font-size: 12px;
}
#service #main #sec-movie .slick-dots li button:before{
	opacity: 1;
	color: #D8D8D8;
}
#service #main #sec-movie .slick-dots li.slick-active button:before{
	opacity: 1;
	color: #333333;
}

#service #main #sec-movie .slick-prev {
	left: -50px;
	width: 43px;
	height: 43px;
	background: url("../../img/service/top-240203/prev02.svg") no-repeat center center / 43px auto;
	transition: 0.3s;
}
#service #main #sec-movie .slick-prev::before{
	content: none;
}
#service #main #sec-movie .slick-next {
	right: -50px;
	width: 43px;
	height: 43px;
	background: url("../../img/service/top-240203/next02.svg") no-repeat center center / 43px auto;
	transition: 0.3s;
}
#service #main #sec-movie .slick-next::before{
	content: none;
}
#service #main #sec-movie .slick-prev:hover,
#service #main #sec-movie .slick-next:hover{
	opacity: 0.6;
}

@media (min-width: 738px){
	#service #main #sec-movie .btn{
		max-width: 400px;
		width: 100%;
		margin: 45px auto 0;
		background: #fff;
	}
	#service #main #sec-movie .btn a{
		transition: 0.3s;
	}
	#service #main #sec-movie .btn a:hover{
		opacity: 0.6;
	}
}

/* qa
========================================= */
#service #qa h2{
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	margin: 0 0 30px;
	color: var(--color_blue);
}




/*** ------------------------------------------------------------------------------ 

スクロールアニメーション

-----------------------------------------------------------------------------  ***/

/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
@media (min-width: 738px){
	#service .scroll_up {
	  transition: 0.8s ease-in-out;
	  transform: translateY(30px);
	  opacity: 0;
	}
	#service .scroll_up.on {
	  transform: translateY(0);
	  opacity: 1.0;
	}
}
@media (max-width: 737px){
	#service .scroll_up_sp{
	  transition: 0.8s ease-in-out;
	  transform: translateY(30px);
	  opacity: 0;
	}
	#service .scroll_up_sp.on {
	  transform: translateY(0);
	  opacity: 1.0;
	}	
}

#service .timing02 {transition-delay: .2s;}
#service .timing03 {transition-delay: .4s;}
#service .timing04 {transition-delay: .6s;}
#service .timing05 {transition-delay: .8s;}
#service .timing06 {transition-delay: 1.0s;}




/* .bn
========================================= */
#service #main .bn{
  max-width: 1000px;
  width: 90%;
  margin: 0 auto 60px;
}
@media (max-width: 737px){
}


/* .guard-glaze
========================================= */
.service#material .sec-guard-glaze .movie{
	margin: 70px auto;
}
.service#material .sec-guard-glaze .box1 .img{
	max-width: 400px;
}
.service#material .sec-guard-glaze .box2{
	margin: 30px auto 0;
}
.service#material .sec-guard-glaze .box2 .img{
	max-width: 400px;
	min-width: 400px;
}
.service#material .sec-guard-glaze .list .list-item .txt-01{
	font-size: 14px;
	margin: 0 0 1.5em;
}
.service#material .sec-guard-glaze .list .list-item .txt-01 span{
	font-size: 20px;
	font-weight: bold;
}
.service#material .sec-guard-glaze .list02{
	display: flex;
	flex-wrap: wrap;
	max-width: 840px;
	margin: 40px auto 20px;
}
.service#material .sec-guard-glaze .list02 .list02-item{
	width: 48%;
	margin: 0 4% 4% 0
}
.service#material .sec-guard-glaze .list02 .list02-item:nth-child(2n){
	margin: 0 0 4% 0
}
.service#material .sec-guard-glaze .list02 .list02-item .txt-02{
	font-size: 14px;
	margin: 20px 0 0;
}
@media (max-width: 737px){
	.service#material .sec-guard-glaze .movie{
		margin: 35px auto;
	}
	.service#material .sec-guard-glaze .box1 .img{
		max-width: 100%;
		margin: 20px 0 0;
		text-align: center;
	}
	.service#material .sec-guard-glaze .box2{
		margin: 20px auto 0;
	}
	.service#material .sec-guard-glaze .box2 .img{
		max-width: 100%;
		min-width: 100%;
		text-align: center;
	}
	.service#material .sec-guard-glaze .list02{
		display: block;
		margin: 20px auto 10px;
	}
	.service#material .sec-guard-glaze .list02 .list02-item{
		width: 100%;
		margin: 0 auto 30px;
	}
	.service#material .sec-guard-glaze .list02 .list02-item:nth-child(2n){
		margin: 0 auto 30px;
	}
}


/** 24.11.28 追記　**/
.service #access {
  padding: 0 0 120px;
  box-sizing: border-box;
  position: relative;
}
.service #access .inner p{
  text-align: center;
  font-size: 16px;
  line-height: 1.8;
}
.service .conts.wash .menu {
  border: solid 2px #000000;
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.service .conts.wash .menu li {
  box-sizing: border-box;
  width: calc(100% / 3);
  text-align: center;
  box-sizing: border-box;
  border-right: solid 2px #222831;
}
.service .conts.wash .menu li .txt01 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
  padding: 5px 0;
  box-sizing: border-box;
  min-height: 130px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  background-color: #222831;
  color: #fff;
  position: relative;
}
.service .conts.wash .menu li .txt01:after {
  content: "";
  width: 2px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: -2px;
}
.service .conts.wash .menu li:last-child {
  border-right: none;
}
.service .conts.wash .menu li:last-child .txt01:after {
  display: none;
}
.service .conts.wash .menu li .price {
  font-size: 40px;
  line-height: 1;
  color: #0092ca;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  min-height: 140px;
}
.service .conts.wash .menu li .price span {
  font-size: 20px;
  vertical-align: baseline;
  display: contents;
}
.service .conts.wash .menu li .price strong {
  font-size: 15px;
  line-height: 1.2;
  font-weight: bold;
  display: block;
  color: #e20000;
  text-align: left;
  padding: 10px 10px 0;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",
    "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.service .conts.wash .notes {
  padding: 20px;
  background-color: #fff;
  font-size: 14px;
  line-height: 1.6;
}
.service .conts.wash .notes strong {
  display: block;
  font-size: 16px;
}
.service#wash .contents {
  padding-top: 80px;
}
.service#wash .contents .inner .box1 {
  background-color: #f1f3f6;
  padding: 50px 30px;
  margin-bottom: 80px;
}
.service#wash .contents .inner .box1 .feature .midashiBox {
  text-align: center;
  margin-bottom: 30px;
}
.service#wash .contents .inner .box1 .feature .midashiBox .txt01 {
  font-size: 34px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.2;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
}
.service#wash .contents .inner .box1 .feature .midashiBox .txt02 {
  font-size: 16px;
  margin-bottom: 10px;
}
.service#wash .contents .inner .box1 .feature .midashiBox .txt03 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.service#wash .contents .inner .box1 .feature .in {
  display: flex;
}
.service#wash .contents .inner .box1 .feature .in .img {
  min-width: 380px;
  margin-right: 40px;
}
.service#wash .contents .inner .box1 .feature .in .txtbox .txt01 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.service#wash .contents .inner .box1 .feature .in .txtbox .txt01 span {
  display: inline-block;
  font-size: 14px;
  margin-left: 20px;
}
.service#wash .contents .inner .box1 .feature .in .txtbox ul {
  display: flex;
  flex-wrap: wrap;
}
.service#wash .contents .inner .box1 .feature .in .txtbox ul li {
  border: solid 1px #0092ca;
  background-color: #fff;
  color: #0092ca;
  padding: 10px 0;
  font-size: 15px;
  line-height: 1.2;
  font-weight: bold;
  box-sizing: border-box;
  width: 31%;
  margin: 0 2% 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.service#wash .contents .inner .box1 .feature .more-btn {
  max-width: 480px;
  width: 94%;
  margin: 30px auto 0;
}
.service#wash .contents .inner .box1 .feature .more-btn a {
  background-color: #222831;
  font-weight: bold;
  color: #fff;
  padding: 15px 0;
}
.service#wash .contents .inner .box1 .feature .more-btn a:hover {
  background-color: #0092ca;
}
.service#wash .contents .inner .box1 .flow {
  margin-top: 50px;
}
.service#wash .contents .inner .box1 .flow .midashi {
  font-size: 24px;
  line-height: 1.2;
  font-weight: bold;
  border-bottom: solid 1px #000;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.service#wash .contents .inner .box1 .flow ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.service#wash .contents .inner .box1 .flow ul li {
  width: calc(100% / 3 - 15px);
  margin-bottom: 4%;
  position: relative;
}
.service#wash .contents .inner .box1 .flow ul li:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 20px;
  border-color: transparent transparent transparent #222831;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
}
.service#wash .contents .inner .box1 .flow ul li:nth-child(3n):after {
  display: none;
}
.service#wash .contents .inner .box1 .flow ul li strong {
  position: absolute;
  display: inline-block;
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
  color: #fff;
  background-color: #222831;
  top: 0;
  left: 0;
  padding: 5px 8px;
}
.service#wash .contents .inner .pure {
  margin-bottom: 80px;
}
.service#wash .contents .inner .pure .midashi {
  background-color: #f1f3f6;
  font-size: 30px;
  line-height: 1.2;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 40px;
}
.service#wash .contents .inner .pure .in {
  display: flex;
  font-size: 14px;
  line-height: 1.8;
}
.service#wash .contents .inner .pure .in .img {
  min-width: 480px;
  margin: 0 0 0 40px;
}
.service#wash .contents .inner .value .midashi {
  font-size: 24px;
  line-height: 1.2;
  font-weight: bold;
  border-bottom: solid 1px #000;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.service#wash .contents .inner .value ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.service#wash .contents .inner .value ul li {
  width: 48%;
}
.service#wash .contents .inner .value ul li .txtBox .txt01 {
  font-size: 24px;
  line-height: 1.4;
  font-weight: bold;
  margin: 20px 0 10px;
}
.service#wash .contents .inner .value ul li .txtBox .price {
  font-size: 24px;
  line-height: 1.4;
  font-weight: bold;
  color: #0092ca;
  margin: 0 0 10px;
}
.service#wash .contents .inner .value ul li .txtBox .txt02 {
  font-size: 14px;
  line-height: 1.8;
  padding: 15px;
  background-color: #f1f3f6;
}
.service#wash .contents .inner .value ul li .more-btn {
  width: 90%;
  margin: 30px auto 0;
}
.service#wash .contents .inner .value ul li .more-btn a {
  background-color: #222831;
  font-weight: bold;
  color: #fff;
  padding: 15px 0;
}
.service#wash .contents .inner .value ul li .more-btn a:hover {
  background-color: #0092ca;
}
.service#wash #shoplist > .more-btn {
  max-width: 480px;
  width: 94%;
  margin: 60px auto 0;
}
.service#wash #shoplist > .more-btn a {
  background-color: #222831;
  font-weight: bold;
  color: #fff;
  padding: 15px 0;
}
.service#wash #shoplist > .more-btn a:hover {
  background-color: #0092ca;
}
@media (max-width: 820px) {
  .service .conts.wash .menu {
    border: solid 1px #000000;
    border-bottom: none;
    display: block;
  }
  .service .conts.wash .menu li {
    border-right: none;
    border-bottom: solid 1px #000000;
    width: 100%;
  }
  .service .conts.wash .menu li .txt01 {
    padding: 10px 0;
    font-size: 18px;
    min-height: auto;
    display: block;
  }
  .service .conts.wash .menu li .txt01:after {
    display: none;
  }
  .service .conts.wash .menu li .price {
    padding: 10px 0;
    display: block;
    min-height: auto;
  }
  .service .conts.wash .menu li .price span {
    font-size: 18px;
  }
  .service .conts.wash .menu li .price strong {
    font-size: 13px;
  }
  .service#wash .contents .inner .pure {
    margin-bottom: 50px;
  }
  .service#wash .contents .inner .pure .midashi {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .service#wash .contents .inner .pure .in {
    display: block;
  }
  .service#wash .contents .inner .pure .in .img {
    min-width: auto;
    margin: 20px 0 0;
  }
  .service#wash .contents .inner .value .midashi {
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .service#wash .contents .inner .value ul {
    display: block;
  }
  .service#wash .contents .inner .value ul li {
    width: 100%;
    margin-bottom: 30px;
  }
  .service#wash .contents .inner .value ul li .txtBox .txt01 {
    font-size: 16px;
    margin: 20px 0 10px;
  }
  .service#wash .contents .inner .value ul li .txtBox .price {
    font-size: 24px;
    line-height: 1.4;
    font-weight: bold;
    color: #0092ca;
    margin: 0 0 10px;
  }
  .service#wash .contents .inner .value ul li .txtBox .txt02 {
    font-size: 14px;
    line-height: 1.8;
    padding: 15px;
    background-color: #f1f3f6;
  }
  .service#wash .contents .inner .value ul li .more-btn {
    margin: 20px auto 0;
  }
}
@media (max-width: 737px){
  .service #access {
    padding: 0 0 60px;
  }
  .service #access .inner p{
    font-size: 14px;
  }
}

/* 250311 sec-case2
========================================= */
#service #main #sec-case2{
  padding: 80px 0 100px;
}
#service #main #sec-case2 .inner{
}
#service #main #sec-case2 h2{
  text-align: center;
  font-size: 34px;
  color: var(--color_blue);
  font-weight: bold;
  margin: 0 0 30px;
}
#service #main #sec-case2 h4 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  padding: 10px;
  background-color: #0092ca;
  color: #fff;
  margin: 0 0 20px;
}
#service #main #sec-case2 .text {
  font-size: 16px;
  line-height: 1.8;
  margin: 0 0 20px;
}
#service #main #sec-case2 .list{
  margin: 50px 0 80px;
}
#service #main #sec-case2 .list .midashi{
  text-align: center;
  font-size: 34px;
  margin-bottom: 30px;
  line-height: 1.6;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
}
#service #main #sec-case2 .list .box .ba{
  max-width: 700px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  margin: 0 auto 30px;
}
#service #main #sec-case2 .list .box .ba:last-of-type{
  margin-bottom: 0;
}
#service #main #sec-case2 .list .box .ba li{
  width: 46%;
  position: relative;
}
#service #main #sec-case2 .list .box .ba li:first-child:after{
  content: '';
  position: absolute;
  top: 50%;
  right: -12%;
  transform: translateY(-50%);
  border-top: 1vw solid transparent;
  border-left: 1vw solid #0092ca;
  border-bottom: 1vw solid transparent;
}
#service #main #sec-case2 .list .box .ba li .txt{
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  color: #0092ca;
  margin: 0 0 10px;
}
@media (max-width: 737px){
  #service #main #sec-case2{
    padding: 60px 0;
  }
  #service #main #sec-case2 h4 {
    font-size: 16px;
    margin: 0 0 10px;
  }
  #service #main #sec-case2 .text {
    font-size: 14px;
  }
  #service #main #sec-case2 .list{
    margin: 30px 0 50px;
  }
  #service #main #sec-case2 .list .midashi{
    font-size: 20px;
    margin-bottom: 20px;
  }
  #service #main #sec-case2 .list .box .ba{
    max-width: 700px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin: 0 auto 20px;
  }
  #service #main #sec-case2 .list .box .ba li{
    width: 47%;
  }
  #service #main #sec-case2 .list .box .ba li:first-child:after{
    right: -9%;
    border-top: 2vw solid transparent;
    border-left: 2vw solid #0092ca;
    border-bottom: 2vw solid transparent;
  }
  #service #main #sec-case2 .list .box .ba li .txt{
    font-size: 16px;
  }
}

/* 250402 店長インタビュー
========================================= */
#interview #main {
  padding-bottom: 100px;
}
#interview #mv {
  background-image: url(../../img/service/clearguard/main.jpg);
}
#interview h3{
  font-size: 42px;
  line-height: 1.2;
}
#interview h3 br {
  display: none;
}
@media only screen and (max-width: 737px) {
  #interview #main {
    padding-bottom: 10px;
  }
  #interview h3{
    font-size: 32px;
  }
  #interview h3 br {
    display: block;
  }
}
#interview .box1 {
  margin-bottom: 40px;
}
#interview .box1 .txt01 {
  text-align: center;
  margin: 30px 0 40px;
  font-size: 18px;
  line-height: 1.8;
}
#interview .box1 .txt01 strong {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 20px;
  display: block;
}
#interview h4 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 20px;
  padding: 10px;
  background-color: #0092ca;
  color: #fff;
}
#interview .list li{
  margin-bottom: 60px;
}
#interview .list li .flex{
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  align-items: flex-start;
}
#interview .list li:nth-child(even) .flex{
  flex-flow: row-reverse;
}
#interview .list li .flex .img{
  min-width: 400px;
  width: 400px;
}
#interview .list li .flex .txt{
  width: calc(100% - 430px);
  font-size: 14px;
  line-height: 1.8;
}
@media only screen and (max-width: 737px) {
  #interview .box1 .txt01 {
    margin: 20px 0 30px;
    font-size: 16px;
  }
  #interview .box1 .txt01 strong {
    font-size: 20px;
    margin: 0 0 10px;
  }
  #interview h4 {
    font-size: 16px;
    margin: 0 0 10px;
  }
  #interview .list li{
    margin-bottom: 30px;
  }
  #interview .list li .flex{
    display: block;
  }
  #interview .list li .flex .img{
    min-width: auto;
    width: 100%;
    margin: 0 auto 10px;
  }
  #interview .list li .flex .txt{
    width: 100%;
  }
}