/* #member
----------------------------------------- */
footer {
    margin-top: 0;
}

#page_ttl_wrap .ttl_wrap h1 span {
    color: #FFFFFF;
}


#page_ttl_wrap_single .ttl_wrap {
    top: calc(100% - 31vw);
}

#page_ttl_wrap_single .ttl_wrap .position {
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	line-height: 1.56;
	margin-top: calc(60 / 1960 * 100%);
}
#page_ttl_wrap_single .ttl_wrap h3.name {
	font-size: 2.8rem;
    letter-spacing: 0.333em;
	line-height: 1;
	margin-top: 2.5rem;
}
#page_ttl_wrap_single .ttl_wrap .info {
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	line-height: 1.56;
	margin-top: 2.5rem;
}

#page_ttl_wrap_single .ttl_wrap .ttl {
	margin-top: 0;
}
#page_ttl_wrap_single .ttl_wrap .ttl::before {
	content: "";
	display: block;
    height: calc(60 / 1960 * 100%);
	min-height: 5rem;
}

@media screen and (max-width: 1440px) {
#page_ttl_wrap_single .ttl_wrap {
	top: 22rem;
}
}

@media screen and (max-width: 768px) {
footer {
    margin-top: 0;
}
  #member img {
    width: 100%;
  }
  #member .conBox .inner {
    padding: 0;
  }
	
#page_ttl_wrap_single .ttl_wrap {
	top: 0;
}
	
#page_ttl_wrap_single .ttl_wrap .ttl {
	margin-top: 0;
}
	
#page_ttl_wrap_single .ttl_wrap h1 {
    top: -30rem;
}
#page_ttl_wrap_single .ttl_wrap h1 span {
    color: #c8c8c8;
}
	
#page_ttl_wrap_single .ttl_wrap .ttl::before {
    height: calc(60 / 1960 * 100%);
	min-height: 3.5rem;
}
	
#page_ttl_wrap_single .ttl_wrap .position {
    font-size: 1.3rem;
    margin-top: 2.5rem;
}
#page_ttl_wrap_single .ttl_wrap h3.name {
    font-size: 1.6rem;
    letter-spacing: 0.3em;
    line-height: 1;
    margin-top: 1.5rem;
}
#page_ttl_wrap_single .ttl_wrap .info {
    font-size: 1.3rem;
    margin-top: 1.0rem;
}
}



/* #post_profile_wrap
----------------------------------------- */
#post_profile_wrap {
	padding-top: 15rem;
	padding-bottom: 14rem;
	position: relative;
	z-index: 2;
}
#post_profile_wrap .profile_wrap {
	width: 100%;
	max-width: 72rem;
	margin: auto;
}
#post_profile_wrap h2 {
	font-size: 3.0rem;
	letter-spacing: 0.1em;
    line-height: 1;
	color: #C8C8C8;
	margin-top: 0;
	margin-bottom: 3.0rem;
}
#post_profile_wrap .profile {
	letter-spacing: 0.02em;
	line-height: 2.375;
	font-weight: 500;
}
@media screen and (max-width: 768px) {
#post_profile_wrap {
    padding-top: 4rem;
    padding-bottom: 7rem;
}
#post_profile_wrap h2 {
    font-size: 1.8rem;
    margin-bottom: 2.0rem;
}
#post_profile_wrap .profile {
	letter-spacing: 0;
	line-height: 2;
}
}


/* #post_con_wrap
----------------------------------------- */
#post_con_wrap {
	padding-top: 20rem;
	padding-bottom: 20rem;
	margin-bottom: 20rem;
	position: relative;
	z-index: 2;
}
#post_con_wrap::before {
	content: "";
	display: block;
	width: -webkit-calc(1740 / 1920 * 100%);
    width: calc(1740 / 1920 * 100%);
	min-width: 144rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background-color: #eef8f5;
	z-index: -1;
}

#post_con_wrap img {
	width: auto;
	max-width: 100%;
	height: auto;
}

#post_con_wrap h2.ttl {
	width: 100%;
    height: auto;
    min-height: 6rem;
    background-color: #8cd3bc;
    font-size: 2.2rem;
    letter-spacing: 0;
	color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.8rem 2.5rem;
    margin-top: 0;
    margin-bottom: 4rem;
}

#post_con_wrap h2.ttl,
#post_con_wrap h2.ttl a {
	/*color: #001e46;*/
}

#post_con_wrap h3.ttl {
	width: 100%;
	height: auto;
    min-height: 6rem;
    background-color: #8cd3bc;
    font-size: 2.2rem;
    letter-spacing: 0;
	color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 1.3rem 2.5rem;
	margin-top: 0;
	margin-bottom: 4rem;
}

