@charset "UTF-8";
/* CSS Document */

/* CF Series & CFX (2010) */

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

[data-id="1914907"] .c-heading-3 {
  text-align: center;
}

[data-id="1914785"] .c-heading-3 {
  text-align: center;
}

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

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

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

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

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

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

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

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


/* sp */
@media screen and (max-width: 767px) {
    :is([data-id="1911605"],[data-id="1910955"]) {
        .p-layout__inner{
            display:initial !important;
        }
        .p-layout__content{
            max-width:initial !important;
            margin-bottom:30px;
        }
        .p-media-layout-02__link{
            margin-top:0;
        }
        .p-media-layout-02__media{
            margin-bottom: initial;
        }
    }
}






/* 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;
}
}