/* プロダクトページ用*/
.box_out {
    display: flex;
    /*width: 1320px;*/
	margin-left: auto; /* 中央寄せにするため */
	margin-right: auto; /* 中央寄せにするため */
	margin-top: 1px;
	margin-bottom: 5px;
	font-size: medium;
	
}

.box_side{
  /*padding: 70px 10px 0 30px; */
  /*flex-basis: 25%;*/
  width:20%;
}

/*一覧横ブログメニュー用*/
.box_side2{
  padding: 100px 10px 0 15px; 
  flex-basis: 25%;
  text-align: center;
  text-decoration: none;
}

.box_side2 p{
   color: 0000ff;
   text-decoration: underline;
}


.menu {
  max-width:20rem;  /*サイドメニュー最大幅制限*/
}


.menu ul{ 
margin: 0; 
padding: 0; 
list-style: none; 

}

.menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
}

.menu li a{
display: block; 
padding: 0.2rem 1rem;
text-decoration: none;
color: #000000;
border-bottom: 1px solid #9F99A3;
margin: 0.6rem;
text-align: left;
font-size: 1rem;
}

.menu li a:hover{
background-color: #9EB7DD;
}

/*問い合わせボタン*/
.box_in06 {
  /*float: center;*/
  margin-top: min(3vh, 3rem);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 5px;
  padding: 1rem;
  border-top:1px solid;
  
}


.Btn01 {
  margin-left: auto; 
  margin-right: auto;
  position: relative;
  width: 9.3rem;
  text-align:center;
  padding: 1rem 2rem 1rem 1.5rem;
  background-color: #008000;
}

.Btn01 a{
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
}

.Btn01 a:after { /* くの字の表示設定 */
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1rem;
  width: 0.6rem;    /* くの字を山なりに見た時、左側の長さ */
  height: 0.6rem;   /* くの字を山なりに見た時、右側の長さ */
  /*border-style: solid; */
  border-top: 3px solid #000;     /* くの字を山なりに見た時、左側の太さと色 */
  border-right: 3px solid #000;   /* くの字を山なりに見た時、右側の太さと色 */
  transform: rotate(45deg);    /* くの字の向き */
  border-color: #ffffff;
}

.Btn01:hover {
  text-decoration: none;
  background-color: #bbbbbb;
}


.box_in02 {
  /*margin-left: 80px;*/
  /*margin-right: 80px;*/
  
  margin-bottom: 2.5rem;
  text-align:center;
}

.box_in02 img{
  /*width: 500px;*/
  width:clamp(25rem, 75%, 30rem);
  /*width:25rem;*/
  height: auto;
  
}

.box_in07 {
  text-align: left;  /*左寄せ*/
}


.box_in01 {
  /*float: left;
  margin-left: 80px;
  margin-right: 80px;*/
  margin-bottom: 5px;
  padding: 5px;

}

.box_in03 {
  /*float: left;*/
  text-align: left;  /*左寄せ*/
  /*margin-left: 80px;*/
  /*margin-right: 80px;*/
  margin-bottom: 5px;
  /*padding: 5px;*/
}

.box_in03 >p{
  padding-left:0.3rem;
}







.box_in04 {
  display: flex;
  text-align: left;  /*左寄せ*/
  /*margin-left: 5rem;
  margin-right: 5rem;*/
  margin-bottom: 5rem;
  width:100%;
}

.box_in04 .box_in04_item {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100%;      /*要素数による分割を均等にする*/
}
.
.box_in04 .box_in04_item img {
  margin: 0;
  padding: 0;
}

.box_in04 .box_in04_item a{
  text-decoration: none;
}

/*サイトマップ*/
.box_in04_siteitem {
  margin: 0;
  padding: 0 0 0 3rem;
  box-sizing: border-box;
  width:100%;
}

.box_in04_siteitem a{
  text-decoration: none;
  color: #333;
  width:70%;
  
}

.MojiIndent {
  text-indent: 1rem;
}

.box_line01{
  margin-bottom: 5px;
  margin-left: 10px;
  border: solid 1px #b0c4de;
  padding: 5px;
}
  
.box_line01:has(.maptext) {
  margin-left: 0;
  
  
  
 
}

.box_in05 {
  position: relative;/*相対配置*/
  text-align: left;  /*左寄せ*/
  margin-left: 1.3rem;
  margin-right: 1.3rem;
  margin-bottom: 5px;
  padding: 5px;
}

