@charset "UTF-8";
@import url('https://fonts.cdnfonts.com/css/barlow');
.contents_inner {
    display: block;
    padding-top: 120px;
    margin-top: -120px;
}
.overimg:hover{opacity: 0.5;}
.spnone{display: block;}
.sponly{display: none;}
.tbonly{display: none;}
.f-left{float: left;}
.f-right{float: right;}
.img100,.img100 img{width: 100%;height:auto;}
.normal{font-weight: normal;}
.justify{text-align: justify;}
.w48per{width: 48%;}
.w30per{width: 30%;}
.w48per img{width: 100%;}
.w66per{width: 66%;position: relative;}
.w80per{width: 80%;margin: 0 auto;}
.w90per{width: 90%;margin: 0 auto;}
.white{color:#ffffff;}
p{text-align: justify;}
.barlow{font-family: 'Barlow', sans-serif;}
.text_green{color:#0b8b83;}
.text_white{color:#ffffff;}
.center-left{text-align: center;}
.center{text-align: center;}
.shadow{filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.32));}

/* **********************　共通css ********************** */
#page_header{background-repeat: no-repeat;background-position: bottom center;background-size: cover; margin-top: 90px; padding: 5em 0 5em;}
/* 見出しのCSS */
.sec_ttl_left{font-size: 4.0em;text-align: left;}
.sub_title {
  display: flex;
  align-items: center;
  font-size: 1.2em;
  font-weight: 700;
  color: #000000;
}
.sub_title::after {
  content: '';
  display: block;
  width: 80px;
  height: 1.5px;
  background: #000000;
}
.sub_title::after {
  margin-left: 0.5em;
}
.page_sub_ttl{font-size: 1.8em;margin-bottom: 0.6em;}


/* パンくずリストcss *************************************************************** */
.bg_breadcrumb{position: relative; padding: 0;margin-top: 0px;}
.breadcrumb {
  position: relative;
  box-sizing: border-box;
  width: 1200px;
  padding: 0em 100px;
  text-align: left;
  list-style: none;
  overflow: hidden;
  margin: 0 auto;
}

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: normal;/*太字*/
}
.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #666666;
}
.breadcrumb li:last-child:after {
  content: '';
}
.breadcrumb li a {
  text-decoration: none;
  color: #666666;
	font-size: 0.8em;
}
.breadcrumb li a:hover {text-decoration: underline;}
/* パンくずリストcss *************************************************************** */

/* ====== ページネーションCSS ====== */
.pagination .page-numbers {
  color: #333;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  line-height: 1.2rem;
  position: relative;
  display: inline-block;
  border: solid 1px #333;
  padding: 6px 11px 5px;
  margin: 0 6px 5em;
}

.pagination .current {
  color: #fff;
  background-color: #333;
}

.pagination .dots {
  border: none;
  margin: 0 3px;
}

.pagination .prev {
  position: relative;
  padding-left: 23px;
}

.pagination .prev::after {
  display: block;
  content: '';
  width: 5px;
  height: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  transform: rotate(225deg);
  margin: auto;
}

.pagination .next {
  position: relative;
  padding-right: 23px;
}

.pagination .next::after {
  display: block;
  content: '';
  width: 5px;
  height: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  transform: rotate(45deg);
  margin: auto;
}

.pagination a:hover {
  color: #fff;
  background-color: #333;
  transition: .3s;
}

.pagination .prev:hover::after,
.pagination .next:hover::after {
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
}
.page_f-left{float: left;}
.page_f-right{float: right;}
.page_navi{width: 90%; margin: 5em auto 3em;}
a.page_navi_lr{font-size: 1.0em;color: #00a8af;}
.more_btn{width: 30%;display: block;margin: 2em auto;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
.spnone{display: block;}
.tbonly{display: block;}
.sponly{display: none;}
.breadcrumb {
  position: relative;
  box-sizing: border-box;
  width: 100%;
	padding:0em 5%;
  text-align: left;
  list-style: none;
  overflow: hidden;
  margin: 0 auto;
}
.container{
    position: relative;
    box-sizing: border-box;
    width: 100%;
	padding:2em 5%;
	margin:0 auto;
	text-align:left;
}

}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
.spnone{display: none;}
.sponly{display: block;}
.tbonly{display: none;}

.center-left{text-align: left;text-align: justify;}
.f-left{float: none;}
.f-right{float: none;}
.w90per{width: 100%;margin:0 auto;}
.w80per{width: 80%;margin:0 auto;}
.w48per{width: 100%;margin-bottom: 3%;}
.w66per{width: 100%;position: relative;}	
.lh_l {line-height:1.8 !important;}

/* パンくずリストcss *************************************************************** */
.breadcrumb {
	width: 98%;
	padding-left: 2%;}	
.breadcrumb li a {
  font-size: 0.8em;
}	
/* パンくずリストcss *************************************************************** */
	
#page_header{background-repeat: no-repeat;background-position: bottom center;background-size: cover; margin-top: 90px; padding: 2em 0 2em;}
/* 見出しのCSS */
.sec_ttl_left{font-size: 2.4em;text-align: left;}
.sub_title {
  display: flex;
  align-items: center;
  font-size: 0.84em;
  font-weight: 700;
  color: #000000;
}
.sub_title::after {
  content: '';
  display: block;
  width: 50px;
  height: 1.5px;
  background: #000000;
}

.sub_title::after {
  margin-left: 0.5em;
}
.page_sub_ttl{font-size: 1.14em;margin-bottom: 0.4em;}
	
/* ====== ページネーションCSS ====== */
.pagination .page-numbers {
  color: #333;
  font-size: 0.74em;
  text-align: center;
  text-decoration: none;
  line-height: 1.2rem;
  position: relative;
  display: inline-block;
  border: solid 1px #333;
  padding: 3px 8px 2px;
  margin: 0 1px 3em;
}

.pagination .current {
  color: #fff;
  background-color: #333;
}

.pagination .dots {
  border: none;
  margin: 0 1px;
}

.pagination .prev {
  position: relative;
  padding-left: 20px;
}

.pagination .prev::after {
  display: block;
  content: '';
  width: 5px;
  height: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  transform: rotate(225deg);
  margin: auto;
}

.pagination .next {
  position: relative;
  padding-right: 20px;
}

.pagination .next::after {
  display: block;
  content: '';
  width: 5px;
  height: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  transform: rotate(45deg);
  margin: auto;
}

.page_navi{width: 100%; margin: 5em auto 3em;}
a.page_navi_lr{font-size: 1.0em;color: #00a8af;font-size: 0.84em;}
.more_btn{width: 60%;display: block;margin: 2em auto;}
}