@charset "utf-8";




/* CSS STYLE */

html {
	font-size: 10px;
}
@media screen and (max-width: 1300px) {
html {
	font-size: 0.7692vw;
}
}
body {
	padding-top: 19.2rem;
	font-size: 1.5rem;
	line-height: 2;
}
body#index{
	padding-top: 16.2rem;
}
a,
a img {
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
a:hover,
a:active {
	text-decoration: underline;
}
a[href^="tel:"] {
	pointer-events: none;
	text-decoration: none;
}

img {
	-webkit-backface-visibility: hidden;
}

.pcnone {
	display: none !important;
}
.nolink {
	pointer-events: none;
	color: #999 !important;
}











/* PARTS */

#contents {
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index: 1;
}

.inner {
	width: 100%;
	max-width: 130rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5rem;
	padding-right: 5rem;
}
.inner-mid {
	width: 100%;
	max-width: 120rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5rem;
	padding-right: 5rem;
}

.head1 {
}
.head2 {
}
.head3 {
}
.head1:first-child,
.head2:first-child,
.head3:first-child {
	margin-top: 0;
}

.btn {
	font-size: 0;
}
.btn a {
	position: relative;
	display: inline-block;
	border-bottom: 1px solid #ececec;
	background: url(../img/icon-dot.svg) left 2.3rem no-repeat;
	background-size: 1rem;
	padding: 2rem 4.5rem 2rem 2rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
	color: #232b4d;
	text-decoration: none;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.btn a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
	border-bottom: 1px solid #c1c1c1;
	width: calc(100% - 4.5rem);
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.btn a:hover:before {
	border-bottom: 1px solid #232b4d;
	width: 100%;
}
.btn a:after {
	content: "";
	display: block;
	position: absolute;
	top: 2.2rem;
	right: 0;
	background-image: url(../img/ar-btn1.svg);
	background-size: 2.5rem 1.1rem;
	background-position: -1.1rem center;
	background-repeat: no-repeat;
	width: 2.2rem;
	height: 1.1rem;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.btn a:hover:after {
	background-position: -0.3rem center;
}
.btn.ak a:after {
	top: 2.3rem;
	right: 0.8rem;
	background-image: url(../img/ar-btn2.svg);
	background-size: 1rem;
	background-position: 0;
	width: 1rem;
	height: 1rem;
}
.btn.ak a:hover:after {
	top: 2.7rem;
	background-position: 0;
}
.btn.wt a {
	border-bottom: 1px solid #acacac;
	background: url(../img/icon-dot-w.svg) left 2.3rem no-repeat;
	color: #fff;
}
.btn.wt a:before {
	border-bottom: 1px solid #fff;
}
.btn.wt a:hover:before {
	border-bottom: 1px solid #fff;
}
.btn.wt a:after {
	background-image: url(../img/ar-btn1-w.svg);
}


.btn.mg a {
	border-bottom: 1px solid #343d63;
	background: none;
	padding: 2rem 4.5rem 2rem 0;
	color: #fff;
}
.btn.mg a:before {
	border-bottom: 1px solid #5d6587;
}
.btn.mg a:hover:before {
	border-bottom: 1px solid #fff;
}
.btn.mg a:after {
	background-image: url(../img/ar-btn1-w.svg);
}



/*
.btn.box a {
	display: block;
	padding: 0 4.5rem 0 0;
}
.btn.box a:before {
	display: none;
}
*/
/*
.btn.box a span {
	position: relative;
	display: inline-block;
	padding: 2rem 0 2rem 2rem;
	-webkit-transition: 0.4s ease;
	transition: 0.4s ease;
}
.btn.box a span:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
	border-bottom: 1px solid #c1c1c1;
	width: 100%;
}
*/
/*
.btn.box a:hover {
	padding: 0;
}
*/
.btn.box a:hover span {
	display: block;
	width: 100%;
}
/*
.btn.box a:hover span:before {
	border-bottom: 1px solid #232b4d;
}
*/
.btn2 {
	font-size: 0;
}
.btn2 a {
	position: relative;
	display: inline-block;
	border: 1px solid #232b4d;
	border-radius: 6rem;
	background-color: #fff;
	height: 5.6rem;
	padding: 0 6rem 0 4rem;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 5.2rem;
	color: #232b4d;
	text-decoration: none;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.btn2 a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 2rem;
	background-image: url(../img/ar-btn1.svg);
	background-size: 2.5rem 1.1rem;
	background-position: -1.1rem center;
	background-repeat: no-repeat;
	width: 2.2rem;
	height: 1.1rem;
	margin-top: -0.55rem;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.btn2 a:hover {
	background-color: #232b4d;
	color: #fff;
}
.btn2 a:hover:after {
	background-image: url(../img/ar-btn1-w.svg);
	background-position: -0.3rem center;
}
.btn2.wt a {
	background-color: #232b4d;
	color: #fff;
}
.btn2.wt a:after {
	background-image: url(../img/ar-btn1-w.svg);
}
.btn2.wt a:hover {
	background-color: #fff;
	color: #232b4d;
}
.btn2.wt a:hover:after {
	background-image: url(../img/ar-btn1.svg);
	background-position: -0.3rem center;
}

.big {
	font-size: 112.5%;
}
.sml {
	font-size: 87.5%;
	line-height: 2.1;
}
.notes {
	font-size: 1.3rem;
	font-weight: 400;
	color: #bcbcbc;
}

.blur {
	-ms-filter: blur(5rem);
	filter: blur(5rem);
	-webkit-transition: 1.2s ease-out;
	transition: 1.2s ease-out;
}
.blur.active {
	-ms-filter: blur(0rem);
	filter: blur(0rem);
}
.fade {
	opacity: 0;
	-webkit-transition: 0.8s linear;
	transition: 0.8s linear;
}
.fade.active {
	opacity: 1;
}
.fade-l {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(-4rem, 0);
	transform: translate(-4rem, 0);
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.fade-l.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-r {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(4rem, 0);
	transform: translate(4rem, 0);
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.fade-r.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-t {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(0, -4rem);
	transform: translate(0, -4rem);
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.fade-t.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-b {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(0, 4rem);
	transform: translate(0, 4rem);
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.fade-b.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-w {
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
	-webkit-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	opacity: 0;
}
.fade-z {
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
	-webkit-transform: scale(0.9,0.9);
	transform: scale(0.9,0.9);
	opacity: 0;
}
.fade-w.active,
.fade-z.active {
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	opacity: 1;
}

.tab-content,
.tab-content2 {
	display: none;
}
.tab-content.active,
.tab-content2.active,
.tab-content:first-of-type,
.tab-content2:first-of-type {
	display: block;
}












/* HEADER */

header {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
	height: 16.2rem;
	font-weight: 500;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
	z-index: 10000;
}
header.hide {
	top: -11rem;
}

header .header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
	max-width: 130rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5rem;
	padding-right: 5rem;
}

header .header-top {
	width: 100%;
	height: 11rem;
	padding: 1rem 0;
	z-index: 2;
}
header .header-top .header-inner {
	padding-right: 14rem;
}

header .menu-logo {
	width: 50rem;
	font-size: 0;
}
header .menu-logo a {
	font-size: 0;
}
header .logo {
	display: block;
	width: 32.6rem;
	margin-bottom: 1.2rem;
}
header .recruit {
	display: inline-block;
	vertical-align: bottom;
	width: 16rem;
	margin-right: 1.2rem;
}
header .menu-logo a:hover {
	opacity: 0.5;
}
header .title {
	display: inline-block;
	vertical-align: bottom;
	padding-bottom: 1px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1;
}
header .title a {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1;
	text-decoration: none;
	pointer-events: none;
	color: #4d4d4d;
}
header .title.unders{
	display:none;
}
header .menu-search {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 50.5rem);
	padding-right: 1.5rem;
	line-height: 1;
}
header .menu-search .area {
	display: block !important;
	width: 100%;
}
header .menu-search dl {
	display: flex;
	flex-direction: row-reverse;
	width: 100%;
}
header .menu-search dl dt {
	display: none;
}
header .menu-search dl dd {
	background-color: #f8f8f8;
	margin-top: 2.9rem;
	margin-left: 1rem;
}
header .menu-search dl dd:nth-child(2) {
	border-bottom:2px solid #222a4e;
	position:relative;
}

header .menu-search input[type="text"] {
	border: none;
	/*
	background-color: #f8f8f8;
	*/
	width: 23rem;
	height: 3.3rem;
	padding: 0.5rem 1rem 0.5rem 4.6rem;
	font-size: 1.3rem;
	font-weight: 400;/*
	background:#f8f8f8 url(../img/search_icon_05.png) 1rem center no-repeat;
	background-size:3.6rem 1.5rem;
	*/
	position:relative;
}
header .menu-search dd form{
	position:relative;
}
header .menu-search dl dd:nth-child(2):before {
	content:"";
	background:url(../img/search_icon_05.png) 0rem center no-repeat;
	background-size:3.6rem 1.5rem;
	width:3.6rem;
	height:1.5rem;
	top:0.9rem;
	left:1rem;
	display: block;
	position:absolute;
	z-index:1;
}

header .menu-search input[type="submit"] {
	border: none;
	background-color: #222a4e;
	width: 4.3rem;
	height: 3.3rem;
	/*
	margin: 0.4rem 0.5rem 0.4rem 0;
	*/
	margin:0;
	padding: 0;
	font-size: 1.2rem;
	text-align: center;
	line-height: 2.6rem;
	color: #fff;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
header .menu-search input[type="submit"]:hover {
	background-color: #2b597d;
}
header .menu-search a {
	position: relative;
	display: block;
	background-color: #f8f8f8;
	width: 10.5rem;
	height: 3.3rem;
	padding-left: 1.5rem;
	font-size: 1.3rem;
	line-height: 3.2rem;
	text-decoration: none;
	color: #6a636b;
}
header .menu-search a:after {
	content: "";
	position: absolute;
	top: 1rem;
	right: 1.5rem;
	display: block;
	background: #6a636b url(../img/icon-plus.svg) center center no-repeat;
	background-size: 1.3rem;
	width: 1.3rem;
	height: 1.3rem;
}
header .menu-search a:hover {
	color: #232b4d;
}
header .menu-search a:hover:after {
	background-color: #232b4d;
}

header .menu-login {
	position: relative;
	background: #f8f8f8 url(../img/icon-login.svg) center 1.8rem no-repeat;
	background-size: 2.2rem;
	width: 9rem;
	height: 9rem;
	padding-top: 4.8rem;
	font-size: 1.3rem;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	color: #232b4d;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
	cursor: pointer;
}
header .menu-login:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 1.2rem;
	display: block;
	background: url(../img/ar-btn2.svg) center center no-repeat;
	background-size: 1rem;
	width: 1rem;
	height: 1rem;
	margin-left: -0.5rem;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
header .menu-login:hover {
	background-color: #ececec;
}
header .menu-login:hover:before {
	bottom: 0.8rem;
}
header .menu-login .area {
	display: none;
	position: absolute;
	top: 9rem;
	right: 0;
	background-color: #ececec;
	width: 32rem;
	padding: 2rem 2rem;
	z-index: 100;
}
header .menu-login .area li {
	margin-bottom: 1rem;
}
header .menu-login .area li:nth-child(2) {
	margin-bottom: 0;
}
header .menu-login .area a {
	display: block;
	background-color: #232b4d;
	width: 100%;
	font-size: 1.3rem;
	line-height: 4.2rem;
	text-decoration: none;
	color: #fff;
}
header .menu-login .area a:after {
	content: "";
	display: block;
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	background-image: url(../img/ar-btn1-w.svg);
	background-size: 2.5rem 1.1rem;
	background-position: -1.1rem center;
	background-repeat: no-repeat;
	width: 2.2rem;
	height: 1.1rem;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
header .menu-login .area a:hover:after {
	background-position: -0.3rem center;
}
header .menu-login .area a:hover {
	background-color: #2b597d;
}

header .close {
	display: none;
}
header #menu-open {
	display: none;
}

header #header-menu {
	background-color: #f8f8f8;
	width: 100%;
	height: 5.2rem;
	z-index: 1;
}

header #header-menu .menu-entry {
	position: absolute;
	top: 1rem;
	left: 0;
	width: 100%;
	height: 1px;
}
header #header-menu .menu-entry .inner {
	position: relative;
}
header #header-menu .menu-entry a {
	position: absolute;
	top: 0;
	right: 5rem;
	display: block;
	background: #e19c4d url(../img/icon-entry.svg) center 1.6rem no-repeat;
	background-size: 2.2rem;
	width: 9rem;
	height: 9rem;
	padding-top: 4.4rem;
	font-size: 1.3rem;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
header #header-menu .menu-entry a:hover {
	background-color: #b23d45;
}

header .menu-area {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 100%;
}
header .menu-area > li {
	background-color: #ececec;
	height: 100%;
	font-size: 1.4rem;
	line-height: 5.2rem;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
header .menu-area > li > .tit {
	display: block;
	position: relative;
}
header .menu-area > li > .tit:after {
	content: "";
	position: absolute;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -0.8rem;
	border-style: solid;
	border-width: 0.8rem 0.8rem 0 0.8rem;
	border-color: #ececec transparent transparent transparent;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
	opacity: 0;
	z-index: 10;
}
header .menu-area > li.active > .tit:after {
	opacity: 1;
}
header .menu-area > li > .tit a {
	position: relative;
	display: block;
	height: 100%;
	padding: 0 3.4rem 0 1.3rem;
	font-size: 1.4rem;
	letter-spacing: 0;
	line-height: 5.2rem;
	color: #232b4d;
	white-space: nowrap;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
header .menu-area > li > .tit a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	background-color: #c7c7c7;
	width: 1px;
	height: 1.2rem;
	margin-top: -0.6rem;
}
header .menu-area > li:nth-of-type(6) > .tit a:before,
header .menu-area > li:last-child > .tit a:before {
	display: none;
}
header .menu-area > li > .tit a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.4rem;
	display: block;
	background: url(../img/ar-btn2.svg) center center no-repeat;
	background-size: 0.6rem;
	width: 1rem;
	height: 1rem;
	margin-top: -0.5rem;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
header .menu-area > li > .tit a:hover.tit:after {
	margin-top: -0.2rem;
}
header .menu-area > li:nth-last-child(-n+3) {
	background-color: #f8f8f8;
}

header .menu-area > li:nth-last-child(-n+3) .tit:after {
	border-color: #f8f8f8 transparent transparent transparent;
}
header .menu-area > li:nth-last-child(-n+3) .tit a {
	color: #2d2d2d;
}
header .menu-area > li.title {
	position: relative;
	background-color: #2b597d;
	padding-right: 2.4rem;
	white-space: nowrap;
	color: #fff;
}
header .menu-area > li.title:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -1000rem;
	background-color: #2b597d;
	width: 1000rem;
	height: 100%;
}
header .menu-area > li.title:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 1.4rem 5.2rem 0;
	border-color: transparent #ececec transparent transparent;
}

header .menu-contact {
	display: flex;
	height: 3.2rem;
	font-size: 1.2rem;
}
header .menu-contact li {
	height: 3.2rem;
	margin-left: 1px;
}
header .menu-contact a {
	display: block;
	background-color: #232b4d;
	height: 3.2rem;
	padding: 0 1.3rem;
	line-height: 3.2rem;
	text-decoration: none;
	white-space: nowrap;
	color: #fff;
}
header .menu-contact a:hover {
	background-color: #2b597d;
}

header .menu-other {
	position: absolute;
	top: 1rem;
	left: 0;
	width: 100%;
	height: 1px;
}
header .menu-other.inner {
	position: relative;
}
header .menu-other ul {
	display: flex;
	justify-content: flex-end;
	width: calc(100% - 19.5rem);
	padding-left: 41.5rem;
	font-size: 1.1rem;
	line-height: 1;
}
header .menu-other ul li {
	padding-top: 1.6rem;
	margin-left: 1.8rem;
}
header .menu-other ul a {
	color: #6b6b6b;
}
header .menu-other ul a:hover {
	color: #333;
}

/* mega */

header .mega {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	background-color: #232b4d;
	width: 100%;
	line-height: 1.8;
	color: #fff;
	overflow: hidden;
}
header .mega .inner-mid {
	display: flex;
	flex-direction: row-reverse;
}
header .mega .mega-left {
	position: relative;
	background-color: #2b597d;
	width: 24.5rem;
	padding: 5rem 5rem 5rem 0;
}
header .mega .mega-left:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -1000%;
	background-color: #2b597d;
	width: 1000%;
	height: 100%;
}
header .mega .mega-left .mega-title {
	font-size: 2.1rem;
	line-height: 1.6;
}
header .mega .mega-left .mega-search {
	margin-top: 2.5rem;
}
header .mega .mega-left .mega-search a {
	position: relative;
	display: block;
	/*
	border: 1px solid #fff;
	width: 13.5rem;
	*/
	width:16.5rem;
	height: 4.2rem;
	padding-left: 1.5rem;
	font-size: 1.3rem;
	line-height: 4rem;
	text-decoration: none;
	color: #fff;
	background:#232b4d;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
	border:1px solid #232b4d;
}
header .mega .mega-left .mega-search a:after {
	content: "";
	position: absolute;
	top: 1.4rem;
	right: 1.5rem;
	display: block;
	background: #fff url(../img/icon-plus-b.svg) center center no-repeat;
	background-size: 1.3rem;
	width: 1.3rem;
	height: 1.3rem;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
header .mega .mega-left .mega-search a:hover {
	background-color: #FFF;
	border:1px solid #FFF;
	color:#232b4d;
}
header .mega .mega-left .mega-search a:hover:after {
	content: "";
	position: absolute;
	top: 1.4rem;
	right: 1.5rem;
	display: block;
	background: #fff url(../img/icon-plus-b-on.svg) center center no-repeat;
	background-size: 1.3rem;
	width: 1.3rem;
	height: 1.3rem;
}



header .mega .mega-right {
	width: calc(100% - 24.5rem);
	padding: 5rem 0 5rem 5rem;
}
header .menu-area > li:nth-last-child(-n+3) .mega {
	background-color: #fff;
	color: #4d4d4d;
	border-bottom:1px solid #f8f8f8;
}
header .menu-area > li:nth-last-child(-n+3) .mega .mega-left {
	background-color: #f8f8f8;
}
header .menu-area > li:nth-last-child(-n+3) .mega .mega-left:before {
	background-color: #f8f8f8;
}

header .mega .mega-list1 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 2.5rem;
}
header .mega .mega-list1 li {
	background-color: #fff;
	margin: 0 0.6666% 0.6rem 0;
	width: 24.5%;
	height: 6.2rem;
}
header .mega .mega-list1 li:nth-of-type(4n) {
	margin-right: 0;
}
header .mega .mega-list1 li a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 6.2rem;
	padding: 0.5rem 1rem;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
}
header .mega .mega-list1 li a:hover {
	background-color: #ececec;
}
header .mega .mega-list1 li img {
	width: 5rem;
	margin-right: 1rem;
}

