@charset "utf-8";
/*フォント*/
body{
    line-height: 1.5rem;
    text-size-adjust: 100%;
 　　-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
 　　-ms-text-size-adjust: 100%;/*EgdeMobile*/
 　　-moz-text-size-adjust: 100%;/*firefox*/
}
img{
	max-width: 100%;
    height: auto;
}
a {
	text-decoration: none!important;
	color: black;
}
ul,li {
    list-style: none;
    padding: 0;
}
.clear{
	clear: both;
}
.zenKaku-font {
    font-family: 'Zen Kaku Gothic Antique', sans-serif!important;
}
/*header*/
div#nav-wrapper {
    width: 100%;
    margin: 0 auto;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999999;
}
/*下層とWPのみ*/
.nav-wrapper-kaso{
	margin-top: -34px;
}
p.mail-thanks-text {
    font-size: 13px;
}
.btn-training_box {
    display: block;
    text-align: center;
    margin: 50px 0px;
}
a.btn-training.beige_bg {
    padding: 15px 30px;
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.08rem;
    font-family: 'Montserrat', sans-serif;
    background-color: #F00;
}
a.beige_bg {
    background-color: #F00;
}
a.btn-training:hover{
  background: #fff;
  color: #F00;
  border: 1px solid #F00;
  transition: all 0.3s ease 0s;
}
/*/////////////動き///////////////////////////////////////*/

/*========= 下からフェードインで出てくる===============*/
.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1650ms;
}
.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

/*文字がぬるりと現れる*/
  .matrix .bg-wrap,.matrix .bg-wrap .inn,.matrix .bg-wrap,.matrix .bg-wrap .inn .h2-title-left{
    display: block;
  }
  .matrix .bg-wrap {
    overflow: hidden;
    opacity: 0;
    transition: opacity 1s ease; /* 追加 */
  }
  .matrix .bg-wrap .inn,.matrix .bg-wrap .inn .h2-title-left{
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, 100);
    transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1), transform 1.2s cubic-bezier(0.22, 1, 0.36, 1); /* 変更 */
  }
  .matrix.is-animated .bg-wrap {
    opacity: 1;
  }
  .matrix.is-animated .bg-wrap .inn,.matrix .bg-wrap .inn .h2-title-left{
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }

 span.inn.h2-title-left {
    font-size: 40px;
    font-weight: 600;
    color: #F00;
    font-family: Montserrat;
}
@media screen and (max-width:1440px) {
 span.inn.h2-title-left {
    font-size: 35px;
}
}
@media screen and (max-width:1300px) {
 span.inn.h2-title-left {
    font-size: 30px;
}
}
@media screen and (max-width:991px) {
 span.inn.h2-title-left {
    font-size: 28px;
}
}
@media screen and (max-width:360px) {
 span.inn.h2-title-left {
    font-size: 23px;
}
}


/*gナビの帯*/
.header-inner {
    position: relative;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: #fff;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
@media (max-width: 767px){
.header-inner {
    height: 50px;
}
}
/*ロゴ*/
.header-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    pointer-events: auto;
    margin-right: 65px;
}
@media (max-width: 1800px){
.header-logo {
    margin-right: 30px;
}
}
@media (max-width: 1440px){
.header-logo {
    width: 250px;
	padding-left: 20px;
}
}
@media (max-width: 1199px){
.header-logo {
	padding-left: 20px;
}
}
@media (max-width: 767px){
.header-logo {
    width: 145px;
	padding-left: 0px;
    margin: -5px 0px;
}
}
/*左側ナビ*/
.header-nav {
    display: flex;
    opacity: 1;
    padding-left: 15px;
}
@media (max-width: 1580px){
.header-nav {
    padding-left: 10px;
}
}
@media (max-width: 1165px){
.header-nav {
    padding-right: 20px;
}
}
@media (max-width: 1025px){
.header-nav {
    padding-right: 15px;
}
}
.header-nav > ul,.header-nav-left > ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header-nav > ul,.header-nav-right > ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 1310px){
ul.header-nav-left{
	display: none;
}
}
@media (max-width: 1199px){
a.header-nav-right-sns-none {
	display: none;
}
}
nav.header-nav-right {
    padding-right: 60px;
}
@media (max-width: 1580px){
nav.header-nav-right {
    padding-right: 50px;
}
}
@media (max-width: 767px){
nav.header-nav-right {
    padding-right: 0px;
}
}
ul.header-nav-right-sns li{
    padding-top: 23px;
	margin-right: 20px;
	color: #5C5C5C;
}
@media (max-width: 1565px){
ul.header-nav-right-sns li{
    margin-right: 15px;
}
}
li.mebius {
    margin: -7px 0px 0px 25px;
}
@media (max-width: 1565px){
li.mebius {
    margin: -7px 0px 0px 5px;
}
}
@media (max-width: 767px){
a.mebius-icon-none {
	display: none;
}
}
/*ナビメニュー　文字*/
.header.header-item {
    margin-right: 25px;
    font-weight: 600;
}
@media (max-width: 1440px){
.header.header-item {
    font-size: 13px;
}
}
li.header.header-item.accordion-header1,li.header.header-item.accordion-header2,li.header.header-item.accordion-header3,li.header.header-item.accordion-header4,li.header.header-item.accordion-header5 {
    display: inline-block;
    position: relative;
}
ul.accordion-header_box {
    opacity: 0;
    position: absolute;
    list-style: none;
    visibility: hidden;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 9999;
    display: flex;
    text-align: center;
}
li.header.header-item.accordion-header--item:hover ul.accordion-header_box{
    opacity: 1;
    position: absolute;
    visibility: visible;
    background: rgb(255, 0, 0);
    transition: 0.5s ease-in-out;
    padding: 30px 0px 30px;
	border-radius: 5px;
    display: flex;
    justify-content: center;
}
li.header.header-item.accordion-header1:hover ul.accordion-header_box{
    width: 550px!important;
    margin-top: 19%;
}
li.header.header-item.accordion-header2:hover ul.accordion-header_box{
    width: 250px!important;
    margin-top: 8%;
}
li.header.header-item.accordion-header3:hover ul.accordion-header_box{
    width: 350px !important;
    margin-top: 17%;
    justify-content: center;
    text-align: left;
    line-height: 2em;
}
li.header.header-item.accordion-header4:hover ul.accordion-header_box{
    width: 250px!important;
    margin-top: 16%;
}
li.header.header-item.accordion-header5:hover ul.accordion-header_box{
    width: 400px!important;
    margin-top: 19%;
}
li.header.header-item.accordion-header1 li,li.header.header-item.accordion-header2 li,li.header.header-item.accordion-header3 li,li.header.header-item.accordion-header4 li,li.header.header-item.accordion-header5 li{
    padding: 0px 17px;
}
li.header.header-item.accordion-header1 li a,li.header.header-item.accordion-header2 li a,li.header.header-item.accordion-header3 li a,li.header.header-item.accordion-header4 li a,li.header.header-item.accordion-header5 li a{
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.05em;
}
li.header.header-item.accordion-header1 li a:hover,li.header.header-item.accordion-header2 li a:hover,li.header.header-item.accordion-header3 li a:hover,li.header.header-item.accordion-header4 li a:hover,li.header.header-item.accordion-header5 li a:hover{
    transition: all 0.3s ease 0s;
    color: #433c3c;
}
p.accordion-header_box_title {
    margin-bottom: 0rem;
}
/*ナビメニュー　文字リンク*/
.header-link {
    position: relative;
    color: #313233;
    display: block;
    padding-top: 28px;
    -webkit-transition: color 0.5s ease-out;
    transition: color 0.5s ease-out;
    height: 80px;
}
a.header-link:hover {
    color: #F00;
    transition: color 0.5s ease-out;
}
li.hamburger-item {
    margin-right: 50px!important;
}
li.hamburger-item::marker{
   display: none!important;
	color: transparent;
}
.facebook-color-svg{
	transition: all 0.3s ease 0s;
	fill: #BABABA;
}
.facebook-color-svg:hover{
	fill: #1877F2;
}
.youtube-color-svg{
	transition: all 0.3s ease 0s;
	fill: #BABABA;
}
.youtube-color-svg:hover{
	fill: #FF0000;
}
.instagram-color-svg{
	transition: all 0.3s ease 0s;
	fill: #BABABA;
}
.instagram-color-svg:hover{
	fill: #FF0000;
}
.x-color-svg{
	fill: #BABABA;
}
.x-color-svg:hover{
	fill: #000;
}
@media (max-width: 1650px){
.facebook-color-svg,.youtube-color-svg,.instagram-color-svg,.x-color-svg{
	display: none;
}
}
/* 
hamburger(ハンバーガーアイコン)
=================================== */
.hamburger {
  position: absolute;
  right: 15px;
  top: 20px;
  width: 35px;
  height: 40px;
  cursor: pointer;
  z-index: 300;
}
@media (max-width: 1580px){
.hamburger {
    right: 20px;
}
}
@media (max-width: 1565px){
.hamburger {
    right: 10px;
}
}
@media (max-width: 767px){
.hamburger {
    top: 10px;
}
}
.hamburger__line {
  position: absolute;
  width: 35px;
  height: 3px;
  right: 0;
  background-color: #F00;
  transition: all 0.5s;
}

