@charset "utf-8";

/*============================
 general
============================*/
/* ---------------------------------------------------- 
clearfix
---------------------------------------------------- */ 
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

/* ---------------------------------------------------- 
text-align 
---------------------------------------------------- */ 
.taC { text-align: center !important; }
.taR { text-align: right !important; }
.taL { text-align: left !important; }

/* ---------------------------------------------------- 
text type
---------------------------------------------------- */ 
.txtBold{ font-weight: bold !important; }
.txtRed{ color: #e94831 !important;}

/* ---------------------------------------------------- 
float 
---------------------------------------------------- */ 
.fr { float: right !important; }
.fl { float: left !important; }

/* ---------------------------------------------------- 
margin 
---------------------------------------------------- */ 
.mt00 { margin-top:  0px !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }

.mr00 { margin-right:  0px !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }

.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }

.ml00 { margin-left:  0px !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; }
.ml170 { margin-left: 170px !important; }

/* ---------------------------------------------------- 
padding 
---------------------------------------------------- */ 
.pt00 { padding-top:  0px !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }

.pr00 { padding-right:  0px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }

.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }

.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }


/* ---------------------------------------------------- 
width 
---------------------------------------------------- */
@media screen and (min-width:751px){
  .wp100 { width: 100% !important; }
  .wp90 { width: 90% !important; }
  .wp80 { width: 80% !important; }
  .wp70 { width: 70% !important; }
  .wp60 { width: 60% !important; }
  .wp50 { width: 50% !important; }
  .wp40 { width: 40% !important; }
  .wp30 { width: 30% !important; }
  .wp20 { width: 20% !important; }
  .wp10 { width: 10% !important; }
}

@media screen and (max-width:750px){
  .sp_wp100 { width: 100% !important; }
  .sp_wp90 { width: 90% !important; }
  .sp_wp80 { width: 80% !important; }
  .sp_wp70 { width: 70% !important; }
  .sp_wp60 { width: 60% !important; }
  .sp_wp50 { width: 50% !important; }
  .sp_wp40 { width: 40% !important; }
  .sp_wp30 { width: 30% !important; }
  .sp_wp20 { width: 20% !important; }
  .sp_wp10 { width: 10% !important; }
}
/*============================
 common
============================*/
body{overflow-x:hidden;}
#wrapOverlay{z-index: 0;}

/*============================
#wrap
============================*/
#wrap{
  position: relative;
}
.pagePath{
  margin:20px auto 0;
  max-width:980px;
}
.pagePath li{
  position: relative;
  display: inline-block;
  padding-right: 23px;
  font-size: 0.8125rem;
}
.pagePath li a{
  color: #444;
}
.pagePath li a:hover{
  text-decoration: underline;
}
.pagePath li a:after{
  content: ">";
  position: absolute;
  top: 0;
  right: 0;
  width: 1em;
  height: 1em;
}
.inner{
  margin:0 auto;
  max-width:980px;
}
.wrapInner{
  margin:40px auto 0;
  max-width:980px;
}
.secWrap{
  margin:125px auto 0;
}
.secWrap02{
  margin: 70px auto 0;
}
.secWrap.sec01,
.secWrap02.sec01{
  margin-top: 0;
}

@media screen and (max-width:999px){
  .inner{
    margin: 0 1%;
  }
}
@media screen and (max-width:750px){
  .inner{
    margin: 0 1em;
  }
  .wrapInner{
     margin: 20px auto 0;
  }
  .secWrap{
    margin: 69px auto 0;
  }
  .secWrap02{
    margin: 25px auto 0;
  }
}

/*============================
.h2Type01
============================*/
.h2Type01{
  position:relative;
  margin: 100px 0 100px 240px;
  padding: 15px 0 15px 60px;
  border-left: 1px solid #dedede;
}
.h2Type01:after{
  content: "";
  position: absolute;
  top: 50%;
  left: -240px;
  width: 185px;
  height: 183px;
  margin-top: -91px;
  padding-right: 15px;
}
.h2Type01.tarMans:after{
  background: url(/business/common/images/service_img_01_pc.png) no-repeat center center;
}
.h2Type01.tarSoho:after{
  background: url(/business/common/images/service_img_02_pc.png) no-repeat center center;
}
.h2Type01.tarMuni:after{
  background: url(/business/common/images/service_img_03_pc.png) no-repeat center center;
}
.h2Type01.tarHote:after{
  background: url(/business/common/images/service_img_04_pc.png) no-repeat center center;
}

/* .clrPin .clrBlu .clrBro .clrGre .clrYel */
.h2Type01.clrPin:after{
  width: 183px;
  background: url(/business/common/images/service_ico_01_pc.png) no-repeat center center;
}
.h2Type01.clrBlu:after{
  width: 183px;
  background: url(/business/common/images/service_ico_02_pc.png) no-repeat center center;
}
.h2Type01.clrBro:after{
  width: 183px;
  background: url(/business/common/images/service_ico_03_pc.png) no-repeat center center;
}
.h2Type01.clrGre:after{
  width: 183px;
  background: url(/business/common/images/service_ico_04_pc.png) no-repeat center center;
}
.h2Type01.clrYel:after{
  width: 183px;
  background: url(/business/common/images/service_ico_05_pc.png) no-repeat center center;
}
.h2Type01 .ttl{
  font-weight: normal;
  font-size: 2.75rem;
  color: #e83416;
}
/* .clrPin .clrBlu .clrBro .clrGre .clrYel */
.h2Type01.clrPin .ttl{
  color: #fa068c;
}
.h2Type01.clrBlu .ttl{
  color: #0186cd;
}
.h2Type01.clrBro .ttl{
  color: #9f4000;
}
.h2Type01.clrGre .ttl{
  color: #1cbe9b;
}
.h2Type01.clrYel .ttl{
  color: #f5950e;
}
.h2Type01 .ttlTxt{
  margin-top: 20px;
  line-height: 1.6;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .h2Type01{
    margin: 69px 0 34px 0;
    padding: 0;
    border-left: none;
  }
  .h2Type01:after{
    display: none;
  }
  .h2Type01 .ttl{
    position: relative;
    margin-left: 83px;
    padding-left: 15px;
    border-left: 1px solid #dedede;
    font-size: 1.625rem;
  }
  .h2Type01 .ttl:after{
    content: "";
    position: absolute;
    top: 50%;
    left: -83px;
    width: 68px;
    height: 68px;
    margin-top: -34px;
  }
  .h2Type01.tarMans .ttl:after{
    background: url(/business/common/images/service_img_01_sp.png) no-repeat center center;
    background-size: 68px;  
  }
  .h2Type01.tarSoho .ttl:after{
    background: url(/business/common/images/service_img_02_sp.png) no-repeat center center;
    background-size: 68px;  
  }
  .h2Type01.tarMuni .ttl:after{
    background: url(/business/common/images/service_img_03_sp.png) no-repeat center center;
    background-size: 68px;  
  }
  .h2Type01.tarHote .ttl:after{
    background: url(/business/common/images/service_img_04_sp.png) no-repeat center center;
    background-size: 68px;  
  }

  .h2Type01.clrPin .ttl:after{
    background: url(/business/common/images/service_ico_01_sp.png) no-repeat center center;
    background-size: 68px;
  }
  .h2Type01.clrBlu .ttl:after{
    background: url(/business/common/images/service_ico_02_sp.png) no-repeat center center;
    background-size: 68px;
  }
  .h2Type01.clrBro .ttl:after{
    background: url(/business/common/images/service_ico_03_sp.png) no-repeat center center;
    background-size: 68px;
  }
  .h2Type01.clrGre .ttl:after{
    background: url(/business/common/images/service_ico_04_sp.png) no-repeat center center;
    background-size: 68px;
  }
  .h2Type01.clrYel .ttl:after{
    background: url(/business/common/images/service_ico_05_sp.png) no-repeat center center;
    background-size: 68px;
  }


  .h2Type01 .ttlTxt{
    margin-top: 23px;
    font-size: 0.8125rem;
  }
}
/*============================
.h2Type02
============================*/
.h2Type02{
  margin: 80px 0;
  font-size: 2.75rem;
  font-weight: normal;
  color: #e83416;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .h2Type02{
    margin: 25px 0 17px;
    font-size: 1.6rem;
  }
}

/*============================
.h3Type01
============================*/
.h3Type01{
  position: relative;
  margin-bottom: 35px;
  padding-left: 33px;
  font-weight: normal;
  font-size: 1.875rem;
}
.h3Type01:before,
.h3Type01:after{
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  background: #e83416;
  border-radius: 4px;
  top: 17px;
  left: 0;
  margin-top: -8px;
}
.h3Type01:before{
  margin-top: 8px;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .h3Type01{
    margin-bottom: 23px;
    padding-left: 13px;
    font-size: 1.4375rem;
  }
  .h3Type01:before,
  .h3Type01:after{
    width: 5px;
    height: 5px;
    top: 13px;
    margin-top: -5px;
  }
  .h3Type01:before{
    margin-top: 5px;
  }
}

/*============================
.h3Type02
============================*/
.h3Type02{
  position: relative;
  margin-bottom: 50px;
  font-weight: normal;
  font-size: 1.625rem;
  color: #e83416;
}
.sitemap .h3Type02{
  margin-bottom: 30px;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .h3Type02{
    margin-bottom: 20px;
    font-size: 1.25rem;
  }
  .sitemap .h3Type02{
    margin-bottom: 15px;
  }
}

/*============================
.h3Type03
============================*/
.h3Type03{
  position: relative;
  margin-bottom: 30px;
  font-weight: normal;
  font-size: 1.125rem;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .h3Type03{
    margin-bottom: 15px;
    font-size: 0.875rem;
  }
}

/*============================
.h4Type01
============================*/
.h4Type01{
  position: relative;
  margin-bottom: 50px;
  padding-left:40px;
  font-weight: normal;
  font-size: 1.625rem;
}
.h4Type01:before{
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  background: #e83416;
  border-radius: 4px;
  top: 14px;
  left: 0;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .h4Type01{
    margin-bottom: 23px;
    padding-left: 19px;
    font-size: 1.25rem;
  }
  .h4Type01:before{
    width: 6px;
    height: 6px;
    top: 10px;
    left: 0;
  }
}

/*============================
.h4Type02
============================*/
.h4Type02{
  position: relative;
  margin-bottom: 50px;
  font-weight: normal;
  font-size: 1.625rem;
  color: #e83416;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .h4Type02{
    margin-bottom: 20px;
    font-size: 1.25rem;
  }
}

/*============================
.h5Type01
============================*/
.h5Type01{
  margin-bottom: 30px;
  font-size: 1.5rem;
  font-weight: normal;
  color: #e83416;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .h5Type01{
    margin-bottom: 23px;
    font-size: 1.25rem;
  }
}

