@charset "utf-8";
/* layout css*/

/*メイン背景画像
-----------------------------------*/
.MainImgActy{
background: linear-gradient( to right, rgba(0, 0, 0, 0.8), rgba(256, 256, 256, 0.1)),
url("../../images/iot_acty_g1/main.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 600px;
top: 0px;
position: relative;
background-attachment: fixed;

}
.MainImgActyG3{
background: linear-gradient( to right, rgba(0, 0, 0, 0.8), rgba(256, 256, 256, 0.1)),
url("../../images/acty_g12/main.jpg");
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
min-height: 600px;
top: 0px;
position: relative;
background-attachment: fixed;
}

@media screen and (max-width: 979px) {
.MainImgActy{
background: linear-gradient( to right, rgba(0, 0, 0, 0.8), rgba(256, 256, 256, 0.1)),
url("../../images/iot_acty_g1/main.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 500px;
top: 0px;
position: relative;
}

.MainImgActyG3{
background: linear-gradient( to right, rgba(0, 0, 0, 0.8), rgba(256, 256, 256, 0.1)),
url("../../images/acty_g12/main.jpg");
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
min-height: 500px;
top: 0px;
position: relative;
}
}

/*Acty*/
.MainImgActyProd02{
background-color: #ffffff;
}
.MainImgActyProd01{
background-color: #f8f8f9;
}

.MainImgActyProd03{
background-image: url("../../images/iot_acty_g1/acty_g1_bg01.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 750px;
top: 0px;
position: relative;
margin-bottom: 60px;
background-attachment: fixed;
}
.MainImgActyProd03 .fog{
background-color: rgba(255,255,255,0.3);
padding-bottom: 160px;
}


@media screen and (max-width: 979px) {
.MainImgActyProd03{
background-image: url("../../images/iot_acty_g1/acty_g1_bg01.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 750px;
top: 0px;
position: relative;
margin-bottom: 60px;
}
.MainImgActyProd03 .fog{
background-color: rgba(255,255,255,0.3);
padding-bottom: 160px;
}
}

/*container
-----------------------------------*/

.MainImgActy .container,
.MainImgActyG3 .container{
width: 100%;
padding-right: 0px;
padding-left: 20px;
padding-top: 130px;
margin-right: auto;
margin-left: auto;
color: #ffffff;
}
@media screen and (max-width: 979px) {
.MainImgActy .container{
width: 100%;
padding-right: 0px;
padding-left: 0;
padding-top: 110px;
margin-right: auto;
margin-left: auto;
color: #ffffff;
}
}

/*Acty*/
.MainImgActyProd01 .container,
.MainImgActyProd02 .container,
.MainImgActyProd03 .container{
width: 100%;
padding-right: 0px;
padding-top: 130px;
margin-right: auto;
margin-left: auto;
}

@media screen and (max-width: 979px) {
.MainImgActyProd01 .container,
.MainImgActyProd02 .container,
.MainImgActyProd03 .container{
width: 100%;
padding-right: 0px;
padding-left: 0px;
padding-top: 130px;
margin-right: auto;
margin-left: auto;
}
}
/*AtCtyG3*/
.MainImgAtCtyG301,
.MainImgAtCtyG303{
background-color: #ffffff;
}

.MainImgAtCtyG302{
background-color: #f8f8f9;
}

.MainImgAtCtyG301 .container{
width: 100%;
padding-right: 0px;
padding-top: 0px;
margin-right: auto;
margin-left: auto;
}

.MainImgAtCtyG302 .container,
.MainImgAtCtyG303 .container{
width: 100%;
padding-right: 0px;
padding-top: 60px;
padding-bottom: 60px;
margin-right: auto;
margin-left: auto;
}


/*display-4
-----------------------------------*/
.MainImgActy .display-4{
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2;
font-feature-settings : "palt";
}

@media screen and (max-width: 979px) {
.MainImgActy .display-4{
font-size: 7.5vmin;
font-weight: 300;
line-height: 1.4;
font-feature-settings : "palt";
}
}


/*h3/4
-----------------------------------*/
/*Acty*/
.MainImgActyProd01 h3,
.MainImgActyProd02 h3,
.MainImgActyProd03 h3{
margin-top: 0.5em;
font-size: 2.0rem;
font-weight: 500;
line-height: 1.8;
font-feature-settings : "palt";
margin-bottom: 25px;
}

@media screen and (max-width: 979px) {
.MainImgActyProd01 h3,
.MainImgActyProd02 h3,
.MainImgActyProd03 h3{
margin-top: 0.5em;
font-size: 2.0rem;
font-weight: 500;
line-height: 1.6;
font-feature-settings : "palt";
margin-bottom: 25px;
padding: 0 0.3em;
}
}
.acty_g3_ul{
font-size: 1rem;
}
.acty_g3_ul li{
  margin: 0.75em 0;
  line-height: 1.8;
  margin-left: -1em;
}
.acty_g3_ul .first_li{
margin: 0;
  margin-left: -1em;
}
@media screen and (max-width: 979px)  {
  .acty_g3_ul .first_li{
  margin: 1em 0;
  margin-left: -1em;
  }
}
/*ActyG3*/
/*.MainImgAtCtyG301 h2,
.MainImgAtCtyG302 h2,
.MainImgAtCtyG303 h2{
margin-top: 1.25em;
font-size: 2.85rem;
font-weight: 500;
line-height: 1.3;
font-feature-settings : "palt";
margin-bottom: 25px;
}
.MainImgAtCtyG301 h3,
.MainImgAtCtyG302 h3,
.MainImgAtCtyG303 h3{
margin-top: 0.5em;
font-size: 2.0rem;
font-weight: 500;
line-height: 1.3;
font-feature-settings : "palt";
margin-bottom: 25px;
}

@media screen and (max-width: 979px) {
.MainImgAtCtyG301 h3,
.MainImgAtCtyG302 h3,
.MainImgAtCtyG303 h3{
margin-top: 0.5em;
font-size: 2.0rem;
font-weight: 500;
line-height: 1.6;
font-feature-settings : "palt";
margin-bottom: 25px;
padding: 0 0.3em;
}
}*/