@charset "UTF_8";

/* すべてのwebページに適用される */
htmi{
font-family:sans-serif;
}

/*  ボックスモデルを変更する*/
html *{
box-sizeing:border-box;
}
body{
margin:0 0 0 0;
background-color:#eeece9;
}
.wrapper{
margin: 0 auto 2rem auto;
max-width:800px;
}

h1{
color:#7fd9d2;
font-size:30px;
}


/* h2見出しテキストの色と大きさを変える */
h2{
color:#3f5170;
font-size:25px;
border-bottom:3px dotted #3f5170;
margin-top:20px;
margin-right:0px;
margin-bottom:20px;
margin-left:0px;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
}


h3{
color:#3f5170;
/* color:#1496a0; */
font-size:20px;
}
p{
line-height:1.6;
}


/* リンクのテキスト色の変更 */
a:link{
/* color:#d25833; */
/*color:#000000;*/
text-decoration:none;
}

a:visited{
color:#d25833;
}
a:hover:{
color:#e3937a;
}
a:active{
color:#ff6a3b;
}


/* すべてのページに適用 -ヘッダー-*/
.logo{
margin:50px 0 40px 0;
line-height:0;
text-align: center;
}

/* リストを横並びにする */
.nav li{
display:inline /*-- inline  or grid-- */;
list-style-type:none;
padding-right:30px;
}

.main-nav a:link{
color:#3c454d;
text-decoration:none;
}
.main-nav a:visited{
/* color:#3c454d; */
text-decoration:none;
}
.main-nav a:hover{
color:#7b8dac;
text-decoration:none;
}
.main-nav a:active{
color:#5a9bc0;
text-decoration:none;
}

/* すべてのページに適用-フッター-*/
.footer{
background-image:url(footer-bg.png);
background-repeat:no-repeat;
margin-top:30px;
    
/* 青いラインの位置を決める */
padding:80px 15px 20px 15px;
fontsize:12px;
color:#3f5170;
}

.footer-nav{
display:flex;
justify-content:center;
gap:30px;
list-style:none;
}

/* 個別のスタイル */
/* index.html */
.systemphoto{
margin:15px 0 0 0;
}
.news-item{
margin: 0;
}

/* index_11.jpgを中央に */
.systemphoto{
text-align: center;
}

/* インデックス */
.main-nav{
display:flex;
justify-content:center;
gap:4.0rem;
font-size:1.8rem;
list-style:none;
}

/* インデックスリンクの修飾 */
.main-nav a:hover{
color:#1496a0;
}
.main-nav :hover {
transform: scale(1.4);
}

/* フッター */
.footer-nav{
display:flex;
justify-content:center;
gap:3rem;
font-size:1.7rem;
list-style:none;
}
footer-nav a{
color:#3f5170;
}

.footer-nav a:link{
color:#3f5170;
}

.footer-nav a:hover{
color:#1496a0;
}

.footer-nav :hover {
transform: scale(1.25);
}

/* 謝辞 */
.thanks{
margin-top:2rem;
margin-bottom: -8rem;    
text-align:center;
font-size:0.7rem;
}