.bg_color1 {background-color: #dbd4c7;}
.bg_color2 {background-color: #0c3c60;color: #fff;}
.bg_color3 {background-color: #efd13e;}
.bg_color4 {background-color: #efd13e;}
.txt_color1 {color: #efd13e;}
.border_color1 {border-color: #efd13e;}
.border_color3 {border-color: #efd13e;}
.hvr_bg_color3:hover {background-color: #efd13e;}
.hvr_border_color1:hover {border-color: #efd13e;}
/* ----------　all　---------- */
.linkStyle{
	color:#efd13e;
}
.linkStyle:hover{
	color:#efd13e;
	opacity: 0.7;
	transition: all 0.5s;
}
#body{
    background-image: url(Dup/img/back2.png);
        background-size: 30%;
}
.c-btn {
    color: #0c3c60;
}
footer .footer_sitemap a,footer p{
    color: #0c3c60!important;
}
.cms_title h2,.cms_title p {
    color: #fff;
}
#top_message ,#top_contents1 p,#top_contents2 p,#top_cms .cms_6-c .cate_box,#cms_6-c .cate_box{
    color: #333;
}
#header {
    background-color: rgba(12, 60, 96 ,0.3);
    top: 0;
   height: 84px;
    padding: 0px 0px;
}
#header #pc_nav li .txt_color3 {
    color: #ffffff;
}
#header_contact a.btn_back {
    background-color: rgba(239, 209, 62 ,0.8);
}
#header_contact a.btn_back:hover {
    background-color: rgba(219 ,212 ,199 ,0.9);
}
#header_contact:hover span{
    color: #0c3c60;
    transition: all 0.5s;
}
header span.after {
    opacity: 0;
}
#page-top a{
        color: #efd13e;
}
#logo {
    width: 20%;
    max-width: 130px;
}
#logo2 {
    max-width: 550px;
    width: 100%;
}
#menu .l-menu__subitem{
        opacity: 1;
}
#banner{
        width: 80%;
    max-width: 400px;
    bottom: 10px;
    right: 10px;
    position: fixed;
    z-index: 9;
}
#banner:hover{
    opacity: 0.7;
    transition: 0.3s;
}
#copyright{
        padding-bottom: 150px;
}
/*フェードインcss*/
.fadein_up1{
    opacity : 0;
    -webkit-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    transform: translateX(-80px);
	transition:transform 0.5s ease,opacity 0.5s ease; 
}
.fadein_up1.scrollin{
    opacity : 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.fadein_up2{
    opacity : 0;
    -webkit-transform: translateX(80px);
    -ms-transform: translateX(80px);
    transform: translateX(80px);
	transition:transform 0.5s ease,opacity 0.5s ease; 
}
.fadein_up2.scrollin{
    opacity : 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.fadein_up3{
    opacity : 0;
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
	transition:transform 0.5s ease,opacity 0.5s ease; 
}
.fadein_up3.scrollin{
    opacity : 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
/* ----------　TOP　---------- */
.top header span.before {
    top: 0;
}
#vegas{
    height: 100vh;
    margin-top: 84px;
}
#vegas:before {
    content: '';
    width: 80%;
    height: 100%;
    background-image: url(Dup/img/catch.png);
    background-size: contain;
    z-index: 3;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center left -40px;
}
#vegas:after {
    content: '';
    width: 80%;
    height: 100%;
    background-image: url(Dup/img/main.png);
    background-size: contain;
    z-index: 2;
    position: absolute;
    background-repeat: no-repeat;
    background-position: bottom right;
    right: 0;
    bottom: 0;
        opacity: 0.7;
        mix-blend-mode: color-dodge;
}
#top_contents1 h3, #top_contents2 h3 {
    color: #0c3c60;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 20px;
}
#top_contents1 h3::before, #top_contents2 h3::before {
    color: #dab500;
    z-index: -1;
}
#top_message p:first-of-type {
    color: #efd13e;
}
#top_message h2 {
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid;
    padding-bottom: 5px;
    color: #0c3c60;
}
.cms_title:after {
    border-bottom: 2px solid #dbd4c7;
}
.cms_title h2 {
    margin-bottom: -5px;
    font-family: 'Dela Gothic One', cursive;
    font-size: 40px;
    font-weight: normal;
}
.cms_title h2:first-letter{
    font-size: 55px;    
}
/* ----------　下層ページ　---------- */
.cate_list li {
    width: 30%;
    text-align: center;
}
.cate_list li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
        color: #0c3c60;
}
#page_title h2{
    font-family: 'Dela Gothic One', cursive;
    color: #0c3c60;
    font-size: 50px;
    font-weight: normal;
    margin-bottom: 20px;
}
#page_title p{
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 6px;
}
#news_list li p,#news_list .news_sub_list li a {
    color: #fff;
}
#news_list li p i{
    display: none;
}
#cms_5-b .cate_box .open_bt .arrow img, .cms_5-b .cate_box .open_bt .arrow img {
    background-color: #efd13e;
}
#page7 div.d_flex.bg_color4{
       color: #0c3c60; 
}
#page8 .contact_title{
    color: #efd13e;
    border-bottom: 1px solid #EFD13F;
}
#page8 #contact_tel a{
    color: #0c3c60;
    border-color: #dbd4c7;
    background-color: #dbd4c7;
}
#page9 p a{
    color: #0c3c60;
}
#page10 div a{
        color: #fff;
}
/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before {
    top: -5px;
}

}

/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
#logo {
    width: 40%;
}
#menu h3 span{
    color: #0c3c60;
}
.l-menu__contact a {
    background-color: #0c3c60;
    color: #fff;
}
#page-top {
    border-bottom: 2px solid #efd13e;
}
#vegas {
    height: 40vh;
}    
#vegas:before {
    background-position: center left -20px;
}
.top header span.before {
    top: -120px;
}
#top_contents1 h3::before, #top_contents2 h3::before {
    top: -25%;
}
#banner {
    right: 0;
    left: 0;
    margin: auto;
}
}


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
#header {
    height: 70px;
}
#logo {
    width: 70%;
    margin: 0px auto 0px 10px;
    max-width: 110px;
}
.top header span.before {
    top: 0px;
} 
.l-header__toggle {
    top: 18px;
}
#top_contents1 h3, #top_contents2 h3 {
    font-size: 20px;
}
#top_contents1 p, #top_contents2 p {
        opacity: 1;
}    
#page_title h2 {
    font-size: 40px;
}
.cms_title h2:first-letter{
    font-size: 45px;    
}   
.cms_title h2 {
    font-size: 30px;
}
.cate_list li {
    width: 100%;
}
.footer_info {
    margin: auto;
}
#logo2 {
    max-width: 220px;
    margin: auto;
    margin-bottom: 20px;
}
#copyright {
    padding-bottom: 120px;
}
}