header .mega .mega-list2 {
	width: 100%;
}
header .mega .mega-list2 dt {
	margin-bottom: 1.5rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
}
header .mega .mega-list2 dd {
	display: flex;
	margin-bottom: 3rem;
	background-color: #fff;
	padding: 2rem;
	font-size: 1.2rem;
	line-height: 1.4;
	letter-spacing: 0;
}
header .mega .mega-list2 dd:last-of-type{
	margin-bottom:0;
}
header .mega .mega-list2 dd ul {
	width: 100%;
	min-width: 33.33%;
}
header .mega .mega-list2 dd li {
	position: relative;
	padding: 0.3rem 0 0.3rem 1.3rem;
}
header .mega .mega-list2 dd li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0.9rem;
	left: 0;
	border-radius: 1rem;
	background-color: #ccc;
	width: 0.4rem;
	height: 0.4rem;
}

header .mega .mega-btn {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
header .mega .mega-btn ul {
	display: flex;
}
header .mega .mega-btn ul li {
	margin-right: 2rem;
}
header .mega .mega-btn ul li:last-child {
	margin-right: 0rem;
}

header .mega .mega-left .mega-btn ul {
	display:block;
	width:16.5rem
}
header .mega .mega-left .mega-btn ul li{
	margin-right:0;
}
header .mega .mega-left .mega-btn ul li a{
	width:100%;
	line-height:1.5;
	border-bottom: 1px solid #4a799e;
}

header .mega .mega-left .mega-btn ul.btn a:after {
	top: 3.8rem;
	right: 0;
	background-image: url(../img/ar-btn1-w.svg);
	background-size: 2.5rem 1.1rem;
	background-position: -1.1rem center;
}
header .mega .mega-left .mega-btn ul.btn a:hover:after {
    background-position: -0.3rem center;
}
header .mega .mega-left .mega-btn ul.btn a::before {
	border-bottom: 1px solid #709fc3;
  }

  header .mega .mega-left .mega-btn ul.btn a:hover::before {
	border-bottom: 1px solid #FFF;
  }




header .mega .mega-btn .bnr {
	width: 30rem;
}
header .mega .mega-btn .bnr a:hover {
	opacity: 0.5;
}

header .mega .mega-btn2 .bnr {
	width: 30rem;
}
header .mega .mega-btn2 .bnr a:hover {
	opacity: 0.5;
}
header .mega .bnr3 {
	width: 30rem;
	margin-bottom:1rem;
}
header .mega .bnr3 a:hover {
	opacity: 0.5;
}

header .mega .bnr4 {
	width: 30rem;
	margin-bottom:1rem;
	margin-left:1rem;
}
header .mega .bnr4 a:hover {
	opacity: 0.5;
}
header .mega .bnr_blocks .bnr4 , header .mega .bnr_blocks .bnr3{
	display:inline-block;
}

/* page top */


#breadcrumb {
	width: 100%;
	margin-top: 80px;
	padding: 1.9rem 4rem;
	font-size: 0;
	line-height: 1;
	color: #bcbcbc;
}
#breadcrumb a {
	color: #bcbcbc;
	text-decoration: none;
}
#breadcrumb.link-line-h a:after {
	background-color: #bcbcbc;
}
#breadcrumb li {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.2rem;
}
#breadcrumb li:after {
	content: "\3000|\3000";
}
#breadcrumb li:last-of-type:after {
	display: none;
}










