@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Oswald:200,300,400,500');

/* CSS Document */


/* ================= 目次 ======================

　1.  Header
		- 訪問者別ナビ
		- グローバルナビ［PC］
			> ドロップダウン（グローバルナビの親ulにclass="dropdown"）
			> メガドロップダウン（グローバルナビの親ulにclass="megaDropdown"）
		- グローバルナビ［MB］
		- サイド固定ボタン
　2.  Contents（共通箇所）
		- hタグ
		- サイドナビ
		- メインコンテンツ
		- ページトップ
  3.  Footer
		- フッター固定ナビ

============================================= */


/* ----------------------------------------------
  1.  Header
---------------------------------------------- */


@media screen and (max-width: 767px) {
header {
/*	height: 40px;*/
	height: auto;
}
header img.logo {
	max-height: 60px;
	max-width: 80%;
/*
		max-height: initial;
	max-width: initial;
*/
	vertical-align: middle;
}
}

/*--- osm header-main ----------*/
.un_header-main {
/*	background: url(../img/head_bg.jpg) left bottom repeat-x #fff;*/
		background: url(../img/bg_head_n.jpg) center bottom repeat-x #fff;
	
	padding-bottom: 19px;
/*	min-width: 1200px;*/
	position: relative;
	border-top: 1px solid #bfbfbf;
	
	z-index: 10000;
 

}
.un_header-main.fixed {
	position: fixed;
	top: 0;
	width: 100%;
}

.un_header-main__logo {
	width:30%;
	float: left;
	text-align: center;
	padding: 15px 10px;

}
.un_header-main__navi {
width:70%;
	float: right;
	border-left: 1px solid #bfbfbf;
}
	@media screen and (max-width: 767px) {
.un_header-main {
	min-width:inherit;
/*	display: none;*/
/*position: fixed;
	top: 0;

	z-index: 10000;*/

}
		.un_header-main__logo {
			width: 99%;
/*				padding: 10px 10px 5px 10px;*/
				padding: 15px 10px 10px 10px;
		}
		.un_header-main__navi {
			width: 1%;
}
		.un_header-main__logo img.logo {
/*			margin: 0 auto;*/
		}
}

/*--- osm header-sub ----------*/
.un_header-sub {
	font-size: 1rem;
	color: #666;
	line-height: 1;
	overflow: hidden;
	background: url(../img/head_bg2.jpg) repeat;
	padding: 0px;
}
.un_header-sub a {
	color: #666;
	opacity: 0.8;

}
.un_header-sub a:hover {
	color: #c71e21;
}
.un_header-sub li a img{
	opacity: 0.6;
}
.un_header-sub li a:hover img {
	opacity: 1;
}
.un_header-sub__mt{
	float: left;
	padding: 5px;
	
}
.un_header-sub__list {
	float: right;
	display: table;
}
.un_header-sub__list li {
/*	float: left;*/
	padding: 0 10px 0 0;
	vertical-align: middle;
	display: table-cell;
	height: 24px;
	font-weight: bold;
}
.un_header-sub__list li.tel{
	font-size: 1.2rem;
/*	background-color:#C1BDBD;
	padding: 0 10px;
	color: #fff;
*/
}
.un_header-sub__list li.tel a{
/*	color: #fff;*/
}
.un_header-sub__list li.tel a:before{
		content: "\f095";
		font-family: FontAwesome;
	margin-right: 5px;
	font-size: 1.2rem;
}

	@media screen and (max-width: 767px) {
.un_header-sub {
	display: none;
}
}


/*--- 訪問者別ナビ ----------*/

#navVisitor {
	background:none;
}
#navVisitor > ul {
	max-width: inherit;
	max-width: auto;
	margin: 0 auto;
}
#navVisitor > ul li a {
	display: block;
	float: left;
/*	width: 14.2857%;*/
		width: 12.5%;
	height: 30px;
	line-height: 30px;
	
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
}
#navVisitor > ul li a:before {
	content: none;
	font-family: FontAwesome;
	margin: 0 0;
}
#navVisitor > ul li a:hover {
	background: #f3f3f3;
}
#navVisitor > ul li.navVisitor__contact a span:before {

font-family: FontAwesome;
	content: "\f003";
	margin-right: 10px;
}
@media screen and (max-width: 767px) {
#navVisitor {
	display: none;
}
}


/*--- グローバルナビ［PC］ ----------*/

#un_navGlobal {
	background:none;
z-index: 10000;
	
	border-top: 1px solid #bfbfbf;
}
#un_navGlobal.fixed {
/*
	position: fixed;
	top: 0;
*/
	width: 100%;
}
#un_navGlobal > ul {
	max-width: inherit;
	max-width: auto;

	height: 75px;
	margin: 0 auto;
	*zoom: 1;
}
#un_navGlobal > ul li {
	float: left;
	width: 12.5%;
	height: 75px;
	border-right: 1px solid #bfbfbf;
	font-weight: bold;
}
#un_navGlobal > ul li:last-child {
	border-right: none;
}
#un_navGlobal > ul li a {
	display: block;
	background:none;
	height: 75px;
	font-size: 1.2rem;
	line-height: 1.4;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width:inherit;
	background: url(../img/link_u.png) no-repeat center bottom 5px;
}

#un_navGlobal > ul li a:before {
	content:none;
	margin: 0;
}
#un_navGlobal > ul li a:hover {
		background: url(../img/link_u.png) no-repeat center bottom 5px #f3f3f3;
	-webkit-transition: all .5s;
    transition: all .5s;
}

#un_navGlobal > ul:before,
#un_navGlobal > ul:after {
    content: " ";
    display: table;
}
#un_navGlobal > ul:after {
	clear: both;
}
@media screen and (max-width: 767px) {
#un_navGlobal {
	display: none;
}
}

/* ドロップダウン（ul class="dropdown"） */
#un_navGlobal > ul.dropdown > li ul,
#un_navGlobal > ul.dropdown > li:hover ul {
	top: 60px;
}
#un_navGlobal > ul.dropdown > li ul li,
#un_navGlobal > ul.dropdown > li ul li:last-child {
	width: 170%;
	height: 40px;
}
#un_navGlobal > ul.dropdown > li ul li a,
#un_navGlobal > ul.dropdown > li ul li:last-child a {
	height: 40px;
	line-height: 40px;
}

/* メガドロップダウン（ul class="megaDropdown"） */
#un_navGlobal > ul.megaDropdown > li ul,
#un_navGlobal > ul.megaDropdown > li:hover ul {
	top: 75px;
}
#un_navGlobal > ul.megaDropdown > li ul li {
/* display:table;
 border-collapse:collapse;
table-layout:fixed;
*/}
#un_navGlobal > ul.megaDropdown > li ul li a {
	display: block;
	width: auto;
 display: table-cell;
 vertical-align: middle;
height: 60px;
 width:900px;
 padding: 0;
}
#un_navGlobal > ul.megaDropdown > li ul li a .world {
font-size: 1rem;
color:#BBBBBB;
padding-left: 0.5em;
}
/*--- グローバルナビ［MB］ ----------*/

