#contents-area {
  width: 100%;
}
#contents-area.lyt-col-1 #contents-body {
  width: 100%;
}

#nav-top-area {
  z-index: 9999;
}

#pj-coral {
  margin: 0 auto;
  padding-top: 30px;
  min-width: 990px;
}
#pj-coral * {
  box-sizing: border-box;
}
#pj-coral a:focus {
  text-decoration: none;
  outline: none;
}
#pj-coral br.pc {
  display: inline;
}
#pj-coral br.sp {
  display: none;
}
#pj-coral .notice-list {
  width: 950px;
  margin: 20px auto 0;
  font-size: 14px;
}
#pj-coral .bg-coral {
  background: #dbf0ff url("/corp/set/data/sustainability/special/pj-coral/img/shared/bg-repeat.png") center repeat-y;
}
#pj-coral .area-main {
  background: #fff;
  min-height: auto;
}
#pj-coral .area-main .main-title {
  width: 950px;
  margin: 0 auto 25px;
}
#pj-coral .area-main #main-visual {
  padding-top: 600px;
  background-image: url("/corp/set/data/sustainability/special/pj-coral/img/p/bg-mv.jpg");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  margin: 0 auto;
}
#pj-coral .area-main #main-visual canvas {
  width: 100%;
  height: 120px;
  vertical-align: top;
  margin-top: -600px;
  transform: rotate(180deg);
}
#pj-coral .area-main #main-visual .txt-mv {
  text-indent: -9999em;
  background: transparent url("/corp/set/data/sustainability/special/pj-coral/img/p/txt-mv.png") center top no-repeat;
  position: absolute;
  width: 950px;
  height: 232px;
  top: 192px;
  left: 50%;
  margin-left: -495px;
}
#pj-coral .area-topics {
  padding: 40px 0;
}
#pj-coral .area-topics .box-topics {
  width: 950px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
}
#pj-coral .area-topics .box-topics .title-topics {
  width: 195px;
  border-right: 2px solid #a0cae8;
  padding: 12px 0;
}
#pj-coral .area-topics .box-topics .list-topics {
  width: 755px;
  padding-left: 50px;
}
#pj-coral .area-topics .box-topics .list-topics .list-topics-item {
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
}
#pj-coral .area-topics .box-topics .list-topics .list-topics-item .topics-item-date {
  width: 180px;
}
#pj-coral .area-topics .box-topics .list-topics .list-topics-item .topics-item-text {
  width: calc(100% - 180px);
}
#pj-coral .area-topics .box-topics .list-topics .list-topics-item:not(:last-child) {
  margin-bottom: 20px;
}
#pj-coral .area-navigation .page-navigation {
  background: #006ab4;
}
#pj-coral .area-navigation .page-navigation .list-navigation {
  width: 950px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#pj-coral .area-navigation .page-navigation .list-navigation-item {
  width: calc((100% - 8px) / 5);
  text-align: center;
  position: relative;
}
#pj-coral .area-navigation .page-navigation .list-navigation-item a {
  padding-top: 55px;
  padding-bottom: 75px;
  position: relative;
  font-size: 22px;
  line-height: 1;
  color: #fff;
  display: block;
  transition: 0.3s;
}
#pj-coral .area-navigation .page-navigation .list-navigation-item a:hover {
  text-decoration: none;
}
#pj-coral .area-navigation .page-navigation .list-navigation-item a:after {
  content: '';
  display: block;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  width: 10px;
  height: 10px;
  transform: rotate(135deg);
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -5px;
  transition: 0.3s;
}
#pj-coral .area-navigation .page-navigation .list-navigation-item:not(:first-child):before {
  content: '';
  display: block;
  width: 2px;
  height: 50px;
  background: #4d8ab5;
  position: absolute;
  top: 50px;
  left: -2px;
}
#pj-coral .area-navigation .page-navigation .list-navigation-item:hover a {
  background: #005895;
}
#pj-coral .area-navigation .page-navigation .list-navigation-item:hover a:after {
  bottom: 20px;
}
#pj-coral .area-purpose {
  background: #d8eeff url("/corp/set/data/sustainability/special/pj-coral/img/p/bg-repeat-purpose.png") center bottom no-repeat;
  padding-bottom: 100px;
}
@media only screen and (min-width: 1600px) {
  #pj-coral .area-purpose {
    background-size: 100% auto;
  }
}
#pj-coral .area-purpose .area-title {
  margin-bottom: 100px;
  height: 400px;
  background: transparent url("/corp/set/data/sustainability/special/pj-coral/img/shared/bg-h2-purpose.jpg") 50% 50% no-repeat fixed;
  background-size: 1600px auto;
  text-align: center;
}
@media only screen and (min-width: 1600px) {
  #pj-coral .area-purpose .area-title {
    background-size: 100% auto;
  }
}
#pj-coral .area-purpose .box-txtimg {
  overflow: hidden;
  position: relative;
  margin-bottom: 60px;
  max-width: 1600px;
  min-width: 950px;
  margin-left: auto;
  margin-right: auto;
}
#pj-coral .area-purpose .box-txtimg:after {
  clear: both;
  display: table;
  content: '';
}
#pj-coral .area-purpose .box-txtimg-text {
  width: 860px;
  padding: 80px 80px 80px 50px;
  background: rgba(255, 255, 255, 0.9);
  float: left;
  position: relative;
  z-index: 1;
}
#pj-coral .area-purpose .box-txtimg-text *:last-child {
  margin-bottom: 0 !important;
}
#pj-coral .area-purpose .box-txtimg-text .box-title {
  font-size: 32px;
  color: #006ab4;
  font-weight: normal;
  margin-bottom: 30px;
}
#pj-coral .area-purpose .box-txtimg-text .box-text {
  font-size: 18px;
  line-height: 1.67;
  margin-bottom: 50px;
}
#pj-coral .area-purpose .box-txtimg-text .box-bnr {
  text-align: center;
  margin: 0;
}
#pj-coral .area-purpose .box-txtimg-image {
  float: right;
  width: 800px;
  height: 600px;
  position: relative;
  z-index: 0;
  margin-top: -480px;
}
#pj-coral .area-purpose .wrap-accordion {
  border-radius: 6px;
  overflow: hidden;
  width: 950px;
  margin: 0 auto 80px;
}
#pj-coral .area-purpose .wrap-accordion .btn-accordion {
  padding: 25px 0;
  margin-bottom: 0;
  line-height: 1;
  color: #fff;
  font-size: 32px;
  text-align: center;
  background: #006ab4 url("/corp/set/data/sustainability/special/pj-coral/img/p/icon-accordion-plus.png") right 25px center no-repeat;
  cursor: pointer;
  transition: 0.3s;
}
#pj-coral .area-purpose .wrap-accordion .btn-accordion.open {
  background-image: url("/corp/set/data/sustainability/special/pj-coral/img/p/icon-accordion-minus.png");
}
#pj-coral .area-purpose .wrap-accordion .btn-accordion:hover {
  opacity: 0.8;
}
#pj-coral .area-purpose .wrap-accordion .box-accordion {
  padding: 60px 100px;
  background: #fff;
}
#pj-coral .area-purpose .wrap-accordion .box-accordion .box-text {
  font-size: 18px;
  line-height: 1.67;
}
#pj-coral .area-purpose .wrap-accordion .box-accordion .box-text.box-text-01 {
  margin-bottom: 70px;
}
#pj-coral .area-purpose .wrap-accordion .box-accordion .box-text.box-text-02 {
  margin-bottom: 40px;
}
#pj-coral .area-purpose .wrap-accordion .box-accordion .box-image {
  text-align: center;
  margin-bottom: 0;
}
#pj-coral .area-purpose .box-btns {
  padding: 0 25px;
  width: 950px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#pj-coral .area-purpose .box-btns-btn {
  width: calc((100% - 30px) / 2);
  margin-bottom: 0;
}
#pj-coral .area-purpose .box-btns-btn a {
  display: block;
  width: 100%;
  background: #fff;
  color: #006ab4;
  border: 3px solid #006ab4;
  border-radius: 6px;
  padding: 23px 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  transition: 0.3s;
}
#pj-coral .area-purpose .box-btns-btn a:hover {
  text-decoration: none;
  background: #e5f4ff;
}
#pj-coral .area-purpose .box-btns-btn a .newwindowicon {
  display: none;
}
#pj-coral .area-purpose .box-btns-btn a[target="_blank"] .btn-txt {
  padding-right: 1.5em;
  background-image: url("/corp/set/data/sustainability/special/pj-coral/img/shared/icon-external-blue.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 0.8em;
}
#pj-coral .area-overview .area-title {
  margin-bottom: 80px;
  height: 400px;
  background: transparent url("/corp/set/data/sustainability/special/pj-coral/img/shared/bg-h2-overview.jpg") 50% 50% no-repeat fixed;
  background-size: 1600px auto;
  text-align: center;
}
@media only screen and (min-width: 1600px) {
  #pj-coral .area-overview .area-title {
    background-size: 100% auto;
  }
}
#pj-coral .area-overview .area-title-h3 {
  text-align: center;
  font-size: 32px;
  color: #006ab4;
  margin-bottom: 40px;
  font-weight: normal;
}
#pj-coral .area-overview .area-text-lead {
  text-align: center;
  font-size: 18px;
  line-height: 1.67;
  margin-bottom: 60px;
}
#pj-coral .area-overview .box-anchorpanels {
  width: 950px;
  margin: 0 auto;
  z-index: 1;
  display: flex;
  justify-content: space-between;
}
#pj-coral .area-overview .box-anchorpanels + .area-title-h3 {
  margin-top: 80px;
}
#pj-coral .area-overview .box-anchorpanels-item {
  border-radius: 6px;
  overflow: hidden;
  width: calc((100% - 30px) / 2);
  padding-bottom: 70px;
  background: #fff url("/corp/set/data/sustainability/special/pj-coral/img/p/icon-anchorpanel-down.png") center bottom 20px no-repeat;
  transition: 0.3s;
}
#pj-coral .area-overview .box-anchorpanels-item:hover {
  text-decoration: none;
  background-position: center bottom 15px;
}
#pj-coral .area-overview .box-anchorpanels-item-ttl {
  background: transparent url("/corp/set/data/sustainability/special/pj-coral/img/p/bg-anchorpanel-ttl.png") left top no-repeat;
  height: 80px;
  line-height: 80px;
  background-size: 100% auto;
  font-size: 26px;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}
