@charset "utf-8";
/* CSS Document */
img {
    max-width: 100%;
    height: auto;
}
.view-pc {
	display: block;
}
.view-pc.inline {
	display: inline;
}

.view-sp {
	display: none;
}
.view-sp.inline {
	display: none;
}


#main_area {
	max-width: 1052px;
    width: 100%;
	margin: 0 auto;
}
#main_area .inner {
	background-color: #0071BC;
}

#main_area .inner h1{
	margin:0;
}

#main_area .inner .innerCon{
	padding:0 41px;
}

.pointWrap {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top:20px;
	justify-content:space-between;
}

.pointitem{
	margin-bottom: 20px;
	box-sizing: border-box;
	width: 48%;
}

.pointitem img {
    max-width: 100%;
}

.pointitem:after {
	content: "";
	display: block;
	clear: both;
}

#main_area:after{
	content: url(/-/media/cojp/product/mwprinter/special/lp01/img/main_arrow);
	display:block;
	text-align:center;
}

#cv_area {
	max-width: 700px;
    width: 95%;
	margin: 0 auto 50px;
}
#cv_area p{
	text-align:center;
}
#cv_area ul {
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: space-between;
    padding: 0;
}
#cv_area ul li {
	width: calc((100% - 20px) / 2);
	text-align: center;
}

#scene {
	max-width: 1052px;
    width: 100%;
	margin: 0 auto 50px;
	background: url(/-/media/cojp/product/mwprinter/special/lp01/img/scene_bg);
}
#scene h2 {
	text-align: center;
	padding: 35px 0;
	margin:0;
}
#scene .box {

}
.sceneWrap{
	display:flex;
	padding: 20px 41px 0;
	justify-content: space-between;
}
.bg02 .sceneWrap{
	flex-flow: row-reverse wrap-reverse;
}
.detail{
	width: 45%;
    padding-bottom: 15px;
}
.detail h3 img{
	width:100%;
}
.pict{
	width: 48%;
}
.pict p{
	margin:0;
}
.pict img{
	max-width: 100%;
}
#scene .box h3 {

}
#scene .box .copy {
	margin-left: 20px;
	margin-top: 23px;
	margin-bottom: 23px;
}
#scene .box .bt {
	width: 150px;
	margin-left:20px;
}
#scene .box .bt img{
	width:100%;
}
#scene .bg01 {
  background-color: #0071BC;

}
#scene .bg01 .copy {
  color: #fff;
}

#scene .bg01 .pict {

}

#scene .bg02 .copy {
  color: #0071BC;
}

#bottomCopy{
	max-width:1052px;
    width: 95%;
	margin:0 auto;
}


@media screen and (max-width: 640px) {
  .view-sp {
    display: block;
  }
  .view-sp.inline {
    display: inline;
  }

  .view-pc {
    display: none;
  }
  .view-pc.inline {
    display: none;
  }

  #main_area{
	width:100%;
  }
  
  #main_area .inner .innerCon{
	padding:0 15px;
  }
  
  .pointitem{
	width:100%;
  }
  #cv_area{
	  width:90%;
  }
  #cv_area .mod-mediaGrid_item{text-align: center;}
  #cv_area ul li {
	width: calc((100% - 15px) / 2);
  }
  #scene{
  	width:100%;

  }
  #scene h2{
  	padding:25px 20px;
  }
  .sceneWrap{
  	padding:15px 15px 0;
  	flex-flow:column nowrap;
  }
  .bg02 .sceneWrap{
  	flex-flow:column nowrap;
  }
  .detail{
  	width:100%;
	min-height:0%;
  }
  .detail h3{
  	margin:0;
  }
  #scene .box .copy{
  	margin:20px 0;
  	text-align:center;
  }
  #scene .box .bt{
  	width: 60%;
  	margin: 0 auto 20px;
  }
  .pict{
  	width:100%;
	min-height:0%;
  }
  #bottomCopy{
  	width: 90%;
  }
}