.body_index {
  background-color: #fff;
}

h2 {
  font-size: 26px;
  letter-spacing:0.8em
}
.Midashi {
  margin: 20px 5px 0;
  /* position:relative; */
  z-index: 1;
}

/* 見出し（Rhineと文字を横並びする） */
.Line_3,
.Line_1,
.Midashi_Font {
  display:inline-block;
}
.Line_3 {
  width: 115px;
}
ul.Line_3 li {
  width: 20px;
  height: 6px;
  margin: 0 1.5% 4px;
  display: inline-block;
  border: solid 1px #5584a3;
  background: #99e3f0;
  transform: skewX(-40deg);
}
ul.Line_1 li {
  width: 670px;
  height: 6px;
  margin: 0 0 4px;
  display: inline-block;
  border: solid 1px #5584a3;
  background: #99e3f0;
  transform: skewX(-40deg);
}

/*画像背景文書*/
figure {   
  position: relative;
  margin-bottom:50px;
}
figure img { 
  vertical-align: top; 
}
figure figcaption {
  backdrop-filter: blur(1px);
  position: absolute;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  align-items:start;
  background-color: rgba(66, 64, 64, 0.589);  
}
.decorator {
  width:1000px;
  font-size: 20px;
  color: #ffffff;
  line-height:25px;
  text-align: center;
 
}
h1{
  font-family:"Yu Mincho Medium", "游明朝 Medium", YuMincho;
}
.decorator>h1 {
  margin-top:20px;
  font-size: 40px; 
  line-height:1.4em;
}
.decorator>p {
  letter-spacing:0.01em;
  margin-top:10px;
} 
.decorator>ul {
  list-style-type: disc;
  line-height:20px;
  margin-left: 70px;
  margin-top:25px;
  text-align: left;  
 }
.decorator>ul>li {
  margin-bottom:20px;
}
.Text {
  padding-top:50px;
}



/*業務開発（現在仮設） */
.Gyomu {  
  width: 1000px;
  text-align: center;
}
.Gyomu_Box {
  margin: 20px auto;
}
button {
  text-align: center;  
  margin: 10px auto;
  width: 1000px;
  height: 300px;
  background: transparent; outline: none;
  position: relative;
  border: 2px solid #111;  
  overflow: hidden;
  font-size:40px;
	text-align:center;


	color: #FFF;
}

/*button:hover{cursor: pointer}*/
/*button:before (attr data-hover)*/

button::before{
  content: attr(text_hover);
  opacity: 1;
  letter-spacing: 3px;
  font-weight: 800;
  font-size: .8em;
  transition: all .3s ease-in-out;/* 変化するすべてのプロパティへの適用 */ 
 }

button div{    
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    letter-spacing: 3px;    
    /* transform: translate(-100%,0); */
    transform: translate(0,100%);
    transition: all .5s ease-in-out;
    background: attr(list-style-type);
    background-color: rgba(66, 64, 64, 0.589);  
    color: #fff;
    animation: fadeIn 0.2s ease 0.3s 1 normal;
}

button:hover::before{ 
  opacity: 0; transform: translate(0,-100%)
}

button:hover div{
  transform: translate(0,0);
}

button>div>h1 {
   margin-bottom:10px;
 }
 button>div>p {  
  margin-bottom:4px;
  font-size:20px;
 }

 .Soft_Box>button:before{
   font-family:"Yu Mincho Medium", "游明朝 Medium", YuMincho;
  text-shadow: 
  0 0 0.05em #7800c8,
  0 0 0.10em #7800c8,
  0 0 0.15em #7800c8,
  0 0 0.30em #7800c8;
filter: saturate(80%);
 }

 .Web_Box>button:before{
  font-family:"Yu Mincho Medium", "游明朝 Medium", YuMincho;
  text-shadow: 
  0 0 0.05em #025af3,
  0 0 0.10em #025af3,
  0 0 0.15em #025af3,
  0 0 0.30em #025af3;
filter: saturate(80%);
 }

 .Consul_Box>button:before{
  font-family:"Yu Mincho Medium", "游明朝 Medium", YuMincho;
  text-shadow: 
  0 0 0.05em #f00014,
  0 0 0.10em #f00014,
  0 0 0.15em #f00014,
  0 0 0.30em #f00014;
filter: saturate(80%);
 }




