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

.clr_bck { background-color: #29abe2 !important; }
.clr_txt { color: #29abe2 !important; }
.clr_bdr { border-color: #29abe2 !important; }

/* reset */
p, span.mid, i.mid { line-height: 1.8; }
.l_h_0 { line-height: 0 !important; }
.l_h_1 { line-height: 1 !important; }

#subPageMainSimple { background: url("./../images/contents01_bg.gif") repeat 0 0; }
#subPageMainSimple #subPageMainSimpleInner { height: 320px;background: url("./../images/bg_top.png") no-repeat center bottom;position: relative; }
#subPageMainSimple #subPageMainSimpleInner .mainTitle { position: absolute;bottom: 0px;width: 100%;text-align: center; }
#freeTop #freeTopOuter #freeTopInner .mainTitle .m2 { margin-top: 10px;font-size: 300%;line-height: 1.2; }


/* header */
@media (min-width: 992px) {
#header { padding: 0 0 0; }
#header #headTopArea .ht_tell { top: 7px; right: 120px;font-size: 210%; border-bottom: none; color: #e95513;margin-bottom: 5px;z-index: 1000;line-height: 1em; }
#header #headTopArea .ht_tell i { font-size: 95%; }
#header #headTopArea .ht_tell i.time { font-size: 55%;display: block;color: #000;line-height: 1;padding: 0;margin-top: 5px;font-weight: bolder;color: #4D4D4D; }
#header #headTopArea .subMenu { z-index: 1000;top: 0;left: 170px; }
#header #headTopArea .subMenu ul {}
#header #headTopArea .subMenu ul li { float: left;min-width: 150px;text-align: center;margin-left: 10px; }
#header #headTopArea .subMenu ul li a { border: 1px solid #29abe2; border-top: none;-webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px / 0 0 10px 10px; }
#header #headTopArea .subMenu ul li a span { font-size: 130%; line-height: 1;padding: 15px 0;display: block; color: #29abe2; font-weight: bolder; }
#header #headTopArea .subMenu ul li.drw a { background: #29abe2; }
#header #headTopArea .subMenu ul li.drw a span { color: #fff; }
#header #headerInner { background: #fff;padding-top: 50px;-webkit-border-radius: 0 0 10px 10px / 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px / 0 0 10px 10px;border-radius: 0 0 10px 10px / 0 0 10px 10px; }
#header #headerInner #Navber { padding: 20px 0px 20px 5px; }
#header #headerInner #Navber .navbar-nav { width: 800px !important; }
#header .logoOuter { width: auto;position: static;bottom: 0; width: 100px;margin: -45px 0px 10px 50px; }
#header .navbar-nav li i { font-size: 130%; }
#header .navbar-nav li i.sMain { margin-bottom: 0px; font-weight: bolder; }
#header .navbar-expand-lg .navbar-nav > li > a,
#header .navbar-expand-lg .navbar-nav > li > div.outer { border-right: 2px dotted #999; }
#header .navbar-expand-lg .navbar-nav > li:first-child > a,
#header .navbar-expand-lg .navbar-nav > li:first-child > div.outer,
#header .navbar-expand-lg .navbar-nav > li#PAGE_I > a { border: none; }
#header .navbar-expand-lg .navbar-nav > li:first-child > a,
#header .navbar-expand-lg .navbar-nav > li:first-child > div.outer { border-right: 2px dotted #999; }
#header .navbar-expand-lg .navbar-nav > li { width: auto;position: relative; }
#header .navbar-expand-lg .navbar-nav > li > a,
#header .navbar-expand-lg .navbar-nav > li > div.outer { padding: 10px 15px; } 
/* navi */
.js-clingify-locked { box-shadow: 0 2px 4px #efefef; }

}

@media (max-width: 1199px) and ( min-width:992px)  {
#header .logoOuter { margin-left: 30px; }
#header #headTopArea .subMenu { left: 140px; }
}


@media (min-width: 1200px) {
#header #headTopArea .subMenu { left: 200px; }
#header #headerInner #Navber { padding: 15px 0px 15px 45px; }
}



/* footer */
@media (min-width: 992px) {
#footer { position: relative;margin-top: 160px !important;background: #c8f0f0; }
#footer::after { content: "";width: 100%;height: 250px;position: absolute;top: -160px;left: 0;background: url("./../images/blue_foam.png") repeat-x center 0;z-index: 1; }
#footer #footerInner { z-index: 10; }
#footer #footBodyOuter { width: 650px; }
#footer .ft_sub { float: left; }
#footer .navbar-expand-lg .navbar-nav { flex-wrap: wrap;margin-left: -3%; }
#footer .navbar-expand-lg .navbar-nav > li { margin: 0 0 30px 3%;width: 17%; }
#footer .navbar-expand-lg .navbar-nav > li > a { font-size: 85%;display: block; }
#footer .navbar-expand-lg .navbar-nav > li > a:not(:first-child) { margin-left: 1em; }
#footer .navbar-expand-lg .navbar-nav > li:last-child a {  margin-left: 0 !important; }
#footer .footArea { width: 230px;margin-left: 50px; }
#footer .ftAddress { text-align: left; }
#footer .ftAddress .ft_tell { font-size: 210%;line-height: 1em !important;color: #e95513; }
#footer .ftAddress .ft_tell .f_num { font-size: 95%; }
#footer .ftAddress .ft_tell .time { font-size: 55%;display: block;color: #000;line-height: 1;padding: 0;margin-top: 5px; }
#footer .ftAddress .ft_name { font-size: 120%;margin-bottom: .5rem;padding-top: .5rem;border-top: 1px solid; }
#footer .ftAddress dl { font-size: 120%; }
#footer .ftAddress dl dt,
#footer .ftAddress dl dd { float: left; border-top: 1px solid;line-height: 1.4;padding: .5rem 0 0; }
#footer .ftAddress dl dt { width: 33%;padding-right: 2%; }
#footer .ftAddress dl dd { width: 65%; }
#footer .ftCopy p { color: #fff; }
}

@media (max-width: 1199px) and ( min-width:992px)  {
#footer .footArea { width: 270px; margin-left: 10px; }
}


@media (min-width: 1200px) {
#footer .footArea { width: 270px;margin-left: 80px; }
}

/* title */
.title_line { font-size: 140%;font-weight: bolder;line-height: 1;background: url("./../images/dec_line.png") repeat-x 0 center; }
.title_line.sub { display: inline-block;min-width: 170px;text-align: center;vertical-align: middle; }
.title_line i { display: inline-block;padding: 0 12px; background: #fff; }
.topTitle {}
.topTitle img { width: auto; }
.title_l.bd,
.title_lrg.bd { border-bottom: 1px solid #000;padding-bottom: 10px; }
.title_bg01 { font-size: 230%;font-weight: bolder;line-height: 1;background: url("./../images/title_bg01.gif") repeat-x 0 center;padding: 20px 30px; }

/* subPage TOP area */
#freeTop { position: relative;z-index: 2;top: -50px;margin-bottom: -20px; }
#freeTop #freeTopOuter { text-align: center; }
#freeTop #freeTopOuter #freeTopInner { align-items: center; }
#freeTop #freeTopOuter #freeTopInner:not(.row) { display: inline-block; }
#freeTop #freeTopOuter #freeTopInner .mainTitle { text-align: center;padding-top: 4rem;padding-bottom: 4rem; }
#freeTop #freeTopOuter #freeTopInner:not(.row) .mainTitle { padding: 1rem 6rem; }
#freeTop #freeTopOuter #freeTopInner .lead_area {}
#freeTop #freeTopOuter #freeTopInner .lead_area .sub { line-height: 2;margin: 0 25px; text-align: left;}
#subPageMainSimple .mainTitle span.m2 { font-size: 300%;line-height: 1.2;margin-top: 7px; }

@media (min-width: 992px) {

#freeTop { top: 0px;margin: 50px auto; }
#freeTop #freeTopOuter #freeTopInner .mainTitle { border-left: 1px solid;border-right: 1px solid;padding-top: 1.5rem;padding-bottom: 1.5rem; }

}

@media (max-width: 991px) {
#freeTop #freeTopOuter #freeTopInner:not(.row) .mainTitle { padding: 20% 0 5%; }

}

/* name Area */
.num { font-family: 'Oswald', sans-serif;letter-spacing: 0.07em;line-height: 1; }
.nameInner { border-bottom: 1px solid #000;margin-top: 40px; }
.name p { margin-bottom: 0;position: relative; }
.name p.bd { border-right: 1px solid; }
.name span { padding: 15px 0;display: block;line-height: 1.4; }
.name span.num { font-style: italic; position: absolute;bottom: -5px;right: 25px;font-size: 280%; }

/* detailBtn */
.detailBtn,
.detailBtn:hover { border: 1px solid #29abe2;background: #FFF; border-radius: 10px; text-align: center; }
.detailBtn i { font-size: 160%;padding: 12px 0; }
.detailBtn:hover { background: #29abe2; }
.detailBtn:hover i { color: #fff !important; }

/* info */
/*
.infoValue .box .b1 { font-size: 240%;line-height: 1;border-bottom: 1px solid #000;padding-bottom: 10px; position: relative;display: block;margin-bottom: 1rem; }
.infoValue .box .b1::after { color: #fff;font-size: 60%; line-height: 1; padding: 5px 20px;margin-left: 15px;display: inline-block;position: relative;top: -2px;letter-spacing: 0.05em; }
.infoValue .box.topics .b1 { color: #0071bc; }
.infoValue .box.blog .b1 { color: #f15a24; }
.infoValue .box.topics .b1::after { content: "TOPICS"; background: #0071bc; }
.infoValue .box.blog .b1::after { content: "BLOG"; background: #f15a24; }
*/

.infoValue { align-items: baseline; }
.infoValue .box { margin-top: 40px; }
.infoValue .box a { display: block; }
.infoValue .box .outer { font-size: 190%;line-height: 1;border-bottom: 1px solid #000;padding-bottom: 10px; position: relative;display: block;margin-bottom: 1rem; }
.infoValue .box .outer span { display: inline-block; }
.infoValue .box .outer .b2 { line-height: 1.4;width: 75%;margin-right: 5%;font-weight: bolder; }
.infoValue .box .outer .b1 { line-height: 1;width: 20%;text-align: right; color: #666666; }
#contentsInformation .infoValue .box i.mid { font-size: 140%; }



.infoValue:not(.blog) { display: flex; flex-wrap: wrap;margin: 15px 0 0 -6%; }
.infoValue:not(.blog) .box { margin-top: 15px;padding-top: 15px; }
.infoValue:not(.blog) .box { width: 44%; margin-left: 6%; border-top: 1px solid #ccc;padding: 15px 0 0; }
.infoValue:not(.blog) .box .b1 { border: none;padding-bottom: 0;margin-bottom: 5px; }
.infoValue:not(.blog) .box i.mid { line-height: 1.6; }
.infoValue:not(.blog) .box .outer { margin-bottom: 0.3em;padding-bottom: 0;border: none;font-size: 180%; }
.infoValue:not(.blog) .box .b1 { font-size: 85%;width: 20%; }
.infoValue:not(.blog) .box .outer .b2 i { min-width: 130px;line-height: 1;padding: 5px 0;text-align: center;background: #000;display: inline-block;color: #fff;font-weight: normal;font-size: 70%; }
.infoValue:not(.blog) .box .outer .b2.news i { background: #25B252; }
.infoValue:not(.blog) .box .outer .b2.event i { background: #7933AB; }
.infoValue:not(.blog) .box .outer .b2.media i { background: #E557B9; }
.infoValue:not(.blog) .box .outer .b2.research i { background: #007851; }
.infoValue:not(.blog) .box .outer .b2.opencampus i { background: #D9A208; }
.infoValue:not(.blog) .box .outer .b2.movie i { background: #DE0000; }
.infoValue:not(.blog) .box .outer .b2.newdevelopment i { background: #6B3800; }





@media (max-width: 991px) {
.infoValue .box { width: 100% !important; }
.infoValue .box .outer { font-size: 340%; }
.infoValue .box .outer .b1,
.infoValue .box .outer .b2 { width: 100%; margin-right: 0; }
.infoValue .box .outer .b1 { font-size: 80%; }
.infoValue .box i.mid { font-size: 240%; }
}


/* Recruit */
#contentsRecruit { margin-top: 70px; }
#contentsRecruit #contentsRecruitOuter { border: 13px solid #f2f2f2; }
#contentsRecruit #contentsRecruitOuter #contentsRecruitInner .btnBox { display: flex; align-items: center; padding: 0;border: none; }
#contentsRecruit #contentsRecruitOuter #contentsRecruitInner .fl { width: 50%;text-align: center; }
#contentsRecruit #contentsRecruitOuter #contentsRecruitInner .fl span.txt,
#contentsRecruit #contentsRecruitOuter #contentsRecruitInner .fl span.btn { display: inline-block;margin: 0;vertical-align: middle; }
#contentsRecruit #contentsRecruitOuter #contentsRecruitInner .fl span.txt { font-size: 170%;line-height: 1.6; }
#contentsRecruit #contentsRecruitOuter #contentsRecruitInner .fl span.txt a { display: inline-block; }
#contentsRecruit #contentsRecruitOuter #contentsRecruitInner .fl span.btn { margin-left: 15px;padding: 0; }
#contentsRecruit #contentsRecruitOuter #contentsRecruitInner .fl a:not(.btn) { border-bottom: 2px solid #000;padding: 7px 0;font-weight: bolder;line-height: 1em; }
#contentsRecruit #contentsRecruitOuter #contentsRecruitInner .fl .flInner { display: inline-block;text-align: left; }

@media (max-width: 991px) {
#contentsRecruit #contentsRecruitOuter #contentsRecruitInner .btnBox { display: block; }
#contentsRecruit #contentsRecruitOuter #contentsRecruitInner .fl { width: auto;display: block; }
#contentsRecruit #contentsRecruitOuter #contentsRecruitInner .fl:first-child { padding: 30px; }
#contentsRecruit #contentsRecruitOuter #contentsRecruitInner .fl .flInner { display: block;text-align: center; }
#contentsRecruit #contentsRecruitOuter #contentsRecruitInner .fl span.txt { margin: 10px auto 25px; }
}





/* メインイメージを拡大*/
#mainPageMain.container,
#subPageMain.container { max-width: none;padding: 0 !important;position: relative; }
#mainPageMain.container img,
#subPageMain.container img { width: 100%;height: 550px;object-fit: cover;object-position: center top; }
#mainPageMain.container::after,
#subPageMain.container::after { content: ""; width: 100%; position: absolute; bottom: -3px; left: 0; background: url("./../images/white_foam.png") repeat-x center bottom;z-index: 1;background-size: 200%;height: 200px; }

/* タイトル */
.mainTitle { display: block;width: 100%; }
.mainTitle span {}
.mainTitle span.m1 {}
.mainTitle span.m2 { display: block;text-align: center;font-size: 160%;font-weight: bolder;line-height: 1;margin-top: 5px; }


@media (min-width: 992px) {

/* メインイメージを拡大*/
#mainPageMain.container img,
#subPageMain.container img { height: 600px; }
#mainPageMain.container::after,
#subPageMain.container::after { background-size: 100% 200px;height: 200px; }


}



/* layout */
.blockOuter { margin-top: 90px; }
.block.rvse .blockInner { flex-direction: row-reverse; }

.snsArea ul { margin: 0;position: absolute;top: 10px;right: 40px;z-index: 9;display: flex; }
.snsArea ul li { padding: 0 3px; }


.pc_disp { display: block !important; }
.tb_disp { display: none !important; }
.sp_disp { display: none !important; }
@media (max-width: 991px) {
#mainPageMain.container img { margin-left: 0 !important; }
.slider-pro { margin: 111px 0 -80px !important; }
.sp-horizontal .sp-arrows { top: calc(50% - 100px) !important; }
}
@media (max-width: 767px) {
.pc_disp { display: none !important; }
.tb_disp { display: none !important; }
.sp_disp { display: block !important; }
#mainImg01 .copy { top: 100px !important;left: 2% !important;width: 230px !important; }
}
@media screen and (min-width:768px) and ( max-width:991px) {
.pc_disp { display: none !important; }
.tb_disp { display: block !important; }
.sp_disp { display: none !important; }
#mainImg01 .copy { top: 130px !important;left: 10% !important; }
}