@charset "UTF-8";
/*共通部分
------------------------   */
html{
    font-size: 100;
}
body{
  white-space:nowrap;
    background-color: #fff;
    background-image: url();
    background-repeat: no-repeat;
    background-size: cover;
    height:100vh;
    font-family: "Hiragino kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic","sans-serif";
    line-height:1.7;
    color:#432;
}
a{
    text-decoration: none;
}
img{
    max-width: 100%;
}
#center {
  text-align: center;
}
.cover{
  background-size: cover;
  background-position: center bottom;
  height: 100px;
}
.cover-home{
  background-image: url("");
}
/*レイアウト　*/
.align-center{
    text-align: center;
}

/*見出し*/
.font-english{
    font-family: 'philosopher',sans-serif;
    font-weight: normal;
}
.page-title{
  font-size: 3rem;
  text-align:center;
  margin-top: 2rem;
  line-height: 1.4;
}
/*ヘッダー
------------------------------------------ */
page-header{
    padding-top: .5rem;
}
.logo{
    width: 500px;
}

header{
  white-space:nowrap;
  background-color:#fff;
  top: 0;
  width: 100%;
  border-width: 1px;
  border-bottom: solid #0bd;
  nav{
    display: flex;
  }
    
}
nav{
  white-space:nowrap;
    text-align: center;
    }
    nav ul{
    margin: 0 ;
    padding: 0 ;
    }
    nav li{
    list-style: none;
    display: inline-block;
    width: 10%;
    min-width: 90px;
    }
    nav li:not(:last-child){
    border-right:2px solid #ddd;
    }
    nav a{
    text-decoration: none;
    color: #333;
    }
    nav a.current{
      color: #00B0F0;
      border-bottom:2px solid #00B0F0;
      }
    nav a:hover{
    color:#F7CB4D;
    border-bottom:2px solid #F7CB4D;
    }
/*メイン
--------------------*/
.item{
  
  color:#fff;
  padding:10px;
  width: 100%;
  margin:10px;
  float:left;
  }
  .item img{
    object-fit: cover;
    border-radius: 16px;
  }
  .container::after{
    content: '';
    display:block;
    clear:both;
  }

h1{
    
    font-family: serif;
    color: #000;
    font-weight: bolder;
    text-align: auto;
}

h2{
  font-family: serif;
    color: #fff;
    font-weight: bolder;
    text-align: left;
    text-shadow: -1px -1px #0344f7, -1px 1px #0344f7, 1px -1px #0344f7, 1px 1px #0344f7
}

p{
  white-space:nowrap;
    font-size: 20px;
    line-height: 1.7;
}

div p{
    color: #000;
}

ul{
  display: flex;
  list-style: none;
}
/*-------------背景色--------*/