@charset "utf-8";
/*!
Theme Name: splus04
Author: arrows inc.
Author URI: https://arrows-web.net/
Description: Splus04
Version: 2.0.0
*/

/*=================================================================================================
# Normalize
=================================================================================================*/
/* 
Root
-------------------------------------------------------------------------------------------------*/
:root {
--color-def: #434343;
--color-theme: #168352;
--color-theme-hover: #1ca869;
--color-bg-gry: #f4f4f4;
--border-gry: #ddd;
--weight-normal: 400;
--weight-bold: 700;
--fz-pc: 1.8rem;
--fz-sp: 1.6rem;
--fzpx-pc: 18px;
--fzpx-sp: 16px;
}
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html, body {padding: 0;margin: 0;}
html {box-sizing: border-box;overflow-y: scroll;-webkit-text-size-adjust: 100%;font-size: 62.5%;line-height: 1.15;}
body {margin: 0;font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Yu Gothic Medium','游ゴシック Medium',Arial,Meiryo,メイリオ,sans-serif;font-weight: var(--weight-normal);letter-spacing: 0.15em;}
h1 {font-size: 3.0rem;margin: 0.67em 0;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
pre {font-family: monospace, monospace;font-size: 1rem;}
a {background-color: transparent;color: var(--color-theme);}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b,strong {font-weight: var(--weight-bold);}
code,kbd,samp {font-family: monospace, monospace;font-size: 1rem;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}
button,input,optgroup,select,textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}
body,button,input,select,optgroup,textarea {color: var(--color-def);font-size: var(--fzpx-pc);font-size: var(--fz-pc);font-weight: var(--weight-normal);line-height: 1.79;font-feature-settings: "pkna" 1;}
@media screen and (max-width:1024px){
body{font-size:  var(--fzpx-sp);font-size: var(--fz-sp);}
}
h1, h2, h3, h4, h5, h6 {margin-block-end: 0;clear: both;}
p {margin-block-start: .5em;margin-bottom: 1.5em;}
dfn, cite, em, i {font-style: italic;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}
pre {background: #eee;font-size: var(--fzpx-sp);font-size: var(--fz-sp);line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}
code, kbd, tt, var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: var(--fz-sp);}
abbr, acronym {border-bottom: 1px dotted #666;cursor: help;}
mark, ins {background: #fff9c0;text-decoration: none;}
big {font-size: 125%;}
.ffG {font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Yu Gothic Medium','游ゴシック Medium',Arial,Meiryo,メイリオ,sans-serif;font-weight: var(--weight-normal);}
.ffM {font-family: 'Times New Roman', 'Zen Old Mincho','Yu Mincho', YuMincho, 'Hiragino Mincho ProN', Meiryo, serif;}
.ffE {font-family: "Ubuntu",'Roboto',arial,sans-serif;font-weight: 500;}
/*=================================================================================================
# Elements
=================================================================================================*/
*,*:before,*:after {box-sizing: inherit;}
body {background: #fff;}
hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;}
ul, ol {margin: 0;padding-inline-start: 25px;}
ul {list-style: disc;}
ol {list-style: decimal;padding-inline-start: 30px;}
li > ul,li > ol {margin-bottom: 0;margin-left: 1.5em;}
dt {font-weight: var(--weight-bold);}
dd {margin: 0 1.5em 1.5em;}
img {height: auto;max-width: 100%;}
figure {margin: 1em 0;}
table {margin: 0 0 1.5em;width: 100%;}
section {margin: 15rem 0 0;}
/* 
Links
-------------------------------------------------------------------------------------------------*/
a,a:visited,a:hover {text-decoration: none;outline: none;}
a:hover {opacity:0.8;}
.link-area{position:relative;}
.link-area .link{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
a.anchor{display: block;}
/*=================================================================================================
# Forms
=================================================================================================*/
button,input[type="button"],input[type="reset"],input[type="submit"] {border: 1px solid;border-color: #ccc #ccc #bbb;border-radius: 3px;background: #e6e6e6;color: rgba(0, 0, 0, 0.8);font-size: 12px;font-size: 1.2rem;line-height: 1;padding: .6em 1em .4em;}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {border-color: #ccc #bbb #aaa;}
button:active, button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus {border-color: #aaa #bbb #bbb;}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea {color: #666;border: 1px solid var(--border-gry);border-radius: 3px;padding: 3px;}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus {color: #111;}
select {border: 1px solid var(--border-gry);}
textarea {width: 100%;}
/*=================================================================================================
# Layout
=================================================================================================*/
.site {display: flex;flex-direction: column;min-height: 100vh;position: relative;}
header {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;align-items: center;}
.site-content {background: url(img/common/bg.png) no-repeat left center;background-attachment: fixed;}
.content-area, .content-sub-area{display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: space-between;padding: 0 0 5em;background: transparent;}
.content-area {padding: 0 0 3em;}
.content-sub-area {margin:0 auto;width:1280px;}
.site-main,.site-sub-main {width: 100%;}
.site-sub-main {width: calc(95% - 300px);margin-bottom: 3em;}
.inner {margin:0 auto;width:1280px;}
.wide-inner {box-sizing:border-box;padding:0 15%;width:100%;}
.widget-area {width: 300px;}
.site-footer {width: 100%;margin-top: auto;}
.cover {width:100%;height: auto;}
@media screen and (max-width: 1920px) {
.wide-inner {box-sizing:border-box;padding:0 5%;width:100%;}
}
@media screen and (max-width: 1366px) {
.content-sub-area,.inner {width:89.84375%;}
}
@media screen and (max-width: 960px) {
.content-sub-area,.inner {box-sizing:border-box;padding:0 5%;width:100%;}
header {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
}
@media screen and (max-width: 900px) {
.content-area,.content-sub-area {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.site-sub-main,.widget-area {width:100%;}
}
@media screen and (max-width: 350px) {
.site-content {background-size: 20%;}
}
/*=================================================================================================
# Posts and pages
=================================================================================================*/
.post-password-form {text-align:center;}
.sticky {display: block;}
.post,.page {margin: 0 0 0;}
.updated:not(.published) {display: none;}
.page-content,.entry-content,.entry-summary {margin: 1.5em 0 0;}
.page-links {clear: both;margin: 0 0 1.5em;}
.page-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
.page-col2 {width: 48%;margin-bottom: 3rem;}
@media screen and (max-width: 640px){
.page-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.page-col2 {width: 100%;}
}
/*=================================================================================================
# Wp-Block
=================================================================================================*/
/* 
Single heading style
-------------------------------------------------------------------------------------------------*/
h2.head_h2 {padding-bottom: .5em;margin-bottom: 1.0em;position: relative;margin-top: 0;}
h2.head_h2:before {content: '';width: 4.5em;height: .15em;background-color: var(--color-theme);display: block;position: absolute;left: 0;bottom: -6px;}
.entry-content h2 {position: relative;padding: .8em;background: #ecf0f1;z-index:100;overflow:hidden;}
.entry-content h2:before {position: absolute;top: -.1em;left: -.1em;content: "NEWS";display: block;color: rgba(0,0,0,.04);font-family: sans-serif;font-size: 3.750em;font-weight: var(--weight-bold);letter-spacing: 0.15em;line-height: 1;-webkit-transform: rotate(-13deg);-moz-transform: rotate(-13deg);transform: rotate(-13deg);z-index: -1;}
.entry-content h3 {position:relative;padding:1em 0;}
.entry-content h3::before,.entry-content h3::after {position:absolute;left:0;content:'';width:100%;height:6px;box-sizing:border-box;}
.entry-content h3::before {top:0;border-top:2px solid #333;border-bottom:1px solid #333;}
.entry-content h3::after {bottom:0;border-top:1px solid #333;border-bottom:2px solid #333;}
.entry-content h4 {position: relative;padding: .75em 1em .75em 1.5em;border: 1px solid var(--border-gry);}
.entry-content h4::after {position: absolute;top: .5em;left: .5em;content: '';width: 6px;height: -webkit-calc(100% - 1em);height: calc(100% - 1em);background-color: #333;border-radius: 4px;}
.entry-content h5 {padding: .5em .8em .5em 1.3em;background:#eee;}
.head_date {font-size: 76%;}
/*
Wp-caption
-------------------------------------------------------------------------------------------------*/
.wp-caption {margin-bottom: 1.5em;max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;}
/*
Wp-block-table
-------------------------------------------------------------------------------------------------*/
.wp-block-table table {width:100%;border: none;}
.wp-block-table table td {padding:.8em;}
/* 
Gallery IE BUG
-------------------------------------------------------------------------------------------------*/
.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item {width: calc((99% - 16px)/2)}
@media screen and (min-width:600px) {
.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item {width: calc((99% - 32px)/3);}
.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item {width: calc((99% - 48px)/4);}
.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item {width: calc((99% - 64px)/5);}
.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item {width: calc((99% - 80px)/6);}
.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item {width: calc((99% - 96px)/7);}
.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item {width: calc((99% - 112px)/8);}
}
/* 
Media and text
-------------------------------------------------------------------------------------------------*/
body .wp-block-media-text {display: flex;}
.wp-block-media-text .wp-block-media-text__media {width: auto;box-sizing: border-box;}
.wp-block-media-text .wp-block-media-text__content {width: auto;box-sizing: border-box;}
@media screen and (max-width: 640px){
body .wp-block-media-text {display: flex;flex-direction: column;}
.wp-block-media-text .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content {width: 100%;box-sizing: border-box;}
}
/*=================================================================================================
# Signage
=================================================================================================*/
.signage {background: #eaeaea;background-repeat: no-repeat;background-position: center center;background-size: cover;display: table;height: 500px;position: relative;width: 95%;top: 90px;margin-left: 5%;}
.signage-content {position: absolute;bottom: 0;left: -5%;;display: table-cell;color: #000;text-align: left;background: #fff;padding: 2rem 3rem;border-radius: 0 20px 0 0;/*text-shadow: 2px 2px 10px #000;vertical-align: middle;*/}
.signage-title {margin: 0;}
@media screen and (max-width: 1200px) {
.signage {top: 70px;}
}
@media screen and (max-width: 900px) {
.signage {height:300px;}
}
@media screen and (max-width: 700px) {
.signage {top: 60px;}
}
/*=================================================================================================
# Breadcrumb
=================================================================================================*/
.breadcrumb-content {background: transparent;padding: .2em 10% .6em;font-size: 1.2rem;margin-top: 90px;}
#breadcrumb {margin:10px auto 0;}
#breadcrumb ul {display:table;list-style:none;margin: 0;padding: 0;}
#breadcrumb ul li {margin:0 10px 0 0;float:left;}
#breadcrumb ul li:first-child::before {padding:0 3px 0 0;content:"";}
#breadcrumb ul li::before {padding: 0 10px 0 0;content: "\f35a";font-family: "Font Awesome 5 Free";}
#breadcrumb ul li a {color:#666;}
#breadcrumb ul li a:hover {color:#999;font-weight:normal;}
@media screen and (max-width: 1920px) {
.breadcrumb-content {padding: .2em 5% .6em;}
}
@media screen and (max-width: 1200px) {
.breadcrumb-content {margin-top: 70px;}
}
@media screen and (max-width: 700px) {
.breadcrumb-content {margin-top: 60px;}
}
@media screen and (max-width: 690px) {
.breadcrumb-content {padding:.1em 5% .6em;font-size:1.0rem;}
}
/*=================================================================================================
# SNS Share
=================================================================================================*/
.fa-hatena:before {font-family: Verdana;font-weight: var(--weight-bold);content: 'B!';}
.share {margin-top: 5em;margin-bottom: 2em;}
.share ul {margin: 0;padding: 0;list-style: none;}
.share ul:after {display: block;clear: both;content: '';}
.share li {float: left;width: 33.33333%;margin: 0;margin-top: 15px;}
.share li a {font-size: 14px;display: block;padding: 10px;text-align: center;text-decoration: none;color: #666;border:1px solid var(--border-gry);}
.share li:nth-child(even) a {border-left:none;border-right:none;}
.share li a:hover {opacity: .8;font-weight:normal;}
.tweet a:hover {background-color: #55acee;color: #fff;}
.facebook a:hover {background-color: #315096;color: #fff;}
.hatena a:hover {background-color: #008fde;color: #fff;}
@media screen and (max-width: 640px) {
.share li {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 3px;}
.share li:nth-child(even) a {border-left:1px solid #ccc;;border-right:1px solid #ccc;;}
.share li i {font-size: 1.3em;padding-top: 3px;}
.share li span {display: none;}
}
/*=================================================================================================
# Pagenavi
=================================================================================================*/
/* 
wp-pagenavi base
-------------------------------------------------------------------------------------------------*/
.wp-pagenavi {clear:both;text-align:center;margin:3em 0;}
.wp-pagenavi a, .wp-pagenavi span {color:#999;background:#fff;border:solid 1px #e0e0d2;padding:8px 15px;margin:0 2px;white-space:nowrap;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-align:center;text-decoration:none;}
.wp-pagenavi a:hover {color:#fff; background:#999; border:#999;}
.wp-pagenavi span.current {color:#fff;background:#666;border-color:#666;font-weight: var(--weight-bold);}
@media screen and (max-width: 690px) {
.wp-pagenavi {font-size:1.2rem;}
.wp-pagenavi a, .wp-pagenavi span {padding:6px 13px;}
}
/* prev_next */
#prev_next {width:100%;margin:5em 0 24px;padding:0;display:table;}
#prev_next a{color: var(--color-def);}
#prev_next #prev, #prev_next #next {width:50%;padding:30px 10px 10px;border-top:#ccc 1px solid;border-bottom:#ccc 1px solid;display:table-cell;position:relative;text-decoration:none;}
#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,#prev_next #next, #prev_next #next::before, #prev_next #next::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
#prev_next #prev p, #prev_next #next p {font-size:90%;line-height:1.5;}
#prev_next #prev:hover, #prev_next #next:hover {background:rgba(238,238,238,0.7);}
#prev_next #prev {border-right:#ccc 1px solid;}
#prev_next #prev_title, #prev_next #next_title {font-size:90%;top:-1em;position:absolute;border:1px  var(--border-gry) solid;background:#fff;text-align:center;padding:3px 10px;color:#666;}
#prev_next #next_title {right:10px;}
#prev_next #prev img {float:left;margin-right:10px;width:100px;height:auto;}
#prev_next #next img {float:right;margin-left: 10px;width:100px;height:auto;}
#prev_next #prev_no, #prev_next #next_no {width: 50%;height:140px;padding:0 10px;display:table-cell;}#prev_next #prev_no{border-right:#ccc 1px solid;}
#prev_next_home {margin:0 auto;background-color: #39f;border:solid 9px #fff;width:100px;height:100px;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;box-shadow:0 0 0 3px #39f;-webkit-box-shadow:0 0 0 3px #39f;-moz-box-shadow:0 0 0 3px #39f;text-align:center;}
#prev_next_home:hover {background:rgba(0,0,255,0.7);}
#prev_next_home i {color:#fff;margin:10px auto ;font-size:60px;}
@media screen and (max-width: 768px) {
#prev_next #prev img {width:30%;height:auto;}
#prev_next #next img {width:30%;height:auto;}}
/*=================================================================================================
# Sidebar
=================================================================================================*/
/* 
Searchform
-------------------------------------------------------------------------------------------------*/
.widget_search {margin-bottom: 3em;}
/********** form1 **********/
#form1 {position: relative;}
#form1 input {font-size: var(--fz-pc);}
#sbox1 {width: 100%;height: 44px;top: 0;left: 0;padding: 0 2.5em 0 .5em;border-radius: 2px;outline: 0;background: #eee;}
#sbtn1 {position: absolute;height: 44px;top: 0;right: 10px;background: none;color: #777;border: none;font-size: var(--fz-pc);}
#sbtn1:hover {color: #000;}
/********** form2 **********/
#form2 {position: relative;}
#form2 input {font-size: var(--fz-pc);}
#sbox2 {width: calc(100% - 65px);height: 50px;top: 0;left: 0;padding: 0 .5em;outline: 0;border-radius: 2px;background: #eee;}
#sbtn2 {position: absolute;width: 60px;height: 50px;top: 0;right: 0;border-radius: 2px;background: #000;color: #fff;font-size: 1.4rem;font-weight: var(--weight-bold);border: none;}
#sbtn2:hover {background: #999;color: #000;}
/********** form3 **********/
#form3 {position: relative;}
#form3 input {font-size: var(--fz-pc);}
#sbox3 {width: 100%;height: 50px;top: 0;left: 0;padding: 0 .5em;outline: 0;border-radius: 25px;background: #eee;}
#sbtn3 {position: absolute;width: 50px;height: 50px;top: 0;right: 0;background: #000;color: #fff;border: none;border-radius: 0 25px 25px 0;}
#sbtn3 .fa-search {position: absolute;top: 30%;left: 30%;font-size: 2.0rem;}
#sbtn3:hover {color: #e9c129;}
/* 
Widget
-------------------------------------------------------------------------------------------------*/
.widget {margin: 0 0 1.5em;}
.widget select {max-width: 100%;}
.widget ul {list-style-type: none;margin: 0;padding: 0;}
.widget ul li {border-bottom: 1px solid #ccc;}
.widget ul li:first-child {border-top: 1px solid #ccc;}
.widget ul li a {display: block;padding: .5em;color: var(--color-def);}
.widget ul li a:hover {background: #eee;}
.widget ul li a.new-entry-title:hover {background: none!important;}
/********** sidebar-title **********/
h2.widgettitle, h2.widget-title {position: relative;margin-top: 0;padding-left: 0.7em;font-size: 1.8rem;margin-bottom: 1rem;}
h2.widgettitle:after, h2.widget-title:after {position: absolute;top: 50%;left:0;transform:translateY(-50%);content: '';width: 5px;height:1em;background: var(--color-theme);}
@media screen and (max-width:320px){
h2.widgettitle, h2.widget-title {font-size: var(--fz-pc);}
}
/********** category **********/
.widget_categories {margin-bottom:3em;}
.widget_categories ul {position: relative;overflow: auto;margin: 0;padding: 0;}
.widget_categories ul li ul.children li {margin-left: 2em;border-top: 1px solid #ccc;border-bottom: none;}
.widget_categories ul li {font-size: var(--fz-sp);}
/********** arrows original  **********/
.new-entry {display: flex;justify-content: space-between;padding:.8em 0;border-bottom:1px dotted #999;}
.new-entry a {color: var(--color-def);}
.new-entry .new-entry-thumb {width: 30%;}
.new-entry .new-entry-thumb img {display: block;width: 100%;height: auto;}
.new-entry .new-entry-content {width: 68%;}
.new-entry .new-entry-content .new-entry-cat ul li {display:inline-block;border: 1px solid var(--border-gry);border-radius: 5px;font-size:1.2rem;}
.new-entry .new-entry-content .new-entry-cat ul li a {padding: .05em .5em;}
.new-entry .new-entry-content .date {font-size:1.2rem;}
.new-entry .new-entry-content .new-entry-title {font-size: 1.4rem;color: var(--color-def);}
.new-entry .new-entry-content a.new-entry-title {padding: .5em 0 0;}
/*=================================================================================================
# 404
=================================================================================================*/
.box-404 {background:#eee;padding:2em;}
.box-404 ul {list-style-type: none;margin: 0;padding: 0;}
/*=================================================================================================
# Archive
=================================================================================================*/
.archive-content {margin-bottom:4em;}
/********** archive01 **********/
.archive01-list {margin:0 0 15px;border:1px solid var(--border-gry);background:#fff;}
.archive01-list a {display:block;padding:20px;text-decoration:none;color:#000;font-weight:normal;}
.archive01-list a:after {display:block;clear:both;content:'';}
.archive01-list a:hover {background:#eee;}
.archive01-list img {width:100%;height:auto;}
@media screen and (max-width: 767px) {
.archive01-list h6 {margin-top:20px;}
}
/********** archivemenu **********/
.archive-nav-menu {width:100%;margin-bottom: 2rem;}
ul.archive-nav {display:table;list-style:none}
ul.archive-nav li {display:table-cell;margin-right:2em;border:1px solid #ccc;}
ul.archive-nav li:not(:first-child) {border-left:none;}
ul.archive-nav li:hover {color:#333;background:#eee;}
ul.archive-nav li a {color:#333;}
ul.archive-nav li:hover ul {max-height:9999px;opacity:1;}
ul.archive-nav li a {display:block;padding:1em;transition:all .2s ease-in;}
ul.archive-nav li ul {transition:all .2s ease-in;max-height:0;opacity:0;overflow:hidden;width:100%;left:0;position:absolute;background:#eee;text-align:center;}
ul.archive-nav li ul.children {padding:.3em 0 .1em;}
ul.archive-nav li ul.children li {display:inline-block;margin:0 .5em;border:none;}
/* archive article list */
.archive-wrap {display: flex;flex-flow: row wrap;justify-content: space-between;}
.archive-wrap:before{content:"";display: block;width:23%;order:1;}
.archive-wrap:after{content:"";display: block;width:23%;}
.archive-box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.archive-box4 {width: 23%;margin-bottom: 3rem;padding: 3rem;background-color: var(--color-bg-gry);}
.archive-box4 img {display: block;margin-bottom: 3rem;width: 100%;height: 200px;object-fit: cover;font-family: 'object-fit: cover;'; /*IE対策*/}
.archive-box4 ul.post-categories li {display: inline-block;border:1px solid var(--border-gry);padding:.1em .5em;font-size:80%;border-radius:3px;}
.archive-box4 .date {font-size:80%!important;}
.archive-box4 .title {font-weight: var(--weight-bold);margin-bottom:15px;margin-top:0.5em;}
.archive-cat {display: inline;margin-top: auto;padding-top: 1em;}
@media screen and (max-width: 980px){
.archive-box4 {width: 49%;}
}
@media screen and (max-width: 480px){
.archive-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.archive-box4 {width: 100%;}
}
/*=================================================================================================
# Category-news - News archive
=================================================================================================*/
.site-sub-main .tmb-hover:first-of-type {border-top: 1px solid #ddd;}
article.entry-content-box {padding: 2em;border-bottom: 1px solid #ddd;}
.entry-content-box .date {font-size:80%!important;}
.entry-content-box .cat-name {border: 1px solid var(--color-theme);border-radius:2px;display:inline-block;height:26px;line-height:26px;min-width:100px;font-size:75%!important;text-align:center;color: var(--color-theme);}
.entry-content-box p {margin:.5em 0 0;padding: 0;}
.entry-content-box .news-entry-title {margin: 0;margin-top: 1rem;font-size: calc(16px + 2 * (100vw - 320px)/880);color: var(--color-theme);font-weight: var(---weight-normal);}
a .entry-content-box {color: var(--color-def);}
a:hover .entry-content-box {background: #f5f5f5;}
@media screen and (min-width: 1200px) {
.entry-content-box .news-entry-title {font-size: 1.8rem;}
}
@media screen and (max-width: 640px) {
.entry-content-box .news-entry-title {font-size: 1.6rem;}
}
/*=================================================================================================
# Single
=================================================================================================*/
ul.post-categories {list-style-type: none;margin: 0;padding: 0;}
.single-content-cat ul li {display:inline-block;background:#eee;border-radius:2px;top:0;left:15%;margin:0;padding:0 .5em 0;font-size:80%!important;text-align:center;}
.single-content-cat ul li a {display:inline-block;height:25px;line-height:25px;min-width:60px;padding:0 .5em;color: var(--color-def);}
.single-content-cat ul li a:hover {opacity:.8;}
/*=================================================================================================
# Effect
=================================================================================================*/
/********** hover **********/
.tmb-hover a {transition:all .2s ease-in;}
.tmb-hover a:hover {opacity: 0.8;}
/* zoom */
.tmb-zoom {overflow: hidden;width: 100%;height: auto;}
.tmb-zoom img {-webkit-transform: scale(1) rotate(0.001deg);;transform: scale(1) rotate(0.001deg);-webkit-transition: .75s ease-in-out;transition: .75s ease-in-out;}
.tmb-zoom img:hover {-webkit-transform: scale(1.1) rotate(0.001deg);;transform: scale(1.1) rotate(0.001deg);}
/********** float **********/
.tmb-float a {display: block;height: 360px;box-shadow: 0 2px 4px rgba(3,3,3,.09);border-radius: 3px;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.tmb-float a:hover {display: block;height: 360px;box-shadow: 0 8px 12px rgba(0,0,0,.12);border-radius: 3px;margin-top:-5px;}
/********** fade **********/
.tmb-fade img {-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: .5s;transition: .5s;}
/* 
Scroll-animation
-------------------------------------------------------------------------------------------------*/
.fade-block-wrap {overflow: hidden;}
.scroll-block {background-color: transparent;}
/********** fade-block1 **********/
.fade-block1 {opacity: .1;transition: all 1.5s;}
.fade-block1.blockIn {opacity: 1;}
/********** fade-block2 **********/
.fade-block2 {transform: translateY(200px);opacity: 0;transition: all .8s ease-in;}
.fade-block2.blockIn {transform: translateY(0);opacity: 1;}
/********** fade-block3 **********/ 
.fade-block3 {transform: translateX(200px);opacity: 0;transition: all .8s ease-in;}
.fade-block3.blockIn {transform: translateX(0);opacity: 1;}
/********** fade-block4 **********/
.fade-block4 {transform: translateX(-200px);opacity: 0;transition: all .8s ease-in;}
.fade-block4.blockIn {transform: translateX(0);opacity: 1;}
/********** fade-block5 **********/
.fade-block5 {transform: translate(150px, 150px);opacity: 0;transition: all .8s ease-in;}
.fade-block5.blockIn {transform: translate(0);opacity: 1;}
@media screen and (max-width: 1024px){
.fade-block2 {transform: translateY(100px);}
.fade-block3 {transform: translateX(100px);}
.fade-block4 {transform: translateX(-100px);}
.fade-block5 {transform: translate(30px, 30px);}
}
/********** fadein **********/
.effect-fade {opacity : 0;transform : translate(0, 45px);transition : all 700ms;}
.effect-fade.effect-scroll {opacity : 1;transform : translate(0, 0);}
/********** boxPlay **********/
.boxPlay {position: relative;width: 100%;height: auto;overflow: hidden;}
.boxPlay:before {content: '';position: absolute;width: 100%;height: 100%;background: rgba(255,255,255,1);transition: 1s cubic-bezier(.15,.65,.85,.65);}
.isPlay:before {transform: translate3d(100%, 0, 0);}
/*=================================================================================================
# Font
=================================================================================================*/
.fwN {font-weight: normal!important;}.fwB {font-weight: var(--weight-bold)!important;}
/********** color **********/
.red {color:red;}.white {color:white;}.black {color: black!important;}.org {color:orange;}.grn {color:var(--color-theme);}.blu {color:blue;}
/********** font-size　70-220 **********/
.text70 {font-size: 70%!important;}.text80 {font-size: 80%!important;}.text90 {font-size: 90%!important;}.text100 {font-size: 100%!important;}.text110 {font-size: 110%!important;}.text120 {font-size: 120%!important;}.text130 {font-size: 130%!important;}.text140 {font-size: 140%!important;}.text150 {font-size: 150%!important;}.text160 {font-size: 160%!important;}.text170 {font-size: 170%!important;}.text180 {font-size: 180%!important;}.text190 {font-size: 190%!important;}.text200 {font-size: 200%!important;}.text210 {font-size: 210%!important;}.text220 {font-size: 220%!important;}
/*=================================================================================================
# Alignments
=================================================================================================*/
.alignleft {display: inline;float: left;margin-right: 1.5em;}
.alignright {display: inline;float: right;margin-left: 1.5em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
/********** text-align **********/
.taL {text-align:left!important;}
.taC {text-align:center!important;}
.taR {text-align:right!important;}
/*=================================================================================================
# Margin-Padding
=================================================================================================*/
/* 
Margin
-------------------------------------------------------------------------------------------------*/
.m0 {margin: 0!important;}.mt0 {margin-top: 0!important;}.mr0 {margin-right: 0!important;}.mb0 {margin-bottom: 0!important;}.ml0 {margin-left: 0!important;}
.m5 {margin: 5px!important;}.mt5 {margin-top: 5px!important;}.mr5 {margin-right: 5px!important;}.mb5 {margin-bottom: 5px!important;}.ml5 {margin-left: 5px!important;}
.m10 {margin: 10px!important;}.mt10 {margin-top: 10px!important;}.mr10 {margin-right: 10px!important;}.mb10 {margin-bottom: 10px !important;}.ml10 {margin-left: 10px!important;}
.m15 {margin: 15px!important;}.mt15 {margin-top: 15px!important;}.mr15 {margin-right: 15px!important;}.mb15 {margin-bottom: 15px!important;}.ml15 {margin-left: 15px!important;}
.m20 {margin: 20px!important;}.mt20 {margin-top: 20px!important;}.mr20 {margin-right: 20px!important;}.mb20 {margin-bottom: 20px!important;}.ml20 {margin-left: 20px!important;}
.m25 {margin: 25px!important;}.mt25 {margin-top: 25px!important;}.mr25 {margin-right: 25px!important;}.mb25 {margin-bottom: 25px!important;}.ml25 {margin-left: 25px!important;}
.m30 {margin: 30px!important;}.mt30 {margin-top: 30px!important;}.mr30 {margin-right: 30px!important;}.mb30 {margin-bottom: 30px!important;}.ml30 {margin-left: 30px!important;}
.m35 {margin: 35px!important;}.mt35 {margin-top: 35px!important;}.mr35 {margin-right: 35px!important;}.mb35 {margin-bottom: 35px!important;}.ml35 {margin-left: 35px!important;}
.m40 {margin: 40px!important;}.mt40 {margin-top: 40px!important;}.mr40 {margin-right: 40px!important;}.mb40 {margin-bottom: 40px!important;}.ml40 {margin-left: 40px!important;}
.m45 {margin: 45px!important;}.mt45 {margin-top: 45px!important;}.mr45 {margin-right: 45px!important;}.mb45 {margin-bottom: 45px!important;}.ml45 {margin-left: 45px!important;}
.m50 {margin: 50px!important;}.mt50 {margin-top: 50px!important;}.mr50 {margin-right: 50px!important;}.mb50 {margin-bottom: 50px!important;}.ml50 {margin-left: 50px!important;}
.m55 {margin: 55px!important;}.mt55 {margin-top: 55px!important;}.mr55 {margin-right: 55px!important;}.mb55 {margin-bottom: 55px!important;}.ml55 {margin-left: 55px!important;}
.m60 {margin: 60px!important;}.mt60 {margin-top: 60px!important;}.mr60 {margin-right: 60px!important;}.mb60 {margin-bottom: 60px!important;}.ml60 {margin-left: 60px!important;}
.m65 {margin: 65px!important;}.mt65 {margin-top: 65px!important;}.mr65 {margin-right: 65px!important;}.mb65 {margin-bottom: 65px!important;}.ml65 {margin-left: 65px!important;}
.m70 {margin: 70px!important;}.mt70 {margin-top: 70px!important;}.mr70 {margin-right: 70px!important;}.mb70 {margin-bottom: 70px!important;}.ml70 {margin-left: 70px!important;}
.m75 {margin: 75px!important;}.mt75 {margin-top: 75px!important;}.mr75 {margin-right: 75px!important;}.mb75 {margin-bottom: 75px!important;}.ml75 {margin-left: 75px!important;}
.m80 {margin: 80px!important;}.mt80 {margin-top: 80px!important;}.mr80 {margin-right: 80px!important;}.mb80 {margin-bottom: 80px!important;}.ml80 {margin-left: 80px!important;}
/* rem */
.m1rem {margin: 1rem!important;}.mt1rem {margin-top: 1rem!important;}.mr1rem {margin-right: 1rem!important;}.mb1rem {margin-bottom: 1rem!important;}.ml1rem {margin-left: 1rem!important;}
.m2rem {margin: 2rem!important;}.mt2rem {margin-top: 2rem!important;}.mr2rem {margin-right: 2rem!important;}.mb2rem {margin-bottom: 2rem!important;}.ml2rem {margin-left: 2rem!important;}
.m3rem {margin: 3rem!important;}.mt3rem {margin-top: 3rem!important;}.mr3rem {margin-right: 3rem!important;}.mb3rem {margin-bottom: 3rem!important;}.ml3rem {margin-left: 3rem!important;}
.m4rem {margin: 4rem!important;}.mt4rem {margin-top: 4rem!important;}.mr4rem {margin-right: 4rem!important;}.mb4rem {margin-bottom: 4rem!important;}.ml4rem {margin-left: 4rem!important;}
.m5rem {margin: 5rem!important;}.mt5rem {margin-top: 5rem!important;}.mr5rem {margin-right: 5rem!important;}.mb5rem {margin-bottom: 5rem!important;}.ml5rem {margin-left: 5rem!important;}
.mt5em {margin-top: 5rem!important;}
/* 
Padding
-------------------------------------------------------------------------------------------------*/
.p0 {padding: 0!important;}.pt0 {padding-top: 0!important;}.pr0 {padding-right: 0!important;}.pb0 {padding-bottom: 0!important;}.pl0 {padding-left: 0!important;}
.p5 {padding: 5px!important;}.pt5 {padding-top: 5px!important;}.pr5 {padding-right: 5px!important;}.pb5 {padding-bottom: 5px!important;}.pl5 {padding-left: 5px!important;}
.p10 {padding: 10px!important;}.pt10 {padding-top: 10px!important;}.pr10 {padding-right: 10px!important;}.pb10 {padding-bottom: 10px!important;}.pl10 {padding-left: 10px!important;}
.p15 {padding: 15px!important;}.pt15 {padding-top: 15px!important;}.pr15 {padding-right: 15px!important;}.pb15 {padding-bottom: 15px!important;}.pl15 {padding-left: 15px!important;}
.p20 {padding: 20px!important;}.pt20 {padding-top: 20px!important;}.pr20 {padding-right: 20px!important;}.pb20 {padding-bottom: 20px!important;}.pl20 {padding-left: 20px!important;}
.p25 {padding: 25px!important;}.pt25 {padding-top: 25px!important;}.pr25 {padding-right: 25px!important;}.pb25 {padding-bottom: 25px!important;}.pl25 {padding-left: 25px!important;}
.p30 {padding: 30px!important;}.pt30 {padding-top: 30px!important;}.pr30 {padding-right: 30px!important;}.pb30 {padding-bottom: 30px!important;}.pl30 {padding-left: 30px!important;}
.p35 {padding: 35px!important;}.pt35 {padding-top: 35px!important;}.pr35 {padding-right: 35px!important;}.pb35 {padding-bottom: 35px!important;}.pl35 {padding-left: 35px!important;}
.p40 {padding: 40px!important;}.pt40 {padding-top: 40px!important;}.pr40 {padding-right: 40px!important;}.pb40 {padding-bottom: 40px!important;}.pl40 {padding-left: 40px!important;}
.p45 {padding: 45px!important;}.pt45 {padding-top: 45px!important;}.pr45 {padding-right: 45px!important;}.pb45 {padding-bottom: 45px!important;}.pl45 {padding-left: 45px!important;}
.p50 {padding: 50px!important;}.pt50 {padding-top: 50px!important;}.pr50 {padding-right: 50px!important;}.pb50 {padding-bottom: 50px!important;}.pl50 {padding-left: 50px!important;}
.p55 {padding: 55px!important;}.pt55 {padding-top: 55px!important;}.pr55 {padding-right: 55px!important;}.pb55 {padding-bottom: 55px!important;}.pl55 {padding-left: 55px!important;}
.p60 {padding: 60px!important;}.pt60 {padding-top: 60px!important;}.pr60 {padding-right: 60px!important;}.pb60 {padding-bottom: 60px!important;}.pl60 {padding-left: 60px!important;}
.p65 {padding: 65px!important;}.pt65 {padding-top: 65px!important;}.pr65 {padding-right: 65px!important;}.pb65 {padding-bottom: 65px!important;}.pl65 {padding-left: 65px!important;}
.p70 {padding: 70px!important;}.pt70 {padding-top: 70px!important;}.pr70 {padding-right: 70px!important;}.pb70 {padding-bottom: 70px!important;}.pl70 {padding-left: 70px!important;}
.p75 {padding: 75px!important;}.pt75 {padding-top: 75px!important;}.pr75 {padding-right: 75px!important;}.pb75 {padding-bottom: 75px!important;}.pl75 {padding-left: 75px!important;}
.p80 {padding: 80px!important;}.pt80 {padding-top: 80px!important;}.pr80 {padding-right: 80px!important;}.pb80 {padding-bottom: 80px!important;}.pl80 {padding-left: 80px!important;}
/*=================================================================================================
# Heading
=================================================================================================*/
h2,.fzB,h3,h4,h5 {margin: 7rem 0 0;}
h2,.fzB,.page-title,h3,h4,h5 {color: #000;}
/********** @ 321px increasing to @ 1199px **********/
h2,.fzB {font-size: calc(24px + 6 * (100vw - 320px)/880);}
h3,.head_h2,.page-title {font-size: calc(22px + 5 * (100vw - 320px)/880);}
h4 {font-size: calc(20px + 5 * (100vw - 320px)/880);}
h5 {font-size: calc(18px + 4 * (100vw - 320px)/880);}
.page-title {font-weight: var(weight-bold)!important;}
@media screen and (min-width:1200px){
h2,.fzB {font-size: 3.0rem;}
h3,.head_h2,.page-title {font-size: 2.7rem;}
h4 {font-size: 2.5rem;}
h5 {font-size: 2.2rem;}
}
@media screen and (max-width:320px){
h2.fzB {font-size: 2.4rem;}
h3,.head_h2,.page-title {font-size: 2.2rem;}
h4 {font-size: 2.0rem;}
h5 {font-size: 1.8rem;}
}
/*=================================================================================================
# Box
=================================================================================================*/
.box01 {min-height: 20px;padding: 1em 1.5em;background-color: #f5f5f5;border: 1px solid #e3e3e3;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);}
.box02 {margin: 20px 0;padding: 1em 1.5em;line-height: 2;border: 1px solid #cdcdcd;background: #fcfcfc;box-shadow: 0 1px 3px 0 rgba(195, 195, 195, 0.3);}
.box03 {margin: 20px 0;padding: 1em 1.5em;line-height: 2.0;border: 1px dashed #cdcdcd;background: #fcfcfc;box-shadow: 0 1px 3px 0 rgba(195, 195, 195, 0.3);}
/*=================================================================================================
# Table
=================================================================================================*/
table {border-collapse: collapse;border-spacing: 0;width: 100%;border: 1px solid var(--border-gry);margin: 2em 0;}
td, th {border: 1px solid var(--border-gry);padding: 1em;background: #fff;}
td, th {background: transparent;}
th {background: #eee;text-align: left;width: 30%;}
@media screen and (max-width: 640px) {
th {width: 20%;}
}
/* 
For Rresponsive
-------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
.rps-table {border: 1px solid var(--border-gry);}
.rps-table tr {display: block;margin-bottom: 0;}
.rps-table tr {border-bottom:1px solid #ccc;}
.rps-table tr:last-child {border: none;}
.rps-table th, .rps-table td {display: list-item;list-style-type: none;border: none;}
.rps-table th {width: 100%;}
}
/* 
For Rresponsive-vertical
-------------------------------------------------------------------------------------------------*/
.cp-table tbody td p {margin: 0;padding:0;}
@media screen and (max-width: 640px) {
.cp-table {border: none;}
.cp-table thead {display:none;}
.cp-table tbody th {display:block;width: 100%;border: none;}
.cp-table tbody td {display:block;border: none;border-bottom:1px solid #ccc;}
.cp-table tbody td::before {content: attr(label);float: left;clear:both;font-weight: var(--weight-bold);padding-right: 1em;}
.cp-table tbody td p {padding-left: 30%;}
}
/* 
Contact form
-------------------------------------------------------------------------------------------------*/
.wpcf7 {width: 100%;border: 1px solid var(--border-gry);background: #fafafa;padding: 0;margin: 0 0 2.5em !important;font-size: 1.4rem;}
.wpcf7 form {margin: 1.5em 1.5em 0;}
.wpcf7 p {margin-bottom: 1em;font-size: 1.2rem;}
.wpcf7 input, .wpcf7 textarea {width: auto;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;border: 1px solid var(--border-gry);line-height: 1.2;padding: 8px;}
.wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] {width: auto;max-width: 97%;border: 1px solid var(--border-gry);padding: 8px;}
.wpcf7 select, .wpcf7 .wpcf7-list-item-label {line-height: 1.2;font-size: 1.4rem;}
.wpcf7-list-item {display: inline;}
.wpcf7-list-item span {margin-right:1em;}
.wpcf7 textarea {height: 300px;}
.wpcf7 input:focus, .wpcf7 textarea:focus {outline: none;border: 1px solid var(--border-gry);-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);box-shadow: inner 0 0 5px rgba(0, 0, 0, 0.5);}
.wpcf7 input.wpcf7-submit {position: relative;display: block;width: 225px;height: 48px;margin: 30px auto 0;background-color: #333333;cursor: pointer;border: none !important;color: #fff;text-align: center;text-decoration: none;font-size: 1.4rem;line-height: 1.5;outline: none;-webkit-transition: all .3s;transition: all .3s;}
.wpcf7 input.wpcf7-submit, .wpcf7 input.wpcf7-submit::before, .wpcf7 input.wpcf7-submit::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.wpcf7 input.wpcf7-submit:hover {background-color: #666666;}
.wpcf7 .wpcf7-not-valid {background: pink;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0;padding: 8px 35px 8px 14px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.wpcf7 .wpcf7-validation-errors {color: #B94A48;background-color: #F2DEDE;border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD;background-color: #D9EDF7;border: 1px solid #BCE8F1;}
.wpcf7 input,.wpcf7 textarea {font-size: 1.4rem;}
.inq_table {border-collapse: collapse;width: 100%;}
.inq_table th,.inq_table td {padding: 10px;border: 1px solid var(--border-gry);}
.inq_table th {background-color: #eee;text-align: left;vertical-align: top;width: 30%;}
@media screen and (max-width: 640px) {
.wpcf7-list-item {display: block;}
.wpcf7-list-item span {margin-right:0;}
.inq_table {border-top: 1px solid #ccc;} 
.inq_table td {display: block;border: none;text-align: center;}
.inq_table th {display: block;border: none;border-bottom: none;width: auto;text-align: center;}
}
.required-srt {padding: 2px 6px 2px 5px;background: #CC0000;font-size: 1.2rem;color: #fff;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
/*=================================================================================================
# Site-contents
=================================================================================================*/
/* 
Loading
-------------------------------------------------------------------------------------------------*/
#is-loading {display: block;position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;background: #fff;z-index: 98;}
#loading {display: none;position: fixed;top: 50%;left: 50%;width: 60px;height: 60px;margin-top: -30px;margin-left: -30px;text-align: center;color: #fff;z-index: 99;}
/* 
Mainimage
-------------------------------------------------------------------------------------------------*/
.main-img {position: relative;width: 100%;height: 100vh;display: flex;/*align-items: center;*/flex-direction: column;overflow: hidden;}
.slide-wrap {display: flex;flex-direction: column;width: 70%;margin-left: 30%;animation: slide-flow 40s infinite linear 1s both;}
.slide-img {object-fit:cover;}
@keyframes slide-flow {
from {transform: translateY(0);}
to {transform: translateY(-100%);}
}
/* slide-ttl-wrap */
.slide-ttl-wrap {position: absolute;top: 50%;transform: translateY(-50%);left: 15%;width: 640px;cursor: default;}
.slide-ttl {margin: 0 0 5rem;color: #000;line-height: 1.5;font-weight: var(--weight-bold);text-shadow: 1px 1px 1px #fff;font-size: calc(24px + 22 * (100vw - 320px)/880);}
.slide-subttl {color: #000;font-size: 120%;margin: 3rem 0 1rem;line-height: 1.5;font-weight: var(--weight-bold);}
.slide-ttl-en {color: #000;font-size: 220%;line-height: 1.5;letter-spacing: 0.05rem;}
.slide-ttl-en02 {color: #fff;font-size: 220%;line-height: 1.5;letter-spacing: 0.05rem;background:var(--color-theme);padding:0.5rem 0 0.5rem 2rem;}
.slide-subttl-logo img{margin: 3rem 0 1rem;}

@media screen and (min-width:1200px){
.slide-ttl {font-size: 4.6rem;}
}
@media screen and (min-width:769px){
.slide-ttl-none {display: none;}
}
@media screen and (max-width: 1920px) {
.slide-ttl-wrap {left: 5%;}
}
@media screen and (max-width: 960px) {
.slide-ttl-wrap {width: 500px;}
.slide-ttl-en {font-size: 180%;}
.slide-ttl-en02{font-size: 180%;}	
}
@media screen and (max-width: 768px) {
.slide-ttl-wrap {width: 320px;}
}
@media screen and (max-width: 500px) {
.slide-wrap {width: 75%;margin-left: 25%;}
.slide-ttl-wrap {width: 280px;}
.slide-subttl {font-size: 110%;}
.slide-ttl-en {font-size: 130%;}
.slide-ttl-en02 {font-size: 130%;}	
}
@media screen and (max-width:320px){
.slide-ttl {font-size: 2.4rem;}
}
/* 
Global menu
-------------------------------------------------------------------------------------------------*/
/********** header **********/
.header {position: fixed;width: 100%;background: #fff;z-index: 90;}
.header a {color: var(--color-def);}
/* header-bar */
.header-bar {width:100%;height:90px;box-shadow: 1px 1px 3px 1px #ddd;}
.header-wrap {position: relative;width:100%;display: flex;justify-content: space-between;}
/* header-area */
.f-item:first-child {margin-right: auto;margin-left: 5%;}
.f-item:last-child {margin-right: 5%;}
/* header-logo */
.logo {font-size: 26px;overflow: hidden;margin: 0;margin-top: 1rem;padding: 0;width: 100%;}
.logo-text {display: table;float: left;table-layout: fixed;word-wrap: break-word;}
.logo-text a {display: table-cell;vertical-align: middle;}
.logo a:hover {opacity:1;}
/* header-submenu */
.header-submenu {position: absolute;top:0;top:0;right: 5%;padding: 0;margin-bottom:1rem;}
.header-submenu li {display: inline-block;font-size: 1.8rem;font-weight: 700;letter-spacing: 0.05rem;}
.header-submenu li:nth-of-type(2) {margin: 0 1rem;}
.header-submenu li:nth-of-type(3) a {background: var(--color-theme);width: 130px;padding: 0.5rem 1rem;font-size: 1.4rem;color: #fff;transition: .3s;}
.header-submenu li:nth-of-type(3) a:hover {background: var(--color-theme-hover);opacity: 1;}
.header-submenu li:nth-of-type(1)::before {content: "";display: inline-block;width: 22px;height: 22px;margin-right: .5rem;background-image: url('img/common/free.svg');background-position: center;background-size: contain;vertical-align: text-bottom;}
.header-submenu li:nth-of-type(2)::before {content: "\f098";font-family: "Font Awesome 5 Free";color: var(--color-theme);font-weight: 900;margin-right: .5rem;}
.header-submenu li:nth-of-type(3) a::before {content: "\f0e0";font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: .5rem;color: #fff;}
@media screen and (max-width: 1200px) {
.header-wrap {flex-wrap: wrap;}
.header-bar {height:70px;}
.logo img {width: 100px;}
.f-item:last-child {width: 100%;margin-right: 0;}
}
@media screen and (max-width: 700px) {
.header-bar {height:60px;}
.header-submenu {display:none;}
.logo {margin-top: 0.6rem;}
.logo img {width: 86px;}
}
/********** global-nav **********/
.global-nav a {color: #333;}
.global-nav ul {position: relative;list-style: none;display: flex;justify-content: center;align-items: center;margin: 0;padding: 0;width: 1100px;margin-top: 40px;}
/* 2階層目 */
.global-nav ul li {width: calc(100% / 7);}
.global-nav ul li a {position: relative;display: block;text-decoration: none;text-align:center;height:50px;line-height:50px;font-weight: 700;font-size: 1.6rem;}
/* link hover */
.global-nav ul li a {position: relative;}
.global-nav ul li a:hover{color: var(--color-theme-hover);opacity: 1;}
.global-nav ul li a::after {position: absolute;bottom: 0;left: 0;content: '';width: 100%;height: 3px;background: var(--color-theme-hover);transition: all .3s;transform: scale(0, 1);transform-origin: left top;}
.global-nav ul li a:hover::after {transform: scale(1, 1);}
/* 3階層目 */
.global-nav ul li ul.sub-menu {display: block;left: auto;width: calc(100% / 5);background: #fff;}
.global-nav ul li ul li {width: 100%;}
/* 下の階層を持っているulの指定 */
.global-nav > ul > li > ul {position: absolute;visibility: hidden;width: 100%;opacity: 0;top: 12px;left: 0;transition: all .3s;z-index: 99;}
/* hoverしたら表示 */
.global-nav li.menu-item-has-children:hover > ul,
.global-nav li.menu-item-has-children ul li:hover > ul,
.global-nav li.menu-item-has-children:active > ul,
.global-nav li.menu-item-has-children ul li:active > ul{visibility: visible;opacity: 1;}
@media screen and (min-width: 1201px) {
.global-pc-none {display: none;}
}
@media screen and (max-width: 1385px) {
.global-sp-none {display: none;}
/*global-nav PC時リセット*/
.global-nav a {color: #fff;}
.global-nav ul {display:block;width: 100%;column-count: 2;}
.global-nav ul li {width: 100%;}
.global-nav ul li ul.sub-menu {width: 100%;background: transparent;column-count: 1;}
.global-nav ul li {border-bottom: 1px solid #fff;}
.global-nav ul li ul li {border-bottom: none;}
.global-nav ul li a {height:70px;line-height:70px;}
.global-nav ul li a:hover{color: #fff;}
.global-nav ul li a::after {height: 2px;background: #fff;}	
.global-nav > ul > li > ul {position: static;visibility: visible;opacity: 1;}
.global-nav ul li:hover a:before {display: inline-block;position: absolute;right: 0;content: "\f061";font-family: "Font Awesome 5 Free";font-weight: 900;transition: .3s;}
/*global-nav action*/
.global-nav {position: fixed;top: 0;right: -1000px;/*左から出てくる*/bottom: 0;width: 80%;/*領域*/background: var(--color-theme);overflow-x: hidden;/*overflow-y: auto;*/-webkit-transition: all 0.3s;transition: all 0.3s;z-index: 92;opacity: 0;padding: 8rem 8rem 5rem 5rem;}
.open .global-nav {right: 0;/*左から出てくる*/opacity: 1;}
.global-nav ul {list-style: none;margin: 0;padding: 0;}
.global-nav ul li {position: relative;margin: 0;}
.global-nav ul li a {display: block;font-size: 90%;text-decoration: none;-webkit-transition-duration: 0.2s;transition-duration: 0.2s;}
/* toggle_btn */
.toggle_btn {display: block;position: fixed;top: 40px;right: 6%;width: 24px;height: 24px;-webkit-transition: all 0.3s;transition: all 0.3s;cursor: pointer;z-index: 93;}
.toggle_btn span {position: absolute;left: 0;width: 30px;height: 2px;background-color: #000;border-radius: 4px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.toggle_btn span:nth-child(1) {top: 1px;}
.toggle_btn span:nth-child(2) {top: 11px;}
.toggle_btn span:nth-child(3) {bottom: 1px;}
.open .toggle_btn span {background-color: #000;}
.open .toggle_btn span:nth-child(1) {-webkit-transform: translateY(10px) rotate(-315deg);transform: translateY(10px) rotate(-45deg);background-color: #fff;}
.open .toggle_btn span:nth-child(2) {opacity: 0;}
.open .toggle_btn span:nth-child(3) {-webkit-transform: translateY(-10px) rotate(315deg);transform: translateY(-10px) rotate(45deg);background-color: #fff;}
/* mask */
#mask {display: none;-webkit-transition: all 0.3s;transition: all 0.3s;}
.open #mask {display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;z-index: 90;cursor: pointer;}
}
@media screen and (max-width: 700px) {
.global-nav {width: 70%;padding: 5rem 8rem 5rem 5rem;}
.global-nav ul {column-count: 1;}
.global-nav ul li a {height:50px;line-height:50px;}
.toggle_btn {top: 18px;right: 5%;}
}
@media screen and (max-width: 450px) {
.global-nav {width: 80%;padding: 5rem 6rem 5rem 5rem;}
}
@media screen and (max-width: 450px) {
.global-nav {width: 80%;padding: 5rem 4rem 5rem 3rem;}
}
/*=================================================================================================
# Column
=================================================================================================*/
/* 
Space-wrap
-------------------------------------------------------------------------------------------------*/
.space-wrap,.col2-wrap,.col3-wrap,.col4-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
/* space-wrap img */
.space-wrap img {display: block;margin-bottom: 3rem;width: 100%;height: auto;object-fit: cover;font-family: 'object-fit: cover;';}
/********** col2 **********/
.col2-item {width: 48%;margin-bottom: 3rem;}
/********** col3 **********/
.col3-wrap:after {content: "";display: block;width: 31%;height: 0;}
.col3-item {width: 31%;margin-bottom: 3rem;}
/********** col4 **********/
.col4-wrap:before {content: "";display: block;width: 23%;height: 0;order: 1;}
.col4-wrap:after {content: "";display: block;width: 23%;height: 0;}
.col4-item {width: 23%;margin-bottom: 3rem;}
@media screen and (max-width: 980px){
.col3-wrap:after,.col3-item {width: 49%;}
.col4-wrap:before,.col4-wrap:after,.col4-item {width: 49%;}
}
@media screen and (max-width: 640px){
.space-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.col3-wrap:after,.col3-item,.col4-wrap:before,.col4-wrap:after,.col4-item {width: 100%;}
}
/* 
Float floatwrap clearfixが親要素
-------------------------------------------------------------------------------------------------*/
.float-wrap {margin: 0;padding: 0;}
.float-wrap:after {clear: both ;content: ''; display: block;}
.float-wrap-imgL,.float-wrap-imgR {width: 30%;margin-top:0;margin-bottom:.5rem;}
.float-wrap-imgR {float: right;margin-left: 2rem;}
.float-wrap-imgL {float: left;margin-right: 2rem;}
.float-wrap-imgL img,.float-wrap-imgR img {max-width: 100%;}
.clearfix::after {content: "";display: block;clear: both;}

/* 
external-link
-------------------------------------------------------------------------------------------------*/

/* Font Awesome 外部リンクアイコン（.main-btn 以外の a[target="_blank"] にのみ） */
a[target="_blank"]:not(.main-btn)::after {
  margin: 0 0 0 3px;
  font-family: "Font Awesome 5 Free";
  content: '\f35d';
  font-weight: 900;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}

/* 
pdf-link　ボタン名変更
-------------------------------------------------------------------------------------------------*/
a.btn09[href$=".pdf"]:before {font-family: "Font Awesome 5 Free";content: '\f1c1';font-weight: 900;}
/* 
tel-to-link 電話番号リンクをスマホのみ有効
-------------------------------------------------------------------------------------------------*/
a[href*="tel:"] {color: inherit;text-decoration: none;}
a:hover[href*="tel:"] {opacity: 1;}
@media (min-width: 751px) {
a[href*="tel:"] {pointer-events: none;}
}
/*--------------------------------------------------------------
PDF制御
--------------------------------------------------------------*/
.wp-block-file:before {content: "※スマホの場合、下記のPDFは1枚目のみの表示となっております。スマホで閲覧の場合は、下記の「閲覧する」(Androidの場合、「開く」ボタン)をクリックし、ご覧ください。";color: red;}
.wp-block-file a {font-size: 1.6rem;}
.wp-block-file a:before {content: "\f061";font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: 1rem;}
.wp-block-file a:after {content: "を閲覧する";}
a.wp-block-file__button:after {content: ""!important;}
a.wp-element-button:after {content: ""!important;}
@media screen and (max-width: 1180px){
.wp-block-file .wp-block-file__embed {display: block!important;}
}
/*=================================================================================================
# Top-content
=================================================================================================*/
.gry-bg {background: var(--color-bg-gry);padding: 5rem 0 7rem;}
@media screen and (max-width:500px){
.gry-bg {padding: 3rem 0 5rem;}
}
/* heading-en */
.heading-en {font-family: "Ubuntu",'Roboto',arial,sans-serif;font-weight: 500;color: #000;line-height: 1.2;}
.top-heading-en {font-size: calc(24px + 46 * (100vw - 320px)/880);}
@media screen and (min-width:1200px){
.top-heading-en {font-size: 7.0rem;}
}
@media screen and (max-width:320px){
.top-heading-en {font-size: 2.4rem;}
}
/* main-btn */
.main-btn {position: relative;display: flex;justify-content: center;align-items: center;width: 210px;margin-top: 2rem;padding: .7rem 3rem .7rem 1rem;border: 1px solid #000;border-radius: 5px;background-color: #fff;color: #000;font-family: "Ubuntu",'Roboto',arial,sans-serif;font-weight: 500;font-size: 90%;}
.main-btn::after {position: absolute;right: 1.3em;transform: translateY(-50%);transform-origin: left;width: 1.5em;height: .5em;margin-top: .2rem;background-color: #000;clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);content: '';transition: transform .3s;}
.main-btn:hover::after {transform: translateY(-50%) scaleX(1.4);background-color: var(--color-theme);}
.main-btn:hover {border: 1px solid var(--color-theme);border-radius: 5px;background-color: #fff;color: var(--color-theme);font-family: "Ubuntu",'Roboto',arial,sans-serif;font-weight: 500;font-size: 90%;}



/*
Top-news-area
-------------------------------------------------------------------------------------------------*/
.top-news-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.top-news-colL {width: 220px;}
.top-news-colL .top-news-ttl {font-size: calc(24px + 6 * (100vw - 320px)/880);}
.top-news-colR {width: calc(90% - 220px);}
/********* news-list *********/
.news-list dl {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;margin: 0;margin-top: 0.5rem;padding: 1.0rem 0;border-bottom: 1px solid #ccc;}
.news-list dt span.ymd {width: 130px;font-size: 1.3rem;font-weight: normal;color: var(--color-def)!important;}
.news-list dd {width: calc(96% - 130px);margin: 0;}
@media screen and (max-width: 640px) {
.news-list dl {flex-direction: column;}
.news-list dt,.news-list dd {width: 100%;}
}
@media screen and (min-width:1200px){
.top-news-colL .top-news-ttl {font-size: 3.0rem;}
}
@media screen and (max-width:834px){
.top-news-colL,.top-news-colR {width: 100%;}
.top-news-colL .top-news-ttl,.top-news-colL .main-btn-wrap {display: inline-block;}
.top-news-colL .main-btn {width: 210px;margin-top: 2rem;padding: .7rem 3rem .7rem 1rem;border: none;background-color: transparent;font-size: 90%;}
.top-news-colL .main-btn::after {right: 1.6em;}
.top-news-colL .main-btn:hover {border: none;background-color: transparent;}
}
@media screen and (max-width:350px){
.top-news-colL .top-news-ttl,.top-news-colL .main-btn-wrap {display: block;}
.top-news-colL .main-btn {width: 150px;margin-top: 0.5rem;padding: .7rem 3rem .7rem 0;}
.top-news-colL .main-btn::after {right: 1em;}
}
@media screen and (max-width:320px){
.top-news-colL .top-news-ttl {font-size: 2.4rem;}
}
/*
Top-about-area
-------------------------------------------------------------------------------------------------*/
.top-abt-wrap,.top-abt-img-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.top-abt-wrap {margin-top: 7rem;align-items: center;}
.top-abt-img-wrap .mt-img {margin-top: 7rem;}
.top-abt-img {width: 43%;}
.top-abt-img-img {width: 48%;}
.top-abt-txt {width: 50%;}
@media screen and (max-width:1500px){
.top-abt-img {width: 50%;}
.top-abt-txt {width: 43%;}
}
@media screen and (max-width:960px){
.top-abt-wrap {flex-direction: column;}
.top-abt-img,.top-abt-txt {width: 100%;}
}
/*
Top-service-area
-------------------------------------------------------------------------------------------------*/
.top-srv-bg {background: linear-gradient(180deg, transparent 0%, transparent 50%, var(--color-bg-gry) 50%, var(--color-bg-gry) 100%);display: flex;/*justify-content: center;align-items: center;*/width: 100%;height: auto;margin-top:13rem;margin-bottom: 15rem;}
.top-srv-wrap {position: relative;width: 100%;}
.top-srv-txt {position: absolute;top:0;left: 5%;cursor: default;}
.bg-img {width: 70%;margin-left: 30%;}
/********* top-srv-icn-wrap *********/
.top-srv-icn-wrap {position: absolute;top: 40%;left: 0;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;padding:0 15%;}
.top-srv-icn-wrap:before {content: "";display: block;height: 0;order: 1;}
.top-srv-icn-wrap:after {content: "";display: block;height: 0;}
.top-srv-icn-wrap:before,.top-srv-icn-wrap:after,.top-srv-icn-col {width: 24%;}
.top-srv-icn-col {background: #fff;border: 5px solid var(--color-theme);padding: 3rem;transition: all .3s;display: flex;flex-wrap: wrap;}
.top-srv-icn-ttl {width: 100%;font-weight: bold;font-size: 140%;transition: all .3s;}
.top-srv-icn-ttl-jp {width: 100%;font-weight: bold;font-size: 125%;transition: all .3s;}
/********* top-srv-icn-btn *********/
.top-srv-icn-btn,.top-srv-icn-btn01 {position: relative;display: inline-block;width: 100%;padding: .6rem 2rem;background-color: var(--color-theme);border: 2px solid var(--color-theme);font-size: 90%;color: #fff;text-align: center;text-decoration: none;transition: all .3s;margin-top: auto;}
.top-srv-icn-btn:after,.top-srv-icn-btn01:after {position: absolute;top: 50%;right: .2rem;content: '';margin-top: -5px;border: 7px solid transparent;border-top-width: 5px;border-bottom-width: 5px;border-left-color: #fff;transition: all .3s;}
.top-srv-icn-btn a,.top-srv-icn-btn01 a{color: #fff;}
.top-srv-icn-btn02 {position: relative;display: inline-block;width: 100%;padding: .6rem 2rem;background-color: #FFA500;border: 2px solid #FFA500;font-size: 90%;color: #fff!important;text-align: center;text-decoration: none;transition: all .3s;margin-top: auto;margin-bottom:1rem;}
.top-srv-icn-btn02:after {position: absolute;top: 50%;right: .2rem;content: '';margin-top: -5px;border: 7px solid transparent;border-top-width: 5px;border-bottom-width: 5px;border-left-color: #fff;transition: all .3s;}
.top-srv-icn-btn02 a{color: #fff;}
/* hover */
.top-srv-icn-col:hover {background: var(--color-bg-gry);}
.top-srv-icn-col:hover .top-srv-icn-ttl {color: var(--color-theme);}
.top-srv-icn-col:hover .top-srv-icn-ttl-jp {color: var(--color-theme);}
.top-srv-icn-col:hover .top-srv-icn-btn {background-color: #fff;color: var(--color-theme);}
.top-srv-icn-col:hover .top-srv-icn-btn a{color: var(--color-theme);}
.top-srv-icn-col:hover .top-srv-icn-btn:after {border-left-color: var(--color-theme);}
/* hover（col全体hover時） */
.top-srv-icn-col:hover {background: var(--color-bg-gry);}
.top-srv-icn-col:hover .top-srv-icn-ttl,.top-srv-icn-col:hover .top-srv-icn-ttl-jp {color: var(--color-theme);}
/* ボタンはそれぞれ独立してhoverに反応するように変更 */
.top-srv-icn-btn01:hover {background-color: #fff; color: var(--color-theme);}
.top-srv-icn-btn01:hover a {color: var(--color-theme);}
.top-srv-icn-btn01:hover:after {border-left-color: var(--color-theme);}
/* hover 02 */
.top-srv-icn-btn02:hover {background-color: #fff; border-color: #FFA500;}
.top-srv-icn-btn02:hover a {color: #FFA500;}
.top-srv-icn-btn02:hover:after {border-left-color: #FFA500;}
@media screen and (max-width:1920px){
.top-srv-bg {height: 1000px;margin-bottom: 10rem;}
.top-srv-icn-wrap {padding:0 5%;}
}
@media screen and (max-width:1540px){
.top-srv-bg {height: 1200px;margin-bottom: 10rem;}	
.top-srv-icn-wrap {top: 26%;}
.top-srv-icn-br-none {display: none;}
.top-srv-icn-wrap:before,.top-srv-icn-wrap:after,.top-srv-icn-col {width: 49%;}
.top-srv-icn-col:nth-child(-n+2) {margin-bottom: 1rem;}
.top-srv-icn-col img {width: 13%;}
}
@media screen and (max-width:1024px){
.top-srv-bg {height: 1000px;margin-bottom: 10rem;}		
.top-srv-icn-wrap {position: static;top: auto;left: 0;}
.bg-img img {display: block;width: 100%;height: 250px;object-fit: cover;font-family: 'object-fit: cover;';}
}
@media screen and (max-width:834px){
.top-srv-bg {height: 1050px;margin-bottom: 5rem;}
.top-srv-icn-col img {width: 18%;}
.top-srv-icn-ttl-jp {font-size: 115%;}
}
@media screen and (max-width:670px){
.top-srv-bg {height: 1840px;}
.top-srv-icn-wrap:before,.top-srv-icn-wrap:after,.top-srv-icn-col {width: 100%;}
.top-srv-icn-col:nth-child(n+2) {margin-bottom: 1rem;}
.top-srv-icn-col img {width: 80px;}
}
@media screen and (max-width:320px){
.top-srv-bg {height: 2050px;}
}

/*
Top-tab-area
-------------------------------------------------------------------------------------------------*/
.top-tab-wrap {margin-top: 7rem;}

/********* tabs-list *********/
ul#tabs-list {list-style: none;text-align: center;border-bottom: 1px solid #dfdfdf;margin: 0;padding: 0;}
ul#tabs-list li {display: inline-block;text-align: center;width: 49%;transition-property: border-top;transition-duration: 200ms;}
ul#tabs-list li span {display: block;font-weight: var(--weight-bold);font-size: 120%;}
ul#tabs-list li:hover {border-top: none;border-right: none;}
ul#tabs-list li:hover:last-of-type {border-right: 1px solid #dfdfdf;}
ul#tabs-list li:hover + li {border-left: 1px solid #dfdfdf;}
ul#tabs-list li label.panel-label {border-top: 0px solid var(--color-theme);padding: 24px 0 0;}
ul#tabs-list li label.panel-label:hover {border-top-width: 6px;padding-top: 25px;}
#open-nav-label,#close-nav-label {display: none;}
#nav-ctrl {display: none;}
/* panel-label */
label.panel-label {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: block;width: 100%;color: #000;cursor: pointer;background-color: #ecf0f1;-webkit-transition-property: border-top, background-color, color;transition-property: border-top, background-color, color;-webkit-transition-duration: 200ms;transition-duration: 200ms;}
label.panel-label img {width: 25%;}
label.panel-label:hover {color: var(--color-theme);background-color: transparent;}
/* panels */
#panels {background-color: #fff;border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;border-left: 1px solid #dfdfdf;}
#panels .panels-wrap {margin: 0 auto;width: 100%;}
#panels label.panel-label {padding: 12px 24px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#panels .panel-area {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;max-height: 0;opacity: 0;-webkit-transition: opacity 600ms;transition: opacity 600ms;overflow-y: hidden;}
#panel-1-ctrl:checked ~ #panels #panel-1 .panel-area {max-height: initial;opacity: 1;padding: 10px 10px;}
#panel-2-ctrl:checked ~ #panels #panel-2 .panel-area {max-height: initial;opacity: 1;padding: 10px 10px;}
/* panel-radios */
.panel-radios {position: fixed;left: 50%;top: 10px;width: 20px;opacity: 0.5;z-index: 99;display: none;}
.panel-radios:nth-child(1) {-webkit-transform: translateX(-50px);-ms-transform: translateX(-50px);transform: translateX(-50px);}
.panel-radios:nth-child(2) {-webkit-transform: translateX(-30px);-ms-transform: translateX(-30px);transform: translateX(-30px);}
@media screen and (max-width:834px){
ul#tabs-list li span {font-size: 110%;}
label.panel-label img {width: 30%;}
}
@media screen and (max-width:430px){
ul#tabs-list li span {font-size: 100%;}
label.panel-label img {width: 35%;}
#panels label.panel-label {padding: 12px;}
}
@media screen and (max-width:350px){
ul#tabs-list li {width: 48%;}
ul#tabs-list li span {font-size: 90%;}
#panels label.panel-label {padding: 1rem;}
}
/********* scroll-slide-wrap *********/
.scroll-slide-wrap {position: relative;width: 100%;overflow: hidden;margin: 2rem 0;}
.scroll-slide-area {display: flex;width: fit-content;transition: transform 0.3s ease;transform: translateX(0);}

.scroll-slide-box {flex-shrink: 0;width: 400px;height: 380px;margin-right: 2rem;display: flex;flex-direction: column;}
.scroll-slide-box img {display: block;width: 100%;height: 250px;object-fit: cover;font-family: 'object-fit: cover;';border-radius: 10px;}
.scroll-slide-box .title {margin-top: 1rem;color: var(--color-theme-hover);font-weight: var(--weight-bold);flex: 1;height: 100%;min-height: 0%;}
.scroll-slide-box ul.post-categories li a {color: #333;margin-bottom: 1rem;display: inline-block;border:1px solid #333;padding:.1em .5em;font-size:80%;border-radius:3px;flex: 2;height: 100%;min-height: 0%;letter-spacing: 0.05rem;}
/* scroll-slide-arrow */
.scroll-slide-arrow {position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;background-color: rgba(22, 131, 82, 0.8);color: #fff;font-weight: var(--weight-bold);font-size: 20px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.scroll-slide-arrow.left {left: 0;}
.scroll-slide-arrow.right {right: 0;}
.Hide {display: none;}
@media screen and (max-width:900px){
.scroll-slide-box {width: 320px;height: 320px;}
.scroll-slide-box img {height: 200px;}
}
@media screen and (max-width:320px){
.scroll-slide-box {width: 300px;height: 280px;}
.scroll-slide-box img {height: 170px;}
}
/*
Top-sns-area
-------------------------------------------------------------------------------------------------*/
.top-sns-mt {margin-top: 7rem;}
.top-sns-wrap,.top-colL-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.top-sns-colL {width: 550px;}
.top-sns-colL img {width: 200px;}
.top-sns-colL .top-sns-ttl {font-size: calc(24px + 6 * (100vw - 320px)/880);}
.top-sns-colR {width: calc(90% - 550px);}
.top-colL-txt,.top-colL-img {width: 100%;}
@media screen and (min-width:1200px){
.top-sns-colL .top-sns-ttl {font-size: 3.0rem;}
}
@media screen and (max-width:1500px){
.top-sns-none {display: none;}
.top-sns-colL {width: 450px;}
.top-sns-colR {width: calc(94% - 450px);}
.top-sns-colL img {width: 150px;}
}
@media screen and (max-width:1366px){
.top-sns-colL {width: 30%;}
.top-sns-colR {width: 64%;}
}
@media screen and (max-width:1024px){
.top-colL-wrap {align-items: center;}
.top-sns-colL,.top-sns-colR {width: 100%;}
.top-colL-txt {width: calc(96% - 150px);}
.top-colL-img {width: 150px;}
}
@media screen and (max-width:600px){
.top-sns-wrap,.top-colL-wrap {flex-direction: column;;}
.top-sns-colL,.top-sns-colR {width: 100%;}
.top-sns-colR iframe {height: 300px;}
.top-colL-txt {width: 100%;}
.top-colL-img {display: none;}
}
@media screen and (max-width:320px){
.top-sns-colL .top-sns-ttl {font-size: 2.4rem;}
}
/*
Top-Always-logo
-------------------------------------------------------------------------------------------------*/
 .top-alw-text {position: fixed;right: 0px;bottom: 0px;z-index: 9999;pointer-events: none; }
.top-alw-text img{width:350px;display: block;}

@media screen and (max-width:625px){
 .top-alw-text {bottom: 50px;}
}
@media screen and (max-width:490px){
 .top-alw-text {width: 100%;text-align:center;}
}
@media screen and (max-width:330px){
 .top-alw-text {bottom: 70px;}
}


/*=================================================================================================
# Footer
=================================================================================================*/
/*footer {background: var(--color-bg-gry);}*/
/* 
Footer-info-wrap
-------------------------------------------------------------------------------------------------*/
.footer-info-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.footer-info-img {width: 60%;}
.footer-info-img img {display: block;width: 100%;height: 550px;object-fit: cover;font-family: 'object-fit: cover;';}
.footer-info-txt {width: 40%;background: var(--color-bg-gry);padding: 5rem;}
.footer-info-txt02 {width: 100%;background: var(--color-bg-gry);padding: 5rem;}
.footer-info-txt .free-tel,.footer-info-txt .tel {font-size: 120%;font-weight: var(--weight-bold)}
.footer-info-txt .free-tel::before {content: "";display: inline-block;width: 24px;height: 24px;margin-right: .8rem;background-image: url('img/common/free.svg');background-position: center;background-size: contain;vertical-align: text-bottom;}
.footer-info-txt .tel::before {content: "\f098";font-family: "Font Awesome 5 Free";color: var(--color-theme);font-weight: 900;margin-right: .8rem;}
@media screen and (max-width:1430px){
.footer-info-img,.footer-info-txt {width: 50%;}
.footer-info-img img {height: 100%;object-position: center left;}
}
@media screen and (max-width:760px){
.footer-info-img,.footer-info-txt {width: 100%;}
.footer-info-txt {padding: 3rem 5%;}
.footer-info-img img {height: 300px;}
}
@media screen and (max-width:500px){
.footer-info-txt .custom-logo {width: 100px;}
.footer-info-img img {height: 250px;}
}




/* 
Footer-social
-------------------------------------------------------------------------------------------------*/
ul.social {margin: 0;padding: 0;position: absolute;bottom: 0;}
ul.social li {display:inline-block;font-size:2.6rem;margin-right:.5em;}
ul.social li:last-child {margin-right:0;}
ul.social li a {color: var(--color-def);}
ul.social li a:hover {font-weight:normal;}
ul.social li span {display:none;}
ul.social li a[href*="/feed/"]:before {font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f09e";}
ul.social li a[href*="twitter.com"]:before {font-family: "Font Awesome 5 Brands";font-weight: var(--weight-normal);content: "𝕏";} 
ul.social li a[href*="facebook.com"]:before {font-family: "Font Awesome 5 Brands";font-weight: var(--weight-normal);content: "\f082";}
ul.social li a[href*="instagram.com"]:before {font-family: "Font Awesome 5 Brands";font-weight: var(--weight-normal);content: "\f16d";}
@media screen and (max-width: 960px) {
ul.social {margin: 0;padding: 0;position: static;bottom: 0;}
}
/* 
Footer-menu
-------------------------------------------------------------------------------------------------*/
.footer-nav-area,.copyright {font-size: 1.2rem;}
.site-footer {padding:2em 0 0;color: var(--color-def);}
/* footer_menu1 footer_menu2 */
.footer_menu1 ul,.footer_menu2 ul {margin: 0;list-style: none;}
.footer_menu1 ul li::before,.footer_menu2 ul li::before {content: "\f105";font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: .5rem;font-size: 70%;opacity: 0.8;}
.footer_menu1 ul li a,.footer_menu2 ul li a {color: var(--color-def);}
@media screen and (max-width: 1024px) {
.footer_menu1 ul,.footer_menu2 ul {font-size: 1.2rem;}
}
/* footer-nav-area */
.footer-nav-area-wrap {background: #fff;padding: .5rem 0;}
.footer-nav-area {margin: 1em 0;}
.footer-nav-area ul {margin: 0;padding: 0;}
.footer-nav-area .footer_menu a {color: var(--color-def);}
.footer-nav-area .footer_menu a:hover {opacity: .8;}
.footer-nav-area .footer_menu ul li {display: inline-block;padding: 0 1rem;border-right: 1px solid #ccc;text-align: center;}
.footer-nav-area .footer_menu ul li:last-child {border-right: none;}
@media screen and (max-width: 440px) {
.footer-nav-area .footer_menu ul li {width: 100%;display: block;padding-right: 0;border-right: none;border-bottom: 1px solid #ccc;}
.footer-nav-area .footer_menu ul li a {padding: 10px;display: block;}
.footer-nav-area .footer_menu ul li a:hover {background:rgba(255,255,255,.3);}
}
/* footer-nav-area */
.footer-nav-area2 {margin: 1em 0;}
.footer-nav-area2 ul {margin: 0;padding: 0;}
.footer-nav-area2 .footer_menu a {color: var(--color-def);}
.footer-nav-area2 .footer_menu a:hover {opacity: .8;}
.footer-nav-area2 .footer_menu ul li {display: inline-block;padding: 0 1rem;border-right: 1px solid #ccc;text-align: center;}
.footer-nav-area2 .footer_menu ul li:last-child {border-right: none;}
@media screen and (max-width: 640px) {
.footer-nav-area2 {display: block;padding-right: 0;border-right: none;border-bottom: 1px solid #ccc;}
}
/* 
Copyright
-------------------------------------------------------------------------------------------------*/
.copyright {background: var(--color-theme);padding: .5rem 0;text-align: center;}
.copyright p {margin:0;color: #fff;}
.copyright p span {display:inline-block;}
/* 
Page-top
-------------------------------------------------------------------------------------------------*/
#page_top a {position: fixed;right: 15px;bottom: 80px;height: 30px;text-decoration: none;font-weight: var(--weight-bold);-webkit-transform: rotate(90deg);transform: rotate(90deg);font-size: 90%;line-height: 1.5rem;color: var(--color-theme);padding: 0 0 0 55px;border-top: solid 2px;}
#page_top a::before {position: absolute;content: "";display: block;top: -2px;left: 1px;width: 15px;border-top: solid 2px;-webkit-transform: rotate(35deg);transform: rotate(35deg);-webkit-transform-origin: left top;transform-origin: left top;}
#page_top a::after {position: absolute;content: 'PAGE TOP';font-size: 1.0rem;line-height: 1.0;top: 10px;bottom: 0;right: 0;left: 15px;text-align: center;color: var(--color-theme);}
#page_top a {font-size: 1em;}
@media screen and (max-width: 640px) {
#page_top a {bottom: 120px;}
}
/* 
#page_top {width: 60px;height: 60px;position: fixed;right: 0;bottom: 0;opacity: 0.9;background: rgba(255,255,255,.7);}
#page_top a {position: relative;display: block;width: 60px;height: 60px;text-decoration: none;}
#page_top a::before {font-family: 'Font Awesome 5 Free';font-weight: 900;content: '\f102';font-size: 2.1rem;color: #3f98ef;position: absolute;width: 21px;height: 21px;top: -30px;bottom: 0;right: 0;left: 0;margin: auto;text-align: center;}
#page_top a::after {content: 'PAGE TOP';font-size: 1.0rem;color: #fff;position: absolute;top: 35px;bottom: 0;right: 0;left: 0;margin: auto;text-align: center;color: var(--color-theme);}
*/

/* 
fix-under-menu
-------------------------------------------------------------------------------------------------*/
ul.fix-under-menu {display:none;list-style:none}
@media screen and (max-width: 640px) {
ul.fix-under-menu {margin:0 auto;padding:12px 0 8px;width:100%;overflow:hidden;display:table;table-layout:fixed;text-align:center;}
ul.fix-under-menu li {margin:0;padding:0;display:table-cell;vertical-align:middle;list-style-type:none;font-size:1.0rem;line-height:16px;border-right:1px solid rgba(0,0,0,.1);}
ul.fix-under-menu li:last-child {border-right:none;}
ul.fix-under-menu li a i {font-size:var(--fz-sp);}
ul.fix-under-menu li a {border:none;display:block;color:#111;text-decoration:none;}
.fix-under-menu {position:fixed;bottom:0;left:0;background:#fff;z-index:9999999999;}
}
@media screen and (max-width: 330px) {
ul.fix-under-menu li a {white-space: nowrap}
}

.cp_cff_hr {border-width: 1px 0 0 0;border-style: dotted;border-color: #ccc;}
/*=================================================================================================
# Sub-content
=================================================================================================*/
/* sub-h5 */
.sub-h3 {display: flex;justify-content: center;align-items: center;color: #333;margin-bottom: 4rem;}
.sub-h3::before,.sub-h3::after {width: 3px;height: 30px;background-color: var(--color-theme);content: '';}
.sub-h3::before {transform: rotate(-35deg);margin-right: 30px;}
.sub-h3::after {transform: rotate(35deg);margin-left: 30px;}
/* sub-h5 */
.sub-h5 {position: relative;margin-bottom: 0;padding: 0 0 0 2.5rem;}
.sub-h5::after {position: absolute;content: '';top: 50%;left: 0;transform:translateY(-50%);width: 10px;height:10px;border-style: solid;border-width: 10px 6px 0 6px;border-color: var(--color-theme) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);}
/* maru-lst */
ul.maru-lst {list-style: none;margin: 0;padding: 0;}
ul.maru-lst li {position: relative;padding-left: 24px;}
ul.maru-lst li::before {content: '';display: inline-block;position: absolute;top: 10px;left: 0;width: 10px;height: 10px;background-color: var(--color-theme);border-radius: 5px;}
/* btn10 */
a.btn10 {background: var(--color-theme-hover);border-radius: 50px;position: relative;display: flex;justify-content: center;align-items: center;margin: 0 auto;max-width: 350px;padding: 1rem 1.5rem 1rem 1.2rem;line-height: 1.8;color: #fff;border-bottom: solid 5px var(--color-theme);transition: 0.3s ease-in-out;font-size: 120%;}
a.btn10:before {content: "\f15b";position: relative;font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: 12px;color: #fff;transition: 0.3s ease-in-out;}
a.btn10:after {content: "";position: absolute;top: 50%;bottom: 0;right: 2rem;font-size: 90%;display: flex;justify-content: center;align-items: center;transition: right 0.3s;width: 6px;height: 6px;border-top: solid 2px currentColor;border-right: solid 2px currentColor;transform: translateY(-50%) rotate(45deg);}
a.btn10:hover:after {right: 1.4rem;}
a.btn10:hover {color: #FFF;border-bottom: solid 2px var(--color-theme);transform: translateY(3px);}
a.btn10:hover:before {color: #fff;}
.tooltip {position: relative;margin-bottom: .5rem;text-align: center;color: #333;font-weight: bold;}
.tooltip:before {margin-right: 1rem;content: '＼';}
.tooltip:after {margin-left: 1rem;content: '／';}
@media screen and (max-width: 500px) {
a.btn10 {max-width: 300px;font-size: 100%;}
}
@media screen and (max-width: 380px) {
.tooltip:before, .tooltip:after {display: none;}
}
/* btn11 */
a.btn11 {background: var(--border-gry);border-radius: 50px;position: relative;display: flex;justify-content: center;align-items: center;margin: 0 auto;max-width: 350px;padding: 1rem 1.5rem 1rem 1.2rem;line-height: 1.8;color: var(--color-def);border-bottom: solid 5px var(--color-def);transition: 0.3s ease-in-out;font-size: 120%;}
a.btn11:before {content: "\f08e";position: relative;font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: 12px;color: var(--color-def);transition: 0.3s ease-in-out;}
a.btn11:after {content: "";position: absolute;top: 50%;bottom: 0;right: 2rem;font-size: 90%;display: flex;justify-content: center;align-items: center;transition: right 0.3s;width: 6px;height: 6px;border-top: solid 2px currentColor;border-right: solid 2px currentColor;transform: translateY(-50%) rotate(45deg);}
a.btn11:hover:after {right: 1.4rem;}
a.btn11:hover {color: #FFF;border-bottom: solid 2px var(--color-def);transform: translateY(3px);}
a.btn11:hover:before {color: #fff;}
.tooltip11 {position: relative;margin-bottom: .5rem;text-align: center;color: #333;font-weight: bold;}
.tooltip11:before {margin-right: 1rem;content: '＼';}
.tooltip11:after {margin-left: 1rem;content: '／';}
@media screen and (max-width: 768px) {
.tooltip11:before,.tooltip11:after{display:none;}
a.btn11 {max-width: 300px;font-size: 100%;}
}

/* work-btn */
.work-btn {padding: 2rem 3rem;cursor: pointer;border-radius: 10px;border: 3px solid #353535;background-color: var(--color-theme);transition: .3s;color: #fff;font-weight: bold;}
.work-btn:hover {box-shadow: 0px 5px #353535;}
.work-btn:active {box-shadow: 0 0;transform: translate(0px, 5px);}
/* anc-wrap */
.anc-wrap {background: linear-gradient(180deg, #fff 0%, #fff 50%, var(--color-theme) 50%, var(--color-theme) 100%);display: flex;justify-content: center;align-items: center;width: 100%;margin-bottom:7rem;}
.anc-btn-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;background: #fff;margin: 3rem 0;width: 100%;box-shadow: 0 -2px 5px #ccc;}
.anc-btn-wrap:after {content: "";display: block;width: 25%;height: 0;}
.anc-btn-col {position: relative;width: 25%;padding: 4rem 3rem;text-align: center;font-weight: bold;transition: .3s;}
.anc-btn-col a {position: absolute;top: 0;left: 0;height:100%;width: 100%;margin-top: 2.5rem;}
.anc-btn-col{border-right: 1px solid #ccc;}
.anc-btn-col:last-child{border-right: none;}
.anc-btn-col a::before {content: "\f078";font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: 1rem;}
.anc-btn-col:hover {background: #f6f6f6;}
@media screen and (max-width: 580px) {
.anc-wrap {background: linear-gradient(180deg, #fff 0%, #fff 60%, var(--color-theme) 60%, var(--color-theme) 100%);}
.anc-btn-col {width: 100%;}
.anc-btn-col{border-right: none;border-bottom: 1px solid #ccc;}
.anc-btn-col:last-child{border-bottom: none;}	
}

/* anc-wrap */
.anc-wrap {background: linear-gradient(180deg, #fff 0%, #fff 50%, var(--color-theme) 50%, var(--color-theme) 100%);display: flex;justify-content: center;align-items: center;width: 100%;margin-bottom:7rem;}
.anc-btn-col2-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;background: #fff;margin: 3rem 0;width: 100%;box-shadow: 0 -2px 5px #ccc;}
.anc-btn-col2 {position: relative;width: 50%;padding: 4rem 3rem;text-align: center;font-weight: bold;transition: .3s;}
.anc-btn-col2 a {position: absolute;top: 0;left: 0;height:100%;width: 100%;margin-top: 2.5rem;}
.anc-btn-col2{border-right: 1px solid #ccc;}
.anc-btn-col2:last-child{border-right: none;}
.anc-btn-col2 a::before {content: "\f078";font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: 1rem;}
.anc-btn-col2:hover {background: #f6f6f6;}
@media screen and (max-width: 580px) {
.anc-wrap {background: linear-gradient(180deg, #fff 0%, #fff 60%, var(--color-theme) 60%, var(--color-theme) 100%);}
.anc-btn-col2 {width: 100%;}
.anc-btn-col2{border-right: none;border-bottom: 1px solid #ccc;}
.anc-btn-col2:last-child{border-bottom: none;}	
}

/* anc-wrap col3*/
.anc-wrap {background: linear-gradient(180deg, #fff 0%, #fff 50%, var(--color-theme) 50%, var(--color-theme) 100%);display: flex;justify-content: center;align-items: center;width: 100%;margin-bottom:7rem;}
.anc-btn-col3-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;background: #fff;margin: 3rem 0;width: 100%;box-shadow: 0 -2px 5px #ccc;}
.anc-btn-col3 {position: relative;width: 33.333%;padding: 4rem 3rem;text-align: center;font-weight: bold;transition: .3s;}
.anc-btn-col3 a {position: absolute;top: 0;left: 0;height:100%;width: 100%;margin-top: 2.5rem;}
.anc-btn-col3{border-right: 1px solid #ccc;}
.anc-btn-col3:last-child{border-right: none;}
.anc-btn-col3 a::before {content: "\f078";font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: 1rem;}
.anc-btn-col3:hover {background: #f6f6f6;}
@media screen and (max-width: 580px) {
.anc-wrap {background: linear-gradient(180deg, #fff 0%, #fff 60%, var(--color-theme) 60%, var(--color-theme) 100%);}
.anc-btn-col3 {width: 100%;}
.anc-btn-col3{border-right: none;border-bottom: 1px solid #ccc;}
.anc-btn-col3:last-child{border-bottom: none;}	
}




/*
About
-------------------------------------------------------------------------------------------------*/
.abt-cpt-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.abt-cpt-txt {width: 47%;}
.abt-cpt-img {width: 47%;}
@media screen and (max-width: 1600px) {
.abt-cpt-wrap {align-items: stretch;}
.abt-cpt-txt {width: 50%;}
.abt-cpt-img {width: 42%;}
.abt-cpt-img img {display: block;width: 100%;height: 100%;object-fit: cover;font-family: 'object-fit: cover;';object-position: left center;}
}
@media screen and (max-width: 900px) {
.abt-cpt-wrap {flex-direction: column;}
.abt-cpt-txt,.abt-cpt-img {width: 100%;}
.abt-cpt-img img {height: 300px;}
}
@media screen and (max-width: 640px) {
.abt-cpt-img img {height: 250px;}
}
/********** abt-msg-wrap **********/
.abt-msg-wrap {background-color: #efefef;margin-top: 7rem;padding: 5rem 0 1rem;}
@media screen and (max-width: 500px) {
.abt-msg-wrap {margin-top: 5rem;}
}
/********** abt-slider **********/
.abt-slider {display: flex;background-color: #efefef;overflow: hidden;margin-bottom: 7rem;padding: 7rem 0;}
.abt-slider-list {display: flex;margin: 0;padding: 0;align-items: center;animation: abtSlideShow 60s infinite linear;list-style: none;}
.abt-slider-item {width: 400px;height: 250px;margin-right: 1rem;}
.abt-slider-item img {width: 100%;height: 100%;object-fit: cover;margin: 0 0.5rem;}
.abt-slider:hover .abt-slider-list {animation-play-state: paused;}
@keyframes abtSlideShow {
0% {transform: translateX(0%);}100% {transform: translateX(-100%);}
}
@media screen and (max-width: 700px) {
.abt-slider-item {width: 300px;height: 224px;}
}
@media screen and (max-width: 500px) {
.abt-slider {margin-bottom: 5rem;padding: 5rem 0;}
.abt-slider-item {width: 230px;height: 171px;}
}
/********** abt-over **********/
table.abt-over {border-collapse: collapse;border-spacing: 0;width: 100%;border: 1px solid var(--border-gry);margin: 2em 0;}
table.abt-over td, table.abt-over th {border: 1px solid var(--border-gry);padding: 1em;background: #fff;}
table.abt-over td, table.abt-over th {background: transparent;}
table.abt-over th {background: #eee;text-align: left;width: 30%;}
@media screen and (max-width: 640px) {
table.abt-over {border: 1px solid var(--border-gry);}
table.abt-over tr {display: block;margin-bottom: 0;}
table.abt-over tr {border-bottom:1px solid #ccc;}
table.abt-over tr:last-child {border: none;}
table.abt-over th, table.abt-over td {display: list-item;list-style-type: none;border: none;}
table.abt-over th {width: 100%;}
}
/*
Vacant-house
-------------------------------------------------------------------------------------------------*/
/********** vct-hkk-wrap **********/
.vct-hkk-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;margin-top: 3rem;}
.vct-hkk-col {width: 48%;padding: 3rem;background: var(--color-bg-gry);}
.vct-hkk-col:first-child {background: #E3FBF0;}
/* vct-hkk-ttl */
.vct-hkk-ttl {text-align: center;color: var(--color-theme);font-weight: bold;font-size: 110%;display: block;margin: 0 auto;}
.vct-hkk-ttl span {position: relative;display: inline-block;padding: 0 0.5em;}
.vct-hkk-ttl span::before, .vct-hkk-ttl span::after {position: absolute;top: 50%;content: '';width: 1.5em;height: 1px;background-color: var(--color-theme);}
.vct-hkk-ttl span::before {left: 100%;}
.vct-hkk-ttl span::after { right: 100%;}
/* vct-hkk-imp */
.vct-hkk-imp {background: #fff;border: 1px solid #ccc;margin-top: 1rem;padding: 2rem;height: 150px;}
.vct-hkk-col img {width: 50%;display: block;margin: 0 auto;}
.vct-hkk-txtarea {height: 200px;}
.vct-hkk-asr {border-top: 1px dotted #ccc;padding-top: 1rem;}
/********** vct-flow-design **********/
.vct-flow-design {display: flex;width: 100%;margin-bottom: 5rem;}
.vct-flow {padding-left: 0;border-bottom: solid 1px #E1E8ED;}
.vct-flow > li {list-style-type: none;display: flex;padding: 20px 0;border-top: solid 1px #E1E8ED;}
.vct-flow > li dl dt {font-size: 1.2em;line-height: 2;font-weight: bold;margin-bottom: 10px;}
.vct-flow > li .vct-flow-icn {line-height: 1;font-size: 2em;font-weight: bold;color: var(--color-theme);text-align: center;width: 70px;position: relative;margin-top: 0;}
.vct-flow > li .vct-flow-icn::before {content: 'STEP';font-size: 0.3em;display: block;margin-bottom: 3px;letter-spacing: 1px;}
.vct-flow > li .vct-flow-icn::after {content: "";display: block;width: 1px;height: calc(100% - 40px);background-color: #858585;position: absolute;left: 0;right: 0;top: 60px;margin: auto;}
.vct-flow > li dl dd {margin: 0;}
.vct-flow > li dl {width: calc(100% - 70px);margin-top: 0.8em;}
/********** vct-info-wrap **********/
.vct-info-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 3rem;}
.vct-info-txt {width: 68%;}
.vct-info-img {width: 24%;}
@media screen and (max-width: 1680px) {
.vct-hkk-imp {height: 180px;}
.vct-hkk-txtarea {height: 280px;}
}
@media screen and (max-width: 1180px) {
.vct-hkk-imp {height: 220px;}
}
@media screen and (max-width: 990px) {
.vct-info-txt {width: 60%;}
.vct-info-img {width: 34%;}
}
@media screen and (max-width: 910px) {
.vct-hkk-txtarea {height: 320px;}
}
@media screen and (max-width: 800px) {
.vct-hkk-wrap,.vct-info-wrap {flex-direction: column;}
.vct-hkk-col,.vct-info-txt,.vct-info-img {width: 100%;}
.vct-hkk-col:first-child {margin-bottom: 1rem;}
.vct-hkk-imp,.vct-hkk-txtarea {height: auto;}
.vct-info-img img {width: 60%;display: block;margin: 0 auto;}
}
/********** vct-bnr-wrap **********/
.vct-bnr-wrap,.vct-bnr-box {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.vct-bnr-col {width: 48%;background: #E3FBF0;padding: 3rem;}
.vct-bnr-img {width: 26%;display:block;margin: auto 0;}
.vct-bnr-txt {width: 66%;}
.vct-bnr-txt p {margin-bottom: 0;}
@media screen and (max-width: 1024px) {
.vct-bnr-box {flex-direction: column;}
.vct-bnr-img,.vct-bnr-txt {width: 100%;}
.vct-bnr-img img {width: 30%;}
}
@media screen and (max-width: 690px) {
.vct-bnr-wrap {flex-direction: column;}
.vct-bnr-col {width: 100%;}
.vct-bnr-col:first-child {margin-bottom: 1rem;}
.vct-bnr-img img {width: 20%;}
}
/*
Energy-saving
-------------------------------------------------------------------------------------------------*/
/********** vct-bnr-wrap **********/
.enr-bnr-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;margin: 4rem 0;padding: 5rem;border: 2px solid #000;}
.enr-bnr-col {width: 48%;}
@media screen and (max-width: 1366px) {
.enr-bnr-wrap {padding: 3rem;}
}
@media screen and (max-width: 965px) {
.enr-bnr-wrap {flex-direction: column;}
.enr-bnr-col {width: 100%;}
.enr-bnr-col:first-child {margin-bottom: 2rem;}
}
/********** enr-tsk-wrap **********/
.enr-tsk-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.enr-tsk-col {width: 48%;}
.enr-tsk-col img {display: block;margin: 0 auto;}
@media screen and (max-width: 750px) {
.enr-tsk-wrap {flex-direction: column;}
.enr-tsk-col {width: 100%;}
.enr-tsk-col:first-child {margin-bottom: 2rem;}
}
/********** enr-kk-wrap **********/
.enr-kk-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.enr-kk-wrap::before {content: "";display: block;height: 0;order: 1;}
.enr-kk-wrapp::after {content: "";display: block;height: 0;}
.enr-kk-wrap::before,.enr-kk-wrap::after,.enr-kk-col {width: 23%;}
.enr-kk-col {border: 5px solid var(--color-theme);border-radius: 3px;overflow: hidden;}
.enr-kk-col span {padding: .7em .5em .7em .3em;background-color: var(--color-theme);color: #fff;font-size: 140%;font-weight: bold;}
.enr-kk-col span.strong {padding: 0;background-color: yellow;color: var(--color-def);font-size: 100%;font-weight: bold;}
.enr-kk-col .enr-kk-ttl {display: block;font-weight:bold;font-size: 120%;text-align: center;line-height: 1.2;margin-top: -1em;}
.enr-kk-col .enr-kk-ttl span {padding: 0;background-color: transparent;color: var(--color-theme);font-size: 180%;}
.enr-kk-col img {display: block;width: 30%;margin: 0 auto;}
.enr-kk-col p {margin: 0;padding: .5em 1.5em 1em;color: #333;}
@media screen and (max-width: 1600px) {
.enr-kk-wrap::before,.enr-kk-wrap::after,.enr-kk-col {width: 48%;}
.enr-kk-col:nth-child(-n+2) {margin-bottom: 2rem;}
}
@media screen and (max-width: 690px) {
.enr-kk-wrap {flex-direction: column;}
.enr-kk-wrap::before,.enr-kk-wrap::after,.enr-kk-col {width: 100%;}
.enr-kk-col:nth-child(3) {margin-bottom: 2rem;}
}
/********** enr-table **********/
.enr-table *, .enr-table *:before, .enr-table *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}
.enr-table {width: 100%;}
.enr-table tbody td p {margin: 0;}
.enr-table thead th,.enr-table tbody th {width: auto;}
.enr-table tbody th {background: #fff;}
.enr-table tbody tr.hot,.enr-table tbody tr.hot th {background: #E3FBF0;}
.enr-table tbody tr.hot td {color: var(--color-theme);font-size: 120%;font-weight: bold;}
@media screen and (max-width: 500px) {
.enr-table {border-bottom: none;}
.enr-table thead {display:none;}
.enr-table tbody th {display:block;width: 100%;border: none;padding-bottom: 0;}
.enr-table tbody td {display:block;border: none;border-bottom:1px solid #ccc;padding-top: .5em;}
.enr-table tbody td::before {content: attr(label);float: left;clear:both;font-weight:bold;padding-right: 1em;}
.enr-table tbody td p {padding-left: 170px;}
.enr-table tbody tr.hot td {font-size: 100%;}
}
/*
Purchase
-------------------------------------------------------------------------------------------------*/
/********* pur-wrap *********/
.pur-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.pur-txt {width: 58%;}
.pur-img {width: 38%;}
.pur-img img {display: block;width: 100%;height: 100%;object-fit: cover;font-family: 'object-fit: cover;';}
@media screen and (max-width: 1200px) {
.pur-wrap {flex-direction: column;}
.pur-txt,.pur-img {width: 100%;}
.pur-img img {height: 300px;}
}
@media screen and (max-width: 500px) {
.pur-img img {height: 250px;}
}
/********* pur-bnr-wrap *********/
.pur-bnr-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;margin: 4rem 0;padding: 5rem;border: 2px solid #000;}
.pur-bnr-col {width: 48%;}
@media screen and (max-width: 834px) {
.pur-bnr-wrap {padding: 3rem;}
}
@media screen and (max-width: 640px) {
.pur-bnr-wrap {flex-direction: column;}
.pur-bnr-col {width: 100%;}
.pur-bnr-col:first-child {margin-bottom: 2rem;}
}
/********** pur-ttl-wrap **********/
.pur-ttl-wrap {position: relative;margin-top: 10rem;background: #000;}
.pur-ttl-wrap img {display: block;width: 100%;height: 300px;object-fit: cover;font-family: 'object-fit: cover;';opacity: 0.7;}
.pur-ttl-wrap h3 {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);margin: 0;color: #fff;}
@media screen and (max-width: 834px) {
.pur-ttl-wrap img {height: 250px;}
}
/********** pur-sale-wrap **********/
.pur-sale-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;margin-top: 1rem;}
.pur-sale-wrap::after {content: "";display: block;height: 0;}
.pur-sale-wrap::after,.pur-sale-col {width: 32%;}
.pur-sale-col {padding: 2rem;background: #E3FBF0;}
/* pur-sale-ttl */
.pur-sale-ttl {text-align: center;color: var(--color-theme);font-weight: bold;font-size: 110%;display: block;margin: 0 auto;}
.pur-sale-ttl span {position: relative;display: inline-block;padding: 0 0.5em;}
.pur-sale-ttl span::before, .pur-sale-ttl span::after {position: absolute;top: 50%;content: '';width: 1.5em;height: 1px;background-color: var(--color-theme);}
.pur-sale-ttl span::before {left: 100%;}
.pur-sale-ttl span::after { right: 100%;}
/*
Design
-------------------------------------------------------------------------------------------------*/
.dsn-table th {width: 60%;}
@media screen and (max-width: 640px) {
.dsn-table th {width: 100%;}
}
/********* dsn-img-wrap *********/
.dsn-img-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;margin-bottom: 5rem;}
.dsn-img-wrap::before {content: "";display: block;height: 0;order: 1;}
.dsn-img-wrap::after {content: "";display: block;height: 0;}
.dsn-img-wrap::before,.dsn-img-wrap::after,.dsn-img-col {width: 24%;}
@media screen and (max-width: 768px) {
.dsn-img-wrap::before,.dsn-img-wrap::after,.dsn-img-col {width: 49%;}
}
/********* flow *********/
.flow_design09 {display: flex;justify-content: center;align-items: center;margin-top: 3rem;}
.flow09 {padding-left: 0;border-bottom: solid 1px #E1E8ED;width: 100%;}
.flow09 > li {list-style-type: none;display: flex;padding: 20px 0;border-top: solid 1px #E1E8ED;}
.flow09 > li dl dt {font-size: 1.2em;line-height: 2;font-weight: bold;margin-bottom: 10px;}
.flow09 > li .icon09 {line-height: 1;font-size: 2em;font-weight: bold;color: var(--color-theme);text-align: center;width: 70px;position: relative;margin-top: 0;}
.flow09 > li .icon09::before {content: 'STEP';font-size: 0.3em;display: block;margin-bottom: 3px;letter-spacing: 1px;}
.flow09 > li .icon09::after {content: "";display: block;width: 1px;height: calc(100% - 40px);background-color: #858585;position: absolute;left: 0;right: 0;top: 60px;margin: auto;}
.flow09 > li dl dd {margin: 0;}
.flow09 > li dl {width: calc(100% - 70px);margin-top: 0.8em;}
.flw-img-wrap img {display: block;width: 100%;height: 400px;object-fit: cover;}
@media (max-width: 950px) {
.flw-img-wrap img {height: 300px;}
}
@media (max-width: 700px) {
.flw-img-wrap img {height: auto;}
}
/********* dsn-img-wrap *********/
.dsn-case-col5 {display: grid;grid-template-columns: 2fr 2fr 2fr 2fr 3fr; grid-column-gap: 15px;align-items: center; margin-bottom: 3rem;}
.dsn-case-col5 img {max-width: 100%;height: auto;display: block;margin: 0 auto;}
@media (max-width: 1280px) {
  .dsn-case-col5 {grid-template-columns: repeat(2, 1fr);grid-row-gap: 15px;}
  .dsn-case-col5 > div:nth-child(5) {grid-column: 1 / -1;justify-self: center;max-width: 60%; }
}
@media (max-width: 560px) {
  .dsn-case-col5 > div:nth-child(5) {max-width: 100%;}
}
.dsn-case-col3{display: grid; grid-template-columns: 3fr 1fr; gap: 15px; margin: 0 auto 3rem;align-items: center;}
.left {display: grid;grid-template-columns: 1fr 1fr; gap: 15px;}
.dsn-case-col3-3 {display: grid;grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(1, 1fr); gap: 15px;margin-bottom: 3rem;}
@media (max-width: 560px) {
 .dsn-case-col3, .dsn-case-col3-3 {grid-template-columns: 1fr; grid-template-rows: auto;}
}



        
    
        
/*
Store
-------------------------------------------------------------------------------------------------*/
.str-img-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;margin: 10rem 0;}
.str-img-col {width: 49.5%;}
.str-img-col img {display: block;width: 100%;height: auto;object-fit: cover;font-family: 'object-fit: cover;';}
@media screen and (max-width: 1280px) {
.str-img-wrap {margin: 5rem 0;}
}
@media screen and (max-width: 834px) {
.str-img-wrap {flex-direction: column;}
.str-img-col {width: 100%;}
.str-img-col:last-child {margin-top: -5rem;}
}
/********* flow01-wrap *********/
.flow01-wrap {display: block;position: relative;padding: 0;margin-bottom: 5rem;}
.flow01-inner {width: 100%;margin: 5rem auto 0;}
.flow01-chart ul {display: flex;justify-content: center;flex-wrap: wrap;position: relative;width: 100%;margin: 0;padding: 0;list-style: none;border: none;}
.flow01-chart ul li {width: 33.33333%;background: #f6f6f6;filter: drop-shadow(3px 0px 5px #ddd);padding: 3rem;position: relative}
.flow01-chart ul li:first-child {z-index: 3;}
.flow01-chart ul li:nth-child(2) {z-index: 2;background: #FFF;}
.flow01-chart ul li h5 {text-align: center;font-weight: bold;margin: 0 0 2rem;padding: 0;color: var(--color-theme);}
.flow01-chart ul li .flow01-img {padding: 0 10px;margin-bottom: 40px;text-align: center;}
.flow01-chart ul li .flow01-img img {display: block;width: 100%;height: 300px;object-fit: cover;font-family: 'object-fit: cover;';border-radius: 8px;}
.flow01-chart ul li p {margin-bottom: 30px;padding-left: 5px;}
.flow01-chart ul li:first-child:after {position: absolute;content: "";width: 0;height: 0;border-top: 30px solid transparent;border-right: 30px solid transparent;border-bottom: 30px solid transparent;border-left: 30px solid #f6f6f6;top: 40px;right: -58px;}
.flow01-chart ul li:nth-child(2):after {position: absolute;content: "";width: 0;height: 0;border-top: 30px solid transparent;border-right: 30px solid transparent;border-bottom: 30px solid transparent;border-left: 30px solid #FFF;top: 40px;right: -58px;}
@media screen and (max-width: 1280px) {
.flow01-chart ul li .flow01-img img {height: auto;}
}
@media screen and (max-width: 900px) {
.flow01-chart ul {flex-flow: column;}
.flow01-chart ul li {width: 100%;padding-left: 30px;padding-right: 30px;}
.flow01-chart ul li:first-child:after {top: 99.5%;position: absolute;right: 50%;left: 50%;margin: 0 auto;border-top: 30px solid #f6f6f6;border-right: 30px solid transparent;border-bottom: 30px solid transparent;border-left: 30px solid transparent;transform: translate(-50%, 0px);}
.flow01-chart ul li:nth-child(2):after {top: 99.5%;position: absolute;right: 50%;left: 50%;margin: 0 auto;border-top: 30px solid #FFF;border-right: 30px solid transparent;border-bottom: 30px solid transparent;border-left: 30px solid transparent;transform: translate(-50%, 0px);}
.flow01-chart ul li .flow01-img img {height: 250px;}
.flow01-chart ul li:not(:first-child) h4 {margin-top:2.5rem;}
}
@media screen and (max-width: 640px) {
.flow01-chart ul li {padding: 3rem 2rem;}
.flow01-chart ul li .flow01-img img {height: 200px;}
}
/********* swiper-slide *********/
.swiper-slide {width: 500px!important;}
.swiper-row {width: 280px!important;}
.swiper-button-next, .swiper-button-prev {color: var(--color-theme)!important;}
.swiper-pagination-bullet-active {background: var(--color-theme)!important;}
@media screen and (max-width: 834px) {
.swiper-slide {width: 400px!important;}
.swiper-row {width: 223px!important;}
}
@media screen and (max-width: 640px) {
.swiper-slide {width: 280px!important;}
.swiper-row {width: 155px!important;}
}
/*
Renovation
-------------------------------------------------------------------------------------------------*/
.rnv-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 3rem;}
.rnv-txt {width: 58%;}
.rnv-img {width: 38%;}
@media screen and (max-width: 1150px) {
.rnv-wrap {flex-direction: column;}
.rnv-txt,.rnv-img {width: 100%;}
.rnv-img img {display: block;width: 100%;height: 300px;object-fit: cover;font-family: 'object-fit: cover;';}
}
@media screen and (max-width: 430px) {
.rnv-img img {height: 250px;}
}
/********* rnv-ba-wrap *********/
.rnv-ba-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;margin-bottom: 3rem;}
.rnv-ba-col {width: 48%;margin-bottom: 3rem;}
.bfr-aft-wrap .before img,.bfr-aft-wrap .after img　.bfr-aft-wrap img {display: block;width: 100%;height: auto;object-fit: cover;font-family: 'object-fit: cover;';}
.rnv-ba-wrap img {display: block;width: 100%;height: auto;object-fit: cover;font-family: 'object-fit: cover;';}
.rnv-ba-wrap-sub {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;margin-bottom: 3rem;}
.rnv-ba-col-sub {width: 48%;margin-bottom: 3rem;}
.rnv-ba-wrap-sub .before img{display: block;width: 100%;height: auto;object-fit: cover;font-family: 'object-fit: cover;';}
/* bfr-aft-wrap */
.bfr-aft-wrap {display:flex;justify-content: center;align-items: center;}
.bfr-aft-wrap .before {margin-right: 30px;width: 100%;}
.bfr-aft-wrap .after {margin-left: 30px;width: 100%;position:relative;}
.bfr-aft-wrap .after::before {content:"";display:block;position: absolute;top: 50%;left: -40px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 15px;border-color: transparent transparent transparent white;z-index:99;}
.bfr-aft-wrap .after::after {content:"";display:block;position: absolute;top: 50%;left: -40px;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 0;height: 0;border-style: solid;border-width: 20px 0 20px 30px;border-color: transparent transparent transparent #ddd;}
@media screen and (max-width: 850px) {
.rnv-ba-col {width: 100%;}
}
@media screen and (max-width:600px) {
.rnv-ba-col {width: 48%;}
.bfr-aft-wrap {flex-direction: column;}
.bfr-aft-wrap .before {margin-right: 0;margin-bottom: 40px;}
.bfr-aft-wrap .after {margin-left: 0;}
.bfr-aft-wrap .after::before {top: -25px;left: calc(50% - 8px);transform:rotate(90deg);border-width: 5px 0 5px 12.5px;}
.bfr-aft-wrap .after::after {top: -27px;left: calc(50% - 15px);transform:rotate(90deg);border-width: 10px 0 10px 25px;}
}

/* WALL AND ROOF RENOVATION col4 */
.rnv-war-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.rnv-war-wrap::before {content: "";display: block;width: 23%;height: 0;order: 1;}
.rnv-war-wrap::after {content: "";display: block;width: 23%;height: 0;}
.rnv-war-col4 {width: 23%;margin-bottom: 3rem;}
@media screen and (max-width:500px) {
.rnv-war-wrap {flex-direction: column;}
.rnv-war-col4 {width: 100%;}
}


.rnv-war-wrap-no-ba  {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: 1fr;grid-column-gap: 40px;grid-row-gap: 0px;margin-bottom:3rem;}
.rnv-war-wrap-no-ba .div1 { grid-area: 1 / 1 / 2 / 2; }
.rnv-war-wrap-no-ba .div2 { grid-area: 1 / 2 / 2 / 3; }
.rnv-war-wrap-no-ba .div3 { grid-area: 1 / 3 / 2 / 4;}
.rnv-war-wrap-no-ba .div4 { grid-area: 1 / 4 / 2 / 5;position: relative;padding-left: 1.5rem; }
.rnv-war-wrap-no-ba .div4::after {content: "";position: absolute;top: 50%;left: -30px;transform: translateY(-50%);width: 0;height: 0;border-style: solid;border-width: 20px 0 20px 30px;border-color: transparent transparent transparent #ddd; z-index: 98;}
.rnv-war-wrap-no-ba .div4::before {content: "";position: absolute;top: 50%;left: -30px;transform: translateY(-50%);width: 0;height: 0;border-style: solid; border-width: 10px 0 10px 15px;border-color: transparent transparent transparent white; z-index: 99;}


@media screen and (max-width: 600px) {
	.rnv-war-wrap-no-ba {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 40px;grid-row-gap: 40px;}
	.rnv-war-wrap-no-ba .div1 { grid-area: 1 / 1 / 2 / 2; }
	.rnv-war-wrap-no-ba .div3 { grid-area: 1 / 2 / 2 / 3; position: relative; /* 三角形を div3 の下に付けるため relative に */}
	.rnv-war-wrap-no-ba .div2 { grid-area: 2 / 1 / 3 / 2; }
	.rnv-war-wrap-no-ba .div4 { grid-area: 2 / 2 / 3 / 3; }
	.rnv-war-wrap-no-ba .div3::before {content: ""; position: absolute; top: calc(100% + 0.5rem); left: 50%; transform: translateX(-50%) rotate(90deg); width: 0; height: 0; border-style: solid;
    border-width: 5px 0 5px 12.5px;  border-color: transparent transparent transparent white;  z-index: 99;}
    .rnv-war-wrap-no-ba .div3::after {content: ""; position: absolute; top: calc(100% + 0.5rem); left: 50%; transform: translateX(-50%) rotate(90deg); width: 0; height: 0;border-style: solid;border-width: 10px 0 10px 25px;border-color: transparent transparent transparent #ddd; z-index: 98;}
   .rnv-war-wrap-no-ba .div4 {padding-left: 0; }
   .rnv-war-wrap-no-ba .div4::after, .rnv-war-wrap-no-ba .div4::before{display:none;}
}



.rnv-war-wrap-ba {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;grid-column-gap: 50px;grid-row-gap: 0;margin-bottom:3rem;}
.rnv-war-wrap-ba .div1 {grid-area: 1 / 1 / 2 / 2;}
.rnv-war-wrap-ba .div2 {grid-area: 1 / 2 / 2 / 3;position: relative;padding-left: 1.5rem; }
.rnv-war-wrap-ba .div2::after {content: "";position: absolute;top: 50%;left: -30px;transform: translateY(-50%);width: 0;height: 0;border-style: solid;border-width: 20px 0 20px 30px;border-color: transparent transparent transparent #ddd; z-index: 98;}
.rnv-war-wrap-ba .div2::before {content: "";position: absolute;top: 50%;left: -30px;transform: translateY(-50%);width: 0;height: 0;border-style: solid; border-width: 10px 0 10px 15px;border-color: transparent transparent transparent white; z-index: 99;}
.rnv-war-wrap-ba .div3 { grid-area: 1 / 3 / 2 / 4;position: relative;padding-left: 1.5rem; }
.rnv-war-wrap-ba .div3::after {content: "";position: absolute;top: 50%;left: -30px;transform: translateY(-50%);width: 0;height: 0;border-style: solid;border-width: 20px 0 20px 30px;border-color: transparent transparent transparent #ddd; z-index: 98;}
.rnv-war-wrap-ba .div3::before {content: "";position: absolute;top: 50%;left: -30px;transform: translateY(-50%);width: 0;height: 0;border-style: solid; border-width: 10px 0 10px 15px;border-color: transparent transparent transparent white; z-index: 99;}
.rnv-war-wrap-ba .div3 {grid-area: 1 / 3 / 2 / 4;}

@media screen and (max-width: 500px) {
  .rnv-war-wrap-ba {grid-template-columns: 1fr;  grid-template-rows: auto; grid-row-gap: 2rem;}
  .rnv-war-wrap-ba .div1, .rnv-war-wrap-ba .div2, .rnv-war-wrap-ba .div3 { grid-area: auto; padding-left: 0; margin-bottom: 2rem;}
  .rnv-war-wrap-ba .div1, .rnv-war-wrap-ba .div2 {position: relative; }
  .rnv-war-wrap-ba .div1::before {content: "";position: absolute; top: calc(100% + 0.5rem);left: 50%;transform: translateX(-50%) rotate(90deg); width: 0;height: 0;border-style: solid; border-width: 5px 0 5px 12.5px;border-color: transparent transparent transparent white; z-index: 99;}
  .rnv-war-wrap-ba .div1::after {content: ""; position: absolute; top: calc(100% + 0.5rem); left: 50%; transform: translateX(-50%) rotate(90deg); width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 25px;border-color: transparent transparent transparent #ddd;  z-index: 98; }
  .rnv-war-wrap-ba .div2::before { content: ""; position: absolute;top: calc(100% + 0.5rem);left: 50%;transform: translateX(-50%) rotate(90deg); width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 12.5px;border-color: transparent transparent transparent white; z-index: 99; }
  .rnv-war-wrap-ba .div2::after {content: ""; position: absolute; top: calc(100% + 0.5rem);left: 50%; transform: translateX(-50%) rotate(90deg); width: 0; height: 0;
    border-style: solid; border-width: 10px 0 10px 25px; border-color: transparent transparent transparent #ddd; z-index: 98;}
  .rnv-war-wrap-ba .div3::before, .rnv-war-wrap-ba .div3::after { display: none;}
}

/********* rfm-img-wrap *********/
.rfm-img-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.rfm-img-wrap::after {content: "";display: block;height: 0;}
.rfm-img-wrap::after,.rfm-img-col {width: 31%;}
@media screen and (max-width:500px) {
.rfm-img-wrap {flex-direction: column;}
.rfm-img-wrap::after,.rfm-img-col {width: 100%;}
.rfm-img-col {width: 100%;margin-bottom: 1rem;}
}
/********* col4 *********/
.rfm-icn-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.rfm-icn-wrap::before {content: "";display: block;height: 0;order: 1;}
.rfm-icn-wrap::after {content: "";display: block;height: 0;}
.rfm-icn-wrap::before,.rfm-icn-wrap::after,.rfm-icn-col {width: 23%;}
.taCL {text-align: center;}
@media screen and (max-width:500px) {
.rfm-icn-wrap::before,.rfm-icn-wrap::after,.rfm-icn-col {width: 48%;}
.taCL {text-align: left;}
}
/********* col2 *********/
.rfm-btn-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.rfm-btn-col2 {width: 48%;margin-bottom: 3rem;}
@media screen and (max-width:650px) {
.rfm-btn-wrap {flex-direction: column;}
.rfm-btn-col2 {width: 100%;}
}
/********* custom home  *********/
.cstm-col4-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.cstm-col4-wrap::before {content: "";display: block;width: 23%;height: 0;order: 1;}
.cstm-col4-wrap::after {content: "";display: block;width: 23%;height: 0;}
.cstm-col4 {width: 23%;margin-bottom: 3rem;}
@media screen and (max-width: 850px){
.cstm-col4-wrap::before,.cstm-col4-wrap::after,.cstm-col4  {width: 48%;}
}

.cstm-col2-wrap {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.cstm-col2 {width: 48%;margin-bottom: 3rem;}

/*
Inquiry
-------------------------------------------------------------------------------------------------*/
.inq-tel {font-size: 120%;font-weight: var(--weight-bold)}
.inq-tel::before {content: "\f098";font-family: "Font Awesome 5 Free";color: var(--color-theme);font-weight: 900;margin-right: .8rem;}

/* 
Contact form
--------------------------------------------------------------*/
/* inquiry */
.mw-table input,.mw-table textarea {font-size: 16px;}
.mwb button, input[type="button"], .mwb input[type="reset"], .mwb input[type="submit"] {background-color:#003d96!important;}
.mwb button:hover, input[type="button"]:hover, .mwb input[type="reset"]:hover, .mwb input[type="submit"]:hover {opacity:0.6!important;}
table.mw-table tr:nth-child(7) input[type=text] ,table.mw-table tr:nth-child(8) input[type=text] {width:100%;} ,table.mw-table tr:nth-child(10) input[type=text] {width:100%;}
@media only all and (max-width: 640px) {
.mw-table input,.mw-table textarea {font-size: 14px;}
.mw-table input[type="text"],
.mw-table input[type="email"],
.mw-table input[type="tel"],
.mw-table textarea {padding: 0.5em 1em;order: 1px solid #ccc!important;}
.mw-table {border: 1px solid #ccc;}
.mw-table tr {display: block;margin-bottom: 0;}
.mw-table tr {border-bottom:1px solid #ccc;}
.mw-table tr:last-child {border: none;}
.mw-table th, .mw-table td {display: list-item;list-style-type: none;border: none;}
.mw-table th {width: 100%;}
.mw-table td {border:none!important;}
}
/* mw-common */
.mwb button,input[type="button"],.mwb input[type="reset"],.mwb input[type="submit"] {position: relative;display: block;width: 225px;height: 48px;margin: 30px auto 0;background-color: #333333;cursor: pointer;border: none !important;color: #fff;text-align: center;text-decoration: none;font-size: 1.4rem;line-height: 1.5;outline: none;-webkit-transition: all .3s;transition: all .3s;}
.mwb button:hover,.mwb input[type="button"]:hover,.mwb input[type="reset"]:hover,.mwb input[type="submit"]:hover {background-color: #666;}
.mwb button:active, .mwb button:focus,.mwb input[type="button"]:active,.mwb input[type="button"]:focus,.mwb input[type="reset"]:active,.mwb input[type="reset"]:focus,.mwb input[type="submit"]:active,.mwb input[type="submit"]:focus {border-color: #aaa #bbb #bbb;}

.required-srt {padding: 2px 6px 2px 5px;background: #CC0000;font-size: 1.2rem;color: #fff;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}