@charset "utf-8";


#information_sec.informationShared {
 box-sizing: border-box;
 width: 100%;
 max-width: 100vw;
 color: #000;
 font-family: "Zen Kaku Gothic Antique", sans-serif;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.75;
 text-align: left;
}
#information_sec.informationShared .inner {
 width: 90%;
 margin: 0 auto;
}
#information_sec.informationShared h3,
#information_sec.informationShared p {
 margin: 0;
 padding: 0;
 border: none;
 background: transparent;
 text-align: left;
}
#information_sec.informationShared h3::after { content: none; }
#information_sec.informationShared a { color: #000; }
#information_sec.informationShared .sp { display: none !important; }
@media only screen and (max-width: 768px) {
 #information_sec.informationShared .sp { display: block !important; }
}

#information_sec.informationShared .cmn_info h3 {
	font-size: 34px;
	letter-spacing: 0.06em;
	color: #000;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 15px;
}
#information_sec.informationShared .cmn_info h3 .en {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 14px;
	display: block;
	margin-bottom: 9.7px;
	position: relative;
	padding-left: 17.4px;
}
#information_sec.informationShared .cmn_info h3 .en::before {
	content: "";
	position: absolute;
	background: url("../../images/top/icon_kome.svg") no-repeat;
	background-size: cover;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 12px;
	height: 12px;
}
#information_sec.informationShared .cmn_info .txt {
	font-size: 15px;
	letter-spacing: 0.06em;
}
#information_sec.informationShared .cmn_info .notes {
	font-size: 13px;
	margin: 0 0 35px;
	text-indent: 0;
}
#information_sec.informationShared .cmn_info .btn_area {
	display: flex;
	flex-flow: wrap;
	gap: 10px 4.9%;
}
#information_sec.informationShared .cmn_info .btn_area .cmn_btn:nth-child(1) {
	width: 52.56%;
}
#information_sec.informationShared .cmn_info .btn_area .cmn_btn:nth-child(2) {
	width: 42.45%;
}
@media only screen and (max-width: 1600px) {
	#information_sec.informationShared .cmn_info h3 {
		font-size: clamp(21px, calc(34/1600*100vw), 34px); 
	}
}
@media only screen and (max-width: 768px) {
	#information_sec.informationShared .cmn_info h3 {
		font-size: 21px;
		text-align: center;
	}
	#information_sec.informationShared .cmn_info h3 .en {
		font-size: 8.435px;
		width: fit-content;
		margin: 0 auto 4.5px;
		padding-left: 8.435px;
	}
	#information_sec.informationShared .cmn_info h3 .en::before {
		width: 7px;
		height: 7px;
	}
	#information_sec.informationShared .cmn_info .txt {
		font-size: 12px;
		text-align: center;
	}
	#information_sec.informationShared .cmn_info .notes {
		font-size: 10px;
		text-align: center;
		margin-bottom: 25px;
	}
	#information_sec.informationShared .cmn_info .btn_area {
		column-gap: 5%;
	}
}

/*
	INFORMATION
*/
#information_sec.informationShared {
	padding: 121.2px 0 144px;
	background: url("../../images/top/information_bg.jpg") no-repeat;
	background-size: cover;
	position: relative;
}
#information_sec.informationShared > .notes {
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	color: #fff;
	position: absolute;
	top: 19px;
	right: 27px;
}
#information_sec.informationShared .inner {
	max-width: 1120px;
}
#information_sec.informationShared .inner .cmn_info h3 {
	color: #fff;
}
#information_sec.informationShared .inner .cmn_info h3 .en::before {
	filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(4261%) hue-rotate(206deg) brightness(127%) contrast(92%);
}
#information_sec.informationShared .inner .cmn_info p {
	color: #fff;
}
#information_sec.informationShared .inner .cmn_info .notes {
	margin-bottom: 32px;
}
#information_sec.informationShared .inner .cmn_info .btn_area {
    column-gap: 15px;
}
#information_sec.informationShared .inner .cmn_info .btn_area .cmn_btn:nth-child(1) {
	width: 260px;
}
#information_sec.informationShared .inner .cmn_info .btn_area .cmn_btn:nth-child(2) {
	width: 210px;
}
#information_sec.informationShared .inner .cmn_info .btn_area .cmn_btn a {
	border: none;
}
#information_sec.informationShared .inner .cmn_info .btn_area .cmn_btn a:hover {
	color: #b03e4d;
	opacity: 1;
}
@media only screen and (max-width: 768px) {
	#information_sec.informationShared > .notes {
		top: 15px;
		right: 15px;
	}
	#information_sec.informationShared {
		padding: 50px 0;
	}
	#information_sec.informationShared .inner .cmn_info p {
		text-align: center;
		margin-bottom: 25px;
	}
}