/*=======================
	overwrite
=====================*/

.bread__inner.inner {
  width: 95%;
  max-width: inherit;
  /* border: #f00 thin solid; */
}


address {
  font-style: normal;
}



/*=======================
	// grand-header 
=====================*/

#grand-header {
  width: 100%;
  height: 40px;
  margin-bottom: 0;
  background-color: #3c3c41;
  display: flex;
  justify-content: center;
  align-items: center;
  /**/
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}

#grand-header a {
  width: 92px;
}

#grand-header a img {
  width: 100%;
}

.header.miyajiHeader {
  display: none;
}

@media print, screen and (min-width: 1000px) {

  #grand-header {
    height: 60px;
  }

  #grand-header a {
    width: 132px;
  }

}





/*=======================
	add module
=====================*/


.mw-1432 {
  max-width: 1432px;
}

.mw-1280 {
  max-width: 1280px;
}

/*=======================
	// font-family
=====================*/


.noto-serif-jp {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
}


.noto-serif-jp.fw200 {
  font-weight: 200;
}

.noto-serif-jp.fw300 {
  font-weight: 300;
}

.noto-serif-jp.fw400 {
  font-weight: 400;
}

.noto-serif-jp.fw500 {
  font-weight: 500;
}

.noto-serif-jp.fw600 {
  font-weight: 600;
}

.noto-serif-jp.fw700 {
  font-weight: 700;
}

.noto-serif-jp.fw800 {
  font-weight: 800;
}


.pinyon-script-regular {
  font-family: "Pinyon Script", cursive;
  font-weight: 400;
  font-style: normal;
}


.eb-garamond {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  /* font-weight: <weight>; */
  font-style: normal;
}

.eb-garamond.fw400 {
  font-weight: 400;
}

.eb-garamond.fw500 {
  font-weight: 500;
}

.eb-garamond.fw600 {
  font-weight: 600;
}

.eb-garamond.fw700 {
  font-weight: 700;
}

.eb-garamond.fw800 {
  font-weight: 800;
}







/*==========================
 color
============================*/

.brown {
  color: #7e5400;
}

.bronze {
  color: #9c8224;
}

.maroon {
  color: #6a1816;
}

.maroon2 {
  color: #800000;
}



.yellow_1 {
  color: #fbfaf4;
}

.gray-333 {
  color: #333;
}

.gray-555 {
  color: #555;
}

.gray-666 {
  color: #666;
}

.gray-999 {
  color: #999;
}









/*==========================
 list
============================*/


.lower-latin li {
  list-style-type: lower-latin;
}




/*==========================
 background
============================*/

/*fffcf3*/

.bg_yellow_0 {
  /* background-color: #fffcf3; */
  background-color: #fbfaee;
}


.bg_yellow_1 {
  background-color: #fbfaf4;
}

.bg_yellow_2 {
  background-color: #f4f1e5;
}



.bg-bronze {
  background-color: #9c8224;
}


.bg_beige {
  /* background-color: #faf3e2; */
  background-color: #f7f2e7;
}

.bg-latte {
  background-color: #e7dbcc;
}


.bg-keyred {
  background-color: #c8373c;
}


/*
bg-brown as #a6937c
*/

.bg-brown2 {
  background-color: #461203;
}

.bg-brown3 {
  background-color: #7e5400;
}

.bg-maroon {
  background-color: #6a1816;
}

.bg-maroon2 {
  background-color: #800000;
}

/*==========================
 border
============================*/
.border-666 {
  border: #666 thin solid;
}

.border-bronze {
  border: #9c8224 thin solid;
}


.bb-bronze {
  border-bottom: #9c8224 thin solid;
}

.border-keyred {
  border: #c8373c thin solid;
}


.border-bronze2 {
  border: #cfc9b0 thin solid;
}

.border-bronze2-3px {
  border: #cfc9b0 3px solid;
}

.border-brown-1px {
  border: #aa9872 1px solid;
}

.border-beige {
  border: #cec6bd 1px solid;
}

@media screen and (min-width: 1000px) {

  .center-line {
    position: relative;
  }

  .center-line::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background: #cec6bd;
    transform: translateX(-50%);
  }

}

/*==========================
 read_more
============================*/

.mobHidetxt {
  display: none;
}

ul.read_more {
  display: block;
}


@media screen and (min-width: 769px) {

  .mobHidetxt {
    display: block;
  }

  ul.read_more {
    display: none;
  }

}


