@charset "UTF-8";
/*-----------------------------------------------------

  Common CSS

    - Body
    - Link
    - Font
		- Image Sprite
    - Header
    - Gnav
    - Footer
		- Layout
    - Margin adjustment

-----------------------------------------------------*/
/*-----------------------------------------------------

  Body

-----------------------------------------------------*/
body {
  color: #626469;
  background: #fff;
  line-height: 1.6;
}
@media screen and (min-width: 769px) {
	html {
		overflow: auto;
	}
		body {
			overflow: hidden;
			min-width: 1024px;
		}
}


/*-----------------------------------------------------

  Link

-----------------------------------------------------*/
a:link, a:visited, .touchend {
  color: #009530;
  text-decoration: none;
}
a:hover, .touchstart {
  text-decoration: underline;
}
a.blank_win{
   background-image: url(../img/link_blank_win.png);
   background-repeat: no-repeat;
   background-position: right center;
   padding-right: 20px;
}

/*-----------------------------------------------------

  Font

-----------------------------------------------------*/
html {
  font-size: 10px;
}
body, select, input, button, textarea, optgroup, option {
	font-family: Meiryo UI, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
body div {
	font-size: 15px;
	font-size: 1.5rem;
}
select, input, button, textarea, optgroup, option {
	font-size: 15px;
	font-size: 1.5rem;
}
.arial-r {
	font-family: Arial Rounded MT Bold, Arial, sans-serif;
}
.fs10 { font-size: 10px !important; font-size: 1.0rem !important; }
.fs11 { font-size: 11px !important; font-size: 1.1rem !important; }
.fs12 { font-size: 12px !important; font-size: 1.2rem !important; }
.fs13 { font-size: 13px !important; font-size: 1.3rem !important; }
.fs14 { font-size: 14px !important; font-size: 1.4rem !important; }
.fs15 { font-size: 15px !important; font-size: 1.5rem !important; }
.fs16 { font-size: 16px !important; font-size: 1.6rem !important; }
.fs17 { font-size: 17px !important; font-size: 1.7rem !important; }
.fs18 { font-size: 18px !important; font-size: 1.8rem !important; }
.fs19 { font-size: 19px !important; font-size: 1.9rem !important; }
.fs20 { font-size: 20px !important; font-size: 2.0rem !important; }
.fs21 { font-size: 21px !important; font-size: 2.1rem !important; }
.fs22 { font-size: 22px !important; font-size: 2.2rem !important; }
.fs23 { font-size: 23px !important; font-size: 2.3rem !important; }
.fs24 { font-size: 24px !important; font-size: 2.4rem !important; }
.fs25 { font-size: 25px !important; font-size: 2.5rem !important; }
.fs26 { font-size: 26px !important; font-size: 2.6rem !important; }
.fs27 { font-size: 27px !important; font-size: 2.7rem !important; }
.fs28 { font-size: 28px !important; font-size: 2.8rem !important; }
.fs29 { font-size: 29px !important; font-size: 2.9rem !important; }
.fs30 { font-size: 30px !important; font-size: 3.0rem !important; }


/*-----------------------------------------------------

  Image Sprite

-----------------------------------------------------*/
#gnav a::before,
.footer-sitemap a::before,
.footer-sitemap dt::before {
	position: absolute;
	content: '';
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
	background-size: 250px 250px;
}
@media screen and (max-width: 768px) {
	#gnav dt::before {
		position: absolute;
		content: '';
		background-image: url(../img/sprite.png);
		background-repeat: no-repeat;
		background-size: 250px 250px;
	}
	#gnav dl dd span::before {
		position: absolute;
		content: '';
		background-image: url(../img/sprite.png);
		background-position: 0 -10px;
		background-repeat: no-repeat;
		background-size: 250px 250px;
	}
}


.footer-sitemap span::before {
	position: absolute;
	content: '';
	background-image: url(../img/sprite.png);
	background-position: 0 -10px;
	background-repeat: no-repeat;
	background-size: 250px 250px;
}


