@font-face {
font-family: "RM1c_med";
  src: url("./Dup/img/RM1c_med.ttf") format("ttf"),url("./Dup/img/RM1c_med.eot") format("eot"),url("./Dup/img/RM1c_med.woff") format("woff"),url("./Dup/img/RM1c_med.woff2") format("woff2");
}
@font-face {
font-family: "RM1c_bol";
  src: url("./Dup/img/RM1c_bol.ttf") format("ttf"),url("./Dup/img/RM1c_bol.eot") format("eot"),url("./Dup/img/RM1c_bol.woff") format("woff"),url("./Dup/img/RM1c_bol.woff2") format("woff2");
}
.font1{font-family: "RM1c_med","sans-serif";}
.font2,.footer_contact h4,.pagetitle h2{font-family: "RM1c_bol","sans-serif";}
/*--------------------------------
疑似要素にオブジェクト
--------------------------------*/
.footer_contact h4,#main_img,#con1,#con2 .img_wrap,#con3,.all_contents{position: relative;}
/*リピートなし*/
.footer_contact h4:before,#main_img:before,#con1:before,#con2 .img_wrap:before,#con3:before,#con3:after,.all_contents:before{
content: "";
display: block;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
}


.footer_contact h4:before{
background-image: url(./Dup/img/obj4.png);
width: 150px;
height: 150px;
top:-160px;
left: 50%;
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
}
#main_img:before{
background-image: url(./Dup/img/catch.png);
background-size: 100%;
width: 50vw;
height: 20vw;
top:40%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 1;
}

#con1:before{
background-image: url(./Dup/img/obj1.jpg);
background-size: 1280px;
background-repeat: repeat-x;
width: 100%;
height: 150px;
bottom: -100px;
left: 0;
}
#con2 .img_wrap:before{
background-image: url(./Dup/img/obj2.png);
width: 250px;
height: 250px;
bottom: -10px;
left: 50%;
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
z-index: 1;
}
#con3:before,#con3:after,.all_contents:before{
background-image: url(./Dup/img/border1.png);
background-size: 500px;
background-repeat: repeat-x;
width: 100%;
height: 40px;
left: 0;
}
#con3:before,.all_contents:before{top: -35px;}
#con3:after{bottom: -35px;transform: scale(1, -1);}

/*--------------------------------
全体
--------------------------------*/
#fakeloader .fl{
width: 80%!important;
max-width: 300px;
}
.logo1{max-width: 250px;}

.footer_contact h4{line-height: 1;}
#fix_entry{
width: 200px;
position: fixed;
bottom: 0;
right: 0;
z-index: 5;
}
/*--------------------------------
TOP
--------------------------------*/
#main_img{
height: 90vh;
overflow: hidden;
}
#main_img .circle_wrap{
width: 50vw;
top: 77%;
}
#main_img .circle{
background-color: #F5CD37;
width: 12vw;
height: 12vw;
border-radius: 50%;
z-index: 1;
opacity: 0;
}



@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
-webkit-animation: bounceIn 0.75s ease forwards;
animation: bounceIn 0.75s ease forwards;
}

.anime_txt span{
display: inline-block;
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
transition:transform 0.1s ease;
}
.anime_txt.scrollin span.active{
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}

.fadeIn_box .box{opacity: 0;}
#con3 .box .icon{margin-top: -100px;}
/*--------------------------------
下層
--------------------------------*/
.pagetitle{padding-bottom: 80px;}
.cate_list li a{border-color: #ffcd9b;}
.cate_list li a:hover{background-color: #ffcd9b;color: #333;}

#cms_1-e .date{left: -30px;}

.cms_2-c .cate{
width: calc(33% - 20px);
margin-right: 20px;
box-sizing: border-box;
border-color: #ccc;
}
.cms_2-c .cate:last-of-type{margin-right: 0;}
.cms_2-c .cate a{
height: 100%;
box-sizing: border-box;
}
#cms_1-e .date,.cms_1-e .date,#cms_2-c .cate_title span,#cms_6-b .cate_title{border-radius: 50px;}
.cms_6-b .cate_box, .cms_6-b .cate_box .box_txt1, .cms_6-b .cate_box .box_txt2,.cms_6-b .cate_box:first-of-type{border: none;}

@media  screen and (max-width: 1600px){

#main_img .circle_wrap.font_34{font-size: 30px;}

}
@media  screen and (max-width: 1400px){

#main_img:before{top: 45%;}
#main_img img{width: auto;height: 100%;}
#main_img .circle_wrap.font_34{font-size: 26px;top: 73%;}

}
@media  screen and (max-width: 1280px){

#main_img:before{
width: 62vw;
height: 25vw;
}
#main_img .circle_wrap.font_34{width: 60vw;}
#main_img .circle{
width: 14vw;
height: 14vw;
}

}
@media  screen and (max-width: 1000px){

#main_img:before{
width: 70vw;
height: 28vw;
}
#main_img .circle_wrap.font_34{width: 70vw;}
#main_img .circle{
width: 16vw;
height: 16vw;
}

}


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

