
body {
    background: #FDFFFF;
    /*全文字を中央揃えに*/
    text-align: center;
    color: darkslategrey;
    font-size: 20px;
}

h1 {
    /*h1タグ内の文字色を変える*/
    color: #f89174;
}

#headline {
    /*id="headline"の下に点線を引く*/
    border-bottom: dotted 2px #f89174;
}

#headline p {
    /*id="headline"の中のフォントサイズを1.2倍に*/
    font-size: 1.2em;
}

h2 {
    /*h2タグの文字色をオレンジに*/
    color: orange;
}

a {
    /*リンクの文字色をグレイに*/
    color: gray;
}

.balloon5 {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
}

.balloon5 .faceicon {
    float: left;
    width: 200px;
}

.balloon5 .faceicon img {
    width: 100%;
    height: auto;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
}

.balloon5 .chatting {
	float:right;
}

.says {
    display: inline-block;
    position: relative;
    margin: 5px 0 0 20px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
}

.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 25px;
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #d7ebfe;
}

.says p {
    margin: 0;
    padding: 0;
    font-size: 20px;
}

.bc {
    padding: 0px 0 0 0;
    max-width: 520px;
    margin: 15px auto;
    text-align: right;
    font-size: 14px;
    background: white;

}
#kaso_content section:nth-child(odd){background:#FFF;border-top:4px solid #f0f0f0;border-bottom:4px solid #f0f0f0;}
.section:last-child{padding-bottom:0;}
.center_btn .note{font-size:13px;padding:5px 0 0 0;}
.center_btn a{font-size:22px;background:#0068B6;color:#FFF;line-height:60px;display:inline-block;padding:0 59px;}
.repairContactTitle{border-radius:50px;display:inline-block;padding:0 40px;}
.repairContactText{margin:0;}
.repairContactTitle{color:#0068B6;background:#FFF;border:4px solid #0068B6;}
.repairContactText{padding:20px 20px;background:#f0f0f0;display:inline-block;border-radius:5px;margin:0 0 40px 0;}

h2.lp_title{font-size:32px;}
.repairContactInner{padding:20px 0 0 0;}
@media screen and (max-width: 600px) and (orientation: portrait){
.kaso_content_title{    font-size: 20px;}
.balloon5 .faceicon{float:none;text-align: center;margin:0 auto;}
.balloon5 .chatting{float:none;margin:0 auto;width:100%;text-align:center;}
.says:after{    transform: rotate(90deg); bottom: 100%; left: 43%;}
.repairContactTel{font-size:16px;margin:0 auto 20px;}
.repairContactText{text-align:center;padding-right:10px; padding-left:10px;}
.repairContactTitle{font-size:16px;padding-left: 20px;padding-right: 20px;}
h2.lp_title{font-size:24px;}
p{font-size:15px;}

}