/*-----------------------------------------------------

  header

-----------------------------------------------------*/
#header {
	position: relative;
	z-index: 1;
  min-width: 1024px;
	background: #3dcd58;
}
	#header::after {
		filter: alpha(opacity=20);
		-moz-opacity: 0.2;
		opacity: 0.2;
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background: #04762b;
	}
	#header .inner {
		width: 1000px;
		margin: 0 auto;
	}
		#header h1 {
			float: left;
			padding: 20px 0 17px 16px;
		}
			#header h1 a {
				text-decoration: none;
			}
			#header h1 img {
				display: inline-block;
				vertical-align: top;
			}
			#header h1 img:nth-child(2) {
				margin: 13px 0 0 10px;
			}
		#header .btn {
			float: right;
			width: 252px;
			background: #ffffff;
			border: 2px solid #33bd50;
			border-top: none;
			text-align: center;
			vertical-align: middle;
		}
			#header .btn a {
				display: block;
				padding: 16px 0;
				/*初回公開時*/
				cursor: default;
			}
			
@media screen and (max-width: 768px) {
	#header {
		min-width: 100%;
	}
		#header::after {
			display: none;
		}
			#header .inner {
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				width: 100%;
				padding-left: 3.125%;
			}
				#header h1 {
					padding: 13px 0;
				}
				#header h1 img:first-child {
					width: 132px;
					height: auto;
				}
				#header h1 img:last-child {
					width: 88px;
					height: auto;
					margin: 5px 0 0 10px;
				}
				#header .btn {
					display: none;
				}
				#header .menu-trigger {
					position: relative;
					float: right;
					width: 55px;
					height: 55px;
					color: #FFF;
					background: #009530;
					text-align: center;
				}
				#header .menu-trigger span {
					display: block;
					position: absolute;
					top: 21px;
					left: 19px;
					width: 17px;
					height: 1px;
					background-color: #FFF;
				}
				#header .menu-trigger span:nth-of-type(2) {
					top: 24px;
				}
				#header .menu-trigger span:nth-of-type(3) {
					top: 27px;
				}
				#header .menu-trigger span:nth-of-type(4) {
					top: 30px;
				}
			
				#header .menu-trigger.open span:nth-of-type(1) {
					-webkit-transform: translateY(7px) rotate(-45deg);
					transform: translateY(7px) rotate(-45deg);
				}
				#header .menu-trigger.open span:nth-of-type(2) {
					-webkit-transform: translateY(4px) rotate(45deg);
					transform: translateY(4px) rotate(45deg);
				}
				#header .menu-trigger.open span:nth-of-type(3) {
					display: none;
				}
				#header .menu-trigger.open span:nth-of-type(4) {
					display: none;
				}
}



/*----------------------------------------------------
　SP/gnav　非表示設定
-----------------------------------------------------*/
@media screen and (max-width: 768px) {
		#gnav .g-staff,
		#gnav .g-info,
		#gnav .g-recruit .g-staff,
		#gnav .g-recruit .g-info {
			display: none;
		}
}




