@charset "UTF-8";
/* CSS Document */


html,body {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size:24px;
  line-height:2em;
  color:#333;
}

.wrap {max-width:750px;margin:0 auto;background:#fff url("../images/footer.png") no-repeat center bottom;background-size:100% auto;}
.inner,
.box {position:relative;}
a {text-decoration:none;transition:opacity 0.3s;}
a:hover {opacity:0.6;}
img {display:block;width:100%;}
section h2, .cont_thanks h1 {font-size:52px;line-height:1.5em;padding-bottom:54px;background:url("../images/line.png") no-repeat center bottom;background-size:200px auto;color:#E0097D;text-align:center;margin-bottom:60px;}
.mb_60 {margin-bottom:60px;}
section p {margin-left:40px;}

.contact {display:block;background:#F45797;color:#fff;text-align:center;border-radius:1000px;}


#header {display:flex;justify-content: space-between;align-items:center;padding:10px 20px;}
#header .logo {width:140px;}
#header .contact {font-family:"Noto Sans JP", sans-serif;width:180px;font-size:16px;line-height: 1em;padding: 12px 0;}

.mv {margin-bottom:80px;}

.cont01 {margin-bottom:60px;}
.cont01 h2 {margin-bottom:30px;}
.cont01 img {width:427px;}
.cont01 p {width:336px;position:absolute;right:0;top:50%;transform: translateY(-50%);}

.cont02,
.cont03 {margin-bottom:100px;}

.cont03 .ring_img {display:flex;width:480px;justify-content: space-between;margin:0 auto 40px;}
.cont03 .ring_img li {display:flex;width:200px;height:200px;align-items: center;justify-content: center;font-family:"Noto Sans JP", sans-serif;color:#fff;background-color:#EFA5C3;font-size:24px;border-radius:100%;}

.cont04 {margin-bottom:120px;}

.footer {padding-bottom:200px;}
.footer .contact {width:550px;font-size:36px;line-height:2em;margin:0 auto;padding:20px 0;box-shadow:0px 3px 6px rgba(0,0,0,0.16);}

.cont_thanks {padding-top:100px;padding-bottom:300px;}
.cont_thanks p {text-align:center;}
.cont_thanks p+p {margin-top:1em;}

#footer .logo {width: 200px;margin: 0 auto 30px;}
#footer small {font-size: 14px;text-align: center;display: block;font-family: "Noto Sans JP", sans-serif;}

@media screen and (max-width:750px){
	
	html,body { font-size: 3.2vw;}
	.wrap {max-width: 100vw;}
	section h2, .cont_thanks h1 {font-size: 6.933vw;padding-bottom: 7.2vw;background-size: 26.666vw auto;margin-bottom: 8vw;}
	.mb_60 {margin-bottom: 8vw;}
	section p {margin-left: 5.333vw;}
	#header {padding: 1.333vw 2.666vw;}
	#header .logo {width: 18.666vw;}
	#header .contact {width: 31vw;font-size: 4vw;padding: 1.6vw 0;}
	.mv {margin-bottom: 10.666vw;}
	.cont01 {margin-bottom: 8vw;}
	.cont01 h2 {margin-bottom: 4vw;}
	.cont01 img {width: 56.933vw;}
	.cont01 p { width: 44.8vw;}
	.cont02,
	.cont03 {margin-bottom: 13.333vw;}
	.cont03 .ring_img {width: 64vw;margin: 0 auto 5.333vw;}
	.cont03 .ring_img li {width: 26.666vw;height: 26.666vw;font-size: 3.2vw;}
	.cont04 {margin-bottom: 16vw;}
	.footer { padding-bottom: 26.666vw;}
	.footer .contact {width: 73.333vw;font-size: 4.8vw;padding: 2.666vw 0;box-shadow: 0 0.4vw 0.8vw rgba(0,0,0,0.16);}
	.cont_thanks {padding-top:10vw;padding-bottom:40vw;}

	#footer .logo {width: 26.666vw;margin: 0 auto 4vw;}
	#footer small {font-size: 1.866vw;}

}