@charset "UTF-8";
@media screen and (min-width: 768px),print {

#mainttlbox{}
#mainttlbox h1 span{width: auto;font-size: 2rem;letter-spacing: 0.4rem;margin-top: -10px;margin-bottom: -30px;}

#contentsmainn {text-align: center;padding: 66px 0 0;margin-bottom: 66px;}
#contentsmainn p.text{font-size: 1.6rem;letter-spacing: 0.16rem;line-height: 2;margin-bottom: 30px;}
#contentsmainn p.fmbtttn{ }
#contentsmainn p.fmbtttn {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;}
#contentsmainn p.fmbtttn a {font-size: 1.6rem;letter-spacing: 0.112rem;display: block;width: 42.5rem;height: 4rem;color: #005F37;background: #fff;border: #005F37 1px solid;transition: all 0.3s ease-in-out;border-radius: 30px;position: relative;padding: 0.3rem 0.3rem 0.3rem 2.4rem;margin: 0 auto;}
#contentsmainn p.fmbtttn a .arr{width: 0.6rem;height: 0.8rem;display: block;position: absolute;top: -0.9rem;right: 1.6rem;/* -webkit-filter: brightness(0) invert(1); *//* filter: brightness(0) invert(1); */transition: all 0.3s ease-in-out;}
#contentsmainn p.fmbtttn a:hover { background:#005F37; color:  #fff; }
#contentsmainn p.fmbtttn a:hover .arr{ -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1); }

   #contact #event_datesr {background: url('../images/common/cal.svg') no-repeat right 0px center #fff;border: 1px solid #D3D9CA;border-radius: 5px;margin-left: 0;width: 100%;}


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


}

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

#mainttlbox{}
#mainttlbox h1 span{width: auto;font-size: 5.33vw;letter-spacing: 1.07vw;margin-top: 0vw;margin-bottom: 0vw;}

#contentsmainn {text-align: center;padding: 11.6vw 0 0;margin-bottom: 9.6vw;}
#contentsmainn p.text{font-size: 3.73vw;letter-spacing: 0.43vw;line-height: 2;text-align: left;margin: 0 5vw;}
#contact #event_datesr {background: url('../images/common/cal.svg') no-repeat right 0vw center #fff;border: 1px solid #D3D9CA;border-radius: 1.33vw;background-size: auto 100%;width: 100%;}

#contentsmainn p.fmbtttn{ }
#contentsmainn p.fmbtttn {font-size: 4.27vw;line-height: 2;font-weight: 400;letter-spacing: 0.43vw;margin-top: 11vw;}
#contentsmainn p.fmbtttn a {font-size: 4.27vw;letter-spacing: 0.3vw;display: block;width: 82%;height: z;color: #005F37;background: #fff;border: #005F37 0.27vw solid;transition: all 0.3s ease-in-out;border-radius: 8.0vw;position: relative;padding: 3vw;margin: 0 auto;}
#contentsmainn p.fmbtttn a .arr{width: 1.6vw;height: 2vw;display: block;position: absolute;top: -0.1vw;right: 4vw;/* -webkit-filter: brightness(0) invert(1); *//* filter: brightness(0) invert(1); */transition: all 0.3s ease-in-out;}
#contentsmainn p.fmbtttn a:hover { background:#005F37; color:  #fff; }
#contentsmainn p.fmbtttn a:hover .arr{ -webkit-filter: brightness(0) invert(1);}

#contact #main{ margin-bottom: -40vw; }
}