@charset "utf-8";

/*===============================================
●共通
===============================================*/
#backImage {
	background:url(../../images/mainframe/dots_tex01.png) repeat center top;
}
#lead {
	text-align:center;
	margin-bottom:2em;
}

/* box01 */
#bodyBox {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}
#sisyuuBox div p {
	color: #ff6b00;
	line-height: 1.3em;
	font-size: 1.7em;
	font-weight: bold;
}
#sisyuuBox div .use01 {
	background: url(../../images/name_emb/image05.png) no-repeat center center / contain;
	height: 9em;
	width: 8em;
	position: absolute;
	display: block;
	margin: -10em 0 0 0;
	padding: 6.3em 0 0 3.5em;
}
#sisyuuBox div .use02 {
	background: url(../../images/name_emb/image06.png) no-repeat center center / contain;
	height: 8em;
	width: 8.5em;
	position: absolute;
	display: block;
	margin: -9.6em 0 0 0;
	padding: 6.3em 0 0 3em;
}
#sisyuuBox div .use03 {
	background: url(../../images/name_emb/image07.png) no-repeat center center / contain;
	height: 9em;
	width: 7em;
	position: absolute;
	display: block;
	margin: -10em 0 0 0;
	padding: 6.3em 0 0 3.5em;
}
#sisyuuBox div {
	position: relative;
}

/* box02 */
#box02 #priceBox .table01 tr {
	background-color: #fff;
}
#box02 #priceBox .table01 tr th {
	font-size: 1.1em;
}
#box02 #priceBox .table01 tr td {
	font-size: 1.2em;
}
#box02 #priceBox .table01 tr td:nth-child(n+2) {
	text-align: right;
}
#box02 dt {
	color: #920000;
	font-weight: bold;
}
#box02 dd span {
	font-weight: bold;
}
#box02 .example li span {
	background-color:#FF6B00;
}

/* box03 */
#box03 #fontBox li {
	float:left;
	width: 23.5%;
	margin: 0 2% 2% 0;
}
#box03 #fontBox li:nth-child(4n) {margin-right: 0!important;}
#box03 #fontBox li h5 {
	color:#fff;
	font-size:0.95em;
	line-height:1.4em;
	text-align:center;
	background-color:#FF6B00;
	padding: 0.2em 0;
}

/* box05 */
#box05 {
	margin: 0 auto;
}
.example li {
	float:left;
	text-align:center;
}
.example li div {
	background-color: #fff;
	padding-bottom: 1em;
}
.example li span {
	color:#fff;
	display:block;
	margin:0.7em 0;
	background-color: #ff6b00;
	padding: 0.2em 0;
}

/* box06 */
#box06 {
	margin: 0 auto;
}
#caseBox, .moreCaseContents {
	display: flex!important;
	flex-wrap: wrap;
	margin-bottom: 2em;
	width: 100%;
}
#caseBox li {
	background-color: #000;
	color: #fff;
	margin: 0 1% 1% 0;
}
#caseBox li h5 {
	padding: 0.7em;
  text-align:center;
}
#caseBox li:last-child {
	margin-right: 0;
}
#caseBox #moreCase {
	display: none;
	width: 100%;
}

/* box07 */
#box07 .aright {
	color: #920000;
}
#box07 .table01 tr {
	background-color: #fff;
}
#box07 .table01 th,
#box07 .table01 td{vertical-align: middle;}
#box07 .table01 td {
	padding: 0.5em 0.8em;
	font-size: 1.15em;
	vertical-align: middle;
}

