@charset "utf-8";

/* PC/スマホ共通表示 */
.-----PC_MOBILE_COMMON_CSS_START----- {}

.topics{
	margin:0 auto;
	padding:5px;
	height:185px;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	width:15px;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background-color:#D2D2DF;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	border-radius:0;
	width:15px;
	background-color:#D2D2DF;
}

.mCSB_scrollTools .mCSB_draggerRail{
	width:15px;
	border-radius:0;
	background-color:#F0F0F0;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color:#D2D2DF;
}

.terminal_list{
	display:flex;
	justify-content:space-between;
	padding-bottom: 30px;
}
.terminal_list li{
	width:339px;
}
.terminal_list li a{
	display:block;
	width:339px;
	box-sizing:border-box;
	padding-top:275px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-decoration:none;
}

.terminal_list li:nth-of-type(1) a{
	background-image:url(../img/container_p01.jpg);
}
.terminal_list li:nth-of-type(2) a{
	background-image:url(../img/container_p02.jpg);
}
.terminal_list li:nth-of-type(3) a{
	background-image:url(../img/container_p03.jpg);
}
.terminal_list li h3{
	color:#FFFFFF;
	display:flex;
	flex-direction:column;
	font-size: 24px;
	text-align:center;
	line-height:1.3;
	justify-content:center;
	height:85px;
	background-color:rgba(0,0,0,0.5);
	
}
.terminal_list li h3 .jp{
	font-weight: normal;
}
.terminal_list li h3 .en{
	font-size: 11px;
}
.terminal_list li .detail_link{
	background-color:rgba(0,0,0,0.85);
	display:block;
	text-align:center;
	line-height:41px;
	height:41px;
	color:#F1C619;
	font-size: 13px;
	font-weight: bold;
}
.s_ttl_02{
	font-size: 28px;
	margin:35px 0;
	padding:0 0 0 25px;
	font-weight: normal;
	background:url(../../common/img/ttl_icon01.png) 0 center no-repeat;
}
.s_ttl_03{
	font-size: 20px;
	margin-bottom:10px;
}
.content_area01{
	margin-bottom:70px;
}
.content_area01 p{
	margin-bottom:25px;
}
.area01_text{
}
.merit_list01{
	display:flex;
}
.merit_list01 li{
	border-top:7px solid #A6A6C8;	
	width:236px;
	box-sizing:border-box;
	padding:0 20px;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	min-height:106px;
	background-color:#EAEAF2;
	color:#4D4D7D;
	font-size: 15px;
	font-weight: bold;
	line-height:1.4;
}
.merit_list01 li + li{
	margin-left:10px;
}
.recommend_video{
	display:flex;
	justify-content:space-between;
}
.area01_text .lead{
	margin-bottom:30px;
}
.ninsho_list{
	margin-bottom:40px;
}
.ninsho_list li{
	display:flex;
	margin-bottom:13px;
}
.ninsho_list li b{
    display: flex;
    font-size: 16px;
    width: 35px;
    text-align: center;
    background-color: #A6A6C8;
    color: #FFFFFF;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
}
.ninsho_list li span{
	display:flex;
	flex:1;
	padding-left:15px;
	align-items:center;
	background-color:#EAEAF2;
}
.shin_sys_list{
	margin-bottom:40px;
}
.shin_sys_list li{
	border-left:6px #A6A6C8 solid;
	background-color:#EAEAF2;
	padding:8px 0 8px 10px;
	margin-bottom:7px;
}
.shin_sys_list li p{
	margin-bottom:0;
}
.ins_list{
	display:flex;
	justify-content:space-between;
}
.ins_list li{
	width:339px;
	background-color:rgba(240,240,240,0.8);
}
.ins_list li .ins_ttl01{
	height:47px;
	line-height:47px;
	color:#F1C619;
	text-align:center;
	background-color:#1E1D1B;
	font-size: 18px;
}
.ins_list li .ins_area{
	padding:5px 15px;
}
.ins_list li .ins_area p{
	margin-top:10px;
	margin-bottom:8px;
}
.ins_table01{
	width:100%;
	border-collapse:separate;
	border-spacing:0 10px;
}
.ins_table01 th{
	color:#FFFFFF;
	width:85px;
	background-color:#A6A6C8;
	text-align:center;
	line-height:1.4;
}
.ins_table01 td{
	padding:10px 12px;
	line-height:1.4;
	background-color:#EAEAF2;
}
.ins_table01 .caution01{
	color:#0066CC;
}
.ins_table01 .caution02{
	color:#DF0000;
}
.acce_ttl01{
	font-size: 15px;
	font-weight: bold;
	margin-bottom:10px;
}
.acce_ttl01:before{
	content:"■";
	color:#F1C619;
}
.map_area01{
	margin-bottom:30px;
}
.g_map00{
	margin-bottom:15px;
}
/*施設ページ*/
.page_link01{
	margin:30px 0 100px;
}
.page_link01 .link_btn{
	font-size: 18px;
	font-weight: bold;
	text-decoration:none;
	margin:0 auto;
	display:block;
	width:330px;
	background-color:#000000;
	line-height:82px;
	height:82px;
	padding-right:84px;
	background-image:url(../img/arrow_02.png);
	background-repeat:no-repeat;
	background-position:right 0;
	color:#FFFFFF;
	text-align:center;
}
.page_link02{
	border-bottom:#505050 2px solid;
	display:flex;	
}
.page_link02 li{
	flex:1;
}
.page_link02 li + li{
	margin-left:3px;
}
.page_link02 li a{
	display:block;
	text-align:center;
	line-height:37px;
	height:37px;
	font-weight: bold;
	font-size: 16px;
	padding-top:2px;
	text-decoration:none;
	color:#F1C619;
	background-color:#505050;
}
.page_link02 li a.selected{
	background-color:#F1C619;
	color:#505050;
}
.image01{
	margin-bottom:30px;
}
.image01 img +img{
	margin-top:20px;
}
.content_area02{
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:1px dotted #999999;
}
.content_area02:last-child{
	border-bottom:none;
}
.terminal_facility_list{
	margin-right:10px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.terminal_facility_list li{
	margin-bottom:15px;
}
.terminal_facility_list li img{
}
.image02 img{
	display:block;
	margin:0 auto;
	
}
.info_list02{
	display:flex;
	flex-wrap:wrap;
	padding-bottom:30px;
}
.info_list02 dt{
	width:225px;
	padding:2px;
	box-sizing:border-box;
	border-bottom:1px solid #D5D5D5;
}
.info_list02 dt:nth-of-type(1),
.info_list02 dd:nth-of-type(1){
	border-top:1px solid #D5D5D5;
}
.info_list02 dt b{
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	font-weight: normal;
	text-align:center;
	width:100%;
	background:#EEEEEE;
}
.info_list02 dd{
	border-bottom: 1px solid #D5D5D5;
    width: 823px;
    box-sizing: border-box;
    line-height: 1.5;
    display: flex;
    align-items: center;
    padding: 15px 0 15px 20px;
}
.g_map{
	width:1050px;
	height:395px;
	margin-bottom:15px;
}
.table_03{
	border-collapse:collapse;
	border-top:1px solid #D5D5D5;
	border-left:1px solid #D5D5D5;
	width:100%;
}
.table_03 th{
	border-bottom:1px solid #D5D5D5;
	border-right:1px solid #D5D5D5;
	padding:10px 5px;
	font-weight: normal;
	box-sizing:border-box;
	background-color:rgba(221,223,234,0.41);
}
.table_03 tr.h_th th{
	background-color:rgba(221,223,234,0.75);
}
.table_03 th:nth-of-type(1){
	width:180px;
}
.table_03 th:nth-of-type(2){
	width:240px;
}
.table_03 th:nth-of-type(3),
.table_03 td{
	padding:10px 15px;
	text-align:center;
	border-bottom:1px solid #D5D5D5;
	border-right:1px solid #D5D5D5;
}
.table_03 td p{
	text-align:left;
}
.table_03in{
	width:100%;
	margin-top:5px;
	border-top:1px solid #D5D5D5;
	border-left:1px solid #D5D5D5;
	
}
.td_text{
	text-align:left;
	padding-left:50px;
}
li.blank01{
	width:330px;
}
.page_link02{
	border-bottom:#505050 2px solid;
	display:flex;	
}
.page_link02 li{
	flex:1;
}
.page_link02 li + li{
	margin-left:3px;
}
.page_link02 li a{
display: block;
    text-align: center;
    line-height: 1.4;
    height: 80px;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 16px;
    padding: 12px 0;
    text-decoration: none;
    color: #F1C619;
    background-color: #505050;
    background-repeat: no-repeat;
    background-image: url(../../common/img/tab_icon02.png);
    background-position: center 60px;
}
.page_link02 li:nth-of-type(2) a{
	padding-top:20px;
}
.page_link02 li a.selected{
	background-color:#F1C619;
	color:#505050;
	background-image:url(../../common/img/tab_icon01.png);
	background-position:center 60px;
}
.info_service{
	display:flex;
	justify-content:center;
	margin-top:0px;
	margin-bottom:50px;
}
.info_service li:nth-of-type(2){
	background-color:#EAEAF2;
}
.info_service li img{
	vertical-align:bottom;
}
.info_service li + li{
	margin-left:20px;
}
.sys_bloc01{
	width:390px;
}
.sys_bloc01 dt{
	text-align:center;
	background-color:#A6A6C8;
	height:45px;
	line-height:45px;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: bold;
}
.sys_bloc01 dd{
	padding:10px 19px;
}
.sys_list li +li{
	margin-left:0;
	border-top:1px dotted #999999;
}
.sys_list li:before{
	content:"●";
	color:#F1C519;
}
.sys_list li{
	line-height:1.8;
	padding:3px 0;
	padding-left:1em;
	text-indent:-1em;
}
.info_service02{
	display:flex;
	justify-content:center;
	margin-top:50px;
	margin-bottom:50px;
}
.info_service02 li{
}
.info_service02 li img{
	vertical-align:bottom;
}
.info_service02 li + li{
	margin-left:20px;
}
.info_service02 li p{
	text-align:center;
	margin:0px;
}

.sys_bloc02{
	width:330px;
}
.sys_bloc02 dt{
	text-align:center;
	background-color:#A6A6C8;
	height:45px;
	line-height:45px;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: bold;
}
.sys_bloc02 dt.line02{
	line-height:22px;
}
.sys_bloc02 dd{
	padding:10px 18px;
    background-color: #EAEAF2;
    height: 185px;
    box-sizing: border-box;
}
.info_service02 .sys_list li {
	padding-top:7px;
	padding-bottom:7px;
	line-height:1.7;
}
.info_service02 .sys_list li + li{
	margin-left:0;
}
.image03{
	display:flex;
	justify-content:center;
	margin-top:50px;
}
.image03 li img{
	vertical-align:bottom;
}
.image03 li p{
	text-align:center;
}
.image03 li + li{
	margin-left:20px;
}
.-----PC_MOBILE_COMMON_CSS_END----- {}


/* スマートフォン用CSS */
@media screen and (max-width: 640px) {
	
.-----MOBILE_ONLY_CSS_START----- {}

.terminal_list{
    flex-direction: column;
    align-items: center;
}
.terminal_list li{
	margin-bottom:30px;
}
.terminal_list li .detail_link{
	font-size: 18px;
}
.s_ttl_03{
	font-size: 22px;
}
.merit_list01{
	margin-right:0;
}
.content_area01{
}
.area01_text{
	margin-right:0;
	margin-bottom:50px;
}
.merit_list01 li{
}
.ninsho_list li b{
    display: flex;
     font-size: 22px; 
    width: 35px;
    text-align: center;
     height: auto; 
     line-height: auto; 
    align-items: center;
    justify-content: center;
}
.ninsho_list li span{
	padding:20px;
}
.merit_list01{
	flex-direction:column;
}
.merit_list01 li{
	width:100%;
	margin-bottom:10px;
	font-size: 22px;
}
.merit_list01 li + li{
	margin-left:0;
}
.merit_list01 li br{
	display:none;
}
.merit_list01 li br.kaigyo{
	display:block;
}
.shin_sys_list li{
	padding:15px;
}
.ins_list{
	flex-direction:column;
}
.ins_list li{
	width:100%;
	margin-bottom:20px;
}
.ins_list li .ins_ttl01{
    height: 55px;
    line-height: 55px;
	font-size: 22px;
}
.ins_list li .ins_area{
	padding:10px 20px;
}
.ins_table01 th{
	width:150px;
}
.recommend_video{
    flex-direction: column;
    align-items: center;
}
.recommend_video li{
	margin-bottom:20px;
}
.acce_ttl01{
	font-size: 22px;
}
.g_map00 iframe{
	width:100%;
}
/* 施設*/
.info_list02 dt{
	width:40%;
}
.info_list02 dd{
	width:60%;
}
.page_link02{
	flex-direction: column;
	border-bottom:none;
}
.page_link02 li + li{
	margin-left:0;
}
.page_link02 li a{
	font-size: 22px;
    line-height: 1;
    height: 80px;
	background-position: center 60px;
}
.page_link02 li a.selected{
	background-position: center 60px;	
}
.terminal_facility_list{
	    flex-direction: column;
}
.terminal_facility_list li{
	text-align:center;
	margin-bottom:30px;
}
.g_map{
	width:100%;
	height:395px;
	margin-bottom:15px;
}
.g_map iframe{
	width:100%;
}
.page_link01 .link_btn{
	font-size: 22px;
}
.page_link02 li:nth-of-type(1) a,
.page_link02 li:nth-of-type(2) a{
	padding-top:25px;
}
.page_link02 li:nth-of-type(3) a{
	padding-top:10px;
}
.info_service,
.info_service02,
.image03{
	flex-direction:column;
	align-items:center;
}
.info_service li{
	background-color:transparent;
}
.info_service li + li,
.info_service02 li + li,
.image03 li +li{
	margin-left:0;
	margin-top:30px;
}
.info_service02 li{
	background-color:transparent;
}
.sys_bloc01 dd,
.sys_bloc02 dd{
	background-color:#EAEAF2;
}
.sys_bloc02 dd{
	height:auto;
}
.info_service li img,
.info_service02 li img,
.image03 li img{
	width:500px;
	height:auto;
}
.sys_bloc01,
.sys_bloc02{
	width:500px;
}
.sys_bloc01 dt,
.sys_bloc02 dt{
	height: 55px;
    line-height: 55px;
    font-size: 22px;
}
.sys_list li +li{
	margin-top:0;
}
.-----MOBILE_ONLY_CSS_END----- {}

	
}

@media screen and (min-width: 641px) {
.terminal_list li a:hover,
.link_btn:hover{
	transition: 0.4s;
    opacity: 0.6;
}
.page_link01 li a:hover{
	background-color:#F1C619;
	color:#505050;
}
}