#post_con_wrap h3.ttl,
#post_con_wrap h3.ttl a {
	color: #FFFFFF;
}

#post_con_wrap .post_con {
    line-height: 2;
	margin-bottom: 12rem;
	background-color: #FFFFFF;
	padding: 12rem;
	padding-top: 11rem;
	font-weight: 500;
}

#post_con_wrap .post_con p {
}


#post_con_wrap .post_con h1.ttl {
	font-size: 4.5rem;
	letter-spacing: 0.1em;
	line-height: 1;
	font-weight: 700;
	color: #b4b4b4;
	margin-bottom: 8rem;
}

article._default {
	font-size: 1.6rem;
	line-height: 2;
}
article._default:not(:last-child) {
	margin-bottom: 7rem;
}

article._default pre {
  	white-space: pre-wrap;
  	word-wrap: break-word;
  	overflow: auto;
}

article._default .aligncenter {
  display: block;
  margin: 1rem auto;
}
article._default .alignright {
  float: right;
  margin-left: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
article._default .alignleft {
  float: left;
  margin-right: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
article._default {
	font-size: 1.3rem;
	line-height: 2;
}
article._default:not(:last-child) {
	margin-bottom: 4rem;
}
  article._default .alignright {
    float: none;
    margin-left: 0;
    margin-top: 1rem;
  }
  article._default .alignleft {
    float: none;
    margin-right: 0;
    margin-top: 1rem;
  }
}
article._default p {
  line-height: 2;
}
article._default p span {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  article._default p {
    line-height: 2;
  }
  article._default p span {
    line-height: 2;
  }
}

article._default .con_wrap:not(:last-child) {
  margin-bottom: 6rem;
}

article._default h1, article._default h2, article._default h3, article._default h4, article._default h5, article._default h6 {
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: inherit;
  margin: 0px;
  padding: 0px;
  border: none;
  clear: both;
  color: inherit;
  margin-bottom: 1rem;
}
article._default h1:not(:first-child), article._default h2:not(:first-child), article._default h3:not(:first-child), article._default h4:not(:first-child), article._default h5:not(:first-child), article._default h6:not(:first-child) {
  margin-top: 1.75rem;
}
article._default h1 {
  font-size: 2.8rem;
	line-height: 1.571428571428571;
}
article._default h2 {
  font-size: 2.6rem;
	line-height: 1.576923076923077;
}
article._default h3 {
  font-size: 2.4rem;
  line-height: 1.583333333333333;
}
article._default h4 {
  font-size: 2.2rem;
	line-height: 1.590909090909091;
}
article._default h5 {
  font-size: 2.0rem;
	line-height: 1.6;
}
article._default h6 {
  font-size: 1.8rem;
	line-height: 1.611111111111111;
}
article._default a {
  color: #b4b4b4;
  vertical-align: middle;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
article._default a:active, article._default a:hover {
  filter: alpha(opacity=60);
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
article._default a:not(._type1):not(._type2)[target="_blank"] {
  display: inline-block;
  margin-right: 1.5rem;
  position: relative;
}
article._default a:not(._type1):not(._type2)[target="_blank"]::after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20524.4%20524.4%22%3E%3Cstyle%3E.st0%7Bfill%3A%234b4b4b%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M102.2%206.2v416h416V6.2h-416zm376%20376h-336v-336h336v336z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M46.2%20478.2v-376h-40v416h416v-40h-40z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M239%20319l117.9-117.8V286h40V132.9H243.8v40h84.8L210.7%20290.8z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  width: 0.85rem;
  margin: 0 0.5rem;
  height: 1rem;
  vertical-align: middle;
  position: absolute;
  right: 0rem;
  top: 50%;
  transform: translate(200%, -40%);
}
article._default a.arrow._type1:not(:last-child) {
  margin-right: 1rem;
}
article._default .uline {
  border-bottom: 1px solid #000;
}
article._default strong {
}
article._default ruby > rt {
  transform: translateY(0.3em);
}
article._default sup {
  font-size: 70%;
  vertical-align: top;
  position: relative;
  top: -0.25rem;
}
article._default sub {
  font-size: 70%;
  vertical-align: bottom;
  position: relative;
  bottom: -0.25rem;
}
article._default mark {
  color: inherit;
  background: linear-gradient(transparent 70%, rgba(0, 40, 76, 0.2) 70%);
}
article._default img[class*="wp-image-"],
article._default img[class*="attachment-"] {
  max-width: 100%;
  height: auto;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
article._default .wp-caption {
  max-width: 100%;
}
article._default .wp-caption img {
  margin-bottom: 0;
}
article._default .wp-caption .wp-caption-text {
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
article._default ul, article._default ol {
  padding-left: 1.5rem;
  font-size: 1rem;
  line-height: inherit;
  letter-spacing: inherit;
  margin: 0.5rem 0;
}
article._default ul li, article._default ol li {
  position: relative;
  margin-top: 0.5rem;
}
article._default ul li:not(:first-child), article._default ol li:not(:first-child) {
  margin-top: 0.5rem;
}
article._default ul li ul, article._default ul li ol, article._default ol li ul, article._default ol li ol {
  margin-top: 0;
  margin-bottom: 0;
}
article._default ul li {
  list-style: disc;
}
article._default ol li {
  list-style: decimal;
}
article._default ul.caution li {
  list-style: none;
  margin-left: -1.5rem;
  padding-left: 1.5rem;
}
article._default ul.caution li::before {
  content: "※";
  position: absolute;
  left: 0;
}
article._default hr {
  border-top: 1px solid #E6E6E6;
  margin: 3.75rem 0;
}
article._default blockquote {
  display: block;
  border-left: 0.625rem solid #ccc;
  padding: 0em 2rem;
  margin: 0;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
article._default table {
  border-collapse: collapse;
}
article._default table thead tr th, article._default table thead tr td,
article._default table tbody tr th,
article._default table tbody tr td {
  font-family: inherit;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 0.84375rem 1.875rem;
  vertical-align: middle;
  text-align: left;
}
article._default table thead tr th:first-child, article._default table thead tr td:first-child,
article._default table tbody tr th:first-child,
article._default table tbody tr td:first-child {
  padding-left: 0;
}
article._default table thead tr th:not(:first-child), article._default table thead tr td:not(:first-child),
article._default table tbody tr th:not(:first-child),
article._default table tbody tr td:not(:first-child) {
  border-left: 1px solid #000;
}
article._default table thead tr th:not(:last-child), article._default table thead tr td:not(:last-child),
article._default table tbody tr th:not(:last-child),
article._default table tbody tr td:not(:last-child) {
  border-right: 1px solid #000;
}
article._default table thead thead th, article._default table thead thead td,
article._default table tbody thead th,
article._default table tbody thead td {
  text-align: center;
}
article._default table.mce-item-table th, article._default table.mce-item-table td {
  border: 1px solid #333;
}
article._default table._w100per {
  width: 100%;
}
article._default table._h_scroll {
  width: 100vw;
  margin: 1rem -3.90625rem;
  padding: 0 3.90625rem;
  white-space: nowrap;
  display: block;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
article._default table._h_scroll tbody {
  max-width: 100%;
  display: table;
}
@media screen and (max-width: 768px) {
  article._default table._h_scroll {
    max-width: none;
    margin: 1rem -2.734375rem;
    padding: 0 2.734375rem;
  }
	
article._default .con_wrap {
  margin-bottom: 3rem;
}
	
article._default h1 {
  font-size: 1.7rem;
	line-height: 1.647058823529412;
}
article._default h2 {
  font-size: 1.65rem;
	line-height: 1.636363636363636;
}
article._default h3 {
  font-size: 1.6rem;
  line-height: 1.625;
}
article._default h4 {
  font-size: 1.5rem;
	line-height: 1.666666666666667;
}
article._default h5 {
  font-size: 1.45rem;
	line-height: 1.689655172413793;
}
article._default h6 {
  font-size: 1.4rem;
	line-height: 1.714285714285714;
}
}


article._default table.skelton {
  border: none;
}
article._default table.skelton thead tr th, article._default table.skelton thead tr td,
article._default table.skelton tbody tr th,
article._default table.skelton tbody tr td {
  border: none;
  padding: 0.25rem 0;
}
article._default table.skelton thead tr th:not(:last-child), article._default table.skelton thead tr td:not(:last-child),
article._default table.skelton tbody tr th:not(:last-child),
article._default table.skelton tbody tr td:not(:last-child) {
  padding-right: 1.5rem;
}
article._default table.skelton.mce-item-table th, article._default table.skelton.mce-item-table td {
  border: 1px dashed #ccc;
}
article._default .video {
  position: relative;
}
article._default .video::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
article._default .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
article._default .wpview {
  position: relative;
}
article._default .wpview .mce-shim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
article._default::after {
  content: "";
  display: block;
  clear: both;
}


#post_con_wrap .post_con_foot {
	text-align: center;
}

#post_con_wrap .post_con_foot a {
	display: flex;
}

#post_con_wrap .post_con_foot .share_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}

#post_con_wrap .post_con_foot .share_wrap li.share_ttl {
	font-size: 2.2rem;
	letter-spacing: 0.2em;
	line-height: 1;
	font-weight: 700;
	margin-right: 3.0rem;
}
#post_con_wrap .post_con_foot .share_wrap li {
	margin-right: 2.0rem;
}
#post_con_wrap .post_con_foot .share_wrap li:last-child {
	margin-right: 0;
}
#post_con_wrap .post_con_foot .share_wrap li img {
	width: 2.8rem;
}
#post_con_wrap .post_con_foot .share_wrap li.share_twitter img {
	margin-top: 0.3rem;
}

