@charset "UTF-8";
/*
Theme Name: yanagida2020
Theme URI: http://yanagida2020.jp
Description: 柳木大合同会社のオリジナルテーマ
Author: watabe_design
Author URI: https://watabe-design.jp/
*/
/* ------------------------------
全体の共通部分
------------------------------ */
html {
    font-size: 62.5%;
}
body {
    color: #000000;
    font-family: 'FOT-TsukuARdGothic Std','Zen Maru Gothic',sans-serif;
    font-weight: 400;
    /* font-size: 1.3rem;
    font-size: clamp(1.3rem,2vw,1.6rem); */
}

.wrapper {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0% 2%;
}
section {
    max-width: 1090px;
    margin: 0 auto;
    padding: 0 6%;
}
.flex {
    display: flex;
}
.sp-only {
    display: none;
}
.sp-none {
    display: none;
}
.pero_img {
    width: 40%;
}
/* ーーーーフォントサイズーーーー*/

h2 {
    font-size: clamp(2rem,4vw,2.5rem);
    letter-spacing: 0.26em;
    line-height: 1.97;
    text-align: center;
}
h3 {
    font-size: clamp(1.8rem,3vw,2rem);
    letter-spacing: 0.24em;
    line-height: 2.46;
}
h4 {
    font-size: clamp(1.4rem,2.5vw,1.8rem);
    letter-spacing: 0.18em;
    line-height: 2.52;
}
h5 {
    font-size: clamp(1.9rem,2.5vw,2.4rem);
    letter-spacing: 0.18em;
    line-height: 2.52;
    text-align: center;
}
p {
    font-weight: bold;
}

/*機能編==================================================
/* ふわっと出すため最初は透明設定する*/
/*===================================*/
.fadeInUpTrigger{
	opacity: 0;
}

/*機能編==================================================
/* ページトップリンク 8-1-2 ページの指定の高さを超えたら下から出現*/
/*===================================*/
/*リンクの形状*/
#page-top a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FF7B6A;
    border-radius: 5px;
    width: 60px;
    height: 60px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1rem;
    letter-spacing: 0.2em;
    transition: all 0.3s;
}
/*リンクを右下に固定*/
#page-top {
	position: fixed;
	right: 10px;
	bottom:10px;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}
/*　上に上がる動き　*/

#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}


/* ------------------------------
header/ハンバーガーナビメニュー
------------------------------ */
/*========= ぼかしのためのCSS ===============*/

.mainblur{
	filter: blur(8px);
}
/*========= ナビゲーションのためのCSS ===============*/

#g-nav{
    /*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
    position:fixed;
	z-index: -1;
	opacity: 0;/*はじめは透過0*/
    /*ナビの位置と形状*/
	top:0;
	width:100%;
    height: 100vh;/*ナビの高さ*/
	background:rgba(255,255,255,0.3);/*背景を少し透過させる*/
    /*動き*/
	transition: all 0.3s;
}

/*アクティブクラスがついたら透過なしにして最前面へ*/
#g-nav.panelactive{
	opacity: 1;
	z-index:999;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    background-color: #F7F5B0;
    -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
    display: none;/*はじめは非表示*/
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top:50%;
    left:49%;
    transform: translate(-50%,-50%);
}

#g-nav.panelactive ul {
    display: block;
}
/*リストのレイアウト設定*/

#g-nav li{
	list-style: none;
    text-align: left;
}
#g-nav li:nth-child(1){
    margin-left: -15px;
}
#g-nav li:nth-child(1) a{
    color: #159b5a;
    font-size: clamp(1.9rem,2vw,2.7rem);
}
#g-nav li a{
	color: #18B268;
	text-decoration: none;
	padding:10px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
    line-height: 1.8;
	font-weight: bold;
    font-size: clamp(1.4rem,2vw,2rem);
    transition: all  0.3s ease;
}
#g-nav li a:hover {
    color: #f27000;
}
.g-nav-icon-list {
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top:70%;
    left:43%;
    transform: translate(-50%,-50%);
}
.g-nav-icon-list a img {
    width: 65%;
}
/*========= ボタンのためのCSS ===============*/
.openbtn{
	position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
	top:10px;
	right: 10px;
	cursor: pointer;
    width: 50px;
    height:50px;
}
	
/*×に変化*/	
.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
	background-color: #2cb3f0;
  	width: 45%;
  }

.openbtn span:nth-of-type(1) {
	top:15px;	
}

.openbtn span:nth-of-type(2) {
	top:23px;
}

.openbtn span:nth-of-type(3) {
	top:31px;
}

.openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}
/* ------------------------------
TOPページ
------------------------------ */
#alltop01 {
    text-align: center;
    margin-bottom: 10%;
}
.alltop_word {
    margin-top: 15%;
}
.illustration-children_img {
    width: 62%;
    margin: 15% 0 2% 0;
}
#alltop02 {
    padding-top: 10%;
}
.alltop_bg-yellow {
    background-color: #FFFFAF;
    padding-bottom: 320px;
}
.bg-white {
    background-color: #FFFF;
}
.sjw-yanagida_box {
    display: flex;
}
.blue-box {
    background-color: #8FCBE6;
    border-radius: 20px;
    text-align: center;
    padding-top: 10%;
    padding-bottom: 4%;
    margin-right: 1%;
}
.more-bth00 {
    transform: scale(0.6);
}
.box-category01,
.box-category02 {
    justify-content: center;
}
.image_link {
    transition: all  0.3s ease;
}
.image_link:hover {
    filter: contrast(64%);
}
.box-category01 > li:nth-child(2) {
    margin: 0 12px;
}
.box-category01 li img,
.box-category02 li img {
    width: 125px;
    margin-top: 20%;
}
.blue-box_img {
    margin-top: 18px;
}
.green-box {
    background-color: #9FC88C;
    border-radius: 20px;
    text-align: center;
    padding-top: 10%;
    margin-left: 1%;
}
.box-category02 > li:nth-child(1) {
    margin: 0 6px 0 0;
}
.box-category02 > li:nth-child(2) {
    margin: 0 0 0 6px;
}
.green-box_img {
    margin-top: 17px;
}
.alltop_sjwlogo {
    width: 35%;
}
.alltop_yanagidalogo {
    width: 60%;
}
#alltop03 {
    margin-bottom: 23%;
    padding-top: 10%;
}
.nami_img02 {
    margin-top: -200px;
}
/* トップページの会社概要とフッター部分 */
.bg-lightgray {
    background-color: #D4CCC4;
}
#footer_lightgray {
    text-align: center;
    padding-top: 7%;
    margin-top: -1px;
}
.footer_lightgray_aboutus {
    display: flex;
    justify-content: center;
}
.lightgray_outer01 {
    margin-right: 22px;
}
.lightgray_outer02 {
    margin-left: 23px;
}
.address_yellow_circle {
    font-size: 14px;
    letter-spacing: 0.24em;
    line-height: 28px;
    background-color: #FFF6A6;
    width: 110px;
    height: 28px;
    border-radius: 32px;
    display: inline-block;
    margin-left: 10px;
    text-align: center;
}
.lightgray_link,
.lightgray_map {
    margin-top: 15%;
}
.footer_link-icon li a {
    margin-right: 6px;
}
.illustration-adult {
    width: 60%;
    margin-top: 5%;
}
.sjw_landmark_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5% 0;
}
.address06 {
    text-align: center;
}
/* ------------------------------
お知らせ
------------------------------ */
.news-topimg {
    text-align: center;
    padding-top: 8%;
    margin-bottom: 5%;
    background-color: #FFFFAF;
}
.news-outer {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 1%;
}
.news-wrapper {
    display: flex;
    justify-content: space-between;
}
#news {
    margin-bottom: 5%;
    width: 75%;
}
/* サイドバーここから------------------------------ */
.sidebar {
    width: 19%;
    margin-top: 5%;
}
.item {
    border-radius: 10px;
    background-color: #F3F2EB;
    padding: 13% 8%;
}
.category_title {
    font-size: clamp(1.8rem, 3vw, 2rem);
    letter-spacing: 0.21em;
    line-height: 2.68;
    color: #F97F00;
    margin-left: 10%;
}
.cat-item {
    display: block;
    line-height: 2.562;
    font-size: medium;
    border-bottom: 2px dotted;
}
.sidebar_list a {
    color: #000;
    margin-left: 10%;
    transition: all  0.3s ease;
}
.sidebar_list a:hover {
    color: #FF7B6A;
}
/* サイドバーここまで------------------------------ */
.newsline_flex {
    border-bottom: 2px dotted;
    padding-top: 2%;
    padding-bottom: 1%;
}
.catalog_name {
    display: flex;
    align-items: center;
    margin-left: 3%;
}
.newsline_outer_title {
    margin-left: 3%;
}
.newsline_title {
    font-size: clamp(1.4rem,2.5vw,1.8rem);
}
.newsline_time {
    color: #f27000;
    font-size: clamp(1.2rem, 2.5vw, 1.6rem);
    letter-spacing: 0.22em;
    padding-left: 5%;
}
.top_news_text > p {
    font-size: clamp(1rem,2.5vw,1.4rem);
}
.news_arrow02 {
    padding-right: 0%;
    float: right;
    margin-top: -3%;
}
/* ページネーションcss */
.wp-pagenavi {
	margin: 100px auto;
	font-size: 12px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #77a0d1;
}
.wp-pagenavi a {
    color: #77a0d1;
}
.wp-pagenavi span.current,
.wp-pagenavi a.page {
	margin: 0 10px 0 0;
	border: solid 1px #eee;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	box-sizing: border-box;
	justify-content: center;
	display: flex;
	align-items: center;
	transition: .3s;
}
.wp-pagenavi span.current {
    border: none;
    background: #77a0d1;
    color: #fff;
}
.wp-pagenavi a.page {
	background: none;
}
.wp-pagenavi a.page:hover {
    background: #77a0d1;
    color: #fff;
}
.wp-pagenavi .first,
.wp-pagenavi .extend {
    margin-right: 10px;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
    display: none;
}
/* ------------------------------
一般社団法人SJW
------------------------------ */
#sjw01 {
    text-align: center;
    margin-bottom: 11%;
}
#sjw02 {
    text-align: center;
    margin-top: -16%;
}
.sjw_list01 {
    display: flex;
    transform: scale(1.2);
    margin-top: 15%;
}
.sjw_list01 li:nth-child(2) {
    margin: 0 3%;
}
.bg-green_sjw {
    background-color: #cee8ba;
    margin-top: 15%;
    padding-bottom: 16%;
}
#sjw03 {
    padding-top: 15%;
    padding-bottom: 18%;
}
.sjw_word02 {
    position: absolute;
    right: 253px;
    top: -25px;
}
.sjw_word02 {
    font-size: clamp(1.2rem,2.5vw,1.6rem);
    letter-spacing: 0.18em;
    line-height: 2.52;
}
.footer_link-icon_sjw li a {
    margin-right: 6px;
}
.footer_link-icon_sjw {
    padding-bottom: 10%;
}
/* ------------------------------
うちごう子ども食堂
------------------------------ */
/* うちごうで世界のカレーを食べよう */
#child_cafeteria_curry {
    text-align: center;
}
#child_cafeteria_curry > img {
    margin-top: 70px;
}
#child_cafeteria_curry > h2 {
    margin-top: 60px;
}
#child_cafeteria_curry > h3 {
    text-align: left;
    margin-top: 70px;
}
#child_cafeteria_curry > h4 {
    text-align: left;
    margin-top: 70px;
}
.curry_word04 {
    font-size: clamp(1.4rem,2.5vw,1.8rem);
    font-family: 'FOT-TsukuARdGothic Std','Zen Maru Gothic',sans-serif;
    font-weight: bold;
    letter-spacing: 0.18em;
    line-height: 2.52;
    margin-top: 40px;
    text-align: left;
}
.bg-green02 {
    background-color: #cee8ba;
    padding: 10% 0 20% 0;
}
.curry_img > img {
    margin-top: -13%;
}
/* 子ども食堂とは */
.bg-brown {
    background-color: #ECDE9B;
    padding-bottom: 320px;
}
#child_cafeteria_about {
    text-align: center;
    position: relative;
}
#child_cafeteria_about::before {
    position: absolute;
    content: "";
    background: url(../child_cafeteria/img/child_cafeteria_green01.png) no-repeat;
    background-size: contain;
    left: 5%;
    top: -33%;
    width: 30%;
    height: 58%;
}
#child_cafeteria_about::after {
    position: absolute;
    content: "";
    background: url(../child_cafeteria/img/child_cafeteria_img01.png) no-repeat;
    background-size: contain;
    right: 5%;
    bottom: -60%;
    width: 29%;
    height: 52%;
}
#child_cafeteria_about > h2 {
    margin-top: 70px;
}
#child_cafeteria_about > h4 {
    text-align: left;
    margin-top: 50px;
}

