@charset "UTF-8";

/*--- technical.css ---*/
article{
display: -webkit-flex; /* Safari */
display:flex;
}
.commentary-caption{
margin:0 20px;
padding:10px 0 10px 10px;
font-size:14px;
clear:both;
background:#e5ded7;
}
.txt-box h3{
	width: 95%;
    margin: 0 auto;
    font-size: 1.17em;
}

.commentary-caption-list{
margin:0;
padding:5px 5px 5px 20px;
font-size:14px;
line-height:1.5;
background-image: url(/img/usr/icon/img_00.gif);
background-repeat: no-repeat;
background-position: 1px 5px;
}

.commentary-list{
margin:0 auto;
padding:0;
width:760px;
clear:both;
}
.commentary-list-name{
margin:0;
padding:0;
float:left;
width:188px;
/*border:1px solid #eee;*/
}
.commentary-list-link{
display:block;
margin:0;
padding:8px;
font-size:14px;
/*font-weight:bold;*/
border:1px solid #fff;
/*background:linear-gradient(
#fff 0%,
#ccc 100%
);*/
}

.commentary-supp{
margin:0 20px;
padding:0 0 2px 10px;
}
.commentary-supp-ttl{
margin:10px 0 0 0;
font-size:14px;
}
.commentary-supp-desc{
margin:0;
padding:5px 5px 5px 10px;
font-size:14px;
}

.flex-box{
margin:0 auto;
padding:0;
width:700px;
display: -webkit-flex; /* Safari */
display:flex;
align-items:center;
-webkit-justify-content:space-around;/* Safari */
justify-content:space-around;
-webkit-align-items:flex-start;/* Safari */
align-items:flex-start;
text-align:center;	
}
.flex-box-top{
margin:0 auto;
padding:0;
width:700px;
display: -webkit-flex; /* Safari */
display:flex;
align-items:top;
-webkit-justify-content:center; /* Safari */
justify-content:center;
text-align:center;
}
.flex-box_kk{
margin:0 auto;
padding:0;
width:700px;
display: -webkit-flex; /* Safari */
display:flex;
align-items:center;
-webkit-justify-content:space-around;/* Safari */
justify-content:space-around;
-webkit-align-items:flex-start;/* Safari */
align-items:flex-start;
text-align:center;	
}


.rb-tbl{
font-size:12px !important;
}

.table{
text-align: center;
}
.bar_04 {
	line-height: 1.7em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3399CC;
	font-size: 1em;
	letter-spacing: 0.2em;
	margin-right:20px;
	margin-left: 5px;
	padding-right: 5px;
	margin-bottom: 20px;
	margin-top: 15px;
}

.page{
align-items:center;
}

.pin-center-img{
text-align: center;
}

.pin-center-img2{
  text-align: center;
}
body:has(> .wrapper_wrapper_) #fp-contents .pin-center-img2 +.pin-center-img2{
  margin-top: 60px;
}

body:has(> #container) #fp-contents .pin-center-img2 +.pin-center-img2{
  margin-top: 40px;
}
body:has(> #container) #fp-contents .pin-center-img2 img{
  width: 96%;
}

.center-items{
font-weight: bold;
font-size: 1.2rem;
}


