@charset "utf-8";

.wbr{display:block;}

#multipleDiv_pnu_basic_67 ._objHtml{position:absolute;width: 1000px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:9;}
#visual_text							{text-align:center;width: 100%;}
#visual_text.scroll strong	{opacity:1;}
#visual_text.scroll .small-txt	{opacity:1;}
.text_wrap{color: #fff;}
.text_wrap > strong{font-size:76px;display: block;vertical-align: top;line-height: 1;font-weight: normal;margin-bottom: 10px;opacity:0;transition:all ease 2s;font-weight: 500;}
.text_wrap > strong > span{display:inline-block;vertical-align:top;padding-top: 12px;transition-delay:1s;}
.text_wrap .small-txt{text-align:right;opacity:0;transition:all ease 2s;transition-delay:0.8s;}
.text_wrap .small-txt > span{font-size:38px;color:rgba(255,255,255,0.8);}
.text_wrap .small-txt > p{font-size:21px;color:rgba(255,255,255,0.8);}


@media screen and (min-width:1600px) {
  #main1 {position: relative; opacity: 0; visibility: visible; left: 100px; transition: opacity 0.5s, left 0.7s;}
  #main1.scroll {opacity: 1; visibility: visible; left: 0;}
  ._mCS_1 #main1{opacity: 1; visibility: visible; left: 0;}

  #main2 {position: relative; opacity: 0; visibility: visible; top: 100px; transition: opacity 0.5s, top 0.7s;}
  #main2.scroll {opacity: 1; visibility: visible; top: 0;}
  ._mCS_1 #main2{opacity: 1; visibility: visible; top: 0;}

  #main3 li{position: relative; opacity: 0; visibility: visible; bottom: -80px; transition: opacity 0.5s, bottom 0.7s;}
  #main3 li:nth-child(1){transition-delay: 0;}
  #main3 li:nth-child(2){transition-delay: 0.2s;}
  #main3 li:nth-child(3){transition-delay: 0.4s;}
  #main3 li:nth-child(4){transition-delay: 0.6s;}
  #main3 li:nth-child(5){transition-delay: 0.8s;}
  #main3 li:nth-child(6){transition-delay: 1s;}
  #main3.scroll li{opacity: 1; visibility: visible; bottom: 0;}
  ._mCS_1 #main3 li{opacity: 1; visibility: visible; bottom: 0;}
}

.massege											{text-align:center;font-size:1.1em;margin: 60px auto 180px;max-width: 1200px;}
.massege .massege-title						{font-size: 35px;display:inline-block;color: #3f424c;position: relative;margin-bottom: 40px;border-bottom: 1px solid #cecece;line-height: 1.6;letter-spacing: -.5px;padding: 0 3px;font-weight: 500;}
.massege .massege-text						{margin-bottom: 60px;line-height:1.8;font-size: 18px;color: #666;}
.massege .massege-list						{overflow:hidden;}
.massege .massege-list li						{width:33.333%; float:left; padding-top:155px;transition:all ease .5s;}
.massege .massege-list li:hover				{animation-name:holy;animation-duration:1s;}
@keyframes holy {
  0%{
	background-size:100%;
  }
  50% {
	background-size:105%;
  }
  100% {
	background-size:100%;
  }
}
.massege .massege-list li:nth-child(1)		{background:url(./../../images/main/space01.png) center top no-repeat;}
.massege .massege-list li:nth-child(2)		{background:url(./../../images/main/space02.png) center top no-repeat;}
.massege .massege-list li:nth-child(3)		{background:url(./../../images/main/space03.png) center top no-repeat;}
.massege .massege-list li:nth-child(4)		{background:url(./../../images/main/space04.png) center top no-repeat;}
.massege .massege-list li:nth-child(5)		{background:url(./../../images/main/space05.png) center top no-repeat;}
.massege .massege-list li:nth-child(6)		{padding-top:0;}
.massege .massege-list li div					{border:1px solid #ddd; box-sizing:border-box; text-align:left; padding:30px 25px 25px 25px; margin-top:-15px; background:url(./../../images/main/main-img-bg.png) left top no-repeat; border-top:none; }
.massege .massege-list li:nth-child(2) div,
.massege .massege-list li:nth-child(5) div{border-left:0;border-right:0;}
.massege .massege-list li:nth-child(6) div{background:url(./../../images/main/space-icon.png) center no-repeat !important;padding: 146px 0;margin-top: 0;}
.massege .massege-list li div p				{font-size: 17px;color: #666;}
.massege .massege-list li div p span		{display:block;font-size: 26px;margin-bottom: 3px;color: #222;}
.massege .massege-list li div a				{display:inline-block;font-size: 15px;color: #ff7100;margin-top: 2px;padding-right:15px;background:url(./../../images/main/arr-orange.png) right 8px no-repeat;position: relative;}
.massege .massege-list li div a:after	{content:'';display:block;width:0px;height:2px;background:#ff7100;position:absolute;left:0;bottom:-3px;transition: all ease .5s;}
.massege .massege-list li div a:hover:after	{width:100%;}

@media screen and (max-width:767px) {
  .massege .massege-list li:nth-child(6){display:none;}
}

@media screen and (max-width:767px) and (min-width:480px){
  .massege .massege-list li div{width:400px;margin:-15px auto 0;}
}

.greeting .greeting-title						{border-top: 5px solid #000;border-bottom: 5px solid #000;padding: 35px 30px;box-sizing:border-box;font-size: 21px;text-align: center;line-height: 1.35;color: #555;}
.greeting .greeting-title .professor			{font-size:0.8em; color:#666666; display:block; float:right; width:100%; text-align:right; margin-top:15px;}
.greeting .greeting-text 						{width:30%; float:left; margin-left:5%; margin-top:10px;}
.greeting .greeting-title > strong			{color:#151515;font-weight:600;font-size:21px;}
.greeting .greeting-text .big-text			{font-size:1.6em; font-weight:600;}
.greeting .greeting-text p						{margin-bottom:30px; line-height:1.6;}
.greeting .greeting-img 						{float:right;}

#menu9842_obj108{position:absolute;right:0;top:0;}
.status > div{display:inline-block;vertical-align:top;width: calc(100% / 2 - 18px);padding:40px;background:#eff1f2;box-sizing: border-box;height: 458px;}
.status > div > strong{font-size:26px;color:#151515;padding-bottom:20px;margin-bottom: 25px;display:block;border-bottom:1px solid #ccc;font-weight: normal;}
.status .park > ul {height:280px;overflow:hidden;}
.status .rent > ul {height: 125px;overflow:hidden;}
.status > div > ul > li > a{font-size:17px;color:#333;position:relative;}
.status > div > ul > li > a:hover,
.status > div > ul > li > a:hover span{font-weight:500;color:#516c6e;}
/**.status > div > ul > li > a:after{content:'';width:0;height: 1px;display:block;background: #ccc;position:absolute;left:0;bottom: -8px;transition:all ease .5s;}
.status > div > ul > li > a:hover:after{width:100%;}**/
.status > div > ul > li > a span{}
.status > div > ul > li.on > a,
.status > div > ul > li.on > a span{color:#999 !important;}
.status > div > ul > li + li{margin-top: 15px !important;}
.status .park{margin-left:30px;}



.wrap-notice {padding-top:30px;}
.wrap-notice h2{display:none;}
.wrap-notice .title{display:none;}
.wrap-notice .readMore{display:none;}
.wrap-notice .list{border-top:1px solid #ccc;padding-top:20px;}
.wrap-notice .list > ul > li a .con{display:flex;flex-direction: column-reverse;}
.wrap-notice .list > ul > li + li{margin-top:15px;}
.wrap-notice .list > ul > li + li + li{display:none;}
.wrap-notice .subjectText i{display:none;}
.wrap-notice .subjectText{font-size:19px;font-weight:500;color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wrap-notice .content{line-height: 1.5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#666;font-weight:200;font-size:18px;}
.wrap-notice .date{color:#666;font-weight:200;margin-top:5px;font-size:18px;}
.wrap-notice .date em:before{content:'.';}
.wrap-notice .more{font-size:18px;color:#666;position:absolute;right:0;top:-5px;}

/**************/





@media screen and (max-width:1200px) {
  #multipleDiv_pnu_basic_67 ._objHtml{width:auto;top: 42%;}
  .text_wrap > strong{font-size: 42px;margin-bottom: 20px;} 
  .text_wrap > strong > span{padding-top: 15px;}
  .text_wrap > strong > span > img{width:62%;}
  .text_wrap .small-txt{text-align: center;}
  .text_wrap .small-txt > span{font-size: 26px;}
  .text_wrap .small-txt > p{font-size: 17px;}
  .massege .massege-list li div p{font-size:15px;}

  .massege{padding:0 30px;}
  .massege .massege-text{font-size:16px;}
  .massege .massege-list li:hover{animation-name:none;}
  #multipleContentsDiv_pnuavec_106{width:100%;padding:0 20px;margin-bottom:80px;}
  #menu9842_obj108{position:initial;margin-top:50px;}
  #menu9842_obj133{width:100%;}
}


@media screen and (max-width:767px) {
  .text_wrap > strong > span > img{width:100%;}
  .text_wrap > strong{font-size:22px;}
  .text_wrap .small-txt{display:none;}
  .massege{margin-bottom:40px;}
  .massege .massege-title{font-size:23px;margin-bottom: 20px;}
  .massege .massege-text{font-size: 14px;margin-bottom: 30px;}
  #main3 li{width:100%;float:none;}
  .status > div{display:block;width:100%;padding: 30px;height: 420px;}
  .status .park{margin-left:0;margin-top:25px;}

  .massege .massege-list li:nth-child(2) div, .massege .massege-list li:nth-child(5) div{border:1px solid #ddd;}
  .greeting .greeting-title{font-size: 17px;padding: 35px 20px;}
  .greeting .greeting-title > strong{font-size:17px;}

}





/***********/