@charset "UTF-8";
/* --------------- variables --------------------- */
/* Break Point */
/* Color */
/*サイトカラー*/
/*テキストに使うフォントカラー*/
/*テキスト内で使うリンクカラー*/
main {
  word-break: normal; }
  main a {
    text-decoration: underline; }

.pageHeader .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  margin: 0 auto;
  position: relative; }
  .pageHeader .inner:before, .pageHeader .inner:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: auto; }
  .pageHeader .inner:before {
    width: 100%;
    background: #d9eaf5;
    right: 0; }
  .pageHeader .inner:after {
    background: #0071be; }

.pageHeader .pageTitle {
  font-family: 'Noto Serif JP', serif;
  color: #222222;
  font-weight: 500;
  line-height: 1.4; }

.pageHeader .pageTitleSub {
  font-family: 'Jost', sans-serif;
  text-transform: uppercase;
  color: #0071be;
  font-weight: bold;
  letter-spacing: 0.02em; }

.breadcrumbArea .breadcrumb {
  text-align: right; }
  .breadcrumbArea .breadcrumb > li {
    position: relative; }
    .breadcrumbArea .breadcrumb > li + li:before {
      content: "";
      display: block;
      position: absolute;
      margin: auto;
      border-radius: 50%;
      background: #0071be;
      box-sizing: border-box; }
    .breadcrumbArea .breadcrumb > li a {
      color: #b4bac2;
      text-decoration: none; }

.bgMicro {
  background: url(../images2022/common/bg_micro.png) no-repeat center;
  background-size: 50% auto; }

.bgMicroBox {
  background: #e6edf6 url(../images2022/common/bg_micro_white.png) no-repeat;
  position: relative; }
  .bgMicroBox .bgMicroBoxtitle {
    font-family: 'Jost', sans-serif;
    line-height: 1.2;
    color: #535353;
    font-weight: 200;
    position: absolute; }
    .bgMicroBox .bgMicroBoxtitle span {
      color: #0071be; }

.sectionHeader {
  text-align: center; }
  .sectionHeader .sectionTitle {
    font-family: 'Noto Serif JP', serif;
    font-weight: 400; }
  .sectionHeader .sectionTitleSub {
    font-family: 'Jost', sans-serif;
    line-height: 1.41;
    font-weight: bold;
    position: relative; }
    .sectionHeader .sectionTitleSub > span {
      position: relative; }
    .sectionHeader .sectionTitleSub:before {
      content: "";
      display: block;
      height: 1px;
      background: #0071be;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }

.lead {
  line-height: 2;
  text-align: center; }

.microGreeting {
  position: relative; }
  .microGreeting:before {
    content: "";
    display: block;
    width: 100%;
    background: #e6edf6;
    position: absolute;
    bottom: 0;
    left: 0; }
  .microGreeting .microGreetingText {
    position: relative; }
  .microGreeting .microGreetingThumb {
    margin: 0 auto;
    text-align: center;
    position: relative; }
  .microGreeting .microGreetingText {
    position: relative; }
    .microGreeting .microGreetingText .microGreetingtitle {
      color: #0071be;
      font-weight: 400;
      line-height: 1.4; }
      .microGreeting .microGreetingText .microGreetingtitle:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        background: #0071be; }

.strengthList > li {
  color: #fff;
  text-align: center;
  position: relative; }
  .strengthList > li .strengthListContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto; }
    .strengthList > li .strengthListContent .strengthListNote {
      font-weight: bold;
      line-height: 1.33; }
    .strengthList > li .strengthListContent .strengthNoteSub {
      font-family: 'Jost', sans-serif; }
  .strengthList > li + li:before {
    content: "";
    display: block;
    position: absolute;
    background: #0071be; }

.microNetwork {
  text-align: center;
  background: url(../images2022/micro/micro_network_bg.png) repeat-x;
  background-size: contain; }

.productInfoList > li {
  border-bottom: 1px solid #e6edf6; }
  .productInfoList > li .productInfoItem {
    display: flex; }
    .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader {
      display: flex;
      position: relative; }
      .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader:after {
        content: "";
        display: block;
        height: 1px;
        background: #0071be;
        position: absolute;
        bottom: 0;
        right: 0; }
      .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderThumb {
        border: 1px solid #0071be;
        background: #fff;
        position: relative; }
        .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderThumb img {
          display: block; }
        .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderThumb:before {
          content: "";
          display: block;
          position: absolute; }
        .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderThumb:after {
          content: "";
          display: block;
          height: 1px;
          background: #fff;
          position: absolute;
          left: -1px;
          z-index: 1; }
      .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderText .productInfoHeaderTitle {
        font-family: 'Noto Serif JP', serif;
        font-weight: 400;
        line-height: 1.4; }
      .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderText .productInfoHeaderNote {
        color: #0071be;
        font-weight: bold; }

.titleBorder,
h2.title,
.page-topics-detail h2 {
  color: #0071be;
  font-weight: 400;
  line-height: 1.4;
  border-bottom: 1px solid #0071be; }

h3.title,
.page-topics-detail h3 {
  font-weight: 400;
  line-height: 1.4;
  position: relative; }
  h3.title:after,
  .page-topics-detail h3:after {
    content: "";
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    border-left: 1px solid #0071be;
    border-right: 1px solid #0071be;
    position: absolute;
    top: 0;
    left: 0; }

.titleGray,
h4.title,
.page-topics-detail h4 {
  color: #93989e;
  font-weight: bold; }

.blockHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-weight: bold;
  background: #0071be; }
  .blockHeader .blockTitle {
    line-height: 1.4; }

h1.title {
  font-family: 'Noto Serif JP', serif;
  font-weight: 400; }

[class^="btnList"] {
  display: flex;
  flex-wrap: wrap; }
  [class^="btnList"] > li a {
    display: flex;
    align-items: center;
    line-height: 1.4;
    text-decoration: none;
    position: relative;
    border-bottom: 2px solid #0071be; }
    [class^="btnList"] > li a:before {
      content: "";
      display: block;
      border-color: #0071be;
      border-width: 0 2px 2px 0;
      border-style: solid;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto; }

.imgFixed {
  display: flex; }
  .imgFixed > *.img img {
    display: block;
    margin: 0 auto; }

.movieArea {
  text-align: center;
  background: #e6edf6; }
  .movieArea .movieTitleSub {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0071be;
    font-weight: bold;
    line-height: 1.4; }
    .movieArea .movieTitleSub:before, .movieArea .movieTitleSub:after {
      content: "";
      background: url(../images2022/common/title_deco.png) no-repeat;
      background-size: contain; }
    .movieArea .movieTitleSub:after {
      -webkit-transform: scale(-1, 1);
              transform: scale(-1, 1); }
  .movieArea .movieTitle {
    color: #0071be;
    margin-top: 0; }
  .movieArea .movieContent {
    margin: 0 auto; }
    .movieArea .movieContent .iframeWrap {
      margin-top: 0; }

.boxItem {
  display: flex;
  background: #e6edf6; }
  .boxItem .boxText .boxTitle {
    color: #0071be;
    border-bottom: 1px solid #0071be;
    font-weight: 400;
    line-height: 1.4; }

.blockItem {
  background: #e6edf6; }

.borderBlock {
  border-style: solid;
  border-color: #e6edf6;
  background: #fff; }

.dlList > dt {
  font-weight: bold;
  position: relative; }
  .dlList > dt:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: #0071be;
    position: absolute;
    left: 0; }

.commonDlRow > div,
.commonDl > div {
  display: flex; }
  .commonDlRow > div > dt,
  .commonDl > div > dt {
    flex: none;
    color: #93989e; }
  .commonDlRow > div > dd > *:nth-of-type(1),
  .commonDl > div > dd > *:nth-of-type(1) {
    margin-top: 0 !important; }

.commonDlRow > div > dt {
  position: relative; }
  .commonDlRow > div > dt:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #cfd8e6;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto; }

.commonDlRow > div > dd {
  margin-left: auto; }

.commonDlRow > div:last-child > dt:before {
  display: none; }

.commonDl {
  border-top: 1px solid #e6edf6; }
  .commonDl > div {
    border-bottom: 1px solid #e6edf6; }

ol.commonList,
.page-topics-detail .section ol {
  counter-reset: number 0;
  padding-left: 0;
  margin-top: 0; }
  ol.commonList > li,
  .page-topics-detail .section ol > li {
    padding-left: 1.5em;
    position: relative; }
    ol.commonList > li:before,
    .page-topics-detail .section ol > li:before {
      counter-increment: number 1;
      content: counter(number) ".";
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2; }

.mapWrap {
  width: 100%;
  margin-top: 1.5em;
  position: relative; }
  .mapWrap iframe {
    border: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

.iframeWrap {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative; }
  .iframeWrap iframe {
    border: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

.categoryList {
  display: flex;
  flex-wrap: wrap; }
  .categoryList > li > a {
    text-decoration: none; }
    .categoryList > li > a .categoryListTitle:before {
      content: "";
      display: block;
      border-right: 2px solid #0071be;
      border-bottom: 2px solid #0071be;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  .categoryList > li > * {
    display: block; }
    .categoryList > li > * .categoryListTitle {
      color: #0071be;
      position: relative; }

.contentsList > li .contentsListThumb {
  text-align: center; }
  .contentsList > li .contentsListThumb .noBorder {
    display: inline-block;
    position: relative; }
    .contentsList > li .contentsListThumb .noBorder:before {
      content: "";
      display: block;
      background: #e6edf6;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: -1; }

.contentsList > li .contentsListText .contentsListTitle {
  font-family: 'Noto Serif JP', serif; }

.contentsList > li .contentsListText .contentsListTitleSub {
  font-family: 'Jost', sans-serif;
  color: #0071be;
  margin-top: 0; }

.note {
  color: #93989e !important; }

.tabContent:not(.active) {
  display: none; }

.tabMenu > ul {
  display: flex; }
  .tabMenu > ul > li {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0071be;
    background: #d9eaf5;
    position: relative; }
    .tabMenu > ul > li > a {
      text-decoration: none !important; }
    .tabMenu > ul > li.active span,
    .tabMenu > ul > li.active a {
      color: #fff;
      background: #0071be; }
      .tabMenu > ul > li.active span:after,
      .tabMenu > ul > li.active a:after {
        opacity: 1; }
    .tabMenu > ul > li span,
    .tabMenu > ul > li a {
      display: block;
      width: 100%;
      height: 100%;
      text-align: center;
      text-decoration: none !important;
      transition: .2s background, .2s color; }

.faq > div {
  position: relative; }
  .faq > div:last-child > .answer {
    padding-bottom: 0; }
  .faq > div:before, .faq > div:after {
    content: "";
    display: block;
    position: absolute;
    background: #0071be;
    z-index: 1;
    transition: .2s transform; }
  .faq > div:before {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .faq > div.open:before {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  .faq > div .question {
    font-weight: bold;
    background: #e6edf6;
    position: relative; }
    .faq > div .question:before {
      content: "Q";
      color: #0071be;
      font-family: 'Jost', sans-serif;
      font-weight: bold;
      position: absolute; }
  .faq > div .answer {
    display: none;
    position: relative; }
    .faq > div .answer:before {
      content: "A";
      height: 1em;
      font-family: 'Jost', sans-serif;
      line-height: 1;
      font-weight: bold;
      color: #0071be;
      text-align: center;
      position: absolute;
      box-sizing: border-box; }
    .faq > div .answer .answerContent {
      display: flex;
      align-items: center; }

.pageing {
  display: flex;
  justify-content: center;
  margin: 0 auto; }
  .pageing > span {
    display: inline-block; }
    .pageing > span a {
      color: #000;
      text-decoration: none; }
      .pageing > span a.next:after, .pageing > span a.prev:before {
        content: "";
        border-color: #0071be;
        border-style: solid;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      .pageing > span a.next:after {
        content: "";
        display: inline-block; }
      .pageing > span a.prev:before {
        content: "";
        display: inline-block;
        -webkit-transform: scale(-1, 1) rotate(-45deg);
                transform: scale(-1, 1) rotate(-45deg); }
  .pageing a {
    display: block;
    color: #000;
    text-decoration: none;
    text-align: center;
    background: #fff; }
    .pageing a:not(.prev):not(.next) {
      font-family: 'Jost', sans-serif;
      border: 1px solid #0071be; }
  .pageing .pageCount {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none; }
    .pageing .pageCount > li a.now {
      color: #fff !important;
      background: #0071be; }

.btnBack {
  display: flex;
  align-items: center;
  justify-content: center; }
  .btnBack a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #93989e;
    font-weight: bold; }
    .btnBack a:before {
      content: "";
      display: block;
      border-right: 2px solid #93989e;
      border-bottom: 2px solid #93989e;
      margin: auto;
      -webkit-transform: rotate(-225deg);
              transform: rotate(-225deg); }

.aform {
  margin-top: 16px; }
  .aform .aform-content {
    max-width: 1080px;
    margin: auto; }
  .aform .error {
    color: #de0000; }
  .aform dl {
    border-top: 1px solid #ececec;
    position: relative; }
    .aform dl:last-child {
      border-bottom: 1px solid #ececec;
      padding-bottom: 30px; }
    .aform dl dt {
      font-weight: bold; }
    .aform dl dd {
      width: 100%; }
  .aform input[type=text].error,
  .aform input[type=password].error,
  .aform input[type=tel].error,
  .aform input[type=email].error,
  .aform select.error,
  .aform textarea.error {
    background-color: rgba(222, 0, 0, 0.1); }
  .aform input[type="radio"] {
    display: none; }
  .aform input[type="radio"] + label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    margin-right: 20px; }
  .aform input[type="radio"] + label::before,
  .aform input[type="radio"] + label::after {
    position: absolute;
    content: '';
    top: 50%;
    border-radius: 100%;
    transition: all .2s; }
  .aform input[type="radio"] + label::before {
    left: 0;
    width: 17px;
    height: 17px;
    margin-top: -10px;
    background: #fff;
    border: 1px solid #e6edf6; }
  .aform input[type="radio"] + label:hover::before {
    background: #fff; }
  .aform input[type="radio"] + label::after {
    opacity: 0;
    left: 3px;
    width: 13px;
    height: 13px;
    margin-top: -7px;
    background: #0071be;
    -webkit-transform: scale(2);
    transform: scale(2); }
  .aform input[type="radio"]:checked + label::before {
    background: #fff;
    border: 1px solid #0071be; }
  .aform input[type="radio"]:checked + label::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  .aform input[type="checkbox"] {
    opacity: 0;
    width: 1px;
    height: 1px; }
  .aform input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 40px;
    cursor: pointer;
    transition: all .2s; }
    .aform input[type="checkbox"] + label.type2 {
      border: 1px solid #e1e1e1;
      padding: 15px 20px 13px 45px;
      background-color: #fff;
      box-shadow: 0px 2px 1px 0px #e1e1e1;
      transition: .2s all ease-in-out; }
      .aform input[type="checkbox"] + label.type2:before, .aform input[type="checkbox"] + label.type2:after {
        margin-left: 25px; }
  .aform input[type="checkbox"] + label::before,
  .aform input[type="checkbox"] + label::after {
    position: absolute;
    content: '';
    transition: all .2s; }
  .aform input[type="checkbox"] + label::before {
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: -11px;
    border-radius: 0;
    background: #fff;
    border: 1px solid #000; }
  .aform input[type="checkbox"] + label::after {
    opacity: 0;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg) scale(0.5);
    transform: rotate(-45deg) scale(0.5); }
    @media screen and (min-width: 470px) and (max-width: 799px) {
      .aform input[type="checkbox"] + label::after {
        top: 50%;
        left: 5px;
        width: 11px;
        height: 7px;
        margin-top: -6px; } }
  .aform input[type="checkbox"] + label:hover::before {
    background: #fff; }
  .aform input[type="checkbox"]:checked + label::before {
    background: #0071be;
    border: 1px solid #0071be; }
  .aform input[type="checkbox"]:checked + label::after {
    opacity: 1;
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1); }
  .aform .aform-header {
    display: none; }
  .aform .aform-input-example {
    color: #93989e; }
  .aform .aform-required {
    visibility: hidden;
    position: relative;
    display: inline-block;
    width: 30px;
    text-indent: -999px; }
    .aform .aform-required::before {
      content: "※";
      color: #de0000;
      display: block;
      visibility: visible;
      position: absolute;
      top: -5px;
      right: 12px;
      text-indent: 0; }
  .aform #harf-1,
  .aform #harf-2 {
    max-width: 360px; }
  .aform select.aform-input::-ms-expand,
  .aform .aform-select::-ms-expand {
    display: none; }
  .aform select.aform-input,
  .aform .aform-select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0;
    border: none;
    background: url(../images2022/common/icon_arrow_blue_bottom.png) no-repeat right 12px center #e6edf6;
    width: auto;
    min-width: 266px;
    position: relative; }
  .aform .aform-button-area {
    text-align: center;
    padding-right: 0;
    padding-left: 0;
    margin-top: 30px;
    background: #fff; }
    .aform .aform-button-area input, .aform .aform-button-area a {
      text-decoration: none;
      color: #000;
      border: 1px solid #000;
      box-shadow: none;
      display: inline-block;
      min-width: 300px;
      justify-content: center;
      min-height: 50px;
      background: #fff;
      position: relative;
      padding: 15px 30px 15px 30px;
      border-radius: 0;
      line-height: 1.2;
      cursor: pointer; }

#aform_result {
  padding: 60px 0;
  text-align: center; }
  #aform_result h2 {
    font-family: 'Noto Serif JP', serif;
    font-weight: 400; }
  #aform_result p {
    font-size: 16px; }

html:lang(en) .pageHeader .pageTitle {
  font-family: "Segoe UI", "Helvetica Neue", sans-serif; }

html:lang(en) .sectionHeader .sectionTitle {
  font-family: "Segoe UI", "Helvetica Neue", sans-serif; }

html:lang(en) .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderText .productInfoHeaderTitle {
  font-family: "Segoe UI", "Helvetica Neue", sans-serif; }

html:lang(en) h1.title {
  font-family: "Segoe UI", "Helvetica Neue", sans-serif; }

html:lang(en) #aform_result h2 {
  font-family: "Segoe UI", "Helvetica Neue", sans-serif; }

html:lang(zh) .pageHeader .pageTitle {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }

html:lang(zh) .sectionHeader .sectionTitle {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }

html:lang(zh) .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderText .productInfoHeaderTitle {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }

html:lang(zh) h1.title {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }

html:lang(zh) #aform_result h2 {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }

html:lang(ko) .pageHeader .pageTitle {
  font-family: "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", sans-serif; }

html:lang(ko) .sectionHeader .sectionTitle {
  font-family: "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", sans-serif; }

html:lang(ko) .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderText .productInfoHeaderTitle {
  font-family: "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", sans-serif; }

html:lang(ko) h1.title {
  font-family: "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", sans-serif; }

html:lang(ko) #aform_result h2 {
  font-family: "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", sans-serif; }

strong {
  font-weight: bold !important; }

ul.commonList,
.page-topics-detail .section ul {
  margin-top: 1.5em; }
  ul.commonList li,
  .page-topics-detail .section ul li {
    padding-left: 18px;
    position: relative;
    box-sizing: border-box; }
    ul.commonList li:not(:first-of-type),
    .page-topics-detail .section ul li:not(:first-of-type) {
      margin-top: 10px; }
    ul.commonList li:before,
    .page-topics-detail .section ul li:before {
      content: "";
      display: inline-block;
      width: 7px;
      height: 7px;
      margin: auto;
      content: '';
      border-radius: 50%;
      background-color: #3F7EC1;
      position: absolute;
      left: 0;
      top: .85em; }

ol {
  padding-left: 18px;
  margin-top: 1.5em; }
  ol li + li {
    margin-top: 10px; }

.commonTable,
.page-topics-detail table {
  width: 100%;
  text-align: left;
  border-right: 1px solid #d9eaf5;
  border-left: 1px solid #d9eaf5;
  border-bottom: 1px solid #d9eaf5;
  word-break: break-all; }
  .commonTable > tbody > tr > th,
  .commonTable > thead > tr > th,
  .page-topics-detail table > tbody > tr > th,
  .page-topics-detail table > thead > tr > th {
    border: 1px solid #d9eaf5; }
    .commonTable > tbody > tr > th[scope="row"],
    .commonTable > thead > tr > th[scope="row"],
    .page-topics-detail table > tbody > tr > th[scope="row"],
    .page-topics-detail table > thead > tr > th[scope="row"] {
      background: #d9eaf5; }
    .commonTable > tbody > tr > th[scope="col"],
    .commonTable > thead > tr > th[scope="col"],
    .page-topics-detail table > tbody > tr > th[scope="col"],
    .page-topics-detail table > thead > tr > th[scope="col"] {
      background: #d9eaf5; }
  .commonTable th.valTop,
  .commonTable td.valTop,
  .page-topics-detail table th.valTop,
  .page-topics-detail table td.valTop {
    vertical-align: top; }
  .commonTable th.nowrap,
  .commonTable td.nowrap,
  .page-topics-detail table th.nowrap,
  .page-topics-detail table td.nowrap {
    white-space: nowrap; }
  .commonTable th.w130,
  .commonTable td.w130,
  .page-topics-detail table th.w130,
  .page-topics-detail table td.w130 {
    width: 130px; }
  .commonTable th.w100,
  .commonTable td.w100,
  .page-topics-detail table th.w100,
  .page-topics-detail table td.w100 {
    width: 100px; }
  .commonTable th.w70,
  .commonTable td.w70,
  .page-topics-detail table th.w70,
  .page-topics-detail table td.w70 {
    width: 70px; }
  .commonTable > tbody > tr > th,
  .commonTable > thead > tr > th,
  .page-topics-detail table > tbody > tr > th,
  .page-topics-detail table > thead > tr > th {
    background-color: #55585c;
    padding: 12px;
    font-weight: bold; }
    .commonTable > tbody > tr > th:not([scope="row"]):not([scope="col"]),
    .commonTable > thead > tr > th:not([scope="row"]):not([scope="col"]),
    .page-topics-detail table > tbody > tr > th:not([scope="row"]):not([scope="col"]),
    .page-topics-detail table > thead > tr > th:not([scope="row"]):not([scope="col"]) {
      color: #fff; }
  .commonTable > tbody > tr > td,
  .commonTable > thead > tr > td,
  .page-topics-detail table > tbody > tr > td,
  .page-topics-detail table > thead > tr > td {
    border: 1px solid #d9eaf5;
    text-align: left;
    background-color: #fff; }
    .commonTable > tbody > tr > td *:last-child,
    .commonTable > thead > tr > td *:last-child,
    .page-topics-detail table > tbody > tr > td *:last-child,
    .page-topics-detail table > thead > tr > td *:last-child {
      margin-bottom: 0; }
    .commonTable > tbody > tr > td *:first-child,
    .commonTable > thead > tr > td *:first-child,
    .page-topics-detail table > tbody > tr > td *:first-child,
    .page-topics-detail table > thead > tr > td *:first-child {
      margin-top: 0; }

/* common class */
.pointerNone {
  cursor: default;
  text-decoration: none; }

.taC {
  text-align: center !important; }

.taL {
  text-align: left !important; }

.taR {
  text-align: right !important; }

.Center {
  margin: 0 auto !important; }

.ovh {
  overflow: hidden !important; }

.mw100 {
  max-width: 100% !important;
  width: auto !important; }

.w100p {
  width: 100% !important; }

.pT0 {
  padding-top: 0 !important; }

.pT10 {
  padding-top: 10px !important; }

.pT20 {
  padding-top: 20px !important; }

.pT30 {
  padding-top: 30px !important; }

.pT40 {
  padding-top: 40px !important; }

.pB0 {
  padding-bottom: 0px !important; }

.pB5 {
  padding-bottom: 5px !important; }

.pB10 {
  padding-bottom: 10px !important; }

.pB20 {
  padding-bottom: 20px !important; }

.pB30 {
  padding-bottom: 30px !important; }

.pB40 {
  padding-bottom: 40px !important; }

.mB0 {
  margin-bottom: 0 !important; }

.mB5 {
  margin-bottom: 5px !important; }

.mB10 {
  margin-bottom: 10px !important; }

.mB20 {
  margin-bottom: 20px !important; }

.mB30 {
  margin-bottom: 30px !important; }

.mB40 {
  margin-bottom: 40px !important; }

.mB50 {
  margin-bottom: 50px !important; }

.mB60 {
  margin-bottom: 60px !important; }

.mB70 {
  margin-bottom: 70px !important; }

.mB80 {
  margin-bottom: 80px !important; }

.mT0 {
  margin-top: 0 !important; }

.mT5 {
  margin-top: 5px !important; }

.mT10 {
  margin-top: 10px !important; }

.mT20 {
  margin-top: 20px !important; }

.mT30 {
  margin-top: 30px !important; }

.mT40 {
  margin-top: 40px !important; }

.mT50 {
  margin-top: 50px !important; }

.mT60 {
  margin-top: 60px !important; }

.mT70 {
  margin-top: 70px !important; }

.mT80 {
  margin-top: 80px !important; }

.mL0 {
  margin-left: 0px !important; }

.mL5 {
  margin-left: 5px !important; }

.mL10 {
  margin-left: 10px !important; }

.mL20 {
  margin-left: 20px !important; }

.mL30 {
  margin-left: 30px !important; }

.mL40 {
  margin-left: 40px !important; }

.mL50 {
  margin-left: 50px !important; }

.mR0 {
  margin-right: 0px !important; }

.mR5 {
  margin-right: 5px !important; }

.mR10 {
  margin-right: 10px !important; }

.mR20 {
  margin-right: 20px !important; }

.mR30 {
  margin-right: 30px !important; }

.mR40 {
  margin-right: 40px !important; }

.mR50 {
  margin-right: 50px !important; }

.size12 {
  font-size: 12px !important; }

.size13 {
  font-size: 13px !important; }

.size14 {
  font-size: 14px !important; }

.size15 {
  font-size: 15px !important; }

.size16 {
  font-size: 16px !important; }

.size17 {
  font-size: 17px !important; }

.size18 {
  font-size: 18px !important; }

.size19 {
  font-size: 19px !important; }

.size20 {
  font-size: 20px !important; }

.size22 {
  font-size: 22px !important; }

.size24 {
  font-size: 24px !important; }

.size28 {
  font-size: 28px !important; }

.colorRed {
  color: #de0000 !important; }

.colorBlue {
  color: #356fcf !important; }

.colorGray {
  color: #93989e !important; }

.colorPrimary {
  color: #0071be !important; }

.bold {
  font-weight: bold !important; }

.underline {
  text-decoration: underline !important; }

.green {
  color: #23ac3a !important; }

.fontL {
  font-size: 1.2em; }

.fontS {
  font-size: .8em; }

.preBox {
  background: #eff0f4;
  border: 1px solid #0071be;
  padding: 15px;
  box-sizing: border-box;
  clear: both;
  overflow: hidden;
  margin-top: 30px;
  font-family: Arial, sans-serif;
  line-height: 1.8; }
  .preBox pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-text-align-last: auto;
         text-align-last: auto; }

@media screen and (max-width: 768px) {
  #globalHeader {
    border-bottom: 1px solid #f2f2f2;
    background: #fff; }
  main {
    padding-top: 50px;
    font-size: 13px;
    line-height: 2; }
    main * + p {
      margin-top: 23px; }
  .pageHeader {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 136px; }
    .pageHeader .inner {
      width: calc(100% - 50px);
      min-height: 136px; }
      .pageHeader .inner:after {
        width: 106px; }
    .pageHeader .pageTitle {
      font-size: 28px; }
    .pageHeader .pageTitleSub {
      margin-top: 3px;
      font-size: 12px; }
  .breadcrumbArea {
    width: calc(100% - 50px);
    margin: 0 auto 30px; }
    .breadcrumbArea .breadcrumb {
      margin-top: 14px; }
      .breadcrumbArea .breadcrumb > li {
        display: inline-block;
        margin: 1px 0;
        font-size: 12px; }
        .breadcrumbArea .breadcrumb > li:not(:last-child) {
          margin-right: 8px; }
        .breadcrumbArea .breadcrumb > li + li {
          padding-left: 12px; }
          .breadcrumbArea .breadcrumb > li + li:before {
            width: 4px;
            height: 4px;
            left: 0px;
            top: 10px; }
        .breadcrumbArea .breadcrumb > li a {
          display: inline; }
  .section .inner {
    padding: 0 25px 73px; }
  .bgMicro {
    background-position: top center; }
  .bgMicroBox {
    padding-top: 45px;
    padding-bottom: 33px;
    padding: 33px 15px 33px;
    background-position: right 15px bottom 15px;
    background-size: 50% auto; }
    .bgMicroBox .bgMicroBoxtitle {
      font-size: 24px;
      top: -13px;
      left: 3px; }
  .sectionHeader .sectionTitle {
    font-size: 19px;
    line-height: 1.47; }
  .sectionHeader .sectionTitleSub {
    font-size: 12px; }
    .sectionHeader .sectionTitleSub + .sectionTitle {
      margin-top: 22px; }
    .sectionHeader .sectionTitleSub:before {
      width: 41px; }
  * + .lead {
    margin-top: 27px; }
  .microGreeting {
    padding: 0 25px 34px;
    margin-top: 62px; }
    .microGreeting:before {
      height: calc(100% - 11px); }
    .microGreeting .microGreetingThumb {
      width: 80%;
      margin-top: 30px; }
      .microGreeting .microGreetingThumb p {
        margin-top: 10px; }
    .microGreeting .microGreetingText {
      line-height: 1.85; }
      .microGreeting .microGreetingText .microGreetingtitle {
        font-size: 17px; }
        .microGreeting .microGreetingText .microGreetingtitle:after {
          width: 16px;
          height: 2px;
          margin-left: 12px; }
  .strengthList {
    margin-top: 33px; }
    .strengthList > li {
      width: 80%;
      max-width: 350px;
      margin: 0 auto;
      text-align: center; }
      .strengthList > li .strengthListContent {
        padding: 15px 15px 0; }
        .strengthList > li .strengthListContent .strengthListNote {
          font-size: 20px; }
        .strengthList > li .strengthListContent .strengthNoteSub {
          margin-top: 6px;
          font-size: 12px; }
      .strengthList > li + li {
        margin-top: 44px; }
        .strengthList > li + li:before {
          width: 2px;
          height: 38px;
          top: -41px;
          right: 0;
          left: 0;
          margin: auto; }
  .microNetwork {
    margin-top: 20px;
    margin-bottom: 73px; }
  * + .productInfoList {
    margin-top: 33px; }
  .productInfoList > li {
    padding-bottom: 50px; }
    .productInfoList > li + li {
      margin-top: 50px; }
    .productInfoList > li .productInfoItem {
      flex-direction: column; }
      .productInfoList > li .productInfoItem .prductInfoThumb {
        order: 0;
        text-align: center; }
      .productInfoList > li .productInfoItem .prductInfoText {
        order: 1;
        margin-top: 19px; }
        .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader:after {
          width: 100%; }
        .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderThumb {
          flex: none;
          width: 80px;
          min-height: 80px;
          margin-right: 27px;
          margin-bottom: 5px; }
          .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderThumb img {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            margin: auto; }
          .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderThumb:before {
            width: calc(100% - 5px);
            height: calc(100% - 5px);
            border-right: 5px solid #0071be;
            border-bottom: 5px solid #0071be;
            right: -5px;
            bottom: -5px; }
          .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderThumb:after {
            width: 6px;
            bottom: -6px; }
        .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderText {
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderText .productInfoHeaderTitle {
            font-size: 23px; }
          .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderText .productInfoHeaderNote {
            padding-bottom: 8px;
            margin-top: 5px;
            font-size: 14px;
            line-height: 1.4; }
  * + .titleBorder,
  * + h2,
  .page-topics-detail * + h2 {
    margin-top: 35px; }
  .titleBorder + p:not(.btnWrap),
  h2.title + p:not(.btnWrap),
  .page-topics-detail h2 + p:not(.btnWrap) {
    margin-top: 10px; }
  .titleBorder,
  h2.title,
  .page-topics-detail h2 {
    padding-bottom: 7px;
    font-size: 16px; }
  h3.title + p:not(.btnWrap),
  .page-topics-detail h3 + p:not(.btnWrap) {
    margin-top: 10px; }
  * + h3,
  .page-topics-detail * + h3 {
    margin-top: 30px; }
  h3.title,
  .page-topics-detail h3 {
    padding-left: 14px;
    font-size: 16px; }
    h3.title:after,
    .page-topics-detail h3:after {
      width: 3px; }
  * + .titleGray,
  * + h4,
  .page-topics-detail * + h4 {
    margin-top: 20px; }
  .titleGray + *,
  h4.title + *,
  .page-topics-detail h4 + * {
    margin-top: 0; }
  .titleGray,
  h4.title,
  .page-topics-detail h4 {
    font-size: 14px; }
  * + .blockHeader {
    margin-top: 20px; }
  .blockHeader {
    padding: 6px 8px 6px; }
    .blockHeader .blockTitle {
      font-size: 14px; }
  * + h1.title {
    margin-top: 15px; }
  h1.title + * {
    margin-top: 25px; }
  h1.title {
    font-size: 19px;
    line-height: 1.47; }
  * + [class^="btnList"] {
    margin-top: 20px; }
  [class^="btnList"] {
    justify-content: space-between; }
    [class^="btnList"] > li {
      width: calc(50% - 10px); }
      [class^="btnList"] > li:nth-child(n + 3) {
        margin-top: 8px; }
      [class^="btnList"] > li a {
        min-height: 48px;
        padding-left: 10%; }
        [class^="btnList"] > li a:before {
          width: 6px;
          height: 6px; }
  [class^="listCol"] {
    width: 100%;
    margin-top: 28px; }
    [class^="listCol"] .listItem + .listItem {
      margin-top: 20px; }
  .imgFixed {
    flex-direction: column; }
    .imgFixed > * {
      width: 100%; }
      .imgFixed > *.txt {
        order: 1;
        margin-top: 30px; }
      .imgFixed > *.img {
        order: 0; }
  .borderBlock + .title,
  .movieArea + .title,
  .blockItem + .title,
  .boxItem + .title {
    margin-top: 39px; }
  * + .movieArea,
  * + .blockItem,
  * + .boxItem {
    margin-top: 33px; }
  .movieArea {
    padding: 23px 25px 32px; }
    .movieArea .movieTitleSub {
      margin-bottom: 10px;
      font-size: 11px; }
      .movieArea .movieTitleSub:before, .movieArea .movieTitleSub:after {
        width: 13px;
        height: 25px; }
      .movieArea .movieTitleSub:before {
        margin-right: 15px; }
      .movieArea .movieTitleSub:after {
        margin-left: 15px; }
    .movieArea .movieTitle {
      font-size: 15px;
      line-height: 1.53; }
    .movieArea .movieContent {
      margin-top: 15px; }
  .boxItem {
    padding: 33px 25px;
    flex-direction: column; }
    .boxItem > * + * {
      margin-top: 22px; }
    .boxItem.thumbBefore_sp .boxText {
      order: 1;
      margin-top: 22px; }
    .boxItem.thumbBefore_sp .boxThumb {
      order: 0;
      margin-top: 0; }
    .boxItem.thumbAfter_sp .boxText {
      order: 0;
      margin-top: 0; }
    .boxItem.thumbAfter_sp .boxThumb {
      order: 1;
      margin-top: 22px; }
    .boxItem .boxText .boxTitle {
      padding-bottom: 8px;
      font-size: 18px; }
  .blockItem {
    padding: 19px 15px; }
  * + .borderBlock {
    margin-top: 25px; }
  .borderBlock {
    border-width: 13px;
    padding: 20px 10px; }
  * + .dlList {
    margin-top: 20px; }
  .dlList > * + dt {
    margin-top: 10px; }
  .dlList > dt {
    padding-left: 13px;
    font-size: 15px;
    line-height: 1.66; }
    .dlList > dt:before {
      width: 8px;
      height: 8px;
      top: .8em; }
  * + .commonDlRow,
  * + .commonDl {
    margin-top: 20px; }
  .commonDlRow > div > dt,
  .commonDlRow > div > dd,
  .commonDl > div > dt,
  .commonDl > div > dd {
    font-size: 12px;
    line-height: 1.3; }
  .commonDlRow > div > dd,
  .commonDl > div > dd {
    width: calc(100% - 100px); }
  .commonDlRow > div > dt {
    width: 6.5em;
    padding: 0 0 0 7px; }
    .commonDlRow > div > dt:before {
      bottom: -23px; }
  .commonDlRow > div > dd {
    padding: 0 7px; }
  .commonDlRow > div + div {
    margin-top: 30px; }
  .commonDl > div > dt,
  .commonDl > div > dd {
    padding: 13px 7px 12px; }
  .commonDl > div > dt {
    width: 100px; }
  * + ol.commonList,
  .page-topics-detail .section * + ol {
    margin-top: 20px; }
  ol.commonList > li,
  .page-topics-detail .section ol > li {
    position: relative; }
    ol.commonList > li + li,
    .page-topics-detail .section ol > li + li {
      margin-top: 7px; }
  .mapWrap {
    padding-bottom: 56.25%; }
  .iframeWrap {
    margin-top: 1.5em; }
  * + .categoryList {
    margin-top: 23px; }
  .categoryList + * {
    margin-top: 33px; }
  .categoryList > li {
    width: calc(50% - 10px); }
    .categoryList > li:nth-child(odd) {
      margin-right: 18px; }
    .categoryList > li:nth-child(n + 3) {
      margin-top: 25px; }
    .categoryList > li > a .categoryListTitle:before {
      width: 6px;
      height: 6px; }
    .categoryList > li > * .categoryListThumb img {
      width: 100%; }
    .categoryList > li > * .categoryListTitle {
      padding-right: 15px;
      margin-top: 13px;
      font-size: 14px;
      line-height: 1.28; }
  .contentsList > li + li {
    margin-top: 60px; }
  .contentsList > li .contentsListThumb {
    order: 1;
    margin-bottom: 13px; }
    .contentsList > li .contentsListThumb img {
      width: 100%; }
    .contentsList > li .contentsListThumb .noBorder {
      padding-right: 26px;
      padding-bottom: 29px; }
      .contentsList > li .contentsListThumb .noBorder:before {
        width: calc(100% - 26px);
        height: calc(100% - 29px); }
  .contentsList > li .contentsListText {
    order: 0; }
    .contentsList > li .contentsListText .contentsListTitle {
      font-size: 22px; }
    .contentsList > li .contentsListText .contentsListTitleSub {
      font-size: 14px; }
    .contentsList > li .contentsListText .contentsListNote {
      margin-top: 13px; }
      .contentsList > li .contentsListText .contentsListNote + * {
        margin-top: 46px; }
  .note {
    font-size: 13px; }
  * + .tabWrap {
    margin-top: 30px; }
  .tabMenu {
    margin-bottom: 24px; }
    .tabMenu > ul {
      flex-wrap: wrap; }
      .tabMenu > ul > li {
        width: calc(33.3% - 1.3px);
        font-size: 14px; }
        .tabMenu > ul > li:not(:nth-child(3n)) {
          margin-right: 2px; }
        .tabMenu > ul > li:nth-child(n + 4) {
          margin-top: 2px; }
        .tabMenu > ul > li span,
        .tabMenu > ul > li a {
          padding: 4px 2px; }
  * + .faq {
    margin-top: 24px; }
  .faq > div + div {
    margin-top: 2px; }
  .faq > div:before, .faq > div:after {
    width: 15px;
    height: 1px;
    top: 27px;
    right: 18px; }
  .faq > div .question {
    padding: 12px 45px 12px 56px;
    font-size: 14px; }
    .faq > div .question:before {
      font-size: 22px;
      top: 6px;
      left: 20px; }
  .faq > div .answer {
    padding: 0 18px 30px 56px;
    margin-top: 22px; }
    .faq > div .answer:before {
      font-size: 22px;
      top: 2px;
      left: 15px; }
  .pageing {
    flex-wrap: wrap;
    padding-top: 40px; }
    .pageing > span {
      margin: 0 3px 6px; }
      .pageing > span a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 4em; }
        .pageing > span a.next:after {
          width: 7px;
          height: 7px;
          margin-left: 10px; }
        .pageing > span a.prev:before {
          width: 7px;
          height: 7px;
          margin-right: 10px; }
    .pageing a {
      width: 30px;
      line-height: 30px;
      font-size: 14px; }
    .pageing .pageCount {
      flex-wrap: wrap; }
      .pageing .pageCount > li {
        margin: 0 5px 10px; }
  .btnBack {
    margin-top: 40px; }
    .btnBack a {
      font-size: 12px; }
      .btnBack a:before {
        width: 6px;
        height: 6px;
        margin-right: 10px; }
  .aform dl {
    padding: 15px 0 15px !important; }
  .aform input[type=text],
  .aform input[type=password],
  .aform input[type=tel],
  .aform input[type=email],
  .aform select,
  .aform textarea {
    border: none;
    padding: 10px;
    width: 100%;
    background-color: #e6edf6; }
  .aform input[type=text].size-s,
  .aform input[type=password].size-s,
  .aform input[type=tel].size-s,
  .aform input[type=email].size-s,
  .aform select.size-s {
    width: 22%; }
  .aform input[type=text].size-sm,
  .aform input[type=password].size-sm,
  .aform input[type=tel].size-sm,
  .aform input[type=email].size-sm,
  .aform select.size-sm {
    width: 20%; }
  .aform input[type=text].size-m,
  .aform input[type=password].size-m,
  .aform input[type=tel].size-m,
  .aform input[type=email].size-m,
  .aform select.size-m {
    width: 27%; }
  .aform input[type=text].size-ml,
  .aform input[type=password].size-ml,
  .aform input[type=tel].size-ml,
  .aform input[type=email].size-ml,
  .aform select.size-ml {
    width: 50%; }
  .aform input[type=text].size-l,
  .aform input[type=password].size-l,
  .aform input[type=tel].size-l,
  .aform input[type=email].size-l,
  .aform select.size-l {
    width: 75%; }
  .aform input[type=text].size-special,
  .aform input[type=password].size-special,
  .aform input[type=tel].size-special,
  .aform input[type=email].size-special,
  .aform select.size-special {
    width: 85%;
    margin-bottom: 10px; }
  .aform input[type=text].year,
  .aform input[type=password].year,
  .aform input[type=tel].year,
  .aform input[type=email].year,
  .aform select.year {
    width: 23%;
    margin-bottom: 10px; }
  .aform input[type=text].month,
  .aform input[type=password].month,
  .aform input[type=tel].month,
  .aform input[type=email].month,
  .aform select.month {
    width: 17%;
    margin-bottom: 10px; }
  .aform select.year {
    width: 23%;
    margin-bottom: 10px; }
  .aform select.month {
    width: 17%;
    margin-bottom: 10px; }
  .aform button {
    border: 1px solid #ccc;
    padding: 4px 8px;
    background-color: #f6f6f6;
    box-shadow: 0px 1px 1px 0px #cccccc;
    font-size: 14px;
    transition: .2s all ease-in-out; }
    .aform button:hover {
      opacity: .7;
      cursor: pointer; }
  .aform input[type="radio"] + label {
    margin-bottom: 5px; }
  .aform input[type="checkbox"] + label {
    margin-bottom: 5px; }
  .aform input[type="checkbox"] + label::after {
    top: 50%;
    left: 5px;
    width: 11px;
    height: 7px;
    margin-top: -7px; } }
  @media screen and (max-width: 768px) and (min-width: 470px) and (max-width: 799px) {
    .aform input[type="checkbox"] + label::after {
      top: 50%;
      left: 5px;
      width: 11px;
      height: 7px;
      margin-top: -6px; } }

@media screen and (max-width: 768px) {
  .aform #harf-1,
  .aform #harf-2 {
    width: 100%; }
  .aform select.aform-input,
  .aform .aform-select {
    background-size: 16px 9px; }
  .aform .aform-button-area input + *,
  .aform .aform-button-area a + * {
    margin-top: 20px; }
  #aform_result h2 {
    font-size: 19px;
    line-height: 1.47; }
  .scrollTable {
    overflow: auto; }
    .scrollTable + .commonTable {
      margin-top: 0; }
    .scrollTable table {
      white-space: nowrap; }
  .scrolltext {
    margin-top: 45px;
    font-size: 12px;
    display: block;
    text-align: right; }
  * + .commonTable,
  .page-topics-detail * + table {
    margin-top: 25px; }
  .commonTable,
  .page-topics-detail table {
    font-size: 13px; }
    .commonTable th.w130_sp,
    .commonTable td.w130_sp,
    .page-topics-detail table th.w130_sp,
    .page-topics-detail table td.w130_sp {
      width: 130px !important; }
    .commonTable th.w100_sp,
    .commonTable td.w100_sp,
    .page-topics-detail table th.w100_sp,
    .page-topics-detail table td.w100_sp {
      width: 100px !important; }
    .commonTable th.w70_sp,
    .commonTable td.w70_sp,
    .page-topics-detail table th.w70_sp,
    .page-topics-detail table td.w70_sp {
      width: 70px !important; }
    .commonTable > tbody > tr > th,
    .commonTable > thead > tr > th,
    .page-topics-detail table > tbody > tr > th,
    .page-topics-detail table > thead > tr > th {
      padding: 2px 18px; }
    .commonTable > tbody > tr > td,
    .commonTable > thead > tr > td,
    .page-topics-detail table > tbody > tr > td,
    .page-topics-detail table > thead > tr > td {
      padding: 15px 18px;
      font-size: 12px; }
  /* common class */
  .taC_sp {
    text-align: center !important; }
  .taL_sp {
    text-align: left !important; }
  .taR_sp {
    text-align: right !important; }
  .pT0_sp {
    padding-top: 0 !important; }
  .pT10_sp {
    padding-top: 10px !important; }
  .pT20_sp {
    padding-top: 20px !important; }
  .pB0_sp {
    padding-bottom: 0 !important; }
  .pB10_sp {
    padding-bottom: 10px !important; }
  .pB20_sp {
    padding-bottom: 20px !important; }
  .pB30_sp {
    padding-bottom: 30px !important; }
  .pB40_sp {
    padding-bottom: 40px !important; }
  .pT30_sp {
    padding-top: 30px !important; }
  .pT40_sp {
    padding-top: 40px !important; }
  .mB0_sp {
    margin-bottom: 0 !important; }
  .mB5_sp {
    margin-bottom: 5px !important; }
  .mB10_sp {
    margin-bottom: 10px !important; }
  .mB15_sp {
    margin-bottom: 15px !important; }
  .mB20_sp {
    margin-bottom: 20px !important; }
  .mB30_sp {
    margin-bottom: 30px !important; }
  .mB40_sp {
    margin-bottom: 40px !important; }
  .mB50_sp {
    margin-bottom: 50px !important; }
  .mB60_sp {
    margin-bottom: 60px !important; }
  .mB70_sp {
    margin-bottom: 70px !important; }
  .mB80_sp {
    margin-bottom: 80px !important; }
  .mT0_sp {
    margin-top: 0 !important; }
  .mT5_sp {
    margin-top: 5px !important; }
  .mT10_sp {
    margin-top: 10px !important; }
  .mT20_sp {
    margin-top: 20px !important; }
  .mT30_sp {
    margin-top: 30px !important; }
  .mT40_sp {
    margin-top: 40px !important; }
  .mT50_sp {
    margin-top: 50px !important; }
  .mT60_sp {
    margin-top: 60px !important; }
  .mT70_sp {
    margin-top: 70px !important; }
  .mT80_sp {
    margin-top: 80px !important; }
  .mL0_sp {
    margin-left: 0px !important; }
  .mL5_sp {
    margin-left: 5px !important; }
  .mL10_sp {
    margin-left: 10px !important; }
  .mL20_sp {
    margin-left: 20px !important; }
  .mL30_sp {
    margin-left: 30px !important; }
  .mL40_sp {
    margin-left: 40px !important; }
  .mL50_sp {
    margin-left: 50px !important; }
  .mR0_sp {
    margin-right: 0px !important; }
  .mR5_sp {
    margin-right: 5px !important; }
  .mR10_sp {
    margin-right: 10px !important; }
  .mR20_sp {
    margin-right: 20px !important; }
  .mR30_sp {
    margin-right: 30px !important; }
  .mR40_sp {
    margin-right: 40px !important; }
  .mR50_sp {
    margin-right: 50px !important; }
  .size12_sp {
    font-size: 12px !important; }
  .size13_sp {
    font-size: 13px !important; }
  .size14_sp {
    font-size: 14px !important; }
  .size15_sp {
    font-size: 15px !important; }
  .size16_sp {
    font-size: 16px !important; }
  .size17_sp {
    font-size: 17px !important; }
  .size18_sp {
    font-size: 18px !important; }
  .size19_sp {
    font-size: 19px !important; }
  .size20_sp {
    font-size: 20px !important; }
  .size22_sp {
    font-size: 22px !important; }
  .size24_sp {
    font-size: 24px !important; }
  .size28_sp {
    font-size: 28px !important; }
  .w50p_sp {
    width: 50% !important; } }

@media print, screen and (min-width: 769px) {
  #globalHeader {
    border-bottom: 1px solid #d9eaf5;
    background: #fff; }
    #globalHeader .ghInner .ghmenuSub #ghSearch .gsc-input-box {
      border-color: #d9eaf5;
      box-shadow: none; }
    #globalHeader .ghInner .ghmenuSub #ghSearch .gsc-control-cse .gsc-control-wrapper-cse {
      background: #e6edf6; }
    #globalHeader .ghInner .ghmenuSub .ghLanguage > li a {
      color: #222222; }
    #globalHeader .ghInner .ghMenu > ul > li a {
      color: #222222; }
      #globalHeader .ghInner .ghMenu > ul > li a[target="_blank"]:after {
        background: url(../images2022/common/icon_blank.svg) no-repeat;
        background-size: contain; }
  main {
    padding-top: 130px;
    font-size: 16px;
    line-height: 2; }
    main * + p {
      margin-top: 35px; }
    main a {
      transition: .2s color; }
      main a:hover {
        color: #0071be;
        text-decoration: none; }
  .pageHeader {
    min-height: 280px; }
    .pageHeader .inner {
      width: calc(100% - 80px);
      max-width: 1280px;
      height: 280px; }
      .pageHeader .inner:after {
        width: 160px; }
    .pageHeader .pageTitle {
      font-size: 50px; }
    .pageHeader .pageTitleSub {
      margin-top: 10px;
      font-size: 16px; }
  .breadcrumbArea {
    width: calc(100% - 80px);
    max-width: 1280px;
    padding: 0;
    margin: 0 auto 60px; }
    .breadcrumbArea .breadcrumb {
      margin-top: 22px; }
      .breadcrumbArea .breadcrumb > li {
        display: inline;
        font-size: 13px; }
        .breadcrumbArea .breadcrumb > li:not(:last-child) {
          margin-right: 12px; }
        .breadcrumbArea .breadcrumb > li + li {
          padding-left: 22px; }
          .breadcrumbArea .breadcrumb > li + li:before {
            width: 6px;
            height: 6px;
            left: 2px;
            top: 7px; }
        .breadcrumbArea .breadcrumb > li a {
          transition: .2s color; }
          .breadcrumbArea .breadcrumb > li a:hover {
            color: #0071be; }
        .breadcrumbArea .breadcrumb > li > span {
          font-weight: bold; }
  .section .inner {
    max-width: 1160px;
    padding-bottom: 110px; }
  .bgMicro {
    padding-top: 20px; }
  .bgMicroBox {
    padding-top: 97px;
    padding-bottom: 80px;
    background-position: right 25px bottom 25px;
    background-size: 245px auto; }
    .bgMicroBox .bgMicroBoxtitle {
      font-size: 38px;
      top: -20px;
      left: 20px; }
  .sectionHeader .sectionTitle {
    font-size: 34px;
    line-height: 1.41; }
  .sectionHeader .sectionTitleSub {
    font-size: 18px; }
    .sectionHeader .sectionTitleSub + .sectionTitle {
      margin-top: 27px; }
    .sectionHeader .sectionTitleSub:before {
      width: 61px; }
  * + .lead {
    margin-top: 40px; }
  .microGreeting {
    display: flex;
    justify-content: space-around;
    padding-bottom: 34px;
    margin-top: 94px; }
    .microGreeting:before {
      height: calc(100% - 50px); }
    .microGreeting .microGreetingThumb {
      width: 31.5%;
      max-width: 340px; }
      .microGreeting .microGreetingThumb p {
        margin-top: 10px; }
    .microGreeting .microGreetingText {
      width: 49%;
      padding-top: 30px;
      margin: 0 auto;
      line-height: 2; }
      .microGreeting .microGreetingText .microGreetingtitle {
        font-size: 28px; }
        .microGreeting .microGreetingText .microGreetingtitle:after {
          width: 25px;
          height: 2px;
          margin-left: 17px; }
  .strengthList {
    display: flex;
    margin-top: 50px; }
    .strengthList > li {
      width: calc(33.3% - 54px); }
      .strengthList > li:not(:nth-child(3n)) {
        margin-right: 84px; }
      .strengthList > li .strengthListContent {
        padding: 15px 15px 0; }
        .strengthList > li .strengthListContent .strengthListNote {
          font-size: 24px; }
        .strengthList > li .strengthListContent .strengthNoteSub {
          margin-top: 6px;
          font-size: 14px; }
      .strengthList > li + li:before {
        width: 78px;
        height: 2px;
        top: 0;
        bottom: 0;
        margin: auto;
        left: -81px; }
  .microNetwork {
    margin-top: 30px;
    margin-bottom: 110px; }
  * + .productInfoList {
    margin-top: 70px; }
  .productInfoList > li {
    padding-bottom: 80px; }
    .productInfoList > li + li {
      margin-top: 80px; }
    .productInfoList > li:nth-child(odd) .productInfoItem .prductInfoThumb {
      order: 0; }
    .productInfoList > li:nth-child(odd) .productInfoItem .prductInfoText {
      order: 1; }
    .productInfoList > li:nth-child(even) .productInfoItem .prductInfoThumb {
      order: 1; }
    .productInfoList > li:nth-child(even) .productInfoItem .prductInfoText {
      order: 0; }
    .productInfoList > li .productInfoItem {
      justify-content: space-between; }
      .productInfoList > li .productInfoItem .prductInfoThumb {
        width: 44.4%; }
      .productInfoList > li .productInfoItem .prductInfoText {
        width: 50%; }
        .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader:after {
          width: 100%; }
        .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderThumb {
          flex: none;
          width: 155px;
          min-height: 155px;
          margin-right: 40px;
          margin-bottom: 10px; }
          .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderThumb img {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            margin: auto; }
          .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderThumb:before {
            width: calc(100% - 10px);
            height: calc(100% - 10px);
            border-right: 10px solid #0071be;
            border-bottom: 10px solid #0071be;
            right: -10px;
            bottom: -10px; }
          .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderThumb:after {
            width: 11px;
            bottom: -11px; }
        .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderText {
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderText .productInfoHeaderTitle {
            font-size: 44px; }
          .productInfoList > li .productInfoItem .prductInfoText .productInfoHeader .productInfoHeaderText .productInfoHeaderNote {
            margin-top: 10px;
            font-size: 20px; }
  * + .titleBorder,
  * + h2,
  .page-topics-detail * + h2 {
    margin-top: 40px; }
  .titleBorder,
  h2.title,
  .page-topics-detail h2 {
    padding-bottom: 8px;
    font-size: 28px; }
  h3.title + p:not(.btnWrap),
  .page-topics-detail h3 + p:not(.btnWrap) {
    margin-top: 25px; }
  * + h3,
  .page-topics-detail * + h3 {
    margin-top: 40px; }
  h3.title,
  .page-topics-detail h3 {
    padding-left: 18px;
    font-size: 24px; }
    h3.title:after,
    .page-topics-detail h3:after {
      width: 3px; }
  * + .titleGray,
  * + h4,
  .page-topics-detail * + h4 {
    margin-top: 30px; }
  .titleGray + *,
  h4.title + *,
  .page-topics-detail h4 + * {
    margin-top: 5px; }
  .titleGray,
  h4.title,
  .page-topics-detail h4 {
    font-size: 20px; }
  * + .blockHeader {
    margin-top: 30px; }
  .blockHeader {
    padding: 7px 20px 8px; }
    .blockHeader .blockTitle {
      font-size: 20px; }
  * + h1.title {
    margin-top: 34px; }
  h1.title + * {
    margin-top: 50px; }
  h1.title {
    font-size: 34px;
    line-height: 1.4; }
  * + [class^="btnList"] {
    margin-top: 40px; }
  [class^="btnList"] > li a {
    min-height: 64px;
    padding-left: 12%;
    transition: .2s color; }
    [class^="btnList"] > li a:hover {
      color: #0071be; }
    [class^="btnList"] > li a:before {
      width: 8px;
      height: 8px; }
  .btnList2 > li {
    width: calc(50% - 15px); }
    .btnList2 > li:nth-child(n + 3) {
      margin-top: 20px; }
    .btnList2 > li:not(:nth-child(even)) {
      margin-right: 30px; }
  .btnList3 > li {
    width: calc(33.3% - 20px); }
    .btnList3 > li:nth-child(n + 4) {
      margin-top: 20px; }
    .btnList3 > li:not(:nth-child(3n)) {
      margin-right: 30px; }
  .btnList4 > li {
    width: calc(25% - 30px); }
    .btnList4 > li:nth-child(n + 5) {
      margin-top: 20px; }
    .btnList4 > li:not(:nth-child(4n)) {
      margin-right: 30px; }
  [class^="listCol"] {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 43px; }
  .listCol2 .listItem {
    width: calc(50% - 30px); }
    .listCol2 .listItem:nth-child(odd) {
      margin-right: 60px; }
  .listCol3 .listItem {
    width: calc(33.3% - 40px); }
    .listCol3 .listItem:not(:nth-child(3n)) {
      margin-right: 60px; }
  .listCol4 .listItem {
    width: calc(25% - 45px); }
    .listCol4 .listItem:not(:nth-child(4n)) {
      margin-right: 60px; }
  * + .imgFixed {
    margin-top: 30px; }
  .imgFixed > *.img {
    flex: none; }
  .imgFixed > *:nth-child(odd) {
    margin-right: 38px; }
  .imgFixed > *:nth-child(n + 3) {
    margin-top: 30px; }
  .borderBlock + .title,
  .movieArea + .title,
  .blockItem + .title,
  .boxItem + .title {
    margin-top: 70px; }
  * + .movieArea,
  * + .blockItem,
  * + .boxItem {
    margin-top: 62px; }
  .movieArea {
    padding: 50px 40px 74px; }
    .movieArea .movieTitleSub {
      margin-bottom: 16px;
      font-size: 18px; }
      .movieArea .movieTitleSub:before, .movieArea .movieTitleSub:after {
        width: 13px;
        height: 36px; }
      .movieArea .movieTitleSub:before {
        margin-right: 17px; }
      .movieArea .movieTitleSub:after {
        margin-left: 17px; }
    .movieArea .movieTitle {
      font-size: 26px;
      line-height: 1.4; }
    .movieArea .movieContent {
      margin-top: 33px;
      max-width: 760px; }
  .boxItem {
    padding: 50px 0; }
    .boxItem .boxText {
      width: calc(41.6% + 30px);
      padding: 0 15px;
      margin: auto; }
      .boxItem .boxText .boxTitle {
        padding-bottom: 12px;
        font-size: 28px; }
    .boxItem .boxThumb {
      width: calc(38.8% + 30px);
      padding: 0 15px;
      margin: auto; }
  .blockItem {
    padding: 30px 60px; }
  * + .borderBlock {
    margin-top: 50px; }
  .borderBlock {
    border-width: 20px;
    padding: 40px 60px; }
  * + .dlList {
    margin-top: 30px; }
  .dlList > * + dt {
    margin-top: 25px; }
  .dlList > * + dd {
    margin-top: 12px; }
  .dlList > dt {
    padding-left: 25px;
    font-size: 22px; }
    .dlList > dt:before {
      width: 12px;
      height: 12px;
      top: .8em; }
  * + .commonDlRow,
  * + .commonDl {
    margin-top: 30px; }
  .commonDlRow > div > dt,
  .commonDlRow > div > dd,
  .commonDl > div > dt,
  .commonDl > div > dd {
    font-size: 15px; }
  .commonDlRow > div > dd,
  .commonDl > div > dd {
    width: calc(100% - 190px); }
  .commonDlRow > div > dt {
    width: 7em;
    padding: 0 0 0 16px; }
    .commonDlRow > div > dt:before {
      bottom: -35px; }
  .commonDlRow > div > dd {
    padding: 0 16px; }
  .commonDlRow > div + div {
    margin-top: 40px; }
  .commonDl > div > dt,
  .commonDl > div > dd {
    padding: 12px 16px 11px; }
  .commonDl > div > dt {
    width: 190px; }
  * + ol.commonList,
  .page-topics-detail .section * + ol {
    margin-top: 30px; }
  ol.commonList > li + li,
  .page-topics-detail .section ol > li + li {
    margin-top: 7px; }
  .mapWrap {
    padding-bottom: 30.55%;
    margin-top: 63px; }
  .iframeWrap {
    margin-top: 63px; }
  * + .categoryList {
    margin-top: 70px; }
  .categoryList + * {
    margin-top: 80px; }
  .categoryList > li {
    width: calc(33.3% - 40px); }
    .categoryList > li:not(:nth-child(3n)) {
      margin-right: 60px; }
    .categoryList > li:nth-child(n + 4) {
      margin-top: 50px; }
    .categoryList > li > a .categoryListTitle:before {
      width: 8px;
      height: 8px;
      transition: .2s right; }
    .categoryList > li > *:hover .categoryListThumb:before {
      left: 0; }
    .categoryList > li > *:hover .categoryListTitle:before {
      right: 12px; }
    .categoryList > li > * .categoryListThumb {
      position: relative;
      overflow: hidden; }
      .categoryList > li > * .categoryListThumb:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: #0071be;
        position: absolute;
        top: 0;
        left: -100%;
        opacity: .5;
        transition: .2s left; }
    .categoryList > li > * .categoryListTitle {
      padding-right: 25px;
      margin-top: 12px;
      font-size: 18px;
      line-height: 1.5; }
  .contentsList {
    margin-bottom: 70px; }
    .contentsList > li {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .contentsList > li + li {
        margin-top: 50px; }
      .contentsList > li:nth-child(odd) .contentsListThumb {
        order: 0;
        text-align: left; }
      .contentsList > li:nth-child(odd) .contentsListText {
        order: 1; }
      .contentsList > li:nth-child(even) .contentsListThumb {
        order: 1;
        text-align: right; }
      .contentsList > li:nth-child(even) .contentsListText {
        order: 0; }
      .contentsList > li .contentsListThumb {
        width: 50%; }
        .contentsList > li .contentsListThumb .noBorder {
          padding-right: 40px;
          padding-bottom: 34px; }
          .contentsList > li .contentsListThumb .noBorder:before {
            width: calc(100% - 40px);
            height: calc(100% - 34px); }
      .contentsList > li .contentsListText {
        width: 42%; }
        .contentsList > li .contentsListText .contentsListTitle {
          font-size: 34px; }
        .contentsList > li .contentsListText .contentsListTitleSub {
          font-size: 16px; }
        .contentsList > li .contentsListText .contentsListNote {
          margin-top: 20px; }
          .contentsList > li .contentsListText .contentsListNote + * {
            margin-top: 70px; }
  .note {
    font-size: 14px; }
  * + .tabWrap {
    margin-top: 30px; }
  .tabMenu {
    margin-bottom: 52px; }
    .tabMenu > ul > li {
      flex: 1;
      font-size: 14px;
      cursor: pointer; }
      .tabMenu > ul > li + li {
        border-left: 3px solid #fff; }
      .tabMenu > ul > li.active span:after,
      .tabMenu > ul > li.active a:after {
        bottom: -8px; }
      .tabMenu > ul > li span,
      .tabMenu > ul > li a {
        padding: 8px 4px;
        font-size: 16px; }
        .tabMenu > ul > li span:hover,
        .tabMenu > ul > li a:hover {
          color: #fff !important;
          background: #0071be; }
        .tabMenu > ul > li span:after,
        .tabMenu > ul > li a:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-color: #0071be transparent transparent transparent;
          border-width: 8px 8px 0 8px;
          position: absolute;
          right: 0;
          left: 0;
          bottom: 0;
          margin: auto;
          opacity: 0;
          transition: .2s opacity, .2s bottom; }
  * + .faq {
    margin-top: 35px; }
  .faq > div + div {
    margin-top: 2px; }
  .faq > div:before, .faq > div:after {
    width: 15px;
    height: 1px;
    top: 35px;
    right: 18px; }
  .faq > div .question {
    padding: 15px 60px;
    font-size: 20px; }
    .faq > div .question:before {
      font-size: 28px;
      top: 8px;
      left: 24px; }
  .faq > div .answer {
    padding: 0 60px 40px 60px;
    margin-top: 26px; }
    .faq > div .answer:before {
      font-size: 28px;
      top: 5px;
      left: 26px; }
  .pageing {
    align-items: center;
    max-width: 980px;
    width: 95%;
    padding-top: 58px; }
    .pageing > span {
      margin: 0 10px 10px; }
      .pageing > span a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 4em;
        transition: .2s color; }
        .pageing > span a:hover {
          color: #0071be; }
        .pageing > span a.next:after {
          width: 9px;
          height: 9px;
          margin-left: 10px; }
        .pageing > span a.prev:before {
          width: 9px;
          height: 9px;
          margin-right: 10px; }
    .pageing a {
      width: 44px;
      line-height: 45px;
      font-size: 16px; }
    .pageing .pageCount {
      flex-wrap: wrap; }
      .pageing .pageCount > li {
        margin: 0 10px 10px; }
        .pageing .pageCount > li a {
          transition: .2s color; }
          .pageing .pageCount > li a:hover {
            color: #0071be; }
  .btnBack {
    margin-top: 65px; }
    .btnBack a:hover {
      color: #93989e; }
      .btnBack a:hover:before {
        -webkit-transform: rotate(-225deg) translate(8px, 8px);
                transform: rotate(-225deg) translate(8px, 8px); }
    .btnBack a:before {
      width: 8px;
      height: 8px;
      margin-right: 15px;
      transition: .2s transform; }
  .aform dl {
    display: flex;
    align-items: center;
    padding: 25px 0 25px !important; }
    .aform dl dt {
      min-width: 190px; }
    .aform dl dd {
      padding: 0 16px;
      margin: 0 !important; }
  .aform input[type=text],
  .aform input[type=password],
  .aform input[type=tel],
  .aform input[type=email],
  .aform select,
  .aform textarea {
    border: none;
    padding: 10px;
    width: 100%;
    background-color: #e6edf6; }
  .aform input[type=text].size-s,
  .aform input[type=password].size-s,
  .aform input[type=tel].size-s,
  .aform input[type=email].size-s,
  .aform select.size-s {
    width: 12%; }
  .aform input[type=text].size-sm,
  .aform input[type=password].size-sm,
  .aform input[type=tel].size-sm,
  .aform input[type=email].size-sm,
  .aform select.size-sm {
    width: 15%; }
  .aform input[type=text].size-m,
  .aform input[type=password].size-m,
  .aform input[type=tel].size-m,
  .aform input[type=email].size-m,
  .aform select.size-m {
    width: 35%; }
  .aform input[type=text].size-ml,
  .aform input[type=password].size-ml,
  .aform input[type=tel].size-ml,
  .aform input[type=email].size-ml,
  .aform select.size-ml {
    width: 43%; }
  .aform input[type=text].size-l,
  .aform input[type=password].size-l,
  .aform input[type=tel].size-l,
  .aform input[type=email].size-l,
  .aform select.size-l {
    width: 65%; }
  .aform input[type=text].size-special,
  .aform input[type=password].size-special,
  .aform input[type=tel].size-special,
  .aform input[type=email].size-special,
  .aform select.size-special {
    width: 43%; }
  .aform input[type=text].year,
  .aform input[type=password].year,
  .aform input[type=tel].year,
  .aform input[type=email].year,
  .aform select.year {
    width: 80px; }
  .aform input[type=text].month,
  .aform input[type=password].month,
  .aform input[type=tel].month,
  .aform input[type=email].month,
  .aform select.month {
    width: 70px; }
  .aform select.year {
    width: 80px; }
  .aform select.month {
    width: 70px; }
  .aform button {
    border: 1px solid #ccc;
    padding: 4px 8px;
    background-color: #f6f6f6;
    box-shadow: none;
    font-size: 14px;
    transition: .2s all ease-in-out; }
    .aform button:hover {
      opacity: .7;
      cursor: pointer; }
  .aform input[type="checkbox"] + label.type2:hover {
    opacity: .7; }
  .aform input[type="checkbox"] + label::after {
    top: 50%;
    left: 5px;
    width: 11px;
    height: 7px;
    margin-top: -6px; } }
  @media screen and (min-width: 769px) and (min-width: 470px) and (max-width: 799px) {
    .aform input[type="checkbox"] + label::after {
      top: 50%;
      left: 5px;
      width: 11px;
      height: 7px;
      margin-top: -6px; } }

@media print, screen and (min-width: 769px) {
  .aform .aform-input-example {
    margin-bottom: 4px;
    font-size: 15px; }
  .aform #harf-1,
  .aform #harf-2 {
    width: auto; }
  .aform select.aform-input,
  .aform .aform-select {
    background-size: 19px 11px; }
  .aform .aform-button-area input, .aform .aform-button-area a {
    transition: .2s background; }
    .aform .aform-button-area input:hover, .aform .aform-button-area a:hover {
      background: rgba(0, 113, 190, 0.1); }
  .aform .aform-button-area input + *,
  .aform .aform-button-area a + * {
    margin-left: 20px; }
  #aform_result h2 {
    font-size: 34px;
    line-height: 1.41; }
  ul.col2List {
    display: flex;
    flex-wrap: wrap; }
    ul.col2List li {
      width: 50%;
      flex-basis: 50%; }
      ul.col2List li:not(:first-of-type) {
        margin-top: 0px; }
      ul.col2List li:nth-of-type(n + 3) {
        margin-top: 10px; }
  * + .scrollTable {
    margin-top: 45px; }
  .scrolltext {
    display: none !important; }
  * + .commonTable,
  .page-topics-detail * + table {
    margin-top: 45px; }
  .commonTable,
  .page-topics-detail table {
    width: 100%;
    margin-right: auto;
    margin-left: auto; }
    .commonTable > tbody > tr > th,
    .commonTable > thead > tr > th,
    .page-topics-detail table > tbody > tr > th,
    .page-topics-detail table > thead > tr > th {
      padding: 9px 2%;
      font-size: 14px; }
    .commonTable > tbody > tr > td,
    .commonTable > thead > tr > td,
    .page-topics-detail table > tbody > tr > td,
    .page-topics-detail table > thead > tr > td {
      padding: 15px 2%; }
  /* common class */
  .taC_pc {
    text-align: center !important; }
  .taL_pc {
    text-align: left !important; }
  .taR_pc {
    text-align: right !important; }
  .pT10_pc {
    padding-top: 10px !important; }
  .pT20_pc {
    padding-top: 20px !important; }
  .pT30_pc {
    padding-top: 30px !important; }
  .pT40_pc {
    padding-top: 40px !important; }
  .pB10_pc {
    padding-bottom: 10px !important; }
  .pB20_pc {
    padding-bottom: 20px !important; }
  .pB30_pc {
    padding-bottom: 30px !important; }
  .pB40_pc {
    padding-bottom: 40px !important; }
  .mB0_pc {
    margin-bottom: 0 !important; }
  .mB5_pc {
    margin-bottom: 5px !important; }
  .mB10_pc {
    margin-bottom: 10px !important; }
  .mB15_pc {
    margin-bottom: 15px !important; }
  .mB20_pc {
    margin-bottom: 20px !important; }
  .mB30_pc {
    margin-bottom: 30px !important; }
  .mB40_pc {
    margin-bottom: 40px !important; }
  .mB50_pc {
    margin-bottom: 50px !important; }
  .mB60_pc {
    margin-bottom: 60px !important; }
  .mB70_pc {
    margin-bottom: 70px !important; }
  .mB80_pc {
    margin-bottom: 80px !important; }
  .mT0_pc {
    margin-top: 0 !important; }
  .mT5_pc {
    margin-top: 5px !important; }
  .mT10_pc {
    margin-top: 10px !important; }
  .mT20_pc {
    margin-top: 20px !important; }
  .mT30_pc {
    margin-top: 30px !important; }
  .mT40_pc {
    margin-top: 40px !important; }
  .mT50_pc {
    margin-top: 50px !important; }
  .mT70_pc {
    margin-top: 70px !important; }
  .mT80_pc {
    margin-top: 80px !important; }
  .mL0_pc {
    margin-left: 0px !important; }
  .mL5_pc {
    margin-left: 5px !important; }
  .mL10_pc {
    margin-left: 10px !important; }
  .mL20_pc {
    margin-left: 20px !important; }
  .mL30_pc {
    margin-left: 30px !important; }
  .mL40_pc {
    margin-left: 40px !important; }
  .mL55_pc {
    margin-left: 55px !important; }
  .mR0_pc {
    margin-right: 0px !important; }
  .mR5_pc {
    margin-right: 5px !important; }
  .mR10_pc {
    margin-right: 10px !important; }
  .mR20_pc {
    margin-right: 20px !important; }
  .mR30_pc {
    margin-right: 30px !important; }
  .mR40_pc {
    margin-right: 40px !important; }
  .mR50_pc {
    margin-right: 50px !important; }
  .mR55_pc {
    margin-right: 55px !important; }
  .size12_pc {
    font-size: 12px !important; }
  .size13_pc {
    font-size: 13px !important; }
  .size14_pc {
    font-size: 14px !important; }
  .size15_pc {
    font-size: 15px !important; }
  .size16_pc {
    font-size: 16px !important; }
  .size17_pc {
    font-size: 17px !important; }
  .size18_pc {
    font-size: 18px !important; }
  .size19_pc {
    font-size: 19px !important; }
  .size20_pc {
    font-size: 20px !important; }
  .size22_pc {
    font-size: 22px !important; }
  .size24_pc {
    font-size: 24px !important; }
  .size28_pc {
    font-size: 28px !important; }
  .hoverAlpha, .hoverAlpha img {
    display: block;
    transition: .3s opacity; }
    .hoverAlpha:hover,
    .hoverAlpha:hover img, .hoverAlpha img:hover,
    .hoverAlpha img:hover img {
      opacity: .8; } }

@media screen and (min-width: 769px) and (max-width: 1280px) {
  .productInfoList > li .productInfoItem {
    flex-direction: column; }
    .productInfoList > li .productInfoItem .prductInfoThumb {
      order: 0 !important;
      margin-right: auto;
      margin-left: auto; }
    .productInfoList > li .productInfoItem .prductInfoText {
      order: 1 !important;
      width: 100%;
      margin-top: 30px; }
  .imgFixed {
    flex-direction: column; }
    .imgFixed > * {
      width: 100%; }
      .imgFixed > *.txt {
        order: 1;
        margin-top: 30px; }
      .imgFixed > *.img {
        order: 0; }
      .imgFixed > *:nth-child(odd) {
        margin-right: 0; }
      .imgFixed > *:nth-child(n + 3) {
        margin-top: 0; } }

@media screen and (min-width: 769px) and (max-width: 1280px) and (min-width: 470px) and (max-width: 799px) {
  .aform input[type="checkbox"] + label::after {
    top: 50%;
    left: 5px;
    width: 11px;
    height: 7px;
    margin-top: -6px; } }

@media screen and (min-width: 769px) and (max-width: 1280px) {
  /* common class */ }

/*# sourceMappingURL=map/second.css.map */