#breadcrumb {
	margin-bottom: 25px;
}

#breadcrumb li {
	display: inline-flex;
	align-items: center;
	color: rgba(153,153,153,1.00);
	font-size: 1.2rem;
	margin-right: 0.5rem;
}

#breadcrumb li:last-child {
	margin-right: 0rem;
}

#breadcrumb li a {
	color: rgba(153,153,153,1.00) !important;
}


#post_con_wrap .pagenavi {
	margin-top: 15rem;
}

#post_con_wrap .pagenavi li {
	width: 31%;
	text-align: center;
	align-items: center;
}

#post_con_wrap .pagenavi li a {
	color: #8cd3bc;
	letter-spacing: 0.15em;
	-webkit-transition: all .6s;
    transition: all .6s;
}
#post_con_wrap .pagenavi li a:hover {
	color: #b4b4b4;
}

#post_con_wrap .pagenavi li:first-child {
	text-align: left;
}
#post_con_wrap .pagenavi li:last-child {
	text-align: right;
}


#post_con_wrap .pagenavi li a.next {
	position: relative;
	display: inline-flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding: 0;
	-webkit-transition: all .6s;
	transition: all .6s;
    margin-right: 10rem;
}

#post_con_wrap .pagenavi li a.next span {
	display: block;
	margin-right: 4rem;
	padding: 0;
}