/* 開催日と場所 */
.bg-beige {
    background-color: #FFFCDB;
    padding-bottom: 200px;
    padding-top: 200px;
}
.nami_img03 {
    margin-top: -12%;
}
#child_cafeteria_event {
    text-align: center;
    position: relative;
}
#child_cafeteria_event > p {
    font-family: 'FOT-TsukuARdGothic Std','Zen Maru Gothic',sans-serif;
    font-weight: 400;
}
#child_cafeteria_event::before {
    position: absolute;
    content: "";
    background: url(../child_cafeteria/img/child_cafeteria_green02.png) no-repeat;
    background-size: contain;
    left: 5%;
    top: -23%;
    width: 28%;
    height: 43%;
}
#child_cafeteria_event::after {
    position: absolute;
    content: "";
    background: url(../child_cafeteria/img/child_cafeteria_img02.png) no-repeat;
    background-size: contain;
    left: 5%;
    bottom: -25%;
    width: 30%;
    height: 26%;
}
#child_cafeteria_event > h2 {
    margin-top: 25px;
}
.child_cafeteria_event_inner {
    margin-top: 30px;
}
.child_cafeteria_event_inner01 {
    margin-top: 45px;
}

.event_orange_circle {
    font-size: clamp(1.5rem,2.5vw,1.9rem);
    letter-spacing: 0.24em;
    background-color: #F99B23;
    border-radius: 32px;
    display: inline;
    padding: 12px 85px;
}
.event_word {
    font-size: clamp(1.4rem,2.5vw,1.8rem);
    letter-spacing: 0.24em;
    line-height: 1.93;
    margin-top: 15px;
    margin-bottom: 15px;
}
.event_word02 {
    margin-top: 15px;
}
.google_map_btn {
    color: #FF7B6A;
    border: #FF7B6A 3px solid;
    border-radius: 32px;
    display: inline;
    padding: 10px 18px;
    font-size: clamp(1.3rem,2.5vw,1.6rem);
    letter-spacing: 0.18em;
    transition: all  0.4s ease;
}
.google_map_pink {
    margin-bottom: 15px;
}
.google_map_btn a {
    color: #FF7B6A;
}
.google_map_btn:hover {
   background-color: #fff;
}
.pinkline {
    color: #FF7B6A;
}

.underbar01 {
    position: relative;
    transition: all  0.4s ease;
}
.underbar01::before {
    position: absolute;
    content: "";
    background: url(../child_cafeteria/img/underbar01.png) no-repeat;
    background-size: contain;
    left: 0%;
    bottom: -72%;
    width: 100%;
    height: 70%;
    transition: all  0.4s ease;
}
.underbar02 {
    position: relative;
    transition: all  0.4s ease;
}
.underbar02::before {
    position: absolute;
    content: "";
    background: url(../child_cafeteria/img/underbar02.png) no-repeat;
    background-size: contain;
    left: 0%;
    bottom: -67%;
    width: 100%;
    height: 71%;
    transition: all  0.4s ease;
}
.underbar01:hover,
.underbar02:hover {
    color: #14c944;
}
.underbar01:hover::before {
    background: url(../child_cafeteria/img/hover_underbar01.png) no-repeat;
    background-size: contain;
    left: 0%;
    bottom: -72%;
    width: 100%;
    height: 70%;
}
.underbar02:hover::before {
    background: url(../child_cafeteria/img/hover_underbar02.png) no-repeat;
    background-size: contain;
    left: 0%;
    bottom: -67%;
    width: 100%;
    height: 71%;
}