.hamburgerMenu {
	display: none;
		z-index: 10010;
	position: relative;
}
.hamburgerMenu .drawer-hamburger{
    top: 5px;
    right: 0
}

@media screen and (max-width: 767px) {
.hamburgerMenu {
	display: block;
}
.drawer-hamburger {
	z-index: 10002;
	width: 25px;
	height: 5px;
	padding: 9px 8px 26px;
	background: #000;
}
.drawer-hamburger:hover {
	background: #000;
}
.drawer-hamburger:after {
content: "MENU";
display: block;
position: absolute;
bottom: -12px;
left: 0;
background-color: #fff;
width: 40px;
padding: 1px 0;
font-size: 9px;
font-weight: bold;
}
@media screen and (max-width: 320px) {
.hamburgerMenu .drawer-hamburger{
    top: 0;
    right: 0
}
.drawer-hamburger {
	padding: 7px 8px 24px;
}
.drawer-hamburger:after {
content: "MENU";
display: block;
position: absolute;
bottom: -11px;
left: 0;
background-color: #fff;
width: 40px;
padding: 2px 0 1px 0 !important;
line-height: 1;
font-size: 9px;
font-weight: bold;
}
}

/*
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    position: absolute;
    top: -5px; 
    left: 0;
    content: ' '
}

.drawer-hamburger-icon:after {
    top: 5px
}
*/

.drawer--right .drawer-nav {
	right: -75%;
	width: 75%;
}
.drawer--right.drawer-open .drawer-hamburger {
	right: 75%;
}
	.drawer-nav {
	background: #fff;
		color: #000;
}

.drawer-nav a:hover {
	background:none;
}

.drawer-menu-item {
	padding: 10px;
	font-size: 1.4rem;
}
.drawer-menu-item:before {
	content: "\f105";
	font-family: FontAwesome;
	margin-right: 10px;
}
	
	
.drawer-menu a {
	border-bottom: 1px solid #ccc;
}
	.drawer-menu a:hover {
	background:#E1DCDC;
}

/*scroll しないので*/
	.drawer-nav .un_drawer_of{
	overflow:scroll ;
	-webkit-overflow-scrolling: touch;
}
	
/*追加style*/
/*.un_hamburgerMenu__bb {
	display: table;
	width: 100%;

}
.un_hamburgerMenu__bb li{
	display: table-cell;
	width: 33%;
}
	.un_hamburgerMenu__bb li img{
		width: 100%;
}*/
	

 .un_hamburgerMenu__bb {
}
.un_hamburgerMenu__bb > ul  {
display: table;
width: 100%;
line-height: 0;
margin: 0;
}
.un_hamburgerMenu__bb > ul li {
display:table-cell;
width: 33%;
margin: 0 0;
background: #FFF;
padding: 20px 5px;
	text-align: center;
}
.un_hamburgerMenu__bb > ul li a {
display: block;
font-size: 1.4rem;
font-weight: bold;
text-decoration: none;
color: #fff;
padding: 10px 0;
}
.un_hamburgerMenu__bb > ul li:nth-child(1){
background-color: #c71e21;
}
.un_hamburgerMenu__bb > ul li:nth-child(2){
background-color: #599245;
}
.un_hamburgerMenu__bb > ul li:nth-child(3){
background-color: #edd328;
}
.un_hamburgerMenu__bb > ul li:nth-child(3) a{
color:#5f3d1c;
}

.un_hamburgerMenu__bb > ul li:before{
content: "";
width: 20px;
height: 20px;
background: url(../img/ic_siryo.png) no-repeat ;
background-size: contain;
display: inline-block;
vertical-align: middle;
margin-bottom: 10px;
}
.un_hamburgerMenu__bb > ul li:nth-child(2):before{
content: "";
width: 20px;
height: 20px;
background: url(../img/ic_taiken.png) no-repeat ;
background-size: contain;

}
.un_hamburgerMenu__bb > ul li:nth-child(3):before{
content: "";
width: 20px;
height: 20px;
background: url(../img/ic_map.png) no-repeat ;
background-size: contain;

}



	
	
	
/* CVボタン */
.drawer-menu li.drawerCv > ul {
	margin: 10px 2% 0 2%;
}
.drawer-menu li.drawerCv > ul li {
	text-align: center;
	float: left;
	width: 48%;
	margin: 1%;
	background:#e3e3e3;
	border: none;
}
.drawer-menu li.drawerCv > ul li a {
	display: block;
	padding: 5% 5%;
		border: none;
}
	
.drawer-menu li.contact a:before {
content: "\f0e0";
		font-family: FontAwesome;
	margin-right: 10px;
}
.drawer-menu li.tel a:before {
	content: "\f095";
		font-family: FontAwesome;
	margin-right: 10px;
	
}
	

/* 訪問者別 */
.drawer-dropdown-menu {
	display: none;
	width: 100%;
	background-color: var(--drawer-dropdown-bgColor);
}
.drawer-dropdown a {
	display: block;
	font-weight: bold;
	padding: 10px;
}
.drawer-dropdown > a:after,
.drawer-dropdown.open > a:after {
	font-family: FontAwesome;
	float: right;
}
.drawer-dropdown > a:after {
	content: "\f196";
}
.drawer-dropdown.open > a:after {
	content: "\f147";
}
.drawer-dropdown > ul.drawer-dropdown-menu li a:before {
	content: "\f0da";
	font-family: FontAwesome;
	margin: 10px;
}
.drawer-dropdown > ul.drawer-dropdown-menu {
	transition: .2s ease-in-out;
}
.drawer-dropdown.open > ul.drawer-dropdown-menu {
	display: block;
}
.drawer-dropdown.open > ul.drawer-dropdown-menu > li a {
	padding: 5px;
}
.drawer-dropdown.open > ul.drawer-dropdown-menu > li a:hover {
	color: #FFF;
	text-decoration: none;
}
.drawer-dropdown-menu > li {
	width: 100%;
}
.drawer-dropdown-menu-item {
	line-height: 2.5rem;
	display: block;
	padding-right: calc(--drawer-gutter-x);
	padding-left: calc(--drawer-gutter-x) * 2);
}
.drawer-dropdown-menu-item:hover {
	color: var(--drawer-dropdown-hover-color);
	background-color: var(--drawer-dropdown-hover-bgColor);
}
}

/* hover line*/
#un_navGlobal > ul li a {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  overflow: hidden;
}
#un_navGlobal > ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #c71e21;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#un_navGlobal > ul li a:hover:before, #un_navGlobal > ul li a:focus:before, #un_navGlobal > ul li a:active:before {
  left: 0;
  right: 0;
}
/* //hover line*/
/* hover line*/
#navVisitor > ul li a {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  overflow: hidden;
		
}
#navVisitor > ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #c71e21;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#navVisitor > ul li a:hover:before, #navVisitor > ul li a:focus:before, #navVisitor > ul li a:active:before {
  left: 0;
  right: 0;
}
/* //hover line*/


/* ----------------------------------------------
  2.  Contener
---------------------------------------------- */

