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

html,body {color:#333;font-size:14px;line-height:1.5em;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;min-width:320px;color:#333;}
.section-title div:first-child,
.visions h2,
.category-title,
.re .en,
.st-title,
#admission li span {font-family:museo-sans-rounded,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;opacity:0;letter-spacing:2px;}

@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?9ussvz');
    src:    url('../fonts/icomoon.eot?9ussvz#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?9ussvz') format('truetype'),
        url('../fonts/icomoon.woff?9ussvz') format('woff'),
        url('../fonts/icomoon.svg?9ussvz#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#srchBox {
  display: none;
}
#nav .icon-logo01:before {
    content: "\e900";
    font-size: 1.1em;
}
#nav .icon-logo02:before {
    content: "\e901";
    font-size: 1.1em;
}
#nav .icon-logo03:before {
    content: "\e902";
}
#nav .icon-logo04:before {
    content: "\e903";
}
#nav .icon-logo05:before {
    content: "\e904";
    font-size: 30px;
    position: relative;
    top: -2px;
}
.icon-logo01:before {
    content: "\e900";
}
.icon-logo02:before {
    content: "\e901";
}
.icon-logo03:before {
    content: "\e902";
}
.icon-logo04:before {
    content: "\e903";
}
.icon-logo05:before {
    content: "\e904";
}

