@charset "utf-8";

html{
	font-size: 10px;
	/*font-size: 62.5%;*/
}

:root{
	--base-color: #2DB200;
	--color-green: #1A6600;
	--bg-color1: #F9FFE9;
	--box-shadow1: 0px 3px 6px rgba(0,0,0,0.25);
}

body{
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 0;
	font-weight: 500;
	font-style: normal;
	line-height: 1.0;
	letter-spacing: 0;
	color: #000000;
}

a,a img,input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="image"]{
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

a:hover img,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="image"]:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

img{
	image-rendering: -webkit-optimize-contrast;
	max-width: 100%;
	height: auto;
}

::before,
::after{
	position: absolute;
	content: '';
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.flexWrap{	
	display:-webkit-box;
  	display:flex;
	flex-wrap: wrap;
}

.flexColumn{	
	display:-webkit-box;
  	display:flex;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	flex-direction: column;
}

br.smp{display: none;}



/**************************************************
 bodyBg
**************************************************/
@keyframes hero-gradient-animation {
    0% {
        --x-0: 85%;
        --c-0: hsla(150.8823529411765, 52%, 83%, 1);
        --y-0: 80%;
        --s-start-0: 9%;
        --s-end-0: 55%;
        --s-start-1: 5%;
        --s-end-1: 72%;
        --y-1: 24%;
        --c-1: hsla(219.99999999999997, 100%, 82%, 1);
        --x-1: 60%;
        --y-2: 82%;
        --c-2: hsla(297.7941176470588, 100%, 65%, 0.49);
        --x-2: 13%;
        --s-start-2: 5%;
        --s-end-2: 52%;
        --y-3: 7%;
        --s-start-3: 13%;
        --s-end-3: 68%;
        --x-3: 24%;
        --c-3: hsla(182, 72%, 68%, 1);
    }

    100% {
        --x-0: 31%;
        --c-0: hsla(150.8823529411765, 52%, 83%, 1);
        --y-0: 94%;
        --s-start-0: 9%;
        --s-end-0: 55%;
        --s-start-1: 5%;
        --s-end-1: 72%;
        --y-1: 25%;
        --c-1: hsla(220, 82%, 95%, 1);
        --x-1: 2%;
        --y-2: 20%;
        --c-2: hsla(297.7941176470588, 100%, 65%, 0.49);
        --x-2: 98%;
        --s-start-2: 5%;
        --s-end-2: 52%;
        --y-3: 92%;
        --s-start-3: 13%;
        --s-end-3: 68%;
        --x-3: 95%;
        --c-3: hsla(182, 72%, 68%, 1);
    }
}

@property --x-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 85%
}

@property --c-0 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(150.8823529411765, 52%, 83%, 1)
}

@property --y-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 80%
}

@property --s-start-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 9%
}

@property --s-end-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 55%
}

@property --s-start-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 5%
}

@property --s-end-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 72%
}

@property --y-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 24%
}

@property --c-1 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(219.99999999999997, 100%, 82%, 1)
}

@property --x-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 60%
}

@property --y-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 82%
}

@property --c-2 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(297.7941176470588, 100%, 65%, 0.49)
}

@property --x-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 13%
}

@property --s-start-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 5%
}

@property --s-end-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 52%
}

@property --y-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 7%
}

@property --s-start-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 13%
}

@property --s-end-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 68%
}

@property --x-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 24%
}

@property --c-3 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(182, 72%, 68%, 1)
}

.bodyBg{
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: -1;
    --x-0: 85%;
    --c-0: hsla(150.8823529411765, 52%, 83%, 1);
    --y-0: 80%;
    --y-1: 24%;
    --c-1: hsla(219.99999999999997, 100%, 82%, 1);
    --x-1: 60%;
    --y-2: 82%;
    --c-2: hsla(297.7941176470588, 100%, 65%, 0.49);
    --x-2: 13%;
    --y-3: 7%;
    --x-3: 24%;
    --c-3: hsla(182, 72%, 68%, 1);
    ;
    background-color: hsla(358.0000000000001, 0%, 100%, 1);
    background-image: radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)), radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3));
    animation: hero-gradient-animation 10s linear infinite alternate;
    background-blend-mode: normal, normal, normal, normal;
}



