/*
Theme Name: lightning-child
Version: 1.1
Template: lightning
*/

/* ------------------------------
 * PBT.sasaki 追記 2021.1.19
 * ------------------------------ */

/* 固定ページのタイトル・パンくずリストを消す */
.page-header,
.breadcrumb {
	display: none;
}

/* 見出しタグ 余分な余白を消す */
dl+h1, dl+h2, dl+h3, dl+h4, dl+h5, dl+h6, ol+h1, ol+h2, ol+h3, ol+h4, ol+h5, ol+h6, p+h1, p+h2, p+h3, p+h4, p+h5, p+h6, table+h1, table+h2, table+h3, table+h4, table+h5, table+h6, ul+h1, ul+h2, ul+h3, ul+h4, ul+h5, ul+h6 {
    margin-top: 0;
}

/* 投稿ページの投稿者名を消す */
.entry-meta-item-author { display: none; }

/* 投稿ページの更新日を消す */
.entry-meta-item-updated { display: none; }

/* フロントページ お知らせ新着 見出し余白 */
div.whatsnew {
	margin: 40px;
}

/* フロントページ 子ページリンク */
#top-link	{
	overflow: hidden;
	margin-bottom: 120px;
}

.tl01 {
	float: left;
	margin: 10px 20px;
    position: relative;
    padding: 2px 15px;
	width: 330px;
	height: 180px;
	text-align: center;
    border-top: solid 2px #622d18;
    border-bottom: solid 2px #622d18;
}

.tl01:before, .tl01:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #622d18;
}

.tl01:before {
	left: 10px;
}

.tl01:after {
	right: 10px;
}

.tl02	{
	margin: 0;
	padding: 35px 40px;
	width: 100%;
	height: 100%;
	text-align: center;
	background-image: url('https://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp2/wp-content/uploads/2022/02/linkback.jpg') ;
	background-size: cover;
	transition: 0.5s ;
}

.tl02:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	color: #622d18;
}

.link-title	{
	font-size: 24px;
}

@media  screen and (max-width: 480px) {
	#top-link {
		width: 100%;
	}
	
	.tl01 {
		float: none;
		margin: 40px auto;
		width: 90%;
		height: auto;
	}
}

/* 保育理念：とりくみ */
.section02 div.section-header	{
	padding-bottom: 0;
}

/* フォトギャラリー */
.photo-g	{
	padding-bottom: 40px;
}

/* フォトギャラリー 見出し */
.photo-title	{
	margin: 40px auto;
}

/* フォトギャラリー */
.blocks-gallery-grid	{
	margin: 0 auto;
	width: 80%;
}

/* グループ園ご紹介ページリンク */
#top-g-link {
	margin-top: 40px;
	text-align: center;
}

.link-button	{
	padding: 1% 10%;
	color: #fff;
	text-decoration: none;
	background: #83d22d;
	border: solid 2px #83d22d;
	transition: 0.5s ;
}

.link-button:hover	{
	color: #83d22d;
	background: #fff;
}

/* ストライプテーブル01 */
.st01 {
	margin: 60px auto 0;
	width: 60%;
	border-collapse: collapse;
}

.st01 tr:nth-child(odd) td {  
  background-color: #efefef;
}

.st01 tr:nth-child(even) {
	background: #efefef;
}

/* ストライプテーブル02 */
.st02 {
	margin: 0 auto;
	width: 60%;
	border-collapse: collapse;
}

.st02 tr:nth-child(odd) td {
	background-color: #efefef;
}

.st02 tr:nth-child(even) {
	background: #efefef;
}

/* クリアテーブル */
.st03 {
	margin: 60px auto 80px;
	width: 30%;
}

.st03 table {
		border: none;
}

.st03 td {
	text-align: center;
	border: none;
}

@media  screen and (max-width: 480px)	{
	/* ストライプテーブル01 */
	.st01 {
		width: 100%;
	}

	/* ストライプテーブル02 */
	.st02 {
		width: 100%;
	}

	/* クリアテーブル */
	.st03 {
		width: 100%;
	}
}

/* 入園までの流れ */
.sf-area	{
	margin-bottom: 60px;
	padding: 20px 0 60px;
}

.step-table {
	margin: 40px auto 0;
	width: auto;
	border: none;
}

@media  screen and (max-width: 480px)	{
	.step-table {
		width: 80%;
	}
}

/* STEP */
.step-table td {
	padding: 50px 0;
	background: transparent;
	border: none;
}

.step	{
	padding: 0;
	width: 0;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}

.step01 span {
	margin: 0 36px 0 0;
	padding: 36px 18px;
	background: #a173e6;
	border-radius: 100%;
}

.step02 span {
	margin: 0 20px 0 0;
	padding: 36px 18px;
	background: #73b8e6;
	border-radius: 100%;
}

.step03 span {
	margin: 0 20px 0 0;
	padding: 36px 18px;
	background: #73e6a1;
	border-radius: 100%;
}

.step04 span {
	margin: 0 20px 0 0;
	padding: 36px 18px;
	background: #b8e673;
	border-radius: 100%;
}

.step05 span {
	margin: 0 20px 0 0;
	padding: 36px 18px;
	background: #e6da73;
	border-radius: 100%;
}

/* flow */
.step-flow {
	width: 450px;
	font-size: 18px;
}

#step-admission p {
	margin: 40px auto 0;
	padding: 10px;
	width: 600px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #e6a173;
	border-radius: 50px;
}

@media  screen and (max-width: 480px)	{
	#step-admission p	{
		width: 80%;
	}	
}

