body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

body {
	font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

a:link {
	color: #666666;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #666666;
}
a:active {
	color: #666666;
}

.mb1 {margin-bottom:1px;}
.mb2 {margin-bottom:2px;}
.mb3 {margin-bottom:3px;}
.mb4 {margin-bottom:4px;}
.mb5 {margin-bottom:5px;}
.mb6 {margin-bottom:6px;}
.mb7 {margin-bottom:7px;}
.mb8 {margin-bottom:8px;}
.mb9 {margin-bottom:9px;}
.mb10 {margin-bottom:10px;}
.mb11 {margin-bottom:11px;}
.mb12 {margin-bottom:12px;}
.mb13 {margin-bottom:13px;}
.mb14 {margin-bottom:14px;}
.mb15 {margin-bottom:15px;}
.mb16 {margin-bottom:16px;}
.mb17 {margin-bottom:17px;}
.mb18 {margin-bottom:18px;}
.mb19 {margin-bottom:19px;}
.mb20 {margin-bottom:20px;}

h2 {
	width:850px;
	height:22px;
	padding:14px 0px 0px 0px;
	float:left;
	font-size:0.8em;
	font-weight:normal;
	color:#666666;
	vertical-align:bottom;
}

h1 {
	width:300px;
	height:32px;
	float:left;
	padding:9px 0px 0px 0px;
}

/****************************************************************
************************新規service追加***************************
*****************************************************************/
/* reset */
.header ul li {
	list-style-type: none;
}
.header ul li a {
	text-decoration: none;
}
.side-nav ul li {
	list-style-type: none;
}
.side-nav ul li a {
	text-decoration: none;
}
.footer ul li {
	list-style-type: none;
}


/* common */
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}

