@charset "UTF-8";
/*
* main.css
*
*/
/* ------------------------
  Base
------------------------ */
body {

	-webkit-font-smoothing: auto;
	-webkit-text-size-adjust: 100%;
	color: #555;
	font-size: 62.5%;
	        font-smoothing: auto; 
	line-height: 1.625;
	word-wrap: break-word;
}

a {
	color: #555;
}
a:hover img {
	opacity: 1;
}

a[href^="tel:"] {
	cursor: text; 
	text-decoration: none;
}

::-moz-selection {
	background-color: #59c0b2;
	color: #fff;
	text-shadow: none;
}

::selection {
	background-color: #59c0b2;
	color: #fff;
	text-shadow: none;
}

img {
	max-width: 100%;
}

/* ------------------------
  utilities Classes
------------------------ */
.u-saratect-hidden {
	display: none !important;
	visibility: hidden;
}

@media screen and (min-width: 1181px) {
	.u-saratect-hidden-sm {
		display: block !important;
		visibility: visible;
	}
}

@media screen and (min-width: 768px) and (max-width: 1180px) {
	.u-saratect-hidden-sm {
		display: block !important;
		visibility: visible;
	}
}

@media screen and (max-width: 767px) {
	.u-saratect-hidden-sm {
		display: none !important;
		visibility: hidden;
	}
}

@media screen and (min-width: 1181px) {
	.u-saratect-hidden-md {
		display: block !important;
		visibility: visible;
	}
}

@media screen and (min-width: 768px) and (max-width: 1180px) {
	.u-saratect-hidden-md {
		display: none !important;
		visibility: hidden;
	}
}

@media screen and (max-width: 767px) {
	.u-saratect-hidden-md {
		display: none !important;
		visibility: hidden;
	}
}

@media screen and (min-width: 1181px) {
	.u-saratect-hidden-lg {
		display: none !important;
		visibility: hidden;
	}
}

@media screen and (min-width: 768px) and (max-width: 1180px) {
	.u-saratect-hidden-lg {
		display: block !important;
		visibility: visible;
	}
	.u-saratect-hidden-lgbr {
		display: inline !important;
	}
}

@media screen and (max-width: 767px) {
	.u-saratect-hidden-lg {
		display: block !important;
		visibility: visible;
	}
	.u-saratect-hidden-lgbr {
		display: inline !important;
	}
}

@media screen and (min-width: 1181px) {
	.u-saratect-hidden-pc {
		display: none !important;
		visibility: hidden;
	}
}

@media screen and (min-width: 768px) and (max-width: 1180px) {
	.u-saratect-hidden-pc {
		display: none !important;
		visibility: hidden;
	}
}

.u-saratect-visuallyhide {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0; 
	position: absolute;
	width: 1px;
}

.u-saratect-visuallyhide.focusable:active,
.u-saratect-visuallyhide.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible; 
	position: static;
	width: auto;
}

.u-saratect-invisible {
	visibility: hidden;
}

.clearfix::after {
	clear: both;
	content: "";
	display: block;
}

