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

html {
	font-size: 100%;
	scroll-behavior: smooth;
	overflow-x: hidden;
}
body {
	color: #607383;
	font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif;
	font-size: 16px;
	line-height: 1;
}
#title {
	transition : all 1000ms;
}
#wrapper{
	width:100%;
	overflow-x: hidden !important;
}

.nowrap {
	white-space: nowrap;
}
.small {
	font-size: 12px;
}

.linkarea {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	z-index: 99999;
}

.pc {
	display: block;
}
.tb {
	display: none;
}
.sp {
	display: none;
}

.effect-fade {
	opacity : 0;
	transform : translate(0, 60px);
	transition : all 1000ms;
}

.effect-fade.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}

.load{
	width:100%;
	min-height:100%;
	z-index:999;
	background:white;
	opacity:1;
	transition:1s;
	overflow: hidden;
}

.wrapper{display:none;} .on{display:block;}
.off{
	opacity:0;
	transition:1s;
	animation: 0.1s linear 1s out-area forwards;
}
@keyframes out-area {
	0%{transform:translateX(0px);}
	100%{transform:translateX(10000px);}
}
.width1000 {
	margin: auto;
	width: 1000px;
	}
	@media screen and (max-width: 1080px) {
		.width1000 {
			width: 90%;
		}
}

/*-------------------------------------------------*/
/*
/*　ヘッダー（header.php）
/*
/*-------------------------------------------------*/


