@charset "UTF-8";
/*----------------------------------------

	+ content
		- pageTitle
		+ innerBox
			- breadcrumb
			- box01
			- str100thLinks
		- aboutusLinks

-----------------------------------------*/

/*----------------------------------------
	pageTitle
-----------------------------------------*/

#pageTitle {
	height: 300px;
	background: transparent url(../../img/c_aboutus_tit02.jpg) no-repeat center center;
	background-size: cover;
}

.pageTitle_inner {
	width: 1100px;
	padding: 60px 0 0;
	margin: 0 auto;
	text-align: right;
}

.pageTitle_inner>span {
	display: block;
	letter-spacing: 0.3rem;
}

.pageTitle_inner>span.pageTitle_eng {
	color: #242c3e;
	letter-spacing: -0.3rem;
	opacity: .3;
}

@media screen and (max-width: 767px) {
	#pageTitle {
		height: 29.33vw;
		background: transparent url(../../img/c_aboutus_tit02_sp.jpg) no-repeat center center;
		background-size: cover;
	}

	.pageTitle_inner {
		width: 89.3vw;
		padding: 11.1vw 0 0;
	}

	.pageTitle_inner>span {
		margin-right: -3px;
		letter-spacing: 0.2rem;
	}

	.pageTitle_inner>span.pageTitle_eng {
		margin: 1px -1px 0 0;
		color: #242c3e;
		letter-spacing: -0.1rem;
		opacity: .4;
	}
}

/*----------------------------------------
	innerBox
-----------------------------------------*/
#innerBox {
	margin-top: -120px;
}

#innerBox>p {
	position: relative;
	padding: 34px 0 0;
	background-color: #fff;
	text-align: center;
	line-height: 1.7;
}

#innerBox>p::before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: -133px;
	left: 0;
	height: 100px;
	width: 1px;
	margin: auto;
	background-color: #0086cd;
}

#innerBox>p::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: -144px;
	left: 0;
	width: 11px;
	height: 11px;
	margin: auto;
	border-radius: 50%;
	background-color: #0086cd;
}

@media screen and (max-width: 767px) {
	#innerBox {
		margin-top: 0;
	}

	#innerBox>p {
		text-align: left;
		line-height: 1.75;
	}

	#innerBox>p::before {
		bottom: -64px;
		height: 50px;
	}

	#innerBox>p::after {
		bottom: -71px;
		width: 7px;
		height: 7px;
	}
}

/*----------------------------------------
	box01
-----------------------------------------*/
#box01 {
	position: relative;
	padding-top: 30px;
	background-color: #fff;
}

#box01>h1 {
	margin: auto;
	text-align: center;
	letter-spacing: 0.06em;
}

/* ページ内リンク 01,02,03 */
#box01>ul {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

#box01>ul li {
	flex-basis: calc((100% - 19px*2)/3);
	height: 240px;
	border-radius: 4px;
	border: 1px solid #0086cd;
	box-sizing: border-box;
	transition: all .2s ease-out;
}

#box01>ul li:nth-of-type(1) {
	background: transparent url(../img/i_p01.png) no-repeat right bottom;
}

#box01>ul li:nth-of-type(2) {
	background: transparent url(../img/i_p02.png) no-repeat right bottom;
}

#box01>ul li:nth-of-type(3) {
	background: transparent url(../img/i_p03.png) no-repeat right bottom;
}

.pc #box01>ul li:hover {
	background-color: #93d5f4;
	color: #fff;
}

#box01>ul li a {
	display: block;
}

#box01>ul li a p:nth-of-type(1) {
	display: flex;
	align-items: center;
	flex-direction: column;
	color: #ddefff;
}

#box01>ul li a p:nth-of-type(1) span {
	display: block;
	line-height: 1;
	letter-spacing: -0.15rem;
}

#box01>ul li a p:nth-of-type(1) span:nth-of-type(1) {
	margin-top: 26px;
}

#box01>ul li a p span:nth-of-type(2) {
	margin-top: -4px;
}

#box01>ul li a p:nth-of-type(2) {
	margin-top: 13px;
	color: #0086cd;
	text-align: center;
}

#box01>ul li a p:nth-of-type(2)::after {
	content: "";
    display: inline-block;
    width: 11px;
	height: 18px;
	margin-bottom: -2px;
	margin-left: 17px;
    background: url(/img/c_arrow01.png) no-repeat center center;
    background-size: cover;
    transform: rotate(90deg);
}

/* 強み01,02,03 */
#box01>section {
	position: relative;
	margin-top: 60px;
	padding-top: 94px;
	background-color: #242c3e;
}

#box01>section h1 {
	position: relative;
	width: 650px;
	padding-bottom: 12px;
	border-bottom: 4px solid #93d5f4;
	letter-spacing: 0.15rem;
}

#box01>section h1::after {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 200px;
	height: 4px;
	background: #0086cd;
}

/* 01 */
#box01 #box01_1 {
	padding-bottom: 88px;
}

#box01 #box01_1 h1 {
	margin-left: 60px;
}

#box01 #box01_1 p {
	width: 650px;
	margin: 35px 0 0 60px;
}

#box01 #box01_1 figure {
	position: absolute;
	top: 60px;
	right: 0;
	width: 350px;
}

#box01 #box01_1 figure figcaption {
	margin: 19px 19px 0 0;
	text-align: right;
}

/* 02 */
#box01 #box01_2 {
	padding-bottom: 101px;
}

#box01 #box01_2 h1 {
	margin: auto;
	margin-right: 60px;
}

