@charset "utf-8";

/*-------------------------------------------------------------------
	IDENTIFICATION DIVISION.

	PROGRAM-ID.									inkjet2019
	DATE-WRITTEN.								2019-11-21
-------------------------------------------------------------------*/

/*****************************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
*****************************************************/

/*-------------------------------------------------------------------
	common
-------------------------------------------------------------------*/

/* 全体のレイアウト
----------------------------------*/
input, button, textarea, select{
	outline: inherit;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	border: 1px solid rgb(118, 118, 118);
}
img{
	display: inline;
}
#inkjet2019 .chapter {
	margin: 0 26px;
	color: #595757;
	font-family: "Noto Sans JP";
}
#inkjet2019 .contentsArea {
	padding: 60px 0 80px;
}
#inkjet2019 .contentsArea.grid {
	background: url(../../../images/cp/inkjet2019/scene_bg.gif) 0 0 repeat;
	padding-right: 105px;
	padding-left: 105px;
}
#inkjet2019 .contentsArea#feature {
	background: #eaecef;
	padding-right: 50px;
	padding-left: 50px;
}
#inkjet2019 .contentsArea#compare,
#inkjet2019 .contentsArea#note {
	padding-right: 70px;
	padding-left: 70px;
}
#inkjet2019 .contentsArea#step {
	background: #1ab1a2;
	padding-right: 85px;
	padding-left: 85px;
	margin-bottom: 50px;
}
.p-contact-form_btn{
	margin-bottom: 100px;
	font-size: 20px;
	max-width: 370px;
}
/* 共通h2タグ
----------------------------------*/
#inkjet2019 .contentsArea h2 {
	font-size: 170%;
	color: #18b2a3;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	padding: 0 12px 13px;
	border-bottom: 1px solid #18b2a3;
	margin-bottom: 50px;
	position: relative;
}
#inkjet2019 #feature  h2 small{
	font-size: 100%;
}
#inkjet2019 .contentsArea#step h2 {
	color: #fff;
	border-bottom: 1px solid #fff;
}
#inkjet2019 .contentsArea h2:before,
#inkjet2019 .contentsArea h2:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}
#inkjet2019 .contentsArea h2:before {
    bottom: -12px;
	border-top: 12px solid #18b2a3;
}
#inkjet2019 .contentsArea h2:after {
    bottom: -11px;
	border-top: 12px solid #fff;
}
#inkjet2019 .contentsArea#feature h2:after {
	border-top: 12px solid #eaecef;
}
#inkjet2019 .contentsArea#step h2:before {
	border-top: 12px solid #fff;
}
#inkjet2019 .contentsArea#step h2:after {
	border-top: 12px solid #1ab1a2;
}
#inkjet2019 .contentsArea h2 small {
	font-size: 67%;
}
#inkjet2019 .contentsArea h2 big {
	font-size: 160%;
}

/* フォントの色指定
----------------------------------*/
#inkjet2019 span.yellowText {
	color: #ffe34e;
}
#inkjet2019 span.red {
	color: #f65d5d;
}
#inkjet2019 span.grayText {
	color: #adb6c4;
}
#inkjet2019 span.greenText {
	color: #52AEA2;
}

/*-------------------------------------------------------------------
	#accent
-------------------------------------------------------------------*/
#accent {}
#accent h2 {
	margin-bottom: 80px;
}

/*-------------------------------------------------------------------
	#about
-------------------------------------------------------------------*/
#about {
	padding: 0 20px;
    text-align: center;
    margin-bottom: 80px;
}
#about h2 {
	font-size: 36px;
    font-weight: bold;
    letter-spacing: -.1rem;
    margin-bottom: 30px;
}
#about p {
	font-size: 26px;
	text-align: center;
}

/*-------------------------------------------------------------------
	#intro
-------------------------------------------------------------------*/
#intro {
	background-color: #52AEA2;
}
#intro div {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 65px;
	padding: 53px 0 27px;
}
#intro h2 {}
#intro ul {
	text-align: left;
}
#intro ul li {
	font-size: 113%;
    color: #fff;
	font-weight: 500;
	margin-bottom: 13px;
	position: relative;
}
#intro ul li::before {
	position: absolute;
	display: block;
	content: '';
	background-image: url(../../../images/cp/inkjet2019/icon_check.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 26px;
	height: 24px;
	top: 7px;
	left: -33px;
}
#intro ul li span.note{
	display: block;
	text-indent: -0.5em;
}
#intro ul li span.yellowText {
	font-size: 120%;
}

