@charset "UTF-8";
/* Reset */
/*-----------------------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
html {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  width: auto !important;
  width: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
  overflow: auto; }

body {
  margin: 0;
  padding: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: "Noto Sans JP", "游ゴシック", "YuGothic", sans-serif;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.05em;
  vertical-align: baseline;
  color: #333;
  box-sizing: padding-box;
  border: 0;
  outline: 0;
  overflow: hidden;
  word-break: break-all;
  font-feature-settings: "palt";
  	/*display: flex;
    min-height: 100vh;
  	flex-direction: column;*/ }

:root {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  outline: 0;
  font-size: 1.6rem;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px; }

a {
  text-decoration: none;
  color: #000000; }
  a.decoration {
    text-decoration: underline; }
    a.decoration:visited, a.decoration:focus, a.decoration:active {
      text-decoration: underline;
      outline: 0; }
  a:visited, a:focus, a:active {
    text-decoration: none;
    color: #000000;
    outline: 0; }

/* clearfix */
/*-----------------------------------------------*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

* html .clearfix {
  zoom: 1; }

*:first-child + html .clearfix {
  zoom: 1; }

img {
  max-width: 100%;
  vertical-align: bottom;
  transition: all .25s ease-out;
  /*a &:hover {
  	filter:alpha(opacity=80);
  	-moz-opacity: 0.8;
  	opacity: 0.8;
  }*/ }
  img .centerize {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block; }

.centerize {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.center {
  text-align: center !important; }

.right {
  text-align: right !important; }

.left {
  text-align: left !important; }

.rightBox {
  float: right !important; }

.leftBox {
  float: left !important; }

.clear {
  clear: both; }

.bold {
  font-weight: bold !important; }

.noline {
  border: none !important; }

.hide {
  display: none !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb70 {
  margin-bottom: 70px !important; }

@media screen and (min-width: 768px) {
  .mb10 {
    margin-bottom: 15px !important; }

  .mb20 {
    margin-bottom: 30px !important; }

  .mb30 {
    margin-bottom: 50px !important; }

  .mb50 {
    margin-bottom: 70px !important; }

  .mb70 {
    margin-bottom: 100px !important; } }
.bold {
  font-weight: bold !important; }

.noline {
  border: none !important; }

.hide {
  display: none !important; }

.f20 {
  font-size: 2rem !important; }

@media screen and (max-width: 767px) {
  .onlyPc {
    display: none; } }
@media screen and (min-width: 768px) {
  .onlySp {
    display: none; } }
.switch {
  visibility: hidden; }

/*-----------------------------------------------*/
/* Reset */
#rc-anchor-alert {
  display: none !important; }

p:empty {
  display: none; }

#container {
  overflow: hidden;
  position: relative;
  background: #FFFFFF; }

/* ----------------------------------------
	#heading
---------------------------------------- */
#heading {
  position: relative;
  margin: 0 auto;
  padding: 0;
  height: 60px;
  width: 100%;
  background: white;
  z-index: 3; }
  @media screen and (min-width: 768px) {
    #heading {
      height: 90px;
      background: rgba(255, 255, 255, 0.8);
      /*position: absolute;
      top:0;
      left:0;*/ } }
  #heading .inner {
    position: relative;
    max-width: 1200px;
    width: 100%;
    margin: 0px auto; }
    @media screen and (min-width: 768px) {
      #heading .inner {
        height: 90px; } }
  #heading h1 {
    position: absolute;
    top: 2px;
    left: 3%;
    font-size: 0.9rem; }
    @media screen and (min-width: 768px) {
      #heading h1 {
        font-size: 1.1rem;
        left: 10px; } }
  #heading .logo {
    width: 180px;
    padding: 18px 0 0 3%; }
    @media screen and (min-width: 768px) {
      #heading .logo {
        float: left;
        width: 30%;
        padding: 27px 0 0 10px;
        text-align: left; } }
    #heading .logo img {
      width: 100%; }
      @media screen and (min-width: 768px) {
        #heading .logo img {
          max-width: 250px; } }

.head_sub {
  background: #ffffff; }

@media screen and (min-width: 768px) {
  #nav_global {
    padding-left: 33%; }
    #nav_global ul {
      width: 100%;
      margin: auto;
      display: flex;
      justify-content: space-between;
      border-right: 1px solid #E5E5E5; }
      #nav_global ul li {
        width: 25%; }
        #nav_global ul li a {
          height: 90px;
          font-size: 1.6rem;
          line-height: 1.0;
          /*background: #FFFFFF;*/
          border-left: 1px solid #E5E5E5;
          transition: all .25s ease-out;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          align-items: center;
          -webkit-justify-content: center;
          justify-content: center;
          color: #5a5641; }
          #nav_global ul li a:hover {
            background: #FFFFFF; }
        #nav_global ul li.reserv a {
          background: #f29938;
          font-size: 1.8rem;
          color: #FFFFFF; }
          #nav_global ul li.reserv a:hover {
            background: #eb7c14; } }