.header_height {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100px;
	width: 100vw;
	z-index: 9;
}
.header_height_mask {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	background: #1592E6;
	opacity: 0.48;
	z-index: 0;
}
.header_logo {
	display: inline-block;
	position: relative;
	height: 100px;
	left: 50%;
    transform: translateX(-50%);
}
.header_logo img {
	display: inline-block;
	position: relative;
	height: 54px;
	width: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.header_btn_box {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 90px;
	height: 100px;
}
@media screen and (max-width: 1100px) {
	.header_btn_box {
		width: 59px;
	}
}
.header_btn_box::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #005BB1;
	opacity: 0.42;
}
.header_btn_box img {
	position: absolute;
	width: 21px;
	height: 21px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.open_menu {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	transform: translateX(-100vw);
	overflow-y: auto;
	z-index: 10;
	background-image: url("img/open_menu_background.jpg");
	background-size: cover;
	opacity: 0;
	transition: 0.5s;
}
.open_menu.open {
	transform: translateX(0px);
	opacity: 1;
	transition: 0.5s;
}
.open_menu_backimg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.open_menu_width {
	width: 840px;
	margin: auto;
}
@media screen and (max-width: 1100px) {
	.open_menu_width {
		width: 80%;
	}
}
.nav_title {
	position: relative;
	width: 100%;
	padding: 0px 0px 22.4px 0px;
	border-bottom: solid #F2F2F2 1px;
	margin-bottom: 36.4px;
	margin-top: 108.4px;
}
@media screen and (max-width: 688px) {
	.nav_title {
		margin-top: 30px;
		margin-bottom: 18px;
	}
}
.nav_title img {
	position: relative;
	top: 0px;
	left: 0px;
	width: 70.42px;
	height: 36.29px;
}
.nav_title::after {
	position: absolute;
	content: "";
	width: 14px;
	height: 40px;
	top: 0px;
	right: 28px;
	background-image: url("img/open_menu_arrow.svg");
}
@media screen and (max-width: 688px) {
	.nav_title::after {
		right: 0px;
	}
}
.open_menu_list {
	list-style: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.open_menu_list li {
	position: relative;
	width: 410px;
	height: 123.35px;
	margin-bottom: 24.6px;
	border-radius: 15px;
	overflow: hidden;
	z-index: 2;
	cursor: pointer;
}
.open_menu_list li img {
	cursor: pointer;
}
.open_menu_list li::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: white;
	opacity: 0;
	z-index: 1;
	transition: 0.5s;
}
.open_menu_title_on {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: 80px;
	transform: translate(-50%,-50%);
	opacity: 0;
	transition: 0.5s;
	z-index: 10;
}
@media screen and (max-width: 688px) {
	.open_menu_title_on {
		height: 69px;
	}
}
@media screen and (max-width: 1100px) {
	.open_menu_list li {
		width: 48%;
		height: 120.35px;
		margin-bottom: 17.7px;
	}
}
@media screen and (max-width: 688px) {
	.open_menu_list li {
		width: 100%;
		height: 91.43px;
		margin-bottom: 18px;
	}
}
.open_menu_back {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}
.open_menu_title {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: 80px;
	transform: translate(-50%,-50%);
	opacity: 1;
	transition: 0.5s;
}
@media screen and (max-width: 688px) {
	.open_menu_title {
		height: 69px;
	}
}
.open_menu_list li:hover .open_menu_title {
	opacity: 0;
	transition: 0.5s;
}
.open_menu_list li:hover::before {
	opacity: 0.78;
	transition: 0.5s;
}
.open_menu_list li:hover .open_menu_title_on {
	opacity: 1;
	transition: 0.5s;
}
.open_menu_list li:active .open_menu_title_on {
	opacity: 1;
	transition: 0.5s;
}
.open_menu_contact_btn {
	position: relative;
	width: 320px;
	height: 75px;
	margin-top: 36.5px;
	background: #4EB8FF;
	border-radius: 100vh;
	left: 50%;
	transform: translateX(-50%);
}
.open_menu_contact_btn p {
	position: absolute;
	font-size: 28px;
	font-weight: bold;
	color: white;
	white-space: nowrap;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
@media screen and (max-width: 688px) {
	.open_menu_contact_btn {
		margin-top: 8.7px;
		padding: 12px 0px;
		height: auto;
		background: #1592E6;
	}
	.open_menu_contact_btn p {
		position: relative;
		font-size: 21px;
		transform: none;
		top: auto;
		left: auto;
		text-align: center;
	}
}
@media screen and (max-width: 400px) {
	.open_menu_contact_btn {
		width: 100%;
	}
}
.open_menu_sns {
	list-style: none;
	margin: 89.5px auto 36px;
	text-align: center;
}
@media screen and (max-width: 688px) {
	.open_menu_sns {
		margin: 36px auto 36px auto;
	}
}
.open_menu_sns li {
	position: relative;
	display: inline-block;
	margin-right: 16px;
	width: 26px;
	height: 26px;
}
.open_menu_sns li img {
	width: 100%;
	height: 100%;
}

/*-------------------------------------------------*/
/*
/*　フッター（footer.php）
/*
/*-------------------------------------------------*/

footer {
	padding: 33.2px 0px 19px 0px;
	background: #88BBE5;
}

.footer_logo {
	position: relative;
	height: 54px;
	wdith: auto;
	margin: auto auto 17.8px auto;
}
.footer_logo img {
	width: 100%;
	height: 100%;
}
.footer_p1 {
	font: normal normal bold 12px/17px Source Han Sans JP;
	text-align: center;
	color: white;
	margin-bottom: 18.2px;
}
.footer_sns {
	list-style: none;
	text-align: center;
}
.footer_sns li {
	position: relative;
	display: inline-block;
	margin-right: 17px;
	width: 26px;
	height: 26px;
	margin-bottom: 14.1px;
}
.footer_copyright {
	text-align: center;
	font: normal normal normal 12px/17px Source Han Sans JP;
	color: white;
}

/*-------------------------------------------------*/
/*
/*　トップ（~/）
/*
/*-------------------------------------------------*/

.top_image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 660px;
	border-radius: 0px 0px 120px 120px;
	overflow: hidden;
	z-index: -1;
}
@media screen and (max-width: 688px) {
	.top_image {
		border-radius: 0px 0px 60px 60px;
	}
}
.top_image::after {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #004060;
	opacity: 0.15;
}
.top_image img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: 2s;
	transform: scale(1);
}
.top_image img.on {
	opacity: 1;
	transition: 2s;
	animation: main-slide 8s linear 0s forwards;
	transform: scale(1);
}
@keyframes main-slide {
	0% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
.first_view_text,
.first_view_text2 {
	display: inline-block;
	position: relative;
	text-align: center;
	padding: 32px;
	border: 1px solid white;
	margin: 300px auto auto auto;
	left: 50%;
	transform: translateX(-50%);
}
.first_view_text2 {
	padding: 46px 66px;
	margin: 240px auto auto auto;
}
@media screen and (max-width: 1100px) {
	.first_view_text {
		margin: 241px auto auto auto;
	}
}
.first_view_text::after {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: white;
	opacity: 0.15;
}
.first_view_text p,
.first_view_text2 p {
	font-family: a-otf-ryumin-pr6n, serif;
	font-size: 27px;
	letter-spacing: 6px;
	margin-right: -6px;
	line-height: 45px;
	color: white;
	font-weight: bold;
}
.first_view_text2 p {
	font-size: 39px;
	letter-spacing: 11.7px;
	margin-right: -11.7px;
	line-height: 48px;
}
@media screen and (max-width: 688px) {
	.first_view_text2.re_rentalcar,
	.first_view_text2.re_first_text1,
	.first_view_text2.re_first_text2 {
		padding: 27px;
		margin: 240px auto 33px auto;
	}
	.first_view_text2.re_first_text2 {
		padding: 46px 41px;
	}
	.first_view_text2.re_first_text1 p {
		font-size: 27px;
		letter-spacing: 8.1px;
		line-height: 48px;
		white-space: nowrap;
	}
	.first_view_text2.re_rentalcar p {
		font-size: 27px;
		letter-spacing: 3.24px;
		line-height: 36px;
		white-space: nowrap;
	}
}
.top_news {
	position: relative;
	left: 50%;
	transform: translate(-50%,-28px);
	width: 1000px;
	border-radius: 30px;
	background: #FAFDFF;
	padding: 42px 60px;
	margin-top: 142px;
}
@media screen and (max-width: 1100px) {
	.top_news {
		width: 80%;
		margin-top: 192px;
		padding: 42px 43px;
		transform: translateX(-50%);
	}
}
@media screen and (max-width: 688px) {
	.top_news {
		width: 90%;
		padding: 42px 36px;
	}
}
.top_news_flex {
	display: flex;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
@media screen and (max-width: 688px) {
	.top_news_flex {
		display: block;
	}
}
.top_news_allview {
	position: relative;
	width: 100px;
	margin-right: 50px;
	flex-shrink: 0;
}
@media screen and (max-width: 688px) {
	.top_news_allview {
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin-bottom: 21px;
	}
}
.top_news_allview img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 688px) {
	.top_news_allview img {
		height: 15px;
		width: auto;
	}
}
.top_news_allview_text {
	position: relative;
	margin-top: 24px;
	font-size: 18px;
	color: #88BBE5;
	letter-spacing: 0.4px;
}
@media screen and (max-width: 688px) {
	.top_news_allview_text {
		white-space: nowrap;
		padding: 0px 24px 0px 0px;
		margin: auto 0px;
	}
}
.sp_news_under_arrow {
	display: none;
	position: relative;
	width: 18px;
	height: auto;
	margin: 27.4px auto 48.4px;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (max-width: 688px) {
	.sp_news_under_arrow {
		display: inline-block;
	}
}
.top_news_allview_text::before {
	position: absolute;
	content: "";
	opacity: 1;
	top: 50%;
	transform: translateY(-50%);
	right: 0px;
	width: 8px;
	height: 22px;
	background-image: url("img/top_news_arrow.svg");
	transition: 0.3s;
}
.top_news_allview:hover .top_news_allview_text::before {
	transform: translate(5px,-50%);
	transition: 0.3s;
}
.top_news_contents {
	display: flex;
	position: relative;
	padding: 20px 30px;
	border-top: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
	width: 100%;
	font-size: 16px;
	margin: auto;
}
@media screen and (max-width: 1100px) {
	.top_news_contents {
		display: block;
		padding: 21px 44.5px;
	}
}
@media screen and (max-width: 688px) {
	.top_news_contents {
		padding: 12px;
	}
}
.top_news_contents_p1{
	margin-right: 60px;
	letter-spacing: 1.92px;
}
@media screen and (max-width: 1100px) {
	.top_news_contents_p1{
		margin-bottom: 12px;
	}
}
@media screen and (max-width: 688px) {
	.top_news_contents_p1{
		font-size: 12px;
		letter-spacing: 1.44px;

		margin-bottom: 7px;
	}
}
.top_news_contents_p2{
	margin-left: 0px;
}
.top_news_contents:hover .top_news_contents_p1,
.top_news_contents:hover .top_news_contents_p2 {
	color: #A8BDD0;
}
@media screen and (max-width: 688px) {
	.top_news_contents_p2 {
		line-height: 21px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		font-size: 14px;
		letter-spacing: 0.84px;
	}
}
.top_news_contents_p3{
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	font-size: 12px;
	color: #88BBE5;
	padding: 7px 15px;
	border: #88BBE5 solid 1px;
	letter-spacing: 0.94px;
}
@media screen and (max-width: 1100px) {
	.top_news_contents_p3{
		display: none;
	}
}
.top_aboutus {
	position: relative;
	width: 100vw;
	height: 540px;
}
.top_aboutus img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -2;
	object-fit: cover;
}
.top_abouts_width {
	position: relative;
	width: 1000px;
	height: 100%;
	margin: auto;
}
@media screen and (max-width: 1100px) {
	.top_abouts_width {
		width: 80%;
	}
}
@media screen and (max-width: 688px) {
	.top_abouts_width {
		width: 90%;
	}
}
.top_contents_block_right {
	position: absolute;
	width: 496px;
	padding: 66px 0px 27px 90px;
	background: white;
	border-radius: 120px 0px 0px 0px;
	bottom: 0px;
	right: 0px;
}
@media screen and (max-width: 1100px) {
	.top_contents_block_right {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		border-radius: 120px 120px 0px 0px;
		padding: 82px 88px 1px 88px;
	}
}
@media screen and (max-width: 688px) {
	.top_contents_block_right {
		padding: 45px 30px 22px 30px;
		border-radius: 30px 30px 0px 0px;
	}
}
.top_contents_block_right::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 50vw;
	background: white;
	top: 0px;
	left: 0px;
	z-index: -1;
	border-radius: 120px 0px 0px 0px;
}
.top_contents_block_right_p1 {
	font-size: 15px;
	letter-spacing: 0.54px;
	line-height: 26px;
	margin-bottom: 24px;
}
@media screen and (max-width: 688px) {
	.top_contents_block_right_p1 {
		font-size: 13px;
		letter-spacing: 0.47px;
		line-height: 21px;
		margin-bottom: 21px;
	}
}
.top_contents_block_right_p2 {
	font-size: 19px;
	font-weight: bold;
	letter-spacing: 1.64px;
	line-height: 36px;
	margin-bottom: 24px;
}
@media screen and (max-width: 1100px) {
	.top_contents_block_right_p2 {
		text-align: center;
	}
}
@media screen and (max-width: 688px) {
	.top_contents_block_right_p2 {
		font-size: 18px;
		line-height: 31px;
		letter-spacing: 0.76px;
		margin-bottom: 21px;
	}
}
.top_contents_more_btn {
	display: inline-block;
	position: relative;
	background: #88BBE5;
	border-radius: 100vh;
	padding: 13.5px 23.1px 13.5px 40.4px;
	font-size: 18px;
	color: white;
}
@media screen and (max-width: 1100px) {
	.top_contents_more_btn {
		left: 50%;
		transform: translateX(-50%);
	}
}
@media screen and (max-width: 688px) {
	.top_contents_more_btn {
		font-size: 17px;
	}
}
.top_contents_more_btn::after {
	position: absolute;
	content: "";
	top: 50%;
	left: 23.6px;
	transform: translateY(-50%);
	width: 9.73px;
	height: 15px;
	background-size: contain;
	background-image: url("img/top_aboutus_arrow.svg");
}
.top_app_pr {
	width: 1000px;
	margin: auto;
}
@media screen and (max-width: 1100px) {
	.top_app_pr {
		width: 80%;
	}
}
.top_app_pr_p1 {
	font-size: 30px;
	letter-spacing: 2.34px;
	margin-top: 90px;
	text-align: center;
	font-weight: bold;
	line-height: 51px;
}
.top_app_pr_p1.sp {
	font-size: 21px;
	line-height: 36px;
	margin-top: 60px;
}
.top_app_pr_p2 {
	font-size: 21px;
	color: white;
	background: #88BBE5;
	padding: 14px 0px;
	text-align: center;
	margin-top: 36px;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: 1.64px;
}
@media screen and (max-width: 1100px) {
	.top_app_pr_p2 {
		width: 100%;
	}
}
@media screen and (max-width: 688px) {
	.top_app_pr_p2 {
		border-radius: 18px;
		line-height: 30px;
		margin-top: 16px;
	}
}
.top_app_pr_flex {
	display: flex;
	justify-content: space-between;
	margin-top: 45px;
	padding: 0px 20px 0px 77.5px;
}
@media screen and (max-width: 1100px) {
	.top_app_pr_flex {
		padding: 0px;
	}
}
@media screen and (max-width: 688px) {
	.top_app_pr_flex {
		display: block;
		margin-top: 17.5px;
	}
}
.top_app_pr_flex_img1 {
	width: 145px;
	height: 145px;
	margin: auto 17.5px auto auto;
}
@media screen and (max-width: 1100px) {
	.top_app_pr_flex_img1 {
		width: 18%;
		height: auto;
		margin: auto 0px;
	}
}
@media screen and (max-width: 848px) {
	.top_app_pr_flex_img1 {
		width: 20%;
		margin: 0px auto auto auto;
	}
}
@media screen and (max-width: 688px) {
	.top_app_pr_flex_img1 {
		display: inline-block;
		width: 36%;
	}
}
.top_app_link_list {
	margin: auto;
}
.top_app_link {
	height: 66px;
	width: auto;
	position: relative;
	margin: auto 77.5px 13.5px auto;
}
.top_app_textarea {
	width: 406px;
}
@media screen and (max-width: 1100px) {
	.top_app_link_list {
		width: 28%;
	}
	.top_app_link {
		width: 100%;
		height: auto;
		margin: auto 0px;
	}
	.top_app_link img {
		width: 100%;
	}
}
@media screen and (max-width: 848px) {
	.top_app_link_list {
		width: 33%;
		margin: 0px auto auto auto;
	}
}
@media screen and (max-width: 688px) {
	.top_app_link_list {
		display: inline-block;
		width: 60%;
	}
}
@media screen and (max-width: 1100px) {
	.top_app_textarea {
		width: 48%;
	}
}
@media screen and (max-width: 848px) {
	.top_app_textarea {
		margin: 0px auto auto auto;
		width: 41%;
	}
}
@media screen and (max-width: 688px) {
	.top_app_textarea {
		width: 100%;
		margin-top: 27.4px;
	}
}
.top_app_p1 {
	font-size: 21px;
	font-weight: bold;
	color: #88BBE5;
	line-height: 36px;
	letter-spacing: 2px;
}
@media screen and (max-width: 1100px) {
	.top_app_p1 {
		font-size: 18px;
	}
}
@media screen and (max-width: 848px) {
	.top_app_p1 {
		letter-spacing: 1.04px;
		line-height: 27px;
	}
}
@media screen and (max-width: 688px) {
	.top_app_p1 {
		text-align: center;
	}
}
.top_app_p2 {
	font-size: 15px;
	letter-spacing: 0.54px;
	line-height: 26px;
	margin-top: 24px;
}
@media screen and (max-width: 848px) {
	.top_app_p2 {
		margin: auto;
		line-height: 21px;
	}
}
@media screen and (max-width: 688px) {
	.top_app_p2 {
		margin-top: 5px;
		margin-bottom: 15px;
	}
}
.top_contents_title {
	position: relative;
	width: 1000px;
	margin: 89.5px auto auto auto;
}
@media screen and (max-width: 1100px) {
	.top_contents_title {
		width: 90%;
		margin: 59.5px auto auto auto;
	}
}
@media screen and (max-width: 688px) {
	.top_work.top_contents_title {
		width: 90%;
	}
}
.top_contents_title::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	background: #88BBE5;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	z-index: -1;
}
.top_contents_title_p {
	display: inline-block;
	position: relative;
	width: auto;
	height: 70px;
    left: 50%;
    transform: translateX(-50%);
}
.top_contents_title_p::after{
	position: absolute;
	content: "";
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	width: 120%;
	height: 100%;
	background: white;
	z-index: -1;
}
.top_contents_title_p img {
	width: 100%;
	height: auto;
}
.top_work {
	width: 1000px;
	margin: auto;
}
@media screen and (max-width: 1100px) {
	.top_work {
		width: 80%;
	}
}
@media screen and (max-width: 688px) {
	.top_work {
		width: 100%;
	}
}
.top_work_contents_right,
.top_work_contents_left {
	position: relative;
	margin: 48px auto auto auto;
	width: auto;
	height: 330px;
	border-radius: 18px;
	overflow: hidden;
}
.top_work_contents_right:nth-child(1) {
	margin:67px auto auto auto;
}
@media screen and (max-width: 1100px) {
	.top_work_contents_right,
	.top_work_contents_left {
		border-radius: 0px;
	}
}
@media screen and (max-width: 688px) {
	.top_work_contents_right,
	.top_work_contents_left {
		width: 100vw;
		height: auto;
		padding: 0px 0px 60px 0px;
		margin-top: 36px;
	}
	.top_work_contents_right:nth-child(1) {
		margin: 30px auto auto auto;
	}
}
.top_work_contents_right::after,
.top_work_contents_left::after {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #88BBE5;
	opacity: 0.3;
	z-index: -1;
}
@media screen and (max-width: 1100px) {
	.top_work_contents_right::after,
	.top_work_contents_left::after {
		display: none;
	}
}
.top_work_contents_backimg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -2;
	overflow: hidden;
}
@media screen and (max-width: 688px) {
	.top_work_contents_backimg {
	}
}
.top_work_contents_backimg img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width: 1100px) {
	.top_work_contents_backimg {
		height: 180px;
		border-radius: 18px;
	}
	.top_work_contents_backimg::after {
		position: absolute;
		content: "";
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: #88BBE5;
		opacity: 0.3;
		z-index: -1;
	}
}
.top_work_contents_right .top_work_contents_block,
.top_work_contents_left .top_work_contents_block {
	position: absolute;
	width: 50%;
	right: 0px;
	bottom: 0px;
	background: white;
	border-radius: 60px 0px 0px 0px;
	padding: 47px 70px 32px 70px;
}
.top_work_contents_left .top_work_contents_block {
	left: 0px;
	border-radius: 0px 60px 0px 0px;
}
.top_work_contents_block img {
	position: relative;
	height: 33px;
	width: auto;
	max-width: 100%;
	margin-bottom: 12px;
	object-fit: contain;
}
@media screen and (max-width: 1100px) {
	.top_work_contents_right .top_work_contents_block,
	.top_work_contents_left .top_work_contents_block {
		position: relative;
		width: 80%;
		right: auto;
		left: 50%;
		bottom: auto;
		transform: translateX(-50%);
		top: 60px;
		border-radius: 60px 60px 0px 0px;
	}
	.top_work_contents_block img {
		left: 50%;
		transform: translateX(-50%);
	}
}
@media screen and (max-width: 688px) {
	.top_work_contents_right .top_work_contents_block,
	.top_work_contents_left .top_work_contents_block {
		width: 90%;
		border-radius: 30px 30px 0px 0px;
		padding: 45px 35px 0px 35px;
	}
}
.top_work_contents_p1 {
	font-size: 18px;
	font-weight: bold;
	left: 1.46px;
	margin-bottom: 18px;
	letter-spacing: 0.76px;
}
@media screen and (max-width: 1100px) {
	.top_work_contents_p1 {
		text-align: center;
	}
}
.top_work_contents_p2 {
	font-size: 13px;
	letter-spacing: 0.47px;
	line-height: 23px;
	margin-bottom: 15px;
}
.top_work_more_btn {
	display: inline-block;
	position: relative;
	max-width: 36px;
	height: 36px;
	border-radius: 100vh;
	overflow: hidden;
	background: #88BBE5;
	transition: 0.3s;
	padding: 0px;
}
.top_work_more_btn::before {
	position: absolute;
	content: "";
	background: #88BBE5;
	width: 36px;
	height: 36px;
	border-radius: 100vh;
	z-index: -1;
}
.top_work_more_btn:hover {
	max-width: 300px;
	padding: 0px;
	transition: 0.3s;
}
.top_work_more_btn::after {
	position: absolute;
	content: "";
	width: 9.73px;
	height: 15px;
	top: 50%;
	left: 13px;
	transform: translateY(-50%);
	background-image: url("img/top_aboutus_arrow.svg");
	transition: 0.3s;
}
.top_work_more_btn:hover::after{
	left: 25.1px;
	transform: translateY(-50%);
	transition: 0.3s;
}
@media screen and (max-width: 1100px) {
	.top_work_more_btn {
		left: 50%;
		transform: translateX(-50%);
		max-width: 300px;
		padding: 0px;
		transition: 0.3s;
	}
	.top_work_more_btn::after {
		left: 25.1px;
		transform: translateY(-50%);
		transition: 0.3s;
	}
}
.top_work_more_btn_p {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	color: white;
	font-weight: bold;
	font-size: 15px;
	padding: 0px 25.2px 0px 45.8px;
	transition: 0.3s;
	top: 50%;
	opacity: 0;
	transform: translateY(-50%);
	margin: 0px;
}
.top_work_more_btn:hover .top_work_more_btn_p {
	opacity: 1;
	transition: 0.3s;
}
@media screen and (max-width: 1100px) {
	.top_work_more_btn_p {
		opacity: 1;
	}
}
.top_contact_block {
	position: relative;
	height: 615px;
	width: 100vw;
}
.top_contact_backimg {
	position: absolute;
	top: 75px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}
