@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap);

@font-face{
	font-family:'Noto Serif Japanese';
	font-style:normal;
	font-weight:400;
    /*src:url(../common/font/NotoSerifCJKjp-Regular.woff) format('woff');*/
}
@font-face{
	font-family:'Noto Serif Japanese';
	font-style:normal;
	font-weight:700;
    /*src:url(../common/font/NotoSerifCJKjp-Bold.woff) format('woff');*/
}

body *{
	font-family: "Noto Sans JP", sans-serif;
	font-display:swap;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color:#333;
}
#wrap{ min-width:1000px; position:relative;}
/* 1024px以下*/
@media screen and (max-width:1024px){
	#wrap{ min-width:100%;}
}
/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
header{ background-color:#000; padding:0; position:-webkit-sticky; position:sticky; top:0; width:100%; z-index:100; height:51px;}
header .headerInner{ width:94%; margin:0 auto; position:relative;}
header .headerInner h1 a img{ vertical-align:baseline;}
header .headerInner ul{
	width:100%;
	margin:0 2em 0 0;
}
header .headerInner li{
	margin:0 1.5em 0 0;
	text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
}
header .headerInner li a{ width:100%; color:#fff; font-size:1.25rem; position:relative; padding:0 0 0 30px; display:block; -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s;}
header .headerInner li a:hover{ text-decoration:none; opacity:0.6;}
header .headerInner li a:before{
	content:"";
	display:inline-block;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:cover;
	position:absolute;
}
header .headerInner li.formBtn a:before{ width:25px; height:20px; top:0; bottom:0; margin:auto; left:0; background-image:url(/company/images/renewal2020/icon_mail.png);}
header .headerInner li.schoolBtn a:before{ width:22px; height:22px; background-image:url(/company/images/renewal2020/icon_search.png); left:0;}
header .headerInner nav.naviBox{
		width:100%;
		height:100%;
		margin:0 auto;
		padding:3vw;
		position:fixed;
		top:0;
		left:0;
		background:rgba(0,0,0,0.9);
		text-align:center;
		-webkit-transform:translateX(-100%);
		    -ms-transform:translateX(-100%);
		        transform:translateX(-100%);
		z-index:9999;
		-webkit-transition:all .6s;
		-o-transition:all .6s;
		transition:all .6s;
}
header .headerInner nav.naviBox ul{ margin:0 auto;}
header .headerInner nav.naviBox ul.mainList{}
header .headerInner nav.naviBox li{ font-size:1.125rem; width:100%; margin:1em auto; padding:0; color:#fff; display:block;}
header .headerInner nav.naviBox li a{ font-size:0.875rem; font-weight:500; text-align:center; line-height:1.2em; margin:0; padding:0;}
header .headerInner nav.naviBox li dl{ max-width:320px; width:100%; margin:0 auto;}
header .headerInner nav.naviBox li dt{ font-size:0.75rem; font-weight:normal; text-align:center; color:#aaa;}
header .headerInner nav.naviBox li .subList{ padding:0; margin:0.3em 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
header .headerInner nav.naviBox li .subList li{ font-size:0.75rem; text-align:left; -webkit-box-pack:left; -ms-flex-pack:left; justify-content:left; margin:1em 0; color:#666;}
header .headerInner nav.naviBox li #jmkList li,
header .headerInner nav.naviBox li #childrenList li{ width:48%;}
header .headerInner nav.naviBox li #sportsList li,
header .headerInner nav.naviBox li #noavaList li{ text-align:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
header .headerInner #menuBtn{
	display:block;
	right:0;
	top:0;
	width:2em;
	height:40px;
	cursor:pointer;
	margin:0;
	z-index:10000;
	position:absolute;
}
header .headerInner #menuBtn span{
	display:block;
	position:absolute;
	width:2em;
	height:3px;
	border-radius:2px;
	background-color:#fff;
	-webkit-transition:.35s ease-in-out;
	-o-transition:.35s ease-in-out;
	transition:.35s ease-in-out;
}
header .headerInner #menuBtn span:nth-of-type(1){ top:12px;}
header .headerInner #menuBtn span:nth-of-type(2){ top:24px;}
header .headerInner #menuBtn span:nth-of-type(3){ bottom:0;}
header .headerInner #headerInner nav.naviBox.active{ -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); height:100%; overflow-y:scroll;}
/* 最初のspanをマイナス45度に */
header #menuBtn.active span:nth-child(1) {
	top:24px;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	    transform:rotate(-45deg);
}
/* 2番目と3番目のspanを45度に */
header .headerInner #menuBtn.active span:nth-child(2),
header .headerInner #menuBtn.active span:nth-child(3){
	top:24px;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	    transform:rotate(45deg);
}
header .headerInner #menuBtn.active span{ background-color:#fff;}
header .headerInner #headerInner nav.naviBox li{ width:100%; text-align:center; padding:1em 0; border-bottom:1px dashed #999;}
header .headerInner #headerInner nav.naviBox li a{ color:#fff; font-size:112.5%;}
header .headerInner #headerInner nav.naviBox li a span{ color:#ccc; font-size:50%;}
header .headerInner nav.naviBox.active{ -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); overflow-y:scroll; -ms-overflow-style:none;/* IE, Edge 対応 */ scrollbar-width:none;}
header .headerInner nav.naviBox.active::-webkit-scrollbar{ display:none;}

/* 640px以下*/
@media screen and (max-width:640px){
	header{ padding:0.5em 0; height:4rem;}
	header .headerInner #menuBtn{ position:absolute;}
	header .headerInner #menuBtn span:nth-of-type(3){ bottom:0;}
	header .headerInner li{ display:none;}
	header .headerInner li.schoolBtn{ display:none;}
}
/* 800px以下*/
@media screen and (max-width:800px){
	header .headerInner li a{ font-size:1rem;}
}

/*----------------------------------------------------------------------------
 ***                                                           パンくずリスト
----------------------------------------------------------------------------*/
#breadcrumbList{ background-color:#00AAE7; color:#fff; position:-webkit-sticky; position:sticky; top:51px; width:100%; z-index:50;}
#breadcrumbList ul{ max-width:1200px; width:96%; margin:0 auto; padding:0; font-size:0.75rem;}
#breadcrumbList li{ float:left; color:#fff; margin:0 0.2em; line-height:2em; position:relative;}
#breadcrumbList li span{ color:#fff;}
#breadcrumbList li a{ color:#fff; -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s;}
#breadcrumbList li a:hover{ text-decoration:none; opacity:0.6;}
#breadcrumbList li:not(:last-child):after{
	content:">";
    display:inline-block;
    width:1em;
    height:1em;
    line-height:1.2em;
    margin:0 0 0 0.5em;
	
}
/* 768px以下*/
@media screen and (max-width:768px){
	#breadcrumbList{ top:4rem;}
	#breadcrumbList ul{ padding:0.5em 0;}
}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
h2{ color:#999; font-size:0.875rem;}
h2 .eng_def{ display:block; font-size:1.75rem; color:#000; margin:0 auto 0.2em;}


#titleH2Box{ margin-bottom:1.7em;}
#titleH2Box h2{
    font-size:1.75em; color:#000; margin:0 auto; text-align:center; line-height:1.4em;
}

#titleH2Box h2 .jpn_def {
	color:#999; font-size:0.875rem;
    display: block;
    font-size: 1.75em;
    color: #000;
    margin: 0 auto 0.2em;
}
#titleH2Box p{
	text-align:center;
	color: #999;
    font-size: 0.875em;
	line-height:1.2em;
	margin:0;
}

