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

/*PC*/
@media print, screen and (min-width: 769px) {

.business_bg {
	background:url("../images/business/hed_img.jpg") center center no-repeat;
	background-size:cover;
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;
	margin:0 auto 60px;
}
.school_bg {
	background:url("../images/afterschooldayservice/hed_img.jpg") center center no-repeat;
	background-size:cover;
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;
	margin:0 auto 60px;
}


.idx_list_img {
width:90%;
margin:0 auto 30px;
padding:0;
list-style-type:none;
}

.idx_list_img li {
width:30.66%;
float:left;
margin-right:4%;
margin-bottom:0;
}

.idx_list_img li:nth-child(3n+3) {
margin-right:0;
}


.idx_list_img2 {
width:90%;
margin:0 auto 30px;
padding:0;
list-style-type:none;
}

.idx_list_img2 li {
width:18.5%;
float:left;
margin-right:1.875%;
margin-bottom:0;
}

.idx_list_img2 li:nth-child(5n+5) {
margin-right:0;
}


.idx_list_box {
width:100%;
margin:0 auto 30px;
padding:0;
list-style-type:none;
}

.idx_list_box li {
width:23.5%;
float:left;
margin-right:2%;
margin-bottom:0;
box-sizing: border-box;
border:3px solid #666666;
}

.idx_list_box li:nth-child(4n+4) {
margin-right:0;
}

.idx_list_box li p {
padding:15px;
font-size:14px;
line-height:2;
font-weight:bold;
}
	
.idx_box_elephant {
width:90%;
margin:0 auto 30px;
padding:0;
list-style-type:none;
}

.idx_box_elephant li {
width:30%;
float:left;
margin-right:4%;
margin-bottom:0;
}

.idx_box_elephant li .txt {
font-size: 18px;
}
.idx_box_elephant li .txt span {
padding: 5px 20px;
background: #c2b095;
color: #fff;
text-align: center;
font-size: 40px;
}
.idx_box_elephant li .txt small {
color: #cbbe9e;
font-size: 20px;
font-weight: bold;
}

.idx_box_elephant li:nth-child(3n+3) {
margin-right:0;
width: 32%;
}
.idx_box_elephant li:nth-child(3n+3) p {
margin-bottom: 20px;
padding: 10px 20px;
box-sizing: border-box;
border: 3px solid #666666;
font-size: 18px;
font-weight: bold;
line-height: 1.5em;
}
	
.idx_box_elephant02 {
width:90%;
margin:0 auto 30px;
padding:0;
list-style-type:none;
}

.idx_box_elephant02 li {
width:30%;
float:left;
margin-right:4%;
margin-bottom:0;
}

.idx_box_elephant02 li .elephant02_img {
width:80%;
margin: 0 auto;
}

.idx_box_elephant02 li.txt {
width:65%;
margin-right:0%;
font-size: 18px;
font-weight: bold;
}



.comTitle3 { color: #cbbe9e; font-size: 21px; text-align: left; font-weight: bold; margin-bottom: 30px; line-height: 1em; }
.comTitle3 small { font-size: 14px; padding-top: 10px;  display: block; }
#paron { margin-bottom: 70px; }
#joy { margin-bottom: 80px; }
#elephant { margin-bottom: 80px; }
.joy_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.joy_boxL { flex-basis: 48%; max-width: 48%; }
.joy_boxR { flex-basis: 48%; max-width: 48%; }
.joy_box_img { width: 100%; margin: 0 auto; box-shadow: 10px 10px 0px #c2b095; box-sizing: border-box; }
.joy_box_img img { width: 100%; height: auto; }

.btn { border: 1px solid #ddd; width: 500px; margin: 0 auto; margin-top: 50px; }
.btn a { display: block; padding: 30px; }
.btn_box { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.btn_logo { width: 100px; margin-right: 15px; }
.btn_logo img { width: 100%; height: auto; }
.btn_tit { font-size: 16px; font-weight: bold; color: #e84566; }



.img_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.img_list li { flex-basis: 23.5%; max-width: 23.5%; margin-right: 2%; list-style: none; }
.img_list li:nth-child(4n+4) { margin-right: 0px; }
.img_list_img { width: 100%; margin: 0 auto; }
.img_list_img img { width: 100%; height: auto; }



/*-----shop------*/
.shop_box { margin-bottom: 100px; }
.b_link { width: 1000px; margin: 0 auto; }
.b_link a { display: block; }



/*-----voice------*/
#voice { margin-bottom: 100px; }
#voice .voice_flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
#voice .voice_flex .voice_box { width: 48%; }
.imgbox img { width: 100%; height: auto; }
.txtbox { margin-top: 30px; }



/*-----video------*/
.video { width: 800px; margin: 0 auto; }
.video iframe { width: 800px; height: 450px; border: 5px solid #c2b095; }



}


/*sp*/
@media only screen and (max-width: 768px) {

.business_bg {
background:url("../images/business/hed_img.jpg") center center no-repeat;
width:100%;
height:160px;
overflow:hidden;
position:relative;
margin:0 auto 60px;
}
.school_bg {
background:url("../images/afterschooldayservice/hed_img.jpg") center center no-repeat;
background-size:cover;
width:100%;
height:160px;
overflow:hidden;
position:relative;
margin:0 auto 60px;
}

.idx_list_img {
width:90%;
margin:0 auto 30px;
padding:0;
list-style-type:none;
}

.idx_list_img li {
width:30.66%;
float:left;
margin-right:4%;
margin-bottom:0;
}

.idx_list_img li:nth-child(3n+3) {
margin-right:0;
}


.idx_list_img2 {
width:100%;
margin:0 auto 30px;
padding:0;
letter-spacing: -0.4em;
list-style-type:none;
}

.idx_list_img2 li {
width:32%;
letter-spacing: normal;
display: inline-block;
vertical-align: top;
margin: 0 auto;
text-align: center!important;
margin-bottom:3%;
}

.idx_list_img2 li:nth-child(3n+3) {
margin-right:0;
}


.idx_list_box {
width:90%;
margin:0 auto 30px;
padding:0;
list-style-type:none;
}

.idx_list_box li {
width:98%;
float:none;
margin-right:0;
margin-bottom:4%;
border:3px solid #666666;
}

.idx_list_box li:nth-child(3n+3) {
margin-right:0;
}

.idx_list_box li p {
padding:2%;
font-size:12px;
line-height:1.8;
font-weight:bold;
}

.idx_box_elephant {
width:90%;
margin:0 auto 30px;
padding:0;
list-style-type:none;
}

.idx_box_elephant li {
margin-bottom:10px;
width:45%;
float:left;
margin-right:5%;
}

.idx_box_elephant li .txt {
font-size: 14px;
}
.idx_box_elephant li .txt span {
padding: 5px 20px;
background: #c2b095;
color: #fff;
text-align: center;
font-size: 22px;
}
.idx_box_elephant li .txt small {
color: #cbbe9e;
font-size: 16px;
font-weight: bold;
}

.idx_box_elephant li:nth-child(3n+3) {
margin-bottom: 0;
width:100%;
}
.idx_box_elephant li:nth-child(3n+3) p {
margin-bottom: 20px;
padding: 10px 20px;
box-sizing: border-box;
border: 3px solid #666666;
font-size: 16px;
font-weight: bold;
line-height: 1.5em;
}

.idx_box_elephant02 {
margin:0 auto 30px;
padding:0;
list-style-type:none;
}

.idx_box_elephant02 li {
width:60%;
margin: 0 auto 10px;
}

.idx_box_elephant02 li.txt {
width:100%;
margin-bottom:0px;
margin-right:0%;
font-weight: bold;
}



.comTitle3 { color: #cbbe9e; font-size: 18px; text-align: left; font-weight: bold; margin-bottom: 15px; line-height: 1em; }
.comTitle3 small { font-size: 12px; padding-top: 10px;  display: block; }
#paron { margin-bottom: 50px; }
#joy { margin-bottom: 50px; }
#eden { margin-bottom: 50px; }
.joy_box { width: 100%; margin: 0 auto; }
.joy_boxL { width: 100%; margin: 0 auto; }
.joy_boxR { width: 100%; margin: 0 auto 30px; }
.joy_box_img { width: 100%; margin: 0 auto; box-shadow: 5px 5px 0px #c2b095; box-sizing: border-box; }
.joy_box_img img { width: 100%; height: auto; }

.btn { border: 1px solid #ddd; width: 100%; margin: 0 auto; margin-top: 50px; }
.btn a { display: block; padding: 30px; }
.btn_box { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.btn_logo { width: 70px; margin-right: 15px; }
.btn_logo img { width: 100%; height: auto; }
.btn_tit { font-size: 14px; font-weight: bold; color: #e84566; }

.eden_list { width: 100%; margin: 0 auto; list-style: none; padding: 15px; box-sizing: border-box; border: 1px dashed #c2b095;  }
.eden_list li:nth-child(n+2) { margin-top: 15px; }
.eden_list_tit { font-weight: bold; }
.eden_list_tit span { display: inline-block; width: 40px; height: 40px; background: #c2b095; color: #fff; text-align: center; margin-right: 10px; font-size: 16px; font-weight: bold; line-height: 40px; }
#eden .joy_box { margin-bottom: 50px; }



.img_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.img_list li { flex-basis: 48%; max-width: 48%; margin-right: 4%; list-style: none; }
.img_list li:nth-child(2n+2) { margin-right: 0px; }
.img_list li:nth-child(n+3) { margin-top: 30px; }
.img_list_img { width: 100%; margin: 0 auto; }
.img_list_img img { width: 100%; height: auto; }



/*-----shop------*/
.shop_box { margin-bottom: 50px; }
.b_link { width: 100%; margin: 0 auto; }
.b_link a { display: block; }



/*-----voice------*/
#voice { margin-bottom: 50px; }
#voice .voice_flex {  }
#voice .voice_flex .voice_box { margin-bottom: 30px; }
.imgbox img { width: 100%; height: auto; }
.txtbox { margin-top: 20px; }



/*-----video------*/
.video { width: 100%; margin: 0 auto; }
.video iframe { width: 96%; margin: 0 auto; height: 300px; border: 5px solid #c2b095; }


.com_btn { margin: 0 auto; }


}