@media screen and (max-width: 1100px) {
	.top_contact_backimg {
		height: 88%;
	}
}
.top_contact_text_block {
	position: relative;
	margin-top: 20px;
	width: 705px;
	padding: 34px 0px 45px 0px;
}
@media screen and (max-width: 688px) {
	.top_contact_text_block {
		width: 90%;
		margin-top: 0px;
		padding: 43px 0px 45px 0px;
	}
}
.top_contact_text_block::after {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 0px 0px 60px 60px;
	background: white;
	opacity: 0.9;
	z-index: -1;
}
.top_contact_p1 {
	font-size: 15px;
	letter-spacing: 0.54px;
	line-height: 26px;
	text-align: center;
	margin-bottom: 33px;
}
.top_contact_btn {
	display: inline-block;
	position: relative;
	font-size: 28px;
	font-weight: bold;
	color: white;
	text-align: center;
	padding: 24px;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 51px;
	width: 320px;
	background: #1592E6;
	border-radius: 100vh;
}
@media screen and (max-width: 688px) {
	.top_contact_btn {
		font-size: 21px;
		width: 210px;
		padding: 12px;
		margin-bottom: 21px;
	}
}
.top_contact_btn:hover {
	background: #4EB8FF;
}
.top_contact_text_block {
	margin: 20px auto auto auto;
}
.top_contact_p2 {
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 1.64px;
	line-height: 31px;
}

/*-------------------------------------------------*/
/*
/*　会社概要（~/company/）
/*
/*-------------------------------------------------*/

.company_title {
	color: #707070;
}
.company_title,
.company_title2 {
	margin-top: 300px;
	text-align: center;
	font-size: 27px;
	font-weight: bold;
}
.company_sub_text {
	font-size: 18px;
	line-height: 31px;
	width: 630px;
	margin: 45px auto 70px;
	letter-spacing: 0.65px;
}
@media screen and (max-width: 710px) {
	.company_sub_text {
		width: 90%;
		font-size: 13px;
		line-height: 23px;
		margin: 36px auto;
	}
}
.company_title2 {
	margin-top: 70px;
	line-height: 31px;
}
@media screen and (max-width: 1100px) {
	.company_title {
		margin-top: 330px;
	}
}
@media screen and (max-width: 710px) {
	.company_title {
		margin-top: 297px;
	}
	.company_title,
	.company_title2 {
		font-size: 18px;
	}
	.company_title2 {
		margin: auto;
	}
}
.company_logo {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 222px;
	height: auto;
	margin: 70px auto 85px;
}
@media screen and (max-width: 688px) {
	.company_logo {
		margin: 60px auto 55.5px auto;
	}
}
.company_message {
	display: flex;
	justify-content: space-between;
	margin-top: 57.2px;
}
.company_message_img {
	position: relative;
	width: 500px;
	height: 262.5px;
	border-radius: 18px 0px 0px 18px;
	overflow: hidden;
	flex-shrink: 0;
}
@media screen and (max-width: 1100px) {
	.company_message_img {
		width: 36%;
		height: auto;
	}
}
.company_message_img_sp {
	position: relative;
	display: none;
	width: 100%;
	height: 262.5px;
	border-radius: 18px;
	overflow: hidden;
	margin-top: 51px;
}
.company_message_img img,
.company_message_img_sp img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.company_message_text {
	padding: 60px;
	margin: auto;
}
.company_message_p1 {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 17px;
}
.company_message_p2 {
	font-size: 13px;
	line-height: 23px;
	letter-spacing: 0.47px;
}
@media screen and (max-width: 700px) {
	.company_message {
		display: block;
	}
	.company_message_img {
		display: none;
	}
	.company_message_text {
		padding: 0px;
	}
	.company_message_p1 {
		font-size: 18px;
		text-align: center;
	}
	.company_message_img_sp {
		display: block;
	}
	.company_message_p2 {
		font-weight: bold;
	}
}

.company_detail_list {
	list-style: none;
	border-bottom: 1px solid #88BBE5;
	width: 90%;
	margin: 110px auto auto auto;
}
@media screen and (max-width:688px) {
	.company_detail_list {
		margin-top: 72px;
	}
}
.company_detail_list li {
	display: flex;
	justify-content: space-between;
	width: 100%;
	border-top: 1px solid #88BBE5;
	padding: 24px 0px 21px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.company_detail_list_p1 {
	font-size: 15px;
	color: #7D8C99;
	width: 22%;
	padding: 0px 0px 0px 105px;
	margin: auto 0px;
	white-space: nowrap;
}
@media screen and (max-width:1100px) {
	.company_detail_list_p1 {
		padding: 0px 0px 0px 12px;
	}
}
@media screen and (max-width:688px) {
	.company_detail_list_p1 {
		font-size: 13px;
	}
}
.company_detail_list_p2 {
	font-size: 15px;
	color: #7D8C99;
	width: 78%;
	padding: 0px 0px 0px 105px;
	letter-spacing: 1.22px;
	line-height: 21px;
}
.company_detail_list_p2 span {
	white-space: nowrap;
}
@media screen and (max-width:688px) {
	.company_detail_list_p2 {
		font-size: 13px;
		padding: 0px 0px 0px 40px;
	}
}
.company_history {
	position: relative;
	margin-top: 73.1px;
	margin-bottom: 120px;
}
@media screen and (max-width:688px) {
	.company_history {
		transform: translateX(-35vw)
	}
}
.company_history::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	width: 2px;
	background: #88BBE5;
	z-index: -1;
}
.company_history::after {
	position: absolute;
	content: "";
	left: 50%;
	bottom: 0px;
	height: 60px;
	width: 2px;
	transform: translate(-50%,60px);
	background-image : linear-gradient(to bottom, #88BBE5, #88BBE5 8px, transparent 8px, transparent 12px);
	background-size: 2px 12px;
	background-repeat: repeat-y;
}
.company_history_date_right {
	position: relative;
	left: 50%;
}
.company_history_date_left {
	position: relative;
	right: 50%;
	text-align: right;
}
.company_history_date_right::after {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 27px;
	transform: translate(-50%,-50%);
	height: 27px;
	background:white;
	border-radius: 100vh;
	border: 1px solid #88BBE5;
	z-index: 10;
}
.company_history_date_left::after {
	position: absolute;
	content: "";
	top: 0px;
	right: 0px;
	transform: translate(50%,-50%);
	width: 27px;
	height: 27px;
	background:white;
	border-radius: 100vh;
	border: 1px solid #88BBE5;
	z-index: 10;
}
.company_history_date_right .date {
	position: relative;
	font-size: 15px;
	letter-spacing: 1.22px;
	padding-left: 39.5px;
	transform: translateY(-7px);
}
.company_history_date_left .date {
	display: inline-block;
	position: relative;
	font-size: 15px;
	letter-spacing: 1.22px;
	padding-right: 39.5px;
	transform: translateY(-7px);
}
.company_history_date_right .date::after{
	position: absolute;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	left: 0px;
	width: 34px;
	height: 2px;
	background: #88BBE5;
}
.company_history_date_left .date::after{
	position: absolute;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	right: 0px;
	width: 34px;
	height: 2px;
	background: #88BBE5;
}
.company_history_date_right .detail {
	font-size: 15px;
	margin-top: 8px;
	padding-left: 39.5px;
	line-height: 26px;
	transform: translateY(-5px);
}
.company_history_date_left .detail {
	font-size: 15px;
	margin-top: 8px;
	padding-right: 39.5px;
	line-height: 26px;
	transform: translateY(-5px);
}
@media screen and (max-width:688px) {
	.company_history_date_left .date,
	.company_history_date_right .date {
		font-size: 13px;
		letter-spacing: 0.47px;
		line-height: 23px;
	}
	.company_history_date_right .detail,
	.company_history_date_left .detail {
		font-size: 13px;
		letter-spacing: 0.47px;
		line-height: 23px;
	}
	.company_history_date_left {
		position: relative;
		left: 50%;
		right: auto;
		text-align: left;
	}
	.company_history_date_left::after {
		position: absolute;
		content: "";
		top: 0px;
		left: 0px;
		width: 27px;
		transform: translate(-50%,-50%);
		height: 27px;
		background:white;
		border-radius: 100vh;
		border: 1px solid #88BBE5;
		z-index: 10;
	}
	.company_history_date_left .date {
		position: relative;
		font-size: 13px;
		letter-spacing: 0.47px;
		padding-left: 39.5px;
		line-height: 23px;
		transform: translateY(-7px);
	}
	.company_history_date_left .date::after{
		position: absolute;
		content: "";
		top: 50%;
		transform: translateY(-50%);
		left: 0px;
		width: 34px;
		height: 2px;
		background: #88BBE5;
	}
	.company_history_date_left .detail {
		font-size: 13px;
		letter-spacing: 0.47px;
		margin-top: 8px;
		padding-left: 39.5px;
		line-height: 23px;
		transform: translateY(-5px);
	}
}
.company_history_cun_icon {
	position: relative;
	width: 60px;
	height: auto;
	left: 50%;
	transform: translateX(-50%);
	margin: 50px auto 86px;
}



/*-------------------------------------------------*/
/*
/*　お問い合わせ（~/contact/）
/*
/*-------------------------------------------------*/

.width540 {
	width: 540px;
	margin: 60px auto;
}
.contact_flow_block {
	display: flex;
	justify-content: space-between;
}
.contact_flow_p {
	font-size: 18px;
	padding: 9px 40px;
	background: #E9EFF4;
	color: #9CADBA;
	border-radius: 100vw;
}
.contact_flow_p.on{
	color: white;
	background: #88BBE5;
}
.contact_flow_block img {
	height: 36px;
	width: 25px;
}
@media screen and (max-width:648px) {
	.contact_flow_block img {
		width: 18px;
	}
}
.contact_notice_p {
	text-align: center;
	font-size: 15px;
	line-height: 26px;
	margin: 60px auto;
	letter-spacing: 0.54px;
}
@media screen and (max-width:648px) {
	.contact_notice_p {
		font-size: 12px;
		letter-spacing: 0.43px;
		line-height: 20px;
	}
}
.contact_input_half {
	display: flex;
	justify-content: space-between;
}
.contact_input {
	position: relative;
	width: 100%;
	margin-bottom: 33px;
}
.contact_input.ng {
	background: #F4E9E9;
}
.contact_input_half .contact_input {
	width: 48%;
}
@media screen and (max-width:688px) {
	.contact_input_half {
		display: block;
	}
	.contact_input_half .contact_input {
		width: 100%;
	}
}
.contact_input_p {
	font-size: 15px;
	color: #7C8C99;
	margin-bottom: 15px;
	letter-spacing: 1.17px;
}
.contact_input .contact_input_area {
	position: relative;
	font-size: 12px;
	padding: 24px 15px;
	background: #E9EFF4;
	border-radius: 6px;
	width: 100%;
}
.contact_input .contact_input_area.ng {
	background: #F4E9E9;
}
.contact_input .contact_input_area.ng::after {
	position: absolute;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	right: 18px;
	width: 16px;
	height: 16px;
	background-image: url("img/input_ng.svg");
}
.contact_input .contact_input_area input {
	width: 100%;
	height: 100%;
}
.contact_input .contact_input_area input::placeholder {
	color: #AEBCC7;
}
.contact_radio_flex {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}
.contact_radio_flex input {
	display: none;
}
.radio_label {
	position: relative;
	width: 40%;
	padding: 0px 0px 0px 40px;
	margin: auto auto 28px 10px;
	font-size: 12px;
	white-space: nowrap;
}
.radio_label::after {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	border-radius: 100vh;
	top: 50%;
	left: 0px;
	border: 1px solid #CDD6DD;
	transform: translateY(-50%);
}
.radio_label span {
	display: none;
	position: absolute;
	top: 50%;
	left: 7px;
	width: 16px;
	height: 16px;
	border-radius: 100vh;
	background: #84A9CC;
	transform: translateY(-50%);
}
.contact_radio_flex input:checked + .radio_label span {
	display: block;
}
.contact_textarea {
	width: 100%;
	min-height: 240px;
	max-height: 240px;
	background: #E9EFF4;
	border-radius: 6px;
	font-size: 12px;
	padding: 23px 15px;
}
.contact_textarea::placeholder {
	color: #AEBCC7;
}
.contact_textarea.ng {
	position: relative;
	background: #F4E9E9;
}
.contact_textarea.ng::after {
	position: absolute;
	content: "";
	top: 18px;
	right: 18px;
	width: 16px;
	height: 16px;
	background-image: url("img/input_ng.svg");
}
.contact_privacypolicy {
	text-align: center;
	margin-bottom: 50px;
}
.contact_check {
	display: none;
}
.contact_privacypolicy label {
	position: relative;
	font-size: 12px;
	padding: 0px 0px 0px 40px;
}
.contact_privacypolicy label span {
	text-decoration: underline;
}
.contact_privacypolicy label::after {
	position: absolute;
	content: "";
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background-image: url(img/check.svg);
}
.contact_check:checked + label::after {
	background-image: url(img/check_on.svg);
}
.contact_submit {
	color: white;
	font-size: 12px;
	text-align: center;
	background: #1592E6;
	border-radius: 4px;
	width: 100%;
	padding: 18px 0px;
	margin-bottom: 150px;
}
@media screen and (max-width:688px) {
	.contact_submit {
		margin-bottom: 0px;
	}
}
.contact_check_p1 {
	color: #3B4043;
	padding: 24px 15px;
	width: 100%;
}

.contact_complete_p1 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #88BBE5;
	padding: 18px 0px;
	border: 1px solid #88BBE5;
	width: 100%;
	margin: 60px auto;
}
@media screen and (max-width:688px) {
	.contact_complete_p1 {
		letter-spacing: 1.4px;
		margin: 45px auto 60px auto;
	}
}
.contact_complete_p2 {
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 0.54px;
	color: #607383;
	margin-bottom: 60px;
}
.contact_complete_back {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	color: white;
	background: #1592E6;
	border-radius: 100vh;
	width: 320px;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 150px;
	padding: 24px 0px;
}
@media screen and (max-width: 620px) {
	.width540 {
		width: 94%;
	}
	.contact_flow_p {
		font-size: 15px;
		padding: 9px 20px;
		white-space: nowrap;
		width: 90px;
		text-align: center;
	}
	.radio_label {
		width: 100%;
	}
	.contact_complete_back {
		font-size: 21px;
		display: inline-block;
		padding: 12px 33px;
		width: auto;
	}
}

