@charset "UTF-8";
/*
■INDEX
  keyBlock--index
  styleBlock--index
  campusBlock--index
  infoNewsBlock--index
  footLinkBlock--index
*/
/*
  keyBlock--index
*/
@media screen and (min-width: 828px) {
.keyBlock .slick-dots {
	    bottom: -24px;
}	
}

@media screen and (max-width: 828px) {
  /* line 15, ../../../sass/eiyou/pages/top.scss */
  .keyBlock {
    background: #004279;
    padding: 32px 5px 72px;
    overflow: hidden;
  }
  /* line 19, ../../../sass/eiyou/pages/top.scss */
  .keyBlock .sliderCtrl {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
  }
  /* line 23, ../../../sass/eiyou/pages/top.scss */
  .keyBlock .sliderCtrl .slider {
    width: 90%;
    margin: 0 auto;
  }
  /* line 26, ../../../sass/eiyou/pages/top.scss */
  .keyBlock .sliderCtrl .slider .slick-list {
    margin: 0 auto;
    overflow: hidden;
  }
  /* line 29, ../../../sass/eiyou/pages/top.scss */
  .keyBlock .sliderCtrl .slider .slick-list .slick-slide img {
    width: 100%;
    height: auto;
  }
  /* line 34, ../../../sass/eiyou/pages/top.scss */
  .keyBlock .sliderCtrl .slider.pattern {
    width: 100%;
  }
  /* line 36, ../../../sass/eiyou/pages/top.scss */
  .keyBlock .sliderCtrl .slider.pattern .slick-slide {
    margin: 0 5px;
  }
  /* line 42, ../../../sass/eiyou/pages/top.scss */
  .keyBlock .slick-prev, .keyBlock .slick-next {
    background: #FFF;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    font-size: 0;
    line-height: 0;
    z-index: 2;
	  top: auto;
    bottom: -64px;

  }
  /* line 53, ../../../sass/eiyou/pages/top.scss */
  .keyBlock .slick-prev:before, .keyBlock .slick-next:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 16px;
    height: 16px;
    border: 0px;
    border-top: solid 3px #004279;
    border-right: solid 3px #004279;
    position: absolute;
  }
  /* line 66, ../../../sass/eiyou/pages/top.scss */
  .keyBlock .slick-prev {
    left: 10px;

  }
  /* line 70, ../../../sass/eiyou/pages/top.scss */
  .keyBlock .slick-next {
    left: auto;
    right: 10px;
    
  }
	
.keyBlock .slick-dots {
	    bottom: -40px;
}	
	
}



