@charset "UTF-8";

.new-alliance h5 {
    color: #000 !important;
}

.new-alliance h5:before {
    background-color: #FFE600 !important;
}

img[src$="img-1.jpg"] {
    width: 100%;
}

.col-2 {
    width: 48%;
}

.mgt5 {
    margin-top: 70px;
}

.flex-card {
    width: 16%;
    border: solid 1px #0B8CB5;
    background-color: #fff;
    padding: 30px;
    text-align: center;
    margin-bottom: 3%;
    margin-right: 2.9%;
}

.flex-card .img-wrap {padding: 20px 0;}

.flex-card .img-wrap img {
    width: auto;
    height: 70px;
}

.flex-card .read {
    font-weight: bold;
    font-size: 18px;
    color: #0B8CB5;
    text-align: center;
    margin-bottom: 30px;
}

.flex-card .txt{
    color: #0B8CB5;
    margin-top: 0 !important;
    font-size: 16px;
}

#sec02 .wrap, #sec03 .wrap{
    max-width: 1100px;
}

.new-alliance #sec02 .flex{
    justify-content: center;
}

.flex-card:nth-child(4),.flex-card:nth-child(7){
    margin-right: 0;
}

.boxlead{text-align: center;font-weight: bold;font-size: 18px;}

.new-alliance #sec02 h5{
    margin-bottom: 7%;
}

#sec02 .logpBox{
    display: flex;
    justify-content: center;
    margin: 50px 0 30px 0;
}

#sec02 .logpBox li{
    padding: 0;
}

#sec02 .logpBox li:nth-child(2){margin: 0 3%;}

#sec03 .detaillist{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#sec03 .detaillist li{
    background-color: #0B8CB5;
    width: 243px;
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 13px;
    padding-left: 0;
    padding: 12px 0px;
    color: #fff;
    font-weight: bold;
    height: 50px;
}

#sec03 .detaillist-txt{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 74px;
}

#sec03 .detaillist-txt li{
    padding-left: 0;
    width: 47%;
    margin-bottom: 35px;
}

#sec03 .detaillist-txt li .icon{
    display: block;
    font-weight: bold;
    font-size: 110%;
    position: relative;
    padding-left: 38px;
    margin-bottom: 16px;
}

#sec03 .detaillist-txt li .icon01:before{
    content: "";
    background: url(../../images/alliance/partners_23/icon01.png) no-repeat left;
    width: 30px;
    height: 30px;
    background-size: cover;
    position: absolute;
    left: 0;
}

#sec03 .detaillist-txt li .icon02:before{
    content: "";
    background: url(../../images/alliance/partners_23/icon02.png) no-repeat left;
    width: 30px;
    height: 30px;
    background-size: cover;
    position: absolute;
    left: 0;
}

#sec03 .detaillist-txt li .icon03:before{
    content: "";
    background: url(../../images/alliance/partners_23/icon03.png) no-repeat left;
    width: 30px;
    height: 30px;
    background-size: cover;
    position: absolute;
    left: 0;
}

#sec03 .detaillist-txt li .icon04:before{
    content: "";
    background: url(../../images/alliance/partners_23/icon04.png) no-repeat left;
    width: 30px;
    height: 30px;
    background-size: cover;
    position: absolute;
    left: 0;
}

#sec04 .check{
    margin-top: 50px;
}

#sec04 .check li{
    position: relative;
    padding-left: 43px;
    background: #fff;
    margin-bottom: 15px;
    padding: 10px 0 10px 55px;
    font-weight: bold;
    font-size: 120%;
}

#sec04 .check li:before{
    content: "";
    background: url(../../images/alliance/partners_23/Vector.png) no-repeat left;
    width: 28px;
    height: 30px;
    background-size: contain;
    position: absolute;
    left: 15px;
}

#sec04 .checkBB{
    margin-top: 50px;
}

#sec04 .checkBB li{
    padding-left: 0;
    margin-bottom: 25px;
}

#sec04 .checkBB li span{
    display: block;
    color: #0B8CB5;
    font-weight: bold;
}

#sec05 .use-case-list {
  display:flex;
  overflow:hidden;
  margin-bottom:20px;
  position:relative;
  height:100%;
  border: solid 1px #0b8cb5;
  align-items: stretch;
  background-color: #0B8CB5;
}
#sec05 .use-case-list-left {
  padding:15px;
  min-width: 113px;
  font-weight: 700;
  position:relative;
  margin: auto 0;
}

#sec05 .use-case-list-left p{
  font-size: 42px;
  color:#FFF;
  margin: 0;
}

#sec05 .use-case-list-left img{
  margin: 10px 8px 0 0;
  width: 26px;
}

#sec05 .use-case-list-right {
  padding:15px;
  height:100%;
  width:100%;
  font-size: 18px;
  background-color: #ffffff;
  padding-left: 23px;
}

