@charset "UTF-8";
/* CSS Document */
main{
	margin-top: 10px;
}

/** greeting
---------------------------------------------------------------------------------*/
@media screen and (min-width: 640px) {
.greeting{
	background-color: #f8f8f8;
	position: relative;
	padding-top: 10px;
	padding-bottom: 60px;
}
.greeting h3{
	text-align: center;
	font-weight: bold;
	font-size: 35px;
	left: 50%;
	transform: translateX(-50%);
}
.greeting h3 span{
	display: block;
	font-size: 14px;
	color: #2da9e9;
	padding-top: 10px;
}
.greeting>div{
	width: 700px;
	margin: 0 auto;
}
.pb20{
	padding-bottom: 20px;
}
.boss{
	text-align: right;
	font-family: 'HG行書体';
	font-size: 35px;
}
.boss>span{
	font-size: 50px;
}
}
@media print, screen and (max-width: 639px) {
	main{
		margin-top: 50px;
		margin-bottom: 60px;
	}
	.greeting>div {
		width: auto;
		margin: 0 auto;
	}
	.greeting {
		background-color: #f8f8f8;
		position: relative;
		padding: 55px 15px 45px 15px;
		margin-bottom: 0px;
	}
	.greeting h3 span {
		font-size: 12px;
		padding-top: 5px;
	}
	.pb20 {
		padding-bottom: 15px;
		max-width: 600px;
		margin: 0 auto;
		display: block;
	}
	.greeting h3 {
		font-size: 20px;
		top: -14px;
		left: 50%;
		transform: translateX(-50%);
	}
	.boss {
		text-align: right;
		font-weight: bold;
		font-size: 20px;
		font-family: 'HG行書体';
		max-width: 600px;
		margin: 0 auto;
		display: block;
	}
	.boss>span{
		font-size: 40px;
	}
}
/** 会社案内
---------------------------------------------------------------------------------*/
@media screen and (max-width: 639px) {
	section#company-01 { padding-top: 40px; padding-bottom:10px; }
	section#company-02 { padding-top: 0; padding-bottom:20px; }
}
@media screen and (min-width: 640px) {
	section#company-01 { padding-top: 70px; padding-bottom:0; }
	section#company-02 { padding-top: 70px; padding-bottom:30px; }
}
/*--------------------  会社案内-01  --------------------*/
section#company-01 p.catch {
	color: #333;
	font-size:50px;
    font-family: 'HG行書体';
}

#company-01 p.name {
	font-size: 35px;
    font-family: 'HG行書体';
	text-align: center;
}
#company-01 p.name span {
    font-family: 'HG行書体';
	font-size: 50px;
}
@media screen and (max-width: 639px) {
	section#company-01 p.catch {
		font-size: 25px;
        font-family: 'HG行書体';
		margin-bottom: 20px;
	}
	#company-01-wrap {
		margin-bottom: 20px;
	}

	#company-01 p.name {
        font-family: 'HG行書体';
    	font-size: 20px;
    	text-align: right;
}
#company-01 p.name span {
    font-family: 'HG行書体';
	font-size: 40px;
	font-weight: 600;
	}
}
@media screen and (min-width: 640px) {
	section#company-01 p.catch {
		font-size: 40px;
		color: #333;
		margin-bottom: 10px;
	}
	#company-01-wrap .inner {
		width: 720px;
		float:right;
	}
	#company-01-wrap p {
		color: #fff;
		font-size: 15px;
		margin-bottom: 30px;
	}
	#company-01-wrap p.name span {
		font-size: 25px;
	}	
}
/*--------------------  会社案内-02  --------------------*/
section#company-02 .flex-sp {
	margin-bottom: 10px;
	align-items: stretch;
}
section#company-02 .flex-sp p.num {
	min-height: 100px;
	color: #fff;
	margin: 0;
	background-color: #0070b8;
	display: flex;
	justify-content: center;
	align-items: center;
}
section#company-02 .flex-sp .inner {
	min-height: 100px;
	display: flex;
	align-items: center;
}
section#company-02 .flex-sp .inner h5 {
	color: #0070b8;
	font-weight: 600;
	margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
	section#company-02 .flex-sp p.num {
		width: 15px;
		font-size: 15px;
	}
	section#company-02 .flex-sp .inner {
		width: calc(95% - 15px);
	}
	section#company-02 .flex-sp .inner h5 {
		font-size: 15px;
	}	
}
@media screen and (min-width: 640px) {
	section#company-02 .flex {
		padding-bottom: 60px;
	}
	section#company-02 h4 {
		text-align: right;
	}
	section#company-02 .flex .flex-2:nth-of-type(1) p {
		text-align: right;
		margin-bottom: 30px;
	}
	section#company-02 .flex-sp p.num {
		width: 20px;
		font-size: 20px;
	}
	section#company-02 .flex-sp .inner {
		width: calc(95% - 20px);
	}
	section#company-02 .flex-sp .inner h5 {
		font-size: 20px;
	}	
}

	/*--------------------  会社情報  --------------------*/
