@charset "UTF-8";
#calm, #hikonegakuen, #sakura, #seifu, #soudan, #tachibana {
    padding: 0
}
#plant {
    padding: 0;
}
#plant .title {
    position: relative;
}
#plant li {
    width: 33.33333%;
    float: left;
}

#plant .title span {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    left: 65%;
    font-size: 12px;
    display: inline-block;
}
@media (max-width: 1250px) {
    #plant .title span {
        left: 78%;
        width: 35%;
    }
}
@media (max-width: 1024px) {
		    #plant .title span {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: auto;
        bottom: -20px;
        width: 100%;
        text-align: center;
    }
    #plant li {
        width: 50%;
    }
}

.titleBox .img, .titleBox .txt {
    table-layout: fixed;
    vertical-align: middle
}

@font-face {
    font-family: 'Noto Serif JP';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Serif JP Medium'), local('NotoSerifJP-Medium'), url(https://fonts.gstatic.com/s/notoserifjp/v6/xn77YHs72GKoTvER4Gn3b5eMZCqNdkkVUQ.otf) format('opentype')
}

@font-face {
    font-family: 'Noto Serif JP';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Serif JP Bold'), local('NotoSerifJP-Bold'), url(https://fonts.gstatic.com/s/notoserifjp/v6/xn77YHs72GKoTvER4Gn3b5eMZGKLdkkVUQ.otf) format('opentype')
}

@font-face {
    font-family: Muli;
    font-style: normal;
    font-weight: 400;
    src: local('Muli Regular'), local('Muli-Regular'), url(https://fonts.gstatic.com/s/muli/v13/7Auwp_0qiz-afTLGKA.ttf) format('truetype')
}

@font-face {
    font-family: 'Crimson Text';
    font-style: normal;
    font-weight: 400;
    src: local('Crimson Text Regular'), local('CrimsonText-Regular'), url(https://fonts.gstatic.com/s/crimsontext/v9/wlp2gwHKFkZgtmSR3NB0oRJfbwhW.ttf) format('truetype')
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v13/JTUSjIg1_i6t8kCHKm459Wlhzg.ttf) format('truetype')
}

@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Japanese Regular'), local('NotoSansJapanese-Regular'), url(https://fonts.gstatic.com/s/notosansjp/v23/-F62fjtqLzI2JPCgQBnw7HFYwQgM.otf) format('opentype')
}

body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .8s ease;
    transition: opacity .8s ease
}

body.fadeOut::after {
    opacity: 1;
    visibility: visible
}

.moveBox .inr {
    display: block;
    position: relative;
    overflow: hidden;
    width: auto;
    font-style: normal
}

.moveBox .inr:after, .moveBox .inr:before {
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0
}

#sakura .titleBox .txt li, #tachibana .titleBox .txt li, .moveBox .inr:after, .titleBox {
    width: 100%
}

.moveBox .inr:before {
    background-color: #ebeeee;
    width: 100%;
    z-index: 2;
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);
    transition: all .8s cubic-bezier(.77, 0, .175, 1)
}

.moveBox .inr:after {
    background-color: #0073c8;
    z-index: 1;
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);
    transition: all .8s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

#loopSlider.garally01, #loopSlider.garally02, #loopSlider.garally03, #loopSlider.garally04, #loopSlider.garally05, #loopSlider.garally06,#loopSlider.garally08 {
    height: 240px;
    max-width: 100%
}

.moveBox.vt.showTime .inr:after, .moveBox.vt.showTime .inr:before {
    top: 100%
}

.moveBox.hr.showTime .inr:after, .moveBox.hr.showTime .inr:before {
    left: 100%
}

.fadeIn {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all .8s cubic-bezier(.25, .46, .45, .94);
    transition: all .8s cubic-bezier(.25, .46, .45, .94)
}

