@charset "utf-8";
/* CSS Document */

img {
    max-width: 100%;
    height: auto;
    width /***/:auto;
    border:none;
}

@media (min-width: 800px){
    #cpBox .phone_head img {
        max-width: 640px;
    }
}

/*========20170331追加========*/
@media screen and (max-width: 980px){
    #cpBox{
    	max-width: 100%;
    	height: auto;
    	width /***/:auto;
    	margin:0 auto;
    	/*padding-bottom:3em;*/
    	}
}

#chatboxwrapper{
    max-width: 800px;
    margin: 0 auto;
}


#cpBox a:link{border:none;}

#cpBox p.startBtn,input.btn {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

.tomalBtn:hover{
background-position:left bottom;
}

a.tomaluBtn {
	display: block;
	background: url(../img/topBtn_up.jpg) no-repeat 0 0;
}


a.tomaluBtn:hover {
	background: url(../img/topBtn_dwn.jpg) no-repeat 0 0;
}

img.stepLevel,img.stepLevelFinal {
  padding-bottom: 5px;
}

.balloonCount{
	top: 150px;
	font-size: 40px;
	letter-spacing: 0;
	width: 42%;
	display: none;
}
#NoticeMessage {
    letter-spacing: normal !important;
    color: #e91937;
    line-height: 1.667 /* 20px */;
    font-size: 116.7%;
}
/*========20190524追加========*/

.cmSlct.jsSlct .vwoField strong {
  font-size: 130%;
  display: inline-block;
  vertical-align: middle;
}

label.cmIptTxt input,
label.cmTxtArea textarea {
  font-size: 130%;
}

/*========20191119追加 UI改善========*/

@media screen and (max-width: 767px){

    header{ padding: 2px 0 0 0; margin-bottom: 4px; }

    #Main .cmTit01 {
    	height: auto;
        padding: 14px 0 12px;
    }

    #Main .cmTit01 > span {
        width: auto;
        padding: 0 14px;
    }

    #Main .cmSecWidth01, #Main .cmSecWidth02 {
        width: auto;
        margin-left: 14px;
        margin-right: 14px;
        margin-bottom: 35px !important;
    }

    #Main .mcSecM-top{ margin-top: 14px }
    #Main .cmTxtLL1 { font-size: 133.3%; line-height: 2 /* 24px */ }

    #Main .cmWidhMax {
        max-width: inherit;
    }

    #Main .cmCol3Wrap > .cmColBlock, #Main .cmCol4Wrap > .cmColBlock {
        margin: 20px 0 0 0px;
        width: 100%;
        padding: 0;
    }

    #Main .cmCol3Wrap > .cmColBlock.cmColorBox03.cmWidhMax.jsHeightFix{ margin: 20px 0 0 0px; padding: 10px 0; }

    #Main .cmCol2Wrap {
        width: auto;
        text-align: center;
        margin: -10px 0 20px -14px;
    }

    #Main .cmCol2Wrap .cmColBlock{
        margin: 14px 0 0 20px;
    }

    #Main .cmCol3Wrap, #Main .cmCol4Wrap {
        width: auto;
        text-align: center;
        margin: -40px 0 0 0px;
    }

    #Main .cmCol3Wrap{
        width: auto;
        text-align: center;
        margin: -20px 0 0 0px;
    }

    h2.cmTit03-line{
    	border-bottom: 1px solid #e0e0e0;
        padding-bottom: 10px;
    }
    .cmSecWidth02.cmSecXXL2 h3.cmTxtL.cmSecM.cmColorBoxInr{
    	border-bottom: 1px solid #efefef;
        padding-bottom: 10px;
        margin-bottom: 10px !important;
    }
    p.cmSecXXL2.cmPosCenter{ padding: 0 60px; margin-bottom: 35px !important; }

    #Main ol.cmCol3Wrap li.cmColWrap_step{
    	padding: 0 0 10px;
    	max-width: 300px;
    }

    li.cmColBlock.cmColorBox02.cmWidhMax.jsHeightFix h3.cmSecM{
    	margin-bottom: 10px !important;
    }

    .cmInfoTel{
      margin: 20px 0 10px;
    }

    .cta_note {
        position: relative;
        padding: 0.3em 0.8em 0.3em 0.8em;
        font-size:18px;
        margin-top: 20px;
    }
    .cta_note::before,
    .cta_note::after {
        position: absolute;
        width: 0;
        height: 25px;
        content: '';

        border-width: 0 0 0 1px;
        border-style: solid;
        border-color: #333;
    }
    .cta_note::before {
    top: 2px;
        right: 0px;
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg);
    }
    .cta_note::after {
        top: 2px;
        left: 0px;
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg);
    }
}


/*========20210212追加==アンケート改修======*/

@media screen and (max-width: 767px){
    .cmFormList > li .cmIptCheck {
        display: inline-block;
        margin-top: 0px;
    }

    .cmFormList > li .cmIptCheck span{
        padding: 5px 12px 5px 35px;
        border: 2px solid #e4e4e4;
        background-color: #fdfdfd;
        border-radius: 10px;
    }

    .sequential .cmIptCheck input + span:before{
        margin-top: 7px;
        margin-left: 10px;
    }

    .cmIptCheck.hover input + span:before, .cmIptRadio.hover input + span:before {
        border-color: #e9e9e9;
    }

    .cmIptCheck input:checked + span:after {
        border-left: 3px solid #0caf5d;
        border-bottom: 3px solid #0caf5d;
        left: 12px;
        margin-top: 7px;
    }

    .sequential .cmIptCheck input:checked + span{
        background: #fff;
        border: 2px solid #0caf5d;
    }
}