@media screen and (max-width: 639px) {
	section#company-profile {
		color: #fff;
		background-color: #0070b8;
		margin-top: 10px;
	}
	#company-profile-inner {
		padding-left: 0;
		padding-right: 0;
	}
	#company-profile-inner div.inner div p{
		margin: -20px 10px 0px;
		padding-bottom: 5px;
		text-align: left;
	}
	section#company-profile h3 {
		padding: 40px 15px;
		background-image: url("../img/company/about/img_07.webp");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		text-shadow: 0px 0px 5px black;
	}
	section#company-profile .inner p {
		font-size: 15px;
		text-align: center;
		padding-top: 20px;
	}
}
@media screen and (min-width: 640px) {
	section#company-profile {
		height: 210px;
		margin-top: 20px;
		background: url(../img/company/about/img_07.webp) center no-repeat;
		background-size: cover;
	}
	#company-profile-inner {
		position: relative;
	}
	section#company-profile .inner {
		height: 210px;
		padding-left: 20px;
		padding-right: calc(7% + 100px);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	section#company-profile .inner p {
		color: #fff;
		font-size: 20px;
		text-shadow: 0px 0px 5px black;
	}
}

@media screen and (min-width: 1400px) {
	section#company-profile {
		height: 420px;
		margin-top: 20px;
		background: url(../img/company/about/img_07.webp) center no-repeat;
		background-size: cover;
	}
	#company-profile-inner {
		position: relative;
	}
	section#company-profile .inner {
		height: 420px;
		padding-left: 20px;
		padding-right: calc(7% + 420px);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	section#company-profile .inner p {
		color: #fff;
		font-size: 35px;
		text-shadow: 0px 0px 5px black;
	}
}

/*--------------------  拠点・グループ会社の紹介  --------------------*/
@media screen and (max-width: 639px) {
	section#company-group {
		color: #fff;
		background-color: #0070b8;
		margin-top: 10px;
	}
	#company-group-inner {
		padding-left: 0;
		padding-right: 0;
	}
	#company-group-inner div.inner div p{
		margin: -20px 10px 0px;
		padding-bottom: 5px;
		text-align: left;
	}

	section#company-group h3 {
		padding: 40px 15px;
		background-image: url("../img/company/about/img_05.webp");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		text-shadow: 0px 0px 5px black;
	}
	section#company-group .inner p {
		font-size: 15px;
		text-align: center;
		padding-top: 20px;
	}
}
@media screen and (min-width: 640px) {
	section#company-group {
		height: 210px;
		margin-top: 20px;
		background: url(../img/company/about/img_05.webp) center no-repeat;
		background-size: cover;
	}
	#company-group-inner {
		position: relative;
	}
	section#company-group .inner {
		height: 210px;
		padding-left: calc(7% + 100px);
		padding-right: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	section#company-group .inner p {
		color: #fff;
		font-size: 20px;
		text-shadow: 0px 0px 5px black;
	}
}

@media screen and (min-width: 1400px) {
	section#company-group {
		height: 420px;
		margin-top: 20px;
		background: url(../img/company/about/img_05.webp) center no-repeat;
		background-size: cover;
	}
	#company-group-inner {
		position: relative;
	}
	section#company-group .inner {
		height: 420px;
		padding-left: calc(7% + 420px);
		padding-right: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	section#company-group .inner p {
		color: #fff;
		font-size: 35px;
		text-shadow: 0px 0px 5px black;
	}
}

/*--------------------  沿革  --------------------*/
@media screen and (max-width: 639px) {
	section#company-history {
		color: #fff;
		background-color: #0070b8;
		margin-top: 10px;
	}
	#company-history-inner {
		padding-left: 0;
		padding-right: 0;
	}

	#company-history-inner div.inner div p{
		margin: -20px 10px 0px;
		padding-bottom: 5px;
		text-align: left;
	}

	section#company-history h3 {
		padding: 40px 15px;
		background-image: url("../img/company/about/img_04.webp");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		text-shadow: 0px 0px 5px black;
	}
	section#company-history .inner p {
		font-size: 15px;
		text-align: center;
		padding-top: 20px;
	}
}
@media screen and (min-width: 640px) {
	section#company-history {
		height: 210px;
		margin-top: 20px;
		background: url("../img/company/about/img_04.webp") center no-repeat;
		background-size: cover;
	}
	#company-history-inner {
		position: relative;
	}
	section#company-history .inner {
		height: 210px;
		padding-left: 20px;
		padding-right: calc(7% + 100px);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	section#company-history .inner p {
		color: #fff;
		font-size: 20px;
		text-shadow: 0px 0px 5px black;
	}
}

