@charset "UTF-8";
/*
* tokyo_kobetsu
* about.css
*
*/
@font-face {
	font-family: "OpenSans-Bold";

	src: url("/font/OpenSans-Bold.woff") format("woff"), url("/font/OpenSans-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "OpenSans-Light";

	src: url("/font/OpenSans-Light.woff") format("woff"), url("/font/OpenSans-Light.ttf") format("truetype");
}

.container {
	background: #edf0f5;
}

.content {
	margin: 0 auto;
	max-width: 1140px;
}
.irMessage .content {
	margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
	.irMessage .content {
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 768px) {
	.content {
		padding-top: 16.875vw;
	}
	.profile .content {
		padding-top: 0;
	}
}

.irMessage .l-inner {
	margin-top: 11px;
}

@media screen and (max-width: 768px) {
	.m-list_wrap {
		margin: -40px 15px auto;
	}
}

.back_link_block {
	margin: 30px auto 0;
	padding: 0 75px;
	max-width: 1140px;
}
@media screen and (max-width: 768px) {
	.back_link_block {
		padding: 0;
	}
}

@media screen and (max-width: 768px) {
	.back_link {
		margin: 0 15px 6px;
		padding-top: 8px;
		border-top: 1px solid #003a82;
		text-align: center;
	}
	.meeting .back_link {
		margin: 0 0 6px;
	}
}

.back_link a {
	position: relative;
	padding-left: 28px;
	transition: 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
	text-decoration: none;
	color: #000;
	font-size: 20px;
}
.back_link a:hover {
	color: #f60;
}
@media screen and (max-width: 768px) {
	.back_link a {
		padding-left: 23px;
		font-size: 14px;
	}
}
.back_link a:before {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 19px;
	height: 18px;
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
	background: url("/img/common/link_arrow_icon.svg") no-repeat;
	background-size: contain;
}
@media screen and (max-width: 768px) {
	.back_link a:before {
		top: 3px;
		width: 13px;
		height: 12px;
	}
}

/* --------------------------------
  links_backBtn_block
-------------------------------- */
.links_backBtn_block {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 60px;

	-webkit-justify-content: center;

	    -ms-flex-pack: center;

	        justify-content: center;
}
@media screen and (max-width: 768px) {
	.links_backBtn_block {
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin-top: 30px;
	}
}
@media screen and (max-width: 768px) {
	.links_backBtn_block .links_backBtn {
		margin: auto;
	}
}
.links_backBtn_block .links_backBtn .m-btn .m-btn_inner span {
	padding: 6px 0px 5px 56px !important;
	background-position: 30px 13px;
}
.links_backBtn_block .links_backBtn + .links_backBtn {
	margin-left: 46px;
}
@media screen and (max-width: 768px) {
	.links_backBtn_block .links_backBtn + .links_backBtn {
		margin: 25px auto auto;
	}
}
.links_backBtn_block .links_backBtn_toir .m-btn .m-btn_inner span {
	padding: 6px 0px 5px 56px;
	background-position: 30px 13px;
}

.touchevents .links_backBtn .m-btn.is-touched:before,
.touchevents .links_backBtn .m-btn.is-touched:after,
.no-touchevents .links_backBtn .m-btn:hover:before,
.no-touchevents .links_backBtn .m-btn:hover:after {
	width: 124px;
}

/* --------------------------------
   indexページ
-------------------------------- */
.m-pageHeading-ir {
	padding-top: 62px;
}

@media screen and (max-width: 768px) {
	.m-pageHeading_title {
		padding-bottom: 0;
	}
}

.m-pageHeading_title-ir .en {
	letter-spacing: 4px;
	font-size: 60px;
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
	.m-pageHeading_title-ir .en {
		letter-spacing: 0px;
		font-size: 35px;
	}
	.en .m-pageHeading_title-ir .en {
		font-size: 42px;
	}
}

.about {
	padding: 61px 0 100px;
}
@media screen and (max-width: 768px) {
	.about {
		padding: 44px 0 25px;
	}
	.about.about_directors,
	.about.about_philosophy {
		padding: 86px 0 25px;
	}
}

.about_title {
	text-align: center;
	color: #013a81;
	font-size: 21px;
	font-weight: normal;
	line-height: 1;
}
@media screen and (max-width: 768px) {
	.about_title {
		font-size: 15px;
	}
}

.u-blank .m-list_item_title {
	line-height: 1.27;
}

/* --------------------------------
   役員一覧ページ
-------------------------------- */
.directors {
	padding-bottom: 90px;
}
@media screen and (max-width: 768px) {
	.directors {
		padding-bottom: 46px;
	}
}
.directors .m-section_title {
	margin-bottom: 56px;
}
@media screen and (max-width: 768px) {
	.directors .m-section_title {
		margin-bottom: 29px;
	}
}

.about_btn .m-btn {
	margin: 60px auto 0;
	width: 208px;
}
@media screen and (max-width: 768px) {
	.about_btn .m-btn {
		margin: 25px auto 0;
		width: 190px;
	}
}
.about_btn .m-btn .m-btn_inner span {
	padding: 9px 0 9px 40px;
	width: 198px;
	background: #f60 url(/img/common/m-btn_icon_arrow_left.svg) 21px 16px no-repeat;
	letter-spacing: 0.4px;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.about_btn .m-btn .m-btn_inner span {
		padding: 6px 0 9px 29px;
		width: 180px;
		background-position: 12px 13px;
	}
}
.about_btn .m-btn:before,
.about_btn .m-btn:after {
	transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.about_btn a {
	display: block;
	margin: auto;
	width: 248px;
}
@media screen and (max-width: 768px) {
	.about_btn a {
		width: 198px;
	}
}
.touchevents .about_btn a.is-touched .m-btn:before,
.touchevents .about_btn a.is-touched .m-btn:after,
.no-touchevents .about_btn a:hover .m-btn:before,
.no-touchevents .about_btn a:hover .m-btn:after {
	width: 105px;
}

.directors_inner {
	padding: 0 6.06%;
	font-size: 14px;
}

.directors_info {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 20px;
}

.directors_skill_btn {
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}
@media screen and (max-width: 768px) {
	.directors_skill_btn {
		font-size: 14px;
	}
}
.directors_skill_btn i {
	display: inline-block;
	position: relative;
	width: 21px;
	height: 20px;
	margin-left: 10px;
	border: 1px solid #1a1a1a;
}
.directors_skill_btn i:before,
.directors_skill_btn i:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 13px;
	height: 1px;
	margin: auto;
	transition: opacity 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
	transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	background-color: #f60;

	-webkit-backface-visibility: hidden;

	        backface-visibility: hidden;
}
.directors_skill_btn i:before {
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.directors_skill_btn.is-show i:before {
	-webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	        transform: rotate(0deg);
}
.directors_skill_btn.is-show i:after {
	opacity: 0;
}

@media screen and (max-width: 768px) {
	.directors_date {
		font-size: 10px;
	}
}

.directors_birth {
	margin-top: 5px;
	margin-bottom: 20px;
	line-height: 1;
}

.directors_list-header {
	text-align: center;
}
.directors_list-header dd {
	border-top: 1px solid #e2e2e2;
}

.directors_list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
@media screen and (max-width: 768px) {
	.directors_list {
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.directors_list.directors_list-header {
		display: none;
	}
}
.directors_list dt {
	padding: 18px;
	border-bottom: 1px solid #fff;
	width: 27.96%;
	background: #f1f3f7;
}
@media screen and (max-width: 768px) {
	.directors_list dt {
		padding: 11px;
		border-bottom: none;
		width: 100%;
		text-align: center;
		font-weight: bold;
	}
}
.directors_list:last-child dt {
	border-color: #f1f3f7;
}
.directors_list dd {
	position: relative;
	padding: 18px;
	border-bottom: 1px solid #e2e2e2;
	width: 71.8%;
	cursor: pointer;
}
@media screen and (max-width: 768px) {
	.directors_list dd {
		padding: 11px;
		width: 100%;
	}
}
.directors_list dd i {
	display: inline-block;
	vertical-align: middle;
}
.directors_list dd i:before,
.directors_list dd i:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 10px;
	width: 20px;
	height: 3px;
	transition: opacity 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
	transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	background-color: #f60;

	-webkit-backface-visibility: hidden;

	        backface-visibility: hidden;
}
.directors_list dd i:before {
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.directors_list dd.is-show i:before {
	-webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	        transform: rotate(0deg);
}
.directors_list dd.is-show i:after {
	opacity: 0;
}

.directors_list_name {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
}

.directors_content {
	display: none;
	margin-top: 12px;
}

.directors_head {
	display: inline-block;
	margin-bottom: 4px;
	padding: 3px 12px;
	background: #003a83;
	color: #fff;
}

.directors_talbe {
	margin-bottom: 12px;
	width: 100%;
	border-spacing: 0 4px;
}
.directors_talbe tr {
	margin-bottom: 8px;
}
.directors_talbe td {
	padding: 3px 0;
	vertical-align: top;
}
.directors_talbe td:first-child {
	width: 14.47%;
}
@media screen and (max-width: 768px) {
	.directors_talbe td:first-child {
		width: 100%;
	}
}
.directors_talbe td:last-of-type {
	width: 53%;
}
@media screen and (max-width: 768px) {
	.directors_talbe td:last-of-type {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.directors_talbe td {
		display: block;
		padding: 0;
	}
	.directors_talbe td:first-child:before {
		content: "";
		display: inline-block;
		margin-top: -2px;
		margin-right: 5px;
		width: 9px;
		height: 9px;
		background: #f1f3f7;
		vertical-align: middle;
	}
	.directors_talbe td:last-of-type {
		margin-bottom: 15px;
		margin-left: 14px;
	}
}

.directors_skill {
	display: none;
	margin-bottom: 40px;
	overflow: auto;
}
@media screen and (max-width: 768px) {
	.directors_skill {
		margin-bottom: 30px;
	}
}
.directors_skill table {
	width: 100%;
	min-width: 740px;
}
.directors_skill th {
	padding: 6px 12px;
	background: #f1f3f7;
	border-right: 1px solid #fff;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2;
}
.directors_skill th:last-child {
	border: none;
}
.directors_skill_exparts th {
	width: 68px;
}
.directors_skill td {
	position: relative;
	padding: 16px 12px;
	border: 1px solid #e2e2e2;
	border-top: none;
	font-size: 16px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.directors_skill td {
		font-size: 14px;
	}
}
.directors_skill_name {
	font-weight: bold;
	line-height: 1.25;
}
.directors_skill_name p {
	font-size: 10px;
	font-weight: normal;
	transform: scale(0.9);
}
.directors_skill_capable {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: #1a1a1a;
	border-radius: 50%;
}

/* --------------------------------
   コーポレート・ガバナンス
-------------------------------- */
@media screen and (max-width: 768px) {
	.about_governance .l-inner {
		margin-bottom: 25px;
	}
}

.governance {
	padding-right: 60px;
	padding-bottom: 90px;
	padding-left: 60px;
}
@media screen and (max-width: 768px) {
	.governance {
		padding-right: 30px;
		padding-bottom: 46px;
		padding-left: 30px;
	}
}

@media screen and (max-width: 768px) {
	.m-section_title {
		width: 100%;
	}
}

.governance_lead {
	margin: 60px auto 40px;
	max-width: 990px;
	text-align: left;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
	.governance_lead {
		margin: 29px auto 24px;
		font-size: 15px;
		line-height: 1.6;
	}
}

.governance_titleSub {
	position: relative;
	color: #013a81;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
}

.smallfont{
	font-size: 17px;
}

@media screen and (max-width: 768px) {
	.governance_titleSub {
		font-size: 19px;
		line-height: 1.315;
	}
	.smallfont{
	font-size: 13px;
}

}
.governance_titleSub:after {
	content: "";
	display: block;
	margin-top: 19px;
	width: 80px;
	height: 2px;
	background: #013a81;
}
@media screen and (max-width: 768px) {
	.governance_titleSub:after {
		margin-top: 10px;
		width: 40px;
		height: 1px;
	}
}

.governance_downloads_txt {
	margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
	.governance_downloads_txt {
		font-size: 15px;
		line-height: 1.6;
	}
}

.governance_downloads {
	margin-top: 20px;
	padding: 20px;
	border: 1px solid #e2e2e2;
}
@media screen and (max-width: 768px) {
	.governance_downloads {
		margin-top: 14px;
	}
}

.governance_downloads_link {
	font-size: 12px;
}
.governance_downloads_link a {
	transition: 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
	vertical-align: top;
	text-decoration: none;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
.governance_downloads_link a:hover {
	color: #f60;
}
@media screen and (max-width: 768px) {
	.governance_downloads_link a {
		display: block;
		line-height: 1.4285;
	}
}
.governance_downloads_link a:before,
.governance_downloads_link a:after {
	content: "";
	display: inline-block;
}
@media screen and (max-width: 768px) {
	.governance_downloads_link a:before,
	.governance_downloads_link a:after {
		position: relative;
		top: 2px;
	}
}
.governance_downloads_link a:before {
	width: 14px;
	height: 14px;
	background: url("/img/common/ftr_icon_arrow_ov.svg") no-repeat;
}
.governance_downloads_link a:after {
	width: 12px;
	height: 14px;
	background: url("/img/about/icon_pdf.png") no-repeat;
	background-size: contain;
}
@media screen and (max-width: 768px) {
	.governance_downloads_link a:after {
		width: 14px;
		height: 16px;
		background: url("/img/about/icon_pdf_sp.png") no-repeat;
		background-size: contain;
	}
}

/* --------------------------------
   経営理念
-------------------------------- */
@media screen and (max-width: 768px) {
	.about_philosophy .l-inner {
		margin-bottom: 25px;
	}
}

.philosophy_inner {
	margin: 60px;
	padding-bottom: 40px;
	border: 10px solid #edf0f5;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.philosophy_inner {
		margin: 35px 15px 32px;
		padding-bottom: 10px;
		border-width: 5px;
	}
}

.philosophy_logo {
	margin: 49px 0 56px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.philosophy_logo {
		margin: 26px 0 19px;
		width: 90px;
		height: 90px;
	}
}

.philosophy_titleSub {
	margin: -2px 0 30px;
}
@media screen and (max-width: 768px) {
	.philosophy_titleSub {
		margin: 5px 0 10px;
	}
}
.philosophy_titleSub span {
	display: inline-block;
	position: relative;
	letter-spacing: 1.2px;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.6;
}
@media screen and (max-width: 768px) {
	.philosophy_titleSub span {
		letter-spacing: 0;
		font-size: 15px;
	}
}
.en .philosophy_titleSub span {
	font-size: 28px;
}
@media screen and (max-width: 768px) {
	.en .philosophy_titleSub span {
		font-size: 12px;
	}
}
@media screen and (max-width: 374px) {
	.en .philosophy_titleSub span {
		font-size: 3vw;
	}
}

.philosophy_txt {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.6;
}
@media screen and (max-width: 768px) {
	.philosophy_txt {
		font-size: 15px;
	}
}
.en .philosophy_txt {
	font-size: 28px;
}
@media screen and (max-width: 768px) {
	.en .philosophy_txt {
		font-size: 12px;
	}
}
@media screen and (max-width: 374px) {
	.en .philosophy_txt {
		font-size: 3vw;
	}
}
.philosophy_txt + .philosophy_txt {
	margin-top: 40px;
}
@media screen and (max-width: 768px) {
	.philosophy_txt + .philosophy_txt {
		margin-top: 24px;
	}
}

.philosophy_img {
	margin: 59px 10px 0;
}
@media screen and (max-width: 768px) {
	.philosophy_img {
		margin: 23px 9px 0px;
	}
}

/* --------------------------------
   社長あいさつ
-------------------------------- */
.message_inner {
	padding: 0 60px 60px;
}
@media screen and (max-width: 768px) {
	.message_inner {
		padding: 0 25px 33px;
	}
	.ir .message_inner {
		padding: 0 15px 33px;
	}
}

.message_title-ir {
	margin-left: 60px;
	width: 460px;
	color: #013a81;
	font-size: 25px;
	line-height: 1.4;
}
.jp .message_title-ir {
	font-family: "BIZ UDPGothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
}
@media screen and (max-width: 768px) {
	.message_title-ir {
		margin-top: 20px;
		margin-left: 0;
		padding: 0 12px;
		width: auto;
		font-size: 20px;
	}
}
@media screen and (max-width: 440px) {
	.message_title-ir {
		font-size: 16px;
	}
}
@media screen and (max-width: 370px) {
	.message_title-ir {
		font-size: 13px;
	}
}

.message_title_box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 60px 0 36px;
	border: 1px solid #e2e2e2;
	background-color: #f8f6f7;

	-webkit-justify-content: space-between;

	    -ms-flex-pack: justify;

	        justify-content: space-between;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}
@media screen and (max-width: 768px) {
	.message_title_box {
		display: block;
		margin: 38px 0 14px;
	}
	.irMessage .message_title_box {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}

.message_title {
	padding: 0 0 0 60px;
	color: #013a81;
	font-size: 26px;
	font-weight: bold;
}
/* .message_title span {
	margin: 0 -14px;
} */
@media screen and (max-width: 768px) {
	.message_title {
		margin: 9vw 0 0 20px;
		padding: 0;
		text-align: left;
		font-size: 20px;
	}
	.message_title img {
		width: 50vw;
	}
}

.message_img {
	padding: 13px 70px 0 0;
}
@media screen and (max-width: 768px) {
	.message_img {
		margin-top: 4.2vw;
		padding: 0;
	}
	.message_img img {
		width: 100%;
	}
}

.message_box {
	text-indent: 14px;
	font-size: 14px;
	line-height: 1.72;
}
.message_box_en {
	text-indent: 0px;
	font-size: 14px;
	line-height: 1.72;
}
.message_box-attention {
	margin-top: 40px;
	text-indent: 0;
	font-size: 12px;
}
.message_box-attention .message_box_link {
	text-indent: 14px;
}
.jp .message_box,.message_box_en {
	font-family: "BIZ UDPGothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
}
@media screen and (max-width: 768px) {
	.message_box {
		font-size: 15px;
		line-height: 1.6;
	}
		.message_box_en {
		font-size: 15px;
		line-height: 1.6;
	}
	.message_box-attention {
		margin-top: 20px;
		font-size: 12px;
	}
}
.message_box span {
	font-weight: bold;
}
.message_box_en + .message_box_en {
	margin-top: 24px;
}
.message_box + .message_box {
	margin-top: 24px;
}
@media screen and (max-width: 768px) {
	.message_box + .message_box {
		margin-top: 22px;
	}
		.message_box_en + .message_box_en {
		margin-top: 22px;
	}
}

.message_box_link {
	transition: 0.2s cubic-bezier(0.23, 1, 0.32, 1);
	color: #000;
}
.message_box_link:visited {
	color: #000;
}
.message_box_link:hover {
	color: #f60;
}
.message_box_link-icon {
	display: inline-block;
	position: relative;
	margin-top: 4px;
	padding: 0 18px 0 8px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
.message_box_link-icon:before,
.message_box_link-icon:after {
	content: "";
	display: block;
	position: absolute;
}
.message_box_link-icon:before {
	top: 4px;
	left: 0;
	width: 14px;
	height: 14px;
	background: url(/img/common/ftr_icon_arrow_ov.svg) no-repeat;
}
.message_box_link-icon:after {
	top: 4px;
	right: 0;
	width: 13px;
	height: 11px;
	background: url(/img/common/icon_tb-f60.svg) no-repeat;
}

.message_name {
	margin-top: 34px;
	text-align: right;
	color: #000;
	font-size: 16px;
	line-height: 1;
}
.message_name span {
	font-size: 20px;
}

@media screen and (max-width: 768px) {
	.message_name {
		margin-top: 16px;
		font-size: 12px;
	}
}
.message_name object {
	display: inline-block;
	margin-left: 14px;
	width: 165px;
	height: 35px;
	vertical-align: -7px;
}
@media screen and (max-width: 768px) {
	.message_name object {
		margin-top: 10px;
		margin-left: 9px;
		width: 117.5px;
		height: 25px;
	}
}

.message_name-en {
	line-height: 1.5;
}
.message_name-en span {
	font-size: 24px;
}

/* --------------------------------
   会社概要
-------------------------------- */
.profile .about_title {
	padding-top: 61px;
}
@media screen and (max-width: 768px) {
	.profile .about_title {
		padding-top: 106px;
	}
}

.profile .m-index_inner {
	max-width: 806px;
}

.profile .m-index_menu_item {
	width: 50%;
}
@media screen and (max-width: 768px) {
	.profile .m-index_menu_item {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.profile .m-index {
		margin-top: 40px;
	}
}

.about_profile {
	padding-top: 0;
}
@media screen and (max-width: 768px) {
	.about_profile .l-inner {
		margin-bottom: 25px;
	}
}

.company {
	padding: 0 60px 90px;
}
.company .m-section_title {
	margin-top: 60px;
}
@media screen and (max-width: 768px) {
	.company .m-section_title {
		margin-top: 37px;
	}
}
@media screen and (max-width: 768px) {
	.company {
		padding: 0 25px 48px;
	}
}

.profile_subTitle {
	margin: 32px auto 71px;
	text-align: center;
	color: #003a83;
	font-size: 26px;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.profile_subTitle {
		margin: 35px auto;
		font-size: 17px;
		line-height: 1.42;
	}
}

.profile_table-header dd {
	border-top: 1px solid #e2e2e2;
}

.profile_table {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
@media screen and (max-width: 768px) {
	.profile_table {
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		font-size: 14px;
	}
}
.profile_table dt {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 18px 30px;
	border-bottom: 1px solid #fff;
	width: 27.96%;
	background: #f1f3f7;

	-webkit-align-items: center;

	    -ms-flex-align: center;

	        align-items: center;
}
@media screen and (max-width: 768px) {
	.profile_table dt {
		display: block;
		padding: 8px;
		border-bottom: none;
		width: 100%;
		text-align: center;
		font-weight: bold;
	}
}
.profile_table:last-child dt {
	border-color: #f1f3f7;
}
.profile_table dd {
	position: relative;
	padding: 18px 30px;
	border-bottom: 1px solid #e2e2e2;
	width: 71.8%;
	text-align: left;
}
.profile_table dd p{
	margin-top: 2px;
	padding: 0px 0px 0px 1em;
}

.profile_table dd li span {
	display: inline-block;
}
.profile_table dd li span:first-child {
	margin-right: 22px;
	width: 128px;
}
.profile_table dd li span:last-child {
	width: 240px;
}
@media screen and (max-width: 768px) {
	.profile_table dd li span:last-child {
		margin-left: 14px;
		width: 100%;
	}
	.profile_table dd p{
	margin-top: 2px;
	padding: 0px 0px 0px 15px;
}
}
@media screen and (max-width: 768px) {
	.profile_table dd li + li {
		margin-top: 8px;
	}
	.profile_table dd li:before {
		content: "";
		display: inline-block;
		margin-top: -2px;
		margin-right: 5px;
		width: 9px;
		height: 9px;
		background: #f1f3f7;
		vertical-align: middle;
	}
}
@media screen and (max-width: 768px) {
	.profile_table dd {
		padding: 8px 16px;
		width: 100%;
	}
}

.profile_director {
	margin-bottom: 12px;
	width: 100%;
	border-spacing: 0 4px;
}
@media screen and (max-width: 768px) {
	.profile_director {
		margin-bottom: 0;
	}
}
.profile_director tr {
	margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
	.profile_director tr:last-child td {
		margin-bottom: 0;
	}
}
.profile_director td {
	padding: 3px 0;
	vertical-align: top;
}
.profile_director td:first-child {
	width: 40.39%;
}
@media screen and (max-width: 580px) {
	.profile_director td:first-child {
		width: 100%;
	}
}
.profile_director td:last-of-type {
	width: 46%;
}
@media screen and (max-width: 580px) {
	.profile_director td:last-of-type {
		width: 100%;
	}
}
@media screen and (max-width: 580px) {
	.profile_director td {
		display: block;
		padding: 0;
	}
	.profile_director td:first-child:before {
		content: "";
		display: inline-block;
		margin-top: -2px;
		margin-right: 5px;
		width: 9px;
		height: 9px;
		background: #f1f3f7;
		vertical-align: middle;
	}
	.profile_director td:last-of-type {
		margin-bottom: 15px;
		margin-left: 14px;
	}
}

.map {
	padding: 0 60px 60px;
}
@media screen and (max-width: 768px) {
	.map {
		padding: 0 25px 48px;
	}
}
.map .m-section_title {
	margin: 60px 0;
}
@media screen and (max-width: 768px) {
	.map .m-section_title {
		margin: 35px 0;
	}
}

.map_canvas {
	margin-bottom: 12px;
	width: 660PX;
	height: 530px;
	margin: 10px auto 15px;
}
	.map_canvas img{
	width: 100%;
	height: auto;
	}

@media screen and (max-width: 768px) {
	.map_canvas {
	width: 97%;
	height: auto;
	margin: 3% auto;
	}
	.map_canvas img{
	width: 100%;
	height: auto;
	}
}



.map_address span {
	color: #013a81;
	font-size: 18px;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.map_address span {
		font-size: 15px;
	}
}

.map_txt_box {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-justify-content: space-between;

	    -ms-flex-pack: justify;

	        justify-content: space-between;
}
@media screen and (max-width: 768px) {

	.map_txt_box {
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}

.map_link {
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.map_link {
		margin-top: 12px;
		letter-spacing: 1px;
	}
}
.map_link a {
	transition: 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
	vertical-align: middle;
	text-decoration: none;
	color: #000;
	font-size: 14px;
	line-height: 1;
}
.map_link a:hover {
	color: #f60;
}
@media screen and (max-width: 768px) {
	.map_link a {
		display: block;
		line-height: 1.4285;
	}
}
.map_link a:before,
.map_link a:after {
	content: "";
	display: inline-block;
	position: relative;
}
@media screen and (max-width: 768px) {
	.map_link a:before,
	.map_link a:after {
		top: 2px;
	}
}
.map_link a:before {
	top: 2px;
	margin-right: 4px;
	width: 14px;
	height: 14px;
	background: url("/img/common/ftr_icon_arrow_ov.svg") no-repeat;
}
.map_link a:after {
	margin-left: 4px;
	width: 13px;
	height: 11px;
	background: url("/img/common/icon_tb-f60.svg") no-repeat;
	background-size: contain;
}
@media screen and (max-width: 768px) {
	.map_link a:after {
		width: 14px;
		height: 16px;
		background-size: contain;
	}
}

.map_station {
	margin-top: 33px;
	padding: 34px 0 34px 34px;
	border: 6px solid #edf0f5;
	background: #fff;
}
@media screen and (max-width: 768px) {
	.map_station {
		padding: 12px;
	}
}

.map_station_title {
	color: #013a81;
	font-size: 18px;
	font-weight: bold;
}
.map_station_title span {
	margin-left: -10px;
}

.map_station_list {
	margin-top: 7px;
}
@media screen and (max-width: 768px) {
	.map_station_list li {
		padding-left: 1em;
		text-indent: -1em;
	}
}

.map_station_list_item:before {
	content: "";
	display: inline-block;
	margin-right: 10px;
	width: 8px;
	height: 8px;
	background: #003a83;
}
@media screen and (max-width: 768px) {
	.map_station_list_item:before {
		position: relative;
		top: -3px;
		margin-right: 5px;
	}
}

.profile_list_wrap {
	margin-top: 86px;
}
@media screen and (max-width: 768px) {
	.profile_list_wrap {
		margin-top: 48px;
	}
}

.profile_list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-justify-content: space-around;

	    -ms-flex-pack: distribute;

	        justify-content: space-around;
}
@media screen and (max-width: 768px) {
	.profile_list {
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
}
.profile_list-upper {
	padding: 0 5%;
}
@media screen and (max-width: 1150px) {
	.profile_list-upper {
		padding: 0;
	}
}
.profile_list-lower {
	margin-top: 20px;
	margin: 40px auto 0px;

	width: 90%;

	-webkit-justify-content: space-between;

	    -ms-flex-pack: justify;

	        justify-content: space-between;
}
@media screen and (max-width: 768px) {
	.profile_list-lower {
		margin-top: 13px;
		padding: 0 4%;

		-webkit-justify-content: space-around;

		    -ms-flex-pack: distribute;

		        justify-content: space-around;
	}
}

.profile_list_item {
	position: relative;
	border: 5px solid #dfe4ed;
	border-radius: 50%;
	width: 250px;
	height: 250px;
}
@media screen and (max-width: 768px) {
	.profile_list_item {
		border-width: 3px;
		width: 118px;
		height: 118px;
	}
}
.profile_list-upper .profile_list_item-03 .profile_list_item_img {
	-webkit-transform: scale(0.42) translate(-2px, -50px);
	    -ms-transform: scale(0.42) translate(-2px, -50px);
	        transform: scale(0.42) translate(-2px, -50px);
}
@media screen and (max-width: 768px) {
	.profile_list-upper .profile_list_item-03 .profile_list_item_img {
		-webkit-transform: scale(0.42) translate(0, -20px);
		    -ms-transform: scale(0.42) translate(0, -20px);
		        transform: scale(0.42) translate(0, -20px);
	}
}
.profile_list-lower .profile_list_item {
	border: none;
	width: 33%;
	max-width: 210px;
}
@media screen and (max-width: 768px) {
	.profile_list-lower .profile_list_item {
		margin-bottom: 5px;
		width: 105px;
		height: 105px;
	}
}
.profile_list-lower .profile_list_item + .profile_list_item {
	padding-left: 0.2%;
}
@media screen and (max-width: 768px) {
	.profile_list-lower .profile_list_item + .profile_list_item {
		padding-left: 0;
	}
}

.profile_list_item_obj {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	-webkit-transform: translate(0, -40px);
	    -ms-transform: translate(0, -40px);
	        transform: translate(0, -40px);
}
@media screen and (max-width: 768px) {
	.profile_list_item_obj {
		-webkit-transform: translate(0, -20px) scale(0.45);
		    -ms-transform: translate(0, -20px) scale(0.45);
		        transform: translate(0, -20px) scale(0.45);
	}
}
.profile_list_item-02 .profile_list_item_obj {
	-webkit-transform: translate(5px, -45px);
	    -ms-transform: translate(5px, -45px);
	        transform: translate(5px, -45px);
}
@media screen and (max-width: 768px) {
	.profile_list_item-02 .profile_list_item_obj {
		-webkit-transform: translate(-7px, -22px) scale(0.47);
		    -ms-transform: translate(-7px, -22px) scale(0.47);
		        transform: translate(-7px, -22px) scale(0.47);
	}
}

.profile_list_item_txt {
	position: absolute;
	bottom: 33px;
	left: 41px;
	letter-spacing: -1px;
	color: #013a81;
	font-size: 26px;
	font-weight: 600;
}
@media screen and (max-width: 768px) {
	.profile_list_item_txt {
		bottom: 15px;
		left: 17px;
		font-size: 13px;
	}
}
.profile_list_item_txt span {
	font-family: "BIZ UDPGothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
	font-size: 40px;
	font-weight: 500;
}
@media screen and (max-width: 768px) {
	.profile_list_item_txt span {
		font-size: 20px;
	}
}
.profile_list_item_txt-02 {
	bottom: 13px;
	left: 95px;
	letter-spacing: 0.9px;
	font-size: 20px;
}
@media screen and (max-width: 768px) {
	.profile_list_item_txt-02 {
		bottom: 5px;
		left: 39px;
		font-size: 9px;
	}
}
.profile_list_item_txt-02 span {
	font-size: 26px;
	font-weight: 600;
}
@media screen and (max-width: 768px) {
	.profile_list_item_txt-02 span {
		font-size: 13px;
	}
}
.profile_list_item-02 .profile_list_item_txt {
	right: 0;
	bottom: 87px;
	left: 0;
	margin: auto;
	text-align: center;
	letter-spacing: 0.3px;
	font-size: 16px;
}
@media screen and (max-width: 768px) {
	.profile_list_item-02 .profile_list_item_txt {
		bottom: 37px;
		font-size: 8px;
	}
}
.profile_list_item-02 .profile_list_item_txt span {
	font-size: 16px;
}
@media screen and (max-width: 768px) {
	.profile_list_item-02 .profile_list_item_txt span {
		font-size: 11px;
	}
}
.profile_list_item-02 .profile_list_item_txt-02 {
	right: auto;
	bottom: 40px;
	left: 30px;
	text-align: center;
	letter-spacing: 2px;
	font-size: 23px;
	line-height: 1.05;
}
@media screen and (max-width: 768px) {
	.profile_list_item-02 .profile_list_item_txt-02 {
		bottom: 22px;
		left: 8px;
		font-size: 11px;
	}
}
.profile_list_item-03 .profile_list_item_txt {
	bottom: 22px;
	left: 62px;
	text-align: center;
	font-size: 30px;
	line-height: 1.1;
}
@media screen and (max-width: 768px) {
	.profile_list_item-03 .profile_list_item_txt {
		bottom: 13px;
		left: 31px;
		font-size: 14px;
	}
}

.profile_list_item_desc {
	position: absolute;
	top: 58px;
	right: 0;
	left: 4px;
	margin: auto;
	text-align: center;
	letter-spacing: 0.7px;
	font-size: 16px;
	font-weight: 600;
}
@media screen and (max-width: 768px) {
	.profile_list_item_desc {
		top: 26px;
		letter-spacing: 0;
		font-size: 8px;
	}
}
.profile_list_item-01 .profile_list_item_desc {
	color: #05307e;
}
.profile_list_item-02 .profile_list_item_desc {
	top: 58px;
	color: #007bc7;
}
@media screen and (max-width: 768px) {
	.profile_list_item-02 .profile_list_item_desc {
		top: 30px;
	}
}
.profile_list_item-03 .profile_list_item_desc {
	top: 58px;
	color: #009c4a;
}
@media screen and (max-width: 768px) {
	.profile_list_item-03 .profile_list_item_desc {
		top: 30px;
	}
}
.profile_list_item-04 .profile_list_item_desc {
	top: 52px;
	color: #013a81;
	line-height: 1.2;
}
@media screen and (max-width: 768px) {
	.profile_list_item-04 .profile_list_item_desc {
		top: 22px;
	}
}

.profile_list_item_img {
	position: absolute;
	top: -30px;
	right: 0;
	bottom: 0;
	left: 2px;
	margin: auto;
	width:100%;
	height:85%;
}
.profile_list-lower .profile_list_item_img-01 {
	-webkit-transform: scale(0.8);
	    -ms-transform: scale(0.8);
	        transform: scale(0.8);
}
.profile_list-lower .profile_list_item_img-02 {
	-webkit-transform: scale(0.88);
	    -ms-transform: scale(0.88);
	        transform: scale(0.88);
}
.profile_list-lower .profile_list_item_img-03 {
	-webkit-transform: scale(0.88);
	    -ms-transform: scale(0.88);
	        transform: scale(0.88);
}
.profile_list-lower .profile_list_item_img-04 {
	-webkit-transform: scale(0.62);
	    -ms-transform: scale(0.62);
	        transform: scale(0.62);
}
@media screen and (max-width: 768px) {
	.profile_list-lower .profile_list_item_img {
		top: 8px;
		left: 0;
	}
}

.profile_list_item_circle {
	padding: 47.62%;
	border: 5px solid #dfe4ed;
	border-radius: 50%;
}
@media screen and (max-width: 768px) {
	.profile_list_item_circle {
		padding: 0;
		border-width: 3px;
		height: 100%;
	}
}

/* --------------------------------
   ブランドロゴ・スローガン
-------------------------------- */
@media screen and (max-width: 768px) {
	.m-subheading {
		padding-top: 38px;
	}
}

.brand {
	padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
	.brand {
		padding-bottom: 25px;
	}
}

.brand_inner {
	padding: 43px 60px 90px;
}
@media screen and (max-width: 768px) {
	.brand_inner {
		padding: 35px 25px 48px;
	}
}

.brand_lead {
	margin: 54px auto 27px;
}
@media screen and (max-width: 768px) {
	.brand_lead {
		margin: 31px auto 10px;
	}
}

.brands_body {
	margin-top: 38px;
}
@media screen and (max-width: 768px) {
	.brands_body {
		margin-top: 18px;
	}
}

.brand_txt {
	font-size: 14px;
}

.center_img {
	text-align: center;
}

.challenge_list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 75px;

	-webkit-justify-content: space-around;

	    -ms-flex-pack: distribute;

	        justify-content: space-around;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
	.challenge_list {
		margin-top: 15px;
	}
}

.challenge_list_item {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	position: relative;
	width: 350px;
	text-align: center;
}
.challenge_list_item:not(:last-child) {
	padding-bottom: 52px;
}
@media screen and (max-width: 768px) {
	.challenge_list_item:not(:last-child) {
		padding-bottom: 28px;
		width: calc(50% - 0.9615%);
	}
}
@media screen and (max-width: 768px) {
	.challenge_list_item:last-of-type {
		width: 67.307%;
	}
}
.challenge_list_item span:first-child {
	color: #013a81;
	font-size: 22px;
}
@media screen and (max-width: 768px) {
	.challenge_list_item span:first-child {
		font-size: 14px;
	}
}

.iconTriangle:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	border-width: 25px 10.5px 0 10.5px;
	border-style: solid;
	border-color: #013a81 transparent transparent transparent;
	width: 0;
	height: 0;
}
@media screen and (max-width: 768px) {
	.iconTriangle:after {
		border-width: 17px 7px 0 7px;
	}
}

.iconTriangle-left:after {
	left: 67px;
	-webkit-transform: rotate(25.1deg);
	    -ms-transform: rotate(25.1deg);
	        transform: rotate(25.1deg);
}
@media screen and (max-width: 768px) {
	.iconTriangle-left:after {
		left: 44%;
	}
}

.iconTriangle-right:after {
	right: 67px;
	-webkit-transform: rotate(-25.1deg);
	    -ms-transform: rotate(-25.1deg);
	        transform: rotate(-25.1deg);
}
@media screen and (max-width: 768px) {
	.iconTriangle-right:after {
		right: 44%;
	}
}

.emblem_box {
	margin-top: 25px;
}
@media screen and (max-width: 768px) {
	.emblem_box {
		margin: 25px auto auto;
		width: 54.807%;
	}
}

.horizen_img_box {
	margin: 32px -20px 0;
}
@media screen and (max-width: 768px) {
	.horizen_img_box {
		display: block;
		position: relative;
		margin: 25px 0 0;
		padding: 10px;
		border: 1px solid #e2e2e2;
	}
	.horizen_img_box:after {
		content: "";
		position: absolute;
		z-index: 2;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 30px;
		height: 30px;
		background: #f60 url(/img/common/icon_sglass.svg) center no-repeat;
		background-size: 55%;
	}
}

.blue_box {
	margin-top: 40px;
	padding: 32px;
	border: 6px solid #dfe4ed;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.blue_box {
		padding: 20px 4px;
		font-size: 15px;
	}
}
.blue_box .blue_txt {
	line-height: 1.66;
}
@media screen and (max-width: 768px) {
	.blue_box .blue_txt {
		line-height: 2;
	}
}

.brand_logo_list li {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-top: 60px;
	text-align: center;
	font-size: 14px;
}
@media screen and (max-width: 768px) {
	.brand_logo_list li {
		margin-top: 28px;
	}
}

.brand_logo_list p {
	margin-bottom: 23px;
}
@media screen and (max-width: 768px) {
	.brand_logo_list p {
		margin-bottom: 7px;
		text-align: left;
	}
}

.logo_img_wrap span {
	display: block;
}
.logo_img_wrap span + span {
	margin-top: 16px;
}

/* --------------------------------
  english
-------------------------------- */
.m-enBtn {
	width: 264px;
}
.m-enBtn a {
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}