/*-------------------------------------------------------------------
	.cv
-------------------------------------------------------------------*/
.cv {
	background: url(../../../images/cp/inkjet2019/cv_bg.jpg) 50% 50% no-repeat;
	background-size: cover;
	padding: 100px 70px;
}
.cv > div {
	border: 1px solid #6acac1;
	background: #fff;
	padding: 35px 40px;
	overflow: hidden;
}
.cv > div .rightBox {
	width: 464px;
	text-align: center;
}
.cv > div .rightBox h2 {
	margin-bottom: 20px;
}
.cv > div .rightBox p.limited {
	padding: 5px 20px;
	background: #ee8700;
	color: #fff;
	display: inline-block;
	margin-bottom: 20px;
	font-size: 141%;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.cv > div .rightBox p.txt {
	text-align: left;
	font-size: 108%;
	line-height: 1.7;
}
.cv > div p.img {
	float: right;
}

#cv-bottom .img{
	position: relative;
    margin-top: -155px;
}

/*-------------------------------------------------------------------
	#scene
-------------------------------------------------------------------*/
#scene section.details {
	border: 1px solid #43c0b4;
	background: #fff;
	padding: 45px 25px;
	margin-bottom: 30px;
}
#scene section.details:last-child {
	margin-bottom: 0;
}
#scene section.details h3 {
	font-size: 140%;
	border-bottom: 1px solid #43c0b4;
	padding: 0 13px 9px;
	display: inline-block;
	font-weight: 500;
	margin-bottom: 30px;
}
#scene section.details h3 em {
	color: #18b2a3;
}
#scene section.details h3 big {
	font-size: 130%;
}
#scene section.details p.txt {
	font-size: 107%;
	font-weight: 500;
	text-align: center;
	margin-bottom: 35px;
}
#scene section.details p.txt span.caution {
	font-size: 70%;
	font-weight: 400;
}
#scene section.details.detail1 .col2 {
	overflow: hidden;
}
	#scene section.details.detail1 .col2 p.img {
		width: 287px;
		margin-right: 25px;
		float: left;
	}
	#scene section.details.detail1 .col2 .rightBox {
		float: left;
	}
	#scene section.details.detail1 .col2 .rightBox p.price {
		margin-top: 12px;
	}
#scene section.details.detail2 ul {
	overflow: hidden;
}
	#scene section.details.detail2 ul li {
		float: left;
		margin-right: 2%;
		width: 32%;
	}
	#scene section.details.detail2 ul li:last-child {
		margin-right: 0;
	}
	#scene section.details.detail2 ul li img {
		width: 100%;
	}
#scene section.details.detail3 p.img {
	margin-bottom: 35px;
}
	#scene section.details.detail3 .col2 {
		margin-bottom: 20px;
	}
	#scene section.details.detail3 .col2 dl {
		width: 48%;
		margin-right: 4%;
		box-sizing: border-box;
		float: left;
		padding: 20px;
		text-align: left;
	}
	#scene section.details.detail3 .col2 dl:last-child {
		margin-right: 0;
	}
	#scene section.details.detail3 .col2 dl.silk {
		border: 1px solid #b7bfcb;
	}
	#scene section.details.detail3 .col2 dl.ink {
		border: 5px solid #18b2a3;
		position: relative;
	}
	#scene section.details.detail3 .col2 dl dt {
		font-size: 110%;
		margin-bottom: 12px;
		font-weight: 500;
	}
	#scene section.details.detail3 .col2 dl.silk dt {
		color: #b7bfcb;
	}
	#scene section.details.detail3 .col2 dl.ink dt {
		color: #18b2a3;
	}
	#scene section.details.detail3 .col2 dl dd {
		font-size: 86%;
	}
	#scene section.details.detail3 .col2 dl dd em {
		color: #18b2a3;
		font-weight: 500;
	}
	#scene section.details.detail3 .col2 dl.ink:after {
		content: "";
		position: absolute;
		width: 29px;
		height: 30px;
		top: -30px;
		left: 19px;
		background: url(../../../images/cp/inkjet2019/scene_detail3_arrow.png) 0 0 no-repeat;
	}
	#scene section.details.detail3 p.caution {
		text-align: center;
		color: #f65d5d;
	}

/*-------------------------------------------------------------------
	#feature
-------------------------------------------------------------------*/
#feature section.detail {
	padding: 28px;
	background: #fff;
	margin-bottom: 28px;
	border-bottom: 1px solid #d7dbe1;
	overflow: hidden;
}
#feature section.detail:last-child {
	margin-bottom: 0;
}
#feature section.detail > div {
	width: 370px;
	text-align: left;
	margin-top: 20px;
}
#feature section.detail.first-child > div {
	margin-top: 0;
}
	#feature section.detail > div h3 {
		font-size: 125%;
		color: #18b2a3;
		font-weight: 500;
		margin-bottom: 20px;
	}
	#feature section.detail > div p.txt {
		font-size: 90%;
	}
	#feature section.detail > div p.img {
		margin-top: 20px;
	}
