@charset "SHIFT_JIS";

/* ==========================================================
 html5 elements
========================================================== */
article, aside, figure, figcaption, footer, header, nav, section
{ display: block;}
/* ==========================================================
 reseting
========================================================== */
html,body{
  min-width:980px; /* 20180522 */
}

body {
  line-height: 1.6;
  color: #2F2F2F;
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
  min-width:942px; /* 20180522 */
}
@media screen and (max-width: 767px){
  html,body { min-width: 1px; } /* 20180522 */
}
body, input, textarea, select, button {
  font-family: "メイリオ", "Meiryo",  "Hiragino Kaku Gothic Pro-W3", "ヒラギノ角ゴ Pro-W3", sans-serif;
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
input, textarea, select
{ /*-webkit-appearance: none;*/}
textarea
{ resize: none;}
button
{ border: none; overflow: visible; background: none; vertical-align: top;  font-size: 100%; color: inherit; cursor: pointer; -webkit-appearance: none;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ height: auto; vertical-align: top;}
address, caption, code, em, th
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6, strong, em
{ font-size: 100%; font-weight: normal;}
a, input
{/* outline: none; -webkit-tap-highlight-color:rgba(0,0,0,0);*/}
sup, sub
{ font-size: 63%;}
sup
{ vertical-align: top;}
sub
{ vertical-align: baseline;}
*
{ box-sizing: border-box; -webkit-box-sizing: border-box;}
/* ==========================================================
 base Link
========================================================== */
a {
  color: #008934;
  text-decoration: none;
}
a:visited {}
a:hover,
a:active,
a:focus { text-decoration: none;}
/* ==========================================================
 clearfix
========================================================== */
.clearfix:before, .clearfix:after,
.contents:before, .contents:after
{
  content: "";
  display: table;
}
.clearfix:after,
.contents:after
{
  clear: both;
}
/* For IE 6/7
---------------------------------------------------------- */
.clearfix,
.contents
{
  *zoom: 1;
}
/* ==========================================================
 layout
========================================================== */
html { overflow-y: scroll;}
body { text-align: center;}
/* ==========================================================
 wrapper
========================================================== */
.wrapper {
  width: 100%;
}
/* ==========================================================
 header
========================================================== */
.header {
  width: 100%;
}
  .header-in {
    width: 942px; /* 20180522 */
    /*max-width: 942px;*/ /* 20180522 */
    margin: 0 auto;
    text-align: left;
    border-bottom: 1px solid #CCCCCC;
  }
  @media screen and (max-width: 767px){
    .header-in { 
      width: 100%;
      position: fixed;
      top: 0;
      z-index: 50;
      background: #fff;
      border-bottom: 2px solid#B9E0CB; 
    }
  }
  .header-in::after{
    content: '';
    width: 100%;
    display: table;
  }
  .header-logo {
    width: 146px;
    height: 87px;
    margin-left: 9px;
    position: relative;
    display: block;
    float: left;
  }
  @media screen and (max-width: 767px){
    .header-logo {
      height: 53px;
      margin-left: 10px;
    }
    .header-logo img {
      height: 24px;
    }
  }
  .header-logo > img{
    display: inline-block;
    padding: 12px 0 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
  }
  @media screen and (max-width: 767px){
    .header-logo > img{
      padding: 0;
      top: 54%;
    }
  }
  .txt-sub-header-01{
    width: 396px;
    height: 87px;
    position: relative;
    display: block;
    float: right;
  }
  .header-request-documents{
    width: 396px;
    height: auto;
    position: relative;
    display: block;
    float: right;
  }
  .local-nav-header-01{
    margin-top: 0px;
    margin-bottom: 15px;
  }
  .local-nav-header-01::after{
    content: '';
    width: 100%;
    display: table;
  }
  .local-nav-header-01 .btn-cmn-03{
    float: right;
    display: block;
    width: auto;
    border: 1px solid #008934;
    text-align: center;
    padding: 7px 15px;
    line-height: 1.2;
    font-size: 18px;
    color: #008934;
  }
  @media screen and (max-width: 767px){
    .txt-sub-header-01{
      width: 101px;
      height: 53px;
      position: absolute;
      left: 50%;
	  margin-top:10px;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
    }
  }
  .txt-sub-header-01 > a > img{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
  }
  @media screen and (max-width: 767px){
    .txt-sub-header-01 > a > img{
      width: 101px;
    position: relative;
    top: inherit;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
  }
  .header-utility {
  }
    .header-search {
    }
    .header-links {
    }
      .header-links li {
      }
/* ==========================================================
 nav-global
========================================================== */
.nav-global {
  width: 100%;
  position: fixed;
  top: 55px;
  left: 0;
  bottom: 0;
  background: #F5F5F5;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;
  transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;
  transition: transform 0.3s ease-in, opacity 0.3s ease-in;
  transition: transform 0.3s ease-in, opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;
  z-index: 50;
}
.nav-global.is-open{
  transform: translateX(0);
}
  .nav-global li {
    padding-left: 15px;
    padding-top: 10px;
  }
    .nav-global li a {
      color: #333333;
    }
    .nav-global li a:hover {
    }
@media screen and (max-width: 767px){
  .sp-menu-01{
    height: 46px;
    float: right;
    margin-top: 5px;
    margin-right: 8px;
  }
  .sp-menu-01 img{
    height: 46px;
  }
}
/* ==========================================================
 nav-local
========================================================== */
.nav-local {
}
  .nav-local li {
  }
    .nav-local li a {
    }
    .nav-local li a:hover {
    }
/* ==========================================================
 nav-breadcrumb
========================================================== */
.nav-breadcrumb {
  width: 942px; /* 20180522 */
  /*max-width: 960px;*/ /* 20180522 */
  overflow: hidden;
  margin: 0 auto;
  text-align: left;
}
  .nav-breadcrumb li {
    float: left;
    white-space: nowrap;
  }
  .nav-breadcrumb li.home {
  }
    .nav-breadcrumb li a {
    }
/* ==========================================================
 contents
========================================================== */
.contents {
  width: 942px; /* 20180522 */
  /*max-width: 942px;*/ /* 20180522 */
  margin: 0 auto 65px;
  text-align: left;
}
.contents.type-01{
  margin: 0 auto 30px;
}
@media screen and (max-width: 767px){
  .contents,
  .contents.type-01{
    width: 100%;
    padding: 20px 10px 0;
    margin: 55px 0 30px;
  }
}
.box-download-pdf{
  text-align: right;
  margin-top: 20px;
}
.box-download-pdf > a{
  width: 322px;
  display: inline-block;
  padding: 5px 0 5px;
  margin-right: 5px;
  border: 1px solid #008934;
  text-align: center;
}
.box-download-pdf > a > span{ padding-left: 10px; }
.contents-main {
  float: right;
  width: 100%;
}
.contents-sub {
  float: left;
  width: 300px;
}
/* ==========================================================
 footer
========================================================== */
.footer {
  position: relative;
  width: 100%;
  background: #E8E8E8;
}
  body.result .footer.btm-space { margin-bottom: 160px }
  .footer-in {
    width: 942px; /* 20180522 */
    /*max-width: 960px;*/ /* 20180522 */
    margin: 0 auto;
    text-align: left;
  }
  @media screen and (max-width: 767px){
    body.result .footer.btm-space { margin-bottom: 186px }
    .footer-in{ width: 100%; }
  }

  .footer-copyright {
    text-align: center;
    padding: 15px 0 15px;
    line-height: 1.5;
  }
  @media screen and (max-width: 767px){
    .footer-copyright { 
      font-size: 10px;
      padding: 35px 0 20px;
    }
  }
/* ==========================================================
 grid
========================================================== */
/* grid-cmn
---------------------------------------------------------- */
.grid-cmn {
}
  .grid-cmn > .col {
  }
/* ==========================================================
 area
========================================================== */
/* area-cmn
---------------------------------------------------------- */
.area-cmn {
}
/* ==========================================================
 section
========================================================== */
/* sec-cmn
---------------------------------------------------------- */
.sec-cmn-01 {
  padding-top: 30px;
  padding-left: 10px;
}
.sec-cmn-01:first-of-type{
  padding-top: 0;
}
@media screen and (max-width: 767px){
  .sec-cmn-01:nth-child(2){
    padding: 0;
  }
}
.sec-cmn-01::after {
  content: '';
  width: 100%;
  display: table;
}
.sec-cmn-02 { padding: 0 5px; }

@media screen and (max-width: 767px) {
  .sec-cmn-02 { padding: 0; }
}

/* section last margin */
section:last-of-type {
  margin-bottom: 0;
}
/* ==========================================================
 box
========================================================== */
/* box-cmn
---------------------------------------------------------- */
.box-cmn-01 {

}
  .box-cmn-01 .image{
    width: 17.17%;
    float: left;
  }
  .box-cmn-01 .content{
    width: 100%;
    float: right;
  }
  @media screen and (max-width: 767px){
    .box-cmn-01 .image,
    .box-cmn-01 .content{
      float: none;
    }
    .box-cmn-01 .image{
      width: auto;
      float: right;
      width: 11.66%;
      text-align: center;
    }
    .box-cmn-01 .image img{ width: 100%;/* height: 104px; */}
    .box-cmn-01 .content{
      width: 100%;
    }
  }
  @media screen and (min-width: 440px) and (max-width: 767px){
    .box-cmn-01 .image img{ max-width: 100%; max-height: 80px; width: auto; }
  }
  .box-cmn-01 .txt-cmn-02{
    margin-bottom: 25px;
  }
  .box-cmn-01 .inner,
  .box-cmn-01 .btn-cmn-02{
    margin-top: 35px;
  }
@media screen and (max-width: 767px){
  .box-cmn-01 .inner{ margin-top: 10px; }
  .box-cmn-01 .btn-cmn-02{
    margin-top: 30px;
  }
}
/* box-tab-nav-01
---------------------------------------------------------- */
.box-tab-nav-01 {
  margin-top: 20px;
  padding: 0 5px;
  border-bottom: 3px solid #D4E878;
}
  .box-tab-nav-01 .box-tab-nav-in { margin-left: -15px }
  .box-tab-nav-01 .list-tab {
    display: table;
    width: 100%;
  }
    .box-tab-nav-01 .list-tab li {
      display: table-cell;
      width: 33.333%;
      padding-left: 15px;
      vertical-align: bottom;
    }
      .box-tab-nav-01 .list-tab a {
        display: block;
        min-height: 60px;
        padding: 10px 10px 2px;
        border-radius: 5px 5px 0 0;
        border-top: 1px solid #3FA666;
        border-left: 1px solid #3FA666;
        border-right: 1px solid #3FA666;
        text-align: center;
        font-size: 18px;
        line-height: 1.16;
      }
      .box-tab-nav-01 .list-tab a:hover {
        background-color: #D4E878;
        border-color: #D4E878;
        text-shadow: 1px 1px 1px #FFFFFF;
        font-weight: bold;
      }
        .box-tab-nav-01 .list-tab a span {
          display: block;
          font-size: 24px;
        }
    .box-tab-nav-01 .list-tab li.is-active { padding-top: 0 }
      .box-tab-nav-01 .list-tab li.is-active a {
        min-height: 70px;
        padding-top: 15px;
        background-color: #D4E878;
        border-color: #D4E878;
        text-shadow: 1px 1px 1px #FFFFFF;
        font-weight: bold;
      }

@media screen and (max-width: 767px) {
  .box-tab-nav-01 { display: none; }
}

/* box-result-text-01
---------------------------------------------------------- */
.box-result-text-01 {
  overflow: auto;
  width: 100%;
  height: 275px;
  padding: 15px;
}

@media screen and (max-width: 767px) {
  .box-result-text-01 {
    height: 240px;
    padding: 15px;
  }
}

/* local-nav-01
---------------------------------------------------------- */
.local-nav-01{
  margin-top: 25px;
}
.local-nav-01::after{
  content: '';
  width: 100%;
  display: table;
}
.local-nav-01 .btn-cmn-03{
  float: left;
  display: block;
  width: 16.09%;
  border: 1px solid #008934;
  text-align: center;
  padding: 7px 0px;
  line-height: 1.65;
  font-size: 18px;
  color: #008934;
}
.local-nav-01 .btn-cmn-03:last-of-type{
  float: right;
  width:auto;
  padding: 7px 15px;
}
.local-nav-01 .one-btn-only{
  float: left !important;
  width: 16.09% !important;
  padding: 7px 0px !important;
}
#step-5 .result .btn-cmn-03:last-of-type{
  float: left;
}

.btn-cmn-05{
  float: left;
  display: block;
  width: 16.09%;
  border: 1px solid #008934;
  text-align: center;
  padding: 7px 0px;
  line-height: 1.65;
  font-size: 18px;
  color: #008934;
}

/* local-nav-modal-01
---------------------------------------------------------- */
.local-nav-modal-01{
  margin-top: 25px;
}
.local-nav-modal-01::after{
  content: '';
  width: 100%;
  display: table;
}
.local-nav-modal-01 .btn-cmn-03{
  float: left;
  width: 16.09%;
}
.local-nav-modal-01 .btn-cmn-03 a{
  display: block;
  border: 1px solid #008934;
  text-align: center;
  padding: 7px 0px;
  line-height: 1.65;
  font-size: 18px;
  color: #008934;
}
.local-nav-modal-01 .btn-cmn-03:not(:first-child){
  float: right;
  width: auto;
}
.local-nav-modal-01 .btn-cmn-03:not(:first-child) a{
  padding: 7px 15px;
}

/* local-nav-simulation-01
---------------------------------------------------------- */
.local-nav-simulation-01{
  margin-top: 25px;
}
.local-nav-simulation-01::after{
  content: '';
  width: 100%;
  display: table;
}
.local-nav-simulation-01 .btn-cmn-03{
  float: left;
  width: 350px;
}
.local-nav-simulation-01 .btn-cmn-03 a{
  display: block;
  border: 1px solid #008934;
  text-align: center;
  padding: 7px 0px;
  line-height: 1.65;
  font-size: 18px;
  color: #008934;
}

/* local-nav-guide-01
---------------------------------------------------------- */
.local-nav-guide-01{
  margin-top: 25px;
}
.local-nav-guide-01::after{
  content: '';
  width: 100%;
  display: table;
}
.local-nav-guide-01 .btn-cmn-03{
  float: left;
  display: block;
  width: 450px;
  border: 1px solid #008934;
  text-align: center;
  padding: 7px 15px;
  line-height: 1.65;
  font-size: 18px;
  color: #008934;
}

/* local-nav-hosho-01
---------------------------------------------------------- */
.local-nav-hosho-01{
  margin-top: 25px;
}
.local-nav-hosho-01::after{
  content: '';
  width: 100%;
  display: table;
}
.local-nav-hosho-01 .btn-cmn-03{
  float: left;
  display: block;
  width: 350px;
  border: 1px solid #008934;
  text-align: center;
  padding: 7px 15px;
  line-height: 1.65;
  font-size: 18px;
  color: #008934;
}
.local-nav-hosho-01 .btn-cmn-03:last-of-type{
  float: right;
}

/* local-nav-02
---------------------------------------------------------- */
.local-nav-02{
  margin-top: 25px;
}
@media screen and (max-width: 767px){
  .local-nav-02{
    text-align: center;
  }
}
.local-nav-02::after{
  content: '';
  width: 100%;
  display: table;
}
.local-nav-02 .btn-cmn-03{
  float: left;
  display: block;
  width: 14.80%;
  border: 1px solid #008934;
  text-align: center;
  padding: 10px 0px;
  line-height: 1.7;
  font-size: 18px;
  color: #008934;
}
@media screen and (max-width: 767px){
  .local-nav-02 .btn-cmn-03{
    float: none;
    width: 100%;
	padding: 5px 0px;
    display: block;
    margin: auto;
  }
  .local-nav-02 .btn-cmn-03:not(:last-child){
    margin: 0 auto 10px;
  }
}
/* ==========================================================
 hero
========================================================== */
/* hero-cmn
---------------------------------------------------------- */
.hero-cmn {
}
/* ==========================================================
 module
========================================================== */
.mod-slider-01 {
  margin-top: 65px;
  padding: 22px 0;
  background-color: #AECADD;
}
  .mod-slider-01 .box-slider { padding: 0 40px; }
    .mod-slider-01 .box-item { padding: 0 15px; }
      .mod-slider-01 .slick-track { font-size: 0; }
      .mod-slider-01 .slick-arrow {
        overflow: hidden;
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 1;
        display: block;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        background: url("../img/ico_prev_01.png") rgba(112,112,112,0.8) center center no-repeat;
        background-size: 16px auto;
        text-indent: -999px;
        outline: none;
      }
      .mod-slider-01 .slick-arrow.slick-next {
        left: auto;
        right: 0;
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
      }
      .mod-slider-01 .slick-arrow.slick-disabled {
        opacity: 0.3 !important;
        cursor: default;
      }
        .mod-slider-01 .box-item .btn-item {
          display: block;
          border: 3px solid #92b3ca;
          text-align: center;
          cursor: pointer;
          outline: none;
        }
        .mod-slider-01 .box-item .btn-item:hover, .mod-slider-01 .slick-arrow:hover { opacity: 0.7; }
          .mod-slider-01 .box-item img { max-width: 100%; }

  .mfp-carousel-01 .mfp-image-holder .mfp-close {
    display: block;
    top: 5px;
    right: 0;
    width: 24px;
    height: 24px;
    padding: 0;
    background: url("../img/ico_close_01.png") no-repeat;
    background-size: 24px 24px;
    opacity: 1;
    cursor: pointer;
    content: "";
  }
  .mfp-carousel-01 .mfp-img-wrap { padding: 40px 0; }
    .mfp-carousel-01 .mfp-img-wrap .mfp-img {
      padding: 0;
      border: 15px solid #fff;
    }
  .mfp-carousel-01 .mfp-image-holder .mfp-close:hover { opacity: 0.7; }
  .step-4-popup .mfp-img-wrap .mfp-img{ border: 0; }
@media screen and (max-width: 767px) {
  .mod-slider-01 {
    margin: 25px -10px 0;
    padding: 5px 0;
    background-color: #AECADD;
    border-top: 4px solid #C9DDEA;
    border-bottom: 4px solid #C9DDEA;
  }
    .mod-slider-01 .box-slider { padding: 0 25px; }
      .mod-slider-01 .box-item { padding: 0 10px; }
      .mod-slider-01 .slick-arrow {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        background: url("../img/ico_prev_01_sp.png") rgba(112,112,112,0.8) center center no-repeat;
        background-size: 14px auto;
      }
      .mod-slider-01 .box-item img { max-width: 100px; }
}

/* mod-dragbar-01
---------------------------------------------------------- */
.mod-dragbar-01 {
  position: relative;
  margin: 30px 36px 0;
  padding-bottom: 50px;
}
  .mod-dragbar-01 .ui-slider-horizontal {
    position: relative;
    height: 28px;
  }
    .mod-dragbar-01 .ui-slider-horizontal:after {
      position: absolute;
      left: 0;
      top: 50%;
      z-index: 0;
      width: 100%;
      height: 1px;
      background-color: #008934;
      content: "";
      /*-ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);*/
    }
    .mod-dragbar-01 .ui-slider .ui-slider-handle {
      position: absolute;
      bottom: 12px;
      z-index: 2;
      width: 40px;
      height: 33px;
      margin-left: -20px;
      background: url("../img/ico_arrow_down_02.png") no-repeat;
      background-size: 40px 33px;
      cursor: default;
      -ms-touch-action: none;
      touch-action: none;
      outline: none;
    }

    .mod-dragbar-01 .box-marker-01,
    .mod-dragbar-01 .box-marker-02 {
      position: absolute;
      top: 13px;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 1px;
    }
      .mod-dragbar-01 .box-marker-01 .ico-marker,
      .mod-dragbar-01 .box-marker-02 .ico-marker {
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 24px;
        margin: -12px 0 0 -1px;
        background-color: #707070;
      }
      .mod-dragbar-01 .box-marker-01 .ico-marker.num,
      .mod-dragbar-01 .box-marker-02 .ico-marker.num {
        width: 2px;
        height: 28px;
        margin-top: -14px;
        background-color: #008934;
      }
        .mod-dragbar-01 .box-marker-01 small,
        .mod-dragbar-01 .box-marker-02 small {
          position: absolute;
          bottom: -30px;
          left: 50%;
          font-size: 23px;
          text-align: center;
          line-height: 1.1;
          -ms-transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
        }
        .mod-dragbar-01 .box-marker-01 .marker-02 { left: 11.1111%; }
        .mod-dragbar-01 .box-marker-01 .marker-03 { left: 22.2222%; }
        .mod-dragbar-01 .box-marker-01 .marker-04 { left: 33.3333%; }
        .mod-dragbar-01 .box-marker-01 .marker-05 { left: 44.4444%; }
        .mod-dragbar-01 .box-marker-01 .marker-06 { left: 55.5556%; }
        .mod-dragbar-01 .box-marker-01 .marker-07 { left: 66.6667%; }
        .mod-dragbar-01 .box-marker-01 .marker-08 { left: 77.7778%; }
        .mod-dragbar-01 .box-marker-01 .marker-09 { left: 88.8889%; }
        .mod-dragbar-01 .box-marker-01 .marker-10 { left: 100%; }

        .mod-dragbar-01 .box-marker-02 .marker-02 { left: 10%; }
        .mod-dragbar-01 .box-marker-02 .marker-03 { left: 20%; }
        .mod-dragbar-01 .box-marker-02 .marker-04 { left: 30%; }
        .mod-dragbar-01 .box-marker-02 .marker-05 { left: 40%; }
        .mod-dragbar-01 .box-marker-02 .marker-06 { left: 50%; }
        .mod-dragbar-01 .box-marker-02 .marker-07 { left: 60%; }
        .mod-dragbar-01 .box-marker-02 .marker-08 { left: 70%; }
        .mod-dragbar-01 .box-marker-02 .marker-09 { left: 80%; }
        .mod-dragbar-01 .box-marker-02 .marker-10 { left: 90%; }
        .mod-dragbar-01 .box-marker-02 .marker-11 { left: 100%; }

@media screen and (max-width: 767px) {
  .mod-dragbar-01 { margin: 40px 5px 0; }
    .mod-dragbar-01 .ui-slider-horizontal { height: 32px; }
      .mod-dragbar-01 .ui-slider .ui-slider-handle {
        bottom: 15px;
        width: 32px;
        height: 29px;
        margin-left: -16px;
        background: url("../img/ico_arrow_down_02.png") no-repeat;
        background-size: 32px 29px;
      }
      .mod-dragbar-01 .box-marker-01,
      .mod-dragbar-01 .box-marker-02 { top: 15px; }
        .mod-dragbar-01 .box-marker-01 .ico-marker,
        .mod-dragbar-01 .box-marker-02 .ico-marker {
          height: 26px;
          margin: -13px 0 0 -1px;
          background-color: #707070;
        }
        .mod-dragbar-01 .box-marker-01 .ico-marker.num,
        .mod-dragbar-01 .box-marker-02 .ico-marker.num {
          width: 2px;
          height: 32px;
          margin-top: -16px;
          background-color: #008934;
        }
          .mod-dragbar-01 .box-marker-01 small,
          .mod-dragbar-01 .box-marker-02 small {
            bottom: -34px;
            font-size: 15px;
          }
}

/* mod-result-01
---------------------------------------------------------- */

.mod-result-01 {display: none;}
body.result .mod-result-01 {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  background-color: #F0F0F0;
}
  .mod-result-01 .mod-result-in {
    width: 942px; /* 20180522 */
    /*max-width: 920px;*/ /* 20180522 */
	min-height:140px;
    margin: 0 auto;
    padding: 5px 15px;
    font-size: 18px;
    text-align: left;
  }
  @media screen and (min-width: 768px){
    .mfp-open .mod-result-01,
    .mfp-zoom-out-cur .mod-result-01{
      left: -17px;
      width: calc(100% + 17px);
    }
  }
    .mod-result-01 .grid-result-01 {
      overflow: hidden;
      margin-left: -10px;
    }
    .mod-result-01 .grid-result-01 > .grid-item-01,
    .mod-result-01 .grid-result-01 > .grid-item-02,
    .mod-result-01 .grid-result-01 > .grid-item-03 {
      float: left;
      width: 48.314%;
      padding-left: 10px;
    }
    .mod-result-01 .grid-result-01 > .grid-item-02 { width: 51.686%; }
    .mod-result-01 .grid-result-01 > .grid-item-03 { width: 50%; }

      .mod-result-01 .box-result-01 {
        margin-top: 5px;
        padding: 10px;
        border: 1px solid #707070;
        border-radius: 5px;
        background: #fff;
        font-size: 14px;
        min-height: 120px;
      }
      .mod-result-01 .box-result-01.is-large {
        display: table;
        width: 100%;
      }
        .mod-result-01 .box-result-01.is-large .box-side {
          display: table-cell;
          width: 50%;
          padding-right: 10px;
        }
        .mod-result-01 .box-result-01.is-large .box-side:last-child {
          padding-left: 10px;
          padding-right: 0;
          border-left: 1px solid #000;
        }
          .mod-result-01 .box-result-01 .box-head { overflow: hidden; height: 50px;}
            .mod-result-01 .box-result-01 .box-head .title { overflow: hidden; }
            .mod-result-01 .box-result-01 .box-head .box-button { float: right; }
              .mod-result-01 .box-result-01 .box-head .button {
                display: block;
                padding: 0 5px;
                color: #fff;
                border: 1px solid #707070;
                background-color: #3A833B;
                border-radius: 5px;
                font-size: 12px;
                font-weight: bold;
                line-height: 1.6;
              }
          .mod-result-01 .box-result-01 .txt-total {
            font-size: 18px;
            line-height: 1.2;
            text-align: right;
          }
            .mod-result-01 .box-result-01 .txt-total .num {
              font-size: 41px;
              font-weight: bold;
            }
      .mod-result-01 .box-result-btn {
        margin-top: 10px;
        padding: 0 15px;
      }
        .mod-result-01 .list-result-btn {
          overflow: hidden;
          margin-left: -20px;
        }
          .mod-result-01 .list-result-btn li {
            float: left;
            width: 25%;
            padding-left: 20px;
          }
            .mod-result-01 .list-result-btn .button {
              display: block;
              padding: 5px;
              border: 1px solid #008934;
              background-color: #fff;
              font-size: 14px;
              text-align: center;
            }

@media screen and (max-width: 767px) {
  .mod-result-01 { min-height: 0; }
  .mod-result-01 .box-result-01 .box-head { overflow: hidden; height: auto;}
    .mod-result-01 .mod-result-in {
      max-width: none;
      width:inherit; /* 20180522 */
      min-height: 170px;
      padding: 10px 5px;
      font-size: 12px;
    }
      .mod-result-01 .grid-result-01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        width: auto;
        margin-left: -5px;
      }
        .mod-result-01 .grid-result-01 > .grid-item-01,
        .mod-result-01 .grid-result-01 > .grid-item-02,
        .mod-result-01 .grid-result-01 > .grid-item-03 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 50%;
          padding-left: 5px;
          min-height: 147px;
        }
        .mod-result-01 .grid-result-01 > .grid-item-01 { width: 33.333%; }
        .mod-result-01 .grid-result-01 > .grid-item-02 { width: 66.667%; }

        .mod-result-01 .box-result-01 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          /*-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;*/
          -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
          width: 100%;
          margin-top: 5px;
          padding: 5px;
          font-size: 9px;
        }
        .mod-result-01 .box-result-01.is-large { display: block; }
          .mod-result-01 .box-result-01.is-large .box-side {
            display: block;
            width: auto;
            padding-right: 0;
          }
          .mod-result-01 .box-result-01.is-large .box-side:last-child {
            margin-top: 10px;
            padding-left: 0;
            border: none;
          }
	      .mod-result-01 .box-result-01 .box-head .title { clear: right; }
          .mod-result-01 .box-result-01 .box-head .box-button {
            float: none;
            text-align: right;
          }
            .mod-result-01 .box-result-01 .box-head .button {
              display: inline-block;
              padding: 0 5px;
              font-size: 9px;
              line-height: 1.4;
            }
        .mod-result-01 .box-result-01 .txt-total {
          margin-top: 0;
          font-size: 9px;
        }
          .mod-result-01 .box-result-01 .txt-total .num { font-size: 16px; }
      .mod-result-01 .box-result-btn { padding: 0; }
        .mod-result-01 .list-result-btn {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-left: -5px;
        }
          .mod-result-01 .list-result-btn li {
            float: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 25%;
            padding-left: 5px;
          }
            .mod-result-01 .list-result-btn .button {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              width: 100%;
              padding: 5px 0;
              font-size: 10px;
              line-height: 1.2;
            }
}

