@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@700&display=swap');


body {
  background-color: #1b1c1d;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}


a {
  word-break: break-all;
}
ol {
  padding: 0;
  font-size: 1.25em;
  line-height: 1.5em;
}

ol li  {
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
}

.pusher {
  background-color: #ffffff;
}

.masthead.segment {
  min-height: 600px;
  background-image: url('header.webp') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.masthead.segment .box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}

.masthead .ui.button {
  margin-top: 5em;
}

.masthead h1.ui.header {
  font-family: 'M PLUS 1p', sans-serif;
  margin-top: 2em;
  font-size: 6em;
  text-shadow: 3px 3px 3px black;
}

.masthead h2 {
  margin-top: 5em;
  font-size: 1.5em;
  line-height: 1.5em;
  color: #ffffff;
  text-shadow: 1px 1px 1px black;
}

.content ul li {
  line-height: 1.25em !important;
}

.service p, .service ul {
  font-size: 1em !important;
  line-height: 1.5em !important;
}

.ui.card .content .list {
  min-height: 120px;
  font-size: 1.25em;
}

.ui.vertical.stripe {
  padding: 4em 0em;
}
.ui.vertical.stripe h3 {
  font-size: 1.5em;
}
.ui.vertical.stripe h4 {
  font-size: 1.25em;
}

.ui.vertical.stripe .button + h3,
.ui.vertical.stripe p + h3 {
  margin-top: 1.5em;
}
.ui.vertical.stripe .floated.image {
  clear: both;
}
.ui.vertical.stripe p {
  font-size: 1.25em;
  text-align: left;
}
.ui.vertical.stripe .horizontal.divider {
  margin-bottom: 1.5em;
}

.quote.stripe.segment {
  padding: 0em;
}
.quote.stripe.segment .grid .column {
  padding-top: 2em;
  padding-bottom: 3em;
}

.footer.segment {
  padding: 5em 0em;
}

.secondary.pointing.menu .toc.item {
  display: none;
}

.guide h2 {
  border-bottom: double 5px #FFC778;
}

.guide h3 {
  border-bottom: 1px dotted;
}

.img_text {
  color: gray;
}

#image_device {
  position: absolute;
  bottom:0;
  left:0;
  width:30%;
}

.slider img {
  height: 100%;
  padding: 20px 30px;
}

.slick-track{
  height: 80px;
}

@media only screen and (max-width: 700px) {
  .masthead h1.ui.header {
    font-size: 3em;
    margin-top: 3em;
  }
  .masthead h2 {
    margin-top: 10em;
    font-size: 1.25em;
  }
  .masthead h2 br {
    display: block !important;
  }
  .sp_noview {
    display: none !important;
  }
  .bodypage h2 {
    font-size: 1.25em !important;
  }
}