#feature section.detail > p.imgBox {
	width: 386px;
}

#feature section.detail.leftImg > div,
#feature section.detail.rightImg p.imgBox {
	float: right;
}
#feature section.detail.leftImg p.imgBox,
#feature section.detail.rightImg > div {
	float: left;
}

/*-------------------------------------------------------------------
	#compare
-------------------------------------------------------------------*/
#compare section.detail {
	margin-bottom: 30px;
}
#compare section.detail h3 {
	display: flex;
	margin-bottom: 20px;
}
	#compare section.detail h3 span,
	#compare section.detail h3 em {}
	#compare section.detail h3 p {
		font-size: 100%;
		background: #18b2a3;
		color: #fff;
		flex: 0 0 110px;
		margin-bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 2px 0;
	}
	#compare section.detail h3 p span.ja {
		font-weight: 400;
	}
	#compare section.detail h3 p span.number {
		font-size: 168%;
		padding-left: 5px;
		font-weight: 500;
	}
	#compare section.detail h3 em {
		font-size: 125%;
		background: #eaecef;
		color: #18b2a3;
		text-align: left;
		font-weight: 500;
		flex: 1 0 auto;
		display: flex;
		align-items: center;
		padding-left: 17px;
	}
#compare section.detail .col2 {
	overflow: hidden;
}
	#compare section.detail .col2 dl {
		float: left;
		width: 48.5%;
		margin-right: 3%;
	}
	#compare section.detail .col2 dl:last-child {
		margin-right: 0;
	}
	#compare section.detail .col2 dl dt {
		margin-bottom: 12px;
	}
	#compare section.detail .col2 dl dt img {
		width: 100%;
	}
	#compare section.detail .col2 dl dd {
		text-align: left;
		font-size: 108%;
	}


/*-------------------------------------------------------------------
	#priceArea
-------------------------------------------------------------------*/
#priceArea .title{
	position:relative;
	margin-bottom:15px;
	margin-top: 30px;
	font-size:141%;
	text-align: left;
}
#priceArea .title .tax{
	position:absolute;
	bottom:0;
	right:10px;
	font-size:64%;
}
#priceArea table{
	width:100%;
	border:solid 2px #4e4e4e;
	font-size: 108%;
}
#priceArea table td{
	border:solid 1px #4e4e4e;
	text-align:center;
	padding:5px 0;
}
#priceArea table td.label{
	padding:0;
	vertical-align:middle;
	width:97px;
}
#priceArea table td.gray{
	background:#d9d9d9;
}
#priceArea table td.small{
	width:7.5em;
}
#priceArea table td span.tori{
	font-size: 80%;
	text-decoration: line-through;
	display: block;
}
#priceArea table td em{
	font-size: 110%;
	font-weight: 600;
	color: #e60012;
}
#priceArea ul.caution {
	margin-top: 20px;
}
#priceArea ul.caution li {
	text-indent: -1em;
	padding-left: 1em;
	text-align: left;
}

/*-------------------------------------------------------------------
	#lineup
-------------------------------------------------------------------*/
#lineup .detail {
	border: 1px solid #43c0b4;
	background: #fff;
	padding: 30px 45px;
	margin-bottom: 30px;
	overflow: hidden;
}
#lineup .detail:last-child {
	margin-bottom: 0;
}
#lineup .detail .leftBox {
	width: 200px;
	float: left;
}
	#lineup .detail .leftBox p.img {
		text-align: center;
		position: relative;
	}
	#lineup .detail .leftBox p.img span {
		position: absolute;
		top: 0;
		left: 0;
	}
#lineup .detail .rightBox {
	width: 410px;
	float: right;
}
	#lineup .detail .rightBox table {
		font-size: 133%;
		margin: 20px 0 10px;
	}
	#lineup .detail .rightBox table th,
	#lineup .detail .rightBox table td {
		padding: 0 0 10px;
		vertical-align: middle;
	}
	#lineup .detail .rightBox table th {
		padding-right: 30px;
		color: #18b2a3;
		font-weight: 600;
	}
	#lineup .detail .rightBox p.price {
		margin-bottom: 15px;
	}

/*-------------------------------------------------------------------
	#note
-------------------------------------------------------------------*/
#note > div {
	overflow: hidden;
}
#note > div dl {
	width: 48%;
	margin-right: 4%;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	border: 2px solid #d5d9e0;
	padding-right: 15px
}
#note > div dl:last-child {
	margin-right: 0;
}
#note > div dl dt {
	width: 170px;
	float: left;
	margin-right: 15px;
}
#note > div dl dd.title {
	font-size: 150%;
	text-align: left;
	font-weight: 600;
	color: #18b2a3;
	margin: 15px 0 10px;
}
#note > div dl dd.description {
	text-align: left;
	font-size: 108%;
}

