@charset "utf-8";
/*=============================================================
 contents Layout
=============================================================*/
/* contents
-------------------------------------------------------------*/
#contents{
	line-height:2.2;
	padding-bottom:120px;
}
#contents .mT1L{margin-top:2.2em;}
.fitFtr{margin-bottom:-120px;}
.sp-boxBreak{}

/* boxContents */
.boxContents{
	width: auto;
	max-width:960px;
	padding: 0 35px;
	margin-left:auto !important;
	margin-right:auto !important;
}
/* set animation
-------------------------------------------------------------*/
.setScMc{opacity:0;}
/* keyFadeOut */
@keyframes keyFadeOut{
	from{
		visibility:visible;
		opacity:1;
	}
	to{
		visibility:hidden;
		opacity:0;
	}
}
/* fadeSlide01 */
.fadeSlide01.setScMc.enter{animation:keyFadeSlide01 .8s ease-out 0s 1 normal forwards;}
@keyframes keyFadeSlide01{
	from{
		opacity:0;
		transform:translate(0,40px);
	}
	to{
		opacity:1;
		transform:translate(0,0);
	}
}

/* contentsHdr
-------------------------------------------------------------*/
/* title */
#ttl-page-area{
	display:block;
	margin:0 0 50px;
	position:relative;
}
#ttl-page,
#ttl-page.narrow{
	width:100%;
	height:238px;
	position:relative;
	overflow:hidden;
	z-index:2;
}
#ttl-page #ttl-pageinner,
#ttl-page.narrow #ttl-pageinner{
	width:100%;
	height:100%;
	display:table;
	position:relative;
}
#ttl-page h1{
	padding: 0 35px;
	height:238px;
	display:table-cell;
	vertical-align:middle;
	font-size:32px;
	line-height:1.35;
	color:#fff;
	font-weight:700;
	overflow:hidden;
	text-align:center;
}
#ttl-page h1::after{
	content:"";
	width:100%;
	height:100%;
	display:block;
	text-align:center;
	background-position:center center !important;
	background-size:cover !important;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	transition:all 1.3s ease 0.4s;
	opacity:0;
	transform:scale(1.15,1.15);
}
.ttlon #ttl-page h1::after{
	opacity:1;
	transform:scale(1.0,1.0);
}
#ttl-page h1 span{
	display:block;
}
#ttl-page h1 span.icn{
	padding-bottom:10px;
	width:150px;
	height:28px;
	overflow:hidden;
	margin:0 auto;
}
#ttl-page h1 span.icn img{
	width:100%;
	vertical-align:top;
}
/* topicPath */
#topicPath{
	position:absolute;
	left:35px;
	right:35px;
	bottom:20px;
	color:#fff;
	z-index:3;
}
#topicPath ul{
	font-size:0;
}
#topicPath li{
	display:inline-block;
	font-size:12px;
}
#topicPath li+li{
	padding-left:28px;
	position:relative;
}
#topicPath li+li:before{
	content:"/";
	width:28px;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
}
#topicPath a{
	color:#fff;
  position: relative;
  text-decoration: none;
  line-height:19px;
}
#topicPath a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}
#topicPath a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
/* title
-------------------------------------------------------------*/
.ttl-2nd-grade{
	position:relative;
	margin:140px 0 50px;
	padding:0 0 20px;
}
.ttl-2nd-grade:after{
	content: '';
 display: block;
	width: 100%;
	height: 60px;
	position: absolute;
	left:0;
	bottom: 0px;
	background: #e3e5e8;
}
.ttl-2nd-grade-inner{
	width:100%;
	position:relative;
	z-index:2;
}
.ttl-2nd-grade-inner:after{
	content: '';
 display: block;
	position: absolute;
	top:0;
	left:-15px;
	right:36%;
	bottom:0;
	background: linear-gradient(to right, #cf121b, #f6b32c);
	transform:skewX(-10deg);
}
.ttl-2nd-grade-inner h2{
	width:100%;
	max-width:640px;
	padding:25px 40px 25px 0;
	box-sizing:border-box;
	font-size: 20px;
	line-height: 1.3;
	position:relative;
	z-index:3;
	color:#fff;
}
/* text
-------------------------------------------------------------*/
.ttl-2nd{
	font-size: 26px;
	line-height: 1.3;
	margin: 70px 0 50px;
	padding-bottom: 26px;
	position: relative;
  display: inline-block;
}
.ttl-2nd:after{
	content: '';
	position: absolute;
	bottom: 0px;
  display: inline-block;
	width: 40px;
	height: 2px;
	left:0;
	background:  linear-gradient(to right, #cf121b, #f6b32c);
}
.catch{
	text-align: center;
	font-size: 20px;
	margin: 0 0 60px;
	font-weight: bold;
	line-height: 2;
}
.ttl-3rd{
	color: #eb6e00;
	font-size: 20px;
	margin: 60px 0 20px;
}
.ttl-2nd+.ttl-3rd{
  margin-top: 0;
}
.ttl-4th{
	font-size: 17px;
  line-height: 1.6;
	margin: 60px 0 20px;
}
/* col2
-------------------------------------------------------------*/
.col2{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	width: 100%;
  margin-top: 50px;
}
.col2>*{
	width: calc(50% - 20px);
	text-align: left;
}
/* col3
-------------------------------------------------------------*/
.col3{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	width: 100%;
}
.col3>*{
	width: calc(33.3% - 20px);
	text-align: left;
}
/* link
-------------------------------------------------------------*/
.no_link{
	pointer-events:none;
  opacity: 0.5;
}
/* list
-------------------------------------------------------------*/
/* list-num */
.list-num{
	margin-left:1.4em;
}
.list-num>li{
	text-indent:0;
	list-style-type:decimal;
}
/* link-line */
.link-line a{
  display: inline-block;
  color: #eb6e00;
  position: relative;
  text-decoration: none;
  line-height: 19px;
}
.link-line a::after{
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #eb6e00;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}
.link-line a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
/* link-ac */
.link-ac{
	line-height:1.4;
	text-align:center;
	margin-top:30px;
	font-size:0;
}
.link-ac li{
	display:inline-block;
	margin-bottom:10px;
  width: calc((100% - 80px) / 4);
}
.link-ac li+li{margin-left:20px;}
.link-ac a{
  width: 100%;
  height: 56px;
  padding: 10px;
  box-sizing: border-box;
	color:#333;
  font-weight: 700;
  line-height: 1.2;
	text-decoration:none;
	display:table;
	position:relative;
	font-size:15px;
}
.link-ac a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #cf121b, #f6b32c);
  z-index: -1;
  opacity: 0;
  transition: all .3s;
}
.link-ac a:hover::after {
  opacity: 1;
}
html:not(.mobile) .link-ac a:hover{color:#fff;}
.link-ac a span{
	position:relative;
	display:table-cell;
  height: 52px;
	vertical-align:middle;
	z-index:3;
}
.link-ac a span.arw{
  position: absolute;
  width: 15px;
  height: 15px;
  display: block;
  top: 50%;
  left:24px;
  z-index: 4;
  transform: translateY(-50%);
}
.link-ac a span.arw::before{
	content:"";
	box-sizing:border-box;
	width:13px;
	height:13px;
	border-right:2px solid #d11a24;
	border-bottom:2px solid #d11a24;
	-webkit-transform:translate(-50%, -20%) rotate(45deg);
	transform:translate(-50%, -20%) rotate(45deg);
	position:absolute;
	bottom:-3px;
	left:0;
}
.link-ac a span.arw::after {
  position: absolute;
  display:block;
  content: '';
  top: 0;
  left: -1px;
  width: 2px;
  height: 17px;
  background: linear-gradient(to bottom, #f5af2b 0%, #d11a24 100%);
  vertical-align: middle;
}
.link-ac a:hover span.arw::before{
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
}
.link-ac a:hover span.arw::after{
  background:#fff;
}
.link-ac a span.lineTL,
.link-ac a span.lineBR{
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	z-index: 4;
}
.link-ac a span.lineTL::before,
.link-ac a span.lineTL::after,
.link-ac a span.lineBR::before,
.link-ac a span.lineBR::after{
	content: "";
	display: block;
	position: absolute;
}

.link-ac a span.lineTL::before,
.link-ac a span.lineBR::before{
	width: 100%;
	height: 2px;
	background:linear-gradient(to right, #cf121b, #f6b32c);
	left: 0;
}
.link-ac a span.lineTL::after{
	width: 2px;
	height: 100%;
	background:#cf121b;
	left: 0;
}
.link-ac a span.lineBR::after{
	width: 2px;
	height: 100%;
	background:#f6b32c;
	right: 0;
}
.link-ac a span.lineTL::before{
	top: 0;
}
.link-ac a span.lineBR::before{
	bottom: 0;
}
/* list-circle */
.list-circle>li{
	text-indent:0;
	padding-left:1em;
	position:relative;
}
.list-circle>li::before{
	content:"";
	background:#eb6e00;
	display:block;
	width:0.8em;
	height:0.8em;
	margin-top:-0.1em;
	position:absolute;
	top:0.8em;
	left:0;
	border-radius:1em;
}
.list-circle>li>span{
  display: block;
  font-weight: 700;
  color: #eb6e00;
}
.list-circle>li>p{
	margin-left: -1em;
}
/* atn */
/*.text-atn,
.text-atnNum{
	font-size:14px;
	line-height:1.6;
	margin-top:25px;
}
.text-atn:not(ul),
.text-atn li{
	text-indent:-1em;
	margin-left:1em;
}
.text-atnNum:not(ul),
.text-atnNum li{
	text-indent:-1.84em;
	margin-left:1.84em;
}*/
/* indent */
/*.idt1{text-indent:1em;}*/


/* toggle-set
-------------------------------------------------------------*/
.toggle-set{margin-top: 70px;}
.toggle-set+.toggle-set{margin-top: 0;}
.toggle-set .toggle-btn,
.toggle-set .toggle-close{
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	transition:.3s;
}
.toggle-set>.toggle-box{display:none;}
.toggle-set.open>.toggle-box{
	display:block;
	border-top:1px dotted #ccc;
	padding: 30px 0;
}
.toggle-set>.toggle-btn{
	font-size:18px;
	line-height:1.4;
	font-weight:bold;
	box-sizing:border-box;
	width:100%;
	border-top:1px dotted #ccc;
	position:relative;
}
.toggle-set:last-child>.toggle-btn{border-bottom:1px dotted #ccc;}
.toggle-set>.toggle-btn>span{
	display:table-cell;
	vertical-align:middle;
	padding:30px 30px 30px 0 ;
}

.toggle-set>.toggle-btn:after,
.toggle-set>.toggle-btn:before{
	content: "";
	background-color: #999;
	display: block;
	width: 28px;
	height: 2px;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	right: 13px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.toggle-set>.toggle-btn:after{
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}
.toggle-set.open>.toggle-btn:after{
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	transform:rotate(0);
}

/* faq */
.toggle-set>.toggle-btn>.faq-ttl{
	padding-right: 18px;
}

/* toggle-sp */
.toggle-sp .toggle-btn{cursor:auto;}
.toggle-sp .toggle-close{display:none;}
.toggle-sp>.toggle-box{display:block;}
.sp-noLink{}

/* delete JS Style */
@media print, screen and (min-width:751px){
.toggle-sp>.toggle-box{display:block !important;}
}
/* table
-------------------------------------------------------------*/
/* table-dft */
.table-dft{
	position: relative;
	background-color:#fff;
	width:100%;
	border-collapse:collapse;
	margin: 0 0 10px;
	line-height:1.8;
}
.table-dft:after{
	position: absolute;
	top:0;
	content: '';
	width: 100%;
	height: 3px;
	background:  linear-gradient(to right, #cf121b, #f6b32c);
}
.table-dft th{
	vertical-align:top;
	padding:18px 10px;
}
.table-dft th{
	border-bottom:1px dotted #999;
	background-color:#f5f5f5;
}
.table-dft td{
	border-bottom:1px dotted #999;
	vertical-align:top;
	padding:18px 30px;
}
/* figure
-------------------------------------------------------------*/
figure{
	text-align: center;
}
p+figure{
	margin: 50px 0;
}
figcaption{
  font-size: 14px;
}



/* #ftrNavi
-------------------------------------------------------------*/
#ftrNavi{
	padding: 65px 35px;
	background: #edeff1;
}
#ftrNaviInner{
	width:100%;
	max-width:960px;
	margin:0 auto;
}
#ftrNaviInner ul{
	display:flex;
	flex-wrap:wrap;
  gap: 2%;
	justify-content: space-between;
}
#ftrNaviInner li{
	/*width:23.5%;*/
  width: calc((100% - 6%) / 4);
	line-height:1.25;
	text-align:center;
	background:#ffffff;
}
/*
#ftrNaviInner li:nth-child(n+2){
  margin-left: 1%;
}
*/

#ftrNaviInner li a{
	width:100%;
	height:100px;
	display:table;
	box-sizing:border-box;
	position:relative;
	z-index:2;
	color:#000;
	font-weight:700;
	font-size:16px;
	text-decoration:none;
}
#ftrNaviInner li.act a{
	opacity:0.7;
}
#ftrNaviInner li a:hover{
	color:#fff;
	opacity:1;
}
#ftrNaviInner li a::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	background:linear-gradient(to right, #cf121b, #f6b32c);
	z-index:1;
	opacity:0;
	transition: all .3s;
}
#ftrNaviInner li a:hover::after{
	opacity:1;
}
#ftrNaviInner li a span{
	position:relative;
	display:table-cell;
	height:100px;
	vertical-align:middle;
	z-index:3;
}
#ftrNaviInner li a span.arw{
	position: absolute;
	width: 18px;
	height: 18px;
	display: block;
	top: 50%;
	right: 10px;
	z-index: 4;
	transform:translateY(-50%);
}
#ftrNaviInner li a span.arw::before{
	position: absolute;
	content: '';
	top: 50%;
	right: 0;
	width: 18px;
	height: 2px;
	background: linear-gradient(to right, #f5af2b 0%, #d11a24 100%);
	vertical-align: middle;
	transition: all .3s;
	transform:translateY(-50%);
}
#ftrNaviInner li a span.arw::after {
 position: absolute;
	top: 50%;
 right: 4px;
 content: '';
	width: 6px;
	height: 6px;
	margin-top:-1px;
	border-top: 2px solid #d11a24;
	border-right: 2px solid #d11a24;
	transform: rotate(45deg) translateY(-50%);
	transition: all .3s;
}
#ftrNaviInner li a:hover span.arw::before{
	background:#fff;
}
#ftrNaviInner li a:hover span.arw::after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
#ftrNaviInner li a span.lineTL,
#ftrNaviInner li a span.lineBR{
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	z-index: 4;
}
#ftrNaviInner li a span.lineTL::before,
#ftrNaviInner li a span.lineTL::after,
#ftrNaviInner li a span.lineBR::before,
#ftrNaviInner li a span.lineBR::after{
	content: "";
	display: block;
	position: absolute;
}

