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

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

div.header_wrap{
  margin-top: 1px;
  position: relative;
}

div.header_wrap h1{
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  width: 1000px;
  height: 70px;
  position: absolute;
  top: 0;
  left: -webkit-calc(50% - 500px);
  left: calc(50% - 500px);
  }


h3{
  padding: 48px 0 52px;
  font-size: 2.8em;
  font-weight: normal;
  color: #122989;
  text-align: center;
  }

.txt_13{
  color: #555555;
  line-height: 1.6;
  }

/*link*/
ul.ul_link{
  margin: 0 0 0 1.5em;
  list-style-type: none;
  font-size: 1.6em !important;
  }

ul.ul_link li{
  display: inline-block;
  position: relative;
  }

ul.ul_link li:before{
  content: "";
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  top: 5px;
  left: -18px;
  background: #000000;
  }

ul.ul_link li a{
  display: inline-block;
  position: relative;
  padding-left: 0.8em;
  margin-left: 0.5em;
  }

ul.ul_link li a:before{
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  border: 5px solid transparent;
  border-left: 8px solid #122e8b;
  }

.clearfix figure{
  width: 390px;
  }


div.column{
  margin: 30px 0;
  border: 1px solid #000000;
  background: #f7f8f8;
  padding: 39px;
  }

div.column_inner{
  }

div.column h4{
  font-weight: normal;
  }

div.column_inner p.indent1em{
  font-size: 1.4em;
  line-height: 2.14;
  }

div.column figure{
  }

div.column figure figcaption{
  display: block;
  color: #000000;
  }
div.column figure img{
  display: block;
  margin: 0 auto 10px;
  }
sub{
  font-size: 0.8em;
  }


.slider{
  border: none;
  background: none;
  margin-top: 40px;
  }

.slider p.comment{
  font-size: 1.3em;
  color: #555555;
  line-height: 1.6;
  }

.slick-dotted.slick-slider{
  margin-bottom: 65px;
  }

.slick-dots{
  position: absolute;
  bottom: -30px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  }
.slick-dots li{
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 20px;
  padding: 0;
  cursor: pointer;
  }
.slick-dots li button{
  cursor: pointer;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  border: none;
  width: 20px;
  height: 20px;
  background: #122989;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;  opacity: 0.5;
  }
.slick-dots li button:hover,.slick-dots li button:focus,.slick-dots li.slick-active button{
  opacity: 1;
  }

figure.w375{
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

/*project_intro*/
#project_intro{
  margin-top: 70px;
  }

#project_intro div.mainimg{
  height: -webkit-calc(100vh - 70px);
  height: calc(100vh - 70px);
  background: url('/id/2021/09/project/img/bg_mainimg.jpg') center bottom no-repeat;
  background-size: cover;
  position: relative;
  }

#project_intro h1{
  position:absolute;
  top: 0;
  left: -webkit-calc(50% - 500px);
  left: calc(50% - 500px);
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  width: 1000px;
  height: 70px;
  background: url('/id/2021/09/project/img/id_h1_white_s.png') center top no-repeat;
  }

#project_intro .title_mainimg{
  position:absolute;
  bottom: 30px;
  left: -webkit-calc(50% - 500px);
  left: calc(50% - 500px);
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  width: 1000px;
  height: 177px;
  background: url('/id/2021/09/project/img/title_mainimg.png') center center no-repeat;
  background-size: 734px 177px;
  }



#project_intro div.lead{
  color: #1e3c96;
  padding: 70px 0 0;
  }

#project_intro div.lead .txt_13{
  color: #1e3c96;
  }


#project_intro div.lead p.indent1em{
  font-size: 1.6em;
  line-height: 2.1;
  }



/*project_02*/
#project_02{
  margin-top: 70px;  
  }

#project_02 div.header_wrap{
  height: -webkit-calc(100vh - 70px);
  height: calc(100vh - 70px);
  background: url('/id/2021/09/project/img/id02_bg_h2.jpg') center center no-repeat;
  background-size: cover;
  }

#project_02 div.header_wrap h1{
  background: url('/id/2021/09/project/img/id_h1_black_s.png') center top no-repeat;
  }

