@charset "UTF-8";


/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {
	#corporate_Page{
		line-height: 1.8;
	}
	
	#corporate_Page section + section {
		border-top: 16px solid #ececec;
		margin-top: 100px;
		padding-top: 100px;
	}
		#corporate_Page .titleArea{
			padding-bottom: 90px;
			background: url("https://kineel.itembox.design/item/corporate/pht_bg.png") no-repeat bottom right calc(50% - 420px);
			background-size: 344px 311px;
		}
			#corporate_Page h1{
				letter-spacing: 6px;
				margin-bottom: 80px;
				font-size: 24px;
				color: #474747;
				font-weight: bold;
				padding: 0;
				border: none;
				margin: 90px 0 60px;
			}
			#corporate_Page .titleArea p{
				text-align: center;
			}

		#corporate_Page .ancArea{

		}
			#corporate_Page .ancArea ul{

			}
				#corporate_Page .ancArea ul li{
					width: calc(20% - 4px);
					float: left;
					height: 70px;
					position: relative;
				}
					#corporate_Page .ancArea ul li + li{
						margin-left: 5px;
					}
						#corporate_Page .ancArea ul li a{
							text-align: center;
							position: relative;
							height: 100%;
							display: -webkit-flex;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-pack: center;
							-ms-flex-pack: center;
							justify-content: center;
							-webkit-box-align: center;
							-ms-flex-align: center;
							align-items: center;
							background-color: #aa966e;
							color: #fff;
							font-weight: bold;
							overflow: hidden;
						}
							#corporate_Page .ancArea ul li:after,
							#corporate_Page .ancArea ul li a:after{
								content: '';
								display: block;
								position: absolute;
								width: 4px;
								height: 18px;								
								transform: skewY(-45deg);
								bottom: -9px;
								left: 0;
								right: 0;
								margin: 0 auto;
							}
							#corporate_Page .ancArea ul li:after{
								border-left: 1px solid #aa966e;
								border-bottom: 1px solid #aa966e;
							}
							#corporate_Page .ancArea ul li a:after{
								border-left: 1px solid #fff;
								border-bottom: 1px solid #fff;
								z-index: 2;
							}
	
	
	#corp__intro{
		padding: 100px 0 0;
	}
		#corp__intro h2{
			font-weight: bold;
			color: #474747;
			letter-spacing: 2px;		
			font-size: 18px;
			text-align: center;
			line-height: 1.8;
		}
		#corp__intro .contents{
			padding-top: 80px;
		}
			#corp__intro .contents .cont{
				width: calc(50% - 25px);
				float: left;
				margin-right: 50px;
			}
				#corp__intro .contents .cont:nth-of-type(2n){
					margin-right: 0;
				}
				#corp__intro .contents .cont .txt_box{
					
				}
					#corp__intro .contents .cont:nth-of-type(2n) .txt_box{
						float: right;
					}
						#corp__intro .contents .cont .txt_box dl{

						}
							#corp__intro .contents .cont .txt_box dl:not(.ex_box) dt{
								font-weight: bold;
								color: #474747;
								letter-spacing: 2px;		
								font-size: 18px;
								line-height: 1.8;
								padding-bottom: 10px;
								margin-bottom: 20px;
								border-bottom: solid 1px #e4e4e4;
							}
							#corp__intro .contents .cont .txt_box dl dd{
								text-align: justify;
							}
						#corp__intro .contents .cont .txt_box dl.ex_box{							
							margin-top: 20px;
						}
							#corp__intro .contents .cont .txt_box dl.ex_box > dt{
								font-weight: bold;
								font-size: 14px;
							}
							#corp__intro .contents .cont .txt_box dl.ex_box > dd{
								font-size: 14px;
								background-color: #f6f6f6;
								padding: 15px 30px;
							}
							#corp__intro .contents .cont .txt_box dl.ex_box > dd > dl{

							}
							#corp__intro .contents .cont .txt_box dl.ex_box > dd > dl + dl{
								margin-top: 10px;
							}
								#corp__intro .contents .cont .txt_box dl.ex_box > dd > dl dt{
									font-weight: bold;
									font-size: 14px;
									padding: 0;
									margin: 0;
									border: none;
								}
				#corp__intro .contents .cont .img_box{
					margin-bottom: 15px;
				}
					#corp__intro .contents .cont:nth-of-type(2n) .img_box{
					}
	
	#corporate_Page h2.section_title{
		letter-spacing: 6px;
    	margin-bottom: 80px;
    	font-size: 20px;
		color: #474747;
		text-align: center;
		font-weight: bold;
	}
	
	
	#category__select{
		
	}
		#category__select ul{

		}
			#category__select ul li{
				width: calc(25% - 21px);
				float: left;
			}
				#category__select ul li + li{
					margin-left: 28px;
				}
					#category__select ul li .txt_box{
						margin-top: 15px;
					}
						#category__select ul li .txt_box dt.cat__name{
							font-weight: bold;
							font-size: 18px;
							margin-bottom: 10px;
						}
						#category__select ul li .txt_box dt{
							font-weight: bold;
							margin-bottom: 5px;
						}
						#category__select ul li .txt_box dd{
							font-size: 14px;
							text-align: justify;
							padding-right: 10px;
						}
					#category__select ul li .buyArea{
						margin-top: 20px;
						display: flex;
						justify-content: flex-start;
						align-items: center;
					}
						#category__select ul li .buyArea .img_box{
							width: 120px;
							margin-right: 15px;
						}
						#category__select ul li .buyArea .detail{
							width: calc(100% - 135px);
						}
							#category__select ul li .buyArea .detail dt{
								font-weight: bold;
								font-feature-settings: "palt";
								text-align: justify;
								letter-spacing: 1px;
								line-height: 1.5;
							}
							#category__select ul li .buyArea .detail dd{
								font-size: 13px;
								margin-top: 5px;
							}
						#category__select ul li .btnArea{
							margin-top: 25px;
						}
							#category__select ul li .btnArea .fs-c-button--standard{
								position: relative;
								bottom: auto;
								margin-top: 0;
								width: 100%;
								box-sizing: border-box;
								padding-left: 50px;
							}
							#category__select ul li .btnArea #category__select ul li .btnArea .fs-c-button--standard span{
								width: 100%;
							}
	#category__select .btnArea{
		margin-top: 60px;
		text-align: center;
	}	
		#category__select .btnArea .red_btn{
			margin: 0 auto;
			font-size: 14px;
			background-color: #be000e;
			color: #fff;
			border: none;
		}
		#category__select .btnArea .red_btn.fs-c-button--standard::before{
			background-image:url(https://kineel.itembox.design/item//btn_arrow_w.png);
		}
	
	
	#price__select{
		
	}
		#price__select .fs-c-button--standard{
			box-sizing: border-box;
			display: block;
			float: left;
			width: calc(16.66% - 5px);
			text-align: left;
			font-size: 14px;
			font-weight: bold;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 15px;
		}
		#price__select .fs-c-button--standard + .fs-c-button--standard{
			margin-left: 6px;
		}
	
	#package__select{
		
	}
		#package__select ul{

		}
			#package__select ul li{
				width: calc(50% - 25px);
				float: left;
			}
				#package__select ul li:nth-of-type(2n){
					margin-left: 50px;
				}
				#package__select ul li:nth-of-type(n + 3){
					margin-top: 50px;
				}
					#package__select ul li dl{
						margin-top: 15px;
					}
						#package__select ul li dl dt{
							font-weight: bold;
							font-size: 18px;
							margin-bottom: 10px;
						}
						#package__select ul li dl dd{
							text-align: justify;
              margin-bottom: 18px;
						}
	#corp__flow{
		
	}
		#corp__flow .fs-c-documentColumn + .fs-c-documentColumn{
			margin-top: 60px;
		}
			#corp__flow .order__flow{

			}
				#corp__flow .order__flow li{
					width: calc(25% - 21px);
					float: left;
					position: relative;
					background-color: #f6f6f6;
					text-align: center;
					height: 130px;		
					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: center;
					-ms-flex-pack: center;
					justify-content: center;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					font-weight: bold;
				}
					#corp__flow .order__flow li + li{
						margin-left: 28px;
					}
					#corp__flow .order__flow li + li:after{
						content: '';
						display: block;
						position: absolute;
						border-right: 1px solid #a3a3a3;
						border-top: 1px solid #a3a3a3;
						transform: rotate(45deg);
						width: 13px;
						height: 13px;
						left: -25px;
						top: 0;
						bottom: 0;
						margin: auto 0;
					}
		#corp__flow h3{
			font-weight: bold;
			color: #474747;
			letter-spacing: 2px;
			margin-bottom: 10px;
			font-size: 16px;
			text-align: left;
		}
		#corp__flow .contact__box{
			background-color: #f6f6f6;
			padding: 40px 0;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
		}
			#corp__flow .contact__box dl{
				width: 50%;
				padding: 0 60px;
				position: relative;
			}
			#corp__flow .contact__box dl + dl{
				border-left: 1px solid #e4e4e4;
			}
				#corp__flow .contact__box dl dt{
					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					font-weight: bold;
					margin-bottom: 10px;
				}
				#corp__flow .contact__box dl dt .icon{
					width: 22px;
					margin-right: 5px;
					display: inline-block;
				}
				#corp__flow .contact__box dl dd.mailadress,
				#corp__flow .contact__box dl dd.number{
					font-size: 25px;		
				}
				#corp__flow .contact__box dl dd.fs-c-button--standard{
					margin-top: 5px;
					background-color: #fff;
				}
	
	
	
	

}

