@charset "UTF-8";



/* ---------------------------------------------------------

 * 変数

/*------------------------------------------------------- */

:root {

  --color-text: #383838;

  --color-cobalt: #4472c4; /* コバルトブルー */

  --color-sky: #37f; /* 空色に近い明るい青 */

  --color-cerulean: #219fce; /* セルリアンブルー */

}



/* ---------------------------------------------------------

 * diabetesの調整

/*------------------------------------------------------- */

.diabetes h1,

.diabetes h2,

.diabetes h3,

.diabetes h4,

.diabetes h5,

.diabetes h6,

.diabetes div,

.diabetes p,

.diabetes ul,

.diabetes ol,

.diabetes li,

.diabetes dl,

.diabetes dt,

.diabetes dd,

.diabetes a,

.diabetes span,

.diabetes img,

.diabetes figure,

.diabetes figcaption,

.diabetes table,

.diabetes *,

.diabetes *::after,

.diabetes *::before {

  box-sizing: content-box;

}



.diabetes p {

  padding: 2%;

}



.diabetes h3 {

  margin: 2% 2% 0;

}



/* ---------------------------------------------------------

 * /common/css/common.css

/*------------------------------------------------------- */



/* ---------------------------------------------------------

  CSS Document common

--------------------------------------------------------- */



html,

body {

  margin: 0;

  padding: 0;

}



#new-wrapper {

  width: 100%;

  overflow: hidden;

}



/* ---------------------------------------------------------

  CSS Document new-header

--------------------------------------------------------- */



#new-header {

  height: 60px;

  padding: 0 20px;

  background: #fff;

  font-family: "Noto Sans JP", sans-serif;

  font-size: 0;

  line-height: 60px;

}



#new-header a {

  transition: 0.4s;

}



#new-header a:hover {

  opacity: 0.6;

}



#new-header-container {

  max-width: 800px;

  margin: 0 auto;

  text-align: left;

  position: relative;

}



#new-header-logo {

  display: inline-block;

  vertical-align: middle;

  width: calc(100% - 118px);

  line-height: 0;

}



#new-header figure {

  display: inline-block;

  vertical-align: middle;

  width: 200px;

  margin: 0 30px 0 0;

  padding: 0;

}



#new-header figure img {

  width: 100%;

}



#new-header-copy {

  display: inline-block;

  vertical-align: middle;

  font-size: 15px;

  line-height: 1;

  color: #777;

}



#new-header-start {

  position: absolute;

  top: 0;

  right: 0;

}



#new-header-start a {

  display: inline-block;

  vertical-align: top;

  padding-left: 22px;

  background: url(../images/h_start.png) no-repeat left / auto 24px;

  text-decoration: none;

  font-size: 16px;

  color: #505050;

}



@media only screen and (max-width: 640px) {

  #new-header figure {

    width: 160px;

    margin: 0 0 5px 0;

  }

  #new-header-copy {

    display: block;

  }

}



@media only screen and (max-width: 540px) {

  #new-header-copy {

    font-size: 3vw;

  }

  #new-header-start a {

    font-size: 3vw;

  }

}



/* ---------------------------------------------------------

  CSS Document new-navi

--------------------------------------------------------- */



@media only screen and (max-width: 799px) {

  #new-wrapper {

    height: 141px;

  }



  .new-navi {

    max-width: 100vw;

    overflow: auto;

    -webkit-overflow-scrolling: auto;

    font-size: 0;

  }



  .new-navi::-webkit-scrollbar {

    height: 2px;

  }



  .new-navi::-webkit-scrollbar-track {

    background: #ccc;

    border-radius: 5px;

  }



  .new-navi::-webkit-scrollbar-thumb {

    background: #d49fc2;

    border-radius: 5px;

  }

}



@media only screen and (min-width: 800px) {

  #new-wrapper {

    height: 138px;

    overflow: hidden;

    background: #fdf8eb;

  }

  #new-header {

    margin-bottom: 13px;

  }



  .new-navi-container {

    width: 800px;

    margin: 0 auto;

    background: #fff;

  }

}



.new-navi {

  width: 100%;

  position: relative;

  z-index: 9999;

}



.new-navi.fixed {

  position: fixed;

  top: 0;

  left: 0;

}



.new-navi ul {

  display: table;

  width: 800px;

  margin: 0;

  padding: 0;

  border-collapse: collapse;

  background: #fff;

}



.new-navi ul li {

  display: table-cell;

  vertical-align: top;

  margin: 0;

  padding: 0;

  border-left: 1px solid #eee;

  list-style: none;

  transition: 0.4s;

}



.new-navi ul li:first-of-type {

  border-left: 0;

}



.new-navi ul li.this,

.new-navi ul li:hover {

  background: #ffb145;

}



.new-navi ul li:nth-of-type(2).this,

.new-navi ul li:nth-of-type(2):hover {

  background: #ce69ea;

}



.new-navi ul li:nth-of-type(3).this,

.new-navi ul li:nth-of-type(3):hover {

  background: #00bef1;

}



.new-navi ul li:nth-of-type(4).this,

.new-navi ul li:nth-of-type(4):hover {

  background: #ff6a96;

}



.new-navi ul li:nth-of-type(5).this,

.new-navi ul li:nth-of-type(5):hover {

  background: #17d64f;

}



.new-navi ul li:nth-of-type(6).this,

.new-navi ul li:nth-of-type(6):hover {

  background: #ff692d;

}



.new-navi ul li:nth-of-type(7).this,

.new-navi ul li:nth-of-type(7):hover {

  background: #ffb145;

}



.new-navi ul li a {

  display: block;

  padding: 10px 15px;

  text-align: center;

}



.new-navi ul li img {

  height: 45px;

  opacity: 1;

  transition: 0.4s;

}



/* ---------------------------------------------------------

  CSS Document new-footer

--------------------------------------------------------- */



#new-footer {

  padding: 30px 20px 20px;

  border-top: solid 3px #793800;

  background: #f7f7f7;

  font-family: "Noto Sans JP", sans-serif;

  font-size: 13.5px;

  line-height: 1.9;

  color: #793800;

}



#new-footer a {

  text-decoration: none;

  border-bottom: dotted 1px #793800;

  color: #793800;

  transition: 0.4s;

}



#new-footer a:hover {

  border-bottom: dotted 1px #c03;

  color: #c03;

}



#new-footer-in {

  max-width: 800px;

  margin: 0 auto;

}



#new-footer-table {

  display: table;

  width: 100%;

  margin-bottom: 10px;

}



.new-footer-td {

  display: table-cell;

  width: 33.3%;

  padding: 0;

  text-align: left;

}



.new-footer-td:not(:first-of-type) {

  padding-left: 5%;

}



.new-footer-td h3 {

  margin: 0 0 10px;

  padding: 0 5px 5px;

  border-bottom: solid 1px #793800;

  font-weight: 500;

  font-size: 14px;

  color: #793800;

}



.new-footer-td ul,

.new-footer-td li {

  margin: 0;

  padding: 0;

  list-style: none;

}



.new-footer-td li {

  padding: 0 5px;

}



#new-footer address {

  margin: 0;

  padding: 0;

  text-align: center;

  font-family: "Noto Sans JP", sans-serif;

  font-style: normal;

  font-size: 13px;

  line-height: 1.9;

  color: #793800;

}



#new-pagetop {

  display: none;

  width: 28px;

  height: 36px;

  overflow: hidden;

  padding: 11px 0;

  border-radius: 4px;

  background: #aaa;

  box-sizing: border-box;

  text-align: center;

  font-size: 0;

  position: fixed;

  right: 10px;

  bottom: 10px;

  cursor: pointer;

  transition: 0.4s;

}



#new-pagetop:hover {

  opacity: 0.6;

}



#new-pagetop img {

  vertical-align: top;

  width: 14px;

}



/* ---------------------------------------------------------

 * /diabetes/00/css/style_pc.css

/*------------------------------------------------------- */



/* =all

-------------------------------------------------------------- */

html {

  background: #fdf8eb;

  background-size: 30px;

}

footer p {

  padding: 0;

}

.nav {

  position: fixed;

  bottom: 0;

  width: 100%;

  max-width: 750px;

  z-index: 99;

}

.nav-g {

  width: 50%;

  background: #bb0000;

  margin: 0%;

  float: left;

  text-align: center;

  font-size: 120%;

  color: black;

  font-weight: bold;

  padding: 1% 0;

  background: rgb(255, 222, 222);

  border-bottom: dotted 1px #ff3333;

  border-top: dotted 1px #ff3333;

}

.nav-c {

}

.nav-t {

  width: 50%;

  background: #bb0000;

  margin: 0%;

  float: left;

  text-align: center;

  font-size: 120%;

  color: black;

  font-weight: bold;

  padding: 1% 0;

  background: rgb(222, 233, 255);

  border-bottom: dotted 1px #3377ff;

  border-top: dotted 1px #3377ff;

}

.cft-txt {

  text-align: right;

  font-size: 83%;

}

.nav span {

  text-align: right;

  float: right;

  font-size: 75%;

  margin: 0 2%;

}

body {

  font-size: 14px;

  color: var(--color-text);

}

#container {

  background: #fff;

}

@media screen and (min-width: 750px) {

  #container {

    width: 800px;

    margin: 10px auto 0;

  }

}

a {

  color: #f7a51e;

  text-decoration: none;

}

a:hover {

  text-decoration: underline;

}

a:hover img,

input[type="submit"]:hover,

input[type="reset"]:hover,

