@charset "utf-8"; 
 
/* VISUAL  ================================================================================== */
.main_container					{padding:140px 0 0 0; overflow:hidden;}
.mVisual .bxslider				{visibility:hidden;}
.mVisual .mvideo_box			{position: relative;width: 100%; aspect-ratio:16/9; padding:0; margin:0; }

.mVisual						{position:relative;}  
.mVisual .item 					{position:relative; height:560px; overflow:hidden;}
.mVisual .bg 					{overflow:hidden; position:absolute; width:100%; height:100%; top:0; left:0; filter: brightness(0.78);animation:imgScale 3s both; /*filter: brightness(0.8);*/} 
.mVisual .text					{position:absolute;text-align:center;  width:100%; top:18%; transform:translateY(-50%); color:#222; z-index:100; animation:slide-up 2s cubic-bezier(.5,.2,0,1) forwards; } 
.mVisual .text em				{font-family: 'paybooc-Bold'; display:block; letter-spacing:3px; color:var(--color2);}
.mVisual .Btit					{font-family: 'S-Core Dream'; font-size:1.95em; line-height:1.3; font-weight:500; letter-spacing:-2px; color:#fff;  margin:20px 0 25px 0; text-shadow: 0 3px 12px rgba(0,0,0,0.6);  }
.mVisual .Btit strong			{display:block; font-weight:700; font-size:1.8em;  color:#fff;  }
.mVisual .Stit					{font-family: 'S-Core Dream'; font-weight:500;font-size:1.2em; line-height:1.4;  color:#fff; letter-spacing:-1px;  text-shadow: 0 3px 12px rgba(0,0,0,0.6);}
.mVisual .default				{background:#e7f2ff; overflow:unset;}
.mVisual .default:after			{content:''; position:absolute; right:0; left:0; bottom:-50px; width:1600px; height:100%; margin:0 auto; background:url('../img/main/acc_visual.png') no-repeat right bottom;}


/* CONTENTS  ================================================================================== */
.mBoard							{padding:80px 0;}
.mBoard .web_size				{display:flex; justify-content:space-between; gap:5%;}
.mBoard .notice				 	{position:relative; flex:1; min-width:0; width:100%;}
.mBoard .quickmenu				{position:relative; display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; flex:1; min-width:0; width:100%; text-align:center;}
.mBoard .quickmenu a 			{border:5px solid #f0f3f5; border-radius:10px; background:#f0f3f5; transition:.4s;}
.mBoard .quickmenu li			{font-family: 'S-Core Dream'; color:#333; font-size:1.1em; font-weight:500; letter-spacing:-1px; padding:135px 0 30px 0; background:url('../img/main/acc_bn01.png') no-repeat center 30px; background-size:90px; }
.mBoard .quickmenu a:nth-child(2) li	{background-image:url('../img/main/acc_bn02.png');}
.mBoard .quickmenu a:nth-child(3) li	{background-image:url('../img/main/acc_bn03.png');}
.mBoard .quickmenu a:nth-child(4) li	{background-image:url('../img/main/acc_bn04.png');}
.mBoard .quickmenu a:nth-child(5) li	{background-image:url('../img/main/acc_bn06.png');}
.mBoard .quickmenu a:last-child li	{background-image:url('../img/main/acc_bn05.png');}
.mBoard .quickmenu a:hover		{background:#fff;}
.mBoard .quickmenu a:hover li 	{animation:bounce 1s ease-out;}

.main_container h2				{font-family: 'S-Core Dream'; text-align:center; color:#2a2a2a; font-weight:300; font-size:2.1em; line-height:1; letter-spacing:-1.5px; margin-bottom:50px;}
.main_container h2 strong		{font-weight:700;}
.mProgram						{padding:100px 0; background:url('../img/main/acc_back.jpg') no-repeat center; background-size:cover;}
.mProgram h2					{color:#fff;}
.mProgram .item					{position:relative; z-index:1; height:380px; overflow:hidden;}
.mProgram .item li				{margin:0 15px;}
.mProgram .item figure			{position:relative; aspect-ratio:6/4; background:#fff; overflow:hidden; border-radius:20px; box-shadow:0 0 15px 1px rgba(0,0,0,0.09);}
.mProgram .item figure img		{width:100%; transition:all 0.4s ease;}
.mProgram .item figure span		{font-family: 'S-Core Dream'; font-size:0.85em; position:absolute; right:15px; bottom:15px; width:75px; line-height:75px; border-radius:100%; background:rgb(166,21,95,0.95); color:#fff; text-align:center;}
.mProgram .item .tit			{font-family: 'S-Core Dream'; height:52px; font-size:1.1em; font-weight:500; color:#fff; line-height:1.4; letter-spacing:-0.5px; margin:25px 0 15px 0; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; word-wrap: break-word; }
.mProgram .item .meta 			{font-family:'Paperlogy'; font-size:0.95em; display:grid; grid-template-columns:70px auto; gap:10px; margin:3px 0; color:#fff; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.mProgram .item .meta strong	{font-family: 'S-Core Dream'; font-size:16px; font-weight:400;}
.mProgram .item li:hover figure img	{transform: scale(1.1);}
.mProgram .item .closed figure span	{background:rgb(153,153,153,0.95);}
.mArrow							{position:absolute; top:20%; transform:translateY(-50%); width:100%; z-index:1;}
.mArrow p						{position:absolute; cursor:pointer; width:70px; height:70px; line-height:67px; text-indent:-10px;background:#fff; border-radius:100%; text-align:center;  box-shadow:0 0 15px 1px rgba(0,0,0,0.07);} 
.mArrow p:after					{content:''; display:inline-block; border:solid #333; border-width:3px 0 0 3px; padding:4px; border-radius:2px;}
.mArrow p:before				{content:''; display:inline-block; height:2px; width:20px; position:absolute; top:0; bottom:0; margin:auto; background:#333;}
.mArrow .prev					{left:-30px;}
.mArrow .prev:after				{transform:rotate(315deg);}
.mArrow .prev:before			{right:25px;}
.mArrow .next					{right:-30px; text-indent:10px;}
.mArrow .next:after				{transform:rotate(135deg);}
.mArrow .next:before			{left:25px;}
.mArrow p:hover					{background:rgba(0,0,0,0.6);}
.mArrow p:hover:after			{border-color:#fff;}
.mArrow p:hover:before			{background:#fff;}
.mProgram .dots					{margin-top:20px; text-align:center;}
.mProgram .dots li				{display:inline-block; margin:0 5px; cursor:pointer;}
.mProgram .dots li span			{display:inline-block; content:''; width:12px; height:12px; border-radius:50%;  background:#fff; opacity:0.3; }
.mProgram .dots li:hover span, .mProgram .dots .slick-active span	{opacity:1;}
.mProgram .dots li:hover		{transform:none;}

.mPhoto							{padding:80px 0; background:#f5f5f5; }
.mPhoto h2 div             {position:relative;display:inline-block; font-family: 'S-Core Dream';padding-top:25px; }
.mPhoto h2 div::before           {position:absolute;content:'';left:35%; top:0; width:30%; height:4px; background:var(--color1); }

.mPhoto .mArrow p:hover			{background:var(--color1);}
.mPhoto .mArrow .prev			{left:-40px;}
.mPhoto .mArrow .next			{right:-40px;}

.mFamsite						{position:relative; padding:30px 0; text-align:center; border-top:1px solid #ddd;}
.mFamsite .bottom_slickslider	{overflow:hidden;}
.mFamsite ul					{width:calc(100% - 60px); margin:0 auto;}
.mFamsite .arrow				{position:absolute; top:calc(50% - 20px); width:100%;}
.mFamsite .arrow p				{position:absolute; width:30px; height:30px; cursor:pointer;}
.mFamsite .arrow p:after		{content:''; display:inline-block; border:solid #d1d1d1; border-width:0 3px 3px 0; padding:7px; margin:10px 0 0 10px;}
.mFamsite .arrow p:hover:after	{border-color:#333;}
.mFamsite .prev					{left:10px;}
.mFamsite .prev:after			{transform: rotate(135deg);}
.mFamsite .next					{right:10px;}
.mFamsite .next:after			{transform: rotate(-45deg);}
.mFamsite .slick-list			{padding:0;}
.mFamsite img					{margin:0 auto;}


@media screen and (max-width:1600px) {   
	.mVisual .default:after		{width:100%; background-position:98% bottom;} 
}

@media screen and (max-width:1480px) {   
	.mVisual .text				{padding:0 40px;}
	.mBoard                     {padding:80px 40px;}
    .mProgram                {padding:100px 40px;}
    .mPhoto	                    {padding:80px 40px;}
}

@media screen and (max-width:1200px) {   
	.mVisual .default:after		{height:90%; background-size:contain;}

	.main_container h2			{font-size:1.8em; margin-bottom:40px;}
	.mBoard .web_size			{display:block;}
	.mBoard .quickmenu			{grid-template-columns:repeat(6, 1fr); margin-top:20px;}
	.mBoard .quickmenu li		{height:180px; background-size:80px;}
}

@media screen and (max-width:1024px) {   
	.main_container					{padding:60px 0 0 0;}

	.mVisual .item					{aspect-ratio:6 / 3; height:auto;}
	.mVisual .text					{width:100%;}
	.mVisual .text em				{font-size:0.75em; letter-spacing:2px;}
	.mVisual .Btit					{font-size:1.7em; letter-spacing:-1px; margin:5px 0 12px 0; line-height:1.4;} 
	.mVisual .Stit					{font-size:1.15em; margin-top:10px;  } 
	.mVisual .default:after			{bottom:-30px; height:70%;}

	.mBoard							{padding:50px 15px;}
	.mBoard .quickmenu				{gap:7px;}
	.mBoard .quickmenu li			{font-size:1em; padding:65px 0 10px 0; height:auto; background-size:50px; background-position:center 10px;}
	.mBoard .quickmenu a:hover li 	{animation:unset;}

	.main_container h2				{font-size:1.4em; margin-bottom:30px; letter-spacing:-1px;}
	.mProgram						    {padding:50px 15px;}
	.mProgram .item li				{margin:0 10px;}
	.mProgram .item figure span		{right:10px; bottom:10px; width:65px; line-height:65px;}
	.mProgram .item .tit			{margin:20px 0 7px 0; -webkit-line-clamp:1; height:auto;}
	.mProgram .item .meta			{grid-template-columns:60px auto;}
	.mProgram .item .meta strong	{font-size:15px;}
	.mProgram .dots					{margin-top:10px;}
	.mProgram .dots li				{margin:0 3px;}
	.mProgram .dots li span			{width:10px; height:10px;}
	
	.mArrow							{top:30%;}
	.mArrow p						{width:50px; height:50px; line-height:45px; text-indent:-8px;}
	.mArrow p:after					{padding:3px;}
	.mArrow p:before				{width:15px;}
	.mArrow .prev					{left:-10px;}
	.mArrow .prev:before			{right:20px;}
	.mArrow .next					{right:-10px; text-indent:8px;}
	.mArrow .next:before			{left:20px;}
	
	.mPhoto							{padding:50px 15px;}
    .mPhoto h2 div             { padding-top:20px; } 
    .mPhoto h2 div::before           {  height:3px;   }
	.mPhoto .mArrow .prev			{left:-5px;}
	.mPhoto .mArrow .next			{right:-5px;}

	.mFamsite						{padding:15px 0;}
	.mFamsite .arrow				{top:calc(50% - 15px);}
	.mFamsite ul					{width:calc(100% - 40px);}
	.mFamsite .arrow p:after		{padding:4px;}
	.mFamsite .prev					{left:0;}
	.mFamsite .next					{right:10px;}
	.mFamsite img					{width:70%;}
}

@media screen and (max-width:768px) { 
	.mVisual .item					{aspect-ratio:unset; height:360px;}
	.mVisual .text					{ padding:0 20px; text-align:center;}
	.mVisual .Btit					{font-size:1.5em;} 
	.mVisual .Stit					{font-size:1em; width:100%;} 
	.mVisual .default:after			{height:50%;}

	.mBoard .quickmenu				{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width:560px) { 
	.mVisual .text					{font-size:0.9em; }
	.mVisual .Btit					{font-size:1.4em;} 
}
@media screen and (max-width:480px) { 
	.mVisual .text					{font-size:0.85em; }
	.mVisual .Btit					{font-size:1.25em;} 
	.mVisual .Btit	strong				{font-size:1.7em;} 
	.mVisual .Stit	br				{display:none;} 
}