#sec05 .use-case-list-right:before{
  position: absolute;
  top: -36px;
  left: -82px;
  margin-top: -25px;
  width: 225px;
  height: 400px;
  content: "";
  border-top:solid 1px #000;
  background-color: #0B8CB5;
  transform: skewX(-15deg);
  z-index: -1;
  display: none;
}

#sec05 .use-case-list-right p{}


#sec05 .use-case-list-right p span{
    display: block;
    font-weight: bold;
    color: #0b8cb5;
}

#sec06 .status_01 .mgb5-sp{
    width: 53%;
}

#sec06 .new-alliance .flex{
    align-items: center !important;
}

#sec07 .textBoxx{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

#sec07 .textBoxx li{
    padding: 0;
    background: #0b8cb5;
    color: #fff;
    padding: 30px 30px;
    width: 25.5%;
    margin-bottom: 21px;
    display: flex;
    align-items: center;
    text-align: center;
}

#sec08 .status_01 .mgb5-sp{
    width: 53%;
}


#sec08 .status_01 .status-box{
    width: 48%;
}

#sec08 .status_01 .mgb5-sp span{display: block;font-weight: bold;color: #0b8cb5;margin-bottom: 20px;}

#sec08 .textBox{
    background: #fff;
    padding: 30px 20px;
    margin-top: 50px;
}

#sec08 .textBox li{
    padding-left: 1em;
    text-indent: -1em;
    font-weight: bold;
    margin-bottom: 20px;
}

#sec08 .textBox li:last-child{
    margin-bottom: 0;
}

#sec09 .contBoxx{
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
}

#sec09 .contBoxx li{
    padding-left: 0;
    width: 280px;
}

#sec09 .contBoxx li img{
    width: 180px !important;
    margin: 0 auto;
    display: block;
}

#sec09 .contBoxx li p{
    padding-top: 25px;
}

#sec09 .ttl{
    font-size: 130%;
    font-weight: bold;
    text-align: center;
}

#sec09 .listBoxx{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#sec09 .listBoxx li{
    padding-left: 0;
    width: 257px;
    background: #ebf7fe;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    padding: 20px 20px;
    font-weight: bold;
}

.info-back {
    background: url(../../images/alliance/partners_23/bg.jpg) no-repeat bottom center scroll !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover;
    background-size: cover !important;
    -o-background-size: cover;
    height: 538px !important;
}

@media screen and (max-width: 1000px) {
.col-2 {
    width: 100%;
}

.col-2 p{
margin-top: 35px;
    margin-bottom: 0;
}
.new-alliance h5.spwneg:before{
bottom: -30%;
}

.new-alliance .flex{
    display: flex !IMPORTANT;
}

.flex-card {
    width: 36%;
    margin: 0;
    margin-bottom: 15px;
    margin: 7px !important;
}

.new-alliance #sec02 .flex {
    justify-content: center;
}

.new-alliance h5 {
    font-size: 140% !important;
    margin-bottom: 14% !important;
}

#sec03 .detaillist li {
    margin: 0;
    width: 49%;
    height: 99px;
    margin-bottom: 13px;
}

#sec03 .detaillist {
    justify-content: space-between;
}

#sec03 .detaillist-txt li {
    width: 100%;
    margin-bottom: 0;
    margin-top: 50px;
}

#sec03 .detaillist-txt {
    margin-top: 0;
}
#sec04 .check li:before{
    top: 30%;
}

#sec04 .checkBB li:last-child{
    margin-bottom: 0;
}

#sec05 .use-case-list-right:before {
    width: 185px;
}

#sec05 .use-case-list-left {
    min-width: 73px;
}

#sec05 .use-case-list-left p {font-size: 140%;}

#sec05 .use-case-list-right p {
    font-size: 120%;
}

#sec05 .use-case-list-right p {
    font-size: 110% !important;
}

#sec06 .status_01 .status-box, #sec06 .status_01 .status-box img {
    width: 100%;
}

#sec06 .status_01 .mgb5-sp p{margin-top: 30px;}

#sec07 .textBoxx li {
    width: 37.5%;
    margin: 6px;
}

#sec07 .textBoxx li:nth-child(5),#sec07 .textBoxx li:nth-child(6) {
    margin-bottom: 0;
}

#sec08 .status_01 .status-box {
    width: 100%;
}

#sec08 .status_01 .mgb5-sp span {
    font-size: 120%;
    margin-top: 40px;
}

#sec08 .textBox {
    margin-top: 20px;
}

#sec09 .listBoxx li {
    width: 40%;
    height: 130px;
    margin: 6px;
}

#sec09 .contBoxx li {
    width: 100%;
    margin-bottom: 40px;
}

#sec09 .contBoxx {
    flex-wrap: wrap;
}

#sec07 .textBoxx {
    justify-content: center;
}

#sec09 .listBoxx {
    justify-content: center;
}

#sec02 .logpBox {
    margin: 30px 0 30px 0;
}

.info-back {
    height: 700px !IMPORTANT;
}

.col-2 img{
    width: 100%;
}
}