@media screen and (max-width: 767px) {
  #nav_global ul li {
    display: none; }
    #nav_global ul li.reserv {
      position: absolute;
      top: 0;
      right: 0;
      display: block; }
      #nav_global ul li.reserv a {
        height: 60px;
        padding: 10px;
        background: #f29938;
        color: #FFFFFF;
        font-size: 1.2rem;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center; } }

.subTitle {
  width: 100%;
  padding: 15px 10px;
  font-size: 2.0rem;
  font-weight: bold;
  color: #333333;
  text-align: center;
  z-index: 7; }
  @media screen and (min-width: 768px) {
    .subTitle {
      padding: 30px 10px;
      font-size: 2.8rem; } }

/* ----------------------------------------
	#visual
---------------------------------------- */
#visual {
  position: relative; }
  #visual img {
    width: 100%; }
  #visual ul.lp_slider li img {
    width: 100%; }

/* ----------------------------------------
	#content
---------------------------------------- */
#content {
  margin: 0 auto;
  width: 100%; }
  #content .inner {
    margin: 0 auto;
    padding: 0 5%;
    max-width: 1200px; }
    @media screen and (min-width: 768px) {
      #content .inner {
        padding: 0 20px; } }
  #content section,
  #content div.group {
    position: relative;
    padding: 40px 0; }
    @media screen and (min-width: 768px) {
      #content section,
      #content div.group {
        padding: 90px 0; } }
  #content section.last,
  #content div.group.last {
    margin-bottom: 0; }
  #content section:after,
  #content div.group:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden; }
  #content h2.title {
    margin: 0 0 20px;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.4;
    text-align: center; }
    @media screen and (min-width: 768px) {
      #content h2.title {
        margin: 0 0 50px;
        font-size: 3rem; } }

/*---------- #dekirukoto ----------*/
#dekirukoto {
  border-top: 3px solid #f29938;
  background: #f9f6ee;
  padding-top: 0px !important; }
  #dekirukoto .titArea {
    text-align: center;
    margin-bottom: 30px; }
    #dekirukoto .titArea h2.dekirukotoTit {
      position: relative;
      padding: 10px;
      font-size: 1.8rem;
      background: #f29938;
      margin-bottom: 20px;
      z-index: 4;
      color: #ffffff;
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        #dekirukoto .titArea h2.dekirukotoTit {
          font-size: 3.0rem;
          padding: 15px 20px;
          margin-bottom: 50px; } }
      #dekirukoto .titArea h2.dekirukotoTit .arrow {
        position: absolute;
        bottom: -13px;
        left: 0;
        right: 0;
        width: 30px;
        height: 30px;
        margin: auto;
        text-align: center;
        text-decoration: none;
        background: #f29938;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
        @media screen and (min-width: 901px) {
          #dekirukoto .titArea h2.dekirukotoTit .arrow {
            width: 50px;
            height: 50px;
            bottom: -18px; } }
      #dekirukoto .titArea h2.dekirukotoTit span {
        font-weight: bold; }
      #dekirukoto .titArea h2.dekirukotoTit span.show {
        padding-right: 5px;
        font-size: 2.5rem; }
        @media screen and (min-width: 768px) {
          #dekirukoto .titArea h2.dekirukotoTit span.show {
            font-size: 4.5rem; } }
      #dekirukoto .titArea h2.dekirukotoTit span.dekiru {
        padding-left: 5px;
        font-size: 2.5rem; }
        @media screen and (min-width: 768px) {
          #dekirukoto .titArea h2.dekirukotoTit span.dekiru {
            font-size: 4.5rem; } }
  #dekirukoto .dekiruList_ol {
    margin: 0px auto;
    margin-bottom: 30px; }
    @media screen and (max-width: 900px) {
      #dekirukoto .dekiruList_ol {
        max-width: 550px;
        margin: 0px auto; } }
    @media screen and (min-width: 901px) {
      #dekirukoto .dekiruList_ol {
        display: flex;
        justify-content: space-between;
        margin-bottom: 80px; } }
    #dekirukoto .dekiruList_ol .item {
      text-align: center; }
      @media screen and (max-width: 900px) {
        #dekirukoto .dekiruList_ol .item {
          margin-bottom: 40px; } }
      @media screen and (min-width: 901px) {
        #dekirukoto .dekiruList_ol .item {
          width: 48%; } }
      #dekirukoto .dekiruList_ol .item img {
        width: 100%;
        border-radius: 5px; }
      #dekirukoto .dekiruList_ol .item .photo {
        margin-bottom: 20px;
        position: relative; }
      #dekirukoto .dekiruList_ol .item .text {
        font-weight: bold;
        font-size: 2.0rem;
        line-height: 1.2;
        width: 90%;
        margin: 0px auto; }
        @media screen and (min-width: 768px) {
          #dekirukoto .dekiruList_ol .item .text {
            font-size: 2.4rem; } }
        #dekirukoto .dekiruList_ol .item .text span {
          background: #EC3B3E;
          font-weight: bold;
          font-size: 1.6rem;
          display: inline-block;
          padding: 7px 10px;
          color: #ffffff;
          margin-top: 10px;
          border-radius: 30px; }
          @media screen and (min-width: 768px) {
            #dekirukoto .dekiruList_ol .item .text span {
              font-size: 2.0rem; } }
  #dekirukoto .kangei {
    position: relative;
    padding: 2rem 1rem calc(2rem + 20px);
    background: #F8F4B6;
    text-align: center;
    color: #FF5F00;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 2.4rem;
    line-height: 1.2; }
    @media screen and (min-width: 901px) {
      #dekirukoto .kangei {
        font-size: 3.5rem;
        margin-bottom: 30px; } }
    #dekirukoto .kangei::before {
      position: absolute;
      top: -7px;
      left: -7px;
      width: 100%;
      height: 100%;
      content: '';
      border: 5px solid #ed7702; }
  #dekirukoto .reserve_btn {
    max-width: 800px;
    margin: 0px auto; }
    @media screen and (max-width: 900px) {
      #dekirukoto .reserve_btn {
        max-width: 500px;
        margin: 0px auto; } }
    #dekirukoto .reserve_btn:hover img {
      opacity: 0.8; }

