@import url("css/pic_active.css");
div {
	font-size: : 1.25rem;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: left;
}

.relative{position: relative;
}
.absolute{
	position: absolute;
	top: 181px;
	color: #FFF;
	background: rgba(0,0,0,0.6);
	width: 460px;
	max-width: 463px;
	padding: 1em 0;
	left: 7px;
	height: 51px;
}
img {
    opacity: 1;
    height: auto;
    max-width: 100%;
}
.head_line {
  color: #010079;
  text-shadow: 0 0 5px white;
  border-left: solid 7px #010079;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

.sub_head_line{
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #7db4e6;/*左線*/
}
.youtube{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%;
    max-width: 1280px;
}
.youtube iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.gyoukan {
    line-height: 18px;
}
.subject {
    font-size: 0.5rem;
}
.img_center {
    margin-left: auto;
    margin-right: auto;
}
.ichiran {
    max-width: 90%;
    width: auto;
}
.container-fluid .row .col-5 {
    font-size: 0.4rem;
}
.container-fluid .row .col-7 {
    font-size: 0.5rem;
    text-align: center;
}
.container-fluid .row .col-12 {
    font-size: 0.35rem;
    text-align: center;
}
.title_text {
    color: #FFFFFF;
    background-color: #006D9B;
    font-weight: bolder;
}
.title_text_sm {
    color: #006D9B;
    font-weight: bolder;
}
.container-fluid .row .col-8 {
    font-size: 0.4rem;
}
.container-fluid .row .col-4 {
    font-size: 0.3rem;
}
.container-fluid .row .next     {
    font-size: 0.5rem;
    text-align: left;
}
.row.mx-auto .col-12  {
    font-size: 1.5rem;
    font-weight: bolder;
}
.bold {
    font-weight: bold;
    font-size: 0.5rem;
}
.sharyou_title {
    font-size: 0.35rem;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #262626;
}
.navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light {
    font-size: 0.35rem;
}
.car_model {
    font-size: 0.35rem;
    font-weight: bold;
}
.car_subject {
    color: #3A3A3A;
    background-color: #FFBA76;
}
.requi {
    font-size: 0.3rem;
}
.row .col-12 .lead {
    font-size: 1em;
}
.foot {
    font-size: 2vw;
    text-align: center;
}
.container-fluid .row .tatami {
    font-weight: bolder;
    font-size: 2.5vw;
    text-align: center;
}
.col-md-12.address {
    text-align: left;
}

.absolute p[
margin:0;
apdding:0 0_8em;
font size:150%
text-align:center;
]

 
@media (min-width: 320px) {
  P { font-size: calc( 3.125vw + .625rem ); }
}
 
@media (min-width: 1024px) {
.container-fluid .mx-auto .next {
    font-size: 0.5rem;
}
  P {
    font-size: 1.5rem;
    text-align: left;
    color: #000000;
}
}
@media (min-width : 380px ){
  h2 {
    font-size: calc(3.125vw + .525rem );
    opacity: 1;
}
}
 
@media (min-width: 1024px) {
}

body
    {
    margin-right: auto;
    margin-left: auto;
    color: #000000;
    padding: px;
    text-align: left;
    }

#main
    {
    margin-left: auto;    /* 左側マージンを自動的に空ける */
    margin-right: auto;     /* 中身を左側表示に戻す */
    width: 1280px;
    text-align: left;
    color: #000000;
    }
p {
    margin: 0;                 /* デフォルトCSS打ち消し */
    line-height: 2;             /* 行間調整 */
    font-weight: bold;
}
.caution {
    top: auto;
    bottom: auto;
    text-indent: 3px;
    line-height: 1.5em;
}
.p_center {
    top: auto;
    bottom: auto;
    text-indent: 3px;
    line-height: 1.5em;
    text-align: center;
    font-size: 0.3rem;
}
 
.head_test-wrap {
    padding-bottom:  20px;      /* 余白指定 */
    text-align:  center;        /* 文字位置指定 */
}
h2 {
    line-height: -0.5em;
}
.sub_title {
    font-weight: bold;
    font-size: 0.5rem;
}
.sub_title_day {
    font-weight: bold;
    font-size: 4.5em;
    text-align: center;
}
.top_title {
    position: relative;
    color: #6eb0f9;
    font-weight: bold;
    text-shadow: 9px 5px 14px #024170;
    font-size: calc(24px + 4.5vw);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
h3 {
    background: linear-gradient(transparent 70%,#9ed3cd 70%);
    text-align: left;
}

.google_map{
    position: relative;
    width: 100%;
    padding-top: 60%;
}
.google_map iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

img[usemap] {
    max-width: 100%;
}

@media screen and (max-width:641px){
.subject {
    font-size: 12px;
}
.sub_title {
    font-size: 18px;
}
}

/* ここから下がボタンのCSS　*/
.btn-open {
  display: inline-block;
  width: 100%;
  height:55px;
  text-align: center;
  background-color: #000000;
  font-size: 0.35rem;
  line-height: 52px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #000000;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn-open:after{
  width: 100%;
  height: 0;
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;
  background : #FFFD00;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transition: .2s;
  z-index: -1;
}
.btn-open:hover{
  color: #000000;
}
.btn-open:hover:after{
  height: 800%;
  opacity: 1;
}
.btn-open:active:after{
  height: 360%;
  opacity: 1;
}

/* ここから下がボタン2のCSS　*/
.btn-open2 {
  display: inline-block;
  width: 100%;
  height:55px;
  text-align: center;
  background-color: #0088FF;
  font-size: 0.35rem;
  line-height: 52px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #0088FF;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn-open2:after{
  width: 100%;
  height: 0;
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;
  background : #FFF;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transition: .2s;
  z-index: -1;
}
.btn-open2:hover{
  color: #0088FF;
}
.btn-open2:hover:after{
  height: 800%;
  opacity: 1;
}
.btn-open2:active:after{
  height: 360%;
  opacity: 1;
}

/* TOP動画 */
video {
width:100%;
max-width: 100%;
height: auto;
vertical-align: bottom;
}

.video-container {
  position: relative;
	clear: both;
}


.video-container2 {
  position: absolute;
  top: 0px;
  left: 0PX;
  width: 100%;
  height: 100%; 
}

/* ここから下がボタン3のCSS　*/
.btn-open3 {
  display: inline-block;
  width: 100%;
  height:55px;
  text-align: center;
  background-color: #F7AC3B;
  font-size: 0.35rem;
  line-height: 52px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #F7AC3B;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn-open3:after{
  width: 100%;
  height: 0;
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;
  background : #FFF;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transition: .2s;
  z-index: -1;
}
.btn-open3:hover{
  color: #F7AC3B;
}
.btn-open3:hover:after{
  height: 800%;
  opacity: 1;
}
.btn-open3:active:after{
  height: 360%;
  opacity: 1;
}

/* ここから下がボタン4のCSS　*/
.btn-open4 {
  display: inline-block;
  width: 100%;
  height:55px;
  text-align: center;
  background-color: #000;
  font-size: 0.35rem;
  line-height: 52px;
  color: #C02427;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #C02427;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn-open4:after{
  width: 100%;
  height: 0;
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;
  background : #C02427;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transition: .2s;
  z-index: -1;
}
.btn-open4:hover{
  color: #FFF;
}
.btn-open4:hover:after{
  height: 800%;
  opacity: 1;
}
.btn-open4:active:after{
  height: 360%;
  opacity: 1;
}

/* ここから下が浮き上がりボタン2のCSS　*/
.img_wrap2{
  border: 1px solid #ddd;
  width: 100%;
  height: 100%;
  margin: 20px auto 0;
  transition-duration: 0.5s;
}
.img_wrap2 img{
  width: 100%;
  cursor: pointer;
}
.img_wrap2:hover{
  box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
  transform: translateY(-10px);
  transition-duration: 0.5s;
}

/* ここから下が画像明るいCSS　*/
.img_wrap:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}
.googleform-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 120%;
  margin-left: auto;
  margin-right: auto;
  overflow-y: scroll;
}
.googleform-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}