@charset "UTF-8";

/*** ここからトップの記述 ***/
#consul_point{ position: absolute; margin-top: -50px;}
#consul{ width: 100%;  height: 100vh; position: relative; min-height: 760px;}
.consul_left{ position: absolute; width: 460px;  height: 100vh; min-height: 760px;
  background-image: url("../img/index/gaiyou_bg.png"); background-size: cover; background-position: center center;}
.consul_left section{ position: absolute; width: 360px; padding: 50px; height: 380px; top: calc(50% - 220px); color: #FFF;}
.consul_left section h2{ position: relative; font-size: 32px; letter-spacing: 2.2px; font-weight: lighter;}
.consul_left section p{ position: relative; font-size:14px;
  margin-top: 20px; line-height: 30px; letter-spacing: 1px; padding: 10px 0;}

.consul_left section p strong{ font-size: 18px;}

.consul_right{ position: absolute; right: 0; width: calc(100% - 460px); height: 100vh; min-height: 760px;
  background-image: url("../img/consul/consul_bg.jpg"); background-size: cover; background-position: bottom center; background-attachment: fixed;}
.consul_right img{ display: block; position: absolute; width: 100%; max-width: 724px; padding: 0 12px; box-sizing: border-box; margin: auto; top: calc(50% - 310px); left: 0; right: 0;}
.consul_right h3{ position: absolute; display: block; left: 0px; top: calc(50% - 50px); bottom: 0; height: 120px; text-align: left; font-size: 16px; padding:10px 20px; line-height: 40px; color: #000; background-color: rgba(255,255,255,0.90); font-weight: lighter;}
.image{ position: absolute; display: block; right: 4px; bottom: 4px; text-align: left; font-size: 10px; color: #FFF;}
.consul_tel{ position: relative; width: 400px; margin: auto; padding: 20px 0;}

/*** ここからレスポンシブの記述 ***/

@media screen and (max-width: 800px) {
#consul{ min-height:100px; height: auto;}
.consul_left{ position: relative; left: 0; width: 100%; height: calc(110vw + 30px); min-height: 100px; z-index: 50;}
.consul_left section{ position: relative; width: 100%; padding: 0px; height: 280px; top: 0; color: #FFF;}
.consul_left section h2{ font-size: 8vw; text-align: center; padding-top: 70px; line-height: 16vw;}
.consul_left section p{ font-size: 3.5vw; line-height: 7vw; margin: 0 30px;}
  
.consul_right{ position: relative; left: 0px; top: 0px; width: 100%; height: 50vw; min-height: 100px; background-position: center center; padding: 2% 0; background-attachment: inherit;}

.consul_right img{ position: relative;}
  
footer{ padding: 8px 0;}
footer p:nth-child(2){ position: relative; width: 100%; text-align: center; bottom: 0; right: auto; left: auto; margin: auto;}
.consul_tel{ width:96%; margin: auto; padding: 20px 0;}

.image{ position: absolute; display: block; right: 4px; bottom: 4px; text-align: right; font-size: 10px; color: #FFF;}

#konyu_point{ position: absolute; margin-top: -50px;}


}