@charset "UTF-8";
/* Custom Styles */

html,body {
  height: 100%;
  width:100%;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background:#f4f7e8;
  color:#222;
  font-size:16px;
  overflow-wrap: break-word;
}

h1, h2, h3, h4, h5, h6, strong{
  font-weight:bold;
}

ul, ol {
  padding-inline-start: 1em!important;
}

em{
  color:#ff0000;
  font-style:normal;
}

.font_ss{
  font-size: 60%;
  line-height: 1.2em !important;
}
.font_s{
  font-size: 85%;
  line-height: 1.2em !important;
}
.font_sg{
  font-size: 85%;
  line-height: 1.2em !important;
  color: #6bb10f;
}
.font_l{
  font-size: 120%;
  line-height: 1.5em !important;
}
.font_lb{
  font-size: 160%;
  line-height: 1.5em !important;
  font-weight:bold;
}
.font_lbs_xs{
  font-size: 120%;
  line-height: 1.5em;
  font-weight:bold;
}
.font_lb_xs{
  font-size: 150%;
  line-height: 1.5em;
  font-weight:bold;
}
.font_lub{
  font-size: 120%;
  line-height: 1.5em !important;
  text-decoration: underline;
  font-weight:bold;
}
.font_ub{
  text-decoration: underline;
  font-weight:bold;
}
.font_b{
  font-weight:bold;
}
.font12{font-size:12px; line-height: 1.5em!important;}
.font13{font-size:13px; line-height: 1.5em!important;}
.font16_s{font-size:16px; line-height: 1.2em!important;}
.font16{font-size:16px; line-height: 1.5em!important;}
.font17{font-size:17px; line-height: 1.5em!important;}
.font18_s{font-size:18px; line-height: 1.2em!important;}
.font18{font-size:18px; line-height: 1.5em!important;}
.font19{font-size:19px; line-height: 1.5em!important;}
.font20_xs{font-size:20px; line-height: 1.5em!important;}
.font20{font-size:20px; line-height: 1.5em!important;}
.font21{font-size:21px; line-height: 1.5em!important;}
.font22{font-size:22px; line-height: 1.5em!important;}
.font22_xs{font-size:22px; line-height: 1.5em!important;}
.font23{font-size:23px; line-height: 1.5em!important;}
.font24{font-size:24px; line-height: 1.5em!important;}
.font25{font-size:25px; line-height: 1.5em!important;}
.font26{font-size:26px; line-height: 1.5em!important;}
.font27{font-size:27px; line-height: 1.5em!important;}
.font28{font-size:28px; line-height: 1.5em!important;}
.font29{font-size:29px; line-height: 1.5em!important;}
.font30{font-size:30px; line-height: 1.5em!important;}
.font30_xs{font-size:30px; line-height: 1.5em;}
.font31{font-size:31px; line-height: 1.5em!important;}
.font32{font-size:32px; line-height: 1.5em!important;}
.font33{font-size:33px; line-height: 1.5em!important;}
.font34{font-size:34px; line-height: 1.5em!important;}
.font35{font-size:35px; line-height: 1.5em!important;}
.font36{font-size:36px; line-height: 1.5em!important;}
@media screen and (max-width: 767px) {
  .font_s{font-size: 80%;}
  .font_ss{font-size: 66%;}
  .font_sg{font-size: 80%;}
  .font12{font-size:10px; line-height: 1.5em!important;}
  .font13{font-size:11px; line-height: 1.5em!important;}
  .font16_s{font-size:14px; line-height: 1.2em!important;}
  .font16{font-size:14px; line-height: 1.5em!important;}
  .font17{font-size:14px; line-height: 1.5em!important;}
  .font18_s{font-size:16px; line-height: 1.2em!important;}
  .font18{font-size:16px; line-height: 1.5em!important;}
  .font19{font-size:16px; line-height: 1.5em!important;}
  .font20_xs{font-size:16px; line-height: 1.2em!important;}
  .font20{font-size:18px; line-height: 1.5em!important;}
  .font21{font-size:18px; line-height: 1.5em!important;}
  .font22{font-size:18px; line-height: 1.5em!important;}
  .font22_xs{font-size:16px; line-height: 1.2em!important;}
  .font23{font-size:18px; line-height: 1.5em!important;}
  .font24{font-size:18px; line-height: 1.5em!important;}
  .font25{font-size:18px; line-height: 1.5em!important;}
  .font26{font-size:18px; line-height: 1.5em!important;}
  .font27{font-size:18px; line-height: 1.5em!important;}
  .font28{font-size:18px; line-height: 1.5em!important;}
  .font29{font-size:18px; line-height: 1.5em!important;}
  .font30{font-size:18px; line-height: 1.5em!important;}
  .font30_xs{font-size:16px; line-height: 1.2em!important;}
  .font31{font-size:18px; line-height: 1.5em!important;}
  .font32{font-size:18px; line-height: 1.5em!important;}
  .font33{font-size:18px; line-height: 1.5em!important;}
  .font34{font-size:18px; line-height: 1.5em!important;}
  .font35{font-size:18px; line-height: 1.5em!important;}
  .font36{font-size:18px; line-height: 1.5em!important;}
  .font_l{font-size: 115%; line-height: 1.5em !important;}
  .font_lb{font-size: 150%;}
  .font_lub{font-size: 115%;}
  .font_lbs_xs{font-size: 110%; line-height: 1.2em!important;}
  .font_lb_xs{font-size: 110%; line-height: 1.2em!important;}
}

