@charset "utf-8";


	#page_title{
		background:url(grp/page_title_bg.jpg) right center no-repeat;
		@media (max-width: 768px) {
		}
	}

	
	#in_one{/*オールインワンの安心*/
		background:#e0ffff;
		padding:30px;
		width:min(860px,100%);
		margin:30px auto 0 auto;
		text-align:left;
		border-radius:10px;
		h2{
			font-weight:500;
			color:#1B74CD;
			font-size: 1.2em;
		}
		p{
			margin:10px auto 0 auto;
		}
		@media (max-width: 1200px) {
			width:auto;
			max-width:none;
		}
	}
	
	#plan_list{
		margin:50px auto 0 auto;
		> ul{
			--color_h3:#3EA6A6;
			display:grid;
			grid-template-columns: repeat(auto-fill,minmax(280px,1fr));
			gap:30px;
			> li{
				border:3px solid var(--color_h3);
				border-radius:15px;
				overflow: hidden;

				display: grid;
				grid-template-rows: subgrid;
				grid-row: span 4;
				gap:0;
				padding-bottom:15px;
				> * + *{
					padding:0 15px;
				}
				h3{
					
						font-size: 1.1em;
						background:var(--color_h3);
						color:white;
						font-weight:500;
						padding:.5em 0;
				}
				p{
						strong{
							text-decoration:underline;
							color:var(--color_h3);
						}
						i{
							font-size: .7em;/*円（税込）*/
						}
						&:nth-of-type(1),
						&:nth-of-type(2){
							font-size: 1.2em;
							font-weight: 500;
							span{
								font-size: .9em;
								margin-right:1em;
								display:inline-block;
								width:5em;
							}
						}
						&:nth-of-type(1){
							margin:20px 0 0 0;
						}
						&:nth-of-type(3){
							margin:20px 0 0 0;
							text-align:left;
							font-size: .9em;
						}
				}

				&:nth-child(1){
					--color_h3:#3EA6A6;
				}
				&:nth-child(2){
					--color_h3:#B884CC;
				}
				&:nth-child(3){
					--color_h3:#E4713F;
				}
				
			}
		}
	}

#konohoka{/*この他にも*/
	border-top:3px solid #639;
	border-bottom:3px solid #639;
	width:min(760px,100%);
	margin:50px auto 0 auto;
	padding:20px;
	h3{
		text-align:left;
		font-size: 1.2em;
		font-weight:500;
	}
	> ul{
		margin:10px auto 0 auto;
		li{
			margin:0 0 0 2em;
			list-style:disc;
			text-align:left;
		}
	}
	p{
		padding:10px 15px 0 15px;
		text-align:left;
	}
}
	
	#plan_table{
		width:min(940px,100%);
		margin:0 auto;
		> p{
			text-align:right;
		}
		> aside{
			margin:10px 0 0 0;
			text-align:right;
		}
		table{
			margin:5px 0 0 0;
			border:2px solid rgb(var(--baceFontColor));
			tr{
				th{
					border:1px solid gray;
					padding:.5em .5em .3em .5em;
					background:#FFF8C4;
				}
				td{
					border:1px solid gray;
					font-weight:500;
					padding:.5em .5em .3em .5em;
					i{
						font-style: normal;
						font-size: .8em;
					}
					img{
						width:17px;
						height:auto;
						vertical-align: middle;
					}
				}
				&:nth-child(-n+4){
					th{
						background:#FFE1EE;
						}
					td{
						background:#FFE1EE;
						}
					}
				&:first-child{/*幅決定*/
					color:white;
					th{
						width:14%;
						background:#439EF1;
						border:1px solid white;
						font-weight: 500;
						&:nth-child(1){
							width:28%;
						}
					}
				}
				&:nth-child(2){
					border-top:2px solid rgb(var(--baceFontColor));
					}
				&:nth-child(5){
					border-top:2px solid rgb(var(--baceFontColor));
					}
				&:nth-child(12){
					border-top:2px solid rgb(var(--baceFontColor));
					}
				}
			}
		@media (max-width: 768px) {
			overflow: auto;
				white-space: nowrap;
				&::-webkit-scrollbar{
					height: 5px;
					}
				&::-webkit-scrollbar-track{
					background: #F1F1F1;
					}
				&::-webkit-scrollbar-thumb{
					background: #BCBCBC;
					}
				table{
					width:100%;
					}
			}
		}

#hanyou{
	width:min(940px,100%);
	margin:0 auto;
	margin-top:50px;
	border:2px solid #6c6c6c;
	padding:30px;
	background:#f9f9f9;
	border-radius:10px;
	> h3{
		color:#a50c10;
		font-size: 1.2em;
		font-weight: 500;
		text-align: left;
		
	}
	> p{
		margin:10px 0 0 0;
		text-align: left;
	}
	> div{
		text-align: left;
			margin-top:30px;
		> h3{
			border-bottom:2px solid #9fcde1;
			color:#257acf;
			font-size: 1.2em;
			padding-bottom:.2em;
			font-weight: 500;
		}
		> ul{
			margin:20px 0 0 15px;
			> * + *{
				margin-top:.7em;
			}
			li{
				margin-left:2em;
				list-style:disc;
			}
		}
	}
	
}