/*** pc-only / sp-only ***/
@media screen and (min-width: 1024px) {
  .sp-only {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .pc-only {
    display: none !important;
  }
}

/* wrap */
.wrap {
	width: 1280px;
	margin: 0 auto;
}

@media screen and (max-width:1300px) {
  .wrap {
    width: 100%;
  }
}

/* header */
.header {
	width: 100%;
	margin: 0 auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background-color: #fff;
}

.header .header-inner {
	width: 1180px;
	margin: 0 auto;
}
.header .header-top {
	width: 1180px;
	margin: 0 auto;
	display: flex;
	justify-content:space-between;
	background-color: #fff;
}
.header .header-top .header-top-left {
	width: 480px;
}
.header .header-top .header-top-left h1 {

}
.header .header-top .header-top-left h2 {
	padding: 5px 0 20px 0;
	font-size: 17px;
}
.header .header-top .header-top-right {
	width: 800px;
}
.header .header-top .header-top-right .tel-wrap {
	margin-bottom: 20px;
	padding-top: 10px;
	display: flex;
	justify-content: flex-end;
}
.header .header-top .header-top-right .tel-wrap p.tel-text {
	margin-left: 10px;
	padding: 3px 15px 0 0;
	color: #595757;
	font-size: 14px;
	font-weight: normal;
}
.header .header-top .header-top-right .language-wrap {
	display: flex;
	justify-content: flex-end;
}
.header .header-top .header-top-right .language-wrap p {
	font-size: 14px;
}
.header .header-top .header-top-right .language-wrap p span.shift-jis-circle {
  color: #00803E;
}
.header .header-top .header-top-right .language-wrap p span.divide-line {
  color: #00803E;
}
.header .header-top .header-top-right .language-wrap p a {
	text-decoration: none;
}
.header .header-top .header-top-right .language-wrap p a:hover {
	text-decoration: underline;
}


/* .nav */
.header .nav {
	width: 1200px;
	margin: 0 auto;
}
.header .nav ul.gnav {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
	text-align: center;
}
.header .nav {
	position: relative;
}
.header .nav ul.gnav {
	position: absolute;
	top: 0;
	left: 0;
}
.header .nav ul.gnav li.li-1st {
	padding: 0;
	border-right: 1px solid #00803E;
}
.header .nav ul.gnav li.li-1st a {
	text-align: center;
}
.header .nav ul.gnav li.li-1st a:last-child {
	border-right: none;
}
.header .nav ul.gnav li.li-1st:hover {
	border-right: none;
	background-color: #87b68e;
}
.header .nav ul.gnav li.li-1st span.shift-jis-circle {
	color: #00803E;
}
.header .nav ul.gnav li.li-1st a {
	margin-top: 0;
	padding: 0 20px;
	font-size: 14px;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	display: block;
}
.header .nav ul.gnav li.li-1st a:hover {
	color: #231815;
}

/*子階層*/
.header .nav ul.gnav li.li-1st li.li-2nd {
  height: 0;
  overflow: hidden;
  transition: 0s;
}
.header .nav ul.gnav li.li-1st li.li-2nd a {
	padding: 15px 10px 21px 5px;
  border-top: 1px solid #87b68e;
	text-align: left;
	white-space: nowrap;
}
.header .nav ul.gnav li.li-1st li.li-2nd a:hover{
	background-color: #87b68e;
}
.header .nav ul.gnav li.li-1st:hover > ul > li.li-2nd {
	height: 50px;
  overflow: visible;
	background-color: #fff;
}


/****************************************************************
************** ↑↑↑↑↑ ドロップダウンここまで ↑↑↑↑↑ *****************
*****************************************************************/

/****************************************************************
************* ↓↓↓↓↓ スクロールでヘッダー変化 ↓↓↓↓↓ *****************
*****************************************************************/

/*スクロールしない場合は、ロゴ非表示 */
.scroll-logo h1 {
	display: none;
}
/* スクロールで、ヘッダー部分調整 */
.header.smaller {
	padding: 20px 0;
}
.header.smaller .nav {
	position: relative;
}
.header.smaller .nav ul.gnav {
	position: absolute;
	top: 7px;
	left: 47%;
}
/* スクロールで全削除 */
.header.smaller .header-top {
  display: none;
}
/* スクロールで、スクロール用ロゴとナビが横並び */
.header.smaller .header-inner {
  display: flex;
}
/* スクロールで、スクロール用ロゴ出現 */
.header.smaller .scroll-logo h1 {
	display: block;
}
/* スクロールで、スクロール用ロゴを、レスポンシブ調整 */
.header.smaller .scroll-logo {
	width: 10%;
}
.header.smaller .scroll-logo h1 img {
	width: 55%;
}
/* スクロールで、ナビ部分調整 */
.header.smaller .nav {
	width: 85%;
	padding-top: 12px;
}
.header.smaller .nav ul {
	margin-left: 0;
}
.header.smaller .nav ul li {
	padding: 0;
	font-size: 0.75em;
}
/* スクロール時、ロゴ、ナビ調整 */
.wrap-scroll-header .scroll-logo {
	margin-left: -16%;
}
@media screen and (max-width: 1300px) {
	.header.smaller .scroll-logo h1 img {
		margin: 0 0 0 10%;
	}
}
@media screen and (max-width: 1300px) {
  .header {
    width: 100%;
		margin: 0 auto;
  }
	.header .header-inner {
		width: 95%;
		margin: 0 auto;
	}
	.header .header-top {
		width: 100%;
	}
	.header .header-top .header-top-left {
		width: 50%;
	}
	.header .header-top .header-top-left h2 {
		font-size: 0.7em;
	}
	.header .header-top .header-top-right {
		width: 50%;
	}
	.header .nav {
		width: 70%;
		margin: -5% 0 5% 0;
	}
	.header .nav ul li {
		font-size: 12px;
		padding: 0 1.5%;
	}
}

@media screen and (max-width: 1220px) {
	.header .nav {
		width: 80%;
		margin: -3.5% 0 3% 0;
	}
	.header .nav ul li {
		padding: 0 1.5%;
	}
	.header .nav ul.gnav li.li-1st a {
		font-size: 1.0em;
	}
}

@media screen and (max-width: 1024px) {
  .header {
    width: 100%;
		margin: 0 auto;
  }
	.header .header-inner {
    width: 95%;
		margin: 0 auto;
  }
	.header .header-top {
		width: 100%;
	}
	.header .header-top .header-top-left {
		width: 50%;
	}
	.header .header-top .header-top-left h2 {
		padding: 2% 0 3%;
		font-size: 0.9em;
	}
	.header .header-top .header-top-right {
		display: none;
	}
	.header .nav {
		display: none;
	}
}

/* スクロールナビ */
@media screen and (max-width: 1300px) {
	.header.smaller .nav {
		width: 70%;
		margin: 0 0 0 15%;
	}
	.header.smaller .nav ul.gnav li.li-1st a {
		font-size: 1.0em;
	}
}
@media screen and (max-width: 1100px) {
	.header.smaller .nav {
		width: 70%;
		margin: 0 0 0 5%;
	}
	.header.smaller .scroll-logo h1 img {
		width: 50%;
	}
}
@media screen and (max-width: 1024px) {
	.header.smaller .scroll-logo h1 img {
		width: 60%;
	}
}

@media screen and (max-width: 640px) {
	h1 {
		padding: 8% 0 0;
	}
	h1 img {
		width: 70%;
	}
	.header .header-top .header-top-left h2 {
		font-size: 0.6em;
	}
}













/************************************************************
******************* ハンバーガーメニュー***********************
************************************************************/
@media screen and (max-width: 1024px) {
	.sp_menu{
		display: block;
		position: fixed;
		width: 100%;
		padding: 2% 2%;
		top: 0.5%;
		left: 0;
		z-index: 2;

	}
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		margin-right: 8%;
		float: right;
		position: relative;
		width: 40px;
		height: 36px;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 5px;
		background-color: #aaa;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 16px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(16px) rotate(-45deg);
		transform: translateY(16px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		left: 50%;
		opacity: 0;
		-webkit-animation: active-menu-bar02 .8s forwards;
		animation: active-menu-bar02 .8s forwards;
	}
	@-webkit-keyframes active-menu-bar02 {
		100% {
			height: 0;
		}
	}
	@keyframes active-menu-bar02 {
		100% {
			height: 0;
		}
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-16px) rotate(45deg);
		transform: translateY(-16px) rotate(45deg);
	}
	.wrap-wrap-hamburger {
		position: relative;
	}
	.wrap-hamburger {
		position: absolute;
		top: 100px;
		left: 0;
	}
	.g-nav{
		display: none;
		height: 100vh;
		top: 0;
		position: fixed;
		left: 0;
		z-index: 1;
		padding: 80px 2% 0;
		width: 100%;
		overflow-y: scroll;
		background-color: rgba(0,0,0,0.5);
	}
	.g-nav a{
		display: block;
		padding: 10px;
		font-size: 16px;
		text-align: left;
	}
	.g-nav a::after{
		content: '>';
		display: inline-block;
		float: right;
	}
	.g-nav a.parent::after{
		content: '+';
		display: inline-block;
		float: right;
	}
	.g-nav a.parent.open::after{
		content: '--';
	}
	.g-nav a.parent {
		color: #666;
	}
	.g-nav ul {
		width: 95%;
		margin: 0 auto;
		margin-left: 0;
	}
	.g-nav ul li a{
		padding: 20px;
		background: #fff;
		border-bottom: 1px solid #00803E;
	}
	.g-nav ul li:nth-child(2n+1) ul li:nth-child(2n+1) a{
		background: #fff;
	}
	.child{
		display: none;
	}
	.g-nav ul li a span.shift-jis-circle {
		color: #00803E;
	}
	ul.child {
		width: 100%;
	}
	ul.child li.li-2nd {
		width: 100%;
	}
	ul li.active {
		background-color: #f00;
	}
	.g-nav ul li.submenu_li a.parent.open {
		background-color: #cce6d9;
	}
	.g-nav ul li.submenu_li ul.child li.li-2nd.now a {
		background-color: #eee;
	}
	.g-nav ul li.submenu_li ul.child li.li-2nd a span.hamburger-lonk-color {
		color: #00803E;
	}


}


