@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500&display=swap');
/* =================================== */
/*	Basic Style 
/* =================================== */
body {
  font-family: "Noto Sans Japanese", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
  line-height: 1.75em;
  font-size: 1em;
  color: #545454;
  text-align: justify; /*文字を均等配置する*/
}
/* =================================== */
/*	link
/* =================================== */
.pink {
  color: #fd5f8f;
}
a:link {
  color: #fd5f8f;
  text-decoration: none;
}
a:visited {
  color: #fd5f8f;
}
a:hover {
  /*color: #fbc0d2;*/
  color: #f8759d;
  text-decoration: none;
}
/* =================================== */
/*	clearfix
/* =================================== */
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
/* =================================== */
/*	common
/* =================================== */
figure, p, address {
  margin: 0;
}
h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
}
dl, dt, dd {
  padding: 0;
  margin: 0;
}
img {
  max-width: 100%;
}
iframe {
  border: 0;
}
ul {
  list-style: none;
}
ul li {
  vertical-align: top;
}
ruby, rp, rt {
  padding: 0;
  margin: 0;
}
ruby > rt {
  font-size: 40% !important;
}
.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.relative {
  position: relative;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
/*  文字  */
.bold {
  font-weight: bold;
}
/*  背景色  */
.bg_gray {
  background-color: #efefef;
}
.bg_white {
  background-color: #fff;
}
/*pagetop*/
.pagetop {
  position: fixed;
  bottom: 50px;
  right: 20px;
}
@media screen and (max-width: 768px) { /* SP */
  /*pagetop*/
  .pagetop {
    width: 80px;
    height: 80px;
  }
}
/* =================================== */
/*	title
/* =================================== */
h2.title_border {
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  font-weight: normal;
  letter-spacing: 2px;
  text-align: center;
  font-size: 1.7rem;
  line-height: 1.5rem;
  padding: 30px 0 30px 0;
  margin-bottom: 30px;
}
h2.title_border span {
  padding: 14px 0;
  border-bottom: 2px solid #3c87bc;
}
@media screen and (min-width:769px) { /* PC */
  /* PCのみ表示 */
  .sp_only {
    display: none;
  }
  .pc_only {
    display: block;
  }
}
@media screen and (max-width: 768px) { /* SP */
  /* SPのみ表示 */
  .sp_only {
    display: block;
  }
  .pc_only {
    display: none;
  }
}
/* =================================== */
/*	ボタン
/* =================================== */
/* btn-type01　*/
.btn-type01 {
  display: inline-block;
  width: 200px;
  text-align: center;
  font-size: 1.2rem;
  text-decoration: none;
  padding: 8px 2em 8px 2em;
  border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  transition: .4s;
  border: 2px solid #fd5f8f;
  background-color: #fff;
  position: relative;
  vertical-align: middle;
}
.btn-type01:hover {
  background-color: #fd5f8f;
  border-color: #fd5f8f;
  color: #FFF;
}
/* 矢印 */
.btn-type01::before, .btn-type01::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.btn-type01::before {
  right: 16px;
  width: 8px;
  height: 8px;
  border-top: 3px solid #fd5f8f;
  border-right: 3px solid #fd5f8f;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* 矢印 hover */
.btn-type01:hover::before {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}
/* ボタン 色違い -----　*/
/* -bdh　*/
.btn-type01.-bdh {
  background-color: #fff;
  border-color: #e25d4e;
  color: #e25d4e;
}
.btn-type01.-bdh:hover {
  background-color: #e25d4e;
  border-color: #e25d4e;
  color: #fff;
}
.btn-type01.-bdh::before {
  border-top-color: #e25d4e;
  border-right-color: #e25d4e;
}
.btn-type01.-bdh:hover::before {
  border-top-color: #fff;
  border-right-color: #fff;
}
/* -toothd　*/
.btn-type01.-toothd {
  background-color: #fff;
  border-color: #1b903e;
  color: #1b903e;
}
.btn-type01.-toothd:hover {
  background-color: #1b903e;
  border-color: #1b903e;
  color: #fff;
}
.btn-type01.-toothd::before {
  border-top-color: #1b903e;
  border-right-color: #1b903e;
}
.btn-type01.-toothd:hover::before {
  border-top-color: #fff;
  border-right-color: #fff;
}
/* -brush　*/
.btn-type01.-brush {
  background-color: #fff;
  border-color: #1974bf;
  color: #1974bf;
}
.btn-type01.-brush:hover {
  background-color: #1974bf;
  border-color: #1974bf;
  color: #fff;
}
.btn-type01.-brush::before {
  border-top-color: #1974bf;
  border-right-color: #1974bf;
}
.btn-type01.-brush:hover::before {
  border-top-color: #fff;
  border-right-color: #fff;
}
/* -mum　*/
.btn-type01.-mum {
  background-color: #fff;
  border-color: #bc2f9c;
  color: #bc2f9c;
}
.btn-type01.-mum:hover {
  background-color: #bc2f9c;
  border-color: #bc2f9c;
  color: #fff;
}
.btn-type01.-mum::before {
  border-top-color: #bc2f9c;
  border-right-color: #bc2f9c;
}
.btn-type01.-mum:hover::before {
  border-top-color: #fff;
  border-right-color: #fff;
}
@media (max-width: 768px) { /* SP */
  .btn-type01 {
    width: 80%;
    border: 3px solid #fd5f8f;
  }
}
/* =================================== */
/*	HEADER
/* =================================== */
/* PC */
header {
  background-color: #fd5f8f;
}
header .inner {
  text-align: center;
  padding: 15px 0;
}
header .header-logo img {
  max-width: 400px;
}
/*NEW　ヘッダー2ボタン*/
header a.btn_shikaishikai {
  width: 200px;
  background-color: #ff955e;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 24px;
  left: 0;
  color: #fff;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  border: 2px solid #fff;
  border-radius: 5px;
  padding: 8px;
  line-height: 1.3;
  box-sizing: border-box;
  transition: .3s ease;
}
header a.btn_shikaishikai span {
  width: 45px;
  margin-right: 10px;
}
header a.btn_shikaishikai span img {
  width: 100%;
  height: auto;
}
header a.btn_shikaishikai p, header a.btn_shikaishikai2 p {
  text-align: left;
}
header a.btn_shikaishikai2 {
  width: 200px;
  background-color: #53b2b0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 24px;
  right: 0;
  color: #fff;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  border: 2px solid #fff;
  border-radius: 5px;
  padding: 8px;
  line-height: 1.3;
  box-sizing: border-box;
  transition: .3s ease;
}
header a.btn_shikaishikai2 span {
  width: 45px;
  margin-right: 10px;
}
header a.btn_shikaishikai2 span img {
  width: 100%;
  height: auto;
}
header a.btn_shikaishikai:hover, header a.btn_shikaishikai2:hover {
  opacity: .7;
  transition: .3s ease;
}
/*OLD
header a.btn_shikaishikai {
  position: absolute;
  top: 24px;
  left: 0;
  color: #fff;
  padding-left: 1.4em;
  border: 2px solid #fff;
  border-radius: 5px;
  padding: 8px 1em 8px 2.3em;
  font-size: 14px;
  line-height: 20px;
}
header a.btn_shikaishikai span {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  padding-left: 5px;
}
header a.btn_shikaishikai2 {
  position: absolute;
  top: 24px;
  right: 0;
  color: #fff;
  padding-left: 1.4em;
  border: 2px solid #fff;
  border-radius: 5px;
  padding: 8px 1em 8px 2.3em;
  font-size: 14px;
  line-height: 20px;
}
header a.btn_shikaishikai2 span {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  padding-left: 5px;
}
*/
a.arw_circle:before {
  content: '';
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -7px;
}
a.arw_circle:after {
  content: '';
  width: 0;
  height: 0;
  border: solid 4px transparent;
  border-left: solid 6px #fd5f8f;
  position: absolute;
  top: 50%;
  left: 17px;
  margin-top: -2px;
}
a.arw_circle:hover {
  color: #ffff99;
}
a.arw_circle:hover:before {
  background: #ffff99;
}
@media (max-width: 999px) { /* SP */
  header .inner {
    text-align: center;
    padding: 18px 0 16px 0;
  }
  header .header-logo img {
    width: 65%;
    max-width: 300px;
    margin: 0 1em 0 0;
  }
  header a.btn_shikaishikai, header a.btn_shikaishikai2 {
    display: none;
  }
}
/* =================================== */
/*	FOTTER
/* =================================== */
/* PC */
#ft_bnr {
  background-color: #fff;
  padding: 35px 0 30px 0;
}
#ft_bnr ul {
  text-align: center;
  margin: 0 auto;
  padding-left: 0;
}
#ft_bnr ul li {
  margin: 0 10px;
  display: inline-block;
  width: 280px;
}
footer {
  border-top: 1px solid #fd5f8f
}
footer .colored {
  padding: 20px 0;
  background-color: #fd5f8f;
  color: #fff;
}
footer .colored p.copy {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 12px;
  letter-spacing: 1px;
}
@media (min-width: 769px) { /* PC */
  #sp_footnavi {
    display: none;
  }
}
@media (max-width: 768px) { /* SP */
  #ft_bnr ul li {
    margin: 0 auto;
    display: inline-block;
    width: 46%;
  }
  #sp_footnavi {
    background-color: #fd5f8f;
  }
  #sp_footnavi ul {}
  #sp_footnavi ul li {
    border-bottom: 1px solid #fff;
  }
  #sp_footnavi ul li a {
    box-sizing: border-box;
    width: 100%;
    padding: 0.8em 1.5em;
    display: block;
    color: #fff;
  }
}
/* =================================== */
/*	Gloval Navi
/* =================================== */
@media (min-width: 1280px) { /* PC */
  #sp_navi {
    display: none;
  }
  .pc_navi {
    width: 100%;
    background-color: #fff;
    padding: 0;
    margin: 0 auto;
  }
  .pc_navi .inner {
    padding: 0;
    margin: 0 auto;
    width: 98%;
  }
  .pc_navi .inner ul {
    padding: 15px 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 25px;
    align-items: center;
  }
  .pc_navi .inner ul li a {
    display: flex;
    align-items: center;
    margin: 0;
    vertical-align: top;
    flex-wrap: nowrap;
    color: #333;
    line-height: 1.2;
  }
  .pc_navi .inner ul li a span {
    font-family: "Zen Maru Gothic", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
  }
  .pc_navi .inner ul li a i {
    width: 40px;
    height: 40px;
    margin-right: 5px;
  }
}
  