/*-----------------------------------------------------

  Gnav

-----------------------------------------------------*/
.gnav-wrap {
	position: relative;
	z-index: 1;
	border-bottom: 2px solid #dadada;
}
	#gnav {
		min-width: 1024px;
		background: #009530;
	}
		#gnav .inner {
			z-index: 5;
			width: 1000px;
			margin: 0 auto;
		}
			#gnav .btn {
				display: none;
			}
			#gnav dl {
				position: relative;
				float: left;
				width: 25%;	
			}
			#gnav dl:after,
			#gnav dl:first-child:before {
				z-index: 1;
				content: '';
				display: block;
				position: absolute;
				left: 100%;
				top: 0;
				width: 2px;
				height: 4.8em;
				background: #006734; /* Old browsers */
				background: -webkit-linear-gradient(top,  #006734 0%,#006734 1%,#00743c 3%,#00753c 51%,#00853b 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom,  #006734 0%,#006734 1%,#00743c 3%,#00753c 51%,#00853b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006734', endColorstr='#00853b',GradientType=0 ); /* IE6-9 */
			}
			#gnav dl:first-child:before {
				left: 0;
			}
			#gnav dt {
				position: relative;
				cursor:pointer;
				display: table-cell;
				width: inherit;
				height: 4.8em;
				color: #ffffff;
				vertical-align: middle;
				text-align: center;
			}
			#gnav dt span{
				font-size:13px;
				font-size:1.3rem;
			}
			#gnav dl.g-staff dt,
			#gnav dl.g-info dt{
				background:#05872f;
			}
			
			#gnav dt:hover {
				color: #ffffff;
				background: #09b541;
			}
			#gnav dl.g-staff dt:hover,
			#gnav dl.g-info dt:hover{
				cursor:default;
			}

			#gnav .active,
			#gnav .active:hover,
			#gnav .current,
			#gnav .current:hover {
				color: #ffffff;
				background: #3dcd58;
			}
			#gnav dl.g-staff dt.active,
			#gnav dl.g-staff dt.active:hover,
			#gnav dl.g-staff dt.current,
			#gnav dl.g-staff dt.current:hover,
			#gnav dl.g-info dt.active,
			#gnav dl.g-info dt.active:hover,
			#gnav dl.g-info dt.current,
			#gnav dl.g-info dt.current:hover {
				color: #ffffff;
				background: #3dcd58;
			}
			#gnav .active:before,
			#gnav dl.g-staff dt.active:before,
			#gnav dl.g-info dt.active:before {
				content: '';
				z-index:10000;
				display:inline-block;
				position: absolute;
				top: 4.8em;
				left: 50%;
				margin: 0 0 0 -5px;
				border-style :solid;
				border-width: 8px 10px;
				border-color: #3dcd58 transparent transparent transparent;
			}
			#gnav dd {
				display: none;
			}
	#gnav-dropdown {
		position: absolute;
		min-width: 100%;
		display: none;
		padding: 8px 0 40px;
		background: #d6d6d6; /* Old browsers */
		background: -webkit-linear-gradient(top,  #d6d6d6 0%,#dbdbdb 0%,#dcdcdc 1%,#e3e3e3 2%,#e2e2e2 3%,#e6e6e6 4%,#e6e6e6 6%,#eaeaea 7%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #d6d6d6 0%,#dbdbdb 0%,#dcdcdc 1%,#e3e3e3 2%,#e2e2e2 3%,#e6e6e6 4%,#e6e6e6 6%,#eaeaea 7%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
		border-top: 1px solid #cecece;
		border-bottom: 2px solid #dadada;
	}
		#gnav-dropdown .inner {
			width: 992px;
			margin: 0 auto;
		}
			#gnav-dropdown ul {
				min-height: 200px;
				margin: 0 40px 0 0;
			}
			#gnav-dropdown .btn-close p {
				cursor: pointer;
				float: right;
				width: 46px;
				height: 46px;
				margin: 5px 0;
				color: #009530;
				background: #ffffff;
				border: 2px solid #009530;
				border-radius: 50%;
				text-align: center;
			}
			#gnav-dropdown .btn-close p:hover {
				color: #3dcd58;
				border: 2px solid #3dcd58;
			}
				#gnav-dropdown li {
					float: left;
					width: 160px;
					margin-left: 20px;
					text-align: center;
					font-size: 14px;
					font-size: 1.35rem;
				}
				.mac #gnav-dropdown li {
					font-size: 1.2rem;
				}
				#gnav-dropdown li:first-child {
					margin-left: 20px;
				}
				#gnav-dropdown li:last-child {
					margin-right: 0;
				}
					#gnav-dropdown li img {
						display: block;
						margin: 0 auto 12px;
						border: 2px solid #dbdbdb;
						border-radius: 50%;
					}
					#gnav-dropdown a:hover img {
						border-color: #009530;
					}
					#gnav-dropdown a:hover {
						text-decoration: none;
					}
					#gnav-dropdown span{
						color:#b6b6b6;
					}