/* FOOTER */

#go-top {
	display: none;
	position: fixed;
	right: 0;
	bottom: 0;
	width: 6rem;
	height: 6rem;
	z-index: 9000;
}
#go-top a {
	display: block;
	background-color: #000;
	width: 6rem;
	height: 6rem;
}
#go-top a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 1rem;
	height: 1rem;
	margin: -0.3rem 0 0 -0.4rem;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
#go-top a:hover {
	background-color: #232b4d;
}
#go-top a:hover:before {
	margin: -0.8rem 0 0 -0.4rem;
}

#side-menu {
	display: none;
	position: fixed;
	top: 50%;
	right: 0;
	width: 8rem;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 9000;
}
#side-menu ul {
	width: 8rem;
	font-weight: 500;
}
#side-menu .side-search a {
	display: block;
	background: #6a636b url(../img/icon-search.svg) center 1.7rem no-repeat;
	background-size: 2.4rem;
	width: 8rem;
	height: 8rem;
	margin-bottom: 0.5rem;
	padding-top: 4.8rem;
	font-size: 1.2rem;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	color: #fff;
	transition: 0.3s ease;
}
#side-menu .side-search a:hover {
	background-color: #232b4d;
}
#side-menu .side-entry a {
	display: block;
	background: #e19c4d url(../img/icon-entry.svg) center 0.9rem no-repeat;
	background-size: 2.2rem;
	width: 8rem;
	height: 8rem;
	padding-top: 3.5rem;
	font-size: 1.2rem;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	color: #fff;
	margin-bottom: 0.5rem;
}
#side-menu .side-entry a:hover {
	background-color: #b23d45;
}


#side-menu .side-favorite a {
	display: block;
	background: #ececec url(../img/icon-favorite.svg) center 0.9rem no-repeat;
	background-size: 2.2rem;
	width: 8rem;
	height: 8rem;
	padding-top: 3.5rem;
	font-size: 1.2rem;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	color: #232b4d;
}
#side-menu .side-favorite a:hover {
	background-color:#d1d1d1;
}













/* footer */

footer {
	position: relative;
	width: 100%;
	color: #fff;
	z-index: 1;
}

.footer-column {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	margin-top: 5rem;
}
.footer-column:first-child {
	margin-top: 0;
}
.footer-column h3 {
	position: relative;
	width: 20.5rem;
	font-family: 'Shippori Mincho B1', serif !important;
	font-size: 2.1rem;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.1em;
	white-space: nowrap;
}
.footer-column h3:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	background-color: #707070;
	width: 5rem;
	height: 1px;
}
.footer-column .read {
	position: relative;
	width: calc(100% - 20.5rem);
	padding-left: 5rem;
}

.footer-contact {
	position: relative;
	background: #464646 url(../img/contact-bg.jpg) center top no-repeat;
	background-size: cover;
	width: 100%;
	padding: 10rem 0;
	font-size: 1.4rem;
	font-weight: 300;
}
.footer-contact h2 {
	margin-bottom: 3rem;
	font-family: 'Shippori Mincho B1', serif !important;
	font-size: 3.4rem;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.1em;
	white-space: nowrap;
}
.footer-contact h2 + p {
	margin-bottom: 6rem;
}
.footer-contact .footer-column {
	align-items: center;
}
.footer-contact .footer-column .btn2 {
	display: flex;
}
.footer-contact .footer-column .btn2 li {
	margin-right: 1rem;
}
.footer-contact .footer-column .btn2 li:nth-of-type(3) a {
	border: 1px solid #e19c4d;
	background-color: #e19c4d;
}
.footer-contact .footer-column .btn2 li:nth-of-type(3) a:hover {
	border: 1px solid #232b4d;
	background-color: #fff;
	color: #232b4d;
}
.footer-contact .tel {
	display: flex;
	align-items: flex-end;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.4;
}
.footer-contact .tel img {
	width: 30rem;
	margin-right: 2rem;
}

.footer-area {
	position: relative;
	background: #464646;
	width: 100%;
	padding: 10rem 0;
}
.footer-area a {
	color: #bfbfbf;
	text-decoration: underline;
}
.footer-area a:hover {
	color: #999;
	text-decoration: none;
}
.footer-area .footer-column dl {
	padding-top: 0.2rem;
	font-size: 0;
	line-height: 1;
}
.footer-area .footer-column dt {
	margin-top: 3.5rem;
	margin-bottom: 1.6rem;
	font-size: 1.5rem;
	font-weight: 500;
	color: #fff;
}
.footer-area .footer-column dt:first-child {
	margin-top: 0;
}
.footer-area .footer-column dd {
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 2.2;
}
.footer-area .footer-column dd li {
	display: inline;
	white-space: nowrap;
	margin-right: 2rem;
}

.footer-btm {
	position: relative;
	background: #fff;
	width: 100%;
	padding: 4rem 0 6rem 0;
}
.footer-btm .inner-mid {
	position: relative;
}
.footer-btm .copy {
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.4;
	color: #4d4d4d;
}
.footer-btm .copy a {
	text-decoration: none;
	color: #4d4d4d;
}
.footer-btm .copy img {
	vertical-align: bottom;
	width: 14.5rem;
	margin-right: 2rem;
}
.footer-btm .copy a:hover img {
	opacity: 0.5;
}
.footer-btm ul {
	display: flex;
	margin-top: 3rem;
	font-size: 1.1rem;
	font-weight: 300;
	line-height: 1;
}
.footer-btm ul li {
	margin-right: 3rem;
}
.footer-btm ul a {
	display: inline-block;
	text-decoration: none;
	color: #4d4d4d;
}
.footer-btm ul a[target="_blank"] {
	background: url(../img/icon-blank.svg) right center no-repeat;
	background-size: 1.1rem;
	padding-right: 1.8rem;
}
.footer-btm ul a:hover {
	text-decoration: underline;
}
.footer-btm #cybertrust {
	position: absolute;
	right: 5rem;
	bottom: 0;
	width: 100px;
	height: 72px;
}