/********************************************************/
/* .kv-block */
.kv-block {
	width: 1280px;
	height: 260px;
	margin: 120px auto 0;
	background: url(../images/kv-bg-01.jpg) no-repeat;
}
.kv-block h2.kv-title {
	width: 500px;
	margin-top: 85px;
	padding: 20px 0 50px 40px;
	color: #fff;
	font-size: 36px;
	background:linear-gradient(to right, rgba(0, 128, 62, 1), rgba(0, 128, 62, 0));
}

@media screen and (max-width: 1300px) {
	.kv-block {
		width: 100%;
		height: auto;
		margin: 10% auto 0;
		padding: 10% 0;
		background-size: 100%;
	}
	.kv-block h2.kv-title {
		width: 50%;
		margin-top: -4%;
		padding: 2% 0 3% 3%;
		font-size: 1.5em;
	}
}
@media screen and (max-width: 1024px) {
	.kv-block {
		margin: 10% auto 0;
	}
}
@media screen and (max-width: 700px) {
	.kv-block h2.kv-title {
		margin-top: -3%;
		padding: 2% 0 2% 3%;
		font-size: 100%;
	}
}
@media screen and (max-width: 640px) {
	.kv-block {
		width: 100%;
		margin: 20% auto 0;
		background-size: 100%;
	}
	.kv-block h2.kv-title {
		margin-top: -5%;
		padding: 2% 0 2% 3%;
		font-size: 90%;
	}
}

