@charset "UTF-8";

body,html {
    width: 100%;
    font-size: 16px;
    background: #fff;
    font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*--------------------------------------------------------------------------------
　▼ 共通　
--------------------------------------------------------------------------------*/
.inner-box {
    width: 1000px;
    margin: 0 auto;
}
.br-sp {
	display: none;
}

/*--------------------------------------------------------------------------------
　▼ mobile_header
--------------------------------------------------------------------------------*/
#mobile-header { display: none;}

/*--------------------------------------------------------------------------------
　▼ header
--------------------------------------------------------------------------------*/
#header {
    position: relative;
}

.main-img.other {
    font-size: 0;
}

.main-img.other img {
    width: 100%;
}

.main-img.other .logo {
    position: absolute;
    left: 12%;
    top: -4%
}

/*--------------------------------------------------------------------------------
　▼ pankuzu
--------------------------------------------------------------------------------*/
.pankuzu {
    list-style: none;
    display: none;
    padding: 0;
    position: absolute;
    bottom: 0;
    right: 10%;
}

.pankuzu li {
    display: inline-block;
    padding-right: 5px;
    font-size: 14px;
    color: #8E8E8E;
}

.pankuzu li:before {
    display: inline;
    content: ">";
    padding-right: 5px;
    color: #8E8E8E;
}

.pankuzu li:first-child:before {
    display: none;
}

.pankuzu li a {
    color: #8E8E8E;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------
　▼ nav-box　
--------------------------------------------------------------------------------*/
.nav-box {
    margin: 0 auto;
    width: 1000px;
}

.nav-box ul {
    padding: 20px 0 50px;
    text-align: center;
}

.nav-box ul li {
    width: auto;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.nav-box li:before {
    color: #000;
    display: inline;
    content: "｜";
    font-size: 19px;
    padding: 0 5px;
}

.nav-box li:last-child:after {
    color: #000;
    display: inline;
    content: "｜";
    font-size: 19px;
    padding: 0 5px;
}

.nav-box ul li a {
    display: inline-block;
    font-size: 16px;
    padding: 10px;
    text-decoration: none;
}

/*--------------------------------------------------------------------------------
　▼ main　
--------------------------------------------------------------------------------*/
#main {
    width: 100%;
    min-height: 750px;
    font-size: 0;
    position: relative;
}
#main img.main_img { width: 100%; font-size: 0; height: 750px !important;}
#main img.main_sp { display: none;}
#main p {
    position: absolute;
    bottom: 60px;
    left: calc(50% - 276px);
    font-size: 14px;
    padding: 0 10px;
}
#main div {
    position: absolute;
    bottom: 10px;
    left: calc(50% - 13px);
    font-size: 40px;
    display: block;
}
#main div a {
    position: relative;
    color: #fff;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

button, input[type="text"],
input[type="password"],
textarea,
select {
    outline: none;
}


/*--------------------------------------------------------------------------------
　▼ footer
--------------------------------------------------------------------------------*/
#footer {
    background-color: #4C897C;
    color: #fff;
    padding: 30px 0 20px;
    text-align: center;
}

.foot-address {
    font-size: 18px;
    padding: 20px 0 0;
}

#footer .link-box a {
    background-color: #fff;
    color: #3F8A7D;
    margin-top: 30px;
}

.copy {
    font-size: 14px;
    margin: 30px 0 0;
}




/*--------------------------------------------------------------------------------
　▼ news
--------------------------------------------------------------------------------*/
.news-box h3 {
    font-size: 20px;
    text-align: center;
}

.news-box .list {
    font-size: 0;
    margin: 0 auto;
    padding: 0 0 50px;
    width: 70%;
}

.news-box .list > li {
    border-bottom: 1px solid #bfbfbf;
    list-style: none;
    padding: 10px 0;
}

.news-box .list > li > a {
    color: #000;
    display: block;
    font-size: 0;
    text-align: left;
}

.news-box .list > li .day {
    color: #777;
    display: inline-block;
    font-size: 14px;
    padding-right: 2%;
    vertical-align: top;
    width: 15%;
}

.news-box .list > li .title {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    width: 85%;
}

/*---------------------------------スマホ用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:800px) {

    /*--------------------------------------------------------------------------------
    　▼ 共通　
    --------------------------------------------------------------------------------*/
    .inner-box {
        width: 100%;
        margin: 0 auto;
        padding: 0 18px;
    }

    #wrapper {
        padding-top: 60px;
    }

    #contents {
        padding: 20px 0;
    }

    .nav-box {
        display: none;
    }

    /*--------------------------------------------------------------------------------
    　▼ mobile-header nav　
    --------------------------------------------------------------------------------*/
    #mobile-header {
        background: #fff;
        box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.06);
        display: block;
        height: 60px;
        padding: 10px 0;
        position: relative;
        width: 100%;
        z-index: 999;
    }

    #mobile-header .logo {
        margin: 0 auto;
        text-align: center;
        width: 60%;
    }

    #mobile-header .logo img {
        height: 37px !important;
        width: auto;
    }

    #mobile-header .logo img.logo-img {
        height: 33px !important;
        padding-top: 5px;
        width: auto;
    }

    #mobile-header #toggle_btn {
        font-size: 0;
        position: absolute;
        left: 15px;
        top: 9px;
    }

    #mobile-header #toggle_btn a:hover {
        opacity: 1 !important;
    }

    #mmenu { display: none;}

    #mmenu ul li a {
        font-size: 14px;
    }

    #mobile-header.headroom {
        position: fixed;
        top: 0;
        transition: all .2s ease-in-out;
    }

    #mobile-header.bounceOutUp {
        top: -60px;
    }

    #mobile-header.bounceInDown {
        top: 0;
    }

    .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
        border-color: #030000 !important;
    }

    .mm-menu .mm-list > li > a.mm-subclose {
        color: #030000 !important;
    }

    /*--------------------------------------------------------------------------------
    　▼ 共通　
    --------------------------------------------------------------------------------*/
    .br::before {
        content: "" ;
        white-space: inherit;
    }

    .main-img.other .logo {
        display: none;
    }

    /*--------------------------------------------------------------------------------
    　▼ pankuzu
    --------------------------------------------------------------------------------*/
    .pankuzu {
        padding: 0 18px;
        position: static;
    }

    .pankuzu li,
    .pankuzu li a {
        font-size: 12px;
    }

}



/*---------------------------------スマホ用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:640px) {
	
	.br-sp {
		display: block;
	}
	.br-pc {
		display: none;
	}


    /*--------------------------------------------------------------------------------
    　▼ footer
    --------------------------------------------------------------------------------*/
    #footer .font30 {
        font-size: 22px !important;
    }

    .foot-address {
        font-size: 15px;
    }

    button, input[type="text"],
    input[type="password"],
    textarea,
    select {
        font-size: 16px;
    }

}

/*---------------------------------スマホ用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:320px) {



}