/* PC SP 共通 */
body.about #title{
    background-image: url(../images/about/title-bg.jpg);
}
body.about #title:before{
    display: none;
}

body.about .greeting-wrapper{
	position: relative;
}
body.about .greeting-wrapper .bg{
	position: absolute;
}
body.about .greeting-wrapper .bg.bg01{
	top: 60px;
	left: calc( 50% - 237px );
	z-index: 0;
}
body.about .greeting-wrapper .bg.bg02{
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
body.about .greeting-wrapper .container-inner{
	position: relative;
	z-index: 2;
}
body.about .greeting-wrapper .title-greeting{
	margin-bottom: 75px;
}
body.about .greeting-wrapper .title-greeting_sub{
	margin-bottom: 100px;
	font-size: 212.5%; /* 34px */
	line-height: 1.94;
}
body.about .greeting-wrapper .nametext{
	text-align: right;
}
body.about .greeting-box{
	padding-bottom: 10px;
}


@media print, all and (min-width: 751px) {
    
	/* PC */
    body.about #title{
        background-position: center top;
    }
	body.about .greeting-wrapper .bg img{
		max-width: none;
	}
	body.about .greeting-wrapper .bg.bg02{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-width: 2120px;
        height: 100%;
        top: calc( 50% + 150px );
        transform: translate(-50%, -50%);
	}
	body.about .greeting-wrapper .bg.bg02 img{
        width: 100%;
        
	}
                       
}

@media only screen and (max-width: 750px) {
    
	/* SP */
	body.about .greeting-wrapper{
		margin-bottom: 0;
	}
	body.about #content .greeting-wrapper .container-inner{
		padding: 0 20px;
	}
    body.about .greeting-wrapper .title-greeting{
        margin-bottom: 85px;
    }
	body.about .greeting-wrapper .title-greeting_sub{
		margin-bottom: 20px;
		font-size: 137.5%; /* 22px */
		line-height: 1.68;
		text-align: center;
	}
	body.about .greeting-wrapper .bg.bg01{
		width: calc( 908 / 375 * 100% );
		margin-right: -50%;
		top: 0;
		left: calc( 50% + 70px );
		transform: translateX(-50%);
	}
	body.about .greeting-wrapper .bg.bg02{
		width: calc( 1633 / 375 * 100% );
        margin-right: -50%;
		top: 200px;
		left: calc( 50% + 22px );
	}
	body.about .greeting-box{
		padding-bottom: 30px;
	}
    
}