@media screen and (max-width: 768px) {
	.gnav-wrap {
		border-bottom: 2px solid #dadada;
	}
		#gnav {
			min-width: 100%;
		}
			#gnav .inner {
				display: none;
				position: absolute;
				top: 0;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				width: 100%;
				padding-left: 3.125%;
				padding-right: 3.125%;
				background: #f2f2f2; /* Old browsers */
				background: linear-gradient(to bottom,  #f2f2f2 0%,#d6d6d6 0%,#e2e2e2 1%,#e3e3e3 1%,#ebebeb 2%,#ebebeb 3%,#f2f2f2 6%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
			}
			#gnav dl {
				float: none;
				width: 100%;	
			}
			#gnav dl:after,
			#gnav dl:first-child:before {
				display: none;
			}
				#gnav dt {
					display: block;
					width: 100%;
					height: auto;
					color: #626469;
					vertical-align: middle;
					text-align: left;
					font-size: 1.7rem;
				}
				
				#gnav dt:hover,
				#gnav .active,
				#gnav .active:hover,
				#gnav .current,
				#gnav .current:hover {
					color: inherit;
					background: inherit;
				}
				#gnav dt {
					position: relative;
					min-height: inherit;
					margin: 0;
					padding: 20px 35px 20px 0;
					border-bottom: 1px solid #D6D6D6;
				}
				#gnav dl.g-staff dt,
				#gnav dl.g-info dt{
					color:#9fa0a4;
					background:#f2f2f2;
				}
				#gnav dt::before {
					width: 25px;
					height: 9px;
					top: 50%;
					right: 10px;
					margin: -5px 0 0;
					background-position: 0 -50px;
				}
				#gnav .spactive::before {
					background-position: 0 -25px;
				}
				#gnav li {
					margin: 0;
					border-bottom: 1px dotted #9fa0a4;
				}
				#gnav li a {
					position: relative;
					display: block;
					padding: 10px 0 10px 20px;
					color: #626469;
				}
				#gnav li a::before {
					width: 8px;
					height: 8px;
					top: 1.3em;
					left: 6px;
				}
				#gnav li a:hover {
					color: #009530;
					background: #ffffff;
					text-decoration: none;
				}
				#gnav li span {
					display: block;
					padding: 10px 0 10px 20px;
				}
					#gnav li img {
						display: none;
					}
			#gnav .btn {
				display: block;
				margin: 10px 0;
				background: #ffffff;
				border: 1px solid #a9abb1;
				text-align: center;
				vertical-align: middle;
			}
				#gnav .btn a {
					display: block;
					padding: 16px 0;
				}
				/*初回表示時*/
				#gnav .btn,
				#gnav .btn a {
					display: none;
				}


			#gnav dl dd span {
					position: relative;
					display: block;
					padding: 10px 0 10px 20px;
					color: #a4a5a9;
				}
			#gnav dl dd li span::before {
					width: 8px;
					height: 8px;
					top: 1.3em;
					left: 6px;
			}
}


