@charset "utf-8";
/* CSS Document */
/*---------------------- Font Color ----------------------*/
.navy {
	color: #232584;
}
.blue {
	color: #28A8E8;
}
/*---------------------- Bg Color ----------------------*/
.bgBlue {
	background-color: #28A8E8;
	margin-bottom: 50px;
}
.bgBlue.mBtm0 {
	margin-bottom: 0;
}
.bgNavy {
	background-color: #095CA8;
	margin-bottom: 50px;
}
.bgNavy.mBtm0 {
	margin-bottom: 0;
}
.bgBlue p, .bgNavy p {
	color: #FFF;
}
@media (max-width: 767px) {
	.bgBlue {
		margin-bottom: 20px;
	}
	.bgNavy {
		margin-bottom: 20px;
	}
}
/*---------------------- Text Color ----------------------*/
.secInner a {
	text-decoration: underline;
	color: #000;
}
.secInner a.navy {
	text-decoration: underline;
	color: #232584;
}
.secInner a.blue {
	text-decoration: underline;
	color: #28A8E8;
}
.secInner .emphasize {
	color: #232584;
	font-weight: 700;
}
.bgBlue .emphasize, .bgNavy .emphasize {
	color: #FFF;
}
@media(min-width: 1025px) {
	.secInner a {
		transition: 0.3s;
	}
	.secInner a:hover {
		text-decoration: none;
		color: #28A8E8;
	}
	.secInner a.blue:hover {
		color: #232584;
	}
}
/*---------------------- Arrow Link ----------------------*/
a.arrowLink {
	position: relative;
	font-size: 20px;
	padding: 0 0 0 30px;
	color: #000;
	margin: 0 10px;
}
a.arrowLink.green {
	color: #232584;
}
a.arrowLink.gray {
	color: #7B7A7B;
}
a.arrowLink::before, a.arrowLink::after {
	position: absolute;
	top: 4px;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
a.arrowLink::before {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #000;
}
a.arrowLink.navy:before {
	background-color: #232584;
}
a.arrowLink.blue::before {
	background-color: #28A8E8;
}
a.arrowLink::after {
	top: 11px;
	left: 6px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media(min-width: 1025px) {
	a.arrowLink {
		transition: 0.3s;
	}
	a.arrowLink:hover:before {
		background-color: #28A8E8;
	}
	a.arrowLink.blue:hover:before {
		background-color: #232584;
	}
}
@media (max-width: 767px) {
	a.arrowLink {
		font-size: 14px;
		padding: 0 0 0 25px;
	}
	a.arrowLink::before, a.arrowLink::after {
		top: 0;
	}
	a.arrowLink::before {
		width: 20px;
		height: 20px;
	}
	a.arrowLink::after {
		top: 6px;
		left: 5px;
		width: 5px;
		height: 5px;
	}
}
/*---------------------- Inner ----------------------*/
.secInner {
	padding: 0 110px;
	max-width: 1200px;
	margin: 0 auto 120px;
}
.bgBlue .secInner {
	padding: 120px 110px 80px;
}
.bgNavy .secInner {
	padding: 120px 110px 80px;
}
@media (max-width: 767px) {
	.secInner {
		padding: 0 20px;
		margin: 0 auto 40px;
	}
	.bgBlue .secInner {
		padding: 40px 20px 20px;
	}
	.bgNavy .secInner {
		padding: 40px 20px 20px;
	}
}
/*---------------------- subMainVisual ----------------------*/
#subMainVisual {
	margin: 0 0 100px;
}
#subMainVisual img {
	width: 100%;
}
@media (max-width: 767px) {
	#subMainVisual {
		margin: 0 0 25px;
	}
}
/*---------------------- title h1 ----------------------*/
h1.title {
	font-size: 36px;
	letter-spacing: 0.2em;
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
	margin: 25px 0 10px;
}
h1.title:after {
	content: attr(data-en);
	font-size: 18px;
	letter-spacing: 0.01em;
	font-weight: 400;
	display: block;
	margin: 10px 0 0;
	font-family: 'Noto Sans JP', sans-serif;
	color: #B6251E;
}
@media (max-width: 767px) {
	h1.title {
		font-size: 24px;
		margin: 30px 15px 15px;
	}
	h1.title:after {
		content: attr(data-en);
		font-size: 12px;
		margin: 5px 0 0;
	}
}
/*---------------------- title h2 ----------------------*/
h2.title {
	font-size: 22px;
	letter-spacing: 0.2em;
	line-height: 1.3;
	font-weight: 500;
	text-align: center;
	margin: 30px auto;
	padding: 0 0 10px;
	max-width: 570px;
	border-bottom: 1px solid;
}
h2.title:after {
	content: attr(data-en);
	font-size: 14px;
	letter-spacing: 0.2em;
	font-weight: 400;
	display: block;
	margin: 5px 0 0;
	font-family: 'Noto Sans JP', sans-serif;
}
@media (max-width: 767px) {
	h2.title {
		margin: 40px 0;
	}
}


/*---------------------- title h3 ----------------------*/
h3.title {
	font-size: 18px;
	letter-spacing: 0.2em;
	line-height: 1.3;
	font-weight: 500;
	text-align: center;
	margin: 40px 0;
}
@media (max-width: 767px) {
	h3.title {
		font-size: 16px;
		margin: 30px 0;
	}
}

h3.col-title{
	margin-top:100px;
}


