@charset "UTF-8";
/*------------------------------------------------------------
	固定ページ用
------------------------------------------------------------*/
/* ------------------------------------------------------------
common
------------------------------------------------------------ */
.bold {
  font-weight: bold;
}

.text-center {
  text-align: center;
}

.ttl01 {
  font-size: 36px;
  font-weight: normal;
  margin: 30px 0;
}

p.caption {
  text-align: right;
  font-size: 14px;
}

p.caption2 {
  text-align: left;
  font-size: 14px;
}

p.textKotei {
  font-size: 16px;
  margin-bottom: 1em;
  line-height: 1.7;
}

p.textKotei.right {
  float: right;
}

p.imgKotei {
  text-align: center;
  margin-bottom: 1em;
}

p.t_blue {
  font-weight: bold;
}

h3.ttlKotei03 {
  color: #00b9ef;
  border-bottom: solid 2px #00b9ef;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 20px;
  margin-top: 40px;
  line-height: 1.2;
  overflow: hidden;
}

h4.ttlKotei04 {
  color: #ff9900;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 30px;
  line-height: 1.2;
  background: url(../images/kotei/icon_sun.gif) left top no-repeat;
  padding: 5px 0 5px 45px;
  font-size: 24px;
}

.contKotei {
  border-bottom: solid 1px #cccccc;
  margin-bottom: 30px;
}

ul.listKotei {
  background: url(../images/kotei/bgList.gif);
  border-radius: 5px;
  padding: 5px 20px;
  margin: 15px auto 30px auto;
  clear: both;
}

ul.listKotei li {
  padding: 15px 0 15px 35px;
  border-bottom: solid 1px #ffcc66;
  font-size: 16px;
  background: url(../images/kotei/arrow_orange02.gif) left 13px no-repeat;
}

ul.listKotei li.last {
  border-bottom: none;
}

ul.listKotei .listKoteiTtl {
  border: none;
  background: none;
  padding: 0;
}

ul.listKotei .listKoteiTtl h3 {
  background: #ff9900 url(../images/kotei/icon_taisaku.gif) 10px center no-repeat;
  border-radius: 5px;
  color: #ffffff;
  font-weight: bold;
  padding: 5px 5px 5px 50px;
  margin-top: 15px;
  font-size: 20px;
}

ul.listKotei .listKoteiTtl h4 {
  color: #ff6600;
  font-weight: bold;
  margin-top: 15px;
  font-size: 20px;
}

ul.listKotei li .listText h3 {
  color: #ff6600;
  font-weight: bold;
  font-size: 20px;
}

ul.listKotei2 {
  border: solid 1px #ccc;
  border-width: 1px 0 0 0;
}

ul.listKotei2 li a {
  background: url(../images/kotei/arrow_blue.gif) right center no-repeat;
  border: solid 1px #ccc;
  border-width: 0 0 1px 0;
  overflow: hidden;
  padding: 15px 40px 15px 0;
}

@media (min-width: 768px) {
  ul.listKotei2 li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
  }
}
@media (max-width: 767px) {
  ul.listKotei2 li a {
    display: block;
    padding: 15px 0;
    background: none;
  }
}
ul.listKotei2 li span {
  display: block;
}

ul.listKotei2 li span.listImg {
  float: left;
  width: 20%;
  padding: 10px 15px 0 15px;
}

ul.listKotei2 li .listText {
  float: right;
  width: 75%;
  padding: 10px 0;
}

ul.listKotei2 li span.listIcon {
  background-color: #00b9ef;
  border-radius: 5px;
  color: #ffffff;
  text-align: center;
  width: 4em;
  font-weight: bold;
  padding: 2px 5px;
  margin-bottom: 10px;
}

ul.listKotei2 li .listText h3 {
  color: #ff9900;
  font-size: 24px;
  letter-spacing: -0.03rem;
}

ul.listKotei2 li .listText .h3 {
  color: #ff9900;
  font-size: 24px;
  letter-spacing: -0.03rem;
}

ul.listKotei3 {
  border: solid 1px #cccccc;
  border-width: 1px 0 0 0;
}

ul.listKotei3 li {
  overflow: hidden;
  border-bottom: solid 1px #cccccc;
  padding: 30px 0 20px 0;
}

ul.listKotei3.pet li {
  font-size: 16px;
}

ul.listKotei3 li div.listImg,
ul.listKotei3 li div.listImg2 {
  float: left;
  width: 25%;
}
@media (max-width: 767px) {
  ul.listKotei3 li div.listImg,
ul.listKotei3 li div.listImg2 {
    margin: auto auto 10px;
    width: 100%;
    float: none !important;
  }
  ul.listKotei3 li div.listImg img,
ul.listKotei3 li div.listImg2 img {
    margin: auto;
  }
}

ul.listKotei3 li div.listImg2 p {
  width: 117px;
  height: 95px;
  background: url(../images/kotei/bgListImg.jpg) center top no-repeat;
  color: #ffffff;
  text-align: center;
  padding-top: 30px;
}

ul.listKotei3 li div.listImg2 p span.cap {
  display: block;
  font-size: 16px;
  line-height: 1;
}

ul.listKotei3 li div.listImg2 p span.num {
  display: block;
  font-size: 60px;
  line-height: 1;
}

ul.listKotei3 li div.listText {
  float: right;
  width: 72%;
}

ul.listKotei3 li div.listText h3 {
  color: #ff9900;
  font-size: 24px;
  background: url(../images/kotei/icon_sun.gif) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 10px;
}

h3.ttlKotei03 .circle {
  background: url(../images/kotei/bg_circle.gif) center center no-repeat;
  color: #ffffff;
  width: 38px;
  height: 33px;
  display: block;
  float: left;
  margin-bottom: 3px;
  margin-right: 5px;
  padding-top: 3px;
  text-align: center;
}

a.rightLink {
  text-align: right;
  color: #00b9ef;
}

a.rightLink img {
  margin-right: 5px;
  vertical-align: bottom;
}

.rightBox {
  text-align: right;
}

.imgRight {
  float: right;
  margin: 0 0 15px 20px;
}

#backnum li {
  border-bottom: solid 1px #cccccc;
}

#backnum li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
  background: url(../images/kotei/arrow_blue2.gif) right center no-repeat;
  overflow: hidden;
}

#backnum li span.backnum_num {
  background: url(../images/kotei/bg_backnnum.gif) left top no-repeat;
  color: #ffffff;
  width: 61px;
  height: 49px;
  display: block;
  text-align: center;
  line-height: 40px;
  float: left;
  margin-right: 10px;
}

#backnum li span.backnum_ttl {
  display: block;
  float: left;
  width: 570px;
  font-size: 18px;
  font-weight: normal;
}

#backnum li span.backnum_cap {
  display: block;
  font-size: 14px;
}

@media (max-width: 767px) {
  #backnum li span.backnum_ttl {
    width: 75%;
  }
}
@media only screen and (max-device-width: 375px) {
  .sp #backnum li span.backnum_ttl {
    width: 70%;
  }
}
/* ------------------------------------------------------------
sp common
------------------------------------------------------------ */
@media (max-width: 767px) {
  .ttl01 {
    font-size: 24px;
    font-weight: normal;
    margin: 30px 0;
  }
  p.caption {
    text-align: right;
    font-size: 14px;
  }
  p.caption2 {
    text-align: left;
    font-size: 12px;
  }
  p.textKotei {
    margin-bottom: 1em;
    line-height: 1.7;
  }
  p.imgKotei img {
    width: 100%;
    max-width: 440px;
    margin-bottom: 30px;
  }
  h3.ttlKotei03 h3 {
    color: #00b9ef;
    border-bottom: solid 2px #00b9ef;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 30px;
  }
  ul.listKotei2 li span.listImg {
    padding: 10px 0;
  }
  ul.listKotei2 li span.listImg img {
    width: 100%;
  }
  ul.listKotei2 li .listText {
    padding: 10px 0;
  }
  ul.listKotei2 li .listText2 {
    font-size: 14px;
  }
  ul.listKotei2 li .listText h3 {
    font-size: 20px;
  }
  ul.listKotei3 li div.listImg img {
    width: 100%;
  }
  ul.listKotei3 li div.listImg2 p {
    background-size: 100%;
    width: auto;
  }
  ul.listKotei3 li div.listImg2 p span.num {
    font-size: 42px;
  }
  .imgRight {
    margin: 0 0 10px 10px;
    width: 30%;
  }
  ul.listKotei3.pet li .listText2 {
    font-size: 14px;
  }
  ul.listKotei3.pet li .blue_box {
    font-size: 14px;
  }
}
/* ------------------------------------------------------------
btn
------------------------------------------------------------ */
.btn_orange {
  background-color: #ff9900;
  border-radius: 5px;
}

.btn_orange a {
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 20px;
  font-size: 24px;
  background: url(../images/kotei/arrow_orange.gif) 30px center no-repeat;
}

.btn_blue {
  background-color: #00b9ef;
  border-radius: 5px;
}

.btn_blue a {
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 7px 10px;
  font-size: 20px;
  background: url(../images/kotei/arrow_white.gif) 30px center no-repeat;
}

.btn_white {
  border: solid 2px #00b9ef;
  border-radius: 5px;
}

.btn_white a {
  display: block;
  padding: 10px;
  font-size: 16px;
  background: url(../images/kotei/arrow_blue.gif) right center no-repeat;
}

/* ------------------------------------------------------------
download
------------------------------------------------------------ */
#btnDl {
  width: 400px;
  margin: 0 auto 30px auto;
}

#inquiryBox {
  border: solid 3px #00b9ef;
  width: 600px;
  margin: 0 auto;
  overflow: hidden;
}

#inquiryBox h3 {
  float: left;
  padding: 30px 0;
  background-color: #00b9ef;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  width: 150px;
}

#inquiryBox #inquiryBoxTxt {
  float: right;
  padding: 20px 35px;
  width: 380px;
}

#inquiryBox #inquiryBoxTxt #mail {
  font-size: 24px;
  background: url(../images/kotei/icon_mail.gif) left center no-repeat;
  padding-left: 40px;
}

@media (max-width: 767px) {
  #inquiryBox {
    width: 440px;
  }
  #inquiryBox h3 {
    width: 130px;
    padding: 25px 0;
  }
  #inquiryBox #inquiryBoxTxt {
    width: 290px;
    padding: 20px 10px;
  }
  #inquiryBox #inquiryBoxTxt #mail {
    font-size: 20px;
  }
  #inquiryBox #inquiryBoxTxt #time {
    font-size: 12px;
  }
}
#conts .getBox {
  padding: 15px;
  border: 1px solid #E60012;
}

#conts .getBox dl {
  margin-bottom: 10px;
}

#conts .getBox dt {
  float: left;
}

#conts .getBox dt a:hover img {
  filter: alpha(opacity=70);
  opacity: 0.7;
}

#conts .getBox dd {
  padding: 3px 0 0 170px;
  line-height: 1.2;
}

#conts .getBox p {
  font-size: 12px;
}

@media (max-width: 767px) {
  #conts .getBox {
    padding: 10px;
  }
  #conts .getBox dt {
    width: 40%;
  }
  #conts .getBox dt img {
    width: 100%;
  }
  #conts .getBox dd {
    padding-left: 42%;
    font-size: 10px;
  }
  #conts .getBox p {
    font-size: 9px;
  }
}
/* ------------------------------------------------------------
ダウンロードページ（ぬりえ）
------------------------------------------------------------ */
#btnNurie {
  width: 550px;
  margin: 0 auto 30px auto;
}

@media (max-width: 767px) {
  #btnNurie {
    width: auto;
    margin: 0 auto 30px auto;
  }
  #btnNurie a {
    font-size: 18px;
    padding: 10px 55px;
  }
}
/* ------------------------------------------------------------
イベントレポート
------------------------------------------------------------ */
#eventReport li span.listImg {
  width: 210px;
  padding: 10px 0;
}

#eventReport li .listText {
  width: 410px;
}

#eventBox {
  overflow: hidden;
  margin-top: 30px;
}

.eventCont_l {
  float: left;
  width: 49%;
  margin-right: 2%;
  text-align: center;
}

.eventCont_r {
  float: left;
  width: 49%;
  text-align: center;
}

.eventCont_c {
  float: none;
  width: 100%;
  text-align: center;
  clear: both;
}

.event_cap {
  text-align: left;
  width: 310px;
  margin: 5px auto 20px auto;
}

.eventCont_c .event_cap {
  float: none;
  width: 660px;
  text-align: left;
}

.event_gaiyo {
  border-collapse: collapse;
}

.event_gaiyo td {
  font-size: 16px;
  padding: 10px 0;
  line-height: 1.5;
}

.event_gaiyo th {
  font-size: 16px;
  font-weight: normal;
  padding: 10px 1em 10px 0;
  width: 80px;
  text-align: left;
  vertical-align: top;
}

.event_gaiyo th span {
  color: #ff9900;
}

.event_gaiyo th span.cap {
  color: #555555;
  font-size: 12px;
}

@media (max-width: 767px) {
  #eventReport li span.listImg,
#eventReport li .listText {
    width: 100%;
  }
  .eventCont_r {
    float: none;
    width: 100%;
  }
  .eventCont_l {
    float: none;
    width: 100%;
  }
  #event .event_img {
    width: 58%;
    margin-right: 2%;
    float: left;
    text-align: center;
  }
  #event .event_img img {
    width: 100%;
    margin-bottom: 10px;
  }
  #event .img_vl {
    width: 58%;
    margin-right: 2%;
    float: left;
    text-align: center;
  }
  #event .img_vl img {
    width: 100%;
    margin-bottom: 10px;
  }
  #event .img_cen {
    width: 100%;
    margin-right: 2%;
    float: left;
    text-align: center;
  }
  #event .img_cen img {
    width: 100%;
    margin-bottom: 10px;
  }
  #event .event_cap_cen {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .event2014_box01 {
    overflow: hidden;
    clear: both;
  }
  #event .event_cap {
    width: 40%;
    float: left;
    margin-bottom: 1em;
  }
  .event_gaiyo th {
    width: 20%;
  }
}
/* 20160704 bravi追加 */
.eventImage {
  overflow: hidden;
  margin-top: 30px;
}

.event_cap_top {
  text-align: left;
  width: 310px;
  margin: 0 auto 10px;
}

.event_cap_center {
  text-align: center;
  width: 310px;
  margin: 0 auto 10px;
}

#event .event_img2 {
  margin-bottom: 30px;
}

.event_gaiyo_wide th {
  width: 180px;
}

@media (max-width: 767px) {
  #event .event_cap_top {
    width: 100%;
  }
  #event .event_img2 img {
    width: 100%;
    margin-bottom: 1em;
  }
  .event_gaiyo_wide th {
    width: 160px;
  }
}
/* 20160908 追加 */
.eventImageList li {
  float: left;
  width: 30%;
  margin: 0 10px;
  text-align: center;
  padding-bottom: 20px;
}

.eventImageList li img {
  width: 100%;
}

.eventImageList:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#event .event_img3 {
  margin-bottom: 10px;
}

#event .event_img4 {
  margin-bottom: 2rem;
}

#event .event_img4 img {
  padding-left: 0.5rem;
}

.event03 .event_cap_top {
  margin: 0 auto 30px;
}

.event03 h3.ttlKotei03 {
  font-size: 24px;
}

