@charset "UTF-8";
/* 共同利用（#kyodo 内だけに効くよう kyodo_riyo/css/style.css を限定したもの） */

	#kyodo .note {
	font-size: 14px;
}
	#kyodo .note1 {
	font-size: 16px;
}
	#kyodo .pointCards__item {
	background-color: #fff;
}
	#kyodo .pointCards__txt {
	text-align: center;
}



@media (min-width: 1001px) {
	#kyodo .pointCards {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		gap: 3%;
		margin-bottom: 44px;
	}
	#kyodo .pointCards__item {
		width: 30.6%;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		border: 1px solid var(--primary-color);
		border-radius: 16px;
		padding: 20px 0;
	}
	#kyodo .pointCards__label {
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
		letter-spacing: 0;
		font-size: 1.8rem;
		line-height: 1;
		color: var(--secondary-color);
	}
	#kyodo .pointCards__num {
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 3.6rem;
		line-height: 1;
		color: var(--secondary-color);
		
	}
	#kyodo .pointCards__tick {
		display: block;
		width: 1px;
		height: 16px;
		background: var(--secondary-color);
		margin: 5px 0 10px;
	}
	#kyodo .pointCards__txt {
		
		font-size: 1.6rem;
		line-height: 1.25;
		letter-spacing: 0.05em;
		color: var(--primary-color);
	}
	#kyodo #kyodoIntro .pdfbtn {
		width: 480px;
	}
	#kyodo .useFlow {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(4, auto);
		grid-auto-flow: column;
		border: 1px solid var(--primary-color);
		border-radius: 16px;
		overflow: hidden;
		background-color: #fff;
	}
	#kyodo .useFlow__item {
		display: flex;
		align-items: center;
		gap: 20px;
		min-height: 100px;
		padding: 0 28px;
		
		border-bottom: 1px solid var(--primary-color);
	}
	#kyodo .useFlow__item:nth-child(4) {
		border-bottom: none;
	}
	#kyodo .useFlow__item:nth-child(n+5) {
		border-left: 1px solid var(--primary-color);
	}
	#kyodo .useFlow__item:last-child {
		display: flex;
		flex-direction: column;
		justify-content: center;
		border-bottom: none;
	}
	#kyodo .useFlow__num {
		flex-shrink: 0;
		display: flex;
		align-items: center;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 3rem;
		line-height: 1.1;
		color: var(--secondary-color);
	}
	#kyodo .useFlow__num::after {
		content: "";
		display: block;
		width: 18px;
		height: 1px;
		margin-left: 0.4em;
		background: var(--secondary-color);
	}
	#kyodo .useFlow__ttl {
		color: var(--secondary-color);
		font-size: 2rem;
		line-height: 1.3;
		
	}
	#kyodo .useFlow__desc {
		font-size: 1.6rem;
		line-height: 1.25;
		color: var(--primary-color);
	}
	#kyodo .useFlow__item--note {
		display: block;
		padding: 0 28px;
		
	}
	#kyodo .useFlow__item--note .list2 {
		font-size: 1.6rem;
		line-height: 1.25;
	}
	#kyodo .useFlow__item--note .list2 > li + li {
		
	}
	#kyodo .cnote {
		margin: 0 0 40px;
	}
	#kyodo .cnote > li {
		font-size: 1.6rem;
		line-height: 1.5;
		margin-bottom: 10px;
	}
	#kyodo .cnote > li:last-child {
		margin-bottom: 0;
	}
	#kyodo .cnote > li a {
		color: var(--secondary-color);
	}
	#kyodo .box_grid2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		gap: 30px 3%;
		margin-bottom: 0;
	}
	#kyodo .box_grid2 .box1 {
		width: 48%;
		margin-bottom: 0;
	}
	#kyodo .box1 {
		border: 1px solid var(--primary-color);
		border-radius: 16px;
		overflow: hidden;
		background-color: #fff;
	}
	#kyodo .box1__ttl {
		background-color: #ffe2e4;
		border-bottom: 1px solid var(--primary-color);
		color: var(--primary-color);
		font-size: 2rem;
		font-weight: 400;
		text-align: center;
		line-height: 1.4;
		padding: 0.7em 1em;
	}
	#kyodo .box1__ttl_sub {
		display: block;
		font-size: 1.6rem;
		line-height: 1.25;
		margin-top: 0.2em;
	}
	#kyodo .box1__body {
		padding: 24px 20px;
		text-align: center;
	}
	#kyodo .dlCards .pdfbtn {
		width: 440px;
		max-width: 100%;
	}

}




