@charset "UTF-8";
@import url(reset.css);
body {
  color: #333333;
  background-color: #E9E9CD; }
  body:before {
    display: block;
    content: '';
    height: 4px;
    background-color: #1B3684; }

.header {
  position: relative;
  width: 1350px;
  margin: 0 auto;
  background-color: #A6E4F9; }
  .header img {
    max-width: 100%; }
  @media screen and (max-width: 1025px) {
    .header {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 340px; } }
  @media screen and (max-width: 769px) {
    .header {
      height: 374px; } }
  @media screen and (max-width: 667px) {
    .header {
      height: auto; } }

.header-title {
  position: absolute;
  left: 120px;
  top: 65px; }
  @media screen and (max-width: 1025px) {
    .header-title {
      left: 30px;
      top: 65px; } }
  @media screen and (max-width: 769px) {
    .header-title {
      left: 15px;
      top: 30px; } }
  @media screen and (max-width: 667px) {
    .header-title {
      position: static;
      text-align: center;
      padding-top: 50px;
      margin-bottom: 15px; } }
  @media screen and (max-width: 480px) {
    .header-title {
      padding-left: 15px;
      padding-right: 15px; } }

.header-lead {
  position: absolute;
  left: 120px;
  top: 110px; }
  @media screen and (max-width: 1025px) {
    .header-lead {
      left: 30px; } }
  @media screen and (max-width: 769px) {
    .header-lead {
      left: 15px;
      top: 70px; } }
  @media screen and (max-width: 667px) {
    .header-lead {
      position: static;
      text-align: center;
      margin-bottom: 30px; } }
  @media screen and (max-width: 480px) {
    .header-lead {
      margin-bottom: 20px; } }

.tel {
  position: absolute;
  right: 120px;
  top: 65px; }
  @media screen and (max-width: 769px) {
    .tel {
      right: 30px;
      top: 65px; } }
  @media screen and (max-width: 667px) {
    .tel {
      position: static;
      text-align: center;
      margin-bottom: 30px; } }
  @media screen and (max-width: 480px) {
    .tel {
      margin-bottom: 25px; } }

.header-list {
  position: absolute;
  right: 190px;
  top: 130px;
  font-size: 22px;
  line-height: 200%; }
  @media screen and (max-width: 1025px) {
    .header-list {
      font-size: 18px;
      right: 80px;
      top: 130px; } }
  @media screen and (max-width: 769px) {
    .header-list {
      font-size: 16px;
      right: 20px;
      top: 130px; } }
  @media screen and (max-width: 667px) {
    .header-list {
      position: static;
      margin: 0 auto;
      font-size: 20px;
      width: 550px;
      line-height: 180%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }
  @media screen and (max-width: 480px) {
    .header-list {
      width: 95%;
      font-size: 16px; } }
  .header-list li {
    padding-left: 25px;
    background-image: url(../img/head/check.png);
    background-repeat: no-repeat;
    background-position: left top 10px; }
    @media screen and (max-width: 769px) {
      .header-list li {
        margin-bottom: 10px; } }
    @media screen and (max-width: 667px) {
      .header-list li {
        margin-bottom: 10px;
        background-position: left top 5px; } }

.head-menu {
  position: absolute;
  width: 600px;
  background-color: rgba(0, 51, 102, 0.9);
  top: 0;
  right: 1%; }
  @media screen and (max-width: 769px) {
    .head-menu {
      display: none; } }
  .head-menu:after {
    display: block;
    content: '';
    clear: both; }
  .head-menu li {
    position: relative;
    float: left;
    text-align: center;
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px dotted #ffffff; }
    .head-menu li a {
      display: block;
      padding: 5px;
      color: #ffffff; }
    .head-menu li:hover > a {
      background: #2489BC; }
    .head-menu li:hover {
      background: #2489BC; }
    .head-menu li:hover ul {
      width: 100%; }
    .head-menu li:hover ul li {
      overflow: visible;
      height: 30px; }
    .head-menu li ul {
      position: absolute;
      top: 100%;
      left: 0;
      margin: 0;
      padding: 0;
      overflow: hidden;
      width: 0;
      transition: .5s; }
      .head-menu li ul li {
        overflow: hidden;
        height: 0;
        transition: .2s;
        width: 100%; }
        .head-menu li ul li a {
          border-top: 1px dotted #ffffff;
          background: #2489BC;
          text-align: left;
          padding-left: 15px; }
          .head-menu li ul li a:hover {
            background-color: #35ADD4; }

.main-visual {
  margin: 0 auto;
  text-align: center; }
  @media screen and (max-width: 1023px) {
    .main-visual {
      padding-top: 4%; } }
  @media screen and (max-width: 925px) {
    .main-visual {
      padding-top: 5%; } }
  @media screen and (max-width: 855px) {
    .main-visual {
      padding-top: 8%; } }
  @media screen and (max-width: 805px) {
    .main-visual {
      padding-top: 9%; } }
  @media screen and (max-width: 769px) {
    .main-visual {
      overflow: hidden;
      height: 200px;
      padding-top: 175px; } }
  @media screen and (max-width: 667px) {
    .main-visual {
      overflow: hidden;
      height: 200px;
      padding-top: 0px; } }
  @media screen and (max-width: 480px) {
    .main-visual {
      height: 180px; } }
  @media screen and (max-width: 1025px) {
    .main-visual img {
      margin-top: 70px; } }
  @media screen and (max-width: 769px) {
    .main-visual img {
      max-width: none;
      width: 1000px;
      margin-top: -65px;
      margin-left: -80px; } }
  @media screen and (max-width: 667px) {
    .main-visual img {
      max-width: none;
      width: 1200px;
      margin-top: -120px; } }
  @media screen and (max-width: 480px) {
    .main-visual img {
      margin-top: -113px; } }
  @media screen and (max-width: 480px) {
    .main-visual img {
      width: 1100px;
      margin-left: -90px; } }

.fixed {
  position: fixed;
  top: 0;
  width: 100%; }
  @media screen and (max-width: 667px) {
    .fixed {
      position: static; } }

/* -------------------
 
---------------------- */
#head-menu {
  position: absolute;
  top: 0;
  right: 0; }

/* -------------------
 
---------------------- */
#front-menu {
  width: 100%;
  background-color: #727249;
  margin-bottom: 10px; }

.dropmenu {
  margin: 0 auto;
  width: 1350px; }
  @media screen and (max-width: 1025px) {
    .dropmenu {
      width: 100%; } }
  .dropmenu:after {
    display: block;
    content: '';
    clear: both; }
  .dropmenu li {
    position: relative;
    float: left;
    height: 60px;
    width: 20%;
    margin: 0;
    padding: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px dotted #ffffff; }
    .dropmenu li:last-of-type {
      border-right: 1px dotted #ffffff; }
    .dropmenu li a {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      height: 100%;
      margin: 0;
      color: #ffffff;
      font-size: 14px;
      flex-direction: column;
      flex-wrap: wrap; }
      .dropmenu li a:hover {
        background: #EA2100;
        transition: 1.2s; }
      .dropmenu li a:hover > a {
        background: #EA2100; }
      .dropmenu li a span {
        width: 100%;
        line-height: 120%;
        padding: 5px; }
        @media screen and (max-width: 667px) {
          .dropmenu li a span {
            line-height: 160%; } }
      .dropmenu li a q {
        width: 100%;
        line-height: 100%; }
    .dropmenu li ul {
      list-style: none;
      position: absolute;
      top: 100%;
      left: 0;
      margin: 0;
      padding: 0;
      width: 100%; }
      @media screen and (max-width: 1025px) {
        .dropmenu li ul {
          display: none; } }
      .dropmenu li ul li {
        float: none;
        width: 100%;
        background-color: #1B3684;
        border-top: 1px dotted #ffffff;
        height: 30px;
        font-size: 12px; }
        .dropmenu li ul li a {
          align-items: center;
          justify-content: flex-start;
          padding-left: 25px;
          font-weight: normal; }
          .dropmenu li ul li a:hover {
            background: #EA2100;
            transition: 0.5s; }
          .dropmenu li ul li a:hover > a {
            background: #EA2100; }

#fade-in {
  position: relative;
  z-index: 6; }

#fade-in li ul {
  opacity: 0;
  visibility: hidden;
  transition: .5s; }

#fade-in li:hover ul {
  visibility: visible;
  opacity: 1; }

main {
  margin: 0 auto;
  width: 1350px; }
  main:after {
    display: block;
    content: '';
    clear: both; }
  @media screen and (max-width: 1025px) {
    main {
      width: auto; } }

.side-menu {
  float: left;
  width: 30%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100vh; }
  .side-menu:after {
    display: block;
    content: '';
    clear: both; }
  @media screen and (max-width: 667px) {
    .side-menu {
      float: none;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: auto; } }

.qa-title {
  font-size: 25px;
  text-align: center;
  margin-top: 35px;
  margin-bottom: 5px;
  color: #DF5468;
  font-weight: bold; }

.qa-list {
  max-width: 320px;
  float: right;
  margin-right: 25px;
  font-size: 18px; }
  .qa-list:after {
    display: block;
    content: '';
    clear: both; }
  @media screen and (max-width: 667px) {
    .qa-list {
      float: none;
      max-width: none;
      margin: 0 auto;
      margin-left: 10px;
      margin-bottom: 40px; } }
  .qa-list li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 17px; }
    .qa-list li:before {
      display: block;
      content: '';
      position: absolute;
      top: 5px;
      left: 0;
      margin: auto;
      width: 10px;
      height: 10px;
      background-color: #DF5468;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      border: 1px solid #d9d9d9; }
    .qa-list li:after {
      position: absolute;
      top: 8px;
      left: 1px;
      margin: auto;
      display: block;
      content: '';
      width: 0;
      height: 0;
      border-bottom: 6px solid #ffffff;
      border-left: 6px solid transparent;
      transform: rotate(-45deg); }

.thumnail {
  color: #000080;
  cursor: pointer; }
  .thumnail:active {
    color: #FF9900; }
  .thumnail:hover {
    color: #FF9900; }

.main-contents {
  float: right;
  width: 70%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #F7F7EF;
  padding: 25px;
  padding-left: 30px; }
  .main-contents:after {
    display: block;
    content: '';
    clear: both; }
  @media screen and (max-width: 667px) {
    .main-contents {
      float: none;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px; } }

.main-section {
  max-width: 900px; }

.top-contents-title {
  font-size: 26px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  letter-spacing: 2px;
  border-bottom: 4px solid #1B3684;
  line-height: 50px;
  margin-bottom: 25px; }
  @media screen and (max-width: 667px) {
    .top-contents-title {
      font-size: 20px;
      line-height: 30px; } }

/* ------ */
.service-info {
  max-width: 900px; }
  .service-info:after {
    display: block;
    content: '';
    clear: both; }

.service-info-flex {
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .service-info-flex a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 48%;
    padding: 2%;
    margin-bottom: 4%;
    border: 1px solid #BFBFBF;
    background-color: #F2F2F2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #333333; }
    .service-info-flex a:hover {
      background: -moz-linear-gradient(left, #E4E7E4 0%, #ffffff 50%, #E4E7E4 100%);
      /* FF3.6+ */
      background: -ms-linear-gradient(left, #E4E7E4 0%, #ffffff 50%, #E4E7E4 100%);
      /* IE10+ */
      background: -o-linear-gradient(left, #E4E7E4 0%, #ffffff 50%, #E4E7E4 100%);
      /* Opera 11.10+ */
      background: linear-gradient(to right, #E4E7E4 0%, #ffffff 50%, #E4E7E4 100%);
      /* W3C */ }

/* ------ */
.fade {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out; }

.fade:hover {
  opacity: 0.4;
  filter: alpha(opacity=60); }

.service-info-detail img {
  width: 100%;
  margin-bottom: 15px; }

.service-info-title {
  font-size: 23px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  margin-bottom: 2%; }

.page-sub-title {
  background: -moz-linear-gradient(top, #EBEBEB 0%, #FCFCF9 50%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #EBEBEB 0%, #FCFCF9 50%);
  /* IE10+ */
  background: -o-linear-gradient(top, #EBEBEB 0%, #FCFCF9 50%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #EBEBEB 0%, #FCFCF9 50%);
  /* W3C */
  border-bottom: 2px solid #CECECE;
  color: #252525;
  padding: 10px;
  padding-left: 50px;
  margin-bottom: 25px;
  position: relative;
  font-size: 22px; }
  .page-sub-title:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    margin: auto;
    width: 23px;
    height: 23px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 6px solid #A2669E; }

.page-text {
  line-height: 190%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px; }

.will-table table th {
  width: 25%;
  padding: 15px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #BFBFBF;
  background: #F2F2F2; }
.will-table table td {
  width: 25%;
  padding: 15px;
  text-align: left;
  vertical-align: top;
  border: 1px solid #BFBFBF;
  background: #f6f6f6; }
.will-table table .will-first-line {
  background-color: #6D97D5;
  color: #ffffff; }

.will-list {
  margin-left: -5px; }
  .will-list li {
    padding-left: 20px;
    text-indent: -18px;
    margin-bottom: 10px; }

.bunkatu-list {
  padding: 20px;
  width: 90%;
  margin: 0 auto;
  background-color: #F2F2F2;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  border: 1px solid #B3B3B3; }
  .bunkatu-list li {
    position: relative;
    padding-left: 20px; }
    .bunkatu-list li:first-of-type {
      margin-bottom: 25px; }
    .bunkatu-list li:before {
      display: block;
      content: '';
      width: 10px;
      height: 5px;
      position: absolute;
      top: 7px;
      left: 0;
      margin: auto;
      background-color: #A2669E; }
    .bunkatu-list li:after {
      display: block;
      content: '';
      clear: both;
      width: 0;
      height: 0;
      position: absolute;
      top: 4px;
      left: 4px;
      margin: auto;
      border-bottom: 10px solid #A2669E;
      border-left: 10px solid transparent;
      transform: rotate(-45deg); }

.calc-title {
  font-size: 20px;
  background-color: #E6E6E6;
  padding: 5px;
  padding-left: 20px;
  margin-bottom: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.calc-list {
  width: 95%;
  margin: 0 auto; }
  .calc-list dt {
    padding-left: 25px;
    margin-bottom: 15px;
    font-size: 17px;
    position: relative; }
    .calc-list dt:before {
      display: block;
      content: '';
      width: 10px;
      height: 5px;
      position: absolute;
      top: 9px;
      left: 0;
      margin: auto;
      background-color: #A2669E; }
    .calc-list dt:after {
      display: block;
      content: '';
      clear: both;
      width: 0;
      height: 0;
      position: absolute;
      top: 6px;
      left: 4px;
      margin: auto;
      border-bottom: 10px solid #A2669E;
      border-left: 10px solid transparent;
      transform: rotate(-45deg); }
  .calc-list dd {
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #F2F2F2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    border: 1px solid #B3B3B3; }

.atention-list {
  width: 93%;
  margin: 0 auto; }
  .atention-list li {
    position: relative;
    padding-left: 15px; }
    .atention-list li:before {
      display: block;
      content: '';
      width: 6px;
      height: 6px;
      position: absolute;
      top: 5px;
      left: 0;
      margin: auto;
      background-color: #FF9900;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      border: 1px solid #d9d9d9; }

.sougaku-list {
  width: 95%;
  margin: 0 auto;
  margin-bottom: 30px;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #F2F2F2;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  border: 1px solid #B3B3B3; }
  @media screen and (max-width: 480px) {
    .sougaku-list {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 10px;
      padding: 4px;
      padding-top: 10px;
      padding-bottom: 10px; } }
  .sougaku-list .sougaku-item {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px;
    padding: 5px; }
  .sougaku-list .sougaku02-item:first-of-type {
    border-bottom: 1px solid #A6A6A6; }

/* -------------------
 
---------------------- */
.devise-list .devise-title {
  margin-bottom: 10px;
  margin-left: -10px;
  color: #1B3684; }
.devise-list .devise-detail {
  margin-bottom: 25px;
  margin-left: 30px; }

.devise-detail-list {
  margin-bottom: 25px;
  margin-left: 30px; }
  .devise-detail-list li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px; }
    .devise-detail-list li:before {
      display: block;
      content: '';
      position: absolute;
      top: 5px;
      left: 0;
      margin: auto;
      width: 6px;
      height: 6px;
      background-color: #FF9900;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      border: 1px solid #d9d9d9; }

/* ------ */
.life-list .life-title {
  margin-bottom: 10px;
  margin-left: -15px;
  color: #1B3684; }
.life-list .life-detail {
  margin-bottom: 25px;
  margin-left: 20px; }

/* ------ */
.land-table {
  width: 100%; }
  .land-table th {
    width: 120px;
    padding: 15px;
    text-align: left;
    vertical-align: middle;
    background-color: #E6E6E6;
    border: 1px solid #BFBFBF; }
  .land-table td {
    padding: 15px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #BFBFBF; }

/* ------ */
.calc-list02 {
  width: 95%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto; }
  .calc-list02 dt {
    padding-left: 25px;
    margin-bottom: 15px;
    font-size: 17px;
    position: relative; }
    .calc-list02 dt:before {
      display: block;
      content: '';
      width: 10px;
      height: 5px;
      position: absolute;
      top: 9px;
      left: 0;
      margin: auto;
      background-color: #A2669E; }
    .calc-list02 dt:after {
      display: block;
      content: '';
      clear: both;
      width: 0;
      height: 0;
      position: absolute;
      top: 6px;
      left: 4px;
      margin: auto;
      border-bottom: 10px solid #A2669E;
      border-left: 10px solid transparent;
      transform: rotate(-45deg); }
  .calc-list02 dd {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px; }
  .calc-list02 .moutan-text {
    border: 1px solid #BFBFBF;
    width: 95%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    background-color: #E6E6E6; }

/* ------ */
.flow-list {
  max-width: 180px;
  margin-left: 20px; }
  .flow-list li {
    position: relative;
    margin-bottom: 15px; }
    .flow-list li:after {
      display: block;
      content: '';
      clear: both;
      margin-left: 65px;
      width: 0;
      height: 0;
      border-bottom: 20px solid #FF9900;
      border-left: 20px solid transparent;
      transform: rotate(45deg); }
    .flow-list li:last-of-type:after {
      display: none; }

/* ------ */
.required-list .required-item01 {
  margin-bottom: 5px;
  color: #1B3684; }
.required-list .required-item02 {
  position: relative;
  padding-left: 15px;
  margin-left: 20px; }
  .required-list .required-item02:before {
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    background-color: #FF9900;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #d9d9d9;
    position: absolute;
    top: 5px;
    left: 0; }

/* ------ */
.reduce-list {
  margin-top: 10px;
  margin-left: 25px; }
  .reduce-list:after {
    display: block;
    content: '';
    clear: both; }
  .reduce-list li {
    width: 50%;
    position: relative;
    padding-left: 15px; }
    .reduce-list li:before {
      display: block;
      content: '';
      position: absolute;
      top: 5px;
      left: 0;
      margin: auto;
      width: 6px;
      height: 6px;
      background-color: #FF9900;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }

.release-list {
  margin: 0 auto;
  width: 300px; }
  .release-list li {
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    padding: 15px;
    margin-bottom: 35px;
    position: relative;
    background-color: #E6E6E6; }
    .release-list li:after {
      display: block;
      content: '';
      clear: both;
      width: 0;
      height: 0;
      position: absolute;
      right: 0;
      bottom: -20px;
      left: 0;
      margin: auto;
      margin: 0 auto;
      border-bottom: 25px solid #FF9900;
      border-left: 25px solid transparent;
      transform: rotate(45deg); }
    .release-list li:last-of-type:after {
      display: none;
      content: '';
      clear: both; }

.qa-sub-title {
  width: 95%;
  margin: 0 auto;
  margin-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: -moz-linear-gradient(left, #0E2113 0%, #29604B 50%, #0E2113 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(left, #0E2113 0%, #29604B 50%, #0E2113 100%);
  /* IE10+ */
  background: -o-linear-gradient(left, #0E2113 0%, #29604B 50%, #0E2113 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to right, #0E2113 0%, #29604B 50%, #0E2113 100%);
  /* W3C */
  border: 5px solid #5B3408;
  color: #ffffff;
  font-size: 20px; }
  .qa-sub-title:first-letter {
    font-size: 45px;
    padding-right: 10px; }

.qa-box {
  width: 95%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #F2F2F2;
  border: 1px solid #B3B3B3;
  padding: 25px; }

.qa-text {
  font-size: 20px;
  font-weight: bold;
  padding-left: 5px;
  margin-bottom: 20px; }
  .qa-text:first-letter {
    font-size: 45px;
    padding-right: 10px;
    color: #DE5448; }

.qa-text02 {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 180%; }

.qa-ph {
  float: right; }

.qa-list02 {
  width: 98%;
  margin: 0 auto; }
  .qa-list02 dt {
    font-size: 16px;
    color: #003366;
    font-weight: bold;
    padding-left: 20px;
    margin-bottom: 15px;
    font-size: 17px;
    position: relative; }
    .qa-list02 dt:before {
      display: block;
      content: '';
      width: 10px;
      height: 10px;
      position: absolute;
      top: 5px;
      left: 0;
      margin: auto;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      border: 2px solid #003366; }
  .qa-list02 dd {
    line-height: 180%;
    margin-bottom: 30px; }

.qa-text-large {
  font-size: 20px; }

/* ------ */
.flow-list02 {
  width: 550px;
  margin: 0 auto; }
  @media screen and (max-width: 1025px) {
    .flow-list02 {
      width: 98%; } }
  .flow-list02 li {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    padding: 15px;
    margin-bottom: 35px;
    position: relative;
    background-color: #E6E6E6; }
    .flow-list02 li:first-line {
      font-weight: bold;
      font-size: 15px;
      color: #A2669E; }
    .flow-list02 li:after {
      display: block;
      content: '';
      clear: both;
      width: 0;
      height: 0;
      position: absolute;
      right: 0;
      bottom: -20px;
      left: 0;
      margin: auto;
      margin: 0 auto;
      border-bottom: 25px solid #FF9900;
      border-left: 25px solid transparent;
      transform: rotate(45deg); }
    .flow-list02 li:last-of-type:after {
      display: none;
      content: '';
      clear: both; }

.firm-list {
  margin-top: 15px;
  overflow: hidden;
  zoom: 1;
  font-size: 17px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .firm-list dt {
    float: left;
    width: 15%;
    padding: 15px;
    margin-bottom: 5px;
    clear: both; }
    @media screen and (max-width: 667px) {
      .firm-list dt {
        width: 20%; } }
    @media screen and (max-width: 480px) {
      .firm-list dt {
        float: none;
        width: auto;
        background-color: #E6E6E6; } }
  .firm-list dd {
    border-bottom: 1px dotted #4D4D4D;
    padding: 15px;
    padding-left: 160px;
    margin-bottom: 10px; }
    @media screen and (max-width: 480px) {
      .firm-list dd {
        padding: 15px;
        border-bottom: 1px solid #ffffff; } }

.map {
  position: relative;
  padding-bottom: 50%; }
  .map iframe {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%; }

.form {
  margin-top: 25px; }
  .form th {
    width: 180px;
    padding: 15px;
    text-align: left;
    vertical-align: middle;
    color: #fff;
    border: 1px solid #D9D9D9;
    background: #7a7050; }
    @media screen and (max-width: 480px) {
      .form th {
        display: block;
        width: auto;
        background-color: #A6A6A6; } }
  .form td {
    padding: 15px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #D9D9D9;
    background: #F2F2F2; }
    @media screen and (max-width: 480px) {
      .form td {
        display: block;
        width: auto; } }

@media screen and (max-width: 667px) {
  input {
    width: 95%; }

  TEXTAREA {
    width: 95%; }

  input.reigai {
    width: 10%;
    vertical-align: middle; }

  input.bt {
    margin-bottom: 5px;
    width: 70%;
    margin-left: 25px;
    padding: 5px; } }
.button {
  text-align: center;
  margin-bottom: 40px; }
  .button input {
    margin-left: 20px;
    width: 15%; }

footer {
  width: 1350px;
  background-color: #505030;
  margin: 0 auto; }
  @media screen and (max-width: 1025px) {
    footer {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background-color: #505030; } }
  @media screen and (max-width: 480px) {
    footer .footer-menu {
      display: none; } }
  footer .nav-list li {
    height: 45px; }
  footer p {
    text-align: center;
    color: #ffffff;
    padding: 5px;
    background-color: #505030; }

.mb20 {
  margin-bottom: 20px; }

.mb40 {
  margin-bottom: 40px; }
  @media screen and (max-width: 667px) {
    .mb40 {
      margin-bottom: 25px; } }

.mb50 {
  margin-bottom: 50px; }
  @media screen and (max-width: 667px) {
    .mb50 {
      margin-bottom: 35px; } }

.mb60 {
  margin-bottom: 70px; }
  @media screen and (max-width: 667px) {
    .mb60 {
      margin-bottom: 45px; } }

.mb70 {
  margin-bottom: 70px; }
  @media screen and (max-width: 667px) {
    .mb70 {
      margin-bottom: 45px; } }

.mb90 {
  margin-bottom: 90px; }
  @media screen and (max-width: 667px) {
    .mb90 {
      margin-bottom: 50px; } }

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