﻿@charset "utf-8";
/* ==============================================================
/* 　既存デザインのリセット
/* ============================================================== */
#inqBox /*サイドメニューのCVパーツ*/ {
  display: none !important;
}
#spMenuBox {
  display: none
}
#lCol {
  display: none;
}
.cvCol {
  clear: both;
  width: 720px;
  float: right;
}
.cvCol .cv:first-child {
  margin-top: 0;
}
.lCol {
  display: block !important;
  float: left;
  width: 265px;
}
.rTxt a[href="#top"] {
  display: none
}
.mb0{ margin-bottom: 0 !important}

/* ==============================================================
/*     Common
/* ============================================================== */
.fSP {
  display: none !important
}
#mrCol h1, #oneCol h1 {
  position: relative;
  margin-bottom: 40px;
  padding: 10px 0 0;
  border-bottom: 4px solid #e4e4e4;
  font-size: 27px;
  line-height: 1.2;
}
#mrCol h1 span, #oneCol h1 span {
  display: inline-block;
  position: relative;
  top: 4px;
  padding-bottom: 10px;
  border-bottom: 4px solid #62aa00;
}
#mrCol h1 .sTxt, #oneCol h1 .sTxt {
  display: block;
  position: static;
  border-bottom: none;
}
#mrCol h1 .num {
  display: block;
  position: absolute;
  padding-bottom: 0;
  top: 8px;
  right: 0;
  font-size: 18px;
  border-bottom: none;
}
#mrCol h1 .num span {
  padding: 0 3px;
  font-size: 30px;
  border-bottom: none;
  vertical-align: text-bottom;
}
#mrCol h2, #oneCol h2 {
  position: relative;
  margin: 55px 0 20px;
  padding: 7px 0 8px 10px;
  background: #fff;
  border-left: 5px solid #62aa00;
  border-bottom: 1px solid #62aa00;
  border-radius: 0;
  line-height: 1.2
}
#mrCol .liSnsBtn + h2, #oneCol .liSnsBtn + h2 {
  margin-top: 0;
}
/* 先頭に番号 */
#mrCol h2.numTxt {
  display: table;
  width: 100%;
}
#mrCol h2.numTxt .numTxt_num {
  display: table-cell;
  width: 4%;
  vertical-align: middle;
  color: #367c38;
  font-size: 24px;
  font-style: italic;
}
#mrCol h2.numTxt .numTxt_txt {
  display: table-cell;
  width: 95%;
}
/* for ホーム */
#mrCol.home h2 {
  position: relative;
  margin: 50px 0 20px;
  padding: 0;
  border: none;
  border-bottom: 4px solid #e4e4e4;
  line-height: 1.2;
}
#mrCol.home h2 span {
  display: inline-block;
  position: relative;
  top: 4px;
  padding-bottom: 10px;
  border-bottom: 4px solid #62aa00;
}
#mrCol.home h2 .num, #mrCol.home h2 .num span {
  padding-bottom: 0;
  border-bottom: none;
}
#mrCol.home h2 .num {
  display: block;
  position: absolute;
  padding-bottom: 0;
  top: 0;
  right: 0;
  font-size: 14px;
  border-bottom: none;
}
#mrCol.home h2 .num span {
  padding: 0 3px;
  font-size: 24px;
  border-bottom: none;
  vertical-align: text-bottom;
}

#mrCol h3, #oneCol h3, .boxer-container h3 {
  clear: both;
  margin: 40px 0 20px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #aaa;
  line-height: 1.4;
}
#mrCol h2 + h3 {
  margin-top: 0;
}
.linoTabNum + h3 {
  margin-top: -20px !important;
}
#mrCol h4, #oneCol h4 {
  margin: 0 0 5px;
  padding: 0;
  border-left: none !important; /*N*/
  line-height: 1.2
}
#mrCol h5, #oneCol h5 {
  margin: 20px 0 12px;
  padding-bottom: 0;
  border-bottom: none
}

/* for センタリングページ  */
#mrCol h2.h2Center{
  padding: 0;
  font-size: 28px;
  line-height: 1.4;
  text-align: center;
  border: none;
}
.txtBgGn{
  padding: 6px 20px 4px;
  color: #fff;
  background: #62aa00;
  font-size: 18px;
  border: none;
}

#mrCol p, #mrCol ul, #mrCol ol, #oneCol p, #oneCol ul {
  margin-bottom: 30px
}
#mrCol .liList li, #oneCol .bgGr li {
  margin-left: 20px;
  list-style: square
}
.toTop {
  position: fixed;
  bottom: 15px;
  right: 20px;
  margin-bottom: 0 !important;
  font-size: 15px;
  text-align: center;
  opacity: 0;
  transition: 0.2s;
  visibility: hidden;
}
.toTop.active{
  opacity: 100;
  transition: 0.2s;
  visibility: visible;
}
.toTop a {
  color: #333;
  text-decoration: none;
}
.toTop a img {
  opacity: 0.5;
  padding-bottom: 3px;
}
.toTop a:hover {
  opacity: 1;
}
.toTop a:hover img {
  opacity: 1;
}
#inqBox {
  margin-bottom: 20px
}
.mb5{ margin-bottom: 5px !important}
.mb10{ margin-bottom: 10px !important}
.mb15{ margin-bottom: 15px !important}

/* LINK
--------------------------------------*/
.rBtn {
  text-align: right;
}
.rBtn a, .rLink a, .lLink a {
  display: inline-block;
  position: relative;
  padding: 2px 30px 1px 20px;
  border: 1px solid #5da035;
  color: #367c38;
  background: #f5faed;
  text-decoration: none;
  border-radius: 40px;
}
.rBtn a:after, .rLink a:after, .lLink a:after {
  position: absolute;
  right: 10px;
  top: 50%;
  content: "";
  width: 9px;
  height: 14px;
  margin-top: -7px;
  background: url(../img/bg_arrow_gr1.png) no-repeat;
}
.rBtn a:hover, .rLink a:hover, .lLink a:hover {
  background-color: #fff;
  opacity: 1;
}
.arrowTxt {
  position: relative;
  padding-left: 12px;
}
.arrowTxt:before {
  position: absolute;
  left: 0;
  top: 6px;
  content: "";
  width: 6px;
  height: 8px;
  background: url(../img/bg_arrowTxt.png) no-repeat;
}
.btnGr {
  position: relative;
  display: inline-block;
  min-width: 185px;
  margin: 20px auto;
  padding: 16px 40px 16px 20px;
  border-radius: 5px;
  color: #fff !important;
  background: #62aa00;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
}
.btnGr:hover {
  opacity: 1;
  background-color: #91c34c;
}
.btnGr:after {
  position: absolute;
  right: 14px;
  font-family: FontAwesome;
  content: "\f105";
  color: #fff;
}
.btnInputGr, .btnInputGry, .tblForm #submit, .wpcf7c-btn-confirm {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  width: 250px;
  margin: 20px 10px 0;
  padding: 16px 40px 16px 20px;
  border-radius: 5px;
  color: #fff !important;
  background: #62aa00 url(../img/bg_arrow_wh1.png) no-repeat 96% 50%;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  vertical-align: middle;
  line-height: 1;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
}
.btnInputGr:hover {
  opacity: 0.5;
}
.btnInputGry, .btnInputGr:disabled, #submit.disa, .tblForm #submit[disabled], .wpcf7c-btn-confirm[disabled] {
  background-color: #c8c8c8;
  cursor: default;
}
.btnInputGry:hover, .btnInputGr:disabled:hover {
  opacity: 1;
}
.btnInputGr2, .btnInputGr2s {
  color: #367c38 !important;
  border: 1px solid #c8c8c8;
  background-color: #fff;
  background-image: url(../img/bg_arrow_gr1.png);
}
.btnInputGr2s {
  width: 180px;
  margin: 0;
  padding: 11px 30px 11px 10px;
  font-size: 16px;
}
/* image
--------------------------------------*/
.imgR30 {
  float: right;
  width: 300px;
  margin: 0 0 20px 20px
}
.imgR25 {
  float: right;
  width: 250px;
  margin: 5px 0 20px 20px
}
.imgR20 {
  float: right;
  width: 200px;
  margin: 5px 0 20px 20px
}
.imgR22 {
  float: right;
  width: 220px;
  margin: 3px 0 20px 20px
}
.imgR15 {
  float: right;
  width: 150px;
  margin: 0 0 10px 15px
}
.imgL20 {
  float: left;
  width: 200px;
  margin: 5px 20px 20px 0
}
.imgL22 {
  float: left;
  width: 220px;
  margin: 5px 20px 20px 0
}
.imgL16 {
  float: left;
  width: 160px;
  margin: 0px 20px 20px 0
}
.imgL15 {
  float: left;
  width: 150px;
  margin: 0px 15px 15px 0
}
.imgL10 {
  float: left;
  width: 100px;
  margin: 0px 10px 0 0
}
.imgL8 {
  float: left;
  width: 80px;
  margin: 0px 15px 15px 0
}
.imgCap {
  font-weight: bold;
  text-align: center
}
.imgCap img {
  display: block;
  margin-bottom: 5px
}
.alignright {
  display: block;
  float: right;
  margin: 0 0 20px 20px
}
.aligncenter {
  display: block;
  margin: 0 auto
}
.alignleft {
  display: block;
  float: left;
  margin: 0 20px 20px 0
}
.boxR60 {
  width: 600px;
  margin-left: 220px;
}
/* text
--------------------------------------*/
.clr {
  clear: both
}
.bTxt, #blogBox li span, .xlTxt {
  font-weight: bold !important
}
.sTxt, small {
  font-size: 14px
}
.ssTxt {
  font-size: 12px
}
.fs135 {
  font-size: 13.5px !important
}
.cTxt {
  text-align: center !important
}
.lfTxt {
  text-align: left !important
}
.rTxt, .rLink {
  text-align: right
}
.lTxt {
  font-size: 20px !important
}
sup {
  vertical-align: super;
  font-size: 12px
}
.orgTxt {
  color: #ff9000;
  font-weight: bold
}
.grnTxt {
  color: #479900;
  font-weight: bold
}
.redTxt {
  color: #d00;
  font-weight: bold
}
.rdTxt {
  color: #e86767
}
.bkTxt {
  color: #333 !important
}
.marker, .ttlLabel {
  padding: 2px 10px !important;
  background: #62aa00;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
table .marker, .liOption .marker {
  padding: 2px 5px !important;
  font-size: 12px;
}
.ttlLabel {
  position: absolute;
  right: 0;
}
#mrCol ol {
  margin-left: 30px
}
#mrCol a[href$=".pdf"] {
  background: url(../../lib/img/common/icon_pdf.png) no-repeat 0 0.2em;
  padding-left: 22px
}
#mrCol a[href$=".pdf"].noPdf {
  background: none;
  padding-left: 0
}
/* table
--------------------------------------*/
caption {
  margin: 20px 0 10px
}
#mrCol table, #oneCol table {
  width: 100%;
  margin-bottom: 30px
}
#mrCol th, #oneCol th {
  vertical-align: middle;
  background: #f5f5f5;
  font-weight: bold;
  text-align: left;
}
#oneCol th.bgRd1, .tblForm th.bgRd1 {
  background: #f76414 !important;
  color: #fff
}
#mrCol td {
  vertical-align: middle
}
#mrCol th.bgGrn {
  background: #f3f8ec !important;
  text-align: center;
}
#mrCol th.bgGr2 {
  background: #e3e3e3
}
#mrCol table .bgGr3 {
  background: #f8f8f8
}
#mrCol th.bg100yen {
  background: #f8742b !important;
}
#mrCol th.bgBasic {
  background: #72b31a !important;
}
#mrCol th.bg100yen a, #mrCol th.bgBasic a {
  color: #fff;
}
#mrCol table img {
  vertical-align: top
}
#mrCol table ul {
  margin-bottom: 0 !important;
}
.tbl2col th {
  box-sizing: border-box;
  width: 50%;
}
/* メリット用装飾 */
th.bgMerit {
  background: #e86767 !important;
  border-color: #e86767;
  color: #fff;
}
td.bgMerit {
  border-right-color: #e86767;
}
td.bgMeritLast {
  border-bottom-color: #e86767;
}
.noCell{
  background: #fff !important;
  border-top-color: #fff;
  border-left-color: #fff;
}
.tableWhite th, .tableWhite td{
  padding: 5px;
  background: #fff !important;
  border: none;
  vertical-align: top !important;
}
.bgOr {
  background: #ff9000 !important /*濃いオレンジ*/
}
.bgOr2 {
  background: #ffecd0 !important /*薄いオレンジ*/
}
.w10{ width: 10%}
.w15{ width: 15%}
.w20{ width: 20%}
.w25{ width: 25%}
.w30{ width: 30%}
.w33{ width: 33%}
.w50{ width: 45%}
.w60{ width: 55%}
.w75{ width: 75%}