@media (max-width: 767px) {
  .event03 h3.ttlKotei03 {
    margin-top: 0;
  }
  .eventImageList li {
    width: 100%;
  }
  .eventImageList li img {
    margin: 0 auto;
  }
  #event .event_img3 img {
    width: 100%;
  }
  #event .event_img4 {
    float: left;
    margin: 0 5%;
  }
  #event .event_img4 img {
    width: 47%;
  }
  .eventImageList li {
    margin: 0;
  }
  .eventImageList li img {
    width: 100%;
  }
}
/* 20160926 追加 */
.event04 h3.ttlKotei03 {
  margin-top: 20px;
  font-size: 24px;
}

.event04 h3.ttlKotei03.mgT40 {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .event04 h3.ttlKotei03,
.event04 h3.ttlKotei03.mgT40 {
    margin-top: 0;
  }
}
.event04 .event_cap_center span {
  display: block;
  font-size: 12px;
}

.event04 .event_cap_center {
  margin: 0 auto 20px;
}

.event04 .event_cap_top {
  margin: 0 auto 20px;
}

#event .orangeList li {
  font-size: 16px;
}

#event .orangeList li:before {
  content: "●";
  color: #ff9900;
  padding-right: 5px;
}

#event .orangeList li {
  text-align: left;
  padding-left: 4em;
  text-indent: -4.2em;
}

@media (max-width: 767px) {
  #event .orangeList {
    padding-left: 20px;
  }
}
#event .yellowBg {
  background: #fff5e5;
  margin: 30px 15px;
  padding: 20px;
}

#event .yellowBg h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  #event .yellowBg h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  #event .yellowBg li {
    font-size: 14px;
  }
  #event .event04Last .eventCont_l {
    width: 100%;
  }
  #event .event04Last .eventCont_r {
    width: 100%;
  }
  .event04 .eventImage.spSizeM .event_img3 img {
    max-width: 210px;
  }
  #event .spMg20 {
    margin-bottom: 30px;
  }
}
#event .yellowBg li {
  font-size: 16px;
  padding-left: 1em;
  text-indent: -1em;
}

#event .event04Last .eventCont_l {
  text-align: left;
  width: 35%;
}

#event .event04Last .eventCont_r {
  width: 60%;
  text-align: left;
  font-size: 16px;
}

#event .event04Last .eventCont_r p {
  margin-bottom: 20px;
}

.event04 .link01 {
  background: url(../images/common/icon12.gif) no-repeat 0 2px;
  padding-left: 25px;
}

.event04 .link01 a {
  text-decoration: underline;
}

.event04 .link01 a:hover {
  text-decoration: none;
}

/* 20170601 追加 */
.event05 .eventCont_l,
.event05 .eventCont_r {
  text-align: left;
}

.event05 .eventCont_l.alignRight {
  text-align: right;
}

.event05 h3.ttlKotei03 {
  margin-top: 20px;
  font-size: 24px;
}

.event05 h3.ttlKotei03.mgT40 {
  margin-top: 40px;
}

.event05 .textKotei a.blue {
  color: #00b9ef;
  word-break: break-all;
}

@media (max-width: 767px) {
  .event05 h3.ttlKotei03,
.event05 h3.ttlKotei03.mgT40 {
    margin-top: 0;
  }
}
.event05 .event_cap {
  width: auto;
  margin: 0 auto 20px;
  text-align: left;
  font-size: 13px;
  padding-right: 20px;
}

.event05 .float_imgL {
  float: left;
  padding-right: 20px;
}

.event05 .float_imgR {
  float: right;
  padding-left: 20px;
}

.event05 .textKotei {
  margin-bottom: 2em;
}

@media (max-width: 767px) {
  .event05 .textKotei {
    margin-bottom: 1em;
  }
  #event.event05 .event_img3.spSize img {
    float: left;
    width: 40%;
    margin: 0 5%;
  }
  #event.event05 .event_cap {
    width: 100%;
    padding: 0;
  }
}
/* 20170929 追加 */
.event05 .companyList {
  padding: 30px 0;
  font-size: 16px;
}

.event05 .companyList:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.event05 .companyList dt {
  clear: left;
  float: left;
}

.event05 .companyList dt span {
  color: #ff9900;
}

.event05 .companyList dd {
  margin-left: 140px;
}

.event05 .event_cap_top {
  width: auto;
  margin: 0 auto 5px;
  text-align: left;
  font-size: 13px;
}

.event05 .pictCenter, #adviser .pictCenter {
  text-align: center;
}

@media (max-width: 767px) {
  .event05 .pictCenter img {
    width: 100%;
    padding-bottom: 30px;
  }
  .event05 .companyList {
    padding-top: 0;
  }
}
/* ------------------------------------------------------------
熱中症について学ぼう
------------------------------------------------------------ */
.netsuzero li div.listText h3 {
  background: url(../images/kotei/icon_sun.gif) left top no-repeat;
  padding-left: 45px;
  padding-bottom: 10px;
}

.netsuzero li .btn_blue {
  width: 300px;
  margin: 10px 0 0 auto;
  clear: both;
}

.netsuzero li div.listText {
  margin-bottom: 10px;
}

.netsuzero li div.listText p.listText2 {
  font-size: 16px;
}

#netsuzeroMenu {
  overflow: hidden;
}

#netsuzeroMenu li {
  width: 330px;
  float: left;
  margin-bottom: 10px;
}

#netsuzeroMenu li.even {
  margin-right: 10px;
}

#netsuzeroMenu .btn_white a {
  background: url(../images/kotei/arrow_blue2.gif) 290px center no-repeat;
}

@media (max-width: 767px) {
  .netsuzero li .btn_blue {
    width: 100%;
    margin: 10px auto;
  }
  #netsuzeroMenu li {
    width: auto;
    float: none;
    display: block;
  }
  #netsuzeroMenu li.even {
    margin-right: 0;
  }
  #netsuzeroMenu .btn_white a {
    background: url(../images/kotei/arrow_blue2.gif) 95% center no-repeat;
    width: auto;
  }
}
/* ------------------------------------------------------------
熱中症の症状
------------------------------------------------------------ */
ul.shoujou li {
  padding: 15px 0;
}

ul.shoujou li div.listImg2 {
  width: 117px;
  margin-left: 20px;
}

ul.shoujou li div.listText {
  width: 500px;
}

@media (max-width: 767px) {
  ul.shoujou li div.listImg2 {
    width: 23%;
    margin: 0;
  }
  ul.shoujou li div.listText {
    width: 74%;
  }
}
#netsuzeroSubMenu {
  border-radius: 5px;
  background-color: #e2fcff;
  padding: 20px;
  margin: 40px auto;
}

#netsuzeroSubMenu h3 {
  border: none;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 24px;
  font-weight: bold;
}

#netsuzeroSubMenu .linkUl {
  width: 340px;
  float: left;
  border-top: solid 1px #cccccc;
}

#netsuzeroSubMenu .rBox {
  width: 280px;
  float: right;
}

#netsuzeroSubMenu .linkUl li {
  border-bottom: solid 1px #cccccc;
}

#netsuzeroSubMenu .linkUl li a {
  display: block;
  padding: 10px;
  font-size: 18px;
  background: url(../images/kotei/arrow_blue2.gif) 315px center no-repeat;
}

#netsuzeroSubMenu .linkUl li img {
  display: inline;
  margin-right: 10px;
  vertical-align: bottom;
}

#netsuzeroSubMenu .rBox p {
  background-attachment: scroll;
  background-image: url("../images/common/bg01.gif");
  background-position: left top;
  background-repeat: repeat;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 4px 9px 1px 9px;
  margin-bottom: 10px;
}

#netsuzeroSubMenu .rBox ul {
  margin-left: 10px;
}

#netsuzeroSubMenu .rBox ul li {
  padding-bottom: 3px;
}

#netsuzeroSubMenu .rBox ul li a {
  padding-bottom: 3px;
  background-image: url("../images/kotei/arrow_blue3.png");
  background-position: left 5px;
  background-repeat: no-repeat;
  display: inline-block;
  padding-left: 15px;
}

@media (max-width: 767px) {
  #netsuzeroSubMenu {
    padding: 0;
    background-color: #ffffff;
  }
  #netsuzeroSubMenu .linkUl {
    width: 100%;
    float: none;
    margin: 20px auto 0 auto;
  }
  #netsuzeroSubMenu .rBox {
    width: 100%;
    float: none;
    margin: 20px auto 0 auto;
  }
  #netsuzeroSubMenu .linkUl li a {
    background: url(../images/kotei/arrow_blue2.gif) right center no-repeat;
  }
}
.ttl01 {
  letter-spacing: -0.05rem; /* 20170510 */
}

/* ------------------------------------------------------------
予防・対策
------------------------------------------------------------ */
#selectBox {
  overflow: hidden;
  margin-bottom: 30px;
}

#selectBox li {
  float: left;
  width: 32%;
  margin-right: 2%;
  border-radius: 5px;
  background: url(../images/kotei/bgList.gif);
}

#selectBox li.last {
  margin: 0;
}

#selectBox li a {
  display: block;
}

#selectBox li .ttlSelect {
  display: block;
  text-align: center;
  color: #ff9900;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
}

#selectBox li .textSelect {
  display: block;
  padding: 0 10px;
  text-align: justify;
}

#selectBox li .btnSelect {
  display: block;
  background-color: #ff9900;
  border-radius: 5px;
  padding: 5px;
  text-align: center;
  margin: 10px;
}

#selectBox li .btnSelect img {
  margin: 0 auto;
}

.taisaku2 {
  width: 71px;
  height: 75px;
  float: left;
  background: url(../images/kotei/bgListImg02.jpg) left top no-repeat;
  text-align: center;
  color: #ffffff;
  margin-right: 10px;
  margin-bottom: 5px;
}

.taisaku2 .cap {
  font-size: 14px;
  display: block;
  padding-top: 20px;
}

.taisaku2 .num {
  font-size: 30px;
  display: block;
}

ul.yobou {
  margin-top: 15px;
}

.memoBox {
  width: 560px;
  margin: 20px auto 40px auto;
  border: solid 2px #00b9ef;
  border-radius: 5px;
  padding: 20px;
}

.memoBox h4 {
  color: #00b9ef;
  font-size: 24px;
  margin-bottom: 20px;
}

.memoBox h4 img {
  margin-right: 5px;
  vertical-align: middle;
}

.memoBox p {
  color: #00b9ef;
}

@media (max-width: 767px) {
  .memoBox {
    width: auto;
    padding: 20px;
    margin: 20px auto;
  }
}
/* ------------------------------------------------------------
応急処置のポイント
------------------------------------------------------------ */
ul.shochi {
  border: none;
}

ul.shochi li div.listText h3 {
  background-image: none;
  padding: 0;
}

ul.shochi li div.listImg {
  position: relative;
  padding-top: 5px;
  width: 170px;
  height: 148px;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  z-index: 1;
}
ul.shochi li div.listImg:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  z-index: -1;
}

#point1:before {
  background-image: url(../images/kotei/shochi_img01.jpg);
}

#point2:before {
  background-image: url(../images/kotei/shochi_img02.jpg);
}

#point3:before {
  background-image: url(../images/kotei/shochi_img03.jpg);
}

.shochi_text {
  background-color: #e2fcff;
  padding: 15px;
  color: #00b9ef;
  margin: 20px auto;
  font-weight: bold;
}

@media (max-width: 767px) {
  ul.shochi li div.listImg,
ul.listKotei3 li div.listText {
    display: block !important;
  }
  ul.listKotei3 li div.listText {
    margin: auto;
    width: 100%;
    text-align: center;
  }
  ul.listKotei3 li div.listText h3 {
    display: inline-block;
  }
  ul.listKotei3 li div.listText p {
    text-align: left;
  }
  ul.shochi li div.listImg {
    margin: auto auto 10px;
    padding-bottom: 43.5%;
    width: 50%;
    background-size: 100% !important;
    text-align: center;
    color: #fff;
    font-size: 18px;
  }
}
#juyoBox {
  background: url(../images/kotei/bgList.gif);
  padding: 30px 20px;
}

#juyoBox h4 {
  margin-top: 0 !important;
  float: left;
  color: #ff9900;
  font-size: 30px;
}

#juyoBox ul {
  clear: both;
  margin: 20px 10px 0;
}

#juyoBox li {
  background: url(../images/kotei/juyo_img02.png) left 3px no-repeat;
  padding-left: 30px;
  font-size: 24px;
  font-weight: bold;
}

#juyoBox li span {
  font-weight: normal;
  font-size: 14px;
  display: block;
  line-height: 1;
}

@media (max-width: 767px) {
  #juyoBox h4 {
    width: 60%;
    margin-top: 0;
    font-size: 24px;
  }
  #juyoBox li {
    font-size: 20px;
    background: url(../images/kotei/juyo_img02.png) left 1px no-repeat;
  }
  #juyoBox li span {
    font-size: 12px;
  }
}
p#kanshu {
  width: auto;
  margin: 10px 0 30px 0;
}

p.kanshu {
  width: 350px;
  margin: 0 0 30px auto;
}

@media (max-width: 767px) {
  p#kanshu {
    width: 100%;
    margin: 10px auto;
  }
  p.kanshu {
    width: 80%;
    margin: 0 0 30px auto;
  }
}
/*------------------------------------------------------------
	こども
------------------------------------------------------------ */
.btn_kodomo {
  overflow: hidden;
  clear: both;
  margin-bottom: 30px;
}

.btn_kodomo a {
  color: #ffffff;
  text-align: center;
  display: block;
  float: left;
  margin-right: 10px;
  padding: 5px 30px 5px 30px;
  background: #00b9ef url(../images/kotei/arrow_white3.gif) 10px center no-repeat;
}

.btn_kodomo.kakigoori a {
  background: #00b9ef;
}

/* 20170401 */
.btn_kodomo a.btn_blue {
  margin-left: 5px;
}

/* ------------------------------------------------------------
屋外で働く人
------------------------------------------------------------ */
.okugaiList {
  margin: 30px 30px;
}
@media (max-width: 767px) {
  .okugaiList {
    margin: 10px;
  }
}

.okugaiList li {
  background: url(../images/kotei/arrow_blue4.gif) left 5px no-repeat;
  padding: 0 0 0 20px;
  margin-bottom: 10px;
}

/* ------------------------------------------------------------
室内で過ごす人
------------------------------------------------------------ */
.indoorList {
  margin: 4px 0 0;
}

.indoorList.checked {
  margin: 10px 0 0;
  padding: 1em 1.5em;
  border: 3px solid #ff9900;
  border-radius: 7px;
  overflow: hidden;
}

.indoorList.checked li {
  position: relative;
  padding: 15px 130px 15px 110px;
}

.indoorList.checked li.is-active {
  margin-bottom: 2em;
}

.indoorList.checked li.is-active .text-right {
  position: absolute;
  right: 0;
  bottom: -20px;
}

.indoorList.checked .btn_radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  margin: auto;
  font-size: 90%;
}

.indoorList.checked .btn_radio label + input,
.indoorList.checked .btn_radio label {
  margin-left: 10px;
}

.indoorList.checked li:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100px;
  height: 30px;
  margin: auto;
  padding: 5px;
  color: #fff;
  font-size: 90%;
  text-align: center;
  background-color: #ff9900;
  border-radius: 7px;
}

.indoorList.checked li:nth-child(1):before {
  content: "チェック1";
}

.indoorList.checked li:nth-child(2):before {
  content: "チェック2";
}

.indoorList.checked li:nth-child(3):before {
  content: "チェック3";
}

.indoorList.checked li:nth-child(4):before {
  content: "チェック4";
}

