@charset "utf-8";


/* フォント関連 */
h1{ position: relative;
  padding: 17px 0 40px 60px;
  border-top: #24bff9 solid 1px;
  font-size: 1rem;     /* 16px */
  font-weight:normal;

}
h1::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 0px solid transparent;
  border-right: 50px solid transparent;
  border-left: 50px solid #0b88d7;
  border-bottom: 50px solid transparent;
}
 

 
h2{
    position: relative;
    padding: 1rem 1.2rem;
    border-left: 10px solid #429ef4;
    background-image: linear-gradient(-45deg, transparent 8px, #f4f5f6 8px);
    color: #212121;
    font-weight: normal;
    font-size: 0.875rem;  /* 14px */
    overflow: hidden;
    margin:20px 0 30px 0;
}

h2::before {
    position: absolute;
    content: '';
    right: 0px;
    bottom: 0px;
    border-width: 0px 0px 15px 15px;
    border-style: solid;
    border-color: transparent #429ef4 transparent;
    box-shadow: 0 0 5px #000;
    }

h3{position: relative;
margin:50px 0 0 0;
  padding: 17px 0 40px 60px;
  border-top: #24bff9 solid 1px;
  font-size: 0.8125rem;     /* 16px */
  font-weight:normal;

}
h3::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 0px solid transparent;
  border-right: 50px solid transparent;
  border-left: 50px solid #0b88d7;
  border-bottom: 50px solid transparent;
}


h4{
  font-size : 16px;
 font-weight : bold; line-height : 140%;  color: #333232;  padding: 19px 0px 7px 23px; 
}


p{
  font-size : 0.71875rem; color:#282828;
 font-weight : normal; line-height : 220%; 
 padding: 5px 20px 10px 20px;
 margin: 0px; letter-spacing: 0.05em; 
}

p.nonfon{
  font-size : 1.4rem; color:#282828;
 font-weight : normal; line-height : 200%; 
 padding: 5px 20px 10px 20px;
 margin: 0px; letter-spacing: 0.05em; 
}

p.sfont{font-size : 1.2rem; padding:0 50px;}

p.detail{width:800px; margin: 0 auto 25px auto; }


p.pv-p{width:80%; margin: 0 auto; padding: 25px 0 10px 0px;}

p.pv-ptya{width:700px; margin: 0 auto; padding: 5px 0 30px 0px;}


span.purple{ font-weight: bold; font-size: 0.875rem;
	line-height:0.95em; 
	font-weight:bold;
	color: #0678ec;
	text-shadow: 
		0 0 0.05em #f8f099,
		0 0 0.06em #f8f099,
		0 0 0.07em #f8f099,
		0 0 0.08em #f8f099,
		0 0 0.09em #f8f099,
		0 0 0.20em #f8f099,
		0 0 0.20em #f8f099,
		0 0 0.20em #f8f099,
		0 0 0.50em #f8f099;
}