/*---------- #flyer ----------*/
#flyer {
  padding-top: 0px !important; }
  #flyer .titArea {
    text-align: center;
    margin-bottom: 30px; }
    #flyer .titArea h2.dekirukotoTit {
      position: relative;
      padding: 10px;
      font-size: 1.8rem;
      background: #EC3B3E;
      margin-bottom: 20px;
      z-index: 4;
      color: #ffffff;
      font-weight: bold; }
      @media screen and (min-width: 768px) {
        #flyer .titArea h2.dekirukotoTit {
          font-size: 3.0rem;
          padding: 15px 20px;
          margin-bottom: 50px; } }
      #flyer .titArea h2.dekirukotoTit .arrow {
        position: absolute;
        bottom: -13px;
        left: 0;
        right: 0;
        width: 30px;
        height: 30px;
        margin: auto;
        text-align: center;
        text-decoration: none;
        background: #EC3B3E;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
        @media screen and (min-width: 901px) {
          #flyer .titArea h2.dekirukotoTit .arrow {
            width: 50px;
            height: 50px;
            bottom: -18px; } }
      #flyer .titArea h2.dekirukotoTit span {
        font-weight: bold;
        font-size: 2.5rem; }
        @media screen and (min-width: 768px) {
          #flyer .titArea h2.dekirukotoTit span {
            font-size: 4.5rem; } }
  #flyer .tap {
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      #flyer .tap {
        font-size: 1.4rem; } }
  #flyer ul.flyerList {
    margin-bottom: 30px; }
    @media screen and (max-width: 900px) {
      #flyer ul.flyerList {
        max-width: 550px;
        margin: 0px auto; } }
    @media screen and (min-width: 901px) {
      #flyer ul.flyerList {
        display: flex;
        justify-content: space-between; } }
    #flyer ul.flyerList li {
      border: 1px solid #cccccc; }
      @media screen and (max-width: 900px) {
        #flyer ul.flyerList li {
          margin-bottom: 25px; } }
      @media screen and (min-width: 901px) {
        #flyer ul.flyerList li {
          width: 48%; } }
      #flyer ul.flyerList li img {
        width: 100%; }
  #flyer .reserve_tel_btn {
    max-width: 800px;
    margin: 0px auto; }
    @media screen and (max-width: 900px) {
      #flyer .reserve_tel_btn {
        max-width: 500px;
        margin: 0px auto; } }
    #flyer .reserve_tel_btn:hover img {
      opacity: 0.8; }

