@charset "UTF-8";

h1, h2, h3, h4, h5 {
  font-weight: bold;
}
#fp-contents {
  width: 1000px;
  margin: 24px auto ;
}

body:has(> #container) div.wrapper_ { /* SP */
  padding: 0;
}
body:has(> #container) #fp-contents { /* SP */
  width: 100%;
  margin: 24px auto ;
  font-size: 16px;
}
/*--reset--------------------*/
#fp-contents .h5-size{
  font-size: 16px;
}
#fp-contents a{
text-decoration:none;
color:#288435;
}
#fp-contents a:hover{
text-decoration:underline;
color:#f90;
}
#fp-contents #top a:hover{
  text-decoration:none;
}
#fp-contents address{
font-style: normal;
}
#fp-contents .contact_hg_pc{
display: inline-block;
font-size: 16.5px;
font-weight: bold;
margin: 0 0 0 12px;
line-height: 17px;
position: relative;
bottom: 2px;
}
#fp-contents address div br{
  display: none;
}
#fp-contents li {
  list-style: none;
}
:where(#fp-contents) table[border="1"] th,
:where(#fp-contents) table[border="1"] td {
  border: solid 1px gray;
}

#fp-contents img[src$="img/usr/icon/img_02.gif"][width="20"] {
  height: 20px;
}
/*--clearfix--------------------*/
#fp-contents .clearfix:after {
content:" ";
display:block;
clear:both;
}
/*--横幅指定はココ--------------------*/
#fp-contents #wrap{
margin:0 auto;
padding:0;
width:1000px;
border-left:1px solid #333;
border-right:1px solid #333;
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
background:#fff;
position:relative;
}
#fp-contents .btn-box{
margin:0;
padding:0;
position:fixed;
/*bottom:-10px;*/
top:0;
left:50%;
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0);
z-index:1;
width:1000px;
display: -webkit-flex; /* Safari */
display:flex;
-webkit-justify-content:flex-end;/* Safari */
justify-content:flex-end;
}
/*印刷時非表示*/
@media print{
  #fp-contents .btn-box{
      display: none;
  }
}
#fp-contents .btn-box_sp{
  display: none;
}
#fp-contents .btn-box span{
box-shadow:1px 1px 3px rgba(0,0,0,0.2);
}
#fp-contents .order-box{
background:#f60;
color:#fff;
width:200px;
height:26px;
text-align:center;
position:relative;
}
#fp-contents .order-box::before{
position:absolute;
content: '';
top:0;
left:-26px;
border: none;
border-bottom: solid 26px transparent;
border-right: solid 26px #f60;
}
#fp-contents .order-box:hover{
background:#f30;
text-decoration:none;
}
#fp-contents .order-box:hover::before{
border-bottom: solid 26px transparent;
border-right: solid 26px #f30;
}
#fp-contents .order-box:active{
background:#f90;
text-decoration:none;
}
#fp-contents .order-box:active::before{
border-bottom: solid 26px transparent;
border-right: solid 26px #f90;
}
#fp-contents .order-box a{
margin:0 2px 2px 2px;
padding:2px;
font-weight:bold;
font-size:14px;
color:#fff;
text-decoration:none;
display:block;
}

/*--見出し--------------------*/
#fp-contents .head-cover{
margin:0 10px 20px 10px;
padding:0 0 0 5px;
border:1px solid #ccc;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}

#fp-contents .head-cover-half{
margin:0 0 20px 0;
padding:0;
border:1px solid #ccc;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
#fp-contents .head-cover_sp{
  display: none;
}
#fp-contents .head-ttl{
margin:10px 5px;
padding:0 120px 0 10px;
text-align:left;
border-left:10px solid #090;
font-size:18px;
clear:both;
position:relative;
}
#fp-contents .head-ttl.no_btn{
  padding-right: 10px;
}

#fp-contents .head-ttl-high{
margin:10px 5px;
padding:0 120px 0 10px;
height:56px;
text-align:left;
border-left:10px solid #090;
font-size:18px;
clear:both;
position:relative;
}
#fp-contents .head-ttl-cau{
margin:10px 5px;
padding:0 115px 0 40px;
background:url('../../../img/usr/icon/caution.png');
background-repeat:no-repeat;
background-position:left bottom;
text-align:left;
font-size:18px;
clear:both;
position:relative;
}

