@charset "utf-8";

/*--------------------------------------------------------------------------
reset
---------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: bottom; background: transparent; font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }
body { line-height: 1; -webkit-text-size-adjust: none; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: 0; }
a { text-decoration: none; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }


/*--------------------------------------------------------------------------
common
---------------------------------------------------------------------------*/
/* float解除 */
.cf:after { content: ''; display: block; clear: both; }

.sp { display: block; }
.pc { display: none; }

#old_ie { position: fixed; top: 0; width: 100% !important; height: 100px; text-align: center; z-index: 9999; font-size: 12px; padding-top: 150px; line-height: 22px; }
#old_ie p { width: 100%; text-align: center !important; }
#old_ie p span { font-size: 18px; color: #032954; margin-bottom: 8px; display: block; width: 100%;  }


/********* S P *********/
/* ページトップへ戻る */
#pagetop{ position: fixed; right: 12px; bottom: 45px; z-index: 10; -webkit-transition: 0.6s; transition: 0.6s; }
#pagetop a { display: block; }


.mv_tablet { height: 360px !important; width: 100% !important; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; top: 106px; left: 0; }

.movie_width { position: relative; width: 100%; padding-top: 56.25% !important; }
.movie_width iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }


/********* P C *********/
@media screen and (min-width: 640px) and (max-width: 1024px)  {
.mv_tablet { height: 620px !important; width: 100% !important; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; top: 106px; left: 0; }
}

@media screen and (min-width: 1025px)  {
.mv_tablet { height: 768px !important; width: 736px !important; }
}

/*--------------------------------------------------------------------------
page
---------------------------------------------------------------------------*/
#menu_slide { position: static; top: 0; left: 0; -webkit-transition: 0.6s; transition: 0.6s; background: #ffffff; }


#main { position: static; width: 100%; padding: 66px 20px 0; height: 320px; box-sizing: border-box; -webkit-box-sizing: border-box; }
#main_inner { width: 100%; height: 100%; background: url(../images/mv.jpg) no-repeat; background-size: cover; background-position: top 0 center; position: relative; }
/*#main_inner:before { content: ""; width: 120px; height: 1px; background: #566073; position: absolute; top: 30px; left: -30px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#main_inner:after { content: ""; width: 120px; height: 1px; background: #566073; position: absolute; bottom: 30px; right: -30px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }*/
#main_inner #ttl_pinore { position: absolute; top: 50%; margin-top: -19px; left: 48px; }
#main_inner #ttl_pinore img { width: 64px; }
/********* P C *********/
@media screen and (min-width: 640px) and (max-width: 1024px) {
#main_inner #ttl_pinore { position: absolute; top: 50%; margin-top: -48px; left: 114px; }
#main_inner #ttl_pinore img { width: 160px; }
}

#footer { text-align: center; padding: 12px 0 12px;/*12 0 12/640*/ border-top: 1px solid #dddddd; margin: 31.25% 3.75% 0;/*200 24 0/640*/ }
#footer ul { display: none; }
#footer #copyright { margin-top: 0; }


/********* P C *********/
@media screen and (min-width: 1025px) {

/*--------------------------------------------------------------------------
common
---------------------------------------------------------------------------*/
.sp { display: none; }
.pc { display: block; }

/* ページトップへ戻る */
#pagetop{ position: fixed; right: 40px; bottom: 40px; z-index: 10; }

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


/*--------------------------------------------------------------------------
page
---------------------------------------------------------------------------*/

#contents { padding: 0px auto 0; }
#contents:after { content: ''; display: block; clear: both; }
#contents_inner { position: relative; }

#main { position: relative; height: 100%;}

#footer { text-align: center; padding-top: 32px; border-top: 1px solid #dddddd; margin-top: 120px; padding-bottom: 40px; }
#footer ul { font-size: 0; display: block;  }
#footer ul li { display: inline-block; margin-right: 39px; }
#footer ul li:last-child { margin-right: 0; }
#footer #copyright { margin-top: 33px; }

}