.hamburger__line--1 {
	top: 3px;
}

.hamburger__line--2 {
  top: 15px;
}
@media (max-width: 767px){
.hamburger__line--2 {
  top: 13px;
}
}
.hamburger__line--3 {
	top: 27px;
}
@media (max-width: 767px){
.hamburger__line--3 {
  top: 23px;
}
}
/*ハンバーガーがクリックされたら*/
.open .hamburger__line--1 {
  transform: rotate(-25deg);
  top: 11px;
}

.open .hamburger__line--2 {
  opacity: 0;
}

.open .hamburger__line--3 {
  transform: rotate(25deg);
  top: 11px;
}

/* 
sp-nav(ナビ)
=================================== */
.sp-nav {
  position: fixed;
  right: -100%; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
  top: 0;
  width: 54%; /* 出てくるスライドメニューの幅 */
  height: 100vh;
  background-color: #fff;
  background-color: rgba(255,255,255,0.9);
  transition: all 0.5s;
  z-index: 200;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
}
@media (max-width: 1488px){
.sp-nav {
  width: 70%;
}
}
@media (max-width: 1024px){
.sp-nav {
  width: 86%;
}
}
@media (max-width: 991px){
.sp-nav {
  width: 90%;
}
}
@media (max-width: 767px){
.sp-nav {
    width: 100%;
    top: 50px;
}
}
/*ハンバーガーがクリックされたら右からスライド*/
.open .sp-nav {
  right: 0;
}
.sp-nav-grop {
    display: flex;
    padding: 8% 8% 0%;
    justify-content: space-between;
	font-weight: 600;
}
@media (max-width: 767px){
.sp-nav-grop {
    flex-direction: column;
    padding: 35px 0% 0%;
}
}
.sp-nav-grop-contents {
    width: 47%;
}
@media (max-width: 767px){
.sp-nav-grop-contents {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
}
}
/* 
black-bg(ハンバーガーメニュー解除用bg)
=================================== */
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  background-color: rgba(255,255,255,0.5);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 100;
}

