@charset "UTF-8";
/* ===================================================================
CSS information
 file name	:	l_tf_style_v1.css
 style info :	ターミナリアファースト PC Style
=================================================================== */
main * {
	box-sizing: border-box;
}

main {
	background-color: #ffffff;
	min-width: 1150px;
	overflow: hidden;
	img {
		vertical-align: bottom;
		-webkit-transition: opacity 2.5s;
		transition: opacity 2.5s;
	}
}

.inner {
	width: 1150px;
	margin: 0 auto;
}

.line_red {
	border-bottom: 2px solid #e5004f;
}

.arrow {
	position: relative;
}

.arrow::before {
	content: '';
	display: block;
	background: url(//images.vitabrid.co.jp/images/lp/tf5/v1/arrow.png) center top no-repeat;
	width: 160px;
	height: 44px;
	position: absolute;
	top: -22px;
	left: calc(50% - 80px);
}


.head_bnr {
	background: #000;

	img {
		max-width: 1920px;
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
}

.fv {
    background: url(//images.vitabrid.co.jp/images/lp/tf5/v1/fv/fv_tf5_bg_common.jpg) center top no-repeat, rgb(0, 0, 0);

	.fv_inner{
    	width: 920px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}

	.fv_notes{
        position: absolute;
        font-size: 12px;
		color: #878b8f;
        line-height: 1.5;
        letter-spacing: 0px;
        font-feature-settings: "palt";
	}

	/*基本*/
	&.fv_a{
		.fv_notes{
			bottom: 32px;

		}
	}

	/*糖*/
	&.fv_b{
		.fv_notes{
			bottom: 57px;

		}
	}

	/*血糖値*/
	&.fv_c{
		.fv_notes{
			bottom: 47px;

		}
	}

	/*尿酸値*/
	&.fv_d{
		background: url(//images.vitabrid.co.jp/images/lp/tf5/v1/fv/fv_tf5_bg_black.jpg) center top no-repeat, rgb(0, 0, 0);
		.fv_notes{
			bottom: 31px;

		}
	}

	/*便通*/
	&.fv_e{
		.fv_notes{
			bottom: 32px;

		}
	}
	
	.fv_content{
		&.content_nyosan{
			width: 1150px;
			margin: 30px auto 0;
		}
	}

}


.graph_slider{
	position: relative;
	.graph_slide_arrow {
		width: 20px;
		position: absolute;
		bottom: 37px;
		cursor: pointer;
	}

	.graph_slide_arrow_prev {
		left: calc(50% - 265px);
	}
	.graph_slide_arrow_next {	
		right:  calc(50% - 265px);
	}
}


/*FV下の試験結果グラフ専用*/
.fv .graph_slider {
	background-image:  url(//images.vitabrid.co.jp/images/lp/tf5/v1/graph/graph_bg.jpg);
	background-position:  center bottom;
	background-repeat: repeat-x;
	background-size:  auto 100%;
	padding: 80px 0;
	margin-top: -120px;
}

/* ------------------shikenkekka*/

.shikenkekka {
	width: 1150px;
	margin: 0 auto;
	position: relative;
	z-index: 3;

	.kekka_btn {
		width: 840px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 5px 10px;
		position: absolute;
		top: 180px;
		left: 50%;
		transform: translateX(-50%);

		li{
			width: 160px;
			cursor: pointer;
		}
	}
}

/* ------------------shikenkekka*/


/* ------------------interview*/
.interview {
	background: url(//images.vitabrid.co.jp/images/lp/tf5/v1/interview/interview_bg.png)no-repeat;
	background-position: center top 247px;
	padding-bottom: 45px;
	
	.interview_inner{
		width: 1150px;
		margin: 0 auto;
		position: relative;

		.interview_ttl,
		.interview_photo
		{
			position: relative;	
		}

		.interview_notes{
			position: absolute;
			font-size: 0.7em;

			&.notes_ttl{
				top: 310px;
				right: 200px;
			}

			&.notes_photo {
				bottom: 70px;
				right: 160px;
			}
		}
	}
}

/* ------------------talent*/

.talent {
	background: url(//images.vitabrid.co.jp/images/lp/tf5/v1/talent/talent_bg.jpg)
		center top no-repeat;
	background-color: #e9e9e9;
	padding: 139px 0 108px;

	.talent_inner{
		position: relative;
		width: 1150px;
		margin: 0 auto;
	}

	.talent_ttl{
		margin-bottom: 98px;
	}

	.talent_notes{
		position: absolute;
		font-size: 0.7em;
		top: 280px;
		right: 80px;

	}
}

/* ------------------ customers_qa */
.slick-slide {
	margin: 0 10px;
}

.customers_qa {
	background:
		#f7f7f7
		url(//images.vitabrid.co.jp/images/lp/tf5/v1/qa/slide_qa_bg.jpg)
		center top / auto 100% no-repeat;
	padding: 38px 0 74px;

	h2 {
		margin: 0 0 22px;
	}

	.slick-arrow {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		cursor: pointer;

		&.prev-arrow {
			left: -32px;
			z-index: 3;
		}

		&.next-arrow {
			right: -32px;
			z-index: 3;
		}
	}

	.slick-dotted.slick-slider {
		margin: 0 auto 0;
	}
}

/* ------------------ customers_qa */


/* ------------------slider*/
/* ------------------ slider */
.FAQMenu {
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
}

.FAQContent {
	display: none;

	&.active {
		display: block;
	}
}

.horizontal-list {
	width: 650px;
	margin: 0 auto;
}

.teiki-btn {
	background-image: url("//images.vitabrid.co.jp/images/lp/tf5/v1/teiki/teiki_btn.png");
	width: 236px;
	height: 69px;
	margin-right: 19px;
	background-size: 100%;
	background-repeat: no-repeat;
	cursor: pointer;

	&.active {
		background-image: url("//images.vitabrid.co.jp/images/lp/tf5/v1/teiki/teiki_btn_on.png");
	}
}

.product-btn {
	background-image: url("//images.vitabrid.co.jp/images/lp/tf5/v1/product_slide/product_btn.png");
	width: 236px;
	height: 69px;
	background-size: 100%;
	background-repeat: no-repeat;
	cursor: pointer;

	&.active {
		background-image: url("//images.vitabrid.co.jp/images/lp/tf5/v1/product_slide/product_btn_on.png");
	}
}


.horizonal {
	.slick-dots {
		bottom: -40px;

		li {
			width: 16px;
			height: 16px;
			margin: 0 11.5px;

			button {
				width: 16px;
				height: 16px;

				&:before {
					content: '';
					width: 16px;
					height: 16px;
					opacity: 1;
					background: #231815;
					border-radius: 50%;
				}
			}

			&.slick-active {
				button:before {
					opacity: 1;
					background-color: #a7a3a1;
				}
			}
		}
	}
}

.slider_box,
.slider_box2,
.cv_slider_box {
	display: none;

	&.slick-initialized {
		display: block; /* slick-initialized が付与されたら表示 */
	}
}


.graph_slider {
	.slick-dotted.slick-slider {
		margin: 0 auto;
	}

	.slick-arrow {
		position: absolute;
		top: 40%;
		cursor: pointer;

		&.prev-arrow {
			left: -2%;
			z-index: 3;
		}

		&.next-arrow {
			right: -2%;
			z-index: 3;
		}
	}

	.slick-dots {
		bottom: -64px;

		li {
			margin: 0 16px;
			width: 16px;
			height: 16px;
			padding: 0;

			button {
				width: 16px;
				height: 16px;
				padding: 0;

				&::before {
					content: '●';
					width: 16px;
					height: 16px;
					font-size: 16px;
				}
			}
		}
	}
}

.slider_box2 {
	width: 610px;
}

.slider_graph{
    position: relative;
    width: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    border-image: initial;
    background: rgb(255, 255, 255);
	margin-top: 10px;

	img{
		width: 100%;
	}

	.graph_ttl{
		width: 100%;
    	transform: translateY(-10px);		
	}

	.graph_item{
		width: 65%;
		display: block;
		margin:  5% auto;

		&.item-large{
			width: 75%;
			height: 45%;
		}
	}

	.graph_txt{
		width: 90%;
		color: #000;
		border-top: 2px solid #000;
		margin: 0 auto;
		padding: 3% 0;
		font-size: min(2vw,12px);
		line-height: 1.4;
		letter-spacing: 0;
		font-family: "Noto Sans JP", sans-serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
	}
}


.graph_notes{
	max-width: 590px;
	margin: 0.5% auto 0;
	text-align: right;
	font-size: min(2vw,12px);
}

/* ------------------cm*/
.cm_chef {
	background-image: url(//images.vitabrid.co.jp/images/lp/tf5/v1/cm/cm_chef_bg.jpg);
	background-position: center top;
	background-color: #030303;
	background-repeat: no-repeat, repeat;
	padding: 0 0 42px;
    text-align: center;

	h2{
		margin-bottom: -40px;
	}

	.chef_video{
		width: 960px;
		margin: 50px auto 0;

		p{
			text-align: right;
			color: #FFF;
			font-size: 0.8em;
		}
	}

}

/* ------------------media*/

.media {
	background: url(//images.vitabrid.co.jp/images/lp/tf5/v1/media/media_bg.jpg) center top / auto 100% no-repeat, #f3eee8;
	padding: 0 0 120px;

	.media_inner{
		width: 1150px;
		margin: 0 auto;
		position: relative;
	
		.media_item {
			width: 750px;
			margin: 50px auto;
			text-align: center;

			.media_notes {
				text-align: right;
				font-size: 0.75em;
			}
		}
	}
}

/* ------------------media*/


/* ------------------insta*/
.insta{
	width: 1150px;
	margin: 30px auto;
	position: relative;


	.insta_notes{
		position: absolute;
		font-size: 0.7em;
		bottom: 33px;
		right: 107px;
	}
}
/* ------------------insta*/

/* ------------------diet*/
.diet {
	background-image:
		url(//images.vitabrid.co.jp/images/lp/tf5/v1/diet/diet_bg_top.jpg),
		url(//images.vitabrid.co.jp/images/lp/tf5/v1/bg_slate.jpg);
	background-position: center top 28px, center top;
	background-repeat: no-repeat, repeat-y;
	background-color: #070a06;
	padding-top: 143px;

	h2 {
		margin-bottom: 140px;
	}

	> p:first-of-type {
		margin-bottom: 373px;
	}

	/* carb */
	.carb {
		padding: 102px 0 160px;
		padding-top: 155px;

		&::before {
			width: 158px;
			height: 42px;
			background-size: contain;
		}

		h3 {
			margin-bottom: 72px;
		}
	}
}


.product {
	background: url(//images.vitabrid.co.jp/images/lp/tf5/v1/product/product_bg.png)
		center top / auto no-repeat;
	padding: 60px 0 0;
	margin-top: -15px;

	&::before {
		height: 40px;
		background-size: contain;
		top: -16px;
		left: calc(50% - 84px);
	}

	h3 {
		margin-bottom: 255px;

		span {
			display: block;
			margin-bottom: 160px;
		}

		+ p {
			margin-top: -70px;
		}
	}
}

.product_01 {
	padding-bottom: 63px;
	text-align: center;

	.gif_box {
		margin-top: 64px;
	}
}

.product_02 {
	/* background: url(//images.vitabrid.co.jp/images/lp/tf5/v1/product_02_bg.jpg) center bottom / auto 446px no-repeat; */
	padding-bottom: 72px;
}

.product_03 {
	background: url(//images.vitabrid.co.jp/images/lp/tf5/v1/product/product_03_bg.jpg)
		center top -6px / auto 900px no-repeat;
	padding-bottom: 60px;

	.gaiyou {
		mar©∫gin-top: 75px;
		max-width: 512px;

		dd {
			margin-top: 15px;
		}
	}
}

.sikengaiyou{
	 dd {
		color: #ffffff;
		font-size: 12px;
		line-height: 1.5;
		width: 800px;
		margin: 11px auto;
		letter-spacing: 0.05em;
	}
}

.copy_01 {
	background-image:
		url(//images.vitabrid.co.jp/images/lp/tf5/v1/copy/copy_01_bg.jpg),
		linear-gradient(to bottom, #2b232e, #4e4353);
	background-position: center top, 0 0;
	background-repeat: no-repeat, repeat;
	background-size: auto 100%;
	padding: 89px 0 18px;

	&::before {
		height: 41px;
		background-size: contain;
		top: -14px;
		left: calc(50% - 82px);
	}

	h3 {
		margin-bottom: 316px;
	}

	.medal {
		text-align: center;

		p {
			line-height: 1;

			&:first-of-type {
				padding-left: 6px;
			}

			&:last-of-type {
				margin-top: 3px;
			}
		}
	}
}


/* ------------------copy_02*/

.copy_02 {
	background-image:
		url(//images.vitabrid.co.jp/images/lp/tf5/v1/copy/copy_02_bg.jpg),
		linear-gradient(to bottom, #2b232e, #4e4353);
	background-position: center -4px, 0 0;
	background-repeat: no-repeat, repeat;
	padding-top: 74px;

	h2 {
		margin-bottom: 295px;
	}

	.medal {
		width: 1150px;
		margin: 0 auto;
		text-align: center;

		p {
			line-height: 1;

			&:first-child {
				padding-left: 6px;
			}

			&:last-child {
				margin-top: 2px;
			}
		}
	}

	+ .cv_area {
		padding: 67px 0 0;

		.cv_teiki {
			margin-top: 40px;
		}
	}
}


.reason {
	.reason_graph{
		background-image:
			url(//images.vitabrid.co.jp/images/lp/tf5/v1/reason/reason_slider_bg_01.png),
			url(//images.vitabrid.co.jp/images/lp/tf5/v1/reason/reason_slider_bg_02.jpg);
		background-position: center top, center top, center bottom;
		background-repeat: no-repeat, repeat-x, repeat-x;
		background-size: auto, auto 100%, auto;
		padding-top: 60px;
		padding-bottom: 148px;

		.reason_ttl {
			text-align: center;
		}

		.graph_slider{
			.graph_slide_arrow{
				bottom: -42px;
			}

		}
	}

	.reason_content{
		position: relative;

		background:
			url(//images.vitabrid.co.jp/images/lp/tf5/v1/reason/reason_bg.jpg)
			center bottom / auto repeat-x,
			#0c0a0b;
		padding-bottom: 40px;

					
		.medal {
			position: relative;
			width: 1150px;
			margin: 0 auto;			

			.medal_img{
				text-align: center;
				margin: 30px 0 531px 15px;
			}

			.notes {
				text-align: right;
				position: absolute;
				right: 0;
			}
		}

	}
}

/* ------------------reason*/


.gaiyou {
	max-width: 960px;
	margin: 52px auto 0;

	dt {
		color: #ffffff;
		text-align: center;
		padding-right: 1em;
		font-size: 19px;
		letter-spacing: 0.05em;

		&::after {
			content: '';
			display: inline-block;
			width: 12px;
			height: 12px;
			border-left: 2px solid #ffffff;
			border-bottom: 2px solid #ffffff;
			transform: rotate(-45deg);
			margin-left: 7px;
			vertical-align: 0.2em;
			transition: all 0.5s;
		}

		&.open::after {
			transform: rotate(135deg);
			vertical-align: -0.2em;
		}
	}

	dd {
		display: none;
		color: #ffffff;
		font-size: 12px;
		line-height: 1.5;
		margin-top: 11px;
		letter-spacing: 0.05em;
	}
}


/* ------------------about*/

.about {
	background-image:
		url(//images.vitabrid.co.jp/images/lp/tf5/v1/about/about_bg_top.jpg),
		url(//images.vitabrid.co.jp/images/lp/tf5/v1/about/about_bg_bottom.jpg);
	background-position: center top;
	background-repeat: no-repeat, repeat-y;
	padding: 666px 0 87px;

	h2{
		width: 1150px;
		margin: 0 auto;
	}

	/* inner text */
	> .inner {
		> p:nth-of-type(2) {
			margin-bottom: 60px;
		}
	}


	/* gif list */
	.gif_list {
		display: flex;
		justify-content: space-between;

		li {
			position: relative;

			.gif_box {
				position: absolute;
				top: 66px;
				left: 0;
				right: 0;
				max-width: 385px;
				margin: 0 auto;
				text-align: center;

				img {
					max-width: 100%;
				}
			}

			&:first-child {
				.gif_box {
					left: 120px;
				}
			}

			&:last-child {
				.gif_box {
					right: 10px;
				}
			}
		}
	}
}

/* ------------------voice*/

.voice {
	background-image:
		url(//images.vitabrid.co.jp/images/lp/tf5/v1/voice/voice_bg_top.jpg),
		url(//images.vitabrid.co.jp/images/lp/tf5/v1/voice/voice_bg_bottom.png);
	background-color: #e5e6e7;
	background-position: center top, center bottom;
	background-repeat: no-repeat;
	padding: 116px 0 95px;

	h2 {
		margin-bottom: 60px;
	}

	p.poab {
		top: 170px;
		right: 250px;
	}
}
/* ------------------support*/

.support {
	background: url(//images.vitabrid.co.jp/images/lp/tf5/v1/support/support_bg.jpg) center top no-repeat;
	height: 900px;
}

.support .inner li:nth-child(1) {
	margin-left: 6px;
}

.support_men {
	background: url(//images.vitabrid.co.jp/images/lp/tf5/v1/support/support_bg_men.jpg) center top no-repeat;
	height: 1000px;
}

/* ------------------support*/

.basis {
	height: 1050px;
	margin-top: -30px;

	li {
		text-align: center;
	}
}

/* ------------------control*/
.control {
	background: url(//images.vitabrid.co.jp/images/lp/tf5/v1/bg_slate.jpg) center top repeat-x;
	padding: 100px 0 50px;
	text-align: center;

	.control_ttl {
		margin-bottom: 50px;
	}

	.control_content{
		width: 964px;
		margin: 0 auto;
		
		.control_box {
			width: 964px;
			margin: 50px auto;
			border: 2px solid #fff;
			padding: 38px 48px;
			position: relative;

			p {
				font-size: 22px;
				line-height: 1.8;
				color: #ffffff;
				text-align: justify;
			}

			p:last-child {
				position: absolute;
				top: 163px;
				padding-right: 250px;
				letter-spacing: 0.5px;
			}
		}
	}
}


/* ------------------qa*/
.qa {
	background: url(//images.vitabrid.co.jp/images/lp/tf5/v1/qa/qa_bg.jpg)
		center top no-repeat;
	padding: 123px 0 30px;
	margin-top: 50px;

	h2 {
		margin-bottom: 114px;
	}

	dt {
		position: relative;
		cursor: pointer;
		margin-bottom: 26px;
		padding: 60px 0 20px;

		&::before {
			content: '';
			display: block;
			width: 900px;
			height: 0;
			border-top: 2px dotted #231815;
			position: absolute;
			top: 0;
			left: 125px;
		}

		&::after {
			content: '';
			display: block;
			position: absolute;
			cursor: inherit;
			width: 28px;
			height: 28px;
			top: 65px;
			right: 128px;
			background: url(//images.vitabrid.co.jp/images/lp/tf5/v1/qa/qa_caret.png)
				center top no-repeat;
			transition: all .5s;
			-webkit-transition: all .5s;
		}

		&:first-of-type {
			margin-top: 0;
			padding-top: 0;

			&::before {
				border-top: none;
			}

			&::after {
				top: 6px;
			}
		}

		&:nth-of-type(3) {
			padding: 52px 0 24px;

			&::after {
				top: 74px;
			}
		}

		&:nth-of-type(4) {
			padding: 49px 0 21px;

			&::after {
				top: 48px;
			}
		}

		&.open {
			&::after {
				transform: rotate(180deg);
				-webkit-transform: rotate(180deg);
				transition: all .5s;
				-webkit-transition: all .5s;
			}
		}
	}

	dd {
		display: none;
		padding-bottom: 52px;

		p {
			padding: 0 150px 0 130px;
			font-size: 25px;
			line-height: 1.6;
			margin-top: 23px;
			letter-spacing: -1.5px;
			text-align: justify;
		}

		&:nth-of-type(2) {
			padding-bottom: 46px;
		}

		&:nth-of-type(3) {
			padding-bottom: 48px;

			p {
				margin-top: 28px;
			}
		}

		&:last-of-type {
			p {
				margin-top: 30px;

				&:last-of-type {
					font-size: 25px;
					line-height: 1.6;
				}
			}
		}

		.small {
			font-size: 25px;
			line-height: 1.6;
			vertical-align: top;
		}
	}
}

/* ------------------company*/

.company {
	background-color: #edf2f6;
	padding: 90px 0 85px;
	border-top: 2px solid #231815;

	.company_ttl {
		margin-bottom: 62px;
		text-align: center;
	}

	.company_content{
		width: 1150px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;

		.company_text{
			p {
				width: 560px;
				padding-left: 75px;
				font-size: 25px;
				line-height: 1.6;
				letter-spacing: -0.5px;
				text-align: justify;
			}
			.note {
				font-size: 0.6em;
				display: block;
				line-height: 1.3;
			}		
		}

		.company_img{
			max-width: 550px;
		}
	}
}


/* ------------cv--------- */
.cv_area{
	margin: 0 auto;
	text-align: center;
	background: url(//images.vitabrid.co.jp/images/lp/tf5/v1/cv/cv_bg.jpg) left top;
	padding: 86px 0 0;

	.inner_cv {
		.off {
			.tokuten {
				position: relative;
				max-width: 1150px;
				width: 100%;
				margin: 0 auto;

				.cou_btn {
					position: absolute;
					top: 23%;
					right: 19%;
					width: calc(236 / 750 * 100vw);
					max-width: 236px;
					height: 111px;
					background-image: url("//images.vitabrid.co.jp/images/lp/tf5/v1/cou_btn.png");
					background-size: cover;

					button {
						background: none;
						border: none;
					}

					&:active {
						opacity: 0.7;
						cursor: pointer;
					}

					&.active {
						background-image: url("//images.vitabrid.co.jp/images/lp/tf5/v1/cou_btn_on.png");
						background-size: contain;
						background-repeat: no-repeat;
					}

					img {
						opacity: 0;
					}
				}

				.cou_txt {
					position: absolute;
					opacity: 0;
					top: 28%;
					right: 12%;
					z-index: 2;
					font-size: 18px;

					input{
						width: 50%;
					}
				}				
			}
		}
	}

	.btn {
		position: relative;
		.img-btn {
			position: absolute;
			width: 930px;
			top: 20px;
			left: 0;
			right: 0;
			margin: 0 auto;
			animation: move_btn 1.9s ease infinite normal;
			-webkit-animation: move_btn 1.9s ease infinite normal;
			-moz-animation: move_btn 1.9s ease infinite normal;
		}
	}
}


.cv_slider_cont {
	max-width: 880px;
	width: 100%;

	img{
		max-width: 880px;
		width: 100%;
	}
}

.cv_slider_cover {
	position: relative;
}

.cv_slider_box {
	max-width: 880px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);

	&.slick-initialized.slick-slider {
		position: absolute;
	}

	.slick-dots {
		background-color: #fff;
		bottom: -44px;

		li {
			width: 16px;
			margin: 0 calc(12 / 1150 * 100vw);

			button {
				width: 16px;

				&::before {
					width: 16px;
					height: 16px;
					border-radius: 50%;
					background-color: #a7a3a1;
					color: transparent;
					opacity: 1 !important;
				}
			}

			&.slick-active {
				button::before {
					background-color: #231815;
				}
			}
		}
	}

	.slick-arrow {
		position: absolute;
		top: 50%;
		display: block;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		z-index: 6;

		img {
			width: 80%;
			text-align: center;
		}
	}

	.prev-arrow {
		left: -30px;
	}

	.next-arrow {
		right: -30px;
	}
}

/* ------------------cv_area*/

.yd_note{
    height: 0;
    position: relative;
    bottom: 32px;
    left: -223px;
}

.ispec *{
	box-sizing: border-box;

	h3 span {
		font-family: var(--Fyg);
		font-size: .7em;
	}

	.brB {
		margin-left: 10px;
		padding: 5px;
		border: 1px solid #999;
	}

	p {
		margin-left: 14px;
		font-size: .9em;
	}

	.compo{
		width: 380px;
		margin: 0 0 15px 5px;
		display: inline-block;

		dl{
			padding: 0;
			width: 100%;

			dt:last-of-type,
			dd:last-of-type{
				border-bottom: none;
			}
			dt{
				padding-left: 13px;
				font-size: 13px;
				width: 108px;
				border-right: 1px solid #ccc;
			}

			dt:first-of-type,
			dd:first-of-type,
			dd:nth-of-type(2), 
			dd:nth-of-type(3) {
				border-bottom: 1px solid #ccc;
			}

			dd{
				padding: 10px;
				width: 90px;
				text-align: right;
				border-right: 1px dashed #ccc;
			}

			dd:nth-of-type(odd){
				border-right: 1px dashed #ccc;
				border-left: 1px solid #ccc;
			}

			dd:first-of-type, 
			dd:nth-of-type(2), 
			dd:nth-of-type(3) {
				text-align: center;
				font-weight: bold;
				background: #ddd;
			}
			dd:nth-of-type(3n) {
				border-right: none;
			}
			dd:nth-of-type(odd) {
				border-left: none;
			}

		}
	}


	.kanyo {
		width: 380px;
		dt {
			padding-right: 13px;
			width: 132px;
		}
		dd {
			width: 82px;
		}
	}

}


/*----- animation -----*/

@keyframes move_btn {
	0%	{left: 0%;}
	50% {left: 0%;}
	85% {left: 0%;}
	90% {left: 2%;}
	95% {left: 0%;}
	100% {left: 0%;}
}

@media screen and (min-width: 1921px) {

	.diet {
		background-size: auto, auto;
		background-repeat: no-repeat, repeat;
	}
	.about {
		background-size: 100% auto;
	}

	.qa {
		background-size: contain;
	}
}

.tf_tel {
	font-size: 18px;
	line-height: 2.5em;
	margin-left: 283px;
}
.gatt .tbl {
	background: var(--WhitE);
}