@charset "UTF-8";

/*-----------------画像_送骨-------------------*/
.soukotu_img {
    position: relative;
}
.soukotu_img:after {
    writing-mode: vertical-lr;
    position: absolute;
    content: "『送骨』";
    font-size: 5rem;
    left: 27%;
    letter-spacing: 1.8rem;
    position: absolute;
    text-shadow: 18px 14px rgb(252 255 255 / 75%);
    top: 10%;
}
.soukotu_img_sp {
    display: none;
}
@media screen and (max-width: 768px) {
.soukotu_img:after {
    writing-mode: initial;
    bottom: 18%;
    top: initial;
    font-size: 10vw;
    left: 4%;
    letter-spacing: 0.8rem;
    text-shadow: 17px 10px rgb(252 255 255 / 75%);
}
.soukotu_img_pc {
    display: none;
}
.soukotu_img_sp {
    display: block;
}
}


/*-----------------画像_大切な方を...-------------------*/
#img_nature + .contents_box01 .wrapper_item {
    position: relative;
}
#img_nature + .contents_box01 .inner_item_txt {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}
#img_nature + .contents_box01 .inner_item_txt p {
    width: 95%;
    margin: 0 auto;
    font-size: 4.5rem;
    text-shadow: 1px 1px 2px black;
}
#img_nature + .contents_box01 .inner_item_txt p span:nth-of-type(1) {
    padding-left: 15%;
}
#img_nature + .contents_box01 .inner_item_txt p span:nth-of-type(2) {
    padding-left: 35%;
}
@media screen and (max-width: 768px) {
#img_nature + .contents_box01 .inner_item_txt p {
    width: 100%;
    font-size: 7vw;
}
#img_nature + .contents_box01 .inner_item_txt p span:nth-of-type(1) {
    padding-left: 10%;
}
#img_nature + .contents_box01 .inner_item_txt p span:nth-of-type(2) {
    padding-left: 30%;
}
}


/*-----------------背景画像-------------------*/
#bg_img_border + .contents_box01 .inner_item_txt > div {
    background: url(/common/upload_data/5948-cotonarajp/image/20221226150048.jpg) no-repeat center top / cover;
    border-radius: 130px;
    filter: drop-shadow(17px 17px 0px rgba(221,236,236,0.75));
}
.bg_img_border_textarea {
    width: 60%;
    background-color: rgba(0,0,0,0.4);
    color: #ffffff;
    margin: 0 auto;
    padding: 3rem 2rem;
    text-shadow: 1px 2px #000000;
}
@media screen and (max-width: 768px) {
#bg_img_border + .contents_box01 .inner_item_txt > div {
    border-radius: 0;
    filter: none;
}
.bg_img_border_textarea {
    width: 80%;
}
}

/*-----------------背景画像-------------------*/
#bg_img_border1 + .contents_box01 .inner_item_txt > div {
    background: url(/common/upload_data/5948-cotonarajp/image/20221226150046.jpg) no-repeat center center / cover;
    border-radius: 130px;
    filter: drop-shadow(17px 17px 0px rgba(221,236,236,0.75));
}
@media screen and (max-width: 768px) {
#bg_img_border1 + .contents_box01 .inner_item_txt > div {
    border-radius: 0;
    filter: none;
}
}

/*-----------------画像_ご不明点-------------------*/
.resolution_img {
    position: relative;
}
.resolution_img img {
    width: 100%!important;
}
.resolution_img_sp {
    display: none;
}
@media screen and (max-width: 768px) {
.resolution_img_pc {
    display: none;
}
.resolution_img_sp {
    display: block;
}
}

/*-----------------梱包セット-------------------*/
#packing + .contents_box01 .inner_item_txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.packing_textarea {
    width: 48%;
}
.packing_img {
    width: 48%;
}
.packing_img img {
    width: 100%!important;
}
@media screen and (max-width: 768px) {
#packing + .contents_box01 .inner_item_txt {
    display: block;
}
.packing_textarea {
    width: 100%;
}
.packing_img {
    width: 100%;
    margin-top: 2rem;
}
}

/*-----------------梱包方法-------------------*/
#method + .contents_box01 .contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#method + .contents_box01 .content {
    width: 31%;
}
#method + .contents_box01 .content:nth-child(n + 4) {
    margin-top: 2rem;
}
@media screen and (max-width: 768px) {
#method + .contents_box01 .content {
    width: 48%;
}
#method + .contents_box01 .content:nth-child(n + 4) {
    margin-top: 0;
}
#method + .contents_box01 .content:nth-child(n + 3) {
    margin-top: 2rem;
}
}

/*-----------------費用-------------------*/
.cost {
    width: 100%;
}
.cost th {
    text-align: center;
    background: var(--i_noimg_bg_color);
    padding: 1rem;
    border: 2px solid #fff;
}
.cost td {
    text-align: center;
    background: var(--i_sub2_color);
    padding: 1rem;
    border: 2px solid #fff;
}
@media screen and (max-width: 768px) {
.cost th {
    font-size: 1.5rem;
}
.cost td {
    font-size: 1.5rem;
}
}

/*-----------------見出し_追加費用-------------------*/
#ttl_wrap + .contents_box01 .inner_item_txt strong {
    background: var(--i_noimg_bg_color);
    box-shadow: 28px 23px 0 rgb(211 236 236 / 40%);
    display: inline-block;
    margin-bottom: 3rem;
    padding: 0 2rem;
    font-size: 5rem;
    letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
#ttl_wrap + .contents_box01 .inner_item_txt strong {
    box-shadow: 3vw 3vw 0 rgb(211 236 236 / 40%);
    display: inline-block;
    margin-bottom: 4vw;
    padding: 0 2rem;
    font-size: 7vw;
}
}

/*-----------------画像width幅-------------------*/
@media screen and (max-width: 768px) {
#consultation + .contents_box01 .inner_item_img img {
    max-width: 500px!important;
}
}