.u-saratect-imgreplace {
	display: block; 
	font-size: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.u-saratect-br {
	display: inline-block;
}

.u-saratect-tsukub {

	-webkit-font-feature-settings: "palt" 1;
	font-family: fot-tsukubrdgothic-std,sans-serif;
	        font-feature-settings: "palt" 1;
	font-style: normal;
	font-weight: 400;
}

/* ------------------------
  module
------------------------ */
.m-saratect-btn { 
	background-color: #fff;
	border-radius: 3.6rem;
	display: inline-block;
	height: 3.6rem;
	padding: 0 5.0rem;
	position: relative;
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
}
@media screen and (min-width: 767px) {
	.m-saratect-btn {
		border: 0.1rem solid #fff; 
		height: 3.8rem;
	}
}
.m-saratect-btn::after {
	bottom: 0;
	content: url(/saratect/images/common/icon_arw_green.svg);
	height: 0.9rem;
	margin: auto;
	position: absolute;
	right: 1.0rem;
	top: 0;
	width: 0.55rem;
}
@media screen and (min-width: 767px) {
	.m-saratect-btn::after {
		height: 1.1rem;
		width: 0.7rem;
	}
}
.m-saratect-btn img {
	height: 100%;
}
@media screen and (min-width: 1180px) {
	.m-saratect-btn:hover {
		background-color: #77cbc0;
	}
}
@media screen and (min-width: 1180px) {
	.m-saratect-btn:hover::after {
		content: url(/saratect/images/common/icon_arw_white.svg);
	}
}
.m-saratect-btn.m-saratect-btn-green {
	background-color: #59c0b2;
}
@media screen and (min-width: 767px) {
	.m-saratect-btn.m-saratect-btn-green {
		border-color: #59c0b2;
	}
}
.m-saratect-btn.m-saratect-btn-green::after {
	content: url(/saratect/images/common/icon_arw_white.svg);
}
@media screen and (min-width: 1180px) {
	.m-saratect-btn.m-saratect-btn-green:hover {
		background-color: #fff;
	}
}
@media screen and (min-width: 1180px) {
	.m-saratect-btn.m-saratect-btn-green:hover::after {
		content: url(/saratect/images/common/icon_arw_green.svg);
	}
}

.m-saratect-btn-ov {
	left: 0;
	margin: auto;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
}

/* ------------------------
  コンポーネント
------------------------ */
.c-saratect-section {
	background: url(/saratect/images/common/bg_sm.png) center top no-repeat;
	background-size: 100% auto;
	padding-top: 4.0rem;
}
@media screen and (min-width: 767px) {
	.c-saratect-section {
		background: url(/saratect/images/common/bg_lg.png) center top no-repeat;
		background-size: auto;
		padding-top: 4.7rem;
	}
}
.saratectPage-top .c-saratect-section {
	padding-top: 5.0rem;
}
@media screen and (min-width: 767px) {
	.saratectPage-top .c-saratect-section {
		padding-top: 8.0rem;
	}
}
@media screen and (min-width: 767px) {
	.saratectPage-lineup .c-saratect-section,
	.saratectPage-special .c-saratect-section {
		padding-top: 6.0rem;
	}
}
.c-saratect-section.c-saratect-section-greenBg {
	background-color: #e9f5f3;
}
.c-saratect-section.c-saratect-section-grayBg-a {
	background-color: #fefeff;
}
.c-saratect-section.c-saratect-section-grayBg-b {
	background-color: #f3f3f3;
}

.c-saratect-section-title { 

	-webkit-font-feature-settings: "palt" 1;
	color: #4ea599;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	        font-feature-settings: "palt" 1;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 1.6rem;
	text-align: center;
}
@media screen and (min-width: 767px) {
	.c-saratect-section-title {
		font-size: 3.6rem;
		margin-bottom: 2.1rem;
	}
}
.saratectPage-top .c-saratect-section-title {
	margin-bottom: 1.8rem;
}
@media screen and (min-width: 767px) {
	.saratectPage-top .c-saratect-section-title {
		font-size: 4rem;
		margin-bottom: 2.3rem;
	}
}
.saratectPage-deet .c-saratect-section-title,
.saratectPage-history .c-saratect-section-title,
.saratectPage-library .c-saratect-section-title,
.saratectPage-special .c-saratect-section-title,
.saratectPage-top .saratect-section-science .c-saratect-section-title {
	margin-bottom: 4rem;
}
@media screen and (min-width: 767px) {
	.saratectPage-deet .c-saratect-section-title,
	.saratectPage-history .c-saratect-section-title,
	.saratectPage-library .c-saratect-section-title,
	.saratectPage-special .c-saratect-section-title,
	.saratectPage-top .saratect-section-science .c-saratect-section-title {
		margin-bottom: 4.7rem;
	}
}
.saratectPage-top .saratect-section-science-contents .c-saratect-section-title {
	margin-bottom: 0;
}
@media screen and (min-width: 767px) {
	.saratectPage-top .saratect-section-science-contents .c-saratect-section-title {
		margin-bottom: 0;
	}
}
.c-saratect-section-title.saratectPage-library-title {
	margin-left: auto;
	margin-right: auto;
	width: 57.2vw;
}
.c-saratect-section-title.c-saratect-section-title-white {
	color: #fff;
}

.c-saratect-section-detail-title { 

	-webkit-font-feature-settings: "palt" 1;
	color: #4ea599;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	        font-feature-settings: "palt" 1;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 1.6rem;
	position: relative;
	text-align: center;
	z-index: 1;
}
@media screen and (min-width: 767px) {
	.c-saratect-section-detail-title {
		font-size: 2.6rem;
		margin-bottom: 2.1rem;
	}
}

.c-saratect-section-detail-title-inner {
	position: relative;
	z-index: 1;
}
.c-saratect-section-detail-title-inner::before {
	background: url(/saratect/images/common/subtitle_obj_left.png);
	background-size: cover;
	bottom: 0;
	content: "";
	display: block;
	height: 2rem;
	left: -2.7rem;
	margin: auto;
	position: absolute;
	top: auto;
	width: 1.4rem;
}
@media screen and (min-width: 767px) {
	.c-saratect-section-detail-title-inner::before {
		bottom: -0.1rem;
		height: 2.7rem;
		left: -3.7rem;
		width: 1.8rem;
	}
}
.c-saratect-section-title-white .c-saratect-section-detail-title-inner::before {
	background-image: url(/saratect/images/common/subtitle_obj_left_w.png);
}
.c-saratect-section-detail-title-inner::after {
	background: url(/saratect/images/common/subtitle_obj_right.png);
	background-size: cover;
	bottom: 0;
	content: "";
	display: block;
	height: 2rem;
	margin: auto;
	position: absolute;
	right: -2.3rem;
	top: auto;
	width: 1.4rem;
}
@media screen and (min-width: 767px) {
	.c-saratect-section-detail-title-inner::after {
		bottom: -0.1rem;
		height: 2.7rem;
		right: -3.2rem;
		width: 1.8rem;
	}
}
.c-saratect-section-title-white .c-saratect-section-detail-title-inner::after {
	background-image: url(/saratect/images/common/subtitle_obj_right_w.png);
}
@media all and (-ms-high-contrast: none) {
	.c-saratect-section-detail-title-inner::before,
	.c-saratect-section-detail-title-inner::after {
		margin-bottom: 0.7em;
	}
}
@supports (-ms-ime-align: auto) {
	.c-saratect-section-detail-title-inner::before,
	.c-saratect-section-detail-title-inner::after {
		margin-bottom: 0.5em;
	}
}
.saratect-section-content-title .c-saratect-section-detail-title-inner {

	-webkit-font-feature-settings: "palt" 1;
	color: #4ea599;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	        font-feature-settings: "palt" 1;
	font-size: 1.45rem;
	font-style: normal;
	font-weight: normal;
	font-weight: 400;
}
@media screen and (min-width: 1180px) {
	.saratect-section-content-title .c-saratect-section-detail-title-inner {
		font-size: 20px;
	}
}
.saratect-section-content-title .c-saratect-section-detail-title-inner strong {
	font-size: 1.25em;
	font-weight: normal;
}
@media screen and (min-width: 1180px) {
	.saratect-section-content-title .c-saratect-section-detail-title-inner strong {
		font-size: 26px;
	}
}
.saratectPage-appropriate .c-saratect-section-detail-title-inner {

	-webkit-font-feature-settings: "palt" 1;
	color: #4ea599;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	        font-feature-settings: "palt" 1;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-weight: 400;
	margin: auto;
}
@media screen and (min-width: 767px) {
	.saratectPage-appropriate .c-saratect-section-detail-title-inner {
		font-size: 30px;
		line-height: 1.5;
	}
}

.c-saratect-section-detail-item-title-inner { 

	-webkit-font-feature-settings: "palt" 1;
	color: #4ea599;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	        font-feature-settings: "palt" 1;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 1.6rem;
	position: relative;
	white-space: nowrap;
	z-index: 1;
}
@media screen and (min-width: 767px) {
	.c-saratect-section-detail-item-title-inner {
		font-size: 2.6rem;
		margin-bottom: 2.1rem;
	}
}

.c-saratect-section-title-inner {
	position: relative;
}
.c-saratect-section-title-inner::before {
	background: url(/saratect/images/common/title_obj_left.png);
	background-size: cover;
	bottom: 0;
	content: "";
	display: block;
	height: 3.6rem;
	left: -4.3rem;
	margin: auto;
	position: absolute;
	top: auto;
	width: 3rem;
}
@media screen and (min-width: 767px) {
	.c-saratect-section-title-inner::before {
		bottom: 0.4rem;
		height: 5.8rem;
		left: -6.5rem;
		width: 4.9rem;
	}
}
.c-saratect-section-title-white .c-saratect-section-title-inner::before {
	background-image: url(/saratect/images/common/title_obj_left_w.png);
}
.c-saratect-section-title-inner::after {
	background: url(/saratect/images/common/title_obj_right.png);
	background-size: cover;
	bottom: 0;
	content: "";
	display: block;
	height: 3.6rem;
	margin: auto;
	position: absolute;
	right: -4.3rem;
	top: auto;
	width: 3rem;
}
@media screen and (min-width: 767px) {
	.c-saratect-section-title-inner::after {
		bottom: 0.4rem;
		height: 5.8rem;
		right: -6.5rem;
		width: 4.9rem;
	}
}
.c-saratect-section-title-white .c-saratect-section-title-inner::after {
	background-image: url(/saratect/images/common/title_obj_right_w.png);
}
@media all and (-ms-high-contrast: none) {
	.c-saratect-section-title-inner::before,
	.c-saratect-section-title-inner::after {
		margin-bottom: 0.7em;
	}
}
@supports (-ms-ime-align: auto) {
	.c-saratect-section-title-inner::before,
	.c-saratect-section-title-inner::after {
		margin-bottom: 0.5em;
	}
}

.c-saratect-section-subTitle {
	display: block;
	margin-bottom: 0.7rem;
}
@media screen and (min-width: 767px) {
	.c-saratect-section-subTitle {
		margin-bottom: 1.4rem;
	}
}
@media screen and (min-width: 767px) {
	.c-saratect-section-subTitle img {
		height: 51px;
		width: auto;
	}
}
@media screen and (min-width: 767px) {
	.saratectPage-top .c-saratect-section-subTitle img,
	.saratectPage-history .c-saratect-section-subTitle img,
	.saratectPage-deet .c-saratect-section-subTitle img {
		height: auto;
	}
}

.c-saratect-section-inner {
	position: relative;
	z-index: 1;
}

.c-saratect-section-contents {
	margin: 0 auto;
	max-width: 39.5rem;
	padding: 0 1.0rem;
}
@media screen and (min-width: 767px) {
	.c-saratect-section-contents {
		max-width: none;
		padding: 0 4.0rem;
	}
}
@media screen and (min-width: 1180px) {
	.c-saratect-section-contents {
		padding: 0;
	}
}
.c-saratect-section-contents.c-saratect-section-contents-noSidePadding {
	padding: 0;
}
.saratectPage-library .c-saratect-section-contents.c-saratect-section-contents-noSidePadding,
.saratectPage-special .c-saratect-section-contents.c-saratect-section-contents-noSidePadding {
	background: url(/saratect/images/special/list_bg.png);
	background-size: 2rem 2rem;
}
@media screen and (min-width: 767px) {
	.saratectPage-library .c-saratect-section-contents.c-saratect-section-contents-noSidePadding,
	.saratectPage-special .c-saratect-section-contents.c-saratect-section-contents-noSidePadding {
		background-size: 4rem 4rem;
	}
}
.c-saratect-section-contents.saratect-section-contents-greenBg {
	background-color: #e9f5f3;
}
.c-saratect-section-contents.saratect-section-contents-grayBg-a {
	background-color: #fefeff;
}
.c-saratect-section-contents.saratect-section-contents-grayBg-b {
	background-color: #f3f3f3;
}
.saratectPage-library .c-saratect-section-contents,
.saratectPage-special .c-saratect-section-contents {
	max-width: none;
}
.saratectPage-history .c-saratect-section-contents {
	max-width: none;
}

.c-saratect-btn {
	text-align: center;
}

.is-saratect-no-link {
	pointer-events: none !important;
}
.is-saratect-no-link:hover {
	opacity: 1 !important;
}

.c-saratect-section-lead {
	padding: 0 2rem 1.5rem;
}
@media screen and (min-width: 767px) {
	.c-saratect-section-lead {
		padding: 0 0 2.6rem;
	}
}

.c-saratect-section-txt { 
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: center;
}
@media screen and (min-width: 767px) {
	.c-saratect-section-txt {
		font-size: 1.6rem;
	}
}
.c-saratect-section-txt.c-saratect-section-txt-wthie {
	color: #fff;
}

.c-saratect-btn-index {

	-webkit-font-feature-settings: "palt" 1;
	background: #59c0b2;
	border: 1px solid #59c0b2;
	border-radius: 32px; 
	color: #fff;
	display: inline-block;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	        font-feature-settings: "palt" 1;
	font-size: 1.1rem;
	font-style: normal;
	font-weight: 400;
	padding: 0.8rem 1.8rem;
	position: relative;
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
	white-space: nowrap;
	width: 100%;
	z-index: 1;
}
@media screen and (min-width: 375px) {
	.c-saratect-btn-index { 
		font-size: 1.3rem;
		padding: 0.8rem 2.5rem;
		width: auto;
	}
}
@media screen and (min-width: 767px) {
	.c-saratect-btn-index {
		font-size: 1.6rem;
		max-width: 458px;
		padding: 0.8rem 4rem;
		width: 100%;
	}
}
.c-saratect-btn-index::after { 
	-webkit-transform: rotate(90deg);
	bottom: 0;
	content: url(/saratect/images/common/icon_arw_white.svg);
	height: 0.9rem;
	line-height: 0.9rem;
	margin: auto;
	position: absolute;
	right: 1.0rem;
	top: 0.1rem;
	        transform: rotate(90deg);
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
	width: 0.55rem;
}
@media screen and (min-width: 767px) {
	.c-saratect-btn-index::after {
		height: 1.1rem;
		right: 2.0rem;
		width: 0.7rem;
	}
}
.c-saratect-btn-index:hover {
	background: #fff; 
	color: #59c0b2;
	text-decoration: none;
}
.c-saratect-btn-index:hover::after {
	content: url(/saratect/images/common/icon_arw_green.svg);
}

.c-saratect-marker {
	background: linear-gradient(transparent 20%, #fddce2 0, #fddce2 85%, transparent 0);
	color: inherit;
}
.c-saratect-marker.-fine {
	background: linear-gradient(#fba1a6, #fba1a6) no-repeat;
	background-position: 0 1.1em; 
	background-size: 100% 4px;
}

.c-saratect-btn {

	-webkit-font-feature-settings: "palt" 1; 
	background: #59c0b2;
	border: 1px solid #59c0b2;
	border-radius: 32px;
	color: #fff;
	display: block;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	        font-feature-settings: "palt" 1;
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 400;
	margin: 2rem auto 0;
	max-width: 300px;
	padding: 0.8rem 0;
	position: relative;
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
	white-space: nowrap;
	width: 100%;
	z-index: 1;
}
@media screen and (min-width: 767px) {
	.c-saratect-btn {
		font-size: 1.78rem;
		margin: 4rem auto 0;
		max-width: 458px;
		padding: 0.5rem 0;
		width: 100%;
	}
}
.c-saratect-btn::after {
	bottom: 0;
	content: url(/saratect/images/common/icon_arw_white.svg);
	height: 0.9rem; 
	line-height: 0.9rem;
	margin: auto;
	position: absolute;
	right: 1.0rem;
	top: 0;
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
	width: 0.55rem;
}
@media screen and (min-width: 767px) {
	.c-saratect-btn::after {
		height: 1.1rem;
		right: 2.0rem;
		width: 0.7rem;
	}
}
.c-saratect-btn:hover {
	background: #fff; 
	color: #59c0b2;
	text-decoration: none;
}
.c-saratect-btn:hover::after {
	content: url(/saratect/images/common/icon_arw_green.svg);
}

@media all and (-ms-high-contrast: none) {
	.c-saratect-btn {
		padding: 1.1rem 0 0.5rem;
	}
	.c-saratect-btn-index {
		line-height: 1.5;
		padding-bottom: 0.7rem;
		padding-top: 1.4rem;
	}
}

.c-saratect-top-lineup-btn {
	display: block; 

	justify-content: center;
	margin: 0 auto;
	margin-bottom: 64px;
	max-width: 175px;
	width: auto;
}
.c-saratect-top-lineup-btn img {
	margin-bottom: 64px;
}

.c-saratect-localNav-txt {

	-webkit-font-feature-settings: "palt" 1; 
	font-family: fot-tsukubrdgothic-std, sans-serif;
	        font-feature-settings: "palt" 1;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
}
@media screen and (max-width: 1179px) {
	.c-saratect-localNav-txt { 
		color: #59c0b2 !important;
		font-size: 1.2rem !important;
		margin-right: 0 !important;
		position: static;
	}
}
@media screen and (max-width: 1179px) {
	.c-saratect-localNav-txt::before {
		display: none !important;
	}
}

.c-saratect-localNav-link:hover {
	text-decoration: none;
}

@media screen and (max-width: 1179px) {
	.c-saratect-localNav-link {
		background: #fff;
		border-radius: 6px;
		margin-top: 5px; 
		padding: 0.8rem 0;
		position: relative;
		text-align: center;
	}
}

.c-saratect-localNav-link::before {
	bottom: 0;
	content: url(/saratect/images/common/icon_arw_green.svg);
	display: none;
	height: 1.4rem;
	line-height: 1.5rem;
	margin: auto;
	overflow: hidden; 
	position: absolute;
	right: 1rem;
	top: 0;
	width: 0.7rem;
}
@media screen and (max-width: 1179px) {
	.c-saratect-localNav-link::before {
		display: block;
	}
}
@media all and (-ms-high-contrast: none) {
	.c-saratect-localNav-link::before {
		bottom: 0.5rem;
	}
}

@media screen and (max-width: 1179px) {
	.is-saratect-current .c-saratect-localNav-link {
		background: #f1f1f1;
		pointer-events: none;
	}
	.is-saratect-current .c-saratect-localNav-link::before {
		display: none !important;
	}
}

.c-saratect-top-science-btn {

	-webkit-font-feature-settings: "palt" 1;
	-webkit-transform: translate(-50%, -50%); 
	background: #59c0b2;
	border: 1px solid #59c0b2;
	border-radius: 32px;
	color: #fff;
	display: block;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	        font-feature-settings: "palt" 1;
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 400;
	left: 50%;
	max-width: 135px;
	padding: 0.8rem 0;
	position: absolute;
	text-align: center;
	top: 80%;
	        transform: translate(-50%, -50%);
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
	white-space: nowrap;
	width: 100%;
	z-index: 1;
}
@media screen and (min-width: 767px) {
	.c-saratect-top-science-btn {
		font-size: 1.6rem;
		max-width: 175px;
		max-width: 175px;
		padding: 0.5rem 0;
		top: 65%;
		width: 100%;
	}
}
.c-saratect-top-science-btn::after {
	bottom: 0;
	content: url(/saratect/images/common/icon_arw_white.svg);
	height: 0.9rem; 
	line-height: 0.9rem;
	margin: auto;
	position: absolute;
	right: 1.0rem;
	top: 0;
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
	width: 0.55rem;
}
@media screen and (min-width: 767px) {
	.c-saratect-top-science-btn::after {
		height: 1.1rem;
		right: 2.0rem;
		width: 0.7rem;
	}
}
.c-saratect-top-science-btn:hover {
	background: #fff; 
	color: #59c0b2;
	text-decoration: none;
}
.c-saratect-top-science-btn:hover::after {
	content: url(/saratect/images/common/icon_arw_green.svg);
}

.is-fixed {
	position: fixed;
}

.saratectPage {
	overflow: hidden;
}

/* ------------------------
  header
------------------------ */
.l-saratectHeader {
	background-color: #fff;
	border-bottom: 0.2rem solid #59c0b2;
	height: 5.2rem;
	position: relative;
	width: 100%;
	z-index: 3;
}
@media screen and (min-width: 767px) {
	.l-saratectHeader {
		border-bottom: 0.4rem solid #59c0b2; 
		height: 8.5rem;
	}
}
.l-saratectHeader.l-saratectHeader-fix { 
	-webkit-transform: translateY(-100%);
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	        transform: translateY(-100%);
	transition: opacity 0.1s cubic-bezier(0, 0, 0.58, 1);
	z-index: 2;
}
.is-qunqum-show-fixedItem .l-saratectHeader.l-saratectHeader-fix { 
	-webkit-transform: translateY(0);
	opacity: 1;
	        transform: translateY(0);
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
}

.l-saratectHeader-inner {
	height: 100%;
	margin: 0 auto;
	max-width: 118.0rem;
	padding: 0 1.0rem;
	position: relative;
	width: 100%;
}
@media screen and (min-width: 1180px) {
	.l-saratectHeader-inner {
		display: flex; 

		justify-content: space-between;
		padding: 0;
	}
}

.l-saratectHeader-logo {
	height: 100%;
	width: 5.7rem;
}
@media screen and (min-width: 1180px) {
	.l-saratectHeader-logo {
		width: 8.6rem;
	}
}
.l-saratectHeader-logo picture {
	align-items: center;
	display: flex;
	height: 100%; 

	justify-content: center;
	width: 100%;
}

.l-saratectHeader-navBtn {
	background-color: #59c0b2;
	border-radius: 3.5rem;
	bottom: 0;
	display: block;
	height: 3.5rem;
	margin: auto;
	padding-left: 1.0rem;
	position: absolute;
	right: 1.0rem;
	top: 0; 
	width: 8.2rem;
}
@media screen and (min-width: 1180px) {
	.l-saratectHeader-navBtn {
		display: none;
	}
}

.l-saratectHeader-navBtn-txt {
	background: url(/saratect/images/common/header_navbtn_txt_sm.png) center center no-repeat;
	background-size: 100% auto;
	height: 0.9rem;
	width: 4.0rem;
}

.l-saratectHeader-navBtn-line { 
	background-color: #fff;
	border-radius: 0.2rem;
	bottom: 0;
	display: block;
	height: 0.2rem;
	margin: auto;
	position: absolute;
	right: 0.9rem;
	top: 0;
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
	width: 1.7rem;
}
.l-saratectHeader-navBtn-line.l-saratectHeader-navBtn-line-1 {
	-webkit-transform: translateY(-0.6rem);
	        transform: translateY(-0.6rem);
}
.is-saratectNav-show .l-saratectHeader-navBtn-line.l-saratectHeader-navBtn-line-1 {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.is-saratectNav-show .l-saratectHeader-navBtn-line.l-saratectHeader-navBtn-line-2 {
	opacity: 0;
}
.l-saratectHeader-navBtn-line.l-saratectHeader-navBtn-line-3 {
	-webkit-transform: translateY(0.6rem);
	        transform: translateY(0.6rem);
}
.is-saratectNav-show .l-saratectHeader-navBtn-line.l-saratectHeader-navBtn-line-3 {
	-webkit-transform: rotate(-45deg);
	bottom: 0;
	top: 0;
	        transform: rotate(-45deg);
}

.l-saratectHeader-nav {
	display: none;
}
@media screen and (min-width: 1180px) {
	.l-saratectHeader-nav {
		display: flex;
	}
}

.l-saratectHeader-navMask {
	background-color: rgba(255, 255, 255, 0.8);
	height: 100vh;
	left: calc((100vw - 100%) / -2);
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 8.4rem;
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
	visibility: hidden;
	width: 100vw;
	z-index: 1;
}

.l-saratectHeader-navList {
	display: flex;
}

@media screen and (min-width: 1180px) {
	.l-saratectHeader-navItem:hover > a {
		opacity: 0.6;
	}
}

.l-saratectHeader-navItem:hover .l-saratectHeader-navSubListWrap { 
	opacity: 1;
	visibility: visible;
}

.l-saratectHeader-navItem:hover .l-saratectHeader-navMask { 
	opacity: 1;
	visibility: visible;
}

.l-saratectHeader-navItem a,
.l-saratectHeader-navItem .l-saratectHeader-navItem-inner {
	-webkit-font-feature-settings: "palt" 1;
	align-items: center;
	color: #4ea599;
	display: flex;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	        font-feature-settings: "palt" 1;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	height: 100%;

	justify-content: center;
	letter-spacing: 0; 
	text-decoration: none;
	transition: opacity 0.2s cubic-bezier(0, 0, 0.58, 1);
}

.l-saratectHeader-navItem + .l-saratectHeader-navItem > a,
.l-saratectHeader-navItem + .l-saratectHeader-navItem > .l-saratectHeader-navItem-inner {
	height: 100%;
	padding: 0 2.3rem;
	position: relative;
	width: 100%;
}
.l-saratectHeader-navItem + .l-saratectHeader-navItem > a::before,
.l-saratectHeader-navItem + .l-saratectHeader-navItem > .l-saratectHeader-navItem-inner::before {
	bottom: 0;
	content: url(/saratect/images/common/icon_arw_green.svg);
	display: block;
	height: 2rem; 
	line-height: 1;
	margin: auto;
	position: absolute;
	right: 0.5rem;
	top: 0;
	width: 0.7rem;
}
@media all and (-ms-high-contrast: none) {
	.l-saratectHeader-navItem + .l-saratectHeader-navItem > a::before,
	.l-saratectHeader-navItem + .l-saratectHeader-navItem > .l-saratectHeader-navItem-inner::before {
		bottom: 0.5rem;
	}
}
@supports (-ms-ime-align: auto) {
	.l-saratectHeader-navItem + .l-saratectHeader-navItem > a::before,
	.l-saratectHeader-navItem + .l-saratectHeader-navItem > .l-saratectHeader-navItem-inner::before {
		bottom: 0.5rem; 
		height: 1.3rem;
	}
}

.l-saratectHeader-navItem.l-saratectHeader-navItem-noActive > a {
	opacity: 1 !important; 
	pointer-events: none;
}
.l-saratectHeader-navItem.l-saratectHeader-navItem-noActive > a::before {
	content: url(/saratect/images/common/icon_arw_gray.svg);
}

.l-saratectHeader-navSubListWrap {
	background-color: #59c0b2; 
	bottom: -14.8rem;
	height: 14.8rem;
	left: calc((100vw - 100%) / -2);
	opacity: 0;
	position: absolute;
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
	visibility: hidden;
	width: 100vw;
	z-index: 2;
}

.l-saratectHeader-navSubList {
	align-items: center;
	display: flex;
	height: 100%;

	justify-content: space-between; 
	margin: 0 auto;
	position: relative;
	width: 112rem;
	z-index: 2;
}
.l-saratectHeader-navSubList.l-saratectHeader-navSubList-library {
	width: 73rem;
}

.l-saratectHeader-navSubItem {
	width: 17.2rem;
}
.l-saratectHeader-navSubItem a { 

	align-items: center;
	display: flex;
	flex-direction: column;
}
@media screen and (min-width: 1180px) {
	.l-saratectHeader-navSubItem a:hover .l-saratectHeader-navSubItem-txt {
		opacity: 0.7;
	}
}
.l-saratectHeader-navSubItem.-sports {
	width: 18rem;
}
@media screen and (max-width: 1179px) {
	.saratect-navList .l-saratectHeader-navSubItem {
		width: 49.5%;
	}
}
@media screen and (max-width: 767px) {
	.saratect-navList .l-saratectHeader-navSubItem {
		width: 49.2%;
	}
}

.l-saratectHeader-navSubItem-img {
	border: 0.1rem solid #9bd9d1; 
	border-radius: 50%;
	display: block;
	height: 9.0rem;
	margin-bottom: 8px;
	position: relative;
	width: 9.0rem;
}
.l-saratectHeader-navSubItem-img img {
	border-radius: 50%;
}

.l-saratectHeader-navSubItem-img-ov {
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity 0.2s cubic-bezier(0, 0, 0.58, 1);
}

.l-saratectHeader-navSubItem-txt {

	align-items: center; 
	color: #fff;
	display: flex;
	font-size: 16px;
	margin-right: 1.5rem;
	position: relative;
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
}
.l-saratectHeader-navSubItem-txt::before {
	bottom: 0;
	content: url(/saratect/images/common/icon_arw_white.svg);
	display: block;
	height: 1.4rem;
	line-height: 1.5rem;
	margin: auto;
	overflow: hidden; 
	position: absolute;
	right: -1.5rem;
	top: 0;
	width: 0.7rem;
}
@media all and (-ms-high-contrast: none) {
	.l-saratectHeader-navSubItem-txt::before {
		bottom: 0.5rem;
	}
}

.l-saratectHeader-snsList { 

	align-items: center;
	display: flex;
	margin-left: 34px;
}

.l-saratectHeader-snsItem {
	height: 26px;
	width: 26px;
}
.l-saratectHeader-snsItem + .l-saratectHeader-snsItem {
	margin-left: 8px;
}
.l-saratectHeader-snsItem img {
	height: 26px;
	width: 26px;
}

/* ------------------------
  nav for sm & md
------------------------ */
.l-saratectNav-overlay {
	-webkit-transform: translateX(-100%);
	background-color: rgba(255, 255, 255, 0.95);
	display: block;
	left: 0;
	padding-bottom: 2.0rem;
	position: absolute; 
	top: 5.2rem;
	        transform: translateX(-100%);
	transition: all 0.4s cubic-bezier(0, 0, 0.58, 1);
	width: 100%;
	z-index: 3;
}
@media screen and (min-width: 767px) {
	.l-saratectNav-overlay {
		top: 8.5rem;
	}
}
@media screen and (min-width: 1180px) {
	.l-saratectNav-overlay {
		display: none;
	}
}
.is-saratectNav-show .l-saratectNav-overlay { 
	-webkit-transform: translateX(0);
	height: 100vh;
	overflow: auto;
	        transform: translateX(0);
}
.is-qunqum-show-fixedItem .l-saratectNav-overlay {
	position: fixed;
}

.l-saratectNav-list {
	padding: 0 1.0rem;
}

.l-saratectNav-item {

	-webkit-font-feature-settings: "palt" 1;
	border-bottom: 0.1rem solid #59c0b2;
	font-family: fot-tsukubrdgothic-std, sans-serif;
	        font-feature-settings: "palt" 1;
	font-size: 1.4rem;
	font-style: normal; 
	font-weight: 400;
	position: relative;
}
.l-saratectNav-item.l-saratectNav-item-noActive {
	pointer-events: none;
}
.l-saratectNav-item.l-saratectNav-item-noActive a::before {
	content: url(/saratect/images/common/icon_arw_gray.svg);
}
.l-saratectNav-item a,
.l-saratectNav-item .l-saratectNav-item-inner { 

	align-items: center;
	color: #4ea599;
	display: flex;
	height: 5.0rem;
	padding-left: 10px;
	position: relative;
	width: 100%;
}
.l-saratectNav-item a::before,
.l-saratectNav-item .l-saratectNav-item-inner::before {
	bottom: 0;
	content: url(/saratect/images/common/icon_arw_green.svg);
	display: block;
	height: 1.5rem; 
	line-height: 1;
	margin: auto;
	position: absolute;
	right: 1.0rem;
	top: 0;
	vertical-align: middle;
	width: 0.55rem;
}
@media screen and (min-width: 767px) {
	.l-saratectNav-item a::before,
	.l-saratectNav-item .l-saratectNav-item-inner::before {
		height: 1.1rem;
		width: 0.7rem;
	}
}
.l-saratectNav-item img {
	width: 20.0rem;
}

.l-saratectNav-item-noLink {
	margin-left: 1.0rem;
}

.l-saratectNav-subItem {
	height: 5.0rem;
	position: relative;
}
.l-saratectNav-subItem::after {
	border-bottom: 0.1rem dotted #59c0b2;
	bottom: auto;
	content: "";
	display: block;
	height: 0.1rem;
	left: 0;
	margin: auto;
	position: absolute;
	top: -0.1rem; 
	width: 100%;
}
.l-saratectNav-subItem a {
	color: #4ea599;
	padding-left: 5.8rem;
	position: relative;
}

.l-saratectNav-subItem-img {
	border: 0.1rem solid #9bd9d1; 
	border-radius: 50%;
	bottom: 0;
	display: block;
	height: 4.0rem;
	left: 1.0rem;
	margin: auto;
	position: absolute;
	top: 0;
	width: 4.0rem;
}
.l-saratectNav-subItem-img img {
	border-radius: 50%;
}

.l-saratectNav-snsList {
	display: flex; 

	justify-content: center;
	margin-top: 2.0rem;
}

.l-saratectNav-snsItem {
	height: 3.6rem;
	width: 3.6rem;
}
.l-saratectNav-snsItem + .l-saratectNav-snsItem {
	margin-left: 0.8rem;
}

.l-saratect-pagetop { 
	background-color: #59c0b2;
	border-radius: 50%;
	bottom: 2.0rem;
	height: 3.6rem;
	opacity: 0;
	position: fixed;
	right: 2.0rem;
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
	visibility: hidden;
	width: 3.6rem;
	z-index: 2;
}
@media screen and (min-width: 767px) {
	.l-saratect-pagetop {
		height: 5.0rem;
		width: 5.0rem;
	}
}
@media screen and (min-width: 1180px) {
	.l-saratect-pagetop {
		bottom: 4.0rem;
		height: 8.0rem;
		right: 4.0rem; 
		width: 8.0rem;
	}
}
.is-qunqum-show-fixedItem .l-saratect-pagetop { 
	opacity: 1;
	visibility: visible;
}
@media screen and (min-width: 1180px) {
	.l-saratect-pagetop:hover {
		opacity: 0.7;
	}
}
.l-saratect-pagetop a {
	display: block;
	height: 100%;
	position: relative;
	width: 100%;
}
.l-saratect-pagetop a::after {
	-webkit-transform: rotate(-90deg);
	bottom: 0;
	content: url(/saratect/images/common/icon_arw_white.svg);
	display: block;
	height: 0.9rem;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	        transform: rotate(-90deg);
	width: 0.55rem;
}
@media screen and (min-width: 767px) {
	.l-saratect-pagetop a::after {
		height: 1.5rem;
		width: 0.9rem;
	}
}
@media screen and (min-width: 1180px) {
	.l-saratect-pagetop a::after {
		height: 2.1rem;
		width: 1.3rem;
	}
}

/* ------------------------
  sns
------------------------ */
.l-saratect-sns {
	background-color: #fff;
}
@media screen and (min-width: 767px) {
	.l-saratect-sns {
		display: none;
	}
}

.l-saratect-sns-list {
	display: flex; 

	justify-content: center;
	padding: 5rem 0;
}
@media screen and (min-width: 1180px) {
	.l-saratect-sns-list {
		padding: 6rem 0;
	}
}

.l-saratect-sns-item { 
	height: 3.6rem;
	width: 3.6rem;
}
.l-saratect-sns-item + .l-saratect-sns-item {
	margin-left: 0.8rem;
}

@media print {
	*,
	*:before,
	*:after {
		background: transparent !important;
		box-shadow: none !important;
		color: #000 !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
}