﻿.bg_color1 {
    background-color: #005fcd;
}

#intro .intro_bg{
    z-index: 0;
}

#intro div.width_1280-max{
    z-index: 2;
    position: relative;
}

#intro div.width_1280-max > div{
    position: relative;
}

#intro{
        background-image: url(./Dup/img/test_back.png);
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
        margin-top: -10px;
}

#contents2 .cate_box {
    background-image: url(./Dup/img/test_back.png);
    background-position: center right;
    background-size: 50%;
    background-repeat: no-repeat;
}

#intro .intro_bg {
        background-color: rgba(0, 95, 205, 0.84);
}

.intro_title h2{
    color: #a9ff29;
}

.txt_color3 {
    color: #87e104;
}

.bg_color2 {
    background-color: #efefef;
}

#pc_nav ul.grid_2 li a{
   color: #d9ff09;
    font-weight: bold;
}

.bg_color3 {
    background-color: #87e105;
}

#main_img {
    overflow: hidden;
height:auto !important;
}

#main_img .txt {
        top: 50%;
    text-align: center;
}


#main_img:before {
background-color: transparent;
top:-10px;
}

#main_img .txt.animStart img {
    animation: heroText 600ms 800ms both;
        width: 40%;
    display: block;
}

#main_img .txt {
    top: 60%;
    text-align: center;
    transform: translate(-50%, -50%);
    left: 55%;
    width: 100% !important;
    height: 100%;
}



@keyframes heroText {
0% {
	opacity: 0;
	-webkit-transform: translate(0%, 60%);
	transform: translate(0%, 60%);
}
100% {
	opacity: 1;
	-webkit-transform: translate(0%, 50%);
	transform: translate(0%, 50%);
}
}

#logo2{
        max-width: 120px;
}

.load_logo figure {
    max-width: 190px;
    margin: auto;
}

.txt_color1 {
    color: #1146a7;
}


#contact_tel_wrap{
    display: block;
}

#contact_mail_wrap{
    display: none;
}

.border_color4 {
    border-color: #d3d3d3;
}

#sp_nav a.active {
    border-bottom: 1px solid #d4ff95;
}

.linkStyle{color: #005fcd;}

#header h1#logo{
    max-width: 200px;
}

.intro_title, #contents1{
    position: relative;
}

.intro_title:before{
    content: "";
    display: block;
    width: 120%;
    height: 150%;
    position: absolute;
    top: -110%;
    left: 50%;
    background-image: url(./Dup/img/sou0.png);
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}


#contents1:before{
    content: "";
    display: block;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0%;
    left: 90%;
    background-image: url(./Dup/img/sou1.png);
    background-position: top right;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 0;
}


.info_txt h3{
        font-weight: bold;
    font-size: 24px;
}


.date{
    color: #75c107;
}

#page5 .cate_box{
    padding: 30px 0;
}

#page5 .cate_box a{
    color: #16469d;
    font-weight: bold;
}

#page5 .cate_box:nth-child(odd){
    background-color: whitesmoke;
}




@media all and (-ms-high-contrast: none){
  

}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img {
    margin-top: 50px;
}




#page10 .more_bt2 a {
    height: auto;
    line-height: 2em;
    padding-bottom: 10px;
}

#page10 .more_bt2 h2 span{
    display: block;
    font-size: 14px;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

#header h1#logo {
    max-width: 160px;
}

}