.tel_small {
    font-size: clamp(1.3rem,2.5vw,1.4rem);
}
/* 協力 */
.bg-brown02 {
    background-color: #ECDE9B;
    padding-bottom: 20%;
    margin-bottom: -15%;
}
#child_cafeteria_cooperation {
    text-align: center;
    position: relative;
}

#child_cafeteria_cooperation > img {
    margin-top:  120px;
}
#child_cafeteria_cooperation > h2 {
    margin-top: 50px;
}
.child_cafeteria_bg-lightblue {
    margin-top: -10%;
}
/* ------------------------------
フリースクール/page-school.php
------------------------------ */
#sclool_top {
    text-align: center;
    margin-top: 30px;
}
.school_top_title {
    margin-top: 90px;
}
.school-logo {
    width: 35%;
}
.school_Etitle {
    color: #f97f00;
    margin-top: 20px;
}
.school_Jtitle {
    text-align: left;
    margin-top: 20px;
}
.school_subtitle {
    text-align: center;
    font-size: clamp(1.5rem,2.5vw,1.6rem);
    letter-spacing: 0.18em;
    color: #f97f00;
    margin-bottom: 50px;
}
.school_img01 {
    margin-top: 10%;
}
#school_about {
    background-color: #FFFCDB;
    text-align: center;
    padding-bottom: 140px;
}
.blueline {
    color: #469ad6;
}
.blueline02 {
    color: #469ad6;
    transition: all  0.4s ease;
}
.blueline02:hover {
    color: #14c944;
}
#school_news {
    background-color: #cee8ba;
    padding-top: 100px;
    padding-bottom: 100px;
}
.news_outer {
    background-color: #f3f2eb;
    border-radius: 20px;
    padding: 2% 7% 4% 7%;
}
.news_border {
    margin-bottom: 20px;
}
.news_list {
    justify-content: space-between;
    align-items: end;
    width: 100%;
    margin-top: 35px;
    position: relative;
}
.news_list::after {
    position: absolute;
    content: '';
    border-bottom: 3px dotted #666464;
    width: 100%;
    bottom: -20%;
    left: 0%;
}
.news_list_inner {
    display: flex;
    align-items: end;
    width: 100%;
}
.news_box {
    padding-left: 3%;
}
.news_time {
    color: #f27000;
    font-size: clamp(1.4rem,2.5vw,1.8rem);
    letter-spacing: 0.22em;
    padding-left: 7%;
}
.news_category > p{
    margin: 5px 0;
}
p.sjw {
    display: block;
    color: #fff;
    font-size: clamp(1.2rem,1vw,1.4rem);
    letter-spacing: 0.16em;
    background-color: #7dc2da;
    border-radius: 20px;
    text-align: center;
    padding: 3px 1%;
    width: 138px;
}
p.school {
    display: block;
    color: #fff;
    font-size: clamp(1.2rem,1vw,1.5rem);
    letter-spacing: 0.16em;
    background-color: #ECAE32;
    border-radius: 20px;
    text-align: center;
    padding: 3px 1%;
    width: 138px;
}
p.foreigner {
    display: block;
    color: #fff;
    font-size: clamp(1.2rem,1vw,1.5rem);
    letter-spacing: 0.16em;
    background-color: #989CC5;
    border-radius: 20px;
    text-align: center;
    padding: 3px 5%;
    width: 138px;
}
p.childcafeteria {
    display: block;
    color: #fff;
    font-size: clamp(1.2rem,1vw,1.35rem);
    letter-spacing: 0.16em;
    background-color: #8BCBA7;
    border-radius: 20px;
    text-align: center;
    padding: 3px 1%;
    width: 138px;
}
p.news {
    display: block;
    color: #fff;
    font-size: clamp(1.2rem,1vw,1.5rem);
    letter-spacing: 0.16em;
    background-color: #E69699;
    border-radius: 20px;
    text-align: center;
    padding: 3px 5%;
    width: 138px;
}
p.yanagida {
    display: block;
    color: #fff;
    font-size: clamp(1.2rem,1vw,1.5rem);
    letter-spacing: 0.16em;
    background-color: #9FC88C;
    border-radius: 20px;
    text-align: center;
    padding: 3px 5%;
    width: 138px;
}
p.carmelsnest {
    display: block;
    color: #fff;
    font-size: clamp(1.2rem,1vw,1.4rem);
    letter-spacing: 0.16em;
    background-color: #7dc2da;
    border-radius: 20px;
    text-align: center;
    padding: 3px;
    width: 138px;
}
p.curry {
    display: block;
    color: #fff;
    font-size: clamp(1.2rem,1vw,1.5rem);
    letter-spacing: 0.16em;
    background-color: #ddca1f;
    border-radius: 20px;
    text-align: center;
    padding: 3px 5%;
    width: 138px;
}

