#contents1 h2 span {
    padding-left: 30px;
}

.top_cms_wrap .top_cms_before {
    transform: rotate(10deg) translateY(-50%);
    -moz-transform: rotate(10deg) translateY(-50%);
    -webkit-transform: rotate(10deg) translateY(-50%);
}

.footer_back .f_before {
    transform: rotate(10deg) translateY(-50%);
    -moz-transform: rotate(10deg) translateY(-50%);
    -webkit-transform: rotate(10deg) translateY(-50%);
    left: 80%;
}

.pc_box h1.logo img{
    max-width: 60% !important;
}


#contents1{
    width: 70%;
    margin-left: 1%;
}

.contents1_wrap{
    position: relative;
}

.contents1_wrap:before {
        content: "";
    display: block;
    width: 30%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url(./Dup/img/catch.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
}

#main_img:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/copy.png), url(./Dup/img/ue.png);
    background-position: 80% 50%, 83% 5%;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 20%;
    pointer-events: none;
    z-index: 3;
}

#main_img img {
    max-height: 100%;
    min-height: 100%;
}

#contents_box{
        margin-top: -100px;
}

#contents2 h2:first-letter, #contents3 h3:first-letter {
    color: #fd323f;
}

#top_cms .box {
    box-shadow: none;
}

/*.blur{
    backdrop-filter: none;
}*/

#main_img {
    max-height: 100%;
    min-height: 100%;
    /*margin-top: -20px;*/
}

.img-container_img {
    opacity: 1;
}

.tyu{
    font-size: 16px;
}

.mnd{
    text-align: center;
    background-color: black;
    color: white;
    font-weight: bold;
}

.linkStyle{font-weight: bold;
    color: black;}

.mnd.line{
    background-color: #00b900;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.pc_box h1.logo img {
    max-width: 100% !important;
    width: 100% !important;
}

#contents_box {
    margin-top: 30px;
}

#contents1 p{
    width: 65%;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img {
    margin-top: 0px;
        transform: scale(1.2);
    transform-origin: center top;
}


.contents1_wrap:before {
    content: none;
}

.footer_back .f_before {
    display: none;
}

#contents1 p{
    width: 100%;
}

.all article section {
    padding: 0;
}

}