@charset "utf-8";
/*==========================================
共通
===========================================*/
h1{font-size: 36px;}
h2{font-size: 30px;}
h3{font-size: 24px;}
h4{font-size: 20px}
/* PC向けレイアウトの指定：560pxまでは固定レイアウト */
@media screen and (max-width:560px){
	h1{font-size: 24px;}
	h2{font-size: 22px;}
	h3{font-size: 20px;}
	h4{font-size: 18px}
}


/* PC向けレイアウトの指定：960px以上では固定レイアウト */
@media screen and (min-width:960px) {
}
/* PC向けレイアウトの指定：1020pxまでは固定レイアウト */
@media screen and (max-width: 1020px) {
}
/* PC向けレイアウトの指定：768pxまでは固定レイアウト */
@media screen and (max-width:768px) {
}

/* PC向けレイアウトの指定：560pxまでは固定レイアウト */
@media screen and (max-width:560px){
	
}


/*==========================================
 トップ以外共通
===========================================*/

.ki-con1 h2{
	border-bottom: solid 2px #ce121b;
	text-align: center;
}
.ki-con1 p{
	text-align: center;
	margin:2rem auto;
}
.ki-con1 h3{
	background-color: #ce121b;
	padding: 2rem 0.5rem;
	color: white;
	text-align: center;
	margin:4rem auto;
}
.ki-box1{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ki-item1{
	width:calc(100% - 35% - 10px);
}
.ki-item2{
	margin-left: 10px;
}
.ki-item2{
	width: 35%;
	margin: 0 auto;
	max-width: 290px;
}
.ki-item1 p{
	font-size: 18px;
	line-height: 1.7em;
	margin: 15% auto;
}
.method-s{
	margin-bottom: 4rem;
}
.method-img{
	margin:2rem auto;
}
/* PC向けレイアウトの指定：773pxまでは固定レイアウト */
@media screen and (max-width:773px) {
	/*.method-pic{
		height: 320px;
	}*/

	.ki-box1{
		display: block;
	}
	.ki-item1{
		width:100%;
	}
	.ki-item2{
		margin: 0 auto;
		width: 80%;
	}
	.ki-item2 img{/*
		width: 440px;*/
	}
	.ki-item1 p{
		margin: 4rem auto;
	}
}
/* PC向けレイアウトの指定：560pxまでは固定レイアウト */
@media screen and (max-width:560px){
	/*.method-pic{
		height: 250px;
		margin-bottom: 2rem;
	}*/
	.ki-item2 img{/*
		width: 100%;*/
	}
	.ki-item1 p {
		font-size: 16px;
	}
	.method-s{
		margin-bottom: 2rem;
	}
}





.ki-item-bluebox2{
	display: none;/*
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0rem auto;*/
}.ki-item-bluebox1{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0rem auto;
}
.ki-item-box1{
	background-color:#69c1cf5e;
	padding:  0 1rem 1rem 1rem;
	width:32%;
	border-radius: 5px;
	box-sizing: border-box;
}
.ki-item-no{
	border-bottom: solid 1px white;
	color: white;
}
.ki-item-no img{
	width:30px;
	margin: 0.5rem auto;
}
.ki-item-m,
.ki-item-m p,
.ki-item-no p{
	margin: 0.5rem auto 0 auto;
}
.ki-item-m p{
    font-size: 14px;
    font-weight: 600;
    color: #333;
}
/* PC向けレイアウトの指定：773pxまでは固定レイアウト */
@media screen and (max-width:773px) {
	.ki-item-bluebox1{
		display: none;
	}
	.ki-item-bluebox2{
		display: block;
		margin: 2rem auto 0 auto;
	}
	.ki-item-box1{
		width:100%;
		max-width: 100%;
		display: flex;
		/*padding:1rem 2rem;*/
		margin-bottom: 2rem;
	}
	.ki-item-box1:nth-child(3){
		margin-bottom: 0rem;
	}
	.ki-item-no{
		border-bottom: none;
		border-right: solid 1px white;
		margin-right: 1rem;
	}
	.ki-item-no img{
		width:40px;
		margin-right: 1rem;
	}
}
/* PC向けレイアウトの指定：560pxまでは固定レイアウト */
@media screen and (max-width:560px){

}