@charset "utf-8";
/*引用ボックスデザイン01*/
blockquote.blq01 {
    position: relative;
    padding: 30px 15px 8px 15px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}
blockquote.blq01:before {
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 15px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #cfcfcf;
    font-size: 28px;
    line-height: 1;
}
blockquote.blq01 p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}
blockquote.blq01 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン02*/
blockquote.blq02 {
    position: relative;
    padding: 10px 15px 10px 60px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}
blockquote.blq02:before {
    display: inline-block;
    position: absolute;
    top: 18px;
    left: 15px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #cfcfcf;
    font-size: 30px;
    line-height: 1;
}
blockquote.blq02 p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}
blockquote.blq02 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン03*/
blockquote.blq03 {
    position: relative;
    padding: 35px 15px 10px 15px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #f5f5f5;
    color: #777777;
    border-left: 4px solid #9dd4ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}
blockquote.blq03:before {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 15px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #9dd4ff;
    font-size: 28px;
    line-height: 1;
}
blockquote.blq03 p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}
blockquote.blq03 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン04*/
blockquote.blq04 {
    position: relative;
    padding: 10px 15px 10px 60px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #f5f5f5;
    color: #777777;
    border-left: 4px solid #9dd4ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}
blockquote.blq04:before {
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 15px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #9dd4ff;
    font-size: 30px;
    line-height: 1;
}
blockquote.blq04 p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}
blockquote.blq04 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン05*/
blockquote.blq05 {
    position: relative;
    padding: 10px 15px 10px 50px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    border: solid 2px #464646;
    color: #464646;
}
blockquote.blq05:before {
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 15px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #77c0c9;
    font-size: 25px;
    line-height: 1;
}
blockquote.blq05 p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}
blockquote.blq05 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン06*/
blockquote.blq06 {
    position: relative;
    padding: 10px 15px 10px 50px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #c2e8ed;
    font-weight: bold;
}
blockquote.blq06:before {
    display: inline-block;
    position: absolute;
    top: 17px;
    left: 11px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #77c0c9;
    font-size: 30px;
    line-height: 1;
}
blockquote.blq06 p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}
blockquote.blq06 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン07*/
blockquote.blq07 {
    position: relative;
    padding: 10px 15px 10px 50px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    font-weight: bold;
    color: #464646;
    background: #c2e8ed;
    border: solid 3px #77c0c9;
}
blockquote.blq07:before {
    display: inline-block;
    position: absolute;
    top: 17px;
    left: 11px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #77c0c9;
    font-size: 30px;
    line-height: 1;
}
blockquote.blq07 p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}
blockquote.blq07 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン08*/
blockquote.blq08 {
    position: relative;
    padding: 8px 15px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #ddeaff;
    font-weight: bold;
}
blockquote.blq08:before {
    display: inline-block;
    position: absolute;
    top: -30px;
    left: 11px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #ddeaff;
    font-size: 35px;
    line-height: 1;
}
blockquote.blq08 p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}
blockquote.blq08 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン09*/
blockquote.blq09 {
    position: relative;
    padding: 40px 10px 10px 15px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #ddeaff;
}
blockquote.blq09:before {
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 17px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 35px;
    line-height: 1;
}
blockquote.blq09 p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}
blockquote.blq09 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン10*/
blockquote.blq10 {
    position: relative;
    padding: 10px 10px 10px 32px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #e0e0e0;
}
blockquote.blq10:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #e0e0e0;
    font-size: 22px;
    line-height: 1;
    z-index: 2;
}
blockquote.blq10:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    border-width: 0 0 40px 40px;
    border-style: solid;
    border-color: transparent #ffffff;
}
blockquote.blq10 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq10 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン11*/
blockquote.blq11 {
    position: relative;
    padding: 7px 16px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    border: solid 3px #72ccf4;
}
blockquote.blq11:before {
    display: inline-block;
    position: absolute;
    top: -20px;
    left: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    background: #72ccf4;
    color: #FFF;
    font-size: 22px;
}
blockquote.blq11:after {
    display: inline-block;
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    content: "\f10e";
    font-family: FontAwesome;
    background: #72ccf4;
    color: #FFF;
    font-size: 22px;
}
blockquote.blq11 p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}
blockquote.blq11 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン12*/
blockquote.blq12 {
    position: relative;
    padding: 7px 16px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #585858;
    border: solid 3px #585858;
}
blockquote.blq12:before {
    display: inline-block;
    position: absolute;
    top: -20px;
    left: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    background: #585858;
    color: #FFF;
    font-size: 22px;
}
blockquote.blq12:after {
    display: inline-block;
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    content: "\f10e";
    font-family: FontAwesome;
    background: #585858;
    color: #FFF;
    font-size: 22px;
}
blockquote.blq12 p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}
blockquote.blq12 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン13*/
blockquote.blq13 {
    position: relative;
    padding: 10px 12px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    border: solid 3px #3ca5d4!important;
    border-left-width: 50px!important;
}
blockquote.blq13:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -37px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 22px;
    line-height: 1;
}
blockquote.blq13 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq13 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン14*/
blockquote.blq14 {
    position: relative;
    padding: 10px 12px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    border-left: solid 50px #3ca5d4;
    background: #e0f5ff;
}
blockquote.blq14:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -37px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 22px;
    line-height: 1;
}
blockquote.blq14 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq14 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン15*/
blockquote.blq15 {
    position: relative;
    padding: 10px 12px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    border-left: solid 40px #c4c4c4;
    background: #f3f3f3;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.19);
}
blockquote.blq15:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -32px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 22px;
    line-height: 1;
}
blockquote.blq15 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq15 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン16*/
blockquote.blq16 {
    position: relative;
    padding: 10px 25px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    border: solid 3px #72ccf4;
}
blockquote.blq16:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    border-radius: 0 0 30px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    background: #72ccf4;
    color: #FFF;
    font-size: 22px;
    line-height: 1;
}
blockquote.blq16 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq16 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン17*/
blockquote.blq17 {
    position: relative;
    padding: 5px 12px 5px 56px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #fff4db;
}
blockquote.blq17:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 36px;
    height: 36px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 20px;
    line-height: 36px;
    background: #ffd596;
    border-radius: 50%;
}
blockquote.blq17 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq17 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン18*/
blockquote.blq18 {
    position: relative;
    padding: 5px 12px 5px 56px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #fff0f0;
}
blockquote.blq18:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 36px;
    height: 36px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 20px;
    line-height: 36px;
    background: #ff9d9d;
    border-radius: 50%;
}
blockquote.blq18 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq18 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン19*/
blockquote.blq19 {
    position: relative;
    padding: 5px 12px 5px 56px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #f0f7ff;
}
blockquote.blq19:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 36px;
    height: 36px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 20px;
    line-height: 36px;
    background: #a5d7ff;
    border-radius: 50%;
}
blockquote.blq19 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq19 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン20*/
blockquote.blq20 {
    position: relative;
    padding: 0px 10px 5px 40px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #fff4db;
    border-top: solid 3px #ffd596;
}
blockquote.blq20:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #ffd596;
}
blockquote.blq20 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq20 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン21*/
blockquote.blq21 {
    position: relative;
    padding: 0px 10px 5px 40px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #fff0f0;
    border-top: solid 3px #ff9d9d;
}
blockquote.blq21:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #ff9d9d;
}
blockquote.blq21 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq21 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン22*/
blockquote.blq22 {
    position: relative;
    padding: 0px 10px 5px 40px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #f0f7ff;
    border-top: solid 3px #a5d7ff;
}
blockquote.blq22:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #a5d7ff;
}
blockquote.blq22 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq22 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン23*/
blockquote.blq23 {
    position: relative;
    padding: 5px 15px 5px 55px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #f5f5f5;
}
blockquote.blq23:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 8px;
    width: 38px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #ff785b;
}
blockquote.blq23:after {
    content: '';
    position: absolute;
    left: 8px;
    top: 30px;
    height: 0;
    width: 0;
    border-left: 19px solid #ff785b;
    border-right: 19px solid #ff785b;
    border-bottom: 10px solid transparent;
}
blockquote.blq23 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq23 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン24*/
blockquote.blq24 {
    position: relative;
    padding: 5px 15px 5px 55px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #e8efff;
}
blockquote.blq24:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 8px;
    width: 38px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #87a4e3;
}
blockquote.blq24:after {
    content: '';
    position: absolute;
    left: 8px;
    top: 30px;
    height: 0;
    width: 0;
    border-left: 19px solid #87a4e3;
    border-right: 19px solid #87a4e3;
    border-bottom: 10px solid transparent;
}
blockquote.blq24 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq24 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン25*/
blockquote.blq25 {
    position: relative;
    padding: 5px 10px 5px 35px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #ffebcd;
    border-bottom: solid 3px #ffbe5d;
}
blockquote.blq25:before {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -6px;
    width: 35px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #ffbe5d;
}
blockquote.blq25:after {
    position: absolute;
    content: '';
    top: 40px;
    left: -15px;
    border: none;
    border-bottom: solid 8px transparent;
    border-right: solid 15px #daaa64;
}
blockquote.blq25 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq25 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン26*/
blockquote.blq26 {
    position: relative;
    padding: 5px 10px 5px 35px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #f3f3f3;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
}
blockquote.blq26:before {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -6px;
    width: 35px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #92d4ff;
    box-shadow: 0 2px 2px rgba(26, 26, 26, 0.14);
}
blockquote.blq26:after {
    position: absolute;
    content: '';
    top: 40px;
    left: -15px;
    border: none;
    border-bottom: solid 8px transparent;
    border-right: solid 15px #6eb3e0;
}
blockquote.blq26 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq26 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン27*/
blockquote.blq27 {
    position: relative;
    padding: 25px 10px 5px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #f3f3f3;
}
blockquote.blq27:before {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 9px;
    width: 35px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #6fcdd9;
}
blockquote.blq27:after {
    position: absolute;
    content: '';
    top: -8px;
    left: 49px;
    border: none;
    border-bottom: solid 8px #6cacb5;
    border-right: solid 9px transparent;
}
blockquote.blq27 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq27 cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン28*/
blockquote.blq28 {
    position: relative;
    padding: 10px 20px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #4e4e4e;
    background: #fff3e1;
}
blockquote.blq28:before {
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 10px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #ffe2b8;
    font-size: 58px;
    line-height: 1;
}
blockquote.blq28:after {
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 15px;
    vertical-align: middle;
    text-align: center;
    content: "\f10e";
    font-family: FontAwesome;
    color: #ffe2b8;
    font-size: 40px;
    line-height: 1;
}
blockquote.blq28 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq28 cite {
    position: relative;
    z-index: 3;
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン29*/
blockquote.blq29 {
    position: relative;
    padding: 10px 20px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #4e4e4e;
    background: #fff0f0;
}
blockquote.blq29:before {
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 10px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #ffdfdf;
    font-size: 58px;
    line-height: 1;
}
blockquote.blq29:after {
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 15px;
    vertical-align: middle;
    text-align: center;
    content: "\f10e";
    font-family: FontAwesome;
    color: #ffdfdf;
    font-size: 40px;
    line-height: 1;
}
blockquote.blq29 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq29 cite {
    position: relative;
    z-index: 3;
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*引用ボックスデザイン30*/
blockquote.blq30 {
    position: relative;
    padding: 10px 20px;
    margin: 30px 15px;
    box-sizing: border-box;
    font-style: italic;
    color: #4e4e4e;
    background: #f2f9ff;
}
blockquote.blq30:before {
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 10px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #d2e6ff;
    font-size: 58px;
    line-height: 1;
}
blockquote.blq30:after {
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 15px;
    vertical-align: middle;
    text-align: center;
    content: "\f10e";
    font-family: FontAwesome;
    color: #d2e6ff;
    font-size: 40px;
    line-height: 1;
}
blockquote.blq30 p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
blockquote.blq30 cite {
    position: relative;
    z-index: 3;
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}