.fadeIn.on {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.fadeIn.fadeOnly {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.imgShadow {
    line-height: 0
}

.imgShadow img {
    display: inline-block;
    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
    transition: all .3s cubic-bezier(.455, .03, .515, .955);
    -webkit-transform: translate(7px, 7px);
    transform: translate(7px, 7px);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
    max-width: 100%
}

.imgShadow.on img {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-box-shadow: 14px 14px 0 #F0F0F0;
    box-shadow: 14px 14px 0 #F0F0F0
}

#headerTop {
    display: none
}

#loopSlider.garally01 {
    background: url(/wp-content/themes/hikogaku/images/garally01.jpg) left top repeat-x
}

#loopSlider.garally02 {
    background: url(/wp-content/themes/hikogaku/images/garally02.jpg) left top repeat-x
}

#loopSlider.garally03 {
    background: url(/wp-content/themes/hikogaku/images/garally03.jpg) left top repeat-x
}

#loopSlider.garally04 {
    background: url(/wp-content/themes/hikogaku/images/garally04.jpg) left top repeat-x
}

#loopSlider.garally05 {
    background: url(/wp-content/themes/hikogaku/images/garally05.jpg) left top repeat-x
}

#loopSlider.garally06 {
    background: url(/wp-content/themes/hikogaku/images/garally06.jpg) left top repeat-x
}

#loopSlider.garally07 {
    background: url(/wp-content/themes/hikogaku/images/garally07.jpg) left top repeat-x
}

#loopSlider.garally08 {
    background: url(/wp-content/themes/hikogaku/images/garally08.jpg) left top repeat-x
}

#subMv .mvInr {
    background-image: url(/wp-content/themes/hikogaku/images/mv.jpg)
}

#subMv.hikonegakuenMv .mvInr {
    height: 100vh;
    background-image: url(/wp-content/themes/hikogaku/images/hikonegakuen_mv.jpg)
}

#subMv.seifuMv .mvInr {
    height: 100vh;
    background-image: url(/wp-content/themes/hikogaku/images/seifu_mv.jpg)
}

#subMv.sakuraMv .mvInr {
    height: 100vh;
    background-image: url(/wp-content/themes/hikogaku/images/sakura_mv.jpg)
}

#subMv.calmMv .mvInr {
    height: 100vh;
    background-image: url(/wp-content/themes/hikogaku/images/calm_mv.jpg)
}

#subMv.tachibanaMv .mvInr {
    height: 100vh;
    background-image: url(/wp-content/themes/hikogaku/images/tachibana_mv.jpg)
}

#subMv.soudanMv .mvInr {
    height: 100vh;
    background-image: url(/wp-content/themes/hikogaku/images/soudan_mv.jpg)
}

#subMv.taiseiMv .mvInr {
    height: 100vh;
    background-image: url(/wp-content/themes/hikogaku/images/taisei_mv.jpg)
}


#subMv.michikusaMv .mvInr {
    height: 100vh;
    background-image: url(/wp-content/themes/hikogaku/images/michikusa_mv.jpg);
    background-position: left center
}

#hikonegakuen .titleBox .img {
    background-image: url(/wp-content/themes/hikogaku/images/hikonegakuen01.jpg)
}

#seifu .titleBox .img {
    background-image: url(/wp-content/themes/hikogaku/images/seifu01.jpg)
}

#sakura .titleBox .img {
    background-image: url(/wp-content/themes/hikogaku/images/sakura01.jpg)
}

#calm .titleBox .img {
    background-image: url(/wp-content/themes/hikogaku/images/calm01.jpg)
}

#tachibana .titleBox .img {
    background-image: url(/wp-content/themes/hikogaku/images/tachibana02.jpg)
}

#soudan .titleBox .img {
    background-image: url(/wp-content/themes/hikogaku/images/soudan01.jpg)
}

#taisei .titleBox .img {
    background-image: url(/wp-content/themes/hikogaku/images/taisei01.jpg)
}

#michikusa .titleBox .img {
    background-image: url(/wp-content/themes/hikogaku/images/michikusa01.jpg);
    background-position: left center
}


.section01, .section02, .section03 {
    padding: 100px 0
}

.section01 .head06, .section02 .head06, .section03 .head06 {
    margin-top: 60px
}

