@charset "UTF-8";

/* --------------------------------------------------------------------------------------
*****	共通：オンオフ設定
----------------------------------------------------------------------------------------- */

.mb-on {
	display: none;
}

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

	.mb-off {
		display: none;
	}

	.mb-on {
		display: block;
	}


/* --------------------------------------------------------------------------------------
*****	共通：header（グローバルメニュー／ハンバーガー）
----------------------------------------------------------------------------------------- */

	#global-header {
		margin-top: 5px;
		height: 45px;
	}

	.header-box {
		padding: 0 2.2rem 0 1.8rem;
	}

	.toplogo {
		color: #ffffff;
		font-size: 1.7rem;
		letter-spacing: 0.06rem;
	}

	.drawer-content ul,
	.drawer-content li {
		margin: 0;
	}

	.drawer-list {
		padding: 0.2rem 0 2.8rem;
	}

	.ham-title {
		font-size: 1.7rem;
		letter-spacing: 0.06rem;
	}

	.drawer-item {
		padding: 1rem 0 1.2rem 1.2rem;
	}

	.d-item-box {
		border-bottom: 1px solid #ffb6c1;
	}

	.drawer-item a {
		color: #ffffff;
	}

	.ham-nav-cap {
		padding-left: 1rem;
	}

	a.han-nav-toi {
		background-color: #ffffff;
		padding: 0.5rem 0.8rem;
		border-radius: 6px;
		color: #ee869a;
		font-size: 1.7rem!important;
	}


/* --------------------------------------------------------------------------------------
*****	共通：メインビジュアル
----------------------------------------------------------------------------------------- */

	.pages-main-v {
		/*			height: 100vh;	*/
		height: 260px;
	}

	.pages-main-v img {
		height: 100%;
	}

	.pages-title {
		position: static;
		top: 0;
		left: 0;
		background-color: #ee869a;
		padding: 5px 4%;
	}

	.pages-title h2 {
		font-size: 2.2rem;
		letter-spacing: 0.3rem;
	}

	.pages-title p {
		font-size: 1.5rem;
		letter-spacing: 0.25rem;
		text-align: left;
		padding: 0;
	}


/* --------------------------------------------------------------------------------------
*****	共通：コンテンツ
----------------------------------------------------------------------------------------- */

	.content-box {
		width: 100%;
		padding: 50px 4% 60px 4%;
	}


/* --------------------------------------------------------------------------------------
*****	共通：footer
----------------------------------------------------------------------------------------- */

	.footer-box {
		width: 92%;
	}

	.footer-title {
		padding-bottom: 3rem;
	}

	.footer-logo {
		/*	padding: 0 0 1.5rem 0;			2022.10.05無効化	*/
		padding: 0 3rem 0 0;
	}

	.snsicon {
		padding: 1.8rem 0 1.4rem 0;
	}

	.footer-nav {
		display: block;
	}

	.footer-nav-mb {
		margin-bottom: 2rem;
	}

	.navh-uline {
		padding-bottom: 0.4rem;
		margin-bottom: 1.0rem;
		border-bottom: 1px solid #ee869a;
	}

	.footer-navmore-mb {
		margin: 0 0 0.8rem 0;
		display: flex;
	}

	.footer-navmore-mb li {
		margin: 0;
		width: 50%;
	}

	.navh-last {
		padding-bottom: 0;
	}

	.footer2-nav {
		display: block;
	}

	.footer2-nav ul, .footer2-nav li {
		margin: 0;
	}

	.footer2-nav1, .footer2-nav2 {
		width: 100%;
	}

	.footer-contact h2 {
		font-size: 2.2rem;
	}

	.footh2-line {
		padding-bottom: 1.4rem;
	}

	.footh2-cap {
		padding: 3rem 0;
	}

	.douzo {
		font-size: 1.7rem;
		letter-spacing: 0.14rem;
	}

	.contact-btn {
		justify-content: space-around;
		padding-top: 3rem;
	}

	.contact-btn1 ,
	.contact-btn2 {
		width: auto;
	}

	.contact-btn1 a,
	.contact-btn2 a {
		letter-spacing: 0.1rem;
	}

	.contact-btn1 p,
	.contact-btn2 p {
		font-size: 1.7rem;
		padding: 1.4rem;
	}


