@charset "utf-8";
/* CSS INFORMATION -====================================================
File name : project.css
Description : 事業内容CSS
===================================================================== */

/* =====================================================================
*    #main
* =================================================================== */

/* .project__catch
-------------------------------------*/
.project__catch {
	width: 100%;
	position: relative;
	background-color: #009f6b;
	padding-top: 16.40625%;
	padding-bottom: 9.375%;
	margin-top: 31.25%;
}

.project__catch .text {
	width: 87.5%;
	max-width: 560px;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.5em;
	margin: auto;
}

.project__catch .img {
	width: 62.5%;
	max-width: 400px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: -23.4375% auto auto;
}

@media screen and (min-width:640px){
	.project__catch {
		padding-top: 105px;
		padding-bottom: 60px;
		margin-top: 200px;
	}

	.project__catch .img {
		margin-top: -150px;
	}
}

@media screen and (min-width:700px){
	.project__catch {
		padding-top: 3.515625%;
		padding-bottom: 3.90625%;
		margin-top: 6.25%;
	}

	.project__catch .text {
		width: 87.5%;
		max-width: 1120px;
		font-size: 1.8rem;
		line-height: 1.7em;
		box-sizing: border-box;
		padding-left: 25%;
	}

	.project__catch .img {
		width: 23.4375%;
		max-width: 300px;
		left: 50%;
		right: auto;
		margin: -3.125% auto auto -45.3125%;
	}
}

@media screen and (min-width:1280px){
	.project__catch {
		padding-top: 45px;
		padding-bottom: 50px;
		margin-top: 80px;
	}

	.project__catch .text {
		padding-left: 320px;
	}

	.project__catch .img {
		margin: -40px auto auto -580px;
	}
}

/* .project__record
-------------------------------------*/
.project__record {
	background-color: #e5f5f0;
	position: relative;
	margin-top: 18.75%;
}

.project__record .record__ttl {
	width: 45.3125%;
	max-width: 290px;
	background-color: #ccece1;
	border-radius: 5px 5px 0 0;
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: -10%;
	margin-left: -46.875%;
}

.project__record .record__ttl a {
	display: block;
	color: #009f6b;
	font-size: 1.5rem;
	line-height: 2.1667em;
	text-align: center;
	text-decoration: none;
}

.project__record .record__detail {
	width: 100%;
	max-width: 640px;
	background-color: #e5f5f0;
	position: relative;
	padding-top: 6.25%;
	padding-bottom: 1.5625%;
	margin: auto;
}

.project__record .record__detail ul {
	letter-spacing: -.40em;
	text-align: center;
}

.project__record .record__detail ul li {
	width: 43.75%;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	margin: auto 1.5625% 4.6875%;
}

.project__record .record__detail ul li a {
	display: block;
	color: #000;
	font-size: 1.4rem;
	line-height: 2.3572em;
	text-decoration: none;
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #11a575;
}

.project__record .record__detail ul li a.pdf::after {
	content: "";
	width: 1.5358em;
	height: 2.3572em;
	display: inline-block;
	vertical-align: top;
	background: url(../images/common/icon_pdf.png) no-repeat center center;
	background-size: 100% auto;
	margin-left: 0.4em;
}

.project__record .other__record {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
}

.project__record .other__record .record__ttl {
	margin-left: 1.5625%;
}

.project__record .record {
	position: relative;
	z-index: 8;
}

.project__record .record.show,
.project__record .other__record.show {
	z-index: 10;
}

.project__record .show .record__ttl {
	background-color: #e5f5f0;
}

@media screen and (min-width:640px){
	.project__record {
		margin-top: 120px;
	}

	.project__record .record__ttl {
		border-radius: 10px 10px 0 0;
		margin-top: -64px;
		margin-left: -300px;
	}

	.project__record .record__detail {
		padding-top: 40px;
		padding-bottom: 10px;
	}

	.project__record .record__detail ul li {
		margin: auto 10px 30px;
	}

	.project__record .record__detail ul li a {
		border-width: 2px;
	}

	.project__record .other__record .record__ttl {
		margin-left: 10px;
	}
}

@media screen and (min-width:700px){
	.project__record {
		margin-top: 10.15625%;
	}

	.project__record .record__ttl {
		width: 23.4375%;
		max-width: 300px;
		overflow: hidden;
		margin-top: -4.21875%;
		margin-left: -45.3125%;
	}

	.project__record .record__ttl a {
		font-size: 2.0rem;
		line-height: 2.75em;
		font-weight: 500;
		cursor: default;
	}

	.project__record div:not(.show) .record__ttl a {
		cursor: pointer;
		transition: all 0.2s ease;
	}

	.project__record div:not(.show) .record__ttl a:hover {
		background-color: #80d7b9;
	}

	.project__record .record__detail {
		width: 90.625%;
		max-width: 1160px;
		padding-top: 3.90625%;
		padding-bottom: 1.5625%;
	}

	.project__record .record__detail ul {
		text-align: left;
	}

	.project__record .record__detail ul li {
		width: 22.8449%;
		position: relative;
		background-color: #fff;
		overflow: hidden;
		margin: auto 0.8621% 2.5863%;
	}

	.project__record .record__detail ul li::before {
		content: "";
		width: 0;
		height: 120%;
		display: block;
		background-color: #e5f5f0;
		position: absolute;
		bottom: 0;
		left: -10%;
		transform: skewX(15deg);
		transition: width 0.3s ease;
	}

	.project__record .record__detail ul li:hover::before {
		content: "";
		width: 120%;
	}

	.project__record .record__detail ul li a {
		font-size: 1.8rem;
		line-height: 3.223em;
		text-align: center;
		position: relative;
		background-color: transparent;
		border: 1px solid #11a575;
	}

	.project__record .record__detail ul li a.pdf::after {
		width: 14.0685%;
		height: 3.223em;
		margin-left: 0.5em;
	}

	.project__record .other__record {
		width: 100%;
	}

	.project__record .other__record .record__ttl {
		margin-left: -20.3125%;
	}
}

@media screen and (min-width:1280px){
	.project__record {
		margin-top: 130px;
	}

	.project__record .record__ttl {
		margin-top: -54px;
		margin-left: -580px;
	}

	.project__record .record__detail {
		padding-top: 50px;
		padding-bottom: 20px;
	}

	.project__record .other__record .record__ttl {
		margin-left: -260px;
	}
}

/* .project__report
-------------------------------------*/
.project__report {
}

.project__report .ttl_pat01 {
  margin-bottom: 6.25%;
}

.project__report .ttl_pat06 {
  margin-bottom: 6.25%;
}

@media screen and (min-width:640px){
  .project__report .ttl_pat01 {
    margin-bottom: 40px;
  }
}
@media screen and (min-width:700px){
  .project__report .ttl_pat01 {
		margin-bottom: 4.3104%;
	}

  .project__report .ttl_pat06 {
    margin-bottom: 2.34375%;
  }
}

@media screen and (min-width:1280px){
  .project__report .ttl_pat01 {
    margin-bottom: 50px;
  }
}