@media only screen and (min-width: 800px) and (max-width: 1040px) {
	#category__select ul li .buyArea{
		flex-wrap: wrap;
	}
	#category__select ul li .buyArea .detail{
		width: 100%;
	}
}


/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
	
	#corporate_Page{
		line-height: 1.8;
	}
	
	#corporate_Page section + section {
		border-top: 16px solid #ececec;
		margin-top: 40px;
		padding-top: 40px;
	}
		#corporate_Page .titleArea{
			padding-bottom: 40px;
		}
			#corporate_Page h1{
				letter-spacing: 6px;
				margin-bottom: 80px;
				font-size: 18px;
				color: #474747;
				font-weight: bold;
				padding: 0;
				border: none;
				margin: 40px 0 30px;
			}
			#corporate_Page .titleArea p{
				text-align: justify;
			}
				#corporate_Page .titleArea p br{
					display: none;
				}

		#corporate_Page .ancArea{

		}
			#corporate_Page .ancArea ul{

			}
				#corporate_Page .ancArea ul li{
					width: calc(50% - 4px);
					float: left;
					position: relative;
				}
					#corporate_Page .ancArea ul li:nth-of-type(2n){
						margin-left: 5px;
					}
						#corporate_Page .ancArea ul li:nth-of-type(n + 3){
							margin-top: 20px;
						}
						#corporate_Page .ancArea ul li a{
							border: 1px solid #e4e4e4;
							text-align: center;
							position: relative;
							height: 50px;
							display: -webkit-flex;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-pack: center;
							-ms-flex-pack: center;
							justify-content: center;
							-webkit-box-align: center;
							-ms-flex-align: center;
							align-items: center;
						background-color: #aa966e;
							color: #fff;
							font-weight: bold;
							overflow: hidden;
						}
							#corporate_Page .ancArea ul li:after,
							#corporate_Page .ancArea ul li a:after{
								content: '';
								display: block;
								position: absolute;
								width: 4px;
								height: 18px;								
								transform: skewY(-45deg);
								bottom: -9px;
								left: 0;
								right: 0;
								margin: 0 auto;
							}
							#corporate_Page .ancArea ul li:after{
								border-left: 1px solid #aa966e;
								border-bottom: 1px solid #aa966e;
							}
							#corporate_Page .ancArea ul li a:after{
								border-left: 1px solid #fff;
								border-bottom: 1px solid #fff;
								z-index: 2;
							}
	
	#corp__intro{
		padding: 60px 0 0;
	}
		#corp__intro h2{
			font-weight: bold;
			color: #474747;
			letter-spacing: 2px;		
			font-size: 16px;
			text-align: center;
			line-height: 1.8;
		}
		#corp__intro .contents{

		}
			#corp__intro .contents .cont{
				margin-top: 40px;
			}
				#corp__intro .contents .cont .txt_box{
				}
					#corp__intro .contents .cont:nth-of-type(2n) .txt_box{
					}
						#corp__intro .contents .cont .txt_box dl{
							
						}
							#corp__intro .contents .cont .txt_box dl:not(.ex_box) dt{
								font-weight: bold;
								color: #474747;
								letter-spacing: 2px;		
								font-size: 18px;
								line-height: 1.8;
								padding-bottom: 10px;
								margin-bottom: 20px;
								border-bottom: solid 1px #e4e4e4;
							}
							#corp__intro .contents .cont .txt_box dl dd{
								text-align: justify;
							}
						#corp__intro .contents .cont .txt_box dl.ex_box{							
							margin-top: 20px;
						}
							#corp__intro .contents .cont .txt_box dl.ex_box > dt{
								font-weight: bold;
								font-size: 14px;
							}
							#corp__intro .contents .cont .txt_box dl.ex_box > dd{
								font-size: 14px;
								background-color: #f6f6f6;
								padding: 15px 20px;
							}
							#corp__intro .contents .cont .txt_box dl.ex_box > dd > dl{

							}
							#corp__intro .contents .cont .txt_box dl.ex_box > dd > dl + dl{
								margin-top: 10px;
							}
								#corp__intro .contents .cont .txt_box dl.ex_box > dd > dl dt{
									font-weight: bold;
									font-size: 14px;
									padding: 0;
									margin: 0;
									border: none;
								}
				#corp__intro .contents .cont .img_box{
					margin-bottom: 15px;
				}
					#corp__intro .contents .cont:nth-of-type(2n) .img_box{
					}
	
	#corporate_Page h2.section_title{
    	margin-bottom: 40px;
    	font-size: 18px;
		color: #474747;
		text-align: center;
		font-weight: bold;
		line-height: 1.8;
		letter-spacing: 0.1em;
	}
	
	
	#category__select{
		
	}
		#category__select ul{

		}
			#category__select ul li{
				margin-bottom: 50px;
			}
				#category__select ul li:nth-of-type(2n){
				}
				#category__select ul li:nth-of-type(n + 3){
					margin-top: 20px;
				}
				#category__select ul li a{
					display: flex;
				}
					#category__select ul li .img_box{
						width: calc(50% - 8px);
						margin-right: 16px;
					}
						#category__select ul li .img_box img{
							display: block;
						}
					#category__select ul li .txt_box{
						width: calc(50% - 8px);
					}
						#category__select ul li .txt_box dt.cat__name{
							font-weight: bold;
							font-size: 16px;
							margin-bottom: 5px;
						}
						#category__select ul li .txt_box dt{
							font-weight: bold;
							margin-bottom: 5px;
							line-height: 1.5;
						}
						#category__select ul li .txt_box dd{
							font-size: 12px;
							text-align: justify;
							line-height: 1.5;
							padding-right: 10px;
						}
						#category__select ul li .buyArea{
							margin-top: 15px;
							display: flex;
							align-items: center;
						}
							#category__select ul li .buyArea .img_box{
								width: 120px;
								margin-right: 15px;
							}
							#category__select ul li .buyArea .detail{
								width: calc(100% - 135px);
							}
								#category__select ul li .buyArea .detail dt{
									font-weight: bold;
									font-feature-settings: "palt";
									text-align: justify;
									letter-spacing: 1px;
									line-height: 1.5;
								}
								#category__select ul li .buyArea .detail dd{
									font-size: 13px;
									margin-top: 5px;
								}
							#category__select ul li .btnArea{
								margin-top: 15px;
								position: relative;
							}
								#category__select ul li .btnArea .fs-c-button--standard{
									position: relative;
									bottom: auto;
									margin-top: 0;
									min-width: auto;
									width: 100%;
									box-sizing: border-box;
									padding-left: 50px;
									text-align: center;
								}
								#category__select ul li .btnArea .fs-c-button--standard span{
									width: 100%;
								}
	#category__select .btnArea{
		margin-top: 30px;
		text-align: center;
	}	
	#category__select .btnArea .red_btn{
		margin: 0 auto 20px;
		font-size: 14px;
		background-color: #be000e;
		color: #fff;
		border: none;
	}
	#category__select .btnArea .red_btn.fs-c-button--standard::before{
		background-image:url(https://kineel.itembox.design/item//btn_arrow_w.png);
	}
	
	
	#price__select{
		
	}
		#price__select .fs-c-button--standard{
			box-sizing: border-box;
			display: block;
			float: left;
			width: calc(50% - 3px);
			text-align: left;
			font-size: 14px;
			font-weight: bold;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 15px;
		}
		#price__select .fs-c-button--standard:nth-of-type(2n){
			margin-left: 6px;
		}
		#price__select .fs-c-button--standard:nth-of-type(n + 3){
			margin-top: 6px;
		}
	
	#package__select{
		
	}
		#package__select ul{

		}
			#package__select ul li{
				width: calc(50% - 10px);
				float: left;
			}
				#package__select ul li:nth-of-type(2n){
					margin-left: 20px;
				}
				#package__select ul li:nth-of-type(n + 3){
					margin-top: 20px;
				}
					#package__select ul li dl{
						margin-top: 10px;
					}
						#package__select ul li dl dt{
							font-weight: bold;
							margin-bottom: 5px;
							line-height: 1.5;
						}
						#package__select ul li dl dd{
							text-align: justify;
							font-size: 12px;
              margin-bottom: 8px;
						}
						#package__select ul li .fs-c-button--standard {
							text-align: left;
						}

	#corp__flow{
		
	}
		#corp__flow .fs-c-documentColumn + .fs-c-documentColumn{
			margin-top: 30px;
		}
			#corp__flow .order__flow{

			}
				#corp__flow .order__flow li{
					position: relative;
					background-color: #f6f6f6;
					text-align: center;
					padding: 10px 15px;	
					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: center;
					-ms-flex-pack: center;
					justify-content: center;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					font-weight: bold;
				}
					#corp__flow .order__flow li + li{
						margin-top: 25px;
					}
					#corp__flow .order__flow li + li:after{
						content: '';
						display: block;
						position: absolute;
						border-right: 1px solid #a3a3a3;
						border-bottom: 1px solid #a3a3a3;
						transform: rotate(45deg);
						width: 10px;
						height: 10px;
						top: -21px;
						left: 0;
						right: 0;
						margin: 0 auto;
					}
		#corp__flow h3{
			font-weight: bold;
			color: #474747;
			letter-spacing: 2px;
			margin-bottom: 10px;
			font-size: 14px;
			text-align: left;
		}
		#corp__flow .contact__box{
			background-color: #f6f6f6;
			padding: 20px 30px 30px;
		}
			#corp__flow .contact__box dl{
				position: relative;
			}
			#corp__flow .contact__box dl + dl{
				border-top: 1px solid #e4e4e4;
				margin-top: 30px;
				padding-top: 20px;
			}
				#corp__flow .contact__box dl dt{
					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					font-weight: bold;
				}
				#corp__flow .contact__box dl dt .icon{
					width: 22px;
					margin-right: 5px;
					display: inline-block;
				}
				#corp__flow .contact__box dl dd.mailadress,
				#corp__flow .contact__box dl dd.number{
					font-size: 18px;		
				}
				#corp__flow .contact__box dl dd.fs-c-button--standard{
					margin-top: 5px;
					background-color: #fff;
				}

}