@charset "UTF-8"; /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ @import url(https://fonts.googleapis.com/css?family=Lato); /* line 6, ../sass/_reset.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ /* line 27, ../sass/_reset.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* line 31, ../sass/_reset.scss */ body { line-height: 1; } /* line 34, ../sass/_reset.scss */ ol, ul { list-style: none; } /* line 37, ../sass/_reset.scss */ blockquote, q { quotes: none; } /* line 40, ../sass/_reset.scss */ blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* line 45, ../sass/_reset.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 2, ../sass/_structure.scss */ html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure, figcaption { margin: 0; padding: 0; } /* line 7, ../sass/_structure.scss */ html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(148, 34, 67, 0.2); height: 100%; -ms-touch-action: manipulation; -webkit-text-size-adjust: 100%; } /* line 14, ../sass/_structure.scss */ html, body { width: 100%; -webkit-font-smoothing: antialiased; } /* line 19, ../sass/_structure.scss */ body { font-size: 10px; font-size: 1rem; font-weight: 300; line-height: 1; color: #000; min-height: 100%; background: #fff; position: relative; -webkit-animation: opacityAnime 0.5s ease 0.1s; -moz-animation: opacityAnime 0.5s ease 0.1s; animation: opacityAnime 0.5s ease 0.1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes opacityAnime { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes opacityAnime { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opacityAnime { 0% { opacity: 0; } 100% { opacity: 1; } } /* line 37, ../sass/_structure.scss */ #container { -webkit-overflow-scrolling: touch; position: relative; width: 100%; height: 100%; min-height: 100vh; overflow: hidden; } /* line 45, ../sass/_structure.scss */ main, #main, section { display: block; position: relative; } /* line 51, ../sass/_structure.scss */ #oldBrowser { position: fixed; top: 0; left: 0; width: 100%; background: rgba(62, 62, 62, 0.8); color: #fff; font-size: 11px; font-size: 1.1rem; letter-spacing: 0.08; line-height: 1.2; text-align: center; padding: 1px 10px; z-index: 999999; } /* line 65, ../sass/_structure.scss */ a { color: #c7000a; -webkit-tap-highlight-color: rgba(255, 0, 0, 0.2); } /* line 69, ../sass/_structure.scss */ a:hover { color: #ee000c; text-decoration: underline; } /* line 73, ../sass/_structure.scss */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 80, ../sass/_structure.scss */ #container.is-scroll { position: fixed; } /* line 83, ../sass/_structure.scss */ .spOnly { display: block; } /* line 86, ../sass/_structure.scss */ .spTabOnly { display: block; } /* line 89, ../sass/_structure.scss */ .pcOnly { display: none; } /* line 92, ../sass/_structure.scss */ .pcTabOnly { display: none; } /* line 95, ../sass/_structure.scss */ .txtSettings { font-feature-settings: "palt"; } /* line 98, ../sass/_structure.scss */ .cmnContents_bodyWrap img { width: 100%; max-width: 100%; height: auto; } /* line 103, ../sass/_structure.scss */ .txtSize-s { font-size: 10px; font-size: 1rem; } @media print, screen and (min-width: 768px) { /* line 107, ../sass/_structure.scss */ .txtSize-s { font-size: 12px; font-size: 1.2rem; } } /* line 111, ../sass/_structure.scss */ .txtSize-l { font-size: 13px; font-size: 1.3rem; } @media print, screen and (min-width: 768px) { /* line 115, ../sass/_structure.scss */ .txtSize-l { font-size: 16px; font-size: 1.6rem; } } @media screen and (min-width: 0px) and (max-width: 479px) { /* line 122, ../sass/_structure.scss */ #container { max-width: 479px; min-width: 320px; } } @media screen and (min-width: 480px) and (max-width: 767px) { /* line 130, ../sass/_structure.scss */ #container { min-width: 400px; } } @media screen and (min-width: 480px) and (max-width: 767px) and (min-width: 720px) and (orientation: portrait) { /* line 135, ../sass/_structure.scss */ #container { min-width: 700px; } /* line 138, ../sass/_structure.scss */ .spTabOnly { display: block; } } @media print, screen and (min-width: 768px) { /* line 146, ../sass/_structure.scss */ #container { min-width: 740px; } /* line 149, ../sass/_structure.scss */ .tabOnly { display: block; } /* line 152, ../sass/_structure.scss */ .pcTabOnly { display: block; } /* line 155, ../sass/_structure.scss */ .spTabOnly { display: none; } /* line 158, ../sass/_structure.scss */ .spOnly { display: none; } } @media print, screen and (min-width: 959px) and (max-width: 1024px) { /* line 164, ../sass/_structure.scss */ #container { min-width: 900px; } } @media print, screen and (min-width: 1025px) { /* line 170, ../sass/_structure.scss */ #container { min-width: 1000px; } /* line 173, ../sass/_structure.scss */ .tabOnly { display: none; } /* line 176, ../sass/_structure.scss */ .pcOnly { display: block; } } @media print, screen and (min-width: 1366px) { /* line 182, ../sass/_structure.scss */ #container { min-width: 1300px; max-width: 100%; } } /* line 187, ../sass/_structure.scss */ img { vertical-align: bottom; } /* item align ------------------------------------------------------------------------------------------------------------- */ /* line 194, ../sass/_structure.scss */ .cmn_layoutAlign-left { text-align: left !important; } /* line 197, ../sass/_structure.scss */ .cmn_layoutAlign-center { text-align: center !important; } /* line 200, ../sass/_structure.scss */ .cmn_layoutAlign-right { text-align: right !important; } /* line 203, ../sass/_structure.scss */ .cmn_layoutVertical-top, .cmn_layoutVertical-top th, .cmn_layoutVertical-top td { vertical-align: top !important; } /* line 208, ../sass/_structure.scss */ .cmn_layoutVertical-middle, .cmn_layoutVertical-middle th, .cmn_layoutVertical-middle td { vertical-align: middle !important; } /* line 213, ../sass/_structure.scss */ .cmn_layoutVertical-bottom, .cmn_layoutVertical-bottom th, .cmn_layoutVertical-bottom td { vertical-align: bottom !important; } /* display ------------------------------------------------------------------------------------------------------------- */ /* line 222, ../sass/_structure.scss */ .cmn_layoutDisplay-inline { display: inline !important; } /* line 225, ../sass/_structure.scss */ .cmn_layoutDisplay-inlineBlock { display: inline-block !important; } /* line 228, ../sass/_structure.scss */ .cmn_layoutDisplay-table { display: table !important; } /* line 230, ../sass/_structure.scss */ .cmn_layoutDisplay-table > div { display: table-cell; } /* item is ------------------------------------------------------------------------------------------------------------- */ /* line 238, ../sass/_structure.scss */ .is-visible { display: block !important; } /* line 241, ../sass/_structure.scss */ .is-hidden { display: none !important; } @font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 200; src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format("opentype"); } @font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format("opentype"); } @font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 400; src: local("NotoSansJP-Regular.otf"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype"); } @font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format("opentype"); } @font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype"); } @font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format("opentype"); } /* line 52, ../sass/_fonts.scss */ body { font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; } /* line 55, ../sass/_fonts.scss */ .txtEn { font-family: 'Lato'; } /* line 58, ../sass/_fonts.scss */ .txtMin { font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; } @font-face { font-family: 'jes_c'; src: url("/dam/assets/fonts/jes_c.ttf?bjja3j") format("truetype"), url("/dam/assets/fonts/jes_c.woff?bjja3j") format("woff"), url("/dam/assets/fonts/jes_c.svg?bjja3j#jes_c") format("svg"); font-weight: normal; font-style: normal; } /* line 71, ../sass/_fonts.scss */ [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'jes_c' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 86, ../sass/_fonts.scss */ .icon-blank:before { content: "\e908"; } /* line 89, ../sass/_fonts.scss */ .icon-arrow-down:before { content: "\e900"; } /* line 92, ../sass/_fonts.scss */ .icon-arrow-left:before { content: "\e901"; } /* line 95, ../sass/_fonts.scss */ .icon-arrow-right:before { content: "\e902"; } /* line 98, ../sass/_fonts.scss */ .icon-arrow-top:before { content: "\e903"; } /* line 101, ../sass/_fonts.scss */ .icon-minus:before { content: "\e904"; } /* line 104, ../sass/_fonts.scss */ .icon-close:before { content: "\e905"; } /* line 107, ../sass/_fonts.scss */ .icon-open:before { content: "\e906"; } /* line 110, ../sass/_fonts.scss */ .icon-plus:before { content: "\e907"; } /* line 113, ../sass/_fonts.scss */ .icon-file-text:before { content: "\e922"; } /* line 116, ../sass/_fonts.scss */ .icon-files-empty:before { content: "\e925"; } /* line 119, ../sass/_fonts.scss */ .icon-play:before { content: "\ea15"; } /* line 122, ../sass/_fonts.scss */ .icon-pause:before { content: "\ea16"; } /* line 125, ../sass/_fonts.scss */ .icon-stop:before { content: "\ea17"; } /* line 128, ../sass/_fonts.scss */ .icon-previous:before { content: "\ea18"; } /* line 131, ../sass/_fonts.scss */ .icon-next:before { content: "\ea19"; } /* line 134, ../sass/_fonts.scss */ .icon-backward:before { content: "\ea1a"; } /* line 137, ../sass/_fonts.scss */ .icon-forward:before { content: "\ea1b"; } /* line 140, ../sass/_fonts.scss */ .icon-arrow-up-left2:before { content: "\ea39"; } /* line 143, ../sass/_fonts.scss */ .icon-arrow-up:before { content: "\ea3a"; } /* line 146, ../sass/_fonts.scss */ .icon-arrow-up-right2:before { content: "\ea3b"; } /* line 149, ../sass/_fonts.scss */ .icon-arrow-right2:before { content: "\ea3c"; } /* line 152, ../sass/_fonts.scss */ .icon-arrow-down-right2:before { content: "\ea3d"; } /* line 155, ../sass/_fonts.scss */ .icon-arrow-down2:before { content: "\ea3e"; } /* line 158, ../sass/_fonts.scss */ .icon-arrow-down-left2:before { content: "\ea3f"; } /* line 161, ../sass/_fonts.scss */ .icon-arrow-left2:before { content: "\ea40"; } /* line 164, ../sass/_fonts.scss */ .icon-rss:before { content: "\ea9c"; } /* line 167, ../sass/_fonts.scss */ .icon-youtube:before { content: "\ea9d"; } /* line 5, ../sass/_btn.scss */ .btnWrap { margin-top: 2em; text-align: center; } /* line 9, ../sass/_btn.scss */ .cmn_btnType01, .cmn_btnType02, .cmn_btnType03, .cmn_btnType04 { margin: 0 auto; position: relative; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; text-decoration: none !important; display: table; font-size: 16px; font-size: 1.6rem; font-weight: 700; line-height: 1.2; width: 100%; text-align: center; text-decoration: none; max-width: 414px; } /* line 26, ../sass/_btn.scss */ .cmn_btnType01 > span, .cmn_btnType01 > a, .cmn_btnType02 > span, .cmn_btnType02 > a, .cmn_btnType03 > span, .cmn_btnType03 > a, .cmn_btnType04 > span, .cmn_btnType04 > a { padding: 5px 30px; display: table-cell; vertical-align: middle; text-align: center; height: 50px; width: 100%; width: 100vw; margin: 0 auto; text-decoration: none !important; } /* line 38, ../sass/_btn.scss */ .cmn_btnType01 i, .cmn_btnType02 i, .cmn_btnType03 i, .cmn_btnType04 i { margin-left: 4px; vertical-align: -1px; } /* line 43, ../sass/_btn.scss */ .cmn_btnType01 { background: #c7000a; border: #c7000a solid 1px; color: #fff; } /* line 47, ../sass/_btn.scss */ .cmn_btnType01 > span, .cmn_btnType01 > a { color: #fff; } /* line 51, ../sass/_btn.scss */ .cmn_btnType01:active, .cmn_btnType01:hover { color: #fff; background: #ef000c; border: #ef000c solid 1px; } /* line 58, ../sass/_btn.scss */ .cmn_btnType02 { background: #0066cf; border: #0066cf solid 1px; color: #fff; } /* line 62, ../sass/_btn.scss */ .cmn_btnType02 > span, .cmn_btnType02 > a { color: #fff; } /* line 66, ../sass/_btn.scss */ .cmn_btnType02:active, .cmn_btnType02:hover { color: #fff; background: #007af8; border: #007af8 solid 1px; } /* line 73, ../sass/_btn.scss */ .cmn_btnType03 { background: #fff; border: #fff solid 1px; color: #c7000a; } /* line 77, ../sass/_btn.scss */ .cmn_btnType03 > span { vertical-align: middle; text-align: center; height: 50px; width: 100%; width: 100vw; color: #c7000a; } /* line 85, ../sass/_btn.scss */ .cmn_btnType03:active, .cmn_btnType03:hover { color: #ef000c; } /* line 90, ../sass/_btn.scss */ .cmn_btnType04 { background: #c7000a; border: #c7000a solid 1px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } /* line 95, ../sass/_btn.scss */ .cmn_btnType04 > span, .cmn_btnType04 > a { color: #fff; } /* line 99, ../sass/_btn.scss */ .cmn_btnType04:active, .cmn_btnType04:hover { color: #fff; background: #ef000c; border: #ef000c solid 1px; } /* line 106, ../sass/_btn.scss */ .cmn_btnType01.cmn_btnType01-form { max-width: 300px; font-size: 20px; font-size: 2rem; } /* line 110, ../sass/_btn.scss */ .cmn_btnType01.cmn_btnType01-form.color-gray { background: #aaa; border: #aaa solid 1px; } /* line 113, ../sass/_btn.scss */ .cmn_btnType01.cmn_btnType01-form.color-gray:active, .cmn_btnType01.cmn_btnType01-form.color-gray:hover { background: #bbb; border: #bbb solid 1px; } /* line 2, ../sass/_parts.scss */ #container { position: relative; z-index: 10; } /* line 6, ../sass/_parts.scss */ #mainWrap { width: 100%; position: relative; } /* line 10, ../sass/_parts.scss */ .cmnContentsWrap { padding: 60px 10px; width: 100%; text-align: center; } /* line 15, ../sass/_parts.scss */ .cmnContents_inner { margin: 0 auto; max-width: 1200px; } /* line 19, ../sass/_parts.scss */ .cmnContents_titleWrap { background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.9) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.9) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.9) 100%); } /* line 24, ../sass/_parts.scss */ .cmnContents_bodyWrap { background: #fff; min-height: 50vh; padding-top: 28px; padding-bottom: 60px; font-size: 14px; font-size: 1.4rem; } /* line 31, ../sass/_parts.scss */ .categoryMenu { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; background: #b30009; } /* line 49, ../sass/_parts.scss */ .categoryMenu > li { width: 50%; text-align: -webkit-left; } /* line 53, ../sass/_parts.scss */ .categoryMenu a { display: block; position: relative; padding: 0.6em 0.6em; background: #c7000a; color: #fff; font-size: 12px; font-size: 1.2rem; line-height: 1.2; font-weight: 300; text-decoration: none; } /* line 63, ../sass/_parts.scss */ .categoryMenu a::before { margin-right: 2px; position: relative; font-family: 'jes_c' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e902"; } /* line 78, ../sass/_parts.scss */ .categoryMenu .is-current { background: #000; } /* line 82, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock { display: table; } /* line 84, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock > div { padding: 10px 20px; display: table-cell; vertical-align: middle; text-align: left; height: 160px; } /* line 91, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt01 { margin: 0 0 5px; font-size: 14px; font-size: 1.4rem; letter-spacing: .2em; font-weight: 700; line-height: 1.2; } /* line 98, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt02 { font-size: 28px; font-size: 2.8rem; letter-spacing: .1em; font-weight: 900; line-height: 1.2; } /* line 104, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt03 { margin-top: 10px; font-size: 10px; font-size: 1rem; font-weight: 300; line-height: 1.5; } /* line 112, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt01, .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt02, .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt03 { font-feature-settings: palt; } /* line 119, ../sass/_parts.scss */ .safari .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt01, .safari .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt02, .safari .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt03 { font-feature-settings: pkna; } @media (min-width: 375px) { /* line 127, ../sass/_parts.scss */ .categoryMenu a { font-size: 14px; font-size: 1.4rem; } /* line 132, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt01 { font-size: 15px; font-size: 1.5rem; } /* line 135, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt02 { font-size: 30px; font-size: 3rem; } /* line 138, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt03 { font-size: 11px; font-size: 1.1rem; } } @media (min-width: 414px) { /* line 145, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt03 { font-size: 12px; font-size: 1.2rem; } } @media (min-width: 768px) { /* line 151, ../sass/_parts.scss */ .cmnContentsWrap { padding: 80px 2vw 100px; } /* line 154, ../sass/_parts.scss */ .cmnContents_titleWrap { background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.6) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.6) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.6) 100%); } /* line 159, ../sass/_parts.scss */ .cmnContents_bodyWrap { padding-top: 70px; padding-bottom: 120px; } /* line 163, ../sass/_parts.scss */ .categoryMenu { display: table; } /* line 165, ../sass/_parts.scss */ .categoryMenu > li { display: table-cell; width: auto; } /* line 169, ../sass/_parts.scss */ .categoryMenu a { display: block; position: relative; padding: 0.7em 1em 0.7em 2em; font-size: 14px; font-size: 1.4rem; line-height: 1.2; font-weight: 300; } /* line 176, ../sass/_parts.scss */ .categoryMenu a::before { position: absolute; left: 10px; top: 12px; } /* line 183, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock { display: table; } /* line 185, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock > div { padding: 10px 30px; height: 320px; } /* line 189, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt01, .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt02, .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt03 { -moz-text-shadow: 0 1px 4px rgba(255, 255, 255, 0.4), 0 1px 6px rgba(255, 255, 255, 0.3); -webkit-text-shadow: 0 1px 4px rgba(255, 255, 255, 0.4), 0 1px 6px rgba(255, 255, 255, 0.3); text-shadow: 0 1px 4px rgba(255, 255, 255, 0.4), 0 1px 6px rgba(255, 255, 255, 0.3); } /* line 194, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt01 { margin: 0 0 5px; font-size: 22px; font-size: 2.2rem; letter-spacing: .2em; font-weight: 700; line-height: 1.2; } /* line 201, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt02 { font-size: 55px; font-size: 5.5rem; letter-spacing: .1em; font-weight: 900; line-height: 1.1; } /* line 207, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt03 { margin-top: 10px; font-size: 16px; font-size: 1.6rem; font-weight: 400; letter-spacing: .2em; line-height: 1.5; } /* line 216, ../sass/_parts.scss */ .smallSize .cmnContents_titleWrap_txtBlock > div { height: 240px; } } @media (min-width: 1024px) { /* line 222, ../sass/_parts.scss */ .cmnContentsWrap { padding: 80px 3vw 100px; } /* line 226, ../sass/_parts.scss */ .categoryMenu > li { width: auto; } /* line 229, ../sass/_parts.scss */ .categoryMenu a { font-size: 14px; font-size: 1.4rem; } /* line 233, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock { display: table; } /* line 235, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock > div { padding: 10px 60px; } /* line 238, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt01 { margin: 0 0 5px; font-size: 22px; font-size: 2.2rem; } /* line 242, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt02 { font-size: 55px; font-size: 5.5rem; } /* line 245, ../sass/_parts.scss */ .cmnContents_titleWrap_txtBlock .cmnContents_titleWrap_txt03 { margin-top: 10px; font-size: 16px; font-size: 1.6rem; } } /* line 253, ../sass/_parts.scss */ .cmnContents_bodyWrap > section + section { margin-top: 60px; } @media (min-width: 768px) { /* line 257, ../sass/_parts.scss */ .cmnContents_bodyWrap > section + section { margin-top: 100px; } } /* line 262, ../sass/_parts.scss */ .cmnContens_secWrapType01 { padding: 0 20px; line-height: 1.5; } /* line 266, ../sass/_parts.scss */ .cmnContens_secWrapType02 { padding: 0 20px; line-height: 1.5; } /* line 272, ../sass/_parts.scss */ .cmnContens_secWrapType01 p, .cmnContens_secWrapType02 p { margin-top: 1em; } /* line 275, ../sass/_parts.scss */ .cmnContens_secWrapType01 p:first-child, .cmnContens_secWrapType02 p:first-child { margin-top: 0; } @media (min-width: 568px) { /* line 280, ../sass/_parts.scss */ .cmnContens_secWrapType01 { padding: 0 40px; } /* line 283, ../sass/_parts.scss */ .cmnContens_secWrapType02 { margin-right: auto; margin-left: auto; padding: 0px 40px; } } @media (min-width: 768px) { /* line 291, ../sass/_parts.scss */ .cmnContens_secWrapType01 { padding: 0 60px; line-height: 2.2; } /* line 295, ../sass/_parts.scss */ .cmnContens_secWrapType02 { margin-right: auto; margin-left: auto; padding: 0px 60px; max-width: 800px; line-height: 2.2; } } /* line 306, ../sass/_parts.scss */ .cmn_ttlType01 { position: relative; font-size: 20px; font-size: 2rem; font-weight: 700; line-height: 1.5; font-feature-settings: palt; } /* line 312, ../sass/_parts.scss */ .cmn_ttlType01 span { display: inline-block; } /* line 316, ../sass/_parts.scss */ .safari .cmn_ttlType01 { font-feature-settings: pkna; } @media (min-width: 768px) { /* line 320, ../sass/_parts.scss */ .cmn_ttlType01 { font-size: 36px; font-size: 3.6rem; letter-spacing: .1em; } } /* line 326, ../sass/_parts.scss */ .cmn_ttlType02 { margin-top: 2.5em; font-size: 16px; font-size: 1.6rem; font-weight: 700; line-height: 1.4; border-left: #c7000a solid 6px; text-align: left; padding: 0 0 0 10px; } /* line 334, ../sass/_parts.scss */ .cmn_ttlType02.cmn_ttlType02-blue { border-left: #0f73c0 solid 6px; } /* line 337, ../sass/_parts.scss */ .cmn_ttlType02.cmn_ttlType02-orange { border-left: #ff7700 solid 6px; } /* line 341, ../sass/_parts.scss */ .cmn_ttlType02:first-child { margin-top: 0; } @media (min-width: 768px) { /* line 345, ../sass/_parts.scss */ .cmn_ttlType02 { margin-top: 2.5em; font-size: 18px; font-size: 1.8rem; font-weight: 700; border-left: #c7000a solid 6px; } /* line 350, ../sass/_parts.scss */ .cmn_ttlType02.cmn_ttlType02-blue { border-left: #0f73c0 solid 6px; } /* line 354, ../sass/_parts.scss */ .cmn_ttlType02:first-child { margin-top: 0; } } /* line 360, ../sass/_parts.scss */ .cmn_ttlType03 { margin-top: 1em; font-size: 14px; font-size: 1.4rem; font-weight: 700; line-height: 1.4; text-align: left; } /* line 369, ../sass/_parts.scss */ .cmn_blockType01, .cmn_blockType02 { margin-top: 1em; display: block; position: relative; } @media (min-width: 768px) { /* line 377, ../sass/_parts.scss */ .cmn_blockType01, .cmn_blockType02 { margin-top: 2em; display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; } /* line 399, ../sass/_parts.scss */ .cmn_blockType01 .picArea { text-align: right; } /* line 403, ../sass/_parts.scss */ .cmn_blockType02 { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 407, ../sass/_parts.scss */ .cmn_blockType02 .picArea { text-align: left; } } /* line 417, ../sass/_parts.scss */ .cmn_tableType01 { margin-top: 1em; display: block; border-top: #dddddd solid 1px; width: 100%; } /* line 422, ../sass/_parts.scss */ .cmn_tableType01 tbody, .cmn_tableType01 tr { display: block; } /* line 425, ../sass/_parts.scss */ .cmn_tableType01 th, .cmn_tableType01 td { width: 100%; display: inline-block; text-align: left; letter-spacing: .05em; } /* line 431, ../sass/_parts.scss */ .cmn_tableType01 th { padding: 1em 0 0 0; font-size: 12px; font-size: 1.2rem; font-weight: 700; letter-spacing: .2em; } /* line 437, ../sass/_parts.scss */ .cmn_tableType01 td { padding: 0 0 1em 0; border-bottom: #dddddd solid 1px; } /* line 441, ../sass/_parts.scss */ .cmn_tableType01.borderNone { border: none; } /* line 443, ../sass/_parts.scss */ .cmn_tableType01.borderNone th { padding: 0.5em 0 0 0; } /* line 446, ../sass/_parts.scss */ .cmn_tableType01.borderNone td { padding: 0 0 0.5em 0; border-bottom: none; } @media (min-width: 768px) { /* line 453, ../sass/_parts.scss */ .cmn_tableType01 { margin-top: 2em; display: table; width: 100%; } /* line 457, ../sass/_parts.scss */ .cmn_tableType01 tbody { display: table-row-group; width: 100%; } /* line 461, ../sass/_parts.scss */ .cmn_tableType01 tr { display: table-row; width: 100%; } /* line 465, ../sass/_parts.scss */ .cmn_tableType01 th, .cmn_tableType01 td { width: auto; display: table-cell; text-align: left; letter-spacing: .05em; } /* line 471, ../sass/_parts.scss */ .cmn_tableType01 th { padding: 1em 0; font-size: 14px; font-size: 1.4rem; border-bottom: #dddddd solid 1px; } /* line 476, ../sass/_parts.scss */ .cmn_tableType01 td { padding: 1em 0; border-bottom: #dddddd solid 1px; } /* line 480, ../sass/_parts.scss */ .cmn_tableType01.borderNone { border: none; } /* line 482, ../sass/_parts.scss */ .cmn_tableType01.borderNone th { padding: 0.5em 0; border-bottom: none; line-height: 1.6; } /* line 487, ../sass/_parts.scss */ .cmn_tableType01.borderNone td { padding: 0.5em 0; border-bottom: none; line-height: 1.6; } } /* line 500, ../sass/_parts.scss */ .googleMap { margin-top: 1em; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } /* line 508, ../sass/_parts.scss */ .googleMap iframe, .googleMap object, .googleMap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* line 517, ../sass/_parts.scss */ .btn_blank { display: inline-block; color: #c7000a; text-decoration: none; } /* line 521, ../sass/_parts.scss */ .btn_blank span { text-decoration: underline; } /* line 524, ../sass/_parts.scss */ .btn_blank:hover { text-decoration: none; } /* line 526, ../sass/_parts.scss */ .btn_blank:hover span { text-decoration: underline; } /* line 534, ../sass/_parts.scss */ .cmnContens_movie { padding: 20px 20px 60px; background: #092b65 url(../img/common/movie_area_bg.jpg) no-repeat right bottom; background-size: cover; } /* line 538, ../sass/_parts.scss */ .cmnContens_movie .cmn_blockType01 { -webkit-align-items: center; align-items: center; } /* line 542, ../sass/_parts.scss */ .cmnContens_movie .txtArea { color: #fff; text-align: center; } /* line 546, ../sass/_parts.scss */ .cmnContens_movie .movie_ttl { font-size: 25px; font-size: 2.5rem; font-family: 'Lato'; font-weight: 900; letter-spacing: 0.2em; } /* line 552, ../sass/_parts.scss */ .cmnContens_movie p { margin: 0.5em 0 1em; line-height: 1.5; } /* line 557, ../sass/_parts.scss */ .cmnContens_movie .picArea a { margin: 0 auto; max-width: 470px; display: block; border: #c7000a solid 4px; } /* line 564, ../sass/_parts.scss */ .cmnContens_movie .movie_txt-other { margin: 1em 0 0; text-align: right; font-size: 13px; font-size: 1.3rem; } /* line 568, ../sass/_parts.scss */ .cmnContens_movie .movie_txt-other a { color: #fff; text-decoration: none; display: inline-block; position: relative; padding-bottom: 2px; } /* line 574, ../sass/_parts.scss */ .cmnContens_movie .movie_txt-other a::after { content: ''; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; } /* line 583, ../sass/_parts.scss */ .cmnContens_movie .movie_txt-other a i { margin-left: 5px; } @media (min-width: 768px) { /* line 591, ../sass/_parts.scss */ .cmnContens_movie { padding: 40px 40px 40px; background: #092b65 url(../img/common/movie_area_bg.jpg) no-repeat right bottom; background-size: cover; } /* line 595, ../sass/_parts.scss */ .cmnContens_movie .cmn_blockType01 { margin-top: 0; -webkit-align-items: center; align-items: center; } /* line 600, ../sass/_parts.scss */ .cmnContens_movie .txtArea { width: 45%; color: #fff; text-align: center; } /* line 604, ../sass/_parts.scss */ .cmnContens_movie .txtArea > div { margin: 0 auto; display: inline-block; text-align: left; } /* line 610, ../sass/_parts.scss */ .cmnContens_movie .movie_ttl { font-size: 38px; font-size: 3.8rem; } /* line 613, ../sass/_parts.scss */ .cmnContens_movie p { margin: 1em 0; line-height: 2; letter-spacing: 0.2em; font-size: 20px; font-size: 2rem; font-weight: 500; } /* line 620, ../sass/_parts.scss */ .cmnContens_movie .picArea { width: 50%; } /* line 622, ../sass/_parts.scss */ .cmnContens_movie .picArea a { margin: 0 0 0 auto; max-width: 470px; display: block; border: #c7000a solid 4px; background: #600; } /* line 628, ../sass/_parts.scss */ .cmnContens_movie .picArea a img { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } /* line 632, ../sass/_parts.scss */ .cmnContens_movie .picArea a:hover img { opacity: 0.6; } /* line 636, ../sass/_parts.scss */ .cmnContens_movie .movie_txt-other { margin: 1em 0 0; text-align: right; font-size: 14px; font-size: 1.4rem; } /* line 640, ../sass/_parts.scss */ .cmnContens_movie .movie_txt-other a { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } /* line 643, ../sass/_parts.scss */ .cmnContens_movie .movie_txt-other a:hover { opacity: 0.7; } } @media (min-width: 1024px) { /* line 651, ../sass/_parts.scss */ .cmnContens_movie { padding: 60px 60px 60px; } } /* line 658, ../sass/_parts.scss */ .form_btnWrap { margin: 2em auto; width: 100%; max-width: 600px; display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; flex-direction: column-reverse; } /* line 677, ../sass/_parts.scss */ .form_btnWrap > div { margin-top: 10px; } @media (min-width: 768px) { /* line 684, ../sass/_parts.scss */ .form_btnWrap { margin: 2em auto; width: 70%; max-width: 600px; display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; } /* line 703, ../sass/_parts.scss */ .form_btnWrap > div { margin-top: 0; padding: 0 10px; } } /* line 711, ../sass/_parts.scss */ .txtURL { word-break: break-all; } /* line 717, ../sass/_parts.scss */ .categoryMenu-spWrap { position: relative; height: 60px; } /* line 721, ../sass/_parts.scss */ .categoryMenu-sp { position: fixed; display: block; width: 100%; background: #c7000a; text-align: center; padding: 2px; z-index: 1000; -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); max-height: -webkit-calc(100vh - 45px); max-height: calc(100vh - 45px); overflow-y: auto; } /* line 733, ../sass/_parts.scss */ .categoryMenu-sp .btnAcc { position: absolute; right: 10px; top: 50%; margin-top: -17px; width: 35px; height: 35px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: #c7000a; text-align: center; cursor: pointer; } /* line 745, ../sass/_parts.scss */ .categoryMenu-sp .btnAcc i { display: block; text-align: center; width: 35px; height: 35px; } /* line 750, ../sass/_parts.scss */ .categoryMenu-sp .btnAcc i::before { position: absolute; left: 0%; top: 0%; width: 35px; height: 35px; line-height: 35px; font-size: 20px; font-size: 2rem; } /* line 761, ../sass/_parts.scss */ .categoryMenu-sp .categoryMenu_ttl { display: table; font-size: 17px; font-size: 1.7rem; font-weight: 700; color: #fff; line-height: 1.2; position: relative; width: 100%; } /* line 769, ../sass/_parts.scss */ .categoryMenu-sp .categoryMenu_ttl > span { height: 58px; display: table-cell; vertical-align: middle; text-align: center; } /* line 776, ../sass/_parts.scss */ .categoryMenu-sp .categoryMenu-sp_inner { background: #fff; display: none; } /* line 780, ../sass/_parts.scss */ .categoryMenu-sp .categoryMenu_listWrap { padding: 20px; } /* line 783, ../sass/_parts.scss */ .categoryMenu-sp li { margin: 0.5em 0 0; font-size: 17px; font-size: 1.7rem; font-weight: 500; } /* line 787, ../sass/_parts.scss */ .categoryMenu-sp li:first-child { margin-top: 0; } /* line 791, ../sass/_parts.scss */ .categoryMenu-sp a { padding: 0.5em 0; display: inline-block; text-decoration: none; } /* line 796, ../sass/_parts.scss */ .categoryMenu-sp .categoryMenu_txt01 { font-size: 16px; font-size: 1.6rem; font-weight: 500; color: #717171; position: relative; padding: 1.5em 0; } /* line 802, ../sass/_parts.scss */ .categoryMenu-sp .categoryMenu_txt01:first-child { padding: 0; margin-bottom: 1.5em; } /* line 806, ../sass/_parts.scss */ .categoryMenu-sp .categoryMenu_txt01::before { content: ''; width: 100%; height: 2px; background: #ccc; position: absolute; left: 0; top: 50%; z-index: 5; } /* line 816, ../sass/_parts.scss */ .categoryMenu-sp .categoryMenu_txt01 span { position: relative; z-index: 6; display: inline-block; margin: 0 auto; background: #fff; padding: 0 1em; } @media (min-width: 769px) { /* line 827, ../sass/_parts.scss */ .categoryMenu-spWrap, .categoryMenu-sp { display: none; } } /* line 832, ../sass/_parts.scss */ .categoryMenu_btnCloseWrap { padding: 0 0 60px; font-size: 14px; font-size: 1.4rem; font-weight: 700; letter-spacing: 0.1em; color: #fff; line-height: 1.2; text-align: center; background: #c7000a; } /* line 842, ../sass/_parts.scss */ .categoryMenu_btnCloseWrap > div { position: relative; display: inline-block; cursor: pointer; padding: 1em; } /* line 848, ../sass/_parts.scss */ .categoryMenu_btnCloseWrap span { display: inline-block; width: 20px; } /* line 852, ../sass/_parts.scss */ .categoryMenu_btnCloseWrap span:before, .categoryMenu_btnCloseWrap span:after { background: #fff; display: block; content: ""; position: absolute; top: 50%; left: 0; width: 20px; height: 2px; } /* line 862, ../sass/_parts.scss */ .categoryMenu_btnCloseWrap span:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* line 866, ../sass/_parts.scss */ .categoryMenu_btnCloseWrap span:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } /* line 870, ../sass/_parts.scss */ .txt-colorRed { color: #c7000a; } /* line 876, ../sass/_parts.scss */ .sliderBnr { padding: 20px 0 40px; position: relative; text-align: center; } /* line 880, ../sass/_parts.scss */ .sliderBnr .sliderBnr_inner { margin: 0; position: relative; padding: 0; } /* line 885, ../sass/_parts.scss */ .sliderBnr .slick-slide { padding: 0 5px; outline: none; } /* line 888, ../sass/_parts.scss */ .sliderBnr .slick-slide img { -webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; } /* line 892, ../sass/_parts.scss */ .sliderBnr .slick-slide:not(.slick-current) img { opacity: 0.5; } /* line 897, ../sass/_parts.scss */ .sliderBnr img { width: 100%; height: auto; } /* line 901, ../sass/_parts.scss */ .sliderBnr .slider-prev, .sliderBnr .slider-next { position: absolute; top: 50%; margin-top: -20px; z-index: +1; } /* line 907, ../sass/_parts.scss */ .sliderBnr .slider-prev img, .sliderBnr .slider-next img { width: 20px; height: 40px; } /* line 911, ../sass/_parts.scss */ .sliderBnr .slider-prev a, .sliderBnr .slider-next a { display: block; } /* line 915, ../sass/_parts.scss */ .sliderBnr .slider-prev { left: 0; } /* line 918, ../sass/_parts.scss */ .sliderBnr .slider-next { right: 0; } /* line 922, ../sass/_parts.scss */ .home .sliderBnr { border-top: #ccc solid 1px; } @media (min-width: 768px) { /* line 926, ../sass/_parts.scss */ .sliderBnr { -webkit-animation: opacity 1s ease-out 1s; -moz-animation: opacity 1s ease-out 1s; animation: opacity 1s ease-out 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; padding: 20px 0 40px; } /* line 929, ../sass/_parts.scss */ .sliderBnr .sliderBnr_inner { margin: 0 auto; position: relative; padding: 0; max-width: 1366px; overflow: visible; } /* line 936, ../sass/_parts.scss */ .sliderBnr .slick-slide { padding: 0 20px; } /* line 939, ../sass/_parts.scss */ .sliderBnr .slider-prev, .sliderBnr .slider-next { top: 50%; margin-top: -35px; } /* line 943, ../sass/_parts.scss */ .sliderBnr .slider-prev img, .sliderBnr .slider-next img { width: 30px; height: 70px; } /* line 948, ../sass/_parts.scss */ .sliderBnr .slider-prev { left: 20px; } /* line 951, ../sass/_parts.scss */ .sliderBnr .slider-next { right: 20px; } /* line 955, ../sass/_parts.scss */ .slick-list { overflow: visible !important; } } /* line 961, ../sass/_parts.scss */ .no-touchevents .slick-current a:hover img { opacity: 0.6; } @-webkit-keyframes opacity { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes opacity { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opacity { 0% { opacity: 0; } 100% { opacity: 1; } } /* line 24, ../sass/simulation.scss */ #headerWrap { position: relative; width: 100%; height: 45px; background: #fff; } @media print, screen and (min-width: 768px) { /* line 24, ../sass/simulation.scss */ #headerWrap { height: 85px; } } /* line 33, ../sass/simulation.scss */ .headerItem_navWrap01 { position: fixed; z-index: 888888; background: #fff; width: 100%; height: 45px; top: 0; left: 0; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } @media (min-width: 769px) { /* line 33, ../sass/simulation.scss */ .headerItem_navWrap01 { height: 85px; -moz-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2); } } /* line 48, ../sass/simulation.scss */ .headerItem_logo { position: absolute; left: 5px; top: 50%; display: block; min-width: 160px; max-width: 240px; width: 45vw; height: 45px; -moz-transform: translate(0, -55%); -o-transform: translate(0, -55%); -ms-transform: translate(0, -55%); -webkit-transform: translate(0, -55%); transform: translate(0, -55%); background: url(/dam/assets/img/logo.svg) no-repeat center center; background-size: 100% auto; text-align: left; white-space: nowrap; text-indent: 200%; overflow: hidden; z-index: 5; } @media (min-width: 769px) { /* line 67, ../sass/simulation.scss */ #headerWrap { height: 85px; } /* line 70, ../sass/simulation.scss */ .headerItem_navWrap01 { height: 50px; } /* line 73, ../sass/simulation.scss */ .headerItem_logo { left: 20px; width: 240px; max-width: 240px; height: 35px; background: url(/dam/assets/img/logo.svg) no-repeat left top; background-size: 240px auto; } } @media print, screen and (min-width: 1024px) { /* line 83, ../sass/simulation.scss */ .headerItem_logo { left: 20px; width: 280px; max-width: 280px; height: 35px; background: url(/dam/assets/img/logo.svg) no-repeat left top; background-size: 280px auto; } } /* line 95, ../sass/simulation.scss */ .headerItem_navWrap01_pc { display: none; } @media print, screen and (min-width: 769px) { /* line 95, ../sass/simulation.scss */ .headerItem_navWrap01_pc { display: block; position: absolute; right: 0; top: 10px; width: 100%; padding-left: 250px; text-align: right; z-index: 1; font-size: 13px; font-size: 1.3rem; line-height: 1.2; font-weight: 500; } } @media print, screen and (min-width: 1024px) { /* line 95, ../sass/simulation.scss */ .headerItem_navWrap01_pc { padding-left: 300px; } } /* line 117, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 li { border-right: #dfdfdf solid 1px; border-bottom: none; display: inline-block; vertical-align: middle; } /* line 123, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 li:last-child { border-right: 0; } /* line 126, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 a { display: block; padding: 0 0.5em; text-align: center; color: #000; text-decoration: none; letter-spacing: 0.05em; text-indent: 0; } @media print, screen and (min-width: 1000px) { /* line 126, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 a { padding: 0 1em; } } /* line 138, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn01, .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn02, .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn03 { padding: 0 1em; display: inline-block; font-size: 10px; font-size: 1rem; font-weight: 400; letter-spacing: 0; line-height: 1.2; color: #000; } @media print, screen and (min-width: 1024px) { /* line 138, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn01, .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn02, .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn03 { padding: 0 1.5em; font-size: 12px; font-size: 1.2rem; } } @media print, screen and (min-width: 1366px) { /* line 138, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn01, .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn02, .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn03 { padding: 0 2em; font-size: 12px; font-size: 1.2rem; } } /* line 157, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn01 { border-right: #bbb solid 1px; } /* line 160, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn02 { border-right: #bbb solid 1px; } /* line 163, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn03 { border-right: #bbb solid 1px; font-size: 10px; font-size: 1rem; } @media print, screen and (min-width: 1024px) { /* line 163, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn03 { padding: 0 1.5em; font-size: 12px; font-size: 1.2rem; } } /* line 171, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn04 { color: #fff; background: #c7000a; display: block; padding: 7px 10px; font-size: 10px; font-size: 1rem; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } /* line 178, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn04:hover { background: #ee000c; } @media print, screen and (min-width: 1024px) { /* line 171, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn04 { padding: 8px 15px; font-size: 12px; font-size: 1.2rem; } } /* line 186, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn05 { color: #fff; background: #0066cf; display: block; padding: 7px 10px; font-size: 10px; font-size: 1rem; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } /* line 193, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn05:hover { background: #007af8; } @media print, screen and (min-width: 1024px) { /* line 186, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_btn05 { padding: 8px 15px; font-size: 12px; font-size: 1.2rem; } } /* line 201, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_tel { padding: 0 5px 0 10px; position: relative; color: #000; font-feature-settings: "palt"; text-align: left; line-height: 1.1; border-right: none; } @media print, screen and (min-width: 1024px) { /* line 201, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_tel { padding: 0 20px 0 20px; } } /* line 212, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_tel span { display: block; } /* line 215, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_tel .headerContact_tel_inner_pc { display: none; } @media print, screen and (min-width: 768px) { /* line 215, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_tel .headerContact_tel_inner_pc { display: block; } } /* line 221, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_tel .headerContact_tel_inner_sp { color: #00b2c7; } @media print, screen and (min-width: 768px) { /* line 221, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_tel .headerContact_tel_inner_sp { display: none; } } /* line 227, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_tel .headerContact_tel_inner_pc02 { font-size: 10px; font-size: 1rem; font-weight: 400; } /* line 231, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_tel .txtEn { display: inline-block; padding-left: 20px; font-size: 16px; font-size: 1.6rem; font-weight: 500; font-style: italic; } @media print, screen and (min-width: 1024px) { /* line 231, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_tel .txtEn { font-size: 18px; font-size: 1.8rem; } } /* line 241, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_tel::before { display: inline-block; content: ''; width: 15px; height: 15px; position: absolute; left: 10px; top: 2px; background: url(/dam/assets/img/ic_tel.svg) no-repeat 50% top; background-size: contain; } @media print, screen and (min-width: 1024px) { /* line 241, ../sass/simulation.scss */ .headerItem_nav-pc_nav01 .headerItem_nav-pc_nav01_tel::before { left: 20px; } } /* line 258, ../sass/simulation.scss */ .no-touchevents .headerItem_nav-pc_nav01_btn01, .no-touchevents .headerItem_nav-pc_nav01_btn02, .no-touchevents .headerItem_nav-pc_nav01_btn03 { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } /* line 262, ../sass/simulation.scss */ .no-touchevents .headerItem_nav-pc_nav01_btn01:hover, .no-touchevents .headerItem_nav-pc_nav01_btn02:hover, .no-touchevents .headerItem_nav-pc_nav01_btn03:hover { color: #c7000a; } /* line 268, ../sass/simulation.scss */ #footerWrap { position: relative; background: #fff; width: 100%; text-align: center; padding-top: 30px; padding-bottom: 100px; } /* line 278, ../sass/simulation.scss */ .footerItem_contact { padding: 50px 10px 60px; background: url(/dam/assets/img/contact_bg2019.jpg) no-repeat 50% top; background-size: auto 140%; text-align: center; } /* line 284, ../sass/simulation.scss */ .footerItem_contact_ttl01 { display: inline-block; font-size: 30px; font-size: 3rem; letter-spacing: .1em; text-indent: -.1em; font-weight: 700; line-height: 1.25; color: #000; -moz-text-shadow: 0 0 10px rgba(255, 255, 255, 0.5), 0px 1px 10px rgba(255, 255, 255, 0.3), 0px 1px 4px rgba(255, 255, 255, 0.3); -webkit-text-shadow: 0 0 10px rgba(255, 255, 255, 0.5), 0px 1px 10px rgba(255, 255, 255, 0.3), 0px 1px 4px rgba(255, 255, 255, 0.3); text-shadow: 0 0 10px rgba(255, 255, 255, 0.5), 0px 1px 10px rgba(255, 255, 255, 0.3), 0px 1px 4px rgba(255, 255, 255, 0.3); } /* line 294, ../sass/simulation.scss */ .footerItem_contact_ttl02 { display: inline-block; font-size: 12px; font-size: 1.2rem; font-weight: 500; line-height: 1.5; letter-spacing: .1em; text-indent: -.1em; color: #000; -moz-text-shadow: 0 0 10px rgba(255, 255, 255, 0.5), 0px 1px 6px rgba(255, 255, 255, 0.3), 0px 1px 4px rgba(255, 255, 255, 0.3); -webkit-text-shadow: 0 0 10px rgba(255, 255, 255, 0.5), 0px 1px 6px rgba(255, 255, 255, 0.3), 0px 1px 4px rgba(255, 255, 255, 0.3); text-shadow: 0 0 10px rgba(255, 255, 255, 0.5), 0px 1px 6px rgba(255, 255, 255, 0.3), 0px 1px 4px rgba(255, 255, 255, 0.3); } /* line 304, ../sass/simulation.scss */ .footerItem_contact_btnWrap { margin: 15px auto 0; display: block; max-width: 414px; } /* line 309, ../sass/simulation.scss */ .footerItem_contact_btnWrap > a { display: block; text-decoration: none !important; } /* line 313, ../sass/simulation.scss */ .footerItem_contact_btnWrap-contact, .footerItem_contact_btnWrap-mitsumori { color: #fff; padding: 10px; } /* line 317, ../sass/simulation.scss */ .footerItem_contact_btnWrap-contact .footerItem_contact_txt01, .footerItem_contact_btnWrap-mitsumori .footerItem_contact_txt01 { font-size: 11px; font-size: 1.1rem; font-weight: 500; line-height: 1.5; } /* line 322, ../sass/simulation.scss */ .footerItem_contact_btnWrap-contact .cmn_btnType03, .footerItem_contact_btnWrap-mitsumori .cmn_btnType03 { margin: 10px 0 0; height: 50px; padding: 15px 30px; } /* line 328, ../sass/simulation.scss */ .footerItem_contact_btnWrap-contact { background: #c7000a; } /* line 331, ../sass/simulation.scss */ .footerItem_contact_btnWrap-mitsumori { background: #0874c8; } /* line 333, ../sass/simulation.scss */ .footerItem_contact_btnWrap-mitsumori .cmn_btnType03 { color: #0874c8 !important; } /* line 337, ../sass/simulation.scss */ .footerItem_contact_tel { position: relative; margin: 0 auto; padding: 15px 0 20px; max-width: 414px; background: #fff; } /* line 343, ../sass/simulation.scss */ .footerItem_contact_tel .footerItem_contact_tel_txt { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } /* line 347, ../sass/simulation.scss */ .footerItem_contact_tel .footerItem_contact_tel_btn { margin-top: 5px; font-size: 32px; font-size: 3.2rem; font-style: italic; font-weight: bold; display: inline-block; padding-left: 36px; position: relative; color: #000; text-decoration: none; padding-bottom: 5px; } /* line 358, ../sass/simulation.scss */ .footerItem_contact_tel .footerItem_contact_tel_btn::after { display: none; content: ''; width: 100%; height: 2px; background: #000; position: absolute; left: 0; bottom: 0; } /* line 368, ../sass/simulation.scss */ .footerItem_contact_tel .footerItem_contact_tel_btn a { display: inline-block; color: #000; text-decoration: none; } /* line 373, ../sass/simulation.scss */ .footerItem_contact_tel .footerItem_contact_tel_btn.contactNavArea_btnWrap_tel_inner_pc { display: none; } /* line 377, ../sass/simulation.scss */ .footerItem_contact_tel .contactNavArea_btnWrap_tel_inner_sp { display: inline-block; position: relative; } /* line 381, ../sass/simulation.scss */ .footerItem_contact_tel .contactNavArea_btnWrap_tel_inner_sp::before { content: ''; width: 32px; height: 32px; position: absolute; left: 0; top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background: url(/dam/assets/img/ic_tel.svg) no-repeat 50% top; background-size: 32px 32px; } /* line 393, ../sass/simulation.scss */ .contactNavArea_btnWrap_tel_inner_sp { position: relative; } /* line 397, ../sass/simulation.scss */ .footerItem_contact .footerItem_contact_txt02 { padding-top: 0.5em; font-size: 10px; font-size: 1rem; } /* line 402, ../sass/simulation.scss */ .footerItem_contact_btnWrap-contact, .footerItem_contact_btnWrap-mitsumori { color: #fff; padding: 15px; } /* line 406, ../sass/simulation.scss */ .footerItem_contact_btnWrap-contact .footerItem_contact_txt01, .footerItem_contact_btnWrap-mitsumori .footerItem_contact_txt01 { font-size: 12px; font-size: 1.2rem; } /* line 411, ../sass/simulation.scss */ .footerItem_contact .footerItem_contact_txt02 { padding-top: 0.5em; font-size: 11px; font-size: 1.1rem; } /* line 417, ../sass/simulation.scss */ .footerItem_contact { padding: 100px 30px 100px; background: url(/dam/assets/img/contact_bg2019.jpg) no-repeat 50% top; background-size: cover; margin-bottom: 0; min-width: 1020px; } /* line 424, ../sass/simulation.scss */ .footerItem_contact_ttl01 { font-size: 60px; font-size: 6rem; letter-spacing: 0.05em; } /* line 428, ../sass/simulation.scss */ .footerItem_contact_ttl02 { font-size: 16px; font-size: 1.6rem; } /* line 431, ../sass/simulation.scss */ .footerItem_contact_btnWrap { margin: 25px auto 0; display: table; max-width: 1020px; width: 1020px; } /* line 437, ../sass/simulation.scss */ .footerItem_contact_btnWrap > a { display: table-cell; width: 50%; } /* line 441, ../sass/simulation.scss */ .footerItem_contact_btnWrap-contact, .footerItem_contact_btnWrap-mitsumori { color: #fff; padding: 30px 10px 40px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } /* line 446, ../sass/simulation.scss */ .footerItem_contact_btnWrap-contact .footerItem_contact_txt01, .footerItem_contact_btnWrap-mitsumori .footerItem_contact_txt01 { font-size: 14px; font-size: 1.4rem; line-height: 2; } /* line 450, ../sass/simulation.scss */ .footerItem_contact_btnWrap-contact .cmn_btnType03, .footerItem_contact_btnWrap-mitsumori .cmn_btnType03 { margin: 10px auto 0; max-width: 300px; height: 50px; vertical-align: middle; padding: 15px 30px; font-size: 18px; font-size: 1.8rem; } /* line 459, ../sass/simulation.scss */ .footerItem_contact_btnWrap-contact:hover { background: #ef000c; } /* line 462, ../sass/simulation.scss */ .footerItem_contact_btnWrap-mitsumori:hover { background: #007af8; } /* line 464, ../sass/simulation.scss */ .footerItem_contact_btnWrap-mitsumori:hover .cmn_btnType03 span { color: #007af8; } /* line 468, ../sass/simulation.scss */ .footerItem_contact_tel { position: relative; margin: 0 auto; padding: 15px 0 20px; max-width: 1020px; width: 100%; background: #fff; } /* line 475, ../sass/simulation.scss */ .footerItem_contact_tel .footerItem_contact_tel_txt { display: inline-block; vertical-align: middle; font-size: 18px; font-size: 1.8rem; font-weight: 500; line-height: 1.5; } /* line 482, ../sass/simulation.scss */ .footerItem_contact_tel .footerItem_contact_tel_btn { margin-top: 0; margin-left: 10px; font-size: 40px; font-size: 4rem; vertical-align: middle; padding-left: 55px; position: relative; color: #000; text-decoration: none; } /* line 492, ../sass/simulation.scss */ .footerItem_contact_tel .footerItem_contact_tel_btn::before { width: 50px; height: 50px; margin-top: -35px; } /* line 499, ../sass/simulation.scss */ .footerItem_contact .footerItem_contact_txt02 { display: none; padding-top: 0.5em; font-size: 12px; font-size: 1.2rem; } /* line 505, ../sass/simulation.scss */ .footerItem_contact_txt03 { display: block; text-align: left; font-size: 12px; font-size: 1.2rem; font-style: normal; padding: 0.5em; } /* line 512, ../sass/simulation.scss */ .footerItem_contact_tel { padding: 40px 0; background-color: rgba(255, 255, 255, 0.6); } /* line 516, ../sass/simulation.scss */ .footerItem_contact_tel .footerItem_contact_tel_btn.contactNavArea_btnWrap_tel_inner_pc { position: relative; display: inline-block; } /* line 519, ../sass/simulation.scss */ .footerItem_contact_tel .footerItem_contact_tel_btn.contactNavArea_btnWrap_tel_inner_pc::before { margin-top: 0; content: ''; width: 40px; height: 40px; position: absolute; left: 10px; top: 0%; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); background: url(/dam/assets/img/ic_tel.svg) no-repeat 50% top; background-size: 40px 40px; } /* line 533, ../sass/simulation.scss */ .footerItem_contact_tel .contactNavArea_btnWrap_tel_inner_sp { display: none; } /* line 542, ../sass/simulation.scss */ .footerItem_menu { display: none !important; } /* line 546, ../sass/simulation.scss */ .footerItem_block { margin-top: 30px; display: table; min-width: 1020px; } /* line 550, ../sass/simulation.scss */ .footerItem_block > div { display: table-cell; vertical-align: middle; } /* line 556, ../sass/simulation.scss */ .footerItem_tosho { width: 160px; text-align: center; } /* line 559, ../sass/simulation.scss */ .footerItem_tosho img { margin: 0 auto; width: 80px; height: auto; } /* line 566, ../sass/simulation.scss */ .footerItem_logoCopyright { text-align: left; position: relative; border-left: #eee solid 1px; padding-left: 40px; } /* line 572, ../sass/simulation.scss */ .footerItem_logo { margin: 0; width: 280px; } /* line 575, ../sass/simulation.scss */ .footerItem_logo img { width: 100%; height: auto; } /* line 580, ../sass/simulation.scss */ .no-svg .footerItem_logo { background: url(../img/common/logo.png) no-repeat left top; background-size: contain; } /* line 584, ../sass/simulation.scss */ .no-svg .footerItem_logo img { display: none; } /* line 587, ../sass/simulation.scss */ .footerItem_copyright { letter-spacing: 0; line-height: 1.2; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 8px; padding-bottom: 10px; font-size: 10px; font-size: 1rem; } /* line 604, ../sass/simulation.scss */ #mainWrap { text-align: center; padding: 0 20px; } /* line 608, ../sass/simulation.scss */ .container { margin: 0 auto; padding: 50px 0; width: 1040px; text-align: left; } /* line 615, ../sass/simulation.scss */ .titleArea { padding: 0 0 1em; border-bottom: #ddd solid 1px; } /* line 618, ../sass/simulation.scss */ .titleArea .titleArea_title { font-size: 30px; font-size: 3rem; font-weight: 700; color: #000; } /* line 625, ../sass/simulation.scss */ .contensWrap { margin: 20px 0 0; background: #e4e4e4; display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; } /* line 645, ../sass/simulation.scss */ .contensWrap .layout-left { width: 728px; } /* line 647, ../sass/simulation.scss */ .contensWrap .layout-left .btnGroup { font-size: 0; letter-spacing: 0; text-align: left; padding: 6px 0 6px 6px; } /* line 653, ../sass/simulation.scss */ .contensWrap .layout-left .btnArea { display: inline-block; vertical-align: top; margin: 0 auto; text-align: center; } /* line 659, ../sass/simulation.scss */ .contensWrap .layout-left .btnList { display: inline-block; margin: 0 auto; text-align: left; } /* line 663, ../sass/simulation.scss */ .contensWrap .layout-left .btnList > div { display: inline-block; vertical-align: top; } /* line 669, ../sass/simulation.scss */ .contensWrap .layout-right { width: 312px; padding: 6px 6px 16px; } /* line 672, ../sass/simulation.scss */ .contensWrap .layout-right .btnGroup, .contensWrap .layout-right .panelGroup { display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; } /* line 692, ../sass/simulation.scss */ .contensWrap .layout-right .btnArea { width: 147px; text-align: center; } /* line 698, ../sass/simulation.scss */ .imageWrap { background: #fff; display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; padding-right: 6px; padding-bottom: 6px; } /* line 719, ../sass/simulation.scss */ .imageWrap > div { width: 358px; } /* line 723, ../sass/simulation.scss */ .imageArea { width: 358px; height: 570px; position: relative; } /* line 727, ../sass/simulation.scss */ .imageArea img { position: absolute; left: 0; top: 0; } /* line 732, ../sass/simulation.scss */ .imageArea .label01 { position: absolute; left: 0; top: 0; width: 100%; z-index: 10; } /* line 740, ../sass/simulation.scss */ #imageArea01 { background: url(../img/service/simulation/background.png) no-repeat left top; } /* line 743, ../sass/simulation.scss */ .label01 { color: #fff; font-size: 15px; font-size: 1.5rem; font-weight: 400; line-height: 27px; height: 28px; overflow: hidden; text-align: center; background: url(../img/service/simulation/label_bg01.png) repeat right top; } /* line 754, ../sass/simulation.scss */ .label02 { color: #fff; font-size: 15px; font-size: 1.5rem; font-weight: 400; line-height: 27px; height: 28px; overflow: hidden; text-align: center; background: url(../img/service/simulation/label_bg.png) no-repeat right top; } /* line 765, ../sass/simulation.scss */ .btnArea { position: relative; background: #fff; } /* line 769, ../sass/simulation.scss */ #btnArea-l01, #btnArea-l02, #btnArea-l03 { width: 358px; } /* line 774, ../sass/simulation.scss */ #btnArea-l04 { width: 126px; } /* line 777, ../sass/simulation.scss */ #btnArea-l05 { width: 226px; } /* line 781, ../sass/simulation.scss */ #btnArea-l01 .btnList, #btnArea-l02 .btnList, #btnArea-l03 .btnList, #btnArea-l05 .btnList { padding: 15px 0; } /* line 783, ../sass/simulation.scss */ #btnArea-l01 .btnList > div, #btnArea-l02 .btnList > div, #btnArea-l03 .btnList > div, #btnArea-l05 .btnList > div { margin: 5px; width: 54px; height: 54px; } /* line 787, ../sass/simulation.scss */ #btnArea-l01 .btnList > div::after, #btnArea-l02 .btnList > div::after, #btnArea-l03 .btnList > div::after, #btnArea-l05 .btnList > div::after { width: 54px; height: 54px; } /* line 795, ../sass/simulation.scss */ #btnArea-l04 .btnList { padding: 15px 0; text-align: center; } /* line 798, ../sass/simulation.scss */ #btnArea-l04 .btnList > div { margin: 5px; width: 54px; height: 54px; } /* line 802, ../sass/simulation.scss */ #btnArea-l04 .btnList > div::after { width: 54px; height: 54px; } /* line 809, ../sass/simulation.scss */ #btnArea-l01, #btnArea-l03, #btnArea-l04 { margin-right: 6px; } /* line 812, ../sass/simulation.scss */ #btnArea-l03, #btnArea-l04, #btnArea-l05 { margin-top: 6px; } /* line 816, ../sass/simulation.scss */ #btnArea-l01 .btnList, #btnArea-l02 .btnList, #btnArea-l03 .btnList { margin: 0 auto; width: 325px; } /* line 822, ../sass/simulation.scss */ #btnArea-l05 .btnList { margin: 0 auto; width: 196px; } /* line 829, ../sass/simulation.scss */ #btnArea-r01 { width: 300px; } /* line 831, ../sass/simulation.scss */ #btnArea-r01 .btnList { padding: 0 0 10px 3px; position: relative; text-align: left; } /* line 835, ../sass/simulation.scss */ #btnArea-r01 .btnList > div { margin: 10px 0 0 10px; display: inline-block; position: relative; width: 60px; height: 44px; } /* line 841, ../sass/simulation.scss */ #btnArea-r01 .btnList > div::after { width: 60px; height: 44px; } /* line 848, ../sass/simulation.scss */ #btnArea-r02 { width: 300px; } /* line 850, ../sass/simulation.scss */ #btnArea-r02 .btnList { padding: 0 0 10px 6px; position: relative; text-align: left; } /* line 854, ../sass/simulation.scss */ #btnArea-r02 .btnList > div { margin: 10px 0 0 10px; display: inline-block; position: relative; width: 44px; height: 44px; } /* line 860, ../sass/simulation.scss */ #btnArea-r02 .btnList > div::after { width: 44px; height: 44px; } /* line 867, ../sass/simulation.scss */ #btnArea-r03 { margin-top: 6px; width: 147px; height: 229px; } /* line 871, ../sass/simulation.scss */ #btnArea-r03 .btnList { position: relative; } /* line 873, ../sass/simulation.scss */ #btnArea-r03 .btnList > div { position: absolute; } /* line 875, ../sass/simulation.scss */ #btnArea-r03 .btnList > div:nth-of-type(1) { left: 15px; top: 23px; width: 32px; height: 155px; } /* line 880, ../sass/simulation.scss */ #btnArea-r03 .btnList > div:nth-of-type(1)::after { width: 32px; height: 155px; } /* line 885, ../sass/simulation.scss */ #btnArea-r03 .btnList > div:nth-of-type(2) { left: 57px; top: 23px; width: 32px; height: 155px; } /* line 890, ../sass/simulation.scss */ #btnArea-r03 .btnList > div:nth-of-type(2)::after { width: 32px; height: 155px; } /* line 895, ../sass/simulation.scss */ #btnArea-r03 .btnList > div:nth-of-type(3) { left: 100px; top: 23px; width: 33px; height: 155px; } /* line 900, ../sass/simulation.scss */ #btnArea-r03 .btnList > div:nth-of-type(3)::after { width: 33px; height: 155px; } /* line 908, ../sass/simulation.scss */ #btnArea-r04 { margin-top: 6px; width: 147px; height: 229px; } /* line 912, ../sass/simulation.scss */ #btnArea-r04 .btnList { position: relative; } /* line 914, ../sass/simulation.scss */ #btnArea-r04 .btnList > div { position: absolute; } /* line 916, ../sass/simulation.scss */ #btnArea-r04 .btnList > div:nth-of-type(1) { left: 35px; top: 15px; width: 32px; height: 171px; } /* line 921, ../sass/simulation.scss */ #btnArea-r04 .btnList > div:nth-of-type(1)::after { width: 32px; height: 171px; } /* line 926, ../sass/simulation.scss */ #btnArea-r04 .btnList > div:nth-of-type(2) { left: 80px; top: 15px; width: 31px; height: 171px; } /* line 931, ../sass/simulation.scss */ #btnArea-r04 .btnList > div:nth-of-type(2)::after { width: 31px; height: 171px; } /* line 939, ../sass/simulation.scss */ .btnSimulation { position: relative; } /* line 941, ../sass/simulation.scss */ .btnSimulation:not(.is-on) { cursor: pointer; } /* line 943, ../sass/simulation.scss */ .btnSimulation:not(.is-on):hover { opacity: 0.7; } /* line 947, ../sass/simulation.scss */ .btnSimulation::after { content: ''; border: #ccc solid 1px; z-index: +1; position: absolute; left: 0; top: 0; box-sizing: border-box; } /* line 956, ../sass/simulation.scss */ .btnSimulation.is-on::after { border: #00e4ff solid 3px !important; } /* line 960, ../sass/simulation.scss */ #btnArea-l04 .btnSimulation.is-on { background: #e4e4e4; } /* line 964, ../sass/simulation.scss */ .panelGroup { margin-top: 6px; } /* line 966, ../sass/simulation.scss */ .panelGroup > div { width: 147px; text-align: center; } /* line 971, ../sass/simulation.scss */ .panelGroup #panelArea01 .imageArea-panel { width: 60px; height: 300px; } /* line 977, ../sass/simulation.scss */ .panelGroup #panelArea02 .imageArea-panel { width: 77px; height: 420px; } /* line 982, ../sass/simulation.scss */ .panelGroup .imageArea-panel { margin: 16px auto 0; position: relative; } /* line 985, ../sass/simulation.scss */ .panelGroup .imageArea-panel img { position: absolute; left: 0; top: 0; } /* line 998, ../sass/simulation.scss */ .contensWrap02 { margin: 25px 0 0; display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; font-size: 15px; font-size: 1.5rem; font-weight: 400; } /* line 1019, ../sass/simulation.scss */ .contensWrap02 .layout-left { width: 527px; border: #9bc0ff solid 1px; padding: 1em 1em; } /* line 1023, ../sass/simulation.scss */ .contensWrap02 .layout-left th, .contensWrap02 .layout-left td { padding: 0.5em 1em 0.5em 0; } /* line 1027, ../sass/simulation.scss */ .contensWrap02 .layout-left th span { display: inline-block; padding-right: 5px; color: #1e4ea1; font-size: 12px; font-size: 1.2rem; } /* line 1035, ../sass/simulation.scss */ .contensWrap02 .layout-right { width: 470px; line-height: 2.2; } /* line 1042, ../sass/simulation.scss */ .btnCloseArea { display: none; text-align: center; margin: 0 0 50px; } /* line 1046, ../sass/simulation.scss */ .btnCloseArea a { border: #eee solid 1px; font-size: 20px; font-size: 2rem; } /* line 1050, ../sass/simulation.scss */ .btnCloseArea span > span { margin-right: 1em; position: relative; display: inline-block; width: 20px; } /* line 1056, ../sass/simulation.scss */ .btnCloseArea span > span:before, .btnCloseArea span > span:after { background: #c7000a; display: block; content: ""; position: absolute; top: 50%; left: 0; width: 20px; height: 2px; } /* line 1066, ../sass/simulation.scss */ .btnCloseArea span > span::before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* line 1070, ../sass/simulation.scss */ .btnCloseArea span > span::after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } /* line 1077, ../sass/simulation.scss */ .iPhone .btnCloseArea, .android .btnCloseArea { display: block; } /*# sourceMappingURL=simulation.css.map */