/******************************************
image
******************************************/
.fit-img img,
.fit-img{
	height: auto;
	width: 100%;
}
.fit-max-img img,
.fit-max-img{
	height: auto;
	max-width: 100%;
}
/******************************************
margin
******************************************/
/*margin-top*/
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{	margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}

/*margin-top pc only*/
@media screen and (min-width: 769px) {
	.mt10-pc{margin-top: 10px;}
	.mt20-pc{margin-top: 20px;}
	.mt30-pc{margin-top: 30px;}
	.mt40-pc{margin-top: 40px;}
	.mt50-pc{margin-top: 50px;}
	.mt60-pc{margin-top: 60px;}
	.mt70-pc{margin-top: 70px;}
	.mt80-pc{margin-top: 80px;}
	.mt90-pc{margin-top: 90px;}
	.mt100-pc{margin-top: 100px;}
}

/*margin-top sp only*/
@media screen and (max-width: 768px) {
	.mt10-sp{margin-top: 10px;}
	.mt20-sp{margin-top: 20px;}
	.mt30-sp{margin-top: 30px;}
	.mt40-sp{margin-top: 40px;}
	.mt50-sp{margin-top: 50px;}
	.mt60-sp{margin-top: 60px;}
	.mt70-sp{margin-top: 70px;}
	.mt80-sp{margin-top: 80px;}
	.mt90-sp{margin-top: 90px;}
	.mt100-sp{margin-top: 100px;}
}

/*margin-bottom*/
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}

/*margin-bottom pc only*/
@media screen and (min-width: 769px) {
	.mb10-pc{margin-bottom: 10px;}
	.mb20-pc{margin-bottom: 20px;}
	.mb30-pc{margin-bottom: 30px;}
	.mb40-pc{margin-bottom: 40px;}
	.mb50-pc{margin-bottom: 50px;}
	.mb60-pc{margin-bottom: 60px;}
	.mb70-pc{margin-bottom: 70px;}
	.mb80-pc{margin-bottom: 80px;}
	.mb90-pc{margin-bottom: 90px;}
	.mb100-pc{margin-bottom: 100px;}
}

/*margin-bottom sp only*/
@media screen and (max-width: 768px) {
	.mb10-sp{margin-bottom: 10px;}
	.mb20-sp{margin-bottom: 20px;}
	.mb30-sp{margin-bottom: 30px;}
	.mb40-sp{margin-bottom: 40px;}
	.mb50-sp{margin-bottom: 50px;}
	.mb60-sp{margin-bottom: 60px;}
	.mb70-sp{margin-bottom: 70px;}
	.mb80-sp{margin-bottom: 80px;}
	.mb90-sp{margin-bottom: 90px;}
	.mb100-sp{margin-bottom: 100px;}
}

/*margin-left*/
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.ml70{margin-left: 70px;}
.ml80{margin-left: 80px;}
.ml90{margin-left: 90px;}
.ml100{margin-left: 100px;}

/*margin-left pc only*/
@media screen and (min-width: 769px) {
	.ml10-pc{margin-left: 10px;}
	.ml20-pc{margin-left: 20px;}
	.ml30-pc{margin-left: 30px;}
	.ml40-pc{margin-left: 40px;}
	.ml50-pc{margin-left: 50px;}
	.ml60-pc{margin-left: 60px;}
	.ml70-pc{margin-left: 70px;}
	.ml80-pc{margin-left: 80px;}
	.ml90-pc{margin-left: 90px;}
	.ml100-pc{margin-left: 100px;}
}
/*margin-left sp only*/
@media screen and (max-width: 768px) {
	.ml10-sp{margin-left: 10px;}
	.ml20-sp{margin-left: 20px;}
	.ml30-sp{margin-left: 30px;}
	.ml40-sp{margin-left: 40px;}
	.ml50-sp{margin-left: 50px;}
	.ml60-sp{margin-left: 60px;}
	.ml70-sp{margin-left: 70px;}
	.ml80-sp{margin-left: 80px;}
	.ml90-sp{margin-left: 90px;}
	.ml100-sp{margin-left: 100px;}
}

/*margin-right*/
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}
.mr70{margin-right: 70px;}
.mr80{margin-right: 80px;}
.mr90{margin-right: 90px;}
.mr100{margin-right: 100px;}

/*margin-right pc only*/
@media screen and (min-width: 769px) {
	.mr10-pc{margin-right:10px;}
	.mr20-pc{margin-right:20px;}
	.mr30-pc{margin-right:30px;}
	.mr40-pc{margin-right:40px;}
	.mr50-pc{margin-right:50px;}
	.mr60-pc{margin-right:60px;}
	.mr70-pc{margin-right:70px;}
	.mr80-pc{margin-right:80px;}
	.mr90-pc{margin-right:90px;}
	.mr100-pc{margin-right:100px;}
}
/*margin-right sp only*/
@media screen and (max-width: 768px) {
	.mr10-sp{margin-right:10px;}
	.mr20-sp{margin-right:20px;}
	.mr30-sp{margin-right:30px;}
	.mr40-sp{margin-right:40px;}
	.mr50-sp{margin-right:50px;}
	.mr60-sp{margin-right:60px;}
	.mr70-sp{margin-right:70px;}
	.mr80-sp{margin-right:80px;}
	.mr90-sp{margin-right:90px;}
	.mr100-sp{margin-right:100px;}
}

/******************************************
text
******************************************/
/*position*/
.text-center { text-align: center;}
@media screen and (min-width:769px){
	.text-center-pc {text-align: center;}
}
@media screen and (max-width:768px){
	.text-center-sp {text-align: center;}
}
.text-left {text-align: left;}
@media screen and (min-width:769px){
	.text-left-pc {text-align: left;}
}
@media screen and (max-width:768px){
	.text-left-sp {text-align: left;}
}
.text-right {text-align: right;}
@media screen and (min-width:769px){
	.text-right-pc {text-align: right;}
}
@media screen and (max-width:768px){
	.text-right-sp {text-align: right!important;}
}

/*weight*/
.text-normal {font-weight: normal;}
.text-bold {font-weight: bold;}

/******************************************
display
******************************************/
.pc-only {display: block;}
@media screen and (max-width: 768px) {
  .pc-only {display: none;}
}
.sp-only {display: none;}
@media screen and (max-width: 768px) {
  .sp-only {display: block;}
}