﻿#main_img .bg_white {
    background-color: rgba(255, 255, 255, 0);
}
.linkStyle {
    color: #C45F2C;
}
#main_img {
    overflow: hidden;
}
#intro_wrap h3 {
    text-align: center;
}
.back1:before, .back2:before {
    background-image: url(./Dup/img/back.png);
    background-size: 60%;
}
#top_cms.back1:before {
    height: 100%;
    z-index: -1;
}
/*#intro_wrap {
    background-image: url(./Dup/img/intro_back.png);
    background-size: 85%;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0);
}*/
#intro_wrap {
    background-image: url(./Dup/img/intro_back2.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border: 5px solid #faf8f8;
    box-shadow: 0 5px 5px 0px rgba(50, 50, 50, 0.2);
}
header.scr_header #logo {
    max-width: 150px;
}

#contents3 .con_box {
    background-image: url(./Dup/img/con4_back.png);
    background-size: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
    border: 5px solid #faf8f8;
    box-shadow: 0 5px 5px 0px rgba(50, 50, 50, 0.2);
}
#contents3 .con_txt .txt_left {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 10px;
}

.tel_wrap {
    position: relative;
}
.tel_wrap .tel_box {
    width: 100%;
    max-width: 350px;
}
#contents1 .con_box {
    position: relative;
}
#contents1 .con_box:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/sui1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    width: 300px;
    height: 300px;
    top: -70px;
    right: -68px;
    opacity: 0.2;
}
#contents1 .con_box:after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/sui3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 350px;
    height: 350px;
    bottom: -389px;
    left: -53px;
    opacity: 0.1;
    z-index: -1;
}
#contents1 .con_box:after {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/sui3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 350px;
    height: 350px;
    bottom: -180px;
    left: -68px;
    opacity: 0.1;
    z-index: -1;
}
#contents2 .con_box {
    position: relative;
}
#contents2 .con_box:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/sui2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    width: 250px;
    height: 250px;
    top: -40px;
    left: -68px;
    opacity: 0.07;
}
.nav_menu_more a .icon:before {
    display: none;
}
#fakeloader .fl {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%)!important;
    width: 50%!important;
    max-width: 350px;
}
#cms_3-d .box_txt1 {
    text-align: right;
}
.tel_box a {
    font-size: 24px;
}
/* 1400 */
@media screen and (max-width: 1400px){
.video {
    width: 112%!important;
}
}
@media screen and (max-width: 1250px) {
.video {
    width: 140%!important;
}
}
@media screen and (max-width: 1077px) {
.video {
    width: 150%!important;
}
}
@media screen and (max-width: 936px) {
.video {
    width: 170%!important;
}
}
@media screen and (max-width: 825px) {
.video {
    width: 180%!important;
}
}
/* タブレット */
@media screen and (max-width: 768px){
#contents2 .con_box:before {
    width: 300px;
    height: 300px;
    top: 310px;
    left: -365px;
    z-index: -1;
}
#contents1 .con_box:before {
    z-index: -1;
}
#contents1 .con_box:after {
    display: none;
}
.cms_2-a .box_item {
    width: 100% !important;
}
.item1 {
    width: 70% !important;
}
.item2 {
    width: 100% !important;
}
.page_title_box {
    padding-left: 20px;
    padding-right: 20px;
}
#cms_2-a .cate .pd_l-r5per {
    padding: 0 2%;
}
.video {
    width: 106%!important;
}
}
/* スマホ */
@media screen and (max-width: 667px){
header.scr_header #logo {
    max-width: 120px;
}
#main_img:before {
    content: "";
    display: block;
    width: 100%;
    height: 74%;
    background-color: rgba(70,70,70,0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
#main_img:before {height: 100%;}
#video{height: 37vh;}
main .back1 {
    margin-top: -85px;
}
main .back1 {
    margin-top: 0px;
}
#logo {
    max-width: 100px;
}
.item1 {
    width: 100% !important;
}
#footer h2 {
    font-size: 20px;
}
.tel_box a {
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
    padding: 10px 0;
}
.point {
    font-size: 23px;
}
#cms_2-a .cate .pd_l-r5per {
    font-size: -webkit-calc(1rem + 3px);
    font-size: calc(1rem + 3px);
}
.menu img {
    display: none;
}
.video {
    width: 117%!important;
}
#footer_con .tel_bt a {
    font-size: 16px;
}
}
