@charset "utf-8"; 
 
/* VISUAL  ================================================================================== */
.main_container					{padding:165px 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; top:0; left:0; overflow:hidden;  }  
.mVisual .item 					{position:relative; height:600px; overflow:hidden;}
.mVisual .bg 					{overflow:hidden; position:absolute; width:100%; height:100%; top:0; left:0; filter: brightness(0.8); animation:imgScale 3s both;} 
.mVisual .text					{position:absolute; width:100%; top:20%; transform:translateY(-50%); color:#FFF; 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; font-size:0.95em;}
.mVisual .Btit					{font-family: 'S-Core Dream'; font-size:2.3em; line-height:1.3; font-weight:200; letter-spacing:-1.5px; margin:20px 0 25px 0; text-shadow:0 0 10px rgba(0,0,0,0.3);}
.mVisual .Btit strong			{display:block; font-weight:700; font-size:48px; letter-spacing:-3.5px;}
.mVisual .Stit					{font-family: 'S-Core Dream'; font-size:1.2em; line-height:1.6; text-shadow:0 0 10px rgba(0,0,0,0.3);}


/* CONTENTS  ================================================================================== */
.main_container h2				{font-family: 'S-Core Dream'; text-align:center; color:#111; font-size:2em; letter-spacing:-2px; font-weight:600; margin-bottom:60px;}
.main_container h2 strong		{position:relative; font-weight:700; color:var(--color1); letter-spacing:0;}
.main_container h2 strong:before	{position: absolute; top:-6px; left:-18px; content: ''; height:0; width:0; border-width:0 8px 7px; border-style:solid; border-color:transparent transparent var(--color1); transform:rotate(10deg);}
.main_container h2 strong:after		{position: absolute; top:0; left:-20px; content: ''; width:10px; box-sizing:content-box; border-width:9px 3px 0; border-style:solid; border-color:var(--color1) transparent; transform:rotate(10deg);}
.main_container h3				{font-family: 'S-Core Dream'; color:#111; font-weight:600; font-size:1.7em; letter-spacing:-2px; line-height:1.2; margin-bottom:30px;}

.mBoard							{padding:120px 0;}
.mBoard .web_size				{display:flex; justify-content:space-between; gap:5%;}
.mBoard .notice, .mBoard .photo	{position:relative; flex:1; min-width:0; width:100%;}
.mBoard .notice h3				{font-family: 'paybooc-ExtraBold'; letter-spacing:0;}

.mProgram						{position:relative; padding:120px 0; background:#f6f7f9;}
.mProgram .item					{position:relative; z-index:1; margin:-20px 0; height:380px; overflow:hidden;}
.mProgram .item li				{margin:20px 12px;}
.mProgram .item figure			{position:relative; aspect-ratio:6/4; overflow:hidden; border-radius:20px; box-shadow:0 0 15px 1px rgba(0,0,0,0.07);}
.mProgram .item figure img		{width:100%; height:100%; object-fit:cover;}
.mProgram .item figure span		{font-family: 'S-Core Dream'; font-size:0.85em; position:absolute; right:20px; bottom:20px; width:65px; line-height:65px; border-radius:100%; background:rgb(190,24,36,0.9); color:#fff; text-align:center;}
.mProgram .item .tit			{font-family: 'S-Core Dream'; font-size:1.1em; font-weight:500; color:#333; letter-spacing:-1px; margin:20px 0 10px 0; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.mProgram .item .meta 			{font-family:'Paperlogy'; font-weight:500; font-size:0.95em; display:grid; grid-template-columns:70px auto; gap:10px; margin:3px 0; color:#797979; 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:500; color:var(--color1); letter-spacing:-1px;}
.mProgram .item li:hover		{transform: translateY(-8px); transition:.4s;}
.mProgram .item .closed figure span	{background:rgb(153,153,153,0.95);}
.mProgram .arrow				{position:absolute; top:25%; transform:translateY(-50%); width:100%; z-index:1;}
.mProgram .arrow p				{position:absolute; cursor:pointer; width:80px; height:80px; line-height:85px; background:rgba(0,0,0,0.2); border-radius:100%; text-align:center;} 
.mProgram .arrow p:after		{content:''; display:inline-block; border:solid #fff; border-width:5px 0 0 5px; padding:7px; border-radius:3px;}
.mProgram .arrow .prev			{left:-120px;}
.mProgram .arrow .prev:after	{transform:rotate(315deg); margin-left:5px;}
.mProgram .arrow .next			{right:-120px;}
.mProgram .arrow .next:after	{transform:rotate(135deg); margin-right:5px;}
.mProgram .arrow p:hover		{background:var(--color1);}
.mProgram .web_size2:after		{content:''; position:absolute; right:-20%; bottom:-15%; width:100%; height:100%; background:url('../img/main/acc_venture.jpg') no-repeat 92% 90%;}

.mBiz						{padding:120px 0;}
.bizLt						{width:90%; border-radius:40px; display:grid; grid-template-columns:repeat(5, 1fr); box-shadow:0 0 20px 1px rgba(0,0,0,0.09); background:#fff;}
.bizLt a					{display:block;}
.bizLt dl					{position:relative; padding:125px 40px 0 40px; background:url('../img/main/acc_bn01.png') no-repeat 40px 40px; background-size:69px; border-right:1px solid #e1e1e1; height:260px;}
.bizLt dl dt				{font-family: 'S-Core Dream'; font-weight:500; color:#222; font-size:1.15em; letter-spacing:-1px; margin-bottom:10px;}
.bizLt dl dd				{font-family: 'S-Core Dream'; color:#797979; line-height:1.45;}
.bizLt a:nth-child(2) dl	{background-image:url('../img/main/acc_bn02.png');}
.bizLt a:nth-child(3) dl	{background-image:url('../img/main/acc_bn03.png');}
.bizLt a:nth-child(4) dl	{background-image:url('../img/main/acc_bn04.png');}
.bizLt a:last-child dl		{background-image:url('../img/main/acc_bn05.png'); border:0;}
.bizLt dl:hover  			{animation:bounce 1s ease-out; -webkit-animation:bounce 1s ease-out;}
.bizLt dl:after				{position:absolute; right:40px; bottom:35px; content:''; width:40px; height:2px; background:var(--color1); display:block;}
.bizLt dl:before			{position:absolute; right:43px; bottom:35px; content:''; width:2px; height:10px; background:var(--color1); transform:skewX(45deg);}
.bizRt						{margin-top:60px;}
.bizRt>div:first-child		{float:left; width:30%;}
.bizRt:after				{content:''; display:block; clear:both;}
.bizRt .tab					{display:flex; flex-wrap:wrap; gap:3px;} 
.bizRt .tab li				{font-family: 'S-Core Dream'; width:100px; font-size:0.9em; letter-spacing:-1px; line-height:40px; border-radius:3px; cursor:pointer; border:1px solid var(--color2); color:var(--color2); text-align:center;}
.bizRt .tab li:hover, .bizRt .tab .on	{background:var(--color2); color:#fff;}
.bizRt .wrap				{float:right; width:67%; position:relative; background:var(--color2); border-radius:0 0 40px 40px; padding:40px 80px 60px 60px; margin-top:-60px;}
.bizRt .wrap:before			{position:absolute; left:0; top:-60%; width:100%; content:''; height:60%; border-radius:40px 40px 0 0; background:var(--color2); z-index:-1;}
.bizRt .item li>a			{display:grid; grid-template-columns:70px auto 220px; align-items:center; gap:15px; padding:4px 0;  cursor:pointer; color:#fff;}
.bizRt .item li>a>p			{font-family: 'S-Core Dream'; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.bizRt .item li>a>em		{text-align:right; font-family:'Paperlogy'; font-size:0.9em;}
.bizRt .item li:hover>a>p	{text-decoration:underline;}
.bizRt .item .status		{font-family: 'S-Core Dream'; line-height:30px; text-align:center; border:1px solid #83feff; color:#83feff; border-radius:2px; font-size:0.85em;}
.bizRt .item .closed .status	{border-color:#fff; color:#fff; opacity:0.8;}
.bizRt .switch				{position:absolute; top:45%; transform:translateY(-50%); right:40px; display:grid; gap:5px;}
.bizRt .switch p			{content:''; display:inline-block; width:6px; border:solid #fff; border-width:3px 0 0 3px; padding:4px; transform:rotate(45deg); border-radius:2px; opacity:0.8; cursor:pointer;} 
.bizRt .switch .down		{border-width:0 3px 3px 0;}
.bizRt .switch p:hover		{opacity:1;}
.bizRt .switch span			{content:''; display:inline-block; width:6px; height:6px; border-radius:10px; background:#fff; opacity:0.5; margin:0 auto;}

.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:1700px) {
	.mProgram .arrow .prev		{left:-40px;}
	.mProgram .arrow .next		{right:-40px;}
	.mProgram .web_size2:after	{right:-10%;}
}

@media screen and (max-width:1400px) {   
	.mVisual .text				{padding:0 40px;}
	.mBoard, .mProgram, .mBiz	{padding:120px 40px;}
	.mProgram .web_size2:after	{right:-60px;}
	.bizRt .wrap				{width:70%;}
}

@media screen and (max-width:1200px) {   
	.main_container h2			{font-size:1.8em; margin-bottom:40px;}
	.main_container h3			{font-size:1.4em; margin-bottom:20px;}

	.mBoard .web_size			{display:block;}
	.mBoard .photo				{margin-top:40px;}
	.bizLt						{width:95%;}
	.bizLt dl					{padding:100px 20px 0 20px; background-size:60px; background-position:20px 30px; }
	.bizRt						{position:relative; margin:0 0 0 5%; background:var(--color2); border-radius:0 0 30px 30px; padding:40px;}
	.bizRt>div:first-child		{float:none; width:100%; }
	.bizRt h3					{color:#fff; text-align:center; margin-bottom:15px;}
	.bizRt .tab					{flex-wrap:nowrap; gap:5px;}
	.bizRt .tab li				{width:100%; color:#fff; border-color:rgba(256,256,256,0.3);}
	.bizRt .tab li:hover, .bizRt .tab .on	{background:rgba(256,256,256,0.3); border:0;}
	.bizRt .wrap				{float:none; width:calc(100% - 30px); margin:20px 0 0 0; padding:0;}
	.bizRt .wrap:before			{display:none;}
	.bizRt:before				{position:absolute; left:0; top:-30%; width:100%; content:''; height:30%; border-radius:40px 40px 0 0; background:var(--color2); z-index:-1;}
	.bizRt .switch				{right:-40px;}

}

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

	.mVisual .item					{aspect-ratio:6 / 3; height:auto;}
	.mVisual .text					{top:25%; text-align:center;}
	.mVisual .text em				{font-size:0.75em; letter-spacing:2px;}
	.mVisual .Btit					{font-size:1.6em; letter-spacing:-1px; margin:10px 0 20px 0; line-height:1.4;}
	.mVisual .Btit strong			{font-size:32px;}
	.mVisual .Stit					{font-size:1.1em; margin-top:10px;}

	.main_container h2				{font-size:1.5em; margin-bottom:25px;}
	.main_container h2 strong:before	{left:-15px; border-width:0 7px 6px;}
	.main_container h2 strong:after		{left:-17px; width:8px; border-width:8px 3px 0;}

	.mBoard							{padding:40px 15px;}
	.mBoard .photo					{margin-top:20px;}

	.mProgram						{padding:40px 15px;}
	.mProgram .item .tit			{margin:15px 0 7px 0;}
	.mProgram .item .meta			{margin:0; grid-template-columns:60px auto;}
	.mProgram .item .meta strong	{font-size:14px;}
	.mProgram .item figure span		{bottom:15px;}
	.mProgram .arrow				{top:30%;}
	.mProgram .arrow p				{width:50px; height:50px; line-height:50px;}
	.mProgram .arrow p:after		{border-width:4px 0 0 4px; padding:4px; border-radius:2px;}
	.mProgram .arrow .prev			{left:-15px;}
	.mProgram .arrow .next			{right:-15px;}
	.mProgram .web_size2:after		{right:0; bottom:5%; height:40%; background-size:contain; background-position:right bottom}

	.mBiz							{padding:40px 15px;}
	.bizLt							{grid-template-columns:repeat(2, 1fr); border-radius:30px;}
	.bizLt dl						{background-position:20px center; background-size:50px; padding:20px 20px 20px 90px; height:auto; border-bottom:1px solid #e1e1e1;}
	.bizLt dl dt					{font-size:1.05em; margin-bottom:3px;}
	.bizLt dl dd					{font-size:0.95em;}
	.bizLt dl:after					{right:15px; bottom:12px; width:30px;}
	.bizLt dl:before				{right:18px; bottom:12px;}
	.bizLt dl:hover  				{animation:none;}
	.bizLt a:nth-child(even) dl		{border-right:0;}
	
	.bizRt							{margin:0; padding:30px;}
	.bizRt .wrap					{width:calc(100% - 10px);}
	.bizRt .tab						{flex-wrap:wrap;}
	.bizRt .tab li					{flex:1 1 25%; line-height:30px; font-size:0.85em;}
	.bizRt .item li>a				{grid-template-columns:55px auto; gap:0 10px; font-size:0.95em; padding:2px 0;}
	.bizRt .item li>a>em			{font-size:14px; grid-column:2; text-align:left; opacity:0.8;}
	.bizRt .item .status			{line-height:20px; font-size:13px;}
	.bizRt .switch					{right:-25px;}

	.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;}
	.mVisual .Btit					{font-size:1.4em;}
	.mVisual .Btit strong			{font-size:26px;}
	.mVisual .Stit					{font-size:0.95em;}
	.mVisual .Stit br				{display:none;}

	.bizLt							{grid-template-columns:1fr;}
	.bizLt a:nth-child(odd) dl		{border-right:0;}
	.bizRt .tab li					{flex:1 1 48%;}

}