/* --------------------------------------------------------------------------------------
*****	topトップページ
----------------------------------------------------------------------------------------- */

	.top-main-vi {
		height: 100vh;
	}

	.top-main-video video,
	.top-main-video2 video {
		height: 100vh;
	}

	.top-content-box,
	.content-box-news {
		width: 94%;
		margin: 0 auto;
		padding: 4rem 0;
	}

	.top-philosophy h2 {
		font-size: 2.6rem;
		letter-spacing: 0.16rem;
	}

	.h2-line {
		padding-bottom: 1.6rem;
	}

	.h2-cap {
		padding: 3.3rem 0 3rem 0;
	}

	.top-philosophy ul,
	.top-philosophy li,
	.project-img ul,
	.project-img li {
		margin: 0;
	}

	.top-philo-box {
		display: block;
	}

	.top-philo-box li {
		width: auto;
		padding: 0;
	}

	.philosophy-txt {
		font-size: 1.7rem;
		line-height: 2.0;
		letter-spacing: 0.1rem;
		padding-bottom: 1.8rem;
	}

	.philosophy-img {
		height: auto;
		padding-bottom: 3rem;
	}

	.philo-btn {
		margin-bottom: 1rem;
	}

	.top-project h2,
	.top-news h2 {
		font-size: 2.6rem;
	}

	.project-img-mb {
		margin-top: -4rem;
		width: 100%;
		padding-bottom: 4rem;
	}

	.project-img-mb ul,
	.project-img-mb li {
		margin: 0;
	}

	.project-img-mb li {
		width: 100%;
		height: auto;
		position: relative;
		padding-bottom: 1px;
	}

	.top-pro-bg {
		object-fit: cover;
	}

	.jozan {
		mix-blend-mode: multiply;
		background: #cdcdcd;
		width: 100%;
		height: 99%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 989;
    }

	.top-pro-icon {
		top: 36%;
		left: 50%;
		z-index: 990;
		position: absolute;
		width: 22%;
		transform: translateY(-50%) translateX(-50%);
	}

	.pro-mb-title {
		z-index: 990;
		position: absolute;
		top: 76%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		font-size: 16px;
		color: #ffffff;
	}

	.news-article {
		display: block;
	}

	.news-bigpac {
		width: 100%;
		padding-bottom: 3.2rem;
	}

	.news-pac {
		width: 100%;
	}

	.news-thumb img {
		width: 100%;
	}

	.backnumber_btn {
		margin: 0 0 5rem 0;
	}

	.backnumber_btn a {
		padding: 0.8rem 5rem;
		font-size: 1.7rem;
	}

	.spc-apli {
		padding: 50px 0 60px;
	}

	.news-apli ul,
	.news-apli li,
	.news-apli-bnr ul,
	.news-apli-bnr li {
		margin: 0;
	}

	.news-apli {
		width: 92%;
		padding: 34px 0;
	}

	.news-apli ul {
		display: block;
	}

	.news-apli-title {
		font-size: 2.0rem;
		letter-spacing: 0.16rem;
		margin-bottom: 2rem;
		padding: 1.2rem 0;
	}

	.apli-box1 {
		display: flex!important;
		justify-content: space-evenly;
	}

	.apli-box1 li {
		width: 24%;
	}

	.apli-box1 img {
		position: static;
	}

	.apli-icatch, .apli-logo {
		width: 100%;
	}

	.news-apli-txt {
		font-size: 1.6rem;
		padding: 2rem 5%;
		line-height: 1.8;
	}

	.news-apli-bnr {
		padding: 2rem 2rem 0.2rem 2rem;
		width: 78%;
		margin: 0 auto!important;
		display: block;
	}

	.news-apli-bnr li {
		width: 100%;
	}

	ul.apli-box2 {
		display: flex;
		justify-content: center;
	}

	ul.apli-box2 li {
		width: 44%;
	}

	ul.apli-box2 p {
		text-align: start!important;
	}

	.apli-bnr {
		width: 100%;
		margin-bottom: 1.2rem;
	}

	.apli-illust {
		display: none;
	}