#mrCol dt {
  margin-bottom: 10px;
  font-weight: bold
}
#mrCol dd {
  margin-bottom: 30px;
}
#dlFaq dt {
  margin-bottom: 10px;
  padding: 4px 0 4px 39px;
  background: url(../../lib/img/icon_q.png) no-repeat;
  font-weight: bold
}
#dlFaq dt a {
  padding-left: 16px;
  background: url(../img/bg_arrowTxt.png) no-repeat 3px 0.35em;
}
#dlFaq dd {
  margin-bottom: 30px;
  padding: 4px 0 4px 39px;
  background: url(../../lib/img/icon_a.png) no-repeat;
}
/* list
--------------------------------------*/
.liIdt li {
  position: relative;
  padding-left: 18px;
}
.liIdt li:before {
  content: "※";
  position: absolute;
  left: 0;
}
.liIdt2 li {
  margin: 0 0 1em 1.5em;
  text-indent: -1.5em;
}
.liIdt2 li:last-child {
  margin-bottom: 0;
}
.li2col li {
  position: relative;
  float: left;
  width: calc(50% - 20px);
  margin: 0 40px 20px 0;
  text-align: center;
  line-height: 1.4;
  font-size: 15px;
}
.li2col li:nth-child(2n) {
  margin-right: 0
}
.li2col li img {
  margin-bottom: 8px;
  width: 100%;
  height: auto;
}
.li2col_flow li {
  margin-right: 0;
}
.li2col_flow li:first-child {
  padding-right: 40px;
}
.li2col_flow li:first-child:after {
  position: absolute;
  top: 38%;
  right: 10px;
  font-family: FontAwesome;
  content: "\f0da";
  color: #e6e6e6;
  font-size: 40px;
}
.li3col-sp2col{
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width:769px) {
  .li3col-sp2col > li{
    width: calc(33% - 13.3333px);
    margin: 0 20px 20px 0
  }
  .li3col-sp2col > li:nth-child(3n){
    margin-right: 0;
  }
}
.li3col-sp2col_btn > li{
  position: relative;
  padding-bottom: 26px;
}
.li3col-sp2col_btn > li .rLink{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 220px;
}

.li4col li, .imgtxtBox {
  float: left;
  width: 340px;
  margin: 0 10px 30px 0;
  font-size: 14px;
  line-height: 1.4;
  text-align: center
}
.li4col li {
  width: 165px;
  margin: 0 20px 20px 0;
}
.liLeft li {
  text-align: left !important;
}

/* ボックスリスト */
.imgtxtBox {
  width: 350px;
  margin: 0 20px 20px 0;
  padding: 0;
  text-align: left;
  border: none;
}
.imgtxtBox span {
  display: block;
  padding: 14px 14px 8px;
  border: 1px solid #c8c8c8;
}
#mrCol .imgtxtBox h4 {
  margin: 0 0 10px;
  padding: 0;
  border: none;
}
.imgtxtBox img {
  float: left;
  width: 98px;
  margin: 0 15px 15px 0
}
#mrCol .imgtxtBox p {
  margin-bottom: 7px;
  font-size: 15px
}
#mrCol .imgtxtBox .srvPp {
  margin-left: 115px;
  padding: 8px;
  border: 1px solid #ddd;
  background: #f6f6f6;
  font-size: 14px
}
.imgtxtBox .imgtxtBoxLink {
  display: block;
  text-decoration: none;
}
.imgtxtBox .imgtxtBoxLink h4 {
  position: relative;
  padding-left: 12px !important;
  text-decoration: underline;
}
.imgtxtBox .imgtxtBoxLink h4:before {
  position: absolute;
  left: 0;
  top: 4px;
  content: "";
  width: 6px;
  height: 8px;
  background: url(../img/bg_arrowTxt.png) no-repeat;
}
.imgtxtBox .imgtxtBoxLink p {
  color: #333;
}
/* .imgtxtBoxのオレンジとグリーン */
.imgtxtBox_or, .imgtxtBox_gr {
  box-sizing: border-box;
  border: 1px solid #c8c8c8;
}
.imgtxtBox_or h4, .imgtxtBox_gr h4 {
  padding: 10px 0 !important;
  background: #fff9f2 !important;
  font-size: 18px;
  text-align: center;
}
.imgtxtBox_or span, .imgtxtBox_gr span {
  padding: 10px;
  border: none;
}
.imgtxtBox_or img, .imgtxtBox_gr img {
  display: block;
  float: right;
  width: 95px;
  margin: 0 0 20px 15px !important;
}
.imgtxtBox_or .dlPurpose, .imgtxtBox_gr .dlPurpose {
  clear: both;
  display: table;
  width: 100%;
}
.imgtxtBox_or .dlPurpose dt, .imgtxtBox_gr .dlPurpose dt {
  display: table-cell;
  width: 60px;
  vertical-align: middle;
  background: #f8732b;
  color: #fff;
  border-radius: 5px 0 0 5px;
  text-align: center;
  font-size: 18px;
}
.imgtxtBox_or .dlPurpose dd, .imgtxtBox_gr .dlPurpose dd {
  display: table-cell;
  padding: 10px;
  border: 1px solid #f8732b;
  border-radius: 0 5px 5px 0;
  font-size: 14px;
}
.imgtxtBox_gr h4 {
  background: #f5faed !important;
}
.imgtxtBox_gr .dlPurpose dt {
  background: #72b219;
}
.imgtxtBox_gr .dlPurpose dd {
  border-color: #72b219;
}
.li4col li.lastL, .li4col li:nth-child(4n), .imgtxtBox.lastL,
.imgtxtBoxes .imgtxtBox:nth-child(2n){
  margin-right: 0
}
.li4col li img, .imgtxtBox img {
  margin-bottom: 8px;
}
#mCol .li4col li img {
  border: none
}
.liDot li {
  margin-left: 25px;
  list-style: square;
}

/* ボックスリスト（ラベル付き） */
@media screen and (min-width:769px) {
  .imgtxtBoxes{
    display: flex;
    flex-wrap: wrap;
  }
  .imgtxtBoxes .imgtxtBox{
    float: none;
  }
}
.imgtxtBoxes .imgtxtBox{
  box-sizing: border-box;
  border: 1px solid #c8c8c8;
}
.imgtxtBoxes h4{
  margin-bottom: 5px !important;
  padding: 10px !important;
  color: #fff;
  background: #548235 !important;
  text-align: left;
}
.imgtxtBoxes .imgtxtBox > div{
  padding: 10px;
  border: none;
}
.imgtxtBoxes .imgtxtBox img{
  display: block;
  float: right;
  width: 95px;
  margin: 0 0 15px 15px !important;
  border-radius: 50%;
}
.imgtxtBoxes ul{
  display: flex;
  margin-bottom: 15px !important;
}
.imgtxtBoxes li{
  margin-right: 10px;
  padding: 2px 8px 1px;
  font-size: 14px;
  color: #548235;
  background: #f5faed;
  border: 1px solid #548235;
}
.imgtxtBoxes .imgtxtBox_label_plus{
  color: #fff;
  background: #548235;
}
.imgtxtBox_blue h4{
  background: #2e75b6 !important;
}
.imgtxtBox_yellow h4{
  background: #bf9000 !important;
}

/* FAQ */
.dlFaq{
  margin-bottom: 30px;
}
.dlFaq dt, .dlFaq dd{
  position: relative;
  line-height: 2;
  padding: 3px 0 3px 55px;
}
.dlFaq dt{
  min-height: 45px;
  position: relative;
  cursor: pointer;
  margin: 15px 0 0 !important;
  padding-right: 45px;
  color: #548235;
}
.dlFaq dt:hover{
  color: #aac19a;
}
.dlFaq_ttl::after{
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 33px;
  height: 33px;
  background: #62aa00;
  border-radius: 50%;
  z-index: 1;
}
.dlFaq dt::before, .dlFaq dt::after{
  position: absolute;
  content: '';
  top: 15px;
  right: 9px;
  height: 2px;
  width: 15px;
  background: #fff;
  transform: rotate(90deg);
  transition: all .3s ease-in-out;
  z-index: 10;
}
.dlFaq dt::after{
  transform: rotate(0);
}