h3{ font-size:1.5rem; margin:0 auto 1em; color:#333;}
.secBox{ padding:2em 0 4em;}
.secBox .sectionInner{ max-width:1000px; width:90%; margin:0 auto;}
.secBox #listSecW .sectionInner{ width:90%;}


.pcNone{ display:none;}
.spNone{ display:block;}
.ipadNone{ display:none;}

/* 768px以下*/
@media screen and (max-width:768px){
	.pcNone{ display:block;}
	.spNone{ display:none;}
	.ipadNone{ display:none;}
	#titleH2Box{ margin-bottom:1.0em;}
	.secBox{ padding:2em 0;}
}
/*----------------------------------------------------------------------------
 ***                                                           RECRUIT
----------------------------------------------------------------------------*/
#recruitSec{ background:rgba(229,227,225,0.8); padding:0; position:relative; margin:0;}
#recruitSec:before{
	display:block;
	width:100%;
	height:100%;
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-image:url("/company/images/renewal2020/top/img_bg_recruit.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
	opacity:.5;
	z-index:-1;
}
#recruitSec .sectionInner{ padding:3em 0;}
#recruitSec .sectionInner h3{ font-size:1.5rem; color:#333; line-height:1.2em;}
#recruitSec .sectionInner h3 span{ display:block; font-size:0.875rem; color:#666;}
#recruitSec .sectionInner p{ font-size:0.875rem; margin:0 auto 1em;}
#recruitSec .sectionInner #recruitBtnList{ margin:2em auto;}
#recruitSec .sectionInner #recruitBtnList li{
	width:calc(100% / 3 - 1em);
	display:block;
	background:rgba(58, 123,155,1);
	position:relative;color:#fff;
	font-size:1.375rem;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	z-index:0;
	overflow:hidden;
	margin:0 0.5em;
}
#recruitSec .sectionInner #recruitBtnList li:after{
	content:"";
    position:absolute;
    width:0;
    height:0;
    bottom:1em;
    right:1em;
    border-style:solid;
    border-color:transparent transparent #fff transparent;
    border-width:0 0 1em 1em;
    z-index:1;
}
#recruitSec .sectionInner #recruitBtnList li:before{
	display:block;
	width:100%;
	height:100%;
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
	opacity:0.2;
	z-index:-1;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}
#recruitSec .sectionInner #recruitBtnList li .recruitBtn{ width:100%; height:100%; padding:2em 0; display:block; color:#fff; text-decoration:none; position:relative;}
#recruitSec .sectionInner #recruitBtnList li .recruitBtn .asmoTxt{font-size: 93%;font-weight: bold;height: 0.0em;}
#recruitSec .sectionInner #recruitBtnList li .recruitBtn:before,
#recruitSec .sectionInner #recruitBtnList li .recruitBtn:after{
	content:"";
	position:absolute;
	top:0.5em;
	right:0.5em;
	bottom:0.5em;
	left:0.5em;
	z-index:2;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}
#recruitSec .sectionInner #recruitBtnList li .recruitBtn:before{ border-top:1px solid #fff; border-bottom:2px solid #fff; -webkit-transform:scale(0, 1); -ms-transform:scale(0, 1); transform:scale(0, 1);}
#recruitSec .sectionInner #recruitBtnList li .recruitBtn:after{ border-right:1px solid #fff; border-left:2px solid #fff; -webkit-transform:scale(1, 0); -ms-transform:scale(1, 0); transform:scale(1, 0);}
#recruitSec .sectionInner #recruitBtnList li .recruitBtn:hover:after,
#recruitSec .sectionInner #recruitBtnList li .recruitBtn:hover:before{ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
#recruitSec .sectionInner #recruitBtnList #popup-newgraduate:before{ background-image:url("/company/images/renewal2020/top/img_recruitBtn_newgraduate.jpg");}
#recruitSec .sectionInner #recruitBtnList #rec-graduate:before{ background-image:url("/company/images/renewal2020/top/img_recruitBtn_graduate02b.jpg");}
#recruitSec .sectionInner #recruitBtnList #rec-parttime:before{ background-image:url("/company/images/renewal2020/top/img_recruitBtn_parttime02.jpg"); background-position-y:center;}
#recruitSec .sectionInner #recruitBtnList #rec-internship:before{ background-image:url("/company/images/renewal2020/top/img_recruitBtn_internship.jpg");}
#recruitSec .sectionInner #recruitBtnList #rec-shiritsu:before{ background-image:url("/company/images/renewal2020/top/img_recruitBtn_shiritsu.jpg"); background-position-y:center;}

#recruitSec .sectionInner #recruitBtnList li:nth-of-type(4),
#recruitSec .sectionInner #recruitBtnList li:nth-of-type(5){ width: calc(100% / 2 - 1em); margin: 1em 0.5em 0;}
#recruitSec .sectionInner #recruitBtnList li:nth-of-type(4) .recruitBtn,
#recruitSec .sectionInner #recruitBtnList li:nth-of-type(5) .recruitBtn{ padding: 0.2em 0;}
#recruitSec .sectionInner #recruitBtnList li:nth-of-type(4) .recruitBtn,
#recruitSec .sectionInner #recruitBtnList li:nth-of-type(5) .recruitBtn{ line-height: 1.5em; padding:0.5em 0;}

#recruitSec .sectionInner #recruitBtnList li .recruitBtn span{color:#fff;display:block;font-size:0.75rem;font-weight:500;}
#recruitSec .sectionInner #recruitBtnList li .recruitBtn span.recLabel{ display: inline-block; background: #10213F; font-size: 12px; padding: 0 1em; border-radius:100vh; line-height: 1.5em;}
#recruitSec .sectionInner #recruitBtnList li .recruitBtn span.smallTxt { font-size: 1.2rem; font-weight: bold; line-height: 1.3em;}


/* 募集停止 */
#recruitSec .sectionInner #recruitBtnList li.recNone{ background: rgba(76 76 76); cursor:default;}
#recruitSec .sectionInner #recruitBtnList li.recNone:after{display:none;}
#recruitSec .sectionInner #recruitBtnList li.recNone span.recLabel{ display: inline-block; background: #2D2D2D; font-size: 12px; padding: 0 1em; border-radius:100vh; line-height: 1.5em;}
#recruitSec .sectionInner #recruitBtnList li.recNone .recruitBtn:before,
#recruitSec .sectionInner #recruitBtnList li.recNone .recruitBtn:after{ display:none;}

/*----------------------------------------------------------------------------
 ***                                                                     SNS
----------------------------------------------------------------------------*/
#snsSec{ background-color:#EAF0F0; margin:0;}
#snsSec .sectionInner{ max-width:1000px; width:90%; margin:0 auto;}
#snsSec .sectionInner li{ width:calc(100% / 5 - 1.5em); margin:0 auto;}
#snsSec .sectionInner dt{
	width:100%;
	height:4em;
	padding:0;
	border:2px dotted #000;
	background-color:#fff;
	line-height:1.2em;
	font-size:0.875rem;
}
#snsSec .sectionInner dd{ height:12em; padding:0.5em 0; border-bottom:5px solid #000;}
#snsSec .sectionInner dd ul{ width:100%;}
#snsSec .sectionInner dd li,
#snsSec .sectionInner dd p{
	width:100%;
	margin:1em 0;
	text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
}
#snsSec .sectionInner dt,
#snsSec .sectionInner dd{
	text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
}
/*----------------------------------------------*/
#snsSec .sectionInner li.account_jmk dt,
#snsSec .sectionInner li.account_jmk dd{ border-color:#FFE100;}
/*----------------------------------------------*/
#snsSec .sectionInner li.account_hj dt,
#snsSec .sectionInner li.account_hj dd{ border-color:#FFE100;}
/*----------------------------------------------*/
#snsSec .sectionInner li.account_asmo dt,
#snsSec .sectionInner li.account_asmo dd{ border-color:#FFE100;}
/*----------------------------------------------*/
/*----------------------------------------------*/
#snsSec .sectionInner li.account_jbsm dt,
#snsSec .sectionInner li.account_jbsm dd{ border-color:#FF7BAC;}
/*----------------------------------------------*/
#snsSec .sectionInner li.account_pd dt,
#snsSec .sectionInner li.account_pd dd{ border-color:#FF7BAC;}
/*----------------------------------------------*/
#snsSec .sectionInner li.account_dsa dt,
#snsSec .sectionInner li.account_dsa dd{ border-color:#95CE3A;}
/*----------------------------------------------*/
#snsSec .sectionInner dd a{ color:#413957; font-size:1.25rem; font-weight:bold; padding:0 0 0 30px; position:relative; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s;}
#snsSec .sectionInner dd a:hover{ text-decoration:none;}
#snsSec .sectionInner dd a:before{
	content:"";
	display:block;
	width:25px;
	height:25px;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left center;
}
#snsSec .sectionInner dd .fb a:before{ background-image:url(/company/images/renewal2020/icon_fb.png);}
#snsSec .sectionInner dd .insta a:before{ background-image:url(/company/images/renewal2020/icon_insta.png);}
#snsSec .sectionInner dd .twi a:before{ background-image:url(/company/images/renewal2020/icon_twi.png);}
#snsSec .sectionInner li.account_jmk a:hover{ color:#FFE100;}
#snsSec .sectionInner li.account_hj a:hover{ color:#FFE100;}
#snsSec .sectionInner li.account_jbsm a:hover{ color:#FF7BAC;}
#snsSec .sectionInner li.account_pd a:hover{ color:#FF7BAC;}
#snsSec .sectionInner li.account_dsa a:hover{ color:#95CE3A;}