@media (max-width: 1279px) { /* PC */
  #sp_navi {
    display: none;
  }
  .pc_navi {
    width: 100%;
    background-color: #fff;
    padding: 0;
    margin: 0 auto;
  }
  .pc_navi .inner {
    padding: 0;
    margin: 0 auto;
    width: 98%;
    /* width: 1020px;*/
  }
  .pc_navi .inner ul {
    padding: 15px 0;
    margin: 0 auto;
    display: flex;
	  flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
    align-items: center;
  }
  .pc_navi .inner ul li a {
    display: flex;
    align-items: center;
    margin: 0;
    vertical-align: top;
    flex-wrap: nowrap;
    color: #333;
    line-height: 1.2;
  }
  .pc_navi .inner ul li a span {
    font-family: "Zen Maru Gothic", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
  }
  .pc_navi .inner ul li a i {
    width: 40px;
    height: 40px;
    margin-right: 5px;
  }
  /*.pc_navi .inner ul li:nth-child(1) {
    width: 11%;
  }
  .pc_navi .inner ul li:nth-child(2) {
    width: 14%;
  }
  .pc_navi .inner ul li:nth-child(3) {
    width: 16%;
  }
  .pc_navi .inner ul li:nth-child(4) {
    width: 13%;
  }
  .pc_navi .inner ul li:nth-child(5) {
    width: 13%;
  }
  .pc_navi .inner ul li:nth-child(6) {
    width: 17%;
  }
  .pc_navi .inner ul li:nth-child(7) {
    width: auto;
  }
  .pc_navi .inner ul li img.icon {
    width: 40px;
    margin-right: 4px;
  }
  .pc_navi .inner ul li img.text {
    height: 35px;
  }*/
}
@media (max-width: 999px) { /* SP */
  .pc_navi {
    display: none;
  }
  *, *:before, *:after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
	 #sp_navi {
    display: block;
  }
  #sp_navi ol, #sp_navi ul {
    list-style: none;
  }
  #sp_navi a {
    text-decoration: none;
    color: inherit;
  }
  #sp_navi .cp_cont {
    height: 65vh;
  }
  #sp_navi .cp_offcm01 {
    position: relative;
    z-index: 100 !important;
  }
  #sp_navi .cp_offcm01 {
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-block;
  }
  /* menu */
  #sp_navi .cp_offcm01 .cp_menu {
    position: fixed;
    top: 0;
    right: -100vw;
    width: 85vw;
    height: 100%;
    cursor: pointer;
    -webkit-transition: 0.53s transform;
    transition: 0.53s transform;
    -webkit-transition-timing-function: cubic-bezier(.38, .52, .23, .99);
    transition-timing-function: cubic-bezier(.38, .52, .23, .99);
    background-color: #fff;
    opacity: 1.0;
    overflow-y: auto;
  }
  #sp_navi .cp_offcm01 .cp_menu ul.menu {
    margin: 0;
    padding: 0;
  }
  #sp_navi .cp_offcm01 .cp_menu ul.menu li {
    list-style: none;
  }
  #sp_navi .cp_offcm01 .cp_menu ul.menu li a {
    display: block;
    padding: 20px 10px 20px 20px;
    text-decoration: none;
    color: #545454;
  }
  #sp_navi .cp_offcm01 .cp_menu ul.menu li a {
    border-bottom: 1px solid #ccc;
  }
  #sp_navi .cp_offcm01 #cp_toggle01 {
    position: absolute;
    display: none;
    opacity: 0;
  }
  #sp_navi .cp_offcm01 #cp_toggle01:checked ~ .cp_menu {
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw);
  }
  /* menu toggle */
  #sp_navi .cp_offcm01 #cp_toggle01 ~ label {
    display: block;
    padding: 0;
    cursor: pointer;
    -webkit-transition: 0.5s transform;
    transition: 0.5s transform;
    -webkit-transition-timing-function: cubic-bezier(.61, -0.38, .37, 1.27);
    transition-timing-function: cubic-bezier(.61, -0.38, .37, 1.27);
    text-align: center;
    color: #333333;
  }
  #sp_navi .cp_offcm01 #cp_toggle01:checked ~ label {
    -webkit-transform: translateX(-80vw);
    transform: translateX(-80vw);
    font-size: 1.2em;
  }
  #sp_navi .cp_offcm01 #cp_toggle01 ~ label::before {
    font-family: "Font Awesome 5 Free";
    content: "\f0c9";
    font-size: 2em;
    display: block;
    font-weight: 900;
    color: #fde9f2;
  }
  #sp_navi .cp_offcm01 #cp_toggle01:checked ~ label::before {
    content: '\f00d';
  }
  /* contents */
  #sp_navi .cp_contents {
    color: #333333;
    text-align: center;
  }
  /* ボタンのcss */
  #sp_navi .cp_menu ul li {
    vertical-align: top;
  }
  #sp_navi .cp_menu ul li img.icon {
    float: left;
    vertical-align: top;
    width: 36px;
    margin-right: 5px;
  }
  /* bnrs */
  #sp_navi .cp_offcm01 .cp_menu ul.bnrs {
    padding: 20px 15%;
  }
  #sp_navi .cp_offcm01 .cp_menu ul.bnrs li, #sp_navi .cp_offcm01 .cp_menu ul.bnrs li a {
    padding: 0;
    margin: 0;
    text-align: center;
  }
  /* 2links */
  #sp_navi .shikaishikai_sp {
    margin: 20px auto 10px;
  }
  #sp_navi .shikaishikai_sp li, .shikaishikai2_sp li {
    width: 80%;
    margin: 0 auto;
  }
  #sp_navi .shikaishikai_sp li a {
    width: 100%;
    background-color: #ff955e;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-family: "Zen Maru Gothic", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 8px;
    line-height: 1.3;
    box-sizing: border-box;
    transition: .3s ease;
  }
  #sp_navi .shikaishikai_sp li a span, #sp_navi .shikaishikai2_sp li a span {
    width: 36px;
    margin-right: 10px;
  }
  #sp_navi .shikaishikai_sp li a span img, #sp_navi .shikaishikai2_sp li a span img {
    width: 100%;
    height: auto;
  }
  #sp_navi .shikaishikai_sp li a p, #sp_navi .shikaishikai2_sp li a p {
    text-align: left;
  }
  #sp_navi .shikaishikai2_sp li a {
    width: 100%;
    background-color: #53b2b0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-family: "Zen Maru Gothic", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 8px;
    line-height: 1.3;
    box-sizing: border-box;
    transition: .3s ease;
  }
  #sp_navi .shikaishikai_sp li a:hover, #sp_navi .shikaishikai_sp li a:hover {
    opacity: .7;
    transition: .3s ease;
  }
}
/* =================================== */
/*	common
/* =================================== */
.maxwidth {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.section {
  padding: 60px 0;
}
.section .section_ttl {
  margin: 0 4% 40px 4%;
}
.section .section_ttl h2 {
  text-align: center;
}
.section .section_ttl h2 img.icon {
  max-width: 75px;
  margin-bottom: 10px;
}
.section .section_ttl h2 img.text {
  max-height: 80px;
}
.section .catch {
  margin: 0 4% 50px 4%;
  font-size: 1.3rem;
  line-height: 2.3rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width:560px) and (max-width:959px) { /* tablet */
  .maxwidth {
    width: 100%;
  }
}
@media (max-width: 768px) { /* SP */
  .maxwidth {
    width: 100%;
  }
  img {
    max-width: 100%;
  }
  .section {
    padding: 40px 0;
  }
  .section .section_ttl {
    margin: 0 auto 20px auto;
  }
  .section .section_ttl h2 img.icon {
    max-width: 80px;
    margin-bottom: 0;
  }
  .section .section_ttl {
    margin: 0 2% 0 2%;
    padding: 0;
  }
  .section .section_ttl h2 img.text {
    max-height: auto;
    height: 80px;
  }
  .section h3.catch {
    padding: 0;
    margin: 0 4% 30px 4%;
    font-size: 1rem;
    line-height: 1.8rem;
    text-align: left;
  }
}
/* =================================== */
/*	col3
/* =================================== */
.col3 {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  /*justify-content: center;*/
  vertical-align: top;
}
ul.col3 li {
  width: 33.33333%; /* 未対応ブラウザ用フォールバック */
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
  vertical-align: top;
}
ul.col3 li {
  box-sizing: border-box;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  text-align: center;
  padding: 0 15px;
  margin-bottom: 15px;
}
ul.col3 li p {
  text-align: left;
}
ul.col3 li a p {
  color: #545454;
  margin-block-start: 0.5em;
}
ul.col3 li a:hover p {
  color: #f8759d;
}
ul.col3 li a p.date {
  color: #fd5f8f;
}
/* @media screen and (min-width:560px) and ( max-width:959px)  {tablet 
	.col3 {
	  display: block;
	}
	ul.col3 li{
	  width : 100% ;
	  width : -webkit-calc(100% / 1) ;
	  width : calc(100% / 1) ;
		
		margin-bottom: 30px;
	}
	ul.col3 li a p{
		font-size: 1.2rem;
		line-height: 2rem;
	}
}*/
@media (max-width: 559px) { /* SP */
  .col3 {
    display: block;
  }
  ul.col3 li {
    width: 100%; /* 未対応ブラウザ用フォールバック */
    width: -webkit-calc(100% / 1);
    width: calc(100% / 1);
    margin-bottom: 40px;
  }
  ul.col3 li a p {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}
/* =================================== */
/*	TOP PAGE

/* =================================== */
/* ---------------------------------- 
■ mainvisual 
*/
#mainvisual {
  padding: 30px 0;
  text-align: center;
  background: url("../images/common/bg_stripes_pink.png") repeat center center;
  background-attachment: fixed;
}
#mainvisual ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
#mainvisual ul li.slick-slide {
  vertical-align: top;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}