@media screen and (min-width: 829px) ,print {
  /* line 79, ../../../sass/eiyou/pages/top.scss */
  .keyBlock {
    background: #004279;
    padding: 10px 0 34px;
    overflow: hidden;
  }
  /* line 83, ../../../sass/eiyou/pages/top.scss */
  .keyBlock .sliderCtrl {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
  }
  /* line 87, ../../../sass/eiyou/pages/top.scss */
  .keyBlock .sliderCtrl .slider {
    width: 90%;
    margin: 0 auto;
  }
  /* line 90, ../../../sass/eiyou/pages/top.scss */
  .keyBlock .sliderCtrl .slider .slick-list {
    max-width: 1300px;
    margin: 0 auto;
    overflow: inherit;
  }
  /* line 94, ../../../sass/eiyou/pages/top.scss */
  .keyBlock .sliderCtrl .slider .slick-list .slick-slide img {
    width: 100%;
    height: auto;
  }
  /* line 99, ../../../sass/eiyou/pages/top.scss */
  .keyBlock .sliderCtrl .slider.pattern {
    width: 100%;
  }
  /* line 101, ../../../sass/eiyou/pages/top.scss */
  .keyBlock .sliderCtrl .slider.pattern .slick-slide {
    margin: 0 18px;
  }
}
/*
  styleBlock--index
*/
@media screen and (max-width: 828px) {
  /* line 114, ../../../sass/eiyou/pages/top.scss */
  .styleBlock {
    padding: 0 0 30px;
  }
  .styleBlock h2{
    background: #004279;
    color: #FFF;
    text-align: center;
    font-size: 28px;
    line-height: 50px;
    height: 50px;
    margin: 0 0 20px;
  }	
  /* line 116, ../../../sass/eiyou/pages/top.scss */
  .styleBlock ul {
    text-align: center;
		padding-left:2%;
		padding-right:2%;
  }
  /* line 118, ../../../sass/eiyou/pages/top.scss */
  .styleBlock ul li {
    display: inline-block;
    margin: 0 0 30px;
    width: 100%;
  }
  /* line 122, ../../../sass/eiyou/pages/top.scss */
  .styleBlock ul li:last-child {
    margin: 0;
  }
  /* line 125, ../../../sass/eiyou/pages/top.scss */
  .styleBlock ul li a {
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.3);
    display: block;
    border-radius: 8px;
  }
  /* line 129, ../../../sass/eiyou/pages/top.scss */
  .styleBlock ul li a img {
    width: 100%;
  }
}
@media screen and (min-width: 829px) ,print {
  /* line 139, ../../../sass/eiyou/pages/top.scss */
  .styleBlock {
    padding: 0 0 30px;
  }
  .styleBlock h2{
    background: #004279;
    color: #FFF;
    text-align: center;
    font-size: 22px;
    line-height: 40px;
    height: 40px;
    margin: 0 0 30px;
  }		
  /* line 141, ../../../sass/eiyou/pages/top.scss */
  .styleBlock ul {
    text-align: center;
		padding-left:0;
		padding-right:0;		
  }
  /* line 143, ../../../sass/eiyou/pages/top.scss */
  .styleBlock ul li {
    display: inline-block;
    margin: 0 20px 0 0;
  }
  /* line 146, ../../../sass/eiyou/pages/top.scss */
  .styleBlock ul li:last-child {
    margin: 0;
  }
  /* line 149, ../../../sass/eiyou/pages/top.scss */
  .styleBlock ul li a {
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.3);
    display: block;
    border-radius: 6px;
  }
}
/*
  campusBlock--index
*/
@media screen and (max-width: 828px) {
  /* line 163, ../../../sass/eiyou/pages/top.scss */
  .campusBlock {
    padding: 0 0 10px;
  }
  /* line 165, ../../../sass/eiyou/pages/top.scss */
  .campusBlock h2 {
    background: #004279;
    color: #FFF;
    text-align: center;
    font-size: 28px;
    line-height: 50px;
    height: 50px;
    margin: 0 0 20px;
  }
  /* line 173, ../../../sass/eiyou/pages/top.scss */
  .campusBlock h2 span {
    display: inline-block;
    font-size: 28px;
    margin: 0 0 0 10px;
    letter-spacing: 1px;
  }
  /* line 180, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocList {
    width: 96%;
    margin: 0 auto;
    overflow: hidden;
  }
  /* line 184, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem {
    margin: 0 0 20px;
    width: 100%;
  }
  /* line 187, ../../../sass/eiyou/pages/top.scss  kinjo */
  .campusBlock .ocListItem a {
    display: block;
    width: 100%;
  }
  .campusBlock .ocListItem img {
    width: 100%;
    height: auto;
  }
  .campusBlock .ocListItem li {
    margin-bottom: 10px !important;
  }
  .campusBlock .ocListItem li {
    padding-bottom:0 0 10px !important;
  }

  /* line 196, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem a h3 {
    color: #0267b7;
    font-size: 25px;
    letter-spacing: 1px;
  }
  /* line 200, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem a h3 > span {
    font-family: "NotoSansCJKjp-Bold";
    font-size: 58px;
    margin: 0 0 0 5px;
    display: inline-block;
  }
  /* line 205, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem a h3 > span > span {
    font-family: "NotoSansCJKjp-Regular";
    font-size: 44px;
    vertical-align: top;
    display: inline-block;
    margin: 4px 4px 0;
  }
  /* line 215, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--detail {
    color: #000;
    font-family: "NotoSansCJKjp-DemiLight";
    font-size: 18px;
    display: block;
    position: absolute;
    top: 16px;
    right: 16px;
    letter-spacing: -1px;
    padding: 0 30px 0 0;
  }
  /* line 225, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--detail:after {
    background: url(/assets/img/eiyou/top/ico_oc_detail_cate01_sp.png) no-repeat;
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    top: -2px;
    right: 0;
  }
  /* line 236, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--target {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 46px;
    right: 16px;
  }
  /* line 242, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--target li {
    float: left;
  }
  /* line 244, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--target li:last-child {
    margin-left: 12px;
  }
  /* line 247, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--target li span {
    color: #FFF;
    font-family: "NotoSansCJKjp-DemiLight";
    font-size: 20px;
    line-height: 30px;
    padding: 0 8px;
  }
  /* line 253, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--target li span.category01 {
    background: #ea68a2;
    margin: 0;
  }
  /* line 257, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--target li span.category02 {
    background: #00b7ee;
  }
  /* line 263, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--content {
    overflow: hidden;
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: calc(100% - 20px);
  }
  /* line 269, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--content .imgBox {
    float: left;
    width: 50%;
    overflow: hidden;
    height: 15vw;
  }
  /* line 274, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--content .imgBox span {
    background: #0068b7;
    color: #FFF;
    display: inline-block;
    font-size: 26px;
    line-height: 1.4;
    height: 110px;
    width: 156px;
    vertical-align: top;
    padding: 15px 20px;
    margin: 0 10px 0 0;
  }
  /* line 286, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--content .imgBox img {
    width: 22vw;
    height: auto;
    overflow: hidden;
    vertical-align: middle;
  }
  /* line 293, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--content .txtBox {
    float: left;
    width: 50%;
    padding: 0 0 0 20px;
  }
  /* line 297, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--content .txtBox h4 {
    color: #0068b7;
    font-family: "NotoSansCJKjp-Medium";
    font-size: 23px;
    margin: 0 0 10px;
    letter-spacing: -1px;
  }
  /* line 304, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--content .txtBox p {
    color: #000;
    font-family: "NotoSansCJKjp-DemiLight";
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: -.5px;
  }
  /* line 314, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--cate02 a {
    border: 1px solid #eb6100;
  }
  /* line 316, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--cate02 a h3 {
    color: #eb6100;
  }
  /* line 321, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--cate02 .ocListItem--detail:after {
    background: url(/assets/img/eiyou/top/ico_oc_detail_cate02_sp.png) no-repeat;
  }
  /* line 327, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--cate02 .ocListItem--content .imgBox span {
    background: #eb6100;
    padding: 36px 20px;
  }
  /* line 333, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--cate02 .ocListItem--content .txtBox h4 {
    color: #eb6100;
  }
  /* line 340, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--schedule li {
    height: 16.5vw;
  }
}
@media screen and (min-width: 829px) ,print {
  /* line 350, ../../../sass/eiyou/pages/top.scss */
  .campusBlock {
    padding: 0 0 5px;
  }
  /* line 352, ../../../sass/eiyou/pages/top.scss */
  .campusBlock h2 {
    background: #004279;
    color: #FFF;
    text-align: center;
    font-size: 22px;
    line-height: 40px;
    height: 40px;
    margin: 0 0 30px;
  }
  /* line 360, ../../../sass/eiyou/pages/top.scss */
  .campusBlock h2 span {
    display: inline-block;
    font-size: 18px;
    margin: 0 0 0 20px;
    letter-spacing: 1px;
  }
  /* line 367, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocList {
    width: 100%;
		max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
  }
  /* line 371, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem {
    float: left;
    margin: 0 26px 25px 0;
  }
  /* line 374, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem:nth-child(2n) {
    margin: 0 0 25px;
  }
  /* line 377, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem a {
    display: block;
    width: 486px;
    height: 150px;
    text-decoration: none;
    position: relative;
		width: 100%;
		height: 100%;
  }
  /* line 386, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem a h3 {
    color: #004279;
    font-size: 17px;
    letter-spacing: 1px;
  }
  /* line 390, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem a h3 > span {
    font-family: "NotoSansCJKjp-Bold";
    font-size: 40px;
    margin: 0 0 0 5px;
    display: inline-block;
  }
  /* line 395, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem a h3 > span > span {
    font-family: "NotoSansCJKjp-Regular";
    font-size: 30px;
    vertical-align: top;
    display: inline-block;
    margin: 4px 4px 0;
  }
  /* line 405, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--detail {
    color: #000;
    font-family: "NotoSansCJKjp-DemiLight";
    font-size: 12px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    letter-spacing: -1px;
    padding: 0 20px 0 0;
  }
  /* line 415, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--detail:after {
    background: url(/assets/img/eiyou/top/ico_oc_detail_cate01_pc.png) no-repeat;
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -2px;
    right: 0;
  }
  /* line 426, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--target {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 30px;
    right: 10px;
  }
  /* line 432, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--target li {
    float: left;
  }
  /* line 434, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--target li:last-child {
    margin-left: 12px;
  }
  /* line 437, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--target li span {
    color: #FFF;
    font-family: "NotoSansCJKjp-DemiLight";
    font-size: 14px;
    line-height: 20px;
    padding: 0 4px;
  }
  /* line 443, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--target li span.category01 {
    background: #ea68a2;
    margin: 0;
  }
  /* line 447, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--target li span.category02 {
    background: #00b7ee;
  }
  /* line 453, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--content {
    overflow: hidden;
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: calc(100% - 20px);
  }
  /* line 459, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--content .imgBox {
    float: left;
    width: 50%;
    overflow: hidden;
    height: 76px;
  }
  /* line 464, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--content .imgBox span {
    background: #0068b7;
    color: #FFF;
    display: inline-block;
    line-height: 1.4;
    height: 76px;
    width: 107px;
    vertical-align: middle;
    padding: 15px 20px;
    margin: 0 10px 0 0;
  }
  /* line 475, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--content .imgBox img {
    width: 111px;
    overflow: hidden;
    vertical-align: top;
  }
  /* line 481, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--content .txtBox {
    float: left;
    width: 50%;
    padding: 0 0 0 20px;
  }
  /* line 485, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--content .txtBox h4 {
    color: #0068b7;
    font-family: "NotoSansCJKjp-Medium";
    font-size: 16px;
    margin: 0 0 10px;
    letter-spacing: -1px;
  }
  /* line 492, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--content .txtBox p {
    color: #000;
    font-family: "NotoSansCJKjp-DemiLight";
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: -.5px;
  }
  /* line 502, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--cate02 a {
    border: 1px solid #eb6100;
  }
  /* line 504, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--cate02 a h3 {
    color: #eb6100;
  }
  /* line 509, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--cate02 .ocListItem--detail:after {
    background: url(/assets/img/eiyou/top/ico_oc_detail_cate02_pc.png) no-repeat;
  }
  /* line 515, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--cate02 .ocListItem--content .imgBox span {
    background: #eb6100;
    padding: 25px 20px;
  }
  /* line 521, ../../../sass/eiyou/pages/top.scss */
  .campusBlock .ocListItem--cate02 .ocListItem--content .txtBox h4 {
    color: #eb6100;
  }
}
/*

  movieBlock--index
*/
@media screen and (max-width: 828px) {
  /* line 477, ../../../sass/fashion/pages/top.scss */
  .movieBlock {
    padding: 0 0 30px;
  }
  /* line 479, ../../../sass/fashion/pages/top.scss */
  .movieBlock h2{
    background: #004279;
    color: #FFF;
    text-align: center;
    font-size: 28px;
    line-height: 50px;
    height: 50px;
    margin: 0 0 20px;
  }
  /* line 488, ../../../sass/fashion/pages/top.scss */
  .movieBlock .movieWrap {
    width: 96%;
    margin: 0 auto;
    overflow: hidden;
  }
  /* line 492, ../../../sass/fashion/pages/top.scss */
  .movieBlock .movieWrap li {
    width: 100%;
    margin: 0 0 30px;
    float: left;
  }
  /* line 496, ../../../sass/fashion/pages/top.scss */
  .movieBlock .movieWrap li:last-child {
    margin: 0;
  }
  /* line 499, ../../../sass/fashion/pages/top.scss */
  .movieBlock .movieWrap li h3, .movieBlock .movieWrap2 li h3 {
    color: #004279;
    font-family: "NotoSansCJKjp-Medium";
    font-size: 20px;
    margin: 0 0 16px;
  }
  /* line 505, ../../../sass/fashion/pages/top.scss */
  .movieBlock .movieWrap li iframe, .styleBlock .movieWrap2 li iframe  {
    height: 400px;
  }
}
@media screen and (min-width: 829px) ,print {
  /* line 514, ../../../sass/fashion/pages/top.scss */
  .movieBlock {
    padding: 0 0 30px;
  }
  /* line 516, ../../../sass/fashion/pages/top.scss */
  .movieBlock h2{
    background: #004279;
    color: #FFF;
    text-align: center;
    font-size: 22px;
    line-height: 40px;
    height: 40px;
    margin: 0 0 30px;
  }
  /* line 525, ../../../sass/fashion/pages/top.scss */
  .movieBlock .movieWrap {
    width: 100%;
		max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
  }
  /* line 529, ../../../sass/fashion/pages/top.scss */
  .movieBlock .movieWrap li {
    width: 48%;
    margin: 0 4% 0 0;
    float: left;
  }
  /* line 533, ../../../sass/fashion/pages/top.scss */
  .movieBlock .movieWrap li:last-child {
    margin: 0;
  }
  /* line 536, ../../../sass/fashion/pages/top.scss */
  .movieBlock .movieWrap li h3, .movieWrap2 li h3 {
    color: #004279;
    font-family: "NotoSansCJKjp-Medium";
    font-size: 18px;
    margin: 0 0 16px;
	line-height: 1.5;	
  }
  /* line 542, ../../../sass/fashion/pages/top.scss */
  .movieBlock .movieWrap li iframe, .movieWrap2 li iframe {
    height: 275px;
  }
}
/*

  infoNewsBlock--index
*/
@media screen and (max-width: 828px) {
  /* line 536, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock {
    padding: 0 0 5px;
    margin: 0 0 30px;
  }
  /* line 539, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock h2 {
    background: #004279;
    color: #FFF;
    text-align: center;
    font-size: 28px;
    line-height: 50px;
    height: 50px;
    margin: 0 0 35px;
  }
  /* line 548, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap {
    width: 96%;
    margin: 0 auto;
    overflow: hidden;
  }
  /* line 552, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap > div {
    width: 100%;
    margin: 0 0 40px;
  }
  /* line 557, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox h3 {
    border-left: 6px solid #eb6100;
    margin: 0 0 30px;
    padding: 0 0 0 14px;
    overflow: hidden;
  }
  /* line 562, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox h3 span {
    font-size: 30px;
    line-height: 42px;
    display: inline-block;
  }
  /* line 567, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox h3 a {
    background: #fea73d;
    border-radius: 8px;
    color: #FFF;
    display: block;
    float: right;
    font-size: 20px;
    text-decoration: none;
    height: 44px;
    line-height: 44px;
    padding: 0 14px;
  }
  /* line 580, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox ul li {
    display: flex;
    border-bottom: 1px solid #b5b3b4;
    padding: 0 0 16px;
    margin: 0 0 16px;
  }
  /* line 585, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox ul li .imgBox {
    display: inline-block;
    width: 64px;
  }
  /* line 588, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox ul li .imgBox_custom {
    width: 64px;
    height: 48px;
    overflow: hidden;
  }
  /* line 592, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox ul li .imgBox_custom img {
    height: 100%;
    vertical-align: middle;
  }
  /* line 598, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox ul li .txtBox {
    display: inline-block;
    width: calc(100% - 80px);
    margin: 0 0 0 16px;
  }
  /* line 602, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox ul li .txtBox .day {
    color: #777;
    display: block;
    font-size: 18px;
    margin: 0 0 10px;
  }
  /* line 608, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox ul li .txtBox a {
    color: #333;
    font-size: 20px;
    text-decoration: none;
  }
  /* line 612, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox ul li .txtBox a:hover {
    text-decoration: underline;
    opacity: 1;
  }
  /* line 621, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox h3 {
    border-left: 6px solid #ea68a2;
    margin: 0 0 30px;
    padding: 0 0 0 14px;
    overflow: hidden;
  }
  /* line 626, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox h3 span {
    font-size: 30px;
    line-height: 42px;
    display: inline-block;
  }
  /* line 631, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox h3 a {
    background: #f4a1c6;
    border-radius: 8px;
    color: #FFF;
    display: block;
    float: right;
    font-size: 20px;
    text-decoration: none;
    height: 44px;
    line-height: 44px;
    padding: 0 14px;
  }
  /* line 644, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox ul li {
    display: flex;
    border-bottom: 1px solid #b5b3b4;
    padding: 0 0 16px;
    margin: 0 0 16px;
  }
  /* line 649, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox ul li .imgBox {
    display: inline-block;
    width: 64px;
  }
  /* line 652, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox ul li .imgBox_custom {
    width: 64px;
    height: 48px;
    overflow: hidden;
  }
  /* line 656, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox ul li .imgBox_custom img {
    height: 100%;
    vertical-align: middle;
  }
  /* line 662, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox ul li .txtBox {
    display: inline-block;
    width: calc(100% - 80px);
    margin: 0 0 0 16px;
  }
  /* line 666, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox ul li .txtBox .day {
    color: #777;
    display: block;
    font-size: 18px;
    margin: 0 0 10px;
  }
  /* line 672, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox ul li .txtBox a {
    color: #333;
    font-size: 20px;
    text-decoration: none;
  }
  /* line 676, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox ul li .txtBox a:hover {
    text-decoration: underline;
    opacity: 1;
  }
  /* line 684, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .twitterBox h3 {
    border-bottom: 2px solid #004279;
    margin: 0 0 26px;
    padding: 0 0 5px 46px;
    overflow: hidden;
    position: relative;
  }
  /* line 690, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .twitterBox h3:before {
    background: url(/assets/img/eiyou/common/ico_twitter_sp.png);
    content: "";
    display: block;
    width: 38px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -16px 0 0;
  }
  /* line 701, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .twitterBox h3 span {
    color: #004279;
    font-size: 36px;
    line-height: 40px;
    display: inline-block;
  }
  /* line 706, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .twitterBox h3 span.name {
    display: block;
    float: right;
    font-size: 24px;
    line-height: 24px;
    margin: 14px 0 0;
  }
  /* line 714, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .twitterBox h3 a {
    background: #f4a1c6;
    border-radius: 5px;
    color: #FFF;
    display: block;
    float: right;
    font-size: 14px;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
  }
  /* line 728, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .picupBox h3 {
    border-bottom: 2px solid #004279;
    margin: 0 0 20px;
    padding: 0 0 10px;
    overflow: hidden;
    position: relative;
    color: #004279;
    font-size: 36px;
    line-height: 40px;
  }
  /* line 739, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .picupBox ul li {
    margin: 0 2% 16px 0;
    width: 49%;
    float: left;
  }
  /* line 743, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .picupBox ul li:nth-child(2n) {
    margin: 0 0 14px;
  }
  /* line 747, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .picupBox ul li a img {
    width: 100%;
  }
}
@media screen and (min-width: 829px) ,print {
  /* line 759, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock {
    padding: 0 0 5px;
  }
  /* line 761, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock h2 {
    background: #004279;
    color: #FFF;
    text-align: center;
    font-size: 22px;
    line-height: 40px;
    height: 40px;
    margin: 0 0 30px;
  }
  /* line 770, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap {
    width: 100%;
		max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
  }
  /* line 774, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap > div {
    float: left;
    width: 480px;
    margin: 0 40px 40px 0;
  }
  /* line 778, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap > div:nth-child(2n) {
    margin: 0 0 40px;
  }
  /* line 783, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox h3 {
    border-left: 6px solid #eb6100;
    margin: 0 0 30px;
    padding: 0 0 0 10px;
    overflow: hidden;
  }
  /* line 788, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox h3 span {
    font-size: 20px;
    line-height: 28px;
    display: inline-block;
  }
  /* line 793, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox h3 a {
    background: #fea73d;
    border-radius: 5px;
    color: #FFF;
    display: block;
    float: right;
    font-size: 14px;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
  }
  /* line 806, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox ul li {
    display: flex;
    border-bottom: 1px dotted #000;
    padding: 0 0 10px;
    margin: 0 0 10px;
  }
  /* line 811, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox ul li .imgBox {
    display: inline-block;
    width: 43px;
  }
  /* line 814, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox ul li .imgBox_custom {
    width: 43px;
    height: 31px;
    overflow: hidden;
  }
  /* line 818, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox ul li .imgBox_custom img {
    height: 100%;
    vertical-align: middle;
  }
  /* line 824, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox ul li .txtBox {
    display: inline-block;
    width: 427px;
    margin: 0 0 0 10px;
  }
  /* line 828, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox ul li .txtBox .day {
    color: #777;
    display: block;
    font-size: 12px;
    margin: 0 0 5px;
  }
  /* line 834, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox ul li .txtBox a {
    color: #333;
    font-size: 14px;
    text-decoration: none;
  }
  /* line 838, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .infoBox ul li .txtBox a:hover {
    text-decoration: underline;
    opacity: 1;
  }
  /* line 847, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox h3 {
    border-left: 6px solid #ea68a2;
    margin: 0 0 30px;
    padding: 0 0 0 10px;
    overflow: hidden;
  }
  /* line 852, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox h3 span {
    font-size: 20px;
    line-height: 28px;
    display: inline-block;
  }
  /* line 857, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox h3 a {
    background: #f4a1c6;
    border-radius: 5px;
    color: #FFF;
    display: block;
    float: right;
    font-size: 14px;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
  }
  /* line 870, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox ul li {
    display: flex;
    border-bottom: 1px dotted #000;
    padding: 0 0 10px;
    margin: 0 0 10px;
  }
  /* line 875, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox ul li .imgBox {
    display: inline-block;
    width: 43px;
  }
  /* line 878, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox ul li .imgBox_custom {
    width: 43px;
    height: 31px;
    overflow: hidden;
  }
  /* line 882, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox ul li .imgBox_custom img {
    height: 100%;
    vertical-align: middle;
  }
  /* line 888, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox ul li .txtBox {
    display: inline-block;
    width: 427px;
    margin: 0 0 0 10px;
  }
  /* line 892, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox ul li .txtBox .day {
    color: #777;
    display: block;
    font-size: 12px;
    margin: 0 0 5px;
  }
  /* line 898, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox ul li .txtBox a {
    color: #333;
    font-size: 14px;
    text-decoration: none;
  }
  /* line 902, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .newsBox ul li .txtBox a:hover {
    text-decoration: underline;
  }
  /* line 909, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .twitterBox h3 {
    border-bottom: 2px solid #004279;
    margin: 0 0 10px;
    padding: 0 0 5px 32px;
    overflow: hidden;
    position: relative;
  }
  /* line 915, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .twitterBox h3:before {
    background: url(/assets/img/eiyou/common/ico_twitter_pc.png);
    content: "";
    display: block;
    width: 24px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -10px 0 0;
  }
  /* line 926, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .twitterBox h3 span {
    color: #004279;
    font-size: 24px;
    line-height: 28px;
    display: inline-block;
  }
  /* line 931, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .twitterBox h3 span.name {
    display: block;
    float: right;
    font-size: 12px;
    line-height: 14px;
    margin: 14px 0 0;
  }
  /* line 939, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .twitterBox h3 a {
    background: #f4a1c6;
    border-radius: 5px;
    color: #FFF;
    display: block;
    float: right;
    font-size: 14px;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
  }
  /* line 953, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .picupBox h3 {
    border-bottom: 2px solid #004279;
    margin: 0 0 10px;
    padding: 0 0 5px;
    overflow: hidden;
    position: relative;
    color: #004279;
    font-size: 24px;
    line-height: 28px;
  }
  /* line 964, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .picupBox ul li {
    margin: 0 22px 14px 0;
    float: left;
  }
  /* line 967, ../../../sass/eiyou/pages/top.scss */
  .infoNewsBlock .contentWrap .picupBox ul li:nth-child(2n) {
    margin: 0 0 14px;
  }
}