/* ==========================================================
 title
========================================================== */
/* ttl-cmn-01
---------------------------------------------------------- */
.ttl-cmn-01, .ttl-cmn-02 {
  margin-top: 30px;
  font-size: 31px;
  line-height: 1.3;
}

/* ttl-cmn-03
---------------------------------------------------------- */
.ttl-cmn-03 {
  margin-top: 20px;
  padding: 0 0 3px;
  border-bottom: 1px solid #3FA666;
  font-size: 21px;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .ttl-cmn-01 {
    margin-top: 0;
    font-size: 20px;
    text-align: center;
  }
  .ttl-cmn-02 {
    margin-top: 15px;
    font-size: 14px;
    font-weight: bold;
  }

  .ttl-cmn-03 {
    margin: 15px 10px 0;
    padding: 5px 10px;
    font-size: 14px;
  }
}


/* ==========================================================
 text
========================================================== */
/* txt-cmn
---------------------------------------------------------- */
.txt-cmn-01, .txt-cmn-02 {
  font-size: 16px;
  line-height: 1.95;
}
@media screen and (max-width: 767px){
  .txt-cmn-01 {
    font-size: 14px;
    line-height: 1.5;
  }
}

.txt-cmn-02 { margin-top: 30px; }

@media screen and (max-width: 767px) {
  .txt-cmn-02 {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.5;
  }
}

