@charset "UTF-8";@import url(https://use.fontawesome.com/releases/v5.4.1/css/all.css);@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,400,500,700,900&subset=japanese);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}button{background-color:transparent;border:none;cursor:pointer;outline:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.clearfix:after{content:"";display:table;clear:both}body{font-family:"Noto Sans JP","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",Meiryo,"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,Arial,Sans-serif;background:#fff}.is-pc{display:block}.is-sp{display:none}.is-sp-s{display:none}[data-anim-style]{opacity:0}[v-cloak]{display:none}a{color:inherit}a:visited{color:inherit}a:link{color:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}a{text-decoration:none}@media screen and (max-width:769px){.is-pc{display:none}.is-sp{display:block}}@media screen and (max-width:320px){.is-sp-s{display:block}}



body {background-color: #fff}

.header_block {
  position: fixed;
  background: #00001E;
  height: 70px;
  width: 100%;
  padding: 10px 0;
      justify-content: center;
    display: flex;
    align-items: center;
    z-index: 100;
}

.header_block_inn {
  width: 80%;
  margin: 0px auto;
  justify-content: space-between;
    display: flex;
    align-items: center;
}



.header_block_inn ul {
  display: flex;
}

.header_block_inn ul li {
  padding: 0 0 0 20px;
}
.header_block_inn ul li a {
  color: #fff;
}
.header_block_inn h1 {
  font-size: 1em;
  color: #fff;
  float: left;
}
.index_top {
  background: #fff;
  padding: 160px 0 80px 0;
  text-align: left;
    line-height: 1.5em;
}
.index_top h1 {
  font-size: 1.2em;
  font-weight: bold;
  padding: 0 0 15px 0;
}
.index_top_inn {
  width: 80%;
  margin: 0px auto;
  /*display: flex;*/
  align-items: center;
  text-align:center;
}

.index_top_inn p.top_image {
  width: 500px;
  max-width: 100%;
  padding: 0 0 100px 0;
  margin: 0px auto;
}
.index_top_inn p.top_image img{
  width: 100%;
}

.header_block_inn h1 {
  width: 140px;
}
.header_block_inn h1 img {
  width: 100%;
}


.index_top_inn p.eng {
  font-size: 0.8em;
  padding: 15px 0 0 0;
}

.index_page {
  background: #fff;
  background-image:url(../../img/background.jpg);
  text-align: center;
      background-size: cover;
}

.base {
  padding: 100px 0 0;
  width: 200px;
  color: #000;
  margin: 0px auto;
}
.base img {
  width: 100%;
}
.base_02 {
  padding: 10px;
}
.contents {
  background: #fff;
  opacity: 0.8;
  width: 80%;
  margin: 50px auto;
  padding: 50px 20px;
}

.contents h1 {
  font-size: 1.5em;
  padding: 0 0 40px 0;
  margin-top: -200px;
  padding-top: 200px;
}


.contents p {
  line-height: 1.5em;
  width: 80%;
  margin: 0px auto;
}
.contents p.eng {
  font-size: 0.7em;
  padding: 20px 0 0;
}

.footer_block {
  background: #fff;
}


.footer_block_inn {
  width: 80%;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
  padding: 100px 0;
  text-align: left;
  font-size: 0.9em;
  line-height: 2em;
  align-items: center;
}
.footer_block_inn h1 {
  width: 100px;
}
.footer_block_inn h1 img {
  width: 100%;
}



@media screen and (max-width: 768px) {
  .footer_block_inn {
    flex-direction:column;
    text-align: left;
    display: flow-root;
  }
  .footer_block_inn h1 {
    padding: 0 0 10px 0;
  }
  .header_block {
    height: 100px;
  }
  .header_block_inn {
    display: block;
  }
  .header_block_inn h1 {
    width: 100%;
  }
  .header_block_inn h1 img {
    width: 30%;
  }
  .header_block_inn ul {
    width: 100%;
    justify-content: space-evenly;
  }
  .header_block_inn ul li {
    padding: 20px 10px 0;
    font-size: 0.8em;
  }
}