/* ------------------------
  kokokara
  kinjo 20210318
------------------------ */
.movieWrap2 {
  width: 100%;
	max-width: 1000px;
  margin: 20px auto 0;
  overflow: hidden;  
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.movieWrap2 li {
  width: 48%;
  margin: 0 0 30px;
}

.movieWrap2 span a {
  padding: 10px 0;
  display: block;
  text-align: right;
  color: #094682;
}

.Listnormal {
  width: 100%;
	max-width: 1000px;
	margin: 40px auto;
}

.Listnormal h3 {
  margin-bottom: 15px;
  padding: 0 0 0 14px;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  color: #474747;
  border-left: 6px solid#0069c4;
}
.Listnormal ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.Listnormal li {
  width: 48%;
  padding-top: 5px;
}
.Listnormal li time {
  display: inline-block;
  padding-bottom: 5px;
}
.Listnormal a {
    display: block;
    color: #094682;
}
@media screen and (max-width: 828px) {
  .movieBlock .movieWrap2 {
    width: 96%;
    display: block;
  }
  .movieBlock .movieWrap2 li {
    width: 100%;
    margin-bottom: 4%;
    overflow: hidden;
    position: relative;
  }
  .movieBlock .movieWrap2 li iframe {
    height: 400px;
  }
  .movieBlock .movieWrap2 li span {
    padding: 0;
    font-size: 18px;
    display: block;
  }
  .Listnormal {
    width: 96%;}
  .Listnormal h3 {
    padding: 0 0 0 10px;
    font-size: 20px;
    line-height: 18px;
    }
  .Listnormal ul { display: block }
  .Listnormal li {
    width: 100%;
  }
}
/* ------------------------
  TOP　renewal　202206
------------------------ */
/*
  title
*/
#oc-2022 h2.new-h2_2022{
  font-size: 52px;
  color: #004279;
  background: transparent;
  font-weight: 600;
  height: auto;
  margin-bottom: 60px;
		letter-spacing: 2px;
}
#oc-2022 h2.new-h2_2022 span{
  display: block;
  text-align: center;
  color: black;
  margin-bottom: 12px;
  font-size: 16px;
}
#oc-2022 h2.oc-category-title{
  font-size: 32px;
  color: #004279;
  background: transparent;
  font-weight: 600;
      height: auto;
  text-align: left;
    margin-bottom:26px;
}
#oc-2022 h2.new-h2_2022_info{
  font-size: 28px;
  color: #004279;
  background: transparent;
  font-weight: 600;
  height: auto;
  text-align: left;
  margin-bottom:30px;
  /* margin-top: 60px; */
}

@media screen and (max-width: 828px) {
  #oc-2022 h2.new-h2_2022{
  font-size: 52px;
  color: #004279;
  background: transparent;
  font-weight: 600;
  height: auto;
  margin-bottom: 60px;
			letter-spacing: 2px;
}
#oc-2022 h2.new-h2_2022 span{
  display: block;
  text-align: center;
  color: black;
  margin-bottom: 12px;
  font-size: 16px;
}
#oc-2022 h2.oc-category-title{
  font-size: 32px;
  color: #004279;
  background: transparent;
  font-weight: 600;
      height: auto;
  text-align: left;
    margin-bottom:26px;
}
#oc-2022 h2.new-h2_2022_info{
  font-size: 28px;
  color: #004279;
  background: transparent;
  font-weight: 600;
  height: auto;
  text-align: left;
  margin-bottom:30px;
  /* margin-top: 60px; */
}
}

/*
  oc
*/


#oc-2022 .campusBlock .oc-category{
      max-width: 1000px;
      margin: 0 auto 60px;
 }
#oc-2022 .campusBlock .oc-category-2 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 40px;
}
#oc-2022 .campusBlock .oc-category-2 .oc-category-inner {
  width: 49%;
  margin-bottom: 60px;
}
#oc-2022 .campusBlock .oc-category01{
      /* height: 300px; */
      margin: 0 auto;
 }
