@charset "utf-8"; 
 
/* VISUAL  ================================================================================== */
.main_container					{padding:100px 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:500px; overflow:hidden;}
.mVisual .bg 					{overflow:hidden; position:absolute; width:100%; height:100%; top:0; left:0; animation:imgScale 3s both;} 
.mVisual .text					{position:absolute; width:100%; top:20%; transform:translateY(-50%); z-index:100; animation:slide-up 2s cubic-bezier(.5,.2,0,1) forwards;} 
.mVisual .Btit					{font-family:'Paperlogy'; font-size:2.1em; line-height:1.3; font-weight:200; letter-spacing:0; color:#000;}
.mVisual .Btit p				{font-family:'Paperlogy'; font-weight:800; font-size:46px;}
.mVisual .Btit strong			{font-weight:800; color:#e0215a;}
.mVisual .Stit					{font-family:'Paperlogy'; font-size:1.3em; line-height:1.5; margin-top:20px; letter-spacing:.1px; color:#414141;}
.mVisual .default				{background:#fbf0f0;}
.mVisual .default:after			{content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); display:block; width:1600px; height:100%; background:url('../img/main/visual_acc.png') no-repeat right bottom;}


/* CONTENTS  ================================================================================== */
.mTitle						{font-family:'Paperlogy'; font-size:1.15em; color:#777; text-align:center; margin-bottom:40px; letter-spacing:0;}
.mTitle strong				{color:#333; font-weight:800; display:block; margin-top:12px; font-size:34px; line-height:1.1;}

.mArrow						{position:absolute; top:40%; transform:translateY(-50%); width:100%;}
.mArrow p					{position:absolute; cursor:pointer; width:80px; height:80px; line-height:85px; background:rgba(0,0,0,0.3); border-radius:100%; text-align:center;} 
.mArrow p:after				{content:''; display:inline-block; border:solid #fff; border-width:5px 0 0 5px; padding:7px; border-radius:3px;}
.mArrow .prev				{left:-120px;}
.mArrow .prev:after			{transform:rotate(315deg); margin-left:5px;}
.mArrow .next				{right:-120px;}
.mArrow .next:after			{transform:rotate(135deg); margin-right:5px;}
.mArrow p:hover				{background:var(--color1);}

.mBizbn						{padding:100px 0; text-align:center;}
.mBizbn .items				{position:relative; display:flex; justify-content:space-evenly; margin:-20px 0;}
.mBizbn .items li			{font-family:'Paperlogy'; font-size:1.2em; color:#414141; font-weight:500; line-height:1.4; margin:20px 0;}
.mBizbn .items li span		{content:''; display:block; width:130px; height:130px; margin:0 auto 15px auto; background:url('../img/main/acc_bn01.png') no-repeat center #f3f3f3; background-size:70px; border-radius:100%; }
.mBizbn .items .bn2 span	{background-image:url('../img/main/acc_bn02.png');}
.mBizbn .items .bn3 span	{background-image:url('../img/main/acc_bn03.png');}
.mBizbn .items .bn4 span	{background-image:url('../img/main/acc_bn04.png');}
.mBizbn .items .bn5 span	{background-image:url('../img/main/acc_bn05.png');}
.mBizbn .items .bn6 span	{background-image:url('../img/main/acc_bn06.png');}
.mBizbn .items .bn7 span	{background-image:url('../img/main/acc_bn07.png');}
.mBizbn .items .bn8 span	{background-image:url('../img/main/acc_bn08.png');}
.mBizbn .items .bn9 span	{background-image:url('../img/main/acc_bn09.png');}
.mBizbn .items .bn10 span	{background-image:url('../img/main/acc_bn10.png');}
.mBizbn .items .bn11 span	{background-image:url('../img/main/acc_bn11.png');}
.mBizbn .items .bn12 span	{background-image:url('../img/main/acc_bn12.png');}
.mBizbn .items li:hover span	{transform:translateY(-10px); transition:all 0.3s ease;}
.mBizbn .mArrow				{top:45%;}
.mBizbn .mArrow p			{background:none;}
.mBizbn .mArrow p:after		{border-color:#555;}
.mBizbn .mArrow p:hover:After	{opacity:0.5;}
.mBizbn .mArrow .prev		{left:-50px;}
.mBizbn .mArrow .next		{right:-50px;}

.mEdu						{display:none; padding:100px 0; background:url('../img/main/acc_bg.png') no-repeat center; background-size:cover;}
.mEdu .mTitle, .mEdu .mTitle strong	{color:#fff;}
.mEdu .items				{margin:-20px 0; height:380px; overflow:hidden;}
.mEdu .items li				{margin:20px 12px; border-radius:20px; overflow:hidden;}
.mEdu .items figure			{position:relative; aspect-ratio:6/4; overflow:hidden;}
.mEdu .items figure i		{position:absolute; width:100%; height:100%; display:grid;justify-content:center; align-items:center; background:rgba(0,0,0,0.1); color:rgba(0,0,0,0.55); font-size:3.6em; z-index:1;}
.mEdu .items figure img		{width:100%; height:100%; object-fit:cover;}
.mEdu .items dl				{background:#fff; padding:30px 35px;}
.mEdu .items dl dt			{font-family:'Paperlogy'; font-size:1.2em; font-weight:500; color:#333; letter-spacing:0; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.mEdu .items dl dd			{position:relative; padding-left:23px; color:#666; font-size:0.95em; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.mEdu .items dl dd i		{position:absolute; top:5px; left:0; color:#7c8f99;}
.mEdu .items dl dd span		{position:relative; padding-right:25px;}
.mEdu .items dl dd span:after	{content:''; position:absolute; top:6px; right:12px;width:1px; height:0.85em; background:#ccc;}
.mEdu .items li:hover		{box-shadow:0 0 20px 1px rgba(0,0,0,0.15); transform: translateY(-8px); transition:.4s;}
.mEdu .items li:hover figure i	{display:none;}
.mEdu .mArrow p:hover		{background:rgba(0,0,0,0.5);}

.mBizpro					{padding:100px 0; border-top:1px solid #e1e1e1;}
.mBizpro .items				{margin:-20px 0;}
.mBizpro .items li			{margin:20px 12px; border-radius:20px; overflow:hidden; border:1px solid #ddd; position:relative; }
.mBizpro .items figure		{position:relative; aspect-ratio:6/4; overflow:hidden;}
.mBizpro .items figure img	{width:100%; height:100%; object-fit:cover;}
.mBizpro .items .status		{font-family:'Paperlogy'; padding:0 20px;line-height:34px; background:#ed5683; color:#fff; font-size:0.95em; font-weight:500; letter-spacing:0; border-radius:0 5px 0 0; position:absolute; bottom:0; left:0;}
.mBizpro .items .closed .status, .mBizpro .items .ready .status	{background:#999;}
.mBizpro .items .closed:hover, .mBizpro .items .ready:hover	{border-color:#999;}
.mBizpro .items dl			{padding:25px 30px; height:210px;}
.mBizpro .items dl dt 		{font-family:'Paperlogy'; font-size:1.2em; font-weight:500; margin-bottom:15px; color:#333; letter-spacing:0; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.mBizpro .items dl dd strong	{font-family:'Paperlogy'; color:#222; font-weight:500; letter-spacing:.5px;}
.mBizpro .items dl .info	{font-size:0.95em; color:#797979; display:grid; grid-template-columns:45px auto; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.mBizpro .items dl .part	{position:relative; padding-left:20px; font-family:'Paperlogy'; font-size:0.9em; line-height:1.5; color:var(--color1); font-weight:500; letter-spacing:0; margin-top:15px;}
.mBizpro .items dl .part i	{position:absolute; lefT:0; top:5px;}
.mBizpro .items dl .part span	{font-family:'Paperlogy'; width:72px; text-align:Center; line-height:28px; background:#f3f3f3; color:#414141; display:inline-block; border-radius:3px; font-size:0.9em; margin-left:8px; letter-spacing:0;}
.mBizpro .items li:hover	{border-color:#ed5683; transform:translateY(-8px); transition:.4s;}

.mBoard						{padding:100px 0; background:#f3f3f3;}
.mBoard .web_size			{display:flex; justify-content:space-between; gap:60px;}
.mBoard .notice, .mBoard .photo	{position:relative; flex:1; min-width:0; width:100%;}

.famsite							{position:relative; padding:25px 0; background:#fff;}
.famsite ul							{width:calc(100% - 60px); margin:0 auto; text-align:center}
.famsite img						{margin:0 auto;}
.famsite .arrow p					{position:absolute; top:calc(50% - 15px); width:30px; height:30px; cursor:pointer;}
.famsite .arrow span				{display:inline-block; border:solid #aaa; border-width:0 3px 3px 0; padding:7px; margin:10px 0 0 10px;}
.famsite .arrow span:hover			{border-color:#555;}
.famsite .prev						{left:0; transform: rotate(135deg);}
.famsite .next						{right:0; transform: rotate(-45deg);}


@media screen and (max-width:1700px) {
	.mVisual .default:after			{right:0;}
	.mArrow .prev					{left:-35px;}
	.mArrow .next					{right:-35px;}
}

@media screen and (max-width:1440px) {
	.mVisual .text					{padding:0 40px;}
	.mVisual .default:after			{width:100%; height:70%; background-size:contain;}

	.mBizbn, .mEdu, .mBizpro, .mBoard	{padding:100px 40px;}
	.famsite						{padding:25px 20px;}
}

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

@media screen and (max-width:1200px) {
	.mBoard							{padding:60px 40px;}
	.mBoard .web_size				{display:grid; justify-content:unset;}
}

@media screen and (max-width:1024px) {
	.main_container					{padding:60px 0 0 0;}
	.mVisual .item					{aspect-ratio:6 / 3; height:auto;}
	.mVisual .default:after			{height:50%;}
	.mVisual .text					{padding:0 20px;}
	.mVisual .Btit					{font-size:1.6em;}
	.mVisual .Btit p				{font-size:36px;}
	.mVisual .Stit					{font-size:1.1em; margin-top:10px;}

	.mTitle							{margin-bottom:20px; font-size:0.95em;}
	.mTitle strong					{font-size:23px; margin-top:5px;}
	.mArrow p						{width:50px; height:50px; line-height:50px;}
	.mArrow p:after					{border-width:4px 0 0 4px; padding:4px; border-radius:2px;}
	.mArrow .prev					{left:-15px;}
	.mArrow .next					{right:-15px;}
	
	.mBizbn							{padding:40px 20px;}
	.mBizbn .items li				{font-size:1em;}
	.mBizbn .items li span			{width:85px; height:85px; background-size:45px; margin-bottom:10px;}
	.mBizbn .mArrow .prev			{left:-20px;}
	.mBizbn .mArrow .next			{right:-20px;}

	.mEdu							{padding:40px 20px;}
	.mEdu .items li					{margin:20px 7px;}
	.mEdu .items dl					{padding:20px;}
	.mEdu .items dl dt				{font-size:1.1em; margin-bottom:7px;}
	.mEdu .items figure i			{font-size:3em;}

	.mBizpro						{padding:40px 20px;}
	.mBizpro .items li				{margin:20px 7px;}
	.mBizpro .items .status			{line-height:32px; padding:0 12px;}
	.mBizpro .items dl				{padding:20px 25px; height:auto;}
	.mBizpro .items dl dt 			{font-size:1.1em; margin-bottom:10px;}
	.mBizpro .items dl .part		{margin-top:10px;}
	.mBizpro .items dl .part span	{width:65px; line-height:24px;}

	.mBoard							{padding:40px 20px;}
	.mBoard .web_size				{gap:30px;}

	.famsite						{padding:15px 10px;}
	.famsite img					{width:70%;}
	.famsite .arrow span			{padding:3px;}
}

@media screen and (max-width:768px) {
	.mVisual .item					{aspect-ratio:unset; height:360px;}
	.mVisual .text					{top:15%;}
	.mVisual .Btit					{font-size:1.2em;}
	.mVisual .Btit p				{font-size:26px;}
	.mVisual .Stit					{font-size:0.95em;}
	.mVisual .Stit br				{display:none;}
}