#fp-contents .head-cover-rev{
margin:0 0 10px 0;
padding:0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #006342), color-stop(0.00, #038258));
background: -webkit-linear-gradient(#038258, #006342);
background: -moz-linear-gradient(#038258, #006342);
background: -o-linear-gradient(#038258, #006342);
background: -ms-linear-gradient(#038258, #006342);
background: linear-gradient(#038258, #006342);
border:1px solid #038258;
color:#fff;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
#fp-contents .head-cover-rev-mini{
margin:0;
padding:0;
width:110px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #006342), color-stop(0.00, #038258));
background: -webkit-linear-gradient(#038258, #006342);
background: -moz-linear-gradient(#038258, #006342);
background: -o-linear-gradient(#038258, #006342);
background: -ms-linear-gradient(#038258, #006342);
background: linear-gradient(#038258, #006342);
border:1px solid #ccc;
color:#fff;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}

#fp-contents .head-ttl-rev-s a{
padding:5px;
color:#fff;
display:block;
}
#fp-contents .head-ttl-rev-ss a{
color:#fff;
}
#fp-contents .head-cover-rev a{
color:#fff;
}
#fp-contents .head-cover-gry{
margin:0 0 10px 0;
padding:0;
background:#aaa;
border:1px solid #ccc;
color:#fff;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
#fp-contents .head-ttl-gry{
margin:5px 5px;
padding:0 0 0 10px;
text-align:left;
border-left:10px solid #fff;
font-size:14px;
clear:both;
}
#fp-contents .head-ttl-rev{
margin:2px;
padding:0 0 0 5px;
text-align:left;
font-size:16px;
font-weight:normal;
clear:both;
}
#fp-contents .head-ttl-rev-s{
margin:0;
padding:0;
height:32px;
line-height:22px;
text-align:center;
font-size:14px;
font-weight:normal;
clear:both;
}
#fp-contents .head-ttl-rev-ss{
margin:5px;
padding:0;
height:22px;
line-height:22px;
text-align:center;
font-size:11px;
font-weight:normal;
clear:both;
}
#fp-contents .head-ttl-or{
margin:10px 5px;
padding:0 0 0 10px;
text-align:left;
border-left:10px solid #f90;
font-size:18px;
font-weight: bold;
clear:both;
}
#fp-contents .head-ttl-bu{
margin:10px 5px;
padding:0 0 0 10px;
text-align:left;
border-left:10px solid #00a7ea;
font-size:18px;
clear:both;
}
#fp-contents .head-ttl-pk{
margin:10px 5px;
padding:0 0 0 10px;
text-align:left;
border-left:10px solid #e9546b;
font-size:18px;
clear:both;
}
#fp-contents .head-mark-gn{
margin:12px 0 12px 0;
padding:0 0 0 5px;
border-left:10px solid #090;
}
#fp-contents .head-mark-or{
margin:12px 0 12px 0;
padding:0 0 0 5px;
border-left:20px solid #f90;
}
#fp-contents .head-mark-bu{
margin:12px 0 12px 0;
padding:0 0 0 5px;
border-left:20px solid #00a7ea;
}
#fp-contents .head-mark-pk{
margin:12px 0 12px 0;
padding:0 0 0 5px;
border-left:20px solid #e9546b;
}
/*--見出しEND--------------------*/
/*--小見出しpart1--------------------*/
#fp-contents .subhead-uline-gn{
margin:5px 10px 10px 10px;
padding:5px 10px;
border-top:2px solid #090;
border-bottom:2px solid #090;
font-size:16px;
clear:both;
}
#fp-contents .subhead-uline-or{
margin:5px 10px 10px 10px;
padding:5px 10px;
border-bottom:2px solid #f90;
font-size:16px;
font-weight: bold;
clear:both;
}
#fp-contents .subhead-uline-bu{
margin:5px 10px 10px 10px;
padding:5px 10px;
border-bottom:2px solid #00a7ea;
font-size:16px;
clear:both;
}
#fp-contents .subhead-uline-pk{
margin:5px 10px 10px 10px;
padding:5px 10px;
border-bottom:2px solid #e9546b;
font-size:16px;
clear:both;
}
#fp-contents .subhead-uline-lv{
margin:5px 10px 10px 10px;
padding:5px 10px;
border-bottom:2px solid #9b3c8d;
font-size:16px;
clear:both;
}
#fp-contents .subhead-uline-lv-l{
margin:5px 10px 10px 10px;
padding:5px 10px;
border-bottom:2px solid #9b3c8d;
font-size:20px;
font-weight:bold;
clear:both;
}
/*--小見出しpart2--------------------*/
#fp-contents .subhead-listmark-gn{
margin:5px 10px 10px 10px;
padding:5px 10px;
border-left:20px solid #090;
font-size:16px;
clear:both;
}
#fp-contents .subhead-listmark-or{
margin:5px 10px 10px 10px;
padding:5px 10px;
border-left:20px solid #f90;
font-size:16px;
clear:both;
}
#fp-contents .subhead-listmark-bu{
margin:5px 10px 10px 10px;
padding:5px 10px;
border-left:20px solid #00a7ea;
font-size:16px;
clear:both;
}
#fp-contents .subhead-listmark-pk{
margin:5px 10px 10px 10px;
padding:5px 10px;
border-left:20px solid #e9546b;
font-size:16px;
clear:both;
}
#fp-contents .mini-ttl{
margin:10px;
padding:5px 10px;
background:#eee;
clear:both;	
}
/*--その他--------------------*/

