@charset "UTF-8";

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

	common

-----------------------------------*/
#contents a.more {
	width: 223px;
	text-align: center;
	border: 1px solid #10436D;
	font-size: 18px;
	font-family: "Poppins", sans-serif;
	line-height: 1;
	color: #10436D;
	padding: 15px 0;
	position: relative;
}
#contents a.more::after {
	content: "";
	width: 52px;
	height: 9px;
	background: url(../img/index/link_arrow01.svg) no-repeat center/contain;
	position: absolute;
	top: calc(50% - 4px);
	right: -23px;
	transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
	#contents a.more {
		width: 180px;
		font-size: 16px;
		padding: 10px 0;
	}
	#contents a.more::after {
		width: 36px;
		height: 6px;
		top: calc(50% - 3px);
		right: -16px;
	}
}
/*-----------------------------------

	mainvisual

-----------------------------------*/
#mainvisual {
	width: 100%;
	position: relative;
}
#mainvisual .swiper {
	margin-left: 0;
	height: calc(90vh - 95px);
    border-radius: 0 5px 5px 0;
}

#mainvisual .image {
	width: calc(100vw - 200px);
	position: relative;
}
#mainvisual .image::after {
	content: "WE REALISE YOUR DREAM BY OUR CREATIVE.";
	font-size: 25px;
	font-family: "Poppins", sans-serif;
	font-weight: 200;
	line-height: 1;
	writing-mode: vertical-rl;
	height: max-content;
	position: absolute;
	top: 50%;
	right: -12.5px;
	transform: translateY(-50%);
	z-index: 2;
}
#mainvisual .image img {
	border-radius: 0 10px 10px 0;
	-webkit-transition: 7s 1s ease-out;
    transition: 7s 1s ease-out;
	object-fit: cover;
	object-position: center;
}

#mainvisual .mv_text {
	background: #FFF;
	position: absolute;
	top: 50%;
	right: calc((50vw - 550px) + 60px);
	transform: translateY(-50%);
	font-size: 38px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0.075;
	padding: 15px;
	z-index: 2;
}
#mainvisual .mv_text span {
	font-size: 42px;
	color: #10436D;
}
#mainvisual .scroll {
	position: absolute;
	right: 108px;
	bottom:	0;
	height: 108px;
	z-index: 1;
	animation: arrowmove 1s ease-in-out infinite;
}
@keyframes arrowmove {
	0%{bottom:0px;}
	50%{bottom:20px;}
	100%{bottom:0px;}
}
#mainvisual .scroll span {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1;
  writing-mode: vertical-rl;
  position: absolute;
  top: 0;
  left: 0;
}
#mainvisual .scroll::before,
#mainvisual .scroll::after {
	content: "";
	width: 1px;
	background: #333333;
	position: absolute;
	bottom: 0;
}
#mainvisual .scroll::before {
	height: 52px;
	left: 7.5px;
}
#mainvisual .scroll::after{
	height: 15px;
	left: 14px;
	transform: skewX(-40deg);
}
@media screen and (max-width: 1610px) {
	#mainvisual .swiper {
		height: auto;
	}
}

