/*
Theme Name:株式会社イルミナテーマ
Description:イルミナホームページ作成用テーマ
Author:株式会社イルミナ
Version:3.0
*/

/* 色指定 */
:root {
  --white: #fff;
  --milk: #FFFEF6;
  --lightPink: #FFB0AC;
  --pink: #EE827C;
  --lightYellow: #FFDE62;
  --yellow: #FCC800;
  --gray: #999999;
  --darkGray: #666666;
  --black: #404040;
}

/**フォント**/
@font-face {
  font-family: 'corpround';
  src:
    url("font/corpround.woff") format("woff"),
}

/* ZenMaruGothic */
@font-face {
  font-family: 'ZenMaruGothic';
  src: url("font/ZenMaruGothic-Li.woff") format("woff");
  font-weight: 300;
}

@font-face {
  font-family: 'ZenMaruGothic';
  src: url("font/ZenMaruGothic-Re.woff") format("woff");
  font-weight: 400;
}

@font-face {
  font-family: 'ZenMaruGothic';
  src: url("font/ZenMaruGothic-Med.woff") format("woff");
  font-weight: 500;
}

@font-face {
  font-family: 'M_PLUS_Rounded';
  src: url("font/MPLUSRounded1c-Regular.woff") format("woff");
  font-weight: 400;
}

p,h1{font-family: "Noto Sans JP", serif;}

/*スマホメニューがスライドアップダウンで表示切替
　制御はJquery*/
body{
  width: 100%;
  margin:0;
  padding: 0;
}
body.open{
	overflow: hidden;
}

/**ヘッダー**/
#header {
  position: absolute;
  padding: 1vw 0;
  z-index: 900;
  width: 100%;
}

.head_style{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: var(--darkGray) 1px solid;
  border-radius: 10px;
  background-color: #fff;

  width: 95%;
  padding: 0.5vw 1vw;
  margin: 0 auto;
}

.logo img{
  width: 220px;
  padding-top: 5px;
  line-height: 1px;
}

.nav-button {
  display: none;
}
.nav li{
  display:inline-block;
  margin-left: 4rem;
}

.nav a{
  color: #404040;
  text-decoration: none;
  font-family: 'ZenMaruGothic';
  font-weight: 400;
  font-size: 1.1vw;
  transition: 0.2s ease-in-out;
}
.nav a:hover{
  color: var(--lightPink);
}
.nav .menu-item:hover .sub-menu{
  display: block;
}
.nav .sub-menu{
  position: absolute;
  display: none;
  padding: 0;
  margin: 0;
  background-color: #fff;
  border: var(--black) solid 1px;
  border-radius: 10px;
  box-shadow: 5px 5px 0 var(--lightPink);
}
.nav .sub-menu > li{
  display: list-item;
  list-style:none;
  padding: 1vw;
  margin-left: 0;
  border-bottom: solid 1px var(--darkGray);
}
.nav .sub-menu > li:last-of-type {
  border-bottom: none;
}

/* 問い合わせボタン */
.nav .nav-contact a{
  padding: 15px 30px;
  background: var(--lightPink);
  border: #fff 1px solid;
  border-radius: 10px;
  color: #fff;
}
.nav .nav-contact a:hover {
  background: #fff;
  border: 1px var(--lightPink) solid;
  color: var(--lightPink);
}

/**ヘッダーここまで**/

/**フッターここから**/
#footer{
  position: relative;
  width: 100%;
  margin-top: 5vw;
  padding-top: 7vw;
  padding-bottom: 1vw;
  background-color: #fff;
  overflow-x: hidden;
}
#footer .footer-topline {
  display: block;
  position: relative;
  left: -1vw;
  width: 104%;
}
#footer .footer-topline-sm {
  display: none;
}
#footer ul{
  list-style: none;
}

#footer a {
  text-decoration: none;
}

/* ページの最初に戻る */
#page-top {
  position: absolute;
  display: inline-block;
  padding: 0 1.5vw;
  right: 4vw;
  bottom: 49vw;
  margin: 0 0 4vw;
  transition: 0.3s ease-in-out;
  z-index: 100;
}
/* ホバー */
#page-top:hover {
  bottom: 50vw;
}

#page-top a{
  display: flex;
  flex-direction: column;
  align-items: center;
}
#page-top .denkyu {
  display: block;
  width: 4vw;
}
#page-top .denkyu-sm {
  display: none;
}

#page-top .text {
  width: 5vw;
  padding-right: 0.1vw;
  margin-bottom: 0.6vw;
}

/*
#page-top .circle {
  width: calc(var(--r) * 2px);
  height: calc(var(--r) * 2px);
  border: 20px solid #ddd;
  border-radius: 50%;
  box-sizing: border-box;
}
#page-top .circle > div {
  position: absolute;
  color: var(--black); 
}
*/
#page-top a::before,
#page-top a::after {
  position: absolute;
  content: '';
  display: inline-block;
  top: 1.5vw;
  width: 1.3vw;
  height: 1px;
  background-color: var(--black);
}
#page-top a::before {
  left: 0;
  transform: rotate(45deg);
}
#page-top a::after {
  right: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* フッター上部 */
#footer .footer-top {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-top: 3vw;
  width: 85%;
}

#footer .footer-top .footer-menu {
  display: flex;
  justify-content: space-between;
  align-items: start;
  width: 67%;
}

#footer ul {
  padding-left: 0;

  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#footer ul li a{
  display: block;
  font-size: 1vw;
  color: var(--black);
  font-family: ZenMaruGothic;
}


/* メイン項目 */
#footer .item li a {
  border-bottom: var(--gray) 1px solid;
  margin-bottom: 1.3vw;
  padding-bottom: 0.5vw;
  font-size: 1.3vw;
}

/* サブメニュー */
#footer .sub-menu {
  padding-left: 1.5vw;
}
#footer .sub-menu li {
  margin-bottom: 0;
}
#footer .sub-menu li a {
  position: relative;
  border-bottom: none;
  padding-bottom: 0;
  font-size: 1vw;
}

#footer .sub-menu li a::before {
  position: absolute;
  content: '';
  height: 0.5vw;
  width: 0.5vw;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid var(--gray);
  border-radius: 50%;
  left: -1vw;
  top: 50%;
  transform: translateY(-50%);
}

/* お問い合わせボタン */
#footer .footer-contact {
  font-family: ZenMaruGothic;
  font-size: 1.3vw;
  width: 100%;
  margin-top: 1.5vw;
}
#footer .footer-contact a {
  display: inline-block;
  color: var(--black);
  padding: 1.5vw 4vw;
  border: 1px solid var(--darkGray);
  border-radius: 50px;
  box-shadow: 6px 6px 0 var(--lightPink);
  
  transition: 0.3s ease-in-out;
}
#footer .footer-contact a:hover {
  box-shadow: none;
  background-color: var(--lightPink);
  border-color: #fff;
  color: #fff;
}

/* フッター下部 */
#footer .footer-bottom {
  background-image: linear-gradient(to right, #999 15px, transparent 15px);
  background-size: 30px 1px;
  background-repeat: repeat-x;
  background-position: center top;

  width: 85%;
  margin-top: 3vw;
  padding-top: 3vw;
  
  text-align: center;
}
#footer .footer-logo{
  width: 20vw;
}

#footer-bottom ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1vw;
  margin: 0 1vw;
}
.footer-bottom ul li a {
  color: var(--gray);  
  transition: 0.2s ease-in-out;
}

/* hover */
#footer .item li a:hover,
#footer .sub-menu li a:hover,
#footer .footer-bottom ul li a:hover {
  color: var(--lightPink);
  transition: 0.2s ease-in-out;
}

/* リンクバナー追加 */
.footer-top figure {
  margin: 0;
}
.footer-top .other-link {
  display: flex;
  max-width: 20vw;
  margin-top: 2vw;
  padding: 1vw 0;
  text-align: left;
  overflow-x: auto;
}

.footer-top .other-link a {
  margin-right: 1.5vw;
  padding: 0 0.5vw;
}
.footer-top .other-link img {
  width: 15vw;
  border-radius: 10px;
  border: var(--gray) 1px solid;
  transform: scale(1);
  transition: 0.3s ease-in-out;
}
.footer-top .other-link a:hover img {
  transform: scale(1.04);
}

/* スクロールバー */

/* スクロールバー全体を対象にする */
.footer-top .other-link::-webkit-scrollbar {
  width: 10px; /* スクロールバーの幅 */
  height: 10px; /* スクロールバーの高さ */
}

/* スクロールバーの背景部分をカスタマイズ */
.footer-top .other-link::-webkit-scrollbar-track {
  background: #f6f7f8; /* スクロールバーの背景色 */
  border-radius: 5px; /* 角丸にする */
}

/* スクロールバーの操作部分をカスタマイズ */
.footer-top .other-link::-webkit-scrollbar-thumb {
  background: var(--lightPink); /* スクロールバーの操作部分の背景色 */
  border-radius: 5px; /* 角丸にする */
}

/* スクロールバーの操作部分にホバーした時のスタイル */
.footer-top .other-link::-webkit-scrollbar-thumb:hover {
  background: var(--pink); /* ホバー時のスクロールバーの操作部分の背景色 */
}

/**フッターここまで**/

/**共通コンテンツここから**/
.margin{
  margin-top: 10vw;
}
.margin5 {
  margin-top: 5vw;
}
.content80{
  width: 80%;
  margin: 0 auto;
}
.content70 {
  width: 70%;
  margin: 0 auto;
}
.content60{
  width: 60%;
  margin: 0 auto;
}
.content45 {
  width: 45%;
  margin: 0 auto;
}

.padding{
  padding-top: 0vw;
}

.button a {
  background-color: #7cb0ed;
  color: #fff;
  border-radius: 1.5vw;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  max-width: 80%;
  padding: 1vw;
  font-family: "Noto Sans Japanese";
  text-decoration: none;
  line-height: 1.8;
  transition: 0.3s ease-in-out;
  font-weight: 500;
}
.button a:after {
content: "";
position: absolute;
top: 50%;
bottom: 0;
right: 2rem;
font-size: 90%;
display: flex;
justify-content: center;
align-items: center;
transition: right 0.3s;
width: 6px;
height: 6px;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor;
transform: translateY(-50%) rotate(45deg);
}
.button a:hover {
background: #F0BF1C;
color: #FFF;
}
.button a:hover:after {
right: 1.4rem;
}
.button a img{
  width: 8vw;
  padding-right: 1vw;
}

.title_img img{
  width: 12vw;
}
.title_img h1{
  font-size: 2vw;
  color: #333333;
  margin: 0;
  padding: 0;
}

.split{
  display: flex;
  margin: 0 auto;
}
.split_harf_child{
  width: 50%;
}
.split_third_child{
  width: 33%;
  padding-left:1%;
  padding-right: 1%;
}
.split_30_child{
  width: 30%;
}
.split_70_child{
  width: 68%;
  padding-left: 2%;
}
.split_reverse{
  flex-direction:row-reverse
}

.title{
  text-align: center;
}
.title img{
  width: 20vw;
  margin: 0 auto;
}
.pc{
  display: block;
}
.smaho{
  display: none;
}

.banner{
  position: relative;
  margin: 0 auto;
  margin-top: 3vw;
  padding: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.banner80{
  width: 80%;
  margin: 0 auto;
}
.banner60{
  width: 60%;
  margin: 0 auto;
}

.banner img{
  width: 100%;
  transition: all 0.5s ease-in-out;
}
.banner:hover img{
  transform:scale(1.02,1.02);
}

/*
追加分
------------------------------------*/
/* 通常hover
---------------------*/
.pinkhover {
  transition: all 0.2s;
}
.pinkhover:hover,
.pinkhover:hover h3,
.pinkhover:hover p {
  color: var(--lightPink);
  transition: all 0.2s;
}


/* 下線+丸ボタン
----------------------*/
.btn01 {
  position: relative;
  font-size: 1.2vw;
  font-family: ZenMaruGothic;

  transition: all 0.3s;
  transition-delay: 0.1s;
}
.btn01::before {
  position: absolute;
  content: '';
  background-color: var(--lightPink);
  width: 3vw;
  height: 3vw;
  border-radius: 50px;
  right: -1.2vw;
  top: -0.5vw;
  opacity: 0.5;
  z-index: -1;

  transition: all 0.3s;
}
.btn01::after {
  position: absolute;
  content: '';
  background-color: var(--black);
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;

  transition: all 0.3s;
  transition-delay: 0.1s;
}
.btn01 i {
  color: #fff;
  font-size: 1vw;
  margin-left: 0.7vw;

  transition: all 0.3s;
}

/* ホバー */
.btn01:hover {
  color: #fff;
  transition: all 0.3s;
}
.btn01:hover::before {
  width: 120%;
  opacity: 0.7;
  transition: all 0.3s;
  transition-delay: 0.1s;
}
.btn01:hover::after {
  opacity: 0;
  transition: all 0.3s;
  transition-delay: all 0.1s;
}
.btn01:hover i {
  transform: translateX(0.3vw);
  transition: all 0.4s;
  transition-delay: all 0.3s;
}

/*
囲み+丸
--------------------------*/
.btn02 {
  position: relative;
  font-size: 1vw;
  padding: 1vw 4vw;
  border: 1px solid var(--black);
  border-radius: 50px;
  background-color: #fff;
  overflow: hidden;
  transition: all 0.3s;
}
.btn02 span {
  position: relative;
  z-index: 10;
}
.btn02::before {
  position: absolute;
  content: '';
  width: 3.5vw;
  height: 3.5vw;
  border-radius: 50px;
  right: 0;
  top: 0;
  background-color: var(--lightPink);
  opacity: 0.5;
  transition: all 0.3s;
}
.btn02 i {
  position: absolute;
  color: #fff;
  right: 1.3vw;
  top: 50%;
  transform: translateY(-50%);
}
/* ホバー */
.btn02:hover {
  border: none;
  color: #fff;
  transition: all 0.3s;
}
.btn02:hover::before {
  width: 100%;
  transition: all 0.3s;
  opacity: 1;
}

/*
四角＋丸い矢印+囲み
------------------------------*/
.btn03 {
  position: relative;
  border: var(--darkGray) solid 1px;
  border-radius: 20px;
}

/* ホバー */
.btn03:hover {
  border-color: var(--lightPink);
}

.btn03,
.btn03:hover {
  transition: all 0.2s;
}

/*
四角＋イメージカラー
--------------------------*/
.btn04 {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--black);
  border-radius: 10px;
  padding: 1.5vw;
}
.btn04 .item-color {
  position: absolute;
  content: '';
  width: 6vw;
  height: 6vw;
  border-radius: 50%;
  right: -3vw;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.5;
  z-index: -1;
  transition: all 0.3s;
}
/* ホバー */
.btn04:hover .item-color {
  right: 0;
  width: 100%;
  border-radius: 10px;
  transition: all 0.3s;
}

/*固定ページ装飾なし*/
.nottitle {
  padding-top: 12vw;
}

.page-defaults .page-nottitle h2 {
  font-size: 1.8vw;
}

/**共通コンテンツここまで**/

/**トップメインここから**/

/*　背景アニメーション削除
.main .back img{
  width: 100%;
  margin-top: 5vw;
}
*/

/* marginの調節 */
.main p {
  margin: 0;
}
.main figure {
  margin: 0;
}
/* */

#main {
  position: relative;
  width: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  transition: 0.5s;
  z-index: 100;
}

.main .main-content {
  display: flex;
  justify-content: space-between;
}

/* 写真 */
.main .topimg img{
  width: 18vw;
  margin-right: 16vw;
  margin-top: 10vw;
}

/* キャッチフレーズ */
.main .tagline {
  margin-left: 12vw;
  margin-top: 13.5vw;
}

.main .main-text {
  position: relative;
  font-size: 4.3vw;
  color: var(--black);
  font-family: ZenMaruGothic;
  font-weight: 500;
}

.main .main-text .pink,
.main .main-text .yellow {
  display: inline-block;
  position: relative;
  color: rgba(255, 255, 255, 0);
  -webkit-text-stroke: 1px var(--black);
  text-stroke: 1px var(--black);

  font-size: 132%;
  right: 6px;
  bottom: 6px;
  z-index: 10;
}

.main .main-text .pink {
  text-shadow: 6px 6px 0px var(--lightPink);
  margin-right: 2.7vw;
}
.main .main-text .pink::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: var(--black);
  left: 50%;
  bottom: 0.8vw;
  transform: translateX(-50%);
}

.main .main-text .yellow {
  text-shadow: 6px 6px 0px var(--yellow);
  margin-top: 2vw;
}
.main .main-text .yellow::after {
  position: absolute;
  content: '';
  width: 105%;
  height: 1px;
  left: 0;
  bottom: 0.8vw;
  background-image:
  linear-gradient(90deg, 
  rgba(64, 64, 64, 1) 80%,
  rgba(64, 64, 64, 0) 80%, 85%,
  rgba(64, 64, 64, 1) 85% 92%,
  rgba(64, 64, 64, 0) 92%, 97%,
  rgba(64, 64, 64, 1) 97%);
}

.main .main-text .back-te,
.main .main-text .back-ra {
  position: relative;
  right: auto;
  bottom: auto;
}
.main .main-text .back-te {
  font-size: 115%;
}
.main .main-text .back-te::before {
  position: absolute;
  content: '';
  width: 5.9vw;
  height: 5vw;
  background: #fff;
  z-index: -1;
  left: 0.4vw;
  top: 50%;
  transform: translateY(-50%);
}

.main .main-text .back-ra::before {
  position: absolute;
  content: '';
  width: 4vw;
  height: 6.2vw;
  background: #fff;
  z-index: -1;
  left: 1.1vw;
  top: 50%;
  transform: translateY(-50%);
}

/*
.main .tagline br{
  position: absolute;
  display: block;
  content: "";
}
*/

/* キャッチフレーズのあしらい*/
.main .tag-design {
  position: relative;
  z-index: 1;
}
.main .tag-design img {
  position: absolute;
}
.main .tag-design .kirakira01 {
  width: 1.3vw;
  left: -1.5vw;
  top: 0.7vw;
}
.main .tag-design .kirakira02 {
  width: 2.1vw;
  left: 34.2vw;
  top: 5.3vw;
}
.main .tag-design .kumo {
  width: 13.5vw;
  top: 15vw;
  left: -3.3vw;
}
.main .tag-design .pikapika {
  width: 3.1vw;
  top:  9.8vw;
  left: -2.2vw;
}

/* トップニュース */
.main .news {
  position: relative;
  color: var(--darkGray);
  width: 48%;
  margin-top: 4.5vw;
  bottom: 0;
}

.main .news .news-text{
  position: relative;
  box-shadow: 7px 0px 0 var(--lightPink);
  border: solid 1px var(--gray);
  background-color: #fff;
  border-radius: 20px;
  padding: 1vw 5px 1vw 13vw;
}

.main .news .kumo-sm {
  position: absolute;
  display: none;
}
.main .news .kumo {
  position: absolute;
  display: block;
  width: 12vw;
  height: auto;
  bottom: 0;
  left: 0;
}
.main .news h2 {
  position: absolute;
  display: inline;
  margin: 0;
  font-family: ZenMaruGothic;
  font-size: 1.7vw;
  font-weight: 400;
  letter-spacing: 0.2rem;
  bottom: 1vw;
  left: 2.7vw;
  z-index: 10;
}

.main .news ul {
  margin: 0;
  padding: 0 0 5px 0;
}
.main .news-title a{
  font-family: ZenMaruGothic;
  font-weight: 400;
  text-decoration: none;
  font-size: 1.1vw;
  color: var(--darkGray);
}
.main .news-title a:hover{
  color: var(--lightPink);
}
.main .news_list p {
  margin: 0;
}
.main .news_list a{
  text-decoration: none;
  color: #999;
  font-size: 0.8vw;
}
.main .news_list a:hover{
  color: var(--lightPink);
}

/* 背景の装飾 */
.main .back-img .denkyu-p01,
.main .back-img .denkyu-p02,
.main .back-img .denkyu-y01,
.main .back-img .denkyu-y02,
.main .back-img .denkyu-y03,
.main .back-img .denkyu-heart-p,
.main .back-img .denkyu-heart-y,
.main .back-img .kumo1-1,
.main .back-img .kumo1-2,
.main .back-img .kumo1-3,
.main .back-img .kumo1-4,
.main .back-img .kumo2,
.main .back-img .kumo3 {
  position: absolute;
}

.main .back-img .denkyu-p01 {
  display: none;
}
.main .back-img .denkyu-p02 {
  display: none;
}
.main .back-img .denkyu-y01 {
  width: 6vw;
  right: 0.7%;
  top: 0;
}
.main .back-img .denkyu-y02 {
  width: 3.5vw;
  left: 5%;
  top: 7.5vw;
}
.main .back-img .denkyu-y03 {
  width: 3vw;
  right: 10%;
  top: 39vw;
}

/* ハート電球 */
.main .back-img .denkyu-heart-p {
  width: 4.5vw;
  right: 45%;
  top: 29vw;
}
.main .back-img .denkyu-heart-y {
  display: none;
}

/* 雲 */
.main .back-img .kumo1-1 {
  width: 10vw;
  right: 4.5%;
  top: 26vw;
  opacity: 0.7;
}
.main .back-img .kumo1-2 {
  width: 8vw;
  transform: scale(1, -1);
  top: 8vw;
  right: 41%;
  opacity: 0.9;
}
.main .back-img .kumo1-3 {
  width: 9.8vw;
  right: 30%;
  top: 44vw;
  opacity: 0.7;
}
.main .back-img .kumo2 {
  width: 12vw;
  left: -8.5%;
  top: 15vw;
  opacity: 0.7;
}
.main .back-img .kumo3 {
  width: 15vw;
  top: -2vw;
  left: 23%;
  opacity: 0.8;
}
/**トップメインここまで**/

/* レイヤー順の調節、トップページ共通 */
.top-container {
  position: relative;
  padding: 12vw 0 0;
}
.top-container h1 {
  display: inline;
  text-align: left;
  font-family: ZenMaruGothic;
  font-weight: 400;
  color: var(--black);
  margin: 0;
  border-bottom: var(--black) 1px solid;
}

.top-container h2 {
  position: relative;
  text-align: center;
  font-family: ZenMaruGothic;
  font-weight: 400;
  font-size: 1.7vw;
  color: var(--black);
  margin: 0;
}
.top-container h2::before {
  position: absolute;
  content: url(img/pinkdot.png);
  top: 0;
  left: 50%;
  transform: translateX(-50%) scale(0.1);
}

.top-container h3 {
  margin: 0;
  font-family: ZenMaruGothic;
  color: var(--black);
}
.top-container .title h3 {
  font-size: 2vw;
  font-weight: 400;
}
.top-container .title .title-sub {
  font-family: ZenMaruGothic;
  font-weight: 400;
  color: var(--pink);
}

.top-container .margin {
  margin-top: 15vw;
}

.top-container li {
  list-style: none;
}
.top-container p {
  color: var(--black);
  font-size: 1vw;
  line-height: 2.7vw;
  margin: 0;
}
.top-container a {
  text-decoration: none;
  color: var(--black);
  font-family: ZenMaruGothic;
}
.top-container figure {
  margin: 0;
}

/**トップ01ここから**/
#top01 h1{
  font-size: 2.4vw;
}
#top01 h1 span {
  color: var(--pink);
}
#top01 p {
  width: 80%;
  margin: 3vw auto;
  padding: 2vw;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 20px;
}
#top01 .btn {
  text-align: right;
  padding-right: 3vw;
}

#top01 .back-img {
  position: relative;
  z-index: -1;
}
#top01 .back-img .denkyu-p,
#top01 .back-img .denkyu-y,
#top01 .back-img .kumo1-1,
#top01 .back-img .kumo1-2,
#top01 .back-img .kumo1-3,
#top01 .back-img .kumo1-4 {
  position: absolute;
}
/* 電球 */
#top01 .back-img .denkyu-p {
  width: 10vw;
  left: -12vw;
  top: 10vw;
}
#top01 .back-img .denkyu-y {
  width: 9vw;
  right: -14vw;
  top: 20vw;
}
/* 雲 */
#top01 .back-img .kumo1-1 {
  width: 8vw;
  left: -17vw;
  top: 2vw;
}
#top01 .back-img .kumo1-2 {
  width: 8vw;
  left: -3vw;
  top: 26vw;
  transform: scale(-1,-1);
}
#top01 .back-img .kumo1-3 {
  width: 8vw;
  right: -5vw;
  top: 12vw;
}
#top01 .back-img .kumo1-4 {
  width: 8vw;
  right: -18vw;
  top: 31vw;
}

/*
.top01 .split_harf_child{
  margin-left: 5vw;
  margin-top: 3vw;
  padding-right: 2vw;
  font-size: 1.2vw;
}
.top01 .split_harf_child img{
  width: 100%;
}
.top01 .split_harf_child a{
  text-decoration: none;
}

.top01 .button a img{
  width: 8vw;
}
*/

/**トップ01ここまで**/


/**トップ02ここから**/
#top02 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#top02 .item {
  width: 45%;
}
#top02 h1 {
  font-size: 2.5vw;
}
#top02 h1 span {
  font-size: 120%;
  font-weight: 500;
  -webkit-text-stroke: 1px var(--black);
  color: rgba(255, 255, 255, 0);
  text-shadow: 3px 3px 0 var(--lightPink);
}
#top02 .text {
  padding: 1vw 2vw 2vw 0.5vw;
}

#top02 .phot {
  position: relative;
  width: 45%;
}
#top02 .phot img {
  border: var(--darkGray) 1px solid;
  border-radius: 20px;
}
#top02 .phot .kumo1-1,
#top02 .phot .kumo1-2 {
  position: absolute;
  width: 8vw;
  border: none;
}
#top02 .phot .kumo1-1 {
  left: -3vw;
  top: -1.5vw;
  transform: scale(-1,-1)
}
#top02 .phot .kumo1-2 {
  right: -3vw;
  bottom: -1vw;
}

