/* -------------------------------------------------------
ご挨拶
---------------------------------------------------------*/

	.greeting h3 {
		text-align: center;
		margin-bottom: 30px;
		font-weight: bold;
	}

	.greeting .txt {
		line-height: 180%;
		text-indent: 1em;
	}

	.greeting .sign {
		text-align: right;
		margin-top: 20px;
	}


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

	.company dl > div {
		margin-bottom: 20px;
	}

	.company dt {
		text-align: center;
		padding: 5px 0;
		background-color: var(--main_grad_end);
		color: var(--sub_font_color);
	}

	dl > div:not(:last-child) dd {
		margin-left: auto;
		padding: 5px 0 5px max(5%, 25px);
		background-color: #F0F0F0;
	}

	.service {
		margin-left: auto;
	}

	.service p {
		padding: 5px 0;
	}


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

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

		/* ---------------
		ご挨拶
		--------------- */
		.greeting h3 {
			font-size: xx-large;
		}

		.greeting h3 br {
			display: none;
		}
		
		.greeting .sign {
			font-size: x-large;
		}

		/* ---------------
		企業情報
		--------------- */
		.company dt {
			width: 350px;
			clip-path: polygon(0 0, 100% 0, 320px 100%, 0 100%);
		}

		dl > div:not(:last-child) dd {
			width: 830px;
			padding-left: 30px;
		clip-path: polygon(30px 0, 100% 0 , 100% 100%, 0 100%);
		}

		.company .service {
			width: 950px;
		}
		
		.service > div {
			padding: 5px 0 5px 150px;
			clip-path: polygon(155px 0, 100% 0 , 100% 100%, 0 100%);
			background-color: #F0F0F0;
		}

		.service > div div {
			display: flex;
			margin-left: 20px;
		}

		.service > div > p {
			margin-left: 20px;
		}

		.service p .ai {
			font-size: small;
		}
	}


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

	@media screen and (max-width:1200px) {
		
		/* ---------------
		ご挨拶
		--------------- */
		.greeting h3 {
			font-size: large;
		}

		.greeting .sign {
			font-size: large;
		}
		/* ---------------
		企業情報
		--------------- */
		.company dt {
			max-width: 280px;
			clip-path: polygon(0 0, 100% 0, 250px 100%, 0 100%);
		}

		dl > div:not(:last-child) dd {
			width: 95%;
			max-width: 900px;
		clip-path: polygon(30px 0, 100% 0 , 100% 100%, 0 100%);
		}

		.company .service {
			width: 100%;
		}

		.service h3 {
			width: 95%;
			max-width: 900px;
			margin-left: auto;
			padding: 5px 0 5px max(5%, 25px);
			clip-path: polygon(30px 0, 100% 0 , 100% 100%, 0 100%);
			background-color: #F0F0F0;
		}

		.service p {
			width: 90%;
			max-width: 850px;
			margin-left: auto;
			padding-left: max(5%, 30px);
			clip-path: polygon(30px 0, 100% 0 , 100% 100%, 0 100%);
			font-size: x-small;
			background-color: #F0F0F0;
		}

		
		.service p span:not(.ai) {
			display: none;
		}
	}