/*　全体　*/
html{
    font-size: 16px;
}

body{
background-color: #ffffff;
margin:0 0 0 0;
font-family: "Kaisei Decol", serif;
font-weight: 400;
font-style: normal;
}

*{
box-sizing:border-box;
}


/*　リンク　*/

a:link{
color: #A25128;
text-decoration: none;
}
a:visited{
color: #A25128;
text-decoration: none;
}
a:hover{
color: #7b8dac;
text-decoration: none;
}
a:active{
color: #5a9bc0;
text-decoration: none;
}

img{
max-width:100%;
}

/* すべてのページに適応　- ヘッダー　*/
.header-img{
    width:100%;
}

nav ul{
background-image: url(../img/line.jpg);
background-repeat: repeat-x;
padding:30px 10px 24px 10px;
margin:0;
display:flex;
justify-content: center;
list-style-type:none;
gap: 40px;
}


h2 {
background-image: url(../img/hero.jpg);
height: 450px;
font-size: 1.6rem;
padding: 110px 0px 110px 0px;
margin:0 0 0 0;
background-position: center;
background-size: cover;
color: #ffffff;
text-align:center;
text-shadow: 2px 2px 2px #666666;
font-family: "Kaisei Opti", serif;
  font-weight: 400;
  font-style: normal;
}



h1{
margin: 0px;
text-align: center;
}

/* すべてのページに適応　- メイン　*/
main{
margin:0 auto 0 auto;
max-width: 960px;
font-family: "Kaisei Decol", serif;
font-weight: 400;
font-style: normal;
}

main h3 {
    margin:10px 0 20px 0;
    border-bottom:3px dotted #000000;
    padding: 5px 5px 5px 5px;
    color: #000000;
    font-size: 1.6rem;
    }

main h4 {
margin:10px 0 60px 0;
padding: 5px 5px 5px 5px;
color: #A25128;
font-size: 1.3rem;
}


main h4 {
margin:10px 0 10px 0;
padding: 5px 5px 5px 5px;
color: #A25128;
font-size: 1.3rem;
}

main h5 {
    margin:20px 0 30px 0;
    border-bottom:3px dotted #A25128;
    padding: 5px 5px 5px 5px;
    color: #A25128;
    font-size: 1.3rem;
    }

/*about.htmlの表*/
table{
border-collapse: collapse;
}

th,td{
border:1px solid #000000;
padding: 8px;
text-align: left;
}
th{
background-color: #FFE8E4;
width:180px;
color:#000000
}


/* すべてのページに適応　- フッダー　*/
footer{
background-image: url(../img/フッター１.png);
padding:40px 0px 40px 0px;
margin:30px 0 30px 0;
background-color: #FFE8E4;
color: #000000;
font-size: 12px;
text-align: center;
}
.footer img{
    width: 200%;
}


/*　個々のスタイル　*/

/*　index.html　*/
.concept1{  
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:10px;
    }

/*　about.html　*/
.concept{  
display: grid;
grid-template-columns: 1fr;
gap:10px;
}

/*　access.html　*/
.map{
text-align:center;
}

/* flow.html　*/
.flow-item{
display:grid;
grid-template-columns: 1fr;
gap:20px;
}

/* program.html　*/
.program-item{
    display:grid;
    grid-template-columns: 1fr;
    gap:20px;
    }

/* program_copy.html　*/
.program_copy-item{
    display:grid;
    grid-template-columns: 1fr;
    gap:20px;
    }    


/*スマートフォン向けCSS*/
@media(max-width: 767px){
    .main{
    margin:0 8 0 8;
    }
    .concept{
    display:block;
    }
    .menu-item{
    display:block;
    }
    nav ul li {
    font-size: 14px;
    }
    h2 {
    background-image: url(../img/hero2.jpg);
    }
}