#privacy_box {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	overflow-y: auto;
}
.privacy_mask {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	background: black;
	z-index: -1;
	opacity: 0.7;
}
.privacy_textarea {
	margin: 100px auto;
	width: 1050px;
	border-radius: 20px;
	background: white;
	padding: 70px 120px;
}
.privacy_textarea p {
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.54px;
}
@media screen and (max-width: 1130px) {
	.privacy_textarea {
		width: 90%;
		padding: 70px 40px;
	}
	.privacy_textarea p {
		font-size: 14px;
		line-height: 24px;
	}
}

/*-------------------------------------------------*/
/*
/*　レンタカー（~/rentalcar/）
/*
/*-------------------------------------------------*/

.rentalcar_img_01,
.carshare_img_01 {
	position: relative;
	width: 70%;
	height: auto;
	margin: 60px auto auto auto;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (max-width: 848px) {
	.rentalcar_img_01 {
		margin: 45px auto -33px auto;
		width: 90%;
	}
	.carshare_img_01 {
		margin: 45px auto -33px auto;
		width: 55%;
	}
}
.rentalcar_img_02 {
	width: 100%;
	height: auto;
	margin: 60px auto 0px auto;
	vertical-align: top;
}
.rentalcar_block_01_left {
	white-space: nowrap;
	margin: auto 40px auto auto;
}
.rentalcar_block_01 {
	display: flex;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 36px 54px;
	background: #E9EFF4;
	border-radius: 0px 0px 18px 18px;
}
.rentalcar_block_01_p1 {
	font-size: 27px;
	text-align: center;
	line-height: 33px;
	padding: 0px 20px 17px 20px;
	border-bottom: 1px solid #10477B;
	color: #10477B;
	font-weight: bold;
}
.rentalcar_block_01_p2 {
	color: #10477B;
	font-size: 24px;
	text-align: center;
	line-height: 33px;
	padding: 17px 20px;
	border-bottom: 1px solid #10477B;
	font-weight: bold;
}
.rentalcar_block_01_p3 {
	color: #10477B;
	padding: 17px 20px;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
}
.rentalcar_block_right {
	margin: auto;
}
.rentalcar_block_right_p1 {
	font-size: 14px;
	letter-spacing: 0.54px;
	line-height: 21px;
	color: #607383;
	margin: auto;
}
.rentalcar_block_02 {
	display: flex;
	margin: 60px auto;
	column-gap: 80px;
	justify-content: center;
}
.rentalcar_block_02_flexbox img {
	width: 180px;
	height: 180px;
	margin-bottom: 6px;
}
.rentalcar_block_02_p1 {
	font-size: 18px;
	font-weight: bold;
	color: #10477B;
	text-align: center;
	line-height: 18px;
}
.rentalcar_block_03 {
	position: relative;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	background: #E9EFF4;
	border-radius: 18px;
	justify-content: space-between;
	padding: 30px;
}
.rentalcar_block_03 img {
	height: 138px;
	width: auto;
}
.rentalcar_block_03_p1 {
	font-size: 27px;
	text-align: center;
	padding: 24px 42px;
	border: #10477B 1px solid;
	background: white;
	font-weight: bold;
	color: #10477B;
	margin: auto 20px;
	white-space: nowrap;
}
.rentalcar_block_03_p2 {
	font-size: 15px;
	font-weight: bold;
	line-height: 28px;
	margin: auto;
	color: #10477B;
}
@media screen and (max-width: 688px) {
	.rentalcar_block_03_p2 {
		width: 80%;
		color: #10477B;
	}
}

.rentalcar_block_04 {
	display: flex;
	justify-content: space-between;
	margin: 33px auto;
}
.rentalcar_block_04_flexbox {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	width: 300px;
	border-radius: 18px;
	background: #E9EFF4;
	padding: 40px 30px;
}
.rentalcar_block_04_flexbox:nth-child(2) {
	width: 330px;
}
.rentalcar_block_04_p1 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #10477B;
	margin-bottom: 28px;
}
.rentalcar_block_04_p2 {
	font-size: 15px;
	color: #10477B;
	margin: 0px auto auto auto;
	line-height: 24px;
}
.rentalcar_block_04_img {
	width: 100%;
	height: auto;
	margin: 20px auto auto auto;
}
@media screen and (max-width: 740px) {
	.rentalcar_block_04_img {
		width: 70%;
		height: auto;
		margin: 14px auto auto auto;
	}
}
.rentalcar_block_04_img2 {
	width: 100%;
	height: auto;
	border-radius: 18px;
	overflow: hidden;
	margin: 20px auto auto auto;
}
.rentalcar_block_04_icon1,
.rentalcar_block_04_icon2 {
	position: relative;
	font-size: 24px;
	font-weight: bold;
	color: #10477B;
	padding-left: 53px;
	margin: 0px auto;
}
.rentalcar_block_04_icon1 {
	margin: 20px auto 0px auto;
}
.rentalcar_block_04_icon1::after,
.rentalcar_block_04_icon2::after {
	position: absolute;
	content: "";
	width: 40px;
	height: 40px;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	background-image: url("img/rentalcar_tel1.svg");
	background-size: contain;
}
@media screen and (max-width: 1100px) {
	.rentalcar_block_04_icon1,
	.rentalcar_block_04_icon2 {
		font-size: 2vw;
	}
}
@media screen and (max-width: 740px) {
	.rentalcar_block_04_icon1,
	.rentalcar_block_04_icon2 {
		font-size: 4.5vw;
		padding-left: 40px;
	}
	.rentalcar_block_04_icon1::after,
	.rentalcar_block_04_icon2::after {
		width: 27px;
		height: 27px;
	}
}
.rentalcar_block_04_icon2::after {
	background-image: url("img/rentalcar_tel2.svg");
}
.rentalcar_block_04_line {
	height: 1px;
	width: 100%;
	background: #10477B;
	margin: 17px auto;
}
.rentalcar_block_04_p3 {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #10477B;
	margin: 17px auto auto auto;
}
.rentalcar_block_05_1,
.rentalcar_block_05_2 {
	display: flex;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	background: #E9EFF4;
	border-radius: 18px;
	padding: 30px 36px;
}
.rentalcar_block_05_1 img:nth-child(1) {
	height: 80px;
	width: auto;
	margin: auto 20px auto auto;
}
.rentalcar_block_05_1 img:nth-child(2) {
	height: 38px;
	width: auto;
	margin: auto;
}
.rentalcar_block_05_p1 {
	font-size: 30px;
	font-weight: bold;
	color: #10477B;
	background: white;
	border: 1px solid #10477B;
	padding: 24px 42px;
	margin: auto 20px;
	white-space: nowrap;
}
.rentalcar_block_05_p2 {
	font-size: 15px;
	line-height: 28px;
	color: #10477B;
	margin: auto;
	font-weight: bold;
}

.carshare_block_03_title {
	font-size: 27px;
	font-weight: bold;
	color: #10477B;
	text-align: center;
	padding: 24px;
	border: 1px solid #10477B;
	border-radius: 10px;
	width: 100%;
	margin: auto auto 72px auto;
}
@media screen and (max-width: 688px) {
	.carshare_block_03_title {
		font-size: 18px;
		letter-spacing: 1.62px;
		margin-bottom: 52px;
	}
}
.carshare_block_03_title2 {
	font-size: 27px;
	font-weight: bold;
	text-align: center;
	color: white;
	padding: 27px;
	width: 100%;
	border-radius: 10px 10px 0px 0px;
	background: #10477B;
}

.carshare_block_08 .carshare_block_03_title2 {
	color: #10477B;
	background: #88BBE5;
	font-size: 21px;
	line-height: 28px;
	margin-top: 60px;
	border-top: 1px solid #10477B;
	border-left: 1px solid #10477B;
	border-right: 1px solid #10477B;
}
@media screen and (max-width: 900px) {
	.carshare_block_03_title2 {
		font-size: 21px;
	}
}

.carshare_block_03_step {
	background: #E9EFF4;
	padding: 30px 56px;
	border-radius: 0px 0px 18px 18px;
}
.carshare_block_03_step.tb {
	display: none;
}
@media screen and (max-width: 1100px) {
	.carshare_block_03_step.pc {
		display: none;
	}
	.carshare_block_03_step.tb {
		display: block;
	}
}
@media screen and (max-width: 750px) {
	.carshare_block_03_step.pc {
		display: block;
	}
	.carshare_block_03_step.tb {
		display: none;
	}
}
@media screen and (max-width: 900px) {
	.carshare_block_03_step {
		padding: 15px;
	}
}
.carshare_block_08 .carshare_block_03_step {
	background: white;
	border: 1px solid #10477B;
}

