@charset "UTF-8";

.index_top {
	height:710px;
	background-image:url( images/main_visual.jpg );
	background-size:auto 710px;
	background-position: top center;
	background-repeat:no-repeat;
}

#index_catch2 {
	margin-top:180px;
	width:240px;
}

#index_catch2+p {
	width:240px;
	margin-top:20px;
	font-size:12px;
	line-height:1.8em;
	font-weight:800;
	color:#000;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;}

#index_catch1 {
	width:100%;
	height:70px;
	position:absolute;
	left:0;
	bottom:74px;
	padding-top:50px;
	background-image:url( images/catch1.png );
	background-size:auto 70px;
	background-position: center center;
}

#index_float {
	width:408px;
	position:absolute;
	right:0;
	bottom:55px;
}

#index_float_back {
	position:relative;
	z-index:1;
}

#index_float dl {
	width:280px;
	left:55px;
	top:80px;
	color:#fff;
	position:absolute;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	line-height:22px;
	z-index:2;
}

#index_float a {
	display:block;
}

#index_f3 {
	position:absolute;
	right:15px;
	top:0;
	width:110px;
	height:32px;
}

#index_f2 {
	position:absolute;
	right:130px;
	top:0;
	width:110px;
	height:32px;
}

#index_f1 {
	position:absolute;
	right:245px;
	top:0;
	width:110px;
	height:32px;
}

#index_float dl dt {
	width:55%;
	text-align:right;
	font-size:15px;
}
#index_float dl dd {
	width:45%;
	text-align:right;
}

#index_float dl dd span {
	font-size:20px;
	padding-right:4px;
	font-weight:800;
}

#index_f2_img, #index_f3_img {
	display:none;
}
#index_float_btn {
	width:260px;
	bottom:40px;
	left:85px;
	z-index:10;
	position:absolute;
}

#index_choose {
	margin:40px auto 0 auto;
	padding-bottom:40px;
}

#index_area h2 img, #index_map h2 img, #index_flow_wrap h2 img, #index_information h2 img {
	width:350px;
}

#index_area h2, #index_map h2, #index_flow_wrap h2, #index_information h2 {
	margin-top:50px;
}

#index_area h2+p, #index_map h2+p, #index_flow_wrap h2+p, #index_information h2+p {
	margin-top:-70px;
	padding-bottom:70px;
}

#index_area h2+p img, #index_map h2+p img, #index_flow_wrap h2+p img,, #index_information h2+p img {
	width:350px;
}

#index_choose_area {
	padding:8px 0 50px 0;
}

#index_choose_area ul {
	display:flex;
	flex-wrap:wrap;
}

#index_choose_area ul > li {
	list-style-type:none;
	width:calc( 100% / 3 );
	min-height:300px;
	box-sizing:border-box;
}

#index_choose_area ul > li > div {
	position:relative;
	background-color:#fff;
	border-radius:8px;
	width:100%;
	height:100%;
	padding:30px;
}

#index_choose_area ul > li > div > span {
	position:absolute;
	right:12px;
	top:12px;
	color:#f00;
	font-size:10px;
	font-weight:700;
}

#index_choose_area ul > li > div > span > span {
	font-size:12px;
}

#index_choose_area ul > li:nth-of-type( 3n+1 ) {
	padding-right:16px;
}

#index_choose_area ul > li:nth-of-type( 3n+2 ) {
	padding-left:8px;
	padding-right:8px;
}

#index_choose_area ul > li > div > p:first-of-type {
	margin:8px auto;
	text-align:center;
}

#index_choose_area ul > li > div > p:first-of-type img {
	width:130px;
	height:130px;
	object-fit:contain;
	object-position:center center;
}

#index_choose_area ul > li > div > h3 {
	color:#d8192b;
	font-size:16px;
	line-height:1.5em;
	font-weight:bold;
	margin:14px 0;
}

#index_choose_area ul > li > div > div {
	font-size:12px;
	line-height:1.7em;
}
#index_choose_area ul > li:nth-of-type( 3n+3 ) {
	padding-left:16px;
}

#index_choose_area ul > li:nth-of-type( n+4 ) {
	margin-top:24px;
}

#index_map {
	width:100%;
	background-color:#d8192b;
	padding:32px;
}

#index_map > div {
	background-color:#fff;
	border-radius:16px;
	padding:80px 40px;
}

div#index_map_tbl {
	display:flex;
	width:100%;
	max-width:1000px;
	margin:auto;
}
div#index_map_tbl > div:first-of-type {
	width:45%;
	padding-right:100px;
}

