.cp_qa *, .cp_qa *:after, .cp_qa *:before {
 font-family: sans-serif;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
}
.cp_qa {
 margin: 0 0 2em 10px;
 padding: 1em 1em 0.5em 1em;
 background: #e1f5fe;
}
.cp_qa h1 {
 font-size: 1.2em;
 position: relative;
 margin-right: 1em;
 margin-left: -26px;
 padding: 0.3em;
 color: #ffffff;
 background-color: #42a5f5;
 box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.cp_qa h1::after {
 position: absolute;
 bottom: -10px;
 left: 0;
 display: inline-block;
 width: 0;
 height: 0;
 content: '';
 border-width: 0 10px 10px 0;
 border-style: solid;
 border-color: transparent #1976d2 transparent transparent;
}
.cp_qa dl {
 margin: 0;
}
.cp_qa dt {
 margin-bottom: 0.5em;
 padding: 0.2em 0.5em 0.5em 2em;
 border-radius: 0.2em;
 background: #ffb74d;
}
.cp_qa dd {
 margin-bottom: 1em;
 margin-left: 0;
 padding: 0.5em 1em 1.5em 3em;
}
input[type="text"],
textarea {
    padding: 0.8em;
   width: 400px;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
   text-align: center;
}
textarea {
    width: 600px;
}
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
 font-family: sans-serif;
 -webkit-box-sizing: border-box;
         box-sizing: border-box;
}
.cp_qa {
 margin: 0 0 2em 10px;
 padding: 1em 1em 0.5em 1em;
 background: #e1f5fe;
}
.cp_qa h1 {
 font-size: 1.2em;
 position: relative;
 margin-right: 1em;
 margin-left: -26px;
 padding: 0.3em;
 color: #ffffff;
 background-color: #42a5f5;
 box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.cp_qa h1::after {
 position: absolute;
 bottom: -10px;
 left: 0;
 display: inline-block;
 width: 0;
 height: 0;
 content: '';
 border-width: 0 10px 10px 0;
 border-style: solid;
 border-color: transparent #1976d2 transparent transparent;
}
.cp_qa dl {
 margin: 0;
}
.cp_qa dt {
 margin-bottom: 0.5em;
 padding: 0.2em 0.5em 0.5em 2em;
 border-radius: 0.2em;
 background: #ffb74d;
}
.cp_qa dd {
 margin-bottom: 1em;
 margin-left: 0;
 padding: 0.5em 1em 1.5em 3em;
}
input[type="text"],
textarea {
    padding: 0.8em;
   width: 400px;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
   text-align: center;
}
textarea {
    width: 600px;
}
/* QAアイコン */
.cp_qa dt::before,.cp_qa dd::before{
 font-size: 1.5em;
 color: #ffffff;
}
.cp_qa dt::before {
 margin: 0.3em 0.3em 0 -1em;
 content: 'Q';
}
.cp_qa dd::before {
 margin: 0 0.5em 0 -2em;
 padding: 0.2em 0.4em;
 content: 'A';
 border-radius: 0.2em;
 background: #00bcd4;
}
em.yellow {
    background-image: linear-gradient(to right, #ffed00 50%, transparent 50%);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 200% 10px;
    margin-bottom: 10px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    font-style: normal;
    font-weight: bold;
}