@charset "utf-8";
@font-face {
  font-family: 'tsukua';
  src: url('../font/rounded-x-mplus-1c-medium.ttf') format('truetype');
}

:root { --red: #e50012;}

/*---------------------------------------------------------------------------------------
	Overall settings
----------------------------------------------------------------------------------------*/

body {
	color:#111;
	text-align:center;
}
.f_i h2,.f_i h3,.f_i h4,.f_i h5,.f_i h6{ font-weight: bold;}
.f_i .switch{}
.f_i a{ color:#111; text-decoration:none; -webkit-transition: all .2s; transition: all .2s;}
.f_i a:hover{ opacity: .7; text-decoration:none;}
.f_i img.imgalpha, .svg path, .f_i .svg polygon{ -webkit-transition: all .2s; transition: all .2s;}
.f_i .svg{ vertical-align: middle;}
.f_i .underline{ text-decoration: underline;}
/* font */
/* .f_i .gothic{ font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;} */
.f_i .gothic{ font-family: 'Noto Sans JP', sans-serif;}
.f_i .mincho{ font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.f_i .noto{ font-family: 'Noto Sans JP', sans-serif;}
.f_i .tsukua,.mv-container.tsukua{
	font-family: 'tsukua';
	font-weight: 500;
}
.f_i .kosugi{
	font-family: 'Kosugi Maru', sans-serif;
}
/* red */
.f_i .white{ color: #fff;}
.f_i .red{ color: #c00;}
.f_i .blue{ color: #0071BA;}
.f_i .f12{ font-size: 12px;}
.f_i .f21{ font-size: 21px;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	.f_i a:hover{ opacity: 1;}
}


/*---------------------------------------------------------------------------------------
	contents
----------------------------------------------------------------------------------------*/


.f_i .f-red{ color: var(--red);}
.f_i .u-line{ text-decoration: underline;}
.f_i .u-line:hover{ text-decoration: none;}
.f_i .line2{ line-height: 2;}
.f_i .fot{
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	font-weight: 600;
	font-style: normal;
}
.f_i .reg{
	font-size: 80%;
	display: inline-block;
	vertical-align: top;
}
.f_i .f-bold{ font-weight: bold;}
.f_i .f-600{font-weight: 600;}
.f_i .f-normal{ font-weight: normal;}
.f_i .f24{
	font-size: 24px;
	line-height: 1.4;
}
.f_i .subtitle{
	font-size: 36px;
	line-height: .9;
}
.f_i .subtitle span{
	font-size: 18px;
}
.f_i .subtitle2{
	font-size: 30px;
	line-height: 1.2;
	padding-top: 20px;
	position: relative;
}
.f_i .subtitle2:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 0;
	border-color: #e50012 transparent transparent transparent;
}
.f_i .bd-gray-top{ border-top: 1px solid #b3b3b3;}
.f_i .lower-title,
.f_i .lower-title2{
	font-size: 36px;
	font-weight: 600;
	/* font-family:  "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	line-height: 1.4;
	text-align: center;
	padding: 44px 5% 40px;
	min-height: 160px;
	background: url("../images/functional_ingredients/lower-title.png") left top / auto 160px no-repeat, linear-gradient(to bottom, #fff, #f2f2f2);
}
.f_i .lower-title2{
	padding: 30px 5%;
}
.f_i .lower-title2 small{
	color: var(--red);
	font-size: 18px;
	/* font-family: 'Kosugi Maru', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
}
.f_i .arrow{
	display: inline-block;
}
.f_i .arrow:before{
	content: "》";
	color: var(--red);
	display: inline-block;
}
.f_i a.link-no{ pointer-events: none;}

.f_i .btn,.f_i input[type="button"],.f_i input[type="submit"],.f_i input[type="reset"]{
	color: #666;
	line-height: 1.2;
	text-align: center;
	border: 1px solid #4d4d4d;
	padding: 14px 50px;
	background: #fff;
	display: inline-block;
	margin: 0 10px 10px;
}
.f_i .btn-area{
	display: flex;
	justify-content: center;
}
.f_i .bg-blue{ background: #cddce3;}
.f_i .bg-pink{ background: #fbd9db;}

.f_i .faq dt{
	padding: 1em 3em 1em 6.5em;
	background: url(".f_i ..f_i ./images/functional_ingredients/arrow-green-bottom.svg") right 20px center no-repeat #E6E6E6;
	border-bottom: 2px solid #fff;
	position: relative;
	cursor: pointer;
}
.f_i .faq dt.f_i .open{ background: url(".f_i ..f_i ./images/functional_ingredients/arrow-green-top.svg") right 20px center no-repeat #E6E6E6;}
.f_i .faq dt span{
	position: absolute;
	left: 2em;
}
.f_i .faq dd{
	display: none;
	line-height: 2;
	padding: 1em 1em 2em 6.5em;
	position: relative;
}
.f_i .faq dd:before{
	content: "A";
	position: absolute;
	left: 3em;
	color: #f00;
}


a.f_i .pdf{
	padding-left: 45px;
	background: url("../images/functional_ingredients/icon-pdf.svg") left center no-repeat;
	display: inline-block;
	min-height: 30px;
}
.f_i .anc{
	padding-top: 120px;
	margin-top: -120px;
}
.f_i .w180{ width: 180px;}
.f_i .w200{ width: 200px;}
.f_i .w210{ width: 210px;}
.f_i .w220{ width: 220px;}
.f_i .w230{ width: 230px;}
.f_i .w240{ width: 240px;}
.f_i .w300{ width: 300px;}
.f_i .w400{ width: 400px;}
.f_i .w500{ width: 500px;}
.f_i .v-top{ vertical-align: top;}
.f_i .v-mid{ vertical-align: middle;}
.f_i table.tb1{
	width: 100%;
}
.f_i table.tb1 th,.f_i table.tb1 td div{
	background: #fff;
}
.f_i table.tb1 th{
	width: 330px;
	line-height: 1.2;
	padding: 10px 15px;
	border-right: 20px solid #fbd9db;
	border-bottom: 10px solid #fbd9db;
}
.f_i table.tb1 td{
	width: calc(100% - 270px);
	border-bottom: 10px solid #fbd9db;
}
.f_i .bg-blue table.tb1 th{
	border-right: 20px solid #cddce3;
	border-bottom: 10px solid #cddce3;
}
.f_i .bg-blue table.tb1 td{
	border-bottom: 10px solid #cddce3;
}
.f_i table.tb1 td div.check{
	padding: 10px 25px;
}
.f_i table.tb1 td div.check.privacy-check{
	display: inline-block;
	margin-right: 20px;
}
.f_i table.tb1 td label{
	display: inline-block;
	width: 13em;
	margin-right: .5em;
}
.f_i table.tb2{
	width: 100%;
	line-height: 1.6;
}
.f_i table.tb2.bd-gray{
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}
.f_i table.tb2 th, table.tb2 td{
	padding: 15px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.f_i table.tb2 th{
	color: #fff;
	background: #f28088;
	vertical-align: middle;
}
.f_i table.tb2 td{
	background: #f2f2f2;
	vertical-align: top;
}
.f_i table.tb2.bd-gray th, table.tb2.bd-gray td{
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	vertical-align: middle;
}
.f_i table.tb2 td .bg-pink{ background: #fbd9db;}
.f_i table.tb2 td .bg-aqua{ background: #dee9f4;}
.f_i table.tb2 td.bg-white{ background: #fff;}
.f_i table.tb3{
	width: 100%;
}
.f_i table.tb3.bd-topb{
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
}
.f_i table.tb3 th,.f_i table.tb3 td{
	padding: 10px 0;
	border-top: 1px dashed #999;
	vertical-align: top;
}
.f_i table.tb3 tr:first-child th,.f_i table.tb3 tr:first-child td{ border-top: none;}
.f_i table .v-mid th,.f_i table .v-mid td{ vertical-align: middle;}

.f_i dl .dl-bd-gray{
	border-bottom: 1px dashed #999;
	padding: 20px 0;
}
.f_i dl .dl-bd-gray:first-of-type{
	border-top: 1px dashed #999;
}
.f_i dl .dl-bd-gray dt{ margin-bottom: 5px;}
@media screen and (max-width: 768px) {
	.f_i .f24{
		font-size: 20px;
	}
	.f_i .subtitle{
		font-size: 28px;
	}
	.f_i .subtitle span{
		font-size: 16px;
	}
	.f_i .subtitle2{
		font-size: 24px;
	}
	.f_i .lower-title,
	.f_i .lower-title2{
		font-size: 31px;
	}
	.f_i .lower-title2 small{
		font-size: 16px;
	}
	.f_i .btn,.f_i input[type="button"],.f_i input[type="submit"],.f_i input[type="reset"]{
		padding: 14px 20px;
	}
	.f_i .btn-area{
		flex-wrap: wrap;
	}

	.f_i .subtitle span{
		font-size: 15px;
	}
	.f_i .lower-title,
	.f_i .lower-title2{
		padding: 24px 5%;
		min-height: inherit;
		background-size: auto 100%;
	}
	.f_i .lower-title, 
	.f_i .lower-title2{
		padding: 5px 5% 10px;
	}
	.f_i .faq dt{
		padding: 1em 4em 1em 4.5em;
	}
	.f_i .faq dt span{
		left: .5em;
	}
	.f_i .faq dd{
		line-height: 1.6;
		padding: 1em 1em 2em 4.5em;
	}
	.f_i .faq dd:before{
		left: 1.5em;
	}
	a.f_i .pdf{
		padding-left: 25px;
		background: url("../images/functional_ingredients/icon-pdf.svg") left center/ 18px auto no-repeat;
		display: block;
	}
	.f_i .anc{
		padding-top: 90px;
		margin-top: -90px;
	}
	.f_i .w180,.f_i .w200,.f_i .w210,.f_i .w220,.f_i .w230,.f_i .w240,.f_i .w300,.f_i .w400,.f_i .w500{ width: auto;}
	.f_i table.tb1 th{
		width: 100%;
		padding: 5px 10px;
		border-right: none;
		display: block;
		border-bottom: 5px solid #fbd9db;
	}
	.f_i table.tb1 td{
		width: 100%;
		border-bottom: 10px solid #fbd9db;
		display: block;
	}
	.f_i .bg-blue table.tb1 th{
		border-right: none;
		border-bottom: 5px solid #cddce3;
	}
	.f_i .bg-blue table.tb1 td{ border-bottom: 10px solid #cddce3;}
	.f_i table.tb1 td div.check{
		padding: 10px;
	}
	.f_i table.tb1 td label{
		width: 100%;
		margin-right: 0;
	}
	.f_i table.tb1 td div.check .wpcf7-list-item{
		display: block;
		width: 100%;
	}
	.f_i table.tb2 th,.f_i table.tb2 td{ padding: 10px 15px;}
	.f_i table.tb3 th,.f_i table.tb3 td{ padding: 5px 0;}
	.f_i table.tb3.sp-block th{ padding-bottom: 0;}
	.f_i table.tb3.sp-block td{
		border-top: none;
		padding-top: 0;
	}
	.f_i table.sp-block th,
	.f_i table.sp-block td{ 
		display: block !important;
		width: 100% !important;
	}
}

#contents.f_i{
	text-align: left;
	line-height: 2;
	padding-top: 200px;
	clear: both;
	transition: all .3s;
	background: #fff;
	padding-bottom: 1px;
}
.f_i .wrap{
	clear: both;
	box-sizing: content-box;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5%;
	padding-right: 5%;
}
/* bnrfixed */
/* .bnrfixed{ position: fixed; right: 20px; top: 220px; z-index: 999; transition: 0.3s top;}
.is-scroll .bnrfixed{ top: 150px;}
.bnrfixed img{ display: block; margin-bottom: 10px;} */

/*------------------------------ responsive ------------------------------*/
/* @media screen and (max-width: 768px) {
	.bnrfixed{
		position: static;
		display: flex;
		justify-content: space-around;
	}
	header.f_i_header #headerwrap nav ul.gnav > li .bnrfixed a{
		border-bottom: none;
		width: 50%;
		text-align: center;
	}
	.bnrfixed img{ display: inline; margin-bottom: 0;}
} */



/*---------------------------------------------------------------------------------------
	top
----------------------------------------------------------------------------------------*/

.f_i .top .slide .slick-slide{ height: calc(100vh - 120px);}
.f_i .top .slide div:nth-child(1){ background: url("../images/functional_ingredients/top-slide1.jpg") center / cover no-repeat;}
.f_i .top .slide div:nth-child(2){ background: url("../images/functional_ingredients/top-slide2.jpg") center / cover no-repeat;}
.f_i .top .slide div:nth-child(3){ background: url("../images/functional_ingredients/top-slide3.jpg") center / cover no-repeat;}
.f_i .top .slide div:nth-child(4){ background: url("../images/functional_ingredients/top-slide4.jpg") center / cover no-repeat;}
.top #contents.f_i{ padding-top: 0; background-color: #fff;}

.mv-container.tsukua {
	padding-top: 120px;
	text-align: center;
	position:relative;
	height: 100vh;
	overflow: hidden;
	z-index: -1;
	background:url("../images/functional_ingredients/ajax-loader.gif") #fff;
	background-position: center;
	transform-origin: center center;
	background-repeat: no-repeat;
	background-size: 32px auto;
}
.mv-container.tsukua.bg-none { background: none;}

@media screen and (max-width: 1280px) {
	#contents.f_i{ padding-top: 18vw;}
}
@media screen and (min-width: 769px) {
	.mv-container.tsukua {
		height: 100vh;
	}
	
}

@media screen and (max-width: 768px) {
	.mv-container.tsukua {
		padding-top: 0;
		margin-top: 15vw;
	}
	
}

.mv-container.tsukua>div.noload{
	display:none;
}


.add_keyframe_out{
	animation-name:mv-fade-out;
	animation-duration:5.5s; 
	animation-iteration-count: 1;
}

.add_keyframe_in{
	animation-name:mv-fade-in;
	animation-duration:5.5s; 
	animation-iteration-count: 1;
}



@keyframes mv-fade-in {
	0%   { opacity: 0; }
	25%   { opacity: 0; }
	75% { opacity: 1; }
	100% { opacity: 1; }
}

@keyframes mv-fade-out {
	0%   { opacity: 1; }
	25%   { opacity: 1; }
	75% { opacity: 0; }
	100% { opacity: 0; }
}

.tsukua #bg0{
	background-image:url("../images/functional_ingredients/top-slide1.jpg");
	background-position: center bottom;
}
.tsukua #bg1{
	background-image:url("../images/functional_ingredients/top-slide2.jpg");
	background-position: center;
}
.tsukua #bg2{
	background-image:url("../images/functional_ingredients/top-slide3.jpg");
	background-position: center;
}
.tsukua #bg3{
	background-image:url("../images/functional_ingredients/top-slide4.jpg");
	background-position: center;
}
.tsukua #bg4{
	background-image:url("../images/functional_ingredients/top-slide5.jpg");
	background-position: center;
}

.tsukua .mv-slide {
	position:fixed;
	z-index:-1;
	transform-origin: center center;
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center top; 
	webkit-transition: background-size 7000ms linear;
	-moz-transition: background-size 7000 linear;
	-o-transition: background-size 7000 linear;
	-ms-transition: background-size 7000ms linear;
	transition: background-size 7000ms linear;
}
.tsukua .mv-slide.active{
/*	background-size:110%;*/
}

@media screen and (max-width: 768px) {
.tsukua .mv-slide { background-size: auto 100%;}
/*.mv-slide.active{ background-size: auto 110%;}*/
	.tsukua #bg0{
		background-image:url("../images/functional_ingredients/top-slide1-sp.jpg");
		background-position: center bottom;
	}
}

.tsukua .mv-slide p{
	color: #000;
	font-size: 32px;
	line-height: 1.8;
	text-shadow: #fff 0 0 10px,#fff 0 0 10px,#fff 0 0 10px,#fff 0 0 10px;
	position: absolute;
	top: 15%;
	left: 0;
	z-index: 999;
	width: 100%;
}
.tsukua .mv-slide:nth-child(2) p{ top: 40%;}
.tsukua .mv-slide:nth-child(3) p{ top: 20%;}
.tsukua .mv-slide:nth-child(4) p{ top: 70%;}
.tsukua .mv-slide:nth-child(5) p{ top: 18%;}


@media screen and (max-width: 768px) {
	.top #contents{ padding-top: 30px;}
	.mv-container.tsukua .slide .slick-slide{
		height: 25vh;
		margin-top: 90px;
	}
	.mv-container.tsukua .mv-slide p{
		font-size: 3vw;
		padding: 0 3%;
	}
	.mv-container.tsukua .mv-slide p{ top: 90px;}
	.mv-container.tsukua .mv-slide:nth-child(2) p{ top: 110px;}
	.mv-container.tsukua .mv-slide:nth-child(3) p{
		top: inherit;
		bottom: 20px;
	}
	.mv-container.tsukua .mv-slide:nth-child(4) p{ top: 40px;}
}

.f_i #contents{ background-color:#fff;}



/*---------------------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------------------*/

.l-footer{
	background-color: #fcf7f1;
}

/* top */
.f_i #contents.top-contents{
	background: #fff;
	overflow: hidden;
}
.f_i #top-news{
	text-align: center;
	padding: 65px 0 70px;
	background: url("../images/functional_ingredients/top-news.png") left top / 100% auto no-repeat, linear-gradient(to bottom, #fff, #f2f2f2);
}
.f_i #top-news div{
	display: inline-block;
}
.f_i #top-news article{
	text-align: left;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.f_i #top-news article:last-child{ margin-bottom: 50px;}