#ftrNaviInner li a span.lineTL::before,
#ftrNaviInner li a span.lineBR::before{
	width: 100%;
	height: 2px;
	background:linear-gradient(to right, #cf121b, #f6b32c);
	left: 0;
}
#ftrNaviInner li a span.lineTL::after{
	width: 2px;
	height: 100%;
	background:#cf121b;
	left: 0;
}
#ftrNaviInner li a span.lineBR::after{
	width: 2px;
	height: 100%;
	background:#f6b32c;
	right: 0;
}
#ftrNaviInner li a span.lineTL::before{
	top: 0;
}
#ftrNaviInner li a span.lineBR::before{
	bottom: 0;
}
#ftrNaviInner li.act a span.lineTL,
#ftrNaviInner li.act a span.lineBR{
	display:none;
}

/* #ftrBnr
-------------------------------------------------------------*/
#ftrBnr{
	padding: 139px 35px;
	background: url(/saiyou/newgraduate/shared/img/bg_footer_bnr.jpg) no-repeat center center;
	background-size:cover;
}
#ftrBnrInner{
	width:100%;
	max-width:960px;
	margin:30px auto 0;
}
#ftrBnr ul{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	/*justify-content:space-between;*/
    justify-content: center;
}
#ftrBnr ul li#ftrBtnRecruit{
 width: calc((100% - 50px) / 3) ;
	position:relative;
	height: 60px;
}

