/*!
Theme Name: crew_systems_theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cs
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.

crew_systems_theme is based on Underscores https://underscores.me/, (C) 2012-2020 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/
*/

/*--------------------------------------
base
--------------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html {
font-size:62.5%;
scroll-behavior: smooth;
}

body {
position:relative;
font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size:1.55em;
color:#000000;
letter-spacing: -0.015em;
}

.palt{
font-feature-settings: "palt";
}

ul {
padding:0;
margin:0;
}

li {
list-style:none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom: 0;
font-weight: 700;
}

p {
margin:0;
padding:0;
}

img {
max-width:100%;
height:auto;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:none;
color: #6fd042;
}

br.pconly{display:block;}
br.sponly{display:none;}
@media screen and (max-width: 575.98px) {
br.pconly{display:none;}
br.sponly{display:block;}
}

img.pconly{display:block;}
img.sponly{display:none;}
@media screen and (max-width: 575.98px) {
img.pconly{display:none;}
img.sponly{display:block;}
}
.pconly{display:block;}
.sponly{display:none;}
@media screen and (max-width: 575.98px) {
.pconly{display:none;}
.sponly{display:block;}
}

/*---------- animation ----------*/

.js-animate-obj {
opacity:0;
}
.animated {
animation-duration: .8s;
}
.js-animate-obj.animated {
opacity:1;
}
.animate-fade.animated {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.animate-fadeLeft.animated {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
.animate-fadeRight.animated {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
.animate-fadeDown.animated {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}

/* mediaquery */

@media(max-width:640px) {
.animated {
animation-duration: 1s;
}
}

/*--------------------------------------
bs-hack
--------------------------------------*/

.gutter-1 {
margin-right: -1px;
margin-left: -1px;
}
.gutter-1 > div[class^='col-'] {
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
}
.gutter-5 {
margin-right: -5px;
margin-left: -5px;
}
.gutter-5 > div[class^='col-'] {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}

.gutter-75 {
margin-right: -7.5px;
margin-left: -7.5px;
}
.gutter-75 > *[class^='col-'] {
padding-top: 7.5px;
padding-right: 7.5px;
padding-bottom: 7.5px;
padding-left: 7.5px;
}

.gutter-10 {
margin-right: -10px;
margin-left: -10px;
}
.gutter-10 > div[class^='col-'] {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}

.gutter-15 {
margin-right: -15px;
margin-left: -15px;
}
.gutter-15 > div[class^='col-'] {
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
}

.gutter-20 {
margin-right: -20px;
margin-left: -20px;
}
.gutter-20 > div[class^='col-'] {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}

.gutter-25 {
margin-right: -25px;
margin-left: -25px;
}
.gutter-25 > div[class^='col-'] {
padding-top: 25px;
padding-right: 25px;
padding-bottom: 25px;
padding-left: 25px;
}

@media (min-width: 1200px) {
.container {
max-width: 1280px;
}
}
/*--------------------------------------
components
--------------------------------------*/

/*---------- first-view ----------*/


/*--------------------------------------
header
--------------------------------------*/

.page-index {
position:relative;
}
#global-header {
background:#2b2b2b;
border-bottom:1px solid #fff;
}
#index-header {
background:transparent;
position:absolute;
top:0;
left:0;
width:100%;
}
.header-inner {
position:relative;
height:60px;
}
#global-header .container {
max-width:none;
}
#global-header .header-inner {
height:90px;
}
.header-logo {
position:absolute;
left:15px;
top:15px;
flex:0 0 auto;
display:block;
width:158px;
}
.sandmenu{
position:fixed;
padding:10px;

z-index:9999999999999;
right: 15px;
top: 15px;
bottom: 0;
width: 45px;
height: 40px;
}
.sp-tgl {
position:absolute;
right:1px;
top:0;
bottom:0;
width:45px;
height:40px;
border:none;
margin:auto;
border-radius:6px;
background:none;
z-index:1;
cursor: pointer;
}
.sp-tgl span {
position:absolute;
right:0;
left:0;
display:block;
width:calc(100% - 5px);
height:1px;
margin:auto;
background:#fff;
border-radius:4px;
transition:.3s;
}

.change-color span{
background-color: #6fd042;
transition: 0.3s;
}

.crown {
top:10px;
}
.patty {
top:0;
bottom:0;
}
.heel {
bottom:10px;
}

.sp-tgl[aria-expanded=true]>span:nth-of-type(1) {
transform: translateY(11px) rotate(-45deg);
}

.sp-tgl[aria-expanded=true]>span:nth-of-type(3) {
transform: translateY(-8px) rotate(45deg);
}

.sp-tgl[aria-expanded=true]>span:nth-of-type(2) {
opacity: 0;
}


.header-menu {
position: fixed;
right:0;
top: 0;
z-index: 9999999999999;
transform: translate(0,-100%);
transition: .2s;
background: #2b2b2b;
width: 100%;
padding: 25px;
overflow-y: auto;
padding-top: 15px 25px;
padding-right: 15px;
}
@media print {
.header-menu  {
display: none;
}
}
.header-menu__wrap {
max-width: var(--max-width);
margin: auto;
}

.header-menu__content {
/*display: flex;*/
flex-wrap: wrap;
}

.header-menu__icon {
display: flex;
justify-content: flex-end;
height: 50px;
position: relative;
}
.header-menu--active {
transform: translate(0,0);

}

.header-menu__overlay {
background: #000;
opacity: .8;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 888;
display: none;
}

@media screen and (max-width: 575.98px) {

.header-menu {
/* display: none; */
position: fixed;
right:0;
top: 0;
z-index: 9999999999999;
transform: translate(100%,0);
transition: .2s;
width: 90%;
height: 100%;
padding: 25px;
overflow-y: auto;
padding-top: 15px 25px;
}
.header-menu__wrap {
padding-left: 0;
padding-right: 0;
}

.header-menu--active {
transform: translate(0,0);
}
.header-menu__icon {
margin-bottom: 20px;
}
}


/* mediaquery */

@media(min-width:992px) {
/*
.sp-tgl {
display:none;
}


.gnav-box.collapse {
display:block;
}
*/
}

@media(max-width:1199px) {
#index-header .container{
max-width:100%;
}
}

@media(max-width:991px) {
.header-inner {
display:block;
}
}

@media(max-width:575px) {
}



/*--------------------------------------
pages
--------------------------------------*/

/*---------- fv ----------*/
.section-fv {
position:relative;
height:80vh;
/* background:url("img/bg-fv-01.png") no-repeat center;
background-size:cover; */
background-image: linear-gradient(
-45deg,
transparent 25%,
rgba(100,100,100,.6) 25%, rgba(100,100,100,.6) 50%,
transparent 50%, transparent 75%,
rgba(100,100,100,.6) 75%, rgba(100,100,100,.6) 100%
);
background-size: 5px 5px;
}
.fv-bg {
/* display:none; */
z-index: -1;
position: relative;
}
.fv-bg-video {
object-fit: cover;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.fv-logo {
padding-top:80px;
text-align:center;
}
.fv-logo img{
width:70%;
max-width:466px;
}
.fv-video-box {
position:absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index:1;
background-color:#111;
background-image: url("img/back-index-body.png");
background-repeat: repeat;
}

.fv-bg ,
#jsVideo {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
}

.fv-bg {
background:url(img/first-view-index.png) no-repeat center;
background-size:cover;
}

#jsVideo {
z-index:1;
opacity: .26;
}

#jsOverlay {
position: absolute;
top: 0;
bottom:0;
right:0;
left: 0;
min-width: 100%;
min-height: 100%;
z-index:2;
}

#jsVideoLoader {
position:fixed;
top: 0;
left: 0;
bottom:0;
right:0;
z-index:1000;
display:flex;
display:-ms-flexbox;
align-items:center;
-ms-flex-align:center;
justify-content:center;
-ms-flex-pack:center;
width: 100%;
height: 100%;
background:#000;
}
.loader {
color: #ffffff;
font-size: 20px;
margin: 100px 0;
width: 1em;
height: 1em;
border-radius: 50%;
position: relative;
text-indent: -9999em;
-webkit-animation: load4 1.3s infinite linear;
animation: load4 1.3s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}

@-webkit-keyframes load4 {
0%,
100% {
box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
}
12.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
25% {
box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
37.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
50% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
62.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
}
75% {
box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
}
87.5% {
box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
}
}
@keyframes load4 {
0%,
100% {
box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
}
12.5% {
box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
25% {
box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
}
37.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
50% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
}
62.5% {
box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
}
75% {
box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
}
87.5% {
box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
}
}

.fv-top-ttl {
font-size:6.6rem;
margin: 0rem;
}

.fv-top-lead {
margin:20px 0 15px;
font-size:3.2rem;
font-weight:bold;
}

.section-fv::after {
content:'';
position:absolute;
bottom:20px;
left:22px;
right:0;
display:block;
width:22px;
height:137px;
background:url("img/icon/icon-scroll.png") no-repeat center;
background-size:cover;
margin:auto;
z-index:1;
animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}