.dlFaq dt.open::before{
  transform: rotate(180deg);
}
.dlFaq dt.open::after {
  opacity: 0;
}
.dlFaq dd{
  display: none;
}
.dlFaq_icon{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  height: 27px;
  padding-top: 8px;
  color: #fff;
  background: #385723;
  border: 1px solid #548235;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
.dlFaq dd .dlFaq_icon{
  color: #666;
  background:#e2f0d9;
}

/* ページネーション */
.pagenation {
  width: 100%;
  text-align: center;
}
.pagenation li {
  display: inline-block;
  margin-left: 5px;
}
.pagenation li:first-child {
  padding-right: 15px;
}
.pagenation li a, .pagenation .active {
  padding: 4px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  text-decoration: none;
  color: #3c3c3c;
}
.pagenation li a:hover {
  opacity: 1;
  background: #f5faed;
}
.pagenation .active {
  background: #f5faed;
  color: #367c38;
}
/* 関連リンク */
.level5Nav {
  width: 100%;
  margin-bottom: 30px;
}
.level5Nav dt {
  float: left;
  width: 54px;
  padding-top: 2px;
  border: 1px solid #aaa;
  border-radius: 3px;
  text-align: center;
  vertical-align: middle;
}
.level5Nav dd {
  padding-left: 54px;
}
.level5Nav dd ul {
  margin-bottom: 0 !important;
}
.level5Nav dd li {
  box-sizing: border-box;
  display: inline-block;
  width: 48%;
  margin-bottom: 10px !important;
  padding: 3px 0 0 32px;
  background: url(../img/bg_snav_child.png) no-repeat 17px 0.6em;
  vertical-align: top;
  line-height: 1.4;
}
/* アンカーリンク */
.fa-caret-down {
  display: inline-block;
  color: #62aa00;
}
/* タブ
--------------------------------------*/
.tab {
  width: 100%;
  margin: 0 !important;
  padding: 0;
  display: table;
  table-layout: fixed;
}
.tab li {
  width: 50%;
  margin: 0 !important;
  padding: 0 2px;
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  background: #e6e6e6;
  border-right: 4px solid #fff;
  border-bottom: 4px solid #fff;
  box-sizing: border-box;
}
.tab3 li {
  width: 33.3333333333%;
}
.tab4 li {
  width: 25%;
}
.tab_inner {
  display: block;
  box-sizing: border-box;
  padding: 10px 0 5px;
}
.tab li:first-child, .tab li:first-child .tab_inner {
  border-radius: 8px 0 0 0;
}
.tab li:last-child, .tab li:last-child .tab_inner {
  border-radius: 0 8px 0 0;
  border-right: none;
}
.tab_inner:hover {
  padding: 8px 0 3px;
  background: #fff;
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
}
.tab li.current, .tab li.current .tab_inner:hover {
  background: #f5faed;
  border-top-color: #f5faed;
  border-bottom-color: #f5faed;
}
.tab_contents {
  margin-bottom: 50px;
  padding: 20px;
  background: #f5faed;
}
.tab_content {
  margin: 0;
  text-align: center;
}
.tab_contents .tab_content {
  display: none;
}
.tab_contents .tab_content:nth-child(1) {
  display: block;
}
/* アドバイス・ポイントなど
--------------------------------------*/
.dlPoint, .dlMessage, .dlCaution, .dlMerit {
  position: relative;
  margin: 40px 0;
  padding: 30px 0 10px;
  border: 1px solid #62aa00;
}
.dlPoint dt, .dlMessage dt, .dlCaution dt, .dlMerit dt {
  position: absolute;
  top: -12px;
  left: 20px;
  padding: 2px 15px 0;
  background: #62aa00;
  color: #fff;
}
.dlPoint dd, .dlMessage dd, .dlCaution dd, .dlMerit dd {
  margin-bottom: 0 !important;
  padding: 0 20px 5px;
}
.dlPoint {
  background: #f3f8ec;
}
.dlPoint dt {
  padding: 2px 20px 0;
  border-radius: 15px;
}
.dlMessage, .dlCaution {
  border: 1px dashed #c8c8c8;
}
.dlMessage dt {
  background: #e6e6e6;
  color: #333;
}
.dlCaution {
  border-color: #e86767;
}
.dlCaution dt {
  background: #e86767;
}
.dlCaution dd {
  color: #e86767;
}
.dlMerit {
  margin: 10px 0;
  border-color: #f76414;
  background: #fff9f2;
}
.dlMerit dt {
  border-radius: 15px;
  background: #f76414;
}
.dlMerit dd {
  padding: 0 12px 5px;
}
.dlMerit dd li {
  font-size: 15px;
}
.dlMerit_d {
  border-color: #aaa;
  background: #f5f5f5;
}
.dlMerit_d dt {
  background: #aaa;
}
.dlPoint dd p, .dlMessage dd p, .dlCaution dd p, .dlPoint dd ul, .dlMessage dd ul, .dlCaution dd ul, .dlMerit dd ul {
  margin-bottom: 5px !important;
}
.dlMessage dd li, .dlPoint dd li {
  margin-left: 20px;
  list-style: square;
}
.dlMessage dd ul:after, .dlPoint dd ul:after {
  display: none;
}
.dlGrbox {
  margin: 30px 0;
  padding: 20px 20px 1px;
  background: #f5f5f5;
}
.dlGrbox dt {
  font-size: 18px !important;
}
.dlGrbox dd {
  padding-left: 1em;
}
.dlGrbox dd p, .dlGrbox dd ul {
  margin-bottom: 10px !important;
}
/* パーツ
--------------------------------------*/
.newLabel {
  display: inline-block;
  padding: 0 5px;
  background: #e86767;
  color: #fff;
  font-size: 14px;
}
/* box
--------------------------------------*/
.bgGrBox{
  padding: 15px;
  background: #f5faed;
}
#mrCol .arBn {
  margin-bottom: 40px;
  padding: 10px;
  border: 1px solid #ddd;
  background: #f6f6f6;
  font-size: 13px
}
.arBn img {
  display: block;
  float: left;
  margin-right: 10px
}
#mrCol .grBox, #oneCol .grBox {
  margin-bottom: 20px;
  padding: 20px;
  border: 1px dashed #c8c8c8;
}
#mrCol .grBox p, #oneCol .grBox p {
  margin-bottom: 10px !important;
}
#mrCol .grBox p:last-child, #oneCol .grBox p:last-child {
  margin-bottom: 0 !important;
}
#mrCol .grBox h4, #mrCol .grBox h3 {
  margin-top: 0
}
#mrCol .grBox h5, #mrCol .grBox h4 {
  margin-top: 8px
}
#mrCol .btnBox {
  margin: 40px 0 40px;
  text-align: center
}
#mrCol .btnBox h5, #mrCol .btnBox h4 {
  margin-bottom: 15px;
}
#mrCol .ftBox {
  margin: 50px 0 10px;
  padding: 18px 0 8px;
  background: #eee;
  text-align: center
}
#mrCol .ftBox h5, #mrCol .ftBox h4 {
  margin: 0 0 10px;
  padding: 0;
  border: none
}
/* 関連する記事・よくあるご相談 */
.simBox {
  margin: 50px 0 30px;
}
.faqBox {
  margin: 30px 0 50px;
}
.simBox h4, .faqBox h4, #mrCol .simBox h4, #mrCol .faqBox h4 {
  margin-bottom: 10px;
  padding: 7px 0 13px 20px !important;
  background: #f5f5f5;
  border: 1px solid #e6e6e6 !important;
  font-size: 20px;
}
.simBox h4:before, .faqBox h4:before {
  display: inline-block;
  content: "";
  position: relative;
  top: 5px;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background: url(../img/ico_simBox.png) no-repeat;
  background-size: 24px auto;
}
.faqBox h4:before {
  background-image: url(../img/ico_faqBox.png);
}
.simBox h4, #mrCol .simBox h4 {
  margin-bottom: 0 !important
}
.simBox li {
  padding: 12px 0;
  border-bottom: 1px dashed #aaa;
}
.simBox li a {
  display: block;
  color: #333;
  text-decoration: none;
}
.simBox li p {
  float: left;
  width: 95px;
  min-height: 95px;
  margin: 0 20px 0 0 !important;
}
.simBox li p img {
  width: 100%;
  height: auto;
}
.simBox li span {
  display: block;
}
.simBox li strong {
  display: inline-block;
  padding: 8px 0 0;
  color: #005aaa;
  font-size: 18px;
  text-decoration: underline;
}
.simBox li strong:before {
  position: absolute;
  top: 17px;
  left: 0;
  content: "";
  width: 6px;
  height: 8px;
  background: url(../img/bg_arrowTxt.png) no-repeat;
}
.simBox li .liBlog_date {
  display: none;
}
.faqBox li {
  padding: 12px 20px;
  border-bottom: 1px dashed #aaa;
}
.faqBox li:first-child {
  padding-top: 0;
}
.faqBox li a, .simBox li strong {
  position: relative;
  padding-left: 12px;
}
.faqBox li a:before {
  position: absolute;
  top: 7px;
  left: 0;
  content: "";
  width: 6px;
  height: 8px;
  background: url(../img/bg_arrowTxt.png) no-repeat;
}
/* 検索結果 */
.searchBox {
  margin-top: 0;
}
.searchBox li {
  padding: 20px 0;
}
.searchBox li p {
  margin-bottom: 0 !important;
}
/* ライトボックス for テキスト */
.baloon_content {
  width: 560px;
  padding: 10px 50px 50px;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
}
/* ==============================================================
/*     Top
/* ============================================================== */
.container {
  position: relative;
  margin-bottom: -10px
}

