@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;
    border-radius: 20px;
    padding:5px 0;
    background:rgba(254,127,156,0.1);
}
div.infoInBox img {
    height:auto;
    max-width:100%;
    vertical-align:bottom;
}
div.infoInBox .form {
    border-radius: 20px;
    border-bottom:solid 1px #c9c9c9;
    box-sizing:border-box;
    font-size:15px;
    line-height:2.4;
    padding:10px;
}
div.infoInBox .form.totalArea {
    border-radius: 20px;
    background:#DDEEFF;;
}
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;
}
div.infoInBox .form.totalArea .input .totalBase>div:last-of-type {
    padding:10px 0 8px;
    font-size:16px;
}
div.infoInBox .form.totalArea .input .totalBase>div:last-of-type span {
    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%;
}
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:#ff4672;
    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:#222;
    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;
    font-size:16px;
    padding:8px 3%;
    width:100%;
}
div.infoInBox .form select.date {
    -webkit-appearance:none;
    background:white;
    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:12px;
    line-height:1;
}
.send {
    text-align:center;
}
.send p {
    padding:10px;
}
.more-btn {
    margin:0 auto 7px !important;
}
#calcArea {
    box-sizing: border-box;
    width: 96%;
    border-radius: 20px;
    padding: 20px;
    margin: 20px auto 20px;    
    background-color: #fff;
}