.bg_color1 {
    background-color: #6A7984;
}

/*#main_img:before {
    background-color: rgba(103, 188, 202, 0.5);
}*/

/*#main_img:before {
    background-color: rgba(137, 159, 162, 0.25);
}*/

#main_img:before {
    background-color: rgba(191, 227, 232, 0.25);
}


.overlay {
background:none !important;
    background-color: rgba(191, 227, 232, 0.8) !important;
}


/*header.scr_header {
    background-color: rgba(153, 168, 169, 0.2) !important;
}*/

header.scr_header {
    background-color: rgba(179, 187, 187, 0.2) !important;
}

#pc_nav li a, #top_pc_nav li a, #footer_nav li a {
    color: #293233;
    font-weight: bold;
}

h3{
color: #459cbd;
}

.back1:before,  .back2:before{
    background-color: rgba(98, 101, 103, 0.12) !important;
}

#fakeloader.bg_color1{
background-color: #b8c6c7;
}

.menu .square_box{
    background-image: url(./Dup/img/back_logo.png);

position:relative;
}

.menu .square_box:before{
 content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color:white;
    
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
   opacity:1;
    pointer-events: none;
z-index:1;
animation: test 5s ease-out 0.1s 1 normal forwards;

}

.menu .square_box a{
    z-index: 2;
    position: relative;
}


@keyframes test {
  0% {
opacity:1;
  }

  90% {
opacity:1;
  }


  100% {
 
opacity:0;
  }
}




.txt_color1 {
    color: #ffba0c;
}

.num.opacity05{
opacity:1;
}

.num{
font-size:85px !important;
}

#contents3_wrap:after {
    background-color: rgba(223, 235, 239, 0.3) !important;
}

.txt_color3 {
    color: #386384;
}

.bg_color2 {
    background-color: #e2e2f1;
}


#info_contact .con_img:before {
    background-color: rgba(106, 121, 132, 0.3) !important;
}

.come{
display: block;
    z-index: 1;
    background-color: rgba(255,255,255,0.6);
    position: relative;
    bottom: 0;
    font-weight: bold;
}

#page_title:before {
    background-color: rgba(191, 227, 232, 0.25);
 }

.henko p a img{
max-width:200px;
}

.bg_color3 {
    background-color: #9acbda;
}


.button_container span {
    background: black;
}

.button_container span:nth-of-type(1) {
    color: black;
}

#overlay .left, #overlay .right {
    border-color: #ababab;
}

#overlay .left li:before, .overlay ul li a {
      color: #777676;
}

.overlay-menu .txt_white{
 color: #777676;
}

.overlay-menu .nav_menu_more a{
color:white;
}

.nav_menu_more:first-of-type a .icon:before {
    content: "\f4ad";
    top: -3px;
    left: -30px;
}

.button_container.active span:nth-of-type(1),  .button_container.active .top, .button_container.active .middle, .button_container.active .bottom{
    color: black;
}

 .button_container.active .top, .button_container.active .middle, .button_container.active .bottom{
   background: black;
}

.border_color4 {
    border-color: #cccccc;
}


/*-------2021 0217 start--------*/

.txt_color1 {
    color: #d6b360;
}

.menu .square_box {
    background-image: none;
}

/*-------2021 0217 end--------*/


@media all and (-ms-high-contrast: none){
.come {
    padding-top: 3px;
}

}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.num{
font-size:50px !important;
}
}

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

}