#mainvisual ul li.slick-slide img {
  margin: 0 auto;
  padding-bottom: 10px;
}
@media (min-width: 769px) { /* PC */
  #mainvisual_sp {
    display: none;
  }
}
@media (max-width: 768px) { /* SP */
  #mainvisual {
    display: none;
  }
  #mainvisual_sp {
    padding: 0;
    margin: 0 auto 20px auto;
  }
  #mainvisual_sp ul {
    margin: 0 auto;
    padding: 0;
  }
  #mainvisual_sp ul li.slick-slide {
    padding: 0;
  }
  #mainvisual_sp ul li.slick-slide img {
    padding-bottom: 20px;
  }
  #mainvisual_sp ul.slick-track {
    margin: 0 auto;
    padding: 0;
    background-color: aqua;
  }
}
#top_kobetsu_bnr {
  width: 600px;
  height: 120px;
  margin: 60px auto 0;
}
#top_kobetsu_bnr img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) { /* SP */
  #top_kobetsu_bnr {
    width: 90%;
    height: auto;
    margin: 60px auto 0;
  }
}
/* ---------------------------------- 
■ #top_news 
*/
#top_news .section_ttl h2 img {
  width: 240px;
}
@media (max-width: 768px) { /* SP */
  #top_news .section_ttl h2 img {
    width: 60%;
  }
}
#top_news .inner {
  max-width: 1000px;
  margin: 0 auto;
}
#top_news .slider dl {
  margin: 15px;
}
#top_news .slider dl dt {
  text-align: center;
  margin-bottom: 15px;
}
dt .photoarea {
  text-align: center;
  margin: 0 auto !important;
}
dt .photoarea img.thumb {
  text-align: center;
  margin: 0 auto !important;
}
@media (min-width: 960px) { /* PC */
  dt .photoarea {
    max-width: 300px;
    max-height: 194px;
    overflow: hidden;
    text-align: center;
  }
  dt .photoarea img.thumb {
    width: 100%;
    height: auto;
    /*max-height:200px;*/
  }
}
@media screen and (min-width:560px) and (max-width:959px) { /* tablet */
  #top_news .inner {
    max-width: 86%;
    margin: 0 auto;
  }
  dt .photoarea img.thumb {
    width: 100%;
    height: auto;
    max-height: 250px;
  }
}
@media (max-width: 768px) { /* SP */
  #top_news .slider {
    width: 100%;
    margin: 0 auto;
  }
  #top_news .inner {
    max-width: 82%;
    margin: 0 auto;
  }
  #top_news .slider dl {
    margin: 8px;
  }
  dt {
    text-align: center;
  }
  dt .photoarea {
    width: 100%;
    max-height: 200px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  dt .photoarea img.thumb {
    width: 100%;
    height: auto;
  }
  #top_news .kiji dd.title {
    margin: 2px 0 !important;
    font-size: 0.9rem !important;
    line-height: 1.3rem !important;
  }
}
.kiji dd {
  text-align: left;
}
dd.title {
  margin: 5px 2% 4px 2%;
  padding: 0;
  font-size: 1.1em;
  text-align: left;
}
dd.date {
  text-align: left;
}
a dd.date {
  margin: 0 2% 4px 2%;
  padding: 0;
  color: #fd5f8f;
  font-size: 14px;
}
a:link dd.date, a:visited dd.date {
  color: #fd5f8f !important;
}
a:link dd, a:visited dd {
  color: #545454;
}
a:hover dd {
  color: #f8759d;
}
/* ---------------------------------- 
■ #top_concept 
*/
#top_concept .section_ttl {
  margin: 0 2% 15px 2%;
}
#top_concept .section .section_ttl h2 img.text {
  max-height: auto;
  width: 76%;
  height: auto;
}
section#top_concept .line {
  background: url("../images/common/strip_line.png");
  background-repeat: repeat-x;
  height: 10px;
}
section#top_concept .inbox {
  background: url("../images/top/top_concept_bg.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
section#top_concept .inbox .inner {
  background-color: #fff;
  width: 900px;
  /*height: 885px;*/
  margin: 0 auto;
  padding: 30px 40px;
  box-sizing: border-box;
}
section#top_concept h2 img {
  margin: 0 auto;
}
section#top_concept .inbox .inner h3 {
  color: #fd5f8f;
  font-size: 1.4rem;
  margin-bottom: 10px;
}
section#top_concept .inbox p img {
  width: 25%;
  float: right;
  margin-left: 30px;
  margin-bottom: 0;
}
@media screen and (min-width:560px) and (max-width:959px) { /* tablet */
  section#top_concept .inbox .inner {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 768px) { /* SP */
  #top_concept .section .section_ttl {
    margin: 0 auto 10px auto;
    height: auto;
    min-height: auto;
  }
  #top_concept .section .section_ttl h2 img.icon {
    max-width: 90px;
  }
  #top_concept .section .section_ttl h2 img.text {
    max-height: 100px;
    width: 100%;
    height: 100px;
  }
  section#top_concept .inbox .inner {
    width: 90%;
    /*height: 1670px;*/
    padding: 15px
  }
  section#top_concept .inbox .inner h3 {
    font-size: 1.3rem;
    line-height: 2rem;
    margin-bottom: 10px;
  }
  section#top_concept .inbox p img {
    width: 50%;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
  }
  section#top_concept .inbox p {
    padding: 8px 0;
  }
}
/* ---------------------------------- 
■ #top_bdh
*/
section#top_bdh .section {
  background-color: #eefbf2;
}
section#top_bdh .section .catch {
  color: #e25d4e;
}
/* ---------------------------------- 
■ #top_--

section#-- .section {
	background-color: #def6fd;
}
section#-- .section .catch{
	color: #999411;
}
*/
/* ---------------------------------- 
■ #top_toothd
*/
section#top_toothd .section {
  background-color: #fdf5e8;
}
section#top_toothd .section .catch {
  color: #1b903e;
}
/* ---------------------------------- 
■ #top_brush 
*/
section#top_brush .section {
  background-color: #fffeda;
}
section#top_brush .section .catch {
  color: #1974bf;
}
/* ---------------------------------- 
■ #top_mum 
*/
section#top_mum .section {
  background-color: #edf6fd;
}
section#top_mum .section .catch {
  color: #bc2f9c;
}
/* ---------------------------------- 
■ #top_breast
*/
section#top_breast .section {
  background-color: #faf4f9;
}
section#top_breast .section .catch {
  color: #ff7bac;
}
/* btn　*/
.btn-type01.-breast {
  background-color: #fff;
  border-color: #ff7bac;
  color: #ff7bac;
}
.btn-type01.-breast:hover {
  background-color: #ff7bac;
  border-color: #ff7bac;
  color: #fff;
}
.btn-type01.-breast::before {
  border-top-color: #ff7bac;
  border-right-color: #ff7bac;
}
.btn-type01.-breast:hover::before {
  border-top-color: #fff;
  border-right-color: #fff;
}
/* ---------------------------------- 
■ #top_babyfood
*/
section#top_food .section {
  background-color: #fefdeb;
}
section#top_food .section .catch {
  color: #f7931e;
}
/* btn　*/
.btn-type01.-food {
  background-color: #fff;
  border-color: #f7931e;
  color: #f7931e;
}
.btn-type01.-food:hover {
  background-color: #f7931e;
  border-color: #f7931e;
  color: #fff;
}
.btn-type01.-food::before {
  border-top-color: #f7931e;
  border-right-color: #f7931e;
}
.btn-type01.-fod:hover::before {
  border-top-color: #fff;
  border-right-color: #fff;
}
/* ---------------------------------- 
■ #top_tool
*/
section#top_tool .section {
  background-color: #f6fbeb;
}
section#top_tool .section .catch {
  color: #7ac943;
}
/* btn　*/
.btn-type01.-tool {
  background-color: #fff;
  border-color: #7ac943;
  color: #7ac943;
}
.btn-type01.-tool:hover {
  background-color: #7ac943;
  border-color: #7ac943;
  color: #fff;
}
.btn-type01.-tool::before {
  border-top-color: #7ac943;
  border-right-color: #7ac943;
}
.btn-type01.-tool:hover::before {
  border-top-color: #fff;
  border-right-color: #fff;
}
/* =================================== */
/*	SECOND PAGE

/* =================================== */
/* ---------------------------------- 
■ パンくず 
*/
.breadlist {}
.breadlist ul {
  padding: 0;
  margin: 0 0 30px 0;
}
.breadlist ul li {
  padding: 15px 0;
  display: inline-block;
  font-size: 0.9rem;
}
.breadlist ul li a:after {
  content: ">";
  padding: 0 5px;
  color: #545454;
}
@media (max-width: 768px) { /* SP */
  .breadlist {
    display: none;
  }
}
h2.border {
  margin-bottom: 30px;
  padding: 10px 0.5em;
  border-top: 3px solid #fd5f8f;
  border-bottom: 1px solid #fd5f8f;
  font-weight: normal;
  font-size: 1.1rem;
}
/* ---------------------------------- 
■ 2階層目以降のメインタイトル 
*/
.main_ttl {
  width: 100%;
  background-repeat: repeat;
}
.main_ttl h1 {
  text-align: center;
  color: #fff;
  font-size: 1.7rem;
  line-height: 2.6rem;
}
.main_ttl {
  padding: 15px 0;
}
/*.main_ttl.-bdh, .main_ttl.-toothd, .main_ttl.-brush, .main_ttl.-mum, .main_ttl.-emg, .main_ttl.-breast {
  padding: 15px 0;
}*/
.main_ttl h1 img {
  max-width: 680px;
}
.main_ttl.-bdh {
  background-image: url("../images/common/bg_stripes_01.png");
}
.main_ttl.-toothd {
  background-image: url("../images/common/bg_stripes_02.png");
}
.main_ttl.-brush {
  background-image: url("../images/common/bg_stripes_03.png");
}
.main_ttl.-mum {
  background-image: url("../images/common/bg_stripes_04.png");
}
.main_ttl.-emg {
  background-image: url("../images/common/bg_stripes_05.png");
}
.main_ttl.-breast {
  background-image: url("../images/common/bg_stripes_06.png");
}
.main_ttl.-food {
  background-image: url("../images/common/bg_stripes_07.png");
}
.main_ttl.-tool {
  background-image: url("../images/common/bg_stripes_08.png");
}
.main_ttl.-news {
  background-image: url("../images/common/bg_stripes_pink.png");
}
.main_ttl.-common {
  background-image: url("../images/common/bg_stripes_pink.png");
}
.main_ttl.-mucosopathy {
  background-image: url("../images/common/bg_stripes_04.png");
}
.main_ttl.-news, .main_ttl.-common {
  padding: 60px 0;
}
@media (max-width: 768px) { /* SP */
  .main_ttl h1 {
    padding: 0;
    margin: 0 auto;
    font-size: 1.3rem;
    line-height: 2.2rem;
  }
  .main_ttl {
    padding: 10px 0;
  }
  /*  .main_ttl.-bdh, .main_ttl.-toothd, .main_ttl.-brush, .main_ttl.-mum, .main_ttl.-emg {
    padding: 10px 0 10px 0;
  }*/
  .main_ttl h1 img {
    max-width: 98%;
    padding: 0;
    margin: 0 auto;
  }
}
/* ---------------------------------- 
■ コンテンツの背景色 
*/
.-news {
  background-color: #f2f2f2;
}
.-common {
  background-color: #f2f2f2;
}
.-bdh {
  background-color: #eefbf2;
}
.-toothd {
  background-color: #fdf5e8;
}
.-brush {
  background-color: #fffeda;
}
.-mum {
  background-color: #edf6fd;
}
.-emg {
  background-color: #edfbfd;
}
.-breast {
  background-color: #faf4f9;
}
.-food {
  background-color: #fefdeb;
}
.-tool {
  background-color: #f6fbeb;
  /*background-color: #f0f2ec;*/
}
.-mucosopathy {
  background-color: #edf6fd;
}
@media (min-width: 960px) { /* PC */
  .content-bg {
    padding-bottom: 60px;
    min-height: 500px;
  }
}
@media (max-width: 768px) { /* SP */
  .content-bg {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (min-width:560px) and (max-width:959px) { /* tablet */
  .content-bg {
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: 500px;
  }
}
/* single.php */
img.alignright {
  display: block;
  margin: 0 0 0 auto !important;
}
img.alignleft {
  display: block;
  margin: 0 auto 0 0 !important;
}
img.aligncenter {
  display: block;
  margin: 0 auto !important;
}
.content-area-white {
  box-sizing: border-box;
  width: 100%;
  max-width: 1000px;
  /*max-width: 800px;*/
  padding: 30px 30px;
  margin: 0 auto;
  background-color: #fff;
}
.content-area-white .content {
  min-height: 300px;
}
.eyecatch_img {
  margin: 0 auto 30px auto;
  text-align: center;
}
.eyecatch_img img.thumb-fullsize {
  width: 100%;
  max-width: 600px;
  height: auto;
}
.content-area-white h2 {
  margin: 0 0 20px 0;
  padding: 8px 0.3em 8px 0.5em;
  border-bottom: 2px solid #545454;
  font-size: 1.25rem;
  line-height: 2rem;
}
.content-area-white hr {
  margin: 20px 0;
}
.content-area-white img {
  height: auto;
}
.content-area-white h2.singlepage_title {
  border-bottom: 4px dotted #fd5f8f;
  margin: 0 0 30px 0;
  padding: 0 0.3em 10px 0.3em;
  font-size: 1.5rem;
  line-height: 2.3rem;
}
.-news .content-area-white h2.singlepage_title {
  border-color: #fd5f8f;
}
.-common .content-area-white h2.singlepage_title {
  border-color: #fd5f8f;
}
.-bdh .content-area-white h2.singlepage_title {
  border-color: #e25d4e;
  color: #e25d4e;
}
.-toothd .content-area-white h2.singlepage_title {
  border-color: #1b903e;
  color: #1b903e;
}
.-brush .content-area-white h2.singlepage_title {
  border-color: #1974bf;
  color: #1974bf;
}
.-mum .content-area-white h2.singlepage_title {
  border-color: #bc2f9c;
  color: #bc2f9c;
}
.-emg .content-area-white h2.singlepage_title {
  border-color: #1a659e;
  color: #1a659e;
}
@media (max-width: 768px) { /* SP */
  .content-area-white-area {
    max-width: 100%;
    padding: 30px 6%;
  }
  .content-area-white .content {
    min-height: 100px;
  }
}
.date_category time {
  float: right;
  font-size: 12px;
  line-height: 16px;
  background-color: #f2f2f2;
  text-align: center;
  padding: 4px 1em;
  border-radius: 2px;
}
/* news / ２カラムのもの */
.content-area-white.-wide {
  box-sizing: border-box;
  max-width: 1000px;
  padding: 30px 30px;
  margin: 0 auto;
  background-color: #fff;
}
.content-area-white.-wide .content {
  box-sizing: border-box;
  width: 70%;
  float: left;
  min-height: 500px;
}
.content-area-white.-wide .blog_sidemenu {
  box-sizing: border-box;
  width: 25%;
  float: right;
}
@media (max-width: 768px) { /* SP */
  .content-area-white.-wide .content {
    width: 100%;
    float: none;
  }
  .content-area-white.-wide .blog_sidemenu {
    width: 100%;
    float: none;
  }
}
.content-area-white.-wide .blog_sidemenu ul {
  padding: 0;
  margin: 0 0 20px 0;
}
.content-area-white.-wide .blog_sidemenu ul li a:link, .content-area-white.-wide .blog_sidemenu ul li a:visited {
  color: #545454;
}
.content-area-white.-wide .blog_sidemenu ul li a:hover {
  color: #999;
}
.content-area-white.-wide .blog_sidemenu ul li {
  padding: 0;
  margin: 0;
}
.content-area-white.-wide .blog_sidemenu ul li h2.widgettitle {
  padding: 0 0 0 0;
  margin: 0 0 10px 0;
  font-size: 16px;
  line-height: 22px;
}
.content-area-white.-wide .blog_sidemenu ul li ul {
  padding-bottom: 20px;
  border-bottom: 1px dotted #bbb;
}
table#wp-calendar {
  width: 100%;
}
table#wp-calendar caption {
  text-align: left;
}
.widget_recent_entries ul li {}
.widget_recent_entries span {
  display: block;
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 10px;
  color: #ffbcd0;
}
@media (max-width: 768px) { /* SP */
  .content-area-white.-news .content {
    width: 100%;
    float: none;
  }
  .content-area-white.-news .blog_sidemenu {
    width: 100%;
    float: none;
  }
  table#wp-calendar td {
    text-align: center;
  }
}
/*Pagenation*/
.paging {
  text-align: center;
  margin: 50px auto;
}
.paging .next, .paging .prev {
  display: inline-block;
  width: 40%;
  margin: 0 auto;
  padding: 0 4%;
  vertical-align: top;
}
.paging .next {
  text-align: right;
}
.paging .prev {
  text-align: left;
}
.paging .next:before {
  content: "<";
  padding: 0 5px;
}
.paging .prev:after {
  content: ">";
  padding: 0 5px;
}
/* 一覧ページ */
.content-area-white .content .roop {
  padding: 0 0 30px 0;
  margin: 0 auto 30px auto;
}
.content-area-white .content .txt {
  margin: 0 0.5em;
}
.content-area-white .content .roop h2, .content-area-white .content .roop h2 a:link, .content-area-white .content .roop h2 a:visited {
  color: #545454;
}
.content-area-white .content .roop h2:hover {
  color: #999;
}
.content-area-white .content .button {
  text-align: center;
  margin: 20px 0;
}
#tag_navigation {}
#tag_navigation ul.post-categories {
  padding: 0;
  margin: 30px auto;
}
#tag_navigation ul.post-categories li {
  padding: 0;
  margin: 0;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
}
#tag_navigation ul.post-categories li a {
  border: 1px solid #fd5f8f;
  border-radius: 20px;
  text-align: center;
  padding: 3px 1em;
}
#tag_navigation ul.post-categories li a {
  border: 1px solid #fd5f8f;
  border-radius: 20px;
  text-align: center;
  padding: 3px 1em;
}
/* cliniclist */
table.cliniclist {
  border: 1px solid #666;
  padding: 0;
  margin: 0 auto;
  width: 80%;
}
table.cliniclist th, table.cliniclist td {
  border-bottom: 1px solid #666;
}
table.cliniclist thead .th {
  padding: 3px 10px;
  background: #f2f2f2;
  text-align: center;
  border-right: 1px solid #666;
}
table.cliniclist thead .th.add {}
table.cliniclist thead .th.tel {}
table.cliniclist thead .th.fax {
  border-right: 0 solid #666;
}
table.cliniclist tbody th, table.cliniclist tbody td {
  padding: 4px 10px;
}
table.cliniclist tbody td.post {
  padding-left: 1em;
  width: 7em;
}
table.cliniclist tbody td.add {}
table.cliniclist tbody td.tel {}
table.cliniclist thead td.fax {
  border-right: 0 solid #666;
  padding-right: 1em;
}
table.cliniclist tbody td.tel span, table.cliniclist tbody td.fax span {
  padding-right: 5px;
  font-size: 0.8em;
}
table.cliniclist tbody .th.name {
  font-size: 1.2em;
  border-bottom: 0;
  padding: 10px 1em 0 1em;
}
table.cliniclist tbody .th.name:before {
  content: '● ';
  color: #fd5f8f;
}
@media (max-width: 768px) { /* SP */
  table.cliniclist {
    width: 90%;
    border-top: 0 solid #666;
  }
  table.cliniclist thead {
    display: none;
  }
  table.cliniclist {
    width: 90%;
    margin: 0 auto;
  }
  table.cliniclist tbody th, table.cliniclist tbody td {
    width: 100%;
    display: block;
    border-bottom: 0;
    padding: 0 1em;
  }
  table.cliniclist tbody .th.name {
    border-top: 1px solid #666;
  }
  table.cliniclist tbody td.post {
    padding-left: 1em;
    width: 100%;
  }
}
/*youtube埋め込み*/
.youtube {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*個別検診リスト*/
.newpage {
  box-sizing: border-box;
  padding: 0 3%;
}
.newpage h3 {
  text-align: center;
  margin-bottom: 20px;
}
.newpage .boldred {
  text-align: center;
  margin-bottom: 40px;
  font-weight: bold;
  color: red;
  font-size: 18px;
}
.ku-tbl {
  box-sizing: border-box;
  width: 60%;
  margin: 0 auto;
  border: solid 1px #545454;
  border-collapse: collapse;
}
.ku-tbl tr, .ku-tbl td {
  border: solid 1px #545454;
}
.ku-tbl td {
  text-align: center;
  width: 50%;
  padding: 10px 0;
}
@media (max-width: 768px) { /* SP */
  .ku-tbl {
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto;
    border: solid 1px #545454;
    border-collapse: collapse;
  }
}
/*個別検診リスト詳細*/
.list-tbl {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  border: solid 1px #545454;
  border-collapse: collapse;
}
.list-tbl tr, .list-tbl td, .list-tbl th {
  border: solid 1px #545454;
}
.list-tbl td {
  text-align: left;
  padding: 10px;
}
.list-tbl th {
  text-align: center;
  padding: 10px;
}
.newpage .caution {
  width: 60%;
  margin: 0 auto 40px;
  border: solid 1px #FF0000;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  color: red;
  padding: 15px;
  box-sizing: border-box;
}
@media (max-width: 768px) { /* SP */
  .scroll-tbl {
    overflow: auto;
    white-space: nowrap;
    width: 96%;
    margin: 0 auto;
  }
  .list-tbl {
    font-size: 0.9em;
    line-height: 1.5;
    box-sizing: border-box;
    width: 100%;
    border: solid 1px #545454;
    border-collapse: collapse;
  }
  .newpage .caution {
    width: 100%;
    margin: 0 auto 40px;
    border: solid 1px #FF0000;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: red;
    padding: 15px;
    box-sizing: border-box;
  }
}
dl.faq {
  margin-bottom: 30px;
}
dl.faq dt {
  text-indent: -1.5em;
  padding-left: 1.5em;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: left;
}
dl.faq dd {
  text-indent: -1.5em;
  padding-left: 1.5em;
  text-align: left;
}
dl.faq dt span:first-child {
  color: #0068b7;
  padding-right: 0.5em;
}
dl.faq dd span:first-child {
  color: #fd5f8f;
  font-weight: bold;
  padding-right: 0.5em;
}
dl.faq .fig1 {
  width: 80%;
  margin: 5px 0 0 1.5em;
}
dl.faq .fig2 {
  width: 40%;
  margin: 5px 0 0 1.5em;
}
dl.faq .figure img {
  width: 100%;
  height: auto;
}
.pb20 {
  display: block;
  content: "";
  padding-bottom: 20px;
}
/* 2023年4月追加 */
/* br */
.pc_br {
  display: block;
}
.sp_br {
  display: none;
}
@media screen and (max-width: 768px) {
  .pc_br {
    display: none;
  }
  .sp_br {
    display: block;
  }
}
/* 2023年4月追加記事用スタイル */
.article-wrapper p {
  margin-bottom: 1em;
}
.article-wrapper p:empty {
  display: none;
}
.article-wrapper .note::before {
  content: "※";
}
.article-wrapper ol {
  margin: 0 0 0 1.4em;
  padding: 0;
  list-style-position: outside;
}
.article-wrapper ol.arrow-list {
  margin: 0;
  list-style: none;
}
.article-wrapper ol.arrow-list li {
  list-style: none;
  position: relative;
  margin-bottom: 40px;
  margin-left: 45px;
}
.article-wrapper ol.arrow-list li:last-child {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .article-wrapper ol.arrow-list li {
    margin-left: 35px;
  }
}
.article-wrapper ol.arrow-list li .no {
  display: inline-block;
  color: #fd5f8f;
  font-weight: bold;
  font-size: 2.5em;
  position: absolute;
  top: 5px;
  left: -45px;
}
@media screen and (max-width: 768px) {
  .article-wrapper ol.arrow-list li .no {
    font-size: 1.8em;
    left: -35px;
  }
}
.article-wrapper ol.arrow-list li::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 22.5px 0 22.5px;
  border-color: #f59eb8 transparent transparent transparent;
  position: absolute;
  bottom: -25px;
  left: calc(50% + 40px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .article-wrapper ol.arrow-list li::after {
    border-width: 12px 15px 0 15px;
    bottom: -px;
    left: calc(50% + 20px);
  }
}
.article-wrapper ol.arrow-list li:nth-child(3n)::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 22.5px 20px 22.5px;
  border-color: transparent transparent #f59eb8 transparent;
  position: absolute;
  top: -35px;
  left: calc(50% - 40px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .article-wrapper ol.arrow-list li:nth-child(3n)::before {
    border-width: 0 15px 12px 15px;
    top: -27px;
    left: calc(50% - 20px);
  }
}
.article-wrapper ol.arrow-list li:last-child::after {
  display: none;
}
.article-wrapper ul {
  margin: 0 0 20px 30px;
  padding: 0;
  list-style: outside;
}
.article-wrapper ul li {
  list-style: outside;
  line-height: 1.75em;
}
.article-wrapper ol.border-list {
  margin: 0;
  margin-bottom: 20px;
}
.article-wrapper ol.border-list li {
  list-style-position: inside;
  line-height: 2;
  border-bottom: 3px dotted #cfcfcf;
  padding: 5px;
}
.article-wrapper figure {
  margin: 0;
}
.article-wrapper img {
  vertical-align: bottom;
}
.article-wrapper .img-wrapper01 {
  width: 100%;
  height: auto;
  border-radius: 10px;
  overflow: hidden;
}
.article-wrapper .marker {
  display: inline;
  background-color: #fecedd;
}
.article-wrapper .clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.article-wrapper .float-r {
  max-width: 240px;
  height: auto;
  display: block;
  float: right;
  margin-left: 25px;
}
.article-wrapper .float-r img {
  width: 100%;
}
.article-wrapper .float-r p {
  text-align: right;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .article-wrapper .float-r {
    margin-left: 15px;
  }
}
.article-wrapper .case-ttl {
  font-size: 1.25rem;
  color: #1a659e;
  border-bottom: 4px dotted #1a659e;
  padding-bottom: 10px;
}
.article-wrapper .emg-ttl {
  font-size: 1.25rem;
  background-color: #caf0f8;
  padding: 8px 10px 8px 14px;
  font-size: 1.25rem;
  line-height: 2;
  color: #023e8a;
  border-left: 10px solid #0096c7;
  margin-top: 50px;
  margin-bottom: 15px;
}
.article-wrapper .emg-ttl__after {
  font-size: 1.25rem;
  font-weight: bold;
  color: #0077b6;
  border-bottom: 3px dotted #0077b6;
  padding-left: 10px;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.article-wrapper .sub-ttl01 {
  font-size: 1.125rem;
  margin-bottom: 1em;
  border-left: 5px solid #fd5f8f;
  padding-left: 0.8em;
  margin-top: 1.5em;
  margin-left: 5px;
}
.article-wrapper .sub-ttl02 {
  font-size: 1.125rem;
  color: #004e89;
  margin-bottom: 15px;
  border-bottom: 1px solid #004e89;
  padding-bottom: 5px;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .article-wrapper .sub-ttl02 {
    font-size: 1.125rem;
    margin-bottom: 6px;
  }
}
.article-wrapper .emg-type dl {
  line-height: 2.2;
  margin-bottom: 10px;
}
.article-wrapper .emg-type dl dt {
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1.4;
  margin-bottom: 0;
  padding: 5px;
  margin-top: 20px;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .article-wrapper .emg-type dl dt {
    text-align: justify;
  }
}
.article-wrapper .emg-type dl dd {
  font-size: 1rem;
  margin-left: 1em;
}
.article-wrapper .emg-type dl dd::before {
  content: "⇒";
}
.article-wrapper .emg-type dl .Lv1 {
  background-color: #fff4e7;
}
.article-wrapper .emg-type dl .Lv2 {
  background-color: #fdf6f6;
}
.article-wrapper .emg-type dl .Lv3 {
  background-color: #fdf4fa;
}
.article-wrapper .case-type-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
}
.article-wrapper .case-type-list li {
  width: 23%;
  list-style: none;
  margin: 1%;
}
@media screen and (max-width: 768px) {
  .article-wrapper .case-type-list li {
    width: 48%;
  }
}
.article-wrapper .case-type-list li > p {
  display: none;
}
.article-wrapper .case-type-list li a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-align: center;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  padding: 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.article-wrapper .case-type-list li a:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.article-wrapper .case-type-list li a img {
  display: inline-block;
  height: auto;
  max-width: 80%;
  margin: 0 auto;
}
.article-wrapper .case-type-list li a p {
  margin: 0;
  font-size: 0.875em;
  text-align: justify;
  letter-spacing: 0;
  color: rgb(84, 84, 84);
}
@media screen and (max-width: 768px) {
  .article-wrapper .case-type-list li a p {
    margin: 0;
  }
}
.article-wrapper .case-type-list li a p.small {
  font-size: 0.75rem;
  padding-bottom: 4.5px;
}
.article-wrapper .case {
  background-color: #fffcf1;
  padding: 25px 20px;
  border-radius: 8px;
  margin-top: 40px;
}
.article-wrapper .case .label {
  display: inline-block;
  font-weight: bold;
  color: #e25d4e;
  border: 2px solid #e25d4e;
  border-radius: 3px;
  padding: 2px 8px;
  margin-right: 1em;
}
.article-wrapper .case p {
  margin-bottom: 0.8em;
}
.article-wrapper .box01 {
  padding: 20px 40px;
  background-color: #fdf5e8;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .article-wrapper .box01 {
    padding: 20px 15px;
    margin-top: 30px;
  }
}
.article-wrapper .box01 .ttl {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .article-wrapper .box01 .ttl {
    font-size: 1.125rem;
    line-height: 1.6;
  }
}
.article-wrapper .box01 .label {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: bold;
  color: #fd5f8f;
  margin-top: 8px;
}
.article-wrapper .box01 .label:first-of-type {
  margin-top: 0;
}
.article-wrapper .box01 .label::before, .article-wrapper .box01 .label::after {
  display: inline-block;
  content: "●";
  font-size: 0.5em;
  vertical-align: middle;
}
.article-wrapper .box01 .label::before {
  padding-right: 8px;
}
.article-wrapper .box01 .label::after {
  padding-left: 8px;
}
.article-wrapper .box02 {
  padding: 10px;
  border: 5px solid #e25d4e;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .article-wrapper .box02 {
    padding: 15px;
    margin-top: 30px;
  }
}
.article-wrapper .box02 .ttl {
  background-color: #e25d4e;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}
.article-wrapper .box02 .label {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: bold;
  color: #fd5f8f;
  margin-top: 8px;
}
.article-wrapper .box02 .label:first-of-type {
  margin-top: 0;
}
.article-wrapper .box02 .label::before, .article-wrapper .box02 .label::after {
  display: inline-block;
  content: "●";
  font-size: 0.5em;
  vertical-align: middle;
}
.article-wrapper .box02 .label::before {
  padding-right: 8px;
}
.article-wrapper .box02 .label::after {
  padding-left: 8px;
}
.article-wrapper .box03 {
  background-color: #f3fcff;
  border-radius: 10px;
  margin-top: 40px;
  border: 6px solid #ade8f4;
  border-radius: 10px;
  padding: 0;
}
.article-wrapper .box03__ttl {
  font-size: 1.125rem;
  font-weight: bold;
  background-color: #ade8f4;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  margin: 0;
}
.article-wrapper .box03__inner {
  padding: 10px 20px 0;
}
.pdf_box {
  display: flex;
  margin-bottom: 10px;
}
.pdf_box figure {
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .article-wrapper .box03__inner {
    padding: 10px;
  }
}
/* =================================== */
/*	2025.1.15追記　新規ページ（授乳・離乳・道具）
/* =================================== */
/* ---------------------------------------------------------
　　　20250122～　山並追記分ここから
--------------------------------------------------------- */
/* スマホ時改行 */
@media screen and (min-width:769px) {
  .br_sp {
    display: none;
  }
}
@media screen and (max-width:768px) {
  .br_sp {
    display: block;
  }
}
/* 飲ませ方についてのお悩み　6-2 */
.kiji6_2_fig img {
  display: block;
  margin: 20px auto 0;
}
@media screen and (min-width:769px) {
  .kiji6_2_fig p {
    display: flex;
    justify-content: right;
    margin-right: 50px;
  }
}
@media screen and (max-width:768px) {
  .kiji6_2_fig p {
    display: flex;
    justify-content: right;
    margin-right: 20px;
  }
}
.qa_q {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  line-height: 40px;
  color: #fd5f8f;
  margin-right: 10px;
}
.qa_a {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fd5f8f;
  text-align: center;
  line-height: 40px;
  color: #fff;
  margin-right: 10px;
}
@media screen and (min-width:769px) {
  .qa dt {
    background: lightpink;
    padding: 10px 20px;
    border-radius: 10px 10px 0 0;
    font-weight: 700;
  }
}
@media screen and (max-width:768px) {
  .qa dt {
    background: lightpink;
    padding: 10px 20px;
    border-radius: 10px 10px 0 0;
    font-weight: 700;
    text-align: left;
  }
}
.qa dd {
  border: 2px solid lightpink;
  padding: 10px 20px 20px 18px;
  border-radius: 0 0 10px 10px;
  margin-bottom: 20px;
}
.kiji6_2 .sub-ttl01 {
  font-size: 1.125rem;
  border-left: 5px solid #fd5f8f;
  padding-left: 0.8em;
  /* margin-bottom: 15px;
  margin-top: 20px;
  margin-left: 5px; */
  margin: 40px 5px 20px 0;
}
@media screen and (min-width:769px) {
  .kiji6_2 .clearfix img.float-r {
    object-fit: contain;
    float: left;
    padding: 0 20px 0 0;
  }
  .kiji6_2 .clearfix {
    margin-bottom: 15px;
  }
}
@media screen and (max-width:768px) {
  .kiji6_2 .clearfix img.float-r {
    object-fit: contain;
    width: 100%;
    padding-bottom: 10px;
  }
  .kiji6_2 .clearfix {
    margin-bottom: 0;
  }
}
.kiji6_2 .marker_yellow {
  background: linear-gradient(transparent 50%, rgba(255, 241, 0, 0.8) 50%);
  display: inline;
  background-repeat: no-repeat;
}
/* ---------------------------------------------------------
　　　20250122～　山並追記分ここまで
--------------------------------------------------------- */
/* ---------------------------------------------------------
　　　20250124～　水口追記分ここから
--------------------------------------------------------- */
/* 共通 */
/* #tool-2 h2, #tool-1 h2, #food-1 h2, #food-2 h2, #food-3 h2, #food-4 h2, #food-5 h2, #milk-3 h2 {
  margin: 30px 0 20px;
  padding: 8px 0.3em 8px 0.5em;
  border-bottom: 2px solid #545454;
  font-size: 1.25rem;
  line-height: 2rem;
} */
#tool-2 .marker_yellow, #tool-1 .marker_yellow, #food-2 .marker_yellow, #food-3 .marker_yellow, #food-4 .marker_yellow, #food-5 .marker_yellow, #milk-3 .marker_yellow, #milk-4 .marker_yellow {
  background: linear-gradient(transparent 50%, rgba(255, 241, 0, 0.8) 50%);
  display: inline;
  background-repeat: no-repeat;
}
#food-2 .food-2-teeth, #food-3 .food-3-list, #food-3 .food-3-img, #food-3 .food-3-teeth, #food-4 .food-4-mogumogu, #food-4 .food-4-yasai, #food-5 .food-5-danger, #milk-3 .milk-3-qus, #milk-4 .milk-4-com, #milk-4 .milk-4-img-baby, #milk-4 .milk-4-graph, .last-sv {
  display: flex;
  justify-content: space-around;
}
#food-2 .case .food-2-list {
  display: flex;
  justify-content: space-between;
}
.tool-list ul, #food-2 .food-2-list ul, #food-3 .food-3-list ul, #food-4 .food-4-list ul, #food-5 .food-5-list ul, #milk-4 .milk-4-list ul {
  width: 65%;
  position: relative;
}
.tool-list li, #tool-2 .tool-list li, #food-2 .food-2-list li, #food-3 .food-3-list li, #food-4 .food-4-list li, #food-5 .food-5-list li, #milk-4 .milk-4-list li, #milk-4 .milk-4-2th-list li, #milk-3 .milk-3-list li, #food-4 .tool-list li {
  font-weight: normal;
  /* line-height: 2.5em; */
  list-style-type: none;
}
.tool-list li::before, #tool-2 .tool-list li::before, #food-2 .food-2-list li::before, #food-3 .food-3-list li::before, #food-4 .food-4-list li::before, #food-5 .food-5-list li::before, #milk-4 .milk-4-list li::before, #milk-4 .milk-4-2th-list li::before, #milk-3 .milk-3-list li::before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  position: absolute;
  left: -1.5em; /*左端からのアイコンまで*/
  color: #fd5f8f;
  font-weight: bold;
}
#tool-1 .case, #food-1 .case, #food-2 .case, #food-3 .case, #food-4 .case, #food-5 .case {
  background-color: #fffcf1;
  padding: 20px;
  border-radius: 8px;
  margin: 30px auto;
}
/* .kiji-btn{
  background-color: #fff;
  border-color: #e25d4e;
  color: #e25d4e;
} */
#tool-1 .sub-ttl01, #tool-2 .sub-ttl01, #milk-1 .sub-ttl01, #milk-2 .sub-ttl01, #milk-3 .sub-ttl01, #milk-4 .sub-ttl01, #food-1 .sub-ttl01, #food-2 .sub-ttl01, #food-3 .sub-ttl01, #food-4 .sub-ttl01, #food-5 .sub-ttl01 {
  border-left: 5px solid #e3026a;
}
@media screen and (max-width: 768px) {
  #food-2 .food-2-list ul, #food-3 .food-3-list ul, #food-4 .food-4-list ul, #food-5 .food-5-list ul, #milk-4 .milk-4-list ul {
    width: 90%;
  }
  #food-2 .case .food-2-list, #food-2 .food-2-teeth, #food-3 .food-3-list, #food-3 .food-3-teeth, #food-4 .food-4-list, #food-5 .food-5-list, #milk-4 .milk-4-flex, #milk-4 .milk-4-graph {
    flex-direction: column;
  }
}
/* 下部ボタン */
#food-2 .btn-type01, #food-3 .btn-type01, #food-4 .btn-type01, #tool-1 .btn-type01, #milk-2 .btn-type01, #milk-3 .btn-type01 {
  font-size: 1em;
}
#food-2 .kiji-btn, #food-3 .kiji-btn, #food-4 .kiji-btn, #tool-1 .kiji-btn, #milk-2 .kiji-btn, #milk-3 .kiji-btn {
  text-align: center;
  margin-top: 30px;
}
#food-2 .btn-type01.-bdh, #food-3 .btn-type01.-bdh, #food-4 .btn-type01.-bdh {
  background-color: #f7931e;
  border-color: #f7931e;
  color: #fff;
}
#food-2 .btn-type01.-bdh::before, #food-3 .btn-type01.-bdh::before, #food-4 .btn-type01.-bdh::before {
  border-top-color: #fff;
  border-right-color: #fff;
}
#food-2 .btn-type01.-bdh:hover, #food-3 .btn-type01.-bdh:hover, #food-4 .btn-type01.-bdh:hover {
  background-color: #fff;
  border-color: #f7931e;
  color: #f7931e;
}
#food-2 .btn-type01.-bdh:hover::before, #food-3 .btn-type01.-bdh:hover::before, #food-4 .btn-type01.-bdh:hover::before {
  border-top-color: #f7931e;
  border-right-color: #f7931e;
}
#tool-1 .btn-type01.-bdh {
  border-color: #7ac943;
  background-color: #7ac943;
  color: #fff;
}
#tool-1 .btn-type01.-bdh::before {
  border-top-color: #fff;
  border-right-color: #fff;
}
#tool-1 .btn-type01.-bdh:hover {
  border-color: #7ac943;
  background-color: #fff;
  color: #7ac943;
}
#tool-1 .btn-type01.-bdh:hover::before {
  border-top-color: #7ac943;
  border-right-color: #7ac943;
}
/*次へボタンピンクOLD*/
#milk-2 .btn-type01.-bdh, #milk-3 .btn-type01.-bdh {
  background-color: #ff7bac;
  border-color: #ff7bac;
  color: #fff;
}
#milk-2 .btn-type01.-bdh::before, #milk-3 .btn-type01.-bdh::before {
  border-top-color: #fff;
  border-right-color: #fff;
}
#milk-2 .btn-type01.-bdh:hover, #milk-3 .btn-type01.-bdh:hover {
  border-color: #ff7bac;
  background-color: #fff;
  color: #ff7bac;
}
#milk-2 .btn-type01.-bdh:hover::before, #milk-3 .btn-type01.-bdh:hover::before {
  border-top-color: #ff7bac;
  border-right-color: #ff7bac;
}
/*次へボタンピンクNEW*/
a.btn-next {
  display: block;
  margin: 30px auto 10px;
  text-align: center;
  width: 40%;
  background-color: #ff7bac;
  border: solid 3px #ff7bac;
  color: #fff;
  padding: 12px 30px;
  font-size: 18px;
  position: relative;
  border-radius: 30px;
  transition: .3s;
}
a.btn-next.style2row {
  width: 60%;
}
a.btn-next:before {
  content: '';
  position: absolute;
  right: 20px;
  top: 20px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}
