@charset "Shift_JIS";
/* CSS Document */

#event h2 { background: url(../../event/img/title_bg.png) no-repeat center top;}
#event #contents { background: url(../../event/img/con_bg.png) no-repeat 21px top;}

#event .box { padding: 0 0 87px 0; margin: 75px 0 0 0; background: #000; overflow: hidden;}

#event #sec1 { padding: 0 0 54px 0; position: relative; background: url(../../event/img/sec1_bg.png) no-repeat 150% -36px;}
#event #sec1 h3,
#event #sec1 p { position: relative; z-index: 10;}
#event #sec1 h3 { padding: 18px 0 68px 40px;}
#event #sec1 p { padding: 0 0 0 61px;}
#event #sec1 figure { position: absolute; top: -81px; right: -29px; z-index: 0;}

#event #sec2 { position: relative; z-index: 10;}
#event #sec2 h4,
#event #sec2 p { float: right;}
#event #sec2 figure { float: left;}
#event #sec2 h4 { padding: 106px 93px 32px 38px; background: url(../../event/img/sec2_bg.png) no-repeat left 53px;}
#event #sec2 figure { padding: 0 0 0 86px;}
#event #sec2 p { padding: 0 70px 0 0;}

#event #sec3 { padding: 38px 118px 45px 118px;}
#event #sec3 h4 { text-align: center;}
#event #sec3>div { padding: 0 0 30px 0;}
#event #sec3 div div { width: 565px;}
#event #sec3 h5 { padding: 3px 0 8px 20px; margin: 0 0 15px 0; color: #fff; font-size: 19px; font-weight: bold;}
#event #sec3 dl { display: table; padding: 0 0 5px 0; table-layout: fixed;}
#event #sec3 dt,
#event #sec3 dd { display: table-cell; vertical-align: top;}
#event #sec3 dt { width: 140px; padding: 0 5px 0 0; font-size: 48px; line-height: 1.2; text-align: right;}
#event #sec3 dt span { font-size: 34px;}
#event #sec3 dd { width: 420px;}
#event #sec3 dd b { display: block; font-family: YuMincho, "Ÿà–¾’©", "‚l‚r ‚o–¾’©", "MS PMincho", "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro", serif; font-size: 23px;}
#event #sec3 figure { float: left;}
#event #sec3 dt .ver_sp { display: none;}

#event #sec3a div,
#event #sec3c div { float: right;}

#event #sec3a { padding-top: 15px;}
#event #sec3a div { padding: 39px 0 0 0;}
#event #sec3a h5 { background: url(../../event/img/sec3a_icon.gif) no-repeat left top; border-bottom: 1px solid #0892cf;}
#event #sec3a dl:first-of-type { color: #1e95ce;}
#event #sec3a dl:nth-of-type(2) { color: #529bd0;}
#event #sec3a dl:nth-of-type(3) { color: #7aa4d3;}
#event #sec3a dl:last-of-type { color: #99abd5;}
#event #sec3a figure { padding: 0 0 0 41px;}

#event #sec3b div { float: left;}
#event #sec3b h5 { background: url(../../event/img/sec3b_icon.gif) no-repeat left top; border-bottom: 1px solid #a9b1d7;}
#event #sec3b dl:first-of-type { color: #bcb5d8;}
#event #sec3b dl:nth-of-type(2) { color: #d0bada;}
#event #sec3b dl:nth-of-type(3) { color: #d6b0cb;}
#event #sec3b dl:last-of-type { color: #db9fb5;}
#event #sec3b figure { float: right; padding: 44px 35px 21px 0;}

#event #sec3c dl:first-of-type { color: #df8da0;}
#event #sec3c h5 { background: url(../../event/img/sec3c_icon.gif) no-repeat left top; border-bottom: 1px solid #df96aa;}
#event #sec3c dl:nth-of-type(2) { color: #e47689;}
#event #sec3c dl:nth-of-type(3) { color: #e6697c;}
#event #sec3c dl:last-of-type { color: #e9536b;}
#event #sec3c figure { padding: 49px 0 0 0;}

#event .box>p { text-align: center; background: url(../../event/img/sec_bg.gif) no-repeat 770px 87px;}




/* -------------------------------------------------------
clear
------------------------------------------------------- */
#event #sec2:after,
#event #sec3>div:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}