@media screen and (min-width: 1400px) {
	section#company-history {
		height: 420px;
		margin-top: 20px;
		background: url(../img/company/about/img_04.webp) center no-repeat;
		background-size: cover;
	}
	#company-history-inner {
		position: relative;
	}
	section#company-history .inner {
		height: 420px;
		padding-left: 20px;
		padding-right: calc(7% + 420px);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	section#company-history .inner p {
		color: #fff;
		font-size: 35px;
		text-shadow: 0px 0px 5px black;
	}
}

/*--------------------  社是・経営理念  --------------------*/
@media screen and (max-width: 639px) {
	section#company-philosophy {
		color: #fff;
		background-color: #0070b8;
		margin-top: 10px;
	}
	#company-philosophy-inner {
		padding-left: 0;
		padding-right: 0;
	}
	
	#company-philosophy-inner div.inner div p{
		margin: -20px 10px 0px;
		padding-bottom: 5px;
		text-align: left;
	}

	section#company-philosophy h3 {
		padding: 40px 15px;
		background-image: url("../img/company/about/img_06.webp");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		text-shadow: 0px 0px 5px black;
	}
	section#company-philosophy .inner p {
		font-size: 15px;
		text-align: center;
		padding-top: 20px;
	}
}
@media screen and (min-width: 640px) {
	section#company-philosophy {
		height: 210px;
		margin-top: 20px;
		background: url(../img/company/about/img_06.webp) center no-repeat;
		background-size: cover;
	}
	#company-philosophy-inner {
		position: relative;
	}
	section#company-philosophy .inner {
		height: 210px;
		padding-left: calc(7% + 100px);
		padding-right: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	section#company-philosophy .inner p {
		color: #fff;
		font-size: 20px;
		text-shadow: 0px 0px 5px black;
	}
}

@media screen and (min-width: 1400px) {
	section#company-philosophy {
		height: 420px;
		margin-top: 20px;
		background: url(../img/company/about/img_06.webp) center no-repeat;
		background-size: cover;
	}
	#company-philosophy-inner {
		position: relative;
	}
	section#company-philosophy .inner {
		height: 420px;
		padding-left: calc(7% + 420px);
		padding-right: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	section#company-philosophy .inner p {
		color: #fff;
		font-size: 35px;
		text-shadow: 0px 0px 5px black;
	}
}

/*--------------------  iso9001  --------------------*/
@media screen and (max-width: 639px) {
	section#iso {
		color: #fff;
		background-color: #0070b8;
		margin-top: 20px;
	}
	#iso-inner {
		padding-left: 0;
		padding-right: 0;
	}
	#iso-inner div.inner div p{
		margin: -20px 10px 0px;
		padding-bottom: 5px;
		text-align: left;
	}
	
	section#iso h3 {
		padding: 40px 15px;
		background-image: url("../img/company/about/img_01.webp");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		text-shadow: 0px 0px 5px black;
	}
	section#iso .inner p {
		font-size: 15px;
		text-align: center;
		padding-top: 20px;
	}
}
@media screen and (min-width: 640px) {
	section#iso {
		height: 210px;
		margin-top: 20px;
		background: url("../img/company/about/img_01.webp") center no-repeat;
		background-size: cover;
	}
	#iso-inner {
		position: relative;
	}
	section#iso .inner {
		height: 210px;
		padding-right: calc(7% + 100px);
		padding-left: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	section#iso .inner p {
		color: #fff;
		padding-left: 100px;
		font-size: 20px;
		text-shadow: 0px 0px 5px black;
	}
}

@media screen and (min-width: 1400px) {
	section#iso {
		height: 420px;
		margin-top: 20px;
		background: url("../img/company/about/img_01.webp") center no-repeat;
		background-size: cover;
	}
	#iso-inner {
		position: relative;
	}
	section#iso .inner {
		height: 420px;
		padding-right: calc(7% + 420px);
		padding-left: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	section#iso .inner p {
		color: #fff;
		padding-left: 100px;
		font-size: 35px;
		text-shadow: 0px 0px 5px black;
	}
}


