/*----------LOADING----------*/

.loading {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,1.0);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20000;
}

.loading img {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}

/*----------COVER----------*/

#container {
    width : 100%;
    overflow : hidden;
    background : #0a3296;
}

#hmsg {
	position : absolute;
	width : 85%;
	top : 50%;
	left : 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index : 100;
}

#hmsg h2 {
	margin-bottom : 20px;
	color : #ffffff;
	font-size : 180%;
	font-weight : 800;
	font-style : normal;
	line-height : 1.2em;
}

#hmsg h2 span {
	display : block;
}

#hmsg p {
	padding : 3.5% 4.5% 3.5% 4.5%;
	border : solid 3px rgba(255,255,255,0.4);
	border-radius : 10px;
	color : #ffffff;
	line-height : 1.4em;
	font-weight : 500;
	font-style : normal;
	font-size : 90%;
	text-align : left;
}

.pagination {
	display : none;
}

/*----------CNAVI----------*/

#cnavi {
	clear : both;
    overflow : hidden;
	position : relative;
	width : 90%;
	margin : 7% auto 6% auto;
}

#cnavi ul {
	all : unset;
}

#cnavi ul {
	overflow : hidden;
	list-style : none;
	width : 100%;
	margin-bottom : 5%;
}

#cnavi ul li {
	float : left;
	width : 49.5%;
	margin : 0 1% 1% 0;
	text-align : center;
	font-weight : 800;
	font-style : normal;
	font-size : 106%;
	line-height : 1.4em;
}

#cnavi ul li:nth-child(2n) {
	margin : 0 0 1% 0;
}

#cnavi ul li font {
    letter-spacing : -3px;
}

#cnavi ul li p {
	display : block;
	width : 100px;
	margin : 0 auto 5px auto;
}

#cnavi ul li p img {
	width : 100%;
	height : 100%;
}

#cnavi ul a {
	display : block;
	padding : 12px 0 15px 0;
	color : #0a3296;
	background : #ffffff;
	text-decoration : none;
}

#cnavi ul li:first-child a {
	border-top-left-radius : 10px;
}

#cnavi ul li:nth-child(2) a {
	border-top-right-radius : 10px;
}

#cnavi ul li:nth-child(3) a {
	padding-bottom : 19px;
	border-bottom-left-radius : 10px;
}

#cnavi ul li:last-child a {
	padding-bottom : 19px;
	border-bottom-right-radius : 10px;
}

dl#msg {
    clear : both;
    margin : 0 9% 8% 9%;
    color : #ffffff;
}

dl#msg dt h3 {
    margin-bottom : 6%;
    font-size : 130%;
    font-weight : 800;
    text-align : center;
}

dl#msg dt h3 font {
    display : inline-block;
    margin : 0 0 0 15px;
    scale: 2;
}

dl#msg dt h3 span {
    display : block;
}

dl#msg dt h3 em {
    font-style : normal;
    letter-spacing : -10px;
}

dl#msg dd {
    line-height : 1.5em;
}

ul.slide li {
    width : 45%;
}

ul.slide li img {
    width : 100%;
    height : 100%;
}

/*----------SIGNBOARD----------*/

ul#signboard {
    list-style : none;
    overflow : hidden;
	width : 90%;
	margin : 7% auto 5% auto;
}

ul#signboard li {
    position : relative;
    width : 100%;
    margin-bottom : 5%;
    padding-top : 110px;
}

ul#signboard li:last-child {
    margin : 0;
}

.thumb01 {
    position : absolute;
	width : 200px;
    height : 200px;
    border-radius : 100%;
    border : solid 6px #ffffff;
	background-size : cover;
	background-position : center center;
    top : 0;
    left : 0;
    right : 0;
    margin : 0 auto;
}

ul#signboard li dl {
    margin-bottom : 15px;
    padding : 108px 22px 25px 22px;
    background : #ffffff;
    border-radius : 12px;
}

ul#signboard li dl dt {
    margin-bottom : 12px;
    font-size : 136%;
    font-weight : 800;
    text-align : center;
}

ul#signboard li dl dd {
    line-height : 1.4em;
}

ul#signboard li a {
    display : block;
    color : #282828;
    text-decoration : none;
}

p.vdetail {
    display : block;
    width : 50%;
    margin : 10px auto 0 auto;
    padding : 9px 0px 10px 45px;
    font-weight : 700;
}

ul#signboard li a p.vdetail {
    color : #ffffff;
    background-color : #1478e6;
    background-image : url(arrow.svg);
    background-size : 23px;
    background-position : 135px 9px;
    background-repeat : no-repeat;
    border-radius : 36px;
}

/*----------OTHERS----------*/

ul#others {
    list-style : none;
    overflow : hidden;
    width : 90%;
    margin : 0 auto 7% auto;
}

ul#others li {
    width : 100%;
    margin-bottom : 6%;
}

ul#others li:last-child {
    margin : 0;
}

ul#others li:first-child a {
    display : block;
    padding-bottom : 7%;
    color : #ffffff;
    background : #0fbeaf;
    text-decoration : none;
    border-radius : 10px;
}

ul#others li:last-child a {
    display : block;
    padding-bottom : 7%;
    color : #ffffff;
    background : #1478e6;
    text-decoration : none;
    border-radius : 10px;
}

.thumb02 {
	width : 100%;
    margin-bottom : 5.5%;
	background-size : cover;
	background-position : center center;
	padding-top : 150px;
	border-top-left-radius : 10px;
    border-top-right-radius : 10px;
}

ul#others li dl {
    overflow : hidden;
    width : 85%;
    margin : 0 auto 0 auto;
}

ul#others li dl dt {
    margin-bottom : 3.5%;
    font-size : 136%;
    font-weight : 800;
}

ul#others li dl dd {
    line-height : 1.5em;
}