/* add 2024
-------------------------------*/
.topContents{
  margin-top: -30px;
  color: #000;
  letter-spacing: 0.08em;
}
.topContents_lead{
  min-width: 1020px;
  padding: 0 0 55px;
  text-align: center;
  background: #fffef3;
}
.topContents_lead_txt1{
  height: 147px;
  margin-bottom: 0 !important;
  padding-top: 18px;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  background: #17A97A;
}
.topContents_lead_txt1 span{
  font-size: 36px;
}
.topContents_lead_txt1 + div{
  position: relative;
  margin-top: -10px;
}
.topContents_lead_txt1 + div::before{
  content: "";
  position: absolute;
  height: 80px;
  width: 100%;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background-color: #fffef3;
  left: 0;
  top: -70px;
  z-index: 0;
}
.topContents_lead_txt1 + div img{
  position: relative;
  z-index: 1;
}
.topContents_lead_txt2{
  margin: 40px 0 35px !important;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.8;
}
.topContents_lead_txt2 .emp{
  font-size: 24px;
}
.topContents_lead_txt2 .emp{
  font-size: 24px;
}
.topContents_lead_txt2 .emp_ul{
  padding-bottom: 5px;
  background: linear-gradient(transparent 70%, #d13a39 70%, #d13a39 90%, transparent 90%);
}
.topContents_lead_txt2 .emp_dot{
  background-image: radial-gradient(circle at center, #d13a39 20%, transparent 20%);
  background-position: bottom right;
  background-repeat: repeat-x;
  background-size: 25px 13px;
  padding-bottom: 5px;
}
.topContents_lead_txt3{
  margin: 60px 0 50px !important;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.topContents_lead_txt3 .emp{
  font-size: 40px;
}
.topContents_lead_txt3 .emp_sm{
  font-size: 28px;
}
.topContents_lead_txt3 .emp_gr{
  color: #07AB61;
}
.topContents_lead_txt3 .emp_dot{
  background: url("../img/top/bg_topContents_lead_txt3_emp.png") no-repeat 50% 100%;
  background-size: auto 12px;
  padding: 0 0 8px;
  letter-spacing: 0.1em;
}
.topContents_lead_img{
  margin-bottom: 75px !important;
}
.dl_topContents_cv dt{
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}
.dl_topContents_cv dd img{
  margin-bottom: 10px;
}
.topContents .btnInputOr, .topContents .cv .cvBtn{
  width: 373px;
  padding: 24px 20px;
  background-color: #F76415;
  font-size: 22px;
  border-radius: 10px;
  line-height: 1;
}

.topContents_inner{
  width: 780px;
  margin: 60px auto 0;
}
.topContents h2{
  margin: 30px -120px 25px;
  padding: 0 0 8px 5px;
  font-size: 24px;
  border-bottom: 6px solid #07AB61;
  text-align: center;
}
.topContents h2 img{
  padding-right: 5px;
  vertical-align: middle;
}
.topContents h3{
  margin: 65px 0 20px;
  font-size: 24px;
  text-align: center;
}
.topContents h3::before, .topContents h3::after{
  content: "-";
  padding: 0 10px;
}
.topContents p{
  margin-bottom: 25px;
}
.topContents .mb50{
  margin-bottom: 50px !important;
}
.topContents .txtUl{
  background: linear-gradient(transparent 65%, #fdd23e 65%);
}
.box_topContents_2{
  padding-bottom: 135px;
  background: url("../img/top/bg_box_topContents_2.png") no-repeat 50% 100%;
  background-size: auto 390px;
}
.listLocalG{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 590px;
  margin: 50px auto 0;
}
.listLocalG li{
  margin: 0 5px 15px;
  padding: 8px 14px 5px;
  font-size: 18px;
  font-weight: bold;
  color: #4E4E4E;
  background: #fff;
  border: 1px solid #7A7473;
  border-radius: 5px;
  line-height: 1;
}
.listLocalG .spacer {
  width: 100%;
}
.dl_topContents_3 dd{
  padding: 10px;
  border: 1px solid #61AD15;
  font-size: 16px;
  box-sizing: border-box;
}
.topContents .cv{
  margin-left: -120px;
  margin-right: -120px;
  padding: 35px 10px 55px;
  border-radius: 8px;
}
.topContents .cv p{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0;
}
.topContents .cvTel li:first-child{
  width: 100% !important;
}
.topContents .cv .cvBtn{
  margin: 0 auto;
}

@media screen and (min-width:769px){
  .dl_topContents_3{
    display: flex;
    flex-wrap: wrap;
  }
  .dl_topContents_3 dt{
    width: 220px;
    background: #61ad15;
    display: flex;
    align-items: center;
  }
  .dl_topContents_3 dd{
    display: flex;
    align-items: center;
    width: calc(100% - 220px);
    padding: 10px 10px 8px
  }
  .dl_topContents_3_box .dl_topContents_3:not(:last-child){
    padding-bottom: 55px;
    background: url("../img/top/img_topContents_3-4_sp.png") no-repeat 50% calc(100% - 15px);
    background-size: 50px auto;
  }
  #image-bloc {
    position: relative;
    height: 260px;
    overflow: hidden;
    min-width: 780px !important;
    margin-bottom: 30px;
  }
  .bx-viewport {
    overflow: visible !important;
    z-index: 2;
  }
  .bxslider li{
    width: 800px !important;
  }
  .bx-wrapper img {
    width: 780px;
    margin: 0 auto;
  }
  .bx-wrapper .bx-prev {
    left: -38px !important;
  }
  .bx-wrapper .bx-next {
    right: -38px !important;
  }
  .bxslider a:hover img {
    opacity: 0.5;
  }
  .bxsliderCover {
    position: absolute;
    height: 260px;
    top: 0;
    background: rgba(255, 255, 255, 0.50);
    z-index: 10;
  }
  .bxsliderCoverR {
    right: 0;
  }
  .bxsliderCover a {
    display: block;
    width: 100%;
    height: 260px;
    opacity: 0.5;
    text-indent: -9999px;
  }
  .bxsliderCoverL a {
    background: url(../bx/images/prev.png) 100% 50% no-repeat;
  }
  .bxsliderCoverR a {
    background: url(../bx/images/next.png) 0 50% no-repeat;
  }
  .bxsliderCover a:hover {
    opacity: 1;
  }
}
#dlNews {
  display: table;
  width: 1020px;
  margin: 0 auto 30px;
  border: 1px solid #c8c8c8;
  font-size: 16px;
}
#dlNews dt {
  display: table-cell;
  width: 120px;
  background: #f5f5f5;
  text-align: center;
  vertical-align: middle;
}
#dlNews dd {
  display: table-cell;
  width: 600px;
  padding: 10px 15px;
}
#dlNews dd a, .liTabLine li a, .liBlogImg li .ulTxt, .liCases li .ulTxt, .sitemapBox_col li a {
  position: relative;
  padding-left: 12px;
}
#dlNews dd a:before, .liTabLine li a:before, .liBlogImg li .ulTxt:before, .liCases li .ulTxt:before, .sitemapBox_col li a:before {
  position: absolute;
  top: 7px;
  left: 0;
  content: "";
  width: 6px;
  height: 8px;
  background: url(../img/bg_arrowTxt.png) no-repeat;
}
#mCol h2 {
  clear: both;
  width: 670px;
  height: 39px;
  margin-bottom: 20px;
  padding: 21px 25px 0;
  background: url(../../lib/img/bg_parts.png) no-repeat;
  font-size: 20px;
  line-height: 1;
}
#mCol h3 {
  clear: both;
  margin: 20px 0 15px;
  padding: 8px 15px;
  border-left: solid 5px #ff9000;
  font-size: 18px;
}
/* タブ：番号付きリンク
--------------------------------*/
.top_tab1 {
  position: relative;
}
.top_tab1_guide {
  position: absolute;
  right: -149px;
  top: 6px;
}
.home .tab li {
  line-height: 1.2 !important;
  text-align: left;
  font-size: 17px;
}
.home .tab_inner {
  padding: 19px 0;
}
.home .tab_inner:hover {
  padding: 17px 0;
}
.tab .tab_ico {
  float: left;
  display: block;
  margin: -12px 8px 0 8px;
  padding-top: 4px;
  background: #c8c8c8;
  width: 45px;
  height: 41px;
  border-radius: 25px;
  text-align: center;
}
.tab li.current .tab_ico, .tab li .tab_inner:hover .tab_ico {
  background-color: #2dc4c4
}
.tab li:nth-child(2).current .tab_ico, .tab li:nth-child(2) .tab_inner:hover .tab_ico {
  background-color: #f7a41e
}
.tab li:nth-child(3).current .tab_ico, .tab li:nth-child(3) .tab_inner:hover .tab_ico {
  background-color: #e86767
}
.tab li:nth-child(4).current .tab_ico, .tab li:nth-child(4) .tab_inner:hover .tab_ico {
  background-color: #a175cb
}
.home .tabIcoS .tab_inner {
  position: relative;
  padding: 20px 0 19px 85px;
}
.home .tabIcoS .tab_inner:hover {
  padding: 18px 0 17px 85px;
}
.home .tabIcoS li:last-child .tab_inner {
  position: relative;
  padding: 20px 0 19px 65px;
}
.home .tabIcoS li:last-child .tab_inner:hover {
  padding: 18px 0 17px 65px;
}
.tabIcoS .tab_ico {
  position: absolute;
  top: 19px;
  left: 0;
}
.home .tabIcoS .tab_inner:hover .tab_ico {
  top: 17px;
}
.liTabNum {
  margin-bottom: -20px !important;
}
.liTabNum li {
  float: left;
  box-sizing: border-box;
  width: 330px;
  margin-bottom: 20px;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  text-align: left;
}
.liTabNum li:nth-child(2n-1) {
  margin-right: 20px;
}
.liTabNum li a {
  position: relative;
  display: block;
  background: #fff url(../img/bg_arrow_gr1.png) no-repeat 97% 50%;
  padding: 10px 35px 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  color: #3c3c3c;
}
.liTabNum li a:hover {
  background-color: #f5faed;
}
.liTabNum h4 {
  display: table;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  font-size: 18px;
  color: #367c38;
  border-bottom: 1px dashed #aaaaaa;
}
.liTabNum .num {
  display: table-cell;
  width: 40px;
  vertical-align: middle;
}
.liTabNum .num span {
  display: inline-block;
  width: 40px;
  height: 30px;
  padding-top: 10px;
  text-align: center;
  color: #fff;
  background: #62aa00;
  border-radius: 25px;
}
.liTabNum .txt {
  display: table-cell;
  width: 223px;
  padding-left: 10px;
  vertical-align: middle;
}
.home .tab_contents .tab_content:nth-child(1) .liTabNum li:first-child, .home .tab_contents .tab_content:nth-child(2) .liTabNum li, .home .tab_contents .tab_content:nth-child(3) .liTabNum li, .home .tab_contents .tab_content:nth-child(4) .liTabNum li {
  float: none;
  width: 100%;
}
.home .tab_contents .tab_content:nth-child(1) .liTabNum li:nth-child(2n) {
  margin-right: 20px;
}
.home .tab_contents .tab_content:nth-child(1) li:nth-child(2n-1), .home .tab_contents .tab_content:nth-child(2) li:nth-child(2n-1), .home .tab_contents .tab_content:nth-child(3) li:nth-child(2n-1), .home .tab_contents .tab_content:nth-child(4) li:nth-child(2n-1) {
  margin-right: 0;
}
.home .tab_contents .tab_content:nth-child(1) .liTabNum li:first-child h4, .home .tab_contents .tab_content:nth-child(2) .liTabNum h4, .home .tab_contents .tab_content:nth-child(3) .liTabNum h4, .home .tab_contents .tab_content:nth-child(4) .liTabNum h4 {
  width: 98%;
}
.home .tab_contents .tab_content:nth-child(1) .liTabNum li:first-child .txt, .home .tab_contents .tab_content:nth-child(2) .liTabNum .txt, .home .tab_contents .tab_content:nth-child(3) .liTabNum .txt, .home .tab_contents .tab_content:nth-child(4) .liTabNum .txt {
  width: 513px;
}
/* 番号丸なし */
.liTabNumNoCircle li {
  width: 350px;
  line-height: 1.2;
}
.liTabNumNoCircle .bkTxt {
  color: #333;
}
.liTabNumNoCircle .num {
  width: auto;
}
.liTabNumNoCircle .num span {
  display: inline-block;
  width: auto;
  height: auto;
  color: #367c38;
  background: transparent;
  font-style: italic;
  font-size: 24px;
}
.liTabNumNoCircle .txt {
  width: 310px;
}
.liTabNumNoCircle a {
  display: table-cell !important;
  vertical-align: middle;
  height: 60px;
}
/* 番号なし＆黒文字の3列 */
.liTabNumL3 li {
  width: 213px;
  margin-right: 20px;
}
.liTabNumL3 li:nth-child(3n) {
  margin-right: 0;
}
.liTabNumL3 li a {
  padding: 20px 25px 20px 20px
}
/* タブなし＆番号なし＆黒文字 */
.linoTabNum {
  margin-bottom: 30px !important;
}
.linoTabNum h4 {
  display: block;
  color: #333;
}
.linoTabNum li {
  width: 350px;
  line-height: 1.2;
}
.linoTabNum .txt {
  width: auto;
  padding-left: 0;
}
.linoTabNum li a {
  padding: 20px 35px 20px 20px
}
/* タブなし＆番号なし＆黒文字の3列 */
.linoTabNumL3 li {
  width: 226px;
  margin-right: 20px;
}
.linoTabNumL3 li:nth-child(3n) {
  margin-right: 0;
}
.liMd li {
  display: table;
}
.liMd li a {
  width: 100%;
  display: table-cell !important;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
  height: 60px;
}
/* タブ：リストリンク
--------------------------------*/
.liTabLine {
  margin-bottom: 0 !important;
  padding: 0 15px 10px;
  background: #fff;
  border-radius: 5px;
  text-align: left;
}
.liTabLine li {
  padding: 12px 0;
  border-bottom: 1px dashed #aaa;
}
.tab_content .rBtn {
  margin-bottom: 0 !important;
  padding: 5px 15px;
  background: #fff;
}
/* 空家・空地の活用事例
--------------------------------*/
.home .liCases {
  margin: -20px 0 15px !important;
}
.home .liCases li {
  position: relative;
  border-bottom: 1px dashed #aaa;
}
.home .liCases li a {
  display: block;
  margin-bottom: 0;
  padding: 20px 0 20px 20px;
  border: none;
  color: #444;
  text-decoration: none;
}
.home .liCases li a:hover {
  background: #fff;
  opacity: 0.5;
}
.home .liCases li .casePerson {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 52px;
  height: 66px;
  background: url(../img/top/ico_cases_person1.png) no-repeat;
}
.home .liCases li:nth-child(2) .casePerson {
  background-image: url(../img/top/ico_cases_person2.png)
}
.home .liCases li:nth-child(3) .casePerson {
  background-image: url(../img/top/ico_cases_person3.png)
}
.home .liCases li:nth-child(4) .casePerson {
  background-image: url(../img/top/ico_cases_person4.png)
}
.usesBox {
  position: relative;
  margin: 0 20px 0 0 !important
}
.usesBox h3, .usesBox h2 {
  margin: 0 !important;
  padding: 8px 0 !important;
  border: none !important;
  background: #ddd;
  width: 120px;
  border-radius: 3px 3px 0 0;
  font-size: 16px !important;
  text-align: center;
}
.usesBox .casesImg {
  width: 90px;
  height: auto;
  background: transparent;
  font-size: 12px;
  text-align: left
}
.usesBox .casesImg img {
  margin-bottom: 5px
}
.usesBox .casesR {
  margin-left: 100px;
  font-size: 14px;
  line-height: 1.5
}
.usesBox .casesR span {
  font-size: 15px
}
.usesBox p {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 15px
}
.usesBox .liCases {
  margin-bottom: 20px !important;
}
/* 活動ブログ
--------------------------------*/
.liBlogImg {
  margin: 0 0 0 20px !important;
}
.liBlogImg li {
  float: left;
  width: 206px;
  margin: 0 30px 30px 0;
  font-size: 14px;
}
.home .liBlogImg li {
  margin-bottom: 15px !important;
}
.liBlogImg li:nth-child(3n) {
  margin-right: 0;
}
.liBlogImg li a {
  text-decoration: none;
  color: #333;
  font-weight: normal;
}
.liBlogImg li a:hover, .liBlogImg li a:hover img {
  opacity: 0.5;
}
.liBlogImg .liBlogImg_img {
  position: relative;
  height: 155px;
  margin-bottom: 10px;
  overflow: hidden;
  text-align: center;
}
.liBlogImg .liBlogImg_img .newLabel {
  position: absolute;
  bottom: 0;
  left: 0;
}
.liBlogImg li img {
  width: auto;
  height: 155px;
}
.liBlogImg li img {
  width: auto;
  height: 155px;
}
.liBlogImg li img[alt="No Image"] {
  height: 120px;
  padding-top: 17px;
}
.liBlogImg li .ulTxt {
  font-size: 16px;
  text-decoration: underline;
  color: #005aaa;
}
/* 空家・空地巡回サービス
--------------------------------*/
.srvBox, .usesBox {
  float: left;
  width: 350px;
  margin: 0 20px 40px 0
}
.srvBox.lastL, .usesBox.lastL {
  margin-right: 0 !important
}
#mCol .srvBox h3, #mCol .srvBox h2 {
  clear: both;
  margin: 0 0 10px;
  padding: 0;
  border-left: none;
  font-size: 20px;
}
.srvBox img {
  float: right;
  width: 80px;
  margin-left: 15px
}
.srvBox a {
  display: block;
  padding: 20px 20px 10px;
  background: url(../../lib/img/bg_dot_gr.png);
  color: #444;
  text-decoration: none
}
.srvBox a:hover {
  background: url(../../lib/img/bg_dot_or.png) !important;
}
.srvBox.lastL a:hover {
  background: url(../../lib/img/bg_dot_grn.png) !important;
}
#mCol .srvBox p {
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 1.5
}
#mCol .srvBox p.liLink, .srvBox.acSrv p.liLink {
  padding-left: 21px;
  background: url(../../lib/img/bg_parts.png) no-repeat -250px -97px;
  font-size: 14px;
  color: #005aaa;
  text-decoration: underline
}
#mCol .li2col li {
  float: left;
  width: 350px;
  margin: 0 20px 20px 0;
  line-height: 1.5;
  font-size: 14px;
  text-align: left
}
#mCol .li2col li.lastL {
  margin-right: 0
}
#mCol .li2col li a {
  display: block;
  padding: 12px 15px;
  border: 1px solid #ddd;
  color: #444;
  text-decoration: none
}
#mCol .li2col li a:hover {
  background: #fff9f2;
  border-color: #ff9000;
}
#mCol .li2col h4, #mCol .li2col h3 {
  margin-bottom: 8px;
  font-size: 15px
}
#mCol .li2col img {
  display: block;
  float: left;
  margin-right: 10px;
  border: 1px solid #ddd
}
#mCol .li2col li a span {
  color: #005aaa;
  text-decoration: underline
}
#archBox {
  height: 180px;
  margin-bottom: 20px;
  background: url(../../lib/img/bg_parts.png) no-repeat 0 -100px;
  text-align: center;
}
#archBox h3, #archBox h2 {
  margin-bottom: 15px;
  padding-top: 40px;
  font-size: 16px;
}
#archBox p {
  padding: 0 8px 8px;
  color: #ff9000;
  font-size: 50px;
  font-weight: bold;
  line-height: 1
}
#archBox p .sTxt {
  font-size: 20px
}
#archBox .dateTxt {
  font-size: 14px;
  font-weight: normal;
  color: #444
}
#blogBox {
  margin-bottom: 10px;
  padding: 10px;
  background: url(../../lib/img/bg_dot_gr.png)
}
#blogBox h3, #blogBox h2 {
  margin-bottom: 10px;
  padding: 5px 0 5px 10px;
  border-left: 5px solid #ff9000;
  font-size: 16px;
}
#blogBox li {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.4
}
/* ==============================================================
/*     oneCol
/* ============================================================== */
#oneCol h2 {
  margin-top: 30px
}
#oneCol table {
  width: 900px;
  margin-bottom: 20px
}
#oneCol th, #oneCol td, .tblForm th, .tblForm td {
  padding: 10px 15px
}
#oneCol .tblForm td {
  padding: 18px 10px 13px;
}
#oneCol th.bgGr {
  text-align: left;
  font-size: 15px
}
#oneCol table input[type="radio"], .tblForm input[type="radio"] {
  margin: -4px 0 0;
}
/*#oneCol table select {
  margin: 0;
  padding: 3px
}*/
table input[type="text"], table input[type="email"], table input[type="tel"], textarea, .tblForm select {
  width: 300px;
  margin-bottom: 5px;
  padding: 8px;
  border: 1px solid #ddd;
  font-size: 16px;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.liInlineSP{
  margin-bottom: 5px !important;
}
.tblForm_2col{
  margin-bottom: 0 !important;
}
.tblForm_2col li{
  margin-bottom: 5px !important;
}

@media screen and (min-width:481px) {
  .liInlineSP li{
    display: inline;
  }
  .tblForm_2col{
    display: flex;
    flex-wrap: wrap;
  }
  .tblForm_2col li{
    width: 73%;
    display: flex;
    align-items: center;
  }
  .tblForm_2col li:nth-child(2n-1){
    margin-right: 2%;
    width: 25%;
    justify-content: flex-end;
  }
  .tblForm_2col li input[type="text"]{
    width: 100%;
    box-sizing: border-box;
  }
  #mainInquiryForm .tblForm_2col #zip_a{
    width: 35%;
  }
}
@media screen and (max-width:480px) {
  .tblForm_2col_post::before{
    content: "〒";
  }
}