#post_con_wrap .pagenavi li a.next span::before,
#post_con_wrap .pagenavi li a.next span::after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
}

#post_con_wrap .pagenavi li a.next span::before {
	width: 2rem;
    height: .6rem;
    right: 1rem;
    border-bottom: 2px solid #8cd3bc;
    -webkit-transition: all .6s;
    transition: all .6s;
    transform-origin: left bottom;
    transform: translate(0,-50%);
}
#post_con_wrap .pagenavi li a.next span::after {
	width: 1rem;
    right: 1rem;
    border-bottom: 0.6rem solid #8cd3bc;
    border-right: 1rem solid transparent;
    -webkit-transition: all .6s;
    transition: all .6s;
    transform: translate(100%,-50%);
}

#post_con_wrap .pagenavi li a.next span:active:before,
#post_con_wrap .pagenavi li a.next span:hover:before {
	border-bottom-color: #b4b4b4;
	width: 3rem;
	right: 0;
}
#post_con_wrap .pagenavi li a.next span:active:after,
#post_con_wrap .pagenavi li a.next span:hover:after {
	border-bottom-color: #b4b4b4;
	right: 0
}


#post_con_wrap .pagenavi li a.prev {
	position: relative;
	display: inline-flex;
	align-items: flex-end;
	justify-content: flex-start;
	padding: 0;
	-webkit-transition: all .6s;
	transition: all .6s;
    margin-left: 10rem;
}

#post_con_wrap .pagenavi li a.prev span {
	display: block;
	margin-left: 4rem;
	padding: 0;
}

#post_con_wrap .pagenavi li a.prev span::before,
#post_con_wrap .pagenavi li a.prev span::after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
}

#post_con_wrap .pagenavi li a.prev span::before {
	width: 2rem;
    height: .6rem;
    left: 1rem;
    border-bottom: 2px solid #8cd3bc;
    -webkit-transition: all .6s;
    transition: all .6s;
    transform-origin: left bottom;
    transform: translate(0,-50%);
}
#post_con_wrap .pagenavi li a.prev span::after {
	width: 1rem;
    left: 0;
    border-bottom: 0.6rem solid #8cd3bc;
    border-left: 1rem solid transparent;
    -webkit-transition: all .6s;
    transition: all .6s;
    transform: translate(0,-50%);
}

#post_con_wrap .pagenavi li a.prev span:active:before,
#post_con_wrap .pagenavi li a.prev span:hover:before {
	border-bottom-color: #b4b4b4;
	width: 3rem;
	left: 0;
}
#post_con_wrap .pagenavi li a.prev span:active:after,
#post_con_wrap .pagenavi li a.prev span:hover:after {
	border-bottom-color: #b4b4b4;
	left: -1rem;
}



