@charset "UTF-8";

/* 初期化
------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;zoom:1;}
table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;} li{vertical-align:middle;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';} abbr,acronym {border:0;} q:before,q:after {content:'';} * html hr{margin:0;} /* for -IE6 */ *:first-child+html hr{margin:0;}/* for IE7 */

/* ClearFix
------------------------------------*/
.cf:after{content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}
.cf{zoom:1;}


/* 
------------------------------------*/
body {
    font: 1em/1.3 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
    text-align: center;
    word-wrap: break-word;
    color: #333333;
    background-color: #FFFFFF;
}
html{font:14pt/1.3 "ヒラギノ角ゴ Pro W3";-webkit-text-size-adjust:none;}
h1{font:30pt/1.3 "ヒラギノ角ゴ Pro W3";-webkit-text-size-adjust:none;}
a{
    color: #F53889;
    text-decoration: none;
}
img{
	line-height: 1px;
	vertical-align: bottom;
	max-width: 100%;
}
p{
	padding: 0.5em;
	line-height: 1.3;
}
.mt_0 {margin-top: 0px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mb10 {margin-bottom: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt05em {padding-top: 0.5em !important;}
.pb05em {padding-bottom: 0.5em !important;}
.mt1em{margin-top: 1em !important;}
.mt_1em{margin-top: -1em !important;}
.mt05em{margin-top: 0.5em !important;}
.ml_0{margin-left: 0px !important;}
.ml05em{margin-left: 0.5em !important;}
.mr_0{margin-right: 0px !important;}
.mr05em{margin-right: 0.5em !important;}
.alleft{ text-align: left !important;}
.txtred{color: #FF0000!important;}

/* 
------------------------------------*/
.wrap{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.topbg{
    background-image: url(images/main_pcbg.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #CCEDFB;
}
.kidsbg{
    background-image: url("images/img08_pcbg.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #FFE101;
}
.mainimg{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.hr01{
    background-color: #02A7EA;
    height: 5px;
}
.hr02{
    background-color: #F2F2F2;
    height: 1px;
    margin-top: 0.5em;
}
h2{
    background-color: #02A7EA;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16pt;
    line-height: 2em;
}

.bg01{
    background-image: url(images/bg.png);
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #B2E4F9;
}
.bg02{
    background-color: #F2F2F2;
}

.ttlBox{
    max-width: 1200px;
    position: relative;
    height: 100px;
    margin-top: 20px;
}
.conBox{
    max-width: 1200px;
}
.imgBox{
    max-width: 94%;
    margin-left: auto;
    margin-right: auto;
}
.whiteBox{
    max-width: 92%;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    padding-top: 1em;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 0.5em;
}
.stepBox,.stepBox3{
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    width: 48%;
    padding-left: 1%;
    padding-right: 1%;
}
.stepBox2{
    padding-top: 10px;
    padding-bottom: 10px;
    float: none;
    width: 48%;
    padding-left: 26%;
}
@media only screen and (max-width: 750px) {
.stepBox,.stepBox2{
    float: none;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
}	
}

/* ボタン */
.btnBox{
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
}
.btnBox img{
    width: 100%;
    margin-bottom: 0.5em;
}
.askBox{
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    padding-top: 1em;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 0.5em;
}
h3{
    font-weight: bold;
    text-align: left;
    border-bottom: 2px solid #F2F2F2;
}
.telbox{
    text-align: center;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}
.telno{
	font-weight: bold;
    color: #EF1977;
    font-size: 26pt;
}
.nobr{display:inline-block;
}
footer{
    background-color: #F2F2F2;
    font-size: 12pt;
    padding-top: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    margin-top: 1em;
}

@media only screen and (max-width: 750px) {
.btns{width: 60%;}
p{font-size: 12pt;text-align: left;}
.bg02 p{text-align: center;}
h2,h3{ font-size: 12pt;}
.bg01{background-size: auto 100%;}
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}