/*
.top02 .title{
  font-size: 2.5vw;
  color: #333333;
}
.top02 .split{
  display: flex;
}
.top02 .split_harf_child{
  width: 50%;
}
.top02 .split_harf_child img{
  left: 0;
  width: 90%;
}
.top02 .split_harf_child .top02r .title_img img{
  width: 12vw;
}
.top02back img{
  position: relative;
}
.top02r{
  position: absolute;
  margin-top: -30vw;
}
.top02r p{
  margin-top: 10vw;
  margin-left: 10%;
  width: 44%;
  font-size: 1vw;
}
*/
/**トップ02ここまで**/

/**トップ事業内容ここから**/
.top03 {
  margin-top: 3vw;
  margin-bottom: 10vw;
}

.top03 .item-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.5vw;
  margin-top: 4vw;
}

.top03 .btn04 {
  font-size: 1.3vw;
}

.top03 .btn {
  margin-top: 3vw;
  text-align: center;
}
.top03 .btn01 {
  padding-left: 1vw;
}

/*
.top03{
  width: 100%;
  background-color: #EE827C;
}
.top03 .split{
  width: 80%;
  margin: 0 auto;
}
.top03 .split_harf_child{
  margin-top: 5vw;
  margin-bottom: 5vw;
}
.top03 .split_harf_child img{
  width: 100%;
}
.top03 .split_harf_child p{
  color: #fff;
  width: 80%;
  margin:0 auto;
  margin-top: 8vw;
  font-size: 1.1em;
}

.top03 .button a {
  background-color: #F0BF1C;
  color: #fff;
  margin-top: 5vw;
}
.top03 .button a:hover {
  background: #f0981c;
  color: #FFF;
  }
*/
/**トップ事業内容ここまで**/

/**トップ新着ブログここから**/
.newblog-top {
  width: 100%;
}

.new_blog {
  position: relative;
  top: -1vw;
  background-color: var(--milk);
  width: 100%;
  padding-bottom: 33vw;
}

.new_blog .blog-list {
  margin-top: 3vw;
  margin-bottom: 5vw;
}
.new_blog .blog-item {
  display: block;
  background-color: #fff;
  border: var(--black) 1px solid;
}
.new_blog .blog-item:hover {
  scale: 1.1;
}

.new_blog .blog-item:hover {
  box-shadow: none;
}

.new_blog .blog-item h4 {
  display: inline;
  color: var(--black);
  padding-bottom: 0.3vw;
  line-height: 2em;
  background-position: left bottom;
  background-repeat: repeat-x;
}
.new_blog .blog-item time {
  color: var(--black);
}

/*
.new_blog .item-list {
  display: flex;
  justify-content: center;
  align-items: start;
  margin-top: 3vw;
  margin-bottom: 5vw;
}
.new_blog .item {
  width: 20%;
  margin: 0 1vw;
}

.new_blog h3 {
  font-size: 1.15vw;
  font-family: ZenMaruGothic;
  font-weight: 400;
  margin: 0.5vw 0 0;
}

.new_blog .blog-item {
  background-color: #fff;
  border: var(--black) solid 1px;
  border-radius: 15px;
  padding: 1vw;
}

.new_blog .blog-phot img {
  border: var(--black) solid 1px;
  border-radius: 15px;
  object-fit: cover;
  aspect-ratio: 16/9;
  width: 100%;
  height: 10vw;
}


.new_blog .blog-author {
  position: absolute;
  display: inline-block;
  font-size: 0.7vw;
  font-family: ZenMaruGothic;
  color: #fff;
  line-height: normal;
  padding: 0.5vw 0.8vw;
  border-radius: 50px;
  top: 9.5vw;
  left: 0.85vw;
  max-width: 80%;
}
.new_blog .blog-content {
  text-align: left;
  height: auto;
  padding-top: 1.2vw;
}

.new_blog .like {
  position: absolute;
  right: 1vw;
  bottom: 0.5vw;
}

.new_blog .blog-item {
  display: block;
  transition: all 0.2s;
  height: 19vw;
}
.new_blog .blog-item:hover {
  transform: scale(1.1,1.1);
  transition: all 0.2s;
}
*/

.new_blog .btn {
  text-align: center;
}

/**トップ新着ブログここまで**/

/**トップ新着イベント、システム更新情報ここから**/
.notice-top {
  position: relative;
  width: 100%;
  top: -21vw;
}
.notice {
  position: relative;
  width: 100%;
  top: -10vw;
  background-color: #fff;
}

.notice-title h1 {
  font-size: 2.5vw;
  font-weight: 500;
}
.notice-title .title-sub {
  line-height: 1.5vw;
}

.notice-title a {
  position: relative;
  display: inline-block;
  font-size: 1vw;
  margin-top: 1.5vw;
  transition: all 0.2s;
}
.notice-title a::before,
.notice-title a i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s;
}
.notice-title a::before {
  content: '';
  width: 1.5vw;
  height: 1.5vw;
  border-radius: 50%;
  left: 6vw;
}
.notice-title a i {
  font-size: 0.8vw;
  color: #fff;
  left: 6.4vw;
}

.notice-title a span {
  transition: all 0.2s;
}
.notice-title a:hover span {
  color: var(--gray);
  transition: all 0.2s;
}

.notice-title {
  width: 26%;
}
.notice-cont {
  width: 60%;
  margin-left: 12vw;
}
.notice-cont h3 {
  font-size: 1.5vw;
  font-weight: 400;
}

.notice .event,
.notice .update {
  display: flex;
  justify-content: space-between;
  align-items: start;
} 
/*
イベント
-----------------------------*/
.event .notice-title .title-sub {
  color: var(--lightPink);
}
.event .notice-title a::before {
  background-color: var(--lightPink);
  border: var(--lightPink) 1px solid;
}
.event .notice-title a:hover::before {
  background-color: #fff;
  transition: all 0.2s;
}
.event .notice-title a:hover i {
  color: var(--lightPink);
  transition: all 0.2s;
}

.event .notice-cont {
  border: 1px solid var(--black);
  border-radius: 20px;
  padding: 1vw;
}

.event .notice-cont h3 {
  margin-top: 1.5vw;
}

