@charset "UTF-8";



.fixed {
position: fixed;
top: 20px;
}


.pd_last {
padding-bottom: 100px !important;

}

table[class*="bort"] {

margin-top: 35px ;
width: 930px;
color: #000;
}

table[class*="bort"] td {

padding: 5px 10px;
vertical-align: middle;
white-space: normal;
flex: 1;
border-right: 1px solid #fff;
box-sizing: border-box;
}


table[class*="bort"] tr:nth-child(1) td{ 
background: none !important;
  padding: 5px 0px;

}

table[class*="bort"] tr:nth-child(1) { 
border: 0;
}


table[class*="bort"] th {

width: 26%;
background: rgba(178,206,202,0.9);
vertical-align: middle;
    text-align: left;
    padding: 5px 10px;
    font-weight: normal;
}


table[class*="bort"] td:nth-child(1) {

width: 26%;
background: rgba(178,206,202,0.9);
}

table[class*="bort"] td:nth-child(2) {

background: rgba(255,255,255,0.9);

}

table[class*="bort"] tr {

border-bottom: 1px solid #c6c6c6;
  border-top: 1px solid #c6c6c6;
border-right: 1px solid #FFF;
display: flex;
}

.bort02 td:nth-child(1) {
background: rgba(178,206,202,0.9) !important;

}

.bort03 td:nth-child(1) {
background:  rgba(178,206,202,0.9) !important;

}
.bort01  {

margin-top: 0px !important;
}




@media screen and (max-width:767px) {


 body table[class*="bort"] {

width: 767px;
}




  .fl_b {

    display: block;
  flex-wrap: wrap;
} 

body .main_tittle h3 {

    width: 50%;
  }


  body .stop_img {

    width: 100%;
  }

.bort01 tr, .bort02 tr, .bort03 tr {


  border-right: 0px !important;

} 

table[class*="bort"] th {

width: 28% !important;
}


table[class*="bort"] td:nth-child(1) {

width: 28% !important;
}

.spmt35 {

margin-top: 35px !important;
}



.pd_last {
padding-bottom: 35px !important;

}


table[class*="bort"] {

border-right: 0px !important;
}





}



.page-title {

line-height: 2.3 !important;
}






.CONCEPT_01 {

background: #f5f6f7;
}

.CONCEPT_02 {

  margin-top: 92px;

}

.CONCEPT_02 img {

width: 400px;

}

.img_list {

  width: 95%;
  margin: 25px auto !important;

}

.img_list p {
text-align: justify;
  font-size: 1.28em;
  margin-top: 15px;

}

.stop_img  {
  /*
-webkit-transition: all .3s;
          transition: all .3s;
    */    
position: fixed;
max-width: 930px;/*
-webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);*/
top: 0;
right: 0;
left: 0;
/*left:50%;*/
z-index: -1;
margin: 0 auto;
/*inset: 0;
*display: flex;
justify-content: center;
align-items: flex-start;
height: 100vh;
*/
}

.stop_img img {

width: calc(90% + 100px);
margin: 0 auto;

-webkit-transition: all .3s;
          transition: all .3s;
}


@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .stop_img { 


position: fixed;
text-align: center;
width: 100%;
height: 100%;
margin: auto;
max-width: 930px;
/*left: 50%;
        transform: translate(-50%, 0%);
  -*/      
        transition: all 0s !important;
 
  }
}


.out_sl2 {

  margin: 0 auto;
}


.footer_inner {
background: #fff;
}

.pd_last {

color: #000;

}

.ontlone_t {

color:#333 !important ;
font-size: 1.2em;
    font-weight: bold;
}


article img {

  width: 100%;
}


.main_tittle h3 {

  width: 300px;
  margin: 0 auto;
}
.main_txt_sub {

  font-size: 2.0rem;
}

.dsi_t {
  display: table;
  vertical-align: text-top;
  font-size: 1rem;
}


.dsi_t span {
  display: table-cell;
}

.fl_b {
  display: flex;
  align-items: center;
}


table[class*="bort"] tr:nth-child(1) th {


  background: none;
}


.selected_ie {
      
        top:25% ;
      }
      
      


      body .scroll table{
    
    overflow-x: scroll;
      }
  
      
      .scroll{
      overflow: auto;/*tableをスクロールさせる*/
      white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
    padding-bottom: 15px;
      }
      .scroll::-webkit-scrollbar{/*tableにスクロールバーを追加*/
      height: 8px;
      }
      .scroll::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
      background: #F1F1F1;
      }
      .scroll::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
      background: #195cbf;
    }
  


      .shdow_f h2 {


        text-shadow: 0 0 2px #fff, 0 0 6px #fff;;
      }
      