a.btn-next:hover {
  background-color: #fff;
  color: #ff7bac;
  transition: .3s;
}
a.btn-next:hover:before {
  border-top-color: #ff7bac;
  border-right-color: #ff7bac;
}
/*次へボタンオレンジNEW*/
a.btn-next.orange {
  display: block;
  margin: 30px auto 10px;
  text-align: center;
  width: 40%;
  background-color: #f7931e;
  border: solid 3px #f7931e;
  color: #fff;
  padding: 12px 30px;
  font-size: 18px;
  position: relative;
  border-radius: 30px;
  transition: .3s;
}
a.btn-next.orange.style2row {
  width: 60%;
}
a.btn-next.orange:before {
  content: '';
  position: absolute;
  right: 20px;
  top: 20px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}
a.btn-next.orange:hover {
  background-color: #fff;
  color: #f7931e;
  transition: .3s;
}
a.btn-next.orange:hover:before {
  border-top-color: #f7931e;
  border-right-color: #f7931e;
}
/*次へボタン緑NEW*/
a.btn-next.green {
  display: block;
  margin: 30px auto 10px;
  text-align: center;
  width: 40%;
  background-color: #7ac943;
  border: solid 3px #7ac943;
  color: #fff;
  padding: 12px 30px;
  font-size: 18px;
  position: relative;
  border-radius: 30px;
  transition: .3s;
}
a.btn-next.green.mb30 {
  margin-bottom: 30px;
}
a.btn-next.green.style2row {
  width: 60%;
}
a.btn-next.green:before {
  content: '';
  position: absolute;
  right: 20px;
  top: 20px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}