.event .item {
  display: flex;
  justify-content: left;
  align-items: start;
  transition: all 0.2s;
}
.event .border {
  padding: 1vw;
  background-color: #fff;
  background-image: linear-gradient(to right, #ccc 7px, transparent 7px);
  background-size: 15px 1px;
  background-repeat: repeat-x;
  background-position: center;
}
.event .border:first-of-type {
  display: none
}

/* hover */
.event .item:hover {
  background-color: #f6f7f8;
  transition: all 0.3s;
}
.event .item:hover .item-phot {
  transform: scale(1.1,1.1);
  transition: all 0.3s;
}

.event .item-phot {
  width: 40%;
  margin: 1vw;
  transition: all 0.2s;
}
.event .item-phot img {
  width: 100%;
  height: auto;
  border: var(--black) solid 1px;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.event .item-cont {
  width: 79%;
  padding-top: 1vw;
  margin-left: 1vw;
}
.event .item-author {
  font-size: 0.9vw;
  line-height: 2vw;
  color: var(--darkGray)
}
/* hover */
.event .item:hover h3,
.event .item:hover p {
  transition: all 0.3s;
}

/*
システム更新
----------------------------*/
.update .notice-title .title-sub {
  color: var(--yellow);
}
.update .notice-title a::before {
  background-color: var(--yellow);
  border: var(--yellow) 1px solid;
}
.update .notice-title a:hover::before {
  background-color: #fff;
  transition: all 0.2s;
}
.update .notice-title a:hover i {
  color: var(--yellow);
  transition: all 0.2s;
}

.update .notice-cont {
  margin-top: 3vw;
}
.update .item-cont {
  padding: 0 1vw 0.5vw;
  margin-bottom: 2vw;
  border-bottom: var(--gray) 1px solid;
}

.update .item,
.update .item .item-cont,
.update .item h3 {
  transition: all 0.2s;
}
.update .item:hover,
.update .item:hover .item-cont,
.update .item:hover h3 {
  color: var(--yellow);
  border-bottom-color: var(--yellow);
  transition: all 0.2s;
}

/*
.new_update > h2{
  color: #EE827C;
  text-align: center;
  font-size: 2em;
  margin-top: 2vw;
  margin-bottom: 2vw;
}
.new_update .list_link{
  margin: auto;
  width: 60%;
  text-decoration: none;
  display: block;
  color: #EE827C;
  text-align: center;
  font-size: 1.5em;
  margin-top: 2vw;
  border:2px solid #EE827C;
  padding-top: 1vw;
  padding-bottom: 1vw;
}
.new_update > .list_link:hover{
  color: #F0BF1C;
  border:2px solid #F0BF1C;
  transition : all 0.5s ease 0s;
}

.new_update .item {
  display: flex;
  justify-content: left;
  align-items: center;
  border: none;
  width: 90%;
  color: var(--darkGray);
  border-bottom: 2px solid #EE827C;
  padding-bottom: 0.5vw;
  margin: 5vw auto;
  text-decoration: none;
  font-size: 1.5vw;
}
.new_update .item .tag  {
  font-size: 70%;
  margin-right: 3vw;
}

.new_update .item:hover {
  color: #F0BF1C;
  border-color: #F0BF1C;
  transition : all 0.5s ease 0s;
}
*/
/**トップ新着イベント、システム更新情報ここまで**/

/*
固定ページ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/**固定ページデフォルト共通**/
.page-defaults .title {
  margin-bottom: 2vw;
}

.page-defaults h1 {
  display: inline;
  text-align: left;
  font-family: ZenMaruGothic;
  font-weight: 400;
  color: var(--black);
  margin: 0;
  border-bottom: var(--black) 1px solid;
}

/* 左寄せ */
.page-defaults h2 {
  position: relative;
  font-family: ZenMaruGothic;
  font-weight: 400;
  font-size: 2vw;
  color: var(--black);
  padding-left: 1.5vw;
  margin: 0 0 2vw;
}
.page-defaults h2::after {
  position: absolute;
  content: '';
  background-color: var(--lightPink);
  height: 90%;
  width: 0.5vw;
  border-radius: 50px;
  left: 0;
  top: calc(50% + 1px);
  transform: translateY(-50%);
}

/* 中心　*/
.page-defaults .title h2 {
  position: relative;
  margin: 0 0 5vw;
  padding-left: 0;
}
.page-defaults .title h2::before {
  position: absolute;
  content: url(img/pinkdot.png);
  top: 0.3vw;
  left: 50%;
  transform: translateX(-50%) scale(0.1);
}
.page-defaults .title h2::after {
  position: static;
}

.page-defaults h3 {
  margin: 0;
  font-family: ZenMaruGothic;
  font-weight: 400;
  color: var(--black);
}
.page-defaults .title h3 {
  font-size: 2.1vw;
  font-weight: 400;
}
.page-defaults .title .title-sub {
  font-family: ZenMaruGothic;
  font-weight: 400;
  color: var(--pink);
}

.page-defaults h4 {
  display: inline;
  color: var(--black);
  font-size: 1.8vw;
  font-weight: 400;
  font-family: ZenMaruGothic;
  padding: 0 0.3vw;
  padding-bottom: 0.5vw;

  background-image: radial-gradient(circle, #999999 2px, transparent 2px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 16px 4px;
}

.page-defaults .dot-small {
  font-size: 1.5vw;
  padding-bottom: 0.2vw;
  background-image: radial-gradient(circle, #999999 1px, transparent 1px);
  background-size: 10px 2px;
}


.page-defaults li {
  list-style: none;
}
.page-defaults p {
  color: var(--black);
  font-size: 1vw;
  line-height: 2.7vw;
  margin: 0;
}
.page-defaults a {
  text-decoration: none;
  color: var(--black);
  font-family: ZenMaruGothic;
}

/* 線が途切れた囲い線 */
.box-wrapper {
  position: relative;
  border: var(--black) solid 1px;
  border-radius: 20px;
}
.box-wrapper::before,
.box-wrapper::after {
  position: absolute;
  content: '';
  background-color: #fff;
  height: 1.5vw;
  width: 1px;
}
.box-wrapper::before {
  left: -1px;
  top: 1.5vw;
}
.box-wrapper::after {
  right: -1px;
  bottom: 1.5vw;
}

/* リストのドットの削除 
.page-defaults ul {
  list-style-type: none!important;
}
*/

/** 固定ページトップタイトル **/
.page-defaults .top-title{
  position: relative;
  height: 36vw;
  margin-bottom: 6vw;
}
.page-defaults .top-title .title {
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.page-defaults .top-title h1{
  position: relative;
  display: inline-block;
  font-size: 3.5vw;
  font-weight: 500;
  left: 3px;
  bottom: 3px;
  border-bottom: 1px solid var(--black);
  color: rgba(255, 255, 255, 0);
  -webkit-text-stroke: 1px var(--black);
  text-shadow: 3px 3px 0 var(--lightPink);
}


/* 背景のあしらい */
.page-defaults .back-img .denkyu-p01,
.page-defaults .back-img .denkyu-p02,
.page-defaults .back-img .denkyu-y01,
.page-defaults .back-img .denkyu-y02,
.page-defaults .back-img .kumo01,
.page-defaults .back-img .kumo02,
.page-defaults .back-img .kumo03,
.page-defaults .back-img .kumo04 {
  position: absolute;
}

/* 電球 */
.page-defaults .back-img .denkyu-p01 {
  width: 3.5vw;
  left: 26vw;
  top: 8vw;
}
.page-defaults .back-img .denkyu-p02 {
  width: 3vw;
  right: 32vw;
  top: 29vw;
  opacity: 0.7;
}
.page-defaults .back-img .denkyu-y01 {
  width: 6vw;
  top: 23vw;
  left: 16vw;
  opacity: 0.6;
}
.page-defaults .back-img .denkyu-y02 {
  width: 4.5vw;
  right: 20vw;
  top: 15vw;
}

/* 雲 */
.page-defaults .back-img .kumo01 {
  width: 10vw;
  left: 1vw;
  top: 9vw;
  opacity: 0.8;
}
.page-defaults .back-img .kumo02 {
  width: 10.5vw;
  right: 5vw;
  top: 26vw;
  opacity: 0.7;
}
.page-defaults .back-img .kumo03 {
  width: 6vw;
  left: 35vw;
  top: 25vw;
  transform: scale(1, -1);
}
.page-defaults .back-img .kumo04 {
  width: 8vw;
  right: 25.5vw;
  top: 4.5vw;
  transform: scale(-1, -1);
}

/**
事業内容ページここから
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー**/
/*
.jigyo{
  position: relative;
  width: 100%;
  padding-top: 7vw;
}
.jigyo > .title{
  display: flex;
  align-items: center; 
  justify-content: center; 
}
.jigyo > .title h1{
  font-size: 2vw;
  color: #333333;
}
.jigyo .child_title{
  text-align: center;
  margin-top: 5vw;
  margin-bottom: 5vw
}
.jigyo .child_title img{
  width: 25vw;
}
.jigyo > .title::before,.jigyo > .title::after{
  border-top: 1px solid;
  content: "";
  width: 3em; /* 線の長さ 
}
.jigyo > .title::before{
  margin-right: 1em; /* 文字の右隣 
}
.jigyo > .title::after{
  margin-left: 1em;/*文字の左隣
}
.jigyo img{
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.jigyo .smaho{
  display: none;
}
.jigyo .collegetop img{
  width: 80%;
}
.jigyo .collegetop{
  position: absolute;
  margin-top: -22vw;
  color: #FFF;
}
.jigyo .collegetop h1{
  margin-top: 2vw;
  font-size: 2vw;
}
.jigyo .collegetop p{
  width: 80%;
  font-size: 90%;
}
.jigyo .kakeru{
  position: absolute;
  z-index: 10;
  width: 10vw;
  top:48.75vw;
  left:45vw;
}

.jigyo .content80 .title_img{
  text-align: center;
  margin-bottom: 5vw;
}
.jigyo .content80 .title_img img{
  width: 12vw;
}
.jigyo .tokucho_img{
  text-align: right;
}
.jigyo .tokucho_img img{
  width: 80%;
}
.jigyo .college_tokucho .pc,
.jigyo .college_tokucho .smaho{
  font-size: 2.2vw;
  color: #EE827C;
  border-bottom: 6px solid;
  border-image: linear-gradient(to right, #EE827C 0%, #F0BF1C 100%);
  border-image-slice: 1;
}
.jigyo .college_tokucho .split_harf_child h2{
  margin-left: 2vw;
  font-size: 1.5vw;
}
.jigyo .college_tokucho .split_harf_child ol{
  counter-reset: item;
  list-style: none;
}
.jigyo .college_tokucho .split_harf_child ol li{
  padding-top: 0.8vw;
  padding-bottom: 0.8vw;
  font-size: 1.5vw;
  padding-left: 5vw;
}
.jigyo .college_tokucho .split_harf_child ol li::before{
  counter-increment: item;
  content: counter(item);
  background-color: #EE827C;
  color: #fff;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3vw;
  height: 3vw;
  line-height: 1;
  position: absolute;
  left:13vw;
  margin-top: -0.4vw;
}
*/

/** 
事業内容一覧
-----------------------------------------**/

/*
一覧 共通
-------------------------*/
/* リンク */
.item-link {
  text-align: right;
}
.jigyou .btn01 {
  font-size: 1.3vw;
  padding-left: 1vw;
  padding-bottom: 0.3vw;
  right: 0;
}
.jigyou .btn01 i {
  font-size: 1.2vw;
  margin-left: 1vw;
}
.jigyou .btn01 .item-color {
  position: absolute;
  content: '';
  width: 3vw;
  height: 3vw;
  border-radius: 50px;
  right: -1vw;
  top: -0.5vw;
  opacity: 0.5;
  z-index: -1;
  transition: all 0.3s;
}
.jigyou .btn01::before {
  display: none;
}
/* リンクの動き */
.jigyou .btn01:hover {
  color: #fff;
  transition: all 0.3s;
}
.jigyou .btn01:hover .item-color {
  width: 125%;
  opacity: 1;
  transition: all 0.3s;
}


.jigyou img {
  width: 100%;
}

/*
メイン
-----------------------------*/
.jigyou {
  overflow: hidden;
  padding-top: 3vw;
}

.jigyou-main .item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20vw;
}

.jigyou-main .item .item-cont {
  width: 50%;
  padding-right: 1vw;
  padding-left: 3vw;
}

.jigyou-main .item h4 {
  position: relative;
  font-size: 2.2vw;
  font-weight: 500;
  padding-bottom: 0.5vw;
}
.jigyou-main h4 .item-color {
  position: absolute;
  content: '';
  width: 7vw;
  height: 7vw;
  left: -3vw;
  top: -2.5vw;
  border-radius: 50%;
  opacity: 0.5;
  z-index: -1;
}

.jigyou-main .item .item-text {
  color: var(--black);
  font-size: 1vw;
  line-height: 2.5vw;
  margin: 2vw 0;
  padding-left: 1vw;
}

/* 画像 */
.jigyou-main .item .item-icon {
  position: relative;
  width: 50%;
}

.jigyou-main .item .item-icon img  {
  position: absolute;
  background: #fff;
  width: 40vw;
  object-fit: cover;
  aspect-ratio: 16 / 9;
  border: var(--darkGray) solid 1px;
  border-radius: 15px;
  right: -28%;

}

/* 偶数行 */
.jigyou-main .item:nth-child(even) {
  flex-direction: row-reverse;
}
.jigyou-main .item:nth-child(even) .item-cont {
  padding-left: 3vw;
}
.jigyou-main .item:nth-child(even) .item-icon img {
    width: 40vw;
  right: auto;
  left: -30%;
}


/*
サブ
------------------------------------------*/
.jigyou-sub  {
  width: 65%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7vw;
  row-gap: 7vw;
}

.jigyou-sub .item-cont {
  position: relative;
  top: -4.5vw;
}

.jigyou-sub .item-icon img {
  object-fit: cover;
  aspect-ratio: 4 / 3;
  border-radius: 20px;
}

.jigyou-sub h2 {
  position: relative;
  font-size: 1.8vw;
  font-weight: 500;
  background: #fff;
  border-radius: 0 20px 0 0;
  width: 82%;
  padding: 1vw;
  margin: 0;
}
.jigyou-sub h2 .item-color {
  position: absolute;
  content: '';
  width: 0.4vw;
  height: 2.5vw;
  border-radius: 50px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.jigyou-sub h2::after {
  display: none;
}

.jigyou-sub .item-text {
  margin-top: 1vw;
  padding-left: 1vw;
  padding-right: 0.5vw;
  color: var(--darkGray);
}

/* リンク */
.jigyou-sub .item {
  position: relative;
}
.jigyou-sub .item-link {
  position: absolute;
  right: 0;
  bottom: 1.5vw;
}
.jigyou-sub .item-link a {
  font-size: 1.2vw;
}

/**------------------------------------
事業内容一覧ここまで
**/

/** 就労移行支援 
.jigyo .college .split_third_child{
  text-align: center;
}
.jigyo .college .split_third_child h1{
  background-color: #7cb0ed;
  color: #fff;
  font-size: 2vw
}
.jigyo .shien .split_third_child h1{
  background-color: #EE827C;
}
.jigyo .college .split_third_child img{
  width: auto;
  height: 10vw;
}
.jigyo .college .split_third_child p{
  text-align: left;
}

.college > h1{
  text-align: center;
  margin-top: 5vw;
  font-family: corpround;
  color: #EE827C;
  font-size: 2.5vw;
}
.jigyo .button{
  margin: auto;
  width: 30vw;
}
.jigyo .button > a{
  background-color: #F0BF1C;
  font-size: 1.5vw
}

/** 就労継続支援A型 
.jigyo .jobtop{
  position: relative;
  margin: 0 auto;
}
.jigyo .jobtop > img{
  width: 100%;
  display: block;
}
.jigyo .jobtop .jobtopcont{
  position: absolute;
  width: 80%;
  height: 50%;
  margin-left: 10%;
  background-color: rgba(255, 255, 255, 0.8);
  top:25%;
}
.jobtopcont h3{
  text-align: center;
  margin-top: 5vw;
  font-size: 1.5vw;
  margin-bottom: -0.2vw;
}
.jobtopcont > .title{
  margin:0 auto;
  width: 80%;
  display: flex;
  flex-flow: wrap;
  align-items:flex-start;
  justify-content: center;
}
.jobtopcont h2{
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 4vw;
  color: #333333;
}
.jobtopcont .title > img{
  width: 50%;
  height: auto;
}
.jobtopcont p{
  text-align: center;
  margin-top:-0.2vw;
}



.job > h1{
  text-align: center;
  margin-top: 5vw;
  font-family: corpround;
  color: #EE827C;
  font-size: 2.5vw;
}
.job > .split > .split_third_child{
  text-align: center;
  border: solid 0.3vw #EE827C;
  border-radius: 1vw;
  margin: 1vw;
  padding-top: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.job > .split > .split_third_child img{
  width: 100%;
}

.job .mall{
  margin-top: 8vw;
  margin-bottom: 8vw;
}
/*ilumina mall の業務内容*
.job .mall > .split >.split_harf_child >figure > img{
  width: 100%;
  height: auto;
}
/*ilumina mallの横部分
.job .mall > .split >.split_harf_child >.split > .split_harf_child > h2{
  background-color: #EE827C;
  padding-top: 0.5vw;
  padding-bottom: 0.5vw;
  text-align: center;
  color: #fff;
  width: 100%;
}
.job .mall > .split >.split_harf_child >.split > .split_harf_child > figure > img{
  width: 100%;
  height: auto;
}

/*
.job .boshu{
  margin-top: 8vw;
}
.job .boshu h1{
  color: #EE827C;
  text-align: center;
  padding: 2vw;
  width: 100%;
  margin: auto;
  font-size: 5em;
}
.job .boshu p{
  text-align: center;
}
.job .a_insatsu{
  display: flex;
  justify-items: center;
  align-items: center;
  margin-bottom: 2vw;
}
.job .a_insatsu > div{
  margin: 0;
  padding: 0;
  background-color: #EE827C;
  color: #fff;
  padding: 2vw;
  width: 9vw;
  height: 2vw;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.job .a_insatsu p{
  font-size: 1vw;
}
.job .a_insatsu h2{
  color: #EE827C;
  font-size: 5em;
  margin: 0;
  padding: 0;
}
*/

/*
.job .split_harf_child{
  text-align: center;
  width: 48%;
  margin: 1%;
}
.job .split_harf_child h1{
  font-size: 2vw;
  background-color: #EE827C;
  color: #fff;
}
.job .split_harf_child img{
  width: auto;
  height: 10vw;
}
.job .split_harf_child p{
  text-align: left;
}
*/

/* 事業内容詳細ページ　共通
----------------------------------------*/
.jigyou_detail .top-title {
  position: relative;
  height: 38vw;
  margin-bottom: 3vw;
}

/* 背景の調節 */
/* 電球 */
.jigyou_detail .back-img .denkyu-p02 {
  top: 32vw;
}
.jigyou_detail .back-img .denkyu-y01 {
  top: 26vw;
}

/* 雲 */
.jigyou_detail .back-img .kumo03 {
  left: 33vw;
  top: 29vw;
}

.jigyou-title {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
  padding: 2.5vw;
  box-shadow: 1px 1px 5px -3px var(--gray);
  border-radius: 20px;
  top: 51%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.jigyou_detail .jigyou-title img {
  width: 25vw;
  margin: 1.5vw 0;
}
.jigyou_detail .jigyou-title h3 {
  font-size: 1.2vw;
  font-family: ZenMaruGothic;
  font-weight: 400;
  letter-spacing: 0.2vw;
  color: var(--darkGray);
  margin: 0;
}
.jigyou_detail .jigyou-title .ruby {
  font-size: 1vw;
}
.jigyou_detail .jigyou-title .marker {
  padding-bottom: 1px;
}

/* タイトル用 */
.jigyou_detail .title h3 {
  margin-bottom: 0;
}
.jigyou_detail .title h3 {
  padding-left: 0;
}

/* item共通 */
.jigyou_detail .item-list p,
.jigyou_detail .box-wrapper p {
  font-size: 0.9vw;
  line-height: 2.4vw;
}

/* 業務内容 */
.gyoumu {
  border-radius: 15px;
  background-color: var(--milk);
  padding: 3vw 5vw 5vw;
}
.gyoumu .item-list {
  border: var(--black) 1px solid;
  border-radius: 25px;
  background-color: #fff;
  padding: 2vw;
}
.gyoumu .gyoumu-item {
  position: relative;
  margin-top: 3vw;
  padding-top: 3vw;
  background-image: radial-gradient(circle, #999999 2px, transparent 2px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 16px 4px;
}
.gyoumu .gyoumu-item:first-of-type {
  margin-top: 0;
  padding-top: 0;
  background-image: none;
}

.gyoumu .item {
  display: flex;
  justify-content: center;
}

.gyoumu .item-phot {
  width: 40%;
  margin-top: 0.5vw;
  padding-right: 1vw;
}
.gyoumu .item-phot img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 15px;
  border: var(--black) 1px solid;
}

.gyoumu .item-cont {
  width: 60%;
  padding-left: 1vw;
}

.jigyou_b .banner {
  position: absolute;
}


/*
.jigyou_detail .gyoumu .item {
  display: flex;
  justify-content: left;
  align-items: start;

  padding: 2vw;
  margin-bottom: 3vw;
}

.jigyou_detail .gyoumu .item-icon {
  width: 45%;
}

.jigyou_detail .gyoumu .item-icon img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
}

.jigyou_detail .gyoumu .item-cont {
  margin-top: 2vw;
  margin-left: 4vw;
  width: 55%;
}
*/

/* 支援内容 */
.shien .item-list {
  display: flex;
  justify-content: center;
}
.shien .box-wrapper {
  width: 20vw;
  padding: 2vw;
  margin: 0 1vw;
}
.shien h3 {
  padding-bottom: 1vw;
  background-image: radial-gradient(circle, #999999 2px, transparent 2px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 16px 4px;
}
.jigyou_detail .shien .item-color {
  top: 0.2vw;
  transform: none;
}


/* 対象施設 */
.business-list .office-item {
  position: relative;
  border: var(--black) 1px solid;
  border-radius: 15px;
  padding: 2vw;
  overflow: hidden;
}

.business-list .office-item h4 {
  font-size: 1.7vw;
}
.business-list .office-item .office-img {
  width: 40%;
}
.business-list .office-cont {
  width: 60%;
  margin-left: 2vw;
}

.business-list .margin {
  margin-top: 5vw;
}


/* 業種 */
.business-list .shubetsu {
  margin-top: 1.5vw;
}
.business-list .shubetsu .item {
  width: 11vw;
}
.business-list .shubetsu .kids {
  width: 13vw;
}
.business-list .shubetsu p {
  line-height: 2.3vw;
}

/* 事業所の情報　*/
.business-list .office-cont .info {
  margin-top: 0.8vw;
}
.business-list .office-cont p {
  line-height: 2.2vw;
}

/** サイトリンク **/
.business-list .office-item .btn01 {
  bottom: 1vw;
  right: 2vw;
}
.business-list .office-item .btn01::before {
  position: absolute;
  content: '';
  width: 12vw;
  height: 12vw;
  border-radius: 50%;
  opacity: 0.5;
  top: auto;
  right: -8vw;
  bottom: -8vw;
  z-index: -1;
  transition: all 0.4s;
}
.business-list i {
  margin-left: 0;
}
/* 動きの調節 */
.business-list .office-item .btn01:hover {
  color: var(--black);
  transition: none;
}
.business-list .office-item .btn01:hover::after {
  opacity: 1;
}
.business-list .office-item .btn01:hover::before {
  width: 14vw;
  height: 14vw;
  opacity: 0.7;
  transition: all 0.4s;
}

/* 開校前でリンクあり */
.business-list .office-item .info h4 {
  font-size: 1.2vw;
}

/* 開校前でリンク無し */
.business-list .office-item .link-out:hover:before {
  width: 12vw;
  height: 12vw;
  opacity: 0.5;
  transition: none;
}

/* 開校済みでリンクあり */
.business-list .office-color {
  position: absolute;
  content: '';
  width: 12vw;
  height: 12vw;
  border-radius: 50%;
  opacity: 0.5;
  right: -6vw;
  bottom: -7vw;
}


/*
お仕事募集
------------------------------------*/
.boshu {
  border: var(--lightPink) 1px solid;
  border-radius: 20px;
  background-color: #fff;
  padding: 3vw 0;
}
.boshu .title {
  margin-bottom: 3vw;
}
.boshu .title h2 {
  margin-bottom: 0.5vw;
  padding-left: 0;
}
.boshu p {
  text-align: center;
}

.boshu .button {
  margin-top: 2vw;
}
.boshu a {
  position: static;
  color: #fff;
  font-weight: 400;
  font-size: 1.5vw;
  background-color: var(--lightPink);
  border: 1px solid var(--lightPink);
  border-radius: 60px;
  max-width: 50%;
  transition: all 0.3s;
}
.boshu a:hover {
  background-color: #fff;
  color: var(--lightPink);
  transition: all 0.3s;
}

/*
就労移行支援
ーーーーーーーーーーーーーーーーーーーーーー*/
/* ベースの調節 */
.jigyou_iko .box-wrapper::before,
.jigyou_iko .box-wrapper::after {
  position: static
}

.jigyou_iko .gyoumu {
  background: none;
}

/* 移行支援トップ
-----------------------*/
/* 背景調節 */
.iko-top {
  position: relative;
  padding: 7vw 0;
}
.iko-top .back-img .it h3,
.iko-top .back-img .it .pink01,
.iko-top .back-img .it .pink02,
.iko-top .back-img .kakeru h3,
.iko-top .back-img .kakeru .pink01,
.iko-top .back-img .kakeru .pink02,
.iko-top .back-img .fukushi h3,
.iko-top .back-img .fukushi .pink01,
.iko-top .back-img .fukushi .pink02 {
  position: absolute;
  z-index: -1;
  width: 18vw;
}

/* IT */
.iko-top .back-img .it .pink01,
.iko-top .back-img .it .pink02 {
  width: 17vw;
  top: 0;
  left: -3vw;
}
.iko-top .back-img .it .pink01 {
  top: -2vw;
}

/* 掛ける */
.iko-top .back-img .kakeru .pink01,
.iko-top .back-img .kakeru .pink02 {
  top: 50%;
  left: 50%;
}
.iko-top .back-img .kakeru .pink01 {
  top: calc(50% - 0.6vw);
  left: calc(50% + 0.4vw);
  width: 13vw;
  transform: translate(-50%,-50%) rotate(20deg);
}
.iko-top .back-img .kakeru .pink02 {
  top: calc(50% - 1vw);
  width: 12vw;
  transform: translate(-50%,-50%) rotate(80deg);
}

/* 福祉 */
.iko-top .back-img .fukushi .pink01,
.iko-top .back-img .fukushi .pink02 {
  /*top: 40vw;*/
  bottom: 0;
  right: 0;
}
.iko-top .back-img .fukushi .pink01 {
  transform: rotate(30deg);
}
.iko-top .back-img .fukushi .pink02 {
  transform: rotate(60deg);
  right: 2vw;
}

/* 文字 */
.iko-top .back-img .it h3,
.iko-top .back-img .kakeru h3,
.iko-top .back-img .fukushi h3 {
  font-family: 'M_PLUS_Rounded';
  color: #fff;
  opacity: 0.9;
  filter: blur(1px);
}
.iko-top .back-img .it h3 {
  font-size: 14vw;
  top: -3vw;
  left: -2vw;
  width: auto;
}
.iko-top .back-img .kakeru h3 {
  font-size: 9vw;
  top: calc(50% - 1.2vw);
  left: 50%;
  transform: translate(-50%,-50%);
  width: auto;
}
.iko-top .back-img .fukushi h3 {
  font-size: 8.5vw;
  bottom: 0;
  right: 0;
  width: auto;
}


/* メイン */
.iko-top .it-list,
.iko-top .fukushi-list {
  display: flex;
  align-items: start;
}

.iko-top .it-list {
  justify-content: right;
  margin-bottom: 7vw;
}
.iko-top .fukushi-list {
  justify-content: left;
}

/* コンテンツ */
.iko-top .item-cont {
  width: 40%;
}
.iko-top h4 {
  font-weight: 500;
}
.iko-top p {
  margin-top: 1.5vw;
}

.iko-top .it-list .item-cont {
  margin-right: 7vw;
}
.iko-top .fukushi-list .item-cont {
  margin-left: 7vw;
}

/* 写真 */
.iko-top .item-phot {
  width: 40%;
}
.iko-top .item-phot img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border: var(--black) 1px solid;
  border-radius: 20px;
}

/* 特徴
--------------------------*/
/* タイトル */
.features .item-title {
  margin-bottom: 2vw;
}
.features .item-title p {
  line-height: normal;
  font-family: 'ZenMaruGothic';
  color: var(--lightPink);
}
.features .item-title h3 {
  font-size: 2vw;
}


.features .item-list {
  display: flex;
  align-items: center;
  margin-bottom: 7vw;
}

/* 写真 */
.features .item-phot {
  width: 40%;
  border: var(--black) solid 1px;
  border-radius: 15px;
  aspect-ratio: 4/3;
  object-position: center;
  overflow: hidden;
}
.features .item-phot img {
  width: 100%;

}

/* 文字 */
.features .item-cont {
  width: 60%;
}
.features ol {
  counter-reset: my-counter;
  margin: 0;
}
.features li {
  position: relative;
  margin-top: 3vw;
  margin-left: 6vw;
  font-size: 1.3vw;
  font-family: ZenMaruGothic;
  color: var(--black);
  float: left;

  background-image: radial-gradient(circle, #666666 1px, transparent 1px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 14px 2px;
  padding-bottom: 0.4vw;
}
.features li:first-of-type {
  margin-top: 0;
}

.features li::before {
  position: absolute;
  display: block;
  content: counter(my-counter);
  counter-increment: my-counter;
  color: #fff;
  height: 2.6vw;
  width: 2.6vw;
  border-radius: 50%;
  text-align: center;
  font-size: 1.6vw;
  left: -3.5vw;
  top: 50%;
  transform: translateY(-50%);
}

/* 支援内容
------------------------------*/
.jigyou_iko .shien .back {
  background-color: var(--milk);
  padding: 3vw 0;
}
.jigyou_iko .shien .box-wrapper {
  background-color: #fff;
}

/* 
就労継続支援A型
ーーーーーーーーーーーーーーーーーーーーーー*/

/*　その他業務
ーーーーーーーーーーー*/
.gyoumu-others {
  margin-top: 6vw;
}

.gyoumu-others .item-list {
  display: flex;
  justify-content: space-between;
  background: none;
  border: none;
  padding: 0;
}

.gyoumu-others .item {
  background-color: #fff;
  border: var(--black) solid 1px;
  border-radius: 20px;
  width: 50%;
  padding: 2vw;

  flex-direction: column;
  justify-content: space-between;
  align-items: start;
}
.gyoumu-others .item:first-of-type {
  margin-right: 3vw;
}

.gyoumu-others .item-phot {
  width: 100%;
  padding-right: 0;
  margin-top: 0;
}
.gyoumu-others .item-phot img {
  aspect-ratio: 16/9;
}

.gyoumu-others h2 {
  display:grid;
  place-items: center center;
  height: 3em;
}
.gyoumu-others .item h2::after {
  height: 100%;
}

/*
イルミナモールについて
-------------------------*/
.iluminamall .item-list {
  display: flex;
  justify-content: space-between;
}

/* テキスト */
.iluminamall .text-list {
  width: 45%;
  border: var(--black) solid 1px;
  border-radius: 20px;
  padding: 2vw;
  margin-right: 3vw;

  display: grid;
  grid-template-columns: repeat(2, 1fr)
}
.text-list .item {
  display:grid;
  place-items: start;
}

/* 写真 */
.iluminamall .phot-list {
  width: 55%;

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2vw;
  row-gap: 2vw;
}
.phot-list .item {
  position: relative;
}
.phot-list h2 {
  position: absolute;
  top: 11vw;

  font-size: 1.5vw;
  background-color: #fff;
  width: 60%;
  padding-top: 1vw;
  padding-bottom: 1vw;
  border-radius: 0 20px 0 0;
}
.phot-list h2::after {
  height: 2.3vw;
}

.phot-list .item img {
  border-radius: 20px;
}

/* バナー */
.jigyou_a .banner {
  margin-top: 5vw;
  width: 70%;
}

/*
作業の流れ
------------------------*/
.procedure .item-list {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5vw;
}
.procedure .border {
  position: absolute;
  content: '';
  height: 1px;
  width: 90%;
  background-color: var(--gray);
  top: 3vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.procedure .item {
  border: var(--darkGray) 1px solid;
  border-radius: 15px;
  background-color: #fff;
  width: 8vw;
  height: 10vw;
  padding: 1vw 0.5vw;
  text-align: center;
}

.procedure .job-number {
  width: 4vw;
  height: 4vw;
  border-radius: 50%;

  display:grid;
  place-items: start center;
  font-size: 2.2vw;
  color: #fff;
  line-height: 3.6vw;
}

.procedure .job-text {
  margin-top: 0.7vw;
  padding-top: 1.2vw;
  width: 95%;

  background-image: radial-gradient(circle, #999999 2px, transparent 2px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 16px 4px;
}
.procedure .small {
  font-size: 0.8vw;
}

/*
お仕事募集中
ーーーーーーーーーーーーー*/
.boshu-back {
  background-color: var(--milk);
  padding: 5vw 0;
}

/* 就労移行支援B型
----------------------------------------*/
.gyoumu .b-text {
  position: relative;
  padding-bottom: 19vw;
}

/* バナー */
.banner-b {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.banner img {
  transition: all 0.3s ease-in-out;
}
.banner:hover img {
  scale: 1.03, 1.03;
}

/*
就労定着支援
ーーーーーーーーーーーーーーーーーーーーーーー*/
.teichaku .gyoumu-item h2 {
  margin-bottom: 1vw;
}
.teichaku .gyoumu-item p {
  padding-left: 1.6vw;
}


/*
キッズ
ーーーーーーーーーーーーーーーーーーーーーーー*/
/*
.jigyou_detail .kids {
  border: none;
  width: 100%;
  padding: 0;
}
.jigyou_detail .kids .title {
  margin-bottom: 3vw;
}
.jigyou_detail .kids .back {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5vw 10vw;
}
.jigyou_detail .kids .item {
  background-color: #fff;
  border: var(--black) 1px solid;
  border-radius: 20px;
  margin: 0 1vw;
  padding: 2vw;
  width: 30%;
  height: 26vw;
}
*/

/**事業内容ページここまで**/

/**会社概要ページここから**/
/* ナンバリング */
.number {
  padding-left: 1.7vw;
}
.number li {
  list-style: unset;
  margin-bottom: 1vw;
  padding-left: 0.5vw;
}
.number li::marker{
  font-size: 1.4vw;
  color: var(--lightPink);
  font-family: ZenMaruGothic;
}
.number h1 {
  font-size: 1.3vw;
  border-bottom-color: var(--gray);
}
.number h3 {
  font-size: 1.3vw;
}
.number p {
  line-height: normal;
  margin-bottom: 2.5vw;
  padding-left: 0.5vw;
}
/*
.number h3 span {
  color: var(--lightPink);
  margin-right: 0.5vw;
  border-color: none;
}
  */

/**理念ここから**/
.rinen .item-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
.rinen .btn03 {
  position: relative;
  width: 31%;
  padding: 3vw 0 4vw;
}
.rinen .btn03::before {
  position: absolute;
  content: '';
  width: 1.5vw;
  height: 1.5vw;
  background-color: rgba(255, 255, 255, 0);
  border: var(--gray) solid 1px;
  border-radius: 50%;

  right: 1.5vw;
  top: 50%;
  transform: translateY(-50%);
}
.rinen .btn03 i {
  position: absolute;
  color: var(--darkGray);

  right: 2vw;
  top: 50%;
  transform: translateY(-50%);
}

.rinen .vision h4 {
  padding: 0 0 0.2vw;
}

/* ホバー */
.rinen .btn03:hover i {
  color: var(--lightPink);
  right: 1.7vw;
}
.rinen .btn03:hover::before {
  border-color: var(--lightPink);
  right: 1.2vw;
}

.rinen .btn03,
.rinen .btn03 i,
.rinen .btn03::before,
.rinen .btn03:hover
.rinen .btn03:hover i,
.rinen .btn03:hover::before {
  transition: all 0.2s;
}
/*
.rinen{
  padding-top: 10.5vw;
}
.rinen .title_img{
  text-align: center;
  margin-bottom: 5vw;
}
.rinen > .split{
  margin-top: 5vw;
}
.rinen > .split .split_30_child h1{
  font-size: 2.2vw;
  color: #EE827C;
  border-bottom: 6px solid;
  border-image: linear-gradient(to right, #EE827C 0%, #F0BF1C 100%);
  border-image-slice: 1;
}
.rinen ol > li{
  font-weight: bolder;
}
*/
/**理念ここまで**/

/** ミッション **/
#mission .line {
  width: 80%;
  margin: 0 auto;
  text-align: left;
}
#mission h1 {
  display: inline;
  font-size: 2.2vw;
}
/** **/

/** ビジョン **/
#vision h3 {
  font-size: 2vw;
}

#vision .number {
  margin-top: 3vw;
}
/** **/


/**会社概要ここから**/
.gaiyo .is-layout-flex {
  border-bottom: var(--gray) 1px solid;
  margin-bottom: 3vw;
  padding-bottom: 0.5vw;
}
.gaiyo h3 {
  font-size: 1.5vw;
}
.gaiyo p {
  line-height: normal;
  margin-left: 1vw;
}

/*
.gaiyo table{
  width: 100%;
}
.gaiyo table{
  border-collapse:collapse;
}
.gaiyo table tr{
  border-top: solid 2px #666;
  border-bottom: solid 2px #666;
  height: 5vw;
}
.gaiyo table tr th{
  text-align: left;
  background-color: #ddd;
  padding-left: 2vw;
}
.gaiyo table tr td{
  padding-left: 2vw;
}
  */

/**会社概要ここまで**/

/**沿革ここから**/
.enkaku th,
.enkaku td {
  border: var(--darkGray) solid 1px;
  color: var(--black);
  padding: 0.8vw 1vw;
}

.enkaku table {
  width: 100%;
  background-color: #fff;
  border-collapse:  collapse;     /* セルの線を重ねる */
}

.enkaku table th {
  background-color: #ccc;
}

.enkaku table .year {
  width: 10%;
}
.enkaku table .month {
  width: 10%;
}


/*
.enkaku h2{
  margin-top: 5vw;
  text-align: center;
}
.enkaku table{
  width: 100%;
}
.enkaku table{
  border-collapse:collapse;
}
.enkaku table tr{
  border-top: solid 2px #666;
  border-bottom: solid 2px #666;
  background-color: #ddd;
	height:auto;
  min-height: 5vw;
}
.enkaku table tr:nth-child(odd){
	background: #fff;
}
.enkaku table tr th{
  text-align: left;
  /*background-color: #ddd
  padding-left: 2vw;
}
.enkaku table tr td{
  padding-left: 2vw;
}
  */
/**沿革ここまで**/

/**事業所一覧ここから**/
.office-cat h2 {
  margin-bottom: 2vw;
}

.office-cat .item-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1vw;
}
.office-cat .btn03 {
  padding: 1vw 2.5vw 1.5vw;
  border-radius: 10px;
  text-align: center
}

/* 事業所の情報 */
.office-item {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: start;
}

.office-item .office-img {
  width: 45%;
}
.office-img img {
  width: 100%;
  border: var(--black) 1px solid;
  border-radius: 20px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.office-cont {
  width: 55%;
  margin-left: 3vw;
}
.office-cont p {
  line-height: 2.5vw;
}
.office-cont .info {
  margin-top: 1vw;
  margin-left: 1vw;
}

/* 事業区分 */
.shubetsu {
  display: flex;
  margin-top: 2vw;
  margin-left: 1vw;
}

.shubetsu .item {
  width: 12vw;
  border-radius: 10px;
  margin-right: 1vw;
}
.shubetsu .kids {
  width: 14vw;
}
.shubetsu p {
  position: relative;
  display: block;
  width: 100%;
  line-height: 2.5vw;
  font-size: 0.9vw;
  font-family: ZenMaruGothic;
  text-align: center;
  border: var(--darkGray) 1px solid;
  border-radius: 10px;
  background-color: #FFF;
  transform: translate(-0.12vw,-0.12vw) rotate(-1.2deg);
  z-index: auto;
}
.shubetsu p::after {
  position: absolute;
  content: '';
  width: 0.5vw;
  height: 0.5vw;
  background-color: #fff;
  border: var(--darkGray) 1px solid;
  border-radius: 50%;
  left: 0.8vw;
  top: 50%;
  transform: translateY(-50%);
}

/** 開校予定 **/
.office-item .btn01 {
  position: absolute;
  color: var(--black);
  line-height: normal;
  right: 1vw;
  bottom: 0;
}
.office-item .btn01:hover {
  color: #fff;
}

/* 開校前リンクあり */
.office-item .info h4 {
  display: inline-block;
  font-size: 1.3vw;
  margin-top: 0.5vw;
}

/* 開校前リンクなし */
.office-item .link-out {
  font-size: 1.3vw;
  padding-right: 0.7vw;
}
.office-item .link-out:hover {
  color: var(--black);
  transition: none;
}
.office-item .link-out:hover::before {
  width: 3vw;
  opacity: 0.5;
  transition: none;
}
.office-item .link-out:hover::after {
  opacity: 1;
  transition: none;
}
.office-item .link-out:hover i {
  transform: none;
  transition: none;
}

/*
.jigyousho{
	margin:0 auto;
	padding-top:10vw;
}
.jigyousho h1{
  color: #333;
  font-size: 1.5vw;
}
.jigyousho .shubetsu{
  display: flex;
}
.jigyousho .shubetsu > p{
  color: #fff;
  margin-right: 1vw;
  padding: 0.5vw;
  border-radius: 1vw;
}

.jigyousho .shubetsu > .keizoku-a{
  background-color: #F0BF1C;
}
.jigyousho .shubetsu > .ikoshien{
  background-color: #EE827C;
}
.jigyousho .shubetsu > .keizoku-b{
  background-color: #7caaee;
}
.jigyousho .shubetsu > .kids{
  background-color: #7cee89;
}

.jigyousho h2{
  width: 30%;
  font-size: 1vw;
  color: #333;
  border-bottom: 6px solid;
  border-image: linear-gradient(to right, #EE827C 0%, #F0BF1C 100%);
  border-image-slice: 1;
}
.jigyousho .info > p{
  color: #333;
  font-size: 1vw;
}
.jigyousho .info a{
  color: #FFF;
  background-color: #EE827C;
  padding: 0.8vw;
  border-radius: 1vw;
  font-size: 1vw;
  text-decoration: none;
}
.jigyousho .info a:hover{
  background-color: #F0BF1C;
  transition: all 0.2s ease-in-out;
}
.jigyousho .jigyousho_img{
  width: 100%;
  height: 23vw;
  margin: 0 auto;
  background-color: #EE827C;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jigyousho .jigyousho_img  img{
  height: auto;
  max-height: 23vw;
  width: auto;
  max-width: 100%;
  margin: auto;
  display: block;
}

.jigyousho .office-cat a{
  color: #FFF;
  background-color: #EE827C;
  padding: 0.8vw;
  margin-right: 0.5vw;
  border-radius: 1vw;
  font-size: 1vw;
  text-decoration: none;
}
.jigyousho .office-cat a:hover {
  background-color: #F0BF1C;
  transition: all 0.2s ease-in-out;
}

.office-item .office-img {
  width: 45%;
  aspect-ratio: 4 / 3;
  margin: 0 auto;
  background-color: var(--lightPink);
  display: flex;
  justify-content: center;
  align-items: center;

  border: var(--black) 1px solid;
  border-radius: 20px;
  overflow: hidden;
}
.office-img img {
  height: auto;
  max-height: 100%;
  width: auto;
  max-width: 100%;
  margin: auto;
  display: block;

}

.office-item .shubetsu .office-color {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 10px;
  left: 50%;
  transform: translateX(-50%) rotate(1deg);
}
*/

/**事業所一覧ここまで**/

/**会社概要ページここまで**/


/**職場環境要件ページここから**/
.shokuba-back {
  background-color: var(--milk);
  border-radius: 20px;
  margin-top: 2vw;
}

.shokuba {
  padding: 4vw 5vw 0;
}
.shokuba .number {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 3vw;
  row-gap: 3vw;
  margin: 0 auto;
  padding-left: 0;
}
.shokuba .number .item {
  display: flex;
  justify-content: left;
  align-items: center;
  height: 10vw;
  background-color: #fff;
  border-radius: 10px;
  border: var(--black) solid 1px;

}
.shokuba .number h3 {
  width: 85%;
  padding-left: 1vw;
  font-size: 1.5vw;
}
.shokuba .number .number_p {
  width: 10%;
  padding-left: 4vw;
  font-size: 1.7vw;
}

.pdf-link {
  padding: 3vw 5vw 1vw;
}
.pdf-link a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: var(--black) solid 1px;
  border-radius: 10px;
  padding: 1vw 2vw;
  margin-bottom: 2vw;
}
.pdf-link a:hover {
  border-color: var(--gray);
}
.pdf-link a:hover h3 {
  color: var(--gray);
}
.pdf-link a:hover img {
  opacity: 0.9;
}
.pdf-link h3 {
  font-size: 1.5vw;
  margin-left: 1vw;
}
.pdf-link img {
  width: 6vw;
}
/*
.shokuba > .split > .split_third_child > div{
  background-color: #EE827C;
  border-radius: 2vw;
  width: 25vw;
  height: 10vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2vw;
}
.shokuba > .split > .split_third_child > div > h2{
  color: #fff;
  font-size: 1.5vw;
  text-align: center;
}

.shokuba a{
  width: 20vw;
  height: 5vw;
  border: solid 0.2vw #EE827C;
  font-size: 1.5vw;
  color: #333;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  margin: 0 auto 1vw;
  padding: 1vw;
}
.shokuba .download a img{
  width: 20%;
  padding-left: 1vw;
}
*/
/**職場環境要件ページここまで**/

/*
お知らせここから
----------------------------------------*/
/* システム更新と共通　*/
.oshirase .pc {
  display: block;
  width: 18%;
}
.oshirase .sumaho {
  display: none;
}

.oshirase .oshirase_ichiran {
  border-bottom: 1px solid var(--gray);
  margin-bottom: 3vw;
}
.oshirase p {
  line-height: normal;
  color: var(--darkGray);
}
.oshirase .tag {
  display: flex;
  justify-content: left;
  align-items: center;
  font-size: 1vw;
  font-family: ZenMaruGothic;
}
.oshirase .cat {
  position: relative;
  color: var(--pink);
  padding-left: 1vw;
}
.oshirase .cat::before {
  position: absolute;
  content: '';
  background-color: var(--gray);
  width: 1px;
  height: 1vw;
  left: 0.5vw;
  top: 50%;
  transform: translateY(-50%);
}

.oshirase a:hover h3 {
  color: var(--gray);
  transition: all 0.2s;
}
.oshirase a h3 {
  font-size: 1.5vw;
  padding: 1vw 0;
  transition: all 0.2s;
}

/* お知らせ */
.oshirase .news {
  display: flex;
  justify-content: space-between;
  align-items: start;  
}
.oshirase .item-list {
  width: 75%;
}

.oshirase .categories {
  position: relative;
  width: 100%;
  border: var(--gray) 1px solid;
  border-radius: 10px;
  padding: 1vw 1vw 1.5vw;
  font-size: 1.1vw;
  font-family: ZenMaruGothic;
  color: var(--black);
}
.oshirase .categories::before {
  position: absolute;
  content: '';
  width: 0.5vw;
  height: 0.5vw;
  background-color: rgba(255, 255, 255, 0);
  border: var(--darkGray) 0.6px solid;
  border-radius: 50%;
  left: 1vw;
  top: 1.5vw;
  z-index: 10;
}
.oshirase .categories::after {
  position: absolute;
  content: '';
  width: 0.5vw;
  height: 0.5vw;
  background-color: var(--lightPink);
  background-image: none;
  border: var(--lightPink) 0.6px solid;
  border-radius: 50%;
  top: calc(3vw + 2px);
  left: calc(12vw + 2px);
  left: 1.1vw;
  top: 1.6vw;
}

.oshirase .categories > ul {
  border-top: 1px solid var(--darkGray);
  padding: 0 0.1vw;
  margin: 1vw 0 0;
}
.oshirase .categories > ul li {
  font-size: 1vw;
  padding: 1vw 0 0.5vw;
  
  background-image: radial-gradient(circle, #999999 2px, transparent 2px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 16px 4px;
}
.oshirase .categories > ul li a {
  transition: all 0.2s;
}
.oshirase .categories > ul li a:hover {
  color: var(--lightPink);
  transition: all 0.2s;
}

/*
.oshirase > h1{
  text-align: center;
}
.oshirase .split_30_child ul li{
  list-style-type: none;
  border-bottom:1px solid #7cb0ed;
  padding-top: 1vw;
  padding-bottom: 1vw;
}
.oshirase .split_30_child ul li:first-child{
  border-top:1px solid #7cb0ed;
}
.oshirase .split_30_child ul li a{
  text-decoration: none;
  color: #7cb0ed;
}
.oshirase .split_30_child ul li a:hover{
  color: #EE827C;
}

.oshirase .split_70_child ul{
  text-align: center;
}
.oshirase .split_70_child ul li{
  display: inline-block;
  padding: 1vw;
  border:solid 1px #EE827C;
  color:#fff;
  background-color: #EE827C;
}
.oshirase .split_70_child ul li:has(a){
  background-color: #fff;
}
.oshirase .split_70_child ul li a{
  color: #EE827C;
  text-decoration: none;
}
.oshirase .split_70_child ul li a:hover{
  color:#7cb0ed;
}

.oshirase_ichiran{
  padding: 1vw;
  background-color: #ffeeed;
  margin-top: 1vw;
  margin-bottom: 1vw;
  border-radius: 2vw;
}
.oshirase_ichiran .tag{
  display: flex;
  align-items: center;
}
.oshirase_ichiran .tag p{
  padding-right: 1vw;
  color: #EE827C;
  font-weight: bold;
}
.oshirase_ichiran .tag .cat{
  margin-left: 0.1vw;
  margin-right: 0.1vw;
  padding: 0.3vw;
  background-color: #EE827C;
  color: #fff;
  font-size: 0.8em;
}
.oshirase_ichiran a{
  text-align: left;
  color: #333;
  font-size: 1.2em;
  text-decoration: none;
  padding-left: 0.5vw;
}
.oshirase_ichiran a:hover{
  color: #EE827C;
}
*/
/**お知らせここまで**/


/**ブログここから**/
/*
.blog > h1{
  text-align: center;
}
.blog .split_30_child ul li{
  list-style-type: none;
  border-bottom:1px solid #7cb0ed;
  padding-top: 1vw;
  padding-bottom: 1vw;
}
.blog .split_30_child ul li:first-child{
  border-top:1px solid #7cb0ed;
}
.blog .split_30_child ul li a{
  text-decoration: none;
  color: #7cb0ed;
}
.blog .split_30_child ul li a:hover{
  color: #EE827C;
}

.blog .split_70_child ul{
  text-align: center;
}
.blog .split_70_child ul li{
  display: inline-block;
  padding: 1vw;
  border:solid 1px #EE827C;
  color:#fff;
  background-color: #EE827C;
}
.blog .split_70_child ul li:has(a){
  background-color: #fff;
}
.blog .split_70_child ul li a{
  color: #EE827C;
  text-decoration: none;
}
.blog .split_70_child ul li a:hover{
  color:#7cb0ed;
}
.blog .split{
  margin-top: 1.5vw;
}
.blog .split_third_child{
  width: 20%;
  margin-bottom: 1.5vw;
  margin-left: 0.5%;
  margin-right: 0.5%;
  padding-left: 2%;
  padding-right: 2%;
  background-color: #f1f1f1;
  position: relative;
  cursor: pointer;
}
.blog .split_third_child:hover{
  background-color: #fff2c7;
  transition: all 0.5s ease-in-out;
}
.blog .split_third_child:hover img{
  transform:scale(1.1,1.1);
}

.blog .split_third_child > a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blog .split_third_child .imgbox{
  margin-top: 1.5vw;
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.blog .split_third_child img{
  width: 100%;
  transition: all 0.5s ease-in-out;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.blog .split_third_child .title{
  margin-bottom: 1.5vw;
}
.blog .split_third_child .title p{
  color:#EE827C;
  text-align: center;
  font-size: 1.4em;
}
.like_margin{
  height: 50px;
}
.single .like{
  text-align: right;
}
.blog .like{
  position: absolute;
  bottom: 0;
  right: 10px;
}
.oshirase_ichiran{
  padding: 1vw;
  background-color: #ffeeed;
  margin-top: 1vw;
  margin-bottom: 1vw;
  border-radius: 2vw;
}
.oshirase_ichiran .tag{
  display: flex;
  align-items: center;
}
.oshirase_ichiran .tag p{
  padding-right: 1vw;
  color: #EE827C;
  font-weight: bold;
}
.oshirase_ichiran .tag .cat{
  margin-left: 0.1vw;
  margin-right: 0.1vw;
  padding: 0.3vw;
  background-color: #EE827C;
  color: #fff;
  font-size: 0.8em;
}
.oshirase_ichiran a{
  text-align: left;
  color: #333;
  font-size: 1.2em;
  text-decoration: none;
  padding-left: 0.5vw;
}
.oshirase_ichiran a:hover{
  color: #EE827C;
}
.pagenation_news{
  margin:0 auto;
  text-align: center;
}
.pagenation_news .nav-links{
  color: #EE827C;
  font-size: 1.2em;
}
.pagenation_news .nav-links .page-numbers{
  padding-left: 1vw;
  padding-right: 1vw;
}
.pagenation_news .nav-links a{
  text-decoration: none;
  color: #EE827C;
}
.pagenation_news .nav-links .current{
  border: solid 2px #EE827C;
  padding-left: 0.5vw;
  padding-right: 0.5vw;
}
*/

.blog-list {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 2vw;
  row-gap: 5vw;
}
.blog-item {
  position: relative;
  border: #fff solid 1px;
  border-radius: 15px;
  padding: 1vw;
  transition: all 0.2s;
}
.blog-item:hover {
  border-color: var(--darkGray);
  box-shadow: 1px 1px 5px #ccc;
  transition: all 0.2s;
}
.blog-item .item {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.blog-item .blog-phot {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}
.blog-item .blog-phot img {
  width: 100%;
  height: 10vw;
  border: var(--darkGray) 1px solid;
  border-radius: 15px;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.blog-item .blog-author {
  position: absolute;
  display: inline-block;
  font-size: 0.8vw;
  font-family: ZenMaruGothic;
  color: #fff;
  line-height: normal;
  padding: 0.4vw 0.6vw;
  border-radius: 50px;
  top: 9.6vw;
  left: 0.85vw;
  max-width: 80%;
}

.blog-item .blog-content {
  margin-top: 1vw;
  padding-bottom: 2.5vw;
}
.blog-item h4 {
  font-size: 1.3vw;
  font-family: ZenMaruGothic;
  font-weight: 400;
  margin: 0;
  padding-bottom: 0.35vw;
  line-height: 1.7em;
  background-image: radial-gradient(circle, #999999 2px, transparent 2px);
  background-size: 18px 4px;
}
.blog-item time {
  display: block;
  padding-left: 0.3vw;
  margin-bottom: 0.5vw;
  font-size: 1vw;
  font-family: ZenMaruGothic;
  font-weight: 400;
  color: var(--black);
}

.blog-item .like-top {
  height: 1vw;
}
.blog-item .like {
  position: absolute;
  right: 1vw;
  bottom: 0.5vw;
}

/* 新規ブログ(トップページ) */
/*
.blog-list {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 3vw;
  row-gap: 5vw;
}

.blog-list h4 {
  font-size: 1.3vw;
  font-family: ZenMaruGothic;
  font-weight: 400;
  margin: 0.5vw 0 0;
  padding-bottom: 0.4vw;
  line-height: 1.5em;
  background-image: radial-gradient(circle, #999999 2px, transparent 2px);
  background-size: 18px 4px;
}

.blog-list .item {
  position: relative;
}

.blog-item {
  position: relative;
  background-color: #fff;
  border: #fff solid 1px;
  border-radius: 15px;
  padding: 1vw;
  height: 100%;
  transition: all 0.3s;
}

.blog-list .blog-phot img {
  border: var(--black) solid 1px;
  border-radius: 15px;
  object-fit: cover;
  aspect-ratio: 16/9;
  width: 100%;
  height: 10vw;
}


.blog-list .blog-author {
  position: absolute;
  display: inline-block;
  font-size: 0.7vw;
  font-family: ZenMaruGothic;
  color: #fff;
  line-height: normal;
  padding: 0.5vw 0.8vw;
  border-radius: 50px;
  top: 9.6vw;
  left: 0.85vw;
  max-width: 80%;
}
.blog-list .blog-content {
  text-align: left;
  height: auto;
  padding-top: 1.2vw;
}
.blog-list time {
  display: block;
  padding-bottom: 0.5vw;
}

.blog-item .like_top {
  height: 2vw;
}
.blog-item .like {
  position: absolute;
} 
.blog-list .wpulike {
  padding: 0;

}

.blog-list .blog-item:hover {
  border: var(--black) solid 1px;
  box-shadow: 1px 1px 5px #ccc;
  transition: all 0.3s;
}

.blog-list .blog-item {
  display: block;
  transition: all 0.2s;
}

.blog-list .btn {
  text-align: center;
}
*/

.pagenation_news{
  margin: 5vw auto 0;
  text-align: center;
}
.pagenation_news .nav-links{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5vw;
  padding: 0.1vw 0.7vw 0.3vw;
  color: var(--darkGray);
}

.pagenation_news .nav-links .page-numbers{
  padding: 0 0.7vw 0.2vw;
  margin: 0 0.5vw;
}
.pagenation_news .nav-links a{
  text-decoration: none;
  color: var(--darkGray);
  font-family: ZenMaruGothic;
  border: solid 1px #FFF;
  border-radius: 5px;
  transition: all 0.3s;
}
.pagenation_news .nav-links a:hover {
  border: solid 1px var(--gray);
  transition: all 0.3s;
}
.pagenation_news .nav-links .current{
  border-radius: 5px;
  color: var(--lightPink);
  font-family: ZenMaruGothic;
}
.pagenation_news .nav-links .next,
.pagenation_news .nav-links .prev {
  position: relative;
  font-size: 0.8vw;
  transition: all 0.3s;
}
.pagenation_news .nav-links .next:hover,
.pagenation_news .nav-links .prev:hover {
  border-color: rgba(255, 255, 255, 0);
  color: var(--lightPink);
}
.pagenation_news .nav-links .next:hover::after,
.pagenation_news .nav-links .prev:hover::after {
  border-color: var(--lightPink);
  transition: all 0.3s;
}
.pagenation_news .nav-links .next::after,
.pagenation_news .nav-links .prev::after {
  position: absolute;
  content: '';
  height: 1.6vw;
  width: 1.6vw;
  background-color: rgba(255, 255, 255, 0);
  border: var(--darkGray) 1px solid;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: all 0.3s;
}
/**ブログここまで**/

/**
採用情報
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー**/

/*
トップのテキスト
----------------------------*/
.recruit h1 {
  font-size: 2.2vw;
  line-height: 2em;
}
.recruit h1 span {
  font-size: 110%;
  font-weight: 500;
  -webkit-text-stroke: 1px var(--black);
  color: rgba(255, 255, 255, 0);
  text-shadow: 3px 3px 0 var(--yellow);
}
.recruit p {
  margin-top: 1.3vw;
  padding: 0 2vw;
}

/*
所在地一覧
----------------------------*/
.recruit_cat .item-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.5vw;
}
.recruit_cat .btn03 {
  text-align: center;
  padding: 0.5vw 0 1vw;
  border-radius: 10px;
}

/*
求人一覧
----------------------------*/
.recruit_list .pc-btn {
  display: block;
}
.recruit_list .sm-btn {
  display: none;
}
.recruit_list .item-list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5vw;
  margin-bottom: 5vw;
}
.recruit_list .dot-small {
  font-size: 1.2vw;
  padding-bottom: 0.2vw;
  display: inline-block;
  margin: 0;
  background-image: radial-gradient(circle, #999999 1.5px, transparent 1.5px);
  background-size: 10px 2px;
}

.recruit_list .title-item {
  margin-bottom: 0.5vw;
}

/* ボタン */
.recruit_list .btn03 {
  display: block;
  text-align: center;
  padding: 1.5vw 0;
  line-height: 2em;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 0.5vw;
  transition: none;
}
.recruit_list .btn03:hover {
  transition: none;
}
.recruit_list .item:hover .btn03 {
  border-color: var(--lightPink);
}
.recruit_list .item:hover h4 {
  color: var(--lightPink);
}

.recruit_list .item:hover .sub-menu {
  display: flex;
}

/* 複数カスタムフィールドがあるときの処理 */
.recruit_list .sub-menu {
  position: absolute;
  padding: 1vw;
  background-color: #FFD0CE;
  border-radius: 10px;

  display: none;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.recruit_list .sub-menu a {
  display: inline-block;
  background-color: #fff;
  padding: 1vw 1.5vw;
  color: var(--darkGray);
  border-radius: 5px;
  font-size: 1vw;
  margin-left: 1vw;
}
.recruit_list .sub-menu a:first-of-type {
  margin-left: 0;
}
.recruit_list .sub-menu a:hover {
  color: var(--lightPink);
}

.recruit_list i {
  display: none;
}

/*
.recruit{
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding-top: 10vw;
}
.recruit .backimg{
  width: 100%;
  margin: 0 auto;
  padding-top:10vw; 
}
.recruit .backimg img{
  width: 100%;
}
.recruit .title img{
  position: absolute;
  top:2vw;
  left: 20%;
}
.recruit .text{
  position: absolute;
  top:10vw;
  width: 60%;
  left: 20%;
}
.recruit .text h2{
  font-family: corpround;
  color: #EE827C;
  font-size: 3vw;
}
.recruit .text p{
  font-size: 1.2vw;
  background-color:rgba(256, 256, 256, 0.8);
  padding: 1vw;
}

.recruit > h2{
  text-align: center;
  margin-top: 5vw;
}
.recruit > h3{
  text-align: center;
}
.recruit .link{
  display: flex;
  width: 80%;
  margin-left: 10%;
}
.recruit .link_child{
  width:45%;
  margin-left: 2.5%;
  margin-right: 2.5%;
  margin-top: 3vw;
}
.recruit .link a{
  display: block;
  padding: 3%;
  background-color: #EE827C;
  color: #fff;
  text-align: center;
  -webkit-box-shadow: 0 5px 0 #c1716c;
  box-shadow: 0 5px 0 #c1716c;
  transition: 0.5s;
}
.recruit .link a:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  -webkit-box-shadow: 0 2px 0 #c1716c;
  box-shadow: 0 2px 0 #c1716c;
  transition: 0.5s;
}
*/

/*
お問い合わせここから
-----------------------------------------*/
/*
.wpcf7-form-control{
  width: 100%;
}
*/
/* 送信ボタン */
.wpcf7-submit {
  font-size: 1.2vw;
  font-weight: 400;
  font-family: ZenMaruGothic;
  background: var(--lightPink);
  color: #ffffff;
  border: var(--lightPink) solid 1px;
  border-radius: 50px;
  padding: 1vw 3vw;
  transition: all 0.2s;
}
.wpcf7-submit:hover {
  background: #fff;
  border-color: var(--lightPink);
  color: var(--lightPink);
  transition: all 0.2s;
}
.submit-btn-wrapper {
  position: relative;
  text-align: center;
}
/* スピナー */
form.wpcf7-form .wpcf7-spinner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}


/* 事業所リストへのリンク */
.otoiawase .btn {
  text-align: center;
}
.otoiawase .text {
  margin-bottom: 3vw;
}

/* 電話番号 */
.contact-tel .item-list {
  padding: 2vw 2vw 3vw;
}
.contact-tel .item {
  text-align: center;
}
.contact-tel h2 {
  font-size: 1.8vw;
  padding-left: 1vw;
}
.contact-tel h2::after {
  height: 2.2vw;
  width: 0.3vw;
}
.contact-tel h4 {
  font-size: 2.5vw;
}

/*
.otoiawase {
  text-align: center;
}

.otoiawase .margin {
  margin-top: 5vw;
}
.otoiawase .margin:nth-last-child(2) {
  margin-top: 6.5vw;
}
.otoiawase .text {
  font-size: 1.1vw;
  line-height: 2vw;
}
.otoiawase .button {
  margin-top: 2vw;
}
.otoiawase .button a {
  width: 60%;
  font-size: 1.1vw;
  border-radius: 2vw;
}
*/

/** 枠内のコンテンツ **/
.contact-main {
  background-color: var(--milk);
  border-radius: 20px;
  padding: 5vw 3vw;
}

.contact-main h2 {
  font-size: 1.5vw;
  padding-left: 0.8vw;
  margin-bottom: 1vw;
}
.contact-main h2::after {
  height: 1.8vw;
  width: 0.3vw;
}

.contact-main .item-list {
  margin-bottom: 3vw;
}

.wpcf7-form {
  background-color: #fff;
  border: var(--black) 1px solid;
  border-radius: 20px;
  padding: 2.5vw;
  margin-top: 3vw
}
.wpcf7-text,
.wpcf7-textarea,
.wpcf7-select {
  border: 1px solid var(--gray);
  border-radius: 5px;
  width: 98%;
  padding: 5px;
  font-size: 1vw;
}
.wpcf7-text:focus {
  border: var(--darkGray) 2px solid;
  outline: 2px;
}

/* 利用希望用の選択肢 */
.wpcf7-select {
  color: var(--black);
  width: 100%;
}
.wpcf7-select option {
  color: var(--black);
}
.select-form h2 {
  margin-bottom: 0;
}

.wpcf7-form p {
  line-height: normal;
}

/* ラジオボタンの装飾 */
input[type="radio"] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.wpcf7-list-item.first {
  margin-left: 1vw;
}

span.wpcf7-list-item-label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-top: 1vw;
}
/* 外枠 */
span.wpcf7-list-item-label::before {
  display: block;
  content: "";
  border-radius: 50%;
  border: 1px solid var(--black);
  width: 11px;
  height: 11px;
  margin-right: 10px;
  
  z-index: 10;
}
/* 内枠 */
span.wpcf7-list-item-label::after {
  display: block;
  position: absolute;
  content: "";
  border-radius: 50%;
  width: 11px;
  height: 11px;
  background-color: var(--lightPink);
  left: 3px;
  top: calc(50% + 2px);
  transform: translateY(-50%);
  display: none;

  z-index: 1;
}

input[type="radio"]:checked + span.wpcf7-list-item-label::after {
  display: block;
}

/* 必須マーク */
.hissu{
  color: #EE827C;
  font-size: 0.7em;
  padding: 0.2vw;
  margin-left: 0.5vw;
  border-radius: 0.5vw;
}
/* 必須項目未入力 */
.wpcf7 input.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid {
	background-color: #ffdfdf;
}

/* 送信ボタン下完了時 */
.wpcf7 form.sent .wpcf7-response-output {
  border-color: #ACDDB2;
  text-align: center;
}

/* 送信ボタン下未入力警告 */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: var(--yellow);
  text-align: center;
}

/*
.otoiawase .contact-main {
  border: var(--black) solid 1px;
  border-radius: 30px;
  padding: 2vw;
  text-align: left;
}
.otoiawase h2 {
  font-size: 1.3vw;
  border-bottom: 6px solid;
  border-image: linear-gradient(to right, #EE827C 0%, #F0BF1C 100%);
  border-image-slice: 1;
  width: 25%;
  color: var(--black);
}
.otoiawase .contact-tel p {
  margin: 0;
}
.otoiawase .contact-tel a {
  display: inline-block;
  text-decoration: none;
  color: var(--black);
  font-size: 2.5vw;
  font-weight: 500;
  margin-left: 1vw;
  transition: all 0.2s;
}
.otoiawase .contact-tel a:hover {
  color: var(--gray);
}

.otoiawase .contactform {
  margin-top: 5vw;
}
.otoiawase .contactform h2 {
  margin-bottom: 3vw;
}

.otoiawase .split_30_child p{
  display: flex;
  align-items: center;
  margin-left: 1vw;
}
.hissu{
  background-color: #EE827C;
  color: #fff;
  font-size: 0.7em;
  padding: 0.2vw;
  margin-left: 0.5vw;
  border-radius: 0.5vw;
}
*/
/**お問い合わせここまで**/

.kotei{
  padding-top: 9vw;
}
.kotei h1{
  text-align: center;
}

/*
記事
-----------------------------------------*/
.nottitle-blog {
  padding-top: 10vw;
}

.article {
  width: 50%;
}

/* タイトル */
.single_title_sm {
  display: none;
}
.single_title {
  display: flex;
  justify-content: space-between;
  align-items: end;

  padding: 0 0 2vw;
  background-image: radial-gradient(circle, #999999 2px, transparent 2px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 20px 4px;
}

.single_meta{
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: 1vw;
  font-size: 1vw;
}
.single_meta p {
  position: relative;
  line-height: normal;
  font-family: ZenMaruGothic;
  color: var(--darkGray);
  padding-left: 1.4vw;
}
.single_meta ul {
  position: relative;
  line-height: normal;
  margin: 0;
  padding: 0 0 0 1.4vw;
}
.single_meta ul li {
  line-height: normal;
}
.single_meta ul li a{
  color: var(--pink);
}
.single_meta ul li a:hover {
  color: var(--lightPink);
}

.single_meta p:first-of-type {
  position: static;
  padding-left: 0;
}
.single_meta p:first-of-type::before {
  position: static;
}
.single_meta ul::before,
.single_meta p::before {
  position: absolute;
  content: '';
  height: 1vw;
  width: 1px;
  background-color: var(--gray);
  top: 50%;
  left: 0.7vw;
  transform: translateY(-50%);
}

.single-border {
  margin-bottom: 2vw;
  padding: 2vw 1vw;
  background-image: radial-gradient(circle, #999999 2px, transparent 2px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 20px 4px;
}

/*
.single{
  padding-top: 10vw;
  margin: 0 auto;
}
.single img{
  width: 100%;
}
*/

/* システム更新用 
.update-cont h3 {
  font-size: 2.2vw;
}
.page-defaults .single-border li {
  list-style-type: circle;
}
*/

/*
よくある質問
-----------------------------------------------*/
/* カテゴリー一覧 */
.QandA-cat .item-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1vw;
  padding-bottom: 10vw;
}
.QandA-cat h4 {
  font-size: 1.5vw;
  background-image: radial-gradient(circle, #999999 1px, transparent 1px);
  background-size: 10px 2px;
}
.QandA-cat .btn03 {
  padding: 1vw 2.5vw 1.5vw;
  border-radius: 10px;
  text-align: center
}

/* 質問本文 */
.QandA .item-list {
  padding: 0 3vw;
  margin-bottom: 3vw;
}

.QandA .item {
  display: flex;
  justify-content: left;
}
.QandA .question .item {
  align-items: end;
}

.QandA .Q,
.QandA .A {
  font-size: 2vw;
  width: 5%;
}
.QandA .Q {
  color: var(--lightPink);
}
.QandA .A {
  color: var(--yellow);
}

/** question **/
.QandA .question {
  position: relative;
  cursor: pointer;
  padding-bottom: 0.5vw;
  border-bottom: var(--gray) 1px solid;
  transition: all .5s ease;
}
.QandA .question i {
  position: absolute;
  color: var(--darkGray);
  font-size: 0.8vw;
  right: 0.9vw;
  bottom: 1.1vw;
  transform: rotate(-90deg);
  transition: all .5s;
}
.QandA .question::before {
  position: absolute;
  content: '';
  width: 1.5vw;
  height: 1.5vw;
  border: 1px solid var(--darkGray);
  border-radius: 50%;
  right: 0.5vw;
  bottom: 0.7vw;
}
/* closeがついた時の処理 */
.QandA .question.close i {
  color: var(--lightPink);
  transform: rotate(0);
  transition: all .5s;
}
.QandA .question.close::before {
  border-color: var(--lightPink);
  transition: all .5s;
}

.QandA .question p {
  font-size: 1.5vw;
  padding-bottom: 0.3vw;
  transition: all 0.2s;

  line-height: normal;
  margin: 0;
  font-family: ZenMaruGothic;
  font-weight: 400;
  color: var(--black);
}
/* hover */
.QandA .question:hover p {
  color: var(--gray);
  transition: all 0.2s;
}


/** answer **/
.QandA .answer {
  display: none;
}
.QandA .answer .item {
  align-items: start;
  margin-top: 1.5vw;
}
.QandA .answer p {
  line-height: 3vw;
}
.QandA .answer .item-cont {
  width: 95%;
}

.QandA .btn {
  text-align: center;
  margin-top: 1vw;
  margin-bottom: 1vw;
}
.QandA .answer a {
  background-color: var(--lightPink);
  border: var(--lightPink) solid 1px;
  border-radius: 100px;
  color: #fff;
  font-size: 1.3vw;
  width: 100%;
  padding: 1vw 8vw;
  transition: all 0.2s;
}
.QandA .answer a:hover {
  background-color: #fff;
  color: var(--lightPink);
  transition: all 0.2s;
}

/**社員専用ログインページここから**/
.login {
  padding-top: 9vw;
}
.login h3 {
  text-align: center;
  font-size: 1.3vw;
  margin-bottom: 1vw;
}
.login .title {
  margin-bottom: 1vw;
}
.login .title h3 {
  font-size: 1.9vw;
  margin-bottom: 0;
}

.loginform {
  background-color: var(--milk);
  border-radius: 15px;
  padding: 0.5vw 2vw 1vw;
}
.loginform .item {
  margin-bottom: 2.5vw;
  text-align: center;
}
.loginform .item input {
  margin-top: 0;
  width: 93%;
  font-size: 1vw;
  line-height: 2vw;
  border: var(--black) 1px solid;
  border-radius: 5px;
}

.loginform h2 {
  font-size: 1.5vw;
  margin-bottom: 1vw;
  padding-left: 1.4vw;
  text-align: left;
}
.loginform h2::after {
  height: 2vw;
  width: 0.4vw;
}

/* ボタン */
.loginform .item .login_button {
  width: 50%;
  font-family: ZenMaruGothic;
  font-size: 1.2vw;
  height: 4vw;
  border: var(--lightPink);
  border-radius: 50px;
  background-color: var(--lightPink);
  transition: all 0.3s;
}
.loginform .button {
  margin-top: 3vw;
}

.loginform .item .login_button:hover {
  border: var(--lightPink) 1px solid;
  background-color: #fff;
  color: var(--lightPink);
  transition: all 0.3s;
}

/* 改変前 */
.login{
  /*text-align: center;*/
  margin: 0 auto;
}
.login input{
  margin-top: 1vw;
  width: 30%;
}
.login .login_button{
  width: 30%;
  height: 3vw;
  padding: 0;
  background-color: #EE827C;
  border: none;
  color: #FFF;
  transition: all 0.2s ease-in-out;
}
.login .login_button:hover{
  background-color: #F0BF1C;
  cursor: pointer;
}

/*
.login h1,.login h2{
  color: #333;
  text-align: center;
}
.login h2{
  margin-bottom: -2vw;
}
*/
.download{
  width: 60%;
  margin: 0 auto;
}
.download li{
  padding-top: 0.5vw;
  padding-bottom: 0.5vw;
}
/**社員専用ログインページここまで**/

/**社員専用ページここから**/
.shain > section > .welcom{
  text-align: right;
}
.folder h3{
  text-align: center;
}
.folder a{
  display: block;
  margin: 0 auto;
  width: 50%;
  text-align: center;
  background-color: #EE827C;
  color: #FFF;
  text-decoration: none;
  padding: 2vw;
  margin-top:2vw;
  margin-bottom: 2vw;
  transition: all 0.2s ease-in-out;
}
.folder .one a{
  display: block;
  margin: 0 auto;
  width: 50%;
  text-align: center;
  background-color: #7cc4ee;
  color: #FFF;
  text-decoration: none;
  padding: 2vw;
  margin-top:2vw;
  margin-bottom: 2vw;
  transition: all 0.2s ease-in-out;
}
.folder p{
  margin-left: 23%;;
}
.folder a:hover{
  background-color: #F0BF1C;
}
.logout{
  text-align: center;
}
.logout a{
  display: block;
  margin: 0 auto;
  width: 30%;
  border-radius: 1vw;
  text-align: center;
  background-color: #555;
  color: #FFF;
  text-decoration: none;
  padding: 2vw;
  margin-top:2vw;
  margin-bottom: 2vw;
  transition: all 0.2s ease-in-out;
}
.logout a:hover{
  background-color: #888;
}
/**社員専用ページここまで**/


/**
レスポンシブ1200px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media  screen and (max-width:1200px) {
  /* ヘッダー部分 */
  #header {
    padding: 1.5vw 0;
  }
  .head_style {
    border: var(--darkGray) solid 0.8px;
  }

  .logo img {
    width: 150px;
  }

  .nav li {
    margin-left: 2rem;
  }
  .nav a {
    font-size: 1.5vw;
  }

  .nav .nav-contact a {
    padding: 11px 15px;
  }

  /* メイン部分 */
  .main .topimg img {
    width: 20vw;
    margin-top: 16vw;
    margin-right: 14vw;
  }

  /* 文字 */
  .main .tagline {
    margin-left: 10vw;
    margin-top: 18vw;
  }
  .main .main-text {
    font-size: 5vw;
  }

  .main .main-text .pink,
  .main .main-text .yellow {
    -webkit-text-stroke: var(--darkGray) 0.8px;
    left: 4px;
    bottom: 4px;
  }
  .main .main-text .pink {
    text-shadow: 4px 4px 0 var(--lightPink);
  }
  .main .main-text .yellow {
    text-shadow: 4px 4px 0 var(--yellow);
  }

  .main .main-text .pink::after,
  .main .main-text .yellow::after {
    height: 0.8px;
  }

  .main .main-text .back-te::before {
    width: 7vw;
    height: 6vw;
  }
  .main .main-text .back-ra::before {
    width: 5vw;
    height: 7.2vw;
  }


  /* 文字のあしらい */
  .main .tag-design .kirakira01 {
    left: -0.5vw;
  }
  .main .tag-design .kirakira02 {
    top: 6.4vw;
    left: auto;
    right: 4.7vw;
  }
  .main .tag-design .kumo {
    width: 14.7vw;
    top: 17.7vw;
    left: -2vw;
  }
  .main .tag-design .pikapika {
    width: 3.7vw;
    top: 11vw;
    left: -1.7vw;
  }

  /* トップニュース */
  .main .news ul {
    padding: 0;
  }
  .main .news p {
    line-height: 1.1vw;
  }

  .main .news {
    margin-top: 7.6vw;
    width: 55%;
  }
  .main .news .kumo {
    width: 14vw;
  }
  .main .news h2 {
    left: 3.5vw;
    bottom: 1.5vw;
    font-size: 2vw;
  }

  .main .news .news-text {
    border-radius: 15px;
    box-shadow: 5px 0 0 var(--lightPink);
    padding: 0.7vw 5px 1.5vw 14.5vw;
  }
  .main .news-title a {
    font-size: 1.6vw;
  }

  .main .news_list a {
    font-size: 1vw;
  }

  /* 背景の装飾 */
  /* 電球 */
  .main .back-img .denkyu-y01 {
    width: 7vw;
    right: 0.5%;
  }
  .main .back-img .denkyu-y02 {
    width: 3.7vw;
    top: 10vw;
  }
  .main .back-img .denkyu-y03 {
    width: 4vw;
    top: 47vw;
  }

  /* ハートの電球 */
  .main .back-img .denkyu-heart-p {
    width: 5vw;
    top: 35vw;
    right: 43%;
  }

  /* 雲 */
  .main .back-img .kumo1-1 {
    top: 35vw;
  }
  .main .back-img .kumo1-2 {
    width: 9vw;
    top: 11vw;
    right: 39%;
  }
  .main .back-img .kumo1-3 {
    width: 10vw;
    top: 55vw;
    right: 29%;
  }
  .main .back-img .kumo2 {
    top: 25vw;
    left: -10%;
  }

  /*
  フッター
  ーーーーーーーーーーーーーーーーーーーーーーーーー*/
  #footer .footer-topline {
    width: 105%;
  }

  #footer {
    padding-top: 7vw;
  }
  #footer ul li a {
    font-size: 1.4vw;
  }

  #page-top {
    bottom: 57vw;
    z-index: 10;
  }
  #page-top:hover {
    bottom: 58vw;
  }
  #page-top .text {
    width: 6vw;
  }

  #footer .footer-top {
    width: 90%;
  }
  #footer .footer-top .footer-menu {
    width: 72%;
  }

  #footer .item li a {
    font-size: 2vw;
  }
  #footer .sub-menu li a {
    font-size: 1.4vw;
  }

  #footer .footer-contact {
    font-size: 1.8vw;
  }
  #footer .footer-contact a {
    padding: 2vw 5vw;
    box-shadow: 5px 5px 0 var(--lightPink);
  }
  #footer .other-link {
    max-width: 22vw;
    margin-top: 5vw;
  }
  #footer .other-link img {
    width: 17vw;
    border-radius: 7px;
  }

  #footer .footer-bottom {
    margin-top: 3vw;
    width: 90%;
  }
  #footer .footer-logo {
    width: 22vw;
  }

  /*
  共通
  ーーーーーーーーーーーーーーーーーーーーーーーーー*/
  .top-container .content45 {
    width: 50%;
  }

  .nottitle {
    padding-top: 15vw;
  }

  .page-defaults .page-nottitle h2 {
    font-size: 2vw;
  }

  /*
  #blog .blog-item {
    height: 20vw;
    border-radius: 10px;
  }
  #blog .blog-phot img {
    border-radius: 10px;
  }
  #blog .blog-author {
    font-size: 0.85vw;
    left: -0.3vw;
  }
  #blog time {
    font-size: 1.3vw;
  }
  #blog h3 {
    font-size: 1.4vw;
  }
  */

  /* ボタン */
  .btn01 {
    font-size: 1.7vw;
    padding-bottom: 0.1vw;
  }
  .btn01 i {
    font-size: 1.7vw;
  }
  .btn01::before {
    top: -0.6vw;
    right: -1.2vw;
    width: 3.8vw;
    height: 3.8vw;
  }

  .btn02 {
    font-size: 1.5vw;
  }
  .btn02::before {
    width: 4.2vw;
    height: 4.2vw;
  }
  .btn02 span {
    padding-right: 1vw;
  }

  .btn03 {
    border-radius: 15px;
  }

  .btn04 {
    border-radius: 5px;
  }

  .nottitle-margin {
    margin-top: 5vw;
  }

  /*
  トップページ
  ーーーーーーーーーーーーーーーーーーーーーーーーー*/
  .top-container .content60 {
    width: 70%;
  }

  .top-container h2 {
    font-size: 2.5vw;
  }
  .top-container h2::before {
    top: -1.8vw;
    transform: translateX(-50%) scale(0.06);
  }

  .top-container .title h3 {
    font-size: 3vw;
  }
  .top-container .title .title-sub {
    font-size: 1.7vw
  }

  .top-container p {
    font-size: 1.5vw;
    line-height: 3.5vw;
  }

  /* イルミナとは */
  #top01 h1 {
    font-size: 2.9vw;
  }
  /* 電球 */
  #top01 .back-img .denkyu-p {
    width: 12vw;
    left: -14vw;
    top: 9.5vw;
  }
  #top01 .back-img .denkyu-y {
    width: 11vw;
    right: -16vw;
  }
  /* 雲 */
  #top01 .back-img .kumo1-1 {
    width: 9vw;
    left: -19vw;
  }
  #top01 .back-img .kumo1-2 {
    width: 9vw;
    left: -4vw;
    top: 31vw;
  }
  #top01 .back-img .kumo1-3 {
    width: 9vw;
    right: -7vw;
  }
  #top01 .back-img .kumo1-4 {
    width: 9vw;
    top: 34vw;
    right: -20vw;
  }

  /* イルミナについて */
  #top02 h1 {
    font-size: 3vw;
  }
  #top02 .phot .kumo1-1,
  #top02 .phot .kumo1-2 {
    width: 9vw;
  }

  /* 事業紹介 */
  .top03 {
    margin-top: 5vw;
  }
  .top03 .btn04 {
    font-size: 1.5vw;
  }

  /* ブログ */
  /*
  .new_blog {
    padding-bottom: 27vw;
  }
  .new_blog .item-list {
    width: 95%;
    justify-content: space-between;
  }
  .new_blog .item {
    margin: 0;
    padding: 0;
    width: calc(95% / 4);
  }
  .new_blog .blog-item {
    height: 28vw;
    border-radius: 10px;
    width: auto;
  }
  .new_blog .blog-phot img {
    border-radius: 10px;
    height: 12vw;
  }
  .new_blog .blog-author {
    font-size: 1.2vw;
    left: 0.7vw;
    top: 11.2vw;
    padding: 0.8vw 1vw;
    max-width: 85%;
  }
  .new_blog .blog-content {
    padding-top: 2.7vw;
  }
  .new_blog time {
    font-size: 1.5vw;
  }
  .new_blog h3 {
    font-size: 1.8vw;
  }

  .new_blog .like {
    right: 1vw;
  }
  */


  /* お知らせ系 */
  .notice-title {
    width: 38%;
  }
  .notice-title h1 {
    font-size: 3vw; 
  }
  .notice-title a {
    display: block;
  }
  .notice-title a span {
    font-size: 1.5vw;
  }
  .notice-title a::before {
    left: 8vw;
    width: 2vw;
    height: 2vw;
  }
  .notice-title a i {
    font-size: 1.2vw;
    left: 8.5vw;
  }
  .notice-title .title-sub {
    line-height: 1.7vw;
  }

  .notice-cont {
    width: 62%;
    margin-left: 8vw;
  }
  .notice-cont h3 {
    font-size: 2vw;
  }

  /* イベント情報 */
  .event .notice-cont {
    border-radius: 15px;
  }
  .event .item-phot {
    width: 50%;
  }
  .event .notice-cont h3 {
    margin-top: 0.5vw;
  }
  .event .item-author {
    font-size: 1.5vw;
  }

  /* システム更新 */
  .update .notice-cont time {
    font-size: 1.3vw;
  }

  /*ーーーーーーーーーーーーーーーーーーーーーーーー
  トップページ終わり
  */


  /*
  固定ページ
  ーーーーーーーーーーーーーーーーーーーーーーーーー*/
  /*
  固定ページ共通
  --------------------------------*/
  .page-defaults .content70 {
    width: 80%;
  }
  .page-defaults .content60 {
    width: 70%;
  }
  .page-defaults .content45 {
    width: 60%;
  }

  /* 左寄せ */
  .page-defaults h2 {
    font-size: 2.5vw;
  }
  /* 中心 */
  .page-defaults .title h2::before {
    top: -1.8vw;
    transform: translateX(-50%) scale(0.06);
  }

  .page-defaults .title h3 {
    font-size: 3vw;
  }
  .page-defaults .title .title-sub {
    font-size: 1.7vw
  }

  .page-defaults h4 {
    font-size: 2.3vw;
    padding: 0 0.3vw;
    padding-bottom: 0.8vw;
  }
  .page-defaults .dot-small {
    font-size: 1.5vw;
    padding-bottom: 0.3vw;
    background-image: radial-gradient(circle, #999999 1px, transparent 1px);
    background-size: 6px 2px;
  }

  .page-defaults p {
    font-size: 1.4vw;
  }

  /* 背景の調節 */
  .page-defaults .top-title {
    height: 40vw;
  }
  /* 電球 */
  .page-defaults .back-img .denkyu-p01 {
    top: 12vw;
  }
  .page-defaults .back-img .denkyu-p02 {
    top: 31vw;
  }
  .page-defaults .back-img .denkyu-y01 {
    top: 26vw;
  }
  .page-defaults .back-img .denkyu-y02 {
    top: 16.5vw;
  }
  /* 雲 */
  .page-defaults .back-img .kumo01 {
    top: 12.5vw;
  }
  .page-defaults .back-img .kumo03 {
    top: 27vw;
  }
  .page-defaults .back-img .kumo04 {
    top: 7vw;
  }

  /*ーーーーーーーーーーーーーーーーーーーーーーーーー
  トップタイトル
  */


  /**事業内容
  ーーーーーーーーーーーーーーーーーーーーーーーーー**/
  .jigyo {
    padding-top: 9vw;
  }

  /**
  事業内容一覧ここから
  ーーーーーーーーーーーーーーーーーーーーーーーーー**/
  /*
  事業一覧共通
  ---------------------------*/
  /* リンク */
  .jigyou .btn01 {
    font-size: 1.7vw;
  }
  .jigyou .btn01 i {
    font-size: 1.7vw;
    padding: 0;
  }
  .jigyou .btn01 .item-color {
    width: 4vw;
    height: 4vw;
    right: -1.3vw;
    top: -0.8vw;
  }

  /*
  メイン
  --------------------------*/
  .jigyou-main .item h4 {
    font-size: 2.5vw;
    padding-bottom: 1vw;
  }

  .jigyou-main .item .item-text {
    margin: 3vw 0;
  }

  /*
  サブ
  ---------------------------*/
  .jigyou-sub {
    row-gap: 8vw;
  }
  .jigyou-sub .item-cont {
    left: -0.1vw;
  }
  .jigyou-sub h2 {
    font-size: 2vw;
    padding-left: 1.5vw
  }
  .jigyou-sub h2 .item-color {
    height: 2.7vw;
    left: 0.1vw;
  }

  .jigyou-sub .item-link a {
    font-size: 1.7vw;
  }
  .jigyou-sub .item-link {
    bottom: -0.5vw;
  }

  /* 
  事業内容ページ
  -----------------------------------------*/
  /* タイトル */
  .jigyou_detail .top-title {
    height: 45vw;
  }
  .jigyou-title {
    border-radius: 15px;
    padding: 3vw;
  }
  .jigyou_detail .jigyou-title .ruby {
    font-size: 1.5vw;
  }
  .jigyou_detail .jigyou-title img {
    width: 27vw;
  }
  .jigyou_detail .jigyou-title h3 {
    font-size: 1.6vw;
  }
  /* 背景 */
  /* 電球 */
  .jigyou_detail .back-img .denkyu-p02 {
    top: 37vw;
  }
  .jigyou_detail .back-img .denkyu-y01 {
    top: 30vw;
  }
  /* 雲 */
  .jigyou_detail .back-img .kumo03 {
    top: 35vw;
  }

  /* item 共通 */
  .jigyou_detail .item-list p,
  .jigyou_detail .box-wrapper p{
    font-size: 1.3vw;
    line-height: 2.5vw;
  }

  /* 事業内容 */
  .gyoumu .item-list {
    border-radius: 15px;
  }
  .gyoumu-others .item {
    border-radius: 15px;
  }

  /* 支援内容 */
  .jigyou_detail .box-wrapper::before,
  .jigyou_detail .box-wrapper::after {
    width: 2px;
  }

  /* 対象施設 */
  .business-list .office-item h4 {
    font-size: 1.9vw;
    padding-right: 0;
  }
  .business-list .shubetsu {
    margin-top: 2vw;
  }
  .business-list .shubetsu .item {
    width: 14vw;
  }
  .business-list .shubetsu .kids {
    width: 17vw;
  }
  .business-list .shubetsu p {
    line-height: 2.9vw;
  }
  .business-list .office-cont .info {
    margin-top: 1vw;
  }
  .business-list .info p {
    font-size: 1.3vw;
  }

  /* お仕事募集 */
  .boshu .title {
    margin-bottom: 2vw;
  }
  .boshu p {
    margin: 3vw 0 3vw;
    padding: 0 3vw;
    text-align: left;
  }

  .boshu a {
    font-size: 2vw;
  }

  /*
  就労移行支援
  ------------------------------------------*/
  /* ページトップ
  ----------------------*/
  .iko-top .it-list,
  .iko-top .fukushi-list {
    align-items: end;
  }
  .iko-top .item-phot {
    margin-top: 0.5vw
  }
  .iko-top .wp-block-image {
    margin-bottom: 0;
  }
  .iko-top .item-phot img {
    border-radius: 15px;
  }
  .iko-top .item-cont {
    width: 50%;
  }
  .iko-top .it-list .item-cont {
    margin-right: 5vw;
  }
  .iko-top .fukushi-list .item-cont {
    margin-left: 5vw;
  } 

  /* 背景
  ----------------------*/
  /* IT */
  .iko-top .back-img .it .pink01,
  .iko-top .back-img .it .pink02 {
    left: -7vw;
  }
  .iko-top .back-img .it h3 {
    left: -6vw;
  }

  /* 福祉 */
  .iko-top .back-img .fukushi .pink01,
  .iko-top .back-img .fukushi .pink02 {
    right: -5vw;
  }
  .iko-top .back-img .fukushi h3 {
    right: -5.5vw;
  }


  /* 特徴
  -------------------------*/
  .jigyou_iko .features {
    width: 80%;
  }
  .features .item-title p {
    font-size: 1.5vw;
  }
  .features .item-title h3 {
    font-size: 2.5vw;
  }

  .features li {
    font-size: 1.9vw;
  }
  .features li::before {
    height: 4vw;
    width: 4vw;
    font-size: 2.4vw;
    left: -5.5vw;
  }

  /*支援内容
  --------------------------*/
  .jigyou_iko .shien .item-list {
    width: 90%;
    justify-content: space-between;
  }

  .jigyou_iko .shien .box-wrapper {
    width: 30%;
    margin: 0;
    margin-left: 1.5vw;
  }
  .jigyou_iko .shien .box-wrapper:first-of-type {
    margin-left: 0;
  }

  /*
  就労継続支援A型
  ------------------------------------------*/
  /* イルミナモールについて
  -------------------------*/
  /* テキスト */
  .iluminamall .text-list {
    width: 50%;
    border-radius: 15px;
  }
  .text-list h4 {
    font-size: 2.1vw;
  }

  /* 写真 */
  .iluminamall .phot-list {
    width: 50%;
  }

  .phot-list .item img {
    border-radius: 15px;
  }
  .phot-list h2 {
    font-size: 2.1vw;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    border-radius: 0 10px 0 0;
    width: 70%;
    margin-bottom: 0;
    top: 9vw;
  }

  /*
  作業の流れ
  --------------------------*/
  .procedure .item {
    border-radius: 10px;
    width: 10vw;
    height: 13vw;
    padding: 1vw 0.5vw;
  }
  .procedure .job-text {
    font-size: 1.4vw;
  }

  /** 事業内容一覧ここまで **/

  /*
  会社概要
  --------------------------------------------*/
  .number {
    padding-left: 2.5vw;
  }
  .number li::marker {
    font-size: 2vw;
  }
  .number h1 {
    font-size: 1.9vw;
  }
  .number p {
    margin-bottom: 3.5vw;
  }

  /** 企業理念 **/
  .rinen .btn03 {
    width: 30%;
    padding: 3.5vw 0 5vw;
  }
  .rinen .btn03 i {
    font-size: 1.2vw;
    right: 2.3vw;
  }
  .rinen .btn03::before {
    width: 1.7vw;
    height: 1.7vw;
    right: 1.7vw;
  }
  .rinen .vision h4 {
    padding: 0 0.6vw 1vw;
  }
  .rinen .value h4 {
    padding: 0 1.3vw 1.5vw;
  }

  /** Mission **/
  #mission .line {
    width: 75%;
  }
  
  #mission h1 {
    font-size: 2.7vw;
  }

  /** vision **/
  #vision h3 {
    font-size: 2.2vw;
  }
  #vision .number {
    margin-top: 4vw;
  }

  /** 沿革 **/
  .enkaku th,
  .enkaku td {
    padding: 1vw 1.3vw;
  }
  .enkaku table .year {
    width: 13%;
  }

  /**/

  /** 事業所一覧 **/ 
  .office-img img {
    border-radius: 15px;
  }
  .office-cont p {
    line-height: 3vw;
  }
  .office-cont .info {
    margin-top: 1.5vw;
  }

  /* 業種 */
  .shubetsu {
    margin-top: 2.5vw;
  }
  .shubetsu .item {
    border-radius: 7px;
    width: 16vw;
  }
  .shubetsu .kids {
    width: 18vw;
  }
  .shubetsu p {
    font-size: 1.2vw;
    line-height: 3vw;
    border-radius: 7px;
    transform: translate(-0.2vw,-0.25vw) rotate(-2deg);
  }

  /** サイトリンク **/
  /* 開校前リンクなし */
  .office-item .link-out {
    font-size: 1.8vw;
    padding-right: 1vw;
  }


  /*
  職場環境等要件
  ーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  .shokuba .number .item {
    height: 15vw;
  }
  .shokuba .number h3 {
    font-size: 2vw;
  }
  .shokuba .number .number_p {
    font-size: 2.5vw;
  }

  .pdf-link a {
    padding: 2vw;
  }
  .pdf-link h3 {
    font-size: 2vw;
  }
  /*
  .single {
    padding-top: 11vw;
  }
  */

  /*
  お知らせ
  --------------------------------------- */
  /* 共通 */
  .oshirase .tag {
    font-size: 1.4vw;
  }
  .oshirase a h3 {
    font-size: 2vw;
  }

  /* お知らせ */
  .oshirase .categories {
    font-size: 1.6vw;
  }
  .oshirase .categories::before {
    width: 0.7vw;
    height: 0.7vw;
    left: 1.1vw;
    top: 1.6vw;
  }
  .oshirase .categories::after {
    width: 0.7vw;
    height: 0.7vw;
    left: 1.3vw;
    top: 1.8vw;
  }
  .oshirase .categories > ul li {
    font-size: 1.4vw;
    padding: 1vw 0.5vw;
  }

  /*
  イルミナブログ
  ---------------------------------------*/
  .blog-list {
    width: 95%;
    gap: 1.5vw;
    row-gap: 7vw;
  }

  .blog-item {
    padding: 1.5vw;
    border-radius: 10px;
  }

  .blog-item .blog-phot img {
    border-radius: 10px;
  }

  .blog-item .blog-author {
    font-size: 1vw;
    left: 0.8vw;
    top: 9.5vw;
    padding: 0.6vw 1.2vw;
    width: auto;
    max-width: 85%;
  }
  .blog-item .blog-content {
    padding-bottom: 4vw;
  }
  .blog-item h4 {
    font-size: 1.7vw;
    padding: 0 0 0.6vw;
    line-height: 2em;
  }
  .blog-item time {
    font-size: 1.4vw;
  }

  /*
  .blog-list .blog-item {
    border-radius: 10px;
  }

  .blog-list .blog-phot img {
    height: 12vw;
    border-radius: 10px;
  }

  .blog-list time {
    padding-bottom: 0;
  }

  .blog-list .blog-author {
    font-size: 1.2vw;
    left: 0.7vw;
    top: 11.2vw;
    padding: 0.8vw 1vw;
    max-width: 100%;
  }

  .blog-list .blog-content {
    padding-top: 3vw;
    padding-bottom: 4.5vw;
  }

  .blog-list .like {
    transform: scale(0.8);
  }

  */
  .pagenation_news .nav-links {
    font-size: 2vw;
  }
  .pagenation_news .nav-links .prev,
  .pagenation_news .nav-links .next {
    padding-bottom: 0;
  }
  .pagenation_news .nav-links .next::after,
  .pagenation_news .nav-links .prev::after {
    top: calc(50% + 0.1vw);
  }

  /*
  採用情報
  ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  .recruit h1 {
    font-size: 2.5vw;
  }

  /*
  所在地一覧
  ------------------------*/
  .page-defaults .recruit_cat {
    width: 80%;
  }
  .recruit_cat .btn03 {
    padding: 1vw 0 1.5vw;
  }

  /*
  事業所の名前
  ------------------------*/
  .page-defaults .recruit_list {
    width: 80%;
  }

  .recruit_list .btn03 {
    padding: 1.5vw 0 2vw;
    border-radius: 7px;
  }

  .recruit_list .dot-small {
    line-height: normal;
    padding-bottom: 0.4vw;
    background-size: 10px 2px;
  }

  .recruit_list .sub-menu {
    border-radius: 5px;
  }
  .recruit_list .sub-menu a {
    font-size: 1.5vw;
    border-radius: 5px;
  }

  /*
  問い合わせ
  ーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  /** 送信ボタン **/
  .wpcf7-submit {
    font-size: 1.5vw;
  }

  /** 電話番号 **/
  .contact-tel {
    border-radius: 15px;
  }
  .contact-tel .item-list {
    padding: 2vw 2vw 4vw;
  }
  .contact-tel h2 {
    font-size: 2vw;
  }
  .contact-tel h4 {
    font-size: 2.7vw;
  }

  /** 枠内 **/
  .contact-main {
    border-radius: 15px;
  }
  .contact-main h2 {
    font-size: 2vw;
    padding-left: 1vw;
  }
  .contact-main h2::after {
    height: 2.5vw;
    width: 0.5vw;
  }

  .wpcf7-text,
  .wpcf7-textarea,
  .wpcf7-select {
    font-size: 1.4vw;
  }

  /*
  記事　
  --------------------------------------*/
  .nottitle-blog {
    padding-top: 13vw;
  }

  .single_title h3 {
    font-size: 3vw;
  }
  .single_meta {
    font-size: 1.4vw;
  }

  /*
  よくある質問
  --------------------------------------*/
  .QandA .Q,
  .QandA .A {
    font-size: 2.5vw;
  }
  /** question **/
  .QandA .question i {
    font-size: 1.3vw;
    right: 1.7vw;
    bottom: 1.17vw;
  }
  .QandA .question::before {
    width: 2.5vw;
    height: 2.5vw;
    right: 1vw;
    bottom: 0.5vw;
  }

  .QandA .question p {
    font-size: 1.9vw;
    padding-bottom: 0.3vw;
  }

  /** answer **/
  .QandA .answer .item {
    margin-top: 2vw;
  }
  .QandA .answer p {
    line-height: 4vw;
  }

  .QandA .btn {
    margin-top: 3vw;
    margin-bottom: 2vw;
  }
  .QandA .answer a {
    font-size: 1.8vw;
  }
}