/* --------------------------------------------------------------------------------------
*****	about法人情報
----------------------------------------------------------------------------------------- */

	.about-icon {
		width: 12%;
	}

	.about-h3 {
		font-size: 2.6rem;
		letter-spacing: 0.3rem;
	}

	.about-h3-line {
		margin: 2.8rem auto 2.8rem;
	}

	.about-mission p {
		font-size: 1.6rem;
		line-height: 2.0;
		letter-spacing: 0.08rem;
	}

	.future-box1, .future-box2 {
		padding: 2.2rem 4% 3.6rem;
	}

	.future-box1 ul, .future-box2 ul {
		display: block;
		padding: 0 2%;
		margin: 0;
	}

	.future-box1 li, .future-box2 li {
		width: 100%;
		margin: 0;
	}

	.future-box-l {
		padding-bottom: 10px;
	}

	.future-box-num {
		font-size: 3.0rem;
	}

	.future-box-title {
		font-size: 2.0rem;
	}

	.future-box-cap {
		font-size: 1.6rem;
	}

	.future-box-txt {
		font-size: 1.5rem;
	}

	.katagaki {
		text-align: center;
	}

	.exec-mb {
		display: block;
		text-align: center;
	}

	.message-box p {
		font-size: 1.6rem;
	}

	.profile-box {
		font-size: 1.5rem;
		margin: 0;
	}

	.profile-box li {
		margin: 0;
		padding: 3rem 0;
	}

	.profile-box dt {
		width: 28%;
	}

	.profile-box dd {
		margin-inline-start: 0;
		width: 72%;
	}


