@charset "UTF-8";
body { font-family: 'メイリオ', 'meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', 'Verdana', 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', sans-serif; font-size: 16px; line-height: 1.75em; }
@media screen and (max-width: 640px) { body { font-size: 14px; line-height: 1.6em; } }

p { line-height: 1.75em; }
p.small, p.small a { font-size: 14px; }
@media screen and (max-width: 640px) { p { line-height: 1.5em; }
  p.small, p.small a { font-size: 12px; line-height: 1.6em; } }

a.link.outside, a.link.normal { padding-left: 25px; background-position: left center; }

/*-----------------------------------------
clear
-----------------------------------------*/
/*--<後述>回り込みをリセット--*/
.cl { clear: both; }

/*--<先述>回り込みをリセット/モダンブラウザ--*/
.cf:before, .cf:after { content: ""; display: table; }

.cf:after { clear: both; }

/*--<先述>回り込みをリセット/IE 6・7--*/
.cf { zoom: 1; }

/*-------------------------
	elementBreadcrumbs
---------------------------*/
.elementBreadcrumbs { margin-top: 20px; font-size: 14px; min-height: 0; }
.elementBreadcrumbs .inner { padding: 0; }
@media screen and (max-width: 640px) { .elementBreadcrumbs { display: none; } }

/*-------------------------
	elementSocialButtons
---------------------------*/
.elementSocialButtons { max-width: 950px; }
.elementSocialButtons.top { height: 20px; margin: -16px auto 0; }
.elementSocialButtons ul.buttons .twitter-tweet { width: 87px; }
.elementSocialButtons ul.buttons .facebook-like { width: 160px; }
.elementSocialButtons ul.buttons .facebook-like .fb_iframe_widget > span { vertical-align: baseline !important; }
@media screen and (max-width: 640px) { .elementSocialButtons { display: none; } }

/*-------------------------
	button
---------------------------*/
.elementGeneralButton { margin: 40px 0 0; display: block; text-align: center; }
.elementGeneralButton a { display: inline-block; padding: 20px 0 25px; width: 700px; }
.elementGeneralButton a.buttonBlue { background: #3399cc; }
.elementGeneralButton a.buttonGreen { background: #339933; }
.elementGeneralButton a:hover { text-decoration: underline; opacity: 0.8; }
@media screen and (max-width: 640px) { .elementGeneralButton a { width: 100%; padding: 20px; box-sizing: border-box; } }

/*-------------------------
	elementMainContents
---------------------------*/
.elementMainContents { width: 100%; margin: 0 auto; float: none; background: none; /*----------------------
	elementCommonButton
----------------------*/ }
@media screen and (max-width: 640px) { .elementMainContents { padding: 0; } }
.elementMainContents .gray { background: #e8e8e9; }
@media screen and (max-width: 640px) { .elementMainContents .gray { padding-bottom: 30px; } }
.elementMainContents h1 { text-align: center; border: none !important; background: #111; color: #fff; font-size: 30px; margin-bottom: 30px; line-height: 1.75em; padding: 20px 15px; }
@media screen and (max-width: 640px) { .elementMainContents h1 { font-size: 25px; line-height: 1.1em; } }
.elementMainContents h2 { font-size: 30px; line-height: 1.1em; margin: 30px 0; background: none; color: #000; text-align: center; border: none; padding-top: 60px; box-sizing: border-box; }
@media screen and (max-width: 640px) { .elementMainContents h2 { font-size: 24px; line-height: 1.1em; } }
.elementMainContents h3 { background: none; text-align: center; float: none; width: 100%; font-size: 24px; line-height: 1.1em; margin-bottom: 20px; padding: 10px 0; box-sizing: border-box; }
@media screen and (max-width: 640px) { .elementMainContents h3 { font-size: 20px; line-height: 1.1em; } }
.elementMainContents .block { width: 710px; margin: 0 auto; padding-bottom: 60px; }
@media screen and (max-width: 640px) { .elementMainContents .block { width: 100%; padding: 0 10px; box-sizing: border-box; }
  .elementMainContents .block .movie_area iframe { width: 100%; height: auto; min-height: 200px; } }
.elementMainContents .block .bannerLink { margin-top: 20px; padding: 0 0 25px; }
.elementMainContents .elementCommonButton { margin: 0 auto 50px; }
@media screen and (max-width: 640px) { .elementMainContents .elementCommonButton { width: 100%; padding: 0 10px; box-sizing: border-box; } }
.elementMainContents .elementCommonButton section { width: 710px; margin: 0 auto; }
@media screen and (max-width: 640px) { .elementMainContents .elementCommonButton section { width: 100%; } }
.elementMainContents .elementCommonButton h2 { background: #fff !important; border-top: none !important; line-height: 1.1; font-size: 30px; padding: 0; line-height: 1.1em; margin: 0; text-align: center; }
.elementMainContents .elementCommonButton .body { padding: 30px 0; border: none; text-align: center; }
.elementMainContents .elementCommonButton .body h3 { background: none; padding: 0; margin: 0 0 20px; }
.elementMainContents .elementCommonButton .body h3 small { font-weight: normal; }
.elementMainContents .elementCommonButton .body span { display: inline-block; text-indent: 0; background: none; width: 433px; height: 38px; padding: 2px 0; }
@media screen and (max-width: 640px) { .elementMainContents .elementCommonButton .body span { width: 100%; box-sizing: border-box; padding: 0 15px; } }

/*----------------------
	footer
---------------------*/
.wrapperInner.speed { width: 950px; position: relative; z-index: 1; padding: 0 20px; margin: 0 auto; font-size: 14px; line-height: 1.75em; box-sizing: border-box; }
@media screen and (max-width: 640px) { .wrapperInner.speed { line-height: 1.5em; font-size: 12px; width: 100%; padding: 0 10px; } }

/*@ sourceMappingURL=default.css.map */