.indoorList.checked li:nth-child(5):before {
  content: "チェック5";
}

.indoorList.checked li:nth-child(6):before {
  content: "チェック6";
}

.indoorList.checked li:nth-child(7):before {
  content: "チェック7";
}

.indoorList.checked li:nth-child(8):before {
  content: "チェック8";
}

.indoorList.checked li:nth-child(9):before {
  content: "チェック9";
}

.indoorList.checked li:nth-child(10):before {
  content: "チェック10";
}

.indoorList.checked li + li {
  border-top: 1px solid #ccc;
}

.indoor_selfCheck_result {
  margin-top: 2em;
  text-align: center;
}

.indoor_selfCheck_result * {
  display: none;
}

.indoor_selfCheck_result .alert {
  margin-top: 1em;
  color: red;
  font-size: 100%;
}

.btn_blue.big {
  display: inline-block;
  padding: 0.6em 1em;
  font-size: 125%;
  cursor: pointer;
}

.btn_blue.big:hover {
  text-decoration: none;
}

.font110 {
  font-size: 110%;
}

.font95 {
  font-size: 95%;
}

.font90 {
  font-size: 90%;
}

.text-color {
  color: #333;
}

.orange_bg_headline {
  margin-top: 15px;
  padding: 5px 5px 5px 50px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  background: #ff9900 url(../images/kotei/icon_taisaku.gif) 10px center no-repeat;
  border-radius: 5px;
}

.list_border {
  margin: 10px 0;
}

.list_border.no_border {
  margin: 0;
}

.list_border.no_border > li {
  padding: 1em 0;
}

.list_border.orange li {
  border-bottom: 1px solid #ff9900;
}

.list_border > li {
  padding: 2em 0;
  overflow: hidden;
}

.list_border .listImg2 {
  width: 25%;
  float: left;
}

.list_border .listText {
  width: 72%;
  float: right;
}

.list_border .listText h3 {
  margin-bottom: 10px;
  color: #ff9900;
  font-size: 24px;
  line-height: 1.6;
  font-weight: bold;
}

.le10 .text + .text {
  margin-top: 2em;
  overflow: hidden;
}

.block {
  display: block;
}

@media (max-width: 767px) {
  .indoorList.checked li {
    padding: 55px 0 15px 0;
  }
  .indoorList.checked .btn_radio {
    top: 20px;
    bottom: auto;
  }
  .indoorList.checked li:before {
    top: 15px;
    bottom: auto;
  }
  .list_border .listImg2,
.list_border .listText {
    width: 100%;
    float: none;
  }
  .list_border .listImg2 img {
    margin: auto;
  }
  .list_border .listText {
    margin-top: 1em;
  }
  .list_border .listText h3 {
    font-size: 20px;
    text-align: center;
  }
  .list_border .listImg2 p {
    font-size: 90%;
  }
}
/* ------------------------------------------------------------
熱ゼロラボ
------------------------------------------------------------ */
ul#labo li .listText {
  width: 400px;
}

ul#labo li span.listIcon {
  width: 8em;
}

@media (max-width: 767px) {
  ul#labo li .listText,
ul#labo li span.listImg {
    width: 100%;
  }
}
#laboContents h3 {
  font-size: 20px;
  clear: both;
}

#laboContents h3.laboTtl {
  color: #ff9900;
  font-size: 24px;
}

#laboContents h3.laboTtl span {
  font-size: 16px;
  color: #ffffff;
  background-color: #ff9900;
  border-radius: 5px;
  display: block;
  text-align: center;
  width: 150px;
  font-weight: normal;
  margin: 10px;
}

#laboContents p {
  margin-bottom: 1em;
}

#laboContents .cap {
  font-size: 12px;
  display: block;
}

#laboContents p.labo_image {
  background: #eeeeee;
  padding: 10px;
  text-align: center;
}

#laboContents p.labo_image img {
  max-width: 400px;
}

#laboContents p.labo_image span {
  display: block;
  background: #ffffff;
  border: solid 1px #a0a0a0;
  text-align: center;
  margin: 10px;
}

#laboContents p.labo_image span.labo_ttl {
  border: none;
  background: none;
  font-weight: bold;
}

#laboContents .rightImg {
  float: right;
}

#laboContents .spView {
  display: none;
}

#laboContents .labo_matome {
  background: #ffffcc;
  padding: 15px;
  border: solid 1px #ff9900;
  margin: 30px auto;
}

#laboContents .labo_matome h4 {
  color: #ff9900;
  font-size: 20px;
}

#laboContents .labo_matome li {
  background: url(../images/kotei/icon_sun_s.gif) left top no-repeat;
  padding-left: 30px;
  margin: 20px 0;
}

@media (max-width: 767px) {
  #laboContents .spView {
    display: block;
  }
  #laboContents .pcView {
    display: none;
  }
  #laboContents p.labo_image {
    background: #eeeeee;
    padding: 10px;
    text-align: center;
    width: 95%;
    margin: 0 auto;
  }
  #laboContents p.labo_image img {
    max-width: 90%;
  }
  #laboContents p.labo_image span {
    width: auto;
  }
  #laboContents .image_list img {
    width: 100%;
  }
}
/* レポートNo4とレポートNo05共通部分 */
#laboContents .sec01 img {
  float: right;
  padding-bottom: 30px;
}

#laboContents .sec01 .txt01 {
  float: left;
}

#laboContents .sec01 .txt01 p {
  margin-bottom: 40px;
}

#laboContents .sec01 h3 span {
  margin-left: 0;
}

#laboContents .sec01 .txt02 {
  clear: both;
}

#laboContents .sec02 h3 {
  margin-top: 70px;
}
@media (max-width: 767px) {
  #laboContents .sec02 h3 {
    margin-top: 50px;
  }
}

#laboContents .sec02 .txt01 {
  border: 3px solid #c8e9f2;
  padding: 20px;
  font-size: 1.1em;
  line-height: 2em;
}

#laboContents .sec02 .txt01 li {
  padding-left: 1em;
  text-indent: -1em;
}
@media (max-width: 767px) {
  #laboContents .sec02 .txt01 li {
    line-height: 1.4em;
    margin-bottom: 30px;
  }
}

/* .sp #laboContents .sec02 .txt01 li:nth-of-type(3) {
margin-bottom:0;
}
.sp #laboContents.lab08 .sec02 .txt01 li:nth-of-type(3) {
 margin-bottom:30px;
} */
.sp #laboContents .sec02 .txt01 li:last-child {
  margin-bottom: 0;
}

#laboContents .sec02 h4 {
  margin: 50px 0 35px;
}
@media (max-width: 767px) {
  #laboContents .sec02 h4 {
    margin: 30px 0;
  }
}

#laboContents .sec02 dt {
  float: left;
}

#laboContents .sec02 dd.space {
  padding-left: 5em;
}

#laboContents .sec02 dd.space ul {
  padding-left: 2em;
}

#laboContents .sec02 .map {
  overflow: hidden;
  background: #fdfce0;
  padding: 20px 0;
  text-align: center;
  margin-top: 50px;
}

@media (max-width: 767px) {
  #laboContents .sec02 .map img {
    width: 100%;
  }
}
#laboContents .sec02 .map h4 {
  width: 200px;
  text-align: center;
  color: #fff;
  font-size: 1.4em;
  font-weight: normal;
  line-height: 40px;
  background: #ffa520;
  border-radius: 5px;
  margin: 0 auto 20px;
}

#laboContents .sec02 .map ul {
  margin: 20px auto 0;
  position: relative;
  left: 50%;
  float: left;
}
@media (max-width: 767px) {
  #laboContents .sec02 .map ul {
    width: 80%;
  }
}

#laboContents .sec02 .map li {
  position: relative;
  float: left;
  padding-right: 30px;
  left: -50%;
}

#laboContents .sec02 .map li span {
  position: relative;
  top: 3px;
  font-size: 1.6em;
  padding: 10px 5px 0 0;
}

#laboContents .sec02 .map li span.red {
  color: #ed9081;
}

#laboContents .sec02 .map li span.yellow {
  color: #f0ce74;
}

#laboContents .sec02 .map li span.green {
  color: #a1cc9e;
}

#laboContents .sec02 .map li span.gray {
  color: #e1e2e4;
}

#laboContents .sec02 .map li span.blue {
  color: #69b9ee;
}

#laboContents .sec02 .map .rightTxt {
  float: right;
  padding: 10px 20px 0 0;
}

@media (max-width: 767px) {
  #laboContents .sec02 .map .rightTxt {
    padding-right: 5px;
  }
  #laboContents .sec03 h3,
#laboContents .sec04 h3,
#laboContents .sec05 h3 {
    margin: 50px 0 20px;
  }
}
#laboContents .sec03 h4,
#laboContents .sec04 h4,
#laboContents .sec05 h4 {
  font-size: 1.4em;
}

#laboContents .sec05 h4 {
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  #laboContents .sec05 h4 {
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  #laboContents .sec03 p,
#laboContents .sec04 p,
#laboContents .sec05 p {
    margin: 25px 0 0;
  }
}
#laboContents .sec03 p,
#laboContents .sec04 p {
  margin-top: 40px;
}

@media (max-width: 767px) {
  #laboContents .sec03 h5 {
    margin: 50px 0 30px 0;
  }
}
#laboContents .sec03 h5,
#laboContents .sec04 h5 {
  margin: 60px 0 30px 0;
}

#laboContents.lab08 .sec03 h5 {
  margin: 60px 0 0 0;
}

#laboContents .sec03 img {
  float: left;
}

#laboContents .sec03 ul {
  float: left;
  padding: 20px 0 0 75px;
}
@media (max-width: 767px) {
  #laboContents .sec03 ul {
    font-size: 0.9em;
  }
}

#laboContents .sec03 li {
  font-weight: bold;
  font-size: 1.1em;
}

@media (max-width: 767px) {
  #laboContents .sec03 li span {
    position: relative;
    top: 4px;
    font-size: 2em;
    line-height: 1em;
    padding-right: 0;
  }
  #laboContents .sec03 img {
    width: 35%;
    padding-right: 2%;
  }
  #laboContents .sec03 ul {
    width: 60%;
    padding: 0;
  }
}
#laboContents .sec03 li span {
  position: relative;
  top: 5px;
  font-size: 2em;
  line-height: 1em;
  padding-right: 5px;
}

#laboContents .sec03 li span.orange01,
#laboContents .sec04 ul.list li span.orange01 {
  color: #f5a033;
}

#laboContents .sec03 li span.orange02,
#laboContents .sec04 ul.list li span.orange02 {
  color: #fed41e;
}

#laboContents .sec03 li span.yellow01,
#laboContents .sec04 ul.list li span.yellow01 {
  color: #ffef20;
}

#laboContents .sec03 li span.yellow02,
#laboContents .sec04 ul.list li span.yellow02 {
  color: #fff7af;
}

@media (max-width: 767px) {
  #laboContents .sec04 {
    padding-top: 0px;
  }
  #laboContents .sec04 {
    padding-top: 60px;
  }
  #laboContents .sec04 h5 {
    margin: 40px 0 20px;
  }
  #laboContents .sec04 ul.list span {
    top: 8px;
    font-size: 3em;
  }
  #laboContents .sec04 ul.list li {
    width: 100%;
    font-size: 0.8em;
    line-height: 1.6em;
    padding-left: 4%;
  }
}
#laboContents .sec04 ul.list span {
  position: relative;
  top: 3px;
  font-size: 2em;
}

#laboContents .sec04 ul.list li {
  float: left;
  font-size: 0.75em;
  font-weight: bold;
  padding-right: 1em;
}

#laboContents .sec04 ul.list:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

@media (max-width: 767px) {
  #laboContents .sec04 ul.graf img {
    width: 95%;
  }
}
#laboContents .sec04 ul.graf {
  overflow: hidden;
  clear: both;
  margin-top: 40px;
}

#laboContents .sec04 ul.graf li {
  width: 50%;
  float: left;
  text-align: center;
}

#laboContents .sec04 ul.graf li:nth-of-type(1) {
  background: url(../images/kotei/lab04/lobo04_line01.gif) repeat-y top right, url(../images/kotei/lab04/lobo04_line02.gif) repeat-x bottom left;
}

#laboContents .sec04 ul.graf li:nth-of-type(2) {
  background: url(../images/kotei/lab04/lobo04_line02.gif) repeat-x bottom left;
}

#laboContents .sec04 ul.graf li:nth-of-type(3) {
  background: url(../images/kotei/lab04/lobo04_line01.gif) repeat-y top right;
}

#laboContents .sec04 ul.graf li img {
  margin: 20px auto;
}

#laboContents .sec04 ul.graf li span {
  display: block;
  width: 80%;
  text-align: center;
  color: #fff;
  line-height: 2em;
  margin: 30px auto 25px;
  border-radius: 5px;
}

#laboContents .sec04 ul.graf li:nth-of-type(1) span,
#laboContents .sec04 ul.graf li:nth-of-type(2) span {
  margin: 0px auto 25px;
}

#laboContents .sec04 ul.graf li span.red {
  background: #f39d90;
}

#laboContents .sec04 ul.graf li span.yellow {
  background: #f1d484;
}

#laboContents .sec04 ul.graf li span.green {
  background: #add3aa;
}

#laboContents .sec04 ul.graf li span.blue {
  background: #7bc1f2;
}

#laboContents .sec05 {
  margin-top: 65px;
}

#laboContents .sec05 h5 {
  margin: 40px 0 10px;
}
@media (max-width: 767px) {
  #laboContents .sec05 h5 {
    margin: 25px 0 10px;
  }
}

#laboContents .sec05 li span {
  font-size: 1.4em;
  line-height: 1em;
  padding-right: 5px;
}

#laboContents .sec05 .grafBg {
  overflow: hidden;
  background: #fdfce0;
}

#laboContents .sec05 .grafBg h4 {
  width: 50%;
  color: #fff;
  font-weight: normal;
  background: #ffa520;
  border-radius: 5px;
  padding: 10px 15px;
  margin: 20px auto 30px;
  text-align: center;
}
@media (max-width: 767px) {
  #laboContents .sec05 .grafBg h4 {
    width: 70%;
  }
}

#laboContents .sec05 .grafBg img {
  display: block;
  margin: 20px auto 0;
}

@media (max-width: 767px) {
  #laboContents .sec05 ul {
    padding-left: 12%;
  }
  #laboContents .sec05 img {
    width: 95%;
    margin: 4% auto 0;
  }
}
#laboContents .sec05 ul {
  padding-left: 136px;
}

#laboContents .sec05 li span.orange01 {
  color: #f3a133;
}

#laboContents .sec05 li span.orange02 {
  color: #fed41e;
}

#laboContents .sec05 li span.yellow {
  color: #ffef20;
}

#laboContents .sec05 li span.gray {
  color: #e4e4e4;
}

#laboContents .sec05 .rightTxt {
  text-align: right;
  padding: 20px 0;
}
@media (max-width: 767px) {
  #laboContents .sec05 .rightTxt {
    text-align: right;
    padding: 0 0 60px 0;
  }
}

#laboContents .sec06 {
  margin-top: 60px;
}
@media (max-width: 767px) {
  #laboContents .sec06 {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  #laboContents .sec06 li img {
    width: 90%;
    padding-right: 10%;
    margin: 0;
  }
  #laboContents .sec06 li {
    float: none;
    width: 90%;
    margin: 0 auto;
  }
  #laboContents .sec06 p {
    margin: 30px 0 0;
  }
  #laboContents .sec06 li p.spSpace {
    position: relative;
    top: 15px;
  }
  #laboContents .sec06 li.lineInfo .line {
    display: block;
    padding: 25px 0 0 60px;
  }
}
#laboContents .sec06 li {
  float: left;
  width: 50%;
  text-align: center;
  font-weight: bold;
}