/* --------------------------------------------------------------------------------------
*****	project事業内容
----------------------------------------------------------------------------------------- */

	.project-menu-mb {
		background-color: #ffffff;
		padding: 2rem 4%;
	}

	.link-off {
		pointer-events: none;
	}

	.project-namebox {
		width: 100%;
		padding: 50px 4% 40px 4%;
	}

	.proj-name {
		font-size: 2.6rem;
		letter-spacing: 0.3rem;
	}

	.project-namebox ul,
	.project-namebox li {
		margin: 0;
	}

	.project-namebox ul {
		padding: 0;
	}

	.project-namebox li {
		width: 18%;
	}

	.pro-sec-title {
		font-size: 2.2rem;
		letter-spacing: 0.2rem;
		padding: 1.8rem 0;
	}

	.pro-sec-txt {
		width: 100%;
	}

	.pro-more-btn {
		padding-bottom: 2.6rem;
	}

	.spc-asobi ul,
	.spc-asobi li,
	.spc-photo ul,
	.spc-photo li,
	.spc-insta-mb ul,
	.spc-insta-mb li,
	.spc-info-box2 ul,
	.spc-info-box2 li {
		margin: 0;
	}

	.spc-asobi h3 {
		font-size: 2.2rem;
    	letter-spacing: 0.2rem;
    	margin-bottom: 2rem;
    	padding: 1.2rem 0;
	}

	.spc-asobi ul {
		display: block;
		padding-bottom: 3rem;
	}

	.spc-asobi ul li img {
		width: 48%;
		margin: 0 auto;
	}

	.spc-asobi-r {
		width: 100%;
		padding: 2rem 0 0 0 ;
	}

	.asobi-title {
		font-size: 1.8rem;
	}

	.asobi-text {
		font-size: 1.6rem;
		padding-top: 1rem;
	}

	.asobi-end {
		padding: 0!important;
	}

	.spc-photo ul {
		display: block;
	}

	.spc-insta-mb {
		background-image: url(../img/supportc-bg01.jpg);
	}

	.spc-insta-mb h3 {
		font-size: 2.2rem;
		letter-spacing: 0.2rem;
		margin-bottom: 2rem;
		padding: 1.2rem 0;
		font-weight: bold;
		color: #ffffff;
		background-color: #ee869a;
		border-radius: 6px;
	}

	.icatch-koukai {
		position: static;
		width: 33%;
		margin: 0 auto;
	}

	.instapac-ul1,
	.instapac-ul2 {
		display: flex;
		justify-content: space-between;
		padding-top: 3rem;
	}

	.instapac-ul1 li,
	.instapac-ul2 li {
		box-shadow: 1px 5px 10px 1px rgb(0 0 0 / 20%);
		width: 31.5%;
	}

	.instapac-ul2 {
		padding-bottom: 0;
	}

	.spc-info h3 {
		font-size: 2.2rem;
    	letter-spacing: 0.2rem;
    	margin-bottom: 2rem;
    	padding: 1.2rem 0;
	}

	.spc-info-box1 {
		font-size: 1.6rem;
		padding-top: 1rem;
	}

	.infobox1-air {
		margin-top: 0.8rem;
	}

	.info-taisyou {
		display: inline-block;
	}

	.spc-info-box2 {
		margin: 4rem 0 0 0;
		padding: 3rem 0 0 0;
	}

	.spc-info-box2 ul {
		display: block;
	}

	.spc-info-box2 p {
		font-size: 1.6rem;
		line-height: 1.66;
		letter-spacing: 0.2rem;
		text-align: center;
		padding: 0;
	}

	.info-text {
		padding-bottom: 2rem;
	}

	.info-add {
		color: #ee869a;
		font-size: 1.7rem;
	}

	.hf-towa h3,
	.hf-nenkan h3,
	.hf-kikan h3 {
		font-size: 2.2rem;
		letter-spacing: 0.2rem;
		margin-bottom: 2rem;
		padding: 1.2rem 0;
	}

	.hf-towa p {
		font-size: 1.6rem;
		letter-spacing: 0.08rem;
		line-height: 2.0;
		width: 98%
	}

	.hf-towa img {
		margin-top: 2rem;
	}

	.hf-nenkan ul, .hf-nenkan li,
	.hf-kikan ul, .hf-kikan li {
		margin: 0;
	}

	.nenkan-info, .kikan-info {
		display: block;
	}

	.nen-ki-left, .nen-ki-right {
		width: 100%;
	}

	.nen-ki-left img {
		margin: 0 auto;
		width: 66%;
		padding-bottom: 1.6rem;
	}

	.nen-ki-right p {
		font-size: 1.5rem;
		line-height: 1.8;
	}

	.nen-ki-list {
		padding-top: 2rem;
	}

	.nen-ki-list li {
		width: 28%;
		margin-right: 8%!important;
		margin-bottom: 8%!important;
	}

	.nen-ki-list li:nth-child(4n) {
		margin-right: 8%;
	}

	.nen-ki-list li:nth-child(3n) {
		margin-right: 0!important;
	}

	.kpl-kosodatewo h3 {
		font-size: 2.2rem;
		letter-spacing: 0.2rem;
		margin-bottom: 2rem;
		padding: 2.4rem 0;
		font-weight: bold;
    }

	.kpl-kosodatewo p {
		font-size: 1.6rem;
		padding-top: 1rem;
		line-height: 2.0;
		letter-spacing: 0.08rem;
	}

	.kpl-kyodo-box {
		width: 100%;
		padding: 50px 4% 60px 4%;
	}

	.kpl-kyodo-h3, .kpl-kigyo-h3, .kpl-jisseki-h3,
	.kpl-kyodo-text {
		width: 100%;
	}

	.kpl-kyodo-h3 h3 {
		font-size: 2.2rem;
		letter-spacing: 0.2rem;
		margin-bottom: 2rem;
		padding: 1.2rem 0;
		font-weight: bold;
		color: #ffffff;
		background-color: #ee869a;
		border-radius: 6px;
	}

	.kpl-kakeru {
		padding: 40px 0;
	}

	.kpl-kyodo-midasi {
		font-size: 1.8rem;
	}

	.kpl-kyodo-honbun {
		padding: 30px 0;
		font-size: 1.6rem;
		line-height: 2.0;
	}

	.kpl-jisseki h3 {
		font-size: 2.2rem;
		letter-spacing: 0.2rem;
		margin-bottom: 2rem;
		padding: 1.2rem 0;
		font-weight: bold;
		color: #ffffff;
		background-color: #fcd7a1;
		border-radius: 6px;
	}

	.kpl-jisseki-box {
		width: 100%;
		padding-top: 20px;
	}

	.kpl-jisseki-thumb {
		width: 100%;
		height: 100%;
	}

	.kakonolab-btn a {
		font-size: 1.8rem;
		padding: 1.8rem 3rem;
	}

	.kyodo-kotira {
		padding: 1.8rem 1.6rem;
		border-radius: 12px;
		font-size: 1.8rem;
		border: 2px solid rgba(238, 134, 154, 0.3);
		background-color: rgba(238, 134, 154, 0.2);
		margin-top: 40px;
		font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	}

	.kyodo-btn2 a {
		color: rgba(238, 134, 154, 0.6);
		letter-spacing: 0.2rem;
		font-weight: bold;
	}

	.kpl-kigyo-h3 h3 {
		font-size: 2.2rem;
		letter-spacing: 0.2rem;
		margin-bottom: 2rem;
		padding: 1.2rem 0;
		font-weight: bold;
		color: #ffffff;
		background-color: #9fcaed;
		border-radius: 6px;
	}

	.kpl-kigyo-text {
		font-size: 1.8rem;
		padding: 10px 0 20px;
	}

	.kpl-kigyo-kome {
		font-size: 1.32rem;
	}

	.kigyo-retu, .kigyo-retu2 {
		width: 100%;
		margin: 0;
	}

	.kpl-cat a {
		margin-right: 1rem;
		display: inline-block;
		margin-bottom: 9px;
		margin-top: -20px;
		font-size: 1.42rem;
	}

	p.kpl-newscatch {
		font-size: 1.92rem;
		margin-top: -20px;
		padding-bottom: 4rem;
	}