/*---------------------- lead ----------------------*/
p.lead {
	background-color: #28a8e8;
	border-radius: 20px;
	font-size: 30px;
	line-height: 1.6;
	text-align: center;
	padding: 30px 20px;
	color: #FFF;
	font-weight: 500;
}
@media (max-width: 767px) {
	p.lead {
		border-radius: 10px;
		font-size: 15px;
		padding: 15px;
		margin: 0 -5px;
	}
}
/*---------------------- flex01 ----------------------*/
.flex01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex01 .photo img {
	width: 100%;
}
@media(min-width: 768px) {
	.flex01 .photo {
		width: 300px;
	}
	.flex01 .text {
		width: calc(100% - 300px - 180px);
		line-height: 1.6;
	}
}
@media (max-width: 767px) {
	.flex01 .photo {
		width: 100px;
	}
	.flex01 .text {
		width: calc(100% - 100px - 15px);
		line-height: 1.3;
	}
}
/*---------------------- photoGallery ----------------------*/
.photoGallery {
	width: 100%;
}
.photoGallery .mainPhoto {
	width: 100%;
	margin: 0 0 15px;
}
.photoGallery .mainPhoto img {
	width: 100%;
}
.photoGallery .mainPhoto li {
	position: relative
}
.photoGallery .mainPhoto li p {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFF;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.25);
}
.photoGallery .thumbPhoto {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	list-style: none;
}
.photoGallery .thumbPhoto li {
	width: calc((100% - 40px) / 5);
	margin-right: 10px;
	margin-bottom: 10px;
}
.photoGallery .thumbPhoto li img {
	display: block;
	width: 100%;
}
.photoGallery .thumbPhoto li:nth-of-type(5n) {
	margin-right: 0;
}
@media(min-width: 768px) {
	.photoGallery .mainPhoto li p {
		font-size: 50px;
		line-height: 80px;
	}
}
@media only screen and (max-width: 767px) {
	.photoGallery {
		box-sizing: border-box;
	}
	.photoGallery .mainPhoto {
		margin: 0 0 10px;
	}
	.photoGallery .thumbPhoto li {
		width: calc((100% - 16px) / 5);
		margin-right: 4px;
		margin-bottom: 4px;
	}
	.photoGallery .mainPhoto li p {
		line-height: 25px;
	}
}
/*---------------------- carousel ----------------------*/
.carousel {
	padding: 100px 110px 20px;
}
.carousel h3 {
	font-size: 48px;
	font-weight: 500;
	letter-spacing: 0.05em;
	color: #7B7A7B;
	margin: 0 0 15px;
	text-align: center;
}
.carousel .carouselInner {
	max-width: 1670px;
	margin: auto;
}
.carousel .slick-slider {
	margin-bottom: 0;
}
.carousel .slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px 0;
}
.carousel .slick-slide {
	height: inherit;
}
.carousel li {
	margin: 0 10px;
	background-color: #FFF;
	border-radius: 10px;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
	padding: 25px 20px;
}
.carousel li .number {
	font-size: 32px;
	color: #232584;
	font-weight: 500;
	text-align: center;
	margin: 0 0 15px;
}
.carousel li h4 {
	font-size: 20px;
	color: #232584;
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
	margin: 0 0 20px;
}
.carousel li p.text {
	line-height: 1.5;
	margin: 0 0 20px;
}
.carousel li img {
	width: 100%;
}
.carousel .slick-prev, .carousel .slick-next {
	top: 50%;
	width: 20px;
	height: 50px;
	position: absolute;
}
.carousel .slick-prev {
	left: -35px;
}
.carousel .slick-next {
	right: -35px;
}
.carousel .slick-prev:before, .carousel .slick-next:before {
	font-size: 0;
	width: 20px;
	height: 50px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
}
.carousel .slick-prev:before {
	background-image: url("../2026_images/common/arrow_prev.svg");
}
.carousel .slick-next:before {
	background-image: url("../2026_images/common/arrow_next.svg");
}
.carousel .slick-prev.slick-disabled:before, .carousel .slick-next.slick-disabled:before {
	opacity: 0;
}
@media (max-width: 767px) {
	.carousel {
		padding: 0;
	}
	.carousel h3 {
		font-size: 22px;
		margin: 0 0 10px;
	}
	.carousel .title {
		margin: 0 20px 10px;
	}
	.carousel .carouselInner {
		padding: 0 50px;
	}
	.carousel li {
		margin: 0 5px;
		padding: 15px 15px 20px;
	}
	.carousel li .number {
		font-size: 24px;
		margin: 0 0 10px;
	}
	.carousel li h4 {
		font-size: 24px;
		margin: 0 0 15px;
	}
	.carousel li p.text {
		font-size: 15px;
		margin: 0 0 15px;
	}
}
/*---------------------- photoPricelist ----------------------*/
.photoPricelist table {
	width: 100%;
	line-height: 1.5;
}
.photoPricelist table th {
	border: 1px solid #CCC;
	padding: 15px 20px;
	text-align: center;
	vertical-align: middle;
}
.photoPricelist table thead th {
	white-space: nowrap;
	background: #F0F0F0;
	font-weight: 500;
}
.photoPricelist table tbody th p {
	font-weight: 500;
}
.photoPricelist table tbody th .photo img {
	display: block;
}
.photoPricelist table td {
	border: 1px solid #CCC;
	padding: 15px 20px;
	text-align: left;
	vertical-align: middle;
}
.photoPricelist table tbody tr td:last-of-type {
	white-space: nowrap;
	text-align: center;
}
@media(min-width: 768px) {
	.photoPricelist table tbody th {
		white-space: nowrap;
		box-sizing: border-box;
	}
	.photoPricelist table tbody th > div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.photoPricelist.reverse table tbody th > div {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.photoPricelist table tbody th .photo {
		margin: 0 20px 0 0;
	}
	.photoPricelist.reverse table tbody th .photo {
		margin: 0 0 0 20px;
	}
}
@media (max-width: 767px) {
	.photoPricelist table {
		font-size: 13px;
	}
	.photoPricelist table th {
		padding: 5px 10px;
	}
	.photoPricelist table tbody th .photo {
		margin: 0 0 10px;
	}
	.photoPricelist table tbody th .photo img {
		width: 80px;
		max-width: 100%;
		margin: auto
	}
	.photoPricelist table td {
		padding: 5px 10px;
	}
}
/*---------------------- Center Text ----------------------*/
.centerText {
	margin: 0 0 30px;
	text-align: center;
}
.centerText p {
	line-height: 1.6;
	margin-bottom: 1em;
}
@media (max-width: 767px) {
	.centerText {
		margin: 0 0 20px;
		text-align: left;
	}
}
/*---------------------- Left Text ----------------------*/
.leftText {
	margin: 0 0 30px;
	text-align: left;
}
.leftText p {
	line-height: 1.8;
	margin-bottom: 1em;
}
@media (max-width: 767px) {
	.leftText {
		margin: 0 0 20px;
		text-align: left;
	}
}
/*---------------------- Thumbnail List ----------------------*/
.thumbnailList .thumbnailListContainer {
	margin: 0 0 4%;
	box-sizing: border-box;
	border-top: 1px solid #CCCCCC;
	background: #FFFFFF;
}
.thumbnailList .thumbnailListContainer li {
	list-style: none;
	border-bottom: 1px solid #CCC;
}
.thumbnailList .thumbnailListContainer a {
	padding: 1% 0;
	display: table;
	width: 100%;
	text-decoration: none;
	color: #3e3a39;
}
.thumbnailList .photo, .thumbnailList .text {
	display: table-cell;
	vertical-align: middle;
}
.thumbnailList .photo {
	width: 100px;
}
.thumbnailList .photo img {
	width: 100%;
	height: auto;
}
.thumbnailList .text {
	padding-left: 30px;
	line-height: 1.6;
}
@media (max-width: 767px) {
	.thumbnailList .thumbnailListContainer {
		margin: 0 0 6%;
	}
	.thumbnailList .thumbnailListContainer a {
		text-decoration: none;
		padding: 4% 0;
	}
	.thumbnailList .photo {
		width: 30%;
	}
	.thumbnailList .photo img {
		width: 100%;
	}
	.thumbnailList .text {
		padding-left: 20px;
		font-size: 1.1em;
	}
}
/*---------------------- Style1 1列 ----------------------*/
.secStyle1-1 li {
	box-sizing: border-box;
	border: 1px solid #CCCCCC;
	list-style: none;
	background: #FFFFFF;
}
.secStyle1-1 li a {
	text-decoration: none;
	color: #3e3a39;
	display: block;
}
.secStyle1-1 li img {
	width: 100%;
}
.secStyle1-1 li .title {
	line-height: 1.6;
	font-weight: 700;
	text-align: center;
}
.secStyle1-1 li .text {
	line-height: 1.6;
}
@media (min-width: 1025px) {
	.secStyle1-1 li.link a:hover {
		box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
		transition: 0.3s;
		color: #232584;
	}
}
@media (min-width: 768px) {
	.secStyle1-1 li {
		margin: 0 0 4%;
	}
	.secStyle1-1 li a {
		padding: 0 2%;
	}
	.secStyle1-1 li .title {
		font-size: 1.4em;
		padding: 2%;
	}
	.secStyle1-1 li .text {
		padding: 2%;
	}
}
@media (max-width: 767px) {
	.secStyle1-1 li {
		margin: 0 0 6%;
		list-style: none;
	}
	.secStyle1-1 li a {
		padding: 0 4%;
	}
	.secStyle1-1 li .title {
		font-size: 1.2em;
		padding: 3% 2%;
	}
	.secStyle1-1 li .text {
		padding: 3% 2%;
	}
}
/*---------------------- Style1 2列 ----------------------*/
.secStyle1-2 li {
	box-sizing: border-box;
	border: 1px solid #CCCCCC;
	list-style: none;
	background: #FFFFFF;
}
.secStyle1-2 li a {
	text-decoration: none;
	color: #3e3a39;
	display: block;
}
.secStyle1-2 li img {
	width: 100%;
}
.secStyle1-2 li .title {
	line-height: 1.6;
	font-weight: 700;
	text-align: center;
}
.secStyle1-2 li .text {
	line-height: 1.6;
}
@media (min-width: 1025px) {
	.secStyle1-2 li.link a:hover {
		box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
		transition: 0.3s;
		color: #232584;
	}
}
@media (min-width: 768px) {
	.secStyle1-2 ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.secStyle1-2 li {
		width: 48%;
		margin-bottom: 4%;
		display: inline-block;
		vertical-align: top;
	}
	.secStyle1-2 li a {
		padding: 0 3%;
	}
	.secStyle1-2 li .title {
		font-size: 1.2em;
		padding: 3%;
	}
	.secStyle1-2 li .text {
		padding: 3%;
	}
}
@media (max-width: 767px) {
	.secStyle1-2 li {
		margin: 0 0 6%;
		list-style: none;
	}
	.secStyle1-2 li a {
		padding: 0 4%;
	}
	.secStyle1-2 li .title {
		font-size: 1.2em;
		padding: 3% 2%;
	}
	.secStyle1-2 li .text {
		padding: 3% 2%;
	}
}
/*---------------------- Style1 3列 ----------------------*/
.secStyle1-3 li {
	box-sizing: border-box;
	border: 1px solid #CCCCCC;
	list-style: none;
	background: #FFFFFF;
}
.secStyle1-3 li a {
	text-decoration: none;
	color: #3e3a39;
	display: block;
}
.secStyle1-3 li img {
	width: 100%;
}
.secStyle1-3 li .title {
	line-height: 1.6;
	font-weight: 700;
	text-align: center;
}
.secStyle1-3 li .text {
	line-height: 1.6;
}
@media (min-width: 1025px) {
	.secStyle1-3 li.link a:hover {
		box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
		transition: 0.3s;
		color: #232584;
	}
}
@media (min-width: 768px) {
	.secStyle1-3 ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.secStyle1-3 li {
		width: calc(92% / 3);
		margin-bottom: 4%;
		display: inline-block;
		vertical-align: top;
	}
	.secStyle1-3 li a {
		padding: 0 4%;
	}
	.secStyle1-3 li .title {
		font-size: 1.1em;
		padding: 4%;
	}
	.secStyle1-3 li .text {
		padding: 4%;
	}
}
@media (max-width: 767px) {
	.secStyle1-3 li {
		margin: 0 0 6%;
		list-style: none;
	}
	.secStyle1-3 li a {
		padding: 0 4%;
	}
	.secStyle1-3 li .title {
		font-size: 1.2em;
		padding: 3% 2%;
	}
	.secStyle1-3 li .text {
		padding: 3% 2%;
	}
}
/*---------------------- Style2 ----------------------*/
.secStyle2 dl {
	margin: 0 0 4%;
	box-sizing: border-box;
	padding: 30px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
.secStyle2 dt {
	font-size: 1.3em;
	font-weight: 700;
	margin-bottom: 15px;
}
.secStyle2 dd {
	line-height: 1.8;
}
@media (max-width: 767px) {
	.secStyle2 dl {
		margin: 0px 0 6%;
		padding: 20px 20px 15px;
	}
	.secStyle2 dt {
		font-size: 1.2em;
	}
}
/*---------------------- Style3 1列 ----------------------*/
.secStyle3-1 li a {
	display: block;
	line-height: 0;
}
.secStyle3-1 li img {
	width: 100%;
	display: block;
}
@media (min-width: 1025px) {
	.secStyle3-1 li a:hover {
		box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
		transition: 0.3s;
	}
}
@media (min-width: 768px) {
	.secStyle3-1 li {
		margin: 0 0 4%;
		list-style: none;
	}
	.secStyle3-1.medium li {
		width: 60%;
		margin: 0 auto 4%;
	}
}
@media (max-width: 767px) {
	.secStyle3-1 li {
		margin: 0px 0 6%;
		list-style: none;
	}
}
/*---------------------- Style3 2列 ----------------------*/
.secStyle3-2 li a {
	display: block;
	line-height: 0;
}
@media (min-width: 1025px) {
	.secStyle3-2 li a:hover {
		box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
		transition: 0.3s;
	}
}
@media (min-width: 768px) {
	.secStyle3-2 ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.secStyle3-2 li {
		width: calc(96% / 2);
		margin-bottom: 4%;
		list-style: none;
		display: inline-block;
		vertical-align: top;
	}
}
@media (max-width: 767px) {
	.secStyle3-2 li {
		margin: 0 0 6%;
		list-style: none;
	}
}
.secStyle3-2 li img {
	width: 100%;
	display: block;
}
/*---------------------- Style3 3列 ----------------------*/
.secStyle3-3 li a {
	display: block;
}
@media (min-width: 1025px) {
	.secStyle3-3 li a:hover {
		box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
		transition: 0.3s;
		line-height: 0;
	}
}
@media (min-width: 768px) {
	.secStyle3-3 ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.secStyle3-3 li {
		width: calc(92% / 3);
		margin-bottom: 4%;
		list-style: none;
		display: inline-block;
		vertical-align: top;
	}
}
@media (max-width: 767px) {
	.secStyle3-3 li {
		margin: 0 0 6%;
		list-style: none;
	}
}
.secStyle3-3 li img {
	width: 100%;
	display: block;
}
/*---------------------- Style3 4列 ----------------------*/
.secStyle3-4 li a {
	display: block;
}
@media (min-width: 1025px) {
	.secStyle3-4 li a:hover {
		box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
		transition: 0.3s;
		line-height: 0;
	}
}
@media (min-width: 768px) {
	.secStyle3-4 ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.secStyle3-4 li {
		width: calc(88% / 4);
		margin-bottom: 4%;
		list-style: none;
		display: inline-block;
		vertical-align: top;
	}
}
@media (max-width: 767px) {
	.secStyle3-4 li {
		margin: 0 0 6%;
		list-style: none;
	}
}
.secStyle3-4 li img {
	width: 100%;
	display: block;
}
/*---------------------- Style4 ----------------------*/
.secStyle4-PL-VL .title, .secStyle4-PL-VL .lede, .secStyle4-PL-VL .text, .secStyle4-PR-VL .title, .secStyle4-PR-VL .lede, .secStyle4-PR-VL .text, .secStyle4-PL-WL .title, .secStyle4-PL-WL .lede, .secStyle4-PL-WL .text, .secStyle4-PR-WL .title, .secStyle4-PR-WL .lede, .secStyle4-PR-WL .text {
	margin: 0 0 20px;
}
.secStyle4-PL-VL .title, .secStyle4-PR-VL .title, .secStyle4-PL-WL .title, .secStyle4-PR-WL .title {
	font-size: 1.4em;
	line-height: 1.5;
	font-weight: 700;
}
.secStyle4-PL-VL .lede, .secStyle4-PL-VL .text, .secStyle4-PR-VL .lede, .secStyle4-PR-VL .text, .secStyle4-PL-WL .lede, .secStyle4-PL-WL .text, .secStyle4-PR-WL .lede, .secStyle4-PR-WL .text {
	line-height: 1.8;
}
.secStyle4-PL-VL .text img {
	max-width: 40%;
	float: left;
	margin: 0.5em 2em 2em 0;
}
.secStyle4-PL-WL .text img {
	max-width: 70%;
	float: left;
	margin: 0.5em 2em 2em 0;
}
.secStyle4-PR-VL .text img {
	max-width: 40%;
	float: right;
	margin: 0.5em 0 2em 2em;
}
.secStyle4-PR-WL .text img {
	max-width: 70%;
	float: right;
	margin: 0.5em 0 2em 2em;
}
.secStyle4-PL-VL .link, .secStyle4-PL-WL .link, .secStyle4-PR-VL .link, .secStyle4-PR-WL .link {
	text-align: right;
	margin: 0 0 4%;
}
.secStyle4-PL-VL .link a, .secStyle4-PR-VL .link a, .secStyle4-PL-WL .link a, .secStyle4-PR-WL .link a {
	color: #232584;
	border: 1px solid #232584;
	background-color: #FFF;
	padding: 20px 40px 20px 30px;
	display: inline-block;
	text-decoration: none;
	border-radius: 6px;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
}
.secStyle4-PL-VL .link a::after, .secStyle4-PR-VL .link a::after, .secStyle4-PL-WL .link a::after, .secStyle4-PR-WL .link a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 2px solid #232584;
	border-right: 2px solid #232584;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media (min-width: 1024px) {
	.secStyle4-PL-VL .link a:hover, .secStyle4-PR-VL .link a:hover, .secStyle4-PL-WL .link a:hover, .secStyle4-PR-WL .link a:hover {
		background-color: #232584;
		color: #FFF;
	}
	.secStyle4-PL-VL .link a:hover::after, .secStyle4-PR-VL .link a:hover::after, .secStyle4-PL-WL .link a:hover::after, .secStyle4-PR-WL .link a:hover::after {
		border-top: 2px solid #FFF;
		border-right: 2px solid #FFF;
	}
}
@media (max-width: 1024px) and (min-width: 768px) {
	.secStyle4-PL-VL .link a, .secStyle4-PR-VL .link a, .secStyle4-PL-WL .link a, .secStyle4-PR-WL .link a {
		padding: 15px 40px 15px 30px;
	}
}
@media (max-width: 767px) {
	.secStyle4-PL-VL .title, .secStyle4-PL-VL .lede, .secStyle4-PL-VL .text, .secStyle4-PL-VL .link, .secStyle4-PR-VL .title, .secStyle4-PR-VL .lede, .secStyle4-PR-VL .text, .secStyle4-PR-VL .link, .secStyle4-PL-WL .title, .secStyle4-PL-WL .lede, .secStyle4-PL-WL .text, .secStyle4-PL-WL .link, .secStyle4-PR-WL .title, .secStyle4-PR-WL .lede, .secStyle4-PR-WL .text, .secStyle4-PR-WL .link {
		margin: 0 0 15px;
	}
	.secStyle4-PL-VL .text img, .secStyle4-PR-VL .text img, .secStyle4-PL-WL .text img, .secStyle4-PR-WL .text img {
		max-width: 100%;
		float: none;
		margin: 0 0 10px;
	}
	.secStyle4-PL-VL .link, .secStyle4-PR-VL .link, .secStyle4-PL-WL .link, .secStyle4-PR-WL .link {
		text-align: center;
		margin: 0 0 6%;
	}
	.secStyle4-PL-VL .link a, .secStyle4-PR-VL .link a, .secStyle4-PL-WL .link a, .secStyle4-PR-WL .link a {
		padding: 15px 30px 15px 20px;
	}
	.secStyle4-PL-VL .link a::after, .secStyle4-PR-VL .link a::after, .secStyle4-PL-WL .link a::after, .secStyle4-PR-WL .link a::after {
		right: 15px;
		width: 6px;
		height: 6px;
	}
}
/*---------------------- Style5 1列 ----------------------*/
.secStyle5-1 li {
	list-style: none;
}
.secStyle5-1 li img {
	width: 100%;
}
.secStyle5-1 li .title {
	line-height: 1.6;
	font-weight: 700;
	text-align: center;
}
.secStyle5-1 li .text {
	line-height: 1.6;
}
@media (min-width: 768px) {
	.secStyle5-1 li {
		margin: 0 0 4%;
	}
	.secStyle5-1 li .title {
		font-size: 1.4em;
		padding-bottom: 2%;
	}
	.secStyle5-1 li .text {
		padding: 2% 0;
	}
}
@media (max-width: 767px) {
	.secStyle5-1 li {
		margin: 0 0 6%;
		list-style: none;
	}
	.secStyle5-1 li .title {
		font-size: 1.2em;
		padding-bottom: 3%;
	}
	.secStyle5-1 li .text {
		padding: 3% 0 0;
	}
}
/*---------------------- Style5 2列 ----------------------*/
.secStyle5-2 li {
	list-style: none;
}
.secStyle5-2 li img {
	width: 100%;
}
.secStyle5-2 li .title {
	line-height: 1.6;
	font-weight: 700;
	text-align: center;
}
.secStyle5-2 li .text {
	line-height: 1.6;
}
@media (min-width: 768px) {
	.secStyle5-2 ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.secStyle5-2 li {
		width: calc(96% / 2);
		margin-bottom: 4%;
		display: inline-block;
		vertical-align: top;
	}
	.secStyle5-2 li .title {
		font-size: 1.2em;
		padding-bottom: 3%;
	}
	.secStyle5-2 li .text {
		padding: 3% 0;
	}
}
@media (max-width: 767px) {
	.secStyle5-2 li {
		margin: 0 0 6%;
		list-style: none;
	}
	.secStyle5-2 li .title {
		font-size: 1.2em;
		padding-bottom: 3%;
	}
	.secStyle5-2 li .text {
		padding: 3% 0 0;
	}
}
/*---------------------- Style5 3列 ----------------------*/
.secStyle5-3 li {
	list-style: none;
}
.secStyle5-3 li img {
	width: 100%;
}
.secStyle5-3 li .title {
	line-height: 1.6;
	font-weight: 700;
	text-align: center;
}
.secStyle5-3 li .text {
	line-height: 1.6;
}
@media (min-width: 768px) {
	.secStyle5-3 ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.secStyle5-3 li {
		width: calc(92% / 3);
		margin-bottom: 4%;
		display: inline-block;
		vertical-align: top;
	}
	.secStyle5-3 li .title {
		font-size: 1.1em;
		padding-bottom: 4%;
	}
	.secStyle5-3 li .text {
		padding: 4% 0 0;
	}
}
@media (max-width: 767px) {
	.secStyle5-3 li {
		margin: 0 0 6%;
		list-style: none;
	}
	.secStyle5-3 li .title {
		font-size: 1.2em;
		padding-bottom: 3%;
	}
	.secStyle5-3 li .text {
		padding: 3% 0 0;
	}
}
/*---------------------- Style6 ----------------------*/
.secStyle6 dl {
	margin: 0 0 4%;
	text-align: center;
}
.secStyle6.bgBlue dl, .secStyle6.bgNavy dl, .secStyle6.bgBlue dl a, .secStyle6.bgNavy dl a {
	color: #FFF;
}
.secStyle6 dt {
	font-size: 1.4em;
	font-weight: 700;
	text-align: center;
	display: inline-block;
	margin: 0px auto 1.5em;
	width: 100%;
	line-height: 1.5;
}
.secStyle6 dd {
	line-height: 1.8;
	text-align: left;
}
.secStyle6 dd img.fLeft {
	max-width: 40%;
	float: left;
	margin: 0.5em 2em 0 0;
}
.secStyle6 dd img.fLeft.w20 {
	max-width: 20%;
	float: left;
	margin: 0.5em 2em 0 0;
}
.secStyle6 dd img.fLeft.w70 {
	max-width: 70%;
	float: left;
	margin: 0.5em 2em 0 0;
}
.secStyle6 dd img.fRight {
	max-width: 40%;
	float: right;
	margin: 0.5em 0 0 2em;
}
.secStyle6 dd img.fRight.w20 {
	max-width: 20%;
	float: right;
	margin: 0.5em 0 0 2em;
}
.secStyle6 dd img.fRight.w70 {
	max-width: 70%;
	float: right;
	margin: 0.5em 0 0 2em;
}
@media (max-width: 767px) {
	.secStyle6 dl {
		margin: 0 0 6%;
	}
	.secStyle6 dt {
		font-size: 1.2em;
		margin-bottom: 20px;
		text-align: left;
	}
	.secStyle6 dd img.fLeft, .secStyle6 dd img.fRight, .secStyle6 dd img.fLeft.w20, .secStyle6 dd img.fRight.w20, .secStyle6 dd img.fLeft.w70, .secStyle6 dd img.fRight.w70 {
		max-width: 100%;
		float: none;
		margin: 0 0 10px;
	}
}
/*---------------------- YouTube ----------------------*/
.secYouTubeInner {
	margin: 0 0 4%;
}
.secYouTube .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.secYouTube .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
@media (max-width: 767px) {
	.secYouTubeInner {
		margin: 0 0 6%;
	}
}
/*---------------------- Pricelist ----------------------*/
.secPricelist .container .title {
	text-align: center;
	font-weight: 700;
	font-size: 1.2em;
	border-top: 4px solid #232584;
	padding: 0.8em;
	background: #FFFFFF;
	line-height: 1.6;
	color: #232584;
}
.secPricelist .container table {
	width: 100%;
	border-top: 1px solid #232584;
	margin: 0 0 6%;
	background: #FFFFFF;
}
.secPricelist .container table:last-child {
	margin: 0;
}
.secPricelist .container th {
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	padding: 1em;
	width: 100%;
	line-height: 1.6;
}
.secPricelist .container td {
	border-bottom: 1px solid #CCCCCC;
	padding: 1em;
	line-height: 1.6;
}
.secPricelist .container td.price {
	text-align: right;
	white-space: nowrap;
	vertical-align: middle;
}
@media(min-width: 768px) {
	.secPricelist .secInner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.secPricelist .container {
		width: calc(96% / 2);
	}
}
@media (max-width: 767px) {
	.secPricelist .container {
		width: 100%;
		margin: 0 0 6%;
	}
	.secPricelist .container.left {
		float: none;
		margin: 0 0 6%;
	}
	.secPricelist .container.right {
		float: none;
		margin: 0 0 6%;
	}
	.secPricelist .container .title {
		padding: 0.6em;
	}
}
/*---------------------- UL ----------------------*/
.secUL.bgBlue, .secUL.bgNavy {
	color: #FFF;
}
.secUL ul {
	margin: 0 0 4%;
	padding: 0 0 0 1.6em;
}
.secUL ul li {
	margin-bottom: 1em;
	line-height: 1.6;
	list-style: none;
}
.secUL.disc ul li {
	list-style: disc;
}
.secUL.decimal ul li {
	list-style: decimal;
}
.secUL.box ul {
	border: 1px solid #999999;
	background-color: #FFFFFF;
	padding: 1.5em 1em 0.5em 2.5em;
}
@media (max-width: 767px) {
	.secUL ul {
		margin: 0 0 6%;
		padding: 0 0 0 1.6em;
	}
}
/*---------------------- DL ----------------------*/
.secDL dl {
	margin: 0 0 4%;
}
.secDL dt {
	margin-bottom: 0.5em;
	line-height: 1.6;
	font-weight: 700;
	font-size: 1.2em;
}
.secDL dd {
	margin-bottom: 2em;
	line-height: 1.6;
}
.secDL .title {
	margin: 0 0 1em;
	font-size: 1.6em;
	letter-spacing: 0.2em;
	color: #28A8E8;
	line-height: 1.6;
	font-weight: 700;
}
.secDL .title.topBorder {
	border-top: 2px solid #232584;
	padding-top: 1em;
}
@media (max-width: 767px) {
	.secDL dl {
		margin: 0 0 6%;
	}
	.secDL .title {
		margin: 0 0 1em;
		font-size: 1.4em;
	}
}
/*---------------------- Q & A ----------------------*/
.secQandA dl {
	margin: 0;
}
.secQandA dt {
	margin-bottom: 0.5em;
	line-height: 1.6;
	font-weight: 700;
	font-size: 1.2em;
	color: #28A8E8;
}
.secQandA dt .flq {
	font-size: 2em;
	margin-right: 0.2em;
	color: #28A8E8;
	font-weight: normal;
}
.secQandA dd {
	line-height: 1.6;
	margin: 0 0 2em 3em;
}
@media (max-width: 767px) {
	.secQandA dl {
		margin: 0 0 6%;
	}
	.secQandA dd {
		margin: 0 0 2em;
	}
}
/*---------------------- Table ----------------------*/
.secTable .title {
	text-align: center;
	font-weight: 700;
	font-size: 1.5em;
	border-top: 4px solid #232584;
	padding: 0.8em;
	background: #FFFFFF;
	line-height: 1.6;
	margin: 0 4%;
}
.secTable.column2Title1 .title {
	border-top: none;
	padding: 0.8em;
}
.secTable table {
	margin: 0 0 4%;
	width: 100%;
	background: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	line-height: 1.6;
	box-sizing: border-box;
}
.secTable.column2Title1 table {
	border-left: none;
}
.secTable th, .secTable td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 0.8em 1em;
}
.secTable.column2Title1 th, .secTable.column2Title1 td {
	border-right: none;
	border-bottom: 1px solid #CCCCCC;
	padding: 0.8em 1em;
}
.secTable th {
	text-align: left;
	font-weight: 700;
	background: #f0f0f0;
	vertical-align: middle;
}
.secTable.column2Title1 th {
	background: #fff;
}
.secTable.column1 th {
	border-right: none;
	background: none;
	text-align: center;
}
.secTable.column4, .secTable.column5 {
	font-size: 0.9em;
}
.secTable.column6, .secTable.column7 {
	font-size: 0.8em;
}
@media (max-width: 767px) {
	.secTable .title {
		padding: 0.6em;
		margin: 0 6%;
	}
	.secTable table {
		margin: 0 0 6%;
		width: 100%;
	}
	.secTable th, .secTable td {
		letter-spacing: normal;
		padding: 0.6em 0.8em;
		font-size: 0.9em;
		vertical-align: middle;
	}
	.secTable.column1 th {
		display: block;
		text-align: left;
		border-right: 1px solid #CCCCCC;
		border-bottom: none;
		padding: 0.6em 0.8em 0;
	}
	.secTable.column1 td {
		display: block;
		padding: 0 0.8em 0.6em;
	}
	.secTable.column2Title1 th, .secTable.column2Title1 td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.secTable.column2Title1 th {
		border-bottom: none;
		padding: 0.8em 0.8em 0.5em;
	}
	.secTable.column2Title1 td {
		display: block;
		padding: 0 0.8em 0.8em;
	}
}
/*---------------------- Style7 ----------------------*/
.secStyle7 .title {
	font-size: 1.4em;
	font-weight: 700;
	text-align: center;
	display: inline-block;
	margin: 0 0 1.5em;
	line-height: 1.5;
}
.secStyle7 .flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.secStyle7 .photo {
	width: 40%;
	margin: 0 0 4%;
}
.secStyle7 .photo img {
	width: 100%;
}
.secStyle7 table {
	width: 55%;
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 4%;
}
.secStyle7 table th {
	padding: 1em 0.5em;
	border-top: 1px solid #CCCCCC;
	font-weight: 700;
	text-align: left;
	line-height: 1.5;
}
.secStyle7 table td {
	padding: 1em 0.5em;
	border-top: 1px solid #CCCCCC;
	line-height: 1.5;
}
@media (max-width: 767px) {
	.secStyle7 .title {
		font-size: 1.4em;
		text-align: left;
		margin: 0 0 1em;
	}
	.secStyle7 img {
		max-width: 88%;
		margin: 0 0 1.5em;
	}
	.secStyle7 table {
		width: 100%;
		margin: 0 0 6%;
	}
}
/*---------------------- Style8 ----------------------*/
.secStyle8 .title {
	font-size: 1.4em;
	font-weight: 700;
	text-align: center;
	display: inline-block;
	margin: 0px auto 1.5em;
	width: 100%;
	line-height: 1.5;
}
.secStyle8 .flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 4%;
}
.secStyle8 .photo {
	width: 40%;
}
.secStyle8 img {
	width: 100%;
}
.secStyle8 table {
	width: 55%;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: #FFFFFF;
}
.secStyle8 table th {
	padding: 1em 0.5em;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
}
.secStyle8 table td {
	padding: 1em 0.5em;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	line-height: 1.5;
}
@media (max-width: 767px) {
	.secStyle8 .secInner {
		margin: 0;
		padding-bottom: 6%;
	}
	.secStyle8 .title {
		font-size: 1.4em;
		text-align: left;
		margin: 0px auto 1em;
	}
	.secStyle8 img {
		max-width: 100%;
		margin: 0px auto 1.5em;
	}
	.secStyle8 table {
		width: 100%;
	}
}
/*---------------------- Style9 ----------------------*/
.secStyle9 p {
	margin: 0 0 4%;
	line-height: 1.8;
}
@media (max-width: 767px) {
	.secStyle9 p {
		margin: 0 0 6%;
	}
}
/*---------------------- Style10 ----------------------*/
.secStyle10 .secInner .title {
	font-size: 1.2em;
	margin: 0 0 1em;
	font-weight: 700;
	line-height: 1.5;
}
.secStyle10 .secInner p {
	margin: 0 0 4%;
	line-height: 1.8;
}
@media (max-width: 767px) {
	.secStyle10 .secInner .title {
		margin: 0 0 1em;
	}
	.secStyle10 .secInner p {
		margin: 0 0 6%;
		line-height: 1.8;
	}
}

