@charset "utf-8";
    
    
.info>.conboxIn>section h2>span{
    background-position:-210px -200px;
    background-size:406px
}
.visitor>.conboxIn>section h2>span{
    background-position:0 -360px;
    background-size:406px
}
.question>.conboxIn>section h2>span{
    background-position:-210px -240px;
    background-size:406px
}
div.infoIn .infoSubTtl{
    color:#333;
    font-size:22px;
    font-weight:normal;
    padding:20px 0 30px;
    text-align:center;
    width:100%
}
div.infoIn .btn{
    margin:5px 0;
    text-align:center;
    width:100%
}
div.infoIn .btn input{
    padding:8px 0;
    width:100%
}
div.infoIn .reset input{
    background:#14cca1;
    border:none;
    color:#ffffff
}
div.infoIn .reset a{
    background:#14cca1;
    border:none;
    color:#ffffff;
    display:block;
    padding:8px 0;
    width:100%
}
div.infoIn .submit input{
    background:#ff4672;
    border:none;
    color:#ffffff;
    font-size:18px
}
div.infoIntext{
    margin:0 0 12px
}
div.infoInBox{
    text-align: left;
    box-sizing:border-box;
    line-height:1.5;
    padding:5px 0
}
div.infoInBox img{
    height:auto;
    max-width:100%;
    vertical-align:bottom
}
div.infoInBox .form{
    border-bottom:solid 1px #FF66FF;
    box-sizing:border-box;
    font-size:15px;
    line-height:2.4;
    padding:10px;
	color:#fff;
}
div.infoInBox .form.totalArea_{
    background:#fff6e1
}
div.infoInBox .form.totalArea .input{
    padding:10px 0 0;
    width:100%
}
div.infoInBox .form.totalArea .input select{
    border:1px #ccc solid
}
div.infoInBox .form.totalArea .input .courseCalc{
    line-height:1.0;
    padding:0 2% 5px
}
div.infoInBox .form.totalArea .input .courseCalc label{
    display:inline-block;
    min-width:90px
}
div.infoInBox .form.totalArea .input .courseCalc input[type="number"]{
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px #ccc solid;
    font-size:16px;
    padding:5px;
    width:60px
}
div.infoInBox .form.totalArea .input .totalBase{
    background:white;
    box-sizing:border-box;
    margin:10px 0;
    padding:15px 15px 8px;
    width:100%
}
div.infoInBox .form.totalArea .input .totalBase>div{
    line-height:1.0;
    padding:0 0 8px;
color:#000;
}
div.infoInBox .form.totalArea .input .totalBase>div:last-of-type{
    padding:10px 0 8px;
    font-size:16px;
color:#000;
}
div.infoInBox .form.totalArea .input .totalBase .totalPrice{
    color:red;
    font-family:"M PLUS Rounded 1c";
    font-size:26px;
    font-weight:600;
    padding:0 3px
}
div.infoInBox .form.totalArea .input .totalMemo{
    display:block;
    font-size:14px;
    line-height:1.4;
    padding:5px 0 5px;
    text-align:left;
    width:100%
}
div.infoInBox .form.totalArea .input .totalMemo span{
    color:red
}
div.infoInBox .form p.name{
    font-size:16px;
    font-family:"M PLUS Rounded 1c";
    font-weight:500;
    width:100%;
	color: #fff;
}
div.infoInBox .form p.name span{
    font-family:"メイリオ","Meiryo","Meiryo UI","Hiragino Kaku Gothic ProN","Helvetica Neue","Hiragino Sans","游ゴシック  Medium",sans-serif,Roboto;
    font-size:14px;
    font-weight:normal
}
div.infoInBox .form p.att{
    font-size:11px;
    line-height:1.4;
    padding-bottom:5px;
    width:100%
}
div.infoInBox .form p.input{
    display:block;
    width:100%
}
div.infoInBox .form p.input input{
    border:none;
    font-size:16px;
    padding:8px 3%;
    width:94%
}
div.infoInBox .form p.input input.age{
    margin-right:5px;
    width:80px
}
div.infoInBox .form p.input select{
    -webkit-appearance:none
}
div.infoInBox .form p.input select:disabled{
    background:#e9e9e9
}
div.infoInBox .form p.input .interview{
    -webkit-appearance:none;
    background:white;
    font-size:16px;
    margin-right:5px;
    width:17%
}
div.infoInBox .form p.area textarea{
    border:none;
    font-size:16px;
    padding:8px 3%;
    width:94%
}
div.infoInBox .form p span{
    color:#ff4672;
    margin-left:5px
}
div.infoInBox .form p span span{
    margin:0
}
div.infoInBox .form p span.attention{
    color:#fff;
    display:block;
    font-size:13px;
    padding-bottom:5px;
    line-height:1.3
}
div.infoInBox .form p span.attention span{
    display:block;
    font-size:13px;
    margin:0;
    padding:5px 0
}
div.infoInBox .form p span.dtlMemo{
    color:#fff;
    display:block;
    font-size:13px;
    padding-bottom:5px;
    line-height:1.3
}
div.infoInBox .form p span.dtlMemo span{
    display:block;
    font-size:13px;
    margin:0;
    padding:5px 0
}
div.infoInBox .form select{
    border-radius:6px;
    border:none;
    padding:8px 3%;
    width:100%
}
div.infoInBox .form select.date{
    -webkit-appearance:none;
    background:white;
    font-size:16px;
    width:32%
}
div.infoInBox .form select.radi{
    -webkit-appearance:none;
    background:white;
    font-size:16px
}
div.infoIn .attTxt{
    background:red;
    color:white;
    font-size:14px;
    padding:10px 2%;
    text-align:center;
    width:96%
}
div.infoIn .attTxt span{
    display:inline-block
}
.confirmation{
    color:#E43D3D;
    font-size:20px;
    line-height:1
}
.send{
    text-align:center
}
.send p{
    padding:10px
}
.more-btn{
    margin:0 auto 7px !important
}