/*  #info
================================================== */
#info .inner { padding-top: 45px; padding-bottom: 22px; }

#info .subTit { margin-bottom: 16px; }

#info .subTit + .txt { margin-bottom: 30px; }

#info .tit01 { font-weight: bold; font-size: 1.6rem; margin-bottom: 10px; }

#info .txt { margin-bottom: 30px; }

#info .txt + .txt { margin-top: -20px; margin-bottom: 30px; }

#info .txt + .list { margin-top: -25px; }

#info .list { margin-bottom: 30px; }

#info .list + .txt { margin-top: -15px; }

#info .list .item {  padding-left: 20px; }

#info .txtR { margin-top: -1px; text-align: right; }

#info .table01 th:first-child { width: 40%; }

#info .date { margin-top: 10px; text-align: right; line-height: 1.5; }

@media all and (min-width: 600px) { #info .inner { padding-top: 35px; padding-bottom: 4px; }
  #info .tit { margin-bottom: 24px; }
  #info .tit01 { font-size: 1.8rem; }
  #info .subTit + .txt { margin-top: -9px; margin-bottom: 37px; }
  #info .txt + .txt { margin-top: -12px; margin-bottom: 36px; }
  #info .txt + .list { margin-top: -35px; }
  #info .list { margin-bottom: 50px; }
  #info .list + .txt { margin-top: -25px; margin-bottom: 50px; }
  #info .txtR { margin-top: 45px; text-align: right; }
  #info .table01 th:first-child { width: 300px; }
  #info .date { } }

/*  テーブル　（20230630_プレス）
================================================== */
.press_table{margin-bottom: 40px; border: 1px solid  #e2e2e2;}
.press_table-detail { width: 100%;}
.press_table-detail .press_table-ttl-01{width: 30%; border-right: 1px solid #e2e2e2;}
.press_table-detail .press_table-ttl-02{-ms-writing-mode: tb-rl; /*IE用*/ writing-mode: vertical-rl;text-align: center;}
.press_table-detail thead th { background: #f3f3f3; border-top: 1px solid  #e2e2e2; border-bottom: 1px solid  #e2e2e2; padding: 7px 0 8px; font-size: 1.3rem; font-weight: 700; text-align: center; }
.press_table-detail thead th + th { border-left: 1px solid  #e2e2e2; }
.press_table-detail tbody th { width: 45%; padding: 8px 10px; vertical-align: middle; font-size: 1.3rem; font-weight: 400; border-bottom: 1px solid  #e2e2e2; border-left: 1px solid #e2e2e2; line-height: 1.4;}
.press_table-detail tbody td { padding: 8px 10px; vertical-align: middle; font-size: 1.3rem; font-weight: 400; border-bottom: 1px solid  #e2e2e2; }
.presstable__ttl{ margin-bottom: 5px; font-weight: bold;}
.presstable__txt{position: relative; margin-bottom: 10px; padding-left: 15px; line-height: 1.3;}
.presstable__txt-point{position: relative; margin-bottom: 10px; padding-left: 15px; line-height: 1.3;}
.presstable__txt:before {
    content: "";
    position: absolute;
    top: 0.2em;
    left: 0;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 4px;
    height: 8px;
    border-right: 2px solid #016cb1;
    border-bottom: 2px solid #016cb1;
}
.presstable__txt-point:before{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 8px;
  border-color: transparent transparent transparent #333;
  position: absolute;
  top: 6px;
  left: 0;
}

@media all and (min-width: 600px) { 
  .press_table-detail thead th { padding: 16px 40px 16px; font-size: 1.5rem; }
  .press_table-detail tbody th { width: 44%; padding: 16px 30px; font-size: 1.5rem; }
  .press_table-detail tbody td { padding: 16px 20px; font-size: 1.5rem; text-align: center; }
  .press_table-detail .press_table-ttl-01,.press_table-ttl-02 {width: 6%;}
  .press_table-detail .press_table-ttl-02{width: 300px; writing-mode: horizontal-tb;}
}



/*  動画
・「muted」で無音自動再生、chromeやSafariブラウザでは無音設定でないと自動再生不可のため
・「autoplay」「muted」「playsinline」を併記で、スマホ再生時、自動的に全画面を回避
・「controls」でコントロールパネルを表示
・「preload="none"」で事前に動画ファイルを読み込まない
・「preload="auto"」で事前に動画ファイルを読み込む
================================================== */
    video {
      max-width: 100%; 
      height: auto;
    }
@media all and (min-width: 600px) { 
    video {
      width: 900px;
    }
    }



/*  装飾
================================================== */
.mgr-3em{margin-right : 3em;}


/*  注釈用字下げ */
p.indent-1t5 {
padding-left:1.5em;
text-indent:-1.5em;
}

p.indent-2 {
padding-left:2em;
text-indent:-2em;
}


/*幅100%縮むレスポンシブ対応テーブル*/
.w100 table{
width:100%;
border-collapse: collapse;
table-layout: fixed;
word-break: break-word;
}
.w100 th,
.w100 td {
  border: 1px solid #e2e2e2;
  padding:10px 15px;
  vertical-align: middle; 
    border-right: none !important;
    border-left: none !important;
}
.w100 th {
background-color: #f3f3f3;
font-weight: bold; 
}






/* 

			<!-- 青太字<h3 class="subTit mod_tit04">改定日</h3>-->
			<!-- 黒太字<h3 class="tit01">改定日</h3>-->
			<!-- 右端<ul class="date"><li>改定日</li></ul>-->
			<!-- 右端2<div class="txtR"><p>株式会社日新システムズ</p></div>-->
================================================== */
/*　center　*/
.center {
 text-align: center;
}
.mini  {
  font-size: 0.9em; margin-left: 1em;
}

.sage  {
  text-indent: 1em; text-align: justify; text-justify: inter-ideograph;
}

.maintxt{
	text-align: center;
    font-size: 1.6rem;
}

/*　youtube　*/
.frame-wrapper__video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}

.frame-wrapper__video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
display:block;
}

/* ↓ナンバリング箇条書き
<div class="ol-number">
<ol class="margintop20">
  <li>&#9312;<!--①--> </li>
  <li>&#9313;<!--②--> </li>
  <li>&#9314;<!--③--> </li>
  <li>&#9315;<!--④--> </li>
  <li>&#9316;<!--⑤--> </li>
</ol>
</div>
*/

.ol-number ol  {
  margin: 0;
  padding: 0
}
.ol-number ol li  {
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
}

@media all and (min-width: 600px){
	.maintxt{
		font-size: 1.8rem;
	}
}

/*  #application
================================================== */
#application .inner { padding-top: 40px; }

#application .areaBtn .btn + .btn { margin-top: 10px; }

@media all and (min-width: 600px) { #application .inner { padding-top: 88px; }
  #application .txt { margin-bottom: 40px; }
  #application .areaBtn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  #application .areaBtn .btn { width: calc(34% - 25px); max-width: calc(34% - 25px); margin: 0; }
  #application .areaBtn .btn + .btn { margin-top: 0; margin-left: 25px; }
  #application .areaBtn .btn:nth-child(n+4) { margin-top: 10px; }
  #application .areaBtn .btn:nth-child(3n+1) { margin-left: 0; } }

/*  #product
================================================== */
#product .inner { padding-top: 40px; }

#product .areaBtn .btn { margin-top: 0; }

#product .areaBtn .btn + .btn { margin-top: 10px; }

#product .areaBtn .btn a { line-height: 1.4; text-align: center; }

@media all and (min-width: 600px) { #product .inner { padding-top: 88px; }
  #product .tit { margin-bottom: 30px; }
  #product .areaBtn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  #product .areaBtn .btn { width: calc(34% - 25px); max-width: calc(34% - 25px); margin: 0; }
  #product .areaBtn .btn a { height: 85px; padding: 13px 0 14px; line-height: 1.4; text-align: center; }
  #product .areaBtn .btn a:before { height: 85px; }
  #product .areaBtn .btn + .btn { margin-top: 0; margin-left: 25px; }
  #product .areaBtn .btn:nth-child(n+4) { margin-top: 10px; }
  #product .areaBtn .btn:nth-child(3n+1) { margin-left: 0; } }

/*  #square
================================================== */
#square .inner { padding-top: 40px; }

#square .tit { margin-bottom: 20px; }

#square .subTit { margin-bottom: 0; }

#square .txt { margin-bottom: 20px; }

#square .areaBtn { margin: 0 -18px 0; padding: 25px 45px; background: #f3f3f3; }

#square .areaBtn .btn { margin-top: 0; }

#square .areaBtn .btn + .btn { margin-top: 10px; }

#square .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; }

@media all and (min-width: 600px) { #square .inner { padding-top: 88px; }
  #square .tit { margin-bottom: 30px; }
  #square .txt { margin-bottom: 40px; }
  #square .subTit { margin-bottom: 10px; }
  #square .areaBtn { margin: 0; }
  #square .areaBtn .btn { max-width: 350px; margin-top: 0; } }

/*  #reason
================================================== */
#reason .inner { padding-top: 40px; }

#reason .tit { margin-bottom: 20px; }

#reason .txt { margin-bottom: 20px; }

#reason .img_box { margin-bottom: 30px; }

#reason .note { margin-top: 10px; font-size: 1.1rem; color: #666; }

#reason .secReason + .secReason { margin-top: 30px; }

#reason .secReason .txt span { font-weight: 500; }

#reason .areaBtn { margin: 0 -18px 0; padding: 25px 45px; background: #f3f3f3; }

#reason .areaBtn .btn { margin-top: 0; }

#reason .areaBtn .btn + .btn { margin-top: 10px; }

#reason .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; }

@media all and (min-width: 600px) { #reason .inner { padding-top: 88px; }
  #reason .tit { margin-bottom: 30px; }
  #reason .txt { margin-bottom: 20px; }
  #reason .subTit { margin-bottom: 10px; }
  #reason .list { margin-bottom: 40px; }
  #reason .img_box { margin-bottom: 50px; }
  #reason .note { margin-top: 5px; font-size: 1.3rem; }
  #reason .secReason + .secReason { margin-top: 40px; }
  #reason .secReason .txt span { font-weight: bold; }
  #reason .areaBtn { margin: 50px 0 0; }
  #reason .areaBtn .btn { max-width: 350px; margin-top: 0; } }

/*  #about
================================================== */
#about { padding-top: 110px; margin-top: -45px; margin-bottom: 50px; }

#about .inner { padding-bottom: 50px; }

#about .table { margin-bottom: 0; }

#about .table td .txt + .txt { margin-top: 5px; }

#about .table td .txt span { display: block; font-weight: 700; }

#about .table td a { color: #0171b8; }

#about .table td a[target="_blank"] { position: relative; }

#about .table td a[target="_blank"]:before { content: ""; display: block; position: absolute; bottom: 4px; right: -20px; width: 13px; height: 9px; margin-top: -4px; background: url(../img/common/ico_blank01_blue.png) no-repeat center; background-size: 100%; }

#about .table td .box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

#about .table td .box + .box { margin-top: 15px; }

#about .table td .box .img { width: calc(36% - 8px); }

#about .table td .box .areaTxt { width: calc(64% - 8px); margin-top: -6px; margin-left: 14px; }

#about .table td .box .txt + .txt { margin-top: 5px; }

@media all and (min-width: 600px) { #about { margin-top: -200px; }
  #about .inner { padding-top: 100px; padding-bottom: 120px; }
  #about .table td a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #about .table td a[target="_blank"]:before { right: -15px; bottom: 5px; }
  #about .table td a:hover { text-decoration: none; }
  #about .table td .box + .box { margin-top: 20px; }
  #about .table td .box .img { width: 140px; }
  #about .table td .box .txt { width: 580px; margin-left: 6px; } }