@media screen and (max-width: 768px) {
#post_con_wrap {
	padding-top: 7.5rem;
	padding-bottom: 7.5rem;
    margin-bottom: 6em;
}
	#post_con_wrap .inner {
}
	
	#post_con_wrap h2.ttl {
	font-size: 1.5rem;
    line-height: 1.56;
	padding: 1.5rem 1.5rem;

    margin-bottom: 2.5rem;
}
	
	#post_con_wrap .post_con {
    line-height: 2;
	margin-bottom: 4.5rem;
	background-color: #FFFFFF;
	padding: 3.5rem 2.5rem 0.5rem;
}

	#post_con_wrap .post_con h1.ttl {
	font-size: 2.6rem;
	margin-bottom: 3.5rem;
}
	
	#post_con_wrap .post_con_foot {

}

	#post_con_wrap .post_con_foot .company_info {
    margin-top: 3rem;
    font-size: 1.2rem;
}
	#post_con_wrap .post_con_foot .company_info h3 {
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
}
	#post_con_wrap .post_con_foot .company_info h3 span {
    font-size: 1.3rem;
    margin-bottom: 1.0rem;
}
	
	#post_con_wrap .blog_base_wrap {
    flex-flow: wrap-reverse;
}

    
	#post_con_wrap .post_con_foot .share_wrap li.share_ttl {
	font-size: 1.5rem;
    margin-right: 1.5rem;
	margin-top: 0.3rem;
}
	#post_con_wrap .post_con_foot .share_wrap li {
    margin-right: 1.5rem;
}
	#post_con_wrap .post_con_foot .share_wrap li a {
		width: 2rem;
}
	#post_con_wrap .post_con_foot .share_wrap li img {
		    margin: 0;
		max-width: 99%;
}
	#post_con_wrap .post_con_foot .share_wrap li.share_twitter img {
    margin-top: 0;
}
	
	#post_con_wrap .pagenavi {
	margin-top: 5rem;
}
	#post_con_wrap .pagenavi li:first-child .arrow::after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    width: 2rem;
    height: .6rem;
    border-bottom: 2px solid #001e46;
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    transition: width .5s;
}
	#post_con_wrap .pagenavi li:last-child .arrow::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    width: 2rem;
    height: .6rem;
    border-bottom: 2px solid #001e46;
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    transition: width .5s;
}
	#post_con_wrap .pagenavi li:last-child .arrow {
	margin-left: 0.5rem;
}
	#post_con_wrap .pagenavi li:first-child .arrow {
	margin-right: 0.5rem;
}
	
#post_con_wrap .txt_wrap {
    width: 100%;
    margin-top: 2rem;
	line-height: 2;
}

}



/* post_list_wrap
----------------------------------------- */
#post_list_wrap {
	padding-top: 18rem;
	padding-bottom: 12rem;
	margin-bottom: 18rem;
	position: relative;
}
#post_list_wrap::before {
	content: "";
	display: block;
	width: -webkit-calc(1740 / 1920 * 100%);
    width: calc(1740 / 1920 * 100%);
	min-width: 144rem;
	height: -webkit-calc(100% - 50rem);
    height: calc(100% - 50rem);
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background-color: #eef8f5;
	z-index: -1;
}

#post_list_wrap .post_list > li {
	width: -webkit-calc(290 / 960 * 100%);
	width : calc(290 / 960 * 100%);
	margin-bottom: 8rem;
	background-color: #FFFFFF;
	overflow: hidden;
}


#post_list_wrap .lead_wrap {
	margin-bottom: 10rem;
}
#post_list_wrap h1 {
	font-family: 'Roboto', 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 4.5rem;
	letter-spacing: 0.05em;
	line-height: 1.88;
	text-align: left;
}
#post_list_wrap h1 span {
	display: block;
	font-size: 1.7rem;
	letter-spacing: 0.08em;
	line-height: 1;
	font-weight: 700;
}
#post_list_wrap .lead {
	margin-top: 5rem;
	letter-spacing: 0.02em;
	line-height: 2.375;
}

#post_list_wrap .post_list .thumbnail {
}
#post_list_wrap .post_list .thumbnail a {
	display: block;
	width: 100%;
    padding-top: 67.2413%;
    position: relative;
	overflow: hidden;
    -webkit-transition: all .6s;
    transition: all .6s;
}
#post_list_wrap .post_list .thumbnail .img_wrap {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all .6s;
    transition: all .6s;
    overflow: hidden;
}
#post_list_wrap .post_list .thumbnail .img_wrap:hover {
    transform: scale(1.08);
}