/**************************************************
 wrapper
**************************************************/
#wrapper{
	position: relative;
	width: calc(100% - 100px);
	max-width: 1300px;
	margin: 0 auto;
}



/**************************************************
 header
**************************************************/
header{
	position: relative;
	width: 60%;
	max-width: 770px;
}

header h1{
	height: 120px;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}
header h1 img{
	width: auto;
	height: 40px;
}
header h1 a img:hover{opacity: 0.5;}

#globalNavi{
	position: fixed;
	width: calc(((100% - 100px) * 0.4) - 50px);
	max-width: 480px;
	height: 100vh;
	min-height: 600px;
	top: 0;
	left: calc(((100% - 100px) * 0.6) + 100px);
	-webkit-box-align: center;
	align-items: center;
}
#globalNavi .inner{
	position: relative;
	width: 100%;
	height: 80%;
	max-height: 600px;
	padding: 0;
	background: linear-gradient(-35deg, #00C6FF, #0072FF);
	border-radius: 15px;
	box-shadow: var(--box-shadow1);
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
}
#globalNavi p{
	width: 100%;
	font-size: calc(2.0vw);
	font-weight: 900;
	color: #FFFF26;
	text-align: center;
}
#globalNavi p small{
	font-size: calc(1.4vw);
	font-weight: 700;
	color: #FFFFFF;
	display: block;
	margin-bottom: 15px;
}
#globalNavi ul{
	position: relative;
	width: 85%;
	margin:  15% auto 0 auto;
	border-top: 1px solid #FFFFFF;
}
#globalNavi ul li{border-bottom: 1px solid #FFFFFF;}
#globalNavi ul li a{
	position: relative;
	display: block;
	font-size: calc(1.3vw);
	font-weight: 500;
	color: #FFFFFF;
	padding: 6% 0 6% 25px;
}
#globalNavi ul li a::before{
	width: 15px;
	height: 5px;
	background: #FFFF26;
	top: calc(50% - 2px);
	left: 0;
}
#globalNavi ul li a:hover{padding-left: 35px;}
#globalNavi ul li a:hover::before{width: 25px;}

@media (min-width: 1400px){
	#globalNavi{
		left: auto;
		right: calc((100% - 1300px) / 2);
	}
	#globalNavi p{font-size: 3.0rem;}
	#globalNavi p small{font-size: 2.0rem;}
	#globalNavi ul li a{font-size: 1.8rem;}
}

#menu{
	position: fixed;
	width: 60px;
	height: 60px;
	top: 0;
	right: 0;
	background: #0072FF;
	cursor: pointer;
	z-index: 9992;
	display: none;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
#menu span{
	position: absolute;
	width: 30px;
	height: 2px;
	top: 19px;
	left: calc(50% - 15px);
	background: #FFFFFF;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
#menu span:nth-of-type(2){top: 29px;}
#menu span:nth-of-type(3){top: 39px;}
#menu.open{background: #FFFFFF;}
#menu.open span{
	width: 32px;
	top: 29px;
	left: calc(50% - 16px);
	background: #0072FF;
}
#menu.open span:first-of-type{transform: rotate(-45deg);}
#menu.open span:nth-of-type(2){display: none;}
#menu.open span:nth-of-type(3){transform: rotate(45deg);}



/**************************************************
 main
**************************************************/
main{
	position: relative;
	width: 60%;
	max-width: 770px;
}

.visualHanger{
	position: relative;
	top: -20px;
}
.visualHanger img{width: 100%;}