/* project__report__tabbtn */
.project__report .project__report__tabbtn {
  width: 93.75%;
  max-width: 600px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

.project__report .project__report__tabbtn li {
	background-color: #ccece1;
	border-radius: 5px 5px 0 0;
}

.project__report .project__report__tabbtn li:not(:last-child) {
  margin-right: 1.6667%;
}

.project__report .project__report__tabbtn li.show {
	background-color: #e5f5f0;
}

.project__report .project__report__tabbtn li a {
	display: block;
	color: #009f6b;
	font-size: 1.2rem;
	line-height: 1em;
	text-align: left;
	text-decoration: none;
  padding: 1.0rem 0.5em;
}

@media screen and (min-width:700px){
  .project__report .project__report__tabbtn {
    width: 90.625%;
    max-width: 1160px;
    justify-content: flex-start;
  }

  .project__report .project__report__tabbtn li {
    min-width: 18.9656%;
    transition: all 0.2s ease;
  }

  .project__report .project__report__tabbtn li:not(.show):hover {
    background-color: #80d7b9;
    cursor: pointer;
  }

  .project__report .project__report__tabbtn li:not(:last-child) {
    margin-right: 1.2932%;
  }

  .project__report .project__report__tabbtn li a {
  	font-size: 2.0rem;
  	line-height: 1em;
  	text-align: center;
    cursor: default;
    padding: 1.8rem 1em 1.5rem;
  }

  .project__report .project__report__tabbtn li:not(.show):hover a {
    cursor: pointer;
  }
}

/* .list大枠 */
.project__report .project__report__innerWrap {
  position: relative;
  background-color: #e5f5f0;
  padding-top: 9.375%;
  padding-bottom: 14.0625%;
}

.project__report .project__report__inner {
  width: 100%;
  max-width: 640px;
  display: none;
}

.project__report .project__report__inner.show {
  display: block;
}

.project__report .project__report__inner h2.hide {
	display: none;
}

.project__report .project__report__list {
	width: 90.625%;
	max-width: 580px;
  margin: 0 auto 6.25%;
}

@media screen and (min-width:640px){
  .project__report .project__report__innerWrap {
    padding-top: 46px;
    padding-bottom: 90px;
  }
}

@media screen and (min-width:700px){
  .project__report .project__report__innerWrap {
    padding-top: 4.53125%;
    padding-bottom: 7.03125%;
  }

  .project__report .project__report__inner {
    max-width: 1280px;
    margin: 0 auto;
  }
}

@media screen and (min-width:1280px){
  .project__report .project__report__innerWrap {
    padding-top: 58px;
    padding-bottom: 90px;
  }
}

/* .project__report__list01 */
.project__report .project__report__list01 li {
  background-color: #ffffff;
	position: relative;
	padding-top: 5.1725%;
	padding-bottom: 5.1725%;
}

.project__report .project__report__list01 li:not(:first-child) {
	margin-top: 6.8966%;
}

.project__report .project__report__list01 li.hide {
	display: none;
}

.project__report .project__report__list01 li::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
	border: 1px solid #7d7d7d;
	position: absolute;
	top: 0;
	left: 0;
}

.project__report .project__report__list01 .list__ttl {
	width: 89.6552%;
	color: #000;
	font-size: 1.4rem;
	line-height: 1.2em;
	margin: auto;
}

.project__report .project__report__list01 .list__ttl .no {
	color: #009f6b;
	font-size: 1.3rem;
	line-height: 1.1539em;
	display: block;
	margin-bottom: 3.8462%;
}

.project__report .project__report__list01 .list__detail {
	width: 96.5518%;
	position: relative;
	margin: 5.1725% auto auto;
}

.project__report .project__report__list01 .list__detail::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
	border: 1px solid #7e7e7e;
	position: absolute;
	top: 0;
	left: 0;
}

.project__report .project__report__list01 .list__detail dl {
	font-size: 1.3rem;
	line-height: 2em;
	position: relative;
	overflow: hidden;
}

.project__report .project__report__list01 .list__detail .name::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
	border-bottom: 1px solid #7e7e7e;
	position: absolute;
	top: 0;
	left: 0;
}

.project__report .project__report__list01 .list__detail .name dt {
	width: 25%;
	text-align: center;
	background-color: #fae7c4;
	position: relative;
	float: left;
}

.project__report .project__report__list01 .list__detail .name dt::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
	border-right: 1px solid #7e7e7e;
	position: absolute;
	top: 0;
	right: 0;
}

.project__report .project__report__list01 .list__detail .name dd {
	padding-left: 28.5715%;
}

.project__report .project__report__list01 .list__detail .price {
	width: 50%;
	text-align: center;
	float: left;
}

.project__report .project__report__list01 .list__detail .period {
	text-align: center;
}

.project__report .project__report__list01 .list__detail .price::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
	border-right: 1px solid #7e7e7e;
	position: absolute;
	top: 0;
	right: 0;
}

.project__report .project__report__list01 .list__detail .price dt,
.project__report .project__report__list01 .list__detail .period dt{
	background-color: #fae7c4;
	position: relative;
}

.project__report .project__report__list01 .list__detail .price dt::after,
.project__report .project__report__list01 .list__detail .period dt::after{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
	border-bottom: 1px solid #7e7e7e;
	position: absolute;
	bottom: 0;
	left: 0;
}

.project__report .project__report__list01 .btn_download {
	width: 68.9656%;
	margin: 5.1725% auto auto;
	position: relative;
	z-index: 1;
}

.project__report .project__report__list01 .btn_download a {
	display: block;
	color: #000;
	font-size: 1.4rem;
	line-height: 3.2143em;
	text-align: center;
	text-decoration: none;
	background-color: #eeeeee;
}

.project__report .project__report__list01 .btn_download a::after {
	content: "";
	width: 14%;
	height: 3.2143em;
	display: inline-block;
	vertical-align: top;
	background: url(../images/common/icon_pdf.png) no-repeat center center;
	background-size: 100% auto;
	margin-left: 0.5em;
}

@media screen and (min-width:700px){
	.project__report .project__report__list01 {
		width: 98.2759%;
		max-width: 1140px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: auto;
	}

	.project__report .project__report__list01 li {
		width: 49.1229%;
		padding-top: 1.7544%;
		padding-bottom: 11.4036%;
	}

  .project__report .project__report__list01 li:not(:first-child) {
    margin-top: 0;
	}

  .project__report .project__report__list01 li:not(:nth-child(-n+2)) {
    margin-top: 2.6316%;
  }

	.project__report .project__report__list01 li::before {
		border-width: 1px;
	}

	.project__report .project__report__list01 .list__ttl {
		width: 92.8572%;
		font-size: 1.6rem;
		line-height: 1.25em;
		font-weight: 500;
	}

	.project__report .project__report__list01 .list__ttl .no {
		font-size: 1.4rem;
		line-height: 1em;
		font-weight: 500;
		margin-bottom: 1.9231%;
	}

	.project__report .project__report__list01 .list__detail {
		width: 56.25%;
		position: absolute;
		bottom: 0;
		left: 0;
		margin: auto auto 3.2143% 3.2143%;
	}

	.project__report .project__report__list01 .list__detail::after {
		border-width: 1px;
	}

	.project__report .project__report__list01 .list__detail dl {
		font-size: 1.6rem;
		line-height: 2.0625em;
	}

	.project__report .project__report__list01 .list__detail .name::after {
		border-bottom-width: 1px;
	}

	.project__report .project__report__list01 .list__detail .name dt {
		width: 25.3969%;
	}

	.project__report .project__report__list01 .list__detail .name dt::after {
		border-right-width: 1px;
	}

	.project__report .project__report__list01 .list__detail .price::after {
		border-right-width: 1px;
	}

	.project__report .project__report__list01 .list__detail .price dt::after,
	.project__report .project__report__list01 .list__detail .period dt::after{
		border-bottom-width: 1px;
	}

	.project__report .project__report__list01 .btn_download {
		width: 35.7143%;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: auto 3.2143% 3.2143% auto;
	}

	.project__report .project__report__list01 .btn_download a {
		font-size: 1.4rem;
		line-height: 4.2858em;
		transition: opacity 0.2s ease;
	}

	.project__report .project__report__list01 .btn_download a:hover {
		opacity: 0.6;
	}

	.project__report .project__report__list01 .btn_download a::after {
		width: 18.5%;
		height: 4.2858em;
	}
}

/* .project__report__list02 */
.project__report .project__report__list02 li {
  background-color: #ffffff;
  border: 1px solid #7d7d7d;
  box-sizing: border-box;
  padding: 4.828% 4.138%;
  margin-top: 5.1725%;
}

.project__report .project__report__list02 li.hide {
	display: none;
}

