@charset "UTF-8";

/* ===================================
	File Name   : news.css
	Description : news Pages Layout CSS
	Editor      : Bface Saeki
	Last Editor : Bface Saeki
	
	Update Description :
	[2024/09/25] 新規作成

====================================== */

/*========== Style Contents ==========

	1. Individual Redefinition
	2. Share Elements Setting
	
====================================== */


/*===== ■1. Individual Redefinition =====*/
#head {
  &::after {background: url("../img/contact/img-title.jpg") no-repeat center / cover;}
  h1::after {content: "CONTACT";}
}

#breadcrumb { margin: 1rem auto;}

main {
	margin-bottom: 0;
	> .box_fill { margin-bottom: 0;}
}

article .box_fill {
	margin-bottom: 6rem;
	padding: 6rem 0;
	p {
		font-weight: 600;
		font-size: 2rem;
		text-align: center;
	}
}

@media (max-width: 768px){
	.box_fill { padding: 4rem 0 8rem;}
	article .box_fill {
		margin-bottom: 4rem;
		padding: 4rem 0;
		p {
			font-size: 1.8rem;
		}
	}
}


/*===== ■2. Share Elements Setting =====*/
#content {
	margin-bottom: 7rem;
	> dl {
		margin-bottom: 5rem;
		text-align: center;
		dt {
			margin-bottom: 1rem;
			font-weight: 700;
			font-size: 2.4rem;
		}
	}
	> div {
		display: flex;
    justify-content: center;
    gap: 4rem;
		> div {
			padding: 3.5rem;
			border: 4px solid var(--accentC);
			text-align: center;
      width: 60%;
			h3 {
				margin-bottom: 1.5rem;
				font-weight: 600;
				font-size: 2rem;
			}
			figure {
				width: 8rem;
				margin: 0 auto 1.5rem;
			}
			p em {
				display: block;
				margin-bottom: 1rem;
				font-weight: 700;
				font-size: 2.2rem;
				letter-spacing: normal;
			}
		}
	}
}

@media (max-width: 768px){
  #content {
		margin-bottom: 4rem;
		> dl {
			margin-bottom: 2rem;
			dt {
				margin-bottom: 1rem;
				font-size: 1.8rem;
			}
		}
		> div {
			display: block;
			> div {
				flex: 1;
				margin-bottom: 8rem;
				padding: 2rem;
        width: 100%;
				h3 {
					margin-bottom: 2rem;
					font-size: 1.8rem;
				}
				p em {
					font-size: 1.8rem;
				}
			}
		}
  }
}