.tblForm .w40px{ width: 40px !important}
.tblForm .wXS {
  width: 12% !important;
}
.tblForm .w30, .tblForm input.wS {
  width: 18% !important;
}
.tblForm select, .hasDatepicker {
  width: 40% !important;
}
.tblForm input[type="text"], .tblForm input[type="email"], .tblForm input[type="tel"] {
  width: 60%;
}
.tblForm textarea, .tblForm .wL, #oneCol table .wL {
  width: 95% !important;
}
.w200 {
  width: 200px !important
}
.w230 {
  width: 230px !important
}
.w670 {
  width: 670px !important
}
.tblCap {
  display: table;
  width: 100%;
}
.tblCap div {
  display: table-cell;
  width: 250px;
  vertical-align: middle;
}
.tblCap div:last-child {
  width: 400px;
  line-height: 1.2;
}
.tblCap2 div {
  width: 270px;
}
.tblCap2 div:last-child {
  width: 380px;
}
.tblCap2 .w230 {
  width: 270px !important;
}
#oneCol table input[type="text"].w500, textarea {
  width: 500px
}
#oneCol .enqForm textarea {
  width: 100%;
  box-sizing: border-box;
}
#oneCol table optgroup {
  background: #ddd;
}
#oneCol .req, .tblForm .req {
  padding: 0 5px;
  font-size: 13px;
  color: #fff;
  background: #e00;
  font-weight: normal
}
#oneCol #srv5_b_mes, #srv1_a_mes {
  display: none;
  margin: 5px 0 0;
  padding: 10px 15px;
  font-size: 14px;
  background: #fbe7ce;
  border: 2px solid #eb890a;
}
#oneCol div.bgGr {
  margin-bottom: 20px;
  padding: 25px 25px 10px;
  background: #f3f3f3
}
#oneCol div.bgGr span {
  color: #eb890a;
  font-weight: bold;
  font-size: 18px;
}
.liIdt2 li .formError .formErrorContent {
  text-indent: 0;
}
.orTxt {
  color: #ff9000;
  font-size: 28px;
  font-weight: bold
}
.orBdTxt {
  padding: 15px 20px;
  border: 1px solid #ff8800;
  color: #ff8800;
  font-weight: bold
}
.tab_area {
  overflow: hidden;
  display: none;
  margin: 0;
}
.hide {
  display: none;
}
.sample_txt {
  font-size: 15px
}
/* ==============================================================
/*     About
/* ============================================================== */
.li2col.liProf li {
  text-align: left;
  line-height: 1.4;
  font-size: 14px;
}
.li2col.liProf li img {
  display: block;
  float: left;
  width: 100px;
  margin: 0 15px 10px 0
}
.li2col.liProf li span {
  font-weight: bold;
  font-size: 16px;
}
/* ==============================================================
/*     管理
/* ============================================================== */
.liOption li {
  float: left;
  width: 350px;
  margin-bottom: 15px;
}
.liOption li:nth-child(2n-1) {
  margin-right: 20px;
}
.liOption_menu {
  position: relative;
  margin-bottom: 5px;
  padding: 10px 15px;
  font-weight: bold;
  border: 1px solid #c8c8c8;
  background: #f5f5f5;
}
.liOption_menu .liOption_menu_price {
  position: absolute;
  right: 10px;
}
.pTarget {
  clear: both;
  font-size: 14px !important;
}
.pTarget .pTarget_label {
  display: inline-block;
  width: 105px;
  margin-left: 8px;
  padding: 2px 0;
  border: 1px solid #c8c8c8;
  background: #fff9f2;
  color: #f8732b;
  text-align: center;
  font-weight: bold;
  border-radius: 20px;
}
.pTarget .pTarget_label_gr {
  background: #f5faed;
  color: #72b219;
}
/* サービス開始までの流れ・FAXからお申し込み
--------------------------------*/
.liApplyFlow > li{
  position: relative;
  padding-bottom: 65px;
}
.liApplyFlow > li:last-child {
  padding-bottom: 0;
}
.liApplyFlow > li:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 160px 0 160px;
  border-color: #a1cc66 transparent transparent transparent;
  margin-left: -160px;
}
.liApplyFlow > li:last-child:after {
  display: none;
}
.liApplyFlow .liApplyFlow_inner {
  display: block;
  padding: 10px 10px 0;
  border: 10px solid #f5faed;
  border-radius: 10px;
}
.liApplyFlow .liApplyFlow_ttl {
  position: relative;
  margin: 0 0 10px !important;
  padding: 10px 0 10px 47px !important;
  border: none !important;
  border-bottom: 1px dashed #aaa !important;
  color: #367c38 !important;
}
.liApplyFlow .liApplyFlow_ttl span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 37px;
  line-height: 37px;
  text-align: center;
  color: #fff;
  background: #62aa00;
  border-radius: 50%;
}
.liApplyFlow p {
  margin-bottom: 15px !important;
}
.liApplyFlow .empTxt {
  color: #367c38;
  font-size: 18px;
  font-weight: bold;
}
.liApplyFlow .empTxt img {
  padding-bottom: 10px;
}
.liApplyFlow .liTbl {
  width: 100%;
  display: table;
}
.liApplyFlow .liTbl > li {
  display: table-cell;
  padding: 0 15px;
  border-right: 1px solid #aaa;
}
.liApplyFlow .liTbl > li:first-child {
  padding-left: 0;
}
.liApplyFlow .liTbl > li:last-child {
  padding-right: 0;
  border: none;
}
.liApplyFlow .liTbl2 > li {
  box-sizing: border-box;
  width: 50%;
}
.liApplyFlow .liTbl p:last-child {
  margin-bottom: 0 !important;
}
.liApplyFlow p strong {
  display: block;
  padding: 5px 0;
  border: 1px solid #c8c8c8;
  text-align: center;
  font-weight: normal;
}
.liApplyFlow .arrow {
  width: 0;
  height: 0;
  margin: 0 auto 20px;
  border-style: solid;
  border-width: 21px 48px 0 48px;
  border-color: #a1cc66 transparent transparent transparent;
}
/* ==============================================================
/*     活用
/* ============================================================== */
.lead {
  font-size: 20px;
}
.lead span {
  color: #f76414;
  font-size: 20px !important;
}
.cateTopBox ul {
  margin-bottom: 0 !important;
  padding: 0 10px;
  border: 10px solid #f5faed;
  border-radius: 10px;
}
.cateTopBox ul li {
  padding: 15px 0;
  border-bottom: 1px dashed #c8c8c8;
}
.cateTopBox ul li:last-child {
  border-bottom: none;
}
.cateTopBox ul li .ttl {
  font-size: 18px;
  color: #367c38;
}
.cateTopBox ul li .ttl span {
  font-size: 22px;
  font-style: italic;
}
.cateTopBox_arrow {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 43px 228px 0 228px;
  border-color: #a1cc66 transparent transparent transparent;
  margin: 0 0 25px 132px;
}
.liCateTopL2 li {
  float: left;
  width: 310px;
  margin-bottom: 20px;
  padding: 10px;
  border: 10px solid #f5faed;
  border-radius: 10px;
}
.liCateTopL2 li:nth-child(2n-1) {
  margin-right: 20px;
}
.liCateTopL2 .ttl {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  color: #367c38;
  border-bottom: 1px dashed #c8c8c8;
}
.liCateTopL2 .ttl span {
  font-size: 22px;
  font-style: italic;
}
.liCateTopL2_txtImg {
  width: 100%;
  display: table;
  margin-bottom: 10px;
}
.liCateTopL2_txtImg a, .liCateTopL2_txtImg_img {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}
.liCateTopL2_txtImg_img {
  width: 45%;
  padding-left: 5%;
}
.liCateTopL2_txtImg a {
  position: relative;
  font-weight: bold;
}
.liCateTopL2_txtImg a span {
  background: url(../img/bg_arrowTxt.png) no-repeat 0 6px;
  padding-left: 12px;
}
.liCateTopReason li {
  box-sizing: border-box;
  position: relative;
  margin-bottom: 35px;
  padding: 25px 25px 0;
  border: 1px dashed #c8c8c8;
}
.liCateTopReason .liCateTopReason_point {
  position: absolute;
  display: block;
  top: -25px;
  left: -8px;
  width: 100px;
  height: 100px;
  padding-top: 39px;
  text-align: center;
  background: url(../img/kanri/liCateTopReason_point.png) no-repeat;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
.liCateTopReason li:nth-child(2) .liCateTopReason_point {
  padding-top: 32px;
}
.liCateTopReason a {
  background: url(../img/bg_arrowTxt.png) no-repeat 0 6px;
  padding-left: 12px;
  font-weight: bold;
}
.liCateTopReason li p:last-child {
  margin: -30px 0 0 !important;
}
.liCateTopReason .pl83 {
  padding-left: 83px;
}
.liCateTopReason .pt20 {
  padding-top: 22px;
  margin-bottom: 50px !important;
}
.liCateTopReason .liCateTopReasonL2 {
  float: left;
  width: 350px;
  height: 380px;
  padding-bottom: 10px;
}
.liCateTopReason .liCateTopReasonL2:last-child {
  margin-left: 20px;
}
.recPlan {
  float: left;
}
.recPlanBtn {
  width: 245px;
  float: right;
  text-align: center;
}
.recPlanBtn img {
  display: inline-block;
  margin-bottom: 5px;
}
/* ==============================================================
/*     活用
/* ============================================================== */
.linoTabNum_cateTop li {
  width: 350px;
  margin-right: 20px;
  font-size: 14px;
}
.linoTabNum_cateTop li:nth-child(2n) {
  margin-right: 0;
}
.linoTabNum_cateTop li a {
  padding: 20px 35px 20px 20px;
}
.linoTabNum_cateTop h4 {
  padding: 0 0 10px !important;
  font-size: 21px;
  color: #367c38;
}
.linoTabNum_cateTop h4 .txt {
  display: inline;
}
.liGrnTxt li a, .liGrnTxtL li a {
  font-size: 18px;
  font-weight: bold;
  color: #367c38;
}
.liGrnTxtL li a {
  font-size: 21px;
}
/* ==============================================================
/*     相続
/* ============================================================== */
#inheritanceBox {
  padding-bottom: 30px;
  border-bottom: 1px solid #c8c8c8;
}
.inheritanceBox_flow {
  width: 100%;
  display: table;
  padding: 30px 0 0;
  background: url(../img/inheritance/bg_flow.png) no-repeat 50px 0;
}
#inheritanceBox .inheritanceBox_flow:nth-child(1) {
  background: none;
}
#inheritanceBox .inheritanceBox_flow:nth-child(3) {
  padding: 0 0 30px;
}
#inheritanceBox .inheritanceBox_flow:nth-child(4) {
  border-top: 1px dashed #c8c8c8;
}
.inheritanceBox_flow dt {
  display: table-cell;
  vertical-align: bottom;
  width: 20%;
  background: url(../img/inheritance/bg_flow.png) no-repeat 50px 100%;
}
.inheritanceBox_flow:nth-child(1) dt {
  background-image: url(../img/inheritance/bg_flow2.png);
}
.inheritanceBox_flow dt span {
  display: inline-block;
  box-sizing: border-box;
  width: 85%;
  height: 50px;
  padding-top: 12px;
  background: #f5f5f5;
  border: 1px solid #c8c8c8;
  text-align: center;
}
.inheritanceBox_flow dd {
  display: table-cell;
  width: 80%;
  padding-left: 16px;
  box-sizing: border-box;
}
.inheritanceBox_flow dd h4 {
  position: relative;
  left: -16px;
  margin-bottom: 10px !important;
}
.inheritanceBox_flow2 {
  min-height: 120px;
  padding-top: 0;
}
.inheritanceBox_flow2 dt {
  position: relative;
}
.inheritanceBox_flow2 dt span {
  position: absolute;
  top: -20px;
  box-sizing: border-box;
  width: 120px;
  height: 120px;
  padding-top: 45px;
  border-radius: 100%;
}
.inheritanceBox_flow2 .imgtxtBox {
  width: 270px;
  margin: 0 20px 20px 0;
  padding: 0;
  text-align: left;
  border: none;
}
.inheritanceBox_flow2 .imgtxtBox.lastL {
  margin-right: 0;
}
.inheritanceBox_flow2 dd h4 {
  left: 0;
}
.inheritanceBox_flow2_txt {
  position: relative;
  margin-left: -30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #c8c8c8;
  font-weight: bold;
}
#inheritanceBox .inheritanceBox_flow:nth-child(2) dd {
  padding-top: 20px;
}
/* ==============================================================
/*     Voice
/* ============================================================== */
.dlVoice {
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #eee;
}
#mrCol .dlVoice dt {
  clear: both;
  margin-bottom: 5px;
}
#mrCol .dlVoice dd {
  margin: 0 0 0 115px
}
#mrCol .dlVoice dd.voImg {
  float: left;
  width: 100px;
  height: 100px;
  overflow: hidden;
  margin: 0 15px 0 0
}
/* ==============================================================
/*     Flow
/* ============================================================== */
.flowBox {
  padding-bottom: 30px;
  background: url(../../lib/img/bg_flow.png) no-repeat 50% 100%
}
#mrCol p.pImgLink {
  font-weight: bold;
  line-height: 2
}
#mrCol p.pImgLink img {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle
}

