.bg_color1 {background-color: #00afcc;}
.bg_color2 { background-color: #f3d976;}
.bg_color3 {background-color: #f3d976;}
.bg_color4 {background-color: #f6feff;}
.txt_color1 {color: #00afcc;}
.txt_color3 {color: #f5da71;}
.border_color1 {border-color: #f1cbc1;}
.border_color2 {border-color: #f1cbc1;}
.border_color3 {border-color: #f1cbc1;}
.hvr_bg_color1:hover {
    background-color: #00afcc;
}
/* ----------　all　---------- */
.linkStyle{
	color:#f5da71;
}
.linkStyle:hover{
	color:#f5da71;
	opacity: 0.7;
	transition: all 0.5s;
}
#pc_nav li a:hover,#pc_nav_fix li a:hover{
        color: #f5da71;
}


#top_cms .cms_title p ,#page_title p{
    color:#f5da71;
}
#page_top {
    background-color: #00afcc;
}
#page_top span {
    border-color: #ffffff;
}
#pc_nav ul li a,#pc_nav_fix ul li a{
    color: #333;
    font-size: 16px;
    font-weight: bold;
}
/* ----------　TOP　---------- */
#intro,#top_contents,#top_contact{
    position: relative;
}
#intro:after{
    content: "";
    display: block;
    width: 200px;
    height: 300px;
    background-image: url(Dup/img/dec1.png);
    bottom: -200px;
    left: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
        background-position: left;
}
#top_contents:after {
    content: "";
    display: block;
    width: 300px;
    height: 500px;
    background-image: url(Dup/img/dec2.png);
    bottom: -300px;
    right: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    z-index: 2;
}
#top_contact:after{
    content: "";
    display: block;
    width: 300px;
    height: 500px;
    background-image: url(Dup/img/dec3.png);
    top: -400px;
    left: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
       background-position: left;
    z-index: 2;
        z-index: -1;
}
#top_info .info_txt_wrap span, #top_cms .cms_title span {
    background-color: #e9c84b;
}
#top_info .info_sub_title{
    color: #f5da71;
}

/* ----------　下層ページ　---------- */

.cate_list li a{
    color: #fff;
}
#pc_nav_fix{
    padding: 20px 0px!important;
}
.under_img,.under_page{
    position: relative;
}
.under_img:before{
    content: "";
    display: block;
    width: 300px;
    height: 400px;
    background-image: url(Dup/img/dec3.png);
    top: 50px;
    left: 0px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    z-index: 2;
}
.under_img:after{
    content: "";
    display: block;
    width: 300px;
    height: 500px;
    background-image: url(Dup/img/dec2.png);
    bottom: -300px;
    right: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    z-index: -1;
}
.pager li:not(.prev) a, .pager li:not(.next) a {

    color: #ffffff;
}
#page8 .tel_wrap {
        border: 1px solid #00afcc;
}
/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
.cate_list li a{
    padding: 10px 20px  5px;
}
}

/* ----------　タブレット　---------- */
@media screen and (max-width: 1650px){
    #intro:after {
    width: 200px;
    height: 250px;
    
}   
  #top_contents:after {
    width: 150px;
    height: 300px;
    bottom: -200px;
 }

#top_contact:after {
    width: 200px;
    height: 250px;
    top: -200px;

}  
.under_img:before {
    left: -30px;
    height: 200px;
    
}
.under_img:after {
    height: 300px;
    bottom: -200px;
}
}
/* ----------　タブレット　---------- */
@media screen and (max-width: 768px){
 .under_page{
     padding: 30px;
 }
 
}



/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
    
h1{
        width: 80px!important;
}   

#intro:after {
    width: 150px;
    height: 200px;
    bottom: -130px;
}
#top_contents:after {
    width: 130px;
    height: 250px;
    bottom: -150px;
}
#top_contact:after {
    height: 200px;
    top: -150px;
}
#intro .intro_txt_wrap {
    padding-right: 15px;
    padding-left: 15px;
}
#intro .intro_txt_wrap h2{
        font-size: -webkit-calc(1rem + 12px);
    font-size: calc(1rem + 12px);
}
.under_img:before {
    left: -0px;
    height: 200px;
    width: 100px;
}
.under_img:after {
    height: 250px;
    bottom: -200px;
    width: 200px;
}
#page8.under_page {
    padding: 30px 20px;
}
#page8 .tel_wrap {
    padding: 20px 15px;
}
#page8 .tel_wrap .tel_box{
        padding: 50px 15px;
}
#page8 .tel_wrap .tel_box a{
    font-size: -webkit-calc(1rem + 0px);
    font-size: calc(1rem - 0px);
        letter-spacing: 0px;
}
#page8 .tel_wrap .tel_box:nth-child(2) a{
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
        letter-spacing: 2px;
}
footer .footer_img {
    height: 200px;
}
}