/* =========================================
   会社概要セクションのスタイル
========================================= */
.company-outline-sec {
    padding: 80px 20px;
    background-color: #ffffff; /* 清潔感のある白背景 */
}

.outline-inner {
    max-width: 800px; /* 少し狭めにすることで文字の視線移動を減らし、上品に見せます */
    margin: 0 auto;
}

/* タイトル周り */
.outline-heading {
    text-align: center;
    margin-bottom: 50px;
}

.outline-heading .jp-title {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #333333;
    margin: 0 0 5px 0;
}

.outline-heading .en-title {
    font-size: 14px;
    letter-spacing: 0.15em;
    color: #e50012; /* サイトのアクセントカラーに合わせる（赤） */
    display: block;
}

/* 会社概要リスト全体 */
.outline-list {
    width: 100%;
    border-top: 1px solid #e0e0e0; /* 上部の極細ライン */
}

/* 各行の設定 */
.outline-row {
    display: flex;
    padding: 25px 15px;
    border-bottom: 1px solid #e0e0e0;
    transition: background-color 0.3s ease;
}

/* ホバー時にごくわずかに背景色を変えて、リッチな手触りを演出 */
.outline-row:hover {
    background-color: #fafafa;
}

/* 項目名（左側） */
.outline-row dt {
    width: 25%;
    font-weight: bold;
    color: #333;
    font-size: 15px;
    letter-spacing: 0.05em;
    padding-right: 20px;
}