/**
レスポンシブ800px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (min-width: 801px) {
  .nav-wrap {
    display: block !important;
  }
}
.content {
  padding: 20px;
}
@media screen and (max-width: 800px) {
  /**ヘッダー**/
  #header {
    padding: 3vw 0;
  }
  .head_style {
    width: 90%;
    border: solid var(--black) 0.7px;
    border-radius: 5px;
    padding: 1vw 0;
  }
  .logo {
    margin-left: 4vw;
  }
  .logo img{
    width: 140px;
    padding-top: 7px;
  }

  .nav-button {
    display: block;
    cursor: pointer;
    left: -7vw;
    z-index: 900;
  }

  .nav-wrap {
    position: fixed;
    width: 95%;
    height: 95vh;
    top: -5vw;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    z-index: 900;
    background-color: #fff;
    border: var(--darkGray) solid 0.6px;
    border-top: none;
    border-radius: 0 0 10px 10px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 5vw;
  }

  .nav-back {
    position:fixed;
    display: none;
	  z-index: 800;
	  top:0;
	  width:100%;
    height: 100vh;
	  background:#fff;
	  transition: all 0.3s;
  }
  .nav-back.panelactive {
    display: block;
  }

  .nav-wrap ul {
    width: 100%;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .nav {
    position: relative;
    overflow-x: hidden;
    height: 85%;
    top: 25vw;
  }

  .nav li{
    display: block;
    margin: 0 2em 1.8em 0;
    padding-left: 4em;
  }
  .nav a{
    color: var(--black);
    font-size: 5vw;
    padding-left: 0;
  }


  /* 下線 */
  .nav li a {
    position: relative;
    padding-bottom: 5px;
  }
  .nav li a::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 120%;
    height: 1px;
    background-image:
    linear-gradient(90deg, 
    rgba(102 , 102, 102, 1) 65%,
    rgba(64, 64, 64, 0) 65%, 70%,
    rgba(102, 102, 102, 1) 70% 88%,
    rgba(64, 64, 64, 0) 88%, 93%,
    rgba(102, 102, 102, 1) 93%);
  }
  .nav .sub-menu > li a::after {
    background-image: none;
  }

  /* 丸 */
  .nav li {
    position: relative;
  }
  .nav li::before {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    background-color: rgba(255, 255, 255, 0);
    border: var(--darkGray) 0.6px solid;
    border-radius: 50%;
    top: 3vw;
    left: 12vw;
    z-index: 30;
  }
  .nav .current_page_item::after {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    background-color: var(--lightPink);
    background-image: none;
    border: var(--lightPink) 0.6px solid;
    border-radius: 50%;
    top: calc(3vw + 2px);
    left: calc(12vw + 2px);
    z-index: 10;
  }

  .nav .current-menu-item::after {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    background-color: var(--lightPink);
    background-image: none;
    border: var(--lightPink) 0.6px solid;
    border-radius: 50%;
    top: calc(3vw + 2px);
    left: calc(12vw + 2px);
    z-index: 10;
  }
  
  .nav .sub-menu{
    display: block;
    box-shadow: none;
    border: none;
    position: static;
  }
  .nav .sub-menu > li{
    margin: 0;
    padding: 5vw 0 0 5vw;
    border: none;
  }
  .nav .sub-menu > li a {
    font-size: 4vw;
  }

  .nav .sub-menu > li::before {
    top: 6.8vw;
    left: 0;
  }
  .nav .sub-menu > .current_page_item::after {
    top: calc(6.8vw + 2px);
    left: 2px;
  }

  /* お問い合わせボタン */
  .nav .nav-contact  {
    margin: 10vw 0 0 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding-left: 0;
    padding-bottom: 3vw;
  }
  .nav .nav-contact::before,
  .nav .nav-contact::after {
    position: static;
    border: none;
  }
  .nav .nav-contact a {
    display: block;
    width: 70%;
    color: var(--black);
    background: #fff;
    border: var(--darkGray) 1px solid;
    box-shadow: 5px 5px 0 var(--lightPink);
    left: 50%;
    transform: translateX(-50%);
    right: 5px;
    bottom: 5px;
  }
  .nav .nav-contact a:hover {
    box-shadow: none;
    right: 0;
    bottom: 0;
  }
  .nav .nav-contact a::before,
  .nav .nav-contact a::after {
    position: static;
    border: none;
  }

  /*メニューボタン*/
  .nav-button,
  .nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .nav-button {
    z-index: 990;
    position: relative;
    width: 40px;
    height: 30px;
  }
  .nav-button span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.7px;
    background-color: var(--black);
    border-radius: 4px;
  }
  .nav-button span:nth-of-type(1) {
    top: 2px;
  }
  .nav-button span:nth-of-type(2) {
    top: 14px;
  }
  .nav-button span:nth-of-type(3) {
    bottom: 2px;
  }
  .nav-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
  .nav-button.active span:nth-of-type(2) {
    opacity: 0;
  }
  .nav-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-15px) rotate(45deg);
    transform: translateY(-15px) rotate(45deg);
  }

  /**ヘッダーここまで**/