/*---------- #lead ----------*/
#lead {
  padding: 0px 0px 0px 0px;
  line-height: 1.8;
  background: #efc75e;
  color: #FFFFFF;
  text-align: center; }
  @media screen and (min-width: 768px) {
    #lead {
      padding: 0px 0px 0px 0px; } }
  #lead .copy {
    position: relative;
    padding: 20px;
    font-size: 1.8rem;
    background: #f29938;
    margin-bottom: 20px;
    z-index: 4; }
    @media screen and (min-width: 768px) {
      #lead .copy {
        font-size: 3.0rem;
        padding: 30px 20px;
        margin-bottom: 30px; } }
    #lead .copy .arrow {
      position: absolute;
      bottom: -20px;
      left: 0;
      right: 0;
      width: 40px;
      height: 40px;
      margin: auto;
      text-align: center;
      text-decoration: none;
      background: #f29938;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      border-radius: 4px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
      @media screen and (min-width: 901px) {
        #lead .copy .arrow {
          width: 50px;
          height: 50px; } }

/*---------- #kaiketu ----------*/
#kaiketu {
  padding: 20px 0px 20px 0px;
  line-height: 1.8;
  background: #f9f6ee;
  text-align: center; }
  @media screen and (min-width: 768px) {
    #kaiketu {
      padding: 50px 0px 50px 0px; } }
  #kaiketu .lead {
    padding: 0 5%; }
    #kaiketu .lead img {
      max-width: 670px;
      width: 100%; }
  #kaiketu ul li {
    background: #fff;
    padding: 25px 15px 15px 15px;
    border-radius: 10px;
    color: #ed7702;
    border: 2px solid #fee2c9;
    margin-bottom: 30px !important; }
    @media screen and (min-width: 768px) and (max-width: 900px) {
      #kaiketu ul li {
        padding: 60px 50px 50px 50px; } }
    @media screen and (min-width: 901px) {
      #kaiketu ul li {
        padding: 50px 50px 40px 50px; } }
    #kaiketu ul li .txt {
      font-weight: 500;
      position: relative; }
      @media screen and (min-width: 901px) {
        #kaiketu ul li .txt {
          font-size: 3.5rem; } }
      #kaiketu ul li .txt span {
        position: absolute;
        left: 0;
        top: -40px;
        background: #f29938;
        color: #ffffff;
        font-size: 2.0rem;
        width: 100px;
        text-align: center;
        border-radius: 50px; }
        @media screen and (min-width: 901px) {
          #kaiketu ul li .txt span {
            top: -70px;
            font-size: 3.0rem;
            width: 200px; } }
    #kaiketu ul li img {
      width: 100% !important;
      border-radius: 7px;
      margin-top: 10px; }
      @media screen and (min-width: 901px) {
        #kaiketu ul li img {
          margin-top: 0px; } }

/*---------- #reason ----------*/
#reason {
  padding: 0px 0px !important;
  padding-bottom: 30px !important;
  line-height: 1.8;
  background: #FFFFFF;
  text-align: center;
  /*.taikan{
  	@include minTabw{
  		display: flex;
  		justify-content: space-between;
  		flex-wrap: wrap;
  	}
  	div{
  		width:100%;
  		margin-bottom: 10px;
  		@include minTabw{
  			width:48%;
  			margin-bottom: 0px;
  		}
  		
  	}
  	img{
  		width:100%;
  		border-radius: 7px;
  	}
  }*/ }
  @media screen and (min-width: 768px) {
    #reason {
      padding-bottom: 90px !important; } }
  #reason h2.reasonTit {
    padding: 20px 5px;
    font-size: 2.0rem;
    background: #D37676;
    margin-bottom: 20px;
    color: #ffffff;
    font-weight: 600; }
    @media screen and (min-width: 768px) {
      #reason h2.reasonTit {
        font-size: 2.0rem;
        padding: 30px 20px;
        margin-bottom: 50px;
        font-size: 3.5rem; } }
  @media screen and (min-width: 901px) {
    #reason .reason_ol {
      display: flex;
      justify-content: space-between; } }
  #reason .reason_ol .txt {
    text-align: left; }
    @media screen and (min-width: 901px) {
      #reason .reason_ol .txt {
        width: 55%; } }
    #reason .reason_ol .txt p {
      margin-bottom: 15px; }
      @media screen and (min-width: 901px) {
        #reason .reason_ol .txt p {
          margin-bottom: 25px; } }
    #reason .reason_ol .txt .point {
      color: #d26161;
      font-weight: 600px; }
    #reason .reason_ol .txt .subtitle {
      color: #d26161;
      font-weight: 500px;
      margin-bottom: 7px;
      font-size: 2.0rem;
      line-height: 1.7; }
  @media screen and (min-width: 901px) {
    #reason .reason_ol .photo {
      width: 43%; } }
  #reason .reason_ol .photo img {
    width: 100%;
    border-radius: 7px;
    margin-top: 15px; }
    @media screen and (min-width: 901px) {
      #reason .reason_ol .photo img {
        margin-top: 0px; } }
  #reason ul li {
    background: #f7f6ee;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 7px; }
    @media screen and (min-width: 768px) {
      #reason ul li {
        padding: 40px 50px 50px 50px;
        margin-bottom: 50px; } }
    #reason ul li .title_reason {
      font-size: 1.8rem;
      font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", Meiryo, serif;
      text-align: center;
      font-weight: 600;
      color: #d26161; }
      @media screen and (min-width: 901px) {
        #reason ul li .title_reason {
          font-size: 2.5rem; } }
      #reason ul li .title_reason span {
        font-size: 3.0rem;
        font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", Meiryo, serif;
        padding-left: 5px; }
        @media screen and (min-width: 901px) {
          #reason ul li .title_reason span {
            font-size: 4.5rem; } }
    #reason ul li .title {
      font-weight: 500;
      font-size: 2.0rem;
      margin-bottom: 15px; }
      @media screen and (min-width: 901px) {
        #reason ul li .title {
          font-size: 3.0rem;
          margin-bottom: 30px; } }

