@charset "Shift_JIS";

/* slider **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.hero-slider{ margin:40px; }
.hero-slider .columns img{ width:100%; height:auto; max-width:1370px; margin:0 auto;}

.slick-next{ width:70px !important; height:70px !important; right:-30px !important; top:calc(50% - 15px) !important; z-index:100; }
.slick-prev{ width:70px !important; height:70px !important; left:-30px !important; top:calc(50% - 15px) !important; z-index:100; }
.slick-next , .slick-prev{ transition:all 0.2s; }
.slick-next:hover , .slick-prev:hover{ opacity:0.9; }

.slick-dotted.slick-slider{ margin-bottom:52px !important; }
.slick-dots{ text-align:center; bottom:-32px !important; padding-bottom:0 !important; z-index:100; }
.slick-dots li{ width:12px !important; height:12px !important; margin:0 11px 1px !important; background:#eee; }
.slick-dots li.slick-active{ background:#0093d0; }
.slick-dots li button , .slick-dots li button:before{ content:' ' !important; width:12px !important; height:12px !important; }


/* main-nav **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.main-menu{ background:linear-gradient(#fff 42% , #003764 42%); padding-bottom:55px; margin-bottom:30px; }

.main-menu ul{ justify-content:space-between; }
.main-menu li{ width:271px; background:#fff; }
.main-menu li a{ display:block; height:300px; color:#003764; font-size:25px; font-weight:bold; text-align:center; text-decoration:none; padding-top:210px; transition:all 0.25s; }
.main-menu li:nth-child(1) a{ background:url("../images_re/top_menu_disc.jpg") center top / contain no-repeat; }
.main-menu li:nth-child(2) a{ background:url("../images_re/top_menu_seminar.jpg") center top / contain no-repeat; }
.main-menu li:nth-child(3) a{ background:url("../images_re/top_menu_case.jpg") center top / contain no-repeat; }
.main-menu li a span{ display:block; color:#0093d0; font-size:16px; border-bottom:solid 4px #0093d0; margin-top:10px; }
.main-menu li a:hover{ opacity:0.75; }

.main-menu li.login{ font-size:12px; text-align:center; background:#adadad; padding:20px; }
.main-menu li.login .title{ color:#fff; font-size:18px; }
.main-menu li.login .frm{ background:#fff; padding:20px 20px 15px; margin:10px 0 15px; }
.main-menu li.login .frm li{ width:100%; }
.main-menu li.login .frm li:not(:first-child){ margin-top:10px; }
.main-menu li.login .frm .ipt span{ float:left; }
.main-menu li.login .frm .ipt span:first-child{ width:75px; text-align:right; padding:5px; margin-right:5px; }
.main-menu li.login .frm .ipt span:last-child{ width:calc(100% - 80px); width:-webkit-calc(100% - 80px); }
.main-menu li.login .frm .ipt span:last-child input{ width:100%; border:solid 1px #adadad; padding:5px; }
.main-menu li.login .frm .save{ text-align:right; }
.main-menu li.login .login-btn{ max-width:160px; width:100%; font-size:16px; font-weight:bold; background:#f3cc23; padding:10px 10px 8px; box-shadow:0 3px 7px rgba(0,0,0,0.2); }
.main-menu li.login .login-btn:hover{ box-shadow:0 3px 12px rgba(0,0,0,0.5); opacity:1; }
.main-menu li.login .login-link{ color:#fff; margin-top:15px; }
.main-menu li.login .login-link a{ display:inline; height:auto; color:#fff; font-size:12px; font-weight:normal; background:url(../images_re/arrow_white.png) left center / 5px 8px no-repeat; padding:0 0 0 10px; }

.main-menu sup{ font-size:30px; }


/* main-contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents{ background:url(../images_re/top_contents_map.jpg) center 20px no-repeat; }

.main-contents{  /*padding:40px 0;*/ margin-bottom:40px; }
.main-contents p{ margin:0; }
.main-contents .box{ float:left; width:565px; }
.main-contents .box:first-child{ margin-right:20px; }