.news_title {
    color: #000000;
    font-size: clamp(1.2rem,2.5vw,1.8rem);
    letter-spacing: 0.16em;
    padding-left: 5%;
}
.news_arrow {
    padding-right: 3%;
    float: right;
    margin-top: -4%;
}
.news_more {
    font-size: clamp(1.3rem,1.5vw,1.7rem);
    letter-spacing: 0.22em;
    display: block;
    color: #231815;
    text-align: end;
    margin-top: 45px;
    margin-right: 20px;
    transition: 0.3s;
}
.news_more:hover {
    color: #666464;
}
.arrow {
    position: relative;
    display: inline-block;
    padding: 10px;
}
.arrow.arrow-right::before {
    transform: rotate(45deg);
}
.arrow::before {
    content: '';
    width: 13px;
    height: 13px;
    border-top: solid 3px #231815;
    border-right: solid 3px #231815;
    position: absolute;
    left: 10px;
    top: 8px;
}
#school_message {
    padding-top: 100px;
    padding-bottom: 100px;
}
#school_footer {
    background-color: #8fcbe6;
    align-items: center;
    padding: 5% 2% 5% 2%;
}
.school_footer_flex {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.follow_fb {
    display: block;
    margin: 0 auto;
    width: 20%;
    margin-top: 50px;
}
.school_bg-beige {
    background-color: #FFFCDB;
    margin-top: -100px;
}
.bg-green {
    background-color: #cee8ba;
}
/* ------------------------------
柳木大合同会社
------------------------------ */
.yanagida_word01 {
    text-align: justify;
    margin: 8% 0 10% 0;
}
#yanagida_business {
    margin-top: -7%;
    margin-bottom: 10%;
}
.yanagida_lineup li {
    transform: scale(0.9);
}
.bg-yellow-yanagida {
    background-color: #DCD97A;
    padding-bottom: 16%;
}
#yanagida_news {
    padding-top: 10%;
}
.nami-white_yanagida {
    margin-top: -11%;
}
#yanagida_message {
    margin-top: 8%;
}
.yanagida_word_inner {
    text-align: end;
    position: relative;
}
.yanagida_word02 {
    position: absolute;
    right: 253px;
    top: -25px;
}
.yanagida_word02,
.yanagida_word03 {
    font-size: clamp(1.2rem,2.5vw,1.6rem);
    letter-spacing: 0.18em;
    line-height: 2.52;
}
.yanagida_word04 {
    font-size: clamp(1.8rem,2.5vw,2.4rem);
    letter-spacing: 0.18em;
    line-height: 2.52;
}
.yanagida_word05 {
    font-size: clamp(0.9rem,2.5vw,1.3rem);
    letter-spacing: 0.18em;
    line-height: 2;
    text-align: center;
    margin: 10% 0;
}
/* 柳木大共通フッター */
.yanagida_footer_nami01 {
    margin-top: 5%;
}
.bg-deepgreen {
    background-color: #9FC88C;
}
#yanagida_footer {
    padding-top: 4%;
    margin-top: -1px;
}
.yanagida_contactus {
    max-width: 33%;
}
.yanagida_footer_icon {
    transform: scale(0.6);
    text-align: center;
    margin-top: 5%;
}
.yanagida_fb-ig {
    margin-top: 3%;
}
.yanagida_footer_link {
    text-align: center;
    color: #F97F00;
    margin-top: 10%;
}
.footer_link-icon_yanagidai {
    padding-bottom: 10%;
    justify-content: center;
    transform: scale(0.6);
    margin-top: -30px;
}
.footer_link-icon_yanagidai li a {
    margin-right: 6px;
}
.yanagida_follow_icon {
    margin-left: 3%;
    margin-right: 3%;
}
/* ------------------------------
カーメルズネスト
------------------------------ */
.bg-light-gray {
    background-color: #F3F2EB;
}
#Montessori {
    padding-top: 10%;
    padding-bottom: 10%;
}
.white-inner {
    background-color: #fff;
    padding: 3%;
}
.white-inner-list {
    transform: scale(0.9);
}
.white-inner-list > li {
    margin: 0 8px;
}
.bg-pink {
    background-color: #F4C4D2;
    padding: 10% 0;
}
.gray-inner {
    background-color: #F3F2EB;
    border-radius: 20px;
    margin-left: -7%;
    margin-right: -7%;
    padding-top: 8%;
    padding-bottom: 12%;
}
.carmels-nest_word_pink {
    color: #E46C8E;
}
.white-inner02 {
    background-color: #fff;
    padding: 3%;
    margin-left: 14%;
    margin-right: 14%;
}
.carmels-nest_word01 {
    text-align: justify;
    margin: 0% 0% 0% 20%;
}
.carmels-nest_point {
    transform: scale(0.6);
}
.carmels-nest_word02 {
    font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
    font-size: clamp(1.1rem,2.5vw,2.4rem);
    letter-spacing: 0.16em;
    line-height: 1.91;
    color: #E46C8E;
    text-align: center;
    padding: 2%;
}
.carmels-nest_word03 {
    font-size: clamp(1rem,2.5vw,1.7rem);
    text-align: center;
    line-height: 1.95;
    margin: 4% 0 8% 0;
}
.carmels-nest_list {
    display: grid;
    grid-template-columns: 25% 25% 25%;
    gap: 3%;
    justify-content: center;
}
.bg-green_carmels-nest {
    background-color: #B4DB99;
}
#english_conversation {
    padding-top: 10%;
    padding-bottom: 10%;
}
.carmels-nest_word_green {
    color: #49A75B;
}
.carmels-nest_word04 {
    font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
    font-size: clamp(1.3rem,2.5vw,2.4rem);
    letter-spacing: 0.16em;
    line-height: 2.2;
    color: #E64F5A;
    text-align: center;
    margin-top: -7%;
    margin-bottom: 2%;
}
/* ------------------------------
外国人支援
------------------------------ */
#foreigner01 {
    text-align: center;
    margin-bottom: 6%;
}
.foreigner_word01 {
    text-align: left;
    margin: 10% 0 12% 0;
}
.foreigner_list01 {
    transform: scale(0.7);
}
.foreigner_list01 > li {
    margin: 0 15px;
}
.foreigner_img04 {
    width: 50%;
}
.foreigner_word02 {
    margin-top: 10px;
    letter-spacing: 0.14em;
}
#foreigner_international-day {
    text-align: center;
    margin-top: -10%;
}
.foreigner_orange_circle {
    font-size: clamp(1.5rem, 2.5vw, 1.9rem);
    letter-spacing: 0.2em;
    line-height: 1.3;
    background-color: #F97F00;
    color: #fff;
    border-radius: 48px;
    display: inline-block;
    padding: 9px 46px;
    text-align: center;
}
.foreigner_list02 {
    display: flex;
    transform: scale(1.3);
    margin-top: 11%;
}
.foreigner_list02 > li:nth-child(2) {
    margin-top: 20%;
    margin-left: 19px;
}
.foreigner_list03 {
    margin-top: 15%;
    transform: scale(0.8);
}
.foreigner_list03 > li {
    margin-left: 20px;
    margin-right: 20px;
}
.bg-green_foreigner {
    background-color: #cee8ba;
    margin-top: 15%;
    padding-bottom: 7%;
    margin-bottom: -17%;
}
#foreigner_news {
    margin-bottom: 23%;
    padding-top: 10%;
}
.bg-lightblue {
    background-color: #8FCBE6;
}
/* ------------------------------
single.php 「お知らせ」個別ページ
------------------------------ */
#single_area {
    width: 100%;
    padding-bottom: 5%;
}
.single-img01 {
    margin: 5% 0 8% 0;
    text-align: center;
}
#single_area > h2 {
    margin-top: 10%;
}
.single_content {
    margin: 0 auto;
    padding: 3% 5%;
    border: solid 1px rgb(192, 185, 185);
    border-radius: 20px;
    margin-top: 30px;
}
.single_icon {
    width: 32px;
}
.single_time {
    font-size: clamp(1rem,1.5vw,1.5rem);
    letter-spacing: 0.1em;
    font-weight: bold;
}
.single_flex {
    display: flex;
    font-size: clamp(1rem,1.5vw,1.5rem);
    font-weight: bold;
    letter-spacing: -0.08em;
}
.single_flex a {
    color: #c4975d;
    letter-spacing: 0.2em;
}
.single_title {
    font-size: clamp(1.5rem,1.5vw,2.3rem);
    letter-spacing: -0.08em;
    font-weight: bold;
    text-align: center;
    margin-top: 5%;
    /* font-family: '游明朝体','FOT-ロダン ProN',sans-serif; */
}
.single_text {
    font-size: clamp(1.2rem,1.5vw,2rem);
    text-align: justify;
    letter-spacing: -0.07em;
    margin: 6% 0;
}
.single_pagenavi {
    font-size: clamp(1rem,1.5vw,1.5rem);
    display: flex;
    justify-content: space-evenly;
    margin: 5% 3% 19% 3%;
}
.single_pagenavi:hover {
    color: #c4975d;
}
.single_pagenavi li a:hover {
    color: #c4975d;
}
/* ------------------------------
404.php
------------------------------ */
.img404 {
    text-align: center;
    padding-top: 15%;
    width: 50%;
    margin: auto;
}
#pop404 {
    text-align: justify;
    margin-bottom: 50px;
    margin: 10% 0 30% 0;
}
.word_404 {
    font-size: xx-large;
}
.img40 > img {
    display: block;
}
.toprink404 {
    font-size: 2rem;
    font-weight: bold;
    color: #FF7B6A;
    border-bottom: 1px solid #FF7B6A;
}

