@charset "utf-8";

/* ------------------------- TOC
setup
wrap around the contents
header
site navigation
contents
page top
footer
 ------------------------- */

/* ============================== setup */
body { color: #000; background-color: #dce2e6; font-size: 14px; font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif; -webkit-text-size-adjust: 100%; }
table { border-collapse: collapse; border-spacing: 0; }

a { color: #0066cc; }
a:link { color: #0066cc; }
a:visited { color: #0066cc; }
a:hover, a:active { color: #ff9999; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

img { vertical-align: top; }


/* ============================== wrap around the contents */
.w960 { width: 960px; margin: 0 auto; }


/* ============================== header */
#header { width: 960px; margin: 0 auto; }
.header_belowh2 { font-size: 18px; line-height: 32px; text-align: center; margin: -5px 0 0; font-weight: bold; color: #c00; }


/* ============================== contents */
.contents { background: url(../img/bg_contents.png) repeat-x 0 294px; }
.contents_inner { width: 960px; margin: 0 auto; }

/* navContents */
#navContents {  }
.navContents_heading { padding-top: 49px; text-align: center; }
#navContents ul { margin-top: -178px; position: relative; z-index: 50; }
#navContents li { float: left; }
#navContents li:nth-child(3) { margin-left: 203px; }
#navContents p { text-align: center; }
#navContents p img { margin-top: -122px; }

/* sec */
.sec { position: relative; z-index: 10; margin: -5px 0; background: url(../img/bg_sec.png) no-repeat 50% 100%; padding: 0 80px 63px; }
.sec h3 { text-align: center; }
.sec h3 img { margin-top: -65px; }
.sec p { font-size: 16px; line-height: 30px; text-align: justify; }
.sec em { background-color: #fdfd79; font-weight: bold; }
.sec h3 + p { width: 580px; margin-top: calc(30px - 5px - 7px); }
.sec h3 + p + p { width: 568px; margin-left: 230px; }
.sec h3 + p img { position: absolute; top: 56px; right: 100px; }
.sec h3 + p + p img { position: absolute; bottom: 8px; left: 57px; }

#sec_01 { margin-top: -33px; }
#sec_01 h3 + p { height: 180px; }

#sec_02 h3 + p { width: 576px; }
#sec_02 h3 + p img { right: 90px; }
#sec_02 h3 + p + p img { bottom: 15px; left: 71px; }

#sec_03 { margin-top: -33px; }
#sec_03 h3 + p { width: 580px; height: 210px; }
#sec_03 h3 + p + p { width: 568px; }
#sec_03 h3 + p img {  top: 56px; right: 70px; }
#sec_03 h3 + p + p img { bottom: 37px; left: 90px; }

.contents_bottom { text-align: center; padding: 25px 0 80px; background: url(../img/bg_contents_2.png) no-repeat 50% 100%; }

/* secBottom */
.secBottom { }
.secBottom_inner { width: 960px; margin: 0 auto; }

/* secMatome */
.secMatome { background: url(../img/bg_secMatome.png) no-repeat 50% 100%; padding: 0 100px; height: 461px; text-align: center; }
.secMatome h3 { margin-top: 16px; }
.secMatome p { font-size: 14px; line-height: 30px; }
.secMatome em { background-color: #fdfd79; font-weight: bold; }

/* secBtns */
.secBtns { margin-top: 19px; }
.secBtns_register { margin: 6px -2px 0; }
.secBtns_telExplanation { margin: 8px 0 0; }
.secBtns_tel { margin-top: 18px; }

/* sec_merit */
/* #sec_merit { margin-top: 40px; }
.sec_merit_inner { background: url(../img/merit/bg_sec_merit.png) no-repeat 0 100%; padding: 0 20px 44px; }
#sec_merit .sec_merit_item { float: left; width: 300px; margin-left: 10px; }
#sec_merit .sec_merit_item:first-child { margin-left: 0; }
#sec_merit h4 { margin-top: 10px; padding: 0 15px; font-size: 16px; line-height: 1; color: #333; font-weight: bold; }
#sec_merit p { margin-top: 14px; padding: 0 15px; min-height: 200px; font-size: 14px; line-height: 24px; }
#sec_merit em { color: #ff3333; font-weight: bold; }
#sec_merit .sec_merit_bt { text-align: center; margin-top: 10px; } */

/* sec_banners */
.secBanners { width: 1016px; margin: 0 auto 30px; }
.secBanners h2 { margin-top: 30px; text-align: center; }
.secBanners li { margin-top: 22px; margin-left: 20px; float: left; }
.secBanners li img { display: block; }
.secBanners li:first-child { margin-left: 0; }

/* bt_home */
.bt_home { text-align: center; width: 960px; margin: 30px auto 0; text-align: right; box-sizing: border-box; padding-right: 60px; }

/* ============================== page top */
/* .bt_pagetop { position: fixed; top: 85%; right: 0; z-index: 2; } */


/* ============================== footer */
/* #footer { background-color: #ee8598; }
#footer .inner { width: 960px; margin: 0 auto; }
#logo { float: left; width: 286px; }
#copyright { float: right; margin-top: 14px; font-size: 62.5%; color: #9d2238; width: 450px; text-align: right; } */



/* ==========================================================================
   Media Queries
   ========================================================================== */

/* PC and tablet */
@media only screen and (max-device-width : 1024px) {
	#wrapper { width: 1024px; margin: 0 auto; }
}
@media only screen and (max-width: 1024px) {
	#wrapper { min-width: 1024px; margin: 0 auto; }
}