button:hover {

  opacity: 0.7;

  filter: alpha(opacity=70);

  -moz-opacity: 0.7;

}

a,

a img,

input[type="submit"],

input[type="reset"] {

  -webkit-transition: opacity 0.2s;

  -moz-transition: -moz-opacity 0.2s;

  -ms-transition: opacity 0.2s;

  -o-transition: opacity 0.2s;

  transition: opacity 0.2s;

  opacity: 1;

}

/* =content

-------------------------------------------------------------- */

.c-box {

  width: 100%;

  background: #fff;

  margin: auto;

  display: inline-block;

}

.cont {

  padding: 1% 8%;

}

.header-time {

  text-align: right;

  padding: 1%;

}

.header-time span {

  background: black;

  color: white;

  padding: 0 2%;

  margin: 0 1%;

}

p {

  padding: 2%;

  font-size: 120%;

}

.ilst {

  width: 96%;

  padding: 2%;

}

header span {

  background: white;

  margin: 3px;

  padding: 3px 7px 0px;

  font-family: serif;

  font-weight: bold;

  color: black;

  font-size: 176%;

}

header {

  background: #4472c4;

  padding: 2% 2% 1.8%;

  color: white;

  font-weight: bold;

  border-top: solid 10px #4472c4;

  text-align: left;

  line-height: 1.2;

  border-bottom: solid 10px #4472c4;

  display: inline-block;

  width: 96%;

  background-size: 1%;

}

.disc {

  width: 40%;

  float: right;

  padding-top: 11px;

  line-height: 1.4;

  font-size: 170%;

  font-weight: bold;

  letter-spacing: 1px;

}

header h1 img {

  max-width: 400px;

  width: 100%;

}

.tit {

  color: var(--color-sky) !important;

  display: flex;

  align-items: center;

  border-top: 1px dashed;

  border-right: 7px solid;

  border-left: 7px solid;

  border-bottom: 1px dashed;

  border-color: var(--color-sky);

  padding: 0.4em 0.7em 0.3em;

  font-size: 270%;

  margin-top: 0%;

  line-height: 1.1;

  background: linear-gradient(#f4f9fe, #eaf0ff, #ebeffe);

  position: relative;

}

h1 {

  font-size: 220%;

  color: white;

  font-weight: bold;

  text-align: left;

  width: 60%;

  float: left;

}

h2 {

  font-size: 220%;

  color: #3377ff;

  font-weight: bold;

  padding-top: 0.5%;

  border-left: solid 10px;

  padding-left: 7px;

  line-height: 1.2;

  margin-bottom: 5px;

  margin-top: 50px;

}

h2 span {

  word-break: break-word;

  display: inline-block;

}

h3 {

  font-size: 140%;

  font-weight: bold;

  color: #219fce;

  border-bottom: dotted 1px;

  margin: 2% 2% 0;

}

h4 {

  font-size: 100%;

  font-weight: bold;

  display: initial;

  color: #6b6b6b;

  font-weight: 100;

}

.koma4 {

  margin-bottom: 10px;

  padding: 0%;

  background: white;

}

.srn {

  font-weight: bold;

  font-size: 160%;

  color: black;

}

.koma4 img {

  width: 100%;

}

.koma4 h4 span {

  color: white;

  background: #ff9e7d;

  border-radius: 100%;

  width: 20px;

  height: 20px;

  padding: 0px 7px;

  font-size: 140%;

  margin: 1%;

}

.content1-1 p {

  padding: 1% 2%;

  font-size: 120%;

  margin: 10px 0 20px;

}

.manga {

  margin-inline: auto;

  background: rgba(79, 167, 255, 0.31);

  padding: 3% 5%;

  border-radius: 15px;

  max-width: 450px;

}

.manga h3 {

  font-size: 150%;

  font-weight: bold;

  color: #3377ff;

  border: none;

  text-align: center;

  padding-bottom: 6px;

  font-family: sans-serif;

}

.manga h3 span {

  padding: 0 2%;

}

.con1-2img {

  width: 120px;

  height: 120px;

  float: right;

  padding: 1%;

  margin: 1%;

  border: solid #cae1ff 15px;

  border-radius: 100%;

  overflow: hidden;

  margin-top: -56px;

}

.con1-2img img {

  width: 100%;

}

.toptxt {

  font-size: 150%;

  margin: 0% 2% 1%;

  font-weight: bold;

  color: rgb(255, 0, 0);

  text-decoration: underline;

}

.folt {

  font-size: 150%;

  margin: 2% 0;

  text-decoration: underline;

  font-weight: bold;

}

.con1-2box p {

  padding: 0 2%;

}

.content1-1 h2,

.maintit {

  font-size: 260%;

  color: #ff0000;

  font-weight: bold;

  padding-top: 0.5%;

  border-left: solid 10px;

  padding-left: 9px;

  line-height: 1.1;

  margin-bottom: 0px;

  margin-top: 0px;

  margin-left: -10px;

  border-bottom: dotted 2px;

}

.con1-2box {

}

.c12 {

  padding: 15px 0px;

  background: rgba(255, 255, 255, 0.02);

  margin-bottom: 20px;

  border: solid 3px rgb(255, 0, 0);

  width: 100%;

  margin: 15px auto 30px;

  box-sizing: border-box;

}

.c12t {

  font-size: 193%;

  font-weight: bold;

  line-height: 1;

  padding-left: 10px;

}

.c12c {

  display: inline-block;

}

.fott2c {

  width: 90%;

  margin: auto;

}

.con1-2 {

  width: 90%;

  padding: 10px;

  margin: 20px auto;

  background: #ffffff;

  border-radius: 30px;

  box-sizing: border-box;

}

.c12cc {

  text-align: center;

  font-size: 280%;

  font-weight: bold;

  position: absolute;

  left: 0%;

  width: 100%;

  margin-top: 55px;

  color: #ff0000;

}

.c12btm {

  font-size: 166%;

  border-radius: 100%;

  color: #bb0000;

  margin: -12px auto -22px;

  padding: 1%;

  font-weight: bold;

  padding-left: 10px;

}

.c12btm span {

  font-size: 130%;

  font-weight: bold;

}

.con13b h3 span {

  font-size: 90%;

}

.con22b h3 {

  color: #3c5ea0;

  text-align: center;

}

.testimage {

  max-width: 350px;

  height: 200px;

  background: #cccccc;

  margin: auto;

  margin-top: 3%;

}

.con13b h3 {

  text-align: center;

  text-decoration: none;

  border: none;

  margin: 0;

  padding-top: 13px;

  color: #bb0000;

  font-size: 300%;

  font-family: monospace;

}

.con13b {

  padding: 1% 6%;

  margin: 1% 7% 4%;

  background: rgba(187, 0, 0, 0.05);

}

.content1-3 h2 {

  color: #bb0000;

}

.con13b .ilst {

  padding: 2%;

  max-width: 280px;

  width: 100%;

  margin: auto;

  display: inherit;

}

.content1-4 {

  padding-bottom: 39px !important;

}

.content1-4 h2 {

  color: #bb0000;

}

.con1-4cl {

  border: solid 4px rgb(187, 0, 0);

  padding: 2%;

  margin: 3%;

  background: #ffffff;

  border-radius: 15px;

}

.con1-4cl p {

  padding: 0% 2% 1%;

}

.con1-4cl h3 {

  font-size: 150%;

  font-weight: bold;

  color: #565656;

  border-bottom: none;

  margin-top: 12px;

  margin-left: 10px;

}

.con1-4cl h2 {

  padding-left: 0;

  margin-left: 0;

  border: none;

  margin: 0;

  border-bottom: solid;

  padding-left: 7px;

  border-bottom: none;

  text-align: center;

}

.con1-4cl h2 img {

  max-width: 125px;

}

.con1-4img {

  width: 100%;

  display: inline-block;

}

.con1-4img img {

  width: 100%;

  float: left;

}

.con2-1img {

  width: 100%;

  margin: auto;

  max-width: 500px;

}

.con2-1img img {

  width: 100%;

}

.bnn {

  background: #3377ff;

  color: white !important;

  margin: 0;

  padding: 2% 3% 1% 3%;

  border: 0;

  text-align: center;

  font-size: 300%;

}

.imgat {

  max-width: 300px;

  width: 100%;

  margin: auto;

}

.intxt {

  text-align: center;

  font-size: 120%;

  text-decoration: none;

  display: table;

  margin: auto;

  padding: 0% 5% 0%;

}

.bnimg {

  max-width: 55px;

  position: absolute;

  margin-left: 5px;

  transform: rotateZ(9deg);

  margin-top: -6px;

}

.tes img {

  width: 100%;

}

.con2-2 {

  border-bottom: solid 3px #3c5ea0;

  border-top: solid 3px #3c5ea0;

}

.con22b {

  padding: 1% 3% 5%;

  background: white;

  margin: 3% 0;

  border: solid 7px #8fb3a4;

}

.con22b .con2-1img {

  width: 90%;

  max-width: -webkit-fill-available;

}

.con22b h2 {

  margin-top: 17px;

  font-size: 200%;

  color: #3c5ea0;

}

.tes {

  margin-top: 1%;

  border-top: dotted 1px #3377ff;

  padding-top: 3%;

}

.tes img {

  box-shadow: 1px 1px 6px #c1c1c1;

}

.phimg {

  float: right;

  width: 46%;

  margin: 0 1%;

  padding: 0 1%;

}

.content2-1 h2 {

  margin-top: 0;

  font-size: 133%;

  padding: 0 0%;

  border: none;

  padding-left: 2%;

}

.con22b span {

  font-weight: bold;

}

.con23 {

  font-size: 140%;

  border-bottom: solid 1px;

  font-weight: 600;

  margin: 0 2% 10px 2%;

  padding: 0 1%;

  color: white;

  line-height: 1.7;

}

.con23 span {

  padding: 0 1%;

  color: white;

}

.content2-1 h3,

.content2-1 .folt {

  text-align: center;

}

footer {

  background: #3377ff;

  color: white;

  text-align: center;

  padding: 0 0 55px;

}

.anser {

  background: url(../images/bdb.png), url(../images/bdt.png);

  background-size: 100%;

  background-repeat: no-repeat, repeat;

  padding: 4% 4% 5%;

  background-position: bottom, center;

}

.anser p {

  color: white;

}

.anser h3 {

  font-size: 140%;

  font-weight: bold;

  color: #f9ff00;

  border-bottom: dotted 1px;

}

.content1-4 .anser span {

  color: #f9ff00;

  padding: 0 1%;

}

.fotimg {

  width: 94%;

  margin: auto;

  display: inline-block;

  background: white;

  padding: 3%;

}

.fotl {

  float: left;

  width: 40%;

  font-size: 120%;

  font-weight: bold;

}

.fotc {

  float: left;

  width: 13%;

}

.fotimg img {

  width: 100%;

}

.folt2 {

  font-size: 190%;

  text-decoration: none;

  color: #3377ff;

  /* background: #f1fbff; */

  margin: 0;

  text-align: left;

  font-weight: bold;

  border-radius: 50px;

  margin-left: 15%;

  line-height: 1.2;

}

.fott2-l {

  width: 13%;

  float: left;

}

.fott2-l img {

  width: 100%;

}

.lcvoice {

  padding: 3% 6%;

  margin-bottom: 30px;

  border-radius: 15px;

  border: solid 5px rgb(0, 170, 238);

  border-style: dotted;

  background-repeat: no-repeat;

  background-size: 13%;

  background-position: 10px 20px;

  margin-top: 30px;

}

.lcvoice h3 {

  font-size: 220%;

  margin: 0;

  line-height: 1;

  border: none;

  color: #3377ff;

  font-family: monospace;

  border-bottom: solid 2px;

  padding-bottom: 6px;

}

#cont-t {

  font-size: 213%;

}

.ftcp img {

  max-width: 70px;

  float: left;

}

.ftcp p {

  font-weight: bold;

  color: red;

  line-height: 1.2;

}

.ftcp {

  display: inline-block;

  padding: 1% 0;

}

/*------------------------------- 750px ------------------------------*/

@media screen and (max-width: 750px) {

  /*br{

	display: none;

}*/

  body {

    max-width: 750px;

    font-size: 14px;

    color: var(--color-text);

    margin: auto;

    box-shadow: 0px 0px 30px #b7b7b7;

    margin-top: 0px;

  }

  h1 {

    font-size: 220%;

    color: white;

    font-weight: bold;

    text-align: left;

    width: 100%;

    float: none;

  }

  .disc {

    width: 100%;

    float: none;

    padding-top: 10px;

    margin-left: 4px;

  }

  .cont {

    padding: 1% 5%;

  }

  .toptxt {

    font-size: 120%;

    margin: 2% 2% 0%;

    font-weight: bold;

    line-height: 1.4;

    color: #ff0000;

    text-decoration: underline;

  }

  .content1-1 h2,

  .maintit {

    font-size: 190%;

    color: #ff6633;

    font-weight: bold;

    padding-top: 0.5%;

    border-left: solid 10px;

    padding-left: 9px;

    line-height: 1.1;

    margin-bottom: 7px;

    margin-top: 0px;

    margin-left: -10px;

    border-bottom: dotted 2px;

  }

  .con1-2img {

    width: 120px;

    height: 120px;

    float: right;

    /* padding: 1%; */

    margin: 1%;

    border: solid #cae1ff 4px;

    border-radius: 100%;

    margin-top: 0%;

  }

  .folt2 {

    font-size: 115%;

    text-decoration: none;

    color: #3377ff;

    /* background: #f1fbff; */

    margin: 0;

    text-align: left;

    font-weight: bold;

    border-radius: 50px;

    margin-left: 15%;

    line-height: 1.2;

  }

  .fott2c {

    width: 90%;

    margin: auto;

  }

  .lcvoice h3 {

    font-size: 160%;

    margin: 0;

    line-height: 1;

    border: none;

    color: #3377ff;

    font-family: monospace;

    border-bottom: solid 2px;

    padding-bottom: 6px;

  }

  .con13b h3 {

    text-align: center;

    text-decoration: none;

    border: none;

    margin: 0;

    padding-top: 5px;

    color: #bb0000;

    font-size: 150%;

    font-family: sans-serif;

  }

  .con13b .ilst {

    padding: 2%;

    max-width: 280px;

    width: 100%;

    margin: auto;

    display: inherit;

    margin-top: -4%;

  }

  .con1-4cl h2 {

    padding-left: 0;

    margin-left: 0;

    border: none;

    margin: 0;

    border-bottom: solid 2px;

    padding-left: 7px;

    font-size: 170%;

  }

  h2 {

    font-size: 190%;

    font-weight: bold;

    padding-top: 0.5%;

    border-left: solid 10px;

    padding-left: 7px;

    line-height: 1.2;

    margin-bottom: 5px;

    margin-top: 50px;

  }

  p {

    padding: 2%;

    font-size: 100%;

  }

  .con22b h2 {

    margin-top: 17px;

    font-size: 125%;

  }

  .con22b h3 {

    color: #3c5ea0;

    text-align: center;

    font-size: 115%;

  }

  .con23 span {

    /* padding: 0 2%; */

    color: white;

    float: left;

    padding-bottom: 10px;

    display: block;

    margin: 0 2% 0 0;

  }

  .con23 {

    font-size: 115%;

    border-bottom: solid 1px;

    font-weight: 600;

    margin: 0 2% 10px 2%;

    padding: 0% 1% 2%;

    color: white;

    line-height: 1.4;

  }

  .tit {

    border-bottom: dotted 2px;

    font-size: 220%;

    font-weight: bold;

    margin-top: 1%;

    line-height: 1.1;

    background: linear-gradient(#f4f9fe, #ffffff);

  }

  .manga h3 {

    font-size: 180%;

    font-weight: bold;

    color: #3377ff;

    border: none;

    text-align: center;

    padding-bottom: 6px;

    font-family: sans-serif;

  }

  .con1-2box {

  }

  .con1-4cl h3 {

    font-size: 140%;

    font-weight: bold;

    color: #565656;

    border-bottom: none;

    margin-top: 12px;

    margin-left: 10px;

    margin-bottom: 1%;

  }

  .con22b h2 br {

    display: inherit;

  }

  .ftcp p {

    font-weight: bold;

    color: red;

    line-height: 1.2;

  }

  .pc {

    display: none;

  }

  .sp {

    display: block;

  }

}

.table_A {

  border: 1px solid #ccc;

  border-collapse: collapse;

  width: 100%;

  margin: 10px auto 20px;

  box-sizing: border-box;

}

.table_A th {

  background-color: #999;

  color: #fff;

  width: 50%;

  padding: 0.5em;

  border-bottom: 1px solid #fff;

}

.table_A td {

  padding: 0.5em;

  border-bottom: 1px solid #ccc;

}



.box-A {

  margin: 1% 7% 4%;

  background: rgba(255, 255, 255, 0.2);

  border: 3px solid #dddddd;

}

@media screen and (min-width: 751px) {

  .fotl br,

  .ftcp br {

    display: none;

  }

  .ftcp {

    display: inline-block;

    padding: 1% 0;

    margin: 0 13%;

  }

  .pc {

    display: block;

  }

  .sp {

    display: none;

  }

}



/* 出典 */

.quote {

  font-size: 14px;

  color: #666666;

  margin-left: -15px;

}

.quote_under {

  margin-top: 20px;

  margin-bottom: 30px;

}



/* 記事一覧 */

.symptoms-child-footer {

  width: 100%;

}

@media only screen and (min-width: 750px) {

  .symptoms-child-footer {

    width: 800px;

    margin: 60px auto 50px;

    background: #fff;

  }

}

.symptoms-child-footer p {

  background: #4372c4;

  color: #fff;

  font-weight: bold;

  font-size: 25px;

  text-align: left;

  line-height: 2.5;

  padding-left: 0.8em;

}

.symptoms-child-footer ol li a {

  color: #000;

  font-weight: bold;

}

.symptoms-child-footer ol li a:hover {

  color: #4372c4;

}



.symptoms-child-footer ol li {

  text-align: left;

  line-height: 2;

  font-size: 20px;

  font-weight: bold;

  padding-left: 20px;

}

.symptoms-child-footer ol li:before {

  content: "";

  display: inline-block;

  border-style: solid;

  border-width: 8px 0 8px 8px;

  border-color: transparent transparent transparent #014691;

  margin-right: 10px;

  border-radius: 5px;

}

.symptoms-child-footer ol li:nth-child(2n + 1) {

  background: #fff;

}

.symptoms-child-footer ol li:nth-child(2n) {

  background: #f7f7f7;

}



@media only screen and (max-width: 749px) {

  .symptoms-child-footer ol li a {

    font-weight: normal;

  }

  .symptoms-child-footer p,

  .symptoms-child-footer ol li {

    font-size: 6vw;

    font-weight: normal;

  }

  .symptoms-child-footer:after,

  .symptoms-child-footer:before {

    content: "";

    display: block;

    height: 135px;

    background: #fff9ed;

  }

}



@media only screen and (max-width: 799px) {

  .new-navi-symptoms {

    max-width: 100vw;

    overflow: auto;

    -webkit-overflow-scrolling: auto;

    font-size: 0;

  }



  .new-navi-symptoms::-webkit-scrollbar {

    height: 2px;

  }



  .new-navi-symptoms::-webkit-scrollbar-track {

    background: #ccc;

    border-radius: 5px;

  }



  .new-navi-symptoms::-webkit-scrollbar-thumb {

    background: #d49fc2;

    border-radius: 5px;

  }

}



.new-navi-symptoms {

  width: 100%;

  position: relative;

  z-index: 9999;

}

.new-navi-symptoms ul {

  display: table;

  width: 800px;

  margin: 0;

  padding: 0;

  border-collapse: collapse;

  background: #fff;

}



.new-navi-symptoms ul li {

  display: table-cell;

  vertical-align: top;

  margin: 0;

  padding: 0;

  border-left: 1px solid #eee;

  list-style: none;

  transition: 0.4s;

}



.new-navi-symptoms ul li:first-of-type {

  border-left: 0;

}



.new-navi-symptoms ul li.this,

.new-navi-symptoms ul li:hover {

  background: #ffb145;

}



.new-navi-symptoms ul li:nth-of-type(2).this,

.new-navi-symptoms ul li:nth-of-type(2):hover {

  background: #ce69ea;

}



.new-navi-symptoms ul li:nth-of-type(3).this,

.new-navi-symptoms ul li:nth-of-type(3):hover {

  background: #00bef1;

}



.new-navi-symptoms ul li:nth-of-type(4).this,

.new-navi-symptoms ul li:nth-of-type(4):hover {

  background: #ff6a96;

}



.new-navi-symptoms ul li:nth-of-type(5).this,

.new-navi-symptoms ul li:nth-of-type(5):hover {

  background: #17d64f;

}



.new-navi-symptoms ul li:nth-of-type(6).this,

.new-navi-symptoms ul li:nth-of-type(6):hover {

  background: #ff692d;

}



.new-navi-symptoms ul li a {

  display: block;

  padding: 10px 15px;

  text-align: center;

}



.new-navi-symptoms ul li img {

  height: 45px;

  opacity: 1;

  transition: 0.4s;

}



#new-wrapper-symptoms {

  width: 100%;

  overflow: hidden;

}

@media only screen and (max-width: 799px) {

  #new-wrapper-symptoms {

    height: 75px;

  }

}



@media only screen and (min-width: 800px) {

  #new-wrapper-symptoms {

    height: 75px;

    overflow: hidden;

    background: #fdf8eb;

  }

}



#new-wrapper-symptoms-bottom {

  width: 100%;

  overflow: hidden;

}



@media only screen and (max-width: 799px) {

  #new-wrapper-symptoms-bottom {

    height: 60px;

  }

}

@media only screen and (min-width: 800px) {

  #new-wrapper-symptoms-bottom {

    height: 60px;

    overflow: hidden;

    background: #fdf8eb;

  }

}

#new-header-symptoms-bottom {

  height: 60px;

  padding: 0 20px;

  background: #fff;

  font-family: "Noto Sans JP", sans-serif;

  font-size: 0;

  line-height: 60px;

}



#new-header-symptoms-bottom a {

  transition: 0.4s;

}



#new-header-symptoms-bottom a:hover {

  opacity: 0.6;

}



#new-header-symptoms-bottom figure {

  display: inline-block;

  vertical-align: middle;

  width: 200px;

  margin: 0 30px 0 0;

  padding: 0;

}



#new-header-symptoms-bottom figure img {

  width: 100%;

}



@media only screen and (max-width: 640px) {

  #new-header-symptoms-bottom figure {

    width: 160px;

    margin: 0 0 5px 0;

  }

}



/* ---------------------------------------------------------

 * diabeticの調整

/*------------------------------------------------------- */

.diabetic h2 {

  color: var(--color-text);

}

@media screen and (min-width: 750px) {

  .diabetic {

    font-size: 18px;

  }

  .diabetic p {

    font-size: 18px;

  }

}



/* ---------------------------------------------------------

 * /diabetic/00/css/common.css

/*------------------------------------------------------- */

/* ---------------------------------------------------------

Document Common（SP）

--------------------------------------------------------- */



html,

body {

  margin: 0;

  padding: 0;

  background: #fff;

  -webkit-text-size-adjust: none;

  -ms-text-size-adjust: none;

  font-family: "Noto Sans JP", sans-serif;

  font-size: 14px;

  line-height: 1.5;

  color: var(--color-text);

}

h1,

h2,

h3,

h4,

h5,

h6,

div,

p,

ul,

ol,

li,

dl,

dt,

dd,

a,

span,

img,

figure,

figcaption,

table {

  outline: none;

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  border-collapse: collapse;

  font-weight: normal;

  list-style: none;

}

.red {

  color: #e73323;

}

.inline {

  display: inline-block;

  vertical-align: top;

}

.clearfix:after {

  content: "";

  display: block;

  clear: both;

  height: 1px;

  overflow: hidden;

}

address,

em {

  font-style: normal;

}

img {

  max-width: 100%;

  height: auto;

  border: 0;

  vertical-align: top;

  text-align: center;

}

a {

  text-decoration: none;

}

#wrapper {

  width: 100%;

  overflow: hidden;

}

.container {

  margin: 0 20px 60px;

  text-align: left;

}

.clearfix::after {

  content: " ";

  display: block;

  clear: both;

}

/*————————————————-

Document Common(PC)

————————————————-*/

@media screen and (min-width: 750px) {

  html,

  body {

    min-width: 800px;

    background: #fdf8eb;

    -webkit-text-size-adjust: none;

    -ms-text-size-adjust: none;

    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",

      "Hiragino Kaku Gothic Pro", "Noto Sans JP", "ＭＳ Ｐゴシック",

      "MS PGothic", "Osaka", sans-serif;

  }

  .f_left {

    float: left;

  }

  .f_right {

    float: right;

  }

  .flex {

    display: flex;

  }

  a {

    transition: 0.4s;

  }

}

/* ---------------------------------------------------------

	Document layout(PCのみ)

--------------------------------------------------------- */

@media screen and (min-width: 750px) {

  #wrapper {

    overflow: hidden;

  }

  #container {

    width: 800px;

    margin: 10px auto 50px;

    background: #fff;

    padding-bottom: 10px;

  }

  .container {

    margin: 0 60px 60px;

    text-align: left;

  }

}

/* ---------------------------------------------------------

	CSS Document header(SP)

--------------------------------------------------------- */

#header {

  padding: 10px 20px;

  text-align: left;

  font-size: 0;

  line-height: 1;

}

#header figure {

  display: inline-block;

  vertical-align: middle;

  max-width: 200px;

  width: 30%;

  margin-right: 5%;

}

#header img {

  vertical-align: middle;

}

#header p {

  display: inline-block;

  vertical-align: middle;

  font-size: 15px;

  color: #777;

}

@media only screen and (max-width: 640px) {

  #header p {

    font-size: 2vw;

  }

}

/*————————————————-

Document header(PC)

————————————————-*/

@media screen and (min-width: 750px) {

  #header {

    min-width: 800px;

    width: 100%;

    height: 60px;

    background: #fff;

    position: absolute;

    top: 0;

    left: 0;

  }

  #header .section {

    width: 800px;

    height: 59px;

    margin: 0 auto;

    text-align: left;

    font-size: 0;

    line-height: 58px;

  }

  #header figure {

    vertical-align: top;

    margin-right: 30px;

  }

  #header img {

    width: 200px;

  }

  #header p {

    vertical-align: top;

  }

}



/* ---------------------------------------------------------

Document matome(SP)

--------------------------------------------------------- */

.matome {

  margin-top: 70px;

  padding: 1px 30px 30px;

  border-radius: 10px;

  background: #105d00;

  font-size: 20px;

  color: #fff;

  margin-bottom: 50px;

}

.matome h3 {

  margin: -30px 0 15px;

  text-align: center;

}

.matome h3 span {

  display: inline-block;

  vertical-align: top;

  width: 60px;

  height: 60px;

  border-radius: 100%;

  box-shadow: 0 0 0 3px #105d00 inset;

  background: #fff;

  font-weight: 500;

  font-size: 40px;

  line-height: 56px;

  color: #0f0f0f;

}

.matome li {

  margin-top: 1em;

  margin-left: 1em;

  text-decoration: underline;

  list-style: disc;

}

.matome p.ttl {

}

.matome p.ol-ttl {

  text-decoration: underline;

  color: #f2e826;

  font-size: 22px;

}

.matome ol {

  margin-bottom: 10px;

  font-size: 19px;

}

.matome li {

  margin-top: 0;

  margin-left: 0;

  text-decoration: none;

  list-style: none;

  padding-left: 1em;

  text-indent: -1em;

}

/*————————————————-

Document matome(PC)

————————————————-*/

@media screen and (min-width: 750px) {

  .matome {

    padding: 1px 30px 5px;

  }

  .matome p.ol-ttl {

    font-size: 24px;

  }

  .matome ol {

    margin-bottom: 20px;

  }

}



/* ---------------------------------------------------------

	CSS Document footer > pagetop(SP)

--------------------------------------------------------- */

