@charset "utf-8"; /* CSS Document */

#under .kitting .conTtl06:before {
	background-color: #00b3ce;
}

/* .flh-l */
.kitting .flh-l {
	line-height: 2;
}
@media (max-width: 480px) {
	.kitting .flh-l {
		line-height: 1.65;
	}
}

/* .fukidashi */
.kitting .fukidashi {
}
.kitting .fukidashi {
	display: flex;
	flex-wrap: wrap;
}
.kitting .fukidashi .fuki-left {
	width: 90px;
	padding-top: 15px;
}
.kitting .fukidashi .fuki-left img {
	max-width: 100%;
}
.kitting .fukidashi .fuki-right {
	flex: 1;
	background-color: #ebf6fa;
	padding: 6%;
	position: relative;
}
.kitting .fukidashi .fuki-right:before {
	content: "";
	display: block;
	border-top: 8px solid transparent;
	border-right: 10px solid #ebf6fa;
	border-bottom: 8px solid transparent;
	border-left: 0 solid #ebf6fa;
	position: absolute;
	right: 100%;
	top: 30px;
	z-index: 1;
}

@media (max-width: 480px) {
	.kitting .fukidashi .fuki-left {
		width: 50px;
		padding-right: 15px;
	}
}


/* .kit-list */
.kitting .kit-list {
	display: table;
	table-layout: auto;
	padding: 20px 0;
	width: 100%;
	border-top: 1px solid #e2e2e2;
}
.kitting .kit-list > * {
	display: table-cell;
	vertical-align: middle;
}
.kitting .kit-list .num {
	text-align: center;
}
.kitting .kit-list .num span {
	display: block;
	line-height: 1;
}

@media (max-width: 480px) {
	.kitting .kit-list {
		padding: 10px 0;
	}
	.kitting .kit-list > * {
		display: block;
	}
	.kitting .kit-list .num {
		display: flex;
		align-items: center;
		text-align: left;
		padding-bottom: 5px;
	}
	.kitting .kit-list .num span:first-child {
		padding-right: 5px;
	}
}

/*.about-kit*/
.kitting .kit-intro .about-kit {
	background-image: url(../images/pc_kitting/kitting_img01.png), url(../images/pc_kitting/kitting_img02.png);
	background-image: image-set(url(../images/pc_kitting/kitting_img01.png) 1x, url(../images/pc_kitting/kitting_img01@2x.png) 2x), -webkit-image-set(url(../images/pc_kitting/kitting_img02.png) 1x, url(../images/pc_kitting/kitting_img02@2x.png) 2x);
	background-image: -webkit-image-set(url(../images/pc_kitting/kitting_img01.png) 1x, url(../images/pc_kitting/kitting_img01@2x.png) 2x), -webkit-image-set(url(../images/pc_kitting/kitting_img02.png) 1x, url(../images/pc_kitting/kitting_img02@2x.png) 2x);

	background-repeat: no-repeat, no-repeat;
	background-size: 20%, 20%;
	background-position: left 50%, right 50%;
}

.kitting .kit-intro .about-kit .ylw-marker {
	background: linear-gradient(transparent 70%, #f2ec4f 70%);
	line-height: 1.4;
	padding: 0 0 3px 10px;
}


@media (max-width: 991px) {
	.kitting .kit-intro .about-kit {
		background-position: left 55%, right 55%;
		background-size: 17%, 17%;
	}
}
@media (max-width: 768px) {
	.kitting .kit-intro .about-kit {
		background: none;
	}
	
}

/*.kit-target*/
.kitting .kit-intro .kit-target {
	max-width: 530px;
    margin: 0 auto;
}
.kitting .kit-intro .kit-target .adjst {
	display: inline-block;
}
.kitting .kit-intro .kit-target .target-list span {
	display: inline-block;
	vertical-align: middle;
}
.kitting .kit-intro .kit-target .target-list li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
}
.kitting .kit-intro .kit-target .target-list .check {
	width: 17px;
	height: 17px;
	border: 2px solid #d5d5d5;
	position: absolute;
	top: 6px;
	left: 0;
}
.kitting .kit-intro .kit-target .target-list .check img {
	width: 23px;
	height: 17px;
	position: absolute;
	top: -6px;
	left: -3px;
	z-index: 1;
}
@media (max-width: 991px) {
	.kitting .kit-intro .kit-target {
		max-width: 450px;
	}
}
@media (max-width: 768px) {
	.kitting .kit-intro .kit-target {
		max-width: 530px;
	}
}

@media (max-width: 480px) {
	.kitting .kit-intro .kit-target .target-list .check {
		top: 3px;
	}
}

/*.kit-contact*/
.kitting .kit-intro .kit-contact {
	display: flex;
	justify-content: center;
}

.kitting .kit-intro .kit-contact .cont {
	width: 100%;
	max-width: 836px;
	padding: 25px;
	background-color: #ebf6fa;
	text-align: left;
}

@media (max-width: 991px) {
/*
	.kitting .kit-intro .kit-contact .left {
		width: 300px;
	}
	.kitting .kit-intro .kit-contact .right {
		width: calc(100% - 300px);
	}
*/
}