@media (max-width: 1000px) {
	#kyodo .pointCards {
		display: block;
		margin-bottom: 5.33334vw;
	}
	#kyodo .pointCards__item {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		border: 1px solid var(--primary-color);
		border-radius: 2.66667vw;
		padding: 4vw 0;
		margin-bottom: 5.33334vw;
	}
	#kyodo .pointCards__item:last-child {
		margin-bottom: 0;
	}
	#kyodo .pointCards__label {
		font-family: 'Montserrat', sans-serif;
		font-weight: 600;
		letter-spacing: 0.14em;
		font-size: 3.73334vw;
		line-height: 1;
		color: var(--secondary-color);
	}
	#kyodo .pointCards__num {
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 8vw;
		line-height: 1.1;
		color: var(--secondary-color);
		margin-top: 1.33334vw;
	}
	#kyodo .pointCards__tick {
		display: block;
		width: 1px;
		height: 4.26667vw;
		background: var(--secondary-color);
		margin: 2.66667vw 0 4vw;
	}
	#kyodo .pointCards__txt {
		font-size: 3.46667vw;
		line-height: 1.6;
		color: var(--primary-color);
	}
	#kyodo #kyodoIntro .pdfbtn {
		width: 100%;
	}
	#kyodo .useFlow {
		display: block;
		border: 1px solid var(--primary-color);
		border-radius: 3vw;
		overflow: hidden;
		background-color: #fff;
	}
	#kyodo .useFlow__item {
		display: flex;
		align-items: center;
		gap: 3vw;
		padding: 4vw;
		border-bottom: 1px solid var(--primary-color);
	}
	#kyodo .useFlow__item:last-child {
		border-bottom: none;
	}
	#kyodo .useFlow__num {
		flex-shrink: 0;
		display: flex;
		align-items: center;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 6.4vw;
		line-height: 1.1;
		color: var(--secondary-color);
	}
	#kyodo .useFlow__num::after {
		content: "";
		display: block;
		width: 4.26667vw;
		height: 1px;
		margin-left: 0.35em;
		background: var(--secondary-color);
	}
	#kyodo .useFlow__ttl {
		color: var(--secondary-color);
		font-size: 4.8vw;
		line-height: 1.3;
		margin-bottom: 1vw;
	}
	#kyodo .useFlow__desc {
		font-size: 3.46667vw;
		line-height: 1.5;
		color: var(--primary-color);
	}
	#kyodo .useFlow__item--note {
		display: block;
		align-items: stretch;
		padding: 4vw;
	}
	#kyodo .useFlow__item--note .list2 {
		font-size: 3.2vw;
		line-height: 1.6;
	}
	#kyodo .useFlow__item--note .list2 > li + li {
		
	}
	#kyodo #kyodoFlow .list2 {
		font-size: 3.46667vw;
	}
	#kyodo .cnote {
		margin: 0 0 6vw;
	}
	#kyodo .cnote > li {
		font-size: 3.2vw;
		line-height: 1.5;
		margin-bottom: 2.66667vw;
	}
	#kyodo .cnote > li:last-child {
		margin-bottom: 0;
	}
	#kyodo .cnote > li a {
		color: var(--secondary-color);
	}
	#kyodo .box_grid2 {
		display: block;
		margin-bottom: 0;
	}
	#kyodo .box_grid2 .box1 {
		width: 100%;
	}
	#kyodo .box1 {
		border: 1px solid var(--primary-color);
		border-radius: 3vw;
		overflow: hidden;
		background-color: #fff;
		margin-bottom: 5.33334vw;
	}
	#kyodo .box1:last-child {
		margin-bottom: 0;
	}
	#kyodo .box1__ttl {
		border-bottom: 1px solid var(--primary-color);
		background-color: #ffe2e4;
		color: var(--primary-color);
		font-size: 4.8vw;
		font-weight: 400;
		text-align: center;
		line-height: 1.3;
		padding: 3.2vw 4vw;
	}
	#kyodo .box1__ttl_sub {
		display: block;
		font-size: 3.46667vw;
		line-height: 1.4;
		margin-top: 0.4vw;
	}
	#kyodo .box1__body {
		padding: 5.33334vw 4vw;
		text-align: center;
	}
	#kyodo .dlCards .pdfbtn {
		width: 74.66667vw;
		max-width: 100%;
	}
	#kyodo .pdfbtn_wrap {
		margin-top: 0;
	}

}