@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; } }

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

	.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:#F9F5ED; }

	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							{ padding-top:0; }

	#oligo_shttr_tr					{ 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 90px; }

	@media screen and (max-width:750px)
	{
		header							{ max-width:100vw; height:9.333vw; left:calc(50% - 50vw); padding:0 0 0 3.333vw; }
		header h1						{ width:29.333vw; }
		#oligo_shttr_tr					{ max-width:100vw; box-shadow:0 0 7.2vw 0 rgb(0 0 0 / 30%); }
		footer							{ margin:0 0 12vw; }
	}



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

	#oligo_shttr_tr section.fv		{ background:url('../img/bg/01.jpg') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-02	{ background:url('../img/bg/02.jpg') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-03	{ background:url('../img/bg/03.png') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-04	{ background:url('../img/bg/04.png') 0 0 / 100% no-repeat; }
	/* #oligo_shttr_tr section.blk-04-2	{ background:url('../img/bg/04-2.png') 0 0 / 100% no-repeat; } */
	#oligo_shttr_tr section.blk-05	{ background:url('../img/bg/05.png') 0 0 / 100% no-repeat; }
	/* #oligo_shttr_tr section.blk-06	{ background:url('../img/bg/06.png') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-07	{ background:url('../img/bg/07.png') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-08	{ background:url('../img/bg/08.png') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-09	{ background:url('../img/bg/09.png') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-10	{ background:#f7f2e6; }
	#oligo_shttr_tr section.blk-14	{ background:#f7f2e6; padding-top: 115px; }
	#oligo_shttr_tr section.blk-11	{ background:url('../img/bg/11.png') 0 -65px / 100% no-repeat; }
	#oligo_shttr_tr section.blk-12	{ background:url('../img/bg/12.png') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-13	{ background:url('../img/bg/13.png') 0 0 / 100% no-repeat; } */

	/* #oligo_shttr_tr .bgwhite { background-color: #FFF; } */

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

	#oligo_shttr_tr	.period { position: relative; z-index: 1; margin: 80px 0 -30px; }

	/* fade  */
	#oligo_shttr_tr	.fadeIn,
	#oligo_shttr_tr	.fadeIn.faded					{ transition: 1.2s;}

	/* btns */
	#oligo_shttr_tr .btn1							{ width:85%; top:2125px; }
	#oligo_shttr_tr .btn2							{ width:85%; top:5263px; }
	#oligo_shttr_tr .btn3							{ width:85%; top:825px; }
	#oligo_shttr_tr .btn4							{ width:85%; top: 867px; }
	#oligo_shttr_tr .btn5							{ width:85%; top:1967px; }
	#oligo_shttr_tr .btn6							{ width:85%; top:4103px; }
	#oligo_shttr_tr .btn7							{ width:85%; top:5177px; }


	/* decss */
	#oligo_shttr_tr .dec1							{ width:100%;				top: -50px; }
	#oligo_shttr_tr .dec2							{ width:100%;				top:1460px; }
	#oligo_shttr_tr .dec3							{ width:100%;				top: -210px;}
	#oligo_shttr_tr .dec4							{ width:201px;	left: 18px;	top:3400px; }
	#oligo_shttr_tr .dec5							{ width:335px;	left: 10px;	top:1490px; }
	#oligo_shttr_tr .dec6							{ width:326px;	right:10px;	top:3130px; }
	#oligo_shttr_tr .dec7							{ width:137px;	left:100px;	top:6190px; }
	#oligo_shttr_tr .dec8							{ width:297px;	left: 60px;	top:-380px; }

	/* video */
	#oligo_shttr_tr .video							{ width:550px; top:200px; }

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

	@media screen and (max-width:750px)
	{
		#oligo_shttr_tr	.period { margin: 9.333vw 0 -4vw; }
		#oligo_shttr_tr section.blk-11	{ background:url('../img/bg/11.png') 0 -8.666vw / 100% no-repeat; }
		#oligo_shttr_tr section.blk-14	{ padding-top: 17.333vw; }

		/* btns */
		#oligo_shttr_tr .btn1						{ width:84.267vw; top:283.266vw; }
		#oligo_shttr_tr .btn2						{ width:84.267vw; top:701.866vw; }
		#oligo_shttr_tr .btn3						{ width:84.267vw; top:264.9vw; }
		#oligo_shttr_tr .btn4						{ width:84.267vw; top:115.8vw; }
		#oligo_shttr_tr .btn5						{ width:84.267vw; top:262.166vw; }
		#oligo_shttr_tr .btn6						{ width:84.267vw; top:547.333vw; }
		#oligo_shttr_tr .btn7						{ width:84.267vw; top:691.333vw; }

		/* decss */
		#oligo_shttr_tr .dec1						{ width:100%;						top: -6.667vw; }
		#oligo_shttr_tr .dec2						{ width:100%;						top:194.667vw; }
		#oligo_shttr_tr .dec3						{ width:100%;						top:-28vw; }
		#oligo_shttr_tr .dec4						{ width:26.800vw;	left: 2.400vw;	top:453.333vw; }
		#oligo_shttr_tr .dec5						{ width:44.667vw;	left: 1.333vw;	top:198.666vw; }
		#oligo_shttr_tr .dec6						{ width:43.467vw;	right:1.333vw;	top:417.333vw; }
		#oligo_shttr_tr .dec7						{ width:18.267vw;	left:13.333vw;	top:825.333vw; }
		#oligo_shttr_tr .dec8						{ width:39.600vw;	left: 8.000vw;	top:-50.666vw; }

		/* video */
		#oligo_shttr_tr .video						{ width:73.333vw; top:26.667vw; }
	}



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

	#oligo_shttr_tr .links div								{ background:url('../img/links/bg.png') center top / 100% repeat-y; }
	#oligo_shttr_tr .links div.branches						{ padding:0 0 75px; }
	#oligo_shttr_tr .links div.branches ul					{ margin:30px 0 0 0;}
	#oligo_shttr_tr .links div.branches ul li				{ margin:0 auto 30px; }
	#oligo_shttr_tr .links div.branches ul li:nth-child(1)	{ width:61.200%; }
	#oligo_shttr_tr .links div.branches ul li:nth-child(2)	{ width:18.801%; }
	#oligo_shttr_tr .links div.branches ul li:nth-child(3)	{ width:14.134%; }
	#oligo_shttr_tr .links div.branches ul li:nth-child(4)	{ width:50.134%; margin-bottom:0; }
	#oligo_shttr_tr .links div.branches ul li a				{ font-size:32px; color:#649ed5; text-decoration:underline; margin:0 0 30px; }
	#oligo_shttr_tr .links div.tel							{ padding:0 0 75px; }
	#oligo_shttr_tr .links div.tel .number					{ width:78.668%;						margin:40px auto 30px; }
	#oligo_shttr_tr .links div.tel .txt						{ font-size:24px; }
	#oligo_shttr_tr .links div.sns ul:nth-of-type(1)		{ width:69.6%;		padding:40px 0;		margin:0 auto; }
	#oligo_shttr_tr .links div.sns ul:nth-of-type(2)		{ width:50.0%;							margin:0 auto; }
	#oligo_shttr_tr .links div.sns ul:nth-of-type(1) li		{ width:45.978%; }
	#oligo_shttr_tr .links div.sns ul:nth-of-type(2) li		{ width:24.268%; }
	#oligo_shttr_tr footer .logo							{ width:46.668%;	padding:50px 0;		margin:0 26.5%; }
	#oligo_shttr_tr footer small							{ font-size:20px; }

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



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

	.slide ul								{ width:100%; left:0%; top:350px; }
	.slide ul li							{ width:550px; margin:0 10px; }
	.slide .slick-prev						{ z-index:10; border-radius:50%; font-size:0; opacity:0.8; width:118px; height:118px; background:url(../img/slide/arrow-prev.png) center no-repeat; background-size:contain; left :2.5%; top:50%; }
	.slide .slick-next						{ z-index:10; border-radius:50%; font-size:0; opacity:0.8; width:118px; height:118px; background:url(../img/slide/arrow-next.png) center no-repeat; background-size:contain; right:2.5%; top:50%; }
	.slide .slick-prev::before				{ content:''; border:0px; transform:rotate(45deg); position:absolute; }
	.slide .slick-next::before				{ content:''; border:0px; transform:rotate(45deg); position:absolute; }
	.slide .slick-slide img					{ display:block; margin:auto; }
	.slide .slick-dots						{ display:flex; flex-wrap:nowrap; justify-content:center; align-items:flex-start; margin-top:50px; list-style:none; }
	.slide .slick-dots li					{ background:#ffffff; width:15px; height:15px; border:solid 2px #f29b8f; border-radius:50%; }
	.slide .slick-dots li.slick-active		{ background:#f29b8f; }
	.slide .slick-dots li button			{ display:none; }

	@media screen and (max-width:750px)
	{
		.slide ul							{ top:46.667vw; }
		.slide ul li						{ width:73.333vw; margin:0 1.333vw; }
		.slide .slick-prev					{ width:15.733vw; height:15.733vw; }
		.slide .slick-next					{ width:15.733vw; height:15.733vw; }
		.slide .slick-dots					{ margin-top:6.667vw; }
		.slide .slick-dots li				{ width:2vw; height:2vw; border:solid 0.267vw #f29b8f; }
	}


.bnr01 {
		/* display: none; */
		position: fixed;
		z-index: 99;
		bottom: 0;
		width: 100%;
		max-width: 750px;
		text-align: center;
		/*デフォルトで非表示にする*/
		opacity: 0;
		transform: translateY(30px);
		transition: opacity 1.5s, transform 1s;
	  }
	  /*このクラスが付与されると表示する*/
.active {
	visibility: visible;
	opacity: 1;
	transform: translateY(0px);
  }
  .btn_bg {
	background-color: #fff;
  }
  .active.is-animated {
	animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) forwards;
  }
   /*footerまでスクロールしたら消す*/
.is-hidden {
	visibility: hidden;
	opacity: 0;
  }
  
  @keyframes fadeIn {
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }