@charset "utf-8";


html { 
height: 100%;
overflow-y: scroll;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
@media print {
html,
html body {}
}

a {
	color:#333;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
a:visited {}
a:hover,
a:active { text-decoration: underline;}


.bold{font-weight:bold !important;}
.normal{font-weight:normal !important;}
sup   { font-size: 78%; vertical-align: top;}
sub   { font-size: 78%; vertical-align: baseline;}

.bge{color: #bfb497;}

/* -------------------------------------------------------
inline align
------------------------------------------------------- */
.taL {text-align: left   !important;}
.taC {text-align: center !important;}
.taR {text-align: right  !important;}
.vaT {vertical-align: top    !important;}
.vaM {vertical-align: middle !important;}
.vaB {vertical-align: bottom !important;}

/* -------------------------------------------------------
float
------------------------------------------------------- */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}

/* -------------------------------------------------------
Tools
------------------------------------------------------- */
.clear {clear: both;}
.block {display: block;}
.hide  {display: none;}
.bgN   {background: none !important;}
.tdU   {text-decoration: underline;}
.tdN   {text-decoration: none;}

/* -------------------------------------------------------
img
------------------------------------------------------- */
img {
  width: 100%;
  height: auto;
  border: 0;
	-webkit-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
/* img hover */
a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


/* -------------------------------------------------------
sp/pc
------------------------------------------------------- */
.pc {display:block !important;}
.sp {display:none !important;}
@media screen and (max-width:768px){
	.pc {display:none !important;}
	.sp {display:block !important}
	.contfixed {
		position: fixed;
		width: 100%;
		height: 100%;
	}
}


/* -------------------------------------------------------
tel
------------------------------------------------------- */
@media screen and (min-width: 767px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}


/* -------------------------------------------------------
 body
------------------------------------------------------- */
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	/*width:100%;
	height: 100%; モーダルに影響するため使用不可*/
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: 0.1em;
	color: #000;
	overflow: hidden;
}
body.head_fixed{
	overflow: hidden;
  height: 100%;
  padding-top: 60px;
}
#wrapper{
	padding-top: 150px;
	width: 100%;
	height: 100%;
}
@media screen and (max-width:768px){
	body{
    overflow: visible;
		font-size: 13px;
	}

}


/* -------------------------------------------------------
header
------------------------------------------------------- */
.header{
	background: url("/lp2_common/img/top/mvBg.jpg") no-repeat;
	background-size: cover;
	padding-bottom: 100px;
	position: relative;
	/*overflow: hidden;*/
}
.headerInner{
	max-width: 1200px;
	margin: auto;
	position: relative;
}
.header h1{
	width: 350px;
	height: 41px;
	position: absolute;
	top: 42px;
	bottom: 0;
	margin: auto;
}
.subNav{
	position: absolute;
	top: 20px;
	right: 0;/*130px*/
	display: flex;
}
.subNav li{
	font-size: 85.7%;
	margin-left: 35px;
}
.subNav li img{
	width: 15px;
	vertical-align: middle;
	margin-right: 10px;
}
.subNav li a{
	color: #666;
}
.subNav li a:hover{
	text-decoration: none;
}

.gNav{
	display: flex;
	justify-content: flex-end;
	padding-top: 140px;
}
.gNav>li{
	margin-left: 30px;
}
.gNav>li>a{
	color: #005bac;
	font-weight: bold;
	position: relative;
}
.gNav>li>a:hover{
	text-decoration: none;
	color: #666;
}
.gNav>li>a:hover:after{
  position: absolute;
  bottom: -10px;
  left: 0;
  content: "";
  height: 2px;
  width: 100%;
  background-color: #76B4CD;
}
.gNav>li.toggleNav>a::after{
	-webkit-transition: all 0.3s ease;
	transition: all  0.3s ease;
	content: "";
	position: absolute;
	bottom: -25px;
	left: 0;
	right: 0;
	margin: auto;
	width: 1px;
	height: 15px;
	background: #666;
	visibility: hidden;
	opacity: 0;
}
.gNav>li.toggleNav:hover>a::after{
	visibility: visible;
	opacity: 1;
	bottom: -30px;
}

.navDetail{
	display: none;
	position: absolute;
	width: 100vw;
	left: -50vw;
	margin-left: 50%;
	background: #fff;
	margin-top: 40px;
  z-index: 99;
}
.navDetail::before{
	content: "";
	display: block;
	position: absolute;
	top: -40px;
	width: 100%;
	height: 40px;
}
.navDetail .navDetailInner{
	max-width: 1200px;
	margin: auto;
	display: flex;
}
.navDetail .navDetailInner>h2{
	width: 25vw;
	background: #76b4cd;
	color: #fff;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
	font-size: 142.9%;
	font-weight: normal;
	display: flex;
	justify-content: center;
	align-items: center;
}
.navDetail .navDetailInner>ul{
	display: flex;
	flex-wrap: wrap;
	padding:15px 30px;
}
.navDetail .navDetailInner>ul>li{
	margin-right: 35px;
	line-height: 2.5;
}
.navDetail .navDetailInner>ul>li a{
	font-weight: bold;
  position: relative;
}
.navDetail .navDetailInner>ul>li a:hover{
	color: #005bac;
	text-decoration: none;
}
.navDetail .navDetailInner>ul>li a:hover:after{
  position: absolute;
  bottom: -10px;
  left: 0;
  content: "";
  height: 2px;
  width: 100%;
  background-color: #76B4CD;
}

.header .recruitBtn{
	position: absolute;
	right: 0;
}
.header .recruitBtn a{
	display: block;
	padding-top: 25px;
	box-sizing: border-box;
	width: 270px;
	height: 100px;
	color: #fff;
	background: #005bac;
	text-align: center;
	font-weight: bold;
	font-size: 85.7%;
}
.header .recruitBtn a:hover{
	text-decoration: none;
	background: #669dcd;
}
.header .recruitBtn a:hover img{
	opacity: 1;
}
.header .recruitBtn img{
	width: 26.5px;
}
.header .recruitBtn span{
	display: block;
	margin-top: 7px;
	font-size: 20px;
}
.header .headSearch{
	width: 165px;
	position: absolute;
	right: 380px;
	top: 52px;
}
.header .headSearch input{
	width: 100%;
	border: 0;
	border-bottom: 1px solid #666;
	padding: 10px 0 10px 20px;
	background: url("../../img/common/icon_search.png") no-repeat center left;
	background-size: 15px;
	font-size: inherit;
}
.header .languageSelect{
	width: 220px;
	position: absolute;
	right: 0;/*130px*/
	top: 52px;
}
.header .languageSelect::before{
	content: "";
	position: absolute;
	background: url("../../img/common/icon_earth.png") no-repeat;
	background-size: 15px;
	width: 15px;
	height: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 10px;
	pointer-events: none;
}
.header .languageSelect::after{
	content: "\f0d7";
	font-family: "Font Awesome 5 Free";
  font-weight: bold;
	pointer-events: none;
	color: #666;
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 1.5em;
}
.header .languageSelect select{
	border: 1px solid #666;
	outline:none;
	text-indent: 0.01px;
	text-overflow: '';
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	padding: 10px;
	padding-left: 35px;
	width: 100%;
	border-radius: 0px;
	font-weight: bold;
	color: #666;
}
.header .languageSelect select option{
	background-color: #fff;
}

@media screen and (max-width:1024px){
	.headerInner{padding:0 20px;}
}
@media screen and (max-width:812px){
	.gNav {
		justify-content: center;
		width: 100%;
	}
	.gNav>li{
		margin: 0;
		width: calc(100%/7);
		text-align: center;
	}
}
@media screen and (max-width:768px){
	.header{padding-bottom: 0;overflow: inherit;}
	.header.active .headerInner{position: fixed; z-index: 99; width: 100%; height: 100%; top:0;}
	.headerInner{
		padding: 0;
	}
	.headerInner .headTitle{
		padding: 2vw;
		height: 60px;
		display: flex;
		align-items: center;
		position: relative;
		z-index: 1;
		background: url("../../img/top/mvBg.jpg");
	}
	.header h1{
		width: 30vw;
		height: auto;
		margin: 0;
		position: static;
		display: inline-block;
	}
	.header h1 img{vertical-align: middle;}
	.header .languageSelect {
		width: 48vw;
		position: relative;
		display: inline-block;
		right: auto;
		top: auto;
		margin: 0 2vw;
	}
	.header .languageSelect::after{right: 10px;}
	.header .languageSelect select{
		padding-left: 30px;
		font-size: 85.7%;
	}
/*	.header .recruitBtn{display: none;}
*/	.gNavBox{
/*		display: none; 
*/		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: #fff;
		overflow: auto;
		padding-top: 60px;
	}
	.header .recruitBtn {
	    position: absolute;
	    top: 0;
	    right: 0;
	    z-index: 99999;
	    width: 150px;
	}
	.header .recruitBtn a {
	    padding-top: 10px;
	    width: 100%;
	}
	.header .recruitBtn span {
	    display: block;
	    margin-top: 5px;
	    font-size: 10px;
	}
	.header .recruitBtn img {
	    width: 24px;
	}
	.header .headSearch {
		width: 90%;
		margin: auto;
		position: static;
		padding: 15px 0;
	}
	.header .headSearch input{
		padding: 10px 0 10px 30px;
		background-size: 25px;
	}
	.subNav{
		position: static;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 20px 10px;
	}
	.subNav>li {
		width: calc(98%/2);
		margin: 0;
		margin-bottom: 2%;
	}
	.subNav li a{
		display: block;
		width: 100%;
		padding: 5px;
		border: 1px solid #000;
	}
	.subNav>li img{display: none;}
	.gNav{
		display: block;
		padding-top: 0;
	}
	.gNav>li{
		width: 100%;
		text-align: left;
		border-bottom: 1px solid #fff;
	}
	.gNav>li>a{
		font-weight: normal;
		position: relative;
		color: #fff;
		display: block;
		background: #005bac;
		padding: 15px 30px;
		font-size: 138.5%;
	}
	.gNav>li>a:hover{
		color: #fff;
	}
	.gNav>li>a::after{
		content: "";
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2210.75%22%20viewBox%3D%220%200%2021%2010.75%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23fff%3B%20stroke-width%3A%201px%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22ico_arrow.svg%22%20class%3D%22cls-1%22%20d%3D%22M890.1%2C1564.65l9.9%2C9.03H880%22%20transform%3D%22translate(-879.5%20-1564.16)%22%2F%3E%3C%2Fsvg%3E');
		width: 20px;
		height: 10px;
		visibility: visible;
		opacity: 1;
		display: block;
		position: absolute;
		right: 30px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
  .gNav>li.toggleNav>a{pointer-events: none;}
	.gNav>li.toggleNav>a::after {
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: auto;
		right: 30px;
		margin: auto;
		width: 17px; 
		height: 1px; 
		background: #fff; 
		visibility: visible; 
		opacity: 1; 
	}
	.gNav>li.toggleNav>a::before {
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: auto;
		right: 38px;
		margin: auto;
		width: 1px; 
		height: 17px; 
		background: #fff; 
		visibility: visible; 
		opacity: 1; 
	}
	.gNav>li.toggleNav.active>a::before {
		opacity: 0;
	}
	.gNav>li.toggleNav:hover>a::after {
		bottom: 0;
	}
	.gNav>li.toggleNav:hover>a{
		color: #fff;
	}
	.navDetail {
		display: none;
		position: static;
		width: 100%;
		left: 0;
		margin-left: 0;
		background: #fff;
		margin-top: 0;
	}
	.navDetail::before{display: none;}
	.navDetail .navDetailInner>h2{display: none;}
	.navDetail .navDetailInner>ul {
		display: block;
		padding: 0;
		width: 100%;
	}
	.navDetail .navDetailInner>ul>li {
		margin-right: 0;
		line-height: inherit;
	}
	.navDetail .navDetailInner>ul>li:not(:last-child){
		border-bottom: 1px #005bac solid ;
	}
	.navDetail .navDetailInner>ul>li>a{
		font-weight: normal;
		position: relative;
		color: #005bac;
		display: block;
		background: #fff;
		padding: 15px 30px;
		font-size: 138.5%;
	}
	.navDetail .navDetailInner>ul>li>a::after{
		content: "";
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2210.75%22%20viewBox%3D%220%200%2021%2010.75%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23005bac%3B%20stroke-width%3A%201px%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22ico_arrow.svg%22%20class%3D%22cls-1%22%20d%3D%22M890.1%2C1564.65l9.9%2C9.03H880%22%20transform%3D%22translate(-879.5%20-1564.16)%22%2F%3E%3C%2Fsvg%3E');
		width: 20px;
		height: 10px;
		display: block;
		position: absolute;
		right: 30px;
		top: 0;
		bottom: 0;
		margin: auto;
	}

/*spNav*/
	.spNav{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		right: 0;
		top: 0;
		margin: auto;
		height: 60px;
		width: 60px;
		background: #005bac;
	}
	.spNav p{
		position: absolute;
		width: 46px;
    right: 30px;
		top: 4px;
	}
	.spNav p img{
		vertical-align: top;
	}
	.spNav .menu-trigger,
	.spNav .menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.spNav .menu-trigger {
		position: relative;
		width: 26px;
		height: 22px;
	}
	.spNav .menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #fff;
	}
	.spNav .menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.spNav .menu-trigger span:nth-of-type(2) {
		top: 10px;
	}
	.spNav .menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	.spNav .menu-trigger.active{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
	.spNav .menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);
	}
	.spNav .menu-trigger.active span:nth-of-type(2) {
		-webkit-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg);
	}
	.spNav .menu-trigger.active span:nth-of-type(3) {
		opacity: 0;
	}

}

/* -------------------------------------------------------
共通ナビゲーション
------------------------------------------------------- */
.navType01{
	max-width: 800px;
	margin: auto;
	position: relative;
}
.navType01 h2{
	font-size: 114.3%;
	letter-spacing: 0.1em;
	margin-bottom: 40px;
}
.navType01>nav{
	display: flex;
	justify-content: space-between;
	align-items: top;
}
.navType01>nav>ul{
	font-size:92.9%;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.navType01>nav>ul li a{
	margin-bottom: 5px;
	display: inline-block;
	position: relative;
}
.navType01>nav>ul>li>dl>dd>ul>li a{
	padding-left: 0.7em;
	margin-left: 0.5em;
}
.navType01>nav>ul>li>dl>dd>ul>li dd li a{
	padding-left: 1.1em;
}
.navType01>nav>ul>li>dl>dd>ul>li dd li{
}
.navType01>nav>ul>li>dl>dd>ul>li a::before{
	content: "-";
	position: absolute;
	left: 0;
}
.navType01>nav>ul>li>dl>dd>ul>li dd li a::before{
	content: "--";
	position: absolute;
	left: 0;
}
.navType01 .searchBox{
	width: 177px;
	position: absolute;
	right: 130px;
	top: 0;
}

@media screen and (max-width:830px){
	.navType01{
		max-width: 100%;
		padding: 0 30px;
	}
}
@media screen and (max-width:768px){
	.navType01>nav{
		display: block;
		justify-content: space-between;
		align-items: top;
	}
	.navType01 h2{
		font-size: 100%;
	}
}

/* layout
------------------------------------------------------- */
.inner{
	max-width: 1200px;
	margin: auto;
	box-sizing: content-box;
	margin-bottom: -40px;
	padding-bottom: 40px;
}


/*下層設定*/
.subContent{
  position: relative;
  background: url("/lp2_common/img/common/bg02.jpg");
}
.subContMv{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.subContMv h1{
  position: absolute;
  color: #fff;
  text-shadow:0px 0px 40px #2d2d2d;
  letter-spacing: 0.1em;
  font-size: 206.3%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
  left:0;
  right: 0;
  margin: auto;
}


.pnkz ul li{
  display: inline-block;
}
.pnkz ul li:not(:last-child)::after{
  content: ">";
  padding:0 5px;
}

@media screen and (max-width:1024px){
	.inner{padding:0 20px;}
}
@media screen and (max-width:768px){
	.inner{
		width: 100%;
		padding:0 10px;
		box-sizing: border-box;
	}
  .subContent{
    padding:20px 0;
  }
  .subContMv{margin: 20px 0;}
}

/*---------------------------------------------------------- 

 footer_floating

---------------------------------------------------------- */
 .footer_floating_area{
    position: fixed;
    bottom: 0;
    width: 100%;
    background: url(../../img/common/bg04.jpg);
  	z-index: 1000;

 }
  .footer_floating{
 	position: relative;
 	padding: 15px 0;
    margin:0 auto;
   max-width: 1200px;
 }
 @media screen and (max-width:768px){
 	.footer_floating{
	 	padding: 10px 20px;
	    max-width: inherit;
	}
	
}

/* pageTop
---------------------------------------------------------- */
.pageTop{
	position: absolute;
	right: 15px;
	top: 15px;
}
.pageTop a{
	display:block;
	width: 60px;
	height: 60px;
	background: #fff;
	position: relative;
	border:1px solid #000;
	padding: 10px;
	text-align: center;
	font-size: 85.7%;
}
.pageTop a svg{
	display: block;
	transform: rotate(-90deg);
	margin-bottom: 10px;
	margin-left: 4px;
}
@media screen and (max-width:768px){
	.pageTop{
		top: 10px;
	}
	.pageTop a{
		width: 45px;
		height: 45px;
		padding: 7px;
	}
	.pageTop a svg {
	    width: 15px;
		margin-bottom: 5px;
	}
	


}
/* ft_cotact_Btn
---------------------------------------------------------- */
.ft_cotact_Btn{
	text-align: center;
}
.ft_cotact_Btn a{
	display: inline-block;
	box-sizing: border-box;
	width: 80%;
	height: auto;
	color: #fff;
	background: #005bac;
	text-align: center;
	font-weight: bold;
	font-size: 85.7%;
	vertical-align: middle;
	padding: 10px 0;
}
.ft_cotact_Btn a:hover{
	text-decoration: none;
	background: #669dcd;
}
.ft_cotact_Btn a:hover img{
	opacity: 1;
}
.ft_cotact_Btn img{
	width: 40px;
	margin-right: 30px;
}
.ft_cotact_Btn span{
	font-size: 20px;
}
@media screen and (max-width:768px){
	.ft_cotact_Btn a{
		width: 75%;
	}
	.ft_cotact_Btn img{
		width: 30px;
		margin-right: 20px;
	}
	.ft_cotact_Btn span{
		font-size: 15px;
	}

}

/* -------------------------------------------------------
footer
------------------------------------------------------- */
.footer{
	position: relative;
	background: url("../../img/common/bg04.jpg");
}
.footerInner{
	max-width: 1200px;
	margin: auto;
	padding-top: 80px;
}
.footerAttBn ul{
	display: flex;
}
.footerAttBn ul li{
	width:100%;/* calc(100%/2)*/
}
.footerAttBn ul li a{
	background: #b2a887;
	line-height: 1;
	height: 180px;
	padding: 0 100px;
	color: #fff;
	font-size: 171.4%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
	display: flex;
	align-items: center;
}
.footerAttBn ul li:first-child a{justify-content: center;}/*flex-end*/
.footerAttBn ul li:last-child a{
	background: #005bac;
}
.footerAttBn ul li img{
	margin-right: 30px;
	width: 40px;
	vertical-align: middle;
}
.footerAttBn ul li svg{margin-left: 70px;}
.footerAttBn ul li svg path{
	stroke:#fff;
}

.footerAttBn ul li a:hover{
	text-decoration: none;
	opacity: 0.4;
}


.footerFb{
  background-color:rgba(192,186,168,0.3);
  width: 100%;
}
.footerFb ul{
  max-width: 1200px;
	margin: auto;
	padding-top: 40px;
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footerFb ul li{
  width: 21%;
  margin-bottom: 30px;
  position: relative;
}
.footerFb ul li a{
  display: block;
  position: relative;
  background-color:rgba(255,255,255,1);
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
  color: #000;
  line-height: 1;
  z-index: 1;
}
.footerFb ul li a span{
   background-color:#fff;
   width: 100%;
   height: 100%;
   display: block;
   padding: 20px;
}
.footerFb ul li svg{
  position: absolute;
  right:15px;
  top:0;
  bottom: 0;
  height: 6px ;
  margin: auto;
}
.footerFb ul li a:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 4px;
  bottom: -4px;
  z-index: -1;opacity: 0.6;
}
.footerFb ul li.shinjuku a::after{background: url("../../img/common/bg_dot01.png");}
.footerFb ul li.shinjukuOLJ a::after{background: url("../../img/school/bg_shinjukuOLJ.png");}
.footerFb ul li.akihabara a::after{background: url("../../img/school/bg_akihabara.png");}
.footerFb ul li.nagoyakita a::after{background: url("../../img/school/bg_nagoyakita.png");}
.footerFb ul li.kyoto a::after{background: url("../../img/school/bg_kyoto.png");}
.footerFb ul li.osaka a::after{background: url("../../img/school/bg_osaka.png");}
.footerFb ul li.kobe a::after{background: url("../../img/school/bg_kobe.png");}
.footerFb ul li.mito a::after{background: url("../../img/school/bg_mito.png");}
.footerFb ul li.fukuoka a::after{background: url("../../img/school/bg_fukuoka.png");}

.footer .bnBlock{
	padding: 0 8%;
}
.footer .bnBlock li img{padding: 2%;}
.footer .bnBlock .slick-prev, .footer .bnBlock .slick-next {
	width: 40px;
	height: 120px;
	border: 1px solid #000;
}
.footer .bnBlock .slick-prev{left: -70px;}
.footer .bnBlock .slick-next {right: -70px;}
.footer .bnBlock .slick-prev:before, .footer .bnBlock .slick-next:before{
	opacity: 1;
}
.footer .bnBlock .slick-prev:before{
	transform: scale(-1, 1);
	content: "";
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2210.75%22%20viewBox%3D%220%200%2021%2010.75%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23000%3B%20stroke-width%3A%201px%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22ico_arrow.svg%22%20class%3D%22cls-1%22%20d%3D%22M890.1%2C1564.65l9.9%2C9.03H880%22%20transform%3D%22translate(-879.5%20-1564.16)%22%2F%3E%3C%2Fsvg%3E');
	width: 20px;
	height: 10px;
	display: block;
	margin-left: 8px;
}
.footer .bnBlock .slick-next:before{
	content: "";
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2210.75%22%20viewBox%3D%220%200%2021%2010.75%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23000%3B%20stroke-width%3A%201px%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22ico_arrow.svg%22%20class%3D%22cls-1%22%20d%3D%22M890.1%2C1564.65l9.9%2C9.03H880%22%20transform%3D%22translate(-879.5%20-1564.16)%22%2F%3E%3C%2Fsvg%3E');
	width: 20px;
	height: 10px;
	display: block;
	margin-left: 8px;
}
.footer .bnBlock .slick-prev:hover, .footer .bnBlock .slick-next:hover {
	border: 1px solid #005bac;
}
.footer .bnBlock .slick-prev:hover:before{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2210.75%22%20viewBox%3D%220%200%2021%2010.75%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23005bac%3B%20stroke-width%3A%201px%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22ico_arrow.svg%22%20class%3D%22cls-1%22%20d%3D%22M890.1%2C1564.65l9.9%2C9.03H880%22%20transform%3D%22translate(-879.5%20-1564.16)%22%2F%3E%3C%2Fsvg%3E');
}
.footer .bnBlock .slick-next:hover:before{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2210.75%22%20viewBox%3D%220%200%2021%2010.75%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23005bac%3B%20stroke-width%3A%201px%3B%20fill-rule%3A%20evenodd%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22ico_arrow.svg%22%20class%3D%22cls-1%22%20d%3D%22M890.1%2C1564.65l9.9%2C9.03H880%22%20transform%3D%22translate(-879.5%20-1564.16)%22%2F%3E%3C%2Fsvg%3E');
}

.footerNav{
	display: flex;
	margin-top: 80px;
}
.footerNav>div{
	width: 50%;
}
.footerNav>div>ul{
	display: flex;
	flex-wrap: wrap;
}
.footerNav>div>ul>li{
	line-height: 2;
}
.footerNav>div:first-of-type>ul:first-of-type{margin-bottom: 50px;}
.footerNav>div:last-of-type>ul>li{
	width: calc(100%/3);
	margin-bottom: 25px;
	line-height: 1;
}
.footerNav>div>ul>li>a{
	font-weight: bold;
}
.footerNav>div>ul>li>ul{
	display: flex;
	flex-wrap: wrap;
}
.footerNav>div>ul>li>ul>li{
	width: calc(100%/3);
}
.footerNav>div>ul>li>ul>li>a{
	color: #666;
}
.footerNav>div>ul>li>ul>li>a::before{
	content: "―";
	padding-right: 5px;
}
.footerNav .snsBlock {
	margin-top: 30px;
}
.footerNav .snsBlock ul{
	display: flex;
	justify-content: flex-end;
}
.footerNav .snsBlock ul li{
	margin:7.5px;
	font-size: 62.7%;
	text-align: center;
	letter-spacing: 0;
}
.footerNav .snsBlock ul li a{
	background: #fff;
	display: block;
	margin: auto;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	padding: 12px;
}
.footerNav .snsBlock ul li span{
	margin-top: 5px;
	display: inline-block;
}

.footer address{
	padding: 20px;
	padding-bottom: 100px;
	text-align: center;
	font-style: normal;
	font-size: 71.4%;
}
@media screen and (max-width:1024px){
	.footerInner,
  .footerFb ul{
    padding: 20px;
  }
  .footerFb ul li{
    width: 30%;
    margin-bottom: 20px;
  }
  .footerFb ul li svg{
    right:10px;
  }
}
@media screen and (max-width:768px){
  .footerFb ul{
    max-width: 100%;
    padding-top: 30px;
    padding-bottom: 10px;
  }
  .footerFb ul li{
    width: 46%;
  }
	.footerAttBn ul{
		display: block;
	}
	.footerAttBn ul li{
		width: 100%;
	}
	.footerAttBn ul li a{
		display: block;
		font-size: 138.5%;
		padding: 35px;
		height: auto;
		position: relative;
	}
	.footerAttBn ul li svg {
    margin-left: 0;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}
	.footerNav{
		display: block;
		margin-top: 40px;
	}
	.footerNav>div{
		width: 100%;
	}
	.footerNav>div>ul{
		justify-content: space-between;
	}
	.footerNav>div:first-of-type>ul:first-of-type{margin-bottom: 20px;}
	.footerNav>div:last-of-type{margin-top: 20px;}
	.footerNav>div:last-of-type>ul>li{
		width: calc(90%/2);
	}
	.footerNav>div:last-of-type>ul>li{
		margin-bottom: 30px;
	}
	.footerNav>div>ul>li>a{
		display: block;
		border-bottom: 1px solid #000;
		padding-bottom: 5px;
	}
	.footerNav>div>ul>li>ul{
		margin-top: 20px;
	}
	.footerNav>div>ul>li>ul>li{
		width: calc(100%/2);
	}

	.footer .bnBlock .slick-prev, .footer .bnBlock .slick-next {
		width: 30px;
	}
	.footer .bnBlock .slick-prev:before{
		background-size: 100%;
		width: 15px;
		height: 8px;
		margin-left: 8px;
	}
	.footer .bnBlock .slick-next:before{
		background-size: 100%;
		width: 15px;
		height: 8px;
		margin-left: 8px;
	}
	.footer .bnBlock .slick-prev{left: -35px;}
	.footer .bnBlock .slick-next {right: -35px;}
	
	.footerNav .snsBlock ul{
		justify-content: center;
    flex-wrap: wrap;
	}
	.footer address {
		 padding:0;
		 padding-top: 10px;
	    padding-bottom: 19%;
	}
}
/* -------------------------------------------------------
table
------------------------------------------------------- */

.type01 {
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
  font-size: 114.3%;
}
.type01 th,
.type01 td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 15px;
  text-align: center;
}
.type01 th {
	vertical-align: middle;
	background-color: #eae8e2;
}
.type01 td {
	vertical-align: middle;
	background-color: #fff;
}
.tableColor {
	background-color: #eae8e2 !important;
	font-weight: bold;
}

@media screen and (max-width:768px){
.table_basic01 {
	width: 100%;
}
.table_basic01,
.table_basic01 thead,
.table_basic01 tbody,
.table_basic01 tr,
.table_basic01 th,
.table_basic01 td {
	width: 100%;
	display: block;
}
.table_basic01 th,
.table_basic01 td {
	border-top: none;
	border-left: none;
}
.table_basic01 th {
}
.table_basic01 td {
}
  .tableOverflow{
    overflow-x: scroll;
  }
  .tableOverflow table{
	width: 100%;
	table-layout: fixed;
	word-break: break-all;
  	word-wrap: break-all;
  }

}

/* -------------------------------------------------------
form
------------------------------------------------------- */

.check_layout input{
    display:none;
}
.check_layout label{
    display:inline-block;
    position:relative;
    padding-left:25px;
 
}
.check_layout label:before,.check_layout label:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:15px;
    height:15px;
}
.check_layout label:before{
    background:#fafafa;
    border:1px solid #666666;
}
.check_layout input:checked + label:after{
	left:1px;
	top:-1px;
	content:"\f00c";
	color:#004ea2;
	height:15px;
	margin:auto;
	font-size:100%;
	font-family: "Font Awesome 5 Free";
}
/* ----------------------------------------

- Form Style
(input要素の幅は適宜調整する)

---------------------------------------- */
input.txt,
textarea.txt,
select.txt {
  font-size: 16px;
	padding: 5px;
	border: 1px solid #ababab;
	max-width: 100%;
}
input.txt:focus,
textarea.txt:focus {
	background: #fff5d6;
}
textarea.txt {
	width: 100%;
}
input.check {
	position: relative;
	top: 2px;
	margin-right: 3px;
}

/* error */
input.err,
textarea.err,
select.err {
	border-color: #ff6060;
	background: #fff0f0;
}
input.err:focus,
textarea.err:focus {
	border-color: #ee5959;
}
.errorTxt {
	margin-top: 10px;
	color: #ff0000;
	line-height:1.1;
}

/*  option and required  */
td.required,
td.option {
	font-weight: 400;
	color: #fff;
	vertical-align: middle;
}
td.required p,
td.option p {
	width: 3.5em;
	margin: 0 auto;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	text-align: center;
}
td.option			{ background: #f5f5f5;}
td.option p		{ background: #a6a6a6;}
td.required		{ background: #fff0f0;}
td.required p	{ background: #ff6060;}

@media screen and (max-width:767px){
	select.txt {
		border-color: #ccc;
		background: #fff;
	}
}



/* -------------------------------------------------------
clearfix
------------------------------------------------------- */

.cf:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.cf{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .cf{
	height: 1%;
}
.cf{
	display:block;
}


/* -------------------------------------------------------
margin
------------------------------------------------------- */
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb100 { margin-bottom:100px !important;}


/* -------------------------------------------------------
padding
------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt50 { padding-top:50px !important;}
.pt20 { padding-top:20px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr30 { padding-right:30px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pl00 { padding-left: 0   !important;}
.pl03 { padding-left: 3px !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}


/* ----------------------------------------

- Width

---------------------------------------- */
.w50     { width: 50px !important;}
.w150    { width: 150px !important;}
.w100    { width: 100px !important;}
.w200    { width: 200px !important;}
.w250    { width: 250px !important;}
.w300    { width: 300px !important;}
.w350    { width: 350px !important;}
.w5per  { width: 5% !important;}
.w8per  { width: 8% !important;}
.w10per  { width: 10% !important;}
.w15per  { width: 15% !important;}
.w20per  { width: 20% !important;}
.w25per  { width: 25% !important;}
.w30per  { width: 30% !important;}
.w35per  { width: 35% !important;}
.w40per  { width: 40% !important;}
.w45per  { width: 45% !important;}
.w50per  { width: 50% !important;}
.w60per  { width: 60% !important;}
.w70per  { width: 70% !important;}
.w80per  { width: 80% !important;}
.w90per  { width: 90% !important;}
.w100per { width: 100% !important;}
.w5em    {  width: 5em !important;}
.w10em   {  width: 10em !important;}
.w15em   {  width: 15em !important;}
.w20em   {  width: 20em !important;}
@media screen and (max-width:767px){
  .spwAuto    { width: auto !important;}
	.sp_w50     { width: 50px !important;}
	.sp_w150    { width: 150px !important;}
	.sp_w100    { width: 100px !important;}
	.sp_w200    { width: 200px !important;}
	.sp_w250    { width: 250px !important;}
	.sp_w300    { width: 300px !important;}
	.sp_w350    { width: 350px !important;}
	.sp_w5per   { width: 5% !important;}
	.sp_w8per   { width: 8% !important;}
	.sp_w10per  { width: 10% !important;}
	.sp_w15per  { width: 15% !important;}
	.sp_w20per  { width: 20% !important;}
	.sp_w25per  { width: 25% !important;}
	.sp_w30per  { width: 30% !important;}
	.sp_w35per  { width: 35% !important;}
	.sp_w40per  { width: 40% !important;}
	.sp_w45per  { width: 45% !important;}
	.sp_w50per  { width: 50% !important;}
	.sp_w60per  { width: 60% !important;}
	.sp_w70per  { width: 70% !important;}
	.sp_w80per  { width: 80% !important;}
	.sp_w90per  { width: 90% !important;}
	.sp_w100per { width: 100% !important;}
	.sp_w5em    { width: 5em !important;}
	.sp_w10em   { width: 10em !important;}
	.sp_w15em   { width: 15em !important;}
	.sp_w20em   { width: 20em !important;}
}
	
/* -------------------------------------------------------
font-size
------------------------------------------------------- */
.fs10 { font-size: 10px   !important;}
.fs12 { font-size: 12px !important;}
.fs14 { font-size: 14px !important;}
.fs16 { font-size: 16px !important;}
.fs18 { font-size: 18px !important;}
.fs20 { font-size: 20px !important;}
.fs22 { font-size: 22px !important;}

/* -------------------------------------------------------
color
------------------------------------------------------- */
.colb { color: #000 !important;}
.colw { color: #fff !important;}
.colblu  { color: #005bac !important;}
.colr { color: #d66859 !important;}
.coly { color: #F8F7F3 !important;}
.colg { color: #028745 !important;}



/* -------------------------------------------------------
snsCont
------------------------------------------------------- */
.snsCont {
	margin: 30px 0 40px;
	width: 1200px;
    margin: 0 auto;
	}
/*	.snsCont ul {
		margin-right: -15px;
	}*/
	.snsCont li {
		float: left;
		margin-right: 30px;
	}	
	.snsCont li:last-child {
		margin-right: 0;
	}
	.snsCont li {
		width:380px;
		background:#fff;
		height: 442px;
	}
	.snsCont .instaBlock {
		text-align:center;
	}
	.snsCont .instaBlock iframe {
		margin:15px 0;
		text-align:center;
	}
	@media screen and (max-width:767px){
		.snsCont {
			width: 100%;
		}
		.snsCont ul {
			margin-right: 0;
		}
		.snsCont li {
			float: none;
			width:100%;
			margin:0;
			height: auto;
			margin-bottom: 10px;
		}
		.snsCont iframe {
			width: 100% !important;
		}
		._2p3a{
			width: 100% !important;
		}
		.uiScaledImageContainer{
			width: 100% !important;
		}

	}