@charset "utf-8";

/*------------------------ 
	common
-------------------------- */
.titleimg {
	text-align: center;
}

.breadbox {
	font-size:1.4rem;
	width:1000px;
	margin: 0 auto;
	background-color: #fff1f6;
	color: #fff;
	border-radius: 5px;
}
.cp_breadcrumb *, .cp_breadcrumb *:after, .cp_breadcrumb *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_breadcrumb {
	overflow: hidden;
	width: 100%;
	margin: 1em auto;
	padding: 0;
	list-style: none;
}
.cp_breadcrumb li {
	display: inline-block;
	padding: 0;
	margin: 0;
}

.cp_breadcrumb img {
	margin: 2px 5px 0 0;
}

@media screen and (max-width: 1024px) {
.cp_breadcrumb img {
	margin: 9px 5px 0 0;
}
}


.cp_breadcrumb a {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0.5em 1em 0.5em 2em;
	text-decoration: none;
	color: #ffffff;
	background-color: #ea6d73;
}

.cp_breadcrumb li:first-child a {
	padding-left: 1em;
	border-radius: 5px 0 0 5px;
}
.cp_breadcrumb a::after,
.cp_breadcrumb a::before {
	position: absolute;
	top: 50%;
	right: -1.5em;
	margin-top: -1.48em;
	content: '';
	border-top: 1.48em solid transparent;
	border-bottom: 1.48em solid transparent;
	border-left: 1.5em solid;
	}