.font_red{color:#ed0000;}
.text_top{vertical-align: top;}
.error_txt{color:#ff0000;}

.dis_none {
  display:none!important;
}
.dis_show {
  display: inline-block!important;
}

.p5 {padding: 5px;}


/* link ──────────────────── */
a {
  color: #6bb10f;
  outline:none;
  cursor: pointer;
}
a:hover{
  color: #80c328;
}
a:hover,
a:focus {
  text-decoration:none;
  outline:none;
  color: #80c328;
}


/* form ──────────────────── */
.btn{
  font-weight:bold;
  font-size: 100%;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
.btn:active,
.btn.active {
  outline: none;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
}

.btn-default{
  color:#6bb10f;
  border-color: #bdda80;
  background: #d5e9ab;
}
.btn-default:focus,
.btn-default.focus{
  color: #6bb10f;
  background-color: #d5e9ab;
  border-color: #bdda80;
  outline:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
.btn-default:hover,
.btn-default:active,
.btn-default.active {
  border-color: #bdda80;
  color: #6bb10f;
  background-color: #fff;
  outline:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.radio-inline, .checkbox-inline {
  margin-top:10px;
  margin-bottom:-5px;
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
    margin-right: 0;
  }
}

.form-group_cus {
  margin-bottom: 5px;
  vertical-align:bottom !important;
}

.form-control_cus {
  height:36px;
  font-size:100%;
  padding: 6px 10px;
  color: #222;
  background-color: #fff;
  border:1px solid #bdda80;
  -webkit-appearance: none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
.form-control_cus:focus {
  border-color: #6bb10f;
  background-color: #fff;
  outline: 0;
  -webkit-box-shadow:none;
  box-shadow:none;
}
.form-control_cus::-moz-placeholder {
  color: #222;
  opacity: 1;
}
.form-control_cus:-ms-input-placeholder {
  color: #222;
}
.form-control_cus::-webkit-input-placeholder {
  color: #222;
}
.form-control_cusl {
  height: auto!important;
}
@media screen and (max-width: 767px) {
  .form90 {
    width: 90%;
  }
}

.btn_cus {
  color: #fff;
  background-color: #6bb10f;
  border-color: #6bb10f;
  font-weight:bold;
}
.btn_cus:focus,
.btn_cus.focus{
  color: #fff;
  background-color: #80c328;
  border-color: #6bb10f;
  outline:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
.btn_cus:hover,
.btn_cus:active,
.btn_cus.active {
  border-color: #6bb10f;
  color: #fff;
  background-color: #80c328;
  outline:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

input{
  font-weight:normal !important;
  font-size:100% !important;
}

select{
  padding-right:19px!important;
  background-color:#fff;
  background-image:url(../images/arrow.png);
  background-repeat:no-repeat;
  background-size:19px 19px;
  background-position:right center;
  cursor:pointer;
  vertical-align:middle;
  border-radius: 4px;
}

label{
  font-weight: normal;
}

.form-group label{
  height:36px;
  line-height:36px;
  margin:0;
  vertical-align:middle;
}

.input_txt{
  display:inline-block;
  background:#fff;
  border:#ccc 1px solid;
  padding: 6px 10px;
  border-radius: 4px;
  margin-top:0;
  vertical-align:middle;
}

.textarea_txt{
  width:100%;
  min-height:60px;
  border:#ccc 1px solid;
  padding: 6px 10px;
  border-radius: 4px;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

input::-webkit-input-placeholder {
  color: #888!important;
}
input::-moz-placeholder {
  color: #888; opacity: 1!important;
}
input:-ms-input-placeholder {
  color: #888!important;
}


/* navi ──────────────────── */
.navbar_cus{
  height: 49px;
  width:100%;
  background:#d5e9ab;
  color: #6bb10f;
  box-sizing:border-box;
}
.navbar-brand_cus{
  display:inline-block;
  float:left;
  width:150px;
  height:49px;
  font-weight:bold;
  font-size: 26px;
  line-height: 49px;
  padding:0;
  margin:0 15px;
  color: #6bb10f;
  background-image:url(../images/logo_s.png);
  background-repeat:no-repeat;
  background-position:center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.navbar-brand_cus {
  background-image:url(../images/logo_s@2x.png);
  background-size: 150px 49px;
}
}
.navbar-brand_cus:focus {
  color: #80c328;
}
.navbar-brand_cus:hover,
.navbar-brand_cus:active {
  text-decoration: none;
  color:#80c328;
}
@media only screen and (max-width: 767px) {
  .navbar-brand_cus{
    width:38px;
    margin:0 5px;
    background-image:url(../images/logomark_s@2x.png);
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {
    .navbar-brand_cus {
      background-image:url(../images/logomark_s@2x.png);
      background-size: 38px 49px;
    }
  }
  .navbar_ttl {
    font-size: 20px!important;
  }
  .nav_cus > li {
    width: 65px!important;
  }
}

.navbar-text_cus{
  display:inline-block;
  float:left;
  height:49px;
  line-height: 49px;
  font-size: 14px;
  font-weight:bold;
  padding:0 10px;
  margin:0;
  vertical-align:middle;
  overflow:hidden;
  white-space: nowrap;
  word-break: break-all;
}

.navbar_ttl{
  position:fixed;
  top:0;
  left:50%;
  width:50%;
  display:block;
  height:49px;
  line-height: 49px;
  font-size: 24px;
  font-weight:bold;
  padding:0;
  margin:0 0 0 -25%;
  text-align:center;
  vertical-align:middle;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.nav_cus {
  display:block;
  height:49px;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow:hidden;
  white-space: nowrap;
  word-break: break-all;
  text-align:right;
  font-size:0;
  z-index:10;
}
.nav_cus > li {
  display:inline-block;
  height:49px;
  width:75px;
}

.nav_visit {
  display:inline-block;
  float:left;
  height:49px;
  padding: 0;
  margin: 0;
  list-style: none;
  white-space: nowrap;
  word-break: break-all;
  text-align:left;
  font-size:0;
}
.nav_visit > li {
  display:inline-block;
  height:49px;
  width:75px;
}

.navmenu {
  height: 49px;
  width: 75px;
  display: block;
  background-image:url(../images/icon.png);
  text-align:center;
  font-weight:bold;
  vertical-align:bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.navmenu {
  background-image:url(../images/icon@2x.png);
  background-size: 525px 98px;
}
}
.navmenu > div{
  padding-top:35px;
  color:#6bb10f;
  font-size:10px;
}
.navmenu:hover > div, .navmenu:focus > div {
  color:#80c328;
}

.n_logout{background-position: -225px 0; opacity:1;}
.n_login{background-position: -300px 0; opacity:1;}
.n_keyword{background-position: -375px 0; opacity:1;}
.n_close{background-position: -450px 0; opacity:1;}

.n_logout_on, .n_logout:hover, .n_logout:focus {background-position: -225px -49px;}
.n_login_on, .n_login:hover, .n_login:focus {background-position: -300px -49px;}
.n_keyword_on, .n_keyword:hover, .n_keyword:focus {background-position: -375px -49px;}
.n_close_on, .n_close:hover, .n_close:focus {background-position: -450px -49px;}

.n_logout_on > div,
.n_login_on > div,
.n_keyword_on > div,
.n_close_on > div {color: #80c328;}

.vmenu {
  height: 49px;
  width: 75px;
  display: block;
  background-image:url(../images/icon.png);
  text-align:center;
  font-weight:bold;
  vertical-align:bottom;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.vmenu {
  background-image:url(../images/icon@2x.png);
  background-size: 525px 98px;
}
}
.vmenu > div {
  padding-top:35px;
  color:#fff;
  font-size:10px;
}
.vmenu:hover > div, .vmenu:focus > div {
  color:#fff;
}

.v_before{background-position: 0 0; opacity:1; background-color:#7acc9f;}
.v_during{background-position: -75px 0; opacity:1; background-color:#f3b0bb;}
.v_after{background-position: -150px 0; opacity:1; background-color:#86cace;}

.v_before_on, .v_before:hover, .v_before:focus {background-position: 0 -49px;}
.v_during_on, .v_during:hover, .v_during:focus {background-position: -75px -49px;}
.v_after_on, .v_after:hover, .v_after:focus {background-position: -150px -49px;}


/* container ──────────────────── */
#container_cus {
  padding:97px 0;
}
#container_cus_nottl {
  padding:49px 0;
}

section {
  padding:15px;
}

#contents_ttl {
  position: fixed;
  top:49px;
  right: 0;
  left: 0;
  z-index: 1030;
  height:48px;
  color:#fff;
  text-align:center;
  font-size:26px;
  line-height:28px;
  font-weight:bold;
  margin:0;
  padding:10px 0;

}
.ttl_txt {
  white-space: nowrap;
  word-break: break-all;
}
.v_before_ttl {background:#7acc9f;}
.v_during_ttl {background:#f3b0bb;}
.v_after_ttl {background:#86cace;}
.keyword_ttl {background:#e8cc48;}

.btn_ttl_l {
  position: fixed;
  top:57px;
  left: 8px;
}
.btn_ttl_r {
  position: fixed;
  top:57px;
  right: 8px;
}

.btn_ttl {
  background-color: #fff;
  border-color: #d5e9ab;
  color: #6bb10f;
  font-size: 14px;
  line-height:14px;
  font-weight:bold;
  padding:8px 10px;
  margin:0;
  box-sizing:border-box;
}
.btn_ttl:focus,
.btn_ttl.focus{
  background-color: #f4f7e8;
  border-color: #d5e9ab;
  color: #6bb10f;
  outline:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
.btn_ttl:hover,
.btn_ttl:active,
.btn_ttl.active{
  background-color: #f4f7e8;
  border-color: #d5e9ab;
  color: #6bb10f;
  outline:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}

.target_l{
  display:inline-block;
  float:left;
  font-size:110%;
  font-weight:bold;
  vertical-align:middle;
}
.target_r{
  display:inline-block;
  float:right;
}
.target_num{
  font-size:160%;
  font-weight:bold;
}

.target_area{
  display:inline-block;
  margin:0 auto;
}
.serch_area{
  background:#d5e9ab;
  float:left;
  display:inline-block;
  padding:15px;
  border-radius: 6px;
}
.target_btn{
  float:left;
  display:inline-block;
  height:66px;
  margin-left:10px;
}

#contentsmenu_area {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
  padding:97px 0 0 0;
}

.contents_menu{
  display:inline-block;
  margin:0 auto;
  width:100%;
}
.contents_menu div{
  display:inline-block;
  width:30%;
  height:140px;
  padding:10px 5px;
  margin:0 0 20px 0;
  border-radius: 6px;
  text-align:center;
  vertical-align:middle;
  box-sizing:border-box;
}
.contents_menu div div{
  display:table-cell;
  font-size:170%;
  line-height:1.3em;
  font-weight:bold;
  text-align:center;
  vertical-align:middle;
  background:#6bb10f;
  color:#fff;
}
.menu_v_before div div{
  background: #7acc9f;
}
.menu_v_before div div:focus{
  background: #86d7ab;
}
.menu_v_before div div:hover,
.menu_v_before div div:active,
.menu_v_before div div.active{
  background: #86d7ab;
}

.menu_v_during div div{
  background: #f3b0bb;
}
.menu_v_during div div:focus,
.menu_v_during div div:hover,
.menu_v_during div div:active,
.menu_v_during div div.active{
  background: #f7b9c3;
}

.menu_base div{
  background: #6bb10f !important;
}
.menu_base div:focus,
.menu_base div:hover,
.menu_base div:active,
.menu_base div.active{
  background: #80c328 !important;
}

.list_check li{
  clear:both;
  text-indent:0;
  margin-left: 10px;
  margin-bottom:30px;
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-color: #ccc;
  border-style: dashed;
}

ol.parenth {
  counter-reset: item;
  text-indent: -1.5em;
}
ol.parenth > li {
  display: block;
  padding-bottom:15px;
  padding-left: 0.5em;
}
ol.parenth > li::before {
  content:"(" counter(item) ") ";
  counter-increment: item;
}

ol.parenth2 {
  counter-reset: item;
  margin-left: -1.5em;
}
ol.parenth2 > li {
  display: block;
  padding-bottom:10px;
  padding-left: 0.5em;
}
ol.parenth2 > li::before {
  content: counter(item) "）";
  counter-increment: item;
}

ol.start2 {counter-reset: item 1!important;}
ol.start3 {counter-reset: item 2!important;}
ol.start4 {counter-reset: item 3!important;}
ol.start5 {counter-reset: item 4!important;}
ol.start6 {counter-reset: item 5!important;}
ol.start7 {counter-reset: item 6!important;}
ol.start8 {counter-reset: item 7!important;}
ol.start9 {counter-reset: item 8!important;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 2;
  color: #fff!important;
  cursor: default;
  background-color: #6bb10f!important;
  border-color: #6bb10f!important;
}
.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #6bb10f!important;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #6bb10f!important;
  background-color: #eee;
  border-color: #ddd;
}


/* login ──────────────────── */
#login {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
  color:#6bb10f;
}

.login_brand{
  width:300px;
  height:56px;
  background-image:url(../images/logo.png);
  background-repeat:no-repeat;
  background-position:center;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.login_brand {
  background-image:url(../images/logo@2x.png);
  background-size: 300px 56px;
}
}

.login_area{
  background:#d5e9ab;
  padding:12px 22px 22px;
  margin-bottom:15px;
  border-radius: 6px;
}

.text-vertical-center {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.login_form{
  width: 300px;
  padding:35px 0 65px 0;
  margin:0 auto;
  text-align:left;
}
.login_form label {
  font-size: 100%;
  font-weight:bold;
  margin-bottom:0;
}
.login_form > h1{
  font-size: 44px;
  line-height: 44px;
  margin:0 0 20px 0;
  padding:0;
  text-align:center;
}

.btn_cus_login {
  margin-top:13px;
  width:100%;
}


.login_area_keyword{
  background:#efeeb2;
  padding:12px 22px 22px;
  margin-bottom:15px;
  border-radius: 6px;
}
.btn_keyword {
  color: #fff;
  background-color: #e8cc48;
  border-color: #e8cc48;
  font-weight:bold;
}
.btn_keyword:focus,
.btn_keyword.focus{
  color: #fff;
  background-color: #eed351;
  border-color: #e8cc48;
  outline:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
.btn_keyword:hover,
.btn_keyword:active,
.btn_keyword.active {
  border-color: #e8cc48;
  color: #fff;
  background-color: #eed351;
  outline:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}


/* modeselect ──────────────────── */
#modeselect {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
  padding:49px 0 0 0;
}

#modeselect .menu_v_before div{
  background: #7acc9f;
}
#modeselect .menu_v_before div:focus,
#modeselect .menu_v_before div:hover,
#modeselect .menu_v_before div:active,
#modeselect .menu_v_before div.active{
  background: #86d7ab;
}

#modeselect .menu_v_during div{
  background: #f3b0bb;
}
#modeselect .menu_v_during div:focus,
#modeselect .menu_v_during div:hover,
#modeselect .menu_v_during div:active,
#modeselect .menu_v_during div.active{
  background: #f7b9c3;
}

#modeselect .menu_v_after div{
  background: #86cace;
}
#modeselect .menu_v_after div:focus,
#modeselect .menu_v_after div:hover,
#modeselect .menu_v_after div:active,
#modeselect .menu_v_after div.active{
  background: #96d4d8;
}

#modeselect .menu_keyword div{
  background: #e8cc48;
  width:100%;
}
#modeselect .menu_keyword div:focus,
#modeselect .menu_keyword div:hover,
#modeselect .menu_keyword div:active,
#modeselect .menu_keyword div.active{
  background: #eed351;
}

.mode_area div{
  height:250px;
}

.contents_menu_l{
  display:inline-block;
  margin:0 auto;
  width:100%;
}
.contents_menu_l div{
  display:inline-block;
  width:90%;
  padding:30px 0;
  margin:0;
  border-radius: 6px;
  text-align:center;
  vertical-align:middle;
  box-sizing:border-box;
}
.contents_menu_l div div{
  display:inline-block;
  font-size:180%;
  line-height:1.3em;
  font-weight:bold;
  text-align:center;
  vertical-align:middle;
  background:#6bb10f;
  color:#fff;
}


/* tab ──────────────────── */
.nav-tabs {
  margin-left:15px;
  margin-bottom:-1px;
  border-bottom: 1px solid #bdda80;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-bottom: 1px solid #bdda80;
  border-radius: 4px 4px 0 0;
  background:#d5e9ab;
  font-weight:bold;
}
.nav-tabs > li > a:hover {
  background-color: #fff;
  border-color: #bdda80 #bdda80 #bdda80;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #222;
  cursor: default;
  background-color: #fff;
  border: 1px solid #bdda80;
  border-bottom: 1px solid transparent;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #bdda80;
}

.tab-pane{
  background:#fff;
  border-top: 1px solid #bdda80;
  border-bottom: 1px solid #bdda80;
  padding:15px;
}


/* table ──────────────────── */
.table {
  margin-bottom: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.table th {
  background-color: #eee !important;
  vertical-align:middle !important;
}
.table td {
  background-color: #fff !important;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #ccc;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 1px solid #ccc;
}

.target_table, .target_table th{
  text-align:center;
}
.target_table td {
  padding:0 !important;
  vertical-align:middle!important;
}
.target_table_txt td:nth-of-type(1) {
  padding:8px !important;
}
.target_table td a {
  display:block;
  width:100%;
  height:100%;
  padding:8px!important;
  font-weight:bold;
  border: none;
  border-radius:0;
}
.target_table td a:hover,
.target_table td a:focus,
.target_table td a .focus {
  background-color: #80c328;
  color:#fff;

}
.target_table td a:active,
.target_table td .active {
  background-color: #6bb10f;
  color:#fff;
}
.target_table .edit {
  width: 50%!important;
  float: left;
}

.record_table th:nth-of-type(1) {
  width:15%;
}
.record_table td:nth-of-type(2) {
  vertical-align:middle;
  text-align:center;
}

.record_edit_check{
  width:100%;
}
.record_edit_check th {
  background:#fff !important;
  width:10%;
  vertical-align:top;
  padding: 10px 5px 10px 20px;
  line-height:20px;
  font-weight:normal;
  white-space: nowrap;
  word-break: break-all;
}
.record_edit_check td {
  background:#fff !important;
  vertical-align:top;
  padding-left:5px;
  padding-right:5px;
}
.record_edit_check td:nth-of-type(1) {
  width:30%;
  text-align:left;
}
.record_edit_check td:nth-of-type(2) {
  width:60%;
  text-align:left;
}

.kimochi_table th,
.assessment_table th {
  white-space: nowrap;
  word-break: break-all;
}
.kimochi_table th,
.assessment_table th, .assessment_table td {
  vertical-align:middle !important;
  text-align:center;
}

.kimochi_table td:nth-of-type(2) {
  padding:0 !important;
  height: 100%!important;
}
.kimochi_table td:nth-of-type(2),.kimochi_table td:nth-of-type(3) {
  white-space: nowrap;
  word-break: break-all;
  vertical-align:middle;
  text-align:center;
}
.kimochi_table td a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px!important;
  font-weight: bold;
  border: none;
  border-radius: 0;
}

.assessment_table th:nth-child(2) {
  width:5%;
}
.assessment_table th:nth-child(3),
.assessment_table th:nth-child(4),
.assessment_table th:nth-child(5),
.assessment_table th:nth-child(6) {
  width:10%;
}
.assessment_table th:nth-child(4),
.assessment_table th:nth-child(5),
.assessment_table th:nth-child(6) {
  font-size: 85%;
  line-height: 1.2em !important;
}
.assessment_table th:nth-child(1),
.assessment_table td:nth-child(1) {
  text-align:left;
}

.assessment_table .txt_top {
  vertical-align:top !important;
}

.assessment_table .check{
  background-color:#f7327c !important;
  background-image:url(../images/check.png);
  background-position:center;
  background-repeat:no-repeat;
  text-align:center;
  vertical-align:middle !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.assessment_table .check {
  background-image:url(../images/check@2x.png);
  background-size: 18px 14px;
}
}

table .line_double{
  border-top:#ccc 3px double !important;
}

.record_list {
  padding:0 0 0 24px !important;
  margin:0 !important;
}

.case td{
  background-color: #f4f7e8!important;
}


/* ページトップ ──────────────────── */
#page-top {
  position: fixed;
  bottom: 0px;
  right: 10px;
  font-size: 80%;
  font-weight:bold;
}
#page-top a {
  background: #6bb10f;
  opacity: 0.6;
  text-decoration: none;
  color: #fff;
  padding: 10px;
  text-align: center;
  display: block;
  border-radius: 5px;
}
#page-top a:hover {
  text-decoration: none;
  background: #80c328;
}


/* モーダル・ダイアログ ──────────────────── */
.btn-primary {
  color: #fff;
  background-color: #6bb10f;
  border-color: #6bb10f;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #80c328;
  border-color: #6bb10f;
}

.modal-btn {
  display: inline-block;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.modal-body_menu{
  position: relative;
  margin:0;
}
.modal-body_menu .list-group {
  margin-bottom: 0;
}
.modal-body_menu .list-group-item {
  border-radius:0;
  border-right:0;
  border-left:0;
}


/* Arrows ──────────────────── */
.button-prev_l,
.button-next_l {
  position:absolute;
  display:inline-block;
  padding:10px;
  margin:0 0 10px 0;
  cursor: pointer;
  font-size:16px;
  line-height:16px;
  font-weight:bold;
  border-radius:6px;
  color:#6bb10f;
  border-color: #bdda80;
  background: #d5e9ab;
}
.button-prev_l {
  left: 10px;
  right: auto;
}
.button-next_l {
  right: 10px;
  left: auto;
}

.swiper-slide .button-prev, .swiper-slide .button-next {
  position:fixed;
}
@media screen and (max-width: 480px) {
  .button-prev, .button-next, .button-prev_l, .button-next_l {
    max-width: 220px!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}


/* コンテンツ ──────────────────── */
.contents_ttl{
  font-size:40px;
  line-height:1.3em;
  margin:5px 0 20px 0;
  text-align:center;
  font-weight:bold;
}
.contents_ttl2{
  font-size:48px;
  line-height:1.3em;
  margin:5px 0 20px 0;
  text-align:center;
  font-weight:bold;
}
.contents_ttll{
  font-size:56px;
  line-height:1.3em;
  margin:30px 0 45px 0;
  text-align:center;
  font-weight:bold;
}
.contents_ttll2{
  font-size:66px;
  line-height:1.3em;
  margin:30px 0 45px 0;
  text-align:center;
  font-weight:bold;
}
.contents_ttls{
  font-size:35px;
  line-height:1.3em;
  margin:5px 0 20px 0;
  text-align:center;
  font-weight:bold;
}
.contents_ttlss{
  font-size:30px;
  line-height:1.3em;
  margin:5px 0 20px 0;
  text-align:center;
  font-weight:bold;
}

.slide_panel{
  position:relative;
  min-height:530px;
}
.slide_panel img{
  position:absolute;
  bottom:0;
  right:7px;
}

.popover{
  font-size:22px;
  max-width: 350px;
}
.popover-title {
  font-size:22px;
}


ul.slide_li > li {
  display: block;
  padding-bottom:10px;
  margin-left:1em;
}
li.hokenshi {
  list-style:none;
  text-indent: -2em;
}
li.hokenshi:before {
  content:"保　";
}
li.target {
  list-style:none;
  text-indent: -2em;
}
li.target:before {
  content:"妊　";
}

.bad, a.bad{
  color:#f80a15;
}
a.bad:hover,
a.bad:active{
  color:#ff333c;
}
.good, a.good{
  color:#2458ff;
}
a.good:hover,
a.good:active{
  color:#3b6aff;
}

.video_bg{
  background:#eee;
}

.mensetsu_table td{
  vertical-align: top;
}
.mensetsu_table td:nth-of-type(1) {
  white-space: nowrap;
  word-break: break-all;
}

.torisetsu_table th{
  text-align: center;
  vertical-align: middle!important;
}
.torisetsu_table td{
  vertical-align: middle!important;
}
th.case1{
  background-color: #ffeb99!important;
}
td.case1{
  background-color: #fff9e1!important;
}

.table_audio{
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 80px;
}

.torisetsu_op{
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 32px;
  line-height: 1.5em;
  font-weight: bold;
}

.zenki td{
  background: #ecf9e0!important;
}
.chuki td{
  background: #fef9df!important;
}
.kouki td{
  background: #fae5e5!important;
}

.panel_ttl{
  font-size:34px;
  line-height:34px;
  margin:0 0 20px 0;
  text-align:center;
  font-weight:bold;
}

.panel_yaru {
  background-color: #fdf7d9;
  border-color: #fe8b10;
}
.panel_yaru a{
  color:#f46200;
}
.panel_yaru a:hover,
.panel_yaru a:active{
  color:#fe8b10;
}

.panel_yaranai {
  background-color: #e1effa;
  border-color: #206fda;
}
.panel_yaranai a{
  color:#0f42c4;
}
.panel_yaranai a:hover,
.panel_yaranai a:active{
  color:#206fda;
}

.map_ttl_01{
  font-size: 110%;
  font-weight: bold;
  color: #ee7e06;
}
.map_ttl_02{
  font-size: 110%;
  font-weight: bold;
  color: #f24f75;
}
.map_ttl_03{
  font-size: 110%;
  font-weight: bold;
  color: #1a8fe9;
}
.map_ttl_04{
  font-size: 110%;
  font-weight: bold;
  color: #1e972a;
}

.seikatsu_table td{
  padding: 5px;
  line-height: 1.2em;
}

.seikatsu_table2 th{
  padding: 5px!important;
  line-height: 1.1em;
  font-size: 14px;
}
.seikatsu_table2 td{
  padding: 4px!important;
  line-height: 1.1em;
  font-size: 14px;
  height: 38px!important;
  text-align: center;
}

td.sleep{
  background-color: #cddef8!important;
}
td.getup{
  background-color: #fff9b6!important;
}

.pregnant-body_ul {
  margin-left: 15px;
}

@media screen and (max-width: 767px) {
  .contents_ttl{font-size:28px; line-height:1.2em;}
  .contents_ttl2{font-size:28px; line-height:1.2em;}
  .contents_ttll{font-size:36px; line-height:1.2em;}
  .contents_ttll2{font-size:40px; line-height:1.2em;}
  .contents_ttls{font-size:26px; line-height:1.2em;}
  .contents_ttlss{font-size:22px; line-height:1.2em;}
  .popover{font-size:16px; max-width: 260px;}
  .popover-title {font-size:18px;}
  .panel_ttl{font-size:28px; line-height:28px;}
}


/* legal-knowledge ──────────────────── */
.faq .panel-default > .panel-heading {
  background-color: transparent;
  border-color: none;
}
.faq .panel-group .panel {
  margin: 0 0 22px 5px;
  border-radius: 0;
}
.faq .panel-group{
  padding-top: 5px;
}

.faq .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 0;
}
.faq .panel {
  margin-bottom: 20px;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.faq .panel-heading {
  padding: 0;
}
.faq .panel-body {
  padding: 20px 15px 15px;
  font-size: 100%;
}

.faq .panel-title{
  font-size: 20px;
}

.faq .faq_q{
  padding-left: 60px;
}
.faq .faq_a{
  padding-left: 25px;
  font-size: 18px;
  word-break:break-all;
}

.faq .faq_q a{
  text-decoration: none!important;
}
.faq .faq_q span{
  display:inline-block;
  width: 55px;
  height: 26px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  margin-right: 5px;
  margin-left: -64px;
  margin-top: -5px;
  font-size: 16px;
  padding: 0 5px;
  line-height: 26px;
  border-radius: 5px;
}
.faq .faq_q span{
  background: #6bb10f;
  color: #fff;
}

.faq .faq_a ul li{
  margin-bottom: 5px;
  margin-left: -18px;
}

.faq .table td{
  vertical-align: middle;
}
.faq .table td ul{
  margin-bottom: 0;
}
.faq ul li{
  text-align: left;
  margin-bottom: 0;
  margin-left: -20px;
}
.faq .table .bg_pnk{
  background: #ffe3e3!important;
}
.faq .table .bg_blu{
  background: #def0fd!important;
}

.fc_area {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 340px;
}
.fc_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 180px;
  width: 100%;
  padding:10px 5px;
  margin:0 10px;
  border-radius: 6px;
  text-align:center;
  vertical-align:middle;
  box-sizing:border-box;
  background:#7acc9f;
  color:#fff;
  font-weight:bold;
  font-size:36px;
  line-height:1.2em;
}
.fc_btn:focus{
  background: #86d7ab;
  color:#fff;
}
.fc_btn:hover,
.fc_btn:active,
.fc_btn.active{
  background: #86d7ab;
  color:#fff;
}
@media screen and (max-width: 767px) {
  .fc_btn {
    font-size:26px;
    margin:0 10px 15px 0;
  }
  .fc_btn:last-child {
    margin-right: 0;
  }
  .fc_area {
    min-height: auto;
  }
}


/* money ──────────────────── */
.mn_area{
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.mn_btn{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  min-height: 180px;
  width: 100%;
  padding:10px 5px;
  margin:10px;
  border-radius: 6px;
  text-align:center;
  vertical-align:middle;
  box-sizing:border-box;
  color:#fff;
  font-weight:bold;
  font-size:36px;
  line-height:1.2em;
}
@media screen and (max-width: 767px) {
  .mn_btn {
    font-size:26px;
    margin:0 10px 15px 0;
  }
  .mn_btn:last-child {
    margin-right: 0;
  }
}

.btn_grn{
  background: #7acc9f;
}
.btn_grn:focus,
.btn_grn:hover,
.btn_grn:active,
.btn_grn.active{
  color:#fff;
  background: #86d7ab;
}

.btn_pnk{
  background: #f3b0bb;
}
.btn_pnk:focus,
.btn_pnk:hover,
.btn_pnk:active,
.btn_pnk.active{
  color:#fff;
  background: #f7b9c3;
}

.btn_blu{
  background: #86cace;
}
.btn_blu:focus,
.btn_blu:hover,
.btn_blu:active,
.btn_blu.active{
  color:#fff;
  background: #96d4d8;
}

.btn_yel{
  background: #e8cc48;
}
.btn_yel:focus,
.btn_yel:hover,
.btn_yel:active,
.btn_yel.active{
  color:#fff;
  background: #eed351;
}


/* Web Top ──────────────────── */
.webtop{
  width: 1000px;
}
.webtop_bg {
  padding: 10px 0 20px;
  background: url(../images/webtop_bg.png) repeat-y center;
  border-radius: 8px;
}
.webtop_ttl{
  display: flex;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2em;
}
@media screen and (max-width: 1000px){
  .webtop{
    width: 100%;
  }
  .webtop_bg {
    border-radius: 0;
  }
  .webtop_ttl{
    font-size: 20px;
  }
}

.ttl_hoken{
  flex: 1;
  padding: 15px 10px 5px;
  color: #7acc9f;
}
.ttl_ninpu{
  flex: 1;
  padding: 15px 10px 5px;
  color: #f3b0bb;
}

.grid{
  display: flex;
  text-align: center;
}
.grid_c{
  display: flex;
  align-items: center;
  width: 4%;
  margin-top: 10px;
}
.grid_c_line{
  width: 100%;
  height: 3px;
  border: solid 1px #fff;
  background: #fff;
}

.grid_btn{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2em;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  margin-top: 10px;
  border: solid 3px;
}

.hoken{
  width: 46%;
  margin-left: 2%;
  color: #7acc9f;
  border-color: #7acc9f;
}
.ninpu{
  width: 46%;
  margin-right: 2%;
  margin-left: auto;
  color: #f3b0bb;
  border-color: #f3b0bb;
}
.hoken_ninpu{
  width: 100%;
  margin: 10px 2% 0;
  color: #86cace;
  border-color: #86cace;
}

.hoken:hover, .ninpu:hover, .hoken_ninpu:hover{
  background-color: rgba(255,255,255,0.8);
}
.hoken:hover{
  color: #7acc9f;
}
.ninpu:hover{
  color: #f3b0bb;
}
.hoken_ninpu:hover{
  color: #86cace;
}

@media screen and (max-width: 767px){
  .webtop_ttl{
    line-height: 1.15em;
  }
  .grid_btn{
    font-size: 20px;
    line-height: 1.15em;
    padding: 10px 5px;
  }
}


/* YouTube Responsive ──────────────────── */
.movie_area {
  max-width: 950px;
  margin: 0 auto;
}
.movie-wrap {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* Flexbox  ──────────────────── */
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
}

.flex-torisetsu {
  display: flex;
  justify-content:flex-start;
  align-items: center;
  flex-flow: row wrap;
  padding: 5px;
}


/* SP ──────────────────── */
.btn_xs {
  display: inline-block;
  margin: 3px 2px;
  padding: 6px 12px;
}
.csr_def {
  cursor: default;
}

.seikatsu_icon {
  display: flex;
  width: 24%;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
}
.seikatsu_icon:nth-child(even) {
  margin-right: 0;
}
.seikatsu_icon img {
  width: 60px;
  height: 60px;
  margin-right: 5px;
}

.torisetsu_table {
  margin-bottom: 10px;
}

.sasshi {
  width: 220px;
}

.deaumade_table{
  max-width: 1200px;
  margin: 0 auto;
}
.deaumade_img {
  display: flex;
  align-items: stretch;
  height: 100%;
}
.deaumade_img div {
  width: 50%;
}
.deaumade_txt {
  padding: 0 0 0 10px;
}

.w5p {width: 5%;}
.w10p {width: 10%;}
.w37p {width: 37%;}


@media screen and (min-width: 768px) {
  .dis_none_sm {
    display:none!important;
  }
}


@media screen and (max-width: 767px) {
  .dis_none_xs {
    display:none!important;
  }
  .text-left_xs {
    text-align: left;
  }
  .text-right_xs {
    text-align: right;
  }
  .tblbtm_none_xs > th, .tblbtm_none_xs > td {
    border-bottom:none!important;
  }
  .btn_xs {
    min-width: 31%;
    box-sizing: border-box;
    font-size: 18px;
  }
  .seikatsu_icon {
    width: 48%;
  }
  .seikatsu_icon img {
    width: 50px;
    height: 50px;
  }
  .seikatsu_table2 th, .seikatsu_table2 td {
    font-size: 13px;
  }
  .deaumade_table{
    font-size: 11px;
  }
  .deaumade_img div {
    width: 100%;
  }
  .deaumade_img {
    flex-wrap: wrap;
  }
  .deaumade_img img {
    width: 100%;
  }
  .deaumade_txt {
    padding: 5px 0 0;
  }
  .faq .faq_a {
    font-size: 16px;
  }
  .faq .faq_a span, .faq .faq_q span {
    font-size: 14px;
  }
  .faq .panel-title {
    font-size: 18px;
  }
  .slide_panel {
    min-height: auto;
  }
  .img20 {zoom: 0.2;}
  .img30 {zoom: 0.3;}
  .img40 {zoom: 0.4;}
  .img50 {zoom: 0.5;}
  .img60 {zoom: 0.6;}
  .img70 {zoom: 0.7;}
  .img80 {zoom: 0.8;}
  .img90 {zoom: 0.9;}
  .img100 {zoom: 1;}
  .imgp100 {width: 100%;}
  .imgw80 {width: 80px;}
  .imgw100 {width: 100px;}
  .imgw120 {width: 120px;}
  .imgw130 {width: 130px;}
  .imgw150 {width: 150px;}
  .imgw200 {width: 200px;}
  .imgw220 {width: 220px;}
  .imgw250 {width: 250px;}
  .imgw300 {width: 300px;}
  .mb0 {margin-bottom: 0!important;}
  .mb4 {margin-bottom: 5px;}
  .mb10 {margin-bottom: 10px;}
  .contents_ttll {
    margin-top: 15px;
  }
  .flex-row {
    flex-flow: row wrap;
  }
  .flex-row a {
    margin-right: 0!important;
    min-height: 100px!important;
  }
  .sasshi {
    width: 140px;
  }
}


@media screen and (max-width: 320px) {
  .seikatsu_icon {
    width: 100%;
    margin-right: 0;
  }
  .seikatsu_icon img {
    width: 40px;
    height: 40px;
  }
  .seikatsu_table2 th, .seikatsu_table2 td {
    font-size: 11px;
  }
}


.table_row-head {
  border-collapse: collapse;
  vertical-align: middle;
  width: 100%;
}
.table_row-head th,
.table_row-head td {
  border: 1px solid #ccc;
  padding: 8px;
}
.table_row-head th {
  background: #eee;
  white-space: nowrap;
}
.table_row-head label {
  line-height: 34px;
  margin: 0;
}
.table_row-head td ul{
  margin: 0;
  padding-left: 20px!important;
}


@media only screen and (max-width: 767px) {
  .table_row-head {
    border: none;
    font-size: 16px!important;
  }
  .table_row-head thead {
    display: none;
  }
  .table_row-head tr,
  .table_row-head td {
    display: block;
    width: auto;
  }
  .table_row-head tr {
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 0 8px;
  }
  .table_row-head td {
    border: none;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    text-align: left;
    padding: 8px 0;
  }
  .table_row-head td:last-child {
    border-bottom: none;
  }
  .table_row-head td::before {
    content: attr(aria-label);
    display: inline-block;
    width: 100%;
    background: #eee;
    border-radius: 4px;
    font-weight: bold;
    float: left;
    text-align: left;
    padding: 1px 5px;
  }
}

.ondokei_howto_table th:nth-child(2) {
  width: 15%;
}

@media (min-width: 768px){
  .dl-horizontal dt {
    width: 100px!important;
  }
  .dl-horizontal dd {
    margin-left: 110px!important;
  }
}
@media only screen and (max-width: 767px) {
  .dl-horizontal dt {
    margin-top: 5px;
  }
  .list_ml-20 {
    margin-left: -20px!important;
  }
}



/* pregnant ──────────────────── */
#container_pregnant {
  padding:49px 15px;
  background: #f4f7e8;
}
#container_pregnant section {
  padding:15px 0;
}
.pregnant_ttlss {
  font-size: 28px;
  line-height:1.4em;
  margin:5px 0 20px 0;
  text-align:center;
  font-weight:bold;
}
.pregnant_txt {
  font-size: 18px;
  line-height:1.5em;
  text-align: center;
}
.pregnant_txt_l {
  font-size: 28px;
  line-height:1.5em;
  text-align: left;
}

.flex-pregnant {
  display: flex;
  justify-content: center;
}

.pregnant_area {
  width: 315px;
  margin-right: 10px;
}
.pregnant_area:last-child {
  margin-right: 0;
}

.pregnant_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  min-height: 120px;
  width: 100%;
  padding: 10px;
  margin: 0 0 15px;
  color: #000;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2em;
  background: #fff;
  border: solid 2px #56A848;
  border-radius: 8px;
  box-sizing: border-box;
}
.pregnant_btn:focus,
.pregnant_btn:hover,
.pregnant_btn:active,
.pregnant_btn.active{
	background: #F9FAF5;
	color: #000;
}

.p_btn_headline {
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1em;
  text-align:center;
  color: #559D3A;
  background: #D5E9AB;
  border-radius: 6px;
}

.p_btn_box {
  display: flex;
  align-items: center;
  width: 100%;
}

.p_btn_ic {
  display: block;
  height: 60px;
  width: 60px;
  margin: 0 5px 5px 0;
}
.ic_01 {background: url("../images/pregnant/ic_01.svg") no-repeat center center/60px 60px;}
.ic_02 {background: url("../images/pregnant/ic_02.svg") no-repeat center center/60px 60px;}
.ic_03 {background: url("../images/pregnant/ic_03.svg") no-repeat center center/60px 60px;}
.ic_04 {background: url("../images/pregnant/ic_04.svg") no-repeat center center/60px 60px;}
.ic_05 {background: url("../images/pregnant/ic_05.svg") no-repeat center center/60px 60px;}
.ic_06 {background: url("../images/pregnant/ic_06.svg") no-repeat center center/60px 60px;}
.ic_07 {background: url("../images/pregnant/ic_07.svg") no-repeat center center/60px 60px;}
.ic_08 {background: url("../images/pregnant/ic_08.svg") no-repeat center center/60px 60px;}
.ic_09 {background: url("../images/pregnant/ic_09.svg") no-repeat center center/60px 60px;}
.ic_10 {background: url("../images/pregnant/ic_10.svg") no-repeat center center/60px 60px;}
.ic_11 {background: url("../images/pregnant/ic_11.svg") no-repeat center center/60px 60px;}

.p_btn_txt {
  flex: 1;
}
.p_btn_box .txt_s {
  font-size: 18px;
}

.pregnant_mn_btn {
  margin: 20px 0 40px;
}
.pregnant_mn_btn .font_ss {
  margin-bottom: 5px;
}

.btn_yg{
	background: #d5e9ab;
	color: #559d3a;
}
.btn_yg:focus,
.btn_yg:hover,
.btn_yg:active,
.btn_yg.active{
	background: #d5e9ab;
	color: #559d3a;
	opacity: .8;
}

@media only screen and (max-width: 1000px) {
  .flex-pregnant {
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
  }
  .pregnant_area{
    width: calc(50% - 5px);
    margin-right: 0;
  }
  .dis_none_xtd {
    display:none!important;
  }
  .p_btn_box .txt_s {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1000px) {
  .dis_none_tb {
    display:none!important;
  }
}

@media only screen and (max-width: 767px) {
  .pregnant_ttlss {
    font-size: 20px;
  }
  .pregnant_txt {
    font-size: 16px;
    text-align: left;
  }
  .pregnant_txt_l {
    font-size: 18px;
  }
  .pregnant_area{
    width: 100%;
  }
  .pregnant_btn {
    width: 100%;
    margin: 0 0 15px;
  }
  .pregnant_mn_btn {
    min-height: 120px;
    margin: 10px 0 30px;
  }
}