@charset "utf-8";
/* CSS Document */

/*[layout.css]により既存指定
#contentsWrap{min-width: 1260px;}*/
/*class(lpWrap)は固定、要素はこのcssで指定*/
#contentsWrap.lpWrap{ }
section{ margin-top: 0 !important; padding:0 3rem !important;}
.attention{padding: 2rem 10rem;}

.lptab01 a[href$=".pdf"] {background: url("/common/img/ico_pdf_01.png") no-repeat right 0.1em; background-size: 16px auto;padding-right:25px; margin-right: 10px;}

.lptab01{ width: 90rem; margin: 0 auto; }
.lptab04{ width: 97rem; margin: 0 auto; }
.lptab05{ width: 97rem; margin: 0 auto; }
.lptab06{ width:111rem; margin: 0 auto; }
.lptab07{ width:111rem; margin: 0 auto; }
.lptab08{ width: 90rem; margin: 0 auto; }
.lptab09{ width: 99rem; margin: 0 auto; }
.lptab10{ width: 99rem; margin: 0 auto; }
.lptab11{ width: 90rem; margin: 0 auto; }
.lptab12{ width: 90rem; margin: 0 auto 4rem auto; }
h1{ text-align: center; width: auto; background: #E9E9E9 !important;}
h2{ text-align: center !important; font-size: 150% !important; padding:0.5rem !important; }
h3{ margin-top: 4rem !important; margin-bottom: -26px !important;}
h4{ color: #007f08; border-bottom:#007f08 solid 3px !important; font-size: 150% !important; }
h5{font-size: 130% !important; margin-top: 3rem !important;}

.checkList01 li{ background: url(/lp/img/icon_check.png) no-repeat; padding-left: 26px; font-size: 1.8rem; margin-bottom: 16px; line-height: 1.5;}

.vertical {
  writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  letter-spacing: 0.6rem;
}

/*訴求4つ*/
.app4{border: #D0D9D0 solid 2px; margin: 2rem; width: 46%; height: 28rem; float: left;}
.apph2x{background: #53A33F; color: #FFFFFF; border-bottom: #f0faf1 dotted 3px;}
.apph2y{background: #f0faf1; color: #53A33F; border-bottom: #53A33F dotted 3px;}
.app4 table{ margin: 1rem 2rem !important;}
.app4 td{ vertical-align: top;}
.apptxt{ float: left; width: 90%; margin: 2rem;}
.apptxt img{width: 32%; float: right; margin: 10px 0 10px 20px;}

/*訴求5つめ*/
.app5{border: #D0D9D0 solid 2px; margin:34rem 2rem 2rem 2rem !important; clear: both; height: auto;}
.app5 p{margin: 2rem 2rem 0 2rem;}

/*電子交付サービス対象*/
.doc{background: #f0faf1; margin: 1rem; padding: 1rem;}

.colWrap.col2 .cell{width: 47% !important;}
.bdBox04{ margin:0 0 3rem 3rem !important;}
.deviceTtl03{margin: 10px 0 20px 0 !important;}





/*リード文*/
.leadText03{ line-height: 1.8; margin:0; padding:1rem 0 0 3.3rem;}
/*pageJump*/
.pageJump02 {display: block; height: 24rem;}
.pageJump02 li{ padding-bottom: 1rem;}
.pageJump02 li a{padding-left: 25px; background-size: 13px; display: inline-block; color: #333;}
/*見出し番号*/
.h2bk{ background: #007f08; margin-right: 1.7rem; padding:0.3rem 1.6rem; font-weight: bold; color: #FFFFFF;}
.bdTtl02{padding-bottom: 6px !important; line-height: 1.3 !important;}

/*リンク番号*/
.pgbk{ background: #007f08; padding:0.3rem 1rem; font-weight: bold; color: #FFFFFF;}
.pgrt{ float: left; width: auto; margin-left: 3rem; }
.bgBox02{background: #f4f4f4; padding: 20px; margin: 10px 0 0; text-align: center; font-size: 90%;}

.shopTblWrap01 table.shop td{ vertical-align: top;}
.shopTblWrap01 table.shop td .nobor{ border-top: none; border-bottom: none; vertical-align: middle;}
/*フォントサイズ大*/
.txt03{ font-size: 120% !important; font-weight: bold; line-height: 1.2;}

/*引用注釈の右上寄せ*/
.ccnn{float: right; font-size: 90%; color: #163452; width: 100%; text-align: right;}



/*table*/
/*列2*/
.tabcol2 th{ width: 10%;} .tabcol2 td{ width: 90%;}
/*列3*/
.tabcol3{margin-left: 2.7rem;} .tabcol3 th{ background: #DEEFDF; padding: 0 2rem; border: #FFFFFF solid 10px;} .tabcol3 td{ padding: 1.5rem; border: #FFFFFF solid 10px;} 
/*列4*/
.tabcol4 th{ width: 10%;} .tabcol4 td{ width: 40%;}
/*均等*/
.tabcol1 th{ width: 50%;} .tabcol1 td{ width: 50%;}
/*成行*/
.tabcol0 th{ width: auto !important;} .tabcol0 td{ width: auto !important;}
.colWrap{margin: 0 3rem 3rem 3rem !important; }


/*申込問合*/
.how{text-align: center;}
.howh{ text-align: center; color: #ffffff; margin-bottom: 18px; padding: 8px;
font-weight: bold; font-size: 1.8rem; background-color: #888888;}
.t01{ font-size:170%; font-weight:bold;}

.bdBox01 strong{font-size: 150%;}


/*1385より狭い場合*/」
@media screen and (max-width: 1385px){
}


@media screen and (max-width: 768px){
#contentsWrap.lpWrap{ padding: 0 !important;}
section{padding:0 1rem !important;}
h1{}
h1 img{width: 100% !important; height: auto !important;}
h3{margin-bottom: -10px !important;}
h5{}
#contentsWrap.lpWrap{ width: 100% !important; margin: 0 !important; padding: 15px;}

.checkList01 li{ font-size: 1.5rem; line-height: 1.2;}
/*pageJump*/
.pageJump02 {display: block; height: 48rem;}

/*申込問合スマホ*/
.attention{padding: 0 2rem;}
.howh{ text-align: center; color: #ffffff; margin-bottom: 18px; padding: 8px;
font-weight: bold; font-size: 1.8rem; background-color: #888888;}

/*訴求4つスマホ*/
.app4{margin: 2rem 1rem !important; width: auto; height: auto;}
.app5{margin: 2rem 1rem !important; width: auto; height: auto;}
.app4 img{width: 130px; margin: 10px auto;}
.apptxt{ margin:2rem 0 0 2rem !important; padding-bottom: 2rem !important;}

.colWrap.col2 .cell{width: auto!important; margin:0 18px 18px 18px !important;}
.deviceTtl03{margin:0 0 18px 0 !important; text-align: center !important;}

/*tableスマホ*/
/*列3*/
.tabcol3{margin-left: 2rem;} .tabcol3 th{ display: block; padding:1rem; width: 100% !important; font-size: 120% !important;} .tabcol3 td{ display: block; padding:0 !important; width: 100% !important;} 

}