/*--------------------  社会的責任  --------------------*/
@media screen and (max-width: 639px) {
	section#company-csr {
		color: #fff;
		background-color: #0070b8;
		margin-top: 20px;
	}
	#company-csr-inner {
		padding-left: 0;
		padding-right: 0;
	}
	#company-csr-inner div.inner div p{
		margin: -20px 10px 0px;
		padding-bottom: 5px;
		text-align: left;
	}
	section#company-csr h3 {
		padding: 40px 15px;
		background-image: url("../img/company/about/img_03.webp");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		text-shadow: 0px 0px 5px black;
	}
	section#company-csr .inner p {
		font-size: 15px;
		text-align: center;
		padding-top: 20px;
	}
}
@media screen and (min-width: 640px) {
	section#company-csr {
		height: 210px;
		margin-top: 20px;
		background: url(../img/company/about/img_03.webp) center no-repeat;
		background-size: cover;
	}
	#company-csr-inner {
		position: relative;
	}
	section#company-csr .inner {
		height: 210px;
		padding-right: 20px;
		padding-left: calc(7% + 100px);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	section#company-csr .inner p {
		color: #fff;
		font-size: 20px;
		text-shadow: 0px 0px 5px black;
	}
}

@media screen and (min-width: 1400px) {
	section#company-csr {
		height: 420px;
		margin-top: 20px;
		background: url(../img/company/about/img_03.webp) center no-repeat;
		background-size: cover;
	}
	#company-csr-inner {
		position: relative;
	}
	section#company-csr .inner {
		height: 420px;
		padding-right: 20px;
		padding-left: calc(7% + 420px);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	section#company-csr .inner p {
		color: #fff;
		font-size: 35px;
		text-shadow: 0px 0px 5px black;
	}
}

/*--------------------  顧客様との信頼  --------------------*/
@media screen and (max-width: 639px) {
	section#customer {
		color: #fff;
		background-color: #0070b8;
		margin-top: 10px;
	}
	#customer-inner {
		padding-left: 0;
		padding-right: 0;
	}
	#customer-inner div.inner div p{
		margin: -20px 10px 0px;
		padding-bottom: 5px;
		text-align: left;
	}
	section#customer h3 {
		padding: 40px 15px;
		background-image: url("../img/company/about/img_01.webp");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	section#customer .inner p {
		font-size: 15px;
		text-align: center;
		padding-top: 20px;
	}
}
@media screen and (min-width: 640px) {
	section#customer {
		height: 420px;
		margin-top: 20px;
		background: url("../img/company/about/img_01.webp") center no-repeat;
		background-size: cover;
	}
	#customer-inner {
		position: relative;
	}
	section#customer .box-title-or {
		left: 20px !important;
	}
	section#customer .inner {
		height: 420px;
		padding-right: 20px;
		padding-left: calc(7% + 420px);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	section#customer .inner p {
		color: #fff;
		font-size: 35px;
		text-shadow: 0px 0px 5px black;
	}
}
/*--------------------  SDGs  --------------------*/
@media screen and (max-width: 639px) {
	section#company-sdgs {
		color: #fff;
		background-color: #0070b8;
	}
	#company-sdgs-inner {
		padding-left: 0;
		padding-right: 0;
	}
	section#company-sdgs h3 {
		margin-top: 10px;
		padding: 40px 15px;
		background-image: url("../img/company/about/img_08.webp");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		text-shadow: 0px 0px 5px black;
	}
	section#company-sdgs .inner p {
		font-size: 15px;
		text-align: center;
		padding-top: 20px;
	}
}
@media screen and (min-width: 640px) {
	section#company-sdgs {
		margin-top: 20px;
		height: 210px;
		background: url(../img/company/about/img_08.webp) center no-repeat;
		background-size: cover;
		margin-bottom: 20px;
	}
	#company-sdgs-inner {
		position: relative;
	}
	section#company-sdgs .box-title-co {
		right: 20px !important;
	}
	section#company-sdgs .inner {
		height: 210px;
		padding-left: 20px;
		padding-right: calc(7% + 100px);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	section#company-sdgs .inner p {
		color: #fff;
		font-size: 20px;
		text-shadow: 0px 0px 5px black;
	}
}

@media screen and (min-width: 1400px) {
    section#company-sdgs h3 {font-size: 25px;}
	section#company-sdgs {
		margin-top: 20px;
		height: 420px;
		background: url(../img/company/about/img_08.webp) center no-repeat;
		background-size: cover;
	}
	#company-sdgs-inner {
		position: relative;
	}
	section#company-sdgs .box-title-co {
		right: 20px !important;
	}
	section#company-sdgs .inner {
		height: 420px;
		padding-left: 20px;
		padding-right: calc(7% + 420px);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	section#company-sdgs .inner p {
		color: #fff;
		font-size: 35px;
		text-shadow: 0px 0px 5px black;
	}
}