@charset "utf-8";

	
	#kikou{
		margin:30px auto 0 auto;
		> div{
			background:url("grp/tanpopo.png") center center no-repeat,white;
			
			border:1px solid silver;
			padding:30px;
			margin:20px auto 0 auto;
			h3{
				text-align: left;
				font-size: 1.3em;
				color:#ff0099;
				font-family: var(--font-family-minchou);
			}
			> p{
				&:nth-of-type(1){
					font-size: .9em;
					text-align: right;
					padding:20px 0 0 0;
					span{
						font-size: 1.3em;
					}
				}
				&:nth-of-type(2){
					text-align: left;
					padding:10px 0 0 0;
				}
				&:nth-of-type(3){
					text-align: left;
					padding:10px 0 0 0;
				}
			}
			ul{
				li{
					margin:10px 0 0 2em;
					list-style:circle;
					text-align: left;
				}
			}
			aside{
				width:min(640px,100%);
				background:#ffeacc;
				padding:20px;
				margin:30px auto 0 auto;
				border-radius: 10px;
				h4{
					font-weight:500;
					font-size: 1.2em;
				}
				p{
					&:nth-of-type(1){
						text-align: right;
						padding:10px 0 0 0;
						@include font-size(17);
					}
					&:nth-of-type(2){
						padding:10px 0 0 0;
						text-align: left;
					}
				}
			}
		}
	}

	#teikyou{
		ul{
			display:grid;
			grid-template-columns: repeat(auto-fill,minmax(min(400px,100%),1fr));
			gap:20px;
			li{
				background:#f60;
				color:white;
				text-align: left;
				font-size: 1.1em;
				font-weight: 500;
				padding:.3em .5em;
				border-radius: 10px;;
			}
		}
	}
	
	
	#nintei{
		p{
			text-align:left;
			}
		}

	
	#service_list{
		> div{
			display:flex;
			flex-wrap:wrap;
			
			section{
				width:49%;
				margin-top:30px;
				&:nth-child(odd){
					margin-right:2%;
					}
				&:nth-child(1){
					margin-top:0;
					}
				&:nth-child(2){
					margin-top:0;
					}
				h3{
					text-align:left;
					border-top:2px solid $mainColor;
					padding:0.7em 0 0.3em 0;
					&:before{
						content:"●";
						color:$mainColor;
						margin:0 0.3em 0 0;
						}
					a{
						text-decoration:none;
						@include font-size(17);
						font-weight:bold;
						&:hover{
							text-decoration:underline;
							}
						}
					}
				p{
					text-align:left;
					}
				aside{
					text-align:right;
					span{
						background:$mainColor;
						color:white;
						display:inline-block;
						padding:0.3em 0.5em 0.1em 0.5em;
						@include border-radius(5px);
						@include font-size(14);
						font-weight:bold;
						}
					a{
						background:$mainColor;
						color:white;
						display:inline-block;
						padding:0.3em 0.5em 0.1em 0.5em;
						@include border-radius(5px);
						@include font-size(14);
						font-weight:bold;
						&:hover{
							background:lighten( $mainColor, 15% );
							}
						}
					}
				}
			}
		}