.project__report .project__report__list02-number {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1em;
  color: #009f6b;
  margin-bottom: 3.7879%;
}

.project__report .project__report__list02-title {
  font-size: 1.4rem;
  line-height: 1.2143em;
  font-weight: bold;
  color: #1b1b1b;
  margin-bottom: 3.7879%;
}

.project__report .project__report__list02-image {
  width: 42.4243%;
  margin: 0 auto 5.6819%;
  box-sizing: border-box;
}

.project__report .project__report__list02-detail {
  width: 100%;
  font-size: 1.3rem;
  line-height: 1.3849em;
  color: #1b1b1b;
  border: 1px solid #7d7d7d;
  margin: 0 auto;
}

.project__report .project__report__list02-detail th {
  width: 6rem;
  text-align: center;
  background-color: #fae7c4;
  vertical-align: middle;
  border: 1px solid #7d7d7d;
  padding: 0.4rem 0;
}

.project__report .project__report__list02-detail td {
  border: 1px solid #7d7d7d;
  padding: 0.4rem 0.5rem 0.4rem 1rem;
}

.project__report .project__report__list02-pdflink {
  width: 75.7576%;
  margin: 5.6819% auto 0;
  position: relative;
}

.project__report .project__report__list02-pdflink a {
  display: block;
  color: #000;
  font-size: 1.4rem;
  line-height: 3.2143em;
  text-align: center;
  text-decoration: none;
  background-color: #eeeeee;
}

.project__report .project__report__list02-pdflink a::after {
  content: "";
  width: 14%;
  height: 3.2143em;
  display: inline-block;
  vertical-align: top;
  background: url(../images/common/icon_pdf.png) no-repeat center center;
  background-size: 100% auto;
  margin-left: 0.5em;
}

@media screen and (min-width:700px){
  .project__report .project__report__list02 {
    width: 89.0625%;
    max-width: 1140px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto 2.34375%;
  }

  .project__report .project__report__list02 li {
    width: 49.1229%;
    padding: 1.4913%;
    margin-top: 1.7544%;
  }

  .project__report .project__report__list02 li:nth-child(-n+2) {
    margin-top: 0;
  }

  .project__report .project__report__list02-number {
    font-size: 1.4rem;
    margin-bottom: 1.9084%;
  }

  .project__report .project__report__list02-title {
    font-size: 1.6rem;
    line-height: 1.25em;
    margin-bottom: 3.8168%;
  }

  .project__report .project__report__list02-image {
    width: 32.4428%;
    margin: 0 0 0 1.1451%;
    float: left;
  }

  .project__report .project__report__list02-detail {
    width: 60.1145%;
    font-size: 1.6rem;
    line-height: 1.375em;
    margin: 0 0 0 38.7405%;
  }

  .project__report .project__report__list02-detail th {
    width: 7.6rem;
    padding: 0.4rem 0 0.5rem;
  }

  .project__report .project__report__list02-detail td {
    padding: 0.4rem 0.5rem 0.5rem 1rem;
  }

  .project__report .project__report__list02-pdflink {
    width: 38.168%;
    margin: 2.2901% 0 0 38.7405%;
  }

  .project__report .project__report__list02-pdflink a {
    line-height: 4.2858em;
    transition: opacity 0.2s ease;
  }

  .project__report .project__report__list02-pdflink a:hover {
    opacity: 0.6;
  }

  .project__report .project__report__list02-pdflink a::after {
    width: 18.5%;
    height: 4.2858em;
  }
}
/* .btn_more */
.project__report .btn_more {
	width: 62.5%;
	max-width: 400px;
	margin: 0 auto 6.25%;
	display: none;
}

.project__report .btn_more.show {
	display: block;
}

.project__report .btn_more a {
	display: block;
	color: #fff;
	font-size: 1.5rem;
	line-height: 3em;
	text-align: center;
	text-decoration: none;
	background-color: #f2ad2e;
	position: relative;
}

.project__report .btn_more a::after {
	content: "\e901";
	display: inline-block;
	color: #fff;
	font-size: 1.2rem;
	line-height: 3.75em;
	font-family: 'icon_webfonts' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 15%;
}

@media screen and (min-width:700px){
  .project__report .btn_more {
    width: 23.2759%;
    max-width: 270px;
    margin-top: 3.4483%;
  }

  .project__report .btn_more a {
    font-size: 2.0rem;
    line-height: 3em;
    transition: opacity 0.2s ease;
  }

  .project__report .btn_more a:hover {
    opacity: 0.6;
  }

  .project__report .btn_more a::after {
    font-size: 1.5rem;
    line-height: 1em;
    transform: rotate(90deg);
    margin-top: 8%;
    margin-right: 14.8149%;
  }
}


/* .project__btnlist
-------------------------------------*/
.project__btnlist {
  width: 59.375%;
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
}

.project__btnlist ul li {
	width: 100%;
  margin-bottom: 6.579%;
}

.project__btnlist ul li a {
  width: 100%;
  height: auto;
	display: block;
	color: #1b1b1b;
	font-size: 1.4rem;
	line-height: 1.4286em;
	text-decoration: none;
	box-sizing: border-box;
	border: 1px solid #1b1b1b;
  position: relative;
  padding: 7.8948% 0 7.8948% 23%;
}

.project__btnlist ul li a::before {
	display: inline-block;
	color: #1b1b1b;
	line-height: 1em;
	font-family: 'icon_webfonts' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
	transform-origin: center;
	position: absolute;
	top: 50%;
	left: 0;
  transform: translateY(-50%);
}

.project__btnlist ul li a::after {
	content: "\e901";
	display: inline-block;
	color: #009f6b;
	font-size: 1.6rem;
	line-height: 2.25em;
	font-family: 'icon_webfonts' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
	transform-origin: center;
	position: absolute;
	top: 50%;
	right: 0;
	margin-right: 3.7314%;
  transform: translateY(-50%);
}

.project__btnlist ul li.btn_entrydesc a::before {
	content: "\e909";
	font-size: 2.9rem;
	margin-left: 3.5%;
}

.project__btnlist ul li.btn_entrypaper a::before {
	content: "\e910";
	font-size: 2.9rem;
	margin-left: 3.5%;
}

.project__btnlist ul li.btn_entrysample a::before {
	content: "\e912";
	font-size: 2.9rem;
	margin-left: 3.5%;
}

.project__btnlist ul li.btn_entryway a::before {
	content: "\e911";
	font-size: 2.9rem;
	margin-left: 3.5%;
}

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

@media screen and (min-width:700px){
	.project__btnlist {
		width: 87.5%;
		max-width: 1120px;
	}

  .project__btnlist ul {
    display: flex;
    justify-content: space-between;
  }

	.project__btnlist ul li {
		width: 31.25%;
		position: relative;
		overflow: hidden;
		margin-top: 0;
    margin-bottom: 0;
	}

	.project__btnlist ul li::before {
		content: "";
		width: 0;
		height: 120%;
		display: block;
		background-color: #009f6b;
		position: absolute;
		bottom: 0;
		left: -10%;
		transform: skewX(15deg);
		transition: width 0.3s ease;
	}

	.project__btnlist ul li:hover::before {
		content: "";
		width: 120%;
	}

  .project__btnlist ul li a {
		font-size: 2.4rem;
		line-height: 1.6667em;
    padding: 6.8572% 0 6.8572% 25.1429%;
    transition: color 0.2s ease;
  }

  .project__btnlist ul li:hover a {
		color: #fff;
	}

  .project__btnlist ul li a::after {
    font-size: 2.5rem;
    margin-right: 6.5%;
    transition: color 0.2s ease;
  }

  .project__btnlist ul li a::before {
    transition: color 0.2s ease;
  }

  .project__btnlist ul li:hover a::before,
  .project__btnlist ul li:hover a::after {
		color: #fff;
	}

  .project__btnlist ul li.btn_entrydesc a::before {
  	font-size: 6rem;
  }

  .project__btnlist ul li.btn_entrypaper a::before {
  	font-size: 6rem;
  }

  .project__btnlist ul li.btn_entrysample a::before {
  	font-size: 6rem;
  }

  .project__btnlist ul li.btn_entryway a::before {
  	font-size: 6rem;
  }
}


