@charset "UTF-8";
body h2 {
    text-align: center;
    font-size: 160%;
    margin-top: 50px;
    margin-bottom: 80px;
}
.introduction {
    margin-bottom: 150px;
    color: #333333;
}
.introduction .row {
    margin-bottom: 100px;
}
.introduction .image   {
    /* [disabled]margin-left: 6%; */
}
.introduction dl dt  {
    margin-top: 7px;
    font-size: 120%;
    font-weight: 400;
}
.introduction dl dd  {
    font-size: 170%;
    font-weight: 400;
}
.introduction dl dd span {
    font-size: 85%;
}
.indent{
    padding-left: 69px;
    text-indent: -69px;
    margin-bottom: 0px;
}
.list-group-item.gakureki {
    margin-left: 25px;
}
.info .list-group .list-group-item  {
    border: none;
}
.info .list-group {
    border-bottom: 1px solid #333333;
    font-size: 130%;
}
.bennavi .bennavibtn a img {
    border: 1px solid #CE9564;
    width: 100%;
    margin-left: 0px;
}
/* CSS Document */

@media (min-width:1200px){
.container.introduction {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.info .list-group-item {
    padding-right: 0px;
}
.info .left {
    font-weight: 600;
    width: 25%;
}
.info .rigth {
    width: 70%;
}
.br-576 {
    display: none;
}
.br-992 {
    display: none;
}
.bennavi {
    width: 900px;
    margin-bottom: 20px;
}
.indent   {
    margin-left: 25px;
}
}
@media (min-width:992px) and (max-width:1199px){
.info .left {
    font-weight: 600;
    width: 24%;
    padding-right: 0px;
}
.info .rigth {
    width: 60%;
}
.br-992 {
    display: none;
}
.indent {
    margin-left: 20px;
}
}
@media (min-width:768px) and (max-width:991px){
.info .list-group-item {
    width: 100%;
}
.info .left {
    font-weight: 600;
    width: 34%;
    padding-right: 0px;
}
.introduction dl dd {
    line-height: 110%;
    margin-top: 7px;
}
.introduction dl dd span {
    font-size: 84%;
    padding-left: 0px;
}
}
@media (min-width:768px) and (max-width:1199px){
.jumbotron.jumbotron-fluid {
    height: 200px;
    background-color: #FFFFFF;
}
.br-576 {
    display: none;
}
.bennavi {
    width: 90%;
    margin-bottom: 20px;
}
}
@media (min-width:576px) and (max-width:767px){
.br-576 {
    display: none;
}
}
@media (max-width:767px){
.info .left {
    font-weight: 600;
    width: 100%;
}
.info .rigth {
    width: 100%;
}
.image {
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
}
.image dl  {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
}
.image dl dt  {
    text-align: center;
    font-size: 135%;
}
.image dl dd {
    text-align: center;
    font-size: 170%;
}
.info ul {
    padding-top: 8px;
    padding-bottom: 8px;
}
.info li   {
    padding-bottom: 3px;
    padding-top: 3px;
}
.bennavi .bennavibtn {
    margin-bottom: 25px;
}

}
@media (max-width:576px){
.image dl  {
    width: 100%;
}
.image dl img {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
}
.bennavi {
    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.bennavi .bennavibtn {
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 7px;
    padding-right: 7px;
}

}
@media (max-width:375px){

.bennavi {
    width: 97%;
}
}