@charset "utf-8";

body {
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

.font0 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.font1 {
	font-family: 'Sawarabi Mincho', sans-serif;
}
.jconfirm .jconfirm-bg { z-index: -999; }/*for jconfirm bgdismiss bug on firefox v3.34*/


img {
	max-width: 100%;
  	height: auto;
}

h2 {
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
	color: #494949;/*文字色*/
	background: #f4f4f4;/*背景色*/
	border-left: solid 5px #7db4e6;/*左線*/
	border-bottom: solid 3px #d7d7d7;/*下線*/

	margin-bottom:20px;
}
.jq-toast-wrap h2 {
	padding:auto;
	border: none;
	margin: auto;
}

.bgDeepBlue {
	opacity:0.7;
	background: rgb(2,0,36);
}

.alink {
	margin: 0 4px;
	border-bottom: 2px solid transparent;
	text-decoration: none;
	color: #66c;
	transition: border-bottom .4s;
}
.alink:hover {
	transition: border-bottom .4s;
	text-decoration: none;
	border-bottom: 2px solid blue;
}

#mainNav {
	min-height: 74px;
}
#mainNav * {
	transition: all .4s!important;
}
.nav-link {
	color: rgba(255,255,255,0.9)!important;
}
.nav-link:hover {
	color: rgba(255,255,255,0.5)!important;
}
/*
.nav-item {
	border: 1px rgba(255,255,255,0.6) solid;
}*/
.nav-item {
	position:relative;
}
.nav-item:before {
	transition: all .3s!important;
	opacity: 0;
	content: '';
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 3px;
	bottom:-3px;
	transform: translateX(-50%);
	-ms-transform: translateX(0%);
	background-color:#fff;
}


#mainHead {
	/*background-image: url('./img/dummy.png');*/
	background-color: #fff;
	height: 350px;
	padding: 0;
}

#headLogoContainer {
	max-width: 960px;
	width:100%;
	margin: 0 auto;
	position: relative;
    height: 350px;
    background: url(img/r.png) 0 0 no-repeat;
}
#headLogo {
	position: absolute;
    top: 40px;
}

.filter_effect {
	transition: filter 2.2s;
	filter: saturate(1.42);
}
.filter_effect_none {
	transition: filter 2.2s;
	filter: none;
}

/* toTop */
#toTop {
	display:none;
	position:absolute;
	top:-30px;
	left: 50%;
	width:60px;height:60px;
	padding: 10px;
	color: pink;
	border: 1px solid #eee;
	background-color: #fff;
	margin-left: -30px;
	font-size:18px;
	line-height: 0.9;
	cursor: pointer;
	user-select: none;
	transition: background-color .2s;
}
#toTop:hover {
	background-color: rgb(253,253,253);
}


.container p {
	padding: 10px 20px 22px 20px;
	line-height: 1.75;
}

.responsiveFlex {
	display:flex; 
}



/* social buttons */
.sbtn {
	clear:both;
	white-space:nowrap;
	font-size:.8em;
	display:inline-block;
	border-radius:5px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
	margin:2px;
	transition:all .5s;
	overflow:hidden;
	background-color: #000;
	user-select: none!important;
}
.sbtn:hover {
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.45);
}
.sbtn:focus {
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
}
.sbtn > span, .sbtn-icon > i {
	float:left;
	padding:13px 24px 13px 13px;
	transition:all .5s;
	line-height:1em
}
.sbtn > span {
	padding:14px 18px 16px;
	white-space:nowrap;
	color:#FFF;
	background:#b8b8b8
}
.sbtn:focus > span {
	background:#9a9a9a
}
.sbtn-icon > i {
	border-radius:5px 0 0 5px;
	position:relative;
	width:13px;
	text-align:center;
	font-size:1.25em;
	color:#fff;
	background:#212121
}
.sbtn-icon > i:after {
	content:"";
	border:8px solid;
	border-color:transparent transparent transparent #222;
	position:absolute;
	top:13px;
	right:-15px
}
.sbtn-icon:hover > i, .sbtn-icon:focus > i {
	color:#FFF
}
.sbtn-icon > span {
	border-radius:0 5px 5px 0
}

.examTable th, .examTable tr, .examTable td {
	text-align: center;
}

/*Facebook*/
.sbtn-facebook:hover > i, .sbtn-facebook:focus > i {
	color:#3b5998
}
.sbtn-facebook > span {
	background:#3b5998
}

/*Twitter*/
.sbtn-twitter:hover > i, .sbtn-twitter:focus > i {
	color:#55acee
}
.sbtn-twitter > span {
	background:#55acee
}

/*Instagram*/
.sbtn-instagram:hover > i, .sbtn-instagram:focus > i {
	color:#fc4a4a
}
.sbtn-instagram > span {
	background:#fc4a4a
}