/**フッターここから**/
/* フッター共通 */
#footer {
  padding-top: 35vw;
}
#footer .footer-topline-sm {
  display: block;
  position: relative;
  width: 167%;
  left: -20vw;
}
#footer .footer-topline {
  display: none;
}

#footer ul {
  width: 100%;
}

#footer .item li a {
  font-size: 7vw;
  margin-bottom: 6.5vw;
}


#footer .sub-menu {
  padding-left: 5vw;
}
#footer .sub-menu li a {
  font-size: 5vw;
  margin-bottom: 4vw;
}

/* 装飾 */
#footer .sub-menu li a::before {
  height: 2vw;
  width: 2vw;
  left: -4.1vw;
  margin-top: 2.9vw;
  top: auto;
  transform: none;
}

/* トップページへ戻る */
#page-top {
  bottom: auto;
  top: 5vw;
  padding: 0 5vw;
  right: 3vw;
}
#page-top a::before,
#page-top a::after {
  width: 3vw;
  top: 5vw;
}
#page-top a::before {
  left: 2vw;
}
#page-top a::after {
  right: 1vw;
}

#page-top a:hover::before,
#page-top a:hover::after {
  top: 5vw;
}

#page-top .text {
  width: 20vw;  
}
#page-top .denkyu-sm {
  display: block;
  width: 12vw;
}
#page-top .denkyu {
  display: none;
}

