@charset "utf-8";

/* ■◆■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■◆■ */
/*                                                                 */
/*    【共通　ここから】                                                */
/*                                                                 */
/* ■◆■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■◆■ */

body{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: normal;
}
.company_info {
	border-top: solid 1px #707070;
	border-bottom: solid 1px #707070;
}

.company_info dt {
	background-color: #F8FDE5;
	box-sizing: border-box;
}

.company_info dd {
	box-sizing: border-box;
}

.bg_orange {
	background: #FFFBF6;
}
/*フッターが上がらないように*/
body,
#wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
 
footer {
  margin-top: auto;
}

/* ■◆■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■◆■ */
/*                                                                  */
/*    【PCここから】                                                     */
/*                                                                  */
/* ■◆■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■◆■ */
@media screen and (min-width:769px){
	.pankuzu {
		width: 100%;
		max-width: 1080px;
		margin: 15px auto;
	}
	p {
		font-size: 18px;
	}
	h1 {
		font-size: 36px;
		text-align: center;
		margin-top: 50px;
		margin-bottom: 40px;
	}
	h1:before {
		content: " ";
		background: url("../img/company/company_icon.svg");
		background-size: contain;
		background-repeat: no-repeat;
		width: 39px;
		height: 44px;
		display: block;
		margin: 0 auto;
		margin-bottom: 15px;
	}	
	.contents_wrap {
		width: 100%;
		max-width: 1080px;
		margin: 0 auto;
		padding: 0 15px 70px 15px;
	}
	/*article {
		margin: 80px auto 0;
		display: block;
	}*/

	.company_box {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 10px;
	}

	.company_info {
		margin: 50px auto;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}

	.company_info dt {
		width: 20%;
		border-bottom: solid 1px #707070;
		border-left: solid 1px #707070;
		/*min-height: 4em;*/
		padding: 10px 15px;
		font-weight: bold;
	}

	.company_info dd {
		width: calc( 100% - 20% );
		border-bottom: solid 1px #707070;
		border-left: solid 1px #707070;
    	border-right: solid 1px #707070;
		/*min-height: 4em;*/
		padding: 10px 15px;
	}

	.company_info dt:last-of-type,
	.company_info dd:last-of-type {
		border-bottom: none;
	}
}
/* ■◆■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■◆■ */
/*                                                                  */
/*    【SPここから】                                                     */
/*                                                                  */
/* ■◆■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■◆■ */
@media screen and (max-width:768px){
	.pankuzu{
		width: 100%;
		margin: 85px auto 15px auto;
		font-size: 14px;
	}
	
	h1{
		font-size: 24px;
		text-align: center;
		margin-bottom: 30px;
	}
	
	h1:before {
		content: " ";
		background: url("../img/top/case_icon.svg");
		background-size: contain;
		background-repeat: no-repeat;
		width: 30px;
		height: 40.59px;
		display: block;
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.contents_wrap {
		width: 100%;
		margin: 0 auto;
		padding: 35px 15px;
	}

/*
	.company_info {
		margin: 50px auto 20px;
		border-top: 0;
		border-right: 0;
		border-left: 0;
	}
	.company_info {
		margin: 50px auto;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}

	.company_info dt {
		width: 28%;
		border-bottom: solid 1px #707070;
		border-left: solid 1px #707070;
		padding: 10px 15px;
	}
	.company_info dt:first-of-type{
		border-top: solid 1px #707070;
	}

	.company_info dd {
		width: calc( 100% - 28% );
		border-bottom: solid 1px #707070;
		border-left: solid 1px #707070;
    	border-right: solid 1px #707070;
		padding: 10px 15px;
	}

	.company_info dd:first-of-type{
		border-top: solid 1px #707070;
	}

	.company_info dt:last-of-type,
	.company_info dd:last-of-type {
		border-bottom: none;
	}
	*/
	.company_info{
		border: none;
	}
	.company_info dt {
		padding: 5px 15px;
		background-color: #F8FDE5;
		/*color: #fff;*/
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-weight: bold;
	}

	.company_info dd {
		padding: 5px 15px 15px 15px;
	}
}