.bg_color2 {
    background-color: #eff6f6;
    background-image: linear-gradient(125deg, #1c46c0, #0fc9ff);
}

.tel_wrap.bg_color2{
    background-image: none;
}

#main_img:before{
    content: "";
    display: block;
    width: 100%;
    height: 100.5%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/mask.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: cover;
    pointer-events: none;
    z-index: 1;
}

#main_img:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/copy.svg);
    background-position: 90% 80%;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 23%;
    pointer-events: none;
    z-index: 1;
}

#header.active .logo_wrap {
    width: 220px;
}

.con2_bg{
    opacity: 0.4;
    background-color: #009de3;
}

header{
    padding-top: 0;
}

.txt_color3 {
    color: #f6ad48;
}

.hvr_txt_color3:hover {
    color: #f6ad48;
}

#top_contents2:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/arc.png);
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 1;
        mix-blend-mode: color-burn;
}

.con2_txt_wrap div.con2_item{
    background-color: rgba(78, 87, 145, 0.2);
    backdrop-filter: hue-rotate(45deg) blur(1px);
    padding: 50px 40px;
}

.bg_color3 {
    background-color: #f6ad48;
}

.con2_txt_wrap div.con2_item:before {
    content: "";
    display: block;
    width: 200%;
    height: 100%;
    position: absolute;
    top: 70%;
    left: 5%;
    background-color: rgba(1, 69, 209, 0.2);
    filter: hue-rotate(45deg);
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    pointer-events: none;
    z-index: -1;
    backdrop-filter: revert;
}

.bg_color1 {
    background-color: #1b53c7;
}

.bg_color5 {
    background-color: #36435a;
}

.txt_color1 {
    color: #ffffff;
}

#top_cms{
    background-image: url(./Dup/img/back.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.cate_box{
    background-color: rgba(255,255,255,0.8);
}

.more a.txt_color1{
    color: black;
}

.cms_box{
            background-color: rgba(255,255,255,0.3);
    margin-bottom: 0;
    padding-top: 150px;
}
.title_wrap .sub_title{
        color: #00adbf;
    mix-blend-mode: difference;
    font-weight: bold;
}

.time{
    display: none;
}

.tel_box p{
    color: black;
}

.tel_box a{
    color: orange;
}
.tel_box span {
    color: orange;
}

#main_img {
    height: 40vw;
}

#con_nav{
        margin-top: 150px;
}

#pc_nav li a.active {
    position: relative;
    color: #0454e7;
}

.footer_txt{
    color: white;
}

.con3_txt_wrap{
    color: white;
}

.border_color3 {
    border-color: #f6ad48;
}

#page05 .box_txt1, #page10 li a, #page09 h3{
    color: #13a2ec;
}

#loader .count {
    font-size: 35px;
    color: #12a4ed;
}

#page10 .sitemap_wrap a:before {
    background-color: #1b53c7;
}

.menu_stick{
    color: gray;
}

.menu_stick.trans{
    color: white;
}

#sp_nav li a{
    color: white;
}

#header_sns{
    display: none;
}

#top_contents3{
    margin-bottom: 0;
}

#top_cms .cms_title p{
    color: #0551c1;
    opacity: 1;
}

.linkStyle{ color: #1b53c7;}

#top_cms .cms_2-c .box_txt1{
        color: #1b53c7;
}

.saiyo #video{
       max-width: 1100px;
    margin: auto;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 70px;
        filter: grayscale(0.3);
}

/*-----20220630 correct start------*/

#main_img:before {
    background-color: rgba(9, 22, 177, 0.5);
}

/*-----20220630 correct end------*/

@media all and (-ms-high-contrast: none){
  

}

/* ---------- タブレット ---------- */
@media screen and (max-width: 1080px){

#main_img {
    margin-top: 10px;
}

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

#main_img:before {
    width: 101%;
    height: 102%;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

#main_img:after {
    background-position: 98% 100%;
    background-size: 36%;
}

}