#oc-2022 .oc-category .ocList{
        width: 100%;
        /* float: left; */
        display: flex;
        justify-content: space-between;
      }
#oc-2022 .campusBlock .oc-category .ocList > li{
      width: 23%;
      /* float: left; */
      margin: 0 0 25px 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
#oc-2022 .campusBlock .oc-category .ocList > li > * {
  width: 100%;
}
#oc-2022 .campusBlock .oc-category-2 .ocList > li{
      width: 48%;
      /* float: left; */
      margin: 0 0 25px 0;
}
      
#oc-2022 .campusBlock .oc-category .ocList > li:nth-child(4){
      margin: 0;        
}

#oc-2022 .oc-category .ocList a {
  display: inline;
  color: inherit;
  text-decoration: none;
	line-height: 1.4;	
	display: flex;
	align-items: flex-start;
}
#oc-2022 .img-wrap {
  aspect-ratio: 4 / 3;
  overflow: hidden;
	background-color: #eee;
}
#oc-2022 .img-wrap img{
        width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
#oc-2022 .oc-category .ocList h4{
       font-size: 16px;
       margin: 10px 0 10px; 
       font-weight: 600;
    
}
#oc-2022 .oc-category .ocList h3{
       font-size: 30px;
       margin: 0; 
       font-weight: 600;
}
#oc-2022 .oc-category .ocList h3 span{
       font-size: 18px;
       margin: 13px 0 0 0; 
       font-weight: 600;
}
#oc-2022 .oc-category .ocList p.ivent-time{
       font-size: 14px;
       margin: 11px 0 0 0; 
}
#oc-2022 ul.subject-category{
       font-size: 11px;
       margin: 12px 0 0 0;
       /* float: left; */
       display: flex;
       width:100%;
    flex-wrap: wrap;
  justify-content: space-between
}
#oc-2022 ul.subject-category li{
       width: 48%;
       margin:  0 0 5px 0; 
    color:#fff;
    padding:10px 5px;
  text-align: center;
}
#oc-2022 ul.subject-category li:nth-child(1){
       background-color: #EA68A2; 
}  
#oc-2022 ul.subject-category li:nth-child(2){
       background-color: #00B7EE; 
}  
#oc-2022 ul.subject-category li:nth-child(3){
       background-color: #F83B3B; 
}  
#oc-2022 ul.subject-category li:nth-child(4){
       background-color: #8FB848; 
}  
#oc-2022 ul.subject-category li.non {
       background-color: #C1C1C1; 
}
#oc-2022 .btn_area{
		text-align: center;
		margin:30px auto 0;
	}	