/* requestBox */
.requestBox {
	max-width: 1200px;
	margin: 0 auto;
}
.requestBox .inner,
.requestBox .flex,
.requestBox article {
	box-sizing: border-box;
}
.requestBox h3 {
	margin:0 auto;
	position:relative;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:0 2.5em;
	line-height:2em;
	background-color:#920000;
}
.requestBox h4:last-child {
	margin-bottom: 1em;
}
.requestBox div .inner .flex:nth-of-type(2) article {
	background-color: #fff5ff;
}
.requestBox article:last-child:after {
	display: none;
}
.requestBox .flex {
	display: flex;
	flex-wrap: wrap;
}
.requestBox .innerWidth {
	margin: 0 auto;
}
.requestBox h3:before {
	content:"";
	position:absolute;
	background:url(../../images/name_emb/balloon01.png) no-repeat left top;
}
.requestBox .inner {
	border:#920000 2px solid;
	background-color:#fff;
}
.requestBox .example li {
	background-color:#FFF0F5;
}
.requestBox .example li span {
	background-color:#FF3A82;
}
.requestBox  article {
	background-color: #fffbef;
	border: 2px #ff6b00 solid;
	padding: 1em;
	color: #FF6B00;
	position: relative;
}
.requestBox  article .shippingText{
	color: #000;
	line-height: 1.2em;
}
.requestBox  h5 {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 0.7em;
	line-height: 1.1em;
}
.requestBox  .step {
	display: block;
	font-size: 0.72em!important;
	font-family: 'Oswald', sans-serif!important;
}
.requestBox div .inner article .order {
	background-image: url(../../images/name_emb/bit-arrow01.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	background-color: #fff;
	border: 1px #ff6b00 solid;
	padding: 0.4em 0.7em;
	text-align: left;
	margin-bottom: 1em;
}
.requestBox div .inner article .order span {
	margin-left: 45%;
}
.requestBox div .inner article p {
	color: #000;
}
.requestBox .orderBox .imgBox{padding: 1em;}
.requestBox .notesBox {
	border: 2px #ffd8b3 solid;
	border-radius: 10px;
	padding: 2em 2em 0;
}
.requestBox .notesBox h4 {
	font-size: 1.2em;
	color: #920000;
	font-weight: bold;
	margin-bottom: 1em!important;
}
.requestBox .comments {
	color: #000;
	font-family: "メイリオ", Meiryo, Arial, Helvetica, "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 0.7em;
}
.requestBox .contentComment a span {
	margin-right: 0.5em;
}

/*===============================================
●画面の横幅が740px以下
===============================================*/
@media screen and (max-width: 739px){
	
	/* box01 */
	#box01 {
		padding:2em 0.8em 3em;
	}
	#box01 #bodyBox {
		margin-bottom: 10em;
	}
	#sisyuuBox div {
		width: 100%;
		margin-bottom: 11em;
		text-align: center;
	}
	#sisyuuBox div:last-child {
		margin-bottom: 0;
	}
	#sisyuuBox div .use01,
	#sisyuuBox div .use02,
	#sisyuuBox div .use03 {
		margin: -9.8em 0 0 3em;
	}

	/* box02 */
	#box02,
	.requestBox {
		padding:0.8em 0.8em 3em;
	}
	#box02 h3,
	.requestBox h3 {
		margin-bottom:0.4em;
		font-size: 2em;
	}
	.requestBox h3:before {
		width:10px;
		height:1em;
		bottom:-1em;
		left:50%;
		margin-left:-5px;
		background-size:10px 9px;
	}
	#box02 .inner,
	.requestBox .inner {
		padding:0.8em;
	}
	#box02 #priceBox table {
		margin-bottom: 1em;
	}
	#box02 #inBox03 div {
		width:13em;
		margin:0 auto 1em;
	}
	#box02 #inBox03 .table01 th,
	#box02 #inBox03 .table01 td,
	#box04 .table01 th,
	#box04 .table01 td {
		font-size:0.9em;
		line-height:1.1em;
		padding:0.8em;
		text-align: right;
	}
	#box02 #inBox03 p {
		font-size:0.95em;
		margin-bottom:0.7em;
	}
	
	/* box03 */
	#box03 {
		padding: 0.8em;
		margin-bottom: 2em;
	}
	#box03 #fontBox {
		margin-bottom: 1em;
	}
	#box03 #fontBox li {
		width: 49%;
	}
	#box03 #fontBox li:nth-child(even) {
		margin-right: 0;
	}
	.example {
		width: 100%;
		margin: 0 auto 1em;
	}
	.example li {
		width: 49%;
		margin-right: 2%;;
	}
	.example li:nth-child(even){margin-right: 0!important;}
	/* box04 */
	#box04 {
		padding:0.8em;
	}
	#box04 .colorBox01 {
		margin-bottom: 2em;
	}
	
	/* box05 */
	#box05 {
		padding: 0.8em;
		margin-bottom: 2em;
	}
	
	/* box06 */
	#box06 {
		padding: 0.8em;
	}
	#box06 li {
		width: 49%;
	}
	#caseBox li {
		margin: 0 2% 2% 0;
	}
	#caseBox li:nth-child(even) {
		margin-right: 0;
	}
	
	/* box07 */
	#box07 {
		padding: 0.8em;
	}
	#box07 table th, 
	#box07 table td {
		padding: 0.5em;
	}
	
	/* requestBox */
	.requestBox div .inner article {
		width: 49%;
		margin: 0 2% 2% 0;
}
	.requestBox div .inner article:nth-child(even) {
		margin-right: 0;
}
	.requestBox .flex {
		width: 100%;
		text-align: center;
		margin-bottom: 0.5em;
		justify-content: space-between;
	}
	.requestBox .imgBox img {width: 50%;}
	.requestBox .textsmall{text-align: center;}
	.requestBox .shippingBox h5{margin-bottom: 0!important;}
	.requestBox .notesBox {
		margin-bottom: 2em;
	}
	.requestBox .contentComment {
		margin-bottom: 1.5em;
	}
	
}
/*===============================================
●画面の横幅が740px以上
===============================================*/
@media screen and (min-width: 740px){
	#lead {
		font-size:1.6em;
		padding-top: 2.5em;
		line-height: 1.7em;
	}
	.requestBox h3 {
		font-size:2.3em;
		padding:0 1em;
		margin-bottom:0.6em;
	}
	.title01 {
		margin-bottom: 2.5em;
		font-size: 1.5em;
	}
	.title01 img {
		width: 15px;
	}
	
	/* box01 */
	#box01 {
		padding-bottom:2.4em;
	}
	#box01 #box01Inner {
		width:100%;
		max-width:1180px;
		margin:0 auto 1.8em;
	}
	#bodyBox {
		width: 90%;
	}
	#bodyBox div {
		width: 22%;
	}
	#sisyuuBox {
		display: flex;
		justify-content: space-between;
		margin: 11em auto 1em;
		width: 85%;
	}
	#sisyuuBox div {
		width: 31%;
	}
	
	/* box02 */
	#box02,
	.requestBox {
		padding:0  2em 6em 2em;
	}
	#box02 h3:before,
	.requestBox h3:before {
		width:27px;
		height:21px;
		bottom:-18px;
		left:50%;
		margin-left:-10px;
	}
	.requestBox .inner {
		padding:2em;
		box-sizing:border-box;
	}
	#box02 #inBox03 table {
		width:55%;
		float:left;
	}
	#box02 #inBox03 div {
		width:14%;
		float:right;
		margin-right:28%;
	}
	#box02 #inBox03 p {
		width:100%;
		clear:both;
	}
	#priceBox {
		max-width: 1100px;
		margin: 0 auto;
	}
	
	/* box03 */
	#box03 {
		max-width: 1100px;
		margin: 0 auto;
		padding: 0  2em 6em 2em;
	}
	#box03 #fontBox li {
		width: 23%;
	}
	
	/* box04 */
	#box04 {
		max-width:1100px;
		margin:0 auto 1.8em;
		border-spacing:1em 0;
		border-collapse:separate;
		padding: 0  2em 6em 2em;
	}
	#box04 table {
		width:75%;
	}
	
	/* box05 */
	#box05 {
		max-width: 1100px;
		padding: 0  2em 6em 2em;
	}
	
	/* 電話番号削除対応 */
	#box05 .btnBox:last-child {
		width: 70%;
	}
	/* 電話番号削除対応ここまで */
	
	#box05 .btnTel {
		width: 50%;
	}
	#box05 .telText {
		font-size: 3.5em;
	}
	.example {
		margin-bottom:2.5em;
	}
	.example li {
		width:23.5%;
		margin-right:2%;
	}
	.example li:nth-child(4n) {
		margin-right:0;
	}
	.btnBox {
		width:70%;
		margin:0 auto;
		display: flex;
	}
	.btnBox:last-child {
		width:33%;
	}
	.btnBox .btn01 {
		width:100%;
		margin: 3em 1.5em;
	}
	
	/* box06 */
	#box06 {
		max-width: 1100px;
		padding: 0  2em 6em 2em;
	}
	#box06 li {
		width: 23.5%;
	}
	#caseBox li:nth-child(4n) {
		margin-right: 0;
	}
	/* box07 */
	#box07 {
		max-width: 1100px;
		padding: 0  2em 6em 2em;
		margin: 0 auto;
	}
	
	/* requestBox */
	.requestBox h3 {
		width:8em;
	}
	.requestBox h4 {
		margin-bottom: 2em;
	}
	.requestBox  article {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 33%;
		margin-bottom: 2%;
	}
	.requestBox .imgBox  {width: 40%;}
	.requestBox .flex {
		justify-content: space-between;
		margin-bottom: 1em;
	}
	.requestBox h5 {width: 60%;}
	.requestBox .step{
		margin-bottom: 0.5em;
		text-align: left;
	}
	.requestBox .shippingBox .imgBox {padding-left: 1em;}
	.requestBox .contentComment {
		margin-bottom: 4em;
	}
	.requestBox .notesBox {
		margin-bottom: 5em;
	}
	
}