div#index_map_tbl > div:last-of-type {
	width:55%;
}
div#index_map_tbl table {
	border-collapse:collapse;
}

div#index_map_tbl table td {
	border:0 none #fff;
	padding:0;
	vertical-align:top;
}

.index_search_btn_area {
	margin-top:50px;
	width:240px;
}

#index_flow_wrap {
	padding:60px 8px;
	background-color:#fff;	
	width:100%:
}

#index_flow {
	background-color:#fdf3f4;
	border-radius:16px;
	padding:40px;
}

#index_flow li {
	list-style-type:none;
	background-color:#fff;
	padding:40px;
	width:100%;
}

#index_flow li:nth-of-type( n+2 ){
	margin-top:40px;
}
#index_flow li > div {
	margin:auto;
	display:flex;
	align-items:center;
	width:100%;
	max-width:800px;
}

#index_flow li > div > div:first-of-type {
	width:30%;
	padding-right:30px;
}
#index_flow li > div > div:first-of-type img {
	width:200px;
	aspect-ratio: 1 / 1;
	object-fit:cover;
}

#index_flow li > div > div:last-of-type p:first-of-type {
	display:inline-block;
	background-color:#d8192b;
	color:#fff;
	padding:2px 20px 0 20px;
	font-size:10px;
	line-height:17px;
	border-radius:9px;
}

#index_flow li > div > div:last-of-type p:nth-of-type(2){
	font-weight:bold;
	margin-top:7px;
	font-size:15px;
	line-height:1.6em;
}

#index_flow li > div > div:last-of-type > div {
	margin-top:20px;
}

#index_flow li > div > div:last-of-type > div img {
	width:240px;
}

#index_information {
	padding:60px 8px;
	width:100%;
	display: flex;
}

#index_information > div:first-of-type {
	width:300px;
}

#index_information > div:first-of-type > h2, #index_information > div:first-of-type > p {
	width:500px;
}

#index_information > div:first-of-type a.now:link, #index_information > div:first-of-type a.now:visited {
	display:block;
	width:200px;
	line-height:40px;
	font-size:13px;
	border-radius:5px;
	background-color:#d8192b;
	color:#fff;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	margin-top:6px;
}

#index_information > div:last-of-type {
	width: calc( 100% - 300px );
}
#index_information > div:first-of-type a:link, #index_information > div:first-of-type a:visited {
	display:block;
	width:160px;
	line-height:40px;
	font-size:13px;
	border-radius:5px;
	background-color:#fff;
	color:#d8192b;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	margin-top:6px;
}

#index_information ul {
	width:100%;
}
#index_information li {
	list-style-type: none;
	padding:28px 0;
	border-bottom:1px solid #ddd;
	display:flex;
	align-items:center;
	line-height:18px;
}
#index_information li p:first-of-type {
	width:80px;
	color:#d8192b;
	font-size:12px;
}
#index_information li p:nth-of-type(2) {
	width:100px;
	padding:0 8px;
}

#index_information li p:nth-of-type(2) span {
	width:100%;
	display:block;
	border:1px solid #ccc;
	border-radius:4px;
	text-align:center;
	background-color:#fff;
	font-size:10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow：ellipsis;
}
#index_information li p:nth-of-type(3) {
	padding-left:10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow：ellipsis;
}

#index_banner_area {
	margin:40px auto 80px auto;
	width:100%;
	max-width:1024px;
	position:relative;
	padding:0 8px;
}

#index_banner_area a {
	position:absolute;
	display:block;	
}

#index_banner2, #index_banner3 {
	display:none;
}

#index_banner_link {
	bottom:20%;
	left:38%;
	width:28%;
	height:20%;
}

#index_banner_tab1 {
	left:1.6%;
	width:9%;
	height:12%;
	top:1%;
}

#index_banner_tab2 {
	left:10.9%;
	width:8.7%;
	height:12%;
	top:1%;
}

#index_banner_tab3 {
	left:19.9%;
	width:8.7%;
	height:12%;
	top:1%;
}

.index_btn_area {
	margin:40px auto 0 auto;
	text-align:center;
}

.index_btn_area a:link, .index_btn_area a:visited {
	line-height:43px;
	font-size:14px;
	background-color:#fff;
	color:#d8192b;
	font-weight:bold;
	width:220px;
	max-width:70%;
	display:inline-block;
	border-radius:22px;
}

.index_btn_area a:hover, .index_btn_area a:active {
	background-color:#d8192b;
	color:#fff;
}

@media screen and (max-width:600px) {
}