@charset "UTF-8";

/* ==========================================================
 html5 elements
========================================================== */
article, aside, figure, figcaption, footer, header, nav, section
{ display: block;}
/* ==========================================================
 reseting
========================================================== */
body {
  line-height: 1.6;
  color: #544e4e;
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
  background-color: #06a792;
  word-break: break-all;
}
body, input, textarea, select, button {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  /* 明朝フォント
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, 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: #544e4e;
  text-decoration: none;
}
a:visited { color: #883d5b;}
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 {
  overflow: hidden;
  width: 100%;
}
/* ==========================================================
 header
========================================================== */
.header {
  position: relative;
  width: 100%;
  min-width: 1000px;
  margin: 0 auto;
  background-color: #fff;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.5) 50%, #f6f6f7);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.5) 50%, #f6f6f7);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.5) 50%, #f6f6f7);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.5) 50%, #f6f6f7);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.5) 50%, #f6f6f7);
  -webkit-box-shadow: 0 0 6px 4px rgba(0,0,0,.28);
	-moz-box-shadow: 0 0 6px 4px rgba(0,0,0,.28);
	box-shadow: 0 0 6px 4px rgba(0,0,0,.28);
  z-index: 9999;
}
  .header-in {
    position: relative;
    width: 1000px;
    height: 99px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: left;
  }
  .header-cont { }
  .header-logo {
	  position: absolute;
	  top:27px;
	  left:20px;
	  width: 191px;
  }
  .header-utility {
	  position: absolute;
	  top:25px;
	  left:272px;
	  width: 509px;
  }
    .header-search { margin-bottom: 8px;}
      .form-header-input {
        width: 300px;
        height: 35px;
        padding: 0px 13px;
        line-height: 35px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: #fff;
        border: solid 2px #b5b4b4;
        font-size: 18px;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
      }
        .form-header-input::-webkit-input-placeholder { color: #999;}
        .form-header-input::-moz-placeholder { color: #999;}
        .form-header-input:-ms-input-placeholder { color: #999;}
        .form-header-input:-moz-placeholder { color: #999;}
      .form-header-button button {
        width: 35px;
        height: 35px;
        background: url(../img/ico_serach_01.png) center no-repeat;
        text-indent: -9999px;
      }
        .form-header-button button:hover { opacity: 0.7;}
    .header-links {
      /* display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center; */
      margin-left: 4px;
      margin-bottom: 10px;
    }
      .header-links .title {
        float: left;
        width: 143px;
        margin-right: 9px;
        font-size: 13px;
        color: #299189;
      }
      .header-links .list {
        overflow: hidden;
        margin: 0 0 -5px -5px;
      }
        .header-links .list .item {
          float: left;
          margin: 0 0 5px 5px;
        }
          .header-links .list .item .link {
            display: block;
            padding: 0 7px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            background-color: #5dc9c1;
            font-size: 13px;
            color: #fff;
          }
          .header-links .list .item .link:hover { opacity: 0.7;}
  .header-items {
	  display: -webkit-flex;
	  display: flex;
	  position: absolute;
	  top:0px;
	  right:20px;
  }
    .header-items .header-btn {
      width: 100px;
    }
      .header-items .header-btn:hover { opacity: 0.7;}
      .header-items .header-btn.login {
        background-color: #d4e9e7;
        -webkit-box-shadow: inset 0 0 5px rgba(174,174,174,.34);
        -moz-box-shadow: inset 0 0 5px rgba(174,174,174,.34);
        box-shadow: inset 0 0 5px rgba(174,174,174,.34);
      }
      .header-items .header-btn .link {
        display: table;
        width: 100%;
        height: 100%;
        padding-bottom: 15px;
      }
      .header-items .header-btn.alert .link{ background-color: #299189;}
        .header-items .header-btn .link .icon {
          position: relative;
          padding-top: 27px;
          text-align: center;
        }
          .header-items .header-btn.login .link .icon { padding-top: 24px;}
          .header-items .header-btn .text {
            display: block;
            line-height: 1.1;
          }
          .header-items .header-btn .number {
            display: block;
            position: absolute;
            top: 13px;
            right: 13px;
            width: 35px;
            height: 35px;
            line-height: 35px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background-color: #e60012;
            color: #fff;
            text-align: center;
          }
          .header-items .header-btn.login .text { margin-top: 5px;}
          .header-items .header-btn.menu .text { margin-top: 8px;}
		  .header-items .header-btn.menu_close .text { margin-top: 8px;}


/* ==========================================================
 header menu
========================================================== */
.header-items .header_menu_content {
  position: absolute;
  z-index: 100;
  top: 100px;
  right: 0px;
  width: 180px;
  background: #ffffff;
  border: 1px solid #06a792;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
  }
   .header-items .header_menu_content ul {
	  margin: 0 auto;
   }

   .header-items .header_menu_content li {
	  border-bottom: 1px solid #06a792;
   }

   .header-items .header_menu_content li:last-child {
	  border-bottom: none;
   }

   .header-items .header_menu_content li a {
	  background: url(../img/ico_arrow_right_03.png) 95% 50% no-repeat;
	  background-size: 8px 11px;
	  display: block;
	  color: #544e4e;
	  padding: 10px 15px;
   }

   .header-items .header_menu_content li a:hover {
	  background: url(../img/ico_arrow_right_07.png) 95% 50% no-repeat;
	  background-size: 8px 11px;
	  display: block;
	  background-color: #5dc9c1;
      color: #fff;
   }
 /* ==========================================================
 header infomation
========================================================== */
.header-items .header_new_info {
  position: absolute;
  z-index: 100;
  top: 100px;
  right: 100px;
  width: 320px;
  background: #ffffff;
  border: 1px solid #06a792;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
  }

  .header-items .header_new_info .info_title {
    background: #5dc9c1;
    color: #ffffff;
    display: flex;
  }

  .header-items .header_new_info h2 {
    text-align: center;
    width: 85%;
    padding: 5px 0 5px 20px;
  }

  .header-items .header_new_info p {
    text-align: right;
    width: 15%;
    padding: 10px 8px 0;
  }

  .header-items .header_new_info ul {
    margin: 0 auto;
  }

  .header-items .header_new_info li {
    border-bottom: 1px dotted #cccccc;
  }

  .header-items .header_new_info li:last-child {
    border-bottom: none;
  }

  .header-items .header_new_info li span {
	display: block;
	color: #999999;
	font-size: 13px;
  }

  .header-items .header_new_info li a {
    display: block;
    color: #544e4e;
    padding: 10px 15px;
  }

  .header-items .header_new_info li a:hover {
    display: block;
    background-color: #f4f4f4;
  }

/* ==========================================================
 nav-global
========================================================== */
.nav-global {
}
  .nav-global li {
  }
    .nav-global li a {
    }
    .nav-global li a:hover {
    }
/* ==========================================================
 nav-local
========================================================== */
.nav-local {
}
  .nav-local li {
  }
    .nav-local li a {
    }
    .nav-local li a:hover {
    }
/* ==========================================================
 nav-breadcrumb
========================================================== */
.nav-breadcrumb {
  width: 1000px;
  overflow: hidden;
  margin: 0 auto;
  padding: 25px 20px 16px;
  text-align: left;
}
  .nav-breadcrumb li {
    float: left;
    white-space: nowrap;
    font-size: 12px;
    color: #fefefe;
  }
    .nav-breadcrumb li a {
      font-size: 12px;
      font-weight: bold;
      color: #883d5b;
      text-decoration: underline;
    }
      .nav-breadcrumb li a:hover { text-decoration: none;}
    .nav-breadcrumb li span { padding: 0 6px;}
/* ==========================================================
 contents
========================================================== */
.contents {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}

/* ==========================================================
 footer
========================================================== */
.footer {
  width: 100%;
  padding: 56px 0 23px;
  color: #fff;
}
  .footer-in {
    width: 920px;
    margin: 0 auto;
    text-align: left;
  }
  .footer-utility {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 16px;
  }
    .footer-btn { margin-right: 80px;}
      .footer-btn .link {
        display: block;
        padding: 5px 9px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: #fff;
        border: solid 1px #b6b0b0;
        background-image: -webkit-linear-gradient(bottom, #e4e1e1, #fff 52%);
        background-image: -moz-linear-gradient(bottom, #e4e1e1, #fff 52%);
        background-image: -o-linear-gradient(bottom, #e4e1e1, #fff 52%);
        background-image: -ms-linear-gradient(bottom, #e4e1e1, #fff 52%);
        background-image: linear-gradient(to top, #e4e1e1, #fff 52%);
        font-size: 12px;
        font-weight: bold;
        color: #726f6f;
        text-align: center;
      }
    .footer-links { overflow: hidden;}
      .footer-links .item {
        float: left;
        margin-right: 12px;
        padding-left: 16px;
        background: url(../img/ico_arrow_right_01.png) left center no-repeat;
      }
        .footer-links .item:last-child { margin-right: 0;}
        .footer-links .item .link {
          font-size: 12px;
          color: #fff;
          line-height: 1.1;
        }
          .footer-links .item .link:hover { text-decoration: underline;}
  .footer-copyright {
    font-size: 12px;
  }
/* ==========================================================
 grid
========================================================== */
/* grid-cmn
---------------------------------------------------------- */
.grid-cmn {
}
  .grid-cmn > .col {
  }
/* ==========================================================
 area
========================================================== */
/* area-cmn
---------------------------------------------------------- */
.area-cmn {
}

/*========================================================== */
/* box-top-tab-01
---------------------------------------------------------- */
.box-top-tab-01 { display: none;}
  /* list-top-tab-01 */

/* ==========================================================
 section
========================================================== */
/* sec-cmn-01
---------------------------------------------------------- */
.sec-cmn-01 {
  min-width: 1000px;
  margin: 0 auto 35px;
  padding: 15px 0 25px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 10px rgba(84,78,78,.3);
  -moz-box-shadow: 0 2px 10px rgba(84,78,78,.3);
  box-shadow: 0 2px 10px rgba(84,78,78,.3);
}
  .sec-cmn-01 .inner {
    width: 920px;
    margin: 0 auto;
  }

  .sec-cmn-01 .inner02 {
    width: 1000px;
    margin: 0 auto;
  }


/* ========================================================== */
/* sec-cmn-02
---------------------------------------------------------- */
.sec-cmn-02 {
  min-width: 1000px;
  margin: 0 auto 35px;
  padding: 15px 0 25px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 10px rgba(84,78,78,.3);
  -moz-box-shadow: 0 2px 10px rgba(84,78,78,.3);
  box-shadow: 0 2px 10px rgba(84,78,78,.3);
}
  .sec-cmn-02 .inner {
    width: 920px;
    margin: 0 auto;
  }


/* ==========================================================
sec-btn
========================================================== */
/* sec-btn-01
---------------------------------------------------------- */
.sec-btn-01 {
  min-width: 1000px;
  margin: 0 auto;
  padding: 15px 0 35px;
  background-color: #fff;
  }
  .sec-btn-01 .inner {}


/* sec-btn-02
---------------------------------------------------------- */
.sec-btn-02 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse; /* Safari */
  flex-direction:         row-reverse;
  justify-content: center;
  min-width: 1000px;
  margin: 0 auto 35px;
  padding: 15px 0 40px;
  background-color: #fff;

}
 .sec-btn-02 .inner {}

/* sec-btn-03
---------------------------------------------------------- */
.sec-btn-03 {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  min-width: 1000px;
  margin: 0 auto 35px;
  padding: 15px 0 40px;
  background-color: #fff;

}
/* ==========================================================
shadow
========================================================== */
.sec-no-shadow {
 	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.sec-top-shadow {
 	-webkit-box-shadow: 0 -5px 10px -3px rgba(84,78,78,.3);
	-moz-box-shadow: 0 -5px 10px -3px rgba(84,78,78,.3);
	box-shadow: 0 -5px 10px -3px rgba(84,78,78,.3);
}

.sec-bottom-shadow {
 	-webkit-box-shadow: 0 5px 10px -3px rgba(84,78,78,.3);
	-moz-box-shadow: 0 5px 10px -3px rgba(84,78,78,.3);
	box-shadow: 0 5px 10px -3px rgba(84,78,78,.3);
}


/* ==========================================================
 box
========================================================== */
/* box-cmn
---------------------------------------------------------- */
.box-cmn {
}
/* ==========================================================
 hero
========================================================== */
/* hero-cmn
---------------------------------------------------------- */
.hero-cmn {
}
/* ==========================================================
 module
========================================================== */

/* ==========================================================
 title
========================================================== */
/* ttl-cmn-01
---------------------------------------------------------- */
.ttl-cmn-01, .ttl-cmn-05{
  margin-bottom: 14px;
  font-size: 22px;
  font-weight: bold;
  color: #544e4e;
}
/* ttl-cmn-02
---------------------------------------------------------- */
.ttl-cmn-02, .ttl-cmn-06 {
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: bold;
  color: #299189;
}
/* ttl-cmn-03
---------------------------------------------------------- */
.ttl-cmn-03 {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
  color: #299189;
}
/* ttl-cmn-04
---------------------------------------------------------- */
.ttl-cmn-04 {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
  color: #299189;
}

/* ttl-cmn-07
---------------------------------------------------------- */
.ttl-cmn-07 {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
  color: #544e4e;
}

/* ==========================================================
 text
========================================================== */
/* txt-cmn
---------------------------------------------------------- */
.txt-cmn {
}

/*========================================================== */
/* txt-cmn-01
---------------------------------------------------------- */
.txt-cmn-01 {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1.4;
}
  .txt-cmn-01 .link { color: #f00;}

/* txt-cmn-02
---------------------------------------------------------- */
.txt-cmn-02 {
  margin-top: 15px;
  padding-bottom: 20px;
}

/* txt-cmn-03
---------------------------------------------------------- */
.txt-cmn-03 {
  margin:0 0 15px 30px;
  font-size: 18px;
}
/* ==========================================================
 list
========================================================== */
.list-cmn-wrap {
	width: 920px;
	margin: 0 auto;
}

/* list-cmn-01
---------------------------------------------------------- */
.list-cmn-01 { margin-bottom: -18px;}
  .list-cmn-01 .item { margin-bottom: 18px;}
    .list-cmn-01 .link {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      padding: 17px 30px 19px 18px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      background: #f2fffe url(../img/ico_arrow_right_03.png) right 8px center no-repeat;
      border: 2px #ccc dotted;
    }
      .list-cmn-01 .link:hover { background-color: #e6f2f1;}
        .list-cmn-01 .link:hover .icon { opacity: 0.4;}
      .list-cmn-01 .link .icon {
        -webkit-flex: 0 0 64px;
        flex: 0 0 64px;
        margin-right: 20px;
      }
      .list-cmn-01 .link .box {}
        .list-cmn-01 .link .box .title {
          overflow: hidden;
          width: 275px;
          margin-bottom: 9px;
          font-size: 18px;
          font-weight: bold;
          white-space: nowrap;
          text-overflow: ellipsis;
          color: #333;
        }
        .list-cmn-01 .link .box .text {
		  color: #4c4c4c;
		}

/* type-01 */
.list-cmn-01.type-01 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
  .list-cmn-01.type-01 .item { width: 50%;}
  .list-cmn-01.type-01 .item:nth-child(odd) { padding-right: 10px;}
  .list-cmn-01.type-01 .item:nth-child(even) { padding-left: 10px;}

/* type-02 */
 .list-cmn-01.type-02 {
	width: 920px;
    margin: 0 auto 30px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

  .list-cmn-01.type-02 .item {
	  width: 450px;
	  margin-right: 20px;
  }

  .list-cmn-01.type-02 .item:nth-child(even) {
	  margin-right: 0px;
  }




	/* あとで消す
	.list-cmn-01.type-02 {
	width: 920px;
    margin: 0 auto 30px;
}

  .list-cmn-01.type-02 .box {
	  display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
  }

    .list-cmn-01.type-02 .link .box .title {
          -webkit-flex: 0 0 360px;
		  flex: 0 0 360px;
          font-size: 20px;
          font-weight: bold;
		  margin-right: 25px;
     }
    .list-cmn-01.type-02 .link .box .text {
		  -webkit-flex: 0 0 360px;
		  flex: 0 0 360px;

	}*/


/* list-cmn-02
---------------------------------------------------------- */
.list-cmn-02 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -6.5px -10px;
}
  .list-cmn-02 .item {
    width: 25%;
    margin-bottom: 10px;
    padding: 0 6.5px;
  }
    .list-cmn-02 .item .link {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      padding: 5px 8px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      background-color: #efeff4;
      -webkit-box-shadow: inset 0 0 6px 2px rgba(213,212,216,.75);
      -moz-box-shadow: inset 0 0 6px 2px rgba(213,212,216,.75);
      box-shadow: inset 0 0 6px 2px rgba(213,212,216,.75);
    }
      .list-cmn-02 .item .link .icon {
        position: relative;
        -webkit-flex: 0 0 35px;
        flex: 0 0 35px;
        height: 40px;
        margin-right: 0px;
      }
        .list-cmn-02 .item .link .icon img {
          position: absolute;
          top: 50%;
          left: 40%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
        }
        .list-cmn-02 .item .link .icon .is-default {}
        .list-cmn-02 .item .link .icon .is-over { opacity: 0;}
      .list-cmn-02 .item .link .text {
        font-size: 16px;
        line-height: 1.2;
        letter-spacing: -0.04em;
      }
    /* hover */
    .list-cmn-02 .item .link:hover {
      background-color: #e6f2f1;
      -webkit-box-shadow: inset 0 0 9px rgba(41,145,137,.38);
      -moz-box-shadow: inset 0 0 9px rgba(41,145,137,.38);
      box-shadow: inset 0 0 9px rgba(41,145,137,.38);
    }
      .list-cmn-02 .item .link:hover .icon .is-default { opacity: 0;}
      .list-cmn-02 .item .link:hover .icon .is-over { opacity: 1;}



/* list-cmn-input-01
---------------------------------------------------------- */
.list-cmn-input-01 {
	width: 920px;
    margin: 0 auto;
}
  .list-cmn-input-01 .item {
    padding: 10px 10px 16px;
    background-color: #e6f2f1;
    border-bottom: 5px rgba(255,255,255,0.5) solid;
  }

  .list-cmn-input-01 .item .caution {
	  margin: 8px 20px 0px 200px;
  }
    .list-cmn-input-01 .item:last-child { border-bottom: none;}
      .list-cmn-input-01 .link {
          margin-top: 8px;
          text-align: right;
          line-height: 1.1;
        }
          .list-cmn-input-01 .link a {
            font-size: 14px;
            color: #f00;
            text-decoration: underline;
          }

    /* box-cmn-input-01 */
    .box-cmn-input-01 {
	  display: -webkit-flex;
      display: flex;
	}
      .box-cmn-input-01 .box-title-01 {
		 width: 200px;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 3px;
      }
        .box-cmn-input-01 .box-title-01 .require {
          width: 30px;
          margin-right: 5px;
          background-color: #fd4444;
          font-size: 10px;
          color: #fff;
          text-align: center;
          line-height: 1.3;
        }
        .box-cmn-input-01 .box-title-01 .title {
          font-size: 16px;
          font-weight: bold;
          color: #5e5d5d;
        }
        .box-cmn-input-01 .box-title-01 .text {
          margin-left: 13px;
          font-size: 14px;
          color: #5e5d5d;
        }
      .box-cmn-input-01 .txt-detail {
        display: inline-block;
        margin-bottom: 7px;
        color: #5e5d5d;
        line-height: 1.3;
      }
      .box-cmn-input-01 .txt-error {
        margin: 5px 0 0 9px;
        font-size: 14px;
        color: #fd4444;
        line-height: 1.1;
      }
      /* list-form-radio-01 */
      .list-form-radio-01 {
        display: -webkit-flex;
        display: flex;
        margin-left: 48px;
      }
      .list-form-radio-01.type-01 { margin-left: 25px;}
        .list-form-radio-01 .item-check:not(:last-child) { margin-right: 20px;}
      /* list-form-radio-02 */
      .list-form-radio-02 {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 17px 0 -25px 9px;
      }
        .list-form-radio-02 .item-check {
          width: 34%;
          margin-bottom: 25px;
        }
          .list-form-radio-02 .item-check:nth-child(3n) { width: 32%;}
          .list-form-radio-02 .item-check img { width: 50px;}



/* dl-cmn-input-01
---------------------------------------------------------- */
.dl-cmn-input-01 {
	width: 920px;
    margin: 0 auto;
	background: #e6f2f1;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}


.dl-cmn-input-01.s-mbm {
	margin-bottom: 25px;
}


  .dl-cmn-input-01 dt, .dl-cmn-input-01 dd {
    box-sizing: border-box;
    border-top: 5px rgba(255,255,255,0.5) solid;
    margin: 0;
	padding: 10px 15px;
  }


  .dl-cmn-input-01 dt:first-of-type, .dl-cmn-input-01 dd:first-of-type{
	border-top: none;
  }


  .dl-cmn-input-01 dt {
    width: 30%;
	font-size: 16px;
    font-weight: bold;
    color: #5e5d5d;
  }

  .dl-cmn-input-01 dd {
    width: 70%;
	font-size: 16px;
	color: #5e5d5d;
  }

  .dl-cmn-input-01 dd .text-middle {
	  position: relative;
	  top: 50%;
	  -webkit-transform: translateY(-50%); /* Safari用 */
	  transform: translateY(-50%);
  }

  .dl-cmn-input-01 .dl-padding-01 {
	  padding: 14px 15px 6px 15px;
  }

    .dl-cmn-input-01 .link {
       margin-top: 8px;
       text-align: right;
       line-height: 1.1;
    }
      .dl-cmn-input-01 .link a {
          font-size: 14px;
          color: #f00;
          text-decoration: underline;
      }

	.dl-cmn-input-01 .require {
          width: 30px;
          margin-right: 5px;
          background-color: #fd4444;
          font-size: 12px;
          color: #fff;
          text-align: center;
          line-height: 1.3;
		  padding: 1px 4px;
        }

   .dl-cmn-input-01 .title {
          font-size: 16px;
          font-weight: bold;
          color: #5e5d5d;
        }

   .dl-cmn-input-01 .text {
        display: inline-block;
        margin: 5px;
        color: #5e5d5d;
        line-height: 1.3;
		font-size: 14px;
		font-weight: normal;
      }
   .dl-cmn-input-01 .txt-detail {
        display: block;
        margin: 5px 0 7px;
        color: #5e5d5d;
        line-height: 1.3;
		font-size: 14px;
		font-weight: normal;
      }
   .dl-cmn-input-01 .txt-error {
        margin: 5px 0 0 0px;
		display: inline-block;
        font-size: 14px;
        color: #fd4444;
        line-height: 1.1;
      }



	.dl-cmn-input-01 input[type=radio] {
		display:none;
	}

	  /*　ラジオボタン 未選択時の背景指定　*/
	  .dl-cmn-input-01 input[type=radio] ~ label {
		padding:0px 0 3px 25px;
        background:url(../img/ico_check_01_no.png) left 0px no-repeat;
        background-size:20px 20px;
        cursor:pointer;
	}

      /*　ラジオボタン 選択時の背景指定　*/
      .dl-cmn-input-01 input[type=radio]:checked ~ label {
        background:url(../img/ico_check_01_on.png) left 0px no-repeat;
        background-size:20px 20px;
        cursor:pointer;
     }
	 .dl-cmn-input-01 .item-check img {
		 margin-top: -15px;
	 }


	 /* list-form-radio-01 */
      .list-form-radio-01 {
        display: -webkit-flex;
        display: flex;
        margin-left: 0px;
      }
      .list-form-radio-01.type-01 { margin-left: 25px;}
        .list-form-radio-01 .item-check:not(:last-child) { margin-right: 20px;}
      /* list-form-radio-02 */
      .list-form-radio-02 {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 25px 0 -25px 0px;
      }
        .list-form-radio-02 .item-check {
          width: 34%;
          margin-bottom: 45px;
        }
          .list-form-radio-02 .item-check:nth-child(3n) { width: 32%;}
          .list-form-radio-02 .item-check img { width: 50px;}



/* dl-cmn-input-02
---------------------------------------------------------- */
.dl-cmn-input-02 {
	width: 920px;
    margin: 0 auto;
	background: #e6f2f1;

	display: -webkit-flex;
	display: flex;
	/* はみ出そうな時の折り返しを有効化 */
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}


  .dl-cmn-input-02 dt, .dl-cmn-input-02 dd {
    box-sizing: border-box;
    border-top: 5px rgba(255,255,255,0.5) solid;
    margin: 0;
    padding: 10px 15px;
  }

  .dl-cmn-input-02 dt:first-of-type, .dl-cmn-input-02 dd:first-of-type{
	border-top: none;
  }


  .dl-cmn-input-02 dt {
    width: 30%;
	font-size: 16px;
    font-weight: bold;
    color: #5e5d5d;
  }

  .dl-cmn-input-02 dd {
    width: 70%;
	font-size: 16px;
	color: #5e5d5d;
  }

  .dl-cmn-input-02 dd .text-middle {
	  position: relative;
	  top: 50%;
	  -webkit-transform: translateY(-50%); /* Safari用 */
	  transform: translateY(-50%);
  }



/* ==========================================================
 table
========================================================== */
/* table-cmn
---------------------------------------------------------- */
.table-cmn {
}
  .table-cmn th,
  .table-cmn td {
  }
  .table-cmn th {
  }
  .table-cmn td {
  }
/* ==========================================================
 button
========================================================== */
/* btn-cmn
---------------------------------------------------------- */
.btn-cmn {
}
/* pagetop
---------------------------------------------------------- */
.btn-cmn-pagetop {
  text-align: right;
}
/* ==========================================================
 link
========================================================== */
/* link-cmn
---------------------------------------------------------- */
.link-cmn {
}
/* ==========================================================
 icon
========================================================== */
/* ico-cmn
---------------------------------------------------------- */
.ico-cmn {
}
/* ==========================================================
 figure
========================================================== */
/* fig-cmn
---------------------------------------------------------- */
.fig-cmn {
}
/* ==========================================================
 image
========================================================== */
/* img-cmn-adjust
---------------------------------------------------------- */
.img-cmn-adjust {
}
/* ==========================================================
 form
========================================================== */
/* base Form
---------------------------------------------------------- */
/* type="text" */
input[type="text"] {
}
/* type="checkbox" */
input[type="checkbox"] {
}
/* type="radio" */
input[type="radio"] {
}
/* select */
select {
}
/* textarea */
textarea {
}
/* button */
button {
}
/* class Form
---------------------------------------------------------- */
/* form-cmn-input
---------------------------------------------------------- */
.form-cmn-input {
  width: 95%;
  padding: 0 8px;
  line-height: 31px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  border: solid 1px #b5b4b4;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* form-cmn-check
---------------------------------------------------------- */
.form-cmn-check {
}
/* form-cmn-radio
---------------------------------------------------------- */
.form-cmn-radio {
}
/* form-cmn-select
---------------------------------------------------------- */
.form-cmn-select {
  width: 95%;
  padding: 0 8px;
  line-height: 31px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fff url(../img/ico_arrow_down_01.png) right 4px center no-repeat;
  background-size: 25px;
  border: solid 1px #b5b4b4;
  color: #5e5d5d;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select.form-cmn-select::-ms-expand {
    display: none;
}

.form-cmn-select option {
}


/* form-cmn-textarea
---------------------------------------------------------- */
.form-cmn-textarea {
  width: 95%;
  height: 150px;
  padding: 0 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  border: solid 1px #b5b4b4;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* form-cmn-button
---------------------------------------------------------- */
.form-cmn-button {
}
/* ==========================================================
 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-mb-00    { margin-bottom: 0 !important;}
.s-ml-00    { margin-left: 0 !important;}
.s-mr-00    { margin-right: 0 !important;}
.s-pt-00    { padding-top: 0 !important;}
.s-pb-00    { padding-bottom: 0 !important;}
.s-pl-00    { padding-left: 0 !important;}
.s-pr-00    { padding-right: 0 !important;}
.s-pc-pt-00    { padding-top: 0 !important;}
.s-pc-pb-00    { padding-bottom: 0 !important;}
.s-pc-pl-00    { padding-left: 0 !important;}
.s-pc-pr-00    { padding-right: 0 !important;}
.s-sp-pt-00    {}
.s-sp-pb-00    {}
.s-sp-pl-00    {}
.s-sp-pr-00    {}
.s-sp-pad-00 {}
.s-pc-pt-00    { margin-top: 0 !important;}
.s-pc-mb-00    { margin-bottom: 0 !important;}
.s-pc-ml-00    { margin-left: 0 !important;}
.s-pc-mr-00    { margin-right: 0 !important;}
.s-sp-mt-00    {}
.s-sp-mb-00    {}
.s-sp-ml-00    {}
.s-sp-mr-00    {}
/* ==========================================================
 rwd switch
========================================================== */
/* display
---------------------------------------------------------- */
.sp-dispalynone {}
.pc-dispalynone { display: none !important; }

/* 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: 768px) {
.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;}
}
/* ==========================================================
 tool
========================================================== */
.atode { padding: 10px; border: 2px solid #8c0000; background-color: #ff4d4d; color: #fff; font-size: 30px; text-align: center;}