span.tuyo {font-weight: bold;  font-size: 0.875rem; color: #f75505;
  background: linear-gradient(transparent 70%, #f5ff00 30%);
}

span.red-a{color: #f00733; font-weight: bold; }


span.red-f{color: #ff0000; }


span.gl-c{ color: #027e02;}

span.black{ color: #000000; font-weight: normal;}

span.or-g{font-size : 1.6rem; color: #f87003; font-weight: bold; }

#canvas-wrap {
    padding-top: 0px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

#canvas-wrap2 {
margin:512.5px 0 0 0;
    padding-top: 0px;
   z-index:70; position: absolute;
height:55px;
}

canvas {
    width: 100%;
    vertical-align: top;
}

@media only screen and (max-width: 959px) {
#canvas-wrap2 {
margin:260px 0 0 0;
    padding-top: 0px;
   z-index:70; position: absolute;
height:55px;
}
}

 
a img{
	border-style:none; 
} 

/* リンク色 */
a:active{color:#009900; text-decoration: underline;}


/* img角丸 */
.img-rd{border-radius: 20px;}


/* img中央揃え */
img.centre{
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 15px 0 0px 0px;
}

img.wd25{width:250px; height:auto; display:block; margin:0 auto 20px auto;}



.hai2{height:220px; repeat;z-index:50px; position:relative;}
	
img.centre2{
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 70px 0 0px 0px;
}

img.line3{
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 0px 0 20px 0px;
}

img.line4{
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 0px 0 0px 0px;
}

img.line5{
 display: block;
 margin: 30px auto 50px auto;
}

img.tp-imgl{width:1000px; height:auto;
 display: block;
 margin: 0px auto 0px auto;
 padding:0 0px 0 0;
}

img.line7{width:800px; height:auto;
 display: block;
 margin: 0px auto 20px auto;
 padding:0 0px 0 0;
}

img.line7a{width:500px; height:auto;
 display: block;
 margin: 0px auto 0px auto;
 padding:0 0px 0 0;
}

img.freedl{width:800px; height:auto;
 display: block;
 margin: 0px auto 0px auto;
 padding:0 40px 0 0;
}


/* 右寄せ */
img.img-right{
 display: block;
	float: right;
	padding: 5px 0 10px 20px;
}
img.wd2a{width:220px; height:auto; display:block;}

img.wd28{width:280px; height:auto; display:block;}

.right-y{
 display: block;
	float: right;
	padding: 0px 0 10px 50px;
}

img.img-right-re{
 display: block;
	float: right;
	padding: 10px 15px 0px 0px;

}



/* 左寄せ */

img.img-left{
	display: block;
	float: left;
	padding: 15px 10px 15px 20px;
}

img.wityousei{width:100%; height:auto;}

img.img-left2{
	display: block;
	float: left;
	padding: 15px 10px 25px 0px;
	margin: 0 0 0 0;
}

img.img-left3{
	display: block;
	float: left;
	padding: 25px 10px 25px 0px;
}

img.img-left4{
width:600px;
height:auto;
	display: block;
	float: left;
	padding: 15px 10px 25px 0px;
	margin: 0 0 0 25%;
}

img.wd80{width:750px; height:auto;}

img.7centre{
width:700px; height:auto;
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 15px 0 0px 0px;
}

/* 平行線 */
hr.exhr{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
span.bd1{color: #0000ff;}

span.bd3{font-weight: bold;}

a:link.alter{color:#E1E1DF; }

a:visited.alter{color:#E1E1DF; }

strong{color :#b6560f; font-weight : bold;}

/* スライド*/	
#slide_navi{
top:0;
left:0;
position:fixed;
}

.img_a {display:none;}

.mv-t{width:100%; height:380px;  	
  	background-size:auto 90vh;
	background-repeat: no-repeat;
	  z-index: 50;	
	  background-position:center bottom;    
}

.video-wrap {width:100%;
  position: fixed;
margin:0;
}

.vd-text{color:#ffffff; font-size:3.8rem; position:absolute;   z-index: 100;
top:50%; left:33%; text-align:center;}

@media screen and (max-width: 896px) { 
.vd-text{color:#ffffff; font-size:3.8rem; position:absolute;   z-index: 100;
top:50%; left:30%; text-align:center;}
}



video[src$=".webm"] {
width:100%; height:auto;
}

.bg-video-wrap  {
  z-index: 1;
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background: url(../../img/top_v_bk.jpg) no-repeat;
  background-position:auto 100%;
}

video {
  min-width: 100%;
}

.bg-video-wrap-g video{width:100%; height:auto;}   



.overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;

  z-index: 2;
}


/* videoにposition:relative;を入れないと背景画像が表示されないが、入れるとコントロールボタンが効かなくなってしまう。 */


.video-btn {
    content: "";
    position: absolute;
    top:50;
    left:0;
    right:0;
    bottom:40px; /*コントローラー分下部に余白を*/
    cursor: pointer;
}


.ph-bk{width:100%; height:500px;   	
	  z-index: 50; 
	
}

.ph-bk img{background-size:cover;	background-repeat: no-repeat;}

p.tp-bk5{font-size:1.8rem; text-align:center; color:#fff; vertical-align:middle;}

.ph-t{width:100%; height:0px; /*固定メニューの一番下から*/ 	
  	background-size:cover;
	background-repeat: no-repeat;
	  z-index: 50; 
	}
	

/*トップ以外*/
.header2	{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/top_ski.jpg) ;
    background-repeat: no-repeat;
    width: 98.6vw;
    min-height:500px;
    height:600px;
    overflow: hidden;
}


.realestate/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_realestate.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.realestate:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(14,95,195,0.2); /*半透明のフィルターをかける*/
  }


.c-kinko/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_kinko.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.c-kinko:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(225,122,22,0.2); /*半透明のフィルターをかける*/
  }


.hotelroom/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_hotelroom.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.hotelroom:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(225,122,22,0.2); /*半透明のフィルターをかける*/
  }

.hotelroom2/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_8.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.hotelroom2:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(225,122,22,0.2); /*半透明のフィルターをかける*/
  }
  
.locker/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_locker.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.locker:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(225,122,22,0.2); /*半透明のフィルターをかける*/
  }
  
.header-unlock/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_5.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.header-unlock:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(225,122,22,0.2); /*半透明のフィルターをかける*/
  }
  
.header-keysei/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_16.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.header-keysei:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(225,122,22,0.2); /*半透明のフィルターをかける*/
  }
  
  

.header-price/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_3.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.header-price:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(225,122,22,0.2); /*半透明のフィルターをかける*/
  }
  