/*---------- .showroom ----------*/
.showroom {
  line-height: 1.8;
  background: url("../images/showroom_bg.png");
  background-color: #fbbd35;
  text-align: center;
  border-top: 10px solid #ffa853;
  padding: 20px 0 40px 0px !important; }
  @media screen and (min-width: 901px) {
    .showroom {
      padding: 40px 0 40px 0px !important; } }
  .showroom h2.showroomTit {
    margin-bottom: 15px;
    font-size: 1.8rem;
    font-weight: 600;
    color: #ffffff; }
    @media screen and (min-width: 768px) {
      .showroom h2.showroomTit {
        margin-bottom: 50px;
        font-size: 4.0rem;
        font-weight: 600; } }
  .showroom .catch {
    margin-bottom: 15px;
    font-size: 1.8rem; }
    @media screen and (min-width: 768px) {
      .showroom .catch {
        margin-bottom: 30px;
        font-size: 3.0rem; } }
  .showroom ul li {
    margin-bottom: 20px;
    background: #ffffff;
    padding: 15px 20px 15px 20px;
    font-weight: 600;
    border-radius: 5px; }
    @media screen and (min-width: 768px) {
      .showroom ul li {
        font-size: 2.0rem;
        font-weight: 600;
        margin-bottom: 70px;
        padding: 15px 20px 15px 20px;
        width: 49%; } }
    .showroom ul li .shopname {
      margin-bottom: 7px; }
      .showroom ul li .shopname span {
        font-size: 2.5rem; }
        @media screen and (min-width: 901px) {
          .showroom ul li .shopname span {
            font-size: 3.0rem; } }
    .showroom ul li img {
      width: 100%;
      margin-bottom: 10px;
      border-radius: 5px; }
  .showroom .quo {
    position: relative;
    background: #ef8a01;
    text-align: center;
    padding: 10px;
    font-size: 1.8rem;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 20px;
    border-radius: 5px;
    padding-left: 50px; }
    @media screen and (min-width: 768px) and (max-width: 900px) {
      .showroom .quo {
        padding: 20px;
        padding-left: 120px;
        font-size: 2.5rem;
        margin-bottom: 50px; } }
    @media screen and (min-width: 901px) {
      .showroom .quo {
        padding: 20px;
        padding-left: 180px;
        font-size: 3.0rem;
        margin-bottom: 50px; } }
    @media screen and (min-width: 1025px) {
      .showroom .quo {
        font-size: 3.5rem; } }
    .showroom .quo img {
      position: absolute;
      left: -5px;
      top: 5px;
      width: 100px; }
      @media screen and (min-width: 768px) and (max-width: 900px) {
        .showroom .quo img {
          left: 15px;
          top: -10px;
          width: 130px; } }
      @media screen and (min-width: 901px) {
        .showroom .quo img {
          left: 25px;
          top: -10px;
          width: 180px; } }
    .showroom .quo .first {
      color: #ffffff;
      font-size: 1.4rem; }
      @media screen and (max-width: 767px) {
        .showroom .quo .first {
          font-size: 1.2rem; } }
  .showroom .btn {
    background: #1497A7;
    text-align: center;
    font-weight: 400;
    border-radius: 65px;
    max-width: 600px;
    width: 80%;
    margin: 0x auto !important;
    margin: auto !important; }
    .showroom .btn a {
      display: block;
      padding: 10px;
      font-size: 1.8rem;
      color: #ffffff;
      width: 100%; }
      @media screen and (min-width: 768px) {
        .showroom .btn a {
          padding: 20px;
          font-size: 3.5rem; } }
      .showroom .btn a:hover {
        background: #067B8A;
        border-radius: 65px; }
      .showroom .btn a::before {
        content: url("../images/lp01/arrow_white.svg");
        display: inline-block;
        background-size: contain;
        width: 20px;
        top: 20%;
        padding-right: 5px; }

/*---------- #plan ----------*/
#plan {
  padding: 20px 0px 20px 0px;
  line-height: 1.8;
  background: #FFFFFF;
  text-align: center;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    #plan {
      padding: 0px 0px 50px 0px;
      margin-bottom: 20px; } }
  #plan .case {
    margin-bottom: 30px;
    border: 1px solid #cccccc;
    padding: 15px; }
    @media screen and (min-width: 768px) {
      #plan .case {
        margin-bottom: 60px;
        padding: 30px; } }
    #plan .case .title {
      background: #333333;
      color: #fff;
      padding: 10px;
      margin-bottom: 15px;
      font-weight: 800; }
      @media screen and (min-width: 768px) {
        #plan .case .title {
          padding: 30px;
          margin-bottom: 20px;
          font-size: 3.0rem; } }
    @media screen and (min-width: 901px) {
      #plan .case .case_ol {
        display: flex;
        justify-content: space-between; } }
    @media screen and (min-width: 901px) {
      #plan .case .case_ol .leftArea {
        width: 70%; } }
    #plan .case .case_ol .leftArea img {
      width: 100%; }
    #plan .case .case_ol .rightArea {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media screen and (min-width: 901px) {
        #plan .case .case_ol .rightArea {
          display: block;
          width: 27%; } }
      @media screen and (max-width: 767px) {
        #plan .case .case_ol .rightArea img {
          width: 49%;
          max-height: 130px;
          object-fit: cover;
          margin-bottom: 15px; } }
      @media screen and (min-width: 901px) {
        #plan .case .case_ol .rightArea img {
          width: 100%;
          margin-bottom: 10px; } }
    #plan .case .case_ol2 ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-bottom: 15px; }
      @media screen and (min-width: 901px) {
        #plan .case .case_ol2 ul {
          margin-bottom: 20px; } }
      #plan .case .case_ol2 ul li {
        width: 33%; }
        @media screen and (min-width: 901px) {
          #plan .case .case_ol2 ul li {
            width: 15%; } }
    #plan .case .price {
      background: #f7f6ee;
      padding: 10px;
      font-weight: 800;
      border: 1px solid #efc75e; }
      @media screen and (min-width: 901px) {
        #plan .case .price {
          padding: 20px;
          font-weight: 800;
          font-size: 2.0rem;
          line-height: 1.2; } }
      #plan .case .price .yen {
        color: #EC3B3E;
        font-size: 2.0rem; }
        @media screen and (min-width: 901px) {
          #plan .case .price .yen {
            font-size: 4.0rem; } }
        #plan .case .price .yen span {
          font-size: 3.5rem; }
          @media screen and (min-width: 901px) {
            #plan .case .price .yen span {
              font-size: 6.5rem; } }

