@charset "UTF-8"; 

body {
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

.page-link-pale a {
  color:#F5F1E8 !important;
}

.page-link a {
  color:#705C53 !important;
}

/* h1-h6の指定 */
h1 {
  font-size:2.635431918vw;
}

h2 {
  font-size:1.757vw;
  border-left :solid 5px #705C53;
}

p {
  font-size:1.317715959vw;
}

/* 背景色の指定 */
.DarkBrown {
  background-color: #705C53;
}

.LightBrown {
  background-color: #D7C9BC;
}

.PaleBrown {
  background-color: #F5F1E8;
}

.LightBlue {
  background-color: #D4DEE0;
}

/* レスポンシブ対応 */
.PC_Show {
  display:block;
}

.SP_Show {
  display:none;
}

.PC_Show_Inline {
  display:Inline;
}

.SP_Show_Inline {
  display:none;
}

/* フォント */
.Lato {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}

.Lato100 {
  font-family: 'Lato', sans-serif;
  font-weight: 100;
}

.Meiryo {
  font-family:'メイリオ', 'Meiryo', sans-serif;
}

.Meiryo700 {
  font-family:'メイリオ', 'Meiryo', sans-serif;
  font-weight: 700;
}

/* フォントサイズ */
.fsize10 {
  font-size:max(0.732064422vw,10px);
}

.fsize14 {
  font-size:1.02489019vw;
}

.fsize16 {
  font-size:1.171303075;
}

.fsize18 {
  font-size:1.317715959vw;
}

.fsize20 {
  font-size:1.25vw;
}

.fsize24 {
  font-size:1.756954612vw;
}

.fsize30 {
  font-size: 2.196193265vw;
}

.fsize36 {
  font-size:2.635431918vw;
}

.fsize40 {
  font-size:2.928257687vw;
}

.fsize48 {
  font-size:3.513909224vw;
}

.fsize60{
  font-size:4.39238653vw;
}

.fblack {
  font-weight:900;
}

/* フォントカラー*/
.fpale {
  color:#F5F1E8;
}

.fbrown {
  color:#705C53;
}

.iconbrown {
  stroke:#705C53;
}

/* バックグラウンドサイズ */
.size600 {
  width:100%;
  height:43.9238653vw;
}

/* サイズ */
.w30 {
  margin-right:2.196193265vw;
}

.w60 {
  margin-right:4.39238653vw;
}

.w120 {
  width:8.78477306vw;
}

w120f{
 width:8.78477306vw;
}

.w150 {
  width:10.98096633vw;
}

.w200 {
  width:14.64128843vw;
}

.w200-pc{
	width:10vw;
}

.w240 {
  width:17.56954612vw;
}

.w300 {
  width:21.96193265vw;
}

.w390 {
  width:28.55051245vw;
}

.w480 {
  width:35.13909224vw;
}

.h36 {
  height:2.635431918vw;
}

.h45 {
  height:3.294289898vw;
}

.h60 {
  height:4.39238653vw;
}

.h240 {
  height:17.56954612vw;
}

.h300 {
  height:21.96193265vw;
}

.h600 {
  height:43.9238653vw;
}

.h600-img img {
  height:43.9238653vw;
  width:100%;
}

.icon10{
  height:0.732064422vw;
}

.icon18 {
  height:1.317715959vw;
}

.icon24 {
  height:1.756954612vw;
}

.icon30 {
  height:2.222547584vw;
}

/* マージン・パディング */
.PTop15 {
  padding-top:1.098096633vw;
}

.PTop30 {
  padding-top:2.222547584vw;
}

.MTop30 {
  margin-top:2.222547584vw;
}

.PTop40 {
  padding-top:2.928257687vw;
}

.PTop60 {
  padding-top: 4.39238653vw;
}

.MTop60 {
  margin-top: 4.39238653vw;
}

.PTop72 {
  padding-top: 5.270863836vw;
}

.PTop90 {
  padding-top:6.588579795vw;
}

.PTop120 {
  padding-top: 8.78477306vw;
}

.MBtm15{
  margin-bottom: 1.098096633vw;
}

.MBtm30{
  margin-bottom: 2.222547584vw;
}

.PBtm40 {
  padding-bottom:2.928257687vw;
}

.PBtm60 {
  padding-bottom: 4.39238653vw;
}

.MBtm60 {
  margin-bottom: 4.39238653vw;
}

.PBtm90 {
  padding-bottom: 6.588579795vw;
}

.MLeft10 {
  margin-left:0.7321vw;
}

.MLeft30 {
  margin-left:2.196193265vw;
}

.PLeft30 {
  padding-left:2.196193265vw;
}

.MLeft60 {
  margin-left: 4.39238653vw;
}

.MLeft60-pc {
  margin-left: 5.5vw;
}

.MRight60 {
  margin-right: 4.39238653vw;
}

.MLeft60f{
  margin-left: 4.39238653vw;
}

.PTop90-pagetop{
	margin-top: 6.588579795vw;
}

/* ナビゲーションバー */
.navbar {
  z-index: 100;
}

.tmargin {
  margin-top: -1vw;
}

#navbar_brand_logo {
  width: 7.3206vw;
  height: 7.32064421669vw;
}

