/*=============================================================
	construction
=============================================================*/
/* mainImg
------------------------------------- */
#mainImg { background-image: url(../img/construction/img_main01_sp.png); }

@media screen and (min-width: 600px) { #mainImg { background-image: url(../img/construction/img_main01_pc.png); } }

/* intro
------------------------------------- */
#intro { margin-bottom: 40px; }

@media screen and (min-width: 600px) { #intro { margin-bottom: 78px; }
  #intro .set .txtBox { padding: 135px 95px 142px; } }

/* tech
------------------------------------- */
#tech { padding-bottom: 40px; }

#tech .mainTit { margin-bottom: 16px; }

#tech .areaBox .box { margin-top: 24px; }

#tech .areaBox .box:first-of-type { margin-top: 0; }

#tech .areaBox .box .txtBox { margin-top: 15px; }

#tech .areaBox .box .txtBox .tit { margin-bottom: 0; }

#tech .areaBox .box .txtBox .txt { font-size: 1.4rem; line-height: 1.928; }

#tech .bnrBox { margin-top: 22px; }

@media screen and (min-width: 600px) { #tech { padding-bottom: 78px; }
  #tech .mainTit { margin-bottom: 30px; }
  #tech .areaBox .box { width: 33.333%; box-sizing: border-box; float: left; margin-top: 0; }
  #tech .areaBox .box:nth-of-type(3n+1) { padding-right: 20px; }
  #tech .areaBox .box:nth-of-type(3n-1) { padding-right: 10px; padding-left: 10px; }
  #tech .areaBox .box:nth-of-type(3n) { padding-left: 20px; }
  #tech .areaBox .box .txtBox { margin-top: 20px; }
  #tech .areaBox .box .txtBox .txt { font-size: 1.5rem; line-height: 2; }
  #tech .bnrBox { padding: 45px 80px 0; margin-top: 0; } }

/* flow
------------------------------------- */
#flow .mainTit { margin-bottom: 18px; }

#flow .areaBox .imgBox { width: 34%; float: left; }

#flow .areaBox .areaTxt .txtBox { width: 66%; float: left; padding: 2px 1px 0 14px; line-height: 1.928; }

#flow .areaBox .areaTxt .txtBox:first-of-type { margin-top: 0; }

#flow .areaBox .areaTxt .txtBox:nth-of-type(2) { margin-top: 40px; }

#flow .areaBox .areaTxt .txtBox:nth-of-type(3) { margin-top: 55px; }

#flow .areaBox .areaTxt .txtBox .tit { font-size: 1.8rem; font-weight: 700; }

#flow .areaBox .areaTxt .txtBox .txt { font-size: 1.4rem; }

#flow .subTit { margin-top: 92px; }

#flow .flow_column01 { padding-bottom: 48px; }

#flow .flow_column01 .column .txtBox .flowtxt { font-size: 1.4rem; }

#flow .bnr { margin: 0 -15px; padding: 40px 15px; background: #f1f4fa; }

#flow .bnr .bnrBox { margin-top: 15px; }

#flow .bnr .bnrBox:first-of-type { margin-top: 0; }

@media screen and (min-width: 600px) { #flow .mainTit { margin-bottom: 28px; }
  #flow .areaBox .imgBox { width: 86%; float: none; margin: 0 0 0 68px; }
  #flow .areaBox .areaTxt .txtBox { width: 33.3333%; }
  #flow .areaBox .areaTxt .txtBox .tit { font-size: 2.2rem; }
  #flow .areaBox .areaTxt .txtBox .txt { font-size: 1.5rem; margin-top: 7px; }
  #flow .areaBox .areaTxt .txtBox:first-of-type { padding: 10px 20px 0 0px; }
  #flow .areaBox .areaTxt .txtBox:first-of-type .tit { padding-left: 130px; }
  #flow .areaBox .areaTxt .txtBox:nth-of-type(2) { padding: 10px 0 0 12px; }
  #flow .areaBox .areaTxt .txtBox:nth-of-type(2) .tit { padding-left: 154px; }
  #flow .areaBox .areaTxt .txtBox:nth-of-type(3) { padding: 10px 0 0 23px; }
  #flow .areaBox .areaTxt .txtBox:nth-of-type(3) .tit { padding-left: 130px; }
  #flow .areaBox .areaTxt .txtBox:nth-of-type(2) { margin-top: 0; }
  #flow .areaBox .areaTxt .txtBox:nth-of-type(3) { margin-top: 0; }
  #flow .subTit { margin-top: 52px; }
  #flow .flow_column01 { padding-bottom: 80px; }
  #flow .flow_column01 .column .txtBox .flowtxt { font-size: 1.5rem; }
  #flow .bnr { padding: 102px 0; }
  #flow .bnr .bnrBox { width: 50%; box-sizing: border-box; float: left; margin-top: 0; }
  #flow .bnr .bnrBox:nth-of-type(2n+1) { padding: 0 10px 0 0; }
  #flow .bnr .bnrBox:nth-of-type(2n) { padding: 0 0 0 10px; } }