#main_img:before{
width: 85vw;
height: 35vw;
top: 48%;
}
#main_img .circle_wrap.font_34{width: 85vw;top: 70%;}
#main_img .circle{
width: 20vw;
height: 20vw;
}
#con1:before{
background-size: 800px;
height: 100px;
bottom: -70px;
}
#con2 .img_wrap:before{
width: 200px;
height: 200px;
}
#con3 .box .icon img.width_150{width: 120px;}

.cms_2-c .cate{width: 70%;margin-right: 0;margin-bottom: 50px;}
.cms_2-c .cate:last-of-type{margin-bottom: 0;}

}

/*スマホ用（667px以下）*/
@media  screen and (max-width: 667px){

.logo1 {max-width: 200px;}
.footer_contact h4.font_50{font-size: 30px;}
#fix_entry{width: 150px;}
.footer_contact h4:before{
width: 100px;
height: 100px;
top:-115px;
}

#main_img:before{
width: 85vw;
height: 35vw;
top: 41%;
}
#main_img .circle_wrap.font_34{
width: 95vw;
top: 59%;
font-size: 14px;
letter-spacing: 0px;
}
#main_img .circle{
width: 22vw;
height: 22vw;
}
#con1:before {
background-size: 500px;
height: 60px;
bottom: -30px;
}
#con2 .img_wrap:before {
width: 150px;
height: 150px;
}

.cms_2-c .cate{width: 100%;}

}

/*IE*/
@media all and (-ms-high-contrast: none) {}




/*--------------------------------
自動リンク
--------------------------------*/
/* color */
.linkStyle{color: #D74150; text-decoration: underline;}
.txt_color_nomal .linkStyle{color: #D74150;}
.txt_white .linkStyle{color: white;}
.txt_red .linkStyle{color: red;}
.bg_color1 .linkStyle{color: #fff;}
.bg_color2 .linkStyle{color: #FFA041;}
.bg_color3 .linkStyle{color: #fff;}
.bg_color4 .linkStyle{color: #0FB4A5;}

/*IEのみ*/
@media all and (-ms-high-contrast: none) {
.linkStyle{display: inline-block;}
}

/*--------------------------------
カラー
--------------------------------*/
body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #333333;}
.txt_black,.hvr_txt_black:hover{color: black;}
.txt_white,.hvr_txt_white:hover{color: white;}
.txt_red,.hvr_txt_red:hover{color: red;}
.txt_color1,.hvr_txt_color1:hover{color: #FFA041;} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #F5CD37;} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #D74150;} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #0FB4A5;} /* アクセントカラー2 */

/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: white;} /* 白背景 */
.bg_black,.hvr_bg_black:hover{background-color: black;} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: #FFA041;} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #F5CD37;} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #D74150;} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: #41D7C3;} /* アクセントカラー2 */
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}

/* border-color */
.border_white,.hvr_border_white:hover{border-color: white;}
.border_black,.hvr_border_black:hover{border-color: black;}
.border_color1,.hvr_border_color1:hover{border-color: #FFA041;}
.border_color2,.hvr_border_color2:hover{border-color: #F5CD37;}
.border_color3,.hvr_border_color3:hover{border-color: #D74150;}
.border_color4,.hvr_border_color4:hover{border-color: #41D7C3;}