/* ==============================================================
/*     対応エリア
/* ============================================================== */
.areaTotal {
  font-weight: bold;
}
.areaTotalBox {
  display: inline-block;
  padding: 0 15px;
  background: #f5faed;
}
.areaTotalBox span {
  padding: 0 5px;
  font-size: 30px;
  color: #f76414;
}

.areaSupport > li{
  display: none;
}

#mrCol .dlArea {
  margin-bottom: 20px
}
#mrCol .dlArea dt {
  clear: both;
  margin-bottom: 5px;
  padding-left: 10px;
  border-left: 4px solid #ccc;
}
#mrCol .dlArea dd {
  float: left;
  width: 85px;
  margin: 0 0 0 15px;
  font-size: 15px
}

#areaLBox {
  margin-bottom: 10px;
}
#areaLBox div {
  display: inline-block;
  width: 259px;
  padding-right: 15px;
  vertical-align: top;
}
#areaLBox p {
  display: inline-block;
  width: 160px;
  margin-bottom: 0 !important;
}
#item_shikuchouson {
  display: none
}
#areaLBox select {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  vertical-align: bottom;
}
#areaLBox a#goSearch, #areaLBox a.goSearchSP {
  display: block;
  padding: 9px 0 7px;
  background: #62aa00;
  color: #fff;
  font-size: 16px !important;
  font-weight: bold;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  cursor: pointer
}
#goSearch:hover {
  opacity: 0.8
}

#oneCol .li2col_area h3{
  margin: 0 0 15px;
  color: #367c38;
  border-bottom: 1px solid #367c38;
}
.li2col_area  li li{
  margin-bottom: 5px;
}
@media screen and (min-width:769px){
  .li2col_area{
    display: flex;
    flex-wrap: wrap;
  }
  .li2col_area > li{
    width: calc(50% - 20px);
  }
  .li2col_area > li:nth-child(2n){
    margin-left: 40px;
  }
}

.outsideTxt, .outsideTxt2 {
  border: none; /*N*/
  text-align: center;
  padding: 40px 20px;
  background: #f3f8ec;
  color: #333; /*N*/
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
}
.outsideTxt .sTxt, .outsideTxt2 .sTxt {
  font-size: 16px !important;
}

@media screen and (max-width:768px){
  .outsideTxt, .outsideTxt2 {
    padding: 20px 10px;
    font-size: 18px;
  }
}

h2#inquiry, h1#inquiry {
  margin-top: 50px !important
}

/* 協力会社
--------------------------------*/
.bpBox table {
  margin-bottom: 25px !important;
  width: 100% !important;
  border: none;
  table-layout: fixed;
}
.bpBox td{
  padding: 0 7px !important;
  border: none;
  text-align: center;
  font-size: 13px;
  box-sizing: border-box;
}
@media screen and (min-width:769px){
  .bpBox .bpImg{
    float: left;
    width: 250px;
  }
  .bpBox .bpImg + dl{
    float: right;
    width: calc(100% - 290px);
  }
}
.bpBox dl{
  float: none;
  width: 100%;
}
.bpBox dl dt {
  float: left;
  width: 100px;
  margin-bottom: 0 !important;
  padding-left: 0;
  font-size: 14px;
  font-weight: bold;
  border-left: none;
}
.bpBox dl dd {
  margin-bottom: 10px !important;
  padding-left: 100px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}
.bpBox dl dd.noPDG{
  padding-left: 0;
}
.bpBox dl dd img{
  vertical-align: top
}
.bpBox dl dd span{
  display: block;
  margin-top: 5px;
  font-size: 14px
}

/* ==============================================================
/*     Blog
/* ============================================================== */
#mrCol .liBlog li {
  font-size: 14px
}
#mrCol .liBlog li p {
  display: block;
  float: left;
  width: 80px;
  height: 50px;
  overflow: hidden;
  margin: 0 10px 10px 0
}
#mrCol .liBlog li a {
  padding: 5px 0 0;
  font-weight: bold;
}
#pageNav {
  clear: both;
  padding-top: 20px;
  text-align: center
}
.snsBtn {
  background: #f6f6f6;
  padding: 20px;
  text-align: center;
  margin-top: 30px;
}
.snsBtn li {
  display: inline-block;
  margin: 0 10px;
}
/* accordion menu */
.liBlogMonthly_ttl {
  position: relative;
  display: block;
  padding: 15px 0 15px 15px;
  cursor: pointer;
  background: url(../img/sp/bg_topFAQ_open.png) no-repeat 98% 50%;
  background-size: 26px auto;
}
.liBlogMonthly_ttl.open {
  background-image: url(../img/sp/bg_topFAQ_close.png);
}
.liBlogMonthly_ttl:hover {
  opacity: 0.5;
}
.liBlogMonthly li ul {
  display: none;
}
/* ==============================================================
/*     News
/* ============================================================== */
.liNews dt {
  clear: both;
  float: left;
  width: 140px;
}
#mrCol .liNews dd {
  width: 560px;
  min-height: 70px;
  margin: 0 0 20px 160px;
}
.liNews .liNews_img {
  float: left;
  width: 70px;
  height: 53px;
  margin-right: 20px;
}
.liNews dd a {
  position: relative;
  padding-left: 13px;
}
.liNews dd a:before {
  position: absolute;
  left: 0;
  top: 7px;
  content: "";
  width: 6px;
  height: 8px;
  background: url(../img/bg_arrowTxt.png) no-repeat;
}
#liPastnews {
  display: flex;
  flex-wrap: wrap;
}
#liPastnews li {
  display: inline;
  margin-bottom: 10px;
  border-right: 1px solid #ccc;
  padding: 0 15px;
}
#liPastnews li:first-child,
#liPastnews li:nth-child(9n){
  border-left: 1px solid #ccc;
}

