@charset "UTF-8";

html, body, div, span, object,
h1, h2, h3, h4, h5, h6,
p, img, dl, dt, dd,
ol, ul, li,
fieldset, form, label, table, caption,
tbody, tfoot, thead,
article, aside, footer, header, menu, nav, section,
audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

img{
	display:block;
}

.clearfix {zoom:1;}
.clearfix:after{content: "";display: block;clear: both;}
.clear{clear:both;}

body{
	line-height:1;
	font-family: Helvetica, "Helvetica", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
	color:#737373;
	text-align:left;
	background-image:url(../images/back.jpg);
	line-height:150%;
	background-color:#e51577;
	background-image:url(../img/bg.png);
	background-repeat:repeat;
}

#wrapping{
	width:1000px;
	max-width:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

h1{
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
	color: #e51577;
    font-size: 28px;
	text-align: center;
	font-weight: bold;
	padding: 20px 0px;
	margin-bottom:50px;
	}


/* PC対応
-----------------------------------*/

@media screen and (min-width: 769px){

.sp{
	display:none;
}

.tb{
	display:none;
}

header img{
	max-width:100%;
	height:auto;
}
	
#box1{
	background-color:#fff;
	padding:25px 50px;	
}

#box1 #subbox{
	padding-left: 325px;
    min-height: 337px;
    margin-top: 20px;
    font-size: 16px;
    background: transparent url("../img/box1.jpg") top left no-repeat;
	background-size:300px 337px;
}

#box1 #subbox h2{
    padding-top: 25px;
    margin-bottom: 25px;
	font-size:36px;
	font-weight:bold;
	color:#b47daf;
}


#box1 ul{
	width:1000px;
	max-width:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

#box1 ul li{
	list-style:none;
	float:left;
	padding-right:25px;
	padding-left:25px;
	padding-bottom:25px;
}

#box1 img{
	max-width:100%;
	height:auto;
}

#box1 #right_box{
	width: 51%;
    float: right;
    margin-left: 60px;
}

#box1 #left_box{
	width: 42%;
    float: left;
}

.access_about {
    font-size: 16px;
    line-height: 22px;
    margin-top: 15px;
}

#box1 #subbox2{
	padding-left: 175px;
    min-height: 163px;
    margin-top: 20px;
    font-size: 16px;
    background: transparent url("../img/teacher.jpg") top left no-repeat;
	background-size:150px 163px;
}

#box１ #message img{
	width:100%;
	max-width:100%;
	height:auto;
}

#yusou {
	font-size:24px;
	padding-bottom:50px;
}

#yusou img{
    display:block;
	padding-bottom:50px;
    margin-left:auto;
    margin-right:auto;
}

#dl{
	background-image:url(../img/kids-a/dl_bg.png);
	background-size:511px 320px;
	width:511px;
	height:320px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	position:relative;
}

#dl img{
		position:relative;
		top:175px;
		left:15px;
}

#button img{
	max-width:100%;
	height:auto;
    display:block;
    margin-left:auto;
    margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
}

footer{
    border-top: 1px dashed #ccc;
	background-color:#fff;
	width:1000px;
	max-width:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
	padding-top:20px;
	padding-bottom:10px;
	color:#373737;
	font-size:12px;
}

#minilogo{
	padding-left:10px;
	padding-right:30px;
	float:left;
}

#add{
	float:left;
}

#privacy{
		line-height:30px;
		float:right;
		padding-right:10px;
}

#copyright{
	padding-top:5px;
	padding-bottom:5px;
	clear:both;
	text-align:center;
}

a:link{
	color: #373737;
	text-decoration:none;
}

a:visited{
	color: #373737;
	text-decoration:none;
}

a:hover{
	color:#eb6100;
	text-decoration:underline;
}
}



/* スマホ対応
-----------------------------------*/

@media only screen and (max-width: 640px){
	
.pc{
	display:none;
}

.tb{
	display:none;
}

h1{
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
	color: #e51577;
    font-size: 21px;
	text-align: center;
	font-weight: bold;
	padding: 20px 0px;
	margin-bottom:50px;
	line-height:1.2em;
	}

#box1 #subbox h2{
    margin-bottom: 25px;
	font-size:18px;
	font-weight:bold;
	color:#b47daf;
}

header img{
	max-width:100%;
	height:auto;
}
	
#box1{
	background-color:#fff;
	padding:25px;	
}


#box1 img{
	max-width:100%;
	height:auto;
}

#box1 #subbox img{
    margin-top: 25px;
}

#box1 #subbox2 img{
    margin-top: 25px;
	width:150px;
	margin-left:auto;
	margin-right:auto;
}