#ftrBnr ul li#ftrBtnNavi{
 width: calc(((100% - 50px) / 3) * 2 + 25px) ;
	position:relative;
	margin-top: -100px;
}
#ftrBnr ul li a{
	width:100%;
	height:60px;
	box-sizing:border-box;
	display:table;
	position:relative;
	text-align:center;
	z-index:2;
	font-size:20px;
	line-height:20px;
	text-decoration:none;
}
#ftrBnr ul li a span{
	display:table-cell;
	height:60px;
	vertical-align:middle;
	z-index:3;
}
#ftrBtnRecruit{
	color:#fff;
	background:#000;
}
#ftrBtnRecruit::after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	box-sizing:border-box;
 border: 2px solid #fff;
	position:absolute;
	top:0;
	left:0;
}
#ftrBnr ul li#ftrBtnRecruit a{
	width:100%;
	color:#fff;
}
#ftrBtnRecruit a span.lineTL,
#ftrBtnRecruit a span.lineBR{
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	z-index: 10;
}
#ftrBtnRecruit a span.lineTL::before,
#ftrBtnRecruit a span.lineTL::after,
#ftrBtnRecruit a span.lineBR::before,
#ftrBtnRecruit a span.lineBR::after{
	content: "";
	display: block;
	position: absolute;
	transition: 0.1s;
}
#ftrBtnRecruit a span.lineTL::before,
#ftrBtnRecruit a span.lineBR::before{
	width: 0%;
	height: 2px;
	background:linear-gradient(to right, #cf121b, #f6b32c);
}
#ftrBtnRecruit a span.lineTL::after{
	width: 2px;
	height: 0%;
	background:#cf121b;
}
#ftrBtnRecruit a span.lineBR::after{
	width: 2px;
	height: 0%;
	background:#f6b32c;
}
#ftrBtnRecruit a span.lineTL::before{
	top: 0;
	right: 0;
	transition-delay: 0.3s;
}
#ftrBtnRecruit a span.lineTL::after{
	top: 0;
	left: 0;
	transition-delay: 0.2s;
}
#ftrBtnRecruit a span.lineBR::before{
	bottom: 0;
	left: 0;
	transition-delay: 0.1s;
}
#ftrBtnRecruit a span.lineBR::after{
	bottom: 0;
	right: 0;
	transition-delay: 0s;
}
#ftrBtnRecruit a:hover{
	color:#fff;
}
#ftrBtnRecruit a:hover span.lineTL::before{
	width: 100%;
	transition-delay: 0s;
}
#ftrBtnRecruit a:hover span.lineTL::after{
	height: 100%;
	transition-delay: 0.1s;
}
#ftrBtnRecruit a:hover span.lineBR::before{
	width: 100%;
	transition-delay: 0.2s;
}
#ftrBtnRecruit a:hover span.lineBR::after{
	height: 100%;
	transition-delay: 0.3s;
}
/* #ftrBtnEntry */
/*#ftrBtnEntry a{
	color:#fff;
}
#ftrBtnEntry a span{
	border:1px solid #fff;
	background-image: linear-gradient(to right, #f18e01 0%, #e90f64 15%, #e90f64 25%, #e90f64 35%, #7515c9 50%, #e90f64 65%, #e90f64 75%, #e90f64 85%, #f18e01 100%);
	background-position: left center;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-size: 200% auto;
}
#ftrBtnEntry a:hover span{
	background-position: right center;
}*/
/* #ftrBtnEntry END */
#ftrBnr ul #ftrBtnNavi{
 position: relative;
 color: #fff;
 font-size: 20px;
 width: calc((((100% - 50px) / 3) * 2) + 25px) ;
}
#ftrBnr ul #ftrBtnNavi li{
width: 100%;
}
#ftrBnr ul #ftrBtnNavi li dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#ftrBnr ul #ftrBtnNavi li dl dt{
	width: 100%;
	margin: 50px 0 30px;
}
#ftrBnr ul #ftrBtnNavi>span{
	width:100%;
	text-align:center;
 position: absolute;
 top:-45px;
 left:0;
}
#ftrBnr ul #ftrBtnNavi>span>span{
	width:100%;
 position: relative;
 display: block;
}
#ftrBnr ul #ftrBtnNavi>span>span:after,
#ftrBnr ul #ftrBtnNavi>span>span:before{
 content:"";
	width: calc(50% - 50px);
 display: inline-block;
 height: 1px;
 background-color: #fff;
 position: absolute;
 top: 50%;
}
#ftrBnr ul #ftrBtnNavi>span>span:before {
  left:0;
}
#ftrBnr ul #ftrBtnNavi>span>span:after {
  right: 0;
}
#ftrBnr ul #ftrBtnNavi dl dd{
 width: calc((100% - 25px) / 2);
}
#ftrBnr ul #ftrBtnNavi dl dd a{
	height:80px;
}
#ftrBnr ul #ftrBtnNavi dl dd.ftrBtnNavi_entry a {
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    display: table;
    position: relative;
    text-align: center;
    z-index: 2;
    font-size: 24px;
    line-height: 24px;
    text-decoration: none;
    color: #fff;
}
#ftrBnr ul #ftrBtnNavi dl dd.ftrBtnNavi_entry a span {
    dsplay: table-cell;
    height: 60px;
    vertical-align: middle;
    z-index: 3;
    background-image: linear-gradient(to right, #f18e01 0%, #e90f64 15%, #e90f64 25%, #e90f64 35%, #7515c9 50%, #e90f64 65%, #e90f64 75%, #e90f64 85%, #f18e01 100%);
    background-position: left center;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-size: 200% auto;
}
#ftrBnr ul #ftrBtnNavi dl dd.ftrBtnNavi_entry a:hover span {
    background-position: right center;
}
#ftrBnr ul #ftrBtnNavi dl dd.ftrBtnNavi_mypage a {
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    display: table;
    position: relative;
    text-align: center;
    z-index: 2;
    font-size: 24px;
    line-height: 24px;
    text-decoration: none;
    color: #333;
    background: linear-gradient(to right, #ff0000 0%, #fbaf3b 33.33%, #ff0000 66.66%, #fbaf3b 100%);
    background-size: 300% auto;
    padding: 2px;
}
#ftrBnr ul #ftrBtnNavi dl dd.ftrBtnNavi_mypage a span {
    display: table-cell;
    height: 56px;
    vertical-align: middle;
    z-index: 3;
    box-sizing: border-box;
    background: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}