/*---------- .freeTel ----------*/
span.freeTel {
  display: block;
  padding: 5px;
  font-size: 2.4rem;
  line-height: 1;
  color: #FFFFFF; }
  span.freeTel img {
    position: relative;
    top: -3px;
    padding-right: 8px;
    width: 35px; }
  span.freeTel .note {
    display: block;
    padding-top: 8px;
    font-size: 1.3rem;
    font-weight: normal; }
  @media screen and (max-width: 767px) {
    span.freeTel {
      margin-top: 15px;
      padding: 10px 5px;
      border: 1px solid #FFFFFF; } }
  span.freeTel a:link {
    color: #FFFFFF; }

/*---------- .movie ----------*/
.telWrap {
  max-width: 700px;
  width: 100%;
  margin: 15px auto 0;
  background: #0a9e40; }
  @media screen and (max-width: 767px) {
    .telWrap {
      border-radius: 4px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px; } }
  @media screen and (min-width: 768px) {
    .telWrap {
      margin: 20px auto 0; } }
  .sub .telWrap {
    margin-top: 20px; }
    @media screen and (min-width: 768px) {
      .sub .telWrap {
        margin-top: 50px; } }
  .telWrap span {
    display: block;
    margin-bottom: 15px;
    padding: 15px 0 10px;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    color: #FFFFFF; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .telWrap span {
        font-size: 4.0rem; } }
    @media screen and (min-width: 1025px) {
      .telWrap span {
        font-size: 5.0rem; } }
    .telWrap span p {
      margin-bottom: 10px;
      color: #FFFF00; }
    .telWrap span .note {
      margin-top: 10px;
      font-size: 1.2rem;
      font-weight: normal; }
      @media screen and (min-width: 1025px) {
        .telWrap span .note {
          font-size: 1.4rem; } }
  .telWrap img {
    position: relative;
    top: -3px;
    width: 30px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .telWrap img {
        top: -6px;
        width: 50px; } }
    @media screen and (min-width: 1025px) {
      .telWrap img {
        top: -3px;
        width: 75px; } }

/* ----------------------------------------
	#
---------------------------------------- */
/* inner */
.inner1 {
  padding: 50px 15px; }
  @media screen and (min-width: 1025px) {
    .inner1 {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      padding: 100px 0; } }

.inner2 {
  padding: 20px 15px 50px; }
  @media screen and (min-width: 1025px) {
    .inner2 {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      padding: 50px 0 100px; } }

.inner3 {
  padding: 50px 0 0; }
  @media screen and (min-width: 1025px) {
    .inner3 {
      padding: 100px 0 0; } }

.inner4 {
  padding: 30px 15px; }
  @media screen and (min-width: 1025px) {
    .inner4 {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      padding: 70px 0; } }

/* title */
.title1 {
  margin: 0 0 20px;
  font-size: 2.4rem;
  font-weight: bold; }
  @media screen and (min-width: 768px) {
    .title1 {
      margin: 0 0 50px;
      font-size: 3rem; } }

/* text */
@media screen and (min-width: 768px) {
  .txt-change {
    text-align: center; } }

.txt1 {
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center; }

.req {
  padding: 3px 5px;
  background: #842934;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold; }

/* background */
.bg1 {
  background: #ffe100; }

.bg2 {
  background: #0a9e40;
  color: #fff; }

.bg3 {
  background: #dbebf1; }

.bg4 {
  padding: 40px 0;
  background: url(../images/bgimg1.png) no-repeat bottom;
  background-size: cover; }
  @media screen and (min-width: 1025px) {
    .bg4 {
      padding: 100px 0; } }

/* list */
@media screen and (max-width: 900px) {
  .list1 {
    max-width: 600px;
    margin: 0px auto; } }
.list1 li {
  width: 100%;
  margin: 0 0 20px; }
  @media screen and (min-width: 768px) {
    .list1 li {
      margin: 0 0 40px; } }
  @media screen and (min-width: 901px) {
    .list1 li {
      display: flex;
      justify-content: space-between; } }
  .list1 li .txt {
    text-align: left; }
    @media screen and (min-width: 901px) {
      .list1 li .txt {
        width: 55%; } }
  @media screen and (min-width: 901px) {
    .list1 li .photo {
      width: 43%; } }
  .list1 li .photo img {
    width: 100%; }

.list2 li {
  margin: 0 0 20px; }
@media screen and (min-width: 768px) {
  .list2 {
    display: flex;
    justify-content: space-between; }
    .list2 li {
      width: 48%; } }

.list3 li {
  margin: 0 0 20px; }
@media screen and (min-width: 768px) {
  .list3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .list3 li {
      width: 31%;
      margin: 0 0 30px; } }

/* button */
.btn1 a {
  position: relative;
  display: block;
  width: 80%;
  padding: 10px 0;
  margin: 0 auto;
  background: #ffe100;
  color: #333;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  border-radius: 5px; }
  .btn1 a:hover {
    background: #fff19f;
    text-decoration: none;
    color: #333; }
  .btn1 a .quocard {
    position: absolute;
    top: -30px;
    left: -20px; }
    .btn1 a .quocard img {
      width: 80px; }
@media screen and (min-width: 768px) {
  .btn1 a {
    width: 360px;
    padding: 15px 0; } }

/* ----------------------------------------
	#about
---------------------------------------- */
#about {
  background: #dbebf1; }
  #about h2.title {
    color: #1F5CA6; }

/* ----------------------------------------
	#guide
---------------------------------------- */
#guide {
  padding: 0 !important;
  text-align: center; }
  #guide .guideBox {
    position: relative; }
  @media screen and (max-width: 767px) {
    #guide .guide {
      display: none; } }
  @media screen and (min-width: 768px) {
    #guide .guide {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 30%; } }
  #guide span.freeTel {
    display: block;
    margin-bottom: 15px;
    padding: 15px 0 10px;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    color: #FFFFFF;
    border: 1px solid #FFFFFF; }
    @media screen and (min-width: 768px) {
      #guide span.freeTel {
        font-size: 4.0rem;
        border: none; } }
    #guide span.freeTel p {
      margin-bottom: 10px;
      color: #FFFF00; }
    #guide span.freeTel .note {
      margin-top: 10px;
      font-size: 1.2rem;
      font-weight: normal; }
      @media screen and (min-width: 768px) {
        #guide span.freeTel .note {
          font-size: 1.4rem; } }
    #guide span.freeTel img {
      position: relative;
      top: -3px;
      width: 30px; }
      @media screen and (min-width: 768px) {
        #guide span.freeTel img {
          top: -3px;
          width: 50px; } }
  #guide .tel {
    padding-bottom: 15px; }
    #guide .tel span {
      padding: 0 10px; }
      @media screen and (max-width: 767px) {
        #guide .tel span {
          padding: 0;
          display: block; } }

/* ----------------------------------------
	#access
---------------------------------------- */
#model {
  background: #dbebf1; }

/* ----------------------------------------
	#access
---------------------------------------- */
#access {
  padding-bottom: 0 !important; }
  #access .add {
    padding-bottom: 30px;
    font-weight: bold;
    text-align: center; }
  #access #gMap iframe {
    display: block;
    width: 100%;
    height: 300px; }
    @media screen and (min-width: 768px) {
      #access #gMap iframe {
        height: 500px; } }

