@charset "utf-8";

/*///////////////////////////////////////

CONTACTページのCSS

--中ページ共通のCSSに追記分のみ

///////////////////////////////////////*/


/* MAIN VISUAL & TITLE */
#page-main-visual .img-erea {background: url(../img/page-main-image.jpg)0 0 no-repeat; background-size: cover;}
@media screen and (max-width: 999px) {
    #page-main-visual {background: url(../img/page-main-image.jpg)0 0 no-repeat; background-size: cover;}}

/* 説明文 */
p.contact--info {text-align: center;margin-bottom: 32px;}
.footer--tel {text-align: center;font-weight: 700;font-size: 25px;margin-bottom: 20px;border: 1px solid #F74F4C;width: 100%;max-width:  300px;margin: 0 auto;}
.footer--tel span {font-size: 17px;}
@media screen and (max-width: 767px) {
    p.contact--info {text-align: left;}}


.tanker{
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 120%;
  line-height: 150%;
  color:#F74F4C;
  margin:0 auto;
  padding: 40px 10px 0 10px;
}

.tanker a{
    color:#F74F4C;
}


/*PCでは改行無効*/
.pcBR{ display: block; }

/*スマートフォンでは改行*/
@media screen and (max-width: 600px) {
   .pcBR{ display: none; }
}




/* メールフォーム */
section.Ctn-wrap article form div.contact--mail dl {border: none;}
section.Ctn-wrap article form div.contact--mail dl dt {width: 100%; font-size: 13px;position: relative;}
section.Ctn-wrap article form div.contact--mail dl dt span {position: absolute;top: 4px; background:#F74F4C;color: #fff;padding: 4px 8px 3px;border-radius: 3px;font-size: 11px; margin-left: 10px;line-height: 11px}
section.Ctn-wrap article form div.contact--mail dl dd {padding-left: 0;}
section.Ctn-wrap article form div.contact--mail dl.policy {margin-bottom: 30px;    padding: 0 6px;}
section.Ctn-wrap article form div.contact--mail dl.policy dd h5 {font-weight: 700;margin-top: 40px;}
section.Ctn-wrap article form div.contact--mail dl.policy dd p {font-size: 13px;letter-spacing: 0;line-height: 170%;}
section.Ctn-wrap article form div.contact--mail dl dd input[type="text"] {width: 100%;border-radius: 2px;padding: 5px 8px;border: 1px solid #777777;letter-spacing: 0.1em;}
section.Ctn-wrap article form div.contact--mail dl dd textarea {width: 100%;padding: 5px 8px;}
section.Ctn-wrap article form div.contact--mail input[type="submit"] {color: #fff;background:#F74F4C;width: 100%;max-width: 250px;text-align: center;display: block;border: none;padding: 10px;margin: 0 auto;}
section.Ctn-wrap article form div.contact--mail input[type="submit"]:hover {background: rgba(192,25,32,.5);}
section.Ctn-wrap article form div.contact--mail input[type="checkbox"] {width:18px; height: 18px;position: absolute;}
section.Ctn-wrap article form div.contact--mail label {line-height: -12px;padding-left: 25px;}
section.Ctn-wrap article .form--tel a {color:#F74F4C; }

/* 確認画面 */
table.formTable {    width: 100%;}
table.formTable tr {    border: 1px solid;  width: 100%;}
table.formTable td {    padding-left: 15px;}
table.formTable th {    width: 30%;  padding: 8px 10px; border-right: 1px dotted #f74c4c;}
#formWrap input[type="submit"] { color: #fff; background: #F74F4C; border: none; width: 30%; margin-right: 5px; margin-top: 20px; padding: 10px 0;}
#formWrap input[type="button"] { color: #fff; background: #F74F4C; border: none; width: 30%; padding: 10px 0;}
#formWrap input[type="submit"]:hover, #formWrap input[type="button"]:hover{background: rgba(192,25,32,.5);}

/* エラー画面 */
#formWrap .err_box {border: 1px solid; padding: 15px 15px 5px 15px; width: 100%; margin-top: 25px;}

/* 完了画面 */
.mail--end {font-size: 22px;}
.mail--end img {
    width: 80%;
    display: block;
    max-width: 300px;
    margin-bottom: 20px;
}
a.mail-btn {    padding: 10px 20px; margin-top: 25px;}

/*このページのみfooter調整*/
footer .footer--tel {border: none;}