@charset "UTF-8";





/* TOP PAGE
---------------------------------------------------- */
#pagebody {
    margin-bottom: 0px;
}



.btn {
	white-space: normal;
}

#slider-wrapper {
	height: auto;
}

@media (max-width: 768px) {
	#content #billboardbox {
		float: none;
		width: 100%;
	}
	
	#slider-wrapper {
		height: auto;
	}
}

#global_titles .thumbnail {
    height: 95%;
}


/* row関連 */
.row {
	margin-right: -7px;
	margin-left: -7px;
}

.row:before, .row:after {
	display: table;
	content: " ";
}

.row:after {
	clear: both;
}

.col-1, .col-sm-1, .col-md-1, .col-lg-1, .col-2, .col-sm-2, .col-md-2, .col-lg-2, .col-3, .col-sm-3, .col-md-3, .col-lg-3, .col-4, .col-sm-4, .col-md-4, .col-lg-4, .col-5, .col-sm-5, .col-md-5, .col-lg-5, .col-6, .col-sm-6, .col-md-6, .col-lg-6, .col-7, .col-sm-7, .col-md-7, .col-lg-7, .col-8, .col-sm-8, .col-md-8, .col-lg-8, .col-9, .col-sm-9, .col-md-9, .col-lg-9, .col-10, .col-sm-10, .col-md-10, .col-lg-10, .col-11, .col-sm-11, .col-md-11, .col-lg-11, .col-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 7px;
	padding-left: 7px;
}






/* toggle panel関連 */
#content #global_titles .panel {
	min-height: 100px;
}

#content #global_titles .panel.panel-warning {
	background-color: #f2623a;
	border-color: #e24216;
}

#content #global_titles .panel.panel-success {
	background-color: #56b550;
	border-color: #27961f;
}

#content #global_titles .panel.panel-info {
	background-color: #56b2cf;
	border-color: #3498db;
}

#content #global_titles a {
	text-decoration: none;
	/*color: #FFFFFF;*/
}

#content #global_titles .a {
	color: #FFFFFF;
}

#content #global_titles a:hover .panel.panel-warning {
	border-color: #e24216cc;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.2), 0 2px 1px -2px rgba(0,0,0,0.2);
}

#content #global_titles a:hover .panel.panel-success {
	border-color: #27961f;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.2), 0 2px 1px -2px rgba(0,0,0,0.2);
}

#content #global_titles a:hover .panel.panel-info {
	border-color: #3498db;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.2), 0 2px 1px -2px rgba(0,0,0,0.2);
}

#content #global_titles .panel-body {
	padding: 15px;
}

#content #global_titles .panel {
	position: relative;
	min-height: 120px;
}

#content #global_titles .panel ul {
	margin-left: -0.2em;
	/*padding-left: 0;*/
	/*margin:0;*/
}

#content #global_titles .panel h4 {
	margin-top: 0em;
	margin-bottom: 1.0em;
	font-size: 130%;
}

#content #global_titles .panel .panel-icon {
	position: absolute;
	line-height: 1.0;
	bottom: 8px;
	right: 8px;
	font-size: 80px;
	color: #FFFFFF;
	opacity: 0.3;
}

#content #global_titles .panel ul li {
	/*  list-style: none;*/
	line-height: 1.3;
	text-align: 0;
	margin-bottom: 0.6em;
}

#content #global_titles .panel ul li:last-child,#content .panel p:last-child {
	margin-bottom: 0;
}

@media (max-width: 768px) {
	#content #global_titles .panel {
		min-height: 0px;
	}
	
	#content #global_titles .panel h4 {
		font-size: 14px;
	}
	
	#content #global_titles .panel ul {
		font-size: 12.5px;
	}
	
	#content #global_titles .panel .panel-icon {
		font-size: 60px;
	}
}





/* what's new関連 */
#whatsnew {
	overflow: hidden;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}

#whatsnew a.btn {
	margin-top: -20px;
	position: relative;
}

#content .tiles-toggle {
	margin-bottom: 10px;
	position: relative;
}

#content .tiles-toggle > a {
	/*border: 1px solid #aaa;*/
	display: block;
	padding: 10px 10px;
	text-decoration: none;
}

#content .tiles-toggle > a:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	content: "\f068";
	margin-top: 0px;
	position: absolute;
	right: 10px;
	top: 0.6em;
	width: 22px;
}

#content .tiles-toggle > a.collapsed:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	content: "\f067";
	margin-top: 0px;
	position: absolute;
	right: 10px;
	top: 0.6em;
	width: 22px;
}

