/* -----
共通
----- */


	/* -----
	経営理念
	----- */

		section h3 {
			text-align: center;

			margin-bottom: 50px;

			font-size: large;
			font-weight: bold;
		}

		section .principle {
			text-align: center;
			line-height: 150%;
		}

		section .greeting {
			display: flex;
		}

		.greeting .txt {
			padding: 10px;
		}

		.greeting p {
			line-height: 200%;
		}

		.greeting .name {
			text-align: end;
		}

	/* -----
	企業情報
	----- */

		dl div {
			display: grid;
			grid-template-rows: auto auto;
			grid-column-gap: 0px;
			grid-row-gap: 0px;

			margin-bottom: 20px;
		}

		dt {
			grid-column: 1;
			grid-row: 1;
			
			text-align: center;
			
			padding: 5px;

			background-color: #DEB887;
			color: #FFFFFF;
		}
		
		dd {
			grid-column: 2;
			grid-row: 2;
			
			padding: 5px;

			background-color: #DCDCDC;
		}


/* -----
PC
----- */

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


		/* -----
		経営理念
		----- */
		
			section h3 br {
				display: none;
			}

			section .principle {
				margin-bottom: 50px;
			}

			.greeting .txt {
				align-content: center;
			}

		/* -----
		企業情報
		----- */
		
			dl div {
				grid-template-columns: 180px 1fr;
			}

			dd {
				padding-left: 30px;
			}

			dd br {
				display: none;
			}
	}


/* -----
SP
----- */

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

		
		/* -----
		経営理念
		----- */

			section .principle {
				margin-bottom: 50px;
				padding: 10px;
			}

			section .principle br {
				display: none;
			}

			section .greeting img {
				width: 90%;

				margin: auto;
			}
			
			section .greeting {
				flex-direction: column-reverse;
			}

		/* -----
		企業情報
		----- */
		
			dl div {
				grid-template-columns: 25% 1fr;
			}
	}