@charset "UTF-8";

/* --------------------------------------
	global
-------------------------------------- */

	/* hacks */

	@media only screen and (min-width:768px) { .sp { display:none !important; } }
	@media only screen and (max-width:767px) { .pc { display:none !important; } }

	#baby_trial	img		{ width:100%; display:block; vertical-align:bottom; }
	#baby_trial a img	{ transition:opacity ease 0.3s;			}
	#baby_trial .ma		{ margin-left:auto; margin-right:auto;	}
	#baby_trial .pr		{ position:relative;					}
	#baby_trial .pa		{ position:absolute;					}
	#baby_trial .pf		{ position:fixed;						}
	#baby_trial .db		{ display:block;						}
	#baby_trial .di		{ display:inline;						}
	#baby_trial .dib	{ display:inline-block;					}
	#baby_trial .dn		{ display:none;							}
	#baby_trial .df		{ display:flex;							}
	#baby_trial .fww	{ flex-wrap:wrap;						}
	#baby_trial .fwnw	{ flex-wrap:nowrap;						}
	#baby_trial .jcc	{ justify-content:center;				}
	#baby_trial .jcsb	{ justify-content:space-between;		}
	#baby_trial .jcfs	{ justify-content:flex-start;			}
	#baby_trial .jcfe	{ justify-content:flex-end;				}
	#baby_trial .aic	{ align-items:center;					}
	#baby_trial .aifs	{ align-items:flex-start;				}
	#baby_trial .aife	{ align-items:flex-end;					}
	#baby_trial .oxh	{ overflow-x:hidden;					}
	#baby_trial .tl		{ text-align:left;						}
	#baby_trial .tc		{ text-align:center;					}
	#baby_trial .tr		{ text-align:right;						}
	#baby_trial .tj		{ text-align:justify;					}
	#baby_trial .hac	{ left:50%; transform:translateX(-50%); }
	#baby_trial .vam	{ top :50%; transform:translateY(-50%); }

	.marugo { font-family:dnp-shuei-mgothic-std, 'Shuei MaruGo', sans-serif !important; font-weight:400; }
	.bold,
	.bold * { font-weight:600 !important; }
	.orange { color:#ff8701; }




/* ----------------------------------
	layout
---------------------------------- */

	body
	{
		scrollbar-width		:none; /*Firefox対応のスクロールバー非表示コード*/
		-ms-overflow-style	:none; /*Internet Explore対応のスクロールバー非表示コード*/
	}
	body::-webkit-scrollbar			{ display:none; /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/ }
	body							{ background:#fffcf4; }

	header							{ background:rgba(255,255,255,0.75); max-width:750px; width:100%; height:70px; position:fixed; left:calc(50% - 375px); top:0; padding:0 0 0 25px; z-index:999; }
	header h1						{ width:220px; }
	header nav .menu				{ background:#fffdeb; }
	header nav .menu__inner ul li a	{ color:#333; font-size:1.8rem; }
	header nav .menu .closeBtn span	{ color:#333; }
	main							{ margin:0; }
	#baby_trial						{ max-width:750px; background:#fff; box-shadow:0px 0px 54px 0px rgb(0 0 0 / 30%); overflow-x:hidden; margin:auto; }
	/* footer							{ height:unset; margin:0 0 225px; } */
	footer							{ height:unset; margin:0 0 50px; }
	
	@media screen and (max-width:750px)
	{
		header						{ width:100vw; height:9.333vw; left:calc(50% - 50vw); padding:0 0 0 3.333vw; }
		header h1					{ width:29.333vw; }
		#mata_s01					{ box-shadow:none; max-width:100%; position:relative; overflow:hidden; }
		footer						{ height:unset; margin:0 0 0vw; }
	}



/* ----------------------------------
	bg
---------------------------------- */

	/* #baby_trial section.cv1					{ background:url('../img/bg/cv1.png')		0 0 / 100% no-repeat; }
	#baby_trial section.cv2					{ background:url('../img/bg/cv2.png')		100% no-repeat; } */
	#baby_trial section.appeal3				{ background:url('../img/bg/appeal3.png')	0 0 / 100% no-repeat; }
	#baby_trial section.slide1				{ background:url('../img/slide/01-bg.png')	0 0 / 100% no-repeat; }
	/* #baby_trial section.slide2				{ background:url('../img/slide/02-bg.png')	0 0 / 100% no-repeat; }
	#baby_trial section.slide3				{ background:url('../img/slide/03-bg.png')	0 0 / 100% no-repeat; } */


/* ----------------------------------
	decorations
---------------------------------- */

	/* bttns */
	#baby_trial .bttn						{ width:79.734%; cursor:pointer; }
	#baby_trial .bttn01						{ bottom: 5%; }
	#baby_trial .bttn02						{ bottom: 3%; }
	#baby_trial .bttn03						{ bottom: 2%; }
	#baby_trial .bttn04						{ bottom: 2%; }

	/* video_area */
	#baby_trial .video						{ width:86.667%; top:0; padding-top:48.8%; }
	#baby_trial .video iframe				{ left:0; top:0; width:100%; height:100%; }

	/* accordion */
	#baby_trial .acc .trg::before,
	#baby_trial .acc .trg::after			{ transition:transform 0.5s; content:''; display:block; background:#756c67; width:2%; height:4%; position:absolute; right:14%; top:50%; }
	#baby_trial .acc .trg::after			{ transition:transform 0.5s; transform:rotate(90deg); }
	#baby_trial .acc .trg.active::after		{ transition:transform 0.5s; transform:rotate( 0deg); }

	/* coupons */
	#baby_trial .coupon						{ width:97%; cursor:pointer; }
	#baby_trial .coupon01						{ top: 7%; }
	#baby_trial .coupon02           {top: 13.3vw;}
	@media screen and (min-width: 750px) {
		#baby_trial .coupon02           {top: 100px;}
	}



/* ----------------------------------
	slide, slick
---------------------------------- */

	.slide ul								{ width:100%; left:0%; }
	.slide ul li							{ margin:0 15px; }
	.slide .slick-prev,
	.slide .slick-next						{ z-index:10; border-radius:50%; font-size:0; opacity:0.8; }
	.slide .slick-prev::before,
	.slide .slick-next::before				{ display:none; }
	.slide .slick-slide img					{ display:block; margin:auto; }
	.slide .slick-dots						{ display:flex; flex-wrap:nowrap; justify-content:center; align-items:flex-start; list-style:none; }
	.slide .slick-dots li					{ background:#ffffff; width:20px; height:20px; border:solid 2px #ff9a37; border-radius:50%; }
	.slide .slick-dots li.slick-active		{ background:#ff9a37; }
	.slide .slick-dots li button			{ display:none; }

	.slide1 ul li.slick-slide				{ width:560px; }
	.slide1 .slick-prev						{ width:86px; height:86px; background:url(../img/slide/01-arrow-prev.png) center center / 100% no-repeat; left :8%; top:25%; }
	.slide1 .slick-next						{ width:86px; height:86px; background:url(../img/slide/01-arrow-next.png) center center / 100% no-repeat; right:8%; top:25%; }
	.slide1 .slick-dots						{ margin-top:30px; padding-bottom: 10%; }
	.slide1 .slick-dots li					{ border:solid 2px #f5bd48; }
	.slide1 .slick-dots li.slick-active		{ background:#f5bd48; }

	@media screen and (max-width:750px)
	{
		.slide ul li							{ margin:0 2.333vw; }
		.slide .slick-dots li					{ width:2.667vw; height:2.667vw; border:solid 0.267vw #ff9a37; }
		.slide1 ul li.slick-slide				{ width:72.333vw; }
		.slide1 .slick-prev						{ width:11.467vw; height:11.467vw; }
		.slide1 .slick-next						{ width:11.467vw; height:11.467vw; }
		.slide1 .slick-dots						{ margin-top:4vw; }
	}



/* ----------------------------------
	links
---------------------------------- */

	#baby_trial .links div								{ background:url('../img/links/bg.png') center top / 100% repeat-y; }
	#baby_trial .links div.branches						{ padding:0 0 75px; }
	#baby_trial .links div.branches ul					{ width:56.533%; margin:30px auto 0;}
	#baby_trial .links div.branches ul li				{ margin:0 0 30px; }
	#baby_trial .links div.branches ul li:nth-child(1)	{ width: 96.698%; }
	#baby_trial .links div.branches ul li:nth-child(2)	{ width: 34.434%; }
	#baby_trial .links div.branches ul li:nth-child(3)	{ width: 27.830%; }
	#baby_trial .links div.branches ul li:nth-child(4)	{ width:100%; margin-bottom:0; }
	#baby_trial .links div.branches ul li a				{ font-size:32px; color:#649ed5; text-decoration:underline; margin:0 0 30px; }
	#baby_trial .links div.tel							{ 					padding:0 0 75px; }
	#baby_trial .links div.tel .number					{ width:65.334%;						margin:40px auto 30px; }
	#baby_trial .links div.tel .txt						{ font-size:24px; }
	#baby_trial .links div.sns ul:nth-of-type(1)		{ width:69.6%;		padding:40px 0;		margin:0 auto; }
	#baby_trial .links div.sns ul:nth-of-type(2)		{ width:50.0%;							margin:0 auto; }
	#baby_trial .links div.sns ul:nth-of-type(1) li		{ width:47.893%; }
	#baby_trial .links div.sns ul:nth-of-type(2) li		{ width:24.268%; }
	#baby_trial footer .logo							{ width:46.668%;	padding:50px 0;		margin:0 26.5%; }
	#baby_trial footer small							{ font-size:20px; }
	#baby_trial .member{
		left: 50%;
		transform: translateX(-50%);
		font-size: 18px;
		line-height: 1.6;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: bold;
		color: #746d67;
		border-bottom: 1.5px solid #746d67;
		white-space: nowrap;
	}	

	@media screen and (max-width:750px)
	{
		#baby_trial .links div.branches					{ padding:0 0 10vw; }
		#baby_trial .links div.branches ul				{ margin:4vw auto 0;}
		#baby_trial .links div.branches ul li			{ margin:0 0 4vw; }
		#baby_trial .links div.branches ul li a			{ font-size:4.267vw; margin:0 0 4vw; }
		#baby_trial .links div.tel						{ padding:0 0 10vw; }
		#baby_trial .links div.tel .number				{ margin:5.333vw auto 4vw; }
		#baby_trial .links div.tel .txt					{ font-size:3.2vw; }
		#baby_trial .links div.sns ul:nth-of-type(1)	{ padding:5.333vw 0; }
		#baby_trial footer .logo						{ padding:6.667vw 0; }
		#baby_trial footer small						{ font-size:2.667vw; }	
		#baby_trial .member{
			font-size: 3.1vw;
		}
	}


/* -----------------------------------------------------------------
	fllw
----------------------------------------------------------------- */

	aside.fllw											{ width:714px; left:50%; right:unset; transform:translateX(-50%); bottom:0; animation-name:unset; display:none; }
	aside.fllw .fixBnr__close							{ width:56px; height:56px; right:-2%; top:-20%; }
	aside.dnx											{ display:none!important; }

	@media screen and (max-width:750px)
	{
		aside.fllw										{ width:95.2%;  }
		aside.fllw .fixBnr__close						{ width:7.467vw; height:7.467vw; right:-2%; top:-20%; }
	}


/* -----------------------------------------------------------------
	safariのみの対応
----------------------------------------------------------------- */

	_::-webkit-full-page-media,
	_:future,
	:root #sec03		{ min-height:18vw; }
	#sec03-insrt1		{ margin-top:-9%; }

	@media screen and (-webkit-min-device-pixel-ratio:0)
	{
		::i-block-chrome,
		#sec03			{ min-height:18vw; }
		#sec03-insrt1	{ margin-top:-9% }
	}