@charset "UTF-8"; @import url(https://fonts.googleapis.com/css?family=Oswald); /*! sanitize.css v3.2.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */ /* Normalization */ audio:not([controls]) { display: none; /* Chrome 44-, iOS 8+, Safari 9+ */ } button { -webkit-appearance: button; /* iOS 8+ */ overflow: visible; /* Internet Explorer 11- */ } details { display: block; /* Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */ } html { -ms-overflow-style: -ms-autohiding-scrollbar; /* Edge 12+, Internet Explorer 11- */ overflow-y: scroll; /* All browsers without overlaying scrollbars */ -webkit-text-size-adjust: 100%; /* iOS 8+ */ } input { -webkit-border-radius: 0; } input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* iOS 8+ */ } input[type="number"] { width: auto; /* Firefox 36+ */ } input[type="search"] { -webkit-appearance: textfield; /* Chrome 45+, Safari 9+ */ } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Chrome 45+, Safari 9+ */ } main { display: block; /* Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+ */ } pre { overflow: auto; /* Internet Explorer 11- */ } progress { display: inline-block; /* Internet Explorer 11-, Windows Phone 8.1+ */ } small { font-size: 75%; /* All browsers */ } summary { display: block; /* Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */ } svg:not(:root) { overflow: hidden; /* Internet Explorer 11- */ } template { display: none; /* Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+ */ } textarea { overflow: auto; /* Edge 12+, Internet Explorer 11- */ } [hidden] { display: none; /* Internet Explorer 10- */ } /* Universal inheritance */ *, :before, :after { -webkit-box-sizing: inherit; box-sizing: inherit; } * { font-size: inherit; line-height: inherit; } :before, :after { text-decoration: inherit; vertical-align: inherit; } /* Opinionated defaults */ /* specify the border style and width of all elements */ *, :before, :after { border-style: solid; border-width: 0; } /* specify the core styles of all elements */ * { background-repeat: no-repeat; margin: 0; padding: 0; } /* specify the root styles of the document */ :root { background-color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000000; cursor: default; font: 100%/1.5 sans-serif; } /* specify the text decoration of anchors */ a { text-decoration: none; } /* specify the alignment of media elements */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* specify the background color of form elements */ button, input, select, textarea { background-color: transparent; } /* specify the inherited color and font of form elements */ button, input, select, textarea { color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; } /* specify the minimum height of form elements */ button, [type="button"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="reset"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea { min-height: 1.5em; } /* specify the font family of code elements */ code, kbd, pre, samp { font-family: monospace, monospace; } /* specify the list style of nav lists */ nav ol, nav ul { list-style: none; } /* specify the standard appearance of selects */ select { -moz-appearance: none; /* Firefox 40+ */ -webkit-appearance: none; } select::-ms-expand { display: none; /* Edge 12+, Internet Explorer 11- */ } select::-ms-value { color: currentColor; /* Edge 12+, Internet Explorer 11- */ } /* specify the border styling of tables */ table { border-collapse: collapse; border-spacing: 0; } /* specify the resizability of textareas */ textarea { resize: vertical; } /* specify the background color, font color, and drop shadow of text selections */ ::-moz-selection { background-color: #b3d4fc; /* required when declaring ::selection */ color: #ffffff; text-shadow: none; } ::selection { background-color: #b3d4fc; /* required when declaring ::selection */ color: #ffffff; text-shadow: none; } /* specify the progress cursor of updating elements */ [aria-busy="true"] { cursor: progress; } /* specify the pointer cursor of trigger elements */ [aria-controls] { cursor: pointer; } /* specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */ [aria-disabled] { cursor: default; } /* specify the style of visually hidden yet accessible elements */ [hidden][aria-hidden="false"] { clip: rect(0 0 0 0); display: inherit; position: absolute; } [hidden][aria-hidden="false"]:focus { clip: auto; } /* remove delay from tapping on clickable elements */ a, area, button, input, label, select, textarea, [tabindex] { -ms-touch-action: manipulation; touch-action: manipulation; } :root, html, body { color: #686666; width: 100%; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "sans-serif"; font-size: 15.5px; } @media (min-width: 376px) and (max-width: 414px) { :root, html, body { font-size: 15.45px; } } @media (min-width: 361px) and (max-width: 375px) { :root, html, body { font-size: 15.35px; } } @media (min-width: 321px) and (max-width: 360px) { :root, html, body { font-size: 15.25px; } } @media (max-width: 320px) { :root, html, body { font-size: 15px; } } @media (max-width: 767px) and (orientation: landscape) { :root, html, body { font-size: 14.5px; } } @media (min-width: 768px), print { :root, html, body { font-size: 16px; } } @media (min-width: 969px) and (max-width: 1200px) { :root, html, body { font-size: 13.5px; } } @media (min-width: 969px) and (max-width: 1200px) and (orientation: landscape) { :root, html, body { font-size: 13.5px; } } @media (min-width: 869px) and (max-width: 968px) { :root, html, body { font-size: 11.5px; } } @media (min-width: 869px) and (max-width: 968px) and (orientation: landscape) { :root, html, body { font-size: 11.5px; } } @media (min-width: 768px) and (max-width: 868px) { :root, html, body { font-size: 10.5px; } } @media (min-width: 768px) and (max-width: 868px) and (orientation: landscape) { :root, html, body { font-size: 10.5px; } } * { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1rem; } small a { font-size: inherit; } li { list-style-type: none; } a { color: #009be4; -webkit-transition: .3s; transition: .3s; word-break: break-all; } @media (hover: hover) { a:hover { text-decoration: none; color: #2dade9; opacity: 0.8; } } @media (hover: hover) { a img:hover { opacity: 0.8; } } p { margin-bottom: 1.5625rem; } @media (min-width: 768px), print { p { margin-bottom: 1.25rem; } } img { max-width: 100%; max-height: 100%; } figcaption { margin-top: 0.625rem; font-size: 90%; } p, ul, ol, dl { line-height: 1.6; } @media (min-width: 768px), print { p, ul, ol, dl { line-height: 1.9; } } @media (min-width: 768.02px) and (hover: hover) { a[href^='tel:'] { pointer-events: none; } } @font-face { font-family: 'fontello'; src: url("../font/fontello.eot?39130850"); src: url("../font/fontello.eot?39130850#iefix") format("embedded-opentype"), url("../font/fontello.woff2?39130850") format("woff2"), url("../font/fontello.woff?39130850") format("woff"), url("../font/fontello.ttf?39130850") format("truetype"), url("../font/fontello.svg?39130850#fontello") format("svg"); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('../font/fontello.svg?39130850#fontello') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-arrow_right:before { content: '\e852'; } /* '' */ .icon-exclamation:before { content: '\e853'; } /* '' */ .icon-arrow_up:before { content: '\e854'; } /* '' */ /* Animation example, for spinners */ .animate-spin { -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; display: inline-block; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .icon-arrow_right:before { content: '\e852'; } /* '' */ .icon-exclamation:before { content: '\e853'; } /* '' */ .icon-arrow_up:before { content: '\e854'; } /* '' */ .icon-arrow_right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-exclamation { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-arrow_up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } [class^="icon-"], [class*=" icon-"] { font-family: 'fontello'; font-style: normal; font-weight: normal; /* fix buttons height */ line-height: 1em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ } .icon-arrow_right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-exclamation { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-arrow_up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } @font-face { font-family: 'fontello'; src: url("../font/fontello.eot?4654956"); src: url("../font/fontello.eot?4654956#iefix") format("embedded-opentype"), url("../font/fontello.svg?4654956#fontello") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'fontello'; src: url("data:application/octet-stream;base64,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") format("woff"), url("data:application/octet-stream;base64,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Ky2wWyyzAAABQystsFwsswABAUMrLbBdLLMBAAFDKy2wXiyzAQEBQystsF8ssgAARSstsGAssgABRSstsGEssgEARSstsGIssgEBRSstsGMssgAASCstsGQssgABSCstsGUssgEASCstsGYssgEBSCstsGcsswAAAEQrLbBoLLMAAQBEKy2waSyzAQAARCstsGosswEBAEQrLbBrLLMAAAFEKy2wbCyzAAEBRCstsG0sswEAAUQrLbBuLLMBAQFEKy2wbyyxADwrLrEwARQrLbBwLLEAPCuwQCstsHEssQA8K7BBKy2wciywABaxADwrsEIrLbBzLLEBPCuwQCstsHQssQE8K7BBKy2wdSywABaxATwrsEIrLbB2LLEAPSsusTABFCstsHcssQA9K7BAKy2weCyxAD0rsEErLbB5LLEAPSuwQistsHossQE9K7BAKy2weyyxAT0rsEErLbB8LLEBPSuwQistsH0ssQA+Ky6xMAEUKy2wfiyxAD4rsEArLbB/LLEAPiuwQSstsIAssQA+K7BCKy2wgSyxAT4rsEArLbCCLLEBPiuwQSstsIMssQE+K7BCKy2whCyxAD8rLrEwARQrLbCFLLEAPyuwQCstsIYssQA/K7BBKy2whyyxAD8rsEIrLbCILLEBPyuwQCstsIkssQE/K7BBKy2wiiyxAT8rsEIrLbCLLLILAANFUFiwBhuyBAIDRVgjIRshWVlCK7AIZbADJFB4sQUBFUVYMFktAEu4AMhSWLEBAY5ZsAG5CAAIAGNwsQAHQrEAACqxAAdCsQAKKrEAB0KxAAoqsQAHQrkAAAALKrEAB0K5AAAACyq5AAMAAESxJAGIUViwQIhYuQADAGREsSgBiFFYuAgAiFi5AAMAAERZG7EnAYhRWLoIgAABBECIY1RYuQADAABEWVlZWVmxAA4quAH/hbAEjbECAESzBWQGAERE") format("truetype"); } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('../font/fontello.svg?4654956#fontello') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-arrow_right:before { content: '\e852'; } /* '' */ .icon-exclamation:before { content: '\e853'; } /* '' */ .icon-arrow_up:before { content: '\e854'; } /* '' */ .icon-link { position: relative; } .icon-link::before { margin: 0; position: absolute; } .icon-link::before { font-size: 1.4375rem; right: 1.875rem; top: 1.5625rem; color: #009be4; } @media (hover: hover) { .icon-link:hover::before { color: #fff; } } .l_col { padding: 0 0.625rem; } @media (min-width: 768px), print { .l_col { -webkit-box-flex: 0; -ms-flex: 0 1 1340px; flex: 0 1 1340px; margin: 0 auto; padding: 0 1.25rem; max-width: 1340px; } } .l_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 auto; } .l_col2 > :last-child { margin-bottom: 0 !important; } .l_col2 > * { margin-bottom: 1.875rem; } @media (min-width: 768px), print { .l_col2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .l_col2 > * { width: 48%; margin-right: calc(100% - 48%*2); margin-left: 0; } .l_col2 > :nth-child(2n + 2) { margin-right: 0; } .l_col2 > :nth-last-child(-n+2) { margin-bottom: 0; } } .l_col3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .l_col3 > :last-child { margin-bottom: 0 !important; } .l_col3 > * { width: 100%; margin-bottom: 1.875rem; } @media (min-width: 768px), print { .l_col3 > * { width: 32%; margin-right: calc((100% - 32%*3)/2); } .l_col3 > :nth-child(3n + 3) { margin-right: 0; } .l_col3 > :nth-last-child(-n+3) { margin-bottom: 0; } } .time_tbl { table-layout: auto; width: 100%; text-align: center; background: #daf0fb; margin-bottom: 0.875rem; } @media (min-width: 768px), print { .time_tbl { margin-bottom: 1.125rem; } } .time_tbl th, .time_tbl td { line-height: 1; padding: 0.625rem 0.0625rem; font-size: 0.875rem; } @media (min-width: 768px), print { .time_tbl th, .time_tbl td { padding: 0.9375rem 0.0625rem; } } .time_tbl tr { border-bottom: 1px solid #fff; } .time_tbl th.time { color: #009be4; } .time_tbl tr:first-child { background-color: #009be4; color: #fff; border-bottom: none; } .time_tbl tr:first-child th { font-size: 1rem; padding-top: 0.5rem; padding-bottom: 0.625rem; } .time_tbl tr:first-child th:first-child { letter-spacing: 0.375rem; } .time_tbl tr:first-child th:last-child { padding-right: 0.625rem; padding-left: 0.25rem; white-space: nowrap; } .time_tbl tr:not(:first-child) td { color: #686666; } .overviewR td { line-height: 1; padding: 0.625rem 0.0625rem; font-size: 0.625rem; } @media (min-width: 768px), print { .overviewR td { padding: 0.6875rem 0.0625rem; } } .table_recruit tbody tr td { display: block; width: 100%; } @media (min-width: 768px), print { .table_recruit tbody tr td { display: table-cell; border-bottom: 1px solid #fff; width: calc(100% / 2); } } .table_recruit tbody tr:first-child { background: none; } .table_recruit tbody tr td:first-child { color: #fff; background: #009be4; } .table_recruit tbody tr td:nth-child(2) { color: #686666; padding-left: 1rem; text-align: left; } .time_tbl_txt { text-align: right; margin-bottom: 0.875rem; } .time_tbl_txt li { line-height: 1.6; font-size: 0.875rem; } .icon19, .icon18, .icon13 { position: relative; color: transparent; } .icon19::after, .icon18::after, .icon13::after { position: absolute; width: calc(100% + 0.24rem); height: calc(100% + 0.24rem); content: ''; display: block; top: -0.12rem; left: -0.12rem; background-position: center center; background-repeat: no-repeat; background-size: contain; } .icon19.icon13::after, .icon18.icon13::after, .icon13.icon13::after { background-image: url("../img/icon_timetable13.svg"); } .icon19.icon18::after, .icon18.icon18::after, .icon13.icon18::after { background-image: url("../img/icon_timetable18.svg"); } .icon19.icon19::after, .icon18.icon19::after, .icon13.icon19::after { background-image: url("../img/icon_timetable19.svg"); } .gmap { width: 100%; overflow: hidden; position: relative; padding-top: 53.3333333333%; } @media (min-width: 768px), print { .gmap { padding-top: 25rem; } } .gmap > iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } body.access .gmap { padding-top: 25rem; } @media (min-width: 768px), print { body.access .gmap { padding-top: 43.75rem; } } .anchor_link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1.25rem 0.625rem 0.3125rem; background: #e8f1f5; margin-bottom: 30px; } @media (min-width: 768px), print { .anchor_link { padding: 1.25rem 2.5rem 0.9375rem; } } .anchor_link li a { display: inline-block; line-height: 1.1; position: relative; padding: 8px 11px 8px 25px; background: #009be4; color: #fff; border-radius: 0.375rem; margin: 0 6px 8px 0; } .anchor_link li a::before { content: ""; position: absolute; top: 30%; left: 12px; width: 6px; height: 6px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .anchor_link li a::after { content: ""; position: absolute; top: 45%; left: 12px; width: 6px; height: 6px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (hover: hover) { .anchor_link li a:hover { color: #fff; background: #8ba1c3; } .anchor_link li a:hover::before { border-bottom-color: #fff; border-right-color: #fff; } .anchor_link li a:hover::after { border-bottom-color: #fff; border-right-color: #fff; } } .cf::before, .cf::after { content: ''; display: block; clear: both; } .fl_l { float: left; } .fl_r { float: right; } .txt_c { text-align: center !important; } .txt_l { text-align: left !important; } .txt_r { text-align: right !important; } .img_c { display: block; text-align: center; margin-left: auto; margin-right: auto; max-width: 75%; } @media (min-width: 768px), print { .img_c { max-width: none; } } .img_l, .img_r { display: block; height: auto; text-align: center; margin: 0 auto; margin-bottom: 2.5rem; } @media (min-width: 768px), print { .img_l, .img_r { margin-bottom: 5rem; } } @media (min-width: 768px), print { .img_l, .img_r { margin-top: 0.3125rem; margin-bottom: 0.9375rem; } } .img_l, .img_r { max-width: 75%; } @media (min-width: 768px), print { .img_l { float: left; margin-right: 3%; } .img_r { float: right; margin-left: 3%; } .img_l, .img_r { max-width: 32%; } .img_l_txt { margin-left: 35%; } .img_r_txt { width: 65%; } } .background-blue { background-color: #005393 !important; } .color-white { color: #fff; } .padding-initial { padding: 1.25rem 0.9375rem !important; } .font-inherit { font-size: inherit !important; } .js-tel { color: #fff; } .ph_l, .ph_r { display: block; height: auto; text-align: center; margin: 0 auto; margin-bottom: 2.5rem; } @media (min-width: 768px), print { .ph_l, .ph_r { margin-bottom: 5rem; } } @media (min-width: 768px), print { .ph_l, .ph_r { margin-top: 0.625rem; margin-bottom: 0.9375rem; } } .ph_l, .ph_r { max-width: 55%; } @media (min-width: 768px), print { .ph_l { float: left; margin-right: 1%; } .ph_r { float: right; margin-left: 1%; } .ph_l, .ph_r { max-width: 25%; } .ph_l_txt { margin-left: 26%; } .ph_r_txt { width: 74%; } } .bn_c { display: block; text-align: center; max-width: 100%; } .bn_col { display: block; text-align: center; padding: 0 0.625rem; max-width: 100%; } @media (min-width: 768px), print { .bn_col { -webkit-box-flex: 0; -ms-flex: 0 1 1340px; flex: 0 1 1340px; margin: 0 auto; padding: 0 1.25rem; max-width: 1340px; } } .sp_n { display: none; } @media (min-width: 768px), print { .sp_n { display: block; } .pc_n { display: none; } } .mb0 { margin-bottom: 0px !important; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mb35 { margin-bottom: 35px !important; } .mb40 { margin-bottom: 40px !important; } .mb45 { margin-bottom: 45px !important; } .mb50 { margin-bottom: 50px !important; } .tit_01 { color: #2dade9; font-size: 1.625rem; font-weight: 500; line-height: 1.2; text-align: center; } @media (min-width: 768px), print { .tit_01 { font-size: 2.875rem; } } @media (min-width: 768px), print { .tit_01 { line-height: 1; } } .tit_01 span { display: block; font-size: 60%; margin-top: 0.375rem; } @media (min-width: 768px), print { .tit_01 span { font-size: 70%; margin-top: 0.625rem; } } .tit_02 { font-size: 1.375rem; margin-bottom: 1.875rem; line-height: 1.2; padding-bottom: 0.3125rem; text-align: center; position: relative; } @media (min-width: 768px), print { .tit_02 { font-size: 1.875rem; } } @media (min-width: 768px), print { .tit_02 { margin-bottom: 3.75rem; } } @media (min-width: 768px), print { .tit_02 { padding-bottom: 0.625rem; } } .tit_02::before { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 3.875rem; height: 0.125rem; background: #009be4; content: ''; } @media (min-width: 768px), print { .tit_02::before { width: 7.8125rem; } } body.index { position: relative; } body.index .tit_02 { display: inline-block; margin-bottom: 1.875rem; letter-spacing: 0.3125rem; } @media (min-width: 768px), print { body.index .tit_02 { margin-bottom: 5rem; } } body.index .tit_02::before { width: 100%; } body.index .news .tit_02 { margin-bottom: 0.9375rem; } @media (min-width: 768px), print { body.index .news .tit_02 { margin-bottom: 5rem; } } .tit_02_oath { line-height: 1; font-size: 1.25rem; margin-bottom: 1.5625rem; } @media (min-width: 768px), print { .tit_02_oath { font-size: 3rem; margin-bottom: 4.6875rem; letter-spacing: 0.3125rem; } } .tit_02_oath span { display: block; color: #005393; font-size: 0.875rem; margin-top: 0.5rem; } @media (min-width: 768px), print { .tit_02_oath span { font-size: 1.5rem; margin-top: 1rem; letter-spacing: 0.1875rem; } } .tit_03 { font-size: 1.25rem; margin-bottom: 1.25rem; text-align: center; color: #fff; background: #2dade9; line-height: 1.2; padding: 0.5625rem 0.5rem; } @media (min-width: 768px), print { .tit_03 { font-size: 1.625rem; } } @media (min-width: 768px), print { .tit_03 { margin-bottom: 2.5rem; } } .tit_04 { font-size: 1.125rem; margin-bottom: 1.25rem; color: #005393; line-height: 1; } @media (min-width: 768px), print { .tit_04 { font-size: 1.5rem; } } @media (min-width: 768px), print { .tit_04 { margin-bottom: 2.5rem; } } .kkm_i, .kkm { padding: 1.25rem 0.9375rem; background: #e8f1f5; } .kkm_i > :last-child, .kkm > :last-child { margin-bottom: 0; } @media (min-width: 768px), print { .kkm_i, .kkm { padding: 5rem; } } .kkm_i { background: #edf1f6; } .disc > *, .disc_txt, .disc_inline > *, .disc_inline_lnk > * { line-height: 1.7 !important; margin-left: 1rem; font-weight: bold; position: relative; } .disc > *::before, .disc_txt::before, .disc_inline > *::before, .disc_inline_lnk > *::before { display: block; content: ''; position: absolute; top: 0.5625rem; left: -0.6666666667rem; width: 0.25rem; height: 0.25rem; background-color: #686666; border-radius: 50%; } .disc > :last-child { margin-bottom: 0 !important; } .disc_txt { display: block; } li.disc_n { margin-left: 0; } li.disc_n::before { content: none; } .suj { counter-reset: number; margin-left: 2.5px; } .suj li { position: relative; line-height: 1.4em; margin-top: 5px; padding-left: 25px; } @media (min-width: 768px), print { .suj li { padding-left: 35px; } } .suj li:first-child { margin-top: 0; } .suj li::before { position: absolute; left: .2rem; counter-increment: number; content: counter(number) "."; font-weight: 500; } @media (min-width: 768px), print { .suj li::before { left: .3rem; } } .suj li:nth-child(n+10)::before { left: 0; } .dot > *, .dot_txt, .dot_inline > *, .dot_inline_lnk > * { line-height: 1.5 !important; margin-left: 1.5625rem; position: relative; } .dot > *::before, .dot_txt::before, .dot_inline > *::before, .dot_inline_lnk > *::before { display: block; content: ''; position: absolute; top: 0.1875rem; left: -1.5625rem; width: 1rem; height: 1rem; background-color: #2dade9; border-radius: 50%; } .dot_inline > *, .dot_inline_lnk > * { margin-left: 1.375rem; display: inline-block; line-height: 2.2 !important; margin-right: 1.25rem; } .dot_inline > *::before, .dot_inline_lnk > *::before { top: 0.75rem; left: -1.375rem; } @media (min-width: 768px), print { .dot_inline > *::before, .dot_inline_lnk > *::before { top: 0.5rem; } } .dot_inline_lnk a, .dot_inline_lnk > * a.scr { text-decoration: underline !important; } @media (hover: hover) { .dot_inline_lnk a:hover, .dot_inline_lnk > * a.scr:hover { text-decoration: none !important; } .dot_inline_lnk a:hover::before, .dot_inline_lnk > * a.scr:hover::before { background-color: #2dade9; } } .dot_txt { display: block; } .dot > :last-child { margin-bottom: 0 !important; } .dot > *, .dot_txt { margin-bottom: 0.5rem; } @media (min-width: 768px), print { .dot > *, .dot_txt { margin-bottom: 0.625rem; } } .dot_n { margin-left: 0; } .dot_n::before { content: none; } .red { color: red; } .skyblue { color: #2dade9; } .v_top { vertical-align: top; } .km, .km_ls li { text-indent: -1.5rem; padding-left: 1.5rem; } .km::before, .km_ls li::before { content: '※'; margin-right: .5rem; } .km { display: block; } .bold { font-weight: bold !important; } .text_b { font-size: 160%; } .marker, .marker_lst li strong { background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #daf0fb)); background: linear-gradient(transparent 60%, #daf0fb 60%); } .t_dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .t_dl dt { width: 5em; } @media (min-width: 768px), print { .t_dl dt { width: 5em; } } .t_dl dd { width: calc(100% - 5em); } @media (min-width: 768px), print { .t_dl dd { width: calc(100% - 5em); } } .t_dl_i { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .t_dl_i dt { width: 2em; } @media (min-width: 768px), print { .t_dl_i dt { width: 2em; } } .t_dl_i dd { width: calc(100% - 2em); } @media (min-width: 768px), print { .t_dl_i dd { width: calc(100% - 2em); } } .t_dl_j { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .t_dl_j dt { width: 8em; } @media (min-width: 768px), print { .t_dl_j dt { width: 8em; } } .t_dl_j dd { width: calc(100% - 8em); } @media (min-width: 768px), print { .t_dl_j dd { width: calc(100% - 8em); } } .t_dl_k { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .t_dl_k dt { width: 1.5em; } @media (min-width: 768px), print { .t_dl_k dt { width: 1.5em; } } .t_dl_k dd { width: calc(100% - 1.5em); } @media (min-width: 768px), print { .t_dl_k dd { width: calc(100% - 1.5em); } } .t_dl_l { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .t_dl_l dt { width: 11.5em; text-align: center; } @media (min-width: 768px), print { .t_dl_l dt { width: 11.5em; } } .t_dl_l dd { width: calc(100% - 11.5em); } @media (min-width: 768px), print { .t_dl_l dd { width: calc(100% - 11.5em); } } .t_dl_m { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .t_dl_m dt { width: 6.5em; } @media (min-width: 768px), print { .t_dl_m dt { width: 6.5em; } } .t_dl_m dd { width: calc(100% - 6.5em); } @media (min-width: 768px), print { .t_dl_m dd { width: calc(100% - 6.5em); } } .btn_i, .btn { display: inline-block; line-height: 1.2; color: #fff; background-image: -ms-linear-gradient(0deg, #009de6 0%, #005393 100%); padding: 0.625rem 1.25rem 0.5625rem; padding-right: 1.5625rem; position: relative; } .btn_i::after, .btn_i::before, .btn::after, .btn::before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid #fff; border-right: 0.125rem solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .btn_i::after, .btn::after { right: 0.5rem; } @media (min-width: 768px), print { .btn_i::after, .btn::after { right: 0.75rem; } } .btn_i::before, .btn::before { right: 0.75rem; } @media (min-width: 768px), print { .btn_i::before, .btn::before { right: 1.0625rem; } } @media (hover: hover) { .btn_i:hover, .btn:hover { color: #e8f1f5; } .btn_i:hover::after, .btn_i:hover::before, .btn:hover::after, .btn:hover::before { border-top-color: #e8f1f5; border-right-color: #e8f1f5; } } .btn_i { padding: 1.25rem 1.875rem 1.1875rem 1.25rem; } @media (min-width: 768px), print { .btn_i { font-size: 1.5625rem; padding: 0.9375rem 2.5rem 0.875rem 1.25rem; } } @media (min-width: 768px), print { .btn_i span { font-size: 75%; margin-top: 0.125rem; display: block; } } .arrowLL_r { display: block; line-height: 1.2; padding-left: 15px; text-decoration: underline; position: relative; } .arrowLL_r::after, .arrowLL_r::before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; width: 6px; height: 6px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .arrowLL_r::after { left: 0; } .arrowLL_r::before { left: 4px; } @media (hover: hover) { .arrowLL_r:hover { text-decoration: none; } } .tbl_price, .tbl_mri { width: 100%; } .tbl_price th, .tbl_mri th, .tbl_price td, .tbl_mri td { padding: 0.625rem 0.5rem; border: 1px solid #cccccc; } @media (min-width: 768px), print { .tbl_price th, .tbl_mri th, .tbl_price td, .tbl_mri td { padding: 1.25rem 0.9375rem; } } .tbl_price th, .tbl_mri th { font-weight: normal; text-align: left; } .tbl_price { width: 100%; table-layout: fixed; } .tbl_price th, .tbl_price td { font-size: 75%; } @media (min-width: 768px), print { .tbl_price th, .tbl_price td { font-size: 90%; } } .tbl_price th { background-color: #fcfcfc; } .tbl_price th:not(.mid) { width: 70%; } @media (min-width: 768px), print { .tbl_price th:not(.mid) { width: 75%; } } .tbl_price td { word-break: break-all; } .tbl_price td span { display: inline-block; font-size: inherit; } .tbl_mri { table-layout: auto; } .tbl_mri th { text-align: center; } .logo { max-width: 18.5625rem; } @media (min-width: 768px), print { .logo { width: 100%; } } .logo a { display: block; background: url("../img/logo.png") 50% 50%/contain no-repeat border-box; height: 0; padding-top: 28.6195286195%; text-indent: 100%; white-space: nowrap; overflow: hidden; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { .logo a { background: url("../img/logo@2x.png") 50% 50%/contain no-repeat border-box; } } @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) { .logo a { background: url("../img/logo@3x.png") 50% 50%/contain no-repeat border-box; } } .header { padding-top: 0.75rem; padding-bottom: 0.625rem; } @media (min-width: 768px), print { .header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 1.125rem; padding-bottom: 1.25rem; } } .header_main { width: 70%; } @media (min-width: 768px), print { .header_main { width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 22.8461538462%; flex: 0 0 22.8461538462%; } } .header_extra { text-align: center; } @media (min-width: 768px), print { .header_extra { -webkit-box-flex: 1; -ms-flex: 1 1 33.0769230769%; flex: 1 1 33.0769230769%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; text-align: left; } } @media (min-width: 768px), print { .header_sub { -webkit-box-flex: 0; -ms-flex: 0 0 40.3846153846%; flex: 0 0 40.3846153846%; } } .header_sub .header_sub_item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header_sub .header_sub_item .acc, .header_sub .header_sub_item .yyk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 15.625rem; height: 2.5rem; } @media (min-width: 768px), print { .header_sub .header_sub_item .acc, .header_sub .header_sub_item .yyk { height: 4.3125rem; } } .header_sub .header_sub_item .acc { max-width: 42%; } @media (min-width: 768px), print { .header_sub .header_sub_item .acc { max-width: none; } } .header_sub .header_sub_item .yyk_but { max-width: 55%; } .header_sub .header_sub_item .yyk { max-width: 100%; } .tel { display: inline-block; line-height: 1; font-size: 1.125rem; color: #686666; } @media (min-width: 768px), print { .tel { font-size: 1.25rem; } } .tel::before { font-weight: bold; } @media (min-width: 768px), print { .tel::before { font-size: 1.75rem; } } .hte { line-height: 1; margin-bottom: 0.1875rem; } @media (min-width: 768px), print { .hte { margin-bottom: 0.625rem; } } .hte .tel { letter-spacing: 0.1875rem; } .adr { font-size: 0.75rem; line-height: 1.3; margin-bottom: 0.5rem; } @media (min-width: 768px), print { .adr { letter-spacing: 0.0625rem; margin-bottom: 0; } } .acc { line-height: 1.5; color: #009be4; font-size: 0.625rem; font-weight: bold; border: 0.125rem solid #009be4; } @media (min-width: 768px), print { .acc { font-size: 0.875rem; } } .yyk { display: inline-block; text-align: center; font-size: 0.875rem; line-height: 1.1; color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, from(#009de6), to(#005393)); background-image: linear-gradient(0deg, #009de6 0%, #005393 100%); background-image: -ms-linear-gradient(0deg, #009de6 0%, #005393 100%); } @media (min-width: 768px), print { .yyk { font-size: 1.0625rem; line-height: 1.2; } } .yyk::after { font-family: "fontello"; content: '\e852'; font-size: 1rem; margin-left: 0.5rem; } @media (min-width: 768px), print { .yyk::after { margin-left: 0.625rem; } } #nav { position: fixed; z-index: 1030; top: 3.875rem; right: 0px; width: 100%; } @media (min-width: 768px), print { #nav { position: static; background: #e8f1f5; } } .gnav { display: none; background: #009be4; padding-left: 0.625rem; padding-right: 0.3125rem; padding-top: 0.625rem; padding-bottom: 0.375rem; } .gnav::before, .gnav::after { content: ''; display: block; clear: both; } @media (min-width: 768px), print { .gnav { position: relative; background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 1 1340px; flex: 0 1 1340px; margin: 0 auto; padding: 0 1.25rem; max-width: 1340px; margin-bottom: 8.125rem; } .gnav::before, .gnav::after { content: none; } } .gnav .sp_global_nav_tit { width: calc(100% - 0.3125rem); color: #fff; background-color: #009be4; border-top: 1px solid #332d28; font-size: 110%; line-height: 1; letter-spacing: 0.1875rem; margin-top: 0.25rem; margin-bottom: 0.25rem; padding-top: 0.5rem; text-align: center; } .gnav > * { display: block; background-color: #fff; width: calc(50% - 0.3125rem); margin-right: 0.3125rem; margin-bottom: 0.3125rem; float: left; } @media (min-width: 768px), print { .gnav > * { background-color: transparent; float: none; margin-right: 0; margin-bottom: 0; width: auto; } } .che { width: calc(100% - 0.3125rem); } @media (min-width: 768px), print { .che { width: auto; } } .gnav > * a { display: block; text-align: center; line-height: 1; padding: 0.625rem 0; color: #686666; } @media (min-width: 321px) and (max-width: 360px) { .gnav > * a { font-size: 0.875rem; } } @media (max-width: 320px) { .gnav > * a { font-size: 0.8125rem; } } @media (min-width: 768px), print { .gnav > * a { color: #686666; padding: 0.9375rem 0; padding-right: 1.25rem; font-weight: bold; } .gnav > * a::after { font-family: "fontello"; content: '\e852'; font-size: 0.875rem; margin-left: 0.375rem; color: transparent; } } .gnav > * a span { font-size: 90%; } @media (min-width: 768px), print { .gnav > :nth-child(n+9) { display: none; } } @media (min-width: 768px) and (hover: hover), print and (hover: hover) { body.index .gnav > :first-child a, body.greeting .gnav > :nth-child(2) a, body.clinic .gnav > :nth-child(4) a, body.access .gnav > :nth-child(5) a, body.checkup .gnav > :nth-child(6) a, body.cooperation .gnav > :nth-child(7) a, a.sub.close, .gnav > * a:hover { color: #009be4; } body.index .gnav > :first-child a::after, body.greeting .gnav > :nth-child(2) a::after, body.clinic .gnav > :nth-child(4) a::after, body.access .gnav > :nth-child(5) a::after, body.checkup .gnav > :nth-child(6) a::after, body.cooperation .gnav > :nth-child(7) a::after, a.sub.close::after, .gnav > * a:hover::after { color: #009be4; } } .gnav > .treatment { display: none; } @media (min-width: 768px), print { .gnav > .treatment { display: block; } .gnav > .treatment .subnav { display: none; position: absolute; z-index: 1000; width: 100%; left: 0; top: 100%; padding: 1.25rem; border-radius: 0 0 0.1875rem 0.1875rem; background: rgba(255, 255, 255, 0.85) border-box; overflow: hidden; -webkit-box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.15) inset, 0 0.5rem 1rem rgba(0, 0, 0, 0.3); box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.15) inset, 0 0.5rem 1rem rgba(0, 0, 0, 0.3); text-shadow: 0 0.0625rem 0.0625rem rgba(255, 255, 255, 0.15); } } @media (min-width: 768px), print { .subnav_item .nav_index > * { margin-bottom: 1.25rem; } .subnav_item .nav_index > * a { padding-bottom: 0; padding-right: 0; } .subnav_item .nav_index > * a::after { content: none; } .subnav_item .nav_index > * a:hover { background-color: transparent; } } .sp_btn { height: 30px; display: block; font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'sans-serif'; position: relative; } .sp_btn > * { position: absolute; left: 0; right: 0; margin: auto; width: 2.0625rem; height: 0.25rem; background-color: #686666; display: block; -webkit-transition: background-color 0.1s linear; transition: background-color 0.1s linear; } .sp_btn > :nth-of-type(1) { top: 10px; -webkit-transition: -webkit-transform 0.2s linear; transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; } .sp_btn > :nth-of-type(2) { top: 20px; } .sp_btn > :nth-of-type(2)::after { content: 'MENU'; font-weight: bold; font-size: 0.5625rem; display: block; margin-top: 0.40625rem; color: #686666; } .sp_btn > :nth-of-type(3) { top: 0; -webkit-transition: -webkit-transform 0.2s linear; transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; } .sp_btn.active :nth-of-type(1) { top: 40%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sp_btn.active :nth-of-type(2) { background-color: transparent; } .sp_btn.active :nth-of-type(2)::after { content: 'close'; font-weight: bold; font-size: 0.6875rem; color: #686666; } .sp_btn.active :nth-of-type(3) { top: 40%; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } @media (min-width: 768px), print { .sp_btn { display: none; } } .mu { width: 3rem; text-align: center; position: fixed; z-index: 1030; top: 0.625rem; right: 0.3125rem; padding-top: 0.5rem; padding-bottom: 0.75rem; background: rgba(255, 255, 255, 0.85) border-box; overflow: hidden; border-radius: .3rem; -webkit-box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.15) inset, 0 0.5rem 1rem rgba(0, 0, 0, 0.3); box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.15) inset, 0 0.5rem 1rem rgba(0, 0, 0, 0.3); text-shadow: 0 0.0625rem 0.0625rem rgba(255, 255, 255, 0.15); } .mu::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: -10px -20px; z-index: -1; -webkit-filter: blur(20px); filter: blur(20px); } .mu a { color: #686666; } @media (min-width: 768px), print { .mu { display: none; } } .sidebar_nav { line-height: 1; display: none; } .sidebar_nav li a { display: block; padding: 1.25rem 0; border-bottom: 1px dashed #dad4c5; color: #333; } #sidebar_nav section { margin-bottom: 3.125rem; } #sidebar_nav section:first-child .sidebar_nav { display: block; } .section { margin-bottom: 3.125rem; } @media (min-width: 768px), print { .section { margin-bottom: 6.25rem; } } .section_item { margin-bottom: 3.125rem; } @media (min-width: 768px), print { .section_item { margin-bottom: 6.25rem; } } .section_item:last-child { margin-bottom: 0; } .box_b { margin-bottom: 2.5rem; } @media (min-width: 768px), print { .box_b { margin-bottom: 5rem; } } .tit_b { margin-bottom: 1.875rem; } @media (min-width: 768px), print { .tit_b { margin-bottom: 3.75rem; } } .txt_b, .txt_ls > * { margin-bottom: 1.5625rem; } @media (min-width: 768px), print { .txt_b, .txt_ls > * { margin-bottom: 1.25rem; } } .last_b > :last-child, .txt_ls > :last-child { margin-bottom: 0 !important; } .overview { padding-top: 2.1875rem; background: #f8f9fb; } @media (min-width: 768px), print { .overview { padding-top: 6.25rem; } } .overview_inner { margin-bottom: 1.875rem; } @media (min-width: 768px), print { .overview_inner { margin-bottom: 5rem; } } .overview_inner .overviewL { width: 100%; } @media (min-width: 768px), print { .overview_inner .overviewL { width: 25%; } } .overview_inner .overviewC { width: 100%; margin-bottom: 1.25rem; } @media (min-width: 768px), print { .overview_inner .overviewC { width: 33.6923076923%; } } .overview_inner .overviewR { width: 100%; } @media (min-width: 768px), print { .overview_inner .overviewR { width: 38.4615384615%; } } .clinic_name .logo { margin: 0 auto; margin-bottom: 0.625rem; } @media (min-width: 768px), print { .clinic_name .logo { margin-bottom: 1.25rem; margin-left: 0; } } .tbl_gaiyo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 768px), print { .tbl_gaiyo { margin-bottom: 1.25rem; } } .tbl_gaiyo dt, .tbl_gaiyo dd { width: 100%; line-height: 1; } @media (min-width: 768px), print { .tbl_gaiyo dt, .tbl_gaiyo dd { font-size: 0.875rem; border-bottom: 2px solid #c9d2e3; } } .tbl_gaiyo dt { color: #fff; background-color: #009be4; padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: center; } @media (min-width: 768px), print { .tbl_gaiyo dt { width: 18%; color: #5e9bd9; background-color: transparent; padding: 0; text-align: left; border-bottom-color: #5e9bd9; } } .tbl_gaiyo dd { padding: 0.5rem 0 1.25rem 0.625rem; line-height: 1.5; color: #686666; } @media (min-width: 768px), print { .tbl_gaiyo dd { width: calc(100% - 18%); padding-left: 0.8125rem; } } @media (min-width: 768px), print { .tbl_gaiyo dt, .tbl_gaiyo dd { padding-top: 0.9375rem; padding-bottom: 0.3125rem; line-height: 1.3; } } .footer { padding-top: 1.25rem; } @media (min-width: 768px), print { .footer { padding-top: 2.8125rem; } } .footer_nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1; margin-bottom: 0.0625rem; } @media (min-width: 768px), print { .footer_nav { margin-bottom: 0.3125rem; } .footer_nav:last-of-type { margin-bottom: 1.25rem; } } .footer_nav > * { position: relative; } .footer_nav > *::before { position: absolute; content: ''; left: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 0.625rem; background: #686666; } @media (min-width: 768px), print { .footer_nav > *::before { height: 0.875rem; } } .footer_nav > *:first-child::before { content: none; } .footer_nav > *:last-child::after { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 0.625rem; background: #686666; } @media (min-width: 768px), print { .footer_nav > *:last-child::after { height: 0.875rem; } } .footer_nav > * a { display: inline-block; padding: 0.5rem 0.375rem; font-size: 0.625rem; color: #686666; -webkit-transition: .3s; transition: .3s; word-break: break-all; } @media (hover: hover) { .footer_nav > * a:hover { text-decoration: none; color: #2dade9; opacity: 0.8; } } @media (min-width: 768px), print { .footer_nav > * a { padding: 0.3125rem 0.875rem; font-size: 0.875rem; } } .footer_nav > * a span { font-size: inherit; } .footer_copy { padding-bottom: 50px; } @media (min-width: 768px), print { .footer_copy { padding-bottom: 2.1875rem; } } .copy { display: block; padding: 0.5rem; color: #686666; } @media (min-width: 768px), print { .copy { padding-top: 0.625rem; padding-bottom: 0.625rem; } } .copy a { color: inherit; position: relative; display: inline-block; -webkit-transition: 0.85s; transition: 0.85s; } .copy a::after { position: absolute; bottom: -0.0625rem; left: 50%; content: ''; width: 0; height: 1px; background-color: #2dade9; -webkit-transition: 0.85s; transition: 0.85s; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (hover: hover) { .copy a:hover::after { width: 100%; } } @media (hover: hover) { .copy a:hover { color: #2dade9; } } .pageup { display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; background: url("../img/pagetop.png") center center/2.0833333333rem 2.0833333333rem no-repeat; width: 2.0833333333rem; height: 2.0833333333rem; } @media (min-width: 768px), print { .pageup { display: block; background-size: 3.125rem 3.125rem; width: 3.125rem; height: 3.125rem; } } #pageup { display: none; } @media (min-width: 768px), print { #pageup { position: fixed; z-index: 1030; margin: 0; width: auto; right: 0; bottom: 0; } } .pageup_sp { display: block; position: absolute; top: -32px; right: 6px; } .tel_up { position: fixed; bottom: 0; z-index: 1030; } @media (min-width: 768px), print { .tel_up { display: none; } } .tel_up_item { display: table; table-layout: fixed; width: 100%; height: 50px; padding-right: 0.3125rem; padding-left: 0.3125rem; background: rgba(255, 255, 255, 0.75) border-box; overflow: hidden; -webkit-box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.15) inset, 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.3); box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.15) inset, 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.3); } .tel_up_item::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: -10px -20px; z-index: -1; -webkit-filter: blur(20px); filter: blur(20px); } .tel_up_item > * { display: table-cell; vertical-align: middle; } .tel_up_item > :first-child { width: 59%; padding-right: 1%; } .tel_up_item > :first-child .tel { font-size: 1.5rem; } @media (min-width: 361px) and (max-width: 375px) { .tel_up_item > :first-child .tel { font-size: 1.375rem; } } @media (min-width: 321px) and (max-width: 360px) { .tel_up_item > :first-child .tel { font-size: 1.25rem; } } @media (max-width: 320px) { .tel_up_item > :first-child .tel { font-size: 1.125rem; } } .tel_up_item > :last-child { width: 40%; } .tel_up_item > :last-child .yyk { width: 100%; padding: 0.5rem 0; font-size: 1rem; } .tel_up_item > :last-child .yyk::after { font-size: 0.875rem; margin-left: 0.3125rem; } .news { margin-bottom: 1.875rem; } @media (min-width: 768px), print { .news { margin-bottom: 0; } } .news_item { padding-right: 1.5625rem; height: 20.9375rem; overflow-y: scroll; } @media (min-width: 768px), print { .news_item { height: 31.75rem; } } .news_title { font-size: 1.125rem; font-weight: bold; line-height: 1.4; color: #005393; margin-bottom: 0.1875rem; } .news_body { line-height: 1.7; margin-bottom: 1.25rem; } @media (min-width: 768px), print { .news_body { margin-bottom: 1.875rem; } } .news_body a { color: #005393; background-color: transparent; -webkit-transition: .3s; transition: .3s; word-break: break-all; text-decoration: underline; } @media (hover: hover) { .news_body a:hover { text-decoration: none; color: #2dade9; background-color: transparent; opacity: 0.8; } } @media (hover: hover) { .news_body a:hover { text-decoration: none; } } .news_body a:not([class])[href^='tel:'] { text-decoration: none; color: #686666; } .point > :last-child { margin-bottom: 0 !important; } .point > * { width: 18.75rem; margin-right: auto; margin-left: auto; margin-bottom: 0.3125rem; } @media (min-width: 768px), print { .point { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .point > * { width: 24.85%; margin-right: 0.2%; margin-left: 0; margin-bottom: 0.1875rem; } .point > :nth-child(4n + 4) { margin-right: 0; } .point > :nth-last-child(-n+4) { margin-bottom: 0; } } .point_i { background: url("../img/point_01.jpg"); } .point_j { background: url("../img/point_02.jpg"); } .point_k { background: url("../img/point_03.jpg"); } .point_l { background: url("../img/point_04.jpg"); } .point_m { background: url("../img/point_05.jpg"); } .point_n { background: url("../img/point_06.jpg"); } .point_o { background: url("../img/point_07.jpg"); } .point_p { background: url("../img/point_08.jpg"); } .point > * { background-position: center top; background-size: 100% auto; background-repeat: no-repeat; background-color: #e8f1f5; padding: 0.9375rem; padding-top: 22.5rem; padding-bottom: 1.875rem; line-height: 1.6; position: relative; } @media (min-width: 768px), print { .point > * { font-size: 1.0625rem; padding: 1.6875rem 1.875rem; padding-top: 24.6875rem; } } @media (min-width: 969px) and (max-width: 1200px) { .point > * { padding-top: 30%; } } @media (min-width: 869px) and (max-width: 968px) { .point > * { padding-top: 30%; } } @media (min-width: 768px) and (max-width: 868px) { .point > * { padding-top: 30%; } } .nav_index { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 320px; margin: 0 auto; padding: 0 0.625rem; } @media (min-width: 768px), print { .nav_index { -webkit-box-flex: 0; -ms-flex: 0 1 1340px; flex: 0 1 1340px; margin: 0 auto; padding: 0 1.25rem; max-width: 1340px; } } .nav_index > :last-child { margin-bottom: 0 !important; } .nav_index > * { width: 49%; margin-right: calc(100% - 49%*2); margin-bottom: 1.5625rem; } @media (min-width: 768px), print { .nav_index > * { width: 20%; margin-right: 0; margin-bottom: 4.6875rem; } } .nav_index > :nth-child(2n + 2) { margin-right: 0; } .nav_index > :nth-last-child(-n+2) { margin-bottom: 0; } @media (min-width: 768px), print { .nav_index > :nth-child(4n + 4) { margin-right: 0; } .nav_index > :nth-last-child(-n+4) { margin-bottom: 0; } } .nav_index > * { text-align: center; position: relative; } .nav_index > * a { display: block; font-size: 0.9375rem; font-weight: bold; color: #005393; text-align: center; padding-top: 9.0625rem; line-height: 1.3; } @media (min-width: 768px), print { .nav_index > * a { padding-top: 11.875rem; font-size: 1.125rem; } } .nav_index > * a::before { width: 8.5rem; height: 8.5rem; border-radius: 50%; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; content: ''; } @media (min-width: 768px), print { .nav_index > * a::before { width: 11.25rem; height: 11.25rem; } } .nav_index > * a span { display: inline-block; } @media (min-width: 768px), print { .nav_index > * a span { font-size: 0.875rem; } } a.sa::before { background: url("../img/index_nav_01.png"); background-position: center top 1.875rem; background-size: 4rem 4.25rem; } @media (min-width: 768px), print { a.sa::before { background-position: center top 2.4375rem; background-size: 6rem 6.375rem; } } a.sb::before { background: url("../img/index_nav_02.png"); background-position: center top 2.875rem; background-size: 4.1666666667rem 2.8333333333rem; } @media (min-width: 768px), print { a.sb::before { background-position: center top 3.5rem; background-size: 6.25rem 4.25rem; } } a.sc::before { background: url("../img/index_nav_03.png"); background-position: center top 2rem; background-size: 3.5833333333rem 4.1666666667rem; } @media (min-width: 768px), print { a.sc::before { background-position: center top 2.5rem; background-size: 5.375rem 6.25rem; } } a.sd::before { background: url("../img/index_nav_04.png"); background-position: center top 2rem; background-size: 3.5rem 4.1666666667rem; } @media (min-width: 768px), print { a.sd::before { background-position: center top 2.5rem; background-size: 5.25rem 6.25rem; } } a.se::before { background: url("../img/index_nav_05.png"); background-position: center top 2rem; background-size: 4.1666666667rem 4rem; } @media (min-width: 768px), print { a.se::before { background-position: center top 2.5rem; background-size: 6.25rem 6rem; } } a.sf::before { background: url("../img/index_nav_06.png"); background-position: center top 1.875rem; background-size: 3.375rem 4.1666666667rem; } @media (min-width: 768px), print { a.sf::before { background-position: center top 2.4375rem; background-size: 5.0625rem 6.25rem; } } a.sg::before { background: url("../img/index_nav_07.png"); background-position: center top 2rem; background-size: 2.5833333333rem 4.2083333333rem; } @media (min-width: 768px), print { a.sg::before { background-position: center top 2.375rem; background-size: 3.875rem 6.3125rem; } } a.sh::before { background: url("../img/index_nav_08.png"); background-position: center top 2rem; background-size: 2.4166666667rem 4.1666666667rem; } @media (min-width: 768px), print { a.sh::before { background-position: center top 2.5rem; background-size: 3.625rem 6.25rem; } } a.si::before { background: url("../img/index_nav_09.png"); background-position: center top 2.3125rem; background-size: 4.1666666667rem 3.6666666667rem; } @media (min-width: 768px), print { a.si::before { background-position: center top 2.8125rem; background-size: 6.25rem 5.5rem; } } a.sj::before { background: url("../img/index_nav_10.png"); background-position: center top 2rem; background-size: 3.6666666667rem 4.1666666667rem; } @media (min-width: 768px), print { a.sj::before { background-position: center top 2.5rem; background-size: 5.5rem 6.25rem; } } a.sk::before { background: url("../img/index_nav_11.png"); background-position: center top 2.0625rem; background-size: 4.1666666667rem 4.1666666667rem; } @media (min-width: 768px), print { a.sk::before { background-position: center top 2.5rem; background-size: 6.25rem 6.25rem; } } a.sl::before { background: url("../img/index_nav_12.png"); background-position: center top 2.25rem; background-size: 3.9583333333rem 3.9166666667rem; } @media (min-width: 768px), print { a.sl::before { background-position: center top 2.6875rem; background-size: 5.9375rem 5.875rem; } } a.sar::before { background: url("../img/index_nav_14.png"); background-position: center top 2.25rem; background-size: 4.1666666667rem 4.1666666667rem; } @media (min-width: 768px), print { a.sar::before { background-position: center top 2.875rem; background-size: 6.25rem 6.25rem; } } a.sm::before { background: url("../img/index_nav_13.png"); background-position: center top 2rem; background-size: 3rem 4.1666666667rem; } @media (min-width: 768px), print { a.sm::before { background-position: center top 2.5rem; background-size: 4.5rem 6.25rem; } } .nav_index > * a::before { background-repeat: no-repeat; background-color: #2dade9; } @media (hover: hover) { .nav_index > * a:hover { color: #009be4; } .nav_index > * a:hover::before { background-color: #005393; } } .lnk { text-decoration: underline; color: #686666; } .lnk:hover { text-decoration: none; } body:not(.index) main a:not([class]), body:not(.index) main a.scr { text-decoration: underline; } body:not(.index) main a:not([class]):hover, body:not(.index) main a.scr:hover { text-decoration: none; } body:not(.index) main .anchor_link a.scr, body:not(.index) main .anchor_link_i a.scr, body:not(.index) main .anchor_link_j a.scr { text-decoration: none; } body:not(.index) main .anchor_link a.scr:hover, body:not(.index) main .anchor_link_i a.scr:hover, body:not(.index) main .anchor_link_j a.scr:hover { text-decoration: none; } body:not(.index) main a:not([class])[href^='tel:'] { text-decoration: none; color: #686666; } .events_n { pointer-events: none; } body.index .keyvsl { background: url("../img/index_keyvsl01.jpg") center center/cover no-repeat border-box; min-height: 11.5625rem; margin-bottom: 1.25rem; } @media (min-width: 768px), print { body.index .keyvsl { min-height: 31.25rem; margin-bottom: 0; } } body:not(.index) .keyvsl { background: url("../img/keyvsl_sp.png") center center/100% auto no-repeat border-box; min-height: 6.25rem; margin-bottom: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 768px), print { body:not(.index) .keyvsl { background: url("../img/keyvsl.png") center center/cover no-repeat border-box; min-height: 12.5rem; margin-bottom: 0; } } .keyvsl_info { display: inline-block; line-height: 1; background: #005595; color: #fff; font-size: 0.75rem; font-weight: bold; padding: 0.375rem 0.75rem; } @media (min-width: 768px), print { .keyvsl_info { font-size: 1.25rem; padding: 0.5rem 0.9375rem; letter-spacing: 0.25rem; } } .keyvsl_control { padding: 0 0.625rem; text-align: center; padding-top: 6.5625rem; position: relative; } @media (min-width: 768px), print { .keyvsl_control { -webkit-box-flex: 0; -ms-flex: 0 1 1340px; flex: 0 1 1340px; margin: 0 auto; padding: 0 1.25rem; max-width: 1340px; } } @media (min-width: 768px), print { .keyvsl_control { padding-top: 17.5rem; } } .keyvsl_control p { margin-bottom: 0; } .announcement_box { position: absolute; top: 4.375rem; left: 0; right: 0; margin-left: auto; margin-right: auto; } @media (min-width: 768px), print { .announcement_box { top: 13.4375rem; } } .announcement { display: inline-block; line-height: 1; background: #2dade9; color: #fff; font-size: 1.125rem; font-weight: bold; padding: 0.3125rem 0.75rem 0.25rem; } @media (min-width: 768px), print { .announcement { font-size: 1.875rem; letter-spacing: 0.3125rem; padding: 0.375rem 0.9375rem 0.25rem; padding-left: 2.0625rem; } } .announcement span { font-size: 0.75rem; } @media (min-width: 768px), print { .announcement span { font-size: 1.25rem; } } .news_covid { padding: 0 0.625rem; margin-top: 1.875rem; margin-bottom: 2.5rem; } @media (min-width: 768px), print { .news_covid { -webkit-box-flex: 0; -ms-flex: 0 1 1340px; flex: 0 1 1340px; padding: 0 1.25rem; max-width: 1340px; margin-left: auto; margin-right: auto; margin-top: 8.125rem; margin-bottom: 8.125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .news_covid > * { width: 46.1538461538%; margin-right: calc(100% - 46.1538461538%*2); } .news_covid > :nth-child(2n + 2) { margin-right: 0; } .news_covid > :nth-last-child(-n+2) { margin-bottom: 0; } } .covid_tit { background: #2dade9; color: #fff; text-align: center; font-size: 1.125rem; line-height: 1; padding-top: 1.25rem; padding-bottom: 1.25rem; } @media (min-width: 768px), print { .covid_tit { font-size: 1.5rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } } .covid_tit::before { font-family: "fontello"; content: '\e853'; color: #f2ee5f; font-size: 1.375rem; font-weight: 400; margin-right: 0.625rem; } @media (min-width: 768px), print { .covid_tit::before { font-size: 2rem; } } .covid { background: #e8f1f5; padding: 1.25rem 0.9375rem; } @media (min-width: 768px), print { .covid { padding: 2.5rem 3.125rem; } } .covid_txt { line-height: 1.6; } .covid_ls { margin-bottom: 1.5625rem; } @media (min-width: 768px), print { .covid_ls { margin-bottom: 1.25rem; } } .covid_ls li { background: #fff; margin-bottom: 0.3125rem; border-left: 0.9375rem solid #2dade9; font-size: 1.125rem; font-weight: bold; line-height: 1.3; padding: 0.625rem 0.5rem 0.5rem 0.625rem; } @media (min-width: 768px), print { .covid_ls li { padding: 0.9375rem 0.75rem 0.625rem 0.9375rem; letter-spacing: 0.08125rem; } } .philosophy_box { padding: 0 0.625rem; margin-bottom: 1.875rem; } @media (min-width: 768px), print { .philosophy_box { -webkit-box-flex: 0; -ms-flex: 0 1 1340px; flex: 0 1 1340px; margin: 0 auto; padding: 0 1.25rem; max-width: 1340px; } } @media (min-width: 768px), print { .philosophy_box { position: relative; margin-bottom: 8.125rem; } } .philosophy_tit { color: #005393; line-height: 1; letter-spacing: 0.0625rem; background: url("../img/philosophy_tit.png") left center/2.2321428571rem 1.9821428571rem no-repeat border-box; padding: 0.625rem; padding-left: 2.8125rem; margin-bottom: 0.75rem; } @media (min-width: 768px), print { .philosophy_tit { width: 15.625rem; height: 13.875rem; background: url("../img/philosophy_tit.png") center center/15.625rem 13.875rem no-repeat border-box; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; color: #fff; letter-spacing: 0.3125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } } .philosophy_tit .osw { font-family: "Oswald", sans-serif; font-size: 1.5rem; margin-bottom: 0.625rem; } .philosophy_tit .tou { -webkit-flow-from: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "sans-serif"; -ms-flow-from: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "sans-serif"; flow-from: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "sans-serif"; font-size: 0.875rem; margin-left: 0.625rem; } @media (min-width: 768px), print { .philosophy_tit .tou { display: block; margin-top: 0.625rem; font-size: 1rem; font-weight: 100; margin-left: 0; } } .philosophy > :last-child { margin-bottom: 0 !important; } .philosophy > * { width: 100%; margin-bottom: 0.3125rem; min-height: 14.875rem; padding-top: 0.625rem; padding-bottom: 0.625rem; } @media (max-width: 767px) and (orientation: landscape) { .philosophy > * { max-width: 24.6875rem; margin-left: auto; margin-right: auto; } } @media (min-width: 768px), print { .philosophy { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .philosophy > * { width: 49.77%; margin-right: 0.46%; height: 24.4375rem; padding-top: 0; padding-bottom: 0; } .philosophy > :nth-child(2n + 2) { margin-right: 0; } .philosophy > :nth-last-child(-n+2) { margin-bottom: 0; } } .philosophy_i { background: url("../img/philosophy_01.jpg"); } .philosophy_j { background: url("../img/philosophy_02.jpg"); } .philosophy_k { background: url("../img/philosophy_03.jpg"); } .philosophy_l { background: url("../img/philosophy_04.jpg"); } .philosophy_i, .philosophy_j, .philosophy_k, .philosophy_l { background-position: center center; background-size: cover; background-repeat: no-repeat; background-clip: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 1.25rem; padding-right: 0.9375rem; } @media (min-width: 768px), print { .philosophy_i, .philosophy_j, .philosophy_k, .philosophy_l { padding-left: 6.875rem; padding-right: 6.875rem; } } .philosophy_item .tit { color: #fff; line-height: 1; display: table; margin-bottom: 0.3125rem; } .philosophy_item .tit > * { display: table-cell; vertical-align: bottom; } .philosophy_item .tit .sub { font-family: "Oswald", sans-serif; font-size: 2.5rem; padding-right: 0.375rem; } @media (min-width: 768px), print { .philosophy_item .tit .sub { font-size: 3.4375rem; letter-spacing: 0.1875rem; padding-right: 0.9375rem; } } .philosophy_item .tit .main { font-size: 1rem; font-weight: 500; line-height: 1.1; } @media (min-width: 768px), print { .philosophy_item .tit .main { font-size: 1.4375rem; line-height: 1.2; } } .philosophy_item .txt { margin-bottom: 0.625rem; color: #005393; font-size: 0.875rem; font-weight: bold; line-height: 1.3; } @media (min-width: 768px), print { .philosophy_item .txt { font-size: 1.125rem; margin-bottom: 1.5625rem; } } .philosophy_item .txt .color { color: #f0ed61; font-size: 1rem; } @media (min-width: 768px), print { .philosophy_item .txt .color { font-size: 1.25rem; } } .philosophy_item .lk > * { display: inline-block; line-height: 1; } .philosophy_item .lk > * a { background: #f0ed61; color: color_sub; font-size: 0.875rem; font-weight: bold; display: block; padding: 0.25rem 0.625rem; padding-right: 0.375rem; margin-bottom: 0.5rem; margin-right: 0.3125rem; } @media (min-width: 768px), print { .philosophy_item .lk > * a { font-size: 1rem; padding: 0.375rem 1.875rem; padding-right: 0.9375rem; margin-bottom: 0.625rem; } } .philosophy_item .lk > * a::after { font-family: "fontello"; content: '\e852'; font-size: 0.6875rem; margin-left: 0.25rem; } @media (min-width: 768px), print { .philosophy_item .lk > * a::after { font-size: 0.8125rem; margin-left: 0.375rem; } } .index_timetable_map { padding: 0 0.625rem; margin-top: 3.125rem; } .index_timetable_map .index_timetable { margin-bottom: 1.5625rem; } .index_timetable_map .index_map { margin-bottom: 1.5625rem; } @media (min-width: 768px), print { .index_timetable_map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 1.25rem; max-width: 1340px; margin-left: auto; margin-right: auto; margin-bottom: 8.125rem; } .index_timetable_map > * { width: 48%; margin-bottom: 0; } .index_timetable_map .index_map img { width: 80%; margin: 0 auto; } } .index_treatment { background: #e8f1f5; padding-top: 4.0625rem; padding-bottom: 3.875rem; } @media (min-width: 768px), print { .index_treatment { padding-top: 8.125rem; padding-bottom: 7.8125rem; } } .index_bn { padding: 0 0.625rem; padding-top: 0.625rem; padding-bottom: 1.25rem; } @media (min-width: 768px), print { .index_bn { -webkit-box-flex: 0; -ms-flex: 0 1 1340px; flex: 0 1 1340px; margin: 0 auto; padding: 0 1.25rem; max-width: 1340px; } } @media (min-width: 768px), print { .index_bn { padding-top: 0; padding-bottom: 0.625rem; } } .index_oath_bg { background: url("../img/index_oath_bg.png") center top/cover no-repeat border-box; padding-top: 2.1875rem; padding-bottom: 2.5rem; margin-bottom: 1.875rem; } @media (min-width: 768px), print { .index_oath_bg { padding-top: 8.125rem; padding-bottom: 7.5rem; margin-bottom: 7.5rem; } } .index_oath_bg .oath:last-child .oath_item { margin-bottom: 0; } .oath { background-image: -webkit-gradient(linear, left bottom, left top, from(#abd6ee), to(#f0faff)); background-image: linear-gradient(0deg, #abd6ee 0%, #f0faff 100%); background-image: -ms-linear-gradient(0deg, #abd6ee 0%, #f0faff 100%); } .oath_item { padding: 0 0.625rem; position: relative; padding-top: 2.5rem; padding-bottom: 2.5rem; margin-bottom: 1.5625rem; } @media (min-width: 768px), print { .oath_item { -webkit-box-flex: 0; -ms-flex: 0 1 1340px; flex: 0 1 1340px; margin: 0 auto; padding: 0 1.25rem; max-width: 1340px; } } @media (min-width: 768px), print { .oath_item { padding-top: 5rem; padding-bottom: 4.875rem; margin-bottom: 3.125rem; } } .oath_item .tit { font-family: "Oswald", sans-serif; font-size: 3.125rem; color: #fff; display: inline-block; line-height: 1; position: absolute; right: 0.625rem; bottom: 0.625rem; } @media (min-width: 768px), print { .oath_item .tit { font-size: 6.25rem; right: 1.25rem; bottom: 1.875rem; } } .oath_item .txt { margin-bottom: 0; line-height: 1.6; font-weight: bold; } @media (min-width: 768px), print { .oath_item .txt { font-size: 1.625rem; letter-spacing: 0.125rem; } } .index_point { padding: 0 0.625rem; margin-bottom: 3.4375rem; } @media (min-width: 768px), print { .index_point { -webkit-box-flex: 0; -ms-flex: 0 1 1340px; flex: 0 1 1340px; margin: 0 auto; padding: 0 1.25rem; max-width: 1340px; } } @media (min-width: 768px), print { .index_point { margin-bottom: 8.125rem; } } #clinicslide, #clinicslide01 { margin-bottom: 8.0rem; } #clinicslide img, #clinicslide p, #clinicslide01 img, #clinicslide01 p { display: none; } .sp-layer.sp-black.sp-padding { text-align: center; font-size: 1.75rem; } .sp-selected-thumbnail { border: 4px solid #000; } .three_vows { width: 97%; border: 2px solid #2dade9; border-radius: 10px; background-color: #edf6fb; margin: 0 auto 3rem; padding: 15px; } @media (min-width: 768px), print { .three_vows { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 5rem auto; padding: 15px 20px; } } .three_vows .ttl { font-size: 1.5rem; font-weight: bold; text-align: center; color: #005595; position: relative; } @media (min-width: 768px), print { .three_vows .ttl { font-size: 1.9rem; } } .three_vows .ttl::before { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 3.875rem; height: 0.125rem; background: #009be4; content: ''; } .three_vows ul li { font-size: 100%; font-weight: bold; padding-left: 1.2em; text-indent: -1.2em; } @media (min-width: 768px), print { .three_vows ul li { font-size: 110%; } } .three_vows ul li span { font-weight: bold; font-size: 110%; color: #2dade9; } @media (min-width: 768px), print { .three_vows ul li span { font-size: 120%; } } .info_box { width: 97%; padding: 10px 5px; border: 2px solid #005595; border-radius: 15px; margin: 0 auto 3rem; } @media (min-width: 768px), print { .info_box { width: 85%; padding: 15px 20px 0; margin: 5rem auto; } } .info_box .ttl { background-color: #005595; color: #ffffff; padding: 5px; text-align: center; font-weight: bold; font-size: 1.2rem; } @media (min-width: 768px), print { .info_box .ttl { font-size: 1.8rem; } } .info_box .txt { font-size: 1.2rem; } .info_box span { float: right; padding-right: 20px; font-size: 1.2rem; } .info_box.toggle_wrap .ttl { margin-bottom: 0; } .info_box.toggle_wrap .ttl::before { content: '▼'; padding: 0 0.4em 0 0; } .info_box.toggle_wrap .ttl.active::before { content: '▲'; } @media (min-width: 768px), print { .info_box.toggle_wrap .ttl { margin-bottom: 1.5625rem; cursor: pointer; } } @media (min-width: 768px) and (min-width: 768px), print and (min-width: 768px), print and (min-width: 768px), print { .info_box.toggle_wrap .ttl { margin-bottom: 1.25rem; } } .info_box.toggle_wrap .hide_box { margin-top: 1.3em; } @media (min-width: 768px), print { .info_box.toggle_wrap .hide_box { margin-top: 0; } } .has-memo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 1.25rem; } @media (min-width: 768px), print { .has-memo { -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; padding-top: 1rem; padding-bottom: 1.25rem; margin-top: -1.8rem; } } .has-memo > span { font-weight: bold; font-size: 0.875rem; color: #e60d0d; } @media (min-width: 768px), print { .has-memo > span { font-size: initial; } } .arrhythmia_pic { text-align: center; } .arrhythmia_pic figure { margin: 0 0 1.5rem; } .arrhythmia_pic figure img { max-width: 100%; height: auto; } @media (min-width: 768px), print { .arrhythmia_pic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .arrhythmia_pic figure { margin: 0 2.5rem 1.5rem; } } /*TOPページ　モーダルウィンドウ*/ #c-modal_bg { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; cursor: pointer; background: rgba(0, 0, 0, 0.6); } #c-modal { position: fixed; top: 50%; left: 50%; z-index: 9999; width: 90%; max-width: 800px; height: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #FFF; padding: 20px; } #c-modal ul { list-style: none; text-align: center; margin: 0; padding: 0; } #c-modal ul li { text-align: center; } #c-modal .tit_03 { margin-bottom: .8rem; } #c-modal p { margin-bottom: 1.5rem; } #c-modal_close { padding: 10px; cursor: pointer; text-align: center; background-color: #005595; color: #fff; margin: 0 auto 20px; font-weight: normal; letter-spacing: 0.1rem; width: 40%; max-width: 200px; } @media print, screen and (min-width: 46.875em) { #c-modal .tit_03 { margin-bottom: 1.0rem; } #c-modal p { margin-bottom: 1.8rem; font-size: 100%; line-height: 1.5; } } .waku { background: #fee9f3; margin: 0 1rem; } @media (min-width: 768px), print { .waku { margin: 0 auto; max-width: 1340px; } } .waku .waku_tit { background: #d51a74; color: #fff; text-align: center; font-size: 1.125rem; line-height: 1; padding-top: 1.25rem; padding-bottom: 1.25rem; } @media (min-width: 768px), print { .waku .waku_tit { font-size: 1.5rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } } .waku dd { padding: 1.25rem; } .lst_ul { line-height: 1.4; margin: 1.0rem 0; } .lst_ul > li { padding: 0 0 0 1.4em; position: relative; } .lst_ul > li:not(:last-child) { margin: 0 0 1.0rem; } .lst_ul > li::before { content: "●"; color: #d51a74; position: absolute; left: 0; } .lst_ul.kome > li::before { content: "※"; color: #2dade9; } /*# sourceMappingURL=style.css.map */