/* 内容（右側） */
.outline-row dd {
    width: 75%;
    margin: 0;
    color: #555; /* 真っ黒ではなく少しグレーにしてスタイリッシュに */
    font-size: 15px;
    line-height: 1.8;
}

/* リスト内の箇条書きスタイル */
.business-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.business-list li {
    position: relative;
    padding-left: 1em;
    margin-bottom: 5px;
}

.business-list li::before {
    content: "・";
    position: absolute;
    left: 0;
    color: #e50012; /* アクセントで赤を入れる */
}

/* マップへのリンク（先ほど作成したホバーエフェクトを応用） */
.map-link {
    display: inline-block;
    margin-top: 10px;
    color: #e50012;
    text-decoration: none;
    font-size: 14px;
    border-bottom: 1px solid #e50012;
    padding-bottom: 2px;
    transition: all 0.3s ease;
}

.map-link:hover {
    transform: scale(1.05);
    opacity: 0.8;
}

/* =========================================
   スマートフォン用（レスポンシブ）
========================================= */
@media (max-width: 767px) {
    .company-outline-sec {
        padding: 50px 15px;
    }
    
    .outline-row {
        flex-direction: column; /* 縦並びに切り替え */
        padding: 20px 10px;
    }
    
    .outline-row dt {
        width: 100%;
        margin-bottom: 10px;
        color: #333; /* ← ここを赤（#e50012）からPCと同じ色（#333）に変更しました */
    }
    
    .outline-row dd {
        width: 100%;
    }
}
/* =========================================
   スタイリッシュな誘導ボタン（赤色バージョン）
========================================= */

