@charset "utf-8";
/* CSS Document */

article,section,footer,header {
	width: 100%;
	float: left;
}
.damybox {
	width: 100%;
	float: left;
	height: 300px;
}
.hed-nav-wrap {
	width: 100%;
	float: left;
	border-bottom: 1px solid #ee5289;
}
.hed-rogo {
	width: 27%;
	float: left;
	font-family: "vdl-logog", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 32px;
	line-height: 1.0em;
	letter-spacing: 0.05em;
	padding-left: 2%;
	padding-top: 20px;
}
.hed-rogo img {
	padding-right: 5px;
}
.hed-rogo a {
	color: #000000;
	text-decoration: none;
}
.hed-rogo a:hover {
	color: #000000;
	text-decoration: none;
}
.hed-name {
	font-size: 14px;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	padding-top: 5px;
}
.nav {
	width: 62%;
	float: left;
	padding-right: 2%;
	font-family: "aviano-flare", sans-serif;
font-weight: 500;
font-style: normal;
	font-size: 18px;
	line-height: 1.3em;
	letter-spacing: 0.02em;
}
.nav ul {
  padding-top: 30px;
  width: 100%;
	float: left;
  display: flex;
  justify-content: flex-end;
}
.nav li {
	margin-left: 30px;
	text-align: center;
}

.nav li a:link,.nav li a:visited,.nav li a:active {
color : #333333;
 text-decoration: none;
}

.nav li a:hover {
 color: #ee5289;
 text-decoration: none;
}
.nav li a {
 display: block;
}

.nav-jp {
	font-family: "fot-udmarugo-large-pr6n", sans-serif;
font-weight: 500;
font-style: normal;
	font-size: 15px;
	line-height: 1.3em;
	letter-spacing: 0.05em;
}
.hed-kengaku {
	width: 7%;
	float: left;
	min-height: 100px;
	color: #FFFFFF;
	text-align: center;
	display: flex;
  justify-content: center;
  align-items: center;
	font-size: 19px;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	background-color: #ee5289;
}
.hed-kengaku-sp {
	width: 0%;
	float: left;
	min-height: 80px;
	background-color: #ee5289;
	color: #FFFFFF;
	text-align: center;
	display: none;
  justify-content: center;
  align-items: center;
	font-size: 16px;
	line-height: 1.5em;
	letter-spacing: 0.05em;
}
.hed-kengaku a {
	color: #FFFFFF;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.hed-kengaku:hover {
	color: #ee5289;
	text-decoration: none;
	background-color: #FADCDC;
}
.main-l-wrap {
	width: 65%;
	float: left;
}
.main-img-l {
	width: 100%;
	float: left;
	padding-top: 200px;
	/* display: flex;
	justify-content: center;
	  gap: 40px;*/
	text-align: center;
}
.main-img-l img {
	padding-left: 20px;
	padding-right: 20px;
}