#box1 ul{
	max-width:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

#box1 ul li{
	list-style:none;
	padding-bottom:24px;
}

#box1 ul li img{
	max-width:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

#box1 #left_box{
	padding-top:25px;
}


#box7{
	background-image:url(../img/kids-a/box_6_bg.png);
	background-repeat:repeat;
	color:#2C2C2C;
	text-align:center;
}

#box7 #message img{
	width:100%;
	max-width:100%;
	height:auto;
}

#yusou {
	font-size:18px;
	padding-bottom:50px;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}

#yusou img{
    display:block;
	max-width:100%;
	height:auto;
    margin-left:auto;
    margin-right:auto;
	margin-bottom:40px;
}

#dl{
	margin-left:auto;
	margin-right:auto;
}

#dl img{
		margin-top:30px;
		max-width:100%;
		height:auto;
		margin-left:auto;
		margin-right:auto:
}

p.sp{
	padding-top:20px;
}

#button img{
	max-width:100%;
	height:auto;
    display:block;
    margin-left:auto;
    margin-right:auto;
	padding-top:30px;
	padding-bottom:30px;
}

footer{
    border-top: 1px dashed #ccc;
	background-color:#fff;
	padding-top:20px;
	padding-bottom:10px;
	color:#373737;
	font-size:12px;
}

#minilogo img{
	max-width:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
padding-bottom:10px;
}

#add{
	padding-bottom:5px;
}

#copyright{
	padding-bottom:5px;
	clear:both;
	text-align:center;
}

a:link{
	color: #373737;
	text-decoration:none;
}

a:visited{
	color: #373737;
	text-decoration:none;
}

a:hover{
	color:#eb6100;
	text-decoration:underline;
}
}

/* タブレット対応
-----------------------------------*/

@media screen and (min-width: 641px) and (max-width: 768px){
	
.pc{
	display:none;
}
.sp{
	display:none;
}

header img{
	max-width:100%;
	height:auto;
}
	

#box1{
	background-color:#fff;
	padding:50px;	
}

#box1 #subbox{
	padding-left: 325px;
    min-height: 337px;
    margin-top: 20px;
    font-size: 16px;
    background: transparent url("../img/box1.jpg") top left no-repeat;
	background-size:300px 337px;
}

#box1 #subbox h2{
    padding-top: 25px;
    margin-bottom: 25px;
	line-height:1.2em;
	font-size:36px;
	font-weight:bold;
	color:#b47daf;
}

#box1 #subbox2{
	padding-left: 175px;
    min-height: 163px;
    margin-top: 20px;
    font-size: 16px;
    background: transparent url("../img/teacher.jpg") top left no-repeat;
	background-size:150px 163px;
}

#box1 img{
	max-width:100%;
	height:auto;
}


#box1 ul{
	max-width:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
	padding-top:50px;
	padding-bottom:25px;
}

#box1 ul li{
	list-style:none;
	float:left;
	padding-right:12px;
	padding-left:12px;
	padding-bottom:24px;
}

#box1 #left_box{
	padding-top:50px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:454px;
}

#box7{
	background-image:url(../img/kids-a/box_6_bg.png);
	background-repeat:repeat;
	color:#2C2C2C;
	text-align:center;
}

#box7 #message img{
	width:100%;
	max-width:100%;
	height:auto;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

#yusou {
	font-size:24px;
	padding-bottom:50px;
	padding-left:20px;
	padding-right:20px;
}

#yusou img{
    display:block;
	max-width:100%;
	padding-bottom:50px;
    margin-left:auto;
    margin-right:auto;
	height:auto;
}

#dl{
	background-image:url(../img/kids-a/dl_bg.png);
	background-size:511px 320px;
	width:511px;
	height:320px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	position:relative;
}

#dl img{
		position:relative;
		top:175px;
		left:15px;
}


#button img{
	max-width:100%;
	height:auto;
    display:block;
    margin-left:auto;
    margin-right:auto;
	padding-top:50px;
	padding-bottom:50px;
}

footer{
    border-top: 1px dashed #ccc;
	background-color:#fff;
	padding-top:20px;
	padding-bottom:10px;
	color:#373737;
	font-size:12px;
}

#minilogo img{
		max-width:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
padding-bottom:10px;
}

#add{
	padding-bottom:5px;
	text-align:center;
}

#copyright{
	padding-bottom:5px;
	clear:both;
	text-align:center;
}

a:link{
	color: #373737;
	text-decoration:none;
}

a:visited{
	color: #373737;
	text-decoration:none;
}

a:hover{
	color:#eb6100;
	text-decoration:underline;
}
}