/*-------------------------------------------------------------------
	#step
-------------------------------------------------------------------*/
#step ul {
	overflow: hidden;
}
#step ul li {
	width: 23%;
	margin-right: 2.5%;
	background: #fff;
	border-radius: 7px;
	float: left;
	padding: 55px 0 20px;
	position: relative;
}
#step ul li:last-child {
	margin-right: 0;
}
#step ul li dt {
	text-align: center;
	margin-bottom: 25px;
}
#step ul li dt span {
	position: absolute;
	display: inline-block;
	top: 7px;
	left: 7px;
	background: #adb6c4;
	font-size: 140%;
	color: #fff;
	font-weight: 600;
	padding: 1px 10px;
	border-radius: 2px;
}

/*-------------------------------------------------------------------
	form-area
-------------------------------------------------------------------*/
#form {
	margin: 60px 130px 80px;
}
.contents .formTable {
    width: 92%;
    border-top: 1px solid #dadada;
    margin: 4%;
}

#inkjet2019 .chapter .form-area h3{
	margin-bottom:24px;
}

#inkjet2019 .chapter .message{
	padding-left:27px;
}

#inkjet2019 .chapter .form-area p.text-img{
	margin-left:27px;
	margin-bottom:30px;
}

#inkjet2019 .chapter .form-area p.text-img span{
	float:right;
	padding-right:15px;
}

#inkjet2019 .chapter .form-area table.qTable{
	margin-left:26px;
}

#inkjet2019 .chapter .form-area table th,
#inkjet2019 .chapter .form-area table td{
	padding:10px;
}

#inkjet2019 .chapter .form-area table td textarea{
	width:100%;
    border: 1px solid #aaa;
}
#inkjet2019 .chapter .form-area table td textarea:focus {
    border: 1px solid #333333;
}
#inkjet2019 .chapter .form-area table td input.text{
	width:150px;
}

#inkjet2019 .chapter .form-area table td input.file{
	width:70%;
}


#inkjet2019 .chapter .form-area p.title{
	margin-left:36px;
	padding-top:20px;
}

#inkjet2019 .chapter .form-area .formTable th{
	width:185px;
}

.contents .complete h4{
	padding-left:27px;
	color:#008FE6;
	margin-bottom:20px;
}
.contents .return{
	text-align:right;
	padding-right:12px;
}
#scene h3 br{
	display: none;
}
#scene .col2 img{
	width: 285px;
	height: auto;
}
#scene section.details.detail1 .col2 .rightBox p.price:first-child img{
	width: 356px;
}
#scene section.details.detail1 .col2 .rightBox p.price:last-child img{
	width: 356px;
}
#form h2{
    font-size: 25px;
    font-weight: normal;
    background: #25a5ef;
    color: #fff;
	padding: 12px 0 11px;
	letter-spacing: 0.5px;
	margin-bottom: 24px;
}	
.chapter .sp{
	display: none;
}

.Inkjet__btn {
	max-width: 500px;
	margin: -80px auto 100px;
}
.Inkjet__btnLink {
	display: block;
	background-color: #52AEA2;
	color: #fff;
	font-weight: 500;
	text-align: center;
	border-radius: 15px;
	font-size: 36px;
	letter-spacing: -0.05em;
	padding: 15px 0;
	transition: 200ms;
}
.Inkjet__btnLink:hover {
	opacity: 0.8;
}