/* INDEX */

#index-main {
	position: relative;
	background: #888 url(../img/main-bg.jpg) center top no-repeat;
	background-size: cover;
	width: 100%;
	min-height: 49rem;
	padding: 4rem 0 15rem 0;
	color: #fff;
	overflow: hidden;
	z-index: 1;
}

#index-main h2 {
	margin-bottom: 3rem;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #fff;
}
#index-main h2 span {
	display: block;
	margin-top: 1.8rem;
	font-family: 'Shippori Mincho B1', serif !important;
	font-weight: 600;
	font-size: 2.3rem;
	text-align: center;
}

#index-main .tab-search {
	position: relative;
	display: flex;
	justify-content: space-between;
	border-bottom: 2px solid #232b4d;
	width: 100%;
	z-index: 2;
}
#index-main .tab-search li {
	position: relative;
	background-color: #ececec;
	width: 24.5%;
	height: 4.6rem;
	font-size: 1.5rem;
	font-size: 500;
	line-height: 4.5rem;
	text-align: center;
	color: #000;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
	cursor: pointer;
}
#index-main .tab-search li:hover {
	background-color: #2b597d;
	color: #fff;
}
#index-main .tab-search li.active {
	background-color: #232b4d;
	color: #fff;
}
#index-main .tab-search li.active:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -1rem;
	width: 0;
	height: 0;
	margin-left: -2rem;
	border-style: solid;
	border-width: 1rem 2rem 0 2rem;
	border-color: #232b4d transparent transparent transparent;
}
#index-main .tab-search-area {
	position: relative;
	z-index: 1;
}
.tab-search-area .tab-content {
	/*
	background-color: #fff;
	padding: 3rem 1.5rem;
	*/
}




/*
#index-main .tab-search li.tab:nth-child(4){
	display:none;
}
*/

.tab-content .top_main_white{
	background:#FFF;
	padding:2rem 3rem 3rem 3rem;
}
.tab-content .top_main_white .main_rank_ttl{
	font-weight:700;
	font-size:1.8rem;
	margin-bottom:2rem;
	padding:0 0 1rem 0;
	border-bottom:1px solid #232b4d;
	color:#232b4d;
}
.tab-content .main_rank_bottom{
	display:flex;
	justify-content: space-between;
	margin:2rem 0 0 0;
}

.tab-content .main_rank_bottom .main_rank_ttl2 a {
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #ececec;
    background: url(../img/icon-dot.svg) left 2.3rem no-repeat;
    background-size: 1rem;
    padding: 2rem 4.5rem 2rem 2rem;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    color: #232b4d;
    text-decoration: none;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.tab-content .main_rank_bottom .main_rank_ttl2 a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    border-bottom: 1px solid #c1c1c1;
    width: calc(100% - 4.5rem);
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.tab-content .main_rank_bottom .main_rank_ttl2 a:after {
    top: 2.3rem;
    right: 0.8rem;
    background-image: url(../img/ar-btn2.svg);
    background-size: 1rem;
    background-position: 0;
    width: 1rem;
    height: 1rem;
	content: "";
    display: block;
    position: absolute;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.tab-content .main_rank_bottom .main_rank_ttl2 a:hover:before {
    border-bottom: 1px solid #232b4d;
    width: 100%;
}
.tab-content .main_rank_bottom .main_rank_ttl2 a:hover:after {
    top: 2.7rem;
    background-position: 0;
}

.tab-content .main_rank_bottom .main_rank_text{
	text-align:right;
	font-size:1.2rem;
}
.tab-content .main_rank_bottom .main_rank_text p{
	color:#949494;
}
.tab-content .ranking-list {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.tab-content .ranking-list .box {
	display: block;
	width: 18.18%;
	text-decoration: none;
}
.tab-content .ranking-list .rank {
	/*
	margin-bottom: 1.2rem;
	*/
	margin:0;
	max-width:3rem;
	position:absolute;
	left:-1.0rem;
	top:-1.0rem;
	font-size: 0;
	z-index:1;
}
.tab-content .ranking-list .image {
	position: relative;
	width: 100%;
	height: 14rem;
	margin-bottom: 1.2rem;
	overflow: hidden;
}
.tab-content .ranking-list h3{
	font-size:1.3rem;
	line-height:1.6;
	color:#232b4d;
	margin-bottom:1.5rem;
	font-weight:500;
}
.tab-content .ranking-list a:hover h3{
	text-decoration:underline;
}

.tab-content .ranking-list .box:nth-of-type(1) .image:before,
.tab-content .ranking-list .box:nth-of-type(2) .image:before,
.tab-content .ranking-list .box:nth-of-type(3) .image:before {
	/*
	content: "";
	position: absolute;
	right: -0.6rem;
	bottom: -0.7rem;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 4rem;
	width: 4rem;
	height: 4rem;
	z-index: 2;
	*/
	content:none;
}
.tab-content .ranking-list .box:nth-of-type(1) .image:before {
	/*
	background-image: url(../img/icon-ranking_01.svg);
	*/
}
.tab-content .ranking-list .box:nth-of-type(2) .image:before {
	/*
	background-image: url(../img/icon-ranking_02.svg);
	*/
}
.tab-content .ranking-list .box:nth-of-type(3) .image:before {
	/*
	background-image: url(../img/icon-ranking_03.svg);
	*/
}

.tab-content .tab-ranking-area .ranking-list .image img {
	position: relative;
	object-fit: cover;
	max-width: none;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.tab-content .tab-ranking-area .ranking-list h3{
	margin-bottom: 2rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.5;
}


.tab-content .ranking-list .category,
.tab-content .course-list .category{
	font-size: 0;
}
.tab-content .ranking-list .category li ,
.tab-content .course-list .category li{
	display: inline-block;
	border-radius: 3rem;
	/*
	background-color: #666;
	*/
	height: 2.5rem;
	margin: 0 2px 0px 0;
	padding: 0 0.5rem;
	font-size: 1rem;
	font-weight: 500;
	line-height: 2.2rem;
	color: #fff;
}

.tab-content .ranking-list .category .category1,
.tab-content .course-list .category .category1{
	border:1px solid #5aa1b2;
	color:#5aa1b2;
	background-color:#FFF;
}
.tab-content .ranking-list .category .category2,
.tab-content .course-list .category .category2{
	border:1px solid #4d8ba8;
	color:#4d8ba8;
	background-color:#FFF;
}
.tab-content .ranking-list .category .category3,
.tab-content .course-list .category .category3{
	border:1px solid #bf9755;
	color:#bf9755;
	background-color:#FFF;
}
.tab-content .ranking-list .category .category4,
.tab-content.course-list .category .category4{
	border:1px solid #bf7b7b;
	color:#bf7b7b;
	background-color:#FFF;
}

.tab-content .ranking-list .category .category5,
.tab-content .course-list .category .category5{
	border:1px solid #80994d;
	color:#80994d;
	background-color:#FFF;
}
.tab-content .ranking-list .category .category6,
.tab-content .course-list .category .category6{
	border:1px solid #998095;
	color:#998095;
	background-color:#FFF;
}
.tab-content .ranking-list .category .category7,
.tab-content .course-list .category .category7{
	border:1px solid #61765a;
	color:#61765a;
	background-color:#FFF;
}

.tab-content .ranking-list .category li.b_category1{
	letter-spacing:0;
	background:#68adcd;
}
.tab-content .ranking-list .category li.b_category2{
	letter-spacing:0;
	background:#68adcd;
}
.tab-content .ranking-list .category li.b_category3{
	letter-spacing:0;
	background:#68adcd;
}
.tab-content .ranking-list .category li:last-child{
	margin:0 0 4px 0;
}
/*
.tab-content .ranking-list .box:hover {
	color: #949494;
}
*/
.tab-content .ranking-list .box:hover .image img {
	transform: scale(1.1, 1.1);
}















.tab-search-area .search-list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	background-color: #fff;
	padding: 3rem 1.5rem;
}



.tab-search-area .main_other_list{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	background-color: #fff;
	padding: 3rem 3rem;
}
.tab-search-area .main_other_list li{
	display:flex;
	position:relative;
	flex-wrap: wrap;
	width:25%;
	justify-content: space-between;
	padding: 0.3rem 0 0.3rem 1.3rem;
	font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.6;
}
.tab-search-area .main_other_list li a{
	width:100%;
}
.tab-search-area .main_other_list li::before {
	content: "";
	display: block;
	position: absolute;
	top: 1.1rem;
	left: 0;
	border-radius: 1rem;
	background-color: #ccc;
	width: 0.4rem;
	height: 0.4rem;
}

.tab-search-area .search-list li {
	border-right: 1px solid #dfdfdf;
	width: 12.5%;
	height: 6rem;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.6;
}
.tab-search-area .search-list li:nth-of-type(8n) {
	border-right: none;
}
.tab-search-area .search-list li a {
	display: flex;
	align-items: center;
	padding: 0 1rem;
	text-decoration: none;
}
.tab-search-area .search-list li a:hover {
	background-color: #ececec;
}
.tab-search-area .search-list li img {
	width: 6rem;
	height: 6rem;
	margin-right: 0.5rem;
}

#index-main .list-link {
	display: flex;
	justify-content: space-between;
	margin-top: 0.5rem;
	font-size: 500;
}
#index-main .list-link ul {
	display: flex;
}
#index-main .list-link ul li {
	margin-right: 0.5rem;
}
#index-main .list-link ul a {
	display: block;
	background-color: #2b597d;
	height: 4rem;
	padding: 0 6rem 0 3rem;
	font-size: 1.3rem;
	line-height: 3.8rem;
	text-decoration: none;
	color: #fff;
}
#index-main .list-link ul a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 1.5rem;
	background-image: url(../img/ar-btn1-w.svg);
	background-size: 2.05rem 0.9rem;
	background-position: -1rem center;
	background-repeat: no-repeat;
	width: 1.6rem;
	height: 0.9rem;
	margin-top: -0.45rem;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