#pj-coral .area-overview .box-anchorpanels-item-img {
  text-align: center;
  margin-bottom: 40px;
}
#pj-coral .area-overview .box-anchorpanels-item-txt {
  padding: 0 30px;
  font-size: 18px;
  line-height: 1.67;
  color: #333;
  margin-bottom: 0;
}
#pj-coral .area-howto .area-title {
  height: 400px;
  background: transparent url("/corp/set/data/sustainability/special/pj-coral/img/shared/bg-h2-howto.jpg") 50% 50% no-repeat fixed;
  background-size: 1600px auto;
  text-align: center;
}
@media only screen and (min-width: 1600px) {
  #pj-coral .area-howto .area-title {
    background-size: 100% auto;
  }
}
#pj-coral .area-howto .area-title-h3 {
  background: #fff url("/corp/set/data/sustainability/special/pj-coral/img/p/bg-h3-howto.png") left bottom repeat-x;
  text-align: center;
  height: 200px;
  font-size: 40px;
  color: #fff;
  font-weight: normal;
  padding-top: 70px;
}
#pj-coral .area-howto .box-entry {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 100px;
}
#pj-coral .area-howto .box-entry .box-title {
  text-align: center;
  font-size: 32px;
  font-weight: normal;
  color: #006ab4;
  margin-bottom: 50px;
}
#pj-coral .area-howto .box-entry.entry01 .box-text {
  text-align: center;
  font-size: 18px;
  line-height: 1.67;
  margin-bottom: 50px;
}
#pj-coral .area-howto .box-entry.entry01 .box-donation {
  display: flex;
  justify-content: space-between;
  width: 900px;
  margin: 0 auto 90px;
}
#pj-coral .area-howto .box-entry.entry01 .box-donation-item {
  width: calc((100% - 30px) / 2);
}
#pj-coral .area-howto .box-entry.entry01 .box-donation-item-image {
  text-align: center;
  margin-bottom: 55px;
}
#pj-coral .area-howto .box-entry.entry01 .box-donation-item-btn a {
  background-color: #ff929c;
  display: block;
  padding: 25px 0;
  text-align: center;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  transition: 0.3s;
  border-radius: 6px;
  box-shadow: 0px 4px 0 #fe6f6f;
}
#pj-coral .area-howto .box-entry.entry01 .box-donation-item-btn a:hover {
  text-decoration: none;
  box-shadow: none;
  transform: translate3d(0, 4px, 0);
  background-color: #fb7884;
}
#pj-coral .area-howto .box-entry.entry01 .box-donation-item-btn a .newwindowicon {
  display: none;
}
#pj-coral .area-howto .box-entry.entry01 .box-donation-item-btn a[target="_blank"] .btn-txt {
  padding-right: 1.5em;
  background-image: url("/corp/set/data/sustainability/special/pj-coral/img/shared/icon-external-white.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 0.8em;
}
#pj-coral .area-howto .box-entry.entry01 .box-image {
  text-align: center;
  margin-bottom: 0;
}
#pj-coral .area-howto .box-entry.entry01 .area-btn {
  width: 435px;
  margin: 0 auto;
}
#pj-coral .area-howto .box-entry.entry01 .area-btn a {
  background-color: #ff929c;
  display: block;
  padding: 25px 0;
  text-align: center;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  transition: 0.3s;
  border-radius: 6px;
  box-shadow: 0px 4px 0 #fe6f6f;
}
#pj-coral .area-howto .box-entry.entry01 .area-btn a:hover {
  text-decoration: none;
  box-shadow: none;
  transform: translate3d(0, 4px, 0);
  background-color: #fb7884;
}
#pj-coral .area-howto .box-entry.entry01 .area-btn a .newwindowicon {
  display: none;
}
#pj-coral .area-howto .box-entry.entry01 .area-btn a[target="_blank"] .btn-txt {
  padding-right: 1.5em;
  background-image: url("/corp/set/data/sustainability/special/pj-coral/img/shared/icon-external-white.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 0.8em;
}
#pj-coral .area-howto .box-entry.entry02 .box-text {
  text-align: center;
  font-size: 18px;
  line-height: 1.67;
  margin-bottom: 50px;
}
#pj-coral .area-howto .box-entry.entry02 .areafb {
  width: 500px;
  margin: 0 auto;
}
#pj-coral .area-howto .box-entry.entry03 .box-text {
  text-align: center;
  font-size: 18px;
  line-height: 1.67;
  margin-bottom: 10px;
}
#pj-coral .area-howto .box-entry.entry03 .box-text + .notice-list {
  width: 950px;
  margin: 30px auto 60px;
  text-align: left;
  font-size: 14px;
}
#pj-coral .area-howto .box-entry.entry03 .box-text + .notice-list li {
  font-size: 14px;
}
#pj-coral .area-howto .box-entry.entry03 .box-image {
  text-align: center;
  margin-bottom: 0;
}
#pj-coral .area-howto .box-entry.entry03 .box-image + .tab-btns {
  margin-top: 70px;
}
#pj-coral .area-howto .box-entry.entry03 .box-image + .tab-contents {
  margin-top: 70px;
}
#pj-coral .area-howto .box-entry.entry03 .tab-btns {
  width: 950px;
  margin: 0 auto 40px;
  border-bottom: 2px solid #006ab4;
  display: flex;
  padding: 0 100px;
  justify-content: space-between;
}
#pj-coral .area-howto .box-entry.entry03 .tab-btns-item {
  width: calc((100% - 30px) / 2);
  text-align: center;
  font-size: 24px;
  color: #fff;
  padding: 20px 0;
  background-color: #c9c9c9;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  line-height: 1;
  cursor: pointer;
  transition: 0.3s;
}
#pj-coral .area-howto .box-entry.entry03 .tab-btns-item .ripple__effect {
  background-color: #b4b4b4;
}
#pj-coral .area-howto .box-entry.entry03 .tab-btns-item.current {
  background-color: #006ab4;
}
#pj-coral .area-howto .box-entry.entry03 .tab-btns-item.current .ripple__effect {
  background-color: #fff;
}
#pj-coral .area-howto .box-entry.entry03 .tab-contents {
  width: 950px;
  margin: 0 auto;
  margin-bottom: 60px;
}
#pj-coral .area-howto .box-entry.entry03 .tab-contents-item {
  display: none;
}
#pj-coral .area-howto .box-entry.entry03 .tab-contents-item.tab-current {
  display: block;
}
#pj-coral .area-howto .box-entry.entry03 .tab-contents-item .table-lyt {
  border-bottom: 1px solid #006ab4;
}
#pj-coral .area-howto .box-entry.entry03 .tab-contents-item .table-lyt .table-row {
  border-top: 1px solid #006ab4;
  display: flex;
}
#pj-coral .area-howto .box-entry.entry03 .tab-contents-item .table-lyt .table-row .row-head {
  width: 165px;
  background-color: #6baee0;
  font-size: 18px;
  color: #fff;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#pj-coral .area-howto .box-entry.entry03 .tab-contents-item .table-lyt .table-row .row-data {
  width: calc(100% - 165px);
  background-color: #fff;
  font-size: 18px;
  padding: 10px 0 10px 30px;
}