@media (max-width:480px) {
    .section01, .section02, .section03 {
        padding: 40px 0
    }
    .section01 .head06, .section02 .head06, .section03 .head06 {
        margin-top: 30px
    }
}

.section02 {
    background-color: #ebeeee;
    padding-bottom: 40px
}

.section .txtBox ul li {
    line-height: 1.6;
}

.titleBox {
    display: table
}

.titleBox .txt {
    display: table-cell;
    width: 50%;
    text-align: center;
    background-color: #0073c8;
    color: #fff
}

.titleBox .txt .title {
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    margin-bottom: 10px
}

.titleBox .txt h1 {
    font-size: 40px;
    line-height: 1.5;
    margin-bottom: 20px
}

.titleBox .txt ul {
    width: 60%;
    margin: 0 auto
}

@media (max-width:900px) {
    .titleBox .txt ul {
        width: 80%
    }
}

.titleBox .txt ul li {
    display: inline-block;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    background-color: #fff;
    color: #0073c8;
    padding: 5px 0;
    font-weight: 600
}

.titleBox .txt ul li:nth-child(2n) {
    margin-right: 0
}

.titleBox .img {
    display: table-cell;
    width: 50%;
    background-image: url(/wp-content/themes/hikogaku/images/hikonegakuen01.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 380px
}

.txtBox {
    margin-bottom: 40px
}

.txtBox .txt {
    line-height: 1.8
}

.txtBox .txt li {
    display: inline-block;
    width: 50%;
    margin-bottom: 10px
}

.txtBox .txt li a {
    color: #0073c8;
    text-decoration: underline
}

.txtBox .txt li a img {
    width: 15px;
    height: 15px
}

.txtBox .txt.flex {
    display: flex;
    line-height: 1.8
}

.txtBox .txt.flex li {
    display: block;
}

.txtBox .floatBox {
    border-bottom: 2px solid #dadfdf
}

.txtBox .floatBox .subTxtBox01, .txtBox .floatBox.lastBox {
    border-bottom: none
}

.txtBox .floatBox .lBox {
    float: left;
    width: 50%
}

.txtBox .floatBox .rBox {
    float: right;
    width: 50%
}

.subTxtBox01 {
    margin-top: 30px;
    border-bottom: 2px solid #dadfdf
}

.subTxtBox01.lastBox {
    border-bottom: none
}

.subTxtBox02 {
    padding-left: 40px;
    margin-bottom: 30px
}

.subTxtBox02 .title {
    color: #0073c8;
    margin-bottom: 10px
}

@media (max-width:768px) {
    .imgShadow img {
        -webkit-transform: translate(3px, 3px);
        transform: translate(3px, 3px)
    }
    .imgShadow.on img {
        -webkit-box-shadow: 6px 6px 0 #F0F0F0;
        box-shadow: 6px 6px 0 #F0F0F0
    }
    .txtBox .floatBox .lBox, .txtBox .floatBox .rBox {
        float: none;
        width: 100%
    }
    .txtBox .txt.flex {
        display: block;
    }
    .subTxtBox02 {
        padding-left: 0
    }
    .subTxtBox02 .title {
        font-size: 18px
    }
        #plant li {
        float: none;
        display: inline-block;
        width: 35%;
    }
        #plant .title span {
        bottom: -35px;
    }
}

.subTxtBox02 .txt {
    line-height: 1.8;
    font-size: 14px
}

@media (max-width:768px) {
    .titleBox, .titleBox .txt {
        width: 100%;
        display: block
    }
    .titleBox .txt {
        padding: 20px 0
    }
    .titleBox .txt .title {
        font-size: 14px;
        margin-bottom: 10px
    }
    .titleBox .txt h1 {
        font-size: 30px
    }
    .titleBox .txt ul {
        width: 80%
    }
    .titleBox .img {
        display: block;
        width: 100%;
        height: 280px
    }

}

@media (max-width:480px) {
    .titleBox .img {
        height: 200px
    }
}


.someplant-wrapper{
    counter-reset: number;
}
.someplant-item{
    counter-increment: number;
}
.someplant-item figure{
    width: 100%;
    height: 20vw;
    min-height: 240px;
}