#fp-contents .flt-wrap{
margin:0;
padding:5px 10px 5px 20px;
width:590px;
clear:both;
}
#fp-contents .flt-table-wrap{
margin:0 auto;
padding:3px 18px;
width:520px;
clear:both;
}
#fp-contents .flt-box{
float:left;
padding:0 5px;
}
#fp-contents .scroll-hint {
  overflow-y: hidden !important;
}
#fp-contents .txt-box{
margin:10px;
}
#fp-contents .h4-box{
background-image: url(../img/icon/img_00.gif);
background-repeat: no-repeat;
background-position: 1px 7px;
font-size: 16px;
font-weight: 600;
padding: 5px 20px;
margin: 0;
text-align: left;
}

#fp-contents .flt-desc{
padding:5px 0;
margin:0;
width:180px;
text-align:left;
}
#fp-contents .desc{
font-size:14px;
padding:5px 10px;
margin:0;
text-align:left;
}
#fp-contents .desc-right{
font-size:14px;
padding:0px 12px 6px 0;
margin:0;
text-align:right;
}
#fp-contents .desc-right span a{
font-weight: bold;
color: red !important;
}
#fp-contents .desc-right-grn{
font-size:14px;
padding:5px 30px;
margin:0;
text-align:right;
color:#006342;
}
#fp-contents .use-desc-right{
font-size:14px;
padding:0;
margin:0;
text-align:right;
}
#fp-contents .pat-right{
font-size:14px;
padding:5px 20px 5px 30px;
margin:-20px 0 0 0;
text-align:right;
}
#fp-contents .ecosp_1{
width: 25%;
}
#fp-contents .ecosp_2{
  width: 25%;
}
#fp-contents .ecosp_3{
  width: 25%;
}

/*--汎用テーブルと汎用定義リスト--------------------*/
#fp-contents .generic-table{
margin:0 auto 10px auto;
width:80%;
table-layout:fixed;
border-collapse:separate; 
border-spacing:0;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
font-weight: bold;
}
#fp-contents .generic-table-w{
margin:0 auto 10px auto;
width:750px;
border-collapse:separate; 
border-spacing:0;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
#fp-contents .gom_w td{
  text-align: left !important; 
}
#fp-contents .generic-table-pvc{
margin:0 auto 10px auto;
width:750px;
border-collapse:separate; 
border-spacing:0;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
#fp-contents .generic-table-pvc 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:#eee;
text-align:left;
width:50%;
}
#fp-contents .generic-table-pvc 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;
}
#fp-contents .generic-table th,#fp-contents .generic-table-w th,#fp-contents .topic-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;
}
#fp-contents .generic-table td,#fp-contents .generic-table-w td,#fp-contents .topic-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;
}
#fp-contents .topic-table{
margin:0 auto 10px auto;
width:80%;
table-layout:fixed;
border-collapse:separate; 
border-spacing:0;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}




#fp-contents .double-table{
margin:0 0 10px 0;
width:340px;
table-layout:fixed;
border-collapse:separate; 
border-spacing:0;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
#fp-contents .double-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;
}
#fp-contents .double-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;
}