/*--- サイド固定ボタン2 ----------*/
#un_navFixedSide {
}
#un_navFixedSide > ul {
	position: fixed;
	top: 205px;
	right: -5px;
	z-index: 100;
		background-color: #000;
/*	padding: 3px;*/
}
body#top #un_navFixedSide > ul {
	top: 175px;
}


#un_navFixedSide > ul li {
	width: 93px;
	margin-bottom: 3px;
}
#un_navFixedSide > ul li:last-child {
	margin-bottom: 0;
}

	#un_navFixedSide ul li {
		position: absolute;
		border: 3px #000 solid;
	}
	#un_navFixedSide ul li img{
		max-width:none;
}
	.un_navFixedSide__1 {
	top:0;
		right: 0;
	}
	.un_navFixedSide__2 {
	top:113px;
		right: 0;
	}
	.un_navFixedSide__3 {
	top:226px;
		right: 0;
	}
	.un_navFixedSide__4 {
	top:339px;
		right: 0;
	}
 .un_navFixedSide__5 {
	top:452px;
		right: 0;
	}

@media screen and (max-width: 767px) {
#un_navFixedSide {
	display: none;
}
}


/*--- サイド固定ボタン ----------*/

#navFixedSide > ul {
	position: fixed;
	top: 180px;
	right: 0px;
	z-index: 10000;
}
#navFixedSide > ul li {
	width: 50px;
}
#navFixedSide > ul li:first-child {
	margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
#navFixedSide {
	display: none;
}
}


/*--- hタグ ----------*/

h1 {
	margin-bottom: 50px;
}
h2 {
	margin-bottom: 30px;
}
h3,
h4 {
	margin-bottom: 20px;
}
h1 {
	font-size: 3rem;
}
h2 {
	font-size: 2.2rem;
}
h3 {
	font-size: 1.8rem;
}
h4 {
	font-size: 1.6rem;
}

.un_title1,
.un_title1b{
	font-size: 4rem;
	font-weight: 300;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	color: #fff;
	margin-bottom: 30px;
}
.un_title1:after,
.un_title1b:after{
	content: "";
	display:block;
	width:50px;
	margin: 10px auto;
	border-bottom: 3px solid #fff;
}
.un_title1b {
	color: #000;
}
.un_title1b:after{
	border-color: #000;
}

.contents h1 {
	text-align: center;
		font-size: 3.5rem;




}
.contents h1:after{
	content: "";
	display:block;
	margin: 20px auto 0;
/* width:50px;
	border-bottom: 3px solid #000;*/
 background: url(../img/title_bg.png) no-repeat center top;
 background-size: auto 2px;
 width: 200px;
 height: 2px;
}
/*
.contents h2 {
	padding:10px 0 0 0;
	position:relative;
	line-height:1.2;
 
}
.contents h2:before {
	content:"";
	display:block;
	background:url(../img/head_bg2.jpg);
	height:10px;
	width:100%;
	position:absolute;
	bottom:2px;
	z-index:-1;
}
*/
.contents h2,
.un_title2{
 text-align: center;
 margin:0 auto 30px auto;
 border-bottom: 2px solid #000;
 border-top: 2px solid #000;
 padding: 15px 10px;
 position: relative;
}
.contents h2:after,
.un_title2:after{
 content: "";
 display: block;
 position: absolute;
/* border-bottom: 2px solid #c71e21;*/
 bottom: -2px;
 left: 0;
 right: 0;
 margin: auto;
 width: 80px;
 height: 2px;
 background-color: #c71e21;
 padding: 0 20px;
 border-left: 4px solid #fff;
 border-right: 4px solid #fff;
 z-index: 1;
}
.contents section:nth-of-type(2n) h2:after{
  background-color: #edd328;
}
.contents section:nth-of-type(3n) h2:after{
  background-color: #599245;
}
.contents section:nth-of-type(4n) h2:after{
  background-color: #c71e21;
}

/*h3相当*/
.un_title3{
position: relative;
background-color:#f2f2f2 ;
padding: 15px 10px 15px 30px;
overflow: hidden;
border-top: 1px solid #BBB;
border-bottom: 1px solid #BBB;

}
.un_title3:after {
 content: '';
 width: 20px;
 height: 2px;
 background-color: #c71e21;
 position: absolute;
 top: 50%;
 left: 0;
}
.contents :nth-of-type(2n) .un_title3:after {
 background-color:#FBB100;
}
.contents :nth-of-type(3n) .un_title3:after {
 background-color: #599245;
}
.contents :nth-of-type(4n) .un_title3:after {
 background-color: #c71e21;
}

.un_title4 {
 background-color: #000;
 padding: 5px 15px;
 color: #fff;
 font-weight: bold;
 margin-bottom: 20px;
}
.un_title5 {
	overflow: hidden;
	text-align: center;
}
.un_title5 span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
.un_title5 span::before,
.un_title5 span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 2px;
	background-color: #000;
}
.un_title5 span::before {
	right: 100%;
}
.un_title5 span::after {
	left: 100%;
}

@media screen and (max-width: 767px) {
h1 {
	margin-bottom: 30px;
}
h2,
h3,
h4 {
	margin-bottom: 20px;
}
h1 {
	font-size: 2.0rem;
}
h2 {
	font-size: 1.8rem;
}
h3 {
	font-size: 1.6rem;
}
h4 {
	font-size: 1.4rem;
}
 .contents h1 {
		font-size: 2.2rem;
  height: auto;
}
}



/*--- サイドナビ ----------*/



.layoutL nav#sNav,
.layoutR nav#sNav {

	/*max-width: 25%;*/
	max-width: 100%;
margin-bottom: 50px;
}
.layoutL nav#sNav {
	float: none;
	width:200px;
	margin-right: 10px;
 z-index: 1;

}
.layoutR nav#sNav {
	float: right;
	/*margin-left: 50px;*/
	margin-left: 5%;
 
 
}
nav#sNav > .sNavInner {
	width:200px;
/*	border:1px solid #000;*/
 background-color:#f2f2f2;
min-height: 70vh;

}
nav#sNav > .sNavInner .titSideNav a {
	display: block;
	padding:0 10px 10px 10px;
}
nav#sNav > .sNavInner ul li a {
	display:block;
 border-bottom: 1px solid #ccc;

	padding:25px 15px 25px 15px;
 color: #000;
}
nav#sNav > .sNavInner ul li a:hover {
 background-color:#fff;
  border-bottom: 2px solid #c71e21;
}
.titSideNav {
	background-color:#000;
	text-align:center;
	padding:20px 10px 20px 10px;
	
	 background-image:linear-gradient(
			-20deg,
		#313131 15%,
		#222222 15%, #222222 50%,
		#313131 50%, #313131 85%,
		#222222 
		);
	
	color: #fff;
}
.titSideNav a{
	color: #fff;
}
nav#sNav ul {
	margin:0px 0px;
}
nav#sNav > .sNavInner .titSideNav a{
	background:url(../img/bg_sh_b.jpg) ;
	font-size:1.6rem;
	font-weight:bold;
}
nav#sNav > .sNavInner .titSideNav a:before{
	content:"MENU";
	display:block;
	background-color: #c71e21;
	font-size:1rem;
	margin:0 auto;
	width:4em;
	color:#fff;
	font-weight: bold;
 margin-bottom: 1em;
}
nav#sNav > .sNavInner ul li a {
/*	background:url(../img/ic_allow.png) no-repeat right center;*/
	background-size:15px;
}
/*active */
nav#sNav ul li a.un_active {
/*	background-color:#E2F7F8 !important;
	border:1px solid #ccc;*/
 
 background-color:#fff;
  border-bottom: 2px solid #c71e21;

	/*border-bottom:3px solid #000 !important;*/
}