a.btn-next.green:hover {
  background-color: #fff;
  color: #7ac943;
  transition: .3s;
}
a.btn-next.green:hover:before {
  border-top-color: #7ac943;
  border-right-color: #7ac943;
}
@media screen and (max-width: 768px) {
  a.btn-next, a.btn-next.orange, a.btn-next.green {
    width: 100%;
    font-size: 15px;
  }
  a.btn-next.style2row {
    width: 100%;
  }
  a.btn-next:before, a.btn-next.orange:before, a.btn-next.green:before {
    top: 22px;
  }
}
/*離乳食についてのお悩み*/
p.lead {
  margin-bottom: 30px;
}
.r-group {
  margin-bottom: 30px;
}
.r-group:last-of-type {
  margin-bottom: 50px;
}
.r-group p {
  font-size: 20px;
  font-weight: bold;
  border-bottom: dotted 4px #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.r-group a {
  color: #545454;
  transition: .3s;
}
.r-group a:hover {
  filter: saturate(150%);
  transition: .3s;
}
.r-group ul {
  padding: 20px;
  border-radius: 10px;
}
.r-group.r-shoki p {
  color: #b5aa21;
}
.r-group.r-shoki ul {
  background-color: #fef8a6;
}
.r-group.r-chuki p {
  color: #53a849;
}
.r-group.r-chuki ul {
  background-color: #d1e8b2;
}
.r-group.r-koki p {
  color: #53b2b0;
}
.r-group.r-koki ul {
  background-color: #a7e1c7;
}
.r-group.r-kanryoki p {
  color: #408dc4;
}
.r-group.r-kanryoki ul {
  background-color: #a7cfe1;
}
/* 道具について２ */
#tool-2 .tool-img-list {
  text-align: center;
  margin-bottom: 30px;
}
#tool-2 .chair-flex, #food-4 .chair-flex {
  display: flex;
}
#tool-2 .tool p {
  margin-top: 15px;
}
#tool-2 ul {
  margin-bottom: 15px;
}
#tool-2 .chair-img, #food-4 .chair-img {
  margin-right: 25px;
}
#tool-2 .chair, #food-4 .chair {
  max-width: 59%;
}
#tool-2 .case {
  background-color: #fffcf1;
  padding: 25px;
  border-radius: 8px;
  margin-top: 30px;
}
#tool-2 .case p {
  margin-bottom: 0;
}
#tool-2 .tool-2-com {
  margin-bottom: 30px;
}
#tool-2 .tool-list ul {
  width: 100%;
}
#tool-2 .tool-list ul, #milk-3 .milk-3-list ul {
  position: relative;
}
#tool-2 .tool-list li > p {
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  #tool-2 .tool-img-list, #food-4 .tool-img-list {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 80%;
  }
  #tool-2 .case {
    flex-direction: column;
  }
  #tool-2 .chair-img, #food-4 .chair-img {
    margin: auto;
  }
  #tool-2 .chair, #food-4 .chair {
    max-width: 100%;
  }
  #tool-2 .chair-flex, #food-4 .chair-flex {
    flex-direction: column;
  }
}
/* 道具について１ */
.tool-1-img-list {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.triangle1 {
  width: 0;
  height: 0;
  border-left: 30px solid #f59eb8;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}
#tool-1 .case-ttl, .case-ttl.case-ttl-pink {
  font-size: 1.25rem;
  color: #fd5f8f;
  border-bottom: 4px dotted #fd5f8f;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.tool-img-list, .cap-img {
  text-align: center;
}
#tool-1 .tool-img-list.magu {
  display: flex;
  justify-content: center;
}
.cap, .tool-list {
  display: flex;
  justify-content: space-between;
}
.case-item .tool-cap {
  margin-bottom: 0;
}
#tool-1 .case dt {
  margin-top: 10px;
}
/* #tool-1 .tool-qa .marker_yellow:first-child {
  color: #545454;
  padding-right: 0;
}
#tool-1 .tool-qa .font {
  font-weight: normal;
} */
#tool-1 .tool-img-list.magu {
  padding-bottom: 15px;
}
.cap-img {
  margin-bottom: 20px;
}
.cap {
  margin-bottom: 30px;
}
.cap .tool-cap-img {
  margin-left: 30px;
  max-width: 100%;
}
.cap p {
  width: 59%;
}
/*.article-wrapper ul {
  margin: 0 0 20px 30px;
  padding: 0;
  list-style: outside;
}
.article-wrapper ul li {
  list-style: outside;
  line-height: 1.75em;
}*/
.tool-list {
  margin: 30px 0;
}
.tool-list ul {
  width: 59%;
}
.article-wrapper .tool-list ul li {
  list-style: none;
}
.tool-list .tool-cap-baby {
  width: 35%;
  height: 40%;
}
#tool-1 .tool-com {
  margin-bottom: 30px;
}
#tool-1 .tool-1-cap {
  margin-bottom: 30px;
}
.tool-list li > p {
  font-weight: normal;
}
#tool-1 .kiji-btn-link {
  margin-bottom: 30px;
}
#tool-1 .kiji-btn-link > .btn-type01 {
  width: 300px;
}
.tool-1 > p {
  border: solid 2px #fd5f8f;
  /* background-color: rgba(255, 238, 177,50%); */
  padding: 15px;
  border-radius: 5px;
  margin: 0px 25px 15px;
}
@media screen and (max-width: 768px) {
  #tool-1 .tool-img-list {
    display: flex;
    text-align: center;
    justify-content: space-between;
  }
  .tool-img-list .tool-img {
    width: 30%;
  }
  .tool-1-img-list .tool-1-img {
    width: 45%;
  }
  .triangle1 {
    width: 0;
    height: 0;
    border-left: 15px solid #f59eb8;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
  }
  .tool-1-img-list {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
  }
  #tool-1 .tool-img-list.magu {
    flex-direction: column;
    align-items: center;
  }
  #tool-1 .tool-img-list.magu .tool-magu-img {
    width: 80%;
  }
  .cap, .tool-list {
    flex-direction: column;
  }
  .cap p {
    width: auto;
  }
  .cap .tool-cap-img {
    width: 75%;
    margin: auto;
  }
  .tool-list .tool-cap-baby {
    width: 98%;
    margin: 0 auto;
  }
  .tool-list ul {
    width: auto;
    margin-left: 20px;
  }
  .tool-1 > p {
    margin: 0 auto;
  }
}
/* 離乳初期（ごっくん） */
#food-2 .food-2 {
  display: flex;
}
#food-2 .food-2 p {
  width: 80%;
}
#food-2 .food-2 .pink {
  font-size: 1.25em;
  display: block;
  text-align: center;
}
#food-2 .food-2-content .pink, #food-5 .food-list .pink, .food-ttl-pink {
  font-size: 1.125em;
}
#food-2 .food-2-list .food-2-img {
  margin-top: 10px;
}
#food-2 .food-2-teeth {
  margin: 30px 0;
}
#food-2 .food-2-teeth img {
  margin-right: 30px;
  width: 30%;
}
#food-2 .food-2-teeth p {
  width: 70%;
}
#food-2 .food-2-p {
  text-align: center;
  font-size: 1.25em;
}
.food-2-pink {
  font-size: 1.125em;
  border-bottom: solid 1px #fd5f8f;
}
@media screen and (max-width: 768px) {
  #food-2 .food-2 .food-2-img {
    display: none;
  }
  #food-2 .food-2 p {
    width: 100%;
  }
  #food-2 .food-2-list .food-2-img, #food-4 .food-4-list-img {
    text-align: center;
  }
  #food-2 .food-2-teeth p {
    width: 100%;
  }
  #food-2 .food-2-teeth img {
    width: 70%;
    text-align: center;
    margin: 0 auto 20px;
  }
}
/* 離乳中期（もぐもぐ） */
#food-3 .food-3-img {
  width: 85%;
}
#food-3 .food-3-teeth {
  margin-top: 30px;
}
#food-3 .food-3-teeth img {
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  #food-3 .food-3-img {
    width: 77%;
  }
  #food-3 .food-3-img img {
    width: 65%;
  }
  #food-3 .food-3-teeth {
    margin-top: 20px;
  }
  #food-3 .food-3-teeth img {
    margin: 0 auto;
    margin-bottom: 15px;
  }
}
/* 離乳後期（かみかみ）  */
#food-4 .food-4-mogumogu p, #food-4 .food-4-yasai p, #milk-3 .milk-3-list {
  width: 85%;
}
/* #food-4 .food-4-img {
  margin-top: 20px;
} */
#food-4 .food-4-hand p {
  width: 70%;
}
#food-4 .food-4-kids {
  text-align: center;
  margin: 30px 0;
}
#food-4 .food-4-hand {
  margin: 20px 0 15px;
}
#food-4 .food-4-hand, #food-4 .food-4-list, #food-5 .food-5-teeth {
  display: flex;
  justify-content: space-between;
}
#food-4 p .pink {
  display: block;
  font-size: 1.125em;
}
#food-4 .food-4-teeth {
  text-align: center;
}
#food-4 .food-4-teeth img {
  margin-bottom: 30px;
}
#food-4 .food-4-teeth-pink .pink, #milk-3 .milk-3-content p {
  padding: 0.5em 1em;
  font-weight: bold;
  border: solid 2px #fd5f8f;
  text-align: center;
}
#food-4 .food-4-tv {
  margin-bottom: 30px;
}
#food-4 .food-4-hamd-img {
  margin-left: 30px;
}
#food-4 .tool-list {
  display: block;
}
#food-4 .tool-list ul {
  width: 97%;
}
@media screen and (max-width: 768px) {
  #food-4 .food-4-img, #milk-3 .milk-3-img {
    display: none;
  }
  #food-4 .food-4-hand {
    flex-direction: column-reverse;
  }
  #food-4 .food-4-mogumogu p, #food-4 .food-4-yasai p, #food-4 .food-4-hand p, #milk-3 .milk-3-list {
    width: 100%;
  }
  #food-4 .food-4-hamd-img {
    margin: 0 auto 20px;
  }
  #food-4 .food-4-teeth {
    display: flex;
    width: 50%;
  }
}
/* 離乳完了期 */
#food-5 .food-5-img-danger {
  margin: 15px 0 30px;
  text-align: center;
}
#food-5 .food-5-danger > p {
  width: 60%;
}
#food-5 .food-5-img {
  display: flex;
  justify-content: center;
  margin: 30px auto 0;
}
#food-5 .food-5-img p {
  font-size: 0.7em;
  text-align: center;
}
#food-5 .food-5-2-img {
  margin-left: 10px;
}
#food-5 .food-5-teeth p {
  width: 76%;
}
#food-5 .food-5-com {
  margin-bottom: 30px;
}
#food-5 .food-5-danger {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  #food-5 .food-5-danger {
    flex-direction: column-reverse;
  }
  #food-5 .food-5-danger > p {
    width: 100%;
  }
  #food-5 .food-5-img {
    margin: 10px 0;
  }
  #food-5 .food-list ul, #milk-3 .milk-3-list ul {
    margin: 0 0 20px 20px;
  }
  #food-5 .food-5-teeth {
    flex-direction: column;
  }
  #food-5 .food-5-teeth img {
    margin: 0 auto;
    margin-bottom: 30px;
  }
  #food-5 .food-5-teeth p {
    width: 100%;
  }
  #food-5 .food-5-img-danger {
    margin: 10px 0 0px;
  }
}
/* 離乳についてのお悩み */
#milk-3 .milk-3-list li .milk-3-small, #milk-4 .milk-4-list .milk-4-small {
  font-size: 0.6em
}
#milk-3 .milk-3-content {
  width: 40%;
  margin: 0 auto;
}
#milk-3 .milk-3-content .pink {
  font-size: 1.25em;
}
#milk-3 .milk-3-list ul {
  margin: 0 0 30px 30px;
}
#milk-3 .milk-3-content p {
  padding: 1em;
  margin-bottom: 30px;
}
#milk-3 .milk-3-qus {
  align-items: flex-end;
}
#milk-3 .milk-3-img {
  margin-bottom: 20px;
}
#milk-3 .qa-list .milk-3-anser {
  font-size: 1.25em;
  color: #fd5f8f;
}
#milk-3 .qa-flex {
  display: flex;
  justify-content: space-between;
}
#milk-3 .qa-flex > p {
  width: 60%;
}
.qa-flex-img {
  width: 35%;
  margin: auto;
  margin-right: 0;
}
#milk-3 .milk-3-list ul {
  width: 91%;
}
@media screen and (max-width: 768px) {
  #milk-3 .milk-3-content {
    width: 100%;
  }
  #milk-3 .qa-flex {
    flex-direction: column;
  }
  #milk-3 .qa-flex > p, .qa-flex-img {
    width: 100%;
  }
  .qa-flex-img {
    margin: 20px auto;
  }
}
/* スムーズな離乳のために知って欲しいこと */
#milk-4 .milk-4-2th-list ul {
  position: relative;
  margin: 0px 0 20px 30px;
}
#milk-4 .milk-4-2th-list .milk-4-normal {
  font-weight: normal;
}
#milk-4 .milk-4-2th-list {
  width: 60%;
}
#milk-4 .milk-4-baby {
  position: relative;
  display: inline-block;
  margin: 3em 15px 1.5em 0;
  padding: 1em 1.5em;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: rgba(245, 158, 184, 30%);
  width: 67%;
  height: 30%;
  border-radius: 10px;
}
#milk-4 .milk-4-baby::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -10px;
  border: 10px solid transparent;
  border-left: 15px solid rgba(245, 158, 184, 30%);
}
#milk-4 .milk-4-baby p {
  margin: 0;
  padding: 0;
  text-align: center;
}
#milk-4 .milk-4-img-baby {
  margin-bottom: 30px;
}
#milk-4 .milk-4-strong {
  font-size: 1.125em;
}
#milk-4 .milk-4-strong.border {
  border-bottom: solid 1px #fd5f8f;
}
#milk-4 .milk-4-graph {
  flex-wrap: wrap;
  margin: 30px auto;
}
#milk-4 .milk-4-graph p {
  text-align: center;
}
#milk-4 .milk-4-graph .red, #milk-4 .milk-4-graph .green, #milk-4 .milk-4-graph .orange, #milk-4 .milk-4-graph .blue {
  width: 40%;
}
#milk-4 .milk-4-graph .red p {
  border: solid 2px #ec688f;
}
#milk-4 .milk-4-graph .green p {
  border: solid 2px #90c656;
}
#milk-4 .milk-4-graph .orange p {
  border: solid 2px #f09039;
  margin-top: 30px;
}
#milk-4 .milk-4-graph .blue p {
  border: solid 2px #50a5dc;
  margin-top: 30px;
}
#milk-4 .milk-4-graph .red img, #milk-4 .milk-4-graph .orange img, #milk-4 .milk-4-graph .blue img {
  display: block;
  margin: 0 auto;
}
#milk-4 .milk-4-graph .green img {
  display: block;
  margin: 0 auto;
  width: 38%;
}
#milk-4 .milk-4-graph .blue img {
  display: block;
  margin: 0 auto;
}
#milk-4 .milk-4-flex {
  display: flex;
  justify-content: space-between;
}
#milk-4 .milk-4-img-harf {
  margin: auto 0;
}
#milk-4 h2 {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  #milk-4 .milk-4-img-baby {
    width: 40%;
    height: 40%;
    margin-top: 50px;
  }
  #milk-4 .milk-4-baby {
    margin: 1.5em 15px 1.5em 0;
  }
  #milk-4 .milk-4-graph .green p {
    margin-top: 30px;
  }
  #milk-4 .milk-4-img-har.second {
    margin: 20px auto;
  }
  #milk-4 .milk-4-img-harf {
    margin-bottom: 20px;
  }
  #milk-4 .milk-4-graph .red, #milk-4 .milk-4-graph .green, #milk-4 .milk-4-graph .orange, #milk-4 .milk-4-graph .blue {
    width: 100%;
  }
  #milk-4 .milk-4-2th-list {
    width: 98%;
  }
}
.last-sv {
  border: solid 0.5px #bebebe;
  padding: 30px;
  margin: 30px auto;
}
.last-sv img {
  border-right: solid 0.5px #bebebe;
  padding-right: 5em;
}
.arrow {
  color: #0096c7;
  font-size: 1.25em;
}
.article-wrapper .pink-ttl {
  font-size: 1.25rem;
  background-color: #FFEFF2;
  padding: 8px 10px 8px 14px;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #e3026a;
  border-left: 10px solid #fd5f8f;
  margin-top: 50px;
  margin-bottom: 15px;
  border-bottom: none;
}
/*author box*/
.author-section {
  border: 3px solid #fd5f8f; /* 枠線の色 */
  margin: 30px auto 0;
  /* background-color: #fffcf1; */
  border-radius: 10px;
  padding: 0 30px 30px;
}
.author-header {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 18px;
  border-bottom: solid 4px #2B3E56;
}
.author-content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.author-left {
  margin-right: 25px;
  flex: 0 0 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
}
.author-image {
  width: 100%;
  height: auto;
}
.author-right {
  flex: 1;
  margin-left: 0;
}
.author-text {
  font-size: 14px;
  line-height: 1.5;
}
.author-footer {
  font-size: 16px;
  font-weight: bold;
  margin-top: 26px;
  text-align: left;
}
.author-section::before {
  padding: 10px 17px;
  content: "サイトの監修者"; /* 枠上のタイトルです。ご自由に調整を。*/
  background-color: #fff;
  color: #fd5f8f;
  font-size: 1.125em;
  z-index: 1;
  top: -15px;
  left: 0px;
  position: relative;
  font-weight: bold;
}
.line_heig, .line-heig3 {
  line-height: 1.5;
  font-size: 15px;
}
.line_heig2 {
  line-height: 1.5;
  font-size: 1.125em;
  margin-bottom: 5px;
  font-weight: bold;
}
.line-heig3 {
  background-color: #FEF4F7;
  padding: 15px 20px 20px;
  margin-top: 15px;
  /* border: 3px dotted #fd5f8f; */
}
.itir {
  color: cornflowerblue;
}
.sv-left dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.sv-left dl dt {
  width: 15%;
}
.sv-left dl dd {
  width: 85%;
}
/* .line_heig {
  display: flex;
  justify-content: space-between;
} */
@media screen and (max-width: 769px) {
  .author-image {
    margin-bottom: 10px;
    width: 120px;
    height: 165px;
  }
  .line_heig {
    line-height: 1.5;
    font-size: 15px;
    flex-direction: column;
  }
  .line_heig2 {
    line-height: 1.5;
    font-size: 17px;
    ;
    margin-bottom: 0;
  }
  .line_heig, .line-heig3 {
    line-height: 1.5;
    font-size: 15px;
  }
  .author-left {
    /* margin-bottom: 24px; */
    margin-right: auto;
    margin-left: auto;
  }
  .author-content {
    display: block;
  }
  .sv-left {
    margin-bottom: 1em;
  }
  .author-right {
    margin-left: 0;
  }
  .author-section {
    padding: 0 20px 20px;
  }
  .author-section::before {
    left: 48px;
  }
  .sv-left dl dt {
    width: 28%;
    text-align: left;
  }
  .sv-left dl dd {
    width: 72%;
  }
}
/*/author box*/
/* ---------------------------------------------------------
　　　20250124～　水口追記分ここまで
--------------------------------------------------------- */
/* ---------------------------------------------------------
　　　20260310　口腔粘膜症
--------------------------------------------------------- */
.article-wrapper .shojo-wrap dl .Lv1 {
  background-color: #fde6e7;
}
.article-wrapper .shojo-wrap dl .Lv2 {
  background-color: #fbf9dc;
}
.article-wrapper .shojo-wrap dl .Lv3 {
  background-color: #fbebd4;
}
.article-wrapper .shojo-wrap dl .Lv4 {
  background-color: #edf8d0;
}
.article-wrapper .mucosa-ttl {
  background-color: #f0f1fc;
  padding: 8px 10px 8px 14px;
  font-size: 1.4rem;
  line-height: 2;
  color: #585ba3;
  border-left: 8px solid #585ba3;
  margin-top: 50px;
  margin-bottom: 20px;
}
.article-wrapper .mucosa-ttl__after {
  font-size: 1.25rem;
  font-weight: bold;
  color: #585ba3;
  border-bottom: 3px dotted #585ba3;
  padding-left: 10px;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.article-wrapper .shojo-wrap .clearfix figure {
  float: right;
  margin: 0 0 15px 15px;
}
.article-wrapper .shojo-wrap dl {
  line-height: 1.8;
}
.article-wrapper .shojo-wrap dl dt {
  display: inline-block;
  font-size: 1.125rem;
  line-height: 1.4;
  margin-bottom: 10px;
  padding: 5px;
  margin-top: 0;
  margin-left: 0;
}
.article-wrapper .shojo-wrap dl dd {
  margin-bottom: 20px;
}
.article-wrapper .shojo-wrap dl dd.blue {
  color: #0077b6;
}
@media (max-width: 768px) {
  .article-wrapper .mucosa-ttl {
    background-color: #f0f1fc;
    padding: 5px 10px 5px 10px;
    font-size: 1.25rem;
    line-height: 1.8;
    border-left: 5px solid #585ba3;
    margin-top: 25px;
    margin-bottom: 15px;
  }
  .article-wrapper .shojo-wrap .clearfix figure {
    float: none;
    margin: 0 auto 20px;
  }
  .article-wrapper .shojo-wrap .clearfix figure img {
    display: block;
    margin: 0 auto;
  }
}