#box01 #box01_2 p {
	width: 650px;
	margin: auto;
	margin-top: 35px;
	margin-right: 60px;
}

#box01 #box01_2 figure {
	position: absolute;
	top: 30px;
	left: 0;
	width: 350px;
}

/* 03 */
#box01 #box01_3 {
	padding-bottom: 0;
}

#box01 #box01_3 h1 {
	margin-left: 60px;
	letter-spacing: 0.18rem;
}

#box01 #box01_3 p {
	width: 650px;
	margin: 35px 0 0 60px;
}

#box01 #box01_3 figure {
	position: absolute;
	top: 44px;
	right: 0;
	width: 319px;
}

#box01 #box01_3 figure figcaption {
	margin: 8px 19px 0 0;
	text-align: right;
}

#box01 #box01_3 figure+figure {
	position: static;
	width: 1034px;
	margin: auto;
	margin-top: 103px;
	margin-right: 0;
}

@media (max-width: 767px) {
	/* ページ内リンク 01,02,03 */
	#box01>ul {
		flex-direction: column;
		margin-top: 25px;
	}

	#box01>ul li {
		flex-basis: 60px;
		height: auto;
	}

	#box01>ul li:nth-of-type(1),
	#box01>ul li:nth-of-type(2),
	#box01>ul li:nth-of-type(3) {
		background-image: none;
	}

	#box01>ul li+li {
		margin-top: 10px;
	}
	#box01>ul li a {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 58px;
	}

	#box01>ul li a p:nth-of-type(1) {
		justify-content: flex-end;
		flex-direction: row;
		flex-basis: 50%;
		color: #ddefff;
	}

	#box01>ul li a p:nth-of-type(1) span {
		display: block;
		line-height: 1;
		letter-spacing: -0.15rem;
	}

	#box01>ul li a p:nth-of-type(1) span:nth-of-type(1) {
		margin-top: 0;
		margin-right: 8px;
		letter-spacing: -0.1rem;
	}

	#box01>ul li a p span:nth-of-type(2) {
		margin-top: 0;
		margin-right: -3px;
	}

	#box01>ul li a p:nth-of-type(2) {
		display: flex;
		justify-content: space-between;
		flex-basis: calc(50% - 12px);
		margin-top: 3px;
		padding-left: 12px;
		text-align: left;
	}

	#box01>ul li a p:nth-of-type(2)::after {
		width: 9px;
		height: 15px;
		margin: 2px 11px 0 0;
	}

	/* 強み01,02,03 */
	#box01>section {
		position: relative;
		margin-top: 50px;
		padding-top: 94px;
		background-color: #242c3e;
	}

	#box01>section h1 {
		width: 88%;
	}

	#box01>section h1::after {
		width: 100px;
	}

	/* 01 */
	#box01 #box01_1 {
		padding: 46px 0 46px;
	}

	#box01 #box01_1 h1 {
		margin: auto;
	}

	#box01 #box01_1 p {
		width: 88%;
		margin: 24px auto 0;
	}

	#box01 #box01_1 figure {
		position: static;
		width: 100%;
		margin: auto;
		margin: 24px 0 0 auto;
	}

	#box01 #box01_1 figure img {
		display: block;
		min-width: 245px;
		width: 65.3vw;
		margin: auto;
		margin-right: 0;
	}

	#box01 #box01_1 figure figcaption {
		width: 50%;
		margin: -28px auto 0;
		margin-left: 6%;
		text-align: left;
	}

	/* 02 */
	#box01 #box01_2 {
		margin-top: 30px;
		padding: 0 0 44px;
	}

	#box01 #box01_2::before {
		content: '';
		display: block;
		height: 101vw;
		width: 100%;
		background: transparent url(../img/i_p05.png) no-repeat left top -10vw;
		background-size: 89% auto;
	}

	#box01 #box01_2 h1 {
		width: 88%;
		margin: auto;
	}

	#box01 #box01_2 p {
		width: 88%;
		margin: 24px auto 0;
	}

	#box01 #box01_2 figure {
		display: none;
	}

	/* 03 */
	#box01 #box01_3 {
		margin-top: 30px;
		padding: 43px 0 0;
	}

	#box01 #box01_3 h1 {
		width: 88%;
		margin: auto;
		letter-spacing: 0.18rem;
	}

	#box01 #box01_3 p {
		width: 88%;
		margin: 24px auto 0;
	}

	#box01 #box01_3 figure:nth-of-type(1) {
		position: static;
		width: 100%;
		margin: auto;
		margin: 21px 0 0 auto;
	}

	#box01 #box01_3 figure:nth-of-type(1) img {
		display: block;
		min-width: 224px;
		width: 59.7vw;
		margin: auto;
		margin-right: 0;
	}

	#box01 #box01_3 figure:nth-of-type(1) figcaption {
		width: 50%;
		margin: -21px auto 0;
		margin-left: 6%;
		text-align: left;
	}

	#box01 #box01_3 figure+figure {
		position: static;
		width: 97.2%;
		margin: 19px auto 0;
		margin-right: 0;
	}
}

/*----------------------------------------
	str100thLinks
-----------------------------------------*/

/*----------------------------------------
	aboutusLinks
-----------------------------------------*/
#aboutusLinks {
	margin-top: 230px;
}

@media (max-width: 767px) {
	#aboutusLinks {
		margin-top: 172px;
	}
}

@media (max-width: 374px) {
	#aboutusLinks>li:nth-of-type(3)>a>span:first-child {
		letter-spacing: -0.4px;
	}
}