@charset "UTF-8";
/* CSS Document */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-feature-settings: "palt"; letter-spacing: 0.05em; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

img { width: 100%; height: auto; }

*, *::before, *::after { box-sizing: border-box; }

/*--Reset Stylesheet--*/
body { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; margin: 0 auto; color: #333; }

.image { font-size: 0; line-height: 0; }

#mv { background: #e0d9cd; }

#mv #mvHead { position: relative; overflow: hidden; }

#mv #mvHead:after { content: ""; position: absolute; width: calc(100% - 20px); height: 100%; display: block; position: absolute; pointer-events: none; left: 10px; top: 10px; border: 1px solid #fff; z-index: 1; }

#mv #mvHead h1 { position: absolute; left: 0; top: 28%; width: 75%; z-index: 2; font-size: 0; line-height: 0; }

#mv #mvText { position: relative; overflow: hidden; text-align: center; padding: 30px 0 40px; }

#mv #mvText:after { content: ""; position: absolute; width: calc(100% - 20px); height: 100%; display: block; position: absolute; pointer-events: none; left: 10px; bottom: 10px; border: 1px solid #fff; z-index: 1; }

#mv #mvText p { font-size: 14px; line-height: 1.8em; }

#mv #mvText p strong { color: #a90716; }

#sec01Area { padding: 30px 15px 60px; position: relative; overflow: hidden; }

#sec01Area:after { content: ""; width: 200%; height: 200px; background: #ede6d9; display: block; position: absolute; left: -50%; top: 30%; z-index: -1; transform: rotate(-45deg); }

#sec01Area:before { content: ""; width: 200%; height: 200px; background: #ede6d9; display: block; position: absolute; left: -50%; top: 70%; z-index: -1; transform: rotate(45deg); }

#sec01Area h2 { font-size: 0; line-height: 0; margin-bottom: 20px; }

#sec01Area .caution li { text-indent: -2em; padding-left: 2em; }

#sec01Area .block { margin-bottom: 20px; overflow: hidden; position: relative; background: #fff; }

#sec01Area .block:nth-of-type(1) h3 { width: 50%; margin: 0 auto 20px; }

#sec01Area .block:nth-of-type(2):before { content: "特典2"; }

#sec01Area .block:nth-of-type(2) h3 { width: 64%; margin: 0 auto 20px; }

#sec01Area .block:after { content: ""; width: 100px; height: 100px; background: #f3a98e; position: absolute; transform: rotate(-45deg); display: block; left: -50px; top: -50px; z-index: 1; }

#sec01Area .block:before { content: "特典1"; font-size: 16px; font-weight: bold; position: absolute; width: 200px; display: block; left: -75px; top: 20px; transform: rotate(-45deg); z-index: 2; color: #fff; text-align: center; }

#sec01Area .block .block-inner { padding: 20px; border: 2px solid #c6b78d; }

#sec01Area .block .block-inner h3 { font-size: 0; line-height: 0; }

#sec01Area .block .block-inner .image:not(:last-child) { margin-bottom: 10px; }

#sec01Area .block .block-inner .howtouse h4 { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 14px; line-height: 1.6em; text-align: center; margin-bottom: 10px; }

#sec01Area .block .block-inner .howtouse h4 span { display: inline-block; color: #8c7944; border: 1px solid #c6b78d; padding: 5px 10px; }

#sec01Area .block .block-inner .howtouse p { font-size: 12px; line-height: 1.6em; }

#sec02Area { margin-top: -30px; }

#sec02Area h2 { font-size: 0; line-height: 0; }

#sec02Area .secHead { background: #e0d9cd; padding: 20px 0; }

#sec02Area .secHead h3 { background: #f3f0e7; text-align: center; padding: 5px 0; font-size: 16px; line-height: 1.6em; font-weight: normal; margin-bottom: 20px; }

#sec02Area .secHead h4 { padding: 0 20px; font-size: 0; line-height: 0; margin-bottom: 20px; }

#sec02Area .secHead p { text-align: center; font-size: 14px; line-height: 1.6em; }

#sec02Area .secHead p strong { font-weight: bold; }

#sec02Area .inner { background: #e0d9cd; padding: 0 15px 40px; }

#sec02Area .inner .block { background: #fff; box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.05); }

#sec02Area .inner .block:not(:last-child) { margin-bottom: 20px; }

#sec02Area .inner .block:nth-of-type(1) h3 { background: #e57171; }

#sec02Area .inner .block:nth-of-type(1) .block-inner { border-left: 2px solid #e57171; border-right: 2px solid #e57171; border-bottom: 2px solid #e57171; }

#sec02Area .inner .block h3 { background: #f3f0e7; padding: 10px 0; text-align: center; }

#sec02Area .inner .block h3 img { width: 70%; height: auto; }

#sec02Area .inner .block .block-inner { padding: 20px 16px; border-left: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff; }

#sec02Area .inner .block .block-inner h4 { text-align: center; font-size: 22px; line-height: 1.6em; font-weight: bold; color: #000; }

#sec02Area .inner .block .block-inner h4 span { font-size: 14px; line-height: 1.6em; font-weight: normal; display: block; color: #666; }

#sec02Area .inner .block .block-inner .image { margin-bottom: 10px; }

#sec02Area .inner .block .block-inner .btn-wrap a { display: block; text-align: center; font-size: 18px; line-height: 1.6em; font-weight: bold; padding: 20px 0; background: #c6b78d; }

#sec02Area .inner .block .block-inner .btn-wrap a:link, #sec02Area .inner .block .block-inner .btn-wrap a:visited { color: #fff; text-decoration: none; }

#sec02Area .inner .block .block-inner .btn-wrap a:hover, #sec02Area .inner .block .block-inner .btn-wrap a:active { color: #fff; text-decoration: none; }

#sec03Area { background: #ede6d9; padding: 30px 15px; }

#sec03Area h2 { font-size: 0; line-height: 0; margin-bottom: 10px; text-align: center; }

#sec03Area h2 img { width: 63%; height: auto; }

#sec03Area .secHead { margin-bottom: 20px; }

#sec03Area .secHead p { font-size: 14px; line-height: 1.6em; text-align: center; }

#sec03Area .block h3 span { display: inline-block; background: linear-gradient(transparent 60%, #e0d9cd 60%); }

#sec03Area .block:nth-of-type(2) { background: #fff; padding: 20px; margin-bottom: 20px; }

#sec03Area .block:nth-of-type(2) h3 { font-size: 18px; line-height: 1.6em; margin-bottom: 10px; }

#sec03Area .block:nth-of-type(2) p { font-size: 14px; line-height: 1.6em; }

#sec03Area .block:nth-of-type(3) { margin-bottom: 20px; }

#sec03Area .block:nth-of-type(3) h3 { font-size: 18px; line-height: 1.6em; margin-bottom: 10px; text-align: center; }

#sec03Area .block:nth-of-type(4) { position: relative; }

#sec03Area .block:nth-of-type(4) h3 { font-size: 18px; line-height: 1.6em; margin-bottom: 10px; text-align: center; }

#sec03Area .block:nth-of-type(4) .image { margin-bottom: 10px; }

.caution ul { list-style: none; margin: 0; padding: 0; }

.caution ul li { text-indent: -1em; padding-left: 1em; font-size: 12px; line-height: 1.6em; }