@charset "UTF-8";

address, article, aside, figure, figcaption, footer, header, hgroup, hr, legend, menu, nav, section, summary {
	margin: 0;
	padding: 0;
	display: block;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: none;
	vertical-align: bottom;
}

hr {
	display: none;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

*, *:before, *:after {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* body
-------------------------------------------------- */
body {
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	background: #fff;
	text-align: left;
	word-break: break-all;
}

@media screen and (min-width: 980px), print {
	body {
		min-width: 980px;
		overflow-x: hidden;
		position: relative;
	}
}

/* link
-------------------------------------------------- */
@media screen and (min-width: 980px) {
	a {
		transition: text-decoration 0.25s cubic-bezier(0.23, 1, 0.58, 1), background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1), color 0.25s cubic-bezier(0.23, 1, 0.58, 1), opacity 0.25s cubic-bezier(0.23, 1, 0.58, 1);
	}
}

a:link,
a:visited {
	color: #2889d4;
}

a:hover,
a:active {
	color: #169aff;
}

a[target="_blank"]:after {
	content: '';
	background-image: url(/shared/svg/icons_window.svg);
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: top;
}

a.privacymark[target="_blank"]:after {
	display: none;
}

a[target="_blank"].link__psd:after {
	background-image: url(/shared/svg/icons_pdf.svg);
}

@media screen and (min-width: 757px), print {
	a[target="_blank"]:after {
		margin: 0 10px;
		width: 17px;
		height: 21px;
		background-size: 17px 16px;
		background-position: right 5px;
	}

	a[target="_blank"].link__psd:after {
		margin: 0 13px;
		width: 19px;
		height: 29px;
		background-size: 19px 29px;
		background-position: right -1px;
	}

	a[target="_blank"]:hover:after {
		background-image: url(/shared/svg/icons_window_hover.svg);
	}

	a[target="_blank"].link__psd:hover:after {
		background-image: url(/shared/svg/icons_pdf_hover.svg);
	}
}

@media screen and (max-width: 756px) {
	a[target="_blank"]:after {
		margin: 0 8px;
		width: 13.5px;
		height: 17px;
		background-size: 13.5px 13px;
		background-position: right 4px;
	}

	a[target="_blank"].link__psd:after {
		margin: 0 8px;
		width: 16px;
		height: 23px;
		background-size: 16px 23px;
		background-position: right -1px;
	}
}

/* wrapperArea
-------------------------------------------------- */
#wrapperArea {
	width: 100%;
	height: 100%;
	position: relative;
}

/* headerArea
-------------------------------------------------- */
#headerArea {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 10;
}

.headerArea-nav__logo a {
	text-decoration: none;
	background: url(/shared/svg/icons_logo.svg) center left no-repeat;
}

.headerArea-nav__logo a:link,
.headerArea-nav__logo a:visited,
.headerArea-nav__logo a:hover,
.headerArea-nav__logo a:active {
	color: #000;
}

.headerArea-nav__cv li:before {
	display: none;
}

.headerArea-nav__cv li a {
	text-decoration: none;
	text-align: center;
}

.headerArea-nav__corp-cv li a {
	text-align: left;
}

.headerArea-nav__inline-gray-list {
	margin: 0;
}

.headerArea-nav__inline-gray-list li:before {
	display: none;
}

.headerArea-nav__inline-gray-list li a {
	text-decoration: none;
}

.headerArea-nav__inline-gray-list li a:link,
.headerArea-nav__inline-gray-list li a:visited {
	color: #000;
}

.headerArea-nav__inline-accordion dd ul {
	margin: 0;
}

.headerArea-nav__inline-accordion dd ul li {
	margin: 0;
}

.headerArea-nav__inline-accordion dd ul li:before {
	display: none;
}

.headerArea-nav__inline-accordion dd ul li a {
	width: 100%;
	display: table;
}

.headerArea-nav__inline-accordion dd ul li a small {
	display: table-cell;
	text-align: right;
	color: #c94969;
}

.headerArea-pc {
  /*↓ホバーアニメーション*/
  /*↑ホバーアニメーション*/
}

.headerArea-pc .headerArea-nav {
	width: 100%;
}

.headerArea-pc .drawer-hamburger {
	display: none;
}

.headerArea-pc .headerArea-nav__inline-gray {
	width: 100%;
	background: #f0f0f0;
	text-align: right;
	position: relative;
	z-index: 999;
}

.headerArea-pc .headerArea-nav__inline-gray .headerArea-nav__inline-gray-list {
	padding: 2px 0 3px;
}

.headerArea-pc .headerArea-nav__inline-gray-list li.searchInput__pc {
	margin: -2px 0 -3px;
}

.headerArea-pc .headerArea-nav__inline-gray-list li.searchInput__pc dl {
	position: relative;
}

.headerArea-pc .headerArea-nav__inline {
	width: 100%;
}

.headerArea-pc .searchInput__pc-btn {
	height: 100%;
	padding: 7px 8px 8px;
	min-height: 17px;
	line-height: 17px;
	text-align: center;
	cursor: pointer;
	display: block;
	background: #f0f0f0;
}

.headerArea-pc .searchInput__pc-btn img {
	width: 15px;
	height: 15px;
        margin-right: 4px;
}

.headerArea-pc .searchInput__pc-btn .searchInput__pc-btn_text {
        min-width: 4em;
        display: inline-block;
}

.headerArea-pc .searchInput__pc-btn:hover {
	background: #f8f8f8;
}

.headerArea-pc .searchInput__pc-btn:hover img,
.headerArea-pc .searchInput__pc-btn:hover .searchInput__pc-btn_text {
	opacity: 0.5;
}

.headerArea-pc .searchInput__pc-btn.active {
	background: #333;
	color: #fff;
}

.headerArea-pc .searchInput__pc-toggle {
	width: 454px;
	height: 110px;
	padding: 20px;
	background: #333;
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
}

.headerArea-pc .pc-searchform {
	width: 100%;
	height: 100%;
	position: relative;
}

.headerArea-pc .pc-searchform-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 70px;
	padding: 0 35px 0 21px;
	line-height: 55px;
	border-radius: 35px;
	background-color: white;
	position: absolute;
	top: 0;
	left: 0;
	border: none;
}

.headerArea-pc .pc-searchform-submit {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 15px;
	height: 15px;
	margin-top: -7.5px;
	position: absolute;
	top: 50%;
	right: 20px;
	border: none;
	background: url(/shared/svg/icons_search.svg) no-repeat;
	background-size: 15px 15px;
}

.headerArea-pc .headerArea-nav__inline {
	height: 110px;
	background: url(/shared/images/2018/headerArea-nav_bg.gif) top left repeat-x;
}

.headerArea-pc .headerArea-nav__logo {
	margin: 20px 0 0 20px;
	float: left;
}

.headerArea-pc .headerArea-nav__logo a {
	height: 70px;
	padding: 0 0 0 72px;
	color: #000;
	background-size: 47px 70px;
	display: inline-block;
}

.headerArea-pc .headerArea-nav__logo a img {
	width: 131px;
	height: auto;
	padding: 26px 0 0 0;
}

.headerArea-pc .headerArea-nav__cv {
	padding: 0;
	margin: 35px 20px 0 34px;
	float: right;
}

.headerArea-pc .headerArea-nav__cv li {
	margin: 0;
	border-radius: 40px;
}

.headerArea-pc .headerArea-nav__cv li a {
	padding: 8px 28px;
	font-size: 14px;
	font-weight: bold;
	display: block;
	color: #fff;
}

.headerArea-pc .headerArea-nav__cv li a:hover,
.headerArea-pc .headerArea-nav__cv li a:active {
	color: #e37a2c;
}

.headerArea-pc .headerArea-nav__cv li a {
	overflow: hidden;
	display: block;
	position: relative;
	border-radius: 40px;
}

.headerArea-pc .headerArea-nav__cv li a:after {
	content: "";
	display: block;
	position: absolute;
	border-radius: 40px;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid #e35700;
}

.headerArea-pc .headerArea-nav__cv li a:before {
	content: "";
	display: block;
	position: absolute;
	border-radius: 40px;
	z-index: 1;
  /*		background: #fff;*/
	transform: translatez(0);
	width: 100%;
	height: 100%;
	opacity: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);
	background-color: #e35700;
}

.headerArea-pc .headerArea-nav__cv li a:hover:before,
.headerArea-pc .headerArea-nav__cv li a:active:before {
	width: 70%;
	height: 70%;
	opacity: 0;
}

.headerArea-pc .headerArea-nav__cv li a {
	background-color: #fff;
}

.headerArea-pc .headerArea-nav__cv li a span {
	position: relative;
	z-index: 3;
}

.headerArea-pc .headerArea-nav__accordionBox {
	margin: 40px 0 0;
	cursor: pointer;
	float: right;
	border-right: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	background: #fff;
	position: relative;
	display: -ms-flexbox;
  /*--- IE10 ---*/
  /*--- safari（PC）用 ---*/
	display: flex;
	-ms-flex-flow: wrap;
  /*--- IE10 ---*/
	-webkit-flex-flow: wrap;
  /*--- safari（PC）用 ---*/
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.headerArea-pc .headerArea-nav__accordionBox:before {
	content: '';
	width: 1px;
	height: 100%;
	background: #d4d4d4;
	position: absolute;
	top: 0;
	left: 50%;
}

.headerArea-pc .headerArea-nav__accordionBox.hover:before {
	height: calc(100% - 19px);
	top: 19px;
}

.headerArea-pc .headerArea-nav__accordionBox.hover:after {
	height: 20px;
	top: 19px;
}

.headerArea-pc .headerArea-nav__inline-accordion {
	-ms-flex-wrap: wrap;
  /*--- IE10用 ---*/
  /*--- safari（PC）用 ---*/
	flex-wrap: wrap;
}

.headerArea-pc .headerArea-nav__accordion {
	width: 50%;
	cursor: pointer;
}

.headerArea-pc .headerArea-nav__inline-accordion dt {
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}

.headerArea-pc .headerArea-nav__inline-accordion dt a {
	padding-top: 7px;
	padding-bottom: 12px;
	color: #000;
	background: url(/shared/images/2018/headerArea-nav-accordion_dt.png) center bottom no-repeat;
	text-decoration: none;
	display: block;
}

.headerArea-pc .headerArea-nav__inline-accordion dd {
	width: 100%;
}

.headerArea-pc .headerArea-nav__accordion dd {
	padding: 12px 25px 0;
}

.headerArea-pc .headerArea-nav__accordion dd {
	opacity: 0;
	transition: opacity 0.25s cubic-bezier(0.23, 1, 0.58, 1);
}

.headerArea-pc .headerArea-nav__inline-accordion dd ul li:last-child {
	border: 0;
}

.headerArea-pc .headerArea-nav__inline-accordion dd ul li a {
	width: 100%;
	padding: 0 20px;
	text-decoration: none;
}

.headerArea-pc .headerArea-nav__inline-accordion dd ul li:first-child a {
	padding: 0 20px 0 0;
}

.headerArea-pc .headerArea-nav__inline-accordion dd ul li:last-child a {
	padding: 0 0 0 20px;
}

.headerArea-pc .headerArea-nav__inline-accordion.headerArea-nav__accordion dd ul li {
	border-width: 0 0 1px;
	border-color: #d4d4d4;
	border-style: dotted;
}

.headerArea-pc .headerArea-nav__inline-accordion.headerArea-nav__accordion dd ul li:last-child {
	border-width: 0;
}

.headerArea-pc .headerArea-nav__inline-accordion.headerArea-nav__accordion dd ul li a,
.headerArea-pc .headerArea-nav__inline-accordion.headerArea-nav__accordion dd ul li:last-child a,
.headerArea-pc .headerArea-nav__inline-accordion.headerArea-nav__accordion dd ul li:first-child a {
	padding: 11px 29px 11px 0;
}

.headerArea-pc .headerArea-nav__inline-accordion dd ul li a.now {
	color: #009c96;
}

.headerArea-pc .headerArea-nav__inline-accordion dd ul li a small {
	font-size: 10px;
}

.headerArea-pc .headerArea-nav__inline-accordionBox .headerArea-nav__inline-gray {
	width: 100%;
	margin: -21px 0 0;
	padding: 15px 25px;
	border-radius: 0 0 10px 10px;
	border-top: #fff solid 20px;
	text-align: left;
}

.headerArea-pc .headerArea-nav__inline-gray-list {
	font-size: 12px;
	font-weight: bold;
}

.headerArea-pc .headerArea-nav__inline-gray-list li {
	padding: 0;
	margin: 0 29px 0 0;
	display: inline-block;
}

.headerArea-pc .headerArea-nav__inline-gray-list li a {
	min-height: 17px;
	padding: 0 0 0 25px;
	margin: 0;
	text-decoration: none;
	line-height: 17px;
	display: block;
	position: relative;
}

.headerArea-pc .headerArea-nav__inline-gray-list li a::before,
.headerArea-pc .headerArea-nav__inline-gray-list li a::after {
	content: '';
	width: 17px;
	height: 17px;
	background-size: 17px 17px;
	background-position: center right;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -8.5px;
	left: 0;
}

.headerArea-pc .headerArea-nav__inline-gray-list li a::before {
	background-image: url(/shared/svg/icons_link_000.svg);
	z-index: 8;
}

.headerArea-pc .headerArea-nav__inline-gray-list li a::after {
	background-image: url(/shared/svg/icons_link_hover.svg);
	z-index: 1;
	display: none;
}

.headerArea-pc .headerArea-nav__inline-gray-list li a:hover::before {
	-webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;
	-ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;
	animation: crossfadeOff 0.25s linear 0s 1 forwards;
}

.headerArea-pc .headerArea-nav__inline-gray-list li a:hover::after {
	display: block;
}

.headerArea-pc .headerArea-nav__inline-gray-list li a:hover {
	color: #169aff;
}

.headerArea-pc .headerArea-nav__accordion dd,
.headerArea-pc .headerArea-nav__accordionBox .headerArea-nav__inline-gray {
	display: none;
}

.headerArea-pc .headerArea-nav__accordion dd ul li a,
.headerArea-pc .headerArea-nav__accordion dd ul li a small {
	color: #888;
}

.headerArea-pc .headerArea-nav__accordion dd ul li a.now {
	color: #8cd2d0;
}

.headerArea-pc .headerArea-nav__accordionBox.hover dd,
.headerArea-pc .headerArea-nav__accordionBox.hover .headerArea-nav__inline-gray {
	display: block;
	opacity: 1;
}

.headerArea-pc .headerArea-nav__accordion:hover dt a {
	color: #169aff;
	background: url(/shared/images/2018/headerArea-nav-accordion_dt_hover.png) center bottom no-repeat;
}

.headerArea-pc .headerArea-nav__accordion:hover dd ul li a {
	color: #000;
	position: relative;
}

.headerArea-pc .headerArea-nav__accordion:hover dd ul li a small {
	color: #c94969;
}

.headerArea-pc .headerArea-nav__accordion:hover dd ul li a.now {
	color: #009c96;
}

.headerArea-pc .headerArea-nav__accordion:hover dd ul li a:hover,
.headerArea-pc .headerArea-nav__accordion:hover dd ul li a.now:hover {
	color: #169aff;
}

.headerArea-pc .headerArea-nav__accordion:hover dd ul li a::before,
.headerArea-pc .headerArea-nav__accordion:hover dd ul li a::after {
	content: '';
	width: 17px;
	height: 17px;
	background-size: 17px 17px;
	background-position: center right;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 0;
}

.headerArea-pc .headerArea-nav__accordion:hover dd ul li a::before {
	background-image: url(/shared/svg/icons_link_f0f0f0.svg);
	z-index: 8;
}

.headerArea-pc .headerArea-nav__accordion:hover dd ul li a.now::before {
	background-image: url(/shared/svg/icons_link_now.svg);
}

.headerArea-pc .headerArea-nav__accordion:hover dd ul li a::after {
	background-image: url(/shared/svg/icons_link_hover.svg);
	z-index: 1;
	display: none;
}

.headerArea-pc .headerArea-nav__accordion:hover dd ul li a:hover::before {
	-webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;
	-ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;
	animation: crossfadeOff 0.25s linear 0s 1 forwards;
}

.headerArea-pc .headerArea-nav__accordion:hover dd ul li a:hover::after {
	display: block;
}

.headerArea-pc .headerArea-nav__accordionBox.hover {
	margin: 20px 0 0;
	border-width: 1px;
	border-color: #d4d4d4;
	border-style: solid;
	border-radius: 10px;
	position: relative;
}

.headerArea-pc .headerArea-nav__accordionBox.hover .headerArea-nav__inline-accordion {
	padding-top: 19px;
	padding-bottom: 20px;
}

.headerArea-pc__drawer-nav {
	float: right;
}

.headerArea-pc .drawer-nav__corp {
	width: calc(100% - 223px);
}

.headerArea-pc .drawer-menu {
	width: 100%;
}

@media screen and (min-width: 1090px) {
	.headerArea-pc .headerArea-nav__accordionBox {
		width: 611px;
	}
}

@media screen and (min-width: 979px) and (max-width: 1089px) {
	.headerArea-pc .headerArea-nav__accordionBox {
		width: 480px;
	}
}

@media screen and (min-width: 757px) and (max-width: 978px) {
	.headerArea-pc .headerArea-pc__drawer-nav {
		width: calc(100% - 223px);
	}

	.headerArea-pc .headerArea-nav__accordionBox {
		float: none;
		margin-left: 20px;
	}
}

.corp_link {
	font-weight: bold;
}

.headerArea-pc .corp_link {
	height: 110px;
	margin-bottom: 0;
	float: left;
	font-size: 16px;
	display: inline-block;
	display: -ms-flexbox;
  /*--- IE10 ---*/
  /*--- safari（PC）用 ---*/
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}

.headerArea-pc .corp_link a {
	margin-left: 20px;
	padding-left: 18px;
	color: #000;
	text-decoration: none;
	border-left: 1px solid #d4d4d4;
}

.headerArea-pc .corp_link a:hover {
	color: #169aff;
}

.headerArea-pc .headerArea-nav__inline-accordion dd ul.headerArea-nav__corp-list {
	padding: 0;
}

.headerArea-pc .headerArea-nav__corp-list {
	height: 110px;
	display: -ms-flexbox;
  /*--- IE10 ---*/
  /*--- safari（PC）用 ---*/
	display: flex;
	-ms-flex-wrap: wrap;
  /*--- IE10 ---*/
  /*--- safari（PC）用 ---*/
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	float: right;
}

.headerArea-pc .headerArea-nav__corp-list li:before {
	display: none;
}

.headerArea-pc .headerArea-nav__corp-list li {
	margin: 0;
	font-size: 12px;
	line-height: 1.333;
	font-weight: bold;
	display: inline-block;
	border-right: 1px dotted #d4d4d4;
	display: -ms-flexbox;
  /*--- IE10 ---*/
  /*--- safari（PC）用 ---*/
	display: flex;
	-ms-flex-align: center;
  /*--- IE10用 ---*/
  /*--- safari（PC）用 ---*/
	align-items: center;
}

.headerArea-pc .headerArea-nav__corp-list li a:hover,
.headerArea-nav__inline-accordion dd .headerArea-pc .headerArea-nav__corp-list li a:hover {
	color: #169aff;
}

.headerArea-nav__inline-accordion dd .headerArea-pc .headerArea-nav__corp-list li {
	border-bottom: 0;
}

.headerArea-pc .headerArea-nav__corp-list li.pc_last {
	border-right: 0;
}

.headerArea-pc .headerArea-nav__corp-list li.display-block__sp {
	display: none;
}

.headerArea-pc .headerArea-nav__corp-list li a,
.headerArea-nav__inline-accordion dd .headerArea-pc .headerArea-nav__corp-list li a {
	width: 100%;
	display: block;
	text-align: center;
	color: #000;
	text-decoration: none;
}

.headerArea-pc .headerArea-nav__corp-list li a.now {
	color: #009c96;
}

.headerArea-pc .headerArea-nav__corp-list li a:hover,
.headerArea-pc .headerArea-nav__corp-list li a.now:hover {
	color: #169aff;
}

@media screen and (min-width: 1301px) {
	.headerArea-pc .headerArea-nav__corp-list li a,
  .headerArea-nav__inline-accordion dd .headerArea-pc .headerArea-nav__corp-list li a {
		padding: 0 20px;
	}

	.headerArea-pc .headerArea-nav__corp-list li.pc_first a,
  .headerArea-nav__inline-accordion dd .headerArea-pc .headerArea-nav__corp-list li:first-child a {
		padding: 0 20px 0 6px;
	}

	.headerArea-pc .headerArea-nav__corp-list li.pc_last a,
  .headerArea-nav__inline-accordion dd .headerArea-pc .headerArea-nav__corp-list li:last-child a {
		padding: 0 6px 0 20px;
	}
}

@media screen and (max-width: 1300px) {
	.headerArea-pc .headerArea-nav__corp-list {
		float: none;
		text-align: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.headerArea-pc .headerArea-nav__corp-list li {
		-ms-flex: 1;
		flex: 1;
	}

	.headerArea-pc .headerArea-nav__inline-accordion dd ul li a,
  .headerArea-pc .headerArea-nav__inline-accordion dd ul li:first-child a,
  .headerArea-pc .headerArea-nav__inline-accordion dd ul li:last-child a {
		padding: 0;
	}
}

.headerArea-sp {
	background: #fff;
  /* Right
	------------------------------------*/
  /* Hamburger
	------------------------------------*/
  /* accessibility
	------------------------------------*/
}

.headerArea-sp ul.headerArea-nav__corp-list {
	padding: 0;
}

.headerArea-sp p.corp_link {
	font-size: 20px;
	line-height: 90px;
	margin-bottom: 0;
}

.headerArea-sp p.corp_link a {
	display: block;
	text-align: center;
	line-height: 90px;
	color: #000;
	text-decoration: none;
	pointer-events: none;
}

.headerArea-sp .headerArea-nav__inline {
	height: 90px;
	padding: 15px 0;
}

.headerArea-sp .headerArea-nav__logo {
	width: 171px;
	margin: 0 0 0 17.5px;
}

.headerArea-sp .headerArea-nav__logo a {
	height: 60px;
	padding: 21px 0 0 60px;
	line-height: 1;
	color: #000;
	background-size: 40px 60px;
	display: block;
}

.headerArea-sp .headerArea-nav__logo a img {
	width: 110.5px;
	height: auto;
}

.drawer--right .headerArea-sp .drawer-nav {
	right: -100%;
	transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
	position: fixed;
	z-index: 2;
	top: 0;
	overflow: hidden;
	width: calc(100% - 60px);
	height: 100%;
	color: #222;
	background-color: #fff;
}

.headerArea-sp .drawer-body {
	height: 100vh;
	overflow: auto;
}

.drawer--right.drawer-open .headerArea-sp .drawer-nav {
	right: 0;
}

.drawer--right .headerArea-sp .drawer-hamburger,
.drawer--right.drawer-open .headerArea-sp .drawer-navbar .drawer-hamburger {
	left: calc(100% - 60px);
}

.drawer--right.drawer-open .headerArea-sp .drawer-hamburger {
	left: 5px;
}

.headerArea-sp .drawer-hamburger {
	position: fixed;
	right: 0;
	z-index: 4;
	top: 20px;
	display: block;
	box-sizing: content-box;
	padding: 0;
	height: 50px;
	width: 50px;
	margin: 0 5px 0 0;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
	border: 0;
	outline: 0;
	cursor: pointer;
}

.headerArea-sp .drawer-hamburger-icon {
	width: 20px;
	height: 2px;
	margin: 2px 15px 0;
	position: relative;
	display: block;
	background-color: #222;
	transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.headerArea-sp .drawer-hamburger-icon:after,
.headerArea-sp .drawer-hamburger-icon:before {
	content: ' ';
	width: 20px;
	height: 2px;
	position: absolute;
	left: 0;
	transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
	background-color: #222;
}

.headerArea-sp .drawer-hamburger-icon:before {
	top: -7px;
}

.headerArea-sp .drawer-hamburger-icon:after {
	top: 7px;
}

.headerArea-sp .drawer-open .drawer-hamburger-icon {
	margin-top: 10px;
	background-color: transparent;
}

.headerArea-sp .drawer-open .drawer-hamburger-icon:after,
.headerArea-sp .drawer-open .drawer-hamburger-icon:before {
	width: 21px;
	left: -15.5px;
	top: 0;
}

.headerArea-sp .drawer-open .drawer-hamburger-icon:before {
	margin: -5px 0 0 15px;
	transform: rotate(45deg);
}

.headerArea-sp .drawer-open .drawer-hamburger-icon:after {
	margin: -5px 0 0 15px;
	transform: rotate(-45deg);
}

.headerArea-sp .sr-only {
	position: absolute;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

.headerArea-sp .sr-only-focusable:active,
.headerArea-sp .sr-only-focusable:focus {
	position: static;
	overflow: visible;
	clip: auto;
	width: auto;
	height: auto;
	margin: 0;
}

/* Sidebar
------------------------------------*/
.drawer--sidebar, .drawer--sidebar .drawer-contents {
	background-color: #fff;
}

@media (min-width: 64em) {
	.drawer--sidebar .drawer-hamburger {
		display: none;
		visibility: hidden;
	}

	.drawer--sidebar .drawer-nav {
		display: block;
		transform: none;
		position: fixed;
		width: 12.5rem;
		height: 100%;
	}
  /*! Right */
	.drawer--sidebar.drawer--right .drawer-nav {
		right: 0;
		border-left: 1px solid #ddd;
	}

	.drawer--sidebar.drawer--right .drawer-contents {
		margin-right: 12.5rem;
	}
}

@media (min-width: 75em) {
	.drawer--sidebar .drawer-nav {
		width: 16.25rem;
	}

	.drawer--sidebar.drawer--left .drawer-contents {
		margin-left: 16.25rem;
	}

	.drawer--sidebar.drawer--right .drawer-contents {
		margin-right: 16.25rem;
	}
}

/* Navbar
------------------------------------*/
.drawer--navbarTopGutter {
	padding-top: 60px;
	padding-top: 3.75rem;
}

.drawer-navbar .drawer-navbar-header {
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}

.drawer-navbar {
	z-index: 3;
	top: 0;
	width: 100%;
}

/*! .drawer-navbar modifier */
.drawer-navbar--fixed {
	position: fixed;
}

.drawer-navbar-header {
	position: relative;
	z-index: 3;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	height: 3.75rem;
	padding: 0 9pt;
	padding: 0 .75rem;
	text-align: center;
}

.drawer-navbar .drawer-brand {
	line-height: 60px;
	line-height: 3.75rem;
	display: inline-block;
	padding-top: 0;
	padding-bottom: 0;
	text-decoration: none;
}

.drawer-navbar .drawer-brand:hover {
	background-color: transparent;
}

.drawer-navbar .drawer-nav {
	padding-top: 60px;
	padding-top: 3.75rem;
}

.drawer-navbar .drawer-menu {
	padding-bottom: 90pt;
	padding-bottom: 7.5rem;
}

@media (min-width: 64em) {
	.drawer-navbar {
		height: 3.75rem;
		border-bottom: 1px solid #ddd;
		background-color: #fff;
	}

	.drawer-navbar .drawer-navbar-header {
		position: relative;
		display: block;
		float: left;
		width: auto;
		padding: 0;
		border: 0;
	}

	.drawer-navbar .drawer-menu--right {
		float: right;
	}

	.drawer-navbar .drawer-menu li {
		float: left;
	}

	.drawer-navbar .drawer-menu-item {
		line-height: 3.75rem;
		padding-top: 0;
		padding-bottom: 0;
	}

	.drawer-navbar .drawer-hamburger {
		display: none;
	}

	.drawer-navbar .drawer-nav {
		position: relative;
		left: 0;
		overflow: visible;
		width: auto;
		height: 3.75rem;
		padding-top: 0;
		transform: translate3d(0, 0, 0);
	}

	.drawer-navbar .drawer-menu {
		padding: 0;
	}
  /*! dropdown */
	.drawer-navbar .drawer-dropdown-menu {
		position: absolute;
		width: 16.25rem;
		border: 1px solid #ddd;
	}

	.drawer-navbar .drawer-dropdown-menu-item {
		padding-left: .75rem;
	}
}

/* Dropdown
------------------------------------*/
.drawer-dropdown-menu {
	display: none;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

.drawer-dropdown-menu > li {
	width: 100%;
	list-style: none;
}

.drawer-dropdown-menu-item {
	line-height: 60px;
	line-height: 3.75rem;
	display: block;
	padding: 0;
	padding-right: 9pt;
	padding-right: .75rem;
	padding-left: 24px;
	padding-left: 1.5rem;
	text-decoration: none;
	color: #222;
}

.drawer-dropdown-menu-item:hover {
	text-decoration: underline;
	color: #555;
	background-color: transparent;
}

/*! open */
.drawer-dropdown.open > .drawer-dropdown-menu {
	display: block;
}

/*! drawer-caret */
.drawer-dropdown .drawer-caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 4px;
	transition: transform .2s ease,opacity .2s ease;
	transform: rotate(0deg);
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

/*! open */
.drawer-dropdown.open .drawer-caret {
	transform: rotate(180deg);
}

/* Container
------------------------------------*/
.drawer-container {
	position: relative;
}

.drawer-container {
	margin-right: auto;
	margin-left: auto;
}

.fi {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: text-bottom;
}

.fi--2x, .fi--3x, .fi--4x, .fi--full {
	vertical-align: middle;
}

.fi--2x {
	width: 2em;
	height: 2em;
}

.fi--3x {
	width: 3em;
	height: 3em;
}

.fi--4x {
	width: 4em;
	height: 4em;
}

.fi--full {
	width: 100%;
	height: auto;
}

.fi--round {
	border-radius: 4px;
}

.fi--circle {
	border-radius: 50%;
}

.fi--fill {
	background-color: #ccc;
}

.fi--border {
	border: 1px solid #ccc;
}

pre {
	display: block;
	padding: 14px;
	font-family: Consolas,monaco,monospace;
	text-align: left;
	background-color: transparent;
	border: 1px solid #eee;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 14px;
}

pre code[class*=language-] {
	white-space: pre-wrap;
}

.diff .hljs-header, .hljs-comment {
	color: #998;
	font-style: italic;
}

.css .rule .hljs-keyword, .hljs-keyword, .hljs-request, .hljs-status, .hljs-subst, .hljs-winutils, .nginx .hljs-title {
	color: #333;
	font-weight: 700;
}

.hljs-hexcolor, .hljs-number, .ruby .hljs-constant {
	color: teal;
}

.hljs-doctag, .hljs-string, .hljs-tag .hljs-value, .tex .hljs-formula {
	color: #d14;
}

.hljs-id, .hljs-title, .scss .hljs-preprocessor {
	color: #900;
	font-weight: 700;
}

.hljs-list .hljs-keyword, .hljs-subst {
	font-weight: 400;
}

.hljs-class .hljs-title, .hljs-type, .tex .hljs-command, .vhdl .hljs-literal {
	color: #458;
	font-weight: 700;
}

.django .hljs-tag .hljs-keyword, .hljs-rule .hljs-property, .hljs-tag, .hljs-tag .hljs-title {
	color: navy;
	font-weight: 400;
}

.hljs-attribute, .hljs-name, .hljs-variable, .lisp .hljs-body {
	color: teal;
}

.hljs-regexp {
	color: #009926;
}

.clojure .hljs-keyword, .hljs-prompt, .hljs-symbol, .lisp .hljs-keyword, .ruby .hljs-symbol .hljs-string, .scheme .hljs-keyword, .tex .hljs-special {
	color: #990073;
}

.hljs-built_in {
	color: #0086b3;
}

.hljs-cdata, .hljs-doctype, .hljs-pi, .hljs-pragma, .hljs-preprocessor, .hljs-shebang {
	color: #999;
	font-weight: 700;
}

.hljs-deletion {
	background: #fdd;
}

.hljs-addition {
	background: #dfd;
}

.diff .hljs-change {
	background: #0086b3;
}

.hljs-chunk {
	color: #aaa;
}

footer a, main a {
	text-decoration: underline;
	color: #000;
}

footer a:hover, main a:hover {
	text-decoration: none;
	color: #000;
}

.Button--fill svg {
	fill: #fff;
}

.label {
	display: inline-block;
	font-weight: 700;
	margin-bottom: 2px;
	padding: 9pt 24px;
	padding: .75rem 1.5rem;
	background-color: #f5f5f5;
}

.carbon {
	font-size: 80%;
	min-height: 75pt;
	margin-bottom: 20px;
	padding: 9pt;
	padding: .75rem;
	background-color: #fafafa;
}

.carbon a {
	text-decoration: none;
	color: #757575;
}

.carbon img {
	float: left;
	margin-right: 9pt;
	margin-right: .75rem;
	margin-bottom: 9pt;
	margin-bottom: .75rem;
}

.carbon .carbon-poweredby {
	display: block;
	margin-top: 8px;
	margin-top: .5rem;
}

.drawer-overlay {
	position: fixed;
	z-index: 9;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.drawer-open {
	overflow: hidden !important;
}

.drawer-open #headerArea {
	background: #7f7f7f;
}

.drawer-open .drawer-overlay {
	display: block;
}

.searchInput__sp {
	padding: 15px;
	background: #e0e0e0;
}

.headerArea-sp .sp-searchform {
	position: relative;
}

.headerArea-sp .sp-searchform-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0 35px 0 20px;
	font-size: 14px;
	border-width: 1px;
	border-color: #d4d4d4;
	border-style: solid;
	border-radius: 25px;
	background-color: #fff;
	background-image: url(/shared/svg/icons_search.svg);
	background-position: calc(100% - 15px) center;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	text-align: center;
}

.headerArea-sp .sp-searchform-input:focus {
	outline: 0;
	border-color: orange;
}

.headerArea-sp .sp-searchform-submit {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: calc(37px / 2);
	height: calc(37px / 2);
	margin-top: calc(-37px / 4);
	position: absolute;
	top: 50%;
	right: 15px;
	border: none;
	background: none;
}

.headerArea-sp .headerArea-nav__cv,
.headerArea-sp .headerArea-nav__cv li {
	width: 100%;
	margin: 0;
	padding: 0;
}

.headerArea-sp .headerArea-nav__cv li a {
	width: 100%;
	padding: 20px 15px 20px;
	display: block;
	font-size: 16px;
	color: #fff;
	background-color: #e35700;
	font-weight: bold;
	background-image: url(/shared/svg/icons_link_cv.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) center;
	background-size: 20px 20px;
	border: 1px solid #e35700;
}

.headerArea-sp .headerArea-nav__inline-accordion {
	border-width: 0 0 1px;
	border-color: #d4d4d4;
	border-style: solid;
}

.headerArea-sp .headerArea-nav__inline-accordion dt {
	padding: 23px 15px 23px;
	font-size: 16px;
	font-weight: bold;
}

.headerArea-sp .headerArea-nav__accordion dt {
	background-image: url(/shared/svg/icons_more_close.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) center;
	background-size: 20px 20px;
	cursor: pointer;
}

.headerArea-sp .headerArea-nav__inline-accordion dt a {
	pointer-events: none;
	text-decoration: none;
	color: #000;
}

.headerArea-sp .headerArea-nav__accordion dt.active {
	background-image: url(/shared/svg/icons_more_opend.svg);
}

.headerArea-sp .headerArea-nav__inline-accordion dd {
	padding: 0 15px 30px;
}

.headerArea-sp .headerArea-nav__accordion dd {
	display: none;
}

.headerArea-sp .headerArea-nav__inline-accordion dd ul li {
	border-width: 0 0 1px;
	border-color: #fff;
	border-style: solid;
}

.headerArea-sp .headerArea-nav__inline-accordion dd ul li a {
	padding: 18px 50px 18px 16px;
	font-size: 14px;
	color: #000;
	background-color: #f0f0f0;
	background-image: url(/shared/svg/icons_link_000.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 15px) center;
	background-size: 20px 20px;
	text-decoration: none;
}

.headerArea-sp .headerArea-nav__inline-accordion dd ul li a.now {
	background-color: #dcf6f4;
}

.headerArea-sp .headerArea-nav__inline-accordion dd ul li a small {
	font-size: 10px;
}

.headerArea-sp .browsingHistory {
	margin: 5px 0 0;
}

.headerArea-sp .headerArea-nav__inline-another {
	margin: 7px 15px 20px;
	padding: 0;
}

.headerArea-sp .headerArea-nav__inline-another li {
	width: calc(50% - 10px);
	font-size: 12px;
	border-bottom: 1px solid #f0f0f0;
	display: inline-block;
}

.headerArea-sp .headerArea-nav__inline-another li:nth-child(even) {
	margin: 0 0 0 10px;
}

.headerArea-sp .headerArea-nav__inline-another li:nth-child(odd) {
	margin: 0 10px 0 0;
}

.headerArea-sp .headerArea-nav__inline-another li:nth-child(odd):nth-last-child(2),
.headerArea-sp .headerArea-nav__inline-another li:nth-last-child(1) {
	border-bottom: 0;
}

.headerArea-sp .headerArea-nav__inline-another li:before {
	display: none;
}

.headerArea-sp .headerArea-nav__inline-another li a {
	padding: 14px 0 15px 30px;
	color: #000;
	background: url(/shared/svg/icons_link_f0f0f0.svg) center left no-repeat;
	background-size: 20px 20px;
	text-decoration: none;
	display: block;
}

/* bodyArea
-------------------------------------------------- */
#bodyArea {
	width: 100%;
	background: #fff;
}

.keyVisual + #bodyArea {
	position: absolute;
}

@media screen and (min-width: 757px), print {
	#bodyArea {
		padding: 174px 0 0;
	}

	.keyVisual + #bodyArea {
		padding: 46px 0 0;
		margin: 0;
		top: 525px;
		z-index: 2;
		overflow: hidden;
    /*Mac Safari対策*/
	}

	.keyVisual__nofixed + #bodyArea {
		padding: 0;
		margin: 75px 0 0;
	}
}