/* フッター上部 */
#footer .footer-top {
  flex-direction: column;
  margin-top: 0;
  padding: 5vw 0;
}
#footer .footer-top .footer-menu {
  flex-direction: column;
  width: 100%;
}

#footer .item {
  width: 100%;
}
#footer .item .item-set {
  margin-top: 10vw;
  margin-bottom: 0;
}

#footer ul:last-of-type {
  margin-top: 0;
}
/*  
.footer{
  width: 100%;
  margin-top: 10vw;
  padding-top: 10vw;
  padding-bottom: 10vw;
  background-color: #EE827C;
}
.footer .content80{
  text-align: center;
  margin: auto;
}
.footer .content80 ul{
  list-style: none;
  padding-inline-start:0;
}
.footer ul li{
  display: block;
  text-decoration: none;
  padding: 1vw;
  padding-top: 10vw;
}
.footer ul li a{
  text-decoration: none;
  font-size: 1em;
  color: #fff;
}
.footer .footer-logo {
  width: 60vw;
  border: none;
  padding-right: 0;
  margin-right: 0;
  margin-top: 6vw;
}
*/
#footer .item-other {
  width: 100%;
}

/* お問い合わせ */
#footer .footer-contact {
  font-size: 6vw;
  text-align: center;
  width: auto;
  margin-top: 0;
}
#footer .footer-contact a {
  display: block;
  padding: 5vw;
}

/* リンク画像 */
#footer .other-link {
  padding: 13vw 3vw 3vw;
  margin: 0 1vw;
  max-width: 100%;
  text-align: center;
}
#footer .other-link a {
  padding: 0;
  margin: 0 2vw;
}
#footer .other-link img {
  width: 70vw;
  border-radius: 10px;
}
/* スクロールバー */
.footer-top .other-link::-webkit-scrollbar {
  width: 8px; /* スクロールバーの幅 */
  height: 8px; /* スクロールバーの高さ */
}

/* フッター下部 */
#footer .footer-bottom {
  margin-top: 9vw;
  padding-top: 9vw;
}
#footer .footer-logo {
  width: 60vw;
  margin-bottom: 4vw;
}

#footer .footer-bottom ul {
  flex-direction: column;
}
#footer .footer-bottom ul li a {
  font-size: 4vw;
}
/**フッターここまで**/

