@charset "utf-8";

/* vis */
.pagevis h1:after {
	content: "About us";
}


/* 私たちの想い */
.about-sect .inner {
	max-width: 1020px;
	padding: 0 10px;
}
.about-ttl {
	font-size: 2.0rem;
	font-family: 'Noto Serif JP', serif;
	font-display: swap;
	text-align: center;
}
.about-txt {
	margin-top: 30px;
}

/* 私たちが選ばれる理由 */
.reason-box_item {
	margin-top: 30px;
	padding: 20px;
	border: solid 1px #ccc;
}
.reason-box_dt {
	position: relative;
	display: flex;
	flex-direction: column;
	padding-top: 65px;
	text-align: center;
	font-size: 2.0rem;
	font-family: 'Noto Serif JP', serif;
	font-display: swap;
}
.reason-box_dt:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	display: inline-block;
	width: 100%;
	height: 50px;
	color: #fff;
}
.reason-box01 .reason-box_dt:before {
	background: url("/about/images/icon_proposals.svg") center / auto 100% no-repeat;
}
.reason-box02 .reason-box_dt:before {
	background: url("/about/images/icon_adaptability.svg") center / auto 100% no-repeat;
}
.reason-box03 .reason-box_dt:before {
	background: url("/about/images/icon_response.svg") center / auto 100% no-repeat;
}
.reason-box04 .reason-box_dt:before {
	background: url("/about/images/icon_information.svg") center / auto 100% no-repeat;
}
.reason-box05 .reason-box_dt:before {
	background: url("/about/images/icon_english.svg") center / auto 100% no-repeat;
}

.reason-box_dt:after {
	margin-top: 5px;
	content: "aaaaaaa";
	font-size: 1.2rem;
}
.reason-box01 .reason-box_dt:after {
	content: "Proposals";
}
.reason-box02 .reason-box_dt:after {
	content: "Adaptability";
}
.reason-box03 .reason-box_dt:after {
	content: "Response";
}
.reason-box04 .reason-box_dt:after {
	content: "Transmission of information";
}
.reason-box05 .reason-box_dt:after {
	content: "English support";
}

.reason-box_dd {
	margin-top: 20px;
	line-height: 2;
}

/* 事務所概要 */
.office-sect .inner {
	max-width: 1000px;
}
.office-dl {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.office-dl {
	line-height: 2.0;
}
.office-dl dt {
	padding: 20px;
	width: 150px;
	border-bottom: solid 1px #0f5494;
}
.office-dl dd {
	padding: 20px;
	width: calc(100% - 150px);
	border-bottom: solid 1px #cfcfcf;
}
.office-map {
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	padding-bottom: 40%;
	height: 0;
}
.office-map iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

/* 代表プロフィール */
.profile-sect .inner {
	max-width: 1000px;
}

.profile-name {
	font-size: 2.4rem;
	font-family: 'Noto Serif JP', serif;
	font-display: swap;
}
.profile-name span {
	font-size: 1.1rem;
}
.profile-dl {
	line-height: 2.0;
}
.profile-dl dt {
	margin-top: 30px;
	color: #0f5494;
}
.profile-dl dd {
	margin-left: 1em;
}
.profile-dl dd + dd {
	margin-top: 30px;
}
.profile-list li {
	position: relative;
	padding-left: 1.5em;
}
.profile-list li:before {
	position: absolute;
	left: 0;
	top: 5px;
	content: "\025cf";
	display: inline-block;
	border-radius: 50%;
	color: #0f5494;
	font-size: 1.0rem;
	font-family: 'Noto Sans CJK JP', '游ゴシック', 'Osaka', 'Noto Sans CJK JP';
}





/* ----------------------------------------------------
 Media query All
---------------------------------------------------- */
/* common */



/* All END */

/* ----------------------------------------------------
 - 959px (Smartphone Tablet layout Only)
---------------------------------------------------- */
@media (max-width: 959px) {

	/* 私たちが選ばれる理由 */
	.reason-box_dt {
		font-size: 5.0vw;
	}

	/* 代表プロフィール */
	.profile-box {
		margin-top: 25px;
	}
	.profile-box_photo {
		float: right;
		margin-left: 10px;
		width: 35%;
		max-width: 300px;
	}


	/* - 959px (Smartphone Tablet layout Only) END*/
}

/* ----------------------------------------------------
 - 519px (Smartphone layout Only)
---------------------------------------------------- */
@media (max-width: 519px) {
	.office-dl dt {
		position: relative;
		margin-top: 10px;
		padding: 5px 10px;
		width: 100%;
		border-bottom: solid 1px #cfcfcf;
	}
	.office-dl dt:before {
		position: absolute;
		left: 0;
		bottom: -1px;
		content: "";
		display: inline-block;
		width: 150px;
		height: 1px;
		border-bottom: solid 1px #0f5494;
	}
	.office-dl dd {
		padding: 10px;
		width: 100%;
		border-bottom: none;
	}



	/* - 519px (Smartphone layout Only) END */
}

/* ----------------------------------------------------
 520px - 959px (Tablet layout Only)
---------------------------------------------------- */
@media (min-width: 520px) and (max-width: 959px) {

	/* 私たちが選ばれる理由 */
	.reason-box_dt {
		font-size: 4.0vw;
	}



	/* 520px - 959px (Tablet layout Only) END*/
}

/* ----------------------------------------------------
 960px - (Pc layout Only)
---------------------------------------------------- */
@media (min-width: 960px) {


	/* 私たちの想い */
	.about-ttl {
		font-size: 2.6rem;
	}
	.about-txt {
		line-height: 2.2;
		text-align: center;
	}


	/* 私たちが選ばれる理由 */
	.reason-box {
		margin: 0;
	}
	.reason-box_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.reason-box_item {
		margin: 50px 0 0 3%;
		padding: 0;
		width: calc(100% / 3 - 3%);
		border: none;
	}
	.reason-box .slick-dots li {
		margin: 0 2px;
	}
	.reason-box .slick-dots li,
	.reason-box .slick-dots li button {
		width: 50px;
		height: 4px;
	}
	.reason-box .slick-dots li button:before {
		width: 50px;
	}
	.reason-box_dt {
		padding-top: 95px;
		font-size: 2.2rem;
	}
	.reason-box_dt:before {
		height: 80px;
	}
	.reason-box_dt:after {
		margin-top: 10px;
	}
	.reason-box_dd {
		margin-top: 30px;
	}
	.reason-box_more {
		margin-top: 50px;
	}


	/* 事務所概要 */
	.profile-box {
		margin: 50px 0 0;
	}
	.office-dl {
		margin: 50px 0 0;
	}

	/* 代表プロフィール */
	.profile-box {
		display: flex;
		justify-content: space-between;
		margin-top: 25px;
	}
	.profile-body {
		width: 75%;
	}
	.profile-box_photo {
		width: 20%;
	}



	/*  960px - (Pc layout Only) END*/
}

/* ----------------------------------------------------
 960px - 1920px
---------------------------------------------------- */
@media (min-width: 960px) and (max-width: 1920px) {




	/* 960px - 1920px END*/
}