@media screen and (max-width: 756px) {
	#bodyArea {
		padding: 115px 0 0;
	}

	.keyVisual + #bodyArea {
		margin: 0;
		padding: 35px 0 0;
		z-index: 1;
		top: 375px;
	}

	.keyVisual__nofixed + #bodyArea {
		padding: 0;
		margin: 100px 0 0;
	}
}

/* bodyAreaBg
-------------------------------------------------- */
#bodyAreaBg,
.bodyAreaBg {
	background: url(/shared/images/2018/bodyAreaBg.png) repeat-x left bottom;
	background-size: 1px 150px;
}

.bodyAreaBg_f0f0f0 {
	background: #f0f0f0;
}

.bodyAreaBg_e0e0e0 {
	background: #e0e0e0;
}

.bodyAreaBg_edead7 {
	background: #edead7;
}

.bodyAreaBg_e37a2c {
	background: #e37a2c;
}

.bodyAreaBg_d4d4d4 {
	background: #d4d4d4;
}

/* sectionBody
-------------------------------------------------- */
#mainArea {
	margin: 0 auto;
}

@media screen and (min-width: 980px) {
	.sectionBody__pc-980,
  .sectionBody__pc-780 {
		margin: 0 auto;
	}

	.sectionBody__pc-980 {
		width: 980px;
	}

	#mainArea,
  .sectionBody__pc-780 {
		width: 780px;
	}

	.sectionBody__pc-780 .bodyAreaBg {
		width: calc(100% + 100vw);
		margin: 0 -50vw;
		padding: 0 50vw;
	}

	.sectionBody__pc-980 > ul.btn:last-of-type {
		padding-bottom: 2px;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	.sectionBody__pc-980,
  .sectionBody__pc-780 {
		margin: 0 auto;
	}

	#mainArea {
		padding: 0 15px;
	}

	.sectionBody__sp {
		width: 100%;
		padding: 0 15px;
	}

	.sectionBody__sp .sectionBody__sp {
		width: calc(100% + 30px);
		margin: 0 -15px;
	}

	.moreContent__contentArea > .bodyAreaBg {
		width: calc(100% + 30px);
		margin: 0 -15px;
		padding: 0 15px;
	}

	#mainArea .sectionBody__sp,
  #mainArea .sectionBody__sp .sectionBody__sp,
  #mainArea .moreContent__contentArea > .bodyAreaBg {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.sectionBody__pc-980 {
		max-width: 980px;
	}

	#mainArea,
  .sectionBody__pc-780 {
		max-width: 780px;
	}

	.sectionBody__pc-980 > ul.btn:last-of-type {
		padding-bottom: 2px;
	}
}

@media screen and (max-width: 756px) {
	.sectionBody__sp {
		margin: 0 auto;
	}

	#mainArea,
  .sectionBody__sp {
		width: 100%;
		padding: 0 15px;
	}

	.moreContent__contentArea > .bodyAreaBg {
		width: calc(100% + 30px);
		margin: 0 -15px;
		padding: 0 15px;
	}

	.moreContent__contentArea > .bodyAreaBg .sectionBody__sp,
  .moreContent__contentArea > .sectionBody__sp {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.moreContent__contentArea > .bodyAreaBg ul.tabType.sectionBody__sp {
		margin-top: 72px;
	}
}

/* breadcrumbs
-------------------------------------------------- */
.breadcrumbs {
	padding: 0;
	margin: 0;
}

.breadcrumbs ol {
	padding: 0;
	margin: 0;
}

.breadcrumbs ol li {
	display: inline-block;
	background: url(/shared/images/2018/breadcrumbs.png) no-repeat;
}

.breadcrumbs ol li:before {
	display: none;
}

.breadcrumbs ol li.home {
	background: none;
}

.breadcrumbs ol li.home a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	background: url(/shared/svg/icons_home.svg) center left no-repeat;
}

@media screen and (min-width: 757px), print {
	.breadcrumbs {
		margin: 0 0 14px;
		font-size: 14px;
	}

	.breadcrumbs ol {
		padding: 0 0 0 20px;
		position: relative;
	}

	.breadcrumbs ol li {
		padding: 0 0 0 25px;
		margin: 0 0 0 20px;
		background-size: 6px 10px;
		background-position: 0 8px;
	}

	.breadcrumbs ol li a {
		text-decoration: none;
	}

	.breadcrumbs ol li a:hover {
		text-decoration: underline;
	}

	.breadcrumbs ol li.home {
		width: 20px;
		height: 18px;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 4px;
		left: 0;
	}

	.breadcrumbs ol li.home a {
		width: 20px;
		height: 18px;
		padding: 0;
		margin: 0;
		background-size: 20px 18px;
	}

	.breadcrumbs ol li.home a:hover {
		opacity: 0.5;
	}
}

@media screen and (max-width: 756px) {
	.breadcrumbs {
		margin: 0 0 22px;
		font-size: 12px;
	}

	.breadcrumbs ol {
		padding: 0 0 0 15px;
		position: relative;
	}

	.breadcrumbs ol li {
		padding: 0 0 0 25px;
		margin: 0 0 0 19px;
		background-size: auto 11px;
		background-position: 0 6px;
	}

	.breadcrumbs ol li a {
		text-decoration: none;
	}

	.breadcrumbs ol li.home {
		width: 15px;
		height: 13px;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 4px;
		left: 0;
	}

	.breadcrumbs ol li.home a {
		width: 15px;
		height: 13px;
		padding: 0;
		margin: 0;
		background-size: 15px auto;
	}
}

/* backToTopNavigation
-------------------------------------------------- */
.backToTopNavigation {
	padding: 0;
	margin: 0;
}

.backToTopNavigation a {
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #2889d4;
	background: #fff;
}

.backToTopNavigation span {
	display: inline-block;
}

@media screen and (min-width: 757px), print {
	.backToTopNavigation {
		font-size: 18px;
	}

	.backToTopNavigation a {
		padding: 24px 0 22px;
	}

	.backToTopNavigation a:hover {
		color: #fff;
		background: #000;
	}

	.backToTopNavigation span {
		padding-left: 34px;
		line-height: 20px;
		position: relative;
	}

	.backToTopNavigation span::before,
  .backToTopNavigation span::after {
		content: '';
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		background-position: center right;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		left: 0;
	}

	.backToTopNavigation span::before {
		background-image: url(/shared/svg/icons_top.svg);
		z-index: 8;
	}

	.backToTopNavigation span::after {
		background-image: url(/shared/svg/icons_top_hover.svg);
		z-index: 1;
		display: none;
	}

	.backToTopNavigation a:hover span::before {
		-webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;
		-ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;
		animation: crossfadeOff 0.25s linear 0s 1 forwards;
	}

	.backToTopNavigation a:hover span::after {
		display: block;
	}
}

@media screen and (max-width: 756px) {
	.backToTopNavigation {
		font-size: 14px;
	}

	.backToTopNavigation a {
		padding: 16.5px 0;
	}

	.backToTopNavigation span {
		padding-left: 25px;
		line-height: 17px;
		background: url(/shared/svg/icons_top.svg) center left no-repeat;
		background-size: 17px 17px;
	}
}

/* footer
-------------------------------------------------- */
footer {
	background: #333333;
}

ul.footerLink {
	margin: 0;
}

ul.footerLink li {
	margin: 0;
}

ul.footerLink li:before {
	display: none;
}

ul.footerLink li a {
	color: #cccccc;
	text-decoration: none;
}

.region-picker {
	background-image: url(/shared/svg/icons_earth.svg);
	background-position: left center;
	background-repeat: no-repeat;
}

.region-picker select {
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	background-color: #fff;
	background-image: url(/shared/images/2018/region-picker_select.png);
	background-repeat: no-repeat;
	opacity: 1;
}

.copyright {
	color: #fff;
	text-align: center;
}

.copyright a {
	color: #bce2ff;
}

@media screen and (min-width: 980px), print {
	footer {
		padding: 34px 0 16px;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	footer {
		padding: 34px 15px 16px;
	}
}

@media screen and (min-width: 757px), print {
	.footerLinkArea {
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
		-ms-align-items: flex-start;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		-ms-flex-align: start;
		align-items: flex-start;
	}

	ul.footerLink:nth-child(1) {
		width: 705px;
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
		-ms-flex-wrap: wrap;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		flex-wrap: wrap;
		-ms-align-items: flex-start;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		-ms-flex-align: start;
		align-items: flex-start;
	}

	ul.footerLink:nth-child(2) {
		width: 235px;
		padding-left: 40px;
		margin-right: 0;
		border-left: 1px solid #454545;
	}

	ul.footerLink li {
		width: 194px;
	}

	ul.footerLink:nth-child(1) li {
		margin-right: 40px;
	}

	ul.footerLink li a {
		padding: 6px 0 6px 29px;
		display: block;
		line-height: 20px;
		position: relative;
	}

	ul.footerLink li a::before,
  ul.footerLink li a::after {
		content: '';
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		background-position: left center;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		left: 0;
	}

	ul.footerLink li a::before {
		background-image: url(/shared/svg/icons_link_424242.svg);
		z-index: 8;
	}

	ul.footerLink li a::after {
		background-image: url(/shared/svg/icons_link_383838.svg);
		z-index: 1;
		display: none;
	}

	ul.footerLink li a:hover::before {
		-webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;
		-ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;
		animation: crossfadeOff 0.25s linear 0s 1 forwards;
	}

	ul.footerLink li a:hover::after {
		display: block;
	}

	.region-picker {
		width: 390px;
		padding: 0 0 0 80px;
		margin: 54px auto 52px;
		background-size: 60px 60px;
	}

	.region-picker select {
		width: 310px;
		height: 60px;
		padding: 0 52px 0 20px;
		font-size: 18px;
		line-height: 60px;
		background-size: 12px 21px;
		background-position: 278px center;
		border-radius: 30px;
	}

	.copyright {
		margin: 0;
		font-size: 14px;
		line-height: 2;
	}

	.copyright a:hover {
		text-decoration: none;
	}
}

@media screen and (max-width: 756px) {
	footer {
		padding: 21px 15px 55px;
	}

	ul.footerLink {
    /*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	ul.footerLink li {
		width: calc(50% - 10px);
		font-size: 14px;
		line-height: 20px;
		border-top: 1px solid #454545;
	}

	ul.footerLink li:nth-child(1),
  ul.footerLink li:nth-child(2) {
		border-top: 0;
	}

	ul.footerLink:nth-child(2) {
		margin-top: 30px;
		margin-bottom: 43px;
	}

	ul.footerLink:nth-child(2) li {
		font-size: 12px;
	}

	ul.footerLink li:nth-child(odd) {
		margin: 0 10px 0 0;
	}

	ul.footerLink li:nth-child(even) {
		margin: 0 0 0 10px;
	}

	ul.footerLink li a {
		padding: 15px 0 16px 29px;
		display: block;
		line-height: 20px;
		background-image: url(/shared/svg/icons_link_424242.svg);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 20px 20px;
	}

	.region-picker {
		max-width: 295px;
		margin: 0 auto 57px;
		padding: 0 0 0 70px;
		background-size: 50px 50px;
	}

	.region-picker select {
		width: 100%;
		height: 50px;
		padding: 0 52px 0 20px;
    /*iOS対策
		font-size: 14px;*/
		font-size: 16px;
    /*iOS対策*/
		line-height: 50px;
		background-size: 12px 21px;
		background-position: calc(100% - 24px) center;
		border-radius: 25px;
	}

	.copyright {
		margin: 0 0 15px;
		font-size: 12px;
		line-height: 1.5;
	}
}

/* form
-------------------------------------------------- */
@media screen and (min-width: 980px), print {
	input[type="submit"]:hover,
  input[type="radio"]:hover,
  input[type="radio"] + label:hover,
  select:hover {
		cursor: pointer;
	}
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select::-ms-expand {
	display: none;
}

@media screen and (max-width: 979px) {
	input[type="text"],
  input[type="button"],
  input[type="email"],
  input[type="submit"],
  textarea {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
}

/* clearfix
-------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

/* clear
-------------------------------------------------- */
.clear {
	clear: both;
}

/* display-block
-------------------------------------------------- */
@media screen and (min-width: 768px) {
	.headerArea-pc {
		display: block;
	}

	.headerArea-sp {
		display: none;
	}
}

@media screen and (max-width: 769px) {
	.headerArea-pc {
		display: none;
	}

	.headerArea-sp {
		display: block;
	}
}

@media screen and (min-width: 980px), print {
	.display-block__pc {
		display: block;
	}

	.display-block__sp {
		display: none;
	}

	.spInline {
		display: none;
	}

	.pcInline {
		display: inline;
	}
}

@media screen and (max-width: 979px) {
	.display-block__pc {
		display: none;
	}

	.display-block__sp {
		display: block;
	}

	.spInline {
		display: inline;
	}

	.pcInline {
		display: none;
	}
}

.s_drawer-overlay.s_overlay-on,
.s_drawer-open .s_drawer-overlay.s_overlay-on {
	display: none;
}

/* font
-------------------------------------------------- */
@font-face {
	font-family: "WWF";
  src: url("/shared/font/wwf/wwf.eot");
  src: url("/shared/font/wwf/wwf.eot?#iefix") format("embedded-opentype"), url("/shared/font/wwf/wwf.woff") format("woff"), url("/shared/font/wwf/wwf.ttf") format("truetype");
}

/* crossfadeOff
-------------------------------------------------- */

@keyframes crossfadeOff {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/* crossfadeOn
-------------------------------------------------- */

@keyframes crossfadeOn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* img
-------------------------------------------------- */
@media screen {
	.image {
		overflow: hidden;
    /*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
    /*--- Androidブラウザ用 ---*/
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: center;
	}

	.image img {
		-o-object-fit: cover;
		object-fit: cover;
		font-family: 'object-fit: cover; object-position: 50% 50%;';
    /*--- object-fit-images ---*/
	}
}

.image img {
	width: 100%;
	height: auto;
}

center .image,
#mainArea .twoColumnsType6 .column .image,
#mainArea .twoColumnsType6 .columnEnd .image,
#mainArea .twoColumnsType7 .column .image,
#mainArea .twoColumnsType7 .columnEnd .image {
	overflow: auto;
	display: block;
}

@media screen and (-ms-high-contrast: none) {
	center .image,
  #mainArea .twoColumnsType6 .column .image,
  #mainArea .twoColumnsType6 .columnEnd .image,
  #mainArea .twoColumnsType7 .column .image,
  #mainArea .twoColumnsType7 .columnEnd .image {
		overflow: hidden;
	}
}

@media screen {
	#mainArea table td .image {
		overflow: auto;
		display: inline-block;
	}

	center .image img,
  #mainArea table td .image img,
  #mainArea .twoColumnsType6 .column .image img,
  #mainArea .twoColumnsType6 .columnEnd .image img,
  #mainArea .twoColumnsType7 .column .image img,
  #mainArea .twoColumnsType7 .columnEnd .image img {
		-o-object-fit: none;
		object-fit: none;
		font-family: none;
	}
}

@media screen and (max-width: 756px) {
	center .image img,
  #mainArea table td .image img,
  #mainArea .twoIntoColumnsType2 .column .image img,
  #mainArea .twoColumnsType6 .column .image img,
  #mainArea .twoColumnsType6 .columnEnd .image img,
  #mainArea .twoColumnsType7 .column .image img,
  #mainArea .twoColumnsType7 .columnEnd .image img {
		max-width: 100%;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
	}
}

.image a[target="_blank"] {
	display: block;
	position: relative;
}

.image a[target="_blank"]:after {
	content: '';
	background-image: url(/shared/images/2018/zoom.png);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
}

@media screen and (min-width: 757px), print {
	.image a[target="_blank"]:after {
		margin: 0;
		width: 36px;
		height: 36px;
		background-size: 36px 36px;
	}
}

@media screen and (max-width: 756px) {
	.image a[target="_blank"]:after {
		width: 26px;
		height: 26px;
		margin: 0;
		background-size: 26px 26px;
	}
}

img.outsideLink {
	display: none;
}

@media screen {
	figure {
		width: auto;
		position: relative;
		display: inline-block;
	}

	figure figcaption {
		max-width: calc(100% - 10px);
		position: absolute;
		color: #fff;
		text-align: right;
		text-shadow: 0 0 9px rgba(0, 0, 0, 0.25);
	}
}

@media screen and (min-width: 757px), print {
	figure figcaption {
		bottom: 5px;
		right: 5px;
		font-size: 10px;
	}
}

@media screen and (max-width: 756px) {
	figure figcaption {
		bottom: 7px;
		right: 5px;
		font-size: 9px;
	}
}

@media screen {
	.images, .figureImg {
		width: 100%;
		text-align: center;
	}

	.images img, .figureImg img {
		max-width: 100%;
		height: auto;
	}
}

@media screen and (min-width: 757px), print {
	.images, .figureImg {
		padding: 11px 0 10px;
		margin: 0 auto 31px;
	}
}

@media screen and (max-width: 756px) {
	.images, .figureImg {
		padding: 7px 0 6px;
		margin-bottom: 22.5px;
	}
}

/* keyVisual
-------------------------------------------------- */
.keyVisual {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1;
	background: #fff;
	transform: translate3d(0px, 0px, 0px);
}