@media (max-width: 768px) {
/*
	.kitting .kit-intro .kit-contact .left {
		padding: 0;
		margin: 0 auto 30px auto;
		text-align: center;
	}
	.kitting .kit-intro .kit-contact .right {
		width: 100%;
	}
*/
}

@media (max-width: 480px) {
/*
	.kitting .kit-intro .kit-contact .left {
		width: auto;
	}
*/
	.kitting .kit-intro .kit-contact .right {
		padding: 20px 15px;
	}
}


/*.kit-rental*/
.kitting .kit-rental {
	position: relative;
}
.kitting .kit-rental .rental-row {
	display: flex;
	flex-wrap: wrap;
}
.kitting .kit-rental .rental-row .left {
	width: 50%;
}
.kitting .kit-rental .rental-row .left img {
	width: auto;
	height: auto;
	max-width: 100%;
}
.kitting .kit-rental .rental-row .right {
	width: 50%;
	padding-right: 40px;
	position: relative;
	z-index: 1;
}
.kitting .kit-rental .rental-row .right .kit-list-wrap {
	max-width: 480px;
	margin: 0 0 0 auto;
}
.kitting .kit-rental .rental-row .right .kit-list:last-child {
	border-bottom: 1px solid #e2e2e2;
}
.kitting .kit-rental .rental-row .right .kit-list .num {
	width: 80px;
}
.kitting .kit-rental .rental-row .right .kit-list .desc {
	padding-left: 30px;
}

/* merit-check */
.kitting .kit-rental .merit-check {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.kitting .kit-rental .merit-check span {
	display: inline-block;
	vertical-align: middle;
}
.kitting .kit-rental .merit-check li {
	position: relative;
	padding-left: 30px;
	padding-right: 20px;
	margin-bottom: 10px;
}
.kitting .kit-rental .merit-check .check {
	width: 17px;
	height: 17px;
	border: 2px solid #d5d5d5;
	position: absolute;
	top: 6px;
	left: 0;
}
.kitting .kit-rental .merit-check .check img {
	width: 23px;
	height: 17px;
	position: absolute;
	top: -6px;
	left: -3px;
	z-index: 1;
}
@media (max-width: 768px) {
	.kitting .kit-rental .rental-row .left {
		width: 40%;
		padding-right: 0;
		margin: 0 auto 30px auto;
	}
	.kitting .kit-rental .rental-row .right {
		width: 100%;
		padding-right: 0;
	}
	.kitting .kit-rental .rental-row .right .ttl {
		max-width: none;
	}

	.kitting .kit-rental .rental-row .right .kit-list-wrap {
		max-width: none;
	}
	
}

@media (max-width: 480px) {
	.kitting .kit-rental .rental-row .left {
		width: 50%;
	}
	.kitting .kit-rental .rental-row .right .kit-list .num {
		width: 100%;
	}
	.kitting .kit-rental .rental-row .right .kit-list .desc {
		padding-left: 0;
	}
}


/* kit-case */
.kitting .kit-case {
	
}
.kitting .kit-case .case-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.kitting .kit-case .case-box {
	width: 50%;
}
.kitting .kit-case .case-box.case01 {
	padding-right: 5%;
	position: relative;
}
.kitting .kit-case .case-box.case01:before {
	content: "";
	display: block;
	width: 1px;
	height: 99%;
	background-color: rgba(0,0,0,0.15);
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	transition: none;
}
.kitting .kit-case .case-box.case02 {
	padding-left: 5%;
}

@media (max-width: 767px) {
	.kitting .kit-case .case-box {
		width: 100%;
	}
	.kitting .kit-case .case-box.case01 {
		padding-right: 0;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.kitting .kit-case .case-box.case01:before {
		width: 100%;
		height: 1px;
	}
	.kitting .kit-case .case-box.case02 {
		padding-left: 0;
	}
}


.kitting .case-head {
	text-align: left;
	background: url(../images/pc_kitting/bg-case.gif) repeat-x center center;
}
.kitting .case-head .head-wrap {
	display: table;
	table-layout: auto;
	padding-right: 10px;
	background-color: #fff;
}
.kitting .case-head .head-wrap > span {
	display: table-cell;
	vertical-align: middle;
	padding-right: 5px;
}


.kitting .case-request {
	
}

.kitting .case-request .list li {
	padding-left: 1em;
	position: relative;
}
.kitting .case-request .list li:before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background-color: #0db3dd;
	border-radius: 50%;
	position: absolute;
	left: 2px;
	top: 50%;
	margin-top: -4px;
	z-index: 1;
}

.kitting .case-suggestion {
	background-color: #ebf1fa;
	padding: 7%;
	position: relative;
}
.kitting .case-suggestion:before {
	content: "";
	display: block;
	border-top: 0px solid #ebf1fa;
	border-right: 10px solid transparent;
	border-bottom: 15px solid #ebf1fa;
	border-left: 10px solid transparent;
	position: absolute;
	left: 19%;
	bottom: 100%;
	z-index: 1;
}

.kitting .case-suggestion .icon-knight {
	position: absolute;
	right: 35px;
	top: -15px;
	z-index: 1;
}
.kitting .case-suggestion .icon-knight img {
	max-width: 100%;
}

.kitting .case-suggestion .sug-ttl {
	text-align: left;
}

.kitting .case-suggestion .ref-ttl {
	text-align: left;
	position: relative;
}
.kitting .case-suggestion .ref-ttl:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #085ea2;
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 0;	
}
.kitting .case-suggestion .ref-ttl .ref-ttl-wrap {
	display: inline-block;
	background-color: #ebf1fa;
	padding-right: 20px;
	padding-left: 30px;
	position: relative;
}