#content .tiles-toggle.collapsed_non > a:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	content: "\f054";
	margin-top: 0px;
	position: absolute;
	right: 10px;
	top: 0.6em;
	width: 22px;
}





/* accordion menu*/
#toggle-freshman,
#toggle-event,
#toggle-exam {
	color: #fff;
	font-size: 1.3em;
}

.tiles-toggle i {
	font-size: 1.5em;
}

#toggle-freshman {
	background-color: #56b550;
	background-color: #27961f;
}

#toggle-event {
	background-color: #56b2cf;
	background-color: #2396ba;
}

#toggle-exam {
	background-color: #f2623a;
	background-color: #e24216;
}

@media (max-width: 769px) {
	#toggle-freshman,#toggle-event,#toggle-exam {
		font-size:1.1em;
	}
	
	.tiles-toggle i {
		padding-right:5px;
	}
	.thumbnail .caption {
		padding: 5px;
	}
}





/* topボタン関係 */
.btn-grayblue {
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding: 0.9em 0.5em;
	text-decoration: none;
	color: #3d9ee1;
	background: #ECECEC;
	transition: .25s;
	min-height: 4em;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.12);
}

.btn-grayblue:hover {
	background: #3d9ee1;
	color: white;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.12);
}

.btn-darkblue {
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding: 0.25em 0.5em;
	text-decoration: none;
	color: #ECECEC;
	background: #3d9ee1;
	transition: .25s;
	min-height: 4em;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.12);
}

.btn-darkblue:hover {
	background: #ECECEC;
	color: #3d9ee1;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.12);
}

.topmenu .label {
	padding: 0.05em 1em;
	line-height: 1.5;
	margin-left: 5px;
}