#snsSec .sectionInner li.account_jmk .insta a{ max-width:140px; width:100%; line-height:0.8em;}
#snsSec .sectionInner li.account_jmk .insta a span{ display:block; font-size:0.75rem; text-align:left; margin:0 0 0 0.5em;}

#snsSec .sectionInner dd li:not(:last-child){ border-bottom:1px dashed #ccc; padding:0 0 1em;}


/* 640px以下*/
@media screen and (max-width:640px){
	#recruitSec .sectionInner p{ text-align:left;}
}
@media screen and (max-width:768px){
	/*----------------------------------------------------------------------------
	 ***                                                           SNS
	----------------------------------------------------------------------------*/
	#snsSec .sectionInner li{ width:90%; margin:0 auto 1em;}
	#snsSec .sectionInner dt{ height:auto; padding:1em 0; font-size:0.875rem;}
	#snsSec .sectionInner dd{ height:auto; padding:0.5em 0 1em; border:none;}
	#snsSec .sectionInner dd a{ font-size:1.125rem;}
	#snsSec .sectionInner dd li, #snsSec .sectionInner dd p{ margin:1.5em auto;}
	#snsSec .sectionInner dd ul{ width:70%;}
	#snsSec .sectionInner li.account_jmk .insta a{ max-width:100%; width:auto; font-size:1.125rem; text-align:center;}
	#snsSec .sectionInner li.account_jmk .insta a span{ display:inline-block; font-size:1.125rem; margin:0 0.5em 0 0;}
	/*----------------------------------------------------------------------------
	 ***                                                           RECRUIT
	----------------------------------------------------------------------------*/
	#recruitSec .sectionInner #recruitBtnList{ width:90%; margin:0 auto;}
	#recruitSec .sectionInner #recruitBtnList li,
	#recruitSec .sectionInner #recruitBtnList li:nth-of-type(4),
	#recruitSec .sectionInner #recruitBtnList li:nth-of-type(5){ width:100%; margin:0.5em;}
	#recruitSec .sectionInner #recruitBtnList li .recruitBtn,
	#recruitSec .sectionInner #recruitBtnList li:nth-of-type(4) .recruitBtn,
	#recruitSec .sectionInner #recruitBtnList li:nth-of-type(5) .recruitBtn{ padding:1em 0; line-height: 1.6em;}
}