#ftrBnr ul #ftrBtnNavi dl dd.ftrBtnNavi_mypage a:hover {
    background-position: right center;
}
#ftrBnr ul #ftrBtnNavi dl dd.ftrBtnNavi_mypage a:hover span {
    background: rgba(255,255,255,0);
    color: #fff;
}
	
#ftrBtnNavi ul li dl dt{
	color: #fff;
	font-size: 20px;
	display: flex;
	align-items: center;
	}

#ftrBtnNavi ul li dl dt{
	flex-grow: 1;
}

#ftrBtnNavi ul li dl dt::before, 
#ftrBtnNavi ul li dl dt::after{
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #fff;
	display: block;	
	}
	
#ftrBtnNavi ul li dl dt::before{
	margin-right: 10px;	
	}
	
#ftrBtnNavi ul li dl dt::after{
	margin-left: 10px;	
	}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:750px), only screen and (max-device-width:750px){

/* contents
-------------------------------------------------------------*/
#contents{padding-bottom:65px;}
.fitFtr{margin-bottom:-65px;}
.sp-boxBreak{
	margin-right:-19px !important;
	margin-left:-19px !important;
}
/* boxContents */
.boxContents{
	margin-right:19px !important;
	margin-left:19px !important;
	padding:0;
}
.boxContents.sp-boxBreak{
	margin-right:0 !important;
	margin-left:0 !important;
}
/* contentsHdr
-------------------------------------------------------------*/
/* title */
#ttl-page-area{
	display:block;
	position:relative;
	margin:0 0 40px;
}
#ttl-page{
	height:150px;
}
#ttl-page.narrow{
	height:90px;
	background-size:cover !important;
}
#ttl-page h1{
	padding: 0 19px;
	font-size:24px;
	height:150px;
}
#ttl-page.narrow h1{
	height:90px;
}
/* topicPath */
#topicPath{
	display:none;
}