.f_i p.date{
	width: 9em;
	margin-right: 1em;
}
.f_i #top-news article p.txt{
	width: calc(100% - 10em);
}

.f_i #top-news article p.txt a[href$=".pdf"]::after {
	content: "";
	width: 1.5rem;
	height: 1.7rem;
	background-image: url(../images/common/icn_pdf.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: inline-block;
	margin-left: 0.5em;
	position: relative;
	top: 0.4rem;
	left: -0.2rem;
}
@media screen and (max-width: 768px) {
	.f_i #top-news article p.txt a[href$=".pdf"]::after {
		width: 4vw;
		height: 4.5333333333vw;
		top: 1.0666666667vw;
		left: -0.5333333333vw;
	}
}



#top-commitment{
	text-align: center;
	padding-top: 80px;
}
.f_i #top-commitment div{
	background: url("../images/functional_ingredients/top-commitment-bg.jpg") center / cover no-repeat;
	padding: 75px 5% 150px;
}
.f_i #top-commitment div h3{
	color: #fff;
	font-size: 32px;
	line-height: 1.2;
}
.f_i #top-commitment div h4{
	font-size: 36px;
	line-height: 1.2;
	text-shadow: #fff 0 0 5px,#fff 0 0 5px,#fff 0 0 5px,#fff 0 0 5px;
}
.f_i #top-category{
	padding: 75px 0 80px;
}
.f_i #top-category article{
	display: flex;
}
.f_i #top-category article:nth-child(2n){
	flex-direction: row-reverse;
}
.f_i #top-category article.top-category-functions{
	background: url("../images/functional_ingredients/top-category-functions-bg.jpg") right 50% top 20% / 75% auto no-repeat;
}
.f_i #top-category article.top-category-food{
	background: url("../images/functional_ingredients/top-category-food-bg.jpg") left 50% top 20% / 75% auto no-repeat;
}
.f_i #top-category article.top-category-cosmetic{
	background: url("../images/functional_ingredients/top-category-cosmetic-bg.jpg") right 50% top 20% / 75% auto no-repeat;
	margin-bottom: 20px;
}
.f_i #top-category article.top-category-medicine{
	background: url("../images/functional_ingredients/top-category-medicine-bg.jpg") left 50% top 20% / 75% auto no-repeat;
}
.f_i #top-category article div,#top-category article figure{ width: 50%;}
.f_i #top-category article div{
	padding: 5% 3% 7%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.f_i #top-category article:nth-child(2n) div{ padding-right: 20%;}