.txt-cmn-03 { 
  width: 100%;
  font-size: 18px;
  margin-top: 30px;
  border: 1px solid #707070;
  position: relative;
}

@media screen and (max-width: 767px) {
  .txt-cmn-03 {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.5;
  }
}

/* ==========================================================
 list
========================================================== */
/* list-cmn-button-01
---------------------------------------------------------- */
.list-cmn-button-01 {
  margin-top: 20px;
  margin-left: -20px;
}
  .list-cmn-button-01 li {
    float: left;
    display: table;
    table-layout: fixed;
    width: 50%;
    margin-top: 30px;
    padding-left: 20px;
    position: relative;
  }
  .list-cmn-button-01 li:nth-child(2n+1) { clear: left; }
    .list-cmn-button-01 li .image {
      display: table-cell;
      width: 97px;
      text-align: center;
      vertical-align: top;
    }
      .list-cmn-button-01 li .image img { max-width: 100%; }
    .list-cmn-button-01 li .box-btn { display: table-cell; width: 100%; }
      .list-cmn-button-01 li .button {
        display: table;
        width: 100%;
      }
        .list-cmn-button-01 li .button span {
          display: table-cell;
          height: 97px;
          padding: 10px;
          border-radius: 5px;
          background-color: #3A833B;
          -webkit-box-shadow: 0px 3px 0px 0px rgba(39,94,43,1);
          -moz-box-shadow: 0px 3px 0px 0px rgba(39,94,43,1);
          box-shadow: 0px 3px 0px 0px rgba(39,94,43,1);
          font-size: 21px;
          color: #fff;
          line-height: 1.4;
          text-align: center;
          vertical-align: middle;
        }
      .list-cmn-button-01 li .text {
        position: absolute;
        display: none;
        width: calc(100% - 20px);
        border: 1px solid #707070;
        background: #fff;
        padding: 5px 15px;
        left: 20px;
        bottom: -60%;
        z-index: 10;
        border-radius: 5px;
      }
      .list-cmn-button-01 li .box-btn:hover + .text{
        display: block;
      }
      @media screen and (min-width: 769px){
        .list-cmn-button-01 li .text::after {
          content: '';
          width: 0; 
          height: 0; 
          top: -12px;
          left: 30%;
          position: absolute;
          border-left: 8px solid transparent;
          border-right: 8px solid transparent;
          border-bottom: 12px solid #FFFFFF;
        }
      }


