/* ----------　all　---------- */
.linkStyle{
	color:#1da32d;
}
.linkStyle:hover{
	color:#1da32d;
	opacity: 0.7;
	transition: all 0.5s;
}

.bg_color1 {
    background-color: #2b2f54;
}

.bg_color2 {
    background-color: #dfdfdf;
}

.txt_color1 {
    color: #033776;
}

/* ----------　TOP　---------- */

#contents3_wrap:after {
        background-color: rgba(70, 75, 116, 0.8) !important;
    mix-blend-mode: color;
}

#nav_menu{
    display: block;
}

header{
    opacity: 1 !important;
    z-index: 4 !important;
}

#main_img:before{
    display: none;
}

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

.button_container span {
    background: rgb(43, 47, 84);
}

.button_container span:nth-of-type(1){
        color: #2b2f54;
}

#main_img .menu p{
    display: none;
}

.back1:before {
    background-color: rgba(49, 85, 133, 0.9)  !important;
}

#intro .num {
    top: 0px;
    font-size: 16px;
    opacity: 1;
    left: 0%;
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    transform: translate(-0%,0);

    position: relative;
}

.niju{
        position: relative;
   transform: translateX(-5%);
    padding: 0 3%;
}

.niju img:nth-child(2){
    margin-top: 10%;
}

.niju img:nth-child(3){
    margin-top: 20%;
}

.niju span{
    display: block;
    position: absolute;
    top: 0;
    right: -10%;
    max-width: 400px;
    width: 30%;
}

#fakeloader{
    background-color: #e1ebec !important;
}

#intro_wrap {
    padding-top: 9%;
}

header.scr_header {
   background-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(5px);
}

#top_pc_nav{
    margin-top: 0;
}

#main_img .menu {
    top: 90%;
}

#logo {
    max-width: 220px;
        width: 20%;
}

#contents1 .num {
    top: 0px;
    left: 0%;
    -ms-transform: translate(0%,0);
    -webkit-transform: translate(0%,0);
    transform: translate(0%,0);
    font-size: 16px;
    z-index: 1;
    position: relative;
    margin-bottom: 12px;
    display: block;
    opacity: 1;
}

#contents2{
    display: none;
}

#contents3{
    position: relative;
}

/*#contents3:before{
    content: "";
    display: block;
    width: 100%;
    height: 166px;
    position: absolute;
    top: -100px;
    left: 50%;
    background-color: black;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 60%;
    pointer-events: none;
}*/

.pare{
    margin:10% auto;
}

#video{
        position: absolute;
    top: 60%;
    height: 100%;
    background-color: #ceecff;
}

.video{
           filter: opacity(0.5);
    mix-blend-mode: revert;
}

#contents1_wrap{
    background-image: url(./Dup/img/en.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
}

#contents3 .num {
    top: 0;
    left: 0%;
    -ms-transform: translate(-0%,0);
    -webkit-transform: translate(-0%,0);
    transform: translate(-0%,0);
    font-size: 16px;
    position: relative;
    text-align: center;
    margin-bottom: 32px;
    display: block;
    width: 100%;
}

#contents3_wrap .con_box:before{
    content: "";
    display: block;
    width: 50%;
    height: 300px;
    position: absolute;
    top: -10%;
    left: 0%;
    background-image: url(./Dup/img/aku.jpg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
}

#contents3_wrap .con_box{
    
}

/*#video:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/aku.jpg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: cover;
    pointer-events: none;
}*/

#pc_nav li a{
    color: black;
}

.overlay {
    background: #f7f7f7;
}

.intro_title h3{
    font-weight: bold;
    color: #2b2f54;
    font-size: 40px;
}

.txt_color3 {
    color: #2b2f54;
}

.border_color3 {
    border-color: #c9c9c9;
}

.line-l:before {
    background-color: rgba(181, 181, 181, 1);
}

#page_title:before {
    height: 20%;
    background-color: rgba(175,175,175,0.4);
    mix-blend-mode: color-dodge;
}

.overlay.open {
    z-index: 2;
}

.overlay {
    background: #bdbdbd !important;
}

.hvr_bg_color2:hover {
    background-color: #ebebeb;
}
.hvr_txt_color1:hover {
        color: #00a99d;
}

#main_img{
    z-index: 0;
}