.main-img-r {
	width: 35%;
	float: left;
	padding-top: 190px;
}
.copy-box {
	width: 90%;
	float: left;
	padding-left: 10%;
	padding-top: 160px;
	font-size : 24px;
  line-height : 1.6em;
  letter-spacing : 0.06em;
	color: #000000;
}
.main-copy {
	font-size : clamp(38px, 3.8vw, 46px);

  line-height : 1.6em;
  letter-spacing : 0.06em;
	color: #4d4d4d;
	font-weight: 700;
}
.copy-box-name1,.copy-box-name2 {
    font-family: "vdl-logog", sans-serif;
   font-weight: 400;
   font-style: normal;
	color: #333333;
}
.copy-box-name1 {
	font-size : 24px;
  line-height : 1.3em;
  letter-spacing : 0.06em;
	padding-top: 40px;
}
.copy-box-name2 {
	font-size : 37px;
	
}
.open-box {
	width: 93%;
	float: left;
	text-align: right;
	padding-top: 100px;
	padding-right: 7%;
	font-family: "acumin-pro-wide", sans-serif;
font-weight: 700;
font-style: normal;
	color: #ee5289;
	font-size: 103px;/*ピリオドのサイズ指定*/
	line-height: 1.5em;
}
.open-box-year {
	font-size: 71px;
	letter-spacing: 0.03em;
}
.open-box-day {
	font-size: 145px;
}
.open-box-open {
	font-size: 126px;
	letter-spacing: 0.03em;
	padding-left: 20px;
}
.mess-haikei {
	width: 76%;
	float: left;
	margin-right: 12%;
	background : #EE5289;
	border-radius : 0px 150px 0px 0px;
	color: #FFFFFF;
	padding-left: 6%;
	padding-right: 6%;
	margin-bottom: 100px;
}
.mess-title {
	width: 100%;
	float: left;
	font-size: 40px;
	line-height: 1.3em;
	letter-spacing: 0.05em;
	padding-top: 80px;
	font-family: "vdl-logog", sans-serif;
font-weight: 400;
font-style: normal;
}
.mess-title img {
	vertical-align: middle;
	padding-right: 10px;
}
.mess-tex {
	width: 100%;
	float: left;
	padding-top: 40px;
	padding-bottom: 60px;
	font-size: 18px;
	line-height: 1.8em;
	letter-spacing: 0.06em;
	font-weight: 600;
}
.about-title {
	width: 97%;
	float: left;
	margin-left: 3%;
	padding-top: 90px;
	padding-bottom: 60px;
	background-image: url(../images/title_haikei.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.about-title-big {
	font-size: 40px;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	font-family: "vdl-logog", sans-serif;
    font-weight: 400;
    font-style: normal;
	color: #000000;
	padding-bottom: 10px;
	padding-left: 9%;
}
.about-copy {
	padding-left: 25%;
	padding-top: 40px;
	font-size: 26px;
	line-height: 1.7em;
	letter-spacing: 0.05em;
}
.about-copy-s {
	padding-left: 29%;
	padding-top: 10px;
	font-size: 18px;
	line-height: 1.8em;
	letter-spacing: 0.05em;
}
.about-tex {
	width: 86%;
	float: left;
	padding-left: 7%;
	margin-right: 7%;
	font-size: 20px;
	line-height: 1.8em;
	letter-spacing: 0.05em;
	background-image: url(../images/abo_haikei.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.about-tex-big {
	font-size: 24px;
	line-height: 1.8em;
	letter-spacing: 0.05em;
	padding-bottom: 5px;
}
.about-tex-pink {
	list-style-type:none;
	padding-top: 30px;
}
.about-tex-pink li {
	color: #ec6d82;
	font-weight: 600;
	padding-left:40px;
	padding-bottom: 20px;
background-image:url("../images/hana_ps.png");
background-repeat:no-repeat;
background-position:0px 2px;
	font-size: 20px;
	line-height: 2.0em;
	letter-spacing: 0.05em;
}


/*個別療育／集団療育----------*/
.ryoiku-maintitle {
	width: 83%;
	float: left;
	margin-top: 80px;
	margin-left: 3%;
	padding-left: 10%;
	padding-top: 120px;
	padding-bottom: 120px;
	background-image: url(../images/title_haikei.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.ryoiku-maintitle-01,.ryoiku-maintitle-02 {
	font-size: 32px;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	font-family: "vdl-logog", sans-serif;
    font-weight: 400;
    font-style: normal;
	color: #000000;
	padding-bottom: 10px;
}

.ryoiku-titlebox {
	width: 100%;
	float: left;
	 display: flex;
  flex-direction: column;
}
.ryoiku-title {
	width: 156px;
	float: left;
  background: #ee5289;
	font-size: 24px;
	line-height: 1.3em;
	letter-spacing: 0.07em;
	padding-top: 6px;
	padding-bottom: 10px;
	color: #FFFFFF;
	text-align: center;
}
.ryoiku-title-sankaku {
	width: 156px;
	float: left;
   text-align: center;
}

.ryoiku-kobetu {
	width: 41%;
	float: left;
	padding-left: 7%;
	padding-right: 2%;
	padding-top: 60px;
	padding-bottom: 40px;
}
.ryoiku-kobetu-l {
	width: 100%;
	float: left;
}

.ryoiku-list,.shudan-list {
	padding-top: 10px;
	padding-left: 1.5em;
}
.ryoiku-list li,.shudan-list li {
	list-style-type: disc;
}

.ryoiku-shudan {
	width: 41%;
	float: left;
	padding-left: 2%;
	padding-right: 7%;
	padding-top: 60px;
	padding-bottom: 40px;
}
.ryoiku-shudan-img {
	padding-top: 30px;
	text-align: right;
}
/*スキル例----------------*/
.sukiru-title {
	width: 93%;
	float: left;
	padding-left: 7%;
	font-size : 32px;
  line-height : 1.5em;
  letter-spacing : 0.05em;
  color : #EC6D82;
	padding-bottom: 30px;
}
.sukiru-title img{
	vertical-align: middle;
	padding-right: 5px;
}
.sukiru-wakubox {
	width: 81%;
	float: left;
	margin-left: 7%;
	margin-right: 7%;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 6px solid #F4B3BB;
	border-radius : 32px;
	margin-bottom: 100px;
}

.sukiru-subtitle-wrap {
	width: 100%;
	float: left;
	display: flex;
}
.sukiru-copy {
	width: clamp(80%, 70vw, 90%);
	float: left;
	font-size : 20px;
  line-height : 1.5em;
  letter-spacing : 0.05em;
	display: flex;
  align-items: center;
	min-height: 98px;
	margin-left: 1em;
}
.sukiru-subtitle {
	width: 98px;
	height: 98px;
	float: left;
	background : #EC6D82;
	border-radius : 12px;
	font-size : 26px;
  line-height : 1.3em;
  letter-spacing : 0.08em;
  color : #F2F2F2;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sukiru-innar-l {
	width: 47%;
	float: left;
	padding-right: 3%;
	padding-top: 40px;
}
.sukiru-innar-r {
	width: 47%;
	float: left;
	padding-left: 3%;
	padding-top: 40px;
}
.sukiru-innar-r-img {
	text-align: center;
}
.sukiru-innar-l dt,.sukiru-innar-r dt {
	font-size: 18px;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	font-weight: bold;
}
.sukiru-innar-l dd,.sukiru-innar-r dd {
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 1.5em;
}
/*オープニングスタッフ募集------*/
.rec-haikei {
	width: 76%;
	float: left;
	margin-left: 12%;
	background : #EE5289;
	border-radius : 150px 0px 0px 0px;
	color: #FFFFFF;
	padding-left: 6%;
	padding-right: 6%;
	padding-bottom: 80px;
	padding-top: 80px;
	margin-bottom: 100px;
}
.rec-title {
	width: 90%;
	float: left;
	font-size: 40px;
	line-height: 1.8em;
	letter-spacing: 0.05em;
	font-family: "vdl-logog", sans-serif;
	font-weight: 400;
	font-style: normal;
	background-image: url(../images/hana_wh.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 71px;
}
.rec-subtitle {
	width: 94%;
	float: left;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	font-weight: 600;
	padding-top: 40px;
	padding-left: 6%;
	display:flex;
  align-items:center;
}
.rec-subtitle:after {
	margin-left:10px;
  border-top:1px solid #FFFFFF;
  content:"";
  flex-grow:1;
}
.rec-tex {
	width: 44%;
	float: left;
	color: #FFFFFF;
	padding-left: 16%;
}

.rec-shokushu {
	width: 94%;
	float: left;
	font-size: 24px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	font-weight: 600;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 30px;
}
.rec-shokushu-s {
	font-size: 18px;
	line-height: 1.8em;
	letter-spacing: 0.05em;
	font-weight: 600;
	padding-right: 5px;
}
.rec-bo {
	width: 40%;
	float: left;
	font-size: 20px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	font-weight: 600;
	text-align: right;
	padding-top: 300px;
}
.btn {
  display: inline-block;
  padding: 10px 20px;
  background: #FFFFFF;
  color: #EE5289;
  border-radius: 10px;
  text-decoration: none;
  transition: 0.3s;
}

.btn:hover {
  background: #fadcdc;
}
/*フッター--------------*/
.futa-haikei {
	width: 86%;
	float: left;
	padding-bottom: 40px;
	padding-top: 80px;
	padding-left: 7%;
	padding-right: 7%;
}
.futa-rogobox {
	float: left;
	width: 100%;
	font-family: "vdl-logog", sans-serif;
font-weight: 400;
font-style: normal;
	text-align: center;
}
.futa-rogobox img {
	padding-bottom: 10px;
}
.futa-name1 {
	font-size: 22px;
	line-height: 1.2em;
	letter-spacing: 0.05em;
	display: flex;
  align-items: center;
  gap: 1rem;
}
.futa-name1::before,
.futa-name1::after {
  content: "";
  flex: 1;             /* 両側に広がる */
  height: 2px;
  background: #EE5289;    /* 線の色 */
  border-radius: 1px;
}
.futa-name2 {
	font-size: 36px;
	line-height: 1.3em;
	letter-spacing: 0.05em;
}
.futa-add {
	font-size : 18px;
  line-height : 1.6em;
  letter-spacing : 0.05em;
	text-align: center;
	padding-top: 10px;
}
.futa-map {
	float: left;
	width: 54%;
	max-width: 620px;
}
.futa-access {
	float: left;
	width: 43%;
	padding-left: 3%;
	font-size: 18px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
}
.futa-access table {
	width: 100%;
}
.futa-access td {
	padding-bottom: 30px;
}
.futa-access th {
	vertical-align: top; 
}
.futa-access a {
	color : #333333;
 text-decoration: none;
}
.futa-access a:hover {
	color : #EE5289;
 text-decoration: none;
}
.futa-copyright {
	float: left;
	width: 100%;
  font-size: 14px;
  line-height: 1.6em;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
	color : #FFFFFF;
	background : #EE5289;
}
/*スタッフ募集ページ-------*/
.staff-title {
	width: 83%;
	float: left;
	margin-top: 40px;
	margin-left: 3%;
	padding-left: 14%;
	padding-top: 120px;
	padding-bottom: 120px;
	font-size: 40px;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	font-family: "vdl-logog", sans-serif;
    font-weight: 400;
    font-style: normal;
	color: #000000;
	background-image: url(../images/title_haikei.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 80px;
}
.staff-kyotu {
	width: 86%;
	float: left;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 3%;
	padding-right: 3%;
	margin-left: 4%;
	margin-right: 4%;
	border: 1px solid #ee5289;
	margin-bottom: 50px;
	border-radius: 5px;
}
.staff-kyotu table {
	width: 100%;
}
.staff-kyotu td {
	padding-bottom: 10px;
}
.staff-kyotu-big {
	font-size: 20px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	font-weight: 600;
}
.staff-wrap {
	width: 86%;
	float: left;
	padding-bottom: 60px;
	padding-left: 7%;
	padding-right: 7%;
}
.rec-tex-l {
	width: 47%;
	float: left;
}
.rec-tex-l p,.rec-tex-r p {
	padding-top: 10px;
}
.rec-tex-r {
	width: 47%;
	float: left;
	padding-left: 6%;
}

.staff-shokushu{
	color: #ee5289;
	font-size: 24px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	font-weight: 600;
	border-bottom: 1px solid #ee5289;
	margin-bottom: 10px;
}
.staff-shokushu-s {
	font-size: 16px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	font-weight: 600;
}

/*応募フォーム----------*/
/*sp入力エリアサイズ*/
.nyuryoku {
    font-size: 16px;       /* 入力文字の大きさ */
    padding: 10px;         /* 内側の余白 */
    height: 44px;          /* ボックスの高さ（好みで調整） */
    width: 50%;           /* 横幅いっぱい（必要に応じて） */
    box-sizing: border-box;	
	}
.toi-textarea {
	 font-size: 18px;       /* 入力文字のサイズ */
    padding: 10px;
    width: 90%;
	box-sizing: border-box;
    line-height: 1.6;
	}
select {
  padding: 8px 12px;
	font-size: 18px;  
}
.form-bo {
	padding: 16px;
	border-radius: 8px; 
}
.rec-shiro-haikeibox {
	float: left;
	width: 64%;
	background-color: #FFFFFF;
	padding-top: 50px;
    padding-bottom: 40px;
	padding-left: 3%;
    padding-right: 3%;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 40px;
	border-radius: 5px;
	border: 1px solid #ee5289;
	margin-bottom: 60px;
}
.toi-tex {
	float: left;
	width: 100%;
	text-align: center;
}
.toi-tex-left {
	text-align: left;
	padding-top: 20px;
}
.rec-form-title {
	font-size: 22px;
	line-height: 1.8em;
	letter-spacing: 0.06em;
	padding-bottom: 20px;
	text-align: center;
}
.rec-table-wrap {
	float: left;
	width: 100%;
	background-color: #FFFFFF;
	padding-top: 20px;
}
.rec-table-wrap table {
	width: 100%;
}
.rec-table-wrap table td {
	padding-top: 15px;
    padding-bottom: 10px;
	font-size: 18px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	width: 68%;
	padding-left: 5%;
	border-bottom: 3px solid #FFFFFF;
	vertical-align: top;
}
.rec-table-wrap table th {
	padding-top: 10px;
	padding-bottom: 10px;
	text-indent: 7%;
	width: 20%;
	text-align: left;
	background-color: #ee5289;
	color: #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	vertical-align: top;
}
.rec-come {
	float: left;
	width: 80%;
	padding-bottom: 50px;
	margin-left: 10%;
	margin-right: 10%;
	font-size: 20px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
}
/*体験・ご相談----------------*/
.soudan-title {
	
}	

.soudan-come {
	float: left;
	width: 70%;
	padding-top: 0px;
	margin-left: 15%;
	margin-right: 15%;
	font-size: 18px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
}
/*-------------------------*/
.br-pc { 
  display:block;
}
.br-sp {
  display:none;
}
.sp-img {
}

/*移動+フェードイン表示--------*/
.box-mv01{
	opacity: 0;
	transform: translate(0,80px); 
	-webkit-transform: translate(0,80px); 
	transition: .8s;
}
.mv01{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/*拡大･縮小--------*/
.box-mv02{
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	transition: .8s;
}
.mv02{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}

/*3D回転＋ズームイン表示--------*/
.box-mv03{
	transform: scale(0, 0) rotateY(180deg);
	-webkit-transform: scale(0, 0) rotateY(180deg);
	transition: .8s;
}
.mv03{
	transform: scale(1, 1) rotateY(360deg);
	-webkit-transform: scale(1, 1) rotateY(360deg);
}

/*3D回転----------*/
.box-mv04{
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	transition: .8s;
}
.mv04{
	transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
}