/*下層*/
nav#sNav ul.menu_l2 li a {
	padding:10px 15px 10px 25px;
 font-size: 1.2rem;
}
nav#sNav ul.menu_l2 {
 display: none;
}


@media screen and (max-width: 767px) {
 nav#sNav > .sNavInner {
min-height:inherit;

}
.layoutL nav#sNav,
.layoutR nav#sNav {
	display: block;
	width:100%;
	max-width:100%;
	float:none;
}
nav#sNav > .sNavInner {
width:100%;
}
nav#sNav > .sNavInner ul li  {
/*	border-bottom:1px solid #ccc;*/
	font-size:1.4rem;
}
nav#sNav > .sNavInner ul li:last-child {
	border-bottom:none;
}
nav#sNav li a.un_active {
	/*background-color:#E2F7F8 !important;
	margin:0 0px;
	border:none;
 */
  background-color:#fff;
  border-bottom: 2px solid #c71e21;
  

}
 nav#sNav > .sNavInner ul li a {
	padding:10px;
}
 nav#sNav ul.menu_l2 li a {
	padding:10px 10px 10px 20px;
 font-size: 1rem;
}
 .titSideNav {
	padding:10px;
 }
}


/*--- メインコンテンツ ----------*/

.layoutL .contents,
.layoutR .contents,
{
	/*width: 700px;*/
	/*width: 75%;*/


/*	margin-bottom: 60px;*/
}
.layoutL .contents {
	float: none;
}
.layoutR .contents {
	float: none;
}


.layoutL .contents,
.layoutR .contents {

	width: 70%;
	margin-bottom: 50px;
}
.layoutL .contents {
/*	float: right;*/
	float: none;
}
.layoutR .contents {
	float: left;
}
@media screen and (max-width: 767px) {
.layoutL .contents,
.layoutR .contents {
	width: 100%;
 float: none;
}
}



/*--- メインコンテンツ カラムリキッド調整  un----------*/

.un_content-wrap {
	float:right;
	width:100%;
	margin-left: -240px;
}
.layoutL .contents{
	width:auto;
	margin-left:240px;
}
@media screen and (max-width: 767px) {
	.un_content-wrap  {
		float:none;
		margin-left:0;
	}
	.layoutL .contents{
	width:auto;
	margin-left:0;
}
}



/*--- ページトップ ----------*/

#pageTop {
	position: fixed;
	right: 0;
	bottom: 10%;
	width: 40px;
	height: 40px;
	background: #000;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
z-index: 10001;
 display: none;
}
#pageTop a {
	position: relative;
	display: inline-block;
	padding-left: 20px;
}
#pageTop a:before {
	content: '';
	width: 15px;
	height: 15px;
	border: 0px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -2px 2px;
}
#pageTop:hover {
	background:#1E1E1E;
}
@media screen and (max-width: 767px) {
#pageTop {
	right: 0;
	bottom: 70px;
}
}



/* ----------------------------------------------
  3.  Footer
---------------------------------------------- */
footer {
	background-color: #202020;
	height: auto;
	padding: 40px 0 80px;
	color: #A49D9D;
	text-align: center;
	font-size: 1.2rem;
 
/* margin-top: 60px;*/
}
footer a,
footer a:link,
footer a:visited{
	color: #A49D9D;
	text-decoration: underline;
}
footer a:hover {
text-decoration: none;
	color: #fff;
}
footer .logoF {
margin: 0 0 10px 0;
}
.un_footer_school {
	width: 90%;
	margin: 0 auto 30px auto;
	font-size: 1.4rem;
	
}
.un_footer_school__osm {
/*	float: left;
	margin: 0 2%;
 */
	width: 46%;
 margin: 0 auto;

}
.un_footer_school__da {
	float: right;
	width: 46%;
		margin: 0 2%;
}
.un_footer_common {
	padding: 20px 0;
	border-top: 1px dashed #999;
		border-bottom: 1px dashed #999;
}

@media screen and (max-width: 767px) {
footer {
	padding-bottom: 90px;
  margin-top: 0;
}
}

footer ul.contact li {
	float: none;
	display: inline-block;
	margin-right: 20px;
}
footer ul.contact li:before,
footer ul.contact li a:before {
	font-family: FontAwesome;
	margin-right: 10px;
}
footer ul.contact li.tel a:before {
	content: "\f095";
}
footer ul.contact li.fax:before {
	content: "\f1ac";
}
footer ul.contact li.mail a:before {
	content: "\f0e0";
}

footer small {
	font-size: 1.1rem;
	margin-top: 10px;
	display: block;
}

@media screen and (max-width: 767px) {
footer .container img.logoF {
	width: 80%;
	margin: 0 auto 10px auto;
	display: block;
}
footer ul.contact li {
	float: none;
	display: inline;
}
footer address,
footer ul.contact li,
footer small {
	text-align: center;
	width: 100%;
}
	
.un_footer_school {
	width: auto;
	margin: 0 auto 30px auto;

	
}
.un_footer_school__osm {
	float: none;
	width: auto;
	margin: 0;
	margin-bottom: 30px;
}
.un_footer_school__da {
	float: none;
	width: auto;
	margin: 0;
}
.un_footer_common {
	padding: 20px 0;
	border-top: 1px dashed #999;
		border-bottom: 1px dashed #999;
}
	
}


/*--- フッター固定ナビ（PC） ----------*/

footer #fixedFoot {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 10px 0;
	background: #000;
	z-index: 10000;
	text-align: center;
	display: none;
}
footer #fixedFoot nav{
	width: 1200px;
	margin: 0 auto;
}
footer #fixedFoot nav ul li{
	float: left;
}
footer #fixedFoot nav ul li{
	margin-right: 24px;}
footer #fixedFoot nav ul li:last-child{
	margin-right: 0;
}
@media screen and (max-width: 767px) {
footer #fixedFoot {
	display: none;
}
}


/*--- フッター固定ナビ（MB） ----------*/

@media screen and (min-width: 768px) {
footer #navFixedFoot {
	display: none !important;
}
}
@media screen and (max-width: 767px) {
footer #navFixedFoot {
	display: block;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 5px 0;
	background: #000;
z-index: 9999;
 display: none;
}
	footer #navFixedFoot > ul  {
		display: table;
		width: 100%;
		line-height: 0;
		margin: 0;
	}
