@charset "UTF-8";

/* base */
html {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

body {
  font-size: 1em;
  color: #000;
  line-height: 1;
  width: 100%;
  max-width: 2000px;
  min-width: 320px;
  margin: 0 auto;
  padding: 0;
  text-decoration: none;
  background-color: #FAFAFA;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  font-family: -apple-system, "San Francisco", 
  "メイリオ", Meiryo,  Osaka, 
  "游ゴシック", "YuGothic",
  "ヒラギノ角ゴ Pro W3", 
  "Hiragino Kaku Gothic Pro",
  "ヒラギノ丸ゴ Pro",
  "Hiragino Maru Gothic Pro",
  "ＭＳ Ｐゴシック", 
  "MS PGothic", "sans-serif";
  /* 'BlinkMacSystemFont', 'Hiragino Kaku Gothic ProN', 'メイリオ', Sans-Serif; 
  */
}
/*
sp  mobile  812px以下
sm  tablet  813-1200
lg  pc    1201-
*/

.all_wrapper{
  position: relative;
  width: 100%;
}

/*        for pc (1201-   )     */

/* メニューボタン部分 for PC */
.menu_wrapper{
  position: fixed;
  width: 2000px;
  height: 65px;
  background-color: #fff;
  z-index: 100;
  top: 0;
}

.menu_area{
  position: fixed;
  width: 1000px;
  height: 65px;
  background-color: #fff;
  z-index: 101;
  left: 50%;
  transform: translateX(-50%);
}

.menu_button1{
 display: flex;
 width: 900px;
}

.menu_button1 li{
 background-color: #fff;
 list-style-type: none;
 width: 100%;
 height: 35px;
 line-height: 35px;
 text-align: center;
}

.menu_button1 a{
 font-size: 1em;
 font-weight: bold;
 text-decoration: none;
}

.menu_button1 a:hover {
  color: #663300; 
}

.icon_l{
  position: absolute;
  top: 5px;
  left: -30px;
}

.icon_l img{
  width: 70px;
}

.icon_r{
  position: absolute;
  top: 5px;
  left: 950px;
}

.icon_r img{
  width: 70px;
}

/* トップ部分 for PC */
.topArea{
  position: relative;
  width: 100%;
  background-color: #fcd575;
  padding: 80px 12px 12px 12px;
}

.topPhoto {
  text-align: center;
  width: 100%;
}

.topPhoto  img{
  z-index: 10;
  width: 100%;
  max-width: 780px;
  max-height: 600px;
}

.head_i{
  position: absolute;
  display: flex;
  justify-content: space-evenly;
  width: 80%;
  max-width: 1200px;
  min-width: 850px;
  top: 80px;
  left: 0;
  right: 0;
  margin: auto;  
}

.topLogo{
  padding: 20px 10px 0 10px;
}

.topLogo img{
  width: 95%;
  max-width: 520px;
  min-width: 240px;
  z-index: 20;
}

.renkon_l img{
  width: 160px;
  animation: rotate-anime1 5s steps(14);
  animation-iteration-count: 4;
}
@keyframes rotate-anime1 {
  0%  {transform: rotate(0);}
  100% {transform: rotate(360deg);}
}

.renkon_r img{
  width: 160px;
  animation: rotate-anime2 5s steps(14);
  animation-iteration-count: 4;
}
@keyframes rotate-anime2 {
  0%  {transform: rotate(0);}
  100% {transform: rotate(-360deg);}
}

/* 外観部分 for PC */
.explanation{
  text-align: center;
  background-color: #fcd575;
  width: 100%;
  min-height: 150px;
}

.explanation img{
 width: 50%;
 max-width: 500px;
 min-width: 400px;
}

.exterior{
  position: relative;
  width: 100%;
  height: 500px;
  background-color: #fcd575;
}

.wLs1 img{
  position: absolute;
  width: 14%;
  max-width: 190px;
  top: 0;
  right: 0;
}

.wR2s1 img{
  position: absolute;
  width: 14%;
  max-width: 190px;
  top: 70px;
  left: 0;
}

.exterior_p{
  width: 100%;
  height: 200px;
  text-align: center;
}

.exterior_p img{
  padding-left: 5%;
  width: 50%;
  max-width: 600px;
  min-width: 320px;
}

/* 施設の紹介 for PC */
.intro{
  position: relative;
  width: 100%;
  background-color: #fcd575;
  height: 900px;
  padding-top: 60px;
  margin-top: -60px;
}

.headline{
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
  background-color: #fcd575;
}

.headline img{
  width: 70%;
  max-width: 800px;
  z-index: 100;
}

.intro_b{
  position: relative;
  width: 100%;
}

.intro_p1 img{
 position: absolute;
 top: 0;
 margin-left: 22%;
 width: 20%;
 max-width: 340px;
 min-width: 300px;
}

.intro_p2 img{
 position: absolute;
 top: 0;
 right: 22%;
 width: 20%;
 max-width: 340px;
 min-width: 300px;
}

.intro_p3 img{
 position: absolute;
 width: 20%;
 max-width: 340px;
 min-width: 300px;
 margin: 380px 0 0 22%;
}

.intro_p4 img{
 position: absolute;
 width: 20%;
 max-width: 340px;
 min-width: 300px;
 margin-top: 380px;
 right: 22%;
}

.wL3s1 img{
  position: absolute;
  width: 11%;
  top: 10px;
  right: 0;
}

.wR3s1 img{
  position: absolute;
  width: 14%;
  max-width: 210px;
  top: 400px;
  left: 0;
}

.wLs2{
  display: none;
}

.wR2s2{
  display: none;
}

/* 支援の内容 for PC */
.service{
  position: relative;
  background-color: #fcd575;
  width: 100%;
  padding-top: 60px;
  margin-top: -60px;
  text-align: center;
  padding-bottom: 25px;
}

.service2{
  position: relative;
  background-color: #fcd575;
  width: 100%;
  padding-top: 60px;
  margin-top: -60px;
  text-align: center;
  padding-bottom: 25px;
}

.service3{
  position: relative;
  background-color: #fcd575;
  width: 100%;
  padding-top: 60px;
  margin-top: -60px;
  text-align: center;
  padding-bottom: 25px;
}

.service_ex{
  display: inline-block;
  text-align: left;
  width: 48%;
  font-size: 1.3em;
  line-height: 1.8em;
  color: #663300;
  max-width: 500px;
  padding-bottom: 10px;
}

.service_ex14{
  text-align: left;
  font-size: 1em;
  line-height: 1.4em;
  padding-left: 2em;
  text-indent: -2em;
  color: #663300;
  max-width: 460px;
}

.service_exm{
  width: 85%;
  line-height: 1.8em;
  padding-left: 2em;
  text-indent: -2em;
  color: #663300;
  margin-right: 10px;
  padding-bottom: 20px;
}

/* 部屋の間取り for PC */
.service4{
  position: relative;
  background-color: #fcd575;
  width: 100%;
  padding-top: 60px;
  margin-top: -60px;
  text-align: center;
  padding-bottom: 25px;
}

.layout{
  background-color: #fcd575;
  height: 450px;
}

.layout3 img{
  position: absolute;
  width: 300px;
  top: 120px;
  left: 22%;
}

.l_note{
  position: absolute;
  width: 50%;
  left: 43%;
  top: 180px;
  text-align: left;
}

.service_ex_l{
  width: 48%;
  font-size: 1.3em;
  line-height: 1.4em;
  padding-left: 2em;
  text-indent: -2em;
  color: #663300;
  max-width: 440px;
}

/* 交通アクセス for PC */
.service5{
  position: relative;
  background-color: #fcd575;
  width: 100%;
  padding-top: 60px;
  margin-top: -60px;
  text-align: center;
  padding-bottom: 25px;
}

.access{
  background-color: #fcd575;
  width: 100%;
  height: 560px;
}

.map2 img{
  position: absolute;
  width: 20%;
  min-width: 300px;
  max-width: 330px;
  top: 200px;
  left: 25%;
}

.a_note{
  position: absolute;
  text-align: left;
  width: 40%;
  left: 52%;
  top: 160px;
}

.service_ex_i{
  width: 60%;
  font-size: 1.3em;
  line-height: 1.4em;
  padding-left: 1em;
  text-indent: -1em;
  color: #663300;
  max-width: 400px;
  margin-left: 5%;
}

/* お知らせ部分 for PC */
.service6{
  position: relative;
  background-color: #fcd575;
  width: 100%;
  padding-top: 60px;
  margin-top: -60px;
  text-align: center;
  padding-bottom: 25px;
}

.info_wrapper{
  position: relative;
  width: 100%;
  height: 500px;
  background-color: #fcd575;
}

.info_logo{
  position: absolute;
  top: 0;
  left: 35%;
  width: 500px;
}

.info_img{
  position: absolute;
  width: 20%;
  max-width: 200px;
  top: 100px;
  left: 24%;
}

.info_article{
  position: absolute;
  top: 150px;
  left: 42%;
  width: 600px;
}

.info_date_h2 {
  font-size: 1.2em;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  line-height: 1.5em;
  margin-left: 5px;
  text-indent: -7em;
  padding-left: 7em;
}

.info_text{
  font-size: 1em;
  font-weight: normal;
  vertical-align: top;
  line-height: 1.5em;
  text-align: left;
  color: #663300;
}

.info_bar1{
  width: 600px;
  margin: 20px  0 5px 0;
  border-width: 1px 0px 0px 0px; /* 太さ */
  line-height: 1.3em;
  border-style: solid; /* 線種 */
  border-color: #663300;   /* 線色 */
  height: 1px;         /* 高さ(※古いIE用) */ 
}

/* お問い合わせ部分 for PC */
.inquiry_w{
  position: relative;
  background-color: #fcd575;
  width: 100%;
  height: 660px;
  padding-top: 60px;
  margin-top: -60px;
}

.signboard img{
  position: absolute;
  top: 160px;
  left: 24%;
  width: 400px;
}

.blue_b img{
  width: 25%;
  max-width: 300px;
  margin: 20px 0 50px 60%;
}

.inquiry{
  position: absolute;
  top: 400px;
  left: 26%;
  width: 600px;
  font-size: 1.3em;
  font-weight: 100;
  line-height: 1.4em;
  color: #663300;
  margin-bottom: 30px;
}

.my_font_bold{
  font-weight: bold;
  text-decoration: none;
}

/* バナー部分 for PC */
.banner_area{
  position: relative;
  width: 100%;
  height: 250px;
  background-color: #fcd575;
  text-align: center;
}

.banner{
  padding-top: 50px;
}

.banner1{
  width: 300px;
}

.banner2{
  width: 300px;
  margin-left: 100px;
}

.pagetop {
  position: fixed;
  bottom: 0px;
  right: 10px;
  z-index: 1000;
}

.pagetop img {
  display: block;
  width: 150px;
  height: auto;
  opacity: 0.7;
}

.copyright{
  display: inline-block;
  width: 100%;
  color: #5A3B2A;
  padding: 50px 0 50px 0;
  text-align: center;
  background-color: #fcd575;
}

@media screen and (max-width: 812px) {
  /* 812px以下に適用されるCSS（スマホ用） */

  body{
    min-width: 320px;
  }

  .all_wrapper{
    height: 100%;
  }

/* トップ部分 for スマホ */
.topArea{
  padding: 0;
  text-align: center;
}

.topPhoto {
 margin: 0;
}

.head_i{
  width: 80%;
  max-width: 800px;
  min-width: 140px;
  top: 5px;
  left: 46%;
  transform: translateX(-50%);
}

.topLogo{
  padding: 10px 3px 0 3px;
}

.topLogo img{
 width: 90%;
 max-width: 430px;
 min-width: 250px;
}

.renkon_l{
  margin-top: auto;
  margin-bottom: auto;
}

.renkon_l img{
  width: 80%;
  max-width: 150px;
  min-width: 45px;
}

.renkon_r{
  margin-top: auto;
  margin-bottom: auto;
}

.renkon_r img{
  width: 80%;
  max-width: 150px;
  min-width: 45px;
}

/* メニューボタン部分 for スマホ */
.menu_wrapper{
  position: initial;
  width: 100%;
  height: 55px;
  background-color: #fcd575;
  z-index: 200;
}

.fixed{
  position: fixed;
  width: 100%;
  height: 55px;
  background-color: #fcd575;
  z-index: 200;
}

.menu_area{
  position: initial;
  width: 100%;
  height: 55px;
  background-color: #fcd575;
}

.menu_button1{
 flex-wrap: wrap;
 width: 100%;
 height: 55px;
 min-width: 370px;
 margin: 0 0 0 50%;
 padding: 0 0 0 0;
 justify-content: center;
}

.menu_button1 li{
 width: 23%;
 height: 25px;
 line-height: 25px;
 border: solid 1px #fcd575;
}

.menu_button1 a{
 font-size: 0.8em;
 padding-right: 3px;
}

.icon_l{
  display: none;
}

.icon_r{
  display: none;
}

/* 外観部分 for スマホ */
.explanation{
  min-height: 80px;
}

.adjust{
  padding-top: 55px;
}

.explanation img{
 width: 80%;
 min-width: 150px;
 max-width: 400px;
 display: block;
 margin: auto;
 padding-top: 20px;
}

.exterior{
  width: 100%;
  height: 290px;
  padding-bottom: 10px;
}

.exterior img{
  width: 17%;
  top: 10px;
}

.wLs1 img{
  width: 19%;
  z-index: 1;
  max-width: 100px;
}

.wR2s1 img{
  width: 19%;
  top: 100px;
  z-index: 1;
  max-width: 100px;
}

.exterior_p{
  position: relative;
  height: 300px;
  padding: 10px 0 3% 0;
  z-index: 10;
}

.exterior_p img{
  position: initial;
  width: 74%;
  max-width: 430px;
  min-width: 340px;
}

/* 施設の紹介 for スマホ */
.intro{
  padding-bottom: 5px;
  height: 1540px;
  padding-top: 60px;
  margin-top: -60px;
}

.headline{
  position: relative;
  height: 30px;
  padding: 5px 0 10px 0;
  overflow: hidden;
}

.headline img{
  position: absolute;
  width: 110%;
  top: 50%;
  left: 50%;
  max-width: 600px;
  min-width: 440px;
  transform: translate(-50%,-50%);
}

.intro_p1 img{
 top: 330px;
 right: 22%;
 width: 40%;
 max-width: 290px;
 min-width: 250px;
 z-index: 2;
}

.intro_p2 img{
 top: 1%;
 left: 22%;
 width: 40%;
 max-width: 290px;
 min-width: 250px;
 z-index: 1;
}

.intro_p3 img{
 top: 640px;
 right: 22%;
 width: 40%;
 max-width: 290px;
 min-width: 250px;
 z-index: 4;
}

.intro_p4 img{
 position: absolute;
 top: 300px;
 left: 22%;
 width: 40%;
 max-width: 290px;
 min-width: 250px;
 z-index: 3;
}

.wL3s1 img{
  width: 30%;
  top: 100px;
  right: 0;
  max-width: 180px;
}

.wR3s1 img{
  width: 30%;
  top: 420px;
  left: 0;
  max-width: 180px;
}

.wLs2{
  display: block;
}

.wLs2 img{
  position: absolute;
  width: 30%;
  top: 720px;
  right: 0;
  max-width: 180px;
}

.wR2s2{
  display: block;
}

.wR2s2 img{
  position: absolute;
  width: 30%;
  top: 1080px;
  left: 0;
  max-width: 180px;
}

/* 支援の内容 for スマホ */
.service{
  width: 100%;
  height: 300px;
}

.service2{
  padding-top: 60px;
  margin-top: -60px;
  padding-bottom: 0;
  height: 240px;
}

.service3{
  min-width: 360px;
  height: 400px;
  padding-bottom: 20px;
}

.service_ex{
  width: 77%;
  max-width: 560px;
  padding-top: 10px;
  margin-left: 22%;
  font-size: 1em;
  line-height: 1.4em;
}

.service_ex14{
  font-size: 1em;
  line-height: 1.4em;
  padding: 0 2em 0 2em;
  text-indent: -2em;
  color: #663300;
  max-width: 480px;
}

.service_exm{
  margin-left: -25px;
  padding: 0  1em 0 1em;
  font-size: 1em;
  line-height: 1.4em;
  min-width: 270px;
}

/* 部屋の間取り for スマホ */
.service4{
  height: 720px;
}

.layout{
  width: 100%;
}

.layout3{
  width: 100%;
  text-align: center;
}

.layout3 img{
  position: initial;
  width: 60%;
  max-width: 300px;
  min-width: 250px;
}

.l_note{
  position: initial;
  width: 100%;
}

.service_ex_l{
  width: 62%;
  font-size: 1em;
  line-height: 1.4em;
  margin-left: auto;
  margin-right: auto;
}

/* 交通アクセス for スマホ */
.access{
  height: 810px;
  padding-top: 10px;
}

.map2{
  text-align: center;
  padding-top: 10px;
}

.map2 img{
  position: initial;
  width: 50%;
  max-width: 300px;
  min-width: 260px;
}

.a_note{
  position: initial;
  width: 100%;
  margin-left: 5%;
  max-width: 640px;
  padding-top: 10px;
}

.service_ex_i{
  font-size: 1em;
  line-height: 1.2em;
  margin-left: auto;
  margin-right: auto;
}

/* お知らせ部分 for スマホ */
.service6{
  padding-bottom: 0;
}

.info_wrapper{
  height: 500px;
}

.info_logo{
  left: 2%;
  width: 80%;
  max-width: 500px;
  min-width: 360px;
}

.info_img{
  display: none;
}

.info_article{
  top: 100px;
  left: 5%;
  width: 84%;
}

.info_date_h2 {
  font-size: 1em;
  line-height: 1em;
  margin-left: 2px;
}

.info_text{
  line-height: 1.4em;
}

.info_bar1{
  width: 100%;
  margin: 20px  0 5px 0
}

/* お問い合わせ部分 for スマホ */
.inquiry_w{
  height: 580px;
  margin-top: -70px;
}

.signboard{
  width: 100%;
  height: 240px;
  text-align: center;
  padding-top: 20px;
}

.signboard img{
  position: initial;
  width: 60%;
  min-width: 320px;
  max-width: 380px;
}

.blue_b{
  display: none;
}

.inquiry{
  position: initial;
  width: 340px;
  font-size: 1.1em;
  line-height: 1.4em;
  margin: 0 auto;
}

/* バナー部分 for スマホ */
.banner_area{
  height: 100px;
  padding: 10px 0 10px 0;
}

.banner{
  position: initial;
  top: 160px;
  left: 350px;
  text-align: center;
}

.banner1{
  width: 280px;
  margin: 10px;
}

.banner2{
  width: 280px;
  margin: 10px;
}

.pagetop {
  bottom: 10px;
  right: 10px;
}

.pagetop img {
  width: 120px;
}

.copyright{
 padding: 150px 0 20px 0;
}

/* 終わり←812px以下に適用されるCSS（スマホ用） */
}

@media screen and (min-width: 813px) and (max-width:1200px){
  /* 813px以上に適用されるCSS（タブレット用） */

.all_wrapper{
  min-width: 800px;
}

/* トップ部分 for  タブレット*/
.topArea{
  padding: 5px 12px 0px 12px;
}

.topPhoto {
  text-align: center;
  width: 100%;
  margin: 0;
}

.topPhoto  img{
  width: 79%;
}

.head_i{
  width: 60%;
  max-width: 800px;
  min-width: 200px;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.topLogo{
  padding: 10px 10px 0 10px;
}

.topLogo img{
  width: 95%;
  max-width: 430px;
  min-width: 360px;
  z-index: 20;
}

.renkon_l{
  margin-top: auto;
  margin-bottom: auto;
}

.renkon_l img{
  width: 90%;
  max-width: 110px;
  min-width: 80px;
  top: 25px;
}

.renkon_r{
  margin-top: auto;
  margin-bottom: auto;
}

.renkon_r img{
  width: 90%;
  max-width: 110px;
  min-width: 80px;
  top: 25px;
}

/* メニューボタン部分 for タブレット */
.menu_wrapper{
  position: initial;
  width: 100%;
  height: 55px;
  background-color: #fcd575;
  text-align: center;
}

.fixed{
  position: fixed;
  width: 100%;
  height: 55px;
  background-color: #fcd575;
  z-index: 200;
}

.menu_area{
  position: initial;
  display: inline-block;
  width: 80%;
  max-width: 780px;
  height: 5px;
  background-color: #fcd575;
}

.menu_button1{
 flex-wrap: wrap;
 width: 100%;
 min-width: 400px;
 margin: 0 0 0 50%;
 padding: 0 0 0 12px;
 justify-content: center;
}

.menu_button1 li{
 width: 24.6%;
 height: 25px;
 line-height: 25px;
 border: solid 1px #fcd575;
}

.menu_button1 a{
 font-size: 0.8em;
 padding-right: 3px;
}

.icon_l{
  display: none;
}

.icon_r{
  display: none;
}

/* 外観部分 for タブレット */
.explanation{
  min-height: 150px;
}

.adjust{
  padding-top: 55px;
}
.explanation img{
 width: 50%;
 min-width: 250px;
 max-width: 480px;
 display: block;
 margin: auto;
 padding-top: 20px;
}

.exterior{
  width: 100%;
  height: 460px;
  background-color: #fcd575;
}

.wLs1 img{
  position: absolute;
  width: 11%;
  top: 0;
  right: 0;
}

.wR2s1 img{
  position: absolute;
  width: 13%;
  top: 100px;
  left: 0;
}

.exterior_p{
  width: 100%;
  height: 300px;
}

.exterior_p img{
  position: initial;
  width: 70%;
  max-width: 590px;
  min-width: 420px;
  margin: auto;
}

/* 施設の紹介 for タブレット */
.intro{
  position: relative;
  width: 100%;
  background-color: #fcd575;
  height: 900px;
  padding-top: 60px;
  margin-top: -60px;
}

.headline{
  padding-left: 0;
  text-align: center;
}

.headline img{
  width: 80%;
  max-width: 800px;
  z-index: 100;
}

.intro_b{
  position: relative;
  width: 100%;
}

.intro_b img{
  width: 11%;
}

.intro_p1 img{
 position: absolute;
 top: 0;
 margin-left: 16%;
 width: 35%;
 max-width: 300px;
 min-width: 100px;
 z-index: 2;
}

.intro_p2 img{
 position: absolute;
 top: 0;
 right: 13%;
 width: 35%;
 max-width: 300px;
 min-width: 100px;
 z-index: 1;
}

.intro_p3 img{
 position: absolute;
 width: 35%;
 max-width: 300px;
 min-width: 150px;
 margin: 360px 0 0 16%;
 z-index: 4;
}

.intro_p4 img{
 position: absolute;
 width: 35%;
 max-width: 300px;
 min-width: 150px;
 margin-top: 360px;
 right: 13%;
 z-index: 3;
}

.wL3s1 img{
  position: absolute;
  width: 11%;
  top: 10px;
  right: 0;
}

.wR3s1 img{
  position: absolute;
  width: 14%;
  top: 400px;
  left: 0;
}

.wLs2{
  display: none;
}

.wR2s2{
  display: none;
}

/* 支援の内容 for タブレット */
.service_ex{
  margin-left: 10%;
  width: 48%;
}

.service_exm{
  width: 80%;
}

/* 利用料金 for タブレット */
.service3{
  height: 600px;
  padding-bottom: 100px;
}

/* 部屋の間取り for タブレット */
.layout{
  background-color: #fcd575;
  height: 450px;
}

.layout3 img{
  position: absolute;
  width: 300px;
  top: 120px;
  left: 10%;
}

.l_note{
  position: absolute;
  width: 50%;
  left: 40%;
  top: 180px;
  text-align: left;
}

.service_ex_l{
  width: 80%;
  font-size: 1.3em;
  line-height: 1.4em;
  padding-left: 2em;
  text-indent: -2em;
  color: #663300;
  max-width: 400px;
}

/* 交通アクセス for タブレット */
.access{
  background-color: #fcd575;
  width: 100%;
  height: 600px;
}

.map2 img{
  width: 32%;
  left: 12%;
  min-width: 260px;
  max-width: 300px;
}

.a_note{
  width: 48%;
  left: 47%;
}

.service_ex_i{
  width: 70%;
}

/* お知らせ部分 for タブレット */
.info_wrapper{
  position: relative;
  width: 100%;
  height: 540px;
  background-color: #fcd575;
}

.info_logo{
  position: absolute;
  top: 0;
  left: 34%;
  width: 45%;
  min-width: 460px;
}

.info_img{
  position: absolute;
  width: 20%;
  max-width: 200px;
  top: 90px;
  left: 14%;
}

.info_article{
  top: 120px;
  left: 40%;
  width: 50%;
}

.info_bar1{
  width: 100%;
}

/* お問い合わせ部分 for タブレット */
.inquiry_w{
  height: 600px;
  padding-top: 60px;
  margin-top: -60px;
  padding-bottom: -100px;
}

.signboard img{
  position: absolute;
  top: 180px;
  left: 14%;
  width: 40%;
  max-width: 350px;
}

.blue_b img{
  width: 25%;
  margin: 20px 0 50px 66%;
}

.inquiry{
  left: 16%;
  width: 600px;
  font-size: 1.2em;
  line-height: 1.4em;
}

/* バナー部分 for タブレット */
.banner_area{
  height: 200px;
}

.banner{
  top: 60px;
  left: 17%;
}

.banner1{
  width: 300px;
}

.banner2{
  margin-left: 4%;
}

/* 終わり←813px以上に適用されるCSS（タブレット用） */
}