.tabMenu ul{
	margin-top: 20px;
	-webkit-box-pack: center;
	justify-content: center;
}
.tabMenu ul li{
	width: calc((100% - 40px) / 5);
	margin-right: 10px;
}
.tabMenu ul li:last-of-type{margin-right: 0;}
.tabMenu ul li a{
	display: block;
	font-size: min(1.15vw,1.6rem);
	color: #FFFFFF;
	text-align: center;
	padding: 15px 0;
	background: #FF007F;
	border-radius: 10.0rem;
	box-shadow: var(--box-shadow1);
}
.tabMenu ul li a:hover{opacity: 0.5;}

.majorList dl{margin-top: 70px;}
.majorList dl dt{
	font-size: min(1.8vw,2.6rem);
	line-height: 1.3;
	font-weight: 900;
	text-align: center;
}
.majorList dl dt strong{
	position: relative;
	display: inline-block;
	font-size: min(2.2vw,3.5rem);
	color: #FF007F;
	margin-bottom: 10px;
}
.majorList dl dt strong strong{font-size: calc(3.2vw);}
.majorList dl dt strong::before,
.majorList dl dt strong::after{
	width: 4px;
	height: 90%;
	background: #FF007F;
	top: 10%;
}
.majorList dl dt strong::before{
	left: -6%;
	transform: rotate(-30deg);
}
.majorList dl dt strong::after{
	right: -6%;
	transform: rotate(30deg);
}
.majorList dl dt strong strong::before,
.majorList dl dt strong strong::after{display: none;}
.majorList dl dt span{background:linear-gradient(transparent 50%, #FFFF00 50%);}
.majorList dl dd{
	padding: 40px 0 0 0;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.majorList dl dd img{width: calc((100% - 50px ) / 6);}



article{
	position: relative;
	margin-top: 60px;
	background: #FFFFFF;
	border-radius: 25px;
	padding: 0 35px 35px 35px
}

article h2{
	position: relative;
	width: 84%;
	margin: 0 auto;
	font-size: min(2.7vw,3.8rem);
	font-weight: 900;
	letter-spacing: 2px;
	text-align: center;
	color: #FFFFFF;
	padding: 30px 0;
	background: linear-gradient(-35deg, #FF5858, #F857A6);
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

article h3{
	position: relative;
	margin-top: 65px;
	font-size: min(2.2vw,3.4rem);
	font-weight: 900;
	letter-spacing: 2px;
	text-align: center;
	padding-top: 30px;
}
article h3::before{
	width: 80px;
	height: 5px;
	top: 0;
	left: calc(50% - 40px);
	background: #FF007F;
}
article h3 small{
	display: block;
	padding-top: 15px;
}

#about p.tab{
	padding-top: 20px;
	text-align: center;
}
#about p.tab span{
	display: inline-block;
	font-size: min(1.1vw,1.6rem);
	font-weight: 700;
	color: #FF007F;
	padding: 10px 15px;
	margin: 5px;
	border: 2px solid #FF007F;
	border-radius: 5px;
}
#about p.style1{
	padding-top: 20px;
	text-align: center;
	font-size: min(1.2vw,1.9rem);
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 1px;
}

.copyHanger{
	margin-top: 60px;
	font-size: min(1.8vw,2.8rem);
	font-weight: 900;
	line-height: 1.6;
	text-align: center;
}
.copyHanger span{
	color: #FF007F;
	background:linear-gradient(transparent 50%, #FFFF00 50%);
}

.figHanger1{
	position: relative;
	margin-top: 50px;
	text-align: center;
}
.figHanger1 img{max-width: 100%;}
.figHanger1.style1{margin-top: 80px;}
.figHanger1.style2{
	margin-top: 35px;
	padding-top: 35px;
	border-top: 1px solid #333333;
}
.figHanger1 img.about1{
	position: absolute;
	top: 160px;
	left: 10px;
}
.figHanger1 img.about2{
	position: absolute;
	top: 160px;
	right: 20px;
}

.btn1{
	margin-top: 50px;
	text-align: center;
}
.btn1 a{
	position: relative;
	display: block;
	width: 65%;
	margin: 0 auto;
	padding: 25px 0;
	font-size: min(2.0vw,2.8rem);
	color: #FFFFFF;
	background: #FF007F;
	border-radius: 10.0rem;
}
.btn1 a::before{
	width: 14px;
	height: 14px;
	top: calc(50% - 7px);
	right: 35px;
	border-top: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	transform: rotate(45deg);
}
.btn1 a:hover{opacity: 0.5;}
.btn1 a:hover::before{right: 25px;}

#about dl{
	margin-top: 50px;
	padding: 20px;
	background: linear-gradient(-35deg, rgba(239,98,159,0.5), rgba(238,205,163,0.5));
	border-radius: 10px;
	text-align: center;
}
#about dl dt{
	font-size: min(2.8vw,4.0rem);
	font-weight: 900;
	line-height: 1.3;
}
#about dl dt small{
	display: inline-block;
	font-size: min(1.5vw,2.2rem);
	color: #FFFFFF;
	background: #000000;
	padding: 10px 40px;
	margin-bottom: 10px;
	border-radius: 10.0rem;
}
#about dl dd{
	padding-top: 20px;
	font-size: min(1.4vw,2.0rem);
	font-weight: 700;
	line-height: 1.6;
}