.someplant-item figure img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.someplant-item .head05{
    margin-bottom: .5em;
    padding-left: 40px;
    padding-bottom: 3px;
    font-size: 1.5em;
    border-bottom: 0;
}

.someplant-item .head05::before{
    margin-right: 0.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    border: 2px solid #0073cb;
    font-size: 80%;
    letter-spacing: 0;
    color: #0073cb;
    background: none;
}

.someplant-item .head05:before{

    content: "0"counter(number);
}


/**about**/
#profile .imgBox img, .imgShadow img {
    max-width: 100%
}

#effort .subTxtBox01, .headTitle {
    border-bottom: 2px solid #dadfdf
}


#subMv.profileMv .mvInr {
    background-image: url(/wp-content/themes/hikogaku/images/profile_mv.jpg)
}

#subMv.messageMv .mvInr {
    background-image: url(/wp-content/themes/hikogaku/images/message_mv.jpg)
}

#subMv.outlineMv .mvInr {
    background-image: url(/wp-content/themes/hikogaku/images/outline_mv.jpg)
}

#subMv.informationMv .mvInr {
    background-image: url(/wp-content/themes/hikogaku/images/information_mv.jpg)
}

#subMv.effortMv .mvInr {
    background-image: url(/wp-content/themes/hikogaku/images/effort_mv.jpg)
}


#subMv.aboutMv .mvInr {
    background-image: url(/wp-content/themes/hikogaku/images/about_mv.jpg)
}

#about .aboutBox {
    background-image: url(/wp-content/themes/hikogaku/images/about_bg.jpg);
    background-position: center bottom;
    background-size: cover;
    width: 100%;
    height: 1400px;
    text-align: center;
    color: #fff;
    position: relative
}

#about .aboutBox .aboutBoxInr {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 40%;
    width: 100%
}

#about .aboutBox h3 {
    font-family: Montserrat, sans-serif;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 40px;
    text-shadow: 2px 2px 3px #999
}

#about .aboutBox h2 {
    font-size: 32px;
    margin-bottom: 30px;
    text-shadow: 2px 2px 3px #999
}

#about .aboutBox .titleTxt {
    font-size: 20px;
    line-height: 2;
    font-weight: 600;
    margin-bottom: 50px;
    text-shadow: 2px 2px 3px #999
}

#about .aboutBox span {
    -webkit-transform: skewX(150deg);
    transform: skewX(150deg);
    border-right: 2px solid #fff;
    font-size: 30px;
    display: block;
    height: 30px;
    width: 2px;
    margin: 0 auto 50px;
    text-shadow: 2px 2px 3px #999
}

#about .aboutBox .txt {
    font-size: 14px;
    line-height: 2.4;
    font-weight: 600;
    text-shadow: 2px 2px 3px #666
}

#profile .profileTbl {
    margin-bottom: 60px
}

#profile .profileTbl tr td {
    line-height: 1.8
}

#profile .profileTbl tr td .title {
    color: #0073c8
}

#profile .profileTbl tr td .list {
    margin-left: 2em
}

#profile .imgBox {
    width: 100%;
    text-align: center;
    margin-top: 30px
}

#effort .subTxtBox01 {
    margin-top: 30px
}

#effort .subTxtBox01.lastBox {
    border-bottom: none
}

#effort .subTxtBox02 {
    padding-left: 40px;
    margin-bottom: 30px
}

#effort .subTxtBox02 .title {
    color: #0073c8;
    margin-bottom: 10px
}

#effort .subTxtBox02 .txt {
    line-height: 1.8;
    font-size: 14px
}

#effort .subTxtBox02 .txt + .txt {
    margin-top: 20px
}

#effort .subTxtBox02 .link {
    text-decoration: underline;
    display: block;
    margin-bottom: 15px
}

#effort .bgBox {
    /* 2022年7月の更新で、退職者が映っているため写真を非表示に。
    　 今後掲載のご連絡があれば復帰
    background-image: url(../images/effortBg.jpg);
    background-attachment: fixed;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px */
}