.header-area/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_4.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.header-area:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(129,226,65,0.1); /*半透明のフィルターをかける*/
  }
  
.header-tuyomi/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_12.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.header-tuyomi:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(129,226,65,0.1); /*半透明のフィルターをかける*/
  }

.header-ch/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_1.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.header-ch:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(129,226,65,0.1); /*半透明のフィルターをかける*/
  }
  
.header-bouhan/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_10.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.header-bouhan:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(180,221,253,0.1); /*半透明のフィルターをかける*/
  }
  
.header-in5/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_2.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.header-in5:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(129,226,65,0.1); /*半透明のフィルターをかける*/
  }
  
.header-sec/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_11.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.header-sec:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(129,226,65,0.1); /*半透明のフィルターをかける*/
  }

.header-unlock2/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_7.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.header-unlock2:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(129,226,65,0.1); /*半透明のフィルターをかける*/
  }

.header-smartkey/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_13.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.header-smartkey:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(129,226,65,0.1); /*半透明のフィルターをかける*/
  }
  
.header-in4/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_14.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.header-in4:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(129,226,65,0.1); /*半透明のフィルターをかける*/
  }
  
.header-si/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_15.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.header-si:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(129,226,65,0.1); /*半透明のフィルターをかける*/
  }


.header-flow/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/top_flow.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.header-flow:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(14,95,195,0.2); /*半透明のフィルターをかける*/
  }
  
.header-car/*ls*/{
background-size:100%; position:absolute;
    top:0; left:0; 
    background-image: url(../../img/cover_9.jpg) ;
    background-repeat: no-repeat;
    width: 99.0vw;
    min-height:340px;
    height:340px;
    overflow: hidden;
}

.header-car:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(14,95,195,0.2); /*半透明のフィルターをかける*/
  }



.photo-in{
    width: 100%;
    height: 200px; 
    position:relative;
    padding:0;
}

.photo-s{
    width: 100%;
    height: auto; 
    position:relative;
    padding:0;
}

.photo-s img{
    width:100%;
    max-width: 100%;
    height: auto;
    max-height:570px;}