#oc-2022 .btn_area a{
		font-size:18px;
	}

#oc-2022 .btn_area a{
	border:2px solid #004279;
	background-color: #fff;
	padding: 20px 20px 20px 20px;
	border-radius: 100px;
	width: 85%;
	max-width: 420px;
	margin:0 auto;
	display: block;
	color:#004279;
	position: relative;
	font-weight: bold;
	line-height: 1.3;
  text-decoration: none;
}
#oc-2022 #ichiran-btn{
  display:flex;
}
#oc-2022 #ichiran-btn .btn_area{
  width:100%;
}

#oc-2022 #ichiran-btn_02{
  display:flex;
}
#oc-2022 #ichiran-btn_02 .btn_area{
  width:100%;
}
/*
  oc
*/
@media screen and (max-width: 828px) {
#oc-2022 .campusBlock .oc-category{
      max-width: 1000px;
      margin: 0 auto 60px;
 }
#oc-2022 .campusBlock .oc-category-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 60px;
}
#oc-2022 .campusBlock .oc-category-2 .oc-category-inner {
  width: 100%;
}
#oc-2022 .campusBlock .oc-category01{
      /* height: 300px; */
      margin: 0 auto;
 }
#oc-2022 .oc-category .ocList{
        width: 100%;
        /* float: left; */
        display: flex;
  flex-wrap: wrap;
        justify-content: space-between;
      }
