@charset "UTF-8";


.under_contents li:nth-child(3n) {
    margin-right: 0px;
}
.contents_info {
    padding-top: 25px;
}
.link_list{
  min-height: 225px;
}
.link_list a{
  color: #000;
  
}
.inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 50px 0;
}
.inner .usage-env_btn{
  max-width: 500px;
  width: 100%;
}
.ul{
  text-decoration: underline;
}
.cale_t{
  padding-top: 40px;
}
.block{
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap:10px;
}
.block.rev{
  background: #f4f4f4;
  max-width: 850px;
  width: 100%;
  margin: auto;
  padding: 50px 60px;
  box-sizing: border-box;
}
.indent{
  text-indent: -1em;
  padding-left: 1em;
}
.list li{
  text-indent: -1em;
  padding-left: 1em; 
}
table th{
  background: #d8e9f3;
  min-width: 130px;
}
table td{
  background: #fff;
}

.img_flex{
  display: flex;
  gap: 45px;
  justify-content: center;
  margin-bottom: 30px;
}
.img_flex a{
  border: 1px solid #eee;
}
.apply_list{
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.apply_list span.bo_text{
  border: 1px solid #000;
  max-width: 140px;
  width: 150px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 25px;
}
.apply_list span.span_indent{
  text-indent: -3em;
  padding-left: 3em;
}
.service-title_content{
  font-size: 2.4rem;
}
.last_box{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
.btn.display-content_list-btn{
  width: 310px;
  box-sizing: border-box;
}
.btn::after{
  line-height: 1;
}
.indent.mt_10{
  margin-top: 10px;
}
.table_inner {
  display: flex;
  gap: 5px;
  padding: 5px;
  margin-top: 5px;
  border: 1px solid #000;
  flex-wrap: wrap;
}
.caution {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 5%;
  border: 2px solid #d4413a;
  font-size: 125%;
}
.cau_bold {
  text-align: center;
  font-weight: bold;
  padding-bottom: 10px;
}
.cau_text {
  width: 100%;
  max-width: 400px;
}
.tdu{
  text-decoration: underline;
}
.cancel {
  text-decoration: line-through #f00;
}
@media screen and ( max-width: 767px ){
.personal_midashi span::before {
    width: 50px;
    height: 50px;
    top: 0;
    left: -60px;
  }
  .table-list,.contents_info p, .contents_info p.height-auto{
    min-height: auto;
  }
.link_list{
  min-height: auto;
}
  .usage-env_btn{
    width: 100%;
  }
  .usage-env_btn.btn::after{position: relative;
  right: -5px}
.block.rev{
  padding: 30px 5%;
}
  .inner .usage-env_btn{
    width: 80%;
    margin: 20px auto 0;
    font-size: 1.4rem;
  }
  .img_flex{
    gap: 10px;
  }
  table th{
    width: 100%;
  }
  .apply_list span.bo_text {
    border: 1px solid #000;
    width: 230px;
  }

}
@media screen and ( max-width: 340px ){
  table td {
    background: #fff;
    width: 270px;
  }
  .apply_list span.bo_text {
    border: 1px solid #000;
    width: 256px;
  }
}