/* ==============================================================
/*     Flow
/* ============================================================== */
#sitemap_list .page_item {
  margin-top: 10px
}
#sitemap_list .page_item a {
  padding-left: 21px;
  background: url(../../lib/img/bg_parts.png) no-repeat -250px -96px;
}
#sitemap_list .page_item ul {
  margin-left: 21px;
}
#sitemap_list .page_item li {
  margin-top: 5px
}
#sitemap_list .page_item li a {
  padding-left: 12px;
  background: url(../../lib/img/bg_parts.png) no-repeat -895px -194px
}
.sitemapBox_col {
  float: left;
  width: 48%;
}
.sitemapBox_col h2:first-child {
  margin-top: 0 !important;
}
.sitemapBox .sitemapBox_col:first-child {
  margin-right: 4%;
}
/*ad blog*/
#mrCol table.width350 {
  width: 350px;
  margin: 0 auto;
}
/* ==============================================================
/*     活用実例
/* ============================================================== */
.liCases li a {
  display: block;
  margin-bottom: 20px;
  padding: 12px 15px;
  border: 1px solid #ddd;
  color: #444;
  text-decoration: none;
}
.liCases li a:hover {
  opacity: 0.5;
}
.liCases li a .label, table .label {
  position: relative;
  top: -2px;
  display: inline-block;
  color: #fff;
  margin: 0 0 5px 2px;
  padding: 1px 10px;
  border-radius: 2px;
  background: #2f56e4;
  font-size: 13px
}
.label26 {
  background: #9f6100 !important
} /* 解体 */
.label25 {
  background: #20ab23 !important
} /* 賃貸 */
.label22 {
  background: #2caeeb !important
} /* リフォーム */
.label28 {
  background: #7f7f7f !important
} /* 駐車場 */
.label27 {
  background: #f57e27 !important
} /* 賃貸 */
.label23 {
  background: #d53939 !important
} /* 建築 */
.liCases li.noBox a {
  display: inline-block;
  padding: 0;
  border: none;
}
.liCases li a.ulTxt:hover {
  background: transparent !important
}
.liCases li .ulTxt {
  color: #005aaa;
  text-decoration: underline;
  font-size: 18px;
}
.liCases .liSemis_link{
  color: #005aaa;
  text-decoration: underline;
}
.casesR {
  margin-left: 85px;
  line-height: 1.4
}
.casesImg {
  overflow: hidden;
  float: left;
  width: 100px;
  height: 75px;
  margin-right: 10px;
  text-align: center;
}
.casesImg span, .epL div span {
  display: block;
  line-height: 70px;
  background: #eee;
  text-align: center;
  font-size: 12px;
  color: #999
}
.casesL p {
  margin-bottom: 0 !important;
  padding-top: 22px;
  font-size: 14px
}
.more_page a {
  display: inline-block;
  padding: 15px 80px;
  background: #fff9f2;
  border: solid 1px #e1dacb;
  border-radius: 3px;
  text-decoration: none;
  font-weight: bold;
  color: #333;
}
.more_page a:hover {
  background: #f6f6f6
}
.more_img img {
  width: 50px;
  margin: 0 auto
}
/* single */
#mrCol h2 span.sTxt, #mrCol h1 span.sTxt {
  display: block !important;
  padding: 0 0 5px !important;
  border: none !important
}
.epL {
  float: left;
  width: 240px;
  margin: 0 20px 20px 0;
}
.epL div span {
  line-height: 240px;
}
.epL div, .ep dd td img {
  margin-bottom: 5px
}
.epR {
  margin-left: 260px
}
.epR.epR100 {
  margin-left: 0;
}
.epR table {
  width: 100% !important
}
.epR table th {
  width: 40%;
  font-size: 14px
}
.epR table td {
  font-size: 15px
}
.epImgs {
  position: relative;
  margin: 50px 0 30px;
  padding: 30px 20px 0;
  border: 1px solid #ff9000
}
.epImgs table {
  width: 678px !important;
  border: none;
  margin-bottom: 0 !important;
}
.epImgs td {
  width: 319px;
  padding: 0 10px 20px 10px !important;
  border: none;
  text-align: center;
  font-size: 13px;
  vertical-align: top !important
}
.epImgs h3, .epImgs h2 {
  position: absolute;
  top: -30px;
  left: -1px;
  width: 210px;
  height: 22px;
  margin: 0 !important;
  padding: 5px 0 3px !important;
  border: none !important;
  background: #ff9000;
  color: #fff;
  font-size: 17px;
  border-radius: 5px 5px 0 0;
  text-align: center;
}
.epImgsB {
  border-color: #aaa !important
}
.epImgsB h3, .epImgsB h2 {
  background: #aaa !important
}
.epImgs td span {
  display: block;
  margin: 0 auto;
  max-width: 300px;
  overflow: hidden
}
.epImgs td img {
  height: 200px;
  width: auto;
  margin-bottom: 5px
}
h3.epcTtl, h2.epcTtl {
  margin: 0 !important;
  padding: 10px !important;
  border: none !important;
  font-size: 16px;
  background: #ddd;
  border-radius: 5px 5px 0 0
}
h4.epcTtl {
  position: relative;
  display: inline-block;
  bottom: -12px;
  left: 20px;
  margin: 0 !important;
  padding: 7px 15px 5px !important;
  font-size: 16px;
  background: #e6e6e6;
}
.epcBox {
  margin-bottom: 15px;
  padding: 30px 20px 20px;
  border: 1px dashed #c8c8c8;
}
.epcBox p {
  margin-bottom: 0 !important
}
.epcL, .epcBox .epcL {
  float: left;
  width: 100px;
  margin: 0 15px 5px 0 !important;
  text-align: center;
  line-height: 1.2
}
.ep .epCimg {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  height: 100px;
  margin-bottom: 8px;
  overflow: hidden;
}
/* 2017 */
/* 対応可能なサービス
-------------------------------*/
.serviceBox {
  margin-bottom: 30px;
  padding: 20px 20px 3px;
  background: #f5faed;
}
.serviceBox dt {
  float: left;
  width: 115px;
  padding-top: 5px;
  font-weight: normal !important;
  line-height: 1.2;
}
.serviceBox dd {
  margin-bottom: 0 !important;
  padding-left: 115px;
  line-height: 1.2;
}
.serviceBox dd ul {
  margin-bottom: 20px !important;
}
.serviceBox dd li {
  display: inline-block;
  width: 110px;
  margin-right: 6px;
  padding: 4px 0 2px;
  color: #fff;
  background: #c8c8c8;
  border-radius: 20px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.serviceBox dd.soudan li {
  width: 90px;
  margin-top: 8px;
}
.serviceBox dd li.active {
  background-color: #2dc3c3;
}
.serviceBox dd.soudan li.active {
  background-color: #f6a31e;
}
/* ステータス（駐車場、キッズスペースなど）
-------------------------------*/
.serviceStatus li {
  float: left;
  width: 65px;
  font-size: 11px;
  line-height: 1.2;
  text-align: center;
  letter-spacing: -1px;
  font-weight: bold;
}
.serviceStatus li span {
  display: block;
  width: 45px;
  height: 39px;
  margin: 0 0 4px 10px;
  padding-top: 6px;
  background: #c8c8c8;
  border-radius: 25px;
}
.serviceStatus li.active span {
  background: #62aa00;
}
/* ==============================================================
/*     特定空家
/* ============================================================== */
#tktiBox div a {
  display: block;
  margin-bottom: 20px;
  padding: 1px 20px 5px;
  background: #fff;
  border: 1px solid #ddd;
  text-decoration: none
}
#tktiBox div a h4, #tktiBox div a h3 {
  text-decoration: underline
}
#tktiBox div a p {
  color: #444
}
h6 {
  margin: 20px 0 15px;
  font-size: 15px;
}
.taCheck {
  position: relative;
  margin-bottom: 20px !important;
  padding: 10px 60px !important;
  background: #ffe3bf;
  border: none !important;
  border-radius: 20px
}
.taCheck span {
  position: absolute;
  display: block;
  top: -7px;
  left: 0;
  width: 50px;
  height: 50px;
  background: url(../../lib/img/icn_check.png) no-repeat
}
.taCheckBox {
  float: left;
  width: 48%;
  margin: 0 2% 10px 0
}
.taCheckBox p {
  display: inline-table;
  vertical-align: middle
}
.taCheckBox ul {
  display: inline-table;
  width: 190px;
  vertical-align: middle
}
.taCheckBox ul li {
  margin: 0 0 5px 25px;
  list-style: square;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3
}
.taCheckBox.wFull, .taCheckBox.wFull2 {
  width: 98%
}
.taCheckBox.wFull ul {
  width: 550px
}
.taCheckBox.wFull2 ul {
  width: 100%
}
.taCheckBox.wFull2 ul li {
  margin-bottom: 10px
}
.taExamples {
  clear: both;
  margin-bottom: 20px;
  padding: 20px 20px 1px;
  background: #f3f3f3;
}
.taExamples dt {
  border: none;
  padding: 0
}
.frmAky {
  margin-bottom: 50px;
  padding-left: 124px;
  background: #fff url(../../lib/img/bg_advice.png) no-repeat 0 0;
}
.frmAky .taExamples {
  padding-bottom: 5px;
  background: #fff;
  border: 2px solid #357b38
}
.frmAky .taExamples dt {
  color: #357b38
}
.frmAky .taExamples dd {
  margin-bottom: 10px !important
}
.liPageLink li {
  float: left;
  width: 240px;
  margin-bottom: 30px;
  text-align: center
}
.liPageLink li.plR {
  float: right
}
.liPageLink li a {
  display: block;
  padding: 10px 0;
  background: #ff9000;
  color: #fff;
  text-decoration: none;
  border-radius: 5px
}
.liPageLink li a:hover {
  opacity: 0.8
}
/* 空家条例一覧
--------------------------------*/
.dlJr {
  border-bottom: 1px solid #aaa;
}
.dlJr dt {
  margin-bottom: 0 !important;
  padding: 15px 0 15px 15px;
  border-top: 1px solid #aaa;
  background: url(../img/sp/bg_topFAQ_open.png) no-repeat 98% 50%;
  background-size: 26px auto;
  font-weight: normal !important;
  cursor: pointer;
}
.dlJr dt:hover {
  opacity: 0.5;
}
.dlJr dt.active {
  background-image: url(../img/sp/bg_topFAQ_close.png)
}
table .label {
  background: #b1a1ba
} /* 勧告 */
table .label22 {
  background: #7fb9d4 !important
} /* 命令 */
table .label14 {
  background: #7baa7d !important
} /* 公表 */
table .label16 {
  background: #ce9c78 !important
} /* 罰則 */
table .label23 {
  background: #dd8989 !important
} /* 行政代執行 */
/* ==============================================================
/*     イベント・セミナー
/* ============================================================== */
.sm h1 .sTxt {
  display: block !important;
  padding: 0 0 5px !important;
  border: none !important
}
.sm h1 .label {
  position: relative;
  top: -2px;
  display: inline-block;
  margin: 2px 0 8px 0;
  padding: 4px 5px !important;
  border-width: 1px !important;
  border: 1px solid #c8c8c8 !important;
  background: #fff;
  font-size: 13px;
  font-weight: normal;
}
.sm .tc {
  position: relative;
  margin-bottom: 15px;
  padding: 25px 25px 5px;
  background: #f6f6f6;
}
.sm .tc3 {
  float: left;
  width: 150px;
  margin: 0 15px 5px 0 !important;
}
.sm .tc5 {
  position: absolute;
  top: 0;
  right: 0;
  width: 94px;
  height: 94px;
  background: url(../../lib/img/seminar/bg_kicho.png) no-repeat;
  text-indent: -9999px;
}
.sm .tc p.wImg {
  margin-left: 170px;
}
.sm .tc strong {
  font-size: 15px;
}
.sm .tc strong span {
  font-size: 20px;
}
.sm .tc span.boxBd {
  display: block;
  margin-top: 10px;
  padding-top: 13px;
  border-top: 1px solid #ddd;
}
.sm td p {
  margin-bottom: 2px !important;
}
.sm .closeTxt {
  padding: 30px;
  background: #eee;
  font-weight: bold;
  text-align: center;
}
.smReport {
  margin-bottom: 30px;
  padding: 0 20px 10px;
  border: 1px solid #ccc;
}
.smReport h3, .smReport h2 {
  margin-top: 30px !important;
  padding: 0 0 0 35px !important;
  border: none !important;
  background: url(../../lib/img/seminar/ico_report.png) no-repeat #fff !important;
  line-height: 32px !important;
}
.smReport table {
  margin-bottom: 25px !important;
  width: 100% !important;
  border: none;
}
.smReport td {
  width: 32%;
  padding: 0 !important;
  border: none;
  text-align: center;
  font-size: 13px;
  border-right: 10px solid #fff;
  vertical-align: top !important;
}
.smReport td img {
  margin-bottom: 5px;
}
.liSemis li {
  line-height: 1.8 !important
}
.liSemis_done li a, .liSemis_done_li a {
  background: #f6f6f6 !important
}
.liSemis_done li.noBox a {
  background: #fff !important
}
.liSemis .casesImg {
  width: 105px;
  height: 105px;
}
.liSemis .casesImg span {
  line-height: 105px;
}
.liSemis .closeTxt {
  display: block;
  width: 94%;
  margin-bottom: 15px;
  padding: 5px 3%;
  background: #ddd;
  font-size: 12px;
}
.liSemis .casesR {
  margin-left: 120px;
  font-size: 14px !important;
  line-height: 1.6;
}
.liSemis .ulTxt.bTxt {
  font-size: 16px !important;
}
.liSemis .bloc {
  height: 32px
}
.liSemis .labelL {
  float: left;
  width: 485px;
  margin-bottom: 0 !important;
}
.liSemis .labelR {
  float: right;
  width: 80px;
  text-align: right;
  margin-bottom: 0 !important;
}
.liSemis li a .label, #smBox .label, .lImgBox .label {
  position: relative;
  top: -2px;
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 2px 10px 0;
  color: #333;
  background: #fff;
  border: 1px solid #c8c8c8;
  font-size: 12px;
}
.label.sm11_1 { /* 無料 */
  background: #fff9f2 !important;
  border-color: #f7a41e !important;
}
.label.sm11_2, .label.sm11_3 { /* 有料＆一部有料 */
  background: #f5faed !important;
  border-color: #9abd9b !important;
}
.sm16 img {
  max-width: 720px;
}
.boxPrivacy {
  overflow: auto;
  height: 150px;
  margin-bottom: 10px;
  padding: 0 15px 10px;
  background: #fff;
}
.btn {
  display: inline-block;
  margin: 30px 0 60px;
  padding: 20px;
  background: #ff9000 !important;
  color: #fff !important;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  font-size: 22px;
}
.btn:hover {
  opacity: 0.8
}
#smBox {
  margin-bottom: 20px
}
#smBox ul {
  margin-bottom: 10px
}
#smBox .casesImg {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}
#smBox .casesImg span {
  line-height: 1;
  font-size: 11px;
  padding-top: 13px;
}
#smBox .casesR {
  min-height: 80px;
  margin-left: 85px;
  font-size: 14px;
}
#smBox .casesR strong {
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
  font-size: 16px;
  color: #005aaa;
  text-decoration: underline;
  text-indent: 1em;
}
#smBox .casesR strong:before {
  position: absolute;
  left: 5px;
  top: 6px;
  content: "";
  width: 6px;
  height: 8px;
  background: url(../img/bg_arrowTxt.png) no-repeat;
}
#smBox li {
  border-bottom: 1px dashed #aaa;
}
#smBox li:last-child {
  border-bottom: none;
}
#smBox li a {
  display: block;
  padding: 15px 0 10px;
  text-decoration: none;
  color: #444;
}
#smBox li:last-child a {
  padding-bottom: 0;
}
#smBox li a:hover {
  opacity: 0.5;
}
#smBox .rLink {
  margin-bottom: 20px !important;
  font-size: 14px;
}
#smBox .label {
  top: 0;
  padding: 1px 5px;
}