.kitting .case-suggestion .ref-ttl .ref-ttl-wrap .i-price {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
	margin-top: -11px;
}

@media (max-width: 480px) {
	.kitting .case-suggestion .icon-knight {
		right: 15px;
		width: 55px;
	}
}

/* service-row */
.kitting .kit-service .service-row {
	display: flex;
	flex-wrap: wrap;
	padding-right: 3.5%;
	padding-left: 3.5%;
}
.kitting .kit-service .service-row .left {
	width: 50%;
	padding-right: 5%;
}
.kitting .kit-service .left .kit-price dt {
	display: inline-block;
	padding: 1px 8px;
	background-color: #005aa0;
	margin-bottom: 5px;
}
.kitting .kit-service .left .comment {
	max-width: 510px;
}
.kitting .kit-service .service-row .right {
	width: 50%;	
}
.kitting .kit-service .service-row .right img {
	width: auto;
	height: auto;
	max-width: 100%;
}

@media (max-width: 768px) {
	.kitting .kit-service .service-row {
		padding-right: 0;
		padding-left: 0;
	}
	.kitting .kit-service .service-row .left {
		width: 100%;
		padding-right: 0;
		order: 2;
	}
	.kitting .kit-service .left .comment {
		max-width: none;
	}
	.kitting .kit-service .service-row .right {
		width: 50%;
		margin: 0 auto 30px auto;
	}
}

@media (max-width: 480px) {
	.kitting .kit-service .service-row .right {
		margin: 0 auto 15px auto;
	}
}


/* list-row */
.kitting .kit-service .list-row {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.kitting .kit-service .list-row .kit-list {
	width: 100%;
}

.kitting .kit-service .list-row .kit-list:last-child {
	border-bottom: 1px solid #e2e2e2;	
}

.kitting .kit-service .list-row .kit-list .num {
	width: 70px;
}
.kitting .kit-service .list-row .kit-list .desc {
	padding-left: 15px;
}
.kitting .kit-service .list-row .kit-list .desc .ttl {
	text-align: left;
}
.kitting .kit-service .list-row .kit-list .desc .ttl .f-blu {
	display: inline;
	padding-right: 20px;
}
.kitting .kit-service .list-row .kit-list .desc .ttl .f-blk {
	display: inline-block;
	vertical-align: baseline;
}

@media (max-width: 991px) {
	.kitting .kit-service .list-row .kit-list .desc {
		padding-left: 0;
	}
}
@media (max-width: 768px) {
	.kitting .kit-service .list-row .kit-list:nth-last-child(2) {
		border-bottom: none;
	}
	.kitting .kit-service .list-row .kit-list .num {
		width: 80px;
	}
	.kitting .kit-service .list-row .kit-list .desc {
		padding-left: 30px;
	}
}
@media (max-width: 480px) {
	.kitting .kit-service .list-row .kit-list .num {
		width: 100%;
	}
	.kitting .kit-service .list-row .kit-list .desc {
		padding-left: 0;
	}
}




/* .kit-request */
.kitting .kit-request {
	
}
.kitting .kit-request .req-row {
	display: flex;
	flex-wrap: wrap;
}
.kitting .kit-request .req-row .left {
	width: 50%;
}
.kitting .kit-request .req-row .left img {
	max-width: 100%;
}
.kitting .kit-request .req-row .right {
	width: 50%;
	padding-left: 5%;
}

.kitting .kit-request .caution {
	border: 1px solid #ff5252;
	position: relative;
	padding: 40px 5% 30px 5%;
}

.kitting .kit-request .caution .caution-ttl {
	display: block;
	padding-left: 34px;
	padding-right: 5px;
	background-color: #fff;
	color: #ff5252;
	position: absolute;
	left: 25px;
	top: 0;
	transform: translateY(-50%);	
}

.kitting .kit-request .caution .caution-ttl img {
	width: 19px;
	height: 17px;
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
}

.kitting .kit-request .req-exp {
	border-top: 1px solid #e2e2e2;
}

.kitting .kit-request .fukidashi .fuki-right {
	padding: 4% 5%;
}


@media (max-width: 991px) {
	.kitting .kit-request .req-row .left {
		width: 100%;
	}
	.kitting .kit-request .req-row .right {
		width: 100%;
		padding-left: 0;
	}
}

@media (max-width: 480px) {
	.kitting .kit-request .fukidashi .fuki-right {
		padding: 5%;
	}
}