@charset "UTF-8";
body {
	overflow: hidden;
}
html {
	overflow-y: scroll;
}
/* 機能紹介 */


div.bg-cont-04 .content-area h1{
	color:#fff;
}
div.bg-cont-04 .content-area p{
	color:#fff;
}
@media screen and (min-width:768px) {
#mifes11 #cont-01 .bg-cont-01{
	background:url("../common/img/top_bc.jpg") repeat-x;
	background-color:#FFF;
	padding:0 auto 15% auto;
	margin:0 auto;
}
#mifes11 #cont-01 .bg-cont-01 .content-area h1{
	margin-top:2%;
	font-size:2rem;
	font-weight:bold;
}
}
#mifes11 #cont-01 .bg-cont-01 img{
	float:center;
	width:100%;
	margin-bottom:10%;
}

@media screen and (min-width:768px) {
#mifes11 #cont-01 .bg-cont-01 img{
	width:30%;
	float:left;
	margin-right:2%;
	margin-bottom:3%;
}
}
ul.code{
	margin-left:7%;
}

#mifes11 #cont-01 .bg-cont-01 .content-area h2{
	margin-bottom:2%;
	color:#1c2a54;
	font-size:160%;
	line-height:140%;
}
#mifes11 #cont-01 .bg-cont-01 .content-area p{
	font-size:1rem;
	line-height:150%;
	margin-top:3%;
}
#mifes11 #cont-02 .bg-cont-02{
	display: block;
	background:#FFF;
}
#mifes11 #cont-02 .bg-cont-02 p{
	line-height:2.0;
	font-size:1rem;
}
#mifes11 #cont-02 .bg-cont-02 div.circle{
	padding: 1% 0.5%;
	margin-right: 2%;
	margin-bottom: 3%;
	font-size: 1rem;
	text-align: center;
	width: 100px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 50px;
	background-color: #eee;
  vertical-align: middle;
	display:block;
}
#mifes11 #cont-02 .bg-cont-02 div.circle_s{
	float:left;
	clear:both;
	padding:2%;
	margin-right:2%;
	margin-bottom:2%;
	font-size:1rem;
	letter-spacing:-0.12em;
	line-height:110%;
	text-align:center;
	color:#FFF;
	width: 70px;
	height: 70px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	background-color: #9b824b;
}
#mifes11 #cont-02 .bg-cont-02 div.BoxCenter div.circle{
	float:left;
	clear:both;
	padding:4%;
	margin-right:2%;
	margin-bottom:3%;
	font-size:100%;
	letter-spacing:-0.01em;
	line-height:110%;
	text-align:center;
	color:#FFF;
	width: 70px;
	height: 70px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	background-color: #9b824b;
}
#mifes11 #cont-02 .bg-cont-02 h2.subt_func{
	padding-bottom:3%;
	margin-bottom:3%;
	font-size:1.3rem;
	display:block;
	line-height: 160%;
}
@media (max-width: 767px){
#mifes11 #cont-02 .bg-cont-02 h2.subt_func{
	font-size:1.3rem;
}
}

body > div.BoxCenter{
  height: auto; /* 要素を超えた分の背景が伸びないブラウザ用 */
}
#mifes11 div.functionThumb img{
	float:center;
	width:100%;
}
#mifes11 div.functionThumb img.simage2 {
  width: 66%;
}
#mifes11 div.functionThumb.Left{
	float:left;
	width:50%;
}
#mifes11 div.functionThumb.Right{
	float:right;
	width:50%;
	margin-top:3%;
}
#mifes11 div.functionThumb.Left{
	float:center;
	width:100%;
}
#mifes11 div.functionThumb.Right{
	float:center;
	width:100%;
}
@media screen and (min-width:768px) {
#mifes11 div.functionThumb.Left{
	float:left;
	width:50%;
}
#mifes11 div.functionThumb.Right{
	float:right;
	width:50%;
}
#mifes11 span.functionZoom{
	right: 20px;
	position: absolute;
}
}
#mifes11 span.functionZoom img{
	width:30px!important;
	border:0;
	float: right;
}
#mifes11 p.cap{
	text-align:left;
	font-size: 0.9rem !important; 
	padding:0 auto 10%;
	clear:both;
	display:block;
	margin-left:1.5%;
	margin-top: 0;
}
#mifes11 #cont-02 .bg-cont-02 ul.list{
	width:100%;
	margin:0;
	padding:0;
	display:block;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
#mifes11 #cont-02 .bg-cont-02 ul.list li{
	position: relative;
	float:left;
	width:32%;
	padding:2%;
	margin:0.5%;
	margin-bottom:2%;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
 	border:1px #cdcdcd solid;
	text-align:left;
}
@media (max-width: 767px){
#mifes11 #cont-02 .bg-cont-02 ul.list li{
	width:100%;
}
}
#mifes11 #cont-04 .bg-cont-04 ul.list{
	width:100%;
	margin:0;
	padding:0;
	display:block;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