@media screen and (max-width: 767px) {
  .list-cmn-button-01 {
    margin-top: 30px;
    margin-left: 0;
  }
    .list-cmn-button-01 li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      float: none;
      width: 100%;
      margin-top: 5px;
      padding-left: 0;
    }
    .list-cmn-button-01 li:first-child { margin-top: 0; }
      .list-cmn-button-01 li .image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
        flex: 0 0 48px;
        width: 48px;
      }
      .list-cmn-button-01 li .box-btn {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border: 1px solid transparent;
      }
      .list-cmn-button-01 li .text {
        display: block;
        position: relative;
        -webkit-box-flex: none;
        -ms-flex: none;
        flex: none;
        width: 100%;
        border: 0;
        padding: 0;
        left: 0;
        margin-top: 5px;
        margin-bottom: 20px;
      }
      .list-cmn-button-01 li:last-of-type .text{ margin-bottom: 0; }
        .list-cmn-button-01 li .button { display: block; }
          .list-cmn-button-01 li .button span {
            display: block;
            height: auto;
            margin-left: 5px;
            padding: 10px 15px;
            border-radius: 5px;
            background-color: #3A833B;
            -webkit-box-shadow: 0px 2px 0px 0px rgba(39,94,43,1);
            -moz-box-shadow: 0px 2px 0px 0px rgba(39,94,43,1);
            box-shadow: 0px 2px 0px 0px rgba(39,94,43,1);
            font-size: 16px;
          }
}
/* ==========================================================
 data list
========================================================== */
/* dl-cmn-01
---------------------------------------------------------- */
.dl-cmn-01{
  float: left;
  width: 45%;
  margin-left: 2.14%;
  border-bottom: 1px solid #777777;
  border-right: 1px solid #777777;
}
@media screen and (max-width: 767px){
  .dl-cmn-01{
    width: 100%;
    float: none;
    margin: 0;
  }
}
.dl-cmn-01:not(:first-of-type){ margin-left: 3.21%; }
@media screen and (max-width: 767px){
  .dl-cmn-01:not(:first-of-type){ margin: 10px 0 0; }
}
  .dl-cmn-01 .title{
    font-size: 18px;
    padding: 10px 20px;
    line-height: 1.65;
    background: #D2FAD2;
    border-top: 1px solid #777777;
    border-left: 1px solid #777777;
  }
  @media screen and (max-width: 767px){
    .dl-cmn-01 .title{
      font-size: 14px;
    }
  }
  .dl-cmn-01 .detail{
    font-size: 16px;
    padding: 20px;
    background: #fff;
    border-top: 1px solid #777777;
    border-left: 1px solid #777777;
  }
    .dl-cmn-01 .detail span{
      font-size: 21px;
      color: #0A8D3B;
      font-weight: bold;
    }

    @media screen and (max-width: 767px){
      .dl-cmn-01 .detail{
        font-size: 13px;
        padding: 15px;
      }
        .dl-cmn-01 .detail span{
          font-size: 17px;
        }
    }
/* ==========================================================
 table
========================================================== */
/* table-cmn
---------------------------------------------------------- */
.table-cmn {
}
  .table-cmn th,
  .table-cmn td {
  }
  .table-cmn th {
  }
  .table-cmn td {
  }
/* ==========================================================
 button
========================================================== */
/* btn-cmn
---------------------------------------------------------- */
.btn-cmn-01 {
  width: 450px;
  font-size: 24px;
  padding: 11px 0;
  margin-top: 10px;
  display: inline-block;
  color: #fff;
  text-align: center;
  background-color: #3A833B;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(39,94,43,1);
  -moz-box-shadow: 0px 3px 0px 0px rgba(39,94,43,1);
  box-shadow: 0px 3px 0px 0px rgba(39,94,43,1);
  border-radius: 5px;
}
.btn-cmn-01:first-of-type { margin-top: 5px; }
@media screen and (max-width: 767px){
  .btn-cmn-01 {
    width: 100%;
    font-size: 16px;
    padding: 9px 0;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(39,94,43,1);
    -moz-box-shadow: 0px 2px 0px 0px rgba(39,94,43,1);
    box-shadow: 0px 2px 0px 0px rgba(39,94,43,1);
  }
}

.btn-cmn-02 {
  width: 750px;
  display: block;
  font-size: 21px;
  font-weight: bold;
  padding: 24px 0;
  line-height: 1.55;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  background-color: #3A833B;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(39,94,43,1);
  -moz-box-shadow: 0px 3px 0px 0px rgba(39,94,43,1);
  box-shadow: 0px 3px 0px 0px rgba(39,94,43,1);
  border-radius: 5px;
}
.btn-cmn-02.no-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-cmn-02:hover { opacity: 0.7; }

@media screen and (max-width: 767px){
  .btn-cmn-02 {
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    padding: 9px 0;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(39,94,43,1);
    -moz-box-shadow: 0px 2px 0px 0px rgba(39,94,43,1);
    box-shadow: 0px 2px 0px 0px rgba(39,94,43,1);
  }
}

.btn-cmn-04 {
  width: 300px;
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 18px 0;
  line-height: 1.55;
  margin: 10px auto 0;
  color: #fff;
  text-align: center;
  background-color: #3A833B;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(39,94,43,1);
  -moz-box-shadow: 0px 3px 0px 0px rgba(39,94,43,1);
  box-shadow: 0px 3px 0px 0px rgba(39,94,43,1);
  border-radius: 5px;
}
.btn-cmn-04.no-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-cmn-04:hover { opacity: 0.7; }

@media screen and (max-width: 767px){
  .btn-cmn-04 {
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    padding: 9px 0;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(39,94,43,1);
    -moz-box-shadow: 0px 2px 0px 0px rgba(39,94,43,1);
    box-shadow: 0px 2px 0px 0px rgba(39,94,43,1);
  }
}