footer #navFixedFoot > ul li {
	display:table-cell;
	margin: 0 0;
	background: #FFF;
/*
 	width: 33%;
	padding: 10px 5px;
*/
 	width: 25%;
	padding: 10px 3px;
}
footer #navFixedFoot > ul li a {
	display: block;
	font-size: 1.2rem;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	padding: 5px 0;
}
footer #navFixedFoot > ul li:nth-child(1){
	background-color: #c71e21;
}
	footer #navFixedFoot > ul li:nth-child(2){
	background-color: #599245;
}
	footer #navFixedFoot > ul li:nth-child(3){
	background-color: #edd328;
}
		footer #navFixedFoot > ul li:nth-child(3) a{
		color:#000;
}
		footer #navFixedFoot > ul li:nth-child(4) {
  	background-color:rgba(185,185,185,1.00);
}
		footer #navFixedFoot > ul li:nth-child(4)  a{
		color:#000;
}
	
		footer #navFixedFoot > ul li a:before{
		content: "";
		width: 20px;
		height: 20px;
		background: url(../img/ic_siryo.png) no-repeat ;
		background-size: contain;
		display: inline-block;
		vertical-align: middle;
		margin-right: 5px;
	}
footer #navFixedFoot > ul li:nth-child(2) a:before{
		content: "";
		width: 20px;
		height: 20px;
		background: url(../img/ic_taiken.png) no-repeat ;
		background-size: contain;

	}
	footer #navFixedFoot > ul li:nth-child(3) a:before{
		content: "";
		width: 20px;
		height: 20px;
		background: url(../img/ic_map.png) no-repeat ;
		background-size: contain;

	}
 	footer #navFixedFoot > ul li:nth-child(4) a:before{
		content: "";
		width: 20px;
		height: 20px;
		background: url(../img/ic_tel.png) no-repeat ;
		background-size: contain;

	}
	
}
/*iphone 5*/
@media screen and (max-width: 320px) {
 	footer #navFixedFoot > ul li a:before{
		content: "";
		width: 15px;
		height: 15px;

	}
 
footer #navFixedFoot > ul li a {
	font-size: 1rem;
}
footer #navFixedFoot > ul li {
	padding: 10px 3px;
}
}

/*footer etc*/

.un_footer_sns {
	margin-bottom: 40px;

}
.un_footer_sns li{
	display: inline-block;
	margin: 0 10px;

}
.un_footer_sns li img {
	width: 30px;
	height: auto;
}
@media screen and (max-width: 767px) {
	.un_footer_sns li img {
	width: 40px;
	height: auto;
}
}

.un_contatct_btn {
	display: table;
	width: 100%;
	margin: 20px 0;
}
.un_contatct_btn li{
	display: table-cell;
	width: 50%;

}
.un_contatct_btn li a{
	display: block;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	background-color: #4B4949;
	text-decoration: none;
	margin-right: 2px;
	font-size: 1.4rem;
}
.un_contatct_btn li:nth-child(2n) a{
	margin-right: 0;
}
.un_contatct_btn li a:before {
font-family: FontAwesome;
	margin-right: 10px;
	}

.un_contatct_btn li:nth-child(1) a:before {
content: "\f0e0";
}
.un_contatct_btn li:nth-child(2) a:before {
	content: "\f095";
	
}

/* ----------------------------------------------
　OSM etc
---------------------------------------------- */
/*youtube*/
.un_youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.un_youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* ----------------------------------------------
BxSlider調整
---------------------------------------------- */

/*BxSlider*/
.bx-wrapper .bx-next,
.bx-wrapper .bx-prev {
		/*background: url(../../img/bxslider/controls.png) no-repeat 0 -32px;*/
	background:none;


	width: 50px !important;
	height: 80px !important;
	background: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

	position: relative;
display: inline-block;
padding-left: 0px;

opacity:0.4;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-prev:hover {
	opacity:1;
}
.bx-wrapper .bx-next:before,
.bx-wrapper .bx-prev:before {
		content: '';
	width: 45px;
	height: 45px;
	border: 0px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	position: absolute;
	top: 20px;
	left: 20px;
}
.bx-wrapper .bx-next:before {
		content: '';
	width: 45px;
	height: 45px;
	border: 0px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 20px;
	left: -10px;
}


.bx-wrapper .bx-pager.bx-default-pager a {
	background: #000;
	width: 10px;
	height: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}



/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 30px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background:#C11920;
}

/**/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: 15px;
}
.bx-wrapper {
	margin-bottom:0;
}
.bx-wrapper .bx-prev {
	left: -64px;
}

.bx-wrapper .bx-next {
	right: -64px;
}

.bx-wrapper .bx-controls-direction a {
	margin-top: -40px;
}

.un_pager-wrap {
	background-color:#fff;
	display:inline-block;
	padding:10px;
	border-radius:4px;
	line-height:1;
}
@media screen and (max-width: 767px) {
	.bx-wrapper .bx-prev {
	left: -25%;
}
	.bx-wrapper .bx-viewport {
	padding: 0;
}


.bx-wrapper .bx-next {
	right: -25%;
}
}
/**/
/* ----------------------------------------------
column（float） 追加 [un_clm]
---------------------------------------------- */
/*ul.clm2w-1 > li, .clm2w-1 > dl, .clm2w-1 > div,
ul.clm2w-2 > li, .clm2w-2 > dl, .clm2w-2 > div { width:   47%; margin-right: 6%; }
*/
ul.un_clm.clm2-1 > li, .un_clm.clm2-1 > dl, .un_clm.clm2-1 > div,
ul.un_clm.clm2-2 > li, .un_clm.clm2-2 > dl, .un_clm.clm2-2 > div { width:   48%; margin-right: 4%; }
	ul.un_clm.clm2-1 > li:nth-child(2n), .un_clm.clm2-1 > dl:nth-child(2n), .un_clm.clm2-1 > div:nth-child(2n),
	ul.un_clm.clm2-2 > li:nth-child(2n), .un_clm.clm2-2 > dl:nth-child(2n), .un_clm.clm2-2 > div:nth-child(2n) { margin-right: 0; }

@media screen and (max-width: 767px) {
ul.un_clm.clm2-1 > li, .un_clm.clm2-1 > dl, .un_clm.clm2-1 > div
{ width: 100%; margin-right:  0; }
}


