@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
/* アニメーション記述用 */
@keyframes headerFixed { 0% { transform: translateY(-80px); }
  100% { transform: translateY(0px); } }
.header__logo { display: none; }

/*メインイメージ*/
.mainimg { margin-bottom: 6.25%; position: relative; }
@media screen and (max-width: 769px) { .mainimg { margin-bottom: 40px; } }
@media screen and (min-width: 1280px) { .mainimg { margin-bottom: 80px; } }
.mainimg__img-box { background: url("/oyako/img/home/mainimg.png") center/cover no-repeat; }
.mainimg__main-title { position: absolute; width: 80%; max-width: 980px; top: 30%; left: 50%; filter: drop-shadow(0px 0px 4px #000); transform: translate(-50%, 0); }

.home-title { margin-bottom: 30px; }
.home-title .home-title__title-img { position: relative; margin: 0 auto 20px; width: 50%; max-width: 350px; }
.home-title .mainimg__title-dot { margin: 0 auto 10px; }
.home-title h2 { font-size: 2.4rem; }
@media (min-width: 769px) { .home-title h2 { font-size: calc( 2.4rem + ( 1vw - 7.69px ) * 2.3483365949 ); } }
@media (min-width: 1280px) { .home-title h2 { font-size: 3.6rem; } }

.concept .concept__img-wrap { margin-bottom: 30px; }
.concept .concept__con-txt { font-size: 1.6rem; margin-bottom: 30px; text-align: center; line-height: 2.4; }
@media (min-width: 769px) { .concept .concept__con-txt { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 1.8957345972 ); } }
@media (min-width: 980px) { .concept .concept__con-txt { font-size: 2rem; } }

.event { padding: 90px 0 60px; background: #fcf5d7; }
.event .event__common { position: relative; margin-bottom: 50px; border-radius: 10px; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
.event .event__common:last-child { margin-bottom: 0; }
.event .event__design { position: absolute; bottom: -15px; }
.event .event__design.po_1 { bottom: -10px; left: -10px; width: 40%; max-width: 240px; }
.event .event__design.po_2 { right: -10px; width: 18%; max-width: 80px; }
.event .event__design.po_3 { left: -10px; width: 15%; max-width: 80px; }
.event .event__design.po_4 { bottom: -30px; right: 5px; width: 26%; max-width: 120px; }
.event .event__month-wrap { padding: 60px 30px 30px; }
.event .event__month-wrap .event__month-title { position: absolute; width: 100%; left: 50%; transform: translateX(-50%); top: -40px; width: 90%; max-width: 380px; }
.event .event__month-wrap .event__month-ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; text-align: center; margin-bottom: 30px; }
.event .event__month-wrap .event__month-ul li { flex: 0 1 48%; width: 48%; max-width: 48%; margin-bottom: 10px; }
.event .event__month-wrap .event__month-ul li:last-child { flex: 0 1 100%; width: 100%; max-width: 100%; margin-bottom: 0; }
.event .event__month-wrap .event__name-wrap { font-size: 1.8rem; }
@media (min-width: 769px) { .event .event__month-wrap .event__name-wrap { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 1.1741682975 ); } }
@media (min-width: 1280px) { .event .event__month-wrap .event__name-wrap { font-size: 2.4rem; } }
.event .event__month-wrap .event__name-wrap span { display: block; line-height: 1.3; }
.event .event__month-wrap .event__name-wrap .event__day { position: relative; font-size: 1.3rem; color: #75798c; }
@media (min-width: 769px) { .event .event__month-wrap .event__name-wrap .event__day { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.5870841487 ); } }
@media (min-width: 1280px) { .event .event__month-wrap .event__name-wrap .event__day { font-size: 1.6rem; } }
.event .event__month-wrap .event__name-wrap .event__day strong { font-size: 1.6rem; }
@media (min-width: 769px) { .event .event__month-wrap .event__name-wrap .event__day strong { font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .event .event__month-wrap .event__name-wrap .event__day strong { font-size: 2rem; } }
.event .event__month-wrap .event__name-wrap .event__day:after { display: block; content: ''; position: absolute; }
.event .event__month-wrap .event__name-wrap .event__name { font-family: "A1 Gothic M", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-weight: bold; }
.event .event__title { font-size: 2.1rem; padding: 10px 0; color: #fff; border-radius: 10px 10px 0 0; }
@media (min-width: 769px) { .event .event__title { font-size: calc( 2.1rem + ( 1vw - 7.69px ) * 1.8957345972 ); } }
@media (min-width: 980px) { .event .event__title { font-size: 2.5rem; } }
.event .event__con-wrap { padding: 20px 25px; }
.event .event__common-ul { margin-bottom: 30px; }
.event .event__common-ul li { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; }
.event .event__spot-img { flex: 0 1 55%; width: 55%; max-width: 55%; }
.event .event__spot-txt { flex: 0 1 40%; width: 40%; max-width: 40%; }
.event .event__spot-name { margin-bottom: 10px; font-size: 1.8rem; font-family: "A1 Gothic M", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-weight: bold; }
@media (min-width: 769px) { .event .event__spot-name { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .event .event__spot-name { font-size: 2rem; } }
.event .event__spot-adress { font-size: 1.4rem; }
@media (min-width: 769px) { .event .event__spot-adress { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .event .event__spot-adress { font-size: 1.6rem; } }

.bnr { margin-bottom: 40px; }
.bnr .bnr_inner { max-width: 780px; }

.movie { max-width: 600px; margin-left: auto; margin-right: auto; }
.movie .movie__move { position: relative; width: 100%; margin: 0 auto 20px; padding-top: 56.25%; }
.movie .movie__move iframe { position: absolute; top: 0; left: 0; width: 100%; }
.movie .btn a { font-size: 1.8rem; background: #cd201f; border: solid 1px #cd201f; max-width: 325px; }
@media (min-width: 769px) { .movie .btn a { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * -0.9478672986 ); } }
@media (min-width: 980px) { .movie .btn a { font-size: 1.6rem; } }

.main-cont .main-cont-title { margin-bottom: 60px; }
.main-cont .main-cont__wrap li { margin-bottom: 80px; text-align: center; }
.main-cont .main-cont__wrap li h3 { font-size: 2rem; margin-bottom: 10px; }
@media (min-width: 769px) { .main-cont .main-cont__wrap li h3 { font-size: calc( 2rem + ( 1vw - 7.69px ) * 1.5655577299 ); } }
@media (min-width: 1280px) { .main-cont .main-cont__wrap li h3 { font-size: 2.8rem; } }
.main-cont .main-cont__wrap li p { font-size: 1.4rem; margin-bottom: 30px; }
@media (min-width: 769px) { .main-cont .main-cont__wrap li p { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .main-cont .main-cont__wrap li p { font-size: 1.6rem; } }
.main-cont .main-cont__img { position: relative; margin-bottom: 20px; }
.main-cont .main-cont__img .main-cont__icon { position: absolute; width: 100%; left: 50%; transform: translateX(-50%); height: 100px; width: 100px; min-width: 100px; line-height: 100px; border-radius: 100%; text-align: center; letter-spacing: normal; top: -60px; background: #fff; }
.main-cont .main-cont__img .main-cont__icon img { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; margin: auto; display: block; }
.main-cont .main-cont__btn { width: 80%; margin: auto; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .home-title { margin-bottom: 60px; }
  .home-title .home-title__title-img { max-width: 180px; }
  .home-title h2 { font-size: 2.4rem; } }
@media screen and (min-width: 769px) and (min-width: 769px) { .home-title h2 { font-size: calc( 2.4rem + ( 1vw - 7.69px ) * 2.3483365949 ); } }
@media screen and (min-width: 769px) and (min-width: 1280px) { .home-title h2 { font-size: 3.6rem; } }

@media screen and (min-width: 769px) { /*メインイメージ*/
  .mainimg__img-box { background: url("/oyako/img/home/mainimg.png") center top 15%/cover no-repeat; }
  .mainimg__main-title { width: 50%; }
  .concept .concept__img-wrap { margin-bottom: 50px; }
  .concept .concept__con-txt { margin-bottom: 70px; }
  .event { padding: 100px 0; }
  .event .event__design { bottom: 10px; }
  .event .event__design.po_1 { left: 0; right: 50%; margin: auto; bottom: 10px; }
  .event .event__design.po_2 { left: 50%; right: 0; margin: auto; }
  .event .event__design.po_3 { left: -15px; bottom: -15px; }
  .event .event__month-wrap { padding-top: 80px; }
  .event .event__month-wrap .event__month-ul { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 60px; }
  .event .event__month-wrap .event__month-ul li { flex: 0 1 auto; width: auto; max-width: auto; max-width: 100%; margin: 0 20px 10px; }
  .event .event__month-wrap .event__month-ul li:last-child { flex: 0 1 auto; width: auto; max-width: auto; }
  .event .event__month-wrap .event__month-title { top: -30px; left: -25px; transform: translate(0, 0) rotate(-11deg); }
  .event .event__month-wrap .event__name-wrap .event__day { margin-bottom: 10px; }
  .event .event__flex-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .event .event__common-wrap { flex: 0 1 48%; width: 48%; max-width: 48%; margin-bottom: 0; }
  .event .event__con-wrap { padding: 30px; }
  .bnr { margin-bottom: 60px; }
  .movie .movie__move { margin-bottom: 35px; }
  .movie .btn a:hover { background: #fff; color: #cd201f; }
  .movie .btn a:hover::after { border-color: transparent transparent transparent #cd201f; } }
/*------------------------------
		981px以上
------------------------------*/
@media screen and (min-width: 981px) { /*メインイメージ*/
  .mainimg__img-box { max-height: 800px !important; }
  .mainimg__main-title { width: 80%; }
  .main-cont .main-cont-title { margin-bottom: 100px; }
  .main-cont .main-cont__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .main-cont .main-cont__wrap li { flex: 0 1 32%; width: 32%; max-width: 32%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 0; }
  .main-cont .main-cont__wrap li .main-cont__txt { flex: 0 1 100%; width: 100%; max-width: 100%; margin-top: auto; }
  .main-cont .main-cont__wrap li h3 { margin-bottom: 20px; }
  .main-cont .main-cont__wrap li p { margin-bottom: 50px; }
  .main-cont .main-cont__btn { margin: auto; } }
/*------------------------------
		1181px以上
------------------------------*/
/*------------------------------
		1600px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */