@charset "UTF-8";

/*================================================
 *  岐阜精工を知る 用
 ================================================*/

.contents {
	padding-top: 0;
}

/*******メインエリア*******/
section#main_area .main_box {
	min-height: 110rem;
	padding: 11rem 0;
}
section#main_area .main_box .img_bg {
	top: 0;
	left: 0;
}
section#main_area .main_box .inr h2 {
	width: 35rem;
}
section#main_area .main_box .inr h2 img {
	width: 19.4rem;
}
section#main_area .main_box .inr .unit_txt {
	padding-top: 7rem;
}

section#main_area .intro_box {
	height: 74rem;
}
section#main_area .intro_box .img_intro01 {
	top: -8rem;
	left: 12rem;
	width: 59.3rem;
}
section#main_area .intro_box .img_intro02 {
	bottom: 0;
	left: 45rem;
	width: 44.1rem;
	z-index: 1;
}
section#main_area .intro_box .img_intro03 {
	bottom: 10rem;
	left: 50%;
	width: 68.3rem;
}




/*******岐阜精工を知る*******/
section#know_area {
	margin-top: 10rem;
}
section#know_area [class*="know_box"] + [class*="know_box"] {
	margin-top: 15rem;
}
section#know_area [class*="know_box"]:nth-of-type(even) {
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
section#know_area [class*="know_box"] .unit_img {
	width: 71rem;
}

@media screen and (min-width:800.1px) {
	section#know_area .know_box01 .unit_img {
		padding-right: 3.5rem;
	}
	section#know_area .know_box01 .unit_img img {
		position: relative;
		left: 100%;
		transform: translateX(-100%);
		width: 82.1rem;
	}
}

section#know_area [class*="know_box"] .unit_txt {
	width: 73rem;
}
section#know_area [class*="know_box"] .unit_txt .inr {
	width: 60rem;
}
section#know_area [class*="know_box"]:nth-of-type(even) .unit_txt .inr {
	margin-left: auto;
}
section#know_area [class*="know_box"] .unit_txt .inr h3 {
	font-size: 4.8rem;
	font-weight: bold;
	line-height: 1.75;
	margin-bottom: 0.4em;
}
section#know_area [class*="know_box"] .unit_txt .inr [class*="btn_more_arrow"] {
	margin-top: 60px;
}



/*動画*/
section#know_area .movie_box {
	margin-top: 20rem;
}




/*================================================================================================
 *  スマートフォン向けデザイン
 ================================================================================================*/
@media screen and (max-width:800px) {

/*******メインエリア*******/
section#main_area .main_box {
	min-height: inherit;
	padding: 14vw 0 22vw;
}

section#main_area .main_box .inr h2 {
	width: auto;
	text-align: center;
}
section#main_area .main_box .inr h2 img {
	width: 19vw;
}
section#main_area .main_box .inr .unit_txt {
	padding-top: 10vw;
}

section#main_area .intro_box {
	height: 51vw;
}
section#main_area .intro_box .img_intro01 {
	top: -10.5vw;
	left: 0;
	width: 46.6vw;
}
section#main_area .intro_box .img_intro02 {
	left: 29vw;
	width: 33.3vw;
}
section#main_area .intro_box .img_intro03 {
	bottom: 5.3vw;
	left: auto;
	right: 0;
	width: 48vw;
}






/*******岐阜精工を知る*******/
section#know_area {
	margin-top: 15vw;
}
section#know_area [class*="know_box"] + [class*="know_box"] {
	margin-top: 20vw;
}
section#know_area [class*="know_box"] .unit_img {
	width: 100%;
}
section#know_area [class*="know_box"] .unit_img img {
	width: 100%;
}
section#know_area .know_box01 .unit_img {
	text-align: center;
}
section#know_area .know_box01 .unit_img img {
	width: 96vw;
}
section#know_area [class*="know_box"] .unit_txt {
	margin-top: 10vw;
}
section#know_area [class*="know_box"] .unit_txt .inr {
	width: auto;
	margin: 0!important;
}
section#know_area [class*="know_box"] .unit_txt .inr h3 {
	font-size: 6.4vw;
}
section#know_area [class*="know_box"] .unit_txt .inr [class*="btn_more_arrow"] {
	margin: 12vw auto 0;
}



/*動画*/
section#know_area .movie_box {
	margin-top: 20vw;
}








	
}