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

.p-box1 {
	display: flex;
	gap: 2em;
}
.p-box1 li {
	position: relative;
	width: calc(50% - 1em);
}
.p-box1 li + li::before {
	content: '';
	position: absolute;
	display: block;
	top: calc(50% - 20px);
	left: calc(-2em + 5px);
	width: 20px;
	height: 40px;
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
	background: #666;
}
.p-box2 {
	/* display: flex; */
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1em;
}
/* .p-box2 li {
	display: flex;
	width: calc(50% - 0.5em);
	border: solid 1px var(--ncb-orange);
	border-radius: 0.25em;
	flex-direction: column;
} */
 .p-box2 li {
	display: grid;
  	grid-template-rows: subgrid; /* 親グリッドの行トラックを継承 */
  	grid-row: span 2;
	border: solid 1px var(--ncb-orange);
	border-radius: 0.25em;
	gap: 0;
}
.p-box2__title, 
.p-box2__text {
	padding: 1em;
}
.p-box2__title {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-weight: bold;
	background: var(--ncb-orange);
	color: #fff;
	white-space: nowrap;
}
.p-box2__title span {
	position: relative;
	/* top: -0.5em; */
}
.p-box2__text {
	display: flex;
	justify-content: center;
	align-items:flex-start;
}

.p-box3 {
	display: flex;
	gap: 1em;
}
.p-box3 li:nth-child(1){
	width: 30%;
}
.p-box3 li:nth-child(2){
	width: calc(70% - 1em);
}
.p-box4 {
	display: flex;
	gap: 1em;
}
.p-box4__baloon {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 5em;
	height: 5em;
	text-align: center;
	font-weight: bold;
	border-radius: 50%;
	background: var(--ncb-orange);
	color: #fff;
}
.p-box5 {
	display: flex;
	gap: 1em;
	flex-wrap: wrap;
	margin-bottom: 2em;
}
.p-box5__item {
	width: calc(50% - 0.5em);
}
.p-box5__item .p-box5__title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
	min-height: 70px;
}
.p-box5__icon{
	font-size: 12px;
	flex-basis: 80px;
	text-align: right;

	/* top: -20px; */
}
.p-box5__iconimg{
	display: block;
	padding-bottom: 10px;
	height: 35px;

}
.p-box5__icon img{
	height: 60px;
}
.-brown, .c-table thead th.-brown {background: #9d8771; color: #fff;}
.-basic, .c-table thead th.-basic {background: #fedf8f;}
.-advance, .c-table thead th.-advance {background: #f3d5d3;}
.-youth, .c-table thead th.-youth {background: #c7e5d6;}
.-premium, .c-table thead th.-premium {background: #dcd2a9;}

table.-layout--auto {
	table-layout: auto;
}

@media screen and (max-width: 767.9px){

	.p-box1 {
		flex-direction: column;
		align-items: center;
	}
	.p-box1 li {
		width: auto;
	}
	.p-box1 li + li::before {
		top: calc(-2em + 5px);
		left: calc(50% - 30px);
		width: 60px;
		height: 20px;
		clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
	}
	.p-box2 {
		flex-direction: column;
		align-items: center;
		display: flex;
	}
	.p-box2 li {
		width: 100%;
		flex-direction: column;
	}
	.p-box2__title span {
		top: 0;
	}
	.p-box3 {
		flex-direction: column;
		align-items: center;
	}
	.p-box3 li {
		width: auto!important;
	}
	.p-box5__item {
		width: 100%;
	}
	.c-carousel--horizon table {
		width: 730px;
	}
.p-box5__icon img{
	width: auto;
}
}
.p-youth{
	display: flex;
	align-items: center;
	justify-content: center;
}
.u-table-tokuten col:nth-of-type(1){
	width: 90px;
}
.u-table-tokuten col:nth-of-type(2){
	width: 160px;
}
.u-table-tokuten.c-table th, .u-table-tokuten.c-table td{
	padding: 20px;
}
@media screen and (max-width: 945px) {
  .c-carousel--horizon {
    overflow-x: auto;
  }
	.c-carousel--horizon table {
		width: 730px;
	}
}
.p-zandaka{
	line-height: 1.7;
}
.p-zandaka li{
	display: grid;
	grid-template-columns: 170px 1fr;

}
@media screen and (max-width: 767.9px){
.p-zandaka li{
	display: block;

}