#pj-coral .area-howto .box-entry.entry03 .tab-contents-item .table-lyt .table-row .row-data .notice-list {
  width: calc(100% - 5px);
}

#pj-coral .area-howto .box-entry.entry03 .tab-contents-item .table-lyt .table-row .row-data-innerrow {
  display: flex;
  border-top: 1px solid #006ab4;
}
#pj-coral .area-howto .box-entry.entry03 .tab-contents-item .table-lyt .table-row .row-data-innerrow .innerrow-head {
  background-color: #e2f3ff;
  color: #006ab4;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px 0;
  width: 165px;
}
#pj-coral .area-howto .box-entry.entry03 .tab-contents-item .table-lyt .table-row .row-data-innerrow .innerrow-data {
  background-color: #fff;
  font-size: 18px;
  padding: 20px 30px;
  width: calc(100% - 165px);
}
#pj-coral .area-howto .box-entry.entry03 .tab-contents-item .table-lyt .table-row .row-data-innertable {
  margin-top: -10px;
  margin-bottom: -10px;
  margin-left: -30px;
}
#pj-coral .area-howto .box-entry.entry03 .tab-contents-item .table-lyt .table-row .row-data-innertable .row-data-innerrow:first-child {
  border-top: none;
}
#pj-coral .area-howto .box-entry.entry03 .area-btn {
  width: 435px;
  margin: 0 auto;
}
#pj-coral .area-howto .box-entry.entry03 .area-btn a {
  background-color: #ff929c;
  display: block;
  padding: 25px 0;
  text-align: center;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  transition: 0.3s;
  border-radius: 6px;
  box-shadow: 0px 4px 0 #fe6f6f;
}
#pj-coral .area-howto .box-entry.entry03 .area-btn a:hover {
  text-decoration: none;
  box-shadow: none;
  transform: translate3d(0, 4px, 0);
  background-color: #fb7884;
}
#pj-coral .area-howto .box-entry.entry03 .area-btn a .newwindowicon {
  display: none;
}
#pj-coral .area-howto .box-entry.entry03 .area-btn a[target="_blank"] .btn-txt {
  padding-right: 1.5em;
  background-image: url("/corp/set/data/sustainability/special/pj-coral/img/shared/icon-external-white.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 0.8em;
}
#pj-coral .area-howto .box-entry.entry04 .box-text {
  text-align: center;
  font-size: 18px;
  line-height: 1.67;
  margin-bottom: 30px;
}
#pj-coral .area-howto .box-entry.entry04 .box-image {
  text-align: center;
  margin-bottom: 70px;
}
#pj-coral .area-howto .box-entry.entry04 .table-lyt {
  width: 950px;
  margin: 0 auto 10px;
  border-bottom: 1px solid #006ab4;
}
#pj-coral .area-howto .box-entry.entry04 .table-lyt .table-row {
  border-top: 1px solid #006ab4;
  display: flex;
}
#pj-coral .area-howto .box-entry.entry04 .table-lyt .table-row .row-head {
  width: 165px;
  background-color: #6baee0;
  font-size: 18px;
  color: #fff;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#pj-coral .area-howto .box-entry.entry04 .table-lyt .table-row .row-data {
  width: calc(100% - 165px);
  background-color: #fff;
  font-size: 18px;
  padding: 10px 0 10px 30px;
}
#pj-coral .area-howto .box-entry.entry04 .table-lyt + .notice-list {
  width: 950px;
  margin: 0 auto;
  font-size: 14px;
}
#pj-coral .area-howto .box-entry.entry04 .table-lyt + .notice-list li {
  font-size: 14px;
}
#pj-coral .area-howto .box-entry.entry04 .box-movie {
  width: 950px;
  margin: 60px auto 0;
  text-align: center;
}
#pj-coral .area-howto .box-entry.entry04 .box-movie iframe {
  width: 700px;
  height: 394px;
}
#pj-coral .area-onnason {
  padding-bottom: 100px;
}
#pj-coral .area-onnason .area-title {
  margin-bottom: 80px;
  height: 350px;
  background: transparent url("/corp/set/data/sustainability/special/pj-coral/img/shared/bg-h2-onnason.jpg") 50% 50% no-repeat fixed;
  background-size: 1600px auto;
  text-align: center;
}
@media only screen and (min-width: 1600px) {
  #pj-coral .area-onnason .area-title {
    background-size: 100% auto;
  }
}
#pj-coral .area-onnason .box-txtimg {
  overflow: hidden;
  position: relative;
  max-width: 1600px;
  min-width: 950px;
  margin-left: auto;
  margin-right: auto;
}
#pj-coral .area-onnason .box-txtimg:after {
  clear: both;
  display: table;
  content: '';
}
#pj-coral .area-onnason .box-txtimg-text {
  width: 860px;
  padding: 80px 80px 80px 50px;
  background: rgba(255, 255, 255, 0.9);
  float: left;
  position: relative;
  z-index: 1;
}
#pj-coral .area-onnason .box-txtimg-text *:last-child {
  margin-bottom: 0 !important;
}
#pj-coral .area-onnason .box-txtimg-text .box-title {
  font-size: 32px;
  color: #006ab4;
  font-weight: normal;
  margin-bottom: 30px;
}
#pj-coral .area-onnason .box-txtimg-text .box-text {
  font-size: 18px;
  line-height: 1.67;
  margin-bottom: 50px;
}
#pj-coral .area-onnason .box-txtimg-image {
  float: right;
  width: 800px;
  height: 500px;
  position: relative;
  z-index: 0;
  margin-top: -430px;
}
#pj-coral .area-onnason .box-txtimg-image .map-absolute {
  display: none;
}
#pj-coral .area-onnason .box-txtimg-map {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}
#pj-coral .area-onnason .box-message {
  width: 900px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 6px;
  padding: 60px 40px;
  position: relative;
}
#pj-coral .area-onnason .box-message .box-title {
  text-align: center;
  font-size: 32px;
  color: #006ab4;
  margin-bottom: 30px;
  font-weight: normal;
}
#pj-coral .area-onnason .box-message .box-lyt2col {
  display: flex;
  align-items: center;
}
#pj-coral .area-onnason .box-message .box-lyt2col-item:first-child {
  width: 260px;
  text-align: center;
}
#pj-coral .area-onnason .box-message .box-lyt2col-item:last-child {
  width: calc(100% - 260px);
  padding-left: 20px;
}
#pj-coral .area-onnason .box-message .box-lyt2col-item:last-child .box-lyt2col-item-text {
  font-size: 18px;
  line-height: 1.67;
}
#pj-coral .area-onnason .box-message .box-lyt2col-item:last-child .box-lyt2col-item-text.tar {
  text-align: right;
  margin-bottom: 0;
}
#pj-coral .area-onnason .box-message:before {
  width: 256px;
  height: 192px;
  display: block;
  content: '';
  background: transparent url("/corp/set/data/sustainability/special/pj-coral/img/p/img-stamp.png") center no-repeat;
  position: absolute;
  top: -84px;
  right: -80px;
}
#pj-coral .area-onnason .box-message-wrap {
  width: 100%;
  padding-top: 100px;
  overflow: hidden;
}
#pj-coral .area-sponsor .area-title {
  margin-bottom: 60px;
  height: 350px;
  background: transparent url("/corp/set/data/sustainability/special/pj-coral/img/shared/bg-h2-sponsor.jpg") 50% 50% no-repeat fixed;
  background-size: 1600px auto;
  text-align: center;
}
@media only screen and (min-width: 1600px) {
  #pj-coral .area-sponsor .area-title {
    background-size: 100% auto;
  }
}
#pj-coral .area-sponsor .area-title-h3 {
  text-align: center;
  font-size: 32px;
  color: #006ab4;
  margin-bottom: 10px;
  font-weight: normal;
}
#pj-coral .area-sponsor .area-text {
  text-align: center;
  font-size: 18px;
  line-height: 1.67;
  margin-bottom: 60px;
}
#pj-coral .area-sponsor .box-cooperate-list {
  width: 900px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 6px;
  display: flex;
  padding: 20px 0;
  justify-content: center;
}
#pj-coral .area-sponsor .box-cooperate-list-item .list-item-text {
  font-size: 18px;
  line-height: 1.67;
  text-align: center;
  margin-bottom: 0;
}
#pj-coral .area-sponsor .box-cooperate-list-item .list-item-logo {
  text-align: center;
  margin-bottom: 10px;
}
#pj-coral .area-sponsor .box-cooperate-list.lyt2col .box-cooperate-list-item {
  width: calc((100% - 1px) / 2);
}
#pj-coral .area-sponsor .box-cooperate-list.lyt2col .box-cooperate-list-item:not(:first-child) {
  border-left: 1px solid #7fb4d9;
}
#pj-coral .area-sponsor .box-cooperate-list.lyt2col .box-cooperate-list-item .list-item-logo {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
#pj-coral .area-sponsor .box-cooperate-list.lyt3col .box-cooperate-list-item {
  width: calc((100% - 2px) / 3);
}
#pj-coral .area-sponsor .box-cooperate-list.lyt3col .box-cooperate-list-item:not(:first-child) {
  border-left: 1px solid #7fb4d9;
}
#pj-coral .area-sponsor .box-cooperate-list.lyt3col .box-cooperate-list-item .list-item-logo {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
#pj-coral .area-sponsor .box-cooperate-list + .area-title-h3 {
  margin-top: 60px;
}
#pj-coral .bottom-note {
  background-color: #f4f5f6;
  padding: 20px 0;
}
#pj-coral .bottom-note .notice-list {
  width: 950px;
  margin: 0 auto;
  font-size: 14px;
}
#pj-coral .bottom-note .notice-list li {
  font-size: 14px;
}
#pj-coral .area-floating {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  bottom: -1px;
  z-index: 999;
  width: 100%;
  padding: 40px 0 35px;
  opacity: 0;
  transform: rotate(0, 65px);
  min-width: 990px;
  display: none;
}
#pj-coral .area-floating.floating-show {
  opacity: 1;
  display: block;
  transform: translate(0, 0);
}
#pj-coral .area-floating.hide {
  display: none;
}
#pj-coral .area-floating .area-close {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1000;
  cursor: pointer;
  transition: 0.3s;
}
#pj-coral .area-floating .area-close:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 1060px) {
  #pj-coral .area-floating .area-close {
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
  }
  #pj-coral .area-floating .area-close img {
    width: 100%;
  }
}
#pj-coral .area-floating .floating-btns {
  width: 435px;
  margin: 0 auto;
}
#pj-coral .area-floating .floating-btns .floating-btn {
  margin-bottom: 0;
}
#pj-coral .area-floating .floating-btns .floating-btn a {
  background-color: #ff929c;
  display: block;
  padding: 25px 0;
  text-align: center;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  transition: 0.3s;
  border-radius: 6px;
  box-shadow: 0px 4px 0 #fe6f6f;
}
#pj-coral .area-floating .floating-btns .floating-btn a:hover {
  text-decoration: none;
  box-shadow: none;
  transform: translate3d(0, 4px, 0);
  background-color: #fb7884;
}
#pj-coral .ripple {
  position: relative;
  overflow: hidden;
}
#pj-coral .ripple .ripple__effect {
  width: 150px;
  height: 150px;
  position: absolute;
  border-radius: 100%;
  pointer-events: none;
  transform: scale(0);
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
#pj-coral .ripple .ripple__effect.is-blue {
  background-color: #c7e3f8;
}
#pj-coral .ripple .ripple__effect.is-gray {
  background-color: #b4b4b4;
}
#pj-coral .ripple .ripple__effect.is-show {
  animation: ripple 1s ease-out;
}
@keyframes ripple {
  from {
    opacity: 1;
  }
  to {
    transform: scale(2);
    opacity: 0;
  }
}
#pj-coral .wrap-moving-fish {
  position: relative;
  padding-bottom: 120px;
  width: 100%;
  overflow: hidden;
}
#pj-coral .wrap-moving-fish .box-moving-fish {
  z-index: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 120px;
  background-image: url("/corp/set/data/sustainability/special/pj-coral/img/shared/bg-sango-l.png"), url("/corp/set/data/sustainability/special/pj-coral/img/shared/bg-sango-r.png");
  background-position: left 80px bottom 0, right 80px bottom 0;
  background-repeat: no-repeat, no-repeat;
}
#pj-coral .wrap-moving-fish .box-moving-fish .fish-left-01 {
  position: absolute;
  bottom: 20px;
  animation: moveLeft1 30s infinite;
}
#pj-coral .wrap-moving-fish .box-moving-fish .fish-left-02 {
  position: absolute;
  bottom: 60px;
  animation: stayLeft 3s infinite;
}
#pj-coral .wrap-moving-fish .box-moving-fish .fish-right-01 {
  position: absolute;
  bottom: 30px;
  animation: moveRight1 20s infinite;
}
#pj-coral .wrap-moving-fish .box-moving-fish .fish-right-02 {
  position: absolute;
  bottom: 100px;
  animation: stayRight 3s infinite;
}
#pj-coral .wrap-moving-fish .box-moving-fish .fish-right-03 {
  position: absolute;
  bottom: 5px;
  animation: moveRight2 30s infinite;
}
@keyframes moveLeft1 {
  from {
    right: 0%;
  }
  to {
    right: 110%;
  }
}
@keyframes moveRight1 {
  from {
    left: 0%;
  }
  to {
    left: 110%;
  }
}
@keyframes moveRight2 {
  from {
    left: -50%;
  }
  to {
    left: 160%;
  }
}
@keyframes stayLeft {
  0% {
    right: 20px;
    bottom: 60px;
  }
  50% {
    right: 40px;
    bottom: 60px;
  }
  100% {
    right: 20px;
    bottom: 60px;
  }
}
@keyframes stayRight {
  0% {
    left: 250px;
    bottom: 100px;
  }
  50% {
    left: 250px;
    bottom: 95px;
  }
  100% {
    left: 250px;
    bottom: 100px;
  }
}