/* ----------------------------------------------
BG
---------------------------------------------- */
.un_bg1 {
	 background-image:linear-gradient(
			-10deg,
		#b42e36 15%,
		#ec0321 15%, #ec0321 50%,
		#b42e36 50%, #b42e36 85%,
		#ec0321 85%, #ec0321
			);
}
@media screen and (max-width: 767px) {
.un_bg1 {
			 background-image:linear-gradient(
			-10deg,
		#b42e36 60%,
		#ec0321 60%, #ec0321 80%,
		#b42e36 80%, #b42e36 95%,
		#ec0321 95%, #ec0321
			);
}
}

	.un_bg2 {
	 background-image:linear-gradient(
			-10deg,
		#313131 15%,
		#222222 15%, #222222 50%,
		#313131 50%, #313131 85%,
		#222222 85%, #222222
			);
}
.un_bg2 {
	color: #fff !important;
}
.un_bg2 a{
	color: #fff;
}
@media screen and (max-width: 767px) {
.un_bg2 {
			 background-image:linear-gradient(
			-10deg,
		#313131 60%,
		#222222 60%, #222222 80%,
		#313131 80%, #313131 95%,
		#222222 95%, #222222
			);
}
}
	.un_bg3 {
	 background-image:linear-gradient(
			-10deg,
		#599245 15%,
		#44802f 15%, #44802f 50%,
		#599245 50%, #599245 85%,
		#44802f 85%, #44802f
			);
}
@media screen and (max-width: 767px) {
.un_bg3 {
			 background-image:linear-gradient(
			-10deg,
		#599245 60%,
		#44802f 60%, #44802f 80%,
		#599245 80%, #599245 95%,
		#44802f 95%, #44802f
			);
}
}
	.un_bg4 {
	 background-image:linear-gradient(
			-10deg,
		#edd328 15%,
		#edb50c 15%, #edb50c 50%,
		#edd328 50%, #edd328 85%,
		#edb50c 85%, #edb50c
			);
}
@media screen and (max-width: 767px) {
.un_bg4 {
			 background-image:linear-gradient(
			-10deg,
		#edd328 60%,
		#edb50c 60%, #edb50c 80%,
		#edd328 80%, #edd328 95%,
		#edb50c 95%, #edb50c
			);
}
}

/* ----------------------------------------------
etc [追加classなど]
---------------------------------------------- */
.un_bgKey {
	background: #F9E2E2;
}
.un_bgKey2 {
	background:#E3F6E4;
}
.un_colorKey {
	color:#c71e21;
}
.un_colorKey__d{
	color:#9c2f31;
}
.un_colorKey2 {
	color:#599245;
}
.un_colorKey3 {
	color:#edd328;
}

/*スマホ改行*/
@media screen and (min-width: 376px) {
.un_br_sp {
	display:none;
}
}
@media screen and (max-width: 767px) {
.un_br_pc {
	display:none;
}
}
.un_floatOver{
	overflow:hidden;
	_zoom:1;
}
.un_ic_1 {
 background-color: #FDBFC0;
 color: #F7B1B3;
 padding: 10px;
 display: inline-block;
 line-height: 1;
}
.un_ic_2 {
 background-color: #000;
 color: #fff;
 padding: 5px;
 display: inline-block;
 line-height: 1;
 margin: 0 5px;
}

/* ----------------------------------------------
カテゴリ index
---------------------------------------------- */

.un_pagehead {
 background:url(../img/cat_img.jpg) no-repeat center top;
 background-size:cover;
 height: 710px;
 text-align: center;
 color: #fff;
 	text-shadow: 1px 1px 6px rgba(0,0,0,0.8);
/* margin-bottom: 30px;*/
 position: relative;
 overflow: hidden;
}
.un_pagehead:before,
.un_pagehead:after{
   content: "";
 display: block;
width: 50%;
  height: 49%;
  position:absolute;
 z-index: 2;
 bottom:-10%;
 right: 0;
  background: transparent;
 }
 .un_pagehead:before{
 right: 0;
 background-image: linear-gradient(15deg, #fff 50%, transparent 0);
 }
.un_pagehead:after {
 left: 0;
 background-image: linear-gradient(-15deg, #fff 50%, transparent 0);
}


/*.un_pagehead {
 background:url(../img/cat_img.jpg) no-repeat center bottom;
 background-size:cover;
 height: 710px;
 text-align: center;
 color: #fff;
 	text-shadow: 1px 1px 6px rgba(0,0,0,0.8);
 margin-bottom: 30px;
 position: relative;
}
.un_pagehead:after {
 content: "";
 display: block;
 border: 1px solid red;
width: 100%;
  height: 710px;
  position:absolute;
 z-index: 2;
 bottom:0;
  background: transparent;
 background-image: linear-gradient(-45deg, #f00 50vw, transparent 0);


 
}*/


.un_pagehead__inner {
  position: absolute;
 z-index: 10;
 width: 85%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -80%); /* Safari用 */
  transform: translate(-50%, -80%);

}
.un_pagehead__inner h1{
 margin-bottom: 0;
 
}

.un_pagehead .un_pagehead__st{
	font-size: 10rem;
	font-weight: 300;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	color: #fff;
 line-height: 1.3;
}
.un_pagehead .un_pagehead__st:after{
	content: "";
	display:block;
	width:50px;
	margin: 1rem auto 1rem auto; 
	border-bottom: 3px solid #fff;
}
.un_pagehead .un_pagehead__mt{
 display: block;
 position: relative;
	font-size: 3rem;
 margin-bottom: 20px;
}

.un_pagehead__inner p{
 font-size: 2.3rem;
}
.un_pagehead + div,
.un_pagehead + section,
.un_pagehead + article{
 margin-top: -50px !important;
 position: relative;
  z-index: 11;
}
.un_pagehead__link {
}
.un_pagehead__link a{
display: inline-block;
padding: 5px 10px 5px 25px;
color: #000;
background: url(../img/link_u.png) no-repeat left 10px center #fff;
margin: 0 10px 10px 10px;
text-shadow:none;
border-radius: 4px;
font-size: 1.4rem;

}
.un_pagehead__link a:hover{
background-color: #000;
color: #fff;


}
@media screen and (max-width: 767px) {
 .un_pagehead {
   background-size:cover 100%;
height: 500px;
/* height: 80vh;*/
/*  height: 0;
  padding-top: 100%;*/
   margin-bottom: 0px;
}
.un_pagehead .un_pagehead__st{
 font-size: 5rem;
 }
.un_pagehead .un_pagehead__mt{
 font-size: 2rem;
 }
 .un_pagehead__inner p{
  font-size: 1.4rem;
 }
.un_pagehead__inner {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -60%); /* Safari用 */
  transform: translate(-50%, -60%);
}
.un_pagehead__link a{
font-size: 1.2rem;
}
}

/* ----------------------------------------------
2 colum
---------------------------------------------- */
/*---------- 2 colum bg ----------*/
.un_page2colum {
background:url(../img/columbg.gif) center 0 repeat-x;
}
@media screen and (max-width: 767px) {
.un_page2colum {
background: none
}
.un_page2colum .contents h1{
background:url(../img/columbg_sp.gif) center 0 repeat-x;
background-size:cover;
padding: 20px 0;

}
.un_page2colum .un_breadcrumb-wrap {
margin-bottom: 0;
}

}

/*---------- 2 colum title ----------*/
.un_page-mv {
 margin-bottom: 60px;
 background-color: #c71e21;
}
@media screen and (max-width: 767px) {
.un_page2colum .un_page-mv {
/*スマホで上部余白トル*/
margin-top: -30px;
}
}

