@charset "UTF-8";
/*======================================

Font-size Adjustment
77% = 10px  |   122% = 16px | 167% = 22px 
85% = 11px  | 129% = 17px | 174% = 23px
92% = 12px  | 136% = 18px | 182% = 24px
100% = 13px | 144% = 19px | 189% = 25px
107% = 14px | 152% = 20px | 197% = 26px
114% = 15px | 159% = 21px |

=======================================*/
/* 1.マージン・インデント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.m1b { margin-bottom: 1px !important; }

.m2b { margin-bottom: 2px !important; }

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

.m4b { margin-bottom: 4px !important; }

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

.m6b { margin-bottom: 6px !important; }

.m7b { margin-bottom: 7px !important; }

.m8b { margin-bottom: 8px !important; }

.m9b { margin-bottom: 9px !important; }

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

.m13b { margin-bottom: 13px !important; }

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

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

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

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

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

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

.m45b { margin-bottom: 45px !important; }

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

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

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

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

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

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

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

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

.m9l { margin-left: 9px !important; }

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

.m12l { margin-left: 12px !important; }

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

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

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

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

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

.m150l { margin-left: 150px !important; }

.m570l { margin-left: 570px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p34b { padding-bottom: 34px !important; }

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

.p8t { padding-top: 8px !important; }

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

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

.p17t { padding-top: 17px !important; }

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

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

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

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

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

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

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

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

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

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

.p120t { padding-top: 120px !important; }

.p10a { padding: 10px !important; }

.p20a { padding: 20px !important; }

.p0r { padding-right: 0px !important; }

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

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

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

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

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

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

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

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

.p55r { padding-right: 55px !important; }

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

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

.p75r { padding-right: 75px !important; }

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

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

.p110r { padding-right: 110px !important; }

.p120r { padding-right: 120px !important; }

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

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

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

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

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

.p200l { padding-left: 200px !important; }

.box60 { width: 60px !important; }

.box85 { width: 85px !important; }

.box100 { width: 100px !important; }

.box110 { width: 110px !important; }

.box120 { width: 120px !important; }

.box130 { width: 130px !important; }

.box140 { width: 140px !important; }

.box160 { width: 160px !important; }

.box180 { width: 180px !important; }

.box200 { width: 200px !important; }

.box230 { width: 230px !important; }

.box250 { width: 250px !important; }

.box260 { width: 260px !important; }

.box280 { width: 280px !important; }

.box285 { width: 285px !important; }

.box290 { width: 290px !important; }

.box330 { width: 330px !important; }

.box340 { width: 340px !important; }

.box300 { width: 300px !important; }

.box310 { width: 310px !important; }

.box320 { width: 320px !important; }

.box350 { width: 350px !important; }

.box355 { width: 355px !important; }

.box365 { width: 365px !important; }

.box370 { width: 370px !important; }

.box400 { width: 400px !important; }

.box420 { width: 420px !important; }

.box450 { width: 450px !important; }

.box440 { width: 440px !important; }

.box460 { width: 460px !important; }

.box480 { width: 480px !important; }

.box500 { width: 500px !important; }

.box510 { width: 510px !important; }

.box530 { width: 530px !important; }

.box600 { width: 600px !important; }

.box640 { width: 640px !important; }

/* 2.位置クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.clear { clear: both !important; }

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

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

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

.fLeft { float: left !important; }

.fRight { float: right !important; }

/* 3.テキスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.bold { font-weight: bold !important; }

.txtRed { color: #d90000 !important; }

.txtRed2 { color: #CC0000 !important; }

.txtBlue { color: #25bdf3 !important; }

.txtPink { color: #F246A4 !important; }

.txtGold { color: #c37c00 !important; }

.txtGray { color: #666666 !important; }

.txtWhite { color: #FFFFFF !important; }

.txtGreen { color: #3b7309 !important; }

.txt11 { font-size: 92% !important; }

.txt13 { font-size: 109% !important; }

.txt14 { font-size: 117% !important; }

.txt15 { font-size: 125% !important; }

.txt16 { font-size: 136% !important; }

.txt17 { font-size: 142% !important; }

.txt18 { font-size: 150% !important; }

.txt20 { font-size: 167% !important; }

.txt25 { font-size: 189% !important; }

.lh190 { line-height: 190% !important; }

.lh240 { line-height: 240% !important; }

.bNone { border: none !important; }

.vaMiddle { vertical-align: middle !important; }

/*---base stylesheet---*/
/*------------------

1.Common Setting
2.Layout
3.Index Page
4.Sub Layout
5.Sub Page

-----------------*/
/*1.Common Setting
======================================*/
html { height: 100%; margin: 0; }