/*新着情報 */
#Info_Box {
  width: 990px;
  height: 300px;
  font-size: 1.1em;
}
#Info_Box th,
#Info_Box td {
  border-bottom: 1px solid #bbb;
  vertical-align: middle;
}
#Info_Box th {
  width: 130px;
}
.Info_HP,
.Info_Oshirase {
  width: 80px;
  height: 30px;
  text-align: center;
  border: solid 2px #bc8c00;
  margin-right: 5px;
  line-height: 30px;
  border-radius: 10px;
  font-weight: 600;
  color: #fff;
  text-shadow:
       1px  1px 0px #003366,
      -1px  1px 0px #003366,
       1px -1px 0px #003366,
      -1px -1px 0px #003366,
       1px  0px 0px #003366,
       0px  1px 0px #003366,
      -1px  0px 0px #003366,
       0px -1px 0px #003366; /* 文字の影 */
  cursor:default;
}
.Info_HP {
  text-indent: 15px;
  letter-spacing: 15px;
  background-color: #00b0f0;
  border: solid 2px #003fed;
}
.Info_Oshirase {
  font-size: 90%;
  background-color: #ffc000;
  border: solid 2px #ff8c00;
}
#Next {
  width: 1000px;
  text-align: right;
  margin: 30px 0 50px;
}

#Next a{
  text-decoration:underline;
  color:#115555;
}
@media screen and ( min-width:1025px){
  .menu_wrapper,.Responsive_Header{
    display:none;
  }
}
@media screen and ( max-width:1025px) {
  .T_Img,.Site_Header.index
  ,.Site_Header,.Site_Header.index.fixed{
    display:none; /*非表示*/
  }
  .body_index{
    min-width:300px;
  }
  #Cntnt, button,#Footer,.Soft_Box
  ,.Consul_Box,td,#F_Menu
  ,#F_Menu_Top,#F_Company,tr,th,table,#News
  ,.Info,.Info_HP,.Info_Oshirase,body,.body_index
  ,footer,.Web_Box,#F_Box,#Info_Box,#Next{
    max-width: 100vw ;
    text-align: center;
    margin: 0px;
  }
  .Line_1{
    display:none;
  }
  .decorator>h1{
    margin-top:6px;
    font-size:25px;
  }
  .Text{
    padding-top:20px;
  }
  figure img {
    width: 100vw;
    height: 400px;
    object-fit: cover;
  }
  button::before{ 
    opacity: 0; transform: translate(0,-100%)
  }
  button div{    
    transform: translate(0,0);
    height: auto;
    padding-bottom:100px;
  }
  button{
    overflow: scroll;
  }
  button h1{
    font-size:25px;
  }
  .Gyomu_Box,.Gyomu{
    max-width: 100vw ;
  }
  
  #F_CopyRight {
    padding-top: 30px;
  }

  .Soft_Box h1{
    text-shadow:
    1px  1px 0px #7800c8,
   -1px  1px 0px #7800c8,
    1px -1px 0px #7800c8,
   -1px -1px 0px #7800c8,
    1px  0px 0px #7800c8,
    0px  1px 0px #7800c8,
   -1px  0px 0px #7800c8,
    0px -1px 0px #7800c8; /* 文字の影 */
  }
  .Web_Box h1{
    text-shadow:
    1px  1px 0px #025af3,
   -1px  1px 0px #025af3,
    1px -1px 0px #025af3,
   -1px -1px 0px #025af3,
    1px  0px 0px #025af3,
    0px  1px 0px #025af3,
   -1px  0px 0px #025af3,
    0px -1px 0px #025af3; /* 文字の影 */
  }
  .Consul_Box h1{
    text-shadow:
    1px  1px 0px #f00014,
   -1px  1px 0px #f00014,
    1px -1px 0px #f00014,
   -1px -1px 0px #f00014,
    1px  0px 0px #f00014,
    0px  1px 0px #f00014,
   -1px  0px 0px #f00014,
    0px -1px 0px #f00014; /* 文字の影 */
  }
}