#index-main .list-link ul a:hover {
	background-color: #232b4d;
}
#index-main .list-link ul a:hover:after {
	background-position: -0.5rem center;
}
#index-main .list-link p a {
	position: relative;
	display: block;
	height: 4rem;
	padding: 0 2rem 0 1rem;
	font-size: 1.3rem;
	line-height: 3.8rem;
	color: #fff;
}
#index-main .list-link p a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	background-image: url(../img/icon-schedule.svg);
	background-size: 1.1rem 1.2rem;
	background-position: left top;
	background-repeat: no-repeat;
	width: 1.1rem;
	height: 1.2rem;
	margin-top: -0.6rem;
}




.index-first {
	position: relative;
	width: 100%;
	z-index: 2;
}

.index-first .banner {
	position: relative;
	width: 100%;
	margin-top: -10rem;
	height: 10rem;
}
.index-first .banner:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	background-color: #fff;
	width: 100%;
	height: 5.5rem;
	z-index: -1;
}
#index-banner1 {
	display: none;
	position: relative;
	width: 104rem;
	height: 9rem;
	margin: 0 auto;
}
#index-banner1.slick-initialized {
	display: block;
}
#index-banner1 li {
	position: relative;
	width: 24.5rem;
	height: 9rem;
	margin: 0 0.75rem;
}
#index-banner1 li a {
	display: block;
	background-color: #fff;
	width: 24.5rem;
	height: 9rem;
	position:relative;
}
#index-banner1 li img {
	width: 24.5rem;
	height: 9rem;
}
#index-banner1 li img.slide_new{
	display:none;
	max-width:3.7rem;
	position:absolute;
	left:-1.5rem;
	top:-1.5rem;
	z-index:1;
	width:100%;
	height:auto;
}
#index-banner1 .ar-prev,
#index-banner1 .ar-next {
	position: absolute;
	top: 50%;
	width: 3rem;
	height: 3rem;
	margin-top: -1.5rem;
	padding-top: 3rem;
	font-size: 0;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
#index-banner1 .ar-prev {
	left: -5rem;
	background: url(../img/slick-l.svg) center center no-repeat;
	background-size: 3rem;
}
#index-banner1 .ar-next {
	right: -5rem;
	background: url(../img/slick-r.svg) center center no-repeat;
	background-size: 3rem;
}
#index-banner1 .ar-prev:hover,
#index-banner1 .ar-next:hover,
#index-banner1 a:hover img {
	opacity: 0.5;
}

.index-first .search {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 3rem;
	/*
	background-color: #f2f2f2;
	*/
	padding: 0rem 5rem;
	flex-wrap: wrap;
}
.index-first .search dt {
	/*
	background: url(../img/icon-search-b.svg) left center no-repeat;
	background-size: 1.8rem;

	background: url(../img/search_icon_01.png) left center no-repeat;
	background-size: 2rem 1.8rem;
	margin-right: 1rem;
	padding-left: 3rem;
		*/
		background: url(../img/border_bg_01.png) left center repeat-x;
		background-size:100% 0.2rem;
		width:100%;
	font-size: 1.8rem;
	font-weight: 900;
	color:#232e4e;
	text-align:center;
	margin: 0rem 3.75rem 1rem 3.75rem;
	position:relative;
}
.index-first .search dd {
	/*
	margin-left: 1rem;
	*/
}
/*
.index-first .search dt::after{
	content:"";
	background: url(../img/search_icon_02.png) left center repeat-x;
	background-size:1.8rem 0.8rem;
	position:absolute;
	left:0;
	right:0;
	bottom:-1rem;
	margin:auto;
	width:1.8rem;
	height:0.8rem;
}
*/
.index-first .search dt span {
	background:#FFF;
	display:inline-block;
	padding:0 2rem;
}
.index-first .search dt span em{
	display:inline-block;
	background: url(../img/search_icon_01.png) left center no-repeat;
	background-size: 2rem 1.8rem;
	margin-right: 1rem;
	padding-left: 3rem;
	font-size: 1.8rem;
	font-weight: 900;
}
.index-first .search dd a{
	margin-left: 1rem;
}
.index-first .search input[type="text"] {
	border: none;
	background-color: #efefef;
	width: 83.2rem;
	height: 4.3rem;
	padding: 0.5rem 1.5rem;
	font-size: 1.3rem;
	font-weight: 400;
	text-align: left;
}
.index-first .search input[type="submit"] {
	border: none;
	background-color: #222d4d;
	width: 5.5rem;
	height: 4.3rem;
	padding: 0;
	font-size: 1.3rem;
	font-weight: 400;
	text-align: center;
	line-height: 4.1rem;
	color: #fff;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.index-first .search input[type="submit"]:hover {
	background-color: #2b597d;
}
.index-first .search a {
	position: relative;
	display: block;
	background-color: #222d4d;
	width: 12.8rem;
	height: 4.3rem;
	padding-right: 1.5rem;
	font-size: 1.3rem;
	line-height: 4.1rem;
	text-decoration: none;
	text-align: center;
	color: #fff;
}
.index-first .search a:hover {
	background-color: #2b597d;
}
.index-first .search a:after {
	content: "";
	position: absolute;
	top: 1.4rem;
	right: 1.2rem;
	display: block;
	border: 1px solid #fff;
	background: url(../img/icon-plus.svg) center center no-repeat;
	background-size: 1.3rem;
	width: 1.3rem;
	height: 1.3rem;
}
header .menu-search a:hover {
	background-color: #ececec;
}

.index-first .one-news {
	display: flex;
	align-items: center;
	border: 1px solid #d2d2d2;
	width: 100%;
	margin-top: 3rem;
	padding: 2rem 5rem;
	font-size: 1.4rem;
	line-height: 1;
}
.index-first .one-news p {
	border-right: 1px solid #d2d2d2;
	width: 9rem;
	padding: 0.2rem 0;
	font-weight: 500;
	color: #000;
}
.index-first .one-news #news-slick {
	width: calc(100% - 9rem);
}
.index-first .one-news dl {
	display: flex;
	align-items: center;
	width: 100%;
}
.index-first .one-news dt {
	width: 13rem;
	padding: 0.2rem 0;
	font-family: Roboto, sans-serif !important;
	font-weight: 400;
	font-size: 1.3rem;
	text-align: center;
	color: #7a7a7a;
}
.index-first .one-news dd {
	width: calc(100% - 13rem);
	padding: 0.2rem 0;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}




.index-scene {
	position: relative;
	width: 100%;
	padding: 10rem 0 4rem 0;
}
.index-scene h2 {
	margin-bottom: 4.5rem;
	font-size: 1.5rem;
	font-weight: 500;
	text-align: center;
	line-height: 1;
	color: #000;
}
.index-scene h2 span {
	display: block;
	margin-top: 2.8rem;
	font-family: 'Shippori Mincho B1', serif !important;
	font-weight: 500;
	font-size: 4rem;
	letter-spacing: 0.1em;
	text-align: center;
}

