body.about #title{
    background-image: url(../images/about/title-bg.jpg);
}

body.about .policy-wrapper{
	position: relative;
}
body.about .policy-wrapper:before,
body.about .policy-wrapper:after{
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
}
body.about .policy-wrapper:before{
	width: 254px;
	height: 212px;
	background-image: url("../images/about/policy-illust01.png");
	background-position: left center;
	bottom: 50px;
	left: 0;
}
body.about .policy-wrapper:after{
	width: 300px;
	height: 160px;
	background-image: url("../images/about/policy-illust02.png");
	background-position: right center;
	right: 0;
	bottom: 75px;
}
body.about #content .policy-wrapper .inner-wrapper{
	padding-bottom: 160px;
}
body.about .policy-list > li{
	padding-top: 72px;
	padding-left: 0;
}
body.about .policy-list > li:before{
	width: 46px;
	height: 64px;
	color: #603813;
	font-size: 225%; /* 36px */
    font-family: "irohamaru", "Jun 201", "じゅん 201", YuGothic, "Yu Gothic medium", "Noto Sans JP";
	background-image: url("../images/common/titles-num_c02.png");
	right: 0;
	margin: auto;
}
body.about .policy-list > li .titles{
	font-size: 175%; /* 28px */
	letter-spacing: 0.25pt;
	text-indent: 0.25pt;
	text-align: center;
    font-family: "Jun 501", "じゅん 501", YuGothic, "Yu Gothic medium", "Noto Sans JP";
}
body.about .policy-list > li .text{
	text-align: center;
}
body.about .greeting-box .headbox{
	margin-bottom: 30px;
}
	body.about .greeting-box .headbox .imagebox{
		text-align: center;
	}
	body.about .greeting-box .headbox .imagebox .image{
		margin-bottom: 0;
	}
body.about .greeting-box .headbox .textbox .titles{
	font-size: 181.25%; /* 29px */
}
body.about .greeting-box .headbox .textbox .name_text{
	margin-bottom: 0;
}
body.about .greeting-box .headbox .textbox .name_text .aff,
body.about .greeting-box .headbox .textbox .name_text .status,
body.about .greeting-box .headbox .textbox .name_text .name{
	display: inline-block;
	vertical-align: baseline;
}
body.about .greeting-box .headbox .textbox .name_text .aff,
body.about .greeting-box .headbox .textbox .name_text .status{
	margin-right: 10px;
}
body.about .greeting-box .headbox .textbox .name_text .name{
	font-size: 125%; /* 20px */
	font-weight: bold;
}
body.about .property-box .career-list{
	margin-bottom: 0;
}
body.about .property-box .career-list > li,
body.about .property-box .license-list > li{
	margin-bottom: 7px;
	line-height: 1.5;
}
body.about .property-box .career-list > li{
	display: flex;
}
body.about .property-box .career-list > li .subbox{
	width: 84px;
	margin-right: 10px;
}
body.about .property-box .career-list > li .mainbox{
	flex: 1;
}
body.about .property-box .career-list > li .subbox > p,
body.about .property-box .career-list > li .mainbox > p{
	margin-bottom: 7px;
}
body.about .property-box .career-list > li .subbox > p:last-child,
body.about .property-box .career-list > li .mainbox > p:last-child{
	margin-bottom: 0;
}

body.about .logopolicy-box{
	position: relative;
}
body.about .logopolicy-box .image,
body.about .logopolicy-box .image02{
	text-align: center;
}


@media print, all and (min-width: 751px) {
	
	/* INDEX */  
	body.about .greeting-box .headbox{
		display: flex;
		align-items: center;
	}
	body.about .greeting-box .headbox .imagebox{
		margin-right: 50px;
	}
	body.about .greeting-box .headbox .textbox{
		flex: 1;
	}
	body.about .property-box{
		display: flex;
	}
	body.about .property-box .careerbox{
		width: 480px;
		margin-right: 80px;
	}  
	
	body.about .logopolicy-box{
		display: flex;
		align-items: center;
		margin-right: 48px;
		padding: 35px 148px 35px 55px;
	}
	body.about .logopolicy-box .image{
		margin-right: 42px;
		text-align: center;
	}
	body.about .logopolicy-box .text-box{
		flex: 1;
	}
	body.about .logopolicy-box .image02{
		position: absolute;
		right: -48px;
		bottom: -48px;
	}
                       
}

@media only screen and (max-width: 750px) {
	
	/* INDEX */
	body.about .policy-wrapper:before{
		content: none;
		width: 33.8666667%;
		height: 0;
		padding-top: 28.2666667%;
		background-image: url("../images/about/policy-illust01.png");
		background-position: left center;
		bottom: 0;
		left: 0;
		margin-bottom: 3.6%;
	}
	body.about .policy-wrapper:after{
		width: 85%;
		height: 0;
		padding-top: 43.167701%;
		background-image: url("../images/about/policy-illust02_sp.png");
		background-position: right center;
		right: 0;
		bottom: 0;
		margin-bottom: 6.2666667%;
	}
	body.about #content .policy-wrapper .inner-wrapper{
		padding-bottom: 53%;
	}
	body.about .policy-list > li{
		padding-top: 62px;
		padding-left: 0;
	}
	body.about .policy-list > li:before{
		width: 40px;
		height: 54px;
		font-size: 200%; /* 28px */
	}
	body.about .policy-list > li .titles{
		font-size: 164.2857%; /* 23px */
	}
	body.about .policy-list > li .text{
		text-align: left;
	}
	
	body.about .greeting-box .headbox .imagebox{
		/* margin-bottom: 15px; */
	}
	body.about .greeting-box .headbox .textbox .titles{
		font-size: 164.2857%; /* 23px */
		text-align: center;
	}
	body.about .greeting-box .headbox .textbox .name_text{
		text-align: center;
	}
	body.about .property-box .careerbox{
		margin-bottom: 40px;
	}
	body.about .property-box .career-list > li .subbox{
		width: 74px;
	}
	
	body.about .logopolicy-box{
		padding-top: 35px;
	}
	body.about .logopolicy-box .image img{
		max-width: 160px;
		height: auto;
	}
	body.about .logopolicy-box .image02{
	}
	body.about .logopolicy-box .image02 img{
		max-width: 140px;
		height: auto;
	}
	body.about .logopolicy-box .titles{
		text-align: center;
	}
    
	/* 230425 */
	body#about-index #about-greeting .greeting-box .textbox .innerbox{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}
	body#about-index #about-greeting .greeting-box .textbox .innerbox .titles{
		order: 2;
	}
	body#about-index #about-greeting .greeting-box .textbox .innerbox .name_text{
		order: 1;
		margin-bottom: 15px;
	}
	body#about-index #about-greeting .greeting-box .textbox .innerbox .aff{
		line-height: 1;
		margin: 0;
	}
	body#about-index #about-greeting .greeting-box .textbox .innerbox .status,
	body#about-index #about-greeting .greeting-box .textbox .innerbox .name{
		line-height: 1.3;
	}
	body#about-index .greeting-box .headbox{
		margin-bottom: 0;
	}
	body#about-index #about-logopolicy .text-box .image02{
		float: right;
		margin: 0 0 0 15px;
	}
}