.box_in05 p{
  position: absolute;/*絶対配置*/
  color: white;/*文字は白*/
  bottom: 5%;
  left: 5%;
  font-size: min(1.2rem, 1.8vw);
  font-weight: normal;
  width:100%;
}

.box_in05 img{
  width:100%;
}

.img_left {
	float: left;
	padding: 2px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.img_right {
	float: right;
	padding: 2px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}

/*赤文字*/
.Mojired01{
  color: #ff4500;
}

/*青文字用*/
.Mojiblue03{
  color: #3636b3;
}


/*青文字アイコン付*/
.MojiIcon01 {
  color: #3636b3;
  font-weight: bold;
  text-align:left;
  padding-left:1.5em;
  text-indent:-1.6em; 
}

.MojiIcon01:before {
  position: relative;
  top: 3px;
  margin: 0 10px 0 0;
  content: url(../img/check.png);
}

/*サイトマップ用*/
.MojiIcon02:before {
  position: relative;
  top: 2px;
  /*margin: 0 10px 10px 0;*/
  content: url(../img/arrow.png);
  /*padding-bottom:2rem;*/
}

.box_in04_siteitem .MojiIcon02 a {
  padding-left:0.2rem;
}


/*縦ライン見出し*/
.Mojiline01{
border-left: thick solid #000080;
padding-left: 0.6rem;
font-size: 1.5rem;
font-weight: bold;
margin-top: 3px;
margin-bottom: 3px;
}

/*横ライン見出し*/
.Mojiline02{
display: flex;
align-items: center;/* 縦位置の調整 */
font-weight: bold;
margin-top: 3px;
margin-bottom: 3px;
}

.Mojiline02::after {
  content: '';
  flex-grow: 1;/* 余白を分け与える */
  height: 2px;
  background: #4682b4;
}

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

.img-center p{
  text-align:left;
}


/*縦ライン見出し小*/
.Mojiline03{
border-left: medium solid #4682b4;
padding-left: 10px;
/*font-size: 20px;*/
margin-top: 3px;
margin-bottom: 3px;
font-weight: bold;

}


.box02_right:has(.box_in03) {
  /*display:flex;   */
  /*justify-content: space-between; */
     /*flex-wrap: wrap;
     align-items:normal;*/
     
}





.Mojibox01{
  background: #b0c4de;/*背景色*/
  border: solid 1px #798799;
  /*border-bottom: solid 1px #798799;*/
  padding: 2px;/*文字まわり（上下左右）の余白*/
  /*color: white;*/
  margin-bottom: 3px;
  font-size:1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.single-line {
  margin:1rem;
  font-size:medium;
}

.box_in03 img {
  width:min(100%, 45rem);
  /*text-align:center;*/
  height:auto;
}

.Gridtype .box_in03 img {
  width: min(100%, 30rem);
}



/*テーブル用*/
.box_Table01 {
  width:100%;
  /*display: flex;*/
  /*text-align: left;*/
  /*margin-left: 5rem;*/
  /*margin-right: 5rem;*/
  /*justify-content: center;*/
  margin-bottom: 0.3rem;
  /*text-align: center;*/
  
}

.Table_title {
  margin: 0.5rem 0;
  padding-left: 1rem;
  text-align: left;  /*左寄せ*/
}

.box_Table01 p {
  text-align:left;
  font-weight: bold;
  margin-left:2rem;
}

.box_Table01 p::before {
  content:"〇";
}

.box_Table01 table {
  width:100%;
  margin: auto;

  border-collapse: collapse;
  /*margin: 0 0 0px 20px;*/
}

.box_Table01 table tr {
  text-align:center;
}


.box_Table01 table th {/*table内のthに対して*/
  padding: 0.3rem;
  background: #008299;/*背景色*/
  border: solid 1px black;
  color: #FFFFFF;/*文字色*/
  font-weight: normal;
  /*font-size: 0.9rem;*/
}


.box_Table01 table .small-heading  {
  font-size:95%;
  background: #D1F0FF;/*背景色*/
  color:black
}







.box_Table01 table td {/*table内のtdに対して*/
  padding: 0.3rem 0;
  font-size:95%;
  border: solid 1px black;
}

.box_Table01 table img {
  padding-top: 10px;
}










/*リンクボタン */
.Linkbtn01{
  margin: 1rem 0 0 3rem;
  padding-left:1rem;
  text-indent:-1rem;
  text-align: left;  /*左寄せ*/
}

.Linkbtn01 a {
  color: #ff4500;
}

.box_in03:has(.double-line) {
 padding:0;
 /*width:47%;*/
 height:auto;
 position:relative;
 text-align: center;
  }

.Gridtype {
  width:98%;
  display: grid;
  grid-template-columns: 45% 45% ;
  column-gap: 10%;
  margin: 0 auto;
}

/*文字幅詳細設定*/
  .Gridtype .Mojibox01 {
    height:3rem;
  }
  
/*画像サイズが小さいもののみ調整*/
.Gridtype .small{
  display:flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 3rem);
}

/*製品説明リスト型テキスト*/

.product-number {
  list-style-type: decimal;
  padding-left:1.8rem;
}

.product-number li {
  margin-bottom:0.5rem;
}

.product-explanation {
  list-style-type: disc;
  padding-left:1.8rem;
}

.product-explanation li {
  margin-bottom:0.5rem;
}

.img-small img{
  max-width:18rem;
}



.img-medium img {
  max-width:30rem;
}

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


.three-img img{
  width:30%;
  max-width:12rem;
  height:100%;
}

.small-circle,
.black-circle, 
.white-circle {
  margin: 0 1rem;
  padding-left:1em;
  text-indent:-1em;  
}



.small-circle::before {
  content:"・";
  /*margin-left:1rem;*/

}

.black-circle::before {
  content:"●";  
}

.white-circle::before {
  content:"〇";  
}

.no-circle p::before {
  content:none;
}

.no-margin {
  margin:0;
  padding:0;
}

/*.img-text {
 width:100%;
}

.img-text .img_left {
  width:49%;
  height;auto;
  margin-left: auto;
  margin-right: auto; 
  
}

.img-text p {
  width:50%;
  position: absolute;
  left:50%;
  text-align:left;
}*/

.indent-1 { /*1文字分下げる*/
  margin-left:1em;
}

.indent-2 { /*2文字分下げる*/
  margin-left:2em;
}

.text-center p{
  text-align:center;
}

/*アクセスページの地図設定*/
.box_in03 iframe {
  aspect-ratio: 16/9;
  width: 100%;
  max-width:56rem;
}

.accessmap {
  text-align:center;
}


.maptext {
  margin-left:1rem;
}

/*サステナビリティ*/
.sustainability {
  margin:0
}



/*検索結果*/
.gsc-search-box {
 margin-left:10%;
}

/*サイトマップ*/
.second-row {
    text-indent: -1em;
    padding-left: 2em;
  }
.small-circle {
  padding-left:2rem;
}

.small-textwidth {
  text-align:left;
}

/*英語版*/
.box_in03 .english {
  list-style: none;
}

.box_in03 .english li {
  text-indent: -1em;
  padding-left: 1em;
}



@media screen and (max-width: 1920px) {
/* 1920pxまでの幅の場合に適応される */

  /*.box_out {
    width: 1320px;
  }*/

  /*.box_in04_siteitem {
    width: 100%
  }*/

  /*.box_Table01 table {
    width:100%;
  }*/

}

/*PC対応*/
@media screen and (min-width: 769px) {
/* 769px以上の幅の場合に適応される */

  .box_out {
    width: 80%;
  }

  .img-text {
    display:flex;
    align-items: center;
  }
 
 .img-text img {
    
    max-width:20rem;
  }
  
 .img-text p {
    width:70%;
  }


.imglarge .img_left {
    /*width:100%;*/
    /*min-width:20rem;
    max-width:30rem;*/
    /*height:100%;*/
 }
 
 
 
  .imglarge .img_left img{
    width:30vw;
    /*min-width:20rem;*/
    max-width:30rem;
    height:100%;
 }

/*.Moji .imglarge  p{
    width:100%;
    
 }*/


  .imglarge  p{
    width:100%;
    
 }

  .adjust {
    width:max(60%,480px);
    margin:auto;
  }

  .adjust2 {
    margin-left:15vw !important;
  }

   /*サステナビリティ*/
  .sustainability h3 {
    display: flex;
    align-items: center;
    height:100%;
    margin:0;
  }

  
  /*サイトマップ*/
  .box02_right:has(.box_in04_siteitem) {
    margin:0 auto;
  }
  

  
}


@media only screen and (min-width: 481px) and (max-width: 768px) {
/* 481～768pxまでの幅の場合に適応される */

  .box_out {
    width: 90%;
  }

  /*サイドメニュー非表示*/
  .box_side {
    display:none;
  }
  
  .img-text {
    display:flex;
    flex-direction:column;
  }

  .img-text p {
    width:100%;
    position: static;
  }

 .imglarge .img_left {
    text-align:center;
 }
 
 .imglarge .img_left img {
    width:90%;
 }
 
   .adjust2 {
    margin-left: 15vw !important;
  }
  
  .box_in05 p{
  position: static;
  color:black;
  }
  
  /*テスト依頼設定*/
  .formTable .chk-box{
    vertical-align:0.05rem;
  }
  
   /*サステナビリティ*/
  .sustainability .img_right {
    width:100%;
    text-align:center;
    margin:0;
  }  

}

/*スマホ対応*/
@media screen and (max-width: 480px) {
/* 480pxまでの幅の場合に適応される */

  .box_out {
    width: 100%;
  }

  /*サイドメニュー非表示*/
  .box_side {
    display:none;
  }


.box_in02 img {
  max-width:95vw;
}

.box_in03 {
  padding:1rem;
}

.box_Table01 {
  width:95%;
  margin:auto;
}

.img-text {
  display:flex;
  flex-direction:column;
  text-align:center;
}

.img-text img_left {
  display:flex;
  justify-content: center;
}

.img-text p {
  width:100%;
  position: static;
  text-align:left;
}

  .box_in01:has(.imglarge) {
    padding: 0 5%;
  }

.imglarge .img_left {
    text-align:center;
 }
 
 .imglarge .img_left img {
    width:100%;
 }
 

.box_in04 {
 width:90%;
 margin:auto;
 flex-direction:column;
}

 
  /*お問い合わせボタン*/
  /*.Btn01 {
    height:2rem
  }*/
  
  .Btn01 a {
    display:flex;
    justify-content: center;
    align-items: center;
  }
  
  .box_in05 p{
    position: static;
    color:black;
    font-size:1.3rem;
  }
  
  /*テスト依頼設定*/
  .formTable .chk-box{
    vertical-align:0.2rem;
  }
  
  /*サステナビリティ*/
  .sustainability .img_right {
    width:100%;
    text-align:center;
    margin:0;
  }
  
  /*サイトマップ*/
  .box_in04:has(.box_in04_siteitem) {
    margin:0;
    width:100%;
  }
  
  
  .box_in04_siteitem {
    padding:0;
    text-align:center;
  }
  
  
  .box_in04_siteitem .MojiIndent {
    text-indent:0;
  }
  
  .box_in04_siteitem p {
    width:70%;
    margin:0.5rem auto;
    text-align:left;
    font-size:1.3rem;
  }
  
  .box_in04_siteitem .MojiIcon02 {
    width:70%;
    margin:0 auto 0.5rem;
    text-align:left;
    font-size:1.5rem;
  }
  
  .small-circle {
    padding-left:5rem;
  }
  
  .small-text {
    font-size:1.8rem;
  }
  
  .small-textwidth {
    width:90%;
    margin:0 auto;
    text-align:left;
  }

  
  
  

}



/*テーブル横列型を無効*/
@media screen and (max-width: 1159px) {
  .Landscape {
    display:none;
  }
}

/*テーブル縦列型を無効*/
@media screen and (min-width: 1160px) {
  .Vertical {
    display:none;
  }
}

/*テスト依頼設定*/
@media screen and (max-width: 1000px) {
  .formTable .indent-1{
    margin-left:0;
  }

  .formTable .indent-2{
    margin-left:0;
  }
}

@media screen and (max-width: 1000px) {
 /*技術情報画像位置調整*/
  .newtech-info p {
    clear:right;
  }
  /*技術情報*/
  .newtech-info {
    padding:0;
    text-align:center;
  }
  .newtech-info .img_right {
    margin:0 auto;
    padding:0;
    /*text-align:center;*/
  }
  
  .img-width-smartphone {
    width:100%;
  }
  .img-width-smartphone img {
    width:90%;
    margin:0 auto;
  }
  
  .newtech-info .Mojiblue02 {
    margin:0 5%;
  }
}