/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */ @import url(https://fonts.googleapis.com/css?family=Anton&display=swap); blockquote, body, dd,dl,dt, fieldset, figure, h1,h2,h3,h4,h5,h6, hr, html, iframe, legend, li,ol, p,pre,textarea, ul{ padding:0; margin:0 } h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:400 } ul{ list-style:none } button,input,select{ margin:0 } body,html{ -webkit-box-sizing:border-box; box-sizing:border-box } *,:after,:before, body *,body :after,body :before{ -webkit-box-sizing:inherit; box-sizing:inherit } audio, body img, embed, iframe, img, object, video{ height:auto; max-width:100% } button, iframe{ border:0 } table{ border-collapse:collapse; border-spacing:0 } td,th{ padding:0; text-align:left } main{ display:block } address{ font-style:normal } button{ padding:0; color:inherit; background:0 0; font:inherit; outline:0; -webkit-appearance:none } .l-header__inner::before, .p-epsilon-top-1__bg::before, .p-epsilon-top-3__bg-pc::before{ width:calc((100vw - 1008px)/2) } .l-header__inner::before, .p-epsilon-outline-3-1__bg::before, .p-epsilon-top-1__bg::before, .p-epsilon-top-3__bg-pc::before{ content:''; position:absolute; top:0; left:0; height:100%; -webkit-transform-origin:top left; transform-origin:top left; -webkit-transform:scaleX(-1); transform:scaleX(-1) } .l-header__inner::after, .p-epsilon-outline-3-1__bg::after, .p-epsilon-top-1__bg::after, .p-epsilon-top-2__bg::after, .p-epsilon-top-3__bg-pc::after{ content:''; position:absolute; top:0; right:0; width:calc((100vw - 1008px)/2); height:100%; -webkit-transform-origin:top right; transform-origin:top right; -webkit-transform:scaleX(-1); transform:scaleX(-1) } .c-link-movie__icon span::after, .rocket-icon--arw-1::before, .rocket-icon--arw-2::before, .rocket-icon--arw-3::before, .rocket-icon--arw-4::before, [class*=" icon-"],[class*=" rocket-icon"],[class^=icon-],[class^=rocket-icon]{ font-family:"rocket"!important; speak:none; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .c-box-link-news__arw::before{ font-family:"rocket"!important; speak:none; font-style:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } @font-face{ font-family:"rocket"; src:url(/assets/fonts/rocket.ttf?mh33rn) format("truetype"), url(/assets/fonts/rocket.woff?mh33rn) format("woff"), url(/assets/fonts/rocket.svg?mh33rn) format("svg"); font-weight:400; font-style:normal } .rocket-icon--arw-1::before{ content:"\e900" } .rocket-icon--arw-2::before{ content:"\e901" } .rocket-icon--arw-3::before{ content:"\e902" } .rocket-icon--arw-4::before{ content:"\e903" } body{ min-width:320px; font-family:'Helvetica Neue',Helvetica,Arial,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif; font-size:16px; font-weight:400; letter-spacing:.07em; line-height:2; color:#fff; background:#101229; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:100% } .is-gallery body{ background:#000 } @media only screen and (max-width:768px){ body{ line-height:1.8 } } body a{ text-decoration:none; color:#fff; -webkit-transition:all .4s ease 0s; transition:all .4s ease 0s } body img{ vertical-align:bottom } :root{ --swiper-theme-color: $themeColor } .swiper-container{ margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1 } .swiper-container-vertical>.swiper-wrapper{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .swiper-slide,.swiper-wrapper{ width:100%; height:100%; position:relative; -webkit-transition-property:-webkit-transform; transition-property:transform; transition-property:transform,-webkit-transform } .swiper-wrapper{ z-index:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-sizing:content-box; box-sizing:content-box } .swiper-container-android .swiper-slide,.swiper-wrapper{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .swiper-container-multirow>.swiper-wrapper{ -ms-flex-wrap:wrap; flex-wrap:wrap } .swiper-container-multirow-column>.swiper-wrapper{ -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .swiper-container-free-mode>.swiper-wrapper{ -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto } .swiper-slide{ -ms-flex-negative:0; flex-shrink:0 } .swiper-slide-invisible-blank{ visibility:hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{ height:auto } .swiper-container-autoheight .swiper-wrapper{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-transition-property:height, -webkit-transform; transition-property:transform,height; transition-property:transform,height,-webkit-transform } .swiper-container-3d{ -webkit-perspective:1200px; perspective:1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper{ -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top{ position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10 } .swiper-container-3d .swiper-slide-shadow-left{ background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent)); background-image:linear-gradient(to left,rgba(0,0,0,.5),transparent) } .swiper-container-3d .swiper-slide-shadow-right{ background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent)); background-image:linear-gradient(to right,rgba(0,0,0,.5),transparent) } .swiper-container-3d .swiper-slide-shadow-top{ background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent)); background-image:linear-gradient(to top,rgba(0,0,0,.5),transparent) } .swiper-container-3d .swiper-slide-shadow-bottom{ background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent)); background-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent) } .swiper-container-css-mode>.swiper-wrapper{ overflow:auto; scrollbar-width:none; -ms-overflow-style:none } .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{ display:none } .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{ scroll-snap-align:start start } .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{ -ms-scroll-snap-type:x mandatory; scroll-snap-type:x mandatory } .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{ -ms-scroll-snap-type:y mandatory; scroll-snap-type:y mandatory } :root{ --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev{ position:absolute; top:50%; width:calc(var(--swiper-navigation-size)/44*27); height:var(--swiper-navigation-size); margin-top:calc(-1*var(--swiper-navigation-size)/2); z-index:10; cursor:pointer; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:var(--swiper-navigation-color, var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity:.35; cursor:auto; pointer-events:none } .swiper-button-next:after, .swiper-button-prev:after{ font-family:swiper-icons; font-size:var(--swiper-navigation-size) } .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:10px; right:auto } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ content:'prev' } .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:10px; left:auto } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ content:'next' } .swiper-button-lock{ display:none } .swiper-pagination{ position:absolute; margin-top:10px; text-align:center; -webkit-transition:300ms opacity; transition:300ms opacity; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10 } .swiper-pagination.swiper-pagination-hidden{ opacity:0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:10px; left:0; width:100% } .swiper-pagination-bullets-dynamic{ overflow:hidden; font-size:0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ -webkit-transform:scale(.33); transform:scale(.33); position:relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{ -webkit-transform:scale(1); transform:scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{ -webkit-transform:scale(.66); transform:scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{ -webkit-transform:scale(.33); transform:scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{ -webkit-transform:scale(.66); transform:scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{ -webkit-transform:scale(.33); transform:scale(.33) } .swiper-pagination-bullet{ width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity:.2 } button.swiper-pagination-bullet{ border:0; margin:0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none } .swiper-pagination-clickable .swiper-pagination-bullet{ cursor:pointer } .swiper-pagination-bullet-active{ opacity:1; background:var(--swiper-pagination-color, var(--swiper-theme-color)) } .swiper-container-vertical>.swiper-pagination-bullets{ right:10px; top:50%; -webkit-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:6px 0; display:block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:8px } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ display:inline-block; -webkit-transition:200ms top,200ms -webkit-transform; transition:200ms transform,200ms top; transition:200ms transform,200ms top,200ms -webkit-transform } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ -webkit-transition:200ms left,200ms -webkit-transform; transition:200ms transform,200ms left; transition:200ms transform,200ms left,200ms -webkit-transform } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ -webkit-transition:200ms right,200ms -webkit-transform; transition:200ms transform,200ms right; transition:200ms transform,200ms right,200ms -webkit-transform } .swiper-pagination-progressbar{ background:rgba(0,0,0,.25); position:absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:var(--swiper-pagination-color, var(--swiper-theme-color)); position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; transform-origin:left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ -webkit-transform-origin:right top; transform-origin:right top } .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ width:100%; height:4px; left:0; top:0 } .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar{ width:4px; height:100%; left:0; top:0 } .swiper-pagination-lock{ display:none } @media print,screen and (min-width:769px){ .l-wrapper{ min-width:1008px; padding-top:130px } } @media only screen and (max-width:768px){ .l-wrapper{ padding-top:60px } } .l-header{ position:fixed; top:0; left:0; width:100%; z-index:1000; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:-webkit-transform .6s cubic-bezier(.165,.84,.44,1); transition:transform .6s cubic-bezier(.165,.84,.44,1); transition:transform .6s cubic-bezier(.165,.84,.44,1),-webkit-transform .6s cubic-bezier(.165,.84,.44,1) } @media print,screen and (min-width:769px){ .l-header.is-hide{ -webkit-transform:translateY(-134px); transform:translateY(-134px) } } @media only screen and (max-width:768px){ .l-header.is-hide{ -webkit-transform:translateY(-64px); transform:translateY(-64px) } .is-sp-nav-active .l-header.is-hide{ -webkit-transform:translateX(0); transform:translateX(0) } } .l-header__inner{ position:relative } @media print,screen and (min-width:769px){ .l-header__inner{ min-width:1008px; max-width:1280px; margin:0 auto } } .l-header__inner::after, .l-header__inner::before{ background:#101229 } .is-gallery .l-header__inner::after, .is-gallery .l-header__inner::before{ background:#000 } .l-footer{ position:relative; z-index:300 } @media print,screen and (min-width:769px){ .l-footer{ margin-top:100px; background:url(/assets/img/common/footer_bg_01_2_pc.jpg) repeat-x center bottom; background-size:auto 100% } .is-gallery .l-footer{ background:#000 } } @media only screen and (max-width:768px){ .l-footer{ margin-top:100px; padding-top:40px; border-radius:0 40px 0 0; background:#101229 } .is-gallery .l-footer{ background:#000 } } .l-footer__inner{ position:relative } @media print,screen and (min-width:769px){ .l-footer__inner{ min-width:1008px; max-width:1120px; margin:0 auto; padding-bottom:50px; background:url(/assets/img/common/footer_bg_01_pc.jpg) no-repeat center bottom; background-size:100% auto } .is-gallery .l-footer__inner{ background-image:url(/assets/img/common/footer_bg_02_pc.jpg) } } @media only screen and (max-width:768px){ .l-footer__inner{ padding-bottom:50px; background:url(/assets/img/common/footer_bg_01_sp.jpg) no-repeat center bottom; background-size:100% auto } .is-gallery .l-footer__inner{ padding-bottom:90px; background-image:url(/assets/img/common/footer_bg_02_sp.jpg); background-position:center top } } @media print,screen and (min-width:769px){ .l-mv+section:not(.l-nav-local){ margin-top:50px } } @media only screen and (max-width:768px){ .l-mv+section:not(.l-nav-local){ margin-top:70px } } @media print,screen and (min-width:769px){ .l-mv-top{ margin-bottom:10px } } @media only screen and (max-width:768px){ .l-mv-top{ margin-bottom:10px } } .l-nav-local{ position:relative; border-bottom:1px solid #a40710; z-index:200 } .l-nav-local02{ position:relative; border-bottom:1px solid #e37703; z-index:200 } .l-nav-local03{ position:relative; border-bottom:1px solid #212dd5; z-index:200 } .l-nav-local04{ position:relative; border-bottom:1px solid #fefb1a; z-index:200 } .is-gallery .l-nav-local{ border-bottom-color:#fefb1a } @media print,screen and (min-width:769px){ .l-nav-local+section{ margin-top:50px } .l-nav-local+section.l-section{ margin-top:90px } .l-nav-local+section.l-section-secondary-top{ margin-top:120px } } @media only screen and (max-width:768px){ .l-nav-local+section{ margin-top:70px } .l-nav-local{ display:none } } @media print,screen and (min-width:769px){ .l-nav-local02+section{ margin-top:50px } .l-nav-local02+section.l-section{ margin-top:90px } .l-nav-local02+section.l-section-secondary-top{ margin-top:120px } } @media only screen and (max-width:768px){ .l-nav-local02+section{ margin-top:70px } .l-nav-local02{ display:none } } @media print,screen and (min-width:769px){ .l-nav-local03+section{ margin-top:50px } .l-nav-local03+section.l-section{ margin-top:90px } .l-nav-local03+section.l-section-secondary-top{ margin-top:120px } } @media only screen and (max-width:768px){ .l-nav-local03+section{ margin-top:70px } .l-nav-local03{ display:none } } @media print,screen and (min-width:769px){ .l-nav-local04+section{ margin-top:50px } .l-nav-local04+section.l-section{ margin-top:90px } .l-nav-local04+section.l-section-secondary-top{ margin-top:120px } } @media only screen and (max-width:768px){ .l-nav-local04+section{ margin-top:70px } .l-nav-local04{ display:none } } @media print,screen and (min-width:769px){ .l-nav-local__inner{ min-width:1008px; max-width:1008px; margin:0 auto } } .l-section{ position:relative } @media print,screen and (min-width:769px){ .l-section+section{ margin-top:100px } .l-section+section.l-section-secondary-detail{ margin-top:70px } .l-section+section.l-section-secondary-detail02{ margin-top:0px } } @media only screen and (max-width:768px){ .l-section+section{ margin-top:60px } } @media print,screen and (min-width:769px){ .l-section__inner{ min-width:1008px; max-width:1008px; margin:0 auto } } .l-section-top{ position:relative } @media print,screen and (min-width:769px){ .l-section-top+section{ margin-top:50px /*margin-top:170px*/ } } @media only screen and (max-width:768px){ .l-section-top+section{ margin-top:30px /*margin-top:70px*/ } } @media print,screen and (min-width:769px){ .l-section-top__inner{ min-width:1008px; max-width:1008px; margin:0 auto } } .l-section-secondary-top{ position:relative } @media print,screen and (min-width:769px){ .l-section-secondary-top+section{ margin-top:70px } .l-section-secondary-top+section.l-section-secondary-top{ margin-top:110px } } @media only screen and (max-width:768px){ .l-section-secondary-top+section, .l-section-secondary-top+section.l-section-secondary-top{ margin-top:60px } } @media print,screen and (min-width:769px){ .l-section-secondary-top__inner{ min-width:1008px; max-width:1008px; margin:0 auto } .l-section-secondary-top__colwrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .l-section-secondary-top__col{ width:calc(50% - (86px*1/2)) } } @media only screen and (max-width:768px){ .l-section-secondary-top__col{ position:relative } } .l-section-secondary-detail{ position:relative } @media print,screen and (min-width:769px){ .l-section-secondary-detail+section{ margin-top:70px } .l-section-secondary-detail+section.l-section{ margin-top:100px } } @media only screen and (max-width:768px){ .l-section-secondary-detail+section{ margin-top:60px } } @media print,screen and (min-width:769px){ .l-section-secondary-detail__inner{ min-width:1008px; max-width:1008px; margin:0 auto } } .c-bnr a{ display:block; border:1px solid #607290 } .c-bnr a:hover{ opacity:.7 } .c-bnr img, .c-box-link-1__pct img, .c-box-link-2__pct img, .c-box-link-3__pct img, .c-img img, .c-img--border img, .c-link-movie a img, .c-link-movie--border a img{ width:100%; height:auto } .c-box-link-1 a{ position:relative; display:block; overflow:hidden } @media print,screen and (min-width:769px){ .c-box-link-1 a{ border-radius:4px } } @media only screen and (max-width:768px){ .c-box-link-1 a{ border-radius:0 40px 0 0; z-index:1 } } .c-box-link-1__pct{ -webkit-transition:-webkit-transform .4s ease; transition:transform .4s ease; transition:transform .4s ease,-webkit-transform .4s ease } a:hover .c-box-link-1__pct{ -webkit-transform:scale(1.08); transform:scale(1.08) } /*�摜���^�C�g���iH3�Ȃǁj�ݒ�*/ .c-box-link-1__txt{ display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:absolute; top:0; left:0; width:106px; height:42px; font-size:13px; letter-spacing:normal; color:#333; background:#fefb1a; white-space:nowrap } @media only screen and (max-width:768px){ .c-box-link-1__txt{ width:168px; height:38px; font-size:16px; border-radius:0 0 4px 0 } } @media print,screen and (min-width:769px){ .is-bottom .c-box-link-1__txt{ top:auto; bottom:0 } } .c-box-link-2{ height:95% } .c-box-link-2 a{ position:relative; display:block; height:100%; overflow:hidden } @media print,screen and (min-width:769px){ .c-box-link-2 a{ color:#222; border-radius:4px; background:#fefb1a } } @media only screen and (max-width:768px){ .c-box-link-2 a{ color:#fff; background:#101229 } } @media print,screen and (min-width:769px){ .c-box-link-2__body{ height:100%; padding:50px 36px 120px } .c-box-link-2__body02{ height:100%; padding:10px 20px 70px } .c-box-link-2__body03{ height:100%; padding:10px 20px 70px } } @media only screen and (max-width:768px){ .c-box-link-2__body{ padding:40px 36px } .c-box-link-2__body02{ padding:40px 36px } .c-box-link-2__body03{ padding:40px 36px } } .c-box-link-2__ttl{ font-size:18px; font-weight:700; letter-spacing:normal; line-height:1.5; text-align:center } .c-box-link-2__ttl02{ font-size:16px; font-weight:700; letter-spacing:normal; line-height:1.5; text-align:center } .c-box-link-2__ttl03{ font-size:16px; font-weight:700; letter-spacing:normal; line-height:1.5; text-align:center } .c-box-link-2__ttl04{ font-size:13px; font-weight:700; letter-spacing:normal; line-height:1.5; text-align:center } @media only screen and (max-width:768px){ .c-box-link-2__ttl{ font-size:20px; line-height:1.2 } .c-box-link-2__ttl02{ font-size:20px; line-height:1.2 } .c-box-link-2__ttl03{ font-size:20px; line-height:1.2 } .c-box-link-2__ttl04{ font-size:20px; line-height:1.2 } } .c-box-link-2__lede{ margin-top:20px; font-size:18px; letter-spacing:normal; line-height:1.5 } .c-box-link-2__lede02{ margin-top:20px; font-size:13px; letter-spacing:normal; line-height:1.5 } .c-box-link-2__lede03{ margin-top:10px; font-size:12px; letter-spacing:normal; line-height:1.5 } @media only screen and (max-width:768px){ .c-box-link-2__lede{ font-size:16px; line-height:1.6875 } .c-box-link-2__lede02{ font-size:16px; line-height:1.6875 } .c-box-link-2__lede03{ font-size:16px; line-height:1.6875 } } .c-box-link-2__more{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .c-box-link-2__more02{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .c-box-link-2__more03{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } @media print,screen and (min-width:769px){ .c-box-link-2__more{ position:absolute; left:36px; bottom:50px; width:calc(100% - 36px*2); height:40px; font-size:16px; letter-spacing:normal; border:1px solid #222; border-radius:20px } .c-box-link-2__more02{ position:absolute; left:36px; bottom:10px; width:calc(100% - 36px*2); height:30px; font-size:16px; letter-spacing:normal; border:1px solid #222; border-radius:20px } .c-box-link-2__more03{ position:absolute; left:36px; bottom:10px; width:calc(100% - 36px*2); height:30px; font-size:16px; letter-spacing:normal; border:1px solid #222; border-radius:20px } } @media only screen and (max-width:768px){ .c-box-link-2__more{ width:166px; height:50px; margin:30px auto 0; font-size:18px; color:#fefb1a; border:1px solid #fefb1a; border-radius:25px } .c-box-link-2__more02{ width:166px; height:50px; margin:30px auto 0; font-size:18px; color:#fefb1a; border:1px solid #fefb1a; border-radius:25px } .c-box-link-2__more03{ width:166px; height:50px; margin:30px auto 0; font-size:18px; color:#fefb1a; border:1px solid #fefb1a; border-radius:25px } } .c-box-link-3{ height:100% } .c-box-link-3 a{ position:relative; display:block; height:100%; color:#222; background:#fefb1a; overflow:hidden } @media print,screen and (min-width:769px){ .c-box-link-3 a{ border-radius:4px } } @media only screen and (max-width:768px){ .c-box-link-3 a{ border-radius:40px } } @media print,screen and (min-width:769px){ .c-box-link-3__body{ height:100%; padding:40px 30px 110px } } @media only screen and (max-width:768px){ .c-box-link-3__body{ height:100%; padding:40px 30px 110px } } .c-box-link-3__ttl{ font-size:18px; font-weight:700; letter-spacing:normal; line-height:1.5; text-align:center } @media only screen and (max-width:768px){ .c-box-link-3__ttl{ font-size:20px; line-height:1.2 } } .c-box-link-3__more{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } @media print,screen and (min-width:769px){ .c-box-link-3__more{ position:absolute; left:30px; bottom:40px; width:calc(100% - 30px*2); height:40px; font-size:16px; letter-spacing:normal; border:1px solid #222; border-radius:20px } } @media only screen and (max-width:768px){ .c-box-link-3__more{ position:absolute; left:57px; bottom:40px; width:166px; height:50px; font-size:18px; border:1px solid #222; border-radius:25px } } .c-box-link-news, .p-nav-header-lang>ul{ display:-webkit-box; display:-ms-flexbox; display:flex } @media only screen and (max-width:768px){ .c-box-link-news{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } } .c-box-link-news__head{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-weight:700; line-height:1.11111; background:#607290 } @media print,screen and (min-width:769px){ .c-box-link-news__head{ min-width:150px; min-height:60px; padding:10px 10px 10px 30px; font-size:18px } } @media only screen and (max-width:768px){ .c-box-link-news__head{ min-height:46px; padding:10px 20px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } } .c-box-link-news__body{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%; background:#fff } @media print,screen and (min-width:769px){ .c-box-link-news__body{ min-height:60px; padding:10px 20px } } @media only screen and (max-width:768px){ .c-box-link-news__body{ padding:10px 15px } } .c-box-link-news a, .c-box-link-news__arw{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .c-box-link-news a{ font-size:16px; color:#222 } @media print,screen and (min-width:769px){ .c-box-link-news a{ line-height:1.6875; text-decoration:underline } } @media only screen and (max-width:768px){ .c-box-link-news a{ line-height:1.5 } } .c-box-link-news a:hover{ text-decoration:none } .c-box-link-news__arw{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; min-width:24px; height:24px; margin-right:20px; border-radius:50%; background:#101229 } @media only screen and (max-width:768px){ .c-box-link-news__arw{ margin-right:15px } } .c-box-link-news__arw::before{ content:"\e903"; padding-left:2px; font-size:10px; font-weight:700; color:#fff } .c-box-link-news__pdf{ min-width:24px; height:29px; margin-right:20px; background:url(/assets/img/common/icon_pdf.svg) no-repeat; background-size:23px 29px } @media only screen and (max-width:768px){ .c-box-link-news__pdf{ margin-right:15px } } @media print,screen and (min-width:769px){ .c-card-rocket__inner{ /*display:-webkit-box; display:-ms-flexbox; display:flex;*/ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } } @media only screen and (max-width:768px){ .c-card-rocket__inner{ position:relative; padding:80px 20px 100px; border:1px solid #fff; border-radius:40px; background:#101229 } } @media print,screen and (min-width:769px){ .c-card-rocket__pct{ margin-bottom:30px } } .c-card-rocket__ttl{ font-size:14px; font-weight:700; letter-spacing:normal } @media print,screen and (min-width:769px){ .c-card-rocket__ttl{ position:relative; margin-left:-25px; line-height:1.28571; text-align:center } .c-card-rocket__ttl span{ position:relative; display:inline-block } .c-card-rocket__ttl span:first-child{ width:150px; margin-bottom:2px; padding-bottom:4px; font-size:12px } .c-card-rocket__ttl span:first-child::before{ content:''; position:absolute; bottom:0; left:0; width:150px; border-top:1px solid rgba(255,255,255,.85) } .c-card-rocket__ttl span:last-child{ font-size:16px } } @media only screen and (max-width:768px){ .c-card-rocket__ttl{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:absolute; left:35px; bottom:-31px; width:200px; height:60px; line-height:1.42857; color:#333; border:1px solid #707070; border-radius:30px; background:#fff } .c-card-rocket__ttl br{ display:none } } @media print,screen and (min-width:769px){ .c-card-rocket i{ display:none } } @media only screen and (max-width:768px){ .c-card-rocket i{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:absolute; top:calc(50% - 15px); right:-15px; width:30px; height:30px; padding-left:3px; font-size:11px; color:#a40710; border:1px solid #707070; border-radius:50%; background:#fff } } .c-hd-1,.c-hd-1__ttl{ position:relative } .c-hd-1__ttl{ letter-spacing:normal; text-align:center; border-bottom:1px solid #a40710 } .is-gallery .c-hd-1__ttl{ border-bottom-color:#fefb1a } .c-hd-1__ttl::after{ content:''; position:absolute; bottom:-4px; height:7px; background:#a40710 } .is-gallery .c-hd-1__ttl::after{ background:#fefb1a } @media print,screen and (min-width:769px){ .c-hd-1__ttl{ padding-bottom:15px; font-size:30px; line-height:1.2 } .is-gallery .c-hd-1__ttl{ padding-bottom:5px; font-size:48px } .c-hd-1__ttl::after{ left:calc(50% - 230px/2); width:230px } } @media only screen and (max-width:768px){ .c-hd-1__ttl{ padding-bottom:12px; font-size:20px; line-height:1.2 } .is-gallery .c-hd-1__ttl{ margin:0 -18px; padding-bottom:8px; font-size:28px } .c-hd-1__ttl::after{ left:calc(50% - 156px/2); width:156px } } /*=============================== h2a/h2b�p�ݒ� ================================*/ .c-hd-1,.c-hd-1__ttl02{ position:relative } .c-hd-1__ttl02{ letter-spacing:normal; text-align:center; border-bottom:1px solid #e37703 } .is-gallery .c-hd-1__ttl02{ border-bottom-color:#fefb1a } .c-hd-1__ttl02::after{ content:''; position:absolute; bottom:-4px; height:7px; background:#e37703 } .is-gallery .c-hd-1__ttl02::after{ background:#fefb1a } @media print,screen and (min-width:769px){ .c-hd-1__ttl02{ padding-bottom:15px; font-size:30px; line-height:1.2 } .is-gallery .c-hd-1__ttl02{ padding-bottom:5px; font-size:48px } .c-hd-1__ttl02::after{ left:calc(50% - 230px/2); width:230px } } @media only screen and (max-width:768px){ .c-hd-1__ttl02{ padding-bottom:12px; font-size:20px; line-height:1.2 } .is-gallery .c-hd-1__ttl02{ margin:0 -18px; padding-bottom:8px; font-size:28px } .c-hd-1__ttl02::after{ left:calc(50% - 156px/2); width:156px } } /*=============================== h3�p�ݒ� ================================*/ .c-hd-1,.c-hd-1__ttl_H3{ position:relative } .c-hd-1__ttl_H3{ letter-spacing:normal; text-align:center; border-bottom:1px solid #212dd5 } .is-gallery .c-hd-1__ttl_H3{ border-bottom-color:#fefb1a } .c-hd-1__ttl_H3::after{ content:''; position:absolute; bottom:-4px; height:7px; background:#212dd5 } .is-gallery .c-hd-1__ttl_H3::after{ background:#fefb1a } @media print,screen and (min-width:769px){ .c-hd-1__ttl_H3{ padding-bottom:15px; font-size:30px; line-height:1.2 } .is-gallery .c-hd-1__ttl_H3{ padding-bottom:5px; font-size:48px } .c-hd-1__ttl_H3::after{ left:calc(50% - 230px/2); width:230px } } @media only screen and (max-width:768px){ .c-hd-1__ttl_H3{ padding-bottom:12px; font-size:20px; line-height:1.2 } .is-gallery .c-hd-1__ttl_H3{ margin:0 -18px; padding-bottom:8px; font-size:28px } .c-hd-1__ttl_H3::after{ left:calc(50% - 156px/2); width:156px } } /*=============================== h3�p�ݒ� end ================================*/ /*=============================== ���̑��C�G���[���ʐݒ� ================================*/ .c-hd-1,.c-hd-1__ttl_Yel{ position:relative } .c-hd-1__ttl_Yel{ letter-spacing:normal; text-align:center; border-bottom:1px solid #fefb1a } .is-gallery .c-hd-1__ttl_Yel{ border-bottom-color:#fefb1a } .c-hd-1__ttl_Yel::after{ content:''; position:absolute; bottom:-4px; height:7px; background:#fefb1a } .is-gallery .c-hd-1__ttl_Yel::after{ background:#fefb1a } @media print,screen and (min-width:769px){ .c-hd-1__ttl_Yel{ padding-bottom:15px; font-size:30px; line-height:1.2 } .is-gallery .c-hd-1__ttl_Yel{ padding-bottom:5px; font-size:48px } .c-hd-1__ttl_Yel::after{ left:calc(50% - 230px/2); width:230px } .c-hd-1__ttl_Yel span{ padding-top:10px; font-size:18px; } } @media only screen and (max-width:768px){ .c-hd-1__ttl_Yel{ padding-bottom:12px; font-size:20px; line-height:1.2 } .is-gallery .c-hd-1__ttl_Yel{ margin:0 -18px; padding-bottom:8px; font-size:28px } .c-hd-1__ttl_Yel::after{ left:calc(50% - 156px/2); width:156px } .c-hd-1__ttl_Yel span{ padding-top:10px; font-size:14px; } } /*=============================== ���̑��C�G���[���ʐݒ� end ================================*/ .c-hd-1__lede{ margin-top:20px; font-size:16px; line-height:1.25; text-align:center } .is-gallery .c-hd-1__icon{ position:absolute; top:0; right:0 } @media only screen and (max-width:768px){ .is-gallery .c-hd-1__icon{ top:10px; right:-19px; width:90px } } .c-hd-2{ position:relative } .c-hd-2::after{ content:''; display:block; height:6px; margin-top:25px; background:-webkit-gradient(linear,left top,right top,from(#a40710),to(rgba(164,7,16,0)));background:linear-gradient(to right,#a40710 0%,rgba(164,7,16,0) 100%) } @media only screen and (max-width:768px){ .c-hd-2::after{ margin-top:15px; height:4px } } @media print,screen and (min-width:769px){ .c-hd-2__ttl{ font-size:30px; line-height:1.2 } } @media only screen and (max-width:768px){ .c-hd-2__ttl{ font-size:20px; font-weight:700; line-height:1.35 } } /*===================================== h2a/h2b�p�ݒ� ======================================*/ .c-hd-2-02{ position:relative } .c-hd-2-02::after{ content:''; display:block; height:6px; margin-top:25px; background:-webkit-gradient(linear,left top,right top,from(#e37703),to(rgba(164,7,16,0)));background:linear-gradient(to right,#e37703 0%,rgba(164,7,16,0) 100%) } @media only screen and (max-width:768px){ .c-hd-2-02::after{ margin-top:15px; height:4px } } @media print,screen and (min-width:769px){ .c-hd-2__ttl-02{ font-size:30px; line-height:1.2 } } @media only screen and (max-width:768px){ .c-hd-2__ttl-02{ font-size:20px; font-weight:700; line-height:1.35 } } /*===================================== h3�p�ݒ�i�A���_�[���C��bold�j ======================================*/ .c-hd-2-02{ position:relative } .c-hd-2-02::after{ content:''; display:block; height:6px; margin-top:25px; background:-webkit-gradient(linear,left top,right top,from(#212dd5),to(rgba(164,7,16,0)));background:linear-gradient(to right,#212dd5 0%,rgba(164,7,16,0) 100%) } @media only screen and (max-width:768px){ .c-hd-2-02::after{ margin-top:15px; height:4px } } @media print,screen and (min-width:769px){ .c-hd-2__ttl-h3{ font-size:30px; line-height:1.2 } } @media only screen and (max-width:768px){ .c-hd-2__ttl-h3{ font-size:20px; font-weight:700; line-height:1.35 } } /*===================================== h3�p�ݒ�i�A���_�[���C��bold�jend ======================================*/ .c-hd-3{ position:relative; border-left:6px solid #a40710; background:-webkit-gradient(linear,left top,right top,from(#607290),to(rgba(96,114,144,0))); background:linear-gradient(to right,#607290 0%,rgba(96,114,144,0) 100%); width:380px; } .c-hd-3-02{ position:relative; border-left:6px solid #a40710; background:-webkit-gradient(linear,left top,right top,from(#607290),to(rgba(96,114,144,0))); background:linear-gradient(to right,#607290 0%,rgba(96,114,144,0) 100%); width:150px; } .c-hd-3-03{ position:relative; border-left:6px solid #a40710; background:-webkit-gradient(linear,left top,right top,from(#607290),to(rgba(96,114,144,0))); background:linear-gradient(to right,#607290 0%,rgba(96,114,144,0) 100%); width:280px; } .c-hd-3-04{ position:relative; border-left:6px solid #a40710; background:-webkit-gradient(linear,left top,right top,from(#607290),to(rgba(96,114,144,0))); background:linear-gradient(to right,#607290 0%,rgba(96,114,144,0) 100%); width:100%; } /*================================ h2a/h2b�p�T�u�^�C�g���ݒ�i�tⳕ��j ================================*/ .c-hd-3Orange{ position:relative; border-left:6px solid #e37703; background:-webkit-gradient(linear,left top,right top,from(#607290),to(rgba(96,114,144,0))); background:linear-gradient(to right,#607290 0%,rgba(96,114,144,0) 100%); width:380px; } .c-hd-3-02Orange{ position:relative; border-left:6px solid #e37703; background:-webkit-gradient(linear,left top,right top,from(#607290),to(rgba(96,114,144,0))); background:linear-gradient(to right,#607290 0%,rgba(96,114,144,0) 100%); width:150px; } .c-hd-3-03Orange{ position:relative; border-left:6px solid #e37703; background:-webkit-gradient(linear,left top,right top,from(#607290),to(rgba(96,114,144,0))); background:linear-gradient(to right,#607290 0%,rgba(96,114,144,0) 100%); width:280px; } .c-hd-3-04Orange{ position:relative; border-left:6px solid #e37703; background:-webkit-gradient(linear,left top,right top,from(#607290),to(rgba(96,114,144,0))); background:linear-gradient(to right,#607290 0%,rgba(96,114,144,0) 100%); width:100%; } /*================================ h3�p�T�u�^�C�g���ݒ�i�tⳕ��j ================================*/ .tagTtl-H3-01{ position:relative; border-left:6px solid #212dd5; background:-webkit-gradient(linear,left top,right top,from(#607290),to(rgba(96,114,144,0))); background:linear-gradient(to right,#607290 0%,rgba(96,114,144,0) 100%); width:380px; } .tagTtl-H3-02{ position:relative; border-left:6px solid #212dd5; background:-webkit-gradient(linear,left top,right top,from(#607290),to(rgba(96,114,144,0))); background:linear-gradient(to right,#607290 0%,rgba(96,114,144,0) 100%); width:150px; } .tagTtl-H3-03{ position:relative; border-left:6px solid #212dd5; background:-webkit-gradient(linear,left top,right top,from(#607290),to(rgba(96,114,144,0))); background:linear-gradient(to right,#607290 0%,rgba(96,114,144,0) 100%); width:280px; } .tagTtl-H3-04{ position:relative; border-left:6px solid #212dd5; background:-webkit-gradient(linear,left top,right top,from(#607290),to(rgba(96,114,144,0))); background:linear-gradient(to right,#607290 0%,rgba(96,114,144,0) 100%); width:100%; } /*==================================== �T�u�^�C�g���ݒ�i�A���_�[���C���j ===================================*/ .subTtlUnder{ position:relative; border-bottom:2px solid #607290; width:100%; } @media print,screen and (min-width:769px){ .subTtlUnderH3{ padding:10px 10px 10px 10px; font-size:24px; line-height:1.2 } } @media only screen and (max-width:768px){ .subTtlUnderH3{ padding:12px 15px; font-size:15px; font-weight:700; line-height:1.35 } } .numberList li{ list-style:disc; margin:5px 0 5px 2em; } .olNumber{ margin:5px 0 5px 1em; } .olNumber02{ margin:5px 0 5px 2em; } @media only screen and (max-width:768px){ .c-hd-3{ border-left-width:4px } } @media print,screen and (min-width:769px){ .c-hd-3__ttl{ padding:10px 10px 10px 10px; font-size:18px; line-height:1.2 } } @media only screen and (max-width:768px){ .c-hd-3__ttl{ padding:12px 15px; font-size:15px; font-weight:700; line-height:1.35 } } .c-headline-1__head{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; position:relative; padding-bottom:15px } .c-headline-1 span{ float:right; font-size:14px; vertical-align:bottom; font-weight:normal; } .c-headline-1 span a:hover{ text-decoration:underline; } @media only screen and (max-width:768px){ .c-headline-1__head{ padding-bottom:0 } } .c-headline-1__head::after, .c-headline-1__head::before{ content:''; position:absolute; left:0; bottom:0; height:6px; border-radius:3px } @media only screen and (max-width:768px){ .c-headline-1__head::after, .c-headline-1__head::before{ height:3px; border-radius:0 } } .c-headline-1__head::before{ width:100%; background:#607290 } .c-headline-1__head::after{ width:274px; background:#fefb1a } .c-headline-1__head02::before{ } .c-headline-1__head02::after{ } @media only screen and (max-width:768px){ .c-headline-1__head::after{ width:82px } } .c-headline-1__no, .c-headline-1__no::after{ display:-webkit-box; display:-ms-flexbox; display:flex } .c-headline-1__no{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; min-width:50px; width:50px; margin-right:10px; font-family:'Anton',sans-serif; font-size:30px; letter-spacing:.06em; line-height:1; margin-left:3px } /*�e�^�C�g��01�`05�̐ݒ�*/ @media only screen and (max-width:768px){ .c-headline-1__no{ position:relative; min-width:30px; width:30px; height:35px; margin-bottom:4px; margin-right:15px; font-size:20px; overflow:hidden } } .c-headline-1__no::after{ content:''; margin-left:auto; height:50px; border-left:1px solid #607290 } @media only screen and (max-width:768px){ .c-headline-1__no::after{ height:54px } } .c-headline-1__ttl{ margin-bottom:4px; font-size:30px; font-weight:700; letter-spacing:.05em; line-height:1.2 } .c-headline-1__ttl02{ margin-bottom:4px; font-size:24px; font-weight:700; letter-spacing:.05em; line-height:1.2 } /*�e�^�C�g���̐ݒ�*/ @media only screen and (max-width:768px){ .c-headline-1__ttl{ margin-bottom:12px; font-size:20px; line-height:1 } .c-headline-1__ttl02{ margin-bottom:12px; font-size:20px; line-height:1 } } .c-headline-1__lede{ margin-left:30px; margin-bottom:4px; font-size:18px; letter-spacing:.05em; line-height:1.5 } @media only screen and (max-width:768px){ .c-headline-1__lede{ margin:12px 0 0; font-size:16px; line-height:1.6875 } } .c-headline-1__en{ margin-top:10px; margin-left:3px; font-size:18px; font-weight:700; line-height:1.5 } @media only screen and (max-width:768px){ .c-headline-1__en{ margin:1px 0 0 3px; font-size:10px; line-height:2.4 } } .c-headline-2__head{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; position:relative; padding-bottom:15px } @media only screen and (max-width:768px){ .c-headline-2__head{ padding-bottom:0 } .is-reverse .c-headline-2__head{ -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end } } .c-headline-2__head::after,.c-headline-2__head::before{ content:''; position:absolute; left:0; bottom:0; height:6px; border-radius:3px } @media only screen and (max-width:768px){ .c-headline-2__head::after,.c-headline-2__head::before{ height:3px; border-radius:0 } } .c-headline-2__head::before{ width:100%; background:#607290 } @media only screen and (max-width:768px){ .is-type-2 .c-headline-2__head::before{ background:#fff } } .c-headline-2__head::after{ background:#a40710 } @media print,screen and (min-width:769px){ .c-headline-2__head::after{ width:580px } .is-half .c-headline-2__head::after{ width:274px } } @media only screen and (max-width:768px){ .c-headline-2__head::after{ width:82px } .is-type-3 .c-headline-2__head::after{ background:#fefb1a } .is-reverse .c-headline-2__head::after{ left:auto; right:0 } } /*=============================== h2a/h2b�p�ݒ� ===============================*/ .c-headline-2__head02{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; position:relative; padding-bottom:15px } @media only screen and (max-width:768px){ .c-headline-2__head02{ padding-bottom:0 } .is-reverse .c-headline-2__head02{ -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end } } .c-headline-2__head02::after,.c-headline-2__head02::before{ content:''; position:absolute; left:0; bottom:0; height:6px; border-radius:3px } @media only screen and (max-width:768px){ .c-headline-2__head02::after,.c-headline-2__head02::before{ height:3px; border-radius:0 } } .c-headline-2__head02::before{ width:100%; background:#607290 } @media only screen and (max-width:768px){ .is-type-2 .c-headline-2__head02::before{ background:#fff } } .c-headline-2__head02::after{ background:#e37703 } @media print,screen and (min-width:769px){ .c-headline-2__head02::after{ width:580px } .is-half .c-headline-2__head02::after{ width:274px } } @media only screen and (max-width:768px){ .c-headline-2__head02::after{ width:82px } .is-type-3 .c-headline-2__head02::after{ background:#fefb1a } .is-reverse .c-headline-2__head02::after{ left:auto; right:0 } } /*=============================== h3�p�ݒ� ===============================*/ .c-headline-2__headH3{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; position:relative; padding-bottom:15px } @media only screen and (max-width:768px){ .c-headline-2__headH3{ padding-bottom:0 } .is-reverse .c-headline-2__headH3{ -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end } } .c-headline-2__headH3::after,.c-headline-2__headH3::before{ content:''; position:absolute; left:0; bottom:0; height:6px; border-radius:3px } @media only screen and (max-width:768px){ .c-headline-2__headH3::after,.c-headline-2__headH3::before{ height:3px; border-radius:0 } } .c-headline-2__headH3::before{ width:100%; background:#607290 } @media only screen and (max-width:768px){ .is-type-2 .c-headline-2__headH3::before{ background:#fff } } .c-headline-2__headH3::after{ background:#212dd5 } @media print,screen and (min-width:769px){ .c-headline-2__headH3::after{ width:580px } .is-half .c-headline-2__headH3::after{ width:274px } } @media only screen and (max-width:768px){ .c-headline-2__headH3::after{ width:82px } .is-type-3 .c-headline-2__headH3::after{ background:#fefb1a } .is-reverse .c-headline-2__headH3::after{ left:auto; right:0 } } /*=============================== h3�p�ݒ� end ===============================*/ /*=============================== ���̑��C�G���[���ʐݒ�ݒ� ===============================*/ .c-headline-2__headYel{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; position:relative; padding-bottom:15px } @media only screen and (max-width:768px){ .c-headline-2__headYel{ padding-bottom:0 } .is-reverse .c-headline-2__headYel{ -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end } } .c-headline-2__headYel::after,.c-headline-2__headYel::before{ content:''; position:absolute; left:0; bottom:0; height:6px; border-radius:3px } @media only screen and (max-width:768px){ .c-headline-2__headYel::after,.c-headline-2__headYel::before{ height:3px; border-radius:0 } } .c-headline-2__headYel::before{ width:100%; background:#607290 } @media only screen and (max-width:768px){ .is-type-2 .c-headline-2__headYel::before{ background:#fff } } .c-headline-2__headYel::after{ background:#fefb1a } @media print,screen and (min-width:769px){ .c-headline-2__headYel::after{ width:580px } .is-half .c-headline-2__headYel::after{ width:274px } } @media only screen and (max-width:768px){ .c-headline-2__headYel::after{ width:82px } .is-type-3 .c-headline-2__headYel::after{ background:#fefb1a } .is-reverse .c-headline-2__headYel::after{ left:auto; right:0 } } /*=============================== ���̑��C�G���[���ʐݒ� end ===============================*/ .c-headline-2__no{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; min-width:120px; width:120px; margin-left:3px; font-family:'Anton',sans-serif; font-size:64px; letter-spacing:.06em; line-height:1 } @media only screen and (max-width:768px){ .c-headline-2__no{ position:relative; min-width:40px; width:40px; margin-bottom:8px; font-size:32px } } .c-headline-2__ttl{ margin-bottom:4px; font-size:30px; font-weight:700; letter-spacing:normal; line-height:1.2 } @media only screen and (max-width:768px){ .c-headline-2__ttl{ margin-bottom:10px; font-size:20px; line-height:1.2 } } .c-img__cap{ margin-top:12px; font-size:14px; line-height:1.71429 } .c-img__cap02{ margin-top:5px; font-size:13px; line-height:1.71429 } .c-img__cap a:hover{ text-decoration:underline; } @media only screen and (max-width:768px){ .c-img__cap{ margin-top:10px; font-size:12px; line-height:1.66667 } .c-img__cap02{ margin-top:10px; font-size:12px; line-height:1.66667 } } .c-img--border img,.c-link-movie--border img{ border:1px solid #607290 } @media print,screen and (min-width:769px){ .c-link-file a,.c-link-file__ttl{ display:-webkit-box; display:-ms-flexbox; display:flex } .c-link-file a{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; position:relative; padding-left:35px; font-size:14px; line-height:1.71429 } .c-link-file a:hover{ text-decoration:underline } .c-link-file__ttl{ font-weight:700 } } @media only screen and (max-width:768px){ .c-link-file__ttl{ padding:10px 12px; color:#fff; background:#607290 } } @media print,screen and (min-width:769px){ .c-link-file__info{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end } } @media only screen and (max-width:768px){ .c-link-file__info{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 8px 0 12px; color:#333;background:#fff } .c-link-file__txt-1{ font-size:16px; font-weight:700; letter-spacing:normal; line-height:1.5 } } @media print,screen and (min-width:769px){ .c-link-file__txt-2{ padding-left:10px } } @media only screen and (max-width:768px){ .c-link-file__txt-2{ font-size:16px; letter-spacing:normal; line-height:1.5 } } @media print,screen and (min-width:769px){ .c-link-file__txt-3{ margin-left:10px } .c-link-file__txt-3::before{ content:'('; display:inline } .c-link-file__txt-3::after{content:')'; display:inline } } @media only screen and (max-width:768px){ .c-link-file__txt-3{ line-height:2.625 } } @media print,screen and (min-width:769px){ .c-link-file__icon{ position:absolute; top:0; left:0 } } @media only screen and (max-width:768px){ .c-link-file__icon{ margin-left:auto } } .c-link-list li+li{ margin-top:12px; padding-top:12px; border-top:1px solid #607290 } .c-link-list a{ font-weight:700 } .c-link-list a, .c-link-list a::before, .c-link-movie__icon{ display:-webkit-box; display:-ms-flexbox; display:flex } .c-link-list a::before{ content:''; background:#a40710 } @media print,screen and (min-width:769px){ .c-link-list a{ font-size:14px; line-height:1.92857 } .c-link-list a::before{ min-width:12px; height:12px; margin-top:8px; margin-right:8px; border-radius:6px } .c-link-list a:hover{ text-decoration:underline } } @media only screen and (max-width:768px){ .c-link-list a{ font-size:16px; line-height:1.6875 } .c-link-list a::before{ min-width:14px; height:14px; margin-top:6px; margin-right:10px; border-radius:7px } } .c-link-movie a, .c-link-movie--border a{ position:relative; display:block; width:100% } .c-link-movie__icon, .c-link-movie__icon span{ -webkit-box-align:center; -ms-flex-align:center; align-items:center } .c-link-movie__icon{ -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:absolute; top:0; left:0; width:100%; height:100% } .c-link-movie__icon span{ width:94px; height:60px; padding-left:6px; border-radius:6px; background:red } @media only screen and (max-width:768px){ .c-link-movie__icon span{ width:68px; height:44px } } .c-link-movie__icon span::after{ content:"\e902"; font-size:34px } @media only screen and (max-width:768px){ .c-link-movie__icon span::after{ font-size:24px } } .c-link-movie__cap{ margin-top:12px; font-size:14px; line-height:1.71429 } @media only screen and (max-width:768px){ .c-link-movie__cap{ margin-top:10px; font-size:12px; line-height:1.66667 } } .c-news__head{ font-size:18px; font-weight:700; line-height:1.5 } @media only screen and (max-width:768px){ .c-news__head{ font-size:16px; letter-spacing:normal; line-height:1.5 } } .c-news__type{ margin-left:2px } .c-news__type::before{ content:''; display:inline-block; position:relative; top:1px; width:1px; height:16px; margin-right:8px; border-left:1px solid #fff } @media only screen and (max-width:768px){ .c-news__type::before{ height:14px } } .c-news__txt{ margin-top:5px; font-size:14px; line-height:1.5; margin-bottom:10px; } .c-news__txt a:hover{ text-decoration: underline; } @media only screen and (max-width:768px){ .c-news__txt{ margin-top:3px } } .p-footer__group nav a:hover, .p-footer__group p a:hover, a:hover .c-news__txt{ text-decoration:underline } .c-table{ position:relative } .c-table::before, .c-table__tb{ width:100%; border:1px solid #fff } .c-table::before{ content:''; position:absolute; top:0; left:0; height:100% } @media only screen and (max-width:768px){ .c-table.is-overflow{ width:1008px; padding:0 36px } .c-table.is-overflow::before{ left:36px; width:calc(100% - 36px*2) } } .c-table__tb{ font-size:18px; letter-spacing:normal; line-height:1.5; border-collapse:collapse } .c-table__tb td, .c-table__tb th{ padding:8px 12px } .c-link-movie__icon span, .c-table__tb td p, .c-table__tb th p{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .c-table__tb td{ color:#fff; border:1px solid #fff } .c-table__tb td:nth-child(1){ width:7% } .c-table__tb td:nth-child(2){ width:17% } .c-table__tb td:nth-child(n+3){ width:19% } /*================================== h2a/h2b�p�e�[�u���ݒ� ==================================*/ .c-table02{ position:relative } .c-table::before, .c-table__tb{ width:100%; border:1px solid #fff } .c-table02::before{ content:''; position:absolute; top:0; left:0; height:100% } @media only screen and (max-width:768px){ .c-table02.is-overflow{ width:1008px; padding:0 36px } .c-table02.is-overflow::before{ left:36px; width:calc(100% - 36px*2) } } .c-table__tb02{ font-size:18px; letter-spacing:normal; line-height:1.5; border-collapse:collapse } .c-table__tb02 td, .c-table__tb02 th{ padding:8px 12px } .c-link-movie__icon span, .c-table__tb02 td p, .c-table__tb02 th p{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .c-table__tb02 td{ color:#fff; border:1px solid #fff } .c-table__tb02 td:nth-child(1){ width:7% } .c-table__tb02 td:nth-child(2){ width:7% } .c-table__tb02 td:nth-child(n+3){ width:19% } .c-table__tb02 .tb-col-1{ text-align:center; color:#fff; border:1px solid #fff; background:#a40710 } .c-table__tb02 .tb-col-2{ font-weight:400; color:#fff; border:1px solid #fff; border-right:none; background:#607290; /*background:#fefb1a;*/ } .c-table__tb02 .tb-col-3{ text-align:center; color:#fff; border:1px solid #fff; background:#2c2d3e } .c-table__tb02 .tb-col-4{ text-align:left; color:#fff; border:1px solid #fff; background:#2c2d3e } .c-table__tb02 .tb-colOrg{ text-align:center; color:#fff; border:1px solid #fff; background:#e37703; } .c-table__tb02 .txt-vertical{ margin:0 auto; /* -webkit-writing-mode:vertical-rl; -ms-writing-mode:tb-rl; writing-mode:vertical-rl;*/ white-space:nowrap; -webkit-text-orientation:upright; text-orientation:upright } .c-table__tb02 .no-border-left{ border-left:none } .c-table__tb02 .no-border-right{ border-right:none } /*===================================== ====================================*/ /*================================== h3�p�e�[�u���ݒ� ==================================*/ .c-table03{ position:relative } .c-table03::before, .c-table__tb{ width:100%; border:1px solid #fff } .c-table03::before{ content:''; position:absolute; top:0; left:0; height:100% } @media only screen and (max-width:768px){ .c-table03.is-overflow{ width:1008px; padding:0 36px } .c-table03.is-overflow::before{ left:36px; width:calc(100% - 36px*2) } } .c-table__tb03{ font-size:18px; letter-spacing:normal; line-height:1.5; border-collapse:collapse } .c-table__tb03 td, .c-table__tb03 th{ padding:8px 12px } .c-link-movie__icon span, .c-table__tb03 td p, .c-table__tb03 th p{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .c-table__tb03 td{ color:#fff; border:1px solid #fff } .c-table__tb03 td:nth-child(1){ width:7% } .c-table__tb03 td:nth-child(2){ width:7% } .c-table__tb03 td:nth-child(n+3){ width:19% } .c-table__tb03 .tb-col-1{ text-align:center; color:#fff; border:1px solid #fff; background:#a40710 } .c-table__tb03 .tb-col-2{ font-weight:400; color:#fff; border:1px solid #fff; border-right:none; background:#607290; /*background:#fefb1a;*/ } .c-table__tb03 .tb-col-3{ text-align:center; color:#fff; border:1px solid #fff; background:#2c2d3e } .c-table__tb03 .tb-colH3{ text-align:center; color:#fff; border:1px solid #fff; background:#212dd5; } .c-table__tb03 .txt-vertical{ margin:0 auto; /* -webkit-writing-mode:vertical-rl; -ms-writing-mode:tb-rl; writing-mode:vertical-rl;*/ white-space:nowrap; -webkit-text-orientation:upright; text-orientation:upright } .c-table__tb03 .no-border-left{ border-left:none } .c-table__tb03 .no-border-right{ border-right:none } /*===================================== ====================================*/ .c-table__tb .tb-col-1{ text-align:center; color:#fff; border:1px solid #fff; background:#a40710 } .c-table__tb .tb-col-2{ font-weight:400; color:#fff; border:1px solid #fff; border-right:none; background:#607290; /*background:#fefb1a;*/ } .c-table__tb .tb-col-3{ text-align:center; color:#fff; border:1px solid #fff; background:#2c2d3e } .c-table__tb .tb-colOrg{ text-align:center; color:#fff; border:1px solid #fff; background:#e37703 } .c-table__tb .tb-colH3{ text-align:center; color:#fff; border:1px solid #fff; background:#212dd5 } .c-table__tb .txt-vertical{ margin:0 auto; /* -webkit-writing-mode:vertical-rl; -ms-writing-mode:tb-rl; writing-mode:vertical-rl;*/ white-space:nowrap; -webkit-text-orientation:upright; text-orientation:upright } .c-table__tb .no-border-left{ border-left:none } .c-table__tb .no-border-right{ border-right:none } /*================================ �p��p�e�[�u���Z�b�g ================================*/ .c-table-e{ position:relative } .c-table-e::before, .c-table__tb-e{ width:100%; /*border:1px solid #fff*/ } .c-table-e::before{ content:''; position:absolute; top:0; left:0; height:100% } @media only screen and (max-width:768px){ .c-table-e.is-overflow{ width:1008px; padding:0 36px } .c-table-e.is-overflow::before{ left:36px; width:calc(100% - 36px*2) } } .c-table__tb-e{ font-size:16px; letter-spacing:normal; line-height:1.3; border-collapse:collapse } .c-table__tb-e td, .c-table__tb-e th{ padding:2px 6px } .c-link-movie__icon-e span, .c-table__tb-e td p, .c-table__tb-e th p{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .c-table__tb-e td{ color:#fff; border:1px solid #fff } .c-table__tb-e td:nth-child(1){ width:7% } .c-table__tb-e td:nth-child(2){ width:17% } .c-table__tb-e td:nth-child(n+3){ width:19% } .c-table__tb-e .tb-col-1-e{ text-align:center; color:#fff; border:1px solid #fff; background:#a40710 } .c-table__tb-e .tb-col-2-e{ font-weight:400; color:#222; border:1px solid #707070; border-right:none; background:#fefb1a; } .c-table__tb-e .tb-col-3-e{ text-align:center; color:#fff; border:1px solid #fff; background:#2c2d3e } .c-table__tb-e .txt-vertical-e, .c-table__tb .txt-vertical{ margin:0 auto; -webkit-writing-mode:vertical-rl; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; white-space:nowrap; -webkit-text-orientation:upright; text-orientation:upright } .c-table__tb-e .no-border-left-e{ border-left:none } .c-table__tb-e .no-border-right-e{ border-right:none } .c-youtube img, .c-youtube--border img{ width:100%; height:auto } .c-youtube__iframe{ position:relative; padding-top:calc(315/560*100%) } .c-youtube__iframe iframe{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100% } .c-youtube__cap{ margin-top:12px; font-size:14px; line-height:1.71429 } @media only screen and (max-width:768px){ .c-youtube__cap{ margin-top:10px; font-size:12px; line-height:1.66667 } } .c-youtube--border .c-youtube__iframe{ border:1px solid #607290 } .p-header{ position:relative } @media print,screen and (min-width:769px){ .p-header{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; height:130px; padding:0 25px; background:#101229 } .is-gallery .p-header{ background:#000 } } .p-header__main{ z-index:900 } @media only screen and (max-width:768px){ .p-header__main{ position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:60px; padding-left:12px; background:#101229 } .is-gallery .p-header__main{ background:#000 } } @media print,screen and (min-width:769px){ .p-header__logo{ position:absolute; top:20px; left:25px } } .p-footer__pagetop a, .p-header__logo a{ display:-webkit-box; display:-ms-flexbox; display:flex } .p-header__logo a{ -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end } @media print,screen and (min-width:769px){ .p-header__logo img{ width:126px; height:76px } } @media only screen and (max-width:768px){ .p-header__logo img{ width:60px; height:36px } } .p-header__logo p{ line-height:1 } @media print,screen and (min-width:769px){ .p-header__logo p{ margin-bottom:30px; margin-left:20px; font-size:18px } } @media only screen and (max-width:768px){ .p-header__logo p{ margin-bottom:14px; margin-left:10px; font-size:10px } .p-header__trigger{ position:relative; width:60px; height:60px; margin-left:auto; background:#607290; cursor:pointer } .p-header__trigger span{ display:block; width:20px; height:3px; position:absolute; left:20px; border-radius:1.5px; background:#fff; -webkit-transition:-webkit-transform .3s ease 0s; transition:transform .3s ease 0s; transition:transform .3s ease 0s,-webkit-transform .3s ease 0s } .p-header__trigger span:nth-child(1){ top:21px } .is-sp-nav-active .p-header__trigger span:nth-child(1){ -webkit-transform:translateY(8px) rotate(315deg); transform:translateY(8px) rotate(315deg) } .p-header__trigger span:nth-child(2){ top:29px } .is-sp-nav-active .p-header__trigger span:nth-child(2){ -webkit-transform:scale(0); transform:scale(0) } .p-header__trigger span:nth-child(3){ top:37px } .is-sp-nav-active .p-header__trigger span:nth-child(3){ -webkit-transform:translateY(-8px) rotate(-315deg); transform:translateY(-8px) rotate(-315deg) } .p-header__nav{ position:relative; opacity:0; visibility:hidden; width:100%; height:0; background:rgba(16,18,41,.8); z-index:800; pointer-events:none; overflow-y:auto; -webkit-overflow-scrolling:touch; -webkit-transform-origin:center top; transform-origin:center top; -webkit-transform:translateY(-30px); transform:translateY(-30px); -webkit-transition:opacity .6s cubic-bezier(.645,.045,.355,1),visibility .6s cubic-bezier(.645,.045,.355,1),height 0s cubic-bezier(.645,.045,.355,1) .6s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition:opacity .6s cubic-bezier(.645,.045,.355,1),visibility .6s cubic-bezier(.645,.045,.355,1),transform .6s cubic-bezier(.645,.045,.355,1),height 0s cubic-bezier(.645,.045,.355,1) .6s; transition:opacity .6s cubic-bezier(.645,.045,.355,1),visibility .6s cubic-bezier(.645,.045,.355,1),transform .6s cubic-bezier(.645,.045,.355,1),height 0s cubic-bezier(.645,.045,.355,1) .6s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) } .is-gallery .p-header__nav{ background:rgba(0,0,0,.8) } .is-sp-nav-active .p-header__nav{ height:100vh; opacity:1; visibility:visible; pointer-events:auto; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .6s cubic-bezier(.645,.045,.355,1),visibility .6s cubic-bezier(.645,.045,.355,1),height 0s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition:opacity .6s cubic-bezier(.645,.045,.355,1),visibility .6s cubic-bezier(.645,.045,.355,1),transform .6s cubic-bezier(.645,.045,.355,1),height 0s cubic-bezier(.645,.045,.355,1); transition:opacity .6s cubic-bezier(.645,.045,.355,1),visibility .6s cubic-bezier(.645,.045,.355,1),transform .6s cubic-bezier(.645,.045,.355,1),height 0s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1) } .is-sp-nav-active,.is-sp-nav-active body{ overflow:hidden } } @media print,screen and (min-width:769px){ .p-footer__inner{ display:-webkit-box; display:-ms-flexbox; display:flex; margin:0 10px } } @media only screen and (max-width:768px){ .p-footer__inner{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 36px } } @media print,screen and (min-width:769px){ .p-footer__col{ width:calc(20% - (22px*4/5)) } .p-footer__col+.p-footer__col{ margin-left:22px } } @media only screen and (max-width:768px){ .p-footer__col{ width:100% } .p-footer__col:nth-child(-n+2){ width:calc(50% - (10px*1/2)) } .p-footer__col:nth-child(-n+2)+.p-footer__col:nth-child(-n+2){ margin-left:10px } .p-footer__col:nth-child(n+3){ margin-top:30px } } @media print,screen and (min-width:769px){ .p-footer__group+.p-footer__group{ margin-top:20px } } @media only screen and (max-width:768px){ .p-footer__group+.p-footer__group{ margin-top:30px } } .p-footer__group p{ margin-bottom:12px; padding-bottom:10px; font-size:16px; font-weight:700; line-height:1.375; border-bottom:1px solid #868ba8 } @media only screen and (max-width:768px){ .p-footer__group p{ border-bottom-color:#fff } } .p-footer__group nav ul{ padding-left:1.25em } .p-footer__group nav li{ font-size:14px; line-height:1.57143; list-style-type:disc } .p-footer__group nav li+li{ margin-top:5px } .p-footer__pagetop{ position:fixed; right:6px; bottom:12px; opacity:0; -webkit-transform:translateY(60%); transform:translateY(60%); -webkit-transition:all .6s cubic-bezier(.165,.84,.44,1); transition:all .6s cubic-bezier(.165,.84,.44,1); pointer-events:none; z-index:400 } .is-scrolled .p-footer__pagetop{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0); pointer-events:auto } .p-footer__pagetop a{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; line-height:1; color:#fefb1a } .p-footer__pagetop a:hover i{ -webkit-transform:rotate(-90deg) translateX(6px); transform:rotate(-90deg) translateX(6px) } .p-footer__pagetop a i{ font-size:56px; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); pointer-events:none; -webkit-transition:-webkit-transform .4s cubic-bezier(.19,1,.22,1); transition:transform .4s cubic-bezier(.19,1,.22,1); transition:transform .4s cubic-bezier(.19,1,.22,1),-webkit-transform .4s cubic-bezier(.19,1,.22,1) } .p-footer__pagetop a span{ margin-top:-18px; font-size:12px; line-height:1.16667; text-align:center; pointer-events:none } .p-mv{ position:relative; text-align:center } @media only screen and (min-width:1280px){ .p-mv__pct{ display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; position:relative } .p-mv__pct::after,.p-mv__pct::before{ content:''; width:60px; height:100%; position:absolute; top:0; background:-webkit-gradient(linear,left top,right top,from(#101229),to(rgba(16,18,41,.01))); background:linear-gradient(to right,#101229 0%,rgba(16,18,41,.01) 100%); z-index:1 } .is-gallery .p-mv__pct::after,.is-gallery .p-mv__pct::before{ background:-webkit-gradient(linear,left top,right top,from(#000),to(rgba(0,0,0,.01)));background:linear-gradient(to right,#000 0%,rgba(0,0,0,.01) 100%) } .p-mv__pct::before{ left:0 } .p-mv__pct::after{ right:0; -webkit-transform:scaleX(-1); transform:scaleX(-1) } } .p-mv__inner{ position:absolute; top:0; left:0; width:100%; height:100% } .p-mv__hd{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; height:100% } @media print,screen and (min-width:769px){ .p-mv__hd{ min-width:1008px; max-width:1280px; margin:0 auto } } .p-mv__ttl{ font-weight:700; letter-spacing:normal; } .p-mv__ttl02{ position:absolute; top:0; left:0; font-weight:700; letter-spacing:normal; font-size:24px!important; text-align:left; } .p-mv__ttl03{ position:absolute; bottom:0; right:0; font-weight:700; letter-spacing:normal; font-size:24px!important; text-align:left; } @media print,screen and (min-width:769px){ .p-mv__ttl{ margin:0 50px 20px 0; font-size:36px; line-height:1.69444 } } @media only screen and (max-width:768px){ .p-mv__ttl{ margin:0 30px 25px; font-size:20px; line-height:1.2; text-align:right } } @media print,screen and (min-width:769px){ .p-mv-top img{ max-height:340px; width:auto } } @media only screen and (max-width:768px){ .p-mv-top img{ width:100%; height:auto } } @media print,screen and (min-width:769px){ .p-mv-top .swiper-wrapper{ text-align:center } } @media only screen and (min-width:769px) and (min-width:1280px){ .p-mv-top .swiper-group{ display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; position:relative } .p-mv-top .swiper-group::after, .p-mv-top .swiper-group::before{ content:''; width:60px; height:100%; position:absolute; top:0; background:-webkit-gradient(linear,left top,right top,from(#101229),to(rgba(16,18,41,.01))); background:linear-gradient(to right,#101229 0%,rgba(16,18,41,.01) 100%); z-index:1 } .p-mv-top .swiper-group::before{ left:0 } .p-mv-top .swiper-group::after{ right:0; -webkit-transform:scaleX(-1); transform:scaleX(-1) } } @media print,screen and (min-width:769px){ .p-mv-top .swiper-button-prev, .p-mv-top .swiper-container-rtl .swiper-button-next{ left:40px; right:auto; margin-top:-42px; font-size:56px; -webkit-transform:scaleX(-1); transform:scaleX(-1) } .p-mv-top .swiper-button-next:after, .p-mv-top .swiper-button-prev:after, .p-mv-top .swiper-container-rtl .swiper-button-next:after, .p-mv-top .swiper-container-rtl .swiper-button-prev:after{ display:none } .p-mv-top .swiper-button-next, .p-mv-top .swiper-container-rtl .swiper-button-prev{ right:40px; left:auto; margin-top:-42px; font-size:56px } .p-mv-top .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px } .p-mv-top .swiper-pagination{ position:static } .p-mv-top .swiper-pagination-bullet{ width:16px; height:16px; opacity:1; background:#607290 } .p-mv-top .swiper-pagination-bullet-active{ background:#fff } } @media only screen and (max-width:768px){ .p-mv-top .swiper-button-next, .p-mv-top .swiper-button-prev, .p-mv-top .swiper-container-rtl .swiper-button-next, .p-mv-top .swiper-container-rtl .swiper-button-prev, .p-mv-top .swiper-pagination{ display:none } .p-nav-header{ padding-bottom:60px } } @media print,screen and (min-width:769px){ .p-nav-header__lang{ position:absolute; top:24px; right:25px } } @media only screen and (max-width:768px){ .p-nav-header__lang{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; height:60px; padding-right:20px; border-top:1px solid #fff;background:#101229 } .is-gallery .p-nav-header__lang{ background:#000 } } @media print,screen and (min-width:769px){ .p-nav-header__menu{ margin-bottom:12px } } @media only screen and (max-width:768px){ .p-nav-header__menu{ background:#101229 } .is-gallery .p-nav-header__menu{ background:#000 } } .p-nav-header-lang>ul>li{ line-height:1 } .p-nav-header-lang>ul>li:nth-child(n+2){ margin-left:10px; padding-left:10px; border-left:1px solid #fff } .p-nav-header-lang>ul>li a{ font-size:18px; letter-spacing:normal; color:#fff } .p-nav-header-lang>ul>li a.is-deactive{ color:#607290 } @media print,screen and (min-width:769px){ .p-nav-header-menu>ul{ display:-webkit-box; display:-ms-flexbox; display:flex } .p-nav-header-menu>ul>li{ line-height:1 } .p-nav-header-menu>ul>li:nth-child(n+2){ margin-left:16px; padding-left:16px; border-left:1px solid #fff } .p-nav-header-menu>ul>li>a{ font-size:18px; letter-spacing:normal } .p-nav-header-menu>ul>li>a>i{ display:none } } @media only screen and (max-width:768px){ .p-nav-header-menu>ul>li{ position:relative; border-top:1px solid #fff } .p-nav-header-menu>ul>li:last-child{ border-bottom:1px solid #fff } .p-nav-header-menu>ul>li.is-sp-nav-menu-sub-open>a>i{ -webkit-transform:rotate(-90deg); transform:rotate(-90deg) } .p-nav-header-menu>ul>li>a{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:60px; padding:0 20px; background:#101229 } .is-gallery .p-nav-header-menu>ul>li>a{ background:#000 } .p-nav-header-menu>ul>li>a>i{ margin-left:auto; -webkit-transform:rotate(90deg); transform:rotate(90deg); color:#fefb1a; -webkit-transition:-webkit-transform .4s cubic-bezier(.77,0,.175,1); transition:transform .4s cubic-bezier(.77,0,.175,1); transition:transform .4s cubic-bezier(.77,0,.175,1),-webkit-transform .4s cubic-bezier(.77,0,.175,1) } } @media print,screen and (min-width:769px){ .p-nav-header-menu__sub{ display:none!important } } @media only screen and (max-width:768px){ .p-nav-header-menu__sub{ display:none } } .p-nav-header-sub-1>ul>li, .p-nav-header-sub-2>ul>li, .p-nav-header-sub-3>ul>li{ border-top:1px solid #fff } .p-nav-header-sub-1>ul>li.is-active>a, .p-nav-header-sub-2>ul>li.is-active>a, .p-nav-header-sub-3>ul>li.is-active>a{ color:#fefb1a } .p-nav-header-sub-1>ul>li.is-active>a::before, .p-nav-header-sub-2>ul>li.is-active>a::before{ border-top-color:#fefb1a } .p-nav-header-sub-1>ul>li>a, .p-nav-header-sub-2>ul>li>a, .p-nav-header-sub-3>ul>li>a{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; height:60px; padding:0 20px; background:#607290 } .p-nav-header-sub-1>ul>li>a::before, .p-nav-header-sub-2>ul>li>a::before{ content:''; display:-webkit-box; display:-ms-flexbox; display:flex; width:5px; margin-right:8px; border-top:1px solid #fff } .p-nav-header-sub-2>ul>li>a, .p-nav-header-sub-3>ul>li>a{ padding:0 20px 0 38px } .p-nav-header-sub-3>ul>li>a{ padding:0 20px 0 51px } @media print,screen and (min-width:769px){ .p-nav-local{ position:relative; z-index:2 } .p-nav-local>ul, .p-nav-local>ul>li>a{ display:-webkit-box; display:-ms-flexbox; display:flex } .p-nav-local>ul{ background:rgba(0,255,0,.1) } .p-nav-local>ul>li{ position:relative; width:100%; line-height:1 } .p-nav-local>ul>li.is-current>a{ font-weight:700; background:#a40710 } .is-gallery .p-nav-local>ul>li.is-current>a, .is-gallery .p-nav-local>ul>li>a:hover{ color:#101229; background:#fefb1a } .p-nav-local>ul>li>a{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:32px; font-size:14px; letter-spacing:normal; background:#101229 } .is-gallery .p-nav-local>ul>li>a{ background:#000 } .p-nav-local>ul>li>a:hover{ background:#a40710 } .p-nav-local__sub{ position:absolute; top:32px; left:0; width:100%; z-index:-1 } } @media print,screen and (min-width:769px){ .p-nav-local02{ position:relative; z-index:2 } .p-nav-local02>ul, .p-nav-local02>ul>li>a{ display:-webkit-box; display:-ms-flexbox; display:flex } .p-nav-local02>ul{ background:rgba(0,255,0,.1) } .p-nav-local02>ul>li{ position:relative; width:100%; line-height:1 } .p-nav-local02>ul>li.is-current>a{ font-weight:700; background:#a40710 } .is-gallery .p-nav-local02>ul>li.is-current>a, .is-gallery .p-nav-local02>ul>li>a:hover{ color:#101229; background:#fefb1a } .p-nav-local02>ul>li>a{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:32px; font-size:12px; letter-spacing:normal; background:#101229 } .is-gallery .p-nav-local02>ul>li>a{ background:#000 } .p-nav-local02>ul>li>a:hover{ background:#a40710 } .p-nav-local02__sub{ position:absolute; top:32px; left:0; width:100%; z-index:-1 } } .p-nav-local-sub{ margin-top:1px; height:0; opacity:0; visibility:hidden; pointer-events:none; -webkit-transform-origin:center top; transform-origin:center top; -webkit-transform:translateY(-20px); transform:translateY(-20px); -webkit-transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .4s cubic-bezier(.215,.61,.355,1); transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1) .4s; transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .4s cubic-bezier(.215,.61,.355,1) } li:hover .p-nav-local-sub{ opacity:1; visibility:visible; pointer-events:auto; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1); transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1); transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1) } .p-nav-local-sub>ul>li>a{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%; height:32px; font-size:14px; letter-spacing:normal; color:rgba(255,255,255,.7); background:rgba(96,114,144,.6) } .is-current .p-nav-local-sub>ul>li>a{ font-weight:700 } .p-nav-local-sub>ul>li>a:hover{ color:#fff; background:#a40710 } .is-gallery .p-nav-local-sub>ul>li>a:hover{ color:#101229; background:#fefb1a } /*=================================== h2a/h2b�p�ݒ�i�O���[�o���i�r�j ===================================*/ @media print,screen and (min-width:769px){ .p-nav-local-02{ position:relative; z-index:2 } .p-nav-local-02>ul, .p-nav-local-02>ul>li>a{ display:-webkit-box; display:-ms-flexbox; display:flex } .p-nav-local-02>ul{ background:rgba(0,255,0,.1) } .p-nav-local-02>ul>li{ position:relative; width:100%; line-height:1 } .p-nav-local-02>ul>li.is-current>a{ font-weight:700; background:#e37703 } .is-gallery .p-nav-local-02>ul>li.is-current>a, .is-gallery .p-nav-local-02>ul>li>a:hover{ color:#101229; background:#fefb1a } .p-nav-local-02>ul>li>a{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:32px; font-size:14px; letter-spacing:normal; background:#101229 } .is-gallery .p-nav-local-02>ul>li>a{ background:#000 } .p-nav-local-02>ul>li>a:hover{ background:#e37703 } .p-nav-local__sub02{ position:absolute; top:32px; left:0; width:100%; z-index:-1 } } .p-nav-local-sub02{ margin-top:1px; height:0; opacity:0; visibility:hidden; pointer-events:none; -webkit-transform-origin:center top; transform-origin:center top; -webkit-transform:translateY(-20px); transform:translateY(-20px); -webkit-transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .4s cubic-bezier(.215,.61,.355,1); transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1) .4s; transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .4s cubic-bezier(.215,.61,.355,1) } li:hover .p-nav-local-sub02{ opacity:1; visibility:visible; pointer-events:auto; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1); transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1); transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1) } .p-nav-local-sub02>ul>li>a{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%; height:32px; font-size:14px; letter-spacing:normal; color:rgba(255,255,255,.7); background:rgba(96,114,144,.6) } .is-current .p-nav-local-sub02>ul>li>a{ font-weight:700 } .p-nav-local-sub02>ul>li>a:hover{ color:#fff; background:#e37703 } .is-gallery .p-nav-local-sub02>ul>li>a:hover{ color:#101229; background:#fefb1a } /*=================================== h3�p�ݒ�i�O���[�o���i�r�j ===================================*/ @media print,screen and (min-width:769px){ .p-nav-local-03{ position:relative; z-index:2 } .p-nav-local-03>ul, .p-nav-local-03>ul>li>a{ display:-webkit-box; display:-ms-flexbox; display:flex } .p-nav-local-03>ul{ background:rgba(0,255,0,.1) } .p-nav-local-03>ul>li{ position:relative; width:100%; line-height:1 } .p-nav-local-03>ul>li.is-current>a{ font-weight:700; background:#212dd5 } .is-gallery .p-nav-local-03>ul>li.is-current>a, .is-gallery .p-nav-local-03>ul>li>a:hover{ color:#101229; background:#fefb1a } .p-nav-local-03>ul>li>a{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:32px; font-size:14px; letter-spacing:normal; background:#101229 } .is-gallery .p-nav-local-03>ul>li>a{ background:#000 } .p-nav-local-03>ul>li>a:hover{ background:#212dd5 } .p-nav-local__sub03{ position:absolute; top:32px; left:0; width:100%; z-index:-1 } } .p-nav-local-sub03{ margin-top:1px; height:0; opacity:0; visibility:hidden; pointer-events:none; -webkit-transform-origin:center top; transform-origin:center top; -webkit-transform:translateY(-20px); transform:translateY(-20px); -webkit-transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .4s cubic-bezier(.215,.61,.355,1); transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1) .4s; transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .4s cubic-bezier(.215,.61,.355,1) } li:hover .p-nav-local-sub03{ opacity:1; visibility:visible; pointer-events:auto; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1); transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1); transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1) } .p-nav-local-sub03>ul>li>a{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%; height:32px; font-size:14px; letter-spacing:normal; color:rgba(255,255,255,.7); background:rgba(96,114,144,.6) } .is-current .p-nav-local-sub02>ul>li>a{ font-weight:700 } .p-nav-local-sub03>ul>li>a:hover{ color:#fff; background:#212dd5 } .is-gallery .p-nav-local-sub03>ul>li>a:hover{ color:#101229; background:#fefb1a } /*----- ������ ------*/ @media print,screen and (min-width:769px){ .p-nav-local-03Small{ position:relative; z-index:2 } .p-nav-local-03Small>ul, .p-nav-local-03Small>ul>li>a{ display:-webkit-box; display:-ms-flexbox; display:flex } .p-nav-local-03Small>ul{ background:rgba(0,255,0,.1) } .p-nav-local-03Small>ul>li{ position:relative; width:100%; line-height:1 } .p-nav-local-03Small>ul>li.is-current>a{ font-weight:700; background:#212dd5 } .is-gallery .p-nav-local02>ul>li.is-current>a, .is-gallery .p-nav-local02>ul>li>a:hover{ color:#101229; background:#fefb1a } .p-nav-local-03Small>ul>li>a{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:32px; font-size:12px; letter-spacing:normal; background:#101229 } .is-gallery .p-nav-local-03Small>ul>li>a{ background:#000 } .p-nav-local-03Small>ul>li>a:hover{ background:#212dd5 } .p-nav-local-03Small__sub{ position:absolute; top:32px; left:0; width:100%; z-index:-1 } } /*=================================== h3�p�ݒ�i�O���[�o���i�r�jend ===================================*/ /*=================================== �R�����p�ݒ�i�O���[�o���i�r�j ===================================*/ @media print,screen and (min-width:769px){ .p-nav-local-column{ position:relative; z-index:2 } .p-nav-local-column>ul, .p-nav-local-column>ul>li>a{ display:-webkit-box; display:-ms-flexbox; display:flex } .p-nav-local-column>ul{ background:rgba(0,255,0,.1) } .p-nav-local-column>ul>li{ position:relative; width:100%; line-height:1 } .p-nav-local-column>ul>li.is-current>a{ font-weight:700; background:#fefb1a; color:#000; } .p-nav-local-column>ul>li a:hover{ background:#fefb1a; color:#000; } .is-gallery .p-nav-local-column>ul>li.is-current>a, .is-gallery .p-nav-local-column>ul>li>a:hover{ color:#101229; background:#fefb1a } .p-nav-local-column>ul>li>a{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:32px; font-size:14px; letter-spacing:normal; background:#101229 } .is-gallery .p-nav-local-column>ul>li>a{ background:#000 } .p-nav-local-column>ul>li>a:hover{ background:#fefb1a; color:#000; } .p-nav-local__sub04{ position:absolute; top:32px; left:0; width:100%; z-index:-1 } } .p-nav-local-sub04{ margin-top:1px; height:0; opacity:0; visibility:hidden; pointer-events:none; -webkit-transform-origin:center top; transform-origin:center top; -webkit-transform:translateY(-20px); transform:translateY(-20px); -webkit-transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .4s cubic-bezier(.215,.61,.355,1); transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1) .4s; transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .4s cubic-bezier(.215,.61,.355,1) } li:hover .p-nav-local-sub04{ opacity:1; visibility:visible; pointer-events:auto; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1); transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1); transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1) } .p-nav-local-sub04>ul>li>a{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%; height:32px; font-size:14px; letter-spacing:normal; color:rgba(255,255,255,.7); background:rgba(96,114,144,.6) } .is-current .p-nav-local-sub04>ul>li>a{ font-weight:700 } .p-nav-local-sub04>ul>li>a:hover{ color:#fff; background:#fefb1a } .is-gallery .p-nav-local-sub03>ul>li>a:hover{ color:#101229; background:#fefb1a } /*----- ������ ------*/ @media print,screen and (min-width:769px){ .p-nav-local-column02{ position:relative; z-index:2 } .p-nav-local-column02>ul, .p-nav-local-column02>ul>li>a{ display:-webkit-box; display:-ms-flexbox; display:flex } .p-nav-local-column02>ul{ background:rgba(0,255,0,.1) } .p-nav-local-column02>ul>li{ position:relative; width:100%; line-height:1 } .p-nav-local-column02>ul>li a:hover{ background:#fefb1a; color:#000; } .p-nav-local-column02>ul>li.is-current>a{ font-weight:700; background:#fefb1a; color:#000; } .is-gallery .p-nav-local-column02>ul>li.is-current>a, .is-gallery .pp-nav-local-column02>ul>li>a:hover{ color:#000; background:#fefb1a; } .p-nav-local-column02>ul>li>a{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:32px; font-size:12px; letter-spacing:normal; background:#101229 } .is-gallery .p-nav-local-column02>ul>li>a{ background:#000 } .p-nav-local-column02>ul>li>a:hover{ background:#fefb1a; color:#000; } .p-nav-local-column02__sub{ position:absolute; top:32px; left:0; width:100%; z-index:-1 } } .p-nav-local-sub-column{ margin-top:1px; height:0; opacity:0; visibility:hidden; pointer-events:none; -webkit-transform-origin:center top; transform-origin:center top; -webkit-transform:translateY(-20px); transform:translateY(-20px); -webkit-transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .4s cubic-bezier(.215,.61,.355,1); transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1) .4s; transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .4s cubic-bezier(.215,.61,.355,1) } li:hover .p-nav-local-sub-column{ opacity:1; visibility:visible; pointer-events:auto; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1); transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1); transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1) } .p-nav-local-sub-column>ul>li>a{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%; height:32px; font-size:14px; letter-spacing:normal; color:rgba(255,255,255,.7); background:rgba(96,114,144,.6) } .is-current .p-nav-local-sub-column>ul>li>a{ font-weight:700 } .p-nav-local-sub-column>ul>li>a:hover{ color:#000; background:#fefb1a; } .is-gallery .p-nav-local-sub-column>ul>li>a:hover{ color:#000; background:#fefb1a } /*=================================== �R�����p�ݒ�i�O���[�o���i�r�jend ===================================*/ /*=========================================== �C�v�V�����p�ݒ�i�O���[�o���i�r�������j ============================================*/ @media print,screen and (min-width:769px){ .p-nav-local02{ position:relative; z-index:2 } .p-nav-local02>ul, .p-nav-local02>ul>li>a{ display:-webkit-box; display:-ms-flexbox; display:flex } .p-nav-local02>ul{ background:rgba(0,255,0,.1) } .p-nav-local02>ul>li{ position:relative; width:100%; line-height:1 } .p-nav-local02>ul>li.is-current>a{ font-weight:700; background:#a40710 } .is-gallery .p-nav-local02>ul>li.is-current>a, .is-gallery .p-nav-local02>ul>li>a:hover{ color:#101229; background:#fefb1a } .p-nav-local02>ul>li>a{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:32px; font-size:12px; letter-spacing:normal; background:#101229 } .is-gallery .p-nav-local02>ul>li>a{ background:#000 } .p-nav-local02>ul>li>a:hover{ background:#a40710 } .p-nav-local02__sub{ position:absolute; top:32px; left:0; width:100%; z-index:-1 } } .p-nav-local-sub{ margin-top:1px; height:0; opacity:0; visibility:hidden; pointer-events:none; -webkit-transform-origin:center top; transform-origin:center top; -webkit-transform:translateY(-20px); transform:translateY(-20px); -webkit-transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .4s cubic-bezier(.215,.61,.355,1); transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1) .4s; transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .4s cubic-bezier(.215,.61,.355,1) } li:hover .p-nav-local-sub{ opacity:1; visibility:visible; pointer-events:auto; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1); transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1); transition:opacity .4s cubic-bezier(.215,.61,.355,1),visibility .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),height 0s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1) } .p-nav-local-sub>ul>li>a{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%; height:32px; font-size:14px; letter-spacing:normal; color:rgba(255,255,255,.7); background:rgba(96,114,144,.6) } .is-current .p-nav-local-sub>ul>li>a{ font-weight:700 } .p-nav-local-sub>ul>li>a:hover{ color:#fff; background:#a40710 } .is-gallery .p-nav-local-sub>ul>li>a:hover{ color:#101229; background:#fefb1a } @media print,screen and (min-width:769px){ .p-news__group+.p-news__group{ margin-top:50px } } @media only screen and (max-width:768px){ .p-news__group+.p-news__group{ margin-top:40px } } @media print,screen and (min-width:769px){ .p-news__body>*+*{ margin-top:1px } } .p-epsilon-top-2__info dt, .p-news__head-ttl{ margin-bottom:10px; font-size:18px; font-weight:700; line-height:1.5 } @media only screen and (max-width:768px){ .p-overflow-x{ width:100vw; margin:0 -36px; overflow-x:auto; -webkit-overflow-scrolling:touch; overflow-scrolling:touch } .p-top-rocket__head{ margin:0 36px } } @media print,screen and (min-width:769px){ .p-top-rocket__body{ display:-webkit-box; display:-ms-flexbox; display:flex; margin-top:20px } } @media only screen and (max-width:768px){ .p-top-rocket__body{ margin-top:20px } } @media print,screen and (min-width:769px){ .p-top-rocket__item{ width:calc(25% - (16px*3/4)) } .p-top-rocket__item+.p-top-rocket__item{ margin-left:16px } } @media only screen and (max-width:768px){ .p-top-rocket__item+.p-top-rocket__item{ margin-top:-40px } .p-top-engine__head{ margin:0 36px } } @media print,screen and (min-width:769px){ .p-top-engine__body{ display:-webkit-box; display:-ms-flexbox; display:flex; margin-top:20px } } @media only screen and (max-width:768px){ .p-top-engine__body{ margin-top:20px } } .p-top-engine__group{ display:-webkit-box; display:-ms-flexbox; display:flex } @media print,screen and (min-width:769px){ .p-top-engine__group{ -ms-flex-wrap:wrap; flex-wrap:wrap; width:calc(50% - (16px*1/2)) } .p-top-engine__group+.p-top-engine__group{ margin-left:16px } } @media only screen and (max-width:768px){ .p-top-engine__group{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } } @media print,screen and (min-width:769px){ .p-top-engine__item{ width:calc(50% - (16px*1/2)) } .p-top-engine__item:nth-child(even){ margin-left:16px } .p-top-engine__item:nth-child(n+3){ margin-top:16px } .p-top-engine__item-wide{ -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1 } } @media print,screen and (min-width:769px){ .p-top-eorc__head02{ margin:0 0 36px 0 } } @media only screen and (max-width:768px){ .p-top-engine__item+.p-top-engine__item, .p-top-engine__item-wide{ margin-top:-40px } .p-top-eorc__head{ margin:0 36px } .p-top-eorc__head02{ margin:0 36px 36px 36px } } @media print,screen and (min-width:769px){ .p-top-eorc__body{ display:-webkit-box; display:-ms-flexbox; display:flex; margin-top:20px } } @media only screen and (max-width:768px){ .p-top-eorc__body{ margin-top:20px } } @media print,screen and (min-width:769px){ .p-top-eorc__item{ width:calc(33.3% - (16px*2/3)) } .p-top-eorc__item+.p-top-eorc__item{ margin-left:16px } } @media only screen and (max-width:768px){ .p-top-mission__head{ margin:0 36px } .p-top-mission__overflow{ width:100vw; overflow-x:auto; -webkit-overflow-scrolling:touch; overflow-scrolling:touch } } @media print,screen and (min-width:769px){ .p-top-mission__body{ display:-webkit-box; display:-ms-flexbox; display:flex; margin-top:20px } } @media only screen and (max-width:768px){ .p-top-mission__body{ display:-webkit-box; display:-ms-flexbox; display:flex; margin-top:20px; margin-left:32px } } @media print,screen and (min-width:769px){ .p-top-mission__item{ width:calc(25% - (16px*3/4)) } .p-top-mission__item+.p-top-mission__item{ margin-left:16px } } @media only screen and (max-width:768px){ .p-top-mission__item{ min-width:310px; width:310px; padding-right:30px } .p-top-news{ margin:0 36px } } @media print,screen and (min-width:769px){ .p-top-news__body{ display:-webkit-box; display:-ms-flexbox; display:flex } .p-top-news__item{ width:calc(50% - (44px*1/2)) } .p-top-news__item+.p-top-news__item{ margin-left:44px } } @media only screen and (max-width:768px){ .p-top-news__item+.p-top-news__item{ margin-top:50px } } @media print,screen and (min-width:769px){ .p-top-news__block{ margin-top:20px } .p-top-news__block>*+*{ margin-top:15px } } @media only screen and (max-width:768px){ .p-top-news__block{ margin-top:15px } .p-top-news__block>*+*{ margin-top:13px; padding-top:13px; border-top:1px solid #607290 } .p-epsilon-top__head{ margin:0 36px } } @media print,screen and (min-width:769px){ .p-epsilon-top__body{ margin-top:80px } } @media only screen and (max-width:768px){ .p-epsilon-top__body{ margin:50px 36px 0 } } @media print,screen and (min-width:769px){ .p-epsilon-top__body2{ margin-top:0 } } @media only screen and (max-width:768px){ .p-epsilon-top__body2{ margin:0 36px 0 } } .p-epsilon-top__catch{ font-size:28px; font-weight:700; letter-spacing:normal; line-height:1.71429 } @media only screen and (max-width:768px){ .p-epsilon-top__catch{ font-size:18px; line-height:1.33333 } } .p-epsilon-top__txt{ margin-top:30px } .p-epsilon-top__txt02{ margin-top:20px; padding-left:1em; } .p-epsilon-top__txt03{ margin-top:0; } @media print,screen and (min-width:769px){ .memorial__txt{ margin-top:0; padding-left:2em; } } .text{ font-size:130%; font-weight:400; padding-top:50px; padding-bottom:12px; line-height:1.1em; } .text02{ font-size:130%; font-weight:400; padding-top:0; padding-bottom:12px; line-height:1.1em; } .text03{ font-size:130%; font-weight:400; margin-top:50px; padding-bottom:12px; line-height:1.1em; } @media only screen and (max-width:768px){ .p-epsilon-top__txt{ margin-top:20px; letter-spacing:normal; line-height:1.75; text-align:justify } .p-epsilon-top__txt02{ margin-top:10px; letter-spacing:normal; line-height:1.75; text-align:justify } .p-epsilon-top__txt03{ margin-top:0px; letter-spacing:normal; line-height:1.75; text-align:justify } .text{ font-size:120%; font-weight:400; padding-top:50px; padding-bottom:12px; line-height:1.3em; } .text02{ font-size:130%; font-weight:400; padding-top:50px; padding-bottom:12px; line-height:1.1em; } .text03{ font-size:130%; font-weight:400; padding-top:0px; padding-bottom:0; line-height:1.1em; } } .p-epsilon-top-1__pct, .p-epsilon-top-1__pct img{ position:relative } @media print,screen and (min-width:769px){ .p-epsilon-top-1__pct{ margin-top:90px; padding-bottom:100px; text-align:center } } @media only screen and (max-width:768px){ .p-epsilon-top-1__pct{ margin-top:50px; margin-right:-36px } } .p-epsilon-top-1__bg{ position:absolute; top:100px; left:0; width:100%; height:calc(100% - 100px); background:#a40710 } @media only screen and (max-width:768px){ .p-epsilon-top-1__bg{ top:80px; left:-36px; width:100vw; height:calc(100% + 100px) } } .p-epsilon-top-1__bg::after, .p-epsilon-top-1__bg::before, .p-epsilon-top-2__bg::after, .p-epsilon-top-3__bg-pc::after, .p-epsilon-top-3__bg-pc::before{ background:#a40710 } @media only screen and (max-width:768px){ .p-epsilon-top-2{ border-radius:0 40px 0 0; background:#101229 } } .p-epsilon-top-2__body{ position:relative } @media print,screen and (min-width:769px){ .p-epsilon-top-2__body{ margin-top:160px; padding-top:100px } } @media only screen and (max-width:768px){ .p-epsilon-top-2__body{ margin-top:50px } } .p-epsilon-top-2__bg{ position:absolute; background:#a40710 } @media print,screen and (min-width:769px){ .p-epsilon-top-2__bg{ top:0; left:260px; width:calc(100% - 260px); height:460px } } @media only screen and (max-width:768px){ .p-epsilon-top-2__bg{ top:80px; left:-36px; width:100vw; height:calc(100% + 100px) } } .p-epsilon-top-2__group-1{ position:relative } @media print,screen and (min-width:769px){ .p-epsilon-top-2__group-1{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; margin-left:170px } } .p-epsilon-top-2__group-2{ display:-webkit-box; display:-ms-flexbox; display:flex; position:relative } @media print,screen and (min-width:769px){ .p-epsilon-top-2__group-2{ -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; margin-top:16px; margin-left:170px } } @media only screen and (max-width:768px){ .p-epsilon-top-2__group-2{ -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse } } @media print,screen and (min-width:769px){ .p-epsilon-top-2__pct-1{ width:494px; margin-left:16px } } @media only screen and (max-width:768px){ .p-epsilon-top-2__pct-1{ margin-left:-36px; margin-right:36px } } .p-epsilon-top-2__pct-1 img, .p-epsilon-top-2__pct-2 img, .p-epsilon-top-2__pct-3 img{ width:100%; height:auto } @media only screen and (max-width:768px){ .p-epsilon-top-2__pct-2{ margin-top:30px; margin-right:-36px } } @media print,screen and (min-width:769px){ .p-epsilon-top-2__pct-3 span{ display:block; width:239px } .p-epsilon-top-2__pct-3 span+span{ margin-top:16px } } @media only screen and (max-width:768px){ .p-epsilon-top-2__pct-3{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin-top:5px } .p-epsilon-top-2__pct-3 span{ width:calc(50% - (5px*1/2)) } .p-epsilon-top-2__pct-3 span+span{ margin-left:5px } } @media print,screen and (min-width:769px){ .p-epsilon-top-2__pct-4{ width:494px; margin-left:16px } .p-epsilon-top-2__pct-4 picture{ display:block; margin-top:16px } } @media only screen and (max-width:768px){ .p-epsilon-top-2__pct-4{ margin-top:30px; margin-left:-36px; margin-right:-36px } .p-epsilon-top-2__pct-4 img{ width:100%; height:auto } } @media print,screen and (min-width:769px){ .p-epsilon-top-2__info{ width:239px; margin-top:40px } } @media only screen and (max-width:768px){ .p-epsilon-top-2__info{ margin-top:30px } } .p-epsilon-top-2__info dt{ margin-bottom:35px } @media only screen and (max-width:768px){ .p-epsilon-top-2__info dt{ margin-bottom:20px } } .p-epsilon-top-2__info dd{ font-size:10px; line-height:2.7 } @media only screen and (max-width:768px){ .p-epsilon-top-2__info dd{ font-size:12px } .p-epsilon-top-3{ border-radius:0 40px 0 0; background:#101229 } } .p-epsilon-top-3__body{ position:relative } @media print,screen and (min-width:769px){ .p-epsilon-top-3__body{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding-bottom:40px } } @media only screen and (max-width:768px){ .p-epsilon-top-3__body{ margin-bottom:-12px } } .p-epsilon-top-3__bg-pc{ position:absolute; top:110px; left:0; width:100%; height:calc(100% - 110px); background:#a40710 } @media only screen and (max-width:768px){ .p-epsilon-top-3__bg-pc{ display:none } } @media only screen and (max-width:768px){ .p-epsilon-top-3__bg-sp{ position:absolute; top:130px; left:-36px; width:100vw; height:100%; background:#a40710 } } .p-epsilon-top-3__col-1{ position:relative } @media print,screen and (min-width:769px){ .p-epsilon-top-3__col-1{ min-width:400px; width:400px; padding-top:30px } } @media only screen and (max-width:768px){ .p-epsilon-top-3__wrap{ position:relative } } .p-epsilon-top-3__col-2{ position:relative } @media print,screen and (min-width:769px){ .p-epsilon-top-3__col-2{ display:-webkit-box; display:-ms-flexbox; display:flex; min-width:540px; width:540px } } @media only screen and (max-width:768px){ .p-epsilon-top-3__col-2{ display:-webkit-box; display:-ms-flexbox; display:flex; margin:40px 36px 0 } } @media print,screen and (min-width:769px){ .p-epsilon-top-3__overflow{ display:-webkit-box; display:-ms-flexbox; display:flex; min-width:540px; width:540px } } @media only screen and (max-width:768px){ .p-epsilon-top-3__overflow{ width:100vw; margin:0 -36px; padding-bottom:32px; overflow-x:auto; -webkit-overflow-scrolling:touch; overflow-scrolling:touch } } @media print,screen and (min-width:769px){ .p-epsilon-top-3__item{ width:180px; } } @media only screen and (max-width:768px){ .p-epsilon-top-3__item{ min-width:290px; width:290px; padding-right:20px } .p-epsilon-top-3__item:last-child{ min-width:306px; width:306px; padding-right:36px } .p-epsilon-top-4{ margin-top:80px } .p-epsilon-top-4__bg{ position:absolute; top:0; left:-36px; width:calc(100vw + 36px); height:100%; background:#a40710 } } @media print,screen and (min-width:769px){ .p-epsilon-top-4__body{ margin-top:-20px } } @media only screen and (max-width:768px){ .p-epsilon-top-4__body{ margin-top:-20px } } @media print,screen and (min-width:769px){ .p-epsilon-top-4__item+.p-epsilon-top-4__item{ margin-top:12px; padding-top:12px; border-top:1px solid #607290 } .p-epsilon-top-4__item .c-link-file__ttl::before{ background:#868ba8 } } @media only screen and (max-width:768px){ .p-epsilon-top-4__item+.p-epsilon-top-4__item{ margin-top:20px } .p-epsilon-top-5{ margin-top:60px } .p-epsilon-top-5__bg{ position:absolute; top:60px; left:-36px; width:calc(100vw + 36px); height:100%; background:#a40710 } } @media print,screen and (min-width:769px){ .p-epsilon-top-5__body{ margin-top:-20px; } .p-epsilon-detail__head02{ margin:0 0 40px 0; } } @media only screen and (max-width:768px){ .p-epsilon-top-5__body{ margin-top:-20px } .p-epsilon-detail__head{ margin:0 36px } .p-epsilon-detail__head02{ margin:0 36px 20px 36px; } } @media print,screen and (min-width:769px){ .p-epsilon-detail__body{ margin-top:80px } } @media only screen and (max-width:768px){ .p-epsilon-detail__body{ margin:50px 36px 0 } } @media print,screen and (min-width:769px){ .p-epsilon-detail__body-2{ margin-top:30px } .p-epsilon-detail__body-3{ margin-top:0 } .p-epsilon-detail__body-4{ margin-top:30px; margin-bottom:400px; } } @media only screen and (max-width:768px){ .p-epsilon-detail__body-2{ margin:20px 36px 0 } } @media print,screen and (min-width:769px){ .p-epsilon-detail__colwrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .p-epsilon-detail__colwrap+.p-epsilon-detail__colwrap{ margin-top:60px } } @media only screen and (max-width:768px){ .p-epsilon-detail__colwrap+.p-epsilon-detail__colwrap{ margin-top:50px } } @media print,screen and (min-width:769px){ .p-epsilon-detail__col{ width:calc(50% - (80px*1/2)) } .p-epsilon-detail__col02{ width:calc(60% - (20px*1/2)) } .p-epsilon-detail__col--full{ width:100% } } @media only screen and (max-width:768px){ .p-epsilon-detail__col+.p-epsilon-detail__col{ margin-top:40px } } @media print,screen and (min-width:769px){ .p-epsilon-detail__col p+p{ margin-top:2em } } @media only screen and (max-width:768px){ .p-epsilon-detail__col p+p{ margin-top:1em } } .p-epsilon-detail__hd{ margin-bottom:30px } @media print,screen and (min-width:769px){ .p-epsilon-outline-1-1__pct{ margin-top:70px } } @media only screen and (max-width:768px){ .p-epsilon-outline-1-1__pct{ width:calc(2008px*(200/520)); margin-top:50px; padding:0 36px } } @media print,screen and (min-width:769px){ .p-epsilon-outline-1-2{ margin-top:50px } } @media only screen and (max-width:768px){ .p-epsilon-outline-1-2{ margin-top:60px } } @media print,screen and (min-width:769px){ .p-epsilon-outline-1-2__pct>*+*{ margin-top:70px } } @media only screen and (max-width:768px){ .p-epsilon-outline-1-2__pct>*+*{ margin-top:30px } } @media print,screen and (min-width:769px){ .p-epsilon-outline-1-2__pct02>*+*{ margin-top:20px } } @media only screen and (max-width:768px){ .p-epsilon-outline-1-2__pct02>*+*{ margin-top:30px } } .p-epsilon-outline-2-1{ background:pink } .p-epsilon-outline-3-1{ position:relative; margin-bottom:100px } @media print,screen and (min-width:769px){ .p-epsilon-outline-3-1__pct{ position:absolute; top:10px; right:0 } .p-epsilon-outline-3-1__pct02{ position:absolute; top:10px; left:0 } } @media only screen and (max-width:768px){ .p-epsilon-outline-3-1__pct{ margin-top:40px } } @media print,screen and (min-width:769px){ .p-epsilon-outline-3-1__bg{ position:absolute; bottom:-40px; left:0; width:100%; height:240px; background:-webkit-gradient(linear,right top,left top,from(#a40710),to(rgba(164,7,16,.2))); background:linear-gradient(to left,#a40710 0%,rgba(164,7,16,.2) 100%) } } @media only screen and (max-width:768px){ .p-epsilon-outline-3-1__bg{ position:absolute; bottom:-40px; left:-36px; width:100vw; height:160px; background:#a40710 } } .p-epsilon-outline-3-1__bg::before{ width:calc((100vw - 1008px)/4); background:-webkit-gradient(linear,right top,left top,from(rgba(164,7,16,0)),to(rgba(164,7,16,.2)));background:linear-gradient(to left,rgba(164,7,16,0) 0%,rgba(164,7,16,.2) 100%) } .p-epsilon-outline-3-1__bg::after{ background:#a40710 } .p-epsilon-outline-3-1__wrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; position:relative } @media print,screen and (min-width:769px){ .p-epsilon-outline-3-1__wrap{ margin-top:100px; padding:0 56px } } @media only screen and (max-width:768px){ .p-epsilon-outline-3-1__wrap{ margin-top:30px } } .p-epsilon-outline-3-1__item{ position:relative } @media print,screen and (min-width:769px){ .p-epsilon-outline-3-1__item{ width:calc(50% - (40px*1/2)) } } @media only screen and (max-width:768px){ .p-epsilon-outline-3-1__item{ min-width:294px; width:294px } .p-epsilon-outline-3-1__item+.p-epsilon-outline-3-1__item{ margin-left:40px } .p-epsilon-outline-3-1__item:last-child{ min-width:330px; width:330px; padding-right:36px } } .p-epsilon-outline-3-2{ position:relative } @media print,screen and (min-width:769px){ .p-epsilon-outline-3-2__pct{ position:absolute; bottom:0; right:60px } .p-epsilon-outline-3-3{ margin-top:50px; background:linear-gradient(45deg,rgba(164,7,16,0) 0%,#a40710 100%) } .p-epsilon-outline-3-3-02{ margin-top:50px; padding-top:50px; margin-bottom:50px; padding-bottom:50px; background:linear-gradient(45deg,rgba(164,7,16,0) 0%,#a40710 100%) } } @media only screen and (max-width:768px){ .p-epsilon-outline-3-3{ margin-top:40px } .p-epsilon-outline-3-3-02{ margin-top:50px; margin-bottom:50px } } @media print,screen and (min-width:769px){ .p-epsilon-outline-3-3__inner{ min-width:1008px; max-width:1008px; margin:0 auto; padding:60px 56px 40px } } @media only screen and (max-width:768px){ .p-epsilon-outline-3-3__bg-1{ position:absolute; bottom:-40px; left:-36px; width:100vw; height:160px; background:#a40710 } .p-epsilon-outline-3-3__group-1{ position:relative; margin-left:36px } } .p-epsilon-outline-3-3__wrap-1{ display:-webkit-box; display:-ms-flexbox; display:flex; position:relative } @media print,screen and (min-width:769px){ .p-epsilon-outline-3-3__wrap-1{ -ms-flex-wrap:wrap; flex-wrap:wrap } .p-epsilon-outline-3-3__item-1{ width:calc(50% - (40px*1/2)) } .p-epsilon-outline-3-3__item-1:nth-child(even){ margin-left:40px } .p-epsilon-outline-3-3__item-1:nth-child(n+3){ margin-top:40px } } @media only screen and (max-width:768px){ .p-epsilon-outline-3-3__item-1{ min-width:294px; width:294px; margin-right:40px } .p-epsilon-outline-3-3__item-1:last-child{ min-width:330px; width:330px; padding-right:36px } } @media print,screen and (min-width:769px){ .p-epsilon-outline-3-3__group-2{ margin-top:40px } } @media only screen and (max-width:768px){ .p-epsilon-outline-3-3__group-2{ position:relative; margin:80px 36px 0 } } @media print,screen and (min-width:769px){ .p-epsilon-outline-3-3__wrap-2{ display:-webkit-box; display:-ms-flexbox; display:flex } .p-epsilon-outline-3-3__item-2{ width:calc(50% - (40px*1/2)) } .p-epsilon-outline-3-3__item-2:nth-child(even){ margin-left:40px } .p-epsilon-outline-3-3__item-2 p{ line-height:1.6875 } } @media only screen and (max-width:768px){ .p-epsilon-outline-3-3__item-22+.p-epsilon-outline-3-3__item-22{ margin-top:40px } .p-epsilon-outline-3-3__item-23+.p-epsilon-outline-3-3__item-23{ margin-top:40px } } .p-epsilon-outline-3-3__item-22 p+p{ margin-top:1em } @media print,screen and (min-width:769px){ .p-epsilon-outline-3-3__wrap-2{ display:-webkit-box; display:-ms-flexbox; display:flex } .p-epsilon-outline-3-3__item-22{ width:calc(50% - (40px*1/2)); position:relative; } .p-epsilon-outline-3-3__item-22 img{ width:100%; } .p-epsilon-outline-3-3__item-22:nth-child(even){ margin-left:40px } .p-epsilon-outline-3-3__item-22 p{ line-height:1.4em; } .p-epsilon-outline-3-3__item-23{ width:calc(50% - (40px*1/2)); position:relative; } .p-epsilon-outline-3-3__item-23 img{ width:100%; } .p-epsilon-outline-3-3__item-23:nth-child(even){ margin-left:40px } .p-epsilon-outline-3-3__item-23 p{ line-height:1.8em; } /*=============================== �s�b�N�A�b�v�C���^�r���[ �g�b�v�摜�E���^�C�g���ݒ� ================================*/ .p-epsilon-outline-3-3__item-22 .textBox { position: absolute; right: 0; bottom: 0; padding: 20px 20px 20px; background: #fff url(../img/column/pickupInterview/top_box_link.png) no-repeat right bottom; background: rgba(256,256,256,0.8) url(../img/column/pickupInterview/top_box_link.png) no-repeat right bottom; width:300px; min-height: 50px; } .p-epsilon-outline-3-3__item-22 .textBox p { } .p-epsilon-outline-3-3__item-22 .textBox p.subTitle { margin: 0 0 10px; font-weight: bold; letter-spacing: -1px; font-size: 14px !important; } .p-epsilon-outline-3-3__item-22 .textBox p.subTitle{ color: #000; text-decoration: none; } .p-epsilon-outline-3-3__item-22 .textBox h2 { font-size: 12px !important; line-height:2em; color:#000; } .p-epsilon-outline-3-3__item-22 .textBox .name { font-size: 150%; font-weight: bold; vertical-align: middle; margin-left: 1em; } } @media only screen and (max-width:768px){ .p-epsilon-outline-3-3__item-22+.p-epsilon-outline-3-3__item-22{ margin-top:40px } /*=============================== �s�b�N�A�b�v�C���^�r���[ �g�b�v�摜�E���^�C�g���ݒ� ================================*/ .p-epsilon-outline-3-3__item-22 .textBox { padding: 20px 20px 20px; background: #fefb1a url(../img/column/pickupInterview/top_box_link.png) no-repeat right bottom; background: rgba(254,251,26,1.0) url(../img/column/pickupInterview/top_box_link.png) no-repeat right bottom; width:100%; min-height: 50px; } .p-epsilon-outline-3-3__item-22 .textBox p { } .p-epsilon-outline-3-3__item-22 .textBox p.subTitle { margin: 0 0 10px; font-weight: bold; letter-spacing: -1px; font-size: 14px !important; } .p-epsilon-outline-3-3__item-22 .textBox p.subTitle{ color: #000; text-decoration: none; } .p-epsilon-outline-3-3__item-22 .textBox h2 { font-size: 12px !important; line-height:2em; color:#000; } .p-epsilon-outline-3-3__item-22 .textBox .name { font-size: 150%; font-weight: bold; vertical-align: middle; margin-left: 1em; } } .p-epsilon-outline-3-3__item-22 p+p{ margin-top:1em } @media print,screen and (min-width:769px){ .p-epsilon-outline-3-3__group-3{ margin-top:40px } } @media only screen and (max-width:768px){ .p-epsilon-outline-3-3__group-3{ position:relative; margin-top:40px; margin-left:36px } .p-epsilon-outline-3-3__bg-3{ position:absolute; top:40px; left:-36px; width:100vw; height:200px; background:#a40710 } } @media print,screen and (min-width:769px){ .p-epsilon-outline-3-3__wrap-3{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start } .p-epsilon-outline-3-3__col-3{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; /*width:calc(50% - (40px*1/2))*/ width:50% } } @media only screen and (max-width:768px){ .p-epsilon-outline-3-3__col-3{ display:-webkit-box; display:-ms-flexbox; display:flex; position:relative } } @media print,screen and (min-width:769px){ .p-epsilon-outline-3-3__col-4{ margin-left:40px } } @media only screen and (max-width:768px){ .p-epsilon-outline-3-3__col-4{ position:relative; margin-top:80px; margin-right:36px } } @media print,screen and (min-width:769px){ .p-epsilon-outline-3-3__item-3{ width:calc(50% - (40px*1/2)) } .p-epsilon-outline-3-3__item-3:nth-child(even){ margin-left:40px } .p-epsilon-outline-3-3__item-3:nth-child(n+3){ margin-top:40px } .p-epsilon-outline-3-3__item-3:nth-child(1){ -webkit-box-ordinal-group:2; -ms-flex-order:1;order:1 } .p-epsilon-outline-3-3__item-3:nth-child(2){ -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 } .p-epsilon-outline-3-3__item-3:nth-child(3){ -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4; margin-left:40px } .p-epsilon-outline-3-3__item-3:nth-child(4){ -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; margin-left:0 } } @media only screen and (max-width:768px){ .p-epsilon-outline-3-3__item-3{ position:relative; min-width:294px; width:294px; margin-right:40px } .p-epsilon-outline-3-3__item-3:last-child{ min-width:330px; width:330px; padding-right:36px } } @media print,screen and (min-width:769px){ .p-epsilon-component{ text-align:center } } @media only screen and (max-width:768px){ .p-epsilon-component, .p-epsilon-component::after{ display:-webkit-box; display:-ms-flexbox; display:flex } .p-epsilon-component{ padding-left:36px } .p-epsilon-component::after{ content:''; width:36px; border-right:36px solid transparent } .p-epsilon-component__pct-1, .p-epsilon-component__pct-2{ min-width:537.6px; width:537.6px; padding:36px; border-radius:20px; background:#607290 } .p-epsilon-component__pct-2{ min-width:700.62px; width:700.62px } } @media print,screen and (min-width:769px){ .p-epsilon-gallery-1{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } .p-epsilon-gallery-1__item{ width:calc(50% - (80px*1/2)) } .p-epsilon-gallery-1__item:nth-child(even){ margin-left:80px } .p-epsilon-gallery-1__item:nth-child(n+3){ margin-top:80px } } @media only screen and (max-width:768px){ .p-epsilon-gallery-1__item+.p-epsilon-gallery-1__item{ margin-top:30px } .p-epsilon-gallery-1__item .c-img__cap{ text-align:center } } @media print,screen and (min-width:769px){ .p-epsilon-gallery-2{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .p-epsilon-gallery-2__item{ width:calc(50% - (80px*1/2)) } .p-epsilon-gallery-2__item:nth-child(even){ margin-left:80px } .p-epsilon-gallery-2__item:nth-child(n+3){ margin-top:80px } } @media only screen and (max-width:768px){ .p-epsilon-gallery-2__item+.p-epsilon-gallery-2__item{ margin-top:30px } } .p-epsilon-gallery-3__full{ width:60%; text-align:center; margin:15px auto; } @media only screen and (max-width:768px){ .p-epsilon-gallery-3__full{ width:100vw; margin:0 -36px; text-align:center } } @media print,screen and (min-width:769px){ .p-epsilon-gallery-3__wrap{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-top:40px } } @media only screen and (max-width:768px){ .p-epsilon-gallery-3__wrap{ margin-top:30px } } @media print,screen and (min-width:769px){ .p-epsilon-gallery-3__item{ width:calc(50% - (80px*1/2)) } .p-epsilon-gallery-3__item:nth-child(even){ margin-left:80px } .p-epsilon-gallery-3__item:nth-child(n+3){ margin-top:80px } .p-epsilon-gallery-3__item02{ width:80%; } } @media only screen and (max-width:768px){ .p-epsilon-gallery-3__item+.p-epsilon-gallery-3__item{ margin-top:30px } .p-epsilon-gallery-3__item .c-img__cap{ text-align:center } } @media print,screen and (min-width:769px){ .p-epsilon-gallery-4{ display:-webkit-box; display:-ms-flexbox; display:flex } } @media only screen and (max-width:768px){ .p-epsilon-gallery-4{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } } @media print,screen and (min-width:769px){ .p-epsilon-gallery-4__item{ width:calc(25% - (16px*3/4)) } .p-epsilon-gallery-4__item+.p-epsilon-gallery-4__item{ margin-left:16px } } @media only screen and (max-width:768px){ .p-epsilon-gallery-4__item{ width:calc(50% - (16px*1/2)) } .p-epsilon-gallery-4__item:nth-child(even){ margin-left:16px } .p-epsilon-gallery-4__item:nth-child(n+3){ margin-top:16px } } .u-align--left{ text-align:left } @media only screen and (max-width:768px){ .u-align--left--sp{ text-align:left!important } } .u-align--center{ text-align:center } @media only screen and (max-width:768px){ .u-align--center--sp{ text-align:center!important } } .u-align--right{ text-align:right } @media only screen and (max-width:768px){ .u-align--right--sp{ text-align:right!important } } .u-fw--normal{ font-weight:400 } .u-fw--bold{ font-weight:700 } @media only screen and (max-width:768px){ .u-use--pc{ display:none } } @media print,screen and (min-width:769px){ .u-use--sp{ display:none } } .not-responsive .u-use--sp{ display:none!important } /*=== �C�Ӓlj� =======*/ /*----�ϓ��z�u----*/ .jstfy{ text-align:justify; text-justify:inter-ideograph; -ms-text-justify:inter-ideograph; } /*----�s�ԋl��-----*/ .Gyokan{ line-height:1.7em!important; } @media print,screen and (min-width:769px){ .movieList{ width:100%; margin-top:20px; font-size:15px; } .movieList ul{ margin-bottom:1em; } .movieList ul li{ padding-left:1em; } .movieList a:hover{ text-decoration:underline; color:#a40710; transform:0.5s; -webkit-transform:0.5s; -moz-transform:0.5s; } .movieList h1{ font-size:18px; font-weight:700; } } @media only screen and (max-width:768px){ .movieList{ width:100%; margin-top:20px; font-size:12px; line-height:1.8em; } .movieList ul{ margin-bottom:1em; } .movieList ul li{ padding-left:1em; } .movieList a:hover{ text-decoration:underline; color:#a40710; transform:0.5s; -webkit-transform:0.5s; -moz-transform:0.5s; } .movieList h1{ font-size:14px; font-weight:700; } } @media print,screen and (min-width:769px){ .flexLeftBox{ width:30%; text-align:center; padding:10px 10px; } .flexLeftBox02{ width:30%; padding:10px 10px; } .flexLeftBox03{ width:70%; padding:0px 10px; } .flexLeftBox04{ width:40%; text-align:center; padding:10px 10px; } .flexRightBox{ width:70%; padding:0 0 0 30px; } .flexRightBox02{ width:70%; padding:0 0 0 30px; } .flexRightBox03{ width:30%; padding:0 0 0 30px; } .flexRightBox04{ width:60%; padding:0 0 0 30px; } .profileBoxLeft{ width:20%; padding:0; } .profileBoxRight{ width:80%; padding:15px 40px; } .flexPhotoTwoRow{ width:50%; padding:0 40px; } .flexPhotoThreeRow{ width:33%; padding:0 10px; } .capBox{ width:550px; height:auto; margin:0 auto; } } @media only screen and (max-width:768px){ .flexPhotoTwoRow{ padding-top:10px; } .flexPhotoThreeRow{ padding-top:10px; } .capBox{ width:100%; height:auto; margin:0 auto; } .flexLeftBox03{ width:100vw; padding:10px 5px; } .flexLeftBox04{ width:100vw; padding:10px 5px; } .flexRightBox04{ padding:10px 10px; } } .photoCenter{ width:100%; margin-top:30px; text-align:center; } .supText{ font-size:60%; vertical-align:top; position:relative; top:-0.5em; } .iconLink { display: inline-block; *display: inline; *zoom: 1; padding-left: 22px; background: url(../img/common/icon_link_l.gif) no-repeat left 0.25em; min-height: 23px; vertical-align: middle; text-indent: 0; } .iconLinkR { display: inline-block; *display: inline; *zoom: 1; padding-right: 22px; background: url(../img/common/icon_link_l.gif) no-repeat right 0.25em; min-height: 23px; vertical-align: middle; text-indent: 0; } .iconExternal { display: inline-block; *display: inline; *zoom: 1; padding-right: 18px; background: url(../img/common/icon_x_external.gif) no-repeat right 0em; min-height: 14px; vertical-align: middle; text-indent: 0; padding-top: 2px; } .iconX-External { display: inline-block; *display: inline; *zoom: 1; padding-right: 23px; background: url(../img/common/icon_x_external.gif) no-repeat right 0em; min-height: 14px; vertical-align: middle; text-indent: 0; padding-top: 2px; } .iconBlock { display:block !important; } .iconPDF { display: inline-block; *display: inline; *zoom: 1; padding-right: 27px; background: url(../img/common/icon_pdf.png) no-repeat right 0em; min-height: 27px; vertical-align: middle; text-indent: 0; } /*=================================== �v���X�����[�X�N�x���ڗp�ݒ� ===================================*/ @media print,screen and (min-width:769px){ .newsList ul{ margin:0; padding:0 } .newsList li{ width:70%; height:50px; border-bottom:1px solid #fff; line-height:50px; background:#607290; } .newsList li:hover{ width:70%; height:50px; border-bottom:1px solid #fff; line-height:50px; background:#fefb1a; } .newsList li:hover a{ color:#000; } .newsList li:hover a:hover{ color:#000; text-decoration:underline; } .newsList li.is-current{ font-weight:700; background:#fefb1a; } .newsList li.is-current a{ color:#000!important; font-weight:400!important } .timeCal{ text-align:right; } .txtIndent{ padding-left:5.3em; } } @media only screen and (max-width:768px){ .sp{ clear:both; } .newsList ul{ margin:0; padding:0 } .newsList li{ float:left; width:30%; height:50px; line-height:50px; text-align:center; } .newsList li:hover{ border-bottom:1px solid #fff; line-height:50px; background:#fefb1a; } .newsList li:hover a{ color:#000; } .newsList li:hover a:hover{ color:#000; text-decoration:underline; } .newsList li.is-current{ font-weight:700; background:#fefb1a; } .newsList li.is-current a{ color:#000!important; font-weight:400!important } } a:hover.underLiner{ text-decoration:underline; } .largeMargin{ margin-bottom:50px; } .crlEpsilon{ display: inline-block; *display: inline; *zoom: 1; padding: 5px 5px 3px; color: #fff; margin:0 7px 4px 7px; font-size: 80%; line-height: 1em; background: #a40716; } .crlH3{ display: inline-block; *display: inline; *zoom: 1; padding: 5px 5px 3px; color: #fff; margin:0 7px 4px 7px; font-size: 80%; line-height: 1em; background: #212dd5; } .crlH2aB{ display: inline-block; *display: inline; *zoom: 1; padding: 5px 5px 3px; color: #fff; margin:0 7px 4px 7px; font-size: 80%; line-height: 1em; background: #e37703; } .crlEvt{ display: inline-block; *display: inline; *zoom: 1; padding: 5px 5px 3px; color: #000; margin:0 7px 4px 7px; font-size: 80%; line-height: 1em; background: #fefb1a; }