.font-thin { font-weight: 100; }

/* -- margin padding -- */
.mb0 { margin-bottom: 0 !important; }

.mb3 { margin-bottom: 3px !important; }

.mb5 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb60 { margin-bottom: 60px !important; }

.mb70 { margin-bottom: 70px !important; }

.mb80 { margin-bottom: 80px !important; }

.mb90 { margin-bottom: 90px !important; }

.mb100 { margin-bottom: 100px !important; }

.mb110 { margin-bottom: 110px !important; }

.mb120 { margin-bottom: 120px !important; }

.mb130 { margin-bottom: 130px !important; }

.mb140 { margin-bottom: 140px !important; }

.mb150 { margin-bottom: 150px !important; }

.mb160 { margin-bottom: 160px !important; }

.mb170 { margin-bottom: 170px !important; }

.mb180 { margin-bottom: 180px !important; }

.mb190 { margin-bottom: 190px !important; }

.mb200 { margin-bottom: 200px !important; }

.mt0 { margin-top: 0 !important; }

.mt3 { margin-top: 3px !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt50 { margin-top: 50px !important; }

.mt60 { margin-top: 60px !important; }

.mt70 { margin-top: 70px !important; }

.mt80 { margin-top: 80px !important; }

.mt90 { margin-top: 90px !important; }

.mt100 { margin-top: 100px !important; }

.mt-3 { margin-top: -3px !important; }

.mt-5 { margin-top: -5px !important; }

.mt-10 { margin-top: -10px !important; }

.mt-15 { margin-top: -15px !important; }

.mt-20 { margin-top: -20px !important; }

.mt-25 { margin-top: -25px !important; }

.mt-30 { margin-top: -30px !important; }

.mt-35 { margin-top: -35px !important; }

.mt-40 { margin-top: -40px !important; }

.mt-50 { margin-top: -50px !important; }

.mt-60 { margin-top: -60px !important; }

.mt-70 { margin-top: -70px !important; }

.mt-80 { margin-top: -80px !important; }

.mt-90 { margin-top: -90px !important; }

.mt-100 { margin-top: -100px !important; }

.mt-110 { margin-top: -110px !important; }

.mt-120 { margin-top: -120px !important; }

.mt-130 { margin-top: -130px !important; }

.mt-140 { margin-top: -140px !important; }

.mt-150 { margin-top: -150px !important; }

.mt-160 { margin-top: -160px !important; }

.mt-170 { margin-top: -170px !important; }

.mt-180 { margin-top: -180px !important; }

.mt-190 { margin-top: -190px !important; }

.mt-200 { margin-top: -200px !important; }

.mr0 { margin-right: 0 !important; }

.mr3 { margin-right: 3px !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mr60 { margin-right: 60px !important; }

.mr70 { margin-right: 70px !important; }

.mr80 { margin-right: 80px !important; }

.mr90 { margin-right: 90px !important; }

.mr100 { margin-right: 100px !important; }

.ml0 { margin-left: 0 !important; }

.ml3 { margin-left: 3px !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.ml60 { margin-left: 60px !important; }

.ml70 { margin-left: 70px !important; }

.ml80 { margin-left: 80px !important; }

.ml90 { margin-left: 90px !important; }

.ml100 { margin-left: 100px !important; }

.pb0 { padding-bottom: 0 !important; }

.pb3 { padding-bottom: 3px !important; }

.pb5 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb60 { padding-bottom: 60px !important; }

.pb70 { padding-bottom: 70px !important; }

.pb80 { padding-bottom: 80px !important; }

.pb90 { padding-bottom: 90px !important; }

.pb100 { padding-bottom: 100px !important; }

.pt0 { padding-top: 0 !important; }

.pt3 { padding-top: 3px !important; }

.pt5 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt50 { padding-top: 50px !important; }

.pt60 { padding-top: 60px !important; }

.pt70 { padding-top: 70px !important; }

.pt80 { padding-top: 80px !important; }

.pt90 { padding-top: 90px !important; }

.pt100 { padding-top: 100px !important; }

.pl0 { padding-left: 0 !important; }

.pl3 { padding-left: 3px !important; }

.pl5 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pl60 { padding-left: 60px !important; }

.pl70 { padding-left: 70px !important; }

.pl80 { padding-left: 80px !important; }

.pl90 { padding-left: 90px !important; }

.pl100 { padding-left: 100px !important; }

.pr0 { padding-right: 0 !important; }

.pr3 { padding-right: 3px !important; }

.pr5 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pr60 { padding-right: 60px !important; }

.pr70 { padding-right: 70px !important; }

.pr80 { padding-right: 80px !important; }

.pr90 { padding-right: 90px !important; }

.pr100 { padding-right: 100px !important; }

/* -- layout -- */
.f_left { float: left; }

.f_right { float: right; }

.t_center { text-align: center !important; }

.t_right { text-align: right !important; }

.t_left { text-align: left !important; }

.clear { clear: both; }

.hide { display: none; }

#wrapper.top article { display: block; width: 100%; height: auto; min-height: 100%; background: #FFF; }
#wrapper.top article section { width: 100%; height: auto; position: relative; text-align: center; /******** main ********/ /******** select-contents ********/ /******** philosophy ********/ }
#wrapper.top article section .section-container { display: block; width: 630px; height: auto; margin: 0 auto; }
#wrapper.top article section.main { overflow: hidden; }
#wrapper.top article section.main .section-container { margin: 140px auto 0 auto; }
#wrapper.top article section.main .bg-list { position: absolute; width: 100%; height: 100%; z-index: 0; }
#wrapper.top article section.main .bg-list li { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }
#wrapper.top article section.main .bg-list li.bg-1 { background-image: url(../images/top/bg_main01.jpg); }
#wrapper.top article section.main .bg-list li.bg-2 { background-image: url(../images/top/bg_main02.jpg); }
#wrapper.top article section.main .bg-list li.bg-3 { background-image: url(../images/top/bg_main03.jpg); }
#wrapper.top article section.main h1 { width: 408px; height: 286px; position: relative; z-index: 2; }
#wrapper.top article section.main h1 img { display: block; opacity: 0; }
#wrapper.top article section.main h1 img.txt-01 { -moz-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s; -o-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s; -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition-delay: 0.6s; transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s; }
#wrapper.top article section.main h1 img.txt-02 { -moz-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.6s; -o-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.6s; -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition-delay: 1.6s; transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.6s; }
#wrapper.top article section.main h1 img.txt-03 { -moz-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.6s; -o-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.6s; -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition-delay: 2.6s; transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2.6s; }
#wrapper.top article section.main h1 img.txt-04 { -moz-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 3.6s; -o-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 3.6s; -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition-delay: 3.6s; transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 3.6s; }
#wrapper.top article section.main .next-arrow { position: absolute; bottom: 160px; left: 50%; margin-left: -40px; width: 40px; height: 30px; overflow: hidden; font-size: 0; -moz-transition: -moz-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: -o-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); cursor: pointer; }
#wrapper.top article section.main .next-arrow span { display: block; width: 40px; height: 21px; -moz-animation: floatAnimation 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; -webkit-animation: floatAnimation 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; animation: floatAnimation 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; }
#wrapper.top article section.main .next-arrow span:after { content: ""; display: block; overflow: hidden; text-indent: -9999px; width: 40px; height: 21px; background: url("../images/common/img_main_arrow_black.png") no-repeat 0 0; background-size: cover; -moz-transition: -moz-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: -o-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
#wrapper.top article section.main .news-list { display: block; width: 100%; position: absolute; bottom: 0; left: 0; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF'); background: transparent; background: rgba(255, 255, 255, 0.8); text-align: center; }
:root #wrapper.top article section.main .news-list { filter: none\0/IE9; }
#wrapper.top article section.main .news-list ul { width: 630px; height: 95px; overflow: hidden; margin: 0 auto; text-align: left; font-size: 0.8em; position: relative; }
#wrapper.top article section.main .news-list ul li { position: absolute; width: 100%; height: 95px; opacity: 0; -moz-transform: translateY(-95px); -ms-transform: translateY(-95px); -webkit-transform: translateY(-95px); transform: translateY(-95px); -moz-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), -moz-transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), -o-transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
#wrapper.top article section.main .news-list ul li img { vertical-align: -1px; margin-right: 16px; }
#wrapper.top article section.main .news-list ul li .date { font-size: 1.2em; margin-right: 18px; }
#wrapper.top article section.main .news-list ul li a { width: 630px; color: #666; font-size: 1.3em; color: #666; text-decoration: none; line-height: 95px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#wrapper.top article section.main .news-list ul li a:hover { text-decoration: underline; }
#wrapper.top article section.main .news-list ul li.active { opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
#wrapper.top article section.main.active h1 img { opacity: 1; }
#wrapper.top article section.select-contents .section-container { text-align: center; padding: 124px 0 144px 0; }
#wrapper.top article section.select-contents .section-container h2 { display: block; overflow: hidden; text-indent: -9999px; width: 421px; height: 34px; background: url("../images/top/ttl_works.png") no-repeat 0 0; background-size: cover; margin-bottom: 68px; }
#wrapper.top article section.select-contents .section-container .contents-list { width: 630px; height: 818px; margin: 0 auto; position: relative; }
#wrapper.top article section.select-contents .section-container .contents-list li { width: 313px; height: 161px; position: absolute; overflow: hidden; -moz-transition: all 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: all 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
#wrapper.top article section.select-contents .section-container .contents-list li:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: 0; background-repeat: no-repeat; background-size: cover; background-position: 50% 100%; left: 0; bottom: 0; -moz-transition: -moz-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: -o-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
#wrapper.top article section.select-contents .section-container .contents-list li:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: 0; background-repeat: no-repeat; background-size: cover; background-position: 50% 0; overflow: hidden; left: 0; bottom: 0; z-index: 0; -moz-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
#wrapper.top article section.select-contents .section-container .contents-list li .detail-container { display: block; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; text-align: left; -moz-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 1; opacity: 0; }
#wrapper.top article section.select-contents .section-container .contents-list li .detail-container .contents { -moz-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0; overflow: hidden; *zoom: 1; }
#wrapper.top article section.select-contents .section-container .contents-list li .detail-container .contents h3 { margin: 66px 0 0 60px; display: inline-block; overflow: hidden; text-indent: -9999px; width: 338px; height: 46px; background-repeat: no-repeat; background-position: 50% 50%; }
#wrapper.top article section.select-contents .section-container .contents-list li .detail-container .contents p { margin: 48px 0 0 60px; display: inline-block; overflow: hidden; text-indent: -9999px; width: 510px; height: 74px; background-repeat: no-repeat; background-position: 50% 50%; }
#wrapper.top article section.select-contents .section-container .contents-list li .detail-container .contents .button-container { display: inline-block; position: absolute; left: 0; bottom: -110px; width: 100%; height: 110px; overflow: hidden; *zoom: 1; }
#wrapper.top article section.select-contents .section-container .contents-list li .detail-container .contents .button-container a { display: block; width: 100%; height: 110px; position: relative; overflow: hidden; }
#wrapper.top article section.select-contents .section-container .contents-list li .detail-container .contents .button-container a img { display: block; width: 100%; height: auto; }
#wrapper.top article section.select-contents .section-container .contents-list li .detail-container .contents .button-container.two-btn a { width: 50%; float: left; }
#wrapper.top article section.select-contents .section-container .contents-list li .detail-container .contents .button-container.two-btn a img { width: 100%; height: auto; }
#wrapper.top article section.select-contents .section-container .contents-list li.list-1 { top: 0; left: 0; }
#wrapper.top article section.select-contents .section-container .contents-list li.list-1:before { background-image: url(../images/top/bg_contents_list_thumb_01.jpg); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-1:after { background-image: url(../images/top/bg_contents_list_thumb_01_blur.jpg); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-1 .detail-container h3 { background-image: url(../images/top/txt_contents_list_ttl_01.png); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-1 .detail-container p { background-image: url(../images/top/txt_contents_list_detail_01.png); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-2 { top: 0; left: 317px; }
#wrapper.top article section.select-contents .section-container .contents-list li.list-2:before { background-image: url(../images/top/bg_contents_list_thumb_02.jpg); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-2:after { background-image: url(../images/top/bg_contents_list_thumb_02_blur.jpg); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-2 .detail-container h3 { background-image: url(../images/top/txt_contents_list_ttl_02.png); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-2 .detail-container p { background-image: url(../images/top/txt_contents_list_detail_02.png); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-3 { top: 164px; left: 0; }
#wrapper.top article section.select-contents .section-container .contents-list li.list-3:before { background-image: url(../images/top/bg_contents_list_thumb_03.jpg); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-3:after { background-image: url(../images/top/bg_contents_list_thumb_03_blur.jpg); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-3 .detail-container h3 { background-image: url(../images/top/txt_contents_list_ttl_03.png); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-3 .detail-container p { background-image: url(../images/top/txt_contents_list_detail_03.png); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-4 { top: 164px; left: 317px; }
#wrapper.top article section.select-contents .section-container .contents-list li.list-4:before { background-image: url(../images/top/bg_contents_list_thumb_04.jpg); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-4:after { background-image: url(../images/top/bg_contents_list_thumb_04_blur.jpg); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-4 .detail-container h3 { background-image: url(../images/top/txt_contents_list_ttl_04.png); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-4 .detail-container p { background-image: url(../images/top/txt_contents_list_detail_04.png); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-5 { top: 328px; left: 0; }
#wrapper.top article section.select-contents .section-container .contents-list li.list-5:before { background-image: url(../images/top/bg_contents_list_thumb_05.jpg); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-5:after { background-image: url(../images/top/bg_contents_list_thumb_05_blur.jpg); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-5 .detail-container h3 { background-image: url(../images/top/txt_contents_list_ttl_05.png); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-5 .detail-container p { background-image: url(../images/top/txt_contents_list_detail_05.png); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-6 { top: 328px; left: 317px; }
#wrapper.top article section.select-contents .section-container .contents-list li.list-6:before { background-image: url(../images/top/bg_contents_list_thumb_06.jpg); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-6:after { background-image: url(../images/top/bg_contents_list_thumb_06_blur.jpg); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-6 .detail-container h3 { background-image: url(../images/top/txt_contents_list_ttl_06.png); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-6 .detail-container p { background-image: url(../images/top/txt_contents_list_detail_06.png); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-7 { top: 492px; left: 0; }
#wrapper.top article section.select-contents .section-container .contents-list li.list-7:before { background-image: url(../images/top/bg_contents_list_thumb_07.jpg); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-7:after { background-image: url(../images/top/bg_contents_list_thumb_07_blur.jpg); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-7 .detail-container h3 { background-image: url(../images/top/txt_contents_list_ttl_07.png); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-7 .detail-container p { background-image: url(../images/top/txt_contents_list_detail_07.png); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-8 { top: 492px; left: 317px; }
#wrapper.top article section.select-contents .section-container .contents-list li.list-8:before { background-image: url(../images/top/bg_contents_list_thumb_08.jpg); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-8:after { background-image: url(../images/top/bg_contents_list_thumb_08_blur.jpg); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-8 .detail-container h3 { background-image: url(../images/top/txt_contents_list_ttl_08.png); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-8 .detail-container p { background-image: url(../images/top/txt_contents_list_detail_08.png); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-9 { top: 656px; left: 0; }
#wrapper.top article section.select-contents .section-container .contents-list li.list-9:before { background-image: url(../images/top/bg_contents_list_thumb_09.jpg); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-9:after { background-image: url(../images/top/bg_contents_list_thumb_09_blur.jpg); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-9 .detail-container h3 { background-image: url(../images/top/txt_contents_list_ttl_09.png); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-9 .detail-container p { background-image: url(../images/top/txt_contents_list_detail_09.png); }
#wrapper.top article section.select-contents .section-container .contents-list li.list-7 .detail-container .contents p, #wrapper.top article section.select-contents .section-container .contents-list li.list-8 .detail-container .contents p { margin: 40px 0 0 60px; width: 532px; height: 119px; }
#wrapper.top article section.select-contents .section-container .contents-list li.active { top: 0; left: 0; width: 100%; height: 100%; z-index: 3; }
#wrapper.top article section.select-contents .section-container .contents-list li.active:after { opacity: 0; -moz-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; -o-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; -webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition-delay: 0.5s; transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; }
#wrapper.top article section.select-contents .section-container .contents-list li.active .txt { opacity: 0; }
#wrapper.top article section.select-contents .section-container .contents-list li.active .detail-container { -moz-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -o-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition-delay: 0.7s; transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s; opacity: 1; height: 401px; }
#wrapper.top article section.select-contents .section-container .contents-list li.active .detail-container .contents { opacity: 1; }
#wrapper.top article section.select-contents .section-container .contents-list li.active .detail-container .contents .button-container { bottom: 0; }
#wrapper.top article section.select-contents .section-container .contents-list li.active.list-7 .detail-container, #wrapper.top article section.select-contents .section-container .contents-list li.active.list-8 .detail-container { height: 448px; }
#wrapper.top article section.select-contents .section-container .contents-list li.close { z-index: 3; }
#wrapper.top article section.select-contents .section-container .contents-list li.close .detail-container { -moz-transition: opacity 0s; -o-transition: opacity 0s; -webkit-transition: opacity 0s; transition: opacity 0s; }
#wrapper.top article section.select-contents .section-container .contents-list li.hover { cursor: pointer; }
#wrapper.top article section.select-contents .section-container .contents-list li.hover:before { -moz-transform: scale(1.06, 1.06); -ms-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); transform: scale(1.06, 1.06); }
#wrapper.top article section.select-contents .section-container .contents-list li.hover:after { -moz-transform: scale(1.06, 1.06); -ms-transform: scale(1.06, 1.06); -webkit-transform: scale(1.06, 1.06); transform: scale(1.06, 1.06); opacity: 0; }
#wrapper.top article section.select-contents .section-container .close-btn { position: absolute; top: 226px; right: 60px; z-index: 4; cursor: pointer; display: none; }
#wrapper.top article section.select-contents .section-container .close-btn span { display: block; width: 630px; height: 416px; overflow: hidden; text-align: left; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(../images/top/btn_contents_list_close.png); position: relative; }
#wrapper.top article section.philosophy, #wrapper.top article section.history { position: relative; background-repeat: no-repeat; background-size: cover; background-position: 50% 100%; height: 1245px; text-align: center; }
#wrapper.top article section.philosophy .contents, #wrapper.top article section.history .contents { display: block; width: 630px; margin: 0 auto; }
#wrapper.top article section.philosophy .contents p, #wrapper.top article section.history .contents p { margin-top: 52px; }
#wrapper.top article section.philosophy .contents a, #wrapper.top article section.history .contents a { margin-top: 63px; width: 100%; height: 160px; position: relative; }
#wrapper.top article section.philosophy .contents a img, #wrapper.top article section.history .contents a img { display: block; }
#wrapper.top article section.philosophy { background-image: url(../images/top/bg_philosophy.jpg); }
#wrapper.top article section.philosophy .contents { padding: 767px 0 64px 0; }
#wrapper.top article section.philosophy .contents h3 { display: block; overflow: hidden; text-indent: -9999px; width: 531px; height: 64px; background: url("../images/top/ttl_philosophy.png") no-repeat 0 0; background-size: cover; }
#wrapper.top article section.philosophy .contents p { display: block; overflow: hidden; text-indent: -9999px; width: 529px; height: 74px; background: url("../images/top/txt_philosophy.png") no-repeat 0 0; background-size: cover; }
#wrapper.top article section.history { background-image: url(../images/top/bg_history.jpg); }
#wrapper.top article section.history .contents { padding: 714px 0 64px 0; }
#wrapper.top article section.history .contents h3 { display: block; overflow: hidden; text-indent: -9999px; width: 353px; height: 51px; background: url("../images/top/ttl_history.png") no-repeat 0 0; background-size: cover; }
#wrapper.top article section.history .contents p { display: block; overflow: hidden; text-indent: -9999px; width: 565px; height: 120px; background: url("../images/top/txt_history.png") no-repeat 0 0; background-size: cover; }
#wrapper.top article section.bottom { position: relative; padding-bottom: 134px; }
#wrapper.top article section.bottom .banner-list { width: 630px; overflow: hidden; *zoom: 1; margin-top: 128px; }
#wrapper.top article section.bottom .banner-list li { display: block; float: left; width: 300px; height: 352px; margin-left: 30px; margin-bottom: 64px; }
#wrapper.top article section.bottom .banner-list li a { display: block; width: 300px; height: auto; position: relative; }
#wrapper.top article section.bottom .banner-list li a .txt { display: inline-block; width: 300px; line-height: 2.2em; font-size: 1.3em; color: #4c4c4c; text-align: left; }
#wrapper.top article section.bottom .banner-list li a .icon { display: block; position: absolute; right: 0; bottom: 12px; width: 32px; height: 32px; background: url(../images/common/icon_blankwindow.png); }