/**トップメインここから**/
  .main {
    overflow: hidden;
    padding-bottom: 1vw;
  }

  .main .main-content {
    flex-direction: column-reverse;
  }

  /* 画像 */
  .main .topimg {
    margin-top: 30vw;
    margin-left: 45vw;
  }
  .main .topimg img {
    width: 48vw;
    margin: 0;
  }

  /* 文字 */
  .main .tagline {
    margin-top: 4vh;
    margin-left: 7vw;
  }
  .main .main-text {
    font-size: 8vw;
    letter-spacing: 0.1rem;
  }

  .main .main-text .pink,
  .main .main-text .yellow {
    -webkit-text-stroke: var(--darkGray) 0.6px;
    left: 3px;
    bottom: 3px;
  }
  .main .main-text .pink {
    text-shadow: 3px 3px 0 var(--lightPink);
    margin-right: 6.5vw;
  }
  .main .main-text .yellow {
    text-shadow: 3px 3px 0 var(--yellow);
  }

  .main .main-text .pink::after,
  .main .main-text .yellow::after {
    height: 0.5px;
    bottom: 1px;
  }
  .main .main-text .pink::after {
    width: 96%;
  }

  /* 文字のあしらい */
  .main .tag-design .kirakira01 {
    width: 2.5vw;
  }
  .main .tag-design .kirakira02 {
    width: 4.8vw;
    right: 22vw;
    top: 10vw;
  }
  .main .tag-design .kumo{
    width: 24vw;
    top: 27vw;
    left: -3vw;
  }
  .main .tag-design .pikapika {
    width: 5.5vw;
    top: 16.5vw;
    left: -2.5vw;
  }

  /* トップニュース */
  .main .news {
    width: 98%;
    margin-top: 15vw;
  }

  .main .news .news-text {
    box-shadow: 4px 3px 0 var(--lightPink);
    border: solid var(--darkGray) 0.5px;
    border-radius: 15px;
    line-height: 4vw;
    padding: 6px 8px 10px 26vw;
  }

  .main .news .kumo {
    display: none;
  }
  .main .news .kumo-sm {
    display: block;
    width: 33vw;
    left: -8.5vw;
    bottom: -1vw;
  }
  .main .news h2 {
    font-size: 5.5vw;
    letter-spacing: 0;
    line-height: 6.5vw;
    left: 3vw;
    bottom: 3vw;
    margin: 0;
  }

  .main .news-title a {
    font-size: 4vw;
    margin-bottom: 1vw;
    line-height: normal;
  }
  .main .news_list p {
    height: 3vw;
    margin-top: 1vw;
  }
  .main .news_list a {
    font-size: 2.6vw;
    line-height: 3vw;
    padding-left: 0.5vw;
    line-height: normal;
  }

  /* 背景の装飾 */
  /* 電球 */
  .main .back-img .denkyu-p01 {
    display: block;
    width: 18vw;
    right: -2%;
    top: 125vw;
  }
  .main .back-img .denkyu-p02 {
    display: block;
    width:  10vw;
    left: 6.5%;
    top: 25vw;
  }

  .main .back-img .denkyu-y01 {
    display: none;
  }
  .main .back-img .denkyu-y02 {
    width: 15vw;
    left: auto;
    right: -6%;
    top: 10vw;
  }
  .main .back-img .denkyu-y03 {
    display: none;
  }
  
  /* ハートの電球 */
  .main .back-img .denkyu-heart-p {
    display: none;
  }
  .main .back-img .denkyu-heart-y {
    display: block;
    width: 16vw;
    left: 22%;
    top: 65vw;
    z-index: 50;
  }

  /* 雲 */
  .main .back-img .kumo1-1 {
    width: 23vw;
    z-index: 100;
    opacity: 1;
    top: 127vw;
  }
  .main .back-img .kumo1-2 {
    width: 24vw;
    right: auto;
    left: -6%;
    top: 90vw;
    transform: scale(-1, -1);
    opacity: 1;
  }
  .main .back-img .kumo1-3 {
    width: 18vw;
    right: auto;
    bottom: auto;
    left: 24%;
    top: 35vw;
    opacity: 1;
  }

  .main .back-img .kumo2 {
    display: none;
  }
  .main .back-img .kumo3 {
    display: none;
  }

  /* レイヤー順の設定 */
  .top-container {
    border-top: none;
    background: none;
    padding-top: 0;
    margin-top: 0;
  }

  /**トップメインここまで**/

  /**コンテンツここから**/
  .margin{
    margin-top: 20vw;
  }
  .content80{
    width: 100%;
  }
  .content60{
    width: 100%;
  }
  .split{
    display: block;
  }
  .split_harf_child{
    margin: 0;
    width:100%;
  }
  .split_third_child{
    width: 100%;
    padding-left:0%;
    padding-right: 0%;
  }
  .split_30_child{
    width: 100%;
  }
  .split_70_child{
    width: 100%;
    padding-left: 0%;
  }
  .title_img img{
    width: 25vw;
  }
  .title_img h1{
    font-size: 1em;
  }

  /*
  .button a {
    max-width: 95%;
    margin: 0;
    margin-left: 2.5%;
    margin-top: 5vw;
	  padding:0;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .button a img{
    width: 20vw;
  }
  */

  .pc{
    display: none;
  }
  .smaho{
    display: block;
  }
  .title img{
    width: 40vw;
  }

  /* 追加分 */
  .top-container .content80 {
    width: 90%;
  }
  .top-container .content60 {
    width: 90%;
  }
  .top-container .content45 {
    width: 85%;
  }

  /* ブログ用 
  #blog .blog-item {
    height: auto;
    border-radius: 7px;
    margin: 0;
    padding: 5vw 0;
  }
  #blog .blog-phot {
    text-align: center;
    
  }
  #blog .blog-phot img {
    width: 90%;
    height: auto;
    border-radius: 5px;

  }
  #blog .blog-author {
    font-size: 3.7vw;
    padding: 2vw 3.5vw;
    line-height: normal;
    top: -5vw;
    left: 2vw;
    margin: 0 1vw;
  }
  #blog .blog-content {
    margin-bottom: 2vw;
    padding: 0 5vw;
  }
  #blog time {
    font-size: 4vw;
  }
  #blog h3 {
    font-size: 6vw;
    margin-top: 2vw;
  }
    */

  /* btn01 */
  .btn01 {
    font-size: 5vw;
    border-bottom-width: 0.8px;
  }
  .btn01::before {
    width: 11vw;
    height: 11vw;
    top: -1vw;
    right: -4vw;
  }
  .btn01 i {
    font-size: 3.5vw;
    margin-left: 3vw;

  }

  /* btn02 */
  .btn02 {
    font-size: 6vw;
    padding: 3vw 15vw;
    border-width: 0.8px;
  }
  .btn02::before {
    width: 14.5vw;
    height: 14.5vw;
  }
  .btn02 i {
    font-size: 5vw;
    right: 4.5vw;
  }

  /* btn03 */
  .btn03 {
    border-width: 0.8px;
    border-radius: 7px;
    padding: 6vw 0 10vw;
  }
  .btn03:hover {
    border-width: 0.8px;
  }

  /* btn04 */
  .btn04 {
    border-width: 0.8px;
  }
  .btn04 .item-color {
    width: 20vw;
    height: 20vw;
    right: -13vw;
  }

  /* 固定ページ装飾なし用 */
  .nottitle {
    padding-top: 40vw;
  }

  .nottitle-margin {
    margin-top: 3vw;
  }

  .page-defaults .page-nottitle h2 {
    font-size: 6.2vw;
  }

  /**コンテンツここまで**/

  /*
  トップページ
  ------------------------------------*/
  .top-container {
    padding: 20vw 0 0;
    overflow: hidden;
  }

  .top-container .margin {
    margin-top: 30vw;
  }

  .top-container h1 {
    border-bottom-width: 0.8px;
  }
  .top-container h2 {
    font-size: 7.5vw;
  }
  .top-container h2::before {
    top: -3.5vw;
    transform: translateX(-50%) scale(0.08);
  }

  .top-container .title h3 {
    font-size: 7vw;
  }
  .top-container .title .title-sub {
    font-size: 4.5vw;
  }

  .top-container p {
    font-size: 4vw;
    line-height: 8vw;
  }
  /**トップ01ここから**/
  #top01 {
    padding: 30vw 0 20vw;
  }
  #top01 .line {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
  }
  #top01 h1 {
    font-size: 8vw;
  }

  #top01 p {
    width: 95%;
    margin: 5vw 0;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.7);
  }

  /* 背景 */
  /* 電球 */
  #top01 .back-img .denkyu-p {
    width: 25vw;
    left: auto;
    right: -5vw;
    top: -28vw;
  }
  #top01 .back-img .denkyu-y {
    width: 25vw;
    right: auto;
    left: 0;
    top: 113vw;
    z-index: -1;
  }
  /* 雲 */
  #top01 .back-img .kumo1-1 {
    width: 20vw;
    left: -13vw;
    top: -13vw;
  }
  #top01 .back-img .kumo1-2 {
    width: 20vw;
    left: -6vw;
    top: 110vw;
    transform: scale(1,1);
  }
  #top01 .back-img .kumo1-3 {
    width: 20vw;
    top: 4vw;
    right: -12vw;
    transform: scale(-1, -1);
  }
  #top01 .back-img .kumo1-4 {
    display: none;
    width: 20vw;
    right: -8vw;
    top: 80vw;
  }

  /*
  .top01 .split_harf_child{
    padding: 0;
    margin: 0 auto;
    font-size: 1em;
  }
	.top01 .title_img h1{
		margin-left:2vw;
	}
  .top01 .split_harf_child p{
    margin-top: 5vw;
    width: 95%;
    margin: 0 auto;
  }
  .top01 .split_harf_child img{
    width: 80%;
    margin-left: 10%;
  }
  .top01 .line h1{
    font-size: 3.8vw;
    margin-left: 2vw;
  }
  .top01 .button{
    margin-left: 0;
  }
  .top01 .button a img{
    width: 20vw;
  }
  */
  /**トップ01ここまで**/

  /**トップ02ここから**/
  .top-container #top02 {
    width: 70%;
  }
  #top02 {
    flex-direction: column-reverse;
  }
  #top02 .phot {
    width: 100%;
    position: relative;
    right: -10vw;
    z-index: -1;
  }
  #top02 .phot img {
    border-radius: 10px;
  }
  #top02 .item {
    position: relative;
    width: 110%;
    left: -7vw;
    top: -6vw;
    padding: 1vw 3vw 3vw;
    background-color: #fff;
    border-radius: 15px;
  }
  #top02 h1 {
    font-size: 7.5vw;
  }
  #top02 h1 span {
    font-size: 125%;
    margin-right: 1vw;
    -webkit-text-stroke: 0.6px var(--black);
    text-shadow: 2px 2px 0 var(--lightPink);
  }
  #top02 .text {
    padding: 0;
    margin-top: 5vw;
  }
  #top02 p {
    width: 95%;
    margin: 0 auto;
  }

  #top02 .phot .kumo1-1 {
    display: none;
  }
  #top02 .phot .kumo1-2 {
    top: -6vw;
    right: -4vw;
    width: 20vw;
  }
  /*
  .top02 .split{
    display: block;
  }
  .top02 .split_harf_child{
    margin: 0 auto;
    width: 100%;
  }
  .top02 .split_harf_child img{
    margin-left: 5%;
  }
  .top02 .split_harf_child .top02back img{
    margin-left: 10%;
    width: 90%;
  }
  .top02 .title{
    font-size: 4vw;
  }
  .top02r .title_img {
    text-align: center;
  }
  .top02 .split_harf_child .top02r .title_img img{
    width: 25vw;
    margin-left: 0%;
  }
  .top02r{
    position: absolute;
    margin-top: -70vw;
  }
  .top02r p{
    margin-top: 10vw;
    margin-left: 2.5%;
    width: 95%;
    font-size: 1em;
  }
  */
  /**トップ02ここまで**/

  /**トップ事業内容ここから**/
  .top03 {
    margin-top: 10vw;
  }
  .top03 .item-list {
    margin-top: 14vw;
    grid-template-columns: auto;
    gap: 5vw;
  }
  .top03 .btn04 {
    font-size: 5vw;
    padding: 4vw;
  }
  .top03 .btn {
    margin-top: 15vw;
  }
  /*
  .top03 .split {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
	.top03 .split_harf_child p{
  width: 100%;
  }
  */
  /**トップ事業内容ここまで**/

  .new_blog {
    padding-top: 10vw;
    padding-bottom: 40vw;
  }
  .new_blog .title {
    margin-bottom: 7vw;
  }

  .new_blog .blog-list {
    margin-bottom: 15vw;
  }
  .new_blog .blog-item h4 {
    line-height: 3em;
    padding-bottom: 2vw;
  }
  /*
  .new_blog .item {
    width: 100%;
  }

  .new_blog .blog-author {
    font-size: 3.7vw;
    padding: 2vw 3.5vw;
    line-height: normal;
    top: 42vw;
    left: 2vw;
    margin: 0 1vw;
  }

  .new_blog .blog-phot {
    text-align: center
  }
  .new_blog .blog-phot img{
    width: 90%;
    height: auto;
    border-radius: 5px;
  }
  .new_blog .item-list {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 85%;
    gap: 6vw;
  }
  .new_blog .blog-item {
    height: auto;
    padding: 5vw 0;
    margin: 0;
    border-radius: 7px;
  }

  .new_blog .btn {
    margin-top: 15vw;
  }

  .new_blog .like {
    position: relative;
    text-align: right;
    padding: 0 3vw;
  }
  .wpulike {
    position: static;
  }


  .new_blog .blog-content {
    margin: 0 0 2vw;
    padding: 7vw 5vw 0 5vw;
  }
  .new_blog time {
    font-size: 4vw;
  }
  .new_blog h3 {
    font-size: 6vw;
    margin-top: 2vw;
  }
  /*
  .new_blog > a{
    margin: auto;
    width: 95%;
    font-size: 1em;
    margin-top: 10vw;
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .new_update .item {
    font-size: 7vw;
    margin: 10vw auto;
  }
  .new_update .item .tag {
    font-size: 60%;
  }
  .new_update .list_link {
    width: 95%;
    font-size: 1em;
    padding: 10vw 0;
  }
  */
  /**イベント情報、システム更新**/
  .notice {
    padding-top: 20vw;
  }

  .notice .event,
  .notice .update {
    flex-direction: column;
  }

  .notice-title {
    width: auto;
    display: flex;
    flex-direction: column;
  }
  .notice-title h1 {
    font-size: 8vw;
  }
  .notice-title .title-sub {
    font-size: 4vw;
    line-height: normal;
  }
  .notice-title a {
    margin-top: 3.5vw;
  }
  .notice-title a span {
    font-size: 4vw;
  }
  .notice-title a::before {
    width: 6vw;
    height: 6vw;
    left: 21vw;
  }
  .notice-title a i {
    font-size: 3.5vw;
    left: 22.5vw;
  }

  .notice-cont {
    margin-left: 0;
    margin-top: 10vw;
    width: auto;
  }
  .notice-cont h3 {
    font-size: 6.5vw;
  }

  /* イベント情報 */
  .event .notice-cont {
    border-radius: 10px;
    padding: 4vw
  }

  .event .item {
    flex-direction: column;
  }
  .event .item:hover .item-phot {
    transform: none;
  }
  .event .item-phot {
    width: auto;
    margin: 3vw;
  }
  .event .item-cont {
    width: auto;
  }
  .event .item-author {
    font-size: 4vw;
    line-height: normal;
  }
  .event .notice-cont h3 {
    margin-top: 4vw;
    margin-bottom: 5vw;
  }

  .event .border {
    padding: 3vw;
    margin-bottom: 3vw;
  }

  /* システム更新 */
  .update .notice-cont {
    margin-top: 8vw;
  }
  .update .item h3 {
    padding-bottom: 2vw;
    font-size: 6vw;
  }
  .update .item-cont {
    margin-bottom: 5vw;
    padding: 0 2vw;
  }
  .update .notice-cont time {
    font-size: 4.2vw;
  }

  /*
  固定ページ
  -------------------------------*/
  /** 固定ページ共通 **/
  .page-defaults {
    padding-bottom: 5vw;
  }
  .page-defaults .margin {
    margin-top: 30vw;
  }

  .page-defaults .content80 {
    width: 90%;
  }
  .page-defaults .content70 {
    width: 90%;
  }
  .page-defaults .content60 {
    width: 90%;
  }
  .page-defaults .content45 {
    width: 90%;
  }

  .page-defaults .title {
    margin-bottom: 5vw;
  }

  .page-defaults h1 {
    border-bottom-width: 0.8px;
  }

  /* 左寄せ */
  .page-defaults h2 {
    font-size: 7vw;
    padding-left: 3vw;
    margin-bottom: 5vw;
  }
  .page-defaults h2::after {
    width: 1.5vw;
  }

  /* 中心 */
  .page-defaults .title h2 {
    margin-bottom: 13vw;
  }
  .page-defaults .title h2::before {
    top: -4vw;
    transform: translateX(-50%) scale(0.08);
  }

  .page-defaults  h3 {
    font-size: 6.8vw;
  }
  .page-defaults .title h3 {
    font-size: 7vw;
  }
  .page-defaults .title .title-sub {
    font-size: 4.5vw;
  }

  .page-defaults h4 {
    font-size: 6.5vw;
    line-height: 2em;
    padding: 0 0.5vw;
    padding-bottom: 2vw;
  }
  .page-defaults .dot-small {
    font-size: 5vw;
    padding-bottom: 1vw;
    background-image: radial-gradient(circle, #999999 1px, transparent 1px);
    background-size: 8px 2px;
  }

  .page-defaults p {
    font-size: 4vw;
    line-height: 8vw;
  }

  /** 途切れる枠線 **/
  .box-wrapper {
    border-radius: 10px;
    border-width: 0.8px;
  }
  .box-wrapper::before,
  .box-wrapper::after {
    width: 0.8px;
    height: 5vw;
  }
  .box-wrapper::before {
    top: 4vw;
  }
  .box-wrapper::after {
    bottom: 4vw;
  }

  /** トップタイトル **/
  .page-defaults .top-title {
    height: 95vw;
    margin-bottom: 10vw;
    overflow: hidden;
  }
  .page-defaults .top-title .title {
    top: 55%;
    width: 100%;
  }
  .page-defaults .top-title h1 {
    font-size: 8.4vw;
    text-shadow: 2px 2px 0 var(--lightPink);
    border-bottom-width: 0.6px;
    -webkit-text-stroke: 0.6px var(--black);
    left: 2px;
    bottom: 2px;
  }

  /* 電球 */
  .page-defaults .back-img .denkyu-p01 {
    width: 9vw;
    top: 21vw;
    opacity: 0.7;
  }
  .page-defaults .back-img .denkyu-p02 {
    width: 10vw;
    top: 72vw;
    right: 10vw;
    opacity: 0.7;
  }
  .page-defaults .back-img .denkyu-y01 {
    width: 15vw;
    top: 66vw;
    left: 12vw;
    opacity: 0.7;
  }
  .page-defaults .back-img .denkyu-y02 {
    width: 11.5vw;
    top: 26vw;
    right: 13vw;
    opacity: 0.7;
  }

  /* 雲 */
  .page-defaults .back-img .kumo01 {
    width: 20vw;
    left: 0;
    top: 37vw;
    opacity: 0.7;
  }
  .page-defaults .back-img .kumo02 {
    width: 20vw;
    left: auto;
    right: -6vw;
    top: 55vw;
    opacity: 0.7;
  }
  .page-defaults .back-img .kumo03 {
    width: 17vw;
    top: 65vw;
    opacity: 0.7;
  }
  .page-defaults .back-img .kumo04 {
    width: 20vw;
    left: auto;
    right: 25vw;
    top: 13vw;
    opacity: 0.7;
  }

  /**事業内容ページここから**/
  .jigyo {
    padding-top: 14vw;
  }

  .jigyo > .title h1{
    font-size: 8vw;
    margin-top: 10vw;
  }
  .jigyo .child_title img{
    width: 50vw;
  }
	.jigyo img{
		display:inline;
	}

  .jigyo .smaho{
    display: block;
  }
  .jigyo .pc{
    display: none;
  }

  /**
  事業内容一覧ここから
  ーーーーーーーーーーーーーーーーーーーーーーーーー**/
  .jigyou {
    padding-top: 9vw;
  }

  /*
  共通
  -----------------------------------*/
  /* リンク */
  .jigyou .item-link {
    padding-right: 5vw;
  }
  .jigyou .btn01 {
    font-size: 5.5vw;
    padding-left: 3vw;
    padding-bottom: 1vw;
  }
  .jigyou .btn01::after {
    height: 0.5px;
  }
  .jigyou .btn01 i {
    font-size: 5vw;
    margin-left: 3vw;
  }
  .jigyou .btn01 .item-color {
    width: 12vw;
    height: 12vw;
    top: -1.8vw;
    right: -4vw;
  }

  /*
  メイン
  ------------------------------------*/
  /* 打消し */
  .jigyou-main .item,
  .jigyou-main .item:nth-child(even) {
    flex-direction: column-reverse;
  }
  .jigyou-main .item .item-cont,
  .jigyou-main .item:nth-child(even) .item-cont {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .jigyou-main .item {
    margin-bottom: 30vw;
  }
  .jigyou-main .item:last-of-type {
    margin-bottom: 20vw;
  }
  .jigyou-main .item h4 {
    font-size: 7vw;
    padding-bottom: 2vw;
  }
  .jigyou-main h4 .item-color {
    width: 20vw;
    height: 20vw;
    top: -8vw;
    left: -6vw;
  }

  .jigyou-main .item .item-text {
    padding: 0;
    margin: 58vw 2vw 5vw;
  }


  /* 画像 */
  .jigyou-main .item .item-icon,
    .jigyou-main .item:nth-child(even) .item-icon {
    width: 100%;
  }
  .jigyou-main .item .item-icon img,
  .jigyou-main .item:nth-child(even) .item-icon img {
    border-radius: 10px;
    top: 19vw;
    left: 2vw;
    right: auto;
    width: 95%;
  }

  /*
  サブ
  ---------------------------*/
  .jigyou-sub {
    grid-template-columns: auto;
    gap: 20vw;
    padding-top: 15vw;

    background-image: radial-gradient(circle, #999999 2px, transparent 2px);
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 16px 4px;
  }

  .jigyou-sub .item {
    padding: 0 1vw;
  }
  .jigyou-sub .item-icon img {
    border-radius: 10px;
  }

  .jigyou-sub .item-cont {
    top: -15vw;
  }
  .jigyou-sub h2 {
    padding: 3vw 1.5vw 2.5vw 3.5vw;
    width: 91%;
    border-radius: 0 15px 0 0;
    margin-bottom: 2vw;
  }
  .jigyou-sub h2 .item-color {
    width: 1.5vw;
    height: 9vw;
  }

  .jigyou-sub .item-text {
    margin-top: 0;
    margin-left: 2vw;
    margin-right: 1vw;
  }

  /* リンク */
  .jigyou-sub .item-link a {
    font-size: 5vw;
  }

  /* 事業内容ページ
  ーーーーーーーーーーーーーーーーーーーーー*/
  .jigyou_detail .top-title {
    height: 110vw;
    margin-bottom: 5vw;
  }
  .jigyou_detail .jigyou-title {
    padding: 6vw;
  }
  .jigyou_detail .jigyou-title img {
    width: 65vw;
    margin: 5vw 0;
  }
  .jigyou_detail .jigyou-title .ruby {
    font-size: 4vw;
  }
  .jigyou_detail .jigyou-title h3 {
    font-size: 4vw;
  }

  /* 電球 */
  .jigyou_detail .back-img .denkyu-p01 {
    left: 15vw;
    top: 15vw;
  }
  .jigyou_detail .back-img .denkyu-p02 {
    top: 84vw;
  }
  .jigyou_detail .back-img .denkyu-y01 {
    top: 80vw;
  }
  .jigyou_detail .back-img .denkyu-y02 {
    right: 4vw;
  }
  /* 雲 */

  /*
  事業内容ページ共通
  ------------------------------------*/
  /* item共通 */
  .jigyou_detail .item-list p,
  .jigyou_detail .box-wrapper p {
    font-size: 4vw;
    line-height: 8vw;
  }

  /* 業務内容 */
  .gyoumu {
    padding: 10vw 5vw 15vw;
    border-radius: 5px;
  }
  .jigyou_detail .gyoumu .item {
    flex-direction: column;
    width: auto;
    align-items: start;
  }
  .gyoumu .item-list {
    border-radius: 10px;
    padding: 5vw;
  }

  .gyoumu .gyoumu-item {
    margin-top: 8vw;
    padding-top: 8vw;
  }

  .gyoumu .item-phot {
    width: 100%;
    margin-top: 0;
    padding-right: 0;
  }
  .gyoumu .item-phot img {
    border-radius: 10px;
  }

  .gyoumu .item-cont {
    width: 100%;
    margin-top: 5vw;
  }

  /* その他業務内容 */
  .gyoumu-others {
    margin-top: 15vw;
  }
  .gyoumu-others .item-list {
    flex-direction: column;
    padding: 0;
  }
  .gyoumu-others .item {
    border-radius: 10px;
    padding: 5vw;
    align-items: start;
  }
  .gyoumu-others .item:first-of-type {
    margin-right: 0;
    margin-bottom: 10vw;
  }
  .gyoumu-others h2 {
    height: auto;
  }

  /* 支援内容 */
  .shien .item-list {
    flex-direction: column;
  }
  .shien .box-wrapper {
    width: auto;
    margin: 0;
    margin-bottom: 7vw;
    padding: 5vw;
  }
  .jigyou_detail .shien h3 {
    padding-bottom: 4vw;
  }
  .jigyou_detail .shien .item-color {
    top: 1vw;
  }


  /* 対象施設 */
  .business-list .office-item {
    padding: 5vw;
  }
  .business-list .office-item h4 {
    font-size: 5.5vw;
    padding-right: 1vw;
  }
  .business-list .office-item .office-img {
    width: 100%;
  }
  .business-list  .office-cont {
    width: 100%;
    margin-left: 0;
    margin-top: 3vw;
  }
  .business-list .shubetsu {
    margin-top: 6vw;
  }
  .business-list .shubetsu .item {
    margin-right: 3vw;
    width: 35vw;
  }
  .business-list .shubetsu .iko,
  .business-list .shubetsu .keizokua,
  .business-list .shubetsu .keizokub {
    padding-right: 2vw;
  }
  .business-list .shubetsu .iko p,
  .business-list .shubetsu .keizokua p,
  .business-list .shubetsu .keizokub p {
    padding-left: 2vw;
  }

  .business-list .shubetsu .kids {
    width: 53vw;
  }
  .business-list .shubetsu p {
    line-height: 2em;
  }
  .business-list .shubetsu .item:last-of-type {
    margin-right: 0;
  }


  .business-list .office-cont .info {
    margin-top: 4.5vw;
  }
  .business-list .info p {
    font-size: 4vw;
    line-height: 8vw;
  }
  .business-list .margin {
    margin-top: 15vw;
  }


  .business-list .office-item .btn01 {
    bottom: 3vw;
    right: 5vw
  }
  .business-list .office-item .btn01::before {
    width: 30vw;
    height: 30vw;
    bottom: -19vw;
    right: -19vw;
  }
  .business-list i {
    margin-left: 0;
  }

  /* 動き */
  .business-list .office-item .btn01:hover::before{
    width: 40vw;
    height: 40vw;
  }

  /* 開校前でリンクあり */
  .business-list .office-item .info h4 {
    font-size: 5vw;
    margin-bottom: 1vw;
    padding-right: 2vw;
    padding-left: 2vw;
  }
  /* 開校前でリンク無し */
  .business-list .office-item .link-out:hover::before{
    width: 30vw;
    height: 30vw;
    transition: none;
  }

  /* 開校済みでリンクなし */
  .business-list .office-color {
    width: 30vw;
    height: 30vw;
    bottom: -16vw;
    right: -15vw;
  }

  /* お仕事募集 */
  .boshu {
    padding: 7vw 0;
  }
  .boshu p {
    margin: 7vw 0;
    padding: 0 5vw;
  }

  .boshu a {
    font-size: 6vw;
    max-width: 90%;
    margin: 0 auto;
    padding: 3vw 0;
  }


  /*
  就労移行支援
  -------------------------------------*/
  .jigyou_iko {
    overflow: hidden;
  }
  /* ページトップ
  --------------------*/
  .jigyou_iko .iko-top {
    width: 80%;
    padding: 23vw 0 30vw;
  }
  .iko-top .it-list {
    position: relative;
    flex-direction: column;
    align-items: start;
    margin-bottom: 0;
  }
  .iko-top .fukushi-list {
    position: relative;
    flex-direction: column-reverse;
    align-items: start;
  }

  /* テキスト */
  .iko-top .item-cont {
    width: 100%;
  }
  .iko-top .it-list .item-cont {
    margin-right: 0;
  }
  .iko-top .it-list p {
    margin-top: 5vw;
  }
  
  .iko-top .fukushi-list .item-cont {
    margin-left: 0;
    padding-top: 25vw;
  }

  .iko-top p {
    margin-top: 5vw;
  }

  /* 写真 */
  .iko-top .item-phot {
    width:  100%;
  }
  .iko-top .item-phot img {
    border-radius: 7px;
  }

  .iko-top .it-list .item-phot {
    bottom: 0;
  }

  /* 背景
  --------------------*/
  /* IT */
  .iko-top .back-img .it .pink01,
  .iko-top .back-img .it .pink02 {
    left: -8vw;
    top: 0;
    width: 36vw;
  }
  .iko-top .back-img .it h3 {
    left: -6vw;
    top: 3vw;
    font-size: 25vw;
  }

  /* かける */
  .iko-top .back-img .kakeru .pink01,
  .iko-top .back-img .kakeru .pink02 {
    width: 36vw;
  }
  .iko-top .back-img .kakeru .pink01 {
    top: calc(50% - 4vw);
  }
  .iko-top .back-img .kakeru .pink02 {
    top: calc(50% - 5vw);
  }
  .iko-top .back-img .kakeru h3 {
    font-size: 25vw;
    top: calc(50% - 5vw);
  }

  /* 福祉 */
  .iko-top .back-img .fukushi .pink01,
  .iko-top .back-img .fukushi .pink02 {
    width: 45vw;
    right: -8vw;
  }
  .iko-top .back-img .fukushi h3 {
    font-size: 20vw;
    right: -8vw;
  }


  /* 特徴
  --------------------------*/
  .features .item-title {
    margin-top: 10vw;
    margin-bottom: 5vw;
  }
  .features .item-title p {
    font-size: 4vw;
  }
  .features .item-title h3 {
    font-size: 7vw;
  }

  .features .item-list {
    flex-direction: column;
    margin-bottom: 0;
  }

  /* 写真 */
  .features .item-phot {
    width: 90%;
    margin: 0 auto;
    aspect-ratio: 5/3;
    border-radius: 7px;
  }

  /* テキスト */
  .features .item-cont {
    width: 100%;
    margin-top: 8vw;
  }

  .features li {
    font-size: 5vw;
    margin-bottom: 7vw;
    display: inline;
    vertical-align: bottom;
    padding-bottom: 1.5vw;
  }
  .features li::before {
    font-size: 6vw;
    width: 10vw;
    height: 10vw;
    left: -13vw;
  }

  /* 支援内容
  -----------------------*/
  .jigyou_iko .shien .back {
    padding: 13vw 0;
  }

  .jigyou_iko .shien .box-wrapper {
    width: auto;
    margin: 0;
    margin-top: 10vw;
  }
  .jigyou_iko .shien .box-wrapper:first-of-type {
    margin-top: 0;
  }

  /*
  就労継続支援A型
  -------------------------------------*/
  /*
  イルミナモールについて
  ----------------------*/
  .iluminamall .item-list {
    flex-direction: column;
  }

  /* テキスト */
  .iluminamall .text-list {
    width: auto;
    margin-right: 0;
    row-gap: 5vw;

    padding: 5vw 5vw 7vw;
    border-radius: 10px;
  }
  .text-list h4 {
    font-size: 4.8vw;
    margin: 0;
    padding-bottom: 1.5vw;
  }

  /* 写真 */
  .iluminamall .phot-list {
    grid-template-columns: auto;
    width: auto;
    margin-top: 5vw;
  }
  .phot-list .item img {
    border-radius: 10px;
  }
  .phot-list h2 {
    top: 56vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
    margin-bottom: 0;
  }

  /*
  作業の流れ
  --------------------*/
  .procedure .item-list {
    margin-bottom: 10vw;
  }

  .procedure h2::after {
    height: 100%;
  }

  .procedure .border {
    height: 80%;
    width: 2px;
    left: 8vw;
    top: 50%;
    transform: translateY(-50%)  
  }

  .procedure .item-list {
    flex-direction: column;
    align-items: start;
    margin-top: 10vw;
  }

  .procedure .item {
    position: relative;
    display: flex;
    justify-content: space-between;
    border: none;
    width: 100%;
    height: auto;
    padding: 0;
    margin-bottom: 10vw;
    background-color: none;
  }
  .procedure .item::after {
    position: absolute;
    content: '';
    height: 4px;
    width: 12vw;
    background-image: radial-gradient(circle, #999999 2px, transparent 2px);
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 16px 4px;

    left: 23vw;
    top: 50%;
    transform: translateY(-50%);
  }

  .procedure .wp-block-group {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .procedure .job-number {
    font-size: 8vw;
    width: 17vw;
    height: 17vw;
    line-height: 15vw;
  }

  .procedure .job-text {
    width: 50%;
    font-size: 5vw;
    text-align: left;
    background-image: none;
    margin-top: 0;
    padding-top: 0;
  }


  /*
  就労継続支援B型
  -------------------------------------*/
  .gyoumu .b-text {
    padding-bottom: 13vw;
  }

  /* お仕事募集 */
  .jigyou_b .boshu {
    padding: 7vw 0;
  }
  .jigyou_b .boshu p {
    margin: 7vw 0;
    padding: 0 5vw;
  }

  .jigyou_b .boshu a {
    font-size: 6vw;
    max-width: 90%;
    margin: 0 auto;
    padding: 3vw 0;
  }

  /*
  就労定着支援
  -----------------------------------*/
  .teichaku .gyoumu-item h2 {
    margin-bottom: 2vw;
  }
  .teichaku .gyoumu-item p {
    padding: 0 3vw;
  }

  /**事業内容ページここまで**/


  /** 就労移行支援 
  .jigyo .collegetop{
    margin-top: -70vw;
    text-align: center;
  }
  .jigyo .collegetop img{
    width: 20%;
  }
  .jigyo .collegetop h1{
    margin-top: 0;
    font-size: 1.5em;
    padding-left: 1%;
  }
  .jigyo .collegetop p{
    margin: auto;
    text-align: left;
    width: 95%;
    font-size: 0.9em;
  }
  .jigyo .kakeru{
    display: none;
  }
  .jigyo .content80 .title_img{
    font-size: 1.2em;
  }
  .jigyo .content80 .title_img img{
    width: 20vw;
  }

  .jigyo .tokucho_img{
    text-align: center;
  }
  .jigyo .tokucho_img img{
    text-align:center;
    width: 90%;
  }

  .jigyo .college_tokucho .split_harf_child h2{
    margin-left: 5vw;
    font-size: 1.2em;
  }
  .jigyo .college_tokucho .split_harf_child ol li{
    font-size: 1em;
  }
  .jigyo .college_tokucho .split_harf_child ol li::before{
    counter-increment: item;
    content: counter(item);
    background-color: #EE827C;
    color: #fff;
    border: 1px solid;
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 7vw;
    height: 7vw;
    line-height: 1;
    position: absolute;
    left:5vw;
    margin-top: -1vw;
  }

  .jigyo .college_tokucho .smaho{
    font-size: 1.2em;
    width: 95%;
    margin: auto;
  }
  .jigyo .college_tokucho .split_harf_child p{
    width: 95%;
    margin: auto;
    margin-top: 2vw;
    margin-bottom: 2vw;
  }
  .jigyo .college .split_third_child{
    text-align: center;
  }
  .jigyo .college .split_third_child h1{
    font-size: 1.2em;
    width: 95%;
    margin: auto;
    margin-top: 5vw;
  }
  .jigyo .college .split_third_child img{
    width: auto;
    height: 40vw;
    padding: 2vw;
  }
  .jigyo .college .split_third_child p{
    margin: auto;
    width: 95%;
  }

  .college > h1{
    font-size: 1.5em;
  }
  .jigyo .button{
    width: 80%;
  }
  .jigyo .button > a{
    font-size: 1em;
  }
  */

  /** 就労継続支援A型 
  .jigyo .jobtop{
    position: relative;
  }
  .jigyo .jobtop > img{
    width: 100%;
    display: block;
  }
  .jigyo .jobtop .jobtopcont{
    width: 95%;
    margin-left: 2.5%;
  }
  .jobtopcont h3{
    margin-top: 2vw;
    font-size: 0.8em;
  }
  .job > h1{
    font-size: 1.4em;
  }

  .job{
    width: 95%;
    margin:0 auto;
  }
  .job > .split{
    margin: 0 auto;
  }
  .job > .split > .split_third_child{
    border: solid 1vw #EE827C;
    border-radius: 3vw;
    margin: 0 auto;
    margin-bottom: 2vw;
  }
  .job > .split > .split_third_child img{
    width: 90%;
  }
  /*
  .job .boshu h1{
    width: 95%;
    margin-top: 10vw;
    margin-bottom: 10vw;
    font-size: 3em;
  }
  .job .boshu p{
    text-align: left;
  }
  .job .a_insatsu{
    display: block;
    margin-bottom: 30vw;
  }
  .job .a_insatsu > div{
    width: 95%;
    height: 20vw;
  }
  .job .a_insatsu p{
    font-size: 1em;
  }
  .job .a_insatsu h2{
    text-align: center;
    transform: rotate(90deg);
  }

  .job .split_harf_child{
    width: 95%;
  }
  .job .split_harf_child h1{
    font-size: 1.2em;
  }
  .job .split_harf_child img{
    width: auto;
    height: 40vw;
  }
    */
  /*
  事業内容ページここまで
  ーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

  /*
  会社概要ページここから
  ----------------------------------------*/
  .number {
    padding-left: 8vw;
  }
  .number li::marker {
    font-size: 6vw;
  }
  .number li {
    margin-bottom: 3vw;
  }
  .number h1 {
    font-size: 5.5vw;
  }
  .number p {
    margin-bottom: 6vw;
  }

  /**理念ここから**/
  .rinen .item-list {
    flex-direction: column;
    align-items: start;
  }
  .rinen .btn03 {
    width: 100%;
    margin-bottom: 4vw;
  }
  .rinen .btn03 i {
    font-size: 4vw;
    right: 7vw;
  }
  .rinen .btn03::before {
    width: 6vw;
    height: 6vw;
    right: 5vw;
  }
  .rinen .btn03:hover i {
    right: 3vw;
  }
  /*
  .rinen{
    padding-top: 26vw;
    width: 95%;
    margin: auto;
  }
  .rinen .title_img{
    text-align: center;
    margin-bottom: 5vw;
  }

  .rinen > .split .split_30_child h1{
    font-size: 1.5em;
  }
  */

  /**理念ここまで**/

  /** mission **/
  #mission .line {
    width: 100%;
  }
  #mission h1 {
    font-size: 6.3vw;
  }

  /** vision **/
  #vision h3 {
    font-size: 6vw;
  }
  #vision .number {
    margin-top: 7vw;
  }

  /**会社概要ここから**/
  .gaiyo .wp-block-columns {
    gap: 1vw;
    margin-bottom: 8vw;
  }
  .gaiyo p {
    margin-left: 0;
  }
  .gaiyo h3 {
    font-size: 6vw;
  }
  /*
  .gaiyo{
    width: 95%;
    margin: auto;
  }

  .gaiyo table tr th,
  .gaiyo table tr td{
    display: block;
    height: auto;
    min-height: 10vw;
    margin:0;
    border:0px;
  }

  .gaiyo table tr th::before,
  .gaiyo table tr td::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  .gaiyo table tr th > *,
  .gaiyo table tr td > * {
    display: inline-block;
    vertical-align: middle;
  }
  */
  /**会社概要ここまで**/

  /**沿革ここから**/
  .enkaku td {
    padding: 1.5vw 2vw 1.5vw 2.5vw;
  }
  /*
  .enkaku{
    width: 95%;
    margin: auto;
  }

  .enkaku table tr{
    background: #fff;
  }
  .enkaku table tr th{
    background-color: #ddd;
  }
  .enkaku table tr th,
  .enkaku table tr td{
    display: block;
    height:auto;
    min-height: 10vw;
    border:0px;
  }

  .enkaku table tr th::before,
  .enkaku table tr td::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  .enkaku table tr th > *,
  .enkaku table tr td > * {
    display: inline-block;
    vertical-align: middle;
  }
  */
  /**沿革ここまで**/

  /**事業所一覧ここから**/
  .office-cat .item-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 3vw;
  }
  .office-cat .btn03 {
    padding: 2vw 3vw 4vw;
    border-radius: 5px;
  }
  .office-item {
    flex-direction: column;
  }
  .office-item .office-img {
    width: 100%;
  }
  .office-img img {
    border-radius: 10px;
  } 
  .office-cont {
    width: 100%;
    margin-left: 0;
    margin-bottom: 12vw;
  }
  .office-cont .info {
    margin-top: 3vw;
  }

  /* 事業分類　*/
  .shubetsu {
    margin-top: 4vw;
    margin-left: 2vw;
  }
  .shubetsu .item {
    width: 44vw;
    margin-right: 0;
    border-radius: 5px;
    margin-right: 2vw;
  }
  .shubetsu .kids {
    width: 52vw;
  }
  .shubetsu p {
    font-size: 3.8vw;
    line-height: 2.5em;
    border-width: 0.6px;
    border-radius: 5px;
    transform: translate(-0.3vw,-0.7vw) rotate(-2deg);
  }
  .shubetsu p::after {
    width: 1.5vw;
    height: 1.5vw;
    left: 2vw;
  }

  /** サイトリンク **/
  .office-item .btn01 {
    bottom: -0.5vw;
    right: 5vw;
  }

  /* 開校前リンクあり */
  .office-item .info h4 {
    font-size: 5vw;
    padding-bottom: 1vw;
    margin-top: 1.5vw;
  }
  /* 開校前リンク無し */
  .office-item .link-out {
    font-size: 5vw;
    padding-right: 2vw;
  }
  .office-item .link-out:hover::before {
    width: 11vw;
  }

  /*
  .jigyousho{
    width: 95%;
    padding-top:30vw;
    margin:0 auto;
  }
  .jigyousho h1{
    font-size: 1.2em;
    text-align: center;
  }
  .jigyousho .shubetsu{
    display: flex;
  }
  .jigyousho .shubetsu > p{
    color: #fff;
    padding: 1vw;
    border-radius:2vw;
  }

  .jigyousho h2{
    width: 100%;
    font-size: 1em;
  }
  .jigyousho .info > p{
    font-size: 1em;
  }
  .jigyousho .info a{
    display: block;
    width: 50%;
    margin: auto;
    font-size: 1em;
    padding: 5vw;
  }
  .jigyousho .info{
    margin-bottom: 10vw;
  }
  .jigyousho .jigyousho_img{
    width: 100%;
    height: 60vw;
    margin: 0 auto;
    background-color: #EE827C;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .jigyousho .jigyousho_img > img{
    height: auto;
    max-height: 60vw;
    width: auto;
    max-width: 100%;
    margin: auto;
    display: block;
  }

  .jigyousho .office-cat h2 {
    width: 100%;
  }
  .jigyousho .office-cat .container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .jigyousho .office-cat a {
    font-size: 1em;
    padding: 5vw;
    margin-left: 0;
    margin-bottom: 1vw;
  }
  */
  /**事業所一覧ここまで**/

  /**会社概要ページここまで**/


  /**職場環境要件ページここから**/
  .shokuba-text {
    padding: 0 5%;
  }

  .shokuba-back {
    border-radius: 7px;
    margin-top: 5vw;
  }

  .shokuba {
    padding: 5vw 5vw 0;
  }
  .shokuba .number {
    grid-template-columns: auto;
    gap: 7vw;
  }
  .shokuba .number .item {
    height: 33vw;
    border-width: 0.6px;
    border-radius: 5px;
  }
  .shokuba .number h3 {
    font-size: 6vw;
    padding-left: 5vw;
  }
  .shokuba .number .number_p {
    font-size: 7vw;
    padding-left: 7vw;
  }

  .pdf-link {
    padding: 7vw 5vw 1vw;
  }
  .pdf-link a {
    border-radius: 5px;
    border-width: 0.8px;
    margin-bottom: 7vw;
    padding: 3vw;
  }
  .pdf-link h3 {
    font-size: 5vw;
    margin-left: 5vw;
  }
  .pdf-link img {
    width: 20%;
  }
  /*
  .shokuba{
    padding-top: 17vw;
    margin: 0 auto;
    width: 95%;
  }

  .shokuba > .split > .split_third_child > div{
    margin: 0 auto;
    background-color: #EE827C;
    border-radius: 2vw;
    width: 100%;
    height: 20vw;
    margin-bottom: 5vw;
  }
  .shokuba > .split > .split_third_child > div > h2{
    font-size: 1em;
  }

  .shokuba a{
    width: 95%;
    height: 20vw;
    border: solid 0.2vw #EE827C;
    font-size: 1em;
  }
  .shokuba .download a img{
    width: 15%;
    padding-left: 2vw;
  }
  */
  /**職場環境要件ページここまで**/

  /**お知らせここから**/
  .oshirase .pc {
    display: none;
  }
  .oshirase .sumaho {
    display: block;
  }
  /* 共通 */
  .oshirase{
    width: 95%;
    margin: 0 auto;
  }
  .oshirase .oshirase_ichiran {
    margin-bottom: 10vw;
  }
  .oshirase a h3 {
    font-size: 5.5vw;
    padding: 0 0 3vw;
  }
  .oshirase .tag {
    font-size: 4vw;
  }
  .oshirase .cat {
    padding-left: 4vw;
  }
  .oshirase .cat::before {
    height: 4vw;
    left: 2vw;
  }
  /* お知らせ */
  .oshirase .news {
    flex-direction: column;
  }
  .oshirase .item-list {
    width: 95%;
    margin: 5vw auto 0;
  }
  
  .oshirase .sumaho {
    width: 100%;
  }
  .oshirase .categories {
    position: static;
    width: auto;
    padding: 2vw 3vw;
  }
  .oshirase .categories .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .oshirase .categories p {
    font-family: ZenMaruGothic;
    font-size: 5vw;
  }
  .oshirase .categories i {
    font-size: 3.5vw;
    color: var(--darkGray);
  }

  .oshirase .categories::before,
  .oshirase .categories::after {
    position: static;
    display: none;
    background: none;
    border: none;
  }
  .oshirase .categories > ul {
    display: none;
    padding-bottom: 3vw;

  }
  .oshirase .categories > ul li {
    font-size: 4.5vw;
    padding: 3vw 1vw;
    margin: 0 2vw;
  }
  /*
  .oshirase .split_30_child ul{
    padding-inline-start:0;
  }
  .oshirase .split_30_child ul li{
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .oshirase .split_70_child ul li{
    padding: 5vw;
  }

  .oshirase_ichiran{
    padding: 2vw;
    margin-top: 3vw;
    margin-bottom: 3vw;
  }
  .oshirase_ichiran .tag p{
    padding-right: 3vw;
  }
  .oshirase_ichiran .tag .cat{
    margin-left: 0.3vw;
    margin-right: 0.3vw;
    padding: 0.6vw;
  }
  */
  .oshirase_ichiran a{
    font-size: 1.3em;
  }
  /**お知らせここまで**/

  .kotei{
    width: 95%;
    margin: 0 auto;
    padding-top: 20vw;
  }
  .single{
    width: 95%;
    margin: 0 auto;
    padding-top: 27vw;
  }
  .single_meta{
    display: block;
  }
  .single_meta ul{
    padding: 0;
  }
  .download{
    width: 100%;
    margin: 0 auto;
  }
  /*
  ブログ
  ----------------------------------*/
  .blog-list {
    grid-template-columns: auto;
    margin-bottom: 10vw;
  }

  .blog-item {
    padding: 5vw;
    border-width: 0.8px;
  }

  .blog-list .blog-phot img{
    height: auto;
    border-width: 0.8px;
    border-radius: 5px;
  }

  .blog-list .blog-author {
    font-size: 3.8vw;
    padding: 2vw 3.5vw;
    line-height: normal;
    max-width: calc(100% - 4vw);
    top: 44vw;
    left: 4vw;
    margin: 0;
  }

  .blog-item .blog-content {
    margin-top: 4vw;
    padding-bottom: 15vw;
  }
  .blog-item time {
    font-size: 4vw;
    margin-bottom: 0;
  }
  .blog-item h4 {
    font-size: 6vw;
    margin-top: 2vw;
  }

  .blog-list .like {
    right: 4vw;
    bottom: 2vw;
  }

  /*
  .blog-list .blog-phot img{
    width: 90%;
    height: auto;
    border-width: 0.6px;
    border-radius: 5px;
  }
  .blog-list .item-list {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 85%;
    gap: 6vw;
  }
  .blog-list .blog-item {
    height: auto;
    padding: 5vw 0;
    margin: 0;
    border: 0.6px solid var(--black);
    border-radius: 7px;
  }
  .blog-list .blog-content {
    width: 90%;
    margin: 0 auto;
  }

  .blog-list .like {
    position: relative;
    text-align: right;
    padding: 0 3vw;
    transform: none;
  }
  .wpulike {
    position: static;
  }
  */

  .pagenation_news {
    margin-bottom: 10vw;
  }
  .pagenation_news .nav-links {
    font-size: 7vw;
  }
  .pagenation_news .nav-links .page-numbers {
    padding: 0 3vw 1vw;
  }
  .pagenation_news .nav-links .prev,
  .pagenation_news .nav-links .next {
    font-size: 4vw;
    margin: 0 2vw;
    padding-bottom: 0;
  }
  .pagenation_news .nav-links .prev::after,
  .pagenation_news .nav-links .next::after {
    width: 7vw;
    height: 7vw;
  }

  /*
  .blog .split{
    margin-top: 1.5vw;
  }
  .blog .split_third_child{
    width: 90%;
    margin:0 auto;
    margin-bottom: 1.5vw;
    margin-left: 2.5%;
    padding-left: 2.5%;
    padding-right: 2.5%;
    background-color: #f1f1f1;
  }
  .blog .split_third_child img{
    padding-top: 1.5vw;
  }
  .blog .split_third_child .title{
    margin-bottom: 1.5vw;
  }
  .blog .split_third_child .title p{
    text-decoration: none;
    color:#EE827C;
    text-align: center;
    font-size: 1.4em;
  }
  */
  /**ブログここまで**/

  /*
  採用情報
  ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
  .recruit h1 {
    font-size: 7.5vw;
  }
  .recruit p {
    margin-top: 5vw;
  }

  /*
  所在地一覧
  -----------------------------*/
  .recruit_cat .item-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 3vw;
  }
  .recruit_cat .btn03 {
    padding: 2vw 0 4vw;
    border-radius: 5px;
  }
  .recruit_cat .dot-small {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  /*
  事務所の求人一覧
  ------------------------------*/
  .recruit_list .pc-btn {
    display: none;
  }
  .recruit_list .sm-btn {
    display: block;
  }
  .recruit_list .item-list {
    grid-template-columns: auto;
    gap: unset;
  }

  .recruit_list .item {
    margin-bottom: 5vw;
    border-radius: 5px;
  }

  /* btn03 */
  .recruit_list .btn03 {
    padding: 4vw 0 5vw;
    margin-bottom: 0;
    border-radius: 5px;
    background-color: #fff;
    width: 100%;
  }
  
  .recruit_list .btn03:hover {
    border-color: var(--darkGray);
  }
  .recruit_list .btn03:hover h4 {
    color: var(--black);
  }
  /*
  .recruit_list .item {
    position: relative;
    margin-bottom: 5vw;
    border-radius: 5px;
    background-color: #FFD0CE;
    transition: all .5s ease;
  } */

  /* 複数のカスタムフィールドを持ってる時の処理 */

  /* 背景（sm-btn） */
  .recruit_list .sm-btn {
    margin-bottom: 5vw;
    border-radius: 5px;
    background-color: #FFD0CE;
  }

  .recruit_list .sub-menu {
    position: relative;
    border-radius: 0 0 5px 5px;
    background-color: unset;
    padding: 3vw;

  }

  .recruit_list .sub-menu a {
    display: block;
    font-size: 4.5vw;
    padding: 3vw;
    margin-left: 0;
    border-radius: 5px;
    margin-top: 4vw;
  }

  /* .sub-menu.active {
    overflow-y: auto;
  } */

  /* .recruit_list .sm-btn.close .sub-menu {
    display: block;
    transition: all 0.5s ease-in-out;
  } */
  /* .recruit_list i {
    position: absolute;
    display: inline-block;
    font-size: 3vw;
    right: 5.5vw;
    top: 51%;
    transform: translateY(-50%);
  }
  
  .recruit_list .sm-btn::before {
    position: absolute;
    content: '';
    height: 6.5vw;
    width: 6.5vw;
    border: var(--gray) 1px solid;
    border-radius: 50%;
    right: 3vw;
    top: 50%;
    transform: translateY(-50%);
  } */

  /* 開閉ボタン */
  .recruit_list .sm-btn .btn03::before,
  .recruit_list .sm-btn .btn03::after {
    position: absolute;
    content: '';
    width: 15px;
    height: 0.8px;
    background-color: var(--darkGray);
  }
  .recruit_list .sm-btn .btn03::before {
    top: 48%;
    right: 4vw;
    transform: rotate(0deg);
  }
  .recruit_list .sm-btn .btn03::after {
    top: 48%;
    right: 4vw;
    transform: rotate(90deg);
    transition: all 0.3s ease;
  }
  /* .closeで形状変化 */
  .recruit_list .sm-btn .btn03.close::after {
    transform: rotate(180deg);
    transition: all 0.3s ease;
  }

  /*
  .recruit_list .sub-menu {
    position: static;
    display: none;
    border-radius: 0 0 5px 5px;
    background-color: unset;
    padding: 3vw;
  }
  .recruit_list .sub-menu a {
    display: block;
    font-size: 4.5vw;
    padding: 3vw;
    margin-left: 0;
    border-radius: 5px;
    margin-top: 4vw;
  } */
  
  
  /* 吹き出しにする */
  .recruit_list .triangle {
    position: absolute;
    right: 7vw;
    bottom: 0;
    display: none;
    transition: all 0.3s ease;
  }
  .recruit_list .triangle::before {
    content: "";
    border: 12px solid transparent;
    border-top: 15px solid var(--darkGray);
    margin-left: -10px;
    top: 100%;
    left: 50%;
    position: absolute;
  }
  .recruit_list .triangle::after {
    content: "";
    border: 12px solid transparent;
    border-top: 15px solid #fff;
    margin-left: -10px;
    margin-top: -1px;
    top: 100%;
    left: 50%;
    position: absolute;
  }

  .recruit_list .btn03.close .triangle {
    display: block;
    transition: all 0.3s ease;
  }

  /* .recruit .backimg{
    margin-top:5vw;
  }
  .recruit .title img{
    top:12vw;
    left: 10%;
  }
  .recruit .text{
    position: relative;
    top:0;
    width: 95%;
    left: 2.5%;
  }
  .recruit .text h2{
    font-size: 1.5em;
  }
  .recruit .text p{
    font-size: 1em;
  }

  .recruit .link{
    display: block;
    width: 95%;
    margin-left: 2.5%;
  }
  .recruit .link_child{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 6vw;
  }
  .recruit .link a{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    padding-top: 5%;
    padding-bottom: 5%;
  } */
  /**リクルートここまで**/

  /** お問い合わせここから **/
  .otoiawase .text {
    margin-bottom: 15vw;
  }

  /** 電話番号 **/
  .contact-tel .item-list {
    padding: 3vw 3vw 5vw;
  }
  .contact-tel h2 {
    font-size: 5.5vw;
  }
  .contact-tel h2::after {
    height: 6.5vw;
    width: 1vw;
  }
  .contact-tel h4 {
    font-size: 7.5vw;
  }
  /*
  .otoiawase .text {
    font-size: 4vw;
    line-height: 8vw;
  }
  .otoiawase .button {
    margin-top: 10vw;
  }
  .otoiawase .button a {
    font-size: 4vw;
    width: 100%;
  }

  .otoiawase .margin {
    margin-top: 15vw;
  }
  .otoiawase .margin:nth-last-child(2) {
    margin-top: 30vw;
  }
  */

  /* 枠内 */
  .page-defaults .contact-main {
    width: 100%;
    border-radius: 7px;
    padding: 7vw 0;
  }
  .contact-main .item-list {
    margin-bottom: 8vw;
  }
  .contact-main h2 {
    font-size: 5.5vw;
    margin-bottom: 3vw;
  }
  .contact-main h2::after {
    height: 6.5vw;
  }

  /* お問い合わせ種別を整える */
  span.wpcf7-list-item {
    display: block;
    margin-left: 2vw;
  }
  span.wpcf7-list-item.first {
    margin-top: 5vw;
    margin-left: 2vw;
  }

  .wpcf7-form {
    border-width: 0.8px;
    padding: 7vw 5vw;
    border-radius: 7px;
  }

  .wpcf7-text,
  .wpcf7-textarea,
  .wpcf7-select {
    font-size: 4vw;
    width: 96%;
  }
  /* 利用希望用の選択肢 */
  .wpcf7-select {
    width: 100%;
  }
  .select-form h2 {
    margin-bottom: 0;
  }
  .select-form p {
    line-height: normal;
  }

  /** ラジオボタン **/
  span.wpcf7-list-item-label {
    margin-top: 3vw;
    margin-right: 5vw;
  }
  span.wpcf7-list-item-label::before {
    width: 10px;
    height: 10px;
  }
  span.wpcf7-list-item-label::after {
    width: 10px;
    height: 10px;
  }

  /** 送信ボタン **/
  .wpcf7-submit {
    font-size: 4.5vw;
    padding: 3vw 7vw;
  }
  /* スピナー */
  .wpcf7-spinner {
    margin: 0 1vw;
  }
  /*
  .otoiawase .contact-main {
    border-radius: 10px;
    padding: 5vw;
  }
  .otoiawase .contact-main h2{
    font-size: 4.5vw;
    width: 100%;
  }

  .otoiawase .contact-tel a {
    font-size: 6vw;
    margin-left: 3vw;
  }
  .otoiawase .contactform {
    margin-top: 10vw;
  }

  .otoiawase  .contactform form {
    padding-left: 2.5vw;
    padding-right: 2vw;
  }
  */
  /** お問い合わせここまで **/

  /*
  記事
  -----------------------------------------*/
  .nottitle-blog {
    padding-top: 27vw;
  }

  .single_title {
    display: none;
  }
  .single_title_sm {
    display: block;

    padding: 0 0 5vw;
    background-image: radial-gradient(circle, #999999 2px, transparent 2px);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 20px 4px;
  }
  .single_title {
    flex-direction: column;
    align-items: start;
    padding-bottom: 3vw;
  }
  .single_meta {
    flex-direction: column;
    font-size: 4vw;
    padding-bottom: 0;
  }
  .single_meta a {
    color: var(--lightPink);
  }
  .single_meta p {
    width: auto;
    padding-left: 0;
  }
  .single_meta p::before {
    position: static;
  }

  .single-border {
    padding: 2vw 2vw 5vw;
    overflow-x: auto;
  }

  /*
  よくある質問
  --------------------------------------*/
  /* 質問本文 */
  .QandA .item-list {
    padding: 0;
    margin-top: 7vw;
    margin-bottom: 10vw;
  }

  .QandA .question .item {
    align-items: start;
  }

  .QandA .Q,
  .QandA .A {
    font-size: 7vw;
    width: 10%;
  }

  /** question **/
  .QandA .question {
    padding-bottom: 3vw;
    padding-right: 8vw;
  }
  .QandA .question p {
    font-size: 5vw;
    padding-top: 1vw;
    padding-bottom: 0;
  }

  .QandA .question i {
    font-size: 3.5vw;
    right: 2.5vw;
    bottom: 7.4vw;
  }
  .QandA .question::before {
    width: 6vw;
    height: 6vw;
    bottom: 6vw;
  }
  /* hover */
  .QandA .question:hover p {
    color: var(--black);
    transition: none;
  }

  /** answer **/
  .QandA .answer .item {
    margin-top: 5vw;
  }
  .QandA .answer p {
    line-height: 2.5em;
  }
  .QandA .answer .item-cont {
    width: 90%;
  }

  .QandA .btn {
    margin-top: 7vw;
    margin-bottom: 5vw;
  }
  .QandA .answer a {
    display: block;
    font-size: 5vw;
    width: 100%;
    padding: 5vw 0;
    line-height: 1;
  }

}


/**アニメーション**/
@keyframes fadein{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

@keyframes fadeinUp{
  0%{
    opacity: 0;
    transform: translateY(2vw);
  }
  100%{
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ScaleinLeft {
  0% {
    -webkit-transform: translateX(calc(-100% - 7px));
    transform: translateX(calc(-100% - 7px));
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/*
@keyframes img_wrap {
  100% {
    transform: translateX(100%);
  }
}
.img_wrap {
  overflow: hidden;
  position: relative;
  z-index: 3;
}

.img_wrap::before {
  animation: img_wrap 1.5s cubic-bezier(0.4, 0, 0.6, 1) forwards;
  background: #fff;
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 3;
}

.tag_wrap01{
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.tag_wrap01::before {
  animation: img_wrap 0.7s linear 0.8s forwards;
  background: #fff;
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.tag_wrap02{
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.tag_wrap02::before {
  animation: img_wrap 0.7s linear 1.8s forwards;
  background: #fff;
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.fadein_last img{
  opacity: 0;
  animation: fadein 1s ease 0.1s 1 alternate forwards;
}

*/

.fadein_up_first {
  opacity: 0;
	-webkit-animation: fadeinUp 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) forwards;
	animation: fadeinUp 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) forwards;
}
.fadein_up_second {
  opacity: 0;
	-webkit-animation: fadeinUp 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0.6s forwards;
	animation: fadeinUp 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0.6s forwards;
}
.fadein_up_third {
  opacity: 0;
	-webkit-animation: fadeinUp 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) 1.2s forwards;
	animation: fadeinUp 1s cubic-bezier(0.680, -0.550, 0.265, 1.550) 1.2s forwards;
}
.scale_in_left {
	-webkit-animation: ScaleinLeft 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
	animation: ScaleinLeft 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940)2.2s both;
}

.ilumina_anime{
  animation: img_wrap 0.7s linear forwards;
}

.scroll_in{
  opacity: 0;
}
.active{
  opacity: 1;
  transition: opacity 1s;
}

/* トップページのスクロールアニメーション */
/* 下からふわっと出現 */
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
  opacity: 0;
}
@keyframes fadeUpAnime{
from {
  opacity: 0;
  transform: translateY(100px);
}
to {
  opacity: 1;
  transform: translateY(0);
}
}

.fadeUpTrigger {
  opacity: 0;
}

/* ふわっと消える */
.fadeOut {
  animation-name: fadeOutAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
}
.fadeOut-re{
  animation-name: fadeOutreAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
}
@keyframes fadeOutAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100px);
  }
}
@keyframes fadeOutreAnime {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeOut {
  opacity: 1;
  transition: 0.5s;
}


/*
順番に現れる
----------------------------------*/
/* 遅延時間 */
.new_blog .fadeUp:nth-of-type(2) {
  animation-delay: 0.2s;
}
.new_blog .fadeUp:nth-of-type(3) {
  animation-delay: 0.4s;
}
.new_blog .fadeUp:nth-of-type(4) {
  animation-delay: 0.6s;
}

/* 初期値 */
.new_blog .blog-item {
  opacity: 0;
}

/*
要素をふわふわさせる
----------------------------------*/
.fuwafuwa {
  animation: floating-y 2s ease-in-out infinite alternate-reverse;
}

.fuwafuwa-main {
  animation: floating-y 3s ease-in-out infinite alternate-reverse;
}

.fuwafuwa-sub {
  animation: sub-y 3.3s ease-in-out infinite alternate-reverse;
}

@keyframes floating-y {
  form {
    transform: translateY(0.5vw);
  }
  to {
    transform: translateY(-0.5vw);
  }
}

@keyframes sub-y {
  from {
    transform: translateY(0.2vw);
  }
  to {
    transform: translateY(-0.2vw);
  }
}

/* キーフレーム等のレスポンシブ */
@media (max-width: 800px) {
  @keyframes fadeUpAnime {
    from {
      opacity: 0;
      transform: translateY(60px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /*
  順番に現れる
  ----------------------------------*/
  /* 遅延時間 */
  .new_blog .fadeUp:nth-of-type(2) {
    animation-delay: unset;
  }
  .new_blog .fadeUp:nth-of-type(3) {
    animation-delay: unset;
  }
  .new_blog .fadeUp:nth-of-type(4) {
    animation-delay: unset;
  }

}