@charset "UTF-8";

/* ----------------------------- リセット */
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, 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; vertical-align: baseline; background: transparent; font-size: 100%; }
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
a { margin: 0; padding: 0; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
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; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
img { vertical-align: top; font-size: 0; line-height: 0; }
sup { font-size: 8px; }
em { font-style: normal; }
div:before, div:after, ul:before, ul:after, ol:before, ol:after, dl:before, dl:after { content: ""; display: block; }
div:after, ul:after, ol:after, dl:after { clear: both; }
div, ul, ol, dl { zoom: 1; }


/* ----------------------------- 全体 */
html { font-size: 62.5%; }
body { font-size: 16px; font-size: 1.6rem; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; line-height: 180%; color: #222426; background-color: #f6f0e6; position: relative; -webkit-text-size-adjust: 100%; min-width: 1020px; }
::-webkit-input-placeholder { color: #dbdbdb; }
:-ms-input-placeholder { color: #dbdbdb; }
::-moz-placeholder { color: #dbdbdb; }
::-placeholder { color: #dbdbdb; }
a:link, a:visited { color: #0f68d6; text-decoration: underline; }
a:hover, a:active { color: #0f68d6; text-decoration: none; }
a, a img { -webkit-transition: 0.2s ease all; transition: 0.2s ease all; }
a:hover { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }

/* ----------------------------- スマホ */
@media screen and (max-width: 767px) {
	body { font-size: 16px; font-size: 1.6rem; line-height: 180%; min-width: initial; }
}

@media screen and (min-width: 768px) { .sp-only { display: none !important; } }
@media screen and (max-width: 767px) { .pc-only { display: none !important; } }

/* ----------------------------- 0. 共通パーツ */
.u-col { color: #2D98DB; }
.u-col__red { color: #FF3333; }
.u-col__blue { color: #3366FF; }
.u-mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.u-gothic { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }
.u-italic { font-style: italic; }
.u-bold { font-style: bold; }
.u-underline { font-style: underline; }
.u-center { text-align: center !important; }
.u-right { text-align: right !important; }
.u-left { text-align: left !important; }
.u-top { vertical-align: top !important; }
.u-middle { vertical-align: middle !important; }
.u-bottom { vertical-align: bottom !important; }
.c-wrap { max-width: 800px; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; }
.c-wrap__separate { padding-left: 90px; padding-right: 90px; }
.u-bg1 { background: #F8F8F8; }

.c-btn1 {text-align: center;margin-top: 20px;}
.c-btn1 a {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin-left: 15px;margin-right: 15px;background: #fdbcd7;font-size: 120%;cursor: pointer;border: 0;color: #333;padding: 15px 25px;text-decoration: none;}
.c-title1 {background: #5C4839;color: #fff;border-radius: 5px;padding: 5px 20px;margin-bottom: 20px;}
.c-title1 h2 {font-size: 130%;line-height: 160%;}

/* ----------------------------- スマホ */
@media screen and (max-width: 767px) {
	[class*="c-wrap"] { padding-left: 15px; padding-right: 15px; }
	[class*="c-wrap"] [class*="c-wrap"] { padding-left: 0; padding-right: 0; }
}





/* ----------------------------- 1. メールフォーム */
.p-form {padding-top: 40px;padding-bottom: 40px;}
.p-form .note {border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.p-form input[type="text"],
.p-form input[type="tel"],
.p-form input[type="email"],
.p-form select,
.p-form textarea {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 10px;border: 1px solid #999;font-size: 16px;border-radius: 4px;}
.p-form input.name1,
.p-form input.name2,
.p-form input.furi1,
.p-form input.furi2 {width: 48%;}
.p-form input.name1,
.p-form input.furi1 {margin-right: 2%;}
.p-form select.year,
.p-form select.month {margin-right: 15px;}
.p-form input.tel,
.p-form input.email,
.p-form input.school,
.p-form textarea {width: 100%;}
.p-form textarea {height: 100px;}
.p-form label {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;cursor: pointer;}
.p-form span + span label {margin-left: 20px;}
.p-form dd span,
.p-form .privacy span {position: relative;}
.p-form dt {margin-bottom: 10px;font-size: 120%;}
.p-form dt small {font-size: 65%;color: #666;}
.p-form dd {margin-bottom: 45px;}
.p-form dd p {background: #ded5cf;font-size: 90%;padding: 12px;line-height: 160%;}

.p-form .privacy {text-align: center;margin-bottom: 50px;}
.p-form .privacy p {margin-bottom: 15px;}

.p-form .btn {text-align: center;}
.p-form .btn input[type="submit"],
.p-form .btn input[type="button"] {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin-left: 15px;margin-right: 15px;background: #fdbcd7;font-size: 120%;cursor: pointer;border: 0;color: #333;padding: 15px 25px;}
.p-form .btn input.confirm {background: #ddd;}

.p-form .required {display: inline-block;*display: inline;*zoom: 1;background: #f91b77;color: #fff;font-size: 80%;line-height: 120%;padding: 2px 5px;margin-left: 10px;vertical-align: middle;}
.p-form .any {display: inline-block;*display: inline;*zoom: 1;background: #3f99f7;color: #fff;font-size: 80%;line-height: 120%;padding: 2px 5px;margin-left: 10px;vertical-align: middle;}


.l-footer {text-align: center;margin-top: 40px;padding-bottom: 20px;border-top: 1px solid #ddd;padding-top: 20px;}
.l-footer .copy {font-size: 80%;line-height: 140%;}



/* ----------------------------- スマホ */
@media screen and (max-width: 767px) {

.p-form select {width: 100%;}

}