@keyframes sdl {
0% {
transform: scale(1, 0);
transform-origin: 0 0;
}
50% {
transform: scale(1, 1);
transform-origin: 0 0;
}
50.1% {
transform: scale(1, 1);
transform-origin: 0 100%;
}
100% {
transform: scale(1, 0);
transform-origin: 0 100%;
}
}


/*---------- lead ----------*/

.section-lead {
position:relative;
background:#191919;
text-align:center;
padding-top:90px;
padding-bottom:70px;
}
.lead-img {
text-align:center;
position: absolute;
top: 0;
left: 47.5%;
transform: translate(-50%, -70%);
padding-bottom: 40px;
}
.lead-img img {
max-width:none;
}

@media(max-width:991px) {
.lead-img img {
min-width:690px;
width:100%;
}
}
@media(max-width:690px) {
.lead-img img {
min-width:490px;
width:100%;
}
}
@media(max-width:490px) {
.lead-img img {
min-width:380px;
width:100%;
}
}

.lead-titles {
/* margin-top:-170px; */
}
.lead-titles > h2:not(:first-of-type) {
display:none;
}
.lead-title {
color:#fff;
font-size:3.2rem;
font-weight:bold;
}

@media(max-width:1199px) {
}

@media(max-width:991px) {
.section-lead {
padding-top:60px;
padding-bottom:40px;
}
.lead-img {
/* transform:translateY(-200px); */
}
.lead-title {
font-size:34px;
}
.section-fv {
height:60vh;
}
}

@media(max-width:767px) {
.lead-title {
font-size:28px;
}
}
@media(max-width:575px) {
.section-lead {
padding-top:40px;
padding-bottom:30px;
}
.lead-title {
font-size:4.8vw;
}
.lead-img {
/* transform: translateY(-180px); */
}
}

/*---------- reason ----------*/

.section-reason {
background:url("img/bg-reason-01.png") no-repeat center;
background-size:cover;
padding:100px 0;
}
.common-title {
display:flex;
align-items:center;
color:#6fd042;
margin-bottom:40px;
font-weight:bold;
font-size:28px;
margin-left:-15px;
}
.common-title::before {
content:'';
display:block;
height:4px;
width:70px;
margin-right:10px;
background:#6fd042;
}
.reason-content {
display:flex;
}
.reason-title {
padding-top:30px;
font-weight:bold;
font-size:4.6rem;
color:#fff;
}
.reason-text {
margin-top:30px;
font-size:1.65rem;
color:#fff;
}
.reason-img {
text-align:right;
padding-left:40px;
}


@media(max-width:1199px) {
}

@media(max-width:991px) {
.common-title {
font-size:22px;
margin-bottom:20px;
}
.reason-content {
display:block;
}
.reason-title {
padding-top:0;
font-size:3.6rem;
}
.reason-img {
text-align:center;
padding-top:40px;
padding-left:0;
}
}

@media(max-width:575px) {
.reason-title {
text-align:center;
}
.reason-text {
margin-top:30px;
font-size:1.65rem;
text-align:center;
color:#fff;
}
}

/*---------- product ----------*/

.section-product {
overflow:hidden;
border-top:5px solid #6fd042;
border-bottom:5px solid #6fd042;
}


/*---------- feature ----------*/

.section-feature {
padding-top:90px;
padding-bottom:70px;
}
.inner-container {
padding:0 80px;
}
.feature-title {
margin-bottom:40px;
font-weight:bold;
font-size:3.8rem;
text-align:center;
line-height:1.65;
}
.feature-title span {
display:inline-block;
position:relative;
}
.feature-title span::after {
content:'';
position:absolute;
left:0;
bottom:0;
display:block;
width:100%;
height:20px;
background:#6fd042;
z-index:-1;
}
.feature-text {
margin-bottom:20px;
font-size:1.65rem;
}
.feature-mid-title {
display:flex;
align-items:center;
font-weight:bold;
font-size:23px;
border-bottom:1px solid #000;
margin-top:40px;
padding:10px 0;
}
.feature-mid-title::before {
content:'';
display:inline-block;
margin-right:10px;
width:52px;
height:39px;
background:url(img/icon/icon-check.png) no-repeat center / cover;
flex:0 0 auto;
}
.feature-mid-text {
margin-top:10px;
padding-left:65px;
}

.feature-img {
text-align:center;
margin-top:70px;
}

@media(max-width:991px) {
.section-feature {
padding-top:50px;
padding-bottom:30px;
}
.inner-container {
padding:0;
}
.feature-title {
font-size:2.6rem;
}
.feature-mid-title {
font-size:20px;
margin-top:10px;
}
.feature-img {
margin-top:30px;
}
}


/*---------- feature-02 ----------*/

.section-feature-02 {
background:#000;
padding:80px 0 60px;
}
.feature-02-title {
margin-bottom:40px;
color:#fff;
font-weight:bold;
font-size:3.8rem;
text-align:center;
line-height:1.65;
}
.feature-02-title span {
color:#6fd042;
}
.feature-02-text {
color:#fff;
margin-bottom:20px;
font-size:1.75rem;
}
.feature-point {
display:flex;
margin-top:30px;
}
.feature-point-texts {
padding-top:25px;
padding-left:50px;
}
.feature-point-texts p {
margin-top:15px;
padding:10px;
color:#fff;
font-size:2.4rem;
border:1px solid #fff;
text-align:center;
font-weight:600;
}
.feature-point-texts p span {
color:#6fd042;
}
.feature-point-img {
position:relative;
width:30%;
}
.feature-point-img img {
position:absolute;
right:0;
top:40px;
max-width:calc(100% + 100px);
}

.section-feature-03 {
background:url("https://www.crew-sys.com//wp-content/themes/cs/img/bg-feature-01.png") no-repeat center / cover;
padding:80px 0;
}
.feature-03-text {
color:#fff;
margin-bottom:50px;
font-size:1.75rem;
}

@media(max-width:991px) {
.feature-02-title {
font-size:2.15rem;
}
.feature-point {
justify-content:center;
position: relative;
flex-direction: column-reverse;
}
.feature-point-texts {
padding-left:0;
}
.feature-point-texts p {
font-size:18px;
}
.feature-point-img {
width: 100%;
text-align: center;
padding-top: 30px;
}
.feature-point-img img {
position: static;
width: 100%;
max-width: 400px;
}
}

/*---------- pickup ----------*/

.section-pickup {
padding:50px 0 120px;
background:#888888;
background-image: linear-gradient( -45deg, transparent 25%, rgba(100,100,100,.6) 25%, rgba(100,100,100,.6) 50%, transparent 50%, transparent 75%, rgba(100,100,100,.6) 75%, rgba(100,100,100,.6) 100% );
background-size: 4px 4px;
}

.pickup-title-area {
display:flex;
align-items:center;
margin-bottom:45px;
}
.pickup-title {
padding:0 80px 0 0px;
font-size:3.8rem;
font-weight:bold;
color:#fff;
white-space: nowrap;
}
.pickup-text {
color:#fff;
font-size:1.5rem;
}
.pickup-panels > div {
display:flex;
}
.pickup-panel {
width:100%;
padding:20px;
background:#fff;
}
.pickup-img img {
width:100%;
}
.pickup-panel-title {
margin-top:20px;
line-height:1.8;
font-weight:bold;
font-size:18px;
color:#000;
}
.pickup-panel-text {
margin-top:10px;
padding-bottom:20px;
font-size:15px;
color:#000;
}

@media(max-width:991px) {
.pickup-title {
white-space:nowrap;
padding:0 40px 0 0;
font-size:38px;
}
}


/*---------- partner ----------*/

.section-partner {
padding:65px 0 60px;
}
/*.section-partner .container{
max-width:none;
}*/
.left-title-area {
display:flex;
}
.left-title-box {
display:flex;
margin-left:-15px;
margin-right:60px;
/*width:300px;*/
}
.left-title-box::before {
content:'';
display:block;
height:4px;
width:70px;
margin-top:25px;
margin-right:10px;
background:#000;
flex:0 0 auto;
}
.left-title {
font-weight:bold;
font-size:44px;
}
.left-title span {
display:block;
margin-top:10px;
font-size:16px;
font-weight:600;
}

.partner-area {
padding:50px 0;
}

.partner-area-title {
margin-bottom:50px;
font-size:1.75rem;
text-align: center;
}


@media(max-width:991px) {
.left-title-area {
display:block;
}
.left-title-box {
margin-bottom:30px;
}
.left-title {
font-size:38px;
}
}

/*---------- news ----------*/

.section-news {
padding:65px 0 60px;
background:#f5f5f5;
}
.section-news .container{
max-width:none;
}
.news-area {
width:100%;
}
.news-area > *:first-child {
border-top:1px solid #bfbfbf;
}
.news-line {
display:flex;
align-items:center;
border-bottom:1px solid #bfbfbf;
padding:30px;
}
.news-date {
font-size:14px;
color:#000;
flex:0 0 auto;
display: block;
min-width: 120px;
}
.news-cat {
display:block;
min-width:100px;
margin:0 50px;
padding:3px;
border:1px solid #000;
text-align:center;
font-size:13px;
color:#000;
flex:0 0 auto;
}
.news-text {
color:#000;
}

@media(max-width:991px) {
.news-line {
flex-wrap:wrap;
}
.news-text {
width:100%;
margin-top:10px;
}
}

