@charset "utf-8";

@media screen and (max-width : 640px) {
#tmp_contents h1{
	padding: 19px 19px 21px;
	border-radius: 8px 8px 0 0;
	font-size: 143.7%;
}
#tmp_contents h2{
	margin-top: 39px;
	margin-bottom: 25px;
	padding: 13px 18px 16px;
	background-size: 4px 25px;
	border-radius: 0 8px 8px 0;
	font-size: 131.2%;
	line-height: 1.5;
}
#tmp_contents h3{
	margin-bottom: 25px;
	padding: 5px 0 15px 18px;
    background-position: 0 12px;
	background-size: 4px 20px;
    font-size: 131.2%;
    line-height: 1.5;
}
#tmp_contents h4{
	margin-bottom: 12px;
	padding-bottom: 15px;
	font-size: 125%;
	line-height: 1.6;
}
#tmp_contents h5{
	margin-bottom: 8px;
	font-size: 112.5%;
	line-height: 1.6;
}
#tmp_contents h6 {
    margin-top: 28px;
    margin-bottom: 9px;
}
#tmp_contents ul{
	margin-bottom: 27px;
	margin-left: 17px;
}
#tmp_contents ol{
	margin-bottom: 37px;
	margin-left: 35px;
}
#tmp_contents ul li,
#tmp_contents ol li{
	line-height: 1.7;
}
#tmp_contents ol li{
	margin-bottom: 13px;
	padding-left: 1px;
}
#tmp_contents p{
	line-height: 1.7;
}
/* ==================================================
parts
================================================== */

/* outline
================================================== */
#tmp_contents .outline {
	margin-bottom: 39px;
    border-width: 1px;
    border-radius: 8px;
}
#tmp_contents table.outline td {
	padding:14px 9px 2px;
}
#tmp_contents div.outline {
	padding:14px 9px 2px;
}

/* box_btn
================================================== */
#tmp_contents ul.box_btn{
	margin-bottom: 15px;
	padding-right: 4px;
}
#tmp_contents ul.box_btn li {
	margin-bottom: 15px;
	padding:11px 14px 12px;
	box-shadow: 4px 4px 0 0 #d9d9d9;
	border-radius: 8px;
}
#tmp_contents ul.box_btn a{
	margin:-11px -14px -12px;
	padding:11px 14px 12px 30px;
	background-image: url(/shared/site_izon/images/icon/arrow_link_sp.png);
	background-position: 14px 21px;
}

/* box_info
================================================== */
#tmp_contents .box_info{
	margin-bottom: 40px;
}
#tmp_contents .box_info .box_info_ttl {
	padding: 13px 10px;
	border-radius: 8px 8px 0 0;
	font-size: 125%;
	font-weight: 500;
	line-height: 1.3;
}
#tmp_contents .box_info .box_info_ttl p{
	line-height: 1.3;
}
#tmp_contents .box_info .box_info_cnt{
	padding: 13px 4px 0;
	border-radius: 0 0 8px 8px;
}
#tmp_contents .box_info .box_info_cnt li{
	margin-bottom: 14px;
}

/* box_link
================================================== */
#tmp_contents .box_link{
	margin-bottom: 40px;
}
#tmp_contents .box_link .box_link_ttl {
	padding: 14px 10px;
	border-radius: 8px 8px 0 0;
	font-size: 125%;
	font-weight: 500;
	line-height: 1.3;
}
#tmp_contents .box_link .box_link_ttl p{
	line-height: 1.3;
}
#tmp_contents .box_link .box_link_cnt{
	padding: 13px 4px 1px;
	border-radius: 0 0 8px 8px;
}
#tmp_contents .box_link .box_link_cnt li{
	margin-bottom: 14px;
}

/* box_faq
================================================== */
.box_faq{
	margin-bottom: 40px;
}
.box_faq .box_faq_ttl {
	padding: 14px 10px;
	border-radius: 8px 8px 0 0;
	font-size: 125%;
	font-weight: 500;
	line-height: 1.3;
}
.box_faq .box_faq_cnt{
	padding: 13px 4px 2px;
	border-radius: 0 0 8px 8px;
}
.box_faq .box_faq_cnt li{
	margin-bottom: 13px;
	line-height: 1.7;
}

/* box_menu
================================================== */
#tmp_contents .box_menu {
	margin-bottom: 15px;
	margin-right: 4px;
	box-shadow: 4px 4px 0 0 #d9d9d9;
	border-radius: 8px;
}
#tmp_contents .box_menu_ttl{
	padding: 12px 13px 0;
}
#tmp_contents .box_menu_ttl p{
	padding-bottom: 13px;
	border-bottom-width: 1px;
}
#tmp_contents .box_menu_ttl a{
	margin: -12px -13px -13px;
    padding: 12px 13px 13px 30px;
	background-image: url(/shared/site_izon/images/icon/arrow_link_sp.png);
	background-position: 13px 20px;
}
#tmp_contents .box_menu_cnt {
    padding: 12px 13px 2px;
}
#tmp_contents .box_menu .box_menu_cnt ul{
	margin-top: 3px;
	margin-bottom: 11px;
}
#tmp_contents .box_menu .box_menu_cnt li{
	margin-bottom: 14px;
}
#tmp_contents .box_menu .box_menu_cnt li:last-of-type{
	margin-bottom: 0;
}

/* datatable & enquete_table
================================================== */
#tmp_contents .scroll_table table.datatable,
#tmp_contents .scroll_table table.enquete_table{
	margin-bottom: 0;
}
#tmp_contents table.datatable,
#tmp_contents table.enquete_table{
	margin-bottom: 39px;
}
#tmp_contents table.datatable th,
#tmp_contents table.enquete_table th{
	padding: 10px 13px 11px;
}
#tmp_contents table.datatable td,
#tmp_contents table.enquete_table td{
	padding: 8px 13px 10px;
}

/* ==================================================
contents
================================================== */
/* link list */
#tmp_contents ul.link_list{
	margin-top: 17px;
	margin-bottom: 20px;
	gap: 0 50px;
}
#tmp_contents ul.link_list li{
	margin-bottom: 14px;
}
#tmp_contents ul.link_list li:after{
	right: -26px;
    top: 6px;
	width: 1px;
    height: 16px;
	border-right-width: 1px;
}

/* external blog */
#tmp_contents .external_blog{
	margin-bottom: 40px;
    padding: 9px 12px 7px;
}

/* externalLink*/
#tmp_contents a[rel*="external"]:before,
#tmp_main a[rel*="external"]:before{
	position: relative;
	top: 2px;
	margin-right: 11px;
	background-position: 0 0;
}

/* ==================================================
accessibility style
================================================== */
.color_black #tmp_wrapper #tmp_contents ul.box_btn li,
.color_blue #tmp_wrapper #tmp_contents ul.box_btn li,
.color_black #tmp_wrapper #tmp_contents .box_menu,
.color_blue #tmp_wrapper #tmp_contents .box_menu{
	box-shadow: 4px 4px 0 0 #FFFF00;
}
.color_yellow #tmp_wrapper #tmp_contents ul.box_btn li,
.color_yellow #tmp_wrapper #tmp_contents .box_menu{
	box-shadow: 4px 4px 0 0 #000000;
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}