@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "YuGothic-M";
	font-weight: normal;
	 src: local("YuGothic-Medium"),
		  local("Yu Gothic Medium"),
		  local("YuGothic-Regular");
}

@font-face {
	font-family: "YuGothic-M";
	font-weight: bold;
	 src: local("YoGothic-Bold"),
		  local("Yu Gothic");
}

html {
	font-size: 16px;
	/*font-size: 62.5%;*//* 16px x 0.625 = 10px(=1rem) */
	height:100%;
	margin:0px;
}

body {
	font-family: -apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
	margin:0px;
	padding:0px;
	overflow-x:hidden;
	height:100%;
	color:#333;
}

img {
	border:0px;	
}

a {
	text-decoration:none;	
}

/* div */
.container {
	min-height:100%;
	padding-bottom:-100px;	
}

/**********************/
/* ヘッダー           */
/**********************/

.leftCompany{
	float:left;
	padding-left:30px;
	padding-right:30px;
	padding-top:20px;
	padding-bottom:20px;
	height:40px;	
	
	display:block;
	background-color:rgba(0,160,233,0.9);
}

.leftCompanyShort{
	float:left;
	padding-left:30px;
	padding-right:30px;
	padding-top:20px;
	padding-bottom:20px;
	height:40px;		
	display:block;
	background-color:rgba(0,160,233,0.9);
}

.rightMenu {
	float:right;
	padding-left:15px;
	padding-right:15px;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	height:70px;
	background-color:#2c2c35;
}

#mainMenu {
	overflow:hidden;

	width:100%;
	position:fixed;
	z-index:500;
	top:0px;
	transition: 1s all
	/*background-color:rgba(255,255,255,0.7);*/
}

#returnTop {
	padding-top:20px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	position:fixed;
	z-index:510;
	bottom:-100px;
	right:0px;
	color:#fff;
	transition: .5s all;	
	background-color:rgba(0,160,233,0.6);
}

#returnTop:hover {
	background-color:rgba(0,160,233,1);
	
}

/**********************/
/* フッター           */
/**********************/
#footerMobileMenu {
	width:100%;
	background-color:rgba(51,51,51,0.95);
	overflow:hidden;
	display:none;
	padding-top:20px;
}
#footerMobileMenu a {
	color:#fff;
}

.footerBack {
	padding-top:30px;
	padding-bottom:30px;
	background-color:#2c2c35;
	bottom:0;
	color:white;
	line-height:20px;
}

.footer {
	margin-left:auto;
	margin-right:auto;
	font-size:0.9rem;
}

.footerBefore {
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
	/*background-color:#2c2c35;
	background-color:#09c;*/
	background-color:rgba(0,160,233,0.9);
	overflow:hidden;
	text-align:center;
}

.footerTel {
	margin-left:auto;
	margin-right:auto;
	width:600px;
	overflow:hidden;
	background-color:#fff;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
}

.footerTel img {
	display:block;
	height:170px;
	float:left;
}

.footerTelText {
	width:330px;
	text-align:center;
	padding-top:40px;
	float:left;
	line-height:40px;
	color:#666;
	font-size:1rem;
}

.footerBefore a {
	text-decoration:none;
	color:#333;
}

.telFont {
	/*font-family:"Times New Roman", Times, serif;*/
	font-size:1.7rem;
	font-weight:bold;
	color:#09c;
	
}

.footerLogo {
	height:35px;
}

.footerMenuBase {
	display:table;
	margin-left:auto;
	margin-right:auto;
	border-collapse: separate;
	border-spacing: 40px 15px;
}

.footerMenuBack {
	text-align:center;
	padding-top:50px;
	padding-bottom:80px;
	background-color:#2c2c35;
}

.footerMenu {
	display:table-cell;
	width:16%;
	overflow:hidden;
	color:#fff;
}

.footerMenuTitle {
	width:100%;
	text-align:left;
	padding: 8px 0 8px 10px;
	margin-bottom:10px;
	border-bottom:1px solid;
	border-bottom-color:rgba(255,255,255,0.6);
	font-size:0.9rem;
}

