/* #gHeader
================================================ */
#plc #mainImg .tit { font-family: 'Noto Serif JP', sans-serif; }

@media all and (min-width: 600px) { #plc #mainImg .tit { font-size: 4rem; } }

/* #mainImg
================================================ */
#mainImg { background: url("../../img/iot/bg_main_iot01_sp.png") no-repeat center center/cover; margin-top: 0; padding-top: 50px; }

#mainImg .inner { position: static; }

#mainImg .inner:before { display: none; }

@media all and (min-width: 600px) { #mainImg { background: url("../../img/iot/bg_main_iot01_pc.png") no-repeat center center/cover; margin-top: 95px; padding-top: 0; }
  #mainImg .inner:before { display: none; } }

/* #lnav
================================================
#lnav{
	.list{
		.small{
			font-size: 1.2rem;
		}
	}
	@include mq{
		.list{
			.small{
				font-size: 1.3rem;
				letter-spacing: 0;
			}
		}
	}
} */
/*  #about
================================================== */
#about .subTit { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }

#about .txt { margin-bottom: 20px; }

#about .box { margin-bottom: 20px; }

#about .box + .txt { margin-bottom: 0; }

#about .area + .txt { margin-bottom: 0; }

@media all and (min-width: 600px) { #about .subTit { margin-bottom: 5px; font-size: 1.8rem; }
  #about .txt { margin-bottom: 40px; }
  #about .area .txt { margin-bottom: 25px; }
  #about .area + .txt { margin-bottom: 0; } }

/*  #concept
================================================== */
#concept .imgBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px; }

#concept .imgBox .img_box { /* width: 50%; */ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-bottom: 0; }

#concept .imgBox .area { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

#concept .subTit { margin-bottom: 5px; font-size: 1.5rem; font-weight: 700; }

#concept .txt { margin-bottom: 20px; }

#concept .areaBox { margin-bottom: 30px; }

#concept .areaBox .box .txt { margin-bottom: 10px; }

#concept .areaBox .box + .box { margin-top: 25px; }

#concept .img_box { margin-bottom: 20px; }

#concept .texts .txt + .txt { margin-top: 20px; }

#concept .areaBtn { margin: 0 -18px; padding: 25px 45px; background: #f3f3f3; }

#concept .areaBtn .btn { margin-top: 0; }

#concept .areaBtn .btn + .btn { margin-top: 10px; }

#concept .areaBtn .btn a { height: auto; padding: 13px 0 14px; line-height: 1.4; text-align: center; }

@media all and (min-width: 600px) { #concept .imgBox { margin-bottom: 35px; }
  #concept .imgBox .img_box { /* width: calc(50% - 15px); */ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; }
  #concept .imgBox .area { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  #concept .subTit { margin-bottom: 5px; font-size: 1.8rem; }
  #concept .txt { margin-bottom: 40px; }
  #concept .areaBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 70px; }
  #concept .areaBox .box { width: calc(50% - 15px); box-sizing: border-box; }
  #concept .areaBox .box .txt { margin-bottom: 20px; }
  #concept .areaBox .box + .box { margin-top: 0; }
  #concept .img_box { margin-bottom: 50px; }
  #concept .texts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 50px; }
  #concept .texts .txt { width: calc(50% - 15px); box-sizing: border-box; margin-bottom: 0; }
  #concept .texts .txt + .txt { margin-top: 0; }
  #concept .areaBtn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0; padding: 25px 100px; }
  #concept .areaBtn .btn { max-width: 280px; width: 280px; margin-top: 0; }
  #concept .areaBtn .btn a { height: 85px; }
  #concept .areaBtn .btn a:before { height: 85px; }
  #concept .areaBtn .btn + .btn { margin-top: 0; margin-left: 30px; } }