/* title
-------------------------------------------------------------*/
.ttl-2nd-grade{
	position:relative;
	margin:140px 0 50px;
	padding:0 0 20px;
}
.ttl-2nd-grade:after{
	content: '';
 display: block;
	width: 100%;
	height: 60px;
	position: absolute;
	left:0;
	bottom: 0px;
	background: #e3e5e8;
}
.ttl-2nd-grade-inner{
	width:100%;
	position:relative;
	z-index:2;
}
.ttl-2nd-grade-inner:after{
	content: '';
 display: block;
	position: absolute;
	top:0;
	left:-15px;
	right:30px;
	bottom:0;
	background: linear-gradient(to right, #cf121b, #f6b32c);
	transform:skewX(-10deg);
}
.ttl-2nd-grade-inner h2{
	width:100%;
	max-width:640px;
	padding:25px 40px 25px 0;
	box-sizing:border-box;
	font-size: 20px;
	line-height: 1.3;
	position:relative;
	z-index:3;
	color:#fff;
}

.ttl-3rd{
  font-size: 16px;
  margin: 46px 0 26px;
}
.ttl-4th{
	font-size: 15px;
	margin: 36px 0 22px;
}
/* text
-------------------------------------------------------------*/
.ttl-2nd{
	font-size: 22px;
	margin: 50px 0 30px;
	font-weight: bold;
}
.catch{
	font-size: 16px;
	margin: 0 0 25px;
}
/* col2
-------------------------------------------------------------*/
.col2{display: block;}
.col2>*{
  width: 100%;
  margin-bottom: 40px;
}
	
/* col3
-------------------------------------------------------------*/
.col3{display: block;}
.col3>*{
  width: 100%;
  margin-bottom: 40px;
}

/* link
-------------------------------------------------------------*/

/* list
-------------------------------------------------------------*/
/* link-ac */
.link-ac{
	margin-top:30px;
}
.link-ac li{
	margin-bottom:20px;
  width: calc((100% - 20px) / 2);
}  
.link-ac li+li:nth-child(odd) {
  margin-left: 0px;
}
.link-ac a{
  padding: 5px;
	font-size: 13px;
}
.link-ac a span{
	font-size: 13px;
}	
.link-ac a span.arw{
  left: 20px;
}  
/* box
-------------------------------------------------------------*/

/* toggle-set
-------------------------------------------------------------*/
/* toggle-sp */
.toggle-sp .toggle-btn{cursor:pointer;}
.toggle-sp .toggle-close{display:block;}
.toggle-sp>.toggle-box{display:none;}
	
.toggle-set>.toggle-btn{font-size: 14px;}
.toggle-set>.toggle-btn>span{padding: 12px 40px 12px 0}
.toggle-set>.toggle-btn:after, .toggle-set>.toggle-btn:before{width:14px;}	
.toggle-set>.toggle-btn>.faq-ttl{
	padding-right: 12px;
	width: 25px;
	height: auto;
}
/* table
-------------------------------------------------------------*/
/* table-dft */

.table-dft th,
.table-dft td{
	display: block;
  width: 100%;
	padding: 13px 10px;
	box-sizing: border-box;
}






/* #ftrNavi
-------------------------------------------------------------*/
#ftrNavi{
	padding: 35px 19px;
}
#ftrNaviInner ul {
  justify-content: space-between;
}
#ftrNaviInner li{
	width:48% !important;
	margin:4% 0 0 0 !important;
}
#ftrNaviInner li a{
	height:70px;
	font-size:13px;
}
#ftrNaviInner li a span{
	position:relative;
	display:table-cell;
	height:70px;
	vertical-align:middle;
	z-index:3;
}
#ftrNaviInner li a span.lineTL::before,
#ftrNaviInner li a span.lineBR::before{
	height: 2px;
}
#ftrNaviInner li a span.lineTL::after{
	width: 2px;
}
#ftrNaviInner li a span.lineBR::after{
	width: 2px;
}  
/* #ftrBnr
-------------------------------------------------------------*/
#ftrBnr{
	padding: 45px 19px;
}
	