#pagetop {

  display: none;

  width: 46px;

  height: 46px;

  overflow: hidden;

  -webkit-border-radius: 46px;

  border-radius: 46px;

  background: rgba(255, 106, 139, 0.9);

  font-size: 0;

  position: fixed;

  bottom: 15px;

  right: 15px;

  z-index: 9;

  cursor: pointer;

}



#pagetop span {

  width: 14px;

  height: 14px;

  border-top: solid 3px #fff;

  border-left: solid 3px #fff;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  position: absolute;

  top: 18px;

  left: 16px;

}

/*————————————————————————————-

Document footer > pagetop(PC)

————————————————————————————-*/

@media screen and (min-width: 750px) {

  #pagetop {

    width: 70px;

    height: 70px;

    -webkit-border-radius: 70px;

    border-radius: 70px;

    color: #fff;

    bottom: 40px;

    right: 40px;

  }

  #pagetop:before {

    content: "";

    width: 20px;

    height: 20px;

    border-top: solid 3px #fff;

    border-left: solid 3px #fff;

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    position: absolute;

    top: 22px;

    left: 23px;

  }

  #pagetop:after {

    content: "";

    width: 20px;

    height: 20px;

    border-top: solid 3px #fff;

    border-left: solid 3px #fff;

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    position: absolute;

    top: 37px;

    left: 23px;

  }

  #pagetop:hover {

    opacity: 0.7;

    filter: Alpha(opacity=70);

  }

}



/* ---------------------------------------------------------

 * /diabetic/00/style.css

/*------------------------------------------------------- */

@charset "UTF-8";



/* ---------------------------------------------------------

  INDEX

      Document visual----ページタイトル部分のCSS。

      Document heading---h2見出し部分のCSS

      汎用スタイル---colorやmarginなどカスタム用のスタイル

                      プロパティ毎に[共通/ＰＣ/スマホ]を随時追加。

--------------------------------------------------------- */

*,

*::after,

*::before {

  box-sizing: border-box;

}



/* ---------------------------------------------------------

	Document visual(SP)

--------------------------------------------------------- */

#visual {

  padding: 2% 2% 1.8%;

  background: #4472c4;

  font-size: 0;

  text-align: left;

  line-height: 1.2;

  /* border-bottom: solid 10px #4472c4; */

  margin-bottom: 20px;

}



#visual .article {

  width: 100%;

  padding: 3% 0;

}



#visual h1 {

  width: 100%;

  text-align: center;

  padding: 0 10% 0 0;

  margin: 10px 0;

  border-bottom: 2px solid #fff;

}



#visual h1 img {

  width: 100%;

  margin-bottom: 10px;

}

.txtLogo {

  display: flex;

  flex-wrap: wrap;

  align-items: flex-end;

}

.txtLogo .txtBig {

  display: inline-block;

  font-size: 85px;

  color: #d51f1e;

  background-color: #fff;

  border-radius: 5px 5px 0 0;

  padding: 0 3px;

  font-weight: bold;

  margin-right: 5px;

}

.txtLogo .txtSmall {

  color: #fff;

  font-size: 38px;

  display: inline-block;

  font-weight: bold;

  margin-left: 5px;

}

@media screen and (max-width: 560px) {

  #visual h1 {

    border-bottom-width: 1px;

    padding: 0;

    margin: 10px 10% 10px 0;

    width: auto;

  }

  .txtLogo .txtBig {

    font-size: 48px;

    margin-right: 3px;

    border-radius: 3px 3px 0 0;

  }

  .txtLogo .txtSmall {

    font-size: 23px;

    margin-left: 2px;

    position: relative;

    bottom: -3px;

  }

}

#visual p {

  vertical-align: middle;

  text-align: left;

  font-weight: bold;

  font-size: 21px;

  line-height: 1.4;

  color: #fff;

  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",

    "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka",

    sans-serif;

  margin-left: 4px;

}



/*————————————————-

Document visual(PC)

————————————————-*/

@media screen and (min-width: 750px) {

  #visual {

    padding: 0 30px 0 24px;

  }



  #visual .article {

    width: 100%;

    padding: 5px 0;

  }



  #visual h1 {

    width: 70%;

    padding: 20px 0 0;

  }



  #visual p {

    font-weight: bold;

    text-align: left;

    font-size: 26px;

    line-height: 1.3;

    color: #fff;

    padding-bottom: 5px;

  }

}



.fv_catch {

  font-size: 170%;

}



.fv_catch span {

  font-weight: bold;

}



@media screen and (min-width: 750px) {

  .fv_catch {

    font-size: 220%;

  }

}



/* ---------------------------------------------------------

	Document heading(SP)

--------------------------------------------------------- */

h2 {

  margin-top: 50px;

  margin-bottom: 15px;

  padding-left: 7px;

  font-weight: 500;

  position: relative;

  font-weight: bold;

}



h2:before {

  content: "";

  width: 9px;

  height: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

}



h2 span {

  font-weight: 500;

}



.h2-leftColor-Pink:before {

  background: #e80c7c;

}



.h2-leftColor-Blue:before {

  background: #51b5cf;

}



.h2-leftColor-Green:before {

  background: #369e49;

}



.h2-leftColor-Orange:before {

  background: #fa8d6b;

}



h3 {

  margin-bottom: 0.5em;

  padding-block: 5px;

  font-weight: bold;

  position: relative;

}



h3:before {

  content: "";

  width: 5px;

  height: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

}



.h3-leftColor-Pink:before {

  background: #e80c7c;

}



.h3-leftColor-Blue:before {

  background: #51b5cf;

}



.h3-leftColor-Green:before {

  background: #5ab8b5;

}



.h3-leftColor-Orange:before {

  background: #fa8d6b;

}



/*———————————————————-

Document heading(PC)

———————————————————-*/

@media screen and (min-width: 750px) {

  h2 {

    min-height: 60px;

    padding-block: 10px;

    line-height: 1.4;

    font-size: 28px;

  }



  h3 {

    padding: 5px 0 5px 20px;

    font-size: 24px;

  }

}



/* ---------------------------------------------------------

	汎用スタイル

--------------------------------------------------------- */

/*———————————————-

line-height

———————————————-*/

.lh-90per {

  line-height: 90% !important;

}



.lh-100per {

  line-height: 100% !important;

}



.lh-110per {

  line-height: 110% !important;

}



.lh-120per {

  line-height: 120% !important;

}



.lh-130per {

  line-height: 130% !important;

}



.lh-140per {

  line-height: 140% !important;

}



.lh-150per {

  line-height: 150% !important;

}



.lh-160per {

  line-height: 160% !important;

}



.lh-170per {

  line-height: 170% !important;

}



.lh-180per {

  line-height: 180% !important;

}



/*———————————————-

margin　共通

———————————————-*/

.mb0 {

  margin-bottom: 0 !important;

}



.mb5 {

  margin-bottom: 5px !important;

}



.mb10 {

  margin-bottom: 10px !important;

}



.mb20 {

  margin-bottom: 20px !important;

}



.mb30 {

  margin-bottom: 30px !important;

}



.mb40 {

  margin-bottom: 40px !important;

}



.mb50 {

  margin-bottom: 50px !important;

}



.mb60 {

  margin-bottom: 60px !important;

}



.mb70 {

  margin-bottom: 70px !important;

}



.mb80 {

  margin-bottom: 80px !important;

}



.mb80 {

  margin-bottom: 90px !important;

}



.mb100 {

  margin-bottom: 100px !important;

}



.mb05em {

  margin-bottom: 0.5em !important;

}



.mb1em {

  margin-bottom: 1em !important;

}



.mb2em {

  margin-bottom: 2em !important;

}



.mb3em {

  margin-bottom: 3em !important;

}



.mt0 {

  margin-top: 0 !important;

}



.mt10 {

  margin-top: 10px !important;

}



.mt20 {

  margin-top: 20px !important;

}



.mt30 {

  margin-top: 30px !important;

}



.mt40 {

  margin-top: 40px !important;

}



.mt50 {

  margin-top: 50px !important;

}



.mt1em {

  margin-top: 1em;

}



.mt2em {

  margin-top: 2em;

}



.m0auto {

  margin: 0 auto;

}



/*———————————————-

margin　PC

———————————————-*/

@media screen and (min-width: 750px) {

  .mb0Pc {

    margin-bottom: 0 !important;

  }



  .mb5Pc {

    margin-bottom: 5px !important;

  }



  .mb10Pc {

    margin-bottom: 10px !important;

  }



  .mb20Pc {

    margin-bottom: 20px !important;

  }



  .mb30Pc {

    margin-bottom: 30px !important;

  }



  .mb40Pc {

    margin-bottom: 40px !important;

  }



  .mb50Pc {

    margin-bottom: 50px !important;

  }



  .mt0Pc {

    margin-top: 0 !important;

  }



  .mt10Pc {

    margin-top: 10px !important;

  }



  .mt20Pc {

    margin-top: 20px !important;

  }



  .mt30Pc {

    margin-top: 30px !important;

  }



  .mt40Pc {

    margin-top: 40px !important;

  }



  .mt50Pc {

    margin-top: 50px !important;

  }

}



/*———————————————-

margin　Mo

———————————————-*/