@media (max-width:1024px) {
    #effort .bgBox {
        background-attachment: initial;
        height: 180px
    }
}

@media (max-width:480px) {
    #effort .bgBox {
        height: 100px
    }
}

#information .section {
    padding-bottom: 50px
}

#information .txtBox .txt {
    padding-bottom: 20px;
    border-bottom: 2px solid #dadfdf
}

#information .txtBox .txt.lastBox {
    border-bottom: none
}

#information .txtBox .txt .subtitle {
    margin-bottom: 5px
}

#information .txtBox .txt li {
    display: inline-block;
    width: 50%;
    margin-bottom: 10px
}

@media (max-width:768px) {
    #effort .subTxtBox02 {
        padding-left: 0
    }
    #information .txtBox .txt li {
        display: block;
        width: 100%
    }
}

#information .txtBox .txt li a {
    color: #0073c8;
    text-decoration: underline
}

#information .txtBox .txt li a img {
    width: 15px;
    height: 15px
}

#information .txtBox .txt li a:hover {
    opacity: .8
}

@media (max-width:480px) {
    #about .aboutBox {
        height: 1000px
    }
    #about .aboutBox .aboutBoxInr {
        top: 40%
    }
    #about .aboutBox h2 {
        font-size: 28px
    }
    #about .aboutBox .titleTxt {
        font-size: 18px;
        line-height: 1.6;
        margin-bottom: 30px
    }
    #about .aboutBox span {
        margin: 0 auto 30px
    }
    #about .aboutBox .txt {
        font-size: 12px;
        line-height: 2
    }
}



#blog .blogList li .img,.imgShadow img{-webkit-transition:all .3s cubic-bezier(.455,.03,.515,.955)}.fadeIn.on{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.fadeIn.fadeOnly{-webkit-transform:translateY(0);transform:translateY(0)}.imgShadow{line-height:0}.imgShadow img{display:inline-block;transition:all .3s cubic-bezier(.455,.03,.515,.955);-webkit-transform:translate(7px,7px);transform:translate(7px,7px);-webkit-transition-delay:.8s;transition-delay:.8s;max-width:100%}.imgShadow.on img{-webkit-transform:translate(0);transform:translate(0);-webkit-box-shadow:14px 14px 0 #F0F0F0;box-shadow:14px 14px 0 #F0F0F0}#headerTop{display:none}#subMv .mvInr{background-image:url(../images/mv.jpg)}#subMv.detailMv .mvInr{background-image:url(../images/detail_mv.jpg)}#blog .blogList li{float:left;width:32%;margin-right:2%;margin-bottom:5%}#blog .blogList li:nth-child(3n){margin-right:0}#blog .blogList li a:hover{text-decoration:none}#blog .blogList li a:hover .img:after{background-color:rgba(0,0,0,.3)}#blog .blogList li time{font-size:14px;font-family:Montserrat,sans-serif}#blog .blogList li .txt{font-weight:500;line-height:1.5}#blog .blogList li .img{background-size:cover;background-position:center center;background-repeat:no-repeat;margin-top:10px;margin-bottom:10px;overflow:hidden;z-index:1;position:relative;transition:all .3s cubic-bezier(.455,.03,.515,.955)}#blog .blogList li .img:after{content:"";height:100%;width:100%;display:block;position:absolute;top:0;left:0;-webkit-transition:all .3s cubic-bezier(.455,.03,.515,.955);transition:all .3s cubic-bezier(.455,.03,.515,.955)}#blog .blogList li .img img{width:100%}@media (max-width:768px){.imgShadow img{-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}.imgShadow.on img{-webkit-box-shadow:6px 6px 0 #F0F0F0;box-shadow:6px 6px 0 #F0F0F0}#blog .blogList li{float:left;width:48%;margin-right:2%;margin-bottom:3%}#blog .blogList li:nth-child(3n){margin-right:2%}#blog .blogList li:nth-child(2n){margin-right:0}}@media (max-width:480px){#blog .blogList li{float:none;width:100%;margin:0 0 40px}}








/*# sourceMappingURL=uniq.css.map */