@charset "utf-8";
@media screen and (max-width:1000px) {
#wrapper{
	min-width: 100%;
}
.area{
	width:92%;
}

.hisMain .conBox{
	padding-top: 15em;
}
.hisMain p.im{
	width: 90%;
}
.historyIm{
	width: 100%;
	margin: 0;
}
.years ul{
	width: 90%;
}
}

@media screen and (max-width:820px) {
.main{
	padding: 10em 0 7em 0;
}
.hisMain .conBox{
	padding-top: 10em;
}
.hisMain img.sp{display:block}
.years{
	padding-top: 15em;
	
}
.end .historyIm{
	width: 116%;
	margin-left: -8%;
}
.conBox{
	padding: 10em 0 15em;
}

.history p.tx{
	line-height: 2.6;
	font-size: 15px;
}

p.mainTx br.pc{
	display: none;
}

.historyIm{
	width: 100%;
	margin: 0 auto;
}

.years{
	padding-top: 5em;
	
}
.years .conBox{
	padding-bottom: 5em;
}
.years ul{
	padding: 7em 0 10em;
}
.years p.num{
	font-size: 48px;
}
.years .yearBox{
	margin-left: 8%;
	padding:3em 0 5em 12%;
}
.years dt.mm{
	display: inline-block;
	width: 100%;
	padding-right: 0;
	margin-bottom: 3em;
}
.years dd.mm{
	width: 100%;
}
.years dd.ph p.im{
	width: 80%;
	margin: 0 auto;
}
.years p.proName{
	font-size: 30px;
	
}
.years p.stCat{
	font-size:20px;
}
.years dd.pro p.im{
	width: 70%;
	margin: 0 auto;
}
.years p.tx br{
	display: none;
}
.years dl.m1{
	padding-top: 5em;
}
.bassSns ul{
	width: 90%;
	text-align: center;
}

/*-----------------------------------------------
	PRIDE
-----------------------------------------------*/


.pride p.mainTx{
	font-size: 160%;
}
.stPro{
	width: 80%;
}
/*-----------------------------------------------
	bt
-----------------------------------------------*/

.btArea{
	width:84%;
}
}
@media screen and (max-width:600px) {
.main{
	padding-top: 8em;
	padding-bottom: 3em;
	
}
.pride p.mainTx{
	font-size: 120%;
	margin-bottom: 2em;
}
.pride p.mainTx br.sp{
	display: block;
}
.main h2{
	margin: 0 auto 5em;
}
.hisMain p.im img.sp{
	display: block;
	
}
.hisMain p.im img.pc{
	display: none;
	
}
.hisMain .conBox{
	padding-top: 12em;
	padding-bottom: 0;
	width: 84%;
}
.hisMain .proMainTitle{
	margin-bottom: 10em;
}
.years{
	padding-top: 10em;
	
}
.conBox{
	padding: 5em 0 8em;
}
.topMain p.ic{
	width: 60%;
}
p.mainTx{
	font-size:16px;
	line-height: 2.2;
}
.proMainTitle p.title{
	font-size: 20px;
}




.historyIm img.pc{
	display: none;
}
.historyIm img.sp{
	display: block;
}
.years .conBox{
	width: 90%;
}
.years ul{
	padding: 2em 0 8em;
	width: 92%;
}
.years p.num{
	font-size: 30px;
}
.years .yearBox{
	margin-left: 9%;
	padding:2em 0 3em 10%;
}
.years ul p.tx{
	line-height: 1.8;
	font-size: 15px;
}
.years dt{
	margin-bottom: 1.5em;
}
.years dd.ph p.im{
	width: 90%;
	margin: 0 auto;
}
.years p.proName{
	font-size: 24px;
	
}
.years p.proName br{
	display: block;
}
.years dl:nth-child( n + 2 ){
	margin-top: 3em;
}
.years p.stCat{
	font-size:18px;
	line-height: 1.8;
}
.years p.stCat br{
	display: block;
}
/*-----------------------------------------------
	end
-----------------------------------------------*/
.end{
	margin-bottom: 8em;
}
/*-----------------------------------------------
	sns
-----------------------------------------------*/
.bassSns li{
	width: 18%;
	margin: 0 2%;
}
.bassSns li span{
	font-size: 14px;
}
.bassSns li img{
	width: 60%;
		
}
.bassSns{
	margin-bottom: 8em;	
}
/*-----------------------------------------------
	PRIDE
-----------------------------------------------*/
.pride{
	margin-bottom: 10em;
}
.stProIm{
	width: 116%;
	margin-left: -8%;
}
/*-----------------------------------------------
	bt
-----------------------------------------------*/

.btArea{
	width:90%;
	padding-top: 3em;
}
.btArea a:link{
	font-size:14px;
	padding:1.8em 2em 1.8em 1.3em;
}
.btArea a:link::before {
  right:1.2em;
  width: 10%;
}
.btArea a:link::after {
  right:1.2em;
  
}
}