@charset "utf-8";
img {
 vertical-align: bottom;
}
header.top {
 margin: 0;
}
.top-catch {
 margin: 0;
}
.link-button.p3p5p {
 padding: 3% 0 5%;
}
.w386 {
 width: calc(100% - 2rem);
 margin: 0 auto;
}
.w850 {
 max-width: 850px;
 margin: 0 auto;
}
section.content {
 text-align: left;
}
section.about-maintenance,
section.maintenance {
 margin: 0 2%;
}
.introduction {
 max-width: 960px;
 height: 10vh;
 max-height: 150px;
 margin: 0 auto;
 padding: 5% 2% 0;
 display: flex;
 align-items: center;
 justify-content: center;
 background-color: rgba(207, 235, 246, 0);
 background-image: linear-gradient(180deg, rgba(207, 235, 246, 0.81), rgba(255, 34, 87, 1) 0%, rgba(154, 39, 238, 1) 0%, rgba(207, 235, 246, 1) 0%, rgba(207, 235, 246, 0.1) 67%, rgba(255, 255, 255, 0));
}
.introduction.content p {
 padding: 0;
}
.for-border.lg {
 margin-bottom: 2%;
 padding: 0 1rem;
 border-bottom: solid 14px #c9c9c9;
 display: inline-block;
 position: relative;
 z-index: 1;
}
.for-border.lg h2 {
 margin-bottom: -.8rem;
 font-size: 128%;
}
.for-border.lg:after {
 position: absolute;
 content: "";
 display: block;
 border-bottom: solid 14px #aee2f4;
 left: 0;
 bottom: -14px;
 width: 30%;
 z-index: -10;
}
.l {
 background: linear-gradient(90deg, rgba(41, 171, 226, 1) 0%, rgba(41, 171, 226, 1) 30%, rgba(201, 201, 201, 1) 30%, rgba(201, 201, 201, 1) 100%);
}
p {
 margin-bottom: 1rem;
 font-size: 120%;
 text-align: left;
}
section img {
 width: 100%;
}
.order-Lineup {
 margin: 3% 0;
 display: flex;
 flex-wrap: wrap;
 flex-direction: column;
}
.order-Lineup .double {
 padding: 2%;
 border: 2px solid #4d4d4d;
 border-radius: 15px;
 }
.order-Lineup img {
 margin-bottom: 3%;
}
.order-Lineup .double img {
 max-width: 464px;
 margin-bottom: 0;
}
.flexContainer.link {
 margin: 5% auto;
}
.flexContainer.link a {
 transition: all .3s ease-in-out;
}
.flexContainer.link a:hover {
 opacity: .6;
}
ol.caution {
 margin-bottom: 5%;
}
ol.caution li {
 margin-bottom: 1rem;
 padding: 2% 2% 2% 2rem;
 border-radius: 10px;
 background: #c8eaed;
 text-indent: -1rem;
}
.bg-square {
 margin-bottom: .5rem;
 padding: 1%;
 color: #fff;
 font-weight: bold;
 text-align: center;
 background: #63768d;
 border-radius: 5px;
}
.fw-bold.c63768d {
 color: #63768d;
 font-weight: bold;
}
.pd2p {
 padding: 0 2%;
}
.box-outermost {
 margin: 0 2% 5%;
 padding: 1.5% 3%;
 background: #c8eaed;
 border-radius: 15px;
}
.tabletop .box-outermost {
 padding: 0;
 background: none;
}
.maintenance .directly-below {
 margin-bottom: 1%;
 font-size: 100%;
 font-weight: bold;
 text-align: center;
 position: relative;
}
.danger.mark {
 margin: 0 0 1%;
 padding-left: 1.8rem;
 text-align: left;
}
.tabletop .danger.mark {
 margin-bottom: 2%;
}
.box-outermost .flex-container {
 gap: 0;
}
.box-outermost .flex-container img {
 margin-bottom: 2%;
}
.box-outermost .txt {
 margin-bottom: 2%;
 padding: 1.5% 2%;
 font-size: 105%;
 text-align: justify;
 background: #fff;
 border-radius: 15px;
}
.tabletop .box-outermost .txt {
 margin: 0;
}
@media screen and (min-width:800px) {
 header.top {
  margin: 0 auto;
 }
 .top-catch {
  margin: 0 auto;
 }
 .flex-container {
  flex-direction: row;
 }
 .flex-container .shrink {
  width: 24%;
  flex-shrink: 0;
 }
 .introduction {
  padding: 0;
 }
 section.about-maintenance,
 section.maintenance {
  max-width: calc(960px - 6%);
  margin: 0 auto 2%;
 }
 section.about-maintenance p,
 section.maintenance p {
  margin: 0 2% 1%;
 }
 section.content .w850 {
  width: calc(850px - 4%);
  margin: 2% auto 1%;
  display: block;
 }
 .order-Lineup {
  width: calc(850px - 4%);
  margin: 3% auto;
  flex-direction: row;
  justify-content: space-between;
 }
 .order-Lineup img {
  width: 49%;
  margin-bottom: 2%;
 }
 .order-Lineup .double {
  width: 100%;
 }
 .maintenance p.bg-square {
  margin-bottom: 3%;
 }
 .box-outermost {
  width: calc(850px - 7%);
  margin: 0 auto 3%;
 }
 .tabletop .box-outermost {
  width: calc(850px - 3%);
 }
 .box-outermost .flex-container {
  margin-bottom: 0;
 }
}