@charset "utf-8";
/* CSS Document */
/******************
フォント
*********************/
.medi_font {
	font-family: Futura,'Century Gothic';
    font-weight: bold!important;
}
.medi_font02 {
    font-family: sans-serif;
    font-weight: normal;
}



/******************
ヘッダロゴ
*********************/
.header_logo {
	font-size:38px;
	color:#000;
	margin-right:15px;
}

@media screen and (max-width:1500px){
.header_logo {
	font-size:36px;
}
}

@media screen and (max-width:641px){
.header_logo {
	font-size: 24px;
	margin-left:5px;
}
}


/******************
共通
*********************/
.pc_only {
	display:none;
}
@media screen and (max-width:641px){
.pc_only {
	display: inline-block;
}
}

.space {
	margin-top:20%;
}
@media screen and (max-width:641px){
.space {
	margin-top:0;
}
}

#anchor {
	padding-top: 140px;
    margin-top:-140px;
}

/******************
ヘッダ
*********************/
#pagetop{
	display: flex;
	align-items: center;
}
/*header ロゴ*/
header h1{
	display: flex;
	align-content: center;
	align-items: center;
}

@media only screen and (max-width: 1500px) {
header h1{
	font-size: 1.08vw !important;
}
}

@media only screen and (min-width: 769px) {
	.tablet{
		display: block;
	}
	.normal{
		display: none;
	}
	header .c-menu.-menu_a{
		display: flex !important;
	}
	header h1 img{
		padding-right: 15px;
	}
}

@media only screen and (min-width: 940px) {
	.tablet{
		display: none;
	}
	.normal{
		display: block;
	}
}

@media only screen and (max-width: 768px) {
	.tablet{
		display: none;
	}
	.normal{
		display: block;
	}
	header h1{
	display: block;
	}
	header h1 img{
	/*display: block;*/
		margin-bottom: 5px;
	}
}
@media only screen and ( min-width:940px) {
	header .c-menu.-menu_a{
		padding-right: 180px !important;
		/*padding-right: 250px !important;*/
	}
}
@media only screen and ( min-width:1600px) {
	header .c-menu.-menu_a{
		padding-right: 180px !important;
		/*padding-right: 80px !important;*/
	}
}
@media only screen and ( min-width:1700px) {
	header .c-menu.-menu_a{
		padding-right: 180px !important;
		/*padding-right: 0 !important;*/
	}
}
@media only screen and (min-width:769px) and ( max-width:940px) {
	header .c-menu.-menu_a{
		padding-right: 60px !important;
		/*padding-right: 100px !important;*/
	}
	li a.head-cintact img{
		padding-right: 0 !important;
	}
}

/******************
パンクす
*********************/
.c-breadcrumb em{
	font-weight: 400;
}

/******************
TOP　MV
*********************/
.top-mv{
    position: absolute;
    max-width: 1460px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    right: 0;
}

/******************
コラム
*********************/
#list-layout{
	display: flex;
	flex-wrap: wrap;
}
#list-layout .c-list-no_mark {
	width: 30.666%;
	margin-left: 4%;
}
#list-layout .c-list-no_mark:nth-child(3n+1) {
	margin-left: 0;
}
@media only screen and (max-width: 768px) {
	
#list-layout{
	justify-content: space-between;
}
#list-layout .c-list-no_mark {
	width: 49%;
	margin-left: 0;
}

}


/******************
製品概要
*********************/
#around{
position:relative;
}

/* table scroll */
@media only screen and (max-width: 641px) {
.cssskin-table_scroll table{
	white-space: nowrap;
}
.cssskin-table_scroll .c-none{
	overflow: scroll;
}
.cssskin-table_scroll_onwrap table{
	width: 900px !important;
}
.cssskin-table_scroll_onwrap .c-none{
	overflow: scroll;
}
}