@charset "UTF-8";
@media screen and (max-width: 750px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  html, body {
    font-family: "游ゴシック体", "Arial", "メイリオ";
  }
  /*ボタン処理*/
  .btn {
    text-decoration: none;
    transition: 1s;
  }
/*   .btn:hover {
    opacity: .8;
  } */
  /*ここからメイン*/
  .main {
    height: 100%;
    padding-top: 30vw;
  }
  .main_copy {
    position: static;
    float: left;
    width: 34%;
  }
  .main_copy img {
    padding-top: 20%;
    width: 43%;
    height: 100%;
    margin: 0 auto;
  }
  .main_photo {
    position: relative;
    float: right;
    width: 66vw;
    height: 100vw;
    border-radius: 18vw 0 0 18vw;
    float: right;
    top: 0vw;
    left: 0vw;
  }
  .main_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .cs_anchor {
    display: none;
  }
  .main_illust {
    position: absolute;
    padding-top: 5%;
    width: 30%;
    top: -15%;
    left: 62%;
  }
  .event_illust {
    position: relative;
    width: 90%;
    top: 20px;
    left: 8%;
    z-index: 5;
  }
  /*ここまでメイン*/
  /*ここからEVENT*/
  .event {
    position: relative;
    border-top: 0.4vw solid #000000;
    background-image: url("../images/event_backimg.png");
    height: 100%;
  }
  .event_title {
    position: static;
    width: 50vw;
    top: 0;
    margin-top: 13vw;
    margin-bottom: 5vw;
  }
  .event_copy {
    position: static;
    font-size: 3.8vw;
    line-height: 8.5vw;
    top: 0;
    margin-bottom: 10vw;
  }
  .event_btn {
    padding: 10%;
    float: none;
    padding-top: 3vw;
    margin-top: 3vw;
  }
  .event_btn a {
    text-decoration: none;
  }
  .event_contents {
    position: static;
    top: 0;
    width: 100%;
    padding-bottom: 10vw;
  }
  .event_contents ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
  }
  .event_contents_1 {
    position: relative;
    width: 48%;
    padding-bottom: 5vw;
    border-radius: 4vw;
    background-color: #FFF;
    float: left;
    margin-bottom: 8vw;
  }
  .event_contents_date {
    position: absolute;
    width: 13vw;
    top: -5vw;
    left: 28vw;
  }
  .event_contents_photo {
    border-radius: 4vw 4vw 0px 0px;
    height: 28vw;
  }
  .event_contents_photo img {
    border-radius: 4vw 4vw 0px 0px;
    width: 100%;
    height: 28vw;
    object-fit: cover;
    display: block;
    transition-duration: 0.0s;
  }
  .event_contents_photo img:active {
    transform: scale(0);
    transition-duration: 0.0s;
    opacity: 0;
  }
  .event_contents_date p {
    color: #FFF;
    font-family: 'Baloo Tammudu 2', cursive;
  }
  .event_contents_date_month {
    position: absolute;
    top: 2.5vw;
    left: 2.5vw;
    font-size: 2.2vw;
  }
  .event_contents_date_day {
    position: absolute;
    top: 5.2vw;
    left: 6.0vw;
    font-size: 5vw;
  }
	.event_contents_date_day_end {
    position: absolute;
    top: 5.0vw;
    left: 6.0vw;
    font-size: 5vw;
  }
  .event_contents_date_day_2 {
    position: absolute;
    top: 3.5vw;
    left: 5.5vw;
    font-size: 5vw;
  }
  .event_contents_date_day_3 {
    position: absolute;
    top: 3.8vw;
    left: 5.5vw;
    font-size: 5vw;
  }
  .event_contents_end {
    position: absolute;
    border-radius: 4vw 4vw 0px 0px;
    top: 0;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 28vw;
    opacity: 0.5;
  }
  .event_contents_end_copy {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* -webkit-transform: translate(-50%, -50%); */
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    font-size: 2.3vw;
    width: 100%;
    color: #FFF;
    z-index: 20;
  }
  .event_contents_icon {
    width: 20vw;
    height: 3.5vw;
    line-height: 3.4vw;
    margin: 3vw;
  }
  .event_contents_icon p {
    border: 1px solid #D44525;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    text-align: center;
    color: #D44525;
    font-size: 2vw;
    border-radius: 5vw;
  }
  .event_contents_copy {
    width: 90%;
    font-size: 3vw;
    margin: 0 auto;
  }
  /*ここまでEVENT*/
  /*ここからお知らせ*/
  .notice {
    position: relative;
    height: 100%;
  }
  .notice_copy {
    padding-top: 12vw;
    float: none;
    padding-bottom: 5vw;
    font-size: 5.0vw;
  }
  .notice_important {
    display: block;
    width: 100%;
    background-color: #FFE8DF;
    border-radius: 4vw;
    min-height: 100%;
  }
  .notice_important_1 {
    display: block;
    background-color: #D44525;
    width: 100%;
    border-radius: 4vw 4vw 0px 0px;
    font-size: 4.0vw;
    color: #FFF;
    text-align: left;
  }
  .notice_important_1 p {
    width: 100%;
    padding: 3vw 4.5vw;
  }
  .notice_important_2 {
    display: block;
    width: 100%;
    font-size: 3.5vw;
    padding-top: 1vw;
  }
  .notice_important_2_2 {
    display: block;
    padding-bottom: 2vw;
  }
  .notice_important_2_date {
    font-family: 'Roboto', sans-serif;
    display: block;
    width: 100%;
    color: #858585;
	 font-size: 3.0vw;
  }
  .notice_important_2_copy {
    display: block;
    width: 100%;
  }
  .notice_important_3 {
    padding-top: 8vw;
    padding-bottom: 0vw;
    font-size: 3.5vw;
  }
  .notice_important_3_2 {
    display: table;
    padding-bottom: 0.5vw;
  }
  .notice_important_3 a {
    margin-bottom: 5vw;
  }
  .notice_important_3_data {
    display: table-cell;
    font-family: 'Roboto', sans-serif;
    color: #858585;
    float: left;
    padding-bottom: 3vw;
	  font-size: 3.0vw;
  }
  .notice_important2_icon {
    display: table-cell;
    width: 23vw;
    height: 5vw;
    margin-right: 0;
    font-size: 5.0vw;
    line-height: 5.0vw;
    float: right;
  }
  .notice_important2_icon p {
    border: 1px solid #D44525;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    text-align: center;
    color: #D44525;
    font-size: 2.5vw;
    margin-bottom: 38vw;
    letter-spacing: normal;
    border-radius: 30vw;
  }
  .notice_important_3_copy {
    display: block;
    padding-left: 0;
    padding-bottom: 6vw;
    float: left;
  }
  .notice_important_line_2 {
    width: 100%;
    padding-bottom: 5vw;
    border-bottom: 1px solid #C9C9C9;
  }
  .notice_illust {
    position: absolute;
    bottom: -24.6vw;
    border-top: 0.4vw solid #000;
    width: 100%;
    height: 15.3vw;
    background-color: #B0C8A5;
  }
  .notice_illust_ {
    position: absolute;
    left: -33vw;
    bottom: -15vw;
    width: 180%;
    margin: 0 auto;
    z-index: 5;
  }
  .notice_btn {
    padding: 10%;
    float: none;
    padding-top: 8vw;
  }
  .notice_btn a {
    text-decoration: none;
  }
  /*ここまでお知らせ*/
  /*ここからAbout*/
  .about {
    height: 100%;
    padding-top: 30vw;
  }
  .about_title {
    width: 40vw;
    padding-top: 20vw;
    padding-bottom: 10vw;
  }
  .about_copy {
    width: 100%;
    font-size: 3.8vw;
    line-height: 8.5vw;
    padding-bottom: 5vw;
  }
  .innner_left {
    float: none;
  }
  .innner_right {
    float: none;
  }
  .about_photo {
    width: 100%;
    height: 70vw;
    padding-bottom: 5%;
  }
  .about_photo img {
    width: 100%;
    height: 100%;
    border-radius: 3vw;
    object-fit: cover;
  }
  .about_btn {
    padding: 10%;
    position: static;
    text-decoration: none;
  }
  .about_btn a {
    text-decoration: none;
  }
  /*ここまでAbout*/
  /*ここからservice*/
  .service {
    height: 100%;
    padding: 0%;
  }
  .service_title {
    width: 40vw;
    padding-top: 20vw;
    padding-bottom: 8vw;
  }
  .service_copy {
    width: 100%;
    font-size: 3.8vw;
    line-height: 8.5vw;
    padding-bottom: 8vw;
	  white-space: normal;
  }
  .service_up {
    text-align: center;
  }
  .service_details_copy_1 {
    font-size: 5.0vw;
    padding-top: 43vw;
  }
  .service_details_copy_2 {
    font-size: 3.5vw;
    padding-top: 0;
  }
  .service_details_copy img {
    width: 5vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
    float: none;
  }
  .service_photo {
    overflow: hidden;
    width: 40vw;
    height: 40vw;
    border-radius: 600px;
    margin: 0 auto;
    background-position: center center;
  }
  .service_photo img {
    display: block;
    transition-duration: 0.0s;
  }
  .service_photo img:active {
    transform: scale(0);
    transition-duration: 0.0s;
    opacity: 0;
  }
  .service ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 10vw;
  }
  .service ul li {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 40.0%;
    padding: 3%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* ここまでservice */
  /*ここからスライド*/
  /*=== 画像の表示エリア ================================= */
  .main_photo {
    position: relative;
    overflow: hidden;
    margin: auto;
    /* サンプルは中央寄せの背景：白 */
    background: #fff;
  }
  .main_photo img {
    border-radius: 15vw 0 0 15vw;
  }
  /*=== 画像の設定 ======================================= */
  .main_photo li {
    display: block;
    position: absolute;
    /* 画像のサイズを表示エリアに合せる */
    width: inherit;
    height: inherit;
    opacity: 0;
    animation: slideAnime 21s ease infinite;
  }
  /*=== スライドのアニメーションを段差で開始する ========= */
  .main_photo li:nth-of-type(1) {
    animation-delay: 0s
  }
  .main_photo li:nth-of-type(2) {
    animation-delay: 8s
  }
  .main_photo li:nth-of-type(3) {
    animation-delay: 16s
  }
  /*=== スライドのアニメーション ========================= */
  @keyframes slideAnime {
    0% {
      opacity: 0
    }
    16% {
      opacity: 1
    }
    33% {
      opacity: 1
    }
    49% {
      opacity: 0
    }
    100% {
      opacity: 0
    }
  }
  /*ここまでスライド*/
  /* ここから404 */
  .other_main {
    height: 100%;
    border-top: solid 0.3vw #000;
    background-image: url("../images/event_backimg.png");
  }
  .other_main_innner {
    width: 90%;
    padding-top: 30vw;
    padding-bottom: 15vw;
    margin: 0 auto;
  }
  .other_inner {
    width: 90%;
  }
  .other_main_innner_2 {
    font-size: 8.0vw;
    padding-bottom: 5vw;
    display: flex;
    justify-content: center;
  }
  .other_main_innner_2_p {
    font-size: 3.0vw;
    margin-bottom: 5vw;
    line-height: 8.5vw;
    text-align: left;
  }
  /* ここまで404 */
}