.eventPhoto{
	margin-top: 40px;
	text-align: center;
}
.eventPhoto img{
	width: calc(50% - 10px);
	border-radius: 10px;
}
.eventPhoto img:first-of-type{margin-right: 20px;}

.supportHanger{
	margin-top: 20px;
	padding: 10px;
	background: #FFFFFF;
	box-shadow: var(--box-shadow1);
	border-radius: 10px;
	-webkit-box-align: center;
	align-items: center;
}
.supportHanger:nth-of-type(2){margin-top: 50px;}
.supportHanger:nth-of-type(5),
.supportHanger:nth-of-type(6){background: #FFF100;}
.supportHanger dl{
	width: 60%;
	order: 2;
}
.supportHanger dl dt{
	font-size: min(1.8vw,2.5rem);
	font-weight: 900;
	line-height: 1.3;
	color: #0082BA;
}
.supportHanger:nth-of-type(5) dl dt,
.supportHanger:nth-of-type(6) dl dt{color: #FF007F;}
.supportHanger dl dt small{
	display: inline-block;
	font-size: min(1.2vw,2.0rem);
	text-decoration: underline;
}
.supportHanger dl dd{
	font-size: min(1.2vw,1.8rem);
	font-weight: 500;
	line-height: 1.7;
	padding-top: 10px;
}
.supportHanger img{
	width: calc(40% - 20px);
	margin-right: 20px;
	border-radius: 10px;
	order: 1;
}

#job ul{
	margin-top: 50px;
	border-bottom: 1px solid #333333;
}
#job ul li{
	position: relative;
	width: 50%;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	padding-bottom: 5.5vw;
	padding-right: 15px;
}
#job ul li:nth-of-type(2n){
	border-right: none;
	padding-right: 0;
	padding-left: 15px;
}
#job ul li img{width: 100%;}
#job ul li a{
	position: relative;
	position: absolute;
	width: 70%;
	bottom: 15px;
	left: 15%;
	font-size: min(1.2vw,1.8rem);
	font-weight: 700;
	color: #FFFFFF;
	text-align: center;
	background: #FF007F;
	border-radius: 10.0rem;
	padding: 12px 0;
}
#job ul li a::before{
	width: 8px;
	height: 8px;
	top: calc(50% - 4px);
	right: 20px;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	transform: rotate(45deg);
}
#job ul li a:hover{opacity: 0.5;}
#job ul li a:hover::before{right: 15px;}

#job p{
	padding-top: 40px;
	font-size: min(1.1vw,1.6rem);
	line-height: 1.6;
}

#tuition{padding-bottom: 0;}