.Inkjet__faq{
	background-color: rgba(82, 174, 162, 0.1);
	padding: 50px;
	margin-bottom: 130px;
  }
  .Inkjet__faqInner{
	background-color: #fff;
	padding: 45px;
  }
  .Inkjet__faqTitle{
	margin: 0 auto 50px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
  }
  .Inkjet__faqTitleOriginal{
	font-size: 29px;
	letter-spacing: -0.1rem;
	color: #211815;
  }
  .Inkjet__faqTitleQa{
	font-family: "Poppins", sans-serif;
	font-size: 75px;
	letter-spacing: -0.1rem;
	color: #211815;
  }
  .Inkjet__faqList{}
  .Inkjet__faqItem{
	margin-bottom: 20px;
  }
  .Inkjet__faqLead{
	font-size: 20px;
	padding: 0 0 20px 60px;
	font-weight: bold;
	border-bottom: 2px solid rgba(35, 24, 21, 0.2);
	position: relative;
	color: #231816;
  }
  .Inkjet__faqLead::before{
	content: '';
	display: block;
	position: absolute;
	background-image: url(../../../images/cp/inkjet2019/icon_q.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	top: -2px;
	left: 15px;
	width: 30px;
	height: 35px;
  }
  .Inkjet__faqText{
	font-size: 20px;
	padding: 20px 60px;
	background-color: rgba(82, 174, 162, 0.05);
	position: relative;
	text-align: left;
	color: #231816;
  }
  .AccText{
	display: none;
  }
  .Inkjet__faqText::after{
	content: '';
	display: block;
	position: absolute;
	background-image: url(../../../images/cp/inkjet2019/icon_a.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	top: 20px;
	left: 15px;
	width: 30px;
	height: 35px;
  }
.AccLead::after{
	content: '＋';
	display: block;
	position: absolute;
	-webkit-text-stroke: 3px #000;
	right: 7px;
	top: -3px;
	font-size: 26px;
  }
.AccLead.-active::after{
	content: '－';
	display: block;
	position: absolute;
	-webkit-text-stroke: 3px #000;
	right: 7px;
	top: -3px;
	font-size: 26px;
  }
  .Inkjet__faqText .Inkjet__faqLink{
	display: inline-block;
	font-weight: bold;
  }
  .Inkjet__faqLink.-green{
	display: inline-block;
	font-weight: normal;
	color: #1fa05d;
	border-bottom: 1px solid #1fa05d;
	transition: 200ms;
  }
  .Inkjet__faqLink:hover{
	opacity: 0.7;
  }

  .Inkjet__banner{}
.Inkjet__bannerRecommendTitle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ececec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 55px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 35px;
  }
.Inkjet__bannerRecommendTitleInner {
  display: inline-block;
  font-size: 22.4px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1;
  position: relative;
  }
  
.Inkjet__bannerRecommendTitleInner::before,
.Inkjet__bannerRecommendTitleInner::after {
background-color: #604c3f;
content: '';
display: block;
height: 30px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
}

.Inkjet__bannerRecommendTitleInner::before {
left: -30px;
-webkit-transform: translateY(-50%) rotate(-28deg);
transform: translateY(-50%) rotate(-28deg);
}

.Inkjet__bannerRecommendTitleInner::after {
right: -28px;
-webkit-transform: translateY(-50%) rotate(28deg);
transform: translateY(-50%) rotate(28deg);
}
.Inkjet__bannerWrapper{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0 35px;
}

.Inkjet__bannerLink{}
.Inkjet__bannerImage{
  margin-bottom: 15px;
}
.Inkjet__bannerText{
  font-size: 23px;
  text-align: center;
  font-weight: bold;
}
.Inkjet__bannerText.-space{
  letter-spacing: -0.2rem;
}

@media screen and (max-width: 640px){
	.p-contact-form_btn{
		font-size: 20px;
		max-width: 360px;
	}
	.chapter .pc {
		display: none;
	}
	#accent {}
	#inkjet2019 .chapter{
		margin: 0;
	}
	#accent h2 {
		margin-bottom: 50px;
	}

	#about {
		padding: 0 20px;
		text-align: center;
		margin-bottom: 50px;
	}
	#about h2 {
		font-size: 36px;
		letter-spacing: -0.1rem;
		margin-bottom: 30px;
	}
	#about p {
		font-size: 23px;
		line-height: 1.8;
		letter-spacing: -0.1em;
	}

	.chapter .sp{
		display: inline-block;
	}
	.contactArea {
		padding: 30px 0;
	}
	.contactArea p.btn {
		text-align: center;
		margin-bottom: 0;
	}
	#intro{}
	#intro div {
		flex-direction: column;
	}
	#intro h2 {}
	#intro ul{}
	#intro ul li{
		font-size: 150%;
	}
	#intro ul li::before {
		top: 9px;
		left: -38px;
	}
	#intro ul li span.note {
		display: inline;
	}
	.cv {
		background: url(../../../images/cp/inkjet2019/cv_bg_sp.jpg) 50% 50% no-repeat;
		background-size: cover;
		padding: 13% 6%;
	}
	.cv > div p.img{
		float: none;
		text-align: center;
	}
	.cv > div .rightBox p.limited {
		font-size: 20px;
		margin-bottom: 10%;
	}
	.cv .firstChild  p.txt{
		font-size: 21px;
	}

	#inkjet2019 .contentsArea.grid{
		padding: 10% 6% 13%;
		font-size: 20px;
	}
	#inkjet2019 .contentsArea h2{
		font-size: 180%;
	}
	#scene section.details{
		padding: 8% 6%;
		margin-bottom: 30px;
	}
	#scene section.details h3{
		font-size: 150%;
	}
	#scene h3 br{
		display: block;
	}
	#scene section.details p.txt span.caution,
	#scene section.details p.txt{
		font-size: 20px;
		text-align: left;
	}
	#scene section.detail1 .col2 .txt{
		display: none;
	}
	#scene section.details.detail1 .col2 p.img{
		width: auto;
		float: none;
		margin: 0 0 8%;
		text-align: center;
	}
	#scene section.details.detail1 .col2 .rightBox{
		float: none;
	}
	#scene section.details.detail1 .col2 .rightBox p.price{
		text-align: center;
	}
	#scene section.details.detail2 ul {
		overflow: visible;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#scene section.details.detail2 ul li{
		width: 47%;
		margin-right: 3%;
		margin-bottom: 6%;
	}
	#scene section.details.detail1 .col2 .rightBox p.price:last-child img,
	#scene section.details.detail1 .col2 .rightBox p.price:first-child img,
	#scene .col2 img{
		width: auto;
		height: auto;
	}
	#scene section.details.detail1 .col2 .rightBox p.price:last-child img,
	#scene section.details.detail1 .col2 .rightBox p.price:first-child img {
		width: 420px;
		height: auto;
	}
	#scene section.details.detail3 .txt{
		display: none;
	}
	#scene section.details.detail3 .col2 dl.silk{
		margin-bottom: 5%;
	}
	#scene section.details.detail3 .col2 dl{
		width: 100%;
		float: none;
	}
	#scene section.details.detail3 .col2 dl.ink:after{
		display: none;
	}
	#scene section.details.detail3 .col2 dl.ink dt,
	#scene section.details.detail3 .col2 dl.silk dt{
		text-align: center;
	}
	#scene section.details.detail3 p.caution{
		text-align: left;
	}
	.sp-block{
		display: block;
	}
	#inkjet2019 .contentsArea h2{
		font-size: 43px;
	}
	#inkjet2019 #feature h2 small{
		font-size: 28px;
	}
	#feature section.detail.leftImg > div, 
	#feature section.detail.rightImg p.imgBox{
		float: none;
		width: 100%;
		overflow: hidden;
	}
	#feature section.detail > div h3{
		font-size: 27px;
	}
	#feature section.detail > div p.txt{
		font-size: 21px;
	}
	#feature .sp{
		display: block;
	}
	#feature section.detail > div,
	#feature section.detail > p.imgBox img,
	#feature section.detail > p.imgBox{
		width: 100%;
	}
	#feature section.detail > p.imgBox{
		margin-bottom: 33px;
	}
	#feature section.detail{
		padding: 7%;
	}
	#feature section.detail .img-droplets{
		width: 100%;
		padding: 0 40px;
	}
	#compare section.detail h3 em{
		font-size: 26px;
		width: 80%;
		padding: 20px 0 20px 22px;
	}
	#compare section.detail h3 span{
		font-size: 20px;
	}
	#compare section.detail h3 p {
		flex: 0 0 128px;
	}
	#compare section.detail .col2 dl{
		width: 100%;
		margin: 0 5% 30px;
	}
	#compare section.detail .col2 dl dd{
		font-size: 22px;
	}
	#inkjet2019 .contentsArea#compare, 
	#inkjet2019 .contentsArea#note{
		padding: 10% 6% 13%;
		text-align: center;
	}
	#priceArea .title{
		font-size: 20px;
	}
	#priceArea ul.caution{
		font-size: 18px;
	}
	#lineup .detail .leftBox,
	#lineup .detail .rightBox{
		width: 100%;
		float: none;
	}
	#lineup .detail{
		padding: 10% 5% 7%;
	}
	#lineup .detail .rightBox table{
		font-size: 22px;
	}
	#lineup .detail .img.firstChild img{
		width: 311px;
	}
	#lineup .detail .img.firstChild .img-new{
		width: 115px;
	}
	#lineup .detail .leftBox p.img span{
		left: 60px;
	}
	#lineup .detail .leftBox {
		margin-bottom: 10%;
	}
	#lineup .detail .btn {
		text-align: center;
	}
	.cv > div .rightBox p.txt{
		font-size: 22px;
	}
	#note > div dl{
		width: 100%;
		margin-bottom: 7%;
		padding: 6%;
	}
	#note > div dl dt{
		width: 100%;
		float: none;
	}
	#note > div dl dd.title{
		font-size: 30px;
	}
	#note > div dl dd.description{
		font-size: 20px;
	}
	#step ul li{
		width: 48%;
		margin-bottom: 3.5%;
		margin-right: 3.5%;
		font-size: 20px;
	}
	#inkjet2019 .contentsArea#step{
		padding: 10% 6% 13%;
	}
	#step ul li:nth-child(2n) {
		margin-right: 0;
	}
	#step ul li dt span{
		font-size: 24px;
	}
	#step ul li dt img{
		width: 184px;
		height: auto;
	}
	#form{
		margin: 40px 0 0 0;
		font-size: 20px;
		text-align: left;
	}
	#form h2{
		padding: 26px 3%;
	}
	/* dl.formStyle
-------------------------------- */
form h3.formTitle{
	background:#53b4f2;
	color:#fff;
	text-align:center;
	padding:26px 3%;
	margin:0;
}
/*-------------------------------------------------------------------
	formArea
-------------------------------------------------------------------*/
#form {
	margin:40px 0 0 0;
}