.topmenu .btn {
	font-size: 1.5em;
	padding: 9px 5px;
	box-shadow: none;
	background: repeating-linear-gradient(to top, #27A7CB, #27A7CB, #32ACCE 1.5px, #75CCE4 3px);
}

@media (max-width: 768px) {
	.topmenu .btn {
		font-size: 1.3em;
		padding: 6px 5px;
		box-shadow: none;
	}
}

.label-default.label-outline {
	background-color:#fff;
	border: solid 0px #666666;
	color : #27A7CB;
}

.label-default[href]:hover, .label-default[href]:focus {
	color: #fff;
}

.btn-square.btn-aqua        {background-color:#27A7CB;border:1px solid #27A7CB;color:#FFF;}
.btn-square.btn-aqua:hover,
.btn-square.btn-aqua:active {color:#FFF;border:1px solid #197f9e;background: repeating-linear-gradient(to top, #197f9e, #197f9e, #197f9e 1.5px, #32A0C2 3px);}






/* 緊急告知・終了の表示など
---------------------------------------------------- */
div.error {
	color: #333;
	border-radius: 4px;
	background-color: #FFFFFF;
	border: 2px solid #FFD404;
	padding: 0.5em 1em;
	margin: 1em 0;
}

.error .error-title {
	font-size: 1.2em;
	background: #FFD404;
	padding: 4px;
	margin: -0.5em -0.9em 0.5em;
	text-align: center;
	color: #333;
	font-weight: bold;
	border-radius: 4px 4px 0px 0px; /* 左上、右上、右下、左下 */
	letter-spacing: 0.02em;
}

@media (max-width: 768px) {
	div.error {
		color: #333;
		border-radius: 4px;
		background-color: #FFFFFF;
		border: 2px solid #FFD404;
		padding: 0.5em 0.4em;
		margin: 1em 0;
	}
	
	.error .error-title {
		font-size: 1.1em;
		background: #FFD404;
		padding: 4px;
		margin: -0.5em -0.4em 0.5em;
		text-align: center;
		color: #333;
		font-weight: bold;
		border-radius: 4px 4px 0px 0px; /* 左上、右上、右下、左下 */
		letter-spacing: 0.02em;
	}
}


/* pinkback 
---------------------------------------------------- */
div.error.pinkback {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #333;
	border-radius: 4px;
	background-color: #fff;
	border: 2px solid #f14b7d;
	padding: 0.5em 1em;
	margin: 1em 0;
}



.error.pinkback .error-title {
	font-size: 1.2em;
	background: #f14b7d;
	padding: 4px;
	margin: -0.5em -0.9em 0.5em;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border-radius: 4px 4px 0px 0px; /* 左上、右上、右下、左下 */
	letter-spacing: 0.02em;
}


@media (max-width: 768px) {
	div.error.pinkback {
		color: #333;
		border-radius: 4px;
		background-color: #FFFFFF;
		border: 2px solid #f14b7d;
		padding: 0.5em 0.4em;
		margin: 1em 0;
	}
	
	.error.pinkback .error-title {
		font-size: 1.1em;
		background: #f14b7d;
		padding: 4px;
		margin: -0.5em -0.4em 0.5em;
		text-align: center;
		color: #fff;
		font-weight: bold;
		border-radius: 4px 4px 0px 0px; /* 左上、右上、右下、左下 */
		letter-spacing: 0.02em;
	}
}



/* blueback
---------------------------------------------------- */
div.error.blueback {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #333;
	border-radius: 4px;
	background-color: #fff;
	border: 2px solid #42B0EC;
	padding: 0.5em 1em;
	margin: 1em 0;
}

.error.blueback .error-title {
	font-size: 1.2em;
	background: #42B0EC;
	padding: 4px;
	margin: -0.5em -0.9em 0.5em;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border-radius: 4px 4px 0px 0px; /* 左上、右上、右下、左下 */
	letter-spacing: 0.02em;
}


@media (max-width: 768px) {
	div.error.blueback {
		color: #333;
		border-radius: 4px;
		background-color: #FFFFFF;
		border: 2px solid #42B0EC;
		padding: 0.5em 0.4em;
		margin: 1em 0;
	}
	
	.error.blueback .error-title {
		font-size: 1.1em;
		background: #42B0EC;
		padding: 4px;
		margin: -0.5em -0.4em 0.5em;
		text-align: center;
		color: #fff;
		font-weight: bold;
		border-radius: 4px 4px 0px 0px; /* 左上、右上、右下、左下 */
		letter-spacing: 0.02em;
	}
}



div.error.pinkback .btn-danger {
  color: #fff;
  background-color: #F36993;
  border-color: #F36993;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}

div.error.pinkback .btn-danger:focus, div.error.pinkback .btn-danger.focus {
  color: #fff;
  background-color: #D53666;
  border-color: #D53666;
}

div.error.pinkback .btn-danger:hover {
  color: #fff;
  background-color: #D53666;
  border-color: #D53666;
}

div.error.pinkback .btn-danger:active, div.error.pinkback .btn-danger.active, div.error.pinkback .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #D53666;
  border-color: #D53666;
}

div.error.pinkback .btn-danger:active:hover, div.error.pinkback .btn-danger:active:focus, div.error.pinkback .btn-danger:active.focus, div.error.pinkback .btn-danger.active:hover, div.error.pinkback .btn-danger.active:focus, div.error.pinkback .btn-danger.active.focus, .open > div.error.pinkback .btn-danger.dropdown-toggle:hover, div.error.pinkback .open > .btn-danger.dropdown-toggle:focus, div.error.pinkback .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #D53666;
  border-color: #D53666;
}

div.error.pinkback .btn-danger:active, div.error.pinkback .btn-danger.active, div.error.pinkback .open > .btn-danger.dropdown-toggle {
  background-image: none;
}

div.error.pinkback .btn-danger.disabled, div.error.pinkback .btn-danger.disabled:hover, div.error.pinkback .btn-danger.disabled:focus, div.error.pinkback .btn-danger.disabled.focus, div.error.pinkback .btn-danger.disabled:active, div.error.pinkback .btn-danger.disabled.active, div.error.pinkback .btn-danger[disabled], div.error.pinkback .btn-danger[disabled]:hover, div.error.pinkback .btn-danger[disabled]:focus, div.error.pinkback .btn-danger[disabled].focus, div.error.pinkback .btn-danger[disabled]:active, div.error.pinkback .btn-danger[disabled].active, div.error.pinkback fieldset[disabled] .btn-danger, div.error.pinkback fieldset[disabled] .btn-danger:hover, div.error.pinkback fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, div.error.pinkback fieldset[disabled] .btn-danger:active, div.error.pinkback fieldset[disabled] .btn-danger.active {
  background-color: #D53666;
  border-color: #D53666;
}

.btn-square {
	border-radius: 0px;
}



/*===== blue =====*/
#content .notice .btn-blue {
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	background-color: #D2E6F3;
	border: 2px solid #3498db;
	font-size: 16px;
	font-weight: bold;
	padding: 9px 5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	line-height: 1.5;
}

#content .btn.btn-square {
	border-radius: 0;
}

#content .notice .btn-blue a.btn.label-blue {
	background-color: #3498db;
	color: #fff;
	font-size: 14px;
	vertical-align: middle;
	margin: 4px;
	top: 0px;
	line-height: 1.5;
	font-weight: bold;
	text-decoration: none;
	padding: .6em 1.3em .6em .6em;
	position: relative;
}

#content .notice .btn-blue a.btn.label-blue:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	color: #fff;
	font-weight: 600;
	font-size: 1.2em;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -11px;
}