@media screen and (max-width: 1500px) {
	#mainvisual .image {
		width: calc(100% - 200px);
	}
	#mainvisual .mv_text {
		right: 260px;
	}
}
@media screen and (max-width: 1100px) {
	#mainvisual .image {
		width: calc(100% - 80px);
	}
	#mainvisual .image::after {
		font-size: 1.82vw;
		right: -0.9vw;
	}
	#mainvisual .mv_text {
		right: calc(80px + 3vw);
		font-size: 2.73vw;
		padding: 10px;
	}
	#mainvisual .mv_text span {
		font-size: 3.1vw;
	}
	#mainvisual .scroll {
		right: 50px;
	}
}
@media screen and (max-width: 640px) {
	#mainvisual .image {
		width: calc(100% - 40px);
		height: calc(50vh - 50px);
	}
	#mainvisual .image::after {
		font-size: 2.8vw;
		right: -1.4vw;
	}
	#mainvisual .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#mainvisual .mv_text {
		right: calc(40px + 5vw);
		font-size: 4.6vw;
	}
	#mainvisual .mv_text span {
		font-size: 5vw;
	}
	#mainvisual .scroll {
		right: 25px;
		height: 80px;
	}
	#mainvisual .scroll span {
		font-size: 12px;
	  }
	#mainvisual .scroll::before {
		height: 35px;
		left: 6px;
	}
	#mainvisual .scroll::after{
		height: 10px;
		left: 10px;
	}
	#mainvisual .swiper {
		height: calc(50vh - 50px);
	}
}
/*-----------------------------------

	concept_block

-----------------------------------*/
#concept_block {
	padding: 120px 0 215px;
}
#concept_block .contents_inner {
	text-align: center;
	position: relative;
	z-index: 0;
}
#concept_block h2 {
	font-size: 28px;
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
	line-height: 1;
	color: #655D50;
	margin-bottom: 50px;
	position: relative;
}
#concept_block .copy {
	font-size: 42px;
	line-height: 1.54;
	color: #10436D;
	padding-bottom: 40px;
	margin-bottom: 40px;
	position: relative;
}
#concept_block .copy::after {
	content: "";
	width: 50px;
	height: 1px;
	border-top: 1px dotted #655D50;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
#concept_block p {
	width: 50%;
	margin: 0 auto;
}
#concept_block .image01,
#concept_block .image02,
#concept_block .image03 {
	position: absolute;
	border-radius: 10px;
	overflow: hidden;
	z-index: -1;
}
#concept_block .image01 {
	width: 283px;
	top: 0;
	left: -158px;
}
#concept_block .image02 {
	width: 253px;
	top: 458px;
	left: -55px;
}
#concept_block .image03 {
	width: 381px;
	top: 60px;
	right: -200px;
}
@media screen and (max-width: 1100px) {
	#concept_block .image01 {
		width: 25.727%;
		left: -12%;
	}
	#concept_block .image02 {
		width: 23%;
		top: 37vw;
		left: -5.5%;
	}
	#concept_block .image03 {
		width: 34.636%;
		top: 40px;
		right: -18.182%;
	}
}
@media screen and (max-width: 840px) {
	#concept_block {
		padding: 120px 0;
	}
	#concept_block h2 {
		font-size: 24px;
		margin-bottom: 40px;
	}
	#concept_block .copy {
		font-size: 36px;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	#concept_block p {
		width: 100%;
	}
	#concept_block .image01,
	#concept_block .image02,
	#concept_block .image03 {
		display: none;
	}
}
@media screen and (max-width: 640px) {
	#concept_block {
		padding: 60px 0;
	}
	#concept_block h2 {
		font-size: 18px;
		margin-bottom: 25px;
	}
	#concept_block .copy {
		font-size: 22px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
}
/*-----------------------------------

	news_block

-----------------------------------*/
#news_block {
	padding-bottom: 100px;
}
#news_block .contents_inner {
	background: url(../img/index/news_bg.jpg) no-repeat center/cover;
	border-radius: 10px;
	padding: 80px 60px;
	position: relative;
}
#news_block h2 {
	font-size: 55px;
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
	line-height: 1;
	color: #10436D;
	white-space: nowrap;
	position: absolute;
	top: -27.5px;
	left: 50%;
	transform: translateX(-50%);
}
#news_block .news_inner {
	display: flex;
	column-gap: 8%;
}
#news_block .news_inner article {
	width: 28%;
	position: relative;
}
#news_block .news_inner article:not(:last-child)::after {
	content: "";
	width: 1px;
	height: 60%;
	background: #10436D;
	position: absolute;
	top: 50%;
	left: 114%;
	transform: translateY(-50%);
}
#news_block .news_inner article a time {
	display: block;
	font-size: 14px;
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
	line-height: 1;
	margin-bottom: 15px;
}
#news_block .news_inner article a .title {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	overflow: hidden;
}
#news_block .news_inner article a ul.cat {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 15px;
}
#news_block .news_inner article a ul.cat li {
	font-size: 13px;
	line-height: 1;
	letter-spacing: 0;
	padding: 7px 10px;
	background: #FFF;
	border-radius: 20px;
}
#news_block a.more {
	position: absolute;
	bottom: -25px;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (max-width: 840px) {
	#news_block h2 {
		font-size: 46px;
		top: -23px;
	}
	#news_block .news_inner {
		flex-wrap: wrap;
		gap: 80px 0;
	}
	#news_block .news_inner article {
		width: 100%;
	}
	#news_block .news_inner article:not(:last-child)::after {
		width: 100%;
		height: 1px;
		top: calc(100% + 40px);
		left: 50%;
		transform: translate(-50%,0);
	}
}
@media screen and (max-width: 640px) {
	#news_block {
		padding-bottom: 60px;
	}
	#news_block .contents_inner {
		padding: 60px 30px;
	}
	#news_block h2 {
		font-size: 26px;
		top: -13px;
	}
	#news_block .news_inner {
		gap: 60px 0;
	}
	#news_block .news_inner article:not(:last-child)::after {
		top: calc(100% + 30px);
	}
	#news_block .news_inner article a time {
		font-size: 12px;
		margin-bottom: 10px;
	}
	#news_block .news_inner article a .title {
		font-size: 13px;
		margin-bottom: 15px;
	}
	#news_block .news_inner article a ul.cat {
		gap: 10px;
	}
	#news_block .news_inner article a ul.cat li {
		font-size: 11px;
		padding: 5px 8px;
	}
	#news_block a.more {
		bottom: -19px;
	}
}
/*-----------------------------------

	image_block

-----------------------------------*/
@media screen and (max-width: 840px) {
	#image_block img {
		width: 100%;
		height: 40vw;
		object-fit: cover;
	}
}
@media screen and (max-width: 640px) {
	#image_block img {
		height: 60vw;
	}
}
/*-----------------------------------

	business_block

-----------------------------------*/
#business_block {
	padding: 100px 0;
	background: url(../img/index/business_bg.jpg) no-repeat center/cover;
}
#business_block h2 {
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	margin-bottom: 100px;
}
#business_block h2::before {
	content: "BUSINESS";
	display: block;
	font-size: 50px;
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
	line-height: 1;
	color: #10436D;
	margin-bottom: 20px;
}
#business_block .business_inner {
	display: flex;
	justify-content: space-between;
	margin-bottom: 100px;
}
#business_block .business_inner:nth-of-type(2) {
	flex-direction: row-reverse;
	margin-bottom: 0;
}
#business_block .business_inner .text {
	max-width: 400px;
	width: 45%;
}
#business_block .business_inner:first-of-type .text {
	padding-left: 40px;
}
#business_block .business_inner:last-of-type .text {
	padding-right: 40px;
}
#business_block .business_inner .text h3 {
	font-size: 28px;
	font-weight: 400;
	line-height: 1;
	padding-left: 60px;
	position: relative;
	margin-bottom: 30px;
}
#business_block .business_inner .text h3::before {
	content: "BUSINESS";
	font-size: 16px;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
	line-height: 1;
	color: #655D50;
	display: block;
	margin-bottom: 10px;
}
#business_block .business_inner .text h3::after {
	content: "";
	width: 44px;
	height: 77px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
