.font-en { font-family: 'Roboto', sans-serif; }

.font-mp { font-family: 'M PLUS 1p', sans-serif; }

.font-min { font-family: 'Zen Kurenaido', sans-serif; }

.main { padding: 0; }

.home-heading { margin-bottom: 15px; text-align: center; }
@media screen and (max-width: 640px) { .home-heading { margin-bottom: 2.34375%; } }

.home-subheading { margin-bottom: 60px; font-size: 1.125rem; text-align: center; font-weight: bold; }
@media screen and (max-width: 640px) { .home-subheading { margin-bottom: 9.375%; } }

.top-sec { margin-bottom: 90px; }
@media screen and (max-width: 640px) { .top-sec { margin-bottom: 10.15625%; } }
.top-sec .top-in { position: relative; }
.top-sec .main-slider img { border-radius: 30px; }
.top-sec .slick-dotted.slick-slider { margin-bottom: 0; }
.top-sec .slick-dots { bottom: -25px; }
.top-sec .slick-dots li { width: 12px; height: 12px; margin: 0 7px; }
.top-sec .slick-dots li button { width: 12px; height: 12px; padding: 0; }
.top-sec .slick-dots li button:before { width: 12px; height: 12px; content: ''; opacity: 1; background-color: #cecece; border-radius: 50%; }
.top-sec .slick-dots li.slick-active button:before { opacity: 1; background-color: #46b46b; }

.info-sec { margin-bottom: 75px; }
@media screen and (max-width: 960px) { .info-sec { margin-bottom: 6.25%; } }
.info-sec .info-in { display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto; }
@media screen and (max-width: 960px) { .info-sec .info-in { display: block; } }
.info-sec .info-ttl { display: flex; justify-content: center; align-items: center; width: 16.6666666667%; padding: 40px 10px; background-color: #f46a6a; border: 4px solid #f46a6a; color: #fff; text-align: center; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
@media screen and (max-width: 960px) { .info-sec .info-ttl { display: block; width: 100%; padding: 20px 30px; text-align: left; border-top-right-radius: 20px; border-bottom-left-radius: 0; } }
@media screen and (max-width: 640px) { .info-sec .info-ttl { padding: 2.5862068966% 5.1724137931%; } }
@media screen and (max-width: 960px) { .info-sec .info-ttl div { display: flex; align-items: center; } }
.info-sec .info-ttl figure { margin-bottom: 10px; }
@media screen and (max-width: 960px) { .info-sec .info-ttl figure { margin-right: 10px; margin-bottom: 0; } }
.info-sec .info-ttl .info-heading { font-size: 1.0625rem; font-weight: 700; line-height: 1; }
.info-sec .info-list { flex: 1; display: flex; align-items: center; width: 83.3333333333%; padding: 15px 30px; border: 4px solid #f46a6a; border-top-right-radius: 20px; border-bottom-right-radius: 20px; line-height: 1.6; }
@media screen and (max-width: 960px) { .info-sec .info-list { display: block; width: 100%; padding: 20px 30px; text-align: left; border-top-right-radius: 0; border-bottom-left-radius: 20px; } }
@media screen and (max-width: 640px) { .info-sec .info-list { padding-top: 0; } }
.info-sec .info-list li { margin-bottom: 20px; }
@media screen and (max-width: 960px) { .info-sec .info-list li { margin-bottom: 0; border-bottom: 1px solid #ddd; } }
.info-sec .info-list li:last-child { margin-bottom: 0; border-bottom: none; }
.info-sec .info-list li a { display: flex; align-items: center; text-decoration: none; }
@media screen and (max-width: 960px) { .info-sec .info-list li a { padding: 20px 0; } }
@media screen and (max-width: 640px) { .info-sec .info-list li a { display: block; } }
.info-sec .info-list li a p { text-decoration: underline; }
.info-sec .info-list li a p:hover { text-decoration: none; }
.info-sec .info-list li span { width: 8em; font-size: 0.8125rem; color: #999; font-weight: 700; }
.info-sec .info-list li p { flex: 1; font-weight: 700; }

.top-wrap { position: relative; }

.contents-sec { position: absolute; bottom: 0; right: 0; margin-right: 5.8139534884%; margin-bottom: 4.6511627907%; }
@media screen and (max-width: 960px) { .contents-sec { display: none; position: static; margin: 0 0 60px; } }
@media screen and (max-width: 640px) { .contents-sec { margin-bottom: 9.375%; } }
.contents-sec .contents-in { position: relative; max-width: 380px; padding: 30px 30px 40px; background-color: #fff; border-radius: 20px; box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6); }
@media screen and (max-width: 960px) { .contents-sec .contents-in { width: 100%; max-width: 100%; } }
@media screen and (max-width: 640px) { .contents-sec .contents-in { padding: 5.1724137931%; } }
.contents-sec .contents-close { position: absolute; top: -50px; right: 0; cursor: pointer; }
.contents-sec .contents-top { display: flex; align-items: center; justify-content: space-between; }
.contents-sec .contents-ttl { font-size: 1.125rem; font-weight: 700; }
.contents-sec .contents-ttl span { display: inline-block; padding: 8px 0 8px 40px; background: url("../img/home/contents_i001.png") no-repeat left center; }
.contents-sec .slide-btn { display: flex; justify-content: flex-end; }
.contents-sec .slide-btn li { margin-left: 5px; cursor: pointer; }
.contents-sec .contents-list { margin-bottom: 20px; }
.contents-sec .contents-list li { border-bottom: 1px solid #dad7d7; }
.contents-sec .contents-list li a { display: block; text-decoration: none; padding: 15px 0; line-height: 1.6; }
.contents-sec .contents-list li a:hover p { text-decoration: underline; }
.contents-sec .contents-list li span { font-size: 0.8125rem; color: #46b46b; font-weight: 700; }
.contents-sec .contents-list li p { font-size: 0.9375rem; font-weight: 700; }
.contents-sec .contents-btn .btn { max-width: 100%; font-size: 0.875rem; }
@media screen and (max-width: 960px) { .contents-sec .contents-btn .btn { max-width: 320px; } }
@media screen and (max-width: 640px) { .contents-sec .contents-btn .btn { width: 61.5384615385%; max-width: 100%; font-size: 0.625rem; } }

.about-sec { padding: 100px 0 150px; background-color: #83cfc7; }
@media screen and (max-width: 640px) { .about-sec { padding: 15.625% 0; } }
@media screen and (max-width: 640px) { .about-sec .inner { padding: 0; } }
@media screen and (max-width: 640px) { .about-sec .home-heading { padding: 0 4.6875%; } }
.about-sec .home-subheading { color: #fff; }
@media screen and (max-width: 640px) { .about-sec .home-subheading { padding: 0 4.6875%; } }
.about-sec .about-top { display: flex; flex-direction: row-reverse; margin-bottom: 30px; background-color: #fff; border-radius: 20px; }
@media screen and (max-width: 960px) { .about-sec .about-top { display: block; } }
@media screen and (max-width: 640px) { .about-sec .about-top { width: 90.625%; margin: 0 auto 9.375%; } }
.about-sec .about-top ul { display: flex; flex-wrap: wrap; width: 41.6666666667%; }
@media screen and (max-width: 960px) { .about-sec .about-top ul { width: 100%; border-top: 1px solid #ccc; } }
.about-sec .about-top ul li { width: 50%; }
.about-sec .about-top ul li:nth-child(1) { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.about-sec .about-top ul li:nth-child(2) { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
.about-sec .about-top ul li:nth-child(3) { border-right: 1px solid #ccc; }
.about-sec .about-top ul li:nth-child(4) { border-right: 1px solid #ccc; }
.about-sec .about-top ul li a { display: block; text-decoration: none; padding: 25px 20px 20px; text-align: center; transition: all .6s; }
@media screen and (max-width: 640px) { .about-sec .about-top ul li a { padding: 20px 10px; } }
.about-sec .about-top ul li a:hover { opacity: 0.7; }
.about-sec .about-top ul li a p { font-size: 0.8125rem; }
@media screen and (max-width: 640px) { .about-sec .about-top ul li a p { font-size: 0.6875rem; } }
.about-sec .about-top ul li a p span { font-size: 1.125rem; font-weight: 700; color: #46b46b; }
@media screen and (max-width: 640px) { .about-sec .about-top ul li a p span { font-size: 0.8125rem; } }
.about-sec .about-top .about-box { width: 58.3333333333%; overflow: hidden; }
@media screen and (max-width: 960px) { .about-sec .about-top .about-box { width: 100%; } }
.about-sec .about-top .about-box a { display: block; text-decoration: none; padding: 20px 30px 20px 10px; transition: all .6s; }
@media screen and (max-width: 640px) { .about-sec .about-top .about-box a { padding: 20px 10px; } }
.about-sec .about-top .about-box a:hover { opacity: 0.7; }
.about-sec .about-top .about-box a figure { margin-top: -7.1428571429%; text-align: left; }
@media screen and (max-width: 960px) { .about-sec .about-top .about-box a figure { margin-top: -10%; } }
.about-sec .about-top .about-box a p { margin-top: 30px; font-size: 0.8125rem; text-align: center; }
@media screen and (max-width: 640px) { .about-sec .about-top .about-box a p { font-size: 0.6875rem; } }
.about-sec .about-top .about-box a p span { font-size: 1.125rem; font-weight: 700; color: #46b46b; }
@media screen and (max-width: 640px) { .about-sec .about-top .about-box a p span { font-size: 0.8125rem; } }
.about-sec .about-nav-01 { display: flex; margin-bottom: 60px; }
@media screen and (max-width: 640px) { .about-sec .about-nav-01 { margin-bottom: 0; } }
.about-sec .about-nav-01 .slick-slide { margin: 0 10px; }
.about-sec .about-nav-01 li { width: 32.0833333333%; margin-right: 1.8333333333%; }
.about-sec .about-nav-01 li:last-child { margin-right: 0; }
.about-sec .about-nav-01 li a { text-decoration: none; color: #fff; font-weight: 700; text-align: center; }
.about-sec .about-nav-01 li figcaption { margin-top: 13px; }
@media screen and (max-width: 640px) { .about-sec .about-nav-01 li figcaption { font-size: 0.75rem; } }
.about-sec .slick-dotted.slick-slider { margin-bottom: 0; }
.about-sec .slick-dots { bottom: 0; width: 100%; padding: 0 4.6875%; margin: 0 0 -10.9375%; }
.about-sec .slick-dots li { width: calc(100% / 3); height: 15px; margin: 0; padding: 0; cursor: pointer; }
.about-sec .slick-dots li:first-child button::before { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.about-sec .slick-dots li:last-child button::before { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.about-sec .slick-dots li button { width: calc(100% / 3); height: 15px; padding: 0; }
.about-sec .slick-dots li button:before { width: 100%; height: 15px; content: ''; opacity: 1; background-color: #fff; }
.about-sec .slick-dots li.slick-active button:before { opacity: 1; background-color: #46b46b; }
.about-sec .about-nav-02 { display: flex; }
@media screen and (max-width: 640px) { .about-sec .about-nav-02 { display: block; padding: 0 4.6875%; } }
.about-sec .about-nav-02 li { width: 48.75%; margin-right: 2.5%; }
@media screen and (max-width: 640px) { .about-sec .about-nav-02 li { width: 100%; margin-right: 0; margin-bottom: 4.3103448276%; } }
.about-sec .about-nav-02 li:last-child { margin: 0; }
.about-sec .about-nav-02 li a { text-decoration: none; color: #fff; text-align: center; }
.about-sec .about-nav-02 li figcaption { margin-top: 13px; font-size: 0.875rem; }
@media screen and (max-width: 640px) { .about-sec .about-nav-02 li figcaption { font-size: 0.625rem; } }
.about-sec .about-nav-02 li figcaption span { font-size: 1rem; font-weight: 700; }
@media screen and (max-width: 640px) { .about-sec .about-nav-02 li figcaption span { font-size: 0.875rem; } }
@media screen and (max-width: 640px) { .about-sec .about-btn { margin-top: 25.8620689655%; } }
.about-sec .about-btn a { display: block; text-decoration: none; max-width: 400px; margin: 0 auto 100px; padding: 20px 10px; border: 1px solid #fff; background: url("../img/common/ico_arrow_w.png") no-repeat right 20px center; color: #fff; text-align: center; font-weight: 700; line-height: 1; border-radius: 1.5rem; transition: all .6s; }
@media screen and (max-width: 640px) { .about-sec .about-btn a { width: 62.5%; max-width: 100%; padding: 15px; font-size: 0.75rem; } }
.about-sec .about-btn a:hover { opacity: 0.7; }

.news-sec { padding: 90px 0 155px; background-color: #f6f9ef; }
@media screen and (max-width: 640px) { .news-sec { padding: 15.625% 0; } }
.news-sec .news-list { margin-bottom: 30px; }
.news-sec .news-btn .btn { margin: 0 auto; }

.living-sec { padding: 90px 0 200px; background-color: #f5f5ee; }
@media screen and (max-width: 640px) { .living-sec { padding: 14.0625% 0 35.9375%; } }
@media screen and (max-width: 640px) { .living-sec .inner { padding: 0; } }
@media screen and (max-width: 640px) { .living-sec .home-heading, .living-sec .home-subheading { padding: 0 4.6875%; } }
.living-sec .living-txt { margin-bottom: 80px; text-align: center; font-weight: 700; }
@media screen and (max-width: 640px) { .living-sec .living-txt { padding: 0 4.6875%; } }
@media screen and (max-width: 640px) { .living-sec .slick-slide { margin: 0 20px; } }
.living-sec .living-list { display: flex; }
.living-sec .living-list li { width: 20.8333333333%; margin-right: 5.8333333333%; }
@media screen and (max-width: 640px) { .living-sec .living-list li { margin-right: 0; } }
.living-sec .living-list li:last-child { margin-right: 0; }
.living-sec .living-list li a { display: block; text-decoration: none; transition: all .6s; }
.living-sec .living-list li a:hover { opacity: 0.7; }
.living-sec .living-list li figcaption { margin-top: 10px; text-align: center; font-weight: 700; line-height: 1; }
@media screen and (max-width: 640px) { .living-sec .living-list li figcaption { font-size: 0.8125rem; } }
.living-sec .slick-dotted.slick-slider { margin-bottom: 0; }
.living-sec .slick-dots { bottom: 0; width: 100%; padding: 0 4.6875%; margin: 0 0 -10.9375%; }
.living-sec .slick-dots li { width: calc(100% / 4); height: 15px; margin: 0; padding: 0; cursor: pointer; }
.living-sec .slick-dots li:first-child button::before { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.living-sec .slick-dots li:last-child button::before { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.living-sec .slick-dots li button { width: calc(100% / 4); height: 15px; padding: 0; }
.living-sec .slick-dots li button:before { width: 100%; height: 15px; content: ''; opacity: 1; background-color: #fff; }
.living-sec .slick-dots li.slick-active button:before { opacity: 1; background-color: #46b46b; }

.parenting-sec { padding: 90px 0 145px; }
@media screen and (max-width: 640px) { .parenting-sec { padding: 15.625% 0; } }
.parenting-sec .par-lead { position: relative; margin-bottom: 65px; text-align: center; font-weight: bold; line-height: 2; }
.parenting-sec .par-lead::before { content: ''; position: absolute; top: 0; left: 0; margin-left: 25px; width: 137px; height: 120px; background: url("../img/home/parenting_bg001.png") no-repeat left center; }
@media screen and (max-width: 960px) { .parenting-sec .par-lead::before { display: none; } }
.parenting-sec .par-lead::after { content: ''; position: absolute; top: 0; right: 0; margin-right: 25px; width: 136px; height: 123px; background: url("../img/home/parenting_bg002.png") no-repeat left center; }
@media screen and (max-width: 960px) { .parenting-sec .par-lead::after { display: none; } }
.parenting-sec .par-list { display: flex; flex-wrap: wrap; }
.parenting-sec .par-list li { width: 23.3333333333%; margin-right: 2.1666666667%; margin-bottom: 2.5%; background-color: #f2f2ea; border-radius: 20px; }
@media screen and (max-width: 640px) { .parenting-sec .par-list li { width: 48.275862069%; margin-right: 3.4482758621%; margin-bottom: 5.1724137931%; }
  .parenting-sec .par-list li:nth-child(2n) { margin-right: 0; } }
.parenting-sec .par-list li:nth-child(4n), .parenting-sec .par-list li:last-child { margin-right: 0; }
.parenting-sec .par-list li a { display: block; text-decoration: none; transition: all .6s; }
.parenting-sec .par-list li a:hover { opacity: 0.7; }
.parenting-sec .par-list li dl { padding: 10px; text-align: center; }
.parenting-sec .par-list li dl dt { font-size: 0.8125rem; }
.parenting-sec .par-list li dl dd { font-size: 1.125rem; font-weight: bold; }

.goout-sec { padding: 100px 0 165px; }
@media screen and (max-width: 960px) { .goout-sec { padding: 100px 0 120px; } }
@media screen and (max-width: 640px) { .goout-sec { padding: 15.625% 0 18.75%; } }
.goout-sec .goout-box { display: flex; justify-content: space-between; }
@media screen and (max-width: 960px) { .goout-sec .goout-box { display: block; padding: 0 30px; } }
@media screen and (max-width: 640px) { .goout-sec .goout-box { padding: 0 5.1724137931%; } }
.goout-sec .goout-box .goout-item { width: 45.8333333333%; }
@media screen and (max-width: 960px) { .goout-sec .goout-box .goout-item { width: 100%; } }
.goout-sec .goout-box .goout-item .goout-heading { margin-bottom: 15px; font-size: 2.875rem; font-weight: 700; color: #46b46b; }
@media screen and (max-width: 640px) { .goout-sec .goout-box .goout-item .goout-heading { font-size: 2rem; } }
.goout-sec .goout-box .goout-item .goout-en { margin-bottom: 50px; font-weight: 800; color: #777; letter-spacing: 0.1em; }
@media screen and (max-width: 640px) { .goout-sec .goout-box .goout-item .goout-en { font-size: 0.75rem; } }
.goout-sec .goout-box .goout-item .goout-txt { margin-bottom: 60px; }
@media screen and (max-width: 960px) { .goout-sec .goout-box .goout-item .goout-txt { margin-bottom: 30px; } }
.goout-sec .goout-box .goout-fig { width: 50%; }
@media screen and (max-width: 960px) { .goout-sec .goout-box .goout-fig { width: 100%; margin-bottom: 60px; } }
.goout-sec .goout-info { margin-bottom: 150px; }
@media screen and (max-width: 960px) { .goout-sec .goout-info { margin-bottom: 100px; } }
.goout-sec .goout-info .info-slider figure { position: relative; }
.goout-sec .goout-info .info-slider figure figcaption { position: absolute; bottom: 20px; left: 35px; color: #fff; font-weight: 700; font-size: 1.125rem; letter-spacing: 0.1em; text-shadow: #000 0 0 5px; }
@media screen and (max-width: 640px) { .goout-sec .goout-info .info-slider figure figcaption { font-size: 0.875rem; } }
.goout-sec .goout-info .info-slider figure figcaption span { margin-right: 0.5em; font-size: 2.25rem; }
@media screen and (max-width: 640px) { .goout-sec .goout-info .info-slider figure figcaption span { font-size: 1.625rem; } }
.goout-sec .goout-info .info-subslider { margin-top: 5px; }
@media screen and (max-width: 960px) { .goout-sec .goout-info .info-subslider { margin-top: 15px; } }
.goout-sec .goout-info .info-subslider .slick-slide { margin: 0 6px; }
.goout-sec .goout-info .info-subslider .slick-current img { border: 4px solid #46b46b; border-radius: 25px; }
@media screen and (max-width: 960px) { .goout-sec .goout-info .info-subslider .slick-current img { border-radius: 30px; } }
@media screen and (max-width: 640px) { .goout-sec .goout-info .info-subslider .slick-current img { border-radius: 15px; } }
.goout-sec .goout-info .info-subslider li { transition: all .6s; cursor: pointer; }
.goout-sec .goout-info .info-subslider li:hover { opacity: 0.7; }
.goout-sec .goout-spot { flex-direction: row-reverse; }
.goout-sec .goout-spot .slick-dotted.slick-slider { margin-bottom: 0; }
.goout-sec .goout-spot .slick-dots { bottom: -25px; }
.goout-sec .goout-spot .slick-dots li { width: 12px; height: 12px; margin: 0 7px; }
.goout-sec .goout-spot .slick-dots li button { width: 12px; height: 12px; padding: 0; }
.goout-sec .goout-spot .slick-dots li button:before { width: 12px; height: 12px; content: ''; opacity: 1; background-color: #cecece; border-radius: 50%; }
.goout-sec .goout-spot .slick-dots li.slick-active button:before { opacity: 1; background-color: #46b46b; }

.banner-sec { padding: 200px 0 165px; background-color: #fafafa; }
@media screen and (max-width: 640px) { .banner-sec { padding: 15.625% 0 31.25%; } }
.banner-sec .banner-in { max-width: 1740px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 640px) { .banner-sec .banner-in { padding: 0; } }
.banner-sec .slick-slide { margin: 0 10px; }
.banner-sec .banner-list { display: flex; flex-wrap: wrap; }
.banner-sec .banner-list li { margin-bottom: 40px; /*&:nth-child(3),&:nth-child(4) { width: percentage(540 / 1700); margin-right: percentage(40 / 1700); @include sp { width: 100%; margin-right: 0; }
}*/ }
.banner-sec .banner-list li.link03 { width: 48.8235294118%; margin-right: 2.3529411765%; }
@media screen and (max-width: 640px) { .banner-sec .banner-list li.link03 { width: 100%; margin-right: 0; } }
.banner-sec .banner-list li:last-child { margin-right: 0; }
.banner-sec .banner-list li p { margin-top: 20px; text-align: center; line-height: 1.4; }
.banner-sec .banner-list li p span { font-size: 1.25rem; font-weight: 700; }
.banner-sec .slick-dotted.slick-slider { margin-bottom: 0; }
.banner-sec .slick-dots { bottom: 0; width: 100%; padding: 0 4.6875%; margin: 0 0 -6.25%; }
.banner-sec .slick-dots li { width: calc(100% / 6) !important; height: 15px; margin: 0; padding: 0; cursor: pointer; }
.banner-sec .slick-dots li:first-child button::before { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.banner-sec .slick-dots li:last-child button::before { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.banner-sec .slick-dots li button { width: calc(100% / 6) !important; height: 15px; padding: 0; }
.banner-sec .slick-dots li button:before { width: 100%; height: 15px; content: ''; opacity: 1; background-color: #e9e9e9; }
.banner-sec .slick-dots li.slick-active button:before { opacity: 1; background-color: #46b46b; }

.sns-sec { padding: 105px 0 150px; background-color: #f6f9ef; }
@media screen and (max-width: 640px) { .sns-sec { padding: 18.9655172414% 0 27.5862068966%; } }
.sns-sec .sns-in { display: flex; justify-content: space-between; }
@media screen and (max-width: 960px) { .sns-sec .sns-in { display: block; } }
.sns-sec .sns-top { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 15px; }
.sns-sec .sns-top .sns-link { font-size: 0.875rem; }
.sns-sec .sns-top .sns-link a { text-decoration: none; padding-left: 15px; background: url("../img/common/ico_arrow_g.png") no-repeat left center; }
.sns-sec .sns-top .sns-link a:hover { text-decoration: underline; }
.sns-sec .facebook { display: flex; flex-direction: column; width: 50%; }
@media screen and (max-width: 960px) { .sns-sec .facebook { width: 100%; margin-bottom: 100px; } }
@media screen and (max-width: 640px) { .sns-sec .facebook { margin-bottom: 17.2413793103%; } }
.sns-sec .facebook .js-facebook { width: 100%; max-width: 500px; flex: 1; margin: 0 auto; border-radius: 20px; overflow: hidden; }
.sns-sec .instagram { width: 45.8333333333%; }
@media screen and (max-width: 960px) { .sns-sec .instagram { width: 100%; } }
.sns-sec .instagram .insta-con { padding: 50px; background-color: #fff; border-radius: 20px; }
.sns-sec .instagram ul { display: flex; flex-wrap: wrap; }
.sns-sec .instagram ul li { width: 28.8888888889%; margin-right: 6.6666666667%; margin-bottom: 6.6666666667%; }
.sns-sec .instagram ul li:nth-child(3n) { margin-right: 0; }
.sns-sec .instagram ul li:nth-child(10), .sns-sec .instagram ul li:nth-child(11), .sns-sec .instagram ul li:nth-child(12) { margin-bottom: 0; }

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