#project_02 div.header_wrap h2{
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  position: absolute;
  bottom: 50px;
  left: -webkit-calc(50% - 500px);
  left: calc(50% - 500px);
  width: 1000px;
  height: 184px;
  background: url('/id/2021/09/project/img/id02_txt_h2.png') right top no-repeat;
  background-size: 800px 184px;
  }


/*project_03*/
#project_03{
  margin-top: 70px;  
  }

#project_03 div.header_wrap{
  height: -webkit-calc(100vh - 70px);
  height: calc(100vh - 70px);
  background: url('/id/2021/09/project/img/id03_bg_h2.jpg') center center no-repeat;
  background-size: cover;
  }

#project_03 div.header_wrap h1{
  background: url('/id/2021/09/project/img/id_h1_white_s.png') center top no-repeat;
  }

#project_03 div.header_wrap h2{
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  position: absolute;
  bottom: 80px;
  left: -webkit-calc(50% - 500px);
  left: calc(50% - 500px);
  width: 1000px;
  height: 236px;
  background: url('/id/2021/09/project/img/id03_txt_h2.png') center center no-repeat;
  }

#project_03 img.id03_img_04{
  width: 100%;
  height: auto;
  }


/*project_04*/
#project_04{
  margin-top: 70px;  
  }

#project_04 div.header_wrap{
  height: -webkit-calc(100vh - 70px);
  height: calc(100vh - 70px);
  background: url('/id/2021/09/project/img/id04_bg_h2.jpg') center center no-repeat;
  background-size: cover;
  }

#project_04 div.header_wrap h1{
  background: url('/id/2021/09/project/img/id_h1_white_s.png') center top no-repeat;
  }

#project_04 div.header_wrap h2{
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  position: absolute;
  bottom: 20px;
  left: -webkit-calc(50% - 500px);
  left: calc(50% - 500px);
  width: 1000px;
  height: 220px;
  background: url('/id/2021/09/project/img/id04_txt_h2.png') center top no-repeat;
  background-size: 1000px 220px;
  }


/*project_05*/
#project_05{
  margin-top: 70px;  
  }

#project_05 div.header_wrap{
  height: -webkit-calc(100vh - 70px);
  height: calc(100vh - 70px);
  background: url('/id/2021/09/project/img/id05_bg_h2.jpg') center top no-repeat;
  background-size: cover;
  }

#project_05 div.header_wrap h1{
  background: url('/id/2021/09/project/img/id_h1_white_s.png') center top no-repeat;
  }

#project_05 div.header_wrap h2{
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  position: absolute;
  top: 150px;
  left: -webkit-calc(50% - 500px);
  left: calc(50% - 500px);
  width: 1000px;
  height: 210px;
  background: url('/id/2021/09/project/img/id05_txt_h2.png') left top no-repeat;
  background-size: 830px 210px;
  }
#project_05 div.w600{
  margin-left: auto;
  margin-right: auto;
  }



/*project_06*/
#project_06{
  margin-top: 70px;  
  }

#project_06 div.header_wrap{
  height: -webkit-calc(100vh - 70px);
  height: calc(100vh - 70px);
  background: url('/id/2021/09/project/img/id06_bg_h2.jpg') center top no-repeat;
  background-size: cover;
  }

#project_06 div.header_wrap h1{
  background: url('/id/2021/09/project/img/id_h1_black.png') center top no-repeat;
  }

#project_06 div.header_wrap h2{
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  position: absolute;
  bottom: 50px;
  left: -webkit-calc(50% - 500px);
  left: calc(50% - 500px);
  width: 1000px;
  height: 175px;
  background: url('/id/2021/09/project/img/id06_txt_h2.png') left top no-repeat;
  background-size: 700px 175px;
  }

#project_06 .ls_01{
  letter-spacing: -0.05em;
  }


/*project_bottom*/

.project_bottom_index{
  display: block;
  margin-top: 80px;
  height: 550px;
  background: url('/id/2021/09/project/img/index_bg_bottom.jpg') center top no-repeat;
  }

