#body{
    font-family: initial;
}


/* CSS Document */
/* color */
body,.txt_color_nomal{color: #1a1a1a;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #f56262} /* メインカラー */
.txt_color2{color: #f7f7f7} /* サブカラー */
.txt_color3{color: #FFC0CB} /* アクセントカラー1 */
.txt_color4{color: #cccccc} /* アクセントカラー2 */

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


/* border-color ※!important */
.border_color1{border-color: #f56262}
.border_color2{border-color: #f7f7f7}
.border_color3{border-color: #FFC0CB}
.border_color4{border-color: #cccccc}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #1a1a1a;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #f56262} /* メインカラー */
.hvr_txt_color2:hover{color: #f7f7f7} /* サブカラー */
.hvr_txt_color3:hover{color: #FFC0CB} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #cccccc} /* アクセントカラー2 */

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


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #f56262}
.hvr_border_color2:hover{border-color: #f7f7f7}
.hvr_border_color3:hover{border-color: #FFC0CB}
.hvr_border_color4:hover{border-color: #cccccc}










#contents .con_box3::before {
    width: 40px;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #fff;
}





#contents .con_box3::before, #menu_stick span.stick::before, #menu_stick span.stick::after, .more a::before, .more a::after, #page07 .info_title::before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
}

.con_box3 {
    padding-top: 61px;
}

.img4{
    max-width: 60%;
    padding-top: 10%;
}


#custom .custom_wrap {
    background-image: url(./Dup/img/top1.png);
    background-size: cover;
}

.balloon{
    vertical-align: bottom;
    width: 69%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 1;
    right: 13%;
    background-repeat: no-repeat;
    top: 5%;
    margin: 10px;
    animation: fluffy1 2s ease infinite;
    /*-moz-animation: swing linear 5s infinite;
    -moz-transform-origin: center -30px 0;
    -webkit-animation: swing linear 5s infinite;
    -webkit-transform-origin: center -30px 0;
    -ms-animation: swing linear 5s infinite;
    -ms-transform-origin: center -30px 0;
    -o-animation: swing linear 5s infinite;
    -o-transform-origin: center -30px 0;
    animation: swing linear 5s infinite;
    transform-origin: center -30px 0;
    display: block;
    float: left;*/
}




#contents .con_bg {
    background-color: #ffbe08;
}

.txt_color3 {
    color: #333;
}

#page08 .form_wrap {
    display: none;
}

#cms_1-a a{
    color: #f56262;
}



.anim_type1 {animation: type1 3s infinite ease-in-out alternate;}
@keyframes anim_type1 {
	0% {transform:translate(0, 0) rotate(-7deg);}
	50% {transform:translate(0, -7px) rotate(0deg);}
	100% {transform:translate(0, 0) rotate(7deg);}
}

@-moz-keyframes swing {
    0% { -moz-transform: rotate(0deg) }
    25% { -moz-transform: rotate(5deg); }
    50% { -moz-transform: rotate(0deg); }
    75% { -moz-transform: rotate(-5deg); }
    100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes swing {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(5deg); }
    50% { -webkit-transform: rotate(0deg); }
    75% { -webkit-transform: rotate(-5deg); }
    100% { -webkit-transform: rotate(0deg); }
}    
@-o-keyframes swing {
    0% { -o-transform: rotate(0deg); }
    25% { -o-transform: rotate(5deg); }
    50% { -o-transform: rotate(0deg); }
    75% { -o-transform: rotate(-5deg); }
    100% { -o-transform: rotate(0deg); }
}
@-ms-keyframes swing {
    0% { -ms-transform: rotate(0deg); }
    25% { -ms-transform: rotate(5deg); }
    50% { -ms-transform: rotate(0deg); }
    75% { -ms-transform: rotate(-5deg); }
    100% { -ms-transform: rotate(0deg); }
}
@keyframes swing {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(5deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}

@keyframes fluffy1 {
  0% {
    transform: translateY(0); }
  5% {
    transform: translateY(0); }
  10% {
    transform: translateY(0); }
  20% {
    transform: translateY(-10px); }
  25% {
    transform: translateY(0); }
  30% {
    transform: translateY(-10px); }
  50% {
    transform: translateY(0); }
  100% {
    transform: translateY(0); } }
    

.custom_sp{ display: none; }  

@media screen and (max-width: 768px){
#custom .custom_wrap{background: none;
    
    overflow: hidden;
}
    
.custom_sp{
    display: block;}

.balloon {
    vertical-align: bottom;
    width: 100%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 1;
    right: 0%;
    background-repeat: no-repeat;
    top: 5%;
    margin: 10px;
    animation: fluffy1 2s ease infinite;
}    
   
}


#foot_banner{
    font-size: 16px;
    text-align: center;
    padding-top: 30px;
    box-sizing: border-box;
    max-width: 302px;
    z-index: 4;
    bottom: 2px;
    right: 111px;
}

#page02 a {
    color: #ffbe08;
}

@media screen and (max-width: 667px){
    
    
 #foot_banner {
    width: 100%;
    font-size: 16px;
    text-align: center;
    padding-top: 32px;
    box-sizing: border-box;
    max-width: 192px;
    z-index: 2;
    bottom: 5px;
    right: 52px;
    top: 70%;
}


}