/* btn-result-01
---------------------------------------------------------- */
.btn-result-01{
  width: 600px;
  float: right;
  margin-top: 50px;
}
/* btn-result-02
---------------------------------------------------------- */
.btn-result-02{
  width: 270px;
  font-size: 21px;
  color: #2F2F2F;
  float: left;
  padding: 7px 10px;
  line-height: 1.65;
  border: 1px solid #3FA666;
  margin-top: 100px;
  background: #D2FAD2;
  border-radius: 5px;
}
  .btn-result-02 .txt-01{
    float: left;
    line-height: 1.2;
    padding-top: 5px;

  }
  .btn-result-02 .txt-02{
    width: 70px;
    background: #008934;
    color: #fff;
    font-size: 21px;
    padding: 1px 10px;
    border-radius: 5px;
    float: right;
    line-height: 1.65;
    text-align: center;
  }
  /* btn-result-03
  ---------------------------------------------------------- */
  .nav-result-01{ text-align: center;position:relative; }
  .btn-result-03{
    width: 200px;
    height: 80px;
    font-size: 16px;
    margin-top: 25px;
    padding: 30px 0;
    margin-right: 15px;
  }
  @media screen and (max-width: 767px){
    .btn-result-03{
      width: 60%;
      height: auto;
      display: block;
      margin: 10px auto 0!important;
      padding: 9px 0;
    }
    .btn-result-03:first-child{ margin-top: 20px; }
  }
  .nav-result-01 .box-download{
  	  display:none;
	  position:absolute;
	  right:45px;
	  width:200px;
	  padding:10px;
	  background:rgba(255,255,255,.9);
	  text-align:left;
  	  border-right:1px solid #008934;
  	  border-bottom:1px solid #008934;
  	  border-left:1px solid #008934;
	  z-index: 5;
	}
  @media screen and (max-width: 767px){
    .nav-result-01 .box-download{
      position: relative;
	  width:60%;
      margin: 0 auto;
	  left:0;
    }
	}
  .nav-result-01 .box-download ul li {
	margin-bottom:1em;
	}
  .nav-result-01 .box-download ul li:last-child {
	margin-bottom:0;
	}


/* pagetop
---------------------------------------------------------- */
.btn-cmn-pagetop {
  display: none;
}
@media screen and (max-width: 767px){
  .btn-cmn-pagetop {
    text-align: right;
    position: fixed;
    right: 10px;
    bottom: 34px;
    z-index: 10;
    -ms-filter: 'alpha( opacity=80)';
    filter: alpha( opacity=80);
    opacity: 0.8;
  }
  .btn-cmn-pagetop:hover{
    -ms-filter: 'alpha( opacity=60)';
    filter: alpha( opacity=60);
    opacity: 0.6;
  }
  
  .btn-cmn-pagetop.is-simulation {
    position: absolute;
    bottom: auto;
    top: -8px;
  }
    .btn-cmn-pagetop img{ width: 44px; }
}
/* ==========================================================
 link
========================================================== */
/* link-cmn
---------------------------------------------------------- */
.link-cmn {
}
/* ==========================================================
 icon
========================================================== */
/* ico-cmn
---------------------------------------------------------- */
.ico-cmn {
}
/* ==========================================================
 figure
========================================================== */
/* fig-cmn
---------------------------------------------------------- */
.fig-cmn {
}
/* ==========================================================
 image
========================================================== */
/* img-cmn-adjust
---------------------------------------------------------- */
.img-cmn-adjust {
}
/* ==========================================================
 form
========================================================== */
/* form-cmn-radio-01
---------------------------------------------------------- */
.form-cmn-radio-01 {
  position: relative;
  display: inline-block;
  min-height: 28px;
}
  .form-cmn-radio-01 .form-radio {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }
  .form-cmn-radio-01 .txt-radio {
    display: block;
    padding: 0 0 0 42px;
    background: url("../img/bg_radio_01_off.png") top left no-repeat;
    background-size: 28px 28px;
  }
  .form-cmn-radio-01 input:checked + .txt-radio {
    background: url("../img/bg_radio_01_on.png") top left no-repeat;
    background-size: 28px 28px;
  }

@media screen and (max-width: 767px) {
  .form-cmn-radio-01 { min-height: 34px; }
    .form-cmn-radio-01 .txt-radio {
      padding: 6px 0 6px 37px;
      background-size: 34px 34px;
    }
    .form-cmn-radio-01 input:checked + .txt-radio { background-size: 34px 34px; }
    .form-cmn-radio-01 .txt-radio .txt-small-01 {
      display: inline-block !important;
      font-size: 10px;
    }
}

/* form-cmn-select-01
---------------------------------------------------------- */
.form-cmn-select-01 {
  position: relative;
  display: block;
  width: 100%;
  padding: 6px 45px 6px 10px;
  border-radius: 5px;
  border: 1px solid #707070;
  background: #fff;
  color: #2F2F2F;
  font-size: 32px;
}
  .form-cmn-select-01.inline { display: inline-block; }
  .form-cmn-select-01.short { width: 160px; }
  .form-cmn-select-01:after {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 1;
    width: 23px;
    height: 20px;
    margin-top: -10px;
    background: url("../img/ico_arrow_down_01.png") center center no-repeat;
    background-size: 23px 20px;
    pointer-events: none;
    content: "";
  }
  .form-cmn-select-01 .js-select-temp {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    font-weight: bold;
    line-height: 1.1;
    text-align: right
  }
  .form-cmn-select-01.center .js-select-temp {
    text-align: center;
  }
  .form-cmn-select-01 .form-select {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    opacity: 0;
  }

@media screen and (max-width: 767px) {
  .form-cmn-select-01 {
    padding: 5px 25px 5px 5px;
    font-size: 32px;
  }
    .form-cmn-select-01.short { width: 130px; }
    .form-cmn-select-01:after {
      right: 5px;
      width: 16px;
      height: 13px;
      margin-top: -7px;
      background-size: 16px 13px;
    }
}

/* form-cmn-select-02
---------------------------------------------------------- */
.form-cmn-select-02 {
  position: relative;
  display: block;
  width: 100%;
  padding: 6px 45px 6px 10px;
  border-radius: 5px;
  border: 1px solid #707070;
  background: #fff;
  color: #2F2F2F;
  font-size: 32px;
}
  .form-cmn-select-02.inline { display: inline-block; }
  .form-cmn-select-02.short { width: 200px; }
  .form-cmn-select-02:after {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 1;
    width: 30px;
    height: 20px;
    margin-top: -10px;
    background: url("../img/ico_arrow_down_01.png") center center no-repeat;
    background-size: 23px 20px;
    pointer-events: none;
    content: "";
  }
  .form-cmn-select-02 .js-select-temp {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    font-weight: bold;
    line-height: 1.1;
    text-align: right
  }
  .form-cmn-select-02.center .js-select-temp {
    text-align: center;
  }
  .form-cmn-select-02 .form-select {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    opacity: 0;
  }

@media screen and (max-width: 767px) {
  .form-cmn-select-02 {
    padding: 5px 25px 5px 5px;
    font-size: 32px;
  }
    .form-cmn-select-02.short { width: 130px; }
    .form-cmn-select-02:after {
      right: 5px;
      width: 16px;
      height: 13px;
      margin-top: -7px;
      background-size: 16px 13px;
    }
}
/* ==========================================================
 Simulation
========================================================== */
/* box-simulation-01
---------------------------------------------------------- */
.box-simulation-01 { margin-top: 15px; }
  .box-simulation-01 .form-row {
    display: table;
    width: 100%;
    margin-bottom: 15px;
  }
  .box-simulation-01 .form-row.type-01 { margin-bottom: 15px; }
    .box-simulation-01 .form-row:last-child { margin-bottom: 0; }
    .box-simulation-01 .box-head {
      display: table-cell;
      /*width: 170px;*/
      width: 210px;
      padding: 10px 15px;
      font-size: 18px;
      color: #008934;
      vertical-align: middle;
	  background:#eee;
    }
    .box-simulation-01 .box-data {
      display: table-cell;
      font-size: 21px;
      vertical-align: middle;
	  padding: 10px 5px 10px 45px;
    }
    .box-simulation-01 .box-head.switch-wide {
      width: 430px;
    }

      .box-simulation-01 .form-select-wrap { overflow: hidden; }
        .box-simulation-01 .form-txt-01 {
          float: left;
          display: block;
          padding-top: 12px;
          font-weight: bold;
        }
        .box-simulation-01 .form-cmn-select-01 {
          float: left;
          margin: 0 5px;
        }

      .box-simulation-01 .form-radio-list-01 li {
        display: inline-block;
        min-width: 155px;
        padding-right: 10px;
      }

      .box-simulation-01 .form-text-num {
        font-weight: bold;
        font-size: 21px;
        line-height: 1.1;
      }
        .box-simulation-01 .form-text-num span { font-size: 32px; }
      
      .box-simulation-01 .form-column-01 { overflow: hidden; }
        .box-simulation-01 .form-column-01 .item-col { float: left; }
        @media screen and (max-width: 764px){
          .box-simulation-01 .form-column-01 .item-col { float: none; }
        }
  .box-simulation-01 .form-row.disabled,
  .mfp-content .form-row.disabled {
    position: relative;
    opacity: 0.4;
  }
    .box-simulation-01 .form-row.disabled:before,
    .mfp-content .form-row.disabled:before {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      z-index: 1;
      width: 100%;
      content: "";
    }

  .box-simulation-01 .form-select-text-01 {
    float: left;
    display: block;
    width: 160px;
    margin-right: 5px;
    padding: 6px 45px 6px 10px;
    border-radius: 5px;
    border: 1px solid #707070;
    background: #fff;
    color: #2F2F2F;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.1;
    text-align: right;
  }

