@charset "UTF-8";

/*--------------------------------------------------
  body
--------------------------------------------------*/
html {
  font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}
body {
	min-width: 1200px;
	-webkit-text-size-adjust: none;
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
body, html {
	height: 100%;
}
body .inner {	
	max-width: 1200px;
	margin: auto;
}
a {
	display: block;
  text-decoration: none;
	transition: all 0.3s;
}
a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

/*----- font -----*/
.f_bold {
	font-weight: bold;
}
.t_center {
	text-align: center;
}
.t_right {
	text-align: right;
}

/*----- margin -----*/
.mb_10 {
	margin: 0 0 10px;
}
.mb_20 {
	margin: 0 0 20px;
}
.mb_30 {
	margin: 0 0 30px;
}
.mb_40 {
	margin: 0 0 40px;
}
.mb_50 {
	margin: 0 0 50px;
}
.mb_60 {
	margin: 0 0 60px;
}
.mb_70 {
	margin: 0 0 70px;
}
.mb_80 {
	margin: 0 0 80px;
}
.mb_100 {
	margin: 0 0 100px;
}
.m_auto {
	margin: auto;
}

/*----- fx_box -----*/
.rev {
	flex-direction: row-reverse;
}
.fl01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; 	
}
.fl02 {
  display: flex;
  justify-content: space-between;
  align-items: center; 	
}

/*----- show/hide -----*/
.pc_only {
	display: block;
}
.sp_only {
  display: none;
}

@media screen and (max-width: 768px){
body {
	min-width: 100%;
	overflow-x: hidden;
}	
body .inner {
	max-width: 100%;
	padding: 0 20px;
}	
	
/*----- font -----*/
/*.t_center {
	text-align: center;
}*/	
	
/*----- margin -----*/
.mb_20 {
	margin: 0 0 10px;
}	
.mb_30 {
	margin: 0 0 20px;
}
.mb_40 {
	margin: 0 0 30px;
}	
.mb_50 {
	margin: 0 0 30px;
}	
.mb_60 {
	margin: 0 0 40px;
}	
.mb_70 {
	margin: 0 0 50px;
}
.mb_80 {
	margin: 0 0 60px;
}	
.mb_100 {
	margin: 0 0 60px;
}	

/*----- fx_box -----*/
.fl01 {
  display: block;	
}	
.fl02 {
  display: block; 	
}
	
/*----- show/hide -----*/	
.pc_only {
  display: none;
}
.sp_only {
  display: block;
}
}