@charset "utf-8";

/*
common
----------------------------------------------*/
.bg_color_case01 { background: #fffaf1;}
.bg_color_case02 { background: #f4efe7;}
.bg_gray { background: #f3f3f3;}
.color_blue { color: #0679b5;}
.color_red { color: #df1d74;}


/*
special_list
----------------------------------------------*/
.special_list {
	width: 90%;
	margin: 0 auto;
}
.special_list .ttl {
	color: #294795;
	margin-top: 18px;
}


/*
head_ttl_area
----------------------------------------------*/
.head_ttl_area {
	border-top: 1px solid #dbdbdb;
	margin-top: 30px;
	padding-top: 30px;
}
.head_ttl_area .ttl_h2 {
	font-size: 32px;
	font-size: 3.2rem;
}
.head_ttl_area .ttl_lead {
	line-height: 1.8;
	margin-top: 10px;
}


/*
tab
----------------------------------------------*/
.res-flex-tab-block.style-temp-tab .flex-tab-menu-list li {
	border: none;
	margin-right: 5px;
	margin-left: 0;

}
.res-flex-tab-block.style-temp-tab .flex-tab-menu-list a {
	width: 230px;
	height: 60px;
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
	outline: none;
}
.res-flex-tab-block.style-temp-tab .flex-tab-menu-list a.tab01 {
	width: 192px;
	background-image: url(/amc/reference/anacard/difference/image/biztrip_tab_off_1603.jpg);
}
.res-flex-tab-block.style-temp-tab .flex-tab-menu-list a.tab02 {
	width: 312px;
	background-image: url(/amc/reference/anacard/difference/image/dailylife_tab_off_1603.jpg);
}
.res-flex-tab-block.style-temp-tab .flex-tab-menu-list a.tab03 {
	width: 272px;
	background-image: url(/amc/reference/anacard/difference/image/familytrip_tab_off_1603.jpg);
}

.res-flex-tab-block.style-temp-tab .flex-tab-menu-list a.tab01:hover { background-image: url(/amc/reference/anacard/difference/image/biztrip_tab_ov_1603.jpg);}
.res-flex-tab-block.style-temp-tab .flex-tab-menu-list a.tab02:hover { background-image: url(/amc/reference/anacard/difference/image/dailylife_tab_ov_1603.jpg);}
.res-flex-tab-block.style-temp-tab .flex-tab-menu-list a.tab03:hover { background-image: url(/amc/reference/anacard/difference/image/familytrip_tab_ov_1603.jpg);}

.res-flex-tab-block.style-temp-tab .flex-tab-menu-list .active a.tab01 { background-image: url(/amc/reference/anacard/difference/image/biztrip_tab_on_1603.jpg);}
.res-flex-tab-block.style-temp-tab .flex-tab-menu-list .active a.tab02 { background-image: url(/amc/reference/anacard/difference/image/dailylife_tab_on_1603.jpg);}
.res-flex-tab-block.style-temp-tab .flex-tab-menu-list .active a.tab03 { background-image: url(/amc/reference/anacard/difference/image/familytrip_tab_on_1603.jpg);}


.res-flex-tab-block .flex-tab-menu-block {
	border-bottom: none;
}
.style-tab {
	width: 100%;
	border-bottom: 7px solid #329db4;
}

/*
person_area
----------------------------------------------*/
.person_area {
	margin: 10px 20px 20px 20px;
}
.person_area .fleft {
	width: 18%;
}
.person_area .fright {
	width: 80%;
	line-height: 1.8;
}

/*
ttl_area
----------------------------------------------*/
.ttl_area dl {
	display: table;
	width: 100%;
	padding: 10px;
}
.ttl_area dl dt,
.ttl_area dl dd {
	display: table-cell;
	vertical-align: middle;
}
.ttl_area dl dt {
	width: 600px;
}
.ttl_area dl dd {
	width: 260px;
}
.ttl_area .fleft {
	width: 21%;
}
.ttl_area .fright {
	width: 78%;
}

/*
more content
----------------------------------------------*/
.btn_more {
	background: url(/amc/reference/anacard/difference/image/arrow_more_bottom.png) right center no-repeat;
	padding: 5px 40px 5px 2px;
	cursor: pointer;
}
.content_ttl {
	font-size: 30px;
	font-size: 3.0rem;
	color: #1395ae;
}

/*style_amc*/
.style_amc {
	margin-bottom: 25px;
}
.style_amc .ttl_area dl {
	background: #f0f5ff;
}
.style_amc .res-table-type-01 td,
.style_anacard .res-table-type-01 td {
	padding-right: 10px;
}
.style_amc .res-table-type-01 th.bg_th {
	background: #e6eaf4;
}
.style_amc .res-table-type-01 td.bg_td {
	background: #f0f5ff;
}

/*style_anacard*/
.style_anacard .res-table-type-01 th.bg_th {
	background: #f4efe7;
}
.style_anacard .res-table-type-01 td.bg_td {
	background: #fffaf1;
}

/*table*/
.amc-pl5 {
    padding-left: 5px;
}
.tbl_style_more{
	width: 100%;
}
.tbl_style_more colgroup{
	width: 100%;
}
.res-table-type-01 table.tbl_style_more {
	border: none;
	border-spacing: 0;
	border-bottom: 1px dotted #dbdbdb;
}
.res-table-type-01 table.tbl_style_more .col01 {
	width: 66%;
}
.res-table-type-01 table.tbl_style_more .col02 {
	width: 31%;
}
.res-table-type-01 .tbl_style_more th {
	border: none;
	color: #292929;
	background: #f4f4f4;
	font-weight: normal;
	text-align: left;
	border-top: 1px dotted #dbdbdb;
}
.res-table-type-01 table.tbl_style_more td {
	text-align: left;
	border: none;
	color: #001c51;
	padding-top: 10px;
	padding-bottom: 10px;
}
.res-table-type-01 table.tbl_style_more th.bg_thblue {
	background: #e6eaf4;
}
.res-table-type-01 table.tbl_style_more td.bg_tdblue {
	background: #f0f5ff;
	padding-right: 12px;
}
.res-table-type-01 table.tbl_style_more td.style_pl {
	padding-left: 30px;
}

.res-table-type-01 table.tbl_style_more .td_inner {
	display: table;
	width: 100%;
}
.res-table-type-01 table.tbl_style_more .td_inner p {
	display: table-cell;
	vertical-align: middle;
}
.res-table-type-01 table.tbl_style_more .td_inner .ico {
	width: 8%;
	text-align: center;
}
.res-table-type-01 table.tbl_style_more .td_inner .arrowtxt {
	width: 30%;
	text-align: right;
}
.res-table-type-01 table.tbl_style_more .td_inner .miletxt {
	width: 30%;
	text-align: right;
}

/*
point_area
----------------------------------------------*/
.point_area {
	border: 2px solid #33b0f3;
	margin-top: 40px;
}
.point_area dt {
	background: #33b0f3;
	padding: 5px 15px;
	color: #fff;
}
.point_area dd {
	padding: 15px;
}
.point_area.family_style {
	border-color: #30a833;
}
.point_area.family_style dt {
	background: #30a833;
}
.point_area.family_style .txt_area {
	width: 62%;
}
.point_area.family_style .img_area {
	width: 37%;
}
.point_area.family_style .img_area .img {
	text-align: right;
}
.point_area.family_style .img_area .res-ib-link li {
	margin-right: 17px;
}

/*
col-container
----------------------------------------------*/
.amc .col-wrapper .col-container {
	margin: 0 auto;
	max-width: 100%;
}
.amc .col-wrapper .col-container li {
	text-align: center;
	vertical-align: top;
	padding: 0;
	margin: 0;
	float: left;
}
.amc .col-wrapper .col-container.col02 li {
	width: 49%;
}
.amc .col-wrapper .col-container.col03 li {
	width: 33.33%;
}
.amc .col-wrapper .col-container.col02 li:first-child {
	margin-right: 10px;
}
.amc .col-wrapper .col-container li img {
	margin-bottom: 5px;
	vertical-align: bottom;
	max-width: 100%;
}




@media (min-width: 0) and (max-width: 570px) {
	/*special_list*/
	.special_list {
		width: 100%;
	}
	.special_list dl {
		margin-bottom: 20px;
	}
	.special_list dl dt img {
		width: 100%;
	}
	.special_list .ttl {
		margin-top: 8px;
	}

	/*head_ttl_area*/
	.head_ttl_area .ttl_h2 {
		line-height: 1.2;
	}

	/*person_area*/
	.person_area {
		margin: 0 0 20px;
	}
	.person_area .tcenter {
		margin-bottom: 10px;
	}
	.person_area .fleft,
	.person_area .fright {
		float: none;
		width: 100%;
	}

	/*more content*/
	.ttl_area dl dt,
	.ttl_area dl dd {
		display: block;
		width: 100%;
	}
	.btn_more {
		text-align: center;
	}
	.res-table-type-01 table.tbl_style_more .col01,
	.res-table-type-01 table.tbl_style_more .col02 {
		width: 50%;
	}
	.res-table-type-01 table.tbl_style_more td.style_pl {
		padding-left: 6px;
	}
	.style_amc {
		margin-bottom: 0;
	}

	/*point_area*/
	.point_area.family_style .txt_area {
		width: 100%;
		float: none;
	}
	.point_area.family_style .img_area {
		width: 100%;
		float: none;
		text-align: center;
		margin-top: 10px;
	}
	.point_area.family_style .img_area .img {
		text-align: center;
	}
	.point_area.family_style .img_area .res-ib-link li {
		margin-right: 12px;
	}

	/*col-container*/
	.amc .col-wrapper .col-container.col02 li,
	.amc .col-wrapper .col-container.col03 li {
		float: none;
		width: 100%;
	}


}