body { height: 100%; margin: 0; margin: 0; padding: 0; background: #000; font-size: 13px; line-height: 1.8; color: #ffffff; font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-weight: 500; -webkit-text-size-adjust: 100%; }

img { border: none; vertical-align: top; }

a { color: #000000; outline: none; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

ul, li { list-style: none; }

.sp5 { width: 5px; }

.sp10 { width: 10px; }

.sp15 { width: 15px; }

.sp20 { width: 20px; }

.sp30 { width: 30px; }

.fs10 { font-size: 10px; }

.fs12 { font-size: 12px; }

/*Clear
----------------------*/
/*--clearfix--*/
.cf, #wrapper, #main, .contBox { *zoom: 1; }

.cf:before, .cf:after { content: " "; display: table; }

#wrapper:before, #wrapper:after { content: " "; display: table; }

#main:before, #main:after { content: " "; display: table; }

.contBox:before, .contBox:after { content: " "; display: table; }

.cf:after, #wrapper:after, #main:after, .contBox:after { clear: both; }

/*2.Layout
======================================*/
/* wrapper */
#wrapper { width: 100%; height: 100%; }

/* main */
#main { width: 100%; overflow: hidden; }

.container { width: 790px; padding: 0 80px; margin: 0 auto; }

/* top_container */
#top_container { width: 100%; min-height: 100%; background: url(../images/image01.jpg) no-repeat #000; position: relative; }

#top_container #ttl_sp { width: 100%; position: absolute; text-align: center; top: 0; }

#top_logo { position: absolute; top: 100px; right: 100px; }

.top_txt { width: 363px; height: 107px; margin: 0 0 0 1px; padding: 25px 0 0 50px; background: url(../images/first_bg.png) no-repeat 0 0; font-size: 14px; line-height: 2; }
.top_txt p { font-weight: bold; }

.scroll_btn { width: 100%; height: 40px; position: absolute; bottom: 70px; left: 0; text-align: center; }

/* header */
#headerArea { width: 100%; height: 60px; background: #ffffff; position: absolute; bottom: 0; left: 0; z-index: 10000; }

#header { width: 790px; height: 60px; margin: 0 auto; padding: 0 80px; }
#header h1 { float: left; width: 192px; height: 39px; margin: 10px 0 0; }
#header ul { float: right; margin: 20px 0 0; }
#header ul li { float: left; margin: 0 0 0 42px; }
#header ul li:first-child { margin: 0; }
#header ul li a { display: block; color: #000000; font-size: 14px; font-weight: bold; }
#header ul li a:hover { border-bottom: 2px solid #fdd000; text-decoration: none; }

#headerArea.fixed { position: fixed; top: 0; left: 0; }

#movie { width: 100%; padding-top: 100px; }
#movie .ttl { margin: 0 50px 10px; }
#movie .container { width: 540px; margin: 0 auto; padding: 50px 0 20px 0; }
#movie .container .movieBox a { display: block; border: 1px solid #2c2c2c; position: relative; }
#movie .container .movieBox a span { position: absolute; top: 50%; left: 0; display: block; width: 100%; text-align: center; }
#movie .container .movieBox a span img { transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0s; margin: -35px 0 0 0; }
#movie .container .movieBox a:hover span img { transform: rotate(360); -webkit-transform: rotate(360); -ms-transform: rotate(360); }
#movie .container .movieBtn { text-align: right; padding: 20px 0 0 0; }
#movie .container .movieBtn a { display: inline-block; border: 1px solid #fdd000; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; }
#movie .container .movieBtn a:hover { background: #202020; }

/* policy */
#policy { width: 100%; padding-top: 100px; }
#policy .ttl { margin: 0 50px 10px; }

.policy.container { width: auto; min-width: 790px; margin: 0 50px; padding: 0 0 20px 0; border-bottom: 1px dashed #808080; }

.policy { margin-bottom: 100px; }

.ttl { text-align: center; margin: 0 0 10px 0; background: url(../images/ttl_bg.png) repeat-x center center; }
.ttl span { text-align: center; }

.table_box { display: table; }
.table_box .table_cell { vertical-align: middle; display: table-cell; padding: 10px 40px; }
.table_box .table_cell:first-child { padding: 0; text-align: center; border-right: 1px solid #fff; }

.policy_txt, .policy_txt02 { margin: 0 auto; width: 790px; }
.policy_txt .table_cell:first-child, .policy_txt02 .table_cell:first-child { width: 240px; }
.policy_txt h4, .policy_txt02 h4 { padding: 10px 0; font-size: 36px; font-weight: bold; line-height: 1.0; letter-spacing: 0.5px; }
.policy_txt p, .policy_txt02 p { padding: 10px 0 0 0; font-size: 16px; line-height: 1.0; }

.policy_txt02 .table_cell { padding: 5px 40px; }
.policy_txt02 .table_cell:first-child { width: 260px; }
.policy_txt02 h4 { padding: 0; }
.policy_txt02 p { padding: 10px 0 0 0; line-height: 1.5em; }

/*
.policy_txt { width: 517px; height: 168px; padding: 30px 0 0 50px; background: url(../images/second_bg.png) no-repeat 0 0; font-size: 18px; line-height: 1.0; letter-spacing: -0.01em;
}
.policy_txt h3, .policy_txt02 h3 { margin: 0 0 30px; font-size: 18px; font-weight: bold; color: #fdd000; line-height: 1.0;
}
.pt { margin: 0 0 30px; font-size: 40px; font-weight: bold; line-height: 1.0;
}
.policy_txt02 { width: 487px; height: 199px; padding: 30px 0 0 50px; background: url(../images/second_bg02.png) no-repeat 0 0; font-size: 18px; letter-spacing: -0.01em;
}*/
.animation01 { width: 100%; }

.animation02 { width: 100%; margin: 0; }

.animation03 { width: 100%; margin: 0 0 100px; }

#animation03 { margin: 110px 0 50px 0; padding: 20px 0; border-top: 1px dashed #808080; }

/* works */
#works { padding: 0; padding-top: 100px; }
#works .ttl { margin-left: 50px; margin-right: 50px; }

.in_works { width: 950px; margin: 50px auto; font-size: 16px; letter-spacing: -0.01em; }
.in_works .wt01 { margin: 0 0 10px; font-weight: bold; }
.in_works .table_cell { padding: 0 0 0 40px; }
.in_works .table_cell:first-child { width: 140px; padding: 0; }
.in_works h3 { margin: 0 0 10px; font-size: 28px; font-weight: bold; line-height: 1.5em; letter-spacing: -0.04em; }

/* slide */
.slideArea, .slideArea03 { width: 100%; height: 100%; margin: 0 0 100px; padding-bottom: 80px; z-index: 0; position: relative; }

.slide_all, .slide_all03 { width: 600px; margin: 0 auto; height: 300px; z-index: 0; position: relative; }

.slide_wrap, .slide_wrap03 { width: 3024px; position: absolute; left: 50%; margin-left: -1512px; padding-bottom: 80px; z-index: 0; overflow: hidden; }

.slide_body, .slide_body03 { width: 100%; z-index: 0; position: relative; }

.slide, .slide03 { width: 600px; }

.slide img, .slide03 img { width: 100%; vertical-align: bottom; opacity: 0.3; }

.slide.active img, .slide03.active img { width: 100%; vertical-align: bottom; opacity: 1; }

.bx-controls-direction, .bx-pager { text-align: center; /*height: 30px;*/ }

.bx-controls-direction a { display: inline-block; text-indent: -9999px; }

.bx-pager-item { display: inline-block; text-indent: -9999px; }
.bx-pager-item a { display: block; height: 10px; width: 10px; text-indent: -9999px; background: #000; border-radius: 10px; border: 1px solid #fdd000; margin: 0 10px; }
.bx-pager-item a.active { background: #fdd000; border-radius: 10px; }

.bx-controls-direction { width: 600px; height: 30px; margin: 0 auto; position: relative; bottom: 210px; }
.bx-controls-direction a { text-decoration: none; color: #000; padding: 0; }

.bx-controls { z-index: 100; width: 100%; position: absolute; bottom: 0; }

.bx-prev { position: absolute; width: 18px; height: 30px; background: url(../images/prev.png) no-repeat 0 0; left: -30px; }

.bx-next { position: absolute; width: 18px; height: 30px; background: url(../images/next.png) no-repeat 0 0; right: -30px; }

/* about */
#about { margin: 0 auto 30px; padding: 100px 0 0; min-height: 528px; background: url(../images/third_bg.jpg) no-repeat center 170px; }
#about .ttl { margin-left: 50px; margin-right: 50px; }
#about .container { width: 950px; padding: 0; display: table; }

.al { display: table-cell; padding: 110px 0 0 80px; width: 290px; }

.ar { display: table-cell; padding: 110px 0 0 0; }
.ar h3 { margin: 0 50px 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #ffffff; font-size: 20px; }
.ar p { margin: 0 0 5px; font-size: 16px; padding: 0 0 0 8em; }
.ar p span { font-size: 16px; display: inline-block; width: 8em; margin: 0 0 0 -8em; }

.slideArea02 { width: 100%; height: 100%; margin: 0 0 120px; padding-bottom: 80px; z-index: 0; position: relative; }
.slideArea02 .slide_all02 { width: 786px; margin: 0 auto; height: 240px; z-index: 0; position: relative; }

.slide_wrap02 { width: 2350px; position: absolute; left: 50%; margin-left: -1175px; padding-bottom: 80px; z-index: 0; overflow: hidden; }

.slide_body02 { width: 100%; z-index: 0; position: relative; }
.slide_body02 .slide02 { width: 390px; padding-bottom: 0; }
.slide_body02 .slide02 img { width: 100%; vertical-align: bottom; opacity: 0.3; }
.slide_body02 .slide02.active img { width: 100%; vertical-align: bottom; opacity: 1; }

.slide_wrap02 .bx-controls-direction, .bx-pager { text-align: center; height: 30px; }

.slide_wrap02 .bx-controls-direction a, .bx-pager-item { display: inline-block; text-indent: -9999px; }

.slide_wrap02 .bx-pager-item a { display: block; height: 10px; width: 10px; text-indent: -9999px; background: #000; border-radius: 10px; border: 1px solid #fdd000; margin: 0 10px; }
.slide_wrap02 .bx-pager-item a.active { background: #fdd000; border-radius: 10px; }
.slide_wrap02 .bx-controls-direction a { text-decoration: none; color: #000; padding: 0; }

.slideArea02.slide_wrap02 .bx-controls { z-index: 100; width: 100%; position: absolute; bottom: 0; }

.slide_wrap02 .bx-controls-direction { width: 786px; height: 30px; margin: 0 auto; position: relative; bottom: 185px; }

.slideArea02.slide_wrap02 .bx-prev { position: absolute; width: 18px; height: 30px; background: url(../images/prev.png) no-repeat 0 0; left: -30px; }
.slideArea02.slide_wrap02 .bx-next { position: absolute; width: 18px; height: 30px; background: url(../images/next.png) no-repeat 0 0; right: -30px; }

/* footerArea */
#footerArea { width: 100%; padding: 60px 0 0 0; background: #fdd000; }

.footer { width: 500px; margin: 0 auto; text-align: center; color: #000; line-height: 1.0; }
.footer .btn { display: block; }
.footer .btn a { display: block; width: 430px; margin: 0 auto; }
.footer .btn a img { margin: 0 0 -24px 0; }

.copyright { padding: 24px 0 0 0; min-width: 790px; height: 250px; }
.copyright p { text-align: center; font-size: 10px; line-height: 250px; }

.ft { margin: 0 auto 30px; font-size: 24px; font-weight: bold; letter-spacing: -0.01em; }

.tel { margin: 0 auto 20px; padding: 0 0 10px; border-bottom: 1px solid #000; font-size: 60px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.tel span { font-size: 22px; }

.time { margin: 0 auto 30px; font-size: 21px; font-weight: bold; letter-spacing: -0.05em; }

.contact_btn a { display: block; width: 500px; padding: 16px 0; background: #000; font-size: 14px; font-weight: bold; color: #fff; text-align: center; }
.contact_btn a:hover { display: block; width: 500px; padding: 16px 0; background: #000; font-size: 14px; font-weight: bold; color: #fff; text-align: center; background: #404040; }
.contact_btn a span { display: inline-block; padding: 0 20px 0 0; background: url(../images/arrow02.png) no-repeat right center; }

/* 飛行機&タイマー */
#airplaneWrap { height: 176px; position: relative; }

#airplane { position: absolute; top: 0; right: -613px; margin-right: 0px; }

.timer-box { position: absolute; width: 300px; padding: 20px 0; top: 360px; right: 0; text-align: center; opacity: 0; filter: alpha(opacity=0); background: #000; z-index: 1000; }

#digital { padding-bottom: 16px; }

#timerTxt1 { padding-bottom: 10px; font-size: 276.9%; font-weight: bold; }

#timerTxt2 { font-size: 153.8%; font-weight: bold; }