#visual_header.company {
  background-image: url(../images/company/visual.jpg);
}

#visual_header.company2 {
  background-image: url(../images/company/visual2.jpg);
}

.top-line1 {
  border-top:solid 3px #256a71;
  padding-left:15px;
  color:#256a71;
  margin:40px 0 20px 0;
  padding:10px 0 0 0;
}

.left-line1 {
  border-left:solid 3px #256a71;
  padding-left:15px;
  color:#256a71;
  border-top:none;
  margin:20px 0 10px 0;
  padding:3px 0 0 10px;
}

.color1 {
  color:#256a71;
}

#graduates dt{
  color:#256a71;
	font-weight:bold;
  margin:20px 0 5px 0;

}


ul.arrow li.none {
	background:none;
	margin:10px 0;
}

br.pc {
  display: none;
}

@media screen and (min-width: 768px) {
br.pc {
  display: block;
}
}


table.pat1 {
	width:100%;
	border-collapse: collapse;
	border-top:solid #999 1px;
	border-left:solid #999 1px;
	margin-bottom:30px;
  word-break: break-all;
  word-wrap: break-word;
}

table.pat1 th,
table.pat1 td  {
	border-bottom:solid #999 1px;
	border-right:solid #999 1px;
	padding:10px;
	line-height:180%;
	word-wrap:break-word;
}

table.pat1 th {
	background-color:#9a1021;
	color:#fff;
}

table.pat1 caption {
	color:#9a1021;
	text-align:left;
	margin-bottom:10px;
}

iframe {
	max-width:640px;
	width:100%;
}

.video{
  width:800px;
  margin:0 auto;
  text-align:center;
}


a.club[target="_blank"]::after {
	background:none !important;
}

a.club img:hover {
	opacity:0.7;
}

@media screen and (max-width: 768px) {

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


img.pic {
	float:none;
  display: block;
	width:96%;
	max-width:640px;
	margin:10px auto;
}




.scroll{
overflow: auto;
white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.scroll::-webkit-scrollbar{
height: 5px;
}
.scroll::-webkit-scrollbar-track{
background: #F6F6F6;
}
.scroll::-webkit-scrollbar-thumb {
background: #C2C2C2;
}

.scroll table{
width:100%;
}

a.club img {
	width:96%;
	max-width:640px;
	margin:10px auto;
}

}



.red {
	color:#f00;
}

#company dt {
  color:#256a71;
  font-weight:bold;
}

iframe {
  border: 0;
}

.vspace {
	height:80px;
}

.visual_menu{display:flex;flex-wrap:wrap}.visual_menu li{margin-bottom:24px}.visual_menu li img{display:block;width:100%;height:auto}.visual_menu li .box{width:90%;transform:translateY(-24px);margin:0 12px 0 auto}.visual_menu li .box .inner{background:#9a1021;color:#fff;letter-spacing:2px}.visual_menu li .box .exp{line-height:32px}.visual_menu li .box .btn{max-width:90%;display:flex}@media screen and (min-width: 768px){.visual_menu li .box .btn{width:268px}}.visual_menu li:nth-child(odd) .box{margin:0 auto 0 12px}@media screen and (min-width: 768px){.visual_menu li.feature{width:100%;display:flex;align-items:flex-end;margin-bottom:120px}}@media screen and (min-width: 768px){.visual_menu li.feature img{width:45%}}@media screen and (min-width: 768px){.visual_menu li.feature .box{width:55%;margin:0;transform:none}}.visual_menu li.feature .box .inner{padding:18px 18px 48px;box-sizing:border-box}@media screen and (min-width: 768px){.visual_menu li.feature .box .inner{padding:48px 10% 78px}}.visual_menu li.feature .box .title{font-size:20px;line-height:36px;margin-bottom:18px}@media screen and (min-width: 768px){.visual_menu li.feature .box .title{font-size:30px;line-height:48px;margin-bottom:40px}}.visual_menu li.feature .box .btn{margin:-30px auto 0 18px}@media screen and (min-width: 768px){.visual_menu li.feature .box .btn{margin:-30px auto 0 10%}}@media screen and (min-width: 768px){.visual_menu li.feature:nth-child(odd){flex-direction:row-reverse}}.visual_menu.row{margin:0 auto;padding:48px 0 0;background:#eeeeee}@media screen and (min-width: 768px){.visual_menu.row{padding:48px 5% 0;margin-bottom:-36px}}.visual_menu.row li{margin-bottom:12px}@media screen and (min-width: 768px){.visual_menu.row li{width:29.25%;margin:0 2.0% 36px 2.0%}}.visual_menu.row li:nth-child(4n){margin-right:2.0%}.visual_menu.row li a{display:flex;align-items:flex-start;text-decoration:none;margin-bottom:-27px}@media screen and (min-width: 768px){.visual_menu.row li a{display:block}}.visual_menu.row li img{width:40%;transition:0.3s}@media screen and (min-width: 768px){.visual_menu.row li img{width:100%}}.visual_menu.row li .box{margin:0;width:60%;transform:none}@media screen and (min-width: 768px){.visual_menu.row li .box{width:100%;margin:-24px -12px 0 auto;transform:translateY(-24px)}}.visual_menu.row li .inner{padding:12px 12px 39px;letter-spacing:1px;transition:0.3s;background:rgba(154,16,33,0.95)}.visual_menu.row li .exp{font-size:13px;line-height:28px}.visual_menu.row li .btn{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;max-width:100%;height:auto;min-height:54px;margin:0 0 0 auto;padding:12px 42px 12px 12px;font-size:15px;line-height:26px;box-sizing:border-box;position:relative;color:#fff;background:#0d3b40;transform:translate(-12px, -27px);transition:0.3s}@media screen and (min-width: 768px){.visual_menu.row li .btn{max-width:90%}}.visual_menu.row li .btn::after{content:'';display:block;width:18px;height:1px;background:#fff;margin-top:0;transition:0.3s;position:absolute;top:50%;right:12px}.visual_menu.row li a::after{display:none}.visual_menu.row li a:hover img{transform:scale(1.05)}@media screen and (min-width: 768px){.visual_menu.row li a:hover .inner{transform:translateX(12px)}.visual_menu.row li a:hover .btn{transform:translate(-24px, -27px)}.visual_menu.row li a:hover .btn::after{transform:translateX(20px)}}.visual_menu.row li a[target="_blank"] .btn{padding-right:77px}.visual_menu.row li a[target="_blank"] .btn::before{content:'';display:block;width:23px;height:16px;background:url(../images/common/blank_icon_white.svg) center center/23px 16px no-repeat;position:absolute;top:50%;right:42px;margin-top:-8px}.visual_menu.row li:nth-child(odd) a{flex-direction:row-reverse}@media screen and (min-width: 768px){.visual_menu.row li:nth-child(odd) .box{margin:-24px -12px 0 auto}}.visual_menu.row li:nth-child(odd) .btn{transform:translate(24px, -27px)}@media screen and (min-width: 768px){.visual_menu.row li:nth-child(odd) .btn{transform:translate(-12px, -27px)}}