.footerMenuContent {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	color:rgba(255,255,255,0.6);
	text-align:left;
	font-size:0.8rem;
}

.footerMenuContent a {
	color:rgba(255,255,255,0.6);
	padding: 5px 0;
	display: block;
}

/**********************/
/* ボタン             */
/**********************/


.contentBtn {
	margin-left:auto;
	margin-right:auto;
}

.underlineMain {
  display: inline-block;
  padding-bottom: -10px;
  position: relative;
}

.underlineMain::after {
  background-color: #09c;
  bottom: 0;
  content: '';
  display: block;
  height: 3px;
	left: 0;
	position: absolute;
  transition: .5s all;
  width: 100%;
}

.underlineMain:hover::after {
  background-color: #333;
}

.underline {
  display: inline-block;
  padding-bottom: -10px;
  position: relative;
}

.underline::after {
  background-color: #09c;
  bottom: 0;
  content: '';
  display: block;
  height: 3px;
	left: 0;
	position: absolute;
  transition: .5s all;
  width: 0;
}

.underline:hover::after {
  width: 100%;
}

.underlineGray {
  display: inline-block;
  padding-bottom: -10px;
  position: relative;
}

.underlineGray::after {
	background-color:#09C;
  /*background-color: #333;*/
  bottom: 0;
  content: '';
  display: block;
  height: 5px;
	left: 0;
	position: absolute;
  transition: .5s all;
  width: 0;
}

.underlineGray:hover::after {
  width: 100%;
}

.underlineWhite {
  display: inline-block;
  padding-bottom: -10px;
  position: relative;
}

.underlineWhite::after {
	background-color:#fff;
  /*background-color: #333;*/
  bottom: 0;
  content: '';
  display: block;
  height: 5px;
	left: 0;
	position: absolute;
  transition: .5s all;
  width: 0;
}

.underlineWhite:hover::after {
  width: 100%;
}

ul.btn_main{
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	height:70px;
	margin-top:0px;
	margin-bottom:0px;
	float:right;
	display: flex;
	/*background-color:rgba(44,44,54,0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#85ffffff,endColorstr=#85ffffff);*//*IE8以下用*/	
}

ul.btn_main:after {
	content:"";
	display:block;
	clear:both;
}

ul.btn_main li{
	float:left;
	height:70px;
	line-height:70px;
	display:block;
	margin: 0px;
	padding:0px;
	position: relative;
	list-style: none;
}  

ul.btn_main a {
	color:#ffffff;
}

/* ボタン1の設定 */
.btnTop_a {
	overflow: hidden;
	width:110px;
	height:70px;
	display: block;
	background:url("../btn/btnHomeWhite.png") no-repeat;
	transition: 1s all;
}

/* ボタン1の設定 */
.btn1_a {
	overflow: hidden;
	width:110px;
	height:70px;
	display: block;
	background:url("../btn/btnArtistWhite.png") no-repeat;
	transition: 1s all;
}

/* ボタン2の設定 */
.btn2_a {
	overflow: hidden;
	width:110px;
	height:70px;
	display: block;
	background:url("../btn/btnChosakukenWhite.png") no-repeat;
	transition: 1s all;
}

/* ボタン3の設定 */
.btn3_a {
	overflow: hidden;
	width:110px;
	height:70px;
	display: block;
	background:url("../btn/btnProduceWhite.png") no-repeat;
	transition: 1s all;
}

/* ボタン4の設定 */
.btn4_a {
	overflow: hidden;
	width:110px;
	height:70px;
	display: block;
	background:url("../btn/btnKayoGakuinWhite.png") no-repeat;
	transition: 1s all;
}

/* ボタン5の設定 */
.btn5_a {
	overflow: hidden;
	width:110px;
	height:70px;
	display: block;
	background:url("../btn/btnHogakuBuyoWhite.png") no-repeat;
	transition: 1s all;
}