/*ハンバーガーメニューが開いたら表示*/
.open .black-bg {
  opacity: 0.9;
  visibility: visible;
}
ul.sp-nav_left a li{
    padding: 28px 0px 28px 15px;
	border-bottom:solid 1px #FF0000;
	margin-right: 0px;
}
@media (max-width: 1199px){
ul.sp-nav_left a li{
    padding: 22px 0px 22px 18px;
    font-size: 13px;
}
}
@media (max-width: 767px){
ul.sp-nav_left a li{
    border-bottom: solid 1px transparent;
    padding: 0px 0px 30px 0px;
	font-size: 16px;
}
}
@media (max-width: 767px){
a.sp-nav-bnner-sp {
    width: 48%;
}
}
@media (max-width:360px){
a.sp-nav-bnner-sp {
    width: 49%;
}
}
ul.sp-nav_left a li:hover{
	transition: all 0.3s ease 0s;
	color: #F00;
}
ul.sp-nav_left {
	border-top:solid 1px #FF0000;
}
@media (max-width: 767px){
ul.sp-nav_left {
	border-top: solid 1px transparent;
    display: block;
    margin: auto;
    text-align: center;
}
}
.sp-nav_right {
    font-size: 14px;
    text-align: center;
    margin-top: 45px;
}
@media (max-width: 767px) {
.sp-nav_right {
	display: flex;
	flex-wrap: wrap; /* 要素が横に収まりきれない場合に折り返す */
	justify-content: space-between; /* 要素を均等に配置 */
    border: 1px solid #D7D7D7;
    background: #FAFAFA;
    padding: 0px;
	font-weight: 400;
    margin-top: 20px;
}
}
@media (max-width: 767px) {
.sp-nav_right a {
    flex-basis: 50%;
}
}
.sp-nav_right a div{
    margin-bottom: 33px;
}
@media (max-width: 1199px) {
.sp-nav_right a div{
    margin-bottom: 23px;
    font-size: 13px;
}
}
@media (max-width: 767px) {
.sp-nav_right a div{
    margin-bottom: 0px;
    font-size: 13px;
    padding: 14px 5px 14px 5px;
	border: 1px solid #D7D7D7;
	text-align: left;
}
}
@media (max-width: 320px) {
.sp-nav_right a div{
    font-size: 12px;
}
}
.sp-nav_right a div:hover{
	transition: all 0.3s ease 0s;
	color: #F00;
}
.sp-nav-recruit-grop {
    display: flex;
    justify-content: space-evenly;
    width: 50%;
    margin: auto;
}
@media (max-width: 1580px){
.sp-nav-recruit-grop {
    width: 85%;
}
}
@media (max-width: 767px){
.sp-nav-recruit-grop {
    width: 100%;
}
}
.sp-nav_bottom {
    padding: 0px 0% 8% 8%;
}
@media (max-width: 767px){
.sp-nav_bottom {
    padding: 0px 0px 50px 0px;
    margin-top: 30px;
}
}
.follow-me {
    color: #F00;
    font-size: 18px;
    font-weight: 500;
}
@media (max-width: 1199px){
.follow-me {
    font-size: 16px;
}
}
@media (max-width: 767px){
.follow-me {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
}
}
ul.nav-top_wrapper_col_member-nav_sns {
    display: flex;
    justify-content: flex-start;
	align-items: center;
    padding: 0px 0px 0px 6%;
    margin: 0px 0px 0rem  -7%;;
}
@media (max-width: 767px){
ul.nav-top_wrapper_col_member-nav_sns {
    justify-content: center;
	align-items: center;
    padding: 0px;
    margin: 0px;
}
}
@media (max-width: 1199px){
ul.nav-top_wrapper_col_member-nav_sns img{
	width: 50px;
	height: 50px;
}
}
ul.nav-top_wrapper_col_member-nav_sns li.nav-top_wrapper_col_member-nav_sns_item {
    padding-top: 0px;
	margin-right: 60px;
    display: flex;
    align-items: center;
}
@media (max-width: 1199px){
ul.nav-top_wrapper_col_member-nav_sns li.nav-top_wrapper_col_member-nav_sns_item {
    margin-right: 25px;
}
}
@media (max-width: 767px){
ul.nav-top_wrapper_col_member-nav_sns li.nav-top_wrapper_col_member-nav_sns_item {
    margin: 0px 12px;
}
}
ul.nav-top_wrapper_col_member-nav_sns li.nav-top_wrapper_col_member-nav_sns_item img{
    margin-right: 10px;
}
@media (max-width: 767px){
ul.nav-top_wrapper_col_member-nav_sns li.nav-top_wrapper_col_member-nav_sns_item img{
    margin-right: 0px;
}
}
ul.nav-top_wrapper_col_member-nav_sns li.nav-top_wrapper_col_member-nav_sns_item:hover{
	transition: all 0.3s ease 0s;
	color: #F00;
}
ul.nav-top_wrapper_col_member-nav_sns li.nav-top_wrapper_col_member-nav_sns_item span{
	font-size: 14px;
    font-weight: 600;
    padding-top: 5px;
}
ul.sp-nav_bottom-menu {
    display: flex;
    font-size: 11px;
    margin-top: 30px;
    flex-wrap: wrap;
    line-height: 3em;
}
@media (max-width: 1199px){
ul.sp-nav_bottom-menu {
    flex-wrap: wrap;
    justify-content: flex-start;
    line-height: 2em;
}
}
@media (max-width: 767px){
ul.sp-nav_bottom-menu {
    width: 80%;
	margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
}
@media (max-width: 360px){
ul.sp-nav_bottom-menu {
    width: 90%;
}
}
@media (max-width: 767px){
ul.sp-nav_bottom-menu a{
    flex-basis: 50%;
}
}
ul.sp-nav_bottom-menu li{
    padding-top: 0px;
	margin-right: 25px;
	color: #5C5C5C;
}
@media (max-width: 767px){
ul.sp-nav_bottom-menu li{
    margin-right: 17px;
    padding: 7px 5px;
    font-size: 13px;
}
}
ul.sp-nav_bottom-menu li:hover{
	transition: all 0.3s ease 0s;
	color: #F00;
}
@media (max-width: 767px){
a.d-block.d-md-none.sp-nav-mebius {
    display: block;
    text-align: center;
    margin: 30px 0px 50px;
}
}
.sp-nav-menu-item-orange{
    background: #FFA800;
}
.sp-nav-menu-item-orange:hover{
	transition: all 0.3s ease 0s;
	background: #fff7e8;
	border: solid 2px #FFA800;
	color: #FFA800;
}
.sp-nav-menu-item-green{
    background: #42B477;
}
.sp-nav-menu-item-green:hover{
	transition: all 0.3s ease 0s;
	background: #f2fff8;
	border: solid 2px #42B477;
	color: #42B477;
}
.sp-nav-menu-item-orange,.sp-nav-menu-item-green{
	width: 95%;
	height: 80px;
	margin: auto;
    padding: 10px;
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 22px;
    flex-shrink: 0;
    border-radius: 86px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 23px;
}
@media (max-width: 1199px) {
.sp-nav-menu-item-orange,.sp-nav-menu-item-green{
    height: 60px;
    margin-bottom: 10px;
}
}
@media (max-width: 767px) {
.sp-nav-menu-item-orange,.sp-nav-menu-item-green{
    margin-top: 30px;
	padding: 10px 15px;
	width: 100%;
    gap: 10px;
    margin-bottom: 0px;
}
}
@media (max-width: 360px) {
.sp-nav-menu-item-orange,.sp-nav-menu-item-green{
    gap: 5px;
}
}
.sp-nav-menu-item:hover{
    border: 1px solid #1C6ECE;
    background: #FFF;
	transition: 0.3s ease-in-out;
}
.sp-nav-menu-item-orange,.sp-nav-menu-item-green span{
	font-size: 14px;
	font-weight: 400;
}
@media (max-width: 1024px) {
.sp-nav-menu-item-orange,.sp-nav-menu-item-green span{
	font-size: 13px;
}
}
@media (max-width: 767px) {
.sp-nav-menu-item-orange,.sp-nav-menu-item-green span{
	font-size: 15px;
}
}
@media (max-width: 390px) {
.sp-nav-menu-item-orange,.sp-nav-menu-item-green span{
	font-size: 13px;
}
}
@media (max-width: 335px) {
.sp-nav-menu-item-orange,.sp-nav-menu-item-green span{
	font-size: 12px;
}
}
@media (max-width: 767px) {
.sp-nav-grop-contents--sp {
    display: flex;
    justify-content: space-between;
    padding: 0px 15px;
}
}
@media (max-width: 360px) {
.sp-nav-grop-contents--sp {
    padding: 0px 5px;
}
}
.sp-nav-btm-icon {
    display: none;
}
@media (max-width: 767px) {
.sp-nav-btm-icon {
    display:flex;
    width: 90%;
    margin: auto;
    justify-content: space-evenly;
    gap: 10px;
    margin-top: 30px;
    margin-bottom: 50px;
}
}
/*模様を固定*/
.moyo-box {
    position: fixed;
    width: 100%;
    height: 100vw;
    z-index: -10;
}
@media (max-width: 767px) {
.moyo-box {
    position: absolute;
}
}
.main-box{
	position: relative;
}
.main-box-item{
    display: flex;
    align-items: flex-end;
}
@media (max-width: 767px) {
.main-box-item{
    flex-direction: column-reverse;
}
}
/*おわん*/
.main-box-item-owantext {
    position: absolute;
    border-radius: 8px 8px 130px 130px;
    background: #FFF;
    padding: 30px 70px 38px 70px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    z-index: 1;
    left: 5%;
}
@media (max-width: 1199px) {
.main-box-item-owantext {
    top: 103%;
	width: 50%;
	background: transparent;
    left: 0%;
    padding: 0px 25px 38px 25px;
}
}
@media (max-width: 991px) {
.main-box-item-owantext {
    width: 46%;
    padding: 0px 10px 38px 25px;
}
}
@media (max-width: 767px) {
.main-box-item-owantext {
    background-color: transparent;
	font-size: 14px;
    padding: 15px 25px 25px;
	position: unset;
    width: 100%;
}
}
p.owan-text {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0rem;
	line-height: 1.6em;
}
@media (max-width: 1500px) {
p.owan-text {
    font-size: 16px;
}
}
@media (max-width: 1199px) {
p.owan-text {
    font-size: 16px;
}
}
@media (max-width: 767px) {
p.owan-text {
    line-height: 1.7em;
}
}
/*/////////スライダー////////*/
.slider-top.hero.slick-initialized.slick-slider {
    position: relative;
}
.slider--item{
    width: 74%;
    margin: 80px 0px 0px 26%;
}
@media (max-width: 767px) {
.slider--item{
    width: 83%;
    margin: 0px 0px 0px 17%;
}
}
.slider--img {
	background-repeat: no-repeat;
	background-position: right;
    background-size:cover;
    height: calc(79vh - 50px);
}
@media (max-width: 1199px) {
.slider--img {
	background-position: center center;
}
}
@media (max-width: 767px) {
.slider--img {
    height: calc(64vh - 50px);
}
}
.main1-img{
	background-image: url("../img/top-01.jpg");
}
.main2-img{
	background-image: url("../img/top-02.jpg");
}
.main3-img{
	background-image: url("../img/top-03.jpg");
}
.main4-img{
	background-image: url("../img/top-04.jpg");
}
.main5-img{
	background-image: url("../img/top-05.jpg");
}
.main6-img{
	background-image: url("../img/top-06.jpg");
}
.slider-top img{
    width: 100%;
    position: relative;
    margin-top: 150px;
    z-index: 10;
    height: 830px;
}
@media (max-width: 1199px){
.slider-top img{
    margin-top: 52px;
}
}
@media (max-width: 1024px){
.slider-top img{
    margin-top: -35px;
}
}
@media (max-width: 767px){
.slider-top img{
    margin-top: 0px;
    width:94%;
    margin:0 auto;
}
}
.slider-top-con2 a img:hover{
    text-decoration: none!important;
    color: transparent!important;
}
.slick-dotted.slick-slider {
    clear: both;
}
/*くり抜き文字（メインで使用）*/
.mv-lead {
    position: absolute;
    left: 0;
    top: calc(50% - 1.1em);
    width: 100%;
    padding: 0 5.2vw 1.3em;
    font-size: min(6vw, 4.1rem);
    font-weight: 400;
    line-height: 1.1;
}
@media (max-width: 1199px){
.mv-lead {
    top: calc(60% - 1.1em);
    font-size: min(7vw, 4.5rem);
	line-height: 1.5em;
}
}
@media (max-width: 767px){
.mv-lead {
    font-size: min(9vw, 4.3rem);
    top: calc(42% - 1.1em);
	padding: 0 5vw 1.3em 5.2vw;
}
}
@media (max-width: 576px){
.mv-lead {
    font-size: min(9vw, 3.5rem);
}
}
.mv-lead.front {
	color: #fff;
    clip-path: polygon(26.2% 0, 100% 0%, 100% 100%, 25.9% 100%);	/*	(23.6% 0): 左上隅の座標。x座標は横幅の23.6%、y座標は0*/
/*	(100% 0): 右上隅の座標。x座標は横幅の100%、y座標は0*/
/*	(100% 100%): 右下隅の座標。x座標は横幅の100%、y座標は高さの100%*/
/*	(23.6% 0): 左上隅の座標。x座標は横幅の23.6%、y座標は0*/
}
@media (max-width: 767px){
.mv-lead.front {
    clip-path: polygon(17.2% 0, 100% 0%, 100% 100%, 16.9% 100%);
    font-weight: 500;
}
}
.mv-lead.back {
  color:  #000;
}
@media (max-width: 1366px){
span.mv-lead-br {
	white-space: pre-wrap; /* 改行を許可 */
}
}
/*画像が回る*/
.text-rotate-icon-grop {
    position: absolute;
    right: 24%;
    bottom: -1%;
}
@media (max-width: 1500px){
.text-rotate-icon-grop {
    right: 31%;
    bottom: -1%;
}
}
@media (max-width: 1199px){
.text-rotate-icon-grop {
    top: 104.3%;
    right: 4.1%;
}
}
@media (max-width: 991px){
.text-rotate-icon-grop {
    top: 104.3%;
    right: 3.1%;
}
}
@media (max-width: 767px){
.text-rotate-icon-grop {
    right: 0%;
    bottom: -6%;
}
}
@media (max-width: 430px){
.text-rotate-icon-grop {
    right: 0%;
    bottom: -3.2%;
}
}
.text-rotate-icon{
  display:inline-block;
  width:127px;
  height:127px;
  animation:20s linear infinite rotation1;
}
@media (max-width: 1199px){
.text-rotate-icon{
  width:143px;
  height:143px;
}
}
@media (max-width: 767px){
.text-rotate-icon{
    display: none;
}
}
@keyframes rotation1{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}


.text-rotate {
/*    position: relative;*/
    display: inline-block; /* インライン要素の場合 */
    /* または display: block; を使用してブロック要素にすることもできます */
	animation:rotate-z 2s linear infinite;
	-webkit-animation:rotate-z 20s linear infinite;/* Safari 用のプレフィックス */
}
@keyframes rotate-z {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.text-rotate-pc{
	display: block;
}
@media (max-width: 1199px){
.text-rotate-pc{
	display: none;
}
}
.text-rotate-sp{
	display: none;
}
@media (max-width: 1199px){
.text-rotate-sp{
	display: block;
}
}
/*背景固定模様*/
/*左ピンク*/
.moyo_move-pink-left{
	width: 425px;
    margin: -3% 0 0 -8%;
}
@media (max-width: 767px){
.moyo_move-pink-left{
    width: 87%;
    margin: 166% 0 0 -54%;
}
}
/*左ブルー*/
.moyo_move-blue{
	width: 243px;
    margin: -7% 0 0 25%;
}
/*左グリーン*/
.moyo_move-green-left {
    width: 425px;
    margin: -22% 0 0 8%;
}
/*中央オレンジ*/
.moyo_move-orange-center{
	width: 243px;
    margin: -12% 0 0 52%;
}
/*中央グリーン*/
.moyo_move-green {
    margin: 3% 0 0 46%;
}
/*右ピンク*/
.moyo_move-pink-rigth {
    width: 425px;
	margin: -20% 0 0 66%;
}
/*右オレンジ*/
.moyo_move-orange-right{
	width: 243px;
    margin:6% 0 0 21%;
}
.moyo_move-orange {
    width: 425px;
    margin: -10% 0 0 91%;
}
@media (max-width: 767px){
.moyo_move-orange-center,.moyo_move-blue,.moyo_move-pink-rigth,.moyo_move-green,.moyo_move-orange,.moyo_move-green-left{
	display: none;
}
}
/*右オレンジ SPのみ*/
.moyo_move-orange-yoko-sp{
	display: none;
}
@media (max-width: 767px){
.moyo_move-orange-yoko-sp{
    display:block;
    position: relative;
    margin: 145% 0 0 0%;
}
.moyo_move-orange-yoko-sp img{
    position: absolute;
    right: 0;
}
}
.moyo_move-owan{
    position: absolute;
    z-index: 1;
    left: 6%;
    margin-top: -10%;
}
p.owan {
    position: absolute;
    top: 54%;
	z-index: 3;
    left: 11%;
    width: 24%;
    margin-top: 12%;
}
.moyo_move-orange2{
	animation: poyoyon3 8.5s infinite;
	opacity: 1;
}
@keyframes poyoyon3 {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(5deg, 5deg);
  }
  10% {
    transform: skew(-4deg, -4deg);
  }
  15% {
    transform: skew(3deg, 3deg);
  }
  20% {
    transform: skew(-2deg, -2deg);
  }
  25% {
    transform: skew(1deg, 1deg);
  }
  30% {
    transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    transform: skew(0.3deg, 0.3deg);
  }
}
.moyo_move-orange2 img{
	width: 200px;
	height: auto;
    margin-top: -16%;
	margin-left: 20%;
}
.moyo_move-pink2{
    animation-name: moveLandam;

/*	 animation: kurukuru 8s ease-out infinite;*/
  opacity: 1;
}
@keyframes kurukuru {
  0%{
    transform: rotateY(0) translateY(40px);
    opacity: 0.5;
  }
  100%{
    transform: rotateY(360deg) translateY(0);
    opacity: 1;
  }
}
.moyo_move-pink2 img{
	width: 200px;
	height: auto;
    margin-top: -10%;
	margin-left: 50%;
}
/*
.main-information-contents {
    position: relative;
}
*/







/*メイン画像インフォメーションの回転*/
.main-information-box {
    right: 21%;
    bottom: 12%;
	z-index: 1;
}
@media screen and (max-width:1500px) {
.main-information-box {
	right: 27%;
    bottom: 12%;
}
}
@media screen and (max-width:1199px) {
.main-information-box {
    right: -6%;
    bottom: -9%;
}
}
@media screen and (max-width:991px) {
.main-information-box {
    right: 58%;
    bottom: 16%;
}
}
@media screen and (max-width:991px) {
.main-information-box {
    right: 58%;
    bottom: 16%;
}
}
@media screen and (max-width:767px) {
.main-information-box {
    right: 0%;
    bottom: 10%;
}
}
/*メイン画像インフォメーション*/
.main-information-grop {
    border-radius: 59px 0px 0px 59px;
    background: #005FCE;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
/*	width: 540px;*/
    width: 28%;
	height: 116px;
    padding: 24px 73px;
    align-items: center;
    gap: 67px;
	color: #fff;
    bottom: -4%;
}
@media screen and (max-width:1500px) {
.main-information-grop {
    width: 36%;
}
}
@media screen and (max-width:1199px) {
.main-information-grop {
    justify-content: space-between;
    margin: auto;
    width: 40%;
    border-radius: 86px;
    padding: 20px 40px;
	top: 113%;
    right: 6.5%;
    height: 110px;
}
}
@media screen and (max-width:991px) {
.main-information-grop {
    width: 49%;
    top: 115%;
    right: 6%;
}
}
@media screen and (max-width:767px) {
.main-information-grop {
    position: relative;
	border-radius: 86px;
    height: 100px;
    padding: 19px 20px;
    width: 90%;
    gap: 10px;
    left: 0;
    right: 0;
}
}
.text-rotate-icon-sp {
    position: absolute;
    right: 9px;
	bottom: -3%;
    z-index: -1;
}
@media screen and (max-width:430px) {
.text-rotate-icon-sp {
    right: 3px;
}
}
@media screen and (max-width:375px) {
.text-rotate-icon-sp {
    right: 1px;
}
}
@media screen and (max-width:320px) {
.text-rotate-icon-sp {
    right: 0px;
}
}
.text-rotate-icon-sp img{
    width: 142px;
	height: 143px;
}
.main-information-left-date {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat;
    margin-bottom: 0.5rem;
}
@media screen and (max-width:767px) {
.main-information-rigth {
    display: none;
}
}
.main-information-left-title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0rem;
}
@media screen and (max-width:767px) {
.main-information-left-title {
    margin-bottom: 0rem;
    font-size: 13px;
}
}
.main-information-left-title a{
    color: #fff;
}
.main-information-left-title a:hover{
    color: #bbbdbd;
}
/*ーーーーーーーーーーーーーーーコンテンツーーーーーーーーーーーーーーー*/
.top-mainbottom,.top-mainbottom-news{
	margin-top: 120px;
}
@media screen and (max-width:1199px) {
.top-mainbottom{
    margin-top: 300px;
}
}
@media screen and (max-width:767px) {
.top-mainbottom{
    margin-top: 68px;
    margin-top: 100px;
}
.top-mainbottom-news{
    margin-top: 70px;
    position: relative;
}
}
/*SPブルー模様*/
.moyo_move-blue-sp,.moyo_move-green-sp {
	display: none;
}

