@charset "utf-8";

.l-padding03 {
  padding-bottom: 50px;
}
.p-link {
  margin-top: -60px;
  padding-top: 60px;
  visibility: hidden;
}
.p-menu {
  display: flex;
  justify-content: space-between;
  margin: 52px 0 30px;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS PGothic", sans-serif;
}
.p-menu li a {
  width: 134px;
  border: 1px solid #63b9d1;
  display: block;
  text-decoration: none;
  font-size: 15px;
  padding: 5px 0;
  text-align: center;
  background: url("../img/icon_arrow.png") no-repeat right 8px center;
}
.m-title002 {
  margin: 30px 0 20px;
}
.p-box {
  display: flex;
  margin-bottom: 50px;
}
.p-box:last-child {
  margin-bottom: 20px;
}
.p-box .p-img {
  width: 400px;
  margin-right: 30px;
}
.p-box .p-img img {
  width: 100%;
}
.p-box .p-txt {
  width: 430px;
}
.p-box .p-txt p {
  margin-bottom: 8px;
  padding-left: 4em;
  text-indent: -4em;
  line-height: 1.7;
}
.p-box .p-txt p.p-p-link {
  padding-left: 7em;
  text-indent: -7em;
  word-break: break-all;
}
.p-box .p-txt p .p-align {
  padding-right: 1em;
}
.p-box .p-txt p .p-icon {
  margin-right: 10px;
  padding: 4px 10px 3px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  text-indent: 0;
}
.p-box .p-txt p .p-icon01 {
  background: #011b6a;
}
.p-box .p-txt p .p-icon02 {
  background: #63b9d1;
}
.p-box .p-txt p .p-icon03 {
  background: #3f8b39;
}
.p-btn {
  text-align: center;
}
.p-list {
  width: 458px;
  margin: 0 auto 30px;
}
.p-list p {
  font-size: 15px;
  margin-bottom: 10px;
}
.p-list ul li {
  margin-bottom: 10px;
}
.p-list ul li .p-icon {
  margin-right: 10px;
  padding: 4px 10px 3px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  text-indent: 0;
}
.p-list ul li .p-icon.p-icon01 {
  background: #011b6a;
}
.p-list ul li .p-icon.p-icon02 {
  background: #63b9d1;
}
.p-list ul li .p-icon.p-icon03 {
  background: #3f8b39;
}
.slide img {
  width: 100%;
  margin: 0 auto;
  display: none;
}
.slide.slick-initialized .slick-slide img {
  display: block;
}
.slick-dots {
  position: absolute;
  bottom: -30px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  width: 10px;
  height: 10px;
  margin: 0 6px;
}
.slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  line-height: 0;
  display: block;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  width: 10px;
  height: 10px;
  content: "";
  border-radius: 50%;
  opacity: 1;
  background: #d6d6d6;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  color: black;
}
.slick-dots .slick-active button:before {
  background: #63b9d1;
}
.slick-dots li.slick-active button:before {
  opacity: 1;
}

@media all and (min-width: 641px){
.p-menu li a:hover {
  color: #63b9d1;
  background: url("../img/icon_arrow_on.png") no-repeat right 8px center;
}
}

@media all and (max-width: 640px){
.l-padding03 {
  padding-bottom: 20px;
}  
.p-menu {
  margin: 40px 0 20px;
  flex-wrap: wrap;
}
.p-menu li {
  width: 31.3%;
  margin-bottom: 3%;
}
.p-menu li:nth-last-child(-n+3) {
  margin-bottom: 0;
}
.p-menu li a {
  font-size: 12px;
  width: 100%;
  padding: 5px 0;
  background: url("../img/icon_arrow_sp.png") no-repeat right 5px center;
  background-size: 7px 7px;
}
.m-title002 {
  margin: 10px 0 20px;
}
.p-box {
  display: block;
  margin-bottom: 20px;
}
.p-box:last-child {
  margin-bottom: 20px;
}
.p-box .p-img {
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
}
.p-box .p-txt {
  width: 100%;
}
.p-box .p-txt p {
  margin-bottom: 3px;
  line-height: 1.8;
}
.p-box .p-txt p .p-icon {
  margin-right: 10px;
  padding: 2px 10px 1px;
  font-size: 11px;
}  
.p-list {
  width: 100%;
  margin: 0 auto 20px;
}
.p-list p {
  font-size: 14px;
  margin-bottom: 6px;
}
.p-list ul li {
  margin-bottom: 6px;
  padding-left: 4.4em;
  text-indent: -4.4em;
}
.p-list ul li .p-icon {
  margin-right: 10px;
  padding: 2px 10px 1px;
  font-size: 11px;
} 
.slick-dots {
  bottom: -25px;
}  
}

@media all and (max-width: 360px){
.p-menu li a {
  font-size: 11px;
} 
}