.index-scene .scene-area {
	display: flex;
	justify-content: space-between;
	position: relative;
	width: 100%;
}
.index-scene .scene-area .box {
	width: 47.27%;
	text-align: center;
}
.index-scene .scene-area .box a,
.index-scene .scene-area .box a img{
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.index-scene .scene-area .box a:hover{
	text-decoration:none;
}
.index-scene .scene-area .box .photo_block{
	position: relative;
    width: 100%;
    height: 24.3rem;
    overflow: hidden;
}
.index-scene .scene-area .box .photo_block img{
	position: relative;
	object-fit: cover;
	max-width: none;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.index-scene .scene-area .box a:hover .photo_block img {
    transform: scale(1.1, 1.1);
}
.index-scene .scene-area h3 {
	margin-top: 2.5rem;
	font-size: 2.1rem;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
	color: #000;
}
.index-scene .scene-area h3 span {
	background: -moz-linear-gradient(top,  rgba(219,226,117,0) 0%, rgba(219,226,117,0) 59%, rgba(219,226,117,1) 60%, rgba(219,226,117,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(219,226,117,0) 0%,rgba(219,226,117,0) 59%,rgba(219,226,117,1) 60%,rgba(219,226,117,1) 100%);
	background: linear-gradient(to bottom,  rgba(219,226,117,0) 0%,rgba(219,226,117,0) 59%,rgba(219,226,117,1) 60%,rgba(219,226,117,1) 100%);
}
.index-scene .scene-area p {
	margin-top: 2rem;
	font-size: 1.4rem;
	font-weight: 300;
	text-align: center;
}

.index-scene .scene-link {
	display: flex;
	justify-content: center;
	margin-top: 4rem;
}
.index-scene .scene-link li {
	padding: 0 1.5rem;
}

.index-scene .keyword-title {
	margin-top: 10rem;
	margin-bottom: 3rem;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
	color: #000;
}
.index-scene .keyword-title span {
	position: relative;
	display: block;
	width: 28rem;
	margin: 0 auto 3.5rem auto;
	font-family: Roboto, sans-serif !important;
	font-size: 1.3rem;
	font-weight: 400;
	color: #c2c2c2;
}
.index-scene .keyword-title span:before,
.index-scene .keyword-title span:after {
	content: "";
	display: block;
	position: absolute;
	top: 0.6rem;
	background-color: #ececec;
	width: 6rem;
	height: 1px;
}
.index-scene .keyword-title span:before {
	left: 0;
}
.index-scene .keyword-title span:after {
	right: 0;
}

.index-scene .keyword-list {
	width: 100%;
	padding: 0 5rem;
	text-align: center;
	font-size: 0;
}
.index-scene .keyword-list li {
	display: inline-block;
	margin: 0 5px 5px 0;
}
.index-scene .keyword-list a {
	display: inline-block;
	border-radius: 4rem;
	background-color: #f1f1f1;
	height: 3.8rem;
	padding: 0 2.5rem;
	font-size: 1.2rem;
	line-height: 3.7rem;
	white-space: nowrap;
	text-decoration: none;
	color: #2d2d2d;
}
.index-scene .keyword-list a:hover {
	background-color: #cecece;
	color: #fff;
}

.index-banner {
	position: relative;
	background-color: #f8f8f8;
	width: 100%;
	padding: 3rem 0;
	overflow: hidden;
}

#index-banner2 {
	display: none;
	position: relative;
	width: 100%;
	height: 10rem;
}
#index-banner2.slick-initialized {
	display: block;
}
#index-banner2 li {
	position: relative;
	width: 28rem;
	height: 10rem;
	margin: 0 0.5rem;
}
#index-banner2 li a {
	display: block;
	background-color: #fff;
	width: 28rem;
	height: 10rem;
}
#index-banner2 li img {
	width: 28rem;
	height: 10rem;
}
#index-banner2 .ar-prev,
#index-banner2 .ar-next {
	position: absolute;
	top: 50%;
	width: 3rem;
	height: 3rem;
	margin-top: -1.5rem;
	padding-top: 3rem;
	font-size: 0;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
	z-index: 10;
}
#index-banner2 .ar-prev {
	right: 50%;
	background: url(../img/slick-l.svg) center center no-repeat;
	background-size: 3rem;
	margin-right: 42rem;
}
#index-banner2 .ar-next {
	left: 50%;
	background: url(../img/slick-r.svg) center center no-repeat;
	background-size: 3rem;
	margin-left: 42rem;
}
#index-banner2 .ar-prev:hover,
#index-banner2 .ar-next:hover,
#index-banner2 a:hover img {
	opacity: 0.5;
}

.slick-slider div { transition: none; }