@media screen and (max-width: 749px) {

  .mb0Mo {

    margin-bottom: 0 !important;

  }



  .mb5Mo {

    margin-bottom: 5px !important;

  }



  .mb10Mo {

    margin-bottom: 10px !important;

  }



  .mb20Mo {

    margin-bottom: 20px !important;

  }



  .mb30Mo {

    margin-bottom: 30px !important;

  }



  .mb40Mo {

    margin-bottom: 40px !important;

  }



  .mb50Mo {

    margin-bottom: 50px !important;

  }



  .mt0Mo {

    margin-top: 0 !important;

  }



  .mt10Mo {

    margin-top: 10px !important;

  }



  .mt20Mo {

    margin-top: 20px !important;

  }



  .mt30Mo {

    margin-top: 30px !important;

  }



  .mt40Mo {

    margin-top: 40px !important;

  }



  .mt50Mo {

    margin-top: 50px !important;

  }



  .mr5Mo {

    margin-right: 5px !important;

  }



  .mlr-negativeAutoMo {

    margin: 0 calc(50% - 50vw);

  }

}



/*———————————————-

padding

———————————————-*/

.pb0 {

  padding-bottom: 0;

}



.pb5 {

  padding-bottom: 5px;

}



.pb10 {

  padding-bottom: 10px;

}



.pb20 {

  padding-bottom: 20px;

}



.pb30 {

  padding-bottom: 30px;

}



.pb40 {

  padding-bottom: 40px;

}



.pb50 {

  padding-bottom: 50px;

}



.pb05em {

  padding-bottom: 0.5em;

}



.pb2em {

  padding-bottom: 0.5em;

}



.p8px {

  padding: 8px;

}



.p1em-05em {

  padding: 1em 0.5em;

}



.p05em-0 {

  padding: 0.5em 0;

}



.p1em-0 {

  padding: 1em 0;

}



.p0-05em {

  padding: 0 0.5em;

}



.p0-1em {

  padding: 0 1em;

}



.p0-2em {

  padding: 0 2em;

}



.pl05em {

  padding-left: 0.5em;

}



/*———————————————-

font

———————————————-*/

.fwb {

  font-weight: bold;

}



.fc-red {

  color: #e9380e;

}



.fc-blue {

  color: #2f6eba;

}



.fc-white {

  color: #ffffff;

}



.fc-gr01 {

  color: #369e49;

}



.fc-or01 {

  color: #f08300;

}



.fc-pur01 {

  color: #8f539d;

}



.fs-60per {

  font-size: 60% !important;

}



.fs-70per {

  font-size: 70% !important;

}



.fs-80per {

  font-size: 80% !important;

}



.fs-90per {

  font-size: 90% !important;

}



.fs-110per {

  font-size: 110% !important;

}



.fs-120per {

  font-size: 120% !important;

}



.fs-130per {

  font-size: 130% !important;

}



.fs-140per {

  font-size: 140% !important;

}



.fs-150per {

  font-size: 150% !important;

}



.fs-160per {

  font-size: 160% !important;

}



.fs-170per {

  font-size: 170% !important;

}



.fs-180per {

  font-size: 180% !important;

}



.fs-190per {

  font-size: 190% !important;

}



.fs-200per {

  font-size: 200% !important;

}



/*———————————————-

font Mo

———————————————-*/



@media screen and (max-width: 749px) {

  .fs-70perMo {

    font-size: 70% !important;

  }



  .fs-80perMo {

    font-size: 80% !important;

  }



  .fs-90perMo {

    font-size: 90% !important;

  }



  .fs-100perMo {

    font-size: 100% !important;

  }



  .fs-110perMo {

    font-size: 110% !important;

  }



  .fs-120perMo {

    font-size: 120% !important;

  }



  .fs-130perMo {

    font-size: 130% !important;

  }



  .fs-140perMo {

    font-size: 140% !important;

  }



  .fs-150perMo {

    font-size: 150% !important;

  }



  .fs-160perMo {

    font-size: 160% !important;

  }



  .fs-170perMo {

    font-size: 170% !important;

  }



  .fs-180perMo {

    font-size: 180% !important;

  }



  .fs-190perMo {

    font-size: 190% !important;

  }



  .fs-200perMo {

    font-size: 200% !important;

  }

}



/*———————————————-

border

———————————————-*/

.bs1px-999999 {

  border: solid 1px #999999;

}



.bs2px-dddddd {

  border: solid 2px #dddddd;

}



.bs2px-f5f5c8 {

  border: solid 2px #f5f5c8;

}



.bs2px-ea3131 {

  border: solid 2px #ea3131;

}



.bs2px-ea722b {

  border: solid 2px #ea722b;

}



.bs3px-000000 {

  border: solid 3px #000000;

}



.bs3px-dddddd {

  border: solid 3px #dddddd;

}



.bd2px-0168b7 {

  border-bottom: dotted 2px #0168b7;

}



.bd3px-0168b7 {

  border-bottom: dotted 3px #0168b7;

}



.bbs1px-ffffff {

  border-bottom: solid 1px #ffffff;

}



.bbs1px-0000bb {

  border-bottom: solid 1px #0000bb;

}



.bbs2px-01a5ae {

  border-bottom: solid 2px #01a5ae;

}



.bbs3px-004da0 {

  border-bottom: solid 3px #004da0;

}



.bbd4px-777777 {

  border-bottom: double 4px #777777;

}



/*———————————————-

text-align

———————————————-*/

.ta-r {

  text-align: right;

}



.ta-l {

  text-align: left;

}



.ta-c {

  text-align: center;

}



/*———————————————-

text-align　PC

———————————————-*/

@media screen and (min-width: 750px) {

  .ta-rPc {

    text-align: right;

  }



  .ta-lPc {

    text-align: left;

  }



  .ta-cPc {

    text-align: center;

  }

}



/*———————————————-

text-align　Mo

———————————————-*/

@media screen and (max-width: 749px) {

  .ta-rMo {

    text-align: right;

  }



  .ta-lMo {

    text-align: left;

  }



  .ta-cMo {

    text-align: center;

  }

}



/*———————————————-

display

———————————————-*/

.disp-b {

  display: block;

}



.disp-ilb {

  display: inline-block;

}



.disp-flex {

  display: flex;

}



/*———————————————-

スマホのみ表示

———————————————-*/

@media screen and (min-width: 750px) {

  .sp {

    display: none;

  }

}



/*———————————————-

PCのみ表示

———————————————-*/

@media screen and (max-width: 749px) {

  .pc {

    display: none;

  }

}



/*———————————————-

Shadow

———————————————-*/

.fil-ds {

  filter: drop-shadow(2px 6px 6px rgba(0, 0, 0, 0.4));

}



/*———————————————

box-Shadow

———————————————*/

.b-shadow {

  box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.3);

}



/*———————————————

text-shadow

———————————————*/

.t-shadow {

  text-shadow: 1px 0px #dddddd;

}



/*———————————————-

二重打ち消し線

———————————————-*/

.entryday {

  display: inline-block;

  position: relative;

}



.entryday:before {

  content: ”;

  width: 100%;

  height: 1px;

  border-top: solid 2px #f44336;

  position: absolute;

  left: 0;

  top: calc(50% – 4px);

}



.entryday:after {

  content: ”;

  width: 100%;

  height: 1px;

  border-bottom: solid 2px #f44336;

  position: absolute;

  left: 0;

  bottom: calc(50% – 4px);

}



/*———————————————-

listの角合わせ

『・』『※』等

———————————————-*/

.corner-match {

  padding-left: 1.1em;

  text-indent: -1.1em;

}



.corner-match img {

  width: 1em;

  vertical-align: text-top;

}



/*———————————————-

background

———————————————-*/

.bg-colorR {

  background-color: #ea3131;

}



.bg-colorO {

  background-color: #ffb800;

}



.bg-colorY {

  background-color: #fdfbe5;

}



.bg-colorG {

  background-color: #369e49;

}



.bg-colorY--radius6px {

  background-color: #faf3a8;

  border-radius: 6px;

  padding: 0.5em;

}



.bg-colorR--linear {

  background: linear-gradient(transparent 87%, rgb(220, 0, 0) 60%);

}



.bg-colorB--linear {

  background: linear-gradient(transparent 90%, rgb(0, 53, 199) 60%);

}



/*　囲み枠 */

.kakomi-waku01 {

  padding: 0.5em 0.5em;

  width: 100%;

  border: 4px solid #369e49;

  border-radius: 50px;

}



.kakomi-waku02 {

  padding: 0.5em 0.5em;

  width: 100%;

  border: 4px solid rgba(188, 219, 227, 0.3);

  border: 4px solid rgba(143, 83, 157, 0.3);

  border-radius: 50px;

}



.kakomi-waku03 {

  padding: 1em 3em;

  width: 100%;

  background-color: rgb(220, 245, 253, 0.3);

}



.kakomi-waku04 {

  padding: 1em 3em;

  width: 100%;

  margin: 0 auto;

  background-color: #ffffff;

}



.kakomi-waku05 {

  padding: 1em 0.5em;

  width: 100%;

  margin: 0 auto;

  border: 3px solid #a0a0a0;

  display: inline-block;

}



.kakomi-waku06 {

  padding: 1em 0.5em;

  width: 100%;

  margin: 0 auto;

  border: 3px solid #a0a0a0;

  border-radius: 50px;

}



div.child-test01 {

  width: calc(100% + 80px);

  margin: 0 -40px;

}



@media screen and (max-width: 749px) {

  .kakomi-waku03 {

    padding: 1em 1em;

  }



  .kakomi-waku04 {

    padding: 1em 1em;

  }



  .kakomi-waku03 img {

    width: 75%;

  }



  .kakomi-waku06 {

    padding: 1em 2em;

  }

}



/*———————————————-

テキスト下矢印

———————————————-*/

.bottom-arrow {

  position: relative;

}