/*==========================
	#wrap
============================*/

/* #wrap {
  background-color: #fffcf3;
} */



/*==========================
	#title
============================*/

#title {
  background: url(../img/pt_white.png) repeat;
}

#title h1 {
  width: 92%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

#title .h1_mob {
  display: block;
}

#title .h1_pc {
  display: none;
}

.belt {
  width: 100%;
  height: 30px;
  background: url(../img/pt_red.png) repeat center center;
}


@media screen and (max-width:768px) {
  #title {
    background: url(../img/pt_white.png) repeat;
    background-size: 20%;
  }

}



@media screen and (min-width: 768px) {

  #title h1 {
    width: 92%;
    max-width: 1378px;
  }

  #title .h1_mob {
    display: none;
  }

  #title .h1_pc {
    display: block;
  }


  .belt {
    height: 36px;
    background: url(../img/pt_red-s.png) repeat center center;
  }

}


/*==========================
	outline
============================*/


#outline .inside {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}


.deco-line-1 {
  width: 90%;
  /* max-width: 958px; */
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.deco-line-2 {
  width: 90%;
  /* max-width: 958px; */
  max-width: 506px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}


/*==========================
	highlights
============================*/

#local-nav li a {
  height: 50px;
  /* color: #461203; */
  color: #9c8224;
  background-color: #fff;
  border: #9c8224 2px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}


#local-nav li a::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 23px;
  background-image: url("../img/deco-5.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 26%;
  left: 5%;
  z-index: 2;
}

#local-nav li a::after {
  content: "";
  display: inline-block;
  width: 28px;
  height: 23px;
  background-image: url("../img/deco-6.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 26%;
  right: 5%;
  z-index: 2;
}



#wrap h3 {
  height: 120px;
  color: #fbfaf4;
  background: #3a0f04 url(../img/pt_brown.png) repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 1000px) {

  #local-nav li a {
    height: 70px;
  }


  #wrap h3 {
    height: 220px;
  }



  #local-nav li a::before {
    content: "";
    display: inline-block;
    width: 36px;
    height: 30px;
    background-image: url("../img/deco-5.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 28%;
    left: 5%;
    z-index: 2;
  }

  #local-nav li a::after {
    content: "";
    display: inline-block;
    width: 36px;
    height: 30px;
    background-image: url("../img/deco-6.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 28%;
    right: 5%;
    z-index: 2;
  }



}


/*==========================
	profile
============================*/

@media screen and (min-width: 1000px) {


  #profile p {
    display: inline;
  }

}

/*==========================
	sight-2
============================*/
.sight-2 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  /* margin-bottom: 60px; */
}

@media screen and (min-width: 1000px) {

  .sight-2 {
    width: 89%;
    /* margin-bottom: 90px; */
    max-width: 1280px;
  }
}

/*==========================
	apply
============================*/

#apply h4 {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#apply h4.first {
  background: #800000 url(../img/pt_maroon.png) repeat;
}


#apply .chart .txtbox {
  /* background-color: #faf3e2; */
  background-color: #f7f2e7;
}

#apply .chart h5 {
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  height: 120px;
  margin-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  background: #800000 url(../img/pt_maroon.png) repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}


#apply .chart .txtbox {
  margin-bottom: 30px;
}

#apply .chart .arrow {
  margin-bottom: 30px;
}

#apply .chart .arrow img.is-sp {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}


#apply .chart .arrow img.is-pc {
  display: none;
}

#apply .chart p {
  line-height: 1.6;
  padding: 10px 15px;
}

@media screen and (min-width: 1000px) {


  #apply h4 {
    height: 140px;
  }


  #apply .chart .txtbox {
    width: 28%;
    margin-bottom: 0;
  }


  #apply .chart .arrow {
    width: 7%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }

  #apply .chart .arrow img {
    width: 28px;
  }

  #apply .chart .arrow img.is-sp {
    display: none;
  }

  #apply .chart .arrow img.is-pc {
    display: block;
  }

}





/*==========================
brochure
============================*/

#brochure a {
  height: 120px;
  color: #fff;
  /* background-color: #800000; */
  background-color: #ac0000;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

#brochure a img {
  /* width: 64px; */
  width: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

#brochure a .txt {
  width: calc(100%-80px);
}

@media screen and (min-width: 768px) {
  #brochure a img {
    width: 64px;
    margin-left: 0;
    margin-right: 0;
  }
}