.tabbar,
body {
    background: #fff;
}
.tabbar,
img {
    height: auto;
    width: 100%;
}
.container,
.tabbar,
body,
img {
    width: 100%;
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
    display: block;
}
body {
    line-height: 1;
    font-family: sans-serif,'Hiragino Kaku Gothic Pro',Meiryo,Osaka,'MS PGothic',arial,helvetica,BTMono;
    color: #000;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none;
}
.main__items:after,
.tabbar__items:after {
    content: "";
    clear: both;
    visibility: hidden;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
* {
    box-sizing: border-box;
}
a,
a:hover {
    text-decoration: none;
    color: #000;
}
.container {
    margin: 0 auto;
    padding: 0;
}
.tabbar {
    border-bottom: 1px #b2b2b2 solid;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}
.tabbar__items {
    width: 100%;
    height: inherit;
    font-size: 0;
    display: table;
    padding: 0 5px;
}
.tabbar__items:after {
    display: table;
    height: 0;
}
.tabbar__item,
.tabbar__item--current {
    position: relative;
    display: table-cell;
    min-width: 25%;
    height: auto;
    text-align: center;
    vertical-align: middel;
    line-height: 1;
    font-size: 14px;
    font-weight: 700;
}
@media only screen and (max-width:360px) {
    .tabbar__item,
    .tabbar__item--current {
        font-size: 10px;
    }
}
.tabbar__item--current__link,
.tabbar__item__link {
    display: inline-block;
    width: 100%;
    padding: 17px 5px;
}
.tabbar__item span,
.tabbar__item--current span {
    color: red;
}
.tabbar__item a,
.tabbar__item--current a {
    color: #7d7d7d;
}
.tabbar__item a:hover,
.tabbar__item--current a:hover {
    color: #7d7d7d;
    text-decoration: none;
}
.main {
    padding-top: 64px;
}
.main__notice {
    padding: 30px 15px 50px;
}
.main__notice__text {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
}
.main__items:after {
    display: block;
    height: 0;
}
.main__item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    min-height: 256px;
    float: left;
	position: relative;
	z-index: 0;
	padding-bottom: 65px;
}
.main__item > a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
	vertical-align: top;
}
.main__item__head__float-block,
.main__item__head__image {
    height: auto;
    display: block;
    width: 100%;
}
.main__item__head {
    position: relative;
}
.main__item__head__float-block {
    background: rgba(0,0,0,.5);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.main__item__head__float-block__text,
.main__item__head__float-block__text--center {
    font-weight: 700;
    padding: 9px 8px;
    display: block;
    width: 100%;
    font-size: 10px;
    text-align: left;
    line-height: 1.5em;
}
.main__item__foot__text,
.main__item__foot__title {
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
}
.main__item__head__float-block__text--center {
    text-align: center;
    padding: 17px 15px;
}
.main__item__foot {
    padding: 9px 15px;
	overflow: hidden;
}
.main__item__foot__title {
    font-size: 12px;
}
.main__item__foot__text {
    margin-top: 10px;
    font-size: 10px;
}
.main__item__foot a {
	display: block;
	width: calc(100% - 30px);
	margin: 1rem 0 0 0;
	background-color: #FF0000;
	color: #FFF;
	padding: 0.35rem 0;
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
	position: absolute;
	bottom: 20px;
}
.main-container h1 {
    color: #FF0000;
    font-weight: bold;
    padding: 15px;
    border-top: 1px solid #CCC;
	text-align: center;
}
.main-container h1:first-child {
    padding-top: 0;
    border-top: none;
}
.mprogram_list {
	/*padding-bottom: 20px;*/
}
.mpro_info {
	padding-bottom: 15px;
}
.mpro_info p {
	font-size: 12px;
	margin-bottom: 15px;
	padding: 0 15px;
	line-height: 1.4;
}
.mpro_info .image {
	width: 100%;
	padding: 0 5px;
}
.mpro_info .image img {
	width: 100%;
	height: auto;
	zoom: 0;
}
.mpro_info .btn_container {
	padding: 15px;
}
.mpro_info .btn_container a {
	display: block;
	width: 100%;
	padding: 15px 0;
	border: 1px solid #000;
	text-align: center;
}
.main-container .information {
	padding: 0vh 4% 5vh 4%;
	font-size: 0.85rem;
	line-height: 1.4;
	text-align: center;
}
.main-container .information .linkBtn {
	padding: 2vh 0 0 0;
}
.main-container .information .linkBtn a {
	display: block;
	width: 75%;
	display: flex;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
	background-color: #FFF;
	color: #000;
	border: 1px solid #000;
	line-height: 1.2;
	font-weight: 700;
	padding: 0.5rem 0;
	font-size: 12px;
}
.main-container .message {
	/*
	font-size: 14px;
	line-height: 1.2;
	*/
	padding: 15px 10px 0 10px;
	margin: 10px;
	border: 1px solid #FF0000;
}
.main-container .message strong {
	font-weight: bold;
	display: inline-block;
	margin-bottom: 15px;
}
.main-container .message p {
	padding: 0;
}

.group_monitor {
	border-top: 1px solid #b2b2b2;
	padding: 20px 0 40px 0;
}
.group_monitor h1 {
	line-height: 1.4;
}
.group_monitor .group_monitor_bnr img {
	width: 100%;
	height: auto;
	
}

.main__appInfo {
	padding: 0 4vw;
	line-height: 1.6;
}
.main__appInfo > p {
	font-size: 13px;
}
.main__appInfo dl {
	padding: 5vw 0 10vw 0;
}
.main__appInfo dl dt {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 3vw;
}
.main__appInfo dl dd {
	font-size: 12px;
	margin-bottom: 5vw;
}
.main__appInfo dl dd ol {
	list-style: outside;
	padding-left: 8vw;
}
.main__appInfo dl dd ol li {
	padding-left: 1vw;
	list-style-type: decimal;
	margin-bottom: 0.5vw;
}

@media only screen and (min-width:960px) {
	.main__item__foot a {
		left: 50%;
		width: calc(100% - 60%);
		margin: 0 auto;
		transform: translate(-50%, 0);
	}
}