.f_i #top-category article:nth-child(2n+1) div{ padding-left: 20%;}
.f_i #top-category article div h3{
	font-size: 3vw;
	line-height: 1.2;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.f_i #top-category article div p.standby{
	color: #fff;
	font-size: 30px;
	padding: 5px 20px;
	background: #4d4d4d;
}
.f_i #top-category article div ul li a{
	padding: 3px 0;
}

.f_i #top-app{
	padding: 75px 0 80px;
}
.f_i #top-app .clm3{
	display: flex;
	border-top: 1px solid #b3b3b3;
	padding: 0 5%;
}
.f_i #top-app .clm3 div{
	width: 33.33%;
	width: calc(100% / 3);
}
.f_i #top-app .clm3 div h3.subtitle2{ font-size: 24px;}
.f_i #top-app .clm3 div figure{ margin-bottom: 20px;}
.f_i #top-app .clm3 div ul{
	font-size: 18px;
	line-height: 1.6;
}
.f_i aside{
	text-align: center;
	padding: 70px 5% 80px;
	background: url("../images/functional_ingredients/top-newsletter-bg.jpg") center / cover no-repeat;
}
.f_i aside .subtitle{ color: #fff;}
.f_i aside a.btn{
	color: #001b5b;
	font-size: 21px;
	font-weight: bold;
}
.f_i .top-aboutus{ display: flex; justify-content: center; font-size: 24px; font-weight: bold; text-align: center;}
.f_i .top-aboutus li{ width: 31%; margin: 0 20px;}
.f_i .top-aboutus li img{ margin-bottom: .5em;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	#contents.top-contents.f_i{ padding: 0;}
	.f_i #top-news{ padding: 30px 0 35px;}
	.f_i #top-news article{ align-items: baseline;}
	.f_i #top-news article:last-child{ margin-bottom: 25px;}
	.f_i #top-news article p.date{
		width: 8em;
		margin-right: .5em;
	}
	.f_i #top-news article p.txt{
		width: calc(100% - 9em);
	}
	.f_i #top-commitment{ padding-top: 40px;}
	.f_i #top-commitment div{ padding: 35px 5% 75px;}
	.f_i #top-category{ padding: 40px 0;}
	.f_i #top-category article{
		display: block;
		margin-bottom: 20px;
	}
	.f_i #top-category article.top-category-functions{
		background: url("../images/functional_ingredients/top-category-functions-bg.jpg") center / auto 120% no-repeat;
	}
	.f_i #top-category article.top-category-food{
		background: url("../images/functional_ingredients/top-category-food-bg.jpg") center / auto 120% no-repeat;
	}
	.f_i #top-category article.top-category-cosmetic{
		background: url("../images/functional_ingredients/top-category-cosmetic-bg.jpg") center / auto 120% no-repeat;
		margin-bottom: 20px;
	}
	.f_i #top-category article.top-category-medicine{
		background: url("../images/functional_ingredients/top-category-medicine-bg.jpg") center / auto 120% no-repeat;
	}
	.f_i #top-category article div,#top-category article figure{ width: 100%;}
	.f_i #top-category article div{
		padding: 10% 10% 7%;
		display: block;
	}
	.f_i #top-category article:nth-child(2n) div{ padding-right: 10%;}
	.f_i #top-category article:nth-child(2n+1) div{ padding-left: 10%;}
	.f_i #top-category article div h3{
		font-size: 24px;
		writing-mode: horizontal-tb;
		margin-bottom: 10px;
	}
	.f_i #top-category article div p.standby{
		font-size: 20px;
		padding: 3px 15px;
	}

	.f_i #top-app{ padding: 35px 0 40px;}
	.f_i #top-app .clm3{ display: block;}
	.f_i #top-app .clm3 div{
		width: 100%;
		margin-bottom: 20px;
	}
	.f_i #top-app .clm3 div figure{ margin-bottom: 10px;}
	.f_i #top-app .clm3 div h3.subtitle2{ font-size: 20px;}
	.f_i #top-app .clm3 div ul{ font-size: 14px;}
	.f_i .top-aboutus li{ width: 45%; margin: 0 2.5%;}
	.f_i aside{
		padding: 35px 5% 40px;
	}
}