/*-----------------------------------------------------

  Footer

-----------------------------------------------------*/
#footer {
  min-width: 1024px;
	margin: 80px 0 0;
}
	.footer-pagetop {
		border-top: 1px solid #eaeaea;
	}
		.footer-pagetop p {
			width: 984px;
			margin: 0 auto;
			text-align: right;
		}
			.footer-pagetop a {
				display: inline-block;
				padding: 20px 0;
			}
	.footer-sitemap {
		padding: 50px 0 35px;
		background: #d6d6d6; /* Old browsers */
		background: -webkit-linear-gradient(top,  #d6d6d6 0%,#e2e2e2 1%,#e3e3e3 2%,#ebebeb 4%,#ebebeb 6%,#f2f2f2 10%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #d6d6d6 0%,#e2e2e2 1%,#e3e3e3 2%,#ebebeb 4%,#ebebeb 6%,#f2f2f2 10%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
		border-top: 1px solid #f2f2f2;
	}
		.footer-sitemap .inner {
			width: 984px;
			margin: 0 auto;
		}
			.footer-sitemap dl {
				float: left;
				width: 250px;
				margin: 0 20px 0 0;
			}
			.footer-sitemap dl:nth-child(3) {
				width: 210px;
			}
			.footer-sitemap dl:nth-child(4) {
				width: 210px;
				margin: 0;
			}
			.footer-sitemap dt {
				min-height: 3em;
				margin: 0 0 10px;
				font-size: 17px;
				font-size: 1.7rem;
			}
			.footer-sitemap li {
				margin: 0 0 2px;
			}
			.footer-sitemap a {
				position: relative;
				display: block;
				padding: 10px 10px 10px 24px;
				color: #626469;
			}
			.footer-sitemap a::before {
				width: 8px;
				height: 8px;
				top: 1.3em;
				left: 10px;
			}
			.footer-sitemap a:hover {
				color: #009530;
				background: #ffffff;
				text-decoration: none;
			}
			.footer-sitemap span {
				position: relative;
				display: block;
				color: #a4a5a9;
				padding: 10px 10px 10px 24px;
			}
			.footer-sitemap span::before {
				width: 8px;
				height: 8px;
				top: 1.3em;
				left: 10px;
			}
	.footer-nav {
		background: #009530;
	}
		.footer-nav ul {
			width: 984px;
			margin: 0 auto;
			padding: 25px 0;
		}
			.footer-nav li {
				margin: 0 30px 0 0;
				display: inline-block;
			}
			.footer-nav a {
				color: #ffffff;
			}
			.footer-nav a:hover {
			}
	.footer-copy {
		background: #3dcd58;
	}
		.footer-copy .inner {
			width: 984px;
			margin: 0 auto;
			padding: 24px 0 70px;
		}
@media screen and (max-width: 768px) {
	#footer {
		min-width: 100%;
		margin: 40px 0 0;
	}
		#footer .inner {
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			width: 100%;
			padding-right: 3.125%;
			padding-left: 3.125%;
		}
			.footer-pagetop p {
				width: auto;
				text-align: center;
			}	
				.footer-pagetop a {
					display: block;
					padding: 16px 0;
				}
		.footer-sitemap {
			padding: 0 0 10px;
			border-top: none;
		}
			.footer-sitemap dl {
				float: none;
				width: 100%;
				margin: 0;
			}
			.footer-sitemap dl:nth-child(3) {
				width: 100%;
			}
			.footer-sitemap dl:nth-child(4) {
				width: 100%;
			}
			.footer-sitemap dt {
				position: relative;
				min-height: inherit;
				margin: 0;
				padding: 20px 35px 20px 0;
				border-bottom: 1px solid #D6D6D6;
			}
			.footer-sitemap dt::before {
				width: 25px;
				height: 9px;
				top: 50%;
				right: 10px;
				margin: -5px 0 0;
				background-position: 0 -50px;
			}
			.footer-sitemap .current::before {
				background-position: 0 -25px;
			}
			.footer-sitemap dd {
				display: none;
			}
			.footer-sitemap li {
				margin: 0;
				border-bottom: 1px dotted #9fa0a4;
			}
			.footer-sitemap a {
				padding: 10px 0 10px 20px;
			}
			.footer-sitemap a::before {
				top: 1.3em;
				left: 6px;
			}
		.footer-nav ul {
			padding-top: 18px;
			padding-bottom: 18px;
		}
			.footer-nav li {
				margin: 0 15px 0 0;
			}
		.footer-copy .inner {
			padding: 5px 0 15px;
		}
			.footer-copy img {
				width: 189px;
				height: auto;
			}
}


/*-----------------------------------------------------

  Layout

-----------------------------------------------------*/
#contents {
	position: relative;
	margin: 48px 0 0;
}
@media screen and (max-width: 768px) {
	#contents {
		margin: 22px 0 0;
	}
}

/*-----------------------------------------------------
  text-align
-----------------------------------------------------*/
.a-right {
	text-align: right;
}
.a-left {
	text-align: left;
}
.a-center {
	text-align: center;
}