.cp_breadcrumb a::after {
	z-index: 2;
	border-left-color: #ea6d73;
}
.cp_breadcrumb a::before {
	z-index: 1;
	right: -1.8em;
	border-left-color: #ffffff;
}
.cp_breadcrumb li:nth-child(2) a       { background:        #f3b2b5; }
.cp_breadcrumb li:nth-child(2) a:after { border-left-color: #f3b2b5; }
.cp_breadcrumb li:nth-child(3) a       { background:        #f7cdcf; }
.cp_breadcrumb li:nth-child(3) a:after { border-left-color: #f7cdcf; }


.cp_breadcrumb li:last-child a {
	cursor: default;
	pointer-events: none;
	color: #5b4a3f;
	background:#fff1f6;
	border-radius: 0 5px 5px 0;
}
.cp_breadcrumb li:last-child a:hover {
	background: none;
}
.cp_breadcrumb li:last-child a::before,
.cp_breadcrumb li:last-child a::after {
	content: normal;
}

/*------------------------ 
	hタグ
-------------------------- */
h1.belt1 {
	width:100%;
	font-weight:normal;
	background:#985733;
}
h1.belt1 span {
	display:block;
	color:#fff;
	width:995px;
	margin:0 auto;
	font-size:1.5rem;
	padding:5px 0;
	text-align: right;
}
.h2box {
	position: relative;
	width:100%;
	height:140px;
	background: url("../images/bgh2.png") center center repeat-x;
}

.h2box h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.h2box img {
}

/*------------------------ 
	トップページ
-------------------------- */
.sliderbox {
	width: 3000px;
	left: 50%;
	margin-left: -1500px;
	position: relative;
}
.sliderbox .maincont {
	position: absolute;
	left: 0;
	top: 50px;
	width: 100%;
	text-align: center;
	z-index: 2;
}
.topnews {
	background: #fff6ef;
	padding: 30px 0 50px;
	position: relative;
}
.topnews:before {
	position: absolute;
	content: "";
	background: url("../images/bginfor_top.png") center bottom no-repeat;
	left: 0;
	bottom: 100%;
	width: 100%;
	height: 78px;
	z-index: 2;
}
.topnews .newsinner {
	width: 1000px;
	margin: 0 auto;
}
.topnews .titleimg {
	margin-bottom: 30px;
}

.topnews .newsbg {
	filter: drop-shadow(3px 3px 3px rgba(212,197,182,1));
	background:#fff;
	margin: 0 auto;
	width: 930px;
	padding:25px 35px 35px 35px;
	border-radius: 20px;
}
.topnews .newsbg .scbox {
	height:350px;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	transform: translateZ(0);
}

.topnews .newslist {
	padding-right: 0px;
}
.topnews .newslist li {
	border-bottom: 1.5px #a08a74 dashed;
	padding: 15px 10px 15px 0;
	overflow: hidden;
}
.topnews .newsdate {
	width:120px;
	float: left;
	margin-left: 10px;
	padding-right: 30px;
	font-size: 1.8rem;
}
@media screen and (max-width: 1024px) {
.topnews .newsdate {
	width:170px;
}
}

.topnews .newscont {
	overflow: hidden;
}
.topnews .newstit {
	color: #ea6d73;
	font-weight: bold;
	font-size: 1.8rem;
	margin-bottom: 5px;
}
.topnews .newstxt {
	font-size: 1.6rem;
}




.topphoto {
	padding: 50px 0 20px;
	background: url("../images/bgphoto_top02.png") center center repeat-x;
}
.topphoto .photobox {
	margin: 0 auto;
	width: 1000px;
	display: block;
	min-height: 1%;
}

.topphoto .photoboxin-l {
	width: 480px;
	margin: 0px 20px 20px 0px;
	float:left;
}
.topphoto .photoboxin-r {
	width: 480px;
	margin: 0px 0px 20px 20px;
	float:left;
}
.photobox:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}



.topservice {
	padding: 50px 0 60px;
}
.topservice .sercont {
	background: url("../images/bgservice_top.png") center 0 no-repeat;
	padding: 175px 0 40px;
	position: relative;
	z-index: 2;
}
.topservice .sercontin {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
.topservice .serconttxt {
	float: right;
	width: 710px;
	font-size: 1.8rem;
	line-height: 1.8;
	margin-right: 25px;
	margin-top: 5px;
}
.topservice .serconttxt span {
	color: #ea6d73;
	font-size: 2rem;
	font-weight:bold;
}
.topservice .serlink01 {
	padding: 60px 0;
	margin-top: -30px;
	background: url("../images/bnrservice_top.png") center center no-repeat;
	position: relative;
	z-index: 1;
}
.topservice .serlink01 .serlinkin {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
.topservice .serlink01 .serlinkin li {
	float: left;
	margin-right: 46px;
}
.topservice .serlink01 .serlinkin li.last {
	margin-right: 0;
}
.topservice .serbtn {
	text-align: center;
	margin-top: -25px;
	z-index: 2;
	position: relative;
}
.topservice .serlink02 {
	width: 1000px;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;
}
.topservice .serlink02 li {
	float: left;
	margin-top: 30px;
}

.topcompany {
	background: #fffaeb;
	padding: 50px 0;
}
.compin {
	width: 1000px;
	margin: 0 auto;
}
.compcont {
	width: 660px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
}
.compimg01 {
	position: absolute;
	right: 100%;
	top: 0;
	z-index: 2;
}
.compimg02 {
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 2;
}
.comptxt {
	font-size: 1.8rem;
	line-height: 1.8;
}
.comptab {
	margin-top: 40px;
	width: 100%;
	border: 6px #fffaeb solid;
}
.comptab th,
.comptab td {
	border: 6px #fffaeb solid;
	vertical-align: middle;
	padding: 10px 20px;
}
.comptab th {
	width: 20%;
	background: #985733;
	text-align: center;
	color: #fff;
}
.comptab td {
	background: #efe6db;
	text-align: left;
}


/*------------------------ 
	下層背景
-------------------------- */
.contbox-Tr {
	width: 100%;
	font-size:1.6rem;
	background: ;
	padding: 40px 0;
}
.contbox-Be {
	width: 100%;
	font-size:1.6rem;
	background:#fff6ef ;
	padding: 40px 0;
}
.contbox-Pk {
	width: 100%;
	font-size:1.6rem;
	background:#fff1f6 ;
	padding: 40px 0;
}
.bgstar {
	background-image: url("../images/bg_contents01.png");
	background-position: center bottom;
	background-repeat: no-repeat;
}

.contbox-About {
	width: 100%;
	font-size:1.6rem;
	background: url("../images/bg_about01.png") center center no-repeat;
	padding: 40px 0;
}
.contbox-Nyuen {
	width: 100%;
	font-size:1.6rem;
	background: url("../images/bg_nyuen01.png") center 30px no-repeat;
	padding: 40px 0;
}
.contbox-Comp {
	width: 100%;
	font-size:1.6rem;
	background: url("../images/bg_company01.png") center 100px no-repeat;
	padding: 40px 0;
}
.contbox-Rec {
	width: 100%;
	font-size:1.6rem;
	background: url("../images/bg_rec01.png") center 15px no-repeat;
	padding: 40px 0 0 0;
}
.contbox-Rec02 {
	width: 100%;
	font-size:1.6rem;
	background: url("../images/bg_rec02.png") center 0px no-repeat;
	padding: 20px 0 40px 0;
}

.contboxin {
	width: 1000px;
	margin: 0 auto;
}

.nyuenbox {
	width: 600px;
	padding: 0 0 0 0;
	margin: 0 auto;
	text-align: center;
}

.companybox {
	width: 600px;
	padding: 0 0 0 0;
	margin: 35px 20px 0 380px ;
	text-align: left;
}

.recbox {
	font-size:1.8rem;
	width: 740px;
	padding: 0 0 0 0;
	margin: 110px 20px 0 240px ;
	text-align: left;
}
.recbox02 {
	width: 610px;
	padding: 0 0 0 0;
	margin: 30px 0 20px 10px ;
}
.recbox02 div {
	font-size:1.6rem;
	padding: 20px;
	margin: 0 0 20px 0 ;
	text-align: left;
	background:#fff1f6 ;
}
.recbox02 div.last {
	font-size:1.6rem;
	padding: 20px;
	margin: 0 0 0 0 ;
	text-align: left;
	background:#fff1f6 ;
}

.radiusbox {
	background:#fff;
	width: 930px;
	padding: 30px 0 50px 0;
	border-radius: 20px;
	margin: 0 auto;
	filter: drop-shadow(3px 3px 3px rgba(212,197,182,1));
}

.radiusbox-img {
	position: relative;
	background:#fff;
	width: 930px;
	padding: 30px 0 50px 0;
	border-radius: 20px;
	margin: 0 auto;
	filter: drop-shadow(3px 3px 3px rgba(212,197,182,1));
}
.radiusbox .Gir {
	position: absolute;
	right: -80px;
	bottom: 0;
	width: 100%;
	text-align: right;
	z-index: 2;
}
.radiusbox .Bird {
	position: absolute;
	left: 20px;
	top: -70px;
	width: 100%;
	text-align: left;
	z-index: 3;
}

.radiusbox-s {
	background:#fff;
	width: 600px;
	padding: 30px 0 50px 0;
	border-radius: 20px;
	margin: 0 auto;
	filter: drop-shadow(3px 3px 3px rgba(212,197,182,1));
}


/*------------------------ 
	Table
-------------------------- */
.tab-border{
	background: ;
	padding: 20px;
	margin: 0 auto;
	width: 90%;
	border-spacing: 0;
}

.tab-border th{
	width: 25%;
	border-bottom: solid 2px #ee8a8f;
	text-align: center;
	padding: 15px 0;
	font-weight:bold;
}

.tab-border td{
	border-bottom: solid 2px #e4dddd;
	text-align: left;
	padding: 15px 15px 15px 25px;
}

.tab-borderPink{
	background: ;
	padding: 20px;
	margin: 0 auto;
	width: 90%;
	border-spacing: 0;
}

.tab-borderPink th{
	width: 25%;
	border-bottom: solid 2px #f18ca1;
	text-align: center;
	padding: 15px 0;
	font-weight:bold;
}

.tab-borderPink td{
	border-bottom: solid 2px #e4dddd;
	text-align: left;
	padding: 15px 15px 15px 25px;
}

.tab-borderOrange{
	background: ;
	padding: 20px;
	margin: 0 auto;
	width: 90%;
	border-spacing: 0;
}

.tab-borderOrange th{
	width: 25%;
	border-bottom: solid 2px #f9b466;
	text-align: center;
	padding: 15px 0;
	font-weight:bold;
}

.tab-borderOrange td{
	border-bottom: solid 2px #e4dddd;
	text-align: left;
	padding: 15px 15px 15px 25px;
}


.tab-borderGreen{
	background: ;
	padding: 20px;
	margin: 0 auto;
	width: 90%;
	border-spacing: 0;
}

.tab-borderGreen th{
	width: 25%;
	border-bottom: solid 2px #c1d74e;
	text-align: center;
	padding: 15px 0;
	font-weight:bold;
}

.tab-borderGreen td{
	border-bottom: solid 2px #e4dddd;
	text-align: left;
	padding: 15px 15px 15px 25px;
}





.tab-diary{
	background: ;
	padding: 20px;
	margin: 0 auto;
	width: 90%;
	border-spacing: 0;
}

.tab-diary th{
	background:#fff1f6;
	color:#ea6d73;
	text-align: left;
	padding: 10px;
	font-size:2rem;
	font-weight:bold;
	border-radius: 20px;
}

.tab-diary td{
	text-align: left;
	padding: 10px 10px 0  10px;
}


.tab-link{
	background: ;
	padding: 20px;
	margin: 0 auto;
	width: 70%;
	border-spacing: 0;
}

.tab-link th{
	width: 50%;
	border-bottom: solid 2px #e4dddd;
	text-align: right;
	padding: 15px 0;
	font-weight:bold;
}

.tab-link td{
	width: 50%;
	border-bottom: solid 2px #e4dddd;
	text-align: left;
	padding: 15px 15px 15px 25px;
}



.tab-trouble{
	background: ;
	padding: 20px;
	margin: 0 auto;
	width: 65%;
	border-spacing: 0;
}

.tab-trouble th{
	width: 35%;
	border-bottom: solid 2px #e4dddd;
	text-align: center;
	padding: 15px 0;
	font-weight:bold;
}

.tab-trouble td{
	width: 65%;
	border-bottom: solid 2px #e4dddd;
	text-align: left;
	padding: 15px 15px 15px 25px;
}

@media screen and (max-width: 1024px){
.tab-trouble{
	width: 80%;
}

.tab-trouble th{
	width: 35%;
}

.tab-trouble td{
	width: 65%;
}
}



.topkre {
	margin: 0 auto 0 auto;	
	padding: 10px 0 0px;
	}
.topkre .krebox {
	margin: 0 auto;
	min-width: 80%;
	background:#fff2f2 ;
	padding: 20px;
	border-radius: 20px;
}



/*------------------------ 
	送信フォーム
-------------------------- */
.tab-Form {
	background: ;
	padding: 20px;
	margin: 0 auto;
	width: 90%;
	border-spacing: 0;
}
.tab-Form th {
	width: 25%;
	border-bottom: solid 2px #ee8a8f;
	text-align: left;
	padding: 15px 0 15px 10px;
	font-weight:bold;
}
.tab-Form td {
	border-bottom: solid 2px #e4dddd;
	text-align: left;
	padding: 15px 15px 15px 25px;
}
input[type="text"]{
	background-color: #fff;
	width: 100%;
	font-size: 2rem;
	padding: 10px 10px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 2px solid #ddd;
}
textarea{
	background-color: #fff;
	width: 100%;
	font-size: 2rem;
	padding: 10px 10px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 2px solid #ddd;
}
select{
	width: 50%;
	border: 2px solid #ddd;
	border-radius: 5px;
	background-image: url(../images/select.png);
	background-position: right 6px center;
	background-repeat: no-repeat;
	font-size: 2rem;
	padding: 10px 30px 10px 10px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.required{

	padding: 3px 8px;
	box-sizing: border-box;
	float: right;
	font-size: 1.4rem;
	border-radius: 20px;
	color: #fff;
	background-color: #ea6d73;
}
.any{

	padding: 3px 8px;
	box-sizing: border-box;
	float: right;
	font-size: 1.4rem;
	border-radius: 20px;
	color: #fff;
	background-color: #ad795c;
}
input[type="submit"]{
	-webkit-appearance: none;
	font-size: 2.2rem;
	color: #fff;
	font-weight: bold;
	background-color: #ea6d73;
	border: none;
	border-radius: 4px;
	padding: 10px 40px;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="reset"]{
	-webkit-appearance: none;
	font-size: 1.8rem;
	color: #fff;
	font-weight: bold;
	background-color: #ad795c;
	border: none;
	border-radius: 4px;
	padding: 10px 40px;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="button"]{
	-webkit-appearance: none;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	background-color: #ad795c;
	border: none;
	border-radius: 4px;
	padding: 10px 40px;
	box-sizing: border-box;
	cursor: pointer;
}



/*------------------------ 
	リクルート
-------------------------- */
.rec-btn {
	width:930px;
	height:99px;
	margin: 20px auto 30px auto;
}
.rec-btn li {
	padding-right: 24px;
	float:left;
}
.rec-btn li:last-child {
	padding-right: 0;
}


/*------------------------ 
	保護者の皆さまへ
-------------------------- */
.download {
	width:930px;
	margin: 30px auto 40px auto;
}
.download .dlbox {
	width:294px;
	height:176px;
	text-align: center;
	margin-right: 24px;
	float:left;
	background:#fdf0f3;
	padding: 20px auto 20px auto;
}
.download .dlbox:last-child {
	margin-right: 0px;
}


.download-2 {
	width:930px;
	margin: 30px auto 40px auto;
}
.download-2 .dlbox {
	width:449px;
	height:176px;
	text-align: center;
	margin-right: 30px;
	float:left;
	background:#fdf0f3;
	padding: 20px auto 20px auto;
}
.download-2 .dlbox:last-child {
	margin-right: 0px;
}


@media screen and (max-width: 768px) {
}


.endayori {
	width:930px;
	margin: 30px auto 0 auto;
}
.endayori .enbox {
	width:930px;
	margin: 0 auto;
}

.endayori .enbox ul {
	margin-left: 2px;
}
.endayori .enbox li {
	width:214px;
	height:66px;
	margin-right: 23px;
	float:left;
	padding: 10px auto 10px auto;
}
.endayori .enbox li:last-child {
	margin-right: 0px;
}



.endayori02 {
	width:930px;
	margin: 30px auto 0 auto;
}
.endayori02 .enbox {
	width:930px;
	margin: 0 auto;
}

.endayori02 .enbox ul {
	margin-left: 2px;
}
.endayori02 .enbox li {
	width:451px;
	height:66px;
	margin-right: 23px;
	float:left;
	padding: 10px auto 10px auto;
}
.endayori02 .enbox li:last-child {
	margin-right: 0px;
}

/*---　バックナンバー　--- */
.accordion {
margin: 30px auto 20px auto;
width: 930px;
}
.accordion-mb0 {
margin: 30px auto 0 auto;
width: 930px;
}

.toggle {
display: none;
}
.option {
position: relative;
margin-bottom: 1em;
}
.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.title {
border: solid 4px #fff;
border-radius: 10px;
padding: 15px 15px 15px 20px;
display: block;
color: #6b402b;
font-size:2rem;
background:#f8ece8;
}
.title::after,
.title::before {
content: "";
position: absolute;
right: 1.5em;
top: 20px;
width: 2.7px;
height: 0.9em;
background-color: #6b402b;
transition: all 0.3s;
}
.title::after {
transform: rotate(90deg);
}
.lettercont {
max-height: 0;
overflow: hidden;
}
.lettercont .letter {
margin: 0;
padding: 0.5em 0 1em 0;
line-height: 1.5;
}
.toggle:checked + .title + .lettercont {
font-size: 1.2em;
max-height: 500px;
transition: all 1.5s;
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}