/* ==============================================================
/*     不動産・建設業者の皆さま
/* ============================================================== */
.dlPartner dt {
  float: left;
  width: 160px;
  height: 105px;
  padding-top: 55px;
  color: #fff;
  background: #f8732b;
  font-size: 18px;
  border-radius: 5px;
  line-height: 1.4;
  text-align: center;
}
.dlPartner dd {
  margin-left: 180px;
}
.liPartner {
  margin-bottom: 0 !important;
}
.liPartner li {
  position: relative;
  width: 190px;
  height: 122px;
  float: left;
  margin: 0 15px 20px 0;
  padding: 20px;
  background: #dbf0fa;
  border-radius: 5px;
}
.liPartner li:nth-child(3n) {
  margin-right: 0;
}
.liPartner li h4 {
  margin-bottom: 10px !important;
  padding-left: 40px !important;
  color: #0e6eb8;
  font-size: 18px !important;
}
.liPartner li h4 span {
  display: block;
  position: absolute;
  top: -20px;
  left: -15px;
  width: 60px;
  line-height: 60px;
  background: #fff;
  border-radius: 50%;
  font-size: 28px;
  text-align: center;
}
.liPartner li p {
  font-size: 14px;
}
.liPartner li:last-child {
  background: #f3ee5d;
}
.liPartner li:last-child h4 {
  color: #f39800;
}
/* お問い合わせボックス
--------------------------------*/
.cv {
  margin: 50px 0;
  padding: 25px 40px 15px;
  background: #f3f8ec;
  text-align: center;
}
.cv h5 {
  margin: 0 0 25px !important;
  color: #3c3c3c;
  font-size: 27px;
  line-height: 1.4;
}
.cv h6 {
  position: relative;
  margin: 0 0 15px;
  color: #367c38;
  font-size: 18px;
}
.cv h6:before, .cv h6:after {
  display: inline-block;
  content: "";
  width: 35px;
  height: 1px;
  margin: 0 12px;
  background: #367c38;
  vertical-align: middle;
}
.cv p {
  display: inline-block;
  margin-bottom: 30px;
  text-align: right;
  font-size: 18px;
}
.cv p img {
  display: inline-block;
  margin-bottom: 5px;
}
.cv ul{
  display: flex;
  justify-content: center;
  margin-bottom: 10px !important;
}
.cv ul li{
  width: 50%;
}
.cv .cvBtn {
  position: relative;
  display: block;
  width: 225px;
  margin: 0 auto;
  padding: 16px 20px 16px 0;
  border-radius: 5px;
  color: #fff !important;
  background: #62aa00;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
}
.cv .cvBtn_or {
  background: #f76414;
}
.cv .cvBtn:hover {
  opacity: 1;
  background-color: #91c34c;
}
.cv .cvBtn_or:hover {
  background-color: #f9925a;
}
.cv .cvBtn:after {
  position: absolute;
  right: 14px;
  font-family: FontAwesome;
  content: "\f105";
  color: #fff;
}
.cv .cvBtn img {
  padding-right: 15px;
  vertical-align: middle;
}
.cv .txtLink {
  position: relative;
  margin-top: 5px;
  padding-right: 38px;
  text-align: right;
  color: #005aaa;
}
.cv .txtLink a {
  position: relative;
  padding-left: 12px;
}
.cv .txtLink a:before {
  position: absolute;
  top: 7px;
  left: 0;
  content: "";
  width: 6px;
  height: 8px;
  background: url(../img/bg_arrowTxt.png) no-repeat;
}

.cv2 .cvTel li:first-child {
  width: 325px;
  padding: 0 20px;
}
.cv2 .cvBtns li{
  width: 33%;
}
.cv2 .cvBtns li:not(:last-child){
  margin-right: 30px;
}
.cv2 .cvBtns .cvBtn{
  width: 100% !important;
  box-sizing: border-box;
}
.cv2 p {
  font-size: 16px;
}
.cv2 .cvTel .txtLink{
  padding-right: 12px;
}
.cv2 .cvBtns .txtLink{
  padding-right: 0;
}

.cv4 .cvBtns {
  padding-top: 20px;
  border-top: 1px dashed #aaa;
}
.cv9 h5 {
  font-size: 23px;
}
.cv11{
  background: #fff;
  margin-top: 30px;
  padding: 0;
  font-weight: bold;
}
@media screen and (min-width:768px) {
  .cv11 .cvBtn{
    width: 340px;
    margin-top: 10px;
    box-sizing: border-box;
  }
}

.cvArea{
  padding-top: 40px;
}
.cvArea h5{
  margin-bottom: 15px !important;
  font-size: 22px;
}
.cvArea .rdTxt{
  background: linear-gradient(transparent 60%, #FF0 60%, #FF0 90%, transparent 90%);
}
.cvArea p{
  display: block;
  font-size: 18px;
  text-align: center;
}
.support1 h5{
  margin-bottom: 30px !important;
}
.cvArea .cvTel{
  margin: -15px 95px 0 85px;
}

.cvG h5 {
  margin-bottom: 35px !important;
  font-size: 18px;
  line-height: 1.2;
}
.cvG h6 {
  font-size: 27px;
}
/* ボタンが1つの場合 */
.cv .cv1Btn {
  margin-bottom: 30px !important;
}
.cv .cv1Btn li {
  float: none;
  width: 100%;
  text-align: center;
}
/* フロートのCVエリア */
.cvBox {
  position: fixed;
  top: 230px;
  left: auto;
  margin-left: 780px;
  width: 146px;
  padding: 14px;
  background: #fff;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  z-index: 10;
}
#oneCol .cvBox {
  margin-left: 995px;
}
.cvBox h6 {
  margin: 0 0 10px;
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 1;
  border-bottom: 1px solid #3c3c3c;
  text-align: center;
}
.cvBox p {
  margin-bottom: 15px !important;
  font-size: 13px;
}
.cvBox p.mb10 {
  margin-bottom: 10px !important;
}
.cvBox .pTel {
  margin-bottom: 10px !important;
  line-height: 1;
  text-align: center;
}
.cvBox .pTel img {
  width: 100%;
  height: auto;
  padding-bottom: 3px;
}
.cvBox p:last-child {
  margin-bottom: 0 !important;
}
.cvBox .ssTxt {
  font-size: 10px;
}
.cvBox .cvBox_btn {
  position: relative;
  display: block;
  margin-bottom: 2px;
  padding: 5px 15px;
  background: #f76414;
  color: #fff;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.cvBox .cvBox_btn:after {
  position: absolute;
  top: 3px;
  right: 12px;
  font-family: FontAwesome;
  content: "\f105";
  font-size: 16px;
}
.cvBox .cvBox_btn:hover {
  opacity: 0.5;
}
.cvBox .cvBox_btn img {
  display: inline-block;
  padding-right: 7px;
}
.cvBox .cvBox_btn_2 {
  background-color: #62aa00;
}
.cvBox .cvBox_btn_3 {
  color: #367c38;
  border: 1px solid #c8c8c8;
  background-color: #fff;
}
.cvBox .cvBox_btn_3:after {
  color: #62aa00;
}
.liServices {
  margin-bottom: 40px !important;
}
.liServices li {
  float: left;
  width: 350px;
}
.liServices li.lastL {
  margin-left: 20px;
}
.liServices li a {
  display: block;
  padding: 1px 20px 20px;
  border: 2px solid #ff9000;
  border-radius: 5px;
  text-decoration: none;
}
.liServices li a:hover {
  opacity: 0.8;
}
.liServices li h4, .liServices li h3 {
  margin-bottom: 15px !important;
  padding: 10px 0 !important;
  background: #fff9f2 !important;
  color: #ff9000;
  font-size: 20px;
  text-align: center;
  border: none !important;
}
.liServices img {
  display: block;
  float: left;
  margin-right: 15px;
  width: 110px;
  height: auto;
}
.liServices li li {
  float: none;
  width: auto;
  font-size: 14px;
  color: #444;
}
.liServices span {
  clear: both;
  display: block;
  padding: 5px 0;
  background: url(../../lib/img/common/bg_arrowW.png) no-repeat 98% 50% #ff9000;
  border: 1px solid #e07e00;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.liServices li.lastL a {
  border-color: #357b38;
}
.liServices li.lastL h4, .liServices li.lastL h3 {
  background: #f5f8f5 !important;
  color: #357b38;
}
.liServices li.lastL span {
  background-color: #357b38;
  border-color: #255928;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.liCases2 li {
  margin-bottom: 10px;
}
.liCases2 .liCases2_img {
  display: block;
  float: left;
  width: 120px;
}
.liCases2 .liCases2_txt {
  padding-left: 140px;
}
.liCases2 .liCases2_txt h4, .liCases2 .liCases2_txt h3 {
  margin-bottom: 10px !important;
}
.liCases2 .liCases2_txt p {
  margin-bottom: 15px !important;
}
.liCases2 .liCases2_txt p:last-child {
  margin-bottom: 0 !important;
}
@media screen and (min-width:768px) {
  .pl110 {
    padding-left: 110px;
  }
}
.movie-wrap {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.movie-wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 90%;
  height: 90%;
}