@media screen and (max-width:767px) {
.moyo_move-blue-sp {
	display:block;
    width: 100%;
    margin: -23% 0 0 0%;
    z-index: -1;
    position: absolute;
}
}
@media screen and (max-width:767px) {
.moyo_move-green-sp {
	display:block;
    width: 100%;
    z-index: -1;
    position: absolute;
    text-align: right;
    margin-top: -47%;
}
}
@media screen and (max-width:360px) {
.moyo_move-green-sp {
    margin-top: -65%;
}
}

.h2-title{
	font-size: 40px!important;
	font-weight: 600;
	color: #F00;
    font-family: Montserrat;
	position: relative;
	padding-bottom: 8px;
	text-align: center;
    margin-bottom: 0rem;
}
.h2-title.sdgs{
	font-size: 45px!important;
}
@media screen and (max-width:767px) {
.h2-title.sdgs{
	font-size: 31px!important;
}
}
@media screen and (max-width:767px) {
.h2-title{
	font-size: 35px;
}
}
.h2-title::after {
	content: '';
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	background-color: #F00;
	border-radius: 7px;
}
p.small-title {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0rem;
}
/*ーーーースライダーーーーーー*/
img.brand-list-img {
    display: block;
    margin: auto;
	padding: 0px 7%;
}
@media screen and (max-width:767px) {
img.brand-list-img {
    width: 100%;
	padding: 0px 4%;
}
}
img.brand-list-img :hover{
    opacity: 0.5;
    transition: all 0.3s ease 0s;
}
.js-slider{
    margin-top: 30px;
/*	margin-left: -58px;*/
    background-color: rgba(255, 255, 255, 0.8);
    height: 483px;
    padding-top: 30px;
}
@media screen and (max-width:767px) {
.js-slider{
    height: 470px;
}
}
.js-slider-color-title{
    font-weight: 500;
    text-align: center;
    margin-top: 10px;
    font-size: 18px;
    margin-bottom: 0rem;
}
.sunnap-color{
	color: #3F74DB;
}
.andscape-color{
	color: #416638;
}
.original-color{
	color: #0A7E89;
}
.strong-color{
	color: #0A7E89;
}
.brand-nextgreen-color{
	color: #01594B; 
}
.catla-color{
	color: #20A702;
}
.cafe-kitchen-color{
	color: #F90;
}
.js-slider-subtitle {
	color: #5F5F5F;
	font-size: 14px;
	text-align: center;
}
.js-slider-subtitle {
    color: #5F5F5F;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.7px;
    font-weight: 600;
}
p.js-slider-text {
    /* font-size: 20px; */
    text-align: center;
    font-weight: 600;
}
.slick-arrow{
    position: absolute;
    z-index: 3;
    right: 50%;
    top: 5px;
	width: 47px;
    height: 47px;
    background: #F00;
    cursor: pointer;
    border-radius: 27.5px;
}
.slick-arrow:hover{
    background: #fff;
	border: solid 1px #F00;
}
.is-next-arrow{
    right: calc(53% - 400px);
}
span.is-prev-arrow.slick-arrow {
	display: none!important;
}
@media screen and (max-width:991px) {
span.is-prev-arrow.slick-arrow {
	display:block!important;
}
}
.is-prev-arrow{
    right: calc(50% - 310px);
}
@media screen and (max-width:991px) {
.is-next-arrow{
    left: 63%;
	top: 55px;
}
.is-prev-arrow{
    right: 64%;
	top: 55px;
}
}
@media screen and (max-width:767px) {
.is-next-arrow{
    top: 60px;
}
.is-prev-arrow{
    right: 64%;
    top: 60px;
}
}
@media screen and (max-width:576px) {
.is-next-arrow{
    left: 68%;
}
.is-prev-arrow{
    right: 69%;
}
}
@media screen and (max-width:430px) {
.is-next-arrow{
    left: 78%;
}
.is-prev-arrow{
    right: 78%;
}
}
@media screen and (max-width:375px) {
.is-next-arrow{
    left: 83%;
}
.is-prev-arrow{
    right: 82%;
}
}
.is-prev-arrow:before{
	display: none;
}
@media screen and (max-width:991px) {
.is-prev-arrow:before{
	content: "\f060";
	display: inline-block;
	width: 23px;
    color: #fff;
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
    margin: 10px 15px;
}
}
.is-prev-arrow:before{
	content: "\f060";
	display: inline-block;
	width: 23px;
    color: #fff;
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
    margin: 10px 15px;
}
.is-next-arrow:after{
	content: "\f061";
	display: inline-block;
	width: 23px;
    color: #fff;
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	margin: 11px 16px;
}
.is-prev-arrow:hover:before,.is-next-arrow:hover:after {
    color: #F00; /* ホバー時の色 */
}
.container-fluid.container-fluid-no {
    margin-top: 30px;
	padding-right: 0px;
    padding-left: 0px;
}
@media screen and (max-width:767px) {
.container-fluid.container-fluid-no {
    margin-top: 35px;
}
}
.brand-list-contents {
    display: flex;
}
@media screen and (max-width:1199px) {
.brand-list-contents {
    flex-direction: column;
}
}
@media screen and (max-width:1199px) {
.brand-list-contents.flex--reverse {
    flex-direction: column-reverse;
}
}
.brand-list-contents-img {
    width: 100%;
}
.brand-list-contents-text-bg {
    width: 100%;
	background: #FAFAFA;
}
.brand-list-contents-text {
	padding: 12% 12% 0px 12%;
}
@media screen and (max-width:1610px) {
.brand-list-contents-text {
	padding: 7% 7% 0px 7%;
}
}
@media screen and (max-width:1199px) {
.brand-list-contents-text {
    padding: 30px 30px 50px;
}
}
@media screen and (max-width:767px) {
.brand-list-contents-text {
    padding: 30px 15px 50px;
}
}
p.brand-list-contents-text-title {
    color: #5F5F5F;
    font-size: 14px;
    margin-bottom: 0.5rem;
}
span.inn.brand-list-text{
	margin-top: 40px;
    line-height: 1.7rem;
}
@media screen and (max-width:1610px) {
span.inn.brand-list-text{
    font-size: 1vw;
}
}
@media screen and (max-width:1440px) {
span.inn.brand-list-text{
    margin-top: 25px;
}
}
@media screen and (max-width:991px) {
span.inn.brand-list-text{
    font-size: 15px;
}
}
@media screen and (max-width:767px) {
span.inn.brand-list-text{
    margin-bottom: 25px;
    margin-top: 5px;
}
}
/*詳しくみる*/
.c-button a {
    width: 30%;
    height: 50px;
    margin-top: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 10px 10px 27px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #000;
    border-radius: 52px;
    border: 1px solid #F00;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 10;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: grid;
	justify-content: space-between;
}
a.c-button-new-width {
    width: 194px;
}
@media screen and (max-width: 1300px) {
.c-button a {
    margin-top: 20px;
    height: 40px;
}
}
@media screen and (max-width: 1199px) {
.c-button a {
    margin-top: 25px;
    height: 50px;
    width: 25%;
}
}
@media screen and (max-width: 991px) {
.c-button a {
    width: 30%;
}
}
@media screen and (max-width: 767px) {
.c-button a {
    display: grid;
	margin: auto;
    text-align: left;
    font-size: 14px;
    width: 225px;
    height: 50px;
    padding-left: 27px;
}
}
.c-button a::before, .c-button a::after {
  content: "";
  display: block;
  width: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: calc(100% - 26px);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
@media screen and (max-width: 1300px) {
 .c-button a::before, .c-button a::after {
    width: 30px;
}
}
@media screen and (max-width: 1199px) {
 .c-button a::before, .c-button a::after {
    width: 40px;
}
}
.c-button a::before {
  background: url("../img/arrow-right.svg") center/auto no-repeat;
  z-index: 0;
}
.c-button a::after {
  content: "";
  display: block;
  border-radius: 50%;
    background: #F00;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.c-button a.c-font-outfit {
  letter-spacing: -0.04em;
}
  .c-button a:hover {
    color: #fff;
  }
  .c-button a:hover::after {
    width: 180%;
    background: #F00;
  }
@media (max-width:767px){
.c-button a:hover::after {
    width: 200%;
}
}

/*新着情報*/
.news-box {
    background-color: rgba(255, 255, 255, 0.8);
    width: 90%;
    margin: auto;
    margin-top: 55px;
}
@media (max-width:991px){
.news-box {
    width: 100%;
}
}
@media (max-width:767px){
.news-box {
    margin-top: 30px;
}
}
.news-box-inner {
    display: flex;
    border-top: solid 1px #BABABA;
    align-items: center;
/*    gap: 32px;*/
    padding: 32px 0px;
}
@media (max-width:767px){
.news-box-inner {
    align-items: flex-start;
    flex-direction: column;
    padding: 15px 0px;
}
}
@media (max-width:767px){
.news-text-left-text-sp {
    margin-top: -80px;
    margin-left: 95px;
	position: absolute;
    padding-right: 26px;
}
}
.news-box-inner:nth-of-type(4) {
    border-bottom: solid 1px #BABABA;
}
.news-text-left {
    display: flex;
    align-items: center;
}
p.date {
    font-weight: 500;
    font-family: Montserrat;
    font-size: 12px;
    color: #5F5F5F;
    margin-bottom: 0.5rem;
}
@media (max-width:767px){
p.date {
    margin-bottom: 0rem;
}
}
p.n-title{
    margin-bottom: 0.5rem;
}
p.n-title a{
    color: #F00;
    font-size: 18px;
    font-weight: 500;
}
@media (max-width:991px){
p.n-title a{
    font-size: 16px;
}
}
@media (max-width:767px){
p.n-title a{
    font-size: 15px;
    line-height: 1.3em;
}
}
@media (max-width:320px){
p.n-title a{
    font-size: 13px;
    line-height: 1em;
}
}
p.date-text {
    font-weight: 400;
    margin-bottom: 0rem;
}
@media (max-width:991px){
p.date-text {
    font-size: 14px;
}
}
@media (max-width:767px){
p.date-text {
    margin-left: 0%;
    margin-top: 10px;
}
}
.news-box-inner-contents {
    width: 73%;
}
@media (max-width:991px){
.news-box-inner-contents {
    width: 83%;
}
}
@media (max-width:767px){
.news-box-inner-contents {
    width: 100%;
}
}
@media (max-width:991px){
.news-text-left-text {
    margin-left: 27px;
}
}
@media (max-width:767px){
.news-text-left-text {
    margin-left: 0px;
}
}
.news-box-inner-img {
    width: 11%;
	margin-left: 7%;
}
@media (max-width:991px){
.news-box-inner-img {
    margin-left: 3%;
}
}
@media (max-width:767px){
.news-box-inner-img {
    margin-left: 0%;
    width: 80px;
    position: relative;
}
}
span.mein-a.cat-style {
    font-size: 10px;
    padding: 4px 10px;
    display: inline-block;
}
.seminar-wp-title {
    font-size: 18px;
    font-weight: 400;
    margin: 8px 0px 0px;
    color: #000;
}
@media (max-width:767px){
.seminar-wp-title {
	font-size: 14px;
}
}
.news-text-left-text {
    width: 84%;
}
.news-arrow--icon {
    color: #F00;;
    font-weight: 500;
    font-size: 25px;
    width: 16%;
    text-align: right;
    padding-right: 1%;
}
@media (max-width:767px){
.news-arrow--icon {
    display: none;
}
}
.c-button.c-button-new {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
	margin: 55px 0px 143px;
}
@media (max-width:991px){
.c-button.c-button-new {
    margin: 40px 0px 50px;
}
}
/*footer*/
.footer-inner-bg {
    padding: 85px 0px 55px;
    background-color: #FF0000;
}
@media (max-width:991px){
.footer-inner-bg {
    padding: 45px 0px 35px;
}
}
.footer-inner-box {
    display: flex;
    justify-content: space-between;
    color: #fff!important;
}
.footer-inner-box p{
    color: #fff!important;
	text-align: left!important;
    margin-top: 0px!important;
}
@media (max-width:1199px){
.footer-inner-box {
    display: block;
    margin: auto;
    text-align: center!important;
}
}
.footer-inner-box p.sp-nav_sns-wp_title{
    text-align: center!important;
}
.footer-sns {
    font-weight: 700;
    margin-top: 35px;
    font-size: 15px;
    letter-spacing: 0.05em;
}
.sp-nav_sns_icon-wp {
    display: flex;
    justify-content: space-between;
}
@media (max-width:1199px){
.sp-nav_sns_icon-wp {
    justify-content: center;
}
}
.footer-inner-item a:hover{
	color: #f1caca;
	transition: all 0.3s ease 0s;
}
@media (max-width:1199px){
.sp-nav_sns_icon-wp a{
	padding: 0px 5px;
}
}
.footer-tel-text {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 0rem;
}
a.footer-tel-number {
    font-family: "Oswald", sans-serif;
    font-size: 35px;
    font-weight: 600;
    color: #FFF;
}
.footer--tel-inner {
    margin-bottom: 20px;
}
.footer-inner-item ul li a{
    color: #FFF;
	font-size: 12px;
	font-weight: 700;
}
p.footer-line {
    font-size: 15px;
    border-bottom: solid 1px;
    gap: 10px;
    padding-bottom: 2px;
    margin-bottom: 0.5rem;
}

.footer-copy{
	text-align:center;
	background-color:#FF0000;
    color: #FFF;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 120px;
    letter-spacing: 0.05em;
}
@media (max-width:767px){
.footer-copy{
    padding-bottom: 100px;
}
}
/*下からのバナー*/
/*フッター　スクロール*/
#nav8 {
    z-index: 900;
    position: fixed;
    width: 100%;
}
@media (max-width:767px){
.container.container-sp-none {
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    max-width: 100%;
}
}