/* ボタンを中央に配置するエリア */
.outline-btn-area {
    text-align: center;
    margin-top: 60px; /* 会社概要リストとの余白 */
}

/* ボタン本体のスタイル（ゴーストボタン） */
.btn-stylish-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 18px 40px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em; /* 文字間隔を少し開けて上品に */
    color: #e50012; /* 文字色（テーマカラー） */
    background-color: transparent; /* 背景は透明 */
    border: 1px solid #e50012; /* 枠線（テーマカラー） */
    border-radius: 50px; /* 角丸で柔らかい印象に */
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); /* なめらかなアニメーション */
    position: relative;
    overflow: hidden;
}

/* 矢印アイコンのスタイル */
.btn-stylish-arrow .arrow-icon {
    margin-left: 15px; /* テキストとの間隔 */
    transition: transform 0.3s ease; /* 矢印が動くアニメーション */
}

/* ホバー時（マウスを乗せた時）の変化 */
.btn-stylish-arrow:hover {
    background-color: #e50012; /* 背景をテーマカラーで塗りつぶす */
    color: #ffffff; /* 文字を白に反転 */
    transform: translateY(-2px); /* 少しだけ上にフワッと浮く */
    box-shadow: 0 5px 15px rgba(229, 0, 18, 0.2); /* 控えめな影をつける */
}

