@charset "UTF-8"; @import url("fontawesome.min.css"); /*@import url('jquery.mmenu.all.css') screen and (max-width: 959px);*/ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=Quicksand:wght@300;400;500;600;700&family=Roboto:wght@400;500&display=swap"); /* line 89, ../scss/_module.scss */ .mixin-hensuTest { zoom: 1; overflow: hidden; } /* line 89, ../scss/_module.scss */ .mixin-hensuTest:after { display: block; content: ""; clear: both; } /* line 91, ../scss/_module.scss */ #page-top { overflow: hidden; text-indent: 100%; white-space: nowrap; } /* reset ----------------------------------------------------------------------------------*/ /* line 6, ../scss/_layout.scss */ html, body, #wrapper { width: 100%; max-height: 100%; } /* line 7, ../scss/_layout.scss */ body { -webkit-text-size-adjust: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; line-height: 1; word-break: break-all; font-display: swap; font-weight: 400; color: #313131; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 16px; font-size: 1rem; line-height: 2rem; } /*h1, h2, h3, h4, h5, h6, p, span, em, b, i, dl, dt, dd, ol, ul, li, tr, th, td, div{ letter-spacing:$base-letter-spacing; font-feature-settings: "pkna" 1;}*/ /* line 10, ../scss/_layout.scss */ h1, h2, h3, h4, h5, h6, p, span, em, b, i, dl, dt, dd, ol, ul, li, tr, th, td, div { letter-spacing: 0.05em; font-feature-settings: "palt" 1; } /* line 11, ../scss/_layout.scss */ ul li, ol li { display: inline-block; vertical-align: top; font-size: 16px; font-size: 1rem; line-height: 2rem; } /* line 12, ../scss/_layout.scss */ p, p a, div, ul, ol, li, li a, dl, dt, dt a, dd, dd a, section, span, em, i, strong, b { box-sizing: border-box; } /* line 13, ../scss/_layout.scss */ i { font-style: normal; } /* line 16, ../scss/_layout.scss */ h1, h2, h3, h4, h5, h6, strong, b { font-size: 100%; /*font-weight: normal;*/ } /* line 17, ../scss/_layout.scss */ h1, h2, h3, h4, h5, h6, p, span, em, b, i, dl, dt, dd, ol, ul, li, tr, th, td { margin: 0; padding: 0; border: none; vertical-align: baseline; background: transparent; } /* line 18, ../scss/_layout.scss */ div, object, iframe, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, small, sub, sup, var, fieldset, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: none; font-size: 100%; /*font-weight: normal;*/ vertical-align: baseline; background: transparent; } /* line 20, ../scss/_layout.scss */ img { vertical-align: top; line-height: 0; -webkit-backface-visibility: hidden; } /* line 21, ../scss/_layout.scss */ #wrapper img { width: 100%; height: auto; } /* line 22, ../scss/_layout.scss */ article, aside, details, figcaption, figure, footer, header, menu, nav, section, div, address, iframe, canvas, hr, textarea { display: block; /* line-height: 1;*/ } /* line 23, ../scss/_layout.scss */ a, label { cursor: pointer; } /* line 24, ../scss/_layout.scss */ blockquote { padding: 0; margin: 0; display: block; } /* line 25, ../scss/_layout.scss */ address, em { font-style: normal; } /* line 26, ../scss/_layout.scss */ hr { border: 0; margin: 0; padding: 0; } /* line 27, ../scss/_layout.scss */ ul, ol, li { list-style: none; } /* line 28, ../scss/_layout.scss */ table { border-collapse: collapse; } /*Android、Xperiaで途中改行されるバグfix*/ /*p { background-image:url(1px-transparent.gif);}*/ /* line 34, ../scss/_layout.scss */ .flexImg { overflow: hidden; position: relative; } /* line 35, ../scss/_layout.scss */ .flexImg img { width: 100% !important; height: 100% !important; object-fit: cover; font-family: 'object-fit: cover;'; } /* -------------------------------------------------------- layout -------------------------------------------------------- */ /* メイン設定 */ /* line 45, ../scss/_layout.scss */ #wrapper { text-align: center; background: #fff; } /* line 47, ../scss/_layout.scss */ .inner { width: 1000px; margin: auto; } /* line 49, ../scss/_layout.scss */ section { /* text-align:left;*/ } /* line 50, ../scss/_layout.scss */ .en { font-family: "Quicksand"; } /* header */ /* line 53, ../scss/_layout.scss */ header { border-top: 3px solid #ffac30; width: 100%; min-width: 1100px; position: relative; } /* line 54, ../scss/_layout.scss */ header #header { width: 90%; max-width: 1600px; min-width: 1100px; height: 100px; margin: auto; display: flex; justify-content: space-between; align-items: center; } /* line 55, ../scss/_layout.scss */ header #header h1, header #header #h01 { width: 345px; } /* gNav*/ /* line 60, ../scss/_layout.scss */ nav#grobalNav { padding-right: 180px; } /* line 61, ../scss/_layout.scss */ nav#grobalNav .spMenu { display: none; } /* line 63, ../scss/_layout.scss */ nav#grobalNav #menu ul { display: flex; justify-content: space-between; align-items: center; font-weight: 500; } /* line 64, ../scss/_layout.scss */ nav#grobalNav #menu ul li { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; } /* line 65, ../scss/_layout.scss */ nav#grobalNav #menu ul li:not(.home):not(.tel):not(.contact) a { padding: 15px 15px; } /* line 66, ../scss/_layout.scss */ nav#grobalNav #menu ul li a { color: #313131; } /* line 67, ../scss/_layout.scss */ nav#grobalNav #menu ul li.home { font-size: 18px; font-size: 1.125rem; line-height: 2.25rem; } /* line 68, ../scss/_layout.scss */ nav#grobalNav #menu ul li.home a { color: #ffac30; padding: 15px 5px 18px; } /* line 71, ../scss/_layout.scss */ nav#grobalNav #menu ul li.home a, nav#grobalNav #menu ul li.plan a, nav#grobalNav #menu ul li.training a { position: relative; } /* line 72, ../scss/_layout.scss */ nav#grobalNav #menu ul li.home a::after, nav#grobalNav #menu ul li.plan a::after, nav#grobalNav #menu ul li.training a::after { content: ""; width: 0%; height: 2px; background: #ffac30; display: block; transition: 0.5s; margin: auto; } /* line 73, ../scss/_layout.scss */ nav#grobalNav #menu ul li.home a:hover::after, nav#grobalNav #menu ul li.plan a:hover::after, nav#grobalNav #menu ul li.training a:hover::after { width: 100%; } /* line 76, ../scss/_layout.scss */ nav#grobalNav #menu ul li.tel { font-family: "Roboto"; font-size: 32px; font-size: 2rem; line-height: 4rem; letter-spacing: 0; margin-left: 20px; } /* line 78, ../scss/_layout.scss */ nav#grobalNav #menu ul li.tel i { color: #ffac30; font-size: 30px; font-size: 1.875rem; line-height: 3.75rem; transform: rotate(-25deg); position: relative; top: -3px; margin-right: 5px; } /* line 80, ../scss/_layout.scss */ nav#grobalNav #menu ul li.contact { position: absolute; top: 0; right: 0; width: 210px; height: 100%; } /* line 81, ../scss/_layout.scss */ nav#grobalNav #menu ul li.contact a { background: #ffac30; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; } /* line 82, ../scss/_layout.scss */ nav#grobalNav #menu ul li.contact a:hover { opacity: 0.7; } /* line 83, ../scss/_layout.scss */ nav#grobalNav #menu ul li.contact a em { font-size: 16px; font-size: 1rem; line-height: 2rem; display: flex; justify-content: space-between; align-items: center; } /* line 84, ../scss/_layout.scss */ nav#grobalNav #menu ul li.contact a em i { font-size: 20px; font-size: 1.25rem; line-height: 2.5rem; margin-right: 8px; } /* line 86, ../scss/_layout.scss */ nav#grobalNav #menu ul li.contact a span { font-size: 14px; font-size: 0.875rem; line-height: 1.75rem; font-weight: 600; } @media screen and (max-width: 1300px) { /* line 97, ../scss/_layout.scss */ header #header h1, header #header #h01 { width: 320px; } /* line 100, ../scss/_layout.scss */ nav#grobalNav { padding-right: 200px; } /* line 103, ../scss/_layout.scss */ nav#grobalNav #menu ul li { font-size: 14px; font-size: 0.875rem; line-height: 1.75rem; } /* line 104, ../scss/_layout.scss */ nav#grobalNav #menu ul li.home { display: none; } /* line 106, ../scss/_layout.scss */ nav#grobalNav #menu ul li.plan a, nav#grobalNav #menu ul li.training a { padding: 15px 12px !important; } /* line 108, ../scss/_layout.scss */ nav#grobalNav #menu ul li.tel { margin-left: 15px; font-size: 30px; font-size: 1.875rem; line-height: 3.75rem; } /* line 109, ../scss/_layout.scss */ nav#grobalNav #menu ul li.tel i { margin-right: 0px; font-size: 28px; font-size: 1.75rem; line-height: 3.5rem; } /* line 111, ../scss/_layout.scss */ nav#grobalNav #menu ul li.contact { width: 180px; } /* line 113, ../scss/_layout.scss */ nav#grobalNav #menu ul li.contact a em { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; } /* line 114, ../scss/_layout.scss */ nav#grobalNav #menu ul li.contact a em i { font-size: 18px; font-size: 1.125rem; line-height: 2.25rem; } /* line 116, ../scss/_layout.scss */ nav#grobalNav #menu ul li.contact a span { font-size: 13px; font-size: 0.8125rem; line-height: 1.625rem; } } /* 現在地 */ /* line 126, ../scss/_layout.scss */ #home #grobalNav .home a::after, #plan #grobalNav .plan a::after, #training #grobalNav .training a::after { width: 100% !important; } /* フッター */ /* line 134, ../scss/_layout.scss */ #pageTop { margin: 30px auto; } /* line 135, ../scss/_layout.scss */ #pageTop a { display: inline-block; padding: 20px 50px; } /* line 136, ../scss/_layout.scss */ #pageTop a:hover { opacity: 1 !important; } /* line 137, ../scss/_layout.scss */ #pageTop a:hover i { top: -5px; } /* line 139, ../scss/_layout.scss */ #pageTop i { font-size: 52px; font-size: 3.25rem; line-height: 6.5rem; margin-bottom: 15px; position: relative; top: 0; transition: 0.25s; } /* line 140, ../scss/_layout.scss */ #pageTop em { font-size: 18px; font-size: 1.125rem; line-height: 2.25rem; font-weight: 600; } /* line 141, ../scss/_layout.scss */ #pageTop i, #pageTop em { display: block; line-height: 1; } /* line 143, ../scss/_layout.scss */ footer { background: #ffac30; } /* line 144, ../scss/_layout.scss */ footer #footer { width: 1100px; margin: auto; color: #fff; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 50px 0 0; } /* line 145, ../scss/_layout.scss */ footer #footer a { color: #fff; } /* line 146, ../scss/_layout.scss */ footer #footer .logo { text-align: left; } /* line 147, ../scss/_layout.scss */ footer #footer .logo img { width: 310px; margin-bottom: 15px; } /* line 148, ../scss/_layout.scss */ footer #footer .logo span { font-size: 13px; font-size: 0.8125rem; line-height: 1.625rem; display: block; } /* line 151, ../scss/_layout.scss */ footer #footer #fContact li { display: block; } /* line 152, ../scss/_layout.scss */ footer #footer #fContact li.tel { font-size: 34px; font-size: 2.125rem; line-height: 4.25rem; font-family: "Roboto"; letter-spacing: 0; font-weight: 500; margin-bottom: 10px; } /* line 154, ../scss/_layout.scss */ footer #footer #fContact li.tel a i { font-size: 32px; font-size: 2rem; line-height: 4rem; transform: rotate(-25deg); position: relative; top: -3px; margin-right: 0px; } /* line 157, ../scss/_layout.scss */ footer #footer #fContact li.contact { font-weight: 600; } /* line 158, ../scss/_layout.scss */ footer #footer #fContact li.contact a { background: #fff; color: #ffac30; display: block; padding: 3px 0; } /* line 159, ../scss/_layout.scss */ footer #footer #fContact li.contact a:hover { opacity: 0.7; } /* line 160, ../scss/_layout.scss */ footer #footer #fContact li.contact a em { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; display: flex; justify-content: space-between; justify-content: center; align-items: center; } /* line 161, ../scss/_layout.scss */ footer #footer #fContact li.contact a em i { font-size: 18px; font-size: 1.125rem; line-height: 2.25rem; margin-right: 5px; } /* line 167, ../scss/_layout.scss */ footer #footer #fNav { display: flex; justify-content: space-between; text-align: left; padding-top: 15px; } /* line 168, ../scss/_layout.scss */ footer #footer #fNav ul { width: 48.5%; } /* line 169, ../scss/_layout.scss */ footer #footer #fNav ul:nth-of-type(1) { margin-right: 30px; } /* line 170, ../scss/_layout.scss */ footer #footer #fNav ul li { display: block; font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; white-space: nowrap; position: relative; padding-left: 0.8em; } /* line 172, ../scss/_layout.scss */ footer #footer #fNav ul li a:hover { opacity: 0.7; } /* line 173, ../scss/_layout.scss */ footer #footer #fNav ul li a::before { content: "\f054"; font-size: 10px; font-size: 0.625rem; line-height: 1.25rem; position: absolute; top: 6px; left: 0; font-family: "Font Awesome 5 Pro"; font-weight: 600; } /* line 178, ../scss/_layout.scss */ footer #footer .copyright { width: 100%; font-size: 12px; font-size: 0.75rem; line-height: 1.5rem; border-top: 1px solid rgba(255, 255, 255, 0.5); padding: 50px 0; margin: 50px auto 0; font-weight: 500; } /* page-top */ /* line 185, ../scss/_layout.scss */ #page-top { position: fixed; bottom: 220px; right: 20px; z-index: 10; width: 60px; height: 60px; border-radius: 50%; } /* line 186, ../scss/_layout.scss */ #page-top a { display: block; width: 100%; height: 100%; background: #ffac30; } /* line 187, ../scss/_layout.scss */ #page-top a:hover { opacity: 0.7; } /* line 188, ../scss/_layout.scss */ #page-top a:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; top: calc(50% - 4px); width: 12px; height: 12px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-45deg); } /* hover ----------------------------------------------------------------------------------*/ /* line 196, ../scss/_layout.scss */ a, a:link, a:visited { color: #ffac30; text-decoration: none; outline: none; transition: 0.5s; display: inline-block; } /* line 197, ../scss/_layout.scss */ main a { text-decoration: underline !important; } /* line 198, ../scss/_layout.scss */ a:hover { color: rgba(255, 172, 48, 0.5); text-decoration: none; } /* line 199, ../scss/_layout.scss */ a img { transition: 0.5s; } /* line 200, ../scss/_layout.scss */ a:hover img { opacity: 0.6; } /* line 201, ../scss/_layout.scss */ *::selection { background: #ffac30; color: #fff; } /* ------------------------------- PCのみの設定 ------------------------------- */ @media print, screen and (min-width: 768px) { /* line 208, ../scss/_layout.scss */ #spbar, #spmenu { display: none !important; } /* line 209, ../scss/_layout.scss */ #mm-menu { display: none !important; } /* line 210, ../scss/_layout.scss */ .spMenu span { display: none; } } /* ------------------------------- タブレットのみの設定 ------------------------------- */ @media screen and (min-width: 600px) and (max-width: 959px) { /*.spMenu { top: 20% !important;} nav#grovalNav #nav ul li{ font-size: 10px !important;} nav#grovalNav #nav ul li a{ padding-top:28px !important;}*/ } /* ------------------------------- スマホのみの設定 ------------------------------- */ @media only screen and (max-width: 767px) { /*.spMenu { top: 16% !important;} nav#grovalNav #nav ul li{ font-size: 10px !important;} nav#grovalNav #nav ul li a{ padding-top:28px !important;}*/ } /* ------------------------------- PCのみの設定 ------------------------------- */ @media print, screen and (min-width: 768px) { /* line 241, ../scss/_layout.scss */ .sp, .spOnly, .tbOnly { display: none !important; } /* line 242, ../scss/_layout.scss */ .pc, .pc-tb { display: inline-block !important; vertical-align: top !important; } /* line 243, ../scss/_layout.scss */ .pc-sp { display: inline-block !important; vertical-align: top !important; } /* スマホのみtellink有効（init.jsにも要設定） */ /* line 245, ../scss/_layout.scss */ a[href^="tel:"] { cursor: default; } } /* ------------------------------- タブレットのみの設定 ------------------------------- */ @media screen and (min-width: 600px) and (max-width: 959px) { /*.pc,.spOnly{ display:none !important; margin:0; padding:0; width:0; height:0;} .sp,.tbOnly,.pc-tb{ display:inline-block !important; vertical-align:top !important;} .pc-sp{ display:none !important; margin:0; padding:0; width:0; height:0;}*/ } /* ------------------------------- スマホのみの設定 ------------------------------- */ @media only screen and (max-width: 767px) { /*.pc,.tbOnly,.pc-tb{ display:none !important; margin:0; padding:0; width:0; height:0;} .sp,.spOnly{ display:inline-block !important; vertical-align:top !important;} .pc-sp{ display:inline-block !important; vertical-align:top !important;}*/ } /* -------------------------------------------------------- style -------------------------------------------------------- */ /* HOME ---------------------------------------------------------*/ /* line 10, ../scss/_style.scss */ #home .tit { margin: 0 auto 40px; width: 100%; } /* line 11, ../scss/_style.scss */ #home .tit em, #home .tit span { display: block; } /* line 12, ../scss/_style.scss */ #home .tit em { font-size: 46px; font-size: 2.875rem; line-height: 2.875rem; color: #ffac30; } /* line 13, ../scss/_style.scss */ #home .tit span { font-size: 16px; font-size: 1rem; line-height: 2rem; position: relative; font-weight: 800; } /* line 14, ../scss/_style.scss */ #home .tit span:before { content: ""; background: url("../img/logoMark.png") no-repeat; width: 24px; height: 24px; background-size: cover; display: block; margin: 10px auto 5px; } /* line 16, ../scss/_style.scss */ #home .tit2 { font-size: 18px; font-size: 1.125rem; line-height: 2.25rem; color: #ffac30; border: 1px solid #ffac30; padding: 0px 30px; border-radius: 20px; display: inline-block; margin-bottom: 15px; background: #fff; } /* line 17, ../scss/_style.scss */ #home #mainImg { position: relative; background: #fffaf3; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 60px; } /* line 18, ../scss/_style.scss */ #home #mainImg .copy { position: absolute; z-index: 1; text-align: left; left: 0; right: 0; top: 60px; } /* line 20, ../scss/_style.scss */ #home #mainImg .copy h2 { font-size: 48px; font-size: 3rem; line-height: 4.5rem; font-weight: 800; margin-bottom: 20px; } /* line 21, ../scss/_style.scss */ #home #mainImg .copy .read { font-size: 16px; font-size: 1rem; line-height: 2rem; width: 50%; font-weight: 500; letter-spacing: 0.1em; } /* line 22, ../scss/_style.scss */ #home #mainImg .copy h2, #home #mainImg .copy .read { filter: drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 3px white); } /* line 24, ../scss/_style.scss */ #home #mainImg .mainImg { height: 650px; width: 100%; min-width: 1000px; } /* line 26, ../scss/_style.scss */ #home #linkBnr { position: relative; margin: -220px auto 0; width: 100%; } /* line 28, ../scss/_style.scss */ #home #linkBnr ul { display: flex; justify-content: space-between; width: 100%; } /* line 29, ../scss/_style.scss */ #home #linkBnr ul li { width: 24%; background: #fff; box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.075); } /* line 30, ../scss/_style.scss */ #home #linkBnr ul li .ph { height: 150px; } /* line 31, ../scss/_style.scss */ #home #linkBnr ul li .ph a { width: 100%; height: 100%; } /* line 33, ../scss/_style.scss */ #home #linkBnr ul li .text { padding: 15px 20px; text-align: left; display: flex; flex-direction: column; height: calc(100% - 150px); } /* line 34, ../scss/_style.scss */ #home #linkBnr ul li h3 { font-size: 20px; font-size: 1.25rem; line-height: 2.5rem; font-weight: 800; line-height: 1.8; margin-bottom: 6px; } /* line 35, ../scss/_style.scss */ #home #linkBnr ul li h3 span { font-size: 12px; font-size: 0.75rem; line-height: 1.5rem; display: block; font-weight: 800; color: #ffac30; } /* line 36, ../scss/_style.scss */ #home #linkBnr ul li h3 + p { font-size: 14px; font-size: 0.875rem; line-height: 1.75rem; margin-bottom: 15px; } /* line 38, ../scss/_style.scss */ #home #linkBnr ul li .btn { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; text-align: center; font-weight: 600; margin-top: auto; } /* line 39, ../scss/_style.scss */ #home #linkBnr ul li .btn a { display: block; background: #ffac30; color: #fff; padding: 5px 0; text-decoration: none !important; position: relative; } /* line 40, ../scss/_style.scss */ #home #linkBnr ul li .btn a::before { content: "\f054"; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; font-family: "Font Awesome 5 Pro"; font-weight: 600; transition: 0.25s; } /* line 41, ../scss/_style.scss */ #home #linkBnr ul li .btn a:hover::before { right: 12px; } /* line 42, ../scss/_style.scss */ #home #linkBnr ul li .btn a:hover { opacity: 0.7; } /* line 48, ../scss/_style.scss */ #home #mainImg .copy.inner, #home #linkBnr .inner { width: 80%; min-width: 1100px; max-width: 1400px !important; } /* line 50, ../scss/_style.scss */ #home #news { padding: 50px 0 60px; } /* line 51, ../scss/_style.scss */ #home #news .inner { position: relative; } /* line 52, ../scss/_style.scss */ #home #news .ttl { background: #ffac30; position: absolute; overflow: hidden; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 6px 45px 6px 35px; top: -65px; left: -20px; width: 220px; height: 50px; box-sizing: border-box; } /* line 53, ../scss/_style.scss */ #home #news .ttl::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 25px 20px 25px 0; border-color: transparent #fff transparent transparent; position: absolute; top: 0; right: 0; } /* line 54, ../scss/_style.scss */ #home #news .ttl::before { content: ""; position: absolute; top: -2px; left: -10px; background: url("../img/logoMarkW.png") no-repeat; width: 52px; height: 50px; background-size: cover; } /* line 55, ../scss/_style.scss */ #home #news .ttl em { font-size: 12px; font-size: 0.75rem; line-height: 1.5rem; } /* line 56, ../scss/_style.scss */ #home #news .ttl span { font-size: 18px; font-size: 1.125rem; line-height: 2.25rem; } /* line 58, ../scss/_style.scss */ #home #news .link { position: absolute; top: -28px; right: 0; font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; } /* line 59, ../scss/_style.scss */ #home #news .link a { display: flex; justify-content: center; align-items: center; text-decoration: none !important; color: inherit; } /* line 60, ../scss/_style.scss */ #home #news .link a:hover { color: #ffac30; } /* line 63, ../scss/_style.scss */ #home #news .link i { margin-left: 8px; color: #ffac30; } /* line 65, ../scss/_style.scss */ #home #news ul { text-align: left; padding-top: 10px; } /* line 66, ../scss/_style.scss */ #home #news ul li { display: block; border-bottom: 2px dotted #adb5bd; padding: 6px 20px; /*&:first-child { border-top: 2px dotted $gray-500;}*/ } /* line 68, ../scss/_style.scss */ #home #news ul li:not(:last-child) { /*margin-bottom: 15px;*/ } /* line 69, ../scss/_style.scss */ #home #news ul li em { width: 140px; font-weight: 600; /*color: $gray-600;*/ } /* line 70, ../scss/_style.scss */ #home #news ul li span { width: calc(100% - 140px); } /* line 71, ../scss/_style.scss */ #home #news ul li em, #home #news ul li span { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; display: inline-block; vertical-align: text-top; } /* line 75, ../scss/_style.scss */ #home #concept { background: #fffaf3; padding: 60px 0 80px; position: relative; } /* line 76, ../scss/_style.scss */ #home #concept .inner { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 5; } /* line 78, ../scss/_style.scss */ #home #concept .ph { width: 40%; margin-top: 8px; } /* line 79, ../scss/_style.scss */ #home #concept .read { width: 56%; text-align: left; font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; background: rgba(255, 250, 243, 0.5); } /* line 80, ../scss/_style.scss */ #home #concept .illust { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } /* line 81, ../scss/_style.scss */ #home #concept .illust p { position: absolute; } /* line 82, ../scss/_style.scss */ #home #concept .illust p.il01 { width: 200px; top: 50px; left: 10%; } /* line 83, ../scss/_style.scss */ #home #concept .illust p.il02 { width: 152px; bottom: -40px; left: 5%; } /* line 84, ../scss/_style.scss */ #home #concept .illust p.il03 { width: 126px; top: 30px; right: 30%; } /* line 85, ../scss/_style.scss */ #home #concept .illust p.il04 { width: 100px; top: 40%; right: 7%; } /* line 86, ../scss/_style.scss */ #home #concept .illust p.il05 { width: 197px; bottom: -40px; right: 5%; } /* line 90, ../scss/_style.scss */ #home #action { padding: 60px 0 80px; } /* line 91, ../scss/_style.scss */ #home #action .inner { position: relative; } /* line 93, ../scss/_style.scss */ #home #action .purpose { text-align: left; width: 55%; margin-bottom: 30px; } /* line 95, ../scss/_style.scss */ #home #action .purpose .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; } /* line 97, ../scss/_style.scss */ #home #action .phSet { position: absolute; top: 55px; right: 0; text-align: right; } /* line 98, ../scss/_style.scss */ #home #action .phSet li { border-radius: 50%; } /* line 99, ../scss/_style.scss */ #home #action .phSet li:nth-of-type(1) { width: 254px; height: 254px; position: relative; z-index: 1; } /* line 100, ../scss/_style.scss */ #home #action .phSet li:nth-of-type(2) { width: 206px; height: 206px; position: absolute; top: 140px; right: 200px; z-index: 0; } /* line 103, ../scss/_style.scss */ #home #action .business { text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 104, ../scss/_style.scss */ #home #action .business .tit2 { display: inline-flex; } /* line 105, ../scss/_style.scss */ #home #action .business .read { margin-bottom: 15px; width: 100%; } /* line 106, ../scss/_style.scss */ #home #action .business ul { width: 48.5%; } /* line 107, ../scss/_style.scss */ #home #action .business ul li { /* padding-left: 1.2em;*/ position: relative; font-weight: 500; } /* line 108, ../scss/_style.scss */ #home #action .business ul li::before { content: "●"; color: #ffac30; /* position: absolute; top:0px; left: 0;*/ margin-right: 2px; } /* line 109, ../scss/_style.scss */ #home #action .business ul li span { display: block; font-size: 80%; line-height: 1.6; text-indent: -0.5em; } /* line 114, ../scss/_style.scss */ #home #about { background: #fffaf3; padding: 60px 0 0px; position: relative; overflow: hidden; } /* line 115, ../scss/_style.scss */ #home #about::before { content: ""; background: url("../img/logoMarkBg.png") no-repeat; background-size: cover; width: 451px; height: 437px; position: absolute; top: -30px; left: -30px; } /* line 116, ../scss/_style.scss */ #home #about .inner { display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 118, ../scss/_style.scss */ #home #about .outline { width: 57%; text-align: left; } /* line 120, ../scss/_style.scss */ #home #about .outline table tr { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } /* line 121, ../scss/_style.scss */ #home #about .outline table th { width: 145px; font-weight: 600; } /* line 123, ../scss/_style.scss */ #home #about .outline table th, #home #about .outline table td { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; padding: 5px 0; } /* line 124, ../scss/_style.scss */ #home #about .outline table ul { display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 125, ../scss/_style.scss */ #home #about .outline table ul li { width: 100%; } /* line 126, ../scss/_style.scss */ #home #about .outline table ul li:nth-child(n + 4) { width: 50%; } /* line 131, ../scss/_style.scss */ #home #about .history { width: 35%; text-align: left; } /* line 135, ../scss/_style.scss */ #home #about .history ul li:not(last-child) { margin-bottom: 20px; } /* line 136, ../scss/_style.scss */ #home #about .history ul li em { font-weight: 600; margin-bottom: 5px; } /* line 138, ../scss/_style.scss */ #home #about .history ul li em, #home #about .history ul li span { display: block; font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; } /* line 142, ../scss/_style.scss */ #home #about iframe { width: 100%; height: 480px; margin: 60px auto 0; } /* 下層共通 ---------------------------------------------------------*/ /* line 150, ../scss/_style.scss */ body:not(#home) #mainImg { position: relative; margin: 0 auto 60px; } /* line 151, ../scss/_style.scss */ body:not(#home) #mainImg h1 { position: absolute; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; width: 1000px; text-align: left; color: #fff; } /* line 152, ../scss/_style.scss */ body:not(#home) #mainImg h1 em { font-size: 36px; font-size: 2.25rem; line-height: 3.6rem; font-weight: 800; } /* line 153, ../scss/_style.scss */ body:not(#home) #mainImg h1 span { font-size: 22px; font-size: 1.375rem; line-height: 2.75rem; color: #ffac30; } /* line 154, ../scss/_style.scss */ body:not(#home) #mainImg h1 em, body:not(#home) #mainImg h1 span { display: block; filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.6)) drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6)); } /* line 156, ../scss/_style.scss */ body:not(#home) #mainImg .ph { height: 240px; } /* line 158, ../scss/_style.scss */ .title { background: #ffac30; position: relative; overflow: hidden; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 11px 25px 11px 45px; margin: 0 auto 25px; } /* line 159, ../scss/_style.scss */ .title::before { content: ""; position: absolute; top: -5px; left: -12px; background: url("../img/logoMarkW.png") no-repeat; width: 76px; height: 73px; background-size: cover; } /* line 160, ../scss/_style.scss */ .title em { font-size: 22px; font-size: 1.375rem; line-height: 2.75rem; } /* line 161, ../scss/_style.scss */ .title span { font-size: 12px; font-size: 0.75rem; line-height: 1.5rem; } /* line 163, ../scss/_style.scss */ .t { font-size: 21px; font-size: 1.3125rem; line-height: 2.625rem; display: flex; justify-content: space-between; align-items: center; justify-content: flex-start; margin-bottom: 20px; } /* line 164, ../scss/_style.scss */ .t::before { content: ""; background: url("../img/logoMark.png") no-repeat; width: 29px; height: 29px; background-size: cover; display: block; margin-right: 8px; } /* line 166, ../scss/_style.scss */ .docList { border-top: 1px solid #ffac30; border-bottom: 1px solid #ffac30; padding: 30px 15px 10px; display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 167, ../scss/_style.scss */ .docList li { width: 30.5%; margin-bottom: 20px; } /* line 168, ../scss/_style.scss */ .docList li a { color: inherit; text-decoration: none !important; display: flex; justify-content: space-between; align-items: center; } /* line 170, ../scss/_style.scss */ .docList li a:hover span { opacity: 0.5; top: -3px; } /* line 172, ../scss/_style.scss */ .docList li a em { font-size: 18px; font-size: 1.125rem; line-height: 2.25rem; padding-left: 1.2em; position: relative; font-weight: 600; letter-spacing: 0; } /* line 173, ../scss/_style.scss */ .docList li a em::before { content: "●"; color: #ffac30; position: absolute; top: 0; left: 0; } /* line 174, ../scss/_style.scss */ .docList li a span { text-align: center; position: relative; top: 0px; transition: 0.25s; min-width: 66px; } /* line 175, ../scss/_style.scss */ .docList li a span i { font-size: 36px; font-size: 2.25rem; line-height: 3.15rem; color: #ff0000; } /* line 176, ../scss/_style.scss */ .docList li a span small { font-size: 12px; font-size: 0.75rem; line-height: 1.05rem; display: block; font-weight: 500; } /* line 179, ../scss/_style.scss */ .docList li.wide { width: 65.25%; } /* line 180, ../scss/_style.scss */ .docList li.wide a { color: #ffac30; text-decoration: underline !important; display: inline; } /* line 181, ../scss/_style.scss */ .docList li.wide em { font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; padding-left: 1.2em; position: relative; font-weight: 600; letter-spacing: 0; display: block; } /* line 182, ../scss/_style.scss */ .docList li.wide em::before { content: "●"; color: #ffac30; position: absolute; top: 0; left: 0; } /* line 183, ../scss/_style.scss */ .docList li.wide em small { font-size: 80%; font-weight: 400; letter-spacing: .05em; padding-left: 1em; } /* line 187, ../scss/_style.scss */ .docList::after { content: ""; width: 30.5%; } /* 事業計画・事業報告 ---------------------------------------------------------*/ /* line 194, ../scss/_style.scss */ #plan #reportList, #plan #planList { text-align: left; margin: 0 auto 90px; } /* line 196, ../scss/_style.scss */ #plan #reportList .read, #plan #planList .read { margin-bottom: 30px; } /* 食品衛生責任者講習会 ---------------------------------------------------------*/ /* line 205, ../scss/_style.scss */ #training #planList { text-align: left; margin: 0 auto 90px; } /* line 207, ../scss/_style.scss */ #training #planList .read { margin-bottom: 30px; } /* line 208, ../scss/_style.scss */ #training #planList .price { border-top: 1px solid #ffac30; border-bottom: 1px solid #ffac30; padding: 15px 0px 30px; text-align: center; } /* line 209, ../scss/_style.scss */ #training #planList .price .catch { font-size: 36px; font-size: 2.25rem; line-height: 4.5rem; font-weight: 700; letter-spacing: 0; } /* line 210, ../scss/_style.scss */ #training #planList .price .catch em { color: #ff5252; } /* line 211, ../scss/_style.scss */ #training #planList .price .catch strong { font-size: 130%; letter-spacing: -0.15em; } /* line 214, ../scss/_style.scss */ #training #planList .cap { display: block; margin: 10px auto 0; } /* line 216, ../scss/_style.scss */ #training #docList { text-align: left; margin: 0 auto 90px; } /* line 218, ../scss/_style.scss */ #training #docList .read { margin-bottom: 30px; } /* line 220, ../scss/_style.scss */ #training #docList .docList li { width: 48%; } /* line 221, ../scss/_style.scss */ #training #docList .docList li a { justify-content: flex-start; } /* line 222, ../scss/_style.scss */ #training #docList .docList li a em { margin-right: 1.5em; } /* line 224, ../scss/_style.scss */ #training #docList .docList li.wide { width: 100%; } /* line 225, ../scss/_style.scss */ #training #docList .docList li.note { padding-left: 1.1em; position: relative; width: 100%; } /* line 226, ../scss/_style.scss */ #training #docList .docList li.note::before { content: "※"; position: absolute; top: 0; left: 0; } /* line 231, ../scss/_style.scss */ #training #contactList { text-align: left; margin: 0 auto 90px; } /* line 233, ../scss/_style.scss */ #training #contactList .read { margin-bottom: 30px; } /* line 234, ../scss/_style.scss */ #training #contactList table { width: 94%; margin: auto; } /* line 235, ../scss/_style.scss */ #training #contactList table thead td { font-size: 14px; font-size: 0.875rem; line-height: 1.75rem; text-align: center; } /* line 236, ../scss/_style.scss */ #training #contactList table tr { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } /* line 237, ../scss/_style.scss */ #training #contactList table th { font-weight: 600; width: 120px; padding-left: 15px !important; } /* line 239, ../scss/_style.scss */ #training #contactList table th, #training #contactList table td { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; padding: 10px 0; } /* お問い合わせ ---------------------------------------------------------*/ /* line 248, ../scss/_style.scss */ #contact #contactList { margin: 0 auto 90px; } /* line 251, ../scss/_style.scss */ #contact #contactList ul li { display: flex; justify-content: space-between; justify-content: center; } /* line 252, ../scss/_style.scss */ #contact #contactList ul li em { margin-right: 50px; } /* line 254, ../scss/_style.scss */ #contact #contactList ul li em, #contact #contactList ul li span { letter-spacing: 0; font-size: 40px; font-size: 2.5rem; line-height: 5rem; } /* line 255, ../scss/_style.scss */ #contact #contactList ul li:nth-of-type(1) { font-family: "Roboto"; font-weight: 500; } /* line 260, ../scss/_style.scss */ #contact #mailform { margin: 0 auto 90px; } /* line 262, ../scss/_style.scss */ #contact #mailform .read { margin: 0 auto 30px; } /* line 263, ../scss/_style.scss */ #contact #mailform .read span { color: #ff5252; } /* line 265, ../scss/_style.scss */ #contact #mailform table { width: 94%; margin: 0 auto 30px; text-align: left; } /* line 266, ../scss/_style.scss */ #contact #mailform table thead td { font-size: 14px; font-size: 0.875rem; line-height: 1.75rem; text-align: center; } /* line 267, ../scss/_style.scss */ #contact #mailform table tr { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } /* line 268, ../scss/_style.scss */ #contact #mailform table th { font-weight: 600; width: 220px; padding-left: 15px !important; } /* line 269, ../scss/_style.scss */ #contact #mailform table td { position: relative; } /* line 270, ../scss/_style.scss */ #contact #mailform table td .formError { position: absolute; top: 38px !important; left: auto !important; right: 6px !important; } /* line 271, ../scss/_style.scss */ #contact #mailform table td .formError .formErrorContent { background: #ff5252; color: #fff; padding: 0 10px; font-size: 11px; font-size: 0.6875rem; line-height: 1.375rem; } /* line 272, ../scss/_style.scss */ #contact #mailform table td .formError .formErrorContent br { display: none !important; } /* line 276, ../scss/_style.scss */ #contact #mailform table th, #contact #mailform table td { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; padding: 10px 0; vertical-align: middle; } /* line 277, ../scss/_style.scss */ #contact #mailform table span { color: #ff5252; } /* line 279, ../scss/_style.scss */ #contact #mailform input, #contact #mailform textarea { border: 1px solid rgba(0, 0, 0, 0.25); font-family: "YakuHanJP", "Noto Sans JP", sans-serif; width: 100%; font-size: 16px; font-size: 1rem; line-height: 2rem; font-weight: 300; padding: 0 10px; box-sizing: border-box; } /* line 281, ../scss/_style.scss */ #contact #mailform input[type="submit"] { width: 300px; background: #0db200; color: #fff; font-size: 18px; font-size: 1.125rem; line-height: 2.25rem; font-weight: 600; padding: 10px 0; border: none; cursor: pointer; transition: 0.5s; position: relative; } /* line 282, ../scss/_style.scss */ #contact #mailform input[type="submit"]:hover { opacity: 0.7; } /* line 284, ../scss/_style.scss */ #contact #mailform .btn { position: relative; display: inline-block; width: 300px; } /* line 285, ../scss/_style.scss */ #contact #mailform .btn::before { content: "\f054"; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; font-family: "Font Awesome 5 Pro"; font-weight: 600; transition: 0.25s; z-index: 10; color: #fff; } /* line 286, ../scss/_style.scss */ #contact #mailform .btn:hover::before { right: 12px; } /* line 288, ../scss/_style.scss */ #contact #mailform .btn.back { width: 220px; display: block; margin: 30px auto 0; } /* line 289, ../scss/_style.scss */ #contact #mailform .btn.back::before { content: "\f053"; right: auto; left: 15px; font-weight: 300; font-size: 80%; } /* line 290, ../scss/_style.scss */ #contact #mailform .btn.back:hover::before { right: auto; left: 12px; } /* line 291, ../scss/_style.scss */ #contact #mailform .btn.back input { width: 220px; background: rgba(0, 0, 0, 0.35); color: #fff; font-size: 16px; font-size: 1rem; line-height: 2rem; font-weight: 500; padding: 5px 0; border: none; cursor: pointer; transition: 0.5s; position: relative; } /* line 292, ../scss/_style.scss */ #contact #mailform .btn.back input:hover { opacity: 0.7; } /* line 296, ../scss/_style.scss */ #contact #about { text-align: left; margin: 0 auto 90px; } /* line 298, ../scss/_style.scss */ #contact #about table { width: 94%; margin: auto; } /* line 299, ../scss/_style.scss */ #contact #about table thead td { font-size: 14px; font-size: 0.875rem; line-height: 1.75rem; text-align: center; } /* line 300, ../scss/_style.scss */ #contact #about table tr { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } /* line 301, ../scss/_style.scss */ #contact #about table th { font-weight: 600; width: 220px; padding-left: 15px !important; } /* line 303, ../scss/_style.scss */ #contact #about table th, #contact #about table td { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; padding: 10px 0; } /* プライバシーポリシー ---------------------------------------------------------*/ /* line 313, ../scss/_style.scss */ #privacypolicy #ppList { text-align: left; width: 920px; padding: 0px 0 80px; } /* line 314, ../scss/_style.scss */ #privacypolicy #ppList .copy { font-size: 16px; font-size: 1rem; line-height: 2rem; margin-bottom: 50px; } /* line 316, ../scss/_style.scss */ #privacypolicy #ppList .list:not(:last-child) { margin-bottom: 30px; } /* line 317, ../scss/_style.scss */ #privacypolicy #ppList .list .tit { font-size: 18px; font-size: 1.125rem; line-height: 2.25rem; font-weight: 500; margin-bottom: 5px; } /* line 318, ../scss/_style.scss */ #privacypolicy #ppList .list .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; } /* line 319, ../scss/_style.scss */ #privacypolicy #ppList .list ol { margin-left: 1em; margin-top: 10px; } /* line 320, ../scss/_style.scss */ #privacypolicy #ppList .list ol li { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 321, ../scss/_style.scss */ #privacypolicy #ppList .list ol li span { width: 22px; } /* line 322, ../scss/_style.scss */ #privacypolicy #ppList .list ol li em { width: calc(100% - 22px); } /* line 323, ../scss/_style.scss */ #privacypolicy #ppList .list ol li .read { width: 100%; margin-bottom: 10px; padding-left: 22px; } /* line 324, ../scss/_style.scss */ #privacypolicy #ppList .list ol li ul { margin-left: 22px; margin-top: 10px; } /* line 325, ../scss/_style.scss */ #privacypolicy #ppList .list ol li ul li { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; } /* line 326, ../scss/_style.scss */ #privacypolicy #ppList .list ol li ul li .ti { position: relative; padding-left: 1.1em; } /* line 327, ../scss/_style.scss */ #privacypolicy #ppList .list ol li ul li .ti::before { content: "●"; position: absolute; top: 0; left: 0; } /* line 329, ../scss/_style.scss */ #privacypolicy #ppList .list ol li ul li .read { padding-left: 1.1em; } /* line 337, ../scss/_style.scss */ #privacypolicy #ppList #contact { margin: 50px auto 80px; display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 338, ../scss/_style.scss */ #privacypolicy #ppList #contact .title { width: 100%; } /* line 339, ../scss/_style.scss */ #privacypolicy #ppList #contact .logo { width: 300px; } /* line 340, ../scss/_style.scss */ #privacypolicy #ppList #contact .infoWrap { width: calc(100% - 330px); } /* line 341, ../scss/_style.scss */ #privacypolicy #ppList #contact .add { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; } /* line 342, ../scss/_style.scss */ #privacypolicy #ppList #contact ul { width: 100%; } /* line 343, ../scss/_style.scss */ #privacypolicy #ppList #contact ul li { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; } /* line 344, ../scss/_style.scss */ #privacypolicy #ppList #contact ul li:not(:last-child) { margin-right: 15px; } /* line 348, ../scss/_style.scss */ #privacypolicy #ppList .cap { text-align: right; font-size: 14px; font-size: 0.875rem; line-height: 1.75rem; } /* business */ /* line 358, ../scss/_style.scss */ .style { font-size: 10px; } /* line 360, ../scss/_style.scss */ .mixin-hensuTest { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; font-size: 16px; font-size: 1rem; line-height: 1.4rem; display: flex; justify-content: space-between; border-radius: 20px; width: 300px; height: 200px; background: rgba(0, 0, 0, 0.5); } /* line 361, ../scss/_style.scss */ .mixin-hensuTest + p { font-size: 14px; font-size: 0.875rem; line-height: 1.75rem; margin-bottom: 20px; } @media screen and (min-width: 600px) and (max-width: 959px) { /* line 360, ../scss/_style.scss */ .mixin-hensuTest { padding-top: 25px; } } @media screen and (min-width: 600px) and (max-width: 959px) { /* line 360, ../scss/_style.scss */ .mixin-hensuTest { padding-top: 15px; } } /* line 368, ../scss/_style.scss */ .mixin-hensuTest a { display: block; position: relative; color: #ffac30; } /* line 369, ../scss/_style.scss */ .mixin-hensuTest a:before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; right: 15px; border-top: 2px solid #ffac30; border-right: 2px solid #ffac30; transform: rotate(45deg); margin-top: -4px; } @media only screen and (max-width: 767px) { /* line 369, ../scss/_style.scss */ .mixin-hensuTest a:before { top: 5px; } } /* お知らせ ---------------------------------------------------------*/ /* line 384, ../scss/_style.scss */ #news .list { position: relative; padding-top: 60px; margin-top: -60px; text-align: left; } /* line 385, ../scss/_style.scss */ #news .list:not(:last-child) { margin-bottom: 100px; } /* line 386, ../scss/_style.scss */ #news .list .title { /*padding-right: 100px; */ margin-bottom: 30px; } /* line 387, ../scss/_style.scss */ #news .list .date { font-size: 14px; font-size: 0.875rem; line-height: 0.875rem; letter-spacing: 0; margin-bottom: 20px; } /* line 388, ../scss/_style.scss */ #news .list .date span { font-size: 86%; padding-right: 5px; } /* line 391, ../scss/_style.scss */ #news .list .text .read { letter-spacing: .1em; line-height: 2.2; margin-bottom: 20px; } /* line 392, ../scss/_style.scss */ #news .list .text .read img { width: auto; max-width: 100%; } /* line 398, ../scss/_style.scss */ #news .list.recruit .ttl.cmn::before { background: #fffaf3; } /* line 400, ../scss/_style.scss */ #news .list.recruit .read a { color: #fffaf3; } /* line 404, ../scss/_style.scss */ #news ul.pagination { display: flex; justify-content: center; align-items: center; margin: 150px auto 120px; } /* line 405, ../scss/_style.scss */ #news ul.pagination li.page-item { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; margin: 0 .25rem .5rem; width: 30px; height: 30px; } /* line 406, ../scss/_style.scss */ #news ul.pagination li.page-item a { border: 1px solid #ffac30; display: flex; justify-content: center; align-items: center; height: 100%; text-decoration: none !important; } /* line 407, ../scss/_style.scss */ #news ul.pagination li.page-item a:hover { background: #ffac30; color: #fff; } /* line 410, ../scss/_style.scss */ #news ul.pagination li.page-item.active a { background: #ffac30; color: #fff; } /* line 412, ../scss/_style.scss */ #news ul.pagination li.page-item.prev, #news ul.pagination li.page-item.next { font-size: 90%; } /* line 413, ../scss/_style.scss */ #news ul.pagination li.page-item.prev a, #news ul.pagination li.page-item.next a { border: none; } /* line 414, ../scss/_style.scss */ #news ul.pagination li.page-item.prev a:hover, #news ul.pagination li.page-item.next a:hover { background: none; color: #ffac30; }