/*============================
.icoHeadingType01
============================*/
.icoHeadingType01{
  min-height: 1px;
}
.icoHeadingType01:before{
  content: "電力小売りの\A全面自由化とは";
  display: block;
  float: left;
  width: 185px;
  margin-right: 30px;
  padding: 15px 0 15px 110px;
  border-right: 1px solid #dedede;
  background: url(/business/electricity/images/power_supply_ico_01.png) no-repeat left center;
  -webkit-background-size: 90px auto;
  background-size: 90px auto;
  white-space: pre;
  font-size: 1.375rem;
}
.icoHeadingType01:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.icoHeadingType01 .ttlTxt{
  padding: 15px 0;
  line-height: 1.6;
  font-size: 0.875rem;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .icoHeadingType01{
    padding: 0;
    border-left: none;
  }
  .icoHeadingType01:before{
    content: "電力小売りの\A全面自由化とは";
    display: block;
    float: none;
    width: 185px;
    margin-right: 0;
    padding: 15px 0 15px 60px;
    border-right: none;
    background: url(/business/electricity/images/power_supply_ico_01.png) no-repeat left center;
    -webkit-background-size: 40px auto;
    background-size: 40px auto;
    white-space: pre;
    font-size: 0.875rem;
    font-weight: bold;
  }
  .icoHeadingType01 .ttlTxt{
    padding: 0;
    font-size: 0.688rem;
  }
}

/*============================
.icoPointType01
============================*/
.icoPointType01{
  margin-top: 70px;
  min-height: 1px;
}
.icoPointType01:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.icoPointType01 .icoPoint{
  display: table-cell;
  vertical-align: top;
}
.icoPointType01 .icoPointTxt{
  width: 86px;
  height: 86px;
  background: #e94831;
  -webkit-border-radius: 43px;
  border-radius: 43px;
  padding-top: 18px;
  font-size: 2.875rem;
  line-height: 0.55;
  color: #fff;
  text-align: center;
}
.icoPointType01 .icoPointTxt .point{
  font-size: 0.75rem;
  vertical-align: top;
}
.icoPointType01 .icoPointDesc{
  display: table-cell;
  padding-left: 20px;
  vertical-align: middle;
}
.icoPointType01 .icoPointDesc .descTtl{
  margin-bottom: 10px;
  font-size: 1.5rem;
  color: #e83416;
}
.icoPointType01 .icoPointDesc .descTxt{
  font-size: 0.875rem;
}

@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .icoPointType01{
    margin-top: 55px;
  }
  .icoPointType01 .icoPointTxt{
    width: 60px;
    height: 60px;
    -webkit-border-radius: 26px;
    border-radius: 30px;
    padding-top: 13px;
    font-size: 1.875rem;
  }
  .icoPointType01 .icoPointTxt .point{
    font-size: 0.5rem;
  }
  .icoPointType01 .icoPointDesc .descTtl{
    margin-bottom: 0;
    font-size: 0.90625rem;
  }
  .icoPointType01 .descTxt{
    margin-top: 15px;
    font-size: 0.688rem;
  }
}

/*============================
.icoPointType02
============================*/
.icoPointType02{
  min-height: 1px;
}
.icoPointType02:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.icoPointType02 .icoPoint{
  display: table-cell;
  vertical-align: top;
}
.icoPointType02 .icoPointTxt{
  width: 60px;
  height: 60px;
  background: #e94831;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  padding-top: 13px;
  font-size: 1.8125rem;
  line-height: 0.6;
  color: #fff;
  text-align: center;
}
.icoPointType02 .icoPointTxt .point{
  font-size: 0.46875rem;
  vertical-align: top;
}
.icoPointType02 .icoPointDesc{
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
}
.icoPointType02 .icoPointDesc .descTtl{
  font-size: 1.125rem;
  color: #e83416;
}

@media screen and (max-width:999px){
  .icoPointType02 .icoPoint{
    display: block;
  }
  .icoPointType02 .icoPointTxt{
    margin: 0 auto;
  }
  .icoPointType02 .icoPointDesc{
    display: block;
    margin-top: 15px;
    padding-left: 0;
    text-align: center;
  }
}
@media screen and (max-width:750px){
  .icoPointType02 .icoPointTxt{
    width: 60px;
    height: 60px;
    -webkit-border-radius: 26px;
    border-radius: 30px;
    padding-top: 13px;
    font-size: 1.875rem;
    line-height: 0.55;
  }
  .icoPointType02 .icoPointTxt .point{
    font-size: 0.5rem;
  }
  .icoPointType02 .icoPointDesc .descTtl{
    margin-bottom: 0;
    font-size: 0.90625rem;
  }
}

/*============================
.ttlSubTxt01
============================*/
.ttlSubTxt01{
  position: relative;
  top: -12px;
  font-size: 0.75rem;
  color: #777;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .ttlSubTxt01{
    display: none;
  }
}

/*============================
.titleIco01
============================*/
.titleIco01{
  background: #eee;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-right: 10px;
  padding: 6px 10px 6px 15px;
  text-align: center;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: bold;
}

@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .titleIco01{
    display: inline-block;
    margin-right: 0;
    margin-bottom: 5px;
  }
}

/*============================
.boxListType01
============================*/
.boxListType01{
}
.boxListType01:after{
  content: "";
  clear: both;
  display: block;
}
.boxListType01 li{
  float: left;
  width: 293px;
  margin: 60px 50px 0 0;
}
@media screen and (min-width:1000px){
  .boxListType01 li:nth-child(3n){
    margin-right: 0;
  }
  .boxListType01 li:nth-child(-n+3){
    margin-top: 0;
  }
}
.boxListType01 li a{
  display: block;
  padding: 47px 30px;
  border: 1px solid #dedede;
  border-radius: 7px;
  transition: 0.2s;
  text-decoration: none;
  text-align: center;
}
.boxListType01 li a:hover{
  box-shadow: 0 0 10px #ccc;
}
.boxListType01 .boxImg{
}
.boxListType01 .boxTxtArea{
  margin-top: 25px;
}
.boxListType01 .boxTtl{
  position: relative;
  display: inline-block;
  padding-right: 6px;
  font-weight: bold;
  font-size: 1.125rem;
  color: #e83416;
  line-height: 1.7;
}
.boxListType01 .boxTtl:after{
  content:"";
  display:block;
  position:absolute;
  width:6px;
  height:6px;
  border-top:1px solid #e83416;
  border-right:1px solid #e83416;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg); position:absolute;
  right:0;
  top:50%;
  margin-top:-5px;
}
.boxListType01 .boxTxt{
  margin-top: 20px;
  font-size: 0.8125rem;
  color: #444;
  text-align: left;
  line-height: 1.7;
}
@media screen and (max-width:999px){
  .boxListType01 li{
    width: 49%;
    margin: 2% 2% 0 0;
  }
  .boxListType01 li:nth-child(2n){
    margin-right: 0;
  }
  .boxListType01 li:nth-child(-n+2){
    margin-top: 0;
  }
}
@media screen and (max-width:750px){
  .boxListType01{
  }
  .boxListType01 li{
    float: none;
    width: 100%;
    margin: 8px 0 0;
  }
  .boxListType01 li:first-child{
    margin-top: 0px;
  }
  .boxListType01 li:nth-child(-n+2){
    margin-top: 8px;
  }
  .boxListType01 li a{
    display: table;
    width: 100%;
    padding: 20px 17px;
    text-align: left;
    box-sizing: border-box;
  }
  .boxListType01 .boxImg{
    display: table-cell;
    width: 69px;
  }
  .boxListType01 .boxImg img{
    width: 69px;
  }
  .boxListType01 .boxTxtArea{
    display: table-cell;
    margin-top: 0;
    padding-left: 17px;
    vertical-align: top;
  }
  .boxListType01 .boxTtl{
    font-size: 0.9375rem;
  }
  .boxListType01 .boxTxt{
    margin-top: 7px;
    font-size: 0.8125rem;
    text-align: left;
  }
}

/*============================
.boxListType02
============================*/
.boxListType02{
}
.boxListType02:after{
  content: "";
  clear: both;
  display: block;
}
.boxListType02 .boxList{
  float: left;
  width: 293px;
  margin: 60px 50px 0 0;
}
@media screen and (min-width:1000px){
  .boxListType02 .boxList:nth-child(3n){
    margin-right: 0;
  }
  .boxListType02 .boxList:nth-child(-n+3){
    margin-top: 0;
  }
}
.boxListType02 .boxList a{
  display: block;
}
.boxListType02 .boxListInner dt{
  border-bottom: 1px solid #dedede;
}
.boxListType02 .boxListInner dt a{
  display: table;
  width: 100%;
  position: relative;
  padding: 15px 5px 15px 54px;
  box-sizing: border-box;
}
.boxListType02 .boxListInner dt a:hover{opacity:0.8;}
.boxListType02 .boxListInner dt a:before {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 42px;
  left: 0;
  top: 50%;
  margin-top: -20px;
  background: url(/business/common/images/icon_service_pc.png) 0 0 no-repeat;
  background-size: 50px 222px;
}
.boxListType02 .list01 .boxListInner dt a:before{background-position:0 6px;}
.boxListType02 .list02 .boxListInner dt a:before{background-position:0 -40px;}
.boxListType02 .list03 .boxListInner dt a:before{background-position:0 -88px;}
.boxListType02 .list04 .boxListInner dt a:before{background-position:0 -132px;}
.boxListType02 .list05 .boxListInner dt a:before{background-position:0 -181px;}