a.more_btn{
        border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

header.scr_header #pc_nav {
    margin-right: 80px;
}

#pc_nav li, #top_pc_nav li, #footer_nav li {
    max-width: 100%;
}

#page_title #page_left{
    width: 100% !important;
    overflow: hidden;
}

#page_title #page_left #video{
    position: relative;
    top: 0;
    height: 100%;
    background-color: #0068cb;
}

#page_title #page_left #video .video{
        filter: opacity(0.8);
        mix-blend-mode: screen;
}

#page_title #page_right{
    display: none;
}

#pc_nav{
    margin-right: 80px;
}

#page4 #cms_2-a .cate_box{
    border-left: 2px dotted darkgrey;;
}

.back1:before {
    left: 1.8%;
}

.back1:before, .back2:before {
    width: 37.7%;
}

.cms_title p, .cms_title h3{
    color: white;
    position: relative;
    z-index: 7;
}


#footer_nav{
    mix-blend-mode: color-burn;
}

.page_title_box p{
    opacity: 1;
    color: #d1d1d1;
        color: #1da32d;
}

#top_cms .cms_1-f .cate_box{
        background-color: white;
    position: relative;
    padding: 10px 20px;
    box-sizing: border-box;
}

#tel_txt{
    background-color: rgba(255,255,255,0.9);
    z-index: 2;
    position: relative;
    padding: 30px 20px;
}

.border_color2 {
    border-color: #b3b3b3;
}

#contact_tel{
        z-index: 2;
    position: relative;
}

#contact_tel a{
        background-color: white;
}

.bg_color3 {
    background-color: #3dab4a;
}

#cms_2-a .cate_box .box_item.sen{
    border:1px solid #d7d7d7;
}

.come{
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
}

#cms_6-c .circle {
    z-index: 3;
}

#overlay .left li {
    max-width: 200px;
}

.banner2{
      bottom: 0px;
      left: 0;
      z-index: 100;
      max-width: 300px;
}


/*--------20220706 correct start--------*/

#main_img:after {
    background-position: 96% 50%, 50% 83%;
    background-size: 9%, 40.5%;
}

/*--------20220706 correct end--------*/

/* ----------　下層ページ　---------- */
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */

/*-------------------------------------------------------
			            IE
-------------------------------------------------------*/

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

  }
}

/*-------------------------------------------------------
			          カスタム
-------------------------------------------------------*/
@media screen and (min-width: 1100px){
    .lth{
    display: none;
}
}

@media screen and (max-width: 1100px){
    .lth{
    display: block;
        max-width: 300px;
    width: 80%;
    margin: auto;
    margin-top: 10%;
}

.gth{
    display: none !important;
}

.niju {
    transform: translateX(-0%);
}

.pare{
    margin-top: 0;
}



}

/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
    
    #page_title .page_title_box {
        padding-bottom: 28px;
        width: 60%;
    }
    
    #main_img{
        padding-top: 70px;
    }
    
    #contents1_wrap {
    background-size: 70%;
        background-position: bottom left;
}
    #main_img:after {
    background-position: 68% 8%, 50% 85%;
    background-size: 18%, 55.5%;
}



/*--------20220706 correct start--------*/

#main_img:after {
    background-position: 96% 64%, 50% 95.5%;
    background-size: 10%, 58.5%;
}

/*--------20220706 correct end--------*/

    
}

/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
    
    #page_left, #page_right {
        height: 280px;
    }
    
    #logo {
    min-width: 135px;
}
    
    #main_img:after {
    background-position: 68% 15%, 50% 89%;
    background-size: 20%, 65%;
}
    
    .intro_title h3 {
    font-size: 27px;
    margin: 20px 0;
}
    
    .lth {
    max-width: 210px;
}
    
     #contents1_wrap {
        background-position: top right;
}
    
    
    #contents1_wrap .con_box{
    background-color: white;
    padding: 30px 20px;
}
    
    .cms_title p, .cms_title h3 {
       color: #707070;
    mix-blend-mode: difference;
    -webkit-mix-blend-mode: difference;
}
    
    .page_title_box h2{
        font-size: 21px;
    }
    
    #page_title .page_title_box {
    width: 70%;
}
    
    #page9 .box p{
        letter-spacing: 0.1em;
    }
    
    #top_cms{
        background-color: white;
    }
    
}/**/