.iconTop {
  width:2.635431918vw;
  height:2.635431918vw;
}

.carousel-item img{
  width:100%;
}

.half img {
  height:43.9238653vw;
}

.carouselButton {
  height:2.263543192vw;
}

.head_visual {
  position:relative;
}

.logo-position {
  position:absolute;
  z-index:250;
  left:42.5%;
  top:90%;
  height:10.98096633vw;
}

 /* Bootstrapのボタンに初期設定されている周囲のborder（枠線）を消す */
 .navbar-toggler {
  padding: 0 !important;
  border: none;
}

/* ハンバーガーボタンがチェック状態である（押されている）とき、閉じるボタン（×）を表示する */
#hamburger_btn_check:checked~.hamburger_btn .btn_close {
  display: block;
}

/* ハンバーガーボタンがチェック状態である（押されている）とき、ハンバーガーボタンを表示しない */
#hamburger_btn_check:checked~.hamburger_btn .btn_open {
  display: none;
}

/* 最初に表示した時は、閉じるボタン（×）は表示しない */
.btn_close {
  display: none;
}

/* ハンバーガーボタンが押されているかを判断するためのチェックボックスは隠す */
#hamburger_btn_check {
  display: none;
}

.top-logo {
  position:absolute;
  top:1.46412884333821vw;
  left:1.46412884333821vw;
}

.top-logo img{
  height:7.32064421669107vw;
}

/* メインセクション */
.pic-middl {
  position: absolute;
  top:44%;
  left:34.5%;
}

.conv-middle {
  position: absolute;
  top:42%;
  left:28%;
}

.toy-middle {
  position: absolute;
  top:44%;
  left:32%;
}

.priv-middle {
  position: absolute;
  top:40%;
  left:30%;
}

.map-middle {
  position: absolute;
  top:44%;
  left:37%;
}

.ant-middle {
  position: absolute;
  top:44%;
  left:20%;
}

.arrow_down {
  position: absolute;
  top:90%;
  left:50%;
}

.btn-space {
  margin-right:2vw;
}

.line-2{
  line-height: 2.5;
}

.line-3{
  line-height: 3.5;
}

.MidLine {
  height:1px;
  background-color: #705C53;
}

.Card_container {
  width:65%;
}

.bg-img {
  height:27.96486091vw;
  width:27.96486091vw;
  border: 1px solid #705C53;
}

.in-box {
  height:27.96486091vw;
  width:27.96486091vw;
  border: 1px solid #705C53;
  margin-right:1.317715959vw;
}

.StraightLine {
  height:1px;
  width:16.47144949vw;
  background-color: #705C53;
}

.LongLineBrown {
  height:1px;
  background-color: #705C53;
}

.head-border {
  display: flex;
  align-items: center;
}

.head-border:before,
.head-border:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #705C53;
}

.head-border:before {
  margin-right: 1rem;
}

.head-border:after {
  margin-left: 1rem;
}

.blogNav {
  letter-spacing: 1.5vw;
}

.antique-number td, th {
  border: solid 1px #705C53;
}

.text-space2{
  letter-spacing: 0.5em;
}

.abs40 {
	position:absolute;
	left:30%;
}

/* フッター */
.footer_img img {
  height:14.64128843vw;
}

.LongLine {
  height:1px;
  background-color: #F5F1E8;
}

.LogoFooter img {
  width:21.96193265vw;
}

@media screen and (max-width: 1200px) {
  .lgShow {
    display:none;
  }
}

