/*
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
*/
/*-------------------------------------------> FOODIAL */
#FOODIAL {
		/*-------------------------------------------> cover */
		/*-------------------------------------------> about */
		/*-------------------------------------------> publish */
		/*-------------------------------------------> point */
		/*-------------------------------------------> service */
		/*-------------------------------------------> price */
		/*-------------------------------------------> contact */
		/*-------------------------------------------> Term */
}
#FOODIAL #Main {
		text-align: center;
}
#FOODIAL .mod_pageTitle img {
		width: 244px;
}
@media screen and (max-width: 767px) {
		#FOODIAL .mod_pageTitle img {
				width: 32.5333333333vw;
		}
}
#FOODIAL .lineBG {
		background: #c80000;
		color: #FFF;
		text-align: left;
}
#FOODIAL .blockTitle {
		font-size: 40px;
		line-height: 1.625;
		letter-spacing: 0.2em;
		color: #c80000;
}
@media screen and (max-width: 767px) {
		#FOODIAL .blockTitle {
				font-size: 40px;
				/* legacy */
				font-size: 5.3333333333vw;
				line-height: 1.625;
				letter-spacing: 0.2em;
		}
}
#FOODIAL .readText {
		font-size: 16px;
		line-height: 1.875;
		letter-spacing: 0em;
		margin-top: 30px;
}
@media screen and (max-width: 767px) {
		#FOODIAL .readText {
				font-size: 16px;
				/* legacy */
				font-size: 2.1333333333vw;
				line-height: 1.875;
				letter-spacing: 0em;
				margin-top: 4vw;
		}
}
#FOODIAL .cover .contents {
		width: 100%;
		height: 0;
		padding-top: calc(760/1920*100%);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-image: url(../images/cover@pc.jpg?v=20210405);
}
@media screen and (max-width: 767px) {
		#FOODIAL .cover .contents {
				padding-top: calc(296/750*100%);
				background-image: url(../images/cover@sp.jpg?v=20210405);
		}
}
#FOODIAL .about .innerNarrow {
		padding-top: 110px;
		padding-bottom: 100px;
}
#FOODIAL .about .blockTitle {
		color: #000;
		letter-spacing: 0;
}
#FOODIAL .about .readText {
		font-size: 18px;
		line-height: 2.5;
		letter-spacing: 0em;
		margin-top: 60px;
		margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
		#FOODIAL .about .innerNarrow {
				padding-top: 14.6666666667vw;
				padding-bottom: 13.3333333333vw;
		}
		#FOODIAL .about .readText {
				font-size: 18px;
				/* legacy */
				font-size: 2.4vw;
				line-height: 2.5;
				letter-spacing: 0em;
				margin-top: 8vw;
				margin-bottom: 10.6666666667vw;
		}
}
#FOODIAL .publish .lineBG .innerNarrow {
		display: flex;
		align-items: center;
		height: 180px;
}
#FOODIAL .publish .lineBG strong {
		flex-basis: 90px;
		background: #000;
		color: #FFF;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 90px;
		height: 90px;
		border-radius: 45px;
		font-size: 18px;
		line-height: 1;
		letter-spacing: 0em;
		font-weight: 500;
}
#FOODIAL .publish .lineBG .svg {
		width: 195px;
		margin-left: 20px;
		margin-right: 15px;
		vertical-align: bottom;
}
#FOODIAL .publish .lineBG .svg .fill-black {
		fill: #FFF;
}
#FOODIAL .publish .lineBG small {
		display: inline-block;
		font-size: 23px;
		line-height: 1.4782608696;
		letter-spacing: 0em;
		vertical-align: bottom;
}
@media screen and (max-width: 767px) {
		#FOODIAL .publish .lineBG .innerNarrow {
				display: grid;
				grid-template-columns: 16vw 1fr;
				grid-template-rows: 1fr 1fr;
				height: auto;
				padding-top: 4vw;
				padding-bottom: 4vw;
		}
		#FOODIAL .publish .lineBG strong {
				grid-column: 1/2;
				grid-row: 1/3;
				width: 12vw;
				height: 12vw;
				border-radius: 6vw;
				font-size: 18px;
				/* legacy */
				font-size: 2.4vw;
				line-height: 1;
				letter-spacing: 0em;
		}
		#FOODIAL .publish .lineBG .svg {
				grid-column: 2;
				grid-row: 1;
				width: 26vw;
				margin-left: 2.6666666667vw;
				margin-right: 2vw;
		}
		#FOODIAL .publish .lineBG small {
				grid-column: 2;
				grid-row: 2;
				display: block;
				font-size: 23px;
				/* legacy */
				font-size: 3.0666666667vw;
				line-height: 1.4782608696;
				letter-spacing: 0em;
				vertical-align: bottom;
		}
}
#FOODIAL .publish .contents {
		background: #ebebeb;
		text-align: left;
		padding-top: 54px;
		padding-bottom: 130px;
}
#FOODIAL .publish .contents .innerNarrow {
		position: relative;
}
#FOODIAL .publish .contents .readText {
		font-size: 18px;
		line-height: 2.5;
		letter-spacing: 0em;
		padding-left: 210px;
		margin-top: 0;
		display: flex;
		align-items: center;
		height: 210px;
}
#FOODIAL .publish .contents .span {
		text-align: center;
		margin-top: 100px;
}
#FOODIAL .publish .contents .span span {
		display: inline-block;
		border: solid 1px #000;
		background: #FFF;
		font-size: 21px;
		line-height: 1;
		letter-spacing: 0em;
		color: #000;
		padding: 1em 3em;
		margin-left: auto;
		margin-right: auto;
}
@media screen and (max-width: 767px) {
		#FOODIAL .publish .contents {
				padding-top: 7.2vw;
				padding-bottom: 17.3333333333vw;
		}
		#FOODIAL .publish .contents .readText {
				font-size: 18px;
				/* legacy */
				font-size: 2.4vw;
				line-height: 2.5;
				letter-spacing: 0em;
				padding-left: 25.3333333333vw;
				height: auto;
				min-height: 28vw;
		}
		#FOODIAL .publish .contents .span {
				margin-top: 13.3333333333vw;
		}
		#FOODIAL .publish .contents .span span {
				display: block;
				padding: 1em;
				font-size: 21px;
				/* legacy */
				font-size: 2.8vw;
				line-height: 1;
				letter-spacing: 0em;
		}
}
#FOODIAL .publish .recent {
		margin-top: 48px;
}
@media screen and (max-width: 767px) {
		#FOODIAL .publish .recent {
				margin-top: 6.4vw;
		}
}
#FOODIAL .publish .volBlock {
		display: flex;
		justify-content: space-between;
}
#FOODIAL .publish .volBlock .vol {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 160px;
		height: 210px;
		background: url(../images/vol_bg.svg) no-repeat left top;
		background-size: 100% 100%;
		font-size: 21px;
		line-height: 2.380952381;
		letter-spacing: 0em;
		font-weight: 500;
		text-align: center;
		color: #FFF;
}
#FOODIAL .publish .volBlock .cover {
		flex-basis: 670px;
}
#FOODIAL .publish .volBlock .sub {
		flex-basis: 496px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
}
#FOODIAL .publish .volBlock .sub .image {
		width: 100%;
		order: 2;
		margin-top: 16px;
		display: flex;
		justify-content: space-between;
}
#FOODIAL .publish .volBlock .sub .image li {
		width: calc( (100% - 16px) / 2 );
}
#FOODIAL .publish .volBlock .sub .summary {
		order: 1;
}
#FOODIAL .publish .volBlock .sub dl + dl {
		margin-top: 10px;
}
#FOODIAL .publish .volBlock .sub dl dt {
		color: #c80000;
		font-size: 16px;
		line-height: 1;
		letter-spacing: 0em;
		font-weight: 500;
		padding-bottom: 5px;
		border-bottom: solid 1px #c80000;
		margin-bottom: 10px;
}
#FOODIAL .publish .volBlock .sub dl dd {
		padding-left: 12px;
}
#FOODIAL .publish .volBlock .sub dl.pickup dt {
		margin-bottom: 7px;
}
#FOODIAL .publish .volBlock .sub dl.pickup dd {
		font-size: 18px;
		line-height: 1.5555555556;
		letter-spacing: 0em;
		font-weight: 500;
}
#FOODIAL .publish .volBlock .sub dl.topics dd {
		position: relative;
		font-size: 13px;
		line-height: 1.6153846154;
		letter-spacing: 0em;
}
#FOODIAL .publish .volBlock .sub dl.topics dd ul li + li {
		margin-top: 8px;
}
#FOODIAL .publish .volBlock .sub dl.topics dd .otherCount {
		position: absolute;
		right: 0;
		bottom: 0;
}
@media screen and (max-width: 767px) {
		#FOODIAL .publish .volBlock {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
		}
		#FOODIAL .publish .volBlock .vol {
				width: 21.3333333333vw;
				height: 28vw;
				font-size: 21px;
				/* legacy */
				font-size: 2.8vw;
				line-height: 2.380952381;
				letter-spacing: 0em;
				top: calc( 14 / 750*100vw );
		}
		#FOODIAL .publish .volBlock .cover {
				flex-basis: 100%;
		}
		#FOODIAL .publish .volBlock .sub {
				flex-basis: 100%;
		}
		#FOODIAL .publish .volBlock .sub .image {
				order: 1;
				margin-top: 2.1333333333vw;
		}
		#FOODIAL .publish .volBlock .sub .image li {
				width: calc( (100% - (16/750*100vw)) / 2 );
		}
		#FOODIAL .publish .volBlock .sub .summary {
				order: 2;
		}
		#FOODIAL .publish .volBlock .sub dl {
				margin-top: 4.6666666667vw;
		}
		#FOODIAL .publish .volBlock .sub dl + dl {
				margin-top: 2.6666666667vw;
		}
		#FOODIAL .publish .volBlock .sub dl dt {
				font-size: 24px;
				/* legacy */
				font-size: 3.2vw;
				line-height: 1;
				letter-spacing: 0em;
				padding-bottom: 1.3333333333vw;
				margin-bottom: 3.3333333333vw;
		}
		#FOODIAL .publish .volBlock .sub dl dd {
				padding-left: 2.6666666667vw;
		}
		#FOODIAL .publish .volBlock .sub dl.pickup dt {
				margin-bottom: 2.6666666667vw;
		}
		#FOODIAL .publish .volBlock .sub dl.pickup dd {
				font-size: 27px;
				/* legacy */
				font-size: 3.6vw;
				line-height: 1.5555555556;
				letter-spacing: 0em;
		}
		#FOODIAL .publish .volBlock .sub dl.topics dd {
				position: relative;
				font-size: 20px;
				/* legacy */
				font-size: 2.6666666667vw;
				line-height: 1.6;
				letter-spacing: 0em;
		}
		#FOODIAL .publish .volBlock .sub dl.topics dd ul li + li {
				margin-top: 1.7333333333vw;
		}
}
#FOODIAL .publish .backnumber .innerNarrow {
		padding-top: 120px;
		padding-bottom: 120px;
}
#FOODIAL .publish .backnumber .mod_linkBtn {
		margin-bottom: 120px;
}
#FOODIAL .publish .backnumber .mod_linkBtn a {
		border: solid 1px #c80000;
		background: #c80000;
		color: #FFF;
}
#FOODIAL .publish .backnumber .mod_linkBtn a span {
		width: 360px;
}
@media screen and (min-width: 768px) {
		#FOODIAL .publish .backnumber .mod_linkBtn a:hover {
				background: #FFF;
				color: #c80000;
		}
}
#FOODIAL .publish .backnumber .list {
		display: none;
		text-align: left;
}
#FOODIAL .publish .backnumber .list .volBlock {
		position: relative;
}
#FOODIAL .publish .backnumber .list .volBlock + .volBlock {
		margin-top: 60px;
}
#FOODIAL .publish .backnumber .list .volBlock .vol {
		top: -10px;
		left: -10px;
}
#FOODIAL .publish .backnumber .list .volBlock .vol::after {
		position: absolute;
		content: "";
		top: 0;
		right: -10px;
		border: none;
		border-bottom: solid 10px #666;
		border-right: solid 10px transparent;
}
#FOODIAL .publish .backnumber .list .volBlock .cover img,
#FOODIAL .publish .backnumber .list .volBlock .sub .image img {
		border: solid 1px #dcdcdc;
}
#FOODIAL .publish .backnumber .oldBlock .lineup {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
}
#FOODIAL .publish .backnumber .oldBlock .lineup .oldVolBlock {
		pointer-events: none;
}
@media screen and (min-width: 768px) {
		#FOODIAL .publish .backnumber .oldBlock .lineup .oldVolBlock {
				flex-basis: calc( (100% - 245px) / 6 );
				margin-right: 49px;
				margin-top: 50px;
		}
		#FOODIAL .publish .backnumber .oldBlock .lineup .oldVolBlock:nth-child(6n) {
				margin-right: 0;
		}
		#FOODIAL .publish .backnumber .oldBlock .lineup .oldVolBlock .cover img {
				width: 165px;
		}
}
#FOODIAL .publish .backnumber .oldBlock .lineup .oldVolBlock .vol {
		font-size: 12px;
		line-height: 1;
		letter-spacing: 0em;
		font-weight: 500;
		text-decoration: underline;
		margin: 10px 0 15px;
}
#FOODIAL .publish .backnumber .oldBlock .lineup .oldVolBlock dl dt {
		color: #c80000;
		font-size: 14px;
		line-height: 1.2857142857;
		letter-spacing: 0em;
		font-weight: 500;
}
#FOODIAL .publish .backnumber .oldBlock .lineup .oldVolBlock dl dd {
		margin-top: 10px;
		font-size: 10px;
		line-height: 1.6;
		letter-spacing: 0em;
		font-weight: 400;
		text-align: justify;
		text-justify: inter-ideograph;
}
@media screen and (max-width: 767px) {
		#FOODIAL .publish .backnumber .innerNarrow {
				padding-top: 16vw;
				padding-bottom: 16vw;
		}
		#FOODIAL .publish .backnumber .mod_linkBtn {
				margin-bottom: 16vw;
		}
		#FOODIAL .publish .backnumber .mod_linkBtn a span {
				width: 44.8vw;
		}
		#FOODIAL .publish .backnumber .list .volBlock {
				position: relative;
		}
		#FOODIAL .publish .backnumber .list .volBlock + .volBlock {
				margin-top: 10.6666666667vw;
		}
		#FOODIAL .publish .backnumber .list .volBlock .vol {
				top: -1.3333333333vw;
				left: -1.3333333333vw;
		}
		#FOODIAL .publish .backnumber .list .volBlock .vol::after {
				right: -1.3333333333vw;
				border: none;
				border-bottom: solid 1.3333333333vw #666;
				border-right: solid 1.3333333333vw transparent;
		}
		#FOODIAL .publish .backnumber .oldBlock {
				margin-top: 10.6666666667vw;
				pointer-events: auto;
				cursor: pointer;
		}
		#FOODIAL .publish .backnumber .oldBlock.open .lineup {
				height: auto;
				padding-bottom: 13.4666666667vw;
		}
		#FOODIAL .publish .backnumber .oldBlock.open .lineup::after {
				transform: translateX(-50%) rotate(0deg);
		}
		#FOODIAL .publish .backnumber .oldBlock .lineup {
				position: relative;
				height: 85.3333333333vw;
				overflow: hidden;
				transition: height 0.3s ease-out;
		}
		#FOODIAL .publish .backnumber .oldBlock .lineup::before {
				content: "";
				background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 45%, white 100%);
				width: 100%;
				height: 13.4666666667vw;
				position: absolute;
				left: 0;
				bottom: 0;
				z-index: 10;
		}
		#FOODIAL .publish .backnumber .oldBlock .lineup::after {
				content: "";
				display: block;
				width: 3.7333333333vw;
				height: 1.4666666667vw;
				background: url(/assets/images/svg/icon_service_arrow.svg) no-repeat top left;
				background-size: 100% auto;
				position: absolute;
				left: 50%;
				bottom: 2.6666666667vw;
				z-index: 20;
				transform: translateX(-50%) rotate(180deg);
				transition: all 0.15s ease-out;
		}
		#FOODIAL .publish .backnumber .oldBlock .lineup .oldVolBlock {
				flex-basis: 26.6666666667vw;
				margin-right: calc( (100% - (600/750*100vw)) / 2 );
		}
		#FOODIAL .publish .backnumber .oldBlock .lineup .oldVolBlock:nth-child(3n) {
				margin-right: 0;
		}
		#FOODIAL .publish .backnumber .oldBlock .lineup .oldVolBlock:nth-child(n+4) {
				margin-top: 6.6666666667vw;
		}
		#FOODIAL .publish .backnumber .oldBlock .lineup .oldVolBlock .cover img {
				width: 100%;
		}
		#FOODIAL .publish .backnumber .oldBlock .lineup .oldVolBlock .vol {
				font-size: 12px;
				/* legacy */
				font-size: 1.6vw;
				line-height: 1;
				letter-spacing: 0em;
				font-weight: 500;
				text-decoration: underline;
				margin: 1.3333333333vw 0 2vw;
		}
		#FOODIAL .publish .backnumber .oldBlock .lineup .oldVolBlock dl dt {
				font-size: 14px;
				/* legacy */
				font-size: 1.8666666667vw;
				line-height: 1.2857142857;
				letter-spacing: 0em;
		}
		#FOODIAL .publish .backnumber .oldBlock .lineup .oldVolBlock dl dd {
				margin-top: 1.3333333333vw;
				font-size: 10px;
				/* legacy */
				font-size: 1.3333333333vw;
				line-height: 1.6;
				letter-spacing: 0em;
		}
}
#FOODIAL .point {
		background: #ebebeb;
		padding-top: 90px;
		padding-bottom: 160px;
}
#FOODIAL .point .title {
		color: #c80000;
}
#FOODIAL .point .title small {
		display: block;
		font-size: 23px;
		line-height: 1;
		letter-spacing: 0em;
		font-weight: 500;
}
#FOODIAL .point .title strong {
		display: block;
		font-size: 40px;
		line-height: 1;
		letter-spacing: 0em;
		font-weight: 500;
		margin-top: 30px;
}
#FOODIAL .point .title strong img {
		width: 196px;
		margin-right: 15px;
		vertical-align: middle;
}
#FOODIAL .point .list {
		width: 620px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 65px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
}
#FOODIAL .point .list li {
		position: relative;
		flex-basis: 300px;
		min-height: 150px;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #c80000;
		border-radius: 10px;
		font-size: 16px;
		line-height: 1.875;
		letter-spacing: 0em;
		font-weight: 500;
		color: #FFF;
}
#FOODIAL .point .list li::after {
		content: "";
		display: block;
		width: 85px;
		height: 78px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
		position: absolute;
		top: -104px;
		left: calc(50% - 42px);
}
#FOODIAL .point .list li:nth-child(1) {
		margin-top: 85px;
}
#FOODIAL .point .list li:nth-child(1)::after {
		background-image: url(../images/point_icon01.svg);
}
#FOODIAL .point .list li:nth-child(2) {
		margin-top: 85px;
}
#FOODIAL .point .list li:nth-child(2)::after {
		background-image: url(../images/point_icon02.svg);
}
#FOODIAL .point .list li:nth-child(3) {
		margin-top: 145px;
}
#FOODIAL .point .list li:nth-child(3)::after {
		background-image: url(../images/point_icon03.svg);
}
#FOODIAL .point .list li:nth-child(4) {
		margin-top: 145px;
}
#FOODIAL .point .list li:nth-child(4)::after {
		background-image: url(../images/point_icon04.svg);
}
@media screen and (max-width: 767px) {
		#FOODIAL .point {
				padding-top: 12vw;
				padding-bottom: 21.3333333333vw;
		}
		#FOODIAL .point .title small {
				font-size: 23px;
				/* legacy */
				font-size: 3.0666666667vw;
				line-height: 1;
				letter-spacing: 0em;
		}
		#FOODIAL .point .title strong {
				font-size: 40px;
				/* legacy */
				font-size: 5.3333333333vw;
				line-height: 1;
				letter-spacing: 0em;
				margin-top: 4vw;
		}
		#FOODIAL .point .title strong img {
				width: 26.1333333333vw;
				margin-right: 2vw;
		}
		#FOODIAL .point .list {
				width: 100%;
				margin-top: 8.6666666667vw;
		}
		#FOODIAL .point .list li {
				flex-basis: calc( (100% - 16/750*100vw) / 2 );
				min-height: 20vw;
				border-radius: 1.3333333333vw;
				font-size: 16px;
				/* legacy */
				font-size: 2.1333333333vw;
				line-height: 1.875;
				letter-spacing: 0em;
		}
		#FOODIAL .point .list li::after {
				width: 11.3333333333vw;
				height: 10.4vw;
				top: -13.8666666667vw;
				left: calc(50% - 42/750*100vw);
		}
		#FOODIAL .point .list li:nth-child(1) {
				margin-top: 11.3333333333vw;
		}
		#FOODIAL .point .list li:nth-child(2) {
				margin-top: 11.3333333333vw;
		}
		#FOODIAL .point .list li:nth-child(3) {
				margin-top: 19.3333333333vw;
		}
		#FOODIAL .point .list li:nth-child(4) {
				margin-top: 19.3333333333vw;
		}
}
#FOODIAL .service .innerNarrow {
		padding-top: 130px;
		padding-bottom: 160px;
}
#FOODIAL .service .innerNarrow .image {
		margin-top: 30px;
}
@media screen and (max-width: 767px) {
		#FOODIAL .service .innerNarrow {
				padding-top: 17.3333333333vw;
				padding-bottom: 21.3333333333vw;
		}
		#FOODIAL .service .innerNarrow .image {
				margin-top: 4vw;
		}
}
#FOODIAL .price {
		background: #ebebeb;
}
#FOODIAL .price .innerNarrow {
		padding-top: 130px;
		padding-bottom: 160px;
}
#FOODIAL .price .innerNarrow .list {
		width: 680px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
}
#FOODIAL .price .innerNarrow .list li {
		margin: 10px;
		flex-basis: 150px;
		border: solid 4px #c80000;
		border-radius: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 150px;
		height: 150px;
		font-size: 18px;
		line-height: 1;
		letter-spacing: 0em;
		font-weight: 700;
		color: #c80000;
}
@media screen and (max-width: 767px) {
		#FOODIAL .price .innerNarrow {
				padding-top: 17.3333333333vw;
				padding-bottom: 21.3333333333vw;
		}
		#FOODIAL .price .innerNarrow .list {
				width: 100%;
				margin-top: 4vw;
		}
		#FOODIAL .price .innerNarrow .list li {
				margin: 0 0 1.3333333333vw 1.3333333333vw;
				flex-basis: 21.6vw;
				border: solid 0.5333333333vw #c80000;
				border-radius: 1.3333333333vw;
				width: 21.6vw;
				height: 21.6vw;
				font-size: 18px;
				/* legacy */
				font-size: 2.4vw;
				line-height: 1;
				letter-spacing: 0em;
		}
		#FOODIAL .price .innerNarrow .list li:first-child {
				margin-left: 0;
		}
}
#FOODIAL .contact .lineBG .innerNarrow {
		display: flex;
		align-items: center;
		height: 180px;
		font-size: 23px;
		line-height: 1;
		letter-spacing: 0em;
		font-weight: 500;
}
@media screen and (max-width: 767px) {
		#FOODIAL .contact .lineBG .innerNarrow {
				min-height: 24vw;
				font-size: 23px;
				/* legacy */
				font-size: 3.0666666667vw;
				line-height: 1.4782608696;
				letter-spacing: 0em;
		}
}
#FOODIAL .contact .contents {
		padding-top: 120px;
		padding-bottom: 205px;
}
@media screen and (max-width: 767px) {
		#FOODIAL .contact .contents {
				padding-top: 16vw;
				padding-bottom: 27.3333333333vw;
		}
}
#FOODIAL .contact .termLink, #FOODIAL .contact .submitLink {
		width: 770px;
		margin-left: auto;
		margin-right: auto;
}
@media screen and (max-width: 767px) {
		#FOODIAL .contact .termLink, #FOODIAL .contact .submitLink {
				width: 100%;
		}
}
#FOODIAL .contact .termLink ul {
		display: flex;
		justify-content: space-between;
}
#FOODIAL .contact .termLink ul li {
		flex-basis: 360px;
}
#FOODIAL .contact .termLink ul li.mod_linkBtn a {
		width: 100%;
		border: solid 1px #000;
		background: #FFF;
		color: #000;
}
#FOODIAL .contact .termLink ul li.mod_linkBtn a span {
		width: 100%;
		height: 60px;
}
@media screen and (min-width: 768px) {
		#FOODIAL .contact .termLink ul li.mod_linkBtn a:hover {
				color: #FFF;
		}
		#FOODIAL .contact .termLink ul li.mod_linkBtn a:hover::after {
				background: #000;
		}
}
@media screen and (max-width: 767px) {
		#FOODIAL .contact .termLink ul li {
				flex-basis: 44.8vw;
		}
		#FOODIAL .contact .termLink ul li.mod_linkBtn a span {
				min-height: 8vw;
				height: auto;
		}
}
#FOODIAL .contact .textBox {
		font-size: 16px;
		line-height: 1.875;
		letter-spacing: 0em;
		margin-top: 70px;
}
#FOODIAL .contact .textBox a {
		color: #0096fa;
}
#FOODIAL .contact .textBox a:hover {
		text-decoration: underline;
}
@media screen and (max-width: 767px) {
		#FOODIAL .contact .textBox {
				font-size: 16px;
				/* legacy */
				font-size: 2.1333333333vw;
				line-height: 1.875;
				letter-spacing: 0em;
				margin-top: 9.3333333333vw;
		}
}
#FOODIAL .contact .submitLink {
		margin-top: 150px;
		position: relative;
}
#FOODIAL .contact .submitLink::before {
		content: "";
		width: 46px;
		height: 40px;
		background: url(../images/contact_arrow.svg) no-repeat center center/100% 100%;
		position: absolute;
		top: -90px;
		left: calc(50% - 23px);
}
#FOODIAL .contact .submitLink ul li + li {
		margin-top: 50px;
}
#FOODIAL .contact .submitLink ul li a {
		width: 100%;
		height: 90px;
		border: solid 1px #c80000;
		background: #c80000;
		color: #FFF;
		display: flex;
		justify-content: center;
		align-items: center;
}
@media screen and (min-width: 768px) {
		#FOODIAL .contact .submitLink ul li a {
				transition: all 0.15s ease-out;
		}
		#FOODIAL .contact .submitLink ul li a:hover {
				color: #c80000;
				background: #FFF;
		}
}
#FOODIAL .contact .submitLink ul li span {
		display: block;
}
#FOODIAL .contact .submitLink ul li span.small {
		font-size: 13px;
		line-height: 1;
		letter-spacing: 0.1em;
}
#FOODIAL .contact .submitLink ul li span.large {
		font-size: 18px;
		line-height: 1;
		letter-spacing: 0.1em;
		margin-top: 10px;
}
@media screen and (max-width: 767px) {
		#FOODIAL .contact .submitLink {
				margin-top: 20vw;
		}
		#FOODIAL .contact .submitLink::before {
				width: 6.1333333333vw;
				height: 5.3333333333vw;
				top: -12vw;
				left: calc(50% - (23/750*100vw));
		}
		#FOODIAL .contact .submitLink ul li + li {
				margin-top: 6.6666666667vw;
		}
		#FOODIAL .contact .submitLink ul li a {
				height: auto;
				min-height: 12vw;
		}
		#FOODIAL .contact .submitLink ul li span.small {
				font-size: 13px;
				/* legacy */
				font-size: 1.7333333333vw;
				line-height: 1;
				letter-spacing: 0.1em;
		}
		#FOODIAL .contact .submitLink ul li span.large {
				font-size: 18px;
				/* legacy */
				font-size: 2.4vw;
				line-height: 1;
				letter-spacing: 0.1em;
				margin-top: 1.3333333333vw;
		}
}
#FOODIAL #topics1 {
		padding-bottom: 100px;
		font-size: 16px;
		line-height: 1.5;
		letter-spacing: 0em;
}
#FOODIAL #topics1 .box1 {
		text-align: left;
}
#FOODIAL #topics1 .box1-title1 {
		background: #ebebeb;
		font-size: 21px;
		line-height: 1.4285714286;
		letter-spacing: 0em;
		font-weight: 700;
		padding: 30px 0;
		margin-bottom: 30px;
}
#FOODIAL #topics1 .box1-title2, #FOODIAL #topics1 .box1-title3 {
		font-size: 21px;
		line-height: 1.4285714286;
		letter-spacing: 0em;
		font-weight: 500;
		margin-top: 2em;
		margin-bottom: 1em;
}
#FOODIAL #topics1 .box1-text2 {
		margin: 1em 0 1em 1em;
}
#FOODIAL #topics1 .box1-2 + .box1-2 {
		margin-top: 60px;
}
@media screen and (max-width: 767px) {
		#FOODIAL #topics1 {
				padding-bottom: 13.3333333333vw;
				font-size: 18px;
				/* legacy */
				font-size: 2.4vw;
				line-height: 1.4444444444;
				letter-spacing: 0em;
		}
		#FOODIAL #topics1 .box1-title1 {
				background: #ebebeb;
				font-size: 23px;
				/* legacy */
				font-size: 3.0666666667vw;
				line-height: 1.3913043478;
				letter-spacing: 0em;
				padding: 4vw 0;
				margin-bottom: 4vw;
		}
		#FOODIAL #topics1 .box1-title2, #FOODIAL #topics1 .box1-title3 {
				font-size: 23px;
				/* legacy */
				font-size: 3.0666666667vw;
				line-height: 1.3913043478;
				letter-spacing: 0em;
		}
		#FOODIAL #topics1 .box1-2 + .box1-2 {
				margin-top: 8vw;
		}
}

