@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;}
.f-left{float: left;}
.f-right{float: right;}
.img100{width: 100%;}
.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;}

.center-left{text-align: center;}




/* パンくずリストcss *************************************************************** */
.bg_breadcrumb{}
.breadcrumb {
	text-align: left;
width: 1000px;
  padding: 0.2em 0em 0.2em;
  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 *************************************************************** */
#page_header{background-repeat: no-repeat;background-position: center;background-size: cover; margin-top: 150px; padding: 7em 0 7em;}
#page_header h2{text-align: left; font-size: 2.6em;color: #ffffff;line-height: 1.2;}
#page_header h2 span{display: block;font-size: 0.85em;}



.sec_ttl_left span{font-size: 0.6em;display: block;}
.sec_ttl_left{border-left: solid 5px #363b43; font-size: 2.2em;padding-left: 0.4em;margin-bottom: 1em;color:#363b43;}


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

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

.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 #3caeb8;
  border-right: solid 1px #3caeb8;
  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 #3caeb8;
  border-right: solid 1px #3caeb8;
  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: 3em auto 3em;}
.page_navi a:visited{color:#333;}
.page_navi_lr{font-size: 1.2em;color:#333;}
.more_btn{width: 40%;display: block;margin: 2em auto;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
.spnone{display: block;}
.sponly{display: none;}
}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
.spnone{display: none;}
.sponly{display: block;}
.f-left{float: none;}
.f-right{float: none;}
.w30per{width: 70%;margin:0 auto;}
.w80per{width: 100%;margin:0 auto;}
.w48per{width: 100%;margin-bottom: 3%;}
.w66per{width: 100%;position: relative;}	
.w90per{width: 100%;margin: 0 auto;}
.center-left{text-align: left;}

/* パンくずリストcss *************************************************************** */
.breadcrumb {
	width: 98%;
	padding-left: 2%;}	
.breadcrumb li a {
  font-size: 0.8em;
}	
/* パンくずリストcss *************************************************************** */
#page_header{background-repeat: no-repeat;background-position: center;background-size: contain; margin-top: 90px; padding: 4em 0 4em;}
#page_header h2{text-align: left; font-size: 1.8em;color: #ffffff;}
#page_header h2 span{display: block;font-size: 0.7em;}
	

.sec_ttl_left span{font-size: 0.5em;line-height: 1.0em;padding-top: 0.3em}
.sec_ttl_left{font-size: 1.8em;padding-left: 0.4em;margin-bottom: 1em;line-height: 1.14em;}
.page_navi_wrap{width: 100%;margin: 0 auto}
.more_btn{width: 70%;display: block;margin: 2em auto;}
}