#mifes11 #cont-04 .bg-cont-04 ul.list li{
	position: relative;
	float:left;
	width:49%;
	padding:0;
	margin:0.5%;
	margin-bottom:2%;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	text-align:left;
	background:#fff;
}
@media (max-width: 767px){
#mifes11 #cont-04 .bg-cont-04 ul.list li{
	width:100%;
}
}
/* 上部と下部のナビ */
#mifes11 div.small_top_navi{
	width:100%;
	margin:0 auto ;
	padding-bottom:2%;
	clear:both;
}
#mifes11 div.small_bottom_navi{
	width:100%;
	margin:3% auto 7%;
	clear:both;
}
#mifes11 div.LeftBox{
	background:url("../common/img/navi_left.gif") left no-repeat;
	float:left;
	padding-left:20px;
	font-size:1.1rem;
}
#mifes11 div.RightBox{
	background:url("../common/img/navi_right.gif") right no-repeat;
	float:right;
	padding-right:20px;
	font-size:1.1rem;
}

#mifes11 #ohter_navi_mp{
	display: block;
}
#mifes11 #ohter_navi_pc{
	display: none;
}
@media screen and (min-width:768px) {
#mifes11 #ohter_navi_mp{
	display: none;
}
#mifes11 #ohter_navi_pc{
	display: block;
}
}



#mifes11 #cont-03 .bg-cont-03 .ohter_navi{
	margin:1% auto;
	padding: 0;
	width:100%;
	max-width:1350px;
	text-align:center;
}
#mifes11 #cont-03 .bg-cont-03 ul{
	font-size:0.8rem;
	text-align:center;
	width:95%;
	margin:1% auto;
	list-style:none;
}
#mifes11 #cont-03 .bg-cont-03 li{
}
#mifes11 #cont-03 .bg-cont-03 li a{
	float:left;
	padding:0.5%;
	width:12%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #153a73;
	color:#fff;
	display: inline-block;
	margin:2% 0.2%;
	text-decoration:none;
	-webkit-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
	transition:all 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);
}
#mifes11 #cont-03 .bg-cont-03 li a:hover{
	color: #153a73 !important;
	background-color: #fff!important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #153a73;
}
.ohter_navi>li.current>a {
	color: #153a73 !important;
	background-color: #fff!important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #153a73;
}
/* 新機能 */

#mifes11 #cont-04 .bg-cont-04 p{
	font-size:1rem;
}
#mifes11 #cont-04 .bg-cont-04 div.Box{
	background:#FFF;
	width:98%;
	padding:0%;
	margin:0 auto;
	color:#000000;
	overflow: hidden;
}
#mifes11 #cont-04 .bg-cont-04 div.Box2{
	float: left;
	background: #FFF;
	width: 49%;
	padding: 0%;
	margin: 2% 0.5%;
	color: #000000;
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#mifes11 #cont-04 .bg-cont-04 div.Box3{
	float:left;
	background:#FFF;
	width:33%;
	padding:0%;
	margin: 2% 1%;
	color:#000000;
	overflow: hidden;
}
#mifes11 #cont-04 .bg-cont-04 div.Box_other{
	width:100%;
	padding:0 1%;
	overflow: hidden;
	color:#fff;
	margin-top:0;
}
#mifes11 #cont-04 .bg-cont-04 div.BoxTitle{
	width:100%;
	clear:both;
}
#mifes11 #cont-04 .bg-cont-04 div.flag{
	background:url("img/bc_newfunc.png") no-repeat;
	float:left;
	padding:1%;
	margin-left:3%;
	margin-right:2%;
	font-size:1.2rem;
	letter-spacing:-0.01em;
	line-height:120%;
	text-align:center;
	color:#FFF;
	width: 100px;
	height: 78px;
}
#mifes11 #cont-04 .bg-cont-04 h2.subt_newfunc{
	font-size:150%;
	font-weight:bold;
	letter-spacing:-0.01em;
	color:#000000;
	padding-top:3%;
}
#mifes11 #cont-04 .bg-cont-04 h2.subt_newfunc_s{
	font-size:150%;
	font-weight:bold;
	letter-spacing:-0.01em;
	color:#000000;
	padding-top:5%;
}
#mifes11 ul{
	list-style-type: square;
	font-size: 1rem;
}
#mifes11 li{
	line-height: 2.0;
}
#mifes11 #cont-04 .bg-cont-04 h3{
	font-size:120%;
	font-weight:bold;
	margin:0 0 3% 0;
	padding-bottom:2%;
	border-bottom:dotted 1px #999;
}
#mifes11 #cont-04 .bg-cont-04 dl.ex{
	width:100%;
	background:#eeeeee;
	font-size:0.8rem;
	padding:3%;
	margin:2%;
	color:#565656;
	line-height:160%;
	overflow: hidden;
}
#mifes11 #cont-04 .bg-cont-04 dl.ex dt{
	width : 62%;
	float : left;
	border-bottom:1px #999 dotted;
	line-height:160%;
}
#mifes11 #cont-04 .bg-cont-04 dl.ex dd{
	width : 38%;
	float : left;
	border-bottom:1px #999 dotted;
	line-height:160%;
}
#mifes11 #cont-04 .bg-cont-04 dl.ex2{
	width:100%;
	background:#eeeeee;
	font-size:0.8rem;
	padding:3%;
	margin:2%;
	color:#565656;
	overflow: hidden;
}
#mifes11 #cont-04 .bg-cont-04 dl.ex2 dt{
	width : 48%;
	padding:1%;
	float : left;
	border-bottom:1px #999 dotted;
	line-height:160%;
}
#mifes11 #cont-04 .bg-cont-04 dl.ex2 dd{
	width : 55%;
	padding:1%;
	float : left;
	border-bottom:1px #999 dotted;
	line-height:160%;
}
#mifes11 #cont-04 .bg-cont-04 div.BoxLeft2{
	position: relative;
	float:left;
	width:48%;
	margin: 1%;
	padding: 2%;
}
#mifes11 #cont-04 .bg-cont-04 div.BoxRight2{
	position: relative;
	float:right;
	width:48%;
	margin: 1%;
	padding: 2%;
}
#mifes11 #cont-04 .bg-cont-04 div.BoxLeft3{
	position: relative;
	float:left;
	width:100%;
	margin: 0%;
	padding: 2% 10% 0;
}
#mifes11 #cont-04 .bg-cont-04 div.BoxRight3{
	position: relative;
	float:right;
	width:100%;
	padding: 2% 10% 0;
}