@media screen and (max-width: 767px) {
  .box-simulation-01 {
    margin-top: 20px;
    padding: 0 10px;
  }
    .box-simulation-01 .form-row {
      display: block;
      margin-bottom: 15px
    }
    .box-simulation-01 .form-row.type-01 { margin-bottom: 20px; }
    .box-simulation-01 .box-head {
      display: block;
      width: auto;
      padding: 5px;
      font-size: 14px;
    }
    .box-simulation-01 .box-head.switch-wide {
      width: auto;
    }
    .box-simulation-01 .box-data {
      display: block;
      padding-left: 50px;
      margin: 5px auto 0;
      font-size: 14px;
    }

    .box-simulation-01 .form-select-wrap { overflow: hidden; }
      .box-simulation-01 .form-txt-01 {
        padding-top: 13px;
        font-size: 21px;
      }
      .box-simulation-01 .form-cmn-select-01 { margin: 0 15px; }

    .box-simulation-01 .form-radio-list-01 li {
      display: block;
      min-width: 0;
      margin-bottom: 20px;
      padding-right: 0;
    }
      .box-simulation-01 .form-radio-list-01 li:last-child { margin-bottom: 0; }
    
    .box-simulation-01 .form-text-num { font-size: 21px; }
      .box-simulation-01 .form-text-num span { font-size: 32px; }
  
  .box-simulation-01 .form-select-text-01 {
    width: 130px;
    margin-right: 15px;
    padding: 5px 25px 5px 5px;
    font-size: 32px;
  }
}
@media screen and (min-width: 321px) and (max-width: 767px) {
  .box-simulation-01 .box-data {
    display: block;
    width: 210px;
    padding-left: 0;
    margin: 5px auto 0;
    font-size: 14px;
  }
}

/* box-simulation-02
---------------------------------------------------------- */
.box-simulation-02 {
  max-width: 600px;
  margin: 50px auto 0;
}
#step-3 .box-simulation-02,
#step-4 .box-simulation-02{
  margin: 45px auto 0;
}
@media screen and (max-width: 767px){
  #step-3 .box-simulation-02,
  #step-4 .box-simulation-02{
    margin: 50px auto 0;
  }
}
  .box-simulation-02 .button { width: 100%; }

/* btn-simulation-01
---------------------------------------------------------- */
.btn-simulation-01 {
  float: left;
  display: block;
  padding: 5px 20px 5px 25px;
  border: 1px solid #008934;
  font-size: 18px;
}
  .btn-simulation-01 .txt-edit {
    display: inline-block;
    margin-left: 20px;
    padding: 0 15px;
    border-radius: 5px;
    background-color: #008934;
    color: #fff;
    font-size: 21px;
  }

/* btn-simulation-02
---------------------------------------------------------- */
.btn-simulation-02 {
  display: block;
  width: 160px;
  margin: 0 0 0 70px;
  padding: 8px 0;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .btn-simulation-02 {
    width: 180px;
    margin: 10px 0 0;
    padding: 8px 0;
  }
}

/* btn-simulation-03
---------------------------------------------------------- */
.btn-simulation-03 {
  display: block;
  width: 60px;
  margin: 0;
  padding: 3px 0;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .btn-simulation-03 {
    width: inherit;
	float:right;
    margin: 0 0 10px;
    padding: 3px;
	font-size:12px;
  }
}

/* btn-simulation-04
---------------------------------------------------------- */
.btn-simulation-04 {
  display: block;
  width: 140px;
  margin: 0 0 0 30px;
  padding: 21px 0;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .btn-simulation-04 {
    width: 180px;
    margin: 10px 0 0;
    padding: 8px 0;
  }
}

