@charset "UTF-8";


/*@font-face {
    font-family: 'futogoB';
    src: url('/fonts/A-OTF-FutoGoB101Pr5-Bold.otf');
}*/

h3{
	margin: 0 0 90px 0;
}

h4{
	font-size: 2.4rem;
}

strong{
	display: inline-block;
	font-weight: normal;
	font-size: 3.3rem;
	margin: 40px 0 0px;
}

p{
	font-size: 2.4rem;
	margin: 4.5rem 0;
}

dl{
	margin-top: 100px;
}
dt{
	font-size: 2.4rem;
	line-height: 1.2;
}
dd{
	font-size: 2.4rem;
	margin: 0 0 38px;
}

.contents{
	font-family: "太ゴB101", "Futo Go B101", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.contents i{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.main{
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: url(/img/index/1.jpg);
	background-position: 50%;
	background-size: cover;
/*	width: 100vw;*/
	height: calc(100vh - 111px);
	opacity: 0;
	transition: opacity 2s linear;
}
.main.loaded{
	opacity: 1;
}
.main img[src*="/index/3."]{
	/*margin-top: 135px;*/
	margin-top: 0;
}
.main p{
	color: #fff;
	line-height: 2;
	letter-spacing: 2px;
	margin: 0 0 55px;
}
.main2{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
/*	width: 100vw;*/
	height: calc(100vh - 111px);
	margin-top: calc((100vh - 111px) * -1);
	opacity: 0;
	transition: opacity 2s linear;
}
.main2.loaded{
	opacity: 1;
}
.main2 .left{
	flex-basis: 50%;
/*	height: 200px;*/
/*	border-right: 1px solid #fff;*/
}
.main2 .memori{
/*	height: 10px;*/
/*	border-left: 1px solid #fff;*/
}
.main2 .memori_sp{
	display: none;
}

#statement{
	text-align: center;
	padding: 130px 0 100px;
}
img[src*="/index/h3_"]{
	width: auto;
	height: 24px;
}

#about{
	text-align: center;
	background-color: #f0f0f0;
	padding: 135px 0 85px;
}
#about img[src*="/index/3."]{
	/*width: 39px;*/
	/*height: 42px;*/
	margin: 25px 0 60px;
}
#about h4{
	margin: 135px 0 93px;
}

#companydata{
	text-align: center;
	padding: 132px 0 105px;
}


@media (max-height: 800px) {
	.main img[src*="/index/3."]{
		/*margin-top: calc((100vh - 111px) * 0.196);*/
	}
}


/* PC用 */
@media (min-width: 881px) {

}



/* スマホ用 */
@media (max-width: 880px) {
	h3{
		margin: 0 0 17vmin 0;
	}

	h4{
		font-size: 4.3vmin;
	}

	strong{
		display: inline-block;
		font-weight: normal;
		font-size: 7.8vmin;
		margin: 10vmin 0 3vmin;
	}

	p{
		font-size: 4.3vmin;
		margin: 3rem 0;
	}

	dl{
		margin-top: 0;
	}
	dt{
		font-size: 4.3vmin;
		line-height: 2;
	}
	dd{
		font-size: 4.3vmin;
		line-height: 1.5;
		margin: 0 0 10vmin;
	}

	.contents{
		padding: 0 0 0;
	}
	.main{
		height: calc(100vh - 17.6vmin);
		height: calc(100dvh - 17.6vmin);
		background-position: 50% 50%;
	}
	.main img[src*="/index/2."]{
		width: 60vmin;
	}
	.main img[src*="/index/3."]{
		max-width: 88px;
		width: 15vmin;
		margin-left: 3.5vmin;
	}
	.main p{
		margin-left: 3.5vmin;
	}
	.main2{
		flex-direction: column;
		height: calc(100vh - 17.6vmin);
		height: calc(100dvh - 17.6vmin);
		margin-top: calc((100vh - 17.6vmin) * -1);
		margin-top: calc((100dvh - 17.6vmin) * -1);
	}
	.main2 .memori_pc{
		display: none;
	}
	.main2 .memori_sp{
		display: revert;
	}
	.main2 img[src*="/index/t1."]{
		max-width: 256px;
		width: 45vmin;
	}

	#statement{
		padding: 20vmin 0 13vmin;
	}

	img[src*="/index/h3_"]{
		height: 4.5vmin;
	}

	#about{
		padding: 20vmin 0 13vmin;
	}
	#about img[src*="/index/3."]{
		width: 15vmin;
		margin: 0vmin 0 13vmin;
	}
	#about h4{
		margin: 20vmin 0 15vmin;
	}

	#companydata{
		padding: 20vmin 0;
	}
}
@media (max-width: 700px) {
	.main2{
	}
}

/* スマホ用 縦向 */
@media (max-width: 420px) and (orientation: portrait) {
}

/* スマホ用 横向 */
@media (max-width: 880px) and (orientation: landscape) {
	.main_bg_text img[src*="/index/3."]{
		width: 12vmin;
		margin-left: 2vmin;
	}
}