.bottom-arrow::after {

  content: "";

  width: 2em;

  height: 2em;

  display: inline-block;

  background: no-repeat center/100% url(../images/arrow_red-down.png);

  position: absolute;

  bottom: 0;

  left: 5em;

  transform: translate(0, 100%);

}



/*———————————————-

フキダシ

———————————————-*/

.arrow_box01 {

  position: relative;

  display: inline-block;

  margin: 1.5em 0;

  padding: 7px 10px;

  border-bottom: solid 3px #999;

  box-sizing: border-box;

  border-radius: 6px;

  width: 100%;

  text-align: center;

}



.arrow_box01:before {

  content: "";

  position: absolute;

  bottom: -24px;

  left: 50%;

  margin-left: -15px;

  border: 12px solid transparent;

  border-top: 12px solid #fff;

  z-index: 2;

}



.arrow_box01:after {

  content: "";

  position: absolute;

  bottom: -30px;

  left: 50%;

  margin-left: -17px;

  border: 14px solid transparent;

  border-top: 14px solid #ec7d34;

  z-index: 1;

}



.arrow_box01 p {

  margin: 0;

  padding: 0;

  font-weight: bold;

  font-size: 32px;

}



/*———————————————-

小見出し--タグ風--

———————————————-*/

.midashi-tag01 {

  position: relative;

  overflow: hidden;

  padding: 0.2em 0 0 80px;

  border: 2px solid #4c8bea;

}



.midashi-tag01:before {

  position: absolute;

  top: -150%;

  left: -140px;

  width: 200px;

  height: 300%;

  content: "";

  -webkit-transform: rotate(25deg);

  transform: rotate(25deg);

  background: #4c8bea;

}



.midashi-tag01 span {

  font-size: 26px;

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  display: block;

  padding-top: 5px;

  padding-left: 10px;

  color: #fff;

  line-height: 26px;

}



@media screen and (max-width: 749px) {

  .midashi-tag01 {

    padding: 0.1em 0 0 60px;

  }



  .midashi-tag01 span {

    font-size: 21px;

    padding-top: 2px;

  }



  .midashi-tag01:before {

    top: -180%;

    left: -150px;

  }

}



/*———————————————-

blockquote

———————————————-*/

blockquote {

  box-sizing: border-box;

  /* font-style: italic; */

  background: #f5f5f5;

  color: #777777;

  border-left: 4px solid #9dd4ff;

  margin: 0;

  padding: 0 0.5em;

}



blockquote p {

  padding: 0;

  margin: 7px 0;

  line-height: 1.7;

}



blockquote cite {

  display: block;

  text-align: right;

  color: #888888;

  font-size: 80%;

  font-style: normal;

}



/*———————————————-

icon-title

———————————————-*/

.icon-title01 {

  margin-bottom: 0.5em;

  padding: 1% 0;

  font-weight: 500;

  font-size: 5.8vw;

  line-height: 1.4;

  position: relative;

  display: flex;

  align-items: center;

}



.icon-title_icon {

  margin-right: 3vw;

  transform: translate(0, -10%);

}



h3:before {

  content: "";

  width: 5px;

  height: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

}



/*———————————————————-

Document heading(PC)

———————————————————-*/

@media screen and (min-width: 750px) {

  .icon-title01 {

    padding: 5px 10px;

    font-size: 24px;

  }



  .icon-title_icon {

    margin-right: 20px;

    transform: translate(0, -10%);

  }

}



/*———————————————————-

matome

———————————————————-*/

@media screen and (max-width: 749px) {

  .matome ul {

    margin-left: -1em;

  }

}



#Euglena .flex,

#Improvement .flex {

  display: flex;

  vertical-align: top;

}



#Euglena .flex figure {

  width: 30%;

}



#Improvement .flex figure {

  width: 50%;

}



#Euglena .flex figure img {

  width: 100%;

}



#Euglena .flex p {

  width: 70%;

  display: flex;

  align-items: center;

}



#Improvement .flex p {

  width: 70%;

  display: flex;

  align-items: center;

}



.bb-dotted2px-0168b7 {

  border-bottom: dotted 2px #999999;

}



.pd1 {

  padding: 1em;

}



.tit_sf {

  color: #ffffff;

  font-weight: bold;

  font-size: 180%;

  background-color: #369e49;

  line-height: 1.2em;

  margin-bottom: 1em;

  padding: 1em;

  text-align: center;

}



@media screen and (max-width: 749px) {

  .tit_sf {

    font-size: 150%;

  }

}



.super_tex {

  vertical-align: super;

  font-size: 0.2rem;

}



@media screen and (max-width: 749px) {

  .super_tex {

    vertical-align: super;

    font-size: 0.5rem;

  }

}



.dot-text {

  display: inline-block;

  position: relative;

}



.dot-text:before {

  position: absolute;

  top: -0.8em;

  left: 50%;

  transform: translate(-50%, 0);

  color: #000000;

  font-size: 1.5em;

  content: "・";

}



/*———————————————————-

吹き出し(オレンジ)

———————————————————-*/

.result_comment {

  position: relative;

  background: #fbe5d6;

  margin-bottom: 20px;

  padding: 10px;

  border: 3px solid #ed7d31;

  color: #ed7d31;

  font-size: 16px;

  font-weight: bold;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

}

.result_comment:after,

.result_comment:before {

  border: solid transparent;

  content: "";

  height: 0;

  width: 0;

  pointer-events: none;

  position: absolute;

  left: 100%;

  top: 63%;

}

.result_comment:after {

  border-color: rgba(251, 229, 214, 0);

  border-top-width: 8px;

  border-bottom-width: 8px;

  border-left-width: 8px;

  border-right-width: 8px;

  margin-top: -8px;

  border-left-color: #fbe5d6;

}

.result_comment:before {

  border-color: rgba(237, 125, 49, 0);

  border-top-width: 11px;

  border-bottom-width: 11px;

  border-left-width: 11px;

  border-right-width: 11px;

  margin-top: -11px;

  margin-left: 3px;

  border-left-color: #ed7d31;

}



/*———————————————————-

sleep-page

———————————————————-*/

.sleepless-flexgap {

  gap: 1rem;

}



.kakomi-container {

  border: #333 3px solid;

  padding: 1px 30px 30px;

}



.kakomi-title__wrapper {

  background-color: #fff;

  display: inline-block;

  margin: -10rem 0 1.5rem;

  padding: 0 1.5rem 0 2rem;

}



.kakomi-title__wrapper-twoline {

  margin: -2.5rem 0 2rem;

  padding: 0 2rem 0 1.5rem;

  line-height: 1.2;

}



.kakomi-title {

  vertical-align: super;

}



.title-bg__box {

  background-color: #0149b5;

  padding: 2%;

}



.fc-0531999blue {

  color: #0149b5;

}



.padding30px-notop__wrapper {

  padding: 0 30px 30px;

}



.padding30px__wrapper {

  padding: 30px;

}



.border__wrapper {

  text-align: center;

  padding: 0 30px;

}



.border__wrapper-blue {

  border: 3px solid #0149b5;

}



.kakomi-title__wrapper-nobracket {

  padding: 0 2rem;

}



.subtitle-m-green {

  color: #fff;

  font-size: 20px;

  font-weight: 500;

  display: inline-block;

  padding: 1% 7.5%;

  border-radius: 5px;

  background: #54943d;

}



.minicolumn-title {

  margin-top: -1.5rem;

}



.minicolumn-title_p {

  margin-top: 1.5rem;

}



.text-include-img__2rem {

  width: 2rem;

}



.text-include-img__50per {

  width: 50%;

  margin: 0 auto;

}



.text-include-img__90per {

  width: 90%;

  margin: 0 auto;

}



.disp-flex-p {

  width: 60%;

}



.disp-flex-div {

  text-align: center;

  width: 50%;

}



#result {

  margin-top: 6rem;

}



.kakomi-waku__orange {

  border: 5px solid #fa8d6b;

}



.fs-keyword {

  font-size: 2.5rem;

}



.kakomi-dotted-blue {

  border: dotted 4px #0149b5;

}



.fukidashi {

  background-color: #fa8d6b;

  color: #fff;

  padding: 0.3rem 1.5rem;

  border-radius: 1rem;

  position: relative;

  display: inline-block;

  margin: 0.3rem 0 1.5rem;

}



.fukidashi::after {

  position: absolute;

  content: "";

  top: 90%;

  left: 50%;

  margin-left: -45px;

  border: 15px solid transparent;

  border-top: 30px solid #fa8d6b;

  transform: rotate(15deg);

}



.text_left-adjust {

  margin-left: 5rem;

}



@media screen and (max-width: 749px) {

  .kakomi-container {

    border: #333 3px solid;

    padding: 1px 1rem 1rem;

  }



  .kakomi-title__wrapper {

    padding: 0 0.4rem 0 0.8rem;

  }



  .padding30px-notop__wrapper {

    padding: 0 1rem 1rem;

  }



  .padding30px__wrapper {

    padding: 1rem;

  }



  .border__wrapper {

    padding: 0 1rem;

  }



  .kakomi-title__wrapper-nobracket {

    padding: 0 3.4vw;

  }



  .kakomi-title__wrapper-twoline {

    margin: -2.5rem 0 1.5rem;

    line-height: 1.2;

  }



  .fs-keyword {

    font-size: 2rem;

  }

}



@media screen and (max-width: 560px) {

  .text_left-adjust {

    margin-left: 4vw;

  }



  .fukidashi {

    margin-bottom: 1rem;

  }



  .fukidashi::after {

    top: 70%;

  }

}



.matome {

  border-radius: 10px;

  background: #105d00;

  color: #fff;

}