#oc-2022 .campusBlock .oc-category .ocList > li{
      width: 48%;
      /* float: left; */
      margin: 0 0 25px 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
#oc-2022 .campusBlock .oc-category .ocList > li > * {
  width: 100%;
}
#oc-2022 .campusBlock .oc-category-2 .ocList > li{
      width: 48%;
      /* float: left; */
      margin: 0 0 25px 0;
}
      
#oc-2022 .campusBlock .oc-category .ocList > li:nth-child(4){
      margin: 0;        
}

#oc-2022 .oc-category .ocList a {
  display: inline;
  color: inherit;
  text-decoration: none;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
}
#oc-2022 .img-wrap {
  aspect-ratio: 4 / 3;
  overflow: hidden;
}
#oc-2022 .img-wrap img{
        width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
#oc-2022 .oc-category .ocList h4{
       font-size: 22px;
       margin: 10px 0 10px; 
       font-weight: 600;
}
#oc-2022 .oc-category .ocList h3{
       font-size: 30px;
       margin:0; 
       font-weight: 600;
}
#oc-2022 .oc-category .ocList h3 span{
       font-size: 18px;
       margin: 13px 0 0 0; 
       font-weight: 600;
}
#oc-2022 .oc-category .ocList p.ivent-time{
       font-size: 20px;
       margin: 11px 0 0 0; 
}
#oc-2022 ul.subject-category{
       font-size: 16px;
       margin: 12px 0 0 0;
       /* float: left; */
       display: flex;
       width:100%;
    flex-wrap: wrap;
  justify-content: space-between
}
#oc-2022 ul.subject-category li{
       width: 48%;
       margin:  0 0 5px 0; 
    color:#fff;
    padding:10px 5px;
  text-align: center;
}
#oc-2022 ul.subject-category li:nth-child(1){
       background-color: #EA68A2; 
}  
#oc-2022 ul.subject-category li:nth-child(2){
       background-color: #00B7EE; 
}  
#oc-2022 ul.subject-category li:nth-child(3){
       background-color: #F83B3B; 
}  
#oc-2022 ul.subject-category li:nth-child(4){
       background-color: #8FB848; 
}
#oc-2022 ul.subject-category li.non {
       background-color: #C1C1C1; 
}
#oc-2022 .btn_area{
		text-align: center;
		margin:50px auto 0;
	}	
#oc-2022 .btn_area a{
		font-size:18px;
	}

#oc-2022 .btn_area a{
	border:2px solid #004279;
	background-color: #fff;
	padding: 20px 20px 20px 20px;
	border-radius: 100px;
	width: 85%;
	max-width: 420px;
	margin:0 auto;
	display: block;
	color:#004279;
	position: relative;
	font-weight: bold;
	line-height: 1.3;
}
}
/*
  pamphlet banner
*/
#oc-2022 .pamphlet-banner{
  text-align: center;
  margin-bottom: 80px;
}
#oc-2022 .pamphlet-banner div{
  margin-bottom: 20px;
}
#oc-2022 .pamphlet-banner div img{
  max-width: 100%;
}

/*
  info
*/
#oc-2022 .info_2022{
  max-width:1000px;
  margin: 0 auto 90px;  
  
}
#oc-2022 div.info{

}
#oc-2022 .infoList{
      justify-content: space-between;
    max-width: 100%;
       display: flex;
  flex-wrap: wrap;
}
#oc-2022 .infoList li{
  width: 31%;
  margin-bottom: 64px;
}
#oc-2022 .infoList li a {
  text-decoration: none;
  color: inherit;
	line-height: 1.4;	
}
#oc-2022 .infoList li img{
  width: 100%;
}
#oc-2022 .infoList li h4.info-title {
	font-size: 18px;
	margin: 20px 0 0 0; 
	font-weight: 600;
	line-height: 1.4;
}
#oc-2022 .infoList li p.info-detail{
       font-size: 14px;
       margin: 11px 0 0 0; 
   color: #929292;
}

#oc-2022 .infoList li p.info-day{
       font-size: 14px;
       margin: 13px 0 0 0; 
}
@media screen and (max-width: 828px) {
  #oc-2022 .infoList li{
  width: 48%;
  margin-bottom: 64px;
}
}
/*
  topic
*/

#oc-2022 .keyBlock-news {
    background: #ffffff;
  max-width: 1000px;
  margin: 0 auto 36px;;
 }

#oc-2022 .keyBlock-news .slick-prev,
#oc-2022 .keyBlock-news .slick-next{
	font-size: 0;
	line-height: 0;
	width: 80px;
	height: 80px;
	border: solid 3px #004279;
	border-radius: 100px;
	background: #fff;
	position: absolute;
	transform: none;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}


#oc-2022 .keyBlock-news .slick-prev:hover,
#oc-2022 .keyBlock-news .slick-next:hover {
  opacity: 0.8;
}

#oc-2022 .keyBlock-news .slick-prev::after,
#oc-2022 .keyBlock-news .slick-next::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: solid 3px #004279;
  border-right: solid 3px #004279;
  border-radius: 2px;
  position: absolute;
  top: 42%;
}

#oc-2022 .keyBlock .slick-prev:before,
#oc-2022  .keyBlock .slick-next:before {
      content: "";
      display: block;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      width: 16px;
      height: 16px;
      border-top: none!important;
      border-right: none!important;
      position: absolute;
       border: none;
     }

#oc-2022 .keyBlock-news .slick-prev::after {
  transform: rotate(-135deg);
  right: 38%;
}

#oc-2022 .keyBlock-news .slick-next::after {
  transform: rotate(45deg);
  left: 40%;
}

#oc-2022 .keyBlock-news .slick-prev
{
    left: -10px;
}
#oc-2022 .keyBlock-news .slick-next
{
    right: -10px;
}
#oc-2022 .keyBlock-news .sliderCtrl .slider .slick-list {
          max-width: 1000px;
          margin: 0 auto;
}