#fp-contents .generic-def-list{
margin:0 auto 20px auto;
width:80%;
}
#fp-contents .generic-def-list dt{
padding:0 5px;
}
#fp-contents .generic-def-list dd{
padding:0 5px 0 20px;
}
#fp-contents .generic-list{
text-align:left;
}
#fp-contents .generic-list li{
padding:2px 5px;
}

#fp-contents .iso{
width:100%;

}
#fp-contents .iso-box{
display: -webkit-flex; /* Safari */
display:flex;
-webkit-justify-content:space-around;/* Safari */
justify-content:space-around;
width:400px;
text-align:right;
margin-left:auto;
}
body:has(> #container) #fp-contents .iso-box {/* SP */
  width: 90%;
        display: inline-block;
        text-align: left;
        margin: 0 0 0 20px;
}
#fp-contents .iso-box dt{
margin:0;
padding:1px 1px 1px 10px;
width:120px;
float:left;
display: block;
}
#fp-contents .iso-box dd{
margin-left:120px;
padding:1px 1px 1px 20px;
display: block;
}

#fp-contents .generic-flex-list{
margin:0 auto 20px auto;
padding:5px 15px;
width:770px;
text-align:left;
display: -webkit-flex; /* Safari */
display:flex;
-webkit-flex-wrap:wrap; /* Safari */
flex-wrap:wrap;
}
#fp-contents .generic-flex-list li{
width:245px;
padding:2px 0 2px 10px;
background-image:url(../img/icon/img_00.gif);
background-repeat:no-repeat;
background-position:-5px 2px;
}
/*--汎用テーブルと汎用定義リストEND--------------------*/
#fp-contents .contact{
margin:0 30px 10px 30px;
}
#fp-contents .contact_flex{
display: flex;
}
#fp-contents .contact_box{
display: flex;
flex-direction: column;
}

#fp-contents .contact-ttl{
margin:10px 0;
padding:2px 0 0 0;
height:16px;
font-size:16px;
font-weight:bold;
}
#fp-contents .contact-info{
margin:0 0 0 20px;
padding:5px 5px 5px 20px;
font-size:14px;
background-image:url(../img/icon/img_00.gif);
background-repeat:no-repeat;
background-position:1px 6px;
}
#fp-contents .contact-info-mail{
margin:0 0 0 20px;
padding:5px 5px 5px 20px;
font-size:16px;
background-image:url(../img/icon/img_00.gif);
background-repeat:no-repeat;
background-position:1px 5px;
}

#fp-contents .simplified-chart{
margin:0 auto 20px auto;
padding:0 15px;
width:770px;
}
#fp-contents .simplified-chart-list{
float:left;
padding:5px;
width:182px;
}
#fp-contents .arrow-mark{
margin:0 10px;
padding:0 10px 0 15px;
background-image:url(../img/icon/img_00.gif);
background-repeat:no-repeat;
background-position:-5px 1px;
}
#fp-contents .arrow-mark-sp{
margin:0 10px;
padding:0 10px 0 15px;
background-image:url(../img/icon/img_00.gif);
background-repeat:no-repeat;
background-position:-5px -2px;
}
#fp-contents .news-up{
margin:0 10px;
padding:0 10px 0 15px;
float:right;
text-align:right;
width:180px;
background-image:url(../img/icon/img_00.gif);
background-repeat:no-repeat;
background-position:1px 1px;
}
#fp-contents .news-up-update{
margin: 0 10px 15px;
padding:0 10px 0 15px;
float:right;
text-align:right;
width:150px;
background-image:url(../img/icon/img_00.gif);
background-repeat:no-repeat;
background-position:1px 1px;
}
#fp-contents .news-down{
margin:0 10px 10px auto;
padding:0 10px 5px 15px;
/*float:right;*/
text-align:right;
width:180px;
background-image:url(../img/icon/img_00.gif);
background-repeat:no-repeat;
background-position:1px 1px;
}
#fp-contents .news-down-update{
width: 150px;
margin:0 10px 10px auto;
padding:0 10px 5px 15px;
text-align:right;
background-image:url(../img/icon/img_00.gif);
background-repeat:no-repeat;
background-position:1px 1px;
}

#fp-contents .center-img{
width:90%;
text-align:center;
margin:0 auto 10px auto;
}
#fp-contents .center-items{
text-align:center;
margin:0 auto;
}
#fp-contents .artwork{
margin:0 10px;
padding:0;
vertical-align:middle;
}