.carshare_step_block_01 {
	background: white;
	border: 1px solid #10477B;
	border-radius: 10px;
	color: #10477B;
}
.carshare_step_block_01_p1,
.carshare_step_block_01_p1_ {
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	font-size: 15px;
	margin: 22px auto;
	font-weight: bold;
	line-height: 21px;
}
@media screen and (max-width: 900px) {
	.carshare_step_block_01_p1,
	.carshare_step_block_01_p1_ {
		font-size: 12px;
		padding: 18px 24px;
		margin: auto;
		line-height: 17px;
		letter-spacing: 0.18px;
	}
	.carshare_step_block_01_p1_ {
		font-size: 15px;
		padding: 24px 0px;
		line-height: 21px;
	}
	.carshare_step_block_01_p1.sp_other_2 {
		font-size: 14px;
		line-height: 20px;
	}
}
.carshare_step_block_01_p1_ span {
	color: #ED1E79;
}
.carshare_step_line {
	width: 100%;
	height: 1px;
	background: #10477B;
}
.carshare_step_block_01_p2 {
	margin: 18px auto 9px;
	font-size: 15px;
	font-weight: bold;
	color: #10477B;
	text-align: center;
	letter-spacing: 0.18px;
}
@media screen and (max-width: 688px) {
	.carshare_step_block_01_p2 {
		margin: 18px auto 12px;
	}
}
.carshare_step_flex {
	display: inline-flex;
	justify-content: center;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	padding: 20px 0px;
	border-top: 1px solid #10477B;
	margin: auto;
}
.carshare_step_flex br {
	display: none;
}
@media screen and (max-width: 900px) {
	.carshare_step_flex {
		display: inline-block;
		text-align: center;
		width: 86%;
	}
	.carshare_step_flex br {
		display: block;
	}
}
.carshare_step_flexbox1,
.carshare_step_flexbox2,
.carshare_step_flexbox3 {
	position: relative;
	padding-left: 51px;
	margin-right: 30px;
}
.carshare_step_flexbox3 {
	margin-right: 0px;
}
@media screen and (max-width: 900px) {
	.carshare_step_flexbox1,
	.carshare_step_flexbox2,
	.carshare_step_flexbox3 {
		margin: auto auto 20px auto;
		display: inline-block;
		text-align: left;
	}
}
.carshare_step_flexbox1::after,
.carshare_step_flexbox2::after,
.carshare_step_flexbox3::after {
	position: absolute;
	content: "";
	width: 40px;
	height: 40px;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	background-image: url("img/carshare_step_01_icon1.svg");
}
.carshare_step_flexbox2::after {
	background-image: url("img/carshare_step_01_icon2.svg");
}
.carshare_step_flexbox3::after {
	background-image: url("img/carshare_step_01_icon3.svg");
}
.carshare_step_flex div p:nth-child(1){
	font-size: 15px;
	font-weight: bold;
	color: #10477B;
	margin-bottom: 3px;
}
.carshare_step_flex div p:nth-child(2){
	font-size: 12px;
	color: #10477B;
	font-weight: normal;
}
.carshare_step_flexbox3 p {
	transform: translateY(10px);
}
.carshare_step_block_02 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}
.carshare_step_block_02_flexbox {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	width: 20%;
	margin: 0px auto 30px auto;
}
.carshare_step_block_02_flexbox img {
	width: 170px;
	height: 300px;
	object-fit: cover;
	margin: 0px auto;
}
@media screen and (max-width: 1100px) {
	.carshare_step_block_02_flexbox img {
		width: 100%;
		height: auto;
	}
}
.carshare_step_block_02_arrow_1,
.carshare_step_block_02_arrow_2,
.carshare_step_block_02_arrow_3,
.carshare_step_block_02_arrow_4,
.carshare_step_block_02_arrow_5,
.carshare_step_block_02_arrow_6,
.carshare_step_block_02_arrow_7,
.carshare_step_block_02_arrow_8,
.carshare_step_block_02_arrow_9,
.carshare_step_block_02_arrow_10 {
	width: 48px;
	height: auto;
	margin: 16% auto auto auto;
}
.carshare_step_block_02_arrow_4 {
	display: none;
}
@media screen and (max-width: 1100px) {
	.carshare_step_block_02_arrow_1,
	.carshare_step_block_02_arrow_2,
	.carshare_step_block_02_arrow_3,
	.carshare_step_block_02_arrow_4,
	.carshare_step_block_02_arrow_5,
	.carshare_step_block_02_arrow_6,
	.carshare_step_block_02_arrow_7,
	.carshare_step_block_02_arrow_8,
	.carshare_step_block_02_arrow_9,
	.carshare_step_block_02_arrow_10 {
		width: 8%;
	}
	.carshare_step_block_02_arrow_8,
	.carshare_step_block_02_arrow_10 {
		margin: 39% auto auto auto;
	}
	.carshare_step_block_02_arrow_9 {
		display: none;
	}
}
@media screen and (max-width: 900px) {
	.carshare_step_block_02_arrow_1,
	.carshare_step_block_02_arrow_2,
	.carshare_step_block_02_arrow_3,
	.carshare_step_block_02_arrow_4,
	.carshare_step_block_02_arrow_5,
	.carshare_step_block_02_arrow_6,
	.carshare_step_block_02_arrow_7,
	.carshare_step_block_02_arrow_9 {
		margin: 23% auto auto auto;
	}
	.carshare_step_block_02_flexbox {
		width: 28%;
	}
	.carshare_step_block_02_arrow_3,
	.carshare_step_block_02_arrow_6 {
		display: none;
	}
	.carshare_step_block_02_arrow_4 {
		display: block;
	}
}
@media screen and (max-width: 720px) {
	.carshare_step_block_02_flexbox {
		width: 45%;
	}
	.carshare_step_block_02_arrow_2,
	.carshare_step_block_02_arrow_4,
	.carshare_step_block_02_arrow_6 {
		display: none;
	}
	.carshare_step_block_02_arrow_3,
	.carshare_step_block_02_arrow_5 {
		display: block;
	}
	.carshare_step_block_02_arrow_1,
	.carshare_step_block_02_arrow_2,
	.carshare_step_block_02_arrow_3,
	.carshare_step_block_02_arrow_4,
	.carshare_step_block_02_arrow_5,
	.carshare_step_block_02_arrow_6,
	.carshare_step_block_02_arrow_7,
	.carshare_step_block_02_arrow_8,
	.carshare_step_block_02_arrow_9,
	.carshare_step_block_02_arrow_10 {
		margin: 39% auto auto auto;
	}
}
.carshare_step_block_02_flexbox span {
	white-space: nowrap;
}
.carshare_step_block_02_flexbox p:nth-child(2){
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #10477B;
	margin: 18px auto 12px;
}
.carshare_step_block_02_flexbox p:nth-child(3){
	font-size: 12px;
	line-height: 18px;
	color: #10477B;
	letter-spacing: 0.54px;
}
.carshare_step_block_02_callcenter {
	position: relative;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	background: #88BBE5;
	border-radius: 10px;
	border: 1px solid #10477B;
	color: white;
	width: 100%;
	padding: 22px 25px 22px 104px;
	margin-top: 20px;
	text-align: center;
}
@media screen and (max-width: 1100px) {
	.carshare_step_block_02_callcenter {
		padding: 22px 25px 22px 16%;
	}
}
@media screen and (max-width: 700px) {
	.carshare_step_block_02_callcenter {
		padding: 22px 25px 22px 38%;
		transform: translateY(70px);
    	margin: -70px auto -50px;
	}
}
.carshare_step_block_02_callcenter span {
	color: #ED1E79;
	white-space: nowrap;
}
.carshare_step_block_02_callcenter::after {
	position: absolute;
	content: "";
	width: 93px;
	height: 99.2px;
	left: 18px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url("img/carshare_step_09.svg");
}
.carshare_step_block_04_flex {
	display: flex;
	justify-content: space-between;
	margin: 30px;
}
.carshare_step_block_04_flex div:nth-child(1),
.carshare_step_block_04_flex div:nth-child(2) {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	width: 360px;
}
.carshare_step_block_04_flex div:nth-child(2) {
	width: 420px;
}
@media screen and (max-width: 1100px) {
	.carshare_step_block_04_flex {
		display: block;
		margin: auto;
	}
	.carshare_step_block_04_flex div:nth-child(1),
	.carshare_step_block_04_flex div:nth-child(2) {
		margin: 30px auto auto auto;
	}
}

@media screen and (max-width: 540px) {
	.carshare_step_block_04_flex div:nth-child(1),
	.carshare_step_block_04_flex div:nth-child(2) {
		width: 90%;
	}
}