.project_bottom_id02{
  display: block;
  margin-top: 80px;
  height: 550px;
  background: url('/id/2021/09/project/img/id02_bg_bottom.jpg') center bottom no-repeat;
  background-size: cover;
  }

.project_bottom_id03{
  display: block;
  margin-top: 80px;
  height: 550px;
  background: url('/id/2021/09/project/img/id03_bg_bottom.jpg') center top no-repeat;
  background-size: cover;
  }

.project_bottom_id04{
  display: block;
  margin-top: 80px;
  height: 550px;
  background: url('/id/2021/09/project/img/id04_bg_bottom.jpg') center top no-repeat;
  background-size: cover;
  }

.project_bottom_id05{
  display: block;
  margin-top: 80px;
  height: 550px;
  background: url('/id/2021/09/project/img/id05_bg_bottom.jpg') center top no-repeat;
  background-size: cover;
  }

.project_bottom_id06{
  display: block;
  margin-top: 80px;
  height: 550px;
  background: url('/id/2021/09/project/img/id06_bg_bottom.jpg') center top no-repeat;
  background-size: cover;
  }



.project_bottom p.center a{
  color: #000000;
  }
.project_bottom p.center a:hover{
  text-decoration: underline;
  }


.project_bottom a.link_next{
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  width: 138px;
  height: 28px;
  margin: 75px auto 40px;
  background: url('/id/2021/09/project/img/link_next.gif') center center no-repeat;
  }

.project_bottom a.link_next:hover{
  opacity: 0.8;
  }

.project_bottom .flex{
  margin-top: 40px;
  font-size: 1.6em;
  }

.project_bottom .current,.project_bottom .pagenation{
  display: block;
  margin: 0 5px;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  }

.project_bottom span.current{
  width: 28px;
  height:28px;
  border: 1px solid #000000;
  background: #000000;
  color: #ffffff;
  }

.project_bottom a.pagenation{
  width: 28px;
  height:28px;
  border: 1px solid #000000;
  color: #4b4847;
  }

.project_bottom .pagenation_previous{
  display: block;
  margin-right: 5px;
  text-decoration: none;
  text-indent: -9999px;
  width: 0;
  height: 0;
  }
.project_bottom .pagenation_next{
  display: block;
  margin-left: 5px;
  text-decoration: none;
  text-indent: -9999px;
  width: 0;
  height: 0;
  }
.project_bottom span.pagenation_previous{
  border: 15px solid transparent;
  border-right: 18px solid #dddddd;
  }

.project_bottom span.pagenation_next{
  border: 15px solid transparent;
  border-left: 18px solid #dddddd;
  }

.project_bottom a.pagenation_previous{
  border: 15px solid transparent;
  border-right: 18px solid #000000;
  }

.project_bottom a.pagenation_next{
  border: 15px solid transparent;
  border-left: 18px solid #000000;
  }
.project_bottom a.pagenation:hover{
  border: 1px solid #000000;
  background: #000000;
  color: #ffffff;
  text-decoration: none;
  }

project_bottom a.pagenation_previous:hover,.project_bottom a.pagenation_next:hover{
  opacity: 0.5;
  }

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

@media screen and (max-width:834px) {
.inner{
  width: 90%;
  margin: 0px auto;
 }

div.header_wrap{
  width: auto;
  height: auto;
  background-size: cover;
}

div.header_wrap h1{
  width: 100%;
  height: 49px;
  }


h3{
  padding: 50px 0;
  }

div.column_inner{
  }

div.column_inner p.indent1em{
  font-size: 1.2em;
  }

.clearfix figure{
  width: 48% !important;
  }

#project_intro{
  margin-top: 50px;
  padding-bottom: 0;
  }

#project_intro div.mainimg{
  height: 50vh;
  background-size: cover;
  }

#project_intro h1{
  width: 100%;
  left: 0;
  background-size: 700px 49px;
  }

#project_intro .title_mainimg{
  width: 700px;
  height: 150px;
  top: auto;
  bottom: 30px;
  left: -webkit-calc(50% - 350px);
  left: calc(50% - 350px);
  background-size: 622px 150px;
  }



