@charset "UTF-8";
@import url(vendor/common.css);
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 100;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 200;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 300;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Bold");
font-weight: bold;
}
@font-face {
font-family: "Helvetica Neue";
src: local("Helvetica Neue Regular");
font-weight: 100;
}
@font-face {
font-family: "Helvetica Neue";
src: local("Helvetica Neue Regular");
font-weight: 200;
}
@font-face {
font-family: "epress";
src: url("fonts/icomoon.eot?uvj346");
src: url("fonts/icomoon.eot?uvj346#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?uvj346") format("truetype"), url("fonts/icomoon.woff?uvj346") format("woff"), url("fonts/icomoon.svg?uvj346#icomoon") format("svg");
font-weight: normal;
font-style: normal;
}
/* version */
html {
font-size: 62.5%;
overflow-x: hidden;
}
body {
background: #fff;
font-family: "-apple-system", BlinkMacSystemFont, "Helvetica Neue", Arial,
"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", YuGothic,
Meiryo, sans-serif;
font-size: 14px;
font-size: 1.4em;
line-height: 1.4;
color: #1b1b1b;
height: auto !important;
overflow: hidden;
}
main {
overflow: hidden;
}
figure {
margin: 0;
text-align: center;
}
figure figcaption {
margin-top: 0.5em;
text-align: left;
}
a {
color: #1b1b1b;
text-decoration: underline;
}
.article_detail a {
color: #0000ff;
}
.url_blue {
color: #0000ff;
font-weight: bold;
}
a:hover {
color: #1b1b1b;
text-decoration: none;
}
.highlight a {
color: #1b1b1b;
}
.highlight a:hover {
color: #1b1b1b;
}
img {
vertical-align: middle;
width: auto;
height: auto;
}
img.circle {
border-radius: 50%;
}
p {
margin: 0.5em 0 1em;
}
p:first-child {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
ol,
ul {
margin: 0 0 1em;
padding: 0 0 0 2.5em;
line-height: 1.6;
}
ol:last-child,
ul:last-child {
margin-bottom: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin: 0.5em 0;
padding-left: 2em;
}
ol ol:last-child,
ol ul:last-child,
ul ol:last-child,
ul ul:last-child {
margin-bottom: 0.5em;
}
ul.list-unstyled {
padding-left: 0;
list-style: none;
}
ul.list-unstyled ol,
ul.list-unstyled ul {
padding-left: 2em;
}
ul.list-inline {
margin: 0;
padding: 0;
list-style: none;
margin-left: -7px;
font-size: 0px;
font-size: 0rem;
margin-bottom: 14px;
}
ul.list-inline > li {
display: inline;
padding-left: 7px;
padding-right: 7px;
white-space: nowrap;
font-size: 14px;
font-size: 1.4rem;
}
dl {
margin: 0 0 1em;
line-height: 1.6;
}
dl:last-child {
margin-bottom: 0;
}
dl dt {
font-weight: bold;
}
dl dd {
margin-left: 0;
margin-bottom: 0.5em;
}
dl dd:last-child {
margin-bottom: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
main section {
margin-bottom: 10%;
}
main section.highlight:last-child {
margin-bottom: 0;
padding-bottom: 10%;
}
.sp-mask {
transition: none !important;
}
.highlight {
padding: 4% 0;
background: #f4f1e9;
color: #1b1b1b;
}
body:not(.home) .column_main .highlight {
padding-left: 4%;
padding-right: 4%;
}
#swipebox-overlay {
z-index: 10000002 !important;
}
@media (min-width: 768px) {
p {
margin: 0.5em 0 1em;
}
dl.dl-horizontal {
overflow: hidden;
}
dl.dl-horizontal dt {
float: left;
clear: left;
margin-right: 1em;
}
dl.dl-horizontal dd {
float: left;
}
main section {
margin-bottom: 7%;
}
main section:last-child {
margin-bottom: 9%;
}
main section.highlight:last-child {
margin-bottom: 0;
padding-bottom: 8%;
}
}
@media (max-width: 767px) {
.tile:not(.sp-tile) > * {
height: auto !important;
}
}
@media (min-width: 768px) {
.gutters .row.row_inline {
letter-spacing: -0.4em;
}
.gutters .row.row_inline > .col {
letter-spacing: normal;
vertical-align: top;
display: inline-block;
float: none;
margin-bottom: 5%;
}
.gutters .row.row_inline .span_1:nth-child(12n+1) {
margin-left: 0;
}
.gutters .row.row_inline .span_2:nth-child(6n+1) {
margin-left: 0;
}
.gutters .row.row_inline .span_3:nth-child(4n+1) {
margin-left: 0;
}
.gutters .row.row_inline .span_4:nth-child(3n+1) {
margin-left: 0;
}
.gutters .row.row_inline .span_5:nth-child(2n+1) {
margin-left: 0;
}
.gutters .row.row_inline .span_6:nth-child(2n+1) {
margin-left: 0;
}
.gutters .row.row_inline .span_7 {
width: 57.5%;
}
.gutters .row.row_inline .span_8 {
width: 66%;
}
.gutters .row.row_inline .span_9 {
width: 74.5%;
}
.gutters .row.row_inline .span_10 {
width: 83%;
}
.gutters .row.row_inline .span_11 {
width: 91.5%;
}
.gutters .row.row_inline .span_12 {
width: 100%;
}
}
main .column_main,
main .column_sub {
overflow: hidden;
min-height: 100px;
}
@media screen and (max-width: 767px) {
main .column_main {
overflow: visible;
}
}
main .column_main .widget_header,
main .column_sub .widget_header {
font-size: 18px;
font-size: 1.8rem;
padding: 0.5em;
margin-bottom: 0;
}
main .column_main .widget_header + *:not(.calendar_wrap),
main .column_sub .widget_header + *:not(.calendar_wrap) {
padding: 0;
margin: 0 auto 1em;
}
main .column_main .widget_header + .epress_search,
main .column_main .widget_header + .textwidget,
main .column_sub .widget_header + .epress_search,
main .column_sub .widget_header + .textwidget {
padding: 10px 0;
}
main .column_main .widget_wrap .menu,
main .column_main .widget_wrap > ul,
main .column_sub .widget_wrap .menu,
main .column_sub .widget_wrap > ul {
margin: 0;
padding: 0;
list-style: none;
}
main .column_main .widget_wrap .menu ul,
main .column_main .widget_wrap > ul ul,
main .column_sub .widget_wrap .menu ul,
main .column_sub .widget_wrap > ul ul {
margin: 0;
padding: 0;
list-style: none;
}
main .column_main .widget_wrap .menu li,
main .column_main .widget_wrap > ul li,
main .column_sub .widget_wrap .menu li,
main .column_sub .widget_wrap > ul li {
padding: 0.5em 0.7em;
border-bottom: 1px solid #ccc;
}
main .column_main .widget_wrap .menu li:last-child,
main .column_main .widget_wrap > ul li:last-child,
main .column_sub .widget_wrap .menu li:last-child,
main .column_sub .widget_wrap > ul li:last-child {
border-bottom: 0;
}
main .column_main .widget_wrap .menu li a,
main .column_main .widget_wrap > ul li a,
main .column_sub .widget_wrap .menu li a,
main .column_sub .widget_wrap > ul li a {
display: block;
text-decoration: none;
}
main .column_main .widget_wrap .menu li a:hover,
main .column_main .widget_wrap > ul li a:hover,
main .column_sub .widget_wrap .menu li a:hover,
main .column_sub .widget_wrap > ul li a:hover {
text-decoration: underline;
}
main .column_main .widget_wrap ul > li.page_item,
main .column_sub .widget_wrap ul > li.page_item {
border-bottom: #ccc solid 1px;
}
main .column_main .widget_wrap ul > li.page_item.page_item_has_children,
main .column_sub .widget_wrap ul > li.page_item.page_item_has_children {
padding: 0.5em 0.7em 0.2em !important;
}
main .column_main .widget_wrap ul > li.page_item .children,
main .column_sub .widget_wrap ul > li.page_item .children {
border-top: #eee solid 1px;
margin: 0.5em 0 0 !important;
}
main .column_main .widget_wrap ul > li.page_item .children li,
main .column_sub .widget_wrap ul > li.page_item .children li {
font-weight: normal;
border-bottom: #eee solid 1px;
font-size: 96%;
padding: 0.5em 0.7em 0.5em 1em;
position: relative;
}
main .column_main .widget_wrap ul > li.page_item .children li:before,
main .column_sub .widget_wrap ul > li.page_item .children li:before {
content: "";
position: absolute;
left: 0;
top: 15px;
width: 5px;
height: 5px;
background: rgba(54, 46, 43, 0.4);
border-radius: 2.5px;
}
main .column_main .widget_wrap ul > li.page_item .children li li:before,
main .column_sub .widget_wrap ul > li.page_item .children li li:before {
content: "";
position: absolute;
left: 0;
top: 14px;
width: 5px;
height: 5px;
background: rgba(54, 46, 43, 0.15);
border-radius: 0;
}
@media (max-width: 900px) {
.gutters .span_3.column_sub,
.gutters .span_9.column_main {
float: none;
width: 100%;
margin-left: 0;
}
}
@media (min-width: 600px) and (max-width: 900px) {
.gutters .span_3.column_sub .sidebar {
letter-spacing: -0.4em;
}
.gutters .span_3.column_sub .sidebar .widget_wrap {
letter-spacing: normal;
display: inline-block;
vertical-align: top;
width: 49%;
margin-left: 2%;
}
.gutters .span_3.column_sub .sidebar .widget_wrap:nth-child(2n+1) {
margin-left: 0;
}
}
@media (min-width: 768px) {
.container {
max-width: 1200px;
}
}
@media (min-width: 1024px) {
.container {
padding: 0 10px;
}
}
.article_button {
margin-top: 5%;
}
@media (min-width: 768px) {
.article_detail:not(.reverse) .col.span_12 + .span_4,
.article_list:not(.reverse) .col.span_12 + .span_4 {
margin-left: 0;
}
.article_detail.reverse .col.span_12,
.article_list.reverse .col.span_12 {
margin-left: 0;
}
}
.sidebar {
visibility: hidden;
}
.sidebar > .widget_wrap {
visibility: visible;
}
.gutters .col.span_12 + .span_12 {
margin-left: 0;
}
.sitemap {
padding: 0;
margin: 0;
border-top: 1px solid #ccc;
}
.sitemap li {
list-style: none;
padding: 10px 0 10px 15px;
border-bottom: 1px solid #ccc;
}
.sitemap li > ul {
padding: 0;
border-top: #ccc solid 1px;
}
.sitemap li > ul > li {
border-bottom: 1px solid #ccc;
position: relative;
}
.sitemap li > ul > li:before {
content: "";
position: absolute;
left: 0;
top: 25px;
width: 6px;
height: 6px;
background: #ccc;
border-radius: 3px;
}
.sitemap li > ul > li:last-child {
border-bottom: none;
padding: 10px 0 0 15px;
}
.sitemap li > ul > li .children > li {
padding: 10px 0 0 15px;
}
.sitemap li > ul > li .children > li:before {
content: "";
position: absolute;
left: 0;
top: 25px;
width: 6px;
height: 6px;
background: #ccc;
border-radius: 0;
}
.sitemap a {
font-size: 16px;
font-size: 1.6rem;
text-decoration: none;
}
.sitemap a:hover {
text-decoration: underline;
}
@media (min-width: 768px) {
.sitemap a {
font-size: 22px;
font-size: 2.2rem;
}
}
.parallax_h1 {
height: 250px;
position: relative;
}
.parallax_h1:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background: rgba(0, 0, 0, 0.3);
}
.parallax_h1 h1 {
color: #fff;
}
.parallax_h1 h1:after,
.parallax_h1 h1:before {
background: #fff;
}
@media (min-width: 768px) {
.parallax_h1 {
height: 450px;
}
}
.map_wide #map_canvas,
.map_wide iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.map_wide img {
max-width: none;
}
.slick-track {
margin: 0 auto;
}
.col dl p {
line-height: 1.4;
margin: 0;
}
.col p {
line-height: 1.8;
}
.container {
padding: 0 10px;
}
@media (min-width: 1220px) {
.container {
padding: 0;
}
}
.container .container {
padding: 0;
}
#fb-root,
.fb-page {
font-family: "lucida grande", tahoma, verdana, arial, "hiragino kaku gothic pro", meiryo, "ms pgothic", sans-serif !important;
}
#swipebox-overlay {
background: rgba(13, 13, 13, 0.8);
}
.ei {
font-family: "epress";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-size: 12px;
font-size: 1.2rem;
}
.ei.ei_triangle:before {
content: "\e915";
}
.ei.ei_triangle_s:before {
content: "\e916";
}
.ei.ei_circle:before {
content: "\e917";
}
.ei.ei_circle_s:before {
content: "\e918";
}
.ei.ei_circle_d:before {
content: "\e919";
}
.ei.ei_square:before {
content: "\e91a";
}
.ei.ei_square_s:before {
content: "\e91b";
}
.ei.ei_times:before {
content: "\e91c";
}
.ei.ei_star:before {
content: "\e91d";
}
.ei.ei_star_s:before {
content: "\e91e";
}
img.wp-edited-image[width] {
width: auto !important;
}
img.wp-edited-image[height] {
height: auto !important;
}
img.wp-edited-image.aligncenter {
margin: 0 auto 10px;
display: block;
}
img.wp-edited-image.alignright {
margin: auto 0 auto auto;
display: block;
}
header {
position: relative;
z-index: 100;
width: 100%;
background: #fff;
color: #1b1b1b;
}
header .row {
margin: 0 3%;
}
@media (max-width: 767px) {
header .container .row {
margin: 0;
}
}
header h1.top-header-title {
font-size: 1.6rem;
text-align: left;
margin-bottom: -8px;
padding: 8px 0 0;
background-color: transparent;
}
header .title {
margin: 0;
padding: 10px 0;
line-height: 1;
}
header .title a {
display: inline-block;
}
header .title img,
header .title object {
width: 228px;
height: 75px;
max-width: none;
}
@media (max-width: 600px) {
header .title img,
header .title object {
width: 158px;
height: 50.78947px;
min-height: 45px;
}
}
header .global_nav > ul {
position: absolute;
z-index: -1;
top: 100%;
left: 0;
right: 0;
margin: auto;
width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #b3b3b3;
}
@media (min-width: 768px) {
header .global_nav > ul {
left: auto;
width: 50%;
max-width: 400px;
}
}
header .global_nav > ul > li {
border-bottom: 1px solid #b3b3b3;
}
header .global_nav > ul > li a {
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
background: rgba(162, 0, 0, 0.9);
}
header .global_nav > ul > li a:hover {
color: #fff;
}
header .global_nav > ul > li a:active {
background: #a20000;
color: #fff;
}
header .global_nav > ul > li > a {
background: rgba(162, 0, 0, 0.9);
}
header .global_nav .menu_icon {
position: absolute;
top: 60%;
right: 5%;
transform: translateY(-50%);
z-index: 100;
}
header .global_nav .menu_icon a {
position: relative;
display: block;
width: 20px;
height: 20px;
padding: 0;
transition: transform 0.3s;
overflow: hidden;
}
header .global_nav .menu_icon a:after,
header .global_nav .menu_icon a:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 100%;
height: 4px;
background: #1b1b1b;
transition: transform 0.5s;
}
header .global_nav .menu_icon a:before {
top: 0;
}
header .global_nav .menu_icon a:after {
bottom: 0;
}
header .global_nav .menu_icon a span {
position: absolute;
top: 50%;
transform: translate(0, -50%);
left: 0;
right: 0;
margin: auto;
width: 100%;
height: 4px;
background: #1b1b1b;
transition: transform 0.5s;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
header .global_nav .menu_icon a.close:not(.fix) {
background: none;
}
header .global_nav .menu_icon a.close:not(.fix):before {
top: 50%;
transform: translate(0, -50%) rotate(45deg);
background: #1b1b1b;
}
header .global_nav .menu_icon a.close:not(.fix):after {
bottom: 50%;
transform: translate(0, 50%) rotate(-45deg);
background: #1b1b1b;
}
header .global_nav .menu_icon a.close:not(.fix) span {
transform: translate(100%, -50%);
}
header .global_nav > ul {
transform-origin: center top;
visibility: hidden;
transition: transform 0.3s;
transform: rotateX(90deg);
}
header.menu_open .global_nav > ul {
visibility: visible;
transform: rotateX(0deg);
}
#google_translate_element,
.translate_gt {
position: absolute;
top: 50%;
right: 15%;
margin-top: -12px;
}
.translate_gt {
margin-top: -14px;
}
@media (min-width: 1024px) {
header .row {
margin: 0;
}
header .global_nav,
header .title {
margin: 0;
vertical-align: middle;
}
header .title {
max-width: none;
max-width: none;
padding: 15px 0;
margin: 0 auto;
text-align: left;
}
header .global_nav {
text-align: right;
width: 100%;
padding: 0;
padding: 10px 0;
text-align: center;
padding: 10px 0 6px;
vertical-align: bottom;
}
header .global_nav > ul {
position: static;
display: inline-block;
width: auto;
border: none;
background: none;
visibility: visible;
font-size: 0px;
font-size: 0rem;
transform: none;
text-align: left;
overflow: visible;
max-width: none;
max-width: 1200px;
}
header .global_nav > ul > li {
display: inline-block;
vertical-align: middle;
border: none;
line-height: 1.5;
border-left: 1px;
font-size: 14px;
font-size: 1.4rem;
}
header .global_nav > ul > li:not(.gnav_search) {
text-align: center;
}
header .global_nav > ul > li:not(.gnav_search) > a {
position: relative;
font-weight: bold;
}
header .global_nav > ul > li > a {
display: inline-block;
vertical-align: middle;
color: #1b1b1b;
text-decoration: none;
background: transparent;
text-align: center;
transition: 0.3s;
border-bottom: 2px solid transparent;
padding: 0.3em 1.5em;
}
}
@media (min-width: 1024px) and (max-width: 900px) {
header .global_nav > ul > li > a {
padding: 0.3em 0.5em;
}
}
@media (min-width: 1024px) {
header .global_nav > ul > li > a:hover {
border-bottom: 2px solid #a20000;
color: #a20000;
}
header .global_nav > ul > li > a:active {
background: none;
}
header .global_nav > ul > li > a span {
display: block;
font-size: 12px;
font-size: 1.2rem;
}
header .global_nav .menu_icon {
display: none;
}
#google_translate_element,
.translate_gt {
position: static;
float: right;
margin-top: 3px;
margin-left: 1em;
}
.translate_gt {
margin-top: 0;
}
}
@media (max-width: 1023px) {
header .global_nav > ul > li a > span,
header .global_nav > ul > li a > br {
display: none;
}
}
.hdr_info_wrap {
display: none;
display: block;
position: absolute;
top: 60%;
left: auto;
right: calc(10% + 20px);
transform: translateY(-50%);
margin: auto;
}
@media (min-width: 640px) {
.hdr_info_wrap {
right: 10%;
}
}
.hdr_info_wrap .hdr_info_sp a {
position: relative;
display: block;
background: #fff;
border: 2px solid #2b461d;
border-radius: 50%;
width: 34px;
height: 34px;
}
.hdr_info_wrap .hdr_info_sp a img {
max-width: 17px;
max-height: 19px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
@media (min-width: 1024px) {
.hdr_info_wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
max-width: 1200px;
}
.hdr_info_wrap .hdr_info {
position: absolute;
right: 10px;
top: 2px;
}
}
footer {
position: relative;
}
footer nav {
text-align: center;
}
footer nav ul {
margin: 0;
padding: 0;
list-style: none;
}
footer nav ul li + li {
border-top: 1px solid #b3b3b3;
}
footer nav a {
display: block;
padding: 0.7em 0;
text-decoration: none;
}
footer nav a:hover {
text-decoration: underline;
}
footer .footer_copyright_wrap {
text-align: center;
}
footer .footer_copyright_wrap p {
padding: 1em 0.3em;
}
@media (min-width: 768px) {
footer .row:not(:last-child) {
margin-bottom: 5px;
}
footer nav {
text-align: center;
padding: 0.7em 0 0;
}
footer nav ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 0px;
font-size: 0rem;
white-space: normal;
}
footer nav ul > li {
display: inline;
padding-left: 0;
padding-right: 0;
white-space: nowrap;
font-size: 14px;
font-size: 1.4rem;
}
footer nav ul li {
line-height: 1.5;
white-space: normal;
}
footer nav ul li + li {
border: 0;
}
footer nav ul li:not(:first-child):before {
content: "|";
margin-right: 0.3em;
margin-left: 0.3em;
}
footer nav a {
display: inline;
padding: 0;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
footer nav ul li.tablet-break:after {
content: "\a";
white-space: pre;
}
footer nav ul li.tablet-break + li:before {
display: none;
}
}
/*
* フッターパターンA(footer pattern A)
*/
footer .footer_copyright_wrap {
background: #28421b;
color: #fff;
}
@media (min-width: 768px) {
footer .footer_copyright_wrap {
margin-top: 0.3em;
}
}
footer .footer_copyright_wrap a {
color: #fff;
}
footer .footer_copyright_wrap a:hover {
color: #fff;
}
@media (min-width: 768px) {
footer .container .row .col {
float: none;
width: 100%;
}
footer .container .row nav {
text-align: center;
}
footer .container .row nav ul {
display: inline-block;
}
footer .container .row nav a {
display: inline-block;
padding: 0.3em;
}
}
.slider-pro.contents {
overflow: hidden;
margin: 0 auto !important;
}
.slider-pro.contents .sp-caption-container {
width: 90%;
margin: 0 auto;
padding: 10px;
}
.slider-pro.contents .sp-caption-container h3 {
margin: 0 0 15px;
font-size: 14px;
font-size: 1.4rem;
}
.slider-pro.contents .sp-caption-container h3:last-child {
margin-bottom: 0;
}
.slider-pro.contents .sp-caption-container p {
font-size: 13px;
font-size: 1.3rem;
}
.slider-pro.contents.sp-horizontal .sp-previous-arrow {
left: 10px;
margin-top: 180px;
}
.slider-pro.contents.sp-horizontal .sp-next-arrow {
right: 10px;
margin-top: 180px;
}
.slider-pro.contents .sp-next-arrow:after,
.slider-pro.contents .sp-next-arrow:before,
.slider-pro.contents .sp-previous-arrow:after,
.slider-pro.contents .sp-previous-arrow:before {
background-color: #a20000;
}
@media (max-width: 767px) {
.slider-pro.contents .sp-arrow {
width: 10px;
height: 15px;
}
}
@media (min-width: 768px) {
.slider-pro.contents .sp-caption-container {
width: 450px;
min-height: 40px;
margin: 10px auto 0;
border-right: 1px dashed #999;
border-left: 1px dashed #999;
}
.slider-pro.contents .sp-arrow {
width: 10px;
height: 15px;
}
.slider-pro.contents.sp-horizontal .sp-previous-arrow {
left: 50%;
margin-top: 187.5px;
margin-left: -230px;
}
.slider-pro.contents.sp-horizontal .sp-next-arrow {
right: 50%;
margin-top: 187.5px;
margin-right: -230px;
}
}
.slider-pro.center {
overflow: hidden;
width: 100%;
}
.slider-pro.center .sp-button {
border: none;
background: #d2d2d2;
}
.slider-pro.center .sp-selected-button {
background: #a20000;
}
.slider-pro.center.sp-horizontal .sp-arrows {
left: 0;
right: 0;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.slider-pro.center.sp-horizontal .sp-previous-arrow {
left: 10px;
}
.slider-pro.center.sp-horizontal .sp-next-arrow {
right: 10px;
}
.slider-pro.center .sp-previous-arrow,
.slider-pro.center .sp-next-arrow {
width: 30px;
height: 30px;
background-color: rgba(162, 0, 0, 0.7);
background-position: center center;
background-repeat: no-repeat;
background-size: 8px;
}
.slider-pro.center .sp-previous-arrow {
background-image: url(/wp-content/uploads/arrow_left_wh.png);
}
.slider-pro.center .sp-next-arrow {
background-image: url(/wp-content/uploads/arrow_right_wh.png);
}
.slider-pro.center .sp-next-arrow:after,
.slider-pro.center .sp-next-arrow:before,
.slider-pro.center .sp-previous-arrow:after,
.slider-pro.center .sp-previous-arrow:before {
display: none;
}
.slider-pro.center .sp-layer {
line-height: 1.2;
white-space: normal !important;
font-size: 20px;
font-size: 2rem;
color: #1b1b1b;
}
.slider-pro.center .sp-layer small {
font-size: 14px;
font-size: 1.4rem;
}
@media (min-width: 768px) {
.slider-pro.center .sp-layer {
font-size: 22px;
font-size: 2.2rem;
}
.slider-pro.center .sp-padding {
padding: 35px;
}
}
@media (min-width: 1100px) {
.slider-pro.center.sp-horizontal .sp-previous-arrow {
left: -15px;
}
.slider-pro.center.sp-horizontal .sp-next-arrow {
right: -15px;
}
}
.slider-pro.wide {
position: relative;
overflow: hidden;
width: 100%;
max-width: 1600px;
margin: 0 auto 10px;
}
.slider-pro.wide .sp-buttons {
position: absolute;
z-index: 2;
bottom: 10px;
right: 10px;
width: auto;
padding-top: 0;
text-align: right;
}
.slider-pro.wide .sp-button {
border: none;
background: #d2d2d2;
}
.slider-pro.wide .sp-selected-button {
background: #a20000;
}
.slider-pro.wide .sp-previous-arrow,
.slider-pro.wide .sp-next-arrow {
z-index: 2;
}
.slider-pro.wide .sp-next-arrow:after,
.slider-pro.wide .sp-next-arrow:before,
.slider-pro.wide .sp-previous-arrow:after,
.slider-pro.wide .sp-previous-arrow:before {
color: #fff;
}
.slider-pro.wide .hps-slider-mask {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.slider-pro.wide .hps-slider-mask.stripe {
background-color: rgba(255, 255, 255, 0.2);
background-image: url(/wp-content/uploads/mask_stripe.png);
}
.slider-pro.wide .hps-slider-copy {
position: relative;
top: 50%;
transform: translateY(-50%);
padding: 0 50px;
color: #1b1b1b;
text-align: left;
font-size: 12px;
font-size: 1.2rem;
}
.slider-pro.wide .hps-slider-copy .lead {
margin: 0;
font-size: 18px;
font-size: 1.8rem;
line-height: 1;
text-align: center;
color: #1b1b1b;
}
.slider-pro.wide.disable-arrows .hps-slider-copy {
padding: 0 10px;
}
.slider-pro.wide .hps-slider-scroll {
display: none;
}
@media (max-width: 767px) {
.slider-pro.wide.sp-disable-arrows .hps-slider-copy {
padding: 0 10px;
}
}
@media (min-width: 768px) {
.slider-pro.wide .sp-buttons {
bottom: 20px;
right: 25px;
}
.slider-pro.wide .sp-button {
width: 18px;
height: 18px;
margin: 0 10px;
}
.slider-pro.wide .hps-slider-copy {
text-align: center;
font-size: 17px;
font-size: 1.7rem;
line-height: 1.8;
}
.slider-pro.wide .hps-slider-copy .lead {
font-size: 46px;
font-size: 4.6rem;
}
.slider-pro.wide .hps-slider-scroll {
display: block;
position: absolute;
left: 0;
bottom: 15px;
width: 100%;
text-align: center;
}
.slider-pro.wide .hps-slider-scroll a {
display: inline-block;
width: 100px;
padding-bottom: 45px;
background: url(/wp-content/uploads/arrow_down_white.png) center bottom no-repeat;
text-align: center;
color: #fff;
font-size: 12px;
font-size: 1.2rem;
text-decoration: none;
}
.slider-pro.wide .hps-slider-scroll.text-black a {
background: url(/wp-content/uploads/arrow_down_black.png) center bottom no-repeat;
color: #000;
}
}
@media (min-width: 1024px) {
.slider-pro.wide .hps-slider-scroll {
display: block;
bottom: 45px;
}
}
@media (max-width: 767px) {
.bf-af .row:not(:last-child) {
margin-bottom: 10%;
}
.bf-af .before {
padding-bottom: 16%;
background: url(/wp-content/uploads/arrow_down.svg) center bottom no-repeat;
background-size: 20%;
background-size: 45px auto;
}
.bf-af .after:not(:last-child) {
margin-bottom: 10%;
}
}
@media (min-width: 768px) {
.bf-af {
display: table;
table-layout: fixed;
width: 100%;
}
.bf-af .before,
.bf-af .after {
display: table-cell;
vertical-align: top;
}
.bf-af .before span {
display: block;
position: relative;
}
.bf-af .before span:after {
content: "";
display: block;
position: absolute;
top: 0;
height: 100%;
background: url(/wp-content/uploads/arrow_right.svg) center center no-repeat;
background-size: 100%;
}
.bf-af.col2 .before {
width: 55%;
padding-right: 10%;
}
.bf-af.col2 .after {
width: 45%;
}
.bf-af.col2 .before span:after {
width: 10%;
right: -16%;
}
.bf-af.col4 .before:nth-child(1) {
width: 24%;
padding-left: 0;
padding-right: 2%;
}
.bf-af.col4 .after:nth-child(2) {
width: 26%;
padding-left: 3%;
padding-right: 1%;
}
.bf-af.col4 .before:nth-child(3) {
width: 26%;
padding-left: 1%;
padding-right: 3%;
}
.bf-af.col4 .after:nth-child(4) {
width: 24%;
padding-left: 2%;
padding-right: 0;
}
.bf-af.col4 .before span:after {
width: 13%;
right: -18%;
}
}
.bread_wrap {
margin-bottom: 2%;
}
.bread {
overflow: hidden;
margin: 0;
font-size: 12px;
font-size: 1.2rem;
}
.bread ul {
padding: 1em 0;
margin: 0 auto;
float: none;
}
.bread ul li {
list-style: none;
position: relative;
float: left;
padding-right: 2em;
margin-right: 1.5em;
}
.bread ul li a {
text-decoration: none;
color: #1b1b1b;
}
.bread ul li a:hover {
color: #1b1b1b;
text-decoration: none;
}
.bread ul li:after {
content: ">";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
.bread ul li:last-child {
padding-right: 0;
margin-right: 0;
}
.bread ul li:last-child:after {
content: none;
}
.button,
.inquiry .wpcf7-submit {
display: inline-block;
min-width: 0px;
margin: 0;
padding: 1em 1em;
border: 0;
border-radius: 4px;
line-height: 1;
background: #a20000;
color: #fff;
text-align: center;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
transition: 0.3s;
}
.button:hover,
.inquiry .wpcf7-submit:hover {
background: #ced4d2;
color: #a20000;
}
.highlight .button,
.highlight .inquiry .wpcf7-submit,
.inquiry .highlight .wpcf7-submit {
color: #fff;
}
.highlight .button:hover,
.highlight .inquiry .wpcf7-submit:hover,
.inquiry .highlight .wpcf7-submit:hover {
color: #a20000;
}
.button.block,
.inquiry .block.wpcf7-submit {
display: block;
min-width: 0;
}
.button.inverse,
.inquiry .inverse.wpcf7-submit {
border: 0;
border-radius: 4px;
background: #000;
color: #fff;
}
.button.inverse:hover,
.inquiry .inverse.wpcf7-submit:hover {
background: #1a1a1a;
color: #fff;
}
.button.cancel,
.inquiry .cancel.wpcf7-submit {
background: #888;
color: #fff;
}
.button.cancel:hover,
.inquiry .cancel.wpcf7-submit:hover {
background: #6f6f6f;
}
.button.large,
.inquiry .large.wpcf7-submit {
padding: 1em 2em;
font-size: 16px;
font-size: 1.6rem;
}
.button + .button,
.inquiry .wpcf7-submit + .button,
.inquiry .button + .wpcf7-submit,
.inquiry .wpcf7-submit + .wpcf7-submit {
margin-left: 0.5em;
}
.button span,
.inquiry .wpcf7-submit span {
line-height: 1;
padding-left: 20px;
background: url(/wp-content/uploads/btn_icon.png) left center no-repeat;
background-size: auto 14px;
}
.feature {
color: #fff;
}
.feature h3 {
margin: 0;
text-align: center;
color: #fff;
font-size: 22px;
font-size: 2.2rem;
}
.feature img {
width: 100%;
}
.feature .col {
display: table;
table-layout: fixed;
}
.feature .col:not(:last-child) {
margin-bottom: 0;
}
.feature .col:nth-child(1) {
background: #49afe6;
}
.feature .col:nth-child(2) {
background: #8ed95d;
}
.feature .col:nth-child(3) {
background: #f6aa48;
}
.feature .col:nth-child(4) {
background: #f98282;
}
.feature .col .textbox {
display: table-cell;
width: 70%;
padding: 1em 3%;
vertical-align: middle;
}
.feature .col figure {
display: table-cell;
width: 30%;
vertical-align: middle;
}
.feature .col figure:first-child img {
text-align: left;
}
.feature .col figure:last-child img {
text-align: right;
}
@media (min-width: 768px) {
.feature h3 {
margin: 10px 0 15px;
font-size: 26px;
font-size: 2.6rem;
}
.feature .col {
display: block;
table-layout: auto;
}
.feature .col .textbox {
display: block;
width: auto;
height: 250px;
padding: 10px;
font-size: 13px;
font-size: 1.3rem;
}
.feature .col figure {
display: inline;
width: auto;
vertical-align: middle;
}
}
.grid {
display: block;
margin: 0;
}
.grid.row,
.grid .row,
.grid.col,
.grid .col {
margin: 0;
}
.has-child-grid .grid {
display: -moz-flex;
display: flex;
-moz-justify-content: center;
justify-content: center;
-moz-align-items: stretch;
align-items: stretch;
}
.has-child-grid .grid .col {
display: -moz-flex;
display: flex;
-moz-flex-direction: column;
flex-direction: column;
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.has-child-grid .grid .col.span_12 {
padding: 20px 0;
}
.grid .grid-arrow {
position: relative;
overflow: hidden;
}
.grid .grid-arrow:after {
content: "";
display: block;
position: absolute;
right: -15px;
bottom: -15px;
width: 30px;
height: 30px;
background-color: #fff;
transform: rotate(45deg);
transition: 0.3s;
}
.grid p {
margin: 0;
padding: 0.2em 0;
}
.grid a {
color: #fff;
text-decoration: none;
transition: 0.3s;
}
.grid a > [style^=background-image],
.grid a img {
transition: 0.3s;
}
.grid a:hover > [style^=background-image],
.grid a:hover img {
opacity: 0.6;
}
.grid .grid-bg1 {
background-color: #e74c3c;
}
.grid .grid-bg1:hover {
background-color: #eb6d60;
}
.grid .grid-bg1:hover .grid-arrow:after {
background-color: #df2e1b;
}
.grid .grid-bg2 {
background-color: #3498db;
}
.grid .grid-bg2:hover {
background-color: #57aae1;
}
.grid .grid-bg2:hover .grid-arrow:after {
background-color: #2383c4;
}
.grid .grid-bg3 {
background-color: #f1c40f;
}
.grid .grid-bg3:hover {
background-color: #f3cd36;
}
.grid .grid-bg3:hover .grid-arrow:after {
background-color: #cba50c;
}
.grid .grid-bg4 {
background-color: #1abc9c;
}
.grid .grid-bg4:hover {
background-color: #1fe0ba;
}
.grid .grid-bg4:hover .grid-arrow:after {
background-color: #15987e;
}
.grid .grid-bg5 {
background-color: #9b59b6;
}
.grid .grid-bg5:hover {
background-color: #ac75c2;
}
.grid .grid-bg5:hover .grid-arrow:after {
background-color: #8646a0;
}
.grid .grid-bg6 {
background-color: #34495e;
}
.grid .grid-bg6:hover {
background-color: #435d78;
}
.grid .grid-bg6:hover .grid-arrow:after {
background-color: #253544;
}
.grid .grid-bg7 {
background-color: #2ecc71;
}
.grid .grid-bg7:hover {
background-color: #4cd787;
}
.grid .grid-bg7:hover .grid-arrow:after {
background-color: #26ab5f;
}
.ie .grid .grid-arrow:after {
display: none;
}
@media (min-width: 768px) {
.grid {
display: -moz-flex;
display: flex;
-moz-justify-content: center;
justify-content: center;
-moz-align-items: stretch;
align-items: stretch;
}
.grid .col {
display: -moz-flex;
display: flex;
-moz-flex-direction: column;
flex-direction: column;
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.grid .col.span_12 {
padding: 0;
}
.grid .col.has-child-grid > * {
-moz-flex-grow: 1;
flex-grow: 1;
}
.grid p {
margin: 0;
padding: 0.2em 0;
}
}
.guide figure {
margin-bottom: 1em;
}
.guide figure img {
width: auto;
max-width: 100%;
}
.guide .message .contents_link {
text-align: center;
}
@media (min-width: 768px) {
.guide {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
margin-top: -1em;
}
.guide figure {
flex: 1;
margin-bottom: 0;
min-width: 0;
}
.guide .message {
flex: 3;
padding-left: 2%;
padding-bottom: 45px;
}
.guide .message.text-only {
padding-bottom: 0;
}
.guide .message h2 {
margin-bottom: 1em;
}
.guide .message .contents_link {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
}
.guide.reverse {
flex-direction: row-reverse;
}
.guide.reverse .message {
padding-left: 0;
padding-right: 2%;
}
.ie .guide {
display: table;
}
.ie .guide figure {
display: table-cell;
width: 23.5%;
vertical-align: middle;
}
.ie .guide .message {
display: table-cell;
width: 74.5%;
padding-left: 2%;
vertical-align: middle;
}
.ie .guide.reverse .message {
padding-left: 2%;
padding-right: 0;
}
}
/* お問い合わせフォーム(form liên lạc) */
.inquiry fieldset {
margin: 0;
padding: 20px 10px;
border: 0;
background: #f4f1e9;
}
.inquiry fieldset .row {
margin: 0;
}
.inquiry dl {
margin: 0;
padding: 0;
}
.inquiry dt {
font-weight: normal;
}
.inquiry dt.col:not(:last-child) {
margin-bottom: 1em;
}
.inquiry dd {
margin: 0;
padding: 0;
}
.inquiry dd:last-child {
padding-bottom: 0;
}
.inquiry dd .confirm {
padding: 0 0 1em 1em;
border-bottom: 1px dashed #ccc;
}
.inquiry input[type=text],
.inquiry input[type=url],
.inquiry input[type=email],
.inquiry input[type=tel],
.inquiry input[type=date],
.inquiry input[type=number],
.inquiry select,
.inquiry textarea {
width: 100%;
padding: 5px;
color: #000;
font-size: 16px;
font-size: 1.6rem;
}
.inquiry input[type=number] {
width: 65px;
text-align: center;
}
.inquiry input[type=file] {
width: 100%;
box-sizing: border-box;
}
.inquiry input.p-postal-code {
width: 100px;
}
.inquiry input.p-region {
width: 100px;
}
.inquiry input.p-locality {
width: 150px;
}
.inquiry input.p-street-address {
width: 100%;
}
.inquiry input.p-extended-address {
width: 100%;
}
.inquiry .submit {
display: block;
overflow: hidden;
margin: 1em auto;
text-align: center;
}
.inquiry .submit .button,
.inquiry .submit .wpcf7-submit,
.inquiry .submit .wpcf7-submit {
display: block;
margin: 0 auto 10px;
padding: 1em 1em;
border-radius: 0;
max-width: 280px;
width: 100%;
text-align: center;
text-decoration: none;
transition: 0.3s;
border: 1px solid #a20000;
color: #fff;
background: #a20000;
}
.inquiry .submit .button:hover,
.inquiry .submit .wpcf7-submit:hover,
.inquiry .submit .wpcf7-submit:hover {
border: 1px solid #730000;
color: #fff;
background: #730000;
}
.inquiry .submit .wpcf7-spinner {
display: block;
margin: 0 auto;
}
.inquiry .required {
color: #f00;
}
.inquiry label {
display: block;
margin-bottom: 0.5em;
}
@media (min-width: 768px) {
.inquiry {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
.inquiry fieldset {
margin: 0;
padding: 60px;
border: 0;
}
.inquiry dt {
clear: both;
padding: 6px 0;
}
.inquiry dd {
padding-bottom: 1.5em;
}
.inquiry dd .confirm {
min-height: 1.5em;
padding: 6px 0 0;
border: 0;
line-height: 1.4;
}
.inquiry input[type=text],
.inquiry input[type=url],
.inquiry input[type=email],
.inquiry input[type=tel],
.inquiry input[type=date],
.inquiry input[type=text],
.inquiry select {
width: 60%;
}
.inquiry input[type=number] {
width: 65px;
}
.inquiry input.p-postal-code {
width: 100px;
}
.inquiry input.p-region {
width: 100px;
}
.inquiry input.p-locality {
width: 150px;
}
.inquiry input.p-street-address {
width: 100%;
}
.inquiry input.p-extended-address {
width: 100%;
}
.inquiry textarea {
width: 100%;
}
.inquiry .submit {
margin: 30px 0 0;
}
.inquiry label {
display: inline-block;
margin-top: 6px;
margin-bottom: 0;
margin-right: 0.8em;
}
.gutters .inquiry dt.col {
margin-left: 0;
}
}
.movie {
position: relative;
overflow: hidden;
height: 0;
padding-top: 56.25%;
}
.movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.movie.ar16to9 {
padding-top: 56.25%;
}
.movie.ar4to3 {
padding-top: 75%;
}
.news .news_bg {
background: #f4f1e9;
}
.news.typeC .news_bg {
padding: 1em;
}
.news h2 {
color: #1b1b1b;
}
.news dl {
margin: 0;
overflow-y: auto;
max-height: 300px;
}
.news dl dt {
margin: 0.5em 0 0;
padding: 0 1em;
font-weight: normal;
}
.news dl dd {
margin: 0.5em 0;
padding: 0 1em 0.5em;
border-bottom: 1px solid #ccc;
}
.news dl dd a {
text-decoration: none;
}
.news dl dd a:hover {
text-decoration: underline;
}
@media (min-width: 768px) {
.news.typeA > div {
display: table;
width: 100%;
margin: 0 auto;
}
.news.typeA > div .heading {
display: table-cell;
width: 23.5%;
vertical-align: middle;
}
.news.typeA h2 {
margin: 0;
padding: 0;
}
.news.typeA h2:after {
display: none;
}
.news.typeA .content {
display: table-cell;
overflow: hidden;
width: 74.5%;
padding-left: 2%;
vertical-align: middle;
}
.news.typeC .news_bg {
height: 540px;
padding: 20px;
}
.news.typeC dl {
max-height: 500px;
}
.news dl {
overflow-y: auto;
max-height: 200px;
}
.news dl dt {
width: 100px;
clear: left;
float: left;
margin: 0;
padding: 1em 0 1em 1em;
}
.news dl dd {
margin: 0;
padding: 1em 0 1em 0;
}
.news dl dt + dd {
padding-left: 120px;
}
}
.parallax {
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.parallax.ios {
background-attachment: scroll;
}
.parallax .parallax_contents {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.parallax .parallax_contents h1,
.parallax .parallax_contents .h1 {
margin: 0;
padding: 1em 0;
}
.qa h3.question {
font-size: 16px;
font-size: 1.6rem;
border: none;
font-weight: bold;
}
.qa .question {
position: relative;
margin-bottom: 1em;
padding: 1em 50px 1em 50px;
background: #fff;
font-weight: normal;
}
.qa .question:after {
content: "";
display: block;
width: 21px;
height: 21px;
position: absolute;
right: 1em;
left: auto;
top: 50%;
bottom: auto;
margin-top: -12px;
background: url(/wp-content/uploads/info_img001.png) center center no-repeat;
background-size: contain;
transition: 0.5s;
border: none;
}
.qa .question:before {
content: "";
display: block;
width: 18px;
height: 23px;
background: url(/wp-content/uploads/q.png) center center no-repeat;
background-size: contain;
position: absolute;
left: 20px;
}
.qa .question.open:after {
background: url(/wp-content/uploads/info_img002.png) center center no-repeat;
background-size: contain;
}
.qa .answer {
padding: 0 0 0 50px;
position: relative;
display: none;
}
.qa .answer:after {
content: "";
display: block;
width: 18px;
height: 23px;
background: url(/wp-content/uploads/a.png) center center no-repeat;
background-size: contain;
position: absolute;
left: 20px;
top: 0;
}
.qa .answer:not(:last-child) {
margin-bottom: 2em;
}
.qa.qa-open .question {
padding-right: 1em;
cursor: default;
}
.qa.qa-open .question:after {
display: none;
}
.qa.qa-open .answer {
display: block;
}
.shopinfo figure {
max-width: 80%;
margin: 0 auto;
}
.shopinfo address {
text-align: center;
font-size: 20px;
font-size: 2rem;
font-style: normal;
}
.shopinfo dl {
margin: 2em 0;
line-height: 1.4;
}
.shopinfo dl:first-child {
margin-top: 0;
}
.shopinfo dl dt {
margin: 0 0 0.2em 0;
font-weight: normal;
}
.shopinfo dl dt:before {
content: "";
display: inline-block;
width: 8px;
height: 3px;
margin-right: 0.3em;
vertical-align: middle;
background: #a20000;
}
.shopinfo dl dd {
margin: 0 0 0.5em 1em;
padding: 0;
}
.shopinfo .map_container {
position: relative;
width: 100%;
height: 0;
padding-top: 90%;
}
.shopinfo .map_container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.shopinfo .map_container + p {
margin-top: 2em;
}
.map_wide {
position: relative;
width: 100%;
height: 0;
padding-top: 90%;
}
.map_wide iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body.scroll .googlemap {
pointer-events: none;
}
@media (min-width: 768px) {
.shopinfo figure {
max-width: 100%;
}
.shopinfo address {
margin-bottom: 15px;
text-align: left;
font-size: 26px;
font-size: 2.6rem;
line-height: 1;
}
.shopinfo dl.dl-horizontal {
margin: 10px 0;
}
.shopinfo dl.dl-horizontal dd {
margin-bottom: 0.3em;
}
.shopinfo .map_container {
padding-top: 70%;
}
.shopinfo .span_12 .map_container,
.shopinfo .span12 .map_container {
padding-top: 50%;
}
.map_wide {
padding-top: 420px;
}
}
.sns_icons {
display: table;
margin: 0;
padding: 0;
list-style: none;
font-size: 0px;
font-size: 0rem;
margin: auto;
}
.sns_icons > li {
display: inline;
padding-left: 0;
padding-right: 0;
white-space: nowrap;
font-size: 14px;
font-size: 1.4rem;
}
.sns_icons li {
display: inline-block;
}
.sns_icons li:not(:last-child) {
margin-right: 10px;
}
.sns_icons a {
display: block;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
width: 34px;
height: 34px;
background-repeat: no-repeat;
background-size: contain;
}
.sns_icons a.icon_facebook {
background-image: url(/wp-content/uploads/icon_facebook.png);
}
.sns_icons a.icon_twitter {
background-image: url(/wp-content/uploads/icon_twitter.png);
}
.sns_icons a.icon_line {
background-image: url(/wp-content/uploads/icon_line.png);
}
.sns_icons a.icon_google {
background-image: url(/wp-content/uploads/icon_google.png);
}
.sns_icons a.icon_instagram {
background-image: url(/wp-content/uploads/icon_instagram.png);
}
footer .sns_icons {
margin-top: 1.5em;
}
@media (min-width: 768px) {
.sns_icons {
margin: 0;
}
.sns_icons.center {
margin: auto;
}
.sns_icons li:not(:last-child) {
margin-right: 20px;
}
.sns_icons a {
width: 68px;
height: 68px;
}
footer .sns_icons {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.sp_image_cols:not(.sp_col2):not(.sp_col3) .col:not(:last-child) {
margin-bottom: 1em;
}
.sp_image_cols:not(.sp_col2):not(.sp_col3) .col figure {
overflow: hidden;
}
.sp_image_cols:not(.sp_col2):not(.sp_col3) .col figure img {
float: left;
width: 32%;
margin-bottom: 10px;
vertical-align: middle;
}
.sp_image_cols:not(.sp_col2):not(.sp_col3) .col figure figcaption {
float: right;
width: 66%;
margin-top: 0;
vertical-align: middle;
}
.sp_image_cols.sp_col2 .col {
width: 49%;
}
.sp_image_cols.sp_col2 .col:nth-child(odd) {
clear: both;
float: left;
}
.sp_image_cols.sp_col2 .col:nth-child(even) {
float: right;
}
.sp_image_cols.sp_col3 .col {
float: left;
width: 32%;
}
.sp_image_cols.sp_col3 .col:nth-child(3n+1) {
clear: both;
margin-right: 2%;
}
.sp_image_cols.sp_col3 .col:nth-child(3n) {
float: right;
}
.sp_image_left {
overflow: hidden;
}
.sp_image_left .col:first-child {
display: inline-block;
float: left;
width: 32%;
margin-right: 2%;
margin-bottom: 0.5em;
}
.sp_image_left .col:last-child {
float: none;
}
.sp_image_right {
overflow: hidden;
}
.sp_image_right .col:first-child {
display: inline-block;
float: right;
width: 32%;
margin-left: 2%;
margin-bottom: 0.5em;
}
.sp_image_right .col:last-child {
float: none;
}
}
.step .row,
.step-h .col {
position: relative;
padding: 1em;
background: #f4f1e9;
}
.step .row:not(:last-child):after,
.step-h .col:not(:last-child):after,
.step-h .row.continue .col:last-child:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 0;
background: url("/wp-content/uploads/arrow_down.svg") center center no-repeat;
background-size: 45px auto;
}
@media (max-width: 767px) {
.step .row:not(:last-child),
.step-h .col:not(:last-child),
.step-h .row.continue .col:last-child {
margin-bottom: 18%;
}
.step .row:not(:last-child):after,
.step-h .col:not(:last-child):after,
.step-h .row.continue .col:last-child:after {
padding-top: 20%;
}
.step-h .row.continue {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.step .row {
display: table;
table-layout: fixed;
width: 100%;
padding: 2em;
}
.step .row .col {
float: none;
display: table-cell;
vertical-align: middle;
}
.step .row .col:not(:first-child) {
padding-left: 2%;
}
.step .row:not(:last-child) {
margin-bottom: 80px;
}
.step .row:not(:last-child):after {
top: 100%;
padding-top: 60px;
margin: 10px 0;
}
.step h3:last-child {
margin-bottom: 0;
font-size: 16px;
font-size: 1.6rem;
border: none;
}
.step h3:last-child:after,
.step h3:last-child:before {
content: none;
}
.step .row:not(:last-child):after,
.step-h .col:not(:last-child):after,
.step-h .row.continue .col:last-child:after {
background-size: auto 100%;
}
.step-h.gutters .col {
margin: 0;
}
.step-h .col {
padding: 0;
background: none;
}
.step-h .col:not(:last-child) {
position: relative;
margin-right: 4%;
}
.step-h .col:not(:last-child):after {
display: none;
}
.step-h .col:not(:last-child) figure span {
display: inline-block;
position: relative;
width: 100%;
}
.step-h .col:not(:last-child) figure span:after {
content: "";
display: block;
width: 28px;
height: 100%;
position: absolute;
right: -30px;
top: 0;
background: url("/wp-content/uploads/arrow_right.svg") center center no-repeat;
background-size: contain;
}
.step-h .span_3 {
width: 22%;
}
.step-h .span_4 {
width: 30.66666666%;
}
.step-h .span_6 {
width: 48%;
}
}
@media (min-width: 1024px) {
.step-h .col:not(:last-child) figure span:after {
right: -34px;
}
}
table {
margin: 0 auto;
}
table td,
table th {
padding: 0.7em 1em;
}
@media (max-width: 767px) {
table td,
table th {
padding: 0.7em 0.3em;
}
}
table th {
text-align: center;
font-weight: normal;
}
.table-default {
width: 100%;
}
.table-default caption {
margin-bottom: 0.5em;
text-align: center;
font-size: 20px;
font-size: 2rem;
}
.table-default td,
.table-default th {
border: 1px solid #ccc;
}
.table-default th {
background: #2b461d;
color: #fff;
}
.table-default td {
background: transparent;
}
.table-menu {
width: 100%;
}
.table-menu caption {
margin-bottom: 0.5em;
text-align: center;
font-size: 20px;
font-size: 2rem;
}
.table-menu td,
.table-menu th {
padding: 0.7em 1em;
border-top: 1px solid #98b249;
border-bottom: 1px solid #98b249;
}
@media (max-width: 767px) {
.table-menu td,
.table-menu th {
padding: 0.7em 0.3em;
}
}
.table-menu tbody th {
text-align: left;
}
.table-menu td:last-child {
text-align: right;
white-space: nowrap;
}
.table-schedule {
width: 100%;
}
.table-schedule caption {
margin-bottom: 0.5em;
text-align: center;
font-size: 20px;
font-size: 2rem;
}
.table-schedule td,
.table-schedule th {
border: 1px solid #98b249;
padding: 0.7em 1em;
text-align: center;
}
@media (max-width: 767px) {
.table-schedule td,
.table-schedule th {
padding: 0.7em 0.3em;
}
}
.table-schedule thead th {
background: rgba(152, 178, 73, 0.7);
color: #fff;
}
.table-schedule tbody th {
background: transparent;
}
.table-schedule td {
background: transparent;
}
.table-summary {
border-top: 1px solid #98b249;
width: 100%;
}
.table-summary caption {
margin-bottom: 0.5em;
text-align: center;
font-size: 20px;
font-size: 2rem;
}
.table-summary td,
.table-summary th {
padding: 1em;
border-bottom: 1px solid #98b249;
}
.table-summary th {
text-align: left;
font-weight: normal;
width: 20%;
}
@media (max-width: 767px) {
.responsive-stack {
display: block;
}
.responsive-stack thead {
display: none;
}
.responsive-stack tbody,
.responsive-stack td,
.responsive-stack th,
.responsive-stack tr {
display: block;
}
.responsive-stack td,
.responsive-stack th {
width: 100% !important;
}
.responsive-stack tr:not(:last-child) td,
.responsive-stack tr:not(:last-child) th {
border-bottom: 0;
}
.responsive-stack tr:last-child :not(:last-child) {
border-bottom: 0;
}
}
@media (max-width: 767px) {
.responsive-list {
display: block;
}
.responsive-list thead {
display: none;
}
.responsive-list tbody,
.responsive-list td,
.responsive-list th,
.responsive-list tr {
display: block;
}
.responsive-list tr:not(:last-child) td {
border-bottom: 0;
}
.responsive-list td {
position: relative;
padding-left: 40%;
white-space: normal;
text-align: left;
}
.responsive-list td:first-child {
border-bottom: 0;
}
.responsive-list td:last-child {
border-top: 0;
}
.responsive-list td:not(:first-child):not(:last-child) {
border-top: 0;
border-bottom: 0;
}
.responsive-list td:before {
content: attr(data-title);
position: absolute;
top: 6px;
left: 6px;
width: 35%;
padding-right: 10px;
white-space: normal;
text-align: left;
font-weight: bold;
}
}
@media (max-width: 767px) {
.responsive-scroll-container {
display: block;
width: 100%;
min-height: 0.01%;
overflow-x: scroll;
}
.responsive-scroll-container .responsive-scroll-inner {
width: 798px;
padding: 0 15px 15px;
}
.responsive-scroll-container table {
width: 768px;
margin: 0;
}
}
@media (max-width: 767px) {
table.combine tbody tr:last-child td,
table.combine tbody tr:last-child th {
border-bottom: 0;
}
}
table.table-default.typeA tr td,
table.table-default.typeA tr th {
border: 0;
}
table.table-default.typeA tr:nth-child(odd) th {
background: #a20000;
}
table.table-default.typeA tr:nth-child(odd) td {
background: #f4f1e9;
}
table.table-default.typeA tr:nth-child(even) th {
background: #ff7d13;
}
table.table-default.typeA tr:nth-child(even) td {
background: white;
}
table.table-default.typeB {
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
}
table.table-default.typeB tbody td,
table.table-default.typeB tbody th {
background: transparent;
color: #1b1b1b;
border: 0;
border-bottom: 1px dashed #a20000;
}
table.table-default.typeB tbody tr {
position: relative;
}
table.table-default.typeB tbody td {
transform: translateX(2px);
}
table.table-default.typeC th {
background: rgba(162, 0, 0, 0.7);
color: #fff;
}
table.table-default.typeC td,
table.table-default.typeC th {
border: 0;
}
table.table-default.typeC td:not(:last-child),
table.table-default.typeC th:not(:last-child) {
border-bottom: 2px #fff solid;
}
table.table-default.typeC tr {
position: relative;
}
table.table-default.typeC td {
transform: translateX(2px);
}
.highlight table.table-default.typeC td,
.highlight table.table-default.typeC th {
border: 0;
}
.highlight table.table-default.typeC td:not(:last-child),
.highlight table.table-default.typeC th:not(:last-child) {
border-bottom: 2px #f4f1e9 solid;
}
._table_line .news dl {
border-top: 1px dotted #a6a6a6;
max-height: none;
}
._table_line .news dl dt {
width: 230px;
padding-left: 20px;
}
._table_line .news dl dt + dd {
border-bottom: 1px dotted #a6a6a6;
padding-left: 230px;
}
.wide_image img {
width: 100%;
vertical-align: top;
}
@media (min-width: 768px) {
.wide_image div {
margin: 0 auto;
}
}
h1:not(.title) {
text-align: center;
position: relative;
font-size: 36px;
font-size: 3.6rem;
font-weight: bold;
padding: 1em 0;
color: #1b1b1b;
background: #f4f1e9;
margin: 0 0 0.5em;
}
h1:not(.title) a {
text-decoration: none;
}
h1:not(.title) a:hover {
text-decoration: underline;
}
h1:not(.title) span {
display: block;
font-size: 22px;
font-size: 2.2rem;
}
@media (max-width: 767px) {
h1:not(.title) {
font-size: 22px;
font-size: 2.2rem;
}
h1:not(.title):after {
height: 2px;
}
h1:not(.title) span {
font-size: 14px;
font-size: 1.4rem;
}
}
h2 {
display: block;
margin: 0 auto 0.8em;
position: relative;
text-align: center;
border: 0;
font-weight: 700;
padding: 0 0 0.5em;
font-size: 24px;
font-size: 2.4rem;
color: #1b1b1b;
}
h2 a {
text-decoration: none;
color: #1b1b1b;
}
h2 a:hover {
text-decoration: underline;
color: #1b1b1b;
}
h2:after, h2:before {
content: "";
display: block;
position: absolute;
bottom: 0;
height: 2px;
width: 30px;
}
h2:before {
left: 50%;
background: #9b9b9b;
}
h2:after {
right: 50%;
background: #1b1b1b;
}
h2.design_3 {
padding: 0 0 35px;
font-size: 36px;
font-size: 3.6rem;
z-index: 0;
}
h2.design_3:before {
display: none;
}
h2.design_3:after {
content: "";
display: block;
background: url(/wp-content/uploads/h2_01.png) no-repeat center/contain;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 72px;
width: 297px;
z-index: -1;
}
h2.design_3 span {
color: #a20000;
}
@media (max-width: 767px) {
h2 {
font-size: 18px;
font-size: 1.8rem;
}
h2:after, h2:before {
width: 20px;
}
h2.design_3 {
font-size: 22px;
font-size: 2.2rem;
padding-bottom: 25px;
}
h2.design_3:after {
width: 200px;
height: 49px;
}
}
h3 {
margin: 0 0 0.5em;
padding-bottom: 0.7em;
color: #1b1b1b;
font-weight: bold;
font-size: 20px;
font-size: 2rem;
position: relative;
}
h3 a {
text-decoration: none;
}
h3 a:hover {
text-decoration: underline;
}
h3:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 40px;
height: 2px;
background: #1b1b1b;
}
@media (max-width: 767px) {
h3:after {
width: 20px;
}
}
@media (max-width: 767px) {
h3 {
font-size: 16px;
font-size: 1.6rem;
}
}
h4 {
margin: 0 0 0.5em;
padding-left: 1em;
font-size: 16px;
font-size: 1.6rem;
position: relative;
color: #1b1b1b;
font-weight: bold;
}
h4 a {
text-decoration: none;
}
h4 a:hover {
text-decoration: underline;
}
h4:after {
content: "";
position: absolute;
bottom: 0;
top: 0;
left: 0;
display: block;
width: 6px;
height: 2px;
margin: auto;
background: #1b1b1b;
}
@media (max-width: 767px) {
h4 {
font-size: 14px;
font-size: 1.4rem;
}
}
.widget_wrap .widget_header {
font-size: 16px;
font-size: 1.6rem;
color: #1b1b1b;
padding: 0.7em 0 0.7em 1em;
background: rgba(162, 0, 0, 0.05);
}
.widget_wrap .widget_header a {
text-decoration: none;
}
.widget_wrap .widget_header a:hover {
text-decoration: underline;
}
@media (max-width: 767px) {
.widget_wrap .widget_header {
font-size: 14px;
font-size: 1.4rem;
}
}
.main_visual {
position: relative;
table-layout: fixed;
margin-bottom: 0;
}
.main_visual .main_visual_slick,
.main_visual .slick-track {
margin: 0;
padding: 0;
list-style: none;
height: 100% !important;
}
.main_visual .slick-track {
position: absolute;
left: 0;
right: 0;
margin: auto;
}
.main_visual .slick-list {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
height: 100%;
}
.main_visual .main_visual_slick {
position: relative;
margin: 0 auto;
}
.main_visual .main_visual_slick li:not([id^=slick-slide]) {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
overflow: hidden;
}
.main_visual .main_visual_slick li:not([id^=slick-slide]):not(.slick-active) {
transition-delay: 0.5s !important;
}
.main_visual .main_visual_slick li:not([id^=slick-slide]) img {
position: absolute;
left: -300%;
right: -300%;
margin: auto;
top: 0;
height: 100%;
width: auto;
}
.main_visual .main_visual_copy {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
margin: 0;
padding: 0;
list-style: none;
width: 1200px;
max-width: 100%;
margin: 0 auto;
z-index: 53;
/* transform: translate(0) */
}
.main_visual .main_visual_copy > li {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.main_visual .main_visual_copy > li img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 99.91667%;
max-width: 1199px;
max-height: 700px;
z-index: 52;
/* opacity: 0; */
transition: 1s;
}
/* .main_visual .main_visual_copy > li.active img {
opacity: 1;
} */
@media (max-width: 1199px) {
.main_visual .main_visual_copy > li img {
width: 79.93333%;
}
}
.main_visual .main_visual_arrow {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 1200px;
max-width: 100%;
margin: 0 auto;
z-index: 53;
}
.main_visual .main_visual_arrow .slick-prev {
left: 25px;
}
.main_visual .main_visual_arrow .slick-next {
right: 25px;
}
.main_visual .main_visual_arrow .slick-prev:before,
.main_visual .main_visual_arrow .slick-next:before {
font-size: 30px;
font-size: 3rem;
}
@media (max-width: 750px) {
.main_visual .main_visual_arrow .slick-prev {
left: 10px;
}
.main_visual .main_visual_arrow .slick-next {
right: 10px;
}
.main_visual .main_visual_arrow .slick-prev:before,
.main_visual .main_visual_arrow .slick-next:before {
font-size: 20px;
font-size: 2rem;
}
}
@media (max-width: 750px) {
.main_visual .main_visual_copy > li img {
width: 80%;
height: 95%;
}
}
.main_visual .main_visual_slick {
padding-top: 42% !important;
}
@media (min-width: 1200px) {
/* .main_visual .main_visual_slick {
padding-top: 0 !important;
height: 780px !important;
} */
.main_visual .main_visual_slick {
padding-top: 42% !important;
}
}
@media (min-width: 1920px) {
/* .main_visual .main_visual_slick {
padding-top: 40.625% !important;
} */
.main_visual .main_visual_slick {
padding-top: 42% !important;
}
}
@media (max-width: 750px) {
/* .main_visual .main_visual_slick {
padding-top: 130.46667% !important;
} */
.main_visual .main_visual_slick {
padding-top: 163.46667% !important;
}
}
.slick-dots li button {
margin: 0 auto;
background: #ccc;
}
.slick-dots li.slick-active button {
background: #a20000;
}
.slide_scroll {
position: absolute;
bottom: 1%;
left: 50%;
transform: translateX(-50%);
padding-bottom: 45px;
background: url(/wp-content/uploads/icon_scroll.png) center bottom no-repeat;
z-index: 55;
color: #fff;
text-decoration: none;
}
.slide_scroll:hover {
color: #fff;
}
.main_visual .main_visual_slick li:not(:first-child) img {
opacity: 0;
transition: opacity 1000ms ease 0s;
}
.main_visual .main_visual_slick.slick-initialized li:not(:first-child) img {
opacity: 1;
}
.mod_23_slider .sp-mask {
padding-bottom: 50px;
}
.mod_23_slider .sp-slide {
padding-bottom: 50px;
margin-bottom: 50px;
}
.mod_23_slider .sp-button {
margin-top: 30px;
border: 0;
background: #fff;
}
.mod_23_slider .sp-button.sp-selected-button {
background: #28421b;
}
@media (max-width: 767px) {
.mod_23_slider .sp-button {
display: none;
}
}
.mod_23_slider .mod_23_caption {
transition: 0.5s;
-webkit-transition-duration: 0.5s;
padding: 1em;
position: relative;
color: #fff;
}
.mod_23_slider .mod_23_caption .mod_23_full-link {
text-decoration: none;
color: #fff;
}
.mod_23_slider .mod_23_caption .mod_23_full-link:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
}
.mod_23_slider .mod_23_caption .mod_23_full-link:before {
content: "";
background: #ced4d2;
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
transition: 0.25s;
}
.mod_23_slider .mod_23_caption:before {
content: "";
background: #a20000;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -2;
}
.mod_23_slider .mod_23_caption .button,
.mod_23_slider .mod_23_caption .inquiry .wpcf7-submit,
.inquiry .mod_23_slider .mod_23_caption .wpcf7-submit {
background: #fff;
color: #a20000;
border-color: #fff;
}
.mod_23_slider .mod_23_caption:hover .mod_23_full-link {
transition: 0.5s;
color: #a20000;
}
.mod_23_slider .mod_23_caption:hover .mod_23_full-link:before {
transition: 0.5s;
opacity: 1;
}
.mod_23_slider .mod_23_caption:hover .button,
.mod_23_slider .mod_23_caption:hover .inquiry .wpcf7-submit,
.inquiry .mod_23_slider .mod_23_caption:hover .wpcf7-submit {
background: #a20000;
color: #ced4d2;
border-color: #a20000;
}
.mod_23_slider.typeB .mod_23_caption {
background: #a20000;
}
.mod_23_slider.typeB .mod_23_caption:hover .button,
.mod_23_slider.typeB .mod_23_caption:hover .inquiry .wpcf7-submit,
.inquiry .mod_23_slider.typeB .mod_23_caption:hover .wpcf7-submit {
background: #a20000;
color: #fff;
border-color: #fff;
}
.mod_23_slider.typeC .mod_23_caption {
width: 90%;
margin: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
margin-bottom: -50%;
}
.epress_search {
padding: 3px;
width: 100%;
z-index: 1;
}
.epress_search form {
overflow: hidden;
border: 4px solid #a20000;
display: -moz-flex;
display: flex;
-moz-justify-content: space-between;
justify-content: space-between;
-moz-align-items: stretch;
align-items: stretch;
}
.epress_search input[type=text],
.epress_search input[type=submit] {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.epress_search input[type=text] {
color: #000;
margin: 0 0.3em;
width: 70%;
}
.epress_search input[type=submit] {
cursor: pointer;
padding: 0.6em 1em;
color: #fff;
width: 30%;
background: rgba(162, 0, 0, 0.7);
}
@media (min-width: 1024px) {
.epress_search input[type=submit] {
min-width: 65px;
}
}
@media (max-width: 1023px) {
header .global_nav > ul > li.gnav_search {
position: static;
}
header .global_nav > ul > li.gnav_search > a {
display: none !important;
}
header .global_nav > ul > li.gnav_search .epress_search {
display: block !important;
position: static !important;
width: 100% !important;
background: rgba(162, 0, 0, 0.9);
}
header .global_nav > ul > li.gnav_search .epress_search input[type=text],
header .global_nav > ul > li.gnav_search .epress_search input[type=submit] {
line-height: 1;
}
}
/*
* ヘッダーナビのデザイン(design của header navi)
*/
.epress_search form {
background: #fff;
}
/*
* ヘッダの検索表示タイプ(type hiển thị tìm kiếm của header)
*/
header .global_nav > ul > li.gnav_search {
position: relative;
}
header .global_nav > ul > li.gnav_search a {
color: transparent !important;
display: inline-block;
vertical-align: middle;
background: url("/wp-content/uploads/search.png") no-repeat center center;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
width: 30px;
height: 30px;
}
header .global_nav > ul > li.gnav_search a:hover {
border-bottom: 0;
}
header .global_nav > ul > li.gnav_search .epress_search {
display: none;
position: absolute;
top: 100%;
right: 0;
}
@media (min-width: 1024px) {
header .global_nav > ul > li.gnav_search .epress_search {
width: 230px;
}
header .global_nav > ul > li.gnav_search .epress_search input[type=submit] {
font-size: 12px;
font-size: 1.2rem;
padding: 0.5em;
}
}
.slide {
width: 320px;
margin: 0 10px;
}
.slide img {
width: 320px;
max-width: none;
height: auto;
}
.slide .slider_content_box {
padding-top: 30px;
}
.slide .slider_content_box .slider_content {
position: relative;
}
.slide .slider_content_box .content_title {
color: #1b1b1b;
line-height: 1.5;
margin: 0 0 0 10px;
padding: 10px 0px;
padding-left: 35px;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
position: relative;
}
.slide .slider_content_box .content_title:after {
content: "";
width: 26px;
height: 24px;
background-image: url(/wp-content/uploads/house.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 10px;
z-index: -1;
}
.slide .slider_content_box .content_title span {
display: block;
}
.slide .slider_content_box .slider_contents_btn {
margin-top: 0 !important;
bottom: 0;
width: 320px;
overflow: visible;
text-align: center;
}
.slide .slider_content_box .slider_contents_btn a {
max-width: none;
color: #fff;
transition: 0.5s;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
padding: 0.5em;
}
.slide .slider_content_box .slider_contents_btn a:after {
border-color: #fff;
}
.slide .slider_content_box .slider_contents_btn a:hover {
background-color: #fff;
color: #37474f;
}
.bnr_slider .slick-next,
.bnr_slider .slick-prev {
margin-top: 0 !important;
top: 60%;
transform: translateY(-50%) !important;
}
@media (max-width: 767px) {
.bnr_slider .slick-next,
.bnr_slider .slick-prev {
top: 65%;
}
}
.bnr_slider .slick-prev {
left: 0%;
z-index: 100;
width: 40px;
height: 160px;
background-color: #000;
}
@media (max-width: 1200px) {
.bnr_slider .slick-prev {
left: 0;
}
}
@media (max-width: 767px) {
.bnr_slider .slick-prev {
height: 60px !important;
}
}
.bnr_slider .slick-prev:before {
opacity: 1;
content: "";
display: block;
position: absolute;
top: 50%;
left: 45%;
margin: auto;
width: 7px;
height: 7px;
border-top: 3px solid #fff !important;
border-right: 3px solid #fff !important;
transform: translate(0, -50%) rotate(-135deg);
}
.bnr_slider .slick-next {
right: 0%;
width: 40px !important;
height: 160px !important;
background-color: #000;
}
@media (max-width: 1200px) {
.bnr_slider .slick-next {
right: 0;
}
}
@media (max-width: 767px) {
.bnr_slider .slick-next {
height: 60px !important;
}
}
.bnr_slider .slick-next:before {
opacity: 1;
content: "";
display: block;
position: absolute;
top: 50%;
left: 45%;
margin: auto;
width: 7px;
height: 7px;
border-top: 3px solid #fff !important;
border-right: 3px solid #fff !important;
transform: translate(0, -50%) rotate(45deg);
}
.slider_loop {
margin-bottom: 0;
padding: 30px 0;
background-color: #dfdfdf;
position: relative;
overflow: hidden;
}
@media (max-width: 767px) {
.slider_loop {
padding: 20px 0;
}
}
.slider_loop .slider_loop_inner {
position: relative;
left: 0;
top: 0;
margin: 0;
padding: 0;
list-style: none;
}
.slider_loop .slider_loop_inner li {
float: left;
}
.slider_loop .slider_loop_inner li img {
max-width: 97%;
}
.sec_blog {
padding: 4% 0;
margin-bottom: 0;
}
@media (max-width: 767px) {
.sec_blog {
padding: 10% 0;
}
}
.loopSlide {
margin-bottom: 0;
padding: 30px 0;
background-color: #dfdfdf;
position: relative;
display: flex;
width: 100vw;
overflow: hidden;
}
.loopSlide ul {
padding: 0;
width: 100vw;
display: flex;
flex-shrink: 0;
}
.loopSlide ul:first-child {
animation: slide1 60s -30s linear infinite;
}
.loopSlide ul:last-child {
animation: slide2 60s linear infinite;
}
.loopSlide ul li {
display: inline-block;
width: 100%;
min-width: 150px;
margin-right: 20px;
list-style: none;
text-align: center;
}
.loopSlide ul li img {
display: block;
width: 100%;
height: auto;
}
.loopSlide:hover ul {
animation-play-state: paused;
}
@keyframes slide1 {
0% {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}
@keyframes slide2 {
0% {
transform: translateX(0);
}
to {
transform: translateX(-200%);
}
}
.article_list {
padding: 0.5em;
position: relative;
overflow: hidden;
}
@media (min-width: 768px) {
.article_list {
padding: 1em;
}
}
.article_list:nth-child(even) {
color: #1b1b1b;
background: #f4f1e9;
}
.article_list:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
background: transparent;
transform: translate(-10px, -10px) rotate(45deg);
transition: 0.3s;
}
.article_list:hover:before {
background: #a20000;
}
.article_list .case_arrow {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
display: block;
position: relative;
height: 245px;
}
@media (max-width: 767px) {
.article_list .case_arrow {
height: 80px;
}
}
.article_list .case_arrow:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 0;
margin: auto;
width: 70px;
height: 70px;
border-top: 5px solid #a20000;
border-right: 5px solid #a20000;
transform: translate(0, -50%) rotate(45deg);
transform-origin: left top;
transition: 0.2s;
}
@media (max-width: 767px) {
.article_list .case_arrow:after {
left: 0;
bottom: 25%;
border-top: 5px solid #a20000;
border-right: 5px solid #a20000;
transform: translate(0, -50%) rotate(135deg);
transform-origin: center;
}
}
.article_list .span_12 {
margin: 2% 0;
}
.pagination > * {
display: inline-block;
padding: 0.5em;
border: 1px solid #ccc;
}
.pagination.page > *:not(:first-child) {
margin-left: 3px;
}
.pagination a {
text-decoration: none;
background: #f4f1e9;
transition: 0.3s;
}
.pagination a:hover {
background: #fff;
}
.article_single01 .article_single01_02 {
margin-top: 10px;
}
.article_single01 .article_single01_02 img {
opacity: 1;
transition: opacity 0.3s;
}
.article_single01 .article_single01_02 img:hover {
cursor: pointer;
opacity: 0.7;
}
.article_single01 .ofi {
background: #f4f1e9;
}
.article_single01 .more {
display: block;
text-align: center;
}
.article_single02 .article_single02_01 img {
opacity: 1;
transition: opacity 0.3s;
}
.article_single02 .article_single02_01 img:hover {
cursor: pointer;
opacity: 0.7;
}
.article_single02 .ofi {
background: #f4f1e9;
}
.article_single02 .more {
display: block;
text-align: center;
}
@media (min-width: 768px) {
.article_single03 .article_single03_02 .span_6 {
width: 45%;
margin-left: 10%;
}
.article_single03 .article_single03_02 .span_6:first-child {
margin-left: 0;
}
}
@media (min-width: 768px) {
.article_single03 .article_single03_02 .span_12 {
margin-left: 0;
margin-top: 20px;
}
}
.article_single03 .article_single03_02 img {
opacity: 1;
transition: opacity 0.3s;
}
.article_single03 .article_single03_02 img:hover {
cursor: pointer;
opacity: 0.7;
}
.article_single03 .case_arrow {
position: relative;
}
@media (max-width: 767px) {
.article_single03 .case_arrow {
margin-bottom: 10%;
}
}
.article_single03 .case_arrow:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 108%;
margin: auto;
width: 35px;
height: 35px;
border-top: 3px solid #a20000;
border-right: 3px solid #a20000;
transform: translate(0, -50%) rotate(45deg);
transform-origin: left top;
transition: 0.2s;
}
@media (max-width: 767px) {
.article_single03 .case_arrow:after {
left: 0;
right: 0;
top: 105%;
width: 20px;
height: 20px;
transform: translate(0, -50%) rotate(135deg);
transform-origin: center;
}
}
.article_single03 .ofi {
background: #f4f1e9;
}
.article_single03 .more {
display: block;
text-align: center;
}
.article_single04 ul {
margin: 0;
padding: 0;
list-style: none;
}
.article_single04 .article_single04_01_img1 .ofi {
padding-top: 75%;
}
.article_single04 .article_single04_01_img2 .ofi {
padding-top: 15%;
}
.article_single04 .article_single04_01_img3 .ofi {
padding-top: 10.8%;
}
.article_single04 .article_single04_01_img4 .ofi {
padding-top: 8.4%;
}
.article_single04 .article_single04_01_img5 .ofi {
padding-top: 6.9%;
}
.article_single04 .article_single04_01_img6 .ofi {
padding-top: 5.8%;
}
.article_single04 .article_single04_01_nav {
margin-top: 15px;
}
.article_single04 .article_single04_01_nav .ofi {
padding-top: 11.1%;
}
.article_single04 .article_single04_01_nav .slick-track {
width: 100% !important;
transform: none !important;
left: 0 !important;
}
.article_single04 .article_single04_01_nav li {
margin-left: 0.8%;
width: 16% !important;
}
.article_single04 .article_single04_01_nav li:nth-child(1) {
margin-left: 0;
}
.article_single04.article_container .article_single04_01_img1 .ofi {
padding-top: 74.5%;
}
.article_single04.article_container .article_single04_01_img2 .ofi {
padding-top: 18.7%;
}
.article_single04.article_container .article_single04_01_img3 .ofi {
padding-top: 14.9%;
}
.article_single04.article_container .article_single04_01_img4 .ofi {
padding-top: 12.5%;
}
.article_single04.article_container .article_single04_01_img5 .ofi {
padding-top: 10.7%;
}
.article_single04.article_container .article_single04_01_img6 .ofi {
padding-top: 9.4%;
}
.article_single04.article_container .article_single04_01_nav {
margin-top: 15px;
}
.article_single04.article_container .article_single04_01_nav .ofi {
padding-top: 12%;
}
.article_single04.article_container .article_single04_01_nav .slick-track {
width: 100% !important;
transform: none !important;
left: 0 !important;
}
.article_single04.article_container .article_single04_01_nav li {
margin-left: 0.8%;
width: 16% !important;
}
.article_single04.article_container .article_single04_01_nav li:nth-child(1) {
margin-left: 0;
}
.article_single04 .article_single04_02 {
margin-top: 10px;
}
.article_single04 .article_single04_02 img {
opacity: 1;
transition: opacity 0.3s;
}
.article_single04 .article_single04_02 img:hover {
cursor: pointer;
opacity: 0.7;
}
.article_single04 .slick-next,
.article_single04 .slick-prev {
z-index: 1;
}
.article_single04 .slick-next:before,
.article_single04 .slick-prev:before {
content: none;
}
.article_single04 .slick-next:after,
.article_single04 .slick-prev:after {
content: "";
display: block;
position: absolute;
top: 50%;
margin: auto;
width: 35px;
height: 35px;
border-top: 3px solid #a20000;
transition: 0.2s;
z-index: 1;
}
.article_single04 .slick-prev {
left: 0;
}
.article_single04 .slick-prev:after {
left: 0;
border-left: 3px solid #a20000;
transform: translate(0, -50%) rotate(-45deg);
transform-origin: right top;
}
.article_single04 .slick-next {
right: 0;
}
.article_single04 .slick-next:after {
right: 0;
border-right: 3px solid #a20000;
transform: translate(0, -50%) rotate(45deg);
transform-origin: left top;
}
.article_single04 .ofi {
background: #f4f1e9;
height: auto !important;
}
.article_single04 .more {
display: block;
text-align: center;
}
@media (min-width: 768px) {
.article_list_case02 .article_list_case02_01 {
width: 67%;
}
.article_list_case02 .article_list_case02_02 {
width: 31%;
}
.article_list_case02.article_single01 .article_single01_02 {
margin-top: 0;
}
}
.article_container .article_single01_02 {
margin-top: 10px;
}
.article_container .article_single01_02 img {
opacity: 1;
transition: opacity 0.3s;
}
.article_container .article_single01_02 img:hover {
cursor: pointer;
opacity: 0.7;
}
.article_detail {
background: rgba(162, 0, 0, 0.05);
padding: 4%;
margin-bottom: 4%;
font-size: 15px;
font-size: 1.5rem;
}
.article_detail .article_date {
margin-bottom: 1em;
}
.article_detail .article_thumbnail {
float: left;
margin: 0 2% 2% 0;
}
.article_detail .article_content {
float: none;
width: 100%;
margin-left: 0;
}
.article_detail .case_arrow {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
display: block;
position: relative;
height: 245px;
}
@media (max-width: 767px) {
.article_detail .case_arrow {
height: 80px;
}
}
.article_detail .case_arrow:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 0;
margin: auto;
width: 70px;
height: 70px;
border-top: 5px solid #a20000;
border-right: 5px solid #a20000;
transform: translate(0, -50%) rotate(45deg);
transform-origin: left top;
transition: 0.2s;
}
@media (max-width: 767px) {
.article_detail .case_arrow:after {
left: 0;
bottom: 25%;
border-top: 5px solid #a20000;
border-right: 5px solid #a20000;
transform: translate(0, -50%) rotate(135deg);
transform-origin: center;
}
}
.article_detail .span_12 {
margin: 2% 0;
}
.epress_social {
letter-spacing: -0.4em;
text-align: right;
padding: 2%;
}
.epress_social > * {
letter-spacing: normal;
vertical-align: top;
display: inline-block;
margin-right: 10px;
}
.epress_pager {
overflow: hidden;
margin-bottom: 5%;
}
.epress_pager .epress_pager_prev {
float: left;
}
.epress_pager .epress_pager_prev a {
display: block;
position: relative;
padding-left: 15px;
text-decoration: none;
}
.epress_pager .epress_pager_prev a:before,
.epress_pager .epress_pager_prev a:after {
content: "";
display: block;
position: absolute;
left: 2px;
margin: auto;
width: 8px;
height: 1px;
background: #1b1b1b;
transition: 0.2s;
}
.epress_pager .epress_pager_prev a:before {
transform: translateY(-50%) rotate(-45deg);
top: calc(50% - 2px);
}
.epress_pager .epress_pager_prev a:after {
transform: translateY(-50%) rotate(-135deg);
top: calc(50% + 3px);
}
.epress_pager .epress_pager_prev a:hover {
text-decoration: underline;
}
.epress_pager .epress_pager_prev a:hover:before {
left: 0;
}
.epress_pager .epress_pager_prev a:hover:after {
left: 0;
}
.epress_pager .epress_pager_next {
float: right;
}
.epress_pager .epress_pager_next a {
display: block;
position: relative;
padding-right: 15px;
text-decoration: none;
}
.epress_pager .epress_pager_next a:before,
.epress_pager .epress_pager_next a:after {
content: "";
display: block;
position: absolute;
right: 2px;
margin: auto;
width: 8px;
height: 1px;
background: #1b1b1b;
transform-origin: center;
transition: 0.2s;
}
.epress_pager .epress_pager_next a:before {
transform: translateY(-50%) rotate(45deg);
top: calc(50% - 2px);
}
.epress_pager .epress_pager_next a:after {
transform: translateY(-50%) rotate(135deg);
top: calc(50% + 3px);
}
.epress_pager .epress_pager_next a:hover {
text-decoration: underline;
}
.epress_pager .epress_pager_next a:hover:before {
right: 0;
}
.epress_pager .epress_pager_next a:hover:after {
right: 0;
}
#commentform {
background: transparent;
padding: 2% 5%;
border: 1px solid #333;
}
#commentform #comment {
width: 100%;
}
#commentform #submit {
background: #a20000;
color: #fff;
border: 0;
font-size: 14px;
font-size: 1.4rem;
padding: 3px 10px;
margin: 0 auto;
display: table;
}
#commentform input[type=submit] {
background: #a20000;
color: #fff;
border: 0;
font-size: 14px;
font-size: 1.4rem;
padding: 0.3em 1em;
margin: 0 auto;
display: table;
border-radius: 5px;
}
@media (min-width: 768px) {
#commentform #submit {
font-size: 18px;
font-size: 1.8rem;
}
#commentform input[type=submit] {
font-size: 18px;
font-size: 1.8rem;
}
}
#biz_calendar,
#biz_calendar1,
#biz_calendar2 {
max-width: none;
margin: 2% auto 0;
font-family: inherit;
padding: 0.3em 1em;
background: #f4f1e9;
font-size: 18px;
font-size: 1.8rem;
}
#biz_calendar p,
#biz_calendar1 p,
#biz_calendar2 p {
margin: 0;
line-height: 170%;
font-size: 12px;
font-size: 1.2rem;
text-align: left;
}
#biz_calendar p span.boxholiday,
#biz_calendar1 p span.boxholiday,
#biz_calendar2 p span.boxholiday {
background-color: #ffb0c3;
padding-left: 25px;
margin-right: 10px;
}
#biz_calendar p span.boxeventday,
#biz_calendar1 p span.boxeventday,
#biz_calendar2 p span.boxeventday {
background-color: #64bdeb;
padding-left: 25px;
margin-right: 10px;
}
#biz_calendar table.bizcal,
#biz_calendar1 table.bizcal,
#biz_calendar2 table.bizcal {
margin: 10px 0;
width: 100%;
table-layout: fixed;
border: none;
line-height: 1.6;
cursor: default;
vertical-align: middle;
font-size: 18px;
font-size: 1.8rem;
border-collapse: collapse;
border-spacing: 1px;
background: transparent;
}
#biz_calendar table.bizcal tr:not(:first-child) > *:not(.holiday):not(.eventday):not(.today),
#biz_calendar1 table.bizcal tr:not(:first-child) > *:not(.holiday):not(.eventday):not(.today),
#biz_calendar2 table.bizcal tr:not(:first-child) > *:not(.holiday):not(.eventday):not(.today) {
background: #fff;
}
#biz_calendar table.bizcal th,
#biz_calendar1 table.bizcal th,
#biz_calendar2 table.bizcal th {
text-align: center;
border-width: 0;
padding: 0.5em 0.2em;
color: #1b1b1b;
background-color: #dedede;
}
#biz_calendar table.bizcal th:first-child,
#biz_calendar1 table.bizcal th:first-child,
#biz_calendar2 table.bizcal th:first-child {
color: red;
}
#biz_calendar table.bizcal th:nth-last-of-type(1),
#biz_calendar1 table.bizcal th:nth-last-of-type(1),
#biz_calendar2 table.bizcal th:nth-last-of-type(1) {
color: blue;
}
#biz_calendar table.bizcal td,
#biz_calendar1 table.bizcal td,
#biz_calendar2 table.bizcal td {
text-align: center;
border: 1px solid rgba(0, 57, 122, 0.3);
padding: 0.5em 0.2em;
color: #1b1b1b;
}
#biz_calendar table.bizcal .calmonth,
#biz_calendar1 table.bizcal .calmonth,
#biz_calendar2 table.bizcal .calmonth {
text-align: left;
font-weight: bold;
padding: 2px 7px;
border: none;
}
#biz_calendar table.bizcal .calbtn,
#biz_calendar1 table.bizcal .calbtn,
#biz_calendar2 table.bizcal .calbtn {
border: none;
cursor: pointer;
}
#biz_calendar table.bizcal .holiday,
#biz_calendar1 table.bizcal .holiday,
#biz_calendar2 table.bizcal .holiday {
background-color: #ffb0c3;
color: red;
}
#biz_calendar table.bizcal .eventday,
#biz_calendar1 table.bizcal .eventday,
#biz_calendar2 table.bizcal .eventday {
background-color: #64bdeb;
color: #ffffff;
}
#biz_calendar table.bizcal .eventday a,
#biz_calendar1 table.bizcal .eventday a,
#biz_calendar2 table.bizcal .eventday a {
color: #ffffff;
}
#biz_calendar table.bizcal .today,
#biz_calendar1 table.bizcal .today,
#biz_calendar2 table.bizcal .today {
font-weight: bold;
text-decoration: underline;
color: #1b1b1b;
}
#biz_calendar table.bizcal .today a,
#biz_calendar1 table.bizcal .today a,
#biz_calendar2 table.bizcal .today a {
font-weight: bold;
color: #1b1b1b;
}
#biz_calendar table.bizcal img,
#biz_calendar1 table.bizcal img,
#biz_calendar2 table.bizcal img {
vertical-align: middle;
box-shadow: none;
margin: 0;
}
#biz_calendar table.bizcal .down-img,
#biz_calendar1 table.bizcal .down-img,
#biz_calendar2 table.bizcal .down-img {
text-align: right;
}
#biz_calendar table.bizcal .today-img,
#biz_calendar1 table.bizcal .today-img,
#biz_calendar2 table.bizcal .today-img {
text-align: center;
}
#biz_calendar table.bizcal .up-img,
#biz_calendar1 table.bizcal .up-img,
#biz_calendar2 table.bizcal .up-img {
text-align: left;
}
#biz_calendar table.bizcal td,
#biz_calendar table.bizcal th {
padding: 0.5em 0.2em;
}
.column_sub #biz_calendar,
.column_sub #biz_calendar1,
.column_sub #biz_calendar2 {
font-size: 12px;
font-size: 1.2rem;
}
.column_sub #biz_calendar p span.boxholiday,
.column_sub #biz_calendar1 p span.boxholiday,
.column_sub #biz_calendar2 p span.boxholiday {
background-color: #ffb0c3;
padding-left: 25px;
margin-right: 10px;
}
.column_sub #biz_calendar p span.boxeventday,
.column_sub #biz_calendar1 p span.boxeventday,
.column_sub #biz_calendar2 p span.boxeventday {
background-color: #64bdeb;
padding-left: 25px;
margin-right: 10px;
}
.column_sub #biz_calendar table.bizcal,
.column_sub #biz_calendar1 table.bizcal,
.column_sub #biz_calendar2 table.bizcal {
font-size: 12px;
font-size: 1.2rem;
}
.column_sub #biz_calendar table.bizcal td,
.column_sub #biz_calendar table.bizcal th,
.column_sub #biz_calendar1 table.bizcal td,
.column_sub #biz_calendar1 table.bizcal th,
.column_sub #biz_calendar2 table.bizcal td,
.column_sub #biz_calendar2 table.bizcal th {
padding: 0.3em 0.2em;
}
@media (max-width: 767px) {
#biz_calendar,
#biz_calendar1,
#biz_calendar2 {
font-size: 12px;
font-size: 1.2rem;
}
#biz_calendar p span.boxholiday,
#biz_calendar1 p span.boxholiday,
#biz_calendar2 p span.boxholiday {
background-color: #ffb0c3;
padding-left: 25px;
margin-right: 10px;
}
#biz_calendar p span.boxeventday,
#biz_calendar1 p span.boxeventday,
#biz_calendar2 p span.boxeventday {
background-color: #64bdeb;
padding-left: 25px;
margin-right: 10px;
}
#biz_calendar table.bizcal,
#biz_calendar1 table.bizcal,
#biz_calendar2 table.bizcal {
font-size: 12px;
font-size: 1.2rem;
}
#biz_calendar table.bizcal td,
#biz_calendar table.bizcal th,
#biz_calendar1 table.bizcal td,
#biz_calendar1 table.bizcal th,
#biz_calendar2 table.bizcal td,
#biz_calendar2 table.bizcal th {
padding: 0.3em 0.2em;
}
}
.calendar_wrap {
position: relative;
padding: 4em 1.8em 2em;
display: inline-block;
background: rgba(162, 0, 0, 0.05);
font-size: 10px;
font-size: 1rem;
}
.calendar_wrap caption {
position: absolute;
top: 24px;
left: 0;
right: 0;
margin: auto;
}
.calendar_wrap table {
border-spacing: 0;
border-collapse: collapse;
}
.calendar_wrap table thead th {
background: rgba(162, 0, 0, 0.7);
color: #fff;
border: 1px solid #a20000;
border-bottom: none;
}
.calendar_wrap table tfoot {
position: absolute;
top: 10px;
left: 0;
right: 0;
margin: auto;
}
.calendar_wrap table tfoot #prev a {
width: 26px;
height: 25px;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
display: block;
position: absolute;
top: 0;
left: 40px;
}
.calendar_wrap table tfoot #prev a:after {
content: "";
display: block;
position: absolute;
top: 50%;
margin: auto;
width: 6px;
height: 6px;
border-top: 1px solid #1b1b1b;
transition: 0.2s;
}
.calendar_wrap table tfoot #prev a:after {
transform: translate(0, -50%) rotate(-45deg);
border-left: 1px solid #1b1b1b;
left: 15%;
}
.calendar_wrap table tfoot #prev a:hover:after {
left: 2%;
}
.calendar_wrap table tfoot #next a {
width: 26px;
height: 25px;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
display: block;
position: absolute;
top: 0;
right: 40px;
}
.calendar_wrap table tfoot #next a:after {
content: "";
display: block;
position: absolute;
top: 50%;
margin: auto;
width: 6px;
height: 6px;
border-top: 1px solid #1b1b1b;
transition: 0.2s;
}
.calendar_wrap table tfoot #next a:after {
transform: translate(0, -50%) rotate(45deg);
border-right: 1px solid #1b1b1b;
right: 15%;
}
.calendar_wrap table tfoot #next a:hover:after {
right: 2%;
}
.calendar_wrap table tbody td {
text-align: center;
background: #fff;
border: 1px solid #a20000;
}
@media (min-width: 768px) {
.column_sub .calendar_wrap {
padding: 40px 5px 5px;
width: 100%;
margin: 0 auto 1em;
}
.column_sub .calendar_wrap caption {
top: 10px;
font-size: 14px;
font-size: 1.4rem;
}
.column_sub .calendar_wrap table {
width: 100%;
}
.column_sub .calendar_wrap table th,
.column_sub .calendar_wrap table td {
padding: 0.5em 0.2em;
}
.column_sub .calendar_wrap table tfoot #prev a {
width: 18px;
height: 18px;
top: 0;
left: 20px;
}
.column_sub .calendar_wrap table tfoot #next a {
width: 18px;
height: 18px;
top: 0;
right: 20px;
}
}
@media (max-width: 767px) {
.calendar_wrap {
padding: 40px 5px 5px;
width: 100%;
}
.calendar_wrap caption {
top: 10px;
}
.calendar_wrap table {
width: 100%;
}
.calendar_wrap table th,
.calendar_wrap table td {
padding: 0.5em 0.2em;
}
.calendar_wrap table tfoot #prev a {
width: 12px;
height: 12px;
top: 0;
left: 20px;
}
.calendar_wrap table tfoot #next a {
width: 12px;
height: 12px;
top: 0;
right: 20px;
}
}
/*
* ボタン矢印(mũi tên button)
*/
.add_arrow {
display: block;
position: relative;
}
.add_arrow:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 5%;
margin: auto;
width: 6px;
height: 6px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: translate(0, -50%) rotate(45deg);
transition: 0.2s;
}
.add_arrow.inverse:after {
border-top: 1px solid #a20000;
border-right: 1px solid #a20000;
}
.add_arrow.inverse:hover {
border-color: #fff;
color: #fff;
background: #a20000;
}
.add_arrow.inverse:hover:after {
border-color: #fff;
}
.add_arrow:hover {
border: 1px solid #a20000;
color: #fff;
background: #730000;
}
.add_arrow:hover:after {
right: 4%;
border-color: #fff;
}
/*
* moreボタン雛形 (hình dạng button more)
*/
.more {
display: block;
overflow: hidden;
margin: auto;
padding: 10px;
}
.more a {
display: block;
/* border: 1px solid #2dc3e7; */
border: 1px solid #a20000;
color: #fff;
/* background: linear-gradient(to bottom, #2dc3e7, #19b4e0); */
background: #a20000;
box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.1);
padding: 1.5em 1em;
line-height: 1.8;
margin: 0 auto 1px;
max-width: 400px;
width: 100%;
text-align: center;
text-decoration: none;
transition: 0.3s;
font-size: 16px;
font-size: 1.6rem;
}
@media (max-width: 767px) {
.more a {
max-width: none;
}
}
.more a.inverse {
border: 1px solid #a20000;
color: #a20000;
background: #fff;
}
/*
* ボタンエフェクト(button effect)
*/
.effect01 {
overflow: hidden;
position: relative;
z-index: 0;
}
.effect01:before {
content: "";
position: absolute;
display: block;
width: 0;
height: 100%;
top: 0;
left: -35%;
z-index: -1;
background: #fff;
transform: skew(50deg);
transform-origin: top left;
transition-duration: 0.5s;
}
.effect01:hover {
background: #2dc3e7;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
}
.effect01:hover:before {
height: 100%;
width: 135%;
}
header .global_nav > ul > li.has_under > a {
position: relative;
}
header .global_nav > ul > li.has_under > a:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 6%;
margin: auto;
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: translate(0, -50%) rotate(135deg);
transition: 0.2s;
}
header .global_nav > ul > li.has_under > a.menu_under_open:after {
transform: translate(0, 0) rotate(-45deg);
}
header .global_nav > ul > li > ul {
margin: 0;
padding: 0;
list-style: none;
display: none;
}
header .global_nav > ul > li > ul > li {
border-bottom: 1px solid #b3b3b3;
}
@media (max-width: 1023px) {
header .global_nav > ul > li > ul > li a {
background: rgba(162,0,0, 0.9);
}
}
@media (min-width: 1024px) {
header .global_nav > ul > li.has_under > a {
padding-right: 1.5em;
}
header .global_nav > ul > li.has_under > a:after {
border-color: #1b1b1b;
width: 6px;
height: 6px;
}
header .global_nav > ul > li.has_under > a:after {
transform: translate(0, -50%) rotate(135deg);
}
header .global_nav > ul > li.has_under > a.menu_under_open:after {
transform: translate(0) rotate(-45deg);
}
header .global_nav > ul > li.has_under > ul {
position: absolute;
width: 100%;
left: 0;
right: 0;
margin: auto;
top: 100%;
letter-spacing: -0.4em;
background: rgba(162, 0, 0, 0.9);
z-index: 52;
}
header .global_nav > ul > li.has_under > ul > li {
letter-spacing: normal;
display: inline-block;
vertical-align: middle;
width: 25%;
text-align: center;
border-bottom: 0;
padding: 0;
}
header .global_nav > ul > li.has_under > ul > li a {
background: transparent;
padding: 1em;
}
}
.pagetop {
position: fixed;
bottom: 5%;
right: 5%;
z-index: 100;
}
@media screen and (max-width: 767px) {
.pagetop {
bottom: 13%;
}
}
.pagetop a {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
display: inline-block;
position: relative;
width: 50px;
height: 50px;
padding: 0;
border-radius: 50%;
background: rgba(162, 0, 0, 0.9);
}
@media (min-width: 768px) {
.pagetop a {
width: 70px;
height: 70px;
}
}
.pagetop a:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: auto;
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
transform: translate(-50%, -20%) rotate(45deg);
transition: 0.2s;
}
footer.high .pagetop {
position: absolute;
bottom: auto;
right: 5%;
top: 0;
margin: 0;
transform: translateY(-95%);
}
/*
* ページトップのデザインタイプ(type design của top page)
*/
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.lead {
color: #a20000;
font-size: 20px;
font-size: 2rem;
}
.text-xxlarge {
font-size: 24px;
font-size: 2.4rem;
}
.text-xlarge {
font-size: 20px;
font-size: 2rem;
}
.text-large {
font-size: 16px;
font-size: 1.6rem;
}
.text-small {
font-size: 12px;
font-size: 1.2rem;
}
.text-xsmall {
font-size: 10px;
font-size: 1rem;
}
.text-white {
color: #fff !important;
}
.text-black {
color: #000 !important;
}
.text-red {
color: #f00 !important;
}
.text-primary {
color: #a20000 !important;
}
@media (max-width: 767px) {
.sp-hide,
.pc-only,
.tablet-only {
display: none !important;
}
.sp-text-center {
text-align: center;
}
.sp-text-left {
text-align: left;
}
.sp-text-right {
text-align: right;
}
}
@media (min-width: 768px) {
.lead {
font-size: 28px;
font-size: 2.8rem;
}
.text-xxlarge {
font-size: 36px;
font-size: 3.6rem;
}
.text-xlarge {
font-size: 28px;
font-size: 2.8rem;
}
.text-large {
font-size: 20px;
font-size: 2rem;
}
.text-small {
font-size: 12px;
font-size: 1.2rem;
}
.text-xsmall {
font-size: 10px;
font-size: 1rem;
}
.pc-hide,
.sp-only {
display: none !important;
}
.pc-text-center {
text-align: center;
}
.pc-text-left {
text-align: left;
}
.pc-text-right {
text-align: right;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.tablet-hide {
display: none !important;
}
}
@media (min-width: 1024px) {
.tablet-only {
display: none !important;
}
}
@media (max-width: 1023px) {
.sp-hide02,
.pc-only02,
.tablet-only02 {
display: none !important;
}
}
@media (min-width: 1024px) {
.pc-hide02,
.sp-only02 {
display: none !important;
}
}
@media (max-width: 750px) {
.sp-hide03,
.pc-only03,
.tablet-only03 {
display: none !important;
}
}
@media (min-width: 751px) {
.pc-hide03,
.sp-only03 {
display: none !important;
}
}
.arial {
font-family: "Arial", arial !important;
}
.arial_n {
font-family: "Arial Narrow", arial !important;
}
.color_pri {
color: #a20000;
}
.mt0 {
margin-top: 0 !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.m-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.inverse h2,
.inverse h3,
.inverse h4,
.inverse p {
color: #fff;
}
.inverse h2:after {
background: #fff;
}
.inverse h2 small,
.inverse h2 span {
color: #fff;
}
.link-tel {
text-decoration: none;
}
@media (min-width: 768px) {
.link-tel {
pointer-events: none;
cursor: default;
}
}
.title {
margin-bottom: 40px;
}
@media (max-width: 767px) {
.title {
margin-bottom: 30px;
}
.title img {
max-width: 90%;
}
}
.marker {
background: linear-gradient(transparent 60%, #ff6 60%);
}
header .hdr_info_pc {
display: flex;
align-items: center;
}
header .hdr_info_pc figure {
margin-right: 20px;
}
header .hdr_info_pc p {
margin-bottom: 0;
font-size: 12px;
font-size: 1.2rem;
line-height: 2;
}
header .hdr_info_pc p .title01 {
font-size: 15px;
font-size: 1.5rem;
}
header .hdr_info_pc p.more {
margin-left: 10px;
}
header .hdr_info_pc p.more a {
line-height: 1.5;
font-weight: bold;
height: 74px;
font-size: 18px;
font-size: 1.8rem;
border: none;
background: linear-gradient(to bottom, #e78200, #d76100);
width: 230px;
box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.1);
padding: 10px 1em;
}
@media (max-width: 767px) {
header .hdr_info_pc {
display: none;
}
}
header .primary_header {
position: relative;
}
@media (min-width: 1024px) {
header .primary_header:after {
content: "";
width: 100%;
height: 2px;
position: absolute;
right: 0;
left: 0;
margin: 0 auto;
bottom: 50px;
background-color: transparent;
box-shadow: 0 3px 5px rgba(60, 60, 60, 0.1);
z-index: -1;
}
}
.sec01 {
background-image: url(/wp-content/uploads/bg_img008.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 4% 0;
}
@media (max-width: 767px) {
.sec01 {
padding: 10% 0;
}
.sec01 .container {
padding: 0;
}
.sec01 .attention {
padding: 0 10px;
}
}
.sec01 .bg_white {
background-color: #fff;
padding: 20px 10px;
}
@media (max-width: 767px) {
.sec01 .bg_white {
padding: 20px 20px;
}
}
@media (min-width: 768px) {
.sec01 .box01 {
display: flex;
align-items: flex-start;
margin-bottom: 2%;
}
}
@media (min-width: 768px) {
.sec01 .box01 .slide img {
max-width: 100%;
}
}
.sec01 .box01 .col {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
margin: 0 10px;
}
@media (max-width: 767px) {
.box01_wrap {
overflow-y: scroll;
padding-bottom: 10px;
}
.sec01 .box01 {
display: flex;
flex-wrap: wrap;
width: 270%;
margin-bottom: 4%;
}
.sec01 .box01 .col {
width: 18.4%;
margin-right: 0;
margin-left: 2%;
}
.sec01 .box01 .col:first-child {
margin-left: 0;
}
}
.sec01 .box01 .col .inner {
margin-top: 0.5em;
padding: 10px;
}
.sec01 .box01 .col .inner strong {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 0.5em;
}
/* @media (max-width: 767px) {
.sec01 .box01 .col {
overflow: visible;
margin-bottom: 50px;
height: auto !important;
}
} */
/* @media (max-width: 767px) and (max-width: 767px) {
.sec01 .box01 .col {
margin-bottom: 30px;
}
}
@media (max-width: 767px) and (max-width: 374px) {
.sec01 .box01 .col {
min-height: auto;
}
} */
.sec01 .slide_sp .slick-prev {
top: 35%;
left: -20px;
z-index: 100;
width: 30px;
height: 160px;
background-color: #000;
}
@media (max-width: 767px) {
.sec01 .slide_sp .slick-prev {
height: 60px !important;
}
}
.sec01 .slide_sp .slick-prev:before {
opacity: 1;
content: "";
display: block;
position: absolute;
top: 50%;
left: 45%;
margin: auto;
width: 7px;
height: 7px;
border-top: 3px solid #fff !important;
border-right: 3px solid #fff !important;
transform: translate(0, -50%) rotate(-135deg);
}
.sec01 .slide_sp .slick-next {
top: 35%;
right: -20px;
width: 30px !important;
height: 160px !important;
background-color: #000;
}
@media (max-width: 767px) {
.sec01 .slide_sp .slick-next {
height: 60px !important;
}
}
.sec01 .slide_sp .slick-next:before {
opacity: 1;
content: "";
display: block;
position: absolute;
top: 50%;
left: 31%;
margin: auto;
width: 7px;
height: 7px;
border-top: 3px solid #fff !important;
border-right: 3px solid #fff !important;
transform: translate(0, -50%) rotate(45deg);
}
.sec02 {
margin-bottom: 0;
padding: 0 0 4%;
background-image: url(/wp-content/uploads/bg_img005.jpg);
}
.sec02.sec02_2 {
padding-top: 4%;
}
.sec02 h2:after {
background: url(/wp-content/uploads/h2_02.png) no-repeat center/contain;
}
@media (max-width: 767px) {
.sec02 {
padding: 0 0 10%;
}
.sec02.sec02_2 {
padding-top: 10%;
}
}
.sec02 .title02 {
margin-bottom: -2%;
}
.sec02 .title02 img {
max-width: 80%;
}
.sec02 .box01 {
padding: 30px 60px 50px;
background: #f4f1e9;
}
@media (max-width: 767px) {
.sec02 .box01 {
padding: 5% 3%;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.sec02 .box01 {
padding: 30px 30px 50px;
}
.sec02 .box01 .span_7,
.sec02 .box01 .span_5 {
width: 100%;
}
}
.sec02 .box01 h3 {
line-height: 1.8;
padding-left: 116px;
padding-bottom: 30px;
color: #412600;
font-size: 30px;
font-size: 3rem;
min-height: 138px;
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.sec02 .box01 h3 {
font-size: 24px;
font-size: 2.4rem;
padding-left: 85px;
padding-bottom: 20px;
min-height: 100px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.sec02 .box01 h3 {
margin-top: 1em;
}
}
.sec02 .box01 h3:after {
top: 0;
width: 102px;
height: 133px;
}
@media (max-width: 767px) {
.sec02 .box01 h3:after {
width: 75px;
height: 101px;
}
}
.sec02 .box01 h3.num01:after {
background: url(/wp-content/uploads/point01.png);
background-repeat: no-repeat;
background-size: contain;
}
.sec02 .box01 h3.num02:after {
background: url(/wp-content/uploads/point02.png);
background-repeat: no-repeat;
background-size: contain;
}
.sec02 .box01 h3.num03:after {
background: url(/wp-content/uploads/point03.png);
background-repeat: no-repeat;
background-size: contain;
}
.sec02 .box01 h3.num04:after {
background: url(/wp-content/uploads/point04.png);
background-repeat: no-repeat;
background-size: contain;
}
.sec02 .box01 h3.num05:after {
background: url(/wp-content/uploads/point05.png);
background-repeat: no-repeat;
background-size: contain;
}
.sec02 .box01 h3.num06:after {
background: url(/wp-content/uploads/point06.png);
background-repeat: no-repeat;
background-size: contain;
}
.sec02 .box01 h3.num07:after {
background: url(/wp-content/uploads/point07.png);
background-repeat: no-repeat;
background-size: contain;
}
.sec02 .box01 h3.num08:after {
background: url(/wp-content/uploads/point08.png);
background-repeat: no-repeat;
background-size: contain;
}
.sec02 .box01 h3.num09:after {
background: url(/wp-content/uploads/point09.png);
background-repeat: no-repeat;
background-size: contain;
}
.sec02 .box01 h3.num10:after {
background: url(/wp-content/uploads/point10.png);
background-repeat: no-repeat;
background-size: contain;
}
.sec02 .box01 h3 .area_box {
color: #a20000;
border: 1px solid #a20000;
padding: 5px 10px;
}
.sec_knowledge .box02 {
margin-top: 4%;
}
@media (max-width: 767px) {
.sec_knowledge .box02 {
margin-top: 10%;
}
.sec02 .flex_wrap {
flex-direction: column;
}
}
.sec_knowledge .box02 a {
text-decoration: none;
}
.sec_knowledge .box02 a img {
transition: 0.2s;
}
.sec_knowledge .box02 a:hover img {
opacity: 0.8;
}
.sec_knowledge .box02 figcaption {
position: relative;
font-weight: bold;
font-size: 28px;
font-size: 2.8rem;
color: #002e4f;
font-weight: bold;
padding-left: 30px;
}
@media (max-width: 768px) {
.sec_knowledge .box02 figcaption {
font-size: 22px;
font-size: 2.2rem;
}
}
.sec_knowledge .box02 figcaption:after {
content: "";
background-image: url(/wp-content/uploads/arrow.png);
background-repeat: no-repeat;
background-size: contain;
width: 23px;
height: 20px;
position: absolute;
left: 0;
top: 25%;
}
.sec_contact01 {
background-color: #002e4f;
color: #fff;
padding-bottom: 50px;
margin-bottom: 0;
}
@media (max-width: 767px) {
.sec_contact01 {
padding-bottom: 30px;
}
}
.sec_contact01 .title02 {
margin-bottom: 1.5em;
}
@media (min-width: 768px) {
.sec_contact01 .row {
display: flex;
align-items: center;
}
}
.sec03 {
margin-bottom: 0;
padding: 4% 0 5%;
background-image: url(/wp-content/uploads/bg_img004.jpg);
background-repeat: repeat;
background-size: auto;
}
@media (max-width: 767px) {
.sec03 {
padding: 10% 0;
}
}
.sec03 .slide img {
width: 320px;
height: 258px;
-o-object-fit: cover;
object-fit: cover;
}
.sec04 {
margin-bottom: 0;
padding: 4% 0;
}
@media (max-width: 767px) {
.sec04 {
padding: 10% 0;
}
}
.sec04 .box01 {
margin-bottom: 4%;
}
@media (max-width: 767px) {
.sec04 .box01 {
margin-bottom: 10%;
}
}
@media (max-width: 767px) {
.sec04 .box01 .sinsei_scroll {
overflow-x: scroll;
}
.sec04 .box01 .sinsei_scroll img {
max-width: none;
/* max-height: 400px; */
}
}
.sec04 .box01 .link {
max-width: 600px;
margin: 0 auto;
}
.sec04 .box01 a {
text-decoration: none;
}
.sec04 .box01 a img {
transition: 0.2s;
height: auto;
}
.sec04 .box01 a:hover img {
opacity: 0.8;
}
.sec04 .box01 figcaption {
position: relative;
font-weight: bold;
font-size: 28px;
font-size: 2.8rem;
color: #002e4f;
font-weight: bold;
padding-left: 30px;
}
@media (max-width: 768px) {
.sec04 .box01 figcaption {
font-size: 20px;
font-size: 2rem;
}
}
@media screen and (max-width: 767px) {
.sec04 .box01 .link {
overflow-x: scroll;
padding-bottom: 10px;
}
.sec04 .box01 .link .sp_bnr_scroll {
display: flex;
width: 650%;
}
.sec04 .box01 .link .sp_bnr_scroll figure:not(:first-child) {
margin-left: 8px;
}
}
.sec04 .box01 figcaption:after {
content: "";
background-image: url(/wp-content/uploads/arrow.png);
background-repeat: no-repeat;
background-size: contain;
width: 23px;
height: 20px;
position: absolute;
left: 0;
top: 25%;
}
.sec04 .box02 {
max-width: 94%;
margin: 0 auto;
}
@media (min-width: 768px) {
.sec04 .box02 {
display: flex;
align-items: center;
}
}
@media (max-width: 767px) {
.sec04 .box02 .span_4 img {
width: 50%;
}
}
.sec_bg {
padding: 4% 0;
background-image: url(/wp-content/uploads/bg_img004.jpg);
background-repeat: no-repeat;
background-size: cover;
}
/* .sec_bg:not(.voice_only):not(.sec_bg) {
padding-top: 0;
} */
@media (max-width: 767px) {
.sec_bg {
padding: 10% 0;
}
/* .sec_bg:not(.voice_only) {
padding-top: 0;
} */
}
.sec_bg .container {
position: relative;
width: 95%;
background-color: #fff;
padding: 4% 3%;
}
@media (max-width: 767px) {
.sec_bg .container {
padding: 10% 2%;
}
}
.voice_only {
padding-top: 0;
}
.sec_bg .sec06 {
padding: 0;
}
@media (max-width: 767px) {
.sec_bg .sec06 {
padding: 0;
}
}
.sec_bg .sec06 .box01 {
text-align: center;
}
.sec_bg .sec06 .box01 p {
font-size: 16px;
font-size: 1.6rem;
color: #8b5200;
padding: 10px 10px;
border: 1px solid #8b5200;
margin-bottom: 0;
margin-top: 0;
line-height: 1.5;
font-weight: bold;
}
@media (max-width: 767px) {
.sec_bg .sec06 .box01 p {
font-size: 13px;
font-size: 1.3rem;
}
}
@media (min-width: 768px) {
.sec_bg .sec06 .box01 {
display: flex;
align-items: center;
}
.sec_bg .sec06 .box01 .col:nth-child(2) {
width: 15%;
}
}
.sec_bg .sec06 .box02 {
max-width: 620px;
margin: 0 auto;
}
@media (min-width: 768px) {
.sec_bg .sec06 .box02 {
display: flex;
align-items: center;
}
.sec_bg .sec06 .box02 .col:first-child {
width: 25%;
}
.sec_bg .sec06 .box02 .col:nth-child(3) {
width: 50%;
}
}
.sec_bg .sec07 {
padding-bottom: 0 !important;
}
.sec07 .awarid_title p {
position: relative;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
color: #966319;
padding: 0 25px;
display: table;
margin: 0 auto;
}
.sec07 .awarid_title p:after,
.sec07 .awarid_title p:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 17px;
height: 44px;
}
.sec07 .awarid_title p:before {
background: url(/wp-content/uploads/title_award_img001.png) no-repeat center/contain;
left: 0;
}
.sec07 .awarid_title p:after {
background: url(/wp-content/uploads/title_award_img002.png) no-repeat center/contain;
right: 0;
}
@media (max-width: 767px) {
.sec_bg .sec07 {
padding: 0 0 5%;
}
.sec07 .awarid_title p {
font-size: 12px;
font-size: 1.2rem;
padding: 0 13px;
}
.sec07 .awarid_title p:after,
.sec07 .awarid_title p:before {
width: 8px;
height: 20.71px;
}
}
@media (max-width: 767px) and (min-width: 600px) {
.sec07 .awarid_title p {
font-size: 15px;
font-size: 1.5rem;
padding: 0 30px;
}
.sec07 .awarid_title p:after,
.sec07 .awarid_title p:before {
width: 17px;
height: 44px;
}
}
@media (min-width: 768px) {
.sec_bg .sec07 .box01 {
display: flex;
align-items: flex-start;
}
}
@media (min-width: 768px) and (max-width: 999px) {
.sec_bg .sec07 .box01 .col h3 {
font-size: 16px;
font-size: 1.6rem;
}
}
@media (min-width: 768px) and (min-width: 1000px) {
.sec_bg .sec07 .box01 .col:first-child {
width: 40%;
}
}
@media (min-width: 768px) and (max-width: 999px) {
.sec_bg .sec07 .box01 .col:first-child {
width: 29%;
}
}
@media (min-width: 768px) and (min-width: 1000px) {
.sec_bg .sec07 .box01 .col:nth-child(2) {
width: 32%;
margin-left: 0;
}
.sec_bg .sec07 .box01 .col:nth-child(2) .awarid_title {
margin-bottom: 0.3em;
}
}
@media (min-width: 768px) and (max-width: 999px) {
.sec_bg .sec07 .box01 .col:nth-child(2) {
width: 22%;
}
}
@media (min-width: 768px) {
.sec_bg .sec07 .box01 .col:last-child {
width: 60%;
}
}
@media (min-width: 768px) and (max-width: 999px) {
.sec_bg .sec07 .box01 .col:last-child {
width: 49%;
}
}
.sec_bg .sec08 {
padding: 0;
}
@media (max-width: 767px) {
.sec_bg .sec08 {
padding: 0;
}
}
.sec_bg .sec08 .row.box02 {
margin-bottom: 60px;
}
@media (max-width: 767px) {
.sec_bg .sec08 .row.box02 {
margin-bottom: 5%;
}
}
.sec_bg .sec08 .row .img_box {
display: flex;
align-items: center;
}
.sec_bg .sec08 .row .img_box figure:last-child {
margin-left: 3%;
}
.sec_bg .sec08 .row .col {
padding: 3%;
background-color: #f4f1e9;
}
.sec_bg .sec08 .row .col p {
padding-top: 25px;
font-weight: bold;
font-size: 18px;
font-size: 1.8rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
.sec_bg .sec08 .more a {
max-width: 350px;
}
}
.sec09 {
padding: 4% 0;
margin-bottom: 0;
background: url(/wp-content/uploads/bg_img005.jpg);
background-repeat: repeat;
background-size: auto;
}
@media (max-width: 767px) {
.sec09 {
padding: 10% 0;
}
}
.sec10 {
padding: 4% 0;
margin-bottom: 0;
background: url(/wp-content/uploads/bg_img010.jpg);
background-repeat: repeat;
background-size: auto;
}
@media (max-width: 767px) {
.sec10 {
padding: 10% 0;
}
}
.sec10 figcaption {
font-size: 22px;
font-size: 2.2rem;
font-weight: bold;
text-align: center;
color: #28421b;
}
@media (max-width: 767px) {
.sec10 figcaption {
font-size: 18px;
font-size: 1.8rem;
}
}
.sec10 .title {
margin-bottom: 50px;
}
@media (max-width: 767px) {
.sec10 .title {
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
.sec10 .box01 .col {
padding-bottom: 4%;
}
.sec10 .box01 .col:last-child {
position: relative;
}
.sec10 .box01 .col:last-child img {
position: absolute;
bottom: 0;
right: 0;
}
}
.sec_qa {
padding: 4% 0;
margin-bottom: 0;
background: url(/wp-content/uploads/bg_img014.jpg);
}
@media (max-width: 767px) {
.sec_qa {
padding: 10% 0;
}
}
.sec_qa .title {
margin-bottom: 50px;
}
@media (max-width: 767px) {
.sec_qa .title {
margin-bottom: 30px;
}
}
.sec11 {
padding: 4% 0;
margin-bottom: 0;
background-image: url(/wp-content/uploads/bg_img003.jpg);
background-repeat: repeat;
background-size: auto;
}
@media (max-width: 767px) {
.sec11 {
padding: 10% 0;
}
}
.sec11 .title {
margin-bottom: 50px;
}
@media (max-width: 767px) {
.sec11 .title {
margin-bottom: 30px;
}
}
.sec11 figcaption {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
color: #28421b;
margin-top: 1em;
padding-bottom: 0.5em;
border-bottom: 2px solid #000;
}
.sec12 {
padding: 4% 0;
margin-bottom: 0;
background-color: #d0dae1;
}
@media (max-width: 767px) {
.sec12 {
padding: 10% 0;
}
}
.sec12 .title {
margin-bottom: 70px;
}
@media (max-width: 767px) {
.sec12 .title {
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
.sec12 .title_box01 {
display: flex;
align-items: center;
justify-content: center;
}
}
.sec12 .title_box01 p {
text-align: center;
font-weight: bold;
font-size: 32px;
font-size: 3.2rem;
margin-bottom: 1.5em;
margin-top: 0;
border-radius: 5px;
padding: 15px 54px;
}
@media (max-width: 767px) {
.sec12 .title_box01 p {
font-size: 20px;
font-size: 2rem;
padding: 10px 54px;
max-width: 80%;
margin: 0 auto 1em;
}
}
.sec12 .title_box01 p.txt01 {
color: #28421b;
background-color: #fff;
position: relative;
}
.sec12 .title_box01 p.txt01:after {
content: "";
display: block;
width: 48px;
height: 48px;
position: absolute;
right: -70px;
left: auto;
top: 40%;
bottom: auto;
margin-top: -12px;
background: url(/wp-content/uploads/info_img001.png) center center no-repeat;
background-size: contain;
transition: 0.5s;
border: none;
}
@media (max-width: 767px) {
.sec12 .title_box01 p.txt01:after {
width: 21px;
height: 21px;
}
}
@media (min-width: 768px) {
.sec12 .title_box01 p.txt01 {
margin-right: 90px;
}
}
@media (max-width: 767px) {
.sec12 .title_box01 p.txt01 {
margin-bottom: 40px;
}
.sec12 .title_box01 p.txt01:after {
left: 0;
right: 0;
margin: 0 auto;
top: auto;
bottom: -30px;
}
}
.sec12 .title_box01 p.txt02 {
color: #fff;
background-color: #28421b;
}
.sec_contact {
padding: 4% 0;
margin-bottom: 0;
background: url(/wp-content/uploads/bg_img001.jpg);
}
@media (max-width: 767px) {
.sec_contact {
padding: 10% 0;
}
}
.sec_contact .title {
margin-bottom: 70px;
}
@media (max-width: 767px) {
.sec_contact .title {
margin-bottom: 30px;
}
}
.sec_contact .bg_box01 {
background-color: #fff;
padding: 90px 90px 60px;
}
@media (max-width: 1023px) {
.sec_contact .bg_box01 {
padding: 40px 30px 20px;
}
}
.sec_contact .bg_box01 .inquiry {
max-width: none;
}
.sec_contact .bg_box01 .inquiry fieldset {
background: transparent;
padding: 0;
}
.sec_contact .bg_box01 .inquiry fieldset .kaisou input[type=text] {
width: 25% !important;
}
@media (max-width: 767px) {
.sec_contact .bg_box01 .inquiry fieldset .kaisou input[type=text] {
width: 50% !important;
}
}
@media (min-width: 768px) {
.sec_contact .bg_box01 .inquiry fieldset .span_4 {
width: 25%;
margin-right: 7%;
padding-left: 2%;
}
}
.sec_contact .bg_box01 .inquiry fieldset .row {
display: block;
border-top: 1px solid #ccc;
padding: 20px 0;
}
.sec_contact .bg_box01 .inquiry fieldset .row.last {
border-bottom: 1px solid #ccc;
margin-bottom: 2em;
}
@media (min-width: 768px) {
.sec_contact .bg_box01 .inquiry fieldset .row {
display: flex;
align-items: center;
}
}
.sec_contact .bg_box01 .inquiry fieldset .required_txt {
padding-right: 60px;
position: relative;
}
.sec_contact .bg_box01 .inquiry fieldset .required_txt:after {
content: "必須";
color: #fff;
background-color: #d53c3c;
position: absolute;
padding: 5px 10px;
border-radius: 5px;
right: 10px;
top: -5px;
margin: 0 auto;
}
.sec_contact .bg_box01 .inquiry .submit .wpcf7-submit {
border: 1px solid #2dc3e7;
color: #fff;
background: linear-gradient(to bottom, #2dc3e7, #19b4e0);
box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.1);
padding: 1.5em 1em;
line-height: 1.8;
margin: 0 auto 1px;
max-width: 400px;
cursor: pointer;
}
.sec_contact .bg_box01 .inquiry .submit .wpcf7-submit:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 5%;
margin: auto;
width: 6px;
height: 6px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: translate(0, -50%) rotate(45deg);
transition: 0.2s;
}
.sec_blog .col {
position: relative;
overflow: hidden;
}
/* .sec_blog .col:after {
content: "";
padding-top: 100%;
display: block;
} */
.sec_blog .col figure {
position: relative;
height: 0;
overflow: hidden;
padding-top: 80%;
border: 1px solid #ccc;
}
.sec_blog .col img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-o-object-fit: contain;
object-fit: contain;
}
h2.h2_design_2 {
background: #a20000;
color: #fff;
padding: 0.5em 0.7em;
text-align: left;
}
h2.h2_design_2.h2_color_navy {
background: #002060;
}
h2.h2_design_2.h2_color_lightgreen {
background: #4f6228;
}
h2.h2_design_2.h2_color_purple {
background: #604a7b;
}
h2.h2_design_2.h2_color_blue {
background: #0070c0;
}
h2.h2_design_2.h2_color_brown {
background: #632523;
}
h2.h2_design_2.h2_color_green {
background: #003300;
}
h2.h2_design_2:after,
h2.h2_design_2:before {
display: none;
}
.cat_list,
.tag_list {
padding-left: 0;
display: flex;
flex-wrap: wrap;
}
.cat_list li,
.tag_list li {
list-style: none;
margin-right: 10px;
margin-bottom: 10px;
}
.cat_list li a,
.tag_list li a {
display: block;
text-decoration: none;
color: #fff;
background: #28421b;
text-align: center;
padding: 0.6em 1.2em;
font-size: 16px;
font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
.cat_list li,
.tag_list li {
margin-right: 5px;
margin-bottom: 5px;
}
.cat_list li a,
.tag_list li a {
padding: 0.4em 0.8em;
font-size: 15px;
font-size: 1.5rem;
}
}
.blog_list .col a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}
.blog_list .col a figure {
position: relative;
height: 0;
padding-top: 76%;
overflow: hidden;
background: #ccc;
}
.blog_list .col a figure img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: scale(1);
transition: 0.3s;
}
.blog_list .col a:hover figure img {
transform: scale(1.1);
}
.blog_list .col a ul.post_cat_list,
ul.post_tag_list {
padding: 0;
display: flex;
flex-wrap: wrap;
margin-top: 5px;
margin-bottom: 0;
}
.blog_list .col a ul.post_cat_list li,
ul.post_tag_list li {
list-style: none;
margin-right: 5px;
display: inline-block;
background: #28421b;
color: #fff;
padding: 0 0.4em;
border-radius: 3px;
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 2px;
}
.blog_list .col a .title {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
line-height: normal;
margin-bottom: 0.5em;
}
.blog_list .col a .title + p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.blog_list .col a .title {
font-size: 15px;
font-size: 1.5rem;
}
.blog_list .col:not(:last-child) {
margin-bottom: 5%;
}
/* .works_post_list > .row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.works_post_list .row .col figure {
height: 32%;
overflow: hidden;
}
.works_post_list .row .col .post_tag_list {
height: 10%;
align-items: flex-start;
margin: 0;
padding-top: 5px;
} */
.works_post_list .row .col .post_thumbnail_title a {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
overflow: hidden;
}
/* .works_post_list .row .col .works {
height: 7%;
margin: 0;
padding: .5em 0 1em;
}
.works_post_list .row .col .more {
height: 28%;
} */
}
.pulldown_nav {
margin: 0 10px 3%;
}
.pulldown_nav {
display: none;
}
@media screen and (max-width: 767px) {
.pulldown_nav {
position: relative;
display: block;
z-index: 999;
}
.pulldown_nav .pulldown_btn {
position: relative;
display: block;
margin: 0 auto;
border-radius: 5px;
background: #a20000;
color: #fff;
padding: 1em;
cursor: pointer;
}
.pulldown_nav .pulldown_btn:after {
content: "";
width: 7px;
height: 7px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
position: absolute;
right: 5%;
top: 50%;
margin: auto;
transform: translateY(-50%) rotate(45deg);
}
.pulldown_nav ul {
position: absolute;
z-index: -1;
top: 100%;
left: 0;
right: 0;
margin: auto;
width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #b3b3b3;
}
.pulldown_nav .pulldown_btn + nav ul {
transform-origin: center top;
visibility: hidden;
transition: transform 0.3s;
transform: rotateX(90deg);
}
.pulldown_nav .pulldown_btn.menu_open + nav ul {
visibility: visible;
transform: rotateX(0deg);
}
.pulldown_nav ul li {
border-bottom: 1px solid #b3b3b3;
}
.pulldown_nav ul li a {
display: block;
padding: 1em;
text-decoration: none;
color: #fff;
background: rgba(162, 0, 0, 0.9);
}
.pulldown_nav ul li.has_under > a {
position: relative;
}
.pulldown_nav ul li.has_under > a:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 6%;
margin: auto;
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: translate(0, -50%) rotate(135deg);
transition: 0.2s;
}
.pulldown_nav ul > li > ul {
position: relative;
margin: 0;
padding: 0;
list-style: none;
display: none;
}
.pulldown_nav ul > li > ul > li {
border-bottom: 1px solid #b3b3b3;
}
}
.under_link_bnr {
margin-top: 7%;
}
.under_link_bnr .row .col figure a {
display: block;
text-decoration: none;
}
.under_link_bnr .row .col figure a img {
opacity: 1;
transition: 0.2s;
}
.under_link_bnr .row .col figure a:hover img {
opacity: 0.8;
}
.under_link_bnr .row .col figure a figcaption {
position: relative;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
padding-left: 25px;
color: #002e4f;
}
.under_link_bnr .row .col figure a figcaption:after {
content: "";
background-image: url(/wp-content/uploads/arrow.png);
background-repeat: no-repeat;
background-size: contain;
width: 16px;
height: 13.91px;
position: absolute;
left: 0;
top: 50%;
margin: auto;
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.sp_image_cols.sp_col2 .col:not(:last-child) {
margin-bottom: 5%;
}
.under_link_bnr .row .col figure a figcaption {
font-size: 14px;
font-size: 1.4rem;
}
.under_link_bnr .row .col figure a figcaption:after {
width: 13px;
height: 11.3px;
}
}
.sec_sns {
margin-bottom: 0;
padding: 7% 0;
}
.sec_sns .container > figure > a:first-child {
margin-right: 1%;
}
.sec_sns a {
text-decoration: none;
}
.sec_sns a:last-child {
margin-left: 25px;
}
.sec_sns a img {
max-width: 48px;
}
@media screen and (max-width: 767px) {
.sec_sns {
padding: 10% 0;
}
}
@media (min-width: 769px) {
.glsr .glsr-reviews,
.glsr .glsr-reviews-wrap {
display: flex;
flex-wrap: wrap;
}
.glsr-default .glsr-review {
flex-wrap: wrap;
width: 45%;
}
.post_content h2 {
font-size: 28px;
}
}
header {
position: fixed;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: 1000;
}
footer .fixed_content {
position: fixed;
margin: auto;
z-index: 1000;
}
footer .fixed_content .inner a {
display: block;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
footer .fixed_content .inner:first-child a:first-child {
background: #002d4e;
}
footer .fixed_content .inner:first-child a:nth-child(2) {
background: #a20000;
}
footer .fixed_content .inner:first-child a:last-child {
background: #06c655;
}
footer .fixed_content .inner:last-child a:first-child {
background: #a20000;
}
footer .fixed_content .inner:last-child a:last-child {
background: #099b09;
}
@media screen and (min-width: 768px) {
footer .fixed_content {
top: 50%;
right: 0;
transform: translateY(-50%);
}
footer .fixed_content .inner a {
flex-direction: column;
border-radius: 7px 0 0 7px;
padding: 1em;
transition: 0.2s;
}
footer .fixed_content .inner a:hover {
background: #730000;
}
footer .fixed_content .inner a img {
margin-bottom: 5px;
}
footer .fixed_content .inner a span {
writing-mode: vertical-rl;
font-size: 16px;
font-size: 1.6rem;
}
}
@media screen and (max-width: 767px) {
footer {
margin-bottom: 44.78px;
}
footer .fixed_content {
bottom: 0;
left: 0;
right: 0;
}
footer .fixed_content .inner {
display: flex;
width: 100%;
}
footer .fixed_content .inner a {
padding: 0.6em;
}
footer .fixed_content .inner:first-child a:first-child,
footer .fixed_content .inner:first-child a:nth-child(2),
footer .fixed_content .inner:first-child a:last-child {
width: 50%;
}
footer .fixed_content .inner a img {
margin-right: 5px;
max-width: 28px;
}
footer .fixed_content .inner a span {
font-size: 15px;
font-size: 1.5rem;
text-align: center;
}
}
footer .footer_content_wrap {
padding: 3% 0 2%;
}
footer .footer_content_wrap .container {
display: flex;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap {
margin-bottom: 4%;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap > .left .logo {
margin-bottom: 1em;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap > .left .address {
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 1em;
line-height: 1.8;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap > .left .sns_logo_wrap a {
text-decoration: none;
display: inline-block;
vertical-align: middle;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap > .left .sns_logo_wrap a img {
max-width: 48px;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap > .left .sns_logo_wrap a:not(:first-child) {
margin-left: 20px;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap > .left .logo img {
max-width: 228px;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap > .right .free_img {
margin-bottom: 1em;
text-align: left;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap > .right .info {
margin-bottom: 2em;
line-height: 2;
font-size: 12px;
font-size: 1.2rem;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap > .right .info .tel {
display: block;
margin: 0.5em 0;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap > .right .more a {
line-height: 1.5;
font-weight: bold;
height: 74px;
font-size: 18px;
font-size: 1.8rem;
border: none;
background: linear-gradient(to bottom, #e78200, #d76100);
width: 230px;
box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.1);
padding: 10px 1em;
}
footer .footer_content_wrap .container > .nav_content nav {
display: flex;
}
footer .footer_content_wrap .container > .nav_content nav ul li {
display: block;
text-align: left;
line-height: 2;
}
footer .footer_content_wrap .container > .nav_content nav ul li:before {
display: none;
}
footer .footer_content_wrap .container > .nav_content nav ul li.title_link {
position: relative;
font-weight: bold;
padding-left: 18px;
font-size: 16px;
font-size: 1.6rem;
}
footer .footer_content_wrap .container > .nav_content nav ul li.title_link a[href="#"] {
pointer-events: none;
}
footer .footer_content_wrap .container > .nav_content nav ul li.title_link:after {
content: "";
width: 10px;
height: 10px;
background: #1b1b1b;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
footer .footer_content_wrap .container > .nav_content nav ul li:not(.title_link) {
position: relative;
padding-left: 10px;
}
footer .footer_content_wrap .container > .nav_content nav ul li:not(.title_link):after {
content: "";
width: 3px;
height: 3px;
border-radius: 100%;
background: #1b1b1b;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
@media screen and (min-width: 768px) {
footer .footer_content_wrap .container > * {
width: 49%;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap {
display: flex;
align-items: flex-start;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap > * {
width: 49%;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap > .right {
margin-left: 2%;
}
footer .footer_content_wrap .container > .nav_content {
margin-left: 2%;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap > .left .logo {
text-align: left;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap > .right .more a {
margin-left: 0;
}
footer .footer_content_wrap .container > .nav_content nav ul {
width: 49%;
}
footer .footer_content_wrap .container > .nav_content nav ul:last-child {
margin-left: 2%;
}
}
@media screen and (max-width: 767px) {
footer .footer_content_wrap .container {
flex-direction: column;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap {
display: table;
margin: 0 auto;
margin-bottom: 4%;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap > .left {
margin-bottom: 8%;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap > .left .sns_logo_wrap {
text-align: center;
}
footer .footer_content_wrap .container > .nav_content nav ul li {
border: none;
}
footer .footer_content_wrap .container > .nav_content nav ul li a {
padding: 0;
}
footer .footer_content_wrap .container > .info_content > .flex_wrap > .right .free_img {
text-align: center;
}
}
.sec_contact #wpcf7-f4418-p13-o1 {
padding-top: 152px;
margin-top: -152px;
}
@media screen and (max-width: 767px) {
.sec_contact #wpcf7-f4418-p13-o1 {
padding-top: 85px;
margin-top: -85px;
}
}
.sec_banner {
padding-top: 5%;
}
.sec_banner figure img {
box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}
.sec_area {
margin-bottom: 0;
padding: 4% 0;
background: url(/wp-content/uploads/bg_img015.jpg);
}
.sec_area .row .col:last-child {
display: flex;
align-items: center;
}
.sec_area .row .col .info_wrap {
display: flex;
align-items: center;
}
.sec_area .row .col .info_wrap figure {
margin-right: 20px;
}
.sec_area .row .col .info_wrap p {
margin-bottom: 0;
font-size: 12px;
font-size: 1.2rem;
line-height: 2;
}
.sec_area .row .col .info_wrap p .title01 {
font-size: 15px;
font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
.sec_area {
padding: 8% 0;
}
}
.tab {
display: flex;
max-width: 1000px;
margin: 0 auto;
}
.tab p {
position: relative;
width: 33.333%;
font-size: 22px;
font-size: 2.2rem;
color: #fff;
padding: 1em;
margin: 0;
text-align: center;
cursor: pointer;
}
.tab p:not(:first-child) {
border-left: 1px solid #fff;
}
.tab p:after {
content: "";
position: absolute;
bottom: -12px;
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 12px 11.5px 0 11.5px;
display: none;
}
.tab p.active:after {
display: block;
}
.tab p.active {
background: #2b461d;
}
.tab p.active:after {
border-color: #2b461d transparent transparent transparent;
}
.tab p {
background: #91b47e;
}
.tab p:after {
border-color: #91b47e transparent transparent transparent;
}
.tab + .tab_content {
border: 1px solid #cccccc;
padding: calc(5% + 23px) 3% 5%;
background: #fff;
max-width: 1000px;
margin: 0 auto 4%;
}
.tab + .tab_content .pricing_table_slide figure {
max-width: 260px;
margin: 0 auto 1em;
/* border: 1px solid #cccccc; */
}
.tab + .tab_content .content:nth-child(2) .pricing_table_slide figure {
padding: 3%;
}
.tab:not(.tab_pricing_table) + .tab_content .content {
display: none;
}
.tab:not(.tab_pricing_table) + .tab_content .content.open {
display: block;
}
@media screen and (min-width: 768px) {
.tab.tab_pricing_table + .tab_content .content {
display: none;
}
.tab.tab_pricing_table + .tab_content .content.open {
display: block;
}
}
@media screen and (max-width: 767px) {
.tab p {
font-size: 14px;
font-size: 1.4rem;
padding: 0.6em;
display: flex;
justify-content: center;
align-items: center;
}
.tab + .tab_content {
padding: calc(8% + 23px) 5% 8%;
}
.tab.tab_pricing_table + .tab_content .content {
/* opacity: 0;
visibility: hidden;
height: 0; */
display: none;
}
.tab.tab_pricing_table + .tab_content .content.open {
/* opacity: 1;
visibility: visible;
height: auto; */
display: block;
}
}
.box03 {
position: relative;
}
.box03 .btns {
position: absolute;
left: 0;
right: 0;
bottom: 1%;
padding: 4%;
}
.box03 .btns {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.box03 .btns a {
display: block;
background: #fff;
padding: 2%;
width: 32%;
margin-left: 2%;
text-align: center;
text-decoration: none;
}
.box03 .btns a:first-child {
margin-left: 0;
}
.box03 .btns a img {
margin: 1em 0;
}
.box03 .btns a:first-child img {
max-width: 72px;
width: 33%;
}
.box03 .btns a:nth-child(2) img {
max-width: 66px;
width: 22%;
}
.box03 .btns a:nth-child(3) img {
max-width: 224px;
width: 73%;
}
.box03 .btns a > span:first-child {
font-size: clamp(14px, 2.9vw, 24px);
font-weight: bold;
display: block;
}
.box03 .btns a > span:first-child span {
color: #ad0203;
}
.box03 .btns a > span:last-child {
font-size: clamp(14px, 2.9vw, 24px);
font-weight: bold;
display: block;
}
.box03 .btns a:last-child > span:last-child {
font-size: clamp(12px, 2.9vw, 20px);
font-weight: bold;
}
.box03 .btns a > span:last-child span {
font-size: clamp(10px, 2.9vw, 13px);
color: #000000;
display: block;
}
.box03 .btns a:first-child > span:last-child {
color: #a20000;
}
.box03 .btns a:nth-child(2) > span:last-child {
color: #06c755;
}
.box03 .btns a:nth-child(3) > span:last-child {
color: #412600;
}
@media screen and (max-width: 955px) and (min-width: 768px) {
.box03 .btns a > span:first-child {
font-size: 18px;
font-size: 1.8rem;
}
.box03 .btns a > span:last-child {
font-size: 18px;
font-size: 1.8rem;
}
.box03 .btns a:last-child > span:last-child {
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 767px) {
.box03 .btns a:nth-child(1),
.box03 .btns a:nth-child(2) {
width: 49%;
}
.box03 .btns a:nth-child(3) {
margin-left: 0;
margin-top: 2%;
width: 100%;
}
}
.sec_contact .bg_box01 .inquiry .submit .wpcf7-submit.green_btn {
border: 1px solid #a20000;
background: #a20000;
transition: 0.2s;
}
.sec_contact .bg_box01 .inquiry .submit .wpcf7-submit.green_btn:hover {
background: #730000;
}
.accordion_title {
position: relative;
font-size: 32px;
font-size: 3.2rem;
font-weight: bold;
padding: 1em 0;
margin: 1em 0;
border-top: 1px solid #1b1b1b;
border-bottom: 1px solid #1b1b1b;
cursor: pointer;
}
.accordion_title:after {
content: "";
width: 25px;
height: 3px;
background: #1b1b1b;
position: absolute;
right: 20px;
top: 50%;
margin: auto;
transform: translateY(-50%);
}
.accordion_title:before {
content: "";
width: 3px;
height: 25px;
background: #1b1b1b;
position: absolute;
right: 31px;
top: 50%;
margin: auto;
transform: translateY(-50%);
}
.accordion_title.active:before {
opacity: 0;
}
.accordion_content {
display: none;
}
.accordion_content.open {
display: block;
}
@media screen and (max-width: 767px) {
.accordion_title {
font-size: 22px;
font-size: 2.2rem;
}
.accordion_title:after {
width: 20px;
height: 2px;
right: 20px;
}
.accordion_title:before {
width: 2px;
height: 20px;
right: 29px;
}
}
.flex_wrap {
display: flex;
align-items: center;
}
.post_works_list_wrap .col a {
text-decoration: none;
display: block;
}
.post_works_list_wrap .col a .content_title {
font-size: 16px;
font-size: 1.6rem;
color: #fff;
background: #28421b;
padding: 0.3em;
margin-bottom: 0.5em;
}
.post_works_list_wrap .col a figure {
height: 0;
padding-top: 65%;
position: relative;
overflow: hidden;
margin-bottom: 0.5em;
}
.post_works_list_wrap .col a figure img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: scale(1);
transition: 0.3s;
}
.post_works_list_wrap .col a:hover figure img {
transform: scale(1.1);
}
.post_works_list_wrap .col a table {
margin-bottom: 0.5em;
}
.post_works_list_wrap .col a .table-default th {
background-color: rgba(0, 42, 75, 0.7);
}
.post_works_list_wrap .col a .table-default td,
.post_works_list_wrap .col a .table-default th {
border-color: #28421b;
}
.post_works_list_wrap .col a .content_detail {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
@media screen and (min-width: 768px) {
.post_works_list_wrap .col a .content_title {
min-height: 54px;
display: flex;
align-items: center;
}
}
@media screen and (max-width: 767px) {
.post_works_list_wrap .col a .content_title {
font-size: 15px;
font-size: 1.5rem;
}
}
.accordion_btn {
display: block;
max-width: 300px;
margin: 0 auto;
font-size: 18px;
font-size: 1.8rem;
padding: 0.6em;
background: #a20000;
color: #fff;
border-radius: 8px;
text-align: center;
cursor: pointer;
}
.accordion_btn:hover {
background: #730000;
}
.accordion_btn.active {
display: none;
}
@media screen and (max-width: 767px) {
.accordion_btn {
font-size: 16px;
font-size: 1.6rem;
}
}
.tab_post_list_wrap > .col {
margin-bottom: 0 !important;
}
.tab_post_list_wrap .col a {
display: block;
padding: 4% 0;
border-bottom: 1px solid #cfcfcf;
text-decoration: none;
}
.tab_post_list_wrap > .col:nth-child(1) a,
.tab_post_list_wrap > .col:nth-child(2) a {
border-top: 1px solid #cfcfcf;
}
.tab_post_list_wrap .col a .row .col {
position: relative;
}
.tab_post_list_wrap .col a .row .col:last-child:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 16px 16px 0;
border-color: transparent #a20000 transparent transparent;
position: absolute;
top: 0;
right: 0;
margin: auto;
}
.tab_post_list_wrap .col a .row .col figure {
position: relative;
height: 0;
padding-top: 100%;
overflow: hidden;
}
.tab_post_list_wrap .col a .row .col figure img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: scale(1);
transition: 0.3s;
}
.tab_post_list_wrap .col a:hover .row .col figure img {
transform: scale(1.1);
}
.tab_post_list_wrap .col a .row .col:last-child .date {
margin: 0;
}
.tab_post_list_wrap .col a .row .col:last-child .cat_lables {
display: flex;
flex-wrap: wrap;
}
.tab_post_list_wrap .col a .row .col:last-child .cat_lables .label {
padding: 0.3em 0.6em;
color: #fff;
text-align: center;
background: #a20000;
margin-right: 5px;
}
.tab_post_list_wrap .col a .row .col:last-child .title {
font-weight: bold;
font-size: 15px;
font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
.tab_post_list_wrap > .col:nth-child(2) a {
border-top: none;
}
.tab_post_list_wrap .col a .row .col {
float: left;
}
.tab_post_list_wrap .col a .row .col.span_4 {
width: 32%;
}
.tab_post_list_wrap .col a .row .col.span_8 {
width: 66%;
margin-left: 2%;
}
.tab_post_list_wrap .col a .row .col:last-child .date {
font-size: 13px;
font-size: 1.3rem;
}
.tab_post_list_wrap .col a .row .col:last-child .title {
font-size: 14px;
font-size: 1.4rem;
}
}
.sec_tab_post {
background: #f9f9f9;
padding: 5% 0;
margin-bottom: 0;
}
.sec_tab_post .container {
max-width: 1200px;
}
.sec_tab_post .tab p {
background: #f6b62e;
color: #fff;
width: 19.2%;
}
.sec_tab_post .tab p:not(:first-child) {
margin-left: 1%;
}
.sec_tab_post .tab p:after {
display: none;
}
.sec_tab_post .tab p.active {
background: #e07e01;
color: #fff;
}
.sec_tab_post .tab_content {
padding: 5% 3%;
}
@media screen and (max-width: 767px) {
.sec_tab_post {
padding: 10% 0;
}
.sec_tab_post .tab p {
width: 32.666%;
}
}
@media screen and (max-width: 767px) {
.post_works_list_wrap > .col:nth-child(5),
.post_works_list_wrap > .col:nth-child(6) {
display: none;
}
}
.more_read_target:not(.open) {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
}
.more_read {
display: block;
max-width: 280px;
margin: 0 auto;
font-size: 16px;
font-size: 1.6rem;
padding: 0.6em;
background: #a20000;
color: #fff;
border-radius: 8px;
text-align: center;
cursor: pointer;
margin-bottom: 2em;
}
.more_read.active {
display: none;
}
.sec_logo_brns {
margin-bottom: 0;
padding: 5% 0 0;
background: #f9f9f9;
}
@media screen and (min-width: 768px) {
.sec_logo_brns .row {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.sec_logo_brns .row .col {
margin-bottom: 2% !important;
}
}
@media screen and (max-width: 767px) {
.sec_logo_brns {
padding: 10% 0 0;
}
}
.box_border_top {
margin-top: 1em;
padding-top: 1em;
border-top: 1px solid #ccc;
}
.box_border_bottom {
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #ccc;
}
.text-medium {
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
.text-medium {
font-size: 15px;
font-size: 1.5rem;
}
.tab_pricing_table > .content > .row > .col:not(:last-child) {
margin-bottom: 8%;
}
}
.box {
border: 2px solid #1b1b1b;
padding: 20px 30px;
border-radius: 15px;
height: 100%;
}
.box.color01 {
border-color: #984807;
}
.box.color02 {
border-color: #7f7f7f;
}
.box.color03 {
border-color: #ff9900;
}
.box .img_wrap {
display: flex;
justify-content: space-between;
}
.box .img_wrap figure:last-child img {
max-width: 225px;
}
.box .title + figure {
padding: 0 0 10%;
}
.box .title + figure img {
max-width: 200px;
}
.box .title {
font-size: 28px;
font-size: 2.8rem;
font-weight: bold;
margin-bottom: 0.5em;
}
.box.color01 .title {
color: #984807;
}
.box.color02 .title {
color: #7f7f7f;
}
.box.color03 .title {
color: #ff9900;
}
.box .table_wrap {
display: flex;
}
.box .table_wrap table.table-default {
width: 30%;
margin: 0;
}
.box .table_wrap table.table-default:nth-child(2) {
margin-left: 2%;
}
.box .table_wrap table.table-default tbody tr th,
.box .table_wrap table.table-default tbody tr td {
border-color: #1b1b1b;
}
.box .table_wrap table.table-default tbody tr th {
background-color: #1b1b1b;
width: 40%;
}
.box .price {
font-size: 26px;
font-size: 2.6rem;
font-weight: bold;
}
.box .price > span {
font-size: 46px;
font-size: 4.6rem;
}
.text-navy {
color: #002060;
}
@media screen and (max-width: 767px) {
.box {
padding: 20px;
border-radius: 10px;
}
.box .img_wrap {
justify-content: center;
}
.box .title {
font-size: 22px;
font-size: 2.2rem;
}
.box .table_wrap {
flex-direction: column;
}
.box .table_wrap table.table-default {
width: 100%;
}
.box .table_wrap table.table-default:nth-child(2) {
margin-left: 0;
margin-top: 2%;
}
.box .price {
font-size: 20px;
font-size: 2rem;
}
.box .price > span {
font-size: 30px;
font-size: 3rem;
}
}
h3.h3_point {
padding-bottom: 0;
margin-bottom: 1em;
display: flex;
align-items: center;
}
h3.h3_point:after {
display: none;
}
h3.h3_point span {
margin-left: 0.5em;
}
@media screen and (max-width: 767px) {
h3.h3_point img {
max-width: 45px;
}
}
.content_box .title {
background: #a20000;
padding: 1em;
margin-bottom: 0;
}
.content_box .content {
background: #fff;
padding: 5%;
}
.sec_bg .sec07 {
margin-bottom: 0 !important;
padding: 3% 0;
}
.sec07 .slide-items {
padding: 0;
}
.sec07 .slide-items li {
padding: 0 10px;
text-align: center;
}
.sec07 .slide-items li img {
margin: 0 auto;
}
.sec07 .slide-items li figure:first-child {
margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
.sec_bg .sec07 {
padding: 6% 0;
}
}
@media screen and (max-width: 599px) {
.sec07 .slide-items li figure:first-child img {
max-height: 70px;
}
.sec07 .slide-items li figure:last-child img {
max-width: 300px;
}
}
.top_flow_wrap {
display: flex;
padding-top: 4%;
}
.top_flow_wrap .content:not(:last-child) {
margin-right: 40px;
}
.top_flow_wrap .content {
position: relative;
writing-mode: vertical-rl;
border: 2px solid #cedaab;
padding: 4.5% 2% 2% 2%;
background: #fff;
border-radius: 0;
font-size: 22px;
font-size: 2.2rem;
font-weight: bold;
color: #28421b;
min-height: 270px;
min-width: 65px;
width: calc((100% - 280px) / 8);
display: flex;
align-items: center;
}
.top_flow_wrap .content:not(:last-child):after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent transparent transparent #91b47e;
position: absolute;
top: 0;
bottom: 0;
right: -30px;
margin: auto;
}
.top_flow_wrap .content img {
position: absolute;
top: -13%;
left: 0;
right: 0;
margin: auto;
max-width: 80%;
}
.top_flow_wrap + p {
font-size: 15px;
font-size: 1.5rem;
color: #28421b;
font-weight: bold;
margin-top: 15px;
}
@media screen and (max-width: 767px) {
.top_flow_wrap {
overflow: scroll;
padding: 40px 0 10px;
}
}
/*
@media screen and (max-width: 767px) {
.top_flow_wrap {
display: block;
padding-top: 0;
}
.top_flow_wrap .content:not(:last-child) {
margin-right: 0;
margin-bottom: 40px;
}
.top_flow_wrap .content {
padding: 4% 4% 4% 8%;
margin-left: 5%;
width: calc(100% - 5%);
font-size: 17px;
font-size: 1.7rem;
min-height: auto;
}
.top_flow_wrap .content p {
margin-top: 0;
}
.top_flow_wrap .content:not(:last-child):after {
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #5088b2 transparent transparent transparent;
right: 0;
left: 0;
top: auto;
bottom: -30px;
}
.top_flow_wrap .content img {
max-height: 80%;
max-width: 100%;
right: auto;
top: 0;
bottom: 0;
left: -6%;
object-fit: contain;
}
.top_flow_wrap + p {
font-size: 14px;
font-size: 1.4rem;
}
} */
.label_wrap {
padding: 0;
display: flex;
flex-wrap: wrap;
margin-bottom: 4%;
}
.label_wrap li {
list-style: none;
padding: 0.6em;
text-align: center;
width: 18.4%;
margin-left: 2%;
border: 2px solid;
border-radius: 6px;
font-weight: bold;
}
.label_wrap li:first-child {
margin-left: 0;
}
.h2_color_navy + .label_wrap li {
border-color: #002060;
}
.h2_color_lightgreen + .label_wrap li {
border-color: #4f6228;
}
@media screen and (max-width: 767px) {
.label_wrap li {
width: 49%;
margin-top: 2%;
}
.label_wrap li:nth-child(2n+1) {
margin-left: 0;
}
.label_wrap li:first-child,
.label_wrap li:nth-child(2) {
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
.sec07 .slick-prev,
.sec07 .slick-next {
z-index: 99;
width: 40px;
height: 40px;
}
.sec07 .slick-prev {
left: 3%;
}
.sec07 .slick-next {
right: 3%;
}
.sec07 .slick-prev:before,
.sec07 .slick-next:before {
font-size: 40px;
color: #28421b;
}
}
/* .tab_content.tab_pricing_table .content .main_content {
padding: 6%;
}
.tab_content.tab_pricing_table .content .main_content.color01 {
background: #984807;
}
.tab_content.tab_pricing_table .content .main_content.color02 {
background: #7f7f7f;
}
.tab_content.tab_pricing_table .content .main_content.color03 {
background: #f90;
}
.tab_content.tab_pricing_table .content .main_content p {
text-align: center;
color: #fff;
font-weight: bold;
font-size: 20px;
font-size: 2.0rem;
line-height: 1.5;
}
.tab_content.tab_pricing_table .content .main_content p span {
font-size: 45px;
font-size: 4.5rem;
} */
.tab_content.tab_pricing_table .content .pricing_table_content {
display: flex;
align-items: center;
justify-content: space-between;
}
.tab_content.tab_pricing_table .content .pricing_table_content .title {
display: flex;
align-items: center;
}
.tab_content.tab_pricing_table .content .pricing_table_content .title p {
margin: 0;
margin-left: 30px;
font-size: 60px;
font-weight: bold;
}
.tab_content.tab_pricing_table .content .pricing_table_content.color01 .title p {
color: #9f4a11;
}
.tab_content.tab_pricing_table .content .pricing_table_content.color02 .title p {
color: #696969;
}
.tab_content.tab_pricing_table .content .pricing_table_content.color03 .title p {
color: #b78110;
}
.tab_content.tab_pricing_table .content .pricing_table_content .title p span {
display: table;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
font-size: 18px;
font-size: 1.8rem;
padding: 4px 0;
color: #000;
}
.tab_content.tab_pricing_table .content .pricing_table_content .price {
margin-left: 4%;
}
@media screen and (max-width: 767px) {
/* .tab_content.tab_pricing_table .content .main_content p {
font-size: 16px;
font-size: 1.6rem;
}
.tab_content.tab_pricing_table .content .main_content p span {
font-size: 35px;
font-size: 3.5rem;
} */
.tab_content.tab_pricing_table .content:nth-child(1) .pricing_table_slide .row,
.tab_content.tab_pricing_table .content:nth-child(2) .pricing_table_slide .row {
margin: 0 5px !important;
min-width: 280px;
}
.tab_content.tab_pricing_table .content .pricing_table_content {
display: block;
}
.tab_content.tab_pricing_table .content .pricing_table_content .title {
margin-bottom: 4%;
}
.tab_content.tab_pricing_table .content .pricing_table_content .title img {
max-width: 65px;
}
.tab_content.tab_pricing_table .content .pricing_table_content .title p {
font-size: 25px;
font-size: 2.5rem;
margin-left: 2%;
width: 100%;
text-align: left;
}
.tab_content.tab_pricing_table .content .pricing_table_content .title p span {
font-size: 13px;
font-size: 1.3rem;
}
.tab_content.tab_pricing_table .content .pricing_table_content .price {
width: 100%;
margin-left: 0;
}
.tab_content.tab_pricing_table .content .pricing_table_content .price img {
max-width: 180px;
margin-left: auto;
}
}
.main_visual + .sec_bg {
padding-bottom: 4%;
}
.main_visual + .sec_bg .container {
padding: 3%;
}
@media screen and (max-width: 767px) {
.row.pricing_table_slide .slick-track > .col {
width: auto;
margin: 0 5px;
margin-bottom: 0 !important;
}
.tab_content.tab_pricing_table .content .main_content {
padding: 6%;
width: 250px;
}
.pricing_table_slide .slick-prev,
.pricing_table_slide .slick-next {
z-index: 99;
width: 40px;
height: 40px;
}
.pricing_table_slide .slick-prev {
left: 3%;
}
.pricing_table_slide .slick-next {
right: 3%;
}
.pricing_table_slide .slick-prev:before,
.pricing_table_slide .slick-next:before {
font-size: 40px;
color: #28421b;
opacity: 1;
}
}
.top_popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 99999;
background: rgba(0, 0, 0, 0.7);
display: none;
}
.top_popup > .container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: table;
}
.top_popup .close_icon {
position: absolute;
top: -20px;
right: -10px;
width: 45px;
height: 45px;
background: #fff;
border-radius: 50%;
cursor: pointer;
}
.top_popup .close_icon:after,
.top_popup .close_icon:before {
content: "";
width: 30px;
height: 2px;
background: #000;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.top_popup .close_icon:after {
transform: rotate(45deg);
}
.top_popup .close_icon:before {
transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
.top_popup .close_icon {
top: -30px;
right: 0;
width: 35px;
height: 35px;
}
.top_popup .close_icon:after,
.top_popup .close_icon:before {
width: 25px;
}
}
.post_slide .sp-slides .sp-slide {
border: 1px solid #707070;
background: #fff;
margin-bottom: 30px;
box-sizing: border-box;
}
.post_slide .sp-slides .sp-slide a {
display: block;
text-decoration: none;
opacity: 1;
transition: 0.2s;
}
.post_slide .sp-slides .sp-slide a:hover {
opacity: 0.7;
}
.post_slide .sp-slides .sp-slide a figure {
position: relative;
height: 0;
padding-top: 75%;
overflow: hidden;
}
.post_slide .sp-slides .sp-slide a figure img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
margin: auto;
-o-object-fit: cover;
object-fit: cover;
}
.post_slide .sp-slides .sp-slide a .text_wrap {
padding: 25px;
font-weight: bold;
}
.post_slide .sp-slides .sp-slide a .text_wrap .about_text {
border-bottom: 1px solid #ff7215;
display: table;
}
.post_slide .sp-slides .sp-slide a .text_wrap .content_detail {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.post_slide .sp-slides .sp-slide a .text_wrap .title {
font-size: 13px;
font-size: 1.3rem;
color: #808080;
margin-top: 2em;
}
.post_slide .sp-buttons .sp-button {
border: none;
background: #ccc;
}
.post_slide .sp-buttons .sp-button.sp-selected-button {
background: #a20000;
}
@media screen and (max-width: 767px) {
.post_slide .sp-slides .sp-slide a .text_wrap {
padding: 4%;
}
}
.contact-btns-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 1100px;
margin: 0 auto;
}
.contact-btns-wrap a {
display: block;
background: #fff;
padding: 2%;
width: 32%;
margin-left: 2%;
text-align: center;
text-decoration: none;
}
.contact-btns-wrap a:first-child {
margin-left: 0;
}
.contact-btns-wrap a img {
margin: 1em 0;
}
.contact-btns-wrap a:first-child img {
max-width: 72px;
width: 33%;
}
.contact-btns-wrap a:nth-child(2) img {
max-width: 66px;
width: 22%;
}
.contact-btns-wrap a:nth-child(3) img {
max-width: 224px;
width: 73%;
}
.contact-btns-wrap a > span:first-child {
font-size: clamp(14px, 2.9vw, 24px);
font-weight: bold;
display: block;
}
.contact-btns-wrap a > span:first-child span {
color: #ad0203;
}
.contact-btns-wrap a > span:last-child {
font-size: clamp(14px, 2.9vw, 24px);
font-weight: bold;
display: block;
}
.contact-btns-wrap a:last-child > span:last-child {
font-size: clamp(12px, 2.9vw, 20px);
font-weight: bold;
}
.contact-btns-wrap a > span:last-child span {
font-size: clamp(10px, 2.9vw, 13px);
color: #000000;
display: block;
}
.contact-btns-wrap a:first-child > span:last-child {
color: #a20000;
}
.contact-btns-wrap a:nth-child(2) > span:last-child {
color: #06c755;
}
.contact-btns-wrap a:nth-child(3) > span:last-child {
color: #412600;
}
@media screen and (max-width: 955px) and (min-width: 768px) {
.contact-btns-wrap a > span:first-child {
font-size: 18px;
font-size: 1.8rem;
}
.contact-btns-wrap a > span:last-child {
font-size: 18px;
font-size: 1.8rem;
}
.contact-btns-wrap a:last-child > span:last-child {
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 767px) {
.contact-btns-wrap a:nth-child(1),
.contact-btns-wrap a:nth-child(2) {
width: 49%;
}
.contact-btns-wrap a:nth-child(3) {
margin-left: 0;
margin-top: 2%;
width: 100%;
}
}
.multi_content_wrap {
display: flex;
flex-wrap: wrap;
}
.multi_content_wrap .content {
width: 23.5%;
margin-left: 2%;
margin-top: 2%;
background: #ffffff;
border-radius: 4px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1607843137);
overflow: hidden;
}
.multi_content_wrap .content:nth-child(4n+1) {
margin-left: 0;
}
.multi_content_wrap .content:nth-child(1),
.multi_content_wrap .content:nth-child(2),
.multi_content_wrap .content:nth-child(3),
.multi_content_wrap .content:nth-child(4) {
margin-top: 0;
}
.multi_content_wrap .content > figure {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-top: 80%;
}
.multi_content_wrap .content > figure img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.multi_content_wrap .content > .txt_wrap {
padding: 12px 10px 10px 11px;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 768px) {
.multi_content_wrap .content > .txt_wrap {
min-height: 80px;
}
}
@media screen and (max-width: 767px) {
.multi_contents {
overflow-x: scroll;
padding: 0 10px 10px;
}
.multi_content_wrap {
width: 305%;
}
.multi_content_wrap .content > .txt_wrap {
min-height: 70px;
}
.multi_content_wrap .content {
width: 15%;
}
.multi_content_wrap .content:nth-child(5),
.multi_content_wrap .content:nth-child(6) {
margin-top: 0;
}
.multi_content_wrap .content:nth-child(6) {
margin-top: 0;
}
.multi_content_wrap .content:nth-child(4n+1) {
margin-left: 2%;
}
.multi_content_wrap .content:nth-child(6n+1) {
margin-left: 0;
}
}
.sec07 .multi_content_wrap .content > figure img {
-o-object-fit: contain;
object-fit: contain;
}
.sec07 .multi_content_wrap .content > .txt_wrap figure img {
max-height: 58px;
}
.choice_post_list_wrap .col {
background: #ffffff !important;
border-radius: 4px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1607843137);
height: 100%;
overflow: hidden;
padding: 0 !important;
}
.choice_post_list_wrap .col a {
text-decoration: none;
}
.choice_post_list_wrap .col figure {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-top: 80%;
}
.choice_post_list_wrap .col figure img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.choice_post_list_wrap .col .text_wrap {
padding: 12px 10px 10px 11px;
}
.choice_post_list_wrap .col .text_wrap .content_detail {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
font-weight: bold;
}
.choice_post_list_wrap .col .text_wrap .title {
font-size: 13px !important;
font-size: 1.3rem !important;
color: #808080;
margin-top: 2em;
padding-top: 0 !important;
}
.side_tag_list {
border: 1px solid #ccc;
margin-bottom: 5%;
}
.side_tag_list p {
margin: 0;
}
.side_tag_list p:not(:last-child) {
border-bottom: 1px solid #ccc;
}
.side_tag_list p a {
padding: 10px 60px 10px 10px;
font-size: 1.3rem;
font-weight: 500;
letter-spacing: 0.175rem;
color: #222;
display: block;
position: relative;
text-decoration: none;
}
.side_tag_list p a .post_count {
color: #fff;
background-color: #a20000;
position: absolute;
top: 0;
bottom: 0;
right: 10px;
margin: auto 0;
height: 18px;
text-align: center;
display: inline-block;
border-radius: 3px;
font-size: 1.2rem;
line-height: 1.2em;
box-sizing: content-box;
padding: 4px 7px 0;
min-width: initial;
}
.side_tag_list .pull_down:not(:last-child) {
border-bottom: 1px solid #ccc;
}
.side_tag_list .pull_down > a {
padding: 10px;
font-size: 1.3rem;
font-weight: 500;
letter-spacing: 0.175rem;
color: #222;
display: block;
position: relative;
text-decoration: none;
}
.side_tag_list .pull_down > a:after,
.side_tag_list .pull_down > a:before {
content: "";
width: 12px;
height: 2px;
background-color: #222;
position: absolute;
top: 0;
bottom: 0;
right: 5%;
margin: auto;
opacity: 1;
transition: 0.2s;
}
.side_tag_list .pull_down > a:after {
transform: rotate(90deg);
}
.side_tag_list .pull_down > a.open_menu:after {
opacity: 0;
}
.side_tag_list .pull_down .pull_down_content {
display: none;
}
.side_tag_list .pull_down .pull_down_content p {
border-bottom: none;
}
.side_tag_list .pull_down .pull_down_content p a {
padding: 5px 10px;
font-size: 1.2rem;
}
.side_tag_list .pull_down .pull_down_content {
padding-bottom: 5px;
}
.sec_intro {
position: relative;
background: url(/wp-content/uploads/bg_img016.jpg);
padding: 5% 0;
z-index: 0;
margin-bottom: 0;
}
.sec_intro .title_img {
margin-bottom: -8px;
}
.sec_intro .white_box {
background: #fff;
padding: 2%;
-ms-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
}
.sec_intro .white_box .flex_wrap .content p {
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
max-width: 216px;
margin: 0.5em auto 0;
}
.sec_intro .white_box .flow_img {
padding: 3% 0;
}
.sec_intro .white_box .flex_wrap .content figure {
max-width: 216px;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.sec_intro .white_box .flex_wrap {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.sec_intro .white_box .flex_wrap .content {
width: 23.5%;
}
.sec_intro .white_box .flex_wrap .content:not(:first-child) {
margin-left: 2%;
}
}
@media screen and (max-width: 767px) {
.sec_intro {
padding: 10% 0;
}
.sec_intro .title_img img {
max-width: 80%;
}
.sec_intro .white_box .flex_wrap {
flex-wrap: wrap;
align-items: flex-start;
}
.sec_intro .white_box .flex_wrap .content {
width: 49%;
margin-left: 2%;
margin-top: 2%;
}
.sec_intro .white_box .flex_wrap .content:nth-child(1),
.sec_intro .white_box .flex_wrap .content:nth-child(2) {
margin-top: 0;
}
.sec_intro .white_box .flex_wrap .content:nth-child(2n+1) {
margin-left: 0;
}
.sec_intro .white_box .flex_wrap .content figure {
max-width: 220px;
}
.sec_intro .white_box .flex_wrap .content p {
font-size: 14px;
font-size: 1.4rem;
}
.sec_intro .white_box .flow_img {
padding: 6% 0;
}
.sec_intro .white_box .flow_img img {
max-width: 80%;
}
}
.sec_trouble {
background: url(/wp-content/uploads/bg_img003.jpg) top;
padding: 5% 0;
margin-bottom: 0;
}
.sec_trouble .title_img {
margin-bottom: 5%;
}
.sec_trouble .content_box {
display: flex;
flex-direction: column;
border: 5px solid #2b461d;
border-radius: 15px;
background: #fff;
z-index: 0;
}
.sec_trouble .content_box .title_wrap {
color: #fff;
font-weight: bold;
font-size: 22px;
font-size: 2.2rem;
display: flex;
align-items: center;
padding: 0.5em 20px;
background: #2b461d;
margin-bottom: 0;
}
.sec_trouble .content_box .title_wrap .num {
width: 45px;
height: 45px;
background-color: #fff;
color: #2b461d;
border-radius: 100%;
margin-right: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.sec_trouble .content_box .title_wrap .num + span {
width: calc(100% - 45px);
}
.sec_trouble .content_box .content_wrap {
position: relative;
font-size: 15px;
font-size: 1.5rem;
padding: 20px 20px 25px;
flex-grow: 1;
}
.sec_trouble .content_box .content_wrap:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.sec_trouble .content_box .content_wrap > p {
position: relative;
z-index: 1;
}
/* .sec_trouble .row:nth-child(2) .content_box:nth-child(1) .content_wrap:after {
background: url(/wp-content/uploads/nayami_icon01.png) no-repeat
center/contain;
width: 120px;
height: 125px;
} */
.sec_trouble .row:nth-child(2) .content_box:nth-child(1) .content_wrap:after {
background: url(/wp-content/uploads/nayami_icon02.png) no-repeat center/contain;
width: 95px;
height: 109px;
}
.sec_trouble .row:nth-child(2) .content_box:nth-child(2) .content_wrap:after {
background: url(/wp-content/uploads/nayami_icon03.png) no-repeat center/contain;
width: 80px;
height: 103px;
}
.sec_trouble .row:nth-child(3) .content_box:nth-child(1) .content_wrap:after {
background: url(/wp-content/uploads/nayami_icon04.png) no-repeat center/contain;
width: 111px;
height: 107px;
}
.sec_trouble .row:nth-child(4) .content_box:nth-child(1) .content_wrap:after {
background: url(/wp-content/uploads/nayami_icon05.png) no-repeat center/contain;
width: 104px;
height: 96px;
}
.sec_trouble .row:nth-child(4) .content_box:nth-child(2) .content_wrap:after {
background: url(/wp-content/uploads/nayami_icon06.png) no-repeat center/contain;
width: 84px;
height: 91px;
}
.sec_trouble .row:nth-child(4) .content_box:nth-child(3) .content_wrap:after {
background: url(/wp-content/uploads/nayami_icon07.png) no-repeat center/contain;
width: 103px;
height: 90px;
}
@media screen and (min-width: 768px) {
.sec_trouble .content_box {
min-height: 250px;
}
}
@media screen and (max-width: 980px) and (min-width: 768px) {
.sec_trouble .content_box .title_wrap {
font-size: 16px;
font-size: 1.6rem;
}
}
@media screen and (max-width: 767px) {
.sec_trouble {
padding: 10% 0;
}
.sec_trouble .content_box {
min-height: 170px;
}
.sec_trouble .content_box .title_wrap {
font-size: 16px;
font-size: 1.6rem;
}
.sec_trouble .content_box .title_wrap .num {
width: 35px;
height: 35px;
}
.sec_trouble .content_box .title_wrap .num + span {
width: 100%;
}
.sec_trouble .row:nth-child(2) .content_box:nth-child(1) .content_wrap:after {
width: 90px;
height: 93.75px;
}
/* .sec_trouble .row:nth-child(2) .content_box:nth-child(2) .content_wrap:after {
background: url(/wp-content/uploads/nayami_icon02.png) no-repeat
center/contain;
width: 81.06px;
height: 93px;
} */
.sec_trouble .row:nth-child(2) .content_box:nth-child(2) .content_wrap:after {
background: url(/wp-content/uploads/nayami_icon03.png) no-repeat center/contain;
width: 72.23px;
height: 93px;
}
.sec_trouble .row:nth-child(3) .content_box:nth-child(1) .content_wrap:after {
background: url(/wp-content/uploads/nayami_icon04.png) no-repeat center/contain;
width: 90px;
height: 86.76px;
}
.sec_trouble .row:nth-child(4) .content_box:nth-child(1) .content_wrap:after {
background: url(/wp-content/uploads/nayami_icon05.png) no-repeat center/contain;
width: 90px;
height: 83.08px;
}
.sec_trouble .row:nth-child(4) .content_box:nth-child(2) .content_wrap:after {
background: url(/wp-content/uploads/nayami_icon06.png) no-repeat center/contain;
width: 84px;
height: 91px;
}
.sec_trouble .row:nth-child(4) .content_box:nth-child(3) .content_wrap:after {
background: url(/wp-content/uploads/nayami_icon07.png) no-repeat center/contain;
width: 90px;
height: 78.64px;
}
.sec_trouble .content_box .title_wrap {
padding: 0.5em 10px;
}
.sec_trouble .content_box .content_wrap {
padding: 10px;
}
.sec_trouble .container > .row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.sec_trouble .container > .row .col {
margin-bottom: 0 !important;
margin-top: 4%;
}
.sec_trouble .container > .row .col:nth-child(1) {
margin-top: 0;
}
}
.choice_post_list_wrap .col table {
margin: 0 10px 10px 10px;
width: 100%;
}
.choice_post_list_wrap .col table tr th,
.choice_post_list_wrap .col table tr td {
padding: 0.4em;
font-size: 13px;
font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
.point_wrap {
display: flex;
flex-wrap: wrap;
}
.point_wrap > .row {
/* width: 49%; */
width: 100%;
/* margin-left: 2%; */
}
/* .point_wrap > .row:nth-child(2n+1) {
margin-left: 0;
} */
.sec02 .box01 h3 {
padding-left: 40px;
font-size: 18px;
font-size: 1.8rem;
min-height: 50px;
padding-bottom: 0;
}
.sec02 .box01 h3:after {
width: 35px;
height: 46px;
}
}
[id*=a0] {
padding-top: 153px;
margin-top: -153px;
z-index: -1;
}
@media screen and (max-width: 767px) {
[id*=a0] {
padding-top: 86px;
margin-top: -86px;
}
}
body.imabari h1:not(.title):not(.top-header-title),
body.imabari .bread_wrap {
display: none;
}
.pattern_separator {
height: 100px;
background: url(/wp-content/uploads/bg_img002.jpg);
margin-bottom: 0;
}
.pattern_separator_2 {
height: 40px;
background: url(/wp-content/uploads/bg_img012.jpg);
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.pattern_separator {
height: 60px;
}
.pattern_separator_2 {
height: 25px;
background-size: auto 100%;
}
}
.sec_contact_links .container {
padding: 0;
background: transparent;
}
.contact-btns-wrap a[href*=tel] {
font-size: 28px;
font-size: 2.8rem;
font-weight: bold;
color: #2b461d;
}
.contact-btns-wrap a[href*=tel] > span {
color: #000000;
}
.contact-btns-wrap a[href*=tel] > span:first-child {
font-size: 20px;
font-size: 2rem;
}
.sec_comparison {
padding: 5% 0;
background: url(/wp-content/uploads/bg_img010.jpg);
margin-bottom: 0;
}
.sec_comparison p {
font-size: 16px;
font-size: 1.6rem;
}
.sec_comparison .main_text {
font-size: 20px;
font-size: 2rem;
}
@media screen and (max-width: 767px) {
.sec_comparison .main_text {
font-size: 18px;
font-size: 1.8rem;
}
}
.sec_knowledge {
background: url(/wp-content/uploads/bg_img011.jpg) no-repeat center/cover;
padding: 4% 0;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.sec_knowledge {
padding: 10% 0;
}
}
.sec_about {
padding: 4% 0;
background-image: url(/wp-content/uploads/bg_img013.jpg);
}
.sec_about .container {
position: relative;
width: 95%;
background-color: #fff;
padding: 4% 3%;
}
@media screen and (max-width: 767px) {
.sec_about {
padding: 10% 0;
}
.sec_about .container {
padding: 10% 2%;
}
}
.pagination a {
display: inline-block !important;
width: auto !important;
}
.choice_post_list_wrap .before_after .span_6 {
width: 45%;
margin-left: 10%;
}
.choice_post_list_wrap .before_after .span_6:first-child {
margin-left: 0;
}
.choice_post_list_wrap .before_after .case_arrow {
position: relative;
}
@media (max-width: 767px) {
.choice_post_list_wrap .before_after .case_arrow {
margin-bottom: 10%;
}
}
.choice_post_list_wrap .before_after .case_arrow:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 110%;
margin: auto;
width: 14px;
height: 14px;
border-top: 2px solid #a20000;
border-right: 2px solid #a20000;
transform: translate(0, -50%) rotate(45deg);
transform-origin: left top;
transition: 0.2s;
}
.choice_post_list_wrap2 .col {
box-shadow: none;
overflow: visible;
}
.choice_post_list_wrap2 table {
width: 100% !important;
margin: 0 !important;
}
@media screen and (max-width: 767px) {
.choice_post_list_wrap .before_after .col {
margin-bottom: 0 !important;
}
.choice_post_list_wrap2 > .col {
margin-bottom: 6%;
}
}
/* 全体のテキストサイズ設定（通常時15px） */
.wp-block-group {
font-size: 15px;
}
/* =======================================================
お問い合わせボタンの基本スタイル設定
======================================================= */
.contact-button {
background-color: #a21401; /* ボタンの背景色 */
color: #fff; /* テキストの色を白に設定 */
border: none; /* 枠線を削除 */
padding: 15px 30px; /* 余白の設定 */
font-size: 15px; /* 通常時は15px */
font-weight: bold; /* 文字を太字に設定 */
text-align: center; /* テキスト中央寄せ */
cursor: pointer; /* マウスオーバー時のカーソル変更 */
display: block; /* ブロック要素にして中央寄せ */
margin: 20px auto; /* 自動左右マージンで中央配置 */
transition: filter 0.3s ease, background-color 0.3s ease; /* 滑らかな変化 */
}
/* リンクの下線を削除し、文字色を維持 */
.contact-button a {
text-decoration: none;
color: #fff;
}
/* ホバー時のスタイル */
.contact-button:hover {
filter: brightness(1.2);
}
/* =======================================================
レスポンシブ対応の設定 (画面幅600px以下)
======================================================= */
@media screen and (max-width: 600px) {
.wp-block-group {
font-size: 13px; /* 全体のテキストサイズを13pxに */
}
.contact-button {
width: 90%; /* ボタンの幅調整 */
padding: 12px 0; /* パディング調整 */
font-size: 13px; /* ボタン内テキストサイズを13pxに */
}
}
footer .footer_bnr_wrap {
max-width: 1200px;
margin: 0 auto;
}
footer .footer_bnr_wrap .ftr_bnr_wrap {
display: flex;
flex-wrap: wrap;
margin-bottom: 3%;
}
footer .footer_bnr_wrap .ftr_bnr_wrap:not(:last-child) {
margin-bottom: 2%;
}
footer .footer_bnr_wrap .ftr_bnr_wrap .col {
width: auto;
margin-right: 1.5%;
margin-bottom: 1.5%;
}
footer .footer_bnr_wrap .ftr_bnr_wrap .col img {
max-height: 70px;
}
@media screen and (max-width: 767px) {
footer .footer_bnr_wrap .ftr_bnr_wrap {
margin-bottom: 8%;
padding: 0 10px;
}
footer .footer_bnr_wrap .ftr_bnr_wrap > .col:first-child {
margin-left: 0;
margin-top: 0;
}
footer .footer_bnr_wrap .ftr_bnr_wrap .col img {
max-height: 55px;
}
}