#mifes11 #cont-04{
	background:#153a73;
	-webkit-background-size:cover;
	background-size:cover;
	margin:0% auto -2% auto;
}
#mifes11 #cont-04 .bg-cont-04{
	background-attachment:fixed;
	background:#06254a;
	padding:30px 0 30px 0;
	margin:0px auto 0;
}
#mifes11 #cont-04 .bg-cont-04 img{
	text-align:center;
	width:100%;
}
#mifes11 #cont-04 .bg-cont-04 img.simage{
	text-align:center;
	width:50%;
}
#mifes11 ul.list img.simage{
	text-align:center;
	width:50%;
}
#mifes11 #cont-04 .bg-cont-04 img.other{
	width:50%;
	float:center;
}
#mifes11 #cont-04 .bg-cont-04 h2.subt_newfunc{
	font-size: 1.7rem;
	font-weight:bold;
	margin: 0;
}
#mifes11 #cont-04 .bg-cont-04 h2.subt_newfunc_s{
	font-size: 1.3rem;
	font-weight:bold;
	margin: 0;
	line-height:160%;
	margin-right: 3%;
}
@media (max-width: 767px){
#mifes11 #cont-04 .bg-cont-04 div.Box2{
	width:98%;
}
#mifes11 #cont-04 .bg-cont-04 div.BoxLeft2{
	width:100%;
}
#mifes11 #cont-04 .bg-cont-04 div.BoxRight2{
	width:100%;
	text-align:center;
}
#mifes11 #cont-04 .bg-cont-04 img{
	width:95%;
	margin:1% auto;
}
}
/*-- 機能一覧 --*/

#mifes11 UL.list{
	width:90%;
	padding:4%;
	margin:1% auto;
	clear:both;
	display:block;
	text-align: center;
}
#mifes11 UL.list li{
	float:left;
	width:auto;
	padding:0 1%;
	list-style:none;
}
@media (max-width: 767px){
#mifes11 UL.list{
	display:none;
}
}
#mifes11 Table.FuncTable {
	width:100%;
	text-align:left;
	margin:0% 0% 5% 0%;
    border-collapse: separate;
    border-spacing: 0px 1px;
	font-size:1rem;
}
#mifes11 Table.FuncTable th{
	padding: 1%;
    vertical-align: middle;
    text-align: center;
    border-bottom: #999 1px solid;
    color: #fff;
	background:#153a73;
}
#mifes11 Table.FuncTable th.t01{
	width:20%;
}
#mifes11 Table.FuncTable th.t02{
	width:25%;
}
#mifes11 Table.FuncTable th.t03{
	width:55%;
}
#mifes11 Table.FuncTable td.last{
    border-bottom: #999 1px solid !important;
}
#mifes11 Table.FuncTable td{
	padding: 1%;
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #FFF;
	border-bottom:#999 1px solid;
	line-height: 150%;
}

#mifes11 Table.FuncTable td a{
	text-decoration:none;
}
#mifes11 Table.FuncTable td{
	background:#fff;
}
#mifes11 Table.FuncTable td.Blue ,td.L08 ,td.L02{
	background:#eee;
}
#mifes11 Table.FuncTable th{
	display:table-cell;
	background:#ddd;
	color:#000;
}
#mifes11 Table.FuncTable th.t01{
	width:13%;
}
#mifes11 Table.FuncTable th.t02{
	width:27%;
}
#mifes11 Table.FuncTable th.t03{
	width:60%;
}
#mifes11 Table.FuncTable td{
	display:table-cell;
}
strong{
	font-weight:normal;
}