@charset "utf-8";

/***************************************************************************
*
* COMPANY STYLE
*
***************************************************************************/

body {
	background-color: #fff;
}

#header .siteInfo .tel a {
	font-weight: bold;
}
.areaTitle .titleEn i{
    color: #386BA2;
    margin-right: 2px;
}
.areaTitle .titleJp {
	font-size: 32px;
	color: #386BA2;
}
.titleBorder {
	font-size: 32px;
}
.titleBorder {
	display: inline-block;
	position: relative;
	padding: 0 30px;
}
.titleBorder:before {
	content: "";
	position: absolute;
	background: url(../images/company/icon-before-title.svg) no-repeat;
	background-size: cover;
	width: 14px;
	height: 30px;
	top: -7px;
    left: 2px;
}
.titleBorder:after {
	content: "";
	position: absolute;
	background: url(../images/company/icon-after-title.svg) no-repeat;
	background-size: cover;
	width: 14px;
	height: 30px;
	bottom: 0;
	right: 0;
}
.areaButton {
	display: inline-block;
	width: 248px;
}
.areaButton a {
	display: block;
	position: relative;
	background: linear-gradient(90deg, rgba(80,212,199,1) 0%, rgba(45,195,194,1) 100%);
	color: #fff;
	font-weight: 600;
	padding: 13px 0 14px;
	border-radius: 50px;
	text-align: center;
}
.areaButton a i{
	position: absolute;
	font-size: 10px;
	top: 50%;
	right: 33px;
    transform: translateY(-56%);
}

/*.areaGreeting*/
.areaGreeting {
	margin-top: 74px;
	margin-bottom: 123px;
}
.areaGreeting .wrapGreeting {
	max-width: 976px;
	width: 100%;
	margin: 0 auto;
}
.areaGreeting .wrapGreeting .areaTitle {
	margin-bottom: 19px;
}
.areaGreeting .wrapGreeting .areaTitle .titleEn {
	margin-bottom: 37px;
	font-weight: bold;
}
.areaGreeting .wrapGreeting .areaTitle .titleJp {
	font-size: 40px;
}
.areaGreeting .wrapGreeting .textGreeting {
	line-height: 2;
	margin-bottom: 50px;
	letter-spacing: 0.1px;
}
.areaGreeting .wrapGreeting .nameCeo {
	color: #9E9C9C;
    font-weight: 600;
    text-align: right;
    padding-right: 2px;
}
.areaGreeting .wrapGreeting .nameCeo .name{
	display: inline-block;
    width: 108px;
    vertical-align: 7px;
    margin-left: 26px;
}

/*areaProfile*/
.areaProfile {
	margin-bottom: 165px;
}
.areaProfile .wrapProfile {
	max-width: 976px;
	width: 100%;
	margin: 0 auto;
}
.areaProfile .wrapProfile .areaTitle {
    float: left;
    width: calc(100% - (760px + 20px));
    margin-top: -10px;
}
.areaProfile .wrapProfile .areaTitle .titleJp {
	font-size: 40px;
}
.areaProfile .wrapProfile .areaTitle .titleEn {
	margin-bottom: 35px;
    font-weight: bold;
}
.areaProfile .wrapProfile .boxTable {
	float: right;
	width: 760px;
}
.areaProfile .wrapProfile .boxTable table {
	width: 100%;
}
.areaProfile .wrapProfile .boxTable tr {
	border-top: 1px solid #D8D8D7;
	border-bottom: 1px solid #D8D8D7;
}
.areaProfile .wrapProfile .boxTable tr th {
    width: 271px;
    color: #9E9C9C;
    vertical-align: top;
    padding: 53px 0 47px 64px;
    text-align: left;
    font-weight: 600;
}
.areaProfile .wrapProfile .boxTable tr td {
	line-height: 2;
	padding: 50px 20px 50px 0;
}
.areaProfile .wrapProfile .boxTable tr td a.phoneNumber {
	color: #3E3A39;
}
.areaProfile .wrapProfile .boxTable tr td a.phoneNumber:hover {
	color: #2DC2C0;
}
@media (max-width: 1300px) and (min-width: 850px) {
	.areaProfile .wrapProfile .boxTable tr th {
		width: 27%;
		transition: all 0.4s;
	}

	.areaProfile .wrapProfile .boxTable tr td {
	    width: 73%;
		transition: all 0.4s;
	}
}

@media (max-width: 1177px) {
	.inner {
		width: 100%;
	}
}
@media (max-width: 1132px) {
}
@media (max-width: 1050px) {
	.areaProfile .wrapProfile .areaTitle {
		width: 20%;
	}
	.areaProfile .wrapProfile .boxTable {
		width: 78%;
	}
}
@media (max-width: 930px) {
	.areaProfile .wrapProfile .areaTitle {
		width: 25%;
	}
	.areaProfile .wrapProfile .boxTable {
		width: 73%;
	}

	.areaProfile .wrapProfile .boxTable tr th {
	    padding-left: 40px;
	}

	.areaProfile .wrapProfile .boxTable tr td {
	    padding-right: 40px;
	}
}

@media (min-width: 850px) {
	.areaProfile .wrapProfile .boxTable tr td a.phoneNumber {
		pointer-events: none;
	}
}
@media (max-width: 850px) {
	/*areaGreeting*/
	.areaGreeting {
		margin-top: 44px;
	    margin-bottom: 70px;
	}
	.areaGreeting .wrapGreeting .areaTitle {
		margin-bottom: 11px;
	}
	.areaGreeting .wrapGreeting .areaTitle .titleEn {
		margin-bottom: 8px;
	}
	.areaProfile .wrapProfile .areaTitle .titleJp,
	.areaGreeting .wrapGreeting .areaTitle .titleJp {
		font-size: 24px;
	}
	.areaGreeting .wrapGreeting .textGreeting {
		margin-bottom: 24px;
		text-align: justify;
	}

	/*.areaProfile */
	.areaProfile {
	    margin-bottom: 120px;
	}

	.areaTitle .titleEn i {
	    margin-right: 3px;
	}
	.areaProfile .wrapProfile .boxTable,
	.areaProfile .wrapProfile .areaTitle {
		width: 100%;
	}
	.areaProfile .wrapProfile .areaTitle {
		margin-bottom: 17px;
	}
	.areaProfile .wrapProfile .areaTitle .titleEn {
	    margin-bottom: 8px;
	}
	.areaProfile .wrapProfile .boxTable tr th {
		display: block;
		padding: 28px 0 0px 16px;
	}
	.areaProfile .wrapProfile .boxTable tr td {
		display: block;
	    padding: 12px 0 22px 16px;
	    line-height: 2.3;
	}

}
@media (max-width: 414px) {
}

/*IE FIX*/
@media all and (-ms-high-contrast:none) {
    .areaGreeting .wrapGreeting .nameCeo .name {
    	vertical-align: -5px;
    }
}