/* list ********************/
@layer legacy{
[data-static-html] #mixitup_list{
	width: 100%;
	font-size: 0;
	margin-bottom: 20px;
}
[data-static-html] #mixitup_list button{
	display: inline-block;
	height: 40px;
	width: 25%;
	color: #FFF;
	font-weight: bold;
	overflow: hidden;
	border: 1px solid #ffffff;
	background: #CCCCCC;
	padding: 10px 5px;
	text-align: center;
	cursor: pointer;
}

[data-static-html] #mixitup_list button:hover,
[data-static-html] #mixitup_list button.mixitup-control-active{background: #0F59A4;}

@media only screen and (max-width:690px) {
	[data-static-html] #mixitup_list button{width: 50%;}
}

/* contents ********************/
[data-static-html] #mixitup_con{margin-bottom: 70px;}
[data-static-html] #mixitup_con li{margin-top: -1px;}
[data-static-html] #mixitup_ttl table,
[data-static-html] #mixitup_con table{	width: 100%;}
[data-static-html] #mixitup_ttl table td,
[data-static-html] #mixitup_con table th,
[data-static-html] #mixitup_con table td{
	text-align: center;
	padding: 10px 5px;
	border: 1px solid #dddddd;
	width: 12.5%;
	vertical-align: middle;
	line-height: 1.4;
}
[data-static-html] #mixitup_ttl table td{
	background-color: #eeeeee;
	font-weight: bold;
	color: #555555;
	font-size: 13px;
}
[data-static-html] #mixitup_ttl table td:last-child,
[data-static-html] #mixitup_con table td:last-child{width: 16.5%;}

[data-static-html] #mixitup_ttl table td:nth-child(5),
[data-static-html] #mixitup_ttl table td:nth-child(6),
[data-static-html] #mixitup_con table td:nth-child(5),
[data-static-html] #mixitup_con table td:nth-child(6){width: 10.5%;}

[data-static-html] #mixitup_ttl.part2 table td:nth-child(4),
[data-static-html] #mixitup_con.part2 table td:nth-child(4){width: 9.5%;}

[data-static-html] #mixitup_ttl.part2 table td:nth-child(5),
[data-static-html] #mixitup_con.part2 table td:nth-child(5){width: 8.5%;}

[data-static-html] #mixitup_ttl.part2 table td:nth-child(2),
[data-static-html] #mixitup_con.part2 table td:nth-child(2){width: 8%;}

[data-static-html] #mixitup_ttl.part2 table td:nth-child(6),
[data-static-html] #mixitup_con.part2 table td:nth-child(6){width: 14.5%;}

[data-static-html] #mixitup_con.part2 table td:nth-child(6){text-align: left;font-size: 13px;}
[data-static-html] #mixitup_con.part2 table td:nth-child(6) p{margin: 4px 0;}

@media only screen and (max-width:690px) {
	[data-static-html] #mixitup_con{margin-bottom: 10px;}
	[data-static-html] .table_sp {
		width: 100%;
		overflow-x: auto;
	}
	[data-static-html] #mixitup_ttl,[data-static-html] #mixitup_con {width: 700px;}
	[data-static-html] #mixitup_ttl table td,
	[data-static-html] #mixitup_con table th,
	[data-static-html] #mixitup_con table td{padding: 6px 5px;}
}

/* btn ********************/
[data-static-html] .btn_b a{
	display: block;
	margin: 2px 0;
	color: #ffffff;
	background-color: #3B90C9;
	text-align: center;
	font-size: 13px;
	border-radius: 2px;
	padding: 5px 2px;
	position: relative;
}
[data-static-html] .btn_b a::before{
	content: '';
	width: 4px;
	height: 4px;
	border: 0px;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 2px);
	left: 3px;
}
[data-static-html] .btn_b a:hover{background-color: #327DB6;}
[data-static-html] .item_contact a{
	display: inline-block;
	background-color: #003360;
	color: #ffffff;
	font-size: 15px;
	text-align: center;
	padding: 10px 32px 10px 40px;
	position: relative;
}
[data-static-html] .item_contact a::before{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 3px);
	left: 10px;
}
[data-static-html] .item_contact a:hover{opacity: .8;}
[data-static-html] .detail_box li{width: 48%;}
[data-static-html] .detail_box li:not(:last-child){margin-right: 4%;}
[data-static-html] .detail_box li a{
	display: block;
	border: 3px solid #eeeeee;
	background-color: #fcfcfc;
	text-align: center;
	padding: 16px 32px 16px 40px;
	position: relative;
	font-size: 16px;
}
[data-static-html] .detail_box a::before{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 3px #777777;
	border-right: solid 3px #777777;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 3px);
	left: 10px;
}
[data-static-html] .detail_box li a:hover::before{border-color: #216FA0;}

@media only screen and (max-width:690px) {
	[data-static-html] .detail_box li{width: 80%; margin: auto; float: none;}
	[data-static-html] .detail_box li:not(:last-child){margin-right: auto; margin-bottom: 10px;}
	[data-static-html] .detail_box li a{
		padding: 10px 24px 10px 32px;
		position: relative;
		font-size: 14px;
	}
}

/* txtlink ********************/
[data-static-html] .txtlink a{
	color: #3366ff;
	font-weight: bold;
	text-decoration: underline; 
}


[data-static-html] .sp_on{display: none;}
@media only screen and (max-width:690px) {
	[data-static-html] .sp_on{display: block;}
}


[data-static-html] .box4{
	float: left;
	width: 22.6%;
}
[data-static-html] .box4:not(:last-child){margin-right: 3.2%;}
[data-static-html] .box4 .title{
	font-size: 16px;
	font-weight: bold;
	margin: 15px 0 5px;
}
[data-static-html] .box4 .img img{
	display: block;
	margin: auto;
	max-width: 100%;
	height: auto;
	width: auto;
}
[data-static-html] .box4 p{line-height: 1.6;}

[data-static-html] .box4 .btn{
	text-align: right;
	margin-top: 10px;
}
[data-static-html] .box4 .btn a{
	position: relative;
	padding-left: 13px;
	color: #3366ff;
	text-decoration: underline;
}
[data-static-html] .box4 .btn a::before{
	content: '';
	width: 4px;
	height: 4px;
	border: 0px;
	border-top: solid 2px #777777;
	border-right: solid 2px #777777;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 3px);
	left: 0;
}

@media only screen and (max-width:690px) {
	[data-static-html] .box4{
		float: left;
		width: 48%;
		margin-bottom: 15px;
	}
	[data-static-html] .box4:not(:last-child){margin-right: 4%;}
	[data-static-html] .box4:nth-child(2n){margin-right: 0;}
	[data-static-html] .box4 .btn{margin-top: 5px;}
}
}