@charset "utf-8";




.is-videoPlay .u-cover {
	opacity: 1;
	visibility: visible;
	z-index: 1000;
}

.is-videoPlay .u-cover:after {
	content: '動画を閉じる';
	color: #000;
	font-weight: 700;
	max-width: none;
	margin: 0 auto;
	display: inline-block;
	padding: 20px 60px;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #808080;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
	transition: .2s;
}

.c-video-corner {
	text-align: center;
	width: 100%;
	max-width: 1400px;
	padding: 0 5%;
	position: fixed;
	top: calc(50% - 40px);
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1100;
	opacity: 0;
	visibility: hidden;
	transition: .2s .2s;
}

.is-videoPlay .c-video-corner {
	opacity: 1;
	visibility: visible;
}

.c-video-corner__player-inner {
	width: 100%;
	margin: 0 auto;
	padding: 56.25% 0 0;
	border-radius: 10px;
	background: #000;
	box-shadow: 0 0 7px 0 rgba(0,0,0,.25);
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.c-video-corner video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.is-functionalmaterial .g-main-visual {
	margin: 0 0 80px;
	padding: 0;
	position: relative;
}

.is-functionalmaterial .g-main-visual__inner {
	width: 430px;
	height: 396px;
	padding: 150px 0 0;
	background: url("/_assets/img/enjoylearn/functionalmaterial/bg-main-01.png") no-repeat center / 100% auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.is-functionalmaterial .g-main-visual figure {
	margin: 0 -5px;
}

.is-functionalmaterial .g-main-visual figure:after {
	content: '';
	display: block;
	clear: both;
}

.is-functionalmaterial .g-main-visual figure img {
	width: 50%;
	border-right: 5px solid #fff;
	border-bottom: 10px solid #fff;
	border-left: 5px solid #fff;
}

.is-functionalmaterial .g-main-visual figure img:first-child {
	float: left;
}

.is-functionalmaterial .g-main-visual h1 {
	margin: 0 0 30px;
	position: relative;
}

.is-functionalmaterial .g-main-visual h1:before {
	content: attr(data-en)'';
	color: #d32500;
	font-family: 'Dosis';
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: .25em;
	width: 100%;
	display: block;
	position: absolute;
	top: -25px;
	left: 0;
}

.is-functionalmaterial .g-main-visual h1:after {
	content: '';
	width: 20px;
	height: 20px;
	border: 5px solid #d32500;
	border-radius: 50%;
	position: absolute;
	top: -55px;
	left: 50%;
	transform: translateX(-50%);
}

.is-functionalmaterial .g-main-visual p {
	font-size: 2rem;
	letter-spacing: 0;
}

.is-functionalmaterial .c-index-nav ul li a {
	position: relative;
}

.is-functionalmaterial .c-index-nav i {
	line-height: 1.75;
	padding: 5px 0 0;
	display: block;
}

.is-functionalmaterial .c-index-nav ul {
	margin-bottom: 2.5%;
}

.is-functionalmaterial .c-index-nav ul li {
	padding-bottom: 0;
}

.is-functionalmaterial .c-index-nav__icon {
	width: 110px;
	height: 110px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 7px 0 rgba(0,0,0,.25);
	position: absolute;
	top: -35px;
	left: -15px;
	overflow: hidden;
	z-index: 10;
}

.is-functionalmaterial .c-index-nav__icon img {
	width: 75%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}




.c-functionalmaterial-note {
	margin: 0 0 7.5%;
}




.c-functionalmaterial-news .c-news-list li time {
	width: 13%;
}

.c-functionalmaterial-news .c-news-list li strong {
	width: calc(100% - 13%);
}

.is-functionalmaterial .c-page-bottom-nav {
	margin-top: 30px;
}

.is-functionalmaterial .c-page-bottom-nav ul {
	justify-content: center;
}

.is-functionalmaterial .c-page-bottom-nav ul li {
	max-width: 260px;
}



/* MOVIE */
.c-enjoylearn-movie {
	margin: 0 !important;
	padding: 100px 0 80px;
	background: #f0f0f0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

.c-enjoylearn-movie h2 {
	margin-bottom: 50px;
}

.c-enjoylearn-movie h2 em {
	font-size: 2.2rem;
	margin: 0 0 5px;
	display: block;
}

.c-enjoylearn-movie h2 strong {
	font-size: 5.4rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -.1em;
	display: block;
}

.c-enjoylearn-movie h2 img {
	max-width: 220px;
	
}

.c-enjoylearn-movie .u-button-basic {
	text-align: center;
}

.c-enjoylearn-movie .u-button-basic a {
	width: 400px;
	height: 150px;
	max-width: none;
	margin: 0 auto;
	padding: 35px 0 0;
	background: #fff;
	display: block;
}

.c-enjoylearn-movie .u-button-basic a:hover {
	text-decoration: none;
	background: #d32500;
}

.c-enjoylearn-movie .u-button-basic a:hover * {
	color: #fff;
}

.c-enjoylearn-movie .u-button-basic a:after {
	display: none;
}

.c-enjoylearn-movie .u-button-basic em,
.c-enjoylearn-movie .u-button-basic strong {
	width: 100%;
	padding: 0;
	display: block;
	position: relative;
	top: auto;
	left: auto;
	transform: none;
}

.c-enjoylearn-movie .u-button-basic em {
	font-size: 1.7rem;
	margin: 0 0 15px;
}

.c-enjoylearn-movie .u-button-basic strong {
	color: #d32500;
	font-size: 2.6rem;
	padding-left: 20px;
	position: relative;
}

.c-enjoylearn-movie .u-button-basic strong img {
	max-width: 45px;
	margin: 0 0 0 -50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.c-modal-window {
	display: none;
}




/* DICTIONARY */
.c-enjoylearn-dictionary {
	padding: 120px 0;
	border-bottom: 1px solid #999;
}









.is-enjoylearn-local .g-main-visual {
	margin: 0 0 120px;
	padding: 120px 0 0;
}

.is-enjoylearn-local .g-main-visual h1 {
	margin: 0 0 15px;
}

.is-enjoylearn-local .g-main-visual h1:before {
	content: attr(data-en)'';
	color: #d32500;
	font-family: 'Dosis';
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: .25em;
	width: 100%;
	display: block;
	position: absolute;
	top: -25px;
	left: 0;
}

.is-enjoylearn-local .g-main-visual h1:after {
	content: '';
	width: 20px;
	height: 20px;
	border: 5px solid #d32500;
	border-radius: 50%;
	position: absolute;
	top: -55px;
	left: 50%;
	transform: translateX(-50%);
}

.is-enjoylearn-local .g-main-visual p {
	font-size: 1.6rem;
}

.is-enjoylearn-local .g-enjoylearn-bg {
	background: #F0F0F0;
}

.c-enjoylearn-corner__body {
	width: 690px;
	height: 690px;
	padding: 0;
	position: relative;
}

.c-enjoylearn-corner__body:after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background: #fff;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.35);
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}

.c-enjoylearn-corner__body-inner {
	min-width: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
}

.c-enjoylearn-corner figure img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.c-enjoylearn-corner__point-num {
	color: #d32500;
	font-family: 'Dosis';
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: .25em;
	margin: 0 0 25px;
	padding: 0 0 0 40px;
	display: block;
	position: relative;
}

.c-enjoylearn-corner__point-num:before {
	content: '';
	width: 34px;
	height: 34px;
	border: 8px solid #d32500;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.c-enjoylearn-corner h2 {
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: 0;
	margin: 0 0 20px;
}

.c-enjoylearn-corner h2 strong {
	font-size: 5rem;
	font-weight: 700;
}

.c-enjoylearn-corner h3 {
	color: #D32500;
	font-size: 2.2rem;
	font-weight: 700;
	margin: 0 0 15px;
}

.c-enjoylearn-corner .u-text {
	letter-spacing: 0;
}




/* CORNER 1 */
.is-elastin .c-enjoylearn-corner.is-corner1 {
	margin-bottom: 200px !important;
}

.is-elastin .c-enjoylearn-corner.is-corner1 .c-enjoylearn-corner__body {
	margin: 65px 0 0 -70px;
}

.is-elastin .c-enjoylearn-corner.is-corner1 figure .img1 {
	margin-top: -140px;
	margin-left: 410px;
}

.is-elastin .c-enjoylearn-corner.is-corner1 figure .img2 {
	margin-top: 475px;
	margin-left: 505px;
}

.is-elastin .c-enjoylearn-corner.is-corner1 figure .img3 {
	width: 420px;
	margin-top: 255px;
	margin-left: 675px;
}




/* CORNER 2 */
.is-elastin .c-enjoylearn-corner.is-corner2 {
	margin-bottom: 140px !important;
}

.is-elastin .c-enjoylearn-corner.is-corner2 .c-enjoylearn-corner__body {
	width: 780px;
	height: 780px;
	margin: 0 0 0 315px;
}

.is-elastin .c-enjoylearn-corner.is-corner2 figure .img4 {
	max-width: 220px;
	margin-top: 280px;
	margin-left: 10px;
	z-index: 100;
}

.is-elastin .c-enjoylearn-corner.is-corner2 figure .img5 {
	margin-top: -105px;
	margin-left: 30px;
}

.is-elastin .c-enjoylearn-corner.is-corner2 figure .img6 {
	margin-top: 385px;
	margin-left: 135px;
}




/* CORNER 3 */
.is-elastin .c-enjoylearn-corner.is-corner3 {
	margin-bottom: 170px !important;
}

.is-elastin .c-enjoylearn-corner.is-corner3 .c-enjoylearn-corner__body {
	margin: 65px 0 0 -70px;
}

.is-elastin .c-enjoylearn-corner.is-corner3 figure .img7 {
	margin-top: 330px;
	margin-left: 670px;
	z-index: 100;
}

.is-elastin .c-enjoylearn-corner.is-corner3 figure .img8 {
	margin-top: -95px;
	margin-left: 450px;
}




/* CORNER 1 */
.is-ascophyllan .c-enjoylearn-corner.is-corner1 {
	margin-bottom: 240px !important;
}

.is-ascophyllan .c-enjoylearn-corner.is-corner1 .c-enjoylearn-corner__body {
	margin: 65px 0 0 -70px;
}

.is-ascophyllan .c-enjoylearn-corner.is-corner1 figure .img1 {
	max-width: 36%;
	margin-top: 30px;
	margin-left: 470px;
}

.is-ascophyllan .c-enjoylearn-corner.is-corner1 figure .img2 {
	max-width: 28%;
	margin-top: 300px;
	margin-left: 640px;
}




/* CORNER 2 */
.is-ascophyllan .c-enjoylearn-corner.is-corner2 .c-enjoylearn-corner__body {
	margin: 0 0 0 360px;
}

.is-ascophyllan .c-enjoylearn-corner.is-corner2 {
	margin-bottom: 240px !important;
}

.is-ascophyllan .c-enjoylearn-corner.is-corner2 figure .img3 {
	max-width: 45%;
	margin-top: -150px;
	margin-left: 30px;
}

.is-ascophyllan .c-enjoylearn-corner.is-corner2 figure .img4 {
	max-width: 20%;
	margin-top: 110px;
	margin-left: -10px;
}

.is-ascophyllan .c-enjoylearn-corner.is-corner2 figure .img5 {
	max-width: 28%;
	margin-top: 335px;
	margin-left: 210px;
	z-index: 100;
}

.is-ascophyllan .c-enjoylearn-corner.is-corner2 figure .img6 {
	max-width: 25%;
	margin-top: 430px;
	margin-left: 100px;
}




/* CORNER 3 */
.is-ascophyllan .c-enjoylearn-corner.is-corner3 .c-enjoylearn-corner__body {
	margin: 0 0 0 -70px;
}

.is-ascophyllan .c-enjoylearn-corner.is-corner3 {
	margin-bottom: 150px !important;
}

.is-ascophyllan .c-enjoylearn-corner.is-corner3 figure .img7 {
	max-width: 48%;
	margin-top: -75px;
	margin-left: 460px;
}

.is-ascophyllan .c-enjoylearn-corner.is-corner3 figure .img8 {
	max-width: 41%;
	margin-top: 315px;
	margin-left: 610px;
}




.is-hishiextract .c-enjoylearn-corner.is-corner1 h3 {
	letter-spacing: 0;
}

/* CORNER 1 */
.is-hishiextract .c-enjoylearn-corner.is-corner1 {
	margin-bottom: 190px !important;
}

.is-hishiextract .c-enjoylearn-corner.is-corner1 .c-enjoylearn-corner__body {
	margin: 65px 0 0 -70px;
}

.is-hishiextract .c-enjoylearn-corner.is-corner1 figure .img1 {
	max-width: 460px;
	margin-top: -130px;
	margin-left: 460px;
}

.is-hishiextract .c-enjoylearn-corner.is-corner1 figure .img2 {
	max-width: 185px;
	margin-top: 240px;
	margin-left: 715px;
}

.is-hishiextract .c-enjoylearn-corner.is-corner1 figure .img3 {
	max-width: 285px;
	margin-top: 390px;
	margin-left: 540px;
}




/* CORNER 2 */
.is-hishiextract .c-enjoylearn-corner.is-corner2 .c-enjoylearn-corner__body {
	margin: 0 0 0 360px;
}

.is-hishiextract .c-enjoylearn-corner.is-corner2 {
	margin-bottom: 240px !important;
}

.is-hishiextract .c-enjoylearn-corner.is-corner2 figure .img4 {
	max-width: 330px;
	margin-top: 40px;
	margin-left: 70px;
}

.is-hishiextract .c-enjoylearn-corner.is-corner2 figure .img5 {
	max-width: 200px;
	margin-top: 430px;
	margin-left: 270px;
}




/* CORNER 3 */
.is-hishiextract .c-enjoylearn-corner.is-corner3 {
	margin-bottom: 120px !important;
}

.is-hishiextract .c-enjoylearn-corner.is-corner3 .c-enjoylearn-corner__body {
	margin: 0 0 0 -70px;
}

.is-hishiextract .c-enjoylearn-corner.is-corner3 figure .img6 {
	max-width: 550px;
	margin-top: -80px;
	margin-left: 440px;
}

.is-hishiextract .c-enjoylearn-corner.is-corner3 figure .img7 {
	max-width: 150px;
	margin-top: 350px;
	margin-left: 790px;
}

.is-hishiextract .c-enjoylearn-corner.is-corner3 figure .img8 {
	max-width: 220px;
	margin-top: 440px;
	margin-left: 540px;
}




.is-fishfeed .c-enjoylearn-corner.is-corner1 h3 {
	letter-spacing: 0;
}

/* CORNER 1 */
.is-fishfeed .c-enjoylearn-corner.is-corner1 {
	margin-bottom: 40px !important;
}

.is-fishfeed .c-enjoylearn-corner.is-corner1 .c-enjoylearn-corner__body {
	margin: 65px 0 0 -70px;
}

.is-fishfeed .c-enjoylearn-corner.is-corner1 figure .img1 {
	max-width: 540px;
	margin-top: -130px;
	margin-left: 460px;
}

.is-fishfeed .c-enjoylearn-corner.is-corner1 figure .img2 {
	max-width: 170px;
	margin-top: 390px;
	margin-left: 540px;
}

.is-fishfeed .c-enjoylearn-corner.is-corner1 figure .img3 {
	max-width: 285px;
	margin-top: 390px;
	margin-left: 540px;
}




/* CORNER 2 */
.is-fishfeed .c-enjoylearn-corner.is-corner2 {
	padding: 50px 0 0;
}

.is-fishfeed .c-enjoylearn-corner.is-corner2 .c-enjoylearn-corner__body {
	margin: 0 0 0 360px;
}

.is-fishfeed .c-enjoylearn-corner.is-corner2 {
	margin-bottom: 60px !important;
}

.is-fishfeed .c-enjoylearn-corner.is-corner2 figure .img3 {
	max-width: 465px;
	margin-top: -15px;
	margin-left: 0;
}
















.c-fishfeed-data.is-data-01 {
	margin: 0 0 200px !important;
}

.c-fishfeed-data.is-data-02 {
	margin: 0 0 250px !important;
}

.c-fishfeed-data figure {
	margin-top: -5%;
}

.c-fishfeed-data .u-table-corner td {
	background: #fff;
}

.is-column-1 .c-fishfeed-data .u-table-corner th {
	white-space: nowrap;
	width: auto;
}

.c-fishfeed-data table {
	max-width: 820px;
	margin: 0 auto;
	border-radius: .35em;
	overflow: hidden;
}

.c-fishfeed-data table tr th {
	text-align: center;
	vertical-align: middle;
	padding-right: 0;
	padding-left: 0;
}

.c-fishfeed-data.is-data-01 .isHead th:nth-of-type(1) {
	width: 13%;
}

.c-fishfeed-data.is-data-01 .isHead th:nth-of-type(2) {
	width: 13%;
}

.c-fishfeed-data.is-data-01 .isHead th:nth-of-type(3) {
	width: 20%;
}

.c-fishfeed-data.is-data-01 .isHead th:nth-of-type(4) {
	width: 54%;
}

.c-fishfeed-data.is-data-02 .isHead th:nth-of-type(1) {
	width: 13%;
}

.c-fishfeed-data.is-data-02 .isHead th:nth-of-type(2) {
	width: 27%;
}

.c-fishfeed-data.is-data-02 .isHead th:nth-of-type(3) {
	width: 60%;
}

.c-fishfeed-data table tr td:last-of-type {
	padding-right: 10px;
}




.c-UMAKABURI.u-inner {
	max-width: 820px;
	padding-right: 410px;
}

.c-UMAKABURI figure {
	margin: -60px -140px 0 0;
	position: absolute;
	top: 0;
	right: 0;
}

.c-UMAKABURI h3 {
	margin: 0 0 20px;
}

.c-UMAKABURI h3 span {
	margin: 0 0 20px;
	display: block;
}

.c-UMAKABURI h3 em {
	font-size: 2.8rem;
	display: block;
}

.c-UMAKABURI h3 strong {
	font-size: 5rem;
	display: block;
}

.c-UMAKABURI .u-text sup {
	font-size: 1.3rem;
	vertical-align: top;
}




.is-export .g-main-visual {
	padding-top: 100px;
}

.is-export .g-main-visual h1:before,
.is-export .g-main-visual h1:after {
	display: none;
}

.is-export .u-title-hi span {
	font-size: 1.6rem;
	font-weight: 400;
	padding: 3px 0 0;
	display: block;
}

/*
.is-export .cotion-logo {
	list-style: none;
	padding: 0;
	position: absolute;
	bottom: 0;
	right: 25%;
}
*/

.is-export .cotion-logo:before {
	display: none !important;
}

/*
.is-export .cotion-logo {
	bottom: -10px;
}
*/




.is-proprietary .g-main-visual {
	padding-top: 100px;
}

.is-proprietary .g-main-visual h1:before,
.is-proprietary .g-main-visual h1:after {
	display: none;
}

.is-proprietary .u-list.isListDisc.is-number li {
	padding-left: 3.25em;
}

.is-proprietary .u-list.isListDisc.is-number li i {
	text-align: right;
	width: 2em;
	display: block;
	position: absolute;
	top: 0;
	left: 1em;
}

.is-proprietary .u-list.isListDisc.is-number li b {
	font-weight: 400;
	font-style: italic;
}




/* アコーディオン */
.u-accordion__inner-child {
	padding: 20px 30px;
}

.u-accordion__inner-child .u-inner {
	margin: 0 0 2em;
}

.u-accordion__inner-child .u-title-low {
	font-size: 1.6rem;
	margin: 0 0 1em;
	padding: .25em 0 .5em;
	border-bottom: 1px solid black;
}

.u-accordion__inner-child h6 {
	font-size: 1.6rem;
	margin: 0 0 .5em;
}

.u-accordion__inner-child .u-text {
	line-height: 1.5;
	letter-spacing: 0;
}

.u-accordion__inner-child sup {
	font-size: 1.2rem;
	vertical-align: top;
	margin: 0 0 0 .5em;
	display: inline-block;
}

.u-accordion__inner-child .u-text .u-float-right {
	max-width: 40%;
	margin: 0 0 30px 30px;
}

.c-ac-comment {
	max-width: 600px;
	margin: 0 auto;
	padding: 10px 0 0;
	display: table;
}

.c-ac-comment__left {
	vertical-align: top;
	width: 80px;
	display: table-cell;
}

.c-ac-comment__right {
	width: 100px;
	display: table-cell;
}

.c-ac-comment ul {
	vertical-align: top;
	width: calc(100% - 180px);
	padding: 0 15px;
	display: table-cell;
}

.c-ac-comment ul li {
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
	margin: 0 0 10px;
	padding: 10px 10px 12px 10px;
	border-radius: 5px;
	position: relative;
}

.c-ac-comment ul li.is-girl {
	background: #f0f0f0;
}

.c-ac-comment ul li.is-girl:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 15px 5px 0;
	border-color: transparent #f0f0f0 transparent transparent;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-100%,-50%);
}

.c-ac-comment ul li.is-dr {
	background: #f7e4e4;
}

.c-ac-comment ul li.is-dr:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 15px;
	border-color: transparent transparent transparent #f7e4e4;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(100%,-50%);
}

.u-accordion__inner-child .u-list.isListCheck li {
	text-indent: -1.25em;
	margin: 0 0 .25em;
	padding-left: 1.25em;
}

.u-accordion__inner-child .u-list.isListCheck li img {
	vertical-align: -.1em;
}

.u-accordion__inner-child .u-clearfix:after {
	content: '';
	display: block;
	clear: both;
}

.c-ac-corner1 {
	letter-spacing: -.5em;
	margin: 0 auto;
}

.c-ac-corner1 figure {
	width: 24.999%;
	display: inline-block;
}

.c-ac-corner1 figure figcaption {
	letter-spacing: 0;
}




.bg-white {
	padding: 120px 0;
	border-top: 1px solid #999;
}

.c-tunafood {
	margin-bottom: 180px;
}

.c-tunafood .u-flex {
	flex-direction: row-reverse;
}

.c-tunafood .u-flex div:nth-of-type(1) {
	width: 490px;
	padding: 0 90px 0 0;
}

.c-tunafood .u-flex div:nth-of-type(2) {
	width: 510px;
	padding: 0 30px 0 0;
}

.c-tunafood h3 {
	margin: 0 0 20px;
}

.c-tunafood h3 em {
	font-size: 2.8rem;
	display: block;
}

.c-tunafood h3 strong {
	font-size: 5rem;
	display: block;
}

.c-tunafood figure {
	margin-top: -30px;
	position: relative;
}

.c-tunafood figcaption {
	font-size: 1.4rem;
	text-align: center;
	letter-spacing: 0;
	width: 260px;
	position: absolute;
	bottom: -30px;
	right: 0;
}

.c-inquiryButton {
	padding: 5% 0 10%;
}

.c-inquiryButton a {
	color: #fff;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	width: 820px;
	margin: 0 auto;
	padding: 1.25em 0;
	background: #d32500;
	border: 2px solid #d32500;
	border-radius: 3px;
	display: block;
	position: relative;
}

.c-inquiryButton a:after {
	content: '';
	width: 8px;
	height: 12px;
	display: inline-block;
	background: url(/_assets/img/common/arrow-white-01.svg) no-repeat center top / cover;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	transition: none;
}

.c-inquiryButton a:hover {
	color: #d32500;
	background: #fff;
}

.c-inquiryButton a:hover:after {
	background-image: url("/_assets/img/common/arrow-orange-01.svg");
}

.c-inquiryButton a em {
	font-size: 3rem;
	display: block;
}

.is-elastin .c-inquiryButton {
	padding-top: 0;
	padding-bottom: 3%;
}

.is-ascophyllan .c-inquiryButton {
	padding-top: 0;
	padding-bottom: 3%;
}

.is-hishiextract .c-inquiryButton {
	padding-top: 0;
	padding-bottom: 3%;
}

.c-shopList__item:not(:first-of-type) {
	padding: 90px 0 0;
}

.c-functionalmaterial-news__scroll .c-news-list {
	height: 300px;
	overflow-x: visible;
	overflow-y: scroll;
}

.c-functionalmaterial-news__scrollButton {
	text-align: right;
	margin-top: 30px;
}

.c-functionalmaterial-news__scrollButton a {
	text-align: center;
	width: 300px;
	max-width: none;
	display: inline-block !important;
}

.is-functionalmaterial.is-news .c-functionalmaterial-news {
	padding-top: 100px;
}

.is-functionalmaterial.is-news .u-table-corner th {
	font-weight: 700;
	white-space: nowrap;
}

.is-functionalmaterial.is-news .u-table-corner strong {
	font-weight: 400;
}

/* 2021.06.08 タブパネル */
.u-tabButton__items {
	padding: 0 10px;
}

.u-tabButton__item {
	text-align: center;
	width: calc(100% / 2);
	padding: 10px;
}

.u-tabButton__item.-none {
	pointer-events: none;
}

.u-tabButton__item figure {
	padding: 15px 10px;
	border: 1px solid #ddd;
	cursor: pointer;
	transition: .2s;
}

.u-tabButton__item:hover figure,
.u-tabButton__item.is-active figure {
	border-color: #d32500;
}

.u-tabButton__item figcaption {
	font-size: 1.4rem;
	margin: 1.25em 0 0;
	transition: .2s;
}

.u-tabButton__item.-none figcaption {
	margin-top: 0;
}

.u-tabButton__item:hover figcaption,
.u-tabButton__item.is-active figcaption {
	color: #d32500;
}

.u-tab__panelGroup {
	margin: 15px 0 0;
}

.u-tab__panel {
	margin: 0 20px;
	padding: 15px 30px 30px;
	display: none;
	border: 1px solid #ddd;
	position: relative;
}

.u-tab__panel.is-active {
	display: block;
}

.u-tabClose {
	text-align: center;
	margin: 30px 0 0;
}

.u-tabClose span {
	color: #fff;
	font-size: 1.2rem;
	font-weight: 700;
	padding: .35em .75em;
	background: #d32500;
	cursor: pointer;
	transition: .2s;
}

.u-tabClose span:hover {
	opacity: .8;
}


















