@charset "UTF-8";

header {
    background: #ae0d15;
    width: 100%;
    padding: 0;
    color: #FFF;
    font-size: 2.5rem;
}

body {
    font-family: "YuGothic","Yu Gothic","Meiryo","ヒラギノ角ゴ","MS Pゴシック",sans-serif;
    color: #000;
    font-size: 4.0rem;
}

header h1 {
    display: none;
}

header .tit {
   font-size: 0;
  /*margin: 0.5em 0;
  color:#FFF;*/
}

header .tit::after {
  margin: 0.5em 0;
  font-size: 3.0rem;
  color:#FFF;
  white-space:pre-wrap;
  content: "オーケー株式会社・株式会社マルマツ 共同企画\A「オーケー×マルマツ 創業60周年ご愛顧感謝\Aプレゼントキャンペーン」";
}
/* PC表示 */
@media screen and (min-width:1080px) {
  header .tit::after {
    font-size: 2.0rem; color:#FFF; white-space:pre-wrap; content: "オーケー株式会社・株式会社マルマツ 共同企画\A「オーケー×マルマツ 創業60周年ご愛顧感謝プレゼントキャンペーン」";
  }
}



form {
    margin-top: -20px;
}

h2{
    background: #ae0d15;
    color: #FFF;
}

footer{
    margin-top:3.0rem;
    background: #ae0d15;
}

dt{
    float: left;
}

dd{
    margin-left: 80px;
}

h3.txttitle{
    padding: 0.25em 0.5em;
    background: transparent;
    border-left: solid 8px #ae0d15;
}

.consent strong{
    margin-left: 1.5rem;
}

/* PC用文字サイズ */
@media screen and (min-width:1080px) {
header {font-size: 2.0rem;}
body {font-size: 2.0rem;}
.input-block {font-size: 3.0rem;}
.choice{font-size: 2.0rem;}
.choice div label p {top: -4px;}
.required {font-size: 2.0rem;font-weight: normal;}
.rem25{font-size: 2.5rem;line-height: 1.6em;}
h2{max-width:980px;margin:4.0rem auto 0 auto;}
.m3 {font-size: 1.1em;}
}


/* 同意チェックボックス */
#agree_box .consent strong {
    font-size: 0;
}

#agree_box .consent strong:after {
    font-size: 42px; color:#000; content: "個人情報取得に同意する";
}

/* PC表示 */
@media screen and (min-width:1080px) {
    #agree_box .consent strong:after {
        font-size: 3rem; color:#000; content: "個人情報取得に同意する";
    }
}


/* agreement リンク */
.privacy_box a {
  text-decoration: underline;
  color:#ae0d15;
}

#wrapper {
  margin: 0 auto auto;
}

/* フッター コピーライト */
footer .copyright{
    font-size: 0;
}
footer .copyright:after {
    font-size: 4.0rem; color:#FFF; content: "copyright (c) 株式会社マルマツ all rights reserved.";
}
/* PC表示 */
@media screen and (min-width:1080px) {
footer .copyright:after {
    font-size: 2.0rem; color:#FFF; content: "copyright (c) 株式会社マルマツ all rights reserved.";
}
}

.privacy_box li{
 text-indent: -1em;
 padding-left: 1em;
}

div .company_other{
 margin-top:2.5rem;
}

div .company_other span{
 font-weight:bold;
}

div .company_other input{
 margin-top:1.0rem;
}