.matome p.ol-ttl {

  text-decoration: underline;

  color: #f2e826;

}



.matome li {

  margin-top: 0.5rem;

  padding-left: 0;

  text-indent: 0;

}



@media screen and (min-width: 600px) {

  .matome {

    margin: 70px 60px 60px;

    padding: 1px 60px 30px;

  }

}



@media screen and (max-width: 750px) {

  .matome ol:not(:last-of-type) {

    margin-bottom: 30px;

  }



  .matome li {

    font-size: 90%;

  }

}



@media screen and (max-width: 400px) {

  .matome {

    padding: 1px 20px 30px;

  }

}



/* ===== NEW ===== */



.fv_mainvisual {

  position: relative;

}



.fv_mainvisual_img {

  width: 60%;

  padding-top: 1em;

}

.fv_mainvisual_img img {

  border: 1px solid #000;

}



.fv_mainvisual-span_right {

  position: absolute;

  right: 0;

  top: 15px;

  font-size: 260%;

  width: 38%;

  writing-mode: vertical-rl;

}

.fv_mainvisual-span_right span {

  display: block;

  white-space: nowrap;

}

.fv_mainvisual-span_right ruby {

  ruby-align: start;

}

.fv_mainvisual-span_right .txt02 {

  margin-top: 1.5em;

}

.fv_mainvisual-span_right .txt03 {

  margin-top: 3em;

}



@media screen and (max-width: 560px) {

  .fv_mainvisual-span_right {

    right: 0;

    top: 0;

    font-size: 130%;

  }



  .fv_mainvisual-span_left {

    right: 3em;

    top: 5em;

    font-size: 130%;

  }

}



.solution ruby rt,

.result ruby rt,

.know ruby rt {

  font-size: 30%;

}

.life_long {

  padding: 0 3em;

}

.life_long_ctn {

  display: flex;

  flex-wrap: wrap;

}

.life_long .item {

  width: calc(50% - 15px);

}

.life_long .item:nth-child(2n) {

  margin-left: 30px;

}

.life_long .item:not(:nth-child(-n + 2)) {

  margin-top: 30px;

}

.life_long .item img {

  border: 1px solid #a0a0a0;

}

.life_long .caption {

  text-align: center;

  margin-top: 1em;

}

@media screen and (max-width: 560px) {

  .life_long {

    padding: 0;

  }

  .life_long .item {

    width: calc(50% - 10px);

  }

  .life_long .item:nth-child(2n) {

    margin-left: 20px;

  }

  .life_long .item:not(:nth-child(-n + 2)) {

    margin-top: 20px;

  }

  .life_long .caption {

    margin-top: 0.5em;

  }

}



.h2-leftColor-red {

  border-left: none;

  border-bottom: solid 4px #d7d6d5;

  padding: 5px 0 10px 28px;

  font-size: 22px;

  line-height: 1.6;

}

.h2-leftColor-red:before {

  background-color: #eb9272;

}



.reason .item-img {

  border: 1px solid #a0a0a0;

}

.reason .item:after {

  content: "";

  clear: both;

  display: table;

}

.summary {

  background-color: #385623;

  color: #fff;

  padding: 20px 20px;

}

.summary_list li {

  position: relative;

  padding-left: 25px;

}

.summary_list li .txtnum {

  position: absolute;

  top: 0;

  left: 0;

  font-weight: bold;

}

.summary .summary_arrow {

  display: block;

  margin: 0 auto;

}

.summary_white {

  background-color: #fff;

  border-radius: 20px;

  padding: 30px;

  color: var(--color-text);

}

.summary_white .summary_white_desc {

  position: relative;

  padding-left: 20px;

}

.summary_white .summary_white_desc:before {

  content: "・";

  position: absolute;

  left: 0;

  top: 0;

  font-weight: bold;

}

.summary_white .summary_white_desc02 {

  padding-left: 20px;

}

.solution_img {

  border: 1px solid #a0a0a0;

}



@media screen and (max-width: 560px) {

  .summary {

    padding: 20px 15px;

  }

  .summary_white {

    padding: 20px;

  }

}



.expected .h2-leftColor-red {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

}

.expected .txtBlue {

  background-color: #0070c0ff;

  color: #fff;

  display: inline-block;

  margin-right: 10px;

  padding: 5px 10px;

  text-align: center;

  font-size: 20px;

}

.expected .expected_ctn {

  display: flex;

  flex-wrap: wrap;

}

.expected .expected_left {

  width: 40%;

}

.expected_list {

  border: 1px solid #385623;

  padding: 10px 15px;

  font-size: 12px;

}

.expected .expected_txt {

  width: 60%;

  padding-left: 20px;

}

.expected_listImg {

  display: flex;

  flex-wrap: wrap;

  align-items: flex-start;

}

.expected_listImg .expected_img {

  width: calc(50% - 15px);

  border: 1px solid #a0a0a0;

}

.expected_listImg .expected_img:not(:nth-child(2n)) {

  margin-right: 30px;

}

.expected_listImg .expected_img:not(:nth-child(-n + 2)) {

  margin-top: 30px;

}



@media screen and (max-width: 560px) {

  .expected .expected_left {

    width: 100%;

  }

  .expected .expected_left img {

    width: 60%;

    margin: 0 auto;

    display: block;

  }

  .expected .expected_txt {

    width: 100%;

    padding: 20px 0 0;

  }

  .expected_listImg .expected_img {

    width: calc(50% - 10px);

  }

  .expected_listImg .expected_img:not(:nth-child(2n)) {

    margin-right: 20px;

  }

  .expected_listImg .expected_img:not(:nth-child(-n + 2)) {

    margin-top: 20px;

  }

}



@-moz-document url-prefix() {

  .fv_mainvisual-span_right ruby rt {

    font-size: 33%;

  }

  .solution ruby rt,

  .result ruby rt {

    font-size: 26%;

  }

}



.btbl {

  width: 100%;

}

.btbl th,

.btbl td {

  border: 2px solid #000;

  font-size: 23px;

  font-weight: bold;

  width: 50%;

  padding: 16px 20px;

}

.btbl th {

  background-color: #93cb78;

  color: #fff;

}

.btbl th.bgOrange {

  background-color: #f9a75f;

}

.btbl th.bgRed {

  background-color: #f27060;

}

@media screen and (max-width: 560px) {

  .btbl th,

  .btbl td {

    font-size: 20px;

    padding: 16px;

  }

}



.solution .txtSub {

  font-size: 16px;

  font-weight: bold;

  position: relative;

  top: -10px;

  right: 12px;

}

.boxNote {

  position: relative;

}

.boxNote .txtNote {

  position: absolute;

  right: 0;

  bottom: 0;

}

@media screen and (max-width: 560px) {

  .boxNote .txtNote {

    position: relative;

    right: auto;

    bottom: auto;

  }

}



/* =====result修正===== */

.result_container {

  justify-content: space-between;

  align-items: center;

  gap: 10px;

}



.result_box {

  justify-content: center;

  align-items: center;

  gap: 10px;

}



.result_comment {

  width: 65%;

  height: fit-content;

}



@media screen and (min-width: 750px) {

  .result_comment {

    padding: 30px;

    font-size: 110%;

  }

}



@media screen and (max-width: 750px) {

  .txt_br {

    display: none;

  }

}



.kondo_pic {

  width: 30%;

}



.kondo_img {

  width: 100%;

}



.profile {

  padding: 4px;

  border: 1px solid #000;

}



@media screen and (min-width: 750px) {

  .profile {

    padding: 20px 160px 20px 20px;

  }



  .profile_career br {

    display: none;

  }

}



.profile_box {

  display: grid;

  grid-template-columns: auto 1fr;

}



.profile_year {

  display: flex;

  flex-wrap: nowrap;

}



.result_question {

  width: fit-content;

  border-bottom: 1px solid #000;

}



/* component */



.c-title {

  text-align: center;

  background-color: var(--color-sky);

}

.c-title__text {

  display: inline-block;

  color: #fff;

  text-align: left;

  margin-bottom: 0;

  padding-block: 10px;

  padding-inline: 20px;

  border-left: none;

}



.c-title-blue {

  min-height: auto;

  line-height: 1.2;

  font-size: 220%;

  padding-top: 0.5%;

  padding-bottom: 0;

}



.c-title-red {

  min-height: auto;

  line-height: 1.2;

  font-size: 220%;

  padding-top: 0.5%;

  padding-bottom: 0;

}



.c-sub-title {

  font-size: 130%;

  font-weight: bold;

  color: #ff0000;

  border-bottom: dotted 1px;

  line-height: 1.5;

  padding: 0;

}

.c-sub-title--blue {

  font-size: 140%;

  color: var(--color-cerulean);

}



.con1-4cl h3,

.anser h3 {

  padding: 0;

}



.container-summary {

  padding-block: 15px;

}



.disc {

  font-size: 21px;

}



.symptoms-child-footer {

  background: #fdf8eb !important;

  margin-bottom: 0 !important;

  padding-bottom: 50px;

}



.symptoms-child-footer-inner {

  margin-top: 10px;

  margin-bottom: 0 !important;

}



@media screen and (max-width: 750px) {

  .c-title {

  }

  .c-title__text {

  }



  .c-title-blue {

    font-size: 190%;

  }



  .c-title-red {

    font-size: 190%;

  }



  .c-sub-title {

  }

  .c-sub-title--blue {

  }



  .con1-4cl h3,

  .anser h3 {

  }



  .container-summary {

  }



  .disc {

  }

}