@charset "utf-8";
img {
 vertical-align: bottom;
}
header.top {
 margin: 0;
}
.top-catch {
 margin: 0;
}
.top-catch img {
 width: 100%;
}
.intro-navigation {
 margin-bottom: 2%;
 background: url(../images/intro-navigation-bk.jpg) no-repeat center;
}
.link-button.p3p5p {
 padding: 3% 0 5%;
}
.w386 {
 width: calc(100% - 2rem);
 margin: 0 auto;
}
.w100 {
 width: 100%;
 margin-bottom: 5%;
}
.bk-c8eaed {
 background: #f0f9fb;
}
section img {
 width: 100%;
}
.flexContainer {
 padding: 0 2%;
 display: flex;
 justify-content: center;
 gap: 4%;
}
.inner.flexContainer {
 margin-bottom: 5%;
 flex-direction: column-reverse;
}
.inner.flexContainer img {
 margin-top: 2%;
}
section.link {
 margin-bottom: 2%;
}
.pdf-downroad {

}
.pdf-downroad div {
 width: 368px;
 text-align: center;
}
.pdf-downroad div img.d-link {
 max-width: 342px;
}
.flexContainer.link a {
 transition: all .3s ease-in-out;
}
.flexContainer.link a:hover {
 opacity: .6;
}
.intro-navigation.button {
 max-width: 960px;
 height: 150px;
 margin: 0 auto;
 display: flex;
 align-items: center;
}
.intro-navigation.button .download-floor {
 max-width: 328px;
 margin-left: 5%;
}
.intro-navigation.button .download-floor img {
 width: 100%;
}
.part {
 max-width: 960px;
 margin: 0 auto 5%;
}
.part h2 {
 max-width: 860px;
 margin: 0 auto 1%;
}
.part h2 img,
.part h3 img {
 width: 100%;
}
.part h3 {
 max-width: 860px;
 margin: 0 auto 1%;
 text-align: left;
}
.part h3.equipment-preparation img {
 max-width: 152px;
}
.part h3.pour-cold-water.png img {
 max-width: 860px;
}
.inner.todo {
 max-width: 860px;
 margin: 0 auto 1%;
}
.inner.burns-warning {
 margin: 5% auto 1%;
}
.inner.pour-warm-water-memo {
 margin-bottom: 4%;
}
#how-install {
 max-width: 960px;
 margin: 0 auto;
 font-size: 115%;
 text-align: left;
}
#how-install h3 {
 margin: 0 2% 1%;
 color: #194EAC;
 font-size: calc(1em + 1vw);
 font-weight: bold;
}
.inner-a {
 margin: 0 auto 2%;
 padding: 1rem;
 background: #FFFFFF;
 overflow: auto;
}
.inner-a img {
 margin-bottom: 2%;
}
.inner-a ol li {
 margin-bottom: 4%;
 line-height: 1.4;
 text-indent: -1.4rem;
 padding-left: 1rem;
 text-align: justify;
}
.machine_state {
 margin: 0 auto 2%;
 padding: 1rem;
}
.process {
 margin-bottom: 2rem;
 padding: 0 0 2rem 5rem;
 position: relative;
 border-bottom: 3px dotted #37BAEC;
}
#machine-install .machine_state p {
 margin-bottom: 1rem;
 padding: 0;
 color: #194EAC;
 line-height: 1.8;
}
#machine-install .machine_state p span.text-number {
 margin-right: 10px;
 padding: 0 10px;
 color: #FFFFFF;
 font-weight: bold;
 background: #37BAEC;
 border-radius: 5px;
 position: absolute;
 left: 0;
}
.process {
 margin-bottom: 2rem;
 padding: 0 0 2rem 5rem;
 position: relative;
 border-bottom: 3px dotted #37BAEC;
}
.process img {
 width: auto;
}
#machine-install .machine_state p.caution {
 margin: 0 auto 1rem;
 padding: .5em 1rem;
 color: #194EAC;
 font-weight: bold;
 line-height: 1.8;
 text-align: justify;
 background: #FFE000;
 border-radius: 5px;
}
#machine-install .machine_state p.caution.fc-red {
 color: #FF0000;
 font-weight: bold
}
#machine-install .inner .step-number {
 padding: 0;
 color: #37BAEC;
 font-size: 125%;
 font-weight: bold;
 line-height: 1;
}
@media screen and (min-width:800px) {
 header.top {
  margin: 0 auto;
 }
 .top-catch {
  margin: 0 auto;
 }
 .top-catch img {
  max-width: 960px;
 }
 .w386 {
  max-width: 386px;
 }
 .process {
  width: 70%;
  margin: 0 auto 2rem;
  display: flex;
  justify-content: space-between;
 }
 #machine-install {
  margin: 1em auto 0;
  padding: 1rem;
  background: #DCFEFF;
 }
 #machine-install .machine_state {
  margin: 0 auto 40px;
  padding: 20px;
  background: #FFFFFF;
 }
 #machine-install .inner {
  margin: 0 auto 1rem;
  padding: 2%;
  background: #FFFFFF;
 }
 #machine-install .inner-a img {
  width: 50%;
  margin-left: 2%;
  float: right;
 }
 .inner.flexContainer {
  margin-bottom: 2%;
  padding: 0;
  justify-content: space-between;
  flex-direction: row-reverse;
  gap: 0;
 }
 .inner.flexContainer img {
  width: 45%;
  margin: 0;
 }
 .inner.flexContainer .f-item {
  width: 53%;
 }
}