#fp-contents .caution{
margin:0;
padding:0;
font-size:14px;
color:#f00;
}


#fp-contents .aside{
  padding: 40px 0 0 0;
}
#fp-contents .intro {
  display: flex;
  flex-direction: column-reverse;
  height: 133px;
}
#fp-contents aside .security .japhic{
 width: 60px;
}
#fp-contents .security .img-responsive{
  width: 100px;
}

#fp-contents .new-icon{
margin:0 0 0 5px;
padding:1px 3px 2px 3px;
font-size:12px;
line-height:1.2;
background:#005bac;
color:#fff;
font-weight:bold;
border-radius:2px;
display:inline-block
}
#fp-contents .tag-update{
margin:0 10px 0 5px;
padding:2px 5px;
background:#04c;
width:35px;
color:#fff;
text-align:center;
font-weight:bold;
font-size:12px;
border-radius:2px;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
#fp-contents .tag-news{
margin:0 10px 0 5px;
padding:2px 5px;
background:#f0f;
width:35px;
color:#fff;
text-align:center;
font-weight:bold;
font-size:12px;
border-radius:2px;	
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}

/*info-tab*/
#fp-contents .tab{overflow:hidden;}
#fp-contents .tab li{background:#ccc; padding:5px 15px; float:left; margin-right:2px; border-radius:5px 5px 0 0;}
#fp-contents .tab li.select{background-color: #038258; color:#fff; font-weight:bold; border-radius:5px 5px 0 0;}
#fp-contents .content{margin-bottom:30px;}
#fp-contents .content li{background:#fff; padding:20px; border:5px solid #038258; border-radius:0 10px 10px 10px;}
#fp-contents .hide {display:none;}

#fp-contents .green-line-box{
border:2px solid #038258;
border-radius:5px;
margin:10px 10px 30px 10px;
padding:10px;
}
#fp-contents .info-ttl{
margin-bottom:10px;
font-weight:bold;
font-size:14px;
}
#fp-contents .info-link{
margin-top:10px;
font-weight:bold;
}

#fp-contents .new-band{
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
width:90px;
height:16px;
background-image: linear-gradient(to bottom, #f77062 0%, #fe5196 100%);
box-shadow:0px 1px 1px 0px rgba(0,0,0,0.4);
color:#fff;
font-weight:bold;
text-align:center;
font-size:12px;
line-height:1.5;
}
/*#fp-contents .bandline{
margin:2px 0;
padding:2px 0;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
display:block;
}*/
#fp-contents .orange-line-box{
border:2px solid #ff9900;
border-radius:5px;
margin:10px 10px 10px 10px;
padding:10px;
}
#fp-contents .notice-ttl{
/*margin-bottom:10px;*/
font-weight:bold;
font-size:14px;

}
#fp-contents .lined-box{
margin:10px;
padding:5px;
border:1px solid #ccc;
border-radius:5px;
}
#fp-contents .floating-menu{
width: 100%;
background: #cad8cb;
position: fixed;
bottom: 0;
z-index:999;
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
}
#fp-contents .ft-menu-box{
margin:0 auto;
padding:0;
width:1000px;
display: -webkit-flex; /* Safari */
display:flex;
}
#fp-contents .ft-menu-btn{
width:33.33333%; /* 未対応ブラウザ用フォールバック */
width:-webkit-calc(100% / 3);
width:calc(100% / 3);
margin:0;
padding:0;
text-align:center;
}
#fp-contents .ft-menu-btn a{
margin:10px auto;
padding:10px;
width:80%;
background:#ff9900;
border-radius:5px;
}
#fp-contents .order-ttl{
color:#fff;
letter-spacing:2px;
text-align:center;
}
#fp-contents #order-box{
margin:0 15px 30px 0;
padding:0;
background:#fff;
text-align:center;
}

#fp-contents #order-box ul{
display: -webkit-flex; /* Safari */
display:flex;
-webkit-justify-content:flex-end;/* Safari */
justify-content:flex-end;
}
#fp-contents .order-btn{

}
#fp-contents .order-btn a{
padding:0;
border:1px solid #e73827;
background:linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
color:#fff;
font-weight:bold;
letter-spacing:2px;
display:block;
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
border-radius:5px;
text-align:center;
}

