h2, h3{
    font-weight:bold;
}

/* color */
body,.txt_color_nomal{color: #4d4d4d;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #0ba5f1} /* メインカラー */
.txt_color2{color: #B6D6CA} /* サブカラー */
.txt_color3{color: #f7b90c} /* アクセントカラー1 */
.txt_color4{color: #FFEC73} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #1399d4;} /* メインカラー */
.bg_color2{background-color: #B6D6CA} /* サブカラー */
.bg_color3{background-color: #f7b90c} /* アクセントカラー1 */
.bg_color4{background-color: #FFEC73} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #1399d4;}
.border_color2{border-color: #B6D6CA}
.border_color3{border-color: #f7b90c}
.border_color4{border-color: #FFEC73}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #4d4d4d;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #1399d4;} /* メインカラー */
.hvr_txt_color2:hover{color: #B6D6CA} /* サブカラー */
.hvr_txt_color3:hover{color: #f7b90c} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #FFEC73} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #1399d4;} /* メインカラー */
.hvr_bg_color2:hover{background-color: #B6D6CA} /* サブカラー */
.hvr_bg_color3:hover{background-color: #f7b90c} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #FFEC73} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #1399d4;}
.hvr_border_color2:hover{border-color: #B6D6CA}
.hvr_border_color3:hover{border-color: #f7b90c}
.hvr_border_color4:hover{border-color: #FFEC73}


#fakeloader{
    background-image: url(./Dup/img/top.png), url(./Dup/img/under.png);
    background-position: top , bottom;
    background-repeat: no-repeat;
    background-size: contain;
        background-color: white;
}

#fakeloader .fl{
	position: absolute!important;
	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%,-50%)!important;
	width: 50%!important;
	max-width: 250px!important;
}

.shadow-l {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0);
}

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

#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: left center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 40%;
    pointer-events: none;
}

#contents .box .grid_6.d_flex{
    position: relative;
}

#contents .box .grid_6.d_flex:before {
    content: "";
    display: block;
    width: 300px;
    height: 300px;
    position: absolute;
    top: -50px;
    left: 70%;
    background-image: url(./Dup/img/sou.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
}



footer .bg-mask {
    background: rgb(206 237 252) !important;
}

#page_title {
    background-position: center;
}

#mail_contact{
    display: none;
}

.drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    background-color: rgb(19 153 212) !important;
}

.linkStyle{
    color:#1399d4;
}

.banner_pare{
    text-align: center;
    max-width: 300px;
    margin: auto;
}

@media all and (-ms-high-contrast: none){
  

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

#logo {
    margin-bottom: 0;
}



}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img{
    margin-top:70px;
}
}