/*-----------------------------------------------------
  font-weight
-----------------------------------------------------*/
.fw-bold {
	font-weight: bold;
}

/*-----------------------------------------------------
  Hx
-----------------------------------------------------*/
.pages h2 {
	position: relative;
	max-width: 984px;
	margin: 0 auto 60px;
	padding: 0 0 22px;
	text-align: center;
	font-size: 26px;
	font-size: 2.6rem;
}
	.pages h2:after {
		content:'';
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 112px;
		height: 1px;
		margin: 0 0 0 -56px;
		background: #3dcd58;
	}
.pages h3 {
	max-width: 984px;
	margin: 0 auto 30px;
	text-align: center;
	font-size: 22px;
	font-size: 2.2rem;
}
.pages .article-wrap + h3 {
	margin-top: 90px;
}
@media screen and (max-width: 768px) {
	.pages h2,
	.pages h3 {
		width: 93.75%;
		margin: 0 3.125%;
	}
	.pages h2 {
		margin-bottom: 20px;
		padding: 0 0 10px;
	}
	.pages h3 {
		margin-bottom: 10px;
	}
	.pages .article-wrap + h3 {
		margin-top: 30px;
		margin-bottom:20px;
	}
}

/*-----------------------------------------------------
  article-wrap
-----------------------------------------------------*/
.article-wrap {
	position: relative;
	margin: 0 auto 50px;
}
	.article-wrap > * {
		margin-bottom: 15px;
	}
	.article-wrap > :last-child {
		margin-bottom: 0;
	}
.article-wrap.w-full {
	width: 100%;
}
.article-wrap.w-long {
	width: 984px;
}
.article-wrap.w-medium {
	width: 750px;
}
/* catch-img */
.catch-img {
	position: absolute;
	width: 100%;
}
.catch-img p {
	width: 984px;
	margin: 0 auto;
}
/* catch-txt01 */
.catch-txt01 {
	color: #009530;
	margin-bottom: 30px;
	font-size: 24px;
	font-size: 2.4rem;
	text-align: center;
}
/* com-note */
.com-note {
	position: relative;
	padding: 25px 34px;
}
	.com-note {
		position: relative;
		padding: 25px 34px;
		font-size: 14px;
		font-size: 1.35rem;
	}
		.com-note:before,
		.com-note:after {
			content: '';
			position: absolute;
			box-sizing: border-box;
			-box-sizing: border-box;
			top: 0;
			width: 25px;
			height: 100%;
			border: 2px solid #CCC;
		}
		.com-note:after {
			right: 0;
			border-left: none;
		}
		.com-note:before {
			left: 0;
			border-right: none;
		}
		.com-note p {
			margin-bottom: 4px;
		}
		.com-note :last-child {
			margin-bottom: 0;
		}
		.com-note.cn-type02 dt {
			margin: -55px 0 15px;
			color: #3dcd58;
			text-align: center;
			font-size: 16px;
			font-size: 1.6rem;
			font-weight: bold;
		}
		.com-note.cn-type02 dt img {
			display: block;
			margin: 0 auto 10px;
		}
/* head-line-txt */
.head-line-txt {
	font-size: 17px;
	font-size: 1.7rem;
}
/* pager01 */
.pager01 ul {
	text-align: center;
}
.pager01 li {
	display: inline-block;
	margin: 0 5px 0 0;
}
	.pager01 a,
	.pager01 span {
		display: block;
		padding: 20px 23px;
		border: 2px solid #009530;
		border-radius: 6px;
		line-height: 1;
		text-decoration: none;
	}
	.pager01 a:not(.current):hover {
		color: #3dcd58;
		border-color: #3dcd58;
	}
	.pager01 .current {
		color: #86949c;
		border-color: #86949c;
	}