.un_page-mv__img {
 position: relative;
}
.un_page-mv__img:before,
.un_page-mv__img:after{
   content: "";
 display: block;
width: 50%;
  height: 39%;
  position:absolute;
 z-index: 2;
 bottom:0%;
 right: 0;
  background: transparent;
 }
 .un_page-mv__img:before{
 right: 0;
 background-image: linear-gradient(15deg, #c71e21 50%, transparent 0);
 }
.un_page-mv__img:after {
 left: 0;
 background-image: linear-gradient(-15deg, #c71e21 50%, transparent 0);
}
.un_page-mv__t {
 text-align: center;
 position: relative;
 z-index: 3;
 margin-top:-90px;
/* background-color: #c71e21;*/
 padding: 0 10px 30px 10px;

}

.un_page-mv__t .un_page-mv__t__h{
 font-size: 2.8rem;
 color: #fff;
 line-height: 1.3;
 margin: 20px 0 20px 0;
  border: none;
 padding: 0;
 
}
.un_page-mv__t .un_page-mv__t__p{
 font-size: 2.2rem;
 color: #000;
}
.un_page-mv__t .un_page-mv__t__h:before,
.un_page-mv__t .un_page-mv__t__h:after{
 content:inherit;
}

/*green*/
.un_page-mv.un_page-mv__green {
 margin-bottom: 60px;
 background-color: #599245;
}
.un_page-mv__green .un_page-mv__img:before{
 right: 0;
 background-image: linear-gradient(15deg, #599245 50%, transparent 0);
 }
.un_page-mv__green .un_page-mv__img:after {
 left: 0;
 background-image: linear-gradient(-15deg, #599245 50%, transparent 0);
}


@media screen and (max-width: 767px) {
 .un_page-mv__t .un_page-mv__t__h{
 font-size: 1.8rem;
}
.un_page-mv__t .un_page-mv__t__p{
 font-size: 1.6rem;
}
 .un_page-mv__t {
 margin-top: -2em;
}
 
}

/* ----------------------------------------------
box
---------------------------------------------- */
.un_box0 {
	border: 1px solid #ccc;
	padding:20px 20px;
 background-color: #fff;
}
.un_box1 {
	background-color:#FBF1D8;
	padding:20px;
}
.un_box1__t {
	font-size:1.6rem;
	margin-bottom:15px;
	background-color:#F5C00D;
	padding:5px 10px !important;
	line-height:1.2;
	color:#fff;
	font-weight:bold;
}
.un_box2 {
	background-color:#EBF9E1;
	padding:20px;
}
.un_box2__t {
	font-size:1.6rem;
	margin-bottom:15px;
	background-color:#599245;
	padding:5px 10px  !important;
	line-height:1.2;
	color:#fff;
	font-weight:bold;
}
.un_box1__t:before,
.un_box2__t:before {
	content:none;
}



.un_box_st {
 background-image: linear-gradient(
 -45deg,
 #fff 25%,
 #ccc 25%, #ccc 50%,
 #fff 50%, #fff 75%,
 #ccc 75%, #ccc
 );
 background-size: 7px 7px;
 padding: 20px;
}
.un_box_st__inner {
 background-color: #fff;
  padding: 20px;
}

@media screen and (max-width: 767px) {
 .un_box_st {
  padding: 10px;
 }
  .un_box_st__inner{
  padding: 20px 10px;
  }
}

/* ----------------------------------------------
スマホ用 幅100%につきぬけ
---------------------------------------------- */
@media screen and (max-width: 767px) {
 nav#sNav,
.layoutL nav#sNav,
.layoutR nav#sNav,
.un_page-mv,
/*.contents h1,*/
.un_sp_wf{
  margin-left:-2%;
  margin-right: -2%;
  max-width:inherit;
 width: auto;
}
}

/* ----------------------------------------------
swiper
---------------------------------------------- */

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
/* #c71e21に変更*/
/*    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23c71e21'%2F%3E%3C%2Fsvg%3E");
*/
 background: none;

 left: 0;
    right: auto;
 }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
 /* #c71e21に変更*/
/*    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23c71e21'%2F%3E%3C%2Fsvg%3E");*/
 background: none;
    right: 0;
    left: auto;
      
}

.swiper-button-prev,
.swiper-button-next{
 width: 45px;
		height: 90px;
}

.swiper-button-prev:before,
.swiper-container-rtl .swiper-button-next:before,
.swiper-button-prev:before,
.swiper-container-rtl .swiper-button-next:before{
		content: '';
		width: 45px;
		height: 45px;
		border: 0px;
		border-top: 2px solid #c71e21;
		border-right: 2px solid #c71e21;
		-ms-transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
		position: absolute;
		top: 20px;
		left:10px;
}
.swiper-button-next:before,
.swiper-container-rtl .swiper-button-prev:before{
		content: '';
	width: 45px;
	height: 45px;
	border: 0px;
	border-top: 2px solid #c71e21;
	border-right: 2px solid #c71e21;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 20px;
	left:-10px;
}

/* ----------------------------------------------
footer 資料
---------------------------------------------- */

.footer_siryo {
margin-top: 60px;
text-align: center;
padding: 60px 10px;
}
body#top .footer_siryo {
display: none;
}
.footer_siryo .container {
background: url(../img/panf.png) no-repeat 0 0;
width: 900px;
margin: 0 auto;
color: #fff;
}
.footer_siryo .footer_siryo__t {
margin-bottom: 25px;
}
.footer_siryo p{
font-weight: bold;
}
.footer_siryo .btnOther{
margin-top: 20px;
background-color:#edd328;
color: #000;

}
.footer_siryo .btnOther:hover{
background-color:#000;
color: #edd328;

}
@media screen and (max-width: 767px) {
.footer_siryo .container {
width: 95%;
}
.footer_siryo .container {
background: none
}
.footer_siryo .footer_siryo__t img {
width: 180px;
height: auto;
}
.footer_siryo p{
background: url(../img/panf.png) no-repeat 0 0;
background-size: 80px auto;
padding: 10px 0 30px 100px;
}

}


a.un_liink__txt {
text-decoration: underline;
color: #c71e21;
}

.un_mailmaga {
text-align: center;
padding: 20px 0;
border-top: 1px dashed #999;
}

.un_mailmaga a {
display: inline-block;
border: 1px solid #ccc;
padding: 10px 30px;
line-height: 1;
color: #000;
font-size: 14px;
text-decoration: none !important;
font-weight:bold;
border-radius: 4px;
}
.un_mailmaga a:before{
	font-family: FontAwesome;
	margin-right: 10px;
 content: "\f0e0";

}


/*iphone 5*/
@media screen and (max-width: 320px) {
/*body{
overflow: hidden !important;
}*/
html,
body {
	overflow-x: hidden;
	
}
}
/*201706*/
.simaiko {
padding: 20px 0;
}
.simaiko a{
color: #000;
}

/*instagram*/
#un_instagram {
}
#un_instagram li{
float: left;
width: 16.6%;
}
#un_instagram li img{
width: 100%;
}
@media screen and (max-width: 767px) {
#un_instagram li{
float: left;
width: 33.3333%;
}
}
/*20180925 headerに「新入生の皆様へ」追加*/
#navVisitor > ul li a {
/*width: 12.5%;*/
width: 11.1%;
}

