@charset "utf-8";

body{color: #333; line-height: 1.8; background: none;font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;font-size: 14px;}
img{max-width: 100%;}
h2.ttl{color: #1f66ab; font-size: 2em; font-weight: bold; text-align: center;position: relative;margin-bottom: 2em;letter-spacing: 2px;padding-top: 4em;line-height: 1.2;}
h2.ttl:before {
  content: '';
  position: absolute;
  bottom: -5px;
  display: inline-block;
  width: 200px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #1f66ab;
}
@media screen and (max-width:767px) {
	h2.ttl{font-size: 1.5em; padding-top: 2em;}
}
.red{color: #cf0818;}


.sec_mv{background: url(../images/bg_main_v02.jpg) no-repeat top center; background-size: cover;padding: 10em 0 2em;text-align: center;}
.sec_mv h1{padding-bottom: 1em;}
.sec_mv .period{line-height: 1;max-width: 600px;margin: .5em auto 0;text-align: left;}
.sec_mv .period span span{border: 1px solid; padding: 2px 0; display: inline-block; margin-right: 1em;width: 6em;text-align: center;}
.sec_mv .period span:nth-child(1){margin-right: 1em;}

@media screen and (max-width:767px) {
	.sec_mv h1{padding-bottom: .5em;}
	.sec_mv{padding: 4em 0 1em;}
	.sec_mv .date{background: rgba(255,255,255,.8);padding: 1em;}
	.sec_mv .period{line-height: 1.4;}
	.sec_mv .period > span{display: block;text-align: left;margin: 5px 0;}
}

.sec_link .button a{background: #fd7e00;}
.sec_link .button a span{font-size: .8em;}

.sec_about{border: 1px solid #ac0000; padding: 3em; margin: 4em auto !important; position: relative;}
.sec_about:before{position: absolute; top:0; left: 0;content: ''; width: 35px; height: 35px; background: url(../images/img_corner_left.png) no-repeat top left;}
.sec_about:after{position: absolute; bottom:0; right: 0;content: ''; width: 35px; height: 35px; background: url(../images/img_corner_right.png) no-repeat bottom right;}
.sec_about h2{text-align: center; color: #ac0000; font-weight: normal; font-size: 1.5em;padding-bottom: 1em; line-height: 1.2;}
.sec_about ul{margin-top: 1em;}
.sec_about ul li{list-style-type: disc; margin-left: 1em;}
.sec_about a{color: #ac0000; text-decoration: underline;}
.sec_about a:hover{text-decoration: none;}
@media screen and (max-width:767px) {
	.sec_about{padding: 2em 1em; margin: 2em auto !important;}
	.sec_about:before{width: 20px; height: 20px; background-size: contain;}
	.sec_about:after{width: 20px; height: 20px; background-size: contain;}
}

.sec_info{border: 1px solid #ac0000; padding: 3em; margin: 4em auto !important; position: relative;}
.sec_info h2{text-align: center;font-weight: normal;font-size: 1.5em;line-height: 1.2;color: #ac0000;}
.sec_info ul{margin-top: 1em;}
.sec_info ul li{list-style-type: disc; margin-left: 1em;}
.sec_info a{color: #ac0000; text-decoration: underline;}
.sec_info a:hover{text-decoration: none;}
@media screen and (max-width:767px) {
	.sec_info{padding: 2em 1em; margin: 2em auto !important;}
}

.sec_flow{background: url(../images/bg_flow.jpg) no-repeat top center; background-size: cover; text-align: center; padding-bottom: 4em;}
.sec_flow li{margin: 2em 0 3em;}
.sec_flow li .content{background: #fff;  position: relative; padding: 2em 6em; }
.sec_flow h3{position: absolute; top: -1em; left: 0; right: 0;}
.sec_flow h4{background: #ddeeff;padding: .5em 1em; }
.sec_flow p{margin-top: 1em; }
.sec_flow .cancel a{color: #1f66ab; text-decoration: underline; }
.sec_flow .cancel a:hover{text-decoration: none; }
@media screen and (max-width:767px) {
	.sec_flow{padding-bottom: 2em;}
	.sec_flow li .content{padding: 2em 1em; }
	.sec_flow h4{text-align: left; }
	.sec_flow p{text-align: left; }
}



.brand dd ul{display:flex;flex-wrap:wrap;}
.brand a{color: #1f66ab;text-decoration: underline;}
.brand a:hover{text-decoration: none;}
.brand li a img{border: 1px solid #1f66ab;}
.brand li a:hover img{opacity: .7;}


@media screen and (min-width:768px) {
	dl.brand{display: flex;flex-wrap: wrap;}
	.brand dt{width: 26%;border-top: 1px solid #ccc; padding-top: 1.5em;}
	.brand dd{width: 74%;padding: 1em 0;border-top: 1px solid #ccc;}
	.brand dd ul li{width: 12.4em; box-sizing: border-box;margin-right: 1em;}
	.brand dd ul li:nth-child(4n){margin-right:0;}
}
@media screen and (max-width:767px) {
	.brand dt{border-top: 1px solid #ccc; padding-top: .5em; font-weight: bold;}
	.brand dd ul li{width: 50%;box-sizing: border-box;}
	.brand dd ul li:nth-child(2n+1){padding-right: .5em;}
	.brand dd ul li:nth-child(2n){padding-left: .5em;}
}

.button{padding: 2em 6em; text-align: center; }
.button a{display: block;  background: #1f66ab; color: #fff; padding: 1em 2em;font-size: 2em; letter-spacing: 2px;position: relative;line-height: 1;}
.button a:hover{opacity: .8;}
.button a:before{position: absolute; top:0; right: 1em; content: ''; width: 5%; max-width: 33px; height: 100%; background: url(../images/ico_arrow.png) no-repeat center center; background-size:contain;}
.button a > span:nth-child(1){margin-right: 1em;}
.button a img{vertical-align: middle;}
.mail.button{padding: 8em 6em; }
@media screen and (max-width:767px) {
	.button{padding: 2em 1em;}
	.button a{font-size: 1.5em;}
	.mail.button{padding: 2em 1em; }
	.mail.button a{display: flex;text-align: left; padding: 1em 2em 1em 1em;}
}

.gmap {height: 0;overflow: hidden;padding-bottom: 56.25%;position: relative;}
.gmap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}

.col4{display:flex;flex-wrap:wrap;}
.col5{display:flex;flex-wrap:wrap;}
@media screen and (min-width:768px) {
	.col4 > li{width: 24.2%; margin-right: 1%;}
	.col4 > li:nth-child(4n){margin-right: 0;}
	.col5 > li{width: 19%; margin-right: 1%;}
	.col5 > li:nth-child(5n){margin-right: 0;}
}
@media screen and (max-width:767px) {
	.col4 > li:nth-child(2n+1){width: 49%; margin-right: 1%;}
	.col4 > li:nth-child(2n){width: 49%; margin-left: 1%;}
	.col5 > li:nth-child(2n+1){width: 49%; margin-right: 1%;}
	.col5 > li:nth-child(2n){width: 49%; margin-left: 1%;}
}
footer{background: #e3e5ec;  padding: 3em 0;text-align: center;}
footer .col2{display: flex;padding: 0 2em 1em;}
footer .col2 > div{width: 50%; box-sizing: border-box; padding: 0 2%;}



.page_apply .sec_mv{padding: 4em 0 3em;text-align: center;}
.page_apply h2.ttl{padding-top: 2em;}


.page_admin input[type="checkbox"],
.page_admin input[type="radio"]{display: inherit;}
.page_admin input[type="radio"]:checked + label{background: none;}

input[type="radio"]{margin-bottom: 5px;}

.page_admin header{background: #1f66ab; color: #fff; padding: 1em;position: static;}
.page_admin header a{color: #fff;}
.page_admin header a:hover{text-decoration: none;color: #e5221a;}
.page_admin header .inner{display: flex;justify-content: space-between;align-items: flex-end;max-width: 100%;width: 100%;}


.page_admin .logout{text-align: right; padding: .5em .5em 0 0;}
.contents{width: 100%; max-width: 1000px; margin: 0 auto; box-sizing: border-box;}
.page_admin main{padding: 2em 0;box-sizing: border-box;}
.page_admin main a{color: #e5221a;}
.page_admin main a:hover,
.page_admin nav a:hover{text-decoration: underline;color: #e5221a;}


.page_admin nav{width: 20%;padding: 2em 1em;box-sizing: border-box;background: #eee;}
.page_admin nav li{position: relative;margin-bottom: 5px;padding-left: 1em;}
.page_admin nav li:before{
	content: "";
	display: block;
	position: absolute;
	top: 9px;
	left: 0px;
	width: 6px;
	height: 6px;
	border-right: solid 2px #e5221a;
	border-bottom: solid 2px #e5221a;
	-webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
	transform: rotate(-45deg) translate3d(0, 0, 0);
}
.page_admin h1{border: 1px solid #ccc; padding-left: 1em; font-size: 1.4em; font-weight: bold; margin-bottom: 1em;border-left: 5px solid #1f66ab;}
.page_admin h2{border: 1px solid #ccc; padding-left: 1em; font-size: 1.4em; font-weight: bold; margin-bottom: 1em;border-left: 5px solid #1f66ab;}
.page_admin table.center{margin: 0 auto;}
.page_admin form table th, .page_admin form table td{padding: .5em 1em;}

.message{color: #00f;text-align: center;margin-bottom: 1em;}
.error{color: #cf0818;}
/*.page_admin .required{color: #f00;font-size: .8em;vertical-align: middle;padding-left: .5em;}*/
form .required {
	margin-left: 1em;
    background: #cf0818;
    color: #fff;
    padding: 0 4px;
    font-weight: normal;
    font-size: .8em;
	vertical-align: middle;
}
.error{color: #cf0818;}

.page_admin .pager{text-align: center;}
.page_admin .right{text-align: right;}
.page_admin .not_open{text-align: center; color: #f00; font-weight: bold;}

form input[type="text"],
form input[type="password"],
form textarea
{font-family: inherit;border: 1px solid #ccc; padding: .5em;width: 100%;box-sizing: border-box;}
form input.alpha{ime-mode:disabled;},

.page_admin table.list_table{margin: 0 auto 1em}
.page_admin table.list_table th,
.page_admin table.list_table td{padding: 5px .5em;border: 1px solid #bbb;}
.page_admin table.list_table th{background: #f6f6f6;}

table.edit_table{width: 100%;}
table.edit_table th,
table.edit_table td{padding: .8em 1em;border: 1px solid #bbb;}
table.edit_table th{background: #f6f6f6; width: 20%; vertical-align: middle; font-weight: bold;}
table.edit_table img{max-width: 100%;}
table.edit_table .disabled span{margin-left: 1em; color: #cf0818;}
table.edit_table ul.disc{margin: 1em 0 0 1em;}
table.edit_table ul.disc li{list-style-type:disc;}
table.edit_table ul.disc li span.red{color:#cf0818;}
table.edit_table ul.disc li a{color: #1f66ab;text-decoration: underline;}
table.edit_table ul.disc li a:hover{text-decoration: none;}


.page_admin .file_button{
	border: solid #666;
	border-width: 1px 2px 2px 1px;
	background: #ccc;
	text-align: center;
	padding: 5px 0;
	margin-top: 2px;
}
.page_admin .file_button label{cursor: pointer;display: block;color: #000;}
.page_admin .delete_checkbox{margin-top: 8px; text-align: center;}
.page_admin .select_image{border: 1px solid #aaa;padding: 4em 0;text-align: center;}

.edit_button {text-align: center;margin: 1em 0 2em;}
.edit_button button,
.edit_button input{
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #ccc;
	background: #1f66ab;
	color: #fff;
	letter-spacing: 1px;
	padding: 8px 30px;
	cursor: pointer;
	margin: 0 2em;
}
.edit_button button[name="back_button"]{background: #666;}
.edit_button button[name="delete_button"]{background: #666;padding: 5px 10px;}
.edit_button button:hover{opacity: .8;}

.page_apply .edit_button button{font-size: 1.5em; padding: .5em 4em;}
.page_apply .edit_button button[name="back_button"]{font-size: 1em !important;width: auto;}

.page_admin.list_user ul.nav{display:flex;border-bottom: 2px solid #1f66ab;margin-bottom: 2em;}
.page_admin.list_user ul.nav li{padding: 5px 1em; border: 1px solid #1f66ab; border-bottom: none; border-radius: 6px 6px 0 0; margin-left: 1em;}
.page_admin.list_user ul.nav li a{color: #1f66ab;}
.page_admin.list_user ul.nav li.active{background: #1f66ab;;}
.page_admin.list_user ul.nav li.active a{color: #fff;}



@media screen and (min-width:768px) {
	.spOnly{display:none;}
}
@media screen and (max-width:767px) {
	.pcOnly{display:none;}

	.contents{width: 96%;}

	.page_admin h1, .page_admin h2{font-size: 1.2em;}
	
	table.edit_table{border-bottom: 1px solid #bbb}
	table.edit_table th,
	table.edit_table td{display:block;width: auto;}
	table.edit_table td{border-style: none solid;}
	
	.edit_button button{width: 80%;margin: 1em auto; display: block;}
	.edit_button button[name="delete_button"]{width: auto; margin-top: 1em;}

	.pager a, .pager span{font-size: 1.2em;padding: 0 2px;}
}


.floor_map{display: flex;}
.floor_map > div{width: 50%;}


.link{margin-top: 1em; text-align: center;}
.link a{text-decoration: underline; color: #1f66ab;font-size: 1.5em;}
.link a:hover{text-decoration: none;}

.sec_navi ul{display: flex;justify-content: center;}
.sec_navi.float ul{top: 0px;position: fixed;left: 0;right: 0;width: 100%;background: rgba(255,255,255,.9);z-index: 999;}
.sec_navi ul li{padding: 5px; box-sizing: border-box;}
.sec_navi ul li a{border-bottom: 2px solid #1f66ab;display: block;padding: .5em 2em 0;font-size: 1.5em;font-weight: bold;color: #333; text-align: center;}
.sec_navi ul li a:hover{opacity: .8;}

@media screen and (max-width:767px) {
	.sec_navi ul{flex-wrap: wrap;}
	.sec_navi ul > li{width: 50%;}
	.sec_navi ul li a{padding: .5em 0 0;font-size: 1.2em;}
}

@media screen and (max-width:850px) {
}
@media screen and (max-width:700px) {
}
@media screen and (max-width:600px) {
}
@media screen and (max-width:500px) {
}
@media screen and (max-width:400px) {
}