/* ----------------------------------------
	#reserv
---------------------------------------- */
#reserv {
  padding: 50px 0 60px !important;
  background: #F1EEE8;
  text-align: center; }
  @media screen and (min-width: 768px) {
    #reserv {
      padding: 100px 0 120px !important; } }
  #reserv.sub {
    padding-top: 30px; }
    @media screen and (min-width: 768px) {
      #reserv.sub {
        padding-top: 50px; } }
  #reserv .remarks {
    display: inline-block;
    margin-bottom: 20px;
    padding: 10px 20px;
    background: #FFFFFF;
    border: 1px dashed #e60012; }
    @media screen and (min-width: 768px) {
      #reserv .remarks {
        margin-bottom: 50px; } }
    #reserv .remarks p {
      position: relative;
      text-align: left;
      font-size: 1.4rem;
      margin: 5px 0;
      padding-left: 20px; }
      #reserv .remarks p::before {
        content: url("../images/lp01/arrow_red.svg");
        display: inline-block;
        background-size: contain;
        width: 10px;
        top: 20%;
        padding-right: 5px; }
  #reserv .note {
    font-size: 1.3rem;
    margin-top: 5px; }
  #reserv .message {
    font-weight: bold;
    margin-bottom: 5px; }
  #reserv #yoyakuform .form {
    max-width: 800px !important;
    padding: 10px; }
    @media screen and (min-width: 768px) {
      #reserv #yoyakuform .form {
        padding: 30px; } }
  #reserv #yoyakuform table th {
    padding: 10px 10px 0px 10px; }
  #reserv #yoyakuform table td {
    text-align: left; }
  #reserv .mw_wp_form_preview td {
    border-bottom: 0px solid #c8c2bf !important; }