@media(max-width:490px) {
.news-date {
width: 100%;
}
.news-cat {
margin:10px 0 0 0;
}
}


/*--------------------------------------
footer
--------------------------------------*/

#global-footer {
position:relative;
color:#fff;
background:#2b2b2b;
}

.footer-logo {
display:block;
margin-top:30px;
margin-bottom:25px;
}
.footer-logo img {
width:150px;
}
.footer-top {
padding:10px 0 40px;
}
.footer-bottom {
border-top:2px solid #686868;
padding:15px 0;
text-align:center;
}
.footer-bottom small {
font-size:1.1rem;
}
.footer-container {
/*  display:flex;*/
}
.footer-left {
display:flex;
flex-wrap:wrap;
}
.footer-right {
flex:0 0 auto;
}
.footer-list {
/*  width:20%;*/
margin-top:30px;
margin-right:30px;
flex:0 0 auto;
}
.footer-list-title {
margin-bottom:10px;
font-weight:600;
font-size:1.25rem;
color:#6fd042;
}
.footer-list li {
margin-bottom:3px;
white-space: nowrap;
}
.footer-list a {
color:#fff;
font-size:1.35rem;
text-decoration: none;
}
.footer-list a:hover{
color: #6fd042;
}

.footer-list-title  a{
color:#6fd042;
}
.footer-text {
margin-bottom:20px;
font-size:1.15rem;
line-height:1.65;
}

.footer-profile{
text-align:left;
}

/* mediaquery */

@media(max-width:991px) {
.footer-container {
flex-direction:column;
align-items:center;
}
.footer-top {

}
.footer-right {
order:1;
text-align: center;
}
.footer-left {
order:2;
width: 100%;
justify-content: center;
}
}

@media(max-width:767px) {
.footer-list {
width:100%;
margin-top:30px;
margin-right:30px;
flex:0 0 auto;
}
}

@media(max-width:575px) {
.footer-profile{
text-align:center;
}
}
/*---------- state ----------*/

.js-fadein,
.js-fadeinLeft,
.js-fadeinRight,
.js-fadeinTop,
.js-fadeinBottom {
opacity: 0;
}

/*---------- utilites ----------*/
.u-mt-0 {
margin-top: 0px !important;
}
.u-mt-10 {
margin-top: 10px !important;
}
.u-mt-20 {
margin-top: 20px !important;
}
.u-mt-30 {
margin-top: 30px !important;
}
.u-mt-40 {
margin-top: 40px !important;
}
.u-mt-50 {
margin-top: 50px !important;
}
.u-mt-60 {
margin-top: 60px !important;
}
.u-mt-70 {
margin-top: 70px !important;
}
.u-mt-80 {
margin-top: 80px !important;
}
.u-mt-90 {
margin-top: 90px !important;
}
.u-mt-100 {
margin-top: 100px !important;
}
.u-mb-0 {
margin-bottom: 0px !important;
}
.u-mb-10 {
margin-bottom: 10px !important;
}
.u-mb-20 {
margin-bottom: 20px !important;
}
.u-mb-30 {
margin-bottom: 30px !important;
}
.u-mb-40 {
margin-bottom: 40px !important;
}
.u-mb-50 {
margin-bottom: 50px !important;
}
.u-mb-60 {
margin-bottom: 60px !important;
}
.u-mb-70 {
margin-bottom: 70px !important;
}
.u-mb-80 {
margin-bottom: 80px !important;
}
.u-mb-90 {
margin-bottom: 90px !important;
}
.u-mb-100 {
margin-bottom: 100px !important;
}
.u-text-bold {
font-weight: bold !important;
}
.u-text-center {
text-align: center !important;
}
.u-text-paragraph {
padding-left: 30px;
}

:root {
--f-12: 12px;
--f-15: 15px;
--f-16: 16px;
--f-18: 18px;
--f-21: 21px;
--f-23: 23px;
--f-25: 25px;
--f-27: 27px;
--f-30: 30px;
--f-33: 33px;
--f-36: 36px;
--f-38: 38px;
--container: 1280px;
}

p {
line-height: 1.7;
}
h2 {
line-height: 1.5;
}

@media screen and (max-width:1199.98px) {
:root {
--container: 960px;
}
}

@media screen and (max-width:991.98px) {
:root {
--f-12: 10px;
--f-15: 12px;
--f-16: 13px;
--f-18: 14px;
--f-21: 15px;
--f-23: 16px;
--f-25: 18px;
--f-27: 22px;
--f-30: 23px;
--f-33: 24px;
--f-36: 25px;
--f-38: 28px;
--container: 720px;
}
.u-text-paragraph {
padding-left: 15px;
}
.u-mb-40 {
margin-bottom: 20px !important;
}
.u-mb-50 {
margin-bottom: 25px !important;
}
.u-mb-60 {
margin-bottom: 30px !important;
}
.u-mb-70 {
margin-bottom: 35px !important;
}
.u-mb-80 {
margin-bottom: 40px !important;
}
.u-mb-90 {
margin-bottom: 45px !important;
}
.u-mb-100 {
margin-bottom: 50px !important;
}
}
@media screen and (max-width:767.98px) {
:root {
--container: 540px;
}
}
@media screen and (max-width:575.98px) {
:root {

}
}

/*---------- components ----------*/