/* 問い合わせフォーム案内 */
#form-text {
	margin-top: 60px;
	text-align: center;
}

/* お問い合わせページ */
.fp-text	{
	margin-bottom: 40px;
	text-align: center;
}

.fp-tel	{
	margin: 0 auto 60px;
	padding: 20px 0 40px;
	width: 60%;
	text-align: center;
}

.fp-tel #tel-title	{
	font-size: 24px;
	line-height: 250%;
}

.fp-tel #tel-no	{
	font-size: 28px;
	font-weight: bold;
	line-height: 180%;
}

@media  screen and (min-width: 780px)	{
	p.telno br {
		display: none;
	}
}

@media  screen and (max-width: 780px)	{
	.fp-tel	{
		width: 100%;
	}
}

/* 問い合わせフォーム */
.red-f	{
	margin-left: 15px;
	padding: 5px 15px;
	color: #fff;
	font-size: 12px;
	background: #e6737e;
	border-radius: 40px;
}

.form-p table {
	width: 100%;
	border: none;
}

.form-p td	{
	border: none;
}

.f-item	{
	width: 20%;
	text-align: right;
	vertical-align: top;
}

@media  screen and (max-width: 780px)	{
	.form-p table	{
		margin-top: 40px;
	}
	
	.form-p table tr,
	.form-p table td{
		width:100%;
		display:block;
		text-align: left;
	}
}

/* 送信ボタン */
.f-go	{
	text-align: center;
}

input[type=submit]	{
	margin-top: 40px;
	width: 40%;
	border-radius: 0;
	border: none;
}

.wpcf7-spinner	{
	display: none;
}

/* ------------------------------
 * PBT.sasaki 追記 ここまで！！
 * ------------------------------ */

