/* BIKOU CSS */

body{
	font-family: "fractul-variable", "Noto Sans JP", sans-serif;
	font-variation-settings: "wght" 600;
	letter-spacing: 2px;
}

p{
	letter-spacing: 3px;
	line-height: 1.8rem;
	margin-bottom: 4px;
}
@media only screen and (max-width: 800px) {
	p{
		letter-spacing: 2px;
	}
}

h1{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 600;
	font-size: 24px !important;
	letter-spacing: 2px;
}

h2{
	font-size:4rem !important;
	letter-spacing: 2px;
}

/*
# Blue   : #00A0E9
# Red    : #E4007F
# Yellow : #FFF100
*/


#sp-header{
	box-shadow: none !important;
}
.layout-boxed .body-innerwrapper{
	box-shadow: none !important;	
}

/* h4.mfp_default_title */
h4.mfp_default_title{
	text-align: center;
}

.logo-image{
	max-width: 66%;
	height: auto !important;
}
@media (max-width: 576px) {
    .logo-image {
    		max-width: 220px;
/*        height: 18px !important;*/*/
    }
}


@media (max-width: 576px) {
	.top-scene .mfp-col-xs-12{
		flex-basis: 50%;
		max-width: 50%;
	}

	.works .mfp_newsy_skin_default .mfp_newsy_item{
		flex-direction: column;
	}
	.works .mfp_newsy_item.mfp_newsy_dir_left img{
		margin-bottom: 20px;
	}
}

@media (min-width: 576px) {
	.works .mfp_newsy_item.mfp_newsy_dir_left img{
		width: 256px;
		height: 256px;
	}
}


.works .mfp_newsy_skin_default .mfp_newsy_item{
	border-bottom: 3px solid black;
	padding: 4em 0;
}

.lnpd_item_wrapper .lnpd_item_without_intro .lnpd_item_date{
	color: #000000;
}

.lnpd_item_wrapper>li{
	list-style: none;
}

.lnpd_item_wrapper .lnpd_item_without_intro{
	border-bottom: 2px solid #000000;
}

.lnpd_item_wrapper .lnpd_item_without_intro .lnpd_item_title,
.lnpd_item_wrapper .lnpd_item_without_intro .lnpd_item_date{
	font-size: 1.2em;
}

.lnpd_item_wrapper .lnpd_item_without_intro .lnpd_item_date{
	margin-right: 15px;
}

.lnpd_item_wrapper .lnpd_item_without_intro{
	margin-bottom: 2em;
}

.flow-step{
	max-width: 1320px;
	display: flex;
    justify-content: center;
    margin: 0 auto !important;
}

#sp-footer1{
	text-align: center;
}

.footer-logo{
	margin-top: 45px;
}

.sec_triangle{
/*	clip-path:  polygon(0 0, 100% 0%, 100% 75%, 50% 100%, 0 75%);*/
	clip-path:  polygon(0 0, 100% 0%, 100% calc(100% - 10vw), 50% 100%, 0 calc(100% - 10vw));
	/*  左上(x,y)　右上(x,y)　右下(x,y)　中央下(x,y)　左下(x,y)*/
	/* https://bennettfeely.com/clippy/ */
}

.sec_company_abst {
	z-index: 5 !important;
}

.sec_company_hist {
	z-index: -1 !important;
}

/** 会社概要 テーブル **/

/* table01 */
#table01 {
	margin: 0 auto;
}
@media (min-width: 1000px) {
	#table01 {
		width: 900px;
	}
}

.table01_black tr {
  border-bottom: 3px solid black;
  border-top: 3px solid black;
}
.table01_white{
	color: white;
}
.table01_white tr{
  border-bottom: 3px solid white;
  border-top: 3px solid white;
}

#table01 th,
#table01 td {
  padding: 24px 20px 24px 0px;
  border: none;
}


#table01 tr:first-child{
	border-top: none;
	font-size: 1.8rem;
}

#table01 th {
  width: 30%;
}

/* sp */
@media only screen and (max-width: 480px) {
  #table01 th,
  #table01 td {
    width: 100%;
    display: block;
  }

  #table01 th {
    width: 100%;
  }

  #table01 td {
    padding-top: 0;
  }
}

.sec_z_99{
	z-index: 99 !important;
}
.sec_z_98{
	z-index: 98 !important;
}
.sec_z_97{
	z-index: 97 !important;
}
.sec_top_message{
/*	z-index:1 !important;*/
}

.sec_top_char{
/*	z-index: 2 !important;*/
}
.message_box{
	z-index: 99 !important
}

.bikou_b{
	z-index: -1 !important;
}

.pos_most_left{
	position: absolute;
	left: calc(100% - 50vw) !important;
	top: -110px;
}
@media only screen and (max-width: 768px) {
	.pos_most_left{
		position: absolute;
		left: calc(100% - 100vw) !important;
		top: -110px;
	}	
}

.pos_symbol_2{
	position: absolute;
	right: calc(100% - 53vw) !important;
	top: -220px;
}

.pos_bg_k{
	z-index: -1 !important;
			position: absolute;
		left: calc(100% - 50vw) !important;
		top: 600px;
}
@media only screen and (max-width: 1980px) {
	.pos_bg_k{
		z-index: -1 !important;
				position: absolute;
			left: calc(100% - 90vw) !important;
			top: 570px;
	}
}
@media only screen and (max-width: 980px) {
	.pos_bg_k{
		z-index: -1 !important;
				position: absolute;
			left: calc(100% - 100vw) !important;
			top: 570px;
	}
}


.sec_top_activity{
	z-index: 99 !important;
}

.pos_bg_u{
	z-index: -1 !important;
			position: absolute;
		left: calc(100% - 0vw) !important;
		top: -100px;
}
@media only screen and (max-width: 480px) {
	.pos_bg_u{
		z-index: -1 !important;
				position: absolute;
			left: calc(100% - 15vw) !important;
			top: -10-px;
	}
}