#project_intro div.lead{
  text-align: center;
  color: #1e3c96;
  padding: 30px 0;
  }


#project_intro div.lead p{
  font-size: 1.3em;
  line-height: 2;
  }


/*project_02*/
#project_02{
  margin-top: 0px;
  padding-top: 50px;
  }

#project_02 div.header_wrap{
  height: 500px;
  background-size: cover;
  }

#project_02 div.header_wrap h1{
  left: 0;
  background-size: 700px 49px;
  }

#project_02 div.header_wrap h2{
  width: 600px;
  height: 138px;
  left: -webkit-calc(50% - 300px);
  left: calc(50% - 300px);
  bottom: 30px;
  background-size: 600px 138px;
  }

/*project_03*/
#project_03{
  margin-top: 0px;
  padding-top: 50px;
  }

#project_03 div.header_wrap{
  height: 500px;
  background-size: cover;
  }

#project_03 div.header_wrap h1{
  left: 0;
  background-size: 700px 49px;
  }

#project_03 div.header_wrap h2{
  width: 700px;
  height: 165px;
  left: -webkit-calc(50% - 350px);
  left: calc(50% - 350px);
  bottom: 30px;
  background-size: 700px 165px;
  }


/*project_04*/
#project_04{
  margin-top: 0px;
  padding-top: 50px;
  }

#project_04 div.header_wrap{
  height: 500px;
  background-size: cover;
  }

#project_04 div.header_wrap h1{
  left: 0;
  background-size: 700px 49px;
  }

#project_04 div.header_wrap h2{
  width: 700px;
  height: 154px;
  left: -webkit-calc(50% - 350px);
  left: calc(50% - 350px);
  background-size: 700px 154px;
  }



/*project_05*/
#project_05{
  margin-top: 0px;
  padding-top: 50px;
  }

#project_05 div.header_wrap{
  height: 500px;
  background-position: center center;
  background-size: cover;
  }

#project_05 div.header_wrap h1{
  left: 0;
  background-size: 700px 49px;
  }

#project_05 div.header_wrap h2{
  width: 514px;
  height: 130px;
  background-size: 514px 130px;
  top: 100px;
  left: 10px;
  }

/*project_06*/
#project_06{
  margin-top: 0px;
  padding-top: 50px;
  }

#project_06 div.header_wrap{
  height: 500px;
  background-position: center center;
  background-size: cover;
  }

#project_06 div.header_wrap h1{
  left: 0;
  background-size: 700px 49px;
  }

#project_06 div.header_wrap h2{
  width: 500px;
  height: 125px;
  background-size: 500px 125px;
  left: 10px;
  }



.project_bottom_index,.project_bottom_id02,.project_bottom_id03,.project_bottom_id04,.project_bottom_id05,.project_bottom_id06{
  height: 300px;
  background-size: cover;
  }

.project_bottom p.center{
  padding: 0 20px;
  }

.project_bottom a.link_next{
  margin: 30px auto;
  }
}

@media screen and (max-width:699px) {
div.header_wrap{
  padding-bottom: 10px;
}

div.header_wrap h1{
  left: 10px;
  width: 300px;
  height: 34px;
  }

h3{
  font-size: 1.8em;
  padding: 2em 0;
  }

div.column{
  display: block;
  padding: 20px;
  }

div.column img{
  display: block;
  margin: 0 auto 1em;
  }

div.column_inner,div.column figure{
  }

div.column figure{
  margin-top: 2em;
  }

div.column .txt_20{
  font-size: 1.6em !important;
  }

figure.float-r.w390.pl20,figure.float-r.w390.pl20,figure.float-r.w375.pl20,figure.float-r.w350.pl20{
  float: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  margin-bottom: 1em;
  text-align: center;
  }

figure.float-r.w390.pl20 figcaption,figure.float-r.w375.pl20 figcaption,figure.float-r.w350.pl20 figcaption{
  text-align: left;
  }

.clearfix figure{
  float: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  margin-bottom: 1em;
  }

.slider{
  margin-top: 2em;
  }

.slick-dotted.slick-slider{
  margin-bottom: 2em;
  }

.slick-dots{
  position: absolute;
  bottom: -2.5em;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 0 2em;
  list-style: none;
  text-align: center;
  }

.slick-dots li{
  width: 10px;
  height: 10px;
  }
.slick-dots li button{
  width: 10px;
  height: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  }

figure.w375{
  width: 100% !important;
  }

#project_intro h1{
  width: 188px;
  height: 71px;
  background: url('/id/2021/09/project/img/id_h1_sp_white.png') left top no-repeat;
  background-size: 188px 71px;
  }

