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

/* ------------------------------------------------------------------------------
japan-izm.com
------------------------------------------------------------------------------ */
.topBrandTxt {
max-width: 392px;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
}
.topBrandTxt h2,.topMesTxt h2 {
letter-spacing: 0.1em;
text-indent:0;
margin-left:0;
margin-bottom: 10px;
text-align:center;
font-size:1.2em;
}
.topBrandTxt h2 span,.topMesTxt h2 span {
font-size:1.8em;
}
.topMes {
display:flex;
justify-content: space-between;
max-width:1300px;
margin-left:auto;
margin-right:auto;
}
.topMesImg {
max-width: 380px;
margin-right: 40px;
min-width: 320px;
margin-left: 20px;
}
.topMesImg img {
margin-bottom:10px;
}
.topMesImg p span {
font-size:0.6em;
font-weight:bold;
}
.topMesImg p {
font-size:1.9em;
margin-left:65px;
}

.topMesTxt {
max-width:735px;
margin-right:20px;
}
.topMesTxt h2 {
text-align:left;
}
.topMesBg {
	margin-bottom:50px;
	padding-top:50px;
	padding-bottom:50px;
background-color:#E7E7E8;
}
.topBtnList {
display:flex;
justify-content: space-between;
flex-wrap: wrap;
max-width:1300px;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
}
.topBtnList li {
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:1%;
	position: relative;
}
.topBtnList li p {
position: absolute;
  top: 50%;
  left: 50%;
  text-align:center;
   transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}
.topBtnList li a p {
	font-size:1.5em;
	font-weight:bold;
}
.topBtnList li.lis_aya a p {
	background-color:#FCECECCF;
	color:#333;
}
.topBtnList li.lis_kar a p {
	background-color:#CF30809C;
	color:#FFF;
}
.topBtnList li.lis_trad a p {
	background-color:#D04D2F9C;
	color:#FFF;
}
.topBtnList li.lis_koji a p {
	background-color:#FCFAE39C;
	color:#333;
}
.topBtnList li.lis_reno a p {
	background-color:#03468D9C;
	color:#FFF;
}
.topBtnList li a p {
	display:block;
	padding:10px 40px;
}

.topBtnList li:hover {
	opacity:0.5;
}
.topNewsTit {
	text-align:center;
}
.topNews {
	max-width:900px;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
	border-bottom:1px #333333 solid;
	border-top:1px #333333 solid;
	padding-top:5px;
}
.topNews dl {
display:flex;
font-size:1.3em;
}
.topNews dt {
	margin:10px 40px;
}
.topNews dd {
	margin:10px 0px;
}
.topIns {
max-width:800px;
margin-left:auto;
margin-right:auto;
margin-bottom:100px;
}
.topInsTit {
display:flex;
}
.topIns ul {
display:flex;
justify-content: space-around;
}
.topIns ul li {
font-size:1.5em;
}
.topIns ul li a {
	text-decoration:none;
}
.topInsTitImg {
max-width: 30px;
margin-top: 7px;
margin-right: 10px;
}
.topAtBtn {
display:flex;
justify-content: space-between;
max-width:800px;
margin-left:auto;
margin-right:auto;
margin-bottom:150px;
}
.topAtBtn li a {
	padding:10px 40px;
	text-align:center;
	display:block;
	font-size: 1.6em;
	text-decoration:none;
}
.topAtBtn li a:hover {
	opacity:0.6;
}
.topAtBtn li.btn01 a {
	background-color:#666;
	color:#FFF;
	border:1px #333333;
}
.topAtBtn li.btn02 a {
	background-color:#FFF;
	border:1px solid #666;
}

@media screen and (min-width: 769px) {
/* タブレット横+PC用 */

}

@media screen and (max-width: 768px)  {
/* スマートフォン縦用 */
.topMesBg {
	padding-left:20px;
	padding-right:20px;
}
.topMes {
flex-direction: column-reverse;
}
.topMesImg {
max-width:380px;
margin-left:auto;
margin-right:auto;
}
.topMesTxt {
margin-bottom:20px;
}
.topMesTxt h2 {
text-align:left;
}
.topBtnList li {
	width:98%;
}
.topBtnList li a p {
  font-size: 1.2em;
}
.topIns ul {
flex-direction: column;
}
.topIns ul li {
	margin-bottom:20px;
}
.topAtBtn {
flex-direction: column;
margin-bottom:150px;
}
.topAtBtn li {
	margin-bottom:20px;
}
}