#laboContents .sec06 li img {
  margin: 0 auto 20px;
}

#laboContents .sec06 .smallTxt {
  font-size: 0.9em;
  text-align: center;
}

#laboContents .sec06 .lastTxt {
  margin-top: 65px;
}

#laboContents .sec06 .lastTxt span {
  display: block;
  font-size: 0.9em;
  color: #adadad;
}

#laboContents .sec06 .graf li p {
  padding-left: 50px;
}
@media (max-width: 767px) {
  #laboContents .sec06 .graf li p {
    padding-left: 30px;
  }
}

#laboContents .sec06 .grafBg {
  overflow: hidden;
  border: 3px solid #c8e9f2;
  border-radius: 5px;
}
@media (max-width: 767px) {
  #laboContents .sec06 .grafBg {
    margin-top: 45px;
  }
}

#laboContents .sec06 .grafBg h4 {
  width: 50%;
  color: #fff;
  font-size: 1.2em;
  font-weight: normal;
  background: #ffa520;
  border-radius: 5px;
  padding: 10px 15px;
  margin: 20px auto 30px;
  text-align: center;
}
@media (max-width: 767px) {
  #laboContents .sec06 .grafBg h4 {
    width: 80%;
  }
}

#laboContents .sec06 .grafBg ul {
  overflow: hidden;
  padding: 0 2% 2%;
}

#laboContents .sec06 .grafBg li {
  float: left;
  width: 38%;
  text-align: center;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  #laboContents .sec06 .grafBg li {
    float: none;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
  }
}

@media (max-width: 767px) {
  #laboContents .sec06 .grafBg li img {
    width: 90%;
    padding-left: 5%;
  }
  #laboContents .sec06 .grafBg li:nth-of-type(2) {
    float: none;
    width: 80%;
    top: auto;
    margin-top: 20px;
  }
  #laboContents .sec06 .grafBg li:nth-of-type(4) {
    padding-top: 30px;
  }
  #laboContents .sec06 .grafBg li:nth-of-type(5) {
    float: none;
    width: 90%;
    top: auto;
    padding-top: 25px;
  }
  #laboContents .sec06 .grafBg li:nth-of-type(6) {
    margin-top: -30px;
    margin-bottom: 30px;
  }
}
#laboContents .sec06 .grafBg li:nth-of-type(2),
#laboContents .sec06 .grafBg li:nth-of-type(5) {
  position: relative;
  float: left;
  width: 22%;
  top: 40px;
}

@media (max-width: 767px) {
  #laboContents .sec06 .grafBg li:nth-of-type(3) {
    background: url(../images/kotei/lab04/lobo04_line02.gif) repeat-x bottom left;
    padding-bottom: 50px;
  }
  #laboContents .sec06 .grafBg li span {
    margin: 20px 5%;
    width: 30%;
  }
}
#laboContents .sec06 .grafBg li:nth-of-type(4) {
  clear: both;
}

#laboContents .sec06 .grafBg li span {
  display: block;
  width: 50%;
  color: #fff;
  font-weight: normal;
  padding: 5px 0;
  border-radius: 5px;
  margin: 20px auto;
}

#laboContents .sec06 .grafBg li span.red {
  background: #f39d90;
}

#laboContents .sec06 .grafBg li span.yellow {
  background: #f1d484;
}

#laboContents .sec06 .grafBg li span.green {
  background: #add3aa;
}

#laboContents .sec06 .grafBg li span.blue {
  background: #7bc1f2;
}

#laboContents .sec06 .txt01 {
  clear: both;
  margin-top: 40px;
}

#laboContents .sec06 .link01 {
  background: url(../images/common/icon12.gif) no-repeat 0 2px;
  padding-left: 25px;
  padding-bottom: 60px;
}

#laboContents .sec06 .link01 a {
  text-decoration: underline;
}

#laboContents .sec06 .link01 a:hover {
  text-decoration: none;
}

/* レポートNo5 */
#laboContents.no05 .sec01 .link01 {
  background: url(../images/common/icon12.gif) no-repeat 0 2px;
  padding-left: 25px;
}

#laboContents.no05 .sec01 .link01 a {
  text-decoration: underline;
}

#laboContents.no05 .sec01 .link01 a:hover {
  text-decoration: none;
}

#laboContents.no05 .sec02 .map .txtRight {
  clear: both;
  text-align: right;
  padding: 20px 20px 0 0;
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
  #laboContents.no05 .sec02 .map .txtRight {
    padding-right: 5px;
  }
}

#laboContents.no05 .sec03 .list01 {
  background: #fff6e8;
  padding: 20px;
}
@media (max-width: 767px) {
  #laboContents.no05 .sec03 .list01 {
    margin-bottom: 20px;
  }
}

#laboContents.no05 .sec03 .list01 ul, .has-liststyle {
  float: none;
  padding: 0;
}

#laboContents.no05 .sec03 .list01 li {
  font-weight: normal;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 0.9em;
}

.has-liststyle li {
  font-weight: normal;
  padding-left: 1em;
  text-indent: -1em;
}

#laboContents.no05 .sec03 .list01 span {
  display: block;
  font-weight: normal;
  padding-top: 30px;
  font-size: 0.9em;
}

#laboContents.no05 .sec03 .pictCenter img {
  float: none;
}

@media (max-width: 767px) {
  #laboContents .sec03 ul {
    width: 100%;
  }
  #laboContents .sec03 img {
    width: 50%;
  }
  #laboContents.no05 .sec04 img {
    width: 100%;
  }
  #laboContents .sec05 h5 {
    margin: 40px 0 20px;
  }
}
#laboContents.no05 .sec04 {
  padding: 0;
}

#laboContents.no05 .sec05 p.mgTop40 {
  margin-top: 40px;
}

#laboContents .sec07 .pictRight:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#laboContents .sec07 .pictRight .pict {
  width: 200px;
  float: right;
  text-align: left;
}

#laboContents .sec07 .pictRight .txt {
  float: left;
  width: 65%;
}

@media (max-width: 767px) {
  #laboContents .sec07 .pictRight .txt {
    float: none;
    width: 100%;
  }
  #laboContents .sec07 .pictRight .pict {
    float: none;
    width: 100%;
    padding: 20px 0 0;
  }
  #laboContents .sec07 .pictRight .pict:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
}
#laboContents .sec07 .pictRight .pict span {
  font-size: 1.4em;
}

#laboContents .sec07 .pictRight .pict img {
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  #laboContents .sec07 .pictRight .pict img {
    width: 35%;
    float: left;
  }
  #laboContents .pict .nameTxt {
    width: 60%;
    float: right;
  }
}
#laboContents .pictRight .pict p {
  font-size: 0.9em;
}

#laboContents.no05 .sec08 {
  background: #ffffcc;
  padding: 15px;
  border: solid 1px #ff9900;
  margin: 30px auto;
}

#laboContents.no05 .sec08 h3 {
  color: #ff9900;
  font-weight: normal;
  padding-bottom: 30px;
}

#laboContents.no05 .sec08 li {
  padding-bottom: 30px;
}

#laboContents.no05 .sec08 li span {
  display: block;
  font-weight: bold;
}

#laboContents.no05 .sec08 li:nth-of-type(5) {
  padding-bottom: 0;
}

/* no4とno5のSP版地図下テキスト */
@media (max-width: 767px) {
  #laboContents .sec02 .map .rightTxt,
#laboContents.no05 .sec02 .map .txtRight {
    text-align: left;
    margin-left: 5px;
  }
}
#laboContents .clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#laboContents h5.graphttl {
  width: 60%;
  color: #fff;
  font-size: 1.2em;
  font-weight: normal;
  background: #ffa520;
  border-radius: 5px;
  padding: 10px 15px;
  margin: 20px auto 10px;
  text-align: center;
}

@media (max-width: 767px) {
  #laboContents h5.graphttl {
    width: 90%;
    font-size: 1em;
    border-radius: 10px;
    margin: 10px auto;
  }
}
/*
#laboContents h5.blackLine {
	width:60%;
	font-size:1.8em;
	color:#f4a133;
	border:2px solid #bebebe;
	border-radius:15px;
	text-align:center;
	margin:0 auto 30px;
	padding:5px 0;
	font-weight:normal;
}
.sp #laboContents h5.blackLine {
	width:80%;
	font-size:1em;
	border-radius:10px;
	margin:0 auto 30px;
}
#laboContents h5.greenLine {
	width:60%;
	font-size:1.6em;
	line-height:1.2em;
	color:#8bd0d1;
	border:2px solid #bebebe;
	border-radius:15px;
	text-align:center;
	margin:30px auto 0;
	padding:5px 0;
	font-weight:normal;
}
.sp #laboContents h5.greenLine {
	width:100%;
	font-size:1em;
	border-radius:10px;
	margin:0 auto;
}
#laboContents h5.orangeLine {
	width:50%;
	font-size:1.6em;
	line-height:1.2em;
	color:#f4a133;
	border:2px solid #bebebe;
	border-radius:15px;
	text-align:center;
	margin:30px auto 0;
	padding:5px 0;
	font-weight:normal;
}
.sp #laboContents h5.orangeLine {
	width:80%;
	font-size:1em;
	border-radius:10px;
	margin:0 auto;
}
*/
#laboContents .pictCenter {
  overflow: hidden;
  text-align: center;
  padding: 30px 0;
}
@media (max-width: 767px) {
  #laboContents .pictCenter {
    padding: 10px 0;
  }
}

#laboContents span.fontNormal {
  display: block;
  font-weight: normal !important;
}

.pcBlock {
  display: block;
}

.spBlock {
  display: none;
}

@media (max-width: 767px) {
  .pcBlock {
    display: none;
  }
  .spBlock {
    display: block;
  }
  /* レポートNo6 */
  #laboContents.no06 {
    font-size: 14px;
  }
  #laboContents.no06 .sec01 img {
    width: 100%;
    display: block;
  }
  #laboContents.no06 .sec03 p,
#laboContents.no06 .sec04 p,
#laboContents.no06 .sec05 p,
#laboContents.no06 .sec05 img,
#laboContents.no06 .sec06 p {
    margin: 0;
  }
  #laboContents.no06 .sec05 {
    margin-top: 0;
  }
  #laboContents.no06 h3 {
    /*margin-top:30px; 20170810 */
    margin-top: 40px;
  }
}
#laboContents.no06 .sec05 {
  margin-top: 0;
}

#laboContents.no06 img {
  float: none;
  margin: 0;
  padding: 0;
}

#laboContents.no06 h3 {
  margin-top: 50px;
}
@media (max-width: 767px) {
  #laboContents.no06 h3 {
    font-size: 18px;
  }
}

#laboContents.no06 p {
  margin: 0;
}

#laboContents.no06 p.comment01 {
  padding: 25px 0 0;
}

#laboContents.no06 p.comment02 {
  padding: 15px 0 30px;
}

#laboContents.no06 p.comment02 a {
  text-decoration: underline;
}

#laboContents .pictLeft .pict {
  float: left;
}

#laboContents .sec07 .pictLeft .pict {
  width: 200px;
}

.sp #laboContents .sec07 .pictLeft .pict {
  float: none;
  width: 100%;
  padding: 20px 0 0;
}

.sp #laboContents .pictLeft .pict {
  float: none;
  text-align: center;
}

.sp #laboContents .pictLeft .pict img {
  width: 80%;
}

#laboContents .pictLeft .txt {
  float: left;
  padding-left: 20px;
}

#laboContents .sec07 .pictLeft .txt {
  width: 65%;
}

.sp #laboContents .pictLeft .txt {
  float: none;
  padding: 10px 0 0 0;
}

.sp #laboContents .sec07 .pictLeft .pict:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#laboContents .sec07 .pictLeft .pict span {
  font-size: 1.4em;
}

#laboContents .sec07 .pictLeft .pict img {
  padding-bottom: 20px;
}

.sp #laboContents .sec07 .pictLeft .pict img {
  width: 35%;
  float: left;
}

.sp #laboContents .pictLeft .pict .nameTxt {
  text-align: left;
}

#laboContents .comment_q:after,
#laboContents .comment_ans:after,
#laboContents .animal_area:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#laboContents .comment_q,
#laboContents .comment_ans {
  margin-top: 30px;
}

#laboContents .comment_q .question {
  position: relative;
  width: 67%;
  float: left;
  padding: 20px 10px 20px 70px;
  background: #fff6e8;
  border-radius: 10px;
  font-size: 16px;
}
@media (max-width: 767px) {
  #laboContents .comment_q .question {
    width: 74%;
    padding: 10px 10px 10px 50px;
    font-size: 14px;
  }
}

#laboContents .comment_q .question img {
  position: absolute;
  left: 10px;
  top: 10px;
}
@media (max-width: 767px) {
  #laboContents .comment_q .question img {
    width: 35px;
  }
}

#laboContents .comment_q .question img.size02 {
  position: absolute;
  left: 10px;
  top: 20px;
}
@media (max-width: 767px) {
  #laboContents .comment_q .question img.size02 {
    left: 10px;
    top: 10px;
  }
}

#laboContents .comment_q .illust {
  width: 20%;
  float: right;
  text-align: right;
}
@media (max-width: 767px) {
  #laboContents .comment_q .illust {
    width: 23%;
  }
}

#laboContents .comment_ans .illust {
  width: 20%;
  float: left;
}

.sp #laboContents .comment_q .illust img {
  width: 100%;
}

.sp #laboContents .comment_ans .illust {
  width: 27%;
  float: left;
}

.sp #laboContents .comment_ans .illust img {
  width: 100%;
}

#laboContents .comment_ans .txt {
  position: relative;
  padding: 20px 20px 20px 70px;
  width: 79%;
  font-size: 16px;
  background: #e2fcff;
  border-radius: 10px;
  float: right;
}
@media (max-width: 767px) {
  #laboContents .comment_ans .txt {
    width: 70%;
    padding: 10px 10px 10px 50px;
    font-size: 14px;
  }
}

#laboContents .comment_ans .txt img {
  position: absolute;
  left: 10px;
  top: 10px;
}
@media (max-width: 767px) {
  #laboContents .comment_ans .txt img {
    width: 35px;
  }
}

#laboContents .comment_ans .txt p {
  padding: 20px 10px 0 70px;
}
@media (max-width: 767px) {
  #laboContents .comment_ans .txt p {
    padding: 5px 0 5px 5px;
  }
}

#laboContents.no06 .animal_area {
  margin-top: 30px;
}
@media (max-width: 767px) {
  #laboContents.no06 .animal_area {
    margin-top: 20px;
  }
}

#laboContents.no06 .animal_area .pict {
  float: left;
}
@media (max-width: 767px) {
  #laboContents.no06 .animal_area .pict {
    float: none;
    text-align: center;
  }
}

.sp #laboContents.no06 .animal_area .pict img {
  width: 80%;
}

#laboContents.no06 .animal_area .fukidashi {
  width: 336px;
  height: 179px;
  float: right;
  background: url(../images/kotei/lab06/lobo06_img011.png) no-repeat top center;
  background-size: 100% 100%;
  text-align: center;
  color: #fff;
}
#laboContents.no06 .animal_area .fukidashi .font-small {
  font-size: 14.5px;
}
@media (max-width: 767px) {
  #laboContents.no06 .animal_area .fukidashi .font-small {
    font-size: 13.5px;
  }
}

