@charset "UTF-8";
/*
* パーツ集 Ver.20181031
* レスポンシブビュー設定をset.cssから分離
*****************************************/
@media screen and (min-width: 0) and (max-width: 760px) {
  .gmap,
  .youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }
  .gmap iframe,
  .gmap object,
  .gmap embed,
  .youtube iframe,
  .youtube object,
  .youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  i {
    font-style: normal;
  }
}

@media screen and (min-width: 0) and (max-width: 699px) {
  .trx-rdimg-sp {
    max-width: 100%;
    height: auto;
  }
  .trx-inner-link {
    margin: 15px -15px 0;
  }
  .trx-inner-link ul {
    padding: 3px 0 10px;
  }
  .trx-inner-link ul li {
    margin-top: 6px;
    width: 22%;
  }
  .trx-inner-link ul li a {
    font-size: 12px;
    line-height: 1.5;
  }
  .trx-inner-link ul.trx-il-2 li {
    width: 47%;
  }
  .trx-inner-link ul.trx-il-3 li {
    width: 30%;
  }
  /*リスト*/
  ul.trx-list li ul {
    margin: 0 0 0 1em;
  }
  ul.trx-list li ul li ul {
    margin: 0 0 0 1em;
  }
  ol.trx-list li ol {
    margin: 0 0 0 1em;
  }
  ol.trx-list li ol li ol {
    margin: 0 0 0 1em;
  }
  dl.trx-list dd {
    margin: 10px 0 0 1em;
  }
  .trx-float-l {
    float: none;
  }
  .trx-float-r {
    float: none;
  }
  /*回り込みテキスト*/
  .trx-float-wrp {
    margin: 2em 0 0;
  }
  .trx-float-wrp .trx-float-img.trx-float-l {
    padding: 0;
    text-align: center;
  }
  .trx-float-wrp .trx-float-img.trx-float-l .trx-caption {
    display: block;
  }
  .trx-float-wrp .trx-float-img.trx-float-r {
    padding: 0;
    text-align: center;
  }
  .trx-float-wrp .trx-float-img.trx-float-r .trx-caption {
    display: block;
  }
  .trx-float-wrp:after {
    content: "";
    clear: both;
    display: block;
  }
  /*カラム分割*/
  .trx-column-wrp {
    margin: 0;
    text-align: center;
  }
  .trx-column-wrp > div h1:first-child, .trx-column-wrp > div h2:first-child, .trx-column-wrp > div h3:first-child, .trx-column-wrp > div h4:first-child, .trx-column-wrp > div h5:first-child, .trx-column-wrp > div h6:first-child {
    margin: 30px 0 0 !important;
  }
  .trx-column-wrp > p {
    margin-right: 10px;
    margin-left: 10px;
  }
  .trx-column-wrp h1, .trx-column-wrp h2, .trx-column-wrp h3, .trx-column-wrp h4, .trx-column-wrp h5, .trx-column-wrp h6, .trx-column-wrp ul, .trx-column-wrp ul li {
    text-align: left;
  }
  .trx-column-wrp p {
    text-align: left;
  }
  .trx-column-wrp p img {
    display: block;
    margin: 0 auto;
  }
  /*
  カラム分割700対応
  340,220,60
  カラム分割940対応
  460,220,140,60
  */
  /*60-380*/
  .trx-column-wrp.trx-column-60 > div,
  .trx-column-wrp .trx-column-60 {
    margin-right: 10px;
    margin-left: 10px;
  }
  .trx-column-wrp.trx-column-140 > div,
  .trx-column-wrp .trx-column-140 {
    margin-right: 10px;
    margin-left: 10px;
  }
  .trx-column-wrp.trx-column-220 > div,
  .trx-column-wrp .trx-column-220 {
    margin-right: 10px;
    margin-left: 10px;
  }
  .trx-column-wrp.trx-column-300 > div,
  .trx-column-wrp .trx-column-300 {
    margin-right: 10px;
    margin-left: 10px;
  }
  .trx-column-wrp.trx-column-380 > div,
  .trx-column-wrp .trx-column-380 {
    margin-right: 10px;
    margin-left: 10px;
  }
  /*700-940*/
  .trx-column-wrp.trx-column-460 > div,
  .trx-column-wrp .trx-column-460 {
    width: 100%;
    margin-right: 0;
  }
  .trx-column-wrp.trx-column-460 > div img,
  .trx-column-wrp .trx-column-460 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-column-wrp.trx-column-460 div:first-child {
    padding-top: 0 !important;
  }
  .trx-column-wrp.trx-column-540 > div,
  .trx-column-wrp .trx-column-540 {
    width: 100%;
    margin-right: 0;
  }
  .trx-column-wrp.trx-column-540 > div img,
  .trx-column-wrp .trx-column-540 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-column-wrp.trx-column-540 div:first-child {
    padding-top: 0 !important;
  }
  .trx-column-wrp.trx-column-620 > div,
  .trx-column-wrp .trx-column-620 {
    width: 100%;
    margin-right: 0;
  }
  .trx-column-wrp.trx-column-620 > div img,
  .trx-column-wrp .trx-column-620 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-column-wrp.trx-column-620 div:first-child {
    padding-top: 0 !important;
  }
  .trx-column-wrp.trx-column-700 > div,
  .trx-column-wrp .trx-column-700 {
    width: 100%;
    margin-right: 0;
  }
  .trx-column-wrp.trx-column-700 > div img,
  .trx-column-wrp .trx-column-700 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-column-wrp.trx-column-700 div:first-child {
    padding-top: 0 !important;
  }
  .trx-column-wrp.trx-column-780 > div,
  .trx-column-wrp .trx-column-780 {
    width: 100%;
    margin-right: 0;
  }
  .trx-column-wrp.trx-column-780 > div img,
  .trx-column-wrp .trx-column-780 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-column-wrp.trx-column-780 div:first-child {
    padding-top: 0 !important;
  }
  .trx-column-wrp.trx-column-860 > div,
  .trx-column-wrp .trx-column-860 {
    width: 100%;
    margin-right: 0;
  }
  .trx-column-wrp.trx-column-860 > div img,
  .trx-column-wrp .trx-column-860 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-column-wrp.trx-column-860 div:first-child {
    padding-top: 0 !important;
  }
  .trx-column-wrp.trx-column-940 > div,
  .trx-column-wrp .trx-column-940 {
    width: 100%;
    margin-right: 0;
  }
  .trx-column-wrp.trx-column-940 > div img,
  .trx-column-wrp .trx-column-940 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-column-wrp.trx-column-940 div:first-child {
    padding-top: 0 !important;
  }
  .trx-column-wrp.trx-column-160 > div,
  .trx-column-wrp .trx-column-160,
  .trx-column-wrp.trx-column-340 > div,
  .trx-column-wrp .trx-column-340 {
    margin-right: 10px;
    margin-left: 10px;
  }
  .trx-column-wrp.trx-column-520 > div,
  .trx-column-wrp .trx-column-520,
  .trx-column-wrp.trx-column-620 > div,
  .trx-column-wrp .trx-column-620 {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .trx-column-wrp.trx-column-520 > div img,
  .trx-column-wrp .trx-column-520 img,
  .trx-column-wrp.trx-column-620 > div img,
  .trx-column-wrp .trx-column-620 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-box {
    margin: 2em 0 0;
    padding: 10px 10px;
  }
  .trx-box .trx-column-wrp:first-child {
    padding: 0;
  }
  .trx-box .trx-column-wrp {
    padding: 20px 0 0;
  }
  .trx-box .trx-column-wrp.trx-column-190 > div,
  .trx-box .trx-column-wrp .trx-column-190 {
    margin-right: 12px;
    margin-left: 12px;
  }
  .trx-box .trx-column-wrp.trx-column-262 > div,
  .trx-box .trx-column-wrp .trx-column-262 {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
  }
  .trx-box .trx-column-wrp.trx-column-300 > div,
  .trx-box .trx-column-wrp .trx-column-300 {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
  }
  .trx-box .trx-column-wrp.trx-column-420 > div,
  .trx-box .trx-column-wrp .trx-column-420 {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
  }
  /*テーブル*/
  /*library override*/
  .table-responsive {
    border: 1px solid #ddd !important;
  }
  .table-responsive caption {
    text-align: left !important;
  }
  .table-responsive2 th, .table-responsive2 td {
    display: block;
  }
  .trx-table caption {
    padding: 0.5em;
  }
  /*幅*/
  .trx-w10per {
    width: 80%;
  }
  .table-responsive2 .trx-w10per {
    width: auto;
  }
  .trx-w15per {
    width: 80%;
  }
  .table-responsive2 .trx-w15per {
    width: auto;
  }
  .trx-w20per {
    width: 80%;
  }
  .table-responsive2 .trx-w20per {
    width: auto;
  }
  .trx-w25per {
    width: 80%;
  }
  .table-responsive2 .trx-w25per {
    width: auto;
  }
  .trx-w30per {
    width: 80%;
  }
  .table-responsive2 .trx-w30per {
    width: auto;
  }
  .trx-w35per {
    width: 80%;
  }
  .table-responsive2 .trx-w35per {
    width: auto;
  }
  .trx-w40per {
    width: 80%;
  }
  .table-responsive2 .trx-w40per {
    width: auto;
  }
  .trx-w45per {
    width: 80%;
  }
  .table-responsive2 .trx-w45per {
    width: auto;
  }
  .trx-w50per {
    width: 80%;
  }
  .table-responsive2 .trx-w50per {
    width: auto;
  }
  .trx-w350 {
    width: 100%;
  }
  .trx-w350 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w360 {
    width: 100%;
  }
  .trx-w360 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w370 {
    width: 100%;
  }
  .trx-w370 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w380 {
    width: 100%;
  }
  .trx-w380 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w390 {
    width: 100%;
  }
  .trx-w390 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w400 {
    width: 100%;
  }
  .trx-w400 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w410 {
    width: 100%;
  }
  .trx-w410 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w420 {
    width: 100%;
  }
  .trx-w420 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w430 {
    width: 100%;
  }
  .trx-w430 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w440 {
    width: 100%;
  }
  .trx-w440 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w450 {
    width: 100%;
  }
  .trx-w450 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w460 {
    width: 100%;
  }
  .trx-w460 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w470 {
    width: 100%;
  }
  .trx-w470 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  /*ステップ*/
  .trx-stepBar li {
    height: auto;
    line-height: 1.3;
    border: none;
    background: none;
    text-align: left;
  }
  .trx-stepBar li.trx-active {
    background-color: none;
  }
  .trx-stepBar li.trx-first span.trx-before {
    border: none;
  }
  .trx-stepBar li.trx-active span.trx-after {
    border-color: transparent transparent transparent #e8eff1;
  }
  .trx-stepBar li span.trx-before {
    width: 0;
    height: 0;
    border: none;
  }
  .trx-stepBar li span.trx-before.trx-l-before {
    right: -12px;
    left: auto;
  }
  .trx-stepBar li span.trx-after {
    width: 0;
    height: 0;
    border: none;
  }
  .trx-stepBar .trx-w10per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w15per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w20per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w25per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w30per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w35per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w40per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w45per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w50per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w55per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w60per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w65per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w70per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w75per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w80per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w85per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w90per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w95per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w100per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
  .trx-stepBar .trx-w105per, .trx-stepBar .trx-w33per {
    width: 100%;
  }
}

@media screen and (min-width: 0) and (max-width: 480px) {
  .trx-inner-link {
    margin: 15px -15px 0;
  }
  .trx-inner-link ul li {
    width: 45%;
  }
  .trx-inner-link ul li a {
    font-size: 12px;
    line-height: 1.5;
  }
  .trx-inner-link ul.trx-il-2 li {
    display: block;
    width: auto;
  }
  .trx-inner-link ul.trx-il-3 li {
    display: block;
    width: auto;
  }
  .trx-box .trx-column-wrp.trx-column-190 > div,
  .trx-box .trx-column-wrp .trx-column-190 {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
  }
  /*
  カラム分割700対応
  340,220,60
  カラム分割940対応
  460,220,140,60
  */
  .trx-column-wrp.trx-column-300 > div,
  .trx-column-wrp .trx-column-300 {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .trx-column-wrp.trx-column-300 > div img,
  .trx-column-wrp .trx-column-300 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-column-wrp.trx-column-300 div:first-child {
    padding-top: 0 !important;
  }
  .trx-column-wrp.trx-column-380 > div,
  .trx-column-wrp .trx-column-380 {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .trx-column-wrp.trx-column-380 > div img,
  .trx-column-wrp .trx-column-380 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-column-wrp.trx-column-380 div:first-child {
    padding-top: 0 !important;
  }
  .trx-w160 {
    width: 100%;
  }
  .trx-w160 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w170 {
    width: 100%;
  }
  .trx-w170 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w180 {
    width: 100%;
  }
  .trx-w180 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w190 {
    width: 100%;
  }
  .trx-w190 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w200 {
    width: 100%;
  }
  .trx-w200 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w210 {
    width: 100%;
  }
  .trx-w210 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w220 {
    width: 100%;
  }
  .trx-w220 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w230 {
    width: 100%;
  }
  .trx-w230 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-w240 {
    width: 100%;
  }
  .trx-w240 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
  .trx-column-wrp.trx-column-340 > div,
  .trx-column-wrp .trx-column-340 {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .trx-column-wrp.trx-column-340 > div img,
  .trx-column-wrp .trx-column-340 img {
    max-width: 100%;
    height: auto;
    width/***/: auto;
  }
}