.boxListType02 .boxListInner dt a:after{
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 1px solid;
  border-right: 1px solid;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 0;
  top: 50%;
  margin-top: -3px;
}
.boxListType02 .list01 .boxListInner dt a:after{color:#fa1090;}
.boxListType02 .list02 .boxListInner dt a:after{color:#027eca;}
.boxListType02 .list03 .boxListInner dt a:after{color:#9f4000;}
.boxListType02 .list04 .boxListInner dt a:after{color:#1cbe9b;}
.boxListType02 .list05 .boxListInner dt a:after{color:#f5950e;}

.boxListType02 .link_arrow{
  display: table-cell;
  vertical-align: middle;
  font-size: 1.125rem;
  font-weight: bold;
}
.boxListType02 .list01 .link_arrow{color:#fa1090;}
.boxListType02 .list02 .link_arrow{color:#027eca;}
.boxListType02 .list03 .link_arrow{color:#9f4000;}
.boxListType02 .list04 .link_arrow{color:#1cbe9b;}
.boxListType02 .list05 .link_arrow{color:#f5950e;}

.boxListType02 .linkList{
  margin-top: 21px;
  padding: 0 7px;
}
.boxListType02 .linkList li{
  margin: 14px 0 0;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 0.875rem;
}
.boxListType02 .linkList li a{
  position: relative;
  display: inline;
  padding-left: 14px;
  text-indent: -1em;
  color: #444;
}
.boxListType02 .linkList li a:before{
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0;
  top: 0.3em;
}
.boxListType02 .linkList li a:hover{
  text-decoration: underline;
}
.boxListType02 .list01 .linkList li a:hover{color:#fa1090;}
.boxListType02 .list02 .linkList li a:hover{color:#027eca;}
.boxListType02 .list03 .linkList li a:hover{color:#9f4000;}
.boxListType02 .list04 .linkList li a:hover{color:#1cbe9b;}
.boxListType02 .list05 .linkList li a:hover{color:#f5950e;}
@media screen and (max-width:999px){
  .boxListType02 .boxList{
    width: 49%;
    margin: 5% 2% 0 0;
  }
  .boxListType02 .boxList:nth-child(2n){
    margin-right: 0;
  }
  .boxListType02 .boxList:nth-child(-n+2){
    margin-top: 0;
  }
  .boxListType02 .linkList:after{
    content: "";
    clear: both;
    display: block;
  }
  .boxListType02 .linkList li{
    float: left;
    width: 47%;
    margin: 0 5% 1em 0;
  }
  .boxListType02 .linkList li:nth-child(2n){
    margin-right: 0;
  }
}
@media screen and (max-width:750px){
  .boxListType02{
  }
  .boxListType02 .boxList{
    width: 100%;
    margin: 30px 0 0;
  }
  .boxListType02 .boxListInner dt a{
    padding: 15px 4px 15px 47px;
  }
  .boxListType02 .boxListInner dt a:before{
    content:"";
    display:block;
    position:absolute;
    width:37px;
    height:32px;
    background:url(/business/common/images/icon_service_pc.png) 0 0 no-repeat;
    background-size:37px 172px;
    top:50%; left:0;
    margin-top:-10px;
  }
  .boxListType02 .list01 .boxListInner dt a:before{background-position:0 0;}
  .boxListType02 .list02 .boxListInner dt a:before{background-position:0 -32px;}
  .boxListType02 .list03 .boxListInner dt a:before{background-position:0 -70px;}
  .boxListType02 .list04 .boxListInner dt a:before{background-position:0 -102px; margin-top:-16px;}
  .boxListType02 .list05 .boxListInner dt a:before{background-position:0 -140px; margin-top:-18px;}
  .boxListType02 .link_arrow{
    font-size: 0.9375rem;
  }
  .boxListType02 .boxList:first-child{
    margin-top: 0;
  }
  .boxListType02 .boxList:nth-child(2){
    margin-top: 30px;
  }
  .boxListType02 .boxListInner dt{
    padding: 0 13px;
    border: 1px solid #dedede;
    border-radius: 7px;
  }
  .boxListType02 .linkList li{
    font-size: 0.8125rem;
  }
}

/*============================
.boxListType03
============================*/
.boxListType03{
}
.boxListType03:after{
  content: "";
  clear: both;
  display: block;
}
.boxListType03 li{
  float: left;
  width: 293px;
  margin: 60px 50px 0 0;
}
@media screen and (min-width:1000px){
  .boxListType03 li:nth-child(3n){
    margin-right: 0;
  }
  .boxListType03 li:nth-child(-n+3){
    margin-top: 0;
  }
}
.boxListType03 li a{
  display: block;
  padding: 27px 30px;
  border: 1px solid #dedede;
  border-radius: 7px;
  transition: 0.2s;
  text-decoration: none;
  text-align: left;
}
.boxListType03 li a:hover{
  box-shadow: 0 0 10px #ccc;
}
.boxListType03 .boxImg{
  margin-bottom: 25px;
}
.boxListType03 .boxTxtArea{
}
.boxListType03 .boxTtl{
  position: relative;
  display: inline-block;
  padding-right: 12px;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.7;
}
.boxListType03 .boxTtl.txtClrPin{
  color: #fa068c;
}
.boxListType03 .boxTtl.txtClrBlu{
  color: #0186cd;
}
.boxListType03 .boxTtl.txtClrBro{
  color: #9f4000;
}
.boxListType03 .boxTtl.txtClrGre{
  color: #1cbe9b;
}
.boxListType03 .boxTtl.txtClrYel{
  color: #f5950e;
}
.boxListType03 .boxTtl.txtClrRed{
  color: #e83416;
}
.boxListType03 .boxTtl:after{
  content:"";
  display:block;
  position:absolute;
  width:6px;
  height:6px;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  right:0;
  top:50%;
  margin-top:-5px;
}
.boxListType03 .boxTtl.txtClrPin:after{
  border-top:1px solid #fa068c;
  border-right:1px solid #fa068c;
}
.boxListType03 .boxTtl.txtClrBlu:after{
  border-top:1px solid #0186cd;
  border-right:1px solid #0186cd;
}
.boxListType03 .boxTtl.txtClrBro:after{
  border-top:1px solid #9f4000;
  border-right:1px solid #9f4000;
}
.boxListType03 .boxTtl.txtClrGre:after{
  border-top:1px solid #1cbe9b;
  border-right:1px solid #1cbe9b;
}
.boxListType03 .boxTtl.txtClrYel:after{
  border-top:1px solid #f5950e;
  border-right:1px solid #f5950e;
}
.boxListType03 .boxTtl.txtClrRed:after{
  border-top:1px solid #e83416;
  border-right:1px solid #e83416;
}

.boxListType03 .boxTtl.colorRed:after{
  padding-right: 20px;
  color: #e93817;
}
.boxListType03 .boxTtl.colorRed:after{
  border-top:1px solid #e93817;
  border-right:1px solid #e93817;
  opacity: 0.5;
}
.boxListType03 .boxTxt{
  margin-top: 20px;
  font-size: 0.8125rem;
  color: #444;
  text-align: left;
  line-height: 1.7;
}
@media screen and (max-width:999px){
  .boxListType03 li{
    width: 49%;
    margin: 2% 2% 0 0;
  }
  .boxListType03 li:nth-child(2n){
    margin-right: 0;
  }
  .boxListType03 li:nth-child(-n+2){
    margin-top: 0;
  }
}
@media screen and (max-width:750px){
  .boxListType03{
  }
  .boxListType03 li{
    float: none;
    width: 100%;
    margin: 8px 0 0;
  }
  .boxListType03 li:first-child{
    margin-top: 0px;
  }
  .boxListType03 li:nth-child(-n+2){
    margin-top: 8px;
  }
  .boxListType03 li a{
    display: table;
    width: 100%;
    padding: 20px 17px;
    box-sizing: border-box;
  }
  .boxListType03 .boxImg{
    display: table-cell;
    width: 69px;
  }
  .boxListType03 .boxImg img{
    width: 69px;
  }
  .boxListType03 .boxTxtArea{
    display: table-cell;
    margin-top: 0;
    vertical-align: top;
  }
  .boxListType03 .boxTtl{
    font-size: 0.9375rem;
  }
  .boxListType03 .boxTxt{
    margin-top: 7px;
    font-size: 0.8125rem;
  }
}


/*============================
.bnrArea
============================*/
.bnrArea .bnr{
  line-height: 0;
}
@media screen and (max-width:999px){
  .bnrArea img{
    width: 100%;
  }
}

@media screen and (max-width:750px){
  .bnrArea{
    margin-top: 69px;
  }
}

/*============================
.headingBlockA01
============================*/
.headingBlockA01{}
.headingBlockB01{padding-bottom:25px; margin-bottom:62px; position:relative; text-align:center;}
.headingBlockB01:before,
.headingBlockB01:after{content:""; display:block; position:absolute; width:8px; height:8px; background:#e83416; border-radius:4px; bottom:0; left:50%;}
.headingBlockB01:before{margin-left:-8px;}
.headingBlockB01:after{margin-left:8px;}
.headingBlockB01 a{transition:0.3s;}
.headingBlockB01 a:hover{opacity:0.8;}
.headingBlockC01{text-align:center; margin-bottom:38px;}

@media screen and (max-width:999px){
}

@media screen and (max-width:750px){
.headingBlockB01{margin-bottom:23px;}
.headingBlockC01{margin-bottom:23px;}
}

/*============================
.imgTxtWrap
============================*/
.imgTxtWrap{
  margin-top: 62px;
}
.imgTxtWrap .imgBox{
}
.imgTxtWrap .txtBox{
  margin-top: 25px;
  padding: 0 40px;
  font-size: 0.875rem;
}
.imgBoxA01 {
  max-width:377px;
  width:100%;
  margin:0 auto;
}
@media screen and (max-width:999px){
  .imgTxtWrap .imgBox img{
    width: 100%;
  }
  .imgTxtWrap .txtBox{
    padding: 0;
  }
}
@media screen and (max-width:999px){
  .imgBoxA01 img{
    width:100%;
  }
}

@media screen and (max-width:750px){
  .imgTxtWrap .txtBox{
    margin-top: 11px;
    padding: 0;
    font-size: 0.8125rem;
  }
}

/*============================
.anchorLink
============================*/
.anchorLink{
  margin-top: 50px;
}
.anchorLink:after{
  content: "";
  clear: both;
  display: block;
}
.anchorLink li{
  position: relative;
  width: 300px;
  float: left;
  margin: 50px 40px 0 0;
}
.anchorLink li:after {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 1px solid #e83416;
    border-right: 1px solid #e83416;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: 50%;
    bottom: 30px;
    margin-right: -3px;
}
.anchorLink li:nth-child(3n){
  margin-right: 0;
}
.anchorLink li:nth-child(-n+3){
  margin-top: 0;
}
.anchorLink.column2Type li{
  width: 470px;
}
.anchorLink.column2Type li:nth-child(2n){
  margin-right: 0;
}
.anchorLink.column2Type li:nth-child(-n+3){
  margin-top: 20px;
}
.anchorLink.column2Type li:nth-child(-n+2){
  margin-top: 0;
}
.anchorLink li a{
  display: block;
  padding: 40px 5px 50px;
  border: 1px solid #dedede;
  border-radius: 7px;
  font-weight: bold;
  font-size: 1.125rem;
  color: #e83416;
  line-height: 1.4;
  transition: 0.2s;
  text-align: center;
}
.anchorLink li a:hover {
  box-shadow: 0 0 10px #ccc;
}
@media screen and (max-width:999px){
  .anchorLink li{
    width: 32.34%;
    margin: 2% 1.48% 0 0;
  }
  .anchorLink.column2Type li{
    width: 49%;
    margin-right: 2%;
  }
}
@media screen and (max-width:750px){
  .anchorLink{
    margin-top: 34px;
  }
}

/*============================
.boxWrapType01
============================*/
.boxWrapType01{
}
.boxWrapType01 .boxArea{
  margin-top: 62px;
  padding-top: 62px;
  border-top: 1px solid #dedede;
}
.boxWrapType01 .boxArea:first-child{
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .boxWrapType01 .boxArea{
    margin-top: 34px;
    padding-top: 34px;
  }
}
/*============================
.boxWrapType02
============================*/
.boxWrapType02{
}
.boxWrapType02 .boxArea{
  margin-top: 62px;
  padding: 60px 40px;
  border: 1px solid #dedede;
}
.boxWrapType02 .boxArea:first-child{
  margin-top: 0;
}
@media screen and (max-width:999px){
  .boxWrapType02 .boxArea{
    margin-top: 2%;
    padding: 30px 20px;
  }
  .boxWrapType02 .boxArea:first-child{
    margin-top: 0;
  }
}
@media screen and (max-width:750px){
  .boxWrapType02 .boxArea{
    margin-top: 2%;
    padding: 30px 20px;
  }
  .boxWrapType02 .boxArea:first-child{
    margin-top: 0;
    padding: 25px 1em;
}
}

/*============================
.col2Type00
============================*/
.col2Type00{
}
.col2Type00:after{
  content: "";
  clear: both;
  display: block;
}
.col2Type00 .col2L{
  float: left;
  width: 500px;
  margin-right: 39px;
}
.col2Type00 .col2R{
  float: left;
  width: 441px;
}
.col2Type00 .col2Img{
  line-height: 1;
  width: 100%;
}
.col2Type00 .txt{
  font-size: 0.875rem;
}
.col2Type00 .note{
  margin-top: 10px;
  text-align: right;
  font-size: 0.75rem;
  color: #777;
}
.boxWrapType02 .col2Type00 .col2L{
  width: 263px;
  margin-right: 40px;
}
@media screen and (max-width:999px){
  .col2Type00 .col2L{
    width: 58.77%;
    margin-right: 3.9%;
  }
  .col2Type00 .col2R{
    width: 37.24%;
  }
  .col2Type00 .col2Img img{
    width: 100%;
  }
  .boxWrapType02 .col2Type00 .col2L{
    width: 37.24%;
    margin-right: 3.9%;
  }
}
@media screen and (max-width:750px){
  .col2Type00 .col2L{
    width: 100%;
    margin-right: 0;
  }
  .col2Type00 .col2R{
    width: 100%;
    margin-top: 11px;
  }
  .col2Type00 .note{
    margin-top: 11px;
    text-align: left;
    font-size: 0.75rem;
  }
  .boxWrapType02 .col2Type00 .col2L{
    width: 100%;
    margin-right: 0;
  }
}
/*============================
.col2Type01
============================*/
.col2Type01{
}
.col2Type01:after{
  content: "";
  clear: both;
  display: block;
}
.col2Type01 .col2L{
  float: left;
  width: 365px;
  margin-right: 39px;
}
.col2Type01 .col2R{
  float: left;
  width: 576px;
}
.col2Type01 .col2Img{
  line-height: 1;
}
.col2Type01 .txt{
  font-size: 0.875rem;
}
.col2Type01 .note{
  margin-top: 10px;
  text-align: right;
  font-size: 0.75rem;
  color: #777;
}
.boxWrapType02 .col2Type01 .col2L{
  width: 263px;
  margin-right: 40px;
}
@media screen and (max-width:999px){
  .col2Type01 .col2L{
    width: 37.24%;
    margin-right: 3.9%;
  }
  .col2Type01 .col2R{
    width: 58.77%;
  }
  .col2Type01 .col2Img img{
    width: 100%;
  }
  .boxWrapType02 .col2Type01 .col2L{
    width: 37.24%;
    margin-right: 3.9%;
  }
}
@media screen and (max-width:750px){
  .col2Type01 .col2L{
    width: 100%;
    margin-right: 0;
  }
  .col2Type01 .col2R{
    width: 100%;
    margin-top: 11px;
  }
  .col2Type01 .note{
    margin-top: 11px;
    text-align: left;
    font-size: 0.75rem;
  }
  .boxWrapType02 .col2Type01 .col2L{
    width: 100%;
    margin-right: 0;
  }
}
/*============================
.col2Type02
============================*/
.col2Type02:after{
  content: "";
  clear: both;
  display: block;
}
.col2Type02 .col2Box{
  float: left;
  width: 440px;
  margin-top: 60px;
  margin-right: 100px;
}
.col2Type02 .col2Box:nth-child(-n+2){
  margin-top: 0;
}
.col2Type02 .col2Box:nth-child(2n){
  margin-right: 0;
}
@media screen and (max-width:999px){
  .col2Type02 .col2Box{
    width: 49%;
    margin: 60px 2% 0 0;
   }
}
@media screen and (max-width:750px){
  .col2Type02 .col2Box{
    width: 100%;
    margin-top: 34px;
   }
  .col2Type02 .col2Box:nth-child(-n+2){
    margin-top: 34px;
  }
  .col2Type02 .col2Box:first-child{
    margin-top: 0;
  }
}

/*============================
.col2Type03
============================*/
.col2Type03:after{
  content: "";
  clear: both;
  display: block;
}
.col2Type03 .col2Box{
  float: left;
  width: 470px;
  margin-top: 60px;
  margin-right: 40px;
}
.col2Type03 .col2Box img{
  width: 100%;
}
.col2Type03 .col2Box:nth-child(2n){
  margin-right: 0;
}
@media screen and (max-width:999px){
  .col2Type03 .col2Box{
    width: 49%;
    margin: 60px 2% 0 0;
   }
}
@media screen and (max-width:750px){
  .col2Type03 .col2Box{
    width: 100%;
    margin-top: 34px;
   }
  .col2Type03 .col2Box:nth-child(-n+2){
    margin-top: 34px;
  }
}

/*============================
.col2Type04
============================*/
.col2Type04{
  margin-top: 40px;
}
.col2Type04:after{
  content: "";
  clear: both;
  display: block;
}
.col2Type04 .col2Box{
  float: left;
  width: 470px;
  margin-top: 40px;
  margin-right: 40px;
}
.col2Type04 .col2Box img{
  width: 100%;
}
.col2Type04 .col2Box:nth-child(-n+2){
  margin-top: 0;
}
.col2Type04 .col2Box:nth-child(2n){
  margin-right: 0;
}
@media screen and (max-width:999px){
  .col2Type04 .col2Box{
    width: 49%;
    margin: 20px 2% 0 0;
   }
   .col2Type04 .col2Box:first-child{
     margin-top: 0;
  }
}
@media screen and (max-width:750px){
  .col2Type04{
    margin-top: 20px;
  }
  .col2Type04 .col2Box{
    width: 100%;
  }
  .col2Type04 .col2Box:nth-child(-n+2){
    margin-top: 20px;
  }
  .col2Type04 .col2Box:first-child{
    margin-top: 0;
  }
}

/*============================
.col2Type05
============================*/
.col2Type05:after{
  content: "";
  clear: both;
  display: block;
}
.col2Type05 .col2Box{
  float: left;
  width: 415px;
  margin-top: 50px;
  margin-right: 35px;
  overflow: hidden;
}
.col2Type05 .col2Box:nth-child(2n){
  width: 450px;
}
.col2Type05 .col2Box:nth-child(-n+2){
  margin-top: 0;
}
.col2Type05 .col2Box .col2BoxImg{
  float: left;
  width: 48%;
  margin-right: 4%;
}
.col2Type05 .col2Box .col2BoxImg:nth-child(2n){
  margin-right: 0;
}
.col2Type05 .col2Box img{
  width: 100%;
}
.col2Type05 .col2Box:nth-child(2n){
  margin-right: 0;
}
@media screen and (max-width:999px){
  .col2Type05 .col2Box{
    width: 49%;
    margin: 20px 2% 0 0;
   }
  .col2Type05 .col2Box:nth-child(-n+2){
    margin-top: 0;
  }
  .col2Type05 .col2Box:nth-child(2n){
    width: 49%;
  }
}
@media screen and (max-width:750px){
  .col2Type05 .col2Box{
    width: 100%;
   }
  .col2Type05 .col2Box:nth-child(2n){
    width: 100%;
  }
  .col2Type05 .col2Box:nth-child(-n+2){
    margin-top: 0;
  }
  .col2Type05 .col2Box:first-child{
    margin-top: 0;
  }
}

/*============================
.col2Type06
============================*/
.col2Type06:after{
  content: "";
  clear: both;
  display: block;
}
.col2Type06 .col2Box{
  float: left;
  width: 429px;
  margin-top: 55px;
  margin-right: 40px;
}
.col2Type06 .col2Box img{
  width: 100%;
}
.col2Type06 .col2Box:nth-child(-n+2){
  margin-top: 0;
}
.col2Type06 .col2Box:nth-child(2n){
  margin-right: 0;
}
.col2Type06 .col2Box:nth-child(2n+1){
  clear: both;
}
@media screen and (max-width:999px){
  .col2Type06 .col2Box{
    width: 49%;
    margin: 20px 2% 0 0;
   }
}
@media screen and (max-width:750px){
  .col2Type06 .col2Box{
    width: 100%;
    margin-top:20px;
  }
  .col2Type06 .col2Box:nth-child(-n+2){
    margin-top: 20px;
  }
  .col2Type06 .col2Box:first-child{
    margin-top: 0;
  }
}
/*============================
.col2Type07
============================*/
.col2Type07{
}
.col2Type07:after{
  content: "";
  clear: both;
  display: block;
}
.col2Type07 .col2L{
  float: left;
  width: 250px;
  margin-right: 39px;
}
.col2Type07 .col2R{
  float: left;
  width: 611px;
}
.col2Type07 .col2Img{
  line-height: 1;
}
.col2Type07 .txt{
  font-size: 0.875rem;
}
.col2Type07 .note{
  margin-top: 10px;
  text-align: right;
  font-size: 0.75rem;
  color: #777;
}
.boxWrapType02 .col2Type07 .col2L{
  width: 263px;
  margin-right: 40px;
}
@media screen and (max-width:999px){
  .col2Type07 .col2L{
    width: 37.24%;
    margin-right: 3.9%;
  }
  .col2Type07 .col2R{
    width: 58.77%;
  }
  .col2Type07 .col2Img img{
    width: 100%;
  }
  .boxWrapType02 .col2Type01 .col2L{
    width: 37.24%;
    margin-right: 3.9%;
  }
}
@media screen and (max-width:750px){
  .col2Type07 .col2L{
    width: 100%;
    margin-right: 0;
  }
  .col2Type07 .col2R{
    width: 100%;
    margin-top: 11px;
  }
  .col2Type07 .note{
    margin-top: 11px;
    text-align: left;
    font-size: 0.75rem;
  }
  .boxWrapType02 .col2Type07 .col2L{
    width: 100%;
    margin-right: 0;
  }
}

/*============================
.col2Type08
============================*/
.col2Type08{
}
.col2Type08:after{
  content: "";
  clear: both;
  display: block;
}
.col2Type08 .col2L{
  float: left;
  width: 160px;
  margin-right: 39px;
}
.col2Type08 .col2R{
  float: left;
  width: 781px;
}
.col2Type08 .col2Img{
  line-height: 1;
}

.col2Type08 .txt{
  font-size: 0.875rem;
}
.col2Type08 .note{
  margin-top: 10px;
  text-align: right;
  font-size: 0.75rem;
  color: #777;
}
.boxWrapType02 .col2Type08 .col2L{
  width: 263px;
  margin-right: 40px;
}
  
@media screen and (max-width:999px){
  .col2Type08 .col2L{
  }
  .col2Type08 .col2R{
    width: 100%;
  }
  .col2Type08 .col2Img img{
  }
  .boxWrapType02 .col2Type08 .col2L{
    width: 37.24%;
    margin-right: 3.9%;
  }
}
@media screen and (max-width:750px){
  .col2Type08 .col2L{
    width: 100%;
    margin-right: 0;
  }
  .col2Type08 .col2R{
    width: 100%;
    margin-top: 11px;
  }
  .col2Type08 .note{
    margin-top: 11px;
    text-align: left;
    font-size: 0.75rem;
  }
  .boxWrapType02 .col2Type08 .col2L{
    width: 100%;
    margin-right: 0;
  }
  .col2Type08 .col2Img img{

  }
}

/*============================
.col2Box general
============================*/
.col2Box a{
  display: block;
  color: #444;
}
.col2Box a:hover{
  text-decoration: underline;
}
.col2Box a img:hover{
  opacity: 0.8;
}
.col2Box .colCaption{
  font-size: 0.875rem;
}
.centerArrow{
  position: relative;
}
.centerArrow:before{
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 46%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 0 13px 23px;
  border-color: transparent transparent transparent #cccccc;
}

@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .col2Box .colCaption{
    font-size: 0.688rem;
  }
  .centerArrow:before{
    top: 48%;
    left: 45%;
    border-width: 23px 13px 0 13px;
    border-color: #cccccc transparent transparent transparent;
  }
  .centerArrow .col2Box:nth-child(2){
    margin-top: 60px;
  }
}

/*============================
.col3Type01
============================*/
.col3Type01:after{
  content: "";
  clear: both;
  display: block;
}
.col3Type01 .col3Box{
  float: left;
  width: 310px;
  margin-top: 40px;
  margin-right: 25px;
}
.col3Type01 .col3Box:nth-child(-n+3){
  margin-top: 0;
}
.col3Type01 .col3Box:nth-child(3n){
  margin-right: 0;
}
.col3Type01 .col3Box a{
  display: block;
  color: #444;
}
.col3Type01 .col3Box a:hover{
  text-decoration: underline;
}
.col3Type01 .col3Box a:hover{
  opacity: 0.8;
}
.col3Type01 .col3BoxInner{
  margin-bottom: 10px;
}
.col3Type01 .col3BoxInner:after{
  content: "";
  clear: both;
  display: block;
}
.col3Type01 .col3BoxImg{
  float: left;
  width: 50%;
}
.col3Type01 .col3BoxImg img{
  width: 100%;
}
.col3Type01 .col3BoxTxt{
  float: left;
  width: 50%;
  padding-top: 20px;
}

@media screen and (min-width:1000px){
  .col3Type01 .col3Box{
    float: left;
    width: 293px;
    margin-top: 40px;
    margin-right: 34px;
  }
  .col3Type01 .col3Box:nth-child(-n+3){
    margin-top: 0;
  }
  .col3Type01 .col3Box:nth-child(3n){
    margin-right: 0;
    width: 326px;
    padding: 0 0 20px 32px;
    border-left: 1px solid #ddd;
  }
}

@media screen and (max-width:999px){
  .col3Type01 .col3Box{
    width: 100%;
    margin: 40px 0 0 0;
   }
  .col3Type01 .col3Box:nth-child(-n+3){
    margin-top: 40px;
  }
  .col3Type01 .col3BoxInner{
    margin-bottom: 0;
  }
  .col3Type01 .col3Box:last-child .col3BoxImg{
    width: 50%;
  }
  .col3Type01 .col3Box:last-child .col3BoxTxt{
    width: 50%;
  }
  .col3Type01 .col3BoxTxt{
    padding-top: 10vw;
  }
}
@media screen and (max-width:750px){
  .col3Type01 .col3Box{
    margin-top: 20px;
   }
  .col3Type01 .col3Box:nth-child(-n+3){
    margin-top: 20px;
  }
  .col3Type01 .col3Box:first-child{
    margin-top: 0;
  }
}

/*============================
.col3Type02
============================*/
.col3Type02:after{
  content: "";
  clear: both;
  display: block;
}
.col3Type02 .col3Box{
  float: left;
  width: 310px;
  margin-top: 25px;
  margin-right: 25px;
}
.col3Type02 .col3Box:nth-child(-n+3){
  margin-top: 0;
}
.col3Type02 .col3Box:nth-child(3n){
  margin-right: 0;
}
.col3Type02 .col3Box a{
  display: block;
  color: #444;
}
.col3Type02 .col3Box a:hover{
  text-decoration: underline;
}
.col3Type02 .col3Box a img:hover{
  opacity: 0.8;
}
.col3Type02 .col3Box .colCaption{
  font-size: 0.875rem;
}
.col3Type02 .col3Box img{
  width: 100%;
}

@media screen and (max-width:999px){
  .col3Type02 .col3Box{
    width: 100%;
    margin: 20px 0 0 0;
   }
  .col3Type02 .col3Box:nth-child(-n+3){
    margin-top: 20px;
  }
}
@media screen and (max-width:750px){
  .col3Type02 .col3Box{
    margin-top: 20px;
   }
  .col3Type02 .col3Box:nth-child(-n+3){
    margin-top: 20px;
  }
  .col3Type02 .col3Box:first-child{
    margin-top: 0;
  }
  .col3Type02 .col3Box .colCaption{
    font-size: 0.688rem;
  }
}

/*============================
.col4Type01
============================*/
.col4Type01:after{
  content: "";
  clear: both;
  display: block;
}
.col4Type01 .col4Box{
  float: left;
  width: 215px;
  margin-top: 60px;
  margin-right: 40px;
}
.col4Type01 .col4Box:nth-child(-n+4){
  margin-top: 0;
}
.col4Type01 .col4Box:nth-child(4n){
  margin-right: 0;
}
@media screen and (max-width:999px){
  .col4Type01 .col4Box{
    width: 49%;
    margin: 60px 2% 0 0;
   }
   .col4Type01 .col4Box:nth-child(2n){
    margin-right: 0;
  }
  .col4Type01 .col4Box:nth-child(-n+4){
    margin-top: 2%;
  }
}
@media screen and (max-width:750px){
  .col4Type01 .col4Box{
    margin-top: 34px;
   }
  .col4Type01 .col4Box:nth-child(-n+2){
    margin-top: 0;
  }
  .col4Type01 .col4Box:first-child{
    margin-top: 0;
  }
}

/*============================
.separateLine2Box01
============================*/
.separateLine2Box01{
  margin-top: 110px;
  min-height: 1px;
}
.separateLine2Box01:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.separateLine2Box01:first-child{
  margin-top: 0;
}
.separateLine2Box01 .separateBox{
  width: 490px;
  float: left;
  border-right: 1px solid #dedede;
  margin-top: 50px;
  padding-right: 50px;
}
.separateLine2Box01 .separateBox:nth-child(-n+2){
  margin-top: 0;
}
.separateLine2Box01 .separateBox:nth-child(2n){
  border-right: none;
  padding-right: 0;
  padding-left: 50px;
}
.separateLine2Box01 .separateBox:nth-child(2n+1){
  clear: both;
}
.separateLine2Box01 .separateBox .boxTtl{
  font-size: 1.5rem;
  color: #e83416;
  text-align: center;
}
.separateLine2Box01 .separateBox .boxTxt{
  margin-top: 45px;
  font-size: 0.875rem;
}
@media screen and (max-width:999px){
  .separateLine2Box01 .separateBox{
    width: 50%;
  }
  .separateLine2Box01 .separateBox{
    padding-right: 4%;
  }
  .separateLine2Box01 .separateBox:nth-child(2n){
    padding-left: 4%;
  }
}
@media screen and (max-width:750px){
  .separateLine2Box01 .separateBox{
    width: 100%;
    float: none;
  }
  .separateLine2Box01 .separateBox{
    border-right: none;
    border-bottom: 1px solid #dedede;
    padding-right: 0;
    padding-bottom: 4%;
  }
  .separateLine2Box01 .separateBox:nth-child(-n+2){
    margin-top: 20px;
  }
  .separateLine2Box01 .separateBox:first-child{
    margin-top: 0;
  }
  .separateLine2Box01 .separateBox:nth-child(2n){
    padding-left: 0;
    padding-top: 4%;
  }
  .separateLine2Box01 .separateBox:last-child{
    border-bottom: none;
  }
}

/*============================
.listType01
============================*/
.listType01{
}
.listType01 li{
  position: relative;
  padding-left: 20px;
  font-size: 0.875rem;
  margin-bottom: 10px;
}
.listType01 li:last-child{
  margin-bottom: 0;
}
.listType01 li:before{
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  background: #e83416;
  border-radius: 4px;
  top: 6px;
  left: 0;
}
.listType01.clrGry li:before{
  background: #ddd;
}
.listType01.clrWhite li:before{
  background: #fff;
}


@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .listType01 li{
    font-size: 0.8125rem;
  }
  .listType01 li:before{
    top: 5px;
  }
}

/*============================
.listType02
============================*/
.listType02{
}
.listType02 li{
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
  font-size: 1.25rem;
}
.listType02 li:last-child{
  margin-bottom: 0;
}
.listType02 li:before{
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  background: #e83416;
  border-radius: 4px;
  top: 9px;
  left: 0;
}
.listType02.clrGry li:before{
  background: #ddd;
}

@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .listType02 li{
    margin-bottom: 5px;
    font-size: 0.875rem;
  }
  .listType02 li:before{
    top: 5px;
  }
}

/*============================
.listType03
============================*/
.listType03{
  letter-spacing: -0.4em;
}
.listType03 li{
  display: inline-block;
  margin-right: 20px;
}
.listType03 li:last-child{
  margin-right: 0;
}
.listType03 li a{
  position: relative;
  display: block;
  padding-left: 15px;
  letter-spacing: normal;
  font-size: 0.875rem;
  color: #444;
}
.listType03 li a:hover{
  text-decoration: underline;
}
.listType03 li a:before{
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  background: #e83416;
  border-radius: 4px;
  top: 6px;
  left: 0;
}
.listType03.clrGry li a:before{
  background: #ddd;
}

@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .listType03 li{
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .listType03 li a{
    font-size: 	0.688rem;
  }
  .listType03 li a:before{
    top: 3px;
  }
}

/*============================
.listType04
============================*/
.listType04{
  letter-spacing: -0.4em;
}
.listType04 li{
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding-left: 15px;
  letter-spacing: normal;
  font-size: 0.875rem;
  color: #444;
}
.listType04 li:last-child{
  margin-right: 0;
}
.listType04 li:before{
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  background: #e83416;
  border-radius: 4px;
  top: 6px;
  left: 0;
}
.listType04.clrGry li:before{
  background: #ddd;
}

@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .listType04 li{
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .listType04 li{
    font-size: 	0.688rem;
  }
  .listType04 li:before{
    top: 3px;
  }
}

/*============================
.definedListType01
============================*/
.definedListType01{
  letter-spacing: -0.4em;
  zoom: 1;
}
.definedListType01 dt{
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 15px;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: normal;
}
.definedListType01 dt a{
  color: #444;
}
.definedListType01 dt a:hover{
  text-decoration: underline;
}

.definedListType01 dd{
  display: inline-block;
  margin-bottom: 20px;
  letter-spacing: normal;
}
.definedListType01:last-child dt,
.definedListType01:last-child dd{
  margin-bottom: 0;
}

@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .definedListType01 dt{
    display: block;
    margin-bottom: 10px;
  }
  .definedListType01 dd{
    display: block;
    margin-bottom: 25px;
  }
  .definedListType01:last-child dt{
    margin-bottom: 10px;
  }
}

/*============================
.cautionListType01
============================*/
.cautionListType01{
  margin-top: 20px;
}
.cautionListType01 li{
  padding-left: 1em;
  text-indent: -1em;
  font-size: 0.75rem;
  color: #777;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .cautionListType01{
    margin-top: 10px;
  }
  .cautionListType01 li{
    font-size: 0.625rem;
  }
}


/*============================
.tableArea
============================*/
.sp_tableWrap{
  display: none;
}
.tableType01{
  border: 1px solid #dedede;
}
.tableType01 table{
  border: 4px solid #fff;
  font-size: 0.875rem;
}
.tableArea .tableType01:first-child{
  margin-top: 0;
}
.tableType01 tr{
}
.tableType01 th{
  padding: 30px;
  background: #eee;
  border-bottom: 1px solid #fff;
  text-align: center;
  vertical-align: middle;
}
.tableType01 td{
  width: 21%;
  padding: 30px 10px;
  border-right: 1px solid #dedede;
  text-align: center;
  vertical-align: middle;
}
.tableType01 tr:nth-child(2n) td{
  background: #fafafa;
}
.tableType01 tr .fzB{
  font-size: 1.625rem;
}
.tableType01 tr .price{
  color: #e83416;
  font-size: 1.5rem;
}
.tableType01 tr .price .yen{
  font-size: 0.875rem;
}

@media screen and (max-width:999px){
  .tableType01 th{
    padding: 3%;
  }
  .tableType01 td{
    padding: 3% 1%;
  }
}
@media screen and (max-width:750px){
  .pc_tableWrap{
    display: none;
  }
  .sp_tableWrap{
    display: block;
  }
  .tableType01 table{
    font-size: 0.8125rem;
  }
  .tableType01 th{
    border-right: 1px solid #fff;
  }
  .tableType01 th:last-child{
    border-right: none;
  }
  .tableType01 tr .price{
    font-size: 1.3125rem;
  }
  .tableType01 tr .price .yen{
    font-size: 0.8125rem;
  }
}

/*============================
.tableType02
============================*/
.tableType02{
  border: 1px solid #dedede;
}
.tableType02 table{
  border: 4px solid #fff;
  font-size: 0.875rem;
}
.tableArea .tableType02:first-child{
  margin-top: 0;
}
.tableType02 tr{
}
.tableType02 th{
  padding: 30px;
  background: #eee;
  border-bottom: 1px solid #fff;
  text-align: center;
  vertical-align: middle;
}
.tableType02 td{
  width: 28%;
  padding: 30px 10px;
  border-right: 1px solid #dedede;
  text-align: center;
  vertical-align: middle;
}
.tableType02 tr:nth-child(2n) td{
  background: #fafafa;
}
.tableType02 tr .fzB{
  font-weight: bold;
}
.tableType02 tr .price{
  color: #e83416;
  font-size: 1.5rem;
}
.tableType02 tr .price .yen{
  font-size: 0.875rem;
}

@media screen and (max-width:999px){
  .tableType02 th{
    padding: 3%;
  }
  .tableType02 td{
    padding: 3% 1%;
  }
}
@media screen and (max-width:750px){
  .pc_tableWrap{
    display: none;
  }
  .sp_tableWrap{
    display: block;
  }
  .tableType02 table{
    font-size: 0.8125rem;
  }
  .tableType02 th{
    border-right: 1px solid #fff;
  }
  .tableType02 th:last-child{
    border-right: none;
  }
  .tableType02 tr .price{
    font-size: 1.3125rem;
  }
  .tableType02 tr .price .yen{
    font-size: 0.8125rem;
  }
}
/*============================
.tableType03
============================*/
.tableType03{
  border: 1px solid #dedede;
}
.tableType03 table{
  border: 4px solid #fff;
  font-size: 0.875rem;
}
.tableArea .tableType03:first-child{
  margin-top: 0;
}
.tableType03 tr{
}
.tableType03 th{
  padding: 30px;
  background: #eee;
  border-bottom: 1px solid #fff;
  text-align: center;
  vertical-align: middle;
}
.tableType03 td{
  width: 77.9%;
  padding: 30px 10px;
  border-right: 1px solid #dedede;
  text-align: center;
  vertical-align: middle;
}
.tableType03 tr:nth-child(2n) td{
  background: #fafafa;
}
.tableType03 tr .fzB{
  font-size: 1.625em;
}
.tableType03 tr .price{
  color: #e83416;
  font-size: 1.5rem;
}
.tableType03 tr .price .yen{
  font-size: 0.875rem;
}

@media screen and (max-width:999px){
  .tableType03 th{
    padding: 3%;
  }
  .tableType03 td{
    padding: 3% 1%;
  }
}
@media screen and (max-width:750px){
  .pc_tableWrap{
    display: none;
  }
  .sp_tableWrap{
    display: block;
  }
  .tableType03 table{
    font-size: 0.8125rem;
  }
  .tableType03 th{
    border-right: 1px solid #fff;
  }
  .tableType03 th:last-child{
    border-right: none;
  }
  .tableType03 tr .price{
    font-size: 1.3125rem;
  }
  .tableType03 tr .price .yen{
    font-size: 0.8125rem;
  }
}
/*============================
.tableType04
============================*/
.tableType04{
  border: 1px solid #dedede;
}
.tableType04 table{
  border: 4px solid #fff;
  font-size: 0.875rem;
}
.tableArea .tableType04:first-child{
  margin-top: 0;
}
.tableType04 tr{
}
.tableType04 th{
  padding: 30px;
  background: #eee;
  border-bottom: 1px solid #fff;
  text-align: center;
  vertical-align: middle;
}
.tableType04 td{
  width: 41.5%;
  padding: 30px 10px;
  border-right: 1px solid #dedede;
  text-align: center;
  vertical-align: middle;
}
.tableType04 tr:nth-child(2n) td{
  background: #fafafa;
}
.tableType04 tr .fzB{
  font-size: 1.625em;
}
.tableType04 tr .price{
  color: #e83416;
  font-size: 1.5rem;
}
.tableType04 tr .price .yen{
  font-size: 0.875rem;
}

@media screen and (max-width:999px){
  .tableType04 th{
    padding: 3%;
  }
  .tableType04 td{
    padding: 3% 1%;
  }
}
@media screen and (max-width:750px){
  .pc_tableWrap{
    display: none;
  }
  .sp_tableWrap{
    display: block;
  }
  .tableType04 table{
    font-size: 0.8125rem;
  }
  .tableType04 th{
    border-right: 1px solid #fff;
  }
  .tableType04 th:last-child{
    border-right: none;
  }
  .tableType04 tr .price{
    font-size: 1.3125rem;
  }
  .tableType04 tr .price .yen{
    font-size: 0.8125rem;
  }
}
/*============================
.textBlockA01
============================*/
.textBlockA01{
  padding: 0 40px;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .textBlockA01{
    padding: 0;
  }
}
/*============================
.textBlockA02
============================*/
.textBlockA02{
  margin-bottom: 20px;
  padding: 0 60px;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .textBlockA02{
    margin-bottom: 10px;
    padding: 0;
  }
}
/*============================
.textBlockB01
============================*/
.textBlockB01{
  margin-top: 35px;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .textBlockB01{
    margin-top: 15px;
  }
}
/*============================
.textBlockB02
============================*/
.textBlockB02{
  margin-top: 20px;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .textBlockB02{
    margin-top: 10px;
  }
}

/*============================
.textBlockC01
============================*/
.textBlockC01{
  margin-top: 35px;
  text-align: center;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .textBlockC01{
    margin-top: 15px;
    text-align: left;
  }
}

/*============================
.textBlockC02
============================*/
.textBlockC02{
  text-align: center;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .textBlockC02{
    text-align: left;
  }
}

/*============================
.textType
============================*/
.textTypeA01{
  font-size: 0.875rem;
}
.textTypeA02{
  font-size: 1.25rem;
}
.textTypeA03{
  font-size: 1.5rem;
}
.textTypeA04{
  font-size: 1.125rem;
}
.textTypeA05{
  font-size: 1.375rem;
}

@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .textTypeA01{
    font-size: 0.688rem;
  }
  .textTypeA02{
    font-size: 0.875rem;
  }
  .textTypeA03{
    font-size: 0.907rem;
  }
  .textTypeA04{
    font-size: 0.813rem;
  }
  .textTypeA05{
    font-size: 0.813rem;
  }
}

/*============================
.bgBlockA01
============================*/
.bgBlockA01{
  background: #eee;
  margin-top: 40px;
  padding: 40px;
}
.bgBlockA01.bgImgBuild{
  background: #eee url(/business/electricity/images/power_supply_bg_01.png) 90% center no-repeat;
  padding: 40px 355px 40px 40px;
}
.bgBlockA01 .strongTxt{
  font-size: 1.25rem;
  color: #e94831;
}
.bgBlockA02{
  background: #eee;
  margin-top: 40px;
  padding: 30px;
}
.bgBlockA03{
  background: #eee;
  margin-top: 40px;
  padding: 40px;
  width:65%;
}

@media screen and (max-width:999px){
  .bgBlockA01{
    padding: 18px;
  }
  .bgBlockA02{
    padding: 15px;
  }
  .bgBlockA03{
    padding: 18px;
  }
}
@media screen and (max-width:750px){
  .bgBlockA01{
    margin-top: 20px;
    font-size: 0.75rem;
  }
  .bgBlockA01.bgImgBuild{
    background:#eee;
    padding: 18px;
  }
  .bgBlockA01 .strongTxt{
    font-size: 0.875rem;
  }
  .bgBlockA02{
    margin-top: 20px;
    font-size: 0.75rem;
  }
  .bgBlockA03{
    background: #eee;
    font-size: 0.75rem;
    margin-top: 20px;
    padding: 18px;
    width:100%;
  }
}

/*============================
.borderBlockA01
============================*/
.borderBlockA01{
  border: 1px solid #dedede;
  padding: 40px;
}
.borderBlockA02{
  border: 1px solid #dedede;
  padding: 25px 15px;
}
@media screen and (max-width:999px){
  .borderBlockA01{
    padding: 20px;
  }
}
@media screen and (max-width:750px){
}

/*============================
.titleTxt01
============================*/
.titleTxt01{
  margin-bottom: 10px;
  font-size: 1.25rem;
}
.titleTxt01.icoNew01:after{
  content: "NEW";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-left: 20px;
  padding: 9px 0;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  background: #e94831;
  text-align: center;
  vertical-align: middle;
  font-size: 0.8rem;
  color: #fff;
}

/*============================
.titleTxt02
============================*/
.titleTxt02{
  margin-bottom: 20px;
  padding: 0 40px;
  font-size: 1.25rem;
}
@media screen and (max-width:999px){
}
@media screen and (max-width:750px){
  .titleTxt02{
    margin-bottom: 10px;
    padding: 0;
    font-size: 1rem;
  }
}

/*============================
.addressArea.btn1Column
============================*/
.addressArea.btn1Column{
  padding: 0 0 38px 0;
  border: none;
}
.addressArea.btn1Column ul li{
  width: 100%;
  padding: 0 30px;
  border: none;
}
.addressArea.btn1Column .btn a{
  width: 460px;
}

/*============================
.addressArea.btn2Column
============================*/
.addressArea.btn2Column{
  padding: 38px 0;
}
.addressArea.btn2Column ul li{
  width: 40%;
  padding: 0 30px;
}
.addressArea.btn2Column ul li.btnWrap{
  width: 60%;
}
.addressArea.btn2Column ul li dl{
  padding-left: 0;
}
.addressArea.btn2Column ul li dl dd .telImg{
  width: 100%;
}
.addressArea.btn2Column ul li.btnWrap .btn:before,
.addressArea.btn2Column ul li.btnWrap .btn:after{
  right: 10%;
}

@media screen and (max-width:979px){
  .addressArea.btn2Column ul li.btnWrap .btn{
    width: 47%;
  }
  .addressArea.btn2Column ul li{
    width: 45%;
    padding: 0 15px;
  }
  .addressArea.btn2Column ul li.btnWrap{
    width: 55%;
  }
}
@media screen and (max-width:900px){
  .addressArea.btn2Column{
    padding:2.6em 1em;
    width:100%;
    margin:0;
  }
  .addressArea.btn2Column ul{
    flex-wrap:wrap;
  }
  .addressArea.btn2Column ul li{
    width: 100%;
    padding: 2.6em 0 0 0;
  }
  .addressArea.btn2Column ul li:last-child{
    border-left: none;
    border-top: 1px solid #d6d6d6;
    text-align: center;
  }
  .addressArea.btn2Column ul li.btnWrap{
    width: 100%;
    padding: 0 1em 2.6em;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .addressArea ul li dl dd .telImg{
    width: auto;
  }
  .addressArea.btn2Column ul li.btnWrap .btn a{
    padding:1.2em 0;
  }
  .addressArea.btn2Column ul li dl{
    padding:0 2em;
    font-size:0.8125rem;
  }
}
@media screen and (max-width:750px){
  .addressArea.btn2Column ul li.btnWrap .btn{
    width: 100%;
    margin-bottom: 1em;
  }
  .addressArea.btn2Column ul li.btnWrap .btn:last-child{
    margin-bottom: 0;
  }
}


/*============================
#pc-side-nav
============================*/
#sp-side-nav{
	display: none;
}
#pc-side-nav.sidebar{
  position: absolute;
  top:0;
  right: 20px;
  width: 118px;
  box-shadow: 0 0 10px #ccc;
  border-radius: 7px;
}
#pc-side-nav.pc-side-nav-fixed {
  position: fixed;
}
#pc-side-nav .sideTtl{
  padding: 10px 0;
  background: #e83416;
  border-radius: 7px 7px 0 0;
  font-size: 0.875rem;
  text-align: center;
  color: #fff;
}
#pc-side-nav .sideTabWrap{
  position: relative;
  border-radius: 0 0 7px 7px;
  background: #fff;
  font-size: 0.8125rem;
}
#pc-side-nav .sideTabTtl{
  text-align: center;
}
#pc-side-nav .sideTabTtl li{
}
#pc-side-nav .sideTabTtl li a{
  position: relative;
  display: block;
  padding: 75px 0 10px;
  height: 35px;
  border-bottom: 1px solid #dedede;
  color: #e83416;
  font-weight: bold;
}
#pc-side-nav .sideTabTtl li.tabInner01 a,
#pc-side-nav .sideTabTtl li.tabInner03 a{
  padding: 85px 0 0;
}
#pc-side-nav .sideTabTtl li:last-child{
  border-bottom: none;
}
#pc-side-nav .sideTabTtl li a:before{
  content: "";
  display: block;
  position: absolute;
  width: 71px;
  height: 60px;
  left: 50%;
  bottom: 55px;
  margin-left: -35px;
  background: url(/business/common/images/icon_side_nav_off.png) no-repeat;
  background-size: 71px;
}
#pc-side-nav .sideTabTtl li.select a:before{
  background: url(/business/common/images/icon_side_nav_on.png) no-repeat;
}
#pc-side-nav .sideTabTtl .tabInner01 a:before,
#pc-side-nav .sideTabTtl .tabInner01.select a:before{
  background-position: 0 0;
}
#pc-side-nav .sideTabTtl .tabInner02 a:before,
#pc-side-nav .sideTabTtl .tabInner02.select a:before{
  background-position: 0 -60px;
}
#pc-side-nav .sideTabTtl .tabInner03 a:before,
#pc-side-nav .sideTabTtl .tabInner03.select a:before{
  background-position: 0 -120px;
}
#pc-side-nav .sideTabTtl .tabInner04 a:before,
#pc-side-nav .sideTabTtl .tabInner04.select a:before{
  background-position: 0 -180px;
  bottom: 50px;
}
#pc-side-nav .sideTabBoxWrap{
  position: absolute;
  top: 0;
  left: -200px;
}
#pc-side-nav .sideTabBox{
  display: none;
  position: relative;
  padding: 0 14px;
  width: 200px;
  border: 1px solid #dedede;
  background: #f5fde8;
}
#pc-side-nav .sideTabBox02{
  margin-top: 120px;
}
#pc-side-nav .sideTabBox03{
  margin-top: 241px;
}
#pc-side-nav .sideTabBox04{
  margin-top: 362px;
}
#pc-side-nav .sideTabBox:after{
  content: "";
  width:14px;
  height: 16px;
  top: 10px;
  right: -14px;
  background: url(/business/common/images/side_markup.png) 0 0 no-repeat;
  position: absolute;
}
#pc-side-nav .sideTabBox li{
  padding: 10px 0 7px;
  border-bottom: 1px solid #dedede;
  text-align: center;
}
#pc-side-nav .sideTabBox li a{
  display: block;
  color: #444;
}
#pc-side-nav .sideTabBox li a:hover{
  opacity: 0.8;
}
#pc-side-nav .sideTabBox li:last-child{
  border-bottom: none;
}
#pc-side-nav .sideTabTtl .tabInner01 a:before{
  background-position: 0 0;
}
@media screen and (max-width:999px){
	#pc-side-nav{
		display: none;
	}
	#sp-side-nav{
		display: block;
	}
	#sp-side-nav.sidebar{
		width: 100%;
		margin: 70px 0 115px;
		box-shadow: 0 0 10px #ccc;
	}
	#sp-side-nav .sideTtl{
		width: 100%;
		padding: 7px 0;
		background: #e83416;
		text-align: center;
		font-size: 0.875rem;
		color: #fff;
	}
	#sp-side-nav .sideTabWrap{
		position: relative;
		background: #fff;
		font-size: 0.8125rem;
	}
	#sp-side-nav .sideTabTtl{
	}
	#sp-side-nav .sideTabTtl:after{
		content: "";
		clear: both;
		display: block;
	}
	#sp-side-nav .sideTabTtl li{
		width: 25%;
		float: left;
		border-left: 1px solid #dedede;
		text-align: center;
	}
	#sp-side-nav .sideTabTtl li:first-child{
		border-left: none;
	}
	#sp-side-nav .sideTabTtl li a{
		position: relative;
		display: block;
		padding: 75px 0 10px;
		height: 35px;
		color: #e83416;
		font-weight: bold;
	}
	#sp-side-nav .sideTabTtl li a:before{
		content: "";
		display: block;
		position: absolute;
		width: 71px;
		height: 60px;
		left: 50%;
		bottom: 55px;
		margin-left: -35px;
		background: url(/business/common/images/icon_side_nav_off.png) no-repeat;
		background-size: 71px;
	}
	#sp-side-nav .sideTabTtl li.select a:before{
		background: url(/business/common/images/icon_side_nav_on.png) no-repeat;
	}
	#sp-side-nav .sideTabTtl .tabInner01 a:before,
	#sp-side-nav .sideTabTtl .tabInner01.select a:before{
		background-position: 0 0;
	}
	#sp-side-nav .sideTabTtl .tabInner02 a:before,
	#sp-side-nav .sideTabTtl .tabInner02.select a:before{
		background-position: 0 -60px;
	}
	#sp-side-nav .sideTabTtl .tabInner03 a:before,
	#sp-side-nav .sideTabTtl .tabInner03.select a:before{
		background-position: 0 -120px;
	}
	#sp-side-nav .sideTabTtl .tabInner04 a:before,
	#sp-side-nav .sideTabTtl .tabInner04.select a:before{
		background-position: 0 -180px;
		bottom: 50px;
	}
	#sp-side-nav .sideTabTtl li.select a:after{
		content: "";
		width:14px;
		height: 13px;
		top: -1px;
		right: auto;
		left: 50%;
		margin-left: -7px;
		background: url(/business/common/images/side_markup_sp.png) 0 0 no-repeat;
		background-size: 14px;
		position: absolute;
		z-index: 1002;
	}
	#sp-side-nav .sideTabBoxWrap{
		position: absolute;
		bottom: 120px;
		left: 0;
		width: 100%;
		z-index: 1001;
	}
	#sp-side-nav .sideTabBox{
		display: none;
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 0 14px;
		width: 50%;
		border: 1px solid #dedede;
		background: #f5fde8;
	}
	#sp-side-nav .sideTabBox02{
		margin-top: 0;
		left: 25%;
	}
	#sp-side-nav .sideTabBox03{
		margin-top: 0;
		left: auto;
		right: 24.866%;
	}
	#sp-side-nav .sideTabBox04{
		margin-top: 0;
		left: auto;
		right: 0;
	}
	#sp-side-nav .sideTabBox li{
		padding: 10px 0 7px;
		border-bottom: 1px solid #dedede;
		text-align: center;
	}
	#sp-side-nav .sideTabBox li:last-child{
		border-bottom: none;
	}
	#sp-side-nav .sideTabBox li a{
		display: block;
		color: #444;
	}
}
@media screen and (max-width:750px){
	#sp-side-nav.sidebar{
		margin: 50px 0;
	}
}

