/********** 詳細ページのCSS（TOP画像が変わるため注意！） **********/

/********** 詳細ページのTOP画像を変更 ***********/
/* メインページのTOP画像を表示しない */
.hero-img {
    display: none;
}


/********** 文字の装飾 *********/
/* 赤く強調 */
.fontRed {
    font-size: 1.1em;
    color: #ff0505;
    font-weight: bold;
}

/* 黄色アンダーライン */
.under-yellow {
    background: linear-gradient(transparent 70%, yellow 92%);
}

/*********** h2 **********/
h2 {
    border-radius: 100vh 0 0 100vh;
    padding: 0.5em 1em;
    margin: 1em auto;
    font-size: 1.3em;
    font-weight: bold;
    color: #fff;
    background-image: linear-gradient(to right, #f00 0%, #ff9900 100%);
}

/*********** h3 **********/
h3 {
    position: relative;
    padding: 0.4em;
    font-weight: bold;
    font-size: 1.2em;
}

h3:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    content: '';
    background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}


/********** こんなトラブルはございませんか？ **********/
.box-child {
    margin: 1.5em 0.5em 3em 0.5em;
    background: #fff4cfb0;
    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.22);
}

.box-child .box-child-title {
    font-size: 1.2em;
    background: #ffde59;
    padding: 4px;
    text-align: center;
    color: #494949;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.box-child-wrap {
    padding: 0.5em 0.2em;
}

.box-child p {
    padding: 15px 20px;
    margin: 0;
}

.box-child-list::before {
    content: "";                 /* 空の要素作成 */
    width: 28px;                            /* 幅指定 */
    height: 27px;                           /* 高さ指定 */
    display:  inline-block;                 /* インラインブロックにする */
    background-image:  url("/img_new/icon-check.png");  /* アイコン指定 */
    background-size: contain;              /* アイコンの大きさ指定 */
    background-repeat: no-repeat;          /* アイコンをリピートしないようにする */
    vertical-align: bottom;                    /* アイコンの位置を調整 */
    margin-right: 1px;
}


/********** 詳細ページ料金表 **********/
.child-price {
    margin: 1em 0.5em 2em 0.5em;
}


/********** 詳細ページCTA2とreuse.php の間を開ける ***********/
.trouble {
    margin-top: 2em;
}


/********** 鍵を開けたい **********/
.child-ex {
    margin: 0.5em 1em;
}

.child-eximg {
    margin: 0.5em auto;
}

.child-exp {
    margin: 1em 0.5em;
}

.child-section {
    margin: 3em auto;
}


/********** 安心と信頼のサムネ **********/
.child-eximg2 {
    margin: 1.5em auto;
}


/********** 注意事項の余白 **********/
.price2-warning-main {
    padding-bottom: 0;
}