.index-ranking {
	position: relative;
	width: 100%;
	padding: 10rem 0;
}
.index-ranking h2 {
	margin-bottom: 3.2rem;
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
	color: #000;
}
.index-ranking .tab-ranking {
	display: flex;
	justify-content: space-between;
	border-bottom: 2px solid #726a73;
	width: 100%;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
}
.index-ranking .tab-ranking li {
	position: relative;
	background-color: #f8f8f8;
	width: 32.7%;
	height: 5.9rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 5.8rem;
	text-align: center;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
	cursor: pointer;
}
.index-ranking .tab-ranking li:hover {
	background-color: #949494;
	color: #fff !important;
}
.index-ranking .tab-ranking li:nth-of-type(1) {
	color: #726a73;
}
.index-ranking .tab-ranking li:nth-of-type(2) {
	color: #2b597d;
}
.index-ranking .tab-ranking li:nth-of-type(3) {
	color: #75825a;
}
.index-ranking .tab-ranking li.active {
	background-color: #726a73;
	color: #fff;
}
.index-ranking .tab-ranking li.active:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -1.7rem;
	width: 0;
	height: 0;
	margin-left: -0.9rem;
	border-style: solid;
	border-width: 0.7rem 0.9rem 0 0.9rem;
	border-color: #726a73 transparent transparent transparent;
}
.index-ranking .tab-ranking-area {
	width: 100%;
}
.tab-ranking-area .period {
	margin-bottom: 2rem;
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 1;
	text-align: right;
	color: #949494;
}
.tab-ranking-area .ranking-list {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.tab-ranking-area .ranking-list .box {
	display: block;
	width: 18.18%;
	text-decoration: none;
}
.tab-ranking-area .ranking-list .rank {
	margin-bottom: 1.2rem;
	font-size: 0;
}
.tab-ranking-area .ranking-list .image {
	position: relative;
	width: 100%;
	height: 14rem;
	margin-bottom: 1.2rem;
	overflow: hidden;
}
.ranking-list .box:nth-of-type(1) .image:before,
.ranking-list .box:nth-of-type(2) .image:before,
.ranking-list .box:nth-of-type(3) .image:before {
	content: "";
	position: absolute;
	right: -0.6rem;
	bottom: -0.7rem;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 4rem;
	width: 4rem;
	height: 4rem;
	z-index: 2;
}
.ranking-list .box:nth-of-type(1) .image:before {
	background-image: url(../img/icon-ranking_01.svg);
}
.ranking-list .box:nth-of-type(2) .image:before {
	background-image: url(../img/icon-ranking_02.svg);
}
.ranking-list .box:nth-of-type(3) .image:before {
	background-image: url(../img/icon-ranking_03.svg);
}
.tab-ranking-area .ranking-list .image img {
	position: relative;
	object-fit: cover;
	max-width: none;
	width: 100%;
	height: 100%;
	z-index: 1;
}






.tab-ranking-area .rank_under{
	margin-top: 3rem;
	/*
    background-image: url(../img/feature/photo_img_10.png);
    background-size: 18rem 19.2rem;
    background-position: right 0 center;
	*/
    padding: 3rem 0 4rem 0;
	border-top:1px dotted #CCC;
}

.tab-ranking-area .rank_under ul li{
	margin:0 0 0rem 0;
}
.tab-ranking-area .rank_under ul li a{
	font-size:1.3rem;
	display:inline-block;
}
.tab-ranking-area .rank_under ul li a em{
	font-weight:500;
	font-size:1.5rem;
}
.tab-ranking-area .rank_under ul li:nth-child(1) a{
	padding:0.5rem 0 0.5rem 3.5rem;
	background:url(../img/feature/rank6.svg) left 1rem no-repeat;
	background-size:2rem 2rem;
}
.tab-ranking-area .rank_under ul li:nth-child(2) a{
	padding:0.5rem 0 0.5rem 3.5rem;
	background:url(../img/feature/rank7.svg) left 1rem no-repeat;
	background-size:2rem 2rem;
}
.tab-ranking-area .rank_under ul li:nth-child(3) a{
	padding:0.5rem 0 0.5rem 3.5rem;
	background:url(../img/feature/rank8.svg) left 1rem no-repeat;
	background-size:2rem 2rem;
}

.tab-ranking-area .rank_under ul li:nth-child(4) a{
	padding:0.5rem 0 0.5rem 3.5rem;
	background:url(../img/feature/rank9.svg) left 1rem no-repeat;
	background-size:2rem 2rem;
}
.tab-ranking-area .rank_under ul li:nth-child(5) a{
	padding:0.5rem 0 0.5rem 3.5rem;
	background:url(../img/feature/rank10.svg) left 1rem no-repeat;
	background-size:2rem 2rem;
}



@media all and (-ms-high-contrast:none) {
	.tab-ranking-area .ranking-list .image img {
		width: 100%;
		height: auto;
	}
}

.tab-ranking-area .ranking-list h3 {
	margin-bottom: 2rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.7;
}


.ranking-list .category,
.course-list .category{
	font-size: 0;
}
.ranking-list .category li ,
.course-list .category li{
	display: inline-block;
	border-radius: 3rem;
	background-color: #666;
	height: 2.5rem;
	margin: 0 4px 4px 0;
	padding: 0 1rem;
	font-size: 1rem;
	font-weight: 300;
	line-height: 2.4rem;
	color: #fff;
}

.ranking-list .category .category1,
.course-list .category .category1{
	background-color: #5aa1b2;
}
.ranking-list .category .category2,
.course-list .category .category2{
	background-color: #4d8ba8;
}
.ranking-list .category .category3,
.course-list .category .category3{
	background-color: #bf9755;
}
.ranking-list .category .category4,
.course-list .category .category4{
	background-color: #bf7b7b;
}

.ranking-list .category .category5,
.course-list .category .category5{
	background-color: #80994d;
}
.ranking-list .category .category6,
.course-list .category .category6{
	background-color: #998095;
}
.ranking-list .category .category7,
.course-list .category .category7{
	background-color: #61765a;
}

.ranking-list .category li.b_category1{
	letter-spacing:0;
	background:#68adcd;
}
.ranking-list .category li.b_category2{
	letter-spacing:0;
	background:#68adcd;
}
.ranking-list .category li.b_category3{
	letter-spacing:0;
	background:#68adcd;
}
.ranking-list .category li:last-child{
	margin:0 0 4px 0;
}

.tab-ranking-area .ranking-list .box:hover {
	color: #949494;
}
.tab-ranking-area .ranking-list .box:hover .image img {
	transform: scale(1.1, 1.1);
}



.index-course {
	position: relative;
	background-color: #888;
	background-image: url(../img/index-course-bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	width: 100%;
	padding: 10rem 0;
}
@media screen and (max-width: 1024px) {
.index-course {
	background-attachment: scroll;
}
}
.index-course h2 {
	margin-bottom: 2.5rem;
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
	color: #fff;
}
.index-course h2 + p {
	margin-bottom: 3rem;
	font-size: 1.4rem;
	font-weight: 400;
	text-align: center;
	color: #fff;
}

.index-course .course-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.index-course .course-list .box {
	position: relative;
	display: block;
	background-color: #fff;
	width: 49.1%;
	margin-bottom: 2rem;
	padding: 3rem;
	text-decoration: none;
}
.index-course .course-list .box:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 7.8rem 7.8rem;
	border-color: transparent transparent #f8f8f8 transparent;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
	z-index: 1;
}
.index-course .course-list .box:after {
	content: "";
	display: block;
	position: absolute;
	right: 0.8rem;
	bottom: 1.8rem;
	background-image: url(../img/ar-btn1.svg);
	background-size: 2.5rem 1.1rem;
	background-position: -1.1rem center;
	background-repeat: no-repeat;
	width: 2.2rem;
	height: 1.1rem;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
	z-index: 2;
}
.index-course .course-list .box:hover {
	background-color: #f8f8f8;
}
.index-course .course-list .box:hover:before {
	border-color: transparent transparent #ececec transparent;
}
.index-course .course-list .box:hover:after {
	background-position: -0.3rem center;
}
.index-course .course-list .box:hover .image img {
	transform: scale(1.1, 1.1);
}
.index-course .course-list .image {
	position: absolute;
	top: 3rem;
	left: 3rem;
	width: 10rem;
	height: 10rem;
	overflow: hidden;
}
.index-course .course-list .image img {
	position: relative;
	object-fit: cover;
	max-width: none;
	width: 100%;
	height: 100%;
	z-index: 1;
}
@media all and (-ms-high-contrast:none) {
.index-course .course-list .image img {
	width: 100%;
	height: auto;
}
}
.index-course .course-list .course {
	display: flex;
	margin-bottom: 1.2rem;
	padding-left: 12rem;
}
.index-course .course-list .course dt {
	height: 2.7rem;
	margin-right: 2rem;
	padding-left: 4rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2.7rem;
	color: #707070;
}
.index-course .course-list .course dt.h3 {
	background: url(../img/icon-time-3h.svg) left center no-repeat;
	background-size: 2.8rem;
}
.index-course .course-list .course dt.d1 {
	background: url(../img/icon-time-1d.svg) left center no-repeat;
	background-size: 2.8rem;
}
.index-course .course-list .course dd.online {
	display: inline-block;
	border: 2px solid #e32f5a;
	height: 2.8rem;
	padding: 0 1rem;
	font-size: 1.1rem;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 2.2rem;
	color: #e32f5a;
}
.index-course .course-list h3 {
	min-height: 5.5rem;
	margin-bottom: 2.4rem;
	padding-left: 12rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.7;
}
.index-course .course-list h3 span{
	display:inline-block;
	font-size:1.3rem;
	padding:0.5rem 1rem;
	line-height:1.5;
	background:#ececec;
	margin-bottom:0.5rem;
	border-radius: 0.4rem;
}


.index-info {
	position: relative;
	width: 100%;
	padding: 10rem 0;
	z-index: 2;
}
.index-info:before {
	content: "";
	display: block;
	position: absolute;
	top: -3.5rem;
	left: 0;
	background-color: #f8f8f8;
	width: 0;
	height: 53rem;
	-webkit-transition: 1s ease;
	transition: 1s ease;
}
.index-info.active:before {
	width: 42%;
}
.index-info .inner-mid {
	position: relative;
	display: flex;
	justify-content: space-between;
	z-index: 2;
}
.index-info h2 {
	margin-bottom: 3.6rem;
	font-size: 2.1rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #000;
}

.column-area {
	width: 54.5%;
}
.column-area .box {
	position: relative;
	display: flex;
	align-items: flex-start;
	width: 100%;
	margin-bottom: 2rem;
	text-decoration: none;
}
.column-area .box .image {
	position: relative;
	width: 18rem;
	height: 12rem;
	overflow: hidden;
}
.column-area .box .image img {
	position: relative;
	object-fit: cover;
	max-width: none;
	width: 100%;
	height: 100%;
	z-index: 1;
}
@media all and (-ms-high-contrast:none) {
.column-area .box .image img {
	width: 100%;
	height: auto;
}
}
.column-area .box .read {
	width: calc(100% - 18rem);
	padding-left: 4rem;
}
.column-area .box .day {
	margin-bottom: 1rem;
	font-family: Roboto, sans-serif !important;
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 1;
	color: #7a7a7a;
}
.column-area .box h3 {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.7;
}
.column-area .box:hover {
	color: #949494;
}
.column-area .box:hover .image img {
	transform: scale(1.1, 1.1);
}
/*
.column-area .box:hover h3{
	text-decoration:underline;
}
*/
.news-area {
	width: 37.2%;
}
.news-area .box {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 2.5rem;
	text-decoration: none;
}
.news-area .box .day {
	margin-bottom: 1rem;
	font-family: Roboto, sans-serif !important;
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 1;
	color: #7a7a7a;
}
.news-area .box h3 {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.7;
}
.news-area .box:hover h3 {
	text-decoration: underline;
}

.index-info .btn {
	margin-top: 2rem;
}




.index-about {
	position: relative;
	width: 100%;
	padding: 10rem 0;
}
.index-about:before {
	content: "";
	display: block;
	position: absolute;
	top: 8rem;
	right: 0;
	background: #f8f8f8 url(../img/index-about-bg.jpg) center center no-repeat;
	background-size: cover;
	width: 54%;
	height: 60rem;
	opacity: 0;
	-webkit-transition: 2s ease;
	transition: 2s ease;
	z-index: 1;
}
.index-about.active:before {
	top: 0;
	opacity: 1;
}
.index-about .inner-mid {
	position: relative;
	padding-right: 60rem;
	font-size: 1.4rem;
	line-height: 2;
	z-index: 2;
}

.index-about h2 {
	margin-bottom: 3rem;
	font-family: 'Shippori Mincho B1', serif !important;
	font-size: 4.2rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.1em;
	white-space: nowrap;
	color: #000;
}
.index-about h2 + p {
	margin-bottom: 2.5rem;
	font-size: 2.1rem;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.1em;
	white-space: nowrap;
	color: #000;
}
.index-about p {
	margin-bottom: 2.5rem;
}
.index-about em {
	color: #000;
}
.index-about .btn {
	margin-top: 3.5rem;
	width: 36.5rem;
}
.index-about .btn a {
	display: block;
}
.index-about .image1 {
	position: absolute;
	top: 18.6rem;
	right: 5rem;
	width: 25.7rem;
	font-size: 0;
	z-index: 2;
}
.index-about .image2 {
	position: absolute;
	top: 40rem;
	right: 36rem;
	width: 19rem;
	font-size: 0;
	z-index: 2;
}

header .mega .mega-right .way_4_btn{
	display:flex;
}
header .mega .mega-right .way_4_btn li{
	margin-right:20px;
	max-width:186px;
}
header .mega .mega-right .way_4_btn li img{
	margin:0 0 5px 0;
	width:100%;
}
header .mega .mega-right .way_4_btn li:last-child{
	margin-right:0;
}
header .mega .mega-right .way_4_btn_wrap{
	display:flex;
	flex-wrap: wrap;
}
header .mega .mega-right .way_4_btn_wrap li{
	max-width:186px;
}
header .mega .mega-right .way_4_btn_wrap li{
	margin-right:20px;
	margin-bottom:20px;
}
header .mega .mega-right .way_4_btn_wrap li:nth-child(4){
	margin-right:0;
}

header .mega .mega-right .way_4_btn_wrap li:nth-child(5),
header .mega .mega-right .way_4_btn_wrap li:nth-child(6),
header .mega .mega-right .way_4_btn_wrap li:nth-child(7){
	margin-bottom:0px;
}

header .mega .mega-right .way_4_btn_wrap li:nth-child(8){
	margin-right:0;
	margin-bottom:0px;
}
header .mega .mega-right .way_4_btn_wrap li:nth-child(9){
	margin-bottom:0px;
}
header .mega .mega-right .way_4_btn_wrap li img{
	margin:0 0 5px 0;
	width:100%;
}
header .mega .mega-right .way_2_btn{
	display:flex;
	justify-content: space-between;
	margin-bottom: 3rem;
}
header .mega .mega-right .way_2_btn li{
	width:49%;
	display:flex;
	align-items: center;
}
header .mega .mega-right .way_2_btn li a{
	display:flex;
	padding: 1rem 1.5rem;
	background-color: #fff;
	width:100%;
	justify-content: center;
}
header .mega .mega-right .mega_ttl{
	margin-bottom: 1.5rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
}
header .mega .mega-right .way_2_btn li a:hover{
	background-color: #ececec;
}
header .mega .mega-right .bnr2{
	margin-top: 2.5rem;
	width:30rem;
}

header .mega .mega-right .kaisaichi{
	display:flex;
	justify-content: space-between;
	margin-bottom: 3rem;
}
header .mega .mega-right .kaisaichi li{
	width:24.5%;
	display:flex;
	align-items: center;
	text-align:center;
	justify-content: center;
}
header .mega .mega-right .kaisaichi li a{
	display:flex;
	padding: 1rem 1.5rem;
	background-color: #fff;
	width:100%;
	text-align:center;
	justify-content: center;
}
header .mega .mega-right .kaisaichi li a:hover{
	background-color: #ececec;
}


#l-breadcrumbs{

	padding-top:12px;
	padding-bottom:12px;
	padding-left: 5rem;
    padding-right: 5rem;
}
#l-breadcrumbs li a{
	color:#232B4D;
}
.l-breadcrumbs__wrap li + li:before{
	content: '';
	background: url(../img/pankuzu_icon.svg) left center no-repeat;
	width:0.8rem;
	height:1.2rem;
	background-size:0.8rem 1.2rem;
	margin-right: 10px;
}
.l-breadcrumbs__wrap li + li{
    margin-left: 15px;
}
.l-breadcrumbs__wrap > li {
	font-size: 1.2rem;
    font-weight: 400;
	line-height: 1.5;
}



