@charset "utf-8";

body {
    background: #fff url(/optune/img/common/l-main--bg.png) repeat;
}

.right { margin-right: 0; margin-left: auto; text-align:right; }
/*=============================
 * 応募規約
 *=============================*/
#agreement {
    width: 100vw;
    margin: 10.5vw 0 0;
    padding: 6.7vw 6.5vw 6.7vw 11.5vw;
    line-height: 1.8;
}
    #agreement strong {
        border-bottom: 3px double #333;
    }

    #agreement h2 {
        position: relative;
        width: 100vw;
        margin: 0 0 3vw -11.5vw;
        padding-bottom: 0.5vw;
        font-size: 3.2vw;
        text-align: center;
    }

        #agreement h2 span {
            display: inline-block;
            padding: 0 1vw;
            border-bottom: 1px solid #333;
        }

        #agreement h2 sup {
            font-size: 3.2vw;
        }

    #agreement>p {
        position: relative;
        margin-left: -5vw;
        width: 87vw;
        font-size: 2.5vw;
    }

        #agreement p.thanks {
            font-size: 2vw;
            width: 68vw;
            margin: 6vw auto 5vw;
            padding: 1vw 9vw 1vw 13vw;
            color: #952423;
            border: 1px solid #952423;
            transform: translateX(-2.5vw);
            text-align: center;

        }

        #agreement>ol {
        margin: 7.5vw 0;
        list-style-type: decimal;
        font-size: 2.5vw;
    }
        #agreement>ol>li {
            margin-bottom: 1.6vw;
        }

        #agreement>ol h3 {
            font-weight: bold;
        }

    #agreement ul {
        list-style-type: none;
        padding-left: 3.2vw;
        text-indent: -3.2vw;
    }
        #agreement ul li:before { content:'・\00a0'; }
        #agreement ul.bullet-star li:before { content:'※\00a0'; }

    #agreement ul span {
        display: block;
        text-indent: -3.2vw;
        padding-left: 3.2vw;
    }

        #agreement ul span:before { content:'―\00a0'; }

    #agreement h4 {
        margin-top: 1vw;
        text-indent: -1vw;
    }

@media screen and (min-width: 961px) {
    #agreement {
        width: 80vw;
        margin: 5.3vw auto;
        padding: 5.3vw 0 3vw;
        line-height: 1.8;
        font-size: 1.6vw;
    }
    #agreement h2 {
        position: relative;
        width: 80vw;
        margin: 0 0 3vw;
        padding-bottom: 0.5vw;
        font-size: 1.6vw;
        text-align: center;
    }

        #agreement h2 sup {
            font-size: 1.6vw;
        }

    #agreement>p {
        margin-left: 0;
        width: 100%;
        font-size: 1.25vw;
    }

        #agreement>p.thanks {
            font-size: 1vw;
            width: 47vw;
            margin: 3vw auto 2vw;
            padding: 1vw 5vw 1vw 5vw;
            color: #952423;
            border: 1px solid #952423;
            transform: translateX(0);
        }

    #agreement>ol {
        width: 70vw;
        margin: 3.5vw auto;
        font-size: 1.25vw;
    }
        #agreement>ol>li {
            margin-bottom: 1.6vw;
        }

    #agreement ul {
        list-style-type: none;
        padding-left: 2.1vw;
        text-indent: -1.6vw;
    }
        #agreement ul li:before { content:'・\00a0'; }
        #agreement ul.bullet-star li:before { content:'※\00a0'; }

    #agreement ul span {
        display: block;
        text-indent: -1.5vw;
        padding-left: 1.5vw;
    }

        #agreement ul span:before { content:'―\00a0'; }

    #agreement h4 {
        margin-top: 1vw;
        text-indent: 0vw;
    }

    #agreement a {
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
      text-decoration: underline;
    }
    #agreement a:hover {
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
      text-decoration: none;
        opacity: 0.9;
    }
    
}
/*=============================
 * 問い合わせ
 *=============================*/
#inquiry {
  width: 100vw;
  padding: 6.2vw 0;
  background-color: rgba(255,255,255,0.5);
  letter-spacing: 0.1em;
}

#inquiry address {
  font-size: 2.8vw;
  line-height: 2;
  font-style: normal;
  text-align: center;
}

#inquiry address strong,#inquiry address span {
  display: block;
}

#inquiry address strong:before {
  content:'＜';
}
#inquiry address strong:after {
  content:'＞';
}

#inquiry address span {
  margin-bottom: 1vw;
  font-size: 4.6vw;
  line-height: 6.6vw;
  font-weight: bold;
}

@media screen and (min-width: 961px ) {
  #inquiry {
    padding: 4.7vw 0;
  }
  #inquiry address {
    font-size: 1.4vw;
    line-height: 1.75;
  }

  #inquiry address span {
    font-size: 2.3vw;
    line-height: 3.3vw;

  }
}