@charset "UTF-8";

#img_a1,
#img_b1 {

    height: 65px ;


}



.anim_fade {
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
}


.fadein3.scrollin {
    opacity: 1;
    transform: translate(0, 0);
}


.fadein3 {
    opacity: 0.1;
    transform: translate(0, 50px);
    transition: all 500ms;
}



.opacity23 {

    animation-duration: 10s;
    animation-name: fo02;
    animation-fill-mode: forwards;
    animation-iteration-count:infinite;
}


main {

    opacity: 0;

}

.op01 {

    opacity: 1;
}



.top_v img {

    width: 100%;
}


.top_main_t {

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}


.top_main_t .mod-frame {

    display: flex;
    justify-content: center;
    align-items: center;

}



.main_list ul {


display: flex;
align-items: center;
justify-content: space-between;
transition: all .3s;

}





.main_list ul li  {

    display: block;
    display: block;
    flex: 0 0 49%;
    background: #002060;
    transition: all .5s;
}


.main_list ul li span {

    text-align: center;
 
    font-size: clamp(1.8rem, 0.022rem + 3.7vw, 2.8rem);
    padding: 25px 0;
    display: block;
    font-family: "YuMincho", "Times New Roman", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-feature-settings: "palt";
    transition: all .3s;
}


.main_list ul li a  {

display: block;
text-decoration: none;
color: #fff;


}

.main_list ul li:hover {

    opacity: .55;
}

.main_list ul li span:hover {
    transform: scale(1.08);



}


.adg_tittle01 {

    position: relative;
  width: 100%;
  padding-top: 12.258%;
    background: url(/company/ady_img/tumugu_tittlebk01.jpg) center center no-repeat;
    background-size: 100% 100% ; 

}

.adg_tittle01_inner {

    position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
    justify-content: center;
    align-items: center;
}

.adg_tittle01_inner h3 {

position: relative;
display: block;
    font-family:"YuMincho",  "Times New Roman", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-feature-settings: "palt";
    color: #1F3B73;
    font-size: clamp(2rem, -0.133rem + 4.44vw, 3.2rem);

}

.adg_tittle01_inner h3 span {

    display: block;

}

.adg_list small {

    display: block;
    font-size: clamp(1rem, 0.733rem + 0.56vw, 1.15rem);
}


.adg_list ul {

    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    line-height: 1.4;

}

.adg_list ul li {

    display: block;
    flex: 0 0 24%;
    background: #002060;

    transition: all .5s;
    font-size: clamp(1rem, 0.378rem + 1.3vw, 1.35rem);

}


.adg_list ul a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 15px 0;

    box-sizing: border-box;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-feature-settings: "palt";
}

.adg_list ul li:hover {

    opacity: .55 !important;

}


.adg_list .fl_b {

    display: flex !important;
    justify-content: center;
    align-items: center;
}


.adg_list .fl_b span {
    display: block;
    margin:8.1px 10px;


}


.adg_list .fl_b 
.link_pdf {
    border: 1px solid;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.6;
    border-radius: 4px;
    letter-spacing: 0.1rem;


}


@media screen and (min-width: 768px) {


.adg_list .adg_list_inner02 li {

    flex: 0 0 32%;

}

}



@media screen and (max-width: 767px) {


    body #img_b1,
 body #img_a1 {

        height: 58px ;
    
    
    }
    

    body .adg_list ul { 

        flex-wrap: wrap;
    }


    body .adg_list ul li { 

        margin:5px 0 ;

        flex: 0 0 49%;

    }



.mod-frame.main_list_ob {

padding-left: 8px;
padding-right: 8px;

}

body .main_list ul li span {

    padding: 18px 0;
}

}


.account-list {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
    margin-right: 10px;
}

.account-list > li {
    padding: 2px 11px;
    width: 22px;
    text-align: center;
}


.account-list > li a {
    display: block;
}




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

50% {opacity:0;  }
100% {opacity:1;
 	}
}




.anim_fade a:hover{

    transition: all .3s;
    transform: scale(1.2);

}