/*----------------------------------------------------------------------------
 ***                                                                開校情報
----------------------------------------------------------------------------*/
/*#openList{ max-width:360px; width:100%;}
#openList h3{ text-align:center; font-size:1rem; padding:0.3em 0 0.2em; margin:0 auto 0.5em; border-top:1px solid #333; border-bottom:1px solid #333;}
#openList .open-school{ overflow-y:scroll; height:200px;}
#openList .open-school li{ padding:0.25em 0;}
#openList .open-school dt,
#openList .open-school dd{
    display:-webkit-flex;
    display flex;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:center;
    justify-content:center;
}
#openList .open-school dt{
	width:25%;
	text-align:center;
	font-size:0.6875rem;
	color:#fff;
	border-radius:5px;
	padding:0.3em 0.2em 0.2em;
}
#openList .open-school dt.new-open{ background-color:#41C2EA;}
#openList .open-school dt.move-open{ background-color:#E693A9;}
#openList .open-school dt.renewal-open{ background-color:#C4CF44;}
#openList .open-school dd{ padding:0 0 0 0.5em; font-size:0.75rem; font-weight:500; color:#666; line-height:1.4em;}
#openList .open-school dd.open-date{}
#openList .open-school dd.open-format{}
#openList .open-school dd.open-format img{}
#openList .open-school dd.open-name{}
#openList .open-school dd a:hover{ text-decoration:none;}
*/
/* PickUp */
/*
#openList .pickup-school{}
#openList .bx-wrapper{ box-shadow:none; border:none;}
#openList .bx-wrapper li a{ position:relative; display:block; color:#fff; background-repeat:no-repeat; background-position:center; background-size:cover;}
#openList .bx-wrapper li a dl{ position:absolute; top:0; bottom:0; left:0; right:0;}
#openList .bx-wrapper li a dt,
#openList .bx-wrapper li a dd{ text-align:center; font-size:1.25rem; font-weight:bold;}
#openList .bx-wrapper .bx-viewport{ max-height:200px;}
#openList .bx-wrapper .bx-prev{
	width:20px;
    height:42px;
    background-image:url(/company/images/top/icon_transition03.png);
    background-repeat:no-repeat;
    background-position:0;
    background-size:100%;
}
#openList .bx-wrapper .bx-next{
	width:20px;
    height:42px;
    background-image:url(/company/images/top/icon_transition02.png);
    background-repeat:no-repeat;
    background-position:0;
    background-size:100%;
}
#openList .bx-wrapper li.default a{ background-image:url(/company/images/top/pickup_school/default.jpg);}
#openList .bx-wrapper li.default01_it a{ background-image:url(/company/images/top/pickup_school/default01_it.jpg);}
#openList .bx-wrapper li.default02_it a{ background-image:url(/company/images/top/pickup_school/default02_it.jpg);}
#openList .bx-wrapper li.default03_it a{ background-image:url(/company/images/top/pickup_school/default03_it.jpg);}
*/

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
footer{ background-color:#413957; padding:2em 0;}
footer .footerInner{ max-width:600px; width:90%; margin:2em auto 1em; position:relative;}
footer .footerInner li{ color:#999 !important;}
/*---------------------------*/
footer .footerInner dt,
footer .footerInner dd,
footer .footerInner li,
footer .footerInner a,
footer  p{ color:#fff;}
/*---------------------------*/
footer .footerInner dt,
footer .footerInner li,
footer .footerInner strong{ font-size:0.75rem; margin:0.2em 0;}
/*---------------------------*/
footer .footerInner .mainList{ margin:0 1em 0 0;}
/*---------------------------*/
footer .footerInner dd{ margin:0 0 1.5em;}
footer .footerInner a{ text-decoration:none; padding:0 0 0 1.6em; position:relative; color:#ccc; -webkit-transition:color .3s; -o-transition:color .3s; transition:color .3s;}
footer .footerInner a:hover{ color:#fff;}
footer .footerInner a:before{
	content:"▲";
	display:block;
	width:1em;
	height:1em;
	font-size:0.6275rem;
	position:absolute;
	left:0;
	color:#ccc;
	-webkit-transform:rotate(-30deg);
	    -ms-transform:rotate(-30deg);
	        transform:rotate(-30deg);
}
footer p{ font-size:0.875rem;}
footer p.customerTEL{ font-size: 70%;margin: 0 0 -4px;}
footer p.customerTEL a{ color: #fff;}


@media screen and (max-width:768px){
	footer{ padding-bottom:0;}
	footer  p.tac{ margin:0; padding:1em 0; background-color:#000;}
	footer  p.customerTEL{ margin:0 0 -1em; padding:1em 0 0; background-color:#000;}

	
}


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pageTop{ position:fixed; right:0.5em; bottom:0.5em; z-index:100;}
.pageTop a{
	width:50px;
	height:50px;
	background-color:#fff;
	border-radius:50px;
	border:2px solid #00AAE7;
	position:relative;
	color:#00AAE7;
	font-weight:500;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
	-webkit-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}
/*.pageTop a:before{
	content:"▲";
	display:block;
	width:1em;
	height:1em;
	font-size:75%;
	position:absolute;
	top:0.2em;
	left:0;
	right:0;
	margin:0 auto;
	color:#00AAE7;
}*/
.pageTop a:hover{ background-color:#00AAE7; color:#fff; text-decoration:none;}