@charset "utf-8";
/* CSS Document */

/***************************************
 * layout
 ***************************************/
 
.l-flex {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.l-flex--around {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -ms-justify-content: space-around;
}
.l-flex--between {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
}
.l-flex--wrap {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.l-flex--center {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.l-flex--stretch {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  align-content: stretch;
  -webkit-align-content: stretch;
  -ms-align-content: stretch;
}

.l-float--right { float: right; }
.l-float--left { float: left; }

.l-static__sec { padding: 20px 10px 0; }
.l-static__sec--def { padding: 0; }


.o10 { opacity: 1!important; }

.ml0 { margin-left: 0!important; }

/***************************************
 * common
 ***************************************/

.ttl-cmn__01 { }

.ttl-cmn__02 {
  height: 18px;
  padding-left: 10px;
  font-size: 18px;
  font-weight: normal;
  border-left: 3px solid #000;
}

/***************************************
 * navi
 ***************************************/

/*==================
 * NavGuide
 */

.NavGuide { margin: 20px 10px 0; }
.NavGuide__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.NavGuide__item {
  width: 320px;
  box-sizing: border-box;
  text-align: center;
  font-size: 20px;
  margin: 0 10px 10px 0;
}
.NavGuide__item:nth-child(3n) { margin: 0; }

.NavGuide__item--on {
  line-height: 60px;
  background: url(/static/master/packages/default/images/common/btn_arrow_right.png) no-repeat center right 10px;
  background-color: #c79a74;
}
.NavGuide__item--off {
  line-height: 56px;
  border: 2px solid #9a5a24;
  background: url(/static/master/packages/default/images/common/btn_arrow_b_right.png) no-repeat center right 10px;
  background-color: #fff;
}
.NavGuide__list a {
  display: block;
}
.NavGuide__item a {
  color: #fff;
  text-decoration: none;
}

/*==================
 * NavGuide02
 */

.NavGuide02__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.NavGuide02__item {
  width: 188px;
  line-height: 24px;
  text-align: center;
  margin: 0 10px 10px 0;
}
.NavGuide02__item:nth-child(5n) { margin: 0; }
.NavGuide02__item--on {
  background: url(/static/master/packages/default/images/common/btn_arrow_right.png) no-repeat center right 10px;
  background-color: #ccc;
}
.NavGuide02__item--off {
  height: 24px;
  border: 1px solid #9a5a24;
  box-sizing: border-box;
  background: url(/static/master/packages/default/images/common/btn_arrow_b_right.png) no-repeat center right 10px;
  background-color: #fff;
}
.NavGuide02__list a {
  display: block;
}
.NavGuide02__item a {
  color: #fff;
  text-decoration: none;
}

/*==================
 * special / bulk / campaign
 */

.nav_guide02 { margin: 20px 10px 0; }
.nav_guide02__menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
}
.nav_guide02__btn--on, .nav_guide02__btn--off {
  text-align: center;
  font-size: 20px;
}
.nav_guide02__btn--on {
  width: 320px;
  line-height: 60px;
  background: url(/static/master/packages/default/images/common/btn_arrow_right.png) no-repeat center right 10px;
  background-color: #c79a74;
}
.nav_guide02__btn--off {
  width: 316px;
  line-height: 56px;
  border: 2px solid #9a5a24;
  background: url(/static/packages/default/images/special/btn_arrow_right.png) no-repeat center right 10px;
  background-color: #fff;
}
.nav_guide02__menu a {
  display: block;
}
.nav_guide02__btn--on a {
  color: #fff;
  text-decoration: none;
}

/*==================
 * map
 */
 
.nav__map {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  align-items: center;
  -webkit-align-content: center;
  -ms-align-content: center;
}
.nav__map--border {
  border: 1px solid #ccc;
  padding: 10px;
}
.nav__map p { margin: 0; }

.nav__map table {
  width: 460px;
  border: none;
  margin: 0 0 0 10px;
  padding: 0;
}
.nav__map table th,
.nav__map table td {
  border: none;
  margin: 0;
  padding: 10px;
}
.nav__map td { padding-left: 6px; }

.nav__map table ul {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  align-items: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  flex-wrap:wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.nav__map table li {
  list-style: none;
  margin: 0 8px 0 0;
}

/***************************************
 * static only
 ***************************************/

.aboutText {
  border: 4px double #ccc;
  padding: 10px 20px 20px;
}

.static-container .attention {
  color: #000;
  list-style: none;
  text-indent: -1em;
  padding-left: 1em;
}

.static-container .txt_lead {
  font-size: 16px;
  line-height: 1.4;
}
.static-container .txt_lead--large {
  font-size: 24px;
  font-weight: bold;
  text-align:center;
}

.color__hokkaido { background-color: #d4e8ff; }
.color__tohoku { background-color: #d3f6fe; }
.color__kanto { background-color: #ffeac9; }
.color__chubu { background-color: #ffe4e4; }
.color__kinki { background-color: #e3e9ca; }
.color__chugoku { background-color: #ddeee8; }
.color__shikoku { background-color: #ebe6dd; }
.color__kyusyu { background-color: #e3dcff; }
.color__okinawa { background-color: #f0d7f1; }

/*==================
 * company
 */

.CoBlk + .CoBlk { margin-top: 20px;}

.CoBlk__sub {
  width: 340px;
  margin-left: 20px;
}
.CoBlk__sub--pic { margin-top: 0; }
.CoBlk__sub--txt { font-size: 12px; }
.CoBlk__head--main {
  font-size: 20px;
  font-weight: bold;
  margin-top: 0;
}
.CoBlk__head--sub { text-align: right; }
.CoBlk__main { line-height: 1.8; }

/* about */

.CoAbout__txt--pl170 { padding-left: 170px; }

/*==================
 * special / bulk / campaign
 */

.SelectPage {
  padding: 0;
}
.SelectPage--close {
  margin-top: 0;
  padding-top: 20px;
  border-top: 1px dotted #ccc;
}

.SelectPage__list {
  list-style: none;
  margin: 0 20px 20px 0;
  width: 228px;
  height: 280px;
  background: #FFF9F3;
  border: 1px solid #ccc;
}
.SelectPage__list:nth-child(4n)  {
  margin: 0 0 20px 0;
}
.SelectPage__list a {
  display: block;
  height: 280px;
}
.SelectPage__head {
  padding: 0px 15px 5px;
  margin: 10px 0 0 0;
  text-decoration: underline;
  font-size: 16px;
  line-height: 1.4rem;

}
.SelectPage__body {
  display: inline-block;
  padding: 0px 15px 2px;
  font-size: 12px;
}

/***************************************
 * municiparity_list
 ***************************************/
 
.MuniList__main { width: 490px; }
.MuniList__list {
  width: 460px;
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
}
.MuniList__item {
  display:inline-block;
  width: 220px;
  height: 50px;
  background-color: #c79a74;
  background-image: url("../images/common/btn_arrow_right.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
  margin:0 10px 10px 0;
}
.MuniList__item a {
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  display:block;
  text-align: center;
  line-height: 50px;
}

.MuniList__item__nolink {
  display:inline-block;
  width: 220px;
  height: 50px;
  background-color: #c79a74;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 50px;
  margin:0 10px 10px 0;
}

.box_area01 h2 span { font-size: 30px!important; /* 20170620 */ }
#area03 h2 span, #area06 h2 span, #area07 h2 span { color:#000000; /* 20170620 */ }
#area09 {  background-color: #f0d7f1; }
#area09 h2 { background-image: url("../images/municipality_list/h2_municipality09.jpg"); }

.ReadMore {
  border: 4px double #ccc;
  padding: 10px 20px 20px;
}

.ReadMore__list {
  margin: 0;
  padding: 0;
}

.ReadMore__item {
  display:inline-block;
  padding:15px 20px 0 20px;
}