body {
  background: url(../../shared/images/bg_texture.jpg) center top repeat;
  background-size: 100%;
}

.secTopInfo .secTopInfoIn .textCol .topCaption {
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .secTopInfo {
    padding: 0 0 40px 0;
  }
  .secTopInfo .secTopInfoIn {
    display: flex;
    flex-direction: column-reverse;
    row-gap: 12px;
  }
  .secTopInfo .secTopInfoIn .textCol .topCaption {
    font-size: clamp(14px, 6.15vw, 24px);
    padding: 0 0 16px 0;
  }
  .secTopInfo .secTopInfoIn .textCol .topContent {
    font-size: clamp(14px, 4.1vw, 16px);
    line-height: 1.6;
  }
}
@media print, screen and (min-width: 768px) {
  .secTopInfo {
    padding: 0 0 40px 0;
  }
  .secTopInfo .secTopInfoIn {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .secTopInfo .secTopInfoIn .imgCol {
    width: min(31%, 420px);
  }
  .secTopInfo .secTopInfoIn .textCol {
    width: min(68%, 880px);
  }
  .secTopInfo .secTopInfoIn .textCol .topCaption {
    font-size: clamp(21px, 2.43vw, 35px);
    padding: 0 0 24px 0;
  }
  .secTopInfo .secTopInfoIn .textCol .topContent {
    font-size: clamp(14px, 1.25vw, 18px);
    line-height: 1.8;
  }
}
.secTopLink .secTopLinkIn {
  display: flex;
}
.secTopLink .secTopLinkIn .linkBox {
  border: solid 1px #9AD3E4;
}
.secTopLink .secTopLinkIn .linkBox .boxTitle {
  background: #F68300;
  font-weight: bold;
  color: #ffffff;
}
.secTopLink .secTopLinkIn .linkBox .boxTitle.yellow {
  background: #F0B000;
}
.secTopLink .secTopLinkIn .linkBox .boxIn .colWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.secTopLink .secTopLinkIn .linkBox .boxIn .btnWrap {
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .secTopLink {
    padding: 0 0 48px 0;
  }
  .secTopLink .secTopLinkIn {
    flex-direction: column;
    row-gap: 20px;
  }
  .secTopLink .secTopLinkIn .linkBox .boxTitle {
    font-size: clamp(14px, 4.1vw, 16px);
    padding: 8px 12px 8px 12px;
  }
  .secTopLink .secTopLinkIn .linkBox .boxIn {
    padding: 16px 12px;
  }
  .secTopLink .secTopLinkIn .linkBox .boxIn .colWrap {
    padding: 0 0 16px 0;
  }
  .secTopLink .secTopLinkIn .linkBox .boxIn .colWrap .imgCol {
    width: 30%;
  }
  .secTopLink .secTopLinkIn .linkBox .boxIn .colWrap .textCol {
    width: 66.67%;
    font-size: clamp(14px, 3.85vw, 15px);
    line-height: 1.5;
  }
  .secTopLink .secTopLinkIn .linkBox .boxIn .btnWrap {
    width: min(90%, 300px);
  }
}
@media print, screen and (min-width: 768px) {
  .secTopLink {
    padding: 0 0 64px 0;
  }
  .secTopLink .secTopLinkIn {
    justify-content: space-between;
  }
  .secTopLink .secTopLinkIn .linkBox {
    width: min(48.82%, 664px);
  }
  .secTopLink .secTopLinkIn .linkBox .boxTitle {
    font-size: clamp(14px, 1.67vw, 24px);
    padding: 12px 12px 12px 4.82%;
  }
  .secTopLink .secTopLinkIn .linkBox .boxIn {
    padding: 24px 4.82%;
  }
  .secTopLink .secTopLinkIn .linkBox .boxIn .colWrap {
    padding: 0 0 32px 0;
  }
  .secTopLink .secTopLinkIn .linkBox .boxIn .colWrap .imgCol {
    width: 30%;
  }
  .secTopLink .secTopLinkIn .linkBox .boxIn .colWrap .textCol {
    width: 66.67%;
    font-size: clamp(14px, 1.25vw, 18px);
    line-height: 1.8;
    letter-spacing: -0.05em;
  }
  .secTopLink .secTopLinkIn .linkBox .boxIn .btnWrap {
    width: min(90%, 460px);
  }
  .secTopLink .secTopLinkIn .linkBox .boxIn .btnWrap .commonBtn .text {
    font-size: clamp(14px, 1.67vw, 24px);
  }
}
.secSeries {
  background: #ffffff;
}
.secSeries .secSeriesIn .seriesTitle {
  font-weight: bold;
}
.secSeries .secSeriesIn .areaTag {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.secSeries .secSeriesIn .areaTag .tag {
  background: #FFDB9E;
  color: #F68300;
  font-weight: bold;
}
.secSeries .secSeriesIn .areaBox {
  padding: 0 0 40px 0;
}
.secSeries .secSeriesIn .areaBox .areaTitle {
  background: #F68300;
  color: #ffffff;
  font-weight: bold;
}
.secSeries .secSeriesIn .areaBox .agencyList .agencyItem {
  background: #FFF2DB;
  border-bottom: solid 1px #F0B000;
}
.secSeries .secSeriesIn .areaBox .agencyList .agencyItem:nth-of-type(2n) {
  background: #FFFBF4;
}
.secSeries .secSeriesIn .areaBox .agencyList .agencyItem .company {
  font-weight: bold;
}
.secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .typeRow {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .typeRow .typeName {
  font-weight: bold;
}
.secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .typeRow .typeTag {
  font-weight: bold;
  border: solid 1px #F68300;
  background: #ffffff;
  color: #F68300;
}
.secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .typeRow .typeTag.yellow {
  border-color: #F0B000;
  color: #F0B000;
}
.secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .urlRow a {
  color: #000000;
}
.secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .urlRow a:hover {
  text-decoration: underline;
}
.secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .note {
  font-weight: bold;
  color: #F68300;
}
@media only screen and (max-width: 767px) {
  .secSeries {
    padding: 40px 0 0 0;
  }
  .secSeries .secSeriesIn .seriesTitle {
    font-size: clamp(14px, 4.62vw, 18px);
    padding: 16px 0 12px 0;
  }
  .secSeries .secSeriesIn .areaTag {
    padding: 0 0 32px 0;
  }
  .secSeries .secSeriesIn .areaTag .tag {
    font-size: clamp(14px, 3.85vw, 15px);
    padding: 6px 8px;
  }
  .secSeries .secSeriesIn .areaBox .areaTitle {
    padding: 8px 12px;
    font-size: clamp(17px, 7.18vw, 28px);
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem {
    padding: 16px 12px 22px;
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .company {
    font-size: clamp(14px, 5.64vw, 22px);
    padding: 0 0 10px 0;
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol {
    border-bottom: solid 1px #F0B000;
    padding-bottom: 16px;
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .typeRow {
    -moz-column-gap: 8px;
         column-gap: 8px;
    row-gap: 6px;
    padding: 0 0 6px 0;
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .typeRow .typeName {
    font-size: clamp(14px, 4.62vw, 18px);
    width: 100%;
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .typeRow .typeTag {
    font-size: clamp(14px, 4.1vw, 16px);
    padding: 2px 8px;
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .addressRow {
    font-size: clamp(14px, 4.1vw, 16px);
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .urlRow {
    font-size: clamp(14px, 4.1vw, 16px);
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .note {
    padding: 6px 0 0 0;
    font-size: clamp(14px, 4.1vw, 16px);
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .prCol {
    padding: 12px 0 0 0;
    font-size: clamp(14px, 4.1vw, 16px);
  }
}
@media print, screen and (min-width: 768px) {
  .secSeries {
    padding: 40px 0 0 0;
  }
  .secSeries .secSeriesIn .seriesTitle {
    font-size: clamp(21px, 2.43vw, 35px);
    padding: 24px 0 26px 0;
  }
  .secSeries .secSeriesIn .areaTag {
    padding: 0 0 40px 0;
  }
  .secSeries .secSeriesIn .areaTag .tag {
    font-size: clamp(14px, 1.25vw, 18px);
    padding: 6px 8px;
  }
  .secSeries .secSeriesIn .areaBox .areaTitle {
    padding: 8px 18px;
    font-size: clamp(17px, 1.94vw, 28px);
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem {
    padding: 16px 18px 22px 18px;
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .company {
    font-size: clamp(14px, 1.53vw, 22px);
    padding: 0 0 10px 0;
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap {
    display: flex;
    justify-content: space-between;
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol {
    width: 33%;
    padding-right: 1.2%;
    border-right: solid 1px #F0B000;
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .typeRow {
    -moz-column-gap: 12px;
         column-gap: 12px;
    row-gap: 6px;
    padding: 0 0 6px 0;
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .typeRow .typeName {
    font-size: clamp(14px, 1.25vw, 18px);
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .typeRow .typeTag {
    font-size: clamp(14px, 1.11vw, 16px);
    padding: 2px 8px;
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .addressRow {
    font-size: clamp(14px, 1.11vw, 16px);
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .urlRow {
    font-size: clamp(14px, 1.11vw, 16px);
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .dataCol .note {
    padding: 6px 0 0 0;
    font-size: clamp(14px, 1.04vw, 15px);
  }
  .secSeries .secSeriesIn .areaBox .agencyList .agencyItem .colWrap .prCol {
    width: 67%;
    font-size: clamp(14px, 1.11vw, 16px);
    padding-left: 2.4%;
    line-height: 1.6;
  }
}/*# sourceMappingURL=style.css.map */