@media screen and (max-width: 768px) {
  /* レスポンシブ対応 */
  .PC_Show {
      display: none !important;
    }
    
    .SP_Show {
      display: block !important;
    }

  .PC_Show_Inline {
    display:none;
  }
  
  .SP_Show_Inline {
    display:inline;
  }

  .SP_svg {
    height:9.230769231vw;
  }

  .full img {
    width:100%;
  }

  /* h1-h6の指定 */
  h1 {
    font-size:6.4vw;
  }

  h2 {
    font-size:4.8vw;
    border-left :solid 5px #705C53;
  }

  p {
    font-size:4.266666667vw;
  }

    /* フォントサイズ */
  .fsize10 {
    font-size:max(2.4vw,10px);
  }

  .fsize14 {
    font-size:3.2vw;
  }

  .fsize16 {
    font-size:3.733333333vw;
  }

  .fsize18 {
    font-size:4.266666667vw;
  }

  .fsize20 {
    font-size:4.8vw;
  }

  .fsize24 {
    font-size:6.4vw;
  }

  .fsize30 {
    font-size:8vw;
  }

  .fsize36 {
    font-size:9.6vw;
  }

  .fsize40 {
    font-size:10.66666667vw;
  }

  .fsize48 {
    font-size:12.8vw;
  }

  .fsize60{
    font-size:16vw;
  }

  /* サイズ */
  .w30 {
    margin-right:8vw;
  }

  .w60 {
    margin-right:16vw;
  }

  .w120 {
    width:32vw;
  }
	
	.w120f{
		width:0vw;
	}

  .w150 {
    width:40vw;
  }

  .w200 {
    width:53.33333333vw;
  }
	
	.w200-pc{
		width:5vw;
	}

  .w240 {
    width:64vw;
  }

  .w300 {
    width:80vw;
  }

  .h36 {
    height:9.6vw;
  }

  .h45 {
    height:12vw;
  }

  .h60 {
    height:16vw;
  }

  .h240 {
    height:64vw;
  }

  .icon10{
    height:2.666666667vw;
  }

  .icon18 {
    height:4.8vw;
  }

  .icon24 {
    height:6.4vw;
  }

  .icon30 {
    height:8vw;
  }

  /* マージン・パディング */
  .PTop15 {
    padding-top:4vw;
  }
  
  .PTop30 {
    padding-top:8vw;
  }

  .MTop30 {
    margin-top:8vw;
  }

  .PTop40 {
    padding-top:10.66666667vw;
  }

  .PTop60 {
    padding-top:16vw;
  }
  
  .MTop60 {
    margin-top: 16vw;
  }

  .PTop72 {
    padding-top: 19.2vw;
  }

  .PTop90 {
    padding-top:24vw;
  }

  .PTop120 {
    padding-top: 32vw;
  }

  .MBtm15{
    margin-bottom: 4vw;
  }
  
  .MBtm30{
    margin-bottom: 8vw;
  }
  
  .PBtm40 {
    padding-bottom:10.66666667vw;
  }

  .MBtm40 {
    margin-bottom:10.66666667vw;
  }

  .PBtm60 {
    padding-bottom: 16vw;
  }

  .PBtm90 {
    padding-bottom: 18vw;
  }

  .MLeft10 {
    margin-left:2.666666667vw;
  }

  .MLeft30 {
    margin-left:8vw;
  }
  
  .MLeft60 {
    margin-left: 16vw;
  }

  .MRight60 {
    margin-right: 16vw;
  }
	
.MLeft60-pc {
  margin-right: 0.1vw;
}
	.PTop90-pagetop{
	margin-top:0vw;
}

  /* ナビゲーションバー */
  .navbar {
    z-index: 100;
  }

  .tmargin {
    margin-top: -1vw;
  }

  #navbar_brand_logo {
    width: 7.3206vw;
    height: 7.32064421669vw;
  }

  .iconTop {
    width:2.666666667vw;
    height:2.666666667vw;
  }

  .carousel-item img{
    width:100%;
  }

  .half img {
    height:43.9238653vw;
  }

  .carouselButton{
    height:8vw;
  }

  .logo-position {
    position:absolute;
    z-index:250;
    left:36%;
    top:92%;
    height:30vw;
  }

  .logo-position2 {
    position:absolute;
    z-index:250;
    left:30%;
    top:92%;
    height:30vw;
  }	
	
    /* メインセクション */
  .pic-middl {
    position: absolute;
    top:39%;
    left:16.5%;
  }

  .conv-middle {
    position: absolute;
    top:40%;
    left:29%;
  }

  .toy-middle {
    position: absolute;
    top:39%;
    left:10%;
  }

.map-middle {
  position: absolute;
  top:44%;
  left:12%;
}

  .ant-middle {
    position: absolute;
    top:45%;
    left:6%;
  }

  .priv-middle {
    position: absolute;
    top:40%;
    left:9%;
  }

  .arrow_down {
    position: absolute;
    top:95%;
    left:47%;
  }

  .btn-space {
    margin-right:2vw;
  }

  .line-2{
    line-height: 2.5;
  }

  .line-3{
    line-height: 3.5;
  }

  .MidLine {
    height:1px;
    background-color: #705C53;
  }

  .bg-img {
    height:75vw;
    width:75vw;
    border: 1px solid #705C53;
  }
  
  .in-box {
    height:75vw;
    width:75vw;
    border: 1px solid #705C53;
    margin-right:5vw;
  }

  .StraightLine {
    height:1px;
    width:24vw;
    background-color: #705C53;
  }

  .SP_box250 {
    height:66.66666667vw;
    width:66.66666667vw;
  }

  .SP_Map img {
    height: 80vw;
    width:66.66666667vw;
  }
	
	

  /* フッター */
  .LogoFooter img {
    width:80vw;
  }

}