@charset "UTF-8";
/*
Theme Name: ocean-temp_responsive-v2
Author: Cross Wish / Ocean System
*/
/*** foundation ***/
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; -webkit-text-size-adjust: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

input, select { vertical-align: middle; }

*, *::before, *::after { box-sizing: border-box; }

body { background: #fff; color: #472918; display: flex; flex-flow: column; font-size: 18px; font-family: メイリオ, Meiryo, Verdana, Arial, sans-serif; min-height: 100vh; position: relative; }

main { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; flex: 1 0 auto; }

h1, h2, h3, h4 { line-height: 1.5; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.3em; }

h4 { font-size: 1em; }

p { line-height: 1.5; }

ul, ol { list-style-type: none; }

figure img { width: 100%; }

img { backface-visibility: hidden; max-width: 100%; vertical-align: middle; height: auto; }

a { transition: all 0.5s; color: #005e55; text-decoration: none; }
a:hover { text-decoration: underline; }
a:hover img { filter: brightness(1.1); }
a img { transition: all 0.5s; }
a img:hover { filter: brightness(1.1); }

/*** layout ***/
.l-inner { width: 92%; margin-left: auto; margin-right: auto; }
@media print, screen and (min-width: 980px) { .l-inner { width: 950px; margin-left: auto; margin-right: auto; } }
.l-inner-full { margin: 0 calc(50% - 50vw); overflow: hidden; width: 100vw; }

.l-section { padding-top: 2em; padding-bottom: 2em; }

/* flexbox */
.l-row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; flex-wrap: wrap; }
.l-row > *:not(:first-child) { margin-top: 1em; }
@media only screen and (max-width: 767px) { .l-row { align-items: flex-start; } }
@media print, screen and (min-width: 768px) { .l-row { flex-direction: row; justify-content: space-between; }
  .l-row > *:not(:first-child) { margin-top: 0; } }
.l-row-sp { flex-direction: row; justify-content: space-between; }
.l-row-sp > *:not(:first-child) { margin-top: 0; }
@media print, screen and (min-width: 768px) { .l-row-start { justify-content: flex-start; } }
.l-row-end { justify-content: flex-end; }
@media print, screen and (min-width: 768px) { .l-row-reverse { flex-direction: row-reverse; } }
@media only screen and (max-width: 767px) { .l-row-reverse-sp { flex-direction: column-reverse; } }
@media only screen and (max-width: 767px) { .l-row-reverse-sp > * { margin-bottom: 1em; } }
.l-row-middle { align-items: center; }
.l-row-stretch { align-items: stretch; }
.l-row-center { justify-content: center; }
@media only screen and (max-width: 767px) { .l-row-center-sp { align-items: center; } }
.l-row-around { justify-content: space-around; }
@media only screen and (max-width: 767px) { .l-row-around-sp { justify-content: space-around; } }

.l-column { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; }
.l-column-center { align-items: center; }

/* フル幅で表示したいcolumnの幅指定 */
.l-row_columnfull, .l-column_columnfull { width: 100%; }
@media only screen and (max-width: 767px) { .l-row_columnfull-sp, .l-column_columnfull-sp { width: 100%; } }
@media print, screen and (min-width: 768px) { .l-row_columnfull-tab, .l-column_columnfull-tab { width: 100%; } }
@media print, screen and (min-width: 980px) { .l-row_columnfull-pc, .l-column_columnfull-pc { width: 100%; } }

/* 12分割からの割合での幅指定 */
/* 要素の幅を指定する */
/* スマホ以上での幅指定 */
.l-row_column1, .l-column_column1 { width: 8%; }

.l-row_column2, .l-column_column2 { width: 16%; }

.l-row_column3, .l-column_column3 { width: 24%; }

.l-row_column4, .l-column_column4 { width: 32%; }

.l-row_column5, .l-column_column5 { width: 40%; }

.l-row_column6, .l-column_column6 { width: 48%; }

.l-row_column7, .l-column_column7 { width: 56%; }

.l-row_column8, .l-column_column8 { width: 64%; }

.l-row_column9, .l-column_column9 { width: 72%; }

.l-row_column10, .l-column_column10 { width: 80%; }

.l-row_column11, .l-column_column11 { width: 88%; }

.l-row_column12, .l-column_column12 { width: 96%; }

/* タブレット以上での幅指定 */
@media print, screen and (min-width: 768px) { .l-row_column1-tab, .l-column_column1-tab { width: 8%; } }

@media print, screen and (min-width: 768px) { .l-row_column2-tab, .l-column_column2-tab { width: 16%; } }

@media print, screen and (min-width: 768px) { .l-row_column3-tab, .l-column_column3-tab { width: 24%; } }

@media print, screen and (min-width: 768px) { .l-row_column4-tab, .l-column_column4-tab { width: 32%; } }

@media print, screen and (min-width: 768px) { .l-row_column5-tab, .l-column_column5-tab { width: 40%; } }

@media print, screen and (min-width: 768px) { .l-row_column6-tab, .l-column_column6-tab { width: 48%; } }

@media print, screen and (min-width: 768px) { .l-row_column7-tab, .l-column_column7-tab { width: 56%; } }

@media print, screen and (min-width: 768px) { .l-row_column8-tab, .l-column_column8-tab { width: 64%; } }

@media print, screen and (min-width: 768px) { .l-row_column9-tab, .l-column_column9-tab { width: 72%; } }

@media print, screen and (min-width: 768px) { .l-row_column10-tab, .l-column_column10-tab { width: 80%; } }

@media print, screen and (min-width: 768px) { .l-row_column11-tab, .l-column_column11-tab { width: 88%; } }

@media print, screen and (min-width: 768px) { .l-row_column12-tab, .l-column_column12-tab { width: 96%; } }

/* PCのみでの幅指定 */
@media print, screen and (min-width: 980px) { .l-row_column1-pc, .l-column_column1-pc { width: 8%; } }

@media print, screen and (min-width: 980px) { .l-row_column2-pc, .l-column_column2-pc { width: 16%; } }

@media print, screen and (min-width: 980px) { .l-row_column3-pc, .l-column_column3-pc { width: 24%; } }

@media print, screen and (min-width: 980px) { .l-row_column4-pc, .l-column_column4-pc { width: 32%; } }

@media print, screen and (min-width: 980px) { .l-row_column5-pc, .l-column_column5-pc { width: 40%; } }

@media print, screen and (min-width: 980px) { .l-row_column6-pc, .l-column_column6-pc { width: 48%; } }

@media print, screen and (min-width: 980px) { .l-row_column7-pc, .l-column_column7-pc { width: 56%; } }

@media print, screen and (min-width: 980px) { .l-row_column8-pc, .l-column_column8-pc { width: 64%; } }

@media print, screen and (min-width: 980px) { .l-row_column9-pc, .l-column_column9-pc { width: 72%; } }

@media print, screen and (min-width: 980px) { .l-row_column10-pc, .l-column_column10-pc { width: 80%; } }

@media print, screen and (min-width: 980px) { .l-row_column11-pc, .l-column_column11-pc { width: 88%; } }

@media print, screen and (min-width: 980px) { .l-row_column12-pc, .l-column_column12-pc { width: 96%; } }

/*** object ***/
/** component **/
/* 背景 */
.c-background-highlight { background: #fffed8; }
.c-background-accent { background: rgba(255, 102, 0, 0.1); }

/* ボックス */
.c-box, .nagare { border: 1px solid #ccc; padding: 1em; }
.c-box:hover, .nagare:hover { text-decoration: none; }
.c-box-highlight { background: #fffed8; border: none; }
.c-box-white { background: #fff; }

/* タイトル */
.c-title { font-weight: 800; margin-bottom: 1rem; }
.c-title_sub { font-size: 0.75em; }
.c-title-sideborder { align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-size: 1.5em; text-align: center; }
@media print, screen and (min-width: 768px) { .c-title-sideborder { font-size: 2em; } }
.c-title-sideborder:before, .c-title-sideborder:after { content: ""; flex-grow: 1; height: 2px; display: block; }
.c-title-sideborder:before { background: linear-gradient(to left, #ff6600, transparent); margin-right: 8px; }
.c-title-sideborder:after { background: linear-gradient(to right, #ff6600, transparent); margin-left: 8px; }
.c-title-doubleborder:before, .c-title-doubleborder:after { background: #ff4444; content: ''; display: block; height: 2px; width: 100%; }
.c-title-doubleborder:before { margin-bottom: 0.5em; }
.c-title-doubleborder:after { margin-top: 0.5em; }
.c-title-bottomborder { border-bottom: 2px solid #ccc; padding-bottom: 0.25em; }
.c-title-circlearrow { align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.c-title-circlearrow:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1rem; width: 1rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M16.5%2C14.4v-.054a.528.528%2C0%2C0%2C0-.036-.168.432.432%2C0%2C0%2C0-.066-.114.6.6%2C0%2C0%2C0-.054-.078l-1.716-1.8a.6.6%2C0%2C0%2C0-.87.828l.738.786H11.1a.6.6%2C0%2C0%2C0%2C0%2C1.2h3.354l-.78.774a.6.6%2C0%2C1%2C0%2C.852.852l1.8-1.8A.623.623%2C0%2C0%2C0%2C16.5%2C14.4Z%22%20transform%3D%22translate%28-7.5%20-8.399%29%22%20fill%3D%22%23005e55%22%2F%3E%3Cpath%20d%3D%22M9%2C3a6%2C6%2C0%2C1%2C0%2C6%2C6A6%2C6%2C0%2C0%2C0%2C9%2C3ZM9%2C13.8A4.8%2C4.8%2C0%2C1%2C1%2C13.8%2C9%2C4.8%2C4.8%2C0%2C0%2C1%2C9%2C13.8Z%22%20transform%3D%22translate%28-3%20-3%29%22%20fill%3D%22%23005e55%22%2F%3E%3C%2Fsvg%3E"); margin-right: 0.1em; }

/* リスト */
.c-list, .p-aside_categorymenu .children { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; line-height: 1.5; }
.c-list li, .p-aside_categorymenu .children li { margin-top: 0.25em; margin-bottom: 0.25em; }
@media print, screen and (min-width: 768px) { .c-list-row { flex-direction: row; flex-wrap: wrap; } }
.c-list-row li:not(:first-child) { margin-left: 0.25em; }
.c-list-arrow li, .p-aside_categorymenu .children li { align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.c-list-arrow li:before, .p-aside_categorymenu .children li:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1rem; width: 1rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20transform%3D%22translate%289327%20-3109%29%22%3E%3Cpath%20id%3D%22arrow-ios-forward-fill%22%20d%3D%22M14.663%2C21.454a1.288%2C1.288%2C0%2C0%2C1-.745-.229.964.964%2C0%2C0%2C1-.416-.677.906.906%2C0%2C0%2C1%2C.265-.73l5.215-5.348L13.953%2C9.112a.9.9%2C0%2C0%2C1-.254-.735.969.969%2C0%2C0%2C1%2C.429-.672%2C1.3%2C1.3%2C0%2C0%2C1%2C.888-.243%2C1.22%2C1.22%2C0%2C0%2C1%2C.812.393l5.623%2C5.987a.89.89%2C0%2C0%2C1%2C0%2C1.267L15.63%2C21.1A1.259%2C1.259%2C0%2C0%2C1%2C14.663%2C21.454Z%22%20transform%3D%22translate%28-9337.581%203101.544%29%22%20fill%3D%22%23005e55%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); margin-right: 0.1em; }
.c-list-circle { margin-left: 2em; }
.c-list-circle li { text-indent: -2em; }
.c-list-circle li:before { content: '●'; color: #ff4444; padding: 0 0.5em; }
.c-list-notestyle li { border-bottom: 1px dotted #ccc; }
.c-list-checkbox li:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1rem; width: 1rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20d%3D%22M36%2C18A18%2C18%2C0%2C1%2C1%2C18%2C0%2C18%2C18%2C0%2C0%2C1%2C36%2C18Zm-8.933-6.817a1.688%2C1.688%2C0%2C0%2C0-2.43.049l-7.814%2C9.956-4.709-4.711a1.688%2C1.688%2C0%2C0%2C0-2.385%2C2.385l5.953%2C5.955a1.688%2C1.688%2C0%2C0%2C0%2C2.428-.045l8.982-11.228a1.688%2C1.688%2C0%2C0%2C0-.022-2.363Z%22%20fill%3D%22%23ff6600%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); margin-right: 0.25em; vertical-align: middle; }

/* バナー */
.c-banner { position: relative; border-radius: 4px; }
.c-banner-telephone { align-items: center; background: #fff; border: 2px solid #ff112f; color: #472918; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; padding: 1em 0.5em; }
@media print, screen and (min-width: 768px) { .c-banner-telephone { pointer-events: none; } }
.c-banner-telephone:hover { text-decoration: none; }
.c-banner_conversion { transition: all 0.5s; align-items: center; background: linear-gradient(#ff112f 0%, #f7001f 100%); border: 2px solid #ff112f; border-radius: 2px; box-shadow: 0 4px #910012; color: #fff; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-size: 1.35em; font-weight: 800; justify-content: center; padding: 0.75em 0.5em; position: relative; text-align: left; text-shadow: 0px 2px 0 rgba(71, 41, 24, 0.16); margin-top: 1.5em; z-index: 1; }
.c-banner_conversion:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1rem; width: 1rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M16.5%2C14.4v-.054a.528.528%2C0%2C0%2C0-.036-.168.432.432%2C0%2C0%2C0-.066-.114.6.6%2C0%2C0%2C0-.054-.078l-1.716-1.8a.6.6%2C0%2C0%2C0-.87.828l.738.786H11.1a.6.6%2C0%2C0%2C0%2C0%2C1.2h3.354l-.78.774a.6.6%2C0%2C1%2C0%2C.852.852l1.8-1.8A.623.623%2C0%2C0%2C0%2C16.5%2C14.4Z%22%20transform%3D%22translate%28-7.5%20-8.399%29%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M9%2C3a6%2C6%2C0%2C1%2C0%2C6%2C6A6%2C6%2C0%2C0%2C0%2C9%2C3ZM9%2C13.8A4.8%2C4.8%2C0%2C1%2C1%2C13.8%2C9%2C4.8%2C4.8%2C0%2C0%2C1%2C9%2C13.8Z%22%20transform%3D%22translate%28-3%20-3%29%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); margin-right: 0.1em; }
.c-banner_conversion:hover { box-shadow: 0 2px #910012; transform: translateY(2px); text-decoration: none; }
.c-banner_guide { transition: all 0.5s; align-items: center; border: 2px solid #005e55; background: linear-gradient(#009183, #005e55); color: #fff; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-size: 1.35em; font-weight: 800; justify-content: center; padding: 0.75em 0.5em; }
.c-banner_guide:hover { filter: brightness(1.2); text-decoration: none; }
.c-banner_balloon { background: #fff; border: 1px solid #ff112f; border-radius: 1em; box-shadow: 0px 1px 0px rgba(255, 17, 47, 0.25); color: #472918; font-weight: bold; font-size: 0.7em; text-align: center; text-shadow: none; position: absolute; top: -1.6em; left: 50%; transform: translateX(-50%); padding: 0.5em 2em; white-space: nowrap; z-index: 4; }
.c-banner_balloon:before { content: ""; position: absolute; bottom: -13px; left: 50%; margin-left: -16px; border: 7px solid transparent; border-top: 7px solid #fff; z-index: 110; }
.c-banner_balloon:after { content: ""; position: absolute; bottom: -16px; left: 50%; margin-left: -17px; border: 8px solid transparent; border-top: 8px solid #ff112f; z-index: 100; }

/* リンクボタン */
.c-button, .p-article .btn_style01, .p-blog .btn_style01, .p-pagefeed_item > a { transition: all 0.5s; align-items: center; background: #fff; border: 2px solid #005e55; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; padding: 0.5em 1em; }
.c-button:hover, .p-article .btn_style01:hover, .p-blog .btn_style01:hover, .p-pagefeed_item > a:hover { background: #ffdfdf; text-decoration: none; }
.c-button-high { padding: 1em; }
.c-button-arrow:before, .p-article .btn_style01:before, .p-blog .btn_style01:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1rem; width: 1rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M16.5%2C14.4v-.054a.528.528%2C0%2C0%2C0-.036-.168.432.432%2C0%2C0%2C0-.066-.114.6.6%2C0%2C0%2C0-.054-.078l-1.716-1.8a.6.6%2C0%2C0%2C0-.87.828l.738.786H11.1a.6.6%2C0%2C0%2C0%2C0%2C1.2h3.354l-.78.774a.6.6%2C0%2C1%2C0%2C.852.852l1.8-1.8A.623.623%2C0%2C0%2C0%2C16.5%2C14.4Z%22%20transform%3D%22translate%28-7.5%20-8.399%29%22%20fill%3D%22%23005e55%22%2F%3E%3Cpath%20d%3D%22M9%2C3a6%2C6%2C0%2C1%2C0%2C6%2C6A6%2C6%2C0%2C0%2C0%2C9%2C3ZM9%2C13.8A4.8%2C4.8%2C0%2C1%2C1%2C13.8%2C9%2C4.8%2C4.8%2C0%2C0%2C1%2C9%2C13.8Z%22%20transform%3D%22translate%28-3%20-3%29%22%20fill%3D%22%23005e55%22%2F%3E%3C%2Fsvg%3E"); margin-right: 0.1em; }
.c-button-contact:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1.25rem; width: 1.25rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2212%22%3E%3Cg%20transform%3D%22translate%28-6909.934%20-256.522%29%22%3E%3Cpath%20d%3D%22M4.327%2C6H14.943A1.331%2C1.331%2C0%2C0%2C1%2C16.27%2C7.327v7.962a1.331%2C1.331%2C0%2C0%2C1-1.327%2C1.327H4.327A1.331%2C1.331%2C0%2C0%2C1%2C3%2C15.289V7.327A1.331%2C1.331%2C0%2C0%2C1%2C4.327%2C6Z%22%20transform%3D%22translate%286908.326%20251.522%29%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%20stroke%3D%22%23005e55%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M16.27%2C9%2C9.635%2C13.644%2C3%2C9%22%20transform%3D%22translate%286908.326%20249.849%29%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20stroke%3D%22%23005e55%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); margin-right: 0.1em; }

/*aタグの中に内包されている場合のhover指定 */
a:hover .c-button, a:hover .p-article .btn_style01, .p-article a:hover .btn_style01, a:hover .p-blog .btn_style01, .p-blog a:hover .btn_style01, a:hover .p-pagefeed_item > a { background: #ffdfdf; text-decoration: none; }

/* カード */
.c-card, .p-aside_categorymenu > .cat-item { background: #fff; border: 1px solid #005e55; overflow: hidden; }
.c-card:hover, .p-aside_categorymenu > .cat-item:hover { text-decoration: none; }
.c-card_inner, .p-aside_categorymenu .children { padding: 0.5em 0.5em; }
.c-card_inner-left, .p-aside_categorymenu .children { align-items: flex-start; }
.c-card_header, .p-aside_categorymenu > .cat-item > a { transition: all 0.5s; align-items: center; background: #005e55; color: #fff; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; font-weight: 800; padding: 0.75em 0.5em; position: relative; }
a:hover .c-card_header, a:hover .p-aside_categorymenu > .cat-item > a { filter: brightness(1.3); }
.c-card_header-arrow, .p-aside_categorymenu > .cat-item > a { align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row; justify-content: center; }
.c-card_header-arrow:before, .p-aside_categorymenu > .cat-item > a:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1rem; width: 1rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20d%3D%22M16.5%2C14.4v-.054a.528.528%2C0%2C0%2C0-.036-.168.432.432%2C0%2C0%2C0-.066-.114.6.6%2C0%2C0%2C0-.054-.078l-1.716-1.8a.6.6%2C0%2C0%2C0-.87.828l.738.786H11.1a.6.6%2C0%2C0%2C0%2C0%2C1.2h3.354l-.78.774a.6.6%2C0%2C1%2C0%2C.852.852l1.8-1.8A.623.623%2C0%2C0%2C0%2C16.5%2C14.4Z%22%20transform%3D%22translate%28-7.5%20-8.399%29%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M9%2C3a6%2C6%2C0%2C1%2C0%2C6%2C6A6%2C6%2C0%2C0%2C0%2C9%2C3ZM9%2C13.8A4.8%2C4.8%2C0%2C1%2C1%2C13.8%2C9%2C4.8%2C4.8%2C0%2C0%2C1%2C9%2C13.8Z%22%20transform%3D%22translate%28-3%20-3%29%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); margin-right: 0.1em; }
.c-card_header-decoration { font-size: 6vw; }
@media print, screen and (min-width: 768px) { .c-card_header-decoration { font-size: 1.5em; } }
.c-card_header-decoration:after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: url("/wp-content/themes/ocean-temp_responsive-v2/images/texture-mosaic.png"); background-size: cover; mix-blend-mode: overlay; }
.c-card_header *:not(:first-child), .p-aside_categorymenu > .cat-item > a *:not(:first-child) { margin-top: 0.25em; }
.c-card_header_text { text-align: center; line-height: 1.25; white-space: nowrap; }
.c-card_header_sub { font-size: 3.5vw; text-align: center; white-space: nowrap; }
@media print, screen and (min-width: 768px) { .c-card_header_sub { font-size: 0.6em; } }
.c-card_title { font-weight: 800; text-align: center; white-space: nowrap; }
@media only screen and (max-width: 767px) { .c-card_title { font-size: 0.85em; } }
@media print, screen and (min-width: 768px) and (max-width: 979px) { .c-card_title { font-size: 0.8em; } }
.c-card_image { height: auto; vertical-align: bottom; width: 100%; }

/* 索引アイコン*/
.c-index:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1rem; width: 1rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2216.364%22%20viewBox%3D%220%200%2018%2016.364%22%3E%3Cpath%20d%3D%22M17.045%2C4.636H3.955a.818.818%2C0%2C0%2C0-.818.818V16.909a.818.818%2C0%2C0%2C0%2C.818.818H17.045a.818.818%2C0%2C0%2C0%2C.818-.818V5.455A.818.818%2C0%2C0%2C0%2C17.045%2C4.636ZM3.955%2C3A2.455%2C2.455%2C0%2C0%2C0%2C1.5%2C5.455V16.909a2.455%2C2.455%2C0%2C0%2C0%2C2.455%2C2.455H17.045A2.455%2C2.455%2C0%2C0%2C0%2C19.5%2C16.909V5.455A2.455%2C2.455%2C0%2C0%2C0%2C17.045%2C3ZM5.591%2C7.091H7.227V8.727H5.591Zm4.091%2C0a.818.818%2C0%2C1%2C0%2C0%2C1.636h4.909a.818.818%2C0%2C1%2C0%2C0-1.636ZM7.227%2C10.364H5.591V12H7.227Zm1.636.818a.818.818%2C0%2C0%2C1%2C.818-.818h4.909a.818.818%2C0%2C1%2C1%2C0%2C1.636H9.682A.818.818%2C0%2C0%2C1%2C8.864%2C11.182ZM7.227%2C13.636H5.591v1.636H7.227Zm1.636.818a.818.818%2C0%2C0%2C1%2C.818-.818h4.909a.818.818%2C0%2C1%2C1%2C0%2C1.636H9.682A.818.818%2C0%2C0%2C1%2C8.864%2C14.455Z%22%20transform%3D%22translate%28-1.5%20-3%29%22%20fill%3D%22%23472918%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); margin-right: 0.1em; vertical-align: middle; }

/* QA */
.c-question:before, .c-answer:before { box-sizing: border-box; display: inline-block; border: 2px solid #ff4444; flex: none; margin-right: 0.25em; padding: 0 0.3em; }

.c-question:before { background: #fff; content: 'Q.'; color: #ff4444; }

.c-answer:before { background: #ff4444; content: 'A.'; color: #fff; }

/* 電話番号 */
.c-telephone { align-items: center; color: #ff112f; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-size: 8vw; font-weight: 800; line-height: 1; white-space: nowrap; }
@media print, screen and (min-width: 768px) { .c-telephone { font-size: 1.7em; pointer-events: none; } }
.c-telephone:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1.15em; width: 1.15em; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22354.483%22%20viewBox%3D%220%200%20512%20354.483%22%3E%3Cpath%20d%3D%22M474.125%2C78.758H37.875A37.914%2C37.914%2C0%2C0%2C0%2C0%2C116.629V395.371a37.916%2C37.916%2C0%2C0%2C0%2C37.875%2C37.87h436.25A37.916%2C37.916%2C0%2C0%2C0%2C512%2C395.371V116.629A37.914%2C37.914%2C0%2C0%2C0%2C474.125%2C78.758ZM324.23%2C276.922c0-24.363%2C14.2-41.722%2C43.4-53.133%2C27.84%2C13.766%2C41.977%2C31.684%2C41.977%2C53.133%2C0%2C35.836-23.125%2C48.547-42.9%2C48.547C347.11%2C325.469%2C324.23%2C312.758%2C324.23%2C276.922ZM145.3%2C325.469c-19.774%2C0-42.9-12.711-42.9-48.547%2C0-21.449%2C14.137-39.367%2C41.977-53.133%2C29.2%2C11.41%2C43.4%2C28.77%2C43.4%2C53.133C187.77%2C312.758%2C164.89%2C325.469%2C145.3%2C325.469ZM35.187%2C203.7h15.5a388.826%2C388.826%2C0%2C0%2C1%2C44.066%2C2.445c2.356.3%2C4.742.578%2C7.028.938C79.655%2C224.313%2C65.2%2C247.278%2C65.2%2C276.923c0%2C56.3%2C40.3%2C85.75%2C80.1%2C85.75%2C39.621%2C0%2C79.672-29.454%2C79.672-85.75%2C0-26.789-9.926-48.746-28.906-65.515a105.537%2C105.537%2C0%2C0%2C0-10.77-8.535%2C309.821%2C309.821%2C0%2C0%2C1%2C70.676-8.469%2C312.12%2C312.12%2C0%2C0%2C1%2C60.558%2C6.351c3.414.722%2C6.871%2C1.387%2C10.191%2C2.23-26.086%2C17.539-39.687%2C42.43-39.687%2C73.938%2C0%2C56.3%2C40.051%2C85.75%2C79.672%2C85.75%2C39.8%2C0%2C80.1-29.454%2C80.1-85.75%2C0-21.449-7.68-39.359-20.242-54.172-.238-.285-.446-.578-.687-.863-1.57-1.809-3.27-3.531-4.985-5.246-.926-.942-1.793-1.906-2.77-2.829-.25-.234-.527-.445-.777-.675-2.258-2.094-4.586-4.164-7.1-6.168a373.832%2C373.832%2C0%2C0%2C1%2C51.07-3.266h15.5V395.372a2.686%2C2.686%2C0%2C0%2C1-2.688%2C2.683H37.875a2.686%2C2.686%2C0%2C0%2C1-2.688-2.683ZM476.813%2C172.52v.184h-15.5c-36.207%2C0-67.149%2C3.843-92.5%2C11.281-35.961-14.445-78.18-20.582-112.84-20.582-34.594%2C0-76.879%2C6.137-112.778%2C20.582-25.355-7.438-56.3-11.281-92.5-11.281h-15.5V116.63a2.687%2C2.687%2C0%2C0%2C1%2C2.688-2.684h436.25a2.687%2C2.687%2C0%2C0%2C1%2C2.688%2C2.684Z%22%20transform%3D%22translate%280%20-78.758%29%22%20fill%3D%22%23088E4B%22%2F%3E%3C%2Fsvg%3E"); vertical-align: middle; margin-right: 0.1em; }
.c-telephone_time { align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; font-size: 3.5vw; }
@media print, screen and (min-width: 768px) { .c-telephone_time { font-size: 0.75em; } }
.c-telephone_time_sub { text-indent: -1em; margin-left: 1em; font-size: 0.8em; }

.c-label { position: absolute; left: 0.5em; top: -0.5em; }
.c-label_base { /* ラベルを付けたいオブジェクトにつけるclass */ position: relative; }
.c-label-ribbon { /* 数値三桁くらいまでなら対応できる幅。これ以上の場合は要拡張 */ background: linear-gradient(to bottom, #ff112f, #dd001c); border-radius: 8% 0 0 0; color: #fff; display: block; font-size: 1.25em; font-weight: 800; padding: 0.75em 0 0.5em 0; text-align: center; width: 2.5em; }
.c-label-ribbon:before { position: absolute; content: ''; top: 0; right: -0.5em; border: none; border-bottom: solid 0.5em #aa0015; border-right: solid 0.5em transparent; }
.c-label-ribbon:after { content: ''; position: absolute; left: 0; top: 100%; height: 0; width: 0; border-left: 1.25em solid #dd001c; border-right: 1.25em solid #dd001c; border-bottom: 0.5em solid transparent; }

/* table */
.c-table { border: 1px solid #ccc; display: table; width: 100%; }
.c-table-fixed { table-layout: fixed; }
.c-table th, .c-table td { border: 1px solid #ccc; padding: 1em; line-height: 1.5; }
.c-table th { background: #ececec; }

/** project **/
/* header */
.p-header { background: #fff; border-bottom: 2px solid #ff4444; padding: 0.5rem 0; position: relative; }
.p-header_inner { align-items: center; }
@media only screen and (max-width: 767px) { .p-header_inner { width: 94vw; } }
@media print, screen and (min-width: 768px) { .p-header_inner { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } }
.p-header_logo { width: 80%; line-height: 1; }
@media print, screen and (min-width: 768px) { .p-header_logo { width: 64%; } }
@media print, screen and (min-width: 980px) { .p-header_logo { width: 72%; } }
.p-header_logo_inner { align-items: center; }
.p-header_logo_link { margin-top: 0.25em; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row; }
@media print, screen and (min-width: 980px) { .p-header_logo_link { width: 80%; } }
.p-header_logo_symbol { width: 17%; margin-right: 1%; }
@media print, screen and (min-width: 768px) { .p-header_logo_symbol { width: 9%; } }
.p-header_logo_text { width: 81%; }
@media print, screen and (min-width: 768px) { .p-header_logo_text { width: 90%; } }
.p-header_logo_text img { flex: none; }
.p-header_description, .p-header_office { font-weight: 500; font-size: 0.5em; }
@media print, screen and (min-width: 768px) { .p-header_description, .p-header_office { font-size: 0.7em; } }
@media print, screen and (min-width: 980px) { .p-header_description, .p-header_office { font-size: 0.85em; } }
@media print, screen and (min-width: 980px) { .p-header_description { margin-left: 4rem; } }
.p-header_information { display: none; }
@media print, screen and (min-width: 768px) { .p-header_information { align-items: flex-end; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; text-align: right; width: 48%; } }
@media print, screen and (min-width: 980px) { .p-header_information { width: 32%; } }
.p-header_information_navi { width: 100%; }
@media print, screen and (min-width: 768px) and (max-width: 979px) { .p-header_information .c-list, .p-header_information .p-aside_categorymenu .children, .p-aside_categorymenu .p-header_information .children { font-size: 0.85em; } }
@media print, screen and (min-width: 980px) { .p-header_information .c-list, .p-header_information .p-aside_categorymenu .children, .p-aside_categorymenu .p-header_information .children { justify-content: flex-end; margin-right: 0.5em; } }
.p-header_information .c-telephone { color: #ff6600; }
@media print, screen and (min-width: 980px) { .p-header_information .c-telephone { font-size: 2em; } }
.p-header_information .c-telephone_time { align-items: flex-end; }

/* メニュー用アイコン追加css */
.p-icon-building a:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1rem; width: 1rem; background-image: url("/wp-content/themes/ocean-temp_responsive-v2/images/icon-building.svg"); }
.p-icon-book a:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1rem; width: 1rem; background-image: url("/wp-content/themes/ocean-temp_responsive-v2/images/icon-book.svg"); }
.p-icon-calculator a:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1rem; width: 1rem; background-image: url("/wp-content/themes/ocean-temp_responsive-v2/images/icon-calculator.svg"); }
.p-icon-chat a:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1rem; width: 1rem; background-image: url("/wp-content/themes/ocean-temp_responsive-v2/images/icon-chat.svg"); }
.p-icon-home a:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1rem; width: 1rem; background-image: url("/wp-content/themes/ocean-temp_responsive-v2/images/icon-home.svg"); }
.p-icon-mappin a:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1rem; width: 1rem; background-image: url("/wp-content/themes/ocean-temp_responsive-v2/images/icon-mappin.svg"); }
.p-icon-message a:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1rem; width: 1rem; background-image: url("/wp-content/themes/ocean-temp_responsive-v2/images/icon-message.svg"); }
.p-icon-trophy a:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1rem; width: 1rem; background-image: url("/wp-content/themes/ocean-temp_responsive-v2/images/icon-trophy.svg"); }

/* トグルメニューボタン(スマホ) */
.p-navbar_toggle { align-items: center; background: #005e55; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; justify-content: center; height: 100%; position: absolute; top: 0; right: 0; width: 18%; z-index: 8; }
@media print, screen and (min-width: 768px) { .p-navbar_toggle { display: none; } }
.p-navbar_toggle_icon { background: #fff; border-radius: 2px; display: block; position: relative; height: 2px; width: 30px; -webkit-transition: ease .5s; transition: ease .5s; }
.p-navbar_toggle_icon:nth-child(1), .p-navbar_toggle_icon:nth-child(3) { top: 0; }
.p-navbar_toggle_icon:nth-child(2) { margin: 8px 0; }
.p-navbar_toggle_text { color: #fff; font-size: 0.75em; margin-top: 0.75em; }
.p-navbar_toggle.js-open .p-navbar_toggle_icon:nth-child(1) { top: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.p-navbar_toggle.js-open .p-navbar_toggle_icon:nth-child(2) { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; }
.p-navbar_toggle.js-open .p-navbar_toggle_icon:nth-child(3) { top: -10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/* トグルメニニュー(スマホ) */
.p-globalmenu_toggle { transition: all 0.5s; background: rgba(255, 243, 243, 0.9); padding: 0 1em; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); width: 82vw; z-index: 100; }
.p-globalmenu_toggle.js-open { -webkit-transform: translateX(0); transform: translateX(0); overflow-y: auto; -webkit-overflow-scrolling: touch; }
.p-globalmenu_toggle li { padding: 1em 0; }
.p-globalmenu_toggle li a:before { vertical-align: middle; margin-right: 0.25em; }

/* グローバルメニュー(PC) */
.p-globalmenu { display: none; }
@media print, screen and (min-width: 768px) { .p-globalmenu { filter: drop-shadow(0 0 4px rgba(153, 153, 153, 0.25)); background: #fff3f3; display: block; z-index: 7; } }
.p-globalmenu_inner { align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row; }
.p-globalmenu_inner li { align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around; width: calc(100% / 8); }
.p-globalmenu_inner li a { align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; justify-content: center; font-size: 0.85em; padding: 0.85em 0; text-align: center; width: 100%; }
@media print, screen and (min-width: 768px) and (max-width: 979px) { .p-globalmenu_inner li a { font-size: 0.75em; } }
.p-globalmenu_inner li a:hover { background: rgba(255, 223, 223, 0.8); text-decoration: none; }
.p-globalmenu_inner li a:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1.5em; width: 1.5em; }
.p-globalmenu_inner .current_page_item > a { background: rgba(255, 223, 223, 0.8); pointer-events: none; }
.p-globalmenu li[class^="p-icon"] a:before { margin-bottom: 0.5em; }

/* ミニマルなメニュー */
.p-minimalmenu .c-button, .p-minimalmenu .p-article .btn_style01, .p-article .p-minimalmenu .btn_style01, .p-minimalmenu .p-blog .btn_style01, .p-blog .p-minimalmenu .btn_style01, .p-minimalmenu .p-pagefeed_item > a { flex-direction: column; font-size: 0.9em; text-align: center; white-space: nowrap; }
.p-minimalmenu li a:before { margin-bottom: 0.5em; }

/* TOPメインビジュアル */
.p-mainvisual { background: linear-gradient(to top, #fff, #fff 50%, rgba(255, 255, 255, 0) 90%), url("/wp-content/themes/ocean-temp_responsive-v2/images/mainvisual-background.jpg"); background-position: bottom center; background-repeat: no-repeat; background-size: cover; border-bottom: 1px solid #ccc; z-index: 5; }
@media print, screen and (min-width: 768px) { .p-mainvisual { background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0) 90%), url("/wp-content/themes/ocean-temp_responsive-v2/images/mainvisual-background.jpg"); background-position: center center; } }
.p-mainvisual_inner { position: relative; margin-top: -0.5em; margin-bottom: 1em; }
@media print, screen and (min-width: 768px) { .p-mainvisual_inner { margin-bottom: 0.5em; align-items: center; } }
.p-mainvisual_tagline { background: rgba(255, 255, 255, 0.85); font-size: 4.5vw; font-weight: 800; margin-top: 0.5em; padding: 0.3em 0; }
@media print, screen and (min-width: 768px) { .p-mainvisual_tagline { font-size: 1em; } }
@media print, screen and (min-width: 980px) { .p-mainvisual_tagline { font-size: 1.3em; } }
.p-mainvisual_image { flex: 1; }
@media only screen and (max-width: 767px) { .p-mainvisual_banner { margin-top: -0.5em !important; } }
.p-mainvisual_menu_item { font-weight: 800; }
@media only screen and (max-width: 767px) { .p-mainvisual_menu_item { font-size: 3.5vw; } }
@media print, screen and (min-width: 768px) and (max-width: 979px) { .p-mainvisual_menu_item { font-size: 0.8em; } }
.p-mainvisual_menu_item:nth-of-type(n+3) { margin-top: 0.25em; }
.p-mainvisual_menu_item .c-button, .p-mainvisual_menu_item .p-article .btn_style01, .p-article .p-mainvisual_menu_item .btn_style01, .p-mainvisual_menu_item .p-blog .btn_style01, .p-blog .p-mainvisual_menu_item .btn_style01, .p-mainvisual_menu_item .p-pagefeed_item > a { justify-content: space-between; line-height: 1.25; overflow: hidden; padding: 0.5em; white-space: nowrap; }
.p-mainvisual_menu_item .u-text-small { font-size: 2vw; }
@media print, screen and (min-width: 768px) { .p-mainvisual_menu_item .u-text-small { font-size: 0.7em; } }

/* メインビジュアル直下のバナー */
.p-topbanner { position: relative; }
.p-topbanner_link { z-index: 6; }
@media print, screen and (min-width: 768px) { .p-topbanner_link { margin-top: -3em; } }

/* トップページでのcardリスト */
.p-topcard { position: relative; }
.p-topcard:nth-of-type(n+3) { margin-top: 0.5em; }
@media print, screen and (min-width: 768px) { .p-topcard:nth-of-type(n+3) { margin-top: 0; } }
@media print, screen and (min-width: 768px) { .p-topcard:nth-of-type(n+5) { margin-top: 0.5em; } }
.p-topcard_button { position: absolute; bottom: 0.5em; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); font-size: 3.5vw; white-space: nowrap; }
@media print, screen and (min-width: 768px) { .p-topcard_button { font-size: 0.85em; } }
@media print, screen and (min-width: 980px) { .p-topcard_button { width: 80%; } }
.p-topcard .c-card_header, .p-topcard .p-aside_categorymenu > .cat-item > a { white-space: nowrap; }
@media only screen and (max-width: 767px) { .p-topcard .c-card_header, .p-topcard .p-aside_categorymenu > .cat-item > a { font-size: 4vw; } }

/* トップページのディクショナリーコンテンツ */
.p-topdictionary_head { align-items: center; border-bottom: 1px solid #ccc; padding-bottom: 1em; margin-bottom: 1em; }
@media print, screen and (min-width: 768px) and (max-width: 979px) { .p-topdictionary_head { font-size: 0.85em; } }
.p-topdictionary_symbol { width: 16%; }
@media print, screen and (min-width: 768px) { .p-topdictionary_symbol { width: 24%; } }
.p-topdictionary_symbol img { width: 100%; }
.p-topdictionary_text { width: 80%; }
@media print, screen and (min-width: 768px) { .p-topdictionary_text { font-size: 1.1em; line-height: 1.25; width: 72%; } }

/* 新着情報 */
@media print, screen and (min-width: 768px) { .p-news { line-height: 2; } }

/* メインエリア */
.p-main { margin-bottom: 1em; }
.p-main_article { /* 記事エリア */ }
.p-main_aside { /* サイドエリア */ }

@media print, screen and (min-width: 768px) { .p-aside_text-small { font-size: 0.85em; } }
.p-aside_information_title { background: url("/wp-content/themes/ocean-temp_responsive-v2/images/image_footercontact_person.png"); background-repeat: no-repeat; background-position: right top; background-size: 55%; font-size: 1em; padding-right: 40%; padding-top: 1em; padding-bottom: 2em; }
.p-aside_information_banner { margin-top: -0.5em; }
.p-aside_information .c-banner_conversion { font-size: 1em; }
@media print, screen and (min-width: 768px) { .p-aside_information .c-banner_balloon { font-size: 0.68em; } }
@media print, screen and (min-width: 768px) { .p-aside_information .c-telephone { font-size: 1.25em; } }
@media print, screen and (min-width: 768px) { .p-aside_information .c-telephone_time { width: 12em; text-align: center; } }
.p-aside_categorymenu { margin-top: 1em; list-style-type: none; }
.p-aside_categorymenu > .cat-item:not(:first-child) { margin-top: 1em; }
.p-aside_categorymenu > .cat-item > a:hover { text-decoration: none; }
.p-aside_globalmenu li[class^="p-icon"] a:before { margin-right: 0.5em; }
.p-aside_contact_text { padding-bottom: 1em; }
@media only screen and (max-width: 767px) { .p-aside_contact_text { background: url("/wp-content/themes/ocean-temp_responsive-v2/images/image_contact_person01.png"); background-repeat: no-repeat; background-position: right top; background-size: 40vw; padding-right: 40vw; padding-top: 1em; } }

.p-banner-fee { line-height: 1.15; }
.p-banner-fee:before { content: ''; background: url("/wp-content/themes/ocean-temp_responsive-v2/images/symbol-fee.svg"); background-position: center center; background-size: cover; height: 1.25em; margin-right: 0.25em; width: 1.25em; }

/* パンくずリスト */
.p-breadCrumbs { margin-bottom: 1em; }
.p-breadCrumbs_list > li { display: inline; font-size: 0.85em; margin-right: 0.25em; line-height: 1.5; }
.p-breadCrumbs_list > li:not(:last-child):after { content: '>'; margin-left: 0.25em; }

/* 記事エリア */
.p-article > * { /* 要素間縦のマージン */ }
.p-article > *:not(:first-child) { margin-top: 1em; }
.p-article_title { font-size: 1.8em; }
.p-article > .p-article_illust { float: left; margin: 1em 0.5em 1em 0; }
@media only screen and (max-width: 767px) { .p-article > .p-article_illust { padding: 1em 0 1em 1em; } }
.p-article > .p-article_illust + *:after { /*案内イラストの次の要素のafterにclearfix*/ content: ""; display: block; clear: both; }
.p-article_imageTitle, .p-blog_imageTitle { align-items: stretch; background-size: cover; background-repeat: no-repeat; background-position: center center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; height: 8em; justify-content: center; margin-left: -50vw; margin-right: -50vw; position: relative; left: 50%; right: 50%; width: 100vw; }
@media print, screen and (min-width: 768px) { .p-article_imageTitle, .p-blog_imageTitle { height: 10em; margin: 0; left: auto; right: auto; width: 100%; } }
.p-article_imageTitle_text, .p-blog_imageTitle_text { background: rgba(255, 255, 255, 0.7); font-size: 1.25em; padding: 0.5em; text-align: center; }
@media print, screen and (min-width: 768px) { .p-article_imageTitle_text, .p-blog_imageTitle_text { font-size: 1.5em; } }
.p-article h2 { /* 固定ページ内の時のh2 */ border-bottom: 6px double #ff4444; }
.p-article h3 { /* 固定ページの時のh3 */ border-bottom: 2px solid #ccc; }
.p-article .mw_wp_form { margin-bottom: 3em; }

/* 固定ページと投稿の中での共通スタイル */
.p-article .sps, .p-article .wp-block-group, .p-blog .sps, .p-blog .wp-block-group { /** spsはocean汎用cssからの引き継ぎ  **/ border: 1px solid #ccc; padding: 1em; }
@media print, screen and (min-width: 768px) { .p-article .sps, .p-article .wp-block-group, .p-blog .sps, .p-blog .wp-block-group { border: none; padding: 0; } }
.p-article .sps:not(:first-of-type), .p-article .wp-block-group:not(:first-of-type), .p-blog .sps:not(:first-of-type), .p-blog .wp-block-group:not(:first-of-type) { margin-top: 2em; }
.p-article h2:not(:last-child), .p-article h3:not(:last-child), .p-article h4:not(:last-child), .p-article p:not(:last-child), .p-article table:not(:last-child), .p-article ol:not(:last-child), .p-article ul:not(:last-child), .p-article blockquote:not(:last-child), .p-blog h2:not(:last-child), .p-blog h3:not(:last-child), .p-blog h4:not(:last-child), .p-blog p:not(:last-child), .p-blog table:not(:last-child), .p-blog ol:not(:last-child), .p-blog ul:not(:last-child), .p-blog blockquote:not(:last-child) { margin-bottom: 0.5em; }
.p-article p, .p-blog p { line-height: 1.8; }
.p-article ul, .p-blog ul { margin-left: 2em; }
.p-article ul > li, .p-blog ul > li { line-height: 1.5; text-indent: -2em; }
.p-article ul > li:before, .p-blog ul > li:before { content: '●'; color: #ff4444; padding: 0 0.5em; }
.p-article ol, .p-blog ol { counter-reset: section; margin-left: 2em; }
.p-article ol > li, .p-blog ol > li { line-height: 2; text-indent: -2em; }
.p-article ol > li:before, .p-blog ol > li:before { border-radius: 50%; color: #fff; counter-increment: section; content: counter(section); background: #ff4444; padding: 0 0.5em; margin-right: 0.5em; }
.p-article table, .p-blog table { border: 1px solid #ccc; display: table; width: 100%; }
.p-article table th, .p-article table td, .p-blog table th, .p-blog table td { border: 1px solid #ccc; padding: 1em; line-height: 1.5; }
.p-article table th, .p-blog table th { background: #ececec; }
.p-article table .nowrap, .p-blog table .nowrap { white-space: nowrap; }
.p-article blockquote, .p-blog blockquote { background: #ececec; border-left: 2px solid #fff3f3; padding: 1em; }
.p-article blockquote cite, .p-blog blockquote cite { display: block; font-size: 0.85em; margin-top: 1em; text-align: right; width: 100%; }
.p-article strong, .p-blog strong { font-weight: 800; background: linear-gradient(transparent 50%, rgba(255, 102, 0, 0.08) 50%); }
.p-article u, .p-blog u { background: linear-gradient(transparent 50%, rgba(255, 102, 0, 0.08) 50%); text-decoration: none; }
.p-article .c-banner-telephone > p, .p-blog .c-banner-telephone > p { margin-bottom: 0; }
.p-article .c-telephone, .p-blog .c-telephone { line-height: 1; }
.p-article .c-list-notestyle, .p-blog .c-list-notestyle { margin-left: auto; }
.p-article .c-list-notestyle li, .p-blog .c-list-notestyle li { text-indent: 0; }
.p-article .c-list-notestyle li:before, .p-blog .c-list-notestyle li:before { content: none; }
.p-article .wp-block-button__link, .p-blog .wp-block-button__link { background: #005e55; border-radius: 4px; }
.p-article .wp-block-button__link:hover, .p-blog .wp-block-button__link:hover { color: #005e55; background: #ffdfdf; }
.p-article .is-style-outline .wp-block-button__link, .p-blog .is-style-outline .wp-block-button__link { border: 2px solid #005e55; border-radius: 4px; background: #fff; color: #005e55; padding: 0.5em 1.5em; }
.p-article .is-style-outline .wp-block-button__link:hover, .p-blog .is-style-outline .wp-block-button__link:hover { background: #ffdfdf; }

/* LPページ */
.p-lp_titleImage { width: 100vw; }
@media print, screen and (min-width: 980px) { .p-lp_titleImage { width: 950px; margin-left: auto; margin-right: auto; } }
.p-lp_titleImage img { width: 100%; }
.p-lp_cardlist:nth-of-type(n+3) { margin-top: 0.5em; }
@media print, screen and (min-width: 768px) { .p-lp_cardlist:nth-of-type(n+3) { margin-top: 0; } }
@media print, screen and (min-width: 768px) { .p-lp_cardlist:nth-of-type(n+5) { margin-top: 0.5em; } }

/* ページ下部のお問い合わせはこちら */
.p-pagefooter_contact { padding: 1em 1em; position: relative; }
@media only screen and (max-width: 767px) { .p-pagefooter_contact { left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; } }
@media print, screen and (min-width: 980px) { .p-pagefooter_contact { overflow: hidden; padding: 1em 2em; margin: 0; } }
@media print, screen and (min-width: 980px) { .p-pagefooter_contact:after { content: ''; display: block; position: absolute; bottom: 0; right: 2em; background: url("/wp-content/themes/ocean-temp_responsive-v2/images/image_pagefootercontact_person.png") no-repeat; background-position: bottom center; background-size: contain; height: 100%; width: 35%; } }
.p-pagefooter_contact_title { line-height: 1.25; }
@media only screen and (max-width: 767px) { .p-pagefooter_contact_title { background: url("/wp-content/themes/ocean-temp_responsive-v2/images/image_pagefootercontact_person.png") no-repeat; background-position: bottom right; background-size: 24vw; font-size: 5vw; padding-top: 0.5em; padding-bottom: 0.5em; padding-right: 24vw; } }
@media print, screen and (min-width: 768px) and (max-width: 979px) { .p-pagefooter_contact_title { font-size: 1em; } }
@media print, screen and (min-width: 980px) { .p-pagefooter_contact_inner { width: 85%; } }
.p-pagefooter_contact .c-banner { width: 100%; }
@media print, screen and (min-width: 768px) { .p-pagefooter_contact .c-banner { margin-top: 0.5em; } }
@media print, screen and (min-width: 980px) { .p-pagefooter_contact .c-banner { margin-bottom: 1em; width: 80%; } }
.p-pagefooter_contact .c-banner_conversion { margin-bottom: 0.5em; }
@media print, screen and (min-width: 768px) { .p-pagefooter_contact .c-banner-telephone { border: none; background: none; padding: 0; } }
@media print, screen and (min-width: 980px) { .p-pagefooter_contact .c-telephone { font-size: 2.5em; } }
.p-pagefooter_contact .p-minimalmenu { width: 100%; }
@media print, screen and (min-width: 980px) { .p-pagefooter_contact .p-minimalmenu { width: 80%; } }

.p-blog_imageTitle { color: #fff; background-image: url("/wp-content/themes/ocean-temp_responsive-v2/images/image_header_blog.jpg"); }
.p-blog_imageTitle:hover { text-decoration: none; }
.p-blog_imageTitle_text { background: rgba(255, 68, 68, 0.75); }
.p-blog_title { border-top: 2px solid #005e55; border-bottom: 2px solid #005e55; font-size: 1.25em; padding-top: 0.25em; padding-bottom: 0.25em; margin-bottom: 0.5em; }
.p-blog_title .c-title { margin-bottom: 0; }
.p-blog_title > a { width: 100%; }
.p-blog_title > a:hover { text-decoration: none; background: #ffdfdf; }
.p-blog_column { margin-top: 1em; }
.p-blog_column:not(:first-of-type) { margin-top: 4em; }
.p-blog_article *:not(:first-child) { margin-top: 1em; }
.p-blog_article h2, .p-blog_article h3 { align-items: flex-start; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; font-size: 1.25em; line-height: 1.5; }
.p-blog_article h2:before, .p-blog_article h3:before { border: 2px solid #ff4444; flex: none; margin-right: 0.25em; padding: 0 0.3em; }
.p-blog_article h2:before { background: #fff; box-sizing: border-box; content: 'Q.'; color: #ff4444; }
.p-blog_article h3:before { background: #ff4444; box-sizing: border-box; content: 'A.'; color: #fff; }

.p-pagefeed_item > a { font-size: 0.85em; white-space: nowrap; }
@media print, screen and (min-width: 768px) { .p-pagefeed_item > a { font-size: 1em; } }
.p-pagefeed_prev a:before { content: '≪'; }
.p-pagefeed_next a:after { content: '≫'; }

/* 関連リンクリスト */
.p-relatedlink_list li:not(:first-child) { margin-left: 0; }

/* 所員紹介 */
.p-staff_list-column3-tab:after, .p-staff_list-column4-tab:after { display: block; content: ""; }
.p-staff_list-column3-tab:after, .p-staff_list-column3-tab:before { width: 24%; }
.p-staff_list-column3-tab:before { order: 1; }
.p-staff_list-column4-tab:after { width: 32%; }
.p-staff_name { font-size: 1.2em; margin-bottom: 0; }
.p-staff_label { background: #fff3f3; border-radius: 4px; color: #fff; display: inline-block; font-size: 0.8em; margin-top: 0 !important; margin-bottom: 0.25em; padding: 0.5em; white-space: nowrap; }
.p-staff_label_list { margin-top: 0; }

/* sitemap */
.p-sitemap > ul a { display: block; }
.p-sitemap > ul > .page_item { /* wp固有class */ }
.p-sitemap > ul > .page_item > a { align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.p-sitemap > ul > .page_item > a:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1rem; width: 1rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20transform%3D%22translate%289327%20-3109%29%22%3E%3Cpath%20id%3D%22arrow-ios-forward-fill%22%20d%3D%22M14.663%2C21.454a1.288%2C1.288%2C0%2C0%2C1-.745-.229.964.964%2C0%2C0%2C1-.416-.677.906.906%2C0%2C0%2C1%2C.265-.73l5.215-5.348L13.953%2C9.112a.9.9%2C0%2C0%2C1-.254-.735.969.969%2C0%2C0%2C1%2C.429-.672%2C1.3%2C1.3%2C0%2C0%2C1%2C.888-.243%2C1.22%2C1.22%2C0%2C0%2C1%2C.812.393l5.623%2C5.987a.89.89%2C0%2C0%2C1%2C0%2C1.267L15.63%2C21.1A1.259%2C1.259%2C0%2C0%2C1%2C14.663%2C21.454Z%22%20transform%3D%22translate%28-9337.581%203101.544%29%22%20fill%3D%22%23005e55%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.p-sitemap > ul > .page_item .children { margin-left: 1em; }
.p-sitemap > ul > .page_item .children > li > a:before { content: '・'; display: inline-block; }

/* footerのお問い合わせ */
.p-footercontact { position: relative; }
@media print, screen and (min-width: 768px) { .p-footercontact:after { content: ''; display: block; position: absolute; bottom: -2em; right: 0; background: url("/wp-content/themes/ocean-temp_responsive-v2/images/image_footercontact_person.png") no-repeat; background-position: bottom center; background-size: contain; height: 130%; width: 33%; } }
.p-footercontact_title { background: url("/wp-content/themes/ocean-temp_responsive-v2/images/image_footercontact_person.png") no-repeat; background-position: bottom right; background-size: 24vw; font-size: 6vw; padding-top: 0.5em; padding-bottom: 0.5em; padding-right: 24vw; }
@media print, screen and (min-width: 768px) { .p-footercontact_title { background: none; font-size: 1.25em; padding: 0; text-align: center; } }
@media print, screen and (min-width: 980px) { .p-footercontact_title { font-size: 1.75em; } }
@media print, screen and (min-width: 768px) { .p-footercontact .c-banner-telephone { margin-top: 0.5em; background: none; border: none; padding: 0; } }
@media print, screen and (min-width: 768px) { .p-footercontact .c-telephone { font-size: 3rem; } }
@media print, screen and (min-width: 768px) { .p-footercontact .c-telephone_time { font-size: 1em; font-weight: 800; } }

/* footer */
.p-footer { background: #005e55; color: #fff; padding-bottom: 6em; }
.p-footer_inner { padding: 1em 0; }
.p-footer_facebook { width: 100%; overflow: hidden; }
.p-footer a { color: #fff; }

.p-footerlink { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 1em; }
@media print, screen and (min-width: 768px) { .p-footerlink { margin-top: 0; } }
.p-footerlink li { font-size: 0.85em; width: 48%; }
.p-footerlink li:before { content: ""; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; flex: none; height: 1rem; width: 1rem; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cg%20transform%3D%22translate%289327%20-3109%29%22%3E%3Cpath%20id%3D%22arrow-ios-forward-fill%22%20d%3D%22M14.663%2C21.454a1.288%2C1.288%2C0%2C0%2C1-.745-.229.964.964%2C0%2C0%2C1-.416-.677.906.906%2C0%2C0%2C1%2C.265-.73l5.215-5.348L13.953%2C9.112a.9.9%2C0%2C0%2C1-.254-.735.969.969%2C0%2C0%2C1%2C.429-.672%2C1.3%2C1.3%2C0%2C0%2C1%2C.888-.243%2C1.22%2C1.22%2C0%2C0%2C1%2C.812.393l5.623%2C5.987a.89.89%2C0%2C0%2C1%2C0%2C1.267L15.63%2C21.1A1.259%2C1.259%2C0%2C0%2C1%2C14.663%2C21.454Z%22%20transform%3D%22translate%28-9337.581%203101.544%29%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

/* floatmenu */
.p-float_bottom { background: rgba(255, 255, 255, 0.7); border-top: 2px solid #ff4444; padding-top: 0.5em; padding-bottom: 0.5em; position: fixed; bottom: 0; width: 100%; z-index: 9; }
@media print, screen and (min-width: 768px) { .p-float_bottom { padding-top: 1em; padding-bottom: 1em; } }
@media print { .p-float_bottom { display: none; } }
@media print, screen and (min-width: 768px) { .p-float_bottom_sodan { order: 1; } }
@media print, screen and (min-width: 768px) { .p-float_bottom_contact { order: 3; } }
@media print, screen and (min-width: 768px) { .p-float_bottom_telephone { order: 2; } }
@media print, screen and (min-width: 980px) { .p-float_bottom_telephone:after { content: ''; display: block; position: absolute; bottom: -1em; right: 0; background: url("/wp-content/themes/ocean-temp_responsive-v2/images/image_footercontact_person.png") no-repeat; background-position: bottom right; background-size: contain; height: 200%; width: 48%; } }
.p-float_bottom .c-banner_conversion { font-size: 3.25vw; margin-top: 0; padding-top: 1.5em; padding-bottom: 1.5em; }
@media print, screen and (min-width: 768px) { .p-float_bottom .c-banner_conversion { font-size: 1em; padding-top: 1em; padding-bottom: 1em; } }
.p-float_bottom .c-banner-telephone { font-size: 3vw; font-weight: 800; }
@media print, screen and (min-width: 768px) { .p-float_bottom .c-banner-telephone { align-items: flex-start; background: none; border: none; font-size: 1.25em; padding: 0; } }
.p-float_bottom .c-telephone { font-size: 1.5em; }
@media print, screen and (min-width: 768px) { .p-float_bottom .c-telephone { font-size: 1.6em; } }
@media print, screen and (min-width: 980px) { .p-float_bottom .c-telephone { margin-top: 0.1em; font-size: 1.9em; } }
.p-float_bottom .c-button, .p-float_bottom .p-article .btn_style01, .p-article .p-float_bottom .btn_style01, .p-float_bottom .p-blog .btn_style01, .p-blog .p-float_bottom .btn_style01, .p-float_bottom .p-pagefeed_item > a { font-size: 0.8em; }
@media print, screen and (min-width: 980px) { .p-float_bottom .c-button, .p-float_bottom .p-article .btn_style01, .p-article .p-float_bottom .btn_style01, .p-float_bottom .p-blog .btn_style01, .p-blog .p-float_bottom .btn_style01, .p-float_bottom .p-pagefeed_item > a { padding-top: 1em; padding-bottom: 1em; } }
@media print, screen and (min-width: 768px) { .p-float_bottom .c-button-arrow, .p-float_bottom .p-article .btn_style01, .p-article .p-float_bottom .btn_style01, .p-float_bottom .p-blog .btn_style01, .p-blog .p-float_bottom .btn_style01 { display: flex !important; } }

/** WP独自クラス **/
.wp-embedded-content { width: 100%; }

/** WP pagenavi **/
.wp-pagenavi { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; flex-wrap: wrap; margin-top: 2em; }
.wp-pagenavi *:not(:first-child) { margin-left: 0.5em; }
.wp-pagenavi a, .wp-pagenavi span { padding: 0.5em 0.75em; margin-bottom: 0.5em; }
.wp-pagenavi a { border: 1px solid #005e55; }
.wp-pagenavi a:hover { background: #ffdfdf; text-decoration: none; }
.wp-pagenavi .current { background: #ccc; border: 1px solid #ccc; color: #472918; }

/*** pages **/
/*メールフォーム*/
.p-mailform { font-size: 1em; }
.p-mailform dt, .p-mailform dd { line-height: 1.5; }
.p-mailform dt { font-weight: 800; margin-bottom: 0.5em; }
.p-mailform dd { margin-bottom: 1em; position: relative; }
.p-mailform input, .p-mailform textarea, .p-mailform select { border: 1px solid #ccc; border-radius: 4px; color: #472918; font-size: 0.85em; outline: none; line-height: 1.5; padding: 1.5em; width: 100%; }
.p-mailform input:focus, .p-mailform textarea:focus, .p-mailform select:focus { border: 1px solid #005e55; }
.p-mailform input::placeholder, .p-mailform textarea::placeholder, .p-mailform select::placeholder { color: #ccc; }
.p-mailform textarea { height: 10em; }
.p-mailform select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 1em) calc(50%), calc(100% - 0.5em) calc(50%), 100% 0; background-size: 0.5em 0.5em, 0.5em 0.5em, 2em auto; background-repeat: no-repeat; padding-right: 2em; padding-left: 1em; white-space: normal; }
.p-mailform select:focus { background-image: linear-gradient(45deg, #fff 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #fff 50%), linear-gradient(to right, #005e55, #005e55); background-position: calc(100% - 0.5em) calc(50%), calc(100% - 1em) calc(50%), 100% 0; background-size: 0.5em 0.5em, 0.5em 0.5em, 2em auto; }
.p-mailform select > option:focus { background: #fffed8; }
.p-mailform_halfcolumn, .p-mailform_twocolumn { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.p-mailform_twocolumn > input, .p-mailform_twocolumn select { width: 49%; }
.p-mailform_halfcolumn { width: 49%; }
.p-mailform_check > span { margin: 0; }
.p-mailform_check > span label { display: block; padding: 1em; border: solid 1px #ccc; border-radius: 4px; background: #fff; margin-bottom: 8px; transition: all .3s ease; }
.p-mailform_check > span label:hover { cursor: pointer; background: #ffdfdf; }
.p-mailform_check > span label:checked { border: solid 1px #ff4444; }
.p-mailform_check > span label input[type="radio"], .p-mailform_check > span label input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border: 2px solid #ccc; color: #fff; cursor: pointer; display: inline-block; height: 20px; margin: .4rem; outline: none; padding: 0; position: relative; right: 0; bottom: 0; left: 0; transition: all .15s ease-out 0s; vertical-align: -0.8rem; width: 20px; }
.p-mailform_check > span label input[type="radio"]:checked, .p-mailform_check > span label input[type=checkbox]:checked { border: 2px solid #005e55; }
.p-mailform_check > span label input[type="radio"]:checked:before, .p-mailform_check > span label input[type=checkbox]:checked:before { background: #005e55; transform: scale(1); }
.p-mailform_check > span label input[type="radio"]:before, .p-mailform_check > span label input[type=checkbox]:before { content: ""; display: block; width: 10px; height: 10px; margin: 3px; transform: scale(0); transition: all ease-out 250ms; }
.p-mailform_check > span label input[type="radio"] { border-radius: 50%; }
.p-mailform_check > span label input[type="radio"]:before { border-radius: 50%; }
.p-mailform_label { background: #ccc; border-radius: 4px; font-size: 0.85rem; font-weight: 500; vertical-align: middle; padding: 0.1em 0.25em; margin-left: 0.25em; }
.p-mailform_label-require { background: #ff112f; color: #fff; }
.p-mailform_submessage { display: block; margin-top: 0.5em; }
.p-mailform .error { color: #ff6600 !important; font-size: 0.8rem !important; position: absolute; bottom: -1.25em; width: 49%; text-align: right; }
.p-mailform .error:nth-child(2) { left: 51%; }
.mw_wp_form_confirm .p-mailform_submessage { display: none; }
.p-mailform_button { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; }
.p-mailform_button input { transition: all 0.5s; border: none; border-radius: 4px; background: linear-gradient(#009183, #005e55); color: #fff; font-size: 1.25em; padding: 0.75em 1.5em; cursor: pointer; }
.p-mailform_button input:not(:first-child) { margin-left: 0.25em; }
.p-mailform_button input:hover { filter: brightness(1.2); }
.p-mailform_button input[name="確認・送信ボタン"] { background: linear-gradient(#ff112f 0%, #dd001c 100%); border: #ff6600; color: #fff; }

.mw_wp_form .horizontal-item + .horizontal-item { margin-left: 0 !important; }

/* カレンダーUI */
.ui-datepicker-calendar thead th { color: #472918; }
.ui-datepicker-calendar tbody .ui-state-default { color: #472918; background: #ececec; border: none; }
.ui-datepicker-calendar tbody .ui-datepicker-week-end { /* 土日(weekend)は選べないようにする　*/ pointer-events: none; }
.ui-datepicker-calendar tbody .ui-datepicker-week-end a { background: #fff; color: #ccc; }
.ui-datepicker-calendar tbody .ui-datepicker-current-day a { background: #fff; border: 2px solid #005e55; }

.ui-datepicker-next-hover { border: none; }

/** 改修前から引き継いだスタイル **/
.nagare:not(:first-of-type) { margin-top: 1em; }

ul.linkBtn, .nagare ul, ul.theme_btn_list { margin-left: 0; }
ul.linkBtn li, .nagare ul li, ul.theme_btn_list li { text-indent: 0; }
ul.linkBtn li:not(:first-child), .nagare ul li:not(:first-child), ul.theme_btn_list li:not(:first-child) { margin-top: 0.5em; }
ul.linkBtn li:before, .nagare ul li:before, ul.theme_btn_list li:before { content: none; }

/*** utility **/
.u-text-main { color: #ff4444; }
.u-text-assort { color: #fff3f3; }
.u-text-strong { font-weight: 800; }
.u-text-accent { color: #ff6600; }
.u-text-underline { background: linear-gradient(transparent 50%, rgba(255, 102, 0, 0.08) 50%); }
.u-text-nowrap { white-space: nowrap; }
.u-text-caution { color: #ff112f; }
.u-text-xsmall { font-size: 0.65em; }
.u-text-small { font-size: 0.8em; }
.u-text-large { font-size: 1.2em; }
.u-text-xlarge { font-size: 1.5em; }
.u-text-xxlarge { font-size: 1.75em; }

.u-lh10 { line-height: 1; }

.u-lh11 { line-height: 1.1; }

.u-lh12 { line-height: 1.2; }

.u-lh13 { line-height: 1.3; }

.u-lh14 { line-height: 1.4; }

.u-lh15 { line-height: 1.5; }

.u-lh16 { line-height: 1.6; }

.u-lh17 { line-height: 1.7; }

.u-lh18 { line-height: 1.8; }

.u-lh19 { line-height: 1.9; }

.u-lh20 { line-height: 2; }

.u-text-left { text-align: left; }

.alignleft { float: left; }

.u-text-right { text-align: right; }

.alignright { float: right; }

.u-text-center { text-align: center; }

.aligncenter { float: center; }

.alignleft { padding-right: 16px; }

.alignright { padding-left: 16px; }

.u_border-top { border-top: 1px solid #ccc; }
.u_border-right { border-right: 1px solid #ccc; }
.u_border-bottom { border-bottom: 1px solid #ccc; }
.u_border-left { border-left: 1px solid #ccc; }

/* マージン調整用 */
.u-mbtm0 { margin-bottom: 0px !important; }

.u-mtop0 { margin-top: 0px !important; }

.u-mbtm8 { margin-bottom: 8px !important; }

.u-mtop8 { margin-top: 8px !important; }

.u-mbtm16 { margin-bottom: 16px !important; }

.u-mtop16 { margin-top: 16px !important; }

.u-mbtm24 { margin-bottom: 24px !important; }

.u-mtop24 { margin-top: 24px !important; }

.u-mbtm32 { margin-bottom: 32px !important; }

.u-mtop32 { margin-top: 32px !important; }

.u-mbtm40 { margin-bottom: 40px !important; }

.u-mtop40 { margin-top: 40px !important; }

.u-mbtm48 { margin-bottom: 48px !important; }

.u-mtop48 { margin-top: 48px !important; }

.u-mbtm56 { margin-bottom: 56px !important; }

.u-mtop56 { margin-top: 56px !important; }

.u-mbtm64 { margin-bottom: 64px !important; }

.u-mtop64 { margin-top: 64px !important; }

.u-mbtm72 { margin-bottom: 72px !important; }

.u-mtop72 { margin-top: 72px !important; }

.u-mbtm80 { margin-bottom: 80px !important; }

.u-mtop80 { margin-top: 80px !important; }

.u-mtop-xsmall { margin-top: 0.5rem !important; }
.u-mtop-small { margin-top: 0.5rem !important; }
.u-mtop-middle { margin-top: 1rem !important; }
.u-mtop-large { margin-top: 3rem !important; }
.u-mtop-xlarge { margin-top: 4rem !important; }
.u-mtop-none { margin-top: 0 !important; }

.u-mbtm-xsmall { margin-bottom: 0.5rem !important; }
.u-mbtm-small { margin-bottom: 0.5rem !important; }
.u-mbtm-middle { margin-bottom: 1rem !important; }
.u-mbtm-large { margin-bottom: 3rem !important; }
.u-mbtm-xlarge { margin-bottom: 4rem !important; }
.u-mbtm-none { margin-bottom: 0; }

.u-mlft-1em { margin-left: 1em; }
.u-mlft-2em { margin-left: 2em; }

/* マージン調整用 */
.u-pbtm0 { padding-bottom: 0px !important; }

.u-ptop0 { padding-top: 0px !important; }

.u-pbtm8 { padding-bottom: 8px !important; }

.u-ptop8 { padding-top: 8px !important; }

.u-pbtm16 { padding-bottom: 16px !important; }

.u-ptop16 { padding-top: 16px !important; }

.u-pbtm24 { padding-bottom: 24px !important; }

.u-ptop24 { padding-top: 24px !important; }

.u-pbtm32 { padding-bottom: 32px !important; }

.u-ptop32 { padding-top: 32px !important; }

.u-pbtm40 { padding-bottom: 40px !important; }

.u-ptop40 { padding-top: 40px !important; }

.u-pbtm48 { padding-bottom: 48px !important; }

.u-ptop48 { padding-top: 48px !important; }

.u-pbtm56 { padding-bottom: 56px !important; }

.u-ptop56 { padding-top: 56px !important; }

.u-pbtm64 { padding-bottom: 64px !important; }

.u-ptop64 { padding-top: 64px !important; }

.u-pbtm72 { padding-bottom: 72px !important; }

.u-ptop72 { padding-top: 72px !important; }

.u-pbtm80 { padding-bottom: 80px !important; }

.u-ptop80 { padding-top: 80px !important; }

.u-ptop-xsmall { padding-top: 0.5rem !important; }
.u-ptop-small { padding-top: 0.5rem !important; }
.u-ptop-middle { padding-top: 1rem !important; }
.u-ptop-large { padding-top: 3rem !important; }
.u-ptop-xlarge { padding-top: 4rem !important; }

.u-pbtm-xsmall { padding-bottom: 0.5rem !important; }
.u-pbtm-small { padding-bottom: 0.5rem !important; }
.u-pbtm-middle { padding-bottom: 1rem !important; }
.u-pbtm-large { padding-bottom: 3rem !important; }
.u-pbtm-xlarge { padding-bottom: 4rem !important; }

/** デバイスでのだし分け用css **/
/* スマホのみ */
@media print, screen and (min-width: 768px) { .sp { display: none !important; } }

/* タブレットのみ */
@media only screen and (max-width: 767px) { .tab-only { display: none !important; } }
@media print, screen and (min-width: 980px) { .tab-only { display: none !important; } }

/* タブレット以上 */
@media only screen and (max-width: 767px) { .tab { display: none !important; } }

/* PC以上 */
@media only screen and (max-width: 767px) { .pc { display: none !important; } }
@media print, screen and (min-width: 768px) and (max-width: 979px) { .pc { display: none !important; } }