#business_block .business_inner:first-of-type .text h3::after {
	background: url(../img/index/business_ttl_icon01.svg) no-repeat center/contain;
}
#business_block .business_inner:last-of-type .text h3::after {
	background: url(../img/index/business_ttl_icon02.svg) no-repeat center/contain;
}
#business_block .business_inner .text p {
	margin-bottom: 40px;
}
#business_block .business_inner .image {
	width: 54.545%;
	position: relative;
}
#business_block .business_inner:first-of-type .image::before {
	content: "";
	position: absolute;
	width: 200px;
	height: 216px;
	background: url(../img/index/business_img01_text.svg) no-repeat center/contain;
	top: -20px;
	right: -20px;
}
#business_block .business_inner:last-of-type .image::before {
	content: "";
	position: absolute;
	width: 270px;
	height: 304px;
	background: url(../img/index/business_img02_text.svg) no-repeat center/contain;
	bottom: -20px;
	left: -20px;
}
#business_block .business_inner .image img {
	border-radius: 10px;
}
@media screen and (max-width: 1100px) {
	#business_block .business_inner {
		column-gap: 40px;
	}
	#business_block .business_inner:first-of-type .text {
		padding-left: 0;
	}
	#business_block .business_inner:last-of-type .text {
		padding-right: 0;
	}
	#business_block .business_inner .text h3 {
		font-size: 26px;
		letter-spacing: 0;
		padding-left: 60px;
	}
}
@media screen and (max-width: 840px) {
	#business_block .business_inner {
		flex-wrap: wrap;
		gap: 50px 0;
	}
	#business_block .business_inner .text {
		max-width: none;
		width: 100%;
	}
	#business_block .business_inner .image {
		width: 100%;
	}
}
@media screen and (max-width: 640px) {
	#business_block {
		padding: 50px 0 60px;
	}
	#business_block h2 {
		font-size: 12px;
		margin-bottom: 50px;
	}
	#business_block h2::before {
		font-size: 28px;
		margin-bottom: 10px;
	}
	#business_block .business_inner {
		gap: 30px 0;
		margin-bottom: 50px;
	}
	#business_block .business_inner .text h3 {
		font-size: 20px;
		padding-left: 45px;
		margin-bottom: 15px;
	}
	#business_block .business_inner .text h3::before {
		font-size: 12px;
		margin-bottom: 5px;
	}
	#business_block .business_inner .text h3::after {
		width: 35px;
		height: 62px;
	}
	#business_block .business_inner .text p {
		margin-bottom: 20px;
	}
	#business_block .business_inner:first-of-type .image::before {
		width: 140px;
		height: 151px;
		top: -15px;
		right: -15px;
	}
	#business_block .business_inner:last-of-type .image::before {
		width: 189px;
		height: 213px;
		bottom: -15px;
		left: -15px;
	}
}
/*-----------------------------------

	partner_block

-----------------------------------*/
#partner_block {
	padding: 0 0 200px;
}
#partner_block h2 {
	font-size: 55px;
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
	line-height: 1;
	color: #10436D;
	margin-bottom: 60px;
}
#partner_block .partner_inner {
	background: url(../img/index/partner_bg.jpg) no-repeat center/cover;
	padding: 40px 0;
	border-radius: 10px;
	position: relative;
	color: #FFF;
}
#partner_block .partner_inner .ttl {
	background: #10436D;
	font-size: 28px;
	font-weight: 300;
	letter-spacing: 0.1em;
	line-height: 1;
	padding: 15px 0 15px 35px;
	width: 425px;
	border-radius: 0 5px 5px 0;
	margin-bottom: 10px;
}
#partner_block .partner_inner p {
	font-size: 15px;
	line-height: 1.86;
	letter-spacing: 0;
	padding-left: 35px;
}
#partner_block .partner_inner a.more {
	position: absolute;
	top: 50%;
	right: 70px;
	transform: translateY(-50%);
	background: rgba(255,255,255,0.8);
}
@media screen and (max-width: 840px) {
	#partner_block h2 {
		font-size: 45px;
	}
	#partner_block .partner_inner .ttl {
		font-size: 22px;
		letter-spacing: 0.05em;
		padding: 10px 0 10px 15px;
		width: 350px;
	}
	#partner_block .partner_inner p {
		font-size: 13px;
		padding-left: 15px;
	}
	#partner_block .partner_inner a.more {
		right: 30px;
		width: 180px;
		font-size: 16px;
		padding: 10px 0;
	}
}
@media screen and (max-width: 640px) {
	#partner_block {
		padding: 0 0 150px;
	}
	#partner_block h2 {
		font-size: 26px;
		margin-bottom: 30px;
	}
	#partner_block .partner_inner {
		padding: 30px 20px 30px 0;
	}
	#partner_block .partner_inner .ttl {
		width: 90%;
		margin-bottom: 5px;
	}
	#partner_block .partner_inner a.more {
		position: static;
		margin: 20px auto 0;
		transform: translateY(0);
	}
}
/*-----------------------------------

	company_block

-----------------------------------*/
#company_block {
	padding: 100px 0;
}
#company_block .contents_inner {
	display: flex;
}
#company_block .text {
	width: calc(100% + (50vw - 50%));
	margin: 0 -54.545% 0 calc(50% - 50vw);
	padding: 0 60% 0 calc(50vw - 50%);
	border-radius: 280px;
	background: url(../img/index/company_bg.jpg) no-repeat center/cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#company_block .text h2 {
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 30px;
	margin-bottom: 30px;
}
#company_block .text h2::before {
	content: "COMPANY";
	font-size: 50px;
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
	color: #10436D;
}
#company_block .text p {
	margin-bottom: 50px;
}
#company_block .text ul {
	display: flex;
	flex-direction: column;
	row-gap: 25px;
}
#company_block .text ul li a.more {
	width: calc(100% - 30px);
	margin-left: 30px;
}
#company_block .text ul li a.more::after {
	right: auto;
	left: -30px;
}
#company_block .image {
	width: 93.818%;
	margin: 0 -39.364% 0 0;
	border-radius: 280px;
	overflow: hidden;
}
@media screen and (max-width: 1100px) {
	#company_block {
		padding: 50px 0;
	}
	#company_block .text {
		width: 150%;
		margin: 0 -50% 0 -25%;
		padding: 0 80% 0 25%;
	}
	#company_block .image {
		width: 100%;
		height: 550px;
		margin-right: -40%;
		margin-left: -25%;
	}
	#company_block .image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
