@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";}


.privacy_ { background: var(--backcolorOr2); box-shadow: 0 0 0 100vmax  var(--backcolorOr2); clip-path: inset(0 -100vmax); line-height: 24px; padding: 40px 50px;  font-feature-settings: "palt"; }

.back_image { background: url("../../img/shape_back.jpg") no-repeat center bottom; background-size: contain; background-color: rgba(255,255,255,0.4); background-blend-mode: lighten;}
.privacy_area { padding: 40px 0 90px; line-height: 24px;}
.privacy_area ul { padding-bottom: 20px;}
.pr_title  { font-weight: var(--font7); }
.pr_text   { font-weight: var(--font6); font-family: var(--mintyo); font-feature-settings: "palt";}
.pr_number { font-weight: var(--font6); font-family: var(--mintyo);}
.pr_list   { font-weight: var(--font6); font-family: var(--mintyo); text-indent: 16px}

.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; }
	.pagetitle2 span { display: inline-block;}
	
	.privacy_ { padding: 25px 20px;}
	.privacy_area { padding: 30px 0 60px;}
	

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


}