/*--表面処理テーブル--------------------*/
.surface-treatment-table{
margin:0 auto 10px auto;
width:750px;
border-collapse:separate; 
table-layout:fixed;
border-spacing:0;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
.surface-treatment-type{
width:200px;
border-top:1px solid #e1efe2;
border-bottom:1px solid #758276;
border-left:1px solid #e1efe2;
border-right:1px solid #758276;
padding:2px;
font-size:12px;
font-weight: bold;
background:#cad8cb;
text-align:center;		
}
.surface-treatment-cont{
width:500px;
border-top:1px solid #e1efe2;
border-bottom:1px solid #758276;
border-left:1px solid #e1efe2;
border-right:1px solid #758276;
padding:2px;
font-size:12px;
font-weight: bold;
background:#cad8cb;
text-align:center;		
}
.surface-treatment-table td{
padding:2px;
border-top:1px solid #eee;
border-bottom:1px solid #666;
border-left:1px solid #eee;
border-right:1px solid #666;
text-align:left;
}
/*--薬品テーブル--------------------*/
.medicine-table{
margin:0 auto 10px auto;
width:750px;
border-collapse:separate;
table-layout:fixed;
border-spacing:0;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
.medicine-type{
width:100px;
border-top:1px solid #e1efe2;
border-bottom:1px solid #758276;
border-left:1px solid #e1efe2;
border-right:1px solid #758276;
padding:2px;
font-size:12px;
background:#cad8cb;
text-align:center;	
}
.medicine-name{
width:120px;
border-top:1px solid #e1efe2;
border-bottom:1px solid #758276;
border-left:1px solid #e1efe2;
border-right:1px solid #758276;
padding:2px;
font-size:12px;
background:#cad8cb;
text-align:center;	
}
.medicine-name-left{
width:170px;
border-top:1px solid #e1efe2;
border-bottom:1px solid #758276;
border-left:1px solid #e1efe2;
border-right:1px solid #758276;
padding:2px;
font-size:12px;
background:#cad8cb;
text-align:left;	
}
.medicine-materialname{
width:32px;
border-top:1px solid #e1efe2;
border-bottom:1px solid #758276;
border-left:1px solid #e1efe2;
border-right:1px solid #758276;
padding:2px;
font-size:12px;
background:#cad8cb;
text-align:center;	
}
.medicine-materialname_l{
width:60px;
border-top:1px solid #e1efe2;
border-bottom:1px solid #758276;
border-left:1px solid #e1efe2;
border-right:1px solid #758276;
padding:2px;
font-size:12px;
background:#cad8cb;
text-align:center;	
}
.medicine-table td{
padding:2px;
border-top:1px solid #eee;
border-bottom:1px solid #666;
border-left:1px solid #eee;
border-right:1px solid #666;
text-align:center;
}
/*--図面テーブル--------------------*/
.draw-img-table{
margin:0 auto 10px auto;
width:750px;
border-collapse:separate;
table-layout:fixed;
border-spacing:0;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
.draw-img-type{
width:50px;
border-top:1px solid #e1efe2;
border-bottom:1px solid #758276;
border-left:1px solid #e1efe2;
border-right:1px solid #758276;
padding:2px;
font-size:14px;
background:#cad8cb;
text-align:center;	
}
.draw-img-characteristic{
width:80px;
border-top:1px solid #e1efe2;
border-bottom:1px solid #758276;
border-left:1px solid #e1efe2;
border-right:1px solid #758276;
padding:2px;
font-size:14px;
background:#cad8cb;
text-align:center;
}
.draw-img-draw{
width:200px;
border-top:1px solid #e1efe2;
border-bottom:1px solid #758276;
border-left:1px solid #e1efe2;
border-right:1px solid #758276;
padding:2px;
font-size:12px;
background:#cad8cb;
text-align:center;	
}
.draw-img-processing,.draw-img-screwsize{
width:165px;
border-top:1px solid #e1efe2;
border-bottom:1px solid #758276;
border-left:1px solid #e1efe2;
border-right:1px solid #758276;
padding:2px;
font-size:12px;
background:#cad8cb;
text-align:center;	
}

.draw-img-table td{
padding:2px;
border-top:1px solid #eee;
border-bottom:1px solid #666;
border-left:1px solid #eee;
border-right:1px solid #666;
text-align:left;
font-size: 15px;
}
/*--材質テーブル--------------------*/
.material-table{
margin:0 auto 10px auto;
width:750px;
border-collapse:separate;
table-layout:fixed;
border-spacing:0;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
.material-type{
width:150px;
border-top:1px solid #e1efe2;
border-bottom:1px solid #758276;
border-left:1px solid #e1efe2;
border-right:1px solid #758276;
padding:2px;
font-size:12px;
background:#cad8cb;
}
.material-item{
width:300px;
border-top:1px solid #e1efe2;
border-bottom:1px solid #758276;
border-left:1px solid #e1efe2;
border-right:1px solid #758276;
padding:2px;
font-size:12px;
background:#cad8cb;
}
.material-table td{
width:300px;
padding:2px;
border-top:1px solid #eee;
border-bottom:1px solid #666;
border-left:1px solid #eee;
border-right:1px solid #666;
font-size:12px;
}
.mat-symbol-table{
margin:0 auto 10px auto;
width:750px;
border-collapse:separate;
table-layout:fixed;
border-spacing:0;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
.mat-symbol-table th{
border-top:1px solid #e1efe2;
border-bottom:1px solid #758276;
border-left:1px solid #e1efe2;
border-right:1px solid #758276;
padding:2px;
font-size:12px;
background:#cad8cb;
}
.mat-symbol-table td{
width:300px;
padding:2px;
border-top:1px solid #eee;
border-bottom:1px solid #666;
border-left:1px solid #eee;
border-right:1px solid #666;
font-size:12px;
}
/*--材料性質テーブル--------------------*/
.mat-nat-table{
margin:0 auto 10px auto;
width:750px;
border-collapse:separate;
table-layout:fixed;
border-spacing:0;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
.mat-nat-table th{
border-top:1px solid #e1efe2;
border-bottom:1px solid #758276;
border-left:1px solid #e1efe2;
border-right:1px solid #758276;
padding:2px;
font-size:12px;
background:#cad8cb;
text-align:center;
}
.mat-nat-table td{
padding:2px;
font-size:12px;
border-top:1px solid #eee;
border-bottom:1px solid #666;
border-left:1px solid #eee;
border-right:1px solid #666;
text-align:center;
}
.specific-sp-box{
display: none;	
}

/*--特例テーブル--------------------*/
.specific-table{
margin:0 auto 10px auto;
table-layout:fixed;
border-collapse:separate; 
border-spacing:0;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
.specific-table th{
padding:2px;
text-align:center;
width: 20%;
font-weight:normal;
}
.specific-table td{
padding:2px;
}

.w0{
    width: auto !important;
} 
.w40px{
    width: 40px !important;
} 
.w50px{
    width: 50px !important;
} 

.w80px{
    width: 80px !important;
} 

.speacer-type-table{
margin:0 auto 10px auto;
width:750px;
table-layout:fixed;
border-collapse:separate; 
border-spacing:0;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
.speacer-type-table th{
border-top:1px solid #e1efe2;
border-bottom:1px solid #758276;
border-left:1px solid #e1efe2;
border-right:1px solid #758276;
padding:2px;
font-size:12px;
background:#cad8cb;
text-align:center;
}
.speacer-type-table td{
padding:2px;
font-size:12px;
border-top:1px solid #eee;
border-bottom:1px solid #666;
border-left:1px solid #eee;
border-right:1px solid #666;
text-align:left;
}

.spacer-generic-table{
	margin: 0 auto 10px auto;
    width: 750px;
    border-collapse: separate;
    border-spacing: 0;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
}
.spacer-generic-table th {
    border-top: 1px solid #e1efe2;
    border-bottom: 1px solid #758276;
    border-left: 1px solid #e1efe2;
    border-right: 1px solid #758276;
    padding: 2px;
    font-size: 12px;
    background: #cad8cb;
    text-align: center;
}
.spacer-generic-table td{
    padding: 2px;
    font-size: 12px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #666;
    border-left: 1px solid #eee;
    border-right: 1px solid #666;
    text-align: center;
}

.spacer-generic-table2{
	margin: 0 auto 10px auto;
    width: 750px;
    border-collapse: separate;
    border-spacing: 0;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
}
.spacer-generic-table2 th {
    border-top: 1px solid #e1efe2;
    border-bottom: 1px solid #758276;
    border-left: 1px solid #e1efe2;
    border-right: 1px solid #758276;
    padding: 2px;
    font-size: 12px;
    background: #cad8cb;
    text-align: center;
}
.spacer-generic-table2 td{
    padding: 2px;
    font-size: 12px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #666;
    border-left: 1px solid #eee;
    border-right: 1px solid #666;
    text-align: center;
}

.technical-table{
    margin:0 auto 10px auto;
    width:750px;
    height: auto;
    border-collapse:separate; 
    border-spacing:0;
    box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
.technical-table th{
    border-top:1px solid #e1efe2;
    border-bottom:1px solid #758276;
    border-left:1px solid #e1efe2;
    border-right:1px solid #758276;
    padding:2px;
    font-size:12px;
    background:#cad8cb;
    text-align:center;
}
.technical-table td{
    padding:2px;
    font-size:12px;
    border-top:1px solid #eee;
    border-bottom:1px solid #666;
    border-left:1px solid #eee;
    border-right:1px solid #666;
    text-align:center;
}
.title-box{
    padding: 10px 0 10px 20px;
}
.sub_title{
    padding: 0 0 0 20px;
}
.gray-table{
    margin: 0 auto 10px auto;
    width: 750px;
    border-collapse: separate;
    border-spacing: 0;
}
.gray-table th{
    border-top:1px solid #e1efe2;
    border-bottom:1px solid #758276;
    border-left:1px solid #e1efe2;
    border-right:1px solid #758276;
    padding:2px;
    font-size:12px;
    background:#cad8cb;
    text-align:center;
}
.gray-table td{
    padding:2px;
    font-size:12px;
    border-top:1px solid #eee;
    border-bottom:1px solid #666;
    border-left:1px solid #eee;
    border-right:1px solid #666;
    text-align:center;
}

.gray-table .no_border{
    border-top: 0px solid rgb(255, 255, 255);
    border-bottom: 0px px solid rgb(255, 255, 255);
    border-left: 0px solid rgb(255, 255, 255);
    border-right: 0px solid rgb(255, 255, 255);
}

.text-space{
    text-align: left;
    padding: 30px;
}
.border-wrap{
    text-align: left;
    margin: 10px 0;
}


.pinheader_box{
display: flex;
width: 95%;
margin: 10px;
padding: 5px 10px;
}
.pinheader-table{
border-top: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
margin: 2px;
}
.pinheader-table img{
width: 90%;
margin: 0 5px;
}
.pinheader-table span{
background: #eeeeee;
font-weight: 600;
border-radius: 3px;
padding: 3px;
margin: 0 5px 0 0px;
font-size: 11px;
line-height: 25px;
}
.pinheader-table tr{
    text-align: left;
}
.pinheader-table td{
    font-size: 11px;
}
.pinheader-table .border-bt{
    border-bottom: 1px solid #666;
    padding: 0;   
}
.flex-space{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}
.flex-img-box{
    display: flex;
    justify-content: space-around;
}
.box-30{
    padding: 30px;
}

.table-listname{
width:90px;
}
.table-listtype{
width:50px;
}
.table-listnumtype{
width:100px;
}
.p-method{
width:110px;

}
.teble-desc{
width:220px;

}
.bush-table{
table-layout:fixed;
border-collapse:collapse; 
border-spacing:0;
width:380px;
}
.bush-table th{
border:1px solid #006400;
padding:5px;
font-size:12px;
background:#cad8cb;
text-align:center;
}
.bush-table td{
padding:5px;
font-size:12px;
border:1px solid #006400;
text-align:left;
}
.bush-doc-box{
margin:10px;
width:780px;
display: -webkit-flex; /* Safari */
display:flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.bush-document{
width:390px;
text-align:center;
}
.bush-document img{
margin:30px;
} 
.bush-mini-ttl{
margin:5px 10px;
padding:10px;
width:760px;
background:#eee;
}
.bush-num-ttl{
margin:5px 0;
padding:5px 0;
width:80px;
border-bottom:2px solid #006400;
}
.bush-spec-tb{
table-layout:fixed;
border-collapse:collapse; 
border-spacing:0;
width:150px;
margin-right:5px;
}
.bush-spec-tb th{
border:1px solid #006400;
padding:5px;
font-size:10px;
background:#cad8cb;
text-align:center;
}
.bush-spec-tb td{
padding:5px;
font-size:12px;
border:1px solid #006400;
text-align:center;
}
/*--材料性質リスト--------------------*/
.material-dlist{
padding:10px;
}

.material-dlist dd{
margin-left:30px;
}
/*--補足--------------------*/
.supplemental-box{
margin:10px 10px 30px 10px;
padding:10px;
border-radius:5px;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
.supp-box-ul{
margin:10px;
}
.supp-box-list{
padding:5px;
}
.supp-desc{
margin:0;
padding:5px 10px;
font-size:14px;
}
table.setwasher {
width: 700px;
}
table.setwasher td{
padding: 5px;
}

table.setwasher dt{
font-weight: bold;
}
.reference{
font-size: 16px;
text-align: left;
padding: 10px !important;
}
.reference span{
	color: #f00;
}
.head_bush_type {
	font-weight: bold;
	background: #eee;
	padding: 5px 10px;
	margin: 0 10px;
}
dl.generic-list dd span {
	padding-left: 8em;
}

.torq-box{
    display: flex;
}
.torq-img{
    width: 50%;
}
.torq-img img{
    width: 100%;
}
.digit-img{
    width: 30%;
}
.d-flex-box{
    display: flex;
    justify-content: space-between;
    align-items: center; 

    width: 702px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.img-title-space{
    margin: 10px 0;
}
.flex-part197{
    display: flex;
    align-items: center;
}

.flex-part197 .list-box{
    width: 240px;
    border: solid 1px;
    margin: 10px;
    padding: 20px;
}
.l-list-box{
    text-align: left;
}
.contents-box p{
    text-align: left;
}
.wrap-box{
    flex-wrap: wrap;
}
.flex-column-box{
    padding: 20px;
}
.flex-hsd-box{
    display: flex;
}
.flex-center-box{
    display: flex;
    align-items: center;
    margin: 0 30px;
}
.flex-center-box197{
    display: flex;
    align-items: center;
    margin: 0 10px;
}
.flex-center-box197 .pc-l{
  flex: 1;
}
.ta-title h4{
    background-color: #ffd601;
    padding: 10px 0;
}
.border-box-2{
    border: solid 1px;
}
.table-cell-box{
    padding: 30px 0;
}





/*--矢印調整--------------------*/
.inline-f{
	display: inline-flex;
}
.sp-only{
    display: none;
}
.sp-only-tb{
    display: none;
}

/*--表の幅調整--------------------*/
.w15px{
    width:15px !important;
}

.w20px{
    width:20px !important;
}
.f9px{
    font-size: 10px !important;
}

.td_bold{
    font-weight: bold;
}
.bg_green{
   background: #006400 !important;
   color:white;
}

.text-align_right{
    text-align: right;
}

.hight47px{
    height: 47px;
}

.hight47px > img{
    width: 40px;
}

/* トレイ品インフォメーションCSS　　20250409
technical/pn-code/ph-tray-info.html  */

.yellow_back_text{
    border: #ffd601;
    background-color: #ffd601;
    border-radius: 30px;
    padding: 10px;
    width:80%;
    font-weight: bold;
    margin: 0 auto;

}

.yellow_back_text2
{
    font-weight: bold;
    margin: 0 auto;
    margin-left: 10%;
}

/*--- technical_sp.css ---*/
body:has(> #container) {

  .breadcrumb {
    /*padding-top: 90px;*/
  }

  .center-img img {
    width: 100%;
  }
  .pin-center-img img{
    width: 96%;
  }
  .desc {
    font-size: 16px;
  }

  .inline-f {
    display: inline-flex;
    flex-wrap: wrap;
  }

  table.setwasher {
    width: 100%;
  }

  .setwasher td {
    display: block;
  }

  /*用語集-----------------*/
  .generic-table,
  #fp-contents .generic-table {
    width: 100%;
    max-width: 94%;
    height: auto;
  }
  .spacer-generic-table{
    max-width: 94%!important;
    height: auto;
  }
  .spacer-generic-table2{
    width: 94%;
    height: auto;
  }
  .generic-table td{
    padding: 10px 2px;
    font-size: 18px;
  }
  .spacer-generic-table td{
    padding: 10px 2px;
    font-size: 18px;
  }
  .spacer-generic-table2 td{
    padding: 10px 2px;
    font-size: 18px;
  }
  .washer-generic-table td{
    padding: 10px 2px;
    font-size: 18px;
  }

  .washer-generic-table{
      width: 94%!important;
      height: auto;
      margin: 30px auto;
      border-collapse: separate;
      border-spacing: 0;
      box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
  }
  .washer-generic-table th, .technical-table th {
      border-top: 1px solid #e1efe2;
      border-bottom: 1px solid #758276;
      border-left: 1px solid #e1efe2;
      border-right: 1px solid #758276;
      padding: 2px;
      font-size: 12px;
      background: #cad8cb;
      text-align: center;
  }
  .washer-generic-table td, .technical-table td{
      border-top: 1px solid #eee;
      border-bottom: 1px solid #666;
      border-left: 1px solid #eee;
      border-right: 1px solid #666;
      text-align: center;
  }
  .technical-table{
    width: 100%;
  }
  .pinheader_box{
    flex-direction: column;
    margin: 0 auto;
  }
  .pinheader-table img{
    width: 90%;
    margin: 0 5%;
  }
.pinheader-table td{
  height: 40px;
}
.pinheader-table span{
  margin: 0 5px 0 8px;
}

  .glossary {
    margin: 0 10px;
    padding: 0 30px;
    position: relative;
    background-position: bottom left;
    background-repeat: repeat-x;
    z-index: 1;
  }
  .scroll {
    overflow: scroll;
  }
  .glossary:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #006342;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 15px;
    right: 10px;
    z-index: 100;
  }
  .glossary:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #006342;
    border-bottom: 10px solid transparent;
    position: absolute;
    top: 15px;
    left: 10px;
    z-index: 100;
  }
  .scroll .generic-table td{
    width: 50px;
    white-space: nowrap;
  }



  /*用語集-----------------ここまで*/

  /* 2022.08 モバイル化の際に追加 */
  .pc-only {
    display: none !important;
  }

  .pc-margin {
    text-align: center;
    margin: 0 auto;
  }
  .margin_li{
    margin: 10px;
  }
  .sp-border-box {
    border: 2px solid gray;
    padding: 15px;
    margin-top: 15px;
  }
  .specific-sp-box{
    display: block;	
    margin: 10px;
  }
  .flex-part {
    margin: 20px auto;
  }

  .flex-column-box {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .flex-box_kk{
	width: 90%;
  }
  .flex-box_kk .double-table{
    width: 100%;
  }

  .text-area {
    text-align: left;
    margin-bottom: 40px;
  }

  .text-area img {
    margin-bottom: 20px;
  }

  .box-25 {
    margin-bottom: 25px !important;
  }

  .box-30 {
    margin-bottom: 25px !important;
  }

  .border-box,
  .border-color-box {
    margin: 0 auto 20px;
  }

  .selector-title {
    width: auto;
    text-align: left;
  }

  .specific-sp-box {
    flex-direction: column;
    margin-bottom: 20px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
    padding: 2px;
  }

  .generic-table-sub {
    margin-top: 10px;
    text-align: center;
  }

  .generic-table-sub td {
    text-align: left;
    padding: 10px;
    width: auto !important;
  }

  .generic-table-sub-head {
    border: none !important;
    background: none !important;
  }

  .generic-sp-img {
    min-width: 70px !important;
  }

  .commentary-list {
    margin: 0 20px;
    padding: 0;
    width: auto;
    clear: both;
  }
  .txt-box .commentary-list{
    margin: 0;
  }
  .txt-box_sp img{
    width: 90%;
  }
  /* generic-tableが崩れる時の対策 */
  #fp-contents .generic-sp-flow {
    width: auto;
  }

  /* generic-tableが崩れる時の対策 ここまで*/

  .bush-document,
  .bush-table {
    width: 100%;
  }

  .bush-document img {
    width: 90%;
    padding: 10px;
    margin: 0;
  }

  .generic-flex-list {
    width: auto;
  }

  .title_list {
    text-align: center;
  }

  .lexicon-img {
    width: 100%;
    height: auto;
  }
  .digit-img{
    width: 80%;
    height: auto;
  }
  .generic-flex-list li{
    width:300px;
  }
  .ad_direction{
    flex-direction: column;
  }
  .title-box{
    padding: 10px;
  }  
  .sub_title{
    padding: 10px;
  }
  .gray-table{
    width: 100%;
  }
  .flex-space{
    flex-direction: column;
  }
  .supp-box-list br{
    display: none;
  }
  .flex-center-box{
  flex-direction: column;
  }

  /* 2022.08 追加 ここまで */
  /*目的別分類-----------------*/
  .sp-only {
  display: block;
  }
  .sp-only img{
  width: 90%;
  margin: 0 20px;
  }
  .sp-only-tb{
    display: revert;
  }
  .sp-only-tb img{
    width: 90%;
    margin: 0 20px;
  }
  .flex-hsd-box{
    flex-direction: column;
  }
  .txt-box h3{
    margin: 20px auto;
  } 
  .d-flex-box{
    display: block;
  }
  .flex-part197{
    flex-direction: column;
  }
  .flex-part197 .list-box{
    width: 90%;
  }
  .flex-center-box197{
    display: block;
    margin: 0;
  }
  /*目的別分類-------------ここまで*/

.torq-box{
  flex-direction: column;
  margin: 10px;
}
.torq-img{
  width: 90%;
  margin: auto;
}


}

#fp-contents #contents table img{
  max-width: none;
}