/*---------- .banner ----------*/
.banner {
  margin: 20px auto 30px !important;
  max-width: 1000px !important;
  padding: 0 5%;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .banner {
      margin: 30px auto 50px !important;
      padding: 0 20px; } }

/*---------- .map ----------*/
.map iframe {
  margin-bottom: 0;
  padding-bottom: 0;
  width: 100%;
  height: 300px;
  vertical-align: bottom; }

/* ----------------------------------------
	#mastfoot
---------------------------------------- */
#mastfoot {
  position: relative;
  padding: 15px 3% 20px;
  color: #FFFFFF;
  text-align: center;
  background: #f29938;
  /* ------#pagetop------------ */ }
  @media screen and (min-width: 768px) {
    #mastfoot {
      padding: 40px 3% 30px; } }
  #mastfoot .name {
    position: relative;
    font-size: 1.4rem;
    font-weight: bold;
    z-index: 10;
    line-height: 1; }
    @media screen and (min-width: 768px) {
      #mastfoot .name {
        font-size: 1.6rem; } }
    #mastfoot .name span {
      font-size: 1.6rem; }
      @media screen and (min-width: 768px) {
        #mastfoot .name span {
          font-size: 2.0rem; } }
  #mastfoot .add {
    margin-bottom: 10px; }
  #mastfoot small {
    font-weight: normal;
    font-size: 1.2rem; }
    @media screen and (min-width: 768px) {
      #mastfoot small {
        font-size: 1.4rem; } }
  #mastfoot #pagetop a {
    display: block;
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    text-align: center;
    text-decoration: none;
    background: #f29938;
    z-index: 2;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
    @media screen and (min-width: 768px) {
      #mastfoot #pagetop a {
        top: -26px;
        width: 60px;
        height: 60px; } }
    #mastfoot #pagetop a i {
      color: rgba(255, 255, 255, 0.7);
      font-size: 2rem;
      -moz-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      transition: all .25s ease-out; }
    @media screen and (min-width: 768px) {
      #mastfoot #pagetop a {
        font-size: 3rem; } }
    #mastfoot #pagetop a:hover i {
      color: white; }