/*フッターメニュー
=======================================================*/
/*青い背景
--------------------*/
ul.footer-bottom-content { background: #48C6CE; border-radius: 10px; display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 0 16px 0; padding: 10px; }
/*角丸を取る*/
@media (max-width:767px){ ul.footer-bottom-content { border-radius: 0; gap: 0 10px;  margin: 0; padding: 10px; } }
/*520px以下では並びを折り返す*/
@media (max-width:520px){ ul.footer-bottom-content { flex-wrap: wrap; } }

/*メニュー1個の枠
--------------------*/
ul.footer-bottom-content li { background: #FFF; border-radius: 50px; transition: all 0.3s ease 0s; min-width: 160px; }
ul.footer-bottom-content li:hover { background: #e9e9e9; }

/*SPではカタログ系は非表示に*/
@media (max-width:991px){
ul.footer-bottom-content li:nth-child(1),
ul.footer-bottom-content li:nth-child(2) { display: none;}
}
/*520px以下の折り返し用のmarginを指定*/
@media (max-width:520px){
ul.footer-bottom-content li { border-radius: 10px; min-width: 92px ;flex: 1 1 calc(33.333% - 20px);}
}

/*リンク
li全体がリンク扱いになるようにpaddingはここで指定
アイコン画像とspanを横並びにさせるためにdisplay: flex;も指定
--------------------*/
ul.footer-bottom-content li a { display: flex; align-items: center; gap: 0 8px; padding: 10px 20px 10px 10px;}

@media (max-width:520px){ 
ul.footer-bottom-content li a { display: block;  padding: 5px;}
}

/*アイコン画像
--------------------*/
ul.footer-bottom-content li img { display: block; width: 40px;}
ul.footer-bottom-content li a img { transition: all 0.3s ease 0s;}
ul.footer-bottom-content li a:hover img { opacity: 0.8;}

@media (max-width:767px){ ul.footer-bottom-content li img { width: 30px; } }
/*520px以下ではアイコンを非表示に*/
@media (max-width:520px){ ul.footer-bottom-content li img { display: none; } }

/*テキスト
--------------------*/
ul.footer-bottom-content li span { display: block; font-size: clamp(12px, calc(12px + (15 - 12) * ((100vw - 320px) / (1920 - 320))), 15px); font-weight: 600; line-height: 1.3;}
/*520px以下では中央寄せのテキストにする*/
@media (max-width:520px){ ul.footer-bottom-content li span { text-align: center;} }

/*テキスト内のタイトル*/
ul.footer-bottom-content li span strong { display: block; font-size: clamp(11px, calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320))), 13px); font-weight: 700; line-height: 1.3; letter-spacing: 0.05em;  }
/*「家庭用製品」の色*/
ul.footer-bottom-content li span strong.footer-orange { color: #FFA800; }
/*「業務用製品」の色*/
ul.footer-bottom-content li span strong.footer-green { color: #42B477;}
/*「公式ECサイト」の色*/
ul.footer-bottom-content li span strong.footer-red{ color: #f00;}

/*長すぎるテキストを改行*/
ul.footer-bottom-content li span br {display: none;}
@media (max-width:1199px){ ul.footer-bottom-content li span br {display: block;} }


/*/////////////////下層/////////////////*/
.container.submain {
    margin-top: 100px;
}
@media (max-width:767px){
.container.submain {
    margin-top: 0px;
}
}
.container.insta-container {
    margin-top: 100px;
}
@media (max-width:767px){
.container.insta-container {
    margin-top: 0px;
}
}
.btn-area-kaso{
    display: flex;
    justify-content: center;
}
.kakunin-title{
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    margin-top: 60px;
    margin-bottom: 0rem;
}
@media (max-width:991px){
.kakunin-title{
    font-size: 40px;
    margin-top: 20px;
}
}
@media (max-width:767px){
.kakunin-title{
	font-size: 30px;
}
}
.kakunin-subtitle{
    font-weight: normal;
    font-size: 18px;
    font-family: "Meiryo";
    letter-spacing: 0.2em;
    text-align: center;
}
@media (max-width:767px){
.kakunin-subtitle{
    font-size: 14px;
}
}
.kakunin-waku {
    width: 60%;
    margin: 70px auto 100px;
}
@media (max-width:1199px){
.kakunin-waku {
    width: 100%;
}
}
@media (max-width:991px){
.kakunin-waku {
    margin: 70px auto 50px;
}
}
@media (max-width:767px){
.kakunin-waku {
    margin: 70px auto 30px;
}
}
@media (max-width:767px){
p.mail-title.kakunin-waku-mail-title {
    margin: -20px 0 15px;
    font-size: 16px;
}
.check_list {
    font-size: 13px;
}
}
/*/////////////////WP/////////////////*/
/*header*/
li.header.header-item.accordion-header1:hover ul.accordion-header_box.header_wp,li.header.header-item.accordion-header2:hover ul.accordion-header_box.header_wp,li.header.header-item.accordion-header3:hover ul.accordion-header_box.header_wp,li.header.header-item.accordion-header4:hover ul.accordion-header_box.header_wp{
    margin-top: 0%;
}
.c1 {
    padding-top: 200px;
}
@media (max-width:767px){
.c1 {
    padding-top: 65px;
}
}
.container.single-news {
    margin-top: 100px;
}
@media (max-width:767px){
.container.single-news {
    margin-top: 65px;
}
}
/*新着情報*/
.news-box-kaso {
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    margin: auto;
    margin-top: 55px;
}
@media (max-width:767px){
.news-box-kaso {
    margin-top: 20px;
}
}
@media (max-width:767px){
.sunnap-news-wp-sp{
	display: none;
}
}
img.mebius-footer {
    margin-top: 33px;
    width: 226px;
}
img.ky-footer-imgs{
    display: block;
    margin: auto;
    margin-bottom: 50px;
}
/*ページング*/
.wp-pagenavi {
    text-align: center;
    margin: 50px 0px;
}
.wp-pagenavi a, .wp-pagenavi span {
    border: none!important;
}
/*
span.current,a.page.larger,span.extend,a.nextpostslink,a.last {
    border: none;
}*/
/*品質お問い合わせ受付フォーム*/
input.up-img {
    max-width: 100%!important;
}
.kakunin-btn {
    margin-top: 30px;
}