@charset "UTF-8";
/*===========================================================
このファイルはsassで編集されています。
cssを編集しないでください。
=============================================================*/
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none; }

li {
  list-style: none; }

#service {
  background-image: url(../img/back.jpg);
  background-position: center;
  background-size: cover;
  padding: 100px 0; }
  #service h2 {
    color: #fff;
    margin-bottom: 30px; }
  #service p {
    color: #fff;
    margin-bottom: 50px; }
  #service ul.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    #service ul.flex li {
      width: 32%;
      background: rgba(0, 160, 233, 0.8);
      padding: 25px 30px 0;
      margin-bottom: 20px; }
      @media screen and (max-width: 768px) {
        #service ul.flex li {
          width: 100%; } }
      #service ul.flex li.block_odd {
        background: rgba(63, 119, 188, 0.8); }
      #service ul.flex li h3 {
        text-decoration: underline;
        margin-bottom: 15px;
        color: #fff; }
      #service ul.flex li p {
        text-align: left; }

#online_shop {
  background: #ddd;
  padding: 100px 0;
  text-align: center; }
  #online_shop h2 {
    font-size: 2rem;
    margin-bottom: 30px; }
  #online_shop p {
    margin-bottom: 30px; }
    #online_shop p a:hover {
      text-decoration: underline;
      color: #182578; }
  #online_shop a img:hover {
    opacity: .8; }

#message {
  padding-top: 100px; }

#youtube {
  position: relative;
  padding: 0 70px;
  margin: 0 0 100px 0; }
  #youtube h2 {
    position: absolute;
    right: 45%;
    z-index: 2; }

#company {
  padding: 150px 0; }
  #company h2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.8rem;
    letter-spacing: .15rem; }
    @media screen and (max-width: 768px) {
      #company h2 {
        font-size: 1.2rem; } }