/* about */
.f_i ol.about-ol{
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.f_i ol.about-ol:before,ol.about-ol:after{
	content: "";
	background: var(--red);
	position: absolute;
	display: block;
}
.f_i ol.about-ol:before{
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
}
.f_i ol.about-ol:after{
	bottom: 0;
	left: 50%;
	width: 9px;
	height: 9px;
	margin-left: -4px;
	border-radius: 50%;
}
.f_i ol.about-ol li{
	width: 48%;
	margin-right: 4%;
	padding-top: 40px;
	border-top: 1px solid var(--red);
	position: relative;
	display: flex;
	justify-content: space-between;
}
.f_i ol.about-ol li:before,.f_i ol.about-ol li:after{
	content: "";
	position: absolute;
	top: -5px;
	width: 9px;
	height: 9px;
	background: var(--red);
	border-radius: 50%;
	display: block;
}
.f_i ol.about-ol li:before{ left: 0;}
.f_i ol.about-ol li:after{ right: 0;}
.f_i ol.about-ol li:nth-child(2n){
	margin-right: 0;
	flex-direction: row-reverse;
}
.f_i ol.about-ol li:nth-child(1),.f_i ol.about-ol li:nth-child(2){
	padding: 0 0 40px;
	border-top: none;
}
.f_i ol.about-ol li:nth-child(1):after,.f_i ol.about-ol li:nth-child(2):before,.f_i ol.about-ol li:nth-child(2):after{ content: none;}
.f_i ol.about-ol li:nth-child(1):before{ left: calc(100% + 20px);}
.f_i ol.about-ol li > figure{
	width: 50%;
	padding: 0 10px;
}
.f_i ol.about-ol li.about4{
	flex-direction: row;
}
.f_i ol.about-ol li.about4 > figure{
	width: 70px;
}
.f_i ol.about-ol li.about4 div{
	display: flex;
	flex-wrap: wrap;
	flex: 1;
}
.f_i ol.about-ol li.about4 div figure{
	width: 50%;
	padding: 0 20px 15px;
	text-align: center;
}
.f_i ol.about-ol li.about4 div figure img{
	width: 60%!important;
	margin-bottom: 10px;
}
.f_i ol.about-ol li.about4 div figure figcaption{
	line-height: 1.2;
}
.f_i ol.about-ol li.about4 div figure figcaption small{
	font-size: 14px;
}
.f_i ol.about-ol li dl{
	padding-top: 30px;
	width: 47%;
}
.f_i ol.about-ol li dl dt{
	color: var(--red);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.4;
}
.f_i ol.about-ol li dl dt small{
	font-size: 16px;
	font-weight: normal;
}
.f_i ol.about-ol li dl dt small.f-black{ color: #000;}
.f_i ol.about-ol li dl dd{
	font-size: 18px;
	line-height: 2;
	margin-left: 1em;
}
.f_i ol.about-ol li dl dd:before{
	color: var(--red);
	content: "・";
}
.f_i ol.about-ol li dl dd.before-no{
	margin-left: 0;
}
.f_i ol.about-ol li dl dd.before-no:before{ content: none;}
.f_i ol.about-ol li dl dd.before-no figure{
	display: flex;
	justify-content: space-between;
}
.f_i ol.about-ol li dl dd.before-no figure img{ width: 48%;}
.f_i .movie{
	background: url("../images/functional_ingredients/about-movie-bg.png") center / cover no-repeat;
	padding: 80px 0;
}
.f_i .movie .wrap{ max-width: 900px;}
.f_i .movie .video-cont{ border: 12px solid #fff;}
.f_i .bg-bd-pink{
	background: url("../images/functional_ingredients/bg-bd-pink.png") left top repeat;
	padding: 80px 0;
}
.f_i .bg-bd-pink .wrap{
	display: flex;
	justify-content: space-between;
}
.f_i .bg-bd-pink .wrap div{ width: 49%;}
.f_i .bg-bd-gray{
	background: url("../images/functional_ingredients/bg-bd-gray.png") left top repeat;
	padding: 80px 0;
}
.f_i .bg-bd-gray .wrap{
	display: flex;
	justify-content: space-between;
}
.f_i .bg-bd-gray .wrap .leftcol{ width: 43.75%;}
.f_i .bg-bd-gray .wrap .rightcol{ width: 51.66%;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	.f_i ol.about-ol{ display: block;}
	.f_i ol.about-ol:before,.f_i ol.about-ol:after,.f_i ol.about-ol li:nth-child(1):before{ content: none;}
	.f_i ol.about-ol li{
		width: 100%;
		padding-top: 0;
		margin: 0 0 20px;
		display: block;
	}
	.f_i ol.about-ol li:nth-child(1),.f_i ol.about-ol li:nth-child(2){ padding: 0;}
	.f_i ol.about-ol li:nth-child(2){ border-top: 1px solid var(--red);}
	.f_i ol.about-ol li:nth-child(2):before,.f_i ol.about-ol li:nth-child(2):after{ content: ""}
	.f_i ol.about-ol li > figure{
		text-align: center;
		width: 100%;
		padding: 0;
	}
	.f_i ol.about-ol li > figure img{
		max-width: 250px;
	}
	.f_i ol.about-ol li.about4 > figure{
		text-align: left;
		padding-top: 15px;
		width: 100%;
		max-width: 250px;
		margin: 0 auto 20px;
	}
	.f_i ol.about-ol li.about4 > figure img{
		width: 45px!important;
	}
	.f_i ol.about-ol li.about4 div figure{
		padding: 0 10px 15px;
	}
	.f_i ol.about-ol li.about4 div figure img{
		width: 60%!important;
		margin-bottom: 2vw;
	}
	.f_i ol.about-ol li.about4 div figure figcaption small{
		font-size: 3.733vw;
	}
	.f_i ol.about-ol li dl{
		padding-top: 15px;
		width: 100%;
		margin-bottom: 10px;
	}
.f_i ol.about-ol li dl dt small{
	font-size: 16px;
}
	.f_i ol.about-ol li dl dd{ margin-left: 0;}
	.f_i ol.about-ol li dl dd.before-no figure{
		display: block;
	}
	.f_i ol.about-ol li dl dd.before-no figure img{
		 width: 130px;
		margin: 0 5px;
	}
	.f_i .movie .video-cont{ border: 6px solid #fff;}
	.f_i .bg-bd-pink{ padding: 40px 0;}
	.f_i .bg-bd-pink .wrap{ display: block;}
	.f_i .bg-bd-pink .wrap figure{
		text-align: center;
		width: 100%;
		margin-bottom: 20px;
	}
	.f_i .bg-bd-gray{
		padding: 40px 0;
		margin-bottom: 70px;
	}
	.f_i .bg-bd-gray .wrap{ 
		text-align: center;
		display: block;
	}
	.f_i .bg-bd-gray .wrap .leftcol{
		width: 100%;
		margin-bottom: 20px;
	}
	.f_i .bg-bd-gray .wrap .rightcol{ width: 100%;}
}

/* catalog */
.f_i ul.catalog-list{
	display: flex;
	flex-wrap: wrap;
}
.f_i ul.catalog-list li{
	font-size: 16px;
	width: 15%;
	margin: 0 1.91% 20px 0;
}
.f_i ul.catalog-list li:nth-child(6n){ margin-right: 0;}
.f_i ul.catalog-list li figure{
	margin-bottom: 10px;
}
.f_i ul.catalog-list li p{
	text-align: center;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	.f_i ul.catalog-list li{
		width: 120px;
		margin: 0 10px 10px 0;
	}
	.f_i ul.catalog-list li figure{ margin-bottom: 5px;}
}



/* news */
.f_i .news{
	display: flex;
	justify-content: space-between;
	margin-bottom: 120px;
}
.f_i .news .news-list,.f_i .news .news-detail{
	width: 79.16%;
	width: calc(100% - 250px);
}
.f_i .news .news-list article{
	display: flex;
	justify-content: space-between;
}
.f_i .date{
	width: 150px;
	border-bottom: 1px solid #f28088;
	padding: 10px 0;
}
.f_i .news .news-list article .news-title{
	width: calc(100% - 180px);
	border-bottom: 2px dotted #cccccc;
	padding: 10px 0;
}
.f_i .news .news-list article .news-title a[href$=".pdf"]::after {
	content: "";
	width: 1.5rem;
	height: 1.7rem;
	background-image: url(../images/common/icn_pdf.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: inline-block;
	margin-left: 0.5em;
	position: relative;
	top: 0.4rem;
	left: -0.2rem;
}
@media screen and (max-width: 768px) {
	.f_i .news .news-list article .news-title a[href$=".pdf"]::after {
		width: 4vw;
		height: 4.5333333333vw;
		top: 1.0666666667vw;
		left: -0.5333333333vw;
	}
}
.f_i .news .archive{
	width: 200px;
}
.f_i .news .archive h2{
	color: #fff;
	font-size: 24px;
	text-align: center;
	padding: 10px;
	border-radius: 0 0 10px 10px;
	background: #f28088;
	margin-bottom: 20px;
}
.f_i .news .archive ul{
	padding: 25px 30px;
	border-radius: 10px;
	background: #f2f2f2;
}
.f_i .news .archive ul li a:before{
	content: "»";
	margin-right: .5em;
	position: relative;
	top : -0.05em;
}
.f_i .news .archive ul li.active a:before{ color: #f28088;}
.f_i ul.pager{
	line-height: 1.1;
	display: flex;
	justify-content: center;
}
.f_i ul.pager li{
	text-align: center;
	min-width: 65px;
	border-left: 1px solid #000;
}
.f_i ul.pager li.prev,.f_i ul.pager li.next{ padding: 0 25px;}
@media screen and (max-width: 768px) {
	.f_i ul.pager li.prev,.f_i ul.pager li.next{ padding: 0 10px;}
}

.f_i ul.pager li:first-child{ border-left: none;}
.f_i ul.pager li a{
	color: #999;
	display: inline-block;
	width: 100%;
}
.f_i .note{
	&::after{
		content: "";
		display: block;
		clear: both;
	}
}
.f_i .note p,.f_i .note h1,.f_i .note h2,.f_i .note h3,.f_i .note h4,.f_i .note h5,.f_i .note h6,.f_i .note figure,.f_i .note ul,.f_i .note ol{ margin-bottom: 2em;}
.f_i .note figure{ text-align: center;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	.f_i .news{
		display: block;
		margin-bottom: 60px;
	}
	.f_i .news .news-list,.f_i .news .news-detail{
		width: 100%;
		margin-bottom: 50px;
	}
	.f_i .news .news-list article{
		display: block;
		margin-bottom: 20px;
	}
	.f_i .news .news-list article .date,.f_i .news .news-list article .news-title{ padding: 5px 0;}
	.f_i .news .news-list article .date,.f_i .news .news-list article .news-title{ width: 100%;}
	.f_i .news .archive{ width: 100%;}
	.f_i .news .archive h2{
		padding: 5px;
		margin-bottom: 15px;
	}
	.f_i .news .archive ul{ padding: 15px 20px;}
	.f_i ul.pager{ flex-wrap: wrap;}
	.f_i ul.pager.pt70{ padding-top: 10px;}
	.f_i ul.pager li{
		min-width: 25px;
		margin-bottom: 10px;
	}
}




/* cosmetic rutin */
.f_i .cos-rutin1{
	display: flex;
	justify-content: space-between;
}
.f_i .cos-rutin1 div{
	width: 54%;
}
.f_i .cos-rutin1 figure{
	width: 40%;
}
.f_i .cos-rutin-list dt{
	color: var(--red);
	font-size: 24px;
}
.f_i .cos-rutin-list dd{
	padding-left: 1em;
	position: relative;
}
.f_i .cos-rutin-list dd:before{
	display: inline-block;
	content: "";
	position: absolute;
	left: .3em;
	top: .8em;
	width: 6px;
	height: 6px;
	background: var(--red);
	border-radius: 100%;
}
@media screen and (max-width: 768px) {
	.f_i .cos-rutin1{
		display: block;
	}
	.f_i .cos-rutin1 div{
		width: auto;
		margin-bottom: 30px;
	}
	.f_i .cos-rutin1 figure{
		width: auto;
	}
}




/* cosmetic rutin */
.f_i .cos-rutin1{
	display: flex;
	justify-content: space-between;
}
.f_i .cos-rutin1 div{
	width: 54%;
}
.f_i .cos-rutin1 figure{
	width: 40%;
}
.f_i .cos-rutin-list dt{
	color: var(--red);
	font-size: 24px;
}
.f_i .cos-rutin-list dd{
	padding-left: 1em;
	position: relative;
}
.f_i .cos-rutin-list dd:before{
	display: inline-block;
	content: "";
	position: absolute;
	left: .3em;
	top: .8em;
	width: 6px;
	height: 6px;
	background: var(--red);
	border-radius: 100%;
}
@media screen and (max-width: 768px) {
	.f_i .cos-rutin1{
		display: block;
	}
	.f_i .cos-rutin1 div{
		width: auto;
		margin-bottom: 30px;
	}
	.f_i .cos-rutin1 figure{
		width: auto;
	}
}

/* cosmetic hesperidin */
.f_i .cos-hesperidin1{
	display: flex;
	justify-content: space-between;
}
.f_i .cos-hesperidin1 div{
	width: 68%;
}
.f_i .cos-hesperidin1 figure{
	width: 25%;
	padding-top: 50px;
}
.f_i .cos-hesperidin1 figure img{
	width: 100%;
	max-width: 300px;
}
@media screen and (max-width: 768px) {
	.f_i .cos-hesperidin1{
		display: block;
	}
	.f_i .cos-hesperidin1 div{
		width: auto;
		margin-bottom: 30px;
	}
	.f_i .cos-hesperidin1 figure{
		width: auto;
		padding-top: 0;
		text-align: center;
	}
}

/* cosmetic cosarte */
.f_i .cos-cosarte-list{
	display: flex;
	justify-content: space-between;
}
.f_i .cos-cosarte-list ol{
	width: 48%;
}
.f_i .cos-cosarte-list ol li{
	padding: .5em 0;
	border-bottom: 1px dotted #999;
}
.f_i cos-cosarte-list ol li:first-letter{
	color: #F28189;
}
@media screen and (max-width: 768px) {
	.f_i .cos-cosarte-list{
		display: block;
	}
	.f_i .cos-cosarte-list ol{
		width: auto;
	}
}

/* cosmetic naringinol */
.f_i .cosmetic-naringinol-img img{
	width: 100%;
	max-width: 400px;
}

/* cosmetic scrub */
.f_i .cos-scrub-movie{
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;
	background: url(../images/functional_ingredients/cosmetic-scrub-moviebg.jpg) center / cover;
}
@media screen and (max-width: 768px) {
	.f_i .cos-scrub-movie{
		padding-top: 40px;
		padding-bottom: 40px;
	}
}



/* food suite */
.f_i ul.food-suite-list{
	display: flex;
	justify-content: space-between;
}
.f_i ul.food-suite-list li{
	width: 13.8%;
}



/* food rutin */
.f_i .food-rutin-clm2-1,.f_i .food-rutin-clm2-2{
	display: flex;
	justify-content: space-between;
}
.f_i .food-rutin-clm2-1 figure{ width: 41.66%;}
.f_i .food-rutin-clm2-1 figure:first-child{ width: 50%;}
.f_i .food-rutin-clm2-2 figure{ width: 48.33%;}
@media screen and (max-width: 768px) {
	.f_i .food-rutin-clm2-1,.f_i .food-rutin-clm2-2{ display: block;}
	.f_i .food-rutin-clm2-1 figure,.f_i .food-rutin-clm2-2 figure{
		text-align: center;
		width: 100%;
	}
	.f_i .food-rutin-clm2-1 figure:first-child,.f_i .food-rutin-clm2-2 figure:first-child{
		width: 100%;
		margin-bottom: 30px;
	}
}



/* food hesperidin */
.f_i .hesperides{
	background: url("../images/functional_ingredients/food-hesperidin-bg.png") center / cover no-repeat;
	padding: 80px 0;
	margin-bottom: 150px;
}
.f_i .hesperides .wrap{
	display: flex;
	justify-content: space-between;
}
.f_i .hesperides .wrap figure{
	width: 32%;
	position: relative;
}
.f_i .hesperides .wrap figure img{
	position: absolute;
	top: -135px;
	left: -4%;
}
.f_i .hesperides .wrap div{ width: 62.5%;}
.f_i .hesperides .wrap div p{ margin-bottom: 1em;}
.f_i .hesperides .wrap div p:last-child{ margin-bottom: 0;}



/* movie-cont */
.f_i .movie-bg{
	padding: 80px 5%;
	background: url(../images/movie-bg.jpg) center / cover no-repeat;
	margin-bottom: 120px;
}
.f_i .movie-bg .movie-cont{
	max-width: 865px;
	border: 12px solid #fff;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.f_i .movie-bg{
		padding: 40px 5%;
		margin-bottom: 60px;
	}
	.f_i .movie-bg .movie-cont{
		border: 6px solid #fff;
	}
}



/* food */
.f_i .food-bdbox{
	border: 1px solid #999;
	padding: 20px 40px;
}
@media screen and (max-width: 768px) {
	.f_i .food-bdbox{
		padding: 10px 20px;
	}
}



/* dextran */
.f_i .dextran-clm2{
	display: flex;
	margin-bottom: 70px;
}
.f_i .dextran-clm2 figure{
	margin-right: 50px;
}
@media screen and (max-width: 768px) {
	.f_i .dextran-clm2{
		display: block;
		margin-bottom: 40px;
	}
	.f_i .dextran-clm2 figure{
		margin: 0 0 40px;
	}
}



/* ikes */
.f_i .ikes-imgright{
	display: flex;
	justify-content: space-between;
}
.f_i .ikes-imgright figure{
	width: 33.3333%;
	margin-left: 40px;
}
.f_i .ikes-imgright p{ flex: 1;}
@media screen and (max-width: 768px) {
	.f_i .ikes-imgright{ display: block;}
	.f_i .ikes-imgright figure{
		width: 100%;
		margin: 20px 0 0;
	}
}



/* food-outline */
.f_i .food-outline{ display: flex;}
.f_i .food-outline figure{ margin-right: 90px;}
.f_i .food-outline div{ flex: 1;}
@media screen and (max-width: 768px) {
.f_i .food-outline{ display: block;}
.f_i .food-outline figure{ margin: 0 0 30px; text-align: center;}
}



@media print{
	.f_i #contents{padding-top: 0;}
	.f_i .sponly{display: none;}
}



/* quality */
.f_i .quality1{ display: flex; justify-content: space-between;}
.f_i .quality1 a{ display: flex; align-items: center; padding: 10px; width: 31.6%; color: #E50012; font-size: 21px; letter-spacing: .9em; background: url(../images/functional_ingredients/icon-red-rb.svg) right bottom no-repeat; border: 1px solid #E50012;}
.f_i .quality1 a img{ width: 100px!important;}
.f_i .quality1 a span{ flex: 1; text-align: center; padding-left: .9em;}
.f_i .quality2{ padding-top: 100px; position: relative;}
.f_i .quality2:before{ display: block; content: ""; position: absolute; left: 0; top: 100px; width: 100%; height: 1px; background: #B3B3B3;}
.f_i .quality2 h2{ margin-bottom: .5em; font-size: 30px; font-weight: normal; line-height: 100px; background: url("../images/functional_ingredients/icon-red-lt.svg") left top no-repeat;}
.f_i .quality2 .lead{ margin-bottom: .5em; color: #E50012; font-size: 24px;}
.f_i .quality2 .catch{ margin-bottom: 1em; font-size: 24px;}
.f_i .quality2 table{ width: 100%; text-align: left;}
.f_i .quality2 table th{ width: 200px; padding: 1em 0; position: relative;}
.f_i .quality2 table th:before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 150px; height: 1px; background: #F28088;}
.f_i .quality2 table td{ padding: 1em 0; border-top: 1px dashed #ccc;}
.f_i .quality2 iframe{ width: 100%; height: 320px; border-radius: 30px;}
.f_i .bg-stripes{ background: url("../images/functional_ingredients/bg-stripes.png") center top repeat;}
.f_i .quality2 .box1{ display: flex; justify-content: space-between;}
.f_i .quality2 .box1 div{ width: 55%;}
.f_i .quality2 .box1 div h3{ margin-bottom: 50px; padding: .5em 2em; max-width: 660px; color: #fff; font-size: 25px; font-weight: normal; line-height: 1.4; text-align: center; background: #F28088; border-radius: 100px;}
.f_i .quality2 .box1 figure{ width: 40%;}
.f_i .quality2 .box1 figure img{ border-radius: 30px;}
.f_i .quality2 .box2{ display: flex; justify-content: space-between; margin-bottom: 2em;}
.f_i .quality2 .box2 div{ flex: 1; padding-right: 50px;}
.f_i .quality2 .box2 div h3{ margin-bottom: 50px; padding: .5em 2em; max-width: 660px; color: #fff; font-size: 25px; font-weight: normal; line-height: 1.4; text-align: center; background: #F28088; border-radius: 100px;}
.f_i .quality2 .box2 figure{ width: 251px;}
.f_i .quality2 .box3{ display: flex; justify-content: space-between;}
.f_i .quality2 .box3 figure{ width: 214px;}
.f_i .quality2 .box3 table{ width: 77.5%;}
.f_i .quality2 .box3 table th{ padding: .6em 0;}
.f_i .quality2 .box3 table th:before{ top: auto; bottom: 0;}
.f_i .quality2 .box3 table td{ padding: .6em 0; border-top: none; border-bottom: 1px dashed #ccc;}

@media screen and (max-width: 1100px) {
	.f_i .quality1 a{ letter-spacing: .2em;}
	.f_i .quality1 a img{ width: 80px;}
	.f_i .quality1 a span{ padding-left: .2em;}
}
@media screen and (max-width: 768px) {
	.f_i .quality1{ display: block;}
	.f_i .quality1 a{ padding: 5px; margin-bottom: 10px; width: auto; font-size: 20px;}
	.f_i .quality1 a img{ width: 60px;}
	.f_i .quality2 h2{ font-size: 24px;}
	.f_i .quality2 .lead{ font-size: 20px; line-height: 1.8;}
	.f_i .quality2 .catch{ font-size: 20px; line-height: 1.8;}
	.f_i .quality2 table th{ display: block; width: 100%; padding: 1em 0;}
	.f_i .quality2 table th:before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 150px; height: 1px; background: #F28088;}
	.f_i .quality2 table td{ display: block;}
	.f_i .bg-stripes{ background-size: 50px;}
	.f_i .quality2 .box1{ display: block;}
	.f_i .quality2 .box1 div{ width: auto; margin-bottom: 30px;}
	.f_i .quality2 .box1 div h3{ margin-bottom: 30px; max-width: inherit; font-size: 20px;}
	.f_i .quality2 .box1 figure{ width: auto;}
	.f_i .quality2 .box2{ display: block; margin-bottom: 2em;}
	.f_i .quality2 .box2 div{ padding-right: 0; margin-bottom: 30px;}
	.f_i .quality2 .box2 div h3{ margin-bottom: 20px; max-width: inherit; font-size: 20px;}
	.f_i .quality2 .box2 figure{ width: auto; text-align: center;}
	.f_i .quality2 .box2 figure img{ width: 200px;}
	.f_i .quality2 .box3 figure{ width: 100px;}
	.f_i .quality2 .box3 table{ flex: 1; margin-left: 20px;}
	.f_i .quality2 .box3 table th{ padding: .6em 0;}
	.f_i .quality2 .box3 table th:before{ top: auto; bottom: 0;}
	.f_i .quality2 .box3 table td{ padding: .6em 0; border-top: none; border-bottom: 1px dashed #ccc;}
}



/* privacy */
.f_i .privacy{
	font-size: 14px;
	line-height: 1.6;
	border: 1px solid #ccc;
	background: #fff;
	padding: 15px 20px;
	overflow: auto;
	height: 300px;
	margin-bottom: 50px;
}
.f_i .privacy p strong{
	font-size: 20px;
	display: inline-block;
	margin-bottom: 20px;
}
.f_i .privacy dl dt{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.f_i .privacy dl dd{ margin-bottom: 20px;}
@media screen and (max-width: 768px) {
	.f_i .privacy{
		padding: 15px 20px;
		height: 250px;
		margin-bottom: 30px;
	}
	.f_i .privacy p strong{
		font-size: 18px;
		margin-bottom: 15px;
	}
	.f_i .privacy dl dt{ font-size: 15px;}
	.f_i .privacy dl dd{ margin-bottom: 10px;}
}



.f_i .p-policy {
	padding-top: 10rem;
}
@media screen and (max-width: 767px) {
	.f_i .p-policy {
		padding-top: 16vw;
	}
}
.f_i .p-policy__title {
	font-weight: bold;
	font-size: 3rem;
	text-align: center;
	margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
	.f_i .p-policy__title {
		font-size: 6.9333333333vw;
		margin-bottom: 8.5333333333vw;
	}
}
.f_i .p-policy__content {
	border: 0.1rem solid #F4EDE4;
	border-radius: 2rem;
	padding: 5rem 3rem 5rem 5rem;
	background-color: #ffffff;
}
@media screen and (max-width: 767px) {
	.f_i .p-policy__content {
		border-radius: 5.3333333333vw;
		padding: 8vw 3.7333333333vw 8vw 5.3333333333vw;
		border-width: 0.2666666667vw;
	}
}
.f_i .p-policy__content .scroll-inner {
	height: 31.6rem;
	padding-right: 4rem;
}
@media screen and (max-width: 767px) {
	.f_i .p-policy__content .scroll-inner {
		height: 78.6666666667vw;
		padding-right: 6.9333333333vw;
	}
}
.f_i .p-policy__content .scroll-inner .simplebar-track.simplebar-vertical {
	width: 0.6rem;
	background-color: #fcf7f1;
	border-radius: 100vh;
}
@media screen and (max-width: 767px) {
	.f_i .p-policy__content .scroll-inner .simplebar-track.simplebar-vertical {
		width: 1.6vw;
	}
}
.f_i .p-policy__content .scroll-inner .simplebar-scrollbar::before {
	opacity: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #E83522;
}
.f_i .p-policy__list {
	counter-reset: number 0;
}
.f_i .p-policy__list li {
	font-size: 1.6rem;
	line-height: 1.5;
	margin-top: 1.4rem;
	position: relative;
	padding-left: 1.6em;
}
@media screen and (max-width: 767px) {
	.f_i .p-policy__list li {
		font-size: 3.7333333333vw;
		line-height: 1.42;
		margin-top: 2.6666666667vw;
	}
}
.f_i .p-policy__list li:first-of-type {
	margin-top: 0;
}
.f_i .p-policy__list li::before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	counter-increment: number 1;
	content: counter(number) ".";
	min-width: 1.5em;
	text-align: center;
}
.f_i .p-policy__text {
	text-align: center;
	font-size: 1.6rem;
	margin-top: 3rem;
}
@media screen and (max-width: 767px) {
	.f_i .p-policy__text {
		font-size: 3.7333333333vw;
		line-height: 1.7;
		margin-top: 6.4vw;
	}
}
.f_i .p-policy__check {
	margin-top: 4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
@media screen and (max-width: 767px) {
	.f_i .p-policy__check {
		margin-top: 8vw;
		font-size: 4.2666666667vw;
	}
}
.f_i .p-policy__check .wpcf7-list-item {
	margin-left: 0 !important;
}

.f_i .p-policy__check label input[type=checkbox]:checked + span::after, 
.f_i .p-policy__check label input[type=checkbox]:checked + span::before{
	content: none !important;
}