@charset "utf-8";
/* CSS Document */
body {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
	background: #fff!important;
}
#location-2 {
  background: rgba(109, 133, 49, 0.8);
}
#history,#landplan,#pagejump, #news,#overview, #location,#yasuragi,#map,#new-concept {
  background: #fcf8f3;
}
#new-news{
	background: #ffffff;
}
#plan{
	background: #fff;
}

#more,#info,#footer,#gallery{
	background: #efefef;
}

/*#info{
	display: none;
}*/
/*#concept-2{
	background: #f2e7d6;
}*/

/*===========
.scroll-box
===========*/
.scroll-box {
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}
.scroll-box div img {
  max-width: 100%;
  min-width: 600px;
  vertical-align: top;
}
/*===========
scrollbar
===========*/
/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar {
  display:none;
	color: #fff;
}

#chibacitydata {
  overflow: hidden;
}
.youtube {
  width: 100%;
	height: auto;
  aspect-ratio: 16/9;
}

.flex{
	display: flex;
	justify-content: space-between;
	padding:  0 20px;
	
}

.flex_sub{
	width: 90%;
	
}

.half_img{
	width: 48%;
}

/*↓youtube*/
.responsive {
width: 100%;
aspect-ratio: 16/9;
}

/*↓加曽利で暮らす1日*/

.slide-wrap {
  /*background-color: #fff;*/
  display: flex;
  padding: 0;
  max-width: 1024px;
  width: 100%;
	
}
.slide-wrap_2{
	background-color: #fcf8f3!important;
	display: flex;
  padding: 0;
  max-width: 1024px;
  width: 100%;
}

.slide-box {
  height: auto;
  margin: 0 20px;
  width: 24%;
	 scrollbar-width: none;
}


.slide-wrap::-webkit-scrollbar,
.slide-wrap_2::-webkit-scrollbar{  
  display: none; /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}
/*.slide-box a {
  background-color: #fff;
  color: #222;
  display: block;
  text-decoration: none;
}*/
.slide-box img {
  display: block;
  height: auto;
  width: 100%;
}
/*.slide-box p {
  font-weight: bold;
  padding: 10px;
  margin:.5rem auto;
}*/

@media screen and (max-width: 768px) {
/* スマホサイズでスライダー表示 */
  .slide-wrap,.slide-wrap_2 {
    overflow-x: scroll;
  }
  .slide-box {
    flex: 0 0 76%;
   /* margin: auto 1% auto auto;*/
  }
}

@media screen and (min-width: 769px) {
/* スマホサイズでスライダー表示 */
  .slide-wrap,.slide-wrap_2 {
    overflow-x: scroll;
  }
  .slide-box {
    flex: 0 0 70%;
   /* margin: auto 1% auto auto;*/
  }
	
	.slide-wrap,.slide-wrap_2{
  max-width: 1280px;
	
}
}

/*↑加曽利で暮らす1日*/



/*==================================================
じわっ(newsトップビューに使用)
===================================*/
/* ぼかしから出現 */
.blur {
  animation-name: blurAnime;
  animation-duration: 3s;
  animation-fill-mode: forwards;
}
@keyframes blurAnime {
  from {
    filter: blur(10px);
    transform: scale(1.02);
  }
  to {
    filter: blur(0);
    transform: scale(1);
  }
}
/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition: 1.3s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}
/*----------------------------
scroll_left ｜左から出現
----------------------------*/
.scroll_left {
  -webkit-transition: 1.8s ease-in-out;
  -moz-transition: 1.8s ease-in-out;
  -o-transition: 1.8s ease-in-out;
  transition: 1.8s ease-in-out;
  transform: translateX(-30px);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}
.scroll_left.on {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  transform: translateX(0);
}
/*----------------------------
scroll_right ｜右から出現
----------------------------*/
.scroll_right {
  -webkit-transition: 1.8s ease-in-out;
  -moz-transition: 1.8s ease-in-out;
  -o-transition: 1.8s ease-in-out;
  transition: 1.8s ease-in-out;
  transform: translateX(30px);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}
.scroll_right.on {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  transform: translateX(0);
}
/*------------------------*/
h1 {
  margin: 0;
}
.spimg {
  display: none;
}
img.h-logo {
  min-width: 140px;
  margin: 13px auto 13px 5px;
  display: block;
  width: 8%;
}
/*スライダー用*/
#slider_wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: calc(100% - 1280px);
  height: 100vh;
  overflow: hidden;
}
.bgimg {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
#main {
  width: 1280px;
  margin-left: auto;
}

@keyframes slide {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-880px);
  }
}