#laboContents.no06 .animal_area .fukidashi.size02 {
  background: url(../images/kotei/lab06/lobo06_img012.png) no-repeat;
  width: 325px;
  height: 208px;
}

#laboContents.no06 .animal_area .fukidashi.size03 {
  background: url(../images/kotei/lab06/lobo06_img013.png) no-repeat;
  width: 325px;
  height: 179px;
}

#laboContents.no06 .animal_area .fukidashi.size04 {
  background: url(../images/kotei/lab06/lobo06_img014.png) no-repeat;
  width: 331px;
  height: 214px;
}

#laboContents.no06 .animal_area .fukidashi.size05 {
  background: url(../images/kotei/lab06/lobo06_img015.png) no-repeat;
  width: 325px;
  height: 263px;
}

#laboContents.no06 .animal_area .fukidashi h4 {
  color: #ffff00;
  font-size: 16px;
  padding: 50px 0 10px;
  font-weight: bold;
}
@media (max-width: 767px) {
  #laboContents.no06 .animal_area .fukidashi h4 {
    padding: 45px 0 7px;
    font-size: 14px;
  }
}

#laboContents.no06 .animal_area .fukidashi.size03 h4 {
  padding: 40px 0 10px;
}

@media (max-width: 767px) {
  #laboContents.no06 .animal_area .fukidashi {
    float: none;
    width: 300px;
    background-size: 100%;
    margin: 20px auto 0;
  }
}
#laboContents .point_area {
  margin-top: 30px;
  border: 3px solid #00b0ec;
  border-radius: 10px;
  padding: 15px 20px 20px;
}
@media (max-width: 767px) {
  #laboContents .point_area {
    margin-top: 0px;
  }
}

#laboContents .point_area h4 {
  background: url(../images/kotei/lab06/lobo06_img013.jpg) no-repeat;
  color: #00b0ec;
  font-size: 0;
  font-weight: normal;
  padding: 10px 0 10px 65px;
  height: 48px;
}
@media (max-width: 767px) {
  #laboContents .point_area h4 {
    background-size: 160px;
  }
}

#laboContents .point_area h4.has_text {
  background: url(../images/kotei/lab08/img08.jpg) no-repeat;
  font-size: 1.4em;
}
@media (max-width: 767px) {
  #laboContents .point_area h4.has_text {
    background-size: auto;
    height: 48px;
    padding: 0 0 10px 65px;
    line-height: 1.3em;
  }
}

#laboContents .point_area a {
  border-bottom: 1px solid #000;
}

#laboContents .point_area .link {
  margin-top: 10px;
  background: url(../images/kotei/arrow_blue2.gif) no-repeat 0 3px;
  background-size: 14px;
  padding-left: 18px;
}

#laboContents .point_area .link a:hover {
  text-decoration: none;
}

#laboContents.no06 .sec04 {
  padding: 0;
  margin-top: 50px;
  /* 	border-top:1px solid #dcdcdc; 20170809 */
}
@media (max-width: 767px) {
  #laboContents.no06 .sec04 {
    margin-top: 30px;
  }
}

#laboContents.no06 .gray_txt {
  text-align: right;
  font-size: 13px;
  color: #959595;
  margin-top: 10px;
}
@media (max-width: 767px) {
  #laboContents.no06 .gray_txt {
    text-align: left;
    font-size: 9px;
    padding-top: 10px;
  }
}

@media (max-width: 767px) {
  #laboContents.no06 .gray_txt.spView {
    margin-top: 0;
  }
  #laboContents.no06 .labo_matome h4 {
    font-size: 16px;
  }
}
#laboContents.no06 .gray_txt.left {
  text-align: left;
}

#laboContents.no06 img.mgBtm50 {
  padding-bottom: 50px;
}

#laboContents .link_area h4 {
  font-size: 16px;
  color: #00b9ef;
  font-weight: bold;
}
@media (max-width: 767px) {
  #laboContents .link_area h4 {
    ont-size: 14px;
  }
}

#laboContents .link_area .link {
  margin-top: 5px;
  background: url(../images/kotei/arrow_blue2.gif) no-repeat 0 3px;
  background-size: 14px;
  padding: 0 0 30px 18px;
}

/*------------------------------------------------------------
	アドバイザー
------------------------------------------------------------*/
#adviser .adviser_ttl {
  overflow: hidden;
  border: solid 2px #ff9900;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 30px;
}

#adviser .adviser_ttl .photo {
  display: block;
  width: 150px;
  float: left;
}

#adviser .adviser_ttl .parson {
  width: 480px;
  height: 190px;
  float: right;
}

#adviser .adviser_ttl .parson h3 {
  color: #ff9900;
  font-size: 30px;
}

#adviser .adviser_ttl .parson p {
  font-size: 24px;
}

#adviser .adviser_ttl .parson p span {
  font-size: 16px;
}

#adviser .adviser_ttl .parson p span.katagaki {
  font-size: 14px;
  display: block;
}

#adviser .adviser_ttl dl {
  clear: both;
  background-color: #fffacd;
  padding: 20px 20px 5px 20px;
  margin: 20px auto 0 auto;
  border-radius: 5px;
}

#adviser .adviser_ttl dt {
  font-size: 16px;
  font-weight: bold;
}

#adviser .adviser_ttl dd {
  font-size: 14px;
  margin-bottom: 1em;
}

#adviser h4 {
  margin: 0 0 20px;
}

#adviser h4 {
  color: #00b9ef;
  font-size: 24px;
}

#adviser .kakigoori h4 {
  color: #ff9900;
  font-size: 20px;
  text-decoration: underline;
}

#adviser h4 img {
  margin-right: 10px;
  vertical-align: bottom;
}

#adviser .adv-list {
  border-top: 1px solid #CCCCCC;
  width: 600px;
  margin: 0 auto 50px;
  padding: 20px 0 0;
}

#adviser .adv-list li p.lnk {
  margin: 0 0 15px;
}

#adviser .adv-list li .prof {
  background: url(../images/adviser/index_prof_bg.png) center bottom no-repeat;
  margin: 0 auto;
  width: 560px;
}

#adviser .adv-list li .prof .prof-inner {
  padding: 15px;
  background: url(../images/adviser/index_prof_bg_top.png) center top no-repeat;
  overflow: hidden;
  zoom: 1;
}

#adviser .adv-list li .prof p.photo {
  float: right;
  text-align: center;
  width: 150px;
}

#adviser .adv-list li .prof p.photo img {
  margin-bottom: 10px;
}

#adviser .adv-list li .prof dl {
  float: left;
  width: 360px;
  color: #0093BD;
}

#adviser .adv-list li .prof dl dt {
  font-weight: bold;
}

#adviser .adv-list li .prof dl dd {
  margin: 0 0 10px;
}

/* === 記事ページ === */
#adviser #mainimg {
  border-bottom: 1px solid #CCCCCC;
  width: 600px;
  margin: 0 auto 20px;
  padding: 20px 0;
}

#adviser .txtBox {
  margin: 0 auto 20px;
  overflow: hidden;
  zoom: 1; /* clearfix */
  line-height: 1.8em;
}

#adviser .txtBox h4 {
  margin: 0 0 20px;
}

#adviser .txtBox p {
  margin-bottom: 20px;
}

#adviser .txtBox .floR {
  float: right;
  margin-left: 20px;
}

#adviser .txtBox .floL {
  float: left;
  margin-right: 20px;
}

.floR {
  float: right;
  margin-left: 20px;
}

.sp .pet img.floR {
  width: 150px;
}

.floL {
  float: left;
  margin-right: 20px;
}

/* === レシピ === */
#adviser #recipeTtl {
  width: 600px;
  margin: 0 auto;
  padding: 20px 0 0 0;
  background: url(../images/adviser/bg_recipe.jpg) center top no-repeat;
}

#adviser #recipeTtl span {
  background: #00b9ef;
  padding: 3px 5px;
  border-radius: 5px;
  display: block;
  width: 150px;
  color: #ffffff;
  margin: 0 auto 10px auto;
  font-size: 16px;
}

#adviser #recipeTtl h3 {
  color: #00b9ef;
  text-align: center;
  margin: 0 auto 20px auto;
  font-size: 24px;
  font-weight: normal;
}

#adviser #recipeTtl p {
  margin: 0;
  text-align: center;
  font-size: 16px;
}

#adviser #recipe {
  border: solid 2px #00b9ef;
  border-radius: 0 0 10px 10px;
  border-width: 0 3px 3px 3px;
  margin: 0 auto;
  padding: 15px;
  width: 564px;
}

#adviser #recipe.kakigoori {
  width: auto;
  border: none;
  padding: 0;
}

#adviser #recipe h6 {
  text-align: center;
  border-bottom: dashed 2px #00b9ef;
  padding-top: 20px;
  font-weight: normal;
}

#adviser #recipe dl.zairyou {
  width: 210px;
  margin: 0 0 30px;
}

#adviser #recipe.kakigoori dl.zairyou {
  width: auto;
}

#adviser #recipe dl.zairyou dt {
  padding: 0 0 10px;
}

#adviser #recipe dl.zairyou dt span {
  background: url(../images/adviser/bg_recipe01.gif) left center no-repeat;
  color: #ffffff;
  display: block;
  float: left;
  width: 60px;
  height: 25px;
  text-align: center;
  margin-right: 10px;
}

#adviser #recipe dl.zairyou dd {
  /* repeat-x; */
  overflow: hidden;
  zoom: 1;
}

#adviser #recipe dl.zairyou dd span.zaiL {
  float: left;
  display: block;
  padding: 0 5px 0 20px;
  background: #FFFFFF;
}

#adviser #recipe dl.zairyou dd span.zaiR {
  float: right;
  display: block;
  padding: 0 0 0 5px;
  background: #FFFFFF;
}

#adviser #recipe.kakigoori dl.zairyou dd span.zaiR {
  float: none;
  padding: 0 20% 0 5px;
  text-align: right;
}

#adviser #recipe dl.tsukurikata dt {
  padding: 0;
  background: url(../images/adviser/bg_recipe02.gif) left center no-repeat;
  color: #ffffff;
  text-align: center;
  display: block;
  width: 109px;
  height: 24px;
  margin-bottom: 10px;
}

#adviser #recipe.kakigoori dl.tsukurikata dt {
  background: url(../images/adviser/bg_recipe04.png) left center no-repeat;
  width: 150px;
}

#adviser #recipe dl.tsukurikata dd {
  padding: 0 0 10px 20px;
  overflow: hidden;
  zoom: 1; /* clearfix */
}

#adviser #recipe dl.tsukurikata dd img {
  /* margin: 3px 5px 0 0; */
}

#adviser #recipe dl.tsukurikata dd span.num {
  float: left;
  display: block;
  padding: 3px 5px 0 0;
}

#adviser #recipe dl.tsukurikata dd span.txt {
  overflow: hidden;
  zoom: 1; /* clearfix */
  display: block;
}

/* 食材ワンポイントレッスン */
#adviser #recipe .point {
  overflow: hidden;
  zoom: 1; /* clearfix */
}

#adviser #recipe .point h5 {
  margin: 0 0 20px 0;
  color: #00b7ed;
  font-size: 20px;
}

#adviser #recipe .point dl dt {
  font-weight: bold;
}

#adviser #recipe .point dl dd {
  maegin: 0 0 20px 0;
}

#adviser #recipe .point {
  background: #e1f7fd;
  border-radius: 5px;
  padding: 15px;
}

/* バックナンバー　20140730yamazawa */
#adviser #adviser-backnum {
  width: 560px;
  margin: 0 auto 20px;
}

#adviser #adviser-backnum h5 {
  margin: 40px 0 20px 0;
}

#adviser #adviser-backnum p {
  margin: 0 0 1em;
  padding: 0 0 1em;
  border-bottom: 1px solid #CCCCCC;
}

.listAdviser li {
  border-bottom: solid 1px #cccccc;
  overflow: hidden;
  padding: 20px 0;
}

.listAdviser li .adviser_img {
  width: 170px;
  display: block;
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
}

.listAdviser li .parson {
  display: block;
  float: left;
  margin-bottom: 20px;
}

.listAdviser li h4 {
  font-size: 30px;
  color: #ff9900;
}

.listAdviser li p {
  font-size: 24px;
}

.listAdviser li span {
  font-size: 16px;
}

.listAdviser li .katagaki {
  display: block;
  font-size: 14px;
}

.listAdviser .prof {
  clear: both;
  background-color: #e2fcff;
  padding: 20px;
  margin: 20px auto;
  border-radius: 5px;
}

.listAdviser .prof .photo {
  float: right;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  margin: 0 0 20px 20px;
}

.listAdviser .prof dt {
  font-size: 16px;
  font-weight: bold;
}

.listAdviser .prof dd {
  font-size: 14px;
  margin-bottom: 1em;
}

.listAdviser .btnArea {
  width: 300px;
  margin: 0 0 0 auto;
}

#adviser .txtBox p.imgKotei {
  margin-bottom: 5px;
}

#doctor_point {
  clear: both;
  background: url(../images/kotei/bgList.gif);
  padding: 20px;
  margin: 10px auto;
}

#doctor_point h5 {
  background: #ff9900;
  border-radius: 5px;
  color: #ffffff;
  text-align: center;
  width: 280px;
  font-size: 18px;
  margin-bottom: 10px;
}

#doctor_point ul li {
  font-weight: bold;
}

#doctor_point ul li p {
  font-weight: normal;
  text-align: justify;
}

/* アドバイザーSP */
.sp .listAdviser li .adviser_img {
  display: none;
}

.sp .listAdviser .btnArea {
  width: 100%;
  margin: 0 auto;
}

.sp #adviser .adviser_ttl .photo {
  width: 25%;
}

.sp #adviser .adviser_ttl .photo img {
  width: 100%;
}

.sp #adviser .adviser_ttl .parson {
  width: 73%;
  margin-left: 2%;
  height: auto;
}

.sp #adviser .adviser_ttl .parson h3 {
  font-size: 24px;
}

.sp #adviser .adviser_ttl .parson p {
  margin-bottom: 15px;
}

.sp #adviser #recipeTtl {
  width: 100%;
  background: url(../images/adviser/bg_recipe03.jpg) top center no-repeat;
  background-size: 100%;
}

.sp #adviser #recipe {
  width: 96%;
  padding: 0 10px;
  border: none;
}

.sp #adviser #recipe.kakigoori {
  width: 100%;
  padding: 0;
  border: none;
}

.sp #adviser #recipeTtl p {
  font-size: 14px;
  width: 85%;
  margin: 0 auto;
}

.sp #adviser #recipe .recipe_photo {
  width: 33%;
  float: right;
}

.sp #adviser #recipe .recipe_photo img {
  width: 100%;
}

/*------------------------------------------------------------
	BIG対談
------------------------------------------------------------*/
ul#bigTalk li {
  border-top: solid 2px #cccccc;
  padding: 20px 0 0 0;
}

ul#bigTalk li h4,
#talk .talk_ttl h4 {
  background: url(../images/kotei/icon_sun.gif) left top no-repeat;
  padding: 0 0 0 40px;
  color: #ff9900;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 1;
}

ul#bigTalk li h4 span,
#talk .talk_ttl h4 span {
  display: block;
  font-size: 18px;
}

ul#bigTalk li ul.parson,
#talk .talk_ttl ul.parson {
  overflow: hidden;
  margin-left: 40px;
}