/* ==========================================================
 is
========================================================== */
/* opacity hover
---------------------------------------------------------- */
.is-opacity
{
  -ms-filter: 'alpha( opacity=100)';
  opacity: 1;
}
.is-opacity:hover
{
  -ms-filter: 'alpha( opacity=70)';
  filter: alpha( opacity=70);
  opacity: 0.7;
}
/* css animation 
---------------------------------------------------------- */
.is-animate
{
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* ==========================================================
 style
========================================================== */
.s-fw-n     { font-weight: normal;}
.s-fw-b     { font-weight: bold;}
.s-ta-l     { text-align: left !important;}
.s-ta-c     { text-align: center !important;}
.s-ta-r     { text-align: right !important;}
.s-va-t     { vertical-align: top !important;}
.s-va-m     { vertical-align: middle !important;}
.s-va-b     { vertical-align: bottom !important;}
.s-ov-h     { overflow: hidden;}
.s-clear    { clear: both;}
.s-hide     { display: none;}
.s-txt-hide { text-indent: 100%; white-space: nowrap; overflow: hidden;}
.s-bg-n     { background: none !important;}
.s-mt-00    { margin-top: 0 !important;}
.s-mt-15    { margin-top: 15px !important;}
.s-mt-50    { margin-top: 50px !important;}
.s-mb-00    { margin-bottom: 0 !important;}
.s-ml-00    { margin-left: 0 !important;}
.s-mr-00    { margin-right: 0 !important;}
.s-pl-00    { padding-left: 0px !important;}
/* ==========================================================
 rwd switch
========================================================== */
/* pc
---------------------------------------------------------- */
.only-pc {}
.only-tb,.only-sp,.no-pc { display: none !important;}
.no-tb {}
.no-sp {}
/* tb
---------------------------------------------------------- */
@media screen and (max-width: 1024px) {
.only-pc,
.no-tb    { display: none !important;}
.only-tb,
.no-pc    { display: block !important;}
img.only-tb,
img.no-pc { display: inline-block !important;}
}
/* sp
---------------------------------------------------------- */
@media screen and (max-width: 767px) {
.only-pc,
.no-sp,   
.only-tb,
img.only-tb  { display: none !important;}
.only-sp,
.no-pc,
.no-tb     { display: block !important;}
img.only-sp,
img.no-pc,
img.no-tb  { display: inline-block !important;max-width: 100%;}
}
/* ==========================================================
 tool
========================================================== */


/* ==========================================================
 top page
========================================================== */
/* box-top-01
---------------------------------------------------------- */
.box-top-01{
  width: 100%;
  float: left;
}
@media screen and (max-width: 767px){
  .box-top-01{
    width: 100%;
    float: none;
  }
}
.box-top-01::after{
  content: '';
  width: 100%;
  display: table;
}
.box-top-01 img{
  float: left;
  margin: 0 25px 0 5px;
}
@media screen and (max-width: 767px){
  .box-top-01 img{
    float: right;
    height: 80px;
    margin: 0 0 0 20px;
  }
}
/* ==========================================================
 box-top-nav-01
========================================================== */

.box-top-nav-01{
  width: 63.69%;
  float: left;
}
@media screen and (max-width: 767px){
  .box-top-nav-01{
    width: 100%;
    float: none;
  }
}
.box-top-nav-01::after{
  content: '';
  width: 100%;
  display: table;
}
/* ==========================================================
 box-top-02
========================================================== */
.box-top-02{
  width: 31.85%;
  float: right;
  text-align: center;
}
@media screen and (max-width: 767px){
  .box-top-02{
    width: 100%;
    float: none;
    text-align: center;
    margin-top: 55px;
  }
}
.box-top-02 img{
  margin: auto;
  max-width: 100%;
  display:block;
}
@media screen and (max-width: 767px){
  .box-top-02 img{
    display: inline-block;
    width: 250px;
  }
}
.box-top-02::after{
  content: '';
  width: 100%;
  display: table;
}
/* ==========================================================
 ttl-top-01
========================================================== */
.ttl-top-01{
  font-size: 20px;
  line-height: 1.35;
  padding-bottom: 5px;
}
@media screen and (max-width: 767px){
  .ttl-top-01{
    font-size: 17px;
  }
}
/* ==========================================================
 ttl-top-02
========================================================== */
.ttl-top-02{
  font-size: 22px;
  margin: 30px 0 0 0;
}
.ttl-top-02:not(:first-of-type){
  margin-top: 30px;
}
@media screen and (max-width: 767px){
  .ttl-top-02{
    font-size: 20px;
    text-align: center;
    margin: 15px 0 0 0;
  }
}
/* ttl-top-03
---------------------------------------------------------- */
.ttl-top-03{
  font-size: 24px;
  margin: 30px 0 0 0;
  line-height: 1.4;
}
@media screen and (max-width: 767px){
  .ttl-top-03{
    font-size: 20px;
    text-align: center;
    margin: 25px 0 0 0;
  }
}
/* ==========================================================
 js-top-slick
========================================================== */
.js-top-slick{

}
@media screen and (max-width: 767px){
  .js-top-slick{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
  .js-top-slick .slick-dots{
    margin-top: 10px;
  }
    .js-top-slick .slick-dots li{
      display: inline-block;
      width: 35%;
      height: 11px;
      margin: 0 10px;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      border: 1px solid #707070;
      background: #fff;
      cursor: pointer;
    }
    .js-top-slick .slick-dots li:hover,
    .js-top-slick .slick-dots li.slick-active{
      background: #3A833B;
      border: 1px solid #3A833B;
    }
      .js-top-slick .slick-dots li button{ display: none; }
@media screen and (max-width: 767px){
  .js-top-slick .item:nth-last-of-type(2){
    margin-top: 25px;
  }
}
/* btn-top-01
---------------------------------------------------------- */
.btn-top-01{
  margin: 15px 0 0 0;
}
@media screen and (max-width: 767px){
  .btn-top-01{
    margin: 10px 0 0 0;
  }
  .btn-top-01:nth-of-type(3){
    margin: 5px 0 0 0;
  }
}
.btn-top-01:first-of-type {
  margin-top: 10px;
}
@media screen and (max-width: 767px){
  .btn-top-01:first-of-type {
    margin-top: 5px;
  }
}

/* result page
---------------------------------------------------------- */
.box-result-01{
  
}
  .box-result-01 .txt-result-01{
    font-size: 24px;
    color: #2F2F2F;
    font-weight: bold;
  }
  @media screen and (max-width: 767px){
    .box-result-01 .txt-result-01{
      font-size: 18px;
    }
  }
  .box-result-01 .incomeGuideline{
    margin-top: 20px;
    width: 100%;
    padding: 15px 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    line-height: 1.16;
    background-color: #D4E878;
    border: 1px solid #D4E878;
  }
  @media screen and (max-width: 767px){
    .box-result-01 .incomeGuideline{
      width: 100%;
      font-size: 14px;
    }
  }
  #resultText {
    width: 100%;
    font-size: 18px;
  }
  @media screen and (max-width: 767px){
    #resultText{
      width: 100%;
      font-size: 14px;
    }
  }

/* step-03-popup
---------------------------------------------------------- */
.step-03-popup{
  position: relative;
  background: #FFF;
  padding: 20px 20px 20px 50px;
  width: auto;
  max-width: 800px;
  margin: 20px auto;
}
@media screen and (max-width: 767px){
  .step-03-popup{
    position: relative;
    background: #FFF;
    padding: 20px 0 0 20px;
    width: auto;
    max-width: 767px;
    margin: 50px 5px;
  }
}
.step-04-popup{
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: auto;
  margin: 20px auto;
}
  .step-03-popup .ttl-cmn-01{
    margin-top: 35px;
    padding-left: 15px;
  }
  @media screen and (max-width: 767px){
    .step-03-popup .ttl-cmn-01{
      margin-top: 15px;
      padding-left: 0;
    }
  }
  .step-03-popup .mfp-close{ visibility: hidden; }
  .step-03-popup .form-row {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}
  .step-03-popup .box-data{
    display: table-cell;
    font-size: 21px;
    vertical-align: middle;
  }
  @media screen and (max-width: 767px){
    .step-03-popup .box-data {
      display: block;
      width: 100%;
      font-size: 14px;
      padding: 5px 0 0 30px;
    }
  }  
  .step-03-popup .box-head {
    display: table-cell;
    width: 130px;
    padding: 0 15px;
    font-size: 21px;
    color: #008934;
    vertical-align: top;
  }
  @media screen and (max-width: 767px){
    .step-03-popup .box-head {
      display: block;
      width: 100%;
      font-size: 16px;
      padding: 0;
    }
  }
  .step-03-popup .form-radio-list-01 li {
    display: inline-block;
    min-width: 150px;
    padding-right: 10px;
  }
  @media screen and (max-width: 767px){
    .step-03-popup .form-radio-list-01 li {
      display: block;
      min-width: auto;
      width: auto;
      padding-right: 10px;
      float: left;
    }
  }
  .step-03-popup .form-row.type-01 .form-radio-list-01 li {
    display: inline-block;
    min-width: 105px;
    padding-right: 0;
  }
  @media screen and (max-width: 767px){
    .step-03-popup .form-row.type-01 .form-radio-list-01 li {
      display: block;
      min-width: auto;
      float: left;
    }
  }
/*  .step-03-popup .form-row.type-01 .txt-radio{
    text-align: center;
    padding: 8px 0 8px 50px;
  }*/
  @media screen and (max-width: 767px){
    .step-03-popup .form-row.type-01 .txt-radio{
      text-align: center;
      padding: 8px 0 8px 20px;
    }
    .step-03-popup .form-row.type-01 li:last-child .txt-radio{
      text-align: center;
      padding: 8px 0 8px 40px;
    }
  }
  .step-03-popup .form-row.type-01 .form-radio-list-01 li .txt-radio-02{
    font-size: 16px;
    display: block;
    line-height: 1.2;
  }
  .step-03-popup .txt-step-03-popup{
    padding: 0 15px;
    margin: 30px 0 20px;
    font-size: 21px;
    color: #008934;
    vertical-align: top;
  }
  @media screen and (max-width: 767px){
    .step-03-popup .txt-step-03-popup{
      padding: 0 20px;
      margin: 15px 0;
      width: calc(100% - 20px);
      font-size: 16px;
      color: #2F2F2F;
      border: 1px solid #008934;
    }
  }
  .step-03-popup .txt-step-03-popup strong{
    font-size: 30px;
    font-weight: bold;
  }
  @media screen and (max-width: 767px){
    .step-03-popup .txt-step-03-popup strong{
      font-size: 21px;
    }
  }
  .step-03-popup .local-nav-01 .btn-cmn-03:last-of-type{ 
    width: 19%;
    float: left;
    margin: -15px 0 40px 20px;
  }
  @media screen and (max-width: 767px){
    .step-03-popup .local-nav-01 .btn-cmn-03:last-of-type{ 
      width: 90px;
      float: left;
      font-size: 10px;
      margin: 0 0 20px 0;
    }
  }

/* step-05-popup
---------------------------------------------------------- */
.step-05-popup{
  position: relative;
  background: #FFF;
  padding: 20px 20px 20px 50px;
  width: auto;
  max-width: 800px;
  margin: 20px auto;
}
@media screen and (max-width: 767px){
  .step-05-popup{
    position: relative;
    background: #FFF;
    padding: 20px 0 0 20px;
    width: auto;
    max-width: 767px;
    margin: 50px 5px;
  }
}
  .step-05-popup .ttl-cmn-01{
    margin-top: 35px;
    padding-left: 15px;
  }
  @media screen and (max-width: 767px){
    .step-05-popup .ttl-cmn-01{
      margin-top: 15px;
      padding-left: 0;
    }
  }
  .step-05-popup .mfp-close{ visibility: hidden; }
  .step-05-popup .form-row {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}
  .step-05-popup .box-data{
    display: table-cell;
    font-size: 21px;
    vertical-align: middle;
  }
  @media screen and (max-width: 767px){
    .step-05-popup .box-data {
      display: block;
      width: 100%;
      font-size: 14px;
      padding: 5px 0 0 30px;
    }
  }  
  .step-05-popup .box-head {
    display: table-cell;
    width: 230px;
    padding: 10px 15px;
    font-size: 18px;
    color: #008934;
    vertical-align: top;
  }
  @media screen and (max-width: 767px){
    .step-05-popup .box-head {
      display: block;
      width: 100%;
      font-size: 16px;
      padding: 0;
    }
  }
  .step-05-popup .form-radio-list-01 li {
    display: inline-block;
    min-width: 150px;
    padding-right: 10px;
  }
  @media screen and (max-width: 767px){
    .step-05-popup .form-radio-list-01 li {
      display: block;
      min-width: auto;
      width: auto;
      padding-right: 10px;
      float: left;
    }
  }
  .step-05-popup .form-row.type-01 .form-radio-list-01 li {
    display: inline-block;
    min-width: 105px;
    padding-right: 0;
  }
  @media screen and (max-width: 767px){
    .step-05-popup .form-row.type-01 .form-radio-list-01 li {
      display: block;
      min-width: auto;
      float: left;
    }
  }
  .step-05-popup .form-row.type-01 .txt-radio{
    text-align: center;
    padding: 8px 0 8px 50px;
  }
  @media screen and (max-width: 767px){
    .step-05-popup .form-row.type-01 .txt-radio{
      text-align: center;
      padding: 8px 0 8px 20px;
    }
    .step-05-popup .form-row.type-01 li:last-child .txt-radio{
      text-align: center;
      padding: 8px 0 8px 40px;
    }
  }
  .step-05-popup .form-row.type-01 .form-radio-list-01 li .txt-radio-02{
    font-size: 16px;
    display: block;
    line-height: 1.2;
  }
  .step-05-popup .txt-step-05-popup{
    padding: 0 15px;
    margin: 30px 0 20px;
    font-size: 21px;
    color: #008934;
    vertical-align: top;
  }
  @media screen and (max-width: 767px){
    .step-05-popup .txt-step-05-popup{
      padding: 0 20px;
      margin: 15px 0;
      width: calc(100% - 20px);
      font-size: 16px;
      color: #2F2F2F;
      border: 1px solid #008934;
    }
  }
  .step-05-popup .txt-step-05-popup strong{
    font-size: 30px;
    font-weight: bold;
  }
  @media screen and (max-width: 767px){
    .step-05-popup .txt-step-05-popup strong{
      font-size: 21px;
    }
  }
  .step-05-popup .local-nav-01 .btn-cmn-05:last-of-type{ 
    width: 19%;
    float: left;
    margin: -15px 0 40px 20px;
  }
  @media screen and (max-width: 767px){
    .step-05-popup .local-nav-01 .btn-cmn-05:last-of-type{ 
      width: 70px;
      float: left;
      font-size: 10px;
      margin: 0 0 20px 0;
    }
  }

/* step-06-popup
---------------------------------------------------------- */
.step-06-popup{
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 767px){
  .step-06-popup{
    position: relative;
    background: #FFF;
    padding: 20px 0 0 20px;
    width: auto;
    max-width: 767px;
    margin: 0 5px;
  }
}
  .step-06-popup .ttl-cmn-01{
    margin-bottom: 35px;
    padding-left: 15px;
  }
  @media screen and (max-width: 767px){
    .step-06-popup .ttl-cmn-01{
      margin-top: 15px;
      padding-left: 0;
    }
  }
  .step-06-popup .mfp-close{ visibility: hidden; }
  .step-06-popup .form-row {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}
  .step-06-popup .box-data{
    display: table-cell;
    font-size: 21px;
    vertical-align: middle;
  }
  @media screen and (max-width: 767px){
    .step-06-popup .box-data {
      display: block;
      width: 100%;
      font-size: 14px;
      padding: 5px 0 0 30px;
    }
  }  
  .step-06-popup .box-head {
    display: table-cell;
    width: 280px;
    padding: 10px 15px;
    font-size: 18px;
    color: #008934;
    vertical-align: top;
  }
  @media screen and (max-width: 767px){
    .step-06-popup .box-head {
      display: block;
      width: 100%;
      font-size: 16px;
      padding: 0;
    }
	  .step-06-popup .box-simulation-01 {
		  margin-top:0;
	  }
  }
  @media screen and (min-width: 768px){
	.step-06-popup .box-data .box-simulation-01 {margin-top:0;}
    .step-06-popup .box-data .form-column-01 {
  	  display: table;
	  width:100%;
    }
    .step-06-popup .box-data .form-column-01>div {
  	  display: table-cell;
	  vertical-align: middle;
    }
    .step-06-popup .box-data .form-column-01>div.item-colinfo {
  	  width: 190px;
    }
  }
  .step-06-popup .form-radio-list-01 li {
    display: inline-block;
    min-width: 150px;
    padding-right: 10px;
  }
  @media screen and (max-width: 767px){
    .step-06-popup .form-radio-list-01 li {
      display: block;
      min-width: auto;
      width: auto;
      padding-right: 10px;
      float: left;
    }
  }
  .step-06-popup .form-row.type-01 .form-radio-list-01 li {
    display: inline-block;
    min-width: 105px;
    padding-right: 0;
  }
  .step-06-popup .form-row.type-01 .form-radio-list-01 li .txt-radio-02{
    font-size: 16px;
    display: block;
    line-height: 1.2;
  }
  .step-06-popup .txt-step-05-popup{
    padding: 0 15px;
    margin: 30px 0 20px;
    font-size: 21px;
    color: #008934;
    vertical-align: top;
  }
  @media screen and (max-width: 767px){
    .step-06-popup .txt-step-05-popup{
      padding: 0 20px;
      margin: 15px 0;
      width: calc(100% - 20px);
      font-size: 16px;
      color: #2F2F2F;
      border: 1px solid #008934;
    }
  }
  .step-06-popup .txt-step-05-popup strong{
    font-size: 30px;
    font-weight: bold;
  }
  @media screen and (max-width: 767px){
    .step-06-popup .txt-step-05-popup strong{
      font-size: 21px;
    }
  }
  .step-06-popup .local-nav-01 .btn-cmn-05:last-of-type{ 
    width: 19%;
    float: left;
    margin: -15px 0 40px 20px;
  }
  @media screen and (max-width: 767px){
    .step-06-popup .local-nav-01 .btn-cmn-05:last-of-type{ 
      width: 70px;
      float: left;
      font-size: 10px;
      margin: 0 0 20px 0;
    }
  }


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;text-align:left;}
#cboxContent{margin-top:26px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:1px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
/*#cboxLoadingGraphic{background:url(../img/modal/loading.gif) no-repeat center center;}*/

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
/*#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/modal/colorbox_controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/modal/colorbox_controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
*/#cboxClose{position:absolute; top:-26px; right:2px; display:block; background:url(../img/ico_close_01.png) no-repeat top left;background-size:contain;width:24px; height:24px; text-indent:-9999px;}
/*#cboxClose:hover{background:url(../images/modal/colorbox_controls.png) no-repeat top right;}*/



