@charset "utf-8";
/* CSS Document */
body{
  font-size: 1.6rem;
  color: #333;
}

a:hover{
  opacity: 1.0;
  transition: 0.3s;
}
a:hover{
  opacity: 0.7;
  transition: 0.3s;
}

.p-header,
.fix_btn{
  display: none;
}

.btn_blue {
  margin-top: 6rem;
  text-align: center;
}
.btn_blue a {
  display: inline-block;
  background-color: #DC5565;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 1.5rem 4rem;
  border-radius: 3rem;
}

header{
  height: 8.8rem;
  padding: 1rem;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
header img{
  display: block;
  width: 13.7rem;
}

.inner{
  max-width: 124rem;
  margin: 0 auto;
  padding: 5rem 2rem;
}
h3{
  font-size: 2.8rem;
}
.read{
  margin-top: 2rem;
}

.mv{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.mv .mv_shalom,
.mv .mv_sce{
  width: 50%;
  padding: 5%;
  background: url("../images/mv_shalom_bg.png") no-repeat center/100% 100%;
  text-align: center;
}
.mv .mv_sce{
  background-image: url("../images/mv_sce_bg.png");
}
.mv .mv_shalom h2,
.mv .mv_sce h2{
  color: #083E88;
  font-size: 3.2rem;
  font-weight: 600;
  border-bottom: 1px solid #083E88;
  padding-bottom: 1rem;
}
.mv .mv_sce h2{
  color: #DC5565;
  border-bottom: 1px solid #DC5565;
}
.mv .mv_shalom img,
.mv .mv_sce img{
  width: 30rem;
  display: block;
  margin: 8rem auto 5rem;
}
.mv .mv_shalom p,
.mv .mv_sce p{
  font-size: 1.8rem;
}
.mv .mv_shalom a,
.mv .mv_sce a{
  display: inline-block;
  margin-top: 2rem;
  color: #fff;
  background: linear-gradient(to right, #1B76AC, #083E88);
  padding: 2rem 6rem;
  border-radius: 0.8rem;
}

.txt_black{
  color: #fff;
  text-align: center;
  margin: 3rem 0 6rem;
}
.txt_black p{
  display: inline-block;
  color: #fff;
  background-color: #333333;
  padding: 0.5rem 6rem;
  border-radius: 2rem;
}

.content_partners .inner{
  text-align: center;
  
}
.content_partners .inner img{
  display: block;
  width: 100%;
  margin-top: 3rem;
}

.content_partners .link_box{
  display: flex;
  justify-content: space-between;
  margin-top: 6rem;
}
.content_partners .link_box a{
  position: relative;
  display: block;
  width: 49%;
  border: 1px solid #083E88;
  border-radius: 0.8rem;
  color: #083E88;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 2rem;
  text-align: center;
}
.content_partners .link_box a::after{
  position: absolute;
  content: "";
  border-left: 2px solid #083E88;
  border-bottom: 2px solid #083E88;
  width: 1rem;
  height: 1rem;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
}
.content_partners .link_box a img{
  max-width: 20rem;
  margin: 2rem auto;
}
.content_partners .link_box a.link_sce{
  border: 1px solid #DC5565;
  color: #DC5565;
}
.content_partners .link_box a.link_sce::after{
  border-left: 2px solid #DC5565;
  border-bottom: 2px solid #DC5565;
}
.content_partners .link_box a.link_sce img{
  max-width: 23rem;
  margin: 2rem auto;
}

.content_shalom{
  background-color: #F2F5F7;
}
.content_sce .inner,
.content_shalom .inner{
  padding: 10rem 2rem;
}
.content_sce h2,
.content_shalom h2{
  font-size: 4.4rem;
  text-align: center;
}
.content_sce h2 span,
.content_shalom h2 span{
  color: #083E88;
  font-size: 2.4rem;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  display: block;
}
.white_box{
  padding: 3rem 0;
  background-color: #fff;
  display: flex;
  justify-content: space-around;
  margin-top: 6rem;
}
.white_box .logo_box{
  width: 50%;
  padding: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.white_box .logo_box img{
  width: 100%;
  max-width: 31.4rem;
}
.white_box .link_box{
  width: 45%;
  padding: 5%;
}
.link_box_blue a,
.white_box .link_box a{
  position: relative;
  display: block;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
  background: linear-gradient(to right, #1B76AC, #083E88);
  padding: 3rem 0;
  border-radius: 0.8rem;
}
.link_box_blue a::after,
.white_box .link_box a::after{
  position: absolute;
  content: "";
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  width: 1rem;
  height: 1rem;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

.content_list{
  margin-top: 5rem;
}
.content_list li{
  display: flex;
  justify-content: space-between;
  margin-top: 10rem; 
}
.content_list li:nth-of-type(even){
  flex-direction: row-reverse;
}
.content_list li .content_list_img{
  width: 53%;
  background-color: #E1E8EE;
  display: flex;
  align-items: center;
}
.content_list li .content_list_txt{
  width: 42%;
}
.content_list li .content_list_txt h3{
  font-size: 2.8rem;
  font-weight: 600;
  color: #083E88;
}
.content_list li .content_list_txt p{
  line-height: 1.8;
  margin-top: 3rem;    
}
.content_list li .content_list_txt .icon_list{
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1rem;
}
.content_list li .content_list_txt .icon_list span{
  display: block;
  width: 8.5rem;
  text-align: center;
}

.link_box_blue{
  text-align: center;
  max-width: 48rem;
  margin: 8rem auto 0;
}



.content_sce{
  background-color: #FAF2F4;
  margin-top: 2rem;
}
.content_sce h2 span{
  color: #DC5565;
}
.content_sce .white_box .link_box a{
  background: linear-gradient(to right, #DC5565, #F48D8D);
}
.content_sce_title h3{
  font-size: 3.2rem;
  color: #DC5565;
  margin-top: 10rem;
  text-align: center;
}
.content_sce_title .read{
  margin-top: 3rem;
  text-align: center;
}
.content_sce .content_list li .content_list_txt h3 {
  color: #DC5565;
}
.content_sce .content_list li .content_list_img{
  background-color: #fff;
}
.content_sce .link_box_blue a{
  background: linear-gradient(to right, #DF5D6B, #F48D8D);
}


footer{
  margin-top: 2rem;
  background-color: #F5F5F5;
  padding: 8rem 0 0;
}
footer .logo_mks{
  display: block;
  width: 20rem;
  margin: 0 auto;
}
footer .footer_link{
  margin-top: 3rem;
  display: flex;
  justify-content: center;
  gap: 3rem;
  padding-bottom: 8rem;
  border-bottom: 1px solid #CCCCCC;
}
footer .footer_link li a{
  font-size: 1.4rem;
}
footer .footer_bottom{
  display: flex;
  justify-content: space-between;
  max-width: 120rem;
  margin: 4rem auto 0;
}
footer .footer_bottom .ios{
  display: flex;
  justify-content: flex-start;
  font-size: 1.4rem;
}
footer .footer_bottom .ios img{
  width: 12.8rem;
}
footer .footer_bottom .copy{
  display: flex;
  justify-content: flex-end;
  font-size: 1.4rem;
}

footer .footer_bottom .ios .ios_img{
  text-align: center;
  margin-right: 2rem;
}
footer .footer_bottom .ios .ios_img img{
  height:48px;
  width: auto;
}
footer .footer_bottom .ios .ios_img p{
  color:#82868a;
  font-size:10px;
}
footer .footer_bottom .ios .ios_txt p{ 
  color:#8e9296;
  font-size:12px;
  margin-top: 15px;
  margin-bottom: 20px;
}

.copyright{
  text-align: center;
  padding: 2rem;
  color:#82868a;
  font-size:1.6rem;
}













.content_case .inner{
  max-width: 100%;
  padding: 0 0 10rem;
}

.content_case h3{
  font-size: 3.2rem;
  color: #083E88;
  text-align: center
}
.content_case.sce_case h3{
  color: #DC5565
}
.content_case .read{
  text-align: center;
}

.content_case .btn_blue a{
  background-color: #083E88;
}
.content_case.sce_case .btn_blue a{
  background-color: #DC5565;
}

.content_case{
  position: relative;
}
.content_case .container{
  max-width: 100%;
  padding: 10rem 0;
}
.content_case{
  background-color: #F2F5F7;
}
.content_case.sce_case{
  background-color: #FAF2F4;
}
.js-slider-case{
  margin-top: 6rem;
  padding-left: 15%;
  padding-right: 15%;
}

.js-slider-case .case_list li {
  height: auto;
}
.js-slider-case .case_list li a.case_item {
  display: block;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  background-color: #E1E8EE;
  border-radius: 1rem;
}
.sce_case .js-slider-case .case_list li a.case_item {
  background-color: #fff;
}
.js-slider-case .case_list li a.case_item img{
  width: 100%;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.js-slider-case .case_list li .content{
  padding: 3rem;
}
.js-slider-case .case_list li .content h3{
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 2rem;
  text-align: left;
}
.sce_case .js-slider-case .case_list li .content h3{
  color: #333;
}
.js-slider-case .case_list li .content p.txt1{
  font-size: 1.8rem;
  font-weight: 600;
  color: #083E88;
  text-align: left;
}
.sce_case .js-slider-case .case_list li .content p.txt1{
  color: #DC5565;
}
.js-slider-case .case_list li .content p.txt2{
  font-size: 1.4rem;
  color: #6F6F6F;
  margin-top: 2rem;
  text-align: left;
}
.js-slider-case .case_list li .content p.txt2 span{
  display: inline-block;
  padding-left: 3rem;
}
.js-slider-case .case_list li .content p.txt2 span.add{
  margin-right: 1rem;
  background: url(https://www.mks.jp/shalom/wp-content/themes/shalom/assets/images/top/icon_add.svg) no-repeat left center/20px auto;
}
.js-slider-case .case_list li .content p.txt2 span.people{
  
  background: url(https://www.mks.jp/shalom/wp-content/themes/shalom/assets/images/top/icon_people.svg) no-repeat left center/20px auto;
}


/*** スライド関連 ***/

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 7px);
}
.slide_content{
  position: relative;
  margin: 0 auto;
  padding-bottom: 4rem;
}
.bnr_content .slide_content{
  width: 100rem;
}

.swiper-button-prev,
.swiper-button-next{
  background-color: #fff;
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 4rem;
  top: 38%;
  z-index: 100;
}
.swiper-button-prev{
  left: -7rem;
}
.swiper-button-next{
  right: -7rem;
}
.content_seminar .swiper-button-prev{
  left: 0rem;
}
.content_seminar .swiper-button-next{
  right: 0rem;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  color: #083E88;
  font-size: 1.2rem;
  font-weight: bold;
}


.content_function .swiper-button-prev,
.content_function .swiper-button-next,
.content_case .swiper-button-prev,
.content_case .swiper-button-next,
.content_seminar .swiper-button-prev,
.content_seminar .swiper-button-next{
  background-color: #083E88;
  top: 60%;
}
.content_seminar .swiper-button-prev,
.content_seminar .swiper-button-next{
  top: 40%;
}
.content_function .swiper-button-prev,
.content_case .swiper-button-prev{
  left: 3rem;
}
.content_function .swiper-button-next,
.content_case .swiper-button-next{
  right: 3rem;
}
.content_function .swiper-button-next:after,
.content_function .swiper-button-prev:after,
.content_case .swiper-button-next:after,
.content_case .swiper-button-prev:after,
.content_seminar .swiper-button-prev:after,
.content_seminar .swiper-button-next:after {
  color: #fff;
}


.swiper-wrapper.partner_slide1,
.swiper-wrapper.partner_slide2{
  transition-timing-function: linear;
}

.swiper-wrapper.partner_slide2{
  margin-left: 3rem;
}

.sce_case iframe{
  display: block;
  width: 100%;
  max-width: 120rem;
  height: 60rem;
  margin: 4rem auto 0;
  border: 0;
  overflow: hidden;
}

.sce_case .btn_blue{
  margin-top: 2rem;
}



.content_partners_list{
  margin-top: 8rem;
}
.logo_list{
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}
.logo_list li{
  max-width: 146px;
}
.content_partners .logo_list li img{
  margin-top: 0;
}


@media (max-width: 767px) {
  .js-slider-case{
    padding-left: 0;
    padding-right: 0;
  }
  
  .mv .mv_shalom h2, .mv .mv_sce h2 {
    font-size: 2.4rem;
  }
  
  .mv .mv_shalom a, .mv .mv_sce a {
    padding: 1rem 1rem;
  }
  
  .txt_black p {
    max-width: 95%;
    padding: 1rem 2rem;
  }
  h3 {
    font-size: 2.0rem;
  }
  .content_sce h2, .content_shalom h2 {
    font-size: 2.8rem;
  }
  .content_list li:nth-of-type(even),
  .content_list li {
    flex-direction: column;
  }
  .content_list li .content_list_img,
  .content_list li .content_list_txt,
  .white_box .logo_box,
  .white_box .link_box{
    width: 100%;
  }
  .content_list li .content_list_txt h3 {
    margin-top: 2rem;
  }
  .white_box {
    flex-direction: column;
    padding: 1rem;
  }
  .link_box_blue a, .white_box .link_box a {
    font-size: 1.8rem;
    padding: 2rem 0;
  }
  .white_box .logo_box{
    padding: 3rem;
  }
  footer .footer_link {
    flex-wrap: wrap;
    gap: 1rem 2rem;
  }
  footer .footer_link li a{
    padding: 0 1rem; 
  }
  footer .footer_bottom,
  footer .footer_bottom .copy,
  footer .footer_bottom .ios{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 2rem;
  }
  footer .footer_bottom .ios p{
    margin-top: 2rem;
  }
  footer {
    padding: 4rem 0 0;
  }
  footer .footer_bottom {
    padding: 2rem 2rem;
  }
  footer .footer_bottom .ios .ios_img{
    margin-right: 0;
  }
  
  
  .swiper-button-next,
  .content_case .swiper-button-next {
    right: 0;
  }
  .swiper-button-prev,
  .content_case .swiper-button-prev {
    left: 0;
  }
  
  .content_case .inner {
    max-width: 100%;
    padding: 0 3rem 10rem;
  }
  
}