*{
  box-sizing:border-box;
}

/* CSSのリセット（消さないでください） */
  html, body,
  ul, ol, li,
  h1, h2, h3, h4, h5, h6, p,
  form, input, div {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Avenir Next", "Hiragino Kaku Gothic ProN W3", sans-serif;
  background-image: url("img/ocean_bg.jpg");
  background-size: cover;
}

/* Header*/
.header{
  background-color:#000C32;
  color:white;
  height:auto;
  margin-top:5px;
  display: flex;
  padding-top: 3px;
  padding-left: 50px;
}

.logomark img{
 width:70px;
 height:70px;
}

.main_title h1{
  font-family:"ヒラギノ角ゴ Pro W3";
  letter-spacing: 2px;
  padding-left: 10px;
}

.main_title a{
  text-decoration: none;
  color: #ffffff;
}

.main_title h3{
  padding: 0px 10px;
  font-family:"Arial";
  letter-spacing: 2px;
  font-weight: lighter;
}

/* Main*/
.main {
  padding:0px 0px;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-image: url("img/ocean_bg.jpg");
}

.main video {
  width: 100%;
  height: 100%;
  z-index: 1;
}

.main h1 {
  text-align: center;
  font-family: "Hiragino Kaku Gothic ProN";
  color: #f0f8ff;
  text-shadow: 6px 4px 2px #4169e1;
  position:absolute;
  font-size: 45px;
  top: 300px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 3;
  max-width: 1900px;
  width: 100%;
  height: 80px;
}

.overview {
  width:auto;
  padding:50px 100px 100px 100px;
  color:#ffffff;
  background-image: url("img/ocean_bg.jpg");
}

.overview p{
  font-weight: bold;
}

.items {
  margin: 50px;
  padding:50px 0px 20px 0px;
}

.items:after {
  content: "";
  clear: both;
  display: block;
}

.item {
  background-color: #0a172b;
  padding:0px 0px 30px 0px;
  margin:10px 20px;
  float: left;
  width:45%;
  height:400px;
  text-align: center;
  opacity: 0.8;
  color:#ffffff;
}

.item img{
  max-width: 100%;
  max-height: 100%;
}

.item a{
  text-decoration: none;
}

.item h1{
  font-family:DINNextLTPro-Bold,"Helvetica Neue","Helvetica",Arial,"Roboto","Noto Sans","Segoe UI","Droid Sans","Verdana",TazuganeGothicStdN-Bold,"Noto Sans Japanese","Hiragino Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif;
  padding-top:10px;
  font-size: 24px;
  color:#f5f5f5;
}

.item h1:hover{
  color:#ffd700;
}

.item p{
  text-align: left;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding:10px 30px 0px 30px;
  color:#f5f5f5;
}

.clear {
  clear:left;
}

.parallax {
  min-height: 1000px;
  background-image: url("img/Japanmap1.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  padding:200px 200px;
}

.info_overview{
  padding:0 0 50px 80px;
  color:#E5E5E5;
  opacity: 0.8;
}

.info_overview h1{
  padding-bottom:20px;
}

.info_overview p{
  padding:5px 20px;
  border-left: solid 2px #E5E5E5;
}

/*footer*/
footer {
  height:auto;
  width:100%;
  background-color:#000C32;
  color:#f5f5f5;
  font-family: "Avenir Next", "Hiragino Kaku Gothic ProN W3", sans-serif;
}

.footer_title {
  margin:0px 80px;
  padding-top: 10px;
  border-bottom: 1px solid white;
}

.footer_container {
  padding: 10px 50px;
  display: flex;
  width:100%;
  font-size: 14px;
}

.footer_address {
  display: block;
  margin:0 5px;
  padding:10px 30px;
  width:60%;
}

.footer_address_s {
  display: none;
  margin:0 5px;
  padding:10px 10px;
  width:100%;
  line-height: 24px
}

.footer_address_s p{
  padding-bottom:10px;
}

.footer_content1 {
  margin:0 5px;
  padding:10px 30px 0 30px;
  width:15%;
  list-style: none;
  line-height: 28px
}

.footer_content1 a{
  text-decoration: none;
  color: #ffffff;
}

.footer_content1 li:hover {
  background-color: #1e90ff;
}

.footer_content2 {
  margin:0 5px;
  padding:10px 30px 0 30px;
  width:25%;
  list-style: none;
  line-height: 28px
}

.footer_content2 p{
  font-weight: bold;
}

.footer_content2 a{
  text-decoration: none;
  color: #ffffff;
}

.footer_content2 li:hover {
  background-color: #1e90ff;
}

.triangle{
  display:inline-flex;
  width:10px;
  height:10px;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #ffffff;
}

.twitter {
  padding-left:70px;
}

.twitter img{
  width:50px;
  height:auto;
}

.copyright {
  height:40px;
  background-color: #E5E5E5;
  font-size: 8px;
  text-align: center;
  padding:15px;
  color:#000C32;
}