.bg_color2 {background-color: #ef5c5c;}
.bg_color3 {background-color: #52c8e3;}
.bg_color5 {
    background-color: #F3F2EE;
    background-color: #f8f6ed;
}
.txt_color2 {color: #ef5c5c;}
.txt_color3 {color: #ef5c5c;}
.border_color2 {border-color: #52c8e3;}
.border_color3 {border-color: #52c8e3;}
.hvr_bg_color4:hover {background-color: #ef5c5c;}
/* ----------　all　---------- */
.linkStyle{
	color:#ef5c5c;
}
.linkStyle:hover{
	color:#ef5c5c;
	opacity: 0.7;
	transition: all 0.5s;
}
.logo1 {
    max-width: 180px;
}
.c-btn i {
    color: #52c8e3;
}
#fakeloader{
        background-color: #ffffff;
}
#fakeloader .fl {
    max-width: 250px;
}
.footer_contact h4{
        line-height: 1.1;
}
.footer p{
text-align: center;    
}
/* ----------　TOP　---------- */
#main_box{
    position: relative;
}
.catch{
     position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);   
    width: 50%;
    max-width: 700px;
}
#con4{
    display: none;
}
#con2{
    overflow: hidden;
}
#con2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 0 0 100vw;
    border-color: #f8f6ed transparent transparent transparent;
    z-index: -1;
}
#con2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 0 0 100vw;
    border-color: transparent transparent transparent #f8f6ed;
}
#con2 div div.width_40per{
    border-left: 5px solid #ef5c5c;
    padding-left: 25px;
}
#topCms:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 0 0 100vw;
    border-color: #f8f6ed transparent transparent transparent;
    z-index: -1;
}
#topCms{
        overflow: hidden;
}
#topCms .cmstitle h3{
        color: #ff8c00;
}
#con3 .box .icon{
    display: none;
}
/* ----------　下層ページ　---------- */
.pagetitle {
    background-color: transparent!important;
}
.pagetitle_img {
    opacity: 0.5;
    background-size: cover;
        mix-blend-mode: normal;
}
#cms_5-c .box_txt1::before,.cms_5-c .box_txt1::before {
    color: #ef5c5c;
}
/* ----------　IE　---------- */
@media all and (-ms-high-contrast: none){
  .sample{

  }
}

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


/* ----------　スマホ　---------- */
@media screen and (max-width: 667px){
#main_img{
    padding-top: 90px;
}   
#con2:before,#con2:after ,#topCms:before {
    border-width: 40px 0 0 100vw;
}
.f_contact_box h4{
        font-size: 30px;
        line-height: 1.3;
}
.pagetitle_img {
    opacity: 0.3;
}
}