/* --------------------------------------------------------------------------------------------------------------------
201908 headr +student
-------------------------------------------------------------------------------------------------------------------- */
/*
ul.megaDropdown > li ul {
    min-height: 260px;
    padding-left: 150px;
    padding-right: 150px;
    background:
        url("../img/student/03.png") no-repeat left -50px bottom,
        url("../img/student/04.png") no-repeat right -50px bottom,
        url(../img/head_bg2.jpg) #fff;
}
ul.megaDropdown > li:nth-child(2) ul {
    background:
        url("../img/student/01.png") no-repeat left -50px bottom,
        url("../img/student/07.png") no-repeat right -50px bottom,
        url(../img/head_bg2.jpg) #fff;
}
ul.megaDropdown > li:nth-child(3) ul {
    background:
        url("../img/student/05.png") no-repeat left -50px bottom,
        url("../img/student/06.png") no-repeat right -50px bottom,
        url(../img/head_bg2.jpg) #fff;
}
ul.megaDropdown > li:nth-child(4) ul {
    background:
        url("../img/student/15.png") no-repeat left -50px bottom,
        url("../img/student/02.png") no-repeat right -50px bottom,
        url(../img/head_bg2.jpg) #fff;
}

ul.megaDropdown > li:nth-child(6) ul {
    background:
        url("../img/student/12.png") no-repeat left -50px bottom,
        url("../img/student/11.png") no-repeat right -50px bottom,
        url(../img/head_bg2.jpg) #fff;
}
ul.megaDropdown > li:nth-child(7) ul {
    background:
        url("../img/student/13.png") no-repeat left -50px bottom,
        url("../img/student/14.png") no-repeat right -50px bottom,
        url(../img/head_bg2.jpg) #fff;
}
ul.megaDropdown > li:nth-child(7) ul {
    background:
        url("../img/student/09.png") no-repeat left -50px bottom,
        url("../img/student/08.png") no-repeat right -50px bottom,
        url(../img/head_bg2.jpg) #fff;
}
ul.megaDropdown > li:nth-child(8) ul {
    background:
        url("../img/student/10.png") no-repeat left -50px bottom,
        url("../img/student/17.png") no-repeat right -50px bottom,
        url(../img/head_bg2.jpg) #fff;
}
#un_navGlobal ul.megaDropdown > li ul li {
    border-right: none;
}
#un_navGlobal ul.megaDropdown > li ul li a{
    background-color: #fff !important;
}
#un_navGlobal ul.megaDropdown > li.__on a {
    background-color: #f3f3f3 ;
}
*/

/*top student*/
/*
.un_top_section_head{
    padding: 35px 0 25px 0;
}
.un_top_section_title{
    position: relative;
    width: 40%;
    margin: 0 auto;
}
.un_top_section_title:before{
    content: "";
    display: block;
    position: absolute;
    top: -40px;
    left: -300px;
    width: 300px;
    height: 180px;
    background:
        url("../img/student/11.png") no-repeat right 100px top 20px,
        url("../img/student/16.png") no-repeat right 0  top 20px;
     background-size: 150px;
}
.un_top_section_title:after{
    content: "";
    display: block;
    position: absolute;
    top: -40px;
    right: -300px;
    width: 300px;
    height: 180px;
    background:
        url("../img/student/18.png") no-repeat left 0 top 0px,
        url("../img/student/04.png") no-repeat left 100px top 20px;
     background-size: 150px;
}

@media screen and (max-width: 767px) {
    .un_top_section_head{
    padding: 10px 0;
    }
    .un_top_section_title {
        width: calc(100% - 140px);
    }
    .un_top_section_title:before{
        top: -10px;
        left: -70px;
        width: 70px;
        height: 150px;
        background-size: contain;
        background-position: right 0 top 0, right 0 top 105%;
    }
    .un_top_section_title:after{
        top: -10px;
        right: -70px;
        width: 70px;
        height: 150px;

        background-size: contain;
        background-position: left 0 top 0, left 0 top 105%;
    }
    .un_title1b,
    .un_title1{
        line-height: 1.2;
    }
}
*/

/*un_top-blog*/
/*
.un_top-blog .un_top_section_head{
    padding: 15px 0 25px 0;
}
.un_top-blog .un_top_section_title:before{
    background:
        url("../img/student/03.png") no-repeat right 100px top 20px,
        url("../img/student/14.png") no-repeat right 0  top 20px;
     background-size: 150px;
}
.un_top-blog .un_top_section_title:after{
    background:
        url("../img/student/17.png") no-repeat left 0 top 0px,
        url("../img/student/08.png") no-repeat left 100px top 20px;
     background-size: 150px;
}
@media screen and (max-width: 767px) {
    .un_top-blog .un_top_section_head{
        padding: 0;
        height: 150px;
    }
    .un_top-blog .un_top_section_title{
        padding-top: 1.5em;
    }
    .un_top-blog .un_top_section_title:before{
        top: -10px;
        left: -70px;
        width: 70px;
        height: 150px;
        background-size: contain;
        background-position: right 0 top 0, right 0 top 105%;
    }
    .un_top-blog .un_top_section_title:after{
        top: -10px;
        right: -70px;
        width: 70px;
        height: 150px;
        background-size: contain;
        background-position: left 0 top 0, left 0 top 105%;
    }
}
*/
/*un_top_pickup*/
/*
.un_top_pickup {
    padding: 60px 0;
}
.un_top_pickup .un_top_section_head{
    padding: 35px 0 25px 0;
    margin-bottom: 20px;
}
.un_top_pickup .un_top_section_title:before{
    background:
        url("../img/student/10.png") no-repeat right 100px top 20px,
        url("../img/student/13.png") no-repeat right 0  top 20px;
     background-size: 150px;
}
.un_top_pickup .un_top_section_title:after{
    background:
        url("../img/student/15.png") no-repeat left 0 top 0px,
        url("../img/student/12.png") no-repeat left 100px top 20px;
     background-size: 150px;
}
@media screen and (max-width: 767px) {
    .un_top_pickup .un_top_section_head{
        padding: 0;
        height: 150px;
    }
    .un_top_pickup .un_top_section_title{
        padding-top: 1.5em;
    }
    .un_top_pickup .un_top_section_title:before{
        top: -10px;
        left: -70px;
        width: 70px;
        height: 150px;
        background-size: contain;
        background-position: right 0 top 0, right 0 top 105%;
    }
    .un_top_pickup .un_top_section_title:after{
        top: -10px;
        right: -70px;
        width: 70px;
        height: 150px;
        background-size: contain;
        background-position: left 0 top 0, left 0 top 105%;
    }
}
*/

/*20200427*/
@media screen and (min-width: 768px){
    .un_footer_school.clearfix {
        display: flex;
    }
}
/*202001427*/
.footer_siryo .container {
    background-image: none;
}
@media screen and (max-width: 767px) {
    .footer_siryo p{
        background-image: none;
        padding: 10px 0 30px 0;
    }
}