ul#bigTalk li ul.parson li,
#talk .talk_ttl ul.parson li {
  width: 49%;
  float: left;
  overflow: hidden;
  border: none;
}

ul#bigTalk li ul.parson li.even,
#talk .talk_ttl ul.parson li.even {
  margin-right: 2%;
}

ul#bigTalk li ul.parson li p.parson_photo,
#talk .talk_ttl ul.parson li p.parson_photo {
  width: 34%;
  float: left;
  margin-bottom: 10px;
}

ul#bigTalk li ul.parson li p.parson_photo img,
#talk .talk_ttl ul.parson li p.parson_photo img {
  width: 100%;
}

ul#bigTalk li ul.parson li p.parson_text,
#talk .talk_ttl ul.parson li p.parson_text {
  width: 64%;
  float: right;
  font-size: 30px;
  margin-bottom: 0;
}

ul#bigTalk li ul.parson li p.parson_text span,
#talk .talk_ttl ul.parson li p.parson_text span {
  font-size: 18px;
  line-height: 1.5;
}

ul#bigTalk li ul.parson li p.parson_text span.katagaki,
#talk .talk_ttl ul.parson li p.parson_text span.katagaki {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 10px;
}

ul#bigTalk li .btnArea {
  width: 315px;
  margin: 20px 0 20px auto;
}

#talk .talk_ttl {
  border: solid 2px #ff9900;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 30px;
}

#talk {
  padding: 0;
  color: #333333;
  font-size: 14px;
}

#talk h4 {
  margin-bottom: 20px;
}

#talk p {
  margin-bottom: 35px;
  line-height: 1.8em;
}

/* 20170401 */
#talk p a {
  word-wrap: break-word;
  color: #00B9EF;
  display: inline-block;
  padding: 0 1px;
  text-decoration: none;
}

#talk p a:hover {
  text-decoration: underline;
}

/* ---- */
#talk h5 {
  margin: 40px 0 20px 0;
}

#talk #talk_txt p .talk_floR {
  float: right;
  margin-left: 20px;
}

#talk #talk_txt p .talk_floL {
  float: left;
  margin-right: 20px;
}

#talk #talk-backnum p {
  margin: 0 0 1em;
  padding: 0 0 1em;
  border-bottom: 1px solid #CCCCCC;
}

#talk h5 {
  color: #00b9ef;
  font-size: 24px;
}

#talk p.year2 {
  text-align: right;
  font-size: 14px;
  margin-bottom: 0;
}

/* 対談SP */
.sp ul#bigTalk li ul.parson li,
.sp #talk .talk_ttl ul.parson li {
  width: 100%;
  float: none;
}

.sp ul#bigTalk li ul.parson li.even,
.sp #talk .talk_ttl ul.parson li.even {
  margin-right: 0;
}

.sp ul#bigTalk li ul.parson li p.parson_photo {
  width: 30%;
  margin-bottom: 10px;
}

.sp #talk .talk_ttl p {
  margin-bottom: 20px;
}

.sp #talk .talk_ttl ul.parson li p.parson_photo {
  width: 30%;
  margin-bottom: 10px;
}

.sp ul#bigTalk li ul.parson li p.parson_photo img {
  width: 100%;
}

.sp #talk .talk_ttl ul.parson li p.parson_photo img {
  width: 100%;
}

.sp ul#bigTalk li ul.parson li p.parson_text {
  width: 65%;
  margin-bottom: 10px;
  font-size: 24px;
}

.sp #talk .talk_ttl ul.parson li p.parson_text {
  width: 65%;
  margin-bottom: 10px;
  font-size: 24px;
}

.sp ul#bigTalk li .btnArea {
  /* width: 100%; */
  width: 90%;
  margin: 20px auto;
}

.sp #talk p img {
  max-width: 100%;
}

/* ------------------------------------------------------------
熱ゼロ大使
------------------------------------------------------------ */
#netsuzerotaishi #taishiTtl {
  background: url(../images/netsuzerotaishi/bg_chara.gif) center no-repeat;
  margin-bottom: 30px;
}

#netsuzerotaishi #taishiTtl h3 {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  color: #00b8ed;
}

#netsuzerotaishi #taishiTtl h3 span {
  color: #ff9900;
  font-weight: bold;
  display: block;
  font-size: 24px;
}

#netsuzerotaishi #taishiTtl p {
  text-align: center;
}

#netsuzerotaishi #taishiTtl p span {
  display: block;
}

#netsuzerotaishi h4 {
  background: #00b8ed url(../images/netsuzerotaishi/bg_subttl.gif);
  border-radius: 5px;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
  padding: 10px;
  font-size: 30px;
  width: 400px;
  margin: 0 auto;
}

#netsuzerotaishi h5 {
  background: #00b8ed url(../images/netsuzerotaishi/bg_subttl.gif);
  border-radius: 5px;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
  padding: 5px 0;
  font-size: 18px;
  width: 90%;
  margin: 0 auto;
}

#netsuzerotaishi .taishiBox ul {
  width: 99%;
  margin: 30px auto;
  overflow: hidden;
}

#netsuzerotaishi .taishiBox li {
  float: left;
  width: 33%;
  text-align: center;
}

#netsuzerotaishi .taishiBox li p {
  font-size: 20px;
  color: #00b8ed;
  font-weight: bold;
}

#netsuzerotaishi .taishiBox li p span {
  display: block;
  font-size: 16px;
  color: #666666;
  font-weight: normal;
}

#netsuzerotaishi .taishiBox li div {
  display: block;
  font-size: 16px;
  color: #666666;
  font-weight: normal;
}

#netsuzerotaishi .taishiBox li div.p {
  font-size: 20px;
  color: #00b8ed;
  font-weight: bold;
}

/* 熱ゼロ大使SP */
.sp #netsuzerotaishi #taishiTtl {
  background: url(../images/netsuzerotaishi/bg_chara_sp.gif) center no-repeat;
}

.sp #netsuzerotaishi #taishiTtl h3 {
  font-size: 24px;
  text-align: left;
}

.sp #netsuzerotaishi #taishiTtl p {
  text-align: left;
}

.sp #netsuzerotaishi #taishiTtl p span {
  display: inline;
}

.sp #netsuzerotaishi #taishiTtl h3 span {
  font-size: 18px;
  text-align: left;
}

.sp #netsuzerotaishi h4 {
  padding: 5px;
  font-size: 24px;
  width: 95%;
}

.sp #netsuzerotaishi .taishiBox li img {
  width: 100%;
}

.sp #netsuzerotaishi .taishiBox li p {
  font-size: 18px;
}

/* for iphoneいろいろ */
.iphone ul.listKotei3 li div.listImg2 p {
  padding-top: 15px;
}

.iphone ul.listKotei3 li div.listImg2 p span.cap {
  font-size: 14px;
}

.iphone ul.listKotei3 li div.listImg2 p span.num {
  font-size: 45px;
}

.iphone h3.ttlKotei03 {
  font-size: 24px;
}

.iphone ul.listKotei3 li div.listText h3 {
  font-size: 20px;
}

.iphone #juyoBox h4 {
  font-size: 24px;
}

.iphone #juyoBox li {
  font-size: 20px;
}

/* BIG対談内その他の対談 年度追加 */
#backnum p.year {
  font-size: 16px;
  color: #00b9ef;
  margin-bottom: 5px;
}

#backnum li span.noSub {
  margin-top: 0.5em;
}

/* 熱中症について学ぶページ　追加　2015-06-29 */
#learningSidebar {
  text-align: center;
}

#learningSidebar img {
  border: none;
}

#learningSidebar .spView {
  display: none;
}

@media (max-width: 767px) {
  #backnum li span.noSub {
    margin-top: 0;
  }
  #learningSidebar .pcView {
    display: none;
  }
  #sideBar #learningSidebar,
#sideBar #learningSidebar .spView {
    display: block;
  }
  #learningSidebar img.spView {
    width: 100%;
  }
  #learningSidebar p {
    padding: 0 10px;
    margin: 0 auto;
    max-width: 640px;
  }
}
/*------------------------------------------------------------
	追加修正
------------------------------------------------------------*/
#laboContents h3.laboTtl2 {
  float: left;
  width: 368px;
  clear: none;
  color: #ff9900;
  font-size: 24px;
}

@media (max-width: 767px) {
  #laboContents h3.laboTtl2 {
    float: none !important;
    width: 100%;
  }
  .assistant {
    margin: 0 0 10px;
    width: 100%;
  }
  .wrap_point {
    padding: 4px;
  }
  .point1 {
    display: block;
    text-align: center;
  }
  .point2 {
    display: block;
    padding: 4px;
    width: auto;
    margin: 0;
  }
  .related_report li {
    padding: 10px 30px 10px 0;
  }
}
#laboContents h3.laboTtl2 span {
  font-size: 16px;
  color: #ffffff;
  background-color: #ff9900;
  border-radius: 5px;
  display: block;
  text-align: center;
  width: 150px;
  font-weight: normal;
  margin: 10px 10px 10px 0;
}

.assistant {
  float: left;
  width: 368px;
  margin: 10px 0 0 0;
}

#laboContents p.labo_image img {
  max-width: none;
  width: auto;
}

.bg_color01 {
  background: #ffffcc;
  padding: 17px 17px 7px 17px;
  margin: 20px 0;
}

.bg_color01 h5 {
  font-size: 16px;
  margin: 0 0 10px 0;
}

.wrap_point {
  font-size: 16px;
  font-weight: bold;
  background: #00b9ef;
  color: #00b9ef;
  border-radius: 6px;
  padding: 4px 0 4px 10px;
  margin: 25px 0;
}

.point1 {
  color: #ffffff;
}

.point2 {
  background: #ffffff;
  display: inline-block;
  padding: 4px 0 4px 10px;
  width: 564px;
  margin: 0 0 0 10px;
}

.heading_border {
  clear: both;
  border: 2px solid #eeeeee;
  margin: 43px 0 17px 0;
}

.heading_border span {
  font-size: 21px;
  font-weight: normal;
  border-left: 6px solid #ff9900;
  padding: 0 0 0 13px;
  margin: 3px 9px;
  display: block;
}

.related_report h2 {
  color: #ffffff;
  margin: 30px 0 10px;
  padding: 5px 0 5px 45px;
  border-radius: 5px;
  font-size: 22px;
  font-weight: normal;
  background: #00b9ef url(../images/icon_related.gif) no-repeat left center;
}

.related_report li {
  position: relative;
  border-top: 1px solid #eee;
  padding: 18px 30px 18px 10px;
}

.related_report li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.related_report li:last-child {
  border-bottom: 1px solid #eee;
}

.related_report li:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: auto;
  right: 0.25em;
  bottom: 0;
  width: 24px;
  height: 20px;
  margin: auto;
  background-image: url(../images/common/icon08.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}

.report_no {
  display: inline-block;
  margin: 0 12px 0 0;
  padding: 8px;
  min-width: 92px;
  max-width: 150px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #00b9ef;
  border-radius: 5px;
}

.related_report a {
  display: inline-block;
  width: calc(100% - 150px);
}

@media (max-width: 767px) {
  .report_no {
    font-size: 0.7em;
  }
  .related_report a {
    width: 100%;
    margin: 12px 0 20px;
    padding: 0;
  }
  #laboContents p.bg_none {
    background: none;
    padding: 0 0 10px 10px;
  }
  #laboContents .rightImg {
    padding-left: 0 !important;
    float: none !important;
  }
}
@media (max-width: 320px) {
  .related_report a {
    padding: 0 15% 0 0;
  }
}
.related_report a:hover {
  text-decoration: underline;
}

.search_result {
  border: 2px solid #bae2ee;
  padding: 17px;
  margin: 0 0 15px 0;
}

.search_result li {
  margin: 0 0 30px 0;
}

.search_result li:last-child {
  margin: 0;
}

.search_result_bold {
  font-weight: bold;
  font-size: 20px;
}

#laboContents p.bg_none {
  background: none;
  padding: 0 0 10px 10px;
}

#laboContents .assistant2 {
  margin: 0 0 40px 0;
}

.advice {
  margin: 30px 0;
}

#laboContents p.one_point {
  color: #00b9ef;
  font-size: 16px;
  margin: 0 0 4px 0;
}

.clear {
  clear: both;
}

/******** 吹き出し *********/
.balloon {
  width: 538px;
  padding: 0;
  position: relative;
}
@media (max-width: 767px) {
  .balloon {
    width: auto;
  }
}

#laboContents p.balloon_child {
  border: 3px solid #d4d4d4;
  position: relative;
  border-radius: 5px;
  /*テキストの補正*/
  padding: 14px;
}

/*擬似要素:after*/
#laboContents p.balloon_child:before {
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  border: 10px solid transparent;
  border-color: transparent transparent transparent #d4d4d4;
  top: 25%;
  left: 100%;
  margin: 0 3px;
}
@media (max-width: 767px) {
  #laboContents p.balloon_child:before {
    border: none;
  }
}

#laboContents p.balloon_child:after {
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  border: 10px solid transparent;
  border-color: transparent transparent transparent #ffffff;
  top: 25%;
  left: 100%;
}
@media (max-width: 767px) {
  #laboContents p.balloon_child:after {
    border: none;
  }
}

/* footerパートナー表示 */
/*#gFooter dl.display, #gFooter .display {
	display: block;
}*/
/* 20160307 bravi追加 */
@media (max-width: 767px) {
  #conts {
    margin: 0 5px 40px;
  }
  #sideBar .banner {
    margin: 0 5px 30px;
  }
  #sideBar .movie {
    margin: 0 5px 15px;
  }
}
/* 20160311 yamazawa追加 */
/* h2タグ　二行になっちゃうタイトルの調整 */
.txt_s {
  display: block;
  text-indent: -50px;
  padding-left: 50px;
  vertical-align: middle;
  font-size: 28px;
}

.sp .txt_s {
  display: block;
  text-indent: -30px;
  padding-left: 30px;
  vertical-align: middle;
  font-size: 20px;
}

/* 熱中症の症状　熱中症について学ぼう上のリンク */
.shojo_link_pc {
  font-size: 1.08em;
  margin-top: 30px;
  text-align: center;
}

.shojo_link_sp {
  display: none;
}

.sp .shojo_link_pc {
  display: none;
}

.sp .shojo_link_sp {
  display: block;
  margin-top: 30px;
  text-align: center;
}

/* 「熱中症の症状」「熱中症の予防・対策」へのリンクリスト */
ul.link_list {
  margin: 20px;
}

ul.link_list li {
  background-image: url(/images/common/icon09.gif);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left 50%;
  padding-left: 25px;
  line-height: 1.8em;
  font-size: 1.08em;
}

ul.link_list li a {
  text-decoration: underline;
}

ul.link_list li a:hover {
  text-decoration: none;
}

/* 熱中症の症状のリンク */
.link_line a {
  text-decoration: underline;
}

.link_line a:hover {
  text-decoration: none;
}

/*
20160714追記
オフィシャルパートナーになるには
運営事務局修正
*/
.sp #inquiryBox {
  width: 95%;
  margin: 0 auto;
}

.sp #inquiryBox h3 {
  width: 100%;
  float: none;
  padding: 1% 0;
}

.sp #inquiryBox h3 br {
  display: none;
}

.sp #inquiryBox #inquiryBoxTxt {
  width: 100%;
  float: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3% 5%;
}

.sp #inquiryBox #inquiryBoxTxt #mail {
  word-wrap: break-word;
}