.p-fv {
width:100%;
height:425px;
position: relative;
overflow:hidden;
background: #2b2b2b;
margin-bottom: 30px;
display: flex;
align-items: center;
}
.p-fv_tt {
width:100%;
height:555px;
position: relative;
overflow:hidden;
background: #2b2b2b;
margin-bottom: 30px;
display: flex;
align-items: center;
}
.p-fv > img,
.p-fv_tt > img  {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
max-width: inherit;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.p-fv__wrap {
width: 100%;
}
.p-fv__content {
max-width: 1280px;
margin: auto;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.p-fv__container {
padding: 0 90px;
z-index: 5;
position: relative;
}
.p-fv__cat {
font-size: var(--f-27);
font-weight: bold;
color: #6fd042;
margin-bottom: 35px;
position: relative;
padding-left: 90px;
}
.p-fv__cat::before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 80px;
height: 4px;
background: #6fd042;
transform: translate(0,-50%);
}
.p-fv__title {
margin-bottom: 25px;
font-size: 60px;
color: #fff;
}
.p-fv__lead {
font-size: var(--f-18);
color: #fff;
font-weight: bold;
font-feature-settings: "palt";
}
.p-fv__lead21 {
font-size: var(--f-27);
color: #fff;
font-weight: bold;
font-feature-settings: "palt";
letter-spacing:0.05em;
}
.p-fv02 {
padding: 55px 0 90px 0;
border-bottom: 8px solid #6fd042;
margin-bottom: 60px;
}
.p-fv02n {
padding: 0 0 50px 0;
margin: 60px 0 0 0;
}
.p-fv02__wrap {
max-width: var(--container);
margin: auto;
text-align: center;
}
.p-fv02__border{
font-size: var(--f-27);
font-weight: bold;
color: #6fd042;
margin-bottom: 30px;
}
.p-fv02__border span{
position: relative;
padding-bottom: 15px;
display: inline-block;
}
.p-fv02__border span::before{
content: '';
width: 120%;
height: 4px;
background: #6fd042;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%,0);
}
.p-fv02__title{
font-size: var(--f-36);
font-weight: bold;
margin-bottom: 30px;
}
.p-fv02__lead{
font-size: var(--f-18);
text-align: center;
/*width: 55%;*/
margin: 0 auto;
line-height: 1.85;
}
.p-fv02__note{
font-size: var(--f-12);
}

.p-fv03 {
margin-bottom: 60px;
position: relative;
}
.p-fv03 .p-fv__cat{
position: absolute;
top: 25px;
left: 0;
}
.p-fv03__row {
display: grid;
grid-template-columns: 1fr 555px;
grid-column-gap: 20px;
max-width: 1280px;
margin: auto;
}
.p-fv03__left {
padding-left: 90px;
padding-top: 75px;
}
.p-fv03__right {}
.p-fv03__right img {
width: 100%;
}
.p-fv03__cat {
}
.p-fv03__title {
font-size: var(--f-33);
font-weight: bold;
margin-bottom: 65px;
}
.p-fv03__company {
font-size: var(--f-23);
font-weight: bold;
margin-bottom: 15px;
}
.p-fv03__info {
font-size: var(--f-15);
}

.seeitai_logo{
  width: 300px;
}
@media screen and (max-width:1199.98px) {
}
@media screen and (max-width:991.98px) {
.p-fv__container {
padding: 0 45px;
}
.p-fv__title {
font-size: 40px;
}
.p-fv__cat::before {
/*  left: -45px;
width: 40px;*/
}
.p-fv03 .p-fv__cat::before {
left: 0;
width: 80px;
}
.p-fv02__wrap {
padding: 0 10px;
}
.p-fv03__row {
grid-template-columns: 1fr 1fr;
}
.p-fv03__left {
padding-left: 45px;
}
.p-fv03__title {
margin-bottom: 30px;
}
.p-fv02__lead {
width: 80%;
}

}
@media screen and (max-width:767.98px) {
.p-fv02__lead {
text-align: left;
width: 100%;
}
.p-fv02__note {
text-align: left;
}
.p-fv03__row {
grid-template-columns: 1fr;
grid-row-gap: 20px;
max-width: 540px;
}
.p-fv03__right {
text-align: center;
}
.p-fv03__right img {
max-width: 500px;
}
}
@media screen and (max-width:575.98px) {
.p-fv02__wrap {
max-width: none;
width: 100%;
}
.p-fv__lead21 {
font-size: var(--f-23);
}
.seeitai_logo{
  width: 150px;
}
}

.container--page {
padding: 0 90px;
}
.p-section {
padding: 70px 0;
}
.p-section--top {
padding-top: 0;
}
.p-section--bottom {
padding-bottom: 140px;
}
.p-section--border {
border-bottom: 8px solid #6fd042;
}
.p-section--border_blue {
border-bottom: 8px solid #5b99c8;
}
.p-section--border_white {
border-bottom: 1px solid #ffffff;
}
.p-section--black {
background: #000000;
}
.p-section--gray {
background: #888888;
background-image: linear-gradient( -45deg, transparent 25%, rgba(100,100,100,.6) 25%, rgba(100,100,100,.6) 50%, transparent 50%, transparent 75%, rgba(100,100,100,.6) 75%, rgba(100,100,100,.6) 100% );
background-size: 4px 4px;
}
.p-section--blue {
background: #dae5f2;
}
.p-section--green {
background: #87ba4c;
}
.p-section--black p,
.p-section--black li,
.p-section--black h2,
.p-section--black h3,
.p-section--black a {
color: #fff;
}
.p-section--gray p,
.p-section--gray li,
.p-section--gray h2,
.p-section--gray h3,
.p-section--gray a {
color: #fff;
}

.p-container {
padding: 0 60px;
}

.p-text {
font-size: var(--f-15);
}

.p-text__middle {
font-size: var(--f-18);
}
.p-text__semibig {
font-size: var(--f-21);
}
.p-text__big {
font-size: var(--f-23);
}

.p-text__listup {
font-size: var(--f-18);
font-weight: bold;
line-height: 1.95;
}
.p-heading__check {
font-size: var(--f-23);
font-weight: bold;
border-bottom: 2px solid #6fd042;
padding: 15px 0;
padding-left: 70px;
margin: 25px 0 5px 0;
position: relative;
}

.p-heading__prod {
font-size: var(--f-23);
font-weight: bold;
/* border-bottom: 4px solid #6fd042;*/
padding: 15px 0;
margin: 15px 0 15px 0;
position: relative;
line-height:1.65;
}

.p-heading__prod01{
background-color:#5b8b24;
padding: 15px ;
margin: 25px 0 5px 0;
position: relative;
line-height:1.65;
}

.p-heading__prod01 h3{
font-size: var(--f-23);
font-weight: bold;
}

.p-heading__prod01 h3 span {
font-size: var(--f-27);
}

.p-heading__poc {
font-size: var(--f-27);
font-weight: bold;
/* border-bottom: 4px solid #6fd042;*/
padding: 5px 0;
margin: 0 0;
position: relative;
line-height:1.65;
color:#5b99c8;
}

.p-heading__ff {
font-size: var(--f-27);
font-weight: bold;
/* border-bottom: 4px solid #6fd042;*/
padding: 5px 0;
margin: 0 0;
position: relative;
line-height:1.65;
color:#60c10e;
}

@media screen and (max-width: 575.98px) {
.p-heading__poc {font-size: var(--f-25);}
.p-heading__ff {font-size: var(--f-25);}
}

.poc{
color:#008bc5;
}
.obi{
background: #f4f3f1;
min-height: 1.2rem;
margin: 4.4rem 0 1.4rem 0;
padding: 0.2rem 0   0.2rem 1.8rem;
border-left: 12px solid #6fd042;
}
.obi_f2{
background: #f4f3f1;
min-height: 1.2rem;
margin: 12.4rem 0 1.4rem 0;
padding: 0.2rem 0   0.2rem 1.8rem;
border-left: 12px solid #6fd042;
}
.obi_poc{
background: #fff;
min-height: 1.2rem;
margin: 4.4rem 0 1.4rem 0;
padding: 0 0 0 1.8rem;
border-left: 12px solid #5b99c8;
}
.obi_ff{
background: #ffffff;
min-height: 1.2rem;
margin: 4.4rem 0 1.4rem 0;
padding: 0 0 0 1.8rem;
border-left: 12px solid #6fd042;
}
.waku_poc_mount{
background: #fff;
border: 4px solid #5b99c8;
padding: 30px;
border-radius: 12px;
margin-bottom: 0;
width: 100%;
display:inline-block;
height: 100%;
clear: both;
}

.waku_poc{
width: 100%;
display:inline-block;
height: 100%;
clear: both;
}
.waku_poc_l{
width: 55%;
float: left;
padding: 0 20px 0 0;
display:inline-block;
}
.waku_poc_r{
width: 45%;
float: left;
display:inline-block;
}
@media screen and (max-width:767.98px) {
  .waku_poc_l,.waku_poc_r{
  width: 100%;
  float: none;
  padding: 0 0 20px 0;
  }
    }
.prod_color1{
color:#5b8b24;
}

.prod_color2{
color:#00a8be;
}

.prod_color3{
color:#9fb0d7;
}

.p-heading__prod .fbig {
font-size: var(--f-27);
}

.p-text_prod{
font-size: var(--f-15);
font-weight: 500;
padding-bottom: 1px;
}

.prod_name{
padding: 0 0 0.15rem;
margin: 0 0 1.2rem;
font-size: .24rem;
font-weight: 700;
letter-spacing: -.02em;
line-height: 1.5;
border-bottom: 4px solid #ccc;
position: relative;
}
.prod_name::before{
content: "";
background: #6fd042;
width: 12.4rem;
height: 4px;
position: absolute;
left: 0;
bottom: -4px;
}


.prod_name1{
font-weight: bold;
border-left: 8px solid #a3ce6b;
padding: 10px 0;
margin: 25px 0 5px 0;
position: relative;
line-height:1.65;
}

.prod_name2{
font-weight: bold;
border-left: 8px solid #00a8be;
padding: 10px 0;
margin: 25px 0 5px 0;
position: relative;
line-height:1.65;
}

.prod_name3{
font-weight: bold;
border-left: 8px solid #9fb0d7;
padding: 10px 0;
margin: 25px 0 5px 0;
position: relative;
line-height:1.65;
}

.prod_name4{
padding: 0 0 0.15rem;
margin: 0 0 1.2rem;
font-size: .24rem;
font-weight: 700;
letter-spacing: -.02em;
line-height: 1.5;
border-bottom: 4px solid #ccc;
position: relative;
}
.prod_name4::before{
content: "";
background: #008bc5;
width: 12.4rem;
height: 4px;
position: absolute;
left: 0;
bottom: -4px;
}

.prod_name span,
.prod_name1 span,
.prod_name2 span,
.prod_name3 span,
.prod_name4 span{
font-size: var(--f-27);
}

.prod_name h4,
.prod_name1 h4,
.prod_name2 h4,
.prod_name3 h4,
.prod_name4 h4{
margin-bottom: 10px;
line-height: 1.45;
}

.prod_name4 span.mount{
padding: 0 8px;
line-height: 1.0;
}
h4 span.outside{
background-color: #008bc5;
font-size: var(--f-25);
color: #fff;
padding: 4px 8px;
margin-right: 20px;
}

/*.p-heading__check::before {
content: '';
width: 25px;
height: 45px;
position: absolute;
top: 50%;
left: 0;
border-right: 6px solid #6fd042;
border-bottom: 6px solid #6fd042;
transform: rotate(45deg) translate(-5px,-29px);
}
*/
/* fadeUp */
.pluscheck{
content: '';
width: 15px;
ﾂ�height: 45px;
position: absolute;
top: 50%;
left: 0;
border-right: 3px solid #6fd042;
border-bottom: 3px solid #6fd042;
transform: rotate(45deg) translate(-5px,-39px);
}
.pluscheck{
animation-name:fadeUpAnime;
animation-delay:0.5s;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
0% {
opacity: 0;
height: 0;
width: 0;
top:  -10px;
left: -10px;
}
30% {
opacity: 0;
height: 45px;
width: 10px;
top: 50%;
left:0;
}
100%{
opacity: 1;
width: 15px;
height: 45px;
top: 50%;
left: 0;
}
}


.fadeUpTrigger{
opacity: 0;
}

.p-heading__check__content {
padding-left: 70px;
}
.p-heading__static {
font-size: var(--f-38);
margin-bottom: 70px;
text-align: center;
}
.p-heading__static.small {
font-size: var(--f-27);
margin-bottom: 40px;
}

.p-heading__static_wh {
font-size: var(--f-38);
margin-bottom: 20px;
text-align: center;
color: #fff;
}
.p-heading__static_poc {
font-size: var(--f-38);
margin-bottom: 20px;
text-align: center;
color: #000;
}
.p-heading__static_poc_small {
font-size: var(--f-25);
margin-bottom: 20px;
text-align: center;
color: #000;
line-height: 1.65;
}
.p-heading__static.green,
.p-heading__static_poc.green  {
color: #6fd042;
}
.p-heading__static_poc.blue  {
color: #5b99c8;
}
.p-heading__static_wh span{
color: #6fd042;
}
.p-heading__static_poc span{
color: #5b99c8;
}
.p-heading__static .border {
border: none!important;
background: linear-gradient(transparent 60%, #6fd042 40%);
}

.p-heading__static_box{
margin-top:15px;
margin-bottom: 45px;
padding:15px 0;
color:#fff;
font-size:2.4rem;
border:1px solid #fff;
text-align:center;
font-weight:600;
display: block;
}
.p-heading__static_box span {
color:#6fd042;
}
.p-heading__static_box_blue{
margin-top:0;
margin-bottom: 45px;
padding:15px 0;
color:#008bc5;
font-size:2.4rem;
border:1px solid #008bc5;
text-align:center;
font-weight:600;
display: block;
}
.p-heading__label {
font-size: var(--f-30);
font-weight: bold;
margin-bottom: 25px;
display: flex;
align-items: center;
position: relative;
}
.p-heading__label span {
display: inline-block;
background: #6fd042;
line-height: 55px;
padding-right: 40px;
}
.p-heading__label::before {
content: '';
height: 100%;
width: 150px;
background: #6fd042;
position: absolute;
top: 0;
left: 0;
transform: translate(-100%,0);
}
.p-heading__leftborder {
font-size: var(--f-23);
font-weight: bold;
color: #6fd042 !important;
padding-left: 25px;
position: relative;
min-height: 55px;
display: flex;
align-items: center;
margin-bottom: 40px;
}
.p-heading__leftborder::before {
content: '';
width: 9px;
height: 100%;
background: #6fd042;
position: absolute;
top: 0;
left: 0;
}
.p-heading__bottomborder {
font-size: var(--f-23);
font-weight: bold;
padding-bottom: 15px;
border-bottom: 5px solid #6fd042;
margin-bottom: 15px;
}
.p-price {
font-size: var(--f-23);
font-weight: bold;
padding-bottom: 15px;
text-decoration: underline;
}

.p-list,
.p-list_sub {
padding: 0;
margin: 0;
}
.p-list li {
font-size: var(--f-15);
padding: 5px 0;
padding-left: 25px;
position: relative;
}
.p-list_sub li {
font-size: var(--f-15);
padding: 2px 0;
padding-left: 25px;
position: relative;
}
.p-list_sub li::before {
content: '';
width: 12px;
height: 12px;
background: #000;
border-radius: 50%;
position: absolute;
top: 10px;
left: 0;
}
.p-list_sub_s li {
font-size: var(--f-12);
padding: 2px 0;
padding-left: 25px;
position: relative;
}
.p-list_sub_s li::before {
content: '';
width: 11px;
height: 11px;
background: #000;
border-radius: 50%;
position: absolute;
top: 6px;
left: 0;
}
.p-section--gray .p-list li::before,
.p-section--black .p-list li::before {
background: #fff;
}

.p-boxtext {
background: #69c53f;
min-height: 70px;
padding: 20px 5px;
border-radius: 5px;
font-size: var(--f-27);
font-weight: bold;
color: #fff;
margin-bottom: 30px;
text-align: center;
}

.p-grid {
display: grid;
margin-bottom: 70px;
}
.p-grid > div {
text-align: center;
}

.p-grid.two {
grid-template-columns: 1fr 1fr;
grid-column-gap: 15px;
}

.p-grid.three {
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 10px;
}

@media screen and (max-width:1199.98px) {
.container--page {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (max-width:991.98px) {
.p-container {
padding: 0 20px;
}
.p-heading__static {
margin-bottom: 40px;
}
.p-heading__static_poc{
font-size: var(--f-27);
}
.p-heading__check {
padding-left: 70px;
margin-bottom: 15px;
}
.p-heading__check__content {
padding-left: 20px;
}
.p-heading__check::before {
width: 15px;
height: 35px;
border-right: 4px solid #6fd042;
border-bottom: 4px solid #6fd042;
transform: rotate(45deg) translate(-5px,-21px);
}
.p-heading__label span {
line-height: 35px;
padding-right: 20px;
}
.p-heading__leftborder {
min-height: 35px;
padding-left: 15px;
}
.p-heading__leftborder::before {
width: 4px;
}
.p-list li {
padding-left: 15px;
}
.p-list li::before {
width: 9px;
height: 9px;
top: 10px;
}
.p-boxtext {
font-size: var(--f-21);
min-height: 35px;
padding: 10px 5px;
}
.p-section {
padding: 40px 0;
}
.p-section--bottom {
padding-bottom: 90px;
}
.p-grid {
margin-bottom: 30px;
}
.p-grid.two {
grid-template-columns: 1fr;
grid-row-gap: 10px;
}
.p-grid.three {
grid-template-columns: 1fr;
grid-row-gap: 10px;
}
}

@media screen and (max-width:767.98px) {
.p-section {
padding: 20px 0;
}
.p-section--bottom {
padding-bottom: 45px;
}
.p-container {
padding: 0;
}
.p-heading__leftborder {
margin-bottom: 20px;
}
}
.news-tl{
font-size: var(--f-27);
margin-top: 40px;
margin-bottom: 0;
text-align:left;
}

/*---------- individual ----------*/

.i-row {
display: grid;
grid-template-columns: 155px 1fr;
}
.i-row_wide {
display: grid;
grid-template-columns: 255px 1fr;
}
.i-row__title {
font-size: var(--f-18);
font-weight: bold;
margin-top: 0.35em;
}

.i-case {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 30px;
}
.i-case__box {
border: 1.5px solid #fff;
text-align: center;
padding: 30px;
}
.i-case__text {
font-size: var(--f-21);
font-weight: bold;
color: #fff;
}
.i-case__text.green {
color: #6fd042 !important;
}

.i-product {
display: grid;
grid-template-columns: 1fr 1.3fr;
grid-column-gap: 10px;
}
.i-product__btn {
min-height: 50px;
display: flex;
align-items: center;
position: relative;
background: #6fd042;
max-width: 270px;
width: 100%;
padding: 0 25px;
font-size: var(--f-18);
color: #000;
border-radius: 2px;
font-weight:600;
}
.i-product__btn_wide {
min-height: 50px;
display: flex;
align-items: center;
position: relative;
background: #6fd042;
max-width: 40%;
width: 100%;
padding: 0 25px;
font-size: var(--f-18);
color: #000;
border-radius: 2px;
font-weight:600;
margin: 0 auto;
}
.i-product__btn:hover,
.i-product__btn_wide:hover {
background: #3870d5;
transition: .5s ease-out;
color: #fff;
}
.i-product__btn::before,
.i-product__btn_wide::before  {
content: '';
width: 0;
height: 0;
border-left: 9px solid #000;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
position: absolute;
top: 50%;
right: 25px;
transform: translate(0,-50%);
}

.i-search {
display: grid;
grid-column-gap: 20px;
}
.i-search.two {
grid-template-columns: 1fr 1fr;
}
.i-search.three {
grid-template-columns: 1fr 1fr 1fr;
}
.i-search__box {
border: 1.5px solid #fff;
min-height: 70px;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
font-size: var(--f-21);
flex-wrap: wrap;
}
.i-search__box span {
color: #6fd042 !important;
white-space: nowrap
}

.i-imgcol {
display: grid;
grid-template-columns: 1fr 1.8fr;
grid-column-gap: 30px;
}
.i-imgcol__content {
padding-right: 90px;
}
.i-imgcol.reverce {
grid-template-columns: 1.8fr 1fr;
}
.i-imgcol.reverce .i-imgcol__img {
grid-column: 2/3;
grid-row: 1/2;
}
.i-imgcol.reverce .i-imgcol__content {
grid-column: 1/2;
grid-row: 1/2;
padding-right: 0;
padding-left: 90px;
}
.i-imgcol__img img {
width: 100%;
}
.i-imgcol__title {
font-size: 42px;
font-weight: bold;
color: #6fd042 !important;
margin-bottom: 35px;
}

.i-edge {
display: grid;
grid-template-columns: 2.6fr 1fr;
grid-column-gap: 30px;
margin:5rem 0 8rem 0;
/*margin-bottom: 20px;*/
}
.i-edge_poc {
display: grid;
grid-template-columns: 2.6fr 1fr;
grid-column-gap: 30px;
margin:1rem 0;
}

.i-edge > div:first-child,
.i-edge_poc > div:first-child {
display: flex;
flex-direction: column;
justify-content: center;
}
.i-edge > div:last-child,
.i-edge_poc > div:last-child {
text-align: center;
}
.i-edge_poc {
display: grid;
grid-template-columns: 3fr 1fr;
grid-column-gap: 30px;
margin:1rem 0;
}

@media screen and (max-width: 575.98px) {
  .i-edge_poc {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 30px;
  margin:1rem 0;
  }

.i-edge img.sponly{width:90%;margin:10px auto 20px auto;}
}
.i-edge_poc img{
width:90%;margin:10px auto 20px auto;
}
.i-info__grid {
display: grid;
grid-template-columns: 1.1fr 1fr;
grid-column-gap: 40px;
max-width: 1280px;
margin: auto;
}
.i-info__grid > div:first-child {
padding-left: 150px;
}

.i-info__tablegrid {
display: grid;
grid-template-columns: 200px 1fr;
grid-column-gap: 20px;
}
.i-info__tablegrid_wide {
display: grid;
grid-template-columns: 300px 1fr;
grid-column-gap: 20px;
}
.i-info__tablegrid > div:first-child,
.i-info__tablegrid_wide > div:first-child  {
border-right: 2px solid #000;
}
.i-info__tablegrid > div:last-child,
.i-info__tablegrid_wide > div:last-child {
padding-bottom: 30px;
}
.i-table {
padding: 0;
margin: 0;
}
.i-table th {
padding: 5px 10px;
white-space: nowrap;
vertical-align: top;
}
.i-table td {
padding: 5px 10px;
border: none;
}

.i-map {
width: 100%;
height: 400px;
vertical-align: bottom;
}

.i-example__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 15px;
}
.i-example__grid__box {
padding: 20px;
background: #fff;
}

.i-example__grid__box img {
margin-bottom: 20px;
width: 100%;
}
.i-example__grid__box p {
color: #000 !important;
}

.i-example__imggrid {
display: grid;
grid-template-columns: 1fr 1.2fr;
grid-column-gap: 20px;
max-width: 1280px;
margin: auto;
margin-bottom: 80px;
}
.i-example__imggrid__left {
text-align: center;
}
.i-example__imggrid__right {
padding-right: 150px;
}

@media screen and (max-width:991.98px) {
.i-row,
.i-row_wide  {
grid-template-columns: 1fr;
grid-row-gap: 10px;
}
.i-imgcol__title {
font-size: 28px;
margin-bottom: 20px;
}
.i-info__grid > div:first-child {
padding-left: 70px;
}
.i-example__imggrid__right {
padding-right: 70px;
}
.i-info__tablegrid_wide {
display: grid;
grid-template-columns: 200px 1fr;
grid-column-gap: 20px;
}
}
@media screen and (max-width:767.98px) {
.i-case {
grid-template-columns: 1fr;
grid-row-gap: 20px;
}
.i-product {
grid-template-columns: 1fr;
grid-row-gap: 20px;
}
.i-product__btn,
.i-product__btn_wide {
min-height: 35px;
}
.i-product__btn::before,
.i-product__btn_wide::before {
border-left: 5px solid #000;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
.i-search {
grid-template-columns: 1fr !important;
grid-row-gap: 10px;
}
.i-imgcol {
grid-template-columns: 1fr !important;
grid-row-gap: 20px;
}
.i-imgcol__img {
grid-column: 1/2 !important;
grid-row: 2/3 !important;
padding: 0 !important;
}
.i-imgcol__img img {
text-align: center;
max-width: 300px;
}
.i-imgcol__content {
grid-column: 1/2 !important;
grid-row: 1/2 !important;
padding: 0 !important;
}
.i-edge {
grid-template-columns: 1fr;
grid-row-gap: 20px;
}
.i-info__grid {
grid-template-columns: 1fr;
grid-row-gap: 20px;
}
.i-info__grid > div:last-child {
grid-row: 1/2;
text-align: right;
}
.i-info__grid > div:last-child img {
max-width: 300px;
}
.i-info__grid > div:first-child {
padding: 0 30px;
}
.i-info__tablegrid,
.i-info__tablegrid_wide {
grid-template-columns: 1fr;
grid-row-gap: 20px;
}
.i-info__tablegrid > div:first-child,
.i-info__tablegrid_wide > div:first-child  {
border-bottom: 2px solid #000;
border-right: none;
padding-bottom: 10px;

}
.i-table th {
display: block;
width: 100%;
padding-top: 15px;
}
.i-table td {
display: block;
width: 100%;
padding-top: 0;
}
.i-example__grid {
grid-template-columns: 1fr;
grid-row-gap: 20px;
}
.i-example__imggrid {
grid-template-columns: 1fr;
grid-row-gap: 20px;
padding: 20px;
max-width: 540px;
margin-bottom: 40px;
}
.i-example__imggrid__right {
padding-right: 0;
}
}

.fadeIn.is-active {
opacity: 1 !important;
transform: translate(0, 0) !important;
}

.overlay {
position: relative;
}
.overlay::before {
content: "";
position: absolute;
z-index: 99;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #303030;
}


.product-panel {
width: 100%;
aspect-ratio: 1/1;
cursor: pointer;
position: relative;
}
.product-num {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden;
}
.product-num > img {
width: 100%;
aspect-ratio: 1/1;
transition: .4s;
}
.product-num:hover > img {
transform: scale(1.1);
}
.product-num::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(rgba(0,0,0,0) 40%,rgba(0,0,0,0.9) 100%);
z-index: 5;
}

.bglight::before{
background-image:none;

}
.product-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 15px;
z-index: 6;
}
.product-text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 15px;
}
.product-text p {
color: #fff;
}
.product-text img {
max-height: 70px;
margin-top: 10px;
}
.product-title {
font-size: 48px;
font-weight: bold;
color: #fff;
}
.product-title sup,
.p-fv__title sup{
font-size: 20px;
font-weight: 400;
top: -2rem;
}

@media screen and (max-width: 448px) {
.product-title sup{
font-size: 8px;
font-weight: 400;
top: -1.0rem;
}
}
.product-title.small {
font-size: 40px;
}

.partner-boxes {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 4.0rem 4.0rem;
}
.partner-box {
display: flex;
align-items: center;
}

.p-video {
width: 100%;
}

.p-videoIframe {
width: 100%;
aspect-ratio: 16/9;
height: auto;
}

@media screen and (max-width:767.98px) {
.product-text img {
max-height: 40px;
}
.product-title {
font-size: 30px;
}
.product-title.small {
font-size: 27px;
}
.partner-boxes {
grid-template-columns: 1fr 1fr 1fr;
}
}

@media screen and (max-width:575.98px) {
.product-text img {
max-height: 30px;
}
.product-title {
font-size: 30px;
}
.product-title.small {
font-size: 25px;
}
.product-content,
.product-text {
padding: 5px;
}
.product-content > img {
width: 65px;
}
}


.policy{
}
.term{
}
.policy h2{
margin:10px 0;
}
.term h2{
margin:20px 0 5px 0;
}
.policy h3{
margin:30px 0 10px 0;
}
.policy h4{
margin:30px 0 10px 0;
font-size:1.65rem;
}
.policy ol,
.term ol{
margin:0;
}

.policy ul,
.term ul{
margin:0;
padding:0 0 20px 0;
}
.policy ol li,
.term ol li{
list-style-type: decimal;
padding:0 0 0 10px;
}
.policy ul li{
list-style-type:disc;
padding:0 0 0 5px;
list-style-position:outside;
margin-left:3rem;
}
.term p{
padding:0 0 0 20px;
}
.indent_sage{
margin-left:3rem;
}


.form_policy{
padding: 10px;
background-color:#f2f2f2;
border:1px solid #fcfcfc;
font-size:1.35rem;
line-height:1.65;
}

.form_policy p{
font-weight:bold;
padding: 10px;
}
.form_policy dl dt{
font-weight:normal;
padding-left:3.75rem;
text-indent:-2.75rem;
}

.support{
}

.support h2{
margin:10px 0;
}

.support h3{
margin:30px 0 30px 0;
}
.support h4{
margin:40px 0 10px 0;
font-size:1.75rem;
text-decoration:underline;
padding-left:1em;
text-indent:-1em;
line-height:1.65;
}

.support .p-notice{
font-size:1.35rem;
padding-left:3em;
text-indent:-1em;
}
@media screen and (max-width: 991.98px){
.support .p-notice{
font-size: var(--f-12);
}
}
/*繧ｹ繝壹ャ繧ｯ */
table.Spec th {
border: solid 1px #D9DCDE;
padding: 10px;
text-align:left;
background-color: #f9f9f9;
white-space: nowrap;
}

table.Spec td {
border: solid 1px #D9DCDE;
padding: 10px;
text-align:center;
background-color: #fff;
}

table.Spec {
border-collapse:  collapse;
width:100%;
font-size: var(--f-15);
}


/*FAQ */
.AreaFaq{
/*background-color: #f0f0f0;*/
margin: 0;
color: #000;
line-height: 1.75;
padding: 0;
text-align: center;
}

@media screen and (max-width: 448px) {
.AreaFaq{
padding: 10px 0;
}
}

.AreaFaq dl{
text-align: left;
padding: 20px 0;
color: #000;
border-radius: 12px;
background-color: #fff;
}

.AreaFaq .Qu{
width: 10%;
vertical-align: top;
float: left;
}
.AreaFaq .QuMount{
display: inline-block;
color: #3b72d6;
font-size: 1.75rem;
line-height: 1.35;
text-align: left;
font-weight: 700;
padding: 4px 25px;
font-family: "Mukta Mahee", sans-serif;
}

.AreaFaq .QuTx{
display: inline-block;
padding: 4px 25px 4px 5%;
width: 90%;
}

@media screen and (max-width: 448px) {
.AreaFaq .Qu{
width: 10%;
}
.AreaFaq .QuMount{
font-size: 1.15rem;
padding: 4px 10px;
}
.AreaFaq .QuTx{
padding: 4px 0 4px 10%;
width: 90%;
}
}
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_qa {
text-align: left;
/*font-size: 1.00rem;*/
line-height: 1.75;
/*padding: 20px 0;*/
width: 100%;
}
.cp_qa .cp_actab {
position: relative;
overflow: hidden;
width: 100%;
margin: 20px auto;
text-align: left;
padding: 10px 0;
color: #000;
background-color: #f9f9f9;
border-bottom: 1px solid #D9DCDE;
}
.cp_qa .cp_actab input {
position: absolute;
opacity: 0;
}

.cp_qa .cp_actab_spec {
position: relative;
overflow: hidden;
width: 100%;
margin: 20px auto;
text-align: left;
padding: 10px;
color: #000;
background-color: #fff;
border-top: 1px solid #D9DCDE;
border-bottom: 1px solid #D9DCDE;
}
.cp_qa .cp_actab_spec input {
position: absolute;
opacity: 0;
}
/* 雉ｪ蝠� */
.cp_qa .cp_actab label{
font-size: 1.5rem;
line-height: 1.35;
position: relative;
display: block;
margin: 0 0 0 0;
padding: 0.5em 2em 0.5em 0em;
cursor: pointer;
}

.cp_qa .cp_actab_spec label{
font-size: 1.5rem;
line-height: 1.35;
position: relative;
display: block;
margin: 0 0 0 0;
padding: 0.5em 2em 0.5em 0em;
font-weight:600;
cursor: pointer;
color: #3b72d6;
}
@media screen and (max-width: 448px) {
.cp_qa .cp_actab label {
/*font-size: 1.15rem;*/
}
}
.cp_qa .cp_actab label:hover,
.cp_qa .cp_actab_spec label:hover{
color: #3b72d6;
}
/* 遲斐∴ */
.cp_qa .cp_actab .cp_actab-content,
.cp_qa .cp_actab_spec .cp_actab-content{
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.5s ease;
transition: max-height 0.5s ease;
}
.cp_qa .cp_actab .cp_actab-content p,
.cp_qa .cp_actab_spec .cp_actab-content p{
margin: 0;
padding: 0 3em 1em 15%;
border-top: 1px solid #D9DCDE;
padding-top: 1.5rem;
font-size: 1.5rem;
}

@media screen and (max-width: 448px) {
.cp_qa .cp_actab .cp_actab-content p,
.cp_qa .cp_actab_spec .cp_actab-content p{
margin: 0;
padding: 0 1em 1em 1em;
font-size: 1.0rem;
}
}

.cp_qa .cp_actab input:checked ~ label {
color: #3b72d6;
}
.cp_qa .cp_actab_spec input:checked ~ label {
color: #3b72d6;
}
/* --遲斐∴縺ｮ鬮倥＆ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
max-height: 40em;
}
.cp_qa .cp_actab_spec input:checked ~ .cp_actab-content {
max-height: 80em;
}

.cp_qa .cp_actab label::after,
.cp_qa .cp_actab_spec label::after{
line-height: 1.6;
position: absolute;
top: 40%;
right: 0;
display: block;
width: 3em;
margin-top: -12.5px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
text-align: center;
}
.cp_qa .cp_actab input[type=checkbox] + label::after,
.cp_qa .cp_actab_spec input[type=checkbox] + label::after {
content: '＋';
}
.cp_qa .cp_actab input[type=checkbox]:checked + label::after,
.cp_qa .cp_actab_spec input[type=checkbox]:checked + label::after {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
content: 'ー';
}
.item-menu-wrap {
padding: 0 10px;
}
.item-menu {
border-bottom: 1px solid #000;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
margin: 0;
}

.item-menu li {
float: left;
margin-top: 12px;
}
.item-menu li {
padding: 0 0 20px 0;
position: relative;
}
.item-menu li:before {
content: "";
display: block;
width: 1px;
height: 10px;
background-color: #000;
position: absolute;
top: 8px;
right: 0;
}
.item-menu  li a {
font-size: 1.45rem;
color: #000;
font-weight:600;
position: relative;
display: block;
margin: 0 15px;
white-space: nowrap;
}

.item-menu a:after {
position: absolute;
content: '';
width: 0;
left: 0;
top: -10px;
height: 3px;
background: #6fd042;
-webkit-transition: .3s;
transition: .3s;
}
.item-menu  li.op a:after,
.item-menu a:hover:after {
width:100%;
}
.item-menu li.op a{
color: #6fd042;
}

/*.fwB a:after {
width:100%;
}*/

.item-menu a.notyet {
display:block;
padding:10px;
color:#9b9b9b;
font-size:1.1em;
white-space:nowrap;
pointer-events: none;
}
.AreaInq{
background: linear-gradient(-135deg, #f2f047, #6fd042, #1ed94f);
margin: 0;
padding: 60px 0;
text-align: center;
min-height: 200px;
}

.AreaInq_nk{
margin: 0;
padding: 10px 0;
text-align: center;
}

a.btn_roof {
display: block;
padding: 16px 20px 16px 10px;
line-height: 1.0;
font-size: 1.0em;
font-weight: bold;
color: #000;
background: linear-gradient(-135deg, #f2f047, #6fd042, #1ed94f);
height: 100%;
}
a.btn_roof:hover {
background: #3870d5;
transition: .5s ease-out;
color: #fff;
}

a.btn {
color: #fff;
line-height: 2.55rem;
font-size: 1.35rem;
font-weight: 500;
background: #000;
height: 76px;
border-radius: 33px;
padding: 15px 40px;
}
@media screen and (max-width: 448px) {
a.btn {
width: 90%;
font-size: 1.0rem;
}
}
a.btn:hover {
background: #3870d5;
transition: .5s ease-out;
}
i.cp_arrow_right:hover {
color: #3870d5;
transition: .5s ease-out;
}


.card-body a.btn {
color: #fff;
line-height: 1.0rem;
font-size: 1.35rem;
font-weight: 500;
background: #000;
height: 46px;
border-radius: 33px;
border-color:  #000;
padding: 15px 30px;
}
@media screen and (max-width: 448px) {
.card-body a.btn  {
width: 100%;
font-size: 1.0rem;
padding: 15px 10px;
}
}

.card-body .package-title a{
pointer-events: none ;
color:  #000;
}

.cp_arrows,
.cp_arrows_roof {
/*margin: 1em auto;*/
}
.cp_arrows span,
.cp_arrows_roof span {
position: relative;
display: inline-block;
width: 2.0em;
height: 2.0em;
margin-right: 0.8em;
margin-left: 0.2em;
}

.cp_arrows span::after,
.cp_arrows_roof span::after {
position: absolute;
top: 0.15em;
left: 0;
width: 1.85em;
height: 1.85em;
content: '';
border: 2px solid #fff;
border-radius: 50%;
background: #fff;
}
.cp_arrows [class*='cp_arrow'],
.cp_arrows_roof [class*='cp_arrow'] {
position: relative;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
color: #000;
z-index: 99;
}

.cp_arrows [class*='cp_arrow']:after,
.cp_arrows [class*='cp_arrow']:before,
.cp_arrows_roof [class*='cp_arrow']:after,
.cp_arrows_roof [class*='cp_arrow']:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: '';
}
.cp_arrows [class*='cp_arrow']  {
top: -0.1em;
left: -0.1em;
width: 16px;
height: 16px;
margin: 0.8em;
border-width: 3px 3px 0 0;
border-style: solid;
border-radius: 0 2px 0 0;
}
@media screen and (max-width: 448px) {
.cp_arrows [class*='cp_arrow']  {
margin: 0.55em;
}
}

.cp_arrows_roof [class*='cp_arrow']  {
top: -0.1em;
left: -0.1em;
width: 12px;
height: 12px;
margin: 0.7em;
border-width: 2px 2px 0 0;
border-style: solid;
border-radius: 0 1px 0 0;
}
.cp_arrows [class*='cp_arrow']:before,
.cp_arrows [class*='cp_arrow']:after,
.cp_arrows_roof [class*='cp_arrow']:before,
.cp_arrows_roof [class*='cp_arrow']:after {
position: absolute;
border-radius: 2px;
}
.cp_arrows [class*='cp_arrow']:before {
top: -3px;
right: 0;
width: 20px;
height: 3px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-box-shadow: inset 0 0 0 32px;
box-shadow: inset 0 0 0 24px;
}
.cp_arrows_roof [class*='cp_arrow']:before {
top: -2px;
right: 0;
width: 16px;
height: 2px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-box-shadow: inset 0 0 0 32px;
box-shadow: inset 0 0 0 24px;
}

.cp_arrows [class*='cp_arrow']:after,
.cp_arrows_roof [class*='cp_arrow']:after {
top: -3px;
left: -2px;
width: 0px;
height: 0px;
-webkit-box-shadow: inset 0 0 0 32px, 16px 17px;
box-shadow: inset 0 0 0 24px, 8px 9px;
}
.cp_arrows .cp_arrow_left,
.cp_arrows_roof .cp_arrow_left {
top: -0.05em;
left: -0.55em;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.cp_arrows .cp_arrow_right,
.cp_arrows_roof .cp_arrow_right {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.cp_arrows .cp_arrow_up,
.cp_arrows_roof .cp_arrow_up {
top: -0.1em;
left: -0.35em;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cp_arrows .cp_arrow_down,
.cp_arrows_roof .cp_arrow_down {
top: 0.1em;
left: -0.4em;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.cp_arrows .cp_arrow_left_up,
.cp_arrows_roof .cp_arrow_up {
top: -0.1em;
left: -0.5em;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.cp_arrows .cp_arrow_left_down,
.cp_arrows_roof .cp_arrow_down {
left: -0.5em;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.cp_arrows .cp_arrow_right_up,
.cp_arrows_roof .cp_arrow_up {
top: -0.1em;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.cp_arrows .cp_arrow_right_down,
.cp_arrows_roof .cp_arrow_down {
top: 0.1em;
left: -0.35em;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}

.f-line {
margin-bottom: 10px;
}
.f-line a {
color: #3b72d6;
}
.f-title {
font-size: 1.75rem;
margin-top: 25px;
margin-bottom: 5px;
font-weight: 700;
}
.f-input {
background-color: #f7f8f8;
border: 1px solid #798486;
border-radius: 2px;
box-sizing: border-box;
color: #000;
font-family: inherit;
font-size: 1em;
line-height: 1.5;
padding: 10px;
transition: border-color .3s ease-in;
width: 100%;
}
.mwform-checkbox-field {
margin-bottom: 8px;
}
.f-textArea {
background-color: #f7f8f8;
border: 1px solid #798486;
border-radius: 2px;
box-sizing: border-box;
ﾂ�color: #000;
font-family: inherit;
font-size: 1em;
line-height: 1.5;
padding: 10px;
transition: border-color .3s ease-in;
width: 100%;
}
.f-submit {
border: 1px solid #6fd042;
border-radius: 2px;
box-sizing: border-box;
color: #000;
cursor: pointer;
display: inline-block;
font-family: inherit;
line-height: 1.5;
margin: 16px 0;
padding: 10px 20px;
text-align: center;
text-decoration: none;
transition: background-color .3s;
background-color: #6fd042;
border-style: solid;
font-weight:600;
font-size:1.55rem;
}
.f-submit_bk {
border: 1px solid #000;
border-radius: 2px;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: inherit;
line-height: 1.5;
margin: 16px 0;
padding: 10px 20px;
text-align: center;
text-decoration: none;
transition: background-color .3s;
background-color: #000;
border-style: solid;
font-weight:600;
font-size:1.55rem;
}
.u-text-red {
color: #eb433e;
margin-left: 4px;
}



ol.kakko {
margin-left: 1.0em; /* サイトに合せて調整 */
}

ol.kakko li {
list-style-type: none;
counter-increment: cnt;
position: relative;
}

ol.kakko li:before {
	content: "（ " counter(cnt) " ）";
	display: inline-block;
	margin-left: -3.0em; /* サイトに合せて調整 */
	width: 4em; /* サイトに合せて調整 */
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
}



.top_button{
position: fixed;
display: flex;
align-items: center;
justify-content: center;
right: 5px;
bottom: 5px;
width: 50px;
height: 50px;
transition: .3s;
  /* 非表示にする */
opacity: 0;
visibility: hidden;
}


.top_button a {
box-sizing: border-box;
display: block;
position: relative;
width: 50px;
height: 50px;
background-color: #fff;
/*border: solid 1px #fff;*/
border-radius: 50%;
/*box-shadow: 0 3px 10px rgb(0 0 0 / 16%);*/
}

.top_button a:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
background-color: #000;
border-radius: 50%;
transform: translate(-50%, -50%) scale(0, 0);
transition: transform ease 0.4s;
}

.top_button a:hover:after {
transform: translate(-50%, -50%) scale(1.1, 1.1);
}

.top_button a:before {
content: "";
position: absolute;
z-index: 10;
top: 55%;
left: 50%;
width: 20px;
height: 20px;
border-style: solid;
border-color: #000;
border-width: 6px 0 0 6px;
transform: translate(-50%, -50%) rotate(45deg);
transition: border-color ease 0.1s;
}

.top_button a:hover:before {
border-color: #fff;
}

.is-active{
  /* 表示する */
opacity: 1;
visibility: visible;
}


.mw_wp_form_confirm .confirm-hidden {
display:none;
}
.mw_wp_form .vertical-item {
display: block;
margin-left: 2.0rem;
}
h3.bouder_cl{
padding:10px 0;
}


.news-pagenav{
width:100%;
padding:20px;
text-align:center;
margin-top: 50px;
}

.news-pagelinks {
display: flex;
justify-content: center;
align-items: center;
}
.page-numbers {
width: 40px;
height: 40px;
border: 1px solid #000;
display: flex;
justify-content: center;
align-items: center;
margin: 0  5px;
font-size: 16px;
color: #000;
}

.page-numbers.current{
background: #000;
color: #fff;
border: none;
}

.page-numbers.dots {
border: none;
margin: 0;
}

@media screen and (max-width: 448px) {
.page-numbers{
/* display: none; */
width: 30px;
height: 30px;
margin: 0 1px;
}
.page-numbers.current,
.page-numbers.prev,
.page-numbers.next{
display: flex;
}
}

.pankuzu{
width:100%;
padding:20px 0;
text-align:left;
border-top:1px solid #bfbfbf;
font-size:0.95rem;
margin-top:20px;
}


ul.footer-list li.dllink{
color: #000;
line-height: 2.85rem;
font-weight: 500;
background: #fff;
border-radius: 6px;
padding: 0 10px 0 5px;
margin-top: 10px;
display:inline-block;
}


ul.footer-list li.dllink:hover{
background: #6fd042;
color: #fff;
transition: .5s ease-out;
}
ul.footer-list li.dllink a{
color: #000;
}

ul.footer-list li.dllink:hover a{
color: #fff;
}
ul.footer-list li.dllink span {
position: relative;
display: inline-block;
width: 1.1em;
height: 2.0em;
margin-right: 0.8em;
margin-left: 0.2em;
}

ul.footer-list li.dllink span::after {
position: absolute;
top: 0.25em;
left: 0;
width: 1.55em;
height: 1.55em;
content: '';
border: 2px solid #000;
border-radius: 50%;
background: #000;
}

ul.footer-list li.dllink [class*='cp_arrow'] {
position: relative;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
color: #fff;
z-index: 99;
}

ul.footer-list li.dllink  [class*='cp_arrow']:after,
ul.footer-list li.dllink [class*='cp_arrow']:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: '';
}
ul.footer-list li.dllink [class*='cp_arrow']  {
top: -0.2em;
left: -0.2em;
width: 10px;
height: 10px;
margin: 0.7em;
border-width: 2px 2px 0 0;
border-style: solid;
border-radius: 0 1px 0 0;
}
ul.footer-list li.dllink [class*='cp_arrow']:before,
ul.footer-list li.dllink [class*='cp_arrow']:after {
position: absolute;
border-radius: 2px;
}


ul.footer-list li.dllink [class*='cp_arrow']:before {
top: -2px;
right: 0;
width: 12px;
height: 2px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-box-shadow: inset 0 0 0 32px;
box-shadow: inset 0 0 0 24px;
}

ul.footer-list li.dllink .cp_arrow_right {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.BnArea_record{
  background:url("https://www.crew-sys.com//wp-content/themes/cs/img/record/bg_record.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding:30px 30px;
}


.head_seeitai_edge{
display:block;
background: #87ba4c;
width: 100%;
padding: 15px 0;
margin-bottom: 20px;
font-feature-settings: "palt";
}
.head_seeitai_cloud{
display:block;
background: #3081be;
width: 100%;
padding: 15px 0;
margin-bottom: 20px;
font-feature-settings: "palt";
}

.head_seeitai_edge h2,
.head_seeitai_cloud h2 {
font-size: var(--f-38);
text-align: center;
color: #fff;
}
@media screen and (max-width: 575.98px) {
  .head_seeitai_edge h2,
  .head_seeitai_cloud h2 {
  font-size: var(--f-33);
  }
}
.head_seeitai_edge p,
.head_seeitai_cloud p{
font-size: var(--f-23);
margin-bottom: 0px;
text-align: center;
color: #002a49;
line-height: 1.35;
}

.bn_svrecord{
/*  position:absolute;*/
/*   left:0;*/
  z-index:300;
  display:block;
  line-height:0;
  outline:none;
  -webkit-transition:opacity .2s linear;
  transition:opacity .2s linear;
}
.bn_svrecord img{
  margin: 25px 5px ;
}

@media screen and (max-width: 991.98px){
  .bn_svrecord{
  width: 100%;
  margin-top: 35px;
    min-height: 80px;
  }
.bn_svrecord img{
  width: 48%;
  margin: 0px 1%;
  float: left;

}
}

@media screen and (max-width: 448px) {
  .bn_svrecord{
  width: 100%;
  margin-top: 25px;
  }
.bn_svrecord img{
  width: 100%;
  margin: 3px 0;
  float: none;
}
}