@charset "utf-8";
/* CSS Document */
/* color */
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_gray{color: #ccc}
.txt_color1{color: #30308f} /* メインカラー */
.txt_color2{color: #D7DEE0} /* サブカラー */
.txt_color3{color: #B2AA6B} /* アクセントカラー1 */
.txt_color4{color: #F2F2F2} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: #333333} /* 黒背景 */
.bg_gray{background-color: #ccc}
.bg_color1{background-color: #add8e6} /* メインカラー */
.bg_color2{background-color: #D7DEE0} /* サブカラー */
.bg_color3{background-color: #B2AA6B} /* アクセントカラー1 */
.bg_color4{background-color: #F2F2F2} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_white{border-color: white}
.border_black{border-color: #333333}
.border_gray{border-color: #ccc}
.border_color1{border-color: #add8e6}
.border_color2{border-color: #D7DEE0}
.border_color3{border-color: #B2AA6B}
.border_color4{border-color: #F2F2F2}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_gray:hover{color: #ccc}
.hvr_txt_color1:hover{color: #add8e6} /* メインカラー */
.hvr_txt_color2:hover{color: #D7DEE0} /* サブカラー */
.hvr_txt_color3:hover{color: #B2AA6B} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #F2F2F2} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: #333333} /* 黒背景 */
.hvr_bg_gray:hover{background-color: #ccc}
.hvr_bg_color1:hover{background-color: #add8e6} /* メインカラー */
.hvr_bg_color2:hover{background-color: #D7DEE0} /* サブカラー */
.hvr_bg_color3:hover{background-color: #B2AA6B} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #F2F2F2} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_white:hover{border-color: white}
.hvr_border_black:hover{border-color: #333333}
.hvr_border_gray:hover{border-color: #ccc}
.hvr_border_color1:hover{border-color: #add8e6}
.hvr_border_color2:hover{border-color: #D7DEE0}
.hvr_border_color3:hover{border-color: #B2AA6B}
.hvr_border_color4:hover{border-color: #F2F2F2}





#main_img .main_txt_wrap{
    /* right: 800px;*/
    /* left: -37px; */
    /*bottom: 303px;*/
    z-index: 4;
   /* text-align: left;*/
}

#logo{
    font-size: 200%!important;
    font-weight: normal;
}

#logo a.pd_r-50px {
    padding-right: 0px;
    padding-left: 0px;
}

#main_img .main_bg, #contents1 .con1_bg #main_img .main_bg, #contents1 .con1_bg {
    background: linear-gradient(to bottom right, rgb(0 0 0 / 0%), rgb(255 255 255 / 25%))!important;
}

.back {
    vertical-align: bottom;
    width: 33%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 2;
    right: 66%;
    /* left: -17%; */
    top: 32%;
    background-repeat: no-repeat;
}

.bg_color3 {
    background-color: #00008b;
}

.txt_color1 {
    color: #3300ff;
}

#page08{
    background-color: #fbfbfb;
}

#contents2 .con2_box {
    background-color: #ffffff;
}


#contents2 h3  {
    color: #095482;
}

#contents2 p{
    color: #095482;
}

.back {
    vertical-align: bottom;
    width: 33%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 2;
    right: 7%;
    /* left: -17%; */
    top: 40%;
    background-repeat: no-repeat;
}

#main_img .main_txt_wrap {
    /* right: 800px; */
    left: -90px;
    bottom: 227px;
    z-index: 4;
    /* text-align: left; */
}

#pc_nav ul li a{
    font-weight: bold;
}

#cms_6-b .box_txt1  {
    background-color: #1a73e8;
}

#contents1 .con1_bg {
    background: linear-gradient(to bottom right, #30308f, rgb(255 255 255 / 25%))!important;
}


.bg_color3 {
    background-color: #30308f;
}

.txt_color1 {
    color: #30308f;
}

@media screen and (max-width: 768px){
  #main_img .main_txt_wrap {
    /* right: 800px; */
    left: -6px;
    bottom: 134px;
    z-index: 4;
    text-align: left;
}
    


.back {
    vertical-align: bottom;
    width: 53%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 2;
    right: 45%;
    /* left: -17%; */
    top: 21%;
    background-repeat: no-repeat;
}

#loader img{
    width: 300px;
}
}


@media screen and (max-width: 667px){
    #intro h2{
    font-size: 19px;
}
    


#main_img .main_txt_wrap {
    /* right: 800px; */
    left: 189px;
    /* bottom: 227px; */
    z-index: 4;
    /* text-align: left; */
}

.back {
    vertical-align: bottom;
    width: 55%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 2;
    right: 36%;
    /* left: -17%; */
    top: 22%;
    background-repeat: no-repeat;
}

#loader img{
    width: 200px;
}

#logo img{
    width: 100%!important;
}

#main_img .main_txt_wrap {
    left: 50%;
    bottom: auto;
    width: 100%;
}


}



#contents1 .con1_bg {
    background: linear-gradient(to bottom right, #30308f, rgb(255 255 255 / 25%))!important;
}