@charset "UTF-8";
@charset 'UTF-8';
div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//seizen-sekizai.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}.wpcf7c-elm-step2 {}
.wpcf7c-elm-step3 {}
.wpcf7 .ajax-loader{}
.wpcf7c-hide {display: none;}
.wpcf7c-force-hide {display: none !important;}
.wpcf7c-conf {background-color: #999999; color: black; border: 1px solid #333333;}
 .slick-loading .slick-list
{
background: #fff url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/js/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/js/slick/fonts/slick.eot);
src: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/js/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/js/slick/fonts/slick.woff) format('woff'), url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/js/slick/fonts/slick.ttf) format('truetype'), url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/js/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
html {
overflow-y: scroll;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
del {
color: #333;
}
ins {
background: #fff9c0;
text-decoration: none;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 24px;
margin-bottom: 1.714285714rem;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
small {
font-size: smaller;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
} .clear:after,
.wrapper:after,
.format-status .entry-header:after {
clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
display: table;
content: "";
}  .archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
font-weight: bold;
text-transform: uppercase;
color: #636363;
} article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
} button,
input,
select,
textarea {
border: 1px solid #ccc;
border-radius: 3px;
font-family: inherit;
padding: 6px;
padding: 0.428571429rem;
}
button,
input {
line-height: normal;
}
textarea {
font-size: 100%;
overflow: auto;
vertical-align: top;
} input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
border: 0;
border-radius: 0;
padding: 0;
} .menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {
padding: 6px 10px;
padding: 0.428571429rem 0.714285714rem;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 1.428571429;
font-weight: normal;
color: #7c7c7c;
background-color: #e6e6e6;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6);
border: 1px solid #d2d2d2;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
.menu-toggle:hover,
.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
color: #5e5e5e;
background-color: #ebebeb;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
color: #757575;
background-color: #e1e1e1;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1);
box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
border-color: transparent;
}
.bypostauthor cite span {
color: #fff;
background-color: #21759b;
background-image: none;
border: 1px solid #1f6f93;
border-radius: 2px;
box-shadow: none;
padding: 0;
} .entry-content img,
.comment-content img,
.widget img {
max-width: 100%; }
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto; }
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
max-width: 100%;
height: auto; } embed,
iframe,
object,
video {
max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
max-width: 100% !important; } .alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image { border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-caption {
max-width: 100%; padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
font-style: italic;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
color: #757575;
}
img.wp-smiley,
.rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.entry-content dl.gallery-item {
margin: 0;
}
.gallery-item a,
.gallery-caption {
width: 90%;
}
.gallery-item a {
display: block;
}
.gallery-caption a {
display: inline;
}
.gallery-columns-1 .gallery-item a {
max-width: 100%;
width: auto;
}
.gallery .gallery-icon img {
height: auto;
max-width: 90%;
padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
padding: 3%;
} .site-content nav {
clear: both;
line-height: 2;
overflow: hidden;
}
#nav-above {
padding: 24px 0;
padding: 1.714285714rem 0;
}
#nav-above {
display: none;
}
.paged #nav-above {
display: block;
}
.nav-previous,
.previous-image {
float: left;
width: 50%;
}
.nav-next,
.next-image {
float: right;
text-align: right;
width: 50%;
}
.nav-single + .comments-area,
#comment-nav-above {
margin: 48px 0;
margin: 3.428571429rem 0;
} .author .archive-header {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.author-info {
border-top: 1px solid #ededed;
margin: 24px 0;
margin: 1.714285714rem 0;
padding-top: 24px;
padding-top: 1.714285714rem;
overflow: hidden;
}
.author-description p {
color: #757575;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
.author.archive .author-info {
border-top: 0;
margin: 0 0 48px;
margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
margin-top: 0;
}  html {
font-size: 87.5%;
}
body {
font-size: 14px;
font-size: 1rem;
font-family: Helvetica, Arial, sans-serif;
text-rendering: optimizeLegibility;
color: #444;
}
body.custom-font-enabled {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
a {
outline: none;
color: #21759b;
}
a:hover {
color: #0f3647;
} .assistive-text,
.site .screen-reader-text {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
width: 1px;
}
.main-navigation .assistive-text:focus,
.site .screen-reader-text:hover,
.site .screen-reader-text:active,
.site .screen-reader-text:focus {
background: #fff;
border: 2px solid #333;
border-radius: 3px;
clip: auto !important;
color: #000;
display: block;
font-size: 12px;
height: auto;
padding: 12px;
position: absolute;
top: 5px;
left: 5px;
width: auto;
z-index: 100000; } .site {
padding: 0 24px;
padding: 0 1.714285714rem;
background-color: #fff;
}
.site-content {
margin: 24px 0 0;
margin: 1.714285714rem 0 0;
}
.widget-area {
margin: 24px 0 0;
margin: 1.714285714rem 0 0;
} .site-header {
padding: 24px 0;
padding: 1.714285714rem 0;
}
.site-header h1,
.site-header h2 {
text-align: center;
}
.site-header h1 a,
.site-header h2 a {
color: #515151;
display: inline-block;
text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
color: #21759b;
}
.site-header h1 {
font-size: 24px;
font-size: 1.714285714rem;
line-height: 1.285714286;
margin-bottom: 14px;
margin-bottom: 1rem;
}
.site-header h2 {
font-weight: normal;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #757575;
}
.header-image {
margin-top: 24px;
margin-top: 1.714285714rem;
} .main-navigation {
margin-top: 24px;
margin-top: 1.714285714rem;
text-align: center;
}
.main-navigation li {
margin-top: 24px;
margin-top: 1.714285714rem;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.42857143;
}
.main-navigation a {
color: #5e5e5e;
}
.main-navigation a:hover,
.main-navigation a:focus {
color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
display: inline-block;
} section[role="banner"] {
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
} .widget-area .widget {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
word-wrap: break-word;
}
.widget-area .widget h3 {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
.widget-area .widget p {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul,
.widget-area .textwidget ol {
list-style: disc outside;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li > ul,
.widget-area .textwidget li > ol {
margin-bottom: 0;
}
.widget-area .textwidget ol {
list-style: decimal;
}
.widget-area .textwidget li {
margin-left: 36px;
margin-left: 2.571428571rem;
}
.widget-area .widget a {
color: #757575;
}
.widget-area .widget a:hover {
color: #21759b;
}
.widget-area .widget a:visited {
color: #9f9f9f;
}
.widget-area #s {
width: 53.66666666666%; } footer[role="contentinfo"] {
border-top: 1px solid #ededed;
clear: both;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
max-width: 960px;
max-width: 68.571428571rem;
margin-top: 24px;
margin-top: 1.714285714rem;
margin-left: auto;
margin-right: auto;
padding: 24px 0;
padding: 1.714285714rem 0;
}
footer[role="contentinfo"] a {
color: #686868;
}
footer[role="contentinfo"] a:hover {
color: #21759b;
}
.site-info span[role=separator] {
padding: 0 0.3em 0 0.6em;
}
.site-info span[role=separator]::before {
content: '\002f';
} .entry-meta {
clear: both;
}
.entry-header {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.entry-header img.wp-post-image {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.entry-header .entry-title {
font-size: 20px;
font-size: 1.428571429rem;
line-height: 1.2;
font-weight: normal;
}
.entry-header .entry-title a {
text-decoration: none;
}
.entry-header .entry-format {
margin-top: 24px;
margin-top: 1.714285714rem;
font-weight: normal;
}
.entry-header .comments-link {
margin-top: 24px;
margin-top: 1.714285714rem;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #757575;
}
.comments-link a,
.entry-meta a {
color: #757575;
}
.comments-link a:hover,
.entry-meta a:hover {
color: #21759b;
}
article.sticky .featured-post {
border-top: 4px double #ededed;
border-bottom: 4px double #ededed;
color: #757575;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 3.692307692;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
text-align: center;
}
.entry-content,
.entry-summary,
.mu_register {
line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
margin: 24px 0;
margin: 1.714285714rem 0;
line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1 {
font-size: 21px;
font-size: 1.5rem;
line-height: 1.5;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
font-size: 18px;
font-size: 1.285714286rem;
line-height: 1.6;
}
.entry-content h3,
.comment-content h3 {
font-size: 16px;
font-size: 1.142857143rem;
line-height: 1.846153846;
}
.entry-content h4,
.comment-content h4 {
font-size: 14px;
font-size: 1rem;
line-height: 1.846153846;
}
.entry-content h5,
.comment-content h5 {
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
.entry-content h6,
.comment-content h6 {
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.846153846;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
line-height: 1.714285714;
}
.entry-content a:visited,
.comment-content a:visited {
color: #9f9f9f;
}
.entry-content .more-link {
white-space: nowrap;
}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
line-height: 1.714285714;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
list-style: disc outside;
}
.entry-content ol,
.comment-content ol {
list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
margin: 0 0 0 36px;
margin: 0 0 0 2.571428571rem;
}
.entry-content blockquote,
.comment-content blockquote {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
padding: 24px;
padding: 1.714285714rem;
font-style: italic;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
margin-bottom: 0;
}
.entry-content code,
.comment-content code {
font-family: Consolas, Monaco, Lucida Console, monospace;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
}
.entry-content pre,
.comment-content pre {
border: 1px solid #ededed;
color: #666;
font-family: Consolas, Monaco, Lucida Console, monospace;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.714285714;
margin: 24px 0;
margin: 1.714285714rem 0;
overflow: auto;
padding: 24px;
padding: 1.714285714rem;
}
.entry-content pre code,
.comment-content pre code {
display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
.entry-content address,
.comment-content address {
display: block;
line-height: 1.714285714;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
}
img.alignleft,
.wp-caption.alignleft {
margin: 12px 24px 12px 0;
margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright,
.wp-caption.alignright {
margin: 12px 0 12px 24px;
margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter,
.wp-caption.aligncenter {
clear: both;
margin-top: 12px;
margin-top: 0.857142857rem;
margin-bottom: 12px;
margin-bottom: 0.857142857rem;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.entry-content dl,
.comment-content dl {
margin: 0 24px;
margin: 0 1.714285714rem;
}
.entry-content dt,
.comment-content dt {
font-weight: bold;
line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
line-height: 1.714285714;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.entry-content table,
.comment-content table {
border-bottom: 1px solid #ededed;
color: #757575;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
width: 100%;
}
.entry-content table caption,
.comment-content table caption {
font-size: 16px;
font-size: 1.142857143rem;
margin: 24px 0;
margin: 1.714285714rem 0;
}
.entry-content td,
.comment-content td {
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0;
}
.site-content article {
border-bottom: 4px double #ededed;
margin-bottom: 72px;
margin-bottom: 5.142857143rem;
padding-bottom: 24px;
padding-bottom: 1.714285714rem;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.page-links {
clear: both;
line-height: 1.714285714;
}
footer.entry-meta {
margin-top: 24px;
margin-top: 1.714285714rem;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #757575;
}
.single-author .entry-meta .by-author {
display: none;
}
.mu_register h2 {
color: #757575;
font-weight: normal;
} .archive-header,
.page-header {
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
padding-bottom: 22px;
padding-bottom: 1.571428571rem;
border-bottom: 1px solid #ededed;
}
.archive-meta {
color: #757575;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
margin-top: 22px;
margin-top: 1.571428571rem;
} .attachment .entry-content .mejs-audio {
max-width: 400px;
}
.attachment .entry-content .mejs-container {
margin-bottom: 24px;
} .article.attachment {
overflow: hidden;
}
.image-attachment div.attachment {
text-align: center;
}
.image-attachment div.attachment p {
text-align: center;
}
.image-attachment div.attachment img {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
}
.image-attachment .entry-caption {
margin-top: 8px;
margin-top: 0.571428571rem;
} article.format-aside h1 {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
text-decoration: none;
color: #4d525a;
}
article.format-aside h1 a:hover {
color: #2e3542;
}
article.format-aside .aside {
padding: 24px 24px 0;
padding: 1.714285714rem;
background: #d2e0f9;
border-left: 22px solid #a8bfe8;
}
article.format-aside p {
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #4a5466;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
margin-bottom: 0;
}  article.format-image footer h1 {
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
font-weight: normal;
}
article.format-image footer h2 {
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
}
article.format-image footer a h2 {
font-weight: normal;
} article.format-link header {
padding: 0 10px;
padding: 0 0.714285714rem;
float: right;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
font-weight: bold;
font-style: italic;
text-transform: uppercase;
color: #848484;
background-color: #ebebeb;
border-radius: 3px;
}
article.format-link .entry-content {
max-width: 80%;
float: left;
}
article.format-link .entry-content a {
font-size: 22px;
font-size: 1.571428571rem;
line-height: 1.090909091;
text-decoration: none;
} article.format-quote .entry-content p {
margin: 0;
padding-bottom: 24px;
padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
display: block;
padding: 24px 24px 0;
padding: 1.714285714rem 1.714285714rem 0;
font-size: 15px;
font-size: 1.071428571rem;
line-height: 1.6;
font-style: normal;
color: #6a6a6a;
background: #efefef;
} .format-status .entry-header {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.format-status .entry-header header {
display: inline-block;
}
.format-status .entry-header h1 {
font-size: 15px;
font-size: 1.071428571rem;
font-weight: normal;
line-height: 1.6;
margin: 0;
}
.format-status .entry-header h2 {
font-size: 12px;
font-size: 0.857142857rem;
font-weight: normal;
line-height: 2;
margin: 0;
}
.format-status .entry-header header a {
color: #757575;
}
.format-status .entry-header header a:hover {
color: #21759b;
}
.format-status .entry-header img {
float: left;
margin-right: 21px;
margin-right: 1.5rem;
} .comments-title {
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
font-size: 16px;
font-size: 1.142857143rem;
line-height: 1.5;
font-weight: normal;
}
.comments-area article {
margin: 24px 0;
margin: 1.714285714rem 0;
}
.comments-area article header {
margin: 0 0 48px;
margin: 0 0 3.428571429rem;
overflow: hidden;
position: relative;
}
.comments-area article header img {
float: left;
padding: 0;
line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
display: block;
margin-left: 85px;
margin-left: 6.071428571rem;
}
.comments-area article header cite {
font-style: normal;
font-size: 15px;
font-size: 1.071428571rem;
line-height: 1.42857143;
}
.comments-area cite b {
font-weight: normal;
}
.comments-area article header time {
line-height: 1.714285714;
text-decoration: none;
font-size: 12px;
font-size: 0.857142857rem;
color: #5e5e5e;
}
.comments-area article header a {
text-decoration: none;
color: #5e5e5e;
}
.comments-area article header a:hover {
color: #21759b;
}
.comments-area article header cite a {
color: #444;
}
.comments-area article header cite a:hover {
text-decoration: underline;
}
.comments-area article header h4 {
position: absolute;
top: 0;
right: 0;
padding: 6px 12px;
padding: 0.428571429rem 0.857142857rem;
font-size: 12px;
font-size: 0.857142857rem;
font-weight: normal;
color: #fff;
background-color: #0088d0;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #009cee, #0088d0);
background-image: -ms-linear-gradient(top, #009cee, #0088d0);
background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
background-image: -o-linear-gradient(top, #009cee, #0088d0);
background-image: linear-gradient(to bottom, #009cee, #0088d0);
border-radius: 3px;
border: 1px solid #007cbd;
}
.comments-area .bypostauthor cite span {
position: absolute;
margin-left: 5px;
margin-left: 0.357142857rem;
padding: 2px 5px;
padding: 0.142857143rem 0.357142857rem;
font-size: 10px;
font-size: 0.714285714rem;
}
.comments-area .bypostauthor cite b {
font-weight: bold;
}
a.comment-reply-link,
a.comment-edit-link {
color: #686868;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
color: #21759b;
}
.commentlist .pingback {
line-height: 1.714285714;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
} #respond {
margin-top: 48px;
margin-top: 3.428571429rem;
}
#respond h3#reply-title {
font-size: 16px;
font-size: 1.142857143rem;
line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
margin-left: 10px;
margin-left: 0.714285714rem;
font-weight: normal;
font-size: 12px;
font-size: 0.857142857rem;
}
#respond form {
margin: 24px 0;
margin: 1.714285714rem 0;
}
#respond form p {
margin: 11px 0;
margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
#respond form label {
display: block;
line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.714285714;
padding: 10px;
padding: 0.714285714rem;
width: 100%;
}
#respond form p.form-allowed-tags {
margin: 0;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
color: #5e5e5e;
}
#respond #wp-comment-cookies-consent {
margin: 0 10px 0 0;
}
#respond .comment-form-cookies-consent label {
display: inline;
}
.required {
color: red;
} .entry-page-image {
margin-bottom: 14px;
margin-bottom: 1rem;
}
.template-front-page .site-content article {
border: 0;
margin-bottom: 0;
}
.template-front-page .widget-area {
clear: both;
float: none;
width: auto;
padding-top: 24px;
padding-top: 1.714285714rem;
border-top: 1px solid #ededed;
}
.template-front-page .widget-area .widget li {
margin: 8px 0 0;
margin: 0.571428571rem 0 0;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.714285714;
list-style-type: square;
list-style-position: inside;
}
.template-front-page .widget-area .widget li a {
color: #757575;
}
.template-front-page .widget-area .widget li a:hover {
color: #21759b;
}
.template-front-page .widget-area .widget_text img {
float: left;
margin: 8px 24px 8px 0;
margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
} .widget-area .widget ul ul {
margin-left: 12px;
margin-left: 0.857142857rem;
}
.widget_rss li {
margin: 12px 0;
margin: 0.857142857rem 0;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {
color: #aaa;
font-size: 11px;
font-size: 0.785714286rem;
margin-left: 12px;
margin-left: 0.857142857rem;
}
#wp-calendar {
margin: 0;
width: 100%;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #686868;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
text-align: left;
}
#wp-calendar #next {
padding-right: 24px;
padding-right: 1.714285714rem;
text-align: right;
}
.widget_search label {
display: block;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
.widget_twitter li {
list-style-type: none;
}
.widget_twitter .timesince {
display: block;
text-align: right;
}
.tagcloud ul {
list-style-type: none;
}
.tagcloud ul li {
display: inline-block;
}
.widget-area .widget.widget_tag_cloud li {
line-height: 1;
}
.template-front-page .widget-area .widget.widget_tag_cloud li {
margin: 0;
}
.widget-area .gallery-columns-2.gallery-size-full .gallery-icon img,
.widget-area .gallery-columns-3.gallery-size-full .gallery-icon img,
.widget-area .gallery-columns-4.gallery-size-full .gallery-icon img,
.widget-area .gallery-columns-5.gallery-size-full .gallery-icon img,
.widget-area .gallery-columns-6 .gallery-icon img,
.widget-area .gallery-columns-7 .gallery-icon img,
.widget-area .gallery-columns-8 .gallery-icon img,
.widget-area .gallery-columns-9 .gallery-icon img {
height: auto;
max-width: 80%;
} img#wpstats {
display: block;
margin: 0 auto 24px;
margin: 0 auto 1.714285714rem;
}  @-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
} @media screen and (min-width: 600px) {
.author-avatar {
float: left;
margin-top: 8px;
margin-top: 0.571428571rem;
}
.author-description {
float: right;
width: 80%;
}
.site {
margin: 0 auto;
max-width: 960px;
max-width: 68.571428571rem;
overflow: hidden;
}
.site-content {
float: left;
width: 65.104166667%;
}
body.template-front-page .site-content,
body.attachment .site-content,
body.full-width .site-content {
width: 100%;
}
.widget-area {
float: right;
width: 26.041666667%;
}
.site-header h1,
.site-header h2 {
text-align: left;
}
.site-header h1 {
font-size: 26px;
font-size: 1.857142857rem;
line-height: 1.846153846;
margin-bottom: 0;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;
display: inline-block !important;
text-align: left;
width: 100%;
}
.main-navigation ul {
margin: 0;
text-indent: 0;
}
.main-navigation li a,
.main-navigation li {
display: inline-block;
text-decoration: none;
}
.main-navigation li a {
border-bottom: 0;
color: #6a6a6a;
line-height: 3.692307692;
text-transform: uppercase;
white-space: nowrap;
}
.main-navigation li a:hover,
.main-navigation li a:focus {
color: #000;
}
.main-navigation li {
margin: 0 40px 0 0;
margin: 0 2.857142857rem 0 0;
position: relative;
}
.main-navigation li ul {
margin: 0;
padding: 0;
position: absolute;
top: 100%;
z-index: 1;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation li ul ul {
top: 0;
left: 100%;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li:focus > ul,
.main-navigation .focus > ul {
border-left: 0;
clip: inherit;
overflow: inherit;
height: inherit;
width: inherit;
}
.main-navigation li ul li a {
background: #efefef;
border-bottom: 1px solid #ededed;
display: block;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
padding: 8px 10px;
padding: 0.571428571rem 0.714285714rem;
width: 180px;
width: 12.85714286rem;
white-space: normal;
}
.main-navigation li ul li a:hover,
.main-navigation li ul li a:focus {
background: #e3e3e3;
color: #444;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
color: #636363;
font-weight: bold;
}
.menu-toggle {
display: none;
}
.entry-header .entry-title {
font-size: 22px;
font-size: 1.571428571rem;
}
#respond form input[type="text"] {
width: 46.333333333%;
}
#respond form textarea.blog-textarea {
width: 79.666666667%;
}
.template-front-page .site-content,
.template-front-page article {
overflow: hidden;
}
.template-front-page.has-post-thumbnail article {
float: left;
width: 47.916666667%;
}
.entry-page-image {
float: right;
margin-bottom: 0;
width: 47.916666667%;
}
.template-front-page .widget-area .widget,
.template-front-page.two-sidebars .widget-area .front-widgets {
float: left;
width: 51.875%;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.template-front-page .widget-area .widget:nth-child(odd) {
clear: right;
}
.template-front-page .widget-area .widget:nth-child(even),
.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
float: right;
width: 39.0625%;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
}
.template-front-page.two-sidebars .widget,
.template-front-page.two-sidebars .widget:nth-child(even) {
float: none;
width: auto;
}
.commentlist .children {
margin-left: 48px;
margin-left: 3.428571429rem;
}
} @media screen and (min-width: 960px) {
body {
background-color: #e6e6e6;
}
body .site {
padding: 0 40px;
padding: 0 2.857142857rem;
margin-top: 48px;
margin-top: 3.428571429rem;
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
body.custom-background-empty {
background-color: #fff;
}
body.custom-background-empty .site,
body.custom-background-white .site {
padding: 0;
margin-top: 0;
margin-bottom: 0;
box-shadow: none;
}
} @media print {
body {
background: none !important;
color: #000;
font-size: 10pt;
}
footer a[rel=bookmark]:link:after,
footer a[rel=bookmark]:visited:after {
content: " [" attr(href) "] "; }
a {
text-decoration: none;
}
.entry-content img,
.comment-content img,
.author-avatar img,
img.wp-post-image {
border-radius: 0;
box-shadow: none;
}
.site {
clear: both !important;
display: block !important;
float: none !important;
max-width: 100%;
position: relative !important;
}
.site-header {
margin-bottom: 72px;
margin-bottom: 5.142857143rem;
text-align: left;
}
.site-header h1 {
font-size: 21pt;
line-height: 1;
text-align: left;
}
.site-header h2 {
color: #000;
font-size: 10pt;
text-align: left;
}
.site-header h1 a,
.site-header h2 a {
color: #000;
}
.author-avatar,
#colophon,
#respond,
.commentlist .comment-edit-link,
.commentlist .reply,
.entry-header .comments-link,
.entry-meta .edit-link a,
.page-link,
.site-content nav,
.widget-area,
img.header-image,
.main-navigation {
display: none;
}
.wrapper {
border-top: none;
box-shadow: none;
}
.site-content {
margin: 0;
width: auto;
}
.entry-header .entry-title,
.entry-title {
font-size: 21pt;
}
footer.entry-meta,
footer.entry-meta a {
color: #444;
font-size: 10pt;
}
.author-description {
float: none;
width: auto;
} .commentlist > li.comment {
background: none;
position: relative;
width: auto;
}
.commentlist .avatar {
height: 39px;
left: 2.2em;
top: 2.2em;
width: 39px;
}
.comments-area article header cite,
.comments-area article header time {
margin-left: 50px;
margin-left: 3.57142857rem;
}
}
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, sup, 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;
}
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;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} 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;
} hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
ol, ul {
list-style: none;
} .cf {
zoom: 1;
}
.cf:before, .cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}

 .tab-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tab {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 20px 0;
list-style: none;
text-align: center;
cursor: pointer;
font-size: 30px;
color: #fff;
}
.tab.red {
background: #cc533b;
width: calc((100% - 10px) / 2);
width: -webkit-calc((100% - 10px) / 2);
margin: 0 10px 0 0;
}
.tab.red:nth-child(2n) {
margin-right: 0;
}
.tab.blue {
background: #0059b2;
width: calc((100% - 20px) / 3);
width: -webkit-calc((100% - 20px) / 3);
margin: 0 10px 0 0;
}
.tab.blue:nth-child(3n) {
margin-right: 0;
}
.contents-tab {
background: #fff;
margin: -27px 0 0 0;
padding: 50px;
}
.content-inbox {
display: none;
}
.tab.is-active {
background: #fff;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.tab.is-active.red {   
color: #cc533b;  
}
.tab.is-active.blue {
color: #0059b2; 
}
.content-inbox.is-show {
display: block;
} .content-inbox > div {
padding: 20px 0;
border-bottom: 1px solid #cc533b;
}
.content-inbox > div:nth-child(2n) {
border: 0;
}
.content-inbox > div.box_hikarie {
border-bottom: 1px solid #cc533b;
}
.content-inbox > div.box_hikarie.no-border {
border: 0;
}
.content-inbox > div p {
font-size: 18px!important;
line-height: 1.5!important;
}
.tab_inbox {
width: 100%;
border: none!important;
}
.tab_inbox p {
font-size: 18px!important;
line-height: 1.5!important;
}
.tab_inbox img {
display: block;
width: 100%;
margin: 0 0 20px 0;
}
h3.tab_ttl {
font-size: 26px!important;
font-weight: 500!important;
padding: 0 0 20px 0;
}
h3.tab_ttl:before {
content: '';
display: inline-block;
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/icon_mark.png) no-repeat 0 0;
background-size: cover;
vertical-align: middle;
width: 30px;
height: 30px;
margin: -5px 10px 0 0;
}
h4.tab_price {
font-family: Century Gothic;
font-size: 40px!important;
font-weight: 500!important;
line-height: 1.0!important;
margin: 20px 0 0 0!important;
text-align: right;
}
h4.tab_price:before {
content: '';
display: inline-block;
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/kaiyo/section04_price.png) no-repeat 0 0;
background-size: cover;
vertical-align: middle;
width: 58px;
height: 58px;
margin: -25px 10px 0 0;
}
h4.tab_price span {
font-size: 70px!important;
color: #cc5239;
}
h4.tab_price span.yen {
font-size: 24px!important;
color: #333!important;
}
.tab_unit {
width: 100%;
}
.tab_unit > div {
width: calc((100% - 20px) / 2);
width: -webkit-calc((100% - 20px) / 2);
margin: 0 20px 20px 0;
padding: 20px 0;
background: #f8f8f8;
border: 1px solid #0059b2;
}
.tab_unit > div:nth-child(2n) {
margin-right: 0;
}
.tab_unit > div p {
font-size: 30px!important;
color: #0059b2;
text-align: center;
}
@media screen and (max-width: 767px) {
.tab {
font-size: 100%;
}
.contents-tab {
padding: 5%;
}
.content-inbox > div p {
font-size: 100%!important;
padding: 0 0 5% 0;
}
.tab_unit > div {
display: table!important;
width: 100%;
margin: 0 0 10px 0;		
}
.tab_unit > div p {
display: table-cell!important;
vertical-align: middle!important;
font-size: 120%!important;
padding: 0!important;
}
.content-inbox > div {
padding-bottom: 0; 
}
h3.tab_ttl {
font-size: 23px!important;
padding: 0 0 20px 0;
}
h3.tab_ttl:before {
width: 25px;
height: 25px;
}
h4.tab_price {
font-size: 18px!important;
margin: 20px 0 0 0!important;
text-align: center;
}
h4.tab_price:before {
width: 40px;
height: 40px;
margin: -20px 10px 0 0;
}
h4.tab_price span {
font-size: 45px!important;
}
h4.tab_price span.yen {
font-size: 100%!important;
}
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.center {
text-align: center;
}
._justify {
text-align: justify;
text-justify: inter-ideograph;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.plan_box.manyadjust .flex {
align-items: center;
}
@media screen and (max-width: 767px) {
.flex {
display: block;
}
}
.wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
} a[href^="tel:"] {
pointer-events: none;
}
@media screen and (max-width: 767px) {
a[href^="tel:"] {
pointer-events: auto;
}
} ._sp {
display: none!important;
}
@media screen and (max-width: 834px) {
._pc {
display: none!important;
}
._sp {
display: block!important;
}
}   ._gothic {
font-family: 'Hiragino Kaku Gothic ProN', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: 500!important;
} .main_v {
display: block;
width: 100%;
margin: 0;
padding: 0;
}
.main_v img {
display: block;
width: 100%;
} .contact_ttl h2 {
display: block;
font-size: 50px!important;
font-weight: 500!important;
text-align: center;
line-height: 0;
margin: 80px 0 20px 0!important;
}
.contact_ttl h2:before,
.contact_ttl h2:after {
content: '';
display: inline-block;
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/icon_mark.png) no-repeat 0 0;
background-size: auto;
vertical-align: middle;
width: 48px;
height: 48px;
margin: -10px 10px 0 10px;
}
.contact_ttl.hikarie h2:before,
.contact_ttl.hikarie h2:after {
content: '';
display: inline-block;
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/icon_mark_hikarie.png) no-repeat 0 0;
background-size: auto;
vertical-align: middle;
width: 48px;
height: 48px;
margin: -10px 10px 0 10px;
}
@media screen and (max-width: 767px) {
.contact_ttl.hikarie h2:before,
.contact_ttl.hikarie h2:after {
background-size: cover;
width: 20px;
height: 20px;
margin: 0 3px;
}
}
.contact_ttl h3 span {
font-size: 36px!important;
font-weight: 600!important;
color: #c52608;
}
.contact_ttl h3 {
font-size: 26px!important;
font-weight: 500!important;
text-align: center;
}
.contact_box {
width: 100%;
height: 200px;
background: #cc533b;
border-radius: 10px;
margin: 10px 0 20px 0;
}
.contact_unitl {
display: block;
width: 390px;
height: 200px;
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/contact_bk.png) no-repeat 0 0;
background-size: 100% auto;
padding: 50px 15px 0 0;
border-radius: 10px 0 0 10px;
font-size: 42px;
color: #fff;
text-align: center;
line-height: 1.3;
}
.contact_unitl span {
font-size: 34px;
}
.contact_unitr {
display: block;
width: calc(100% - 390px);
width: -webkit-calc(100% - 390px);
padding: 20px 0;
color: #fff;
}
.contact_unitr p {
font-family: 'Hiragino Kaku Gothic ProN', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 26px!important;
font-weight: 500!important;
color: #fff!important;
text-align: center;
}
@media screen and (max-width: 1200px) {
.contact_unitr p:nth-child(1) {
font-size: 2vw!important;
}
}
@media screen and (max-width: 789px) {
.contact_unitr p:nth-child(1) {
font-size: 18px!important;
}
}
.contact_unitr p.contact_tel {
font-family: Century Gothic;
font-size: 80px!important;
padding: 15px 0;
text-align: center;
}
.contact_unitr p.contact_tel.hikarie {
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
padding: 15px 0;
text-align: center;
}
.contact_unitr p.contact_tel a {
color: #fff;
}
.contact_unitr p.contact_tel:before {
content: '';
display: inline-block;
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/tel_icon.png) no-repeat 0 0;
background-size: auto;
vertical-align: middle;
width: 54px;
height: 53px;
margin: -10px 10px 0 10px;
}
p.contact_undertxt {
font-size: 30px!important;
text-align: center;
line-height: 1.5!important;
}
.space {
margin: 0!important;
}
@media screen and (max-width: 767px) {
.spadjust {
margin: -10% 0!important;
padding: 0 5%;
}
.contact_unitl,
.contact_unitr {
width: 100%;
}
.contact_ttl h2 {
margin: 10% 0 0 0!important;
font-size: 100%!important;
}
.contact_ttl h2:before,
.contact_ttl h2:after {
background-size: cover;
width: 20px;
height: 20px;
margin: 0 3px;
}
.contact_ttl h3 {
font-size: 120%!important;
}
.contact_ttl h3 span {
font-size: 150%!important;
}
.contact_box {
height: auto;
}
.contact_unitl {
height: 150px;
background-size: 120%;
font-size: 200%!important;
padding: 10% 0 0 0;
border-radius: 10px 10px 0 0;
}
.contact_unitl span {
font-size: 80%;
}
.contact_unitr p {
font-size: 120%!important;
line-height: 1.5!important;
}
.contact_unitr p.contact_tel {
font-size: 35px!important;
}
.contact_unitr p.contact_tel:before {
background-size: cover;
width: 35px;
height: 35px;
margin: -10px 10px 0 10px;
}
p.contact_undertxt {
font-size: 120%!important;
}
} .plan_box {
display: block;
width: 880px;
margin: auto;
}
.plan_unit {
display: block;
width: calc(100% / 2);
width: -webkit-calc(100% / 2);
}
.plan_unit.left span {
font-size: 24px!important;
}
.plan_unit.left {
font-size: 26px!important;
}
.plan_unit.right span {
font-family: Century Gothic;
font-size: 90px!important;
color: #cc523a!important;
line-height: 1.0!important;
padding: 0 0 0 10px!important;
}
.plan_unit.right p {
font-size: 52px!important;
}
@media screen and (max-width: 768px) {
.plan_unit.right p {
font-size: 40px!important;
}
.plan_unit.right span {
font-size: 60px!important;
}
}
.flow_box {
width: 100%;
background: #4092ac;
border-radius: 10px;
padding: 30px 0;
}
.flow_box p {
font-family: 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 25px!important;
color: #fff!important;
text-align: center;
}
.flow_box p img {
margin: 0 5px;
}
@media screen and (max-width: 767px) {
.plan_box,
.plan_unit {
width: 100%;
}
.plan_unit.left {
font-size: 150%!important;
text-align: center;
}
.plan_unit.left span {
font-size: 100%!important;
text-align: center;
}
.plan_unit.right {
font-size: 200%!important;
text-align: center;
} .flow_box p img {
margin: 5% 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
} .adjust {
padding: 50px 0 80px 0;
}
._adjust {
padding: 0 0 80px 0;
}
.__adjust {
margin: -50px auto 0 auto!important;
padding: 0 0 80px 0;
}
.___adjust {
margin: -50px auto 0 auto!important;
padding: 0 0 80px 0;
}
.manyadjust {
padding: 50px 0 150px 0;
}
.moreadjust {
padding: 180px 0 0 0;
}
h2.section_ttl {
font-size: 44px!important;
text-align: center;
margin: 0 0 50px 0!important;
}
h2.section_ttl span {
color: #941f0b;
}
h2.section_ttl img {
display: block;
margin: 5px auto;
}
p.catch {
font-size: 20px!important;
line-height: 1.5!important;
padding: 0 0 50px 0;
}
@media screen and (max-width: 767px) {
p.catch {
font-size: 100%!important;
text-align: justify;
text-justify: inter-ideograph;
}
}
#section_bk {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/point_bk.jpg) no-repeat 0 0;
background-size: cover;
}
@media screen and (max-width: 767px) {
.adjust {
padding: 10% 5%;
}
._adjust {
padding: 0 5% 10% 5%;
}
.__adjust {
margin: -50px auto 0 auto!important;
padding: 0 0 10% 0;
}
.___adjust {
margin: -50px auto 0 auto!important;
padding: 0 5% 10% 5%;
}
.__spadjust {
margin: -80px auto 0 auto!important;
}
.manyadjust {
padding: 50px 0 30% 0;
}
.moreadjust {
padding: 10% 0 0 0;
}
h2.section_ttl {
font-size: 30px!important;
}
p.catch {
font-size: 100%!important;
}
}    .section01_box {
width: 100%;
margin: 0;
}
.section01_unitl {
position: relative;
display: block;
width: calc(100% - 300px);
width: -webkit-calc(100% - 300px);
margin: 0;
}
p.section01_unit {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/circle_bk.png) no-repeat 0 0;
background-size: cover;
position: absolute;
display: block;
width: 234px;
height: 234px;
font-size: 21px!important;
text-align: center;
line-height: 1.3!important;
}
p.section01_unit.no01 {
top: 0;
left: 0;
padding: 70px 0 0 0;
}
p.section01_unit.no02 {
bottom: 20px;
left: 225px;
padding: 90px 0 0 0;
}
p.section01_unit.no03 {
top: 0;
right: 220px;
padding: 70px 0 0 0;
}
p.section01_unit.no04 {
bottom: 20px;
right: 0;
padding: 70px 0 0 0;
}
.section01_unitr {
display: block;
width: 300px;
}
.section01_point {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/point_bk2.jpg) no-repeat 0 0;
background-size: 100% auto;
display: block;
width: 100%;
}
.section01_point h3 {
font-size: 38px!important;
font-weight: 500!important;
color: #fff;
text-align: center;
padding: 30px 0;
}
.point_box {
width: 90%;
height: 190px;
margin: auto;
background: #4092ac;
border-radius: 10px;
padding: 1% 0;
}
.point_unit {
display: block;
width: calc(100% / 3);
width: -webkit-calc(100% / 3);
}
.point_unit p {
font-size: 30px!important;
color: #fff!important;
line-height: 1.5!important;
text-align: center;
padding: 45px 0;
}
.point_unit.no01 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/point_icon01.jpg) no-repeat 50% 50%;
background-size: auto;
}
.point_unit.no02 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/point_icon02.jpg) no-repeat 50% 50%;
background-size: auto;
border-right: 1px solid #72b5cb;
border-left: 1px solid #72b5cb;
}
.point_unit.no03 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/point_icon03.jpg) no-repeat 50% 50%;
background-size: auto;
}
.section01_underbox h2 {
font-size: 42px!important;
font-weight: 500!important;
color: #cc533b;
text-align: center;
padding: 30px 0 0 0;
}
.section01_underbox p {
font-size: 20px!important;
text-align: center;
line-height: 1.5!important;
}
@media screen and (max-width: 834px) {
.section01_unitl,
.section01_unitr {
width: 100%;
}
p.section01_unit {
position: static;
margin: auto!important;
}
.section01_point {
background-size: auto 100%;
background-position: top 50% left 50%;
margin: 10% 0 0 0;
padding: 5%;
}
.section01_point h3 {
font-size: 30px!important;
line-height: 1.5!important;
margin: 0!important;
}
p.section01_unit {
position: static;
}
.point_box {
width: 100%;
height: auto;
}
.point_unit {
width: 100%;
padding: 5%;
}
.point_unit.no02 {
border-top: 1px solid #72b5cb;
border-bottom: 1px solid #72b5cb;
border-right: 0;
border-left: 0;
}
.point_unit p {
font-size: 25px!important;
}
.section01_underbox h2 {
font-size: 30px!important;
padding: 10% 0 5% 0;
}
.section01_underbox p {
font-size: 100%!important;
text-align: justify;
text-justify: inter-ideograph;
}
} .section02_box {
width: 100%;
}
.section02_unit {
display: block;
width: calc((100% - 60px) / 3);
width: -webkit-calc((100% - 60px) / 3);
margin: 0 30px 0 0;
}
.section02_unit:nth-child(3n) {
margin-right: 0;
}
.section02_unit h3 {
font-size: 30px!important;
font-weight: 500!important;
text-align: center;
}
.section02_unit h3 img {
display: block;
margin: 0 auto 10px auto;
}
.section02_unit p {
font-size: 18px!important;
text-align: center;
}
h3.section02_undertxt {
font-size: 36px!important;
font-weight: 500!important;
line-height: 1.5!important;
padding: 50px 0 0 0;
}
h3.section02_undertxt span {
color: #cc523a;
}
@media screen and (max-width: 767px) {
.section02_unit {
width: 100%;
margin: 0 0 15% 0;
text-align: center;
}
h3.section02_undertxt {
font-size: 30px!important;
}
} .section04_unit {
display: block;
width: calc(100% / 2);
width: -webkit-calc(100% / 2);
}
.section04_unit.txtbox {
position: relative;
}
.section04_unit.txtbox img {
display: block;
position: absolute;
top: -50px;
left: 0;
}
.txtbox h3 span {
display: block;
font-family: 'Hiragino Kaku Gothic ProN', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 20px!important;
font-weight: 500!important;
line-height: 0!important;
margin: 0!important;
padding: 10px 0 40px 0;
}
.txtbox h3 {
font-size: 36px!important; padding: 0 0 80px 0;
}
.txtbox p {
font-size: 18px!important;
line-height: 1.5!important;
}
.section04_unit.picbox {
padding: 0 0 0 50px;
}
.section04_unit.picbox2 {
padding: 0 50px 0 0;
}
.section04_underbox {
background: #f8f8f8 url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/section04_bk.jpg) no-repeat 0 0;
background-size: 100% auto;
display: block;
width: 100%;
margin: 40px 0 0 0;
padding: 30px;
border-radius: 10px;
}
.section04_underbox h3 {
font-size: 36px!important;
font-weight: 500!important;
color: #ab895a;
line-height: 1.0!important;
padding: 10px 0 40px 0;
}
.section04_wrapbox {
width: 100%;
}
.wrap_unit {
width: calc((100% - 10px) / 3);
width: -webkit-calc((100% - 10px) / 3);
width: 32%;
margin: 0 5px 5px 0;
padding: 30px;
background: #fff;
border-radius: 10px;
}
.wrap_unit:nth-child(3n) {
margin-right: 0;
}
.wrap_unit h3 {
font-size: 26px!important;
font-weight: 500!important;
color: #333;
line-height: 1.0!important;
text-align: center;
padding: 0 0 20px 0;
}
.wrap_unit p {
font-size: 18px!important;
line-height: 1.5!important;
}
.section04_underbox02 {
position: relative;
width: 100%;
background: #f8f8f8;
border-radius: 10px;
margin: 40px 0 0 0;
padding: 30px;
}
.section04_underbox02 h3 {
position: static;
font-size: 38px!important;
font-weight: 500!important;
line-height: 1.3!important;
}
.section04_underbox02 h3 span {
font-size: 45px!important;
color: #ab8859;
}
.section04_underbox02 p {
font-family: 'Hiragino Kaku Gothic ProN', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 20px!important;
padding: 30px 0 0 0;
}
.section04_underbox02 img {
position: absolute;
display: block;
top: -40px;
right: 50px;
}
.section04_underbox03 {
width: 100%;
background: #f8f8f8;
border-radius: 10px;
margin: 40px 0 0 0;
padding: 110px 0;
}
h2.section04_undertxt {
font-size: 36px!important;
color: #c52608;
padding: 30px 0 0 0;
}
@media screen and (max-width: 767px) {
.section04_unit,
.wrap_unit {
width: 100%;
}
.section04_unit.txtbox {
margin: 30% 0 0 0;
}
.txtbox h3,
.txtbox h3 span {
line-height: 1.5!important;
padding: 0;
}
.txtbox h3 span {
margin: 0 0 -50px 0!important;
}
.txtbox h3 {
font-size: 30px!important;
margin: 0!important;
}
.txtbox p {
padding: 5% 0;
}
.section04_unit.picbox,
.section04_unit.picbox2 {
padding: 0;
}
.section04_underbox {
background-size: auto 100%;
}
.section04_underbox02 img {
position: static;
}
.section04_underbox02 h3,
.section04_underbox02 h3 span,
h2.section04_undertxt {
font-size: 30px!important;
text-align: justify;
text-justify: inter-ideograph;
}
} .section05_box {
width: 100%;
margin: 0 0 40px 0;
padding: 20px 20px 0 20px;
}
.section05_box.no01 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection5_bk01.jpg) no-repeat 0 0;
background-size: 260px 100%;
}
.section05_box.no02 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection5_bk02.jpg) no-repeat 0 0;
background-size: 260px 100%;
}
.section05_box.no03 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection5_bk03.jpg) no-repeat 0 0;
background-size: 260px 100%;
}
.section05_point01 {
width: 100%;
}
.point_ttl {
display: block;
width: 160px;
}
.point_ttl p {
font-family: 'Hiragino Kaku Gothic ProN', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 33px!important;
color: #fff!important;
line-height: 1.5!important;
}
.point_ttl p img {
display: block;
padding: 30px 0 0 0;
}
.point_comment {
display: block;
width: calc(100% - 160px);
width: -webkit-calc(100% - 160px);
margin: 20px 0;
padding: 30px 25px 50px 25px;
background: #fff;
border-right: 1px solid #d6c5af;
border-bottom: 1px solid #d6c5af;
}
.point_comment h3 {
display: block;
font-size: 36px!important;
font-weight: 500!important;
line-height: 1.0!important;
margin: -10px 0 30px 0!important;
}
.point_comment h3 span {
font-family: 'Hiragino Kaku Gothic ProN', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 20px!important;
color: #333;
line-height: 1.5!important;
}
.point_comment.brown h3 {
color: #7b6240;
}
.point_comment.pink h3 {
color: #be5656;
}
.point_comment.green h3 {
color: #919348;
}
.point_comment p {
font-size: 18px!important;
line-height: 1.5!important;
letter-spacing: -0.5px;
}
.point01_details {
width: 100%;
padding: 0 0 0 260px;
}
.point01_details>div {
display: block;
width: calc((100% - 20px) / 3);
width: -webkit-calc((100% - 20px) / 3);
margin: 0 10px 0 0;
}
.point01_details>div:nth-child(3n) {
margin-right: 0;
}
.point01_details>div h4 {
font-size: 24px!important;
font-weight: 500!important;
color: #fff;
text-align: center;
line-height: 1.5!important;
letter-spacing: -1.0px;
}
.point01_details>div p {
font-size: 16px!important;
font-weight: 500!important;
color: #fff;
line-height: 1.5!important;
}
.point01_details01 h4,
.point01_details03 h4 {
padding: 0 0 35px 0;
}
.point01_details02 h4 {
padding: 0 0 20px 0;
}
.point01_details01 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection5_no01pic1.jpg) no-repeat 0 0;
background-size: cover;
padding: 40px 20px 20px 20px;
}
.point01_details02 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection5_no01pic2.jpg) no-repeat 0 0;
background-size: cover;
padding: 20px;
}
.point01_details03 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection5_no01pic3.jpg) no-repeat 0 0;
background-size: cover;
padding: 40px 20px 20px 20px;
}
.point03_details {
width: 100%;
padding: 0 0 0 260px;
}
.point03_details>div {
display: block;
width: calc((100% - 30px) / 4);
width: -webkit-calc((100% - 30px) / 4);
margin: 0 10px 0 0;
}
.point03_details>div:nth-child(4n) {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.point_ttl,
.point_comment {
width: 100%;
}
.point_comment h3 {
font-size: 30px!important;
line-height: 1.5!important;
}
.point01_details,
.point02_details,
.point03_details {
width: 100%;
padding: 0 0 5% 0;
margin: 0;
}
.point01_details>div {
width: 100%;
margin: 0 0 5% 0!important;
}
.point03_details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.point03_details>div {
width: calc((100% - 2%) / 2);
width: -webkit-calc((100% - 2%) / 2);
margin: 0 2% 2% 0!important;
}
.point03_details>div:nth-child(2n) {
margin-right: 0!important;
}
.point03_details>div img {
display: block;
width: 100%;
}
.section05_box.no01,
.section05_box.no02,
.section05_box.no03 {
background-size: cover;
}
} .section06_catch {
width: 100%;
margin: -50px 0 80px 0;
}
.section06_catch p {
font-size: 24px!important;
}
.section06_catch h2 {
font-size: 50px!important;
font-weight: 500!important;
color: #cc533b;
padding: 30px 0 10px 0;
}
.section06_catch img {
display: block;
margin: auto;
}
.section06_catch p.dakara {
font-size: 60px!important;
text-align: center;
letter-spacing: 1.5px;
padding: 0 0 0 10px;
}
.section06_catch h3 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection6_bk.png) no-repeat 0 0;
background-size: 100% auto;
font-size: 36px!important;
font-weight: 500!important;
color: #cc533b;
margin: 50px 0 30px 0!important;
}
.section06_catch.flex>div {
display: block;
width: calc((100% - 60px) / 5);
width: -webkit-calc((100% - 60px) / 5);
margin: 0 15px 0 0;
}
.section06_catch.flex>div:nth-child(5n) {
margin-right: 0;
}
.section06_catch h4 {
font-size: 50px!important;
font-weight: 500!important;
color: #cc533b;
padding: 40px 0 0 0;
}
@media screen and (max-width: 767px) {
.section06_catch p {
font-size: 120%!important;
line-height: 1.5!important;
}
.section06_catch h2,
.section06_catch h3,
.section06_catch h4 {
font-size: 30px!important;
}
.section06_catch img {
margin: 0 auto 5% auto;
}
.section06_catch h3 {
line-height: 1.5!important;
}
} p.sub_ttl {
font-size: 32px!important;
}
p.section07_comment {
font-size: 20px!important;
line-height: 1.5!important;
padding: 0 0 80px 0;
}
.section07_box {
width: 100%;
padding: 0 30px 30px 30px;
margin-bottom: 30px;
}
.section07_box.no01 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection7_bk.jpg) no-repeat 0 50px;
background-size: cover;
}
.section07_box.no02 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection7_bk02.jpg) no-repeat 0 50px;
background-size: cover;
}
.section07_box.no03 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection7_bk03.jpg) no-repeat 0 50px;
background-size: cover;
}
.section07_box.no04 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection7_bk04.jpg) no-repeat 0 50px;
background-size: cover;
}
.section07_box.no05 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection7_bk05.jpg) no-repeat 0 50px;
background-size: cover;
margin-bottom: 0;
}
h3.section07_ttl {
display: block;
width: 600px;
height: 100px;
font-size: 38px!important;
font-weight: 500!important;
text-align: center;
line-height: 100px!important;
margin: 0 auto 40px auto!important;
}
h3.section07_ttl.brown {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection7_ttlbk01.png) no-repeat 0 0;
background-size: cover;
color: #7b6240;
}
h3.section07_ttl.pink {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection7_ttlbk02.png) no-repeat 0 0;
background-size: cover;
color: #be5656;
}
h3.section07_ttl.green {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection7_ttlbk03.png) no-repeat 0 0;
background-size: cover;
color: #919348;
}
h3.section07_ttl.blue {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection7_ttlbk04.png) no-repeat 0 0;
background-size: cover;
color: #7093a9;
}
h3.section07_ttl.purple {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection7_ttlbk05.png) no-repeat 0 0;
background-size: cover;
color: #8b6683;
}
.section07_unitl {
display: block;
width: calc(100% - 410px);
width: -webkit-calc(100% - 410px);
}
.section07_unit h4,
.section07_unitl h4 {
font-size: 30px!important;
font-weight: 500!important;
}
.section07_unit p,
.section07_unitl p {
font-size: 18px!important;
line-height: 1.5!important;
}
.section07_unitr {
display: block;
width: 420px;
padding: 0 0 0 60px;
}
.section07_price {
display: block;
width: 350px;
padding: 20px;
background: #fff;
}
.section07_price p {
font-size: 24px!important;
text-align: center;
padding: 0 0 20px 0;
border-bottom: 1px solid #bbbbbb;
}
.section07_price h5 span {
font-family: Century Gothic;
font-size: 50px!important;
}
.section07_price h5 {
font-size: 28px!important;
font-weight: 500!important;
line-height: 1.0!important;
text-align: center;
padding: 10px 0 0 0;
letter-spacing: 2.0px;
}
.section07_underbox {
width: 100%;
padding: 20px 40px;
margin: 0 0 40px 0;
}
.section07_underbox p.set_comment {
font-size: 24px!important;
color: #fff!important;
line-height: 55px!important;
letter-spacing: -0.5px;
}
.section07_underbox p.set_comment span {
font-size: 28px!important;
}
.section07_underbox p.set_common {
font-size: 20px!important;
color: #c52709!important;
background: #fff;
padding: 20px!important;
margin: 0;
text-align: center;
}
.section07_underbox p.set_price {
font-size: 33px!important;
color: #fff;
padding-top: 8px;
}
.section07_underbox p.set_price span {
font-family: Century Gothic;
font-size: 58px!important;
}
.section07_underbox.brown {
background: #7b6240;
}
.section07_underbox.pink {
background: #be5656;
}
.section07_underbox.green {
background: #919348;
}
.section07_underbox.blue {
background: #7094a9;
}
.section07_underbox.purple {
background: #8b6783;
}
.section07_nagare {
width: 100%;
background: #4092ac;
}
.nagare_ttl {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection7_boxbk.png) no-repeat 0 0;
background-size: auto 100%;
width: 340px;
}
.nagare_ttl p {
font-family: 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 25px!important;
color: #fff!important;
line-height: 100px!important;
text-align: center;
}
.flow_box.nagare {
border-radius: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.flow_box.nagare p {
font-size: 23px!important;
padding: 0 0 0 30px!important;
}
p.set_tel {
font-family: Century Gothic;
font-size: 58px!important;
line-height: 1.0!important;
letter-spacing: 2.0px;
padding: 0;
text-align: center;
}
p.set_tel a {
color: #fff;
}
p.set_tel:before {
content: '';
display: inline-block;
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/tel_icon.png) no-repeat 0 0;
background-size: cover;
vertical-align: middle;
width: 40px;
height: 40px;
margin: -10px 0 0 0;
}
@media screen and (max-width: 767px) {
.section07_box {
padding: 5%;
}
p.section07_comment {
font-size: 120%!important;
text-align: justify;
text-justify: inter-ideograph;
padding: 0;
}
h3.section07_ttl {
width: 100%;
font-size: 160%!important;
line-height: 1.3!important;
}
h3.section07_ttl.brown {
background: #fff;
border: 5px solid #d5c5ab;
padding: 3% 0;
}
h3.section07_ttl.pink {
background: #fff;
border: 5px solid #e4b6b8;
padding: 9% 0;
}
h3.section07_ttl.green {
background: #fff;
border: 5px solid #c8c992;
padding: 3% 0;
}
h3.section07_ttl.blue {
background: #fff;
border: 5px solid #bdced7;
padding: 9% 0;
}
h3.section07_ttl.purple {
background: #fff;
border: 5px solid #d2c4cf;
padding: 9% 0;
}
.section07_unitl,
.section07_unitr {
width: 100%;
padding: 0;
}
.section07_unit h4,
.section07_unitl h4 {
font-size: 130%!important;
line-height: 1.5!important;
}
.section07_unit p,
.section07_unitl p {
font-size: 100%!important;
padding: 5% 0;
}
.section07_price {
width: 100%;
}
.section07_underbox {
padding: 5%;
}
.section07_underbox p.set_comment {
line-height: 1.5!important;
}
.section07_underbox p.set_common {
margin: 5% 0;
}
.section07_underbox p.set_price span {
font-size: 150%!important;
}
.section07_underbox p.set_comment span {
font-size: 80%!important;
}
.nagare_ttl {
background-size: 120% auto;
width: 100%;
}
p.set_tel {
font-size: 35px!important;
letter-spacing: 1.0px;
margin: 5% 0 0 0!important;
}
p.set_tel:before {
background-size: cover;
width: 25px;
height: 25px;
margin: -5px 0 0 0;
}
} .section08_box {
width: 100%;
}
.section08_unit {
display: block;
width: calc((100% - 10px) / 2);
width: -webkit-calc((100% - 10px) / 2);
width: 49%;
margin: 0 10px 10px 0;
padding: 40px;
background-color: #efe8de;
background-size: auto;
background-repeat: no-repeat;
}
.section08_unit:nth-child(2n) {
margin-right: 0;
}
.section08_unit.no01 {
background-image: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection8_no01.png);
background-position: right 40px bottom 0;
}
.section08_unit.no02 {
background-image: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection8_no02.png);
background-position: right 0 bottom 0;
}
.section08_unit.no03 {
background-image: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection8_no03.png);
background-position: right 0 bottom 0;
}
.section08_unit.no04 {
background-image: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection8_no04.png);
background-position: right 0 bottom 0;
}
.section08_unit.no05 {
background-image: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection8_no05.png);
background-position: right 0 bottom 0;
}
.section08_unit.no06 {
background-image: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection8_no06.png);
background-position: right 0 bottom 0;
}
.section08_unit h3 {
font-size: 30px!important;
font-weight: 500!important;
color: #7b6240;
line-height: 1.0!important;
}
.section08_unit p {
display: block;
font-size: 18px!important;
line-height: 1.5!important;
padding: 20px 0 0 0;
}
@media screen and (max-width: 767px) {
.section08_unit {
width: 100%;
margin: 0 0 5% 0;
padding: 5%;
}
} .section09_bk {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/section9_bk.jpg) no-repeat 0 0;
background-size: cover;
}
.voice_box {
width: 100%;
margin: 0 0 130px 0;
}
.voice_unitl {
display: block;
width: 745px;
}
.voice_unitl p {
font-size: 26px!important;
padding: 20px 0 0 0;
}
.voice_unitr {
display: block;
width: calc(100% - 745px);
width: -webkit-calc(100% - 745px);
padding: 0 0 0 10px;
}
.voice_underbox {
display: block;
position: relative;
width: 100%;
background: #fff;
padding: 0 200px 50px 40px;
}
.voice_underbox img {
display: block;
position: absolute;
bottom: 0;
right: 40px;
}
.staff_comment {
position: static;
display: block;
padding: 30px;
border-left: 5px solid #cc533b;
}
.staff_comment h3 {
font-size: 26px!important;
font-weight: 500!important;
line-height: 1.0!important;
padding: 0 0 20px 0;
}
.staff_comment p {
font-size: 18px!important;
line-height: 1.5!important;
}
@media screen and (max-width: 767px) {
.voice_box {
margin: 0 0 15% 0;
}
.voice_unitl,
.voice_unitr,
.voice_unitl img,
.voice_unitr img {
display: block;
width: 100%;
margin: 0;
padding: 0;
}
.voice_unitl p {
font-size: 100%!important;
margin: 0 0 10% 0!important;
}
.voice_underbox {
position: static;
padding: 0 5% 5% 10%;
}
} .section10_box01 {
background-image: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection10_boxbk.jpg);
background-size: auto;
background-position: top 0 left 0;
background-repeat: no-repeat;
background: #f8f8f8;
width: 100%;
margin: 0 0 50px 0;
padding: 15px 40px;
border-right: 10px;
}
.section10_box01 h3 {
display: block;
width: 30%;
font-size: 36px!important;
font-weight: 500!important;
color: #ab8859;
line-height: 0!important;
padding: 45px 0 0 0;
}
.section10_box01 ul {
display: block;
width: calc(100% - 30%);
width: -webkit-calc(100% - 30%);
margin: 0;
padding: 0;
}
.section10_box01 ul:after {
clear: both;
content: '';
display: block;
}
.section10_box01 ul li {
display: block;
width: calc(100% / 3);
width: -webkit-calc(100% / 3);
width: 33%;
margin: 0;
padding: 10px 0;
float: left;
}
.section10_box01 ul li:nth-child(3n) {
margin-right: 0;
}
.section10_box01 ul li:before {
content: '';
display: inline-block;
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/icon_mark_red.png) no-repeat 0 0;
background-size: cover;
vertical-align: middle;
width: 14px;
height: 14px;
margin: 0 10px 0 0;
}
.section10_box02 {
width: 100%;
}
.section10_box02 h3 {
font-size: 30px!important;
font-weight: 500!important;
margin: 0 0 20px 0!important;
}
.section10_box02 h3:before {
content: '';
display: inline-block;
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/icon_mark.png) no-repeat 0 0;
background-size: cover;
vertical-align: middle;
width: 30px;
height: 30px;
margin: -10px 0 0 0;
}
.section10_inbox {
width: 100%;
}
.section10_unit {
display: block;
width: calc((100% - 30px) / 2);
width: -webkit-calc((100% - 30px) / 2);
width: 48%;
margin: 0 30px 50px 0;
}
.section10_unit:nth-child(2n) {
margin-right: 0;
}
.section10_unit p {
font-size: 18px!important;
line-height: 1.5!important;
padding: 20px 0 0 0;
}
.section10_number {
display: block;
width: 86px;
padding: 20px 15px;
background: #cc533b;
}
.section10_pic {
width: calc(100% - 86px);
width: -webkit-calc(100% - 86px);
}
.section10_pic img {
display: block;
width: 100%;
height: auto;
}
@media screen and (max-width: 767px) {
.section10_box01 h3,
.section10_box01 ul,
.section10_box01 ul li,
.section10_number,
.section10_unit,
.section10_pic {
width: 100%;
}
.section10_box01 {
padding: 10% 15%;
}
.section10_box01 h3 {
font-size: 30px!important;
padding: 5% 0 10% 0;
}
.section10_unit {
margin: 0 0 15% 0;
}
.section10_unit p {
font-size: 100%!important;
}
} .section11_box {
width: 100%;
}
.section11_box table {
width: 100%;
}
.section11_box th,
.section11_box td {
font-size: 18px!important;
font-weight: 500!important;
padding: 10px 30px;
border: 1px solid #ccc!important;
}
@media screen and (max-width: 767px) {
.section11_box table {
width: 90%;
margin: auto;
}
.section11_box th,
.section11_box td {
display: block;
width: 100%;
margin: 0 0 -1px 0;
}
} .section11_box {
width: 100%;
}
.section11_pic {
display: block;
width: 560px;
}
.section11_txt {
position: relative;
width: calc(100% - 560px);
width: -webkit-calc(100% - 560px);
padding: 130px 0 50px 50px;
}
.section11_txt h3 {
display: block;
position: absolute;
top: 20px;
left: -50px;
font-size: 36px!important;
font-weight: 500!important;
line-height: 1.0!important;
background: #fff;
padding: 20px;
}
.section11_txt p {
display: block;
position: static;
font-size: 18px!important;
line-height: 1.5!important;
}
@media screen and (max-width: 767px) {
.section11_pic,
.section11_txt {
width: 100%;
padding: 0;
}
.section11_txt h3 {
position: static;
font-size: 30px!important;
line-height: 1.5!important;
padding: 0;
}
.section11_txt p {
font-size: 100%!important;
}
} .section13_bk {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/section9_bk.jpg) no-repeat 0 0;
background-size: cover;
}
p.section13_comment {
font-size: 20px!important;
line-height: 1.5!important;
padding: 0 0 40px 0;
}
@media screen and (max-width: 767px) {
p.section13_comment {
font-size: 120%!important;
text-align: justify;
text-justify: inter-ideograph;
}
}    .k_section01_box {
width: 100%;
}
.k_section01_box>div {
display: block;
width: calc((100% - 10px) / 2);
width: -webkit-calc((100% - 10px) / 2);
margin: 0 10px 0 0;
}
.k_section01_box>div:nth-child(2n) {
margin-right: 0;
}
.k_section01_box>div p {
font-size: 30px!important;
text-align: center;
padding: 20px 0 0 0;
}
@media screen and (max-width: 767px) {
.k_section01_box>div {
width: 100%;
margin: 10px 0 20px 0;
}
.k_section01_box>div p {
font-size: 20px!important;
}
} .section2_bk {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/kaiyo/section02_bk.jpg) no-repeat 0 0;
background-size: cover;
}
.k_section02_box {
width: 100%;
margin: 0 0 30px 0;
}
.k_section02_box>div {
display: block;
width: calc((100% - 70px) / 8);
width: -webkit-calc((100% - 70px) / 8);
margin: 0 10px 0 0;
}
.k_section02_box>div:nth-child(8n) {
margin-right: 0;
}
.k_section02_box2 {
width: 100%;
padding: 0 71.5px;
}
.k_section02_box2>div {
display: block;
width: calc((100% - 60px) / 7);
width: -webkit-calc((100% - 60px) / 7);
margin: 0 10px 0 0;
}
.k_section02_box2>div:nth-child(7n) {
margin-right: 0;
}
.k_section02_box>div p,
.k_section02_box2>div p {
font-size: 20px!important;
text-align: center;
padding: 20px 0 0 0;
}
@media screen and (max-width: 767px) {
.k_section02_box,
.k_section02_box2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.k_section02_box>div,
.k_section02_box2>div {
display: block;
width: calc((100% - 20px) / 3);
width: -webkit-calc((100% - 20px) / 3);
margin: 0 10px 20px 0;
}
.k_section02_box>div:nth-child(3n) {
margin-right: 0;
}
.k_section02_box>div:nth-child(8n) {
margin-right: 10px;
}
.k_section02_box2 {
padding: 0;
}
.k_section02_box2>div:nth-child(7n) {
margin-right: 10px;
}
.k_section02_box2>div:nth-child(3n) {
margin-right: 0;
}
} .k_section03_box {
width: 100%;
}
.k_section03_box>div {
width: calc(100% / 3);
width: -webkit-calc(100% / 3);
border-left: 1px solid #ccc;
padding: 30px;
}
.k_section03_box>div:nth-child(3n) {
border-right: 1px solid #ccc;
}
.k_section03_box>div h3 {
font-size: 30.5px!important;
font-weight: 500!important;
line-height: 1.0!important;
text-align: center;
}
.k_section03_box>div img {
display: block;
margin: 20px auto;
}
.k_section03_box>div p {
font-size: 18px!important;
line-height: 1.5!important;
}
@media screen and (max-width: 767px) {
.k_section03_box>div {
width: 100%;
border-left: 0;
border-bottom: 1px solid #ccc;
}
.k_section03_box>div:nth-child(3n) {
border: 0;
}
.k_section03_box>div h3 {
font-size: 150%!important;
}
} .section4_bk {
background: #f8f8f8;
} .k_section05_box {
width: 100%;
padding: 40px 50px;
border: 10px solid #dfefff;
}
.k_section05_box h2 {
font-size: 44px!important;
font-size: 500!important;
color: #0059b2;
line-height: 1.0!important;
text-align: center;
padding: 0 0 50px 0;
}
.k_section05_unit {
width: 100%;
background: #0059b2;
border-radius: 5px;
}
.k_section05_unit>div {
display: block;
position: relative;
width: calc(100% / 4);
width: -webkit-calc(100% / 4);
padding: 30px 0;
border-right: 1px solid #fff;
}
.k_section05_unit>div img {
display: block;
width: 18px;
height: 35px;
position: absolute;
top: 50%;
left: 0;
margin: -17.5px 0 0 0;
}
.k_section05_unit>div:nth-child(4n) {
border-right: 0;
}
.k_section05_unit>div h3 {
font-family: 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 25px!important;
color: #fff!important;
text-align: center;
line-height: 1.0!important;
padding: 0 0 30px 0;
}
.k_section05_unit>div p {
display: block;
position: static;
font-size: 18px!important;
line-height: 1.5!important;
color: #fff;
text-align: center;
}
@media screen and (max-width: 767px) {
.k_section05_box {
padding: 5%;
}
.k_section05_box h2 {
font-size: 30px!important;
line-height: 1.5!important;
padding: 0 0 10% 0;
}
.k_section05_unit>div {
width: 100%;
border-right: 0;
border-bottom: 1px solid #fff;
}
.k_section05_unit>div img {
top: 0;
left: 50%;
margin: -10px 0 0 -10px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
} .k_section06_box {
width: 100%;
}
.k_section06_txt {
display: block;
width: calc(100% - 560px);
width: -webkit-calc(100% - 560px);
padding: 0 60px 0 0;
}
.k_section06_txt p {
font-size: 18px!important;
line-height: 1.5!important;
}
.k_section06_txt h3 {
font-family: 'Hiragino Kaku Gothic ProN', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 30px!important;
font-weight: 500!important;
color: #fff;
line-height: 0;
letter-spacing: 2.0px;
padding: 30px 0;
text-align: center;
background: #cc5239;
}
.k_section06_price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.k_section06_price p {
display: block;
font-size: 20px!important;
text-align: right!important;
}
.k_section06_price p.gothic {
font-family: 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding: 25px 0 0 100px;
}
.k_section06_price p.price span {
font-family: Century Gothic;
font-size: 45px!important;
color: #cc5239;
}
.k_section06_price p.price {
font-size: 27px!important;
letter-spacing: 2.0px;
}
.k_section06_price p.price span.zei {
font-size: 12px!important;
color: #333;
}
.k_section06_price p.price:before {
content: '';
display: inline-block;
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/kaiyo/section06_icon.png) no-repeat 0 0;
background-size: cover;
vertical-align: middle;
width: 46px;
height: 45px;
margin: -20px 10px 0 0;
}
.k_section06_pic {
width: 560px;
}
.k_section06_pic img {
display: block;
width: 100%;
}
@media screen and (max-width: 767px) {
.k_section06_txt {
width: 100%;
padding: 0;
}
.k_section06_price {
display: block;
}
.k_section06_price p {
text-align: justify!important;
text-justify: inter-ideograph!important;
}
.k_section06_price p.gothic {
padding: 10% 0 0 0;
}
.k_section06_price p.price {
text-align: center!important;
}
.k_section06_pic {
width: 100%;
margin: 10% 0 0 0;
}
}   .contact_box._brightness {
background: #c52709;
}
.contact_unitl._brightness {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/jyumoku/contact_bk.png) no-repeat 0 0;
background-size: 100% auto;
} .jyumoku_bk1 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/jyumoku/jyumoku_bk.png) no-repeat 50% 50%;
background-size: cover;
width: 100%;
height: 530px;
}
.j_section1_box {
width: 100%;
}
.j_section1_box>div {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/jyumoku/jyumoku_Illust.png) no-repeat 50% 50%;
background-size: auto;
width: calc(100% / 3);
width: -webkit-calc(100% / 3);
height: 229px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-left: 1px solid #d6c5af;
}
.j_section1_box>div:nth-child(3n) {
border-right: 1px solid #d6c5af;
}
.j_section1_box>div p {
display: block;
width: 100%;
font-size: 32px;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.jyumoku_bk1 {
height: 100%;
}
.j_section1_box>div {
background-size: 50%;
width: 100%;
border-left: none;
border-bottom: 1px solid #d6c5af;
}
.j_section1_box>div:nth-child(3n) {
border-right: none;
border-bottom: none;
}
.j_section1_box>div:nth-child(2n) {
margin: 20px 0;
}
} .j_section2_box {
width: 100%;
}
.j_section2_box>div {
display: block;
width: calc((100% - 30px) / 2);
width: -webkit-calc((100% - 30px) / 2);
margin: 0 30px 50px 0;
}
.j_section2_box>div:nth-child(2n) {
margin-right: 0;
}
.j_section2_box>div h3 {
font-size: 26px;
font-weight: 500;
line-height: 60px;
}
.j_section2_box>div p {
font-size: 18px;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.j_section2_box>div {
width: 100%;
margin: 0 0 50px 0;
}
.j_section2_box>div h3 {
padding: 20px 0;
line-height: 1.5;
}
.j_section2_box>div:nth-child(4n) {
margin: 0;
}
} .kakaku_bk {
background: #70a527;
}
.kakaku_bk._brown {
background: #81694b;
}
h2.kakaku_ttl {
font-size: 58px;
font-weight: 500;
color: #fff;
}
h2.kakaku_ttl.hikarie {
display: flex;
justify-content: center;
}
@media screen and (max-width: 767px) {
h2.kakaku_ttl.hikarie {
font-size: 2.0rem;
}
}
h2.kakaku_ttl span {
font-size: 42px;
margin: 0 10px 0 0;
}
h2.kakaku_ttl:before,
h2.kakaku_ttl:after {
content: '';
display: inline-block;
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/jyumoku/line_w.jpg) no-repeat 0 0;
background-size: auto;
vertical-align: middle;
width: -webkit-calc(50% - 485px);
width: calc(50% - 485px);
height: 1px;
margin: auto 0;
}
h2.kakaku_ttl.hikarie::before {
margin-right: 40px;
}
h2.kakaku_ttl.hikarie::after {
margin-left: 40px;
}
@media screen and (max-width: 767px) {
h2.kakaku_ttl {
font-size: 40px;
text-align: center;
}
h2.kakaku_ttl span {
display: block;
font-size: 30px;
text-align: center;
}
h2.kakaku_ttl:before,
h2.kakaku_ttl:after {
display: none;
}
}
.kakaku_inbox {
width: 100%;
}
.kakaku_inbox>div.kakaku_unit {
width: calc(100% / 2);
width: -webkit-calc(100% / 2);
min-height: 150px;
}
@media screen and (max-width: 767px) {
.kakaku_inbox>div.kakaku_unit,
.kakaku_inbox>div {
width: 100%;
min-height: auto;
}
}
.kakaku_nedan {
padding: 0 40px 0 0;
}
@media screen and (max-width: 1200px) {
.kakaku_nedan {
margin-left: 10%;
}
}
@media screen and (max-width: 768px) {
.kakaku_nedan {
margin-left: 0;
}
}
.kakaku_nedan.hikarie {
margin: 0;
}
.kakaku_nedan h3 { font-weight: 500;
color: #fff;
font-size: 2.1vw;
}
.kakaku_nedan h3.nedan_hikarie {
font-size: 2.0rem;
}
@media screen and (max-width: 767px) {
.kakaku_nedan h3.nedan_hikarie {
font-size: 1.2rem;
}
}
.kakaku_nedan h3 span.kingaku {
font-family: Century Gothic;
font-size: 4.5vw; font-weight: 500;
color: #ffff00;
}
.kakaku_nedan h3.nedan_hikarie span.kingaku {
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
font-size: 6.0rem;
}
@media screen and (max-width: 767px) {
.kakaku_nedan h3.nedan_hikarie span.kingaku {
font-size: 3.2rem;
}
}
.kakaku_nedan h3 span.yen { font-size: 3.1vw;
}
.kakaku_nedan h3.nedan_hikarie span.yen {
font-size: 2.2rem;
}
@media screen and (max-width: 767px) {
.kakaku_nedan h3.nedan_hikarie span.yen {
font-size: 1.8rem;
}
}
.kakaku_nedan p {
font-size: 2.4vw!important; color: #fff!important;
line-height: 1.0!important;
margin: -17px 0 20px 0!important;
}
@media screen and (max-width: 767px) {
.kakaku_nedan {
padding: 0;
}
.kakaku_nedan h3 {
font-size: 20px;
text-align: center;
}
.kakaku_nedan h3 span.kingaku {
font-size: 50px;
}
.kakaku_nedan h3 span.yen {
font-size: 30px;
}
.kakaku_nedan p {
font-size: 30px!important;
margin: -10px 0 20px 0!important;
text-align: center;
}
}
.kakaku_circle {
width: calc(100% / 4);
width: -webkit-calc(100% / 4);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 5px 0 0;
}
.kakaku_circle:nth-child(4n) {
margin-right: 0;
}
.kakaku_circle._yellow {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/jyumoku/yellow_c.png) no-repeat 0 50%;
background-size: 100% auto;
}
.kakaku_circle._blue {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/jyumoku/blue_c.png) no-repeat 0 50%;
background-size: 100% auto;
}
.kakaku_circle._pink {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/jyumoku/pink_c.png) no-repeat 0 50%;
background-size: 100% auto;
}
.kakaku_circle._green {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/jyumoku/green_c.png) no-repeat 0 50%;
background-size: 100% auto;
}
.kakaku_circle p {
display: block;
width: 100%;
font-size: 30px!important;
color: #4c6600!important;
text-align: center;
line-height: 1.1!important;
}
@media screen and (max-width: 767px) {
.kakaku_unit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.kakaku_circle {
width: 142px;
height: 142px;
margin: 0 auto 20px auto;
}
.kakaku_circle:nth-child(4n) {
margin-right: auto;
}
}
.kakaku_ribbon {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/jyumoku/ribbon.png) no-repeat 0 0;
background-size: 100% auto;
width: 100%;
height: 83px;
margin: 0 0 30px 0;
}
.kakaku_ribbon>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.kakaku_ribbon span {
display: block;
font-size: 26px!important;
text-align: center!important;
}
@media screen and (max-width: 1200px) {
.kakaku_ribbon span {
font-size: 2vw!important;
}
}
.kakaku_ribbon span.bk_red {
display: block;
height: 60px;
padding: 0 10px;
margin: 0 6px;
color: #fff;
background: #c52709;
border-radius: 10px;
line-height: 60px;
}
.kakaku_ribbon span.nedan {
display: block;
font-family: Century Gothic;
font-size: 50px!important;
color: #c52709!important;
}
@media screen and (max-width: 1200px) {
.kakaku_ribbon span.nedan {
font-size: 4vw!important;
}
}
.kakaku_ribbon span.yen {
padding: 10px 30px 0 0;
}
@media screen and (max-width: 767px) {
.kakaku_ribbon {
background-image: none;
background: #fff;
height: auto;
padding: 5%;
}
.kakaku_ribbon>div {
display: block;
}
.kakaku_ribbon span {
font-size: 20px!important;
padding: 0 0 20px 0;
}
.kakaku_ribbon span.nedan,
.kakaku_ribbon span.yen {
display: inline-block;
}
.kakaku_ribbon span.nedan {
font-size: 50px!important;
padding: 0 0 0 50px;
}
} .j_section3_box {
width: 100%;
margin: 0 0 50px 0;
}
.j_section3_unit {
width: calc((100% - 80px) / 2);
width: -webkit-calc((100% - 80px) / 2);
margin: 0 80px 0 0;
}
.j_section3_unit:nth-child(2n) {
margin-right: 0;
}
.j_section3_unit h3 {
height: 152px;
font-size: 42px!important;
line-height: 152px!important;
}
.j_section3_unit h3 span {
font-size: 30px!important;
}
.j_section3_unit p {
font-size: 18px!important;
line-height: 1.5!important;
padding: 30px 0 0 0;
}
.j_section3_unit img {
display: block;
width: 100%;
margin: 50px 0 0 0;
}
.j_section3_unit h3._no1 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/jyumoku/_no1.png) no-repeat 0 0;
background-size: auto;
}
.j_section3_unit h3._no2 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/jyumoku/_no2.png) no-repeat 0 0;
background-size: auto;
}
.j_section3_unit h3._no3 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/jyumoku/_no3.png) no-repeat 0 0;
background-size: auto;
}
@media screen and (max-width: 767px) {
.j_section3_unit {
width: 100%;
margin: 0;
}
.j_section3_unit h3 {
padding: 50px 0 0 0;
line-height: 1.5!important;
}
.j_section3_unit h3 span {
display: block;
}
.j_section3_unit img {
display: block;
width: 100%;
margin: 20px 0 0 0;
}
.j_section3_box:nth-child(4n) {
margin: 0!important;
}
} .j_section4_bk {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/jyumoku/jyumoku_bk2.png) no-repeat 50% 50%;
background-size: cover;
width: 100%;
height: 490px;
}
.j_section4_box {
width: 100%;
}
.j_section4_box p {
font-size: 22px!important;
line-height: 1.5!important;
}
@media screen and (max-width: 767px) {
.j_section4_bk {
height: auto;
}
.j_section4_box p {
text-align: justify;
text-justify: inter-ideograph;
}
} .section10_number._green {
background: #83b320;
}
.section10_number._blue {
background: #0085b2;
}
._relative {
position: relative;
}
._absolute {
position: absolute;
}
p._absolute {
display: block;
bottom: 0;
left: 0;
width: 250px;
height: 50px;
padding: 0 20px;
font-size: 22px!important;
color: #fff!important;
line-height: 50px!important;
letter-spacing: -1.0px;
text-align: right;
}
@media screen and (max-width: 767px) {
.section10_unit._last {
margin: 0;
}
p._absolute {
top: 15px;
right: 0;
left: auto;
}
}
.section10_box02.hikarie p._absolute {
text-align: left;
text-shadow: 1px 2px 3px #555;
padding: 0;
margin-left: 10px;
} .j_section6_box {
width: 100%;
}
.j_section6_unit {
width: calc(100% / 2);
width: -webkit-calc(100% / 2);
}
.j_section6_unit p {
font-size: 18px!important;
line-height: 1.5!important;
padding: 0 0 50px 0;
}
.j_section6_unit p.text {
padding-right: 25px;
}
@media screen and (max-width: 767px) {
.j_section6_unit p.text {
padding-right: 0;
}
}
.j_section6_unit img {
display: block;
width: 100%;
margin: 0 0 20px 0;
}
.j_section6_unit table {
border-collapse: collapse;
border-spacing: 0;
width: 500px;
}
.j_section6_unit th,
.j_section6_unit td {
font-size: 18px!important;
font-weight: 500!important;
line-height: 1.5!important;
padding: 10px 15px;
border: 1px solid #cccccc;
}
@media screen and (max-width: 767px) {
.j_section6_unit,
.j_section6_unit table {
width: 100%;
}
.j_section6_unit p {
padding: 0 0 20px 0;
}
.j_section6_unit img {
margin: 0 0 5% 0;
}
.j_section6_pic {
margin: 0 0 5% 0;
}
}
.company_box {
padding: 50px 0;
} .j_section8_bk {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/jyumoku/j_section8_bk.jpg) no-repeat 50% 50%;
background-size: cover;
}    .setplan_bk {
background: #d0c9bf;
}
h2.setplan_ttl {
font-size: 32px!important;
font-weight: 500;
line-height: 1.0!important;
padding: 0 0 30px 0;
}
h2.setplan_ttl span.nedan {
font-family: Century Gothic;
font-size: 100px!important;
color: #b52209;
}
@media screen and (max-width: 1200px) {
h2.setplan_ttl span.nedan {
font-size: 60px!important;
}
}
h2.setplan_ttl span.yen {
font-size: 48px!important;
}
@media screen and (max-width: 767px) {
h2.setplan_ttl {
font-size: 25px!important;
line-height: 1.5!important;
}
h2.setplan_ttl span.nedan,
h2.setplan_ttl span.yen {
display: inline-block;
}
h2.setplan_ttl span.nedan {
font-size: 54px!important;
text-align: center!important;
padding: 0 0 0 5%;
}
h2.setplan_ttl span.yen {
font-size: 25px!important;
}
}
.kakaku_ribbon._setplan {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/eitai/ribbon.png) no-repeat 0 0;
}
@media screen and (max-width: 767px) {
.kakaku_ribbon._setplan {
background-image: none;
background: #fff;
}
}
.section01_point._eitai {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/eitai/point_bk2.jpg) no-repeat 0 0;
}
.point_unit.no02._eitai {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/point_icon03.jpg) no-repeat 50% 50%;
}
.point_unit.no03._eitai {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/point_icon02.jpg) no-repeat 50% 50%;
}
.point01_details>div._eitai h4 {
padding: 0 0 20px 0;
}
.point01_details03._eitai h4 {
padding: 0 0 40px 0!important;
}
.point01_details01._eitai {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/eitai/selection5_no01pic1.jpg) no-repeat 0 0;
padding: 20px;
background-size: cover;
}
.point01_details02._eitai {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/eitai/selection5_no01pic2.jpg) no-repeat 0 0;
padding: 20px;
background-size: cover;
}
.point01_details03._eitai {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/eitai/selection5_no01pic3.jpg) no-repeat 0 0;
padding: 40px 20px 20px 20px;
background-size: cover;
}
.point02_details01._eitai {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/eitai/selection5_no02pic1.jpg) no-repeat 0 0;
background-size: cover;
padding: 20px;
}
.point02_details02._eitai {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/eitai/selection5_no02pic2.jpg) no-repeat 0 0;
background-size: cover;
padding: 20px;
}
.point02_details03._eitai {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/eitai/selection5_no02pic3.jpg) no-repeat 0 0;
background-size: cover;
padding: 20px;
}
.point03_details._eitai>div {
display: block;
width: calc((100% - 10px) / 2);
width: -webkit-calc((100% - 10px) / 2);
margin: 0 10px 0 0;
padding: 2%;
}
.point03_details._eitai>div:nth-child(2n) {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.point03_details._eitai>div {
width: 100%;
margin: 0 0 5% 0!important;
padding: 2% 5% 5% 5%;
}
}
.point03_details._eitai>div h4,
.point03_details._eitai>div p {
color: #fff;
font-weight: 500;
}
.point03_details._eitai>div h4 {
font-size: 38px;
line-height: 1.3;
padding: 0 0 20px 0;
}
.point03_details._eitai>div h4 span {
font-size: 24px;
}
.point03_details._eitai>div p {
line-height: 1.5!important;
}
.point03_details01._eitai {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/eitai/selection5_no03pic1.jpg) no-repeat 0 0;
background-size: cover;
padding: 20px;
}
.point03_details02._eitai {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/eitai/selection5_no03pic2.jpg) no-repeat 0 0;
background-size: cover;
padding: 20px;
}
.point03_details01._eitai:hover,
.point03_details02._eitai:hover {
opacity: 0.5;
transition: 0.8s;
cursor: pointer;
} p.section01_unit.no03._eitai {
top: 0;
right: 220px;
padding: 90px 0 0 0;
}
p.section01_unit.no04._eitai {
bottom: 20px;
right: 0;
padding: 90px 0 0 0;
} .section06_catch._eitai {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection6_bk.png) no-repeat 55% 50%;
background-size: 80% auto;
}
.section06_catch._eitai h3 {
background-image: none;
padding: 20px 0 0 0;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.section06_catch._eitai {
background-image: none;
}
}   .noukotudo_bk1 {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/noukotudo/noukotudo_bk.jpg) no-repeat 50% 50%;
background-size: cover;
width: 100%;
height: 530px;
}
@media screen and (max-width: 767px) {
.noukotudo_bk1 {
height: auto;
}
}
.j_section1_box._noukotudo>div {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/noukotudo/noukotudo_Illust.png) no-repeat 50% 50%;
}
h2.section_ttl._noukotudo,
.j_section1_box._noukotudo>div p {
color: #fff;
}
.kakaku_ribbon._noukotudo {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/noukotudo/ribbon.png) no-repeat 0 0;
}
@media screen and (max-width: 767px) {
.kakaku_ribbon._noukotudo {
background-image: none;
background: #fff;
}
}
.noukotudo_s4_bk {
background: #e8ebf2;
background-image: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/noukotudo/section4_woman.png);
background-position: right 40px bottom 0;
background-size: auto;
background-repeat: no-repeat;
width: 100%;
height: 490px;
}
@media screen and (max-width: 767px) {
.noukotudo_s4_bk {
background-image: none;
height: auto;
}
}  .sec_about .p_sub.new_sub {
margin-top: 100px;
padding-bottom: 0;
}  .sec.eye_sakura_kitakyu {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/sakura-kitakyu/b_mv_pc.jpg) center center no-repeat;
background-size: cover;
}
@media screen and (max-width: 930px) {
.migishita {
display: none;
}
}
@media screen and (max-width: 767px) {
.sec.eye_sakura_kitakyu {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/sakura-kitakyu/eye.jpg) top;
height: auto;
background-size: cover;
}
}
.kitakyu section.sec.sec_08.sec_point,
.hibiki section.sec.sec_08.sec_point,
.sakura section.sec.sec_08.sec_point {
padding-top: 40px;
}
#sakura-kitakyu .sec_agreement .flow,
#hibiki .sec_agreement .flow,
#sakura .sec_agreement .flow {
background-image: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/sakura-kitakyu/bg_arrow.png);
background-repeat: no-repeat;
background-position: center center;
}
@media screen and (max-width: 767px) {
#sakura-kitakyu .sec_agreement .flow,
#hibiki .sec_agreement .flow,
#sakura .sec_agreement .flow {
background-image: none;
}
#sakura-kitakyu .sec_agreement .flow li,
#hibiki .sec_agreement .flow li,
#sakura .sec_agreement .flow li {
position: relative;
}
#sakura-kitakyu .sec_agreement .flow li::before,
#hibiki .sec_agreement .flow li::before,
#sakura .sec_agreement .flow li::before {
content: "";
display: block;
width: 59px;
height: 42px;
background-image: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/sakura-kitakyu/arrow_p.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
transform: rotate(90deg);
position: absolute;
margin-right: auto;
margin-left: auto;
left: 0;
right: 0;
bottom: -40px;
z-index: 10;
}
#sakura-kitakyu .sec_agreement .flow li:last-child::before,
#hibiki .sec_agreement .flow li:last-child::before,
#sakura .sec_agreement .flow li:last-child::before {
content: none;
}
}
.sakura-kitakyu .sec_event,
.sakura .sec_event,
.hibiki .sec_event {
padding: 100px 0 210px 0;
} #read_btn {
width: 45%;
text-align: center;
margin: 20px auto 0;
background: #c52507;
height: 40px;
line-height: 40px;
cursor: pointer;
color: #fff;
}
p#read_btn.style-close {
color: #c52507;
background: #fff;
border: #c52507 solid 1px;
}
#hide_box {
display: none!important;
}
#hide_box.open {
display: flex!important;
}
@media screen and (max-width: 767px) {
#read_btn {
width: 75%;
}
#hide_box.open {
display: block!important;
}
} .flex_facility {
display: flex;
margin-top: 50px;
}
.flex_facility .left_box {
width: 50%;
}
.flex_facility .left_box h4 {
font-size: 30px;
padding-left: 35px;
background-image: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/icon_mark.png);
background-position: 7px 16px;
background-repeat: no-repeat;
background-size: 25px 25px;
font-weight: 400;
text-align: left;
}
.flex_facility .left_box ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_facility .left_box ul li {
width: 23%;
text-align: center;
padding: 2%;
}
.flex_facility .left_box ul li.visibility {
visibility: hidden;
}
.flex_facility .right_box {
width: 50%;
padding-left: 5%;
}
.flex_facility .right_box h4 {
font-size: 30px;
font-weight: 400;
}
.flex_facility .right_box video {
width: 100%;
margin-top: 20px;
}
@media screen and (max-width: 767px) {
.flex_facility {
display: block;
padding-right: 17px;
padding-left: 17px;
}
.flex_facility .left_box {
width: 100%;
padding-left: 0;
}
.flex_facility .left_box h4 {
font-size: 23px;
background-position: 0px 10px;
}
.flex_facility .right_box {
width: 100%;
padding-left: 0;
}
.flex_facility .right_box h4 {
font-size: 23px;
}
.flex_facility .left_box ul li {
font-size: 14px;
}
}  .kakaku_nedan>h3 {
position: relative;
}
.kakaku_nedan>h3 span.hyphen {
position: absolute;
bottom: 37px;
}
@media screen and (max-width: 767px) {
.kakaku_nedan>h3 span.hyphen {
position: absolute;
bottom: 17px;
}
}
@media screen and (max-width: 425px) {
.kakaku_ribbon span.nedan {
padding: 0 0 0 0px;
}
.kakaku_ribbon span.nedan,
.kakaku_ribbon span.yen {
display: inline;
} }
.none_border {
border: none!important;
}  .kakaku_circle._white {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/jyumoku/white_c.png) no-repeat 0 50%;
background-size: 100% auto;
}
.kakaku_circle.hikarie p {
font-size: 23px!important;
}
.page-id-435 .kakaku_circle p {
font-size: 23px!important;
}
.page-id-435 .sec_06.sec_feature_list {
background: #fdf4f5;
}
.sec_06.sec_feature_list.hikarie {
background: #fdf4f5;
}
.sec_06.sec_feature_list.hikarie.hibiki {
background: #f9fff4;
}
.page-id-435 .sec_06.sec_feature_list .list {
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
flex-wrap: wrap;
}
.sec_06.sec_feature_list.hikarie .list {
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
flex-wrap: wrap;
}
.page-id-435 .sec_06.sec_feature_list .list li {
margin-bottom: 40px;
width: 30%;
}
.sec_06.sec_feature_list.hikarie .list li {
margin-bottom: 40px;
width: 30%;
margin-right: 30px;
}
.sec_06.sec_feature_list.hikarie .list li:last-child {
margin-right: 0;
}
.sec_06.sec_feature_list.hikarie.hibiki .list li {
width: 32%;
}
.sec_06.sec_feature_list.hikarie.hibiki .list li:nth-child(2n) {
margin-right: 0;
}
.page-id-435 .sec_06.sec_feature_list .list li .tbox {
display: flex;
justify-content: space-around;
padding: 5px 0;
margin-top: 10px;
background: #efe1d2;
flex-direction: column-reverse;
}
.sec_06.sec_feature_list.hikarie .list li .tbox {
display: flex;
justify-content: space-around;
padding: 5px 0;
background: #efe1d2;
flex-direction: column-reverse;
}
.page-id-435 .sec_06.sec_feature_list .list li .tbox strong {
color: #951f0b;
font-size: 28px;
align-items: center;
text-align: center;
}
.sec_06.sec_feature_list.hikarie .list li .tbox strong {
color: #951f0b;
font-size: 28px;
align-items: center;
text-align: center;
}
.page-id-435 .sec_06.sec_feature_list .list li .tbox strong {
color: #951f0b;
font-size: 28px;
align-items: center;
text-align: center;
}
.sec_06.sec_feature_list.hikarie .list li .tbox strong {
color: #951f0b;
font-size: 28px;
align-items: center;
text-align: center;
}
.page-id-435 .sec_06.sec_feature_list .list li .tbox strong span {
font-size: 22px;
}
.sec_06.sec_feature_list.hikarie .list li .tbox strong span {
font-size: 22px;
}
@media screen and (max-width: 768px) {
.page-id-435 .sec_06.sec_feature_list .list li {
width: 48%;
}
.sec_06.sec_feature_list.hikarie .list li {
width: 48%;
}
}
@media screen and (max-width: 428px) {
.page-id-435 .sec_06.sec_feature_list .list {
display: block;
}
.page-id-435 .sec_06.sec_feature_list .list li {
width: 100%;
}
.sec_06.sec_feature_list.hikarie .list {
display: block;
}
.sec_06.sec_feature_list.hikarie .list li {
width: 100%;
}
.sec_06.sec_feature_list.hikarie.hibiki .list li {
width: 100%;
}
.sec_06.sec_feature_list.hikarie .list li .tbox strong {
font-size: 25px;
}
.sec_06.sec_feature_list.hikarie .list li .tbox strong span {
font-size: 18px;
}
}
.sec_06.sec_feature_list.hikarie.hibiki .item {
background: #efe1d2;
text-align: center;
padding: 5px 10px;
}
.sec_06.sec_feature_list.hikarie.hibiki .item .item_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-top: 5px;
}
.sec_06.sec_feature_list.hikarie.hibiki .item .item_list li {
width: 47%;
background: #339900;
color: #fff;
text-align: center;
margin-bottom: 5px;
margin-right: 0;
}
.sec_06.sec_feature_list.hikarie.hibiki .price_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 10px;
padding: 0;
}
.sec_06.sec_feature_list.hikarie.hibiki .price_box .kitakyu,
.sec_06.sec_feature_list.hikarie.hibiki .price_box .hibiki {
width: 50%;
}
.sec_06.sec_feature_list.hikarie.hibiki .price_box .name {
display: inline-block;
border-bottom: 1px solid;
}
.sec_06.sec_feature_list.hikarie.hibiki .price_box .price {
letter-spacing: normal;
}
.sec_06.sec_feature_list.hikarie.hibiki .price_box .price .small {
font-size: 0.8rem;
}
.sec_06.sec_feature_list.hikarie.hibiki .price.one {
letter-spacing: normal;
}
.sec_06.sec_feature_list.hikarie.hibiki .price.one .small {
font-size: 0.8rem;
}
.sec_06.sec_feature_list.hikarie.hibiki .residue {
background: #fff;
padding: 0 10px;
display: inline-block;
color: #951f0b;
border-radius: 50vh;
}
.sec_06.sec_feature_list.hikarie.hibiki .open {
color: #339900;
font-weight: 600;
font-size: 1.2rem;
position: relative;
padding: 0 40px;
display: inline-block;
}
.sec_06.sec_feature_list.hikarie.hibiki .open:before,
.sec_06.sec_feature_list.hikarie.hibiki .open:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 25px;
height: 2px;
border-top: solid 1px #339900;
border-bottom: solid 1px #339900;
}
.sec_06.sec_feature_list.hikarie.hibiki .open:before{
left: 0;
}
.sec_06.sec_feature_list.hikarie.hibiki .open:after{
right: 0;
}
@media screen and (max-width: 428px) {
.sec_06.sec_feature_list.hikarie.hibiki .open {
font-size: 1.0rem;
padding: 0 45px;
}
.sec_06.sec_feature_list.hikarie.hibiki .open:before,
.sec_06.sec_feature_list.hikarie.hibiki .open:after {
width: 35px;
}
}
.section10_box02.hikarie h3:before {
content: '';
display: inline-block;
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/icon_mark_hikarie.png) no-repeat 0 0;
background-size: cover;
vertical-align: middle;
width: 30px;
height: 30px;
margin: -10px 0 0 0;
}
.reien_box {
padding: 50px 0;
} .page-id-437 .plan_box.manyadjust .plan_unit.width-adjust {
width: 42%;
}
.page-id-437 .plan_box.manyadjust .plan_unit.width-adjust-2 {
width: 24%;
}
.page-id-437 .plan_box.manyadjust .plan_unit {
width: 34%;
}
.page-id-437 .plan_unit.secound_right>p {
text-align: center;
background-color: #b52209;
border-radius: 20px;
color: #fff;
display: inline-block;
padding: 20px 40px;
margin: 0px 0 0 40px;
font-size: 20px;
}
@media screen and (max-width: 767px) {
.page-id-437 .plan_box.manyadjust .plan_unit.width-adjust,
.page-id-437 .plan_box.manyadjust .plan_unit.width-adjust-2,
.page-id-437 .plan_box.manyadjust .plan_unit {
width: 100%;
}
.page-id-437 .plan_unit.secound_right>p {
display: block;
text-align: center;
width: 80%;
margin: 10px auto 0;
padding: 3px 10px;
}
.page-id-437 .plan_unit.secound_right>p br {
display: none;
}
} .section0x_box .index_box {
display: flex;
justify-content: space-between;
box-sizing: border-box;
background: #f8f8f8 url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/selection10_boxbk.jpg);
background-repeat: no-repeat;
background-position: bottom left;
min-height: 155px;
}
.section0x_box .index_box>p {
width: 440px;
color: #ab8859;
font-size: 36px;
text-align: center;
margin-left: 30px;
margin-top: 55px;
}
.section0x_box .index_box>.index_items {
max-width: 860px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 37px 0px 14px 0px;
margin-right: 90px;
margin-left: 39px;
margin-bottom: 0!important;
}
.section0x_box .index_box>.index_items li {
width: 30%;
padding-left: 20px;
background-image: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/icon_mark_red.png);
background-repeat: no-repeat;
background-position: 0 8px;
}
@media screen and (max-width: 767px) {
.section0x_box .index_box {
display: block;
}
.section0x_box .index_box>p {
margin: 0 auto;
font-size: 23px;
width: 240px;
}
.section0x_box .index_box>.index_items {
flex-wrap: wrap;
padding: 37px 0px 14px 0px;
margin-right: 0;
margin-left: 0;
}
.section0x_box .index_box>.index_items li {
width: 40%;
margin-left: 5%;
}
} .section0x_box h4 {
font-size: 30px;
padding-left: 35px;
background-image: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/icon_mark.png);
background-position: 7px 16px;
background-repeat: no-repeat;
background-size: 25px 25px;
margin-top: 70px!important;
margin-bottom: 20px!important;
font-weight: 400;
}
.section0x_box_main {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.section0x_box_main li {
width: 48%;
}
.section0x_box_main li div {
width: 100%;
}
.section0x_box_main li div .img {
width: 100%;
}
.section0x_box_main li div .img img {
width: 100%;
}
.section0x_box_main li div .txt {
width: 100%;
margin-top: 30px;
margin-bottom: 60px;
font-size: 18px;
line-height: 1.6;
}
@media screen and (max-width: 600px) {
.section0x_box h4 {
font-size: 23px;
background-position: 0px 10px;
}
.section0x_box_main li {
width: 100%;
}
.section0x_box_main li div .txt {
font-size: 16px;
margin-top: 15px;
margin-bottom: 40px;
}
} span.visibility {
visibility: hidden;
}
@media screen and (max-width: 767px) {
span.visibility {
display: none;
}
} .page-id-437 .plan_unit.left {
text-align: right;
padding-right: 30px;
}
@media screen and (max-width: 768px) {
.page-id-437 .plan_unit.left {
text-align: center;
padding-right: 0px;
}
} .sec.eye_sakura {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/sakura/b_mv_pc.jpg) center center no-repeat;
background-size: cover;
}
@media screen and (max-width: 767px) {
.sec.eye_sakura {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/sakura/eye.jpg) top;
height: auto;
background-size: cover;
}
} .sec.eye_hibiki {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/hibiki/b_mv_pc.jpg) center center no-repeat;
background-size: cover;
}
@media screen and (max-width: 767px) {
.sec.eye_hibiki {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/hibiki/eye.jpg) top;
height: auto;
background-size: cover;
}
} .section08_unit {
position: relative;
}
.section08_unit.no01::after,
.section08_unit.no03::after,
.section08_unit.no05::after { content: "";
background-image: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/arrow.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
right: -34px;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
height: 42px;
width: 59px;
z-index: 10;
}
.section08_unit.no02::before,
.page-id-430 .section08_unit.no04::before { content: "";
background-image: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/arrow.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
left: -34px;
bottom: -27px;
transform: rotate(135deg);
z-index: 10;
height: 42px;
width: 59px;
}
@media screen and (max-width: 767px) {
.section08_unit.no02::before,
.page-id-430 .section08_unit.no04::before {
content: none;
}
.section08_unit.no02::after,
.page-id-430 .section08_unit.no04::after {
content: "";
background-image: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/arrow.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
}
.section08_unit.no02::after,
.section08_unit.no01::after,
.section08_unit.no03::after,
.page-id-430 .section08_unit.no04::after,
.section08_unit.no05::after {
right: 0;
left: 0;
bottom: -30px;
transform: rotate(90deg);
margin-left: auto;
margin-right: auto;
z-index: 10;
top: auto;
margin-top: auto;
margin-bottom: auto;
height: 42px;
width: 30px;
}
} .page-id-439 .k_section01_box>div {
margin: 0 auto;
} .pc_eye .slider .slick-dots {
margin-bottom: 30px!important;
}
.eye_sakura_kitakyu .inner,
.eye_sakura .inner,
.eye_hibiki .inner {
display: flex;
align-items: start;
justify-content: space-between;
}
.migishita {
margin-top: 100px;
}
.eye_sakura_kitakyu,
.eye_sakura,
.eye_hibiki {
height: auto!important;
} .sp_varsion {
display: none!important;
}
@media screen and (max-width: 767px) {
.pc_varsion {
display: none!important;
}
.sp_varsion {
display: block!important;
}
}
a.con_tel {
font-size: 34px;
}
@media screen and (max-width: 767px) {
.sec_contact .flex a.con_tel {
padding: 0px 20px!important;
}
}
@media screen and (max-width: 768px) {
.sec_contact .sp_varsion .con_box * {
color: #fff;
}
.sec_contact .sp_varsion .con_box .con_subread {
font-size: 14px;
margin-top: 5px;
border-bottom: 1px solid #fff;
padding-bottom: 15px;
}
.con_mail {
background-color: #f9f1f1;
color: #cc533b!important;
border-radius: 15px;
width: 95%;
margin: 0 auto!important;
}
.con_mail::after {
content: "CONTACT";
display: block;
text-align: center;
font-size: 14px;
}
.document_box .sub_read {
color: #fff;
margin-top: 15px;
font-size: 14px;
margin-bottom: 10px;
}
}
.plan_unit.right span.tax {
font-size: 14px!important;
color: #000!important;
padding: 0!important;
}
h2.setplan_ttl span.tax {
font-size: 20px;
}
#head .rogo.hikarie {
width: 212px;
}
#footer .inner .lbox .ft_logo.hikarie {
width: 250px;
}
h3.tab_ttl.hikarie:before {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/haka-jimai/icon_mark_hikarie.png) no-repeat 0 0;
background-size: cover;
}
#sakura-kitakyu ul.list-jyumoku-price,
#hibiki ul.list-jyumoku-price{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#sakura-kitakyu ul.list-jyumoku-price li.list-jyumoku-price-common,
#hibiki ul.list-jyumoku-price li.list-jyumoku-price-common{
width: 32%;
margin: 20px;
}
#sakura-kitakyu ul.list-jyumoku-price li.list-jyumoku-price-common div.item,
#hibiki ul.list-jyumoku-price li.list-jyumoku-price-common div.item{
background: #efe1d2;
text-align: center;
padding: 5px 10px;
}
#sakura-kitakyu ul.list-jyumoku-price li.list-jyumoku-price-common div.item p.item_text,
#hibiki ul.list-jyumoku-price li.list-jyumoku-price-common div.item p.item_text{}
#sakura-kitakyu ul.list-jyumoku-price li.list-jyumoku-price-common div.item ul.item_list,
#hibiki ul.list-jyumoku-price li.list-jyumoku-price-common div.item ul.item_list{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-top: 5px;
}
#sakura-kitakyu ul.list-jyumoku-price li.list-jyumoku-price-common div.item ul.item_list li,
#hibiki ul.list-jyumoku-price li.list-jyumoku-price-common div.item ul.item_list li{
width: 47%;
background: #339900;
color: #fff;
text-align: center;
margin-bottom: 5px;
margin-right: 0;
}
#sakura-kitakyu ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox,
#hibiki ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox{
display: flex;
justify-content: space-around;
padding: 5px 0;
background: #efe1d2;
flex-direction: column-reverse;
}
#sakura-kitakyu ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox div.price_box,
#hibiki ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox div.price_box{
display: flex;
justify-content: center;
margin-top: 10px;
padding: 0;
}
#sakura-kitakyu ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox div.price_box > div.kitakyu,
#hibiki ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox div.price_box > div.hibiki{
width: 100%;
}
#sakura-kitakyu ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox div.price_box > div.kitakyu p.name,
#hibiki ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox div.price_box > div.hibiki p.name{
display: inline-block;
border-bottom: 1px solid;
}
#sakura-kitakyu ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox div.price_box > div.kitakyu p.price,
#hibiki ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox div.price_box > div.hibiki p.price{
letter-spacing: normal;
}
#sakura-kitakyu ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox div.price_box > div.kitakyu p.price strong,
#hibiki ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox div.price_box > div.hibiki p.price strong{
color: #951f0b;
font-size: 28px;
align-items: center;
text-align: center;
}
#sakura-kitakyu ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox div.price_box > div.kitakyu p.price span,
#hibiki ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox div.price_box > div.hibiki p.price span{
font-size: 22px;
}
#sakura-kitakyu ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox div.price_box > div.kitakyu p.price .small,
#hibiki ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox div.price_box > div.hibiki p.price .small{
font-size: 0.8rem;
}
#sakura-kitakyu ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox div.price_box > div.kitakyu p.residue,
#hibiki ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox div.price_box > div.hibiki p.residue{
background: #fff;
padding: 0 10px;
display: inline-block;
color: #951f0b;
border-radius: 50vh;
}
#sakura-kitakyu ul.list-jyumoku-price li.list-jyumoku-price-common div.tbox > p {}
.banner-hakajimaicenter {
display: block;
width: fit-content;
margin: 100px auto;
text-align: center;
}
@media screen and (max-width: 480px) {
#sakura-kitakyu ul.list-jyumoku-price li.list-jyumoku-price-common {
width: 100%;
margin: 0 0 30px;
}
#hibiki ul.list-jyumoku-price li.list-jyumoku-price-common {
width: 100%;
margin: 0 0 30px;
}
}
body.custom-font-enabled {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
-ms-font-feature-settings: 'normal';
}
body {
overflow: hidden;
}
body .site {
margin: 0;
padding: 120px 0 0;
max-width: 100%;
box-shadow: none;
font-size: 16px;
}
@media screen and (max-width: 767px) {
body .site {
padding: 70px 0 0;
}
}
.site-content {
float: none;
margin: 0;
width: 100%;
}
.site-content article {
margin: 0;
padding: 0;
border: none;
}
body.search .entry-content,
body.error404 .entry-content,
body.page .entry-content {
padding: 0 !important;
width: 100% !important;
}
body.blog #primary,
body.archive #primary,
body.single #primary {
max-width: 830px;
}
body.blog #secondary,
body.archive #secondary,
body.single #secondary {
max-width: 300px;
}
.entry-header {
margin: 0;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
border-radius: initial;
box-shadow: none;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
list-style: none;
}
.entry-content li,
.comment-content li,
.mu_register li {
margin: 0;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
margin: 0;
color: #231815;
font-size: 16px;
line-height: 1.5;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
margin: 0;
}
.single #contents,
.archive #contents,
.category #contents,
.blog #contents {
margin: 0 auto;
padding: 50px 0;
max-width: 1200px;
}
.single .site-content,
.archive .site-content,
.category .site-content,
.blog .site-content {
float: left;
width: 69%;
}
.widget-area {
margin-top: 0;
}
@media screen and (max-width: 767px) {
.single .site-content,
.archive .site-content,
.category .site-content,
.blog .site-content {
float: none;
box-sizing: border-box;
padding: 0 10px;
width: 100%;
}
.widget-area {
float: none;
box-sizing: border-box;
padding: 0 10px;
width: 100%;
}
}
.single .entry-title,
.archive .entry-title,
.category .entry-title,
.blog .entry-title {
margin-bottom: 20px;
padding: 20px 0 10px;
border-bottom: 1px dashed #036391;
color: #036391;
font-size: 24px;
}
.single .entry-content p,
.archive .entry-content p,
.category .entry-content p,
.blog .entry-content p {
margin: 10px 0 20px 0;
line-height: 2.0em;
}
.single .entry-title {
padding-right: 160px;
}
@media screen and (max-width: 767px) {
.single .entry-title {
margin-bottom: 20px !important;
padding-right: 0;
}
.blog-list-leftbox {
position: relative !important;
top: 0 !important;
right: initial !important;
left: 0 !important;
margin-bottom: 20px;
}
}
.blog article,
.archive article {
margin-bottom: 100px;
}
.widget-area .widget h3 {
box-sizing: border-box;
padding: 5px 10px;
background: #951f0b;
color: #fff;
} body { margin: 0 auto; max-width: 100%;    background: #fff;
color: #000;
font-size: 16px;
}
body #page.site {
font-family: 'Noto Serif JP', serif;
-ms-font-feature-settings: 'normal';
}
a {
color: #000;
text-decoration: none;
transition: all 0.3s;
}
a:hover {
opacity: 0.6;
}
.entry-content a:visited,
.comment-content a:visited {
color: #000;
}
img {
max-width: 100%;
vertical-align: bottom;
}
hr.line {
margin: 0;
border: none;
border-bottom: 1px solid #ddd;
}
.pc {
display: block;
}
.sp {
display: none;
}
.inner {
position: relative;
box-sizing: border-box;
margin: 0 auto;
max-width: 1200px;
}
@media screen and (max-width: 834px) { .pc {
display: none;
}
.sp {
display: block;
}
body {
min-width: 100%;
}
.inner {
width: 100%;
}
}
.layer {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
}
header#head {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
min-height: 90px;
width: 100%;
background: #fff;
}
@media screen and (max-width: 767px) {
header#head {}
}
header#head .inner {
overflow: hidden;
}
header#head .flex {
position: relative;
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 2px 0;
}
header#head .rogo {
position: relative;
margin-top: 25px;
}
header#head .site-description {
position: absolute;
top: 10px;
left: 0;
color: #413b3a;
font-size: 9px;
}
header#head #sub-nav {
float: right;
overflow: hidden;
}
header#head #sub-nav li {
float: left;
margin-left: 10px;
}
header#head #sub-nav li a {
display: block;
}
.menu-global-container {
background: #951f0b;
}
nav#site-nav {
position: relative; text-align: center;
}
nav#site-nav ul {
display: flex;
justify-content: center;
margin: 0 auto;
max-width: 1000px;
vertical-align: bottom;
}
nav#site-nav ul li {
position: relative;
box-sizing: border-box;
}
nav#site-nav ul li:last-child {
border-right: none;
}
nav#site-nav ul li a {
position: relative;
display: block;
box-sizing: border-box;
padding: 10px 40px;
color: #fff;
white-space: nowrap;
font-size: 15px;
line-height: 20px;
}
nav#site-nav ul.nav-menu > li > a::before {
position: absolute;
top: 10px;
left: 0;
content: '/';
}
nav#site-nav ul.nav-menu > li:first-child > a::before {
content: '';
} nav#site-nav ul li:last-child a {
margin-right: 0;
}
nav#site-nav .menu-item-has-children:hover .sub-menu {
display: block;
}
nav#site-nav .sub-menu {
position: absolute;
top: 40px;
left: 0;
z-index: 9999;
display: none;
padding: 0;
width: 200px;
background: #951f0b; }
nav#site-nav .sub-menu li {
float: none;
border-top: 1px dashed #ccc;
}
nav#site-nav .sub-menu li:last-child { }
nav#site-nav .sub-menu li a {
padding: 10px 0;
color: #fff;
font-weight: normal;
}
nav#site-nav ul.sub-menu li a:hover::after,
nav#site-nav ul.sub-menu li.current-menu-item a::after {
border-bottom: 2px solid #aaa;
}
#all-wrap {
display: none;
}
@media screen and (max-width: 834px) {
header#head {
min-height: 60px;
}
header#head h1 {
margin-top: 20px;
padding-left: 10px;
}
header#head h2.site-description {
top: 5px;
left: 10px;
}
header#head #sub-nav {
display: none;
} #sp-menu {
position: fixed;
top: 15px;
right: 15px;
z-index: 200;
display: block;
box-sizing: border-box;
padding: 10px;
width: 42px;
height: 34px;
color: #fff;
text-align: center;
line-height: 40px;
}
#sp-menu:hover {
cursor: pointer;
}
#all-wrap {
position: fixed;
top: 0;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
}
#all-wrap.open {
z-index: 100;
display: block;
}
nav#site-nav-sp {
position: fixed;
top: 64px;
left: 0;
z-index: 9999;
display: none;
width: 100%;
}
.admin-bar nav#site-nav-sp {
top: 110px;
}
nav#site-nav-sp .nav-menu-sp {
position: relative;
top: 0;
right: 0;
left: 0;
z-index: 9999;
width: 100%;
}
nav#site-nav-sp ul.nav-menu-sp {
overflow: hidden;
border-top: 1px solid #fff;
background-color: rgba(144, 31, 11, 0.9);
}
nav#site-nav-sp ul.nav-menu-sp > li {
overflow: hidden;
box-sizing: border-box; width: 100%;
border-bottom: 1px solid #965858;
text-align: center;
}
nav#site-nav-sp ul li:nth-child(odd) { }
nav#site-nav-sp ul li a {
display: block;
padding: 0 10px 0 10px;
color: #fff;
text-decoration: none;
font-size: 14px;
line-height: 3em;
}
nav#site-nav-sp ul.sub-menu {
overflow: hidden;
padding-bottom: 10px;
}
nav#site-nav-sp ul.sub-menu li {
float: left;
width: 50%;
text-align: left;
}
nav#site-nav-sp ul.sub-menu li a {
position: relative;
padding: 0 10px 0 30px;
font-size: 13px;
line-height: 2em;
}
nav#site-nav-sp ul.sub-menu li a::before {
position: relative;
color: #c5c5c5;
content: '-　';
}
.menu-trigger,
.menu-trigger span {
display: inline-block;
box-sizing: border-box;
transition: all 0.4s;
}
.menu-trigger {
position: relative;
}
.menu-trigger span {
position: absolute;
left: 5px;
width: 80%;
height: 3px;
border-radius: 3px;
background-color: #951f0b;
}
.menu-trigger span:nth-of-type(1) {
top: 5px;
}
.menu-trigger span:nth-of-type(2) {
top: 15px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 5px;
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(11px) rotate(-45deg);
transform: translateY(11px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-10px) rotate(45deg);
transform: translateY(-10px) rotate(45deg);
}
} header #sub-nav-side {
position: fixed;
top: 200px;
right: 0;
z-index: 9999;
width: 60px;
height: 237px;
}
@media screen and (max-width: 834px) {
header #sub-nav-side {
display: none;
}
header #sub-nav-side.show {
display: none;
}
} h1.sub-page-title {
box-sizing: border-box; padding-top: 130px;
min-height: 320px;
background: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/common/sub_eye.png) no-repeat center top;
background-size: cover;
text-align: center;
text-shadow: white 1px 1px 20px, white -1px 1px 20px, white 2px 1px 15px, white -2px 1px 15px, white 1px 1px 20px, white -1px 1px 20px, white 2px 1px 15px, white -2px 1px 15px;
font-weight: normal;
font-weight: bold;
font-size: 30px;
;
}
h1.sub-page-title .en {
display: block;
box-sizing: border-box;
padding: 20px 0;
font-size: 12px;
}
h2.title {
padding: 0 0 30px;
text-align: center;
font-weight: bold;
font-size: 32px; }
@media screen and (max-width: 767px) {
h1.sub-page-title {
padding-top: 80px;
min-height: 200px;
font-size: 24px;
}
h2.title {
font-size: 22px;
}
}
.box-gotop {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 9999;
display: none;
}
.box-gotop .gotop {
display: inline-block;
outline: none;
}
footer#footer {
color: #fff;
font-size: 12px;
}
footer#footer .ft_bk {
padding: 90px 20px 80px;
background: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/common/footer_bk.png) no-repeat center center;
background-size: cover;
}
footer#footer a {
color: #fff;
font-size: 14px;
}
footer#footer .inner {
display: flex;
justify-content: space-between;
box-sizing: border-box;
margin: 0 auto;
max-width: 1160px;
}
footer#footer .inner .lbox {
flex: 1 1 400px;
}
footer#footer .inner .lbox p {
margin: 10px 0;
font-size: 14px;
}
footer#footer .inner .lbox .ft_logo {
display: inline-block;
margin-bottom: 20px;
}
footer#footer .inner .lbox .ft_tel {
display: inline-block;
margin-top: 10px;
}
footer#footer .inner ul.ft_nav {
display: flex;
flex: 2 2 680px;
flex-direction: column;
flex-wrap: wrap;
box-sizing: border-box;
padding: 20px 10px 20px 50px;
max-height: 240px;
border-left: 1px solid #fff;
}
footer#footer .inner ul.ft_nav > li {
margin: 10px;
}
footer#footer .inner ul.ft_nav ul.lv2 > li {
margin: 20px 10px 20px 5px;
}
footer#footer .inner ul.ft_nav ul.lv2 > li > a::before {
content: '- ';
}
@media screen and (max-width: 900px) {
footer#footer .inner ul.ft_nav {
max-height: 280px;
}
}
@media screen and (max-width: 767px) {
.box-gotop {
right: 10px;
bottom: 66px;
}
footer#footer .inner {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 100%;
}
footer#footer .inner .lbox {
flex: 1 1 100%;
margin-bottom: 40px;
text-align: center;
}
footer#footer .inner ul.ft_nav {
flex: 1 1 100%;
flex-direction: row;
padding: 20px 10px 20px 10px;
max-height: initial;
border-left: none;
}
footer#footer .inner ul.ft_nav > li {
margin: 10px 0 10px 0;
width: 50%;
}
}
footer .copyright {
background: #f4f5f5;
color: #413b3a;
text-align: center;
font-size: 11px;
line-height: 3em;
}
@media screen and (max-width: 767px) {}
#post-17 .sec_eye .text {
padding: 18px;
width: 500px;
background: rgba(255, 255, 255, 0.8);
text-align: left;
line-height: 30px;
}
#post-17 .sec_eye .text h1.h_eye,
#post-17 .sec_eye .text h2.h_eye {
margin-bottom: 40px;
color: #040e1a;
font-weight: 500;
font-size: 30px;
}
#post-17 #cemetery .sec_eye {
padding-top: 68px;
}
#post-17 .sec_eye .text p {
margin-left: 40px;
line-height: 1.6rem;
}
@media screen and (max-width:768px) {
#post-17 .sec_eye .text {
position: absolute;
top: 28px;
padding: 18px;
max-width: 500px;
width: auto;
background: rgba(255, 255, 255, 0.8);
text-align: left;
line-height: 30px;
}
}
.sec {
box-sizing: border-box;
padding: 80px 0 40px;
text-align: center;
text-indent: 0;
letter-spacing: 0.2em;
}
.sec .h2_title {
position: relative;
font-weight: normal;
font-size: 30px;
}
.sec .h2_title .en {
position: absolute;
top: -30px;
right: 0;
left: 0;
margin: 0 auto;
color: #f3adac;
font-size: 12px;
}
.sec .p_sub {
padding: 30px 0;
line-height: 1.5em;
}
h1.archive-title {
position: relative;
padding-left: 20px;
background: #951f0b;
color: #fff;
font-weight: normal;
font-size: 26px;
}
.sec_eye {
padding: 0 0 0;
text-align: center;
}
.sec_eye img {
margin: 0 auto;
}
@media screen and (max-width: 767px) {}
.pc_eye .slider .slick-slide {
position: relative;
}
.pc_eye .slick-track #slick-slide00 {
background: #fbfbfa;
}
.pc_eye .slick-track #slick-slide01 {
background: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/home/bg_mv_dot.png) repeat;
}
.pc_eye .slider .slick-dots {
margin-bottom: 50px;
}
.pc_eye .slider .box {
position: absolute;
right: 0;
bottom: 60px;
left: 0;
margin: 0 auto;
max-width: 70%;
width: 70%;
}
.pc_eye .slider .box .flex {
display: flex;
justify-content: center;
}
.pc_eye .slider .box .list a {
display: inline-block;
margin: 0 10px;
}
.pc_eye .slider .box .list a img {
width: initial;
}
.pc_eye .slider .box .link {
margin-top: 40px;
text-align: center;
}
.pc_eye .slider .box .link a {
position: relative;
display: inline-block;
padding: 10px 60px 10px 80px;
border: 1px solid #ee86a1;
border-radius: 30px;
background: #ee86a1;
color: #fff;
font-size: 14px;
}
.pc_eye .slider .box .link a:hover {
background: #fff;
color: #ee86a1;
}
.pc_eye .slider .box .link a::before {
position: absolute;
top: 15px;
left: 50px;
content: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/common/icon_search.png);
}
@media screen and (max-width: 1400px) {
.pc_eye .slider .box {
max-width: 60%;
width: 60%;
}
}
@media screen and (max-width: 1100px) {
.pc_eye .slider .box {
max-width: 50%;
width: 50%;
}
}
@media screen and (max-width: 767px) {}
.sp_eye {
padding: 0 0 40px;
background: #fbfbfa;
} .sp_eye .box .flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.sp_eye .box .list a {
display: inline-block;
margin: 10px 2%;
width: 30%;
}
.sp_eye .box .list a img {
width: initial;
}
.sp_eye .box .link {
margin-top: 10px;
text-align: center;
}
.sp_eye .box .link a {
position: relative;
display: inline-block;
padding: 10px 60px 10px 80px;
border: 1px solid #ee86a1;
border-radius: 30px;
background: #ee86a1;
color: #fff;
font-size: 14px;
}
.sp_eye .box .link a:hover {
background: #fff;
color: #ee86a1;
}
.sp_eye .box .link a::before {
position: absolute;
top: 15px;
left: 50px;
content: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/common/icon_search.png);
} .sec_katachi .inner {
background-image: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/offering/circle_right_top.png), url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/offering/circle_left_bottom.png);
background-position: right top 50px, left bottom;
background-repeat: no-repeat, no-repeat;
}
.sec_katachi .flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.sec_katachi li {
box-sizing: border-box;
margin-bottom: 20px;
padding: 15px;
width: 34%;
}
.sec_katachi li a {
position: relative;
display: block;
}
.sec_katachi li a h3 {
margin-bottom: 5px;
min-height: 44px;
background: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/common/ph_001_bk.png) no-repeat center top;
background-size: contain;
color: #fff;
font-weight: normal;
font-size: 17px;
}
.sec_katachi li:nth-child(2) a h3 {
background-image: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/common/ph_002_bk.png);
}
.sec_katachi li:nth-child(3) a h3 {
background-image: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/common/ph_003_bk.png);
}
.sec_katachi li:nth-child(4) a h3 {
background-image: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/common/ph_004_bk.png);
}
.sec_katachi li:nth-child(5) a h3 {
background-image: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/common/ph_005_bk.png);
}
.sec_katachi li a .price {
position: absolute;
right: 10px;
bottom: 10px;
display: block;
padding: 0 10px;
border-radius: 20px;
background: #fff;
font-weight: bold;
font-size: 18px;
line-height: 1.5em;
}
.sec_katachi li a .price small {
font-size: 14px;
font-size: 10px;
}
@media screen and (max-width: 767px) {
.sec_katachi .flex {
flex-direction: column;
}
.sec_katachi li {
width: 100%;
}
} .sec_katachi .type2 li a h3 {
position: absolute;
bottom: -30px;
left: 10px;
padding: 5px 10px;
min-height: initial;
background: #f8f8f8;
color: #000;
font-weight: normal;
}
.sec_katachi .type2 li:nth-child(2) a h3,
.sec_katachi .type2 li:nth-child(3) a h3,
.sec_katachi .type2 li:nth-child(4) a h3,
.sec_katachi .type2 li:nth-child(5) a h3 {
background-image: none;
}
.sec_katachi .type2 li a h3 .en {
display: inline-block;
margin-top: 20px;
font-size: 8px;
}
.sec_katachi .type2 li a .price {
right: 0;
bottom: 0;
border-radius: 0;
background: #c42a10;
color: #fff;
font-weight: normal;
}
.sec_katachi .type2 li a .price small {
font-size: 14px;
font-size: 10px;
}
.sec_katachi .type2 li a h3 {
display: inline-block;
margin: 0 auto;
-ms-writing-mode: tb-rl;
white-space: nowrap;
writing-mode: vertical-rl; text-orientation: initial;
writing-mode: vertical-rl;
}   .sec_sagasu {
background: #f8f8f8 url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/common/bk_02.png) repeat center top;
}
.sec_sagasu .flex {
position: relative;
z-index: 2;
display: flex;
}
#home .sec_sagasu .flex::before {
position: absolute;
bottom: -100px;
left: -50%;
z-index: -1;
width: 100%;
height: 400px;
background: #fff;
content: '';
}
#home .sec_sagasu .flex::after {
position: absolute;
right: -50%;
bottom: -100px;
z-index: -1;
width: 100%;
height: 400px;
background: #fff;
content: '';
}
.sec_sagasu li {
width: 50%;
}
.sec_sagasu li a {
position: relative;
display: block;
}
.sec_sagasu li img {
width: 100%;
}
.sec_sagasu li .tbox {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
height: 80px;
color: #fff;
}
.sec_sagasu li .tbox h3 {
display: inline-block;
width: 300px;
border: 1px solid #fff;
background-color: rgba(255, 255, 255, 0.2);
letter-spacing: 0.2em;
font-size: 26px;
}
.sec_sagasu li .tbox .address {
margin: 20px 0 10px;
color: #fff;
font-size: 14px;
line-height: 1.5em;
}
@media screen and (max-width: 834px) {
.sec_sagasu .flex {
flex-direction: column;
}
.sec_sagasu li {
width: 100%;
}
.sec_sagasu li img {
height: 300px;
object-fit: cover;
}
#home .sec_sagasu .flex::before {
display: none;
content: '';
}
#home .sec_sagasu .flex::after {
display: none;
content: '';
}
.sec_sagasu li .tbox .address {
font-size: 12px;
}
}
.sec_event {
position: relative;
padding: 100px 0 120px 0;
background: #f9f9f6 url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/common/bk_01.png) repeat center top;
}
.sec_event .flex {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
max-width: 1100px;
border-bottom: 2px dotted #f6cad3;
text-align: left;
}
.sec_event .flex li {
width: 50%;
border-top: 2px dotted #f6cad3;
}
.sec_event .flex li a {
display: flex;
box-sizing: border-box;
padding: 30px 40px 30px 0;
}
.sec_event .flex li:nth-child(2n) a {
padding: 30px 0 30px 40px;
}
.sec_event .flex li a .pic {
flex: 1 1 30%;
margin-right: 30px;
}
.sec_event .flex li a .tbox {
flex: 2 2 60%;
}
.sec_event .flex li a .tbox .date {
display: inline-block;
padding: 5px 10px;
border-radius: 30px;
background: #dd7b8f;
color: #fff;
font-size: 12px;
}
.sec_event .flex li a .tbox h3 {
margin: 5px 0 10px;
color: #ad8d6a;
font-size: 18px;
}
.sec_event .flex li a .tbox .text {
color: #282828;
font-size: 16px;
line-height: 1.4em;
}
.sec_event .more {
position: absolute;
right: 0;
bottom: -40px;
left: 0;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.sec_event .flex {
flex-direction: column;
box-sizing: border-box;
padding: 0 10px;
max-width: 100%;
}
.sec_event .flex li {
width: 100%;
}
.sec_event .flex li a {
flex-direction: column;
padding: 30px 0 30px 0;
}
.sec_event .flex li:nth-child(2n) a {
padding: 30px 0 30px 0;
}
.sec_event .flex li a .pic {
flex: 1 1 100%;
margin-right: 0;
}
.sec_event .flex li a .pic img {
width: 100%;
}
.sec_event .flex li a .tbox {
flex: 1 1 100%;
}
}
.sec_contact {
margin: 50px 0;
padding: 20px 0;
background: #cc533b;
}
.sec_contact .flex {
display: flex;
justify-content: center;
}
.sec_contact .flex a {
display: block;
}
.sec_contact .flex a.con_tel {
margin-right: 50px;
}
.sec_contact .flex a.con_mail {
margin-left: 50px;
}
@media screen and (max-width: 767px) {
.sec_contact .flex {
flex-direction: column;
}
.sec_contact li {
width: 100%;
}
.sec_contact .flex a.con_tel {
box-sizing: border-box;
margin-right: 0;
padding: 10px 20px;
}
.sec_contact .flex a.con_mail {
box-sizing: border-box;
margin-left: 0;
padding: 10px 20px;
}
}
.sec_about {
padding-top: 0;
}
.sec_about .flex {
display: flex;
}
.sec_about .flex .rbox {
order: 2;
margin-top: 20px;
padding-top: 30px;
width: 50%;
background: #f8f8f8 url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/home/square.png) no-repeat right top;
}
.sec_about .flex .lbox {
order: 1;
width: 50%;
}
.sec_about .flex .lbox .pic {
width: 100%;
}
.sec_about .h2_title::after {
position: absolute;
right: 0;
bottom: -100px;
left: 0;
margin: 0 auto;
content: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/home/ico_about-1.png);
}
.sec_about .h2_title .en {
top: initial;
bottom: -20px;
}
.sec_about .p_sub {
margin-top: 0;
padding: 20px 30px;
line-height: 2.0em;
}
@media screen and (max-width: 767px) {
.sec_about .flex {
flex-direction: column;
}
.sec_about .flex .rbox {
width: 100%;
}
.sec_about .flex .lbox {
width: 100%;
}
}
.sec_3point {
padding-top: 150px;
background: #fdfbf8;
background-image: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/home/lead_2.png), url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/home/lead.png);
background-position: left 50px top 20px, right 50px bottom 20px;
background-repeat: no-repeat, no-repeat;
}
.sec_3point .h2_title .en {
top: -90px;
}
.sec_3point .flex {
display: flex;
justify-content: space-between;
}
.sec_3point .flex li {
position: relative;
}
.sec_3point .flex li p {
position: absolute;
right: 0;
bottom: 20%;
left: 0;
box-sizing: border-box;
margin: 0 auto;
padding: 0 10px;
} .sec_3point .flex li .p1 {
top: 57%;
color: #bb243c;
font-size: 24px;
line-height: 1.3em;
}
.sec_3point .flex li:nth-child(2) .p1 {
color: #175a0c;
}
.sec_3point .flex li:nth-child(3) .p1 {
color: #140e4d;
} .sec_3point .flex li .p2 {
top: 77%;
font-size: 16px;
line-height: 1.8em;
}
@media screen and (max-width: 1200px) {
.sec_3point .flex li {
margin: 0 10px;
}
}
@media screen and (max-width: 840px) {
.sec_3point .flex {
flex-direction: column;
}
.sec_3point .flex li {
margin-bottom: 20px;
}
.sec_3point .flex li p {
max-width: 380px;
}
}
#offering .slick-dots li button {
display: none;
}
#offering .pc_eye .slider .box {
bottom: 30px;
}
#offering .sec_3point .h2_title .en {
top: -80px;
}
#offering .sec_3point .flex {
flex-wrap: wrap;
justify-content: center;
}
#offering .sec_3point .flex li {
width: 33.3%;
}
#offering .sec_3point .flex li:nth-child(4) .p1 {
color: #175a0c;
}
#offering .sec_3point .flex li:nth-child(5) .p1 {
color: #140e4d;
}
#offering .sec_3point .flex li:nth-child(4),
#offering .sec_3point .flex li:nth-child(5) {
margin-top: 20px;
}
@media screen and (max-width: 1200px) {
#offering .sec_3point .flex li {
margin: 0 10px;
}
#offering .sec_3point .flex li:nth-child(3) {
margin-top: 20px;
}
}
@media screen and (max-width: 840px) {
#offering .sec_3point .flex li {
box-sizing: border-box;
margin: 0;
padding: 0 10px;
width: 100%;
}
#offering .sec_3point .flex li:nth-child(2) {
margin-top: 20px;
}
#offering .sec_3point .flex li img {
width: 100%;
}
}
#offering .sec_event {
margin-bottom: 100px;
padding: 100px 0 120px 0;
}
#offering .sec_event .flex {
border-bottom: none;
}
#offering .sec_event .flex li {
box-sizing: border-box;
padding: 10px; border-top: none;
}
#offering .sec_event .flex li a {
display: flex;
box-sizing: border-box;
padding: 30px 20px 30px 20px;
background: #fff;
}
@media screen and (max-width: 840px) {
#offering .sec_event .flex {
flex-direction: row;
}
}
@media screen and (max-width: 640px) {
#offering .sec_event .flex {
flex-direction: column;
}
}
#offering .sec_table .table {
padding-top: 50px;
}
@media screen and (max-width: 1200px) {
#offering .sec_table .table {
padding-right: 60px;
}
}
@media screen and (max-width: 834px) {
#offering .sec_table .table {
padding-right: 0;
}
}
#offering .sec_table .tb_merit {
border: 2px solid #f1f1f1;
color: #000;
}
#offering .sec_table .tb_merit th,
#offering .sec_table .tb_merit td {
box-sizing: border-box;
margin: 0;
width: 17%;
text-align: center;
line-height: 1.5em;
}
#offering .sec_table .tb_merit th {
padding: 15px 10px;
border: 1px solid #f1f1f1;
}
#offering .sec_table .tb_merit th p {
color: #fff;
font-weight: normal;
font-size: 16px;
}
#offering .sec_table .tb_merit th.row1 {
box-sizing: border-box;
width: 15%;
background: #fff;
}
#offering .sec_table .tb_merit th.row1 p {
color: #000;
font-size: 14px;
}
#offering .sec_table .tb_merit th.row2 {
background: #da6e89;
}
#offering .sec_table .tb_merit th.row3 {
background: #2d772d;
}
#offering .sec_table .tb_merit th.row4 {
background: #50608e;
}
#offering .sec_table .tb_merit th.row5 {
background: #396e6e;
}
#offering .sec_table .tb_merit th.row6 {
background: #8a734c;
}
#offering .sec_table .tb_merit td {
padding: 20px 10px;
border: 1px solid #f1f1f1;
}
#offering .sec_table .tb_merit td.row1 {
background: #fff;
}
#offering .sec_table .tb_merit td.row2 {
background: #fcf9fa;
}
#offering .sec_table .tb_merit td.row3 {
background: #f9fcf9;
}
#offering .sec_table .tb_merit td.row4 {
background: #f6f7fa;
}
#offering .sec_table .tb_merit td.row5 {
background: #f9fcfc;
}
#offering .sec_table .tb_merit td.row6 {
background: #fdfaf5;
}
@media screen and (max-width: 640px) {
#offering .sec_table {
overflow-x: scroll;
}
#offering .sec_table .tb_merit {
overflow-x: scroll;
width: 700px;
}
#offering .sec_table .tb_merit th {
overflow-x: scroll;
}
#offering .sec_table .tb_merit td {
overflow-x: scroll;
}
#offering .sec_table .tb_merit th br,
#offering .sec_table .tb_merit td br {
display: none;
}
#offering .sec_table .tb_merit th,
#offering .sec_table .tb_merit td {
vertical-align: top;
}
#offering .sec_table .tb_merit th p,
#offering .sec_table .tb_merit td p {
display: inline-block;
margin: 0 auto;  text-orientation: upright;  }
}
#cemetery #p1 {
margin-top: -120px;
padding-top: 220px;
}
@media screen and (max-width: 640px) {
#cemetery #p1 {
margin-top: -64px;
padding-top: 120px;
}
}
#cemetery .sec_eye {
position: relative;
overflow: hidden;
height: calc(30vw - 3px);
pointer-events: none;
}
#cemetery .sec_eye img.eye {
height: 100vh;
object-fit: cover;
}
#cemetery .scroll {
position: absolute;
right: 0;
bottom: 100px;
left: 0;
display: inline-block;
margin: 0 auto;
width: 64px;
}
#cemetery .scroll img {
width: initial;
}
@media screen and (max-width: 767px) {
#cemetery .sec_eye {
height: initial;
}
#cemetery .sec_eye img.eye {
height: initial;
}
#cemetery .scroll {
bottom: 20px;
}
}
#cemetery .sec_sagasu {
background: #f8f8f8 url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/cemetery/hanabira.png) no-repeat right 100px top 20px;
}
#cemetery .sec_sagasu .h2_title {
color: #ad8d6a;
}
#cemetery .sec_sagasu .h2_title .en {
top: initial;
bottom: -20px;
font-size: 8px;
}
#cemetery .sec_sagasu .p_sub {
position: relative;
z-index: 2;
padding: 70px 0 30px;
}
#cemetery .sec_sagasu .p1 {
color: #787070;
line-height: 2.0em;
}
#cemetery .sec_sagasu .p1 strong {
color: #787070;
font-size: 25px;
}
#cemetery .sec_sagasu .flex {
position: relative;
z-index: 2;
margin-top: 100px;
}
#cemetery .sec_sagasu .flex::before {
position: absolute;
top: -300px;
left: 50px;
z-index: 1;
content: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/cemetery/circle.png);
}
#cemetery .sec_sagasu .flex::after {
position: absolute;
top: -80px;
right: 0;
left: 0;
z-index: -1;
display: block;
margin: 0 auto;
width: 80%;
height: 400px;
background: #fff;
}
@media screen and (max-width: 767px) {
#cemetery .sec_sagasu .flex {
margin-top: 340px;
}
} #cemetery .sec_event {
position: relative; padding: 0 0 120px 0;
background: none;
}
#cemetery .sec_event::after {
position: absolute;
top: 200px;
right: 0;
left: 0;
margin: 0 auto;
content: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/cemetery/ico_logo-1.png);
}
#cemetery .sec_event .h2_title {
margin-bottom: 50px;
}
#cemetery .sec_event.blog_flex {
display: flex;
}
#cemetery .sec_event.blog_flex .left-box,
#cemetery .sec_event.blog_flex .right-box {
position: relative;
padding: 180px 100px 120px 100px;
width: 50%;
}
#cemetery .sec_event.blog_flex .left-box {
background: #f8f8f8;
}
#cemetery .sec_event.blog_flex .right-box {
background: #fdf4f5;
}
#cemetery .sec_event .flex {
flex-direction: column;
border: none;
}
#cemetery .sec_event .flex li {
width: 100%;
border: none;
}
#cemetery .sec_event .flex li a,
#cemetery .sec_event .flex li:nth-child(2n) a {
padding: 10px 40px 10px 10px;
}
#cemetery .sec_event .flex li a .tbox .date {
padding: 5px 0;
background: none;
color: #787070;
}
#cemetery .sec_event .right-box li a .tbox h3 {
margin-top: 0;
}
#cemetery .sec_event .right-box li a .pic .date {
font-size: 12px;
line-height: 2.0em;
}
#cemetery .sec_event .right-box li a,
#cemetery .sec_event .right-box li:nth-child(2n) a {
padding: 10px 40px 10px 10px;
}
#cemetery .sec_event .right-box li a .pic {
flex: 1 1 25%;
margin-right: 10px;
}
#cemetery .sec_event .right-box li a .tbox {
flex: 3 3 75%;
}
#cemetery .sec_event .more {
bottom: -40px;
}
@media screen and (max-width: 767px) {
#cemetery .sec_event {
padding: 0 0 20px 0;
}
#cemetery .sec_event.blog_flex {
flex-direction: column;
}
#cemetery .sec_event.blog_flex .left-box,
#cemetery .sec_event.blog_flex .right-box {
margin-bottom: 50px;
width: 100%;
}
#cemetery .sec_event .flex li {
margin-bottom: 40px;
}
#cemetery .sec_event .flex li a,
#cemetery .sec_event .flex li:nth-child(2n) a {
padding: 10px 10px 10px 10px;
}
#cemetery .sec_event::after {
top: 100px;
}
}
#cemetery .sec_feature {
background: #f8f8f8; background-image: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/home/square.png), url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/common/bk_02.png);
background-position: right 100px top, center top;
background-repeat: no-repeat, repeat;
}
#cemetery .sec_feature .flex {
position: relative;
z-index: 2;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: 0 auto;
margin-top: 40px;
max-width: 1200px;
}
#cemetery .sec_feature .flex::before {
position: absolute;
bottom: -100px;
left: -50%;
z-index: -1;
width: 100%;
height: 400px;
background: #fff;
content: '';
}
#cemetery .sec_feature .flex::after {
position: absolute;
right: -50%;
bottom: -100px;
z-index: -1;
width: 100%;
height: 400px;
background: #fff;
content: '';
}
#cemetery .sec_feature .flex li {
box-sizing: border-box;
padding: 20px 20px;
width: 29%;
background: #fff;
box-shadow: 0 0 8px 3px #ededed;
}
#cemetery .sec_feature .flex li h3 {
position: relative;
margin: 20px 0 70px;
color: #787070;
font-weight: normal;
font-size: 18px;
line-height: 1.8em;
}
#cemetery .sec_feature .flex li h3 strong {
color: #951f0b;
font-size: 24px;
}
#cemetery .sec_feature .flex li h3::after {
position: absolute;
right: 0;
bottom: -50px;
left: 0;
margin: 0 auto;
content: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/cemetery/ico_logo-1.png);
}
#cemetery .sec_feature .flex li .text {
text-align: left;
font-size: 16px;
line-height: 1.5em;
}
@media screen and (max-width: 767px) {
#cemetery .sec_feature {
padding: 0 10px;
}
#cemetery .sec_feature .flex {
flex-direction: column;
}
#cemetery .sec_feature .flex li {
margin: 10px 0;
width: 100%;
}
#cemetery .sec_feature .flex::before {
display: none;
width: 0;
height: 0;
content: '';
}
#cemetery .sec_feature .flex::after {
display: none;
width: 0;
height: 0;
content: '';
}
} #sakura-kitakyu .sec_01 {
padding: 60px 0;
}
#sakura-kitakyu .sec_01 .sec_contact {
margin: 40px 0;
}
#sakura-kitakyu .sec_01 .head_title {
color: #7b562d;
font-size: 22px;
line-height: 2rem;
}
@media screen and (max-width: 768px) {
#sakura-kitakyu .sec_01 {
padding: 60px 20px 20px 20px;
}
#sakura-kitakyu .sec_01 .head_title {
font-size: 18px;
line-height: 1.6rem;
}
#sakura-kitakyu .sec_01 .sec_contact {
margin: 20px 0 0 0;
}
}
#sakura-kitakyu .sec_cost {
padding-top: 0;
}
#sakura-kitakyu .sec_cost .h2_title {
margin-bottom: 30px;
}
#sakura-kitakyu .sec_cost .row_cost {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
padding: 30px 20px;
background: #ebeaea;
}
#sakura-kitakyu .sec_cost .row_cost .row {
padding-right: 50px;
border-right: 1px solid #c3c3bd;
}
#sakura-kitakyu .sec_cost .row_cost .row:last-child {
border: none;
}
#sakura-kitakyu .sec_cost .row_cost .row h3 {
margin-bottom: 20px;
color: #49450e;
}
#sakura-kitakyu .sec_cost .flex {
display: flex;
justify-content: space-between;
}
#sakura-kitakyu .sec_cost .flex .note {
width: 48%;
}
#sakura-kitakyu .sec_cost .flex .note li {
padding-left: 1em;
text-align: left;
text-indent: -1em;
}
#sakura-kitakyu .sec_cost .flex .note li::before {
content: '※';
}
@media screen and (max-width: 768px) {
#sakura-kitakyu .sec_cost {
margin-top: 100px;
}
#sakura-kitakyu .sec_cost .row_cost,
#sakura-kitakyu .sec_cost .flex {
display: block;
}
#sakura-kitakyu .sec_cost .row_cost .row {
padding: 20px 0;
border-right: none;
border-bottom: 1px solid #c3c3bd;
}
#sakura-kitakyu .sec_cost .flex {
padding: 0 10px;
}
#sakura-kitakyu .sec_cost .flex .note {
padding: 0 10px;
width: 100%;
}
}
#sakura-kitakyu .sec_feature_oh {
margin-bottom: 80px;
background: #f8f8f8 url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/cemetery/hanabira.png) no-repeat right 100px top 20px;
}
#sakura-kitakyu .sec_feature_oh .content_box {
padding: 30px 0 200px;
} #sakura-kitakyu .sec_feature_oh .content_box:last-child {
padding-bottom: 100px;
}
#sakura-kitakyu .sec_feature_oh .content_box .row {
position: relative;
display: flex;
}
#sakura-kitakyu .sec_feature_oh .content_box .row .img_box {
position: absolute;
top: -10%;
}
#sakura-kitakyu .sec_feature_oh .m_box01 .row .img_box,
#sakura-kitakyu .sec_feature_oh .m_box03 .row .img_box,
#sakura-kitakyu .sec_feature_oh .m_box05 .row .img_box {
right: 0;
}
#sakura-kitakyu .sec_feature_oh .m_box02 .row .img_box,
#sakura-kitakyu .sec_feature_oh .m_box04 .row .img_box {
left: 0;
}
#sakura-kitakyu .sec_feature_oh .content_box .row .text_box {
z-index: 1;
flex-basis: 60%;
padding: 10px;
background: rgba(255, 255, 255, 0.9);
text-align: left;
}
#sakura-kitakyu .sec_feature_oh .content_box .row .text_box .sub_box {
position: relative;
padding: 60px 5%;
}
#sakura-kitakyu .sec_feature_oh .content_box .row .text_box .sub_box h3 {
position: relative;
margin-bottom: 30px;
border-bottom: 1px dashed #eee;
color: #c72b0f;
font-weight: normal;
font-size: 28px;
}
#sakura-kitakyu .sec_feature_oh .content_box .row .text_box .sub_box p {
line-height: 2rem;
}
#sakura-kitakyu .sec_feature_oh .content_box .row .text_box .sub_box .note {
font-size: 14px;
}
#sakura-kitakyu .sec_feature_oh .m_box02 .row,
#sakura-kitakyu .sec_feature_oh .m_box04 .row {
flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
#sakura-kitakyu .sec_feature_oh {
padding-top: 100px;
}
#sakura-kitakyu .sec_feature_oh .m_box01 .row .img_box,
#sakura-kitakyu .sec_feature_oh .m_box03 .row .img_box,
#sakura-kitakyu .sec_feature_oh .m_box05 .row .img_box {
position: relative;
}
#sakura-kitakyu .sec_feature_oh {
padding-top: 100px;
}
#sakura-kitakyu .sec_feature_oh .flex {
display: block;
}
#sakura-kitakyu .sec_feature_oh .flex li {
margin: 10px 0;
width: 100%;
}
#sakura-kitakyu .sec_feature_oh .content_box {
padding: 60px 0 200px;
}
#sakura-kitakyu .sec_feature_oh .content_box .row {
display: block;
}
#sakura-kitakyu .sec_feature_oh .m_box02 .row .img_box,
#sakura-kitakyu .sec_feature_oh .m_box04 .row .img_box {
position: relative;
}
#sakura-kitakyu .sec_feature_oh .content_box {
padding: 30px 0 30px;
}
#sakura-kitakyu .sec_feature_oh .content_box .row .text_box .sub_box {
padding: 30px 5%;
}
#sakura-kitakyu .sec_feature_oh .content_box:last-child {
padding-bottom: 50px;
}
#sakura-kitakyu .sec_feature_oh .content_box .row .text_box .sub_box h3 {
font-size: 20px;
line-height: 2rem;
}
}
#sakura-kitakyu .sec_sagasu01 {
padding: 0 0 50px 0;
}
#sakura-kitakyu .sec_sagasu01 li {
position: relative;
margin-bottom: 30px;
width: 100%;
}
#sakura-kitakyu .sec_sagasu01 li .tbox h3 {
padding: 10px 20px;
width: inherit;
background-color: rgba(255, 255, 255, 0.6);
color: #5c511a;
font-weight: 500;
}
#sakura-kitakyu .sec_sagasu01 li .tbox {
position: absolute;
top: 100px;
right: inherit;
bottom: inherit;
left: 150px;
}
#sakura-kitakyu .sec_sagasu01 li:nth-child(2) .tbox {
position: absolute;
right: 150px;
left: inherit;
}
#sakura-kitakyu .sec_sagasu01 li .cbox {
justify-content: space-between;
text-align: left;
}
#sakura-kitakyu .sec_sagasu01 li:nth-child(1) .cbox .address,
#sakura-kitakyu .sec_sagasu01 li:nth-child(3) .cbox .address {
position: absolute;
right: 50px;
left: inherit;
}
#sakura-kitakyu .sec_sagasu01 li .cbox .address {
position: absolute;
bottom: 50px;
left: 50px;
padding: 30px;
max-width: 300px;
background: rgba(255, 255, 255, 0.8);
line-height: 1.8rem;
}
#sakura-kitakyu .sec_sagasu01 li .cbox .btn {
position: relative;
position: absolute;
right: 50px;
bottom: 50px;
display: block;
padding: 30px;
max-width: 200px;
background: #c72c0f;
color: #fff;
font-size: 18px;
}
#sakura-kitakyu .sec_sagasu01 li .cbox .btn::before {
position: absolute;
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
display: block;
border: 1px solid #fff;
content: '';
}
@media screen and (max-width: 768px) {
#sakura-kitakyu .sec_sagasu01 li .tbox h3 {
font-size: 20px;
}
#sakura-kitakyu .sec_sagasu01 li {
margin-bottom: 120px;
}
#sakura-kitakyu .sec_sagasu01 li:nth-child(2) {
margin-bottom: 120px;
}
#sakura-kitakyu .sec_sagasu01 li:nth-child(3) {
margin-bottom: 0;
}
#sakura-kitakyu .sec_sagasu01 li .tbox {
top: -50px;
right: 0;
left: 10px;
}
#sakura-kitakyu .sec_sagasu01 li:nth-child(2) .tbox {
top: -50px;
right: 0;
left: 0;
}
#sakura-kitakyu .sec_sagasu01 li .cbox .address {
top: inherit;
right: 0;
left: 0;
max-width: 100%;
}
#sakura-kitakyu .sec_sagasu01 li .cbox .btn {
bottom: -15px;
padding: 20px;
font-size: 14px;
}
#sakura-kitakyu .sec_sagasu01 li:nth-child(1) .cbox .address,
#sakura-kitakyu .sec_sagasu01 li:nth-child(3) .cbox .address {
top: 100px;
right: 0;
left: 0;
}
}
#sakura-kitakyu .sec_feature {
background: #fdf4f5;
}
#sakura-kitakyu .sec_feature .flex {
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
margin: 0 auto;
max-width: 1200px;
}
@media screen and (max-width: 1200px) {
#sakura-kitakyu .sec_feature .flex {
padding-right: 60px;
}
}
@media screen and (max-width: 834px) {
#sakura-kitakyu .sec_feature .flex {
padding-right: 0;
}
}
#sakura-kitakyu .sec_feature .flex li {
box-sizing: border-box;
padding: 50px 20px;
width: 32%;
background: #fff;
box-shadow: 0 0 8px 3px #ededed;
}
#sakura-kitakyu .sec_feature .flex li h3 {
position: relative;
margin: 20px 0 70px;
color: #787070;
font-weight: normal;
font-size: 16px;
line-height: 1.5em;
}
#sakura-kitakyu .sec_feature .flex li h3 {
color: #951f0b;
font-weight: 500;
font-size: 24px;
}
#sakura-kitakyu .sec_feature .flex li h3::after {
position: absolute;
right: 0;
bottom: -50px;
left: 0;
margin: 0 auto;
content: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/cemetery/ico_logo-1.png);
}
#sakura-kitakyu .sec_feature .flex li .text {
text-align: center;
font-size: 16px;
line-height: 1.5em;
}
@media screen and (max-width: 768px) {
#sakura-kitakyu .sec_feature .flex {
display: block;
margin: 0 20px;
}
#sakura-kitakyu .sec_feature .flex li {
margin-bottom: 20px;
width: 100%;
}
}
#sakura-kitakyu .sec_feature_list {
background: #fdf4f5;
}
#sakura-kitakyu .sec_feature_list .list {
display: flex;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
#sakura-kitakyu .sec_06.sec_feature_list.hikarie.hibiki .list li p,
#hibiki .sec_06.sec_feature_list.hikarie.hibiki .list li p {
border-bottom: none;
}
@media screen and (max-width: 480px) {
#sakura-kitakyu .sec_feature_list .list {
display: block;
}
#sakura-kitakyu .sec_feature_list .list li {
width: 100%;
}
#sakura-kitakyu .sec_06.sec_feature_list.hikarie.hibiki .list > li,
#hibiki .sec_06.sec_feature_list.hikarie.hibiki .list > li {
width: 100%;
margin: 0;
}
}
#sakura-kitakyu .sec_agreement .flow {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
counter-reset: num;
}
#sakura-kitakyu .sec_agreement .flow li {
position: relative;
margin-bottom: 40px;
padding: 50px;
width: 40%;
background: #f9f9f6 url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/common/bk_01.png) repeat;
}
#sakura-kitakyu .sec_agreement .flow li::after {
position: absolute;
right: 20px;
bottom: -47px;
color: #f5efef;
content: counter(num);
counter-increment: num;
font-size: 150px;
}
#sakura-kitakyu .sec_agreement .flow li h3 {
margin-bottom: 30px;
color: #dd7b8f;
font-weight: normal;
font-size: 22px;
}
#sakura-kitakyu .sec_agreement .flow li .tbox p {
width: 80%;
text-align: left;
line-height: 1.4rem;
}
@media screen and (max-width: 768px) {
#sakura-kitakyu .sec_agreement .flow li {
width: 100%;
}
}
#sakura-kitakyu .sec_point {
background: #f8f8f8 url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/home/square.png) no-repeat right top;
}
#sakura-kitakyu .sec_point .blk_s_attention {
position: relative;
clear: both;
margin: 0;
margin-bottom: 30px;
padding: 30px 40px 30px 160px;
border: dashed 1px #e5e5e5;
background: #fff;
text-align: left;
}
#sakura-kitakyu .sec_point .blk_s_attention h4 {
position: absolute;
top: -20px;
left: 20px;
margin: 0;
padding-top: 37px;
width: 120px;
height: 120px;
border-radius: 50%;
background: #bb4557;
color: #fff;
text-align: center;
font-size: 18px;
line-height: 1.4;
}
#sakura-kitakyu .sec_point .blk_s_attention p {
line-height: 1.6rem;
}
#sakura-kitakyu .sec_point .blk_s_afterservice {
margin-top: 30px;
text-align: left;
}
#sakura-kitakyu .sec_point .blk_s_afterservice h4 {
margin-bottom: 20px;
}
#sakura-kitakyu .sec_point .blk_s_afterservice .text_box {
display: flex;
align-items: flex-start;
flex-direction: row;
}
#sakura-kitakyu .sec_point .blk_s_afterservice .text_box h5 {
margin: 0;
padding: 5px 0;
width: 211px;
border: 1px solid #722d80;
background: #fff;
color: #722d80;
text-align: center;
}
#sakura-kitakyu .sec_point .blk_s_afterservice .text_box p {
margin: 0 0 0 20px;
font-size: 16px;
line-height: 1.6rem;
}
@media screen and (max-width: 1200px) {
#sakura-kitakyu .sec_point .blk_s_afterservice .text_box p {
padding-right: 60px;
}
}
@media screen and (max-width: 834px) {
#sakura-kitakyu .sec_point .blk_s_afterservice .text_box p {
padding-right: 0;
}
}
@media screen and (max-width: 768px) {
#sakura-kitakyu .sec_point {
padding: 10px;
}
#sakura-kitakyu .sec_point .blk_s_attention h4 {
top: -100px;
}
#sakura-kitakyu .sec_point .blk_s_attention {
padding: 30px 20px;
}
#sakura-kitakyu .sec_point .blk_s_afterservice .text_box h5 {
margin-bottom: 20px;
}
#sakura-kitakyu .sec_point .blk_s_afterservice .text_box {
display: block;
}
}
#sakura-kitakyu .sec_event .more {
bottom: -158px;
}
#sakura-kitakyu .sec_11 {
padding-top: 150px;
background: #fff;
}
#sakura-kitakyu .sec_about .flex .rbox {
margin-top: -60px;
padding-top: 120px;
padding-bottom: 50px;
}
#sakura-kitakyu .sec_about .flex .rbox .text {
margin: 0 auto;
padding: 10px;
max-width: 200px;
border: 1px solid #722d80;
color: #722d80;
}
#sakura-kitakyu .sec_photo .flex {
display: flex;
}
#sakura-kitakyu .sec_photo .flex li {
width: 33.3%;
}
@media screen and (max-width: 414px) {
#sakura-kitakyu .sec_photo {
padding-top: 30px;
}
#sakura-kitakyu .sec_photo .flex {
display: block;
}
#sakura-kitakyu .sec_photo .flex li {
width: 100%;
}
}
#sakura-kitakyu .sec_map {
padding: 0;
}
#sakura-kitakyu .sec_sagasu {
background: #fff;
}
@media screen and (max-width: 768px) {
#sakura-kitakyu .sec_sagasu {
padding-top: 30px;
}
}
#sakura-kitakyu .flex2column {
display: flex;
flex-wrap: wrap;
margin: 30px 0 0 0;
width: 648px;
}
#sakura-kitakyu .flex2column .order_btn {
margin: 20px auto 0;
width: 45%;
height: 40px;
background: #c52507;
text-align: center;
line-height: 40px;
}
@media screen and (max-width:480px) {
#sakura-kitakyu .flex2column .order_btn {
width: 70%;
}
}
#sakura-kitakyu .flex2column .order_btn a {
display: block;
color: #fff;
}
#sakura-kitakyu .flex2column .order_btn:hover {
opacity: 0.7;
}
#sakura-kitakyu .sec_02 h4 {
margin: 35px;
padding: 7px 0 0 0;
width: 24%;
border: 1px solid;
text-align: center;
font-weight: normal;
font-size: 16px;
}
#sakura-kitakyu .sec_02 .sub_pic {
display: flex;
width: 65%;
}
#sakura-kitakyu .sec_02 .sub_pic img {
margin-right: 5px;
}
#sakura-kitakyu .sec_02 .sub_pic img + img {
margin-left: 5px;
}
@media screen and (max-width:480px) {
#sakura-kitakyu .sec_02 h4 {
width: 318px;
}
#sakura-kitakyu .flex2column {
display: flex;
flex-wrap: wrap;
margin: 30px 0 0 0;
width: 100%;
}
#sakura-kitakyu .sec_02 h4 {
margin: 20px;
padding: 0;
width: 100%;
border: 1px solid;
text-align: center;
font-weight: normal;
font-size: 16px;
}
#sakura-kitakyu .sec_02 .sub_pic {
display: flex;
width: 100%;
}
} #hibiki .sec_01 {
padding: 60px 0;
}
#hibiki .sec_01 .sec_contact {
margin: 40px 0;
}
#hibiki .sec_01 .head_title {
color: #7b562d;
font-size: 22px;
line-height: 2rem;
}
@media screen and (max-width: 768px) {
#hibiki .sec_01 {
padding: 60px 20px 20px 20px;
}
#hibiki .sec_01 .head_title {
font-size: 18px;
line-height: 1.6rem;
}
#hibiki .sec_01 .sec_contact {
margin: 20px 0 0 0;
}
}
#hibiki .sec_cost {
padding-top: 0;
}
#hibiki .sec_cost .h2_title {
margin-bottom: 30px;
}
#hibiki .sec_cost .row_cost {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
padding: 30px 20px;
background: #ebeaea;
}
#hibiki .sec_cost .row_cost .row {
padding-right: 50px;
border-right: 1px solid #c3c3bd;
}
#hibiki .sec_cost .row_cost .row:last-child {
border: none;
}
#hibiki .sec_cost .row_cost .row h3 {
margin-bottom: 20px;
color: #49450e;
}
#hibiki .sec_cost .flex {
display: flex;
justify-content: space-between;
}
#hibiki .sec_cost .flex .note {
width: 100%;
}
#hibiki .sec_cost .flex .note li {
padding-left: 1em;
text-align: left;
text-indent: -1em;
}
#hibiki .sec_cost .flex .note li::before {
content: '※';
}
@media screen and (max-width: 768px) {
#hibiki .sec_cost {
margin-top: 100px;
}
#hibiki .sec_cost .row_cost,
#hibiki .sec_cost .flex {
display: block;
}
#hibiki .sec_cost .row_cost .row {
padding: 20px 0;
border-right: none;
border-bottom: 1px solid #c3c3bd;
}
#hibiki .sec_cost .flex {
padding: 0 10px;
}
#hibiki .sec_cost .flex .note {
padding: 0 10px;
width: 100%;
}
}
#hibiki .sec_feature_oh {
margin-bottom: 80px;
background: #f8f8f8 url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/cemetery/hanabira.png) no-repeat right 100px top 20px;
}
#hibiki .sec_feature_oh .content_box {
padding: 30px 0 100px;
}
#hibiki .sec_feature_oh .content_box:last-child {
padding-bottom: 100px;
}
#hibiki .sec_feature_oh .content_box .row {
position: relative;
display: flex;
}
#hibiki .sec_feature_oh .content_box .row .img_box {
position: absolute;
top: -10%;
}
#hibiki .sec_feature_oh .m_box01 .row .img_box,
#hibiki .sec_feature_oh .m_box03 .row .img_box,
#hibiki .sec_feature_oh .m_box05 .row .img_box {
right: 0;
}
#hibiki .sec_feature_oh .m_box02 .row .img_box,
#hibiki .sec_feature_oh .m_box04 .row .img_box {
left: 0;
}
#hibiki .sec_feature_oh .content_box .row .text_box {
z-index: 1;
flex-basis: 60%;
padding: 10px;
background: rgba(255, 255, 255, 0.9);
text-align: left;
}
#hibiki .sec_feature_oh .content_box .row .text_box .sub_box {
position: relative;
padding: 60px 5%;
}
#hibiki .sec_feature_oh .content_box .row .text_box .sub_box h3 {
position: relative;
margin-bottom: 30px;
border-bottom: 1px dashed #eee;
color: #c72b0f;
font-weight: normal;
font-size: 28px;
}
#hibiki .sec_feature_oh .content_box .row .text_box .sub_box p {
line-height: 2rem;
}
#hibiki .sec_feature_oh .content_box .row .text_box .sub_box .note {
font-size: 14px;
}
#hibiki .sec_feature_oh .m_box02 .row,
#hibiki .sec_feature_oh .m_box04 .row {
flex-direction: row-reverse;
padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
#hibiki .sec_feature_oh {
padding-top: 100px;
}
#hibiki .sec_feature_oh .m_box01 .row .img_box,
#hibiki .sec_feature_oh .m_box03 .row .img_box,
#hibiki .sec_feature_oh .m_box05 .row .img_box {
position: relative;
}
#hibiki .sec_feature_oh {
padding-top: 100px;
}
#hibiki .sec_feature_oh .flex {
display: block;
}
#hibiki .sec_feature_oh .flex li {
margin: 10px 0;
width: 100%;
}
#hibiki .sec_feature_oh .content_box {
padding: 60px 0 200px;
}
#hibiki .sec_feature_oh .content_box .row {
display: block;
padding-bottom: 0;
}
#hibiki .sec_feature_oh .m_box02 .row .img_box,
#hibiki .sec_feature_oh .m_box04 .row .img_box {
position: relative;
}
#hibiki .sec_feature_oh .content_box {
padding: 30px 0 30px;
}
#hibiki .sec_feature_oh .content_box .row .text_box .sub_box {
padding: 30px 5%;
}
#hibiki .sec_feature_oh .content_box:last-child {
padding-bottom: 50px;
}
#hibiki .sec_feature_oh .content_box .row .text_box .sub_box h3 {
font-size: 20px;
line-height: 2rem;
}
}
#hibiki .sec_sagasu01 {
padding: 0 0 50px 0;
}
#hibiki .sec_sagasu01 li {
position: relative;
margin-bottom: 30px;
width: 100%;
}
#hibiki .sec_sagasu01 li .tbox h3 {
padding: 10px 20px;
width: inherit;
background-color: rgba(255, 255, 255, 0.6);
color: #5c511a;
font-weight: 500;
}
#hibiki .sec_sagasu01 li .tbox {
position: absolute;
top: 100px;
right: inherit;
bottom: inherit;
left: 150px;
}
#hibiki .sec_sagasu01 li:nth-child(2) .tbox {
position: absolute;
right: 150px;
left: inherit;
}
#hibiki .sec_sagasu01 li .cbox {
justify-content: space-between;
text-align: left;
}
#hibiki .sec_sagasu01 li:nth-child(1) .cbox .address,
#hibiki .sec_sagasu01 li:nth-child(3) .cbox .address {
position: absolute;
right: 50px;
left: inherit;
}
#hibiki .sec_sagasu01 li .cbox .address {
position: absolute;
bottom: 50px;
left: 50px;
padding: 30px;
max-width: 300px;
background: rgba(255, 255, 255, 0.8);
line-height: 1.8rem;
}
#hibiki .sec_sagasu01 li .cbox .btn {
position: relative;
position: absolute;
right: 50px;
bottom: 50px;
display: block;
padding: 30px;
max-width: 200px;
background: #c72c0f;
color: #fff;
font-size: 18px;
}
#hibiki .sec_sagasu01 li .cbox .btn::before {
position: absolute;
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
display: block;
border: 1px solid #fff;
content: '';
}
@media screen and (max-width: 768px) {
#hibiki .sec_sagasu01 li .tbox h3 {
font-size: 20px;
}
#hibiki .sec_sagasu01 li {
margin-bottom: 120px;
}
#hibiki .sec_sagasu01 li:nth-child(2) {
margin-bottom: 120px;
}
#hibiki .sec_sagasu01 li:nth-child(3) {
margin-bottom: 0;
}
#hibiki .sec_sagasu01 li .tbox {
top: -50px;
right: 0;
left: 10px;
}
#hibiki .sec_sagasu01 li:nth-child(2) .tbox {
top: -50px;
right: 0;
left: 0;
}
#hibiki .sec_sagasu01 li .cbox .address {
top: inherit;
right: 0;
left: 0;
max-width: 100%;
}
#hibiki .sec_sagasu01 li .cbox .btn {
bottom: -15px;
padding: 20px;
font-size: 14px;
}
#hibiki .sec_sagasu01 li:nth-child(1) .cbox .address,
#hibiki .sec_sagasu01 li:nth-child(3) .cbox .address {
top: 100px;
right: 0;
left: 0;
}
}
#hibiki .sec_feature {
background: #fdf4f5;
}
#hibiki .sec_feature .flex {
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
margin: 0 auto;
max-width: 1200px;
}
@media screen and (max-width: 1200px) {
#hibiki .sec_feature .flex {
padding-right: 60px;
}
}
@media screen and (max-width: 834px) {
#hibiki .sec_feature .flex {
padding-right: 0;
}
}
#hibiki .sec_feature .flex li {
box-sizing: border-box;
padding: 50px 20px;
width: 32%;
background: #fff;
box-shadow: 0 0 8px 3px #ededed;
}
#hibiki .sec_feature .flex li h3 {
position: relative;
margin: 20px 0 70px;
color: #787070;
font-weight: normal;
font-size: 16px;
line-height: 1.5em;
}
#hibiki .sec_feature .flex li h3 {
color: #951f0b;
font-weight: 500;
font-size: 24px;
}
#hibiki .sec_feature .flex li h3::after {
position: absolute;
right: 0;
bottom: -50px;
left: 0;
margin: 0 auto;
content: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/cemetery/ico_logo-1.png);
}
#hibiki .sec_feature .flex li .text {
text-align: center;
font-size: 16px;
line-height: 1.5em;
}
@media screen and (max-width: 768px) {
#hibiki .sec_feature .flex {
display: block;
margin: 0 20px;
}
#hibiki .sec_feature .flex li {
margin-bottom: 20px;
width: 100%;
}
}
#hibiki .sec_feature_list {
background: #fdf4f5;
}
#hibiki .sec_feature_list .list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#hibiki .sec_feature_list .list li {
margin-bottom: 40px;
width: 30%;
}
#hibiki .sec_feature_list .list li .tbox {
display: flex;
flex-direction: column-reverse;
justify-content: space-around;
margin-top: 10px;
padding: 5px 0;
background: #efe1d2;
}
#hibiki .sec_feature_list .list li .tbox strong {
align-items: center;
color: #951f0b;
text-align: center;
font-size: 28px;
}
#hibiki .sec_feature_list .list li .tbox strong span {
font-size: 22px;
}
#hibiki .sec_feature_list .list li .tbox p {
border-bottom: 1px dashed #d4c7b9;
line-height: 1.4rem;
}
@media screen and (max-width: 768px) {
#hibiki .sec_feature_list .list li {
width: 48%;
}
}
@media screen and (max-width: 480px) {
#hibiki .sec_feature_list .list {
display: block;
}
#hibiki .sec_feature_list .list li {
width: 100%;
}
}
#hibiki .sec_agreement .flow {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
counter-reset: num;
}
#hibiki .sec_agreement .flow li {
position: relative;
margin-bottom: 40px;
padding: 50px;
width: 40%;
background: #f9f9f6 url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/common/bk_01.png) repeat;
}
#hibiki .sec_agreement .flow li::after {
position: absolute;
right: 20px;
bottom: -47px;
color: #f5efef;
content: counter(num);
counter-increment: num;
font-size: 150px;
}
#hibiki .sec_agreement .flow li h3 {
margin-bottom: 30px;
color: #dd7b8f;
font-weight: normal;
font-size: 22px;
}
#hibiki .sec_agreement .flow li .tbox p {
width: 80%;
text-align: left;
line-height: 1.4rem;
}
@media screen and (max-width: 768px) {
#hibiki .sec_agreement .flow li {
width: 100%;
}
}
#hibiki .sec_point {
background: #f8f8f8 url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/home/square.png) no-repeat right top;
}
#hibiki .sec_point .blk_s_attention {
position: relative;
clear: both;
margin: 0;
margin-bottom: 30px;
padding: 30px 40px 30px 160px;
border: dashed 1px #e5e5e5;
background: #fff;
text-align: left;
}
#hibiki .sec_point .blk_s_attention h4 {
position: absolute;
top: -20px;
left: 20px;
margin: 0;
padding-top: 37px;
width: 120px;
height: 120px;
border-radius: 50%;
background: #bb4557;
color: #fff;
text-align: center;
font-size: 18px;
line-height: 1.4;
}
#hibiki .sec_point .blk_s_attention p {
line-height: 1.6rem;
}
#hibiki .sec_point .blk_s_afterservice {
margin-top: 30px;
text-align: left;
}
#hibiki .sec_point .blk_s_afterservice h4 {
margin-bottom: 20px;
}
#hibiki .sec_point .blk_s_afterservice .text_box {
display: flex;
align-items: flex-start;
flex-direction: row;
}
#hibiki .sec_point .blk_s_afterservice .text_box h5 {
margin: 0;
padding: 5px 0;
width: 211px;
border: 1px solid #722d80;
background: #fff;
color: #722d80;
text-align: center;
}
#hibiki .sec_point .blk_s_afterservice .text_box p {
margin: 0 0 0 20px;
font-size: 14px;
line-height: 1.6rem;
}
@media screen and (max-width: 1200px) {
#hibiki .sec_point .blk_s_afterservice .text_box p {
padding-right: 60px;
}
}
@media screen and (max-width: 834px) {
#hibiki .sec_point .blk_s_afterservice .text_box p {
padding-right: 0;
}
}
@media screen and (max-width: 768px) {
#hibiki .sec_point {
padding: 10px;
}
#hibiki .sec_point .blk_s_attention h4 {
top: -100px;
}
#hibiki .sec_point .blk_s_attention {
padding: 30px 20px;
}
#hibiki .sec_point .blk_s_afterservice .text_box h5 {
margin-bottom: 20px;
}
#hibiki .sec_point .blk_s_afterservice .text_box {
display: block;
}
}
#hibiki .sec_event .more {
bottom: -158px;
}
#hibiki .sec_11 {
padding-top: 150px;
background: #fff;
}
#hibiki .sec_about .flex .rbox {
margin-top: -60px;
padding-top: 120px;
padding-bottom: 50px;
}
#hibiki .sec_about .flex .rbox .text {
margin: 0 auto;
padding: 10px;
max-width: 200px;
border: 1px solid #722d80;
color: #722d80;
}
#hibiki .sec_photo .flex {
display: flex;
}
#hibiki .sec_photo .flex li {
width: 33.3%;
}
@media screen and (max-width: 414px) {
#hibiki .sec_photo {
padding-top: 30px;
}
#hibiki .sec_photo .flex {
display: block;
}
#hibiki .sec_photo .flex li {
width: 100%;
}
}
#hibiki .sec_map {
padding: 0;
}
#hibiki .sec_sagasu {
background: #fff;
}
@media screen and (max-width: 768px) {
#hibiki .sec_sagasu {
padding-top: 30px;
}
} #sakura .sec_01 {
padding: 60px 0;
}
#sakura .sec_01 .sec_contact {
margin: 40px 0;
}
#sakura .sec_01 .head_title {
color: #7b562d;
font-size: 22px;
line-height: 2rem;
}
@media screen and (max-width: 768px) {
#sakura .sec_01 {
padding: 60px 20px 20px 20px;
}
#sakura .sec_01 .head_title {
font-size: 18px;
line-height: 1.6rem;
}
#sakura .sec_01 .sec_contact {
margin: 20px 0 0 0;
}
}
#sakura .sec_cost {
padding-top: 0;
}
#sakura .sec_cost .h2_title {
margin-bottom: 30px;
}
#sakura .sec_cost .row_cost {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
padding: 30px 20px;
background: #ebeaea;
}
#sakura .sec_cost .row_cost .row {
padding-right: 50px;
border-right: 1px solid #c3c3bd;
}
#sakura .sec_cost .row_cost .row:last-child {
border: none;
}
#sakura .sec_cost .row_cost .row h3 {
margin-bottom: 20px;
color: #49450e;
}
#sakura .sec_cost .flex {
display: flex;
justify-content: space-between;
}
#sakura .sec_cost .flex .note {
width: 48%;
}
#sakura .sec_cost .flex .note li {
padding-left: 1em;
text-align: left;
text-indent: -1em;
}
#sakura .sec_cost .flex .note li::before {
content: '※';
}
@media screen and (max-width: 768px) {
#sakura .sec_cost {
margin-top: 100px;
}
#sakura .sec_cost .row_cost,
#sakura .sec_cost .flex {
display: block;
}
#sakura .sec_cost .row_cost .row {
padding: 20px 0;
border-right: none;
border-bottom: 1px solid #c3c3bd;
}
#sakura .sec_cost .flex {
padding: 0 10px;
}
#sakura .sec_cost .flex .note {
padding: 0 10px;
width: 100%;
}
}
#sakura .sec_feature_oh {
margin-bottom: 80px;
background: #f8f8f8 url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/cemetery/hanabira.png) no-repeat right 100px top 20px;
}
#sakura .sec_feature_oh .content_box {
padding: 30px 0 200px;
}
#sakura .sec_feature_oh .content_box:last-child {
padding-bottom: 100px;
}
#sakura .sec_feature_oh .content_box .row {
position: relative;
display: flex;
}
#sakura .sec_feature_oh .content_box .row .img_box {
position: absolute;
top: -10%;
}
#sakura .sec_feature_oh .m_box01 .row .img_box,
#sakura .sec_feature_oh .m_box03 .row .img_box,
#sakura .sec_feature_oh .m_box05 .row .img_box {
right: 0;
}
#sakura .sec_feature_oh .m_box02 .row .img_box,
#sakura .sec_feature_oh .m_box04 .row .img_box {
left: 0;
}
#sakura .sec_feature_oh .content_box .row .text_box {
z-index: 1;
flex-basis: 60%;
padding: 10px;
background: rgba(255, 255, 255, 0.9);
text-align: left;
}
#sakura .sec_feature_oh .content_box .row .text_box .sub_box {
position: relative;
padding: 60px 5%;
}
#sakura .sec_feature_oh .content_box .row .text_box .sub_box h3 {
position: relative;
margin-bottom: 30px;
border-bottom: 1px dashed #eee;
color: #c72b0f;
font-weight: normal;
font-size: 28px;
}
#sakura .sec_feature_oh .content_box .row .text_box .sub_box p {
line-height: 2rem;
}
#sakura .sec_feature_oh .content_box .row .text_box .sub_box .note {
font-size: 14px;
}
#sakura .sec_feature_oh .m_box02 .row,
#sakura .sec_feature_oh .m_box04 .row {
flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
#sakura .sec_feature_oh {
padding-top: 100px;
}
#sakura .sec_feature_oh .m_box01 .row .img_box,
#sakura .sec_feature_oh .m_box03 .row .img_box,
#sakura .sec_feature_oh .m_box05 .row .img_box {
position: relative;
}
#sakura .sec_feature_oh {
padding-top: 100px;
}
#sakura .sec_feature_oh .flex {
display: block;
}
#sakura .sec_feature_oh .flex li {
margin: 10px 0;
width: 100%;
}
#sakura .sec_feature_oh .content_box {
padding: 60px 0 200px;
}
#sakura .sec_feature_oh .content_box .row {
display: block;
}
#sakura .sec_feature_oh .m_box02 .row .img_box,
#sakura .sec_feature_oh .m_box04 .row .img_box {
position: relative;
}
#sakura .sec_feature_oh .content_box {
padding: 30px 0 30px;
}
#sakura .sec_feature_oh .content_box .row .text_box .sub_box {
padding: 30px 5%;
}
#sakura .sec_feature_oh .content_box:last-child {
padding-bottom: 50px;
}
#sakura .sec_feature_oh .content_box .row .text_box .sub_box h3 {
font-size: 20px;
line-height: 2rem;
}
}
#sakura .sec_sagasu01 {
padding: 0 0 50px 0;
}
#sakura .sec_sagasu01 li {
position: relative;
margin-bottom: 30px;
width: 100%;
}
#sakura .sec_sagasu01 li .tbox h3 {
padding: 10px 20px;
width: inherit;
background-color: rgba(255, 255, 255, 0.6);
color: #5c511a;
font-weight: 500;
}
#sakura .sec_sagasu01 li .tbox {
position: absolute;
top: 100px;
right: inherit;
bottom: inherit;
left: 150px;
}
#sakura .sec_sagasu01 li:nth-child(2) .tbox {
position: absolute;
right: 150px;
left: inherit;
}
#sakura .sec_sagasu01 li .cbox {
justify-content: space-between;
text-align: left;
}
#sakura .sec_sagasu01 li:nth-child(1) .cbox .address,
#sakura .sec_sagasu01 li:nth-child(3) .cbox .address {
position: absolute;
right: 50px;
left: inherit;
}
#sakura .sec_sagasu01 li .cbox .address {
position: absolute;
bottom: 50px;
left: 50px;
padding: 30px;
max-width: 300px;
background: rgba(255, 255, 255, 0.8);
line-height: 1.8rem;
}
#sakura .sec_sagasu01 li .cbox .btn {
position: relative;
position: absolute;
right: 50px;
bottom: 50px;
display: block;
padding: 30px;
max-width: 200px;
background: #c72c0f;
color: #fff;
font-size: 18px;
}
#sakura .sec_sagasu01 li .cbox .btn::before {
position: absolute;
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
display: block;
border: 1px solid #fff;
content: '';
}
@media screen and (max-width: 768px) {
#sakura .sec_sagasu01 li .tbox h3 {
font-size: 20px;
}
#sakura .sec_sagasu01 li {
margin-bottom: 120px;
}
#sakura .sec_sagasu01 li:nth-child(2) {
margin-bottom: 120px;
}
#sakura .sec_sagasu01 li:nth-child(3) {
margin-bottom: 0;
}
#sakura .sec_sagasu01 li .tbox {
top: -50px;
right: 0;
left: 10px;
}
#sakura .sec_sagasu01 li:nth-child(2) .tbox {
top: -50px;
right: 0;
left: 0;
}
#sakura .sec_sagasu01 li .cbox .address {
top: inherit;
right: 0;
left: 0;
max-width: 100%;
}
#sakura .sec_sagasu01 li .cbox .btn {
bottom: -15px;
padding: 20px;
font-size: 14px;
}
#sakura .sec_sagasu01 li:nth-child(1) .cbox .address,
#sakura .sec_sagasu01 li:nth-child(3) .cbox .address {
top: 100px;
right: 0;
left: 0;
}
}
#sakura .sec_feature {
background: #fdf4f5;
}
#sakura .sec_feature .flex {
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
margin: 0 auto;
max-width: 1200px;
}
@media screen and (max-width: 1200px) {
#sakura .sec_feature .flex {
padding-right: 60px;
}
}
@media screen and (max-width: 834px) {
#sakura .sec_feature .flex {
padding-right: 0;
}
}
#sakura .sec_feature .flex.two {
justify-content: center;
padding-right: 0;
}
#sakura .sec_feature .flex li {
box-sizing: border-box;
padding: 50px 20px;
width: 32%;
background: #fff;
box-shadow: 0 0 8px 3px #ededed;
}
#sakura .sec_feature .flex.two li {
margin-right: 2%;
}
#sakura .sec_feature .flex.two li:nth-child(2) {
margin-right: 0;
}
#sakura .sec_feature .flex li h3 {
position: relative;
margin: 20px 0 70px;
color: #787070;
font-weight: normal;
font-size: 16px;
line-height: 1.5em;
}
#sakura .sec_feature .flex li h3 {
color: #951f0b;
font-weight: 500;
font-size: 24px;
}
#sakura .sec_feature .flex li h3::after {
position: absolute;
right: 0;
bottom: -50px;
left: 0;
margin: 0 auto;
content: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/cemetery/ico_logo-1.png);
}
#sakura .sec_feature .flex li .text {
text-align: center;
font-size: 15px;
line-height: 1.5em;
}
@media screen and (max-width: 768px) {
#sakura .sec_feature .flex {
display: block;
margin: 0 20px;
}
#sakura .sec_feature .flex li {
margin-bottom: 20px;
width: 100%;
}
#sakura .sec_feature .flex.two li {
margin-right: 0;
}
}
#sakura .sec_feature_list {
background: #fdf4f5;
}
#sakura .sec_feature_list .list {
display: flex;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-bottom: 0;
}
#sakura .sec_feature_list .list li {
margin-bottom: 40px;
width: 30%;
}
#sakura .sec_feature_list .list li .tbox {
display: flex;
flex-direction: column-reverse;
justify-content: space-around;
margin-top: 10px;
padding: 5px 0;
background: #efe1d2;
}
#sakura .sec_feature_list .list li .tbox strong {
align-items: center;
color: #951f0b;
text-align: center;
font-size: 28px;
}
#sakura .sec_feature_list .list li .tbox strong span {
font-size: 22px;
}
#sakura .sec_feature_list .list li .tbox p {
border-bottom: 1px dashed #d4c7b9;
line-height: 1.4rem;
}
@media screen and (max-width: 768px) {
#sakura .sec_feature_list .list li {
width: 48%;
}
}
@media screen and (max-width: 480px) {
#sakura .sec_feature_list .list {
display: block;
}
#sakura .sec_feature_list .list li {
width: 100%;
}
}
#sakura .sec_agreement .flow {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
counter-reset: num;
}
#sakura .sec_agreement .flow li {
position: relative;
margin-bottom: 40px;
padding: 50px;
width: 40%;
background: #f9f9f6 url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/common/bk_01.png) repeat;
}
#sakura .sec_agreement .flow li::after {
position: absolute;
right: 20px;
bottom: -47px;
z-index: 1;
color: #f5efef;
content: counter(num);
counter-increment: num;
font-size: 150px;
}
#sakura .sec_agreement .flow li h3 {
margin-bottom: 30px;
color: #dd7b8f;
font-weight: normal;
font-size: 22px;
}
#sakura .sec_agreement .flow li .tbox p {
position: relative;
z-index: 10;
width: 100%;
text-align: left;
line-height: 1.4rem;
}
@media screen and (max-width: 768px) {
#sakura .sec_agreement .flow li {
width: 100%;
}
}
#sakura .sec_point {
background: #f8f8f8 url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/home/square.png) no-repeat right top;
}
#sakura .sec_point .blk_s_attention {
position: relative;
clear: both;
margin: 0;
margin-bottom: 30px;
padding: 30px 40px 30px 160px;
border: dashed 1px #e5e5e5;
background: #fff;
text-align: left;
}
#sakura .sec_point .blk_s_attention h4 {
position: absolute;
top: -20px;
left: 20px;
margin: 0;
padding-top: 37px;
width: 120px;
height: 120px;
border-radius: 50%;
background: #bb4557;
color: #fff;
text-align: center;
font-size: 18px;
line-height: 1.4;
}
#sakura .sec_point .blk_s_attention p {
line-height: 1.6rem;
}
#sakura .sec_point .blk_s_afterservice {
margin-top: 30px;
text-align: left;
}
#sakura .sec_point .blk_s_afterservice h4 {
margin-bottom: 20px;
}
#sakura .sec_point .blk_s_afterservice .text_box {
display: flex;
align-items: flex-start;
flex-direction: row;
}
#sakura .sec_point .blk_s_afterservice .text_box h5 {
margin: 0;
padding: 5px 0;
width: 211px;
border: 1px solid #722d80;
background: #fff;
color: #722d80;
text-align: center;
}
#sakura .sec_point .blk_s_afterservice .text_box p {
margin: 0 0 0 20px;
font-size: 14px;
line-height: 1.6rem;
}
@media screen and (max-width: 1200px) {
#sakura .sec_point .blk_s_afterservice .text_box p {
padding-right: 60px;
}
}
@media screen and (max-width: 834px) {
#sakura .sec_point .blk_s_afterservice .text_box p {
padding-right: 0;
}
}
@media screen and (max-width: 768px) {
#sakura .sec_point {
padding: 10px;
}
#sakura .sec_point .blk_s_attention h4 {
top: -100px;
}
#sakura .sec_point .blk_s_attention {
padding: 30px 20px;
}
#sakura .sec_point .blk_s_afterservice .text_box h5 {
margin-bottom: 20px;
}
#sakura .sec_point .blk_s_afterservice .text_box {
display: block;
}
}
#sakura .sec_event .more {
bottom: -158px;
}
#sakura .sec_11 {
padding-top: 150px;
background: #fff;
}
#sakura .sec_about .flex .rbox {
margin-top: -60px;
padding-top: 120px;
padding-bottom: 50px;
}
#sakura .sec_about .flex .rbox .text {
margin: 0 auto;
padding: 10px;
max-width: 200px;
border: 1px solid #722d80;
color: #722d80;
}
#sakura .sec_photo .flex {
display: flex;
}
#sakura .sec_photo .flex li {
width: 33.3%;
}
@media screen and (max-width: 414px) {
#sakura .sec_photo {
padding-top: 30px;
}
#sakura .sec_photo .flex {
display: block;
}
#sakura .sec_photo .flex li {
width: 100%;
}
}
#sakura .sec_map {
padding: 0;
}
#sakura .sec_sagasu {
background: #fff;
}
@media screen and (max-width: 768px) {
#sakura .sec_sagasu {
padding-top: 30px;
}
} .eye_sakura_kitakyu {
position: relative;
overflow: hidden;
height: calc(61vh - 146px);
}
.eye_sakura_kitakyu .text {
padding: 18px;
width: 500px;
background: rgba(255, 255, 255, 0.8);
text-align: left;
line-height: 30px;
}
.eye_sakura_kitakyu .h_eye {
margin-bottom: 40px;
color: #040e1a;
font-weight: 500;
font-size: 30px;
}
.eye_sakura_kitakyu .text p {
margin-left: 40px;
line-height: 1.6rem;
}
@media screen and (max-width: 768px) {
.eye_sakura_kitakyu {
height: auto;
background: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/sakura-kitakyu/eye.jpg) top;
background-size: cover;
}
.eye_sakura_kitakyu .text {
width: 100%;
}
.eye_sakura_kitakyu .text p {
margin: 0 10px;
padding: 10px;
background: rgba(251, 251, 251, 0.8);
}
} .eye_hibiki {
position: relative;
overflow: hidden;
height: calc(61vh - 146px);
}
.eye_hibiki .text {
padding: 18px;
width: 500px;
background: rgba(255, 255, 255, 0.8);
text-align: left;
line-height: 30px;
}
.eye_hibiki .h_eye {
margin-bottom: 40px;
color: #040e1a;
font-weight: 500;
font-size: 30px;
}
.eye_hibiki .text p {
margin-left: 40px;
line-height: 1.6rem;
}
@media screen and (max-width: 768px) {
.eye_hibiki {
height: auto;
background: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/hibiki/eye_hibiki.jpg) top;
background-size: cover;
}
.eye_hibiki .text {
width: 100%;
}
.eye_hibiki .text p {
margin: 0 10px;
padding: 10px;
background: rgba(251, 251, 251, 0.8);
}
} .eye_sakura {
position: relative;
overflow: hidden;
height: calc(61vh - 146px);
}
.eye_sakura .text {
padding: 18px;
width: 500px;
background: rgba(255, 255, 255, 0.8);
text-align: left;
line-height: 30px;
}
.eye_sakura .h_eye {
margin-bottom: 40px;
color: #040e1a;
font-weight: 500;
font-size: 30px;
}
.eye_sakura .text p {
margin-left: 40px;
line-height: 1.6rem;
}
@media screen and (max-width: 768px) {
.eye_sakura {
height: auto;
background: url(https://seizen-sekizai.com/wp-content/themes/okotsu-net/img/sakura-kitakyu/eye_sakura.jpg) top;
background-size: cover;
}
.eye_sakura .text {
width: 100%;
}
.eye_sakura .text p {
margin: 0 10px;
padding: 10px;
background: rgba(251, 251, 251, 0.8);
}
} .eye_sakura_kitakyu video,
.eye_sakura video,
.eye_hibiki video {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
max-width: 1920px;
} body.search .entry-content,
body.error404 .entry-content,
body.page .entry-content {
box-sizing: border-box;
margin: 0 auto;
padding: 0 0 50px;
width: 1000px;
}
@media screen and (max-width: 767px) {
body.search .entry-content,
body.error404 .entry-content,
body.page .entry-content {
padding: 0 10px 20px;
width: 100%;
}
}
@media screen and (max-width: 767px) {} body.error404 h3.entry-title {
font-size: 20px;
}
body.error404 .searchform {
margin: 50px 0;
}
body.error404 .searchform input[type='text'] {
width: 400px;
}
@media screen and (max-width: 767px) {
body.error404 .searchform input[type='text'] {
width: 50%;
}
} body.search h3.entry-title {
margin-bottom: 50px;
font-size: 16px;
}
body.search #search .entry-content {
padding-top: 50px 0;
line-height: 1.5em;
}
body.search #search .entry-content a {
display: inline-block;
margin: 10px 0;
}
body.search #search .entry-content a h4 {
color: #014da3;
font-size: 16px;
} .breadcrumbs {
margin: 10px auto;
max-width: 1100px;
}
@media screen and (max-width: 767px) {
.breadcrumbs {
box-sizing: border-box;
margin: 10px auto;
padding: 0 10px;
}
}
@media screen and (max-width: 767px) { }
.slide-control {
top: initial !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
margin-top: 0 !important;
height: 40px !important;
}
.slide-control .flex-control-nav {
flex-direction: row !important;
justify-content: center !important;
}
.slide-control .flex-control-nav li {
margin: 0 10px !important;
}
.metaslider.ms-theme-jenga .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a,
.metaslider.ms-theme-jenga ul.rslides_tabs li a,
.metaslider.ms-theme-jenga div.slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled) a,
.metaslider.ms-theme-jenga .coin-slider .cs-buttons a {
width: 14px !important;
height: 14px !important;
background: #d3d3d3 !important;
box-shadow: none !important;
}
.metaslider.ms-theme-jenga .flexslider ol.flex-control-nav li a.flex-active,
.metaslider.ms-theme-jenga .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a:hover,
.metaslider.ms-theme-jenga ul.rslides_tabs li.rslides_here a,
.metaslider.ms-theme-jenga ul.rslides_tabs li a:hover,
.metaslider.ms-theme-jenga div.slider-wrapper div.nivo-controlNav:not(.nivo-thumbs-enabled) a.active,
.metaslider.ms-theme-jenga .slider-wrapper .nivo-controlNav:not(.nivo-thumbs-enabled) a:hover,
.metaslider.ms-theme-jenga .coin-slider .cs-buttons a.cs-active,
.metaslider.ms-theme-jenga .coin-slider .cs-buttons a:hover {
width: 14px !important;
height: 14px !important;
border: 0 !important;
background: #717171 !important;
box-shadow: none !important;
} #contact .section {
padding: 60px 0;
}
#contact .section h1,
#contact .section h2 {
position: relative;
margin: 0 0 48px;
}
#contact .section h1 small,
#contact .section h2 small {
display: block;
margin: 12px 0 0;
font-size: 10px;
font-size: 0.625rem;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
line-height: 24px;
}
#contact .section h1::after,
#contact .section h2::after {
position: absolute;
right: 0;
bottom: -12px;
left: 0;
margin: auto;
width: 40px;
height: 1px;
background: #096abb;
content: '';
}
#contact .section_top {
border-top: 2px solid #ddd;
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/home/bg_event.jpg) repeat;
}
#contact .section_top h2 {
color: #000;
font-size: 32px;
font-size: 2rem;
line-height: 1.6;
}
#contact .section_top h2 span {
color: #086aba;
font-size: 50px;
font-size: 3.125rem;
}
#contact .section_top h2::after {
content: none;
}
#contact .section_top p {
font-size: 18px;
font-size: 1.125rem;
}
#contact .section_top .row {
margin: 48px 0 0;
}
#contact .section_top .row .text_box h3 {
margin: 12px 0;
color: #796648;
font-weight: bold;
font-size: 16px;
font-size: 1rem;
font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Times New Roman', 'メイリオ', Meiryo, serif;
line-height: 1.4;
}
#contact .section_top .row .text_box p {
margin: 0;
font-size: 14px;
font-size: 0.875rem;
}
#contact .section_tel {
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/contact/bg-contact.jpg) center center no-repeat;
background-size: cover;
}
#contact .section_tel .message {
width: 480px;
}
#contact .section_tel p {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
}
#contact .section_tel .eyecatch {
padding: 10px 0;
background: #096abb;
color: #fff;
text-align: center;
font-size: 22px;
font-size: 1.375rem;
}
#contact .section_tel h2 {
margin-bottom: 25px;
font-size: 28px;
font-size: 1.75rem;
line-height: 1.2;
}
#contact .section_tel h2::after {
content: none;
}
#contact .section_tel .tel {
color: #e35957;
text-align: center;
font-size: 17px;
font-size: 1.06rem;
}
#contact .section_tel .tel span {
padding-left: 43px;
background: url(//seizen-sekizai.com/wp-content/themes/okotsu-net/img/contact/icon-freedial.png) left center no-repeat;
font-size: 36px;
font-size: 2.25rem;
}
#contact .section_form p span {
color: #e55e4b;
}
#contact .section_form dl.form {
position: relative;
margin: 0 auto 40px;
}
@media screen and (max-width: 834px) {
#contact .section_form dl.form {
width: 90%;
}
}
#contact .section_form dl.form dt {
position: relative;
margin: 35px 0 0 0;
font-weight: bold;
font-size: 15px;
font-size: 0.9375rem;
}
#contact .section_form dl.form dt::after {
position: absolute;
top: 0;
right: 10px;
display: table;
padding: 8px;
border: 1px solid #333;
content: '任意';
font-size: 12px;
font-size: 0.75rem;
line-height: 100%;
}
#contact .section_form dl.form dt.form_c::after {
border: #fff;
background: #e55e4b;
color: #fff;
content: '必須';
}
#contact .section_form dl.form dd {
overflow: visible;
margin: 0;
padding: 30px 0 30px 0;
border-bottom: 1px solid #999;
font-size: 14px;
font-size: 0.875rem;
}
#contact .wpcf7-form-control-wrap {
position: relative;
}
#contact .section_form dl.form dd span input,
#contact .section_form dl.form dd span textarea {
margin: 0;
width: 100%;
font-size: 14px;
font-size: 0.875rem;
font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Times New Roman', 'メイリオ', Meiryo, serif;
}
#contact .section_form dl.form dd input,
#contact .section_form dl.form dd textarea {
padding: 10px;
width: 100%;
border: 1px solid #fff;
background: #f1f1f1;
font-weight: bold;
}
#contact .section_form dl.form dd input[type='text']:focus,
#contact .section_form dl.form dd input[type='tel']:focus,
#contact .section_form dl.form dd input[type='email']:focus,
#contact .section_form dl.form dd textarea:focus {
background: #ffecda;
}
#contact .section_form dl.form dd .wpcf7-checkbox,
#contact .section_form dl.form dd .wpcf7-radio {
display: block;
overflow: hidden;
}
#contact .section_form span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
#contact .section_form dl.form dd .wpcf7-checkbox .wpcf7-list-item,
#contact .section_form dl.form dd .wpcf7-radio .wpcf7-list-item {
float: left;
margin: 0 39px 0 0;
margin: 0 auto 00px;
width: 98%;
line-height: 280%;
}
#contact .section_form dl.form dd .shiryou .wpcf7-checkbox .wpcf7-list-item,
#contact .section_form dl.form dd .shiryou .wpcf7-radio .wpcf7-list-item,
#contact .section_form dl.form dd .radio-373 .wpcf7-checkbox .wpcf7-list-item,
#contact .section_form dl.form dd .radio-373 .wpcf7-radio .wpcf7-list-item {
float: none;
margin: 0 auto;
width: 160px;
text-align: left;
font-size: 16px;
}
@media screen and (max-width: 768px) and (min-width:710px) {
#contact .section_form dl.form dd .shiryou .wpcf7-checkbox .wpcf7-list-item,
#contact .section_form dl.form dd .shiryou .wpcf7-radio .wpcf7-list-item,
#contact .section_form dl.form dd .radio-373 .wpcf7-checkbox .wpcf7-list-item,
#contact .section_form dl.form dd .radio-373 .wpcf7-radio .wpcf7-list-item {
width: 175px;
}
}
#contact .section_form span.wpcf7-list-item-label::before,
#contact .section_form span.wpcf7-list-item-label::after {
content: ' ';
}
#contact .section_form dl.form dd .wpcf7-checkbox .wpcf7-list-item input,
#contact .section_form dl.form dd .wpcf7-radio .wpcf7-list-item input {
width: auto;
}
#contact .section_form dl.form dd .copy_box {
margin: 10px 0 0;
padding: 8px;
background: #f2f8f8;
}
#contact .section_form dl.form dd .copy_box p.copy_title {
color: #796647;
font-weight: 500;
font-size: 18px;
font-size: 1.125rem;
}
#contact .section_form dl.form dd .copy_box p.copy_under {
margin: 5px 0 10px;
padding: 0 0 10px;
border-bottom: 1px solid #796647;
color: #796647;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.4;
}
#contact .section_form dl.form dd .copy_box ul.divide_copy li {
padding: 2px 0;
line-height: 1.5;
}
#contact .section_form dl.form dd .copy_box ul.divide_copy li::before {
content: '・';
}
#contact .section_form p.btn {
margin: 0 auto 0;
text-align: center;
}
#contact .section_form p.btn span {
position: relative;
display: inline-block;
overflow: hidden;
background: none;
}
#contact .section_form p.btn span::before {
position: absolute;
top: 0;
left: -100%;
z-index: -1;
width: 100%;
height: 100%;
background: #0e3949;
content: '';
-webkit-transition: 0.5s;
transition: 0.5s;
}
#contact .section_form p.btn a,
#contact .section_form p.btn input[type='submit'],
#contact .section_form p.btn input[type='button'] {
position: relative;
z-index: 0;
display: inline-block;
overflow: hidden;
margin: 0 auto;
padding: 15px 40px;
border: 1px solid #0e3949;
border-top-color: rgb(14, 57, 73);
border-right-color: rgb(14, 57, 73);
border-bottom-color: rgb(14, 57, 73);
border-left-color: rgb(14, 57, 73);
color: #0e3949;
text-decoration: none;
font-weight: bold;
font-size: 14px;
font-size: 0.875rem;
line-height: 140%;
opacity: 1;
opacity: 1;
}
.btn-top a,
#contact .section_form p.btn span input[type='submit'],
#contact .section_form p.btn span input[type='button'] {
margin: 0;
border-color: #c62a0d;
border-radius: 0;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #c62a0d;
white-space: normal;
}
#contact .section_form p.btn span::before {
position: absolute;
top: 0;
left: -100%;
z-index: -1;
width: 100%;
height: 100%;
background: #0e3949;
content: '';
-webkit-transition: 0.5s;
transition: 0.5s;
}
#contact .section_form input[type='submit'],
#contact .section_form input[type='button'],
#contact .section_form input[type='reset'] {
cursor: pointer;
}
.btn-top a:hover,
#contact .section_form p.btn a:hover,
#contact .section_form p.btn input[type='submit']:hover,
#contact .section_form p.btn input[type='button']:hover {
background: #c62a0d;
color: #fff;
-webkit-transition: 0.5s;
transition: 0.5s;
}
#contact .section_form p.btn span:hover::before {
left: 0;
}
#contact .section_form .wpcf7c-force-hide {
display: none !important;
}
#contact .stamp {
position: absolute;
top: 0;
right: 0;
}
@media screen and (max-width: 767px) {
#contact .section_top h2 {
padding: 30px 0;
border-top: none;
font-size: 20px;
font-size: 1.25rem;
}
#contact .section_top h2 span {
margin: 0;
font-size: 32px;
font-size: 2rem;
}
#contact .section_top p {
margin-top: 50px;
font-size: 14px;
font-size: 0.875rem;
}
#contact .section_top .row .text_box {
margin: 0 30px;
}
#contact .section_tel .eyecatch {
font-size: 16px;
font-size: 1rem;
}
#contact .section_tel h2 {
font-size: 24px;
font-size: 1.5rem;
}
#contact .section_tel .message {
margin: 0 auto;
width: 90%;
}
#contact .stamp {
top: 42px;
width: 92px;
}
}
@media screen and (min-width: 768px) {
#contact .section_top .row {
position: relative;
}
#contact .section_top .row .img_box {
width: 50%;
}
#contact .section_top .row:nth-child(2n) .img_box {
float: right;
}
#contact .section_top .row:nth-child(2n) .text_box {
right: auto;
left: 0;
}
#contact .section_top .row .text_box {
position: absolute;
top: 20px;
right: 0;
z-index: 1;
padding: 30px 30px 30px calc(30px + 1.5em);
width: 55%;
background: rgba(255, 255, 255, 0.8);
}
#contact .section_top .row .text_box h3 {
font-size: 20px;
font-size: 1.25rem;
}
#contact .section_form dl.form {
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 960px;
-js-display: flex;
}
#contact .section_form dl.form.mb0 {
margin-bottom: 0;
}
#contact .section_form dl.form dt {
margin: 0;
padding: 30px 0;
width: 28%;
border-bottom: 1px solid #999;
font-weight: normal;
}
#contact .section_form dl.form dt::after {
top: 30px;
right: 0;
left: auto;
display: block;
width: 45px;
text-align: center;
}
#contact .section_form dl.form dd {
position: relative;
padding: 30px 0 30px 3%;
width: 69%;
}
#contact .section_form dl.form dd .wpcf7-checkbox .wpcf7-list-item,
#contact .section_form dl.form dd .wpcf7-radio .wpcf7-list-item {
width: 31%;
}
#contact .section_form dl.form dd .copy_box {
margin: 15px 0 0;
padding: 25px;
}
#contact .section_form dl.form dd .copy_box p.copy_title {
font-size: 22px;
font-size: 1.375rem;
}
#contact .section_form dl.form dd .copy_box p.copy_under {
margin: 8px 0 15px;
padding: 0 0 15px;
font-size: 14px;
font-size: 0.875rem;
}
#contact .section_form dl.form dd .copy_box ul.divide_copy li {
padding: 4px 0;
font-size: 15px;
font-size: 0.9375rem;
}
#contact .section_form p.btn {
display: table;
}
#contact .section_form p.btn span {
margin: 0 5px;
}
#contact .section_form p.btn a,
#contact .section_form p.btn input[type='submit'],
#contact .section_form p.btn input[type='button'] {
display: inline-block;
margin: 0 auto 0;
padding: 20px 60px;
}
}
#movie01 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 30vw;
}[class^="wp-block-"] figcaption {
color: #757575;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
font-style: italic;
text-align: left;
}
[class^="wp-block-"].alignleft,
[class^="wp-block-"] .alignleft {
margin-right: 24px;
}
[class^="wp-block-"].alignright,
[class^="wp-block-"] .alignright {
margin-left: 24px;
}
.rtl [class^="wp-block-"] figcaption {
text-align: right;
}  p.has-drop-cap:not(:focus)::first-letter {
font-size: 5em;
margin-top: 0.1em;
} .wp-block-image figure:not(.aligncenter) {
line-height: 0;
margin: 0 1.714285714rem;
}
.wp-block-image figure.alignleft {
margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
.wp-block-image figure.alignright {
margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
.wp-block-image figcaption {
padding-top: 0.75em;
}
[class^="wp-block-"].alignleft,
[class^="wp-block-"] .alignleft,
[class^="wp-block-"].alignright,
[class^="wp-block-"] .alignright {
} .wp-block-gallery {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
left: 0;
right: 0;
text-align: center;
width: auto;
} .wp-block-quote:not(.is-large):not(.is-style-large) {
border: 0;
padding: 24px;
padding: 1.714285714rem;
}
.wp-block-quote {
padding: 24px;
padding: 1.714285714rem;
}
.wp-block-quote cite {
color: inherit;
font-size: inherit;
font-style: italic;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 20px;
} .wp-block-audio audio {
display: block;
margin-bottom: 1.714285714rem;
width: 100%;
} .wp-block-cover-image.aligncenter,
.wp-block-cover.aligncenter {
display: flex;
} .wp-block-file .wp-block-file__button {
background-color: #e6e6e6;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6);
border: 1px solid #d2d2d2;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
color: #7c7c7c;
font-family: inherit;
font-size: 11px;
font-size: 0.785714286rem;
font-weight: normal;
line-height: 1.428571429;
padding: 6px 10px;
padding: 0.428571429rem 0.714285714rem;
}
.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:focus {
background-color: #ebebeb;
background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb);
background-repeat: repeat-x;
color: #5e5e5e;
}
.wp-block-file .wp-block-file__button:focus {
background-color: #e1e1e1;
background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1);
background-repeat: repeat-x;
border-color: transparent;
box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
color: #757575;
}
.rtl .wp-block-file * + .wp-block-file__button {
margin-left: 0.75em;
margin-right: 0;
} .wp-block-video video:not(:last-child) {
margin-bottom: 0;
}  pre.wp-block-code {
border: 0;
padding: 0;
} .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
font-size: 14px;
text-transform: none;
} .wp-block-table {
border-bottom: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
.wp-block-table th {
border: 0;
font-weight: bold;
padding: 6px 10px 6px 0;
text-transform: uppercase;
}
.wp-block-table td {
border: 0;
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0;
}  .wp-block-button .wp-block-button__link {
border: 1px solid #d2d2d2;
font-family: inherit;
font-size: 11px;
font-size: 0.785714286rem;
font-weight: normal;
line-height: 1.428571429;
padding: 6px 10px;
padding: 0.428571429rem 0.714285714rem;
}
.entry-content .wp-block-button__link,
.entry-content .wp-block-button__link:visited {
background-color: #e6e6e6;
color: #7c7c7c;
}
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link:visited {
background-color: inherit;
border-color: inherit;
}
.entry-content .wp-block-button__link:hover,
.entry-content .wp-block-button__link:visited:hover,
.entry-content .wp-block-button__link:focus {
background-color: #ebebeb;
color: #5e5e5e;
}
.entry-content .wp-block-button__link:active {
background-color: #e1e1e1;
color: #757575;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-background) {
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6);
}
.wp-block-button__link:not(.has-text-color) {
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.wp-block-button__link:not(.has-background):hover,
.wp-block-button__link:not(.has-background):focus {
background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb);
background-repeat: repeat-x;
}
.wp-block-button__link:not(.has-background):active {
background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1);
background-repeat: repeat-x;
border-color: transparent;
}
.wp-block-button__link:not(.has-text-color):active {
box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
} .wp-block-separator {
border: 0;
} .wp-block-media-text {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.wp-block-media-text *:last-child {
margin-bottom: 0;
}  .wp-block-archives.aligncenter,
.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter {
list-style-position: inside;
text-align: center;
} .wp-block-latest-comments {
margin: 0;
padding: 0;
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 0;
box-shadow: none;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 60px;
}
.wp-block-latest-comments__comment,
.wp-block-latest-comments__comment-excerpt,
.wp-block-latest-comments__comment-excerpt p {
font-size: 14px;
}
.wp-block-latest-comments__comment-excerpt p:last-child {
margin-bottom: 0;
}
.wp-block-latest-comments__comment-date {
color: #5e5e5e;
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
margin: 0;
padding: 24px 0;
padding: 1.714285714rem 0 0;
}
.wp-block-latest-comments article {
margin-bottom: 0;
} .entry-content .has-blue-color,
.entry-content .has-blue-color:visited {
color: #21759b;
}
.entry-content .has-blue-background-color,
.entry-content .has-blue-background-color:visited {
background-color: #21759b;
}
.entry-content .has-dark-gray-color,
.entry-content .has-dark-gray-color:visited {
color: #373737;
}
.entry-content .has-dark-gray-background-color,
.entry-content .has-dark-gray-background-color:visited {
background-color: #373737;
}
.entry-content .has-medium-gray-color,
.entry-content .has-medium-gray-color:visited {
color: #9f9f9f;
}
.entry-content .has-medium-gray-background-color,
.entry-content .has-medium-gray-background-color:visited {
background-color: #9f9f9f;
}
.entry-content .has-light-gray-color,
.entry-content .has-light-gray-color:visited {
color: #e6e6e6;
}
.entry-content .has-light-gray-background-color,
.entry-content .has-light-gray-background-color:visited {
background-color: #e6e6e6;
}
.entry-content .has-white-color,
.entry-content .has-white-color:visited {
color: #fff;
}
.entry-content .has-white-background-color,
.entry-content .has-white-background-color:visited {
background-color: #fff;
}