#content .notice .btn-blue a.btn.label-blue:hover,
#content .notice .btn-blue a.btn.label-blue:active,
#content .notice .btn-blue a.btn.label-blue:focus {
	color: #fff;
	background-color: #007FD5;
}

@media (max-width: 768px) {
	#content .notice .btn-blue {
		font-size: 15px;
	}
	
	#content .notice .btn-blue .btn.label-blue {
	font-size: 12.5px;
	}
}

@media (max-width: 480px) {
	#content .notice .btn-blue {
		font-size: 14px;
	}
	
	#content .notice .btn-blue a.btn.label-blue {
	font-size: 12px;
	}
}



/*===== lightgreen =====*/
#content .notice a.btn-lightgreen {
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	background-color: #E2F9AF;
	border: 2px solid #8FC420;
	font-size: 16px;
	font-weight: bold;
	padding: 9px 5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#content .notice a.btn-lightgreen:hover,
#content .notice a.btn-lightgreen:active,
#content .notice a.btn-lightgreen:focus {
	color: #333333;
	background: #DBEDB5;
	border-color: #7FB60D;
}

#content .notice a.btn-lightgreen .label-outline.label-lightgreen {
	background-color: #7FB60D;
	color: #fff;
	font-size: 14px;
	vertical-align: middle;
	margin-left: 5px;
	top: 0px;
	line-height: 1.5;
	font-weight: bold;
}

#content .notice a.btn-lightgreen .label-outline.label-lightgreen:hover,
#content .notice a.btn-lightgreen .label-outline.label-lightgreen:active,
#content .notice a.btn-lightgreen .label-outline.label-lightgreen:focus {
	color: #fff;
	background-color: #65A400;
}

@media (max-width: 768px) {
	#content .notice a.btn-lightgreen {
		font-size: 13px;
	}
	#content .notice a.btn-lightgreen .label-outline.label-lightgreen {
	font-size: 12.5px;
	}
}

@media (max-width: 480px) {
	#content .notice a.btn-lightgreen {
		font-size: 12px;
	}
	
	#content .notice a.btn-lightgreen .label-outline.label-lightgreen {
	font-size: 12px;
	}
}


/*===== lightgreen2 =====*/
#content .notice .btn-lightgreen {
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	background-color: #E2F9AF;
	border: 2px solid #8FC420;
	font-size: 16px;
	font-weight: bold;
	padding: 9px 5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	line-height: 1.5;
}

#content .btn.btn-square {
	border-radius: 0;
}

#content .notice .btn-lightgreen a.btn.label-lightgreen {
	background-color: #7FB60D;
	color: #fff;
	font-size: 14px;
	vertical-align: middle;
	margin: 4px;
	top: 0px;
	line-height: 1.5;
	font-weight: bold;
	text-decoration: none;
	padding: .6em 1.3em .6em .6em;
	position: relative;
}

#content .notice .btn-lightgreen a.btn.label-lightgreen:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	color: #fff;
	font-weight: 600;
	font-size: 1.2em;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -11px;
}

#content .notice .btn-lightgreen a.btn.label-lightgreen:hover,
#content .notice .btn-lightgreen a.btn.label-lightgreen:active,
#content .notice .btn-lightgreen a.btn.label-lightgreen:focus {
	color: #fff;
	background-color: #65A400;
}

@media (max-width: 768px) {
	#content .notice .btn-lightgreen {
		font-size: 15px;
	}
	
	#content .notice .btn-lightgreen .btn.label-lightgreen {
	font-size: 12.5px;
	}
}

@media (max-width: 480px) {
	#content .notice .btn-lightgreen {
		font-size: 14px;
	}
	
	#content .notice .btn-lightgreen a.btn.label-lightgreen {
	font-size: 12px;
	}
}

.flex {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center; /** 真ん中寄せ **/
}

.d-block.d-sm-none {
	display: none;
}

@media (max-width: 480px) {
	.d-block.d-sm-none {
		display: block !important;
	}
}





/* -------------------------------------------------- *
 * topボタン関係
 * -------------------------------------------------- */
.topmenu {
	padding: 0 3px;
	margin-bottom: 12px;
}

.topmenu .btn {
	font-size: 2em;
	padding: 10px 5px;
	box-shadow: none;
	line-height: 1.2;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}

.topmenu .btn.noflex {
	font-size: 1.5em;
	display: inline-block;
	padding: 5px 5px;
	line-height: 1;
}

.topmenu .label {
	padding: 0.05em 1em;
	line-height: 1.5;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;
}

p.topmenu span.label.label-outline {
	line-height: 1.5;
}