#post_list_wrap .post_list .category {
	justify-content: flex-start;
    align-items: center;
}

#post_list_wrap .post_list .cat_list {
	justify-content: flex-start;
}

#post_list_wrap .post_list .cat_list li {
	margin-left: 0.2rem;
    margin-bottom: 0.2rem;
}

#post_list_wrap .post_list .cat_list li:first-child {
	margin-left: 0;
}

#post_list_wrap .post_list .cat_list li a {
	font-size: 1.2rem;
    line-height: 1;
    display: block;
    width: auto;
    padding: 0;
    -webkit-transition: all .6s;
    transition: all .6s;
}

#post_list_wrap .post_list .txt_wrap {
	width: 100%;
	padding: 3.0rem;
	padding-bottom: 4.0rem;
}
#post_list_wrap .post_list .txt_wrap h2 {
	font-size: 1.8rem;
    letter-spacing: 0.06em;
	line-height: 1.5;
	font-weight: 500;
}

#post_list_wrap .post_list .txt_wrap .position {
	font-size: 1.6rem;
	letter-spacing: 0.025em;
	line-height: 1.56;
	margin-top: 2.0rem;
	font-weight: 500;
}
#post_list_wrap .post_list .txt_wrap h3.name {
	font-size: 1.8rem;
    letter-spacing: 0.3em;
	line-height: 1;
	margin-top: 1.5rem;
}
#post_list_wrap .post_list .txt_wrap .info {
	font-size: 1.6rem;
	letter-spacing: 0.025em;
	line-height: 1.56;
	margin-top: 1.5rem;
	font-weight: 500;
}


#post_list_wrap .post_list .btn_wrap {
    margin-top: 3rem;
}

#post_list_wrap .post_list .btn._type1 {
    /*font-size: 1.6rem;*/
	letter-spacing: 0.18em;
    width: 100%;
    height: 4.5rem;
    border-radius: 2.25rem;
    padding-left: 2.5rem;
}

#post_list_wrap .cat_list li a:hover {
}
#post_list_wrap .cat_list_wrap .date {
    font-size: 1.2rem;
	letter-spacing: 0.1em;
    line-height: 1;
	margin-bottom: 0.8rem;
}

#post_list_wrap .cat_list_con {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding-bottom: 12rem;
}
#post_list_wrap .cat_list_con h2 {
	font-size: 1.6rem;
	letter-spacing: 0.02em;
	line-height: 2;
	white-space: nowrap;
	margin-right: 4rem;
	color: #6e6e6e;
}

#post_list_wrap .cat_list_con .cat_list_wrap {
	display: table;
}
#post_list_wrap .cat_list_con .cat_list_wrap::before {
	content: "";
	display: table-cell;
	width: 0.1rem;
	height: -webkit-calc(100% - 2rem);
    height: calc(100% - 2rem);
	background-color: #6e6e6e;
}

#post_list_wrap .cat_list_wrap .cat_list {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-left: 4rem;
    margin-bottom: -2rem;
}
#post_list_wrap .cat_list_wrap .cat_list > li {
	margin-right: 2rem;
	margin-bottom: 2rem;
}
#post_list_wrap .cat_list_wrap .cat_list > li a {
	display: flex;
    align-items: center;
    width: auto;
    height: auto;
    min-height: 4rem;
    padding: 1.1rem 2rem 1.3rem;
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 1;
    white-space: nowrap;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #b4b4b4;
    border-radius: 10rem;
    -webkit-transition: all .6s;
    transition: all .6s;
}
#post_list_wrap .cat_list_wrap .cat_list > li.current a,
#post_list_wrap .cat_list_wrap .cat_list > li a:hover {
	background-color: #8cd3bc;
}



#post_list_wrap.related_posts {
    padding-top: 0;
    padding-bottom: 20rem;
    margin-bottom: 0;
}
#post_list_wrap.related_posts::before {
	display: none;
}

#post_list_wrap.related_posts .post_list > li {
    background-color: #eef8f5;
}
#post_list_wrap.related_posts .post_list .btn_wrap {
    margin-top: 3rem;
}
#post_list_wrap.related_posts .post_list .btn_wrap a {
    border: none;
}

#post_list_wrap.related_posts .ttl_wrap {
    margin-bottom: 6rem;
}

#post_list_wrap.related_posts .ttl_wrap h1 {
    text-align: left;
	position: relative;
}
#post_list_wrap.related_posts .ttl_wrap h1 span {
    line-height: 1;
    color: #b4b4b4;
    display: block;
}
#post_list_wrap.related_posts .ttl_wrap h1 span.fAbc {
    font-size: 4.5rem;
    letter-spacing: 0.1em;
	line-height: .75;
	font-weight: 700;
}
#post_list_wrap.related_posts .ttl_wrap h1 span.sub {
    font-size: 1.8rem;
    letter-spacing: 0.05em;
    margin-top: 1.5rem;
	font-weight: 500;
}

