/*
Template:bootstrap-basic4
Theme Name:bootstrap-basic-shinei_ex
*/
@charset "utf-8";
body{background-color: #edf4f2; font-size: 18px; color: #333; font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif; min-width: 320px;}
.container{position: relative; max-width:1230px;}

/*anime*/
a,.btn{transition:all .5s 0s ease;}

/*color*/
a{color: #333;}
.c-0{color: #333 !important;}
.c-1{color: #00b88a !important;}
.c-red{color: #fb3535;}
.link{color: #3993ec; text-decoration: underline;}


/*fa*/
.myfa-utensils::before,
.ul-hnav > li > a::before,
.foot-nav > li > a::before
{-moz-osx-font-smoothing:grayscale; font-family: "Font Awesome 5 Free"; -webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1; font-weight: 900;}

/*------HEADER------*/
#header{background-color: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);}
.head-bar{background-color: #00b88a; color: #fff; text-align: center; padding: 15px 0;}
.head-inner{padding: 10px 0;}
.head-inner .logo{width: 150px;}

/*nav*/
.ul-hnav{display: flex;}
.ul-hnav > li > a{font-size: 18px; display: block; position: relative;}
.ul-hnav > li > a.current-menu-item{color: #00b88a; font-weight: bold;}

/*dropdown-menu*/
.dropdown-menu{padding: 0; width: 100%;}
.dropdown-menu.shown{display: block;}
.dropdown-item{padding: 15px; border-bottom:1px solid #dedede;}
.dropdown-item:last-child{border-bottom: none;}

/*bread*/
.breadcrumbs{padding: 5px 0; font-size: 11px; background-color: #f4f4f4;}
.breadcrumbs,.breadcrumbs a{color: #333;}
.breadcrumbs > .container > span{margin:0 5px;}
.breadcrumbs > .container > span:first-child{margin-left: 0;}
.single-project .breadcrumbs{margin-bottom: 0;}

/*------MAIN------*/
#main{min-height: 70vh;}
.item-title{font-weight: bold;}

/*tag*/
.tag{display: inline-block; padding:5px 15px; color: #fff; background-color: #00b88a; font-weight: bold; font-size: 22px;}

/*sec*/
.sec{padding: 80px 0;}
.sec-head{margin-bottom: 30px; text-align: center;}
.sec-ico{margin-bottom: 15px;}
.sec-t_up{font-size: 32px; font-weight: bold; margin-bottom: 10px;}
.sec-title{font-size: 58px; font-weight: bold;}
.sec-title::after{border-bottom: 5px solid #333; margin: 20px auto 0; display: block; width: 40px; content: "";}
.sec-t_bottom{margin-top: 40px;}
.sec-body{margin-top: 20px;}

/*------INDEX------*/
.wrp-index_slider{padding-top: 30px;}
.index-slider .slick-slide{padding: 0 15px;}
.index-slider .slick-dots{margin-top: 10px;}

/*card ver-1*/
.wrp-card.ver-index{margin-top: 50px;}
.card.ver-1{padding: 25px 15px; border-radius: 20px; text-align: center; font-weight: bold; line-height: 1.2;}
.card.ver-1 .item-ico{margin-bottom: 15px;}
.card.ver-1 .item-title{font-size: 38px; margin-bottom: 10px;}
.card.ver-1 .item-small{margin-bottom: 15px;}
.card.ver-1 .item-big{font-size: 32px; height: 76px; display: flex; align-items: center; justify-content: center;}
.card.ver-1 .item-bottom{font-size: 32px; margin-top: 20px;}

/*.example*/
.exam_box{background-color: #fff;}
.exam_box > div{width: 50%;}
.exam_box .item-main{padding-left: 95px;}
.exam_box .item-inner{width: 100%; max-width: 500px;}
.exam_box .item-tag{margin-bottom: 10px;}
.exam_box .item-title{font-size: 48px; margin-bottom: 30px; line-height: 1.1;}
.myslider_pa .slider-arrow{position: absolute; bottom: -80px; z-index: 9; font-size: 28px;}
.myslider_pa .slider-prev{left: 20%;}
.myslider_pa .slider-next{right: 20%;}
.wrp-myslider_nav{max-width: 820px; margin-top: 50px;}
.exam_nav{cursor: pointer;}
.exam_nav .flex{height: 45px; align-items: flex-end; padding: 0 5px;}
.exam_nav_item{text-align: left; border-bottom: 10px solid #c5cace; width: 100%;}
.slick-current .exam_nav_item{font-weight: bold; border-bottom: 20px solid #00b88a;}

/*post_box*/
.post_box .item-img{margin-bottom: 10px;}
.post_box .item-title{font-size: 40px; margin-bottom: 10px; text-align: center;}
.post_box .item-sub{font-weight: bold; margin-bottom: 10px;}


/*----Table----*/
table.tb-exam{width: 100%; font-weight: bold;}
table.tb-exam th, table.tb-exam td{padding: 10px;}
table.tb-exam th{width: 115px; padding-left: 25px;}
table.tb-exam tbody tr:nth-of-type(2n+1){background-color: #edf4f2;}

/*----Slider----*/
.slider-style{display: none;}
.slider-style.slick-initialized{display: block; /*slick-initializedが付与されたら表示*/ }
.slider-style.slick-dotted.slick-slider{margin-bottom: 0;}
.slider-style .slick-dots{bottom: 0; position: static;}
.slider-style .slick-dots li{width: auto; height: auto; margin: 0 5px;}
.slider-style .slick-dots li button::before{font-size: 16px;}
.slick-dots li.slick-active button::before{opacity: 0.85;}
.slick-dots li.slick-active button::before,
.slick-dots li button::before{color: #00b88a;}
.slider-arrow{cursor: pointer;}

/*------FOOTER------*/
#footer{background-color: #f4f4f4; margin-top: 60px;}
.totop{background-color: #00b88a; width: 44px; height: 44px; position: fixed; bottom: 50px; z-index: 9; right: 20px; opacity: 0; border-radius: 50px;}
.totop.open{opacity: 0.8;}
.totop i{color: #fff; font-size: 24px;}
.cpr{text-align: center; padding: 7px 0; color: #333; font-size: 11px;}


/*------PC small------*/
@media only screen and (max-width: 1280px) {
}

/*------PAD pro------*/
@media only screen and (max-width: 1050px) {
}

/*------PAD------*/
@media only screen and (max-width: 880px) {

    /*card ver-1*/
    .card.ver-1 .item-title{font-size: 30px;}
    .card.ver-1 .item-small{margin-bottom: 15px; font-size: 12px;}
    .card.ver-1 .item-big{font-size: 24px; height: 60px;}
}

/*------Sm------*/
@media only screen and (max-width: 767px) {
    body{font-size: 14px;}

    /*------HEADER------*/
    #header{background: none; box-shadow: none;}
    .head-bar{padding: 10px 0;}
    .head-inner{padding: 15px 0;}
    .head-inner .logo{width: 120px;}    

    /*nav*/
    .ul-hnav{display: block; border-top: 1px solid #373737;}
    .ul-hnav > li > a{color: #fff; padding: 15px; border-bottom: 1px solid #373737;}
    .ul-hnav > li > a::before{content: "\f054"; color: #fff; position: absolute; right: 15px; top: 20px;}
    .ul-hnav > li > a.nav-contact{background: none;}
    .ul-hnav > li > a.current-menu-item{background-color: #202080; color: #fff;}

    /*offcanvas*/
    .m-toggle{border: none; display: block; position: static; z-index: 9999; outline: none !important;}
    .offcanvas-toggle .icon-bar{background: #202080;}
    .icon-bar{display:block;width:25px;height:4px;border-radius:1px; margin: auto;}
    .icon-bar + .icon-bar{margin-top:3px}
    .offcanvas-toggle.is-open .icon-bar{background: #fff;}
    .offcanvas-toggle.is-open .icon-bar:nth-child(3){margin-top: 14px;}
    .offcanvas-toggle.is-open .icon-bar:nth-child(4){transform: rotate(-135deg) translate(8px, 8px); margin-top: 2px;}
    .off-base.navbar-offcanvas{top: 0; overflow: auto; z-index: 999; padding: 60px 0 0;}

    /*offcanvas-size*/
    .navbar-offcanvas{max-width: 300px; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85);}
    .navbar-offcanvas.navbar-offcanvas-right {right: -300px;}
    .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: translateX(-300px); transform: translateX(-300px);}    

    /*dropdown-menu*/
    .dropdown-menu{background: none; color: #fff; border-radius: 0; float: none;}
    .dropdown-item{color: #fff; border-bottom: 1px dotted #999 !important;}

    /*add mav*/
    .m-toggle.ver-circle{background: #00b88a; width: 60px; height: 60px; border-radius: 50%;}
    .m-toggle.ver-circle .icon-bar{background: #fff;}

    /*------MAIN------*/

    /*tag*/
    .tag{padding:5px 15px; font-size: 14px;}

    /*sec*/
    .sec{padding: 40px 0;}
    .sec-head{margin-bottom: 30px; text-align: center;}
    .sec-ico{margin-bottom: 10px;}
    .sec-ico img{width: 50px;}
    .sec-t_up{font-size: 20px; margin-bottom: 5px;}
    .sec-title{font-size: 36px;}
    .sec-title::after{border-bottom: 4px solid #333; width: 30px;}
    .sec-t_bottom{margin-top: 20px;}

    /*------INDEX------*/
    .wrp-index_slider{padding-top: 0;}
    .index-slider .slick-slide{padding: 0;}

    /*card ver-1*/
    .wrp-card.ver-index{margin-top: 30px;}
    .wrp-card.ver-index > div{margin-bottom: 30px;}
    .wrp-card.ver-index > div:last-child{margin-bottom: 0;}
    .card.ver-1{padding: 15px; flex-direction: initial; align-items: center;}
    .card.ver-1 .item-ico{margin: 0; width: 45%; text-align: right; padding-right: 20px;}
    .card.ver-1 .item-ico img{width: 100px;}
    .card.ver-1 .item-main{width: 55%; text-align: left;}
    .card.ver-1 .item-title{font-size: 24px; margin-bottom: 5px;}
    .card.ver-1 .item-small{margin-bottom: 10px;}
    .card.ver-1 .item-big{font-size: 22px; height: auto; display: block;}
    .card.ver-1 .item-bottom{font-size: 32px; margin: 0; position: absolute; left: 0; bottom: -20px; width: 100%; text-align: center;}
    .card.ver-1 .item-bottom i{text-shadow:3px 3px 0 #FFF, -3px -3px 0 #FFF,        -3px 3px 0 #FFF, 3px -3px 0 #FFF,        0px 3px 0 #FFF,  0 -3px 0 #FFF,        -3px 0 0 #FFF, 3px 0 0 #FFF;} 

    /*.example*/
    .exam_box > div{width: 100%;}
    .exam_box .item-main{padding:20px 15px;}
    .exam_box .item-inner{max-width: none;}
    .exam_box .item-title{font-size: 26px; margin-bottom: 15px;}
    .exam_box .item-title br{display: none;}

    .myslider_pa .slider-arrow{bottom: -55px; font-size: 18px;}
    .myslider_pa .slider-prev{left: 5px;}
    .myslider_pa .slider-next{right: 5px;}

    .wrp-myslider_nav{padding: 0 25px; margin-top: 20px;}
    .exam_nav{cursor: pointer;}
    .exam_nav .flex{height: 40px; padding: 0 3px;}
    .exam_nav_item{border-bottom: 6px solid #c5cace;}
    .slick-current .exam_nav_item{border-bottom: 12px solid #00b88a;}


    /*----Slider----*/
    .slider-style .slick-dots li{margin: 0 3px;}
    .slider-style .slick-dots li button::before{font-size: 14px; width: 14px; height: 14px;}

    /*------FOOTER------*/
    .totop{width: 30px; height: 30px; bottom: 20px; right: 10px;}
    .totop i{font-size: 20px;}
    .qomolangma{margin-bottom: 15px;}

}

/*------Sm small------*/
@media only screen and (max-width: 350px) {

}