@media (min-width: 992px) {
  /* --------------------------------------------------
    COMMON
-------------------------------------------------- */
  html {
    overflow-x: hidden;
  }
  body {
    line-height: 1.6rem;
  }
  .border {
    border-width: 2px;
  }
  .bg-lightblue {
    background: #EAF2F4;
  }
  p {
    color: #614C3F;
    line-height: 1.6rem;
    margin-top: 0;
    margin-bottom: 3rem;
  }
  h2, .mainSection-title {
    width: 310px;
    color: #614C3F;
  }
  h3 {
    padding-top: 40px;
    margin: 0;
    color: #614C3F;
  }
  li {
    font-size: 18px;
    color: #614C3F;
  }
  .color06 {
    color: #30ab50;
  }
  .font03 {
    font-size: 1.75rem;
    color: #614C3F;
  }
  .img-sp01 {
    display: block;
  }
  /* h2
-------------------------------------------------- */
  .section-header {
    padding: 80px 0 64px;
  }
  .section-header01 {
    padding-bottom: 64px;
  }
  .title-wrap {
    border-bottom: solid 3px #83d22d;
  }
  /* ロゴ
-------------------------------------------------- */
  .logo-img {
    width: 10%;
    padding-top: 16px;
  }
  /* キャッチコピー
-------------------------------------------------- */
  .catch-copy {
    margin: 0 10px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding-top: 400px;
    text-shadow: 3px 0px 2px #333, 0px 3px 2px #333, -1px 0px 2px #333, 0px -1px 2px #333;
  }
  .display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
  }
  /* 見出し青丸
-------------------------------------------------- */
  .dot {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .dot:before, .dot:after {
    font-family: "Font Awesome 5 Free"; /*忘れずに*/
    content: "\f111"; /*アイコンのユニコード*/
    font-size: 1.2rem; /*サイズ*/
    color: #a1ceff;
    padding: 0 10px;
    vertical-align: middle;
  }
  /* header
-------------------------------------------------- */
  .container01-fluid {
    height: 100vh;
    width: 100%;
    background: url("../images/1010-091.jpg");
    background-size: cover;
    background-position: 50% 100%;
  }
  /* トップページ
-------------------------------------------------- */
  .balloon {
    width: 130px;
    height: 130px;
    top: -50px;
    z-index: 10;
    left: -20px;
    font-size: 15px;
  }
  .balloon-s {
    width: 110px;
    height: 110px;
    top: -20px;
    z-index: 10;
    left: -20px;
    font-size: 14px;
  }
  .balloon:before, .balloon-s:before {
    content: "";
    position: absolute;
    bottom: -5px;
    right: -5px;
    margin-top: -15px;
    border: 10px solid transparent;
    border-left: 30px solid #17a2b8;
    z-index: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  /* news
-------------------------------------------------- */
  .color01 {
    color: #fff;
  }
  .category01 {
    background-color: #ffc107;
    border-radius: 10rem;
    display: inline-block;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: .25rem 1rem;
  }
  .category02 {
    background-color: #28a745;
    border-radius: 10rem;
    display: inline-block;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: .25rem 1rem;
  }
  .category03 {
    background-color: #dc3545;
    border-radius: 10rem;
    display: inline-block;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: .25rem 1rem;
  }
  .text-wrap01 {
    border-bottom: 1px solid #dee2e6;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding-top: 16px;
  }
  .text-wrap02 {
    display: flex;
  }
  .date {
    flex: 0 0 16.666667%;
    max-width: 100%;
    font-weight: 400;
    font-size: 1.25rem;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .category-wrap {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    text-align: center;
    font-size: 1rem;
    padding-bottom: 12px;
  }
  .text-wrap {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 1rem;
  }
  .season {
    width: 70px;
    height: 70px;
    left: 10px;
    padding: 0.34em;
  }
  .season div {
    display: block;
    width: 100%;
    height: 100%;
    border: 2.4px dotted #fff;
  }
  .title {
    border-bottom: 2px solid #17a2b8;
  }
  .stripe {
    background: repeating-linear-gradient(90deg, #fff 0, #fff 40%, #17a2b8 40%, #17a2b8 60%, #fff 60%, #fff 70%);
  }
  .contents01 {
    position: relative;
  }
  .contents02 {
    position: absolute;
    top: -154px;
    left: -28px;
    z-index: 1;
    width: 200px;
  }
  .contents0201 {
    position: absolute;
    top: -574px;
    right: -87px;
    z-index: 1;
    width: 200px;
  }
  /* utility
--------------*/
  .outer {
    display: flex;
  }
  .cont-inner {
    width: 540px;
    margin: auto;
		margin-bottom: -32px;
    text-align: center;
  }
  .img-size {
    width: 10%;
    height: auto;
  }
  .text-title {
    font-size: 2.1rem;
    font-weight: 400;
    padding: 32px 0;
  }
  .text-color01 {
    color: #333;
  }
  .container01 {
    max-width: 960px;
		padding-top: 60px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
	
	.container02	{
		position: relative;
	}
  .container02 {
    max-width: 560px;
    margin: 0 auto;
    text-align: left;
		z-index: 1;
  }
  .text-center {
    text-align: center;
  }
  *, ::after, ::before {
    box-sizing: border-box;
  }
  .section-bottom {
    padding-bottom: 80px;
  }
  .sec-wrap {
    padding: 0px;
  }
  .sec-wrap03 {
    padding-left: 340px;
  }
  .text-wrap10 {
    padding-bottom: 24px;
  }
  /* --------------------------------------------------
 section01 保育理念
-------------------------------------------------- */
  .sec-cont01 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 0 15px;
  }
  .img-size01 {
    width: 100%;
  }
  .content03 {
    background-image: url("http://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp/wp-content/uploads/2020/02/base_green.png");
    background-size: cover;
    height: 365px;
    margin: 0 calc(50% - 50vw);
  }
  .box {
    width: 100%;
    padding-bottom: 200px;
  }
  .text-title02 {
    background-color: #fff;
    border-radius: 50%;
    padding: 24px 16px;
    margin-bottom: 24px;
  }
  .bg-02 {
    background-image: url("http://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp/wp-content/uploads/2020/02/base_pink.png");
    background-size: cover;
  }
  .section01 {
    position: relative;
  }
  .section01-img {
    width: 20%;
    position: absolute;
    top: 698px;
    left: 112px;
    z-index: 0;
  }
  .section01-img02 {
    position: absolute;
    top: 224px;
    right: 94px;
    z-index: 0;
  }
  /* --------------------------------------------------
園の取組み
-------------------------------------------------- */
  .col01 {
    display: flex;
  }
  .col02 {
    width: 40%;
  }
  .col03 {
    width: 60%;
  }
  .img-method {
    width: 208px;
    padding-left: 20px;
  }
  .sec-house {
    position: relative;
		margin-bottom: 120px;
  }
  .house-img {
    background-image: url("http://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp/wp-content/uploads/2020/02/house.png");
  }
  .sec4-02 {
    position: absolute;
    top: 268px;
    left: -131px;
    z-index: 0;
  }
  /* --------------------------------------------------
 オランジェリーメソッド
-------------------------------------------------- */
  .bottom01 {
    margin-bottom: 12px;
  }
  .bottom02 {
    margin-bottom: 40px;
  }
  .font-01 {
    font-size: 21px;
  }
  .text-box {
    width: 400px;
  }
  .text-box01 {
    padding-top: 32px;
  }
  .text-box02 {
    padding-top: 56px;
  }
  .text-box03 {
    padding-left: 32px;
  }
  .img-size02 {
    width: 160px;
    height: 160px;
    object-fit: cover;
  }
  .text-box03 {
    width: 382px;
  }
  /* --------------------------------------------------
 オランジェリーメソッド
-------------------------------------------------- */
  .cont-inner01 {
    width: 920px;
    margin: auto;
		margin-bottom: -32px;
  }
  .title-02 {
    font-size: 1.7rem;
    font-weight: 400;
    padding-top: 64px;
    padding-bottom: 24px;
  }
  .content02 {
    padding-left: 40px;
  }
  /* --------------------------------------------------
保育の実例
-------------------------------------------------- */
	.text-conts05 {
    z-index: 5;
    width: 410px;
    margin: auto;
  }
  .text-list {
    list-style: circle;
  }
  .text-list:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .section04 {
    position: relative;
  }
  .section04-img {
    position: absolute;
    top: 648px;
    left: -128px;
    z-index: 0;
  }
  .section04-img02 {
    position: absolute;
    top: 270px;
    right: -35px;
    z-index: 0;
  }
  .image-box10 {
    margin: auto;
    display: block;
    width: 100px;
  }
  /* --------------------------------------------------
保育士募集
-------------------------------------------------- */
  .text-conts06 {
    width: 600px;
    margin: auto;
  }
  .text-wrap03 {
    padding: 0px 0 40px;
  }
  .text-wrap0301 {
    padding-bottom: 0;
  }
  /* --------------------------------------------------
グループ園
-------------------------------------------------- */
  .text-wrap04 {
    background-size: cover;
    background-image: url("http://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp/wp-content/uploads/2020/02/base_yellow.png");
    margin: 0 calc(50% - 50vw);
  }
  .text-bottom {
    padding-bottom: 16px;
    margin: 0px;
  }
  .text-bottom01 {
    margin: 0px;
  }
  .address_box {
    width: 300px;
    height: 150px;
    padding: 10px 20px 10px;
    background: #fff;
  }
  .address_box02 {
    background-color: #fff;
  }
  .row {
    display: flex;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    /* flex: 0 0 33.333333%; */
    max-width: 33.333333%;
    padding: 0 15px;
  }
  .w-100 {
    width: 100%;
  }
  .wrapper01 {
    width: 33.333%;
    height: 300px;
  }
  .section-title {
    padding-top: 0px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
  }
  .maps {
    display: initial;
    height: 300px;
  }
  .frame-wrap {
    position: relative;
    width: 100%;
    /*padding-top: 75%;  = height ÷ width × 100 */
  }
  .frame-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
  }
  .map-text {
    font-size: 12px;
  }
  .address-wrap {
    line-height: 1.5;
    margin-bottom: 0px;
  }
  .outer-bottom {
    padding-bottom: 28px;
  }
  .outer-bottom:last-child {
    padding-bottom: 0;
  }
  .address_wrap2 {
    width: 300px;
  }
  /*-----------
*保育園での生活
*------------*/
  table {
    width: 400px;
    border-collapse: separate;
    border-spacing: 0px 5px;
    margin: 0 auto;
  }
  td, th {
    padding: 10px;
  }
  th {
    width: 40%;
    background: #fff;
    color: #333;
  }
  td {
    width: 60%;
    background: #fff;
    color: #333;
  }
  .back02 {
    background-size: cover;
    background-image: url("http://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp/wp-content/uploads/2020/02/base_blue.png");
    margin: 0 calc(50% - 50vw);
  }
  .cont-image {
    padding-top: 30px;
    border-top-left-radius: 44%;
  }
  .text-cont01 {
    padding-left: 36px;
  }
  .text-cont03 {
    padding-bottom: 48px;
  }
  .text-cont04 {
    padding: 40px 0 64px;
  }
  .text-wrap05 {
    width: 395px;
    margin: auto;
    font-size: 18px;
    line-height: normal;
    background-image: url("http://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp/wp-content/uploads/2020/02/cloud.png.png");
    background-size: cover;
  }
  .img-wrap {
    margin: auto;
    display: block;
    padding-bottom: 40px;
  }
  .img-wrap02 {
    width: 240px;
    height: 240px;
  }
  .img-wrap03 {
    padding-bottom: 0px;
  }
  .text-conts08 {
    margin: auto;
  }
  .container0101 {
    display: none;
  }
  .img-12 {
    margin: auto;
    width: 50%;
    display: block;
  }
  .img-13 {
    display: none;
  }
  .img-14 {
    display: none;
  }
  .img-15 {
    display: none;
  }
  /*-----------
*保育プログラム
*------------*/
  .title-box {
    background-image: url("../images/ILL_%E6%A1%9C.png");
  }
  .sec4 {
    position: relative;
		margin-bottom: 120px;
  }
  .sec4-01 {
    position: absolute;
    top: 170px;
    right: -131px;
		z-index: 1;
  }
  .sec4-02 {
    position: absolute;
    top: 268px;
    left: -131px;
    z-index: 5;
  }
  .sec6 {
    position: relative;
  }
  .sec6-01 {
    position: absolute;
    top: 100px;
    left: 75px;
    font-size: 32px;
  }
  .sec6-2 {
    position: relative;
  }
  .sec6-02 {
    position: absolute;
    top: 221px;
    left: 21px;
    z-index: 0;
  }
  .sec6-03 {
    width: 252px;
    position: absolute;
    top: -160px;
    right: -4px;
    z-index: 0;
  }
  .text-wrap06 {
    padding-top: 84px;
    font-size: 18px;
  }
	
	.img-box06	{
		position: relative;
	}
  .img-box06 {
    width: 600px;
    display: block;
    margin: auto;
		z-index: 2;
  }
  .text-wrap0601 {
    margin: auto;
    width: 448px;
    padding-bottom: 64px;
    font-size: 18px;
    line-height: 2;
  }
  .text-wrap0602 {
    margin: auto;
    width: 448px;
    padding: 64px 0 36px;
    font-size: 21px;
    line-height: 2;
  }
  .under {
    background: linear-gradient(transparent 50%, #fff 50%);
  }
  .under-text {
    padding-right: 40px;
  }
  .content-wrap {
    max-width: 33.333333%;
  }
  .section09 {
    position: relative;
  }
  .section09-img02 {
    width: 20%;
    position: absolute;
    top: 235px;
    left: -22px;
    z-index: 0;
  }
  .section09-img03 {
    width: 20%;
    position: absolute;
    top: 645px;
    left: -32px;
    z-index: 1;
  }
  .section09-img04 {
    width: 20%;
    position: absolute;
    top: 715px;
    left: -99px;
    z-index: 0;
  }
  .section09-img05 {
    width: 20%;
    position: absolute;
    top: 537px;
    right: -11px;
    z-index: 0;
  }
  .section09-img {
    position: absolute;
    top: 148px;
    right: -255px;
    z-index: 0;
  }
  .text-wrap09 {
    width: 600px;
    margin: auto;
  }
  .text-wrap0901 {
    padding-bottom: 100px;
  }
  .cont-wrap06 {
    width: 450px;
  }
  .img-text09 {
    width: 40%;
    margin: auto;
    display: block;
  }
  .container0101 {
    padding: 64px 0;
  }
  /*-----------
*footer
*------------*/
  .sec10 {
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 24px;
  }
  .btn2 {
    color: #333;
  }
  .section-footer {
    background-image: url("http://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp/wp-content/uploads/2020/02/base_purple.png");
    padding-bottom: 24px;
  }
  .cont-sec10 {
    width: 600px;
    margin: auto;
  }
  .copyrights {
    font-size: 12px;
    display: block;
  }
  .copy-wrap {
    padding-top: 80px;
  }
  .footer-logo {
    margin: auto;
    display: block;
  }
  @media(min-width: 768px) {
    /*navigation
*------------*/
    .navigation {
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1000;
      width: 100%;
      height: 120%;
      padding: 120px 0 150px;
      background-color: #fef7f6;
    }
    .nav-item {
      font-size: 2.1rem;
      padding-left: 136px;
      margin-bottom: 55px;
    }
    .header-nav {
      display: none;
    }
    .text_box01 {
      padding: 1rem;
    }
    /*-----------	
*humburger

.btn-trigger{
	-webkit-appearance:none;
	appearance:none;
	position: fixed;
	top:24px;
	right: 12px;
	z-index: 10000;
	width: 40px;
	height: 20px;
	border: none;
	background-color: #fef7f6;
}
.btn-trigger span{
	position: absolute;
	display: block;
	width: 28px;
	height: 2px;
	background-color: #a0a0a0;
	transition: all 0.5s;
  z-index: -1;
	}
.btn-trigger span:first-of-type{
	top: 0;	
}
.btn-trigger span:nth-of-type(2){
	top: 10px;
}
.btn-trigger span:last-of-type{
	bottom: 0;
}
.btn-trigger.active span:first-of-type{
	transform: rotate(45deg);
	top: 10px;
}
.btn-trigger.active span:nth-of-type(2){
	opacity: 0;
}
.btn-trigger.active span:last-of-type{
	transform: rotate(-45deg);
	bottom: 10px;
}
.btn-trigger.active use:nth-of-type(1) {
    -webkit-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
}
.btn-trigger.active use:nth-of-type(2) {
    opacity: 0;
}
.btn-trigger.active use:nth-of-type(3) {
    -webkit-transform: translateX(35px) translateY(-15px) rotate(45deg);
    transform: translateX(35px) translateY(-15px) rotate(45deg);
}
*------------*/
  }
  contents02 {
    position: absolute;
    z-index: 1;
    top: -76px;
    width: 20%;
  }
  /* 中デバイス（タブレット, 768px 未満）
============================================== */
  @media screen and (max-width: 767.98px) {
    a {
      color: #555;
      text-decoration: none;
      background-color: transparent;
    }
    p {
      font-size: 16px;
    }
    h2 {
      font-size: 2.1;
      font-weight: 600;
      font-family: 'M PLUS 1p', sans-serif;
    }
    .logo {
      width: 75%;
    }
    .balloon, .balloon-s {
      width: 120px;
      height: 120px;
      top: -60px;
      left: 4px;
      font-size: 14px;
    }
  } /* END */
  /* 極小デバイス（縦向きモバイル, 576px 未満）
============================================== */
  @media screen and (max-width: 575.98px) {
    #Navbar ul li a {
      font-weight: bold;
      color: #fff !important;
    }
    .catch-copy {
      margin: 0 10px;
      font-weight: bold;
      text-align: center;
      color: #fff;
      padding-top: 200px;
      text-shadow: 3px 0px 2px #333, 0px 3px 2px #333, -1px 0px 2px #333, 0px -1px 2px #333;
      font-size: 2rem !important;
    }
    .btn-01 {
      text-align: end;
    }
    .container01-fluid {
      height: auto;
      width: 300px;
      background: url("http://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp/wp-content/uploads/2020/02/1010-091.jpg");
      background-size: cover;
      background-position: 50% 100%;
    }
  }
} /* END */
/* 極小デバイス（縦向きモバイル, 576px 以上）
============================================== */
@media screen and (min-width: 576px) {
  a {
    color: #555;
    text-decoration: none;
    background-color: transparent;
  }
  p {
    font-size: 16px;
  }
  .catch-copy {
    margin: 0 10px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding-top: 250px;
    text-shadow: 3px 0px 2px #333, 0px 3px 2px #333, -1px 0px 2px #333, 0px -1px 2px #333;
  }
  #Navbar ul li {
    background-color: #fff;
    border-radius: 50%;
    display: table;
    margin-right: 5px;
  }
  #Navbar ul li:last-child {
    margin-right: 0;
  }
  #Navbar ul li a {
    text-align: center;
    font-weight: bold;
    width: 168px;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.36rem;
  }
} /* END */
/* 極小デバイス（縦向きモバイル, 576px 未満）
============================================== */
@media screen and (max-width: 575.98px) {
  h3 {
    padding: 32px 0 24px;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
  }
  h2 {
    font-size: 21px;
  }
  p {
    font-size: 16px;
  }
  #Navbar ul li a {
    font-weight: bold;
    color: #333;
    padding-bottom: 24px;
  }
  .catch-copy {
    margin: 0 10px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding-top: 200px;
    text-shadow: 3px 0px 2px #333, 0px 3px 2px #333, -1px 0px 2px #333, 0px -1px 2px #333;
    font-size: 2rem;
  }
  a {
    color: #555;
    text-decoration: none;
    background-color: transparent;
  }
  .img-size {
    width: 10%;
    height: auto;
  }
  /* news
------------------ */
  .text-wrap01 {
    padding-bottom: 16px;
  }
  .category01 {
    background-color: #ffc107;
    border-radius: 10rem;
    display: inline-block;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: .25rem 1rem;
    color: #fff;
  }
  .category02 {
    background-color: #28a745;
    border-radius: 10rem;
    display: inline-block;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: .25rem 1rem;
    color: #fff;
  }
  .category03 {
    background-color: #dc3545;
    border-radius: 10rem;
    display: inline-block;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: .25rem 1rem;
    color: #fff;
  }
  .text-wrap01 {
    border-bottom: 1px solid #dee2e6;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding: 16px;
  }
  .category-wrap {
    padding-left: 18px;
  }
  .text-wrap02 {
    display: block;
  }
  .date {
    flex: 0 0 16.666667%;
    max-width: 100%;
    font-weight: 400;
    font-size: 14px;
  }
  .text-wrap {
    position: relative;
    width: 100%;
    padding-top: 8px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 1rem;
  }
  .sec-wrap {
    padding: 0px 12px;
  }
  .section01 {
    position: relative;
  }
  .section01-img {
    width: 50%;
    position: absolute;
    top: 180px;
    left: 2px;
    z-index: 0;
  }
  .section01-img02 {
    position: absolute;
    top: 444px;
    right: 0px;
    z-index: -1;
    width: 50%;
    z-index: 0;
  }
  .w-100 {
    width: 60%;
  }
  .contents02 {
    position: absolute;
    top: -40px;
    left: 12px;
    z-index: 1;
    width: 80px;
  }
  /* 保育理念
------------------ */
	.container02	{
		position: relative;
	}	
  .container02 {
    max-width: 560px;
    margin: 0 auto;
    text-align: left;
    padding: 0 20px;
		z-index: 1;
  }
  .img-size01 {
    width: 300px;
    margin: auto;
    display: block;
  }
  /* 保育実例
------------------ */
  .section-header {
    padding: 3xpx 0 24px;
  }
  .section04 {
    position: relative;
  }
  .section04-img {
    position: absolute;
    top: 375px;
    left: -14px;
    width: 130px;
    height: auto;
    z-index: 0;
  }
  .section04-img02 {
    position: absolute;
    width: 130px;
    height: auto;
    top: 200px;
    right: -12px;
    z-index: 0;
  }
	.text-conts05 {
		position: relative;
	}
	
  .text-conts05 {
    display: block;
    margin: auto;
	  z-index: 2;
  }
  .text-wrap05 {
    width: 280px;
    margin: auto;
  }
  .text-list {
    list-style: circle;
    font-size: 16px;
    padding-bottom: 18px;
  }
  .text-list:last-child {
    font-size: 16px;
    padding-bottom: 0;
  }
  .text_box01 {
    padding: 0 60px;
  }
  .img-method {
    width: 20%;
  }
  .cont-image {
    width: 100%;
  }
  /* 保育プログラム
------------------ */
  .sec6 {
    position: relative;
  }
  .sec6-01 {
    position: absolute;
    top: 77px;
    left: 60px;
  }
	.img-box06	{
		position: relative;
	}
  .img-box06 {
    width: 81%;
    margin: auto;
    display: block;
    padding-bottom: 40px;
		z-index: 2;
  }
  .sec6-2 {
    position: relative;
  }
  .sec6-02 {
    position: absolute;
    width: 24%;
    top: 96px;
    left: -28px;
    z-index: 0;
  }
  .sec6-03 {
    position: absolute;
    width: 24%;
    top: -56px;
    right: -14px;
    z-index: 0;
  }
  .text-wrap06 {
    padding: 20px 0;
    width: 300px;
    margin: auto;
  }
  .text-wrap0601 {
    width: 320px;
    margin: auto;
    font-size: 14px;
    line-height: 2;
  }
  /* 保育での生活
------------------ */
  .back02 {
    background-image: url(http://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp/wp-content/uploads/2020/02/base_blue.png);
    margin: 0 calc(50% - 50vw);
    padding: 0;
  }
  .bg-02 {
    background-image: url(http://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp/wp-content/uploads/2020/02/base_pink.png);
    margin: 0;
    padding-top: 40px;
  }
  /* グループ園
------------------ */
  .text-wrap04 {
    background-image: url(http://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp/wp-content/uploads/2020/02/base_yellow.png);
    margin: 0 calc(50% - 50vw);
    padding: 0;
  }
  /* footer
------------------ */
  .section-footer {
    background-image: url(http://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp/wp-content/uploads/2020/02/base_purple.png);
    padding-bottom: 24px;
  }
  .footer-logo {
    width: 64%;
  }
  .sec-wrap02 {
    padding: 40px;
  }
} /* END */
/* 極小デバイス（縦向きモバイル, 576px 未満）
============================================== */
@media screen and (max-width: 575.98px) {
  h3 {
    padding: 32px 0 24px;
    margin: auto;
    width: 286px;
    font-size: 18px;
    font-weight: 600;
  }
  h2 {
    font-size: 21px;
  }
  #Navbar ul li a {
    font-weight: bold;
    color: #333;
    padding-bottom: 24px;
  }
  .catch-copy {
    margin: 0 10px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding-top: 200px;
    text-shadow: 3px 0px 2px #333, 0px 3px 2px #333, -1px 0px 2px #333, 0px -1px 2px #333;
    font-size: 2rem;
  }
  a {
    color: #555;
    text-decoration: none;
    background-color: transparent;
  }
  li {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 2;
  }
  /* utility
--------------*/
  .section-bottom {
    padding-bottom: 36px;
  }
  .img-sp01 {
    display: none;
  }
  .outer {
    display: block;
  }
  .img-size {
    width: 14%;
    height: auto;
  }
  .container01-fluid {
    height: 100vh;
    width: 100%;
    background: url("http://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp/wp-content/uploads/2020/02/1010-091.jpg");
    background-size: cover;
    background-position: 50% 100%;
  }
  .sp-br {
    display: none;
  }
  /* news
------------------ */
  .contents0201 {
    position: absolute;
    top: -114px;
    left: 282px;
    z-index: 1;
    width: 80px;
  }
  .text-wrap01 {
    padding-bottom: 16px;
  }
  .category01 {
    background-color: #ffc107;
    border-radius: 10rem;
    display: inline-block;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: .25rem 1rem;
    color: #fff;
  }
  .category02 {
    background-color: #28a745;
    border-radius: 10rem;
    display: inline-block;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: .25rem 1rem;
    color: #fff;
  }
  .category03 {
    background-color: #dc3545;
    border-radius: 10rem;
    display: inline-block;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: .25rem 1rem;
    color: #fff;
  }
  .text-wrap01 {
    border-bottom: 1px solid #dee2e6;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding: 16px;
  }
  .category-wrap {
    padding-left: 18px;
  }
  .text-wrap02 {
    display: block;
  }
  .date {
    flex: 0 0 16.666667%;
    max-width: 100%;
    font-weight: 400;
    font-size: 14px;
  }
  .text-wrap {
    position: relative;
    width: 100%;
    padding-top: 8px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 1rem;
  }
  .sec-wrap {
    padding: 0px 12px;
  }
  .section01 {
    position: relative;
  }
  .section01-img {
    width: 38%;
    position: absolute;
    top: 550px;
    left: 2px;
    z-index: 0;
  }
  .section01-img02 {
    position: absolute;
    top: 244px;
    right: 0px;
    z-index: 0;
    width: 50%;
    index: -1;
  }
  .w-100 {
    width: 60%;
  }
  .container01 {
    padding-bottom: 0px;
  }
  .text-size02 {
    font-size: 16px;
    font-weight: 600;
  }
  /* 保育理念
------------------ */
  .text-title {
    font-size: 20px;
  }
	.container02	{
		position: relative;
	}
  .container02 {
    max-width: 560px;
    margin: 0 auto;
    text-align: left;
    padding: 0 20px 18px;
		z-index: 1;
  }
  .img-size01 {
    width: 300px;
    margin: auto;
    display: block;
  }
  .text-wrap10 {
    padding-bottom: 24px;
  }
  /* 園のとりくみ
------------------ */
  .title-02 {
    font-size: 21px;
    font-weight: 600;
  }
  .bottom01 {
    margin-bottom: 12px;
  }
  .bottom02 {
    margin-bottom: 40px;
  }
  .font-01 {
    font-size: 21px;
  }
  .color06 {
    color: #30ab50;
  }
  .text-box {
    width: 320px;
  }
  .text-box01 {
    padding-top: 32px;
  }
  .text-box02 {
    padding-top: 40px;
  }
  .text-box03 {
    padding-left: 32px;
    padding-right: 20px;
  }
  .img-size02 {
    width: 160px;
    height: 160px;
    object-fit: cover;
  }
  .cont-inner01 {
    width: 320px;
    margin: auto;
		margin-bottom: -32px;
  }
  .section02 {
    position: relative;
  }
  .img-size0201 {
    display: none;
  }
  .img-size0202 {
    display: none;
  }
  .img-size0203 {
    display: none;
  }
  .img-size0204 {
    display: none;
  }
  .img-size0205 {
    display: none;
  }
  /* 保育実例
------------------ */
  .image-box10 {
    margin: auto;
    display: block;
    width: 30%;
    padding-bottom: 24px;
  }
  .section-header {
    padding: 24px 0 24px;
  }
  .section04 {
    position: relative;
  }
  .section04-img {
    position: absolute;
    top: 375px;
    left: -14px;
    width: 130px;
    height: auto;
    z-index: 0;
  }
  .section04-img02 {
    position: absolute;
    width: 130px;
    height: auto;
    top: 200px;
    right: -12px;
    z-index: 0;
  }
  .text-conts05 {
    display: block;
    margin: auto;
  }
  .text-wrap05 {
    width: 280px;
    margin: auto;
  }
  .text-list {
    list-style: circle;
    padding-bottom: 18px;
  }
  .text_box01 {
    padding: 0 60px;
  }
  .content03 {
    background-image: url("http://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp/wp-content/uploads/2020/02//base_green.png");
    background-size: cover;
    width: 100%;
    height: auto;
  }
  .img-method {
    width: 20%;
  }
  .cont-image {
    width: 100%;
  }
  /* 保育プログラム
------------------ */
  .sec6 {
    position: relative;
  }
  .sec6-01 {
    position: absolute;
    top: 82px;
    left: 74px;
    font-size: 21px;
  }
	.img-box06	{
		position: relative;
	}
  .img-box06 {
    width: 81%;
    margin: auto;
    display: block;
    padding-bottom: 40px;
		z-index: 2;
  }
  .sec6-2 {
    position: relative;
  }
  .sec6-02 {
    position: absolute;
    width: 24%;
    top: 96px;
    left: -28px;
    z-index: 0;
  }
  .sec6-03 {
    position: absolute;
    width: 24%;
    top: -56px;
    right: -14px;
    z-index: 0;
  }
  .text-wrap06 {
    padding: 20px 0;
    width: 300px;
    margin: auto;
  }
  .text-wrap0601 {
    width: 320px;
    margin: auto;
    font-size: 14px;
    line-height: 2;
  }
  .cont-wrap06 {
    width: 80%;
    margin: auto;
    display: block;
    padding-top: 24px;
  }
  .section09-img03 {
    display: none;
  }
  /* 保育での生活
------------------ */
  .color06 {
    color: #30ab50;
  }
  .back02 {
    background-image: url("http://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp/wp-content/uploads/2020/02//base_blue.png");
  }
  .bg-02 {
    background-image: url("http://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp/wp-content/uploads/2020/02/base_pink.png");
  }
  .text-wrap05 {
    width: 364px;
    margin: auto;
    font-size: 18px;
    line-height: normal;
    background-image: url("http://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp/wp-content/uploads/2020/02/cloud.png");
    background-size: cover;
  }
  .under {
    background: linear-gradient(transparent 20%, #fff 20%);
  }
  .title-02 {
    font-size: 21px;
    font-weight: 600;
  }
  /* グループ園
------------------ */
  .text-wrap04 {
    background-image: url("http://www.orangery-hoiku.jp/www.orangery-hoiku.jp/wp/wp-content/uploads/2020/02/base_yellow.png");
  }
  .wrapper01 {
    width: 100%;
    margin: auto;
    display: block;
  }
  .outer-bottom {
    padding: 28px;
  }
  .maps {
    width: 100%;
    height: auto;
    margin: auto;
  }
  .address_box {
    padding-top: 12px;
  }
  .section-title {
    font-weight: 600;
  }
  /* オランジェリーとは
------------------ */
  .img-wrap {
    margin: auto;
    width: 240px;
    display: block;
  }
  .img-wrap02 {
    display: none;
  }
  .section09 {
    position: relative;
  }
  .section09-img02 {
    width: 30%;
    position: absolute;
    top: 270px;
    left: 140px;
    z-index: 0;
  }
  .section09-img {
    width: 40%;
    position: absolute;
    top: 454px;
    right: -60px;
    z-index: 0;
  }
  .section09-img04 {
    width: 40%;
    position: absolute;
    z-index: 0;
    top: 650px;
  }
  .section09-img05 {
    width: 30%;
    position: absolute;
    top: 230px;
    left: 90px;
    z-index: 0;
  }
  /* 保育士募集
------------------ */
  .text-conts06 {
    padding: 0 20px;
  }
  /* 保育園での生活
------------------ */
  .table-wrap {
    margin: auto;
    width: 300px;
    font-size: 21px;
    padding-bottom: 24px;
    margin-bottom: 32px;
  }
  .text-cont04 {
    width: 76%;
    text-align: left;
    margin: auto;
    padding-bottom: 24px;
  }
  .container0101 {
    display: block;
  }
  .img-12 {
    display: none;
  }
  .img-13 {
    margin: auto;
    width: 60%;
    display: block;
  }
  .img-14 {
    margin: auto;
    width: 80%;
    display: block;
    padding: 24px;
  }
  .img-15 {
    margin: auto;
    width: 80%;
    display: block;
  }
  .text-wrap09 {
		position: relative;
    width: 100%;
    margin: auto;
    padding: 20px;
  }
  .img-text09 {
    width: 80%;
    margin: 0 auto 80px;
    display: block;
  }
  .container0101 {
    padding: 24px 0;
  }
  /* footer
------------------ */
  .section-footer {
    background-image: url(../images/base_purple.png);
    padding-bottom: 24px;
  }
  .footer-logo {
    width: 64%;
    margin: auto;
    display: block;
  }
  .sec-wrap02 {
    padding: 40px;
  }
  .copy-wrap {
    margin: auto;
    display: block;
    width: 324px;
  }
  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }
}
.mainSection-title, h2 {
  background-color: rgba(0, 0, 0, 0);
  padding: 14px 15px 10px;
  border-top: 2px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
h2, .mainSection-title {
  border-top-color: rgba(0, 0, 0, 0);
}
.mainSection-title, h3 {
  background-color: rgba(0, 0, 0, 0);
  padding: 14px 15px 10px;
  border-top: 2px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
h3, .mainSection-title {
  border-top-color: rgba(0, 0, 0, 0);
  font-size: 17px;
  font-weight: 600;
}
h3:after, .subSection-title:after {
  border-bottom-color: rgba(0, 0, 0, 0);
}
.subSection-title:after, h3:after {
  content: ".";
  line-height: 0;
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: -1px;
  width: 30%;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
p {
  /* margin-top: 0; */
  margin: 0em;
  margin: 0em;
}
.siteContent {
  width: 100%;
}
.full-width {
  margin: 0 calc(50% - 50vw);
  padding: 5em calc(50vw - 50%);
}
.whatsnew {
  text-align: left;
  color: #333;
}
.whatsnew a {
  text-align: left;
  color: #333;
}
.whatsnew .newmark {
  font-size: 74%;
  padding: 1px 5px;
  vertical-align: middle;
  color: White;
  background-color: #fbbc0c;
  border-radius: 8px;
}
#dynamic-to-top {
  border: 1px solid #FF7230;
  background: #FF7230;
}
.slide-text-title {
  font-size: 4vw;
}
h2, .mainSection-title {
  border-top-color: rgba(0, 0, 0, 0);
  margin: auto;
  border-bottom: solid 3px #83d22d;
  width: 310px;
}
contents02 {
  position: absolute;
  z-index: 1;
  top: -76px;
  width: 20%;
}