@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
section, nav, article, aside, hgroup, header, footer, figure, figcaption, details {
  display: block;
}

html, body, div, span, applet, object, iframe, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, table, label, tr, th, td, figure {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

html {
  -webkit-text-size-adjust: 100%;
  font-size: calc(100vw / ( 640 / 26 ));
}

body {
  font-family: 'Noto Sans JP','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;
  color: #000;
  line-height: 1.8;
  background: #ddd;
}

li {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

img {
  vertical-align: top;
  max-width: 100%;
}

hr {
  height: 1px;
  background-color: #ccc;
  border: 0;
}

.video-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.video-container iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 1;
}

.sp_only {
  display: block;
}

.sp_only_inline {
  display: inline;
}

.pc_only,
.pc_only_inline {
  display: none;
}

.wrap {
  max-width: 640px;
  padding: 0 calc(100vw / ( 640 / 40 ));
  margin: 0 auto;
}

.to_top {
  -webkit-transition: top .6s ease, opacity .6s ease;
  transition: top .6s ease, opacity .6s ease;
  position: relative;
  top: 50px;
  opacity: 0;
}

.isAnimate.show.to_top {
  top: 0;
  opacity: 1;
}

.to_top_left {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  position: relative;
  top: 50px;
  left: 50px;
  opacity: 0;
}

.isAnimate.show.to_top_left {
  top: 0;
  left: 0;
  opacity: 1;
}

.to_top_right {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  position: relative;
  top: 50px;
  right: 50px;
  opacity: 0;
}

.isAnimate.show.to_top_right {
  top: 0;
  right: 0;
  opacity: 1;
}

.contents {
  max-width: 640px;
  margin: 0 auto;
  background: #fff;
  overflow: hidden;
  text-align: center;
}

.note {
  font-size: calc(100vw / ( 640 / 16 ));
  line-height: 1.6;
  margin-left: 1em;
  text-align: left;
}
.note li {
  margin: 0 0 .5em;
  text-indent: -1em;
}

ol.note {
  margin-left: 2em;
}
ol.note li {
  text-indent: -2em;
  counter-increment: num;
}
ol.note li:before {
  content: "※" counter(num) " ";
}

.pink {
  color: #ff68c6;
}

/*=======================================
	mv
=======================================*/
.mv {
  margin-bottom: 2.5rem;
}
.mv .ticker {
  background: #ffd200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vw / ( 640 / 50 ));
  line-height: calc(100vw / ( 640 / 50 ));
  overflow: hidden;
  white-space: nowrap;
  z-index: 1;
}
.mv .ticker ul {
  font-size: calc(100vw / ( 640 / 24 ));
  font-weight: 500;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-animation: flowing 10s linear infinite;
          animation: flowing 10s linear infinite;
}
.mv .ticker li {
  display: inline-block;
  padding-right: 1rem;
}
@-webkit-keyframes flowing {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes flowing {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
/*=======================================
	step
=======================================*/
/*=======================================
	list
=======================================*/
.list {
  margin: 1.5rem 0 0;
}
.list .s {
  font-size: .8em;
}
.list .wrap {
  padding: 0 calc(100vw / ( 640 / 20 ));
}
.list h2 {
  font-size: calc(100vw / ( 640 / 30 ));
  font-weight: bold;
  margin-bottom: 1rem;
}
.list table {
  max-width: 900px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #ffceed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: calc(100vw / ( 640 / 20 ));
  line-height: 1.6;
}
.list tr {
  border-bottom: 1px solid #ffceed;
}
.list th, .list td {
  padding: .3rem .5rem;
  border-right: 1px solid #ffceed;
  vertical-align: middle;
}
.list th {
  background: #ff68c6;
  font-size: calc(100vw / ( 640 / 22 ));
  color: #fff;
}
.list td {
  text-align: left;
}
.list td:nth-of-type(1) {
  width: 28%;
}
.list td:nth-of-type(2) {
  width: 22%;
  text-align: center;
}
.list td:nth-of-type(3) {
  width: 50%;
}
.list td .s {
  font-size: .8em;
}
.list td .note {
  margin-top: .3rem;
}
.list ul.dot li {
  line-height: 1.5;
  margin-bottom: .5rem;
  padding-left: .6em;
  position: relative;
}
.list ul.dot li:last-of-type {
  margin-bottom: 0;
}
.list ul.dot li:before {
  content: "";
  display: block;
  width: calc(100vw / ( 640 / 4 ));
  height: calc(100vw / ( 640 / 4 ));
  background: #333;
  border-radius: 50%;
  position: absolute;
  top: .6em;
  left: 0;
}

/*=======================================
	qa
=======================================*/
.qa {
  padding: calc(100vw / ( 640 / 80 )) 0 0;
}
.qa .h {
  max-width: calc(100vw / ( 640 / 198 ));
  margin: 0 auto calc(100vw / ( 640 / 50 ));
}

#scrollAnchor {
  position: relative;
  z-index: -1;
}

/*=======================================
	q
=======================================*/
.q {
  margin: 0 0 2.5rem;
}
.q textarea {
  height: 100px;
}
.q .select {
  width: 60%;
  position: relative;
}
.q .select:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  position: absolute;
  top: 48%;
  right: 15px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.q .select select {
  -webkit-appearance: none;
  display: block;
  width: 100%;
  padding: 10px 8px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
}
.q input[type="radio"],
.q input[type="checkbox"] {
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  position: absolute;
  width: 0;
}
.q input[type="radio"] + span,
.q input[type="checkbox"] + span,
.q label a,
.q label span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1rem;
  text-align: center;
  border: calc(100vw / ( 640 / 4 )) solid #dff4f1;
  border-bottom: calc(100vw / ( 640 / 10 )) solid #bcd4d1;
  border-radius: 60px;
  background: #fff;
  font-size: calc(100vw / ( 640 / 34 ));
  font-weight: bold;
  font-weight: 700;
  /*		strong{
  			display: block;
  			flex-shrink: 0;
  			width: 100%;
  			font-size: 8px;
  			font-weight: bold;
  			color: #006fe2;
  		}*/
}
.q input[type="radio"]:checked + span,
.q input[type="checkbox"]:checked + span {
  background: #dff4f1;
}
.q input[type="radio"] + figure,
.q input[type="checkbox"] + figure {
  padding: 10px 10px 5px;
  text-align: center;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.q input[type="radio"]:checked + figure,
.q input[type="checkbox"]:checked + figure {
  font-weight: bold;
  border: 2px solid #006fe2;
}
.q h2 {
  background: url("../images/qa_h_bg.png") no-repeat;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100vw / ( 640 / 560 ));
  height: calc(100vw / ( 640 / 110 ));
  padding: 0 0 .2rem 1.3rem;
  margin: 0 0 calc(100vw / ( 640 / 40 ));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  text-align: left;
  font-size: calc(100vw / ( 640 / 30 ));
  font-weight: bold;
  font-weight: 700;
}
.q .col1,
.q .col2,
.q .col3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.q .col1 li,
.q .col2 li,
.q .col3 li {
  width: 48.2142857143%;
  margin: 0 0 10px 0;
}
.q .col1 label,
.q .col2 label,
.q .col3 label {
  display: block;
  height: 100%;
}
.q .col1 li {
  /*			width: 100%;*/
  margin: 0 auto 10px;
}
.q .col3 li {
  width: 30.7142857143%;
}
.q .note {
  font-size: 10px;
  font-size: 3.125vw;
  margin: 1em 0 0 1em;
}
.q .note li {
  text-indent: -1em;
}

/*=======================================
	qa_btn
=======================================*/
.qa_btn {
  margin-bottom: 2.5rem;
}
.qa_btn .btn {
  margin-bottom: 1.5rem;
}

/*=======================================
	reason
=======================================*/
.reason {
  margin-bottom: 3rem;
}
.reason .h {
  max-width: calc(100vw / ( 640 / 562 ));
  margin: 0 auto 2.5rem;
}
.reason section {
  text-align: left;
  margin-bottom: 2rem;
}
.reason h3 {
  font-size: calc(100vw / ( 640 / 40 ));
  font-weight: bold;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: .8rem;
  padding-left: calc(100vw / ( 640 / 70 ));
  position: relative;
}
.reason h3 .num {
  display: block;
  width: 0;
  height: 0;
  border: calc(100vw / ( 640 / 28 )) solid transparent;
  border-right: calc(100vw / ( 640 / 28 )) solid #ff68c6;
  border-bottom: calc(100vw / ( 640 / 28 )) solid #ff68c6;
  position: absolute;
  top: .1em;
  left: 0;
}
.reason h3 .num span {
  display: block;
  font-family: 'Hiragino Kaku Gothic Pro',Meiryo,sans-serif;
  font-size: calc(100vw / ( 640 / 44 ));
  line-height: 1;
  position: absolute;
  top: -.5em;
  left: -.35em;
}

/*=======================================
	faq
=======================================*/
.faq {
  padding: calc(100vw / ( 640 / 90 )) 0 0;
  position: relative;
}
.faq:before {
  content: "";
  display: block;
  width: calc(100vw / ( 640 / 580 ));
  height: calc(100vw / ( 640 / 44 ));
  background: url("../images/faq_hr.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.faq h2 {
  font-family: 'Hiragino Kaku Gothic Pro',Meiryo,sans-serif;
  font-size: calc(100vw / ( 640 / 50 ));
  font-weight: bold;
  line-height: 1;
  color: #ff68c6;
  margin-bottom: 1.5rem;
}
.faq dl {
  text-align: left;
}
.faq dt, .faq dd {
  padding-left: calc(100vw / ( 640 / 70 ));
  position: relative;
}
.faq dt:before, .faq dd:before {
  content: "Q";
  display: block;
  width: calc(100vw / ( 640 / 50 ));
  height: calc(100vw / ( 640 / 50 ));
  line-height: calc(100vw / ( 640 / 50 ));
  border-radius: calc(100vw / ( 640 / 50 ));
  background: #000;
  color: #fff;
  font-family: 'Hiragino Kaku Gothic Pro',Meiryo,sans-serif;
  font-size: calc(100vw / ( 640 / 30 ));
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: .1em;
  left: 0;
}
.faq dt {
  font-size: calc(100vw / ( 640 / 28 ));
  font-weight: 500;
  margin-bottom: 1rem;
}
.faq dd {
  margin-bottom: 2rem;
}
.faq dd:before {
  content: "A";
  background: #ff68c6;
}

/*=======================================
	cta
=======================================*/
.cta {
  margin-bottom: 3rem;
}
.cta figure {
  margin: 3rem calc(100vw / ( 640 / -20 )) 1.5rem;
}

/*=======================================
	footer
=======================================*/
footer {
  background: #000;
  color: #fff;
  font-size: calc(100vw / ( 640 / 20 ));
  padding: 1.5rem 0;
  line-height: 1.2;
}
footer a {
  color: #fff;
}
footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1rem;
}
footer li {
  margin: 0 .8rem;
}
footer p {
  font-size: calc(100vw / ( 640 / 14 ));
}

/*=======================================
	sub
=======================================*/
.law,
.privacy {
  padding: 2.5rem 0;
}
.law h1,
.privacy h1 {
  font-size: calc(100vw / ( 640 / 34 ));
  font-weight: bold;
  margin-bottom: 2rem;
}
.law h1 span,
.privacy h1 span {
  display: block;
  font-size: calc(100vw / ( 640 / 26 ));
}
.law dl,
.privacy dl {
  text-align: left;
}
.law dt,
.privacy dt {
  font-weight: bold;
  border-left: calc(100vw / ( 640 / 8 )) solid #ccc;
  background: #f7f7f7;
  padding: .4rem .8rem;
  margin-bottom: .5rem;
}
.law dd,
.privacy dd {
  margin-bottom: 1.5rem;
  padding-left: 1rem;
}
.law dd a,
.privacy dd a {
  text-decoration: underline;
}

.privacy p {
  text-align: left;
}
.privacy dl {
  margin: 2rem 0 0;
}
.privacy ol {
  margin: 1rem 0 0;
}
.privacy ol li {
  margin-top: .5em;
}
.privacy ol > li {
  counter-increment: num;
  padding-left: 1.1em;
  position: relative;
}
.privacy ol > li:before {
  content: counter(num) ".";
  position: absolute;
  top: 0;
  left: 0;
}
.privacy ol > li ul > li {
  padding-left: .8em;
  position: relative;
}
.privacy ol > li ul > li:before {
  content: "";
  display: block;
  width: .5em;
  height: 1px;
  background: #000;
  position: absolute;
  top: .9em;
  left: 0;
}

/******************************************************************************************

	pc size

******************************************************************************************/
@media only screen and (min-width: 640px) {
  html {
    font-size: 26px;
  }

  .sp_only,
  .sp_only_inline {
    display: none;
  }

  .pc_only {
    display: block;
  }

  .pc_only_inline {
    display: inline;
  }

  .wrap {
    padding: 0 40px;
  }

  .note {
    font-size: 20px;
  }

  /*=======================================
  	mv
  =======================================*/
  .mv .ticker {
    height: 50px;
    line-height: 50px;
    /*		li{
    			display: inline-block;
    			padding-right: 1rem;
    		}
    		@keyframes flowing {
    			0% { transform:translateX(0); }
    			100% { transform:translateX(-100%); }
    		}*/
  }
  .mv .ticker ul {
    font-size: 24px;
    /*			font-weight: 500;
    			transform: translateX(100%);
    			animation: flowing 10s linear infinite;*/
  }

  /*=======================================
  	step
  =======================================*/
  /*=======================================
  	list
  =======================================*/
  .list .wrap {
    padding: 0 20px;
  }
  .list h2 {
    font-size: 30px;
  }
  .list table {
    font-size: 20px;
  }
  .list th {
    font-size: 22px;
  }
  .list ul.dot li:before {
    width: 4px;
    height: 4px;
  }

  /*=======================================
  	qa
  =======================================*/
  .qa {
    padding: 80px 0 0;
  }
  .qa .h {
    max-width: 198px;
    margin: 0 auto 50px;
  }

  /*
  #scrollAnchor{
  	position: relative;
  	z-index: -1;
  }*/
  /*=======================================
  	q
  =======================================*/
  .q {
    /*	margin: 0 0 2.5rem;
    
    	textarea{
    		height: 100px;
    	}	
    	.select{
    		width: 60%;
    		position: relative;
    		
    		&:after{
    			content: "";
    			display: block;
    			width: 10px;
    			height: 10px;
    			box-sizing: border-box;
    			border-bottom: 1px solid #d8d8d8;
    			border-right: 1px solid #d8d8d8;
    			position: absolute;
    			top: 48%;
    			right: 15px;
    			transform: translateY(-50%) rotate(45deg);
    		}
    		select {
    			-webkit-appearance: none;
    			display: block;
    			width: 100%;
    			padding: 10px 8px;
    			font-size: 16px;
    			box-sizing: border-box;
    			border: 1px solid #d8d8d8;
    			border-radius: 3px;
    		}
    	}*/
    /*	input[type="radio"],
    	input[type="checkbox"]{
    		opacity:0;
    		-webkit-appearance: none;
    		appearance: none;
    		position: absolute;
    		width: 0;
    	}*/
    /*	input[type="radio"]:checked + span,
    	input[type="checkbox"]:checked + span{
    		background: #dff4f1;
    	}
    
    	input[type="radio"] + figure,
    	input[type="checkbox"] + figure{
    		padding: 10px 10px 5px;
    		text-align: center;
    		border: 1px solid #d8d8d8;
    		border-radius: 3px;
    		height: 100%;
    		box-sizing: border-box;
    	}
    	input[type="radio"]:checked + figure,
    	input[type="checkbox"]:checked + figure{
    		font-weight: bold;
    		border: 2px solid #006fe2;
    	}*/
    /*	.col1,
    	.col2,
    	.col3{
    		display: flex;
    		justify-content: space-between;
    		flex-wrap: wrap;
    		
    		li{
    			width: 135px / 280px * 100%;
    			margin: 0 0 10px 0;
    		}
    		label{
    			display: block;
    			height: 100%;
    		}
    	}*/
    /*	.col1{
    		
    		li{
    			margin: 0 auto 10px;
    		}
    	}
    	.col3{
    		
    		li{
    			width: 86px / 280px * 100%;
    		}
    	}*/
    /*	.note{
    		font-size: 10px;
    		font-size: 3.125vw;
    		margin: 1em 0 0 1em;
    		
    		li{
    			text-indent: -1em;
    		}
    	}*/
  }
  .q input[type="radio"] + span,
  .q input[type="checkbox"] + span,
  .q label a,
  .q label span {
    /*		display: flex;
    		align-items: center;
    		justify-content: center;
    		flex-wrap: wrap;
    		height: 100%;
    		box-sizing: border-box;
    		padding: 1rem;
    		text-align: center;*/
    border: 4px solid #dff4f1;
    border-bottom: 10px solid #bcd4d1;
    /*		border-radius: 60px;
    		background: #fff;*/
    font-size: 34px;
  }
  .q h2 {
    /*		background: url("../images/qa_h_bg.png") no-repeat;
    		background-size: contain;
    		display: flex;
    		align-items: center;*/
    width: 560px;
    height: 110px;
    /*		padding: 0 0 .2rem 1.3rem;*/
    margin: 0 0 40px;
    /*		box-sizing: border-box;
    		color: #fff;
    		text-align: left;*/
    font-size: 30px;
  }

  /*=======================================
  	qa_btn
  =======================================*/
  /*.qa_btn{
  	margin-bottom: 2.5rem;
  
  	.btn{
  		margin-bottom: 1.5rem;
  	}
  }*/
  /*=======================================
  	reason
  =======================================*/
  .reason {
    /*	margin-bottom: 3rem;*/
    /*	section{
    		text-align: left;
    		margin-bottom: 2rem;
    	}*/
  }
  .reason .h {
    max-width: 562px;
    /*		margin: 0 auto 2.5rem;*/
  }
  .reason h3 {
    font-size: 40px;
    /*		font-weight: bold;
    		font-weight: 700;
    		line-height: 1.4;
    		margin-bottom: .8rem;*/
    padding-left: 70px;
    /*		position: relative;*/
  }
  .reason h3 .num {
    /*			display: block;
    			width: 0;
    			height: 0;*/
    border: 28px solid transparent;
    border-right: 28px solid #ff68c6;
    border-bottom: 28px solid #ff68c6;
    /*			position: absolute;
    			top: .1em;
    			left: 0;*/
  }
  .reason h3 .num span {
    /*				display: block;
    				font-family: 'Hiragino Kaku Gothic Pro',Meiryo,sans-serif;*/
    font-size: 44px;
    /*				line-height: 1;
    				position: absolute;
    				top: -.5em;
    				left: -.35em;*/
  }

  /*=======================================
  	faq
  =======================================*/
  .faq {
    padding: 90px 0 0;
    /*	position: relative;*/
    /*	dl{
    		text-align: left;
    	}*/
    /*	dd{
    		margin-bottom: 2rem;
    		
    		&:before{
    			content: "A";
    			background: #ff68c6;
    		}
    	}*/
  }
  .faq:before {
    /*		content: "";
    		display: block;*/
    width: 580px;
    height: 44px;
    /*		background: url("../images/faq_hr.png") no-repeat;
    		background-size: contain;
    		position: absolute;
    		top: 0;
    		left: 50%;
    		transform: translateX(-50%);*/
  }
  .faq h2 {
    font-size: 50px;
    /*		font-weight: bold;
    		line-height: 1;
    		color: #ff68c6;
    		margin-bottom: 1.5rem;*/
  }
  .faq dt, .faq dd {
    padding-left: 70px;
  }
  .faq dt:before, .faq dd:before {
    /*			content: "Q";
    			display: block;*/
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    /*			background: #000;
    			color: #fff;
    			font-family: 'Hiragino Kaku Gothic Pro',Meiryo,sans-serif;*/
    font-size: 30px;
    /*			font-weight: bold;
    			text-align: center;
    			position: absolute;
    			top: .1em;
    			left: 0;*/
  }
  .faq dt {
    font-size: 28px;
    /*		font-weight: 500;
    		margin-bottom: 1rem;*/
  }

  /*=======================================
  	cta
  =======================================*/
  .cta {
    /*	margin-bottom: 3rem;*/
  }
  .cta figure {
    margin: 3rem -20px 1.5rem;
  }

  /*=======================================
  	footer
  =======================================*/
  footer {
    /*	background: #000;
    	color: #fff;*/
    font-size: 20px;
    /*	padding: 1.5rem 0;
    	line-height: 1.2;
    	
    	a{
    		color: #fff;
    	}
    	ul{
    		display: flex;
    		justify-content: center;
    		margin-bottom: 1rem;
    	}
    	li{
    		margin: 0 .8rem;
    	}*/
  }
  footer p {
    font-size: 14px;
  }

  /*=======================================
  	sub
  =======================================*/
  .law h1,
  .privacy h1 {
    font-size: 34px;
  }
  .law h1 span,
  .privacy h1 span {
    font-size: 26px;
  }
  .law dt,
  .privacy dt {
    border-left: 8px solid #ccc;
  }
}