/*!
Theme Name: splus02
Theme URI: http://underscores.me/
Author: arrows inc.
Author URI: https://arrows-web.net/
Description: Splus02
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: splus02
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
splus02 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Medium"); }
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Bold"); font-weight: bold; }
*/
/*==============================================================
# Normalize
==============================================================*/
/* 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", Helvetica, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
h1 {font-size: 2rem;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;}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b,strong {font-weight: bolder;}
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: #333;font-size: 16px;font-size: 1.6rem;font-weight:400;line-height: 1.79;font-feature-settings: "pkna" 1;}
@media screen and (max-width:690px){
body{font-size: 14px;font-size: 1.4em;}
}
h1, h2, h3, h4, h5, h6 {margin-block-end: 0;clear: both;font-weight:700;}
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: 15px;font-size: 1.5rem;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: 1.5rem;}
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, "Noto Sans JP", "Helvetica Neue", "Segoe UI", Helvetica, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
.ffM {font-family:"FOT-筑紫明朝 Pr6N R", TsukuMinPr6N-R, "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "MS P明朝", "MS 明朝", serif;}
.ffE {font-family: 'Roboto',arial,sans-serif;}
/*==============================================================
# 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: 20px;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,li > ol {margin-bottom: 0;margin-left: 1.5em;}
dt {font-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%;}
/* 
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;padding-top: 100px;margin-top: -100px;}
/*==============================================================
# 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 #ccc;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 #ccc;}
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 {width: 100%;}
.content-area, .content-sub-area{display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: space-between;padding: 0 0 5em;background: #fff;}
.content-sub-area{padding: 0 10% 5em;}
.site-main,.site-sub-main {width: 100%;}
.site-sub-main {width: 65%;margin-bottom: 3em;}
.inner {margin:0 auto;width:1280px;}
.wide-inner {box-sizing:border-box;padding:0 15%;width:100%;}
.widget-area {width: 30%;}
.site-footer {width: 100%;margin-top: auto;}
.cover {width:100%;height: auto;}
@media screen and (max-width: 1920px) {
.content-sub-area{padding: 0 5% 5em;}
.wide-inner {box-sizing:border-box;padding:0 5%;width:100%;}
}
@media screen and (max-width: 1366px) {
.inner {width:89.84375%;}
}
@media screen and (max-width: 960px) {
.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: 640px) {
.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%;}
}
/*==============================================================
# 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 {
  position: relative;
  display: inline-block;
  margin: 0;
/*
  padding: 0 65px;
  text-align: center;
*/
}
/*
h2.head_h2:before,h2.head_h2:after {position: absolute;top: calc(50% - 3px);width: 50px;height: 6px;content: '';border-top: solid 2px #000;border-bottom: solid 2px #000;}
h2.head_h2:before {left: 0;}
h2.head_h2:after {right: 0;}
*/

.entry-content h3 {position: relative;padding: 1rem .5rem;}
.entry-content h3:before,.entry-content h3:after {position: absolute;left: 0;width: 100%;height: 4px;content: '';background-image: -webkit-gradient(linear, right top, left top, from(#008fe1), to(#15a8ff));background-image: -webkit-linear-gradient(right, #008fe1 0%, #15a8ff 100%);background-image: linear-gradient(to left, #008fe1 0%, #15a8ff 100%);}
.entry-content h3:before {top: 0;}
.entry-content h3:after {bottom: 0;}
.entry-content h4 {position: relative;padding: .75em 1em .75em 1.5em;border: 1px solid #ccc;}
.entry-content h4:after {position: absolute;top: .5em;left: .5em;content: '';width: 6px;height: -webkit-calc(100% - 1em);height: calc(100% - 1em);background-color: #15a8ff;border-radius: 4px;}
.entry-content h5 {position: relative;display: inline-block;padding: 0 2em;text-align: center;}
.entry-content h5:before,.entry-content h5:after {font-family: 'Font Awesome 5 Free';line-height: 1;position: absolute;top: calc(50% - .5em);color: #ff8282;}
.entry-content h5:before {left: 0;content: '\f101';}
.entry-content h5:after {right: 0;content: '\f100';}
/*
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: 400px;position: relative;width: 100%;}
.signage-content {display: table-cell;color: #fff;text-align: center;text-shadow: 2px 2px 10px #000;vertical-align: middle;}
.signage-title {font-size: 1.875em;}
@media screen and (max-width: 768px) {
.signage {height:200px;}
}
/*==============================================================
# Breadcrumb
==============================================================*/
.breadcrumb-content {padding: .2em 10% .6em;font-size: 1.2rem;}
#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: 690px) {.breadcrumb-content {padding:.1em 5% .6em;font-size:1.0rem;}
}
/*==============================================================
# SNS Share
==============================================================*/
.fa-hatena:before {font-family: Verdana;font-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 #ccc;}
.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: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  #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 #ccc 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;}
#prev_next a {color:#333;}
@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: 1.6rem;}
#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: 1.6rem;}
#sbtn1:hover {color: #000;}
/* form2 */
#form2 {position: relative;}
#form2 input {font-size: 1.6rem;}
#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: #008fe1;color: #fff;font-size: 1.4rem;font-weight: bold;border: none;margin:0;}
#sbtn2:hover {background: #15a8ff;color: #fff;}
/* form3 */
#form3 {position: relative;}
#form3 input {font-size: 1.6rem;}
#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 0 3em;padding: 0;}
.widget ul li {border-bottom: 1px solid #ccc;}
.widget ul li a {display: block;padding: .5em;}
.widget ul li a:hover {background: #eee;}
.widget ul li a,.widget ul li a:visited,.widget ul li a:hover {color: #222!important;}
/* sidebar-title */
h2.widgettitle, h2.widget-title {position: relative;background: #15a8ff;color: #fff;font-size: 1.188em;padding: .4em .8em;margin-bottom: 1.5em;}
h2.widgettitle:after, h2.widget-title:after {border: 15px solid transparent;border-top-color: #15a8ff;border-bottom-width: 0;bottom: -14px;content: "";display: block;left: 5%;position: absolute;width: 0;}
/* 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;}
/* arrows original  */
.widget ul li.new-entry a {display: block;padding: 0;color:#222;}
.new-entry {display: flex;justify-content: space-between;padding:1em 0;border-bottom:1px dotted #999;}
.new-entry-thumb {width: 25%;}
.new-entry-thumb img {display: block;width: 100%;height: auto;}
.new-entry-content {width: 71%;}
.new-entry-content .date {font-size:80%;}
.new-entry-cat{left:0!important;}
.new-entry-cat .post-categories {font-size:80%!important;list-style:none;margin:  0 0 1em;;}
.new-entry-cat ul li {display:inline-block;top:0;left:15%;margin:0;padding:.2em 0 0;font-size:80%!important;text-align:center;}
.new-entry-cat ul li a {display:inline-block;height:25px;line-height:25px;min-width:60px;padding:0 .5em;color:#222!important;}
/*==============================================================
# 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 #ddd;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: 3em;}
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:#222;background:#eee;}
ul.archive-nav li a {color:#222;}
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;}
ul.archive-nav li ul a {}
/* 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: #f6f6f6;}
.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 #ccc;padding:.1em .5em;font-size:80%;border-radius:3px;}
.archive-box4 ul.post-categories li a {color: #333;}
.archive-box4 ul.post-categories li a:hover {color: #999;}
.archive-box4 .date {font-size:80%!important;}
.archive-box4 .title {font-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
==============================================================*/
article.entry-content-box {margin-bottom: 1.5em;padding: 2em;border-radius: 5px;border: 1px solid #ddd;}
.entry-content-box .cat-name {background:#eee;border-radius:2px;display:inline-block;height:25px;line-height:25px;min-width:100px;;font-size:80%!important;text-align:center;}
.entry-content-box .cat-name2 {background:none;border:1px solid #eee;border-radius:2px;display:inline-block;height:25px;line-height:25px;min-width:100px;;font-size:80%!important;text-align:center;}
.entry-content-box p {margin:.5em 0 0;padding: 0;}
a .entry-content-box {color:#333;}
a .entry-content-box:hover {opacity:0.8;}
/*==============================================================
# 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:#222!important;}
.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-property: opacity;-webkit-transition: .5s;-moz-transition-property: opacity;-moz-transition: .5s;-ms-transition-property: opacity;-ms-transition: .5s;-o-transition-property: opacity;-o-transition: .5s;transition-property: opacity;transition: .5s;}
.tmb-fade img:hover, a:hover .tmb-fade img {opacity: .5;box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.5);}
/* 
Scroll-animation
--------------------------------------------------------------*/
/* 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: bold!important;}
/* color */
.red {color:red;}.white {color:white;}
/* 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;}
/* font-size-button */
.size-button-area {font-size: 16px!important;font-weight:500;display: inline-block;margin-right:2rem;}
.size-button {background-color: #fff;border: 1px solid #999;cursor: pointer;display: inline-block;font-size: 1em;line-height: 1;padding: 11px;text-align: center;width: 40px;font-weight:500;}
.size-button:hover,.size-button.active {background-color: #439dd3;color: #fff;}
/*==============================================================
# 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;}
.del {text-decoration: line-through;}
/*==============================================================
# 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;}
/* em */
.m2em {margin: 2em!important;}.mt2em {margin-top: 2em!important;}.mr2em {margin-right: 2em!important;}.mb2em {margin-bottom: 2em!important;}.ml2em {margin-left: 2em!important;}
.m3em {margin: 3em!important;}.mt3em {margin-top: 3em!important;}.mr3em {margin-right: 3em!important;}.mb3em {margin-bottom: 3em!important;}.ml3em {margin-left: 3em!important;}
.m4em {margin: 4em!important;}.mt4em {margin-top: 4em!important;}.mr4em {margin-right: 4em!important;}.mb4em {margin-bottom: 4em!important;}.ml4em {margin-left: 4em!important;}
.m5em {margin: 5em!important;}.mt5em {margin-top: 5em!important;}.mr5em {margin-right: 5em!important;}.mb5em {margin-bottom: 5em!important;}.ml5em {margin-left: 5em!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 {font-size: 32px;font-size: calc(2.8rem + ((1vw - 0.64rem) * 0.7143));}
h3 {font-size: 28px;font-size: calc(2.4rem + ((1vw - 0.64rem) * 0.7143));}
h4 {font-size: 24px;font-size: calc(2.0rem + ((1vw - 0.64rem) * 0.7143));}
h5 {font-size: 20px;font-size: calc(1.6rem + ((1vw - 0.64rem) * 0.7143));}
@media (min-width: 1200px) {
h2 {font-size: 3.2rem;}
h3 {font-size: 2.8rem;}
h4 {font-size: 2.4rem;}
h5 {font-size: 2.0rem;}
}
@media screen and (max-width: 640px) {
h2 {font-size: 2.8rem;}
h3 {font-size: 2.4rem;}
h4 {font-size: 2.0rem;}
h5 {font-size: 1.6rem;}
}
/*==============================================================
# 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 #ccc;margin: 2em 0;}
td, th {border: 1px solid #ccc;padding: 1em;background: #fff;}
td, th {background: transparent;}
th {background: #eee;text-align: left;width: 30%;}
@media only all and (max-width: 640px) {
th {width: 20%;}
}
/* 
For Rresponsive
--------------------------------------------------------------*/
@media only all and (max-width: 640px) {
.rps-table {border: 1px solid #ccc;}
.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%;}
}
.mw-table {font-size:1.6rem;}
@media only all and (max-width: 640px) {
.mw-table input[type="text"],
.mw-table input[type="email"],
.mw-table input[type="tel"],
.mw-table textarea {padding: 1em;width: ;font-size: 15px;border: 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;}
}

.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;}

/* 
For Rresponsive-vertical
--------------------------------------------------------------*/
@media only all 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;}
.cp-table tbody td::before {font-weight: bold;float: left;padding-right: 1em;content: attr(label);}
.cp-table tbody p {margin: 0;padding-left: 30%;}
}
/* 
Contact form
--------------------------------------------------------------*/
.wpcf7 {width: 100%;border: 1px solid #ddd;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 #ccc;line-height: 1.2;padding: 8px;}
.wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] {width: auto;max-width: 97%;border: 1px solid #ccc;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 #bbb;-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 #ccc;}
.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: 126px;height: 126px;margin-top: -63px;margin-left: -63px;text-align: center;color: #fff;z-index: 99;}
/* 
Mainimage
--------------------------------------------------------------*/
.main-img {overflow: hidden;width: 100%;margin: 0 auto 0;}
/* slider */
.bg-slider {width: 100%;height: 90vh;background-position:center center;background-size: cover;display: flex;align-items: center;justify-content: center;}
.bg-slider__title {color: #fff;font-size: 2em;line-height: 1.5;font-weight: bold;text-align:center;text-shadow: 1px 1px 1px #000;}
.bg-slider__title img {width: 80%;}
@media screen and (max-width: 1024px) {
.main-img {margin: 0 auto 0;}
.bg-slider__title img {width: 70%;}
}
@media screen and (max-width: 768px) {
.bg-slider {height: 80vh;}
}
@media screen and (max-width: 680px) {
.bg-slider {height: 70vh;}
}
@media screen and (max-width: 420px) {
.bg-slider__title {font-size: 1.6rem;}
.bg-slider__subtitle {font-size: 1.4rem;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;}
}
@media screen and (max-width: 410px) {
.bg-slider__block .br-none {display:none;}
}
/* 
Global menu
--------------------------------------------------------------*/
/* header */
.header {position:relative;font-family:-apple-system, BlinkMacSystemFont, "Noto Sans JP", "Helvetica Neue", "Segoe UI", Helvetica, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
.header-bar {position:fixed;top:0;left:0;width:100%;height:80px;padding:0 5vw;text-align:left;background:rgba(255,255,255,0);border-bottom:1px solid rgba(255, 255, 255, 0);z-index:3;clear:both;}
@media screen and (max-width: 1024px) {
.header-bar {height:60px;padding: 0 0;}
}
/* header-logo */
.header-bar h1.logo {display:inline-block;margin:15px 0 0;font-size:2rem;}
.header-bar h1.logo-image {position:absolute;z-index:100;}
.logo a:hover {opacity:1;}
@media screen and (max-width: 1024px) {
.header-bar h1.logo img {width:80%;}
.header-bar h1.logo-image {position:absolute;z-index:100;left: 2%;}
}
@media screen and (max-width: 420px) {
.header-bar h1.logo {margin:20px 0 0;}
.header-bar h1.logo img {width:70%;}
}
/* header-gnv */
.global-nav01 {position:relative;margin-top:-3vh;left:0;width:100%;height:80px;background-color: rgba(255,255,255,.9);
border-bottom:1px solid rgba(0,0,0,.2);padding:0;font-size:110%;letter-spacing:.08em;text-decoration: none;line-height: 80px;font-weight:700;text-align:center;border-radius:5px;}
.global-nav01 > ul {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;width:100%;height:100%;margin:0;padding:0;list-style:none;}
.global-nav01 > ul > li {-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;}
.global-nav01 > ul > li.menu-item-has-children:hover > .sub-menu {left:0;}
.global-nav01 > ul > li > a {display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;padding-right:7px;padding-left:7px;border-right:1px dotted rgba(0,0,0,.2);z-index:97;}
.global-nav01 > ul > li:last-child > a {border-right:none;}
.global-nav01 > ul > li > a:hover {}
.global-nav01 > ul > li > .sub-menu {top:100%;left:0;list-style:none;margin:0;padding:0;margin-top:1px;}
.global-nav01 > ul > li > .sub-menu li {list-style:none;}
.global-nav01 a {display:block;color:#333;}
.global-nav01 a:hover {color:#008fe1;}
.global-nav01 span {margin-top:5px;font-size:1rem;}
.global-nav01 .menu-item-has-children {position:relative;}
.global-nav01 .menu-item-has-children:hover > .sub-menu {left:100%;-webkit-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible;}
.global-nav01 .sub-menu {display:block;position:absolute;top:0;left:100%;width:100%;height:auto;-webkit-transform:translateY(-10px);transform:translateY(-10px);line-height:1.2;opacity:0;-webkit-transition:0.2s;transition:0.2s;visibility:hidden;z-index:96;}
.global-nav01 .sub-menu li {height:auto;}
.global-nav01 .sub-menu a {-webkit-box-sizing:border-box;box-sizing:border-box;width: 100%;height:auto;padding:18px 22px 14px;color:#fff;background:#392d26;}
.global-nav01 .sub-menu a:hover {background:rgba(150,32,32,1);opacity:1;}
.global-nav01 .sub-menu .menu-item-has-children > a {position:relative;}
.global-nav01 .sub-menu .menu-item-has-children > a::after {position:absolute;top:34%;right:16px;content:">";font-size:1.6rem;}
@media all and (-ms-high-contrast: none){
.global-nav01 {line-height: 64px;}
}
@media screen and (max-width: 1366px) {
.global-nav01 {font-size:1.6rem;}
}
@media screen and (max-width: 1024px) {
.mean-nav ul li {font-size:1.4rem;}
}
@media screen and (max-width: 767px) {
.global-nav01 {display :none;}
}
/* responsive-menu */
@media screen and (max-width: 1024px) {
#responsive-menu-container {width: 30%!important;}
}
@media screen and (max-width: 768px) {
#responsive-menu-container {width: 40%!important;}
}
@media screen and (max-width: 480px) {
#responsive-menu-container {width: 60%!important;}
}
@media screen and (max-width: 350px) {
#responsive-menu-container {width: 70%!important;}
}
/*==============================================================
# News
==============================================================*/
/* 
News01
--------------------------------------------------------------*/
.news-area {display: flex;justify-content: space-between;}
.news-area {position: relative;margin: 0;padding:0;}
.news-area h3 {margin:0;padding: 0;}
.news-area h3 span {padding: 0 0.45em 0 0;margin-block-start: 0em;border-left: solid 8px #1b79ac;}
.news-area .more {clear: none;border: none;float: right;}
.news-area .more li {display: inline-block;width: 45px;height: 25px;line-height: 25px;margin-top:.5em;font-size: 1.4rem;text-align: center;border: none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.news-area .more li a {display: block;color: #fff;background: none;background-color: #ec7870;border-radius: 3px;}
.news-area .more li a:hover {background-color: rgba(236,120,112,.8);}
.news-list ul {list-style: none;margin: 0;padding: 0;width: 100%;}
.news-list ul li {clear: both;margin: 0 0 1em;padding-bottom: .5em;border-bottom: 1px solid #ccc;}
.news-list ul li:first-child {padding-top:1em;}
.news-list ul li span.ymd {display: inline;float: none;padding: 0 1.5em 0 0;font-size: 13px;color: #666;}
@media screen and (-ms-high-contrast: none) {
.news-area .more li {height: 23px;line-height: 23px;padding-bottom:-8px;}
.news-area h3 {margin-top:.2em;}
}
@media screen and (max-width: 640px) {
.news-area h3 {margin-top:.2em;font-size:1.7rem;}
}
/* 
News02
--------------------------------------------------------------*/
.news02 {background:#eef4fd;margin:0;margin:5em 0;padding:2em 0;}
ul.newsList {display: flex;flex-flow: row wrap;border-bottom: 1px dotted #999;padding: 10px 0;}
ul.newsList li {display: block;margin: 0 10px;}
ul.newsList li:nth-child(1) {color: #666;flex-basis: 130px;}
ul.newsList li:nth-child(2) {font-size: 1.2rem;text-align: center;background: #15a8ff;border-radius:5px;flex-basis: 150px;padding:.4rem;}
ul.newsList li:nth-child(2) a {color: #fff!important;}
ul.newsList li:nth-child(2) a:hover {color: rgba(255,255,255,.8)!important;}
ul.newsList li:nth-child(3) {flex-basis: auto;}
ul.newsList li:nth-child(3) a {color: #333;}
@media screen and (max-width: 767px) {
.news02 {margin:0 0 5em;}
}
/* 
News_card-wrap
--------------------------------------------------------------*/
.news_card-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;}
.news_card-wrap:before {content:"";display:block;width: 23%;height:0;order:1;}
.news_card-wrap:after {content:"";display:block;width: 23%;height:0;}
.news_card-col4 {width: 23%;margin-bottom: 3rem;}
.news_card-col4 img {display: block;margin-bottom: 3rem;width: 100%;height: auto;object-fit: cover;font-family: 'object-fit: cover;';}
@media screen and (max-width: 980px){
.news_card-col4 {width: 49%;}
}
@media screen and (max-width: 640px){
.news_card-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.news_card-col4 {width: 100%;}
}
.news_card07 {position: relative;z-index: 0;display: block;-webkit-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;border-radius: 3px;background: #fff;-webkit-box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.3);box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.3);}
.news_card07:hover .photo img {-webkit-transform: scale(1.1);transform: scale(1.1);opacity: .7;}
.news_card07 .photo {overflow: hidden;height: 380px;border-radius: 3px 3px 0 0;background: #000;}
.news_card07 .photo .details {font-weight: 700;position: absolute;z-index: 1;top: -.5em;left: -.5em;width: 75px;height: 75px;padding: 14.5px 0;text-align: center;color: #fff;border-radius: 100%;background: #ff8282;}
.news_card07 .photo .details .day {font-size: 1.8rem;}
.news_card07 .photo .details .month {font-size: 1.2rem;text-transform: uppercase;}
.news_card07 .photo img {display: block;width: 110%;height: 380px;-webkit-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;object-position:center center;object-fit: cover;}
.news_card07 .description {position: absolute;bottom: 0;width: 100%;padding: 1em;-webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;background: #fff;}
.news_card07 .description .category {position: absolute;top: -30px;left: 10px;padding: 5px 15px;height: 30px;
text-transform: uppercase;border-radius: 3px 3px 0 0;background: #ff8282;}
.news_card07 .description .category a {color: #fff;font-size:90%;}
.news_card07 .description h5 {margin: 0;padding: 0 0 0.1em;font-size:105%;}
.news_card07 .description h5 a {text-decoration: none;color:#333;}
.news_card07 .description .text {line-height: 1.8;height: 0;opacity: 0;color: #666;margin: 0;}
.news_card07 .description .meta {margin: 0;color: #999;}
.news_card07 .description .meta .timestamp {margin: 0 .5em 0;font-size:90%;}
.cp_card07:hover .description .text {height: auto;opacity: 1;}
@media screen and (max-width: 1420px){
.news_card07 .photo {height: 280px;}
}
/*==============================================================
# Footer
==============================================================*/
footer {background: #15a8ff;}
.site-footer {padding:2em 0;font-size:1.4rem;color: #fff;text-align: center;}
.site-footer .logo img {width: 15%;}
.site-footer ul {margin: 0;padding: 0;}
/* 
Footer-social
--------------------------------------------------------------*/
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:#fff;}
ul.social li a:hover {font-weight:normal;color:rgba(255,255,255,.7);}
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: 400;content: "\f081";} 
ul.social li a[href*="facebook.com"]:before {font-family: "Font Awesome 5 Brands";font-weight: 400;content: "\f082";}
ul.social li a[href*="instagram.com"]:before {font-family: "Font Awesome 5 Brands";font-weight: 400;content: "\f16d";}
/* 
Footer-menu
--------------------------------------------------------------*/
.footer-nav-area {margin: 1em 0;}
.site-footer .footer_menu a {color: #fff;}
.site-footer .footer_menu a:hover {opacity: .8;}
.site-footer .footer_menu ul li {display: inline;padding-right: 1em;text-align: center;}
.site-footer .footer_menu ul li:last-child {padding-right: 0;}
@media screen and (max-width: 640px) {
.site-footer {padding:2em 0 5em;}
.site-footer .footer_menu ul li {width: 100%;display: block;padding-right: 0;border-bottom: 1px solid rgba(255,255,255,.5);}
.site-footer .footer_menu ul li a {padding: 10px;display: block;}
.site-footer .footer_menu ul li a:hover {background:rgba(255,255,255,.3);}
}
/* 
Copyright
--------------------------------------------------------------*/
.copyright p {margin:0;font-size:1.2rem;}
.copyright p span {display:inline-block;}
/* 
Page-top
--------------------------------------------------------------*/
#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: #3f98ef;}
/* 
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.2rem;font-weight:500;line-height:20px;border-right:1px solid rgba(0,0,0,.2);}
ul.fix-under-menu li:last-child {border-right:none;}
ul.fix-under-menu li a i {font-size:2.0rem;}
ul.fix-under-menu li a {border:none;display:block;color:#439dd3;text-decoration:none;}
.fix-under-menu {position:fixed;bottom:0;left:0;background:#fff;z-index:9999999999;-moz-opacity:1;opacity:1;}
}
.cp_cff_hr {border-width: 1px 0 0 0;border-style: dotted;border-color: #ccc;}
/*==============================================================
# 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%;}
}
/*==============================================================
# Top-contents
==============================================================*/
.two-bg {background: url(img/top/bg.jpg) no-repeat center center;background-size:cover;}
/* color */
.blue {color: #15a8ff!important;}
.pink {color: #ff8282!important;}
.red {color: #b32036!important;}
/* ttl */
.head-h3 {position: relative;margin-bottom: 5rem;padding: 1.5rem;text-align: center;}
.head-h3 span {font-size: 80%;display: block;color: #b32036;}
.head-h3:before {position: absolute;bottom: -10px;left: calc(50% - 30px);width: 60px;height: 5px;content: '';border-radius: 3px;background: #b32036;}
/* btn */
.btn01 {position: relative;display: inline-block;margin-top: 1rem;padding: .9em 4em;background-color: #2573a0;border: 2px solid #2573a0;color: #fff;text-align: center;text-decoration: none;transition: all .3s;}
.btn01::after {position: absolute;top: 50%;right: .2em;content: '';margin-top: -5px;border: 7px solid transparent;border-top-width: 5px;border-bottom-width: 5px;border-left-color: #fff;transition: all .3s;}
.btn01:hover {background-color: #fff;color: #2573a0;}
.btn01:hover::after {border-left-color: #2573a0;}
/* lst */
table.line-table{width: 100%;border-spacing: 0;border:none;}
table.line-table td, table.line-table th {border: none;text-align:left;}
table.line-table th{border-bottom: solid 2px #2573a0;padding: 10px 0;background: #fff;font-weight:bold;}
table.line-table td{border-bottom: solid 2px #ddd;padding: 10px 0;}
@media all and (max-width: 640px) {
table.line-table td, table.line-table th {display: list-item;list-style-type: none;}
}
/* 
top-srg
--------------------------------------------------------------*/
.top-srg-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;}
.top-srg-wrap h3 {margin-bottom:2rem;}
.top-srg-wrap img {display: block;width: 100%;height: auto;object-fit: cover;font-family: 'object-fit: cover;';border-radius:5px;}
.top-srg-col2,.top-srg2-col2 {width: 48%;margin-bottom: 3rem;}
.top-srg2-col2:last-child {margin-top: -15em;}
@media screen and (min-width: 641px){
.top-srg-odr1 {order: 1;}
.top-srg-odr2 {order: 2;}
}
@media screen and (max-width: 1600px){
.top-srg2-col2:last-child {margin-top: -12em;}
}
@media screen and (max-width: 1470px){
.top-srg2-col2:last-child {margin-top: -9em;}
}
@media screen and (max-width: 1280px){
.top-srg2-col2:last-child {margin-top: -3em;}
}
@media screen and (max-width: 1024px){
.top-srg2-col2:last-child {margin-top: 0;}
}
@media screen and (max-width: 1023px){
.top-srg-wrap img {height: 100%;}
}
@media screen and (max-width: 640px){
.top-srg-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.top-srg-wrap img {height: 250px;}
.top-srg-col2,.top-srg2-col2 {width: 100%;}
}
/* 
top-work
--------------------------------------------------------------*/
.top-work-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;}
.top-work-wrap img {display: block;width: 100%;height: auto;object-fit: cover;font-family: 'object-fit: cover;';}
.top-work-col2 {width: 48%;margin-bottom: 3rem;}
@media screen and (max-width: 640px){
.top-work-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.top-work-col2 {width: 100%;}
}
/* 
top-ety
--------------------------------------------------------------*/
.top-ety-bg {background: url(img/top/ety-bg.jpg) no-repeat center center;background-size: cover;margin: 5em 0 0;}
.top-ety-mask {height: 100%;background: rgba(0,0,0,0.2);padding: 7rem 5rem;-ms-transition: .5s;-o-transition-property: opacity;-o-transition: .5s;transition-property: opacity;transition: .5s;}
.top-ety-textarea {width: 50%;margin-left: 50%;}
.top-ety-textarea h2 {font-size: 38px;font-size: calc(3.4rem + ((1vw - 0.64rem) * 0.7143));margin: 0;}
.top-ety-textarea h3 {margin-top: 0;}
.top-ety-mask:hover {background: rgba(0,0,0,0);}
a.btn02 {display: block;width: 200px;margin-top: 2em;padding: 0.8em;font-size: 110%;text-align: center;text-decoration: none;color: #b32036;font-weight: 700;border: 2px solid #b32036;background: rgba(255,255,255,.3);border-radius: 3px;transition: .4s;}
a.btn02:hover {color: #b32036;border: 2px solid #b32036;}
@media screen and (max-width: 1024px){
.top-ety-textarea {width: 55%;margin-left: 45%;}
}
@media screen and (max-width: 480px){
.top-ety-bg {margin: 3em 0 0;}
.top-ety-textarea {width: 64%;margin-left: 38%;}
.top-ety-textarea h3 {font-size: 2.0rem;}
a.btn02 {width: 160px;}
}
@media screen and (max-width: 375px){
.top-ety-textarea {width: 66%;margin-left: 36%;}
}
/* 
top-bnr
--------------------------------------------------------------*/
.top-bnr-bg {background: #f8e9ed;padding:3em 0;}
.top-bnr-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;}
.top-bnr-wrap img {display: block;width: 100%;height: auto;object-fit: cover;font-family: 'object-fit: cover;';}
.top-bnr-wrap:after {content: "";display: block;width: 31%;height: 0;}
.top-bnr-col3 {width: 31%;margin-bottom: 3rem;}
@media screen and (max-width: 980px){
.top-bnr-wrap:after,.top-bnr-col3 {width: 49%;}
}
@media screen and (max-width: 640px){
.top-bnr-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.top-bnr-wrap:after,.top-bnr-col3 {width: 100%;}
}
/* 
top-info
--------------------------------------------------------------*/
.top-info-bg {background: #eef4fd;margin-top:3em;padding:3em 0;}
.top-info-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;}
.top-info-wrap img {display: block;width: 100%;height: auto;object-fit: cover;font-family: 'object-fit: cover;';}
.top-info-wrap:before {content: "";display: block;width: 23%;height: 0;order: 1;}
.top-info-wrap:after {content: "";display: block;width: 23%;height: 0;}
.top-info-col4 {width: 23%;margin-bottom: 2rem;}
@media screen and (max-width: 980px){
.top-info-wrap:before,.top-info-wrap:after,.top-info-col4 {width: 49%;}
}
@media screen and (max-width: 640px){
.top-info-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.top-info-wrap:before,.top-info-wrap:after,.top-info-col4 {width: 100%;}
}
/* btn */
a.btn03 {position: relative;display: block;width: 100%;padding: 0.8em;color: #15a8ff;font-weight: 700;font-size: 110%;text-align: center;border: 3px solid #15a8ff;background: rgba(255,255,255,1);text-decoration: none;outline: none;transition: all .4s;}
a.btn03:before,a.btn03:after {position: absolute;top: -3px;right: -3px;bottom: -3px;left: -3px;z-index: 90;content: '';transition: all .4s;}
a.btn03:before {border-top: 3px solid #ff8282;border-bottom: 3px solid #ff8282;transform: scale(0, 1);}
a.btn03:after {border-right: 3px solid #ff8282;border-left: 3px solid #ff8282;transform: scale(1, 0);}
a.btn03:hover {color: #ff8282;}
a.btn03:hover:after,a.btn03:hover:before {transform: scale(1);}
/*==============================================================
# Sub-contents
==============================================================*/
.box04 {margin: 20px 0;padding: 2rem;border: 4px solid #ccc;background: #fff;box-shadow: 0 1px 3px 0 rgba(195, 195, 195, 0.3);}
/* h3 */
.head2-h3 {position: relative;text-align: center;border: 2px solid #ff8282;background: #fff;color: #ff8282;margin-top:3em;margin-bottom: 1rem;}
.head2-h3:before,.head2-h3:after {position: absolute;content: '';}
.head2-h3:before {top: -40px;left: calc(50% - 40px);width: 80px;height: 80px;border: 2px solid #ff8282;border-radius: 50%;background: #fff;}
.head2-h3:after {top: 4px;left: 4px;width: calc(100% - 8px);height: calc(100% - 8px);border: 2px dashed #ff8282;background: #fff;}
.head2-h3 i {line-height: 60px;position: absolute;z-index: 2;top: -40px;left: calc(50% - 40px);width: 80px;height: 60px;text-align: center;}
.head2-h3 span {position: relative;z-index: 1;display: block;padding: 1.5rem;}
.head2-h3 span:before,.head2-h3 span:after {position: absolute;content: '';}
.head2-h3 span:before {top: -34px;left: calc(50% - 34px);width: 68px;height: 40px;border: 2px dashed #ff8282;border-radius: 50vw 50vw 0 0;}
.head2-h3 span:after {position: absolute;top: 4px;left: calc(50% - 32px);width: 64px;height: 10px;background: #fff;}
/* h4 */
.head-h4 {position: relative;padding: 6px;background-image: -webkit-linear-gradient(315deg, #008fe1 0%, #15a8ff 29%, #ff1361 67%, #ff8282 100%);background-image: linear-gradient(-225deg, #008fe1 0%, #15a8ff 29%, #ff1361 67%, #ff8282 100%);margin-top: 9rem;margin-bottom: 1em;}
.head-h4 span {display: block;padding: 1rem 2rem;background: #fff;}
@media screen and (max-width: 560px) {
.head-h4 {margin-top: 7rem;}
}
/* h5 */
.green {color: #13cf8e;}
.pink {color: #ff8282;}
.blue {color: #15a8ff;}
.head-h5 {margin-top: 3em;margin-bottom: 10px;}
.head-h5:before{font-family: "Font Awesome 5 Free";content: "\f00c";padding-right : .5em;font-weight: 900;}
/* btn */
a.btn04 {padding: 1rem 2rem;font-weight: bold;display: inline-block;text-decoration: none !important;border-radius: 5px;background-color: #ff8282;color: #fff !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
a.btn04:hover {background-color: #ffa2a2;}
/* common */
.boxlr-areaL,.boxlr-areaR {position: relative;margin-top: 5em;padding-bottom: 25px;overflow: hidden;z-index: 1;}
.boxlr-areaL:before {position: absolute;content: "";display: block;left: 0;top: 60px;width: 80vw;height: 100%;background: #fae4e9;z-index: 2;}
.boxlr-areaL:after {position: absolute;content: "";display: block;left: 0;bottom: 0;width: 20vw;height: 109px;background: #fff;z-index: 2;}
.boxlr-areaR:before {position: absolute;content: "";display: block;left: 0;bottom: 0;width: 20vw;height: 109px;background: #fff;z-index: 2;}
.boxlr-areaR:after {position: absolute;content: "";display: block;right: 0;top: 60px;width: 80vw;height: 100%;background: #eef4fd;z-index: 2;}
.boxlr-area-ttl {position: relative;padding-left: 8.84615%;margin-bottom: 1rem;z-index: 3;}
.boxlr-area-ttl h3 {font-size: 42px;font-size: calc(3.8rem + ((1vw - 0.64rem) * 0.7143));padding-left: 0;margin-top: 0;margin-bottom: .5rem;position: relative;}
.boxlr-area-inner {position: relative;z-index: 3;display: inline-block;width: 80%;}
.boxlr-area-inner + .boxlr-area-inner {margin-top: 1rem;}
.boxlr-area-inner-left {position: relative;left: 20%;}
.boxlr-area-inner-right {position: relative;left: 6.1539%;}
.boxlr-area-inner-box {position: relative;margin-top: -60px;background-color: #fff;padding: 3rem;width: 80%;-webkit-box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.1);box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.1);z-index: 5;}
.boxlr-area-inner-left .boxlr-area-inner-box {left: -4.61534vw;}
.boxlr-area-inner-right .boxlr-area-inner-box {float: right;right: -4.61534vw;}
.boxlr-area-inner-img {position: relative;overflow: hidden;z-index: 4;}
.boxlr-area-inner-img img {max-width: none;width: 100%;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.boxlr-area-inner-img img:hover {-webkit-transform: scale(1.05);transform: scale(1.05);}
.boxlr-area-ttl {padding-left: 5%;}
.boxlr-area-ttl h3 {padding-left: 0;}
.boxlr-area-inner-left {left: 8%;}
.boxlr-area-inner-right {left: 5%;}
.boxlr-area-inner-left .boxlr-area-inner-box {left: -5%;}
.boxlr-area-inner-right .boxlr-area-inner-box {float: right;right: -10%;}
}
@media screen and (max-width: 1024px) {
.boxlr-area-inner {width: 90%;}
}
@media screen and (max-width: 768px) {
.boxlr-area-ttl h3 {margin-bottom: 2rem;padding-left: 0;}
.boxlr-areaL,.boxlr-areaR {margin-bottom: 0;padding-bottom: 50px;}
.boxlr-area-inner-right .boxlr-area-inner-box {right: -5%;}
.boxlr-area-inner-box {width: 85%;}
}
@media screen and (max-width: 680px) {
.boxlr-areaL,.boxlr-areaR {margin-bottom: 0;padding-bottom: 50px;}
.boxlr-areaL .boxlr-area-ttl,.boxlr-areaR .boxlr-area-ttl {margin-bottom: 0;padding-left: 5%;padding-right: 5%;}
.boxlr-areaL:before,.boxlr-areaR:after {height: 100%;top: 30px;width: 100%;}
.boxlr-areaL:after,.boxlr-areaR:before {display: none;}
.boxlr-area-ttl h3 {font-size: 3.0rem;margin-bottom: 1.5rem;}
.boxlr-area-inner + .boxlr-area-inner {margin-top: 30px;}
.boxlr-area-inner {box-sizing: border-box;padding: 0 5%;width: 100%;display: block;}
.boxlr-area-inner-left {left: 0;}
.boxlr-area-inner-right {left: 0;}
.boxlr-area-inner-box {margin-top: 0;padding: 2rem;width: 100%;}
.boxlr-area-inner-left .boxlr-area-inner-box {left: 0;}
.boxlr-area-inner-right .boxlr-area-inner-box {float: none;right: 0;} 
}
/* 
about
--------------------------------------------------------------*/
.abt-area01 {background: #f0faff;margin-bottom: 5em;padding: 3em 0;min-height: 700px;}
.top-areaL {position: relative;width: 100%;margin: 0 auto;}
.top-areaL-text {position: absolute;width: 50%;top: 280px;left: 0;text-align: left;}
.top-area-inner {padding: 30px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing:border-box;box-sizing: border-box;background-color: #fff;}
.top-area-inner h3 {color: #ff8282;margin-bottom: 20px;}
.top-areaL img {width: 80%;float: right;}
@media screen and (max-width:1280px) {
.top-areaL-text {width: 80%;}
.top-areaL img {width: 90%;}
}
@media screen and (max-width:1024px) {
.top-areaL-text {width: 90%;}
}
@media screen and (max-width:768px) {
.top-areaL-text {position: static;text-align: left;width: 100%;}
.top-area-inner {padding: 2rem;}
.top-areaL img {width: 100%;}
}
@media screen and (max-width:500px) {
.abt-area01 {margin-bottom: 3em;min-height: 650px;}
}
/* list */
ul.list02 {margin: 0;margin: 1em 0 5em;padding: 0;list-style-type:none;}
ul.list02 li {position:relative;background: #f2f2f2;margin-bottom:.3em;padding: 1.6rem 2rem 2rem 6rem;font-size: 120%;font-weight: 700;}
ul.list02 li:before,ul.list02 li:after {position: absolute;content: '';display: inline-block;}
ul.list02 li:after {top: 2rem;left: 2rem;width: 30px;height: 30px;background-color: #ff8282;border-radius: 100%;}
ul.list02 li:before {z-index: 2;top: 1.6rem;left: 3rem;color: #fff;content: '1';font-weight: 700;}
@media screen and (max-width:680px) {
ul.list02 li {padding: 1.9rem 2rem 2rem 6rem;}
ul.list02 li:before {top: 1.9rem;}
}
/* col4 */
.abt-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;}
.abt-wrap:before {content: "";display: block;width: 23%;height: 0;order: 1;}
.abt-wrap:after {content: "";display: block;width: 23%;height: 0;}
.abt-wrap img {display: block;margin-bottom: 1rem;width: 100%;height: auto;object-fit: cover;font-family: 'object-fit: cover;';border-radius:5px;}
.abt-col4 {width: 23%;margin-bottom: 3rem;}
.abt-ttl {font-size: 115%;font-weight: 700;}
@media screen and (max-width: 980px){
.abt-wrap:before,.abt-wrap:after,.abt-col4 {width: 49%;}
}
@media screen and (max-width: 640px){
.abt-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.abt-wrap:before,.abt-wrap:after,.abt-col4 {width: 100%;}
}
/* col2 */
.abt2-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;}
.abt2-col2 {width: 58%;}
.abt2-col2-img {width: 38%;}
.abt2-col2-img img {border-radius:10px;}
@media screen and (max-width: 768px){
.abt2-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.abt2-col2,.abt2-col2-img {width: 100%;}
.abt2-col2 {margin-bottom:2rem;}
}
/* 
busho
--------------------------------------------------------------*/
.mt5rm {margin-top:7rem;}
.bsh-wrap {margin-top:7rem;width: 100%;}
.bsh-area {display: flex;flex-wrap: wrap;margin-bottom:3rem;}
.bsh-item {margin-top: 0;width: 100%;display: flex;flex-wrap: nowrap;}
.bsh-item-left {width: 30%;}
.bsh-item-left-img {width: 100%;height: auto;padding-top: 58.89%;border-radius:8px;}
.bsh-item-right {position: relative;margin-left: auto;margin-right: auto;margin-left: 12px;padding-left: 50px;padding-right: 16px;width: 70%;display: flex;align-items: center;flex-wrap: nowrap;background: #fff;}
.bsh-item-right-num {position: absolute;top: 50%;left: -10px;transform:translate(-50%, -50%);border-radius: 50%;width: 64px;height: 64px;line-height: 64px;text-align: center;background: #ff8282;color: #fff;font-size: 120%;}
.bsh-item-right-num h5 {margin:0;}
.bsh-item-right-ttl {margin: 0;margin-right: 1.5rem;min-width: 25%;color:#15a8ff;}
.bsh-item-right-bdr {display: none;}
.bsh-item-right-txt {position: relative;min-width: 330px;padding-left: 32px;}
.bsh-item-right-txt::before {content: '';position: absolute;top: 50%;left: 0;transform: translate(-50%, -50%);display: block;width: 2px;height: 80px;background: #000;}
@media screen and (max-width: 1366px) {
.bsh-item-left {width: 35%;}
.bsh-item-left-img {height: 100%;}
.bsh-item-right {width: 65%;}
.bsh-area h3 {font-size:2.4rem;: 100%;}
}
@media screen and (max-width: 1280px) {
.bsh-item-left {width: 40%;}
.bsh-item-right {margin-left: auto;margin-right: inherit;padding-top: 24px;padding-left: 40px;padding-bottom: 24px;flex-wrap: wrap;width: 60%;}
.bsh-item-right-ttl {min-width: inherit;width: 100%;}
.bsh-item-right-bdr {display: block;margin-top: 8px;width: 30px;height: 2px;background: #000;}
.bsh-item-right-txt {margin-top: 10px;min-width: inherit;width: 100%;padding-left: 0;}
.bsh-item-right-txt::before {display: none;}
.bsh-br-none {display:none;}
}
@media screen and (max-width: 680px) {
.bsh-area,.bsh-item  {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.bsh-item-left {flex: inherit;width: 100%;}
.bsh-item-right {margin:0;padding-left: 0;padding-right: 0;width: 100%;}
.bsh-item-right-num {top:0;left: 50%;}
.bsh-item-right-ttl {font-size: 2.0rem;margin-top:1rem;}
}
/* col */
.bsh4-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;}
.bsh4-wrap img {display: block;margin-bottom: 2rem;width: 100%;height: auto;object-fit: cover;font-family: 'object-fit: cover;';border-radius:5px;}
.bsh4-wrap:before {content: "";display: block;width: 23%;height: 0;order: 1;}
.bsh4-wrap:after {content: "";display: block;width: 23%;height: 0;}
.bsh4-col4 {width: 23%;}
@media screen and (max-width: 980px){
.bsh4-wrap:before,.bsh4-wrap:after,.bsh4-col4 {width: 49%;}
}
@media screen and (max-width: 640px){
.bsh4-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.bsh4-wrap img {display: block;margin-bottom: 1rem;width: 100%;height: 200px;object-fit: cover;font-family: 'object-fit: cover;';}
.bsh4-wrap:before,.bsh4-wrap:after,.bsh4-col4 {width: 100%;}
}
/* 
kensyu
--------------------------------------------------------------*/
.ken-ttl-area {position: relative;}
.ken-ttl-wrap {position: absolute;width: 60%;top: 50%;left: 50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);margin:0;padding:0;padding: 3rem;background: rgba(255,255,255,.7);text-align:center;}
.ken-ttl-wrap img {width: 100%;}
.ken-ttl-wrap-img {border-radius: 10px;}
.ken-ttl-wrap h3 {margin:0;font-size: 32px;font-size: calc(2.8rem + ((1vw - 0.64rem) * 0.7143));font-weight: 700;color: #b32036;}
.ken-ttl-wrap .ken-ttl {font-size: 20px;font-size: calc(1.6rem + ((1vw - 0.64rem) * 0.7143));font-weight: 700;}
@media screen and (max-width: 1024px){
.ken-ttl-wrap {width: 70%;}
}
@media screen and (max-width: 768px){
.ken-ttl-area img {display: block;width: 100%;height: 300px;object-fit: cover;font-family: 'object-fit: cover;';}
.ken-ttl-wrap {width: 80%;}
}
@media screen and (max-width: 500px){
.ken-ttl-wrap {width: 90%;padding: 2rem;}
}
/* col */
.ken-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;}
.ken-col2 {width: 48%;margin-bottom: 2rem;}
@media screen and (max-width: 640px){
.ken-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.ken-col2 {width: 100%;}
}
/* col3 */
.ken2-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;}
.ken2-wrap:after {content: "";display: block;width: 31%;height: 0;}
.ken2-col3 {position: relative;width: 31%;margin-bottom: 2rem;padding-top:3rem;}
.num-list .block {display: block;position: relative;text-decoration: none;}
.num-list .block .head {position: relative;min-height: 250px;background-color: #aecef5;}
.num-list .block .head:after {content: '';display: block;position: absolute;top: 0; right: 17px;width: 2px; height: 20px;background-color: #fff;}
.num-list .block .head .en {position: absolute;top: 28px; left: 100%;margin: 0 0 0 -8px;text-align: right;font-size: 1.4rem;line-height: 20px;letter-spacing: 4px;-webkit-transform-origin: left top;-moz-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);color:#fff;}
.num-list .block .head .num {position: absolute;top: -30px; left: 18px;width: 100px; height: 60px;}
.num-list .block .head .num span {display: block;overflow: hidden;position: absolute;left: 0;width: 100%; height: 30px;font-size: 32px;font-size: calc(2.8rem + ((1vw - 0.64rem) * 0.7143));font-weight:bold;line-height: 60px;letter-spacing: 4px;}
.num-list .block .head .num span i {display: block;position: absolute;left: 0;}
.num-list .block .head .num span:first-child,.num-list .block .head .num span:first-child i {bottom: 0;color:#15a8ff;}
.num-list .block .head .num span:last-child,.num-list .block .head .num span:last-child i {top: 0;color: #15a8ff;}
.num-list .block .head .txt {position: absolute;top: 2rem; left: 0;padding: 0 3rem 3rem;}
.num-list .block .head h4 {border-bottom: 3px solid #fff;font-weight: bold;font-size: 130%;line-height: 1.6;}
@media screen and (max-width: 1280px){
.num-list .block .head {min-height: 320px;}
}
@media screen and (max-width: 1023px){
.ken2-wrap:after,.ken2-col3 {width: 48%;}
.num-list .block .head {min-height: 280px;}
}
@media screen and (max-width: 680px){
.num-list .block .head {min-height: 280px;}
}
@media screen and (max-width: 640px){
.ken2-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.ken2-wrap:after,.ken2-col3 {width: 100%;}
.ken2-col3 {margin-bottom: 1rem;}
.num-list .block .head {min-height: 180px;}
}
@media screen and (max-width: 530px){
.num-list .block .head {min-height: 210px;}
}
@media screen and (max-width: 430px){
.num-list .block .head {min-height: 230px;}
}
@media screen and (max-width: 330px){
.num-list .block .head {min-height: 240px;}
}
/* box */
.ken-box {border: 5px solid #eee;padding: 3rem;position: relative;z-index: 0;}
.ken-box:before {border-top: 5px solid #ff8282;border-left: 5px solid #ff8282;content: '';display: block;position: absolute;top: -5px;left: -5px;width: 20px;height: 20px;z-index: 1;}
.ken-box-blue:before {border-top: 5px solid #15a8ff;border-left: 5px solid #15a8ff;}
.ken-box h5 {margin-top: 0;color: #ff8282;}
.ken-box-blue h5 {font-size: 2.0rem;margin-top: 0;color: #15a8ff;}
@media screen and (max-width: 640px){
.ken-box:nth-child(3):before {border-top: 5px solid #ff8282;border-left: 5px solid #ff8282;}
.ken-box:nth-child(3) h5 {margin-top: 0;color: #ff8282;}
.ken-box:nth-child(4):before {border-top: 5px solid #15a8ff;border-left: 5px solid #15a8ff;}
.ken-box:nth-child(4) h5 {margin-top: 0;color: #15a8ff;}
}
/* 
recruit
--------------------------------------------------------------*/
/* top-area02 */
.rec-area {position: relative;margin-top:8em;padding-top:5em;}
.rec-area-wrap {width: 100%;margin: 0 auto;}
.rec-rec {}
.rec-cover {position: absolute;left: 0;top: 0;width: 100%;height: 380px;background: #eef4fd;-webkit-transform-origin: center top;transform-origin: center top;}
.rec-overview {position: relative;margin: 0 auto 1em;}
.rec-ttl {z-index: 1;position: relative;margin: -10em auto 2em;font-weight:700;text-align:center;}
.rec-ttl h3 {color:#111;font-size:3vw;line-height:1.2!important;}
.rec-ttl-sub {font-size:1vw;font-family:'Prompt', sans-serif;color: #ff8282;}
.rec-thumb {width: 1280px;margin:0 auto;}
@media only screen and (max-width: 1366px) {
.rec-thumb {width: 90%;margin:0 auto;}
.rec-cover {height: 300px;}
}
@media only screen and (max-width: 1024px) {
.rec-area {margin-top:5em;}
.rec-cover {height: 330px;}
.rec-cover {height: 250px;}
.rec-ttl {margin: -9em auto 2em;}
}
@media only screen and (max-width: 880px) {
.rec-cover {height: 250px;}
.rec-ttl {margin: -8em auto 2em;}
}
@media only screen and (max-width: 768px) {
.rec-cover {height: 180px;}
.rec-ttl {margin: -7em auto 2em;}
}
@media only screen and (max-width: 680px) {
.rec-area {margin-top:4em;}
.rec-cover {height: 130px;}
}
@media only screen and (max-width: 500px) {
.rec-area {margin-top:4em;}
.rec-cover {height: 100px;}
.rec-ttl {margin: -7.5em auto 1em;}
.rec-ttl h3 {font-size:4.5vw;}
.rec-ttl-sub {font-size:1.5vw;}
}
@media only screen and (max-width: 380px) {
.rec-ttl {margin: -7em auto 1em;}
.rec-ttl h3 {font-size:5vw;}
}
/* col */
.rec-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;}
.rec-wrap img {display: block;margin-bottom: 3rem;width: 100%;height: auto;object-fit: cover;font-family: 'object-fit: cover;';}
.rec-wrap:before {content: "";display: block;width: 23%;height: 0;order: 1;}
.rec-wrap:after {content: "";display: block;width: 23%;height: 0;}
.rec-col4 {width: 23%;margin-bottom: 3rem;}
@media screen and (max-width: 768px){
.rec-wrap:before,.rec-wrap:after,.rec-col4 {width: 49%;}
}
.box05 {background: #fff; padding: 2rem;}
/* col2 */
.rec2-col1 {;width: 100%;margin-bottom: 2rem;}
.rec2-col1 img.rec2-col1-pc {display: block;width: 100%;height: 380px;object-fit: cover;font-family: 'object-fit: cover;';object-position:center;border-radius:10px;}
.rec2-col1 img.rec2-col1-sp {display: none;}
.rec2-col1 a:hover img {opacity:0.7;}
.rec2-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;}
.rec2-col2 {width: 48%;margin-bottom: 2rem;}
.rec2-col2 img {border-radius:10px;}
.rec3-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;}
.rec3-col3 {width: 32.5%;margin-bottom: 2rem;}
.rec3-col3 img {border-radius:10px;}
@media screen and (max-width: 1366px){
.rec2-col1 img.rec2-col1-pc {height: 300px;}
}
@media screen and (max-width: 1200px){
.rec2-col1 img.rec2-col1-pc {height: 260px;}
}
@media screen and (max-width: 1024px){
.rec2-col1 img.rec2-col1-pc {height: 200px;}
.rec3-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.rec3-col3 {width: 100%;}
}

@media screen and (max-width: 640px){
.rec2-col1 img.rec2-col1-pc {display: none;}
.rec2-col1 img.rec2-col1-sp {display: block;width: 100%;height: auto;object-fit: cover;font-family: 'object-fit: cover;';border-radius:10px;}
.rec2-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.rec2-col2 {width: 100%;}
}
/* 
aozora
--------------------------------------------------------------*/
.ao-bg {background: url(https://seiwa-amg.com/kangobu/wp-content/themes/splus02/img/aozora/azr-bg.jpg) no-repeat center center;background-size:cover;}
/* col */
.azr1-wrap,.azr2-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;}
.azr2-wrap {padding: 3rem 0;}
.azr2-wrap:after {content: "";display: block;width: 31%;height: 0;}
.azr1-col2 {width: 48%;margin-bottom: 3rem;}
.azr2-col3 {position: relative;width: 31%;margin-bottom: 3rem;}
.azr2-col3 p {margin-top: 3rem;}
@media screen and (max-width: 980px){
.azr2-wrap:after,.azr2-col3 {width: 49%;}
}
@media screen and (max-width: 768px) {
.azr1-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.azr1-col2 {width: 100%;margin-bottom: 0;}
}
@media screen and (max-width: 640px){
.azr2-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.azr2-wrap:after,.azr2-col3 {width: 100%;}
}
/* ibitsu */
.ib-img1 {border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;}
.ib-img2 {border-radius: 80% 30% 50% 50%/50%;}
.ib-img3 {border-radius: 40% 40% 50% 40%/30% 50% 50% 50%;}
.ib-ttl1 {position: absolute;margin-top: -10rem;padding: 2rem;color: #fff;background: #f66;border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;}
.ib-ttl2 {position: absolute;margin-top: -10rem;padding: 2rem;color: #fff;background: #f92;border-radius: 80% 30% 50% 50%/50%;}
.ib-ttl3 {position: absolute;margin-top: -10rem;padding: 2rem;color: #fff;background: #fc2;border-radius: 40% 40% 50% 40%/30% 50% 50% 50%;}
/* list */
.azr-area1 {position: relative;width: 100%;min-height:650px;margin-top: 3em;margin-bottom: 10em;}
.azr-area1-inner {position: absolute;margin: -15rem 5% 3em 5%;padding: 3rem;width: 90%;background: rgba(255,255,255,.8);}
.lst01 dl {margin:10px 0;padding: 2px 0;border-bottom: 1px dotted #ff8282;color: #ff8282;}
.lst01 dt {clear: left;float: left;padding-bottom: 5px;width: 25%;}
.lst01 dd {margin-left: 27%;margin-bottom:0.5em;}
@media screen and (max-width: 1680px) {
.azr-area1 {min-height:550px}
}
@media screen and (max-width: 1388px) {
.azr-area1 {min-height:500px}
}
@media screen and (max-width: 1280px) {
.azr-area1 {min-height:450px}
}
@media screen and (max-width: 1024px) {
.azr-area1-inner {margin: -10rem 5% 3em 5%;}
}
@media screen and (max-width: 768px) {
.azr-area1 {margin-top: 1em;min-height:550px;}
.azr-area1-inner {margin: -5rem 5% 3em 5%;padding: 1rem;}
}
/* table */
table.pnk-table,table.grn-table {border: 1px solid #fff;}
table.pnk-table td,table.pnk-table th,table.grn-table td,table.grn-table th {border: 1px solid #fff;}
table.pnk-table th {background: #ff8282;color: #fff;width:40%;}
table.grn-table th {background: #13cf8e;color: #fff;width:40%;}
table.pnk-table td,table.grn-table td {text-align: right;}
table.pnk-table td {background: #fae4e9;}
table.grn-table td {background: #e8fdf5;}
/* slider */
.slider-box p, .slider-box div, .loop-box ul, .loop-box li {box-sizing: border-box; margin: 0 !important; padding: 0 !important;}
.slider-box {box-sizing: border-box;overflow: hidden;width: 100%;margin: 0 auto;padding: 0;}
.loop-box{position: relative;width: 100%;overflow: hidden; }
.loop-box, .loop-box ul {height: 200px;}
.loop-box ul {position: absolute; left: 0; top: 0;display: flex; justify-content: space-between;list-style: none;max-width: 10000%; min-width: 100%;width: calc(300px * 1 * 5);animation: 65s linear infinite;}
.loop-box li {display: flex;align-items: center; justify-content: center;color: #fff;width: calc(100% / 5);}
.loop-box img {height: auto;width: 100%;}
.loop-box ul.loop1 {animation-name: loop1;}
.loop-box ul.loop2 {animation-name: loop2;}
@keyframes loop1 {
0% {transform: translateX(0); }
49.99999% {transform: translateX(-100%); }
50% {transform: translateX(100%); }
}
@keyframes loop2 {
0% {transform: translateX(100%); }
100%{transform: translateX(-100%); }
}
/* 
kengaku
--------------------------------------------------------------*/
.kgk-box01 {min-height: 20px;padding: 1em 1.5em;background-color: #eef4fd;border: 1px solid #eef4fd;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);}
/* col */
.btn-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;}
.btn-col2 {width: 48%;}
@media screen and (max-width: 640px){
.btn-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.btn-col2 {width: 100%;margin-bottom: 3rem;}
}
/* btn */
.btn15-area {list-style:none;margin-top: 1rem;}
.btn15-wrap {max-width: 415px;margin: 0 auto 20px;}

.btn15,.btn15 {font-weight: 700;line-height: 1.5;position: relative;display: inline-block;padding: 1rem 4rem;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: all 0.3s;transition: all 0.3s;text-align: center;vertical-align: middle;text-decoration: none;letter-spacing: 0.1em;color: #212529;border-radius: 0.5rem;}
.btn15-contact {display: block;padding: 1.5rem 0;color: #fff;background: #ff8282;-webkit-box-shadow: 0 5px 0 #e2615a;box-shadow: 0 5px 0 #e2615a;}
.btn15-contact i {font-size: 2rem;}
.btn15-contact i.fa-position-left {font-size: 3rem;left: 2rem;}
.btn15-contact :hover {color: #fff;}
.btn15-tel {display: block;margin-top: 15px;padding: 1rem 0;color: #fff;background: #15a8ff;-webkit-box-shadow: 0 5px 0 #008fe1;box-shadow: 0 5px 0 #008fe1;}
.btn15-tel i {font-size: 2rem;}
.btn15-tel i.fa-position-left {font-size: 3rem;left: 2rem;}
.btn15-tel .number {line-height: 1;display: inline-block;margin-top: 0.5rem;padding: 0.25rem 2rem;letter-spacing: 0;color: #008fe1;border-radius: 0.5rem;background: #fff;}
.btn15-tel:hover {color: #fff;}
.fa-position-left {position: absolute;top: calc(50% - 0.5em);left: 1rem;}
.fa-position-right {position: absolute;top: calc(50% - 0.5em);right: 1rem;}

/* 
fureai
--------------------------------------------------------------*/
/* col */
.ful-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;}
.ful-wrap:after {content: "";display: block;width: 31%;height: 0;}
.ful-col3 {width: 31%;margin-bottom: 3rem;}
@media screen and (max-width: 980px){
.ful-wrap:after,.ful-col3 {width: 49%;}
}
@media screen and (max-width: 640px){
.ful-wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.ful-wrap:after,.ful-col3 {width: 100%;}
}
/* timeline */
.timeline09 {list-style:none;margin: 1em auto;padding:0;position: relative;max-width: 100%;}
.timeline09:before {background-color: #ccc;content: "";margin-left: -1px;position: absolute;top: 0;left: 2em;width: 2px;height: 100%;}
.timeline-event {position: relative;}
.timeline-event:hover .timeline-event-icon {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);background-color: #15a8ff;}
.timeline-event:hover .timeline-event-thumbnail {-webkit-box-shadow: inset 40em 0 0 0 #15a8ff;-moz-box-shadow: inset 40em 0 0 0 #15a8ff;box-shadow: inset 40em 0 0 0 #15a8ff;}
.timeline-event-copy {padding: 2em 2em 0;position: relative;top: -1.875em;left: 4em;width: 96%;}
.timeline-event-copy h4 {margin-top:1rem;margin-bottom: .5em;}
.timeline-event-copy p {margin-bottom: 0;}
.timeline-event-copy p:not(.timeline-event-thumbnail) {padding-bottom: 0;}
.timeline-event-icon {-webkit-transition: -webkit-transform 0.2s ease-in;-moz-transition: -moz-transform 0.2s ease-in;-o-transition: -o-transform 0.2s ease-in;transition: transform 0.2s ease-in;background-color: #ff8282;outline: 10px solid white;display: block;margin: 0.5em 0.5em 0.5em -0.5em;position: absolute;top: 0;left: 2em;width: 1em;height: 1em;}
.timeline-event-thumbnail {-webkit-transition: box-shadow 0.5s ease-in;-webkit-transition-delay: 0.1s;-moz-transition: box-shadow 0.5s ease-in 0.1s;-o-transition: box-shadow 0.5s ease-in 0.1s;transition: box-shadow 0.5s ease-in 0.1s;color: white;background-color: #ff8282;-webkit-box-shadow: inset 0 0 0 0em #ff8282;-moz-box-shadow: inset 0 0 0 0em #ff8282;box-shadow: inset 0 0 0 0em #ff8282;display: inline-block;margin-bottom: 1.2em;padding: 0.25em 1em 0.2em 1em;font-weight:700;border-radius:5px;}
/*==============================================================
# Swiper
==============================================================*/
/**
 * Swiper 5.2.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 16, 2019
 */

@font-face {  font-family: 'swiper-icons';  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;  font-style: normal;}
:root {  --swiper-theme-color: #007aff;}
.swiper-container {  margin-left: auto;  margin-right: auto;  position: relative;  overflow: hidden;  list-style: none;  padding: 0;  /* Fix of Webkit flickering */  z-index: 1;}
.swiper-container-vertical > .swiper-wrapper {  flex-direction: column;}
.swiper-wrapper {  position: relative;  width: 100%;  height: 100%;  z-index: 1;  display: flex;  transition-property: transform;  box-sizing: content-box;}
.swiper-container-android .swiper-slide,.swiper-wrapper {  transform: translate3d(0px, 0,0);}
.swiper-container-multirow > .swiper-wrapper {  flex-wrap: wrap;}
.swiper-container-multirow-column > .swiper-wrapper {  flex-wrap: wrap;  flex-direction: column;}
.swiper-container-free-mode > .swiper-wrapper {  transition-timing-function: ease-out;  margin: 0 auto;}
.swiper-slide {  flex-shrink: 0;  width: 100%;  height: 100%;  position: relative;  transition-property: transform;}
.swiper-slide-invisible-blank {  visibility: hidden;}
/* Auto Height */
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {  height: auto;}
.swiper-container-autoheight .swiper-wrapper {  align-items: flex-start;  transition-property: transform, height;}
/* 3D Effects */
.swiper-container-3d {  perspective: 1200px;}
.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow {  transform-style: preserve-3d;}
.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom {  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  pointer-events: none;  z-index: 10;}
.swiper-container-3d .swiper-slide-shadow-left {  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
.swiper-container-3d .swiper-slide-shadow-right {  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
.swiper-container-3d .swiper-slide-shadow-top {  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
.swiper-container-3d .swiper-slide-shadow-bottom {  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {  overflow: auto;  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {  display: none;}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {  scroll-snap-align: start start;}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {  scroll-snap-type: x mandatory;}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {  scroll-snap-type: y mandatory;}
:root {  --swiper-navigation-size: 44px;  /*
  --swiper-navigation-color: var(--swiper-theme-color);  */
}
.swiper-button-prev,.swiper-button-next {  position: absolute;  top: 50%;  width: calc(var(--swiper-navigation-size) / 44 * 27);  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);  z-index: 10;  cursor: pointer;  display: flex;  align-items: center;  justify-content: center;  color: var(--swiper-navigation-color, var(--swiper-theme-color));}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {  opacity: 0.35;  cursor: auto;  pointer-events: none;}
.swiper-button-prev:after,.swiper-button-next:after {  font-family: swiper-icons;  font-size: var(--swiper-navigation-size);  text-transform: none !important;  letter-spacing: 0;  text-transform: none;  font-variant: initial;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {  left: 10px;  right: auto;}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {  content: 'prev';}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {  right: 10px;
  left: auto;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {  content: 'next';}
.swiper-button-prev.swiper-button-white,.swiper-button-next.swiper-button-white {  --swiper-navigation-color: #ffffff;}
.swiper-button-prev.swiper-button-black,.swiper-button-next.swiper-button-black {  --swiper-navigation-color: #000000;}
.swiper-button-lock {  display: none;}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {  position: absolute;  text-align: center;  transition: 300ms opacity;  transform: translate3d(0, 0, 0);  z-index: 10;}
.swiper-pagination.swiper-pagination-hidden {  opacity: 0;}
/* Common Styles */
.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal > .swiper-pagination-bullets {  bottom: 10px; left: 0;  width: 100%;}
/* Bullets */
.swiper-pagination-bullets-dynamic {  overflow: hidden;  font-size: 0;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {  transform: scale(0.33);position: relative;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {  transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {  transform: scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {  transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {  transform: scale(0.33);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {  transform: scale(0.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {  transform: scale(0.33);}
.swiper-pagination-bullet {  width: 8px;  height: 8px;  display: inline-block;  border-radius: 100%;  background: #000;  opacity: 0.2;}
button.swiper-pagination-bullet {  border: none;  margin: 0;  padding: 0;  box-shadow: none;  -webkit-appearance: none;     -moz-appearance: none;          appearance: none;}
.swiper-pagination-clickable .swiper-pagination-bullet {  cursor: pointer;}
.swiper-pagination-bullet-active {  opacity: 1;  background: var(--swiper-pagination-color, var(--swiper-theme-color));}
.swiper-container-vertical > .swiper-pagination-bullets {  right: 10px;  top: 50%;  transform: translate3d(0px, -50%, 0);}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {  margin: 6px 0;  display: block;}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;  transform: translateY(-50%);  width: 8px;}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {  display: inline-block;  transition: 200ms transform, 200ms top;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {  margin: 0 4px;}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {  left: 50%;  transform: translateX(-50%);  white-space: nowrap;}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {  transition: 200ms transform, 200ms left;}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {  transition: 200ms transform, 200ms right;}
/* Progress */
.swiper-pagination-progressbar {  background: rgba(0, 0, 0, 0.25);  position: absolute;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {  background: var(--swiper-pagination-color, var(--swiper-theme-color));  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  transform: scale(0);  transform-origin: left top;}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {  transform-origin: right top;}
.swiper-container-horizontal > .swiper-pagination-progressbar,.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {  width: 100%;height: 4px;  left: 0;  top: 0;}
.swiper-container-vertical > .swiper-pagination-progressbar,.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {  width: 4px;  height: 100%;  left: 0;  top: 0;}
.swiper-pagination-white {  --swiper-pagination-color: #ffffff;}
.swiper-pagination-black {  --swiper-pagination-color: #000000;}
.swiper-pagination-lock {  display: none;}
/* Scrollbar */
.swiper-scrollbar {  border-radius: 10px;  position: relative;  -ms-touch-action: none;  background: rgba(0, 0, 0, 0.1);}
.swiper-container-horizontal > .swiper-scrollbar {  position: absolute;  left: 1%;  bottom: 3px;  z-index: 50;  height: 5px;  width: 98%;}
.swiper-container-vertical > .swiper-scrollbar {  position: absolute; right: 3px;  top: 1%;  z-index: 50;  width: 5px;  height: 98%;}
.swiper-scrollbar-drag { height: 100%;  width: 100%;  position: relative;  background: rgba(0, 0, 0, 0.5);  border-radius: 10px;  left: 0;  top: 0;}
.swiper-scrollbar-cursor-drag {  cursor: move;}
.swiper-scrollbar-lock {  display: none;}
.swiper-zoom-container {  width: 100%;  height: 100%;  display: flex;  justify-content: center;  align-items: center;  text-align: center;}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {max-width: 100%;max-height: 100%;object-fit: contain;}
.swiper-slide-zoomed {cursor: move;}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {width: 42px;height: 42px;position: absolute;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;z-index: 10;transform-origin: 50%;animation: swiper-preloader-spin 1s infinite linear;box-sizing: border-box;border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius: 50%;border-top-color: transparent;}
.swiper-lazy-preloader-white {--swiper-preloader-color: #fff;}
.swiper-lazy-preloader-black {--swiper-preloader-color: #000;}
@keyframes swiper-preloader-spin {
100% {transform: rotate(360deg);}
}
/* a11y */
.swiper-container .swiper-notification {position: absolute;left: 0;top: 0;pointer-events: none;opacity: 0;z-index: -1000;}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {transition-timing-function: ease-out;}
.swiper-container-fade .swiper-slide {pointer-events: none;transition-property: opacity;}
.swiper-container-fade .swiper-slide .swiper-slide {pointer-events: none;}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events: auto;}
.swiper-container-cube {overflow: visible;}
.swiper-container-cube .swiper-slide {pointer-events: none;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 1;visibility: hidden;transform-origin: 0 0;width: 100%;height: 100%;}
.swiper-container-cube .swiper-slide .swiper-slide {pointer-events: none;}
.swiper-container-cube.swiper-container-rtl .swiper-slide {transform-origin: 100% 0;}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {pointer-events: auto;}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {pointer-events: auto;visibility: visible;}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {z-index: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.swiper-container-cube .swiper-cube-shadow {position: absolute;left: 0;bottom: 0px;width: 100%;height: 100%;background: #000;opacity: 0.6;-webkit-filter: blur(50px);filter: blur(50px);z-index: 0;}
.swiper-container-flip {overflow: visible;}
.swiper-container-flip .swiper-slide {pointer-events: none;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 1;}
.swiper-container-flip .swiper-slide .swiper-slide {pointer-events: none;}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {pointer-events: auto;}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {z-index: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;}

.Swiper {margin-top: 45px; /* なくてもOK */}
@media screen and (max-width: 540px) {
.Swiper {margin-top: 20px; /* なくてもOK */  }
}
.Swiper-Container-Wrapper-Slide-ImgBox {  width: 100%;}
.Swiper-Container-Wrapper-Slide-ImgBox-Img {width: 100%;padding-top: 50%; /* 上のサムネイルの画像比率指定 */}
.Swiper-Container-Prev {margin-top: -12%; /* 前へボタンの上下位置調整 */left: 30px; /* 前へボタンの左右位置調整 */width: 12px;height: 56px;background: url("https://seiwa-amg.com/kangobu/wp-content/themes/splus02/img/kengaku/banner-arrow-left.png") no-repeat; /* 前へボタンの画像指定 */background-size: contain;}
@media screen and (max-width: 540px) {
.Swiper-Container-Prev {margin-top: -20%;left: 15px;}
}
.Swiper-Container-Prev:after {content: none;}
.Swiper-Container-Next {margin-top: -12%; /* 次へボタンの上下位置調整 */right: 30px; /* 次へボタンの左右位置調整 */width: 12px;height: 56px;background: url("https://seiwa-amg.com/kangobu/wp-content/themes/splus02/img/kengaku/banner-arrow-right.png") no-repeat; /* 次へボタンの画像指定 */background-size: contain;}
@media screen and (max-width: 540px) {
.Swiper-Container-Next {margin-top: -20%;right: 15px;}
}
.Swiper-Container-Next:after {content: none;}
.Swiper-Container-Pagination {margin-top: 10px;  display: flex;}
.Swiper-Container-Pagination-ImgBox {
width: calc((100% - 20px) / 4);display: table;opacity: 0.6;margin: 0 0 0 20px !important;border-radius: 0;background: #121212;
}
@media screen and (max-width: 540px) {
.Swiper-Container-Pagination-ImgBox {margin: 0 0 0 8px !important;width: calc((100% - 8px) / 4);}
}
.Swiper-Container-Pagination-ImgBox:nth-child(1) {  margin-left: 0 !important; /* 1番左のブロックはマージンつけない */}
.Swiper-Container-Pagination-ImgBox.swiper-pagination-bullet-active {  opacity: 1; /* アクティブのサムネイルは黒マスクなし */}
.Swiper-Container-Pagination-ImgBox-Img {  width: 100%;  padding-top: 72.22%; /* 下のサムネイルの画像比率指定 */}