@charset "utf-8";
.pagetitle { width: 100%; height: 500px; background-image: url("../../img/top_title_img.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top center; overflow: hidden;}
h1 {font-size: 60px; text-align: center; font-family: var(--mintyo); font-weight: var(--font7); line-height: 80px; margin: 70px 0 0;}
.pagetitle_img { width: 100%; text-align: center; margin: -290px 0 0;}
.pagetitle2 { font-size: 45px; font-family: var(--mintyo); color: var(--colorOr); font-weight: var(--font6); line-height: 120%; text-align: center; padding: 45px 0 40px; font-feature-settings: "palt";}

.form_area { background: var(--backcolorOr2); padding: 80px 0 60px; font-family: var(--mintyo); font-weight: var(--font5); box-shadow: 0 0 0 100vmax var(--backcolorOr2); clip-path: inset(0 -100vmax);}
.form_area dl { display: flex; flex-wrap: wrap; padding: 0 75px;}
.form_area dt { width: 200px; line-height: 30px; text-align: right; padding-right: 20px; margin-bottom: 30px;;}
.form_area dt:nth-child(1) { margin-bottom: 8px;}
.form_area dt:nth-child(5) { margin-bottom: 8px;}
.form_area dd { width: 700px;}
.form_area dd input { width: 100%; font-size: 16px; line-height: 26px; border: none; }
.form_area dd textarea { width: 100%; font-size: 16px; line-height: 22px; border: none; }
.kakunin { text-align: center; margin: 30px 0 0 0;}
.kakunin input { width: 300px; line-height: 40px; text-align: center; background: var(--colorBl); color: #fff; font-size: 20px; border: none; }

.back_image { height: 800px; background: url("../../img/shape_back.jpg") no-repeat; background-size: cover; overflow: hidden;}
.company_area { text-align: center; font-size: 20px; line-height: 140%; margin-top: 250px;}
.company_area li { margin-bottom: 12px;}
.company_area li:nth-child(2) { font-size: 30px; font-weight: var(--font6);}
.company_area li:nth-child(3) span { margin-left: 20px;}
.company_img { text-align: center; margin-top: 40px}

.puzzle { width: 1200px; text-align: center; margin: 50px auto;}
.puzzle img { width: 400px; height: auto;}

@media screen and (max-width: 768px) {
	.pagetitle { height: 200px;}
	h1 { font-size: 40px; line-height: 120%; }
	.pagetitle_img { width: 100%; text-align: center; margin: 0 0 0 ;} 
	.pagetitle_img img { width: 100%; height: auto;}
	.pagetitle2 { font-size: 30px;  padding: 45px 20px 40px; }

	.form_area { padding: 50px 0 ; box-shadow: 0 0 0 100vmax  var(--backcolorOr2); clip-path: inset(0 -100vmax);}
	.form_area dl { padding: 0;}
	.form_area dt { width: 100%; text-align: left; padding-right: 0; line-height: 28px; margin-bottom: 2px;}
	.form_area dt:nth-child(1) { margin-bottom: 2px;}
	.form_area dt:nth-child(5) { margin-bottom: 2px;}
	.form_area dd { width: 100%; margin-bottom: 10px;}
	.form_area dd input { width: 100%; font-size: 16px; line-height: 26px;}
	.back_image { height: auto;;}
	.company_area li:nth-child(3) { font-size: 16px; line-height: 120%;}
	.company_area li:nth-child(3) span { display: block; margin-left: 0;}
	.company_img { max-width: 400px; margin: 12% auto ;}
	.company_img img { width: 100%; height: auto;}
	
	
	
	


	.puzzle { width: 100%; text-align: center;}
	.puzzle img { width: 300px; height: auto;}


}