#fp-contents .order-btn a:hover{
background:linear-gradient(to bottom, rgba(224,67,47,1) 1%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(186,31,31,1) 100%);
text-decoration:none;
}
#fp-contents .estimate-btn a:hover{
background:linear-gradient(to bottom, rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%);
text-decoration:none;
}

#fp-contents .estimate-btn-gr a:hover{
background:linear-gradient(to bottom, #1ca61c 0%,#60bc60 50%,#090 51%,#090 100%);
text-decoration:none;
}
#fp-contents .estimate-btn-blu a:hover{
background: linear-gradient(to bottom, #5f9ced 0%,#71a8ed 50%,#1a73e8 51%,#1a73e8 100%);
text-decoration: none;
}
#fp-contents .order-btn span{
margin:1px;
padding:5px;
border:1px solid #fff;
display:block;
border-radius:4px;
}
#fp-contents .order-btn img,.estimate-btn img{
margin-right:2px;
}
#fp-contents .order-pdf img{
margin-right:2px;
}
#fp-contents .order-pdf{


}
#fp-contents .order-pdf a{
padding:0;
border:1px solid #999;
color:#fff;
font-weight:bold;
letter-spacing:2px;
text-decoration:none;
display:block;
/*background:linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);*/
background:linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
border-radius:5px;
text-align:center;
}
#fp-contents .order-pdf a:hover{
background:linear-gradient(to bottom, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
}
#fp-contents .order-pdf span{
margin:1px;
padding:5px;
border:1px solid #ccc;
display:block;
border-radius:4px;
}
#fp-contents .estimate-btn a{
padding:0;
border:1px solid #FF7F04;
background:linear-gradient(to bottom, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%);
color:#fff;
font-weight:bold;
letter-spacing:2px;
display:block;
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
border-radius:5px;
text-align:center;
}
#fp-contents .estimate-btn-gr a{
padding:0;
border:1px solid #090;
background:linear-gradient(to bottom, #17a979 0%,#090 100%);
color:#fff;
font-weight:bold;
letter-spacing:2px;
display:block;
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
border-radius:5px;
text-align:center;
}
#fp-contents .estimate-btn-blu a{
  padding: 0;
  border: 1px solid #357ae8;
  background: linear-gradient(to bottom, #357ae8 0%,#357ae8 100%);
  color: #fff;
  font-weight: bold;
  letter-spacing: 2px;
  display: block;
  box-shadow: 0px 0px 5px rgb(0 0 0 / 40%);
  border-radius: 5px;
  text-align: center;
}

#fp-contents .estimate-btn span{
margin:1px;
padding:5px;
border:1px solid #fff;
display:block;
border-radius:4px;
}
#fp-contents .estimate-btn-gr span{
margin:1px;
padding:5px;
border:1px solid #fff;
display:block;
border-radius:4px;
}
#fp-contents .estimate-btn-blu span{
margin:1px;
padding:5px;
border:1px solid #fff;
display:block;
border-radius:4px;
}
#fp-contents .float-box{
margin:10px;
display: -webkit-flex; /* Safari */
display:flex;
}
#fp-contents .width_60{
  width: 60%;
}
#fp-contents .margin_0_a{
margin: 0 auto;
}

#fp-contents .sub-menu{
margin:5px 5px 0 5px;
padding:5px;
background:#f90;
color:#fff;	
}
#fp-contents .pvc-menu{
margin:5px 5px 0 5px;
padding:5px;
background:#eee;
}
#fp-contents .banner{
margin:0 5px 10px 5px;
background:#fff;
}
#fp-contents .banner-img{
display:block;
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
}

/* c-flex
--------------------------------------------------------- */
#fp-contents [class*="c-flex"] {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

#fp-contents .c-flex--nowrap {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#fp-contents .c-flex--between {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}

#fp-contents .c-flex--around {
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  justify-content: space-around;
}

#fp-contents .c-flex--alignCenter {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
#fp-contents .c-flex--alignEnd {
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
}
#fp-contents .c-item--stretch {
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}
#fp-contents .c-flex--reverse {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction:row-reverse;
}
#fp-contents .c-flex--col {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
#fp-contents .c-jus-center {
	-webkit-justify-content: center; 
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
#fp-contents .c-jus-end {
	-webkit-justify-content: flex-end; 
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
}
#fp-contents .c-item--alignCenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -o-align-items: center;
    align-items: center;
}
#fp-contents .new-products{

}
#fp-contents .new-products .new-products-history ul{
 display: flex; 
 justify-content: space-evenly;
}
#fp-contents .new-products .new-products-history ul li{
  
}
#fp-contents .new-products .new-products-history ul li img{
  width: 300px;
  height: auto;
}