header#under_cont{
    top:3rem;
}
header#under_cont.hide {
    top: -11rem;
}
.l-headBar{
    background:#F8F8F8;
    padding: 0.7rem 0 0 0;
    position: fixed;
    width: 100%;
    top: 0;
    height:3rem;
    text-align:right;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
    z-index: 9999;
}
.l-headBar__text {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    font-size:1rem;
	line-height:1;
    font-weight:300;
    color:#4D4D4D;
}
.l-headBar.hide {
    top: -3rem;
}
.l-breadcrumbs {
	padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 5rem;
    padding-right: 5rem;
	margin:0;
}

/*-----IE-----*/
@media all and (-ms-high-contrast: none) {
	body {
		overflow-x:visible;
	}
  }

#side-menu .js-cbox-search.u-btn:hover{
	opacity:1.0;
}


.l-main{
	margin-bottom:11rem
}
.info .l-main__categoryNav .categoryNavList li{
	padding-right:42px !important;
}
.info .l-main__categoryNav .categoryNavList {
    font-size: 0;
	line-height:1;
}

.l-main.infoDetail .l-main__header h2{
	font-weight:700;
	line-height:1.5;
}

.l-main.infoDetail .entry .txt{
	font-size:1.3rem !important;
}
.infoDetail__wrap .l-main__contents a{
	text-decoration:underline;
}
.infoDetail__wrap .l-main__contents a:hover{
	text-decoration:none;
}

.faq .entry .entry__q{
	line-height:1.3;
}

#recommend .unit dt {
    line-height: 1.3;
}

.l-main#sitemap .category__itemLink > li{
	font-size:1.5rem !important;
}

body .l-main{
	letter-spacing:0;
}

body.-sp-dtl{
	min-height:auto;
    height:auto;
}

.courseTable thead th{
	text-align:center;
	vertical-align:middle;
}
.m-pickup__columnDetail .txt{
	letter-spacing:-0.1em;
	line-height: 1.5;
	font-size:1.3rem;
}

body.-sp-hr .m-pickup__columnDetail .txt{
	font-size:1.3rem;
	line-height: 1.5;
}
.l-main#women .voice__item dl + dl{
	font-size:1.4rem;
}
.l-main#women .course .map table thead th{
	text-align:center;
	vertical-align:middle;
}
#business_manner .map thead th{
	text-align:center;
	vertical-align:middle;
}
.l-main__header{
	font-weight:700;
	line-height:1.5;
}



.l-main__contents.article .contentNavi .contentNavi__box.is-fixed{
	position: fixed;
    top: 5.2rem;
}

body.trainer{
	padding-top:0rem;
	font-size:1.8rem;
}

#page.course--search .entry__desc{
	line-height: 1.7;
}
#page.course--search .entry__info{
	line-height:1.7;
}
body.-sp-dtl .l-main__header h2{
	font-size: 2.38rem;
}
header .menu-logo{
	z-index:1;
}
body.-sp-dtl .l-main__contents.article .lead p{
	font-size: 1.4rem;
}
body.-sp-dtl .l-main__contents.article .needs ul > li{
	font-size:1.5rem;
}
body.-sp-dtl .l-main__contents.article .contentNavi .anchors li a{
	font-size: 1.4rem;
}
body.-sp-dtl .l-main__contents.article .section p{
	font-size: 1.4rem;
}

body.-sp-dtl .l-main__contents.article .programInfo.section{
	font-size: 1.4rem;
}

body.-sp-dtl .l-main__contents.article .corpVoice > dl, .l-main .userVoice > dl{
	font-size:1.4rem;
}
body.-sp-dtl .l-main__contents.article .section.trainer .trainer__media{
	font-size:1.4rem;
}
body.-sp-dtl .l-main__contents.article .schedule__lead{
	font-size:1.2rem:
}
body.-sp-dtl .l-main__contents.article p.schedule__undecided{
	font-size:1.2rem:
}
body.-sp-dtl .l-main__contents.article #summary.section{
	font-size:1.4rem;
}
body.-sp-dtl .l-main__contents.article .section.program .scheduleTable{
	font-size:1.4rem;
}

body.-sp-dtl .l-main__aside .trainerFutuer{
	font-size:1.4rem;
}
body.-sp-dtl .l-main__aside .recommend.m-section .unit{
	font-size:1.4rem;
	line-height:1.5;
}


.schedule__detailTable table tbody td .btn a{
	background:none;
	padding:0;
}
.schedule__detailTable table tbody td .btn a:before{
	content:none;
}
.schedule__detailTable table tbody td .btn a:after{
	content:none;
}
.infoDetail .articleBox-content .column-unit .column-item .text .font-bold{
	line-height:1.6;
}
.info .update .box__name{
	line-height: 1.6;
}

.caseList li .name{
	line-height: 1.5;
}
.caseList li .text{
	line-height: 1.5;
}

.l-main.caseEntry .section p{
	font-size: 1.4rem;
}
.l-main .point .point__list li{
	line-height: 1.5;
    font-size: 1.4rem;
}

.profile.font-xsm{
	line-height: 1.5;
}
.l-main#case18 .interview__catch h3{
	font-weight:700;
}
.l-main.caseEntry .interview__about{
	font-size: 1.808rem;
}
.l-main.caseEntry .course__item dt{
	font-weight:400;
}

.review.js-randomReview .caseList li .text{
	font-size: 1.3rem;
}

.l-main.caseEntry .visual__name > h2{
	line-height:1.5;
}
.visual__name {
	line-height:1.5;
}
.faq .section__head{
	font-weight:700;
}
.faq .entry__aTxt{
	font-size:1.4rem;
}
.faq .entry__table th{
	font-size: 1.2rem !important;
	line-height: 1.5;
}
.faq .entry__table td{
	font-size: 1.2rem !important;
	line-height: 1.5;
}
.faq .entry__table thead th{
	text-align:center;
}

.l-main#courseList .section table th{
	line-height: 1.5;
}
.l-main#courseList .section table td{
	line-height: 1.5;
}

.l-main table.courseTable th{
	line-height: 1.5;
}
.l-main table.courseTable td{
	line-height: 1.5;
}
.l-main#sales .stdLineup .category > h5 span{
	font-weight:700;
}
.l-main#sales .orienLineup .skills table th{
	font-size: 1.4rem;
}
.articleBox-content .column-unit .column-item{
	line-height: 1.5;
}
#hr .hr-box__heading{
	font-weight:700;
}
#hr .hr-box__teacher{
	line-height: 1.5;
}
.l-main#home .section__head{
	font-weight:700;
}
.l-main#home .section__pointText{
	line-height:1.5;
}
.l-main#home .item__headTitle{
	font-weight:700;
}
#skillTop table.map th{
	line-height:1.5;
}
#skillTop table.map td{
	line-height:1.5;
}
.l-main .keywords__recommend{
	width:630px !important;
}
.l-main .keywords__recommend > h3{
	font-weight:700;
}
.l-main .form table input[type="checkbox"], .l-main .form table input[type="radio"]{
	top:-1px !important;
}

.m-section__body table select{
	appearance:auto !important;
}
.modalSearch__body table select{
	appearance:auto !important;
}

#selfStudy.l-main .item__head{
	font-weight:700;
}


.l-main#sitemap .section__title a:hover{
	text-decoration:underline;
}

body.map{
	padding-top:0rem;
	font-size:1.8rem;
}
body.map #content{
	width: 90%;
	max-width: 480px;
	margin: 0 auto;

}
body.map table {
	margin: 30px 0;
	width: 99.8%;
	table-layout: auto;
}
body.map .table-01 {
	border-top: 1px solid #004c7e;
	border-bottom: 1px solid #004c7e;
}
body.map .table-01 tr {
	border-top: 1px solid #e0e0e0;
}
body.map .table-01 tr:first-child {
	border-top: none;
}
body.map .table-01 th {
	text-align: left;
	vertical-align: top;
	color: #004c7e;
	font-size: 16px;
	font-weight: 700;
}
body.map .table-01 td {
	vertical-align: top;
}
body.map .table-01 th, .table-01 td {
	padding: 15px 10px;
}
body.map .table-column-two td {
	width: 76%;
}

body.-sp-dtl .l-main__contents.article .section.program table{
	font-size:1.4rem;
	width: 100%;
}
body.-sp-dtl .l-main__contents.article .section.program table th{
	font-size:1.4rem;
	border-right: 1px solid #fff;
	padding: 6px;
	background-color: #535353;
	color: #fff;
	font-size: 125%;
	text-align: center;
	vertical-align: middle;
}
body.-sp-dtl .l-main__contents.article .section.program table th:last-child{
	border-right: none;
}
body.-sp-dtl .l-main__contents.article .section.program table th p{
	margin-bottom: 0;
}
body.-sp-dtl .l-main__contents.article .section.program table td{
	font-size:1.4rem;
	padding: 10px;
	border-right: 1px solid #ccc;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
body.-sp-dtl .l-main__contents.article .section .color--blue{
	color: #3366ff;
}