/* --------------------------------------------------------------------------------------
*****	newsお知らせ
----------------------------------------------------------------------------------------- */

	.news-menubox-mb {
		padding: 1.4rem 4% 2.2rem;
	}

	.content-box-news2 {
		width: 94%;
		padding-bottom: 1.2rem;
	}

	.news-h3 {
		font-size: 2.6rem;
		letter-spacing: 0.08rem;
		padding: 1rem 0 2.4rem;
	}

	.news-pac2 {
		width: 100%;
		margin: 0;
		padding-bottom: 3.2rem;
	}

	.news-thumb {
		height: 180px;
		margin-bottom: 0;
	}

	.news-thumb img {
		height: 100%;
	}

	.news-time {
		margin-bottom: 0;
	}

	.news-time-single {
		font-size: 1.5rem;
		padding-right: 1rem;
	}

	.news-cat-single {
		font-size: 1.5rem;
	}

	h3.news-title-single {
		font-size: 2.2rem;
		padding: 1.2rem 0 2rem;
	}

	.alignnone {
		margin: 0!important;
	} 

	.news-content-single p {
		font-size: 1.6rem;
		line-height: 1.9;
	}

	.plus-news-title-l {
		font-size: 1.8rem !important;
		margin: 4rem 0 1.4rem 0;
	}

	.kpl-ji-box {
		width: 100%;
		padding: 0px 4% 60px 4%;
	}

	.kpl-jisseki-box2 {
		width: 100%;
	}