@media screen and (max-width: 840px) {
	#company_block .text {
		padding: 0 65% 0 25%;
		border-radius: 220px;
	}
	#company_block .text h2 {
		font-size: 18px;
		column-gap: 20px;
		margin-bottom: 20px;
	}
	#company_block .text h2::before {
		font-size: 42px;
	}
	#company_block .text p {
		margin-bottom: 30px;
	}
	#company_block .text ul {
		row-gap: 20px;
	}
	#company_block .image {
		width: 100%;
		height: 450px;
		margin-right: -70%;
		margin-left: -10%;
		border-radius: 220px;
	}
}
@media screen and (max-width: 640px) {
	#company_block .contents_inner {
		flex-direction: column;
	}
	#company_block .text {
		width: 165%;
		margin: 0 -15% 0 -50%;
		padding: 30px 15% 60px 50%;
	}
	#company_block .text h2 {
		font-size: 14px;
		column-gap: 15px;
		margin-bottom: 15px;
	}
	#company_block .text h2::before {
		font-size: 26px;
	}
	#company_block .text p {
		margin-bottom: 20px;
	}
	#company_block .text ul {
		row-gap: 15px;
	}
	#company_block .text ul li a.more {
		width: calc(100% - 15px);
		margin-left: 15px;
	}
	#company_block .text ul li a.more::after {
		left: -15px;
	}
	#company_block .image {
		width: 100%;
		height: auto;
		margin: -40px -25% 0 auto;
	}
}
/*-----------------------------------

	recruit_block

-----------------------------------*/
#recruit_block {
	padding-bottom: 100px;
}
#recruit_block .contents_inner {
	display: flex;
	align-items: center;
}
#recruit_block .image {
	width: calc(48.182% + (50vw - 50%));
	margin: 0 -10.455% 0 calc(50% - 50vw);
	display: flex;
	column-gap: 3.5%;
	position: relative;
}
#recruit_block .image img {
	width: 31%;
	border-radius: 10px;
}
#recruit_block .image img:nth-of-type(2) {
	margin: -100px 0 100px;
}
#recruit_block .text {
	background: #10436D;
	color: #FFF;
	width: calc(62.273% + (50vw - 50%));
	margin: 0 calc(50% - 50vw) 0 auto;
	padding: 110px calc(50vw - 50%) 110px 19.636%;
	border-radius: 10px 0 0 10px;
}
#recruit_block .text h2 {
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
	display: flex;
	align-items: center;
	column-gap: 30px;
	margin-bottom: 50px;
}
#recruit_block .text h2::before {
	content: "RECRUIT";
	font-size: 60px;
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
}
#recruit_block .text p {
	margin-bottom: 40px;
}
#recruit_block .text a.more {
	border: 1px solid #FFFDC4;
	color: #FFFDC4;
}
#recruit_block .text a.more::after {
	background: url(../img/index/link_arrow02.svg) no-repeat center/contain;
}
@media screen and (max-width: 1500px) {
	#recruit_block .image {
		width: calc(53% + (50vw - 50%));
		margin: 0 -15% 0 calc(50% - 50vw);
	}
	#recruit_block .text {
		padding: 90px calc(50vw - 50%) 90px 19.636%;
	}
}
@media screen and (max-width: 1100px) {
	#recruit_block .image {
		width: calc(52% + (50vw - 50%));
		margin: 0 -14% 0 calc(50% - 50vw);
		column-gap: 2%;
	}
	#recruit_block .image img {
		width: 32%;
	}
	#recruit_block .text {
		padding: 70px calc(50vw - 50%) 70px 16%;
	}
	#recruit_block .text h2 {
		column-gap: 15px;
	}
}
@media screen and (max-width: 840px) {
	#recruit_block .contents_inner {
		flex-wrap: wrap;
	}
	#recruit_block .image {
		width: calc(100% + (50vw - 50%));
		margin: 0 auto -70px calc(50% - 50vw);
		column-gap: 3.5%;
	}
	#recruit_block .image img {
		width: 31%;
	}
	#recruit_block .text {
		width: calc(100% + (50vw - 50%));
		padding: 100px calc(50vw - 50%) 100px 50px;
	}
	#recruit_block .text h2 {
		font-size: 16px;
		margin-bottom: 30px;
	}
	#recruit_block .text h2::before {
		font-size: 46px;
	}
}
@media screen and (max-width: 640px) {
	#recruit_block {
		padding-bottom: 50px;
	}
	#recruit_block .image {
		margin: 0 auto -60px calc(50% - 50vw);
	}
	#recruit_block .text {
		padding: 80px calc(50vw - 50%) 60px 30px;
	}
	#recruit_block .text h2 {
		font-size: 14px;
		margin-bottom: 20px;
	}
	#recruit_block .text h2::before {
		font-size: 32px;
	}
	#recruit_block .text p {
		margin-bottom: 30px;
	}
}
/*-----------------------------------

	access_block

-----------------------------------*/
#access_block {
	padding-bottom: 100px;
}
#access_block h2 {
	font-size: 60px;
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
	line-height: 1;
	color: #10436D;
	text-align: center;
	margin-bottom: 60px;
}
#access_block .ggmap {
	width: 100vw;
	height: 0;
	margin: 0 calc(50% - 50vw) 60px;
	padding: 30px 0 224px;
	position: relative;
	overflow: hidden;
}
#access_block .ggmap iframe,
#access_block .ggmap object,
#access_block .ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#access_block ul.access_details {
	display: flex;
}
#access_block ul.access_details li {
	width: 33.33%;
	display: flex;
	justify-content: center;
	column-gap: 15px;
	padding: 10px;
}
#access_block ul.access_details li:not(:last-child) {
	border-right: 1px solid #655D50;
}
#access_block ul.access_details li.item02 img {
	width: 28px;
}
#access_block ul.access_details li.item03 img {
	width: 40px;
}
#access_block ul.access_details li span {
	line-height: 1.4;
}
@media screen and (max-width: 840px) {
	#access_block h2 {
		font-size: 46px;
	}
	#access_block ul.access_details li {
		column-gap: 10px;
	}
	#access_block ul.access_details li span {
		font-size: 14px;
	}
	#access_block ul.access_details li.item02 img {
		width: 22px;
	}
	#access_block ul.access_details li.item03 img {
		width: 32px;
	}
}
@media screen and (max-width: 640px) {
	#access_block {
		padding-bottom: 50px;
	}
	#access_block h2 {
		font-size: 32px;
		margin-bottom: 30px;
	}
	#access_block .ggmap {
		margin: 0 calc(50% - 50vw) 30px;
		padding: 30px 0 154px;
	}
	#access_block ul.access_details {
		flex-wrap: wrap;
	}
	#access_block ul.access_details li {
		width: 100%;
		padding: 10px;
	}
	#access_block ul.access_details li:not(:last-child) {
		border-right: none;
		border-bottom: 1px solid #655D50;
	}
	#access_block ul.access_details li.item01 {
		padding-left: 32px;
	}
	#access_block ul.access_details li.item02 img {
		width: 32px;
		height: 29px;
		object-fit: contain;
	}
	#access_block ul.access_details li.item03 img {
		width: 32px;
		height: 29px;
		object-fit: contain;
	}
}