/*
Theme Name: mirai
Author: the WordPress team
Author URI: https://wordpress.org/
Version: 1.0
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
fieldset{
	border:none;
}


@media screen and (min-width:765px){
.content {
    width:1080px;
    margin-left:auto;
    margin-right:auto;
}
.center {
    width:1080px;
    margin-left:auto;
    margin-right:auto;
	text-align:center;
}
.hide-pc {
        display:none;
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
header{
	background-image:url(../img/bg01.png);
	background-repeat:repeat-x;
	height:112px;
}
header div{
	width:1080px;
	margin-left:auto;
    margin-right:auto;
}
#globalNavi{
	background-color:#FFFFFF;
}
nav{
	width:1080px;
	margin-left:auto;
    margin-right:auto;
	height:68px;
}
nav ul li{
	float:left;
}
#bg01{
	background-image:url(../img/bg02.png);
	background-repeat:repeat-x;
	background-position:center;
}
#bg01 div{
	width:1080px;
	margin-left:auto;
    margin-right:auto;
}
#senpai01{
	background-image:url(../img/bg03.png);
}
#senpai01 .senpai{
	width:956px;
	margin-left:auto;
    margin-right:auto;
}
#senpai01 .bun{
}
#senpai01 .bun h3{
	font-size:36px;
	margin:0 0 12px 0;
	padding-top:40px;

}
#senpai01 .bun h3 span{
	font-size:16px;
	color:#FFFFFF;
	background-color:#00a8e3;
	padding:10px 10px;
	margin-right:26px;
	vertical-align:middle;
}
#senpai01 .bun h4{
	font-size:28px;
	margin:0 0 24px 0;
	padding-top:36px;
	color:#ffc400;

}
#senpai01 .bun h4 span{
	font-size:26px;
	color:#FFFFFF;
	background-color:#ffc400;
	padding:6px 16px;
	margin-right:26px;
	vertical-align:middle;
}
#senpai01 .bun p{
	font-size:18px;
	line-height:26px;
}
.senpai img{
	float:right;
	margin:110px 0 20px 20px;
}



#senpai02{
	background-image:url(../img/bg04.png);
}
#senpai02 .senpai{
	width:956px;
	margin-left:auto;
    margin-right:auto;
}
#senpai02 .bun{
}
#senpai02 .bun h3{
	font-size:36px;
	margin:0 0 12px 0;
	padding-top:40px;

}
#senpai02 .bun h3 span{
	font-size:16px;
	color:#FFFFFF;
	background-color:#ec6b92;
	padding:10px 10px;
	margin-right:26px;
	vertical-align:middle;
}
#senpai02 .bun h4{
	font-size:28px;
	margin:0 0 24px 0;
	padding-top:36px;
	color:#ec6b92;

}
#senpai02 .bun h4 span{
	font-size:26px;
	color:#FFFFFF;
	background-color:#ec6b92;
	padding:6px 16px;
	margin-right:26px;
	vertical-align:middle;
}
#senpai02 .bun p{
	font-size:18px;
	line-height:26px;
}
.senpai{
	padding-bottom:50px;
}






#tokuten{
	background-image:url(../img/bg05.png);
}
#tokuten div{
	width:1080px;
	margin-left:auto;
    margin-right:auto;
}
#dream{
	background-color:#fff9fb;
}
#dream div{
	width:1080px;
	margin-left:auto;
    margin-right:auto;
	padding-bottom:80px;
}
#dream h3{
	text-align:center;
	padding:28px 0;
}
#dream #shasin{
	float:left;
	margin:0 20px 30px 0;
}
.shasinmigi{
	padding-top:30px;
}
#dream p{
	font-size:18px;
	line-height:26px;
}
#dream p span{
	font-size:22px;
	font-weight:bold;
	color:#ec6b92;
}
#mirai01{
	background-color:#def1fb;
	height:400px;
}
.tenpo{
	padding:38px 22px;
}
#map{
	width:566px;
	float:left;
}
#migi{
	float:right;
}
.tenpottl{
	font-size:31px;
	font-weight:bolder;
	letter-spacing:0.1em;
}
.phone{
	font-size:40px;
	letter-spacing:0.2em;
	color:#00a8e3;
	font-weight:bolder;
	margin:16px 0;
}
.adress01{
	line-height:30px;
}

#mirai02{
	background-color:#fffbd0;
}
#mirai03{
	background-color:#fbecf3;
}
#mirai04{
	background-color:#def1fb;
}
.miraicenter{
	padding:38px 0;
}
#kennshuu{
	background-image:url(../img/bg03.png);
}
.boshuu h2{
	text-align:center;
	padding:36px 0;
}
.boshuu table{
	border-bottom:3px #00a8e3 solid;
	border-top:3px #00a8e3 solid;
	margin-bottom:76px;
}
.boshuu th{
	background-color:#e5f8ff;
	font-size:19px;
	font-weight:bold;
	color:#00a8e3;
	width:244px;
	padding:28px 0 28px 24px;
	text-align:left;
	border-bottom:1px #00a8e3 solid;
	vertical-align:text-top;
}
.boshuu td{
	font-size:19px;
	padding:28px 16px 28px 24px;
	text-align:left;
	border-bottom:1px #00a8e3 solid;
	line-height:26px;
	width:794px;
}
#nagare{
	background-color:#e5f8ff;
}
input{
	height:26px;
	font-size:19px;
}
textarea{
	font-size:19px;
}
.red{
	color:#FFFFFF;
	padding:4px 12px;
	margin-left:16px;
	background-color:#ec6890;
	font-size:16px;
	border-radius: 4px;
}
button{
	border:none;
	background: none;
}

footer{
	background-color:#00a8e3;
	margin-top:70px;
}
footer h2{
	text-align:center;
	font-size:33px;
	color:#FFFFFF;
	padding:38px;
}
#ftl{
	float:left;
	padding-left:22px;
}
#ftr{
	float:right;
	padding-right:22px;
}
#copy{
	clear:both;
	color:#FFFFFF;
	text-align:center;
	font-size:18px;
	padding:26px 0;
}
.thx{
	width:1080px;
	margin:70px auto;
}
.thx h2{
	font-size:32px;
	margin-bottom:20px;
}
.thx p{
	font-size:20px;
}
}
@media screen and (max-width:765px){
body{
	width:100%;
}
.content {
	width:100%;

	text-align: center;
}
img{
	width:100%;
}
    
.hide-sp {
	display:none;
}
#toggle{


}
nav ul{
	width:40%;
}
.menu ul li{
	float:right;

}


dl{
	border-top: solid 2px #1897c3;
	border-bottom: solid 1px #1897c3;
}
dt{
	background-color:#e5f8ff;
	color:#1897c3;
	font-weight:bold;
	padding:3% 5% 3% 5%;
	font-size:3.2vw;
}
dd{

	padding:4% 4% 4% 5%;
	font-size:3.0vw;
	line-height:1.3em;
}
 .red{
	color:#FFFFFF;
	padding:1% 2%;
	margin-left:2%;
	background-color:#ec6890;
	font-size:2.8vw;
	border-radius: 4px;
}
.center{
	text-align:center;
	margin:0 auto;
}
button{
	border:none;
	background: none;
	width:50%;
	margin:10% 0;
}

footer{
	background-color:#00a8e3;
}
footer h2{
	text-align:center;
	font-size:5vw;
	font-weight:bold;
	color:#FFFFFF;
	padding:6%;
}
#ftl{
	width:90%;
	margin:0 auto 2%;
}
#ftr{
	width:90%;
	margin:0 auto ;
}
#copy{
	color:#FFFFFF;
	text-align:center;
	font-size:3.3vw;
	padding:2% 0;
}

#map {
position: relative;
padding-bottom: 75%; // これが縦横比
height: 0;
overflow: hidden;
}
#map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.tenpo{
	padding:5%;
	background-color:#def1fb;
}
.tenpottl{
	font-weight:bold;
	font-size:5vw;
	text-align:center;
	margin:5% 0;
}
.phone{
	font-weight:bold;
	font-size:7vw;
	text-align:center;
	margin:5% 0;
	color:#00a8e3;
}
.adress01{
	line-height:1.2em;
	font-size:4.0vw;
}
#mirai02{
	padding:5%;
	background-color:#fffbd0;
}
#mirai03{
	padding:5%;
	background-color:#fbecf3;
}
#mirai04{
	padding:5%;
	background-color:#def1fb;
}
.thx{
	width:80%;
	margin:20% auto;
	padding:0 10%;
}
.thx h2{
	font-size:5vw;
	margin-bottom:10%;
}
.thx p{
	font-size:3.5vw;
}

#senpai01{
	background-image:url(../img/bg03.png);
}
#senpai01 .senpai{
	width:90%;
	margin-left:auto;
    margin-right:auto;
}
#senpai01 .bun{
}
#senpai01 .bun h3{
	font-size:6.0vw;
	margin:0 0 12px 0;
	padding-top:10%;

}
#senpai01 .bun h3 span{
	font-size:3vw;
	color:#FFFFFF;
	background-color:#00a8e3;
	padding:2%;
	margin-right:5%;
	vertical-align:middle;
}
#senpai01 .bun h4{
	font-size:5.0vw;
	margin:0 0 5% 0;
	padding-top:36px;
	color:#ffc400;

}
#senpai01 .bun h4 span{
	font-size:3vw;
	color:#FFFFFF;
	background-color:#ffc400;
	padding:2% 3%;
	margin-right:3%;
	vertical-align:middle;
}
#senpai01 .bun p{
	font-size:2.8vw;
	line-height:1.3em;
}
.senpai img{
	margin:5% 0 0 ;
}



#senpai02{
	background-image:url(../img/bg04.png);
}
#senpai02 .senpai{
	width:90%;
	margin-left:auto;
    margin-right:auto;
}
#senpai02 .bun{
}
#senpai02 .bun h3{
	font-size:6.0vw;
	margin:0 0 12px 0;
	padding-top:10%;

}
#senpai02 .bun h3 span{
	font-size:3vw;
	color:#FFFFFF;
	background-color:#ec6b92;
	padding:2%;
	margin-right:5%;
	vertical-align:middle;
}
#senpai02 .bun h4{
	font-size:5.0vw;
	margin:0 0 5% 0;
	padding-top:36px;
	color:#ec6b92;

}
#senpai02 .bun h4 span{
	font-size:3vw;
	color:#FFFFFF;
	background-color:#ec6b92;
	padding:2% 3%;
	margin-right:3%;
	vertical-align:middle;
}
#senpai02 .bun p{
	font-size:2.8vw;
	line-height:1.3em;
}
.senpai{
	padding-bottom:50px;
}

#dream{
	background-color:#fff9fb;
}
#dream div{
	width:90%;
	margin-left:auto;
    margin-right:auto;
	padding-bottom:5%;
	margin-bottom:5%;
}
#dream #hh2{
	text-align:center;
	padding:5% 0;
	width:70%;
	margin:0 auto;
}
#dream #hh3{
	text-align:center;
	padding:5% 0;
	margin:0 auto;
}
#dream #shasin{
	margin:0 0 5% 0;
}
.shasinmigi{
	padding-top:0;
}
#dream p{
	font-size:2.8vw;
	line-height:1.3em;
}
#dream p span{
	font-size:3.2vw;
	font-weight:bold;
	color:#ec6b92;
}

}