@import url(https://fonts.googleapis.com/css2?family=RocknRoll+One);

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

a {
  word-break: break-all;
}

.pusher {
  background-color: #fffcee;
}

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

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

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

.masthead h2 {
  margin-top: 12em;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1.5em;
}

.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: 130px;
  font-size: 1.25em;
}

#kujiContainer {
  position: absolute;
  top: 15%;
  left: 50%;
}

.closeKuji {
  position:absolute;
  width: 0;
  height: 0;
  border-style: solid;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

#closeKuji1 {
  border-width: 0 160px 160px 160px;
  border-color: transparent transparent #ff0000 transparent;
}

#closeKuji2 {
  border-width: 0 140px 140px 140px;
  border-color: transparent transparent #ffffff transparent;
  margin-top: 12.5px;
}

#closeKuji3 {
  border-width: 0 120px 120px 120px;
  border-color: transparent transparent #ff0000 transparent;
  margin-top: 25px;
}

#onkujiText {
  font-family: 'RocknRoll One';
  width:200px;
  position: absolute;
  color: white;
  top: 80px;
  text-align: center;
  font-size: 36px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.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;
}
.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;
}

.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;
}