@charset "utf-8";



/* ▼基本要素スタイル */
/* ----------------------------------------------------- */
body {
margin: 0 auto;
padding: 0;
font-size: 12px !important;
font-size: 78%;
line-height: 1.6em !important;
line-height: 160%;
text-align: center;    /* center in winIE */
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGOTHIC", sans-serif;
color: #333333;
background-color: #fffdf2; !important;
}

* {
font-family: inherit;
font-size: 100%;
line-height: 140%;
}

div, p, ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6,
form, input, table, tr, th, td,
object, param, embed {
margin: 0;
padding: 0;
}


table {
border-collapse: collapse;
border-spacing: 0;
}

img {
margin: 0;
padding: 0;
border: 0 none #ffffff;
vertical-align: top!important;
vertical-align: middle;
color: #666666;
}

*+html body img {
vertical-align: middle!important;
}

strong {
font-weight: bold;
}

.hidden {
display: none!important;
}



/* ▼文字装飾 */
/* ----------------------------------------------------- */
.strong,
.bold {
font-weight: bold;
}

.red {
color: #D4040E;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

.small {
font-size: 87.5%;
}



/* ▼画像 */
/* ----------------------------------------------------- */
img {
width: 100%!important;
}



/* ▼コンテナ */
/* ----------------------------------------------------- */
div.container {
clear: both;
max-width: 767px;
min-height: 1px;
height: auto !important;
height: 1px;
margin: 0 auto;
padding: 0;
text-align: center;
}

div.container:after {
content: "";
display: block;
clear: both;
border-bottom: 0 none;
}



/* ▼TOP */
/* ----------------------------------------------------- */
section#mainContents div.container {
padding: 0;
background: #ffffff!important;
}
section#mainContents div.container:after {
content: "";
display: block;
clear: both;
border-bottom: 0 none;
}


/* ▼iframe */
/* ----------------------------------------------------- */
section#mainContents div.container div.form {
width: 100%;
background: #fff;
}
section#mainContents div.container div.form iframe {
width: 95%;
}


/* ▼tokuten */
/* ----------------------------------------------------- */
.tokuten {
    width: 100%;
    height: 0;
    padding-bottom: calc(852 / 767 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
    background: url(../img/tokuten.jpg) center center / cover no-repeat;
}
p.btn {
    padding: 0;
}
img.btn_mail {
    display: inherit;
    padding-top: 56%;
    width:90% !important;
    margin: 0 auto;
}
.tokuten a:hover {
    opacity: 0.9;
}



/* ▼フッター */
/* ----------------------------------------------------- */
footer {
clear: both;
overflow: hidden;
margin: 0;
padding: 0;
background: #fffdf2;
font-size: 12px;
}
fotter:after {
clear: both;
display: table;
content: "";
border: 0 none;
}
footer p,
footer a {
color: #ffffff;
}

footer ul {
display: table;
width: 100%;
margin: 0;
padding: 0;
}
footer ul li {
display: table-cell;
margin: 0;
padding: 0;
list-style-type: none;
}



/* ▼ページトップ */
/* ----------------------------------------------------- */
div#pagetop {
position: fixed;
bottom: 30px;
right: 0;
z-index: 100;
}
div#pagetop a {
display: block;
width: 30px;
margin: 0;
padding: 30px 0;
text-align: center;
vertical-align: middle;
text-decoration: none;
background: url(../images/arrow.png) no-repeat center center;
}
div#pagetop a:before {
}
div#pagetop a:hover,
div#pagetop a:active {
-moz-opacity: 0.6;
opacity: 0.6;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);  /* For IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* For IE 8 */
}
div#pagetop a span {
display: none;
}