/* ------------------------------
footer.php/共通部分
------------------------------ */
#footer {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
#footer img {
    height: 30%;
}
.bg-beige03 {
    background-color: #FFFCDB;
}
footer ul li {
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.address {
    margin-left: 40px;
    margin-bottom: 3%;
}
.address_landmark {
    display: flex;
    margin-left: 10px;
    margin-top: 35px;
}
.address_orange_circle {
    font-size: 14px;
    letter-spacing: 0.24em;
    line-height: 28px;
    background-color: #F99B23;
    width: 110px;
    height: 28px;
    border-radius: 32px;
    display: inline-block;
    margin-left: 10px;
    text-align: center;
}
.address_yellow_circle {
    font-size: 14px;
    letter-spacing: 0.24em;
    line-height: 28px;
    background-color: #FFF6A6;
    width: 110px;
    height: 28px;
    border-radius: 32px;
    display: inline-block;
    margin-left: 10px;
    text-align: center;
}
footer ul li p {
    margin-left: 10px;
}
.address01 {
    font-size: clamp(1.4rem,2.5vw,1.8rem);
    letter-spacing: 0.22em;
}
.address01-1 {
    font-size: clamp(1.3rem,2.5vw,1.8rem);
    letter-spacing: 0.22em;
}
.address02 {
    font-size: clamp(1.4rem,2.5vw,1.8rem);
    letter-spacing: 0.24em;
}
.address03 {
    font-size: clamp(1.2rem,3vw,1.5rem);
    letter-spacing: 0.22em;
}
.address04 {
    font-size: clamp(1.2rem,3vw,1.5rem);
    letter-spacing: 0.26em;
    line-height: 0.8;
    margin-left: 10px;
    transition: all  0.4s ease;
}
.address04:hover {
    color: #14c944;
}
.address04-1 {
    font-size: clamp(1rem, 3vw, 1.7rem);
    letter-spacing: 0.2em;
    line-height: 1;
    margin-left: -5px;
}
.address04-2 {
    font-size: clamp(1rem, 3vw, 1.2rem);
    letter-spacing: 0.3em;
}
.address05 {
    font-size: clamp(1.2rem,2.5vw,1.8rem);
    margin-left: 10px;
}
.footer_icon {
    display: flex;
    justify-content: right;
}
.footer_icon li+li {
    margin-left: 5px;
}
.footer_icon li a img {
    width: 30px;
    height: 30px;
}
.map iframe {
    width: 100%;
}
small.copyright {
    font-size: 8px;
    font-weight: bold;
    display: block;
    text-align: center;
    padding: 20px 0px;
}



/*ここからSPスマホ==================================================
共通部分
===================================*/
@media screen and (max-width:1000px) {
.pc-only {
    display: none;
}
h1 {
    width: 50%;
}
}
@media screen and (max-width:450px) {
.sp-only {
    display: block;
}
.pc-only {
    display: none;
}

h1 {
    width: 80%;
    margin: 0 auto;
}
h2 {
    line-height: 1.7;
}
h3 {
    line-height: 1.8;
}
h4 {
    line-height: 1.8;
}
.tel_small {
    font-size: 16px;
}
.icon_list li:nth-child(1) {
    margin-left: 7px;
}
.icon_list .icon img {
    height: 25px;
}
/* ------------------------------
ハンバーガー・ナビ
------------------------------sp */
#g-nav-list ul {
    margin-top: -10%;
}
.g-nav-icon-list {
    top: 65%;
    left: 37%;
}
/* ------------------------------
TOPページ
------------------------------sp */
#alltop03 {
    margin-bottom: 30%;
}
.sjw-yanagida_box {
    display: block;
}
.blue-box {
    margin-right: 0;
}
.green-box {
    margin-left: 0;
    margin-top: 7%;
    padding-bottom: 4%;
}
.alltop_bg-yellow {
    padding-bottom: 30%;
}
.box-category01,
.box-category02 {
    transform: scale(0.9);
}
.nami_img02 {
    margin-top: -50px;
}
.footer_link-icon {
    padding-bottom: 0;
}
.address06 {
    text-align: center;
}
/* ------------------------------
一般社団法人SJW
------------------------------sp */
.sjw_list01 {
    display: block;
    transform: scale(1);
    margin-top: 10%;
}
.sjw_list01 li:nth-child(2) {
    margin: 3% 0%;
}
.yanagida_word01 {
    margin: 8% 0 15% 0;
}
.sjw_word02 {
    right: 175px;
}
/* ------------------------------
お知らせ
------------------------------sp */
.news-outer {
    padding: 0 3%;
}
.news-wrapper {
    display: block;
}
#news {
    width: auto;
    margin-bottom: 0;
}
.newsline_flex {
    border-bottom: 1px dotted;
    padding-top: 4%;
    padding-bottom: 2%;
}
.sidebar {
    width: auto;
}
.catalog_name {
    margin-left: 0;
    align-items: center;
}
.news-topimg {
    padding: 20% 3% 0%;
    margin-bottom: 15%;
}
.news_arrow02 {
    margin-top: -8%;
}
.catalog_page_area02 {
    margin-left: 3%;
}
.wp-pagenavi {
    margin: 58px auto;
}
.item {
    padding: 6% 10%;
    margin-bottom: 10%;
}