/* ホバー時に矢印が右にスッと動く */
.btn-stylish-arrow:hover .arrow-icon {
    transform: translateX(5px);
}

/* スマホ用（必要に応じて少し小さく） */
@media (max-width: 767px) {
    .btn-stylish-arrow {
        padding: 15px 30px;
        font-size: 14px;
        width: 100%; /* スマホでは横幅いっぱいに広げたい場合はこの行を残す */
        max-width: 300px; /* ただし広がりすぎないように制限 */
    }
}
/* =========================================
   スタイリッシュな誘導ボタン（紺色バージョン）
========================================= */

/* ボタンを中央に配置するエリア */
.outline-btn-area {
    text-align: center;
    margin-top: 60px; /* 会社概要リストとの余白 */
}

/* ボタン本体のスタイル（ゴーストボタン） */
.btn-stylish-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 18px 40px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #28A8E8; /* ★文字色を紺色に */
    background-color: transparent; 
    border: 1px solid #28A8E8; /* ★枠線も紺色に */
    border-radius: 50px; 
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
}

/* 矢印アイコンのスタイル */
.btn-stylish-arrow .arrow-icon {
    margin-left: 15px; 
    transition: transform 0.3s ease; 
}

/* ホバー時（マウスを乗せた時）の変化 */
.btn-stylish-arrow:hover {
    background-color: #28A8E8; /* ★背景を紺色で塗りつぶす */
    color: #ffffff; /* 文字を白に反転 */
    transform: translateY(-2px); 
    box-shadow: 0 5px 15px rgba(40, 168, 232, 0.2); /* ★影も紺色ベースに調整（#1a365dのRGB値） */
}

/* ホバー時に矢印が右にスッと動く */
.btn-stylish-arrow:hover .arrow-icon {
    transform: translateX(5px);
}

/* スマホ用 */
@media (max-width: 767px) {
    .btn-stylish-arrow {
        padding: 15px 30px;
        font-size: 14px;
        width: 100%; 
        max-width: 300px; 
    }
}