@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}

/*PC*/
@media print, screen and (min-width: 768px) {

/*------topick--------------------------*/
.idx_topick {
	width:100%;
	display: flex;
	flex-wrap: wrap;
	margin:0 0 30px;
}

.idx_topick div {
	width:25%;
	height:auto;
}

.idx_topick div a {
	display:block;
}

/*------product--------------------------*/
.idx_product {
	width:100%;
	display: flex;
	flex-wrap: wrap;
	margin:0 0 30px;
}

.idx_product div {
	width:25%;
	height:auto;
}

.idx_product div a {
	display:block;
}

.idx_product div a h3 {
	font-size:1em;
	padding:2%;
	box-sizing:border-box;
}

.idx_product div a p {
	font-size:0.8em;
	padding:2%;
	box-sizing:border-box;
}

/*------catch--------------------------*/
.catch_bnr {
	position:absolute;
	top:0;
	right:0;
	width:420px;
}

.idx_catch_top {
	width:100%;
	margin:0;
	display: flex;
}

.idx_catch_bot {
	width:100%;
	margin:0 0 30px;
	display: flex;
}

.idx_catch_top_l {
	-ms-flex-preferred-size: 60%;
	flex-basis:60%;
	margin:0;
}

.idx_catch_top_r {
-ms-flex-preferred-size: 30%;
flex-basis: 40%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

.idx_catch01 {
	background:#000;
	width:800px;
	height:600px;
	position:relative;
	overflow:hidden;
}

.idx_catch02,
.idx_catch03 {
	background:#000;
	width:400px;
	height:300px;
	position:relative;
	overflow:hidden;
}

.idx_catch04,
.idx_catch05,
.idx_catch06 {
	background:#000;
	width:400px;
	height:300px;
	position:relative;
	overflow:hidden;
}



.idx_catch01 .txtbox,
.idx_catch02 .txtbox,
.idx_catch03 .txtbox,
.idx_catch04 .txtbox,
.idx_catch05 .txtbox,
.idx_catch06 .txtbox {
	position:absolute;
	width:100%;
	bottom:0;
	padding:2%;
	box-sizing:border-box;
}

.idx_catch01 .txtbox h4,
.idx_catch02 .txtbox h4,
.idx_catch03 .txtbox h4,
.idx_catch04 .txtbox h4,
.idx_catch05 .txtbox h4,
.idx_catch06 .txtbox h4 {
	font-size:1em;
	color:#FFF;
	margin:0 0 5px;
}

.idx_catch01 .txtbox p,
.idx_catch02 .txtbox p,
.idx_catch03 .txtbox p,
.idx_catch04 .txtbox p,
.idx_catch05 .txtbox p,
.idx_catch06 .txtbox p {
	color:#FFF;
	font-size:0.8em;
}



.idx_catch01 img,
.idx_catch02 img,
.idx_catch03 img,
.idx_catch04 img,
.idx_catch05 img,
.idx_catch06 img {
	width:100%;
	height:auto;
	z-index:-10;
}


.idx_catch01 a,
.idx_catch02 a,
.idx_catch03 a,
.idx_catch04 a,
.idx_catch05 a,
.idx_catch06 a {
	display:block;
}


.new_b {
	font-size:14px;
	font-weight:bold;
	display:inline-block;
	padding:0 5px;
	background:rgba(214,0,3,1.00);
	color:#FFF;
	border:1px solid #FFF;
}

/*------bnr--------------------------*/
.bnr_wrap {
	width:100%;
	display:flex;
	margin:0 0 60px;
}

.bnr_wrap div {
	width:31.33%;
	margin-right:3%;
}

.bnr_wrap div:nth-child(3n+3) {
	margin-right:0;
}


/*------info--------------------------*/
.info_wrap {
	width:100%;
	display: flex;
	background:#000;
	margin:0 auto 60px;
}

.info_box01 {
	background:url(../images/index/info_img.jpg) center center no-repeat;
	width:35%;
	overflow:hidden;
}

.info_box02 {
	width:65%;
	padding:2%;
	box-sizing:border-box;
	color:#FFF;
}

.info_box02 h3 {
	font-size:1.2em;
	margin:0 0 10px;
}

.info_box02 h4 {
	margin-bottom:10px;
}

.info_box02 p {
	font-size:0.8em;
}

/*------recruit--------------------------*/
.recruit_wrap {
	background:url(../images/index/bg_recruit_img.jpg) center center no-repeat;
	width:100%;
	margin:0 auto 60px;
	padding:2%;
	box-sizing:border-box;
	color:#FFFFFF !important;
}

.recruit_wrap h3,
.recruit_wrap com_tit span.en {
	color:#FFFFFF !important;
}

/*------read--------------------------*/
.read_wrap {
	width:100%;
	display:flex;
	margin:0 0 60px;
}

.read_wrap_box01 {
	width:42%;
	margin-right:2%;
}

.read_wrap_box02 {
	width:56%;
}

.read_wrap_box02 p {
	margin:50px 0 0;
	font-size:1em;
	font-weight:bold;
	line-height:2.6;
	letter-spacing:0.1em;
	text-decoration: underline;
}

}


/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 767px) {

/*------topick--------------------------*/
.idx_topick {
	width:100%;
	margin:0 0 30px;
	max-width:1200px;
	display: flex;
	flex-flow: nowrap;
	overflow-x:scroll;
	padding:0 0 5px;
	box-sizing:border-box;
}

.idx_topick div {
	flex: 0 0 300px;
	margin:0 1%;
}

.idx_topick div a {
	display:block;
}


/*------product--------------------------*/
.idx_product {
	width:100%;
	margin:0 0 30px;
	max-width:1200px;
	display: flex;
	flex-flow: nowrap;
	overflow-x:scroll;
	padding:0 0 5px;
	box-sizing:border-box;
}

.idx_product div {
	flex: 0 0 300px;
	margin:0 1% 20px;
}

.idx_product div a {
	display:block;
}

.idx_product div a h3 {
	font-size:1em;
	padding:0 2%;
	box-sizing:border-box;
}

.idx_product div a p {
	font-size:1em;
	padding:0 2%;
	box-sizing:border-box;
}

/*------catch--------------------------*/
.idx_catch_wrap {
	width:100%;
	max-width:600px;
	display: flex;
	flex-flow: nowrap;
	overflow-x:scroll;
	padding:0 0 5px;
	box-sizing:border-box
}

.catch_bnr {
	position: relative;
	width:100%;
	margin:15px auto;
}

.idx_catch_top {
	display: flex;
	flex-flow: nowrap;
}

.idx_catch_bot {
	display: flex;
	flex-flow: nowrap;
}

.idx_catch_top_l {
	width:300px;
	display: flex;
	flex-flow: nowrap;
}

.idx_catch_top_r {
	width:600px;
	display: flex;
	flex-flow: nowrap;
}

.idx_catch01 {
	background:#000;
	width:300px;
	height:300px;
	overflow:hidden;
	margin:0 1% 20px;
	text-align:center;
	position:relative;
}

.idx_catch02,
.idx_catch03 {
	background:#000;
	width:300px;
	height:300px;
	overflow:hidden;
	margin:0 1% 20px;
	position:relative;
}

.idx_catch04,
.idx_catch05,
.idx_catch06 {
	background:#000;
	width:300px;
	height:300px;
	overflow:hidden;
	margin:0 1% 20px;
	position:relative;
}



.idx_catch01 .txtbox,
.idx_catch02 .txtbox,
.idx_catch03 .txtbox,
.idx_catch04 .txtbox,
.idx_catch05 .txtbox,
.idx_catch06 .txtbox {
	background:rgba(0,0,0,0.6);
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	bottom:0;
	padding:2%;
	box-sizing:border-box;
	text-align:left !important;
}

.idx_catch01 .txtbox h4,
.idx_catch02 .txtbox h4,
.idx_catch03 .txtbox h4,
.idx_catch04 .txtbox h4,
.idx_catch05 .txtbox h4,
.idx_catch06 .txtbox h4 {
	font-size:1em;
	color:#FFF;
	margin:0 0 5px;
}

.idx_catch01 .txtbox p,
.idx_catch02 .txtbox p,
.idx_catch03 .txtbox p,
.idx_catch04 .txtbox p,
.idx_catch05 .txtbox p,
.idx_catch06 .txtbox p {
	color:#FFF;
	font-size:0.8em;
}



.idx_catch01 img,
.idx_catch02 img,
.idx_catch03 img,
.idx_catch04 img,
.idx_catch05 img,
.idx_catch06 img {
	width: auto;
	overflow:hidden;
	z-index:-10;
}


.idx_catch01 a,
.idx_catch02 a,
.idx_catch03 a,
.idx_catch04 a,
.idx_catch05 a,
.idx_catch06 a {
	display:block;
}

.new_b {
	font-size:12px;
	font-weight:bold;
	display:inline-block;
	padding:0 3px;
	background:rgba(214,0,3,1.00);
	color:#FFF;
	border:1px solid #FFF;
}

/*------bnr--------------------------*/
.bnr_wrap {
	width:100%;
	margin:0 0 60px;
}

.bnr_wrap div {
	width:100%;
	margin-bottom:10px;
}

.bnr_wrap div img {
	width:100%;
	height:auto;
}

/*------info--------------------------*/
.info_wrap {
	width:100%;
	background:#000;
	margin:0 auto 60px;
}

.info_box01 {
	background:url(../images/index/info_img.jpg) center center no-repeat;
	width:100%;
	height:120px;
	overflow:hidden;
}

.info_box02 {
	width:100%;
	padding:2%;
	box-sizing:border-box;
	color:#FFF;
}

.info_box02 h3 {
	font-size:1em;
	margin:0 0 10px;
}

.info_box02 h4 {
	margin-bottom:10px;
}

.info_box02 p {
	font-size:0.8em;
}

/*------recruit--------------------------*/
.recruit_wrap {
	background:url(../images/index/bg_recruit_img_sp.jpg) center center no-repeat;
	background-size:cover;
	width:100%;
	margin:0 auto 0px;
	padding:2%;
	box-sizing:border-box;
	color:#FFFFFF !important;
}

.recruit_wrap p {
	margin-bottom:20px;
}
.recruit_wrap h3,
.recruit_wrap com_tit span.en {
	color:#FFFFFF !important;
}


/*------read--------------------------*/
.read_wrap {
	width:100%;
	margin:0 0 40px;
}

.read_wrap_box01 {
	width:70%;
	margin:0 auto 20px;
}

.read_wrap_box02 {
	width:100%;
}

.read_wrap_box02 p {
	margin:0;
	font-size:0.9em;
	font-weight:bold;
	line-height:2;
	letter-spacing:0.1em;
	text-decoration: underline;
}

}