#form h2 {
	background: #53b4f2;
	color: #fff;
	text-align: center;
	padding: 26px 3%;
	margin: 0 0 20px 0;
	font-weight: normal;
}

#form p.note {
	padding:0 2%;
	margin-bottom:40px;
}

#delivery_cal{
	z-index:100;
}

.complete{
	padding:2%;
}
#form .complete h3 {
	text-align:left;
}
#form  input[type="radio"], 
#form  input[type="checkbox"] {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    margin-right: 10px;
}
	form dl.formStyle dt {
		padding:17px 3%;
		font-size:105%;
		color: #444;
		background:#f2f2f2;
		border-top:1px solid #dddddd;
		border-bottom:1px solid #dddddd;
		font-weight:700;
	}
	form dl.formStyle span.es{
		margin:0 1px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		padding:3px 12px;
		background:#DE0A09;
		color:#fff;
		font-size:18px;
		vertical-align:middle;
	}

	form dl.formStyle dd {
		padding:27px 3%;
	}
	
	form dl.formStyle .form-file{
		position:relative;
		width:100%;
		overflow:hidden;
	}
	
	form dl.formStyle .form-file input[type=file]{
		position:absolute;
		top:-50px;
		left:0;
		height:1px;
		font-size:1px;
		line-height:1;
	}

	form dl.formStyle .form-file #btnUpload{
		cursor:pointer;
	}

	form dl.formStyle dd ul li,
	form ul.radio li{
		border-radius: 4px;
		-webkit-border-radius: 4px;
		background:#f5f5f5;
		padding:30px 3%;
		margin-bottom:10px;
	}
	
	form dl.formStyle dd ul li:last-child,
	form ul.radio li:last-child{
		margin-bottom:0;
	}
	
	form dl.formStyle dd ul li label,
	form ul.radio li label{
		display:block;
	}


	form dl.formStyle dd select,
	form dl.formStyle dd textarea{
		width:99.5%;
	}
	
	form dl.formStyle input.short{
		width:40%;
	}
	
	form dl.formStyle input.middle{
		width:60%;
	}
	
	form dl.formStyle input.long{
		width:99.5%;
	}
	
	form dl.formStyle dd ul.remarks li{
		border-radius: 0;
		-webkit-border-radius: 0;
		background:#fff;
		padding:0;
		padding-left:1em;
		text-indent:-1em;
	}
		
	/* dl.form 
	-------------------------------- */
	form dl.form dt {
		padding:18px 10px 18px 10px;
		font-size:120%;
		background:url(../../../images/cp/common/title/title-blue-background.gif) 0 0 repeat;
	}

	form dl.form dd {
		padding:24px 0 38px 8px;
		font-size:24px;
	}


	form dl.form dt label{
		min-height:40px;
		padding:1px 0 1px 19px;
		background:url(../images/common/title/title-blue.gif) 2px 0 no-repeat;
	}

	form span.es{
		margin:0 1px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		padding:2px;
		background:#DE0A09;
		color:#fff;
		font-size:18px;
		vertical-align:middle;
	}

	form .error{
		background:#cF0000;
		color:#FFF;
		padding:10px;
	}

	form select.error{
		background-color:#FAEDF0;
		color:#000;
		padding:0;
		border:1px solid #F00;
	}


	form .errorMessage{
		text-align:center;
		margin:20px 0;
	}

	form .message{
		font-size:150%;
	}

	form dl.form dd p.label{
		margin:0 0 10px 0;
		background:url(../images/common/title/title-blue.gif) 3px 50% no-repeat;
		padding-left:20px;
		padding-bottom:8px;
		border-bottom:1px solid #ccc;
	}

	form dl.form dd ul{
		width:95%;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		border: 1px solid #aaa;
		padding:2px;
	}

	form dl.form dd ul li{
		background: #f9f9f9; /* Old browsers */
		background: -moz-linear-gradient(top,  #f9f9f9 0%, #efefef 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f9f9f9 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f9f9f9 0%,#efefef 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f9f9f9 0%,#efefef 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f9f9f9 0%,#efefef 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
		border-bottom: 1px solid #aaa;
		padding:20px 30px;
	}

	form dl.form dd ul li:last-child{
		border-bottom: 0;
	}

	form dl.form dd ul li label{
		display:block;
	}

	form dl.form .add{
		padding-top:15px;
		margin-right:25px;
		text-align:right;
	}

	form .provided,
	form .sample{
		font-size:84%;
	}

	form .sample{
		color:#666;
	}

	form .sample.em{
		display:block;
		color:red;
		margin-bottom:15px;
	}

	form input.text,
	form textarea {
		border-radius: 4px;
		-webkit-border-radius: 4px;
		padding:5px;
		font-size:160%;
	}


	form input[type=file]{
		font-size:26px;
	}

	form select{
		font-size:160%;
	}

	form .hidden{
		margin-top:10px;
	}

	form select {
		width:90%;
		margin:10px 0;
	}

	form input.text,
	form textarea {
		width:90%;
	}

	form input.short{
		width:40%;
	}

	form input.middle{
		width:60%;
	}

	form input.long{
		width:90%;
	}

	/* address-box */
	form .address-box{
		display:table;
		margin-left:20px;

	}
	form .address-box dl{
		display:table-row;
	}
	form .address-box dl dt,
	form .address-box dl dd{
		display:table-cell;
		padding:0;
		padding-top:10px;
		padding-bottom:10px;
		vertical-align:middle;
	}
	form .address-box dl dt{
		background:none;
		text-align:right;
		white-space:nowrap;
		font-size:130%;
	}
	form .address-box dl dd{
		padding-left:10px;
	}
	form .address-box dl select{
		letter-spacing:-0.1em;
	}

	/* ボタン用 ----------------------- */

	.submitArea .returnbtn img {
		display:block;
		width: 70%;
		margin:20px auto 0 auto;
	}
	form select{
		border: 1px solid rgb(118, 118, 118);
	}
	form select option{
		font-size: 20px;
	}
	.social{
		display: none;
	}
	#intro img,
	#accent h2 img {
		width: auto;
	}
	#inkjet2019 .contents--modifier .contents img{
		width: auto;
	}
	
	#inkjet2019 .priceDesign span.green{
		display: block;
	}
	#inkjet2019 .contents--modifier .contents #feature img{
		width: 100%;
	}
	#cv-bottom .img{
		margin: 0 0 10px;
	}

	.Inkjet__faq{
		padding: 35px;
		margin: 0 auto 55px;
	  }
	  .Inkjet__faqInner{
		padding: 20px 15px 15px 15px;
	  }
	  .Inkjet__faqTitle{
		margin: 0 auto 0;
	  }
	  .Inkjet__faqTitleOriginal{
		font-size: 22px;
	  }
	  .Inkjet__faqTitleQa{
		font-size: 60px;
	  }
	  .Inkjet__faqLead{
		font-size: 19px;
		padding: 7px 20px 7px 45px;
	  }
	  .Inkjet__faqLead::before{
		left: 6px;
		width: 27px;
		top: 3px;
	  }
	  .Inkjet__faqText{
		font-size: 19px;
		padding: 12px 28px 12px 45px;
	  }
	  .Inkjet__faqText::after{
		top: 10px;
		left: 5px;
		width: 27px;
	  }
	  #Dry .AccLead::after{
		content: '＋';
		display: block;
		position: absolute;
		-webkit-text-stroke: 1px #000;
		right: 7px;
		top: 9px;
		font-size: 9px;
	  }
	  #Dry .AccLead.-active::after{
		content: '－';
		display: block;
		position: absolute;
		-webkit-text-stroke: 1px #000;
		right: 7px;
		top: 9px;
		font-size: 13px;
	  }

	.Inkjet__banner{}
	.Inkjet__bannerRecommendTitle {
		height: 55px;
		margin-bottom: 50px;
	}
	.Inkjet__bannerRecommendTitleInner {
		font-size: 25px;
	}
	.Inkjet__bannerRecommendTitleInner::before,
	.Inkjet__bannerRecommendTitleInner::after {
		height: 21px;
	}
	.Inkjet__bannerRecommendTitleInner::before {
		left: -14px;
		-webkit-transform: translateY(-50%) rotate(-28deg);
		transform: translateY(-50%) rotate(-28deg);
	}
		
	.Inkjet__bannerRecommendTitleInner::after {
		right: -9px;
		-webkit-transform: translateY(-50%) rotate(28deg);
		transform: translateY(-50%) rotate(28deg);
	}
	.Inkjet__bannerItem{
		max-width: 500px;
		margin: 0 auto 35px;
	}
	.Inkjet__bannerWrapper{
		display: block;
		padding: 0 20px;
	}
	.Inkjet__bannerImage{
		margin-bottom: 5px;
	}
	.Inkjet__bannerText{
		font-size: 20px;
	}
	.Inkjet__bannerText.-space{}
}