@charset "UTF-8";

/* CSS Document */

@media screen and (max-width:767px) {
.make_waves_gc.layer_img.layer_img_r{
  padding-top: 0;
}
}

/* Crafted for Your Moment. /////////////////////////////// */

.overview {
  text-align: center;
}

[data-id="d1909669"] {
  text-align: center;
}


.overview h2 {
  margin-bottom: 25px;
  font-size: 40px;
  font-weight: bolder;
}

@media screen and (min-width:992px) {
  .overview {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
  }
}

@media screen and (max-width:767px) {
	.overview {
	margin-bottom: 3em;
	}
	.overview h2 {
	font-size: 24px;
	}
}

/* UNIBODY CONCEPT ////////////////////////////////////////// */

#d1775272 {
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center;
}

[data-id="d1784516-1"] {
  margin: 10px auto;
  padding: 30px 20px 20px;
  max-width: 1200px;
  background-color: #dcdcdc;
}

[data-id="d1784516-1"] .row > .container-fluid {
  padding: 0 16px;
}

[data-id="d1784516-1"] .row > h3.heading {
  margin: 40px auto 20px;
}

[data-id="d1784516-1"] img {
  margin-bottom: 12px;
}

[data-id="d1784516-1"] a {
  display: inline-block;
  padding-bottom: 1em;
}

[data-id="d1784516-1"] a::after {
  margin-left: 10px;
  content: "\f105";
  font-family: fontAwesome;
}

@media screen and (max-width: 767px) {
  [data-id="d1784516-1"] {
    padding: 5px;
  }

[data-id="d1784516-1"] 
        .p-layout__inner{
            display:initial !important;
        }

        .p-layout__content{
            max-width:initial !important;
            margin-bottom:30px;
        }
        .p-media-layout-02__media{
            margin-bottom: 0px;
        }
        .p-media-layout-02__link{
            margin-top:0;
        }

}

}

@media screen and (max-width: 767px) {
  [data-id="d1784516-1"] a {
    font-size: 15px;
  }
}

/* modal */

.modal-content .media-box.pull-right,
.modal-content .media-box.pull-left {
  width: 60%;
  margin-bottom: 10px;
}

.modal-content .media-box img {
  padding: 0;
}

@media screen and (max-width:767px) {
  .modal-content .media-box.pull-right,
  .modal-content .media-box.pull-left {
    max-width: 100%;
    width: 100%;
    margin: 0 0 10px;
  }
}


/* link_banner */
.link_banner {
	display: block;
    margin-bottom: 50px;
}
.link_banner_sp{
	display: none;
	margin-bottom: 50px;
}

@media screen and (max-width: 767px){
/* link_banner */
.link_banner {
	display: none;
}
.link_banner_sp{
	display: block
}
/* make waves bar */
.bg_bar .container-fluid {
    margin: 50px 0;
}
}