#post_list_wrap.related_posts .btn_wrap {
    margin-top: 2rem;
}

#post_list_wrap.related_posts .post_list .ttl_wrap {
    margin-bottom: 0;
}


@media screen and (max-width: 768px) {
#post_list_wrap {
	padding-top: 6rem;
	padding-bottom: 8rem;
	margin-bottom: 0;
	position: relative;
}
#post_list_wrap::before {
	height: -webkit-calc(100% - 40rem);
    height: calc(100% - 40rem);
}
	
#post_list_wrap h1 {
    font-size: 2.1rem;
    letter-spacing: 0;
    white-space: nowrap;
}
#post_list_wrap h1 span {
    font-size: 1.0rem;
	margin-top: 1rem;
}
	
#post_list_wrap .lead_wrap {
    margin-bottom: 5rem;
}
#post_list_wrap .lead {
    margin-top: 3rem;
	letter-spacing: 0;
	line-height: 2;
}
	
#post_list_wrap .cat_list_con {
    padding-bottom: 6rem;
	flex-wrap: wrap;
}
#post_list_wrap .cat_list_con h2 {
    font-size: 1.3rem;
    margin: 0;
}
#post_list_wrap .cat_list_con .cat_list_wrap {
	width: 100%;
    display: block;
}
#post_list_wrap .cat_list_con .cat_list_wrap::before {
    content: "";
    display: block;
    width: 100%;
    height: 0.1rem;
	margin: 1.5rem 0 2rem;
}
#post_list_wrap .cat_list_wrap .cat_list {
    display: block;
    margin-left: 0;
    margin-bottom: 0;
}
#post_list_wrap .cat_list_wrap .cat_list > li {
	display: flex;
    margin-right: 1rem;
    margin-bottom: 1rem;
}
#post_list_wrap .cat_list_wrap .cat_list > li:last-child {
    margin-bottom: 0;
}
#post_list_wrap .cat_list_wrap .cat_list > li a {
    min-height: 2.5rem;
    padding: 0.6rem 2rem 0.7rem;
    font-size: 1.3rem;
}
	
#post_list_wrap .post_list > li {
    width: 100%;
    margin-bottom: 4.5rem;
    padding-bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
#post_list_wrap .post_list > li:last-child {
    margin-bottom: 0;
}
	
#post_list_wrap .post_list .thumbnail {
    width: 100%;
}
#post_list_wrap .post_list .txt_wrap {
    width: 100%;
    padding: 3.0rem 2.5rem 3.5rem;
}

#post_list_wrap .post_list .txt_wrap h2 {
    font-size: 1.6rem;
}
#post_list_wrap .post_list .txt_wrap .position {
    font-size: 1.3rem;
    margin-top: 2rem;
}
#post_list_wrap .post_list .txt_wrap h3.name {
    font-size: 1.6rem;
    margin-top: 1.5rem;
}
#post_list_wrap .post_list .txt_wrap .info {
    font-size: 1.3rem;
    margin-top: 1.0rem;
}
#post_list_wrap .post_list .btn_wrap {
    margin-top: 3rem;
}
	
#post_list_wrap.related_posts {
    padding-bottom: 7.5rem;
}

#post_list_wrap.related_posts .post_list > li:first-child {
    border: none;
}
	
#post_list_wrap.related_posts .inner > .ttl_wrap {
    margin-bottom: 5rem;
}
	
#post_list_wrap.related_posts .ttl_wrap {
    margin-bottom: 0;
}
#post_list_wrap.related_posts .ttl_wrap h1 span.fAbc {
    font-size: 2.6rem;
}
#post_list_wrap.related_posts .ttl_wrap h1 span.sub {
    font-size: 1.3rem;
    margin-top: 1.0rem;
}
#post_list_wrap.related_posts .btn_wrap {
    margin-top: 4rem;
	text-align: center;
}
#post_list_wrap .post_list .btn._type1 {
    font-size: 1.4rem;
}
}


/* pagenation
----------------------------------------- */
#pagenation{
	text-align: center;
    padding-top: 7rem;
	position: relative;
}
#pagenation #pagenation-list{
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
	width: 100%;
	position: relative;
}

#pagenation #pagenation-list li{
	background: none;
	list-style: none;
}
#pagenation #pagenation-list li:first-child {
	
}
#pagenation #pagenation-list li:last-child,
#pagenation #pagenation-list li:nth-last-child(2) {
	border-right: none;
}
#pagenation #pagenation-list li:last-child {
	margin-right: 0;
}
#pagenation #pagenation-list a,#pagenation #pagenation-list span{
	background: none;
	display: block;
	margin: 0;
    line-height: 1.2;
	padding: 0 1rem;
	text-align: center;
}
#pagenation #pagenation-list .current{
	color: #b4b4b4;
}
#pagenation #pagenation-list .omit{
	padding: 0 2px;
	color: #8cd3bc;
}
#pagenation #pagenation-list li a {
	color: #8cd3bc;
	text-decoration: none;
}

#pagenation #pagenation-list li a:hover {
	color: #b4b4b4;
}

#post_con_wrap .pagenavi li:first-child {
	text-align: left;
}

#post_con_wrap .pagenavi li:last-child {
	text-align: right;
}
#pagenation #pagenation-list li a.next {
	position: relative;
	display: inline-flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding: 0;
	-webkit-transition: all .6s;
	transition: all .6s;
    margin-right: -15rem;
}

#pagenation #pagenation-list li a.next span {
	display: block;
	margin-right: 4rem;
	padding: 0;
}

#pagenation #pagenation-list li a.next span::before,
#pagenation #pagenation-list li a.next span::after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
}

#pagenation #pagenation-list li a.next span::before {
	width: 2rem;
    height: .6rem;
    right: 1rem;
    border-bottom: 2px solid #8cd3bc;
    -webkit-transition: all .6s;
    transition: all .6s;
    transform-origin: left bottom;
    transform: translate(0,-50%);
}
#pagenation #pagenation-list li a.next span::after {
	width: 1rem;
    right: 1rem;
    border-bottom: 0.6rem solid #8cd3bc;
    border-right: 1rem solid transparent;
    -webkit-transition: all .6s;
    transition: all .6s;
    transform: translate(100%,-50%);
}

#pagenation #pagenation-list li a.next span:active:before,
#pagenation #pagenation-list li a.next span:hover:before {
	border-bottom-color: #b4b4b4;
	width: 3rem;
	right: 0;
}
#pagenation #pagenation-list li a.next span:active:after,
#pagenation #pagenation-list li a.next span:hover:after {
	border-bottom-color: #b4b4b4;
	right: 0
}


#pagenation #pagenation-list li a.prev {
	position: relative;
	display: inline-flex;
	align-items: flex-end;
	justify-content: flex-start;
	padding: 0;
	-webkit-transition: all .6s;
	transition: all .6s;
    margin-left: -15rem;
}

#pagenation #pagenation-list li a.prev span {
	display: block;
	margin-left: 4rem;
	padding: 0;
}

#pagenation #pagenation-list li a.prev span::before,
#pagenation #pagenation-list li a.prev span::after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
}

#pagenation #pagenation-list li a.prev span::before {
	width: 2rem;
    height: .6rem;
    left: 1rem;
    border-bottom: 2px solid #8cd3bc;
    -webkit-transition: all .6s;
    transition: all .6s;
    transform-origin: left bottom;
    transform: translate(0,-50%);
}
#pagenation #pagenation-list li a.prev span::after {
	width: 1rem;
    left: 0;
    border-bottom: 0.6rem solid #8cd3bc;
    border-left: 1rem solid transparent;
    -webkit-transition: all .6s;
    transition: all .6s;
    transform: translate(0,-50%);
}

#pagenation #pagenation-list li a.prev span:active:before,
#pagenation #pagenation-list li a.prev span:hover:before {
	border-bottom-color: #b4b4b4;
	width: 3rem;
	left: 0;
}
#pagenation #pagenation-list li a.prev span:active:after,
#pagenation #pagenation-list li a.prev span:hover:after {
	border-bottom-color: #b4b4b4;
	left: -1rem;
}


@media screen and (max-width: 768px) {
#pagenation{
    padding-top: 5rem;
}
#pagenation #pagenation-list a, #pagenation #pagenation-list span {
    padding: 0 0.5rem;
}
	
#pagenation #pagenation-list li a.prev span::after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    width: 2rem;
    height: .6rem;
    border-bottom: 2px solid #001e46;
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    transition: width .5s;
}
#pagenation #pagenation-list li a.next span::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    width: 2rem;
    height: .6rem;
    border-bottom: 2px solid #001e46;
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    transition: width .5s;
}
#pagenation #pagenation-list li a.next span {
	margin-left: 0.5rem;
}
#pagenation #pagenation-list li a.prev span {
	margin-right: 0.5rem;
}
}