@charset "UTF-8";
/* ========================================================================== */
/* var */
/* ========================================================================== */
@media all and (-ms-high-contrast: none) {
  .ieFont, .consult3PointsArea .consult3PointsList .consult3PointsListParts dl dt, .consult3PointsArea h2, .chiebukuroContents .inner.chiebukuroEntry h2, .chiebukuroContents .inner.chiebukuroEntry .entryTitle, .wantConsultDetailArea .catch .ttl, .ttlWantConsult, .mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsTtl, .priceBox h3, .caseOthersListArea .caseOthersList li a .typeTag, .caseDetailContents .caseDetailContentTtl, .caseDetailMainArea .priceArea dd, .caseDetailMainArea .caseDetailTable dl, .caseDetailMainArea .caseDetailTtl .caseTtlArea strong, .caseDetailMainArea .caseDetailTtl .type, .caseList li a .typeTag, .practicalSeminar .title h3, .flowDetail h2, .flowDetail .flowWrapper .link p .grayBtn, .typeDetail .type ul li, .typeDetail .typeCaption, .actionStepTitle, .meanArea .meanList, .knowledgelinkList li a h2, .caseList li .shasoTitle, .priceDetail .yen, .priceDetail .price, .blueMiddleTitle, .placePublicity .pointArea ol li, .aboutUsListArea.point2 .coutTable, .aboutUsListArea .aboutUsPointList li h3, .aboutUsListArea h2, .mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList .subTabBlue li, .aboutLinkList li a h2 strong, .formContents .formMain .close span, .formContents .formMain .submit input, .formContents .formMain .submit.confirm .backForm input, .formContents .formMain .formSubTitle, .formContents .formMain .seminarInfo .infoHeader .seminarTitle, .formHeader .formMainTitle, .shasoCaseList li .detail span .title, .shasoCaseList li .detail a .title, .shasoCaseList li > .title a .typeName, .shasoCaseList li > .title span .typeName, .hallEditPoint .title h2, .hallForeword .detail .forewordTitle, .mainContents .seminarDetailBox .singleBoxTitle, .mainContents .seminarSingleBox .singleBoxTitle, .mainContents .seminarTagBox h3, span.seminarTag, .mainWrapper.shasoType .mainContents .typeWrapper .inner.partner dl dt, .mainWrapper.shasoType .mainContents .typeWrapper .inner.partner h2, .mainWrapper.shasoType .mainContents .typeWrapper .inner.reccomend h2, .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li h3 strong, .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li h3 .count, .mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword > h2, .mainWrapper.shasoType .titleBlock h1, .topContent .hallList > li > h3 a, .topContent .typeList li a .title, .pointOuter .topPointBlock .inner .contents .main .btnPoint a, .meaningList li.large .title strong, .meaningList li.middle .title strong, .meaningList li.mean a .title .large {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝" !important;
    font-weight: bold;
  }
  .ieFont *::-ms-backdrop, .consult3PointsArea .consult3PointsList .consult3PointsListParts dl dt *::-ms-backdrop, .consult3PointsArea h2 *::-ms-backdrop, .chiebukuroContents .inner.chiebukuroEntry h2 *::-ms-backdrop, .chiebukuroContents .inner.chiebukuroEntry .entryTitle *::-ms-backdrop, .wantConsultDetailArea .catch .ttl *::-ms-backdrop, .ttlWantConsult *::-ms-backdrop, .mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsTtl *::-ms-backdrop, .priceBox h3 *::-ms-backdrop, .caseOthersListArea .caseOthersList li a .typeTag *::-ms-backdrop, .caseDetailContents .caseDetailContentTtl *::-ms-backdrop, .caseDetailMainArea .priceArea dd *::-ms-backdrop, .caseDetailMainArea .caseDetailTable dl *::-ms-backdrop, .caseDetailMainArea .caseDetailTtl .caseTtlArea strong *::-ms-backdrop, .caseDetailMainArea .caseDetailTtl .type *::-ms-backdrop, .caseList li a .typeTag *::-ms-backdrop, .practicalSeminar .title h3 *::-ms-backdrop, .flowDetail h2 *::-ms-backdrop, .flowDetail .flowWrapper .link p .grayBtn *::-ms-backdrop, .typeDetail .type ul li *::-ms-backdrop, .typeDetail .typeCaption *::-ms-backdrop, .actionStepTitle *::-ms-backdrop, .meanArea .meanList *::-ms-backdrop, .knowledgelinkList li a h2 *::-ms-backdrop, .caseList li .shasoTitle *::-ms-backdrop, .priceDetail .yen *::-ms-backdrop, .priceDetail .price *::-ms-backdrop, .blueMiddleTitle *::-ms-backdrop, .placePublicity .pointArea ol li *::-ms-backdrop, .aboutUsListArea.point2 .coutTable *::-ms-backdrop, .aboutUsListArea .aboutUsPointList li h3 *::-ms-backdrop, .aboutUsListArea h2 *::-ms-backdrop, .mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList .subTabBlue li *::-ms-backdrop, .aboutLinkList li a h2 strong *::-ms-backdrop, .formContents .formMain .close span *::-ms-backdrop, .formContents .formMain .submit input *::-ms-backdrop, .formContents .formMain .submit.confirm .backForm input *::-ms-backdrop, .formContents .formMain .formSubTitle *::-ms-backdrop, .formContents .formMain .seminarInfo .infoHeader .seminarTitle *::-ms-backdrop, .formHeader .formMainTitle *::-ms-backdrop, .shasoCaseList li .detail span .title *::-ms-backdrop, .shasoCaseList li .detail a .title *::-ms-backdrop, .shasoCaseList li > .title a .typeName *::-ms-backdrop, .shasoCaseList li > .title span .typeName *::-ms-backdrop, .hallEditPoint .title h2 *::-ms-backdrop, .hallForeword .detail .forewordTitle *::-ms-backdrop, .mainContents .seminarDetailBox .singleBoxTitle *::-ms-backdrop, .mainContents .seminarSingleBox .singleBoxTitle *::-ms-backdrop, .mainContents .seminarTagBox h3 *::-ms-backdrop, span.seminarTag *::-ms-backdrop, .mainWrapper.shasoType .mainContents .typeWrapper .inner.partner dl dt *::-ms-backdrop, .mainWrapper.shasoType .mainContents .typeWrapper .inner.partner h2 *::-ms-backdrop, .mainWrapper.shasoType .mainContents .typeWrapper .inner.reccomend h2 *::-ms-backdrop, .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li h3 strong *::-ms-backdrop, .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li h3 .count *::-ms-backdrop, .mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword > h2 *::-ms-backdrop, .mainWrapper.shasoType .titleBlock h1 *::-ms-backdrop, .topContent .hallList > li > h3 a *::-ms-backdrop, .topContent .typeList li a .title *::-ms-backdrop, .pointOuter .topPointBlock .inner .contents .main .btnPoint a *::-ms-backdrop, .meaningList li.large .title strong *::-ms-backdrop, .meaningList li.middle .title strong *::-ms-backdrop, .meaningList li.mean a .title .large *::-ms-backdrop {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝" !important;
    font-weight: bold;
  }
}

/* ========================================================================== */
/* mixin */
/* ========================================================================== */
/* ========================================================================== */
/* top index */
/* ========================================================================== */
.mainVisual {
  height: 368px;
  position: relative;
  background: url(/assets/img/bg-top-main.jpg) no-repeat center;
  background-size: cover;
}
.mainVisual img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -96px;
  margin-left: -298px;
}

.mainVisualSp {
  background: url(/assets/img/sp/bg-top-main.jpg) no-repeat center;
  background-size: cover;
  margin-top: 70px;
}
.mainVisualSp img {
  display: block;
  margin: auto;
  width: 320px;
}
.mainVisualSp .sub {
  background: url(/assets/img/sp/bg-top-sub.png) repeat-x center;
  background-size: auto 100%;
  display: block;
}

.topMenuSp {
  background: rgba(45, 70, 112, 0.7);
  padding: 15px 3%;
}
.topMenuSp ul:after {
  clear: both;
  content: "";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.topMenuSp ul li {
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fff 2%, #dbdee1 71%);
  background-image: -moz-linear-gradient(top, #fff 2%, #dbdee1 71%);
  background-image: -o-linear-gradient(top, #fff 2%, #dbdee1 71%);
  background-image: -ms-linear-gradient(top, #fff 2%, #dbdee1 71%);
  background-image: linear-gradient(to bottom, #fff 2%, #dbdee1 71%);
  border: 1px solid #435b83;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  width: 49.5%;
}
.topMenuSp ul li:nth-child(odd) {
  float: left;
}
.topMenuSp ul li:nth-child(even) {
  float: right;
}
.topMenuSp ul li:nth-child(n+3) {
  margin-top: 3px;
}
.topMenuSp ul li:nth-child(1) {
  background-image: -webkit-linear-gradient(top, #fff3ec 19%, #f1d2bd 71%);
  background-image: -moz-linear-gradient(top, #fff3ec 19%, #f1d2bd 71%);
  background-image: -o-linear-gradient(top, #fff3ec 19%, #f1d2bd 71%);
  background-image: -ms-linear-gradient(top, #fff3ec 19%, #f1d2bd 71%);
  background-image: linear-gradient(to bottom, #fff3ec 19%, #f1d2bd 71%);
  border-color: #e5723d;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -ms-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
}
.topMenuSp ul li:nth-child(2) {
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -ms-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}
.topMenuSp ul li:nth-child(3) {
  -webkit-border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
  -ms-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
.topMenuSp ul li:nth-child(4) {
  -webkit-border-radius: 0 0 5px 0;
  -moz-border-radius: 0 0 5px 0;
  -ms-border-radius: 0 0 5px 0;
  border-radius: 0 0 5px 0;
}
.topMenuSp ul li a {
  display: block;
}
.topMenuSp ul li img {
  width: auto;
  height: 59px;
}

.meaningList {
  margin: 0 auto;
  position: relative;
  top: -58px;
  letter-spacing: -0.4em;
}
@media screen and (min-width: 737px) {
  .meaningList {
    width: 950px;
  }
}
.meaningList li {
  background-color: #fff;
  float: left;
  vertical-align: top;
  letter-spacing: normal;
  width: 300px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 2px 5px 3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.13) 0px 2px 5px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.13) 0px 2px 5px 3px;
}
.meaningList li:nth-of-type(even) {
  margin: 0 25px;
}
.meaningList li a {
  background-color: #fff;
  height: 240px;
  display: block;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-shadow: 0px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, -1px 0px 0 #fff;
}
.meaningList li a:hover {
  text-decoration: none;
}
.meaningList li a .title {
  font-weight: bold;
  color: #05080d;
  line-height: 1.15;
}
.meaningList li a:before {
  content: "";
  display: block;
  width: 280px;
  height: 4px;
  background-color: #324e7c;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -140px;
}
.meaningList li a .text {
  color: #05080d;
  margin-top: 8px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.55;
}
.meaningList li a .link {
  position: absolute;
  bottom: 15px;
  left: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  background: url(/assets/img/icon-common-arrow-next.png) no-repeat left center;
  padding-left: 15px;
}
.meaningList li.mean {
  background: -moz-linear-gradient(top, #ffffff 27%, #e3e3e3 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #ffffff 27%, #e3e3e3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #ffffff 27%, #e3e3e3 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 27%, #e3e3e3 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e3e3e3",GradientType=0 );
  /* IE6-9 */
}
.meaningList li.mean a {
  padding: 25px 20px 20px;
  background: url(/assets/img/bg-top-mean_mod.png) no-repeat right bottom;
}
.meaningList li.mean a .title {
  font-size: 22px;
  font-size: 2.2rem;
}
.meaningList li.mean a .title .large {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  color: #15417c;
  display: block;
  font-size: 68px;
  font-size: 6.8rem;
}
.meaningList li.large .title, .meaningList li.middle .title {
  font-size: 21px;
  font-size: 2.1rem;
}
.meaningList li.large .title strong, .meaningList li.middle .title strong {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  display: block;
  padding: 5px 0;
  color: #15417c;
  font-size: 36px;
  font-size: 3.6rem;
  letter-spacing: -0.02em;
}
.meaningList li.large .title strong em, .meaningList li.middle .title strong em {
  font-style: normal;
  font-size: 45px;
  font-size: 4.5rem;
}
.meaningList li.large a {
  background: url(/assets/img/bg-top-large.png) no-repeat right bottom;
}
.meaningList li.middle a {
  background: url(/assets/img/bg-top-middle.png) no-repeat 145px 55px;
}

.pointOuter {
  padding: 10px;
  background-color: #e7eaee;
  background-image: url(/assets/img/img-top-left-top.png), url(/assets/img/img-top-right-top.png), url(/assets/img/img-bottom-right-top.png), url(/assets/img/img-bottom-left-top.png), url(/assets/img/bg-index-point_mod.png);
  background-repeat: no-repeat;
  background-position: top left, top right, bottom right, bottom left, center right;
}
.pointOuter .topPointBlock {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 3px #d1c0a5;
  padding: 5px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 980px) {
  .pointOuter .topPointBlock {
    width: 950px;
  }
}
.pointOuter .topPointBlock .inner {
  border: solid 2px #d1c0a5;
}
.pointOuter .topPointBlock .inner .contents {
  width: 900px;
  margin: 0 auto;
  overflow: hidden;
  padding: 30px 0;
}
@media screen and (max-width: 980px) {
  .pointOuter .topPointBlock .inner .contents {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.pointOuter .topPointBlock .inner .contents .main {
  width: 302px;
  float: left;
}
.pointOuter .topPointBlock .inner .contents .main .btnPoint {
  width: 302px;
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.pointOuter .topPointBlock .inner .contents .main .btnPoint a {
  display: block;
  width: 300px;
  height: 47px;
  line-height: 45px;
  background: -moz-linear-gradient(top, #ffffff 27%, #cfcfcf 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #ffffff 27%, #cfcfcf 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #ffffff 27%, #cfcfcf 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 27%, #cfcfcf 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#cfcfcf",GradientType=0 );
  /* IE6-9 */
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  text-align: center;
  border: solid 1px #706961;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.pointOuter .topPointBlock .inner .contents .main .btnPoint a strong, .pointOuter .topPointBlock .inner .contents .main .btnPoint a span {
  display: inline-block;
  vertical-align: middle;
}
.pointOuter .topPointBlock .inner .contents .main .btnPoint a strong {
  padding-right: 2px;
  font-size: 23px;
  font-size: 2.3rem;
  background: url(/assets/img/icon-common-arrow-next.png) no-repeat left center;
  margin-left: -10px;
  padding-left: 25px;
}
.pointOuter .topPointBlock .inner .contents .main .btnHurry {
  width: 302px;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.pointOuter .topPointBlock .inner .contents .main .btnHurry a {
  display: block;
  border: solid 1px #b2a38c;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  background-color: #d0c17c;
  background: -moz-linear-gradient(top, #d0c17c 0%, #bda848 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #d0c17c 0%, #bda848 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #d0c17c 0%, #bda848 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d0c17c 0%, #bda848 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d0c17c", endColorstr="#bda848",GradientType=0 );
  /* IE6-9 */
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.pointOuter .topPointBlock .inner .contents .main .btnHurry a:hover {
  text-decoration: none;
}
.pointOuter .topPointBlock .inner .contents .main .btnHurry a span {
  background: url(/assets/img/icon-common-arrow-next-white.png) no-repeat left center;
  padding-left: 15px;
}
.pointOuter .topPointBlock .inner .contents .detail {
  width: 567px;
  float: right;
}
.pointOuter .topPointBlock .inner .contents .detail ol {
  margin-top: 5px;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-size: 1.4rem;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.pointOuter .topPointBlock .inner .contents .detail ol li {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #bfbfbf;
}
.pointOuter .topPointBlock .inner .contents .detail ol li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.pointOuter .topPointBlock .inner .contents .detail ol li img, .pointOuter .topPointBlock .inner .contents .detail ol li p {
  display: inline-block;
  vertical-align: bottom;
}
.pointOuter .topPointBlock .inner .contents .detail ol li p {
  margin-left: 17px;
  padding-bottom: 4px;
}
.pointOuter .topPointBlock .inner .contents .detail > p {
  padding: 0 12px;
  letter-spacing: -0.05em;
}

.topContent {
  margin: 0 auto;
}
@media screen and (min-width: 737px) {
  .topContent {
    width: 950px;
  }
}
@media screen and (max-width: 736px) {
  .topContent {
    margin-bottom: 25px;
  }
  .topContent .btnCommon a {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
    font-weight: bold;
    height: 50px;
    line-height: 50px;
  }
}
.topContent.dataListBlock .dataList li span {
  vertical-align: top;
}
.topContent.dataListBlock .dataList li p {
  vertical-align: top;
}
@media screen and (min-width: 737px) {
  .topContent.dataListBlock .dataList li p {
    width: 660px;
  }
}
.topContent .typeList li {
  float: left;
  vertical-align: top;
  margin-right: 19px;
  padding-right: 34px;
  background: url(/assets/img/img-top-border-point.png) repeat-y right top;
}
.topContent .typeList li:last-child {
  margin-right: 0;
  padding-right: 0;
  background: none;
}
.topContent .typeList li a {
  padding: 10px 0;
  display: block;
}
.topContent .typeList li a:hover {
  text-decoration: none;
}
.topContent .typeList li a .title {
  font-size: 29px;
  font-size: 2.9rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  letter-spacing: -0.05em;
  padding-left: 32px;
}
.topContent .typeList li a .text {
  color: #040d18;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: -0.05em;
}
.topContent .typeList li.shaso a .title {
  background: url(/assets/img/icon-common-shaso.png) no-repeat left center;
  color: #274c80;
}
.topContent .typeList li.owakare a .title {
  background: url(/assets/img/icon-common-owakare.png) no-repeat left center;
  color: #df898c;
}
.topContent .typeList li.goudou a .title {
  background: url(/assets/img/icon-common-goudou.png) no-repeat left center;
  color: #529052;
}
@media screen and (min-width: 737px) {
  .topContent .caseList li {
    width: 310px;
  }
  .topContent .caseList li img {
    width: 288px;
    height: auto;
  }
}
.topContent .readMore {
  overflow: hidden;
}
.topContent .readMore a {
  background: url(/assets/img/icon-common-arrow-next.png) no-repeat left center;
  text-decoration: underline;
  display: inline-block;
  margin-right: 15px;
  padding-left: 15px;
  float: right;
}
@media screen and (min-width: 737px) {
  .topContent .hallForeword {
    background: url(/assets/img/img-index-hall-bg.png) no-repeat left center;
    background-size: cover;
    overflow: visible;
    background-color: #fff;
    border: solid 5px #d1c0a5;
    position: relative;
    z-index: 1;
    height: 150px;
  }
  .topContent .hallForeword .title {
    font-weight: bold;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.36;
    padding: 40px 20px 10px;
  }
  .topContent .hallForeword .title span {
    color: #c01046;
  }
  .topContent .hallForeword p {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 0 0 20px;
    letter-spacing: -0.06em;
  }
  .topContent .hallForeword:before {
    content: "";
    display: block;
    background: url(/assets/img/img-index-hall_mod.png) no-repeat bottom;
    width: 140px;
    height: 150px;
    position: absolute;
    right: 13px;
    bottom: 0;
    z-index: 2;
  }
}
.topContent .hallList {
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .topContent .hallList {
    margin-top: 20px;
  }
}
.topContent .hallList > li {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 466px;
  padding: 0 18px;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .topContent .hallList > li {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    float: none;
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 736px) {
  .topContent .hallList > li + li {
    margin-top: 20px;
  }
}
.topContent .hallList > li:before {
  content: "";
  display: block;
  width: 428px;
  height: 4px;
  background-color: #274c80;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -214px;
}
@media screen and (max-width: 736px) {
  .topContent .hallList > li:before {
    width: 94%;
    height: 3px;
    left: 0;
    right: 0;
    margin: auto;
  }
}
.topContent .hallList > li:last-child {
  float: right;
}
.topContent .hallList > li > h3 a {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  padding: 23px 0 20px 15px;
}
@media screen and (min-width: 737px) {
  .topContent .hallList > li > h3 a {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
    font-weight: bold;
    background: url(/assets/img/icon-common-arrow-next.png) no-repeat left center;
  }
}
@media screen and (max-width: 736px) {
  .topContent .hallList > li > h3 a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 15px 3% 0;
  }
}
.topContent .hallList > li > h3 a span, .topContent .hallList > li > h3 a strong {
  display: inline-block;
  vertical-align: middle;
}
.topContent .hallList > li > h3 a span {
  color: #0e1d24;
}
.topContent .hallList > li > h3 a strong {
  font-size: 36px;
  font-size: 3.6rem;
  padding-right: 8px;
}
@media screen and (max-width: 736px) {
  .topContent .hallList > li > h3 a strong {
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    padding-right: 5px;
    vertical-align: 0;
  }
}
.topContent .hallList > li .hallDetail > li:not(.sp) {
  border-top: dotted 1px #b5aea9;
  min-height: 118px;
}
@media screen and (max-width: 736px) {
  .topContent .hallList > li .hallDetail > li:not(.sp) {
    padding: 0 3%;
    min-height: auto;
  }
  .topContent .hallList > li .hallDetail > li:not(.sp):first-child {
    border-top: none;
  }
}
.topContent .hallList > li .hallDetail > li:not(.sp) a {
  display: block;
  padding: 10px 0 0 20px;
  text-decoration: none;
}
@media screen and (max-width: 736px) {
  .topContent .hallList > li .hallDetail > li:not(.sp) a {
    overflow: hidden;
    padding: 15px 20px 10px 0;
    position: relative;
  }
  .topContent .hallList > li .hallDetail > li:not(.sp) a:after {
    background-image: url(/assets/img/sp/icon-common-blue.png);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }
}
.topContent .hallList > li .hallDetail > li:not(.sp) a img {
  width: 120px;
  height: auto;
  float: left;
}
@media screen and (max-width: 736px) {
  .topContent .hallList > li .hallDetail > li:not(.sp) a img {
    width: 98px;
  }
}
.topContent .hallList > li .hallDetail > li:not(.sp) a .placeTagList {
  margin-left: 137px;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .topContent .hallList > li .hallDetail > li:not(.sp) a .placeTagList {
    margin-left: 108px;
  }
}
.topContent .hallList > li .hallDetail > li:not(.sp) a .placeTagList li {
  float: left;
  border-top: none;
}
.topContent .hallList > li .hallDetail > li:not(.sp) a .hall {
  margin-left: 137px;
  margin-top: 5px;
  line-height: 1.3;
  text-decoration: underline;
}
@media screen and (max-width: 736px) {
  .topContent .hallList > li .hallDetail > li:not(.sp) a .hall {
    margin-left: 108px;
  }
}
.topContent .hallList > li .hallDetail > li:not(.sp) a .hall span {
  display: block;
}
.topContent .hallList > li .hallDetail > li:not(.sp) a .hall .infoIcon {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2px;
  background-color: #fcf4ce;
  margin-left: 5px;
  color: #000;
  float: left;
}
.topContent .hallList > li .hallDetail > li:not(.sp) a .hall02 {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
@media screen and (max-width: 736px) {
  .topContent .hallList > li .hallDetail > li:not(.sp) a .hall02 .name {
    margin-bottom: 3px;
  }
}
.topContent .hallList > li .hallDetail > li:not(.sp) .owakareLink {
  font-size: 14px;
  margin-left: 157px;
  padding: 3px 0 10px;
}
@media screen and (max-width: 736px) {
  .topContent .hallList > li .hallDetail > li:not(.sp) .owakareLink {
    padding: 0 0 10px;
    margin-left: 0;
  }
}
.topContent .hallList > li .hallDetail > li:not(.sp) .owakareLink a {
  display: inline;
  padding: 0;
}
.topContent .hallList > li .hallDetail > li:not(.sp) .owakareLink a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 736px) {
  .topContent .hallList > li .hallDetail > li:not(.sp) .owakareLink a:after {
    content: none;
  }
}
.topContent .hallList > li .hallDetail li.sp {
  padding-bottom: 30px;
}

@media screen and (max-width: 736px) {
  .meaningBlock {
    margin: 25px 3%;
  }
  .meaningBlock h2 {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
  }
  .meaningBlock .text {
    position: relative;
    padding: 20px 0 20px 120px;
    z-index: 5;
    min-height: 65px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .meaningBlock .text:after {
    position: absolute;
    content: "";
    background: url(/assets/img/sp/img-side-meaning_mod.png) no-repeat;
    background-size: 100%;
    width: 110px;
    height: 117px;
    left: 0;
    top: 0;
  }
  .meaningBlock .btnCommon {
    padding: 0;
    position: relative;
    z-index: 6;
  }

  .selectBlock {
    background: #fff;
  }
  .selectBlock h2 {
    background: #cfd6e1;
    color: #2d4670;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 22px;
    padding-top: 12px;
    position: relative;
    text-align: center;
  }
  .selectBlock h2:after {
    background: url(/assets/img/sp/img-top-select-bg.png) no-repeat center center;
    background-size: 100% 100%;
    content: "";
    display: block;
    position: absolute;
    bottom: -22px;
    left: 0;
    width: 100%;
    height: 22px;
  }
  .selectBlock .table {
    padding: 15px 3% 25px;
  }
  .selectBlock .table table {
    text-align: center;
    width: 100%;
  }
  .selectBlock .table table th {
    width: 33.3333%;
  }
  .selectBlock .table table th:nth-child(1) {
    background: #476fa0;
  }
  .selectBlock .table table th:nth-child(2) {
    background: #df898c;
  }
  .selectBlock .table table th:nth-child(3) {
    background: #529052;
  }
  .selectBlock .table table th img {
    height: 38px;
  }
  .selectBlock .table table td {
    padding: 2px 4px;
  }
  .selectBlock .table table td:nth-child(1) {
    background: #cfd6e1;
  }
  .selectBlock .table table td:nth-child(2) {
    background: #f5e3df;
  }
  .selectBlock .table table td:nth-child(3) {
    background: #e3edd9;
  }
  .selectBlock .table table tr:nth-child(2) td {
    padding-top: 10px;
  }
  .selectBlock .table table tr:nth-child(3) td {
    padding-bottom: 10px;
  }
  .selectBlock .table table .btnCommon a {
    box-shadow: none;
    font-size: 15px;
    font-size: 1.5rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
    font-weight: bold;
    height: 50px;
    line-height: 50px;
  }
  .selectBlock .table table .btnCommon a:before {
    left: 3px;
  }
  .selectBlock .table table .btnCommon.shaso a {
    color: #476fa0;
  }
  .selectBlock .table table .btnCommon.owakare a {
    color: #df898c;
  }
  .selectBlock .table table .btnCommon.goudou a {
    color: #529052;
  }

  .eventBlock h2 {
    background: url(/assets/img/sp/top-event-bg.png) no-repeat center right;
    background-size: auto 100%;
  }
  .eventBlock h2 img {
    width: 320px;
  }
  .eventBlock .text {
    padding: 20px 3%;
  }
  .eventBlock .btnCommon a {
    padding: 15px;
    background: #fff url(/assets/img/sp/img-seminar-main-sp.png) no-repeat center right;
    background-size: contain;
    text-align: left;
  }
  .eventBlock .btnCommon a:before {
    top: 20px;
    bottom: auto;
  }
}
@media screen and (max-width: 736px) and (max-width: 736px) {
  .eventBlock .btnCommon a:before {
    left: initial;
  }
}
@media screen and (max-width: 736px) {
  .eventBlock .btnCommon a img {
    height: 25px;
    margin-left: 25px;
  }
}
@media screen and (max-width: 736px) {
  .eventBlock .btnCommon a .ex {
    color: #0e1305;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 10px;
  }
}
@media screen and (max-width: 736px) {
  .telLinkBlock {
    background: rgba(45, 70, 112, 0.7);
    margin: 30px 0;
    padding: 12px 3%;
  }
}
@media screen and (max-width: 736px) and (max-width: 736px) {
  .telLinkBlock {
    margin: 30px 0 0;
  }
  .telLinkBlock img {
    width: 100%;
  }
}
@media screen and (max-width: 736px) {
  .onlineLinkBlock.btnArea {
    background: rgba(45, 70, 112, 0.7);
    padding: 0 20px 20px;
    text-align: center;
    margin-bottom: 30px;
  }
  .onlineLinkBlock.btnArea a {
    border: solid 1px #b5b5b5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: #e8e9ed;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #ebebeb 100%);
    background: -webkit-linear-gradient(top, #fcfcfc 0%, #ebebeb 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%, #ebebeb 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%, #ebebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fcfcfc", endColorstr="#ebebeb",GradientType=0 );
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px;
    color: #2d4670;
    display: inline-block;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
    font-weight: bold;
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
    height: 50px;
    line-height: 50px;
    width: 100%;
  }
  .onlineLinkBlock.btnArea a:hover {
    text-decoration: none;
  }
  .onlineLinkBlock.btnArea a:before {
    content: "";
    background: url(/assets/img/icon-common-circle_off.png) no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    left: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
}
@media screen and (max-width: 736px) {
  .telLinkArea {
    margin: 20px 0 20px;
  }
  .telLinkArea .telLinkTitle {
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
  }
  .telLinkArea .telLinkBlock {
    margin: 10px 0 0;
  }
}
@media screen and (max-width: 736px) {
  .infoBlock {
    background: url(/assets/img/bg-side-info.gif) repeat 0 0;
    border: solid 1px #e5e1dc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 10px 3% 15px;
  }
  .infoBlock .title {
    margin: 5px 0 10px 10px;
  }
  .infoBlock .title img {
    width: 193px;
  }
  .infoBlock .comment {
    padding: 15px 3%;
    background: #fff;
    border: 1px solid #c89f5f;
    font-size: 16px;
    font-size: 1.6rem;
    position: relative;
    color: #0e1305;
  }
  .infoBlock .comment:after {
    position: absolute;
    content: "";
    background: url(/assets/img/sp/icon-side-info-01.png) no-repeat;
    background-size: 100%;
    width: 82px;
    height: 79px;
    top: -79px;
    right: -7px;
    z-index: 5;
  }
  .infoBlock .btn {
    display: block;
    text-align: center;
    position: relative;
    padding: 15px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background: #2d4670;
    background: -moz-linear-gradient(top, #2d4670 0%, #2b4269 100%);
    background: -webkit-linear-gradient(top, #2d4670 0%, #2b4269 100%);
    background: linear-gradient(to bottom, #2d4670 0%, #2b4269 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#2d4670", endColorstr="#2b4269",GradientType=0 );
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 2px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
    margin-top: 10px;
  }
  .infoBlock .btn:before {
    position: absolute;
    content: "";
    background: url(/assets/img/headerfooter/sp/icon-arrow-03.png) no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    left: 10px;
    top: 50%;
    margin: -8px 0 0;
  }
}
.bannerCovid.top {
  background-color: #274c80;
  color: #fff;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 3.5rem;
  text-align: center;
  padding: 40px 0;
}
@media screen and (max-width: 736px) {
  .bannerCovid.top {
    font-size: 2.4rem;
    padding: 20px 0;
  }
}
.bannerCovid.top .subTxtArea {
  max-width: 1200px;
  margin: 0 auto;
}
.bannerCovid.top .subTxtArea .subTxt {
  background-color: #fff;
  color: #274c80;
  border-radius: 1px;
  font-size: 2.1rem;
  padding: 10px 0;
  margin: 20px 20px 30px;
  box-sizing: border-box;
}
@media all and (-ms-high-contrast: none) {
  .bannerCovid.top .subTxtArea .subTxt {
    padding: 15px 0 8px;
  }
}
@media screen and (max-width: 736px) {
  .bannerCovid.top .subTxtArea .subTxt {
    font-size: 1.5rem;
    padding: 10px;
    margin: 10px auto 20px;
    width: 90%;
  }
}
.bannerCovid.top a {
  color: #fff;
  width: 450px;
  text-decoration: none;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .bannerCovid.top a {
    width: 90%;
  }
}
.bannerCovid.top a p {
  border-radius: 6px;
  font-size: 2.5rem;
  padding: 20px 0 20px 15px;
  background: url(/assets/img/icon-common-arrow-next-white.png) no-repeat 95px center #aaa;
}
@media all and (-ms-high-contrast: none) {
  .bannerCovid.top a p {
    padding: 23px 0 13px 15px;
  }
}
@media screen and (max-width: 736px) {
  .bannerCovid.top a p {
    font-size: 1.8rem;
    background: url(/assets/img/icon-common-arrow-next-white.png) no-repeat 80px center #aaa;
    padding: 13px 0 12px 10px;
  }
}

/* ========================================================================== */
/* shaso type */
/* ========================================================================== */
.mainWrapper.shasoType .titleBlock {
  padding: 25px 0;
  background-repeat: no-repeat;
  background-position: right 10%;
  -webkit-background-size: 75%;
  background-size: 75%;
}
@media screen and (max-width: 1150px) {
  .mainWrapper.shasoType .titleBlock {
    background-position: right center;
    -webkit-background-size: contain;
    background-size: contain;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .titleBlock {
    background-position: right center;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    padding: 35px 3%;
  }
}
.mainWrapper.shasoType .titleBlock .breadcrumb {
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .titleBlock .breadcrumb {
    display: none;
  }
}
.mainWrapper.shasoType .titleBlock h1 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 48px;
  font-size: 4.8rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 20px 15px 10px;
  width: 950px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .titleBlock h1 {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 0;
    width: auto;
  }
}
.mainWrapper.shasoType .mainContents {
  padding-bottom: 0;
}
@media screen and (min-width: 737px) {
  .mainWrapper.shasoType .mainContents .typeWrapper {
    background-color: #f5f5f5;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper.white {
    background-color: #fff;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper.shaso {
    background-color: #e7edf7;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper.owakare {
    background-color: #f5ecec;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper.goudousou {
    background-color: #dfe8df;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner {
  margin-right: auto;
  margin-left: auto;
  /* foreword */
  /* detail */
  /* reccomend */
  /* partner */
  /* banner */
}
@media screen and (min-width: 737px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner {
    width: 950px;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword {
  color: #282828;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword {
    background: url(/assets/img/owakare/sp/bg-owakare-large.png) no-repeat top center;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword.shaso {
    background: url(/assets/img/shaso/bg-shaso-large.png) no-repeat top center;
    background-size: 100% auto;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword > h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 30px;
  font-size: 3rem;
  padding: 45px 12px 25px;
  line-height: 1.5;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword > h2 {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 20px 3% 15px;
    text-align: center;
    line-height: 1.4;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword p {
  padding: 0 12px 45px;
  line-height: 1.8;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword p {
    padding: 0 3% 15px;
    text-align: right;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword ul {
  width: 100%;
  display: table;
  padding-bottom: 50px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword ul {
    padding: 0;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword ul.noSpArea {
    display: none;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword ul.imgList li {
    width: 33.33% !important;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword ul li {
  display: table-cell;
  text-align: center;
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword ul li:first-of-type {
  text-align: left;
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword ul li:last-child {
  text-align: right;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword ul li:first-of-type, .mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword ul li:last-child {
    width: 28.125%;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword ul li:nth-child(2) {
    width: 43.75%;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword ul li img {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.foreword .imgArea img {
    width: 100%;
  }
}
@media screen and (min-width: 737px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail {
    padding-bottom: 60px;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.detail .bannerArea {
  padding-top: 70px !important;
  margin-top: 0 !important;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail .bannerArea {
    padding: 35px 3% 0;
    background-color: #f5ecec;
    padding-top: 30px !important;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.detail .bannerArea a {
  text-align: center;
  display: block;
  width: 610px;
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail .bannerArea a {
    width: 100%;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail .bannerArea a img {
    width: 100%;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.detail .bannerArea a:hover img {
  opacity: 0.8;
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.detail .caption {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8;
  padding: 40px 0 30px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail .caption {
    background-color: #f5ecec;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    padding: 25px 3% 100px;
    text-align: left;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail .caption .small {
    color: #5f5f5f;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail .tabSection {
    margin-top: -75px;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul {
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul {
    background: #fff;
    overflow: visible;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul.tab-head {
    background: none;
    padding: 0 3%;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul.tab-head:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul.tab-head li {
    background-image: -webkit-linear-gradient(top, rgba(244, 244, 244, 0.2), rgba(197, 197, 197, 0.2)) !important;
    background-image: -moz-linear-gradient(top, rgba(244, 244, 244, 0.2), rgba(197, 197, 197, 0.2)) !important;
    background-image: -o-linear-gradient(top, rgba(244, 244, 244, 0.2), rgba(197, 197, 197, 0.2)) !important;
    background-image: -ms-linear-gradient(top, rgba(244, 244, 244, 0.2), rgba(197, 197, 197, 0.2)) !important;
    background-image: linear-gradient(to bottom, rgba(244, 244, 244, 0.2), rgba(197, 197, 197, 0.2)) !important;
    border-radius: 6px 6px 0 0;
    -webkit-box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    -moz-box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    float: left;
    padding: 15px 3% 10px;
    text-align: center;
    width: 49.7%;
    min-height: 1px;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul.tab-head li:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    content: "";
    display: block;
    width: 90%;
    height: 4px;
    background-color: #df898c;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul.tab-head li.current {
    background: #fff !important;
    z-index: 3;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul.tab-head li.current:before {
    background: #fff;
    content: "";
    display: block;
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 8px;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul.tab-head li + li {
    margin-left: 0;
    float: right;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul.tab-head li h3 {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    margin: 0;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul.tab-head li h3 strong {
    color: #2d4670;
    display: inline-block;
    font-size: 22px;
    font-size: 2.2rem;
    font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
    font-weight: normal;
    margin-top: 5px;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul.tab-head.bottom li {
    border-radius: 0 0 6px 6px;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul.tab-head.bottom li:after {
    top: auto;
    bottom: 0;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul.tab-head.bottom li.current:before {
    top: -8px;
    bottom: auto;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul.tab-body {
    -webkit-box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    -moz-box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    position: relative;
    z-index: 2;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul.tab-body:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul.tab-body li {
    margin: 0 !important;
    padding: 25px 3%;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li {
  min-height: 200px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: top center;
  width: 460px;
  padding: 20px 20px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  position: relative;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li {
    float: none;
    width: auto;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li:last-child {
  margin-left: 30px;
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li:after {
  content: "";
  display: block;
  width: 422px;
  height: 4px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -211px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li:after {
    width: auto;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li h3 {
  line-height: 1.3;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 25px;
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li h3 .count {
  font-style: oblique;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-size: 36px;
  font-size: 3.6rem;
  padding-right: 2px;
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li h3 strong {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-size: 36px;
  font-size: 3.6rem;
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li h3 strong em {
  font-size: 50px;
  font-size: 5rem;
  font-style: normal;
  margin-right: 10px;
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li .detailBtn {
  clear: both;
  display: block;
  background: -moz-linear-gradient(top, #fcfcfc 27%, #f2f2f2 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #fcfcfc 27%, #f2f2f2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #fcfcfc 27%, #f2f2f2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fcfcfc 27%, #f2f2f2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fcfcfc", endColorstr="#f2f2f2",GradientType=0 );
  /* IE6-9 */
  height: 70px;
  margin-bottom: 15px;
  line-height: 70px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 2px;
  border: solid 1px #e5e5e5;
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li .detailBtn:hover {
  text-decoration: none;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li .detailBtn {
    border: solid 1px #244676;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, #fff 2%, #f3f0ee 71%);
    background-image: -moz-linear-gradient(top, #fff 2%, #f3f0ee 71%);
    background-image: -o-linear-gradient(top, #fff 2%, #f3f0ee 71%);
    background-image: -ms-linear-gradient(top, #fff 2%, #f3f0ee 71%);
    background-image: linear-gradient(to bottom, #fff 2%, #f3f0ee 71%);
    box-shadow: none;
    font-size: 16px;
    font-size: 1.6rem;
    height: 50px;
    line-height: 50px;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li .detailBtn span {
  display: block;
  background-repeat: no-repeat;
  background-position: left center;
  margin-left: 15px;
  padding-left: 38px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li .detailBtn span {
    background: url(/assets/img/headerfooter/sp/icon-arrow-01.png) no-repeat 10px center !important;
    background-size: 16px 16px !important;
    margin: 0;
    padding-left: 35px;
  }
}
@media screen and (min-width: 737px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li .detailText + [data-readmore-toggle] {
    display: none;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li .detailText {
    margin: 0 !important;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li .detailText span {
    color: #c05159;
    font-weight: bold;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li .detailText + [data-readmore-toggle] {
    text-align: right;
    margin: 0 0 30px;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li .detail {
  float: right;
  margin: 20px 0;
  background: url(/assets/img/icon-common-arrow-next.png) no-repeat left center;
  padding-left: 17px;
  text-decoration: underline;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.detail ul li .detail + .detailBtn {
    margin-top: 25px;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.reccomend {
  padding: 60px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.reccomend {
    padding: 0;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.reccomend h2 {
  font-weight: bold;
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 40px;
}
@media screen and (min-width: 737px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.reccomend h2 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.reccomend h2 {
    background: #df898c;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.375;
    margin: 0 0 25px;
    padding: 10px 3%;
    position: relative;
    text-align: center;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.reccomend h2:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 11px 0 11px;
    border-color: #df898c transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.reccomend ul {
  margin-left: 5px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.reccomend ul {
    margin: 0 3%;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.reccomend ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.reccomend ul li {
    padding-left: 25px;
  }
}
@media screen and (min-width: 737px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.reccomend ul li:last-child {
    margin-bottom: 0;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.reccomend ul li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.reccomend ul li:before {
    width: 16px;
    height: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    top: 3px;
    margin-top: 0;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.reccomend ul li .strong {
  color: #df898c;
  font-weight: bold;
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.partner {
  padding: 35px 0 0;
  background: url(/assets/img/bg-common-type_mod.png) no-repeat left 0px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.partner {
    background: none;
    padding: 15px 0 0;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.partner h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 35px;
  margin-left: 450px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.partner h2 {
    margin-bottom: 0;
    margin-left: 0;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.partner h2 .image {
    width: 31%;
    vertical-align: middle;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.partner h2 .text {
    color: #2d4670;
    display: inline-block;
    font-size: 20px;
    font-size: 2rem;
    margin-left: -13px;
    width: 69%;
    vertical-align: middle;
    text-shadow: rgb(255, 255, 255) 2px 2px 1px, rgb(255, 255, 255) -2px 2px 1px, rgb(255, 255, 255) 2px -2px 1px, rgb(255, 255, 255) -2px -2px 1px;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.partner dl {
  margin-left: 450px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.partner dl {
    background: #fff;
    margin: 0 !important;
    padding: 20px 3%;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.partner dl:first-of-type {
  margin-bottom: 35px;
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.partner dl dt {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 5px;
}
@media screen and (min-width: 737px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.partner dl dt {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.partner dl dt {
    color: #2d4670;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.partner dl + dl {
  padding-top: 0;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.partner .telLink {
    background: #fff;
    padding: 0 3% 20px;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.partner ul {
  padding: 70px 0 45px;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.partner ul {
    background: #fff;
    padding: 0 3% 35px;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.partner ul li {
  float: left;
  width: 300px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.partner ul li {
    float: none;
    width: auto;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.partner ul li img {
  margin-bottom: 10px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.partner ul li img {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 737px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.partner ul li:nth-of-type(2) {
    margin: 0 25px;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.partner ul li + li {
    margin-top: 25px;
  }
}
.mainWrapper.shasoType .mainContents .typeWrapper .inner.banner {
  padding: 70px 0;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.banner {
    padding: 25px 0;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.banner .contents.seminar {
    margin-top: 25px;
    background: #dfe5f6;
    padding: 10px 3%;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.banner .contents.seminar > .inner {
    background: #FFF;
    background-size: 30%;
    padding: 35px 3% 20px;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.banner .contents.seminar > .inner p {
    margin: 15px 0;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.banner .contents.seminar .title img {
    width: 166px;
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.banner .contents.seminar .btn {
    display: block;
    text-align: center;
    position: relative;
    padding: 15px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background: #615396;
    /* Old browsers */
    background: -moz-linear-gradient(top, #615396 0%, #574a87 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #615396 0%, #574a87 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #615396 0%, #574a87 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#615396", endColorstr="#574a87",GradientType=0 );
    /* IE6-9 */
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 2px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  }
  .mainWrapper.shasoType .mainContents .typeWrapper .inner.banner .contents.seminar .btn:before {
    position: absolute;
    content: "";
    background: url(/assets/img/headerfooter/sp/icon-arrow-03.png) no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    left: 10px;
    top: 50%;
    margin: -8px 0 0;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .titleBlock {
    padding: 0;
  }
}
.mainWrapper.shasoType.seminar .mainContents {
  background: #fff;
}
.mainWrapper.shasoType.seminar .seminarTypeTitle {
  padding: 65px 0 60px;
  font-weight: bold;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  line-height: 1;
  font-size: 44px;
  font-size: 4.4rem;
}
.mainWrapper.shasoType.seminar .seminarTypeTitle small {
  font-size: 24px;
  font-size: 2.4rem;
  color: #34507e;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarTypeTitle {
    padding: 30px 0 20px;
    font-size: 26px;
    font-size: 2.6rem;
  }
  .mainWrapper.shasoType.seminar .seminarTypeTitle small {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    text-align: center;
    margin-bottom: 20px;
  }
}
.mainWrapper.shasoType.seminar .seminarTypeTitle p {
  background: linear-gradient(transparent 75%, #efebd3 0%);
  line-height: 0.8;
  display: inline-block;
  margin-top: 5px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarTypeTitle p {
    display: inline;
    line-height: 1.2;
  }
}
.mainWrapper.shasoType.seminar .seminarTypeTitle p br {
  display: none;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarTypeTitle p br {
    display: block;
  }
}
.mainWrapper.shasoType.seminar .seminarTypeTitle p span {
  display: inline-block;
  margin-left: 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarTypeTitle p span {
    margin-left: 0;
  }
}
.mainWrapper.shasoType.seminar .seminarTypeTitle p span b {
  display: inline-block;
  color: #34507e;
}
.mainWrapper.shasoType.seminar .seminarTypeTitle p span b em {
  font-style: normal;
  color: #ba7c1a;
}
.mainWrapper.shasoType.seminar .seminarTypeTitle p span b em span {
  font-size: 76px;
  font-size: 7.6rem;
  vertical-align: -5px;
  margin: 0 5px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarTypeTitle p span b em span {
    font-size: 40px;
    font-size: 4rem;
  }
}
.mainWrapper.shasoType.seminar .seminarTypeTitle.bottomHeading01 {
  font-size: 30px;
  font-size: 3rem;
  color: #34507e;
}
.mainWrapper.shasoType.seminar .seminarTypeTitle.bottomHeading01 br {
  display: none;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarTypeTitle.bottomHeading01 {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 10px;
    line-height: 1.4;
  }
  .mainWrapper.shasoType.seminar .seminarTypeTitle.bottomHeading01 br {
    display: block;
  }
}
.mainWrapper.shasoType.seminar .seminarTypeTitle.bottomHeading02 {
  font-size: 40px;
  font-size: 4rem;
  color: #34507e;
  text-shadow: 0 0 1px #fff, 0 0 1px #fff;
  padding-bottom: 35px;
}
.mainWrapper.shasoType.seminar .seminarTypeTitle.bottomHeading02 br {
  display: none;
}
.mainWrapper.shasoType.seminar .seminarTypeTitle.bottomHeading02 span {
  font-size: 36px;
  font-size: 3.6rem;
}
.mainWrapper.shasoType.seminar .seminarTypeTitle.bottomHeading02 b {
  color: #ba7c1a;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarTypeTitle.bottomHeading02 {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.4;
  }
  .mainWrapper.shasoType.seminar .seminarTypeTitle.bottomHeading02 br {
    display: block;
  }
  .mainWrapper.shasoType.seminar .seminarTypeTitle.bottomHeading02 span {
    font-size: 23px;
    font-size: 2.3rem;
  }
}
.mainWrapper.shasoType.seminar .seminarTop {
  position: relative;
  background: #fff;
  padding: 0 30px 30px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarTop {
    padding: 0 20px 20px;
  }
}
.mainWrapper.shasoType.seminar .seminarTop h3 {
  padding: 40px 0 20px;
  font-weight: bold;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  color: #34507e;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarTop h3 {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 25px 0 15px;
  }
}
.mainWrapper.shasoType.seminar .seminarTop::before {
  content: "";
  width: 800px;
  position: absolute;
  background: #34507e;
  height: 4px;
  display: block;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarTop::before {
    width: 80%;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarTop p {
    text-align: justify;
    text-justify: inter-ideograph;
  }
}
.mainWrapper.shasoType.seminar .seminarTop .participant {
  display: flex;
  justify-content: space-between;
  margin: 25px 0;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarTop .participant {
    margin: 0 0 10px;
    flex-wrap: wrap;
  }
  .mainWrapper.shasoType.seminar .seminarTop .participant li {
    margin: 0 5px;
  }
}
@media screen and (max-width: 736px) and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarTop .participant li {
    width: calc(50% - 10px);
    margin: 20px 0 0;
    text-align: center;
  }
}
.mainWrapper.shasoType.seminar .typeWrapper.seminar {
  background: url(/assets/img/seminar/seminar_bottom_bg.jpg) #f5f5f5 center 103% no-repeat;
  background-size: contain;
  padding-bottom: 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .typeWrapper.seminar {
    background: url(/assets/img/seminar/seminar_bottom_bg.jpg) #f5f5f5 center bottom no-repeat;
    background-size: 1150px auto;
  }
}
.mainWrapper.shasoType.seminar .seminarType {
  width: 750px;
  margin: 40px auto 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarType {
    width: 100%;
    display: block;
    margin: 20px auto 0;
  }
}
.mainWrapper.shasoType.seminar .seminarType li {
  width: 360px;
  margin-bottom: 55px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarType li {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  .mainWrapper.shasoType.seminar .seminarType li img {
    width: 80%;
  }
}
.mainWrapper.shasoType.seminar .seminarType li:last-child {
  margin-bottom: 0;
}
.mainWrapper.shasoType.seminar .seminarType li dl dt {
  color: #34507e;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  margin: 10px 0;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarType li dl dt {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 7px 0 2px;
  }
}
.mainWrapper.shasoType.seminar .seminarType li dl dd {
  text-align: left;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarType li dl dd {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}
.mainWrapper.shasoType.seminar .seminarType li.fullWidth {
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarType li.fullWidth {
    display: block;
  }
}
.mainWrapper.shasoType.seminar .seminarType li.fullWidth dl {
  margin-left: 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarType li.fullWidth dl {
    margin-left: 0;
  }
}
.mainWrapper.shasoType.seminar .seminarType li.fullWidth dl dt {
  text-align: left;
  margin-top: 0;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .seminarType li.fullWidth dl dt {
    margin: 7px 0 2px;
    text-align: center;
  }
}
.mainWrapper.shasoType.seminar .balloonSection {
  position: relative;
  height: 275px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .balloonSection {
    height: calc(270px + 30vw);
  }
}
.mainWrapper.shasoType.seminar .balloonSection img {
  position: absolute;
}
.mainWrapper.shasoType.seminar .balloonSection img.balloon01 {
  left: 30px;
  top: 10px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .balloonSection img.balloon01 {
    width: 49.5vw;
    max-width: 205px;
    left: 5vw;
    top: 70px;
    z-index: 2;
  }
}
.mainWrapper.shasoType.seminar .balloonSection img.balloon02 {
  bottom: 0;
  left: 225px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .balloonSection img.balloon02 {
    width: 49vw;
    max-width: 203px;
    left: 5vw;
    top: 190px;
    z-index: 2;
  }
}
.mainWrapper.shasoType.seminar .balloonSection img.balloon03 {
  top: 0px;
  left: 375px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .balloonSection img.balloon03 {
    width: 46.5vw;
    max-width: 193px;
    right: 15vw;
    left: auto;
    top: -15px;
    z-index: 1;
  }
}
.mainWrapper.shasoType.seminar .balloonSection img.balloon04 {
  bottom: 5px;
  right: 140px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .balloonSection img.balloon04 {
    width: 55vw;
    max-width: 228px;
    right: 4vw;
    top: 255px;
    z-index: 1;
  }
}
.mainWrapper.shasoType.seminar .balloonSection img.balloon05 {
  right: 30px;
  top: -10px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shasoType.seminar .balloonSection img.balloon05 {
    width: 47.5vw;
    max-width: 197px;
    right: 5vw;
    top: 108px;
    z-index: 1;
  }
}

/* partnerList */
@media screen and (max-width: 736px) {
  .partnerList li {
    text-align: center;
  }
  .partnerList li img {
    max-width: 400px;
    display: inline-block !important;
  }
}

/* owakare */
/* ========================================================================== */
.mainWrapper.owakare .mb1em {
  margin-bottom: 1em;
}
.mainWrapper.owakare .titleBlock {
  min-width: 950px;
  background-color: #f5ecec;
  background-image: url(/assets/img/owakare/bg-owakare.png);
}
@media screen and (max-width: 736px) {
  .mainWrapper.owakare .titleBlock {
    background-image: url(/assets/img/owakare/bg-owakare.png);
    min-width: 1px;
  }
}
.mainWrapper.owakare .titleBlock h1 {
  color: #c05159;
}
@media screen and (min-width: 737px) {
  .mainWrapper.owakare .mainContents .typeWrapper .inner.detail ul li:after {
    background-color: #df898c;
  }
  .mainWrapper.owakare .mainContents .typeWrapper .inner.detail ul li:first-of-type {
    background-image: url(/assets/img/owakare/bg-owakare-large.png);
  }
  .mainWrapper.owakare .mainContents .typeWrapper .inner.detail ul li:last-child {
    background-image: url(/assets/img/owakare/bg-owakare-medium.png);
  }
}
.mainWrapper.owakare .mainContents .typeWrapper .inner.detail ul li .detailBtn span {
  background-image: url(/assets/img/owakare/icon-owakare.png);
}
.mainWrapper.owakare .mainContents .typeWrapper .inner.detail ul li h3 .count {
  color: #c01046;
}
.mainWrapper.owakare .mainContents .typeWrapper .inner.detail ul li h3 strong {
  color: #c05159;
}
.mainWrapper.owakare .mainContents .typeWrapper .inner.reccomend ul li:before {
  background-color: #df898c;
}
.mainWrapper.goudousou .mb1em {
  margin-bottom: 1em;
}
.mainWrapper.goudousou .titleBlock {
  min-width: 950px;
  background-color: #dfe8df;
  background-image: url(/assets/img/goudousou/bg-goudousou.png);
  background-position: right 0%;
}
@media screen and (max-width: 736px) {
  .mainWrapper.goudousou .titleBlock {
    min-width: 1px;
  }
}
.mainWrapper.goudousou .titleBlock h1 {
  color: #3a723a;
  text-shadow: #fff 1px 1px 10px, #fff 1px 1px 10px, #fff 1px 1px 10px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.goudousou .mainContents .typeWrapper .inner.foreword {
    background: url(/assets/img/goudousou/bg-goudousou-large.png) no-repeat top center;
    background-size: 100% auto;
  }
}
.mainWrapper.goudousou .mainContents .typeWrapper .inner.detail ul li:after {
  background-color: #3a723a;
}
.mainWrapper.goudousou .mainContents .typeWrapper .inner.detail ul li:first-of-type {
  background-image: url(/assets/img/goudousou/bg-goudousou-large.png);
}
@media screen and (max-width: 736px) {
  .mainWrapper.goudousou .mainContents .typeWrapper .inner.detail ul li:first-of-type {
    background-image: none;
  }
}
.mainWrapper.goudousou .mainContents .typeWrapper .inner.detail ul li:last-child {
  background-image: url(/assets/img/goudousou/bg-goudousou-medium.png);
}
@media screen and (max-width: 736px) {
  .mainWrapper.goudousou .mainContents .typeWrapper .inner.detail ul li:last-child {
    background-image: none;
  }
}
.mainWrapper.goudousou .mainContents .typeWrapper .inner.detail ul li .detailBtn span {
  background-image: url(/assets/img/goudousou/icon-goudousou.png);
}
.mainWrapper.goudousou .mainContents .typeWrapper .inner.detail ul li h3 .count {
  color: #c01046;
}
.mainWrapper.goudousou .mainContents .typeWrapper .inner.detail ul li h3 strong {
  color: #3a723a;
}
@media screen and (max-width: 736px) {
  .mainWrapper.goudousou .mainContents .typeWrapper .inner.detail ul li .detailText span {
    color: #3a723a;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.goudousou .mainContents .typeWrapper .inner.detail ul.tab-head li:after {
    background-color: #529052;
  }
  .mainWrapper.goudousou .mainContents .typeWrapper .inner.detail .caption {
    background-color: #dfe8df;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.goudousou .mainContents .typeWrapper .inner.reccomend h2 {
    background: #529052;
  }
  .mainWrapper.goudousou .mainContents .typeWrapper .inner.reccomend h2:before {
    border-color: #529052 transparent transparent transparent;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.goudousou .mainContents .typeWrapper .inner.reccomend ul li .strong {
    color: #529052;
  }
}
.mainWrapper.goudousou .mainContents .typeWrapper .inner.reccomend ul li:before {
  background-color: #c05159;
}
@media screen and (max-width: 736px) {
  .mainWrapper.goudousou .mainContents .typeWrapper .inner.reccomend ul li:before {
    background-color: #3a723a;
  }
}
.mainWrapper.shaso .mb1em {
  margin-bottom: 1.6em;
}
.mainWrapper.shaso .titleBlock {
  min-width: 950px;
  background-color: #e7edf7;
  background-image: url(/assets/img/shaso/bg-shaso.png);
}
@media screen and (max-width: 736px) {
  .mainWrapper.shaso .titleBlock {
    min-width: 1px;
  }
}
.mainWrapper.shaso .titleBlock h1 {
  color: #304b78;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shaso .mainContents .typeWrapper .inner.foreword {
    background: url(/assets/img/shaso/bg-shaso-large.png) no-repeat top center;
    background-size: 100% auto;
  }
}
.mainWrapper.shaso .mainContents .typeWrapper .inner.detail ul li:after {
  background-color: #304b78;
}
.mainWrapper.shaso .mainContents .typeWrapper .inner.detail ul li:first-of-type {
  background-image: url(/assets/img/shaso/bg-shaso-large.png);
}
@media screen and (max-width: 736px) {
  .mainWrapper.shaso .mainContents .typeWrapper .inner.detail ul li:first-of-type {
    background-image: none;
  }
}
.mainWrapper.shaso .mainContents .typeWrapper .inner.detail ul li:last-child {
  background-image: url(/assets/img/shaso/bg-shaso-medium.png);
}
@media screen and (max-width: 736px) {
  .mainWrapper.shaso .mainContents .typeWrapper .inner.detail ul li:last-child {
    background-image: none;
  }
}
.mainWrapper.shaso .mainContents .typeWrapper .inner.detail ul li .detailBtn span {
  background-image: url(/assets/img/shaso/icon-shaso.png);
}
.mainWrapper.shaso .mainContents .typeWrapper .inner.detail ul li h3 .count {
  color: #c01046;
}
.mainWrapper.shaso .mainContents .typeWrapper .inner.detail ul li h3 strong {
  color: #304b78;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shaso .mainContents .typeWrapper .inner.detail ul li .detailText span {
    color: #304b78;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.shaso .mainContents .typeWrapper .inner.detail ul.tab-head li:after {
    background-color: #476fa0;
  }
  .mainWrapper.shaso .mainContents .typeWrapper .inner.detail .caption {
    background-color: #e7edf7;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.shaso .mainContents .typeWrapper .inner.reccomend h2 {
    background: #476fa0;
  }
  .mainWrapper.shaso .mainContents .typeWrapper .inner.reccomend h2:before {
    border-color: #476fa0 transparent transparent transparent;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.shaso .mainContents .typeWrapper .inner.reccomend ul li .strong {
    color: #476fa0;
  }
}
.mainWrapper.shaso .mainContents .typeWrapper .inner.reccomend ul li:before {
  background-color: #c05159;
}
@media screen and (max-width: 736px) {
  .mainWrapper.shaso .mainContents .typeWrapper .inner.reccomend ul li:before {
    background-color: #304b78;
  }
}

/* ========================================================================== */
/* newsTop */
/* ========================================================================== */
.mainWrapper.news .mainContents > .inner .dataListBlock .dataList {
  margin-top: 0;
}

.mainWrapper.news .mainContents > .inner .dataListBlock .dataList:after {
  display: none;
}

.mainWrapper.news .mainContents > .inner .dataListBlock .dataList li p {
  display: inline-block;
  letter-spacing: normal;
  color: #324e7c;
  text-decoration: underline;
  width: 400px;
  vertical-align: top;
}
@media screen and (max-width: 736px) {
  .mainWrapper.news .mainContents > .inner .dataListBlock .dataList li p {
    width: 100%;
  }
}

.dataListPager {
  width: 100%;
  overflow: hidden;
  margin-top: 30px;
}
@media screen and (max-width: 736px) {
  .dataListPager {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 15px;
    padding: 0 3%;
  }
}
.dataListPager .prev {
  padding-left: 20px;
  float: left;
  font-weight: bold;
  background: url(/assets/img/icon-common-arrow-prev.png) no-repeat left center;
}
.dataListPager .next {
  padding-right: 20px;
  float: right;
  font-weight: bold;
  background: url(/assets/img/icon-common-arrow-next.png) no-repeat right center;
}

.contentWrapper {
  background: #fff;
  padding: 25px;
  overflow: hidden;
}
.contentWrapper p {
  line-height: 1.75;
}
@media screen and (max-width: 736px) {
  .contentWrapper {
    padding: 20px 3%;
    margin-bottom: 15px !important;
  }
}

/* paddingType */
/* ========================================================================== */
@media screen and (max-width: 736px) {
  .contentWrapper.paddingType01 {
    padding: 20px 0;
  }
  .contentWrapper.paddingType01 p {
    padding-left: 3%;
    padding-right: 3%;
  }
}

@media screen and (max-width: 736px) {
  .contentWrapper.paddingType02 {
    padding: 0;
  }
  .contentWrapper.paddingType02 p {
    padding-left: 3%;
    padding-right: 3%;
  }
}

@media screen and (max-width: 736px) {
  .contentWrapper.paddingType03 {
    padding: 20px 0 0;
  }
}

/* bgType */
/* ========================================================================== */
@media screen and (max-width: 736px) {
  .contentWrapper.bgType01 {
    background: none;
  }
}

/* paddingType */
/* ========================================================================== */
@media screen and (max-width: 736px) {
  .contentWrapper.paddingType01 {
    padding: 20px 0;
  }
  .contentWrapper.paddingType01 p {
    padding-left: 3%;
    padding-right: 3%;
  }
}

@media screen and (max-width: 736px) {
  .contentWrapper.paddingType02 {
    padding: 0 0 20px;
  }
  .contentWrapper.paddingType02 p {
    padding-left: 3%;
    padding-right: 3%;
  }
}

@media screen and (max-width: 736px) {
  .contentWrapper.paddingType03 {
    padding: 20px 0 0;
  }
}

/* newsDetail */
/* ========================================================================== */
.newsDetailTitle span {
  display: inline-block;
  letter-spacing: normal;
}

.newsDetailTitle .date {
  color: #704500;
}

.newsDetailTitle .tag {
  font-size: 12px;
  font-size: 1.2rem;
  width: 100px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  margin: 0 25px;
  border: solid 2px #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.newsDetailTitle .tag.seminar {
  color: #32b159;
  border-color: #32b159;
}

.newsDetailTitle .tag.topics {
  color: #ea9e19;
  border-color: #ea9e19;
}

.newsDetailTitle .tag.media {
  color: #7a32b1;
  border-color: #7a32b1;
}

.newsDetailTitle h1,
.newsDetailTitle h2 {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.4;
  padding: 15px 0;
  border-bottom: 1px dotted #59493f;
}
@media screen and (max-width: 736px) {
  .newsDetailTitle h1,
.newsDetailTitle h2 {
    font-size: 20px;
    font-size: 2rem;
    padding: 10px 0;
  }
}

.newsDetailInner {
  overflow: hidden;
  display: block;
}

.newsDetailInner .newsDetailImage {
  width: 260px;
  padding-right: 20px;
  display: table-cell;
  vertical-align: top;
}
@media screen and (max-width: 736px) {
  .newsDetailInner .newsDetailImage {
    display: block;
    padding: 0;
    margin-bottom: 10px;
    width: 100%;
  }
}

.newsDetailInner .newsDetailImage img {
  width: 100%;
  height: auto;
}

.newsDetailInner .newsDetailText {
  display: table-cell;
  vertical-align: top;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .newsDetailInner .newsDetailText {
    display: block;
    margin-bottom: 10px;
  }
}

.newsDetailInner a {
  text-decoration: underline;
  display: inline-block;
}

.newsDetailInner .linkPdf {
  display: block;
  float: right;
  margin-top: 20px;
  padding-left: 24px;
  background: url(/assets/img/icon-common-pdf.png) no-repeat left center;
}

.dataListBack {
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .dataListBack {
    padding-left: 3%;
  }
}

.dataListBack .back {
  padding-left: 20px;
  float: left;
  font-weight: bold;
  background: url(/assets/img/icon-common-arrow-prev.png) no-repeat left center;
}

/* privacy */
/* ========================================================================== */
ol.countList > li {
  list-style-position: outside;
  list-style-type: decimal;
  margin-left: 2em;
  margin-bottom: 20px;
}

.privacyRightText {
  float: right;
}

ol.countList > li ul > li {
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 5px;
}

ol.countList > li ul > li:before {
  content: "・";
}

ol.countList > li ul.listStyleNone > li {
  text-indent: -2em;
  margin-left: 2em;
}

ol.countList > li ul.listStyleNone > li:before {
  content: none;
}

ol.countList .flex .pc {
  display: inline !important;
}
ol.countList .flex .sp {
  display: none !important;
}
@media screen and (max-width: 736px) {
  ol.countList .flex .pc {
    display: none !important;
  }
  ol.countList .flex .sp {
    display: inline !important;
  }
}
ol.countList .flex > li {
  display: flex;
  flex-wrap: wrap;
  text-indent: 0;
  padding-left: 0;
}
ol.countList .flex > li:before {
  content: none;
}
@media screen and (max-width: 736px) {
  ol.countList .flex > li {
    display: block;
    margin-left: 0;
  }
  ol.countList .flex > li .sp {
    display: inline !important;
  }
}
ol.countList .flex > li .title {
  width: 204px;
}
@media screen and (max-width: 736px) {
  ol.countList .flex > li .title {
    width: 100%;
  }
}
ol.countList .flex.innerList {
  margin: 3px 0 0 225px;
}
@media screen and (max-width: 736px) {
  ol.countList .flex.innerList {
    width: 100%;
    margin: 10px 0 0 0;
  }
}
ol.countList .flex.innerList > li {
  width: 100%;
}
@media screen and (max-width: 736px) {
  ol.countList .flex.innerList > li {
    display: flex;
  }
}
ol.countList .flex.innerList > li .title {
  width: 22%;
}
@media screen and (max-width: 736px) {
  ol.countList .flex.innerList > li .title {
    width: 25%;
  }
}
ol.countList .flex.innerList > li .text {
  width: 78%;
}
ol.countList .flex.innerList > li .text .pc {
  display: inline !important;
}
ol.countList .flex.innerList > li .text .sp {
  display: none !important;
}
@media screen and (max-width: 736px) {
  ol.countList .flex.innerList > li .text {
    width: 75%;
  }
  ol.countList .flex.innerList > li .text .sp {
    display: inline !important;
  }
  ol.countList .flex.innerList > li .text .pc {
    display: none !important;
  }
}

.contentWrapper.policy .privacyMark {
  display: block;
  padding-left: 20px;
  float: right;
}
@media screen and (max-width: 736px) {
  .contentWrapper.policy .privacyMark {
    padding-left: 10px;
    padding-bottom: 10px;
  }
}

.contentWrapper.policy .contentWrapper a {
  text-decoration: underline;
}

/* ========================================================================== */
/* seminar */
/* ========================================================================== */
/* seminarTitle */
.mainTitleBlock h1 {
  position: relative;
}

.mainTitleBlock .guideImg {
  bottom: 0;
  height: 92px;
  position: absolute;
  right: 1px;
  width: 360px;
}
@media screen and (max-width: 736px) {
  .mainTitleBlock .guideImg {
    display: inline-block;
    font-size: 0;
    position: relative;
    height: auto;
    width: 100%;
  }
}

.mainTitleBlock .guideImg p {
  background: url(/assets/img/seminar/bg-img-guide-balloon.png) no-repeat;
  bottom: 11px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  height: 53px;
  line-height: 20px;
  padding: 15px 2px 11px 25px;
  position: absolute;
  right: 0;
  width: 192px;
}
@media screen and (max-width: 736px) {
  .mainTitleBlock .guideImg p {
    padding: 0 2px 11px 16px;
    position: relative;
    bottom: initial;
    right: initial;
    display: inline-block;
    vertical-align: top;
    width: 147px;
    height: 68px;
    background-size: 167px auto;
  }
}

.mainTitleBlock .guideImg p span {
  color: #866126;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 736px) {
  .mainTitleBlock .guideImg p span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 736px) {
  .mainTitleBlock aside {
    text-align: center;
  }
}

.subTitleBlock {
  line-height: 1.5;
  margin: 0 auto 15px;
  padding-left: 2px;
  width: 950px;
}
@media screen and (max-width: 736px) {
  .subTitleBlock {
    background: url(/assets/img/bg-wrapper.jpg) repeat center;
    margin: 0;
    padding: 25px 3% 15px;
    width: auto;
  }
  .subTitleBlock.pb0 {
    padding-bottom: 0;
  }
}
.subTitleBlock .caption {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 736px) {
  .subTitleBlock .mb30 {
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 736px) {
  .mainWrapper.seminar .subTitleBlock {
    background: #f5f5f5;
  }
}

span.seminarTag {
  background: #fff;
  border: 1px solid #34507e;
  color: #34507e;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  vertical-align: middle;
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  height: 17px;
  line-height: 18px;
  padding: 0;
  position: relative;
  text-align: center;
  top: -1px;
  width: 156px;
}
span.seminarTag.tagRed, span.seminarTag.shaso {
  border-color: #d384a2;
  color: #ae3764;
}
span.seminarTag.tagGreen, span.seminarTag.union {
  border-color: #99be99;
  color: #008200;
}
span.seminarTag.tagBlue, span.seminarTag.company {
  border-color: #9bc0ff;
  color: #5892f4;
}
span.seminarTag.tagOcher, span.seminarTag.secretary {
  border-color: #bbbb68;
  color: #948800;
}
span.seminarTag.tagPurple, span.seminarTag.experience {
  border-color: #b199be;
  color: #5f0082;
}

.tagArea .seminarTag {
  margin-top: 2px;
}

span.statusTag {
  background: #00c088;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  height: 24px;
  line-height: 25px;
  text-align: center;
  width: 80px;
}
span.statusTag.tagGray, span.statusTag.finished {
  background: #959595;
}
span.statusTag.tagOrange, span.statusTag.remaining {
  background: #de7300;
}
span.statusTag.tagRed, span.statusTag.full {
  background: #b13e3e;
}

.backToList {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  padding-left: 20px;
  position: relative;
  text-align: left;
}
@media screen and (max-width: 736px) {
  .backToList {
    left: 3%;
  }
}
.backToList:after {
  background: url(/assets/img/icon-common-arrow-prev.png) no-repeat;
  content: "";
  height: 14px;
  left: 2px;
  position: absolute;
  top: 1px;
  width: 8px;
}
.backToList.backToListTop {
  margin-bottom: 12px;
  top: -5px;
}
.backToList.backToListBottom {
  margin: 18px 0 40px;
}
@media screen and (max-width: 736px) {
  .backToList.backToListBottom {
    margin: 18px 0;
  }
}

/* seminarMainContents
========================================================================== */
.mainContents .seminarLink {
  background: url(/assets/img/icon-common-arrow-next.png) no-repeat left center;
  padding-left: 15px;
  position: relative;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 12px;
  top: -5px;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarLink {
    margin: 0 3%;
    top: -10px;
  }
}

.mainContents .seminarTagBox {
  background: #efebd3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  color: #304b78;
  margin-bottom: 35px;
  padding: 30px 20px 25px;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarTagBox {
    padding: 15px 3%;
  }
}

.mainContents .seminarTagBox h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1;
  margin-bottom: 17px;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarTagBox h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}

.mainContents .seminarTagBox li {
  font-size: 13px;
  font-size: 1.3rem;
  height: 20px;
  line-height: 20px;
  margin-top: 10px;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarTagBox li {
    height: auto;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.mainContents .seminarTagBox li:first-child {
  margin-top: 0;
}

.mainContents .seminarTagBox li .seminarTag {
  margin-right: 15px;
}

.mainContents .txtDate {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 19px 0 17px;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .mainContents .txtDate {
    margin: 19px 3% 17px;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: left;
  }
}

.mainContents .txtDate span {
  padding-right: 1em;
  font-weight: bold;
}

/* seminarSingleBox */
.mainContents .seminarSingleBox {
  background: #fff;
  border: 1px solid #eceef2;
  display: block;
  margin-bottom: 20px;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarSingleBox {
    margin: 0 15px 20px;
  }
}

.mainContents .seminarSingleBox a {
  padding: 18px 0;
  display: block;
  color: #0e1305;
}

.mainContents .seminarSingleBox a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.mainContents .seminarSingleBox .boxTop {
  padding: 0 27px;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarSingleBox .boxTop {
    padding: 0 5%;
  }
}
@media screen and (max-width: 736px) {
  .mainContents .seminarSingleBox .boxTop a {
    display: block;
  }
}

.mainContents .seminarSingleBox .boxBottom {
  border-top: 1px dotted #a6a6a6;
  display: flex;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 20px 27px 0;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarSingleBox .boxBottom {
    padding: 20px 5% 0;
    display: block;
  }
}
.mainContents .seminarSingleBox .boxBottom .thumb {
  width: 260px;
  margin-right: 15px;
  flex: 1;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarSingleBox .boxBottom .thumb {
    margin: 0 auto 20px;
  }
}
.mainContents .seminarSingleBox .boxBottom .thumb img {
  width: 100%;
}
.mainContents .seminarSingleBox .boxBottom .information {
  width: calc(100% - 275px);
}
@media screen and (max-width: 736px) {
  .mainContents .seminarSingleBox .boxBottom .information {
    width: 100%;
  }
}

.mainContents .seminarSingleBox .statusTag {
  margin-right: 15px;
}

.mainContents .seminarSingleBox .singleBoxTitle {
  display: inline-block;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3;
  margin: 8px 0;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarSingleBox .singleBoxTitle {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.mainContents .seminarSingleBox .singleBoxTitle span {
  color: #34507e;
}

.mainContents .seminarSingleBox .boxTitleSub {
  color: #818181;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 20px;
  margin-bottom: 8px;
}

.mainContents .seminarSingleBox .singleBoxDate {
  color: #282828;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 12px;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarSingleBox .singleBoxDate {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
  }
}

.mainContents .seminarSingleBox .boxBottom .lineHead {
  display: inline-block;
  width: 90px;
  text-align: center;
  background: #dce1e9;
  color: #34507e;
  font-size: 13px;
  font-size: 1.3rem;
  border-radius: 4px;
  vertical-align: top;
}

.mainContents .seminarSingleBox .boxBottom .notes p {
  display: inline-block;
  margin-left: 5px;
  width: calc(100% - 100px);
  vertical-align: top;
  font-size: 13px;
  font-size: 1.3rem;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarSingleBox .boxBottom .notes p {
    display: block;
    width: 100%;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-left: 0;
    margin-top: 5px;
  }
}

.mainContents .seminarSingleBox .boxBottom .notes + .notes {
  padding-top: 15px;
}

/* seminarDetailBox */
.mainContents .seminarDetailBox {
  background: #fff;
  border: 1px solid #eceef2;
  display: block;
  padding: 24px 0;
}

.mainContents .seminarDetailBox .boxTop {
  padding: 0 27px;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarDetailBox .boxTop {
    padding: 0 3%;
  }
}

.mainContents .seminarDetailBox .statusTag {
  margin-right: 15px;
}

.mainContents .seminarDetailBox .singleBoxTitle {
  display: inline-block;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3;
  margin: 13px 0;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarDetailBox .singleBoxTitle {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.mainContents .seminarDetailBox .singleBoxTitle a {
  color: #34507e;
}

.mainContents .seminarDetailBox .boxTitleSub {
  color: #818181;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 20px;
  margin-bottom: 8px;
}

.mainContents .seminarDetailBox .detailDateArea {
  background: #efebd3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin: 20px 0 35px;
  padding: 18px 10px;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarDetailBox .detailDateArea {
    margin: 0 0 20px;
  }
}

.mainContents .seminarDetailBox .singleBoxDate {
  color: #282828;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 18px;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarDetailBox .singleBoxDate {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
  }
}

.mainContents .seminarDetailBox .lineHead {
  font-weight: bold;
  display: inline-block;
  width: 90px;
}

.mainContents .seminarDetailBox .notes {
  color: #304b78;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}

.mainContents .seminarDetailBox .notes + .notes {
  padding-top: 10px;
}

.mainContents .seminarDetailBox .notes a {
  text-decoration: underline;
}

.mainContents .seminarDetailBox .txtArea {
  line-height: 1.6;
  padding: 0 10px;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarDetailBox .txtArea {
    padding: 0;
  }
}

.mainContents .seminarDetailBox .privacyLink {
  text-align: center;
  margin-bottom: 20px;
}

.mainContents .seminarDetailBox .txtArea + .txtArea {
  margin-top: 30px;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarDetailBox .txtArea + .txtArea {
    margin-top: 20px;
  }
}

.mainContents .seminarDetailBox .txtArea .txtIndent {
  padding-left: 1em;
  text-indent: -1em;
}

.mainContents .seminarDetailBox .txtArea .linkPdf {
  float: right;
  padding-left: 24px;
  background: url(/assets/img/icon-common-pdf.png) no-repeat left center;
}

.mainContents .seminarDetailBox .imgArea {
  margin-top: 45px;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarDetailBox .imgArea {
    margin-top: 20px;
  }
}
.mainContents .seminarDetailBox .imgArea img {
  margin-bottom: 32px;
}
.mainContents .seminarDetailBox .imgArea img:nth-child(even) {
  padding-left: 20px;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarDetailBox .imgArea img:nth-child(even) {
    padding: 0;
  }
}
@media screen and (max-width: 736px) {
  .mainContents .seminarDetailBox .imgArea img {
    margin-bottom: 15px;
    width: 100%;
  }
}

.mainContents .seminarDetailBox .btnArea {
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .mainContents .seminarDetailBox .btnArea {
    margin-bottom: 15px;
  }
  .mainContents .seminarDetailBox .btnArea a {
    color: #fff;
    background-color: #324e7c;
    background-image: -webkit-linear-gradient(top, #324e7c 2%, #2a4167 71%);
    background-image: -moz-linear-gradient(top, #324e7c 2%, #2a4167 71%);
    background-image: -o-linear-gradient(top, #324e7c 2%, #2a4167 71%);
    background-image: -ms-linear-gradient(top, #324e7c 2%, #2a4167 71%);
    background-image: linear-gradient(to bottom, #324e7c 2%, #2a4167 71%);
    border-radius: 5px;
    display: block;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
    position: relative;
    padding: 7px 0;
  }
  .mainContents .seminarDetailBox .btnArea a span {
    vertical-align: middle;
  }
  .mainContents .seminarDetailBox .btnArea a .small {
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: baseline;
  }
  .mainContents .seminarDetailBox .btnArea a .small .small {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .mainContents .seminarDetailBox .btnArea a:before {
    background: url(../img/icon-common-arrow-white.png) no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    width: 8px;
    height: 13px;
    vertical-align: middle;
  }
}
@media screen and (max-width: 736px) {
  .mainContents .seminarDetailBox .btnArea img {
    width: 100%;
  }
}

@media screen and (max-width: 736px) {
  .mainContents .seminarOtherList {
    padding: 20px 0 0 !important;
  }
}
@media screen and (max-width: 736px) {
  .mainContents .seminarOtherList .smallTitle.mt30 {
    margin-top: 0 !important;
  }
}

/* ========================================================================== */
/* hall */
/* ========================================================================== */
/* hallForeword
========================================================================== */
.hallForeword {
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .hallForeword {
    padding: 0 3%;
    margin-bottom: 20px !important;
  }
}
.hallForeword .detail {
  float: left;
  width: 460px;
}
@media screen and (max-width: 736px) {
  .hallForeword .detail {
    float: none;
    width: 100%;
  }
}
.hallForeword .detail.noImg {
  float: none;
  width: 100%;
}
.hallForeword .detail .forewordTitle {
  color: #274c80;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 736px) {
  .hallForeword .detail .forewordTitle {
    font-size: 20px;
    font-size: 2rem;
  }
}
.hallForeword .detail p {
  line-height: 1.5;
}
@media screen and (max-width: 736px) {
  .hallForeword .detail p {
    margin-bottom: 20px;
  }
}
.hallForeword img {
  float: right;
}
@media screen and (max-width: 736px) {
  .hallForeword img {
    float: none;
    width: 100%;
    display: block;
    margin: 0 auto;
  }
}

/* hallEditPoint
========================================================================== */
.hallEditPoint {
  background-color: #fffef9;
  border: solid 4px #d1c0a5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .hallEditPoint {
    margin-bottom: 20px !important;
  }
}
.hallEditPoint .title {
  position: relative;
  padding: 12px 16px 20px 17px;
  padding: 15px 16px 17px 17px\9 ;
  background: url(/assets/img/hall/bg-hall-point.png) repeat-x bottom center;
}
@media screen and (max-width: 736px) {
  .hallEditPoint .title {
    padding: 12px 5% 20px;
  }
}
.hallEditPoint .title h2 {
  padding: 2px 0 2px 25px;
  line-height: 25px;
  font-size: 21px;
  font-size: 2.1rem;
  color: #274c80;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  background-image: url(/assets/img/icon-common-light.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-position: left 0\9 ;
}
@media screen and (max-width: 736px) {
  .hallEditPoint .title h2 {
    margin-bottom: 7px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hallEditPoint .title {
    /* IE11 */
    /* IE11 */
  }
  .hallEditPoint .title:not(:target) {
    padding: 15px 16px 17px 17px;
  }
  .hallEditPoint .title h2:not(:target) {
    background-position: left 0;
  }
}
.hallEditPoint .title ul {
  vertical-align: middle;
  position: absolute;
  top: 15px;
  right: 16px;
  letter-spacing: -0.4em;
  display: block;
  width: 388px;
}
@media screen and (max-width: 736px) {
  .hallEditPoint .title ul {
    position: relative;
    top: initial;
    right: initial;
    width: 100%;
  }
}
.hallEditPoint .title ul li {
  margin-left: 3px;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  letter-spacing: normal;
  color: #274c80;
  border: solid 1px #274c80;
  padding: 1px 3px;
}
@media screen and (max-width: 736px) {
  .hallEditPoint .title ul li {
    margin-left: 0;
    margin-right: 3px;
  }
}
.hallEditPoint .title ul li:first-child {
  margin-left: 0;
}
.hallEditPoint .title ul li span {
  display: block;
}
.hallEditPoint .text {
  overflow: hidden;
  padding: 5px 10px 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
.hallEditPoint .text a {
  line-height: 1.5;
  text-decoration: underline;
  float: right;
  background-image: url(/assets/img/icon-common-arrow-next.png);
  background-repeat: no-repeat;
  background-position: left 4px;
  background-position: left 2px\9 ;
  padding-left: 17px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .hallEditPoint .text a:not(:target) {
    background-position: left 2px;
  }
}

/* placeTagList
========================================================================== */
.placeTagList {
  letter-spacing: -0.4em;
}
.placeTagList li {
  width: 70px;
  display: inline-block;
  margin-right: 5px;
}
.placeTagList li:last-child {
  margin-right: 0;
}
.placeTagList li.shaso.current a, .placeTagList li.shaso.current span {
  background-color: #476fa0;
}
.placeTagList li.owakare.current a, .placeTagList li.owakare.current span {
  background-color: #df898c;
}
.placeTagList li.goudou.current a, .placeTagList li.goudou.current span {
  background-color: #529052;
}
.placeTagList li:hover a {
  opacity: 0.6;
}
@media screen and (max-width: 736px) {
  .placeTagList li {
    width: auto;
  }
}
.placeTagList li a, .placeTagList li span {
  display: inline-block;
  letter-spacing: normal;
  font-size: 12px;
  font-size: 1.2rem;
  width: 70px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  letter-spacing: normal;
  text-decoration: none;
  background-color: #dedede;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
}
@media screen and (max-width: 736px) {
  .placeTagList li a, .placeTagList li span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    line-height: 16px;
    padding: 0 5px;
    width: auto;
    height: 16px;
  }
}

/* placeList
========================================================================== */
.placeList {
  overflow: hidden;
}
.placeList > li {
  width: 340px;
  margin-top: 15px;
  padding: 14px 10px 10px;
  position: relative;
  background-color: #fff;
  border: solid 1px #dcdcdc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
}
@media screen and (max-width: 736px) {
  .placeList > li {
    padding: 0;
    width: 100%;
  }
}
.placeList > li:nth-child(odd) {
  float: left;
}
@media screen and (max-width: 736px) {
  .placeList > li:nth-child(odd) {
    float: none;
  }
}
.placeList > li:nth-child(even) {
  float: right;
}
@media screen and (max-width: 736px) {
  .placeList > li:nth-child(even) {
    float: none;
  }
}
@media screen and (max-width: 736px) {
  .placeList > li a {
    display: block;
    padding: 14px 30px 10px 10px;
  }
  .placeList > li a:after {
    background: url(../img/sp/icon-common-blue.png) no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
  }
  .placeList > li a.inline {
    display: inline-block;
    padding: 0;
  }
}
.placeList > li img {
  float: left;
  width: 80px;
}
.placeList > li .placeName {
  margin-left: 90px;
  text-decoration: underline;
  margin-top: 7px;
}
.placeList > li .placeName h1 span {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 0 2px;
  background-color: #fcf4ce;
  margin-left: 5px;
}
.placeList > li .address {
  font-size: 14px;
  font-size: 1.4rem;
  clear: both;
  margin-top: 10px;
  color: #333;
}
.placeList > li .link {
  font-size: 14px;
  font-size: 1.4rem;
}
.placeList > li .link span {
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .placeList > li .link {
    padding: 0 30px 10px 10px;
  }
}
.placeList > li .placeTagList {
  margin-left: 90px;
}
.placeList > li:after {
  content: "";
  display: block;
  width: 340px;
  height: 4px;
  background-color: #274c80;
  position: absolute;
  top: -1px;
  left: -1px;
}
@media screen and (max-width: 736px) {
  .placeList > li:after {
    width: 100%;
    left: 0;
  }
}

/* placeEasyList
========================================================================== */
@media screen and (max-width: 736px) {
  .placeEasyList {
    margin: 15px 0 20px !important;
  }
}
.placeEasyList li {
  font-size: 14px;
  font-size: 1.4rem;
}
.placeEasyList li:first-of-type dl {
  border-top: solid 1px #dcdcdc;
}
.placeEasyList li dl {
  background-color: #fff;
  width: 100%;
  overflow: hidden;
  border-left: solid 1px #dcdcdc;
  display: table;
  table-layout: fixed;
}
@media screen and (max-width: 736px) {
  .placeEasyList li dl {
    display: block;
    border-bottom: solid 1px #dcdcdc;
    position: relative;
  }
}
.placeEasyList li dl dt, .placeEasyList li dl dd {
  display: table-cell;
  padding: 8px 10px;
  border-bottom: solid 1px #dcdcdc;
  border-right: solid 1px #dcdcdc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .placeEasyList li dl dt, .placeEasyList li dl dd {
    display: block;
    border-bottom: none;
    padding: 4px 3%;
  }
}
.placeEasyList li dl dt {
  width: 32%;
}
@media screen and (max-width: 736px) {
  .placeEasyList li dl dt {
    padding-top: 34px;
    width: 100%;
  }
}
.placeEasyList li dl dt * {
  font-weight: bold;
}
.placeEasyList li dl dt span {
  font-weight: normal;
  font-size: 11px;
  line-height: 1.2em;
  display: inline-block;
  color: #666;
}
@media screen and (max-width: 736px) {
  .placeEasyList li dl dt span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.placeEasyList li dl dd:first-of-type {
  width: 35%;
}
@media screen and (max-width: 736px) {
  .placeEasyList li dl dd:first-of-type {
    position: absolute;
    top: 0;
    width: 100%;
  }
}
.placeEasyList li dl dd:last-child {
  width: 31%;
}
@media screen and (max-width: 736px) {
  .placeEasyList li dl dd:last-child {
    width: 100%;
  }
}
.placeEasyList li dl dd:last-child {
  font-size: 12px;
  font-size: 1.2rem;
}

/* hallPr
========================================================================== */
.hallPr {
  position: relative;
  border: solid 5px #d1c0a5;
  background-color: #fff;
}
@media screen and (max-width: 736px) {
  .hallPr {
    margin-bottom: 25px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 94%;
    margin: 0 3%;
  }
}
.hallPr img {
  padding: 25px 18px 20px;
}
@media screen and (max-width: 736px) {
  .hallPr img {
    padding: 20px 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.hallPr p {
  line-height: 1.4;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 12px 14px;
  background-color: #f7efdf;
}
@media screen and (max-width: 736px) {
  .hallPr p {
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 165px;
    padding: 12px 39% 14px 3%;
    width: 100%;
  }
}
.hallPr:after {
  content: "";
  display: block;
  background: url(/assets/img/hall/bg-hall-pr_mod.png) no-repeat 0 0;
  width: 150px;
  height: 179px;
  position: absolute;
  bottom: 0;
  right: 1px;
}

@media screen and (max-width: 736px) {
  .caseList.hall {
    padding: 20px 10px;
    margin: 0 0 20px !important;
    padding: 0 3%;
  }
  .caseList.hall li {
    width: 100%;
    margin: 20px 0 0;
    -webkit-box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    -moz-box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    background: #fff;
    border: solid 1px #b5b2bb;
    margin-bottom: 10px;
    padding: 10px;
  }
  .caseList.hall li:first-child {
    margin: 0;
  }
  .caseList.hall li a {
    position: relative;
  }
  .caseList.hall li a .typeTag {
    width: auto;
    padding: 2px 5px;
    min-width: 50px;
    margin: 0 10px 0 0;
    position: absolute;
    top: 0;
  }
  .caseList.hall li a .assembled {
    font-size: 16px;
    font-size: 1.6rem;
    float: none;
    position: absolute;
    top: 0;
    right: 0;
  }
  .caseList.hall li a .ttlCase {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 10px 20px 20px 0;
    position: relative;
    border-bottom: 1px dotted #ccc;
    font-weight: bold;
  }
  .caseList.hall li a .ttlCase:after {
    background-image: url(/assets/img/sp/icon-common-blue.png);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }
  .caseList.hall li a .ttlCase:before {
    position: absolute;
    content: "";
    background: url(/assets/img/price/sp/border-icon.png) no-repeat;
    background-size: 100%;
    width: 14px;
    height: 8px;
    bottom: -7px;
    left: 20px;
  }
  .caseList.hall li a .caseDetail dt {
    width: 100px;
  }
  .caseList.hall li a .caseThumb {
    padding-top: 35px;
  }
}
/* shasoCaseList
========================================================================== */
.shasoCaseList {
  overflow: hidden;
}
.shasoCaseList li {
  margin-top: 20px;
  width: 340px;
}
.shasoCaseList li > .title {
  letter-spacing: -0.4em;
  background: url(/assets/img/hall/bg-hall-case.png) repeat-x bottom left;
  margin-bottom: 10px;
  padding-bottom: 21px;
}
.shasoCaseList li > .title * {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
}
.shasoCaseList li > .title a, .shasoCaseList li > .title span {
  color: #fff;
  background-color: #fff;
}
.shasoCaseList li > .title a .typeName, .shasoCaseList li > .title span .typeName {
  width: 133px;
  height: 35px;
  line-height: 35px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
}
.shasoCaseList li > .title a .typeName.shaso, .shasoCaseList li > .title span .typeName.shaso {
  background-color: #476fa0;
}
.shasoCaseList li > .title a .typeName.owakare, .shasoCaseList li > .title span .typeName.owakare {
  background-color: #df898c;
}
.shasoCaseList li > .title a .typeName.goudou, .shasoCaseList li > .title span .typeName.goudou {
  background-color: #529052;
}
.shasoCaseList li > .title .count {
  margin-left: 15px;
  padding-top: 3px;
}
.shasoCaseList li > .title .count span {
  font-size: 20px;
  font-size: 2rem;
  padding-left: 8px;
  color: inherit;
  background-color: inherit;
}
.shasoCaseList li .detail {
  background-color: #fff;
  border: solid 1px #615b6e;
}
.shasoCaseList li .detail span, .shasoCaseList li .detail a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  color: #0e1d24;
  padding: 12px;
}
.shasoCaseList li .detail span .title, .shasoCaseList li .detail a .title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.02em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  margin-bottom: 8px;
}
.shasoCaseList li .detail span .client, .shasoCaseList li .detail a .client {
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
.shasoCaseList li .detail span .place, .shasoCaseList li .detail a .place {
  float: left;
  font-size: 15px;
  font-size: 1.5rem;
}
.shasoCaseList li .detail span .place dt, .shasoCaseList li .detail a .place dt {
  background-color: #f5f0e6;
  width: 52px;
  height: 25px;
  line-height: 26px;
  line-height: 29px\9 ;
  text-align: center;
  margin-bottom: 12px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .shasoCaseList li .detail span .place dt, .shasoCaseList li .detail a .place dt {
    /* IE11 */
  }
  .shasoCaseList li .detail span .place dt:not(:target), .shasoCaseList li .detail a .place dt:not(:target) {
    line-height: 29px;
  }
}
.shasoCaseList li .detail span .place dd, .shasoCaseList li .detail a .place dd {
  width: 160px;
}
.shasoCaseList li .detail span img, .shasoCaseList li .detail a img {
  float: right;
}
.shasoCaseList li:nth-child(odd) {
  float: left;
}
.shasoCaseList li:nth-child(even) {
  float: right;
}

@media screen and (min-width: 737px) {
  .questionList li {
    border: solid 1px #959cb4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 20px 30px 20px 10px;
    background-color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .questionList li:last-child {
    margin-bottom: 0;
  }
  .questionList li dl dt {
    color: #324e7c;
    font-size: 18px;
    font-size: 1.8rem;
    min-height: 42px;
    margin-bottom: 5px;
    padding-left: 60px;
    padding-top: 5px;
    padding-top: 8px\9 ;
    background: url(../img/icon-question.png) no-repeat left center;
  }
}
@media screen and (min-width: 737px) and (-ms-high-contrast: active), screen and (min-width: 737px) and (-ms-high-contrast: none) {
  .questionList li dl dt {
    /* IE11 */
  }
  .questionList li dl dt:not(:target) {
    padding-top: 8px;
  }
}
@media screen and (min-width: 737px) {
  .questionList li dl dt * {
    font-weight: bold;
  }
}
@media screen and (min-width: 737px) {
  .questionList li dl dd {
    margin-left: 60px;
  }
}
@media screen and (max-width: 736px) {
  .questionList.mb40 {
    margin-bottom: 25px !important;
  }
  .questionList li dl dt {
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, rgba(244, 244, 244, 0.2), rgba(197, 197, 197, 0.2));
    background-image: -moz-linear-gradient(top, rgba(244, 244, 244, 0.2), rgba(197, 197, 197, 0.2));
    background-image: -o-linear-gradient(top, rgba(244, 244, 244, 0.2), rgba(197, 197, 197, 0.2));
    background-image: -ms-linear-gradient(top, rgba(244, 244, 244, 0.2), rgba(197, 197, 197, 0.2));
    background-image: linear-gradient(to bottom, rgba(244, 244, 244, 0.2), rgba(197, 197, 197, 0.2));
    border-bottom: 1px solid #c0c0c0;
    padding: 15px 30px 15px 3%;
    position: relative;
  }
  .questionList li dl dt:before {
    position: absolute;
    content: "";
    background: url(/assets/img/headerfooter/sp/icon-open-01.png) no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .questionList li dl dt.open:before {
    background-image: url(/assets/img/headerfooter/sp/icon-close-01.png);
  }
  .questionList li dl dd {
    font-size: 14px;
    font-size: 1.4rem;
    display: none;
    padding: 15px 3%;
  }
}

/* ========================================================================== */
/* form */
/* ========================================================================== */
html.form {
  background-color: #f5f5f5;
}

.formHeader .inner,
.formContents .formMain {
  width: 690px;
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .formHeader .inner,
.formContents .formMain {
    width: 100%;
  }
}

.formContents {
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #f5f5f5;
  padding-top: 25px;
}
@media screen and (max-width: 736px) {
  .formContents {
    padding-top: 0;
  }
}

/* formHeader
========================================================================== */
.formHeader {
  background-color: #fff;
  border-top: solid 3px #304b78;
  padding: 18px 0 20px;
}
@media screen and (max-width: 736px) {
  .formHeader {
    padding: 10px 3%;
  }
}

.formHeader .logo {
  margin-bottom: 30px;
}
@media screen and (max-width: 736px) {
  .formHeader .logo {
    margin-bottom: 20px;
  }
}

.formHeader .formMainTitle {
  font-size: 48px;
  font-size: 4.8rem;
  color: #304b78;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 736px) {
  .formHeader .formMainTitle {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.4;
  }
}

.formContents .formMain .textComp {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 20px;
  color: #274c80;
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .formContents .formMain .textComp {
    padding: 0 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.formContents .formMain .text {
  margin-bottom: 35px;
}
@media screen and (max-width: 736px) {
  .formContents .formMain .text {
    padding: 0 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.formContents .formMain .flow {
  margin-bottom: 25px;
}
@media screen and (max-width: 736px) {
  .formContents .formMain .flow {
    margin: 20px 0;
    padding: 0 3%;
  }
}

/* seminarInfo
========================================================================== */
.formContents .formMain .seminarInfo {
  border: solid 1px #bababa;
  background-color: #fff;
  margin-bottom: 35px;
}
@media screen and (max-width: 736px) {
  .formContents .formMain .seminarInfo {
    margin: 20px 3%;
    width: 94%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/* infoHeader */
.formContents .formMain .seminarInfo .infoHeader {
  padding: 18px 20px;
}
@media screen and (max-width: 736px) {
  .formContents .formMain .seminarInfo .infoHeader {
    padding: 15px 3%;
  }
}

.formContents .formMain .seminarInfo .infoHeader .tag {
  border-width: 2px;
  border-style: solid;
  width: 160px;
  height: 20px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 16px;
  line-height: 19px\9 ;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .formContents .formMain .seminarInfo .infoHeader .tag {
    /* IE11 */
  }
  .formContents .formMain .seminarInfo .infoHeader .tag:not(:target) {
    line-height: 19px;
  }
}
@media screen and (max-width: 736px) {
  .formContents .formMain .seminarInfo .infoHeader .tag {
    display: inline-block;
  }
}

.formContents .formMain .seminarInfo .infoHeader .tag.seminar {
  border-color: #99be99;
  color: #008200;
}

.formContents .formMain .seminarInfo .infoHeader .tag.shaso {
  border-color: #d384a2;
  color: #ae3764;
}

.formContents .formMain .seminarInfo .infoHeader .tag.union {
  border-color: #99be99;
  color: #008200;
}

.formContents .formMain .seminarInfo .infoHeader .tag.company {
  border-color: #9bc0ff;
  color: #5892f4;
}

.formContents .formMain .seminarInfo .infoHeader .tag.secretary {
  border-color: #bbbb68;
  color: #948800;
}

.formContents .formMain .seminarInfo .infoHeader .tag.experience {
  border-color: #b199be;
  color: #5f0082;
}

.formContents .formMain .seminarInfo .infoHeader .situation,
.formContents .formMain .seminarInfo .infoHeader .seminarTitle {
  display: inline-block;
  vertical-align: top;
}

.formContents .formMain .seminarInfo .infoHeader .situation {
  background: #00c088;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 0 12px;
  height: 24px;
  line-height: 24px;
  line-height: 25px\9 ;
  text-align: center;
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  font-weight: bold;
  margin-top: 14px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .formContents .formMain .seminarInfo .infoHeader .situation {
    /* IE11 */
  }
  .formContents .formMain .seminarInfo .infoHeader .situation:not(:target) {
    line-height: 25px;
  }
}
@media screen and (max-width: 736px) {
  .formContents .formMain .seminarInfo .infoHeader .situation {
    margin-top: 0;
    margin-left: 10px;
  }
}

.formContents .formMain .seminarInfo .infoHeader .situation.finished {
  background: #959595;
}

.formContents .formMain .seminarInfo .infoHeader .situation.remaining {
  background: #de7300;
}

.formContents .formMain .seminarInfo .infoHeader .situation.full {
  background: #b13e3e;
}

.formContents .formMain .seminarInfo .infoHeader .seminarTitle {
  font-size: 20px;
  font-size: 2rem;
  color: #304b78;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  margin: 10px 0 0 10px;
  max-width: 568px;
}
@media screen and (max-width: 736px) {
  .formContents .formMain .seminarInfo .infoHeader .seminarTitle {
    display: block;
    margin: 10px 0 0 0;
  }
}

.formContents .formMain .seminarInfo .infoHeader .data {
  margin-top: 5px;
}

/* infoFooter */
.formContents .formMain .seminarInfo .infoFooter {
  border-top: dotted 1px #a8a8a8;
  padding: 12px 22px;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 736px) {
  .formContents .formMain .seminarInfo .infoFooter {
    padding: 12px 3%;
  }
}

.formContents .formMain .seminarInfo .infoFooter dl:last-child {
  margin-top: 5px;
}

.formContents .formMain .seminarInfo .infoFooter dl dt,
.formContents .formMain .seminarInfo .infoFooter dl dd {
  display: inline-block;
  vertical-align: top;
}

.formContents .formMain .seminarInfo .infoFooter dl dt {
  width: 90px;
}

.formContents .formMain .seminarInfo .infoFooter dl dd {
  max-width: 550px;
}

/* formSubTitle */
.formContents .formMain .formSubTitle {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  color: #34507e;
  border: solid 1px #d1d6e0;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #d6d6d6 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #d6d6d6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #f8f8f8 0%, #d6d6d6 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f8f8f8 0%, #d6d6d6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f8f8f8", endColorstr="#d6d6d6",GradientType=0 );
  /* IE6-9 */
  height: 40px;
  line-height: 40px;
  line-height: 41px\9 ;
  /* under IE10 */
  padding-left: 12px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .formContents .formMain .formSubTitle {
    /* IE11 */
  }
  .formContents .formMain .formSubTitle:not(:target) {
    line-height: 41px;
  }
}
@media screen and (max-width: 736px) {
  .formContents .formMain .formSubTitle {
    font-size: 18px;
    font-size: 1.8rem;
    background: #cfd6e1;
    border: none;
    color: #0e1305;
    font-family: inherit;
    padding: 10px 3%;
    height: auto;
    line-height: 1.4;
  }
}

.formContents .formMain .formSubTitle span {
  background-image: url(/assets/img/icon-common-smalltit.png);
  background-repeat: no-repeat;
  background-position: left 3px;
  background-position: left 0px\9 ;
  /* under IE10 */
  padding-left: 13px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .formContents .formMain .formSubTitle span {
    /* IE11 */
  }
  .formContents .formMain .formSubTitle span:not(:target) {
    background-position: left 0px;
  }
}
@media screen and (max-width: 736px) {
  .formContents .formMain .formSubTitle span {
    background: none;
    padding-left: 0;
  }
}

/* privacyPolicyBlock */
.formContents .formMain .privacyPolicyBlock {
  background-color: #fff;
  padding: 25px 20px;
  width: 100%;
  height: 250px;
  border: solid 1px #bfbfbf;
  overflow-y: scroll;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .formContents .formMain .privacyPolicyBlock {
    width: 94%;
    margin: 0 3%;
  }
}
.formContents .formMain .privacyPolicyBlock dl {
  margin-bottom: 18px;
}
.formContents .formMain .privacyPolicyBlock dl:last-child {
  margin-bottom: 0;
}
.formContents .formMain .privacyPolicyBlock dl dt {
  font-weight: bold;
  margin-bottom: 5px;
}

/* checkAgree */
.formContents .formMain .checkAgree {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .formContents .formMain .checkAgree {
    margin-bottom: 20px !important;
  }
}

.formContents .formMain .checkAgree * {
  display: inline-block;
  vertical-align: middle;
}

.formContents .formMain .checkAgree input {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  margin-bottom: 4px;
}

/* submit */
.formContents .formMain .submit {
  text-align: center;
}

.formContents .formMain .submit p {
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 736px) {
  .formContents .formMain .submit p {
    display: block;
  }
}

.formContents .formMain .submit p:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  width: 8px;
  height: 13px;
  background: url(/assets/img/icon-common-arrow-white.png) no-repeat left center;
  background-size: 8px auto;
}

.formContents .formMain .submit.index p:after {
  left: 60px;
}

@media screen and (max-width: 736px) {
  .formContents .formMain .submit.confirm {
    padding: 0 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.formContents .formMain .submit.confirm ul {
  letter-spacing: -0.4em;
}
.formContents .formMain .submit.confirm ul li {
  display: inline-block;
}
@media screen and (max-width: 736px) {
  .formContents .formMain .submit.confirm ul li {
    width: 65%;
    vertical-align: top;
  }
}
.formContents .formMain .submit.confirm ul li:first-of-type {
  width: 180px;
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  margin-right: 40px;
}
@media screen and (max-width: 736px) {
  .formContents .formMain .submit.confirm ul li:first-of-type {
    width: 32%;
    margin-right: 2%;
  }
}

.formContents .formMain .submit.confirm p:last-child:after {
  left: 30px;
}
@media screen and (max-width: 736px) {
  .formContents .formMain .submit.confirm p:last-child:after {
    left: 10px;
  }
}

.formContents .formMain .submit.confirm .backForm {
  width: 180px;
  letter-spacing: normal;
}
@media screen and (max-width: 736px) {
  .formContents .formMain .submit.confirm .backForm {
    width: 100%;
  }
}
.formContents .formMain .submit.confirm .backForm:after {
  background: url(/assets/img/icon-common-arrow-prev.png);
  left: 25px !important;
}
@media screen and (max-width: 736px) {
  .formContents .formMain .submit.confirm .backForm:after {
    left: 10px !important;
  }
}
.formContents .formMain .submit.confirm .backForm input {
  color: #375689;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 23px;
  font-size: 2.3rem;
  background: -moz-linear-gradient(top, #ffffff 27%, #cfcfcf 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #ffffff 27%, #cfcfcf 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #ffffff 27%, #cfcfcf 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 27%, #cfcfcf 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#cfcfcf",GradientType=0 );
  /* IE6-9 */
  height: 49px;
  line-height: 49px;
  font-size: 23px;
  font-size: 2.3rem;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: solid 1px #b5b5b5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 200px;
}
@media screen and (max-width: 736px) {
  .formContents .formMain .submit.confirm .backForm input {
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.formContents .formMain .submit.confirm .backForm input:hover {
  text-decoration: none;
}

.formContents .formMain .submit input {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 23px;
  font-size: 2.3rem;
  color: #fff;
  width: 310px;
  background: -moz-linear-gradient(top, #274c80 0%, #21416e 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #274c80 0%, #21416e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #274c80 0%, #21416e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #274c80 0%, #21416e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#274c80", endColorstr="#21416e",GradientType=0 );
  /* IE6-9 */
  height: 49px;
  line-height: 48px;
  line-height: 52px\9 ;
  border: solid 1px #002666;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .formContents .formMain .submit input {
    /* IE11 */
  }
  .formContents .formMain .submit input:not(:target) {
    line-height: 52px;
  }
}
@media screen and (max-width: 736px) {
  .formContents .formMain .submit input {
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px 0 20px;
  }
}

.formContents .formMain .submit input:hover {
  opacity: 0.8;
}

/* telNum */
.formContents .formMain > .telNum {
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .formContents .formMain > .telNum {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 3%;
    margin-bottom: 20px !important;
  }
}

.formContents .formMain > .telNum span {
  display: block;
}

/* close */
.formContents .formMain .close {
  text-align: center;
}

.formContents .formMain .close span {
  display: inline-block;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  color: #333;
  border: solid 1px #d1d6e0;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #d6d6d6 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #d6d6d6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #f8f8f8 0%, #d6d6d6 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f8f8f8 0%, #d6d6d6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f8f8f8", endColorstr="#d6d6d6",GradientType=0 );
  /* IE6-9 */
  height: 40px;
  line-height: 40px;
  line-height: 45px\9 ;
  /* under IE10 */
  padding: 0 50px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
}

.formContents .formMain .close span:hover {
  opacity: 0.8;
}

/* table
========================================================================== */
.formContents .formMain table {
  border-top: solid 1px #bfbfbf;
  border-left: solid 1px #bfbfbf;
  background-color: #fff;
  table-layout: fixed;
}
@media screen and (max-width: 736px) {
  .formContents .formMain table {
    margin-bottom: 20px !important;
    margin: 0 3% 20px;
    width: 94%;
  }
}

.formContents .formMain table th,
.formContents .formMain table td {
  font-weight: normal;
  border-bottom: solid 1px #bfbfbf;
  border-right: solid 1px #bfbfbf;
  word-break: break-all;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.formContents .formMain .error {
  margin-top: 5px;
  display: inline-block;
  background-color: #c00;
  color: #fff;
  padding: 0 8px;
  padding: 5px 8px;
}
@media screen and (max-width: 736px) {
  .formContents .formMain .error {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.formContents .formMain table th {
  text-align: left;
  padding: 18px 13px;
  background-color: #d0d7e3;
  vertical-align: top;
}
@media screen and (max-width: 736px) {
  .formContents .formMain table th {
    width: 100%;
    display: block;
    padding: 10px 3%;
  }
}

.formContents .formMain table tr:first-of-type th {
  width: 240px;
}
@media screen and (max-width: 736px) {
  .formContents .formMain table tr:first-of-type th {
    width: 100%;
    display: block;
  }
}

.formContents .formMain table tr td {
  width: 415px;
}
@media screen and (max-width: 736px) {
  .formContents .formMain table tr td {
    width: 100%;
    display: block;
  }
}

.formContents .formMain table th.shortTitle {
  width: 75px;
}
@media screen and (max-width: 736px) {
  .formContents .formMain table th.shortTitle {
    width: 100%;
    display: block;
    background: #274c80;
    color: #fff;
  }
}

.formContents .formMain table th.mid {
  vertical-align: middle;
}

.formContents .formMain table th.semiTitle {
  background-color: #b7c3d8;
  padding: 10px;
}

.formContents .formMain table th .required {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #fff;
  border: solid 1px #a40000;
  color: #c40000;
  width: 35px;
  height: 17px;
  line-height: 17px;
  line-height: 20px\9 ;
  text-align: center;
  margin-left: 7px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .formContents .formMain table th .required {
    /* IE11 */
  }
  .formContents .formMain table th .required:not(:target) {
    line-height: 20px;
  }
}

.formContents .formMain table td {
  padding: 14px 16px;
}

.formContents .formMain table td input,
.formContents .formMain table td textarea,
.formContents .formMain table td select {
  padding: 6px 8px;
  border: solid 1px #666666;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 736px) {
  .formContents .formMain table td select {
    width: 160px;
  }
}

.formContents .formMain table td input,
.formContents .formMain table td textarea {
  width: 100%;
}

.formContents .formMain table td textarea {
  resize: vertical;
  height: 80px;
}

.formContents .formMain table td.telNum input,
.formContents .formMain table td.address input {
  width: 70px;
}

.formContents .formMain table th .note,
.formContents .formMain table td .note {
  margin-top: 5px;
  color: #666666;
}

/* formFooter
========================================================================== */
.formContents .formFooter {
  margin-top: 40px;
  padding: 20px 0;
  font-size: 12px;
  font-size: 1.2rem;
  border-bottom: solid 5px #274c80;
}
@media screen and (max-width: 736px) {
  .formContents .formFooter {
    margin-top: 20px;
  }
}

.formContents .formFooter .inner {
  width: 690px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .formContents .formFooter .inner {
    width: 100%;
  }
}

/* ========================================================================== */
/* about */
/* ========================================================================== */
/* about/index
========================================================================== */
.aboutLinkList li {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.07);
  display: table;
  margin-bottom: 30px;
  height: 240px;
  padding: 0 15px 0 20px;
  position: relative;
  width: 100%;
}
.aboutLinkList li:after {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -330px;
  content: "";
  display: block;
  width: 660px;
  height: 4px;
  background-color: #324e7c;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.aboutLinkList li a {
  background: url(/assets/img/icon-common-circle_gold_off.png) no-repeat right 92%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #0e1305;
  display: table-cell;
  height: 240px;
  vertical-align: middle;
  width: 100%;
}
.aboutLinkList li a:hover {
  text-decoration: none;
}
.aboutLinkList li a h2 {
  font-size: 28px;
  font-size: 2.8rem;
}
.aboutLinkList li a h2 strong {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  color: #c18930;
  display: block;
  font-size: 30px;
  font-size: 3rem;
}
.aboutLinkList li a h2 strong span {
  font-size: 45px;
  font-size: 4.5rem;
}
.aboutLinkList li.point a h2 strong {
  line-height: 1;
  margin: 2px 0 10px;
}
@media screen and (max-width: 736px) {
  .aboutLinkList li {
    background-size: auto 121px !important;
    display: block;
    height: auto;
    margin-bottom: 15px;
    padding: 0 3%;
  }
  .aboutLinkList li:last-child {
    margin-bottom: 40px;
  }
  .aboutLinkList li:after {
    left: 0;
    right: 0;
    margin: auto;
    width: 94%;
  }
  .aboutLinkList li a {
    display: block;
    height: auto;
    padding: 35px 30px 20px 0;
  }
  .aboutLinkList li a h2 {
    font-size: 16px;
    font-size: 1.6rem;
    min-height: 63px;
    padding-bottom: 35px;
  }
  .aboutLinkList li a h2 strong {
    font-size: 22px;
    font-size: 2.2rem;
    text-shadow: 0 1px 3px #fff, -1px -1px 3px #fff, 1px -1px 3px #fff, 1px 1px 3px #fff, -1px 0 3px #fff;
  }
  .aboutLinkList li a h2 strong span {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .aboutLinkList li a p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .aboutLinkList li a br {
    display: none;
  }
}

.aboutLinkList li.aboutCompanyLink {
  background: url(/assets/img/about/bg-about-link-company.jpg) no-repeat right top #fff;
}

.aboutLinkList li.aboutAboutusLink {
  background: url(/assets/img/about/bg-about-link-aboutus_mod.jpg) no-repeat right top #fff;
}

.aboutLinkList li.aboutServiceLink {
  background: url(/assets/img/about/bg-about-link-service_mod.jpg) no-repeat right top #fff;
}

.staffLinkList li {
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.07);
  margin-bottom: 30px;
}
.staffLinkList li a {
  color: #0e1305;
  display: block;
}
.staffLinkList li a:hover {
  text-decoration: none;
}
.staffLinkList li a .linksTtl {
  color: #274c80;
  font-weight: bold;
  font-size: 30px;
  font-size: 3rem;
  margin-top: 20px;
}
.staffLinkList li a .linksTtl small {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
.staffLinkList li a .txt {
  margin-top: 7px;
}
@media screen and (max-width: 736px) {
  .staffLinkList li {
    margin-bottom: 15px;
  }
  .staffLinkList li a {
    padding: 10px 3%;
  }
  .staffLinkList li a .linksTtl {
    font-size: 20px;
    font-size: 2rem;
    margin-top: 10px;
  }
  .staffLinkList li a img {
    float: none;
    margin: 0;
    width: 100%;
  }
}
@media screen and (min-width: 737px) {
  .staffLinkList li.linkSizeL a {
    overflow: hidden;
  }
  .staffLinkList li.linkSizeL a img {
    float: left;
    margin-right: 30px;
  }
  .staffLinkList li.linkSizeL a p {
    padding-right: 30px;
  }
  .staffLinkList li.linkSizeM {
    display: inline-block;
    vertical-align: top;
    width: 330px;
  }
  .staffLinkList li.linkSizeM a .linksTtl {
    font-size: 24px;
    font-size: 2.4rem;
    margin-top: 20px;
    padding: 0 20px 0 20px;
  }
  .staffLinkList li.linkSizeM a .txt {
    padding: 0 20px 20px 20px;
  }
  .staffLinkList li.linkSizeM:nth-child(odd) {
    float: right;
  }
  .staffLinkList li.linkSizeM:nth-child(even) {
    float: left;
  }
  .staffLinkList li.linkSizeM:last-child, .staffLinkList li.linkSizeM:nth-last-child(2) {
    margin-bottom: 0;
  }
}

/* company
========================================================================== */
.aboutCompanyList {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 736px) {
  .aboutCompanyList {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.aboutCompanyList li {
  border-bottom: #cecfd4 1px solid;
  padding: 15px 0px;
}
.aboutCompanyList li:first-child {
  padding-top: 0px;
}
.aboutCompanyList li:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}
@media screen and (max-width: 736px) {
  .aboutCompanyList li {
    padding: 10px 0;
  }
}

.aboutCompanyList strong {
  color: #c18930;
  font-size: 23px;
  font-size: 2.3rem;
}
@media screen and (max-width: 736px) {
  .aboutCompanyList strong {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.contentWrapper .companySummaryTable:first-child {
  border-bottom: none;
}

.companySummaryTable {
  width: 100%;
}

.companySummaryTable th {
  width: 25%;
}

.companySummaryTable td {
  width: 75%;
}

.companySummaryTable .companyOfficeColumn {
  vertical-align: top;
  width: 50%;
}

.companySummaryTable td.companyOfficeColumn {
  border-bottom: none;
}

.companySummaryTable .companyOfficeColumn img {
  display: block;
  margin: 0 auto 10px auto;
}

@media screen and (min-width: 737px) {
  .companySummaryTable.pc {
    display: table !important;
  }
}
@media screen and (max-width: 736px) {
  .companySummaryTable.sp {
    border: none;
    display: table !important;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .companySummaryTable.sp th,
.companySummaryTable.sp td {
    display: block;
    width: 100%;
  }
  .companySummaryTable.sp th {
    border-bottom: none;
    text-align: left;
  }
}
.imgLogoCompany {
  display: block;
  margin: 20px auto 30px auto;
}

/* officer
========================================================================== */
.companyOfficerTable {
  width: 100%;
}

.companyOfficerTable th {
  text-align: left;
  width: 21%;
}
@media screen and (max-width: 736px) {
  .companyOfficerTable th {
    width: 25%;
  }
}

.companyOfficerTable.wide th {
  width: 25%;
}

.companyOfficerTable td {
  width: 80%;
}
@media screen and (max-width: 736px) {
  .companyOfficerTable td {
    width: 75%;
  }
}

/* message
========================================================================== */
.mainImgMessage {
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .mainImgMessage {
    width: 100%;
  }
}

.catchMessage {
  color: #274c80;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .catchMessage {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}

/* history
========================================================================== */
.historyList {
  background-image: url(/assets/img/about/img_history03.png), url(/assets/img/about/img_history04.png);
  background-position: right 50%, 130% 68%;
  background-repeat: no-repeat;
}
.historyList li {
  display: table;
  width: 100%;
}
.historyList li:nth-child(1) .historyImg, .historyList li:nth-child(2) .historyImg {
  display: block;
  margin: 15px auto 0px;
}
.historyList li:nth-child(5) dl {
  padding-bottom: 0px;
}
.historyList li .eraNumArea {
  background: url(/assets/img/about/line_gold.gif) repeat-y top center;
  display: table-cell;
  vertical-align: top;
  width: 150px;
}
.historyList li .eraNumArea:last-child {
  background: none;
}
@media screen and (min-width: 737px) {
  .historyList li .eraNumArea:last-child .eraNum {
    padding-top: 55px;
  }
}
.historyList li .eraNumArea .eraNum {
  background-color: #c18930;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  height: 150px;
  line-height: 1;
  padding-top: 45px;
  text-align: center;
  width: 150px;
}
.historyList li .eraNumArea .eraNum strong {
  font-size: 34px;
  font-size: 3.4rem;
}
.historyList li .eraNumArea .eraNum small {
  font-size: 18px;
  font-size: 1.8rem;
}
.historyList li dl {
  font-size: 14px;
  font-size: 1.4rem;
  display: table-cell;
  padding: 0px 0px 50px 20px;
  vertical-align: top;
  width: 478px;
}
.historyList li dl dt {
  color: #274c80;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
  padding: 40px 0px 20px 0px;
}
@media screen and (max-width: 736px) {
  .historyList {
    background: none;
  }
  .historyList li {
    display: block;
  }
  .historyList li + li {
    margin-top: 20px;
  }
  .historyList li:nth-child(3) {
    background: url(/assets/img/about/img_history03.png) no-repeat center bottom;
    background-size: 90% auto;
  }
  .historyList li:nth-child(4) {
    background: url(/assets/img/about/img_history04.png) no-repeat center 80%;
    background-size: 100% auto;
  }
  .historyList li .eraNumArea {
    background: #c18930;
    display: block;
    width: 100%;
  }
  .historyList li .eraNumArea .eraNum {
    border-radius: 0;
    padding: 10px 3%;
    text-align: left;
    width: 100%;
    height: auto;
  }
  .historyList li .eraNumArea .eraNum br {
    display: none;
  }
  .historyList li .eraNumArea .eraNum strong {
    font-size: 30px;
    font-size: 3rem;
  }
  .historyList li dl {
    display: block;
    padding: 0;
    width: 100%;
  }
  .historyList li dl dt {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 10px 0px;
  }
  .historyList li dl dt br {
    display: none;
  }
  .historyList li dl dd {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .historyList li .txtC {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

/* office_list
========================================================================== */
.officeMapImg {
  display: block;
  margin: 0 auto;
  width: 557px;
}

@media screen and (max-width: 736px) {
  .mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList {
    margin-bottom: 0 !important;
    padding: 0 3%;
  }
}

.mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList .mainTab li {
  cursor: pointer;
  color: #274c80;
}
.mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList .mainTab li p {
  background-image: url(/assets/img/icon-common-circle_off.png);
  background-repeat: no-repeat;
  background-position: left center;
  display: inline-block;
  margin-left: -6px;
  padding-left: 34px;
  letter-spacing: -0.02em;
}

.mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList .mainTab li.current {
  color: #fff;
}
.mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList .mainTab li.current p {
  background-image: url(/assets/img/icon-common-circle_on.png);
}

.mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList .subTabBlue {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  table-layout: fixed;
  width: 100%;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList .subTabBlue {
    display: block;
  }
  .mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList .subTabBlue:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
}
.mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList .subTabBlue li {
  background-color: #fff;
  border-right: #ebf1fb 3px solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #274c80;
  cursor: pointer;
  display: table-cell;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 17px;
  font-size: 1.7rem;
  height: 40px;
  line-height: 40px;
  width: auto;
}
.mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList .subTabBlue li span {
  background-color: transparent;
}
.mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList .subTabBlue li:last-child {
  border-right: none;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList .subTabBlue li {
    width: 49%;
    display: inline-block;
    float: left;
    margin: 5px 0 0;
  }
  .mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList .subTabBlue li :nth-child(even) {
    margin: 5px 0 0 2%;
  }
  .mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList .subTabBlue li :nth-child(1) {
    margin: 0;
  }
  .mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList .subTabBlue li :nth-child(2) {
    margin: 0 0 0 2%;
  }
}
.mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList .subTabBlue li.current {
  background-color: #ebf1fb;
}

.mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents > .inner .main .tabBlock.tabOfficeList:after {
    width: 94%;
    margin: 0 3%;
  }
}

.mainWrapper .mainContents > .inner .main .listHall .tabBlock:after,
.mainWrapper .mainContents > .inner .main .listOffice .tabBlock:after {
  content: none;
}

.hide {
  display: none;
}

.officeListTable {
  width: 100%;
}
.officeListTable .officeName {
  font-weight: bold;
  width: 30%;
}
.officeListTable .officeName span {
  font-size: 1.1rem;
}
@media screen and (max-width: 736px) {
  .officeListTable .officeName span {
    padding-left: 3px;
  }
}
.officeListTable .telNum,
.officeListTable .faxNum {
  text-align: center;
  width: 25%;
}
.officeListTable .address {
  width: 45%;
}
@media screen and (max-width: 736px) {
  .officeListTable {
    border: none;
  }
  .officeListTable:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  .officeListTable .header {
    display: none;
  }
  .officeListTable .officeName {
    display: block;
    width: 94%;
    border: none;
    color: #34507e;
    background: #efebd3;
    margin: 20px 3% 0;
  }
  .officeListTable .telNum,
.officeListTable .faxNum {
    text-align: left;
    width: 64%;
    display: inline-block;
    float: left;
    border-top: #cecfd4 1px solid;
    border-left: #cecfd4 1px solid;
    border-right: #cecfd4 1px solid;
    border-bottom: none;
    margin-right: 3%;
    min-height: 43px;
  }
  .officeListTable .label {
    width: 30%;
    display: inline-block;
    float: left;
    border-top: #cecfd4 1px solid;
    border-left: #cecfd4 1px solid;
    border-right: none;
    border-bottom: none;
    margin-left: 3%;
  }
  .officeListTable .address {
    width: 64%;
    display: inline-block;
    float: left;
    border-top: #cecfd4 1px solid;
    border-left: #cecfd4 1px solid;
    border-right: #cecfd4 1px solid;
    border-bottom: #cecfd4 1px solid;
    margin-right: 3%;
  }
  .officeListTable .addressLabel {
    width: 30%;
    display: inline-block;
    float: left;
    border-top: #cecfd4 1px solid;
    border-left: #cecfd4 1px solid;
    border-right: none;
    border-bottom: #cecfd4 1px solid;
    margin-left: 3%;
  }
}

/* aboutus
========================================================================== */
.aboutUsListArea {
  background-size: 100% !important;
}
.aboutUsListArea h2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  padding: 40px 30px 0px 30px;
  width: 100%;
}
@media screen and (max-width: 736px) {
  .aboutUsListArea h2 {
    padding: 10px 3% 0 0;
    position: relative;
  }
}
.aboutUsListArea h2 .pointNum {
  background-color: #c18930;
  color: #fff;
  display: table-cell;
  font-size: 48px;
  font-size: 4.8rem;
  height: 100px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  width: 100px;
}
@media screen and (max-width: 736px) {
  .aboutUsListArea h2 .pointNum {
    display: inline-block;
    font-size: 30px;
    font-size: 3rem;
    height: 56px;
    padding: 10px 0;
    position: absolute;
    top: 3px;
    left: 0;
    width: 70px;
  }
}
.aboutUsListArea h2 .pointNum small {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
}
@media screen and (max-width: 736px) {
  .aboutUsListArea h2 .pointNum small {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.aboutUsListArea h2 .pointTtl {
  color: #274c80;
  display: table-cell;
  font-size: 50px;
  font-size: 5rem;
  height: 100px;
  line-height: 100px;
  padding-left: 20px;
  vertical-align: middle;
}
@media screen and (max-width: 736px) {
  .aboutUsListArea h2 .pointTtl {
    display: block;
    font-size: 24px;
    font-size: 2.4rem;
    height: 69px;
    line-height: 66px;
    padding-left: 80px;
    text-shadow: 0 1px 3px #fff, -1px -1px 3px #fff, 1px -1px 3px #fff, 1px 1px 3px #fff, -1px 0 3px #fff;
  }
}
.aboutUsListArea h2 .pointTtl b {
  border-bottom: #274c80 3px solid;
  display: block;
}
.aboutUsListArea .aboutUsPointList li {
  border-bottom: #bfbfbf 1px solid;
  overflow: hidden;
  padding: 30px;
}
@media screen and (max-width: 736px) {
  .aboutUsListArea .aboutUsPointList li {
    padding: 15px 3%;
  }
}
.aboutUsListArea .aboutUsPointList li h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 30px;
}
@media screen and (max-width: 736px) {
  .aboutUsListArea .aboutUsPointList li h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
}
.aboutUsListArea .aboutUsPointList li h3 strong {
  color: #c18930;
  font-size: 30px;
  font-size: 3rem;
}
@media screen and (max-width: 736px) {
  .aboutUsListArea .aboutUsPointList li h3 strong {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 737px) {
  .aboutUsListArea .aboutUsPointList li .floL {
    float: left;
    margin-right: 30px;
  }
  .aboutUsListArea .aboutUsPointList li .floR {
    float: right;
    margin-left: 30px;
  }
}
@media screen and (max-width: 736px) {
  .aboutUsListArea .aboutUsPointList li .floL,
.aboutUsListArea .aboutUsPointList li .floR {
    display: block;
    margin: 0 auto 15px;
  }
}
.aboutUsListArea .aboutUsPointList li .pricavy {
  width: 100%;
  display: table;
}
.aboutUsListArea .aboutUsPointList li .pricavy .mark {
  display: table-cell;
  vertical-align: middle;
  width: auto;
  padding: 0 30px;
}
@media screen and (max-width: 736px) {
  .aboutUsListArea .aboutUsPointList li .pricavy .mark {
    padding: 0 0 0 10px;
    width: 64px;
  }
}
.aboutUsListArea .aboutUsPointList li .pricavy .mark img {
  margin-bottom: 20px;
}

.aboutUsListArea.point1 {
  background: url(/assets/img/about/bg-about-ttl-point01.png) no-repeat top left #fff;
}
@media screen and (max-width: 736px) {
  .aboutUsListArea.point1 {
    background: #fff;
  }
}
@media screen and (max-width: 736px) {
  .aboutUsListArea.point1 h2 {
    background: url(/assets/img/about/bg-about-ttl-point01.png) no-repeat top left;
    background-size: 100%;
    overflow: hidden;
  }
}

.aboutUsListArea.point2 {
  background: url(/assets/img/about/bg-about-ttl-point02.png) no-repeat top left #fff;
}
@media screen and (max-width: 736px) {
  .aboutUsListArea.point2 {
    background: #fff;
  }
}
@media screen and (max-width: 736px) {
  .aboutUsListArea.point2 h2 {
    background: url(/assets/img/about/bg-about-ttl-point02.png) no-repeat top left;
    background-size: 100%;
    overflow: hidden;
  }
}
.aboutUsListArea.point2 .coutTable {
  border-bottom: #cecfd4 1px solid;
  border-top: #cecfd4 1px solid;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  margin: 20px auto 0px auto;
  text-align: center;
  width: 400px;
}
.aboutUsListArea.point2 .coutTable td {
  padding: 20px 0px;
}
.aboutUsListArea.point2 .coutTable td .counterTtl {
  color: #274c80;
}
.aboutUsListArea.point2 .coutTable td strong {
  color: #c01046;
  font-size: 26px;
  font-size: 2.6rem;
  padding-right: 3px;
}
.aboutUsListArea.point2 .coutTable td:first-child p {
  border-right: #cecfd4 1px dashed;
}

.aboutUsListArea.point3 {
  background: url(/assets/img/about/bg-about-ttl-point03_mod.png) no-repeat top left #fff;
}
@media screen and (max-width: 736px) {
  .aboutUsListArea.point3 {
    background: #fff;
  }
}
@media screen and (max-width: 736px) {
  .aboutUsListArea.point3 h2 {
    background: url(/assets/img/about/bg-about-ttl-point03_mod.png) no-repeat top left;
    background-size: 100%;
    overflow: hidden;
  }
}
.aboutUsListArea.point3 .aboutUsPointList li:first-child {
  background: url(/assets/img/about/bg-about-point03-1.png) no-repeat center;
  height: 300px;
}
@media screen and (max-width: 736px) {
  .aboutUsListArea.point3 .aboutUsPointList li:first-child {
    background-size: 90% auto;
    height: auto;
  }
}

/* ========================================================================== */
/* access */
/* ========================================================================== */
.hallInfo span {
  display: block;
  background-color: #fcf4ce;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 5px;
  border: solid 1px #ccc;
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 736px) {
  .mainWrapper .mainTitleBlock.hallDetail {
    padding-left: 0;
  }
  .mainWrapper .mainTitleBlock.hallDetail .ruby {
    padding: 0 3%;
    margin-top: -25px;
  }
  .mainWrapper .mainTitleBlock.hallDetail .telNum {
    position: relative;
    bottom: initial;
    right: initial;
    width: 100%;
  }
  .mainWrapper .mainTitleBlock.hallDetail .telNum img {
    margin: 0;
    padding: 15px 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
}
@media screen and (max-width: 736px) and (max-width: 736px) {
  .mainWrapper .mainTitleBlock.hallDetail .telNum .placeName {
    height: auto;
    line-height: inherit;
    padding: 5px;
  }
}
/* placeForeword
========================================================================== */
.placeForeword {
  margin-bottom: 40px;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .placeForeword {
    margin-bottom: 20px;
    padding: 0 3%;
  }
}
.placeForeword .thumb {
  float: left;
  width: 180px;
}
@media screen and (max-width: 736px) {
  .placeForeword .thumb {
    float: none;
    width: 100%;
  }
}
.placeForeword .thumb img {
  width: 80%;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .placeForeword .thumb img {
    width: 70%;
  }
}
.placeForeword .placeText {
  width: 490px;
  float: right;
}
@media screen and (max-width: 736px) {
  .placeForeword .placeText {
    float: none;
    margin-top: 10px;
    width: 100%;
  }
}
.placeForeword .placeText .placeTagList {
  margin-bottom: 12px;
}
.placeForeword .placeText p {
  color: #040d18;
  line-height: 1.5;
}
.placeForeword .placeBanner {
  width: 600px;
  margin: 30px auto 0;
}
@media screen and (max-width: 736px) {
  .placeForeword .placeBanner {
    width: 100%;
    margin: 15px auto 0;
  }
}
.placeForeword .placeBanner a:hover {
  text-decoration: none;
}
.placeForeword .placeBanner .bannerBox {
  padding: 24px 78px 24px;
  background: url(/assets/img/hall/bg-bnr-owakare.jpg) no-repeat;
}
@media screen and (max-width: 736px) {
  .placeForeword .placeBanner .bannerBox {
    background: url(/assets/img/hall/bg-bnr-owakare-sp.jpg) no-repeat;
    background-size: 100%;
    padding: 4% 3% 5% 11%;
  }
}
.placeForeword .placeBanner .bannerBox:hover {
  opacity: 0.8;
}
.placeForeword .placeBanner .bannerBox .bannerTtl {
  color: #463d7a;
  font-size: 24px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  text-shadow: -1px -1px 5px #ffffff, -1px -1px 5px #ffffff, -1px -1px 5px #ffffff, -1px -1px 3px #ffffff;
  line-height: 3.5rem;
}
.placeForeword .placeBanner .bannerBox .bannerTtl span {
  font-size: 3.2rem;
  padding: 0 4px;
}
@media screen and (max-width: 736px) {
  .placeForeword .placeBanner .bannerBox .bannerTtl {
    font-size: 1.7rem;
    line-height: 2.5rem;
  }
  .placeForeword .placeBanner .bannerBox .bannerTtl span {
    font-size: 2.3rem;
    padding: 2px;
  }
}
.placeForeword .placeBanner .bannerBox .bannerTxt {
  color: #000;
  padding-left: 4px;
}
@media screen and (max-width: 736px) {
  .placeForeword .placeBanner .bannerBox .bannerTxt {
    font-size: 14px;
  }
}

/* placeDetail
========================================================================== */
.placeDetail {
  background-color: #fff;
  border: solid 1px #eceef2;
  padding: 25px;
}
@media screen and (max-width: 736px) {
  .placeDetail {
    padding: 20px 3%;
    margin-bottom: 20px !important;
  }
}
.placeDetail .mapArea {
  border: solid 1px #dcdcdc;
}
.placeDetail .mapArea iframe {
  vertical-align: bottom;
}
@media screen and (max-width: 736px) {
  .placeDetail .mapArea iframe {
    width: 100%;
  }
}
.placeDetail .accessBtn {
  cursor: pointer;
  color: #375689;
  margin: 15px 0 20px;
  float: right;
  font-weight: bold;
  background: -moz-linear-gradient(top, #ffffff 27%, #cfcfcf 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #ffffff 27%, #cfcfcf 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #ffffff 27%, #cfcfcf 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 27%, #cfcfcf 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#cfcfcf",GradientType=0 );
  /* IE6-9 */
  border: solid 1px #706961;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  height: 44px;
  line-height: 44px;
  padding: 0 10px;
}
@media screen and (min-width: 737px) {
  .placeDetail .accessBtn:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 736px) {
  .placeDetail .accessBtn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
  }
}
.placeDetail .accessBtn span {
  background: url(/assets/img/icon-common-clip.png) no-repeat left center;
  padding: 10px 0 10px 25px;
}
.placeDetail table {
  table-layout: fixed;
  width: 100%;
  clear: both;
  font-size: 15px;
  font-size: 1.5rem;
  border-top: solid 1px #d1c0a5;
  border-left: solid 1px #d1c0a5;
}
@media screen and (max-width: 736px) {
  .placeDetail table {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.placeDetail table tr th {
  width: 93px;
  font-weight: normal;
  background-color: #d1c0a5;
}
@media screen and (max-width: 736px) {
  .placeDetail table tr th {
    width: 60px;
  }
}
.placeDetail table tr th, .placeDetail table tr td {
  padding: 7px 10px;
  border-bottom: solid 1px #e6ddcf;
  border-right: solid 1px #e6ddcf;
}
@media screen and (max-width: 736px) {
  .placeDetail table tr th, .placeDetail table tr td {
    padding: 7px;
  }
}
.placeDetail table tr td:last-of-type {
  border-right: solid 1px #d1c0a5;
}
.placeDetail table tr:last-child th, .placeDetail table tr:last-child td {
  border-bottom: solid 1px #d1c0a5;
}
@media screen and (max-width: 736px) {
  .placeDetail table tr td.short {
    text-align: center;
  }
}

/* placePoint
========================================================================== */
.placePoint {
  background-color: #fff;
  border: solid 1px #eceef2;
  padding: 25px;
}
@media screen and (max-width: 736px) {
  .placePoint {
    padding: 25px 3%;
  }
}
@media screen and (max-width: 736px) {
  .placePoint .sliderSp {
    text-align: center;
  }
  .placePoint .sliderSp .bx-wrapper {
    position: relative;
  }
  .placePoint .sliderSp .bx-wrapper .bx-caption {
    margin: 10px 0 15px;
  }
  .placePoint .sliderSp .bx-pager {
    margin-bottom: 10px;
  }
  .placePoint .sliderSp .bx-pager .bx-pager-item {
    display: inline-block;
  }
  .placePoint .sliderSp .bx-pager .bx-pager-item a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
  }
  .placePoint .sliderSp .bx-pager .bx-pager-item a.active {
    background: #000;
  }
  .placePoint .sliderSp .bx-controls-direction a {
    position: absolute;
    top: 38%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 100;
  }
  .placePoint .sliderSp .bx-controls-direction a.bx-prev {
    left: 0;
    background: url(../img/hall/sp/controls.png) no-repeat 0 -32px;
  }
  .placePoint .sliderSp .bx-controls-direction a.bx-next {
    right: 0;
    background: url(../img/hall/sp/controls.png) no-repeat -43px -32px;
  }
}
.placePoint .thumbList {
  overflow: hidden;
  margin-left: -5px;
}
@media screen and (max-width: 736px) {
  .placePoint .thumbList {
    margin-left: 0;
  }
}
.placePoint .thumbList li {
  margin: 0 0 15px 10px;
  float: left;
}
@media screen and (max-width: 736px) {
  .placePoint .thumbList li {
    margin: 0 0 10px;
    float: none;
  }
}
.placePoint .thumbList li p {
  width: 204px;
  margin: 5px 0;
}
@media screen and (max-width: 736px) {
  .placePoint .thumbList li p {
    width: 100%;
  }
}
@media screen and (max-width: 736px) {
  .placePoint .thumbList li img {
    width: 70%;
  }
}
.placePoint .pointList {
  width: 100%;
}
.placePoint .pointList li {
  border: solid 1px #e0e0e0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 8px;
  padding: 14px 0;
}
.placePoint .pointList li:last-child {
  margin-bottom: 0;
}
.placePoint .pointList li dl {
  line-height: 1;
  border-left: solid 4px #3c5e8c;
  padding: 0 10px 0 7px;
  letter-spacing: -0.03em;
}
.placePoint .pointList li dl dt {
  margin-top: 2px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #34507e;
  font-weight: bold;
  margin-bottom: 12px;
}
.placePoint .pointList li dl dd {
  line-height: 1.5;
}

/* placePublicity
========================================================================== */
.placePublicity {
  margin-bottom: 55px;
  background-color: #fff;
}
@media screen and (max-width: 736px) {
  .placePublicity {
    margin-bottom: 25px;
  }
}
.placePublicity .publicityTitle {
  background-color: #304b78;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  height: 50px;
  line-height: 50px;
}
@media screen and (max-width: 736px) {
  .placePublicity .publicityTitle {
    font-size: 18px;
    font-size: 1.8rem;
    height: auto;
    line-height: inherit;
    padding: 5px;
  }
}
.placePublicity .telNumArea {
  text-align: center;
  letter-spacing: -0.4em;
  margin-bottom: 23px;
}
@media screen and (max-width: 736px) {
  .placePublicity .telNumArea {
    padding: 0 3%;
  }
}
.placePublicity .telNumArea p {
  margin: 15px 0;
  letter-spacing: normal;
}
@media screen and (max-width: 736px) {
  .placePublicity .telNumArea .telNum {
    margin-bottom: 20px;
  }
}
.placePublicity .telNumArea .telNum, .placePublicity .telNumArea a {
  display: inline-block;
  vertical-align: middle;
}
.placePublicity .telNumArea a {
  margin-left: 15px;
}
@media screen and (max-width: 736px) {
  .placePublicity .telNumArea a {
    margin-left: 0;
  }
}
.placePublicity .pointArea {
  background-color: #dfe5f6;
  padding: 20px 16px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .placePublicity .pointArea {
    padding: 20px 3% 0;
  }
}
.placePublicity .pointArea:after {
  content: "";
  background: url(/assets/img/access/bg-publicity_mod.png) no-repeat 0;
  display: block;
  width: 238px;
  height: 153px;
  position: absolute;
  bottom: 0;
  right: 14px;
}
@media screen and (max-width: 736px) {
  .placePublicity .pointArea:after {
    content: none;
  }
}
.placePublicity .pointArea p {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #304b78;
}
@media screen and (max-width: 736px) {
  .placePublicity .pointArea p {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0 40% 15px 0;
    position: relative;
    text-align: left;
  }
  .placePublicity .pointArea p:after {
    content: "";
    background: url(/assets/img/access/bg-publicity_mod.png) no-repeat 0;
    background-size: 128px;
    display: block;
    width: 128px;
    height: 83px;
    position: absolute;
    bottom: -7px;
    right: 2%;
  }
}
.placePublicity .pointArea ol {
  margin-top: 12px;
  margin-left: 15px;
}
@media screen and (max-width: 736px) {
  .placePublicity .pointArea ol {
    margin-left: 5px;
  }
}
.placePublicity .pointArea ol li {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 5px;
}
@media screen and (max-width: 736px) {
  .placePublicity .pointArea ol li {
    font-size: 18px;
    font-size: 1.8rem;
    height: 56px;
    padding-left: 50px;
    position: relative;
  }
}
.placePublicity .pointArea ol li:last-child {
  margin-bottom: 0;
}
.placePublicity .pointArea ol li * {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
}
@media screen and (max-width: 736px) {
  .placePublicity .pointArea ol li * {
    vertical-align: top;
  }
}
.placePublicity .pointArea ol li img {
  margin: -2px 10px 2px 0;
}
@media screen and (max-width: 736px) {
  .placePublicity .pointArea ol li img {
    margin: -5px 10px 2px 0;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 736px) {
  .placePublicity .pointArea .deskBanner .detail {
    background: none;
    padding: 0 0 20px;
  }
  .placePublicity .pointArea .deskBanner .detail img {
    position: relative;
    z-index: 1;
  }
}

/* backHallList
========================================================================== */
.backHallList {
  text-align: center;
}
@media screen and (max-width: 736px) {
  .backHallList {
    padding: 0 3%;
  }
}
@media screen and (max-width: 736px) {
  .backHallList .grayBtn {
    padding: 0;
    width: 100%;
  }
}
.backHallList .grayBtn span {
  padding: 0 25px 0 40px;
}
@media screen and (max-width: 736px) {
  .backHallList .grayBtn span {
    display: inline-block;
    background-position: left 10px top 17px;
  }
}
@media screen and (max-width: 736px) {
  .backHallList .grayBtn span strong {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 736px) {
  .backHallList .grayBtn span strong.large {
    font-size: 20px;
    font-size: 2rem;
    padding-right: 0px;
  }
}

/* ========================================================================== */
/* shasou type */
/* ========================================================================== */
.contentWrapper > .innerTitle {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 10px;
}

.contentWrapper > .foreword {
  margin-bottom: 35px;
}
@media screen and (max-width: 736px) {
  .contentWrapper > .foreword {
    margin-bottom: 20px;
  }
}

.blurbText {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #282828;
  line-height: 1.75;
}
@media screen and (max-width: 736px) {
  .blurbText {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.blueMiddleTitle {
  color: #274c80;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 736px) {
  .blueMiddleTitle {
    font-size: 20px;
    font-size: 2rem;
  }
}

/* borderBlock
========================================================================== */
.borderBlock {
  border-top: solid 3px #274c80;
  padding: 20px 10px 45px;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .borderBlock {
    padding: 20px 0;
  }
}
.borderBlock .inner {
  width: 385px;
  float: left;
}
@media screen and (max-width: 736px) {
  .borderBlock .inner {
    float: none;
    width: 100%;
  }
}
.borderBlock img {
  float: right;
}
@media screen and (max-width: 736px) {
  .borderBlock img {
    float: none;
    margin-top: 20px;
    width: 100%;
  }
}
.borderBlock .notes {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 20px;
  padding: 12px 14px;
  color: #072976;
  background-color: #efebd3;
}
.borderBlock .notes .listTitle {
  font-weight: bold;
}
.borderBlock .notes ul {
  margin-top: 10px;
  margin-left: 5px;
  overflow: hidden;
}
.borderBlock .notes ul li {
  width: 33%;
  float: left;
}
@media screen and (max-width: 736px) {
  .borderBlock .notes ul li {
    float: none;
    width: 100%;
  }
}
.borderBlock .notes ul li:before {
  background: #072976;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 9px;
  height: 9px;
}

.priceDetail {
  margin: 40px 0 55px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 736px) {
  .priceDetail {
    margin: 20px 0 25px;
  }
}
.priceDetail .price {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  color: #c89f5f;
  font-size: 48px;
  font-size: 4.8rem;
  font-style: oblique;
  padding-right: 6px;
}
@media screen and (max-width: 736px) {
  .priceDetail .price {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
.priceDetail .yen {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-size: 15px;
  font-size: 1.5rem;
}
@media screen and (max-width: 736px) {
  .priceDetail .yen {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* shashoDetail
========================================================================== */
.shasoDetail {
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
  table-layout: fixed;
  border-top: solid 1px #cecfd4;
  border-left: solid 1px #cecfd4;
}
.shasoDetail tr th, .shasoDetail tr td {
  border-bottom: solid 1px #cecfd4;
  border-right: solid 1px #cecfd4;
}
.shasoDetail tr th {
  background-color: #f0e8dc;
  font-weight: bold;
  padding: 15px 0;
}
.shasoDetail tr th:first-of-type {
  width: 110px;
}
.shasoDetail tr td {
  padding: 15px 12px;
}
.shasoDetail tr td:first-of-type {
  text-align: center;
}

/* caseList
========================================================================== */
.caseList {
  font-size: 14px;
  font-size: 1.4rem;
  overflow: hidden;
  margin: -10px 0 0 -10px;
}
.caseList.column3 li a .ttlCase {
  font-size: 18px;
  font-size: 1.8rem;
}
.caseList li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 737px) {
  .caseList li {
    float: left;
    width: 340px;
    border: solid 1px #b5b2bb;
    background-color: #fff;
    padding: 10px;
    margin: 10px 0 0 10px;
  }
}
.caseList li img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.caseList li .shasoType {
  float: left;
}
.caseList li .shasoType a {
  display: block;
  color: #fff;
  text-align: center;
  width: 105px;
  height: 25px;
  line-height: 25px;
}
.caseList li .shasoType.shaso a {
  background-color: #476fa0;
}
.caseList li .shasoType.owakare a {
  background-color: #df898c;
}
.caseList li .shasoType.goudou a {
  background-color: #529052;
}
.caseList li .capacity {
  float: right;
  font-size: 15px;
  font-size: 1.5rem;
}
.caseList li .capacity span {
  font-size: 18px;
  font-size: 1.8rem;
}
.caseList li .shasoTitle {
  clear: both;
  color: #274c80;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  padding: 5px 0;
  line-height: 1.3;
}
.caseList li .detail {
  background: url(/assets/img/bg-balloon-dotted.png) no-repeat top center;
  padding-top: 15px;
}
.caseList li .detail dl {
  margin-bottom: 5px;
  letter-spacing: -0.4em;
}
.caseList li .detail dl:last-child {
  margin-bottom: 0;
}
.caseList li .detail dl dt, .caseList li .detail dl dd {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
}
.caseList li .detail dl dt {
  line-height: 1.8;
  width: 70px;
  text-align: center;
  background-color: #f5f0e6;
}
.caseList li .detail dl dd {
  margin-left: 8px;
  width: 240px;
}
.caseList li .detail dl dd .price {
  color: #c18930;
  font-size: 30px;
  font-size: 3rem;
  font-style: oblique;
  padding-right: 4px;
}

@media screen and (max-width: 736px) {
  .caseList.shasoDetailPrice {
    padding: 20px 10px;
    margin: 0 0 20px !important;
    padding: 0 3%;
  }
  .caseList.shasoDetailPrice li {
    width: 100%;
    margin: 20px 0 0;
    -webkit-box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    -moz-box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    background: #fff;
    border: solid 1px #b5b2bb;
    margin-bottom: 10px;
    padding: 10px;
  }
  .caseList.shasoDetailPrice li:first-child {
    margin: 0;
  }
  .caseList.shasoDetailPrice li a {
    position: relative;
  }
  .caseList.shasoDetailPrice li a .typeTag {
    width: auto;
    padding: 2px 5px;
    min-width: 50px;
    margin: 0 10px 0 0;
    position: absolute;
    top: 0;
  }
  .caseList.shasoDetailPrice li a .assembled {
    font-size: 16px;
    font-size: 1.6rem;
    float: none;
    position: absolute;
    top: 0;
    right: 0;
  }
  .caseList.shasoDetailPrice li a .ttlCase {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 10px 20px 20px 0;
    position: relative;
    border-bottom: 1px dotted #ccc;
    font-weight: bold;
  }
  .caseList.shasoDetailPrice li a .ttlCase:after {
    background-image: url(/assets/img/sp/icon-common-blue.png);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }
  .caseList.shasoDetailPrice li a .ttlCase:before {
    position: absolute;
    content: "";
    background: url(/assets/img/price/sp/border-icon.png) no-repeat;
    background-size: 100%;
    width: 14px;
    height: 8px;
    bottom: -7px;
    left: 20px;
  }
  .caseList.shasoDetailPrice li a .caseDetail dt {
    width: 100px;
  }
  .caseList.shasoDetailPrice li a .caseThumb {
    padding-top: 35px;
  }
}
/* ========================================================================== */
/* knowledge */
/* ========================================================================== */
/* knowledge index
========================================================================== */
.knowledgelinkList {
  font-size: 15px;
  font-size: 1.5rem;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .knowledgelinkList {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px !important;
  }
}
.knowledgelinkList li {
  width: 330px;
  height: 265px;
  margin-bottom: 30px;
  padding: 40px 20px 0px 20px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .knowledgelinkList li {
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    padding: 0 3%;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.07);
  }
}
.knowledgelinkList li:after {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -150px;
  content: "";
  display: block;
  width: 300px;
  height: 4px;
  background-color: #324e7c;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
@media screen and (max-width: 736px) {
  .knowledgelinkList li:after {
    display: none;
  }
}
@media screen and (min-width: 737px) {
  .knowledgelinkList li:nth-child(odd) {
    float: left;
  }
  .knowledgelinkList li:nth-child(even) {
    float: right;
  }
}
.knowledgelinkList li a {
  background: url(/assets/img/icon-common-circle_gold_off.png) no-repeat right 90%;
  color: #0e1305;
  display: block;
  height: 100%;
}
.knowledgelinkList li a:hover {
  text-decoration: none;
}
@media screen and (max-width: 736px) {
  .knowledgelinkList li a {
    display: block;
    height: auto;
    padding: 30px 30px 20px 0;
    position: relative;
  }
  .knowledgelinkList li a:after {
    position: absolute;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: #324e7c;
  }
}
.knowledgelinkList li a h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 10px;
}
.knowledgelinkList li a h2 strong {
  color: #c18930;
  display: block;
  font-size: 60px;
  font-size: 6rem;
}
@media screen and (max-width: 736px) {
  .knowledgelinkList li a h2 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.4;
    padding: 20px 0 40px;
  }
  .knowledgelinkList li a h2 strong {
    font-size: 28px;
    font-size: 2.8rem;
    display: inline-block;
  }
}
.knowledgelinkList li a p {
  filter: progid:DXImageTransform.Microsoft.Glow(Color="#ffffff", Strength=3);
  zoom: 1;
  text-shadow: 1px 2px 0 #fff, 1px -2px 0 #fff, -1px 2px 0 #fff, -1px -2px 0 #fff, 2px 1px 0 #fff, 2px -1px 0 #fff, -2px 1px 0 #fff, -2px -1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff;
}
@media screen and (max-width: 736px) {
  .knowledgelinkList li a p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.knowledgelinkList li.linkKnowledgeMean {
  background: url(/assets/img/knowledge/bg-knowledge-link-mean_mod.png) no-repeat right bottom;
}
.knowledgelinkList li.linkKnowledgeType {
  background: url(/assets/img/knowledge/bg-knowledge-link-type.png) no-repeat right bottom;
}
.knowledgelinkList li.linkKnowledgeAction {
  background: url(/assets/img/knowledge/bg-knowledge-link-action.png) no-repeat right bottom;
}
.knowledgelinkList li.linkKnowledgeFlow {
  background: url(/assets/img/knowledge/bg-knowledge-link-flow_mod.png) no-repeat right bottom;
}
@media screen and (max-width: 736px) {
  .knowledgelinkList li.linkKnowledgeMean {
    background: url(/assets/img/knowledge/sp/bg-knowledge-link-mean_mod.png) no-repeat right top #fff;
    background-size: 165px;
  }
  .knowledgelinkList li.linkKnowledgeType {
    background: url(/assets/img/knowledge/sp/bg-knowledge-link-type.png) no-repeat right top #fff;
    background-size: 165px;
  }
  .knowledgelinkList li.linkKnowledgeAction {
    background: url(/assets/img/knowledge/sp/bg-knowledge-link-action.png) no-repeat right top #fff;
    background-size: 165px;
  }
  .knowledgelinkList li.linkKnowledgeFlow {
    background: url(/assets/img/knowledge/sp/bg-knowledge-link-flow_mod.png) no-repeat right top #fff;
    background-size: 165px;
  }
}

/* mean
========================================================================== */
.meanArea .meanList {
  background: url(/assets/img/knowledge/bg-mean01_mod.png) no-repeat left bottom;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
  height: 340px;
  margin: 0 0 50px -25px;
  width: 673px;
}
@media screen and (max-width: 736px) {
  .meanArea .meanList {
    width: 100%;
    height: auto;
    background: url(/assets/img/knowledge/bg-mean01_mod.png) no-repeat left center/169px 156px;
    margin: 0 0 0 -3%;
    padding: 0 3%;
  }
}
.meanArea .meanList strong {
  color: #c18930;
  font-size: 30px;
  font-size: 3rem;
}
@media screen and (max-width: 736px) {
  .meanArea .meanList strong {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.meanArea .meanList li {
  border-bottom: #cecfd4 1px solid;
  margin-left: 240px;
  padding: 15px 0px;
}
.meanArea .meanList li:last-child {
  border-bottom: none;
}
@media screen and (max-width: 736px) {
  .meanArea .meanList li {
    padding: 5px;
    margin-left: 120px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.meanArea .meanTxt {
  background: url(/assets/img/knowledge/bg-mean02.png) no-repeat top right;
  height: 253px;
}
@media screen and (max-width: 736px) {
  .meanArea .meanTxt {
    background: none;
    height: auto;
  }
}
.meanArea .meanTxt p {
  padding: 20px 0px;
  width: 380px;
}
@media screen and (max-width: 736px) {
  .meanArea .meanTxt p {
    width: 100%;
  }
}
.meanArea .meanTxt p b {
  color: #274c80;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 736px) {
  .meanArea .meanTxt p b {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 736px) {
  .meanArea .meanTxt .img {
    text-align: center;
  }
  .meanArea .meanTxt .img img {
    display: inline-block;
    max-width: 279px;
  }
}

/* featureType
========================================================================== */
.featureType {
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
  border-top: solid 1px #cecfd4;
  border-left: solid 1px #cecfd4;
  table-layout: fixed;
  background: url(/assets/img/bg-table-oblique-01.png) no-repeat 0 0;
}
@media screen and (max-width: 736px) {
  .featureType.noSpArea {
    display: none;
  }
}
.featureType tr th, .featureType tr td {
  border-bottom: solid 1px #cecfd4;
  border-right: solid 1px #cecfd4;
  padding: 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: -0.06em;
  vertical-align: top;
}
.featureType tr th.first, .featureType tr td.first {
  text-align: left;
  text-align: center;
  vertical-align: middle;
  width: 145px;
}
.featureType tr th.first {
  background-color: #f0e8dc;
}
.featureType tr th.shaso {
  background-color: #476fa0;
  color: #fff;
}
.featureType tr th.owakare {
  background-color: #df898c;
  color: #fff;
}
.featureType tr th.goudou {
  background-color: #529052;
  color: #fff;
}
.featureType tr td.first {
  background: inherit;
}
.featureType tr td.charge {
  vertical-align: middle;
  text-align: center;
}
.featureType tr td a {
  display: block;
  margin-top: 5px;
  text-align: center;
  border: solid 1px #b5b5b5;
  background: -moz-linear-gradient(top, #ffffff 27%, #cfcfcf 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #ffffff 27%, #cfcfcf 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #ffffff 27%, #cfcfcf 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 27%, #cfcfcf 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#cfcfcf",GradientType=0 );
  /* IE6-9 */
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  line-height: 1.5;
  padding: 5px 0;
}
.featureType tr td a:hover {
  text-decoration: none;
}
.featureType tr td a span {
  display: block;
  background: url(/assets/img/icon-common-arrow-next.png) no-repeat 10px center;
}

/* featureTypeList
========================================================================== */
.featureTypeList {
  padding: 0 3% 10px;
}
.featureTypeList li {
  background: #fff;
}
.featureTypeList li .title {
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 5px 3%;
  position: relative;
  margin: 0 0 10px;
}
.featureTypeList li .title.shaso {
  background: #476fa0;
}
.featureTypeList li .title.owakare {
  background: #df898c;
}
.featureTypeList li .title.goudou {
  background: #529052;
}
.featureTypeList li .label {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 5px 3%;
  position: relative;
  background: #f0e8dc;
  margin: 0 3%;
}
.featureTypeList li .text {
  padding: 10px 3%;
  margin: 0 3%;
}
.featureTypeList li .btnCommon {
  padding: 0 3% 20px;
  margin: 0 3% 20px;
}
.featureTypeList li .btnCommon a {
  padding: 10px 0 10px 20px;
}

/* action
========================================================================== */
@media screen and (max-width: 736px) {
  .actionArea .sidePad {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 3%;
  }
}

.actionColorList {
  text-align: right;
}
@media screen and (max-width: 736px) {
  .actionColorList {
    margin: 10px 0 0;
  }
}

.actionStepTitle {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  background: #274c80;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .actionStepTitle {
    padding: 0 3%;
  }
}

.actionStepImg {
  width: 100%;
  margin: 20px auto;
}
.actionStepImg img {
  text-align: center;
}

.actionStepImgBtn {
  margin: 10px;
}
.actionStepImgBtn a {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  height: 50px;
  line-height: 50px;
}

.actionStepColumnWrap {
  display: table;
  width: 100%;
}
.actionStepColumnWrap .listWrap {
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .actionStepColumnWrap .listWrap {
    padding: 0 3% 10px;
  }
}
.actionStepColumnWrap .inner1 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 10px;
  display: table-cell;
  background: #fbe3e3;
  width: 320px;
  border-right: 2px solid #fff;
}
.actionStepColumnWrap .inner1 .listHeader {
  background: #c43762;
}
@media screen and (max-width: 736px) {
  .actionStepColumnWrap .inner1 {
    display: block;
    width: 100%;
    border-right: none;
  }
}
.actionStepColumnWrap .inner2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 10px;
  display: table-cell;
  background: #f3e7d6;
  width: 164px;
  border-right: 2px solid #fff;
}
.actionStepColumnWrap .inner2 .listHeader {
  background: #997b4d;
}
@media screen and (max-width: 736px) {
  .actionStepColumnWrap .inner2 {
    display: block;
    width: 100%;
    border-right: none;
  }
  .actionStepColumnWrap .inner2.noSpArea {
    display: none;
  }
}
.actionStepColumnWrap .inner3 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 10px;
  display: table-cell;
  background: #eaedf2;
  width: 164px;
}
.actionStepColumnWrap .inner3 .listHeader {
  background: #34507e;
}
@media screen and (max-width: 736px) {
  .actionStepColumnWrap .inner3 {
    display: block;
    width: 100%;
  }
}
.actionStepColumnWrap .inner4 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 10px;
  display: block;
  background: #fbe3e3;
  width: 100%;
}
.actionStepColumnWrap .inner4 img {
  float: right;
  padding: 0 0 10px 10px;
}
.actionStepColumnWrap .listHeader {
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 100%;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
}
.actionStepColumnWrap h2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: block;
  background: #274c80 url(/assets/img/icon-common-smalltit2.png) 10px center no-repeat;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  padding: 6px 26px;
}
.actionStepColumnWrap p, .actionStepColumnWrap li {
  font-size: 14px;
  font-size: 1.4rem;
}
.actionStepColumnWrap p.icon24Hour, .actionStepColumnWrap li.icon24Hour {
  display: block;
  text-align: center;
  background: #274c80;
  color: #fff;
  font-weight: bold;
}
.actionStepColumnWrap h3 {
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}
.actionStepColumnWrap .innerBox {
  margin-bottom: 10px;
  display: block;
  background: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  box-shadow: rgba(220, 164, 164, 0.729412) 0px 1px 3px 1px;
  -webkit-box-shadow: rgba(220, 164, 164, 0.729412) 0px 1px 3px 1px;
  -moz-box-shadow: rgba(220, 164, 164, 0.729412) 0px 1px 3px 1px;
}
.actionStepColumnWrap .innerBox ul li {
  padding-left: 1em;
}
.actionStepColumnWrap .innerBox ul li:first-letter {
  margin-left: -1em;
}
@media screen and (max-width: 736px) {
  .actionStepColumnWrap .actionStepLabel {
    margin: 0 0 20px;
  }
  .actionStepColumnWrap .actionStepLabel span {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    width: 90px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .actionStepColumnWrap .actionStepLabel span.red {
    background: #c9426c;
  }
  .actionStepColumnWrap .actionStepLabel span.gold {
    background: #9a7c4c;
  }
  .actionStepColumnWrap .actionStepLabel span.blue {
    background: #274c80;
  }
}

/* expertPR
========================================================================== */
.expertPR {
  text-align: center;
}
.expertPR img {
  width: 100%;
  height: auto;
}
.expertPR p {
  margin-top: 15px;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 736px) {
  .expertPR p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.expertPR p strong {
  font-weight: normal;
  color: #c18930;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 736px) {
  .expertPR p strong {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

/* typeDetail
========================================================================== */
.typeDetail {
  padding: 34px;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .typeDetail {
    padding: 10px 0;
  }
}
.typeDetail .typeCaption {
  color: #c18930;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 736px) {
  .typeDetail .typeCaption {
    font-size: 20px;
    font-size: 2rem;
  }
}
.typeDetail > img {
  margin: 25px 0 60px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 736px) {
  .typeDetail > img {
    margin: 10px 0 20px;
  }
}
.typeDetail .type {
  margin-bottom: 20px;
  letter-spacing: -0.4em;
}
@media screen and (max-width: 736px) {
  .typeDetail .type {
    padding: 0 3%;
  }
}
.typeDetail .type p {
  margin-right: 5px;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
.typeDetail .type ul {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .typeDetail .type ul {
    display: block;
  }
}
.typeDetail .type ul li {
  width: 105px;
  height: 25px;
  line-height: 25px;
  float: left;
  letter-spacing: normal;
  margin-right: 5px;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
}
.typeDetail .type ul li span {
  display: block;
  color: #fff;
}
.typeDetail .type ul li.shaso span {
  background-color: #476fa0;
}
.typeDetail .type ul li.owakare span {
  background-color: #df898c;
}
.typeDetail .type ul li.goudou span {
  background-color: #529052;
}
.typeDetail .type ul li.youhai span {
  background-color: #624bc3;
}
@media screen and (max-width: 736px) {
  .typeDetail .type ul li {
    width: 90px;
  }
}
.typeDetail > p {
  padding-left: 1em;
  text-indent: -1em;
  margin: 0 3%;
}
.typeDetail .exampleTitle {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 3%;
}
.typeDetail .exampleList {
  letter-spacing: -0.4em;
  margin-top: 10px;
  margin-left: 44px;
  width: 400px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .typeDetail .exampleList {
    width: 85%;
  }
}
.typeDetail .exampleList li {
  display: inline-block;
  letter-spacing: normal;
  margin-right: 15px;
}
.typeDetail .exampleList:before {
  position: absolute;
  top: 0;
  left: -27px;
  display: block;
  content: "例";
  letter-spacing: normal;
}
@media screen and (min-width: 737px) {
  .typeDetail .inner {
    display: table;
    table-layout: fixed;
  }
  .typeDetail .inner .merit, .typeDetail .inner .demerit {
    width: 310px;
    display: table-cell;
    padding: 15px 15px 15px 12px;
  }
  .typeDetail .inner .merit p, .typeDetail .inner .demerit p {
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 12px;
    color: #274c80;
  }
  .typeDetail .inner .merit ul li, .typeDetail .inner .demerit ul li {
    margin-bottom: 10px;
    padding-left: 1em;
    background: url(/assets/img/icon-common-list.png) no-repeat left 8px;
  }
  .typeDetail .inner .merit ul li:last-child, .typeDetail .inner .demerit ul li:last-child {
    margin-bottom: 0;
  }
  .typeDetail .inner .merit {
    background-color: #efebd3;
    border-right: solid 22px #fff;
  }
  .typeDetail .inner .demerit {
    background-color: #ebf1fb;
  }
}
@media screen and (max-width: 736px) {
  .typeDetail .inner .merit, .typeDetail .inner .demerit {
    width: 100%;
    padding: 10px 3%;
    margin: 0 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .typeDetail .inner .merit p, .typeDetail .inner .demerit p {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 12px;
    color: #274c80;
  }
  .typeDetail .inner .merit ul li, .typeDetail .inner .demerit ul li {
    margin-bottom: 10px;
    padding-left: 1em;
    background: url(/assets/img/icon-common-list.png) no-repeat left 8px;
  }
  .typeDetail .inner .merit ul li:last-child, .typeDetail .inner .demerit ul li:last-child {
    margin-bottom: 0;
  }
  .typeDetail .inner .merit {
    background-color: #efebd3;
  }
  .typeDetail .inner .demerit {
    background-color: #ebf1fb;
  }
  .typeDetail .inner .accordionBtnSp {
    margin-bottom: 0 !important;
    position: relative;
  }
  .typeDetail .inner .accordionBtnSp:before {
    position: absolute;
    content: "";
    background: url(/assets/img/headerfooter/sp/icon-open-01.png) no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .typeDetail .inner .accordionBtnSp.on:before {
    background-image: url(/assets/img/headerfooter/sp/icon-close-01.png);
  }
  .typeDetail .inner .accordionBtnSp + ul {
    display: none;
    margin: 10px 0 0;
  }
}

/* compareType
========================================================================== */
.compareType {
  width: 100%;
  border-top: solid 1px #cecfd4;
  border-left: solid 1px #cecfd4;
  table-layout: fixed;
}
@media screen and (max-width: 736px) {
  .compareType.noSpArea {
    display: none;
  }
}
.compareType tr:first-of-type td {
  width: 110px;
}
.compareType tr:first-of-type th {
  padding: 10px;
  background-color: #f0e8dc;
}
.compareType tr:first-of-type th span {
  font-size: 14px;
  font-size: 1.4rem;
}
.compareType tr th, .compareType tr td {
  border-bottom: solid 1px #cecfd4;
  border-right: solid 1px #cecfd4;
}
.compareType tr th.merit, .compareType tr th.demerit, .compareType tr th.type {
  color: #34507e;
  padding: 10px;
}
.compareType tr th.merit {
  background-color: #efebd3;
}
.compareType tr th.demerit {
  background-color: #ebf1fb;
}
.compareType tr td {
  padding: 10px 10px 10px 5px;
  vertical-align: top;
}
.compareType tr td p {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 15px;
  font-size: 1.5rem;
}
.compareType tr td.tag {
  padding: 7px;
}
.compareType tr td.tag ul li {
  width: 72px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
}
.compareType tr td.tag ul li span {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  text-decoration: none !important;
  color: #fff;
}
.compareType tr td.tag ul li.shaso {
  margin-bottom: 5px;
}
.compareType tr td.tag ul li.shaso span {
  background-color: #476fa0;
}
.compareType tr td.tag ul li.owakare {
  margin-left: 6px;
}
.compareType tr td.tag ul li.owakare span {
  font-size: 13px;
  font-size: 1.3rem;
  background-color: #df898c;
}
.compareType tr td.tag ul li.goudou span {
  background-color: #529052;
}
.compareType tr td.tag ul.type2 li {
  display: block;
}

/* compareTypeList
========================================================================== */
@media screen and (max-width: 736px) {
  .compareTypeList {
    padding: 0 3%;
  }
  .compareTypeList li {
    background: #fff;
    margin: 0 0 20px;
  }
  .compareTypeList li .title {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 5px 3%;
    position: relative;
    background: #274c80;
    margin: 0 0 10px;
    color: #fff;
  }
  .compareTypeList li .label {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 5px 3%;
    position: relative;
    color: #34507e;
    font-weight: bold;
    margin: 0 3%;
  }
  .compareTypeList li .label.merit {
    background: #efebd3;
  }
  .compareTypeList li .label.demerit {
    background: #ebf1fb;
  }
  .compareTypeList li .label.type {
    background: #e8e9ed;
  }
  .compareTypeList li .textList {
    padding: 10px 3%;
    padding-left: 2em;
    margin: 0 3%;
  }
  .compareTypeList li .textList li {
    list-style: disc;
  }
  .compareTypeList li .tagList {
    padding: 10px 3% 20px;
  }
  .compareTypeList li .tagList:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  .compareTypeList li .tagList li {
    float: left;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    margin: 0 5px 0 0;
    width: 90px;
  }
  .compareTypeList li .tagList li span {
    display: block;
    height: 25px;
    line-height: 25px;
  }
  .compareTypeList li .tagList li.shaso span {
    background-color: #476fa0;
  }
  .compareTypeList li .tagList li.owakare span {
    font-size: 13px;
    font-size: 1.3rem;
    background-color: #df898c;
  }
  .compareTypeList li .tagList li.goudou span {
    background-color: #529052;
  }
}

/* flowDetail
========================================================================== */
.flowDetail {
  padding: 30px;
}
@media screen and (max-width: 736px) {
  .flowDetail {
    padding: 20px 3%;
  }
}
.flowDetail .boldTitle {
  font-weight: bold;
  margin-bottom: 5px;
}
.flowDetail .flowWrapper {
  background-image: url(/assets/img/knowledge/bg-knowledge-flow.png);
  background-repeat: no-repeat;
  background-position: 5px bottom;
  margin-bottom: 20px;
}
.flowDetail .flowWrapper:last-of-type {
  background-image: none;
}
@media screen and (max-width: 736px) {
  .flowDetail .flowWrapper:last-of-type {
    margin-bottom: 0;
  }
}
.flowDetail .flowWrapper .detail {
  display: table;
  width: 100%;
  padding-left: 45px;
  table-layout: fixed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.flowDetail .flowWrapper .detail .inner {
  width: auto;
  display: table-cell;
  padding: 20px 0;
}
@media screen and (max-width: 736px) {
  .flowDetail .flowWrapper .detail .inner {
    display: block;
    padding: 15px 0;
  }
}
.flowDetail .flowWrapper .detail .inner ul {
  margin-bottom: 15px;
  padding-right: 20px;
}
.flowDetail .flowWrapper .detail .inner ul:last-of-type {
  margin-bottom: 0;
}
.flowDetail .flowWrapper .detail .inner ul li {
  background-repeat: no-repeat;
  background-position: left 9px;
  padding-left: 14px;
}
@media screen and (max-width: 736px) {
  .flowDetail .flowWrapper .detail .inner ul li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.flowDetail .flowWrapper .detail .inner + .inner {
  padding: 0 0 15px;
}
.flowDetail .flowWrapper .link {
  margin-top: 10px;
  margin-left: 26px;
  padding-bottom: 30px;
  overflow: hidden;
  background: url(/assets/img/knowledge/bg-knowledge-link.png) no-repeat -38px 8px;
}
@media screen and (max-width: 736px) {
  .flowDetail .flowWrapper .link {
    padding-bottom: 20px;
  }
}
.flowDetail .flowWrapper .link p {
  width: 530px;
  margin-left: 48px;
  background-color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
@media screen and (max-width: 736px) {
  .flowDetail .flowWrapper .link p {
    background-color: inherit;
    margin-right: 10px;
    width: auto;
  }
}
.flowDetail .flowWrapper .link p .grayBtn {
  color: #274c80;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  width: 410px;
  text-decoration: none;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  border-color: #bebebe;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 736px) {
  .flowDetail .flowWrapper .link p .grayBtn {
    display: block;
    width: auto;
    font-size: 20px;
    font-size: 2rem;
  }
}
.flowDetail.shaso .boldTitle {
  color: #34507e;
}
.flowDetail.shaso .flowWrapper {
  background-color: #eaeff7;
}
.flowDetail.shaso .flowWrapper .inner ul li {
  background-image: url(/assets/img/knowledge/icon-knowledge-flow-shaso.png);
}
.flowDetail.owakare .boldTitle {
  color: #c05159;
}
.flowDetail.owakare .flowWrapper {
  background-color: #fce8ea;
}
.flowDetail.owakare .flowWrapper .inner ul li {
  background-image: url(/assets/img/knowledge/icon-knowledge-flow-owakare.png);
}
.flowDetail.goudou .boldTitle {
  color: #529052;
}
.flowDetail.goudou .flowWrapper {
  background-color: #e7f1e7;
}
.flowDetail.goudou .flowWrapper .inner ul li {
  background-image: url(/assets/img/knowledge/icon-knowledge-flow-goudou.png);
}
.flowDetail.misso .boldTitle {
  color: #997b4d;
}
.flowDetail.misso .flowWrapper {
  background-color: #f3e7d6;
}
.flowDetail.misso .flowWrapper .detail .inner .missoType {
  font-weight: bold;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  margin-bottom: 10px;
  padding: 0 14px;
  background-color: #997b4d;
  height: 25px;
  line-height: 25px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
@media screen and (max-width: 736px) {
  .flowDetail.misso .flowWrapper .detail .inner .mb30 {
    margin-bottom: 15px !important;
  }
}
.flowDetail.misso .flowWrapper .detail .inner:first-of-type {
  width: auto;
}
.flowDetail.misso .flowWrapper .detail .inner:last-of-type {
  width: 200px;
  padding: 15px;
}
@media screen and (max-width: 736px) {
  .flowDetail.misso .flowWrapper .detail .inner:last-of-type {
    width: auto;
    padding: 0 15px 15px 0;
  }
}
.flowDetail.misso .flowWrapper .detail .inner:last-of-type .houseFlow {
  background-color: #fff;
  padding: 8px 11px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.flowDetail.misso .flowWrapper .detail .inner:last-of-type .houseFlow .flowTitle {
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  height: 25px;
  line-height: 25px;
  margin-bottom: 10px;
  background-color: #c89f5f;
}
@media screen and (max-width: 736px) {
  .flowDetail.misso .flowWrapper .detail .inner.solo:last-of-type {
    padding: 15px 15px 0 0;
  }
}
.flowDetail.misso .flowWrapper .detail .inner ul li {
  background-image: url(/assets/img/knowledge/icon-knowledge-flow-misso.png);
}
.flowDetail h2 {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  border-bottom: solid 2px #274c80;
  padding: 0 0 15px 7px;
}
@media screen and (max-width: 736px) {
  .flowDetail h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}

/* practicalSeminar
========================================================================== */
.practicalSeminar {
  background-color: #fffef9;
  border: solid 4px #d1c0a5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .practicalSeminar {
    margin: 0 0 10px !important;
  }
}
.practicalSeminar .title {
  padding: 12px 16px 20px 17px;
  background: url(/assets/img/hall/bg-hall-point.png) repeat-x bottom center;
}
@media screen and (max-width: 736px) {
  .practicalSeminar .title {
    padding: 12px 3% 15px;
    background-position: bottom left;
  }
}
.practicalSeminar .title h3 {
  color: #274c80;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 21px;
  font-size: 2.1rem;
}
@media screen and (max-width: 736px) {
  .practicalSeminar .title h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.practicalSeminar .inner {
  overflow: hidden;
  padding: 15px 20px 20px;
}
@media screen and (max-width: 736px) {
  .practicalSeminar .inner {
    padding: 10px 3% 15px;
  }
}
.practicalSeminar .inner img {
  float: left;
}
@media screen and (max-width: 736px) {
  .practicalSeminar .inner img {
    float: none;
  }
}
@media screen and (max-width: 736px) {
  .practicalSeminar .inner > img {
    width: 100%;
  }
}
.practicalSeminar .inner p {
  line-height: 1.9;
  margin-left: 240px;
}
@media screen and (max-width: 736px) {
  .practicalSeminar .inner p {
    line-height: 1.6;
    margin-left: 0;
    margin: 15px 0;
  }
}
.practicalSeminar .inner .bnr {
  padding: 20px 0 0;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .practicalSeminar .inner .bnr {
    padding: 15px 0 5px;
    margin: 0 auto;
  }
}
.practicalSeminar .inner .bnr img {
  float: none;
  width: 45%;
}
@media screen and (max-width: 736px) {
  .practicalSeminar .inner .bnr img {
    width: 85%;
  }
}
.practicalSeminar .inner .bnr a:hover {
  opacity: 0.8;
}

/* ========================================================================== */
/* staff */
/* ========================================================================== */
/* staff mainContents
========================================================================== */
/* staffImgBox */
.mainContents .staffImgBox {
  background: #fff;
}
.mainContents .staffImgBox .ImgArea {
  float: left;
}
@media screen and (max-width: 736px) {
  .mainContents .staffImgBox .ImgArea {
    float: none;
    width: 100%;
    margin: 0 0 10px;
  }
  .mainContents .staffImgBox .ImgArea img {
    width: 100%;
  }
}
.mainContents .staffImgBox .txtArea {
  letter-spacing: 1px;
  padding: 25px 10px 10px 290px;
  text-align: left;
}
.mainContents .staffImgBox .txtArea .name, .mainContents .staffImgBox .txtArea .parsonNotice {
  color: #304b78;
}
@media screen and (max-width: 736px) {
  .mainContents .staffImgBox .txtArea {
    padding: 10px;
  }
}
.mainContents .staffImgBox .txtArea .name {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
}
.mainContents .staffImgBox .txtArea .parsonNotice {
  margin-bottom: 8px;
  font-size: 14px;
  font-size: 1.4rem;
}

/* staffBox */
.mainContents .staffBox {
  background: #fff;
  border: 1px solid #eaebf0;
}
.mainContents .staffBox .txtSingle {
  padding: 0px 30px 30px 30px;
}

/* staffSingleBox */
.mainContents .staffSingleBox {
  /* staffSingleBox hasBgImg */
  /* staffSingleBox hasBoder */
}
.mainContents .staffSingleBox p {
  line-height: 30px;
}
.mainContents .staffSingleBox p + .notice {
  margin-top: 2em;
}
@media screen and (max-width: 736px) {
  .mainContents .staffSingleBox p {
    line-height: 1.6;
    padding: 0 3%;
  }
}
.mainContents .staffSingleBox .notice {
  font-size: 12px;
  font-size: 1.2rem;
}
.mainContents .staffSingleBox.hasBgImg {
  margin-bottom: 30px;
  min-height: 125px;
  padding: 30px 30px 20px;
  background: url(/assets/img/staff/bg-box-01_mod.jpg) no-repeat right center;
}
.mainContents .staffSingleBox.hasBgImg.designImg {
  background: url(/assets/img/staff/bg-box-02_mod2.jpg) no-repeat right top;
}
.mainContents .staffSingleBox.hasBgImg.managementImg {
  background: url(/assets/img/staff/bg-box-03_mod.jpg) no-repeat right top;
}
.mainContents .staffSingleBox.hasBgImg.securityImg {
  background: url(/assets/img/staff/bg-box-04_mod2.jpg) no-repeat right top;
  background-size: auto 100%;
}
.mainContents .staffSingleBox.hasBgImg.setupImg {
  background: url(/assets/img/staff/bg-box-05_mod.jpg) no-repeat right top;
}
@media screen and (max-width: 736px) {
  .mainContents .staffSingleBox.hasBgImg {
    background-size: auto 92px !important;
    min-height: 80px;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 0;
    padding: 15px 140px 15px 3%;
  }
  .mainContents .staffSingleBox.hasBgImg.designImg {
    background: url(/assets/img/staff/bg-box-02_mod.jpg) no-repeat right 20px;
  }
  .mainContents .staffSingleBox.hasBgImg.managementImg {
    background: url(/assets/img/staff/bg-box-03_mod.jpg) no-repeat right 20px;
  }
  .mainContents .staffSingleBox.hasBgImg.securityImg {
    background: url(/assets/img/staff/bg-box-04_mod2.jpg) no-repeat right 20px;
  }
  .mainContents .staffSingleBox.hasBgImg.setupImg {
    background: url(/assets/img/staff/bg-box-05_mod.jpg) no-repeat right center;
  }
  .mainContents .staffSingleBox.hasBgImg.noBgSp {
    background: none;
    padding: 15px 0;
  }
}
.mainContents .staffSingleBox.hasBgImg p {
  letter-spacing: 0;
}
@media screen and (min-width: 737px) {
  .mainContents .staffSingleBox.hasBgImg p {
    width: 370px;
  }
}
.mainContents .staffSingleBox.hasBgImg p + p {
  margin-top: 15px;
}
.mainContents .staffSingleBox.hasNoImg {
  background: none;
  padding: 30px 30px 20px;
}
@media screen and (max-width: 736px) {
  .mainContents .staffSingleBox.hasNoImg {
    padding: 20px 10px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 737px) {
  .mainContents .staffSingleBox.hasNoImg p {
    width: 100%;
  }
}
.mainContents .staffSingleBox.hasBoder {
  border-top: 1px solid #bfbfbf;
  margin: 0 30px;
  padding: 24px 0 30px;
}
.mainContents .staffSingleBox.hasBoder.last {
  padding-bottom: 24px;
}
@media screen and (max-width: 736px) {
  .mainContents .staffSingleBox.hasBoder {
    margin: 0;
    padding: 15px 0 20px;
  }
}
.mainContents .staffSingleBox h2 {
  color: #304b78;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 18px;
  position: relative;
  padding-left: 38px;
}
@media screen and (max-width: 736px) {
  .mainContents .staffSingleBox h2 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 10px;
    padding: 0 3% 0 45px;
  }
}
.mainContents .staffSingleBox h2:before {
  background: #304b78;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 30px;
}
@media screen and (max-width: 736px) {
  .mainContents .staffSingleBox h2:before {
    left: 10px;
    bottom: auto;
    top: 15px;
  }
}
.mainContents .staffSingleBox .boxContent .imgArea img {
  width: 260px;
}
@media screen and (max-width: 736px) {
  .mainContents .staffSingleBox .boxContent .imgArea img {
    margin-bottom: 15px;
    width: 100%;
  }
}
@media screen and (min-width: 737px) {
  .mainContents .staffSingleBox .boxContent.rightImg .imgArea {
    float: right;
    margin: 6px 0px 5px 20px;
  }
  .mainContents .staffSingleBox .boxContent.leftImg .imgArea {
    float: left;
    margin: 6px 14px 5px 0px;
  }
}

/* decorateBox */
.mainContents .decorateBox {
  background: #fffef9;
  border: 4px solid #d1c0a5;
}
.mainContents .decorateBox h2 {
  color: #304b78;
  font-size: 21px;
  font-size: 2.1rem;
  padding: 8px 13px 6px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .mainContents .decorateBox h2 {
    font-size: 20px;
    font-size: 2rem;
    padding: 8px 3% 6px;
  }
}
.mainContents .decorateBox h2:after {
  background: url(/assets/img/bg-arrow-line.png) no-repeat;
  background-size: 100% auto;
  bottom: -8px;
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 736px) {
  .mainContents .decorateBox h2:after {
    background-size: auto 100%;
  }
}
.mainContents .decorateBox p {
  line-height: 30px;
}
.mainContents .decorateBox .boxContent {
  padding: 20px 15px 5px;
}
@media screen and (max-width: 736px) {
  .mainContents .decorateBox .boxContent {
    padding: 15px 3%;
  }
  .mainContents .decorateBox .boxContent .imgArea img {
    margin-bottom: 15px;
    width: 100%;
  }
}
@media screen and (min-width: 737px) {
  .mainContents .decorateBox .boxContent .imgArea img {
    width: 260px;
  }
  .mainContents .decorateBox .boxContent .clear {
    clear: both;
  }
  .mainContents .decorateBox .boxContent.leftImg .imgArea {
    margin-right: 20px;
  }
  .mainContents .decorateBox .boxContent.rightImg .imgArea {
    float: right;
    margin: 6px 0px 5px 20px;
  }
  .mainContents .decorateBox .boxContent.leftImg .imgArea {
    float: left;
    margin: 6px 14px 5px 0px;
  }
}
.mainContents .decorateBox .boxContent .textArea {
  margin-right: 5px;
}

.mainContents .staffLinkBox {
  background: #fff;
  padding: 15px 0;
}
.mainContents .staffLinkBox .linkList {
  padding-left: 15px;
}
.mainContents .staffLinkBox .linkList li {
  font-size: 14px;
  font-size: 1.4rem;
  float: left;
  line-height: 1.3;
  margin-right: 15px;
  text-align: left;
  width: 120px;
}
.mainContents .staffLinkBox .linkList li img {
  width: 120px;
}
.mainContents .staffLinkBox .linkList li a {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  text-decoration: underline;
}
.mainContents .staffLinkBox .linkList li p + p {
  margin-top: 5px;
}
@media screen and (max-width: 736px) {
  .mainContents .staffLinkBox {
    padding: 0;
  }
  .mainContents .staffLinkBox .linkList {
    padding: 0;
  }
  .mainContents .staffLinkBox .linkList li {
    background: url(/assets/img/headerfooter/sp/icon-arrow-01.png) no-repeat 97% center;
    background-size: 16px 16px;
    float: none;
    width: 100%;
  }
  .mainContents .staffLinkBox .linkList li:not(:first-child) {
    border-top: 1px solid #c0c0c0;
  }
  .mainContents .staffLinkBox .linkList li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    padding: 10px 35px 10px 10px;
    text-decoration: none;
    width: 100%;
  }
  .mainContents .staffLinkBox .linkList li a p {
    display: table-cell;
    vertical-align: middle;
  }
  .mainContents .staffLinkBox .linkList li a p:first-child {
    padding-right: 10px;
    width: 90px;
  }
}

/* satff telNumBanner
========================================================================== */
.mainWrapper .mainContents > .inner .main .telNumBanner.staffPage {
  background: url(/assets/img/bg-bnr-staff.png) no-repeat right bottom #fffef9;
  height: 232px;
}
.mainWrapper .mainContents > .inner .main .telNumBanner.staffPage .btnMail {
  top: 16px;
  position: absolute;
  right: 19px;
}

.main .telNumBanner.staffPage .titleImg {
  border-bottom: 1px solid #cccccc;
  padding: 26px 0 25px 20px;
}
.main .telNumBanner.staffPage .telnumImg {
  margin: 17px 0 17px 22px;
}
.main .telNumBanner.staffPage .text {
  margin-left: 22px;
}

/* ========================================================================== */
/* case */
/* ========================================================================== */
/* case index
========================================================================== */
.caseList li {
  overflow: hidden;
}
.caseList li a {
  color: #0e1305;
  display: block;
}
.caseList li a:hover {
  text-decoration: none;
}
.caseList li a .caseThumb {
  display: block;
  margin: 0 auto 10px auto;
}
.caseList li a .typeTag {
  color: #fff;
  float: left;
  display: inline-block;
  text-align: center;
  width: 105px;
}
@media screen and (min-width: 737px) {
  .caseList li a .typeTag {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
    font-weight: bold;
  }
}
.caseList li a .typeTag.shasou {
  background-color: #274c80;
}
.caseList li a .typeTag.goudousou {
  background-color: #529052;
}
.caseList li a .typeTag.owakare {
  background-color: #df898c;
}
.caseList li a .assembled {
  float: right;
}
@media screen and (min-width: 737px) {
  .caseList li a .assembled strong {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.caseList li a .ttlCase {
  clear: both;
  color: #274c80;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.2;
  padding: 10px 0px 20px 0px;
}
@media screen and (min-width: 737px) {
  .caseList li a .ttlCase {
    background: url(/assets/img/case/bg_case_ttl.png) no-repeat left bottom;
    font-weight: bold;
  }
}
.caseList li a .caseClient {
  margin: 10px 0px 15px 0px;
}
.caseList li a .caseClient small {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
.caseList li a .caseDetail {
  display: table;
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
}
.caseList li a .caseDetail dt {
  background-color: #f5f0e6;
  display: table-cell;
  line-height: 1.2;
  height: 34px;
  padding: 5px 0px;
  text-align: center;
  vertical-align: middle;
  width: 70px;
}
.caseList li a .caseDetail dd {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
}
.caseList li a .caseDetail dd strong {
  color: #c18930;
  font-size: 30px;
  font-size: 3rem;
  font-style: oblique;
  font-weight: 100;
  padding-right: 5px;
}

@media screen and (max-width: 736px) {
  .caseList.index {
    margin: 0 0 10px !important;
    padding: 0 3%;
  }
  .caseList.index li:not(:first-child) {
    border-top: dotted 1px #b5aea9;
  }
  .caseList.index li a {
    padding: 15px 20px 15px 108px;
    position: relative;
  }
  .caseList.index li a:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  .caseList.index li a:before {
    background-image: url(/assets/img/sp/icon-common-blue.png);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }
  .caseList.index li a .caseThumb {
    float: none;
    height: auto;
    margin: 0;
    position: absolute;
    top: 10px;
    left: 0;
    width: 98px;
  }
  .caseList.index li a .typeTag {
    display: inline-block;
    letter-spacing: normal;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    text-align: center;
    text-decoration: none;
    letter-spacing: normal;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 0 5px;
    width: auto;
    height: 16px;
  }
  .caseList.index li a .assembled {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .caseList.index li a .assembled strong {
    font-weight: normal;
    padding-left: 5px;
  }
  .caseList.index li a .ttlCase {
    float: left;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    padding: 10px 0 0;
    text-decoration: underline;
  }
  .caseList.index li a .ttlCase br {
    display: none;
  }
  .caseList.index li a .caseDetail dt {
    width: 120px;
  }
  .caseList.index li a .caseClient,
.caseList.index li a .caseDetail {
    display: none;
  }

  .caseList.price {
    padding: 20px 10px;
    margin: 0 0 10px !important;
  }
  .caseList.price li {
    width: 100%;
    margin: 20px 0 0;
    -webkit-box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    -moz-box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
  }
  .caseList.price li:first-child {
    margin: 0;
  }
  .caseList.price li a {
    padding: 10px;
    background: #fff;
  }
  .caseList.price li a .typeTag {
    width: auto;
    padding: 2px 5px;
    min-width: 50px;
    margin: 0 10px 0 0;
  }
  .caseList.price li a .assembled {
    float: left;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .caseList.price li a .ttlCase {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 10px 0;
    background: none;
    border-bottom: 1px dotted #c0c0c0;
    position: relative;
    font-weight: bold;
  }
  .caseList.price li a .ttlCase:after {
    background-image: url(/assets/img/sp/icon-common-blue.png);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }
  .caseList.price li a .ttlCase:before {
    position: absolute;
    content: "";
    background: url(/assets/img/price/sp/border-icon.png) no-repeat;
    background-size: 100%;
    width: 14px;
    height: 8px;
    bottom: -7px;
    left: 20px;
  }
  .caseList.price li a .caseDetail dt {
    width: 100px;
  }

  .caseList.case {
    padding: 20px 10px;
    margin: 0 0 10px !important;
    padding: 0 3%;
  }
  .caseList.case li {
    width: 49%;
    float: left;
    margin-bottom: 10px;
  }
  .caseList.case li:nth-child(odd) {
    clear: both;
    margin: 0 2% 10px 0;
  }
  .caseList.case li a {
    position: relative;
  }
  .caseList.case li a .typeTag {
    float: none;
    width: auto;
    padding: 2px 5px;
    min-width: 50px;
    margin: 0 10px 5px 0;
  }
  .caseList.case li a .assembled {
    font-size: 14px;
    font-size: 1.4rem;
    float: none;
  }
  .caseList.case li a .assembled strong {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .caseList.case li a .ttlCase {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 5px 0 5px 0;
    position: relative;
    font-weight: bold;
    line-height: 1.6;
    text-decoration: underline;
  }
  .caseList.case li a .caseDetail dt {
    width: 100px;
  }
  .caseList.case li a .caseThumb {
    margin: 0 auto 5px;
  }

  .main.caseIndex {
    background: #fff;
  }
}
/* case detail
========================================================================== */
.pageCaseDetail {
  overflow: visible !important;
}

.caseDetailMainArea {
  background-color: #fff;
  margin-bottom: 20px;
  padding-bottom: 30px;
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea {
    margin: 0 0 20px;
    padding-bottom: 20px;
  }
}
.caseDetailMainArea .mainImgArea {
  position: relative;
}
.caseDetailMainArea .mainImgArea .imgL {
  width: 100%;
}
.caseDetailMainArea .mainImgArea .imgS {
  bottom: -30px;
  position: absolute;
  right: -9px;
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea .mainImgArea .imgS {
    right: 0;
    width: 125px;
    height: auto;
  }
}
.caseDetailMainArea .caseDetailTtl {
  display: table;
  margin: 0px 30px 30px 30px;
  width: 100%;
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea .caseDetailTtl {
    margin: 15px 0 0;
  }
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea .caseDetailTtl.imgabsolute {
    margin: 40px 0 0;
  }
}
.caseDetailMainArea .caseDetailTtl .type {
  color: #fff;
  display: table-cell;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  width: 110px;
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea .caseDetailTtl .type {
    width: 80px;
    padding: 0 3%;
  }
}
.caseDetailMainArea .caseDetailTtl .type strong {
  display: table-cell;
  height: 110px;
  vertical-align: middle;
  width: 110px;
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea .caseDetailTtl .type strong {
    height: auto;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    padding: 5px;
    width: 80px;
  }
}
.caseDetailMainArea .caseDetailTtl .type.shasou strong {
  background-color: #274c80;
}
.caseDetailMainArea .caseDetailTtl .type.goudousou strong {
  background-color: #529052;
}
.caseDetailMainArea .caseDetailTtl .type.owakare strong {
  background-color: #df898c;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea .caseDetailTtl .type.owakare strong {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.caseDetailMainArea .caseDetailTtl .caseTtlArea {
  display: table-cell;
  padding: 0px 30px 0px 20px;
  vertical-align: middle;
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea .caseDetailTtl .caseTtlArea {
    padding: 0 3% 0 0;
  }
}
.caseDetailMainArea .caseDetailTtl .caseTtlArea strong {
  color: #274c80;
  display: block;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.2;
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea .caseDetailTtl .caseTtlArea strong {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea .caseDetailTtl .caseTtlArea small {
    display: inline-block;
    margin: 10px 0 0 -90px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.caseDetailMainArea .caseDetailTable {
  border-bottom: #cecfd4 1px solid;
  border-top: #cecfd4 1px solid;
  display: table;
  margin: 0 auto 10px auto;
  padding: 15px 0px;
  width: 638px;
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea .caseDetailTable {
    width: 100%;
    display: block;
    margin-top: 10px;
  }
  .caseDetailMainArea .caseDetailTable:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
}
.caseDetailMainArea .caseDetailTable dl {
  border-right: #cecfd4 1px dashed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  text-align: center;
}
.caseDetailMainArea .caseDetailTable dl:last-child {
  border-right: none;
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea .caseDetailTable dl {
    border-right: none;
    min-height: 120px;
  }
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea .caseDetailTable dl:nth-child(n+3) {
    border-top: #cecfd4 1px dashed;
    padding-top: 10px;
  }
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea .caseDetailTable dl:nth-child(2n) {
    border-left: #cecfd4 1px dashed;
  }
}
.caseDetailMainArea .caseDetailTable dl dt {
  color: #274c80;
  margin-bottom: 10px;
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea .caseDetailTable dl dt {
    margin-bottom: 5px;
  }
}
.caseDetailMainArea .caseDetailTable dl dd {
  font-size: 30px;
  font-size: 3rem;
  line-height: 60px;
}
.caseDetailMainArea .caseDetailTable dl dd.single {
  padding-top: 18px;
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea .caseDetailTable dl dd {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea .caseDetailTable dl {
    display: block;
    float: left;
    width: 50% !important;
  }
}
.caseDetailMainArea .caseDetailTable .place {
  width: 245px;
}
.caseDetailMainArea .caseDetailTable .place dd {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea .caseDetailTable .place dd {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 7px;
    height: 84px;
    width: 400px;
    display: table-cell;
    vertical-align: middle;
  }
}
.caseDetailMainArea .caseDetailTable .assembled {
  width: 135px;
}
.caseDetailMainArea .caseDetailTable .assembled dd {
  font-size: 15px;
  font-size: 1.5rem;
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea .caseDetailTable .assembled dd {
    height: 84px;
    width: 400px;
    display: table-cell;
    vertical-align: middle;
  }
}
.caseDetailMainArea .caseDetailTable .assembled dd strong {
  color: #c01046;
  font-size: 36px;
  font-size: 3.6rem;
  font-style: oblique;
  font-weight: 100;
}
.caseDetailMainArea .caseDetailTable .religion,
.caseDetailMainArea .caseDetailTable .meal {
  width: 129px;
}
.caseDetailMainArea .priceArea {
  display: table;
  margin: 0 auto 20px auto;
}
.caseDetailMainArea .priceArea dt {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.caseDetailMainArea .priceArea dd {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
  padding-left: 10px;
  vertical-align: middle;
}
.caseDetailMainArea .priceArea dd strong {
  color: #c18930;
  font-style: oblique;
  font-weight: 100;
  font-size: 48px;
  font-size: 4.8rem;
  padding-right: 5px;
}
.caseDetailMainArea p {
  margin: 0 30px;
}
@media screen and (max-width: 736px) {
  .caseDetailMainArea p {
    margin: 0 3%;
  }
}

.caseDetailContents {
  background: #fff;
  padding: 30px;
}
@media screen and (max-width: 736px) {
  .caseDetailContents {
    padding: 15px 3%;
    margin: 0 0 20px;
  }
}
.caseDetailContents .caseDetailContentTtl {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #274c80;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 30px;
  font-size: 3rem;
  margin: 10px 0px 40px 0px;
  width: 330px;
}
.caseDetailContents .caseDetailContentTtl span {
  background: url(/assets/img/case/bg-case-detail-content-ttl.png) left top;
  display: block;
  line-height: 2;
  text-align: center;
  width: 300px;
}
@media screen and (max-width: 736px) {
  .caseDetailContents .caseDetailContentTtl span {
    font-size: 20px;
    font-size: 2rem;
    line-height: 60px;
    width: 100%;
  }
}
@media screen and (max-width: 736px) {
  .caseDetailContents .caseDetailContentTtl {
    margin: 10px 0 20px 0;
    width: 100% !important;
  }
}
@media screen and (max-width: 736px) {
  .caseDetailContents .caseImg {
    float: none !important;
    margin-right: 0;
    width: 100%;
  }
}

.caseDetailContents.imgR .caseImg {
  float: right;
  margin-right: -50px;
}
@media screen and (max-width: 736px) {
  .caseDetailContents.imgR .caseImg {
    margin-right: 0;
  }
}
.caseDetailContents.imgR .caseDetailContentTtl span {
  margin-left: 25px;
}
@media screen and (max-width: 736px) {
  .caseDetailContents.imgR .caseDetailContentTtl span {
    margin: 0;
  }
}

.caseDetailContents.imgL {
  position: relative;
}
.caseDetailContents.imgL .caseImgEmpty {
  float: left;
  height: 362px;
  margin-left: -40px;
  width: 338px;
}
@media screen and (max-width: 736px) {
  .caseDetailContents.imgL .caseImgEmpty {
    display: none;
  }
}
.caseDetailContents.imgL .caseImg {
  position: absolute;
  left: -30px;
  top: 35px;
}
@media screen and (max-width: 736px) {
  .caseDetailContents.imgL .caseImg {
    position: relative;
    left: initial;
    top: initial;
  }
}
.caseDetailContents.imgL .caseDetailContentTtl {
  float: right;
  padding-left: 20px;
}
@media screen and (max-width: 736px) {
  .caseDetailContents.imgL .caseDetailContentTtl {
    float: none;
    padding: 0;
  }
}

.caseDetailContents.imgC .caseDetailContentTtl {
  margin: 0 auto 30px auto;
}
.caseDetailContents.imgC .caseDetailContentTtl span {
  width: auto;
}
.caseDetailContents.imgC .caseImg {
  display: block;
  margin: 0 auto 20px auto;
}
.caseDetailContents.imgC .caseDetailContentTtl {
  width: 420px;
}
@media screen and (max-width: 736px) {
  .caseDetailContents.imgC .caseDetailContentTtl {
    margin: 0 auto 15px auto;
  }
}

.caseConsultantMessageArea {
  background-color: #fff;
  border: #d1c0a5 4px solid;
  margin-bottom: 30px;
}
@media screen and (max-width: 736px) {
  .caseConsultantMessageArea {
    margin: 0 0 20px;
  }
}
.caseConsultantMessageArea .ttl {
  background: url(/assets/img/bg-arrow-line.png) left bottom repeat-x;
  color: #274c80;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  padding: 15px 10px 20px 10px;
}
.caseConsultantMessageArea .inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  padding: 20px 30px;
  width: 100%;
}
.caseConsultantMessageArea .inner .imgArea {
  display: table-cell;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  vertical-align: middle;
  width: 190px;
}
.caseConsultantMessageArea .inner .imgArea strong {
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 736px) {
  .caseConsultantMessageArea .inner .imgArea strong {
    display: inline-block;
    margin-top: 10px;
  }
}
.caseConsultantMessageArea .inner p {
  display: table-cell;
  padding-left: 15px;
  vertical-align: middle;
}
@media screen and (max-width: 736px) {
  .caseConsultantMessageArea .inner {
    display: block;
    padding: 10px 5%;
  }
  .caseConsultantMessageArea .inner .imgArea {
    display: block;
    width: 100%;
  }
  .caseConsultantMessageArea .inner p {
    display: block;
    margin-top: 20px;
    padding: 0;
  }
}

.caseOthersListArea {
  background-color: #fff;
  margin-bottom: 30px;
  padding: 15px 19px 0px 19px;
}
@media screen and (max-width: 736px) {
  .caseOthersListArea {
    padding: 15px 3% 0;
  }
}
.caseOthersListArea .caseOthersList li {
  float: left;
  padding-bottom: 15px;
  width: 210px;
}
@media screen and (min-width: 737px) {
  .caseOthersListArea .caseOthersList li:nth-child(3n-1) {
    margin: 0 11px;
  }
}
@media screen and (max-width: 736px) {
  .caseOthersListArea .caseOthersList li {
    width: 49%;
  }
  .caseOthersListArea .caseOthersList li:nth-child(odd) {
    margin: 0 2% 0 0;
    clear: both;
  }
}
.caseOthersListArea .caseOthersList li a {
  display: block;
}
.caseOthersListArea .caseOthersList li a .caseThumb {
  display: block;
  margin-bottom: 4px;
}
@media screen and (max-width: 736px) {
  .caseOthersListArea .caseOthersList li a .caseThumb {
    width: 100%;
  }
}
.caseOthersListArea .caseOthersList li a .typeTag {
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  display: inline-block;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  padding: 1px 0px;
  text-align: center;
  width: 88px;
}
.caseOthersListArea .caseOthersList li a .typeTag.shasou {
  background-color: #274c80;
}
.caseOthersListArea .caseOthersList li a .typeTag.goudousou {
  background-color: #529052;
}
.caseOthersListArea .caseOthersList li a .typeTag.owakare {
  background-color: #df898c;
}
.caseOthersListArea .caseOthersList li a .assembled {
  float: right;
  color: #0e1305;
  padding: 1px 3px 0 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.caseOthersListArea .caseOthersList li a .assembled strong {
  font-size: 17px;
  font-size: 1.7rem;
}
@media screen and (max-width: 736px) {
  .caseOthersListArea .caseOthersList li a .assembled {
    float: none;
  }
}
.caseOthersListArea .caseOthersList li a .caseTtl {
  font-weight: bold;
  margin-top: 5px;
  text-decoration: underline;
}

/* ========================================================================== */
/* price */
/* ========================================================================== */
/* priceBox
========================================================================== */
.priceBox {
  background: #fff;
  border: 1px solid #eaebf0;
  padding: 28px;
}
@media screen and (min-width: 737px) {
  .priceBox.infoText p {
    margin: 0;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin: -5px 0;
    text-align: center;
  }
}
@media screen and (max-width: 736px) {
  .priceBox {
    background: none;
    padding: 0;
    border: none;
  }
  .priceBox.sidePad {
    padding: 0 10px;
    margin: 0 0 10px !important;
  }
  .priceBox.infoText {
    padding: 20px 10px 40px;
    background: #fff;
    position: relative;
  }
  .priceBox.infoText:before {
    position: absolute;
    content: "";
    background: url(../img/price/sp/under-arrow.png) no-repeat;
    background-size: 100%;
    width: 250px;
    height: 25px;
    left: 50%;
    bottom: 20px;
    margin: 0 0 0 -125px;
  }
  .priceBox.infoText p {
    margin: 0 0 20px;
  }
}

.txtArea p span.txtBlue {
  color: #476fa0;
  font-weight: bold;
}
.txtArea p span.txtRed {
  color: #df898c;
  font-weight: bold;
}
.txtArea p span.txtGreen {
  color: #529052;
  font-weight: bold;
}

@media screen and (max-width: 736px) {
  .priceBox .txtArea.sidePad {
    padding: 0 10px;
  }
}
.priceBox .txtArea p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 30px;
}
.priceBox .txtArea p + p {
  margin-top: 35px;
}

.priceBox .strongText {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin: -5px 0;
  text-align: center;
}

@media screen and (max-width: 736px) {
  .priceBox .articleBlock {
    margin: 0 0 20px !important;
  }
}

/* tabArea */
.priceBox .tabArea {
  margin: 30px 0 5px;
}
@media screen and (max-width: 736px) {
  .priceBox .tabArea {
    margin: 20px 0 0;
  }
}
.priceBox .tabArea ul {
  clear: both;
}
.priceBox .tabArea ul:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 737px) {
  .priceBox .tabArea ul li {
    float: left;
    height: 67px;
    width: 314px;
  }
  .priceBox .tabArea ul li + li {
    float: right;
  }
  .priceBox .tabArea ul li span {
    color: #34507e;
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    height: 100%;
    line-height: 54px;
    text-align: center;
    width: 100%;
    background: url(../img/price/btn-bnr-img_off.png) no-repeat;
  }
  .priceBox .tabArea ul li span a {
    display: block;
    text-align: center;
    width: 100%;
  }
  .priceBox .tabArea ul li span a:hover {
    text-decoration: none;
    opacity: 0.6;
  }
  .priceBox .tabArea ul li.current span {
    background: url(../img/price/btn-bnr-img_on.png) no-repeat;
    color: #fff;
  }
}
@media screen and (max-width: 736px) {
  .priceBox .tabArea ul {
    padding: 0 3%;
  }
  .priceBox .tabArea ul li {
    background: #f0edeb;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f0edeb 1%, #e9e6e4 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f0edeb 1%, #e9e6e4 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f0edeb 1%, #e9e6e4 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f0edeb", endColorstr="#e9e6e4",GradientType=0 );
    /* IE6-9 */
    border-radius: 6px 6px 0 0;
    -webkit-box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    -moz-box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    float: left;
    padding: 12px 3% 3px;
    text-align: center;
    width: 49.7%;
    min-height: 1px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .priceBox .tabArea ul li span {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #2d4670;
  }
  .priceBox .tabArea ul li:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    content: "";
    display: block;
    width: 90%;
    height: 4px;
    background-color: #2d4670;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
  }
  .priceBox .tabArea ul li.current {
    background: #fff;
    z-index: 3;
  }
  .priceBox .tabArea ul li.current:before {
    background: #fff;
    content: "";
    display: block;
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 9px;
  }
  .priceBox .tabArea ul li + li {
    margin-left: 0;
    float: right;
    line-height: 56px;
  }
}

/* priceTableArea */
@media screen and (max-width: 736px) {
  .priceTableArea {
    background: #fff;
    padding: 30px 10px;
    -webkit-box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    -moz-box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    box-shadow: 0 0 8px rgba(55, 55, 55, 0.3);
    position: relative;
    z-index: 10;
  }
}
/* priceTableInfo */
@media screen and (max-width: 736px) {
  .priceTableInfo {
    margin: 0 0 20px;
    padding: 0 3%;
  }
  .priceTableInfo .infoList li {
    line-height: 1.8;
  }
}
/* priceTable */
.priceTable table {
  table-layout: fixed;
  border: 1px solid #cecfd4;
  border-collapse: collapse;
  margin: auto;
  text-align: center;
}
@media screen and (min-width: 737px) {
  .priceTable table tr th, .priceTable table tr td {
    border: 1px #cecfd4;
    border-style: none solid solid none;
    vertical-align: middle;
  }
  .priceTable table tr:first-child th {
    background: #f0e8dc;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    height: 70px;
    width: 400px;
  }
  .priceTable table tr:first-child th:first-child {
    width: 130px;
  }
  .priceTable table tr:first-child th:last-child {
    height: 40px;
    width: 97px;
  }
  .priceTable table tr td {
    line-height: 1.5;
    padding: 10px 15px;
  }
  .priceTable table tr td:first-child {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .priceTable table tr td.cellBgRed, .priceTable table tr td.cellBgBrown {
    width: 50px;
  }
}
@media screen and (max-width: 736px) {
  .priceTable table tr th, .priceTable table tr td {
    border: 1px #c0c0c0;
    border-style: none solid solid none;
    vertical-align: top;
  }
  .priceTable table tr:first-child th {
    vertical-align: middle;
    background: #2d4670;
    height: 50px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 1.2;
    font-weight: normal;
  }
  .priceTable table tr:first-child th:first-child {
    width: 23%;
  }
  .priceTable table tr:first-child th:last-child {
    width: 22%;
  }
  .priceTable table tr td {
    padding: 10px 5px;
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .priceTable table tr td.cellItem {
    background: #f0e8dc;
    border-right: none;
  }
  .priceTable table tr td.cellBurden {
    text-align: center;
  }
  .priceTable table tr td.cellBurden span {
    display: inline-block;
    padding: 2px 5px;
    background: #c43762;
    color: #fff;
    border-radius: 3px;
    min-width: 42px;
    font-weight: bold;
  }
  .priceTable table tr td.cellBurden span.family {
    background: #997b4d;
  }
}

.priceTable .cellTxtLeft,
.priceTable td:nth-child(2) {
  text-align: left;
}

.priceTable td.cellBgRed,
.priceTable td.cellBgBrown {
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  height: 30px;
  padding: 0;
  text-align: center;
}

.priceTable td.cellBgRed {
  background: #c43762;
}

.priceTable td.cellBgBrown {
  background: #997b4d;
}

.priceTable .twoRows td {
  padding: 5px 15px;
}

.priceTable .cellTxtRed {
  color: #c05159;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  width: 52px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.priceTable .cellTxtBrown {
  color: #997b4d;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  width: 52px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* price colorBox */
.priceBox h3 {
  color: #34507e;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 20px;
}
.priceBox h3 + .txtArea {
  margin-top: -5px;
}
@media screen and (max-width: 736px) {
  .priceBox h3 {
    font-size: 18px;
    font-size: 1.8rem;
    border-bottom: 2px solid #2d4670;
    padding: 0 0 5px;
    font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  }
}

/* price colorBox */
.priceBox .colorBox {
  background: #efebd3;
  color: #34507e;
  padding: 20px 25px;
  margin-bottom: 20px;
}
.priceBox .colorBox h4 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.priceBox .colorBox li {
  font-size: 15px;
  font-size: 1.5rem;
  margin-top: 6px;
}
.priceBox .colorBox p + p {
  margin-top: 20px;
}
@media screen and (max-width: 736px) {
  .priceBox .colorBox {
    background: #fcf5e5;
    padding: 15px 10px;
  }
  .priceBox .colorBox h4 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
  }
  .priceBox .colorBox li {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.2;
  }
}

/* ========================================================================== */
/* service */
/* ========================================================================== */
/* serviceArea
========================================================================== */
.serviceArea {
  background: #fff;
  padding: 30px;
}
@media screen and (max-width: 736px) {
  .serviceArea {
    padding: 0 0 20px;
  }
}

/* serviceBlock */
.serviceBlock {
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 736px) {
  .serviceBlock.first {
    padding-top: 30px;
  }
}
.serviceBlock.last {
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.serviceBlock .imgBox {
  float: right;
}
@media screen and (max-width: 736px) {
  .serviceBlock .imgBox {
    width: 47%;
    margin: 0 0 20px;
    padding-right: 3%;
  }
  .serviceBlock .imgBox img {
    width: 100%;
  }
}
.serviceBlock .txtBox {
  float: left;
  font-size: 16px;
  font-size: 1.6rem;
  width: 380px;
}
.serviceBlock .txtBox.noImg {
  width: 100%;
}
.serviceBlock .txtBox h2 {
  color: #34507e;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 15px;
}
@media screen and (max-width: 736px) {
  .serviceBlock .txtBox h2 {
    float: left;
    width: 47%;
    line-height: 1.4;
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 736px) {
  .serviceBlock .txtBox p {
    clear: both;
  }
}
@media screen and (max-width: 736px) {
  .serviceBlock .txtBox {
    float: none;
    width: 100%;
    padding: 0 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.serviceBlock .colorBox {
  background: #efebd3;
  clear: both;
  color: #34507e;
  margin-top: 15px;
  padding: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}
.serviceBlock .colorBox h3 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 10px;
  position: relative;
}
.serviceBlock .colorBox h3 .right {
  bottom: 3px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 736px) {
  .serviceBlock .colorBox h3 .right {
    position: relative;
    right: auto;
    display: block;
  }
}
.serviceBlock .colorBox li + li {
  margin-top: 5px;
}
.serviceBlock .colorBox .discStyle li {
  list-style-type: disc;
  margin-left: 1em;
}
.serviceBlock .colorBox .boxContent {
  color: #282828;
}
.serviceBlock .boxContent .leftBox {
  float: left;
  width: 310px;
}
@media screen and (max-width: 736px) {
  .serviceBlock .boxContent .leftBox {
    float: none;
    width: 100%;
  }
}
.serviceBlock .boxContent .rightBox {
  float: right;
  width: 275px;
}
@media screen and (max-width: 736px) {
  .serviceBlock .boxContent .rightBox {
    float: none;
    width: 100%;
  }
}
.serviceBlock .boxContent .img {
  margin: 5px 0 10px;
}
.serviceBlock .boxContent .txt {
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 10px;
}
@media screen and (max-width: 736px) {
  .serviceBlock .boxContent .txt {
    margin-bottom: 10px;
  }
}

/* ========================================================================== */
/* consult */
/* ========================================================================== */
.mainWrapper .mainContents.pageConsult {
  padding-bottom: 0px;
  /* support_pro */
  /* troubleArea */
}
.mainWrapper .mainContents.pageConsult .consultHeader {
  background: #fff;
  box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  height: 100px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .consultHeader {
    height: 70px;
    position: absolute;
    z-index: 20;
    width: 100%;
    top: 0;
  }
}
.mainWrapper .mainContents.pageConsult .consultHeader .logo {
  position: absolute;
  left: 20px;
  top: 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .consultHeader .logo {
    width: 100px;
  }
}
.mainWrapper .mainContents.pageConsult .consultHeader aside {
  position: absolute;
  color: #fff;
  right: 20px;
  top: 0;
  font-size: 10px;
  font-size: 1rem;
}
@media screen and (min-width: 737px) {
  .mainWrapper .mainContents.pageConsult .consultHeader aside {
    background: #545687;
    border-radius: 0 0 4px 4px;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .consultHeader aside {
    top: 12px;
    right: 10px;
  }
}
.mainWrapper .mainContents.pageConsult .consultHeader aside .telArea {
  padding: 15px 20px;
}
.mainWrapper .mainContents.pageConsult .consultHeader aside .telNum.sp {
  width: 166px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .titleArea .inner {
    padding: 0 3%;
    box-sizing: border-box;
  }
}
.mainWrapper .mainContents.pageConsult .titleArea h1 {
  font-size: 54px;
  font-size: 5.4rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  border-bottom: #2d4670 3px solid;
  text-align: center;
  padding-top: 60px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .titleArea h1 {
    font-size: 28px;
    font-size: 2.8rem;
    padding-top: 30px;
  }
}
.mainWrapper .mainContents.pageConsult .titleArea p.lead {
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .titleArea p.lead {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0;
  }
}
.mainWrapper .mainContents.pageConsult .responsePointsArea {
  padding: 80px 0 30px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .responsePointsArea {
    padding: 30px 3% 0;
    box-sizing: border-box;
  }
}
.mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsTtl {
  background: url(/assets/img/consult/icon-common-light-big.png) no-repeat left top;
  border-bottom: #2d4670 3px solid;
  color: #000;
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 25px;
  padding: 0px 0px 10px 40px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsTtl {
    font-size: 18px;
    font-size: 1.8rem;
    background: url(/assets/img/sp/icon-common-light-big.png) no-repeat left 35%;
    background-size: 22px 33px;
    margin-bottom: 15px;
  }
}
.mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsTtl span {
  display: inline-block;
  padding: 0px 7px;
  background: #2d4670;
  color: #fff;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  line-height: 1.5;
  margin: 0 10px 0 0;
}
.mainWrapper .mainContents.pageConsult .responsePointsArea h4 {
  margin-top: 40px;
  color: #c72756;
  text-align: center;
  position: relative;
  line-height: 40px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .responsePointsArea h4 {
    font-size: 20px;
    font-size: 2rem;
    margin-top: 20px;
    margin-bottom: 0;
  }
}
.mainWrapper .mainContents.pageConsult .responsePointsArea h4 span {
  margin: 0 auto;
}
.mainWrapper .mainContents.pageConsult .responsePointsArea h4 span::before {
  content: "";
  display: inline-block;
  background: url(/assets/img/consult/icon-emergency.png) no-repeat left top;
  height: 40px;
  width: 40px;
  margin-right: 5px;
  vertical-align: top;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .responsePointsArea h4 span::before {
    width: 24px;
    height: 28px;
    background-size: 100%;
    vertical-align: middle;
  }
}
.mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsListArea {
  margin-top: 25px;
}
@media screen and (min-width: 737px) {
  .mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsListArea {
    display: flex;
    justify-content: space-between;
  }
}
.mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsListArea dl.responsePointsListWrap {
  background: #e5effe;
  border: 4px solid #2d4670;
  border-radius: 6px;
}
@media screen and (min-width: 737px) {
  .mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsListArea dl.responsePointsListWrap {
    width: 46%;
  }
}
.mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsListArea dl.responsePointsListWrap dt {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  background: #2d4670;
  color: #fff;
  text-align: center;
  line-height: 2.4em;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsListArea dl.responsePointsListWrap dt {
    font-size: 20px;
    font-size: 2rem;
  }
}
.mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsListArea dl.responsePointsListWrap dd {
  padding: 20px;
}
.mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsListArea dl.responsePointsListWrap dd p:first-child {
  color: #476fa0;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsListArea dl.responsePointsListWrap dd p:first-child {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsListArea dl.responsePointsListWrap dd p b {
  color: #c72756;
  font-weight: normal;
}
.mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsListArea dl.responsePointsListWrap dd p.box {
  background: #fff;
  padding: 10px;
  font-weight: bold;
  margin: 10px 0;
}
.mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsListArea dl.responsePointsListWrap dd p.box b {
  font-weight: bold;
}
.mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsListArea dl.responsePointsListWrap dd p.title {
  font-weight: bold;
  margin: 20px 0 5px;
  font-size: 18px;
  font-size: 1.8rem;
}
.mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsListArea dl.responsePointsListWrap dd p.title b {
  font-weight: bold;
}
.mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsListArea dl.responsePointsListWrap:not(:first-child) {
  background: #e0f5e0;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsListArea dl.responsePointsListWrap:not(:first-child) {
    margin-top: 20px;
  }
}
.mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsListArea dl.responsePointsListWrap:not(:first-child) dd {
  border-top: 4px solid #2d4670;
}
.mainWrapper .mainContents.pageConsult .responsePointsArea .responsePointsListArea dl.responsePointsListWrap:not(:first-child) dd p:first-child {
  color: #529052;
  text-align: center;
}
.mainWrapper .mainContents.pageConsult .moreInfo {
  padding-top: 60px;
  background-color: #faf7f1;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .moreInfo {
    padding-top: 0;
  }
  .mainWrapper .mainContents.pageConsult .moreInfo .inner {
    padding: 30px 3% 0 !important;
    box-sizing: border-box;
  }
}
.mainWrapper .mainContents.pageConsult .moreInfo h2 {
  font-size: 40px;
  font-size: 4rem;
  border-bottom: 2px solid #2d4670;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .moreInfo h2 {
    font-size: 20px;
    font-size: 2rem;
    padding-bottom: 10px;
  }
}
.mainWrapper .mainContents.pageConsult .moreInfo h2 b {
  font-size: 52px;
  font-size: 5.2rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .moreInfo h2 b {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
.mainWrapper .mainContents.pageConsult .moreInfo .targetList {
  background: #fff;
  border: 1px solid #8a8bab;
  padding: 20px 30px;
  margin: 60px;
  border-radius: 10px;
  position: relative;
  box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .moreInfo .targetList {
    margin: 30px 0;
    padding: 20px 10px 90px;
  }
}
.mainWrapper .mainContents.pageConsult .moreInfo .targetList ul li {
  background: url(/assets/img/icon-common-list.png) no-repeat 4px 8px;
  padding-left: 20px;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .moreInfo .targetList ul li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.mainWrapper .mainContents.pageConsult .moreInfo .targetList li + li {
  margin-top: 10px;
}
.mainWrapper .mainContents.pageConsult .moreInfo .targetList::after {
  display: block;
  content: "";
  position: absolute;
  right: 40px;
  bottom: 0;
  background: url(/assets/img/consult/img-moreinfo.png) no-repeat left bottom;
  width: 330px;
  height: 170px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .moreInfo .targetList::after {
    width: 180px;
    height: 100px;
    right: 10px;
    background-size: 100%;
  }
}
.mainWrapper .mainContents.pageConsult .support_pro {
  width: 100%;
  top: 0;
  left: 0;
  padding: 100px 0 80px;
}
.mainWrapper .mainContents.pageConsult .support_pro.support {
  background: url(/assets/img/owakarekai/bg-support.jpg) no-repeat center;
  background-size: 939px 365px;
  background-color: #f0e7d7;
  background-position: 0 0;
  padding: 60px 0 80px;
}
.mainWrapper .mainContents.pageConsult .support_pro.support ul {
  margin: 30px auto 0 !important;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .support_pro.support {
    background-size: 100%;
    padding: 50px 3%;
    box-sizing: border-box;
  }
  .mainWrapper .mainContents.pageConsult .support_pro.support li .btn {
    margin-top: 10px;
    display: block;
  }
}
.mainWrapper .mainContents.pageConsult .support_pro.professional {
  background: url(/assets/img/owakarekai/bg-professional-01.jpg) no-repeat center, url(/assets/img/owakarekai/bg-professional-02.jpg) no-repeat center;
  background-size: 463px 433px, 443px 390px;
  background-color: #faf7f1;
  background-position: 100% 0, 0 100%;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .support_pro.professional {
    background: url(/assets/img/owakarekai/bg-professional-01.jpg) no-repeat center #faf7f1;
    background-position: 100% 0;
    background-size: 70%;
    padding: 50px 3% 20px;
    box-sizing: border-box;
  }
}
.mainWrapper .mainContents.pageConsult .support_pro.professional ul.clearfix {
  border: 1px solid #d2d2d2;
  box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .support_pro.professional ul.clearfix {
    border: none;
    margin: 30px 0;
  }
}
.mainWrapper .mainContents.pageConsult .support_pro.professional ul.clearfix li .title {
  margin-bottom: 10px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .support_pro.professional h4 img {
    width: 80%;
  }
}
.mainWrapper .mainContents.pageConsult .support_pro h4 img {
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .support_pro h4 img {
    width: 100%;
    margin: 0 auto;
  }
}
.mainWrapper .mainContents.pageConsult .support_pro .whBox {
  background: #FFF;
  width: 980px;
  margin: 0 auto;
  padding: 0 0 40px;
  box-sizing: border-box;
  box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .support_pro .whBox {
    width: 100%;
    padding: 0 0 30px;
  }
}
.mainWrapper .mainContents.pageConsult .support_pro ul.clearfix {
  background: #FFF;
  width: 980px;
  margin: 50px auto 0;
  padding: 30px 0 20px 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .support_pro ul.clearfix {
    width: 100%;
    box-sizing: border-box;
    margin: 30px auto 0;
    padding: 10px 3%;
  }
}
.mainWrapper .mainContents.pageConsult .support_pro ul.clearfix li {
  float: left;
  width: 32%;
  margin-right: 1.3%;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .support_pro ul.clearfix li {
    float: none;
    width: 100%;
    margin: 20px 0 30px;
  }
}
.mainWrapper .mainContents.pageConsult .support_pro ul.clearfix li:last-child {
  margin-right: 0;
  margin: 0 0 10px;
}
.mainWrapper .mainContents.pageConsult .support_pro ul.clearfix li .title {
  text-align: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .support_pro ul.clearfix li .title {
    margin-bottom: 25px;
  }
}
.mainWrapper .mainContents.pageConsult .support_pro ul.clearfix li .image {
  text-align: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .support_pro ul.clearfix li .image {
    display: table-cell;
    vertical-align: top;
  }
}
.mainWrapper .mainContents.pageConsult .support_pro ul.clearfix li .text {
  font-size: 15px;
  font-size: 1.5rem;
  margin: 10px 0;
}
.mainWrapper .mainContents.pageConsult .support_pro ul.clearfix li .text strong {
  font-size: 17px;
  font-size: 1.7rem;
  color: #221e15;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .support_pro ul.clearfix li .text {
    display: table-cell;
    width: 60%;
    line-height: 1.4;
    padding-left: 10px;
  }
}
.mainWrapper .mainContents.pageConsult .support_pro a.pdf {
  display: block;
  margin: 0 0 0 15px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .support_pro a.pdf {
    margin: 0 15px;
  }
}
.mainWrapper .mainContents.pageConsult .hallExample {
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 60px;
  width: 950px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .hallExample {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
.mainWrapper .mainContents.pageConsult .hallExample h4 {
  font-size: 42px;
  font-size: 4.2rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .hallExample h4 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.mainWrapper .mainContents.pageConsult .hallExample p.lead {
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  text-align: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .hallExample p.lead {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.mainWrapper .mainContents.pageConsult .hallExample p.caption {
  font-size: 12px;
  font-size: 1.2rem;
}
.mainWrapper .mainContents.pageConsult .areaBoxWrap {
  margin-top: 50px;
}
@media screen and (min-width: 737px) {
  .mainWrapper .mainContents.pageConsult .areaBoxWrap {
    display: flex;
    justify-content: space-between;
  }
}
.mainWrapper .mainContents.pageConsult ul.areaBox {
  width: 460px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult ul.areaBox {
    width: 100%;
  }
}
.mainWrapper .mainContents.pageConsult ul.areaBox li {
  position: relative;
  margin-bottom: 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult ul.areaBox li {
    margin-right: 0;
  }
}
.mainWrapper .mainContents.pageConsult ul.areaBox li .zone {
  text-align: center;
  overflow: hidden;
  font-size: 26px;
  font-size: 2.6rem;
  margin-bottom: 30px;
}
.mainWrapper .mainContents.pageConsult ul.areaBox li .zone span {
  display: inline-block;
  padding: 0 0.5em;
  position: relative;
}
.mainWrapper .mainContents.pageConsult ul.areaBox li .zone span:before, .mainWrapper .mainContents.pageConsult ul.areaBox li .zone span:after {
  border-top: 1px solid;
  content: "";
  position: absolute;
  width: 99em;
  top: 50%;
}
.mainWrapper .mainContents.pageConsult ul.areaBox li .zone span:before {
  left: 100%;
}
.mainWrapper .mainContents.pageConsult ul.areaBox li .zone span:after {
  right: 100%;
}
.mainWrapper .mainContents.pageConsult ul.areaBox li a {
  display: block;
  position: relative;
}
.mainWrapper .mainContents.pageConsult ul.areaBox li a img {
  width: 100%;
}
.mainWrapper .mainContents.pageConsult ul.areaBox li a .inner {
  border: 1px solid #FFF;
  position: absolute;
  width: 94.5%;
  height: 94.5%;
  left: 2.5%;
  top: 2.5%;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult ul.areaBox li a .inner {
    width: 97.6%;
    height: 91.3%;
    top: 3%;
    left: 1%;
  }
}
.mainWrapper .mainContents.pageConsult ul.areaBox li a .inner .textBox {
  position: absolute;
  bottom: 10px;
  left: 5%;
  color: #FFF;
  width: 90%;
  text-shadow: 1px 1px 3px #000000;
}
.mainWrapper .mainContents.pageConsult ul.areaBox li a .inner .textBox .area {
  border-bottom: 1px solid;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult ul.areaBox li a .inner .textBox .area {
    margin-bottom: 0;
  }
}
.mainWrapper .mainContents.pageConsult ul.areaBox li a .inner .textBox .name {
  font-size: 22px;
  font-size: 2.2rem;
  position: relative;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult ul.areaBox li a .inner .textBox .name {
    font-size: 20px;
    font-size: 2rem;
  }
}
.mainWrapper .mainContents.pageConsult ul.areaBox li a .inner .textBox .name span {
  position: absolute;
  bottom: -15px;
  left: 0;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult ul.areaBox li a .inner .textBox .name span {
    bottom: -13px;
    font-size: 10px;
    font-size: 1rem;
  }
}
.mainWrapper .mainContents.pageConsult ul.areaBox li a .inner .textBox .name:after {
  position: absolute;
  display: block;
  content: "";
  background: url(/assets/img/icon-common-blank-white.png) no-repeat center center;
  right: 0;
  top: 0;
  width: 13px;
  height: 100%;
  background-size: 100%;
}
.mainWrapper .mainContents.pageConsult ul.areaBox li a .inner .iconBox .icon {
  background: #535686;
  font-size: 14px;
  font-size: 1.4rem;
  color: #FFF;
  display: inline-block;
  margin: 10px 3px;
  padding: 1px 9px;
  text-align: center;
  font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
}
.mainWrapper .mainContents.pageConsult ul.areaBox li a .inner .iconBox .icon:first-child {
  margin-left: 10px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult ul.areaBox li a .inner .iconBox .icon {
    padding: 1px 5px;
    margin: 5px 2px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.mainWrapper .mainContents.pageConsult .troubleArea {
  background: #c8c6d4;
  padding-bottom: 40px;
}
.mainWrapper .mainContents.pageConsult .troubleArea .body {
  padding: 50px 20px 0px;
  width: 980px;
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .troubleArea .body {
    width: 100%;
    padding: 0 3%;
    box-sizing: border-box;
  }
}
.mainWrapper .mainContents.pageConsult .troubleArea .body h3 {
  font-size: 36px;
  font-size: 3.6rem;
  text-align: center;
  padding: 10px 170px 10px 0;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  line-height: 1.3;
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .troubleArea .body h3 {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 30px 0 0;
    text-align: left;
  }
}
.mainWrapper .mainContents.pageConsult .troubleArea .body h3 span {
  font-size: 30px;
  font-size: 3rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .troubleArea .body h3 span {
    display: inline-block;
    font-size: 20px;
    font-size: 2rem;
  }
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li {
  position: relative;
  background: #f5f4fa;
  padding: 30px 20px 60px;
  margin: 20px 0;
  text-align: center;
  box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .troubleArea .body ul li {
    padding: 20px;
  }
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li.first::before {
  content: "";
  background: url(/assets/img/owakarekai/knowledge/img-trouble.png) no-repeat center;
  width: 280px;
  height: 198px;
  position: absolute;
  top: -198px;
  right: 10px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .troubleArea .body ul li.first::before {
    top: -150px;
    background-size: 100%;
    width: 140px;
  }
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li span.case {
  background: #595b89;
  color: #fff;
  font-weight: bold;
  width: 300px;
  line-height: 40px;
  display: inline-block;
  border-radius: 20px;
  margin-bottom: 15px;
  font-size: 18px;
  font-size: 1.8rem;
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li span.case b {
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .troubleArea .body ul li span.case {
    font-size: 14px;
    font-size: 1.4rem;
    width: 200px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .mainWrapper .mainContents.pageConsult .troubleArea .body ul li span.case b {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li .liTitle {
  font-size: 28px;
  font-size: 2.8rem;
  text-align: center;
  margin-bottom: 50px;
  padding-bottom: 20px;
  border-bottom: 2px solid #555788;
  color: #555788;
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .troubleArea .body ul li .liTitle {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
    padding-bottom: 10px;
    line-height: 1.4;
  }
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li .text1 {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .troubleArea .body ul li .text1 {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li .text1 strong {
  color: #c30f47;
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li .text2 {
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  background: url(/assets/img/consult/img-bg-ng.png) no-repeat 80px 60px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .troubleArea .body ul li .text2 {
    font-size: 16px;
    font-size: 1.6rem;
    background: url(/assets/img/consult/img-bg-ng.png) no-repeat 0 10px;
  }
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li .text2 strong {
  color: #c30f47;
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li .text2::before {
  content: "";
  background: url(/assets/img/owakarekai/knowledge/bg-arrow-01.png) no-repeat center;
  height: 47px;
  margin: 30px 0;
  display: block;
  background-size: 60% 100%;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .troubleArea .body ul li .text2::before {
    background-size: 100%;
    width: 100%;
    margin: 0;
  }
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li .imgBox dl {
  display: table-cell;
  padding: 0 5px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .troubleArea .body ul li .imgBox dl {
    display: block;
    margin-bottom: 20px;
  }
  .mainWrapper .mainContents.pageConsult .troubleArea .body ul li .imgBox dl:last-child {
    margin-bottom: 0;
  }
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li .imgBox dl dt {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 15px;
  margin-top: 15px;
  letter-spacing: 0.05em;
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .troubleArea .body ul li .imgBox dl dt {
    margin-bottom: 10px;
  }
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li .imgBox dl dd {
  text-align: center;
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li .imgBox dl dd img {
  /*&:first-child {
    margin-right: 10px;
  }*/
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li .flText {
  padding-bottom: 20px;
  text-align: left;
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li .flText dt {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .troubleArea .body ul li .flText dt {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li .flText dd {
  float: left;
  width: 410px;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 25px;
  margin-right: 40px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .troubleArea .body ul li .flText dd {
    width: 95%;
    margin-bottom: 15px;
  }
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li .flText dd:nth-child(odd) {
  margin-right: 0;
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li .flText dd span {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  text-indent: -6px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .troubleArea .body ul li .flText dd:nth-child(2n) {
    margin: 0;
  }
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li .flText dd strong {
  font-size: 16px;
  font-size: 1.6rem;
  color: #c30f47;
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li .flText .noteR {
  padding-bottom: 20px;
  text-align: right;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .troubleArea .body ul li .flText .noteR {
    padding-top: 15px;
  }
}
.mainWrapper .mainContents.pageConsult .troubleArea .body ul li:last-child {
  padding: 40px 20px 0px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .troubleArea .body ul li:last-child {
    padding: 20px 10px 10px;
    margin: 20px 0 0;
  }
}
.mainWrapper .mainContents.pageConsult .consultText {
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  margin: 40px auto;
}
.mainWrapper .mainContents.pageConsult .consultText span.red {
  color: #c72756;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .consultText {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 20px auto 0;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsult .telLinkArea {
    margin: 0;
    padding: 20px 0;
  }
  .mainWrapper .mainContents.pageConsult .telLinkArea.bgBeige {
    background: #faf7f1;
  }
  .mainWrapper .mainContents.pageConsult .telLinkArea .telLinkBlock {
    background: none;
    padding: 0px 3%;
  }
}

.consultContents .inner {
  margin: 0 auto;
  padding-bottom: 60px;
  width: 950px;
}
@media screen and (max-width: 736px) {
  .consultContents .inner {
    width: 100%;
    padding-bottom: 20px;
  }
}

.consultContents.bgWhite {
  background-color: #fff;
}
@media screen and (max-width: 736px) {
  .consultContents.bgWhite {
    padding-top: 0;
  }
}
@media screen and (max-width: 736px) {
  .consultContents.bgWhite.threePoints {
    padding-top: 20px;
  }
}

@media screen and (max-width: 736px) {
  .pageConsultLink {
    text-align: right;
    padding: 0 3% 10px;
  }
}

.deskBannerConsult {
  background-color: #fffef9;
  border: #d1c0a5 5px solid;
  font-weight: bold;
}
.deskBannerConsult .detail {
  border-bottom: #cccccc 1px solid;
  box-sizing: border-box;
  height: 152px;
  padding: 22px 25px 0px;
}
.deskBannerConsult .detail strong {
  color: #a51126;
  display: block;
  font-size: 30px;
  font-size: 3rem;
  margin-top: 10px;
}
.deskBannerConsult .telNum {
  padding: 20px 18px;
  text-align: center;
}

.deskBannerConsult.consultBnr01 .detail {
  background: url(/assets/img/consult/bg-bnr-desk-bg-consult01_mod.png) no-repeat right top;
}
.deskBannerConsult.consultBnr01 .detail .caption {
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.8;
  vertical-align: bottom;
}
.deskBannerConsult.consultBnr01 .detail .caption span {
  display: inline-block;
}
.deskBannerConsult.consultBnr01 .detail .caption span.data {
  font-size: 20px;
  font-size: 2rem;
  padding: 0 3px;
}
.deskBannerConsult.consultBnr01 .detail .caption span strong {
  display: inline-block;
  color: #c30f47;
  font-size: 28px;
  font-size: 2.8rem;
  margin-top: 0;
}

.deskBannerConsult.consultBnr01 .telNum.online {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.deskBannerConsult.consultBnr01 .telNum.online .linkbox li:first-child {
  margin-bottom: 5px;
}

.deskBannerConsult.consultBnr02 .detail {
  background: url(/assets/img/consult/bg-bnr-desk-bg-consult02.png) no-repeat 95% 0px;
}

.ttlWantConsult {
  color: #274c80;
  font-size: 48px;
  font-size: 4.8rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  padding: 50px 0px 40px 0px;
}
@media screen and (max-width: 736px) {
  .ttlWantConsult {
    font-size: 22px;
    font-size: 2.2rem;
    padding: 10px 3%;
  }
}

.wantConsultDetailArea {
  background: #fff;
  padding: 40px 30px;
}
@media screen and (max-width: 736px) {
  .wantConsultDetailArea {
    padding: 20px 0;
    background: #fff;
  }
}
.wantConsultDetailArea .catch {
  margin-bottom: 60px;
  padding-left: 20px;
}
@media screen and (max-width: 736px) {
  .wantConsultDetailArea .catch {
    margin-bottom: 20px;
    padding-left: 0;
  }
}
.wantConsultDetailArea .catch .ttl {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  margin-bottom: 40px;
}
@media screen and (max-width: 736px) {
  .wantConsultDetailArea .catch .ttl {
    margin-bottom: 20px;
    padding: 0 3%;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.wantConsultDetailArea .catch .ttl strong {
  color: #c18930;
  font-size: 30px;
  font-size: 3rem;
}
@media screen and (max-width: 736px) {
  .wantConsultDetailArea .catch .ttl strong {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 736px) {
  .wantConsultDetailArea .catch .wantConsulImg {
    margin: 0 0 20px;
  }
}
@media screen and (max-width: 736px) {
  .wantConsultDetailArea .catch p {
    padding: 0 3%;
  }
}
@media screen and (max-width: 736px) {
  .wantConsultDetailArea .detail {
    padding: 0 3%;
  }
}
.wantConsultDetailArea .detail strong {
  color: #274c80;
}

.pt60 {
  padding-top: 60px;
}

/* ========================================================================== */
/* chiebukuro */
/* ========================================================================== */
/* chiebukuroTitleBlock
========================================================================== */
.chiebukuroTitleBlock {
  width: 950px;
  margin: -30px auto 0;
  padding-top: 17px;
  overflow: hidden;
  background-image: url(/assets/img/chiebukuro/bg-chiebukuro-01.png), url(/assets/img/chiebukuro/bg-chiebukuro-02.png);
  background-repeat: no-repeat;
  background-position: left bottom, right top;
  letter-spacing: -0.4em;
}
@media screen and (max-width: 736px) {
  .chiebukuroTitleBlock {
    background-position: left top, right bottom;
    background-size: 130px, auto;
    margin: 15px 0 0;
    position: relative;
    width: 100%;
  }
}
.chiebukuroTitleBlock .mainTitle {
  display: inline-block;
  padding: 50px 18px 40px 150px;
}
@media screen and (max-width: 736px) {
  .chiebukuroTitleBlock .mainTitle {
    padding: 0;
    height: 100px;
    position: absolute;
    top: 45px;
    left: 43%;
  }
}
.chiebukuroTitleBlock .caption {
  display: inline-block;
  letter-spacing: normal;
}
@media screen and (max-width: 736px) {
  .chiebukuroTitleBlock .caption {
    padding: 160px 10px 20px;
    min-height: 174px;
  }
}
.chiebukuroTitleBlock .caption span {
  display: block;
  background: url(/assets/img/chiebukuro/bg-chiebukuro-text.gif) no-repeat bottom left;
  margin-bottom: 4px;
  padding-bottom: 3px;
}

@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.chiebukuro .btnCommon {
    margin: 20px 0;
  }
  .mainWrapper .mainContents.chiebukuro .btnCommon a {
    font-size: 1.8rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
    font-weight: bold;
    height: 50px;
    line-height: 50px;
  }
  .mainWrapper .mainContents.chiebukuro .btnCommon a:before {
    background-image: url(/assets/img/sp/icon-common-back-blue.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }
}
/* chiebukuroList
========================================================================== */
.mainWrapper .mainContents.chiebukuro > .inner {
  padding-top: 98px;
}

.chiebukuroList {
  margin-top: -25px;
}
.chiebukuroList:after {
  content: "";
  clear: both;
  display: block;
}
@media screen and (max-width: 736px) {
  .chiebukuroList {
    margin-bottom: 30px !important;
    padding: 0 3%;
  }
}
.chiebukuroList li {
  background-color: #fff;
  width: 330px;
  float: left;
  margin-top: 25px;
  border-top-width: 6px;
  border-top-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 2px 5px 3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.13) 0px 2px 5px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.13) 0px 2px 5px 3px;
}
.chiebukuroList li:nth-child(even) {
  float: right;
}
@media screen and (max-width: 736px) {
  .chiebukuroList li:nth-child(even) {
    float: none;
  }
}
.chiebukuroList li.manner {
  border-color: #d26785;
}
.chiebukuroList li.condolence {
  border-color: #a76ecb;
}
.chiebukuroList li.attendance {
  border-color: #b77d4e;
}
.chiebukuroList li.holding {
  border-color: #f57c46;
}
.chiebukuroList li.generalFaq {
  border-color: #1ac48e;
}
.chiebukuroList li.beforeFaq {
  border-color: #ccd454;
}
.chiebukuroList li.todayFaq {
  border-color: #cf4040;
}
.chiebukuroList li.kouekishaFaq {
  border-color: #80abd8;
}
.chiebukuroList li.trivia {
  border-color: #ffbbee;
}
@media screen and (max-width: 736px) {
  .chiebukuroList li {
    float: none;
    width: 100%;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    margin-top: 20px;
  }
}
.chiebukuroList li a {
  display: block;
}
.chiebukuroList li a:hover {
  text-decoration: none;
}
@media screen and (max-width: 736px) {
  .chiebukuroList li a {
    padding: 10px 2%;
    position: relative;
  }
}
.chiebukuroList li a .inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 20px;
}
@media screen and (max-width: 736px) {
  .chiebukuroList li a .inner {
    display: inline;
    padding: 0;
  }
}
.chiebukuroList li a .inner .categoryTitle {
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.06em;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: dotted 1px #375689;
}
@media screen and (max-width: 736px) {
  .chiebukuroList li a .inner .categoryTitle {
    border: none;
    display: inline-block;
    font-size: 20px;
    font-size: 2rem;
    margin: 0;
    line-height: 1.4;
    padding: 0 0 0 5px;
    text-align: left;
    width: 51%;
    width: calc(100% - 145px);
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.chiebukuroList li a .inner img {
  width: 330px;
  height: auto;
}
.chiebukuroList li a .inner p {
  line-height: 1.6;
}
@media screen and (max-width: 736px) {
  .chiebukuroList li a .inner p {
    margin-top: 10px;
  }
}
@media screen and (max-width: 736px) {
  .chiebukuroList li a img {
    display: inline-block;
    width: 135px;
    vertical-align: middle;
  }
}
.chiebukuroList li.large {
  float: none;
  width: 690px;
  margin-top: 50px;
}
@media screen and (max-width: 736px) {
  .chiebukuroList li.large {
    width: 100%;
  }
}
.chiebukuroList li.large a {
  overflow: hidden;
}
.chiebukuroList li.large a .inner {
  float: left;
  width: 360px;
  padding: 11px 20px;
}
@media screen and (max-width: 736px) {
  .chiebukuroList li.large a .inner {
    float: none;
    padding: 0;
    width: 100%;
  }
}
@media screen and (max-width: 736px) {
  .chiebukuroList li.large a .inner .categoryTitle {
    height: 54px;
    line-height: 54px;
    position: absolute;
    top: 10px;
    left: 150px;
  }
}
@media screen and (max-width: 736px) {
  .chiebukuroList li.large a .inner p {
    margin-top: 60px;
  }
}
.chiebukuroList li.large a img {
  float: right;
}
@media screen and (max-width: 736px) {
  .chiebukuroList li.large a img {
    position: absolute;
    top: 10px;
    left: 2%;
    text-align: left;
  }
}
.chiebukuroList.middle {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: solid 2px #cacaca;
}
.chiebukuroList.middle li a .inner .categoryTitle {
  font-size: 20px;
  font-size: 2rem;
  border-bottom: none;
  margin-bottom: 5px;
  padding-bottom: 0;
}
@media screen and (max-width: 736px) {
  .chiebukuroList.middle li a .inner .categoryTitle {
    margin-bottom: 0;
  }
}

/* chiebukuroSubTitle
========================================================================== */
.chiebukuroSubTitle {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 736px) {
  .chiebukuroSubTitle {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 50px !important;
  }
}
.chiebukuroSubTitle:before, .chiebukuroSubTitle:after {
  content: "";
  display: block;
  width: 260px;
  height: 2px;
  background-color: #cacaca;
  position: absolute;
  top: 50%;
  margin-top: -1px;
}
@media screen and (max-width: 736px) {
  .chiebukuroSubTitle:before, .chiebukuroSubTitle:after {
    width: 28%;
  }
}
.chiebukuroSubTitle:before {
  left: 0;
}
.chiebukuroSubTitle:after {
  right: 0;
}

/* chiebukuroCategoryList
========================================================================== */
.chiebukuroContents .commonTitle {
  margin-top: -84px;
  background: url(/assets/img/chiebukuro/img-chiebukuro-sub.png) no-repeat 23px bottom;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .commonTitle {
    background: url(/assets/img/chiebukuro/img-chiebukuro-sub.png) no-repeat 10px bottom;
  }
}
.chiebukuroContents .commonTitle img {
  padding: 20px 0 20px 118px;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .commonTitle img {
    padding: 20px 0 20px 88px;
  }
}
.chiebukuroContents .inner {
  background-color: #fff;
  position: relative;
  padding: 30px;
}
.chiebukuroContents .inner:before {
  content: "";
  display: block;
  width: 650px;
  height: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -325px;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner:before {
    width: 100%;
    margin-left: 0;
    left: 0;
  }
}
.chiebukuroContents .inner.manner:before {
  background-color: #d26785;
}
.chiebukuroContents .inner.condolence:before {
  background-color: #a76ecb;
}
.chiebukuroContents .inner.attendance:before {
  background-color: #b77d4e;
}
.chiebukuroContents .inner.holding:before {
  background-color: #f57c46;
}
.chiebukuroContents .inner.generalFaq:before {
  background-color: #1ac48e;
}
.chiebukuroContents .inner.beforeFaq:before {
  background-color: #ccd454;
}
.chiebukuroContents .inner.todayFaq:before {
  background-color: #cf4040;
}
.chiebukuroContents .inner.kouekishaFaq:before {
  background-color: #80abd8;
}
.chiebukuroContents .inner.trivia:before {
  background-color: #ffbbee;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner {
    padding: 20px 10px;
    width: auto;
    margin: 0 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.chiebukuroContents .inner .categoryTitle {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: -0.04em;
  margin-bottom: 20px;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner .categoryTitle {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.chiebukuroContents .inner .categoryCaption {
  margin: -10px 0 20px;
}
.chiebukuroContents .inner .chiebukuroEntryList {
  border-top: solid 1px #bfbfbf;
  padding-top: 18px;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner .chiebukuroEntryList {
    padding-top: 10px;
  }
}
.chiebukuroContents .inner .chiebukuroEntryList li {
  border-bottom: solid 1px #bfbfbf;
  margin-bottom: 18px;
  padding-bottom: 18px;
  overflow: hidden;
}
.chiebukuroContents .inner .chiebukuroEntryList li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner .chiebukuroEntryList li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
  }
}
.chiebukuroContents .inner .chiebukuroEntryList li a {
  display: block;
}
.chiebukuroContents .inner .chiebukuroEntryList li a .detail {
  width: 415px;
  padding-right: 15px;
  float: left;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner .chiebukuroEntryList li a .detail {
    width: 100%;
    padding-right: 0;
    box-sizing: border-box;
  }
}
.chiebukuroContents .inner .chiebukuroEntryList li a .detail h2 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner .chiebukuroEntryList li a .detail h2 {
    font-size: 18px;
    font-size: 1.8rem;
    width: calc(100% - 120px);
    min-height: 50px;
    padding-bottom: 5px;
  }
}
.chiebukuroContents .inner .chiebukuroEntryList li a .detail p {
  font-size: 14px;
  font-size: 1.4rem;
}
.chiebukuroContents .inner .chiebukuroEntryList li a .thumb {
  float: right;
  width: 200px;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner .chiebukuroEntryList li a .thumb {
    width: 120px;
    position: absolute;
    right: 0;
  }
}
.chiebukuroContents .inner .chiebukuroEntryList li a .thumb img {
  width: 100%;
  height: auto;
}
.chiebukuroContents .inner.chiebukuroEntry {
  line-height: 1.8;
}
.chiebukuroContents .inner.chiebukuroEntry .entryTitle {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 15px;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner.chiebukuroEntry .entryTitle {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 0;
    line-height: 1.6;
  }
}
.chiebukuroContents .inner.chiebukuroEntry .entryCaption, .chiebukuroContents .inner.chiebukuroEntry .mainThumb {
  margin-bottom: 20px;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner.chiebukuroEntry .entryCaption, .chiebukuroContents .inner.chiebukuroEntry .mainThumb {
    margin-bottom: 10px;
  }
}
.chiebukuroContents .inner.chiebukuroEntry .mainThumb img {
  width: 100%;
  height: auto;
}
.chiebukuroContents .inner.chiebukuroEntry h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  background: #274c80;
  color: #fff;
  font-size: 28px;
  font-size: 2.8rem;
  background: -moz-linear-gradient(top, #274c80 0%, #21416e 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #274c80 0%, #21416e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #274c80 0%, #21416e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #274c80 0%, #21416e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#274c80", endColorstr="#21416e",GradientType=0 );
  /* IE6-9 */
  padding: 10px 5px 10px 50px;
  height: auto;
  line-height: 1.2;
  width: 635px;
  margin-left: -30px;
  text-indent: -1em;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner.chiebukuroEntry h2 {
    font-size: 18px;
    font-size: 1.8rem;
    height: auto;
    line-height: inherit;
    padding: 5px 0 5px 15px;
    width: auto;
    margin: 0 -10px;
    margin-bottom: 20px !important;
    text-indent: 0;
  }
}
.chiebukuroContents .inner.chiebukuroEntry h2 span {
  padding: 3px 0 3px 18px;
  background-image: url(/assets/img/icon-common-subtit.png);
  background-repeat: no-repeat;
  background-position: left center;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner.chiebukuroEntry h2 span {
    padding: 3px 0 3px 16px;
    background-size: 3px auto;
  }
}
.chiebukuroContents .inner.chiebukuroEntry h3 {
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  color: #34507e;
  font-weight: bold;
  border: solid 1px #d1d6e0;
  padding-left: 12px;
  height: 40px;
  line-height: 40px;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #d6d6d6 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #d6d6d6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #f8f8f8 0%, #d6d6d6 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f8f8f8 0%, #d6d6d6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f8f8f8", endColorstr="#d6d6d6",GradientType=0 );
  /* IE6-9 */
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner.chiebukuroEntry h3 {
    font-size: 18px;
    font-size: 1.8rem;
    height: auto;
    line-height: inherit;
    margin-bottom: 15px !important;
    padding: 5px 5px 5px 12px;
  }
}
.chiebukuroContents .inner.chiebukuroEntry h3 span {
  background-image: url(/assets/img/icon-common-smalltit.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 13px;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner.chiebukuroEntry h3 span {
    background-position: left top 3px;
  }
}
.chiebukuroContents .inner.chiebukuroEntry h4 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  padding: 8px 15px;
  border-bottom: solid 2px #274c80;
  position: relative;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner.chiebukuroEntry h4 {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 6px 15px;
  }
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner.chiebukuroEntry h4.mb40 {
    margin-bottom: 20px !important;
  }
}
.chiebukuroContents .inner.chiebukuroEntry h4:before {
  content: "";
  display: block;
  width: 5px;
  height: 26px;
  background-color: #274c80;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner.chiebukuroEntry h4:before {
    height: 24px;
    top: 10px;
    margin-top: 0;
  }
}
.chiebukuroContents .inner.chiebukuroEntry h5 {
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner.chiebukuroEntry h5.mb40 {
    margin-bottom: 15px !important;
  }
}
.chiebukuroContents .inner.chiebukuroEntry p {
  margin-bottom: 40px;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner.chiebukuroEntry p {
    margin-bottom: 15px;
  }
}
.chiebukuroContents .inner.chiebukuroEntry ul {
  margin-left: 10px;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner.chiebukuroEntry ul.mb40 {
    margin-bottom: 20px !important;
  }
}
.chiebukuroContents .inner.chiebukuroEntry ul li {
  position: relative;
  padding-left: 15px;
}
.chiebukuroContents .inner.chiebukuroEntry ul li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #274c80;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: 9px;
  left: 0;
}
.chiebukuroContents .inner.chiebukuroEntry hr {
  border: none;
  border-top: solid 1px #bfbfbf;
  height: 1px;
  color: #FFFFFF;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner.chiebukuroEntry hr.mb40 {
    margin-bottom: 20px !important;
  }
}
.chiebukuroContents .inner.chiebukuroEntry dl {
  color: #072976;
  background-color: #efebd3;
  padding: 20px 15px;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner.chiebukuroEntry dl {
    padding: 10px;
  }
}
.chiebukuroContents .inner.chiebukuroEntry dl dt {
  font-weight: bold;
  margin-bottom: 15px;
}
@media screen and (max-width: 736px) {
  .chiebukuroContents .inner.chiebukuroEntry dl dt {
    margin-bottom: 10px;
  }
}

/* chiebukuroPagination
========================================================================== */
.chiebukuroPagination {
  background-color: #fff;
  border: solid 1px #cccccc;
}
.chiebukuroPagination ul {
  letter-spacing: -0.4em;
  position: relative;
}
@media screen and (max-width: 736px) {
  .chiebukuroPagination ul:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
}
.chiebukuroPagination ul:before {
  content: "";
  display: block;
  width: 1px;
  height: 55px;
  background-color: #cccccc;
  position: absolute;
  top: 0;
  left: 50%;
}
@media screen and (max-width: 736px) {
  .chiebukuroPagination ul:before {
    height: 100%;
  }
}
.chiebukuroPagination ul li {
  display: inline-block;
  letter-spacing: normal;
  width: 50%;
}
.chiebukuroPagination ul li a {
  padding: 15px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.chiebukuroPagination ul li:last-child a {
  text-align: right;
}
@media screen and (max-width: 736px) {
  .chiebukuroPagination ul li.prev {
    float: left;
  }
}
.chiebukuroPagination ul li.prev a span {
  padding-left: 22px;
  background: url(/assets/img/icon-common-arrow-prev.png) no-repeat left center;
}
@media screen and (max-width: 736px) {
  .chiebukuroPagination ul li.prev a span {
    vertical-align: middle;
  }
}
@media screen and (max-width: 736px) {
  .chiebukuroPagination ul li.next {
    float: right;
  }
}
.chiebukuroPagination ul li.next a span {
  padding-right: 22px;
  background: url(/assets/img/icon-common-arrow-next.png) no-repeat right center;
}
@media screen and (max-width: 736px) {
  .chiebukuroPagination ul li.next a span {
    vertical-align: middle;
  }
}

/* chiebukuroPagination
========================================================================== */
.entryPagination {
  background-color: #fff;
  border: solid 1px #cccccc;
}
.entryPagination ul {
  letter-spacing: -0.4em;
  overflow: hidden;
  position: relative;
}
.entryPagination ul:after {
  clear: both;
  content: "";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.entryPagination ul:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #cccccc;
  position: absolute;
  top: 0;
  left: 50%;
}
.entryPagination ul li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 50%;
}
.entryPagination ul li a {
  padding: 15px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .entryPagination ul li a {
    height: 100%;
  }
}
.entryPagination ul li a span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #0e1305;
  margin-bottom: 5px;
}
.entryPagination ul li.prev {
  float: left;
}
.entryPagination ul li.prev a {
  padding-left: 38px;
  background: url(/assets/img/icon-common-arrow-prev.png) no-repeat 15px center;
}
.entryPagination ul li.next {
  float: right;
}
.entryPagination ul li.next a {
  padding-right: 38px;
  background: url(/assets/img/icon-common-arrow-next.png) no-repeat 320px center;
}
@media screen and (max-width: 736px) {
  .entryPagination ul li.next a {
    background: url(/assets/img/icon-common-arrow-next.png) no-repeat right 15px center;
  }
}

/* relationBlock
========================================================================== */
.relationBlock {
  background-color: #fff;
  padding: 30px 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 736px) {
  .relationBlock {
    padding: 20px 3%;
  }
}
.relationBlock:last-of-type, .relationBlock.preparation {
  padding: 20px;
  margin-bottom: 70px;
}
@media screen and (max-width: 736px) {
  .relationBlock:last-of-type, .relationBlock.preparation {
    margin-bottom: 30px;
    padding: 20px 3%;
  }
}
@media screen and (max-width: 736px) {
  .relationBlock.preparation {
    margin-bottom: 30px;
  }
}
.relationBlock ul li {
  float: left;
}
.relationBlock .entry {
  overflow: hidden;
  margin-left: -25px;
}
.relationBlock .entry li {
  width: 200px;
  margin-left: 25px;
  margin-bottom: 25px;
}
.relationBlock .entry li a {
  display: block;
}
.relationBlock .entry li a img {
  display: block;
  max-width: 100%;
  height: auto;
}
.relationBlock .entry li a p {
  margin-top: 5px;
}
@media screen and (max-width: 736px) {
  .relationBlock .entry {
    margin-left: 0;
  }
  .relationBlock .entry li {
    width: 100%;
    padding: 0;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .relationBlock .entry li a {
    max-width: 280px;
    margin: 0 auto;
  }
}
.relationBlock .contents {
  margin-top: -10px;
}
.relationBlock .contents li {
  float: none;
  background: url(/assets/img/icon-common-arrow-next.png) no-repeat left 5px;
  padding-left: 20px;
  margin-top: 10px;
}

/* pickupSideBlock
========================================================================== */
.chiebukuroSideBlock {
  background-color: #fff;
  margin-bottom: 20px;
}
.chiebukuroSideBlock .title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  padding: 15px 20px;
  border-bottom: solid 1px #cccccc;
}
@media screen and (max-width: 736px) {
  .chiebukuroSideBlock .title {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 10px 3%;
    background: #cfd6e1;
    border-bottom: none;
  }
}
.chiebukuroSideBlock .pickupList {
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .chiebukuroSideBlock .pickupList {
    padding: 20px 3%;
  }
  .chiebukuroSideBlock .pickupList:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
}
.chiebukuroSideBlock .pickupList li {
  margin-bottom: 20px;
}
.chiebukuroSideBlock .pickupList li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 736px) {
  .chiebukuroSideBlock .pickupList li {
    margin-bottom: 15px;
    float: left;
    width: 49%;
  }
}
@media screen and (max-width: 736px) {
  .chiebukuroSideBlock .pickupList li:nth-child(odd) {
    margin: 0 2% 15px 0;
    clear: both;
  }
}
.chiebukuroSideBlock .pickupList li a {
  display: block;
}
.chiebukuroSideBlock .pickupList li a img {
  width: 100%;
  height: auto;
}
.chiebukuroSideBlock .pickupList li a p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 5px;
  line-height: 1.2;
}
.chiebukuroSideBlock .categoryList {
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .chiebukuroSideBlock .categoryList {
    padding: 0;
  }
}
.chiebukuroSideBlock .categoryList li {
  margin-bottom: 15px;
}
.chiebukuroSideBlock .categoryList li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 736px) {
  .chiebukuroSideBlock .categoryList li {
    margin-bottom: 0;
    border-bottom: 1px solid #c0c0c0;
  }
}
.chiebukuroSideBlock .categoryList li a {
  display: block;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  padding-left: 35px;
  background-repeat: no-repeat;
  background-position: left 0px;
}
@media screen and (max-width: 736px) {
  .chiebukuroSideBlock .categoryList li a {
    padding: 15px 0 15px 45px;
  }
  .chiebukuroSideBlock .categoryList li a:after {
    background: url(../img/sp/icon-common-blue.png) no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
  }
}
.chiebukuroSideBlock .categoryList li:first-of-type a {
  background-image: url(/assets/img/chiebukuro/icon-chiebukuro-01.png);
}
@media screen and (max-width: 736px) {
  .chiebukuroSideBlock .categoryList li:first-of-type a {
    background-position: 10px 17px;
  }
}
.chiebukuroSideBlock .categoryList li:nth-of-type(2) a {
  background-image: url(/assets/img/chiebukuro/icon-chiebukuro-02.png);
}
@media screen and (max-width: 736px) {
  .chiebukuroSideBlock .categoryList li:nth-of-type(2) a {
    background-position: 10px 17px;
  }
}
.chiebukuroSideBlock .categoryList li:nth-of-type(3) a {
  background-image: url(/assets/img/chiebukuro/icon-chiebukuro-03.png);
}
@media screen and (max-width: 736px) {
  .chiebukuroSideBlock .categoryList li:nth-of-type(3) a {
    background-position: 10px 17px;
  }
}
.chiebukuroSideBlock .categoryList li:nth-of-type(4) a {
  background-image: url(/assets/img/chiebukuro/icon-chiebukuro-04.png);
}
@media screen and (max-width: 736px) {
  .chiebukuroSideBlock .categoryList li:nth-of-type(4) a {
    background-position: 10px 17px;
  }
}
.chiebukuroSideBlock .categoryList li:nth-of-type(5) a {
  background-image: url(/assets/img/chiebukuro/icon-chiebukuro-05.png);
}
@media screen and (max-width: 736px) {
  .chiebukuroSideBlock .categoryList li:nth-of-type(5) a {
    background-position: 10px 17px;
  }
}
.chiebukuroSideBlock .categoryList li:nth-of-type(6) a {
  background-image: url(/assets/img/chiebukuro/icon-chiebukuro-06.png);
}
@media screen and (max-width: 736px) {
  .chiebukuroSideBlock .categoryList li:nth-of-type(6) a {
    background-position: 10px 17px;
  }
}
.chiebukuroSideBlock .categoryList li:nth-of-type(7) a {
  background-image: url(/assets/img/chiebukuro/icon-chiebukuro-07.png);
}
@media screen and (max-width: 736px) {
  .chiebukuroSideBlock .categoryList li:nth-of-type(7) a {
    background-position: 10px 17px;
  }
}
.chiebukuroSideBlock .categoryList li:nth-of-type(8) a {
  background-image: url(/assets/img/chiebukuro/icon-chiebukuro-08.png);
}
@media screen and (max-width: 736px) {
  .chiebukuroSideBlock .categoryList li:nth-of-type(8) a {
    background-position: 10px 17px;
  }
}
.chiebukuroSideBlock .categoryList li:nth-of-type(9) a {
  background-image: url(/assets/img/chiebukuro/icon-chiebukuro-09.png);
}
@media screen and (max-width: 736px) {
  .chiebukuroSideBlock .categoryList li:nth-of-type(9) a {
    background-position: 10px 17px;
  }
}

/* ========================================================================== */
/* consultation */
/* ========================================================================== */
.mainWrapper .subTitleBlock.consultation {
  margin: 40px auto 0;
}
.mainWrapper .subTitleBlock.consultation:after {
  clear: both;
  content: "";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
@media screen and (max-width: 736px) {
  .mainWrapper .subTitleBlock.consultation {
    margin: 0;
  }
}
.mainWrapper .subTitleBlock.consultation p {
  float: left;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .subTitleBlock.consultation p {
    float: none;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.mainWrapper .subTitleBlock.consultation .txtRight {
  float: right;
}
@media screen and (max-width: 736px) {
  .mainWrapper .subTitleBlock.consultation .txtRight {
    float: none;
    margin-top: 10px;
    text-align: center;
  }
}
.mainWrapper .subTitleBlock.consultation .txtRight .image {
  display: inline-block;
  margin-left: 10px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .subTitleBlock.consultation .txtRight .image:first-child {
    margin-left: 0;
  }
}

.consultationTop:after {
  clear: both;
  content: "";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.consultationTop .image {
  float: left;
}
@media screen and (max-width: 736px) {
  .consultationTop .image {
    float: none;
  }
  .consultationTop .image img {
    width: 100%;
  }
}
.consultationTop .text {
  float: right;
  line-height: 1.8;
  margin-top: 50px;
  width: 635px;
  vertical-align: top;
}
@media screen and (max-width: 736px) {
  .consultationTop .text {
    float: none;
    line-height: 1.6;
    margin-top: 20px;
    padding: 0 3%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.consultationTop .text .color {
  color: #2d4670;
  font-weight: bold;
}

.mainWrapper .mainContents.pageConsultation {
  padding-bottom: 0;
}
.mainWrapper .mainContents.pageConsultation .deskBannerConsult {
  margin-top: 0;
}
.mainWrapper .mainContents.pageConsultation .deskBannerConsult .detail .caption {
  color: #2d4670;
  font-size: 15px;
  font-size: 1.5rem;
  vertical-align: middle;
}
.mainWrapper .mainContents.pageConsultation .deskBannerConsult .detail strong {
  color: #101928;
}
.mainWrapper .mainContents.pageConsultation .deskBannerConsult .telNum a {
  display: inline-block;
  margin-left: 7px;
  vertical-align: middle;
}
.mainWrapper .mainContents.pageConsultation .deskBannerConsult .telNum img {
  vertical-align: middle;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .telLinkArea {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .telLinkArea .telLinkTitle {
    padding: 0 3%;
    text-align: left;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .threePoints {
    padding-top: 20px;
  }
}
.mainWrapper .mainContents.pageConsultation .hurryBlock {
  background: #fcf5e5;
}
.mainWrapper .mainContents.pageConsultation .hurryBlock .inner {
  padding-bottom: 75px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .hurryBlock .inner {
    padding-bottom: 20px;
  }
}
.mainWrapper .mainContents.pageConsultation .hurryBlock .ttlWantConsult {
  border-bottom: solid 3px #304b78;
  margin-bottom: 35px;
  padding: 50px 0 20px 0;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .hurryBlock .ttlWantConsult {
    padding: 10px 3%;
    margin-bottom: 20px;
  }
}
.mainWrapper .mainContents.pageConsultation .hurryBlock .wantConsultDetailArea {
  border: 1px solid #eaebf0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 50px 30px 35px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .hurryBlock .wantConsultDetailArea {
    padding: 20px 0;
  }
}
.mainWrapper .mainContents.pageConsultation .hurryBlock .wantConsultDetailArea .catch .ttl {
  line-height: 1.4;
}
.mainWrapper .mainContents.pageConsultation .hurryBlock .wantConsultDetailArea .catch p b {
  line-height: 2;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .hurryBlock .wantConsultDetailArea .catch p b {
    line-height: 1.8;
  }
}
.mainWrapper .mainContents.pageConsultation .hurryBlock .wantConsultDetailArea .detail {
  line-height: 2;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .hurryBlock .wantConsultDetailArea .detail {
    line-height: 1.8;
  }
}
.mainWrapper .mainContents.pageConsultation .hurryBlock .consultText {
  margin-left: 10px;
}
.mainWrapper .mainContents.pageConsultation .hurryBlock .deskBannerLarge.mt40 {
  margin-top: 25px !important;
}
.mainWrapper .mainContents.pageConsultation .hurryBlock .deskBannerLarge .detail .telNum img {
  width: 480px;
}
.mainWrapper .mainContents.pageConsultation .hurryBlock .deskBannerLarge .detail > a {
  width: 250px;
  right: 172px;
}
.mainWrapper .mainContents.pageConsultation .hurryBlock .deskBannerLarge .detail > a img {
  width: 250px;
}
.mainWrapper .mainContents.pageConsultation .hurryBlock .deskBannerLarge .detail > a:hover {
  opacity: 0.6 !important;
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar {
  padding: 70px 0 40px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar {
    padding: 20px 0 0;
  }
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarRead {
  color: #304b78;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarRead {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
    padding: 0 3%;
  }
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox {
  background: #dfe5f6;
  border: 2px solid #403764;
  padding: 15px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox {
    padding: 10px;
  }
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn {
  background: #fff;
  padding: 30px 30px 40px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn {
    padding: 20px 3%;
  }
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .ttl {
  color: #13297e;
  border-bottom: 2px solid #615397;
  font-size: 48px;
  font-size: 4.8rem;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  text-align: center;
  margin-bottom: 35px;
  padding-bottom: 10px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .ttl {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .ttl .small {
  color: #312d32;
  font-size: 32px;
  font-size: 3.2rem;
  vertical-align: middle;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .ttl .small {
    font-size: 20px;
    font-size: 2rem;
  }
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .textBox {
  position: relative;
  border-bottom: 1px dotted #cdcac8;
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .textBox .text {
  width: 440px;
  line-height: 1.8;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .textBox .text {
    width: 100%;
  }
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .textBox .text .big {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .textBox .text .big {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .textBox .textSmall {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 35px;
  padding: 10px 0 41px 70px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .textBox .textSmall {
    margin-top: 20px;
    padding: 0 0 20px 70px;
  }
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .textBox .textSmall a {
  text-decoration: underline;
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .textBox .textSmall:before {
  background: url(../img/consultation/icon-consultation-1.png) no-repeat;
  content: "";
  display: inline-block;
  width: 60px;
  height: 55px;
  position: absolute;
  top: 3px;
  left: 0;
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .textBox .image {
  position: absolute;
  top: 0px;
  right: 30px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .textBox .image {
    position: relative;
    top: initial;
    right: initial;
  }
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .textBox .image img {
    width: 100%;
  }
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .present {
  border: 2px solid #dfe5f6;
  display: table;
  height: 80px;
  margin-top: 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .present {
    display: block;
    height: auto;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .present .left {
  background: #dfe5f6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #615397;
  font-weight: bold;
  display: table-cell;
  padding: 0 30px;
  position: relative;
  width: 330px;
  vertical-align: middle;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .present .left {
    display: block;
    padding: 10px 3%;
    width: 100%;
  }
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .present .left:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #dfe5f6;
  position: absolute;
  top: 28px;
  right: -14px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .present .left:after {
    content: none;
  }
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .present .right {
  display: table-cell;
  line-height: 1.8;
  padding: 0 30px;
  position: relative;
  vertical-align: middle;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .present .right {
    display: block;
    padding: 10px 3%;
  }
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .present .right:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .present .right p {
    float: left;
    width: 56%;
    width: calc(100% - 113px);
  }
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .present .right .image {
  position: absolute;
  top: -10px;
  right: 40px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .present .right .image {
    position: relative;
    top: initial;
    right: initial;
    float: right;
  }
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .btnArea {
  margin-top: 30px;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .btnArea {
    margin-top: 20px;
  }
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .btnArea a {
  border: solid 1px #b5b5b5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background-color: #e8e9ed;
  background: -moz-linear-gradient(top, #fcfcfc 0%, #ebebeb 100%);
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #ebebeb 100%);
  background: -ms-linear-gradient(top, #fcfcfc 0%, #ebebeb 100%);
  background: linear-gradient(to bottom, #fcfcfc 0%, #ebebeb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fcfcfc", endColorstr="#ebebeb",GradientType=0 );
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 0px 0px;
  color: #2d4670;
  display: inline-block;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 24px;
  font-size: 2.4rem;
  height: 60px;
  line-height: 60px;
  position: relative;
  width: 500px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .btnArea a {
    font-size: 18px;
    font-size: 1.8rem;
    height: 50px;
    line-height: 50px;
    width: 100%;
  }
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .btnArea a:hover {
  text-decoration: none;
}
.mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .btnArea a:before {
  background: url(../img/icon-common-circle_off.png) no-repeat;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 70px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.pageConsultation .consultationSeminar .seminarBox .inn .btnArea a:before {
    background: url(../img/sp/icon-common-blue.png) no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    left: 15px;
  }
}

.consult3PointsArea {
  background-color: #fff;
  border: #d1c0a5 1px solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .consult3PointsArea {
    margin: 0 3%;
  }
}
.consult3PointsArea .accent01 {
  position: absolute;
  top: 0px;
  left: 0px;
}
@media screen and (max-width: 736px) {
  .consult3PointsArea .accent01 {
    width: 45px;
  }
}
.consult3PointsArea .accent02 {
  position: absolute;
  top: 0px;
  right: 0px;
}
@media screen and (max-width: 736px) {
  .consult3PointsArea .accent02 {
    width: 45px;
  }
}
.consult3PointsArea h2 {
  background: -moz-linear-gradient(top, #eeecec 0%, #ffffff 50%);
  background: -webkit-linear-gradient(top, #eeecec 0%, #ffffff 50%);
  background: linear-gradient(to bottom, #eeecec 0%, #ffffff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#eeecec", endColorstr="#ffffff",GradientType=0 );
  border-top: #d1c0a5 6px solid;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-size: 48px;
  font-size: 4.8rem;
  padding: 40px 0px 60px 0px;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .consult3PointsArea h2 {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    padding: 20px 0px;
  }
}
.consult3PointsArea .consult3PointsList {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: -0.4em;
  margin: 0 30px 10px 30px;
}
@media screen and (max-width: 736px) {
  .consult3PointsArea .consult3PointsList {
    margin: 0 3%;
  }
}
.consult3PointsArea .consult3PointsList .consult3PointsListParts {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 270px;
}
@media screen and (min-width: 737px) {
  .consult3PointsArea .consult3PointsList .consult3PointsListParts:nth-child(2) {
    margin: 0 39px;
  }
}
@media screen and (max-width: 736px) {
  .consult3PointsArea .consult3PointsList .consult3PointsListParts {
    width: 100%;
  }
}
.consult3PointsArea .consult3PointsList .consult3PointsListParts dl dt {
  display: table;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  height: 50px;
  line-height: 50px;
  width: 100%;
}
.consult3PointsArea .consult3PointsList .consult3PointsListParts dl dt .num {
  background-color: #c18930;
  color: #fff;
  display: table-cell;
  font-size: 32px;
  font-size: 3.2rem;
  text-align: center;
  vertical-align: middle;
  width: 50px;
}
@media screen and (max-width: 736px) {
  .consult3PointsArea .consult3PointsList .consult3PointsListParts dl dt .num {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.consult3PointsArea .consult3PointsList .consult3PointsListParts dl dt .ttl {
  border-bottom: #274c80 3px solid;
  color: #274c80;
  display: table-cell;
  font-size: 28px;
  font-size: 2.8rem;
  padding-left: 15px;
}
@media screen and (max-width: 736px) {
  .consult3PointsArea .consult3PointsList .consult3PointsListParts dl dd ul {
    margin: 10px 0 20px;
  }
}
.consult3PointsArea .consult3PointsList .consult3PointsListParts dl dd ul li {
  background: url(/assets/img/icon-common-list.png) no-repeat left 25px;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 15px 0px 15px 1em;
}
@media screen and (min-width: 737px) {
  .consult3PointsArea .consult3PointsList .consult3PointsListParts dl dd ul li {
    border-bottom: #c9c9c9 1px solid;
  }
  .consult3PointsArea .consult3PointsList .consult3PointsListParts dl dd ul li:last-child {
    border-bottom: none;
  }
}
@media screen and (max-width: 736px) {
  .consult3PointsArea .consult3PointsList .consult3PointsListParts dl dd ul li {
    padding: 5px 0 5px 1em;
    background: url(/assets/img/icon-common-list.png) no-repeat 5px 14px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.consult3PointsArea p {
  border-top: #d1c0a5 1px solid;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 30px;
  padding: 30px 0px;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .consult3PointsArea p {
    margin: 0 3%;
    padding: 20px 0;
    width: 94%;
    text-align: left;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.consult3PointsArea h2 .read {
  font-size: 32px;
  font-size: 3.2rem;
  color: #304b78;
}
@media screen and (max-width: 736px) {
  .consult3PointsArea h2 .read {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.consult3PointsArea .pointTxt {
  vertical-align: middle;
}
.consult3PointsArea .pointTxt .gold {
  color: #c18930;
  font-size: 28px;
  font-size: 2.8rem;
  vertical-align: middle;
}
@media screen and (max-width: 736px) {
  .consult3PointsArea .pointTxt .gold {
    font-size: 20px;
    font-size: 2rem;
  }
}
.consult3PointsArea .pointTxt .blue {
  color: #2d4670;
  font-size: 28px;
  font-size: 2.8rem;
  vertical-align: middle;
}
@media screen and (max-width: 736px) {
  .consult3PointsArea .pointTxt .blue {
    font-size: 20px;
    font-size: 2rem;
  }
}
.consult3PointsArea .consult3PointsList ul li {
  font-weight: bold;
  line-height: 1.4;
}
.consult3PointsArea .consult3PointsList ul li .small {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
  margin-top: 7px;
}
.consult3PointsArea .consult3PointsList ul li .small a {
  padding-left: 13px;
  position: relative;
}
.consult3PointsArea .consult3PointsList ul li .small a:before {
  background: url(../img/icon-common-arrow-next.png) no-repeat;
  content: "";
  display: inline-block;
  width: 8px;
  height: 13px;
  position: absolute;
  top: 3px;
  left: 0;
}
.consult3PointsArea .consult3PointsList ul li .image {
  margin-top: 7px;
}
.consult3PointsArea .consult3PointsList dl dt .ttl {
  font-style: italic;
  font-weight: bold;
}

/* ========================================================================== */
/* LP */
/* ========================================================================== */
.choutanLp {
  text-align: center;
}
@media screen and (max-width: 736px) {
  .choutanLp {
    margin-top: -50px;
  }
}
.choutanLp .choutanMv {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #a1d1f0 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #a1d1f0 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #a1d1f0 100%);
  position: relative;
  padding-bottom: 30px;
}
@media screen and (min-width: 737px) {
  .choutanLp .choutanMv {
    min-width: 1200px;
  }
}
.choutanLp .choutanMv .logo {
  position: absolute;
  top: 0;
  right: 20px;
}
@media screen and (max-width: 736px) {
  .choutanLp .choutanMv .logo {
    width: 78px;
    height: auto;
  }
}
@media screen and (min-width: 737px) {
  .choutanLp .choutanMv h1 img {
    margin: 40px auto;
  }
}
@media screen and (max-width: 736px) {
  .choutanLp .choutanMv .entryBtnTop {
    margin: -60px 20px 0px;
  }
}
.choutanLp .readText {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  text-align: center;
  padding: 60px 0;
}
@media screen and (max-width: 736px) {
  .choutanLp .readText {
    text-align: left;
    padding: 40px 20px;
  }
}
.choutanLp .mangaArea {
  background: #ffe7df;
  text-align: center;
  padding: 0 0 60px;
}
.choutanLp .mangaArea img {
  display: block;
  margin: 0 auto 10px;
}
.choutanLp .mangaArea img:first-child {
  margin: 0 auto 30px;
}
@media screen and (max-width: 736px) {
  .choutanLp .mangaArea {
    padding: 0 0 30px;
  }
  .choutanLp .mangaArea img:first-child {
    width: 178px;
    height: auto;
  }
  .choutanLp .mangaArea img {
    max-width: 94%;
  }
}
@media screen and (max-width: 736px) {
  .choutanLp .entryArea > img {
    width: 80%;
    margin-top: -2px;
  }
}
.choutanLp .entryArea .entryBtn img {
  margin: 40px auto 60px;
}
@media screen and (max-width: 736px) {
  .choutanLp .entryArea .entryBtn img {
    margin: 20px 5% 30px;
    max-width: 90%;
  }
}
.choutanLp .entryArea .voiceArea {
  margin: 0 auto 120px;
}
@media screen and (max-width: 736px) {
  .choutanLp .entryArea .voiceArea {
    margin: 0 auto;
  }
  .choutanLp .entryArea .voiceArea img {
    width: 60%;
    margin-bottom: 20px;
  }
}
.choutanLp .seminarBannerLarge {
  margin-bottom: 80px;
}
@media screen and (max-width: 736px) {
  .choutanLp .contents.seminar {
    margin-top: 25px;
    background: #dfe5f6;
    padding: 10px 3%;
  }
  .choutanLp .contents.seminar > .inner {
    background: url(/assets/img/img-side-seminar-main.jpg) no-repeat right top #FFF;
    background-size: 30%;
    padding: 35px 3% 20px;
  }
  .choutanLp .contents.seminar > .inner p {
    margin: 15px 0;
    text-align: left;
  }
  .choutanLp .contents.seminar .title {
    text-align: left;
  }
  .choutanLp .contents.seminar .title img {
    width: 166px;
  }
  .choutanLp .contents.seminar .btn {
    display: block;
    text-align: center;
    position: relative;
    padding: 15px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background: #615396;
    /* Old browsers */
    background: -moz-linear-gradient(top, #615396 0%, #574a87 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #615396 0%, #574a87 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #615396 0%, #574a87 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#615396", endColorstr="#574a87",GradientType=0 );
    /* IE6-9 */
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 2px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  }
  .choutanLp .contents.seminar .btn:before {
    position: absolute;
    content: "";
    background: url(/assets/img/headerfooter/sp/icon-arrow-03.png) no-repeat;
    background-size: 100%;
    width: 16px;
    height: 16px;
    left: 10px;
    top: 50%;
    margin: -8px 0 0;
  }
}

/* online
========================================================================== */
.mainWrapper.online .mainContents {
  padding: 0;
}
.mainWrapper.online .titleBlock {
  padding: 25px 0;
  background: #f6fbfe url(/assets/img/online/mv.jpg) center center no-repeat;
  background-size: auto 100%;
  height: 350px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .titleBlock {
    background: #f6fbfe url(/assets/img/online/mv_sp.jpg) top center/contain no-repeat;
    padding: 0 3%;
    height: auto;
  }
}
.mainWrapper.online .titleBlock .breadcrumb {
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .titleBlock .breadcrumb {
    display: none;
  }
}
.mainWrapper.online .titleBlock .w950 {
  max-width: 950px;
  margin: 0 auto;
}
.mainWrapper.online .titleBlock .onlineTitleWrap {
  max-width: 525px;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .titleBlock .onlineTitleWrap {
    padding: 55% 0 25px 0;
  }
}
.mainWrapper.online .titleBlock .onlineTitleWrap .onlineLead {
  margin-top: 30px;
  background: #c28a2a;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .titleBlock .onlineTitleWrap .onlineLead {
    font-size: 1.6rem;
    line-height: 1.4;
    padding: 7px 0px;
    margin: 0 -10px;
  }
}
@media all and (-ms-high-contrast: none) {
  .mainWrapper.online .titleBlock .onlineTitleWrap .onlineLead {
    padding-top: 5px;
  }
}
.mainWrapper.online .titleBlock .onlineTitleWrap h1 {
  margin: 25px 0 15px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .titleBlock .onlineTitleWrap h1 {
    margin: 15px 0;
  }
}
.mainWrapper.online .titleBlock .onlineTitleWrap .onlineReserve {
  font-size: 2.2rem;
}
.mainWrapper.online .titleBlock .onlineTitleWrap .onlineBtnArea {
  display: flex;
  justify-content: space-between;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  margin-top: 20px;
}
.mainWrapper.online .titleBlock .onlineTitleWrap .onlineBtnArea a {
  text-align: center;
  line-height: 1.1;
  display: block;
  background: -moz-linear-gradient(top, #fcfcfc 27%, #f2f2f2 100%);
  background: -webkit-linear-gradient(top, #fcfcfc 27%, #f2f2f2 100%);
  background: -ms-linear-gradient(top, #fcfcfc 27%, #f2f2f2 100%);
  background: linear-gradient(to bottom, #fcfcfc 27%, #f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fcfcfc", endColorstr="#f2f2f2",GradientType=0 );
  height: 100px;
  width: 250px;
  font-size: 3.2rem;
  font-weight: bold;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 2px;
  border: solid 1px #e5e5e5;
  position: relative;
  padding: 15px;
}
@media all and (-ms-high-contrast: none) {
  .mainWrapper.online .titleBlock .onlineTitleWrap .onlineBtnArea a {
    padding: 20px;
  }
}
.mainWrapper.online .titleBlock .onlineTitleWrap .onlineBtnArea a span {
  font-size: 2.6rem;
  color: #000;
}
.mainWrapper.online .titleBlock .onlineTitleWrap .onlineBtnArea a:hover {
  text-decoration: none;
}
.mainWrapper.online .titleBlock .onlineTitleWrap .onlineBtnArea a::before {
  content: "";
  position: absolute;
  background: url(/assets/img/icon-common-circle_off.png) center/100% no-repeat;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .titleBlock .onlineTitleWrap .onlineBtnArea {
    display: block;
    margin-top: 10px;
  }
  .mainWrapper.online .titleBlock .onlineTitleWrap .onlineBtnArea li:first-child {
    margin-bottom: 15px;
  }
  .mainWrapper.online .titleBlock .onlineTitleWrap .onlineBtnArea a {
    width: 100%;
    height: auto;
    font-size: 2.4rem;
    padding: 10px;
  }
  .mainWrapper.online .titleBlock .onlineTitleWrap .onlineBtnArea a span {
    font-size: 2rem;
  }
  .mainWrapper.online .titleBlock .onlineTitleWrap .onlineBtnArea a::before {
    width: 20px;
    height: 20px;
  }
}
.mainWrapper.online .inner {
  max-width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .inner {
    margin: 0 15px;
  }
}
.mainWrapper.online .onlineDesc {
  background: #f4f1ea;
  text-align: center;
  padding: 80px 0;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineDesc {
    padding: 40px 0;
  }
}
.mainWrapper.online .onlineDesc .descText {
  margin-top: 30px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineDesc .descText {
    margin-top: 15px;
  }
}
.mainWrapper.online .onlineDesc .descText .bold {
  font-weight: bold;
  font-size: 2rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineDesc .descText .bold {
    font-size: 1.6rem;
    text-align: left;
  }
}
.mainWrapper.online .onlineDesc .descText .notice {
  font-size: 1.6rem;
  margin-top: 10px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineDesc .descText .notice {
    font-size: 1.4rem;
    text-align: left;
  }
}
.mainWrapper.online .onlineDesc ul.onlineFlex01 {
  margin: 40px 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineDesc ul.onlineFlex01 {
    display: block;
    margin: 20px 0;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #20487e;
    padding: 10px;
  }
}
.mainWrapper.online .onlineDesc ul.onlineFlex01 li {
  width: 200px;
  height: 200px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-size: 2.2rem;
  font-weight: bold;
  align-items: center;
  display: flex;
}
@media screen and (min-width: 737px) {
  .mainWrapper.online .onlineDesc ul.onlineFlex01 li {
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #20487e;
    justify-content: center;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineDesc ul.onlineFlex01 li {
    height: auto;
    width: 100%;
    font-size: 1.7rem;
    margin: 10px 0 10px 10px;
  }
  .mainWrapper.online .onlineDesc ul.onlineFlex01 li::before {
    display: inline-block;
    content: "";
    margin: 0 7px 3px 0;
    width: 8px;
    height: 8px;
    vertical-align: top;
    border-radius: 5px;
    background-color: #20487E;
  }
}
.mainWrapper.online .onlineDesc ul.onlineFlex01 li p {
  line-height: 1.4;
}
.mainWrapper.online .onlineDesc ul.onlineFlex01 li span {
  color: #20487e;
  font-size: 3.2rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineDesc ul.onlineFlex01 li span {
    font-size: 1.8rem;
  }
}
.mainWrapper.online .onlineDesc h3.onlineH3 {
  text-align: center;
  font-size: 3rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  color: #20487e;
  padding-bottom: 15px;
  border-bottom: 2px solid #20487e;
  margin-bottom: 40px;
  padding-top: 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineDesc h3.onlineH3 {
    font-size: 2rem;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
}
.mainWrapper.online .onlineDesc .onlineFlex02 {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineDesc .onlineFlex02 {
    display: block;
  }
}
.mainWrapper.online .onlineDesc .onlineFlex02 li {
  width: 300px;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineDesc .onlineFlex02 li {
    width: 100%;
  }
}
.mainWrapper.online .onlineDesc .onlineFlex02 li img {
  margin: 20px auto 0;
  display: block;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineDesc .onlineFlex02 li img {
    width: 200px;
    margin-top: 15px;
  }
}
.mainWrapper.online .onlineDesc .onlineFlex02 li .onlineFlexTitle {
  font-size: 2.4rem;
  font-weight: bold;
  color: #20487e;
  text-align: center;
  line-height: 1.2;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineDesc .onlineFlex02 li .onlineFlexTitle {
    font-size: 1.8rem;
  }
}
.mainWrapper.online .onlineDesc .onlineFlex02 li:first-child .onlineFlexTitle {
  line-height: 57px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineDesc .onlineFlex02 li:first-child .onlineFlexTitle {
    line-height: 1.2;
  }
}
.mainWrapper.online .onlineDesc .onlineFlex02 li + li {
  margin-left: 200px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineDesc .onlineFlex02 li + li {
    margin-left: 0;
    margin-top: 60px;
  }
}
.mainWrapper.online .onlineDesc .onlineFlex02 li + li::before {
  display: block;
  content: "+";
  color: #20487e;
  font-size: 90px;
  line-height: 1;
  position: absolute;
  left: -100px;
  top: 50%;
  transform: translate(-50%, 0px);
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineDesc .onlineFlex02 li + li::before {
    height: 50px;
    width: 50px;
    font-size: 50px;
    left: 50%;
    top: -35px;
    transform: translate(-50%, -50%);
  }
}
.mainWrapper.online h2.onlineH2 {
  font-size: 4.8rem;
  color: #20487e;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online h2.onlineH2 {
    font-size: 2.5rem;
  }
}
.mainWrapper.online .onlineFlow {
  background: #fff;
  padding: 80px 0 110px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineFlow {
    padding: 40px 0 50px;
  }
}
.mainWrapper.online .onlineFlow .onlineFlowList {
  display: block;
  margin: 75px 0 120px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineFlow .onlineFlowList {
    margin: 30px 0 50px;
  }
}
.mainWrapper.online .onlineFlow .onlineFlowList a {
  text-decoration: underline;
}
.mainWrapper.online .onlineFlow .onlineFlowList li + li {
  margin-top: 80px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineFlow .onlineFlowList li + li {
    margin-top: 40px;
  }
}
.mainWrapper.online .onlineFlow .onlineFlowList li + li::before {
  content: "";
  width: 150px;
  height: 40px;
  background: url(/assets/img/online/img_arrow.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: -40px;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineFlow .onlineFlowList li + li::before {
    width: 75px;
    height: 20px;
    top: -20px;
  }
}
.mainWrapper.online .onlineFlow .onlineFlowList .onlineFlowFlex {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: 100px;
  border: 4px solid #20487e;
  background: #fff;
  padding: 15px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineFlow .onlineFlowList .onlineFlowFlex {
    flex-wrap: wrap;
    border-radius: 10px;
    justify-content: flex-start;
  }
}
.mainWrapper.online .onlineFlow .onlineFlowList .onlineFlowFlex .num {
  text-align: center;
  width: 100px;
  height: 80px;
  padding-top: 16px;
  color: #20487e;
  background: #e4dcca;
  border-radius: 100px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineFlow .onlineFlowList .onlineFlowFlex .num {
    width: 50px;
    height: 50px;
    padding-top: 0;
  }
}
.mainWrapper.online .onlineFlow .onlineFlowList .onlineFlowFlex .num span {
  line-height: 1;
  font-size: 1.8rem;
  display: block;
  margin-bottom: 5px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineFlow .onlineFlowList .onlineFlowFlex .num span {
    font-size: 1.4rem;
    margin-bottom: 0;
    padding-top: 9px;
  }
}
.mainWrapper.online .onlineFlow .onlineFlowList .onlineFlowFlex .num b {
  line-height: 1;
  display: block;
  font-size: 4.8rem;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineFlow .onlineFlowList .onlineFlowFlex .num b {
    font-size: 2.8rem;
  }
}
.mainWrapper.online .onlineFlow .onlineFlowList .onlineFlowFlex .title {
  padding-left: 20px;
  width: 200px;
  font-size: 3rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  color: #20487e;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineFlow .onlineFlowList .onlineFlowFlex .title {
    width: auto;
    font-size: 2.4rem;
  }
}
@media all and (-ms-high-contrast: none) {
  .mainWrapper.online .onlineFlow .onlineFlowList .onlineFlowFlex .title {
    padding-top: 15px;
  }
}
.mainWrapper.online .onlineFlow .onlineFlowList .onlineFlowFlex .text {
  flex: 1;
  font-size: 2rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineFlow .onlineFlowList .onlineFlowFlex .text {
    flex: auto;
    width: 100%;
    margin-top: 15px;
    font-size: 1.6rem;
  }
}
@media all and (-ms-high-contrast: none) {
  .mainWrapper.online .onlineFlow .onlineFlowList .onlineFlowFlex .text {
    padding-top: 10px;
  }
}
.mainWrapper.online .onlineFlow .onlineReserve {
  background: #f4f1ea;
  border: solid 3px #f4f1ea;
  outline: solid 3px #e4dcca;
  outline-offset: 6px;
  margin: 9px;
  text-align: center;
  padding: 35px 70px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineFlow .onlineReserve {
    padding: 20px 15px;
  }
}
.mainWrapper.online .onlineFlow .onlineReserve h4 {
  font-size: 3rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  color: #20487e;
  margin-bottom: 20px;
  border-bottom: 2px solid #20487e;
  display: inline-block;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineFlow .onlineReserve h4 {
    font-size: 2.2rem;
  }
}
.mainWrapper.online .onlineFlow .onlineReserve .onlineBtnArea {
  display: flex;
  justify-content: space-between;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  margin-top: 20px;
}
.mainWrapper.online .onlineFlow .onlineReserve .onlineBtnArea a {
  text-align: center;
  line-height: 1.1;
  display: block;
  background: -moz-linear-gradient(top, #fcfcfc 27%, #f2f2f2 100%);
  background: -webkit-linear-gradient(top, #fcfcfc 27%, #f2f2f2 100%);
  background: -ms-linear-gradient(top, #fcfcfc 27%, #f2f2f2 100%);
  background: linear-gradient(to bottom, #fcfcfc 27%, #f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fcfcfc", endColorstr="#f2f2f2",GradientType=0 );
  height: 100px;
  width: 370px;
  font-size: 3.2rem;
  font-weight: bold;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 2px;
  border: solid 1px #e5e5e5;
  position: relative;
  padding: 33px;
}
@media all and (-ms-high-contrast: none) {
  .mainWrapper.online .onlineFlow .onlineReserve .onlineBtnArea a {
    padding: 38px;
  }
}
.mainWrapper.online .onlineFlow .onlineReserve .onlineBtnArea a span {
  font-size: 2.6rem;
  color: #000;
}
.mainWrapper.online .onlineFlow .onlineReserve .onlineBtnArea a:hover {
  text-decoration: none;
}
.mainWrapper.online .onlineFlow .onlineReserve .onlineBtnArea a::before {
  content: "";
  position: absolute;
  background: url(/assets/img/icon-common-circle_off.png) center/100% no-repeat;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 736px) {
  .mainWrapper.online .onlineFlow .onlineReserve .onlineBtnArea {
    display: block;
    margin-top: 10px;
  }
  .mainWrapper.online .onlineFlow .onlineReserve .onlineBtnArea li:first-child {
    margin-bottom: 15px;
  }
  .mainWrapper.online .onlineFlow .onlineReserve .onlineBtnArea a {
    width: 100%;
    height: auto;
    font-size: 2.4rem;
    padding: 10px;
  }
  .mainWrapper.online .onlineFlow .onlineReserve .onlineBtnArea a span {
    font-size: 2rem;
  }
  .mainWrapper.online .onlineFlow .onlineReserve .onlineBtnArea a::before {
    width: 20px;
    height: 20px;
  }
}

/* covid-19
========================================================================== */
.mainWrapper .mainContents.covid19 {
  padding: 20px 0 60px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 {
    padding: 0 10px 20px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 > .inner {
    overflow: visible;
  }
}
@media only screen and (min-width: 479px) and (max-width: 768px) {
  .mainWrapper .mainContents.covid19 > .inner {
    padding: 20px 15px 0;
    box-sizing: border-box;
  }
}
.mainWrapper .mainContents.covid19 h2 {
  font-size: 3rem;
  color: #282828;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
  padding: 2px 0;
  border-bottom: solid 2px #304b78;
  position: relative;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 h2 {
    font-size: 2rem;
    text-indent: -10px;
    padding-left: 10px;
  }
}
.mainWrapper .mainContents.covid19 h2.smallTitle {
  font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  color: #34507e;
  font-weight: bold;
  border: solid 1px #d1d6e0;
  padding-left: 12px;
  height: 40px;
  line-height: 40px;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #d6d6d6 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #d6d6d6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #f8f8f8 0%, #d6d6d6 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f8f8f8 0%, #d6d6d6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f8f8f8", endColorstr="#d6d6d6",GradientType=0 );
  /* IE6-9 */
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 h2.smallTitle {
    font-size: 18px;
    font-size: 1.8rem;
    background: #cfd6e1;
    border: none;
    color: #0e1305;
    padding: 10px 3%;
    height: auto;
    line-height: 1.4;
    margin: 0 -10px;
  }
}
.mainWrapper .mainContents.covid19 h2.smallTitle span {
  background-image: url(/assets/img/icon-common-smalltit.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 13px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 h2.smallTitle span {
    background: none;
  }
}
.mainWrapper .mainContents.covid19 .descTxt {
  padding-bottom: 40px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 .descTxt {
    padding-bottom: 20px;
  }
}
.mainWrapper .mainContents.covid19 article.guidelineArea {
  padding: 20px 0 40px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 article.guidelineArea {
    padding: 10px 0 20px;
  }
}
.mainWrapper .mainContents.covid19 article.guidelineArea h3 {
  font-size: 2.3rem;
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 article.guidelineArea h3 {
    font-size: 1.7rem;
  }
}
.mainWrapper .mainContents.covid19 article.guidelineArea .exampleList li.listBox {
  border: 2px solid #304b78;
  margin-bottom: 10px;
}
.mainWrapper .mainContents.covid19 article.guidelineArea .exampleList li.listBox dl {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 article.guidelineArea .exampleList li.listBox dl {
    display: block;
  }
}
.mainWrapper .mainContents.covid19 article.guidelineArea .exampleList li.listBox dl dt.ttl {
  background: #304b78;
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
  width: 30%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 article.guidelineArea .exampleList li.listBox dl dt.ttl {
    width: 100%;
    font-size: 1.8rem;
    padding: 8px 0;
  }
}
.mainWrapper .mainContents.covid19 article.guidelineArea .exampleList li.listBox dl dd.txtBox {
  width: 70%;
  background: #fff;
  align-items: center;
  display: flex;
  box-sizing: border-box;
  padding: 15px;
  font-weight: bold;
  font-size: 1.7rem;
  color: #304b78;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 article.guidelineArea .exampleList li.listBox dl dd.txtBox {
    width: 100%;
    padding: 15px;
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
}
.mainWrapper .mainContents.covid19 article.guidelineArea .exampleList li.listBox dl dd.txtBox ol li {
  text-indent: -21px;
  padding-left: 16px;
}
.mainWrapper .mainContents.covid19 article.guidelineArea .exampleList li.listBox dl dd.txtBox emp {
  color: #c01046;
}
.mainWrapper .mainContents.covid19 article.guidelineArea .exampleList li.listBox dl dd.txtBox .pl15-10 {
  padding-left: 15px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 article.guidelineArea .exampleList li.listBox dl dd.txtBox .pl15-10 {
    padding-left: 5px;
  }
}
.mainWrapper .mainContents.covid19 article.guidelineArea .exampleList li.listBox dl dd.txtBox .txt_underline {
  border-bottom: 2px solid #304b79;
}
.mainWrapper .mainContents.covid19 article.guidelineArea .exampleList li.listBox dl dd.txtBox .innerList {
  display: block;
}
.mainWrapper .mainContents.covid19 article.guidelineArea .exampleList li.listBox dl dd.txtBox .innerList dt:not(:first-child) {
  padding-top: 10px;
}
.mainWrapper .mainContents.covid19 article.guidelineArea .exampleList li.listBox dl dd.txtBox .innerList dd {
  text-indent: -16px;
  padding-left: 10px;
}
.mainWrapper .mainContents.covid19 article.effortArea .effortList {
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 15px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 article.effortArea .effortList {
    display: block;
    padding: 10px;
    margin-bottom: 20px;
  }
}
.mainWrapper .mainContents.covid19 article.effortArea .effortList li {
  width: 32.5%;
  box-sizing: border-box;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 article.effortArea .effortList li {
    width: 100%;
    display: flex;
  }
  .mainWrapper .mainContents.covid19 article.effortArea .effortList li:not(:last-child) {
    border-bottom: 1px dashed #bbb;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
.mainWrapper .mainContents.covid19 article.effortArea .effortList li img {
  width: 100%;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 article.effortArea .effortList li img {
    width: 40%;
    height: 40%;
  }
}
.mainWrapper .mainContents.covid19 article.effortArea .effortList li .ttl {
  color: #871616;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.4;
  padding: 10px 0 5px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 article.effortArea .effortList li .ttl {
    text-align: left;
    padding: 0 0 3px 15px;
  }
}
.mainWrapper .mainContents.covid19 article.effortArea .effortList li .txt {
  text-align: left;
  font-size: 14px;
  padding: 0 15px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 article.effortArea .effortList li .txt {
    text-align: left;
    padding: 0 0 0 15px;
  }
}
@media only screen and (min-width: 479px) and (max-width: 768px) {
  .mainWrapper .mainContents.covid19 .bannerArea .deskBannerLarge {
    width: auto;
  }
}
.mainWrapper .mainContents.covid19 .bannerDetail {
  padding: 50px 0 0;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 .bannerDetail {
    padding: 20px 0 0;
  }
}
.mainWrapper .mainContents.covid19 .bannerDetail img {
  float: right;
  height: 160px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 .bannerDetail img {
    width: 80%;
    float: none;
    margin: 10px auto 0;
  }
}
.mainWrapper .mainContents.covid19 .bannerDetail a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  width: 60%;
  display: block;
  margin-top: 30px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 .bannerDetail a {
    width: 80%;
    margin: 20px auto 0;
  }
}
.mainWrapper .mainContents.covid19 .bannerDetail a p {
  background: url(/assets/img/icon-common-arrow-next-white.png) no-repeat 125px center #304b78;
  border-radius: 5px;
  text-align: center;
  padding: 10px 0 10px 20px;
  font-size: 2rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .mainContents.covid19 .bannerDetail a p {
    font-size: 1.6rem;
    background: url(/assets/img/icon-common-arrow-next-white.png) no-repeat 20px center #304b78;
  }
}

/* ========================================================================== */
/* service_download_list */
/* ========================================================================== */
@media screen and (max-width: 736px) {
  .mainWrapper {
    width: 100%;
  }
}
.mainWrapper .serviceDownloadListWrap {
  box-sizing: border-box;
}
.mainWrapper .serviceDownloadListWrap .titleBlock {
  background: #dee4ee;
  padding: 55px 0;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadListWrap .titleBlock {
    padding: 30px 0;
  }
}
.mainWrapper .serviceDownloadListWrap .titleBlock .inner {
  width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadListWrap .titleBlock .inner {
    width: 94%;
  }
}
.mainWrapper .serviceDownloadListWrap .titleBlock .inner .title {
  font-size: 4.2rem;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  color: #375689;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadListWrap .titleBlock .inner .title {
    font-size: 2.6rem;
    line-height: 1.4;
  }
}
.mainWrapper .serviceDownloadListWrap .titleBlock .inner .leadSentence {
  margin-top: 20px;
}
.mainWrapper .serviceDownloadListWrap .titleBlock .inner .leadSentence.centerPc {
  text-align: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadListWrap .titleBlock .inner .leadSentence.centerPc {
    text-align: left;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadListWrap .titleBlock .inner .leadSentence {
    margin-top: 15px;
  }
}
.mainWrapper .serviceDownloadListWrap .mainContents {
  background: #fff;
  padding-top: 60px;
}
@media screen and (min-width: 737px) {
  .mainWrapper .serviceDownloadListWrap .mainContents {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadListWrap .mainContents {
    padding-top: 30px;
  }
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner {
  padding: 0 0 80px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadListWrap .mainContents .inner {
    padding: 0 3% 40px;
  }
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock + .sectionBlock {
  margin-top: 60px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock + .sectionBlock {
    margin-top: 40px;
  }
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .titleLv2 {
  font-size: 2.8rem;
  text-align: center;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 2px solid #375689;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .titleLv2 {
    font-size: 2.2rem;
  }
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .leadSentence {
  margin-top: 30px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .leadSentence {
    margin-top: 20px;
  }
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist {
    margin-top: 20px;
  }
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li {
  width: 310px;
}
@media screen and (min-width: 737px) {
  .mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li:not(:nth-child(3n+1)) {
    margin-left: 10px;
  }
  .mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li:nth-child(n+4) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li {
    width: calc((100% - 10px) / 2);
  }
  .mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li:nth-child(2n) {
    margin-left: 10px;
  }
  .mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li:nth-child(n+3) {
    margin-top: 15px;
  }
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a {
  display: block;
  height: 100%;
  border: 1px solid #b5b2bb;
  text-decoration: none;
  transition: 0.3s;
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 173px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .image {
    height: 25.5vw;
  }
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .image picture {
  display: block;
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .image picture img {
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .textBlock {
  padding: 20px 20px 15px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .textBlock {
    padding: 10px 10px 8px;
  }
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .textBlock .tagList {
  display: flex;
  flex-wrap: wrap;
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .textBlock .tagList .tag {
  width: 70px;
  display: inline-block;
  padding: 4px 0;
  font-size: 1.2rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
}
@media screen and (min-width: 737px) {
  .mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .textBlock .tagList .tag:not(:nth-child(3n+1)) {
    margin-left: 5px;
  }
  .mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .textBlock .tagList .tag:nth-child(n+4) {
    margin-top: 5px;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .textBlock .tagList .tag {
    width: 60px;
    font-size: 1rem;
    padding: 3px 0;
  }
  .mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .textBlock .tagList .tag:nth-child(2n) {
    margin-left: 3px;
  }
  .mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .textBlock .tagList .tag:nth-child(n+3) {
    margin-top: 3px;
  }
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .textBlock .tagList .tag.shaso {
  background: #274c80;
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .textBlock .tagList .tag.owakarekai {
  background: #529052;
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .textBlock .tagList .tag.goudousou {
  background: #df898c;
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .textBlock .tagList .tag.shinobukai {
  background: #8957a9;
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .textBlock .tagList .tag.other {
  background: #ae5b4a;
}
.mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .textBlock .title {
  margin-top: 10px;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: bold;
  color: #234472;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadListWrap .mainContents .inner .sectionBlock .cardlist > li a .textBlock .title {
    font-size: 1.6rem;
  }
}

/* service_download_list詳細
========================================================================== */
.mainWrapper .serviceDownloadDetailWrap {
  position: relative;
  background: #fff;
  box-sizing: border-box;
}
.mainWrapper .serviceDownloadDetailWrap .mainTitle {
  background: linear-gradient(352deg, #23416A 0%, #5979a6 100%);
  min-height: 300px;
  display: grid;
  place-items: center start;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainTitle {
    min-height: 200px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainTitle .inner {
  color: #ffffff;
  text-align: center;
  padding: 40px 250px 30px 0;
  overflow: hidden;
  font-weight: 500;
  box-sizing: border-box;
  width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainTitle .inner {
    width: 100%;
    padding: 20px 3% 25px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainTitle .inner .tagList {
  display: flex;
  flex-wrap: wrap;
}
.mainWrapper .serviceDownloadDetailWrap .mainTitle .inner .tagList .tag {
  width: 120px;
  display: inline-block;
  padding: 4px 0;
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  border: 1px solid #fff;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainTitle .inner .tagList .tag {
    width: 70px;
    font-size: 1.2rem;
    padding: 3px 0;
    margin-top: 5px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainTitle .inner .tagList .tag:not(:last-child) {
  margin-right: 10px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainTitle .inner .tagList .tag:not(:last-child) {
    margin-right: 5px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainTitle .inner .tagList .tag.shaso {
  background: #274c80;
}
.mainWrapper .serviceDownloadDetailWrap .mainTitle .inner .tagList .tag.owakarekai {
  background: #529052;
}
.mainWrapper .serviceDownloadDetailWrap .mainTitle .inner .tagList .tag.goudousou {
  background: #df898c;
}
.mainWrapper .serviceDownloadDetailWrap .mainTitle .inner .tagList .tag.shinobukai {
  background: #8957a9;
}
.mainWrapper .serviceDownloadDetailWrap .mainTitle .inner .tagList .tag.other {
  background: #ae5b4a;
}
.mainWrapper .serviceDownloadDetailWrap .mainTitle .inner .subTitle01 {
  margin-top: 30px;
  text-align: left;
  font-size: 1.8rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainTitle .inner .subTitle01 {
    margin-top: 20px;
    font-size: 1.5rem;
    line-height: 2.4rem;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainTitle .inner .title {
  margin-top: 15px;
  text-align: left;
  font-size: 4.2rem;
  line-height: 1.4;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainTitle .inner .title {
    margin-top: 10px;
    font-size: 2.6rem;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainContents {
  background: #fff;
  padding-top: 40px;
  padding-bottom: 50px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainContents {
    padding-top: 30px;
    padding-bottom: 40px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner {
  width: 950px;
  margin: 0 auto;
  padding: 0;
  padding-right: 260px;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainContents .inner {
    width: 100%;
    padding: 0 3%;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .mainPicture {
  margin-bottom: 40px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainContents .inner .mainPicture {
    margin-bottom: 30px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .mainPicture picture {
  display: block;
  text-align: center;
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .mainPicture picture img {
  object-fit: contain;
  max-width: 100%;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainContents .inner .mainPicture picture img {
    width: 100%;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details h2 {
  margin: 40px auto 30px;
  font-size: 2.6rem;
  line-height: 1.4;
  font-weight: bold;
  color: #fff;
  background: #375689;
  padding: 5px 28px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details h2 {
    margin: 35px auto 20px;
    font-size: 2.2rem;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details h2::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  background: #efd86d;
  width: 4px;
  height: calc(100% - 20px);
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details h3 {
  margin: 35px auto 20px;
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: bold;
  color: #375689;
  border-bottom: 2px dashed #375689;
  padding-bottom: 10px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details h3 {
    margin: 30px auto 15px;
    font-size: 2rem;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details p {
  margin-top: 20px;
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details .redFont {
  color: #c40000;
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details a {
  display: inline-block;
  text-decoration: underline;
  font-weight: bold;
  padding-left: 25px;
  margin-top: 2px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details a {
    padding-left: 22px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details a::before {
  content: "";
  background: url(/assets/img/icon-common-shaso.png) no-repeat center center;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 1px;
  left: 0;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details a::before {
    width: 18px;
    height: 18px;
    top: 2px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details a:hover {
  text-decoration: none;
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details figure {
  display: block;
  margin: 30px auto;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details figure {
    margin: 20px auto;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details figure img {
  max-width: 100%;
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details figure figcaption {
  margin-top: 5px;
  text-align: left;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details figure figcaption {
    font-size: 1.4rem;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details .imgList1 {
  margin: 30px auto 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details .imgList1 {
    margin: 20px auto 30px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details .imgList1 figure {
  width: 330px;
  margin: 0 auto;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details .imgList1 figure {
    width: auto;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details .imgList1 figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details .imgList2 {
  margin: 30px auto 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  gap: 30px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details .imgList2 {
    margin: 20px auto 30px;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details .imgList2 figure {
  width: 330px;
  margin: 0 auto;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 0;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details .imgList2 figure {
    width: auto;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details .imgList2 figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details .imgList3 {
  margin: 30px auto 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 30px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details .imgList3 {
    margin: 20px auto 30px;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details .imgList3 figure {
  margin: 0 auto;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 0;
}
.mainWrapper .serviceDownloadDetailWrap .mainContents .inner .details .imgList3 figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents {
  background: #faf7f1;
  padding: 50px 0 80px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .bottomContents {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .inner {
  width: 950px;
  margin: 0 auto;
  padding: 0;
  padding-right: 260px;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .bottomContents .inner {
    width: 100%;
    padding: 0 3%;
  }
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .prevLink {
  margin-bottom: 60px;
  line-height: 1;
  padding-left: 20px;
  background: url(/assets/img/icon-common-arrow-prev.png) no-repeat 0 center;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .bottomContents .prevLink {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .bottomContents .bannerArea {
    margin: 0 -3%;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .bottomContents .bannerArea .deskBanner .detail {
    margin: 0;
    background: #fff;
  }
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock {
  margin-top: 60px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock {
    margin-top: 30px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock > .title {
  font-size: 2.8rem;
  text-align: center;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 2px solid #375689;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock > .title {
    font-size: 2.2rem;
  }
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist {
  margin-top: 30px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist {
    margin-top: 20px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li {
  width: 340px;
  height: auto;
  border: 1px solid #b5b2bb;
  background: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li {
    width: 100%;
  }
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li a {
  display: block;
  height: 100%;
  text-decoration: none;
  transition: 0.3s;
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li a picture {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 191px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li a picture {
    height: 52.6vw;
  }
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li a picture img {
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li a .textBlock {
  padding: 20px 20px 15px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li a .textBlock {
    padding: 10px 10px 8px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li a .textBlock .tagList {
  display: flex;
  flex-wrap: wrap;
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li a .textBlock .tagList .tag {
  width: 70px;
  display: inline-block;
  padding: 4px 0;
  font-size: 1.2rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
}
@media screen and (min-width: 737px) {
  .mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li a .textBlock .tagList .tag:not(:nth-child(4n+1)) {
    margin-left: 5px;
  }
  .mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li a .textBlock .tagList .tag:nth-child(n+5) {
    margin-top: 5px;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li a .textBlock .tagList .tag {
    width: 60px;
    font-size: 1rem;
    padding: 3px 0;
    margin-left: 3px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li a .textBlock .tagList .tag.shaso {
  background: #274c80;
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li a .textBlock .tagList .tag.owakarekai {
  background: #529052;
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li a .textBlock .tagList .tag.goudousou {
  background: #df898c;
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li a .textBlock .tagList .tag.shinobukai {
  background: #8957a9;
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li a .textBlock .tagList .tag.other {
  background: #ae5b4a;
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li a .textBlock .title {
  margin-top: 10px;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: bold;
  color: #234472;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock .cardlist > li a .textBlock .title {
    font-size: 1.6rem;
  }
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock.caseOthersSwiperWrap .swiperControl {
  margin-top: 15px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock.caseOthersSwiperWrap .swiperControl {
    margin-top: 10px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock.caseOthersSwiperWrap .swiperControl .swiper-pagination {
  position: static;
  width: auto;
  padding: 0 30px;
  flex-shrink: 0;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock.caseOthersSwiperWrap .swiperControl .swiper-pagination {
    padding: 0 15px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock.caseOthersSwiperWrap .swiperControl .swiper-pagination .swiper-pagination-bullet-active {
  background: #274c80;
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock.caseOthersSwiperWrap .swiperControl .swiper-button-prev, .mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock.caseOthersSwiperWrap .swiperControl .swiper-button-next {
  margin-top: 5px;
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #274c80;
  position: static;
  flex-shrink: 0;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock.caseOthersSwiperWrap .swiperControl .swiper-button-prev, .mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock.caseOthersSwiperWrap .swiperControl .swiper-button-next {
    margin-top: 3px;
    width: 32px;
    height: 32px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock.caseOthersSwiperWrap .swiperControl .swiper-button-prev::after, .mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock.caseOthersSwiperWrap .swiperControl .swiper-button-next::after {
  font-size: 2rem;
  color: #274c80;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock.caseOthersSwiperWrap .swiperControl .swiper-button-prev::after, .mainWrapper .serviceDownloadDetailWrap .bottomContents .caseOthersBlock.caseOthersSwiperWrap .swiperControl .swiper-button-next::after {
    font-size: 1.4rem;
  }
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm {
  width: 240px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background: #dee4ee;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .initialresponseForm {
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100vh;
    height: 100dvh;
    z-index: 101;
    display: none;
    top: 0;
    left: 0;
  }
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm::-webkit-scrollbar {
  width: 0;
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormInner {
  position: sticky;
  right: 0;
  top: 0;
  background: #dee4ee;
  max-height: 100vh;
  overflow-y: auto;
  scrollbar-width: none;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormInner {
    position: absolute;
    bottom: 0;
    top: auto;
    width: 100%;
    height: auto;
    max-height: 100dvh;
  }
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .formHeader {
  background: #33468d;
  text-align: center;
  padding: 15px 0;
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .formHeader .title {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .formHeader .title .color {
  color: #efd86d;
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .formHeader .title .large {
  font-size: 16px;
  display: block;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .initialresponseForm .formHeader .title .large {
    display: inline;
    font-size: 14px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents {
  padding: 15px;
  font-size: 14px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents {
    padding: 15px 23px 80px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .appealPoint {
  color: #33468d;
  text-align: center;
  line-height: 1.3;
  padding-bottom: 10px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .appealPoint {
    padding-bottom: 20px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .appealPoint span {
  display: inline-block;
  position: relative;
  text-align: center;
  padding: 0 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .appealPoint span br {
    display: none;
  }
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .appealPoint span::before, .mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .appealPoint span::after {
  content: "";
  display: block;
  width: 2px;
  height: 42px;
  background: #33468d;
  position: absolute;
  top: 50%;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .appealPoint span::before, .mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .appealPoint span::after {
    height: 30px;
    width: 1px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .appealPoint span::before {
  left: 0;
  transform: translateY(-50%) rotate(-30deg);
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .appealPoint span::after {
  right: 0;
  transform: translateY(-50%) rotate(30deg);
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .label {
  margin-bottom: 3px;
  font-weight: bold;
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .required {
  color: #c40000;
  background: #fff;
  padding: 0 5px;
  border: 1px solid #c40000;
  display: inline-block;
  font-size: 12px;
  margin-left: 5px;
  vertical-align: 1px;
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .formItem {
  color: #0e1305;
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .formItem .noticeText {
  font-size: 12px;
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 5px;
  line-height: 1.5;
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .formItem .noticeText .tel {
  color: #33468d;
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .formItem .noticeText .tel .sp {
    display: inline !important;
  }
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .formItem .noticeText .tel .pc {
  display: inline !important;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .formItem .noticeText .tel .pc {
    display: none !important;
  }
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .formItem + .formItem {
  margin-top: 15px;
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .formItem .input input {
  appearance: none;
  border: 1px solid #666;
  border-radius: 3px;
  font-size: 16px;
  padding: 5px 10px;
  box-sizing: border-box;
  width: 100%;
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .formItem .input input::placeholder {
  color: #ccc;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .formItem .input input {
    padding: 5.5px 10px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .formItem .errorMessage {
  font-size: 12px;
  font-weight: bold;
  color: #c40000;
  margin-top: 3px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .formItem .errorMessage {
    font-size: 10px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .submitButton {
  appearance: none;
  border: none;
  background: url(/assets/img/icon-common-arrow-next-white.png) #33468d no-repeat 15px center;
  color: #fff;
  border-radius: 5px;
  font-size: 18px;
  width: 100%;
  padding: 20px 0 20px 10px;
  margin-top: 20px;
  font-weight: bold;
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .submitButton:hover {
  opacity: 0.8;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .submitButton {
    background-size: 6px auto;
    width: 250px;
    margin: 20px auto 0;
    font-size: 16px;
    display: block;
    padding: 13px 0 13px 10px;
  }
}
.mainWrapper .serviceDownloadDetailWrap .initialresponseForm .initialresponseFormContents .bottomText {
  display: block;
  font-size: 14px;
  text-align: center;
  margin-top: 15px;
}
.mainWrapper .serviceDownloadDetailWrap .initialresponceFormSpButton {
  display: none;
}
@media screen and (max-width: 736px) {
  .mainWrapper .serviceDownloadDetailWrap .initialresponceFormSpButton {
    display: block;
    font-size: 13px;
    background: #cec085;
    text-align: center;
    color: #33468d;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 11px 25px 11px 0;
    box-sizing: border-box;
    line-height: 1.5;
    letter-spacing: normal;
    z-index: 102;
  }
  .mainWrapper .serviceDownloadDetailWrap .initialresponceFormSpButton::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/assets/img/icon-common-circle_down.png) no-repeat center center;
    background-size: 20px 20px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(180deg);
  }
  .mainWrapper .serviceDownloadDetailWrap .initialresponceFormSpButton.open::after {
    transform: translateY(-50%) rotate(0deg);
  }
}

/* initialresponse 「初動対応マニュアル」とは？
========================================================================== */
.mainWrapper .initialResponse {
  width: 100%;
  min-width: 950px;
  flex: 1;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse {
    min-width: 100%;
  }
  .mainWrapper .initialResponse p {
    font-size: 14px;
    line-height: 2.3rem;
  }
}
.mainWrapper .initialResponse .w690 {
  width: 950px;
  margin: 0 auto;
  padding-right: 260px;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .w690 {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
}
.mainWrapper .initialResponse .bgWhite {
  background: #fff;
}
.mainWrapper .initialResponse .bgBeige {
  background: url(/assets/img/bg-wrapper.jpg) repeat top;
}
.mainWrapper .initialResponse .bgYellow {
  background: #faf7f1;
}
.mainWrapper .initialResponse .colorGold {
  color: #efd86d;
}
.mainWrapper .initialResponse .colorBlue {
  color: #375689;
}
.mainWrapper .initialResponse .colorRed {
  color: #c30f47;
}
.mainWrapper .initialResponse .bold {
  font-weight: bold;
}
.mainWrapper .initialResponse .mark {
  display: inline;
  background: linear-gradient(transparent 70%, #f0e38a 70%);
}
.mainWrapper .initialResponse .centerUnderline {
  font-size: 28px;
  text-align: center;
  font-weight: bold;
  color: #375689;
  line-height: 3.5rem;
  margin-bottom: 35px;
  border-bottom: 2px solid #375689;
  padding-bottom: 20px;
}
.mainWrapper .initialResponse .centerUnderline .small {
  font-size: 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .centerUnderline {
    font-size: 20px;
    line-height: 2.5rem;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .mainWrapper .initialResponse .centerUnderline .small {
    font-size: 15px;
  }
}
.mainWrapper .initialResponse .pointList .listItem {
  padding-bottom: 20px;
  line-height: 2.8rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .pointList .listItem {
    line-height: 2.2rem;
  }
  .mainWrapper .initialResponse .pointList .listItem .text {
    font-size: 13px;
    line-height: 1.5em;
  }
}
.mainWrapper .initialResponse .pointList .listItem:last-child {
  padding-bottom: 0;
  line-height: 2.2rem;
}
.mainWrapper .initialResponse .pointList .listTitle {
  font-size: 2rem;
  color: #375689;
  font-weight: bold;
  padding-bottom: 2px;
  display: flex;
  align-items: center;
  line-height: 5rem;
}
.mainWrapper .initialResponse .pointList .listTitle .num {
  font-size: 42px;
  padding-right: 15px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .pointList .listTitle {
    font-size: 1.6rem;
    line-height: 3rem;
  }
  .mainWrapper .initialResponse .pointList .listTitle .num {
    font-size: 3.5rem;
    padding-right: 10px;
  }
}
.mainWrapper .initialResponse .pointList .colorBlue, .mainWrapper .initialResponse .pointList .colorRed {
  font-weight: bold;
}
.mainWrapper .initialResponse .mainTitle {
  background: linear-gradient(352deg, #23416A 0%, #5979a6 100%);
}
.mainWrapper .initialResponse .mainTitle .inner {
  color: #ffffff;
  text-align: center;
  padding: 60px 240px 60px 0;
  overflow: hidden;
  font-weight: 500;
  box-sizing: border-box;
  width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .mainTitle .inner {
    width: 100%;
    padding: 25px 10px;
  }
}
.mainWrapper .initialResponse .mainTitle .inner .topText {
  text-align: left;
  margin-bottom: 25px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .mainTitle .inner .topText {
    text-align: center;
    font-size: 15px;
    font-weight: 100;
    line-height: 2.4rem;
  }
  .mainWrapper .initialResponse .mainTitle .inner .topText .colorGold {
    color: #fff;
  }
}
.mainWrapper .initialResponse .mainTitle .inner .bottomText {
  display: flex;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .mainTitle .inner .bottomText {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.mainWrapper .initialResponse .mainTitle .inner .bottomText .circle {
  background: #dfdee5;
  color: #274c80;
  border-radius: 50%;
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .mainTitle .inner .bottomText .circle {
    border-radius: 0;
    width: 100%;
    height: auto;
    padding: 3px 0;
    font-weight: 100;
    margin-bottom: 20px;
  }
}
.mainWrapper .initialResponse .mainTitle .inner .bottomText .text {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  line-height: 5.4rem;
  font-weight: bold;
  font-size: 36px;
}
.mainWrapper .initialResponse .mainTitle .inner .bottomText .text .big {
  font-size: 42px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .mainTitle .inner .bottomText .text {
    font-size: 20px;
    line-height: 4rem;
  }
  .mainWrapper .initialResponse .mainTitle .inner .bottomText .text .big {
    font-size: 26px;
  }
}
.mainWrapper .initialResponse .manualBannerArea .topText {
  font-size: 22px;
  color: #375689;
  text-align: center;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 25px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .manualBannerArea .topText {
    font-size: 17px;
    line-height: 2.5rem;
    padding-bottom: 15px;
  }
}
.mainWrapper .initialResponse .manualBannerArea .topText:before, .mainWrapper .initialResponse .manualBannerArea .topText:after {
  content: "";
  display: inline-block;
  width: 51px;
  height: 2px;
  background-color: #003366;
  transform: rotate(60deg);
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .manualBannerArea .topText:before, .mainWrapper .initialResponse .manualBannerArea .topText:after {
    width: 46px;
  }
}
.mainWrapper .initialResponse .manualBannerArea .topText:after {
  transform: rotate(120deg);
}
.mainWrapper .initialResponse .manualBannerArea .bottomText {
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .manualBannerArea .bottomText {
    margin-top: 15px;
  }
}
.mainWrapper .initialResponse .manualBannerArea .bottomText .notice {
  margin-bottom: 15px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .manualBannerArea .bottomText .notice {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 2.1rem;
    text-align: center;
  }
}
.mainWrapper .initialResponse .manualBannerArea .bottomText .mark {
  color: #375689;
  font-weight: bold;
  font-size: 24px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .manualBannerArea .bottomText .mark {
    font-size: 18px;
  }
}
.mainWrapper .initialResponse .initialResponseFirst {
  margin-bottom: 80px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFirst {
    margin-bottom: 40px;
  }
}
.mainWrapper .initialResponse .initialResponseFirst .headingWrapper {
  text-align: center;
}
.mainWrapper .initialResponse .initialResponseFirst .headingWrapper .heading {
  font-weight: bold;
  font-size: 26px;
  color: #375689;
  margin: 40px 0 25px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFirst .headingWrapper .heading {
    font-size: 19px;
    line-height: 2.75rem;
    margin: 35px auto 20px;
    width: 320px;
  }
}
.mainWrapper .initialResponse .initialResponseFirst .headingWrapper .text {
  line-height: 3rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFirst .headingWrapper .text {
    line-height: 2.2rem;
    color: #221e15;
    text-align: left;
    width: 320px;
    margin: 0 auto 20px;
  }
}
.mainWrapper .initialResponse .initialResponseFirst .headingPoint {
  text-align: center;
  margin: 30px auto 65px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFirst .headingPoint {
    margin: 15px auto 40px;
  }
}
.mainWrapper .initialResponse .initialResponseFirst .headingPoint .textBlock {
  background: #244677;
  padding: 25px 0;
  font-size: 20px;
  color: #fff;
  width: 690px;
  margin: 0 auto;
  font-weight: 100;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFirst .headingPoint .textBlock {
    width: 100%;
    font-size: 15px;
    line-height: 2.2rem;
  }
}
.mainWrapper .initialResponse .initialResponseFirst .manualInfo .heading {
  color: #c30f47;
  font-size: 24px;
  font-weight: bold;
  border-bottom: 3px solid #2d4670;
  padding: 0 0 10px 0;
  margin-bottom: 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFirst .manualInfo .heading {
    font-size: 18px;
  }
}
.mainWrapper .initialResponse .initialResponseFirst .manualInfo .heading:before {
  content: "";
  padding: 16px 29px 16px 4px;
  background: url(/assets/img/initialresponse/icon_light.png) no-repeat center;
  margin-right: 17px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFirst .manualInfo .heading:before {
    margin-right: 5px;
    background-size: 23px;
    padding: 8px 22px 6px 4px;
  }
}
.mainWrapper .initialResponse .initialResponseFirst .manualInfo .text {
  margin-bottom: 60px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFirst .manualInfo .text {
    margin-bottom: 30px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond {
  padding: 80px 0;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond {
    padding: 40px 0;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .notice {
  text-align: center;
  line-height: 3rem;
}
.mainWrapper .initialResponse .initialResponseSecond .notice .pcOnly {
  display: inline !important;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .notice .pcOnly {
    display: none !important;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .notice {
    text-align: left;
    line-height: 2rem;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .notice .colorBlue {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .notice .colorBlue {
    line-height: 2rem;
    padding-top: 15px;
    display: block;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .flowWrapper {
  margin-bottom: 70px;
}
.mainWrapper .initialResponse .initialResponseSecond .flowImage {
  position: relative;
  padding: 30px 0;
  margin: 30px 0;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .flowImage {
    margin: 0 auto;
    width: 185px;
  }
  .mainWrapper .initialResponse .initialResponseSecond .flowImage .image {
    width: 185px;
    margin: 0 auto;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .flowImage .flowTop .flowItems .flowItem, .mainWrapper .initialResponse .initialResponseSecond .flowImage .flowBottom .flowItems .flowItem {
  position: absolute;
}
.mainWrapper .initialResponse .initialResponseSecond .flowImage .flowTop .flowItems .flowItem {
  font-size: 14px;
  color: #375689;
}
.mainWrapper .initialResponse .initialResponseSecond .flowImage .flowTop .flowItems .flowItem:first-child {
  top: 50px;
  left: 30px;
  color: #0e1305;
  font-size: 16px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .flowImage .flowTop .flowItems .flowItem:first-child {
    top: 57px;
    left: 125px;
    font-size: 14px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .flowImage .flowTop .flowItems .flowItem:nth-child(2) {
  top: 50px;
  left: 160px;
  color: #0e1305;
  font-size: 16px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .flowImage .flowTop .flowItems .flowItem:nth-child(2) {
    top: 119px;
    left: 128px;
    font-size: 14px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .flowImage .flowTop .flowItems .flowItem:nth-child(3) {
  top: 0;
  left: 280px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .flowImage .flowTop .flowItems .flowItem:nth-child(3) {
    top: 200px;
    left: -79px;
    width: 90px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .flowImage .flowTop .flowItems .flowItem:nth-child(4) {
  top: 0;
  left: 443px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .flowImage .flowTop .flowItems .flowItem:nth-child(4) {
    top: 292px;
    left: -71px;
    width: 95px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .flowImage .flowTop .flowItems .flowItem:nth-child(5) {
  top: 0;
  left: 631px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .flowImage .flowTop .flowItems .flowItem:nth-child(5) {
    top: 385px;
    left: -33px;
    width: 42px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .flowImage .flowBottom .flowItems .flowItem {
  font-size: 14px;
  color: #375689;
}
.mainWrapper .initialResponse .initialResponseSecond .flowImage .flowBottom .flowItems .flowItem:first-child {
  bottom: 13px;
  left: 72px;
  color: #c30f47;
  font-weight: bold;
  font-size: 18px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .flowImage .flowBottom .flowItems .flowItem:first-child {
    top: 90px;
    left: -79px;
    font-size: 17px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .flowImage .flowBottom .flowItems .flowItem:nth-child(2) {
  bottom: 0;
  left: 280px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .flowImage .flowBottom .flowItems .flowItem:nth-child(2) {
    top: 199px;
    left: 150px;
    width: 100px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .flowImage .flowBottom .flowItems .flowItem:nth-child(3) {
  bottom: 0;
  left: 415px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .flowImage .flowBottom .flowItems .flowItem:nth-child(3) {
    top: 260px;
    left: 151px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .flowImage .flowBottom .flowItems .flowItem:nth-child(4) {
  bottom: 0;
  left: 502px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .flowImage .flowBottom .flowItems .flowItem:nth-child(4) {
    top: 322px;
    left: 152px;
    width: 90px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .flowImage .flowBottom .flowItems .flowItem:nth-child(5) {
  bottom: 0;
  left: 617px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .flowImage .flowBottom .flowItems .flowItem:nth-child(5) {
    top: 384px;
    left: 150px;
    width: 100px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .meritWrapper .headingWrapper {
  margin-bottom: 23px;
}
.mainWrapper .initialResponse .initialResponseSecond .meritWrapper .headingWrapper p {
  line-height: 2.8rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .headingWrapper p {
    line-height: 2.2rem;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock {
  background: #fff;
  padding-bottom: 25px;
  margin-bottom: 80px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock {
    margin-bottom: 40px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .header {
  background: #244677;
  text-align: center;
  padding: 20px 0;
  font-weight: bold;
  font-size: 22px;
  color: #fff;
}
.mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .header .large {
  font-size: 26px;
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .header {
    font-size: 16px;
  }
  .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .header .large {
    font-size: 18px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .header .pattern {
  display: flex;
  justify-content: center;
  font-size: 18px;
  color: #efd86d;
  padding-top: 7px;
  margin: 0 auto;
  width: 630px;
}
.mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .header .pattern .ngBlock, .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .header .pattern .okBlock {
  width: 50%;
}
.mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .header .pattern .icon {
  font-size: 35px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .header .pattern .icon {
    font-size: 33px;
    line-height: 4.5rem;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .header .pattern {
    width: 100%;
    font-size: 13px;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner {
    padding: 0 10px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .blockNumber {
  background: #244677;
  width: 630px;
  border-radius: 20px;
  padding: 5px 0;
  color: #fff;
  font-size: 20px;
  text-align: center;
  margin: 30px auto 15px;
  display: block;
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .blockNumber {
    width: 100%;
    font-size: 15px;
    margin-top: 20px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock {
  display: flex;
  justify-content: center;
  text-align: center;
}
.mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .ngBlock, .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .okBlock {
  width: 295px;
  line-height: 2.3rem;
  padding: 0 10px;
}
.mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .ngBlock .title, .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .okBlock .title {
  font-size: 16px;
  color: #375689;
  font-weight: bold;
  padding-bottom: 5px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 2.3rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .ngBlock .title, .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .okBlock .title {
    font-size: 14px;
    line-height: 1.75rem;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .ngBlock .text, .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .okBlock .text {
  font-size: 14px;
  padding-top: 10px;
  line-height: 2rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .ngBlock .text, .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .okBlock .text {
    font-size: 12px;
    line-height: 1.75rem;
    text-align: left;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .ngBlock picture img, .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .okBlock picture img {
  width: auto;
  height: 79px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .ngBlock picture img, .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .okBlock picture img {
    height: 64px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .ngBlock {
  position: relative;
}
.mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .ngBlock:after {
  content: "";
  width: 1px;
  height: 200px;
  background: #244677;
  display: block;
  position: absolute;
  top: 12px;
  left: 100%;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .ngBlock:after {
    top: 0;
    height: 100%;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .ngBlock.tall:after {
  content: "";
  width: 1px;
  height: 222px;
  background: #244677;
  display: block;
  position: absolute;
  top: 12px;
  left: 100%;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .ngBlock.tall:after {
    top: 0;
    height: 100%;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .meritWrapper .meritBlock .meritBlockInner .patternBlock .okBlock {
    padding: 0 10px 0 13px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .exampleWrapper {
  padding-bottom: 80px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .exampleWrapper {
    padding-bottom: 40px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .exampleWrapper .heading {
  font-size: 26px;
  color: #375689;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .exampleWrapper .heading {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 10px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .exampleWrapper .exampleBlock {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .exampleWrapper .exampleBlock {
    width: 100%;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .exampleWrapper .exampleBlock .left {
  text-align: center;
  font-size: 13px;
}
.mainWrapper .initialResponse .initialResponseSecond .exampleWrapper .exampleBlock .left .text {
  padding-top: 10px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .exampleWrapper .exampleBlock .left {
    width: 40%;
  }
  .mainWrapper .initialResponse .initialResponseSecond .exampleWrapper .exampleBlock .left .text {
    font-size: 11px;
    line-height: 1.7rem;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .exampleWrapper .exampleBlock .right {
  width: 405px;
}
.mainWrapper .initialResponse .initialResponseSecond .exampleWrapper .exampleBlock .right .text {
  margin-bottom: 12px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .exampleWrapper .exampleBlock .right .text {
    margin-bottom: 0;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .exampleWrapper .exampleBlock .right .text p {
  padding-bottom: 30px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .exampleWrapper .exampleBlock .right {
    width: 57%;
  }
  .mainWrapper .initialResponse .initialResponseSecond .exampleWrapper .exampleBlock .right .text p {
    padding-bottom: 15px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .timelineWrapper {
  background: #fff;
  color: #375689;
}
.mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .header {
  padding: 20px 0;
  background: #244677;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
.mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .header .large {
  font-size: 26px;
  display: block;
  margin-bottom: 7px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .header {
    font-size: 14px;
    line-height: 2rem;
  }
  .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .header .large {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .leadBlock {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 3.2rem;
  margin-left: 100px;
}
.mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .leadBlock .text {
  margin-right: 30px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .leadBlock {
    padding: 0 10px;
    margin: 20px 0 0 0;
  }
  .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .leadBlock .text {
    margin-right: 20px;
    font-size: 13px;
  }
  .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .leadBlock picture img {
    width: 90px;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea {
    padding: 0 10px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline {
  position: relative;
  margin: 10px auto 40px;
  padding: 30px 0;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline {
    margin-top: 20px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline:before {
  content: "";
  position: absolute;
  top: 0;
  left: 47%;
  width: 2px;
  height: 95%;
  background: #375689;
  transform: translateX(-50%);
}
.mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  margin: 1rem 0;
  height: 65px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent {
    height: 37px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .dot {
  position: absolute;
  top: -0.7rem;
  left: 47%;
  width: 16px;
  height: 16px;
  background: #375689;
  border-radius: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .dot {
    width: 8px;
    height: 8px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .time {
  width: 10%;
  position: absolute;
  left: 50%;
  top: -11px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .time {
    font-size: 12px;
    width: 15%;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .timelineContent {
  width: 40%;
  padding: 1rem;
  position: relative;
  margin-top: -1.9rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .timelineContent.twoRow .title, .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .timelineContent.twoRow .small, .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .timelineContent.twoRow .text {
    line-height: 1.3rem;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .timelineContent .title {
  font-size: 20px;
  font-weight: bold;
  line-height: 2.4rem;
  padding-bottom: 4px;
}
.mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .timelineContent .title .small {
  font-size: 16px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .timelineContent .title {
    font-size: 14px;
    line-height: 1.5rem;
  }
  .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .timelineContent .title .small {
    font-size: 10px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .timelineContent .title:before {
  content: "";
  background: url(/assets/img/initialresponse/icon_point.png) no-repeat center;
  background-size: 65px;
  padding: 33px;
  position: absolute;
  left: -70px;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .timelineContent .title:before {
    background-size: 33px;
    padding: 17px;
    left: -30px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .timelineContent .text {
  font-size: 14px;
  color: #0e1305;
  line-height: 2rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .timelineContent .text {
    font-size: 11px;
    line-height: 1.5rem;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .timelineContent.left {
  margin-left: 95px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .timelineContent.left {
    margin-left: 30px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .timelineContent.right {
  margin-left: 500px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .timelineWrapper .timelineArea .timeline .timelineEvent .timelineContent.right {
    margin-left: 73%;
    padding-right: 0;
    margin-top: -2.1rem;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .messageArea {
  margin-bottom: 45px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .messageArea {
    margin-bottom: 40px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .messageArea .imgTriangleDown {
  width: 0;
  height: 0;
  border-left: 250px solid transparent;
  border-right: 250px solid transparent;
  border-top: 50px solid #dfdee5;
  margin: 0 auto 30px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .messageArea .imgTriangleDown {
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 25px solid #dfdee5;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .messageArea .title {
  font-size: 26px;
  color: #375689;
  text-align: center;
  padding-bottom: 30px;
  line-height: 3.8rem;
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .messageArea .title {
    font-size: 16px;
    line-height: 2.5rem;
    padding-bottom: 15px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .messageArea .text {
  margin-bottom: 30px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .messageArea .text {
    margin-bottom: 15px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .reasonArea {
  background: #fff;
  padding: 20px 30px 40px;
  margin-bottom: 60px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .reasonArea {
    padding: 10px 10px 20px;
    margin-bottom: 30px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .reasonArea .heading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainWrapper .initialResponse .initialResponseSecond .reasonArea .heading .img {
  margin-bottom: -8px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .reasonArea .heading .img {
    width: 60px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .reasonArea .heading .text {
  font-size: 28px;
  font-weight: bold;
  color: #375689;
  text-align: center;
  margin-left: 35px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .reasonArea .heading .text {
    font-size: 17px;
    margin-left: 0;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .reasonArea .infoList .infoItem {
  display: flex;
  margin-bottom: 30px;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .reasonArea .infoList .infoItem {
    margin-bottom: 15px;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .reasonArea .infoList .infoItem:last-child {
  margin-bottom: 0;
}
.mainWrapper .initialResponse .initialResponseSecond .reasonArea .infoList .infoItem .title {
  width: 270px;
  height: 63px;
  background: #375689;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .reasonArea .infoList .infoItem .title {
    width: 43%;
    height: 73px;
    font-size: 14px;
    text-align: center;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .reasonArea .infoList .infoItem .text {
  width: 350px;
  margin-left: 20px;
  line-height: 2.8rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseSecond .reasonArea .infoList .infoItem .text {
    line-height: 1.9rem;
    font-size: 13px;
    margin-left: 10px;
    width: 58%;
  }
}
.mainWrapper .initialResponse .initialResponseSecond .reasonArea .infoList .infoItem .text .emp {
  color: #375689;
  font-weight: bold;
}
.mainWrapper .initialResponse .initialResponseThird {
  padding: 80px 0;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseThird {
    padding: 40px 0;
  }
}
.mainWrapper .initialResponse .initialResponseThird .lead {
  text-align: center;
  margin-bottom: 40px;
  line-height: 2.8rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseThird .lead {
    text-align: left;
    line-height: 2.2rem;
  }
  .mainWrapper .initialResponse .initialResponseThird .lead .mb30 {
    margin-bottom: 15px !important;
  }
}
.mainWrapper .initialResponse .initialResponseThird .DotLineBox {
  background: #fff;
  padding: 20px 30px 20px 40px;
  border: 2px dashed #c72756;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mainWrapper .initialResponse .initialResponseThird .DotLineBox:last-child {
  margin-bottom: 0;
}
.mainWrapper .initialResponse .initialResponseThird .DotLineBox .text {
  font-size: 16px;
  color: #000;
  text-align: center;
  padding-top: 8px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseThird .DotLineBox {
    display: block;
    padding: 10px;
  }
  .mainWrapper .initialResponse .initialResponseThird .DotLineBox .detail {
    font-size: 14px;
    padding-top: 4px;
  }
}
.mainWrapper .initialResponse .initialResponseThird .DotLineBox .titleArea {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-right: 40px;
}
.mainWrapper .initialResponse .initialResponseThird .DotLineBox .titleArea .title {
  font-weight: bold;
  color: #375689;
  font-size: 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseThird .DotLineBox .titleArea {
    display: block;
    margin-right: 0;
  }
  .mainWrapper .initialResponse .initialResponseThird .DotLineBox .titleArea .timing {
    font-weight: 100;
    padding-bottom: 5px;
  }
}
.mainWrapper .initialResponse .initialResponseThird .DotLineBox .flowArea.flex {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseThird .DotLineBox .flowArea.flex .left, .mainWrapper .initialResponse .initialResponseThird .DotLineBox .flowArea.flex .right {
    width: 100%;
  }
}
.mainWrapper .initialResponse .initialResponseThird .DotLineBox .flowArea .boxBlue, .mainWrapper .initialResponse .initialResponseThird .DotLineBox .flowArea .boxGold {
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  padding: 20px;
  box-sizing: border-box;
  height: 80px;
  width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseThird .DotLineBox .flowArea .boxBlue, .mainWrapper .initialResponse .initialResponseThird .DotLineBox .flowArea .boxGold {
    width: 100%;
    padding: 3px 0;
    height: auto;
  }
  .mainWrapper .initialResponse .initialResponseThird .DotLineBox .flowArea .boxBlue .text, .mainWrapper .initialResponse .initialResponseThird .DotLineBox .flowArea .boxGold .text {
    font-size: 15px;
    color: #fff;
    padding: 2px 0;
  }
}
.mainWrapper .initialResponse .initialResponseThird .DotLineBox .flowArea .boxBlue {
  background: #244677;
}
.mainWrapper .initialResponse .initialResponseThird .DotLineBox .flowArea .boxBlue.w450 {
  width: 450px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseThird .DotLineBox .flowArea .boxBlue.w450 {
    width: 100%;
    padding: 5px 0;
    height: auto;
  }
}
.mainWrapper .initialResponse .initialResponseThird .DotLineBox .flowArea .boxGold {
  background: #ad8f5b;
}
.mainWrapper .initialResponse .initialResponseThird .DotLineBox .flowArea .imgTriangleRight {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 19px solid #ccc;
  margin: 20px 15px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseThird .DotLineBox .flowArea .imgTriangleRight {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 14px solid #ccc;
    margin: 25px 7px;
    position: relative;
    top: -10px;
  }
}
.mainWrapper .initialResponse .initialResponseThird .pointBox {
  background: #fff;
  border: 1px solid #d2d2d2;
  padding: 35px 30px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseThird .pointBox {
    padding: 25px 20px;
  }
}
.mainWrapper .initialResponse .initialResponseThird .pointBox .title {
  border-bottom: 3px solid #2d4670;
  padding: 0 0 10px 0;
  font-size: 24px;
  color: #375689;
  font-weight: bold;
  margin-bottom: 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseThird .pointBox .title {
    font-size: 19px;
    border-bottom: 2px solid #2d4670;
    padding: 0 0 4px 0;
    margin-bottom: 20px;
  }
}
.mainWrapper .initialResponse .initialResponseFourth {
  padding: 120px 0 80px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth {
    padding: 50px 0 0;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .pointBox {
  background: #fff;
  border: 2px solid #c72756;
  padding: 77px 28px 45px;
  position: relative;
  margin-bottom: 80px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .pointBox {
    padding: 55px 20px 20px;
    margin-bottom: 50px;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .pointBox .title {
  text-align: center;
  position: absolute;
  font-size: 22px;
  font-weight: bold;
  color: #375689;
  top: -40px;
  left: 18%;
  background: #fff;
  width: 460px;
  line-height: 3rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .pointBox .title {
    width: 90%;
    left: 0;
    right: 0;
    top: -16px;
    margin: auto;
    font-size: 17px;
    line-height: 2.4rem;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .pointBox .title:before, .mainWrapper .initialResponse .initialResponseFourth .pointBox .title:after {
  content: "";
  background: url(../img/initialresponse/icon_light_blue.png) no-repeat center;
  padding: 40px;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .pointBox .title:before, .mainWrapper .initialResponse .initialResponseFourth .pointBox .title:after {
    padding: 19px;
    background-size: 25px;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .pointBox .title:before {
  left: 0;
}
.mainWrapper .initialResponse .initialResponseFourth .pointBox .title:after {
  right: 0;
}
.mainWrapper .initialResponse .initialResponseFourth .pointBox .title .big {
  font-size: 28px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .pointBox .title .big {
    font-size: 24px;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .pointBox .subText {
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  padding-top: 50px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .pointBox .subText {
    font-size: 15px;
    padding-top: 25px;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .strengthArea .centerUnderline {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-size: 3.2rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .strengthArea .centerUnderline {
    font-size: 2.4rem;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .strengthArea .lead {
  padding-bottom: 50px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .strengthArea .lead {
    padding-bottom: 25px;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .strengthArea .groupStockArea .title {
  font-size: 22px;
  font-weight: bold;
  color: #375689;
  padding-bottom: 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .strengthArea .groupStockArea .title {
    font-size: 17px;
    padding-bottom: 3px;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .strengthArea .groupStockArea .text {
  padding-bottom: 10px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .strengthArea .groupStockArea .text {
    font-size: 12px;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .strengthArea .groupStockArea .infoContainer {
  display: flex;
  background: #244677;
  color: #fff;
  margin-bottom: 70px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .strengthArea .groupStockArea .infoContainer {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .strengthArea .groupStockArea .infoContainer .infoBox {
  padding: 15px 13px;
  min-width: 170px;
  box-sizing: border-box;
  border-left: 1px solid #fff;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .strengthArea .groupStockArea .infoContainer .infoBox {
    min-width: unset;
    width: 50%;
    text-align: center;
    border-bottom: 1px solid #fff;
  }
  .mainWrapper .initialResponse .initialResponseFourth .strengthArea .groupStockArea .infoContainer .infoBox:nth-child(n+3) {
    border-bottom: none;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .strengthArea .groupStockArea .infoContainer .infoBox .label {
  padding-top: 10px;
}
.mainWrapper .initialResponse .initialResponseFourth .strengthArea .groupStockArea .infoContainer .infoBox .date {
  font-size: 12px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .strengthArea .groupStockArea .infoContainer .infoBox .date {
    font-size: 13px;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .strengthArea .groupStockArea .infoContainer .infoBox .value {
  font-size: 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .strengthArea .groupStockArea .infoContainer .infoBox .value {
    font-size: 13px;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .strengthArea .groupStockArea .infoContainer .infoBox .value .big {
  font-size: 40px;
  font-weight: bold;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .strengthArea .groupStockArea .infoContainer .infoBox .value .big {
    font-size: 25px;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .selectArea {
  margin-bottom: 80px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .selectArea {
    margin-bottom: 40px;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .selectArea .title {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  text-align: center;
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 44px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .selectArea .title {
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .selectArea .selectBox {
  display: flex;
  margin-bottom: 40px;
  align-items: center;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .selectArea .selectBox {
    margin-bottom: 10px;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .selectArea .selectBox:last-child {
  margin-bottom: 0;
}
.mainWrapper .initialResponse .initialResponseFourth .selectArea .selectBox .numberBox {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  background: #ad8f5b;
  color: #fff;
  width: 84px;
  height: 115px;
  box-sizing: border-box;
  padding: 15px 10px;
  text-align: center;
  margin-right: 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .selectArea .selectBox .numberBox {
    margin-right: 10px;
    width: 30%;
    height: 137px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .selectArea .selectBox .numberBox .num {
  font-size: 42px;
  line-height: 4rem;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .selectArea .selectBox .numberBox .num {
    font-size: 35px;
    display: block;
    width: 100%;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .selectArea .selectBox .content {
  width: 580px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .selectArea .selectBox .content {
    width: 70%;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .selectArea .selectBox .content .summary {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  text-align: left;
  font-weight: bold;
  font-size: 22px;
  color: #274c80;
  padding-bottom: 7px;
  border-bottom: 1px solid #274c80;
  margin-bottom: 14px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .selectArea .selectBox .content .summary {
    font-size: 18px;
    line-height: 2.2rem;
    padding-bottom: 3px;
    margin-bottom: 5px;
  }
  .mainWrapper .initialResponse .initialResponseFourth .selectArea .selectBox .content .text {
    font-size: 13px;
    line-height: 2rem;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .groupArea {
  text-align: center;
}
.mainWrapper .initialResponse .initialResponseFourth .groupArea .title {
  font-size: 22px;
  font-weight: bold;
  color: #375689;
  margin-bottom: 20px;
}
.mainWrapper .initialResponse .initialResponseFourth .groupArea .btnLink {
  margin: 40px auto -10px;
  width: 387px;
  background-color: #fff;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .groupArea .btnLink {
    width: 330px;
    margin: 20px auto 20px;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .groupArea .btnLink a {
  display: flex;
  height: 61px;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  text-align: center;
  border: solid 1px #706961;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background: -webkit-linear-gradient(bottom, #e8e3e5 0%, #fff 62%);
  background: -ms-linear-gradient(bottom, #e8e3e5 0%, #fff 62%);
  background: -moz-linear-gradient(bottom, #e8e3e5 0%, #fff 62%);
  line-height: 50px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .groupArea .btnLink a {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: normal;
    padding: 3px 0;
    border-radius: 4px;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .groupArea .btnLink a .text {
  padding-left: 22px;
  position: relative;
  font-size: 23px;
  font-size: 2.3rem;
}
.mainWrapper .initialResponse .initialResponseFourth .groupArea .btnLink a .text:before {
  background: url(/assets/img/icon-common-arrow-next.png) no-repeat left center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: inline-block;
  width: 8px;
  height: auto;
  margin: auto;
  position: absolute;
  top: -1px;
  bottom: 0;
  left: -14px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .groupArea .btnLink a .text {
    background: none;
    padding-left: 15px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .mainWrapper .initialResponse .initialResponseFourth .groupArea .btnLink a .text:before {
    background-image: url(/assets/img/sp/icon-common-blue.png);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: auto;
    position: absolute;
    top: 2px;
    bottom: 0;
    left: -15px;
  }
}
.mainWrapper .initialResponse .initialResponseFourth .groupArea .btnLink a:hover {
  text-decoration: none;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialResponse .initialResponseFourth .bannerArea {
    margin: 0 -5px;
  }
}

/* complete 問い合わせ完了ページ
========================================================================== */
.mainWrapper .initialresponseFormComp .formHeader {
  padding: 30px 0 10px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialresponseFormComp .formHeader {
    padding: 20px 0 10px;
  }
}
.mainWrapper .initialresponseFormComp .formHeader .formMainTitle {
  font-size: 4rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialresponseFormComp .formHeader .formMainTitle {
    font-size: 2.5rem;
  }
}
.mainWrapper .initialresponseFormComp .formContents {
  padding-bottom: 50px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialresponseFormComp .formContents {
    padding: 0 10px 5px;
  }
}
.mainWrapper .initialresponseFormComp .formContents .formText {
  margin-bottom: 20px;
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialresponseFormComp .formContents .formText {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialresponseFormComp .formContents .formMain .textComp {
    padding: 30px 3% 10px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 736px) {
  .mainWrapper .initialresponseFormComp .formContents .formMain > .telNum {
    padding: 0;
  }
}

/* dataListArea
========================================================================== */
.dataListArea {
  background: #faf7f1;
  padding: 50px 0;
}
@media screen and (max-width: 736px) {
  .dataListArea {
    padding: 30px 3%;
  }
}
.dataListArea .inner {
  max-width: 950px;
  margin: 0 auto;
}
.dataListArea .title {
  font-size: 3.2rem;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  color: #274c80;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 736px) {
  .dataListArea .title {
    font-size: 2.2rem;
    margin-bottom: 20px;
  }
}
.dataListArea .title span {
  margin-right: 0.5em;
}
@media screen and (max-width: 736px) {
  .dataListArea .title span {
    display: block;
    margin-right: 0;
    line-height: 1.3;
  }
}
.dataListArea .dataList {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 25px;
}
@media screen and (max-width: 736px) {
  .dataListArea .dataList {
    margin: 0 20px;
    gap: 20px;
  }
}
.dataListArea .dataItem {
  background: #fff;
  width: 300px;
  padding: 20px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 736px) {
  .dataListArea .dataItem {
    width: 100%;
    padding: 20px 15px;
  }
}
@media screen and (min-width: 737px) {
  .dataListArea .dataItem:nth-child(1) {
    padding-top: 30px;
  }
}
.dataListArea .dataItem:nth-child(1) .dataItemInner .numberWrap {
  padding: 20px 0 15px;
}
.dataListArea .dataItem:nth-child(3) .numberWrap {
  letter-spacing: -0.1em;
}
@media screen and (min-width: 737px) {
  .dataListArea .dataItem:nth-child(4) {
    width: 625px;
    padding: 30px 0;
  }
  .dataListArea .dataItem:nth-child(4) .dataItemInner {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 43px;
  }
}
.dataListArea .dataItem .dataItemInner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.dataListArea .dataItem .dataItemInner .marker {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}
.dataListArea .dataItem .dataItemInner .marker span {
  display: inline-block;
  background: linear-gradient(transparent 60%, #f0daa9 60%);
  background-position-y: -3px;
}
.dataListArea .dataItem .dataItemInner .numberWrap {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝";
  font-weight: bold;
  font-size: 2.8rem;
  text-align: center;
  line-height: 1;
  padding: 10px 0;
}
.dataListArea .dataItem .dataItemInner .numberWrap .number {
  font-size: 7.7rem;
  font-weight: bold;
  color: #aa7400;
  margin-right: 5px;
}
@media screen and (max-width: 736px) {
  .dataListArea .dataItem .dataItemInner .numberWrap .number {
    font-size: 6.2rem;
  }
}
.dataListArea .dataItem .dataItemInner .numberWrap .note {
  font-size: 1.3rem;
  font-weight: normal;
  letter-spacing: 0;
  margin-left: 8px;
  bottom: 0;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
}
.dataListArea .dataItem .dataItemInner .subText {
  font-size: 1.2rem;
  margin-top: 13px;
  text-align: center;
}
.dataListArea .noteList {
  margin-top: 40px;
  font-size: 1.3rem;
  line-height: 1.7;
}
@media screen and (max-width: 736px) {
  .dataListArea .noteList {
    margin-top: 20px;
  }
}