#voice{
	background: none;
	border-radius:0;
	padding: 0;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
}

#voice section{
	width: 60%;
	order: 2;
}
#voice section h2{
	background: none;
	padding: 0;
	margin: 0;
	font-size: min(2.1vw,3.2rem);
	line-height: 1.4;
	color: #FF007F;
	text-align: left;
}
#voice section h2 span{
	position: absolute;
	top: -45px;
	left: -20px;
}
#voice section p{
	padding-top: 25px;
	font-size: min(1.2vw,1.8rem);
	line-height: 1.8;
}
#voice section p small{
	display: block;
	font-size: min(1.0vw,1.6rem);
	padding-top: 30px;
}
#voice img.voicePhoto{
	width: calc(40% - 40px);
	border-radius: 10px;
	order: 1;
}

#faq h2{letter-spacing: 0;}

#faq dl{
	margin-top: 50px;
	padding: 40px 30px 30px 30px;
	background: #FFFFFF;
	box-shadow: var(--box-shadow1);
	border-radius: 10px;
}
#faq dl:nth-of-type(1){margin-top: 60px;}
#faq dl dt{
	position: relative;
	font-size: min(2.2vw,3.0rem);
	font-weight: 900;
	letter-spacing: 1px;
	line-height: 1.3;
	color: #0082BA;
}
#faq dl dt small{
	position: absolute;
	font-size: min(3.5vw,6.0rem);
	font-weight: 500;
	letter-spacing: 0;
	color: #000000;
	top: -5.2vw;
	left: 0;
}
#faq dl dt small strong{
	font-size: min(4.5vw,8.0rem);
	font-weight: 500;
}
#faq dl dd{
	position: relative;
	font-size: calc(1.2vw);
	font-size: min(1.2vw,1.8rem);
	line-height: 1.8;
	padding: 20px 0 0 0;
	padding-left: calc(3.5vw + 0px);
}
@media screen and (min-width: 1400px){
	#faq dl dd{
		padding-left: 5.0rem;
	}
}
#faq dl dd span{
	position: absolute;
	font-size: min(3.5vw,6.0rem);
	font-weight: 500;
	color: #FF007F;
	top: -10%;
	left: 0;
}