/* .project__btnlist02
-------------------------------------*/
.project__btnlist02 {
  width: 57.8125%;
  max-width: 370px;
  margin-left: auto;
  margin-right: auto;
}

.project__btnlist02 .btnlist02__inner01,
.project__btnlist02 .btnlist02__inner02,
.project__btnlist02 .btnlist02__inner03 {
	width: 100%;
  background-color: #fae7c4;
  border: 2px solid #f2ad2e;
  box-sizing: border-box;
  padding: 4.3244% 0 4.3244% 0;
  margin-top: 8.6487%;
}

.project__btnlist02 .btnlist02__ttl {
  font-size: 1.1rem;
  line-height: 1.4546em;
  font-weight: bold;
  color: #f2ad2e;
  text-align: center;
}

.project__btnlist02 ul {
}

.project__btnlist02 ul li {
  width: 91.1603%;
  background-color: #ffffff;
  margin: 3.8675% auto 0;
}

.project__btnlist02 ul li a {
  width: 100%;
  height: auto;
	display: block;
	color: #1b1b1b;
	font-size: 1.4rem;
	line-height: 1.4286em;
	text-decoration: none;
	box-sizing: border-box;
	border: 1px solid #1b1b1b;
  position: relative;
  padding: 6.9697% 0 6.9697% 25.4546%;
}

.project__btnlist02 ul li a::before {
	display: inline-block;
	color: #1b1b1b;
	line-height: 1em;
	font-family: 'icon_webfonts' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
	transform-origin: center;
	position: absolute;
	top: 50%;
	left: 0;
  transform: translateY(-50%);
}

.project__btnlist02 ul li a::after {
	content: "\e901";
	display: inline-block;
	color: #f2ad2e;
	font-size: 1.3rem;
	line-height: 1em;
	font-family: 'icon_webfonts' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
	transform-origin: center;
	position: absolute;
	top: 50%;
	right: 0;
	margin-right: 5.5%;
  transform: translateY(-50%);
}

.project__btnlist02 ul li.btn_entrydesc a::before {
	content: "\e910";
	font-size: 2.9rem;
	margin-left: 3.5%;
}

.project__btnlist02 ul li.btn_entrypaper a::before {
	content: "\e911";
	font-size: 2.9rem;
	margin-left: 3.5%;
}

.project__btnlist02 ul li.btn_entrysample a::before {
	content: "\e910";
	font-size: 2.9rem;
	margin-left: 3.5%;
}

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