#project_intro .title_mainimg{
  width: 300px;
  height: 70px;
  left: -webkit-calc(50% - 150px);
  left: calc(50% - 150px);
  background-size: 290px 70px;
  }

#project_intro div.lead{
  padding: 10px;
  text-align: left;
  }


/*project_02*/
#project_02 div.header_wrap{
  height: 260px;
  overflow: hidden;
  }

#project_02 div.header_wrap h1{
  width: 100%;
  height: 71px;
  background: url('/id/2021/09/project/img/id_h1_sp_black.png') right top no-repeat;
  background-size: 188px 71px;
  }

#project_02 div.header_wrap h2{
  width: 300px;
  height: 69px;
  left: -webkit-calc(50% - 150px);
  left: calc(50% - 150px);
  background-size: 300px 69px;
  }


/*project_03*/
#project_03 div.header_wrap{
  height: 260px;
  overflow: hidden;
  }


#project_03 div.header_wrap h1{
  width: 100%;
  height: 71px;
  background: url('/id/2021/09/project/img/id_h1_sp_white.png') right top no-repeat;
  background-size: 188px 71px;
  }

#project_03 div.header_wrap h2{
  width: 300px;
  height: 71px;
  background-size: 300px 71px;
  left: -webkit-calc(50% - 150px);
  left: calc(50% - 150px);
  }

#project_03 .project_03_capt{
  display: block;
  text-align: center;
  }



/*project_04*/
#project_04 div.header_wrap{
  height: 260px;
  overflow: hidden;
  }

#project_04 div.header_wrap h1{
  width: 188px;
  height: 71px;
  background: url('/id/2021/09/project/img/id_h1_sp_white.png') left top no-repeat;
  background-size: 188px 71px;
  left: auto;
  right: 10px;
  }

#project_04 div.header_wrap h2{
  width: 300px;
  height: 66px;
  background-size: 300px 66px;
  left: -webkit-calc(50% - 150px);
  left: calc(50% - 150px);
  }



/*project_05*/
#project_05 div.header_wrap{
  height: 220px;
  background-size: cover;
  overflow: hidden;
  }

#project_05 div.header_wrap h1{
  width: 188px;
  height: 71px;
  background: url('/id/2021/09/project/img/id_h1_sp_black.png') left top no-repeat;
  background-size: 188px 71px;
  left: auto;
  right: 10px;
  }

#project_05 div.header_wrap h2{
  top: 80px;
  width: 300px;
  height: 76px;
  background-size: 300px 76px;
  }

#project_05 div.w600{
  width: 100% !important;
  }

/*project_06*/
#project_06 div.header_wrap{
  height: 220px;
  background-size: cover;
  overflow: hidden;
  }

#project_06 div.header_wrap h1{
  width: 188px;
  height: 71px;
  background: url('/id/2021/09/project/img/id_h1_sp_black.png') left top no-repeat;
  background-size: 188px 71px;
  }

#project_06 div.header_wrap h2{
  width: 300px;
  height: 75px;
  background-size: 300px 75px;
  bottom: 0;
  }

figure.float-l,figure.float-r,p.float-l{
  width: auto;
  float: none !important;
  }

.project_bottom_index,.project_bottom_id02,.project_bottom_id03,.project_bottom_id04,.project_bottom_id05,.project_bottom_id06{
  height: 150px;
  background-size: cover;
  margin-top: 2em;
  }
.project_bottom a.link_next{
  width: 69px;
  height: 14px;
  background-size: 69px 14px;
  }
}