﻿#socialgift {
    text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    /*font-family: 'Noto Sans JP', sans-serif;*/
}
#socialgift h2 {
    height: auto;
    padding: 0;
}
#socialgift .what_is_socialgifting {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.11em;
    text-align: center;
    margin: 34px auto 56px auto;
}
#socialgift .what_is_socialgifting .ttl_what_is_socialgifting {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.2em;
    font-weight: bold;
    color: #ffffff;
    background-color: #73d282;
    width: 238px;
    height: 26px;
    margin: 0 auto 12px auto;
}
#socialgift .what_is_socialgifting span {
    background-color: #ffe780;
    padding: 0 2px 2px 2px;
}
#socialgift .what_is_socialgifting .note {
    margin-top: 26px;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.07em;
    color: #939292;
}
#socialgift .gift_for {
    background-image: url(/images/site/lp/socialgift/bg_light_green_pc.png);
    min-height: 420px;
    padding-top: 30px;
    text-align: center;
    box-sizing: border-box;
}
#socialgift .gift_scenes .ttl, #socialgift .gift_for .ttl, #socialgift .gift_for p {
    line-height: 0;
}
#socialgift .gift_for .recipient {
    margin: 10px auto 26px auto;
}
#socialgift .gift_for .point {
    width: 628px;
    margin: auto;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}
#socialgift .gift_scenes {
    background-image: url(/images/site/lp/socialgift/bg_green_pc.png);
    min-height: 439px;
    padding-top: 30px;
    box-sizing: border-box;
}
#socialgift .gift_scenes .ttl {
    text-align: center;
    line-height: 0;
}
#socialgift .gift_scenes .scenes_list {
    width: 642px;
    display: flex;
    justify-content: space-between;
    margin: 20px auto 0 auto;
}
#socialgift .gift_scenes .scenes_list .scenes {
    border-radius: 10px;
    width: 150px;
    box-shadow: 2px 2px 0 #68dd73;
    line-height: 0;
}
#socialgift .procedure .almost_compatible {
    position: relative;
    height: 300px;
    margin: 8px auto;
}
#socialgift .procedure .almost_compatible .on_txt {
    position: absolute;
    top: 168px;
    left: 68px;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.07em;
    width: 290px;
}
#socialgift .procedure .howto_gift {
    position: relative;
    background-color: #d5f1d9;
    padding: 18px 0 22px 0;
}
#socialgift .procedure .howto_gift .ttl {
    text-align: center;
    line-height: 0;
    margin-bottom: 12px;
}
#socialgift .procedure .howto_gift .procedure_slide .slide {
    display: flex;
    justify-content: space-between;
}
#socialgift .procedure .howto_gift .procedure_slide .slide .procedure_step {
    position: relative;
    width: 180px;
}
#socialgift .procedure .howto_gift .procedure_slide .slide .procedure_step:not(:last-child)::after {
    content: '';
    background-image: url(/images/site/lp/socialgift/arrow_socialgift_pc.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 136px;
    right: -6px;
    display: block;
    width: 11px;
    height: 19px;
}
#socialgift .procedure .howto_gift .procedure_slide .slide .procedure_step .step,#socialgift .procedure .howto_gift .procedure_slide .slide .procedure_step .surprise_setting {
    text-align: center;
    line-height: 0;
}
#socialgift .procedure .howto_gift .procedure_slide .slide .procedure_step .step_by_step_instructions {
    width: 130px;
    margin: auto;
    font-size: 11px;
    line-height: 16px;
    color: #231815;
    margin: 4px auto 12px auto;
}
#socialgift .procedure .howto_gift .procedure_slide .slide .procedure_step .note {
    width: 130px;
    margin: auto;
    font-size: 11px;
    line-height: 16px;
    color: #939292;
}
#socialgift .procedure .get_your_gift {
    position: relative;
    background-color: #f1faf2;
    padding: 30px 0 38px 0;
}
#socialgift .procedure .get_your_gift .ttl {
    text-align: center;
    line-height: 0;
    margin-bottom: 12px;
}
#socialgift .procedure .get_your_gift .procedure_slide .slide {
    display: flex;
    justify-content: space-between;
}
#socialgift .procedure .get_your_gift .procedure_slide .slide .procedure_step {
    position: relative;
    width: 180px;
}
#socialgift .procedure .get_your_gift .procedure_slide .slide .procedure_step:not(:last-child)::after {
    content: '';
    background-image: url(/images/site/lp/socialgift/arrow_socialgift_pc.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 136px;
    right: -6px;
    display: block;
    width: 11px;
    height: 19px;
}
#socialgift .procedure .get_your_gift .procedure_slide .slide .procedure_step .step,#socialgift .procedure .get_your_gift .procedure_slide .slide .procedure_step .surprise_setting {
    text-align: center;
    line-height: 0;
}
#socialgift .procedure .get_your_gift .procedure_slide .slide .procedure_step .step_by_step_instructions {
    width: 130px;
    margin: auto;
    font-size: 11px;
    line-height: 16px;
    color: #231815;
    margin: 4px auto 0 auto;
}
#socialgift #housewarmingGiftService {
    font-family: "メイリオ", Meiryo, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    padding-bottom: 0;
}
#socialgift .wrapping {
    margin-top: 38px;
}
#socialgift .wrapping .ttl {
    text-align: center;
    line-height: 0;
}
#socialgift .wrapping .can_be_specified {
    text-align: center;
    margin: 36px auto 20px auto;
    font-size: 14px;
    line-height: 24px;
}
#socialgift .common_ttl_content {
    text-align: center;
}
#socialgift #housewarmingGiftService .service_list .type_of_service:first-child, #socialgift #housewarmingGiftService .service_list .type_of_service:nth-child(2) {
    height: 250px;
}