.hero .swiper-wrapper {
  width: 880px;
  overflow: hidden;
  margin: 0 auto;
  /*height: 680px*/
}
.hero .slide-img_pc img {
  width: 100%;
}
.pcnone {
  display: none;
}
.w90-2 {
  margin: 0 auto;
  text-align: left;
}
div {
  text-align: center;
}
img {
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
.flex_test-box {
  display: flex; /* フレックスボックスにする */
  justify-content: center;
  margin: 0;
  padding: 0;
}
.flex_test-item {
  padding: 0;
  margin: 0; /* 外側の余白 */
}
/*.w80{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}*/
.mgb400 {
  margin-bottom: 400px;
}
.mgb300 {
  margin-bottom: 300px;
}
.mgb200 {
  margin-bottom: 200px;
}
.pdt200 {
  padding-top: 200px;
}
.pdb200 {
  padding-bottom: 200px;
}
.mgb150 {
  margin-bottom: 150px;
}
.pdb150 {
  padding-bottom: 150px;
}
.pdt150 {
  padding-top: 150px !important;
}
.pdt50 {
  padding-top: 50px;
}
.mgb100 {
  margin-bottom: 100px;
}
.pdb100 {
  padding-bottom: 100px;
}
.pdt100 {
  padding-top: 100px;
}
.pdt80 {
  padding-top: 80px;
}
.pdt50{
	padding-top: 50px;
}
.mgb70 {
  margin-bottom: 70px;
}
.mgb60 {
  margin-bottom: 60px;
}
.mgb50 {
  margin-bottom: 50px;
}
.mgb50-2 {
  margin-bottom: 50px;
}
.mgb20 {
  margin-bottom: 20px;
}
ul.pcnone, ul.spnone {
  list-style: none;
  margin: 0;
  padding: 0;
}
#news1, #access2, #planbg {
  background-color: #F7F7F5;
}
/*動画用css*/
#story section.video_wrapper {
  max-width: 880px;
  margin: 0 auto;
  padding-bottom: 200px;
}
video.covervid-video {
  width: 90%;
}

.imagemovie {
  width: 100%;
}

/*ループ用*/
.loop-1 {
  background-image: url(img/landplan/loop/kawadonomori_towndesign_loop1_0712.jpg);
  position: relative;
  width: 100%;
  height: 250px;
  background-repeat: repeat-x;
  background-size: cover;
  background-position: 0 0;
  animation-name: slide_img;
  animation-duration: 200s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}


.loop-2 {
  background-image: url("img/landplan/loop/kawadonomori_towndesign_loop2.jpg");
  position: relative;
  width: 100%;
  height: 250px;
  background-repeat: repeat-x;
  background-size: cover;
  background-position: 0 0;
  animation-name: slide_img;
  animation-duration: 200s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
 /* margin-top: 100px;*/
}

.loop-3 {
  background-image: url("img/landplan/loop/kawadonomori_towndesign_loop3.jpg");
  position: relative;
  width: 100%;
  height: 250px;
  background-repeat: repeat-x;
  background-size: cover;
  background-position: 0 0;
  animation-name: slide_img;
  animation-duration: 200s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
 /* margin-top: 100px;*/
}

.loop-4 {
  background-image: url("img/loop/tateuri_chiba_kasori_loop-4.jpg");
  position: relative;
  width: 100%;
  height: 500px;
  background-repeat: repeat-x;
  background-size: cover;
  background-position: 0 0;
  animation-name: slide_img;
  animation-duration: 300s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
 /* margin-top: 100px;*/
}

.loop-5 {
  background-image: url("img/loop/tateuri_chiba_kasori_loop-5.jpg");
  position: relative;
  width: 100%;
  height: 500px;
  background-repeat: repeat-x;
  background-size: cover;
  background-position: 0 0;
  animation-name: slide_img;
  animation-duration: 300s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
 /* margin-top: 100px;*/
}

