/*  #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 { text-indent: -1.6em; padding-left: 20px; } */

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

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

.info .date { margin-bottom: 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 { margin-bottom: 20px; } }

/*  #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; } }

/*  #advantage
================================================== */
#advantage .tit { margin-bottom: 20px; }

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

#advantage .subTit { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }

#advantage .list { margin-bottom: 0; }

#advantage .secAdvantage + .secAdvantage { margin-top: 25px; }

@media all and (min-width: 600px) { #advantage .tit { margin-bottom: 30px; }
  #advantage .txt { margin-bottom: 30px; }
  #advantage .subTit { margin-bottom: 5px; font-size: 1.8rem; }
  #advantage .secAdvantage + .secAdvantage { margin-top: 25px; } }

/*  #jcstar
================================================== */
#jcstar .cap{
	margin-top: 10px;
	font-size: 1.3rem; 
	text-align: center;
}
#jcstar .product_list li{
	padding: 35px 4%;
	box-sizing: border-box;
	border: 1px solid #e2e2e2;
}
#jcstar .product_list li .img{
	max-width: 150px;
	margin: auto;
	margin-bottom: 10px;
}

#jcstar .product_list li .product_txt{
	margin-top: 20px;
	color: #016cb1;
	text-align: center;
	font-weight: bold;
}

@media (min-width: 600px) {
    #jcstar .mod_btn01 {
        max-width: 420px;
    }
	#jcstar .product_list{
		display: flex;
	}
	#jcstar .product_list li{
		flex: 0 1 30%;
		width: 30%;
		max-width: 30%;
	}
}


/*　 ↓右寄せで文字を左揃え<div class="right_left"><p></p></div>　*/
.right_left{
  text-align:right;
margin-right: 10px;
margin-bottom: 20px;
}
.right_left p{
  display:inline-block;
  text-align: left;
}



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