.bg_color1 {
    background-color: #00a6dc;
}

.linkStyle{color: #00a6dc;}

.hvr_bg_color1:hover {
    background-color: #00a6dc;
}

.txt_color3 {
    color: #00a6dc;
}

#intro .intro_bg {
    background-color: rgba(0,166,220,0.84);
    background: rgb(0,166,220);
    background: linear-gradient(0deg, rgba(0,166,220,1) 0%, rgba(135,206,250,1) 50%, rgba(135,206,250,1) 100%) !important;
    background-image: url(./Dup/img/back.png);
}

.bg_color3 {
    background-color: #87ceeb;
}

.txt_color1 {
    color: #00a6dc;
}

#top_cms{
        background-image: url(./Dup/img/back.jpg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -140px;
    padding-top: 240px;
}

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

#top_cms h2 span{
        color: #87cefa;
}

.border_color3 {
    border-color: #e1e1e1;
}

/*------動画入れた後------*/

#main_img {
    overflow: hidden;
height:auto;
}

#main_img .txt {
        top: 50%;
    text-align: center;
}


#main_img:before {
    background-color: #204782;
top:-10px;
}


/*------動画入れた後終わり------*/

#main_img:before {
    content: none;
}

#main_img .txt{
    text-align: left;
}

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


.border_color4 {
    border-color: #cfcfcf;
}

#intro{
    margin-top: -10px;
}


/*--------20211126 品証修正 start-------*/

#top_info .tel_bt a{
    display: block;
}

/*--------20211126 品証修正 end-------*/

/*-------------20211208 correct start--------------*/

#main_img h2 {
    text-shadow: 0 0 5px #8ea5bd;
}

/*-------------20211208 correct end--------------*/


/*-----------20211220 correct start-----------*/

#contact_tel_wrap .banner{
    max-width: 400px;
}

/*-----------20211220 correct end-----------*/

@media screen and (max-width: 768px){
#main_img h2 {
    font-size: 40px;
}
}
/*------------タブレット----------------*/
@media screen and (max-width: 768px){
 #top_cms #video_area.pd_b-5per{
     padding-bottom: 25%;
 }
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#header #pc_nav h1#logo{
    max-width: 300px;
    width: 80% !important;
}

#main_img {
    margin-top: 60px;
    height: 58vw !important;
}

#main_img .txt.animStart p {
    text-shadow: 2px 2px 6px #586164;
}

#main_img .txt {
    top: 40%;
    width: 100% !important;
}

#main_img h2 {
    font-size: 24px;
    /* color: #e8eef3; */
    text-shadow: 2px 2px 10px #3b88a7;
}

#contents2 .cate_box {
    padding-bottom: 50px;
}

}