@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: #f6f7f9;
}

.masthead.segment {
  min-height: 600px;
  background-image: url('header_2.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: 3em;
  text-shadow: 3px 3px 3px black;
}

.masthead h2 {
  margin-top: 4em;
  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: 140px;
  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%;
}

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

.comp_th {
  border-color:#4283ca !important;
  background-color:#4283ca !important;
  color:#ffffff !important;
}

.comp_td {
  border-left: solid 5px #4283ca !important;
  border-right: solid 5px #4283ca !important;
}

.comp_td_last {
  border-bottom: solid 5px #4283ca !important;
}

.slider div {
  background-color: #ffffff;
}

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

.slick-track{
  height: 80px;
}

.banner:hover{
  opacity: 0.8;
}

[id^='index_'] {
  scroll-margin-top: 50px;
}