@charset "UTF-8";
/* CSS Document */

#mainPageMain.container::after { background-image: url("./../images/white_foam.png"); }
#mainPageMain.container img { margin-top: 0 !important; }

.topTitle { text-align: center; }
.topTitle .m1 { display: block; margin-bottom: 2px; }
.topTitle .title_line { font-size: 220%;min-width: 300px; position: relative; }
#t_info .topTitle .title_line { min-width: 200px; }
.topTitle .title_line .dec01 { position: absolute; top: -80px;left: -50px; }

/* main images slide */
#mainImg01 .copy {
  position: absolute;
  top:200px;
  left:15%;
}
#mainImg01 .copy img{ height: auto!important;}

#mainImg02 .copy {
  position: absolute;
  top:100px;
  left:33%;
}
#mainImg02 .copy img{ height: auto!important; width:90%!important;}

/* Alert */
#contentsAlert { position: relative; z-index: 2;margin: -220px auto 70px; }
#contentsAlert #contentsAlertOuter {}
#contentsAlert .sub {}
#contentsAlert .sub .moreBtn:not(.ft) { position: absolute;bottom: -15px;right: 50px; }
#contentsAlert .sub .moreBtn.ft { text-align: right;margin: 15px 0 0; }
#contentsAlert .sub .inner {}
#contentsAlert #t_info.sub .topTitle .m1 img { /*width: 150px;*/ width: 300px; }


#contentsAlert #t_info.sub .inner .infoValue { display: flex; flex-wrap: wrap;margin: 15px 0 0 -6%; }
#contentsAlert #t_info.sub .inner .infoValue .box { margin-top: 15px;padding-top: 15px;/*border-top: 1px solid #ccc;*/ }
#contentsAlert #t_info.sub .inner .infoValue .box { width: 44%; margin-left: 6%; border-top: 1px solid #ccc;padding: 15px 0 0; }
#contentsAlert #t_info.sub .inner .infoValue .box .b1 { border: none;padding-bottom: 0;margin-bottom: 5px; }
#contentsAlert #t_info.sub .inner .infoValue .box i.mid { line-height: 1.6; }
#contentsAlert #t_info.sub .inner .infoValue .box .outer { margin-bottom: 0.3em;padding-bottom: 0;border: none;font-size: 180%; }
#contentsAlert #t_info.sub .inner .infoValue .box .b1 { font-size: 85%;width: 20%; }
#contentsAlert #t_info.sub .inner .infoValue .box .outer .b2 i { min-width: 130px;line-height: 1;padding: 5px 0;text-align: center;display: inline-block;color: #fff;font-weight: normal;font-size: 70%; }


#contentsAlert #t_oc.sub .inner { position: relative; }
#contentsAlert #t_oc.sub .inner::after { content: ""; display: block; background: #efefef; z-index: -1; width: 100%; height: 80%; position: absolute;bottom: -5px;left: 5px; }
#contentsAlert #t_oc.sub .inner .body { border: 3px solid #FCEE21;border-top: none; }
#contentsAlert #t_oc.sub .inner .body ul { margin: 0 auto; padding: 20px 30px 20px 5px; display: flex; flex-wrap: wrap; background: #fff; }
#contentsAlert #t_oc.sub .inner .body ul li { width: 29%; margin-left: 4%; margin-bottom: 8px;padding-bottom: 8px;border-bottom: 1px solid #29ABE2; }
/*
#contentsAlert #t_oc.sub .inner .body ul li:nth-child(1),
#contentsAlert #t_oc.sub .inner .body ul li:nth-child(2) { margin-top: 0;padding-top: 0;border-top: none; }
*/
#contentsAlert #t_oc.sub .inner .body ul li span { font-size: 140%; }
#contentsAlert #t_oc.sub .inner .body ul li span.cat { /*font-weight: bolder;*/background: #29abe2;padding: 4px 10px 3px;margin-right: 10px; color: #fff;min-width: 78px;display: inline-block;text-align: center; }
#contentsAlert #t_oc.sub .inner .body ul li span.txt {}

/* About us */
#contentsAbout { position: relative; z-index: 2; }
#contentsAbout .mainTitle { margin-bottom: 60px; }
#contentsAbout #contentsAboutInner { background: url("./../images/about_back.png") repeat-x 0 0;align-items: center; }
#contentsAbout #contentsAboutInner div { text-align: center; }
#contentsAbout #contentsAboutInner div:first-child { padding: 0 85px; }
#contentsAbout #contentsAboutInner div .representative { text-align: left; }
#contentsAbout #contentsAboutInner div .representative span { display: block; }
#contentsAbout #contentsAboutInner div .representative span.border-bottom { border-bottom-color: #000 !important;padding-bottom: 5px;margin-bottom: 10px; }

/* Campus Life */
#contentsCampus { margin-top: 60px; }
#contentsCampus #contentsCampusInner { background: url("./../images/campuslife_back.jpg") no-repeat center 0;padding-top: 120px; }

/* otherMenu */
#contentsOthMenu #contentsOthMenuInner { text-align: center;margin-top: 90px; }
#contentsOthMenu #contentsOthMenuInner .othMenuBox { background: url("./../images/oth_menu_back.gif") repeat 0 0;padding: 25px;border-radius: 15px; }
#contentsOthMenu #contentsOthMenuInner .othMenuBox p img { width: auto; }
#contentsOthMenu #contentsOthMenuInner .othMenuBox::before { content: "";background: url("./../images/oth_menu_dec.gif") no-repeat center 0; width: 100%;height: 20px;display: block;margin-bottom: 20px; }
#contentsOthMenu #contentsOthMenuInner .othMenuBox .title_line { margin: 0 30px; }
#contentsOthMenu #contentsOthMenuInner .othMenuBox .title_line i { background: url("./../images/oth_menu_back.gif") repeat 0 0; }

/* information */
#contentsInformation { margin-top: 120px; }
#contentsInformation .topTitle { padding-bottom: 5px;margin-bottom: 5px; }

@media (min-width: 992px) {
#mainPageMain.container img { height: 750px; }
}


@media (max-width: 991px) {
.infoValue .box .outer { font-size: 240%; }
.infoValue .box .outer .b1 { font-size: 80%; }
#contentsInformation { margin-top: 80px; }
#contentsInformation .infoValue .box i.mid { font-size: 180%; }
#contentsAlert #t_info.sub .inner .infoValue .box i.mid { font-size: 200%; }
#contentsAlert #t_oc.sub .inner .body ul li span { font-size: 150%; }
.title_line.sub { min-width: 270px; }
}


@media (max-width: 991px) {
/*
#contentsAlert #t_info.sub .inner { border: 1px solid #29abe2; }
*/
.infoValue .box .outer .b2 { width: 75%;margin-right: 5%; }
#contentsAlert #t_oc.sub .inner .body ul { padding: 20px 20px 20px 0px; }
#contentsAlert #t_oc.sub .inner .body ul li { width: 46%; }
/*
#contentsAlert #t_oc.sub .inner .body ul li span.cat { font-size: 110%; }
*/
#contentsAlert #t_info.sub .inner .infoValue { margin: 15px 0 0 0; }
#contentsAlert #t_info.sub .inner .infoValue .box { width: 100%;margin-left: 0; }



#contentsAbout #contentsAboutInner div { height: auto; display: block; }
#contentsAbout #contentsAboutInner div:first-child { padding: 10% 35px; }
#contentsOthMenu #contentsOthMenuInner .othMenuBox { margin-bottom: 30px; }
#contentsOthMenu #contentsOthMenuInner .othMenuBox img.sp { width: 50%; }

}