.carshare_step_block_04_flex div img {
	width: 100%;
	margin: 0px auto auto auto;
}
.carshare_step_block_04_flex div p {
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 0.54px;
	color: #10477B;
	margin: 30px auto 0px auto;
}
@media screen and (max-width: 688px) {
	.carshare_step_block_04_flex div p {
		font-size: 12px;
		letter-spacing: 0.29px;
		line-height: 18px;
		margin: 18px auto 0px auto;
	}
	.carshare_step_block_04_flex div .sp_other_1 {
		margin-bottom: 12px;
	}
}
.carshare_under_arrow {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: auto;
	margin: 30px auto;
}
@media screen and (max-width: 688px) {
	.carshare_under_arrow.first {
		margin: 140px auto 30px;
	}
}
.carshare_block_05_flex {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.carshare_block_05_left_img {
	position: relative;
	width: 270px;
	margin-right: 20px;
	flex-shrink: 0;
}
.carshare_block_05_left_img img {
	width: 110%;
}
@media screen and (max-width: 1100px) {
	.carshare_block_05_left_img img {
		width: 120%;
	}
}
@media screen and (max-width: 1100px) {
	.carshare_block_05_left_img {
		width: 40%;
	}
	.carshare_block_05_right {
		width: 57%;
	}
}
@media screen and (max-width: 688px) {
	.carshare_block_05_left_img {
		display: none;
	}
	.carshare_block_05_right {
		width: 100%;
	}
}
.carshare_block_05_right_block1 {
	border-radius: 10px;
	border: 1px solid #10477B;
	overflow: hidden;
	background: white;
}
.carshare_block_05_right_block1_title {
	color: white;
	text-align: center;
	padding: 20px;
	font-size: 21px;
	line-height: 27px;
	font-weight: bold;
	background: #10477B;
}
@media screen and (max-width: 848px) {
	.carshare_block_05_right_block1_title.other {
		font-size: 15px;
		letter-spacing: 0.18px;
		line-height: 10px;
		padding: 8px 0px;
	}
}
@media screen and (max-width: 688px) {
	.carshare_block_05_right_block1_title {
		color: white;
		text-align: center;
		padding: 20px;
		font-size: 21px;
		line-height: 27px;
		font-weight: bold;
		background: #10477B;
	}
}

.carshare_block_05_right_block1_inner {
	padding: 24px;
}
@media screen and (max-width: 848px) {
	.carshare_block_05_right_block1_inner {
		padding: 42px 12px;
	}
	.carshare_block_05_right_block1_inner.other {
		padding: 12px;
	}
}
.carshare_block_05_right_block1_inner .p1 {
	text-align: center;
	font-size: 12px;
	margin-bottom: 24px;
	color: #10477B;
	line-height: 21px;
}
@media screen and (max-width: 848px) {
	.carshare_block_05_right_block1_inner .p1 {
		margin-bottom: 12px;
	}
}
@media screen and (max-width: 688px) {
	.carshare_block_05_right_block1_inner .p1 {
		margin-bottom: 15px;
	}
}
.carshare_block_05_right_block1_inner .p2 {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #10477B;
	margin-top: 22px;
}
@media screen and (max-width: 848px) {
	.carshare_block_05_right_block1_inner .p2 {
		text-align: left;
		position: relative;
		display: inline-block;
		left: 50%;
		transform: translateX(-50%);
		font-size: 12px;
		line-height: 18px;
	}
}
@media screen and (max-width: 688px) {
	.carshare_block_05_right_block1_inner .p2 {
		display: inline-block;
		position: relative;
		text-align: left;
		margin: 22px auto auto auto;
		left: 50%;
		transform: translateX(-50%);
		font-size: 12px;
		line-height: 18px;
	}
}
.carshare_block_05_right_block1_inner .inner_flex {
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 1100px) {
	.carshare_block_05_right_block1_inner .inner_flex {
		display: block;
	}
}
.carshare_block_05_right_block1_inner .inner_flex .inner_flexbox {
	background: #EBF0F5;
	width: 162px;
	height: 150px;
}
@media screen and (max-width: 1100px) {
	.carshare_block_05_right_block1_inner .inner_flex .inner_flexbox {
		width: 100%;
		height: auto;
		padding: 5px 0px;
	}
}
.carshare_block_05_right_block1_inner .inner_flex .inner_flexbox div {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
@media screen and (max-width: 1100px) {
	.carshare_block_05_right_block1_inner .inner_flex .inner_flexbox div {
		top: auto;
		transform: none;
	}
}
.inner_flexbox .title {
	font-size: 18px;
	font-weight: bold;
	color: #10477B;
	text-align: center;
	margin-bottom: 12px;
}
@media screen and (max-width: 688px) {
	.inner_flexbox .title {
		margin-bottom: 3px;
	}
}
.inner_flexbox .sub {
	font-size: 15px;
	font-weight: bold;
	color: #10477B;
	text-align: center;
	margin-bottom: 4px;
}
.inner_flexbox p {
	font-size: 12px;
	text-align: center;
}
.inner_flex img {
	width: 21px;
	height: 21px;
	margin: auto;
}
@media screen and (max-width: 1100px) {
	.inner_flex img {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		margin: 3px auto;
		width: 11px;
		height: 11px;
	}
}
.carshare_block_05_right_block2_title {
	margin-top: 68px;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
@media screen and (max-width: 848px) {
	.carshare_block_05_right_block2_title.first {
		margin-top: 20px;
	}
}
@media screen and (max-width: 648px) {
	.carshare_block_05_right_block2_title {
		margin-top: 20px;
	}
}
.carshare_block_05_right_block2_title .number_box {
	position: relative;
	width: 39px;
	height: 39px;
	background: #484848;
	flex-shrink: 0;
	margin: auto 0px;
}
.carshare_block_05_right_block2_title .number_box p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 24px;
	font-weight: bold;
	color: white;
}
.carshare_block_05_right_block2_p1 {
	font-size: 21px;
	font-weight: bold;
	color: #10477B;
	margin: auto auto auto 10px;
}
@media screen and (max-width: 848px) {
	.carshare_block_05_right_block2_p1 {
		font-size: 18px;
		line-height: 24px;
	}
}
.carshare_block_05_right_block2_p2 {
	font-size: 15px;
	line-height: 24px;
	color: #10477B;
	padding-left: 80px;
}
@media screen and (max-width: 1100px) {
	.carshare_block_05_right_block2_p2 {
		padding-left: 0px;
	}
}
@media screen and (max-width: 848px) {
	.carshare_block_05_right_block2_p2 {
		font-size: 12px;
		letter-spacing: 0.29px;
		padding: 0px;
	}
}
.carshare_block_05_right_block2_p2 span {
	color: #ED1D79;
}
.carshare_block_05_right_block2_line {
	position: relative;
	width: 100%;
	height: 2px;
	background: #10477B;
	margin: 15px auto 20px;
}
.carshare_block_05_right_block2_line::before {
	position: absolute;
	content: "";
	left: -45px;
	width: 45px;
	top: 50%;
	transform: translateY(-50%);
	height: 2px;
	background: #10477B;
}
.carshare_block_05_right_block2_line::after {
	position: absolute;
	content: "";
	left: -63px;
	width: 18px;
	height: 18px;
	border-radius: 100vh;
	background: #10477B;
	transform: translateY(-50%);
	top: 50%;
}
@media screen and (max-width: 688px) {
	.carshare_block_05_right_block2_line::before {
		display: none;
	}
	.carshare_block_05_right_block2_line::after {
		display: none;
	}
}
.carshare_block_05_right_block2_img {
	width: 100%;
	height: auto;
	padding-left: 80px;
	margin-top: 18px;
}
@media screen and (max-width: 1100px) {
	.carshare_block_05_right_block2_img {
		padding: 0px;
	}
}
.carshare_block_05_block2_inner_title {
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	color: #10477B;
	margin-bottom: 12px;
}
@media screen and (max-width: 688px) {
	.carshare_block_05_block2_inner_title {
		font-size: 18px;
	}
}
.carshare_block_05_block2_inner_p {
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	color: #10477B;
	margin-bottom: 12px;
}
@media screen and (max-width: 688px) {
	.carshare_block_05_block2_inner_p {
		line-height: 18px;
	}
}
.carshare_block_05_block2_inner_contents {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #10477B;
	padding: 12px;
	border-top: 1px solid #10477B;
	border-bottom: 1px solid #10477B;
	margin-bottom: 32px;
	background: #EBF0F5;
	line-height: 24px;
}
@media screen and (max-width: 848px) {
	.carshare_block_05_block2_inner_contents {
		font-size: 18px;
		padding: 12px 0px;
		margin-bottom: 15px;
		line-height: 21px;
	}
	.pc .carshare_block_05_block2_inner_contents {
		display: none;
	}
}
@media screen and (max-width: 648px) {
	.carshare_block_05_block2_inner_contents {
		font-size: 15px;
		line-height: 24px;
	}
	.carshare_block_05_block2_inner_contents .other {
		font-size: 18px;
	}
}
.carshare_block_05_block2_inner_notice {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.54px;
	color: #10477B;
	margin-top: 39px;
	text-align: center;
}
@media screen and (max-width: 848px) {
	.carshare_block_05_block2_inner_notice {
		text-align: left;
		margin-top: 0px;
		position: relative;
		display: inline-block;
		left: 50%;
		transform: translateX(-50%);
	}
}
.carshare_block_06_title1 {
	font-size: 21px;
	font-weight: bold;
	color: white;
	padding: 20px;
	background: #10477B;
	width: 100%;
	border-radius: 10px;
	margin: 30px auto;
	text-align: center;
	letter-spacing: 0.25px;
	line-height: 24px;
}
.carshare_block_06_flex1 {
	display: flex;
	justify-content: center;
	margin: auto;
}
.carshare_block_06_flex1 img {
	width: 171px;
	height: auto;
	margin-right: 39px;
}
.carshare_block_06_flex1 p {
	font-size: 15px;
	color: #10477B;
	line-height: 28px;
	margin: auto 0px;
}
@media screen and (max-width: 688px) {
	.carshare_block_06_flex1 {
		display: block;
	}
	.carshare_block_06_flex1 img {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		margin: 20px auto;
	}
	.carshare_block_06_flex1 p {
		line-height: 24px;
		width: 70%;
		margin: auto;
		font-weight: bold;
	}
}

.carshare_block_06_under_arrow {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 48px;
	margin-bottom: 36.3px;
}
@media screen and (max-width: 1100px) {
	.carshare_block_06_under_arrow {
		margin: 20px auto 32px;
	}
}
.carshare_block_06_flex2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 60px;
}
.carshare_block_06_flexbox2 {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	width: 171px;
}
.carshare_block_06_flexbox2 img {
	width: 171px;
	height: 300px;
	margin: 0px auto 15.3px;
}
@media screen and (max-width: 1100px) {
	.carshare_block_06_flex2 {
		width: 85%;
		margin: auto;
	}
	.carshare_block_06_flexbox2 {
		width: 45%;
		margin: 0px auto 20px auto;
	}
	.carshare_block_06_flexbox2 img {
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 688px) {
	.carshare_block_06_flex2 {
		width: 100%;
	}
}
.carshare_block_06_flexbox2_title {
	text-align: center;
	font-size: 15px;
	color: #10477B;
	margin: 0px auto auto auto;
}
.carshare_block_06_flexbox2_p {
	font-size: 12px;
	letter-spacing: 0.54px;
	line-height: 18px;
	color: #10477B;
	margin: 12px auto auto auto;
}
.carshare_block_07_img {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	height: 90px;
	width: auto;
	margin: 30px auto auto auto;
}
.carshare_block_08_flex {
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 688px) {
	.carshare_block_08_flex {
		margin: 21px auto;
	}
}
.carshare_block_08_flexbox {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
}
.carshare_block_08_flexbox::after {
	position: absolute;
	content: "";
	right: -9px;
	bottom: 0px;
	width: 1px;
	height: calc(100% - 92px);
	background: #10477B;
}
.carshare_block_08_flexbox:nth-child(1) {
	width: 200px
}
.carshare_block_08_flexbox:nth-child(2) {
	width: 200px
}
.carshare_block_08_flexbox:nth-child(3) {
	width: 450px
}
.carshare_block_08_flexbox:nth-child(3)::after {
	display: none;
}
@media screen and (max-width: 1100px) {
	.carshare_block_08_flexbox:nth-child(1),
	.carshare_block_08_flexbox:nth-child(2) {
		width: 49%;
	}
}
.carshare_block_08_flexbox_title_area {
	position: relative;
	border-top: 1px solid #10477B;
	border-bottom: 1px solid #10477B;
	margin: 0px auto auto auto;
	background: #EBF0F5;
	width: 100%;
	height: 72px;
}
@media screen and (max-width: 688px) {
	.carshare_block_08_flexbox_title_area {
		height: 51px;
	}
}
.carshare_block_08_flexbox_title {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #10477B;
	font-size: 15px;
	font-weight: bold;
	line-height: 28px;
	white-space: nowrap;
}
.carshare_block_08_flexbox_img {
	height: 300px;
	width: auto;
	margin: 20px auto auto auto;
}
.carshare_block_08_flexbox_img img {
	position: relative;
	width: 90%;
	height: auto;
	margin: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
@media screen and (max-width: 850px) {
	.carshare_block_08_flex {
		display: block;
	}
	.carshare_block_08_flexbox:nth-child(1),
	.carshare_block_08_flexbox:nth-child(2),
	.carshare_block_08_flexbox:nth-child(3){
		width: 100%;
	}
	.carshare_block_08_flexbox:nth-child(1)::after,
	.carshare_block_08_flexbox:nth-child(2)::after,
	.carshare_block_08_flexbox:nth-child(3)::after {
		display: none;
	}
	.carshare_block_08_flexbox_img {
		width: 100%;
		height: auto;
	}
	.carshare_block_08_flexbox_img img {
		width: 100%;
		transform: translateX(-50%);
	}
	.carshare_block_08_flexbox:nth-child(1) .carshare_block_08_flexbox_img img {
		width: 50%;
	}
	.carshare_block_08_flexbox:nth-child(2) .carshare_block_08_flexbox_img img {
		width: 60%;
	}
	.carshare_block_08_flexbox:nth-child(3) .carshare_block_08_flexbox_p {
		padding: 0px 30px;
	}
}
.carshare_block_08_flexbox_p {
	margin: 20px auto auto auto;
	font-size: 12px;
	color: #10477B;
	line-height: 18px;
	letter-spacing: 0.54px;
	padding: 0px 30px 27px;
}
.carshare_block_08_flexbox_p span {
	color: #ED1D79;
}
.carshare_block_05_block2_inner_contents span {
	font-size: 12px;
	letter-spacing: 0.54px;
	line-height: 18px;
	font-weight: normal;
	margin-top: 12px;
}
.carshare_block_05_block2_inner_contents .notice {
	font-size: 12px;
	font-weight: normal;
	margin-top: 14px;
	line-height: 18px;
}
.carshare_block_05_block2_inner_contents .notice2 {
	display: inline-block;
	position: relative;
	font-size: 12px;
	font-weight: normal;
	margin-top: 14px;
	line-height: 18px;
	text-align: left;
}
@media screen and (max-width: 688px) {
	.carshare_block_05_block2_inner_contents .notice2 {
		font-size: 15px;
		line-height: 21px;
		width: 84%;
		margin: 12px auto auto auto;
	}
}
.rentalserver_flex {
	display: flex;
	justify-content: center;
	column-gap: 60px;
	list-style: none;
}
@media screen and (max-width: 760px) {
	.rentalserver_flex {
		display: block;
	}
	.rentalserver_flex li {
		margin-bottom: 30px;
	}
}
.rentalserver_flex li img {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 150px;
	height: 260px;
	margin-bottom: 18px;
}
.rentalserver_flex li .title {
	font-size: 15px;
	letter-spacing: 0.32px;
	margin-bottom: 12px;
	text-align: center;
	color: #10477B;
}
.rentalserver_flex li .price {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.32px;
	margin-bottom: 12px;
	white-space: nowrap;
	text-align: center;
	color: #10477B;
}
.rentalcar_block_05_2 {
	display: none;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.rentalcar_block_05_2 .left {
	width: 30%;
}
.rentalcar_block_05_2 .right{
	margin: auto;
}
.rentalcar_block_05_2_flex {
	display: flex;
	justify-content: center;
	column-gap: 40px;
	margin-top: 20px;
}
.rentalcar_block_05_2_flex img {
	width: 36%;
	height: auto;
	object-fit: contain;
}

@media screen and (max-width: 1100px) {
	.rentalcar_block_05_1 {
		display: none;
	}
	.rentalcar_block_05_2 {
		display: flex;
	}
	.rentalcar_block_03 {
		padding-top: 120px;
	}
	.rentalcar_block_03_p1 {
		position: absolute;
		top: 30px;
		left: 50%;
		transform: translateX(-50%);
		font-size: 18px;
		margin: auto;
	}
	.rentalcar_block_03 img {
		width: 160px;
		height: auto;
		margin-right: 20px;
	}
	.rentalcar_block_04_flexbox,
	.rentalcar_block_04_flexbox:nth-child(2) {
		width: 32%;
		padding: 20px;
	}
	.rentalcar_block_04_p1 {
		font-size: 15px;
		margin-bottom: 12px;
	}
	.rentalcar_block_04_p2 {
		font-size: 13px;
		line-height: 18px;
		margin: 0px auto 30px auto
	}
	.rentalcar_block_04_img2 {
		margin: 14px auto 0px auto;
		width: 70%;
	}
	.rentalcar_block_04_p3 {
		font-size: 12px;
	}
	.rentalcar_block_05_1 {
		position: relative;
		min-height: 220px;
	}
	.rentalcar_block_05_1 img:nth-child(1),
	.rentalcar_block_05_1 img:nth-child(2) {
		position: absolute;
		margin: 60px auto auto auto;
	}
	.rentalcar_block_05_p1 {
		font-size: 18px;
		padding: 14px 32px;
		text-align: center;
		margin: 0px;
	}

}

@media screen and (max-width: 740px) {
	.rentalcar_block_01 {
		display: block;
	}
	.rentalcar_block_01_left {
		margin: auto auto 27px auto;
	}
	.rentalcar_block_02 {
		column-gap: normal;
		justify-content: space-between;
	}
	.rentalcar_block_02_flexbox {
		width: 32%;
	}
	.rentalcar_block_02_flexbox img {
		width: 100%;
		height: auto;
	}
	.rentalcar_block_02_p1 {
		font-size: 12px;
	}
	.rentalcar_block_02_p1 span {
		white-space: nowrap;
	}
	.rentalcar_block_01_p1 {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: 1.62px;
		padding: 0px 20px 15px 20px;
	}
	.rentalcar_block_01_p2 {
		font-size: 15px;
		line-height: 1;
		letter-spacing: 1.35px;
		padding: 12px 20px;
	}
	.rentalcar_block_01_p3 {
		font-size: 13px;
		line-height: 24px;
		padding: 15px 20px 0px 20px;
	}
	.rentalcar_block_01 {
		padding: 27px 30px;
	}
	.rentalcar_block_03 {
		display: block;
	}
	.rentalcar_block_03 img {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		margin: 20px auto;
	}
	.rentalcar_block_04 {
		display: block;
	}
	.rentalcar_block_04_flexbox,
	.rentalcar_block_04_flexbox:nth-child(2) {
		width: 100%;
		margin: auto auto 15px auto;
		padding: 27px;
	}
	.rentalcar_block_03_p1 {
		width: 90%;
	}
	.rentalcar_block_04_p2 {
		margin: 0px auto 12px auto;
	}
	.rentalcar_block_04_line {
		width: 64%;
	}
	.rentalcar_block_05_2 {
		display: block;
		padding: 27px 18px 19px;
	}
	.rentalcar_block_05_2 .left {
		width: 100%;
	}
	.rentalcar_block_05_2_flex img {
		width: 30%;
	}
	.rentalcar_block_05_2 .right {
		margin-top: 20px;
	}
	.rentalcar_block_05_p2 {
		font-size: 12px;
		line-height: 24px;
		font-weight: bold;
	}
}


.carshare_b3_tb_flex {
	display: flex;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.carshare_b3_tb_flexbox {
	position: relative;
	width: 48%;
}
.carshare_b3_tb_flexbox .title,
.carshare_b3_tb_2 .title {
	position: relative;
	border-top: 1px solid #10477B;
	border-bottom: 1px solid #10477B;
	margin: 0px auto auto auto;
	background: #EBF0F5;
	width: 100%;
	height: 72px;
}
.carshare_b3_tb_flexbox .title .title_p,
.carshare_b3_tb_2 .title .title_p {
	display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #10477B;
    font-size: 15px;
    font-weight: bold;
    line-height: 28px;
    white-space: nowrap;
}
.carshare_b3_tb_flexbox .image,
.carshare_b3_tb_2 .image {
	height: 300px;
    width: auto;
    margin: 20px auto auto auto;
	text-align: center;
}
.carshare_b3_tb_flexbox .image img,
.carshare_b3_tb_2 .image img {
	height: 300px;
	width: 80%;
	object-fit: contain;
}
.carshare_b3_tb_flexbox .discription_p,
.carshare_b3_tb_2 .discription_p {
	margin: 20px auto auto auto;
    font-size: 12px;
    color: #10477B;
    line-height: 18px;
    letter-spacing: 0.54px;
    padding: 0px 30px 27px;
}
.carshare_b3_tb_2 .discription_p {
	width: 60%;
}

.carshare_b3_tb_flexbox:nth-child(1)::after {
	position: absolute;
	content: "";
	right: -4%;
	bottom: 0px;
	width: 1px;
	height: calc(100% - 92px);
	background: #10477B;
}
.carshare_b3_tb_2 {
	margin-top: 30px;
}


/*-------------------------------------------------*/
/*
/*　レンタルスペース（~/rentalspace/）
/*
/*-------------------------------------------------*/

.rentalspace_block_01 {
	border: 1px solid #10477B;
	border-radius: 0px 0px 10px 10px;
	margin-top: 30px;
}
.rentalspace_block_01 .title {
	font-size: 21px;
	font-weight: bold;
	color: white;
	text-align: center;
	background: #10477B;
	width: 100%;
	padding: 20px;
}
.rentalspace_flex1 {
	display: flex;
	justify-content: space-between;
	padding: 50px 30px 30px 30px;
	flex-wrap: wrap;
	list-style: none;
}
.rentalspace_flex1 li {
	width: 20%;
	margin-bottom: 20px;
}
@media screen and (max-width: 688px) {
	.rentalspace_flex1 li {
		width: 50%;
	}
}
.rentalspace_flex1 li img {
	width: 80%;
	margin: auto auto auto 20px;
}
@media screen and (max-width: 688px) {
	.rentalspace_flex1 li img {
		width: 100%;
		margin: auto;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
}
.rentalspace_flex1 li p {
	font-size: 15px;
	line-height: 28px;
	color: #10477B;
	text-align: center;
}
.rentalspace_block_01_inner {
	padding: 43px 56px;
}
@media screen and (max-width: 688px) {
	.rentalspace_block_01_inner {
		padding: 30px 15px;
	}
}
.rentalspace_block_btn1,
.water_block_btn1,
.water_block_btn2 {
	position: relative;
	font-size: 27px;
	font-weight: bold;
	padding: 30px 0px;
	text-align: center;
	color: white;
	background: #1592E6;
	border-radius: 4px;
	margin-bottom: 22px;
	letter-spacing: 2.43px;
}
@media screen and (max-width: 868px) {
	.water_block_btn2 .pc {
		display: none;
	}
}
.water_block_btn1 {
	background: #4EB8FF;
}
@media screen and (max-width: 688px) {
	.rentalspace_block_btn1 {
		font-size: 24px;
		line-height: 30px;
	}
	.water_block_btn1 {
		font-size: 24px;
		letter-spacing: 2.16px;
		line-height: 33px;
		padding: 18px 0px;
	}
	.water_block_btn2 {
		font-size: 18px;
		line-height: 30px;
		padding: 21px 0px;
	}
}
.rentalspace_block_flex1 {
	display: flex;
	justify-content: space-between;
	padding: 20px 30px;
	background: #E9EFF4;
	border-radius: 10px;
}

.rentalspace_block_flex1 .p1 {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 4px;
	color: #10477B;
	padding: 24px 42px;
	background: white;
	border: 1px solid #10477B;
}
@media screen and (max-width: 900px) {
	.rentalspace_block_flex1 .p1 {
		font-size: 30px;
		letter-spacing: 2.7px;
		padding: 18px 0px;
		width: 100%;
		margin-right: 20px;
		text-align: center;
		white-space: nowrap;
	}
}
.rentalspace_block_flex1 img {
	height: 67.5px;
	margin: auto 10px;
}
.rentalspace_block_flex1 .p2 {
	font-size: 15px;
	line-height: 28px;
	color: #10477B;
	font-weight: bold;
}
@media screen and (max-width: 900px) {
	.rentalspace_block_flex1 {
		padding: 18px 18px 120px 18px;
	}
	.rentalspace_block_flex1 .p2 {
		font-size: 15px;
		line-height: 28px;
		position: absolute;
		padding-top: 80px;
		font-weight: bold;
		margin: auto;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
	}
}
@media screen and (max-width: 648px) {
	.rentalspace_block_flex1 {
		display: block;
		padding: 20px 30px;
	}
	.rentalspace_block_flex1.other {
		padding: 20px 18px;
	}
	.rentalspace_block_flex1 .p2 {
		position: relative;
		padding-top: 0px;
		white-space: normal;
		font-size: 12px;
		line-height: 24px;
	}
	.rentalspace_block_flex1 img {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		margin: 20px auto;
	}
}

/*-------------------------------------------------*/
/*
/*　ウォーターサーバー（~/waterserver/）
/*
/*-------------------------------------------------*/

.water_img_1 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 24%;
	height: auto;
	margin: 45px auto 50px;
}
@media screen and (max-width: 688px) {
	.water_img_1 {
		width: 62%;
	}
}
.water_p1,
.popcorn_p1 {
	font-size: 27px;
	font-weight: bold;
	line-height: 46px;
	letter-spacing: 0.54px;
	color: #607383;
	text-align: center;
	margin-bottom: 60px;
}
.popcorn_p1 {
	margin-bottom: 30px;
}
@media screen and (max-width: 848px) {
	.water_p1,
	.popcorn_p1 {
		letter-spacing: 0.97px;
		line-height: 46px;
		margin-bottom: 27px;
	}
}
@media screen and (max-width: 648px) {
	.water_p1,
	.popcorn_p1{
		font-size: 21px;
		line-height: 36px;
		letter-spacing: 0.32px;
	}
	.popcorn_p1 {
		font-size: 27px;
		letter-spacing: 0.97px;
		line-height: 46px;
		margin-bottom: 8px;
	}
}
.water_p2,
.popcorn_p2 {
	width: 630px;
	font-size: 18px;
	line-height: 31px;
	letter-spacing: 0.54px;
	color: #607383;
	margin: auto auto 60px auto;
}
.popcorn_p2 {
	margin: auto auto 90px auto;
}
@media screen and (max-width: 848px) {
	.water_p2,
	.popcorn_p2 {
		width: 90%;
		font-size: 18px;
		line-height: 31px;
		letter-spacing: 0.65px;
	}
	.water_p2,
	.popcorn_p2 {
		margin-bottom: 45px;
	}
}
@media screen and (max-width: 648px) {
	.water_p2,
	.popcorn_p2 {
		font-size: 15px;
		line-height: 26px;
		letter-spacing: 0.54px;
	}
	.popcorn_p2 {
		font-size: 18px;
		line-height: 31px;
		letter-spacing: 0.65px;
	}
}
.water_p3 {
	font-size: 21px;
	font-weight: bold;
	color: white;
	text-align: center;
	padding: 20px;
	background: #10477B;
	width: 100%;
	margin-top: 60px;
}
@media screen and (max-width: 688px) {
	.water_p3 {
		margin-top: 42px;
	}
}
.water_feature {
	position: relative;
	padding: 30px 50px;
}
@media screen and (max-width: 688px) {
	.water_feature {
		padding: 30px 15px;
	}
}
.water_feature::before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("img/water_feature_back.jpg");
	background-size: cover;
	z-index: -1;
	background-position: center;
}
.water_feature .p1 {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: white;
	padding: 12px 0px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	line-height: 28px;
}
@media screen and (max-width: 688px) {
	.water_feature .p1 {
		line-height: 28px;
	}
	.water_feature .p1 span {
		font-size: 15px;
	}
}

.water_feature .p1::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #003469;
	opacity: 0.54;
	z-index: -1;
}
.water_feature .p2 {
	font-size: 18px;
	letter-spacing: 0.65px;
	line-height: 31px;
	margin: 17px auto 30px;
	color: white;
	font-weight: normal;
}
@media screen and (max-width: 688px) {
	.water_feature .p2 {
		font-size: 15px;
		letter-spacing: 0.54px;
		line-height: 26px;
		width: 90%;
	}
}
.waterserver_figure_01,
.waterserver_figure_02,
.waterserver_figure_03 {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	height: auto;
	object-fit: cover;
	margin: 80px auto 110px;
}
.waterserver_figure_02,
.waterserver_figure_03 {
	display: none;
}
@media screen and (max-width: 900px) {
	.waterserver_figure_02 {
		display: block;
		margin: 40px 0px;
	}
	.waterserver_figure_01 {
		display: none;
	}
}
@media screen and (max-width: 620px) {
	.waterserver_figure_03 {
		display: block;
		margin: 40px 0px;
	}
	.waterserver_figure_02 {
		display: none;
	}
}
.water_block_inner {
	padding: 30px 50px;
	border: 1px solid #10477B;
	border-radius: 0px 0px 10px 10px;
}
@media screen and (max-width: 688px) {
	.water_block_inner {
		padding: 30px 15px;
	}
}


/*-------------------------------------------------*/
/*
/*　ポップコーン（~/popcorn/）
/*
/*-------------------------------------------------*/

.popcorn_img_1 {
	position: relative;
	width: 240px;
	height: 240px;
	left: 50%;
	transform: translate(-50%,120px);
	margin-top: -80px;
}
@media screen and (max-width: 688px) {
	.popcorn_img_1 {
		height: 150px;
		width: 150px;
		transform: translate(-50%,80px);
		margin-top: -60px;
	}
}
.popcorn_img_2 {
	width: 100%;
	height: auto;
	margin: auto auto 90px auto;
	object-fit: cover;
}
@media screen and (max-width: 500px) {
	.popcorn_img_2 {
		width: 100vw;
		height: 293px;
		margin: auto calc(50% - 50vw) 45px;
	}
}
.popcorn_flex1 {
	display: flex;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 80%;
	column-gap: 60px;
	margin: 74px auto auto auto;
}
@media screen and (max-width: 848px) {
	.popcorn_flex1 {
		width: 95%;
	}
}
@media screen and (max-width: 648px) {
	.popcorn_flex1 {
		display: block;
		width: 100%;
		margin-top: 36px;
	}
}
.popcorn_flex_img,
.popcorn_flex_img_sp,
.popcorn_flex_img_sp2 {
	width: 270px;
	height: 270px;
	margin: auto;
}
.popcorn_flex_img_sp {
	display: none;
}
@media screen and (max-width: 648px) {
	.popcorn_flex_img,
	.popcorn_flex_img_sp,
	.popcorn_flex_img_sp2 {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		margin-bottom: 20px;
		width: 210px;
		height: 210px;
	}
	.popcorn_flex_img_sp {
		display: block;
		margin: 0px 0px 20px 0px;
	}
	.popcorn_flex_img_sp2 {
		display: none;
	}
}
.popcorn_flex_text {
	width: 100%;
	margin: 0px auto auto auto;
}
@media screen and (max-width: 648px) {
	.popcorn_flex_text {
		width: 90%;
	}
}
.popcorn_flex_text .number {
	position: relative;
	font-size: 21px;
	color: #607383;
	font-weight: bold;
	margin-bottom: 16px;
}
.popcorn_flex_text .number::after {
	position: absolute;
	content: "";
	height: 1px;
	width: 90%;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	background: #607383;
}
@media screen and (max-width: 1100px) {
	.popcorn_flex_text .number::after {
		width: 80%;
	}
}
@media screen and (max-width: 848px) {
	.popcorn_flex_text .number::after {
		width: 90%;
	}
}
.popcorn_flex_text .title {
	font-size: 21px;
	font-weight: bold;
	color: #607383;
	line-height: 36px;
	letter-spacing: 0.54px;
	margin-bottom: 12px;
}
.popcorn_flex_text .p1 {
	font-size: 15px;
	line-height: 28px;
	letter-spacing: 0.54px;
	color: #607383;
}
.popcorn_flex_text .p1 b {
	font-weight: bold;
}
.popcorn_flex_btn {
	position: relative;
	font-size: 27px;
	font-weight: bold;
	color: white;
	padding: 30px 0px;
	background: #4EB8FF;
	width: 100%;
	border-radius: 4px;
	margin-top: 30px;
	text-align: center;
	letter-spacing: 2.43px;
}
@media screen and (max-width: 688px) {
	.popcorn_flex_btn {
		margin-top: 14px;
	}
}


/*-------------------------------------------------*/
/*
/*　新着情報（~/news/）
/*
/*-------------------------------------------------*/

.news_list {
	width: 750px;
	margin: 50px auto;
	list-style: none;
	border-top: 1px solid #DBDBDB;
}
.news_list li {
	position: relative;
	display: flex;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 16px 12px;
	border-bottom: 1px solid #DBDBDB;
}
.news_list li .date {
	font-size: 16px;
	letter-spacing: 1.92px;
	color: #A8BDD0;
	margin: auto 60px auto 0px;
}
.news_list li .title {
	font-size: 16px;
	letter-spacing: 1.92px;
	color: #A8BDD0;
	margin: auto 0px;
}
.news_list li .cat {
	font-size: 12px;
	padding: 7px 15px;
	border: 1px solid #88BBE5;
	color: #88BBE5;
	margin: auto 0px auto auto;
	letter-spacing: 0.94px;
}

@media screen and (max-width: 848px) {
	.news_list {
		width: 90%;
	}
}
@media screen and (max-width: 648px) {
	.news_list {
		width: 90%;
	}
	.news_list li {
		display: block;
	}
	.news_list li .date {
		font-size: 14px;
		margin: auto auto 14px auto;
		letter-spacing: 2px;
	}
	.news_list li .title {
		font-size: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.news_list li .cat {
		display: inline-block;
		position: absolute;
		top: 12px;
		right: 12px;
	}
}



/*-------------------------------------------------*/
/*
/*　シングル（~/single.php/）
/*
/*-------------------------------------------------*/


.news_width {
	width: 750px;
	margin: 297px auto auto auto;
}
.single_article {
	width: 100%;
	margin: auto;
}
.single_article p {
	font-size: 15px;
	letter-spacing: 0.36px;
	line-height: 18px;
}
.news_date_flex {
	display: flex;
	margin-bottom: 14px;
}
.news_date_flex .date {
	font-size: 12px;
	letter-spacing: 0.32px;
	font-weight: bold;
	color: #10477B;
	margin: auto 15px auto 0px;
}
.news_date_flex .category {
	font-size: 12px;
	color: #88BBE5;
	padding: 7px 15px;
	border: 1px solid #88BBE5;
	margin: auto auto auto 0px;
}
.pager_block {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 14px 18px;
	border-top: 1px solid #10477B;
	border-bottom: 1px solid #10477B;
}
.prev_btn {
	position: relative;
	font-size: 12px;
	letter-spacing: 0.32px;
	padding-left: 18px;
	color: #10477B;
}
.article_back {
	position: relative;
	font-size: 12px;
	letter-spacing: 0.32px;
	color: #10477B;
}
.next_btn {
	position: relative;
	font-size: 12px;
	letter-spacing: 0.32px;
	padding-right: 18px;
	color: #10477B;
}
.prev_btn::after {
	position: absolute;
	content: "";
	top: 50%;
	left: 0px;
	width: 9px;
	height: 15px;
	transform: translateY(-50%);
	background-image: url("img/single_prev_icon.svg");
}
.next_btn::after {
	position: absolute;
	content: "";
	top: 50%;
	right: 0px;
	width: 9px;
	height: 15px;
	transform: translateY(-50%) rotate(-180deg);
	background-image: url("img/single_prev_icon.svg");
}
.news_title {
	font-size: 27px;
	color: #10477B;
	line-height: 36px;
	margin: 30px auto;
}
@media screen and (max-width: 848px) {
	.news_title {
		font-size: 21px;
		line-height: 28px;
	}
}
.news_share_block {
	display: flex;
	justify-content: center;
	column-gap: 24px;
	background: #F5F5F5;
	border-radius: 5px;
	padding: 10px;
	margin: 32px auto 40px;
}
.news_share_p1 {
	position: relative;
	font-size: 15px;
	padding-left: 20px;
	color: #777777;
	margin: auto 0px;
}
.news_share_p1::after {
	position: absolute;
	content: "";
	width: 17px;
	height: 15px;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	background-image: url("img/single_share_icon.svg");
}
.news_share_sns {
	position: relative;
	width: 27px;
	height: 27px;
}
.news_tag_block {
	display: flex;
	margin: 100px auto 32px;
}
.news_tag_block p {
	font-size: 14px;
}
.news_tag_block .title {
	font-size: 12px;
	letter-spacing: 0.32px;
	font-weight: bold;
	color: #10477B;
	margin: auto 12px auto 0px;
}
.news_tag {
	display: inline-block;
	position: relative;
	font-size: 12px;
	color: #88BBE5;
	padding: 7px 15px;
	border: 1px solid #88BBE5;
	margin: auto 9px auto 0px;
}

@media screen and (max-width: 1100px) {
	.news_width {
		margin: 297px auto auto auto;
	}
}
@media screen and (max-width: 848px) {
	.news_width {
		width: 80%;
	}
}
@media screen and (max-width: 648px) {
	.news_width {
		width: 90%;
	}
	.single_article {
		width: 96%;
	}
	.pager_block {
		padding: 14px 0px;
	}
}


/*========= 流れるテキスト ===============*/

/*全共通*/

.slide-in {
	overflow: hidden;
    display: inline-block;
}

.slide-in_inner {
	display: inline-block;

}

/*左右のアニメーション*/
.leftAnime{
    opacity: 0;/*事前に透過0にして消しておく*/
}

.slideAnimeLeftRight {
	animation-name:slideTextX100;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
    opacity: 0;
}

@keyframes slideTextX100 {
  from {
	transform: translateX(-100%); /*要素を左の枠外に移動*/
        opacity: 0;
  }

  to {
	transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}

.slideAnimeRightLeft {
	animation-name:slideTextX-100;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
    opacity: 0;
}


@keyframes slideTextX-100 {
  from {
	transform: translateX(100%);/*要素を右の枠外に移動*/
    opacity: 0;
  }

  to {
	transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}




/*========= ローディング画面のためのCSS ===============*/

#splash {
  position: fixed;
  width: 100%;
  height: 100%;
  background-image:url("img/open_menu_background.jpg");
  background-size: cover;
  z-index: 99999;
  text-align:center;
  color:#fff;
}

#splash-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#splash-logo svg {
	width: 16vw;
	height: auto;
}
@media screen and (max-width: 900px) {
	#splash-logo svg {
		width: 45vw;
	}
}

/*=============== SVGアニメーション内の指定 =================*/

#mask {
	opacity: 0;
	animation-name:maskIn;
  	animation-duration:0.5s;
  	animation-timing-function:ease-in-out;
  	animation-fill-mode:forwards;
}
@keyframes maskIn{
	0% { opacity: 0; }
	100% { opacity: 1; }
}

/*アニメーション前の指定*/
#mask path {
		fill-opacity: 0;/*最初は透過0で見えない状態*/
		transition: fill-opacity .5s;/*カラーがつく際のアニメーション0.5秒で変化*/
		fill: none;/*塗りがない状態*/
		stroke: white;/*線の色*/
	}

/*アニメーション後に.doneというクラス名がで付与された時の指定*/
#mask.done path{
	  fill: white;/*塗りの色*/
	  fill-opacity: 1;/*透過1で見える状態*/
	  stroke: none;/*線の色なし*/
	}