/*============================
net_biz add20200204
============================*/
#main.netbiz .netbiz_ttl {
	margin: 80px 0 44px;
	color: #e83416;
}

#main.netbiz .netbiz_ttl h2 {
	font-size: 2.75rem;
    font-weight: normal;    
}

#main.netbiz .netbiz_ttl p.note {
    font-size: 1.5rem;
}

@media screen and (max-width: 750px) {
	#main.netbiz .netbiz_ttl {
		margin: 25px 0 25px;
	}
	#main.netbiz .netbiz_ttl h2 {
		font-size: 1.6rem;
	}
	#main.netbiz .netbiz_ttl p.note {
		font-size: 1.2rem;
	}
}

/*============================
211206追記
============================*/
.cautionListType01 li.idt02 {
  padding-left: 2em;
  text-indent: -2em;
}
.catv_merit_img01 {
  margin-top: -8%;
}
.title_link_blk01 {
  color: #444;
  text-decoration: underline;
}
.title_link_blk01:hover {
  text-decoration: none;
}
.imgBox .mw100 {
  max-width: 100%;
  height: auto;
}
.imgBox .mw100_2 {
  max-width: 100%;
  height: auto;
  margin-top: -13%;
}
.sp_fl_none {
  float: left;
}
.link_text01 {
  display: block;
}
.link_text01 a {
  color: #444;
  position: relative;
  padding-left: 14px;
}
.link_text01 a:before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0;
  top: 0.3em;
}
.link_text01 a:hover {
  color: #027eca;
  text-decoration: underline;
}
.descTxt2 {
  font-size: 1.2rem;
}
.cap_idt_01 {
  padding-left: 1em;
  text-indent: -1em;
  display: inline-block;
}
img.img_ht_aut {
  height: auto;
}
.mb125 {
  margin-bottom: 125px;
}
.catv_merit_img02 {
  margin-top: -2%;
}
.cautionListType01 li.idt_none {
  padding-left: 0;
  text-indent: 0;
}
.boxListType03 li.cmt {
  display: block;
  padding: 27px 30px;
  border: 1px solid #dedede;
  border-radius: 7px;
  transition: 0.2s;
  text-decoration: none;
  text-align: left;
}
.txt_clrblue {
  color: #027eca;
}
.ttlSubTxt02 {
  font-size: 0.75rem;
  color: #777;
}
.text_link_arrow {
  width: 46%;
  margin: 4% auto;
  color: #027eca;
  position: relative;
  box-sizing: border-box;
  padding: 10px 40px 10px 23px;
  border: 2px solid #dedede;
  border-radius: 7px;
  transition: 0.2s;
  display: block;
}
.text_link_arrow:after {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 1px solid;
  border-right: 1px solid;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 4%;
  top: 50%;
  margin-top: -3px;
}
.text_link_arrow:hover {
  opacity: 0.6;
}
.text_link_arrow p {
  display: table-cell;
  font-size: 1.125rem;
  font-weight: bold;
}