.loop-6 {
  background-image: url(newimg/concept/kawado_concept_loop_3.jpg);
  position: relative;
  width: 100%;
  height: 250px;
  background-repeat: repeat-x;
  background-size: cover;
  background-position: 0 0;
  animation-name: slide_img;
  animation-duration: 200s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.loop-7 {
  background-image: url(newimg/landplan/kawado_landplanpage_loop_1_1008.jpg);
  position: relative;
  width: 100%;
  height: 250px;
  background-repeat: repeat-x;
  background-size: cover;
  background-position: 0 0;
  animation-name: slide_img;
  animation-duration: 200s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.loop-8 {
  background-image: url(newimg/landplan/kawado_landplanpage_loop_2_1008.jpg);
  position: relative;
  width: 100%;
  height: 250px;
  background-repeat: repeat-x;
  background-size: cover;
  background-position: 0 0;
  animation-name: slide_img;
  animation-duration: 200s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.loop-9 {
  background-image: url(newimg/landplan/kawado_landplanpage_loop_3_1008.jpg);
  position: relative;
  width: 100%;
  height: 250px;
  background-repeat: repeat-x;
  background-size: cover;
  background-position: 0 0;
  animation-name: slide_img;
  animation-duration: 200s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.loop-10 {
  background-image: url(newimg/kbf/kawado_kbf_loop_10_4.jpg);
  position: relative;
  width: 100%;
  height: 250px;
  background-repeat: repeat-x;
  background-size: cover;
  background-position: 0 0;
  animation-name: slide_img;
  animation-duration: 200s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}



/*------------------------------------------------------------------------------------*/
video {
  width: 90%;
}
/*------------------------------------------------------------------------------------*/
@keyframes slide_img {
  100% {
    background-position: -10000px 0;
  }
}
.hero-text {
  position: absolute;
  z-index: 999;
  top: 1%;
  left: 72%;
}
/*ここからフローティングメニュー*/
.page-top {
  position: fixed;
  bottom: 15px !important;
  font-size: 77%;
  width: 100%;
  z-index: 1;
}
.page-top a:hover {
  text-decoration: none;
}
.sp_box img {
  width: 25%;
}
.page-top ul {
  width: 800px;
  list-style: none;
  display: flex;
  margin: 0 auto;
  text-align: center;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #333;
  border: 1px solid #333;
  max-width: 90%;
  background-color: rgba(255, 255, 255, 0.8);
}
.page-top ul li.docu,
.page-top ul li.map{
  width: 50%;
}
.page-top ul li {
  width: 50%;
  text-align: center;
  /* border-left: 1px solid #333; */
  height: 59px;
}
.page-top ul li.docu, .page-top ul li.visit,.page-top ul li.map {
  border-right: 1px solid #333;
}
.page-top ul li.docu img,
.page-top ul li.map img{
  width: 35px;
  margin-bottom: 5px;
}
.page-top ul li.visit img {
  width: 30px;
  margin-bottom: 5px;
}
.page-top ul li.tel img {
  width: 36px;
  margin-bottom: 5px;
  margin-top: 9px;
}
.page-top ul li a {
  color: #333;
  text-decoration: none;
  display: inline-block;
  line-height: 1.2em;
  width: 100%;
}
@media screen and (max-width: 1500px) {
  #slider_wrap {
    display: none;
  }
  #main {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1000px) {
  .hero .swiper-wrapper {
    width: 90%;
    height: auto;
  }
  .w90 {
    width: 90%;
    margin: 0 auto;
  }
	.w80 {
    width: 84%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 880px) {
  .pcimg {
    display: none;
  }
  .spimg {
    display: inherit;
  }
  .spnone {
    display: none;
  }
  .pcnone {
    display: block;
  }
  .pdb150 {
    padding-bottom: 15%;
  }
  .pdt150 {
    padding-top: 15% !important;
  }
  .mgb150 {
    margin-bottom: 15%;
  }
  .pdt100 {
    padding-top: 15%;
  }
  .pdt80 {
    padding-top: 8%;
  }
  .pdt50 {
    padding-top: 8%;
  }
  .pdb100 {
    padding-bottom: 15%;
  }
  .mgb100 {
    margin-bottom: 15%;
  }
  .mgb300 {
    margin-bottom: 45%;
  }
  .mgb200 {
    margin-bottom: 22%;
  }
  .mgb50-2 {
    margin-bottom: 6%;
  }
  .pdb200 {
    padding-bottom: 22%;
  }
  .pdt200 {
    padding-top: 19%;
  }
  #story .mgb70, #location .mgb70, #location-2 .mgb70 {
    margin-bottom: 8%;
  }
  #story section.video_wrapper {
    padding-bottom: 28%;
  }
  .hero .slide-img_pc img {
    transform: scale(1.5);
  }
	.movie{
	height: 90vh;
}
	
}
@media screen and (max-width: 820px) {
  .page-top ul {
    width: 90%;
  }
  .hero-text {
    width: 100%;
    max-width: 15%;
    left: 74%;
  }
}
@media screen and (max-width: 520px) {
  .loop {
    height: 280px;
    margin-top: 15%;
    animation-duration: 420s;
  }
  .page-top ul li.docu img,
	.page-top ul li.map img{
    width: 24px;
  }
  .page-top ul li.visit img {
    width: 20px;
  }
  .page-top ul li.tel img {
    width: 29px;
  }
  .page-top ul li {
    height: 50px;
  }
  .page-top ul {
    height: 44px;
  }
  /*
    .page-top ul li.docu,
    .page-top ul li.tel, 
    .page-top ul li.visit{
        width: 33%;
    }
    */
}
@media only screen and (max-width: 768px) {
  img.header_takusho_logo {
    height: 50px;
  }
  .ToggleMenuBox .ToggleMenu {
    padding: 13px;
  }
  .ToggleMenuBox .sidebarIconToggle {
    padding: 17px;
  }
  .youtube {
    aspect-ratio: 16/9;
	  width: 100%;
	  height: auto;
  }
	
	.loop-2 {
 
  height: 200px;
 
}

.loop-3 {
  
  height: 200px;
  
}

.loop-4 {
 
  height: 200px;
 
}

.loop-5 {

  width: 100%;
  height: 200px;
  
}
}