#ftrBnrInner{
  width: 100%;
  text-align: center;
  margin: 0 auto 0;
}
#ftrBnr ul{
	display:block;
}
#ftrBnr ul li#ftrBtnRecruit {
	width:80%;
 max-width: 200px;
 margin: 0 auto;
}
#ftrBnr ul li a{
	height:60px;
	font-size:16px;
	line-height:16px;
	font-weight:700;
}
#ftrBnr ul li a span{
	height:60px;
}

#ftrBtnNavi ul li dl dt{
	font-size: 16px;
	}
#ftrBnr ul li#ftrBtnNavi{
 font-size: 16px;
 width: 100%;
 max-width: 100%;
 margin: 10px auto 0;
}
#ftrBnr ul #ftrBtnNavi ul{
 max-width: 100%;
	display:block;
}
#ftrBnr ul #ftrBtnNavi ul li{
	max-width: 100%;
 width: calc(50% - 5px) ;
	margin:0;
}
#ftrBnr ul #ftrBtnNavi ul li a,
#ftrBnr ul #ftrBtnNavi ul li a span{
	width: 100%;
	height:60px;
}
#ftrBtnRecruit a span.lineTL::before,
#ftrBtnRecruit a span.lineTL::after,
#ftrBtnRecruit a span.lineBR::before,
#ftrBtnRecruit a span.lineBR::after{
	display: none;
}

#ftrBnr ul #ftrBtnNavi ul li{
    width: 100%;
    margin: 0 auto;
}
#ftrBnr ul #ftrBtnNavi dl dd{
 width: calc((100% - 15px) / 2);
}
#ftrBnr ul #ftrBtnNavi dl dd a{
	height:60px;
}
#ftrBnr ul #ftrBtnNavi dl dd.ftrBtnNavi_entry a {
    height: 60px;
    font-size: 16px;
    line-height: 24px;
}
#ftrBnr ul #ftrBtnNavi dl dd.ftrBtnNavi_entry a span {
    height: 60px;
}

#ftrBnr ul #ftrBtnNavi dl dd.ftrBtnNavi_mypage a {
    height: 60px;
    font-size: 16px;
    line-height: 24px;
    padding: 2px;
}
#ftrBnr ul #ftrBtnNavi dl dd.ftrBtnNavi_mypage a span {
    height: 56px;
}
	
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:440px){

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones small (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:374px){

}