@media screen and (min-width: 829px) {
	#oc-2022 .keyBlock-news .slick-prev,
	#oc-2022 .keyBlock-news .slick-next{
		width: 56px;
		height: 56px;
	}
	#oc-2022 .keyBlock-news .slick-prev::after {
		right: 34%;
	}	
	#oc-2022 .keyBlock-news .slick-prev::after,
	#oc-2022 .keyBlock-news .slick-next::after {
		top: 38%;
	}	
	#oc-2022 .keyBlock-news .slick-next::after {
		left: 34%;
	}
	oc-2022 .keyBlock-news .slick-prev::after,
	#oc-2022 .keyBlock-news .slick-next::after {
    top: 38%;
	}	
}
			
/*
  movie
*/
#oc-2022 .movieBlock_2022{
    max-width: 1000px;
  margin: 0 auto 80px;;

}			

			
/*
  TOPICS slick
*/


@media screen and (min-width: 828px) {
#oc-2022 .keyBlock .slick-dots {
	    bottom: -24px;
}	
}

@media screen and (max-width: 828px) {
#oc-2022 .keyBlock {
    background: transparent;;
    padding: 32px 5px 72px;
    overflow: hidden; }
#oc-2022 .keyBlock .sliderCtrl {
      max-width: 1300px;
      margin: 0 auto;
      position: relative; }
#oc-2022 .keyBlock .sliderCtrl .topic2022 {
        width: 90%;
        margin: 0 auto; }
#oc-2022 .keyBlock .sliderCtrl .topic2022 .slick-list {
          margin: 0 auto;
          overflow: hidden; }
#oc-2022 .keyBlock .sliderCtrl .topic2022 .slick-list .slick-slide img {
            width: 100%;
            height: auto; }
#oc-2022 .keyBlock .sliderCtrl .slider.pattern {
          width: 100%;
	}
          .keyBlock .sliderCtrl .slider.pattern .slick-slide {
            margin: 0 5px; }
#oc-2022 .keyBlock .slick-prev,
#oc-2022 .keyBlock .slick-next {
      background: #FFF;
      border-radius: 50%;
       width: 80px;
    height: 80px;
      font-size: 0;
      line-height: 0;
      z-index: 2;
      top: auto;
    bottom: -64px;
	}
	
#oc-2022 .keyBlock .slick-prev:before,
#oc-2022 .keyBlock .slick-next:before {
      content: "";
      display: block;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      width: 16px;
      height: 16px;
      border: 0px;
      border-top: solid 3px #004279;
      border-right: solid 3px #004279;
      position: absolute;
      }
	
#oc-2022 .keyBlock .slick-prev {
	top:50%;
	right:auto;
	left: -25px;
}
#oc-2022 .keyBlock .slick-next {
	top:50%;
	left: auto;
	right: -25px;
}
	#oc-2022 .keyBlock .slick-dots {
	bottom: -40px;
	}	
}

@media screen and (min-width: 829px) ,print {
#oc-2022 .keyBlock {
    background: transparent;
    padding: 10px 0 34px;
    overflow: hidden; }
#oc-2022 .keyBlock .sliderCtrl {
      max-width: 1300px;
      margin: 0 auto;
      position: relative; }
#oc-2022 .keyBlock .sliderCtrl .topic2022 {
        width: 90%;
        margin: 0 auto; }
#oc-2022 .keyBlock .sliderCtrl .topic2022 .slick-list {
          max-width: 1300px;
          margin: 0 auto;
          overflow: inherit; }
#oc-2022 .keyBlock .sliderCtrl .topic2022 .slick-list .slick-slide img {
            width: 100%;
            height: auto; }
#oc-2022 .keyBlock .sliderCtrl .slider.pattern {
          width: 100%; }
#oc-2022 .keyBlock .sliderCtrl .slider.pattern .slick-slide {
            margin: 0 18px; } }

#oc-2022 .topic2022 .slick-slide{
  margin-right:15px;
  margin-left:15px;
}

			
/*
  course list
*/
#oc-2022 .movieBlock .movieWrap2 {
  max-width: 1000px;
  margin: 20px auto 0;
  overflow: hidden;  
  display: flex;
  justify-content: center;
	justify-content:space-between;
  align-items: center;
  flex-wrap: wrap;
  
}

#oc-2022 .movieBlock .movieWrap2 li{
  width: 32% !important;
  margin: 0 0 30px;
  
}

#oc-2022 .movieBlock .movieWrap2 li a{
  text-decoration: none;
  
}
#oc-2022 .movieBlock .movieWrap2 li .course_thumbnail{
  aspect-ratio: 4 / 3;
  overflow: hidden;
  
}#oc-2022 .movieBlock .movieWrap2 li img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#oc-2022{
	margin-left:30px;
	margin-right: 30px;
}

@media screen and (max-width: 828px) {
  #oc-2022 .movieBlock .movieWrap2 li h3{
    font-size: 20px;
  }
  #oc-2022{
    margin:0 20px;
  }
#oc-2022 .pc-only{
     display:none!important; 
  }
}


/*-- スマホ版表示CSS  --*/
@media screen and (max-width:767.98px) {
#oc-2022 .pc_area_2022{
    display:none;
  }
}
/*-- PC版表示CSS  --*/
@media screen and (min-width:768px) {
#oc-2022 .phone_area_2022{
  display:none;
  }
}

/*-- 追加20220614  --*/
#oc-2022 .movieBlock{
  padding-top:40px;
}
#oc-2022 .img-wrap-hananews{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}


@media screen and (max-width: 828px) {
	#oc-2022 .infoList li h4.info-title {
		font-size: 24px;
	}
	#oc-2022 .infoList li p.info-detail {
			font-size: 20px;
	}
	#oc-2022 .infoList li p.info-day {
			font-size: 20px;
	}	
}

.mt0{
	margin-top: 0 !important;
}
.pt0{
	padding-top: 0 !important;
}
.m0{
	margin:0 !important;
}
.p0{
	padding-top: 0 !important;
}