@charset "UTF-8";

#experience {
	.wrap {
		.contents {
			.termlist {
				display:grid;
				grid-template-columns:repeat(2,1fr);
				grid-gap:50px 30px;
				li {
					height:100%;
					display:grid;
					grid-template-rows:auto 1fr auto;
					h3 {
						font-size:2.2rem;
					}
					p {
						line-height:1.5;
						margin-bottom:2em;
					}
					.btn {
						max-width:15em;
						margin:0 auto;
						color:#FFFFFF;
						text-decoration:none;
					}
				}
			}
			.list {
				display:grid;
				grid-template-columns:repeat(2,1fr);
				grid-gap:30px;
				a {
					display:grid;
					padding:15px;
					height:100%;
					grid-template-columns:20% 1fr 30px;
					grid-column-gap:20px;
					align-items:center;
					border:1px solid #cccccc;
					.img {
						img {
							display:block;
							aspect-ratio:1;
							object-fit:cover;
						}
					}
					.detail {
						h3 {
							background-color:transparent;
							padding:0;
							margin-bottom:.25em;
							font-size:2.0rem;
							&::before {
								content:none;
							}
						}
						p {
							line-height:1.5;
						}
					}
				}
			}
		}
	}
}

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

	#experience {
		.wrap {
			.contents {
				.termlist {
					li {
						h3 {
							font-size:1.8rem;
						}
					}
				}
				.list {
					grid-template-columns:1fr;
				}
			}
		}
	}

}

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

	#experience {
		.wrap {
			.contents {
				.termlist {
					grid-template-columns:1fr;
					grid-gap:30px;
					li {
						h3 {
							font-size:1.7rem;
						}
						p {
							margin-bottom:1em;
						}
					}
				}
				.list {
					grid-gap:20px;
					a {
						padding:10px;
						grid-template-columns:20% 1fr 20px;
						grid-column-gap:15px;
						.detail {
							h3 {
								font-size:1.6rem;
							}
						}
					}
				}
			}
		}
	}
	
}

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

}

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

}