#fp-contents .supplemental-box {
    margin: 10px 10px 30px 10px;
    padding: 10px;
    padding-bottom: 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}


body:has(> #container) #map + iframe {/* SP */
  width: 98%;
  margin: 0 auto;
  display: flex;
}


/* パンくず(PC) */
body:has(> .wrapper_wrapper_) #fp-contents .breadcrumb {
  margin: 0 0 54px;
  display: flex;
  gap: 0 0.8em;
}
body:has(> .wrapper_wrapper_) #fp-contents .breadcrumb li + li {
  position: relative;
  padding-left: 1.4em;
}
body:has(> .wrapper_wrapper_) #fp-contents .breadcrumb li + li::before {
  display: block;
  content: '';
  width: 0.45em;
  height: 0.45em;
  border-top: solid 1px #666666;
  border-right: solid 1px #666666;
  transform: rotate(45deg);
  position: absolute;
  left: 0;
  top: calc(50% - 0.225em);
}
/* パンくず(SP) */
body:has(> #container) #fp-contents .breadcrumb {
  margin: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.8em;
  font-size: 10px;
}
body:has(> #container) #fp-contents .breadcrumb li + li {
  position: relative;
  padding-left: 1.4em;
}
body:has(> #container) #fp-contents .breadcrumb li + li::before {
  display: block;
  content: '';
  width: 0.45em;
  height: 0.45em;
  border-top: solid 1px #666666;
  border-right: solid 1px #666666;
  transform: rotate(45deg);
  position: absolute;
  left: 0;
  top: calc(50% - 0.225em);
}


body:has(> #container) #fp-contents .products-flex-box {
          display: block;
        margin: 10px;
}

body:has(> .wrapper_wrapper_) #fp-contents #contents * + .head-cover{
  margin-top: 60px;
}
body:has(> #container) #fp-contents #contents * + .head-cover{
  margin-top: 40px;
}

body #fp-contents #contents table th {
  font-weight: bold;
}

body:has(> #container) .txt-box {
    overflow: auto;
}

body:has(> #container) #fp-contents .generic-table td img {
    width: 50%;
}

/*-----------------------------------------
  ページ内リンク
-----------------------------------------*/
body:has(> .wrapper_wrapper_) #fp-contents .freepage-pagelink {
  margin: 48px 0 0;
}

body:has(> .wrapper_wrapper_) #fp-contents .freepage-pagelink-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}

body:has(> .wrapper_wrapper_) #fp-contents .freepage-pagelink-list li {
  width: calc((100% - (16px*4))/5);
}

body:has(> .wrapper_wrapper_) #fp-contents .freepage-pagelink-list li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  padding: 0 10px;
  text-align: center;
  border: 1px solid var(--borderColor);
  color: #222222;
}
body:has(> .wrapper_wrapper_) #fp-contents .freepage-pagelink-list li a:hover {
  color: var(--themeColor);
  text-decoration: none;
}
body:has(> .wrapper_wrapper_) #fp-contents .freepage-pagelink-list li a::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 11px;
  height: 5px;
  background: var(--themeColor);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transform: translateX(-50%);
}

body:has(> #container) #fp-contents .freepage-pagelink {
  margin: 25px 0 0;
}

body:has(> #container) #fp-contents .freepage-pagelink-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 5px;
  justify-content: center;
  padding: 0 10px;
  max-width: 470px;
  width: 100%;
  margin-inline: auto;
}

body:has(> #container) #fp-contents .freepage-pagelink-list li {
  width: calc((100% - (5px*2))/3);
}

body:has(> #container) #fp-contents .freepage-pagelink-list li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 52px;
  padding: 5px 4px 10px;
  font-size: 12px;
  line-height: 1.25;
  border: 1px solid var(--borderColor);
  color: #222222;
}

body:has(> #container) #fp-contents .freepage-pagelink-list li a::after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 50%;
  width: 8px;
  height: 4px;
  background: var(--themeColor);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transform: translateX(-50%);
}

body:has(> #container) #fp-contents .freepage-pagelink-list li a:hover {
  color: var(--themeColor);
  text-decoration: none;
}