/* ボタン6の設定 */
.btn6_a {
	overflow: hidden;
	width:110px;
	height:70px;
	display: block;
	background:url("../btn/btnCompanyWhite.png") no-repeat;
	transition: 1s all;
}

.btnSub {
	width:180px;
	position:fixed;
	overflow:hidden;
	z-index:520;
	top:80px;
	color:#fff;
	/*padding-top:10px;
	padding-bottom:10px;*/
	display:none;
}

.btnSubRow {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	padding-left:10px;
	overflow:hidden;
	color:#333;
	line-height:40px;
	height:40px;
	background-color:rgba(255,255,255,0.7);	
}

#slideMenu {
	width:500px;
	background-color:rgba(51,51,51,0.95);
	position:fixed;
	z-index:1000;
	top:0px;
	bottom:0px;
	right:0px;
	right:-500px;
	overflow-y: auto;
}

#slideMenu a {
	color:#fff;
}

#slideMenuHead {
	width:100%;
	height:55px;
	border-bottom:solid;
	border-width:1px;
	border-color:#ccc;
	overflow:hidden;
}

#slideMenuHeadCompany {
	display:block;
	float:left;
	height:35px;
	margin-top:10px;
	margin-left:10px;
}

#slideMenuHeadClose {
	display:block;
	float:right;
	height:35px;
	margin-top:10px;
	margin-right:10px;
}

.rowSlideMenu {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	border-bottom:dashed;
	border-color:#666;
	border-width:1px;
	color:#fff;
	line-height:50px;
	vertical-align:middle;
	
}

#mobileSclollMenu {
	overflow:scroll;
}


.tblSlideMenu {
	display:table;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	height:50px;
	border-bottom:dashed;
	border-color:#666;
	border-width:1px;
	overflow:hidden;
}

.tblSlideMenu2 {
	display:table;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	height:50px;
	overflow:hidden;
	margin-bottom:20px;
}

.cellSlideMenu {
	display:table-cell;
	width:50%;
	text-align:center;
	color:#fff;
	line-height:50px;
}

.cellSlideMenu2 {
	display:table-cell;
	width:50%;
	text-align:center;
	color:#fff;
	line-height:50px;
}

.alfaSlideMenu {
	color:#999;
	margin-left:10px;
	font-size:0.7rem;
}

#mobileMenu {
	display:none;
	width:100%;
	overflow:hidden;
	border-bottom:solid;
	border-color:#ccc;
	border-width:1px;	
	background-color:rgba(102,102,102,0.8);
}

.subSlideMenu {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
}

.subRowSlideMenu {
	width:90%;
	float:right;
	overflow:hidden;
	border-bottom:dashed;
	border-color:#666;
	border-width:1px;
	color:#fff;
	line-height:50px;
}

.clickHear {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	padding-right:30px;
	background-color:#09C;
	line-height:30px;
	height:30px;
	color:#fff;	
	display:inline-block;
}

.clickHere2 {
	border-radius: 5px 5px 5px 5px;
	line-height:25px;
	color:#fff;
	font-size:0.9rem;
	background-color:#09C;
	margin-top:5px;
	display:block;
	width:50%;
	text-align:center;
}

.miniTitleBlue {
	color:#09c;
	margin-right:5px;
}

.marginLeft10 {
	margin-left:10px;
}

.marginLeft20 {
	margin-left:20px;
}

.marginLeft30 {
	margin-left:30px;
}


.borderBlue {
	border-color:#0099cc !important;
}

.fontBlue {
	color:#0099cc;	
}

.fontGray {
	color:#333;
}

.fontRed {
	color:red;
}

