@charset "utf-8";









body {

	background: url(img/bg.jpg) left top repeat;

	background-size: 30% 30%;

/*	background-color: #d8d8d8;*/

	font-family: "Noto Sans JP", serif;

	color:#400207;

}





footer {

	background: #470100;

}



.footer__copyright {

	margin-bottom: 0;

}



header {

	background: none;

	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 40%);

	height:50px;

}



header .logo {

	margin:1rem 0 0 1rem;

}



footer * ,

footer .footer__snsList a,

footer .footer__linkList a {

	color: #a07a7b;

}



.radius {

	border-radius:2rem 2rem 2rem 2rem;

}



.overlay {

	position:absolute;

	left:0;

	top:0;

	mix-blend-mode: darken;

	width:100%;

	height:50vh;

	background: #333;

	opacity:.2;

	z-index:100;

}





.main {

	position: relative;

	z-index:200;

	width:90%;

	margin:0 auto;

	max-width: 800px;

	text-align: center;

	padding-top:80px;

/*	padding-bottom:240px;*/

}



.kv {



}



.title {

	width:80%;

	margin:1.6rem auto;

}





.maincopy {

	text-align: center;

	font-size:1.4rem;

	margin-bottom:2rem;

	color:#fff;

	font-weight:500;

	line-height: 1.6;

}





.copy {

	text-align: center;

	color:#fff;

	font-size:.9rem;

	line-height:2.4;

}



.section {

	margin: 2rem auto;

	width:90%;

	max-width: 800px;

}







.section--white {

	background: #fff;

	padding:1.2rem 1.6rem;

}







.section--attention {

	margin:4rem auto;

	display:grid;

	border:2px solid #fff;

	padding:1rem;

	border-radius: 1.2rem;

	color:#fff;

	align-items:center;

	grid-template-columns: 3.2rem auto;

}







.section--attention span {

	border-right:1px solid #fff;

	padding-right:.4rem;

	justify-content: end;

	text-align: center;

}



.section--attention p {

	padding-left:.8rem;

	line-height: 1.6;

	font-size:1rem;

	text-align: center;

}



.section--attention span i {

	font-size:2rem;

}









.fsS {

	font-size:.7rem;

}



.fsM {

	font-size:1.2rem;

}



.fsL {

	font-size:1.4rem;

}





.fwB {

	font-weight:600;

}



.taC {

	text-align: center;

}







.summary__Inner .pict {

	margin:.8rem 0;

}



.pict--intro {

	width:80%;

	margin:2.4rem auto;

}





.pict img {

	border-radius:.8rem;

}







.summary__head {

	font-size:1.1rem;

	font-family: "Noto Sans JP", serif;

	font-weight:600;

}





.summary__head:before {

  font-family: "Font Awesome 5 Free";

  font-size:1.8rem;

  font-weight: 600;

  padding: 0 7px 0 0;

}



.summary__head--01:before {

	content: "\f06b";

  color: #e50000;

}



.summary__head--02:before {

	content: "\f1bb";

  color: #005335;

}





.summary__head--03:before {

	content: "\f2dc";

  color: #0088c1;

}



.summary__head--04:before {

	content: "\f005";

  color: #ffc000;

}



.summary__body {

	margin-bottom:2rem;

}





.summary__body p {

	line-height:1.6;

	font-size:.9rem;

}



.summary__body p.strong {

	font-weight:600;

	font-size:1.1rem;

	margin-bottom:.8rem;

}



.part .part__head {

	font-weight:600;

	font-size:1rem;

	padding: .6rem;

}



.summary__body .part * {

	margin-bottom:1.2rem;

}





.summary__body .list li:first-child {

	margin:0 0 1.6rem;

}



.summary__body .list li {

	margin:1.6rem 0;

}







.summary__body .list li:before {

	content: "\f111";

  font-family: "Font Awesome 5 Free";

  font-weight: 600;

  font-size:.6rem;

}





.summary__body .list li > p:first-child {

	display:inline;

	margin-bottom:.4rem;

}





.summary__body .list li {

	margin:1.6rem 0;

}



.summary .summary__Inner:last-child {

	margin-bottom: 0;

}



.part {

	margin-bottom:1.6rem;

}



.part__head {

	padding:.4rem .8rem;

	background: #d8c2aa;

	margin-bottom:.8rem;

	border-radius:.4rem;

}



.part p {

	/*margin-top:.8rem;*/

	margin-bottom:.8rem;

}



.indent {

	margin-left:1rem;

}





.logomark {

	width:160px;

	margin:4rem auto;

}



.attention {

	background: #ffd6d6;

	color:#E50000;

	padding:1.6rem 1.6rem 1.4rem;

	border-radius:.4rem;

	margin-bottom:2.4rem;

}



.bnrArea {

	text-align: center;

	width: 60%;

	margin: 4rem auto 0;

}





.bnrArea h2 {

	color: #fff;

	margin-bottom: .8rem;

	font-size: 1.1rem;

}



.bnrArea img {

	border-radius: 1.6rem;

}





@media (min-width: 767.98px) {



.section--white {

	padding:3.2rem;

}



.summary__Inner {

	display:grid;

	grid-template-columns: 10rem auto;

	margin-bottom:2rem;

}



.summary__body {

	padding-top:.2rem;

}





}









@media (max-width: 767.98px) {





.overlay {

	height:30vh;

}



.main {

	width:90%;

	margin:0 auto;

	position:relative;

}



.sample {

	height:60vh;

}



.main .title {

	width:90%;

	left:5%;

	bottom:0;

}





.section--attention p {

	font-size:.8rem;

	text-align: left;

}







.maincopy {

	font-size:1.1rem;

	line-height: 1.6;

}



.copy {

	text-align:left;

	line-height:2;

	font-size:.8rem;

}





.summary__body {

	margin:.4rem 0 1.6rem;

}



.section--attention {

	margin:2rem auto;

}



.section {

	width:90%;

}



.section--intro {

	margin:1rem auto 0;

}



.section--white {

	width:90%;

}





}