/* ------------------------------
うちごう子ども食堂
------------------------------sp */
#child_cafeteria_about::before {
    top: -85px;
    width: 35%;
    height: 35%;
}
#child_cafeteria_about::after {
    bottom: -52%;
}
#child_cafeteria_event::before {
    top: -90px;
}
#child_cafeteria_event::after {
    bottom: -26%;
}
.child_cafeteria_event_inner {
    margin-top: 45px;
}
.child_cafeteria_event_inner01 {
    margin-top: 45px;
}
.event_word {
    letter-spacing: 0.24em;
    line-height: 1.8;
    margin-top: 15px;
}
/* 全体の高さ調整部分 */
#child_cafeteria_about > h2 {
    margin-top: 25px;
}
#child_cafeteria_curry > h2 {
    margin-top: 25px;
}
#child_cafeteria_curry > img {
    margin-top: -20px;
}
.bg-brown {
    padding-bottom: 245px;
}
.bg-beige {
    padding-top: 65px;
    padding-bottom: 225px;
}
#child_cafeteria_curry > h3 {
    margin-top: 50px;
}
#child_cafeteria_curry > h4 {
    margin-top: 40px;
}
.curry_word04 {
    line-height: 1.8;
    letter-spacing: 0.1em;
    margin-top: 20px;
}
.bg-green02 {
    padding: 10% 0 40% 0;
}
.curry_img > img {
    margin-top: -17%;
}
#child_cafeteria_about > img {
    margin-top: 20px;
}
#child_cafeteria_about > h4 {
    margin-top: 30px;
}
#child_cafeteria_cooperation > img {
    margin-top: 25px;
    width: 40%;
}
#child_cafeteria_cooperation > h2 {
    margin-top: 30px;
}
.bg-brown02 {
    margin-bottom: -15%;
    padding-bottom: 30%;
}
.bg-beige03 {
    padding-top: 0px;
}
.nami_img03 {
    margin-top: -25%;
}
/* ------------------------------
フリースクール/レインボーキッズ
------------------------------sp */
.school-logo {
    width: 57%;
}
.school_top_title {
    margin-top: 40px;
}
.school_Etitle {
    margin-top: 10px;
    line-height: 1.5;
}
.school_Jtitle {
    margin-top: 40px;
}
#school_about  {
    margin-top: 100px;
}
.school_subtitle {
    margin-bottom: 30px;
    margin-top: -5px;
}
#school_about {
    padding-bottom: 45px;
}
#school_news {
    padding-top: 50px;
    padding-bottom: 70px;
}
.news_list_inner {
    display: block;
    width: 100%;
}
.news_list::after {
    width: 100%;
    bottom: -20%;
    left: 0%;
    border-bottom: 2px dotted #666464;
}
.news_box {
    padding-left: 0%;
    display: flex;
}
.news_category > p{
    margin: 0px 0;
    width: 135px;
}
.news_time {
    padding-left: 0;
}
.news_category {
    margin-left: 8px;
}
.news_title {
    padding: 10px 0 0 0;
}
.news_arrow {
    padding-right: 0%;
    float: right;
    margin-top: -8%;
}
.news_arrow > img {
    max-width: 90%;
}
.news_more {
    margin-top: 30px;
    margin-right: 18px;
}
.news_border::after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    border-bottom: 2px dotted #666464;
    padding-top: 5%;
}
.arrow::before {
    content: '';
    width: 12px;
    height: 12px;
    border-top: solid 2px #231815;
    border-right: solid 2px #231815;
    position: absolute;
    left: 5px;
    top: 10px;
}
#school_message {
    padding-top: 50px;
    padding-bottom: 65px;
}
#school_footer {
    padding: 2% 2% 10% 2%;
     margin-top: -2px;/*スマホだと隙間が見えるため */
}
.school_footer_flex {
    display: block;
}
.school_footer_flex > img {
    width: 30%;
    margin-left: 10px;
}
.follow_fb {
    width: 35%;
}
/* ------------------------------
柳木大合同会社
------------------------------sp */
#yanagida_business {
    margin-top: 0%;
    margin-bottom: 17%;
}
.bg-yellow-yanagida {
    padding-bottom: 27%;
}
.nami-white_outer {
    margin-top: -4%;
}
#yanagida_message {
    margin-top: 12%;
}
.yanagida_word02 {
    right: 190px;
}
.bg-deepgreen{
    margin-top: -1px;
}
.yanagida_contactus {
    margin-bottom: 5%;
}
.yanagida_footer_link {
    margin-top: 7%;
}
.yanagida_footer_icon {
    transform: scale(0.4);
    text-align: center;
    margin-bottom: -4%;
    margin-top: -2%;
}
.footer_link-icon_yanagidai {
    padding-bottom: 10%;
}
/* ------------------------------
カーメルズネスト
------------------------------sp */
.carmels-nest_word01 {
    margin: 3% 2% 3% 3%;
}
.gray-inner {
    margin-left: -2%;
    margin-right: -2%;
    padding-top: 10%;
    padding-bottom: 12%;
}
.carmels-nest_point {
    transform: scale(0.7);
}
.carmels-nest_list {
    grid-template-columns: 27% 27% 27%;
}
.white-inner02 {
    margin-left: 7%;
    margin-right: 7%;
}
/* ------------------------------
外国人支援
------------------------------sp */
#foreigner01 {
    margin-bottom: 17%;
}
.foreigner_list01 {
    transform: scale(1);
    margin: 20px 0;
}
.foreigner_list01 > li {
    margin: 0 3px;
}
.foreigner_list02 {
    display: block;
    transform: scale(1);
    margin-top: 11%;
}
.foreigner_list02 > li:nth-child(2) {
    margin-top: 8%;
    margin-bottom: 8%;
}
.foreigner_list03 {
    transform: scale(1);
}
.foreigner_list03 > li {
    margin-left: 10px;
    margin-right: 10px;
}
/* ------------------------------
single.php 「お知らせ」個別ページ
------------------------------sp */
#single_area {
    padding-bottom: 0%;
}
/* ------------------------------
404.php
------------------------------sp */
#pop404 {
    margin: 10% 0 60% 0;
}
.courses_outer {
    line-height: 1.4;
}
/* ------------------------------
footer.php/共通部分 ライトグレー
------------------------------sp */
#footer {
    display: block;
    margin-bottom: 50px;
}
#footer > img {
    margin-left: 10px;
}
.footer_lightgray_aboutus {
    display: block;
    margin-left: 7%;
}
.footer_link-icon_sjw {
    padding-bottom: 10%;
}
.lightgray_outer01 {
    margin-right: 0;
}
.lightgray_outer02 {
    margin-left: 0;
}
.address {
    text-align: left;
    margin-left: 0px;
}
.address03 {
    letter-spacing: 0;
    line-height: 1;
}
.address04 {
    letter-spacing: 0.01em;
    line-height: 0.9;
}
.address04-1{
    letter-spacing: 0;
}
.address04-2 {
    letter-spacing: 0;
    margin-left: auto;
}

}