.newBlue {
	background-color:#0099cc;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:10px;
	color:#ffffff;
	font-size:0.8rem;
}
.newBlue2 {
	background-color:#0099cc;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	color:#ffffff;
	font-size:0.8rem;
}
#btnSlideMenu:hover {
	cursor: pointer;
}
#rowSlideMenu1:hover,
#rowSlideMenu2:hover,
#rowSlideMenu3:hover,
#rowSlideMenu4:hover,
#rowSlideMenu11:hover,
#rowSlideMenu12:hover,
#rowSlideMenu13:hover,
#rowSlideMenu14:hover {
	cursor: pointer;
}
#subSlideMenu1,
#subSlideMenu2,
#subSlideMenu3,
#subSlideMenu4,
#subSlideMenu11,
#subSlideMenu12,
#subSlideMenu13,
#subSlideMenu14 {
	display: none;
}
#btn3:hover, #btn4:hover, #btn5:hover {
	cursor: pointer;
}
@media screen and (max-width: 999px) {
	body {
		font-size:1rem;
	}

	.footerBack {
		font-size: 0.9rem;		
	}

	#copyright {
		font-size: 0.7rem;
	}
	
	.leftCompany{
		display:none;
		padding-left:15px;
		padding-right:15px;
		height:30px;
		padding-top:15px;
		padding-bottom:15px;
		/*background-color:transparent;*/
		
	}
	
	.leftCompanyShort {
		display:block;
		height:30px;
		padding-top:15px;
		padding-bottom:15px;		

	}
	
	.rightMenu{
		display:block;
		height:50px;
		
	}
	
	#mainMenu {
		width:100%;
		/*background-color:rgba(0,160,233,0.9);*/
		height:60px;
	}
	
	
	#mobileMenu {
		display:block;
	}
		
	.footerBefore {
		display:none;
	}

	#footerMobileMenu {
		display:block;
	}
	
	.footerMenuBack {
		display:none;
	}
	
	.footer {
		text-align:center;
		width:100%;
	}

	ul.btn_main {
		display:none;
		height:50px;
	}

	ul.btn_main li{
		height:50px; 
	}  

	.btnTop_a {
		height:50px;
	}

	.btn1_a {
		height:50px;
	}

	.btn2_a {
		height:50px;
	}

	.btn3_a {
		height:50px;
	}

	.btn4_a {
		height:50px;
	}

	.btn5_a {
		height:50px;
	}
}
@media screen and (min-width:1000px) and (max-width: 1249px) {
	body {
		font-size:1rem;
	}
	
	.leftCompany{
		display:none;	
	}
	
	.rightMenu{
		display:none;
	}

	.infoContent {
		width:1000px;
	}
	
	.btnSubRow {
		font-size:0.8rem;
	}

	.footerBack {
		font-size: 0.9rem;		
	}
	
	#copyright {
		font-size: 0.7rem;
	}
	
	.footerBefore {
		font-size:0.9rem;
	}

	.footer {
		width:1000px;
	}

	.footerMenuBase {
		width:1000px;
	}

	#mainMenu {
		height:80px;
	}
	

}
@media screen and (min-width:1250px) and (max-width:1599px) {
	body {
		font-size:1rem;
	}
	
	.leftCompanyShort {
		display:none;	
	}
	
	.rightMenu{
		display:none;
	}
	
	#mainMenu {
		height:80px;
	}
	
	#mainMenuContent {
		width:1200px;
	}	

	.infoContent {
		width:1200px;
	}
	
	.btnSubRow {
		font-size:0.8rem;
	}
	
	.footerBack {
		font-size: 0.9rem;		
	}
	#copyright {
		font-size: 0.7rem;
	}
	
	.footerBefore {
		font-size:0.9rem;		
	}

	.footer {
		width:1200px;
	}
	
	.footerMenuBase {
		width:1200px;
	}

}
@media screen and (min-width:1600px) {
	body {
		font-size:1rem;
	}
	
	.leftCompanyShort {
		display:none;	
	}
	
	.rightMenu{
		display:none;
	}

	#mainMenu {
		height:80px;
	}
	
	#mainMenuContent {
		width:1600px;
	}	
	.infoContent {
		width:1200px;
	}
	
	.btnSubRow {
		font-size:0.8rem;
	}

	.footerBack {
		font-size: 0.9rem;		
	}
	#copyright {
		font-size: 0.7rem;
	}

	.footerBefore {
		font-size:0.9rem;

	}

	.footer {
		width:1600px;
	}
	
	.footerMenuBase {
		width:1600px;
	}
	
}