/* color */
body,.txt_color_nomal{color: #181818;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #024bfa} /* メインカラー */
.txt_color2{color: #f6f6f6} /* サブカラー */
.txt_color3{color: #181818} /* アクセントカラー1 */
.txt_color4{color: #f0f0f0} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #024bfa} /* メインカラー */
.bg_color2{background-color: #f6f6f6} /* サブカラー */
.bg_color3{background-color: #181818} /* アクセントカラー1 */
.bg_color4{background-color: #f0f0f0} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #024bfa}
.border_color2{border-color: #f6f6f6}
.border_color3{border-color: #181818}
.border_color4{border-color: #f0f0f0}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #181818;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #024bfa} /* メインカラー */
.hvr_txt_color2:hover{color: #f6f6f6} /* サブカラー */
.hvr_txt_color3:hover{color: #181818} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f0f0f0} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #024bfa} /* メインカラー */
.hvr_bg_color2:hover{background-color: #f6f6f6} /* サブカラー */
.hvr_bg_color3:hover{background-color: #181818} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #f0f0f0} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #024bfa}
.hvr_border_color2:hover{border-color: #f6f6f6}
.hvr_border_color3:hover{border-color: #181818}
.hvr_border_color4:hover{border-color: #f0f0f0}

#top_message p:first-of-type {
    font-size: 80px;
    top: 0%;
     color: #06256f;
}

#top_message, #cms_5-a .bg_white {
    background-color: rgba(0, 0, 0, 0);
}
#wrap {
    background-color: #f7f7f7;
} 

#top_message {
	background-image: url("./Dup/img/message.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
}
.main_back {
	background-image: url("./Dup/img/back_3.png");  
        background-repeat: repeat-y, no-repeat;
	background-position-x: 0px;
	background-position-y: 0px;
	background-size: 100% auto;
}   
.main_back2 {
	background-image: url("./Dup/img/back_3.png");  
        background-repeat: repeat-y, no-repeat;
	background-position-x: 0px;
	background-position-y: 0px;
	background-size: 100% auto;
}    
#top_contents1 h3::before, #top_contents2 h3::before {
    color: #4ae;
    z-index: -1;
}
#vegas .after {
background-color: #06256f;
}
#top_contents1 .after {
    background-color: #06256f;
}
#top_contents2 .after {
       background-color: #06256f;
}
#header_contact a.btn_back {
    background-color: rgba(146, 225, 240, 0.6);
}
#header {
    background-color: rgba(255,255,255,0.4);
}
footer {
   background-image: url(./Dup/img/footer_back.jpg);
   background-size: cover;
}
#menu {
   background-image: url(./Dup/img/menu_back.jpg);
   background-size: cover;
}
.more2 {
       background-color: #06256f;
}
.baner:hover {
   opacity: 0.6;
}
#page-top .txt_color3 {
    color: #024bfa;
}
.cms_6-b .cate_box .bg_color1 {
    background-color: #4ae;
}
.footer_sitemap {
    border-left: 1px solid #4ae;
}
#footer {
    border-bottom: 1px solid #4ae;
    padding: 60px 0px;
}
#footer_contact .txt_color1 {
   color: #4ae;
}
.cbt {
    position: relative;
    display: inline-block;
    letter-spacing: .1em;
    color: #fff;
    padding: 20px 100px;
    font-weight: 500;
    font-size: 16px;
}
#page3 .bg_color3, #page4 .bg_color3, #page5 .bg_color3 {
    background-color: #024bfa;
}
#page3 .bg_color1 {
    background-color: #4ae;
}
#page5 .border_color3 {
    border-color: #4ae;
}
#logo2 {
    width: 200px;
}
.l-menu__nav {
    border-top: 1px solid #4ae;
}
.baner {
display: none;
}
#filter_white .txt_color3 {
    color: white;
}
#page8 .txt_color2 {
    color: #333333;
}
#page8 .border_color2 {
    border-color: #333333;
}
.baner2:hover {
 opacity: 0.8;
}
.baner2 {
    width: 200px;
    position: relative;
    top: -20px;
    left: 86px; 
}
.baner3 {
  text-align: center;
}
.baner3 .cbt {
    position: relative;
    display: inline-block;
    letter-spacing: .1em;
    color: #fff;
    padding: 20px 260px;
    font-weight: 500;
    font-size: 16px;
}
.abc {
    position: relative;
    left: 57%;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    top: -52px;
}
@media screen and (max-width: 1280px){
.abc {
    position: relative;
    left: 53%;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    top: -37px;
}
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
/*.main_back {
    background-image: url(./Dup/img/back_3.png), url(./Dup/img/back_4.png);
    background-repeat: repeat-y, no-repeat;
    background-position-x: 0px, 50%;
    background-position-y: 0px, 13%;
    background-size: 100% auto, 100% auto;
}*/
#top_message {
    background-image: url(./Dup/img/message.png);
    /* background-position: top; */
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 153px;
}
.main_back {
    background-image: url(./Dup/img/back_3.png);
    background-repeat: repeat-y;
    background-position-x: 0px;
    background-position-y: 0px;
    background-size: 100% auto;
}
#top_message p:first-of-type {
    font-size: 60px;
    top: 0%;
    color: #06256f;
}
#top_message {
    padding: 60px 30px 30px 30px;
}
.baner3 .cbt {
    position: relative;
    display: inline-block;
    letter-spacing: .1em;
    color: #fff;
    padding: 20px 60px;
    font-weight: 500;
    font-size: 16px;
}
.abc {
    position: relative;
    left: 33%;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    top: -32px;
}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.cbt {
    position: relative;
    display: inline-block;
    letter-spacing: .1em;
    color: #fff;
    padding: 20px 20px;
    font-weight: 500;
    font-size: 16px;
}
#top_contents1 h3::before, #top_contents2 h3::before {
    color: #4ae;
    z-index: -1;
    margin-top: 29px;
}
.baner1 {
display: none;
}
.baner2 {
display: none;
}
.baner {
    display: block;
    position: fixed;
    bottom: 10px;
    z-index: 4;
    left: 92px;
}
/*.main_back {
    background-image: url(./Dup/img/back_3.png), url(./Dup/img/back_4.png);
    background-repeat: repeat-y, no-repeat;
    background-position-x: 0px, 89%;
    background-position-y: 0px, 9%;
    background-size: 100% auto, 200% 13%;
}*/
#top_message {
    background-image: url(./Dup/img/message.png);
    /* background-position: top; */
    background-repeat: no-repeat;
    background-size: 140% 26%;
    background-position-y: 19px;
}
.main_back {
    background-image: url(./Dup/img/back_3.png);
    background-repeat: repeat-y;
    background-position-x: 0px;
    background-position-y: 0px;
    background-size: 100% auto;
}
#top_message p:first-of-type {
    font-size: 30px;
    top: 0%;
    color: #06256f;
}
#copyright {
 padding-bottom: 60px;
}
#top_message h2 {
    font-size: 19px;
    margin-bottom: 30px;
}
.baner3 {
  display: none;
}
.abc {
    position: relative;
    left: 26%;
    font-size: 11px;
    font-weight: bold;
    color: #222222;
    top: 1px;
}
}

/*====================================
  	IE環境の設定
====================================*/
@media all and (-ms-high-contrast:none){
/*@media all and (-ms-high-contrast:none)*/
#cms_2-a .cate .cate_title {
    padding-top: 13px !important;
}
#cms_5-a .cate .cate_title span:last-of-type {
padding-top: 2px !important;
}
.cms_box .fa, .fas {
    font-weight: 900;
    padding-top: 15px !important;
}
#cms_5-a .cate .cate_title {
padding: 2px 10px 10px 10px;
}

}