@media screen and (min-width:700px){
  .project__btnlist02 {
    width: 87.5%;
    max-width: 1120px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .project__btnlist02 .btnlist02__ttl {
    font-size: 2.2rem;
    line-height: 1em;
  }

  .project__btnlist02 .btnlist02__inner01,
  .project__btnlist02 .btnlist02__inner02,
  .project__btnlist02 .btnlist02__inner03 {
  	width: 33.0358%;
    padding: 1.6072%;
    margin-top: 0;
  }

  .project__btnlist02 .btnlist02__inner02 {
  	width: 64.2858%;
  }

  .project__btnlist02 .btnlist02__inner03 {
  	width: 100%;
  }

  .project__btnlist02 .mt30 {
    margin-top: 2.6786%;
  }

  .project__btnlist02 .btnlist02__inner01 ul,
  .project__btnlist02 .btnlist02__inner02 ul,
  .project__btnlist02 .btnlist02__inner03 ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .project__btnlist02 ul li {
    width: 100%;
    margin: 1.6rem 0 0;
    overflow: hidden;
    position: relative;
  }

  .project__btnlist02 .btnlist02__inner02 ul li {
    width: 48.5295%;
  }

  .project__btnlist02 .btnlist02__inner03 ul li {
    width: 30.5556%;
  }

  .project__btnlist02 ul li::before {
    content: "";
    width: 0;
    height: 120%;
    display: block;
    background-color: #fae7c4;
    position: absolute;
    bottom: 0;
    left: -10%;
    transform: skewX(15deg);
    transition: width 0.3s ease;
  }

  .project__btnlist02 ul li:hover::before {
    content: "";
    width: 120%;
  }

  .project__btnlist02 ul li a {
  	font-size: 2.4rem;
  	line-height: 1.25em;
    padding: 8.8415% 0 8.8415% 26.8293%;
  }

  .project__btnlist02 ul li a::after {
  	font-size: 2.5rem;
  	margin-right: 7%;
  }

  .project__btnlist02 ul li.btn_entrydesc a::before {
	  font-size: 6rem;
  }

  .project__btnlist02 ul li.btn_entrypaper a::before {
  	font-size: 6rem;
  	margin-left: 5.5%;
  }

  .project__btnlist02 ul li.btn_entrysample a::before {
  	font-size: 6rem;
  }
}

@media screen and (min-width:1280px){
	.project__btnlist {
		margin-top: 70px;
	}
}


/* .yearRecord
-------------------------------------*/
.yearRecord {
	text-align: center;
	background-color: #e5f5f0;
	padding-top: 5.46875%;
	padding-bottom: 1.5625%;
	margin-top: 9.375%;
}

.yearRecord .yearRecord__ttl {
	color: #009f6b;
	font-size: 1.5rem;
	line-height: 1.3334em;
	font-weight: 500;
	margin-bottom: 5.46875%;
}

.yearRecord .yearRecord__record {
	width: 93.75%;
	max-width: 600px;
	background-color: #fff;
	box-sizing: border-box;
	padding: 6.25% 3.125% 7.03125%;
	margin: auto auto 5.46875%;
}

.yearRecord .record__ttl {
	width: 96.4286%;
	font-size: 1.4rem;
	line-height: 1.2143em;
	font-weight: 500;
	color: #009f6b;
	margin: auto auto 6.25%;
}

.yearRecord .record__ttl .record__date {
	display: block;
	font-weight: 500;
}

.yearRecord .record__detail {}

.yearRecord .record__detail li:not(:last-child) {
	border-bottom: 1px solid #959595;
	padding-bottom: 8.0358%;
}

.yearRecord .record__detail li:not(:first-child) {
	padding-top: 7.1429%;
}

.yearRecord .record__detail .detail__ttl {
	width: 96.4286%;
	font-size: 1.4rem;
	line-height: 1.4286em;
	font-weight: 500;
	text-align: left;
	margin: auto auto 1.7858%;
}

.yearRecord .record__detail .detail__ttl::before {
	content: "●";
	display: inline-block;
	color: #009f6b;
}

.yearRecord .record__detail .detail__speaker {
	width: 96.4286%;
	font-size: 1.4rem;
	line-height: 1.4286em;
	text-align: left;
	margin: auto;
}

.yearRecord .record__detail .detail__btn {
	overflow: hidden;
	letter-spacing: -.40em;
	text-align: center;
	margin-top: 7.1429%;
}

.yearRecord .record__detail .detail__btn .btn {
	width: 46.4286%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: auto 1.785% 3.57%;
}

.yearRecord .record__detail .detail__btn .btn a {
	display: block;
	color: #000;
	font-size: 1.4rem;
	line-height: 2.5em;
	text-decoration: none;
	box-sizing: border-box;
	border: 1px solid #a0a0a0;
}

.yearRecord .record__detail .detail__btn .btn a::after {
	content: "";
	width: 1.5358em;
	height: 2.5em;
	display: inline-block;
	vertical-align: top;
	background: url(../images/common/icon_pdf.png) no-repeat center center;
	background-size: 100% auto;
	margin-left: 0.3572em;
}

@media screen and (min-width:640px){
	.yearRecord {
		padding-top: 35px;
		padding-bottom: 10px;
		margin-top: 60px;
	}

	.yearRecord .yearRecord__ttl {
		margin-bottom: 35px;
	}

	.yearRecord .yearRecord__record {
		padding: 40px 20px 45px;
		margin-bottom: 35px;
	}
}

@media screen and (min-width:700px){
	.yearRecord {
		padding-top: 3.75%;
		margin-top: 6.25%;
	}

	.yearRecord .yearRecord__ttl {
		font-size: 2.6rem;
		line-height: 1.1539em;
		margin-bottom: 3.75%;
	}

	.yearRecord .yearRecord__record {
		width: 87.5%;
		max-width: 1120px;
		padding: 2.734375% 3.125% 3.515625%;
		margin-bottom: 3.75%;
	}

	.yearRecord .record__ttl {
		width: 100%;
		font-size: 1.8rem;
		line-height: 1.1112em;
		margin-bottom: 3.8462%;
	}

	.yearRecord .record__ttl .record__date {
		display: inline-block;
		padding-right: 1em;
	}

	.yearRecord .record__detail li {
		position: relative;
	}

	.yearRecord .record__detail li:not(:last-child) {
		padding-bottom: 2.4039%;
	}

	.yearRecord .record__detail li:not(:first-child) {
		padding-top: 2.4039%;
	}

	.yearRecord .record__detail .detail__ttl {
		width: 52.8847%;
		font-size: 1.8rem;
		line-height: 1.5em;
		margin-left: 0;
		margin-bottom: 0.9616%;
	}

	.yearRecord .record__detail .detail__speaker {
		width: 52.8847%;
		font-size: 1.6rem;
		line-height: 1.5em;
		margin-left: 0;
	}

	.yearRecord .record__detail .detail__btn {
		width: 48.077%;
		position: absolute;
		top: 0;
		right: 0;
		overflow: hidden;
		text-align: right;
		margin-top: 3.3654%;
	}

	.yearRecord .record__detail li:first-child .detail__btn {
		margin-top: 0.9616%;
	}

	.yearRecord .record__detail .detail__btn .btn {
		width: 45%;
		position: relative;
		margin-right: 0;
		margin-left: 2%;
		margin-bottom: 4%;
		overflow: hidden;
	}

	.yearRecord .record__detail .detail__btn .btn::before {
		content: "";
		width: 0;
		height: 120%;
		display: block;
		background-color: #e5f5f0;
		position: absolute;
		bottom: 0;
		left: -10%;
		transform: skewX(15deg);
		transition: width 0.3s ease;
	}

	.yearRecord .record__detail .detail__btn .btn:hover::before {
		content: "";
		width: 120%;
	}

	.yearRecord .record__detail .detail__btn .btn a {
		font-size: 1.8rem;
		line-height: 3.3334em;
		text-align: center;
		position: relative;
	}

	.yearRecord .record__detail .detail__btn .btn a::after {
		width: 2em;
		height: 3.3334em;
		margin-left: 0.5556em;
	}
}

@media screen and (min-width:1280px){
	.yearRecord {
		padding-top: 48px;
		margin-top: 80px;
	}

	.yearRecord .yearRecord__ttl {
		margin-bottom: 48px;
	}

	.yearRecord .yearRecord__record {
		padding: 35px 40px 45px;
		margin-bottom: 48px;
	}
}

/* .yearRecord__forum */
.yearRecord .yearRecord__forum {
	width: 87.5%;
	max-width: 560px;
	background-color: #fff;
	box-sizing: border-box;
	padding: 6.875% 6.25% 9.375%;
	margin: auto auto 5.46875%;
}

.yearRecord .forum__ttl {
	font-size: 1.5rem;
	line-height: 1.2143em;
	font-weight: 500;
	color: #009f6b;
	margin: auto auto 7.5%;
}

.yearRecord .forum__number {
  display: block;
  font-weight: bold;
  margin-bottom: 4.1667%;
}

.yearRecord .forum__image {
	width: 58.3334%;
	margin: auto auto 7.5%;
}

.yearRecord .forum__txt {
  font-size: 1.4rem;
  line-height: 1.4286em;
  text-align: left;
}

.yearRecord .forum__btn {
  width: 83.3334%;
  margin: 8.3334% auto 0;
}

.yearRecord .forum__btn a {
  display: block;
  color: #000000;
  text-decoration: none;
  text-align: left;
  position: relative;
  background-color: #eeeeee;
  font-size: 1.4rem;
  line-height: 1.4286em;
}

.yearRecord .forum__btn.yt a {
  padding: 6.25% 44.5% 6.25% 7%;
}

.yearRecord .forum__btn.pdf a {
  padding: 6.25% 24.5% 6.25% 7%;
}

.yearRecord .forum__btn a::after {
  content: "";
  height: 0;
  display: block;
  position: absolute;
  top: 50%;
  right: 7%;
  transform: translateY(-50%);
}

.yearRecord .forum__btn.yt a::after {
  width: 6.8rem;
  padding-top: 1.6rem;
  background: url(../images/common/icon_yt.svg) no-repeat center center;
  background-size: 100% auto;
}

.yearRecord .forum__btn.pdf a::after {
  width: 2.8rem;
  padding-top: 2.55rem;
  background: url(../images/common/icon_pdf.png) no-repeat center center;
  background-size: 100% auto;
}

@media screen and (min-width:640px){
	.yearRecord .yearRecord__forum {
		padding: 44px 40px 60px;
		margin-bottom: 35px;
	}
}

@media screen and (min-width:700px){
  .yearRecord .yearRecord__forum {
		width: 90.625%;
		max-width: 1160px;
  	padding: 2.34375%;
    overflow: hidden;
    position: relative;
  	margin: auto auto 2.34375%;
  }

  .yearRecord .forum__ttl,
  .yearRecord .forum__txt {
    width: 78.6364%;
  }

  .yearRecord .no-image .forum__ttl,
  .yearRecord .no-image .forum__txt {
    width: 100%;
  }

  .yearRecord .forum__ttl {
  	font-size: 2.4rem;
  	line-height: 1.25em;
    text-align: left;
    float: right;
  	margin: 0 auto 2%;
  }

  .yearRecord .forum__number {
    font-size: 1.6rem;
    line-height: 1em;
    margin-bottom: 0.5em;
  }

  .yearRecord .forum__image {
  	width: 19.091%;
    float: left;
  	margin: 0 auto;
  }

  .yearRecord .forum__txt {
    font-size: 1.6rem;
    line-height: 1.625em;
    float: right;
    margin-bottom: 7.2728%;
  }

  .yearRecord .no-btn .forum__txt {
    margin-bottom: 0;
  }

  .yearRecord .forum__btn-wrap {
    width: 74.569%;
    float: right;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    right: 2.34375%;
    margin-bottom: 1.5625%;
  }

  .yearRecord .forum__btn {
    width: 28.9018%;
    margin: 0 0 0 2.3122%;
  }

  .yearRecord .forum__btn.yt a {
    padding: 8% 51% 8% 8%;
  }

.yearRecord .forum__btn.pdf a {
  padding: 8% 26.8% 8% 8%;
}

  .yearRecord .forum__btn.yt a::after {
    width: 10rem;
    padding-top: 2.3rem;
  }

  .yearRecord .forum__btn.pdf a::after {
    width: 3.7rem;
    padding-top: 3.4rem;
  }

}

@media screen and (min-width:1280px){
	.yearRecord .yearRecord__forum {
		padding: 30px 30px 20px;
		margin-bottom: 30px;
	}
}

/* .oldRecord
-------------------------------------*/
.oldRecord {
	text-align: center;
	background-color: #f2ad2e;
	padding-top: 5.46875%;
	padding-bottom: 6.25%;
}

.oldRecord .oldRecord__ttl {
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.3334em;
	font-weight: 500;
	margin-bottom: 5.46875%;
}

.oldRecord .oldRecord__list {
	width: 100%;
	max-width: 640px;
	letter-spacing: -.40em;
	text-align: center;
}

.oldRecord .oldRecord__list li {
	width: 29.6875%;
	max-width: 190px;
	background-color: #fff;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: auto 1.25% 3.125%;
}

.oldRecord .oldRecord__list li a {
	display: block;
	color: #f2ad2e;
	font-size: 1.3rem;
	line-height: 2.3em;
	font-weight: 500;
	text-decoration: none;
}

.oldRecord .oldRecord__list li a::after {
	content: "\e901";
	height: 2.727em;
	display: inline-block;
	vertical-align: top;
	color: #009f6b;
	font-size: 1.1rem;
	line-height: 2.8em;
	font-family: 'icon_webfonts' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	padding-left: 0.6em;
}

@media screen and (min-width:600px){
	.oldRecord {
		padding-top: 35px;
		padding-bottom: 40px;
	}

	.oldRecord .oldRecord__ttl {
		margin-bottom: 35px;
	}
}

@media screen and (min-width:700px){
	.oldRecord {
		padding-top: 3.75%;
	}

	.oldRecord .oldRecord__ttl {
		font-size: 2.6rem;
		line-height: 1.1539em;
		margin-bottom: 3.75%;
	}

	.oldRecord .oldRecord__list {
		width: 82.03125%;
		max-width: 1050px;
		text-align: left;
		margin: auto;
	}

	.oldRecord .oldRecord__list li {
		width: 17.1429%;
		max-width: 180px;
		text-align: center;
		margin: auto 1.428% 1.9048%;
		transition: opacity 0.2s ease;
	}

	.oldRecord .oldRecord__list li:hover {
		opacity: 0.6;
	}

	.oldRecord .oldRecord__list li a {
		font-size: 2.0rem;
		line-height: 3em;
	}

	.oldRecord .oldRecord__list li a::after {
		height: 3.75em;
		font-size: 1.6rem;
		line-height: 3.9em;
		padding-left: 1em;
	}
}

@media screen and (min-width:1280px){
	.oldRecord {
		padding-top: 48px;
	}

	.oldRecord .oldRecord__ttl {
		margin-bottom: 48px;
	}
}


/* .seminar__none
-------------------------------------*/
.seminar__none {
	width: 100%;
	font-size: 1.5rem;
	line-height: 1.3334em;
	text-align: center;
	margin-top: 9.375%;
}

@media screen and (min-width:640px){
	.seminar__none {
		margin-top: 60px;
	}
}

@media screen and (min-width:700px){
	.seminar__none {
		font-size: 2.4rem;
		line-height: 1.25em;
		margin-top: 6.25%;
	}
}

@media screen and (min-width:1280px){
	.seminar__none {
		margin-top: 80px;
	}
}

/* .seminar__new
-------------------------------------*/
.seminar__new {
	width: 100%;
	text-align: center;
	background-color: #e5f5f0;
	padding-top: 5.46875%;
	padding-bottom: 7.8125%;
	margin-top: 9.375%;
}

.seminar__new .seminar__ttl {
	width: 93.75%;
	max-width: 600px;
	font-size: 1.5rem;
	line-height: 1.3334em;
	font-weight: 500;
	margin: auto auto 5.46875%;
}

.seminar__new .seminar__detail {
	width: 87.5%;
	max-width: 560px;
	font-size: 1.4rem;
	line-height: 1.3em;
	background-color: #fff;
	box-sizing: border-box;
	padding: 4.6875%;
	margin: auto;
}

.seminar__new .seminar__detail dl {
	text-align: left;
	overflow: hidden;
}

.seminar__new .seminar__detail dl dt {
	float: left;
	font-weight: 500;
	margin-bottom: 2%;
}

.seminar__new .seminar__detail dl dd {
	box-sizing: border-box;
	padding-left: 32%;
	margin-bottom: 2%;
}

.seminar__new .seminar__detail .btn_map {
	width: 84%;
	background-color: #eeeeee;
	margin: 8% auto auto;
}

.seminar__new .seminar__detail .btn_map a {
	display: block;
	color: #000;
	font-size: 1.3rem;
	line-height: 3.077em;
	text-align: left;
	text-decoration: none;
	position: relative;
	box-sizing: border-box;
	padding-left: 26.1905%;
}

.seminar__new .seminar__detail .btn_map a::before {
	content: "\e900";
	font-size: 2.8rem;
	line-height: 1.6em;
	margin-left: 8%;
	display: inline-block;
	color: #1b1b1b;
	font-family: 'icon_webfonts' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
	transform-origin: center;
	position: absolute;
	top: 0;
	left: 0;
}

.seminar__new .seminar__detail .btn_map a::after {
	content: "\e901";
	display: inline-block;
	color: #009f6b;
	font-size: 1.2rem;
	line-height: 3.5em;
	font-family: 'icon_webfonts' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
	transform-origin: center;
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 10%;
}

.seminar__new .btnWrap {
	width: 100%;
	max-width: 640px;
	margin: auto;
}

.seminar__new .btn_download {
	width: 78.125%;
	background-color: #fff;
	margin: 6.25% auto auto;
}

.seminar__new .btn_download a {
	display: block;
	color: #000;
	font-size: 1.4rem;
	line-height: 3.5715em;
	font-weight: 500;
	text-decoration: none;
	box-sizing: border-box;
	border: 1px solid #009f6b;
}

.seminar__new .btn_download a::after {
	content: "";
	width: 2em;
	height: 3.5715em;
	display: inline-block;
	vertical-align: top;
	background: url(../images/common/icon_pdf.png) no-repeat center center;
	background-size: 100% auto;
	margin-left: 0.5em;
}

.seminar__new .btn_entry {
	width: 87.5%;
	position: relative;
	box-sizing: border-box;
	padding-left: 25%;
	margin: 6.25% auto 5.3572%;
}

.seminar__new .btn_entry::before {
	content: "\e907";
	width: 23.5715%;
	display: inline-block;
	color: #fff;
	font-size: 4.6rem;
	line-height: 1.0653em;
	text-align: center;
	font-family: 'icon_webfonts' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
	transform-origin: center;
	background-color: #009f6b;
	border-radius: 5px;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0.7143%;
	z-index: 10;
}

.seminar__new .btn_entry::after {
	content: "";
	width: 5.3572%;
	height: 0;
	padding-top: 5.3572%;
	background-color: #009f6b;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20%;
	margin: auto;
	transform: rotate(45deg);
}

.seminar__new .btn_entry div {
	position: relative;
	overflow: hidden;
}

.seminar__new .btn_entry div::after {
	content: "";
	width: 7%;
	height: 0;
	padding-top: 7%;
	background-color: #e5f5f0;
	border: 1px solid #009f6b;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	transform: rotate(45deg);
	margin-left: -5%;
}

.seminar__new .btn_entry a {
	display: block;
	color: #1b1b1b;
	font-size: 1.4rem;
	line-height: 3.7858em;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	position: relative;
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #009f6b;
}

.seminar__new .btn_entry a::after {
	content: "\e901";
	display: inline-block;
	color: #f2ad2e;
	font-size: 1.2rem;
	line-height: 4.4167em;
	font-family: 'icon_webfonts' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
	transform-origin: center;
	padding-left: 0.5em;
}

@media screen and (min-width:640px){
	.seminar__new {
		padding-top: 35px;
		padding-bottom: 50px;
		margin-top: 60px;
	}

	.seminar__new .seminar__ttl {
		margin-bottom: 35px;
	}

	.seminar__new .seminar__detail {
		padding: 30px;
	}
}

@media screen and (min-width:700px){
	.seminar__new {
		width: 90.625%;
		max-width: 1160px;
		padding-top: 3.75%;
		margin: 6.25% auto auto;
	}

	.seminar__new .seminar__ttl {
		width: 91.3794%;
		max-width: 1060px;
		font-size: 2.4rem;
		line-height: 1.25em;
		margin-bottom: 3.75%;
	}

	.seminar__new .seminar__detail {
		width: 80.1725%;
		max-width: 930px;
		font-size: 1.8rem;
		line-height: 1.45em;
		position: relative;
		padding: 2.1552% 3.8794%;
	}

	.seminar__new .seminar__detail dl {
		width: 50%;
	}

	.seminar__new .seminar__detail dl dt {
		margin-bottom: 2.381%;
	}

	.seminar__new .seminar__detail dl dd {
		padding-left: 22.6191%;
		margin-bottom: 2.381%;
	}

	.seminar__new .seminar__detail .btn_map {
		width: 37.6345%;
		position: absolute;
		top: 50%;
		right: 0;
		margin: auto 4.8388% auto auto;
		transform: translateY(-50%);
		transition: opacity 0.2s ease;
	}

	.seminar__new .seminar__detail .btn_map:hover {
		opacity: 0.6;
	}

	.seminar__new .seminar__detail .btn_map a {
		font-size: 2.0rem;
		line-height: 4em;
		padding-left: 31.4286%;
	}

	.seminar__new .seminar__detail .btn_map a::before {
		font-size: 5.8rem;
		line-height: 1.45em;
	}

	.seminar__new .seminar__detail .btn_map a::after {
		font-size: 1.5rem;
		line-height: 5.5em;
	}

	.seminar__new .btnWrap {
		width: 80.1725%;
		max-width: 930px;
		overflow: hidden;
	}

	.seminar__new .btn_download {
		width: 43.0108%;
		float: left;
		position: relative;
		overflow: hidden;
		margin-top: 4.3011%;
	}

	.seminar__new .btn_download::before {
		content: "";
		width: 0;
		height: 120%;
		display: block;
		background-color: #e5f5f0;
		position: absolute;
		bottom: -10%;
		left: -10%;
		transform: skewX(15deg);
		transition: width 0.3s ease;
	}

	.seminar__new .btn_download:hover::before {
		content: "";
		width: 120%;
	}

	.seminar__new .btn_download a {
		font-size: 2.4rem;
		line-height: 3.75em;
		position: relative;
	}

	.seminar__new .btn_download a::after {
		width: 1.5em;
		height: 3.75em;
	}

	.seminar__new .btn_entry {
		width: 52.6882%;
		float: right;
		padding-left: 15.0538%;
		margin: 4.3011% auto 0;
	}

	.seminar__new .btn_entry::before {
		width: 24.4898%;
		font-size: 8rem;
		line-height: 1.05em;
		margin-top: 0.8164%;
	}

	.seminar__new .btn_entry::after {
    left: 21%;
	}

	.seminar__new .btn_entry div {
		background-color: #fff;
		transition: background-color 0.2s ease;
	}

	.seminar__new .btn_entry div:hover {
		background-color: #f2ad2e;
	}

	.seminar__new .btn_entry a {
		font-size: 2.4rem;
		line-height: 3.75em;
		background-color: transparent;
		transition: color 0.2s ease;
	}

	.seminar__new .btn_entry a:hover {
		color: #fff;
	}

	.seminar__new .btn_entry a::after {
		font-size: 2.0rem;
		line-height: 4.5em;
		transition: color 0.2s ease;
	}

	.seminar__new .btn_entry a:hover::after {
		color: #fff;
	}
}

@media screen and (min-width:1280px){
	.seminar__new {
		padding-top: 48px;
		margin-top: 80px;
	}
}

/* .btn_record
-------------------------------------*/
.btn_record {
	width: 93.75%;
	max-width: 600px;
	margin: 9.375% auto auto;
}

.btn_record a {
	display: block;
	color: #1b1b1b;
	font-size: 1.5rem;
	line-height: 4.1667em;
	text-decoration: none;
	text-align: left;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #534741;
	padding-left: 20%;
}

.btn_record a::before {
	content: "\e908";
	width: 20%;
	display: inline-block;
	color: #1b1b1b;
	font-size: 3.5rem;
	line-height: 1.75em;
	text-align: center;
	font-family: 'icon_webfonts' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0.7143%;
}

.btn_record a::after {
	content: "\e901";
	display: inline-block;
	color: #009f6b;
	font-size: 1.4rem;
	line-height: 4.5em;
	font-family: 'icon_webfonts' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
	transform-origin: center;
	padding-left: 0.5em;
}

@media screen and (min-width:640px){
	.btn_record {
		margin-top: 60px;
	}
}

@media screen and (min-width:700px){
	.btn_record {
		width: 37.5%;
		max-width: 480px;
		position: relative;
		overflow: hidden;
		margin-top: 4.6875%;
	}
	.btn_record::before {
		content: "";
		width: 0;
		height: 120%;
		display: block;
		background-color: #009f6b;
		position: absolute;
		bottom: -10%;
		left: -10%;
		transform: skewX(15deg);
		transition: width 0.3s ease;
	}

	.btn_record:hover::before {
		content: "";
		width: 120%;
	}

	.btn_record a {
		font-size: 2.4rem;
		line-height: 4.1667em;
		transition: color 0.2s ease;
	}

	.btn_record:hover a {
		color: #fff;
	}

	.btn_record a::before {
		font-size: 6.0rem;
		line-height: 1.65em;
		vertical-align: top;
		margin-top: 0.7143%;
		transition: color 0.2s ease;
	}

	.btn_record:hover a::before {
		color: #fff;
	}

	.btn_record a::after {
		font-size: 2.2rem;
		line-height: 4.7em;
		vertical-align: top;
		transition: color 0.2s ease;
	}

	.btn_record:hover a::after {
		color: #fff;
	}
}

@media screen and (min-width:1280px){
	.btn_record {
		margin-top: 60px;
	}
}

/* .btn_forum
-------------------------------------*/
.btn_forum {
	width: 93.75%;
	max-width: 600px;
  background-color: #ffffff;
  margin: 9.375% auto auto;
}

.btn_forum a {
	display: block;
	color: #1b1b1b;
	font-size: 1.8rem;
	line-height: 4.1112em;
	text-decoration: none;
	text-align: left;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #534741;
	padding-left: 28%;
}

.btn_forum a::before {
	content: "\e913";
	display: inline-block;
	color: #1b1b1b;
	font-size: 4rem;
	line-height: 1em;
	text-align: center;
	font-family: 'icon_webfonts' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	position: absolute;
	top: 50%;
	left: 10.0672%;
  transform: translateY(-50%);
}

.btn_forum a::after {
	content: "\e901";
	display: inline-block;
	color: #009f6b;
	font-size: 1.8rem;
	line-height: 1em;
	font-family: 'icon_webfonts' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
	transform-origin: center;
  position: absolute;
  top: 50%;
  right: 8.3893%;
  transform: translateY(-50%);
}

@media screen and (min-width:640px){
	.btn_forum {
		margin-top: 60px;
	}
}

@media screen and (min-width:700px){
	.btn_forum {
		width: 37.5%;
		max-width: 480px;
		position: relative;
		overflow: hidden;
		margin-top: 4.6875%;
	}
	.btn_forum::before {
		content: "";
		width: 0;
		height: 120%;
		display: block;
		background-color: #e5f5f0;
		position: absolute;
		bottom: -10%;
		left: -10%;
		transform: skewX(15deg);
		transition: width 0.3s ease;
	}

	.btn_forum:hover::before {
		content: "";
		width: 120%;
	}

	.btn_forum a {
		font-size: 2.4rem;
		line-height: 4.1667em;
		transition: color 0.2s ease;
	}

	.btn_forum a::before {
		font-size: 6.0rem;
		vertical-align: top;
    left: 8.3683%;
		transition: color 0.2s ease;
	}

	.btn_forum a::after {
		font-size: 2.2rem;
		line-height: 4.7em;
		vertical-align: top;
		transition: color 0.2s ease;
	}
}

@media screen and (min-width:1280px){
	.btn_record {
		margin-top: 60px;
	}
}


/* =====================================================================
*    .promotion_index（INDEXページ）
* =================================================================== */
.promotion_index .project__catch {
	padding-top: 6.25%;
  padding-bottom: 6.25%;
	margin-top: 9.375%;
}

.promotion_index .promotion_index__list-box{
}

.promotion_index .promotion_index__list-box h2 {
  width: 87.5%;
  max-width: 560px;
  margin: 0 auto;
}

.promotion_index .promotion_index__list-box .list-catch__wrap {
  background-color: #e5f5f0;
  margin-top: 5.625%;
  padding: 6.25% 0;
}

.promotion_index .promotion_index__list-box .list-catch__wrap .text {
    width: 87.5%;
    max-width: 560px;
    font-size: 1.4286rem;
    line-height: 1.5em;
    margin: auto;
}

.promotion_index .promotion_index__list-box .list-box {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}

.promotion_index .promotion_index__list-box .list-box li {
  width: 72.5%;
  margin: 7.8125% auto 0;
}

.promotion_index .promotion_index__list-box .list-box .list-box__img {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #7d7d7d;
}

.promotion_index .promotion_index__list-box .list-box a {
  width: 90.5173%;
  display: block;
  font-size: 1.5rem;
  line-height: 5em;
  text-decoration: none;
  color: #000000;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #7d7d7d;
  background-color: rgba(255,255,255,0.83);
  margin: -21.5518% auto 0;
}

.promotion_index .promotion_index__list-box .list-box a::before {
  content: "";
  width: 45.4546%;
  height: 0;
  padding-top: 1.6747%;
  background-color: #f2ad2e;
  position: absolute;
  top: 0;
  left: 0;
}

.promotion_index .promotion_index__list-box .list-box a::after {
    content: "\e901";
    display: inline-block;
    color: #f2ad2e;
    font-size: 1.7rem;
    line-height: 4.45em;
    font-family: 'icon_webfonts' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    transform-origin: center;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 6%;
}

.promotion_index .promotion_index__list-box .module_button01 {
  width: 84.375%;
  max-width: 540px;
  margin: 9.375% auto auto;
}

.promotion_index .promotion_index__reference {
  padding-top: 6.25%;
  padding-bottom: 12.5%;
}

.promotion_index .promotion_index__reference .promotion_index__reference__text {
  width: 87.5%;
  max-width: 560px;
  font-size: 1.4rem;
  line-height: 1.5em;
  margin: 5.4546% auto 0;
}

@media screen and (min-width:640px){
  .promotion_index .promotion_index__list-box .list-catch__wrap {
    margin-top: 18px;
    padding: 20px 0;
  }

  .promotion_index .promotion_index__reference {
    padding-top: 20px;
    padding-bottom: 80px;
  }

  .promotion_index .promotion_index__list-box .module_button01 {
    margin: 60px auto auto;
  }
}

@media screen and (min-width:700px){
  .promotion_index .project__catch {
    padding-top: 3.515625%;
    padding-bottom: 3.90625%;
    margin-top: 3.28125%;
  }

  .promotion_index .project__catch .text {
    padding-left: 0;
  }

  .promotion_index .promotion_index__list-box h2 {
    width: 87.5%;
    max-width: 1120px;
  }

  .promotion_index .promotion_index__list-box .list-catch__wrap {
    margin-top: 1.9532%;
    padding: 3.515625% 0 3.90625%;
  }

  .promotion_index .promotion_index__list-box .list-catch__wrap .text {
    width: 87.5%;
    max-width: 1120px;
    font-size: 1.8rem;
    line-height: 1.4em;
  }

  .promotion_index .promotion_index__list-box .list-box {
    width: 90.625%;
    max-width: 1160px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .promotion_index .promotion_index__list-box .list-box li {
    width: 31.2069%;
    margin: 3.8794% 0 0;
  }

  .promotion_index .promotion_index__list-box .list-box a {
    width: 91.1603%;
    font-size: 2.4rem;
    line-height: 4.9167em;
    margin: -21.547% auto 0;
    transition: transform 0.2s ease;
  }

  .promotion_index .promotion_index__list-box .list-box a:hover {
    transform: scale(1.09);
    box-shadow: 0 1px 5px 0 rgb(44 28 21 / 30%);
  }

  .promotion_index .promotion_index__list-box .list-box a::after {
    font-size: 2.5rem;
    line-height: 4.75em;
    margin-right: 7%;
  }

  .promotion_index .promotion_index__list-box .module_button01 {
    width: 31.25%;
    max-width: 400px;
    margin: 4.6875% auto auto;
  }

  .promotion_index .promotion_index__reference {
    padding-top: 2.96875%;
    padding-bottom: 4.296875%;
  }

  .promotion_index .promotion_index__reference .promotion_index__reference__text {
    width: 87.5%;
    max-width: 1120px;
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.7em;
    margin: 1.5% auto 0;
  }
}

@media screen and (min-width:1280px){
  .promotion_index .project__catch {
    padding-top: 45px;
    padding-bottom: 50px;
    margin-top: 42px;
  }

  .promotion_index .promotion_index__list-box .list-catch__wrap {
    margin-top: 25px;
    padding: 45px 0 50px;
  }

  .promotion_index .promotion_index__list-box .module_button01 {
    margin: 60px auto auto;
  }

  .promotion_index .promotion_index__reference {
    padding-top: 38px;
    padding-bottom: 55px;
  }

  .promotion_index .promotion_index__reference .promotion_index__reference__text {
    margin: 20px auto 0;
  }
}

/* .module_pdf
-------------------------------------*/
.module_pdf li {
  margin-top: 5.4546%;
  background-color: #ffffff;
}

.module_pdf li a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  color: #1b1b1b;
  font-size: 1.4rem;
  line-height: 1.5em;
  text-decoration: none;
  box-sizing: border-box;
  border: 1px solid #7d7d7d;
  padding: 1em 0 1em 1em;
}

.module_pdf li a::after {
  content: "";
  width: 1.5358em;
  height: 100%;
  display: block;
  background: url(/images/common/icon_pdf.png) no-repeat center center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 1em;
}

@media screen and (min-width:640px){
  .module_pdf li {
    margin-top: 35px;
  }
}

@media screen and (min-width:700px){
  .module_pdf {
    width: 87.5%;
    max-width: 1120px;
    display: flex;
    justify-content: space-between;
  }

  .module_pdf.center {
    justify-content: center;
  }

  .module_pdf li {
    width: 31.25%;
    position: relative;
    overflow: hidden;
    margin-top: 2.6786%;
  }

  .module_pdf.center li {
    margin-left: 2.6786%;
    margin-right: 2.6786%;
  }

  .module_pdf li::before {
    content: "";
    width: 0;
    height: 120%;
    display: block;
    background-color: #eeeeee;
    position: absolute;
    bottom: 0;
    left: -10%;
    transform: skewX(15deg);
    transition: width 0.4s ease;
  }

  .module_pdf.w04 li::before {
    background-color: #fae7c4;
  }

  .module_pdf li:hover::before {
    content: "";
    width: 120%;
  }

  .module_pdf.w04 li {
    width: 23.6608%;
    margin-top: 3.125%;
  }

  .module_pdf li a {
    font-size: 1.8rem;
    line-height: 1.4445em;
  }

  .module_pdf.w04 li a {
    line-height: 1.3334em;
    text-align: center;
    padding: 22.6416% 0.5em 0.5em 0.5em;
  }

  .module_pdf li a::after {
    width: 2.0556em;
    margin-right: 1.55em;
  }

  .module_pdf.w04 li a::after {
    height: 1.8889em;
    left: 0;
    margin: 1.1112em auto auto;
  }
}