@charset "UTF-8";
/*styles*/
section{
  margin: 70px auto 0;
  padding: 0;
  position: relative;
  width: 100%;
  }


/*inner*/
.inner{
  width: 800px;
  margin: 0px auto;
}

.mt70{
  margin-top: 70px;
  }


.mt75{
  margin-top: 75px;
  }

.h1_wrap{
  height: -webkit-calc(100vh - 70px);
  height: calc(100vh - 70px);
  background: url('/id/2018/04/styles/img/bg_mainimg.jpg') center center no-repeat;
  background-size: cover;
  }


.h1_wrap h1.h1_title{
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  width: auto;
  height: 100%;
  background: url('/id/2018/04/styles/img/h1_title.png') center bottom no-repeat;
  background-size: auto 100%;
  }

p.txt_13 sup{
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
  bottom: 1ex;
  }


#styles_contents{
  padding-top: 105px;
  }

h2{
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  width: 1000px;
  height: 205px;
  margin: 0 auto;
  background: url('/id/2018/04/styles/img/h2.gif') center top no-repeat;
  }


h3{
  font-size: 2.4em;
  font-weight: normal;
  color: #122989;
  }

h3.contents_h3{
  padding: 60px 0 55px;
  }

h3#styles_02_h3{
  width: 900px;
  margin: 0 auto;
  }

h3.profile_h3{
  letter-spacing: 1px;
  }



h4{
  padding: 45px 0 0;
  font-size: 2.2em;
  font-weight: normal;
  letter-spacing: 1px;
  }

h4 span.col_122989{
  font-size: 0.8em;
  margin-left: 1em;
  }

.w1000{
  width: 1000px;
  margin: 0px auto;
  }

a.btn_scrolldown.float-r{
  border: 1px solid #333333;
  }


#profile{
  margin-top: 70px;
  }


#profile h3.profile_h3{
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  width: 146px;
  height: 19px;
  background: url('/id/2018/04/styles/img/bg_profile_h3.gif') center top no-repeat;
  }

table.tbl_02 th,table.tbl_02 td{
  font-size: 1.6em;
  vertical-align: top;
  }
table.tbl_02 th{
  width: 70px;
  padding: 7px 0;
  }
table.tbl_02 td{
  width: 730px;
  padding: 7px 0;
  }


.styles_bottom{
  display: block;
  margin-top: 45px;
  height: 600px;
  background: url('/id/2018/04/styles/img/bg_bottom.jpg') center top no-repeat;
  }


/* Media Queries
==========================================================================*/
@media screen and (min-width: 979px) {
}

@media screen and (max-width:834px) {
section{
  margin: 50px auto 0;
  }


.inner{
  width: 90%;
  margin: 0px auto;
 }


.h1_wrap{
 height: 100vw;
  }

.h1_wrap h1.h1_title{
  background-size: 100% auto;
  }


.w1000,.h1_wrap a.btn_scrolldown{
  display: none;
  }

#styles_contents{
  padding-top: 50px;
  }

h2{
  width: 700px;
  height: 171px;
  margin: 0 auto 50px;
  -webkit-background-size: 700px 171px;
  -o-background-size: 700px 171px;
  -khtml-background-size: 700px 171px;
  background-size: 700px 171px;
  }

h3.contents_h3{
  padding: 50px 0;
  }

h3#styles_02_h3{
  width: 90%;
  }

.styles_bottom{
  height: 300px;
  background-size: auto 100%;
  }
table.tbl_02 td{
  width: -webkit-calc(100% - 70px);
  width: calc(100% - 70px);
  }

}

@media screen and (max-width:699px) {
section{
  margin: 50px auto 0;
  }

.h1_wrap{
  height: 100vw;
  }

h2{
  width: 300px;
  height: 73px;
  margin: 0 auto 20px;
  -webkit-background-size: 300px 73px;
  -o-background-size: 300px 73px;
  -khtml-background-size: 300px 73px;
  background-size: 300px 73px;
  }

h3{
  font-size: 1.8em;
  }

h3.contents_h3{
  padding: 2em 0;
  }

p.mt40{
  margin-top: 1.5em !important;
  }

#profile{
  margin-top: 3em;
  }

h4{
  padding: 1em 0 0;
  font-size: 1.8em;
  }

.mt70,.mt75{
  margin-top: 2em;
  }

.styles_bottom{
  height: 130px;
  background-size: auto 100%;
  }

table.tbl_02 tr{
  width: auto;
  display: block;
  }
table.tbl_02 th,table.tbl_02 td{
  display: list-item;
  list-style-type: none;
  width: auto;
  font-size: 1.3em;
  }
table.tbl_02 th{
  padding: 5px 0 0; 
  }
table.tbl_02 td{
  padding: 0 0 5px; 
  }

}
@media screen and (max-width:375px) {
.h1_wrap{
  height: 100vw;
  }
}