/* ------------------------------------------------------------
クールスポット修正　20170320
------------------------------------------------------------ */
/* 20170320tabako add*/
#conts .coolspotMain {
  margin-bottom: 30px;
}

.sp #conts .coolspotMain {
  margin-bottom: 20px;
}

.sp #conts .coolspotMain img {
  width: 100%;
}

#conts .coolspot h3 {
  background: url(../images/kotei/icon_coolspot.png) no-repeat left top;
  padding: 0 0 5px 45px;
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 36px;
  color: #00b9ef;
  border-bottom: #00b9ef 2px solid;
}

#conts .coolspotBox li {
  position: relative;
  padding: 15px;
  margin-bottom: 30px;
  overflow: hidden;
  border: solid 2px #00b9ef;
  border-radius: 5px; /* CSS3草案 */
  -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
  -moz-border-radius: 5px; /* Firefox用 */
}

#conts .coolspotBox .pict {
  width: 280px;
}

.sp #conts .coolspotBox li {
  width: 90%;
  float: none;
  height: auto !important;
}

#conts .coolspotBox li:nth-child(2n) {
  float: right;
}

#conts .coolspotBox h3 {
  background: url(../images/kotei/icon_coolspot_og.png) no-repeat left top;
  padding: 0 0 5px 35px;
  font-size: 18px;
  font-weight: normal;
  line-height: 36px;
  color: #ff9900;
}

#conts .coolspotBox .pict {
  margin-bottom: 20px;
}

#conts .coolspotBox .pict img {
  margin: 0 auto;
}

.sp #conts .coolspotBox .pict img {
  width: 85%;
}

#conts .coolspotBox .btn_blueS {
  position: absolute;
  width: 85%;
  bottom: 20px;
  background: #00b9ef url(../images/kotei/arrow_white02.gif) no-repeat 15px 18px;
  border-radius: 5px;
  padding-left: 36px;
  line-height: 50px;
}

@media only screen and (max-device-width: 414px) {
  #conts .coolspotBox .btn_blueS {
    width: auto;
    position: static;
  }
}
#conts .coolspotBox .btn_blueS a {
  font-size: 16px;
  color: #fff;
  display: block;
}

#conts .coolspotBox .btn_blueS a:hover {
  opacity: 0.7;
  text-decoration: none;
}

#conts .coolspotBox .btn_blueS span {
  font-size: 12px;
  padding-right: 15px;
  /* background: url(/images/common/icon20.gif) no-repeat right 1px;　*/
}

#conts .coolspotBox .btn_blueS.disabled {
  background: #cccccc url(/images/kotei/arrow_gray2.gif) no-repeat 14px 17px;
  color: #ffffff;
  font-size: 16px;
}

.sp #conts .imgSp {
  width: 60%;
}

.sp #conts .imgSp90p {
  width: 90%;
}

.sp #conts .imgSp100p {
  width: 100%;
}

/* ------------------------------------------------------------
熱中症について学ぼう　20170503
------------------------------------------------------------ */
/* 20170503tabako add index*/
#conts .listText .blueLine {
  border: 2px solid #00b9ef;
  border-radius: 5px;
  padding: 10px 15px;
  margin: 15px 0 0 0;
}

#conts .listText .blueLine2 {
  border: 2px solid #3658b2;
  border-radius: 5px;
  padding: 10px 15px;
  margin: 15px 0 0 0;
}

#conts .listText .blueLine ul,
#conts .listText .blueLine2 ul {
  padding: 0 0 10px 0;
}

#conts .listText .blueLine li,
#conts .listText .blueLine2 li {
  padding: 5px 0 0 0;
  border-bottom: 0;
  padding-left: 20px;
  background: url(../images/kotei/arrow_blue5.png) no-repeat 0 8px;
}

#conts .listText .blueLine li a,
#conts .listText .blueLine2 li a {
  color: #00b9ef;
  text-decoration: underline;
}

/* 20170503tabako add case01-01*/
#conts .learningCtn {
  clear: both;
}

#conts .learningCtn h3 {
  font-size: 30px;
  font-weight: normal;
  color: #00b9ef;
  border-bottom: 2px solid #00b9ef;
  margin-bottom: 20px;
  padding-top: 25px;
}

#conts h3.letterSpace {
  letter-spacing: -0.5px;
}

.sp #conts .learningCtn h3 {
  font-size: 24px;
  line-height: 32px;
}

#conts .learningCtn .txt {
  font-size: 16px;
  line-height: 26px;
}

#conts .learningCtn .txt.mgBtm20 {
  margin-bottom: 20px;
}

#conts .learningCtn .txt img {
  float: right;
  padding: 0 0 20px 40px;
}

.sp #conts .learningCtn .txt img {
  float: right;
  width: 40%;
  padding: 0 0 20px 20px;
}

#conts .learningCtn .txt img.left {
  float: left;
  padding: 0 20px 20px 0;
}

.sp #conts .learningCtn .txt img.left {
  float: left;
  width: 40%;
}

#conts .listKotei3.case01List {
  border-top: none;
  margin-top: 10px;
}

.sp #conts .listKotei3.case01List .listImg2 {
  width: 50%;
}

#conts .listKotei3.case01List .listImg2 img {
  width: 100%;
}

.sp #conts .listKotei3.case01List .listText {
  width: 100%;
}

#conts .listKotei3.case01List h3 {
  background: none;
  padding-left: 0;
}

.sp #conts .listKotei3.case01List h3 {
  font-size: 18px;
  line-height: 24px;
}

#conts .listKotei3.case01List p.listText2 {
  font-size: 16px;
  line-height: 26px;
}

.sp #conts .listKotei3.case01List p.listText2 {
  line-height: 22px;
}

#conts .orangeLine {
  width: 76%;
  border: 2px solid #ff9900;
  border-radius: 5px;
  padding: 15px 20px;
  margin: 30px auto;
  font-size: 16px;
  line-height: 30px;
}

#conts .orangeLine h3 {
  color: #ff9900;
  font-size: 24px;
  padding-bottom: 10px;
}

#conts .orangeLine h3 {
  font-size: 20px;
}

#conts .orangeLine h3 img {
  padding-right: 10px;
  margin-top: -10px;
}

.sp #conts .orangeLine p {
  font-size: 16px;
  line-height: 26px;
}

@media only screen and (min-device-width: 415px) {
  .table {
    display: table;
  }
  .table > div {
    display: table-cell;
    vertical-align: top;
    position: relative;
  }
  .table > div:last-child {
    padding-left: 20px;
  }
}
.image_text_area {
  display: table;
}
.image_text_area .image_area {
  display: inline-block;
  margin: 15px 10px 15px 0;
  width: 300px;
}

.image_text_area > * {
  display: table-cell;
  vertical-align: top;
}

.image_text_area > *:last-child {
  padding-left: 10px;
}

.image_area {
  white-space: nowrap;
}

.image_area.break-line {
  white-space: normal;
  padding-right: 10px;
}

@media only screen and (max-device-width: 414px) {
  .image_text_area {
    display: block;
  }
  .image_text_area > * {
    display: block;
  }
  .image_text_area > *:last-child {
    padding-left: 0;
  }
  .sp-w65p {
    width: 65% !important;
  }
  .sp-w100p {
    width: 100% !important;
  }
}
.sp .sp-block {
  display: block !important;
}

.sp .sp-w65p {
  width: 65% !important;
}

.sp .sp-w100p {
  width: 100% !important;
}

.image_list {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.image_list.column02 > * {
  -ms-flex-preferred-size: 46%;
      flex-basis: 46%;
  max-width: 46%;
}

.image_list.column04 > * {
  -ms-flex-preferred-size: 23%;
      flex-basis: 23%;
  max-width: 23%;
}

.image_list.column04 img {
  width: 100%;
}

.image_list > * {
  padding: 1%;
}

.image_list li img {
  display: inline;
}

@media only screen and (max-device-width: 414px) {
  .image_list.column02 > * {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: 10px 0 0 0;
  }
  .image_list.sp-column02 > * {
    -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
    padding: 1%;
  }
  .image_list.column04 > * {
    -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
  }
  .order1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
.break-all {
  word-break: break-all;
}

.mgt0 {
  margin-top: 0 !important;
}

.mgb0 {
  margin-bottom: 0 !important;
}

.pd0 {
  padding: 0 !important;
}

.pdt0 {
  padding-top: 0 !important;
}

.pdt10 {
  padding-top: 10px !important;
}

.pdb0 {
  padding-bottom: 0 !important;
}

.pdb10 {
  padding-bottom: 10px !important;
}

.pdl10 {
  padding-left: 10px !important;
}

.pdr10 {
  padding-right: 10px !important;
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.color-ff9900 {
  color: #ff9900;
  font-weight: bold;
}

.text-orange {
  color: #ff9900;
  font-weight: bold;
}

.underline {
  text-decoration: underline !important;
  color: #00b9ef !important;
}

.kakigoori_shops li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid #00b9ef;
  border-radius: 5px;
  margin: 0 0 10px;
  padding: 10px;
}

.kakigoori_shops .image {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
}

.kakigoori_shops .text {
  -ms-flex-preferred-size: 65%;
      flex-basis: 65%;
}

.kakigoori_shops .prefecture {
  background: #00b9ef;
  border-radius: 5px;
  width: 100px;
  color: #fff;
  text-align: center;
  margin: 0 0 5px;
}

.kakigoori_shops .shop_name {
  font-size: 20px;
  font-weight: bold;
}

.kakigoori_shops .price {
  text-align: right;
}

.lab08 img {
  max-width: 100%;
}

#laboContents.lab08 .sec03 img {
  float: none;
}

.sp #laboContents.lab08 .sec03 img {
  width: 100%;
  padding-right: 0;
}

.has_indent dd {
  padding: 0 0 0 20px;
}

.left-box {
  overflow: hidden; /*float解除*/
}

.left-box .space {
  float: left;
  height: 14em;
}

.sp .left-box .space {
  float: left;
  height: 14em;
  display: none;
}

.left-box .img {
  float: left;
  clear: both;
  margin: 1.2em 1.2em 0 0;
}

.sp .left-box .img {
  float: none;
  clear: both;
  margin: 0;
}

.balloon-top {
  position: relative;
  padding: 20px;
  width: 100%;
  border-radius: 10px;
}

.balloon-top::before {
  content: "";
  position: absolute;
  left: 20px;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  border-left: 15px solid transparent;
}

.balloon-top::after {
  content: "";
  position: absolute;
  left: 20px;
  top: -11px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  border-left: 15px solid transparent;
}

.balloon-top.border {
  border: 3px solid #00b0ec;
}

.balloon-top.border::before {
  border-bottom: 15px solid #00b0ec;
}

.balloon-top.bg-blue {
  background-color: #e2fcff;
}

.balloon-top.bg-blue::after {
  border-bottom: 15px solid #e2fcff;
}

.sp .balloon-top {
  margin: 10px 0 15px !important;
}

.border-blue {
  padding: 10px;
  border: 2px solid #00b0ec;
  border-radius: 6px;
}

.text-right {
  text-align: right;
}

.textalign-right {
  text-align: right;
}

.text-blue {
  color: #00b9ef;
}

.link-default {
  position: relative;
}

.link-default:hover {
  text-decoration: underline;
  color: #00b9ef;
}

.link-default .text-blue {
  padding-left: 20px;
  background: url(../images/kotei/arrow_blue2.gif) no-repeat 0 center;
  background-size: 14px;
  text-decoration: underline;
}

p.text {
  overflow: hidden;
}

@media (max-width: 767px) {
  body.sdgs .floL.floL-img {
    display: block;
    margin: auto auto 1em;
    width: 50%;
    float: none;
  }
}

.movie-index {
  margin: 30px 0;
  border-top: 1px solid #ccc;
}

@media (max-width: 767px) {
  .movie-index {
    display: none;
  }
}
.movie-index li {
  padding: 20px 0;
}

.movie-index li + li {
  border-top: 1px solid #ccc;
}

.movie-index .movie-info dt {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 20px;
  color: #ff9900;
}

.movie-index .movie-info dd {
  font-size: 15px;
}

.movie-index a:hover {
  text-decoration: none;
  opacity: 0.6;
}

.movie-embed {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.movie-embed iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#conts .headLine img {
  width: 40px;
  height: auto;
}

body.sp #conts .headLine img {
  margin-right: 10px;
}

.section-movie {
  margin-top: 30px;
  margin-bottom: 50px;
}

.section-movie .btn-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 15px;
  margin-right: 10px;
}

.section-movie span,
.section-movie a {
  margin-right: 20px;
  font-weight: bold;
}

.section-movie-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.section-movie-container > * {
  width: 100%;
}

.section-movie-header {
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .section-movie-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .section-movie-header {
    margin-bottom: 10px;
    margin-top: 20px;
  }
}
.tab-container .tab-menu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  width: 100%;
  margin: 50px auto 0;
}

.tab-container .tab-menu:before {
  display: block;
  content: "";
  position: absolute;
  top: auto;
  left: -20px;
  right: -20px;
  bottom: 0;
  width: calc(100% + 40px);
  height: 1px;
  margin: auto;
  background-color: #00b9ef;
}

.tab-container .tab-menu-list {
  position: relative;
  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;
  padding: 10px;
  margin-left: 10px;
  width: 33.3333333333%;
  text-align: center;
  background-color: #00b9ef;
  border: 1px solid #00b9ef;
  color: #FFF;
  border-radius: 5px 5px 0 0;
  z-index: 1;
}

.tab-container .tab-menu-list.active {
  position: relative;
  color: #00b9ef;
  background-color: #fff;
  position: relative;
  text-align: center;
  background-color: #FFF;
  border: 1px solid #00b9ef;
  border-radius: 5px 5px 0 0;
  z-index: 1;
}

.tab-container .tab-menu-list.active:before {
  display: block;
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  bottom: -1.5px;
  width: 100%;
  height: 3px;
  margin: auto;
  background-color: #fff;
}

.tab-container .tab-panel-items {
  display: none;
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
}

.tab-container .tab-panel-items.active {
  display: block;
}

.page-section-sub {
  margin: 20px auto 0;
  width: 100%;
}

.page-section-sub .title {
  margin-bottom: 10px;
  font-size: 24px;
  color: #ff9900;
  font-weight: bold;
}

.page-section-sub .desc {
  padding: 20px 0;
}

.page-type-list {
  border-top: 1px solid #ccc;
}

.page-type-list > li {
  padding: 30px 0;
}

.page-type-list > li + li {
  border-top: 1px solid #ccc;
}

.page-type-list .type-list-title {
  margin-bottom: 10px;
  color: #00B9EF;
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
}

.page-type-list .type-list-desc {
  margin-left: 20px;
}

.page-type-list .type-list-desc li {
  list-style-type: disc;
  padding-bottom: 5px;
}

.page-type-list .link-content {
  overflow: hidden;
}

.page-type-list .link-content ul {
  float: right;
}

.page-type-list .link-content a {
  color: #00B9EF;
  text-decoration: underline;
}

.page-type-list .link-content a:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 20px;
  background: url(/img/common/arrow-next__blue.gif) 0 0 no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.page-section-sub .memoBox {
  width: 100%;
  max-width: 100%;
}

.page-section-sub .memoBox h4 {
  margin-bottom: 10px;
}

.page-section-sub .memoBox p {
  margin-bottom: 10px;
  color: #333333;
}

.page-section-sub .case-link {
  padding: 0;
}

