/* =======================================================================================
	共通
======================================================================================= */
/* workspace-items 
---------------------------------------------------- */
@media screen and (min-width: 769px) {
  .workspace-items {
    padding: 46px 0 140px;
  }
}
@media (max-width: 768px) {
  .workspace-items {
    padding: 42px 0 100px;
  }
}


/* mainCopyBox
---------------------------------------------------- */
	.mainCopyBox {
		padding-top:100px;
		border-top: 1px solid #bbbbbb;
	}
	.mainCopyBox sup {
		font-size:0.5em;
	}
@media (max-width: 768px) {
	.mainCopyBox {
		padding-top:40px;
	}
}
/* ptHeading
---------------------------------------------------- */
	h3.ptHeading .hTxt{
		display: block;
		font-size:24px;
		line-height: 1.75em;
	}

@media (max-width: 768px) {
	h3.ptHeading .hTxt{
		font-size:18px;
		line-height: 1.75em;
	}
}



/* =======================================================================================
	
======================================================================================= */
/* -------------------------------------------------------------------------------------
multiWrap
------------------------------------------------------------------------------------- */
	.multiWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		max-width: 800px;
		margin-left:auto;
		margin-right:auto;
	}
	.multiWrap > * {
		width: 47%;
	}
	
	.multiWrap p {
		position: relative;
	}	
	.multiWrap p .type {
		position: absolute;
		top:0;
		right:0;
		padding:5px 10px;
		background: #1a1a1a;
		color:#fff;
		font-size:15px;
		line-height: 1;
	}	
	
	
@media (max-width: 768px) {
	.multiWrap {
		max-width:490px;
		margin-left:auto;
		margin-right:auto;
	}
	.multiWrap > * {
		width: 100%;
	}
	.multiWrap p:not(:first-child){
		margin-top:30px;
		border:1 solid #ccc;
	}
}


	
/* -------------------------------------------------------------------------------------
variationWrap
------------------------------------------------------------------------------------- */
/*subTtl----------------------------*/
	.variationWrap .subTtl {
		text-align: center;
		font-size: 22px;
		line-height: 1;
	}	
	.variationWrap .subTtlHeadLine > span {
 		display:inline-block;
	}	
	.variationWrap .subTtlHeadLine > span::after {
		content:"";
		display:block;
		height:1px;
		width:50px;
		margin:0.8em auto 0;
		background:#333;
	}	
@media (max-width: 768px) {
	.variationWrap .subTtl {
	  font-size: 20px;
	  line-height: 1.6;
	}
}


/*variationBox
----------------------------*/
	.variationWrap .variationBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		/*align-items: center;*/
		max-width: 960px;
		margin-left:auto;
		margin-right:auto;
		padding:80px 0;
		border-bottom:1px solid #bbb;
	}
	.variationWrap .variationBox:first-of-type {
		padding-top:0;
	}
	.variationWrap .variationBox .illustUnit {
		width: 47%;
	}
	.variationWrap .variationBox .imageUnit {
		width: 47%;
	}
	.variationWrap .variationBox .imageUnit .txt {
		padding-top:30px;
	}
	.variationWrap .variationBox .imageUnit .txt dt {
		padding:0.8em 0.2em;
		font-size:20px;
		border:0 solid #333;
		border-width:3px 0 1px;
	}
	.variationWrap .variationBox .imageUnit .txt dd {
		margin-top:1em;
		line-height: 1.6;
	}

@media (max-width: 768px) {
	.variationWrap .variationBox{
		max-width: 490px;
		display: flex;
		flex-direction: column-reverse;
		padding:80px 0 0;
		border-width:0px;
	}
	.variationWrap .variationBox .illustUnit {
		width: 100%;
		margin-top:30px;
	}
	.variationWrap .variationBox .imageUnit {
		width: 100%;
		display: flex;
		flex-direction: column-reverse;
	}
	.variationWrap .variationBox .imageUnit .txt {
		padding-top:0px;
		margin-bottom: 25px;
	}
	.variationWrap .variationBox .imageUnit .txt dt {
		padding:0.8em 0;
		font-size:17px;
	}
	.variationWrap .variationBox .imageUnit .txt dd {
		font-size:13px;
		width: 96%;
		margin-left:auto;
		margin-right:auto;
	}
	.variationWrap .variationBox .imageUnit .pic {
		width: 96%;
		margin-left:auto;
		margin-right:auto;
	}
}