.photo-s span{
    position:absolute;
    color: #fff;
    text-shadow: 1px 2px 3px #808080;
    font-size:1.0rem;
   top: 200px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.photo-s span.fbk{
    position:absolute;
    color: #000;
    text-shadow: 1px 2px 3px #808080;
    font-size:3.0rem;
   top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


.ph-t2{width:100%; height:0px; /*固定メニューの一番下から*/ 	
  	background-size:cover;
	background-repeat: no-repeat;
	  z-index: 50; 
	}

.photo-s1{
    width: 100%;
    height: auto; 
    position:relative;
    padding:0;
}

.photo-s1 img{
    width:100%;
    max-width: 100%;
    height: auto;
    max-height:250px;}

.photo-s1 span{
    position:absolute;
    color: #fff;
    text-shadow: 1px 2px 3px #808080;
    font-size:3.0rem;
   top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.fade-up {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}
.fac-frame{width:100%; margin:0px 0 0px 0; z-index:80; position:relative; padding:30px 0 0 0;}


.h-list{width:1060px; margin:0 auto; padding:20px 0; overflow: hidden;
}
.h-list h2{font-size:16px;}


.top-main2{width:100%;margin:0px 0 0px 0;height:620px; padding:30px 0px 30px 0px;z-index:80; position:relative;}


/*  トップ　ボックス横アニメーション*/
.top-main{width:100%;margin:0px 0 50px 0; padding:30px 0px 30px 0px;z-index:80; position:relative; background-image : url(../../img/bk-topmain.jpg); background-size:100% auto;}

.top-main-im2{float:left;width:58%; height:auto; margin: 0 5% 0 37%; position:relative;}

.top-main-im2 img{width:100%;}

.top-main-r2{float:left;  width:30%; position:absolute; padding:50px 0 0 0;
top:50px; left:5%;
}

.top-main-r2 p{font-size:14px; line-height:200%; margin:0px 20px 5px 0px; padding:0px 3px; line-height : 180%; }


.top-main3{width:100%;margin:0px 0 50px 0;padding:30px 0px 0px 0px;z-index:80; position:relative; background-image : url(../../img/bk-topmain2.jpg); background-size:100% auto;}

.top-main-lim{float:left; width:58%; height:auto; margin: 0 0 2% 5%; position:relative;}

.top-main-lim img{width:100%;}

.top-main-l{float:left;  width:33%; position:absolute;
top:80px; left:64%;}

.top-main-l p{font-size:14px; line-height:200%; margin:10px 20px 5px 20px; }




/*ヘッダー画像下　トップ以外*/
.bl-header-key{width:100%; margin:280px 0 0 0;  padding:30px 0 0px 0;
 z-index:80; position:relative;
	background-color : #fff;
}

/*メイン枠　トップ以外*/
.mn-frame-key{background: rgba(255,255,255,1.0); padding:30px 0 70px 0;
 overflow: hidden;}

.cm-frame-oth2{width:100%; margin:0px 0 0 0;  padding:0px 0 30px 0;
 z-index:80; position:relative;

}



/*テキスト部分*/
.feature-text{width:900px; margin: 0px auto; padding:25px 0 30px 0;}

.feature-text2{width:900px; margin: 0px auto; padding:25px 0 80px 0;}


.frame-bg{width:88%; margin: 0 auto; padding:20px 0 20px 0;}
.frame-text{width:80%; margin: 0 auto; overflow: hidden;}
.bk-whi{background-color:#fff; border-radius:16px;}

.frame-bg2{width:88%; margin: 30px auto 20px auto; padding: 0 0 20px 0;}

.frame-text2{width:1000px; margin: 0 auto; overflow: hidden;}



.parallax-window{z-index:90; position:relative;}



.space-t{padding: 20px 0 0 0;}

p.sub_buttun{
text-align: center;
padding: 20px 0 10px 0;}


/* TOP */
.top-frame2{width:100%; margin:0px 0 0px 0; z-index:80;  padding:10px 0 0 0;
	background-image : url(../../img/bk_t.png);
	background-size:100% auto;
	background-repeat: y-repeat;
	overflow: hidden;
}

.top-frame{width:100%; margin:0px 0 0px 0; z-index:80; position:relative; padding:30px 0 0 0;
	background-image : url(../../img/bk_t2.png);
	background-size:100% auto;
	background-repeat: y-repeat;
	overflow: hidden;
}
.menu-r{
width:100%;

}

.tt-main-r{float:left;  width:60%; 
padding:0px 0x 0 0px; margin: 0 0px 0 auto}

.tt-main-r p{width:500px; margin:0 auto;}


/* バナー */
.fac-framet{width:1000px; margin:200px auto 200px auto; z-index:80; position:relative; padding:20px 0 50px 0; }



/*youtube*/
.v-movie-h{width:700px; margin: 40px auto 0px auto; text-align:center;}

.v-movie-h iframe{margin: 10px auto 0px auto;border:1px solid #706F6F;}


.v-movie-g{width:700px; margin: 0px auto 0px auto; text-align:center;}

.v-movie-g iframe{margin: 0px auto 0px auto;border:1px solid #706F6F;}


.activity{width:100%; margin:0px 0 60px 0; padding:50px 0px 50px 0px;z-index:80; position:relative; background-image : url(../../img/bk_act2.jpg); 
background-repeat: repeat; }

.act-phrase{width:1100px; background-color:#fff; margin:0 auto; padding:20px 0 10px 0;}



/*skicks*/
.slick-slide img {width: 100%;}

.main{width:90%; height: auto; margin: 0 auto;}

.thumb-item .thumb{margin:3px 2px 0 2px;}

.arrow-text .slick-arrow_prev,
.arrow-text .slick-arrow_next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  cursor: pointer;
  z-index: 10;
}
.arrow-text .slick-arrow_prev {
  left: 10px;
}
.arrow-text .slick-arrow_next {
  right: 10px;
}

.slick-slide img {width: 100%;}


/*横からボックススライド*/ 
.img-container{
    overflow: hidden;
    position: relative;
}
 
.img-container__img{
    display: block;
    opacity: 0;
    position: relative;
    transition:all .5s .3s ease; 
    z-index: 0;
}
 
.img-container:before{
background: #05abe0; /* Old browsers */
background: -moz-linear-gradient(left, #05abe0 0%, #53cbf1 60%, #87e0fd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #05abe0 0%,#53cbf1 60%,#87e0fd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #05abe0 0%,#53cbf1 60%,#87e0fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    content: '';
    display: block;
    height: 150px;
    position: absolute;
    transform: translateX(-100%);
    transition:all 1.2s 0s ease; 
    width: 100%;
    z-index: 1;     
}
 
.text-container{
    opacity: 0;
    padding:0 10px;
    transition: all .8s .5s ease;
}
 
.text-container__title{
    color: #333;
}
 
/*アニメーションするプロパティを設定します*/
.img-container.active img{
    opacity: 1;
}
 
.img-container.active:before{
    transform: translateX(100%);        
}
 
.text-container.active{
    opacity: 1;
}

.cm-frame2{width:100%; margin:0px 0 0px 0; z-index:80; position:relative; padding:30px 0 0 0;
	background-image : url(../../img/bk_t.png);
	background-size:100% auto;
	background-repeat: y-repeat;
}

.cm-frame2w{width:100%; margin:0px 0 0px 0; z-index:80; position:relative; padding:30px 0 0 0;
	background-image : url(../../img/bk_t2.png);
	background-size:100% auto;
	background-repeat: y-repeat;
}

.cmte-frame{width:100%; margin:0px 0 50px 0; z-index:80; position:relative; padding:0px 0 0 0;
	background-image : url(../../img/bk_t2.png);
	background-size:100% auto;
	background-repeat: y-repeat;
	overflow: hidden;
}

.cmte-frame h2{
text-align: center; width:900px; margin:0 auto 20px auto;
	font-size:1.8rem; padding:20px 0 10px 0;
color: #353434;/*文字色*/border-bottom: double 5px #fe6c6c;
}

/* サイトマップ */
.sitemap{width:770px; margin:0 auto;
padding: 0 0 0 0px;}

.sitemap li.linksyu{
width: 300px;
font-size: 13px;
margin-top: 10px;
margin-right:5px;
margin-bottom: 30px;
float:left;
}

.sitemap li.linksyu p{
font-weight: normal;
font-size: 14px;
padding:2px 0;
}

.sitemap li.linksyu a{
}

.sitemap li.linksyu ul{
margin: 5px 0 5px 2px;
line-height: 225%;
}

.sitemap li.linksyu ul li a{
color:#484949;
}

.sitemap li.linksyu ul li{
background: url(../../img/bottomarrow2.png) no-repeat;
padding-right: 5px;
padding-left: 18px;
margin:5px 0 5px 20px;
}

.sitemap p.betu{
display:inline;
background: linear-gradient(transparent 70%, #cafbfd 50%);
margin:5px 0 15px 20px;
}

.sitemap p.betu2{
padding:0 0 0 5px; margin:5px 0 5px 0;
}

.sitemap p.betu2 a{color:#484949;
}

.sitemap li.linksyu2{
width: 430px;
font-size: 13px;
margin-top: 10px;
margin-right:35px;
margin-bottom: 30px;
float:left;
}

.sitemap li.linksyu2 p{
font-weight: normal;
font-size: 14px;
padding:2px 0;

}

.sitemap li.linksyu2 a{

}

.sitemap li.linksyu2 ul{
margin: 5px 0 5px 2px;
line-height: 225%;
}

.sitemap li.linksyu2 ul li a{
color:#484949;
}

.sitemap li.linksyu2 ul li{
background: url(../../img/bottomarrow2.png) no-repeat;

padding-right: 5px;
padding-left: 18px;
margin:5px 0 5px 20px;
}

.sitemap li.linksyu2 ul li:last-child {margin:5px 0 35px 20px;}


/* 個人情報*/
p.sz{font-size:0.6875rem;}

p.sz-sign{font-size:0.6875rem; text-align:right;}

ul.privacy {margin: 20px auto 40px auto;
width:900px;
    list-style: none;
}
 
ul.privacy li { 
    font-size : 0.6875rem; letter-spacing: 0.5; color:#333;
    line-height : 200%; padding: 2px 10px 30px 1em; text-indent:-1em;
}
ul.privacy span{color:#0000cc; font-weight:bold;}

/*お知らせ*/ 
.news-main-bl{width:100%; margin:0px 0 0px 0;  background-color:#0b82de;  padding:30px 0px 30px 0px;z-index:80; 
}

	
.news-main{width:100%; margin:0px 0 0px 0;  background-color:#fff;  padding:30px 0px 30px 0px;z-index:80; 
}



 .tp-feature{ padding: 10px 0 40px 0; background-image: url(../../img/tp_feature.jpg) ;background-size:100% auto;background-position: left top;
}




/*地域別フリーダイヤル*/
.call-list{width:900px;}
.call-list li{width:195px; height:40px;
background:#faf6e1; float:left; 
margin: 0 15px 10px 0; padding:16px 0 0 15px;
font-size:0.6875rem;}


.call-list2{width:900px;}
.call-list2 li{width:195px; 
float:left; 
font-size : 0.6875rem; color: #057c6f;
line-height : 220%; letter-spacing: 0.05em; 
margin: 0 15px 10px 0; padding:16px 0 0 15px;
font-weight:bold;}


.call-list2 li.wd{color:#2f3030; height:40px; background:#faf6e1;margin: 0 15px 10px 0; padding:16px 0 0 15px;
font-size:0.6875rem; font-weight:normal;}



.call-list3{width:900px;}
.call-list3 li{width:275px; 
float:left; 
font-size : 0.6875rem; color: #057c6f;
margin: 0 10px 10px 0; padding:16px 0 0 8px;
font-weight:bold;
}

.call-list3 li.wd{height:40px; background:#faf6e1; 
color:#2f3030; font-size:0.6875rem; font-weight:normal;}


/*料金*/
.flow {width:800px; margin:20px auto 10px auto;
  border: 2px solid rgb(107,144,219);
}
.flow > li {
  padding: 20px 30px;
}
.flow > li:not(:last-child) {
  border-bottom: 2px solid rgb(107,144,219);
  position: relative;
}
.flow > li:not(:last-child)::before,
.flow > li:not(:last-child)::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 15%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.flow > li:not(:last-child)::before {
  border-width: 20px;
  border-top-color: rgb(107,144,219);
}
.flow > li:not(:last-child)::after {
  border-width: 18px;
  border-top-color: #fff;
}
.flow > li dl {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flow > li dl dt {
  font-size: 20px;
  font-weight: 600;
  color: rgb(107,144,219);
  width: 12%;
  margin: 0 0 5px 10px;
  text-align: left;
  padding:0 0 0 40px
}

.flow > li dl dd {font-size: 0.71875rem; width: 80%;line-height:180%; text-align: left;}

.flow img{display:block; width:130px; height:auto; float: right; margin: 0 0 0 20px;}

table.price {
	border-collapse: collapse;
	width:750px; margin:10px auto 10px auto;
	background-color:#fff;
	border:2px solid #000;
	}

table.price th {
	border-top: #a7a7a5 1px solid;
	border-bottom: #a7a7a5 1px solid;
	border-right: #a7a7a5 1px solid;
		border-left: #a7a7a5 1px solid;
		vertical-align:middle;
	text-align: left;
	padding: 15px 0px 15px 15px;
	font-size: 0.71875em; color: #514f4f;
}

table.price th.item{width:30%; background-color:#e1fafa; font-weight:bold; text-align:center; padding: 0 0 0 0px;}


table.price td {width:32%;
	border-top: #a7a7a5 1px solid;
	border-bottom: #a7a7a5 1px solid;
		border-right: #a7a7a5 1px solid;
		vertical-align:middle;
	text-align: left;
	padding: 15px 0px 15px 15px;
	font-size: 0.71875rem; color: #514f4f;
}



table.companyinfo {
	border-collapse: collapse;
	width:750px; margin:10px auto 10px auto;
	background-color:#fff;
	border:2px solid #000;
	}

table.companyinfo th {
	border-top: #a7a7a5 1px solid;
	border-bottom: #a7a7a5 1px solid;
	border-right: #a7a7a5 1px solid;
		border-left: #a7a7a5 1px solid;
		vertical-align:middle;
		width:24%;
	text-align: left;
	padding: 15px 0px 15px 18px;
	font-size: 0.6875em; color: #514f4f;
	font-weight:bold;
	background-color:#e1fafa;
	line-height:180%;
}

table.companyinfo td {
	border-top: #a7a7a5 1px solid;
	border-bottom: #a7a7a5 1px solid;
		border-right: #a7a7a5 1px solid;
		vertical-align:middle;
	text-align: left;
	padding: 15px 0px 15px 15px;
	font-size: 0.6875rem; color: #514f4f;
	line-height:180%;
}


table.tokuteiinfo {
	border-collapse: collapse;
	width:750px; margin:10px auto 10px auto;
	background-color:#fff;
	border:2px solid #000;
	}

table.tokuteiinfo th {
	border-top: #a7a7a5 1px solid;
	border-bottom: #a7a7a5 1px solid;
	border-right: #a7a7a5 1px solid;
		border-left: #a7a7a5 1px solid;
		vertical-align:middle;
		width:30%;
	text-align: left;
	padding: 15px 0px 15px 18px;
	font-size: 0.6875em; color: #514f4f;
	font-weight:bold;
	background-color:#e1fafa;
	line-height:180%;
}

table.tokuteiinfo td {
	border-top: #a7a7a5 1px solid;
	border-bottom: #a7a7a5 1px solid;
		border-right: #a7a7a5 1px solid;
		vertical-align:middle;
	text-align: left;
	padding: 15px 0px 15px 15px;
	font-size: 0.6875rem; color: #514f4f;
	line-height:180%;
}



p.t-area{font-weight:bold; 
  font-size : 0.75rem; color:#282828;
 line-height : 220%; 
 padding: 5px 20px 10px 10px;
 margin: 0px; letter-spacing: 0.05em; 
 color:#057c6f;
 }