.keyVisual__figure {
	width: auto;
	margin: 0 auto;
	background-image: url(/shared/images/bg_keyvisual_1.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	position: relative;
}

.keyVisual__figcaption {
	max-width: calc(100% - 10px);
	margin: 0;
	position: absolute;
	color: #fff;
	text-align: right;
	text-shadow: 0 0 9px rgba(0, 0, 0, 0.25);
}

.keyVisual__nofixed {
	width: 100%;
}

.keyVisual__nofixed .keyVisual {
	width: 100%;
	position: static;
	top: auto;
}

.keyVisual__nofixed + .hr01_separate {
	width: 100%;
}

.keyVisual__nothing {
	background: #f0f0f0;
}

@media screen and (min-width: 980px), print {
	.keyVisual__nofixed {
		padding-top: 202px;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	.keyVisual__nofixed {
		padding-top: 180px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media screen and (min-width: 757px), print {
	.keyVisual__figure {
		width: 980px;
		max-width: 100%;
		height: 525px;
	}

	.keyVisual__nofixed {
		z-index: 5;
	}

	.keyVisual__nofixed .keyVisual__figure {
		height: 360px;
	}

	.keyVisual__nofixed + .hr01_separate {
		margin: 70px 0 67px;
		padding: 0;
	}

	.keyVisual__figcaption {
		bottom: 5px;
		right: 5px;
		font-size: 10px;
	}

	.keyVisual__nothing {
		width: 780px;
		max-width: 100%;
		height: 6px;
		border-radius: 3px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 756px) {
	.keyVisual__figure {
		width: 100%;
		height: 375px;
	}

	.keyVisual.over .keyVisual__figure {
		padding-top: 90px;
		background-color: #fff;
	}

	.keyVisual__figcaption {
		bottom: 4px;
		right: 5px;
		font-size: 9px;
	}

	.keyVisual__nofixed {
		margin: 0 0 50px;
		padding: 139.5px 15px 0;
	}

	.keyVisual__nofixed .sectionBody__sp {
		padding: 0;
	}

	.keyVisual__nofixed .keyVisual__figure {
		height: 187.5px;
	}

	.keyVisual__nofixed ul.tablink.tablink__mein {
		margin-top: -21.5px;
	}

	.keyVisual__nofixed ul.tablink.tablink__mein li {
		margin: 0 20px 14px;
	}

	.keyVisual__nofixed p:last-of-type:last-child {
		margin-bottom: 8.5px;
	}

	.keyVisual__nofixed + .hr01_separate {
		margin: 33px 0 93px;
	}

	.keyVisual__nothing {
		width: calc(100% - 30px);
		height: 5px;
		border-radius: 2.5px;
		margin: 0 15px;
	}
}

.keyVisual img {
	width: 100%;
	height: auto;
}

/* heading Element
-------------------------------------------------- */
.pageTitle .read {
	margin-bottom: 5px;
	color: #0097aa;
	font-weight: bold;
}

/* mainTitle
-------------------------------------------------- */
h1,
.mainTitle,
h2,
.titStyle1,
h3,
.titStyle2,
h4,
.titStyle3 {
	width: 100%;
	font-weight: bold;
}

.titStyle2_logo {
	text-align: center;
}

.titStyle2_logo_1 {
	background: url(/shared/svg/icons_series.svg) top center no-repeat;
}

.titStyle2_logo_2 {
	background: url(/shared/svg/icons_pen.svg) top center no-repeat;
}

.titStyle2_logo_3 {
	background: url(/shared/svg/icons_relation.svg) top center no-repeat;
}

.titStyle2_logo_4 {
	background: url(/shared/svg/icons_quote.svg) top center no-repeat;
}

.titStyle2_logo_5 {
	background: url(/shared/svg/icons_relation.svg) top center no-repeat;
}

.titStyle2_logo_6 {
	background: url(/shared/svg/icons_recommend.svg) top center no-repeat;
}

.titStyle2_logo_7 {
	background: url(/shared/svg/icons_new.svg) top center no-repeat;
}

.titStyle2_logo_8 {
	background: url(/shared/svg/icons_popularity.svg) top center no-repeat;
}

.titStyle2_icons_member {
	background: url(/shared/svg/icons_member.svg) top center no-repeat;
}

.titStyle2_icons_donation {
	background: url(/shared/svg/icons_donation.svg) top center no-repeat;
}

.titStyle2_icons_document {
	background: url(/shared/svg/icons_document.svg) top center no-repeat;
}

.titStyle2_icons_zine {
	background: url(/shared/svg/icons_zine.svg) top center no-repeat;
}

.titStyle2_icons_shop {
	background: url(/shared/svg/icons_shop.svg) top center no-repeat;
}

.titStyle2_icons_mail {
	background: url(/shared/svg/icons_mail.svg) top center no-repeat;
}

.titStyle2_icons_calendar {
	background: url(/shared/svg/icons_calendar.svg) top center no-repeat;
}

.titStyle2_icons_facility {
	background: url(/shared/svg/icons_facility.svg) top center no-repeat;
}

.titStyle2_icons_membership {
	background: url(/shared/svg/icons_membership.svg) top center no-repeat;
}

.titStyle2_icons_opened {
	background: url(/shared/svg/icons_opened.svg) top center no-repeat;
}

.titStyle2_icons_report {
	background: url(/shared/svg/icons_report.svg) top center no-repeat;
}

.titStyle2_icons_tax {
	background: url(/shared/svg/icons_tax.svg) top center no-repeat;
}

.titStyle2_logo_tel {
	background: url(/shared/svg/icons_tel.svg) top center no-repeat;
}

.titStyle2_logo .titStyle2_logo__normal {
	font-weight: normal;
}

.mainTitle small {
	display: block;
}

@media screen and (min-width: 757px), print {
	h1, .mainTitle {
		font-size: 52px;
		line-height: 1.3076923;
		margin-bottom: 7px;
	}

	.keyVisual__nofixed h1,
  .keyVisual__nofixed .mainTitle {
		margin-bottom: 0;
	}

	.keyVisual__nofixed h1:first-of-type:first-child,
  .keyVisual__nofixed .mainTitle:first-of-type:first-child {
		margin-top: -9px;
	}

	.keyVisual__nofixed h1:last-of-type:last-child,
  .keyVisual__nofixed .mainTitle:last-of-type:last-child {
		margin-bottom: -6px;
	}

	.mainTitle small {
		font-size: 24px;
		margin-bottom: 11px;
	}

	.keyVisual__nofixed .mainTitle small {
		margin-bottom: 0;
	}

	h2,
  .titStyle1 {
		font-size: 42px;
		line-height: 1.4047619;
		margin-top: 67px;
		margin-bottom: 30px;
	}

	.pageTitle .read + h2,
  .pageTitle .read + .titStyle1 {
		margin-top: 0;
	}

	.hr01_separate + h2,
  .hr01_separate + section > h2,
  .hr01_separate + .titStyle1,
  .hr01_separate + section > .titStyle1 {
		margin-top: 0;
	}

	h3,
  .titStyle2 {
		font-size: 32px;
		line-height: 1.4375;
		margin: 72px 0 33px;
	}

	h3 small,
  .titStyle2 small {
		font-size: 24px;
		padding: 35px 0 0;
		display: inline-block;
	}

	.titStyle2_logo {
		margin: 60px 0 41px;
		padding: 54px 0 0;
		font-size: 32px;
		line-height: 1.875;
		background-size: 50px 50px;
	}

	.titStyle2_logo + p {
		margin: -25px 0 44px;
	}

	h4,
  .titStyle3 {
		font-size: 24px;
		line-height: 1.5;
		margin: 65px 0 34px;
	}

	h1 + p, .mainTitle + p {
		margin-top: 32px;
		margin-bottom: 24px;
	}

	.keyVisual__nofixed h1 + p:last-of-type:last-child,
  .keyVisual__nofixed .mainTitle + p:last-of-type:last-child {
		margin-bottom: -5px;
	}
}

@media screen and (max-width: 756px) {
	h1, .mainTitle {
		font-size: 35px;
		line-height: 1.3571428;
		margin-bottom: 10.5px;
	}

	.mainTitle small {
		font-size: 20px;
		margin-bottom: 6.5px;
		padding-top: 2.5px;
	}

	.keyVisual__nofixed h1:last-of-type:last-child,
  .keyVisual__nofixed .mainTitle:last-of-type:last-child {
		margin-bottom: -8px;
	}

	h2,
  .titStyle1 {
		font-size: 31px;
		line-height: 1.4032258;
		margin-top: 0;
		margin-bottom: 33px;
	}

	.about_support_method h2,
  .about_support_method .titStyle1 {
		margin-top: 74px;
	}

	.hr01_separate + h2,
  .hr01_separate + section > h2,
  .hr01_separate + .titStyle1,
  .hr01_separate + section > .titStyle1 {
		margin-top: 0;
	}

	h3,
  .titStyle2 {
		font-size: 25px;
		line-height: 1.46;
		margin: 74px 0 28px;
	}

	h3 small,
  .titStyle2 small {
		font-size: 20px;
		padding: 30px 0 0;
		margin: 0 0 -4px;
		display: inline-block;
	}

	.titStyle2_logo {
		margin: 60px 0 28px;
		padding: 44px 0 0;
		font-size: 25px;
		line-height: 1.46;
		background-size: 34px 34px;
	}

	.titStyle2_logo + p {
		margin-top: -3px;
	}

	.titStyle2_logo + p + ul.listLinkType4 {
		margin-top: 45.5px;
	}

	h4,
  .titStyle3 {
		font-size: 20px;
		line-height: 1.5;
		margin: 65px 0 27px;
	}

	.keyVisual__nofixed h1 + p:last-of-type:last-child,
  .keyVisual__nofixed .mainTitle + p:last-of-type:last-child {
		margin-bottom: -9px;
	}
}

h1 a,
h2 a {
	text-decoration: underline;
}

/* paragraph Element
-------------------------------------------------- */
p {
	text-align: justify;
	text-justify: distribute;
}

@media screen and (min-width: 757px), print {
	p {
		font-size: 18px;
		line-height: 2;
		margin-bottom: 31px;
	}
}

@media screen and (max-width: 756px) {
	p {
		font-size: 16px;
		line-height: 2;
		margin-bottom: 22.5px;
	}
}

p a {
	text-decoration: underline;
}

p a:hover {
	text-decoration: none;
}

.strongType_010,
.strongType_001,
.strongType_020,
.strongType_030 {
	font-weight: bold;
}

.strongType {
	font-weight: bold;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

/* image Element
-------------------------------------------------- */
.caption {
	color: #333;
}

@media screen and (min-width: 757px), print {
	.caption {
		padding: 0;
		margin: 10px auto -6px;
		font-size: 14px;
		line-height: 1.7857142;
	}

	#mainArea .twoColumnsType6 .column .caption,
  #mainArea .twoColumnsType6 .columnEnd .caption,
  #mainArea .twoColumnsType7 .column .caption,
  #mainArea .twoColumnsType7 .columnEnd .caption {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 756px) {
	.caption {
		padding: 0 0 5px;
		margin: 8px 0 0;
		font-size: 12px;
		line-height: 1.5;
	}
}

/* table Element
-------------------------------------------------- */
.generalTable .tableCaption,
.generalTable caption {
	font-weight: bold;
}

.generalTable table {
	width: 100%;
	border-color: #d4d4d4;
	border-style: solid;
	border-collapse: collapse;
	border-spacing: 0;
}

.generalTable th,
.generalTable td {
	border-color: #d4d4d4;
	border-style: solid;
}

.generalTable th {
	background: #edead7;
	font-weight: bold;
	vertical-align: middle;
}

.generalTable thead th {
	text-align: center;
}

.generalTable tbody th {
	text-align: left;
}

.generalTable td {
	background: #ffffff;
	vertical-align: top;
	text-align: left;
}

.generalTable tbody th.heading2nd {
	background: #f1f1f1;
}

/* 汎用 */
.generalTable .right {
	text-align: right;
}

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

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

.generalTable .top {
	vertical-align: top;
}

.generalTable .middle {
	vertical-align: middle;
}

.generalTable .bottom {
	vertical-align: bottom;
}

@media screen and (min-width: 757px), print {
	.generalTable {
		padding: 11px 0 10px;
		margin: 0 0 31px;
		font-size: 16px;
		line-height: 1.75;
	}

	.generalTable table {
		border-width: 1px 0 0 1px;
	}

	.generalTable th,
  .generalTable td {
		border-width: 0 1px 1px 0;
	}

	.generalTable .tableCaption,
  .generalTable caption {
		font-size: 18px;
		line-height: 2;
		margin: -10px 0 11px;
	}

	.generalTable thead th {
		padding: 20px 20px;
	}

	.generalTable tbody th,
  .generalTable td {
		padding: 19px 20px;
	}
}

@media screen and (max-width: 756px) {
	.generalTable {
		padding: 7px 0 6px;
		margin-bottom: 22.5px;
		font-size: 16px;
		line-height: 1.75;
	}

	.generalTable table {
		border-width: 0 1px 1px;
		border-collapse: collapse;
	}

	.generalTable td {
		border-width: 1px 0 0;
		border-collapse: collapse;
	}

	.generalTable th {
		border-width: 1px 0 0;
		border-collapse: collapse;
	}

	.generalTable .tableCaption,
  .generalTable caption {
		font-size: 16px;
		line-height: 1.5;
		margin: 0 0 15px;
	}

	.generalTable thead th,
  .generalTable tbody th,
  .generalTable tbody td {
		padding: 15px 15px 14px;
	}

	.generalTable__responsive thead th,
  .generalTable__responsive colgroup {
		display: none;
	}

	.generalTable__responsive tbody th,
  .generalTable__responsive td {
		width: 100%;
		display: block;
	}

	.generalTable__responsive td::before {
		content: attr(data-th);
		font-weight: bold;
		display: block;
		margin: 0 0 3px;
	}

	.generalTable__responsive td[data-th]:first-of-type {
		padding: 25px 15px 9px;
	}

	.generalTable__responsive td[data-th] {
		padding: 9px 15px;
		border-width: 0;
	}

	.generalTable__responsive td[data-th]:last-of-type {
		padding: 9px 15px 22.5px;
	}

	.generalTable__responsive td[data-th]:first-of-type {
		border-width: 1px 0 0;
		border-color: #d4d4d4;
		border-style: solid;
	}

	.generalTable__responsive td.right,
  .generalTable__responsive td.left,
  .generalTable__responsive td.center,
  .generalTable__responsive td.top,
  .generalTable__responsive td.bottom,
  .generalTable__responsive td.middle {
		text-align: left;
		vertical-align: top;
	}
}

/* attention Element
-------------------------------------------------- */
ul.attention {
	list-style: none;
}

ul.attention li {
	padding: 0 0 0 1em;
	text-indent: -1em;
	background: none;
	color: #333;
}

ul.attention li:before {
	display: none;
}

ul.attention li.strong {
	color: #c94969;
}

@media screen and (min-width: 757px), print {
	ul.attention {
		padding: 1px 0 0;
		margin: 0 0 14px;
		/*--- font-size: 14px; ---*/
		line-height: 1.7857142;
	}

	ul.attention li {
		margin: 0 0 3px;
	}
}

@media screen and (max-width: 756px) {
	ul.attention {
		padding: 0 0 0;
		margin: -15px 0 23px;
		/*--- font-size: 12px; ---*/
		line-height: 1.5;
	}

	ul.attention li {
		margin: 0 0 7px;
	}
}

/* list Element
-------------------------------------------------- */
ul {
	list-style: none;
}

ul li {
	list-style-type: none;
	position: relative;
}

ul li:before {
	content: '';
	display: inline-block;
	border-radius: 100%;
	background: #16c1b6;
	position: absolute;
	display: inline-block;
}

@media screen and (min-width: 757px), print {
	ul {
		padding: 5px 0 0;
		margin: 0 20px 34px 54px;
		font-size: 16px;
		line-height: 1.75;
	}

	ul li {
		margin: 0 0 17px;
	}

	ul li:before {
		width: 8px;
		height: 8px;
		left: -22px;
		top: 11px;
	}
}

@media screen and (max-width: 756px) {
	ul {
		padding: 5px 0 0;
		margin: 0 15px 25px 38px;
		font-size: 16px;
		line-height: 1.75;
	}

	ul li {
		margin: 0 0 17px;
	}

	ul li:before {
		width: 6px;
		height: 6px;
		left: -19px;
		top: 9px;
	}
}

ol {
	padding: 0;
	list-style: none;
	counter-reset: ol_li;
	position: relative;
}

ol li {
	position: relative;
}

ol li:before {
	counter-increment: ol_li;
	content: counter(ol_li);
	color: #16c1b6;
	display: inline-block;
	position: absolute;
	font-weight: bold;
}

@media screen and (min-width: 757px), print {
	ol {
		padding: 5px 0 0;
		margin: 0 20px 34px 54px;
		font-size: 16px;
		line-height: 1.75;
	}

	ol li {
		margin: 0 0 17px;
	}

	ol li:before {
		left: -24px;
		top: 0;
	}
}

@media screen and (max-width: 756px) {
	ol {
		padding: 5px 0 0;
		margin: 0 15px 25px 38px;
		font-size: 16px;
		line-height: 1.75;
	}

	ol li {
		margin: 0 0 17px;
	}

	ol li:before {
		left: -25px;
		top: 0;
	}
}

/* link Element
-------------------------------------------------- */
ul.link {
	padding: 0;
}

ul.link li {
	margin: 0;
}

ul.link li:before {
	display: none;
}

ul.link a {
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
}

@media screen and (min-width: 757px), print {
	ul.link {
		padding: 5px 0 0;
		margin: 0 0 37px;
		font-size: 16px;
		line-height: 1.75;
	}

	ul.link li {
		margin-bottom: 22px;
		position: relative;
	}

	ul.link a {
		padding-left: 31px;
	}

	ul.link li a::before,
  ul.link li::after {
		content: '';
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		background-repeat: no-repeat;
		position: absolute;
		top: 4px;
		left: 0;
	}

	ul.link li a::before {
		background-image: url(/shared/svg/icons_link.svg);
		z-index: 8;
	}

	ul.link li::after {
		background-image: url(/shared/svg/icons_link_hover.svg);
		z-index: 1;
	}

	ul.link a:hover::before {
		-webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;
		-ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;
		animation: crossfadeOff 0.25s linear 0s 1 forwards;
	}

	.generalTable td ul.link {
		padding: 8px 0 0;
		margin: 0 0 3px;
	}

	.generalTable td ul.link li {
		margin-bottom: 3px;
	}
}

@media screen and (max-width: 756px) {
	ul.link {
		padding: 7px 0 0;
		margin: 0 0 40px;
		font-size: 14px;
		line-height: 1.5;
		font-weight: bold;
	}

	ul.link li {
		margin-bottom: 26px;
	}

	ul.link a {
		padding-left: 25px;
		background-image: url(/shared/svg/icons_link.svg);
		background-repeat: no-repeat;
		background-size: 17px 17px;
		background-position: 0 1.5px;
	}

	.generalTable td ul.link {
		padding: 13px 0 0;
		margin: 0 0 15px;
	}

	.generalTable td ul.link li {
		margin-bottom: 3px;
	}
}

/* tablink Element
-------------------------------------------------- */
ul.tablink {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.tablink li {
	padding: 0;
	margin: 0;
	background: none;
	display: inline-block;
}

ul.tablink li:before {
	display: none;
}

ul.tablink li a {
	background-color: #edead7;
	display: block;
	text-decoration: none;
}

ul.tablink li a:link,
ul.tablink li a:visited,
ul.tablink li a:hover,
ul.tablink li a:active {
	color: #000;
}

ul.tablink.tablink__mein li a:link,
ul.tablink.tablink__mein li a:visited,
ul.tablink.tablink__mein li a:hover,
ul.tablink.tablink__mein li a:active {
	color: #fff;
}

ul.tablink.tablink__mein {
	text-align: center;
}

ul.tablink.tablink__mein li {
	font-weight: bold;
}

@media screen and (min-width: 757px), print {
	ul.tablink {
		padding: 4px 0 0;
		margin: 0 0 11px;
		font-size: 14px;
	}

	ul.tablink li {
		margin: 0 10px 10px 0;
	}

	ul.tablink li a {
		padding: 5px 16px 4px;
		border-radius: 30px;
	}

	ul.tablink li a:hover {
		background-color: #f1e9bd;
	}

	ul.tablink.tablink__mein {
		padding: 0;
		margin: 0;
		font-size: 20px;
	}

	ul.tablink.tablink__mein li {
		margin: 0 25px 50px;
		line-height: 1;
	}

	ul.tablink.tablink__mein li a {
		padding: 12px 41px;
		border-radius: 22px;
		overflow: hidden;
		display: block;
		position: relative;
		z-index: 1;
		color: #fff;
		background-color: #fff;
	}

	ul.tablink.tablink__mein li a:after {
		content: "";
		display: block;
		position: absolute;
		border-radius: 22px;
		z-index: 1;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border: 1px solid #009c96;
	}

	ul.tablink.tablink__mein li a:before {
		content: "";
		display: block;
		position: absolute;
		border-radius: 22px;
		z-index: -1;
		transform: translatez(0);
		width: 100%;
		height: 100%;
		opacity: 1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);
		background-color: #009c96;
	}

	ul.tablink.tablink__mein li a:hover:before,
  ul.tablink.tablink__mein li a:active:before {
		width: 70%;
		height: 70%;
		opacity: 0;
	}

	ul.tablink.tablink__mein li a:hover {
		color: #009c96;
	}
}

@media screen and (max-width: 756px) {
	ul.tablink {
		padding: 5.5px 0 0;
		margin: 0 0 10px;
		font-size: 13px;
	}

	.titStyle2_logo_3 + ul.tablink {
		padding: 25.5px 0 0;
	}

	ul.tablink li {
		margin: 0 7.5px 7.5px 0;
	}

	ul.tablink li a {
		padding: 5px 12px;
		border-radius: 15px;
		font-weight: bold;
	}

	ul.tablink.tablink__mein {
		padding: 0;
		margin: 0;
	}

	ul.tablink.tablink__mein li {
		margin: 0 20px 40px;
	}

	ul.tablink.tablink__mein li a {
		padding: 5px 30px 3px;
		border-radius: 15px;
		font-weight: bold;
		background-color: #009c96;
	}
}

/* eventTabs
-------------------------------------------------- */
ul.eventTags {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.eventTags li {
	display: inline-block;
	background: #edead7;
	color: #000;
}

ul.eventTags li.eventTags__recommendation {
	background: #c94969;
	color: #fff;
}

ul.eventTags li:before {
	display: none;
}

@media screen and (min-width: 757px), print {
	ul.eventTags {
		padding: 4px 0 0;
	}

	ul.eventTags li {
		padding: 4px 15px 2px;
		font-size: 14px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 756px) {
	ul.eventTags {
		padding: 6px 0 7px;
	}

	ul.eventTags li {
		padding: 4px 13px 3px;
		font-size: 13px;
		margin-right: 5px;
		margin-bottom: 5px;
	}
}

@media screen and (min-width: 757px), print {
	.eventTags__Classification {
		font-size: 14px;
	}
}

@media screen and (max-width: 756px) {
	.eventTags__Classification {
		font-size: 13px;
	}
}

/* pointsList
-------------------------------------------------- */
ul.pointsList {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.pointsList li {
	padding: 0;
	background: none;
	background: url(/shared/svg/icons_check.svg) no-repeat;
}

ul.pointsList li:before {
	display: none;
}

@media screen and (min-width: 757px), print {
	ul.pointsList {
		font-size: 16px;
		line-height: 1.75;
	}

	ul.pointsList li {
		padding: 0 0 0 32px;
		margin: 0 0 10px;
		background-size: 20px 14px;
		background-position: 0 6px;
	}

	p.pointsTxt {
		font-size: 16px;
		line-height: 1.75;
		margin: 0 0 17px;
	}
}

@media screen and (max-width: 756px) {
	ul.pointsList {
		font-size: 16px;
		line-height: 1.75;
	}

	ul.pointsList li {
		padding: 0 0 0 32px;
		margin: 0 0 17px;
		background-size: 19px 14.5px;
		background-position: 0 6px;
	}

	p.pointsTxt {
		font-size: 16px;
		line-height: 1.75;
		margin: 0 0 17px;
	}
}

/* contentsList
-------------------------------------------------- */
ul.contentsList {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.contentsList li {
	padding: 0;
	background: none;
	font-weight: bold;
}

ul.contentsList li:before {
	display: none;
}

ul.contentsList li a {
	display: inline-block;
	text-decoration: none;
}

@media screen and (min-width: 757px), print {
	ul.contentsList {
		font-size: 16px;
		line-height: 1.75;
	}

	ul.contentsList li {
		margin: 0 0 12px;
	}

	ul.contentsList li a {
		padding: 0 0 0 30px;
		position: relative;
	}

	ul.contentsList li a::before,
  ul.contentsList li a::after {
		content: '';
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		background-position: center right;
		background-repeat: no-repeat;
		position: absolute;
		top: 4px;
		left: 0;
	}

	ul.contentsList li a::before {
		background-image: url(/shared/svg/icons_anchor.svg);
		z-index: 8;
	}

	ul.contentsList li a::after {
		background-image: url(/shared/svg/icons_anchor_hover.svg);
		z-index: 1;
		display: none;
	}

	ul.contentsList li a:hover::before {
		-webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;
		-ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;
		animation: crossfadeOff 0.25s linear 0s 1 forwards;
	}

	ul.contentsList li a:hover::after {
		display: block;
	}
}

@media screen and (max-width: 756px) {
	ul.contentsList {
		font-size: 16px;
		line-height: 1.75;
	}

	ul.contentsList li {
		margin: 0 0 18px;
	}

	ul.contentsList li a {
		padding: 0 0 0 28px;
		background: url(/shared/svg/icons_anchor.svg) no-repeat;
		background-size: 17px 17px;
		background-position: 0 4px;
	}
}

/* listLink
-------------------------------------------------- */
ul.listLink {
	margin: 0;
}

ul.listLink li {
	width: 100%;
	margin: 0;
}

ul.listLink li:before {
	display: none;
}

ul.listLink li a {
	color: #000;
	text-decoration: none;
	width: 100%;
}

@media screen {
	ul.listLink li a {
    /*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
    /*--- Androidブラウザ用 ---*/
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
		-ms-flex-wrap: wrap;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		flex-wrap: wrap;
    /*--- Androidブラウザ用 ---*/
		-ms-flex-align: center;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		align-items: center;
	}
}

ul.listLink li .no-image {
	background: url(/shared/svg/icons_logo.svg) center center no-repeat;
	border: 1px solid #d4d4d4;
}

ul.listLink li a p {
	margin: 0;
}

ul.listLink li a p.figcaption {
	color: #666;
}

ul.listLink ul.tablink li {
	width: auto;
	margin: 0;
	color: #000;
	background-color: #edead7;
	display: inline-block;
	font-weight: bold;
}

@media screen and (min-width: 757px), print {
	ul.listLink {
		margin: 0;
	}

	ul.listLink ul.tablink {
		padding: 0;
		margin: 0;
		font-size: 12px;
	}

	ul.listLink ul.tablink li {
		padding: 3px 15px 2px;
		margin: 0 8px 7px 0;
		border-radius: 13px;
	}

	ul.listLink li a:hover {
		color: #169aff;
	}

	ul.listLink li a p {
		font-size: 16px;
		line-height: 1.5;
	}

	ul.listLink li a time {
		font-size: 12px;
	}

	ul.listLink li a p.figcaption {
		font-size: 10px;
	}
  /*画像拡大*/
	a img.imgExpansion {
		backface-visibility: hidden;
    /* 画面のちらつき対策 */
		-webkit-backface-visibility: hidden;
		transition: transform 0.5s ease-out;
		transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
	}

	a:hover img.imgExpansion {
		transform: scale(1.075) rotate(0.001deg);
    /* IEでのアニメーションがカクつくためrotateの指定を入れ描画の処理をGPUで行う */
		transition: transform 2s ease-out;
		transition: transform 2s ease-out, -webkit-transform 2s ease-out;
	}
}

@media screen and (max-width: 756px) {
	ul.listLink {
		margin: 0;
	}

	ul.listLink ul.tablink {
		padding: 0;
		margin: 0 0 6px;
		font-size: 10px;
	}

	ul.listLink ul.tablink li {
		margin: 0 5px 5px 0;
		padding: 1px 11px 2px;
		border-radius: 10px;
		font-weight: bold;
		border-top: 0;
	}

	ul.listLink ul.tablink li a {
		display: block;
	}

	ul.listLink li a p {
		width: 100%;
		font-size: 14px;
		line-height: 1.5;
		display: block;
	}

	ul.listLink li a time {
		width: 100%;
		font-size: 12px;
		display: block;
	}

	ul.listLink li a p.figcaption {
		width: 100%;
		font-size: 9px;
		display: block;
	}
}

/* listLinkType1
-------------------------------------------------- */
@media screen and (min-width: 757px), print {
	ul.listLinkType1 {
		margin-bottom: 2px;
	}

	ul.listLinkType1 > li {
		padding-bottom: 21px;
		position: relative;
	}

	ul.listLinkType1 > li:after {
		content: "";
		display: block;
		line-height: 0;
		overflow: hidden;
		position: absolute;
		left: 100px;
		bottom: 21px;
		width: calc(100% - 100px);
		border-bottom: 1px solid #d4d4d4;
	}

	ul.listLinkType1 li a {
		padding-bottom: 21px;
		background: none;
	}

	ul.listLinkType1 li:last-child {
		padding-bottom: 10px;
	}

	ul.listLinkType1 li .image {
		width: 80px;
		height: 80px;
	}

	ul.listLinkType1 li .no-image {
		background-size: 33px 49px;
	}

	ul.listLinkType1 li .text {
		width: calc(100% - 100px);
		padding-right: 40px;
		position: relative;
	}

	ul.listLinkType1 li .text::before,
  ul.listLinkType1 li .text::after {
		content: '';
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		background-position: center right;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		right: 0;
	}

	ul.listLinkType1 li .text::before {
		background-image: url(/shared/svg/icons_link_f0f0f0.svg);
		z-index: 8;
	}

	ul.listLinkType1 li .text::after {
		background-image: url(/shared/svg/icons_link_hover.svg);
		z-index: 1;
		display: none;
	}

	ul.listLinkType1 li a:hover .text::before {
		-webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;
		-ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;
		animation: crossfadeOff 0.25s linear 0s 1 forwards;
	}

	ul.listLinkType1 li a:hover .text::after {
		display: block;
	}

	ul.listLinkType1 > li:last-child:after {
		display: none;
	}
}

@media screen and (max-width: 756px) {
	ul.listLinkType1 {
		margin-bottom: 12px;
	}

	.activities-image + .sectionBody__sp ul.listLinkType1 {
		margin-bottom: 15.5px;
	}

	ul.listLinkType1 li a {
		background: url(/shared/svg/icons_link_f0f0f0.svg) center right no-repeat;
		background-size: 20px 20px;
	}

	ul.listLinkType1 li .image {
		width: 81px;
		height: 81px;
	}

	ul.listLinkType1 li .no-image {
		background-size: 33px 49px;
	}

	ul.listLinkType1 li .text {
		width: calc(100% - 96px);
		padding-right: 40px;
		padding-bottom: 16.5px;
		padding-top: 20px;
		border-bottom: 1px solid #d4d4d4;
	}

	ul.listLinkType1 li:last-child .text {
		border-bottom: 0;
	}

	ul.listLinkType1 li:first-child .text {
		padding-top: 0;
	}
}

/* listLinkType2
-------------------------------------------------- */
ul.listLinkType2 li {
	border-top: 1px solid #d4d4d4;
}

@media screen and (min-width: 980px), print {
	ul.listLinkType2 li {
		width: 470px;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	ul.listLinkType2 li {
		width: calc(50% - 7.5px);
	}
}

@media screen and (min-width: 757px), print {
	ul.listLinkType2 {
		margin: -24px 0 37px;
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
		-ms-flex-wrap: wrap;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		flex-wrap: wrap;
	}

	ul.listLinkType2 li {
		font-size: 16px;
		line-height: 1.5;
	}

	ul.listLinkType2 li:nth-child(1),
  ul.listLinkType2 li:nth-child(2) {
		border-top: 0;
	}

	ul.listLinkType2 li a {
		padding: 21px 50px 21px 0;
	}

	ul.listLinkType2 li a::before,
  ul.listLinkType2 li a::after {
		content: '';
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		background-position: center right;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		right: 0;
	}

	ul.listLinkType2 li a::before {
		background-image: url(/shared/svg/icons_link_f0f0f0.svg);
		z-index: 8;
	}

	ul.listLinkType2 li a::after {
		background-image: url(/shared/svg/icons_link_hover.svg);
		z-index: 1;
		display: none;
	}

	ul.listLinkType2 a:hover::before {
		-webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;
		-ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;
		animation: crossfadeOff 0.25s linear 0s 1 forwards;
	}

	ul.listLinkType2 a:hover::after {
		display: block;
	}
}

@media screen and (max-width: 756px) {
	ul.listLinkType2 {
		margin: -3px 0 32px;
	}

	ul.listLinkType2 li:nth-child(1) {
		border-top: 0;
	}

	ul.listLinkType2 li a {
		padding: 20px 40px 20px 0;
		background: url(/shared/svg/icons_link_f0f0f0.svg) center right no-repeat;
		background-size: 20px 20px;
	}
}

/* listLinkType3
-------------------------------------------------- */
@media screen {
	ul.listLinkType3 li .image figure {
		overflow: hidden;
    /*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
    /*--- Androidブラウザ用 ---*/
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: center;
		width: 100%;
	}
}

@media print {
	ul.listLinkType3:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden;
	}

	ul.listLinkType3 li {
		float: left;
	}
}

@media screen and (min-width: 980px), print {
	ul.listLinkType3 li {
		width: 286px;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	ul.listLinkType3 li {
		width: calc(33% - 10px);
	}
}

@media screen and (min-width: 757px), print {
	ul.listLinkType3 {
		margin-bottom: 62px;
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
		-ms-flex-wrap: wrap;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		flex-wrap: wrap;
	}

	ul.listLinkType3 li {
		position: relative;
	}

	ul.listLinkType3 li a {
		height: 100%;
		padding-bottom: 1.3rem;
		display: block;
		position: relative;
	}

	ul.listLinkType3 li a::before,
  ul.listLinkType3 li a::after {
		content: '';
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		background-position: center right;
		background-repeat: no-repeat;
		position: absolute;
		bottom: 0;
		right: 0;
	}

	ul.listLinkType3 li a::before {
		background-image: url(/shared/svg/icons_link_f0f0f0.svg);
		z-index: 8;
	}

	ul.listLinkType3 li a::after {
		background-image: url(/shared/svg/icons_link_hover.svg);
		z-index: 1;
		display: none;
	}

	ul.listLinkType3 li a:hover::before {
		-webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;
		-ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;
		animation: crossfadeOff 0.25s linear 0s 1 forwards;
	}

	ul.listLinkType3 li a:hover::after {
		display: block;
	}

	ul.listLinkType3 li .image {
		height: 143px;
		margin: 0 0 15px;
	}

	ul.listLinkType3 li .no-image {
		background-size: 58px 89px;
	}

	ul.listLinkType3 ul.tablink {
		margin: 0 0 4px;
	}

	ul.listLinkType3 li a p {
		margin: 0 0 6px;
	}

	ul.listLinkType3 time {
		position: absolute;
		left: 0;
		bottom: 0;
	}
}

@media screen and (max-width: 756px) {
	ul.listLinkType3 {
		padding: 0;
		margin: 34px 0 5px;
		font-size: 16px;
		line-height: 1.5;
	}

	ul.listLinkType3 li {
		border-top: 1px solid #d4d4d4;
	}

	ul.listLinkType3 li:first-child {
		padding: 0;
		border-top: 0;
	}

	ul.listLinkType3 li a {
		padding: 30px 0 25px;
		background: none;
	}

	ul.listLinkType3 li:first-child a {
		padding-top: 0;
	}

	ul.listLinkType3 li .image {
		width: 100%;
		height: 173px;
		margin: 0 0 15px;
	}

	ul.listLinkType3 li .image figure {
		width: 100%;
		height: 173px;
		overflow: hidden;
    /*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
		display: flex;
    /*--- Androidブラウザ用 ---*/
		-ms-flex-pack: center;
		justify-content: center;
	}

	ul.listLinkType3 li .image figure img {
		width: 100%;
		height: 173px;
		-o-object-fit: cover;
		object-fit: cover;
		font-family: 'object-fit: cover; object-position: 50% 50%;';
    /*--- object-fit-images ---*/
	}

	ul.listLinkType3 li .no-image {
		height: 173px;
		background-size: 70px 106px;
	}

	ul.listLinkType3 li a p {
		font-size: 16px;
		line-height: 1.5;
		margin: 0 0 10px;
	}

	ul.listLinkType3 time {
		min-height: 20px;
		font-size: 12px;
		line-height: 20px;
		background: url(/shared/svg/icons_link_f0f0f0.svg) bottom right no-repeat;
		background-size: 20px 20px;
	}
}

/* listLinkType4
-------------------------------------------------- */
ul.listLinkType4 li .text {
	border-top: 1px solid #d4d4d4;
}

@media screen and (min-width: 980px), print {
	ul.listLinkType4 li {
		width: 470px;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	ul.listLinkType4 li {
		width: calc(50% - 7.5px);
	}
}

@media screen and (min-width: 757px), print {
	ul.listLinkType4 {
		margin: -23px 0 33px;
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
		-ms-flex-wrap: wrap;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		flex-wrap: wrap;
	}

	ul.listLinkType4 li a {
		height: 100%;
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
		-ms-flex-wrap: wrap;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		flex-wrap: wrap;
	}

	ul.listLinkType4 li .image {
		width: 80px;
		height: 80px;
	}

	ul.listLinkType4 li .no-image {
		background-size: 33px 49px;
	}

	ul.listLinkType4 li .text {
		width: calc(100% - 100px);
		height: 100%;
		padding: 25px 40px 3.3rem 0;
		position: relative;
	}

	ul.listLinkType4 li .text::before,
  ul.listLinkType4 li .text::after {
		content: '';
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		background-position: center right;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		right: 0;
	}

	ul.listLinkType4 li .text::before {
		background-image: url(/shared/svg/icons_link_f0f0f0.svg);
		z-index: 8;
	}

	ul.listLinkType4 li .text::after {
		background-image: url(/shared/svg/icons_link_hover.svg);
		z-index: 1;
		display: none;
	}

	ul.listLinkType4 li a:hover .text::before {
		-webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;
		-ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;
		animation: crossfadeOff 0.25s linear 0s 1 forwards;
	}

	ul.listLinkType4 li a:hover .text::after {
		display: block;
	}

	ul.listLinkType4 li:nth-child(1) .text,
  ul.listLinkType4 li:nth-child(2) .text {
		border-top: 0;
	}

	ul.listLinkType4 ul.tablink {
		margin: 0 0 2px;
	}

	ul.listLinkType4 li a p {
		margin: 0 0 9px;
	}

	ul.listLinkType4 .absolute {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 20px;
	}

	ul.listLinkType4 .absolute p {
		margin: 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}

@media print {
	ul.listLinkType4:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden;
	}

	ul.listLinkType4 li {
		float: left;
	}

	ul.listLinkType4 li:nth-child(4n) {
		float: right;
	}

	ul.listLinkType4 li a:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden;
	}

	ul.listLinkType4 li .image {
		float: left;
	}

	ul.listLinkType4 li .text {
		float: right;
	}
}

@media screen and (max-width: 756px) {
	ul.listLinkType4 {
		margin: 0 0 14.5px;
	}

	.staffblog .bodyAreaBg ul.listLinkType4,
  .staffblog-author + .bodyAreaBg ul.listLinkType4 {
		margin: 0 0 35px;
	}

	.event .bodyAreaBg ul.listLinkType4 {
		margin-bottom: 35px;
	}

	ul.listLinkType4 li:nth-child(1) .text {
		padding-top: 0;
		border-top: 0;
	}

	ul.listLinkType4 li .image {
		width: 97px;
		height: 97px;
	}

	ul.listLinkType4 li .no-image {
		background-size: auto 47.5px;
	}

	ul.listLinkType4 li .text {
		width: calc(100% - 112px);
		padding-right: 35px;
		padding-bottom: 16.5px;
		padding-top: 20px;
	}

	ul.listLinkType4 li a {
		background: url(/shared/svg/icons_link_f0f0f0.svg) center right no-repeat;
		background-size: 20px 20px;
	}

	ul.listLinkType4 li a p {
		margin: 0 0 6.5px;
	}

	ul.listLinkType4 li a p.figcaption {
		margin: 2px 0 0;
	}
}

/* listLinkType5
-------------------------------------------------- */
ul.listLinkType5 li {
	width: 100%;
	border-bottom: 1px solid #d4d4d4;
}

ul.listLinkType5 li:last-child {
	border-bottom: 0;
}

ul.listLinkType5 span {
	line-height: 1.5;
}

@media screen and (min-width: 757px), print {
	ul.listLinkType5 {
		margin: -25px 0 30px;
	}

	ul.listLinkType5 li a,
  ul.listLinkType5 li.strongType {
		padding: 19px 40px 19px 0;
	}

	ul.listLinkType5__time li a {
		-ms-flex-align: baseline;
		align-items: baseline;
	}

	ul.listLinkType5__time li a time {
		width: calc(6.7rem + 30px);
		font-size: 16px;
		font-weight: bold;
	}

	ul.listLinkType5__time li time + span {
		width: calc(100% - 6.7rem - 30px);
	}

	ul.listLinkType5 li a {
		position: relative;
	}

	ul.listLinkType5 li a::before,
  ul.listLinkType5 li a::after {
		content: '';
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		background-position: center right;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		right: 0;
	}

	ul.listLinkType5 li a::before {
		background-image: url(/shared/svg/icons_link_f0f0f0.svg);
		z-index: 8;
	}

	ul.listLinkType5 li a::after {
		background-image: url(/shared/svg/icons_link_hover.svg);
		background-repeat: no-repeat;
		z-index: 1;
		display: none;
	}

	ul.listLinkType5 li a:hover::before {
		-webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;
		-ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;
		animation: crossfadeOff 0.25s linear 0s 1 forwards;
	}

	ul.listLinkType5 li a:hover::after {
		display: block;
	}
}

@media screen and (max-width: 756px) {
	ul.listLinkType5 {
		margin: -25px 0 9px;
	}

	ul.listLinkType5 li:nth-child(1) {
		border-top: 0;
	}

	ul.listLinkType5 li a {
		background: url(/shared/svg/icons_link_f0f0f0.svg) center right no-repeat;
		background-size: 20px 20px;
	}

	ul.listLinkType5 li a,
  ul.listLinkType5 li.strongType {
		padding: 20px 40px 20px 0;
	}

	ul.listLinkType5__time li a time {
		width: 100%;
		margin: 0 0 3px;
		font-size: 12px;
		font-weight: bold;
	}

	ul.listLinkType5__time li time + span {
		width: 100%;
	}
}

/* listLinkType6
-------------------------------------------------- */
ul.listLinkType6 > li {
	width: 100%;
	border-bottom: 1px solid #d4d4d4;
}

ul.listLinkType6 > li:last-child {
	border-bottom: 0;
}

ul.listLinkType6 ul.eventTags {
	padding: 0;
}

ul.listLinkType6 ul.eventTags li {
	width: auto;
	display: inline-block;
}

@media screen and (min-width: 757px), print {
	ul.listLinkType6 {
		margin: -26px 0 45px;
	}

	ul.listLinkType6 li a {
		height: 100%;
		padding: 30px 50px 30px 0;
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
    /*--- safari（PC）用 ---*/
		-ms-flex-align: stretch;
		align-items: stretch;
		-ms-flex-wrap: wrap;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		flex-wrap: wrap;
		position: relative;
	}

	ul.listLinkType6 li a::before,
  ul.listLinkType6 li a::after {
		content: '';
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		background-position: center right;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		right: 0;
	}

	ul.listLinkType6 li a::before {
		background-image: url(/shared/svg/icons_link_f0f0f0.svg);
		z-index: 8;
	}

	ul.listLinkType6 li a::after {
		background-image: url(/shared/svg/icons_link_hover.svg);
		z-index: 1;
		display: none;
	}

	ul.listLinkType6 li a:hover::before {
		-webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;
		-ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;
		animation: crossfadeOff 0.25s linear 0s 1 forwards;
	}

	ul.listLinkType6 li a:hover::after {
		display: block;
	}

	ul.listLinkType6 li .image {
		width: 286px;
		height: 143px;
		margin-right: 20px;
	}

	ul.listLinkType6 li figure {
		width: 286px;
		height: 143px;
	}

	ul.listLinkType6 li figure figcaption {
		width: 276px;
	}

	ul.listLinkType6 li .no-image {
		width: 0;
		height: 0;
		background: none;
		border: 0;
	}

	ul.listLinkType6 li .text {
		width: calc(100% - 306px);
	}

	ul.listLinkType6 li .no-image + .text {
		width: 100%;
	}

	ul.listLinkType6 ul.eventTags {
		margin: -2px 0 5px;
	}

	ul.listLinkType6 ul.eventTags li {
		padding: 3px 15px 2px;
		margin: 0 8px 8px 0;
		font-size: 12px;
	}

	ul.listLinkType6 p.listLinkType6__day_area {
		margin: 0 0 7px;
		font-size: 14px;
		line-height: 1.4285714;
		font-weight: bold;
	}

	ul.listLinkType6 p.listLinkType6__title {
		margin: 0 0 8px;
		font-size: 16px;
		line-height: 1.5;
	}

	ul.listLinkType6 .eventTags__Classification {
		margin: 0 0 -3px;
		font-size: 12px;
		color: #333;
	}
}

@media screen and (max-width: 756px) {
	ul.listLinkType6 {
		margin: -27px 0 27px;
	}

	ul.listLinkType6 li a {
		padding: 26px 0 24px;
	}

	ul.listLinkType6 li .image {
		width: 100%;
		height: auto;
		margin: 1px 0 8.5px;
	}

	ul.listLinkType6 li figure {
		width: 100%;
	}

	ul.listLinkType6 li .no-image {
		width: 0;
		height: 0;
		margin: 0;
		background: none;
		border: 0;
	}

	ul.listLinkType6 li .text {
		width: 100%;
	}

	ul.listLinkType6 li .no-image + .text {
		margin-top: -2px;
	}

	ul.listLinkType6 ul.eventTags {
		margin: 0 0 7px;
	}

	ul.listLinkType6 ul.eventTags li {
		padding: 1px 11px;
		margin: 0 5px 5px 0;
		font-size: 10px;
	}

	ul.listLinkType6 p.listLinkType6__day_area {
		margin: 0 0 9px;
		font-size: 12px;
		line-height: 1.4166666;
		font-weight: bold;
	}

	ul.listLinkType6 p.listLinkType6__title {
		margin: 0 0 12px;
		font-size: 16px;
		line-height: 1.5;
	}

	ul.listLinkType6 .eventTags__Classification {
		padding: 0 25px 0 0;
		min-height: 20px;
		line-height: 20px;
		font-size: 12px;
		color: #333;
		background: url(/shared/svg/icons_link_f0f0f0.svg) bottom right no-repeat;
		background-size: 20px 20px;
	}
}

/* errorComment
-------------------------------------------------- */
ul.listLinkType1 > li.errorComment,
ul.listLinkType2 > li.errorComment,
ul.listLinkType3 > li.errorComment,
ul.listLinkType4 > li.errorComment,
ul.listLinkType5 > li.errorComment,
ul.listLinkType6 > li.errorComment {
	width: 100%;
}

/* keywordsArea
-------------------------------------------------- */
@media screen and (min-width: 980px), print {
	.keywordsArea {
		padding: 0 0 39px;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	.keywordsArea {
		padding: 0 15px 39px;
	}
}

@media screen and (min-width: 757px), print {
	.keywordsArea ul.tablink {
		padding: 3px 0 0;
	}

	.keywordsArea ul.tablink li a {
		padding: 4px 16px 2px;
		border-radius: 30px;
	}

	.keywordsArea ul.btn {
		margin: 45px 0 0;
	}

	.keywordsArea ul.btn li a {
		padding: 14px 0;
		margin-bottom: 13px;
	}
}

@media screen and (max-width: 756px) {
	.keywordsArea {
		padding: 0 15px 43px;
	}

	.keywordsArea > h2:first-of-type:first-child,
  .keywordsArea > .titStyle1:first-of-type:first-child {
		margin-top: 92px;
	}

	.keywordsArea ul.tablink li {
		margin: 0 10px 10px 0;
	}

	.keywordsArea ul.tablink li a {
		padding: 4px 12px 5px;
	}

	.keywordsArea ul.btn {
		margin: 45px 0 0;
	}

	.keywordsArea ul.btn li a {
		margin-bottom: 17px;
	}
}

/* cvArea
-------------------------------------------------- */
.cvArea {
	background: #fff url(/shared/svg/icons_logo.svg) center center no-repeat;
}

@media screen and (min-width: 980px), print {
	.cvArea__bodyAreaBg {
		padding: 59px 0 60px;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	.cvArea__bodyAreaBg {
		padding: 59px 15px 60px;
	}
}

@media screen and (min-width: 757px), print {
	.cvArea {
		padding: 74px 90px 30px 360px;
		border-radius: 10px;
		background-size: 124px 187px;
		background-position: 135px center;
	}

	.cvArea .titStyle2 {
		font-size: 32px;
		margin: 0 0 19px;
	}

	.cvArea p {
		font-size: 16px;
		line-height: 1.75;
		margin: 0 0 18px;
	}
}

@media screen and (max-width: 756px) {
	.cvArea__bodyAreaBg {
		padding: 40px 15px;
	}

	.cvArea {
		padding: 200px 30px 16px;
		border-radius: 10px;
		background-size: 82.5px 124.5px;
		background-position: center 40px;
	}

	.cvArea .titStyle2 {
		font-size: 25px;
		line-height: 1.36;
		margin: 0 0 18px;
	}

	.cvArea p {
		font-size: 16px;
		line-height: 1.75;
		margin: 0 0 26px;
	}
}

/* btnlink Element
-------------------------------------------------- */
.btn {
	margin: 0;
	font-weight: bold;
	text-align: center;
}

.btn li {
	margin: 0;
	padding: 0;
	background: none;
	display: inline-block;
}

.btn li:before {
	display: none;
}

.btn li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	display: block;
}

.btn.btn__historyBack li a {
	color: #000;
}

.btn.btn__historyBack li a span:before {
	content: '';
	display: inline-block;
	background: url(/shared/svg/icons_link.svg) center left no-repeat;
	transform: rotate(180deg);
}

.btn li a[target="_blank"]:after {
	margin: 0;
	background: none;
}

.btn li a[target="_blank"] span {
	background-image: url(/shared/svg/icons_window_btn.svg);
	background-repeat: no-repeat;
	background-position: right center;
}

@media screen and (min-width: 757px), print {
	.btn li {
		margin-top: 10px;
	}

	.btn li:first-child {
		margin-top: 0;
	}

	.btn li a {
		width: 264px;
		padding: 13px 0;
		border-radius: 28px;
		font-size: 16px;
		margin-bottom: 50px;
		background: #fff;
		overflow: hidden;
		display: inline-block;
		position: relative;
		z-index: 1;
		overflow: initial;
	}

	.btn li a:after,
  .btn li a[target="_blank"]:after {
		content: "";
		display: block;
		position: absolute;
		border-radius: 28px;
		z-index: -1;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border: 1px solid #000;
		margin: 0;
		background: none;
	}

	.btn.cv li a:after,
  .btn.cv li a[target="_blank"]:after {
		border: 1px solid #e35700;
	}

	.btn li a:before {
		content: "";
		display: block;
		position: absolute;
		border-radius: 28px;
		z-index: -1;
		transform: translatez(0);
		width: 100%;
		height: 100%;
		opacity: 1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);
		background: #000;
	}

	.btn.cv li a:before {
		background: #e35700;
	}

	.btn li a:hover:before,
  .btn li a:active:before {
		width: 70%;
		height: 70%;
		opacity: 0;
	}

	.btn li a:hover {
		color: #000;
	}

	.btn.cv li a:hover {
		color: #e35700;
	}

	.btn.btn__historyBack {
		padding: 40px 0 32px;
	}

	.btn.btn__historyBack li {
		margin: 0 20px;
	}

	.btn.btn__historyBack li a {
		margin: 0;
		padding: 15px 0 13px;
		background: none;
	}

	.btn.btn__historyBack li a:before {
		background: #e6e6e6;
	}

	.btn.btn__historyBack li a:after {
		opacity: 0;
		border: 0;
		background: #000;
		z-index: -2;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);
	}

	.btn.btn__historyBack li a:hover:after,
  .btn.btn__historyBack li a:active:after {
		width: 100%;
		height: 100%;
		opacity: 1;
	}

	.btn.btn__historyBack li a:hover {
		color: #fff;
	}

	.btn.btn__historyBack li a span:before {
		width: 20px;
		height: 20px;
		margin-right: 10px;
		margin-bottom: -3px;
		background-size: 20px 20px;
	}

	.btn.btn__historyBack li a:hover span:before {
		background-image: url(/shared/svg/icons_link_000.svg);
		background-size: 20px 20px;
	}

	.btn li a[target="_blank"] span {
		padding: 0 27px 0 0;
		background-size: 17px 16px;
	}

	.btn li a[target="_blank"]:hover span {
		background-image: url(/shared/svg/icons_window_btn_hover.svg);
	}
}

@media screen and (max-width: 756px) {
	.bodyAreaBg > .sectionBody__sp > .btn:last-of-type:last-child {
		margin-bottom: 100px;
	}

	.staffblog .bodyAreaBg > .sectionBody__sp > .btn,
  .staffblog .bodyAreaBg > .sectionBody__sp > .btn:last-of-type:last-child,
  .staffblog-author + .bodyAreaBg > .sectionBody__sp > .btn,
  .staffblog-author + .bodyAreaBg > .sectionBody__sp > .btn:last-of-type:last-child,
  .event .bodyAreaBg > .sectionBody__sp > .btn:last-of-type:last-child {
		margin-bottom: 61px;
	}

	.bodyAreaBg > .sectionBody__sp > .btn:last-child a {
		margin-bottom: 0;
	}

	.btn li {
		margin-bottom: 15px;
	}

	.btn li:last-child {
		margin-bottom: 0;
	}

	.btn li a {
		width: 235px;
		max-width: 100%;
		padding: 13px 0;
		border-radius: 25px;
		font-size: 14px;
		margin-bottom: 23px;
		background: #000;
	}

	.btn.cv li a {
		background: #e35700;
		border: 1px solid #e35700;
	}

	.btn.btn__historyBack {
		padding: 40px 0 10px;
	}

	.btn.btn__historyBack li {
		margin: 0 0 30px;
	}

	.btn.btn__historyBack li a {
		margin: 0;
		background: #e6e6e6;
	}

	.btn.btn__historyBack li a span:before {
		width: 17px;
		height: 17px;
		margin-right: 8px;
		margin-bottom: -4px;
		background-size: 17px 17px;
	}

	.btn li a[target="_blank"] span {
		padding: 0 21px 0 0;
		background-size: auto 13px;
	}
}

/* personDiv　threeColumns
-------------------------------------------------- */
.threeColumns .column {
	margin-bottom: 72px;
}

.threeColumns .column:last-child {
	margin-bottom: 0;
}

.threeColumns.personDiv {
	margin-top: 83px;
}

@media screen and (min-width: 757px), print {
	.threeColumns.personDiv {
		margin-top: 0;
	}

	.threeColumns {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.threeColumns .column {
		width: 275px;
		margin-bottom: 0;
	}

	.threeColumns::after {
		content: "";
		width: 275px;
		display: block;
	}
}

/* personDiv　twoColumns
-------------------------------------------------- */
.twoColumns.personDiv {
	margin-top: 45px;
}

.twoColumns.personDiv .column {
	margin-bottom: 72px;
}

.personDiv .image {
	width: 150px;
	height: 150px;
	margin: 0 auto 15px;
}

.personDiv p {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 10px;
}

.twoColumns.personDiv .column p.smallTxt,
.personDiv .smallTxt {
	font-size: 13px;
	text-align: center;
	margin-bottom: 5px;
}

.personDiv .title {
	margin-top: 0 !important;
	margin: 0 0 25px;
	text-align: center;
	font-size: 20px;
}

@media screen and (min-width: 757px), print {
	.twoColumns.personDiv {
		margin-top: 6px;
	}

	.twoColumns.personDiv .column {
		width: 450px;
		margin-bottom: 0;
	}

	.twoColumns.personDiv .column p.smallTxt,
  .personDiv .smallTxt {
		font-size: 14px;
		margin-bottom: 8px;
	}

	.personDiv .title {
		font-size: 24px;
		margin-bottom: 30px;
	}

	.personDiv .image {
		margin-bottom: 25px;
	}

	.personDiv p {
		margin-bottom: 15px;
	}
}

/* overview
-------------------------------------------------- */
.overview .body {
	border-style: solid;
	border-color: #f0f0f0;
	background: #fff;
}

.overview p.boxTitle,
.overview .boxTitle {
	line-height: 1.5;
	text-align: center;
	font-weight: bold;
}

.overview.twoColumnsType .column,
.overview.twoColumnsType .columnEnd,
.overview.threeColumnsType .column,
.overview.threeColumnsType .columnEnd {
	margin: 0;
}

@media screen and (min-width: 757px), print {
	.overview {
		padding: 11px 0 10px;
		margin: 0 0 31px;
	}

	.overview .body {
		border-width: 10px;
		padding: 32px 30px 15px;
	}

	.overview.twoColumnsType .body,
  .overview.threeColumnsType .body {
		padding: 0;
	}

	.overview.twoColumnsType .body {
		background: url(/shared/images/2018/bg_siegetextbox_2.png) center top repeat-y;
	}

	.overview.threeColumnsType .body {
		background: url(/shared/images/2018/bg_siegetextbox_3.png) center top repeat-y;
	}

	.overview.twoColumnsType .column,
  .overview.twoColumnsType .columnEnd,
  .overview.threeColumnsType .column,
  .overview.threeColumnsType .columnEnd {
		padding: 32px 30px 15px;
	}

	.overview p.boxTitle,
  .overview .boxTitle {
		font-size: 24px;
		margin: 0 0 26px;
	}

	.overview.twoColumnsType .column,
  .overview.twoColumnsType .columnEnd {
		width: 50%;
	}

	.overview.twoColumnsType .column {
		float: left;
	}

	.overview.twoColumnsType .columnEnd {
		float: right;
	}

	.overview.threeColumnsType .column,
  .overview.threeColumnsType .columnEnd {
		width: 247px;
	}

	.overview.threeColumnsType .column:first-child {
		margin-right: 10px;
	}

	.overview.threeColumnsType .column:nth-child(2) {
		width: 246px;
	}

	.overview.threeColumnsType .column {
		float: left;
	}

	.overview.threeColumnsType .columnEnd {
		float: right;
	}
}

@media screen and (max-width: 756px) {
	.overview {
		padding: 7px 0 6px;
		margin-bottom: 22.5px;
	}

	.overview .body {
		border-width: 10px;
		padding: 26px 17.5px 6px;
	}

	.overview.twoColumnsType .body,
  .overview.threeColumnsType .body {
		border-width: 10px 10px 0;
		padding: 0;
	}

	.overview p.boxTitle,
  .overview .boxTitle {
		font-size: 20px;
		margin: 0 0 19px;
	}

	.overview.twoColumnsType .column,
  .overview.twoColumnsType .columnEnd,
  .overview.threeColumnsType .column,
  .overview.threeColumnsType .columnEnd {
		width: 100%;
		padding: 26px 17.5px 6px;
		border-bottom: 10px solid #f0f0f0;
	}
}

/* siegeTextBox siegeTextType1
-------------------------------------------------- */
.siegeTextBox .body,
.siegeTextBox04 .body {
	background: #f0f0f0;
}

.siegeTextBox .body h2:first-of-type,
.siegeTextBox .body h3:first-of-type,
.siegeTextBox .body h4:first-of-type,
.siegeTextBox .body h5:first-of-type,
.siegeTextBox .body h6:first-of-type,
.siegeTextBox04 .body h2:first-of-type,
.siegeTextBox04 .body h3:first-of-type,
.siegeTextBox04 .body h4:first-of-type,
.siegeTextBox04 .body h5:first-of-type,
.siegeTextBox04 .body h6:first-of-type {
	margin-top: 0;
}

@media screen and (min-width: 757px), print {
	.siegeTextBox,
  .siegeTextBox04,
  .siegeTextType1 {
		padding: 11px 0 10px;
		margin: 0 0 31px;
	}

	.siegeTextBox .body,
  .siegeTextBox04 .body {
		padding: 34px 30px 2px;
		margin: 0 0 40px;
	}

	.siegeTextBox .body:last-child,
  .siegeTextBox04 .body:last-child {
		margin: 0;
	}

	.siegeTextBox .title {
		margin: 0 0 16px;
		font-size: 24px;
		line-height: 1.5;
		font-weight: bold;
	}

	.siegeTextBox .title--type-mini {
		margin: 0 0 20px;
		font-size: 18px;
		line-height: 1.5;
		font-weight: bold;
	}

	.siegeTextBox .title small,
  .siegeTextBox04 .title small {
		font-size: 18px;
		display: inline-block;
		padding: 18px 0 0;
	}

	.siegeTextBox p,
  .siegeTextBox04 p {
		font-size: 16px;
		line-height: 1.75;
	}

	.siegeTextBox .body .column,
  .siegeTextBox04 .body .column {
		float: left;
		padding: 7px 0 8px;
		margin-right: 30px;
	}
}

@media screen and (max-width: 756px) {
	.siegeTextBox,
  .siegeTextBox04,
  .siegeTextType1 {
		margin: 67px 0 37.5px;
		padding: 7px 0 6px;
	}

	.siegeTextBox .body,
  .siegeTextBox04 .body {
		padding: 25px 15px 1px;
		margin: 0 0 30px;
	}

	.siegeTextBox .title,
  .siegeTextBox04 .title {
		margin: 0 0 24px;
		font-size: 20px;
		line-height: 1.5;
		font-weight: bold;
	}

	.siegeTextBox .title small,
  .siegeTextBox04 .title small {
		font-size: 16px;
		display: inline-block;
		padding: 18px 0 0;
		text-align: left;
	}

	.siegeTextBox .title--type-mini {
		margin: 0 0 17px;
		font-size: 16px;
		line-height: 1.5;
		font-weight: bold;
	}

	.siegeTextBox p,
  .siegeTextBox04 p {
		font-size: 16px;
		line-height: 1.75;
	}

	.siegeTextBox .body .column,
  .siegeTextBox04 .body .column {
		width: 100%;
		margin-bottom: 25px;
	}

	.siegeTextBox .body .column figure,
  .siegeTextBox04 .body .column figure {
		width: 100%;
	}
}

/* siegeTextBoxType2 */
.siegeTextBoxType2 .body .image {
	margin-right: 0;
	width: 320px;
	float: right;
	max-height: 200px;
	overflow: hidden;
}

.siegeTextBoxType2 .body .text {
	margin-right: 20px;
	width: 327px;
}

/* siegeTextBox
-------------------------------------------------- */
.siegeTextBox02 p.titStyle2,
.siegeTextBox02 p.boxTitle {
	text-align: center;
	font-weight: bold;
}

@media screen and (min-width: 757px), print {
	.siegeTextBox02.twoColumnsType .body,
  .siegeTextBox02.threeColumnsType .body {
    /*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
    /*--- Androidブラウザ用 ---*/
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
		-ms-flex-wrap: wrap;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		flex-wrap: wrap;
	}
}

.siegeTextBox02 .body,
.siegeTextBox02.twoColumnsType .body .column,
.siegeTextBox02.threeColumnsType .body .column {
	border-style: solid;
	border-color: #f0f0f0;
}

@media screen and (min-width: 980px), print {
	.siegeTextBox02.threeColumnsType .column {
		width: 370px;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	.siegeTextBox02.twoColumnsType .column,
  .siegeTextBox02.threeColumnsType .column {
		width: calc(50% - 7.5px);
	}
}

@media screen and (min-width: 757px), print {
	.siegeTextBox02 {
		padding: 11px 0 10px;
		margin: 0 0 31px;
	}

	.siegeTextBox02 .body {
		padding: 34px 29px 0;
		border-width: 11px 10px;
	}

	.siegeTextBox02.twoColumnsType .body,
  .siegeTextBox02.threeColumnsType .body {
		margin: 0;
		padding: 0;
		border: 0;
	}

	.siegeTextBox02.twoColumnsType .body .column,
  .siegeTextBox02.threeColumnsType .body .column {
		padding: 34px 29px 0;
		border-width: 11px 10px;
	}

	.siegeTextBox02.threeColumnsType .column {
		margin-right: 0;
		margin-bottom: 40px;
	}

	.siegeTextBox02 p {
		font-size: 16px;
		line-height: 1.75;
	}

	.siegeTextBox02 .image {
		padding: 11px 0 10px;
		margin: 0 0 31px;
	}

	.siegeTextBox02 p.titStyle2,
  .siegeTextBox02 p.boxTitle {
		margin: 0 0 15px;
		font-size: 24px;
	}
}

@media screen and (max-width: 756px) {
	.siegeTextBox02 {
		padding: 7px 0 6px;
		margin-bottom: 22.5px;
	}

	.siegeTextBox02 .body {
		padding: 27px 16px 1px;
		border-width: 10px;
	}

	.siegeTextBox02.twoColumnsType .body,
  .siegeTextBox02.threeColumnsType .body {
		width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
	}

	.siegeTextBox02.twoColumnsType .body .column,
  .siegeTextBox02.threeColumnsType .body .column {
		padding: 27px 16px 1px;
		border-width: 10px;
	}

	.siegeTextBox02.threeColumnsType .body .column {
		width: 100%;
	}

	.siegeTextBox02 p {
		font-size: 16px;
		line-height: 1.75;
	}

	.siegeTextBox02 .image {
		padding: 7px 0 6px;
		margin-bottom: 22.5px;
	}

	.siegeTextBox02 p.titStyle2,
  .siegeTextBox02 p.boxTitle {
		margin: 0 0 17px;
		font-size: 20px;
	}

	.siegeTextBox02 p + ul.link {
		margin-top: -17.5px;
	}

	.siegeTextBox02 ul.link {
		margin-bottom: 26.5px;
	}

	.siegeTextBox02 ul.link {
		margin-bottom: 12.5px;
	}
}

/* hr Element
-------------------------------------------------- */
.hr01_separate {
	background: #f0f0f0;
}

@media screen and (min-width: 980px), print {
	.hr01_separate {
		width: calc(100% + 100vw);
		height: 20px;
		margin: 70px -50vw 67px;
		padding: 0 50vw;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	.hr01_separate {
		width: calc(100% + 30px);
		height: 20px;
		margin: 73.5px -15px 75px;
	}
}

@media screen and (max-width: 756px) {
	.hr01_separate {
		width: calc(100% + 30px);
		height: 20px;
		margin: 73.5px -15px 75px;
	}
}

.hr01 {
	width: 100%;
	height: 5px;
	margin: 0;
	background: #f0f0f0;
}

@media screen and (min-width: 757px), print {
	.hr01 {
		margin: 72px 0 70px;
	}

	.moreContent__btn + .hr01 {
		margin: -8px 0 75px;
	}

	.staffblog .moreContent__btn + .hr01 {
		margin: 72px 0 75px;
	}

	.moreContent__btn + .hr01 + .btn {
		margin: 0 0 22px;
	}

	.staffblog .moreContent__btn + .hr01 + .btn {
		margin: 0 0 20px;
	}

	.hr01 + section > .titStyle2 {
		margin-top: 0;
	}
}

@media screen and (max-width: 756px) {
	.hr01 {
		margin: 71.5px 0;
		border-radius: 2.5px;
	}

	.hr02 + section > .titStyle2,
  .hr01 + section > .titStyle3 {
		margin-top: 0;
	}

	.staffblog .hr01 {
		margin: 60px 0 55px;
	}

	.event .btn.moreContent__btn + .hr01 {
		margin: -20px 0 56px;
	}
}

.hr02 {
	height: 1px;
	border-bottom: 1px dotted #d4d4d4;
}

.hr02 + section > .titStyle2,
.hr02 + section > .titStyle3 {
	margin-top: 0;
}

@media screen and (min-width: 757px), print {
	.hr02 {
		margin: 70px 0 43px;
	}
}

@media screen and (max-width: 756px) {
	.hr02 {
		margin: 70px 0 34.5px;
	}
}

/* gridColumnType1
-------------------------------------------------- */
.gridColumnType1 {
	width: 657px;
	padding: 3px 0 4px;
	margin: 0 0 4px;
}

.gridColumnType1 .layoutBase {
	width: 657px;
	padding: 0;
	margin: 0;
	background: url(/shared02/images/grid_bg_010.gif) left top repeat-y;
}

.gridColumnType1 .layoutHead {
	width: 657px;
	padding: 0;
	margin: 0;
	background: url(/shared02/images/grid_bg_head_010.gif) left top no-repeat;
}

.gridColumnType1 .layoutBottom {
	width: 635px;
	padding: 8px 11px 7px;
	margin: 0;
	background: url(/shared02/images/grid_bg_bottom_010.gif) left bottom no-repeat;
}

.gridColumnType2 .layoutBase {
	width: 323px;
	padding: 0;
	margin: 0;
	background: url(/shared02/images/grid_bg_020.gif) left top repeat-y;
}

.gridColumnType2 .layoutHead {
	width: 323px;
	padding: 0;
	margin: 0;
	background: url(/shared02/images/grid_bg_head_020.gif) left top no-repeat;
}

.gridColumnType2 .layoutBottom {
	width: 301px;
	padding: 8px 11px 7px;
	margin: 0;
	background: url(/shared02/images/grid_bg_bottom_020.gif) left bottom no-repeat;
}

.gridColumnType1 .leftColumn,
.gridColumnType2 .leftColumn {
	width: 301px;
	padding: 0;
	margin: 0;
	float: left;
}

.gridColumnType1 .rightColumn,
.gridColumnType2 .rightColumn {
	width: 301px;
	padding: 0;
	margin: 0;
	float: right;
}

.gridColumnType1 .columnBody,
.gridColumnType2 .columnBody {
	padding: 0;
	margin: 0;
}

.gridColumnType1 .images,
.gridColumnType2 .images {
	width: 110px;
	padding: 3px 0 4px;
	margin: 0;
	float: left;
}

.gridColumnType1 .textBox,
.gridColumnType2 .textBox {
	width: 177px;
	padding: 8px 0 0;
	margin: 0;
	float: right;
}

.gridColumnType1 .textBox h3,
.gridColumnType2 .textBox h3 {
	padding: 0;
	margin: 0 0 7px;
}

.gridColumnType1 .textBox p,
.gridColumnType2 .textBox p {
	padding: 0;
	margin: 0;
}

/* twoIntoColumnsType
-------------------------------------------------- */
@media screen and (min-width: 757px), print {
	.twoIntoColumnsType1 .column,
  .twoIntoColumnsType2 .column {
		padding: 11px 0 10px;
	}

	.twoIntoColumnsType1 .column {
		margin-left: 40px;
		float: right;
	}

	.twoIntoColumnsType2 .column {
		margin-right: 40px;
		float: left;
		text-align: center;
	}

	.twoIntoColumnsType .column .image {
		margin: 0;
	}

	.twoIntoColumnsType1 .column img,
  .twoIntoColumnsType2 .column img {
		max-width: 370px;
		height: auto;
	}

	.twoIntoColumnsType .column .caption,
  .twoIntoColumnsType2 .column .caption {
		max-width: 370px;
	}
}

@media screen and (max-width: 756px) {
	.twoIntoColumnsType1 .column,
  .twoIntoColumnsType2 .column {
		padding: 7px 0 6px;
		margin-bottom: 22.5px;
	}

	.twoIntoColumnsType .column .image figure,
  .twoIntoColumnsType2 .column .image figure {
		width: 100%;
	}
}

/* oneColumnsType1
-------------------------------------------------- */
.oneColumnsType1 {
	width: 100%;
}

.oneColumnsType1 .image {
	width: 100%;
	text-align: center;
}

@media screen {
	.oneColumnsType1 .image {
		-ms-flex-flow: column nowrap;
		flex-flow: column nowrap;
    /*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
    /*--- Androidブラウザ用 ---*/
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: center;
    /*--- Androidブラウザ用 ---*/
		-ms-flex-align: center;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		align-items: center;
		overflow: hidden;
	}
}

.oneColumnsType1 figure {
	margin: 0 auto;
	width: 100%;
}

@media screen and (min-width: 757px), print {
	.oneColumnsType1 {
		padding: 11px 0 10px;
		margin: 0 auto 31px;
	}

	.oneColumnsType1__imageLarge {
		width: 780px;
		max-width: 100%;
	}

	.oneColumnsType1__imageMedium {
		width: 560px;
		max-width: 100%;
	}

	.oneColumnsType1__imageSmall {
		width: 370px;
		max-width: 100%;
	}

	.oneColumnsType1__imageLarge image,
  .oneColumnsType1__imageLarge caption,
  .oneColumnsType1__imageMedium image,
  .oneColumnsType1__imageMedium caption,
  .oneColumnsType1__imageSmall image,
  .oneColumnsType1__imageSmall caption {
		width: 100%;
		height: auto;
	}

	.oneColumnsType1 .yoputube {
		max-width: 560px;
		max-height: 314px;
	}
}

@media screen and (max-width: 756px) {
	.oneColumnsType1 {
		padding: 7px 0 6px;
		margin-bottom: 22.5px;
	}
}

/* ColumnsType
-------------------------------------------------- */
@media screen and (min-width: 757px), print {
	.columnsType__noLink {
		margin: 0 0 26px;
	}

	.twoColumnsType,
  .threeColumnsType,
  .fourColumnsType,
  .fiveColumnsType {
		padding: 11px 0 10px;
		margin: 0 0 31px;
    /*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
    /*--- Androidブラウザ用 ---*/
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
		-ms-flex-wrap: wrap;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 756px) {
	.columnsType__noLink {
		margin: 0 0 30px;
	}

	.twoColumnsType,
  .threeColumnsType,
  .fourColumnsType,
  .fiveColumnsType {
		padding: 7px 0 6px;
		margin-bottom: 11.5px;
	}

	.columnsType__noLink .twoColumnsType,
  .columnsType__noLink .threeColumnsType,
  .columnsType__noLink .fourColumnsType,
  .columnsType__noLink .fiveColumnsType {
		padding: 0;
		margin-bottom: 0;
	}

	.columnsType__noLink .twoColumnsType:first-child,
  .columnsType__noLink .threeColumnsType:first-child,
  .columnsType__noLink .fourColumnsType:first-child,
  .columnsType__noLink .fiveColumnsType:first-child {
		padding-top: 7px;
	}

	.columnsType__noLink .twoColumnsType:last-child,
  .columnsType__noLink .threeColumnsType:last-child,
  .columnsType__noLink .fourColumnsType:last-child,
  .columnsType__noLink .fiveColumnsType:last-child {
		padding-bottom: 6px;
		margin-bottom: 11.5px;
	}

	.threeColumnsType,
  .fourColumnsType,
  .fiveColumnsType {
    /*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.twoColumnsType .column,
  .twoColumnsType .columnEnd,
  .threeColumnsType .column,
  .threeColumnsType .columnEnd,
  .fourColumnsType .column,
  .fourColumnsType .columnEnd,
  .fiveColumnsType .column,
  .fiveColumnsType .columnEnd {
		margin-bottom: 11px;
	}

	.twoColumnsType .column,
  .twoColumnsType .columnEnd {
		width: 100%;
	}

	.threeColumnsType .column,
  .threeColumnsType .columnEnd,
  .fourColumnsType .column,
  .fourColumnsType .column:nth-child(3),
  .fiveColumnsType .column,
  .fiveColumnsType .column:nth-child(3),
  .fiveColumnsType .columnEnd {
		width: 50%;
		padding: 0 10px 0 0;
	}

	.threeColumnsType .column:nth-child(2),
  .fourColumnsType .column:nth-child(2),
  .fourColumnsType .columnEnd,
  .fiveColumnsType .column:nth-child(2),
  .fiveColumnsType .column:nth-child(4) {
		width: 50%;
		padding: 0 0 0 10px;
	}

	.twoColumnsType .column figure,
  .twoColumnsType .columnEnd figure,
  .threeColumnsType .column figure,
  .threeColumnsType .columnEnd figure,
  .fourColumnsType .column figure,
  .fourColumnsType .columnEnd figure,
  .fiveColumnsType .column figure,
  .fiveColumnsType .columnEnd figure {
		width: 100%;
	}

	.twoColumnsType .caption,
  .threeColumnsType .caption,
  .fourColumnsType .caption,
  .fiveColumnsType .caption {
		margin: 5px 0 0;
	}

	.twoColumnsType .column .youtube {
		margin-bottom: 32px;
	}
}

/* twoColumnsType
-------------------------------------------------- */
@media screen and (min-width: 980px), print {
	.sectionBody__pc-980 .twoColumnsType .column,
  .sectionBody__pc-980 .twoColumnsType .columnEnd {
		width: 470px;
	}

	.sectionBody__pc-780 .twoColumnsType .column,
  .sectionBody__pc-780 .twoColumnsType .columnEnd {
		width: 370px;
	}

	.twoColumnsType .column {
		margin-right: 40px;
	}

	.twoColumnsType .columnEnd {
		margin-right: 0;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	.sectionBody__pc-980 .twoColumnsType .column,
  .sectionBody__pc-780 .twoColumnsType .column,
  .sectionBody__pc-980 .twoColumnsType .columnEnd,
  .sectionBody__pc-780 .twoColumnsType .columnEnd {
		width: calc(50% - 7.5px);
	}

	.twoColumnsType .column {
		margin-right: 15px;
	}

	.twoColumnsType .columnEnd {
		margin-right: 0;
	}
}

@media screen and (min-width: 757px), print {
	#mainArea .twoIntoColumnsType2 .column {
		margin: 0 20px 20px 0;
		float: left;
	}

	#mainArea .twoColumnsType6 .column {
		width: 540px;
		margin-right: 0;
	}

	#mainArea .twoColumnsType6 .columnEnd {
		margin-left: 20px;
		width: 220px;
	}

	#mainArea .twoColumnsType7 .column {
		width: 560px;
		margin-right: 0;
	}

	#mainArea .twoColumnsType7 .columnEnd {
		margin-left: 20px;
		width: 200px;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	#mainArea .twoColumnsType6 .column {
		width: calc(100% - 240px);
	}

	#mainArea .twoColumnsType6 .columnEnd {
		margin-left: 20px;
		width: 220px;
	}

	#mainArea .twoColumnsType7 .column {
		width: calc(100% - 220px);
	}

	#mainArea .twoColumnsType7 .columnEnd {
		margin-left: 20px;
		width: 200px;
	}
}

/* threeColumnsType
-------------------------------------------------- */
@media screen and (min-width: 980px), print {
	.threeColumnsType .column,
  .threeColumnsType .columnEnd {
		width: 234px;
	}

	.threeColumnsType .column {
		margin-right: 39px;
	}

	.threeColumnsType .columnEnd {
		margin-right: 0;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	.threeColumnsType .column,
  .threeColumnsType .columnEnd {
		width: calc(33% - 10px);
	}

	.threeColumnsType .column {
		margin-right: 15px;
	}

	.threeColumnsType .columnEnd {
		margin-right: 0;
	}
}

/* fourColumnsType
-------------------------------------------------- */
@media screen and (min-width: 980px), print {
	.fourColumnsType .column,
  .fourColumnsType .columnEnd {
		width: 165px;
	}

	.fourColumnsType .column {
		margin-right: 40px;
	}

	.fourColumnsType .columnEnd {
		margin-right: 0;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	.fourColumnsType .column,
  .fourColumnsType .columnEnd {
		max-width: calc(25% - 11.25px);
	}

	.fourColumnsType .column {
		margin-right: 15px;
	}

	.fourColumnsType .columnEnd {
		margin-right: 0;
	}
}

/* fiveColumnsType
-------------------------------------------------- */
@media screen and (min-width: 757px), print {
	.fiveColumnsType .column {
		width: 124px;
		margin-right: 41px;
	}

	.fiveColumnsType .columnEnd {
		width: 124px;
		margin-right: 0;
	}
}

/* tabType
-------------------------------------------------- */
ul.tabType {
	margin: 0 auto;
	border-bottom: 1px solid #d4d4d4;
}

@media screen {
	ul.tabType {
    /*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
    /*--- Androidブラウザ用 ---*/
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
	}
}

@media print {
	ul.tabType:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden;
	}

	ul.tabType li {
		float: left;
	}
}

ul.tabType li {
	margin: 0;
	font-weight: bold;
	text-align: center;
	border: 1px solid #d4d4d4;
	border-bottom: 0;
}

ul.tabType li:before {
	display: none;
}

ul.tabType li.current {
	margin-bottom: -1px;
	border-bottom: 1px solid #fff;
}

ul.tabType li {
	border-radius: 10px 10px 0 0;
	color: #2889d4;
	cursor: pointer;
}

ul.tabType li.current {
	color: #000;
}

.tab__contents {
	border-top: 0;
	border-radius: 0 0 10px 10px;
}

@media screen and (min-width: 980px), print {
	ul.tabType li {
		width: 385px;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	.sectionBody__sp ul.tabType.sectionBody__sp {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	ul.tabType li {
		width: calc(50% - 5px);
	}
}

@media screen and (min-width: 757px), print {
	ul.tabType {
		margin-top: 72px;
	}

	ul.tabType li {
		font-size: 18px;
		padding: 14px 0;
		color: #2889d4;
		background-color: #fff;
		transition: background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1), color 0.25s cubic-bezier(0.23, 1, 0.58, 1);
	}

	ul.tabType li:hover {
		color: #fff;
		background-color: #000;
	}

	ul.tabType li.current {
		color: #000;
		background-color: #fff;
		cursor: auto;
	}

	.tab__contents {
		padding: 0 0 10px;
		margin: 0 0 31px;
		border: 1px solid #d4d4d4;
	}

	.sectionBody__pc-780 .tab__contents {
		border-top: 0;
	}

	.tabType__siegeText .body {
		padding: 34px 29px 0;
	}

	.tabType__siegeText .titStyle2 {
		margin: 0 0 15px;
		font-size: 24px;
	}

	.tabType__siegeText p {
		font-size: 16px;
		line-height: 1.75;
	}
}

@media screen and (max-width: 756px) {
	ul.tabType {
		margin-top: 71px;
		padding: 0 15px;
	}

	ul.tabType li {
		padding: 11px 0 10px;
		width: calc(50% - 5px);
		font-size: 14px;
		margin: 0 2.5px;
	}

	ul.tabType li:first-child {
		width: calc(50% - 2.5px);
		margin-left: 0;
	}

	ul.tabType li:last-child {
		width: calc(50% - 2.5px);
		margin-right: 0;
	}

	ul.tabType li.current {
		padding-bottom: 11px;
	}

	.tab__contents {
		padding: 0 0 6px;
		margin-bottom: 22.5px;
	}

	.sectionBody__pc-780 .tab__contents {
		border: 1px solid #d4d4d4;
		border-top: 0;
	}

	.tabType__siegeText .body {
		padding: 27px 16px 1px;
	}

	.tabType__siegeText .titStyle2 {
		margin: 0 0 17px;
		font-size: 20px;
	}

	.tabType__siegeText p {
		font-size: 16px;
		line-height: 1.75;
	}

	.tabType__siegeText p + ul.link {
		margin-top: -17.5px;
	}

	.tabType__siegeText ul.link {
		margin-bottom: 26.5px;
	}

	.tabType__siegeText ul.link li:last-child {
		margin-bottom: 12.5px;
	}
}

/* tabType1
-------------------------------------------------- */
@media screen and (min-width: 757px), print {
	.tabType1 {
		padding: 11px 0 0;
	}
}

@media screen and (max-width: 756px) {
	.tabType1 {
		width: 100%;
		margin: 0 0 28.5px;
		padding: 7px 0 0;
	}
}

/* moreContent
-------------------------------------------------- */
.btn.moreContent__btn,
.btn.moreContent__btn-not-disappear {
	text-align: center;
	line-height: 0;
}

.btn.moreContent__btn li,
.btn.moreContent__btn-not-disappear li {
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	line-height: 1.75;
}

@media screen and (min-width: 757px), print {
	.btn.moreContent__btn,
  .btn.moreContent__btn-not-disappear {
		margin: 0 0 80px;
	}

	.sectionBody__pc-980 > ul.btn.moreContent__btn:last-of-type,
  .sectionBody__pc-980 > ul.btn.moreContent__btn-not-disappear:last-of-type {
		padding-bottom: 0;
	}

	.sectionBody__pc-780 .btn.moreContent__btn:last-of-type:last-child,
  .sectionBody__pc-780 .btn.moreContent__btn-not-disappear:last-of-type:last-child {
		margin: 0 0 72px;
	}

	.btn.moreContent__btn li,
  .btn.moreContent__btn-not-disappear li {
		padding: 15px 60px 15px 90px;
		font-size: 16px;
		overflow: hidden;
		display: inline-block;
		position: relative;
		border-radius: 56px;
		z-index: 1;
	}

	.btn.moreContent__btn li:before,
  .btn.moreContent__btn-not-disappear li:before {
		content: "";
		display: block;
		position: absolute;
		border-radius: 56px;
		z-index: -1;
		width: 100%;
		height: 100%;
		transform: translatez(0);
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);
		background-color: #000;
	}

	.btn.moreContent__btn li:after,
  .btn.moreContent__btn-not-disappear li:after {
		content: "";
		display: block;
		position: absolute;
		border-radius: 56px;
		z-index: 2;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: url(/shared/svg/icons_more.svg);
		background-repeat: no-repeat;
		background-position: 64px center;
		background-size: 20px 20px;
		border: 1px solid #000;
	}

	.moreContent__contentArea > .bodyAreaBg:first-child,
  #mainArea {
		padding-bottom: 51px;
	}

	.listLinkType4 + .btn.moreContent__btn,
  .listLinkType4 + .btn.moreContent__btn-not-disappear {
		margin: 53px 0 70px;
	}
}

@media only screen and (min-device-width: 980px) {
	.btn.moreContent__btn li:hover:before,
  .btn.moreContent__btn li:active:before,
  .btn.moreContent__btn-not-disappear li:hover:before,
  .btn.moreContent__btn-not-disappear li:active:before {
		width: 70%;
		height: 70%;
		opacity: 0;
	}

	.btn.moreContent__btn li:hover,
  .btn.moreContent__btn-not-disappear li:hover {
		color: #000;
	}

	.btn.moreContent__btn li:hover:after,
  .btn.moreContent__btn-not-disappear li:hover:after {
		background-image: url(/shared/svg/icons_more_hover.svg);
	}
}

@media screen and (max-width: 756px) {
	.btn.moreContent__btn,
  .btn.moreContent__btn-not-disappear {
		margin: 0 0 80px;
	}

	.btn.moreContent__btn li,
  .btn.moreContent__btn-not-disappear li {
		margin: 0;
		padding: 15px 58px 15px 85px;
		font-size: 14px;
		background: #000 url(/shared/svg/icons_more.svg) no-repeat;
		background-position: 60px center;
		background-size: 17px 17px;
		border-radius: 50px;
	}

	.moreContent__contentArea > .bodyAreaBg:first-child,
  #mainArea {
		padding-bottom: 52px;
	}
}

/* tabReadmore
-------------------------------------------------- */
.tabReadmore {
	margin: 20px 0;
	background: url(/shared/images/bg_dot_1.png) left top repeat-x;
	font-size: 16px;
}

.tabReadmore .text {
	margin: 0 auto;
	padding: 11px 0;
	width: 202px;
	text-align: center;
	background: url(/shared/images/bg_readmore_1.png) left top no-repeat;
	line-height: 1;
}

.tabReadmore .text a {
	display: block;
}

.tabReadmore .text span {
	padding-left: 21px;
	background: url(/shared/images/ico_readmore_1.png) left 8px no-repeat;
}

/* tabSummaryclose
-------------------------------------------------- */
.tabSummaryclose {
	margin: 20px 0;
	background: url(/shared/images/bg_dot_1.png) left bottom repeat-x;
	font-size: 16px;
}

.tabSummaryclose .text {
	margin: 0 auto;
	padding: 11px 0;
	width: 202px;
	text-align: center;
	background: url(/shared/images/bg_close_1.png) left top no-repeat;
	line-height: 1;
}

.tabSummaryclose .text a {
	display: block;
}

.tabSummaryclose .text span {
	padding-left: 21px;
	background: url(/shared/images/ico_close_1.png) left 8px no-repeat;
}

/* relationInfo
-------------------------------------------------- */
.relationInfo .relationDate {
	margin-bottom: 0;
	font-size: 12px;
}

.relationInfo .relationTitle {
	margin-bottom: 0;
}

.relationInfo .relationTitle a {
	text-decoration: none;
}

.relationInfo .relationTitle a:hover {
	text-decoration: underline;
}

/* topicInfo01
-------------------------------------------------- */
.topicInfo01 {
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
}

.topicInfo01 a {
	text-decoration: none;
}

.topicInfo01 a:hover {
	text-decoration: underline;
}

.topicInfo01 .image {
	margin-right: 10px;
	padding: 0;
	float: left;
	border: 1px solid #e4e3e3;
	max-height: 118px;
	overflow: hidden;
}

.topicInfo01 .text {
	float: left;
	width: 159px;
}

.topicInfo01 .topicDate {
	margin-bottom: 5px;
	font-size: 12px;
}

.topicInfo01 .topicTitle {
	margin-bottom: 0;
}

/* topicInfo02
-------------------------------------------------- */
.topicInfo02 {
	padding: 0 10px 30px;
	border-bottom: 1px solid #ccc;
}

.topicInfo02 a {
	text-decoration: none;
}

.topicInfo02 a:hover {
	text-decoration: underline;
}

.topicInfo02.first {
	padding-top: 30px;
	border-top: 1px solid #ccc;
}

.topicInfo02 .image {
	margin-right: 10px;
	padding: 0;
	float: left;
	border: 1px solid #e4e3e3;
	max-height: 118px;
	overflow: hidden;
}

@media screen and (min-width: 757px), print {
	.topicInfo02 .text {
		float: left;
		width: 510px;
	}
}

.topicInfo02 .topicDate {
	margin-bottom: 5px;
	font-size: 12px;
}

.topicInfo02 .topicTitle {
	margin-bottom: 5px;
	font-size: 16px;
}

.topicInfo02 .topicDetail {
	margin-bottom: 0;
}

/* topicInfo03
-------------------------------------------------- */
.topicInfo03 {
	margin-bottom: 20px;
	padding: 0 10px 20px;
	border-bottom: 1px solid #ccc;
}

.topicInfo03 a {
	text-decoration: none;
}

.topicInfo03 a:hover {
	text-decoration: underline;
}

.topicInfo03.first {
	padding-top: 20px;
	border-top: 1px solid #ccc;
}

.topicInfo03 .topicDate {
	margin-bottom: 5px;
	font-size: 12px;
}

.topicInfo03 .topicTitle {
	margin-bottom: 5px;
	font-size: 16px;
}

.topicInfo03 .topicDetail {
	margin-bottom: 0;
}

/* pager
-------------------------------------------------- */
.pager {
	margin-bottom: 20px;
}

.pager ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

.pager li {
	margin: 0 2px 7px;
	padding: 0;
	background: none;
	border: 1px solid #ccc;
	display: none;
}

.pager ul li.current,
.pager ul li.prev,
.pager ul li.next {
	display: inline-block;
}

.pager li.current {
	background: #f4f3ec;
}

.pager li a {
	padding: 10px 16px;
	display: block;
}

.pager .prev,
.pager .next {
	padding: 0;
	border: 0;
}

.pager .prev a {
	padding: 0 17px;
	background: url(/shared/images/ico_pagerback_1.png) left 5px no-repeat;
}

.pager .next a {
	padding: 0 17px;
	background: url(/shared/images/ico_pagernext_1.png) right 5px no-repeat;
}

/* articleInfo
-------------------------------------------------- */
@media screen and (min-width: 757px), print {
	.articleInfo {
		margin-bottom: 25px;
	}

	p.articleDate {
		font-size: 14px;
		margin-bottom: 7px;
	}
}

@media screen and (max-width: 756px) {
	.articleInfo {
		margin-bottom: 19px;
	}

	p.articleDate {
		font-size: 13px;
		margin-bottom: 6px;
	}
}

/* keywordBox
-------------------------------------------------- */
.keywordBox {
	margin-bottom: 20px;
	padding: 20px 20px 15px 20px;
	background: #e9e8d8;
	border: 1px solid #d6d6d6;
}

.keywordBox dt {
	margin-right: 10px;
	padding: 0 6px 5px;
	background: #fff url(/shared/images/bg_keyvisual_shadow.png) left bottom repeat-x;
	border: 1px solid #d6d6d6;
	border-bottom: 0;
	display: inline-block;
	float: left;
}

@media screen and (min-width: 757px), print {
	.keywordBox dd {
		float: left;
		width: 557px;
	}

	.mainAreaFullGrid .keywordBox dd {
		width: 800px;
	}
}

.keywordBox dd ul {
	margin-bottom: 0;
}

.keywordBox dd li {
	margin: 0 5px 5px 0;
	padding: 0 6px 5px;
	background: #fff url(/shared/images/bg_keyvisual_shadow.png) left bottom repeat-x;
	border: 1px solid #d6d6d6;
	border-bottom: 0;
	display: inline-block;
	font-size: 12px;
}

/* supportBox
-------------------------------------------------- */
.supportBox {
	margin-bottom: 20px;
}

.supportTxt {
	background: url(/shared/images/bg_support_1.jpg) left top no-repeat;
	position: relative;
}

@media screen and (min-width: 757px), print {
	.supportTxt {
		width: 728px;
		height: 153px;
	}
}

.supportTxt p {
	color: #fff;
	font-size: 22px;
	line-height: 1.2;
}

@media screen and (min-width: 757px), print {
	.supportTxt p {
		padding: 15px 0 0 503px;
	}
}

.supportTxt .supportBtn {
	position: absolute;
	right: 15px;
	bottom: 10px;
}

.supportLink {
	padding: 17px 15px;
	background: #f4f3ec;
}

.supportLink .column {
	margin-right: 20px;
	width: 218px;
	float: left;
}

.supportLink .columnEnd {
	margin-right: 0;
}

.supportLink .image {
	margin-right: 8px;
	float: left;
}

.supportLink .text {
	float: left;
	width: 120px;
}

.supportLink .text .supportTitle {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(/shared/images/arrow_small_right.png) left 9px no-repeat;
}

.supportLink .text .supportComment {
	margin-bottom: 0;
	font-size: 12px;
	color: #222;
}

.supportStep {
	padding: 0 5px 5px 5px;
	background: #f4f3ec;
}

.supportStep dt,
.supportStep dd {
	float: left;
}

/* mainAreaFullGrid */
.mainAreaFullGrid .supportBox {
	padding: 30px 0;
}

.mainAreaFullGrid .supportTxt {
	margin-bottom: 10px;
	background: url(/shared/images/bg_support_1_2.jpg) left top no-repeat;
	width: 485px;
	height: 210px;
	position: relative;
	float: left;
}

.mainAreaFullGrid .supportTxt p {
	padding: 170px 0 0 10px;
	color: #fff;
	font-size: 19px;
	line-height: 1.2;
}

.mainAreaFullGrid .supportLink {
	margin-bottom: 10px;
	padding: 0;
	background: url(/shared/images/bg_support_2_2.png) left top no-repeat;
	float: right;
}

.mainAreaFullGrid .supportLink .column {
	margin-right: 10px;
	padding: 1px;
	width: 153px;
	float: left;
	background: #ffffff;
}

.mainAreaFullGrid .supportLink .columnEnd {
	margin-right: 0;
}

.mainAreaFullGrid .supportLink .image {
	margin: 0;
	padding: 0;
	float: none;
}

.mainAreaFullGrid .supportLink .text {
	padding: 9px 11px;
	float: none;
	width: auto;
}

.mainAreaFullGrid .supportStep {
	padding: 3px 0 3px 3px;
	background: #ffffff;
	clear: both;
}

/* activitiesArea
-------------------------------------------------- */
.activitiesArea_title {
	text-align: center;
	background-image: url(/shared/svg/icons_logo.svg);
	background-position: top center;
	background-repeat: no-repeat;
}

ul.activitiesArea_link li a {
	position: relative;
	font-weight: bold;
	color: #fff;
	vertical-align: middle;
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media screen {
	ul.activitiesArea_link li a {
    /*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
    /*--- Androidブラウザ用 ---*/
		-ms-flex-align: center;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		align-items: center;
	}
}

ul.activitiesArea_link li a:after {
	content: '';
	background-image: url(/shared/svg/icons_link_000.svg);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
}

ul.activitiesArea_link li a span {
	position: absolute;
	bottom: 5px;
	right: 5px;
	font-weight: normal;
	text-shadow: 0 0 4.75px rgba(0, 0, 0, 0.25);
	opacity: 0.5;
}

@media screen and (min-width: 980px), print {
	ul.activitiesArea_link li {
		width: 480px;
	}

	ul.activitiesArea_link li a {
		width: 480px;
	}

	ul.activitiesArea_link li a:after {
		left: 440px;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	ul.activitiesArea_link li {
		width: calc(50% - 7.5px);
	}

	ul.activitiesArea_link li a {
		width: 100%;
	}

	ul.activitiesArea_link li a:after {
		left: calc(100% - 40px);
	}
}

@media screen and (min-width: 757px), print {
	.activitiesArea .bodyAreaBg {
		padding: 80px 0 60px;
	}

	.activitiesArea_title {
		padding: 233px 0 18px;
		margin: 0;
		font-size: 32px;
		line-height: 1.1875;
		background-size: 124px 187px;
	}

	ul.activitiesArea_link {
		padding: 0;
		margin: 41px 0 0;
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
		-ms-flex-wrap: wrap;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		flex-wrap: wrap;
	}

	ul.activitiesArea_link li {
		margin: 0 0 20px;
	}

	ul.activitiesArea_link li a {
		border-radius: 10px;
		font-size: 24px;
		line-height: 1;
		padding: 44px 60px 43px 25px;
		position: relative;
		overflow: hidden;
		z-index: 2;
	}

	ul.activitiesArea_link li.climate a:before {
		background-image: url(/shared/images/2018/activitiesArea_link_climate.jpg);
	}

	ul.activitiesArea_link li.resource a:before {
		background-image: url(/shared/images/2018/activitiesArea_link_resource.jpg);
	}

	ul.activitiesArea_link li.wildlife a:before {
		background-image: url(/shared/images/2018/activitiesArea_link_wildlife.jpg);
	}

	ul.activitiesArea_link li.nature a:before {
		background-image: url(/shared/images/2018/activitiesArea_link_nature.jpg);
	}

	ul.activitiesArea_link li a:before {
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		background: url(bg.jpg) no-repeat center center;
		-ms-background-size: cover;
		background-size: cover;
		backface-visibility: hidden;
    /* 画面のちらつき対策 */
		-webkit-backface-visibility: hidden;
		transition: transform 0.5s ease-out;
		transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
	}

	ul.activitiesArea_link li a:hover:before {
		-webkit-animation: none 0s ease 0s 1 normal;
		-ms-transition: none 0s ease 0s 1 normal;
		animation: none 0s ease 0s 1 normal;
		transform: scale(1.075) rotate(0.001deg);
    /* IEでのアニメーションがカクつくためrotateの指定を入れ描画の処理をGPUで行う */
		transition: transform 2s ease-out;
		transition: transform 2s ease-out, -webkit-transform 2s ease-out;
		opacity: 1;
	}

	ul.activitiesArea_link li a:after {
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		margin-top: -10px;
	}

	ul.activitiesArea_link li a span {
		font-size: 10px;
		line-height: 1;
	}
}

@media screen and (max-width: 756px) {
	.activitiesArea .bodyAreaBg {
		padding: 60px 0 50px;
	}

	.activitiesArea_title {
		padding: 159px 0 0;
		margin: 0 0 26px;
		font-size: 25px;
		line-height: 1.46;
		background-size: 82.5px 124.5px;
	}

	ul.activitiesArea_link {
		padding: 0;
		margin: 37.5px 0 0;
	}

	ul.activitiesArea_link li {
		width: 100%;
		margin: 0 0 10px;
	}

	ul.activitiesArea_link li a {
		border-radius: 10px;
		width: 100%;
		font-size: 20px;
		line-height: 1;
		padding: 30px 15px;
	}

	ul.activitiesArea_link li.climate a {
		background-image: url(/shared/images/2018/activitiesArea_link_climate_sp.jpg);
	}

	ul.activitiesArea_link li.resource a {
		background-image: url(/shared/images/2018/activitiesArea_link_resource_sp.jpg);
	}

	ul.activitiesArea_link li.wildlife a {
		background-image: url(/shared/images/2018/activitiesArea_link_wildlife_sp.jpg);
	}

	ul.activitiesArea_link li.nature a {
		background-image: url(/shared/images/2018/activitiesArea_link_nature_sp.jpg);
	}

	ul.activitiesArea_link li a:after {
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		right: 15px;
		margin-top: -10px;
	}

	ul.activitiesArea_link li a span {
		font-size: 8px;
	}
}

/* socialBtn
-------------------------------------------------- */
.socialBtnArea {
	text-align: center;
}

ul.socialBtn {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.socialBtn li {
	padding: 0;
	margin: 0;
	background: none;
	display: inline-block;
	background: #fff;
}

ul.socialBtn li:before {
	display: none;
}

ul.socialBtn li a {
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

ul.socialBtn li.twitter a {
	background-image: url(/shared/svg/icons_tw.svg);
}

ul.socialBtn li.facebook a {
	background-image: url(/shared/svg/icons_fb_circle.svg);
}

ul.socialBtn li.line a {
	background-image: url(/shared/svg/icons_line.svg);
}

ul.socialBtn li.google a {
	background-image: url(/shared/svg/icons_gp.svg);
}

ul.socialBtn li.youtube a {
	background-image: url(/shared/svg/icons_youtube.svg);
}

ul.socialBtn li.instagram a {
	background-image: url(/shared/svg/icons_insta.svg);
}

@media screen and (min-width: 757px), print {
	.socialBtnArea {
		margin: 0 auto;
	}

	.socialBtnArea .sectionBody__pc-780 {
		padding: 25px 0 20px;
	}

	ul.socialBtn li a:hover {
		opacity: 0.5;
	}

	.socialBtnArea .titStyle2 {
		margin: 0 0 10px;
	}

	.socialBtnArea ul.socialBtn li {
		width: 68px;
		height: 68px;
		margin: 0 20px;
		border-radius: 40px;
	}

	.socialBtnArea ul.socialBtn li a {
		width: 68px;
		height: 68px;
		background-size: 68px auto;
	}

	.nav__socialBtnArea ul.socialBtn li {
		width: 68px;
		height: 68px;
		margin: 0 12.5px;
		border-radius: 34px;
	}

	.nav__socialBtnArea ul.socialBtn li:first-child {
		margin: 0 12.5px 0 0;
	}

	.nav__socialBtnArea ul.socialBtn li:last-child {
		margin: 0 0 0 12.5px;
	}

	.nav__socialBtnArea ul.socialBtn li a {
		width: 68px;
		height: 68px;
		background-size: 68px auto;
	}
}

@media screen and (max-width: 756px) {
	.moreContent__contentArea > .bodyAreaBg.socialBtnArea .sectionBody__sp,
	.socialBtnArea .sectionBody__sp {
		    padding: 15px 15px 5px;
	}

	.socialBtnArea .titStyle2 {
		margin: 0 0 5px;
		font-size: 16px;
	}

	.socialBtnArea ul.socialBtn li {
		width: 51px;
		height: 51px;
		margin: 0 20px;
		border-radius: 30px;
	}

	.socialBtnArea ul.socialBtn li a {
		width: 51px;
		height: 51px;
		background-size: 51px auto;
	}

	.nav__socialBtnArea {
		padding: 55px 0 0;
	}

	.nav__socialBtnArea ul.socialBtn {
		margin: 0 0 36px;
		text-align: center;
	}

	.nav__socialBtnArea ul.socialBtn li {
		width: 51px;
		height: 51px;
		margin: 0 10px 20px;
		border-radius: 25.1px;
	}

	.nav__socialBtnArea ul.socialBtn li a {
		width: 51px;
		height: 51px;
		background-size: 51px auto;
	}
}

/* nav
-------------------------------------------------- */
.nav__socialBtnArea .titStyle2,
.nav__mailArea .titStyle2 {
	text-align: center;
	font-weight: bold;
}

.nav__mailArea-form {
  /*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;
  /*--- IE10 ---*/
  /*--- safari（PC）用 ---*/
	display: flex;
}

.nav__mailArea-email,
.nav__mailArea-submit {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.nav__mailArea-email {
	background-color: #fff;
	box-shadow: none;
	vertical-align: middle;
}

.nav__mailArea-submit {
	color: #fff;
	text-align: center;
}

@media screen and (min-width: 980px), print {
	.nav__socialBtnArea,
  .nav__mailArea {
		width: 440px;
	}

	.nav__socialBtnArea {
		float: left;
	}

	.nav__mailArea {
		float: right;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	.nav__socialBtnArea,
  .nav__mailArea {
		width: 100%;
	}

	.nav__socialBtnArea {
		padding-top: 54px;
		text-align: center;
	}

	.nav__socialBtnArea .titStyle2 {
		margin: 0 0 26px;
	}

	.nav__mailArea {
		margin: 0 0 51px;
	}

	.nav__mailArea-form {
		width: 440px;
		margin: 0 auto;
	}
}

@media screen and (min-width: 757px), print {
	.nav__socialBtnArea {
		margin: 0 0 51px;
	}

	.nav__socialBtnArea .titStyle2,
  .nav__mailArea .titStyle2 {
		margin: 54px 0 26px;
		font-size: 24px;
		line-height: 1.5;
	}

	.nav__mailArea-form {
		font-size: 18px;
	}

	.nav__mailArea-email {
		width: calc(100% - 100px);
		height: 60px;
		padding: 21px 26px;
		font-size: 18px;
		line-height: 1;
		border-radius: 30px 0 0 30px;
		border: 0;
	}

	.nav__mailArea-submit {
		width: 100px;
		height: 60px;
		line-height: 60px;
		font-size: 18px;
		font-weight: bold;
		border-radius: 0 30px 30px 0;
		background-color: #000;
		border: 0;
		transition: background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1), background-image 0.5s cubic-bezier(0.23, 1, 0.58, 1);
	}

	.nav__mailArea-submit:hover {
		background-color: #555;
	}
}

@media screen and (max-width: 756px) {
	.nav__socialBtnArea,
  .nav__mailArea {
		width: 100%;
	}

	.nav__mailArea {
		padding: 20px 30px 40px;
		margin-bottom: 56px;
		border-radius: 10px;
		background-color: #fff;
	}

	.nav__socialBtnArea .titStyle2,
  .nav__mailArea .titStyle2 {
		margin: 0 0 24px;
		font-size: 20px;
		line-height: 1.5;
	}

	.nav__mailArea-email {
		width: calc(100% - 70px);
		height: 50px;
		padding: 13px 20px;
		border-width: 1px;
		border-color: #000;
		border-style: solid;
		border-radius: 25px 0 0 25px;
    /*iOS対策
		font-size: 14px;*/
		font-size: 16px;
    /*iOS対策*/
		line-height: 1.5;
	}

	.nav__mailArea-submit {
		width: 70px;
		height: 50px;
		padding: 13px 0;
		font-size: 16px;
		line-height: 1.5;
		border-width: 1px;
		border-color: #000;
		border-style: solid;
		border-radius: 0 25px 25px 0;
		background-color: #000;
		font-weight: bold;
	}
}

/* popup
-------------------------------------------------- */
.popup {
	position: fixed;
	bottom: 0;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
	visibility: hidden;
}

.popup dt {
	cursor: pointer;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.popup dt.open,
.popup dd {
	color: #000;
	background-color: #fff;
	position: relative;
}

.popup dt.open:before {
	content: "";
	display: block;
	position: absolute;
	background-image: url(/shared/svg/icons_close_popup.svg);
	background-repeat: no-repeat;
	opacity: 0.245;
}

@media screen and (min-width: 757px), print {
	.popup {
		width: 440px;
		right: 21px;
		z-index: 11;
		border-radius: 10px 10px 0 0;
	}

	.popup dt {
		padding: 17px 0 16px;
		font-size: 24px;
		border-radius: 10px 10px 0 0;
		background-color: #e35700;
		transition: background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1);
	}

	.popup dt:hover {
		background-color: #f06610;
	}

	.popup dt.open:before {
		width: 20px;
		height: 20px;
		right: 20px;
		top: 50%;
		margin-top: -10px;
		background-size: 20px 20px;
		transition: opacity 0.25s cubic-bezier(0.23, 1, 0.58, 1);
	}

	.popup dt.open:hover {
		background-color: #fff;
	}

	.popup dt.open:hover:before {
		opacity: 1;
	}
}

@media screen and (max-width: 756px) {
	.popup-overlay {
		position: fixed;
		z-index: 8;
		top: 0;
		left: 0;
		display: none;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		cursor: pointer;
	}

	.popup-open .popup-overlay {
		display: block;
	}

	.popup {
		width: calc(100% - 15px);
		margin: 0 7.5px;
		z-index: 2;
		border-radius: 10px 10px 0 0;
	}

	.popup dt {
		padding: 12px 0 11px;
		font-size: 18px;
		border-radius: 10px 10px 0 0;
		background-color: #e35700;
	}

	.popup dt.open {
		background-size: 13px auto;
		background-position: calc(100% - 15px) center;
	}

	.popup dt.open:before {
		width: 13px;
		height: 13px;
		right: 15px;
		top: 50%;
		margin-top: -6.5px;
		background-size: 13px auto;
	}

	.popup-open .popup {
		z-index: 11;
	}

	body.popup-open {
		overflow: hidden;
		height: 100%;
	}
}

/* supportArea
-------------------------------------------------- */
.supportArea__tab {
	margin: 0;
	background-color: #edead7;
	position: relative;
}

@media screen {
	.supportArea__tab {
    /*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
	}
}

.supportArea__tab:before {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	border-style: solid;
	border-color: #edead7;
}

.supportArea__tab li {
	width: 50%;
	margin: 0;
	text-align: center;
	cursor: pointer;
	color: #000;
	background-color: #edead7;
	display: block;
	font-weight: bold;
}

.supportArea__tab li:before {
	display: none;
}

.supportArea__tab li.current {
	color: #e37a2c;
	background-color: #fff;
}

.supportArea__tab li small {
	display: block;
}

.nav_support_titStyle1,
.nav_support_bodyAreaBg .sectionBody__pc-780 > p,
.nav_support_bodyAreaBg .sectionBody__sp > p {
	color: #fff;
}

.ifsupport {
	display: none;
}

.ifsupport.checked {
	display: block;
}

.author__image,
.supportArea__image {
	border: 1px solid #d4d4d4;
}

@media screen {
	.author__image,
  .supportArea__image {
		overflow: hidden;
    /*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
    /*--- Androidブラウザ用 ---*/
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: center;
	}

	.author__image img,
  .supportArea__image img {
		width: 100%;
		height: auto;
		-o-object-fit: cover;
		object-fit: cover;
		font-family: 'object-fit: cover; object-position: 50% 50%;';
    /*--- object-fit-images ---*/
	}
}

.supportArea__image img {
	min-height: 175px;
}

.supportArea__image strong {
	font-weight: bold;
}

.supportArea__content input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.supportArea__content ul {
	margin: 0;
}

@media screen {
	.supportArea__content ul {
    /*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
	}
}

@media print {
	.supportArea__content ul:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden;
	}

	.supportArea__content ul li {
		float: left;
	}
}

.supportArea__content ul li {
	width: calc(100% / 3);
}

.supportArea__content ul li:before {
	display: none;
}

.supportArea__content ul.supportArea__submit li {
	width: 100%;
}

.supportArea__content ul li input[type="radio"] {
	display: none;
	margin: 0;
}

.supportArea__content ul li input[type="radio"] + label {
	text-align: center;
	display: block;
	font-weight: bold;
	color: #e37a2c;
}

.supportArea__content ul li input[type="radio"] + label .num {
	font-family: 'WWF';
}

.supportArea__content ul li input[type="radio"]:checked + label {
	color: #fff;
	background-color: #e37a2c;
}

.supportArea__content ul li input[type="submit"] {
	text-align: center;
	display: block;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.support-once__cv li a {
	color: #fff;
}

.support-once__cv li a[target="_blank"] span {
	padding: 0;
	background: none;
}

@media screen and (min-width: 757px), print {
	.supportArea__content ul li input[type="radio"] + label {
		position: relative;
		z-index: 3;
	}

	.supportArea__content ul li input[type="radio"] + label span.animation {
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		transform: translatez(0);
		opacity: 1;
		margin: auto;
		transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);
		background-color: #f0f0f0;
	}

	.supportArea__content ul li input[type="radio"]:checked + label span.animation {
		transition: none;
		background-color: transparent;
	}

	.supportArea__content ul li input[type="radio"] + label:hover span.animation {
		width: 70%;
		height: 70%;
		opacity: 0;
	}

	.supportArea__content ul.supportArea__submit {
		padding: 10px 0 0;
	}

	.supportArea__content ul.supportArea__submit li {
		overflow: hidden;
		display: block;
		position: relative;
		border-radius: 40px;
	}

	.supportArea__content ul.supportArea__submit li span {
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		border-radius: 40px;
		z-index: 1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.supportArea__content ul.supportArea__submit li span.frame {
		border: 1px solid #e35700;
	}

	.supportArea__content ul.supportArea__submit li span.animation {
		transform: translatez(0);
		opacity: 1;
		margin: auto;
		transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);
		background-color: #e35700;
	}

	.supportArea__content ul li input[type="submit"] {
		color: #fff;
		background-color: transparent;
		border: 0;
		position: relative;
		z-index: 3;
	}

	.supportArea__content ul li input[type="submit"]:hover {
		color: #e35700;
	}

	.supportArea__content ul li input[type="submit"]:hover + span.animation {
		width: 70%;
		height: 70%;
		opacity: 0;
	}

	.nav_support_bodyAreaBg {
		padding: 71px 0 40px;
	}

	.nav_support_titStyle1 {
		margin: 0 0 30px;
		font-size: 40px;
		line-height: 1.4;
	}

	.nav_supportArea {
		margin: 41px 0 40px;
		padding: 0;
		background-color: #fff;
		border-radius: 10px;
		font-size: 26px;
		position: relative;
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
	}

	.nav_supportArea:before {
		content: '';
		width: 0;
		height: 0;
		position: absolute;
		border-style: solid;
		border-color: #edead7;
		border-width: 8px 10px 8px 10px;
		border-bottom-color: transparent;
		border-top-color: transparent;
		border-left-color: transparent;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -8px;
		margin-left: -16px;
	}

	.nav_supportArea .ifsupport {
		width: 50%;
		padding: 20px;
	}

	.nav_supportArea .supportArea__image,
  .nav_supportArea .supportArea__image figure {
		width: 100%;
		height: 175px;
		margin: 0 0 34px;
	}

	.nav_supportArea .supportArea__title {
		width: 100%;
		margin: 0 0 20px;
		font-size: 30px;
		line-height: 1.26;
		font-weight: bold;
		text-align: center;
	}

	.nav_supportArea p {
		width: 100%;
		margin: 0;
		font-size: 18px;
		line-height: 1.777;
		text-align: center;
	}

	.nav_supportArea .supportArea__choose {
		width: 50%;
		padding: 20px;
		border-radius: 0 10px 10px 0;
		background: #edead7;
	}

	.nav_supportArea .supportArea__tab {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.nav_supportArea .supportArea__tab li {
		padding: 10px 0 22px;
		font-size: 26px;
		border-radius: 5px 5px 0 0;
		transition: color 0.25s cubic-bezier(0.23, 1, 0.58, 1);
	}

	.nav_supportArea .supportArea__tab li small {
		font-size: 18px;
		line-height: 0.8;
	}

	.supportArea__tab li:hover {
		color: #e37a2c;
	}

	.nav_supportArea .supportArea__contents {
		width: 100%;
		margin: 0;
		padding: 0;
		background: #fff;
	}

	.nav_supportArea .supportArea__content {
		padding: 40px 13.5px 13px;
		background: #fff;
	}

	.nav_supportArea .supportArea__content ul {
		padding: 0;
		margin: 0 0 27px;
	}

	.nav_supportArea .supportArea__content ul li {
		padding: 0 6.5px 13px;
		margin: 0;
	}

	.nav_supportArea .supportArea__content ul li input[type="radio"] + label {
		padding: 10px 0 18px;
		line-height: 1;
		border-radius: 30px;
	}

	.nav_supportArea .supportArea__content ul li input[type="radio"] + label span.animation {
		border-radius: 30px;
	}

	.nav_supportArea .supportArea__content ul li input[type="radio"] + label .num {
		font-size: 32px;
		font-weight: normal;
	}

	.nav_supportArea .supportArea__content ul li input[type="radio"] + label:hover {
		color: #fff;
		background-color: #e37a2c;
	}

	.nav_supportArea .supportArea__content ul.supportArea__submit li {
		width: 310px;
		margin: 0 auto;
		padding: 0;
		border-radius: 35px;
	}

	.nav_supportArea .supportArea__content ul li input[type="submit"] {
		width: 100%;
		padding: 20px 0;
		font-size: 30px;
		line-height: 1;
		border-radius: 35px;
	}

	.popup .supportArea__content ul.support-once__cv {
		padding: 0;
	}

	.popup ul.btn.support-once__cv li {
		width: 250px;
		margin: 0 auto;
	}

	.support-once__cv li a {
		width: 250px;
		padding: 18px 0;
		margin-bottom: 0;
		font-size: 24px;
		line-height: 1;
		font-weight: bold;
		display: block;
		overflow: hidden;
		position: relative;
		border-radius: 40px;
	}

	.support-once__cv li a:hover,
  .support-once__cv li a:active {
		color: #e37a2c;
	}

	.support-once__cv li a:after,
  .support-once__cv li a[target="_blank"]:after {
		content: "";
		display: block;
		position: absolute;
		border-radius: 40px;
		z-index: 1;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border: 1px solid #e37a2c;
	}

	.support-once__cv li a[target="_blank"]:after {
		margin: 0;
	}

	.support-once__cv li a[target="_blank"]:hover span {
		background-image: none;
	}

	.support-once__cv li a:before {
		content: "";
		display: block;
		position: absolute;
		border-radius: 40px;
		z-index: 1;
		transform: translatez(0);
		width: 100%;
		height: 100%;
		opacity: 1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);
		background-color: #e37a2c;
	}

	.support-once__cv li a:hover:before,
  .support-once__cv li a:active:before {
		width: 70%;
		height: 70%;
		opacity: 0;
	}

	.support-once__cv a span {
		position: relative;
		z-index: 3;
	}

	.popup .supportArea__image {
		width: 400px;
		height: 104px;
		margin: 0 auto;
	}

	.popup .ifsupport p {
		margin: 0 20px 24px;
		font-size: 16px;
		line-height: 1.75;
		text-align: center;
	}

	.popup .ifsupport .supportArea__title {
		font-size: 20px;
		margin: 15px auto 5px;
		text-align: center;
	}

	.popup .supportArea__tab {
		padding: 15px 20px 0;
		margin: 0;
	}

	.popup .supportArea__tab:before {
		border-width: 12px 13px;
		border-top-color: transparent;
		border-right-color: transparent;
		border-left-color: transparent;
		position: absolute;
		top: -22px;
		left: 50%;
		margin-left: -13px;
	}

	.popup .supportArea__tab li {
		margin: 0;
		padding: 15px 0 16px;
		font-size: 20px;
		line-height: 1.4;
		border-radius: 5px 5px 0 0;
		transition: color 0.25s cubic-bezier(0.23, 1, 0.58, 1);
	}

	.popup .supportArea__tab li:before {
		display: none;
	}

	.popup .supportArea__tab li small {
		font-size: 14px;
	}

	.popup .supportArea__content {
		padding: 29px 20px 24px;
	}

	.popup .supportArea__content ul {
		padding: 0 0 22px;
		margin: 0;
	}

	.popup .supportArea__content ul li {
		border-radius: 30px;
	}

	.popup .supportArea__content ul.supportArea__submit {
		padding: 0;
	}

	.popup ul.btn li {
		padding: 0;
		margin: 0 4px 8px;
	}

	.popup .supportArea__content ul li input[type="radio"] + label {
		padding: 8px 0 13px;
		line-height: 1;
		border-radius: 25px;
	}

	.popup .supportArea__content ul li input[type="radio"] + label span.animation {
		border-radius: 25px;
	}

	.popup .supportArea__content ul li input[type="radio"] + label .num {
		font-size: 28px;
		font-weight: normal;
	}

	.popup .supportArea__content ul li input[type="radio"] + label:hover {
		color: #fff;
		background-color: #e37a2c;
	}

	.popup .supportArea__content ul.supportArea__submit li {
		width: 250px;
		margin: 0 auto;
	}

	.popup .supportArea__content ul.supportArea__submit li input[type="submit"] {
		width: 100%;
		font-size: 24px;
		padding: 18px 0;
		line-height: 1;
	}

	.nav_supportArea .supportArea__content ul.support-once__cv {
		margin: 0 0 27px;
		padding: 0;
	}

	.nav_supportArea .supportArea__content ul.support-once__cv li {
		width: 310px;
		margin: 0 auto;
		padding: 0;
	}

	.nav_supportArea .supportArea__content ul.support-once__cv li a {
		width: 100%;
		padding: 20px 0;
		font-size: 30px;
		line-height: 1;
		border-radius: 35px;
	}

	.nav_supportArea .supportArea__content ul.support-once__cv li a[target="_blank"] span {
		padding: 0;
		background: none;
	}
}

@media screen and (max-width: 756px) {
	.supportArea__content ul li input[type="submit"] {
		color: #fff;
		background-color: #e35700;
		border: 1px solid #e35700;
	}

	.nav_support_bodyAreaBg {
		padding: 54px 0 0;
	}

	.nav_support_titStyle1 {
		margin: 0 0 23px;
		font-size: 31px;
		line-height: 1.4032258;
	}

	.nav_supportArea {
		margin: 32px 0 40px;
		background-color: #fff;
		border-radius: 10px;
	}

	.nav_supportArea .ifsupport {
		padding: 7.5px 7.5px 0;
	}

	.nav_supportArea .supportArea__image,
  .nav_supportArea .supportArea__image figure {
		width: 100%;
		height: auto;
		margin-bottom: 13px;
		padding: 0;
		margin: 0 0 15.5px;
		border-radius: 5px 5px 0 0;
	}

	.nav_supportArea .supportArea__title {
		margin: 0 0 5px;
		font-size: 14px;
		line-height: 1.2857142;
		font-weight: bold;
		text-align: center;
	}

	.nav_support_bodyAreaBg .ifsupport > p {
		margin: 0 0 15px;
		font-size: 13px;
		line-height: 1.3846153;
		text-align: center;
	}

	.nav_supportArea .supportArea__tab {
		padding: 10px 7.5px 0;
		margin-bottom: 12px;
	}

	.nav_supportArea .supportArea__tab li {
		padding: 10px 0 11px;
	}

	.nav_supportArea .supportArea__contents {
		padding: 8px 10px 0;
	}

	.nav_supportArea .supportArea__content ul {
		padding: 0;
	}

	.nav_supportArea .supportArea__content ul li {
		padding: 0 5px 20px;
	}

	.nav_supportArea .supportArea__content ul li input[type="radio"] + label {
		padding: 5px 0 9px;
		border-radius: 20px;
		line-height: 1;
		background-color: #f0f0f0;
	}

	.nav_supportArea .supportArea__content ul li input[type="radio"]:checked + label {
		color: #fff;
		background-color: #e37a2c;
	}

	.nav_supportArea .supportArea__content ul li input[type="radio"] + label .num {
		font-size: 23px;
		font-weight: normal;
	}

	.nav_supportArea .supportArea__content ul li input[type="submit"] {
		width: 100%;
		font-size: 25px;
		line-height: 70px;
		border-radius: 35px;
	}

	.supportArea__image {
		width: 100%;
		padding: 0 7.5px;
		margin: 0 auto 16px;
	}

	.supportArea__image img {
		width: 100%;
		height: auto;
		max-height: 90px;
	}

	.popup .ifsupport p {
		margin: 0 7.5px 16px;
		font-size: 13px;
		line-height: 1.3846153;
		text-align: center;
	}

	.popup .ifsupport .supportArea__title {
		margin: 0 7.5px 16px;
		font-size: 14px;
		line-height: 1.2857142;
		text-align: center;
	}

	.popup .supportArea__tab {
		padding: 7.5px 7.5px 0;
	}

	.supportArea__tab:before {
		border-width: 6px 6.5px;
		border-top-color: transparent;
		border-right-color: transparent;
		border-left-color: transparent;
		position: absolute;
		top: -12px;
		left: 50%;
		margin-left: -6.5px;
	}

	.supportArea__tab li {
		font-size: 16px;
		line-height: 1.2;
		border-radius: 5px 5px 0 0;
	}

	.popup .supportArea__tab li {
		padding: 8px 0 11px;
	}

	.supportArea__tab li small {
		font-size: 10px;
	}

	.popup .supportArea__content {
		padding: 15px 7.5px 0;
	}

	.popup .supportArea__content ul {
		padding: 0 2.5px 5px;
	}

	.popup .supportArea__content ul li {
		padding: 0 5px 10px;
		margin: 0;
	}

	.popup .supportArea__content ul li input[type="radio"] + label {
		padding: 5px 0 9px;
		border-radius: 20px;
		line-height: 1;
		background-color: #f0f0f0;
	}

	.popup .supportArea__content ul li input[type="radio"]:checked + label {
		color: #fff;
		background-color: #e37a2c;
	}

	.popup .supportArea__content ul li input[type="radio"] + label .num {
		font-size: 23px;
		font-weight: normal;
	}

	.popup .supportArea__content ul li input[type="submit"] {
		width: 100%;
		padding: 15px 0;
		font-size: 20px;
		line-height: 1;
		border-radius: 25px;
	}

	.support-once__cv li a[target="_blank"]:after {
		display: none;
	}

	.nav_supportArea .supportArea__content ul.support-once__cv li,
  .popup .supportArea__content ul li {
		width: 100%;
		margin: 0;
		padding: 0 5px 10px;
	}

	.support-once__cv li a {
		width: 100%;
		line-height: 1;
		background-color: #e37a2c;
		border: 1px solid #e37a2c;
	}

	.nav_supportArea .supportArea__content ul.support-once__cv li a {
		padding: 0;
		font-size: 25px;
		line-height: 70px;
		margin-bottom: 0;
		border-radius: 35px;
	}

	.popup .support-once__cv li a {
		padding: 15px 0;
		font-size: 20px;
		margin-bottom: 0;
	}
}

/* bannerLink
-------------------------------------------------- */
@media screen and (min-width: 980px), print {
	ul.bannerLink li {
		width: 470px;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	ul.bannerLink li {
		width: calc(50% - 7.5px);
	}
}

@media screen and (min-width: 757px), print {
	ul.bannerLink {
		padding: 60px 0 20px;
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
		-ms-flex-wrap: wrap;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		flex-wrap: wrap;
		-ms-flex-align: flex-start;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		align-items: flex-start;
	}

	ul.bannerLink li {
		margin: 0 0 39px;
	}

	ul.bannerLink li .image {
		width: 100%;
		overflow: hidden;
	}

	ul.bannerLink li .caption {
		margin: 15px 0 0;
		font-size: 16px;
		line-height: 1.75;
	}

	ul.bannerLink li a:hover {
		background: none;
	}

	ul.bannerLink li a img {
		opacity: 1;
		transition: opacity 0.25s cubic-bezier(0.23, 1, 0.58, 1);
	}

	ul.bannerLink li a:hover img {
		opacity: 0.85;
	}
}

@media screen and (max-width: 756px) {
	ul.bannerLink {
		padding: 60px 0 20.5px;
	}

	ul.bannerLink li {
		width: 100%;
		margin: 0 0 27px;
	}

	ul.bannerLink li .image {
		width: 100%;
	}

	ul.bannerLink li .caption {
		margin: 16px 0 0;
		font-size: 16px;
		line-height: 1.75;
	}
}

/* bannerLink__bannerSize690
-------------------------------------------------- */
@media screen and (min-width: 980px), print {
	ul.bannerLink__bannerSize690 li {
		width: 286px;
	}

	ul.bannerLink__bannerSize690 li:nth-child(3n+2):last-child {
		margin-left: 60px;
		margin-right: auto;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	ul.bannerLink__bannerSize690 li {
		width: calc(33% - 10px);
	}

	ul.bannerLink__bannerSize690 li:nth-child(3n+2):last-child {
		margin-left: 15px;
		margin-right: auto;
	}
}

@media screen and (min-width: 757px), print {
	ul.bannerLink__bannerSize690 {
		padding: 20px 0;
	}

	ul.bannerLink__bannerSize690 li {
		margin: 0 0 60px;
	}
}

@media screen and (max-width: 756px) {
	ul.bannerLink__bannerSize690 {
		padding: 20px 0;
	}

	ul.bannerLink__bannerSize690 li {
		width: 100%;
		margin: 0 0 28.5px;
	}
}

/* listLinkBox
-------------------------------------------------- */
ul.listLinkBox {
	padding: 0;
	margin: 0;
}

ul.listLinkBox > li {
	border-radius: 10px;
	background-color: #fff;
}

ul.listLinkBox > li:before {
	display: none;
}

ul.listLinkBox .titStyle2_logo,
ul.listLinkBox .txt {
	display: block;
}

ul.listLinkBox .titStyle2_logo {
	font-weight: bold;
}

ul.listLinkBox .btn li,
ul.listLinkBox .btn li a {
	max-width: 100%;
}

ul.listLinkBox .btn:last-child li a {
	margin: 0;
}

@media screen and (min-width: 980px), print {
	ul.listLinkBox__pc-470 > li {
		width: 470px;
	}

	ul.listLinkBox__pc-286 > li {
		width: 286px;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	ul.listLinkBox__pc-470 > li {
		width: calc(50% - 7.5px);
	}

	ul.listLinkBox__pc-286 > li {
		width: calc(33% - 10px);
	}
}

@media screen and (min-width: 757px), print {
	.sectionBody__listLinkBox {
		padding-top: 60px;
	}

	ul.listLinkBox {
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
		-ms-flex-wrap: wrap;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		flex-wrap: wrap;
		-ms-flex-align: flex-start;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		align-items: flex-start;
	}

	ul.listLinkBox > li {
		padding: 25px;
		margin: 0 0 60px;
	}

	ul.listLinkBox__pc-286 > li {
		position: relative;
		padding: 25px 25px calc(1.4rem * 1.75 + 51px);
	}

	ul.listLinkBox__pc-286 > li:nth-child(3n+2):last-child {
		margin-left: 60px;
		margin-right: auto;
	}

	ul.listLinkBox__pc_p-next {
		padding: 9px 0 0;
	}

	ul.listLinkBox__pc-470 > li:first-child:last-child {
		margin: 0 auto 60px;
	}

	ul.listLinkBox .titStyle2_logo {
		padding: 94px 0 0;
		margin: 0 0 12px;
		font-size: 16px;
		background-size: 74px 74px;
	}

	ul.listLinkBox .txt {
		margin: 0 0 15px;
		font-size: 14px;
		line-height: 1.7857142;
	}

	ul.listLinkBox__pc-286 > li .btn {
		width: calc(100% - 50px);
		position: absolute;
		left: 25px;
		bottom: 25px;
	}

	ul.listLinkBox > li .btn.cv {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	ul.listLinkBox .btn li a {
		font-size: 14px;
	}
}

@media screen and (max-width: 756px) {
	.sectionBody__listLinkBox {
		padding-top: 40px;
	}

	ul.listLinkBox > li {
		width: 100%;
		padding: 40px 32px;
		margin: 0 0 40px;
	}

	ul.listLinkBox .titStyle2_logo {
		padding: 126px 0 0;
		margin: 0 0 18px;
		font-size: 20px;
		background-size: 90px 90px;
	}

	ul.listLinkBox .titStyle2_logo.titStyle2_icons_member,
  ul.listLinkBox .titStyle2_logo.titStyle2_icons_donation {
		font-size: 25px;
	}

	ul.listLinkBox .txt {
		margin: 0 0 19px;
		font-size: 16px;
		line-height: 1.75;
	}

	ul.listLinkBox .btn li a {
		font-size: 14px;
	}
}

/* recommendation
-------------------------------------------------- */
.recommendation {
	text-align: center;
}

.recommendationList {
	margin: 0;
	padding: 0;
}

.recommendationList li {
	margin: 0;
}

.recommendationList li:before {
	display: none;
}

.recommendationList li a {
	margin: 0;
	background: #fff;
}

@media screen {
	.recommendationList li a {
    /*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
    /*--- Androidブラウザ用 ---*/
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
		-ms-flex-wrap: wrap;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		flex-wrap: wrap;
    /*--- Androidブラウザ用 ---*/
		-ms-flex-align: center;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		align-items: center;
	}
}

.recommendationList a {
	color: #000;
	text-decoration: none;
}

@media screen {
	.recommendationList .image figure {
		overflow: hidden;
    /*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
    /*--- Androidブラウザ用 ---*/
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: center;
	}
}

.recommendationList .image.no-image {
	background: url(/shared/svg/icons_logo.svg) center center no-repeat;
	border: 1px solid #d4d4d4;
}

.recommendationList .text p {
	margin-bottom: 0;
}

.recommendationList .text p.title {
	font-weight: bold;
}

.recommendationList .link {
	margin-bottom: 0;
	text-align: left;
}

.recommendationList .link li {
	margin-bottom: 0;
}

.recommendationList a:link .link li,
.recommendationList a:visited .link li {
	color: #2889d4;
}

.recommendationList .link li {
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
}

@media screen and (min-width: 980px), print {
	.recommendationList li {
		width: 780px;
		margin: 0 41px;
	}

	.recommendationList li a {
		width: 780px;
	}

	.recommendationList .image,
  .recommendationList .image figure {
		width: 360px;
	}

	.recommendationList .text {
		width: 320px;
	}

	.slick-prev {
		margin-left: -474px;
	}

	.slick-next {
		margin-right: -474px;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	.recommendationList li {
		width: 680px;
		margin: 0 10px;
	}

	.recommendationList li a {
		width: 680px;
	}

	.recommendationList .image,
  .recommendationList .text {
		width: calc(50% - 7.5px);
	}

	.recommendationList .image figure {
		width: 100%;
	}

	.slick-prev {
		margin-left: -50%;
	}

	.slick-next {
		margin-right: -50%;
	}
}

@media screen and (min-width: 757px), print {
	.recommendation {
		padding: 1px 0 57px;
	}

	.recommendationList {
		margin: 44px 0 0;
	}

	.recommendationList li a {
		padding: 20px 40px 20px 20px;
		border-radius: 10px;
	}

	.recommendationList a .link li {
		background-size: 20px 20px;
		transition: background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1), color 0.25s cubic-bezier(0.23, 1, 0.58, 1);
		position: relative;
	}

	.recommendationList a .link li::before,
  .recommendationList a .link li::after {
		content: '';
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		background-position: center right;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		left: 0;
	}

	.recommendationList a .link li::before {
		background-image: url(/shared/svg/icons_link.svg);
		z-index: 8;
		display: block;
	}

	.recommendationList a .link li::after {
		background-image: url(/shared/svg/icons_link_hover.svg);
		z-index: 1;
		display: none;
	}

	.recommendationList a:hover .link li::before {
		-webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;
		-ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;
		animation: crossfadeOff 0.25s linear 0s 1 forwards;
	}

	.recommendationList a:hover .link li::after {
		display: block;
	}

	.recommendationList .image {
		height: 240px;
		overflow: hidden;
	}

	.recommendationList .image figure {
		height: 240px;
	}

	.recommendationList .text p {
		margin-bottom: 4px;
		font-size: 16px;
		line-height: 1.75;
	}

	.recommendationList .text p.title {
		margin-bottom: 6px;
		font-size: 24px;
	}

	.recommendationList .link {
		font-size: 18px;
	}

	.recommendationList a:hover .link li,
  .recommendationList a:active .link li {
		color: #169aff;
	}

	.recommendationList .link li {
		width: auto;
		padding-left: 32px;
		background-size: 22px 22px;
		background-position: 0 5px;
	}

	.slick-prev, .slick-next {
		width: 82px;
		height: 42px;
		position: absolute;
		top: 118px;
		margin-top: 0;
		z-index: 1;
	}

	.slick-prev {
		left: 50%;
	}

	.slick-next {
		right: 50%;
	}

	.slick-prev:before,
  .slick-next:before {
		content: '';
		width: 100%;
		height: 42px;
		font-family: none;
		background-image: url(/shared/svg/icons_arrow.svg);
		background-size: 24px 42px;
		background-repeat: no-repeat;
		opacity: 1;
		display: block;
		background-position: 30px 0;
		transition: background-position 0.25s cubic-bezier(0.23, 1, 0.58, 1);
	}

	.slick-prev:before {
		transform: rotate(180deg);
	}

	.slick-prev:hover:before,
  .slick-next:hover:before {
		background-position: 40px 0;
	}

	.slick-dots {
		margin-top: 7px;
		width: 780px;
	}

	.slick-dots li button:before {
		font-size: 14px;
		line-height: 12px;
		width: 12px;
		height: 12px;
	}
}

@media screen and (max-width: 756px) {
	.recommendation {
		padding: 1px 0 48px;
	}

	.recommendationList {
		margin: 53px 0 7px;
		padding: 0;
		overflow: hidden;
	}

	.recommendationList li {
		width: 292px;
		margin: 0 5px;
	}

	.recommendationList li:before {
		display: none;
	}

	.recommendationList li a {
		width: 100%;
		min-height: 397.5px;
		padding: 7px 9px 27.5px;
		border-radius: 10px;
		background-color: #fff;
	}

	.recommendationList li a .image {
		width: 100%;
		height: 182px;
		margin-bottom: 24px;
		overflow: hidden;
	}

	.recommendationList .image figure {
		width: 100%;
		height: 182px;
	}

	.recommendationList .text {
		margin: 0 6px;
	}

	.recommendationList .text p {
		margin-bottom: 6px;
		font-size: 16px;
		line-height: 1.75;
	}

	.recommendationList .text p.title {
		margin-bottom: 3px;
		font-size: 20px;
	}

	.recommendationList .link {
		margin: 0 5px;
		font-size: 14px;
	}

	.recommendationList .link li {
		width: auto;
		padding-left: 25px;
		background-size: 17px 17px;
		background-position: 0 2px;
		background-image: url(/shared/svg/icons_link.svg);
		background-repeat: no-repeat;
	}

	.slick-dots {
		margin-top: 8px;
		width: 78%;
		max-width: 292px;
	}

	.slick-dots li button:before {
		font-size: 14px;
		line-height: 12px;
		width: 12px;
		height: 12px;
	}
}

.recommendationList li.onlyOneColumn {
	margin: 0 auto;
}

.slick-dots {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	position: static;
	bottom: auto;
}

.slick-dots li {
	width: 12px;
	height: 12px;
	margin: 0 9px;
}

.slick-dots li button {
	width: 12px;
	height: 12px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.slick-dots li button:before {
	width: 12px;
	height: 12px;
	opacity: 1;
	color: #fff;
	line-height: 12px;
}

@media screen and (min-width: 757px), print {
	.slick-dots li:hover button:before {
		opacity: 0.5;
	}
}

.slick-dots li.slick-active button:before,
.slick-dots li.slick-active:hover button:before {
	opacity: 1;
}

/* pagerBox
-------------------------------------------------- */
ul.pagerBox__pager {
	padding: 0;
	list-style: none;
	background: url(/shared/images/2018/pagerBox__pager_bg.gif) top center repeat-y;
	display: table;
	position: relative;
}

ul.pagerBox__pager li {
	width: 50%;
	padding: 0;
	margin: 0;
}

ul.pagerBox__pager li a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}

ul.pagerBox__pager li.pagerBox__pager_prev {
	display: table-cell;
}

ul.pagerBox__pager li.pagerBox__pager_next {
	display: block;
	float: right;
}

ul.pagerBox__pager li.pagerBox__pager_prev + li.pagerBox__pager_next {
	display: table-cell;
	float: none;
}

ul.pagerBox__pager li.pagerBox__pager_prev a:before,
ul.pagerBox__pager li.pagerBox__pager_next a:before {
	content: '';
	width: 20px;
	height: 20px;
	background: url(/shared/svg/icons_link_f0f0f0.svg) center right no-repeat;
	background-size: 20px 20px;
	position: absolute;
	top: 50%;
	margin-top: -10px;
}

ul.pagerBox__pager li.pagerBox__pager_prev a:before {
	transform: rotate(180deg);
	left: 0;
}

ul.pagerBox__pager li:before {
	display: none;
}

ul.pagerBox__pager li.pagerBox__pager_next a:before {
	right: 0;
}

ul.pagerBox__pager li a:link,
ul.pagerBox__pager li a:visited {
	color: #000;
}

ul.pagerBox__pager li time {
	display: block;
	font-weight: bold;
}

@media screen and (min-width: 757px), print {
	ul.pagerBox__pager {
		width: 880px;
		margin: 60px auto;
	}

	ul.pagerBox__pager li {
		font-size: 16px;
		line-height: 1.5;
	}

	ul.pagerBox__pager li a:hover,
  ul.pagerBox__pager li a:active {
		color: #169aff;
	}

	ul.pagerBox__pager li.pagerBox__pager_prev a {
		padding: 0 40px 0 50px;
	}

	ul.pagerBox__pager li.pagerBox__pager_next a {
		padding: 0 50px 0 40px;
	}

	ul.pagerBox__pager li time {
		margin: 0 0 10px;
	}

	ul.pagerBox__pager li.pagerBox__pager_prev a::after,
  ul.pagerBox__pager li.pagerBox__pager_next a::after {
		content: '';
		width: 20px;
		height: 20px;
		background: url(/shared/svg/icons_link_hover.svg) center right no-repeat;
		background-size: 20px 20px;
		position: absolute;
		top: 50%;
		margin-top: -10px;
	}

	ul.pagerBox__pager li.pagerBox__pager_prev a::after {
		transform: rotate(180deg);
		left: 0;
	}

	ul.pagerBox__pager li.pagerBox__pager_next a::after {
		right: 0;
	}

	ul.pagerBox__pager li.pagerBox__pager_prev a::before,
  ul.pagerBox__pager li.pagerBox__pager_next a::before {
		z-index: 8;
	}

	ul.pagerBox__pager li.pagerBox__pager_prev a::after,
  ul.pagerBox__pager li.pagerBox__pager_next a::after {
		z-index: 1;
		display: none;
	}

	ul.pagerBox__pager li.pagerBox__pager_prev a:hover::before,
  ul.pagerBox__pager li.pagerBox__pager_next a:hover::before {
		-webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;
		-ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;
		animation: crossfadeOff 0.25s linear 0s 1 forwards;
	}

	ul.pagerBox__pager li.pagerBox__pager_prev a:hover::after,
  ul.pagerBox__pager li.pagerBox__pager_next a:hover::after {
		display: block;
	}

	ul.pagerBox__pager li:before {
		display: none;
	}

	ul.pagerBox__pager li.pagerBox__pager_next a:before {
		right: 0;
	}
}

@media screen and (max-width: 756px) {
	ul.pagerBox__pager {
		margin: 60px 15px;
	}

	ul.pagerBox__pager li {
		font-size: 16px;
		line-height: 1.5;
	}

	ul.pagerBox__pager li.pagerBox__pager_prev a {
		padding: 0 10.5px 0 35px;
	}

	ul.pagerBox__pager li.pagerBox__pager_next a {
		padding: 0 35px 0 10.5px;
	}

	ul.pagerBox__pager li time {
		margin: 0 0 7px;
		font-size: 12px;
	}
}

.detailsBody:before {
	content: '';
	border-radius: 100%;
	background: #f0f0f0;
	display: block;
}

@media screen and (min-width: 757px), print {
	.detailsBody {
		padding: 0 0 38px;
	}

	.detailsBody:before {
		width: 780px;
		height: 6px;
		margin: 0 auto 73px;
		border-radius: 3px;
	}

	.detailsBody h3,
  .detailsBody .titStyle2 {
		margin: 0 0 31px;
	}
}

@media screen and (max-width: 756px) {
	.detailsBody {
		padding: 0 0 52px;
		margin: 0;
	}

	.detailsBody:before {
		width: 100%;
		height: 5px;
		margin: 0 auto 74px;
		border-radius: 2.5px;
	}

	.detailsBody h3,
  .detailsBody .titStyle2 {
		margin: 0 0 27px;
	}
}

.color_16c1b6 {
	color: #16c1b6;
}

.rounded-corners .body {
	border: 1px solid #d4d4d4;
	border-radius: 10px;
}

.rounded-corners .bodyAreaBg {
	width: 100%;
	margin: 0;
}

.rounded-corners .twoIntoColumnsType p {
	font-size: 16px;
	line-height: 1.75;
}

.rounded-corners ul.listLinkType3 {
	margin: 0;
	padding: 0;
}

.rounded-corners ul.listLinkType3 li {
	width: 100%;
	border-top: 1px solid #d4d4d4;
}

.rounded-corners ul.listLinkType3 li:first-child {
	border-top: 0;
}

@media screen and (min-width: 757px), print {
	.rounded-corners {
		padding: 11px 0 10px;
		margin: 0 0 31px;
	}

	.rounded-corners .bodyAreaBg {
		padding: 32px 30px 4px;
	}

	.rounded-corners h3, .rounded-corners .titStyle2 {
		font-size: 24px;
		line-height: 1.5;
		margin: 0 0 26px;
	}

	.rounded-corners .twoIntoColumnsType2 .column {
		width: 344px;
		padding: 7px 0 6px;
	}

	.rounded-corners ul.listLinkType3 li {
		width: 100%;
	}

	.rounded-corners ul.listLinkType3 li a {
		padding: 29px 80px 22px 30px;
	}

	.rounded-corners ul.listLinkType3 li a::before,
  .rounded-corners ul.listLinkType3 li a::after {
		top: 50%;
		margin-top: -10px;
		right: 30px;
	}

	.rounded-corners ul.listLinkType3 li a p {
		margin: 0;
	}

	.rounded-corners ul.listLinkType3 time {
		position: static;
		left: auto;
		bottom: auto;
	}
}

@media screen and (max-width: 756px) {
	.rounded-corners {
		padding: 7px 0 6px;
		margin-bottom: 22.5px;
	}

	.rounded-corners .bodyAreaBg {
		padding: 35px 15px 10.5px;
	}

	.rounded-corners h3, .rounded-corners .titStyle2 {
		font-size: 20px;
		line-height: 1.5;
		margin: 0 0 28px;
	}

	.rounded-corners .twoIntoColumnsType2 .column {
		padding: 7px 0 6px;
		margin-bottom: 18px;
	}

	.rounded-corners ul.listLinkType3 li a,
  .rounded-corners ul.listLinkType3 li:first-child a {
		padding: 19px 15px 20px;
	}
}

/* faq
====================================== */
.faqBlock {
	margin-bottom: 35px;
}

.faq {
	border: 1px solid #d4d4d4;
	text-align: left;
	margin-bottom: 20px;
	border-radius: 8px;
}

.faq p {
	font-size: 16px;
}

.faq .accordion {
	cursor: pointer;
	padding: 15px 45px 15px 15px;
	width: 100%;
	border: 0;
	text-align: left;
	position: relative;
	background: url("/shared/svg/icons_more_close.svg") right 15px center no-repeat;
	background-size: 20px 20px;
	font-size: 16px;
	font-weight: bold;
}

.faq .accordion.on {
	background-image: url("/shared/svg/icons_more_opend.svg");
}

.faq .accordion span {
	display: block;
	position: relative;
	padding-left: 40px;
}

.faq .accordion span:before {
	position: absolute;
	content: 'Q';
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-top: -15px;
	left: 0px;
	top: 50%;
	background: #000000;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
}

.faq .accordion:focus {
	outline: 0;
}

.faq .accordion.active, .faq .accordion:hover {
  /*background-color: #ddd;*/
}

.faq .body {
	padding: 15px 15px 0;
	border-top: 1px dotted #d4d4d4;
}

.faq .body p {
	position: relative;
	line-height: 1.8;
}

@media only screen and (min-width: 980px) {
	.faqBlock {
		margin-bottom: 45px;
	}

	.faqSection {
		margin-bottom: 120px;
	}

	.faq .accordion {
		padding: 15px 60px 15px 20px;
		background: url("/shared/svg/icons_more_close.svg") right 20px center no-repeat;
		background-size: 20px 20px;
	}

	.faq .body {
		padding: 20px 20px 0;
	}
}

/* lineup
-------------------------------------------------- */
ul.lineup li {
	background-color: #f0f0f0;
}

ul.lineup li:before {
	display: none;
}

ul.lineup li dt {
	text-align: center;
}

ul.lineup li dt small {
	display: block;
}

@media screen and (min-width: 757px), print {
	ul.lineup {
		margin: 0 0 34px;
	}

	ul.lineup li dt {
		font-size: 24px;
		line-height: 1.58;
	}

	ul.lineup li dt small {
		font-size: 16px;
	}
}

@media screen and (max-width: 756px) {
	ul.lineup {
		margin: 0 0 25px;
	}

	ul.lineup li dt {
		font-size: 20px;
		line-height: 1.45;
	}

	ul.lineup li dt small {
		font-size: 14px;
	}
}

.lineupType1 li dt {
	color: #fff;
	font-weight: bold;
	background-color: #000;
	position: relative;
}

.lineupType1 li dt:after {
	content: '';
	border-style: solid;
	border-color: #000;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-left-color: transparent;
	position: absolute;
	left: 50%;
}

.lineupType1 li dt.lineupType1__dt-812a7a {
	background-color: #812a7a;
}

.lineupType1 li dt.lineupType1__dt-812a7a:after {
	border-top-color: #812a7a;
}

.lineupType1 li dt.lineupType1__dt-92642b {
	background-color: #92642b;
}

.lineupType1 li dt.lineupType1__dt-92642b:after {
	border-top-color: #92642b;
}

.lineupType1 li dt.lineupType1__dt-b38314 {
	background-color: #b38314;
}

.lineupType1 li dt.lineupType1__dt-b38314:after {
	border-top-color: #b38314;
}

.lineupType1 li dt.lineupType1__dt-6e9900 {
	background-color: #6e9900;
}

.lineupType1 li dt.lineupType1__dt-6e9900:after {
	border-top-color: #6e9900;
}

.lineupType1 li dt.lineupType1__dt-276f31 {
	background-color: #276f31;
}

.lineupType1 li dt.lineupType1__dt-276f31:after {
	border-top-color: #276f31;
}

.lineupType1 li dt.lineupType1__dt-478ed6 {
	background-color: #478ed6;
}

.lineupType1 li dt.lineupType1__dt-478ed6:after {
	border-top-color: #478ed6;
}

.lineupType1 li dt.lineupType1__dt-0c97c2 {
	background-color: #0c97c2;
}

.lineupType1 li dt.lineupType1__dt-0c97c2:after {
	border-top-color: #0c97c2;
}

.lineupType1 li dt.lineupType1__dt-c94969 {
	background-color: #c94969;
}

.lineupType1 li dt.lineupType1__dt-c94969:after {
	border-top-color: #c94969;
}

.lineupType1 li dt.lineupType1__dt-009c96 {
	background-color: #009c96;
}

.lineupType1 li dt.lineupType1__dt-009c96:after {
	border-top-color: #009c96;
}

.lineupType2 li {
	width: 100%;
	margin: 0;
}

.lineupType2 li .text {
	position: relative;
}

@media screen {
	.lineupType2 li .text {
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-webkit-justify-content: center;
		-ms-flex-align: center;
		align-items: center;
    /*上下中央*/
	}
}

.lineupType2 li .text:after {
	content: '';
	border-style: solid;
	border-color: #f0f0f0;
	border-top-color: transparent;
	position: absolute;
	top: 50%;
}

.lineupType2 dt {
	font-weight: bold;
}

.lineupType2__dt-812a7a {
	color: #812a7a;
}

.lineupType2__dt-92642b {
	color: #92642b;
}

.lineupType2__dt-b38314 {
	color: #b38314;
}

.lineupType2__dt-6e9900 {
	color: #6e9900;
}

.lineupType2__dt-276f31 {
	color: #276f31;
}

.lineupType2__dt-478ed6 {
	color: #478ed6;
}

.lineupType2__dt-0c97c2 {
	color: #0c97c2;
}

.lineupType2__dt-c94969 {
	color: #c94969;
}

.lineupType2__dt-009c96 {
	color: #009c96;
}

@media screen and (min-width: 757px), print {
	.lineupType1 {
		padding: 5px 0 0px;
    /*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
    /*--- Androidブラウザ用 ---*/
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
		-ms-flex-wrap: wrap;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		flex-wrap: wrap;
	}

	.lineupType1 li {
		width: calc(50% - 20px);
		margin-bottom: 40px;
	}

	.lineupType1 li:nth-child(2n) {
		margin-left: 20px;
	}

	.lineupType1 li:nth-child(2n+1) {
		margin-right: 20px;
	}

	.lineupType1 li:nth-child(2n):last-of-type,
  .lineupType1 li:nth-child(2n+1):last-of-type {
		margin-bottom: 0;
	}

	.lineupType1 li dt {
		padding: 16px 15px 12px;
	}

	.lineupType1 li dt:after {
		border-width: 15px 15px;
		bottom: -30px;
		margin-left: -15px;
	}

	.lineupType1 li dd {
		padding: 24px 22px;
	}

	.lineupType2 li {
    /*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
    /*--- Androidブラウザ用 ---*/
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
		-ms-flex-wrap: wrap;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		flex-wrap: wrap;
	}

	.lineupType2 li:nth-child(2n) {
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.lineupType2 li .text:after {
		border-width: 15px 15px;
		margin-top: -15px;
		border-bottom-color: transparent;
	}

	.lineupType2 li:nth-child(2n) .text:after {
		border-right-color: transparent;
		right: -30px;
	}

	.lineupType2 li:nth-child(2n+1) .text:after {
		border-left-color: transparent;
		left: -30px;
	}

	.lineupType2 li .image,
  .lineupType2 li .text {
		width: 50%;
	}

	.lineupType2 li .image img {
		min-height: 100%;
	}

	.lineupType2 li .text {
		padding: 56px 50px 53px;
	}

	.lineupType2 li dt {
		margin-bottom: 13px;
	}
}

@media screen and (max-width: 756px) {
	.lineupType1 li dt {
		padding: 13px 15px 9px;
	}

	.lineupType1 li dt:after {
		border-width: 10px 10px;
		bottom: -20px;
		margin-left: -10px;
	}

	.lineupType1 li dd {
		padding: 24px 22px;
	}

	.lineupType2 li .text {
		padding: 25px 30px 31px;
	}

	.lineupType2 li .text:after {
		border-width: 10px 10px;
		border-right-color: transparent;
		border-left-color: transparent;
		left: 50%;
		margin-left: -10px;
		top: -20px;
	}

	.lineupType2 li .image,
  .lineupType2 li .text {
		width: 100%;
	}

	.lineupType2 li .image figure {
		width: 100%;
		height: auto;
	}

	.lineupType2 figure figcaption {
		max-width: calc(50% - 20px);
	}

	.lineupType2 li dt {
		margin-bottom: 18px;
	}
}

.paymentMethod-threeColumnsType {
	overflow: hidden;
	max-width: 680px;
	margin: 0 auto;
}

.paymentMethod-threeColumnsType .column {
	width: 33.33%;
	float: left;
	text-align: center;
}

.paymentMethod-threeColumnsType .column .image {
	margin-bottom: 17px;
}

.paymentMethod-threeColumnsType .column .image img {
	width: 57px;
}

.paymentMethod-threeColumnsType .column p {
	text-align: center;
	line-height: 1.5;
}

@media screen and (min-width: 980px), print {
	.paymentMethod-threeColumnsType .column .image {
		margin-bottom: 25px;
	}

	.paymentMethod-threeColumnsType .column .image img {
		width: 76px;
	}
}

/* staffArea
-------------------------------------------------- */
@media screen and (min-width: 980px), print {
	.staffArea .twoColumnsType .column {
		width: 349px;
		margin-right: 40px;
	}

	.staffArea .twoColumnsType .columnEnd {
		width: 391px;
		margin-right: 0;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	.staffArea .twoColumnsType .column,
  .staffArea .twoColumnsType .columnEnd {
		width: calc(50% - 7.5px);
	}

	.staffArea .twoColumnsType .column {
		margin-right: 15px;
	}

	.staffArea .twoColumnsType .columnEnd {
		margin-right: 0;
	}
}

@media screen and (min-width: 757px), print {
	.staffArea .twoColumnsType .columnEnd .listLink {
		padding: 0 0 0 40px;
		border-left: 1px solid #d4d4d4;
	}

	.staffArea .author {
		font-size: 16px;
		font-weight: normal;
		margin: 0 0 5px;
	}

	.staffArea .author__name {
		font-size: 24px;
		font-weight: bold;
		padding: 10px 0 0;
	}

	.staffArea .author__image {
		width: 200px;
		height: 200px;
		margin: 0 auto 28px;
		overflow: hidden;
		border-radius: 100px;
	}

	.staffArea p {
		font-size: 16px;
		line-height: 1.75;
		margin-bottom: 18px;
	}

	.staffArea .titStyle3 {
		margin: -5px 0 29px;
	}
}

@media screen and (max-width: 756px) {
	.staffArea {
		padding: 0 0 38.5px;
	}

	.staffArea .twoColumnsType .column,
  .staffArea .twoColumnsType .columnEnd {
		width: 100%;
	}

	.staffArea .author__image {
		width: 150px;
		height: 150px;
		margin: 17px auto;
		overflow: hidden;
		border-radius: 75px;
	}

	.staffArea .author__image img {
		width: 150px;
		height: 150px;
		border-radius: 75px;
	}

	.staffArea .author {
		font-size: 13px;
		font-weight: normal;
		margin: 0 0 16px;
	}

	.staffArea .author__name {
		font-size: 20px;
		font-weight: bold;
		padding: 10px 0 0;
	}

	.staffArea p {
		font-size: 16px;
		line-height: 2;
		margin-bottom: 23px;
	}

	.staffArea .twoColumnsType .columnEnd {
		margin-top: 50px;
		padding: 36px 15px 15px;
		border: 1px solid #d4d4d4;
		border-radius: 10px;
	}

	.staffArea .twoColumnsType .columnEnd .titStyle3 {
		margin: 0 0 8px;
	}
}

@media screen and (max-width: 979px) {
	.staffblog .hr01 {
		margin: 33px -15px 60px;
	}
}

.staffblog-author__twoColumnsType {
	padding: 0;
	margin: 0;
	background-color: #fff;
}

.staffblog-author__name {
	text-align: center;
}

.staffblog-author__comment {
	background-color: #f0f0f0;
	border: 1px solid #d4d4d4;
	position: relative;
}

.staffblog-author__comment:before {
	content: '';
	display: block;
	position: absolute;
	border-style: solid;
	border-color: #d4d4d4;
}

.staffblog-author__comment:after {
	content: '';
	display: block;
	position: absolute;
	border-style: solid;
	border-color: #f0f0f0;
}

.staffblog-author__comment p:last-child {
	margin: 0;
}

@media screen and (min-width: 980px), print {
	.staffblog-author {
		margin: -11px 0 73px;
	}

	.staffblog-author__sectionBody {
		padding: 60px 0;
	}

	.staffblog-author__twoColumnsType {
		width: 980px;
		padding: 40px 100px 35px;
		border-radius: 20px;
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
		-ms-flex-align: flex-start;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		align-items: flex-start;
	}

	.staffblog-author__photo {
		width: 200px;
		margin: 0;
	}

	.staffblog-author__name {
		margin: 1px 0 0;
		font-size: 24px;
		font-size: 16px;
		font-weight: normal;
	}

	.staffblog-author__name .author__name {
		margin: 5px 0 0;
		padding: 0;
		font-size: 24px;
		font-weight: bold;
		display: block;
	}

	.staffblog-author__txt {
		width: 495px;
		padding-top: 3px;
		padding-left: 15px;
	}

	.staffblog-author__comment {
		margin: 24px 0 6px;
		padding: 23px 20px 22px;
	}

	.staffblog-author__comment:before {
		border-width: 15px;
		border-bottom-color: transparent;
		border-top-color: transparent;
		border-left-color: transparent;
		top: 50%;
		left: -30px;
		margin-top: -15px;
	}

	.staffblog-author__comment:after {
		border-width: 14px;
		border-bottom-color: transparent;
		border-top-color: transparent;
		border-left-color: transparent;
		top: 50%;
		left: -28px;
		margin-top: -14px;
	}
}

@media screen and (max-width: 979px) {
	.staffblog-author {
		margin: 0 0 56px;
		padding: 0;
	}

	.staffblog-author__sectionBody {
		padding: 20px 15px;
	}

	.staffblog-author__twoColumnsType {
		width: 100%;
		padding: 50px 25px 25px;
		border-radius: 10px;
	}

	.staffArea .staffblog-author__image {
		margin: 0 auto 17px;
	}

	.staffblog-author__name {
		margin: 0 0 18px;
		text-align: center;
		font-size: 13px;
		font-weight: normal;
	}

	.staffblog-author__name .author__name {
		margin-top: 7px;
		font-size: 20px;
		font-weight: bold;
	}

	.staffblog-author__txt p {
		font-size: 16px;
		line-height: 1.75;
	}

	.staffblog-author__comment {
		margin: 32px 0 0;
		padding: 23px 16px 21px;
	}

	.staffblog-author__comment:before {
		border-width: 10px;
		border-top-color: transparent;
		border-left-color: transparent;
		border-right-color: transparent;
		top: -20px;
		left: 50%;
		margin-left: -10px;
	}

	.staffblog-author__comment:after {
		border-width: 9px;
		border-top-color: transparent;
		border-left-color: transparent;
		border-right-color: transparent;
		top: -18px;
		left: 50%;
		margin-left: -9px;
	}
}

.staffblog-author__list > li:before {
	display: none;
}

.staffblog-author__list a {
	color: #000;
	text-decoration: none;
	display: block;
}

.staffblog-author__list ul.link {
	margin: 0;
}

.staffblog-author__list ul.link li {
	font-weight: bold;
	color: #2889d4;
}

@media screen and (min-width: 980px), print {
	.staffblog-author__list {
		width: 100%;
		padding: 13px 0 0;
		margin: 0 0 20px;
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
		-ms-align-items: flex-start;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		-ms-flex-align: start;
		align-items: flex-start;
		-ms-flex-wrap: wrap;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		flex-wrap: wrap;
	}

	.staffblog-author__list li {
		width: 294px;
		margin: 0 0 34px;
	}

	.staffblog-author__list li:nth-child(3n+2):last-child {
		margin-left: 60px;
		margin-right: auto;
	}

	.staffblog-author__list .staffblog-author__image {
		width: 150px;
		height: 150px;
		margin: 0 auto 23px;
		position: relative;
		overflow: hidden;
		border-radius: 75px;
	}

	.staffblog-author__list .staffblog-author__image img {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: -1;
		backface-visibility: hidden;
    /* 画面のちらつき対策 */
		-webkit-backface-visibility: hidden;
		transition: transform 0.5s ease-out;
		transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
	}

	.staffblog-author__list a:hover .staffblog-author__image img {
		transform: scale(1.075) rotate(0.001deg);
    /* IEでのアニメーションがカクつくためrotateの指定を入れ描画の処理をGPUで行う */
		transition: transform 2s ease-out;
		transition: transform 2s ease-out, -webkit-transform 2s ease-out;
	}

	.staffblog-author__list .staffblog-author__name {
		margin: 0 0 5px;
		font-size: 16px;
		font-weight: normal;
		display: block;
		text-align: center;
	}

	.staffblog-author__list .staffblog-author__name .author__name {
		margin: -2px 0 0;
		padding: 0;
		font-size: 24px;
		font-weight: bold;
		display: block;
	}

	.staffblog-author__list ul.link {
		padding: 7px 0 0;
		font-size: 18px;
	}

	.staffblog-author__list ul.link li {
		padding-left: 30px;
		transition: color 0.25s cubic-bezier(0.23, 1, 0.58, 1);
	}

	.staffblog-author__list ul.link li::before,
  .staffblog-author__list ul.link li::after {
		content: '';
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		background-repeat: no-repeat;
		position: absolute;
		top: 4px;
		left: 0;
	}

	.staffblog-author__list ul.link li::before {
		display: block;
		background-image: url(/shared/svg/icons_link.svg);
		z-index: 10;
	}

	.staffblog-author__list ul.link li::after {
		background-image: url(/shared/svg/icons_link_hover.svg);
		z-index: 1;
	}

	.staffblog-author__list a:hover ul.link li::before {
		-webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;
		-ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;
		animation: crossfadeOff 0.25s linear 0s 1 forwards;
	}

	.staffblog-author__list a:hover ul.link li {
		color: #169aff;
	}
}

@media screen and (max-width: 979px) {
	.staffblog-author__list {
		width: 100%;
		padding: 0;
		margin: -23px 0 -23.5px;
	}

	.staffblog-author__list li {
		padding: 23px 0 0;
		border-bottom: 1px solid #d4d4d4;
	}

	.staffblog-author__list li:last-child {
		border-bottom: 0;
	}

	.staffblog-author__list .staffblog-author__image {
		margin: 0 auto 16px;
	}

	.staffblog-author__list .staffblog-author__name {
		margin-bottom: 15px;
		font-size: 13px;
		font-weight: normal;
		display: block;
		text-align: center;
	}

	.staffblog-author__list .staffblog-author__name .author__name {
		padding: 10px 0 0;
		font-size: 20px;
		font-weight: bold;
	}

	.staffblog-author__list .staffblog-author__txt {
		line-height: 1.5;
	}

	.staffblog-author__list ul.link {
		padding: 10px 0 0;
		margin: 0 0 13px;
	}
}

@media screen and (min-width: 757px) and (max-width: 979px) {
	.staffblog-author__list ul.link li {
		padding-left: 31px;
	}

	.staffblog-author__list ul.link li::before {
		content: '';
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		background-repeat: no-repeat;
		display: block;
		background-image: url(/shared/svg/icons_link.svg);
		position: absolute;
		top: 27px;
		left: 0;
	}

	.staffblog-author__list ul.link li::after {
		display: none;
	}
}

@media screen and (max-width: 756px) {
	.staffblog-author__list ul.link li {
		padding-left: 31px;
	}

	.staffblog-author__list ul.link li::before {
		content: '';
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		background-repeat: no-repeat;
		display: block;
		position: absolute;
		top: 24px;
		left: 0;
		background-image: url(/shared/svg/icons_link.svg);
	}

	.staffblog-author__list ul.link li::after {
		display: none;
	}
}

.project-author__name small {
	padding: 0;
	font-weight: normal;
}

@media screen and (min-width: 980px), print {
	.project-author__twoColumnsType {
		width: 100%;
		margin: -8px 0 19px;
		padding: 0 0 35px;
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
		-ms-flex-pack: justify;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		justify-content: space-between;
		-ms-flex-align: flex-start;
    /*--- IE10用 ---*/
    /*--- safari（PC）用 ---*/
		align-items: flex-start;
	}

	.project-author__photo {
		width: 200px;
		padding: 11px 0 0;
		margin: 0;
	}

	.project-author__name {
		margin: -10px 0 0;
		font-size: 24px;
	}

	.project-author__name small {
		font-size: 16px;
	}

	.project-author__txt {
		width: 580px;
		padding-top: 3px;
		padding-left: 51px;
	}

	.project-author .staffblog-author__comment::before {
		top: 23px;
		margin-top: 0;
	}

	.project-author .staffblog-author__comment::after {
		top: 24px;
		margin-top: 0;
	}
}

@media screen and (max-width: 979px) {
	.project-author__twoColumnsType {
		margin: 54px 0 22px;
	}

	.project-author__name {
		margin: -6px 0 15px;
		font-size: 20px;
	}

	.project-author__name small {
		margin: 0 0 8px;
		font-size: 13px;
	}
}

@media screen and (min-width: 980px) {
	.activities-keyVisual__mainTitle {
		margin-top: -10px;
		margin-bottom: 31px;
	}

	.activities-keyVisual__txt {
		text-align: center;
	}
}

@media screen and (max-width: 979px) {
	.activities-keyVisual__mainTitle {
		margin-bottom: 25px;
	}

	.activities-keyVisual__txt {
		font-size: 19px;
		line-height: 1.7631578;
		margin-bottom: 31px;
	}
}

.activities__twoColumnsType1 .btn {
	line-height: 0;
}

.activities__twoColumnsType1 .btn li a {
	line-height: 1.75;
	margin: 0;
}

@media screen and (min-width: 980px) {
	.activities__contentsList.contentsList {
		margin: 72px 0 80px;
	}

	.activities__contentsList {
		width: 100%;
		display: -ms-flexbox;
    /*--- IE10 ---*/
    /*--- safari（PC）用 ---*/
		display: flex;
		border-left: 1px solid #d4d4d4;
	}

	.activities__contentsList li {
		-ms-flex-positive: 1;
		flex-grow: 1;
		text-align: center;
		border-right: 1px solid #d4d4d4;
	}

	.activities__contentsList.contentsList li {
		margin: 0;
	}

	.activities__twoColumnsType1 {
		margin: 80px 0;
		padding: 0;
		background: url(/shared/images/2018/pagerBox__pager_bg.gif) center repeat-y;
	}

	.sectionBody__pc-980 .twoColumnsType .activities__column {
		width: 450px;
		margin: 0 40px 0 0;
	}

	.sectionBody__pc-980 .twoColumnsType .activities__columnEnd {
		width: 450px;
		margin: 0 0 0 40px;
	}

	.activities__twoColumnsType1 .titStyle3 {
		margin: -8px 0 27px;
		font-size: 32px;
		line-height: 1.4375;
	}

	.activities__youtube {
		margin: 0 0 10px;
		padding: 5px 0 0;
	}

	.activities__youtube:last-child {
		margin: 0;
	}
}

@media screen and (max-width: 979px) {
	.activities__contentsList.contentsList {
		padding: 26px 17.5px 4px;
		margin: 0 0 30.5px;
		border: 10px solid #f0f0f0;
	}

	.activities__contentsList.contentsList li {
		margin: 0 0 19px;
	}

	.activities__twoColumnsType1 {
		margin-bottom: 43.5px;
	}

	.activities__twoColumnsType1 .titStyle3 {
		margin: 0 0 29px;
		font-size: 25px;
		line-height: 1.46;
	}

	.activities__youtube {
		margin: 0 0 15.5px;
		padding: 5px 0 0;
	}

	.activities__youtube:last-child {
		margin: 0 0 53px;
	}
}

.activities-image {
	width: 100%;
	color: #fff;
}

@media screen and (min-width: 980px) {
	.activities-image {
		position: relative;
	}

	.activities-image__climate .sectionBody__pc-980,
  .activities-image__wildlife .sectionBody__pc-980 {
		padding-right: 490px;
	}

	.activities-image__resource .sectionBody__pc-980,
  .activities-image__nature .sectionBody__pc-980 {
		padding-left: 490px;
	}

	.activities-image .inner {
		height: 495px;
		display: table-cell;
		vertical-align: middle;
	}

	.activities-image__why .inner {
		width: 980px;
		height: 462px;
	}

	.activities-image__tit {
		margin-top: 0;
		margin-bottom: 19px;
	}

	.activities-image__txt {
		margin-bottom: 26px;
	}

	.activities-image__climate .activities-image__tit {
		text-shadow: 0px 0px 23.76px rgba(60, 91, 122, 0.3);
	}

	.activities-image__climate .activities-image__txt {
		text-shadow: 0px 0px 23.76px rgba(39, 82, 118, 0.4);
	}

	.activities-image__nature .activities-image__tit {
		text-shadow: 0px 0px 23.76px rgba(25, 39, 39, 0.3);
	}

	.activities-image__nature .activities-image__txt {
		text-shadow: 0px 0px 23.76px rgba(37, 51, 55, 0.4);
	}

	.activities-image__why .activities-image__tit,
  .activities-image__why .activities-image__txt {
		text-align: center;
	}

	.activities-image .btn {
		text-align: left;
	}

	.activities-image__why .btn {
		text-align: center;
	}

	.activities-image .btn li {
		position: static;
	}

	.activities-image .btn li a {
		padding: 14px 0;
		margin-bottom: 0;
		color: #fff;
		background: none;
		position: relative;
	}

	.activities-image .btn li a:before {
		width: 70%;
		height: 70%;
		border-radius: 28px;
		background: #fff;
		transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);
		opacity: 0;
		z-index: -1;
	}

	.activities-image .btn li a:after {
		border-radius: 28px;
		border: 1px solid #fff;
	}

	.activities-image .btn li a:hover {
		color: #000;
	}

	.activities-image .btn li a:hover:before,
  .activities-image .btn li a:active:before {
		width: 100%;
		height: 100%;
		opacity: 1;
	}

	.activities-image__background {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
	}

	.activities-image__background .image {
		width: 100%;
		height: 100%;
	}

	.activities-image__background figure {
		width: 100%;
	}

	.activities-image__background img.imgExpansion {
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		transition: transform 0.5s ease-out;
		transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
	}

	.btn li a:hover + .activities-image__background img.imgExpansion {
		transform: scale(1.075) rotate(0.001deg);
		transition: transform 2s ease-out;
		transition: transform 2s ease-out, -webkit-transform 2s ease-out;
	}

	.activities-image:after {
		border-width: 20px 20px;
		margin-left: -20px;
	}
}

@media screen and (max-width: 979px) {
	.activities-image {
		margin-bottom: 47.5px;
		background-size: cover;
		background-position: center bottom;
		position: relative;
	}

	.activities-image__climate {
		background-image: url(/activities/images/top_climate_sp.jpg);
	}

	.activities-image__resource {
		background-image: url(/activities/images/top_resource_sp.jpg);
	}

	.activities-image__wildlife {
		background-image: url(/activities/images/top_wildlife_sp.jpg);
	}

	.activities-image__nature {
		background-image: url(/activities/images/top_nature_sp.jpg);
	}

	.activities-image__why {
		margin-bottom: 0;
		background-image: url(/activities/images/top_why_sp.jpg);
		background-position: center center;
	}

	.activities-image .sectionBody__sp {
		padding-top: 75px;
		padding-bottom: 240px;
	}

	.activities-image__why .sectionBody__sp {
		padding-bottom: 72px;
	}

	.activities-image__tit {
		margin-bottom: 24px;
		text-align: center;
	}

	.activities-image__txt {
		line-height: 1.75;
		margin-bottom: 28px;
	}

	.activities-image .btn li {
		position: static;
	}

	.activities-image .btn li a {
		padding: 11.5px 0 12.5px;
		margin: 0 auto;
		color: #fff;
		background: none;
		border: 1px solid #fff;
	}

	.activities-image__background .image {
		position: static;
	}

	.activities-image__background figure figcaption {
		width: 100%;
		bottom: 12px;
	}

	.activities-image__why .activities-image__background figure figcaption {
		bottom: 3px;
	}

	.activities-image:after {
		border-width: 10px 10px;
		margin-left: -10px;
	}
}

.activities-image:after {
	content: '';
	border-style: solid;
	border-color: #fff;
	border-top-color: transparent;
	border-right-color: transparent;
	border-left-color: transparent;
	position: absolute;
	left: 50%;
	bottom: 0;
}

.activities-image__why:after {
	display: none;
}

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
}

.refine_setting {
	padding: 20px 0;
}

.refine_setting dl {
	border: 1px solid #d4d4d4;
	border-radius: 10px;
}

.refine_setting dt {
	cursor: pointer;
	position: relative;
	font-weight: bold;
	background-color: #fff;
	border-radius: 10px;
}

.refine_setting dt.open {
	border-radius: 10px 10px 0 0;
}

.refine_setting dt:before, .refine_setting dt:after {
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
}

@media screen and (min-width: 980px) {
	.refine_setting dt:before, .refine_setting dt:after {
		right: 17px;
	}
}

@media screen and (max-width: 979px) {
	.refine_setting dt:before, .refine_setting dt:after {
		right: 15px;
	}
}

.refine_setting dt:before {
	background-image: url(/shared/svg/icons_more_opend.svg);
}

.refine_setting dt:after {
	background-image: url(/shared/svg/icons_more_close.svg);
}

.refine_setting dt.open:after {
	-webkit-animation: crossfadeOff 0.5s linear 0s 1 forwards;
	-ms-transition: crossfadeOff 0.5s linear 0s 1 forwards;
	animation: crossfadeOff 0.5s linear 0s 1 forwards;
}

.refine_setting dt.close:after {
	-webkit-animation: crossfadeOn 0.5s linear 0s 1 forwards;
	-ms-transition: crossfadeOn 0.5s linear 0s 1 forwards;
	animation: crossfadeOn 0.5s linear 0s 1 forwards;
}

@media screen and (min-width: 980px) {
	.refine_setting dt {
		transition: background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1);
	}

	.refine_setting dt:hover {
		color: #fff;
		background-color: #000;
	}
}

.refine_setting dd {
	border-top: 1px dotted #d4d4d4;
	display: none;
	background-color: #fff;
	border-radius: 0 0 10px 10px;
}

.refine_setting li:before {
	display: none;
}

@media screen and (min-width: 980px) {
	.refine_setting dt {
		padding: 15px 19px;
	}

	.refine_setting dd {
		padding: 10px 30px 40px;
	}
}

@media screen and (max-width: 979px) {
	.refine_setting dt {
		font-size: 16px;
		padding: 17px 15px;
	}

	.refine_setting dd {
		padding: 5px 15px 30px;
	}
}

.refine_setting input[type="radio"] {
	display: inline-block;
}

.refine_setting input[type="radio"] + label {
	position: relative;
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	font-size: 16px;
	line-height: 1.125;
}

.refine_setting__taglist {
	margin: 0;
	border-top: 1px dotted #d4d4d4;
}

.refine_setting__taglist:first-child {
	border-top: 0;
}

@media screen and (min-width: 980px) {
	.refine_setting__taglist {
		padding: 14px 0;
	}

	.refine_setting__taglist li {
		width: calc(100% / 3);
		margin-bottom: 4px;
		display: inline-block;
	}
}

@media screen and (max-width: 979px) {
	.refine_setting__taglist {
		padding: 19px 0 6px;
	}
}

.refine_setting__hr {
	width: 100%;
	height: 1px;
	padding: 0;
	margin: 30px 0 25px;
	background: #d4d4d4;
}

.refine_setting__yearmonth {
	text-align: center;
}

.refine_setting__yearmonth select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	background-color: #fff;
	background-image: url(/shared/images/2018/region-picker_select.png);
	background-repeat: no-repeat;
	border: 1px solid #d4d4d4;
}

.refine_setting__yearmonth li {
	margin: 0 7.5px 15px;
	text-align: left;
	display: inline-block;
}

@media screen and (min-width: 980px) {
	.refine_setting__yearmonth {
		margin: 0 0 5px;
	}

	.refine_setting__yearmonth select {
		height: 38px;
		padding: 0 41px 0 18px;
		font-size: 16px;
		line-height: 38px;
		background-size: 12px 21px;
		background-position: calc(100% - 15px) center;
		border-radius: 38px;
		opacity: 1;
	}
}

@media screen and (max-width: 979px) {
	.refine_setting__yearmonth {
		margin: 0 0 10px;
	}

	.refine_setting__yearmonth select {
		height: 50px;
		padding: 0 47px 0 20px;
		font-size: 16px;
		line-height: 50px;
		background-size: 12px 21px;
		background-position: calc(100% - 19px) center;
		border-radius: 25px;
	}
}

@media (min-width: 1px) {
	.refine_setting input[type="radio"] {
		display: none;
		margin: 0;
	}

	.refine_setting input[type="radio"]:checked + label::after {
		content: "";
		position: absolute;
		top: 50%;
		box-sizing: border-box;
		display: block;
	}

	.refine_setting input[type="radio"] + label::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		box-sizing: border-box;
		display: block;
		background: #ffffff;
	}

	.refine_setting input[type="radio"] + label::before {
		width: 20px;
		height: 20px;
		margin-top: -10px;
	}
}

@media screen and (min-width: 1px) and (min-width: 980px) {
	.refine_setting input[type="radio"] + label {
		padding: 0 0 0 29px;
		min-height: 20px;
	}
}

@media screen and (min-width: 1px) and (max-width: 979px) {
	.refine_setting input[type="radio"] + label {
		padding: 0 0 0 27px;
		line-height: 18px;
	}
}

@media (min-width: 1px) {
	.refine_setting input[type="radio"][disabled] {
		cursor: default;
	}

	.refine_setting input[type="radio"] + label {
		background: none;
	}

	.refine_setting input[type="radio"][disabled] + label {
		color: #999999;
		cursor: default;
	}

	.refine_setting input[type="radio"] + label::before {
		border-style: solid;
		border-color: #d4d4d4;
		border-width: 3px;
		border-radius: 20px;
	}

	.refine_setting input[type="radio"][disabled] + label::before {
		border-color: #999999;
	}

	.refine_setting input[type="radio"][disabled]:checked + label::before {
		border-color: #999999;
		background-color: #ffffff;
	}

	.refine_setting input[type="radio"]:checked + label::after {
		background: #16c1b6;
		margin-top: -5px;
		left: 5px;
		width: 10px;
		height: 10px;
		border-radius: 10px;
	}

	.refine_setting input[type="radio"][disabled]:checked + label::after {
		background: #999999;
	}
}

.refine_setting__submit li {
	margin: 0 auto;
}

.refine_setting__submit input[type="submit"] {
	text-align: center;
	display: block;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

@media screen and (min-width: 980px) {
	.refine_setting__submit {
		padding: 10px 0 0;
	}

	.refine_setting__submit li {
		width: 264px;
		padding: 0;
		overflow: hidden;
		display: block;
		position: relative;
	}

	.refine_setting__submit li span {
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		border-radius: 40px;
		z-index: 1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.refine_setting__submit li span.frame {
		border: 1px solid #000;
	}

	.refine_setting__submit span.animation {
		transform: translatez(0);
		opacity: 1;
		margin: auto;
		transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);
		background-color: #000;
	}

	.refine_setting__submit input[type="submit"] {
		width: 100%;
		font-size: 16px;
		padding: 20px 0;
		line-height: 1;
		color: #fff;
		background-color: transparent;
		border: 0;
		position: relative;
		z-index: 3;
	}

	.refine_setting__submit input[type="submit"]:hover {
		color: #000;
	}

	.refine_setting__submit input[type="submit"]:hover + span.animation {
		width: 70%;
		height: 70%;
		opacity: 0;
	}
}

@media screen and (max-width: 979px) {
	.refine_setting__submit input[type="submit"] {
		width: 235px;
		max-width: 100%;
		font-size: 14px;
		padding: 19px 0 17px;
		line-height: 1;
		color: #fff;
		background-color: #000;
		border-radius: 50px;
		border: 0;
	}
}

/* display-none
-------------------------------------------------- */

@media screen and (min-width: 980px) {
.PChidden {
    display: none;
}
}

@media screen and (max-width: 979px) {
.SPhidden {
    display: none;
}
}