.main-contents .tit{ color:#fff; padding:0 15px 10px; position:relative; }
.main-contents .tit:after{ content:""; position:absolute; left:0; bottom:0; width:260px; height:5px; background:#c00; }
.main-contents .event{ border:solid 6px #363636; }
.main-contents .event .tit{ background:#363636; }
.main-contents .topics , .main-contents .casestudies{ border:solid 6px #940b1d; }
.main-contents .topics .tit , .main-contents .casestudies .tit{ background:#940b1d; }
.main-contents .casestudies{ margin-top:20px; }

.main-contents .txt{ background:#fff; padding:20px; position:relative; }
.main-contents .txt .sbt{ background:#eee; padding:4px 15px; }
.main-contents .txt li{ border-bottom:solid 1px #ddd; padding-bottom:5px; }
.main-contents .txt li:not(:first-child){ margin-top:7px; }
.main-contents .txt li div{ float:left; }
.main-contents .txt li div.date{ width:86px; color:#999; font-size:12px; margin-top:2px; }
.main-contents .txt li div:last-child{ width:calc(100% - 86px); width:-webkit-calc(100% - 86px); }
.main-contents .topics .txt p{ padding-left:13px; margin-bottom:5px; }
.main-contents .topics .txt p:last-child{ margin-bottom:0; }
.main-contents .topics .txt p.dott1{ background:url(../images_re/circle_red.png) left 9px / 6px no-repeat; padding-left:13px; }
.main-contents .topics .txt p.dott2{ background:url(../images_re/square_gray.png) 14px 7px / 6px no-repeat; padding-left:26px; }

.main-contents .txt .btn-area{ position:absolute; top:-32px; right:0; }
.main-contents .txt .btn-area a{ color:#fff; text-decoration:none; background:url(../images_re/arrow_sharp_white.png) right center / 6px 12px no-repeat; padding-right:14px; margin-right:5px; }
.main-contents .txt .btn-area a:not(:first-child):before{ content:" |�@"; }


/* topic **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.topic{ width:1110px; text-align:center; margin:20px auto -20px; }
.topic span.frame{ display:inline-block; text-align:left; position:relative; }
.topic span.frame:before{ display:inline-block; content:""; width:22px; height:12px; background:url("../images_re/top_topic_top.png") left top / 22px 12px no-repeat; position:absolute; top:-7px; left:-30px; }
.topic span.frame:after{ display:inline-block; content:""; width:22px; height:12px; background:url("../images_re/top_topic_btm.png") right bottom / 22px 12px no-repeat; position:absolute; bottom:-5px; right:-30px; }
.topic a{ display:block; color:#333; text-decoration:none; }
.topic a.txt-red{ color:#a1001e; }
.topic a.txt-blue{ color:#0066cc; }
.topic p{ margin:0; }


/* info **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.info{ border:outset 4px #920638; padding:20px 100px; margin-bottom:30px; }
.info p{ margin:0; }


/* movie **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.movie{ margin-bottom:30px; }


/* banner **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.banner{/*background:#132132;*/
    
    background: url(../images_re/plaid.png) repeat, linear-gradient(90deg, rgba(89,59,178,1) 0%, rgba(89,59,178,1) 40%, rgba(61,169,160,1) 60%, rgba(61,169,160,1) 100%);}




/* ������ �^�u���b�g ������������������������������������������������������ */
@media only screen and (max-width: 768px){
    
.banner{ background: url(../images_re/dummy.png) repeat, linear-gradient(90deg, rgba(89,59,178,1) 0%, rgba(89,59,178,1) 40%, rgba(61,169,160,1) 60%, rgba(61,169,160,1) 100%);}
    
/* slider **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.hero-slider{ margin:0 10px; }

.slick-next , .slick-prev{ display:none !important; }
/*.slick-next{ width:40px !important; height:40px !important; right:-10px !important; }
.slick-prev{ width:40px !important; height:40px !important; left:-10pxpx !important; }*/

.slick-dotted.slick-slider{ margin-bottom:30px !important; }
.slick-dots{ text-align:center; bottom:-20px !important; padding-bottom:0 !important; z-index:100; }
.slick-dots li{ width:9px !important; height:9px !important; margin:0 7px 1px !important; }
.slick-dots li button , .slick-dots li button:before{ width:9px !important; height:9px !important; }


/* main-nav **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.main-menu{ background:#003764; padding:10px 0; margin-bottom:10px; }

.main-menu ul{ justify-content:space-between; }
.main-menu li{ width:calc(100% / 2 - 5px); width:-webkit-calc(100% / 2 - 5px); }
.main-menu li:nth-child(n + 3){ margin-top:10px; }

.main-menu li a{ height:auto; padding:75% 0 5px; }
.main-menu li a span{ margin-top:0; }

.main-menu li.login{ padding:8px 10px; }
.main-menu li.login .frm{ padding:8px; margin:10px 0 12px; }
.main-menu li.login .frm li:not(:first-child){ margin-top:5px; }
.main-menu li.login .login-link{ margin-top:10px; }
.main-menu li.login .login-link span{ display:none; }
.main-menu li.login .login-link a{ display:block; text-align:left; }


/* main-contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.main-contents{ background:none; margin:10px 0; }
.main-contents .box{ float:none; width:100%; }
.main-contents .box:first-child{ margin-right:0; }

.main-contents .tit:after{ width:180px; }
.main-contents .topics{ margin-top:10px; }
.main-contents .casestudies{ margin-top:10px; }

.main-contents .txt .btn-area{ position:static; margin-top:20px; }
.main-contents .txt .btn-area a{ display:block; color:#940b1d;  background:url(../images_re/arrow_sharp_red.png) right 20px center / 6px 12px no-repeat; text-align:center; border:solid 2px #940b1d; border-radius:3px; margin-right:0;  padding:8px 0; }
.main-contents .txt .btn-area a:not(:first-child):before{ content:""; }
.main-contents .txt .btn-area a:not(:first-child){ margin-top:10px; }


/* topic **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.topic{ width:calc(100% - 60px); width:-webkit-calc(100% - 60px); margin:10px auto 20px; }
.topic span.frame:before{ left:-20px; }
.topic span.frame:after{ right:-20px; }


/* info **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.info{ width:calc(100% - 20px); width:-webkit-calc(100% - 20px); padding:15px 20px; margin:10px; }


/* movie **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.movie{ margin-bottom:10px; }
	
	
/* banner **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.banner img{width: 100%;}


}

@media only screen and (max-width: 530px){
/* main-nav **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.main-menu li{ max-width:340px; width:100%; margin:0 auto; }
.main-menu li:nth-child(n + 2){ margin-top:10px; }

}



/* ������ �X�}�z ���������������������������������������������������������� */
@media only screen and (max-width: 414px){ /* iPhone6Plus */
/* main-contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.main-contents .txt{ padding:10px; }
.main-contents .txt li div{ float:none; }
.main-contents .txt li div.date{ width:100%; }
.main-contents .txt li div:last-child{ width:100%; }

}