a {text-decoration:none;color:#333;}
a:hover {color:#28B3A8;}
strong {font-weight:bold;}

#wrap {width:100%;overflow:hidden;position:relative;}
.inner {width:1000px;margin:0 auto;}
.inner:before,
.inner:after {content:"";display:table;clear:both;}

.cf:before,
.cf:after {content:"";display:table;clear:both;}

.underlay {display:block;width:100%;height:auto;}

.scroll {overflow-y:auto;}

.ltter01 {letter-spacing:1px;}
.ltter02 {letter-spacing:2px;}

/*contact*/
#contact {background:#d9eeee;padding:80px 0 140px;}
#contact li {width:40%;float:right;overflow:hidden;}
#contact li:first-child {float:left;}
#contact li img {display:block;width:100%;}
#contact #tellto {background:url(../../img/tel.jpg) no-repeat center top;background-size:100% auto;}
#contact #tellto a {position:relative;top:100px;}

/*responsiveNav*/
#responsiveNav,
#responsiveBtn {display:none;}

/*banner*/
#banner {padding:80px 0 60px;}
#banner .banner {margin-bottom:80px;}

#banner li {width:32%;margin-left:2%;float:left;}

#banner li:first-child {margin-left:0;}
#banner li img {display:block;width:100%;}

#marks {display:table;border:solid 3px #98ddde;padding:20px 35px;margin:10px 0;box-sizing: border-box;width: 100%;}
#marks .image { width: 200px; text-align: center;}
#marks p {display:table-cell;vertical-align:middle;}
#marks p {width:75%;font-size:0.85em;line-height:1.3em;}

.marks {display:table;border:solid 3px #98ddde;padding:20px 35px;margin:10px 0;box-sizing: border-box;width: 100%;}
.marks .image { width: 200px; text-align: center;}
.marks p {display:table-cell;vertical-align:middle;}
.marks p {width:75%;font-size:0.85em;line-height:1.3em;}

#footer {background:#d9eeee;padding-top:50px;}
#foot-logo,
#foot-menu,
#copy {text-align:center;}
#foot-logo {margin-bottom:35px;}
#foot-logo img {max-width:100%;width:240px;}
#foot-menu {margin-bottom:25px;}
#foot-menu li {display:inline;font-size:0.9em;}
#foot-menu li:first-child:after {content:"|";margin-left:5px;}
#copy {padding-bottom:45px;font-size:0.75em;}

#pagetop {display:block;width:80px;height:80px;background:#333 url(../img/arrow-up.png) no-repeat center center;position:fixed;display:none;right:0;bottom:0;z-index:99;}



/*title*/
.section-title {text-align:center;margin-bottom:55px;letter-spacing:1px;clear:both;}
.section-title div:first-child {font-size:3em;color:#6bc0c1;padding-bottom:15px;position:relative;margin-bottom:18px;line-height:1em;font-weight:700;}
.section-title div:first-child:after {content:"";display:block;width:20px;height:1px;background:#999;position:absolute;left:50%;bottom:0;margin-left:-10px;}
.section-title div {font-size:1.15em;}

.category-title {font-size:2.6em;padding:25px 5%;text-align:center;background:#7ecccd;color:#fff;line-height:1em;}
.category-title span {font-size:0.4em;color:#333;margin-left:25px;vertical-align:middle;line-height:1em;}
.category-title h1._add {display:inline-block;font-size:0.4em;color:#333;margin-left:25px;vertical-align:middle;line-height:1em;}

/*btn*/
.btn {display:inline-block;width:199px;margin:0 auto;padding:20px 0;text-align:center;border:solid 1px #333;background:url(../img/arrow-right.png) no-repeat 180px center;transition:0.3s cubic-bezier(0,0.5,0.5,1);text-indent:-1em;}
.btn:hover {color:#fff;background-color:#4eb2b3;background-image:url(../img/arrow-right-white.png);border:solid 1px #4eb2b3;}
.btn.out {background-image:url(../img/out.png);}

/*common*/
.txt-center {text-align:center;}
.txt-left {text-align:left;}
.txt-right {text-align:right;}
.fl{float:left;}
.fr{float:right;}
.center {margin:0 auto;display:block;}
br.sp  {display:none;}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.mb85 {margin-bottom:85px !important;}
.mb90 {margin-bottom:90px !important;}
.mb95 {margin-bottom:95px !important;}
.mb100 {margin-bottom:100px !important;}

.deco {display:block;background:#fff;width:0;height:0;position:absolute;left:50%;top:0;opacity:0.3;z-index:1;transition:cubic-bezier(0,1,1,1) 0.5s;}
a:hover .deco {width:100%;height:100%;left:0;}

#shadow {width:100%;height:100%;background:#000;opacity:0.7;position:fixed;z-index:75;left:0;top:0;display:none;}

@media (max-width:1020px){
.inner {width:90%;}

#footer {padding-bottom:80px;}

/*btn*/
.btn {background-position:right 19px center;}


}
@media (max-width:680px){
.category-title span {display:block;margin-left:0;margin-top:10px;}
br.sp {display:block;}
br.pc {display:none;}


/*contact*/
#contact {padding-bottom:80px;}
#contact li,
#contact li:first-child {float:none;width:100%;}
#contact li:first-child {margin-bottom:20px;}
#contact #tellto {background:none;}
#contact #tellto a {position:static;}


/*banner*/
#banner li {float:none;width:100%;margin:0 auto 20px;}
#marks .image, #marks p {display:block;width:auto;}
#marks .image {text-align:center;margin-bottom:15px;}

.marks .image, .marks p {display:block;width:auto;}
.marks .image {text-align:center;margin-bottom:15px;}

/*footer*/
#footer .inner {width:100%;}
#foot-menu li,
#foot-menu li:first-child {display:block;width:100%;}
#foot-menu li:first-child:after {display:none;}
#foot-menu li a {display:block;width:100%;padding:25px 0;border-bottom:solid 1px #999;background:url(../img/arrow-gray.png) no-repeat right 25px center;color:#666;}
#foot-menu li:first-child a {border-top:solid 1px #999;}
#copy {width:90%;margin:0 auto;}

#pagetop {width:40px;height:40px;background-size:45% auto;}

.deco {display:none;}
}


._pc {display: none;}
._sp {display: block;}
@media screen and (min-width:681px) {
  ._pc {display: block !important;}
  ._sp {display: none !important;}
}

.recruit-h1 {
    position: relative;
    z-index: -100;
}
#recruitSlide img {
    width: 100%;
}

/*only recruit page*/
.recruit-ext-link-btn-wrap {width:100%;overflow:hidden;position:relative; text-align:center}
.recruit-ext-link-btn {display:inline-block; padding:1.0em 4em; border-radius:25px; text-decoration:none; color:#FFF; font-size:1.2em; background-image:linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%); transition:.4s;}
.recruit-ext-link-btn:hover {background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);}