/*========= 画面遷移のためのCSS ===============*/

/*画面遷移アニメーション*/
.splashbg{
    display: none;
}

/*bodyにappearクラスがついたら出現*/
body.appear .splashbg{
    display: block;
    content: "";
    position:fixed;
  z-index: 999;
    width: 100%;
    height: 100vh;
    top: 0;
  left: 0;
    transform: scaleX(0);
    background-color: white;/*伸びる背景色の設定*/
  animation-name:PageAnime;
  animation-duration:1.2s;
  animation-timing-function:ease-in-out;
  animation-fill-mode:forwards;
}

@keyframes PageAnime{
  0% {
    transform-origin:left;
    transform:scaleX(0);
  }
  50% {
    transform-origin:left;
    transform:scaleX(1);
  }
  50.001% {
    transform-origin:right;
  }
  100% {
    transform-origin:right;
    transform:scaleX(0);
  }
}

/*画面遷移の後現れるコンテンツ設定*/
#container{
  opacity: 0;/*はじめは透過0に*/
}

/*bodyにappearクラスがついたら出現*/
body.appear #container{
  animation-name:PageAnimeAppear;
  animation-duration:1s;
  animation-delay: 0.8s;
  animation-fill-mode:forwards;
  opacity: 0;
}

@keyframes PageAnimeAppear{
  0% {
  opacity: 0;
  }
  100% {
  opacity: 1;
}
}

.side_block {
	position: relative;
}
.sidebar_inner {
	position: relative;
	padding: 0px 12px 0px 0px;
}
.main_inner {
	position: relative;
	padding: 0px 0px 0px 12px;
}
@media screen and (max-width: 1024px) {
	.main_inner {
		padding: 0px;
	}
}
.sidebar_inner.fixed {
	position: fixed;
	width: 270px;
	bottom: 0px;
}


/* タブレットのCSS
---------------------------------------------*/
@media screen and (max-width: 848px) {
	.tb {
		display: block;
	}
}

/* スマホサイズのCSS
---------------------------------------------*/
@media screen and (max-width: 688px) {
	.pc,
	.tb {
		display: none;
	}
	.sp {
		display: block;
	}
}