/* 2018-05-15 dsr add */
#cboxLoadedContent > div { margin: 10px 20px 20px; }
.btn-cmn-02 { max-width: 750px; width: 100%; }
.nav-result-01 .box-download a { display: block; }
.nav-result-01 .box-download a:hover { -ms-filter: 'alpha( opacity=70)'; filter: alpha( opacity=70); opacity: 0.7; }
.step-06-popup .form-row.disabled { position: relative; opacity: 0.4; }
.step-06-popup .form-row.disabled:before { position: absolute; top: 0; left: 0; bottom: 0; z-index: 1; width: 100%; content: ""; }
.box-cmn-01 .image img.no-sp { width: 100%; }

.step-navi-list { margin: 10px 0 0 0; }
.step-navi-list ul li { float: left; }
.step-navi-list ul li a { display: inline-block; padding: 1px; }
.step-navi-list ul li.no_link a { color: #2F2F2F; cursor: default; }
.step-navi-list ul li.current a { background-color: #D4E878; border: 1px solid #D4E878; border-radius: 2px; color: #008934; font-weight: bold; cursor: default; }


.msg_popup h2 {
 margin-bottom: 40px;
 padding-bottom:5px;
 border-bottom:6px solid #d7e6bc;
 margin-top: 20px;
 font-size: 26px;
 line-height: 30px;
 font-weight: bold;
}

.msg_popup .msg_blk {
 margin-bottom: 20px;
 font-size: 16px;
}

.msg_popup .msg_blk .bold {
 font-weight: bold;
 font-size: 18px;
}

.msg_popup .mfp-close {
display: block;
top: -30px;
right: 0;
width: 24px;
height: 24px;
padding: 0;
background: url("../img/ico_close_01.png") no-repeat;
background-size: 24px 24px;
opacity: 1;
cursor: pointer;
content: "";
}

.msg_popup .mfp-close{visibility: visible;}
.msg_popup .mfp-close:hover { opacity: 0.7; }

.msg_popup .popupTbl {
    width: 100%;
    margin: 5px 0 15px;
    border: 1px solid #ccc;
    background-color: #fff;
}


.msg_popup .popupTbl th,
.msg_popup .popupTbl td{
    vertical-align: middle;
    text-align: center;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 5px;
    width:50%;
}

.msg_popup .m_old_age th,
.msg_popup .m_old_age td{
    width:20%;
}

.msg_popup .m_training.college th,
.msg_popup .m_training.college td{
    width:20%;
}

.msg_popup .m_training.school th,
.msg_popup .m_training.school td{
    width:15%;
}

.msg_popup .m_training.school tr th:nth-child(1),
.msg_popup .m_training.school tr td:nth-child(1)  {
    width:10%;
}

.msg_popup .popupTbl.m_old_age th,
.msg_popup .popupTbl.m_training th{
    background-color: #edf5ed;
}

.msg_popup .popupTbl.m_funeral th{
  text-align: left;
}

.msg_popup .popupTbl.m_funeral .total{
    background-color: #edf5ed;
}

.msg_popup .note {
    font-size: 12px;
}

@media screen and (max-width: 767px){
  .msg_popup{
    padding: 20px;
  }
  .msg_popup h2 {
    font-size: 24px;
  }
  .msg_popup .msg_blk {
    font-size: 14px;
  }
}


/* ==========================================================
 モーダル画面"老後にかかる基本生活費の目安"
========================================================== */
#rogo_seikatsu_hiyo-popup .rogo_seikatsu_hiyo_title {
  color: #036eb8;
  margin-bottom: 0px !important;
  padding-bottom: 10px !important;
  border-bottom: 0px !important;
}

@media screen and (max-width: 767px){
  #rogo_seikatsu_hiyo-popup .rogo_seikatsu_hiyo_title {
    margin-top: 0px;
  }

  #rogo_seikatsu_hiyo-popup .rogo_seikatsu_hiyo_title {
    font-size: 16px;
    line-height: 18px;
  }

  #rogo_seikatsu_hiyo-popup .rogo_seikatsu_hiyo_subtitle {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 10px;
  }

  #rogo_seikatsu_hiyo-popup .rogo_seikatsu_hiyo_img {
    height: auto;
    width: 100%;
    vertical-align: top;
  }
}

@media screen and (min-width: 768px) {
  #rogo_seikatsu_hiyo-popup .rogo_seikatsu_hiyo_title {
    font-size: 26px;
  }

  #rogo_seikatsu_hiyo-popup .rogo_seikatsu_hiyo_subtitle {
    font-size: 16px;
  }

  #rogo_seikatsu_hiyo-popup .rogo_seikatsu_hiyo_img {
    height: auto;
    width: 85%;
    vertical-align: top;
  }
}

/* ==========================================================
 モーダル画面"公的老齢年金はどれくらいもらえる？"
========================================================== */
#rogo_kouteki_nenkin-popup .rogo_kouteki_nenkin_title_wrapper {
  border-left: 10px solid #5877ba;
  padding: 5px 0 5px 10px;
}
#rogo_kouteki_nenkin-popup .rogo_kouteki_nenkin_title_wrapper h2 {
  border-bottom: none;
  margin: 0;
}
#rogo_kouteki_nenkin-popup .rogo_kouteki_nenkin_title_wrapper h2 span {
  color: #e8320b;
  font-size: 1.25em;
}
#rogo_kouteki_nenkin-popup .rogo_kouteki_nenkin_subtitle {
  padding-top: 0.5em;
  font-weight: bold;
}
#rogo_kouteki_nenkin-popup .rogo_kouteki_nenkin_table_area {
  padding-top: 20px;
}
#rogo_kouteki_nenkin-popup .rogo_kouteki_nenkin_table_area .table_area_wrapper {
  padding-bottom: 10px;
}
#rogo_kouteki_nenkin-popup .rogo_kouteki_nenkin_table_area div.table_area {
  position: relative;
  display: inline-block;
  padding: 0 1em;
}
#rogo_kouteki_nenkin-popup .rogo_kouteki_nenkin_table_area div.table_area .popupTbl {
  width: auto;
}
#rogo_kouteki_nenkin-popup .rogo_kouteki_nenkin_table_area table th,
#rogo_kouteki_nenkin-popup .rogo_kouteki_nenkin_table_area table td {
  white-space: nowrap;
  width: 1em;
  padding: 0 0.5em;
}
#rogo_kouteki_nenkin-popup.msg_popup .popupTbl.m_training th {
  background-color: #ddebf7;
}
#rogo_kouteki_nenkin-popup .rogo_kouteki_nenkin_table_area .note {
  text-align: right;
}

@media screen and (max-width: 767px){
  .msg_popup#rogo_kouteki_nenkin-popup {
    margin: 0;
  }
  #rogo_kouteki_nenkin-popup .rogo_kouteki_nenkin_table_area table th,
  #rogo_kouteki_nenkin-popup .rogo_kouteki_nenkin_table_area table td {
    white-space: normal;
    width: auto;
  }
  #rogo_kouteki_nenkin-popup .rogo_kouteki_nenkin_table_area div.table_area {
    padding: 0 0.5em;
  }
}