/* ----------
page-business
---------- */

/* RESET */
img{
  max-width: 100%;
}

figure{
  margin: 0;
}


a{
  color: #1B2D60;
}

/* COMMON */
.content {
  margin-top: 106px;
  color: #1B2D60;
}

.container{
  min-width: auto;
}

@media screen and (min-width:992px) {

  .content {
    margin-top:116px;
  }

}



/* COMMON -- recruitment__header */
.business__header{}
.business__header__inner{
  position: relative;
  z-index: 0;
}

.business__header__inner nav{
  position: absolute;
  left: 10px;
  top: 10px;
}


/* COMMON -- business__body */
.business__body{
  padding: 20px 0;
}

.business__body__inner{
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (min-width:992px) {
}

/*section-menu*/
.section-menu {position:absolute; top:20px; left:20px; display:block; width:auto; z-index:20;}
.section-menu-list {margin:0; padding:0; list-style:none;}
.section-menu-list.primary {margin-bottom:20px;}
.section-menu-list .section-menu-list-item {line-height:1;}
.section-menu-list.primary .section-menu-list-item {margin-bottom:5px; font-size:20px;}
.section-menu-list.secondary .section-menu-list-item {margin-bottom:5px; font-size:16px;}
.section-menu-list .section-menu-list-item:last-child {margin-bottom:0;}
.section-menu-list .section-menu-list-link {color:#fff;}
.section-menu-list .section-menu-list-item.active .section-menu-list-link {opacity:.375;}

@media (min-width:768px) {
  .section-menu {top:50px; left:30px;}
  .section-menu-list.primary .section-menu-list-item {margin-bottom:15px; font-size:30px; padding-right: 30px;}
  .section-menu-list.secondary .section-menu-list-item {margin-bottom:10px; font-size:20px;}
}

@media screen and (min-width:768px) and ( max-width:1024px) {
  .content-cta .col-md-7 {max-width: 550px; flex: inherit;}
}

/*content-cta*/
.content-cta {padding:30px 0; border-top:4px solid #fff; background-color: #000;}
.content-cta .content-box {padding:0; background-color:transparent;}
.content-cta .button {height:60px; margin-bottom:30px; background-color:#000; border:2px solid #fff; color:#fff; font-size:24px;}
.content-cta .button:hover {color:#000;}
.content-cta .button::after {position:absolute; content:''; width:30px; height:9px; top:25px; right:0; background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2241.61px%22%20height%3D%229.86px%22%20viewBox%3D%220%200%2041.61%209.86%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2041.61%209.86%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cg%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%220%22%20y1%3D%224.98%22%20x2%3D%2240%22%20y2%3D%224.98%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M33.74%2C9.63c-0.15-0.23-0.08-0.53%2C0.15-0.68l6.32-4.03L33.89%2C0.9c-0.23-0.15-0.3-0.45-0.15-0.68%20s0.45-0.29%2C0.68-0.15l6.97%2C4.44c0.14%2C0.09%2C0.23%2C0.25%2C0.23%2C0.41s-0.09%2C0.32-0.23%2C0.41l-6.97%2C4.44c-0.08%2C0.05-0.17%2C0.08-0.26%2C0.08%20C33.99%2C9.86%2C33.83%2C9.78%2C33.74%2C9.63z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-size:100% auto; background-position:center center; background-repeat:no-repeat;}
.content-cta .button::before {background-color:#fff;}
.content-cta .button:hover::after {background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2241.86px%22%20height%3D%229.86px%22%20viewBox%3D%220%200%2041.86%209.86%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2041.86%209.86%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23000000%3Bstroke-width%3A0.8165%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cg%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%220%22%20y1%3D%224.93%22%20x2%3D%2240.68%22%20y2%3D%224.93%22%2F%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M33.98%2C9.63C33.84%2C9.4%2C33.9%2C9.1%2C34.13%2C8.96l6.32-4.03L34.13%2C0.9c-0.23-0.15-0.3-0.45-0.15-0.68s0.45-0.29%2C0.68-0.15%20l6.97%2C4.44c0.14%2C0.09%2C0.23%2C0.25%2C0.23%2C0.41s-0.09%2C0.32-0.23%2C0.41l-6.97%2C4.44c-0.08%2C0.05-0.17%2C0.08-0.26%2C0.08%20C34.23%2C9.86%2C34.08%2C9.78%2C33.98%2C9.63z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');}
.content-cta .copyright {margin-bottom:10px; font-size:16px; text-align:center;}
.content-cta .external-link {text-align:center;}
.content-cta .external-link a {color:#fff;}

/*button*/
.button {position:relative; display:flex; width:100%; height:80px; justify-content:center; align-items:center; color:#fff;}
.button:hover {color:#368cff;}
.button {overflow:hidden;}
.button::before {position:absolute; top:0; left:0; z-index:-1; content:''; width:120%; height:100%; background-color:#000; transform-origin:right top; transform:skewX(-30deg) scale(0, 1); transition:transform .3s;}
.button:hover::before {transform-origin:left top; transform:skewX(-30deg) scale(1, 1);}
.button::after {}

@media screen and (min-width:768px) {

  /*content-cta*/
  .content-cta {padding:50px 0;}
  .content-cta .copyright {margin-bottom:10px; text-align:left;}
  .content-cta .external-link {text-align:left;}

  .safari .content-cta .button .en-only {
    padding-top: 5px;
  }
}








/*

business__footer

*/
.business__footer{
  margin-top: 40px;
  padding: 30px 0;
  background-color: #EEEEEF;
}

.business__footer__inner{
  padding: 0 50px;
}

.business__footer__title{
  margin-bottom: 20px;
  color: #052D78;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}

.business__footer__navigation{

}

.business__footer__navigation ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.business__footer__navigation ul li{
  margin-bottom: 20px;
}

.business__footer__navigation ul li.c02{
  background-color: #2D69BE;
}

.business__footer__navigation ul li.c03{
  background-color: #50AFE1;
}

.business__footer__navigation ul li.c04{
  background-color: #37AF96;
}

.business__footer__navigation ul li.c05{
  background-color: #9275b8;
}

.business__footer__navigation ul li.active{
  opacity: 0.2;
}

.business__footer__navigation ul li a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 74px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  position: relative;
  z-index: 0;
}

.business__footer__navigation ul li a::after {
  content: '';
  width: 30px;
  height: 9px;
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2241.61px%22%20height%3D%229.86px%22%20viewBox%3D%220%200%2041.61%209.86%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2041.61%209.86%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cg%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%220%22%20y1%3D%224.98%22%20x2%3D%2240%22%20y2%3D%224.98%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M33.74%2C9.63c-0.15-0.23-0.08-0.53%2C0.15-0.68l6.32-4.03L33.89%2C0.9c-0.23-0.15-0.3-0.45-0.15-0.68%20s0.45-0.29%2C0.68-0.15l6.97%2C4.44c0.14%2C0.09%2C0.23%2C0.25%2C0.23%2C0.41s-0.09%2C0.32-0.23%2C0.41l-6.97%2C4.44c-0.08%2C0.05-0.17%2C0.08-0.26%2C0.08%20C33.99%2C9.86%2C33.83%2C9.78%2C33.74%2C9.63z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: calc( 50% - 4px );
  right: 0;
}

@media screen and (min-width: 768px) {

  .business__footer{
    padding: 132px 0 102px;
  }

  .business__footer__inner{
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1260px;
  }

  .business__footer__title{
    margin-bottom: 70px;
    font-size: 24px;
    letter-spacing: 0.4em;
  }

  .business__footer__navigation ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .business__footer__navigation ul li{
    width: calc((100% - 20px)/2);
  }

  .business__footer__navigation ul li a{
    height: 150px;
    font-size: 30px;
  }

  .business__footer__navigation ul li a::after{
    width: 60px;
    height: 16px;
    top: calc( 50% - 8px );
  }

}








/*

page-business common

*/
/**/
.section__inner{
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1120px;
}

/**/
.business__leadTitle{
  margin-bottom: 20px;
  padding-bottom: 12px;
  /* color: #1B2D60; */
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 640px) { /* SP */
  .business__leadTitle.small {
    font-size: 22px;
  }
}

.business__leadTitle::after{
  content: "";
  display: block;
  width: 20px;
  height: 4px;
  background-color: #1B2D60;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);

}

/**/
.business__leadText{
  /* color: #1B2D60; */
  font-size: 10px;
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: justify; /* 基本 */
  text-justify: inter-ideograph; /* IEで必要 */
  text-justify: inter-character; /* Firefoxで必要 */
}


@media screen and (min-width: 768px) {

  /**/
  .business__leadTitle{
    margin-bottom: 56px;
    padding-bottom: 44px;
    font-size: 40px;
    letter-spacing: 0.3em;
    padding-left:.5em;
  }

  .business__leadTitle::after{
    width: 80px;
  }

  /**/
  .business__leadText{
    margin: 0 auto;
    max-width: 840px;
    font-size: 16px;
    font-weight: 700;
    line-height: 2.1;
    letter-spacing: 0.15em;
  }

  .business__leadText.w-650px{
    max-width: 650px;
  }

}




/*

sec_title_h3_1

*/
.sec_title_h3_1{
  margin-bottom: 22px;
  /* color: #1B2D60; */
  font-size: 15px;
  font-weight: 900;
  text-align: center;
  line-height: 1;
}

@media screen and (min-width: 768px) {

  .sec_title_h3_1{
    margin-bottom: 76px;
    font-size: 27px;
  }

}

/*

sec_title_h3_2

*/
.sec_title_h3_2{
  margin-bottom: 20px;
  padding-bottom: 10px;
  /* color: #1B2D60; */
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  border-bottom: 2px solid #1B2D60;
}

@media screen and (min-width: 768px) {

  .sec_title_h3_2{
    margin-bottom: 60px;
    padding-bottom: 24px;
    font-size: 27px;
    letter-spacing: 0.2em;
    border-bottom: 3px solid #1B2D60;
  }

}

/*

sec_title_h3_3

*/
.sec_title_h3_3{
  margin-bottom: 22px;
  /* color: #1B2D60; */
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
}

@media screen and (min-width: 768px) {

  .sec_title_h3_3{
    margin-bottom: 51px;
    font-size: 27px;
    letter-spacing: 0.1em;
  }

}










/*

business__style__anchor

*/
.business__style__anchor{
  margin-top: 30px;
}

.business__style__anchor ul{
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.business__style__anchor ul li{
  margin: 0 0 8px;
  -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
}

.business__style__anchor ul li a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 125px;
  /* color: #1B2D60; */
  font-size: 15px;
  font-weight: 900;
  background-image: url(../images/page-business/icon_arw_down.png);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: auto 30%;
  border: 1px solid #1B2D60;
}

@media screen and (min-width: 768px) {

  .business__style__anchor{
    margin-top: 105px;
  }


  .business__style__anchor ul li{
    margin: 0 0 10px;
    -ms-flex: 0 0 22%;
      flex: 0 0 22%;
      max-width: 22%;
  }

  .business__style__anchor ul li a{
    font-size: 20px;
    height: 200px;
  }

}




/*

accordion__btn

*/
.accordion__btn{
  cursor: pointer;
}




/*

page-business01

*/
.business__style01{}

.business__style01__main{
  margin-bottom: 20px;
}

.business__style01__header{
  margin: 0;
  padding: 14px 10px;
  text-align: center;
  background-color: rgba(184, 212, 239, 0.26);
  position: relative;
  z-index: 0;
}

.business__style01__header.accordion__btn::after{
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../images/page-business/icon_open.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: contain;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.business__style01__header.accordion__btn.open::after{
  background-image: url(../images/page-business/icon_close.png);
}

.business__style01__header .icon{
  margin-bottom: 6px;
}

.business__style01__header .icon img{
  width: 56px;
}

.business__style01__header .icon.icon02 img{
  width: 80px;
}

.business__style01__header .ttl{
  margin: 0 auto;
  /* color: #1B2D60; */
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
}

.accordionWrap .business__style01__body{
  display: none;
}

.business__style01__body{
  padding: 30px 0;
}

.business__style01__body__cont:not(:last-child){
  margin-bottom: 20px;
}

.business__style01__body .ttl{
  margin-bottom: 10px;
  /* color: #1B2D60; */
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.2em;
}

.business__style01__body .txt{
  /* color: #1B2D60; */
  font-size: 10px;
  line-height: 2.2;
  text-align: justify; /* 基本 */
  text-justify: inter-ideograph; /* IEで必要 */
  text-justify: inter-character; /* Firefoxで必要 */
}

.business__style01__link{
  margin-top: 5px;
}

.business__style01__link a{
  display: flex;
  align-items: center;
  margin: 0 0 0 auto;
  padding: 0 20px;
  width: 138px;
  height: 36px;
  color: #2D69BE;
  font-size: 10px;
  font-weight: 700;
  border: 1px solid #368CFF;
  position: relative;
  z-index: 0;
}

.business__style01__link a::after{
  content: "";
  display: block;
  width: 26px;
  height: 6px;
  background-image: url(../images/page-business/icon_arw_right.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: contain;
  position: absolute;
  right: 0;
  top: calc(50% - 3px);
}

@media screen and (min-width: 768px) {

  .business__style01__main{
    margin-bottom: 65px;
  }

  .business__style01__header{
    padding: 30px 10px;
  }

  .business__style01__header.accordion__btn::after{
    width: 50px;
    height: 50px;
  }

  .business__style01__header .icon img{
    width: 140px;
  }

  .business__style01__header .icon.icon02 img{
    width: 180px;
  }

  .business__style01__header .ttl{
    font-size: 30px;
  }

  .business__style01__body{
    padding: 60px 0 30px;
  }

  .business__style01__body .row{
    margin-bottom: -50px;
  }

  .business__style01__body__cont{
    margin-bottom: 100px;
  }

  .business__style01__body .ttl{
    font-size: 26px;
  }

  .business__style01__body .txt{
    font-size: 16px;
  }


  .business__style01__link a{
    width: 300px;
    height: 70px;
    font-size: 22px;
    letter-spacing: 0.2em;
  }

  .business__style01__link a::after{
    width: 54px;
    height: 12px;
    top: calc(50% - 6px);
  }

}





/*

page-business02

*/
.business__style02{
  margin-bottom: 30px;
}

.business__style02 .section__inner{
  padding-top: 30px;
}

.business__style02__cont{
  margin-bottom: 8px;
  padding: 17px 10px;
  border: 1px solid #1B2D60;
}

.business__style02__cont .en{
  margin-bottom: 0;
  /* color: #1B2D60; */
  font-size: 10px;
  font-weight: 400;
  text-align: center;
}

.business__style02__cont .ttl{
  margin-bottom: 10px;
  padding-bottom: 6px;
  /* color: #1B2D60; */
  font-size: 13px;
  font-weight: 900;
  text-align: center;
  border-bottom: 1px solid #1B2D60;
}

.business__style02__cont .txtarea{
  /* color: #1B2D60; */
  font-size: 10px;
  font-weight: 700;
  line-height: 2.2;
}

@media screen and (min-width: 768px) {

  .business__style02{
    margin-bottom: 60px;
  }

  .business__style02 figure{
    margin: 0 auto;
    max-width: 1084px;
  }

  .business__style02 .section__inner{
    padding-top: 90px;
  }

  .business__style02__cont{
    padding: 25px;
  }

  .business__style02__cont .en{
    font-size: 14px;
    letter-spacing: 0.2em;
  }

  .business__style02__cont .ttl{
    margin-bottom: 22px;
    padding-bottom: 22px;
    font-size: 22px;
  }

  .business__style02__cont .txtarea{
    font-size: 16px;
  }

}









/*

business__style03

*/
.business__style03{
  margin-bottom: 50px;
}

.business__style03__main{
  margin: 0 auto;
  max-width: 320px;
  padding: 70px 0 0 174px;
  background-image: url(../images/page-business/p2_s3_1.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 60% auto;
}

.business__style03__main .txtarea p{
  font-size: 10px;
  font-weight: 700;
  line-height: 2.2;
  letter-spacing: 0.2em;
}

@media screen and (min-width: 768px) {

  .business__style03__main{
    max-width: 1080px;
    padding: 145px 0 145px 53%;
    background-position: 8% 0;
    background-size: 37% auto;
  }

  .business__style03__main .txtarea{
    max-width: 380px;
  }

  .business__style03__main .txtarea p{
    font-size: 16px;
  }

}














/*

page-business01

*/
.page-business01 .sec01{
  margin: 0 auto;
  margin-bottom: 30px;
}

.page-business01 .sec02 {
  margin: 0 auto 50px;
}

.page-business01 .sec02 .ttl{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  height: 50px;
  /* color: #1B2D60; */
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  border: 1px solid #1B2D60;
}

.page-business01 .sec02 .img02 img {
  margin: 0 auto;
  display: block;
}

.page-business01 .sec03{
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 38px;
}

.page-business01 .sec04 {
  margin-top: -90px;
  padding-top: 90px;
}

.page-business01 .sec04 .ttl{
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
}

.page-business01 .sec04 .imageWrapper{
  overflow-x: scroll;
}

.page-business01 .sec04 .imageWrapper + .imageWrapper {
  margin-top: 40px;
}

.page-business01 .sec04 .imageWrapper figure{
  width: 680px;
}

.page-business01 .sec04 .imageWrapper img{
  display: block;
  width: 680px;
  height: auto;
  max-width: inherit;
}

@media screen and (min-width: 768px) {

  .page-business01 .sec01{
    margin: -100px auto 42px;
    padding: 60px 158px;
    max-width: 1080px;
    background-color: #fff;
    position: relative;
    z-index: 1;
  }

  .page-business01 .sec02{
    margin-bottom: 136px;
    max-width: 900px;
  }

  .page-business01 .sec02 .ttl{
    margin: 0 auto 45px;
    height: 100px;
    max-width: 1000px;
    font-size: 26px;
    letter-spacing: 0.2em;
  }

  .page-business01 .sec04{
    margin: -432px auto 46px;
    padding-top: 120px;
    /* padding: 74px 40px; */
    max-width: 900px;
    /* background-color: rgba(238, 238, 239, 0.86); */
    position: relative;
  }

  .page-business01 .sec04 .ttl{
    font-size: 25px;
  }

  .page-business01 .sec04 .imageWrapper{
    overflow: inherit;
  }

  .page-business01 .sec04 .imageWrapper + .imageWrapper {
    margin-top: 60px;
  }

  .page-business01 .sec04 .imageWrapper figure{
    width: 100%;
  }

  .page-business01 .sec04 .imageWrapper img{
    width: auto;
    max-width: 100%;
  }

}

@media screen and (min-width: 992px) {

  .page-business01 .sec01{
    margin: -194px auto 42px;
  }
}









/*

page-business02

*/

.page-business02 .anchor__wrap#s04 {
  margin-top: -60px;
  padding-top: 60px;
}

.page-business02 .business__body{
  padding: 20px 0 10px;
}

.page-business02 .business__body__inner{
  padding: 0;
}

.page-business02 .business__footer{
  margin-top: 0;
}

/**/
.page-business02 .sec00{
  margin-bottom: 42px;
}

/**/
.page-business02 .sec01{
  margin-bottom: 48px;
  padding-top: 176px;
  background-image: url(../images/page-business/p2_s1_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 100% auto;
}

.page-business02 .sec01 .section__inner{
  padding-top: 30px;
  max-width: 1200px;
  background-color: #fff;
}

/**/
.page-business02 .sec02{
  margin-bottom: 27px;
}

/**/
.page-business02 .sec03{
  margin-bottom: 44px;
}


@media screen and (min-width: 768px) {

  .page-business02 .anchor__wrap#s04 {
    margin-top: -20px;
    padding-top: 20px;
  }

  .page-business02 .business__body{
    padding: 95px 0 20px;
  }

  .page-business02 .sec01 .section__inner{
    padding: 52px 60px 50px;
  }

  /**/
  .page-business02 .sec00 {
    margin-bottom: 160px;
  }

  /**/
  .page-business02 .sec01 {
    margin-bottom: 73px;
  }

  /**/
  .page-business02 .sec02 {
    margin-bottom: 100px;
  }

  /**/
  .page-business02 .sec03 {
    margin-bottom: 65px;
  }

}








/*

page-business03

*/

.page-business03 .anchor__wrap#s01 {
  margin-top: -90px;
  padding-top: 90px;
}

.page-business03 .anchor__wrap#s04 {
  margin-top: -60px;
  padding-top: 60px;
}

.page-business03 .business__body{
  padding: 20px 0 10px;
}

.page-business03 .business__body__inner{
  padding: 0;
}

.page-business03 .business__footer{
  margin-top: 0;
}

/**/
.page-business03 .business__style01__header{
  background-color: rgba(80, 175, 225, 0.15);
}

/**/
.page-business03 .business__style04{
  background-color: rgba(80, 175, 225, 0.2);
}

/**/
.page-business03 .sec00{
  margin-bottom: 42px;
}

/**/
.page-business03 .sec01{
  margin-bottom: 48px;
}

/**/
.page-business03 .sec02{
  margin-bottom: 27px;
}

@media screen and (min-width: 768px) {

  .page-business03 .anchor__wrap#s01 {
    margin-top: -80px;
    padding-top: 80px;
  }

  .page-business03 .anchor__wrap#s04 {
    margin-top: -20px;
    padding-top: 20px;
  }

  .page-business03 .business__body{
    padding: 95px 0 20px;
  }

  .page-business03 .sec01 .section__inner{
    padding: 52px 60px 50px;
  }

  /**/
  .page-business03 .sec00 {
    margin-bottom: 160px;
  }

  /**/
  .page-business03 .sec01 {
    margin-bottom: 73px;
  }

  /**/
  .page-business03 .sec02 {
    margin-bottom: 100px;
  }

  /**/
  .page-business03 .sec03 {
    margin-bottom: 65px;
  }

}









/*

page-business03

*/

.page-business04 .anchor__wrap#s01 {
  margin-top: -90px;
  padding-top: 90px;
}

.page-business04 .anchor__wrap#s04 {
  margin-top: -60px;
  padding-top: 60px;
}

.page-business04 .business__body{
  padding: 20px 0 10px;
}

.page-business04 .business__body__inner{
  padding: 0;
}

.page-business04 .business__footer{
  margin-top: 0;
}

/**/
.page-business04 .business__style01__header{
  background-color: rgba(55, 175, 150, 0.15);
}

/**/
.page-business04 .business__style04{
  background-color: rgba(55, 175, 150, 0.2);
}

/**/
.page-business04 .sec00{
  margin-bottom: 42px;
}

/**/
.page-business04 .sec01{
  margin-bottom: 48px;
}

/**/
.page-business04 .sec02{
  margin-bottom: 27px;
}

/**/
.page-business04 .business__style05{
  background-color: #e9e3f1;
  padding: 40px 0 20px;
}


@media screen and (min-width: 768px) {

  .page-business04 .anchor__wrap#s01 {
    margin-top: -80px;
    padding-top: 80px;
  }

  .page-business04 .anchor__wrap#s04 {
    margin-top: -20px;
    padding-top: 20px;
  }

  .page-business04 .business__body{
    padding: 95px 0 20px;
  }

  .page-business04 .sec01 .section__inner{
    padding: 52px 60px 50px;
  }

  /**/
  .page-business04 .sec00 {
    margin-bottom: 160px;
  }

  /**/
  .page-business04 .sec01 {
    margin-bottom: 73px;
  }

  /**/
  .page-business04 .sec02 {
    margin-bottom: 100px;
  }

  /**/
  .page-business03 .sec03 {
    margin-bottom: 65px;
  }

}

/*

business__style04

*/
.business__style04{
  padding: 40px 0 20px;
  background-color: rgba(45, 105, 190, 0.2);
}

@media screen and (min-width: 768px) {

  .business__style04,
  .page-business04 .business__style05{
    padding: 118px 0 135px;
  }

  .business__style04 .section__inner,
  .business__style05 .section__inner{
    max-width: 835px;
  }

}












/*

MODAL WINDOW STYLE

*/
body.course__modal-open{
  -ms-overflow-style: none;
  scrollbar-width: none;
}

body.course__modal-open::-webkit-scrollbar{
  display:none;
}

.course__modal-open .modal__wrap{
  display: flex;
  opacity: 1;
}

.modal__wrap{
  /* display: flex; */
  display: none;
  align-items: center;
  /* justify-content: center; */
  padding: 50px 20px;
  width: 100vw;
  height: 100vh;
  color: #1B2D60;
  /* background-color: rgba(0, 0, 0, 0.5); */
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1070;
  opacity: 0;
  transition: all 0.6s ease;
}

.modal__wrap .inner{
  margin: 0 auto;
  /* padding: 40px 0 60px; */
  padding: 40px 0 20px;
  width: 100%;
  height: 100%;
  max-width: 900px;
  background-color: #fff;
  position: relative;
  z-index: 0;
}

.modalMainContentsWrap{
  color: #fff;
  height: 100%;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.modalMainContentsWrap::-webkit-scrollbar{
  display:none;
}

.btn_modalClose{
  display: block;
  width: 26px;
  height: 26px;
  background-image: url(../images/page-internship/btn_modalClose.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 1;
  cursor: pointer;
}

.btn_modalScrollTop{
  /* display: block; */
  display: none;
  width: 38px;
  height: 38px;
  background-image: url(../images/page-internship/btn_modalScrollTop.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 1;
  cursor: pointer;
}

@media screen and (min-width:768px) {

  .modal__wrap{
    padding: 0 20px;
    background-color: #000;
  }

  .modal__wrap .inner{
    padding: 80px 0 70px;
    /* border: 4px solid #368CFF; */
  }

  .btn_modalClose{
    width: 60px;
    height: 60px;
    top: 14px;
    right: 22px;
  }

  .btn_modalScrollTop{
    /* display: block; */
    width: 60px;
    height: 60px;
    bottom: 22px;
    right: 22px;
  }

}



/*

MODAL CONTENT STYLE

*/

.businessModal__header{
  margin-bottom: 20px;
  padding: 0 20px;
}

.businessModal__title{
  margin-bottom: 30px;
  padding-bottom: 30px;
  color: #1b2d60;
  font-size: 20px;
  text-align: center;
  position: relative;
  z-index: 0;
}

.businessModal__title::after{
  content: "";
  display: block;
  width: 36px;
  height: 2px;
  background-color: #1b2d60;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.businessModal__msg{
  margin: 0 auto 20px;
  padding: 0 20px;
  max-width: 780px;
}

.businessModal__msg p{
  color: #1B2D60;
  font-size: 10px;
  text-align: justify; /* 基本 */
  text-justify: inter-ideograph; /* IEで必要 */
  text-justify: inter-character; /* Firefoxで必要 */
}

.businessModal__link{
  margin-bottom: 20px;
  padding: 0 40px;
}

.businessModal__link a{
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  text-align: center;
  position: relative;
  z-index: 0;
}

.businessModal__link a::after{
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(../images/page-business/icon_arw_right_black.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: 0;
}

.businessModal__link p{
  color: #1B2D60;
  font-size: 10px;
  text-align: center;
}

.businessModal__mv{}

.businessModal__entry{
  padding: 0 20px;
}

.businessModal__entry a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 75px;
  margin: 0 auto;
  padding: 0;
  color: #fff;
  background-color: #2D69BE;
  position: relative;
  font-weight: 700;
}

.businessModal__entry a.bg2{
  background-color: #50AFE1;
}

.businessModal__entry a + a {
  margin-top: 10px;
}

.businessModal__entry a.bg3{
  background-color: #37AF96;
}

.businessModal__entry a.bg4{
  background-color: #9275b8;
}

.businessModal__entry a::after{
  content: "";
  display: block;
  width: 30px;
  height: 14px;
  background-image: url(../images/page-business/icon_arw_right_white.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: contain;
  position: absolute;
  right: 0;
  top: calc(50% - 7px);
}

.businessModal__entry p{
  color: #1B2D60;
  font-size: 10px;
  text-align: center;
}



@media screen and (min-width: 768px) {

  .businessModal__title{
    margin-bottom: 60px;
    /* padding-bottom: 96px; */
    padding-bottom: 50px;
    font-size: 27px;
    letter-spacing: 0.3em;
  }

  .businessModal__title::after{
    width: 86px;
    height: 4px;
  }

  .businessModal__mv{
    margin-bottom: 30px;
  }

  .businessModal__msg{
    margin-bottom: 120px;
  }

  .businessModal__msg p{
    font-size: 16px;
  }

  .businessModal__link{
    max-width: 400px;
    padding: 0;
    margin: 0 auto 80px;
  }

  .businessModal__link p{
    margin-top: 15px;
    font-size: 16px;
  }

  .businessModal__entry a{
    max-width: 600px;
    height: 150px;
    font-size: 32px;
    position: relative;
  }

  .businessModal__entry a + a {
    margin-top: 20px;
  }

  .businessModal__entry a::after{
    width: 60px;
    height: 16px;
    top: calc( 50% - 8px );
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2241.61px%22%20height%3D%229.86px%22%20viewBox%3D%220%200%2041.61%209.86%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2041.61%209.86%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cg%3E%20%3Cline%20class%3D%22st0%22%20x1%3D%220%22%20y1%3D%224.98%22%20x2%3D%2240%22%20y2%3D%224.98%22%2F%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M33.74%2C9.63c-0.15-0.23-0.08-0.53%2C0.15-0.68l6.32-4.03L33.89%2C0.9c-0.23-0.15-0.3-0.45-0.15-0.68%20s0.45-0.29%2C0.68-0.15l6.97%2C4.44c0.14%2C0.09%2C0.23%2C0.25%2C0.23%2C0.41s-0.09%2C0.32-0.23%2C0.41l-6.97%2C4.44c-0.08%2C0.05-0.17%2C0.08-0.26%2C0.08%20C33.99%2C9.86%2C33.83%2C9.78%2C33.74%2C9.63z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  }

  .businessModal__entry p{
    margin-top: 26px;
    font-size: 16px;
  }

  .businessModal__entry {
    max-width: 600px;
    padding: 0;
    margin: 0 auto;
  }

}

/*
body{
  background-image: url("../images/page-business/_mock_p2.jpg");
  background-repeat: no-repeat;
  background-position: 50% 22px;
  background-size:  auto;
  opacity: 0.7;
}
*/