.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.philosophy { position: relative; width: 100%; height: auto; }
#wrapper.philosophy article { display: block; width: 100%; height: auto; min-height: 100%; background: #FFF; }
#wrapper.philosophy article section { width: 100%; height: 672px; position: relative; /******** main ********/ /******** about ********/ /******** logo ********/ /******** naoshima ********/ /******** naoshima ********/ /******** bottom ********/ }
#wrapper.philosophy article section .section-container { display: block; width: 630px; height: 730px; position: absolute; top: 50%; left: 50%; margin-left: -315px; margin-top: -365px; }
#wrapper.philosophy article section.main { height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-image: url(../images/philosophy/bg_main.jpg); }
#wrapper.philosophy article section.main .section-container { text-align: center; }
#wrapper.philosophy article section.main h1 { display: block; overflow: hidden; text-indent: -9999px; width: 599px; height: 53px; background: url("../images/philosophy/ttl_main.png") no-repeat 0 0; background-size: cover; margin: 0 auto; }
#wrapper.philosophy article section.main p { margin-top: 82px; }
#wrapper.philosophy article section.main p span { margin-top: 0; display: block; font-weight: 200; font-size: 1.5em; color: #FFF; line-height: 2.0em; text-align: left; }
#wrapper.philosophy article section.main .next-arrow { position: absolute; bottom: 67px; left: 50%; margin-left: -20px; width: 40px; height: 28px; 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.philosophy 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.philosophy 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_white.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.philosophy article section.about { text-align: center; height: auto; }
#wrapper.philosophy article section.about .section-container { width: 630px; height: auto; position: relative; top: 0; left: 0; margin: 0 auto; padding-top: 128px; padding-bottom: 128px; text-align: left; }
#wrapper.philosophy article section.about .section-container h2 { display: block; overflow: hidden; text-indent: -9999px; width: 271px; height: 33px; background: url("../images/philosophy/ttl_birth.png") no-repeat 0 0; background-size: cover; margin-bottom: 96px; }
#wrapper.philosophy article section.about .section-container h3 { display: block; overflow: hidden; text-indent: -9999px; width: 633px; height: 125px; background: url("../images/philosophy/catch_birth.png") no-repeat 0 0; background-size: cover; margin-bottom: 98px; }
#wrapper.philosophy article section.about .section-container p { font-size: 1.5em; line-height: 2em; font-weight: 200; }
#wrapper.philosophy article section.logo { text-align: center; background: #fafafa; height: auto; }
#wrapper.philosophy article section.logo .section-container { width: 630px; height: auto; position: relative; top: 0; left: 0; margin: 0 auto; padding-top: 128px; padding-bottom: 126px; text-align: left; }
#wrapper.philosophy article section.logo .section-container h2 { display: block; overflow: hidden; text-indent: -9999px; width: 298px; height: 46px; background: url("../images/philosophy/ttl_logo.png") no-repeat 0 0; background-size: cover; }
#wrapper.philosophy article section.logo .section-container p { margin-top: 94px; font-size: 1.5em; line-height: 2em; font-weight: 200; }
#wrapper.philosophy article section.naoshima { text-align: center; height: auto; }
#wrapper.philosophy article section.naoshima .section-container { width: 630px; height: auto; position: relative; top: 0; left: 0; margin: 0 auto; padding: 128px 0 128px 0; text-align: left; overflow: hidden; *zoom: 1; }
#wrapper.philosophy article section.naoshima .section-container h2 { display: block; overflow: hidden; text-indent: -9999px; width: 516px; height: 30px; background: url("../images/philosophy/ttl_art.png") no-repeat 0 0; background-size: cover; margin-bottom: 98px; }
#wrapper.philosophy article section.naoshima .section-container p { margin: 86px auto 100px auto; font-size: 1.5em; line-height: 2em; font-weight: 200; }
#wrapper.philosophy article section.naoshima .section-container .movie { position: relative; cursor: pointer; }
#wrapper.philosophy article section.naoshima .section-container .movie img { -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.philosophy article section.more { text-align: center; height: auto; background: #f1f1f1; }
#wrapper.philosophy article section.more .section-container { width: 630px; height: auto; position: relative; top: 0; left: 0; margin: 0 auto; padding: 128px 0 128px 0; text-align: left; overflow: hidden; *zoom: 1; }
#wrapper.philosophy article section.more .section-container h2 { display: block; overflow: hidden; text-indent: -9999px; width: 506px; height: 33px; background: url("../images/philosophy/ttl_know.png") no-repeat 0 0; background-size: cover; }
#wrapper.philosophy article section.more .section-container .more-list { overflow: hidden; *zoom: 1; margin-top: 95px; }
#wrapper.philosophy article section.more .section-container .more-list li { margin-top: 64px; }
#wrapper.philosophy article section.more .section-container .more-list li.first { margin-top: 0; }
#wrapper.philosophy article section.bottom { text-align: center; height: auto; background: #FFF; }
#wrapper.philosophy article section.bottom .section-container { width: 750px; height: auto; position: relative; position: relative; top: 0; left: 0; margin: 0 auto; padding-bottom: 163px; text-align: left; }
#wrapper.philosophy article section.bottom .section-container .top-link { display: block; width: 100%; position: relative; }
#wrapper.philosophy article section.bottom .section-container .top-link img { display: block; }
#wrapper.philosophy article .link-btn { display: block; }
#wrapper.philosophy article .link-btn img { display: block; }


.header { display: none; }
.contact-to,
.pickup-links,
.pickup-links + hr,
.upto-pagetop {
	display: none !important;
}
#sp-footer {
	zoom: 200%;
	text-align: left;
}