@media (max-width: 768px) {
	.topmenu .btn {
		font-size: 1.3em;
		padding: 6px 5px;
		box-shadow: none;
	}
	.topmenu .btn.noflex {
	font-size: 1em;
	display: inline-block;
	padding: 5px 5px;
	line-height: 1.2;
}
}

/******************ボーダーボタン apua*******************/
.topmenu .btn.btn-aqua.btn-square {
	background: repeating-linear-gradient(to top, #62CFEE, #27A7CB, #32ACCE 4px, #75CCE4 3px);
	color: #FFF;
	border: solid 1px #fff;
	outline: solid 3px #27A7CB;
}

.topmenu .btn.btn-aqua.btn-square:hover,.topmenu .btn.btn-aqua.btn-square:active,.topmenu .btn.btn-aqua.btn-square:focus {
	background: repeating-linear-gradient(to top, #2FA6CB, #197f9e, #197f9e 4px, #32A0C2 3px);
	color: #FFF;
	border: solid 1px #fff;
	outline: solid 3px #197f9e;
	outline-offset: 0px;
}

/******************ボーダーボタン orange*******************/
.topmenu .btn.btn-orange.btn-square {
	background: repeating-linear-gradient(to top, #FBBE76, #FA9A28, #FFA52A 4px, #E7B661 3px);
	color: #FFF;
	border: solid 1px #fff;
	outline: solid 3px #FFA52A;
}

.topmenu .btn.btn-orange.btn-square:hover,.btn.btn-orange.btn-square:active,.topmenu .btn.btn-orange.btn-square:focus {
	background: repeating-linear-gradient(to top, #F9B168, #FC9327, #E97A1B 4px, #fba64f 3px);
	color: #FFF;
	border: solid 1px #fff;
	outline: solid 3px #FC9327;
	outline-offset: 0px;
}

/******************ボーダーボタン pink*******************/
.topmenu .btn.btn-pink.btn-square {
	background: repeating-linear-gradient(to top, #f95c5f, #f96366, #f9777a 4px, #f95c5f 3px);
	color: #FFF;
	border: solid 1px #fff;
	outline: solid 3px #f97a7c;
}

.topmenu .btn.btn-pink.btn-square:hover,.topmenu .btn.btn-pink.btn-square:active,.topmenu .btn.btn-pink.btn-square:focus {
	background: repeating-linear-gradient(to top, #f94d50, #f94d50, #FA676B 4px, #f94d50 3px);
	color: #FFF;
	border: solid 1px #fff;
	outline: solid 3px #f94d50;
	outline-offset: 0px;
}

/******************ボーダーボタン pink2*******************/
.topmenu .btn.btn-pink2.btn-square {
	background: repeating-linear-gradient(to top, #e95383, #E35381, #F5709B 4px, #E95383 3px);
	color: #FFF;
	border: solid 1px #fff;
	outline: solid 3px #e95383;
}

.topmenu .btn.btn-pink2.btn-square:hover,.topmenu .btn.btn-pink2.btn-square:active,.topmenu .btn.btn-pink2.btn-square:focus {
	background: repeating-linear-gradient(to top, #E14174, #DD4475, #F05D8D 4px, #E14174 3px);
	color: #FFF;
	border: solid 1px #fff;
	outline: solid 3px #E14174;
	outline-offset: 0px;
}

/******************ボーダーボタン green*******************/
.topmenu .btn.btn-green.btn-square {
	background: repeating-linear-gradient(to top, #56b550, #64C15E, #8CC689 4px, #56b550 3px);
	color: #FFF;
	border: solid 1px #fff;
	outline: solid 3px #56b550;
}

.topmenu .btn.btn-green.btn-square:hover,.topmenu .btn.btn-green.btn-square:active,.topmenu .btn.btn-green.btn-square:focus {
	background: repeating-linear-gradient(to top, #4D9D48, #4D9D48, #66BC60 4px, #4D9D48 3px);
	color: #FFF;
	border: solid 1px #fff;
	outline: solid 3px #4C9F46;
	outline-offset: 0px;
}

/******************ボーダーボタン purple*******************/
.topmenu .btn.btn-purple.btn-square {
	background: repeating-linear-gradient(to top, #6c4687, #6c4687, #a67bc4 4px, #6c4687 3px);
	color: #FFF;
	border: solid 1px #fff;
	outline: solid 3px #7d6191;
}

.topmenu .btn.btn-purple.btn-square:hover,.topmenu .btn.btn-purple.btn-square:active,.topmenu .btn.btn-purple.btn-square:focus {
	background: repeating-linear-gradient(to top, #60397b, #60397b, #795b8f 4px, #60397b 3px);
	color: #FFF;
	border: solid 1px #fff;
	outline: solid 3px #60397b;
	outline-offset: 0px;
}

/******************ボーダーボタン内のラベル*******************/
.topmenu .label-default.label-outline {
	background-color: #fff;
	border: solid 0px #666666;
}

/* apua */
.topmenu .btn-aqua .label-default.label-outline {
	color: #27A7CB;
}

/* orange */
.topmenu .btn-orange .label-default.label-outline {
	color: #FC9327;
}

/* pink */
.topmenu .btn-pink .label-default.label-outline {
	color: #f94d50;
}

/* pink2 */
.topmenu .btn-pink2 .label-default.label-outline {
	color: #E14174;
}

/* green */
.topmenu .btn-green .label-default.label-outline {
	color: #56b550;
}

.topmenu .btn-purple .label-default.label-outline {
	color: #6c4687;
}

.topmenu .label-default[href]:hover, .topmenu .label-default[href]:focus {
	color: #fff;
}



p.topmenu span.label.label-outline {
	display: inline-block;
	line-height: 1.2;
	padding: 0.2em 0.5em;
}





/* -------------------------------------------------- *
* Top画像
* -------------------------------------------------- */
#home {
	background-color: #fff;
	background-position: center 50px;
	background-size: auto;
	background-repeat: repeat;
	background-attachment: fixed;
	background-image: url(../images/top/top_p01.jpg);
	display:table;
	width: 100%;
	height: 450px;
	min-height: 450px;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	z-index: 1;
}

.parallax-overlay {
	position: absolute;
	left: 0;
	width: 100%;
	height: 450px;
	background-repeat: repeat;
	background-color: rgba(78, 76, 76, 0.27);
	z-index: 2;
}


@media(max-width:768px) {
	#home {
		background-position: center 50px;
		background-image: url("../images/top/top_p01_sp.jpg");
		height: 300px;
		min-height: 300px;
	}
	
	
	.parallax-overlay {
		position: absolute;
		left: 0;
		width: 100%;
		height: 300px;
		background-repeat: repeat;
		background-color: rgba(78, 76, 76, 0.27);
		z-index: 2;
	}
}

.home-content {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	height: 300px;
	z-index: 3;
}

h1.slide-logo {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	font-family: kan412typos-std, sans-serif;
	font-style: normal;
	font-size: 3em;
	margin: 0;
}


h2.slide-btm-text {
	text-align: center;
	margin: 30px 0;
	font-weight: 300;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	text-transform: uppercase;
}

.main-flex-slider {
	text-align: center;
	overflow: hidden;
}

.main-flex-slider p {
	color: #fff;
	margin-top: 10px;
}


@media(max-width:991px) {
	.main-flex-slider h1.slide-logo {
		font-size: 2.8em;
	}
}

@media(max-width:768px) {
	.main-flex-slider h1.slide-logo {
		font-size: 2em;
	}
	
	
	.main-flex-slider.subpage h1.slide-logo {
		font-size: 1.8em;
	}
}

@media(max-width:420px) {
	.main-flex-slider h1.slide-logo {
		font-size: 1.7em;
		margin: 0;
	}
}


@media(max-width:320px) {
	.main-flex-slider h1 {
		font-size: 1.8em;
		margin: 0;
	}
}





/* -------------------------------------------------- *
 * owlカルーセル(トップ画像下のバナー)
 * -------------------------------------------------- */
.owl-carousel .owl-pagination {
	text-align: center
}


.owl-carousel .owl-pagination .owl-page {
	position: relative;
	background: rgba(255,255,255,.7);
	display: inline-block;
	overflow: hidden;
	height: 6px;
	width: 6px;
	margin: 6px 4px;
	text-indent: -200%;
	z-index: 1000;
	border-radius: 6px;
	box-shadow: 0 0 1px rgba(17,17,17,.4);
	-webkit-transition: all .3s cubic-bezier(0,0,.58,1);
	transition: all .3s cubic-bezier(0,0,.58,1)
}


.owl-carousel .owl-pagination .owl-page.active {
	-webkit-transform:scale(1.3);
	transform:scale(1.3);
}


.image-slider img {
	width: 100%;
}


.image-slider.owl-carousel .owl-next,
.image-slider.owl-carousel .owl-prev {
	background: 0 0;
	position: absolute;
	height: 70px;
	width: 70px;
	top: 50%;
	margin-top: -35px;
	text-align: center;
	line-height: 70px;
	font-size: 36px;
	display: block;
	color: #fff;
}


.module-slides .slides-container,
.tms-slides blockquote p::after,
.tms-slides blockquote p::before {
	display: none
}


.image-slider.owl-carousel .owl-next span::before,
.image-slider.owl-carousel .owl-prev span::before {
	line-height: 68px;
}


.image-slider.owl-carousel .owl-prev {
	left: 15px;
}


.image-slider.owl-carousel .owl-next {
	right: 15px;
}


.image-slider .owl-pagination {
	margin-top: -28px;
}


.client {
	padding: 5px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}


.client:hover,
.team-item:hover .team-content,
.team-item:hover .team-content-social {
	opacity: 1;
}



.module-header.module-divider-bottom,
.module-page-title,
.module-sm.module-divider-bottom,
.module.module-divider-bottom {
	border-bottom: 1px solid #f2f2f2;
}


.module,
.module-header,
.module-sm {
	background-color: #eeeee;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding: 250px 0;
}


.module-header.module-divider-top,
.module-sm.module-divider-top,
.module.module-divider-top {
	border-top: 1px solid #f2f2f2;
}


.module,
.module-sm {
	padding: 40px 0;
}


.module-sm {
	padding: 5px 0;
}






/* -------------------------------------------------- *
 * 追加
 * -------------------------------------------------- */
#content.full {
	padding: 10px;
}

#container {
	padding-bottom: 0px;
}

.header-nav .container {
	padding-right: 0;
	padding-left: 0;
}


#content a {
	text-decoration: none;
}


#breadcrumb {
	display: none;
}


.content_full {
	margin: 0;
	padding: 0;
}


#container.pdng {
		padding-top: 0;
}


.kan412 {
	font-family: kan412typos-std, sans-serif;
}

.panel_inner {
	padding: 10px;
}






/** 01. top_button
 **************************************************************** **/
.top_button ul {
	display: -webkit-box;
	display: -moz-box;
	display: flexbox;
	display: flex;
	margin: 0;
	padding: 10px 0 5px;
	list-style: none;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
}
.top_button a, .top_button a:link, .top_button a:visited {
	text-decoration: none;
}
.top_button a:hover{
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}
.top_button li {
	display: inline-block;
	text-decoration: none;
	color: #000000;
	padding: 5px 3px;
	text-align: center;
	width: 25%;
	-webkit-box-flex: initial;
	-moz-box-flex: initial;
	-ms-flex: initial;
	flex: initial;
}
@media screen and (max-width: 991px){
	.top_button li {
		width: 50%;
	}
}
@media screen and (max-width: 768px){
	.top_button li {
		width: 50%;
	}
}
@media screen and (max-width: 480px){
	.top_button li {
		/*width: 14.2%;*/
		width: auto;
	}
}
.top_button li a {
	position: relative;
	display: block;
	text-align: center;
	border: 3px solid #3498db;
	padding:2px 5px 12px 5px;
	margin: 0 5px;
	box-sizing: border-box;
	font-weight: 600;
	text-transform: uppercase;
	-webkit-tap-highlight-color: transparent;
	transition: 0s ease-out;
	color: #232323;
	background-color: #fff;
}
.top_button li a .wrap{
  position:absolute;
  top:40%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}
.top_button li a:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	color: #3498db;
	font-weight: 600;
	font-size: 1.2em;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
}
.top_button li a:hover {
	background-color: rgba(52,152,219,0.20);
	border: 3px solid #3498db;
}
.top_button li a .user_icon:before {
	position:relative;
	top: 8px;
	right: 3px;
	content: url(../images/icon/01_user.svg);
	display: inline-block;
	width: 35px;
	height: 35px;
}
.top_button li a .user2_icon:before {
	position:relative;
	top: 8px;
	right: 3px;
	content: url(../images/icon/05_user.svg);
	display: inline-block;
	width: 35px;
	height: 35px;
}

.top_button li a .presen_icon:before {
	position:relative;
	top: 8px;
	right: 3px;
	content: url(../images/icon/02_presen.svg);
	display: inline-block;
	width: 35px;
	height: 35px;
}

.top_button li a .memo_icon{
	left: -10px;
	position: relative;
}

.top_button li a .memo_icon:before {
	position:relative;
	top: 8px;
	right: 3px;
	content: url(../images/icon/03_memo.svg);
	display: inline-block;
	width: 35px;
	height: 35px;
}

@media screen and (max-width: 768px){
.top_button li a .memo_icon{
	left: 0px;
	position: relative;
}

.top_button li {
	padding-top: 5px;
	margin-top: 0;
}

.top_button li a .wrap{
  position:relative;
	top:50%;
}
}

.top_button li a .house_icon:before {
	position:relative;
	top: 8px;
	right: 3px;
	content: url(../images/icon/04_house.svg);
	display: inline-block;
	width: 35px;
	height: 35px;
}

.top_button li a .cart_icon:before {
	position:relative;
	top: 8px;
	right: 3px;
	content: url(../images/icon/05_cart.svg);
	display: inline-block;
	width: 35px;
	height: 35px;
}

.top_button li a .document_icon:before {
	position:relative;
	top: 8px;
	right: 3px;
	content: url(../images/icon/06_document.svg);
	display: inline-block;
	width: 35px;
	height: 35px;
}


.top_button li a:hover:before{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.top_button li a:active:before{
	top: 7px;
	reft: -7px;
	width: 100%;
	height: 100%;
	z-index: -1;
}
@media (max-width: 480px) {
	.top_button ul{
		position: fixed;
		width: 100%;
		bottom:0px;
		padding: 0px 0 0px;
		z-index: 101;
		background-color: rgba(255,255,255,0.80);
		box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
	}
	.top_button li {
		margin: 3px auto;
	}
	.top_button li a {
		position: relative;
		border: 0px solid #232323;
		padding:0;
		margin: auto;
		box-sizing: border-box;
		font-weight: 600;
		text-transform: uppercase;
		text-decoration: none;
		color: #232323;
		text-align: center;
		line-height: 1.2;
		font-size: 9px;
		background-color: rgba(255,255,255,0.00);
		z-index: 1001;
	}


	.top_button li a:after {
		display: none;
	}
	.top_button li a:hover {
		background-color: rgba(255,255,255,0.80);
		border: 0px solid #3498db;
	}
	.top_button li a .user_icon:before {
		position:relative;
		margin: 0 auto 3px;
		top: 0px;
		right: 0px;
		content: url("../images/icon/01_user.svg");
		display: block;
		width: 35px;
		height: 35px;
	}
		.top_button li a .user2_icon:before {
		position:relative;
		margin: 0 auto 3px;
		top: 0px;
		right: 0px;
		content: url("../images/icon/05_user.svg");
		display: block;
		width: 35px;
		height: 35px;
	}
	.top_button li a .presen_icon:before {
		position:relative;
		margin: 0 auto 3px;
		top: 0px;
		right: 0px;
		content: url(../images/icon/02_presen.svg);
		display: block;
		width: 35px;
		height: 35px;
	}
	.top_button li a .memo_icon:before {
		position:relative;
		margin: 0 auto 3px;
		top: 0px;
		right: 0px;
		content: url(../images/icon/03_memo.svg);
		display: block;
		width: 35px;
		height: 35px;
	}

	.top_button li a .house_icon:before {
		position:relative;
		margin: 0 auto 3px;
		top: 0px;
		right: 0px;
		content: url(../images/icon/04_house.svg);
		display: block;
		width: 35px;
		height: 35px;
	}
	
		.top_button li a .cart_icon:before {
		position:relative;
		margin: 0 auto 3px;
		top: 0px;
		right: 0px;
		content: url(../images/icon/05_cart.svg);
		display: block;
		width: 35px;
		height: 35px;
	}
		.top_button li a .document_icon:before {
		position:relative;
		margin: 0 auto 3px;
		top: 0px;
		right: 0px;
		content: url(../images/icon/06_document.svg);
		display: block;
		width: 35px;
		height: 35px;
	}


}

/*===== TOP 緊急連絡ボタン =====*/
.topmenu {
	padding: 0;
	margin: 12px 0 ;
}
.topmenu .btn {
	font-size: 2em;
	box-shadow: none;
	line-height: 1.0;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.topmenu .label {
	padding: 0.05em 0.5em;
	line-height: 1.5;
	margin-left: 0px;
	margin-right: 5px;
	vertical-align: middle;
}
p.topmenu span.label.label-outline {
	line-height: 1.5;
}
@media (max-width: 768px) {
.topmenu .btn {
	font-size: 1.3em;
	padding: 0.5em 0;
	box-shadow: none;
}
}



/** 02. sitemap page2top 位置調整
 **************************************************************** **/
@media (max-width: 480px){
	#sitemap {
		padding: 0 0 130px 0;
		bottom:20px;
	}
	#global_footer {
		bottom: 95px;
	}
	#page2top {
		bottom: 90px;
		z-index: 9999;
	}
}
@media (max-width: 320px){
	#sitemap {
		padding: 0 0 130px 0;
	}
	#global_footer {
		bottom: 109px;
	}
}



.content_normal a {
	position: relative;
	padding: 20px 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	font-size: 19px;
}

@media (max-width: 768px) {
	.content_normal a {
		font-size: 15px;
	}
}