@media screen and (max-width: 768px) {
	.article-wrap.w-long,
	.article-wrap.w-medium,
	.article-wrap.catch-img {
		width: 93.75%;
		margin: 0 3.125% 60px;
	}
		.article-wrap > * {
			margin-bottom: 10px;
		}
		.article-wrap > :last-child {
			margin-bottom: 0;
		}
	.contents-structure .catch-txt01 {
		margin-bottom: 15px;
	}
	.catch-img {
		position: static;
	}
	.catch-img p {
		width: 100%;
	}
	.catch-txt01 {
		font-size: 1.6rem;
	}
	.com-note {
		padding: 10px 16px;
	}
		.com-note:before,
		.com-note:after {
			width: 12px;
			border-width: 1px;
		}
		.com-note.cn-type02 dt {
			margin: -27px 0 8px;
		}
			.com-note.cn-type02 dt img {
				-webkit-transform: scale(0.5);
				transform: scale(0.5);
				margin: 0 auto;
			}		
}

/*-----------------------------------------------------
  en-ttl01
-----------------------------------------------------*/
.en-ttl01 {
	max-width: 984px;
	margin: 0 auto 12px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.en-ttl01 {
		margin: 0;
	}
		.en-ttl01 img {
			-webkit-transform: scale(0.5);
			transform: scale(0.5);
		}
}


/*-----------------------------------------------------
  pc-disp-none,sp-disp-none
-----------------------------------------------------*/
.pc-disp-none {
	display: none;
}
@media screen and (max-width: 768px) {
	.pc-disp-none {
		display: block;
	}
	.sp-disp-none {
		display: none;
	}
}


/*-----------------------------------------------------

  Margin adjustment

-----------------------------------------------------*/

/* margin-top */
/* ----------------------------------------------------- */
.mar-t00 { margin-top:0 !important; }
.mar-t10 { margin-top:10px !important; }
.mar-t20 { margin-top:20px !important; }
.mar-t30 { margin-top:30px !important; }
.mar-t40 { margin-top:40px !important; }
.mar-t50 { margin-top:50px !important; }
.mar-t60 { margin-top:50px !important; }
.mar-t70 { margin-top:70px !important; }
.mar-t80 { margin-top:80px !important; }
.mar-t90 { margin-top:90px !important; }
.mar-t100 { margin-top:100px !important; }

/* margin-right */
/* ----------------------------------------------------- */
.mar-r00 { margin-right:0 !important; }
.mar-r10 { margin-right:10px !important; }
.mar-r20 { margin-right:20px !important; }
.mar-r30 { margin-right:30px !important; }
.mar-r40 { margin-right:40px !important; }
.mar-r50 { margin-right:50px !important; }
.mar-r60 { margin-right:50px !important; }
.mar-r70 { margin-right:70px !important; }
.mar-r80 { margin-right:80px !important; }
.mar-r90 { margin-right:90px !important; }
.mar-r100 { margin-right:100px !important; }

/* margin-bottom */
/* ----------------------------------------------------- */
.mar-b00 { margin-bottom:0 !important; }
.mar-b10 { margin-bottom:10px !important; }
.mar-b20 { margin-bottom:20px !important; }
.mar-b30 { margin-bottom:30px !important; }
.mar-b40 { margin-bottom:40px !important; }
.mar-b50 { margin-bottom:50px !important; }
.mar-b60 { margin-bottom:50px !important; }
.mar-b70 { margin-bottom:70px !important; }
.mar-b80 { margin-bottom:80px !important; }
.mar-b90 { margin-bottom:90px !important; }
.mar-b100 { margin-bottom:100px !important; }

/* margin-left */
/* ----------------------------------------------------- */
.mar-l00 { margin-left:0 !important; }
.mar-l10 { margin-left:10px !important; }
.mar-l20 { margin-left:20px !important; }
.mar-l30 { margin-left:30px !important; }
.mar-l40 { margin-left:40px !important; }
.mar-l50 { margin-left:50px !important; }
.mar-l60 { margin-left:50px !important; }
.mar-l70 { margin-left:70px !important; }
.mar-l80 { margin-left:80px !important; }
.mar-l90 { margin-left:90px !important; }
.mar-l100 { margin-left:100px !important; }