/* animation
.image {
	animation-delay: 0.3s;
}
&.inView {
	.base, .image {
		animation-name: fadeInUp;
	}
}
*/
.scrollIcon .icon {
		animation-duration: 1.5s;
		animation-iteration-count: infinite;
		animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
		animation-name: scrollIcon;
}

/*-------------------------------------------> animation module */
.anim-fadeInUp {
		opacity: 0;
		animation-duration: 0.8s;
		animation-iteration-count: 1;
		animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
		animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeInUp,
.inView .isAnim.inView .anim-fadeInUp,
.inView .anim-fadeInUp,
.inView.anim-fadeInUp {
		animation-name: fadeInUp;
}

.inView .isAnim.anim-fadeInUp,
.inView .isAnim .anim-fadeInUp {
		animation-name: none;
}

.anim-fadeIn {
		opacity: 0;
		animation-duration: 0.8s;
		animation-iteration-count: 1;
		animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
		animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeIn,
.inView .isAnim.inView .anim-fadeIn,
.inView .anim-fadeIn,
.inView.anim-fadeIn {
		animation-name: fadeIn;
}

.inView .isAnim.anim-fadeIn,
.inView .isAnim .anim-fadeIn {
		animation-name: none;
}

/* delay */
.delay0 {
		animation-delay: 0s;
}

.delay1 {
		animation-delay: 0.2s;
}

.delay2 {
		animation-delay: 0.4s;
}

.delay3 {
		animation-delay: 0.6s;
}

.delay4 {
		animation-delay: 0.8s;
}

.delay5 {
		animation-delay: 1s;
}

.delay6 {
		animation-delay: 1.2s;
}

.delay7 {
		animation-delay: 1.4s;
}

.delay8 {
		animation-delay: 1.6s;
}

.delay9 {
		animation-delay: 1.8s;
}

.delay10 {
		animation-delay: 2s;
}

.delay11 {
		animation-delay: 2.2s;
}

/*-------------------------------------------> keyframe */
@keyframes fadeInUp {
		from {
				opacity: 0;
				transform: translate3d(0, 20px, 0);
		}
		to {
				opacity: 1;
				transform: none;
		}
}
@keyframes fadeIn {
		from {
				opacity: 0;
		}
		to {
				opacity: 1;
		}
}
@keyframes loading {
		from {
				transform: rotate(0deg);
		}
		to {
				transform: rotate(-360deg);
		}
}
@keyframes scrollIcon {
		0% {
				transform: translate3d(0, 0, 0);
				opacity: 0;
		}
		100% {
				transform: translate3d(10px, 0, 0);
				opacity: 1;
		}
}