/* .bread-block */
.bread-block {
	width: 1180px;
	margin: 10px auto;
}
.bread-block p {
	color: #595757;
}
.bread-block p a {
	color: #595757;
	text-decoration: none;
}
.bread-block p a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 1300px) {
	.bread-block {
		width: 95%;
		margin: 0 auto;
		padding: 1% 0;
	}
}
@media screen and (max-width: 1024px) {
	.bread-block {
		display: none;
	}
}

/* contents-wrap */
.contents-wrap {
	width: 1180px;
	margin: 0 auto;
	display: flex;
}
@media screen and (max-width: 1300px) {
	.contents-wrap {
		width: 95%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 1024px) {
	.contents-wrap {
		width: 90%;
		margin: 3% auto 0;
	}
}

/* .contents-left */
.contents-left {
	width: 880px;
	margin-right: 50px;
}

.contents-left .page-title {
	width: 880px;
	background-color: #cce6d9;
}
.contents-left .page-title h3 {
	width: 170px;
	margin-bottom: 40px;
	padding: 5px 20px;
	color: #fff;
	font-weight: normal;
	text-align: center;
	background-color: #00803E;
}

.contents-left .contents-detail-wrap {
	display: flex;
	margin-bottom: 20px;
}
.contents-left .contents-detail-wrap .contents-detail-left {
	margin-right: 40px;
}
.contents-left .contents-detail-wrap .contents-detail-left video {
	width: 280px;
	margin: 5px 0 0 0;
	padding: 0;
	z-index: 10;
	background-color: #fff;
	object-fit: cover;
}
.contents-left .contents-detail-wrap .contents-detail-left video[poster]{
	width: 280px;
	height: 230px;
	padding: 0;
}

.contents-left .contents-detail-wrap .contents-detail-right {

}
.contents-left .contents-detail-wrap .contents-detail-right h4 {
	margin-bottom: 10px;
	color: #00803E;
	font-size: 20px;
	font-weight: bold;
}
.contents-left .contents-detail-wrap .contents-detail-right h5 {
	color: #00803E;
	font-size: 16px;
	font-weight: bold;
}
.contents-left .contents-detail-wrap .contents-detail-right p {
	color: #717070;
	font-size: 16px;
	font-weight: normal;
	padding-left: 1em;
	text-indent: -1em;
}

@media screen and (max-width: 1300px) {
	.contents-left {
		width: 80%;
		margin-right: 3%;
	}
	.contents-left .page-title {
		width: 100%;
		margin: 0 auto;
	}
	.contents-left .page-title h3 {
		font-size: 1.0em;
	}

	.contents-left .contents-detail-wrap {
		width: 100%;
	}
	.contents-left .contents-detail-wrap .contents-detail-left {
		width: 50%;
		margin-right: 0;
	}
	.contents-left .contents-detail-wrap .contents-detail-left video {
		width: 100%;
	}
	.contents-left .contents-detail-wrap .contents-detail-left video[poster]{
		width: 330px;
		height: 280px;
		padding: 0;
	}
	.contents-left .contents-detail-wrap .contents-detail-right {
		width: 50%;
		padding-left: 3%;
	}
	.contents-left .contents-detail-wrap .contents-detail-right h4 {
		font-size: 0.9em;
	}
	.contents-left .contents-detail-wrap .contents-detail-right h5 {
		font-size: 0.8em;
	}
	.contents-left .contents-detail-wrap .contents-detail-right p {
		font-size: 0.8em;
	}
	.contents-left .contents-detail-wrap .contents-detail-right p.img-block {
		text-align: center;
	}
	.contents-left .contents-detail-wrap .contents-detail-right p img {
		width: 80%;
		text-align: center;
	}
}

@media screen and (max-width: 1024px) {
	.contents-left {
		width: 100%;
		margin-right: 0;
	}
	.contents-left .page-title {
		width: 100%;
		margin: 0 auto;
	}
	.contents-left .page-title h3 {
		width: 100%;
		margin-bottom: 5%;
		padding: 1% 0;
	}
	.contents-left .contents-detail-wrap {
		width: 100%;
		display: block;
	}
	.contents-left .contents-detail-wrap .contents-detail-left {
		width: 100%;
		margin-right: 0;
		text-align: center;
	}
	.contents-left .contents-detail-wrap .contents-detail-left video {
		width: 95%;
	}
	.contents-left .contents-detail-wrap .contents-detail-left video[poster]{
		width: 100%;
		height: auto;
		padding: 0;
	}
	.contents-left .contents-detail-wrap .contents-detail-right {
		width: 100%;
		margin-top: 5%;
	}
	.contents-left .contents-detail-wrap .contents-detail-right h4 {
		font-size: 0.9em;
	}
	.contents-left .contents-detail-wrap .contents-detail-right h5 {
		font-size: 0.8em;
	}
	.contents-left .contents-detail-wrap .contents-detail-right p {
		font-size: 0.8em;
	}
	.contents-left .contents-detail-wrap .contents-detail-right p.img-block {
		text-align: center;
	}
	.contents-left .contents-detail-wrap .contents-detail-right p img {
		width: 80%;
		text-align: center;
	}
}

/* .contents-right */
.contents-right {

}
.contents-right .side-nav a {
	text-decoration: none;
}
.contents-right .side-nav a p.text-link {
	width: 250px;
	margin-bottom: 10px;
	padding: 30px 10px;
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	box-sizing: border-box;
	background-color: #00803E;
}
.contents-right .side-nav a p:hover {
	color: #231815;
	background-color: #87b68e;
}
.contents-right .side-nav a .side-nav-file {
	width: 250px;
	padding: 20px 10px;
	text-align: center;
	border: 3px solid #00803E;
	box-sizing: border-box;
}
.contents-right .side-nav a .side-nav-file p.file-link {
	font-size: 14px;
}
.contents-right .side-nav a .side-nav-file p.file-link span {
	color:#00803E;
}
.contents-right .side-nav a .side-nav-file:hover {
	color: #231815;
	background-color: #87b68e;
}

@media screen and (max-width: 1300px) {
	.contents-right {
		width: 20%;
	}
	.contents-right .side-nav a p.text-link {
		width: 100%;
		margin-bottom: 5%;
		padding: 8% 0;
		font-size: 0.9em;
	}
	.contents-right .side-nav a p:hover {
		color: #231815;
		background-color: #87b68e;
	}
	.contents-right .side-nav a .side-nav-file {
		width: 100%;
		padding: 5% 1%;
	}
	.contents-right .side-nav a .side-nav-file p.file-link {
		font-size: 0.9em;
	}
}

@media screen and (max-width: 1024px) {
	.contents-right {
		display: none;
	}
}

/* .footer */
.footer {
	width: 1280px;
	margin-top: 30px;
}
.footer .footer-top {
	width: 1280px;
	padding: 20px 0;
	color: #fff;
	text-align: center;
	background-color: #00803E;
}
.footer .footer-top p.text-name {
	font-size: 15px;
}
.footer .footer-top p.text-address {
	font-size: 12px;
}

.footer .footer-bottom {
	width: 1280px;
	padding: 30px 0;
	background-color: #231815;
}
.footer .footer-bottom .inner {
	width: 920px;
	margin: 0 auto;
}
.footer .footer-bottom .inner ul {
	display: flex;
}
.footer .footer-bottom .inner ul li {
	margin-right: 40px;
	color: #fff;
}
.footer .footer-bottom .inner ul li h3 a {
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
}
.footer .footer-bottom .inner ul li h3 a:hover {
	text-decoration: underline;
}
.footer .footer-bottom .inner ul li p {
	padding: 5px 0;
}
.footer .footer-bottom .inner ul li p a {
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.footer .footer-bottom .inner ul li p a:hover {
	text-decoration: underline;
}
.footer .footer-bottom p.copy {
	width: 1180px;
	margin: 0 auto;
	color: #fff;
	font-size: 9px;
	font-weight: normal;
	text-align: right;
}

@media screen and (max-width: 1300px) {
	.footer {
		width: 100%;
		margin-top: 5%;
	}
	.footer .footer-top {
		width: 100%;
		padding: 2% 0;
	}
	.footer .footer-top p.text-name {
		font-size: 0.8em;
	}
	.footer .footer-top p.text-address {
		font-size: 0.7em;
	}

	.footer .footer-bottom {
		width: 100%;
		padding: 2% 0;
	}
	.footer .footer-bottom .inner ul {

	}
	.footer .footer-bottom p.copy {
		width: 100%;
		font-size: 0.8em;
		text-align: center;
	}
}

@media screen and (max-width: 1024px) {
	.footer {
		width: 100%;
		margin-top: 5%;
	}
	.footer .footer-top {
		width: 100%;
		padding: 2% 0;
	}
	.footer .footer-top p.text-name {
		font-size: 0.8em;
	}
	.footer .footer-top p.text-address {
		font-size: 0.7em;
	}

	.footer .footer-bottom {
		width: 100%;
		padding: 2% 0;
	}
	.footer .footer-bottom .inner ul {
		display: none;
	}
	.footer .footer-bottom p.copy {
		width: 100%;
		font-size: 0.8em;
		text-align: center;
	}
}

/************************************************************
*********************** テープリール *************************
************************************************************/
.tapereel-title h4 {
	margin-bottom: 20px;
	color: #00803E;
	font-size: 16px;
	font-weight: bold;
}

/* .tapereel-img-top */
.tapereel-img-top {
	display: flex;
	justify-content:space-between;
	margin-bottom: 30px;
}
.tapereel-img-top p {
	width: 200px;
}
.tapereel-img-top p img {
	width: 200px;
}
.tapereel-img-top p video {
	width: 200px;
	padding: 0;
	z-index: 10;
	background-color: #fff;
	object-fit: cover;
}
.tapereel-img-top p video[poster]{
	width: 200px;
	height: 140px;
	padding: 0;
}

@media screen and (max-width: 1300px) {

}
@media screen and (max-width: 1180px) {
	.tapereel-img-top p img {
		width: 99%;
	}
	.tapereel-img-top p video[poster]{
		width: 98%;
		height: 99%;
	}
}
@media screen and (max-width: 1024px) {
	.tapereel-img-top {
		justify-content:space-between;
		flex-wrap: wrap;
	}
	.tapereel-img-top p {
		width: 50%;
		margin-bottom: 2%;
	}
	.tapereel-img-top p img {
		width: 98%;
	}
	.tapereel-img-top p video {
		width: 98%;
		padding: 0;
	}
	.tapereel-img-top p video[poster]{
		width: 98%;
		height: 100%;
	}
	.tapereel-img-top p:nth-child(2n+1) {
		text-align: left;
	}
	.tapereel-img-top p:nth-child(2n) {
		text-align: right;
	}
}
/* .tapereel-table-block */
.tapereel-table-block {
	width: 880px;
	margin-bottom: 30px;
}
.tapereel-table-block table {
	width: 880px;
	border-collapse: collapse;
	border: 1px solid #717070;
}
.tapereel-table-block table th {
	padding: 10px 10px 10px 30px;
	color: #717070;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #717070;
}
.tapereel-table-block table td {
	padding: 10px 10px 10px 30px;
	color: #717070;
	font-size: 16px;
	font-weight: normal;
	border-collapse: collapse;
	border: 1px solid #717070;
}
.tapereel-table-block table td.center {
	padding-left: 0;
	text-align: center;
}
@media screen and (max-width: 1300px) {
	/* .tapereel-table-block */
	.tapereel-table-block {
		width: 100%;
		margin: 0 auto 5%;
	}
	.tapereel-table-block table {
		width: 100%;
	}
	.tapereel-table-block table th {
		padding: 1% 1% 1% 3%;
		font-size: 0.5em;
	}
	.tapereel-table-block table td {
		padding: 1% 1% 1% 3%;
		font-size: 0.5em;
	}
	.tapereel-table-block table td.center {
		width: 10%;
	}
}

/* .tapereel-img-bottom */
.tapereel-img-bottom {
	width: 880px;
	margin: 0 auto;
	text-align: center;
}
.tapereel-img-bottom p {
	margin-bottom: 10px;
}

/* .tapereel-img-flow */
.tapereel-img-flow {
	max-width: 880px;
	margin: 0 auto;
	display: flex;
}
.tapereel-img-flow p.arrow {
	margin: 50px 1px 0;
}

p.tapereel-img-ttl {
	margin-bottom: 30px;
	color: #717070;
	text-align: center;
}

@media screen and (max-width: 1024px) {
	.tapereel-img-bottom {
		width: 100%;
	}
	.tapereel-img-bottom p {
		margin-bottom: 3%;
	}
	.tapereel-img-flow {
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	.tapereel-img-flow p {
		text-align: center;
	}
	.tapereel-img-flow p.arrow {
		margin: 0;
		text-align: center;
	}

	p.tapereel-img-ttl {
		margin-bottom: 1%;;
		text-align: center;
	}
}

/************************************************************
************************* common ***************************
************************************************************/
/* .common-img-block */
.common-img-block {
	display: flex;
	justify-content:space-between;
	margin-bottom: 30px;
}
.common-img-block p {
	width: 200px;
}
.common-img-block p img {
	width: 200px;
}
@media screen and (max-width: 1300px) {

}
@media screen and (max-width: 1180px) {
	.common-img-block p img {
		width: 99%;
	}
}
@media screen and (max-width: 1024px) {
	.common-img-block {
		justify-content:space-between;
		flex-wrap: wrap;
	}
	.common-img-block p {
		width: 50%;
		margin-bottom: 2%;
	}
	.common-img-block p img {
		width: 98%;
	}
	.common-img-block p:nth-child(2n+1) {
		text-align: left;
	}
	.common-img-block p:nth-child(2n) {
		text-align: right;
	}
}



/************************************************************
************************* センター ***************************
************************************************************/
/* .center-text-top */
p.center-text-top {
	color: #717070;
}
/* center-title-text */
.center-title-text {
	margin-bottom: 20px;
	color: #717070;
}
.center-title-text h4 {
	color: #00803E;
	font-size: 16px;
	font-weight: bold;
}

@media screen and (max-width: 1300px) {
	.center-title-text {
		margin-bottom: 3%;
	}
	.center-title-text h4 {
		font-size: 0.9em;
	}
}

/* .center-iso-img */
.center-iso-img {
	display: flex;
}
.center-iso-img p {
	margin-right: 20px;
}

@media screen and (max-width: 1300px) {
	/* .center-iso-img */
	.center-iso-img p {
		width: 50%;
		margin-right: 3%;
	}
	.center-iso-img p img {
		width: 100%;
	}
}

/************************************************************
************************* 使用設備 ***************************
************************************************************/
/* .facilities-box */
.facilities-box {
	margin-bottom: 50px;
}

/* facilities-title */
.facilities-title {
	margin-bottom: 20px;
}
.facilities-title h4 {
	color: #00803E;
	font-size: 16px;
	font-weight: bold;
}

@media screen and (max-width: 1300px) {
	.facilities-box {
		margin-bottom: 8%;
	}
	.facilities-title {
		margin-bottom: 3%;
	}
	.facilities-title h4 {
		font-size: 0.9em;
	}
}

/* facilities-table */
.facilities-table table {
	width: 880px;
	border-collapse: collapse;
	border: 1px solid #717070;
	box-sizing: border-box;
}
.facilities-table table th {
	width: 160px;
	padding: 10px 30px;
	color: #717070;
	font-weight: normal;
	vertical-align: top;
	border-collapse: collapse;
	border: 1px solid #717070;
	box-sizing: border-box;
}
.facilities-table table td {
	padding: 10px 30px;
	color: #717070;
	border-collapse: collapse;
	border: 1px solid #717070;
	box-sizing: border-box;
}
.facilities-table table td.center {
	width: 100px;
	padding: 10px 0;
	text-align: center;
}
.facilities-box p.facilities-img-single {
	width: 880px;
	margin: 0 auto 30px;
	text-align: center;
}

@media screen and (max-width: 1300px) {
	.facilities-table table {
		width: 100%;
		font-size: 0.8em;
	}
	.facilities-table table th {
		width: 25%;
		padding: 2% 4%;
	}
	.facilities-table table td {
		padding: 2% 4%;
	}
	.facilities-table table td.center {
		width: 15%;
		padding: 2% 0;
	}
	.facilities-box p.facilities-img-single {
		width: 100%;
		margin: 0 auto 3%;
	}
}



/************************************************************
*********************** よくある質問 *************************
************************************************************/
/* .faq-box */
.faq-box {
	margin-bottom: 40px;
}

/* faq-title */
.faq-title {
	margin-bottom: 10px;
	background-color: #cce6d9;
}
.faq-title h4 {
	padding: 5px 10px;
	color: #00803E;
	font-size: 16px;
	font-weight: bold;
}

/* .faq-a-text */
.faq-a-text {

}
.faq-a-text p {
	padding: 10px;
	color: #727171;
	font-size: 16px;
	font-weight: normal;
	border: 1px solid #00803E;
}

@media screen and (max-width: 1300px) {
	.faq-title h4 {
		font-size: 0.9em;
	}
	.faq-a-text p {
		font-size: 0.9em;
	}
}



/*********************************/




















/**/