/* --------------------------------------------------------------------------------------
*****	recruit採用情報
----------------------------------------------------------------------------------------- */

	.content-recruit1,
	.content-recruit2 {
		width: 100%;
		padding: 50px 4% 60px 4%;
	}

	.content-recruit1 ul,
	.content-recruit1 li,
	.content-recruit2 ul,
	.content-recruit2 li {
		margin: 0;
	}

	.content-box-rec {
		width: 100%;
		margin: 0 auto;
		padding: 4rem 0;
	}

	.recruit-h3 {
		font-size: 2.6rem;
		letter-spacing: 0.2rem;
	}

	.recruit-h3cap {
		font-size: 1.7rem;
		letter-spacing: 0.06rem;
		padding: 2rem 0 2rem 0;
		line-height: 1.6;
	}

	.nakama-text {
		font-size: 1.7rem;
		letter-spacing: 0.06rem;
		padding: 3rem 0;
		line-height: 2.0;
	}

	.mb-databox {
		border-top: 1px dotted #ee869a;
		padding-top: 1.6rem;
		margin-bottom: 3.2rem;
	}

	.mb-databox ul {
		display: flex;
	}

	.data-l {
		width: 36%;
		margin: 0 1.6rem 0 1.0rem!important;
	}

	.data-r {
		padding-top: 1rem;
	}

	.data-title {
		font-size: 2.0rem;
		padding-bottom: 1rem;
	}

	.data-text {
		font-size: 1.46rem;
		margin-bottom: 1.8rem;
	}

	.data-cap {
		font-size: 1.26rem;
		padding-top: 0;
	}

	.nakama2-ul-l {
		padding-right: 1.2rem;
	}

	.rec-seido1,
	.rec-seido2,
	.rec-seido3 {
		padding: 6%;
	}

	.rec-seido2,
	.rec-seido3 {
		margin-top:1.6rem!important;
	}

	.seido-mbbox1,
	.seido-mbbox2 {
		display: flex;
		align-items: center;
	}

	.seido-mbbox1-l {
		width: 20%;
	}

	.seido-title {
		width: 80%;
		padding-left: 1.2rem;
	}

	.seido-mbbox2 {
		background-color: #ffffff;
		border-radius: 6px;
		margin-top: 1rem!important;
		padding: 0.6rem;
		
	}

	.seido-mbbox2-l {
		width: 20%;
	}

	.seido-mbbox2-l img {
		padding: 0.6rem;
	}

	.seido-mbbox2-r {
		padding-left: 1.2rem;
	}

	.seido-mbbox2-r p {
		font-size: 1.4rem;
	}

	.rec-nagare-ul {
		width: 100%;
	}

	.rec-nagare-ul p {
		font-size: 1.6rem;
	}

	.nagare-h {
		font-size: 2.1rem!important;
		color: #ee869a;
		line-height: 2.1;
	}


/* --------------------------------------------------------------------------------------
*****	contactお問い合わせ
----------------------------------------------------------------------------------------- */

	.contact-menu {
		padding: 1.4rem 4% 5px;
	}

	.contact-h3 {
		font-size: 2.2rem;
		letter-spacing: 0.2rem;
	}

	.contact-h3cap {
		font-size: 1.7rem;
		letter-spacing: 0.06rem;
		padding: 2rem 0 2rem 0;
		line-height: 1.6;
	}

	.content-box ul,
	.content-box li {
		margin: 0;
	}

	.faq_question p,
	.faq_answer p,
	.faqtextlast {
		font-size: 1.6rem;
	}

	.toriatukai a {
		font-size: 1.6rem;
		letter-spacing: 0.04rem;
	}

	.privacy-txt {
		padding: 2rem;
		margin: 3rem 4% 0;
    }

	.privacy-txt p {
		font-size: 1.3rem;
	}


/* --------------------------------------------------------------------------------------
*****	404エラーCOMING SOON
----------------------------------------------------------------------------------------- */

	.page404 {
		padding: 10rem 6% 0;
	}

	.page404 h2 {
		font-size: 3.3rem;
		letter-spacing: 0.3rem;
	}

	.p404-cap {
		font-size: 2.4rem;
		letter-spacing: 0.3rem;
		padding: 3rem 0;
	}

	.p404-text {
		font-size: 1.6rem;
		letter-spacing: 0rem;
		line-height: 1.8;
		padding-bottom: 3rem;
	}


/* --------------------------------------------------------------------------------------
*****	コドモノプラス ラボ（イベントエントリー）
----------------------------------------------------------------------------------------- */

	#company-info {
		width: 100%;
	}

	.company-logopac {
		width: 74%;
	}

	#event-title h2 {
		font-size: 2.2rem;
	}

	#event-box {
		width: 100%;
	}

	#event-box h3 {
		font-size: 2.0rem;
		width: 84%;
	}

	.event-btn, .eventend-btn {
		width: 84%;
	}

	.event-btn button, .eventend-btn button {
		font-size: 1.8rem;
	}

	.event-btn-info {
		line-height: 1.6;
	}

	.event-btn-info2 {
		font-size: 1.5rem;
	}

	.entry-formwidth {
		width: 84%;
	}

	.entry-policybox {
		width: 90%;
		height: 190px;
	}

	.event-thumbnail ul {
		margin: 0;
	}

	.event-thumbnail {
		width: 84%;
	}

	.event-btn button,
	.eventend-btn button {
		padding: 30px 22px;
	}


}