.page-section-dl > div + div {
  margin-top: 50px;
}

.page-section-dl dt {
  font-weight: bold;
  font-size: 20px;
  color: #00b9ef;
}

.page-section-dl-list li + li {
  margin-top: 30px;
}

dl.page-section-dl img {
  display: inline;
}

@media (max-width: 767px) {
  .tab-container .tab-menu-list {
    width: 50%;
  }
  .page-type-list .images img {
    display: block;
    margin: auto;
  }
}
body.learning-child .pageup {
  margin-top: 10px;
  font-size: 12px;
  color: #00b9ef;
  text-align: right;
}
body.learning-child .pageup a {
  display: inline-block;
  padding-left: 20px;
  background: url(/img/common/pageup.svg) 0 50% no-repeat;
  background-size: 20px auto;
  color: #00b9ef;
  text-decoration: none;
  font-size: 14px;
}
body .blueLine {
  padding: 10px 15px;
  font-size: 16px;
  border: 2px solid #00b9ef;
  border-radius: 5px;
}
body .blueLine h3,
body .blueLine h4 {
  font-weight: bold;
  text-align: left !important;
}
body .blueLine a {
  color: #00b9ef;
  text-decoration: underline;
}
body .blueLine li {
  padding: 5px 0 5px 20px;
  background: url(../images/kotei/arrow_blue5.png) no-repeat 0 8px;
}

.learning-nav {
  position: relative;
  margin: 1em 0 3em;
}
@media (max-width: 767px) {
  .learning-nav {
    margin: 0 0 1em;
  }
}
.learning-nav:before {
  display: block;
  content: "";
  position: absolute;
  top: auto;
  left: -20px;
  right: -20px;
  bottom: 0;
  width: calc(100% + 40px);
  height: 1px;
  margin: auto;
  background-color: #00b9ef;
}
@media (max-width: 767px) {
  .learning-nav:before {
    left: -7px;
    right: -7px;
    width: calc(100% + 14px);
  }
}
.learning-nav .col {
  position: relative;
  text-align: center;
  background-color: #00b9ef;
  border: 1px solid #00b9ef;
  border-radius: 5px 5px 0 0;
  z-index: 1;
}
.learning-nav .col a {
  color: #fff;
  font-size: 15px;
}
@media (max-width: 767px) {
  .learning-nav .col a {
    font-size: 14px;
  }
}
.learning-nav .col.is-active {
  position: relative;
  color: #00b9ef;
  background-color: #fff;
}
.learning-nav .col.is-active:before {
  display: block;
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  bottom: -1.5px;
  width: 100%;
  height: 3px;
  margin: auto;
  background-color: #fff;
}
.learning-nav .col.is-active a {
  color: #00b9ef;
}
.learning-nav a {
  display: block;
  padding: 1em 0.5em;
  line-height: 1;
}
@media (max-width: 767px) {
  .learning-nav a {
    padding: 0.8em 0.5em;
  }
}
.learning-nav a:hover {
  text-decoration: none;
}

.learning-list {
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
.learning-list.border-top0 {
  border-top: none;
}
.learning-list > li {
  padding: 20px 0;
}
.learning-list > li + li {
  border-top: solid 1px #ccc;
}
.learning-list h3 {
  position: relative;
  margin-bottom: 10px;
  padding-left: 45px;
  color: #ff9900;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .learning-list h3 {
    padding-left: 36px;
    font-size: 18px;
  }
}
.learning-list h3:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  margin: auto;
  background-image: url(/images/kotei/icon_sun.gif);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
}
@media (max-width: 767px) {
  .learning-list h3:before {
    width: 30px;
    height: 30px;
    background-size: 30px;
  }
}
.learning-list figure img {
  margin: auto;
}
.learning-list * + .blueLine {
  margin: 15px 0 0 0;
}
@media (max-width: 767px) {
  .learning-list .listText2 {
    min-height: 55px;
  }
  .learning-list .flex.sp-col1 > .col + .col {
    margin-top: 1em;
  }
  .learning-list .flex:not(.sp-col1) .blueLine {
    margin-left: -35%;
    width: calc(100% + 35%);
  }
}

.learning-count-bg {
  padding-top: 28px;
  width: 117px;
  height: 130px;
  color: #fff;
  text-align: center;
  background: url(/images/kotei/bgListImg.jpg) 0 0 no-repeat;
  background-size: auto 125px;
}
@media (min-width: 768px) {
  .learning-count-bg {
    margin-left: 1em;
  }
}
@media (max-width: 767px) {
  .learning-count-bg {
    width: 100%;
    background-size: 100%;
    padding-top: 18px;
  }
}
.learning-count-bg span {
  display: block;
  line-height: 1;
}
.learning-count-bg .cap {
  font-size: 20px;
}
@media (max-width: 767px) {
  .learning-count-bg .cap {
    font-size: 12px;
  }
}
.learning-count-bg .num {
  font-size: 60px;
  padding-top: 4px;
}
@media (max-width: 767px) {
  .learning-count-bg .num {
    padding-top: 5px;
    font-size: 50px;
  }
}
@media (max-width: 375px) {
  .learning-count-bg .num {
    font-size: 40px;
  }
}
@media (max-width: 320px) {
  .learning-count-bg .num {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .textKotei.link_line .imgRight {
    display: block;
    margin: auto auto 1em;
    width: 50%;
    float: none;
  }
}

@media (max-width: 767px) {
  .listDesc .listImg {
    display: block;
    margin: auto auto 1em;
    width: 50% !important;
    float: none !important;
  }
}

.learning-navi {
  margin: 20px 0 1em;
}

@media (max-width: 767px) {
  .adviser_profile .photo,
.adviser_profile .parson {
    display: block !important;
    margin: auto auto 1em;
    float: none !important;
  }
}
@media (max-width: 767px) {
  .adviser_profile .photo {
    width: 50% !important;
  }
}
@media (max-width: 767px) {
  .adviser_profile .parson {
    padding: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .textKotei .img-f__right {
    display: block;
    margin: auto auto 1em !important;
    padding: 0 !important;
    width: 50% !important;
    float: none !important;
  }
}

@media (max-width: 767px) {
  body.learning-child .table th,
body.learning-child td {
    font-size: 16px !important;
  }
}
body.climate-change .pageBox * + section, body.le15-zensen .pageBox * + section, body.le17 .pageBox * + section, body.le18 .pageBox * + section, body.le19 .pageBox * + section {
  margin-top: 3em;
}
@media (max-width: 767px) {
  body.climate-change .pageBox * + section, body.le15-zensen .pageBox * + section, body.le17 .pageBox * + section, body.le18 .pageBox * + section, body.le19 .pageBox * + section {
    margin-top: 1em;
  }
}
body.climate-change .pageBox section .col .textKotei, body.le15-zensen .pageBox section .col .textKotei, body.le17 .pageBox section .col .textKotei, body.le18 .pageBox section .col .textKotei, body.le19 .pageBox section .col .textKotei {
  margin-bottom: 0;
}
body.climate-change .pageBox section p + h3, body.le15-zensen .pageBox section p + h3, body.le17 .pageBox section p + h3, body.le18 .pageBox section p + h3, body.le19 .pageBox section p + h3 {
  margin-top: 1.5em;
}
@media (max-width: 767px) {
  body.climate-change .pageBox section p + h3, body.le15-zensen .pageBox section p + h3, body.le17 .pageBox section p + h3, body.le18 .pageBox section p + h3, body.le19 .pageBox section p + h3 {
    margin-top: 1em;
  }
}
body.climate-change .pageBox section p + h4, body.le15-zensen .pageBox section p + h4, body.le17 .pageBox section p + h4, body.le18 .pageBox section p + h4, body.le19 .pageBox section p + h4 {
  margin-top: 2em;
}
@media (max-width: 767px) {
  body.climate-change .pageBox section p + h4, body.le15-zensen .pageBox section p + h4, body.le17 .pageBox section p + h4, body.le18 .pageBox section p + h4, body.le19 .pageBox section p + h4 {
    margin-top: 1.5em;
  }
}
body.climate-change .pageBox section p + p, body.le15-zensen .pageBox section p + p, body.le17 .pageBox section p + p, body.le18 .pageBox section p + p, body.le19 .pageBox section p + p {
  margin-top: 1em;
}
body.climate-change .pageBox section .flex + *,
body.climate-change .pageBox section .flex + p, body.le15-zensen .pageBox section .flex + *,
body.le15-zensen .pageBox section .flex + p, body.le17 .pageBox section .flex + *,
body.le17 .pageBox section .flex + p, body.le18 .pageBox section .flex + *,
body.le18 .pageBox section .flex + p, body.le19 .pageBox section .flex + *,
body.le19 .pageBox section .flex + p {
  margin-top: 2em;
}
@media (max-width: 767px) {
  body.climate-change .pageBox section .flex + *,
body.climate-change .pageBox section .flex + p, body.le15-zensen .pageBox section .flex + *,
body.le15-zensen .pageBox section .flex + p, body.le17 .pageBox section .flex + *,
body.le17 .pageBox section .flex + p, body.le18 .pageBox section .flex + *,
body.le18 .pageBox section .flex + p, body.le19 .pageBox section .flex + *,
body.le19 .pageBox section .flex + p {
    margin-top: 1.5em;
  }
}
body.climate-change .pageBox section .flex + h3,
body.climate-change .pageBox section .flex + h4, body.le15-zensen .pageBox section .flex + h3,
body.le15-zensen .pageBox section .flex + h4, body.le17 .pageBox section .flex + h3,
body.le17 .pageBox section .flex + h4, body.le18 .pageBox section .flex + h3,
body.le18 .pageBox section .flex + h4, body.le19 .pageBox section .flex + h3,
body.le19 .pageBox section .flex + h4 {
  margin-top: 1.5em;
}
@media (max-width: 767px) {
  body.climate-change .pageBox section .flex + h3,
body.climate-change .pageBox section .flex + h4, body.le15-zensen .pageBox section .flex + h3,
body.le15-zensen .pageBox section .flex + h4, body.le17 .pageBox section .flex + h3,
body.le17 .pageBox section .flex + h4, body.le18 .pageBox section .flex + h3,
body.le18 .pageBox section .flex + h4, body.le19 .pageBox section .flex + h3,
body.le19 .pageBox section .flex + h4 {
    margin-top: 1em;
  }
}
body.climate-change .pageBox section .flex + .flex, body.le15-zensen .pageBox section .flex + .flex, body.le17 .pageBox section .flex + .flex, body.le18 .pageBox section .flex + .flex, body.le19 .pageBox section .flex + .flex {
  margin-top: 1em;
}
@media (max-width: 767px) {
  body.climate-change .pageBox section .sp-col1 > .col + .col, body.le15-zensen .pageBox section .sp-col1 > .col + .col, body.le17 .pageBox section .sp-col1 > .col + .col, body.le18 .pageBox section .sp-col1 > .col + .col, body.le19 .pageBox section .sp-col1 > .col + .col {
    margin-top: 1em;
  }
  body.climate-change .pageBox section figure, body.le15-zensen .pageBox section figure, body.le17 .pageBox section figure, body.le18 .pageBox section figure, body.le19 .pageBox section figure {
    text-align: center;
  }
}
body.climate-change .pageBox section h3, body.le15-zensen .pageBox section h3, body.le17 .pageBox section h3, body.le18 .pageBox section h3, body.le19 .pageBox section h3 {
  margin-bottom: 10px;
  color: #ff9900;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.6;
}
@media (max-width: 767px) {
  body.climate-change .pageBox section h3, body.le15-zensen .pageBox section h3, body.le17 .pageBox section h3, body.le18 .pageBox section h3, body.le19 .pageBox section h3 {
    font-size: 20px;
    text-align: center;
  }
}
body.climate-change .pageBox section h4, body.le15-zensen .pageBox section h4, body.le17 .pageBox section h4, body.le18 .pageBox section h4, body.le19 .pageBox section h4 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}
@media (max-width: 767px) {
  body.climate-change .pageBox section h4, body.le15-zensen .pageBox section h4, body.le17 .pageBox section h4, body.le18 .pageBox section h4, body.le19 .pageBox section h4 {
    font-size: 16px;
    text-align: center;
  }
}
body.climate-change.climate-change .border-list.top, body.le15-zensen.climate-change .border-list.top, body.le17.climate-change .border-list.top, body.le18.climate-change .border-list.top, body.le19.climate-change .border-list.top {
  padding: 20px 0 0;
  border-top: 1px solid #ccc;
}
@media (max-width: 767px) {
  body.climate-change.climate-change .border-list.top, body.le15-zensen.climate-change .border-list.top, body.le17.climate-change .border-list.top, body.le18.climate-change .border-list.top, body.le19.climate-change .border-list.top {
    padding: 10px 0 0;
  }
}
body.climate-change.climate-change .border-list.top + h3, body.le15-zensen.climate-change .border-list.top + h3, body.le17.climate-change .border-list.top + h3, body.le18.climate-change .border-list.top + h3, body.le19.climate-change .border-list.top + h3 {
  margin-top: 60px;
}
@media (max-width: 767px) {
  body.climate-change.climate-change .border-list.top + h3, body.le15-zensen.climate-change .border-list.top + h3, body.le17.climate-change .border-list.top + h3, body.le18.climate-change .border-list.top + h3, body.le19.climate-change .border-list.top + h3 {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  body.climate-change.climate-change .pageBox * + section, body.le15-zensen.climate-change .pageBox * + section, body.le17.climate-change .pageBox * + section, body.le18.climate-change .pageBox * + section, body.le19.climate-change .pageBox * + section {
    margin-top: 2.5em !important;
  }
  body.climate-change.climate-change h3, body.le15-zensen.climate-change h3, body.le17.climate-change h3, body.le18.climate-change h3, body.le19.climate-change h3 {
    text-align: left !important;
  }
}
body .border-list > li {
  padding: 0 0 20px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  body img.sp-img70 {
    display: block;
    margin: auto;
    width: 165px;
  }
}
body.le18 #conts .headLine {
  font-size: 1.72em !important;
}
body.le18 img.sp-img70 {
  display: block;
  margin: auto;
  width: 165px;
}
body.le18 .border-list > li {
  padding: 0 0 20px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
}
body.le18 .border-list > li h3 {
  margin-bottom: 10px;
  color: #ff9900;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
}
body.le18 .border-list > li .blueLine a {
  font-size: 14px;
}
body.le19 .pageBox section h3 {
  margin-bottom: 10px;
  color: #ff9900;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
}
@media (max-width: 767px) {
  body.le19 .pageBox * + section {
    margin-top: 2.5em;
  }
  body.le19 .pageBox section h3 {
    text-align: left;
  }
}

.learning-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  padding-bottom: 16px;
  color: #00b9ef;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.2;
  border-bottom: solid 2px #00b9ef;
}
@media (max-width: 767px) {
  .learning-title {
    font-size: 20px;
  }
}
.learning-title .number {
  position: relative;
  margin-right: 10px;
  padding: 15px 0 0 0;
  color: #fff;
  width: 70px;
  height: 94.6666666667%;
  text-align: center;
  z-index: 1;
}
.learning-title .number:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 71px;
  height: 75px;
  margin: auto;
  background-image: url(../images/kotei/bgListImg02.jpg);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  z-index: -1;
}
@media (max-width: 767px) {
  .learning-title .number {
    width: 120px;
    min-width: 70px;
  }
}
.learning-title .number span {
  display: block;
  font-size: 14px;
}
/*# sourceMappingURL=maps/style_kotei.css.map */