h2, h3, .cate_title {
font-family: 'M PLUS Rounded 1c', sans-serif !important;
font-weight: bold;
transform: rotate(-0.1deg);
}
/* CSS Document */
/* color */
body,.txt_color_nomal{color: #404040;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #7cd058} /* メインカラー */
.txt_color2{color: #d9eaec} /* サブカラー */
.txt_color3{color: #22b573} /* アクセントカラー1 */
.txt_color4{color: #e3e0cf} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #7cd058} /* メインカラー */
.bg_color2{background-color: #d9eaec} /* サブカラー */
.bg_color3{background-color: #22b573} /* アクセントカラー1 */
.bg_color4{background-color: #e3e0cf} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #7cd058}
.border_color2{border-color: #d9eaec}
.border_color3{border-color: #22b573}
.border_color4{border-color: #e3e0cf}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #42210b;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #7cd058} /* メインカラー */
.hvr_txt_color2:hover{color: #d9eaec} /* サブカラー */
.hvr_txt_color3:hover{color: #22b573} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #e3e0cf} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #7cd058} /* メインカラー */
.hvr_bg_color2:hover{background-color: #d9eaec} /* サブカラー */
.hvr_bg_color3:hover{background-color: #22b573} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #e3e0cf} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #7cd058}
.hvr_border_color2:hover{border-color: #d9eaec}
.hvr_border_color3:hover{border-color: #22b573}
.hvr_border_color4:hover{border-color: #e3e0cf}

.linkStyle {
  color: #404040;
}
.txt_shadow {
    text-shadow: none !important;
}
.opacity08, .opacity07 {
  opacity: 1;
}
#cms_1-a .border_color2, #cms_2-a .border_color2 {
    border-color: #7cd058;
}
#cms_2-a .txt_color1 {
    color: #404040;
}
#top_header {
    background-color: rgba(153, 255, 102, 0) !important;
}
#page7 #info_box .txt_color1 {
    color: #404040;
}
#page8 .border_color2 {
    border-color: #7cd058;
}
#page8 .txt_color2 {
    color: #404040;
}
header {
	background-image: url("./Dup/default/header.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#pc_intro h2, #pc_intro p, #contents p, #pc_news h3, #pc_news .box_wrap .box_item, #cms_1-a .date, #cms_1-a .box_title1, #cms_1-a .box_txt1, #cms_2-a {
	color: #404040;
}
#pc_intro {
    position: relative;
}

.con_img {
    position: absolute;
    z-index: -1;
    top: -10%;
    left: 30%;
}
#pc_intro h2 {
  text-align: center;
}
#pc_intro h2 {
	position: relative;
}
#pc_intro h2:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/default/contents_top.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 80px;
    height: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -110px;
}
#pc_intro .pd_5per {
    padding: 15% 5% 5%;
}
#cms_5-a .box_wrap {
  display: block;
}
#footer_txt, #sp_info {
	position: relative;
}
#footer_txt:before, #sp_info:before {
	position: absolute;
	content: "";
	background-image: url("./Dup/default/human.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right;
	width: 50%;
	height: 60%;
	top: 0px;
	right: 0px;
}
#pc_tel a {
    text-decoration: none;
    background-color: #7cd058;
    padding: 1.3% 2.2%;
    border-radius: 50px;
}

#page8 #contact_box .d_flex {
    justify-content: space-evenly;
}

#pc_news {
    background-color: rgba(251,251,251,1) !important;
    margin-top: -100px;
    padding-top: 80px;
}

#cms_6-b .cate_box .box_txt2 {
    border-color: #cccccc;
    word-break: break-all;
    background-color: #fbfbfb;
}
/************Linkボタン***************************/

.ball{
  animation: puyon 2.5s linear 0s 1;
  animation-iteration-count:infinite;
}
@keyframes puyon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  40%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  50%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  60%  { transform: scale(0.95, 1.05) translate(0%, -3%); }
  70%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
  80%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

#top_link .links_bt:after, #left_link .links_bt:after {
  animation: fuwafuwa 1s infinite ease-in-out .6s alternate;
  background: url(../img/ico-apple.svg) no-repeat center center / 60px auto;
  display: inline-block;
  transition: 0.5s ease;
  width: 70px;
  height: 70px;
  margin-top: 15px;
}
 
@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}
#top_link img, #left_link img {
    position: relative;
}
#top_link .links_bt, #left_link .links_bt {
  position: relative;
}
#top_link .links_bt:before, #left_link .links_bt:before {
	position: absolute;
	content: "";
	background-image: url("./Dup/default/touch1.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
}
#top_link .links_bt:after, #left_link .links_bt:after {
    position: absolute;
    content: "";
    background-image: url(./Dup/default/touch2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left;
    width: 100%;
    height: 100%;
    left: 3%;
    top: 5%;
}
/*********************intro アニメーション***********************************************/
#pc_intro h3, #pc_intro figure, #pc_intro .bg_color2 {
    position: relative;
}
.red::before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background-image: url("./Dup/default/intro_back.jpg");
  transition: 1s;
}

.fade::before {
  width: 100%;
}
/**********************************************************************/
 /*************フワフワアニメ**********************************/
.anim-box {
    animation-name: fuwafuwa;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.5s;
}
@keyframes fuwafuwa {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-15px)
    }
}

/**********************************************************/



/* ---------- タブレット ---------- */

@media screen and (max-width: 768px){
#top_header {
    background-color: rgba(153, 255, 102, 0.7) !important;
}
.con_img {
    position: absolute;
    z-index: -1;
    top: 0%;
    left: 30%;
}
#pc_news {
    background-color: rgba(251,251,251,1) !important;
    margin-top: 0px;
    padding-top: 0px;
}
}


/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#cms_2-c .txt_center_sp {
    text-align: left;
}
}
/* ---------- IE ---------- */
@media all and (-ms-high-contrast:none) {
#cms_2-a .cate .cate_title {
    padding-top: 10px !important;
}

#cms_6-b .cate .cate_title {
    padding: 10px 5px 10px !important;
}

#cms_5-a .cate .cate_title span:last-of-type {
    padding-top: 5px !important;
}
#page8 #contact_box .d_flex {
justify-content: space-around !important;
}
#pc_tel img {
    vertical-align: text-bottom !important;
    width: 66px !important;
    height: auto;
}
#pc_tel a {
    padding: 1.5% 2.4% 1.2px 2.2% !important;
}

}