.link_img:hover {
	opacity: 0.7;
	display: block;
}
@media screen and (max-width: 767px) {
  .catv_merit_img01 {
    margin-top: 0;
  }
  .catv_merit_img02 {
    margin-top: 0;
  }
  .imgBox .mw100_2 {
    margin-top: 0;
  }
  .sp_fl_none {
    float: none;
    ;
  }
  .sp_img_center {
    margin: 0 auto;
  }
  .mb125 {
    margin-bottom: 0;
  }
  .text_link_arrow {
    width: 100%;
  }
  .catv_merit_img02 {
    margin-top: 0;
  }
}
/*============================
.tableType05
============================*/
.tableType05 {
  border: 1px solid #dedede;
}
.tableType05 table {
  border: 4px solid #fff;
  font-size: 0.875rem;
}
.tableArea .tableType05:first-child {
  margin-top: 0;
}
.tableType05 th {
  padding: 30px;
  background: #eee;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  text-align: center;
  vertical-align: middle;
}
.tableType05 td {
  width: 28%;
  padding: 20px 10px;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  vertical-align: middle;
}
.tableType05 tr td {
  background: #fff;
}
.tableType05 tr .fzB {
  font-weight: bold;
}
.tableType05 tr .price {
  color: #e83416;
  font-size: 1.5rem;
}
.tableType05 tr .price .yen {
  font-size: 0.875rem;
}
@media screen and (max-width:999px) {
  .tableType05 th {
    padding: 3%;
  }
  .tableType05 td {
    padding: 3% 1%;
  }
}
@media screen and (max-width:750px) {
  .tableType05 table {
    font-size: 0.8125rem;
  }
  .tableType05 th {
    border-right: 1px solid #fff;
  }
  .tableType05 th:last-child {
    border-right: none;
  }
  .tableType05 tr .price {
    font-size: 1.3125rem;
  }
  .tableType05 tr .price .yen {
    font-size: 0.8125rem;
  }
}
/*============================
.tableType06
============================*/
.tableType06{
  border: 1px solid #dedede;
}
.tableType06 table{
  border: 4px solid #fff;
  font-size: 0.975rem;
}
.tableArea .tableType06:first-child{
  margin-top: 0;
}
.tableType06 th{
  width: 20%;
  padding: 23px 30px;
  background: #eee;
  border-bottom: 1px solid #fff;
  text-align: center;
  vertical-align: middle;
}
.tableType06 td{
  width: 17%;
  padding: 20px 10px;
  border-right: 1px solid #dedede;
  text-align: center;
  vertical-align: middle;
}
.tableType06 tr:nth-child(2n) td{
  background: #fafafa;
}
.tableType06 tr .fzB{
  font-weight: bold;
}
.tableType06 tr .price{
  color: #e83416;
  font-size: 1.5rem;
}
.tableType06 tr .price .yen{
  font-size: 0.875rem;
}
@media screen and (max-width:999px){
  .tableType06 th{
    padding: 3%;
  }
  .tableType06 td{
    padding: 3% 1%;
  }
}
@media screen and (max-width:750px){
  .pc_tableWrap{
    display: none;
  }
  .sp_tableWrap{
    display: block;
  }
  .tableType06 table{
    font-size: 0.8125rem;
  }
  .tableType06 th{
    border-right: 1px solid #fff;
  }
  .tableType06 th:last-child{
    border-right: none;
  }
  .tableType06 tr .price{
    font-size: 1.3125rem;
  }
  .tableType06 tr .price .yen{
    font-size: 0.8125rem;
  }
}
/*============================
.tableType07
============================*/
.tableType07{
  border: 1px solid #dedede;
}
.tableType07 table{
  border: 4px solid #fff;
  font-size: 0.975rem;
}
.tableArea .tableType07:first-child{
  margin-top: 0;
}
.tableType07 th{
  width: 20%;
  padding: 23px 24px;
  background: #eee;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  text-align: center;
  vertical-align: middle;
}
.tableType07 th.wd17 {
width: 17%;
}
.tableType07 td{
  width: 17%;
  padding: 20px 10px;
  border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
  text-align: center;
  vertical-align: middle;
}
.tableType07 tr:nth-child(2n) td{
  background: #fff;
}
.tableType07 tr .fzB{
  font-weight: bold;
}
.tableType07 tr .price{
  color: #e83416;
  font-size: 1.5rem;
}
.tableType07 tr .price .yen{
  font-size: 0.875rem;
}
@media screen and (max-width:999px){
  .tableType07 th{
    padding: 3%;
  }
  .tableType07 td{
    padding: 3% 1%;
  }
}
@media screen and (max-width:750px){
  .pc_tableWrap{
    display: none;
  }
  .sp_tableWrap{
    display: block;
  }
  .tableType07 table{
    font-size: 0.8125rem;
  }
  .tableType07 th{
    border-right: 1px solid #dedede;
  }
  .tableType07 th:last-child{
    border-right: none;
  }
  .tableType07 tr .price{
    font-size: 1.3125rem;
  }
  .tableType07 tr .price .yen{
    font-size: 0.8125rem;
  }
}
/*============================
.h5Type02
============================*/
.h5Type02 {
  position: relative;
  margin-bottom: 34px;
  padding-left: 66px;
  color: #444;
  font-weight: bold;
  font-size: 1.25rem;
}
.h5Type02.ico01:before {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 49px;
  background: url("/business/net/images/net_catv_merit_icon_img01.png")no-repeat center center;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.h5Type02.ico02:before {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 49px;
  background: url("/business/net/images/net_catv_merit_icon_img02.png")no-repeat center center;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width:750px) {
  .h5Type02 {
    margin-bottom: 23px;
    padding-left: 65px;
    font-size: 1.25rem;
  }
  .h5Type02:before {
    width: 50px;
    height: 49px;
    top: 10px;
    left: 0;
  }
  .icoPointType01.sp_top0 {
    margin-top: 0;
  }
  .text_link_arrow p {
    font-size: 0.9375rem;
  }
}