@charset "utf-8";

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

　   COMMON

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

@media only screen and ( max-width : 991px ) {
}

@media only screen and ( max-width : 767px ) {
}

@media print, screen and ( min-width : 768px ) {
}

@media print, screen and ( min-width : 992px ) {
}

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

　   MAIN SLIDER

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

#ms {
	position: relative;
	overflow: hidden;
	z-index: 10;
}
.main_slide_text {
	position: relative;
	z-index: 10;
}
.ms_copy {
	position: relative;
	z-index: 10;
	font-weight:bold;
}

.ms_copy .ms_copy_tit {
	line-height: 1.2em;
}
.ms_copy_txt {
	font-weight: bold;
}
.main_slide_box img {
	width: 100%;
}

@media only screen and ( max-width : 767px ) {7
	#ms .container {
		max-width: 100%;
		padding-left: 0;
	}
}

@media only screen and ( max-width : 767px ) {
	#ms .container {
		padding-right: 0;
	}
	.ms_copy {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		display: flex;
		align-items: center;
	}
	.ms_copy_inner {
		width: 90%;
		margin: 0 auto;
		color:#ffffff;
		top: 18%;
        left: 3%;
        position: relative;
        text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
	}
	/*.main_slide_box img {
		height: 100vw;
	}*/
	.ms_copy_tit {
		font-size: 7vw;/* 10>1 */
	}
	.ms_copy_txt {/* 修正↓ */
		font-size: 2vw;
		margin-top: 3vw;
	}
}
@media only screen and ( max-width : 575px ) {
	#ms {
	}
}
@media only screen and ( max-width : 320px ) {
	#ms {
	}

}

@media print, screen and ( min-width : 768px ) {
	#ms {
	}
	.main_slide {
		/* width: 90%; */
		width: 100%;
		/* margin-left: -10%; */
	}
	.ms_copy_inner {
		width: 90%;
		margin: 0 auto;
		color:#ffffff;
		top: 18%;
        left: 3%;
        position: relative;
        text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
	}	
/*	.main_slide .main_slide_box img{
		border-radius: 20px;
	} */
	.ms_copy {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		display: flex;
		align-items: center;
	}
	.ms_copy_tit {
		font-size: 5vw;
	}
	.ms_copy_txt {
		font-size: 1.3vw;
		margin-top: 1vw;
	}
}

@media print, screen and ( min-width : 992px ) {
	#ms {
	}
}
@media print, screen and ( min-width : 1200px ) {

}
@media print, screen and ( min-width : 1400px ) {
	.ms_copy_tit {
		font-size: 77px;
	}
	.ms_copy_txt {
		font-size: 18px;
		margin-top: 20px;
	}
}


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

　   ABOUT

--------------------------------------------------------------------------------------------- */
#about {
	overflow: hidden;
}
.about_ph {
	position: relative;
	left: -5%;
}
.about_ph01 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.about_ph02 {
	width: 90%;
	margin-top: 30px;
}
.about_copy {
	font-weight: bold;
	margin-bottom: 1em;
}
.about_copy span {
	font-size: 115%;
}

@media only screen and ( max-width : 991px ) {
	.about_txt {
		margin-bottom: 20px;
	}
	.about_ph01 {
		width: 70%;
	}
}

@media only screen and ( max-width : 767px ) {
}

@media print, screen and ( min-width : 768px ) {
}

@media print, screen and ( min-width : 992px ) {
	.about_txt {
		width: 48%;
	}
	.about_ph {
		width: 67%;
		margin-right: -15%;
	}
	.about_ph01 {
		width: 60%;
	}
}


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

　   COMPANY

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


@media only screen and ( max-width : 991px ) {
	.company_ph {
		margin-bottom: 20px;
	}
}

@media only screen and ( max-width : 767px ) {
	#company {
		padding-top: 0;
	}
	#company .company_ph {
		margin-left: -5%;
		margin-right: -5%;
	}
}

@media print, screen and ( min-width : 768px ) {
}

@media print, screen and ( min-width : 992px ) {
	#company h2 {
		text-align: left;
	}
	.company_ph {
		margin-left: -10%;
		width: 70%;
	}
	.company_txt {
		width: 43%;
		margin-left: 2%;
	}
}

@media print, screen and ( min-width : 1200px ) {
	.company_txt {
		margin-left: -2%;
	}
}
/* ---------------------------------------------------------------------------------------------

　   XXX

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


@media only screen and ( max-width : 991px ) {
}

@media only screen and ( max-width : 767px ) {
}

@media print, screen and ( min-width : 768px ) {
}

@media print, screen and ( min-width : 992px ) {
}