.contact{
	position: relative;
	margin-top: 60px;
	background: url("../img/contact_bg.jpg") no-repeat center center;
	background-size: cover;
	padding: 40px 0;
	border-radius: 20px;
	overflow: hidden;
}
#about .contact{
	margin-top: 35px;
	border-radius: 0;
	width: calc(100% + 70px);
	left: -35px;
}
.contact::before{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(90deg,#00AFEC, #FA527F);
	opacity: 0.85;
	mix-blend-mode: multiply;
	z-index: 0;
}
.contact h4{
	position: relative;
	text-align: center;
	z-index: 1;
}
.contact h4 small{
	display: block;
	font-size: min(2.0vw,3.0rem);
	letter-spacing: 1px;
	color: #FFFF00;
}
.contact h4 span{
	display: block;
	font-size: min(2.7vw,4.0rem);
	letter-spacing: 1px;
	color: #FFFFFF;
	padding-top: 20px;
	text-shadow: 0px 3px #000000;
}
.contact nav ul{
	position: relative;
	padding-top: 15px;
	z-index: 2;
}
.contact nav ul li{
	width: 72%;
	margin: 20px auto 0 auto;
	background: #FFFFFF;
	border-radius: 10.0rem;
}
.contact nav ul li a{
	position: relative;
	display: block;
	font-size: min(2.0vw,2.8rem);
	font-weight: 900;
	letter-spacing: 1px;
	text-align: center;
	color: #002DB2;
	background: #FFFF00;
	padding: 20px 0;
	border: 2px solid #002DB2;
	border-radius: 10.0rem;
}
.contact nav ul li a::before{
	width: 12px;
	height: 12px;
	top: calc(50% - 6px);
	right: 30px;
	border-top: 2px solid #002DB2;
	border-right: 2px solid #002DB2;
	transform: rotate(45deg);
}
.contact nav ul li a:hover{opacity: 0.5;}
.contact nav ul li a:hover::before{right: 20px;}

.scholarship{
	position: relative;
	margin-top: 60px;
	padding: 40px 0;
	border-radius: 20px;
	overflow: hidden;
	background: url("../img/scholarship_bg1.png") no-repeat left center,url("../img/scholarship_bg2.png") no-repeat right center,#FFFFFF;
	background-size: auto 120%,auto;
}
.scholarship h4{
	position: relative;
	font-size: min(2.7vw,4.0rem);
	font-weight: 900;
	letter-spacing: 2px;
	text-align: center;
	text-shadow: 0px 3px #FFFFFF;
	z-index: 1;
}
.scholarship h4 small{
	position: relative;
	display: inline-block;
	font-size: min(2.0vw,3.0rem);
	letter-spacing: 1px;
	color: #FF007F;
	margin-bottom: 15px;
}
.scholarship h4 small::before,
.scholarship h4 small::after{
	width: 2px;
	height: 100%;
	top: 10%;
	background: #FF007F;
}
.scholarship h4 small::before{
	left: -15%;
	transform: rotate(-30deg);
}
.scholarship h4 small::after{
	right: -15%;
	transform: rotate(30deg);
}
.scholarship h4 span{color: #FF007F;}
.scholarship nav ul{
	position: relative;
	padding-top: 15px;
	z-index: 2;
}
.scholarship nav ul li{
	width: 72%;
	margin: 20px auto 0 auto;
	background: #FFFFFF;
	border-radius: 10.0rem;
}
.scholarship nav ul li a{
	position: relative;
	display: block;
	font-size: min(2.0vw,3.0rem);
	font-weight: 900;
	letter-spacing: 1px;
	text-align: center;
	color: #002DB2;
	background: #FFFF00;
	padding: 20px 0;
	border: 2px solid #002DB2;
	border-radius: 10.0rem;
}
.scholarship nav ul li a::before{
	width: 12px;
	height: 12px;
	top: calc(50% - 6px);
	right: 30px;
	border-top: 2px solid #002DB2;
	border-right: 2px solid #002DB2;
	transform: rotate(45deg);
}
.scholarship nav ul li a:hover{opacity: 0.5;}
.scholarship nav ul li a:hover::before{right: 20px;}



/**************************************************
 footer
**************************************************/
footer{
	text-align: center;
	width: 60%;
	max-width: 770px;
}

dl.snsHanger{margin-top: 60px;}
dl.snsHanger dt span{
	display: inline-block;
	font-size: min(2.0vw,2.8rem);
	font-weight: 700;
	padding: 15px 40px;
	color: #FFFFFF;
	background: linear-gradient(-35deg, #FF5858, #F857A6);
	border-radius: 10px;
	border: 2px solid #FFFFFF;
	box-shadow: var(--box-shadow1);
}
dl.snsHanger dd{margin-top: 30px;}
dl.snsHanger dd img{
	margin: 0 10px;
}

dl.footerInfo{
	border-top: 1px solid #333333;
	margin-top: 60px;
	padding-top: 55px;
	text-align: center;
}
dl.footerInfo dt{
	font-size: min(1.5vw,2.2rem);
	font-weight: 500;
}
dl.footerInfo dt img{
	display: block;
	width: 20%;
	margin: 0 auto 10px auto;
}
dl.footerInfo dd{
	padding-top: 30px;
	font-size: min(1.1vw,1.6rem);
	font-weight: 500;
	line-height: 1.6;
}
dl.footerInfo dd a{
	color: #000000;
	text-decoration: underline;
}
dl.footerInfo dd a:hover{
	opacity: 0.5;
	text-decoration: none;;
}

.copyRight{
	padding: 60px 0 80px 0;
	font-size: min(1.1vw,1.4rem);
}