﻿body, .font_Quick{
font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;
}

.bg_color1 {
    background-color: #494b4c;
}

#loading .bg_color1{
background-color: #f4f4f2;
}

.txt_color1{color: #494b4c} /* メインカラー */
.txt_color2{color: #e6e6e6} /* サブカラー */
.txt_color3{color: #2b5597} /* アクセントカラー1 */
.txt_color4{color: #f4f4f2} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #2b5597;} /* メインカラー */
.bg_color2{background-color: #e6e6e6} /* サブカラー */
.bg_color3{background-color: #2b5597} /* アクセントカラー1 */
.bg_color4{background-color: #f4f4f2} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #494b4c}
.border_color2{border-color: #e6e6e6}
.border_color3{border-color: #2b5597}
.border_color4{border-color: #f4f4f2}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #494b4c} /* メインカラー */
.hvr_txt_color2:hover{color: #e6e6e6} /* サブカラー */
.hvr_txt_color3:hover{color: #494b4c} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f4f4f2} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #494b4c} /* メインカラー */
.hvr_bg_color2:hover{background-color: #e6e6e6} /* サブカラー */
.hvr_bg_color3:hover{background-color: #494b4c} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #f4f4f2} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #494b4c}
.hvr_border_color2:hover{border-color: #e6e6e6}
.hvr_border_color3:hover{border-color: #494b4c}
.hvr_border_color4:hover{border-color: #f4f4f2}



/*-----全体----*/
#logo img{
width:80% !important;
}

#page_title .title_box {
  background-color: #fdfdfd;
    border-bottom: 2px solid #f4f4f4;
}

#fix_menu {
    background-color: #f7f5f5;
}

.linkStyle{
color:#2b5597;
}

.overlay .menu-box .menu_list li a:hover{
color: #2b5597;
}

/*-----top----*/

#main_img {
    position: relative;
    max-height: 850px;
}

#top_contact_box .bottom .box {
    background-color: rgba(178, 178, 178, 0.75);
}

#top_contact_box .top .box {
    background-color: rgba(73, 75, 76, 0.9);
}

.con_bt .txt_white{
color:black;
}

#top_contents1{
       background-image: url(./Dup/img/eye.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
}

#top_contents1 h2{
    color: #2b5597;
    font-size: calc(1rem + 16px);
}


#top_contents2 {
    padding: 130px 0;
    background-image: url(./Dup/img/gray.jpg);
    background-size: 20%;
}

/*----------よくある質問---------*/
#cms_5-b .cate_box .open_bt .box_title1::before {
    color: rgb(43, 85, 151) !important;
}

/*------------20200508 修正------------*/
.banner_p{
    background-color: #f2f2f2;
    padding: 10px;
    box-sizing: border-box;
}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#logo img{
width:110% !important;
}
#top_contents1 h2 {
    color: #2b5597;
    font-size: calc(1rem + 8px);
}

#cms_2-c .box_txt1{
color: #2b5597;
font-weight:bold;
border-bottom:solid 1px black;
margin-bottom:10px;
}

#cms_6-c .cate_box{
margin-bottom:50px;
}

.overlay {
    background: rgb(247, 245, 245);
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

}