@charset "utf-8";
/* CSS Document */
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:400&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:500&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:600&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:700&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Serif+JP:400&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Serif+JP:500&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Serif+JP:600&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Serif+JP:700&display=swap");
html{
  scroll-behavior: smooth;
}
#wrapper{
  counter-reset: number 0;
  font-family: YakuHanJP, "Noto Sans JP", univia-pro, -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.5;
  max-height: 99999px;
  vertical-align: baseline;
  color: #000;
  overflow: hidden;

}
#wrapper .min {
  font-family: YakuHanJP, "Noto Serif JP", univia-pro, -apple-system, BlinkMacSystemFont, serif;
}

#wrapper p{
	margin: 0;
	padding:0;
}

 #wrapper a img{
  -webkit-transition: filter 0.5s ease-out;
  -webkit-transition: -webkit-filter 0.5s ease-out;
  transition: -webkit-filter 0.5s ease-out;
  transition: filter 0.5s ease-out;
  transition: filter 0.5s ease-out, -webkit-filter 0.5s ease-out;
}
#wrapper a img:hover{
  -webkit-filter: brightness(110%);
  filter:brightness(110%);
}

#wrapper p a{
  height: auto;
}

#wrapper {
  max-width: 750px;
  margin: 0 auto;
}

#wrapper img{
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  vertical-align: top;
  line-height: 0;
  font-size: 0;
}
/*============================
#main
============================*/
#wrapper {
  max-width: 750px;
  height: auto;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#wrapper header{
  max-width: 750px;

  margin: 0 auto;
}
#wrapper section h1, h2, h3, h4, h5, h6, p{
	margin: 0;
	display: block;

	line-height: 1;
}

#wrapper section{
  max-width: 750px;
  margin: 0 auto;
}

#wrapper a{
  display: block;
  width: 100%;
  height: 100%;
}

#wrapper .t-abs{
  position: absolute;
  z-index:2;
}

#wrapper figure{
  margin:0;
  padding:0;
  width: 100%;
}

/*============================
#lp-header
============================*/

#wrapper #lp-header {
}
#wrapper #lp-header .header-text01 {
  color: #FFF;
  line-height: 1.2;
  font-size: min(calc(26/750*100vw),26px);
  top: 7%;
  left: 3%;
  text-align: center;
}
#wrapper #lp-header .header-text01 .header-text01-large {
  font-weight: 600;
  font-size: min(calc(43/750*100vw),43px);
  display: inline-block;
  line-height: 1;
}
#wrapper #lp-header .header-text01 .header-text01-middle {
  font-size: min(calc(29/750*100vw),29px);
}
#wrapper #lp-header .header-text02.min {
  left: 22%;
  top: 7%;
  color: #FFF;
  font-size: min(calc(60/750*100vw),60px);
  white-space: nowrap;
  font-weight: 500;
  letter-spacing: min(calc(-2/750*100vw),-2px);
}
#wrapper #lp-header .header-text02.min .header-text02-large {
  font-size: min(calc(90/750*100vw),90px);
}
#wrapper #lp-header .header-text02.min .header-text02-middle {
  font-size: min(calc(80/750*100vw),80px);
}

/*============================
#fv
============================*/

#wrapper #fv .fv-text01 {
  color: #FFF;
  font-size: min(calc(35/750*100vw),35px);
  left:3%;
  top:10%;
  letter-spacing: min(calc(3/750*100vw),3px);
  line-height: 1.3;
  font-weight: 500;
}
#wrapper #fv .fv-text01 .fv-text01-small {
  font-size: min(calc(30/750*100vw),30px);
}


/*============================
#report
============================*/

#wrapper #report {
}
#wrapper #report .report-text01.min {
  color: #FFF;
  text-align: center;
  font-size: min(calc(70/750*100vw),70px);
  letter-spacing:min(calc(7/750*100vw),7px);
  line-height: calc(117/83.65);
  font-weight: 500;
  white-space: nowrap;
  top: 69%;
  left: 50%;
  transform: translateX(-50%);

}
#wrapper #report .report-text01.min .report-text01-large {
  font-size: min(calc(83.65/750*100vw),83.65px);
}

#wrapper #report .report-text01.min .report-text01-exlarge {
  font-size: min(calc(83.65/750*100vw),83.65px);
  letter-spacing:0;
  line-height: 1.2;
}


#wrapper #report .report-text02 {
  color: #FFF;
  text-align: center;
  font-size: min(calc(70/750*100vw),70px);
  line-height: 1;
  letter-spacing: min(calc(-2/750*100vw),-2px);
  font-weight: 500;
  white-space: nowrap;
  top: 9%;
  left: 50%;
  transform: translateX(-50%);
}
#wrapper #report .report-text02-2.min {
  color: #FFF;
  text-align: center;
  font-size: min(calc(84/750*100vw),84px);
  line-height: calc(117/83.65);
  font-weight: 500;
  white-space: nowrap;
  top: 32%;
  left: 50%;
  transform: translateX(-50%);
}
#wrapper #report .report-text02-2.min .report-text02-2-large.bg-color {
  display: inline-block;
  background-color: #2a3a48;
  line-height: 1;
  padding:0.1em 0.1em 0.2em;
}
#wrapper #report .report-text02-2.min .report-text02-2-small {
  font-size: min(calc(76/750*100vw),76px);
}
#wrapper #report .report-text02-3 {
  color: #FFF;
  font-size: min(calc(26/750*100vw),26px);
  line-height: calc(45/26);
  width: calc(695/750*100%);
  letter-spacing: min(calc(2/750*100vw),2px);
  top: 71.5%;

  left: 50%;
  transform: translateX(-50%);
  display: inline;
  text-align: justify;
}
#wrapper #report .report-text03 {
  color: #000000;
  font-size: min(calc(33/750*100vw),33px);
  line-height: calc(51/33);
  letter-spacing: min(calc(2/750*100vw),2px);
  top: 27%;
  left: 15%;
  height: auto;
  display: inline;
  text-decoration-line: underline;
  text-decoration-color: #fffb8d;
  text-decoration-thickness: .4em;
  text-underline-offset: -.3em;
  text-decoration-skip-ink: none;
}


#wrapper #report .report-text03-02 {
  color: #000000;
  font-size: min(calc(26/750*100vw),26px);
  line-height: calc(52/26);
  width: calc(550/750*100%);
  letter-spacing: min(calc(1/750*100vw),1px);
  top: 52%;
  left: 52%;
  transform: translateX(-50%);
  text-align:justify;
}

#wrapper #report   .report-text07 {
  color: #000000;
  font-size: min(calc(33/750*100vw),33px);
  line-height: calc(45/26);
  width: calc(570/750*100%);
  letter-spacing: min(calc(2/750*100vw),2px);
  top: 23%;
  left: 15%;
  text-align:justify;
  display: inline;
  text-decoration-line: underline;
  text-decoration-color: #fffb8d;
  text-decoration-thickness: .4em;
  text-underline-offset: -.3em;
  text-decoration-skip-ink: none;
}
#wrapper #report   .report-text07-2 {
  color: #000000;
  font-size: min(calc(26/750*100vw),26px);
  line-height: calc(52/26);
  width: calc(550/750*100%);
  letter-spacing: min(calc(2/750*100vw),2px);
  top: 46%;
  left: 15%;
  text-align:justify;
}

/*============================
#sample
============================*/

#wrapper #sample .sample-text03.min {
  color: #FFF;
  text-align: center;
  top: 29%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-weight: 500;
  font-size: min(calc(76.82/750*100vw),76.82px);
  line-height: calc(89/77);
  letter-spacing: min(calc(-1/750*100vw),-1px);
}
#wrapper #sample .sample-text03.min .sample-text03-underline {
  font-size: min(calc(50/750*100vw),50px);
  letter-spacing: min(calc(1/750*100vw),1px);
  display: inline-block;
  border-bottom:solid #FFF min(calc(2/750*100vw),2px);
  padding:0 2% 1.4%;
  margin-bottom: 2.5%;
}
#wrapper #sample .sample-text03.min .sample-text03-underline .sample-text03-underline-small {
  font-size: min(calc(40/750*100vw),40px);
}
#wrapper #sample .sample-text03.min .sample-text03-small {
  font-size: min(calc(66.82/750*100vw),66.82px);
}


#wrapper #sample .sample-bg-area {
  background-image: url(../img/sample_bg.jpg);
  background-size: 100% auto;
  padding-bottom: calc(105/750*100%);
}

#wrapper #sample .accordion.sample-acc {
  background-size: contain;
  width: calc(690/750*100%);
  margin: 0 auto calc(70/750*100%);
}
#wrapper #sample .accordion.sample-acc:last-of-type{
  margin-bottom: 0;
}
#wrapper #sample .accordion.sample-acc:nth-of-type(2) dd{
  padding-bottom: 9%;
}
#wrapper #sample .accordion.sample-acc>dt{
  font-size: min(calc(40/750*100vw),40px);
  letter-spacing: min(calc(2/750*100vw),2px);
  line-height: calc(52/40);
  color: #FFF;
  height: min(calc(160/750*100vw),160px);
  display: flex;
  align-items: center;
  padding-left: 4%;
  padding-bottom: 2%;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
}
#wrapper #sample .accordion.sample-acc>dt.selected{
  border-radius: 0;
}
#wrapper #sample .accordion.sample-acc>dt:before,
#wrapper #sample .accordion.sample-acc>dt:after{
  content:"";
  display: block;
  position: absolute;
  background-image: url(../img/sample_acc_icon.png);
  width: calc(35/690*100%);
  padding-top: calc(6/690*100%);
  background-size: contain;
  background-repeat: no-repeat;
  right:3%;
  top:49%;
  transition: all ease 0.3s;
}
#wrapper #sample .accordion.sample-acc>dt:before{
  transform: rotate(90deg);
}
#wrapper #sample .accordion.sample-acc>dt.selected:before{
  transform: rotate(0deg);
}
#wrapper #sample .accordion.sample-acc>dd{
  text-align: justify;
}
#wrapper #sample .accordion.sample-acc .acc01 {
  background-image: url(../img/sample_acc_head01.png);
  background-size: contain;
  background-repeat: no-repeat;
}
#wrapper #sample .accordion.sample-acc .acc02 {
  background-image: url(../img/sample_acc_head02.png);
  background-size: contain;
  background-repeat: no-repeat;
}
#wrapper #sample .accordion.sample-acc .acc03 {
  background-image: url(../img/sample_acc_head03.png);
  background-size: contain;
  background-repeat: no-repeat;
}

#wrapper #sample .accordion.sample-acc>dd{
  background-color: #FFF;
  border-radius: 0 0 10px 10px;
  display: none;
}


#wrapper #sample .accordion.sample-acc  .sample-text04 {
  color: #1c3e2c;
  font-size: min(calc(28/750*100vw),28px);
  padding-bottom: 0.2em;
  line-height: 1;
  margin: 0.5em auto 0.5em;
  text-align: center;
  display: block;
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-color: #1c3e2c;
  text-decoration-thickness: .1em;
  text-underline-offset: .3em;
  text-decoration-skip-ink: none;
}
#wrapper #sample .accordion.sample-acc  .sample-text05 {
  margin: 0.3em auto 0;
  width: calc(630/690*100%);
  display: block;
  font-size: min(calc(26/750*100vw),26px);
  letter-spacing: min(calc(1/750*100vw),1px);
  line-height: calc(45/26);

}
#wrapper #sample .accordion.sample-acc .flex-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(630/690*100%);
  margin: 0 auto;
  padding-bottom: 9%;
}
#wrapper #sample .accordion.sample-acc .flex-wrap .sample-txet05-flex {
  width: calc(300/630*100%);
  font-size: min(calc(26/750*100vw),26px);
  letter-spacing: min(calc(1/750*100vw),1px);
  line-height: calc(45/26);

  
}
#wrapper #sample .accordion.sample-acc .text-yellow {
  color: #ffa408;
  font-weight: 600;
}
#wrapper #sample .accordion.sample-acc .flex-wrap img{
  width: calc(300/630*100%);
}
#wrapper #sample .accordion.sample-acc  .sample-text06 {
  width: calc(630/690*100%);
  font-size: min(calc(26/750*100vw),26px);
  letter-spacing: min(calc(1.5/750*100vw),1.5px);
  padding: 1.2em 0 1.5em;
  margin: 0 auto;
  line-height: calc(45/26);

}
#wrapper #sample .accordion.sample-acc  .sample-text06 .text-yellow {
}
#wrapper #sample .accordion.sample-acc {
}
#wrapper #sample .accordion.sample-acc .sample-text06-1 {
  font-size: min(calc(30/750*100vw),30px);
  letter-spacing: min(calc(2/750*100vw),2px);
  line-height: 1;
  top:16%;
  left: 50%;
  transform: translateX(-50%);
  color: #fffb8d;
  background-color: #097a4a;
  border-radius: 100px;
  padding:0.3em 1.2em;
  white-space: nowrap;
  font-weight: 500;

}
#wrapper #sample .accordion.sample-acc .sample-text06-2 {
  position: absolute;
  font-size: min(calc(25/750*100vw),25px);
  letter-spacing: min(calc(2/750*100vw),2px);
  font-weight: 600;
  line-height: 1;
  top: 42%;
  left: 50%;
  transform: translateX(-50%);
}
#wrapper #sample .accordion.sample-acc .sample-text06-3 {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translateX(-50%);
  font-size: min(calc(83.74/750*100vw),83.74px);
  white-space: nowrap;
  line-height: 1;
}
#wrapper #sample .accordion.sample-acc .sample-text06-3 .text-red {
  color: #be0000;
  display: inline-block;
}

#wrapper #sample .accordion.sample-acc .sample-text06-3 .text-red .sample-text06-3-middle {
  font-size: min(calc(52/750*100vw),52px);
  display: inline-block;
}
#wrapper #sample .accordion.sample-acc .sample-text06-3 .sample-text06-3-small {
  font-size: min(calc(30/750*100vw),30px);
  display: inline-block;
  margin: 0 -0.5em;
}
#wrapper #sample .accordion.sample-acc .sample-text06-3 .sample-text06-3-middle3 {
  font-size: min(calc(40/750*100vw),40px);
  display: inline-block;

}
#wrapper #sample .accordion.sample-acc .sample-text06-3 .sample-text06-3-semilarge {
  font-size: min(calc(76.68/750*100vw),76.68px);
  display: inline-block;
}
#wrapper #sample .accordion.sample-acc .sample-text06-3 .sample-text06-3-semilarge2 {
  font-size: min(calc(70.68/750*100vw),70.68px);
  display: inline-block;
  vertical-align: top;
  line-height: 1.2;
}
#wrapper #sample .accordion.sample-acc .sample-text06-3  .sample-text06-3-middle2 {
  font-size: min(calc(55/750*100vw),55px);
  display: inline-block;
}
#wrapper #sample .accordion.sample-acc .sample-text07 .sample-text07-small-wrap{
  letter-spacing: min(calc(4/750*100vw),4px);
}
#wrapper #sample .accordion.sample-acc .sample-text07.min {
  font-size: min(calc(50/750*100vw),50px);
  font-weight: 500;
  left: 9%;
  top: 38%;
  line-height: calc(62/52.56);
  z-index:3;
}
#wrapper #sample .accordion.sample-acc .sample-text07.min:after{
  content:"";
  position: absolute;
  z-index:-2;
  display: block;
  background-image: url(../img/sample_underline.png);
  width: 112%;
  background-size: cover;
  padding-top: calc(60 / 428* 100%);
  bottom: -13%;
  left: -6%;
}

#wrapper #sample .accordion.sample-acc .sample-text07.min .sample-text07-small {
  font-size: min(calc(45/750*100vw),45px);
}
#wrapper #sample .accordion.sample-acc .sample-text07-image {
  width: calc(177/690*100%);
  right:5%;
  top: 24%;
}
#wrapper #sample .accordion.sample-acc .sample-text08 {
  width: calc(570/690*100%);
  font-size: min(calc(26/750*100vw),26px);
  letter-spacing: min(calc(1.5/750*100vw),1.5px);
  line-height: calc(45/26);
  top: 1%;
  left: 51%;
  transform: translateX(-50%);

}
#wrapper #sample .accordion.sample-acc .sample-text09 {
  width: calc(500/690*100%);
  font-size: min(calc(26/750*100vw),26px);
  letter-spacing: min(calc(1.5/750*100vw),1.5px);
  line-height: calc(45/26);
  top: 13%;
  left: 50%;
  transform: translateX(-50%);
}
#wrapper #sample .accordion.sample-acc .sample-text09-2 {
  width: calc(500/690*100%);
  font-size: min(calc(26/750*100vw),26px);
  letter-spacing: min(calc(1.5/750*100vw),1.5px);
  line-height: calc(45/26);
  top: 62%;
  left: 50%;
  transform: translateX(-50%);
}
#wrapper #sample .accordion.sample-acc .sample-text10.min {
  display: inline-block;
  white-space: nowrap;
  top: 29%;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1;
  font-size: min(calc(53/750*100vw),53px);
  font-weight: 500;
}
#wrapper #sample .accordion.sample-acc .sample-text10.min .sample-text10-large {
  font-size: min(calc(75/750*100vw),75px);
}
#wrapper #sample .accordion.sample-acc .sample-text10.min .text-red {
  color: #be0000;
}


#wrapper #sample .accordion.sample-acc .sample-text10.min .sample-text10-middle {
  font-size: min(calc(43/750*100vw),43px);
  display: inline-block;
  margin:0 -0.3em;
}

#wrapper #sample .accordion.sample-acc .sample-text10.min .sample-text10-middle2 {
  font-size: min(calc(43/750*100vw),43px);
  display: inline-block;
}


#wrapper #sample .accordion.sample-acc .sample-text10.min .sample-text10-small {
  font-size: min(calc(29/750*100vw),29px);
  font-weight: 500;
}
#wrapper #sample .accordion.sample-acc  .sample-text11.min {
  font-size: min(calc(50/750*100vw),50px);
  font-weight: 500;
  text-align: center;
  line-height: calc(62/50);
  padding:calc(33 / 690* 100%) 0 calc(22 / 690* 100%);
}
#wrapper #sample .accordion.sample-acc  .sample-text12 {
  font-size: min(calc(26/750*100vw),26px);
  text-align: justify;
  line-height: calc(45/26);
  width: calc(630/690*100%);
  margin: 0 auto;
  padding: calc(25/690*100%) 0 calc(41/690*100%);
  letter-spacing: min(calc(1.5/750*100vw),1.5px);

}
#wrapper #sample .accordion.sample-acc  .sample-text12 .text-green {
  color: #097a4a;
  font-weight: 600;
    font-size: min(calc(26/750*100vw),26px);
}

/*============================
#difference
============================*/
#wrapper #difference {
}
#wrapper #difference {
}
#wrapper #difference .difference-text01 {
  background-color: #097a4a;
  color: #FFF;
  display: inline-block;
  top: 19%;
  left: 50%;
  transform: translateX(-50%);
  font-size: min(calc(40/750*100vw),40px);
  white-space: nowrap;
  font-weight: 500;
  padding: 0.2em 0.8em 0.2em;
}
#wrapper #difference .difference-text01 .text-yellow {
  color: #fffb8d;
}
#wrapper #difference .difference-text01 .text-yellow .difference-text01-large {
  font-size: min(calc(50/750*100vw),50px);
}
#wrapper #difference .difference-text01 .text-yellow .difference-text01-large span{
  font-size: min(calc(30/750*100vw),30px);
}

#wrapper #difference  .difference-text01-2 {
  font-size: min(calc(78/750*100vw),78px);
  letter-spacing: min(calc(3/750*100vw),3px);
  line-height: calc(93/78);
  text-align: center;
  font-weight: 500;
  top: 41%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  text-shadow: 0px 0px min(calc(30/750*100vw),30px) rgba(255, 255, 255, 1), 0px 0px min(calc(30/750*100vw),30px) rgba(255, 255, 255, 1), 0px 0px min(calc(30/750*100vw),30px) rgba(255, 255, 255, 1), 0px 0px min(calc(30/750*100vw),30px) rgba(255, 255, 255, 1), 0px 0px min(calc(30/750*100vw),30px) rgba(255, 255, 255, 1);
}
#wrapper #difference  .difference-text01-2-small {
  font-size: min(calc(72/750*100vw),72px);
}

/*============================
#investigator
============================*/

#wrapper #investigator ul{
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  display: flex;
  flex-wrap: wrap;
  padding-left: 3.5%;
}
#wrapper #investigator ul li{
  width: calc(246/723*100%);
  white-space: nowrap;
}
#wrapper #investigator ul li:not(:last-of-type){
  margin-right: -2%;

}
#wrapper #investigator .investigator-list-text01.min {
  text-align: center;
  top:26.2%;
  left: 50%;
  transform: translateX(-50%);
  font-size: min(calc(30/750*100vw),30px);
  color: #1c3e2c;
  font-weight: 500;
}
#wrapper #investigator .investigator-list-text01.min .investigator-list-semilarge {
  font-size: min(calc(40/750*100vw),40px);
}
#wrapper #investigator .investigator-list-text01.min .investigator-list-large {
  font-size: min(calc(45/750*100vw),45px);
  color: #000;
  line-height: 1.5;
  letter-spacing: min(calc(3/750*100vw),3px);
}
#wrapper #investigator .investigator-list-text02 {
  top:36%;
  left: 48%;
  font-size: min(calc(19/750*100vw),19px);
  letter-spacing: min(calc(3/750*100vw),3px);
  transform: translateX(-50%);
  background-color: #1c3e2c;
  color: #FFF;
  border-radius: 30px;
  padding:0.4em 1.5em;
  line-height: 1;
}
#wrapper #investigator .investigator-list-text03 {
  top:39.5%;
  left: 48%;
  font-size: min(calc(28/750*100vw),28px);
  transform: translateX(-50%);
  font-weight: 500;
  color: #1c3e2c;
}
#wrapper #investigator .investigator-line {
  width: calc(196/246*100%);
  position: absolute;
  top: 44%;
  left: 48%;
  transform: translateX(-50%);

}
#wrapper #investigator .ingvestigator-list-text04 {
  top:45.5%;
  left: 48%;
  font-size: min(calc(22/750*100vw),22px);
  transform: translateX(-50%);
  font-weight: 500;
  text-align: center;
  color: #007336;
  line-height: calc(40/24);
}
#wrapper #investigator ul li:nth-of-type(2) .ingvestigator-list-text04{
  top: 47%;
}

#wrapper #investigator .investigator-list-text05 {
  width: calc(180/246*100%);
  text-align: justify;
  font-size: min(calc(19/750*100vw),19px);
  line-height: calc(33/20);
  top: 56.2%;
  left: 46%;
  transform: translateX(-50%);
  white-space: wrap;

}
#wrapper #investigator .investigator-list-text05 .text-green {
  color: #007336;
  font-weight: 600;
}

/*============================
slider general
============================*/

#wrapper .slick-dots{
  bottom: -10%;
}
#wrapper .slick-dots li{
  margin: 0 3%;
}
#wrapper .slick-dots li button:before{
  color: #c1ae89;
  opacity: 1;
  font-size: min(calc(15/750*100vw),15px);
}

#wrapper .slick-dots li.slick-active button:before{
  color: #ab9020;
  opacity: 1;
}

/*============================
#voice
============================*/
#wrapper #voice {
}
#wrapper #voice .voice-slide-wrap {
  background-image: url(../img/voice_bg.jpg);
  background-size:cover;
  padding-bottom: 18%;
}
#wrapper #voice .voice-slide-wrap .voice-slider {
  width: calc(690/750*100%);
  margin: 0 auto ;

}
#wrapper #voice .voice-slide-wrap .voice-slider  {
}
#wrapper #voice .voice-slide-wrap .voice-slider .voice-slide01-text {
  color: #000000;
  font-size: min(calc(24/750*100vw),24px);
  line-height: calc(42/24);
  width: calc(650/750*100%);
  top: 68%;
  left: 50%;
  transform: translateX(-50%);
  text-align:justify;
}

#wrapper #voice .voice-slide-wrap .voice-slider .voice-slide01-text-bottom{
  text-align: right;
  font-size: min(calc(18/750*100vw),18px);
  line-height: calc(42/24);
  bottom:2%;
  right:6%;
}
#wrapper #voice .voice-slide-wrap .voice-slider .voice-slide01-text.text03{
  top:60%;
}
#wrapper #voice .voice-slide-wrap .voice-slider .voice-slide01-text.text04{
  top:65%;
}

#wrapper #voice .voice-slide-wrap .slick-next,
#wrapper #voice .voice-slide-wrap .slick-prev{
  width: calc(63/690*100%);
  padding-top: calc(63/690*100%);
  top:60%;
  position: absolute;
  z-index:3;
  background-size: contain;
  background-repeat: no-repeat;

}
#wrapper #voice .voice-slide-wrap .slick-next{
  right:-3%;
}
#wrapper #voice .voice-slide-wrap .slick-prev{
  left:-3%;
}
#wrapper #voice .voice-slide-wrap .slick-next:before,
#wrapper #voice .voice-slide-wrap .slick-prev:before{
  font-size: 0;
  width: calc(63/690*100%);
  height: min(calc(63/690*100vw),63px);

}
#wrapper #voice .voice-slide-wrap .slick-prev{
  background-image: url(../img/voice_icon_prev.png);
}
#wrapper #voice .voice-slide-wrap .slick-next{
  background-image: url(../img/voice_icon_next.png);
}
/*============================
#reason
============================*/
#wrapper #voice #reason {
  white-space: nowrap;
  text-align: justify;
}
#wrapper #voice #reason {

}
#wrapper #voice #reason .reason-text01 {
  top: 44%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: min(calc(70/750*100vw),70px);
  line-height: calc(70/61);
  font-weight: 500;
  text-shadow: 0px 0px min(calc(30/750*100vw),30px) rgba(255, 255, 255, 1), 0px 0px min(calc(30/750*100vw),30px) rgba(255, 255, 255, 1), 0px 0px min(calc(30/750*100vw),30px) rgba(255, 255, 255, 1);
}
#wrapper #voice #reason .reason-text01 .reason01-text-large {
  font-size: min(calc(131/750*100vw),131px);
  line-height: 0.7;
}
#wrapper #voice #reason .reason-text01 .reason01-text-small {
  font-size: min(calc(105/750*100vw),105px);
}
#wrapper #voice #reason {
}
#wrapper #voice #reason .reason02-text {
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: min(calc(49/750*100vw),49px);
  line-height: calc(48/45);
  font-weight: 500;
  color: #FFF;
}
#wrapper #voice #reason .reason02-text .text-yellow {
  color: #fffb8d;
}
#wrapper #voice #reason .reason02-text .reason02-text-middle {
  font-size: min(calc(57/750*100vw),57px);
}
#wrapper #voice #reason .reason02-text .reason02-text-large {
  font-size: min(calc(77/750*100vw),77px);
}
#wrapper #voice #reason .reason02-text .reason02-text-small {
  font-size: min(calc(40/750*100vw),40px);
}
#wrapper #voice #reason .reason02-text02 {
  width: calc(565/750*100%);
  top: 73.5%;
  left: 50%;
  transform: translateX(-50%);
  white-space: wrap;
  font-size: min(calc(26/750*100vw),26px);
  letter-spacing: min(calc(2/750*100vw),2px);
  line-height: calc(45/26);
  color: #FFF;
}
#wrapper #voice #reason .text-yellow {
  color: #fffb8d;
}
#wrapper #voice #reason .reason03-text {
  top: 7%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: min(calc(49/750*100vw),49px);
  letter-spacing: min(calc(2/750*100vw),2px);
  line-height: calc(60/45);
  font-weight: 500;
  color: #FFF;
}
#wrapper #voice #reason .reason03-text .reason03-text-large {
  font-size: min(calc(60/750*100vw),60px);
}
#wrapper #voice #reason .reason03-text02 {
  width: calc(565/750*100%);
  top:73.5%;
  left: 50%;
  transform: translateX(-50%);
  white-space: wrap;
  font-size: min(calc(26/750*100vw),26px);
  letter-spacing: min(calc(2/750*100vw),2px);
  line-height: calc(45/26);
  color: #FFF;
}

#wrapper #voice #reason .reason04-text {
  top: 4.5%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: min(calc(49/750*100vw),49px);
  letter-spacing: min(calc(2/750*100vw),2px);
  line-height: calc(60/50);
  font-weight: 500;
  color: #FFF;
}

#wrapper #voice #reason .reason04-text .reason04-text-large {
  font-size: min(calc(60/750*100vw),60px);
}
#wrapper #voice #reason .reason04-text02 {
  width: calc(565/750*100%);
  top:87.7%;
  left: 51.5%;
  transform: translateX(-50%);
  white-space: wrap;
  font-size: min(calc(26/750*100vw),26px);
  line-height: calc(45/26);
  color: #FFF;
}

#wrapper #voice #reason .reason05-text {
  top: 13%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: min(calc(60/750*100vw),60px);
  letter-spacing: min(calc(2/750*100vw),2px);
  line-height: calc(60/50);
  font-weight: 500;
  color: #FFF;
}

#wrapper #voice #reason .reason05-text02 {
  width: calc(565/750*100%);
  top:77%;
  left: 51%;
  transform: translateX(-50%);
  white-space: wrap;
  font-size: min(calc(26/750*100vw),26px);
  letter-spacing: min(calc(2/750*100vw),2px);
  line-height: calc(45/26);
  color: #FFF;
}

#wrapper #voice #reason .reason06-text {
  top: 7%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: min(calc(48/750*100vw),48px);
  letter-spacing: min(calc(5/750*100vw),5px);
  line-height: calc(60/50);
  font-weight: 500;
  color: #FFF;
}
#wrapper #voice #reason .reason06-text .text-yellow.reason06-text-large {
  font-size: min(calc(60/750*100vw),60px);
  letter-spacing: 0;
}
#wrapper #voice #reason .reason06-text02 {
  width: calc(565/750*100%);
  top:64.5%;
  left: 50%;
  transform: translateX(-50%);
  white-space: wrap;
  font-size: min(calc(26/750*100vw),26px);
  letter-spacing: min(calc(2/750*100vw),2px);
  line-height: calc(45/26);
  color: #FFF;
}
#wrapper #voice #reason .reason06-text02 .text-yellow {
}

/*============================
#more
============================*/
#wrapper #more {
}
#wrapper #more {
}
#wrapper #more .more-text01 {
  top:4%;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: min(calc(65/750*100vw),65px);
  line-height: calc(89/70);
  color: #FFF;
  font-weight: 500;
  text-shadow: 0px 0px min(calc(30/750*100vw),30px) rgba(0, 0, 0, 1), 0px 0px min(calc(30/750*100vw),30px) rgba(0, 0, 0, 1), 0px 0px min(calc(30/750*100vw),30px) rgba(0, 0, 0, 1);
}
#wrapper #more .more-text01 .more-text01-small {
  font-size: min(calc(58/750*100vw),58px);
}
#wrapper #more .more-text01-2 {
  top:56.5%;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: min(calc(35/750*100vw),35px);
  letter-spacing: min(calc(2/750*100vw),2px);
  line-height: calc(54/34);
  color: #FFF;
  font-weight: 500;
  text-shadow: 0px 0px min(calc(30/750*100vw),30px) rgba(0, 0, 0, 1), 0px 0px min(calc(30/750*100vw),30px) rgba(0, 0, 0, 1), 0px 0px min(calc(30/750*100vw),30px) rgba(0, 0, 0, 1);
}

#wrapper #more .more-head02 {
  left: 38%;
  top: 26%;
  white-space: nowrap;
  font-size: min(calc(50/750*100vw),50px);
  letter-spacing:  min(calc(2/750*100vw),2px);
  line-height: 1;
}
#wrapper #more .more-head02 span{
  font-size: min(calc(34/750*100vw),34px); 
  display: inline-block;
  margin-left: 0.5em;  
}


#wrapper #more .more-text02 {
  left:39%;
  top:50%;
  font-size: min(calc(22/750*100vw),22px);
  line-height: calc(33/22);
  width: calc(350/750*100%);
  font-weight: 500;
}
#wrapper #more .more-img02 {
  position: absolute;
  width: calc(206/750*100%);
  bottom:8.7%;
  left:7%;
}

#wrapper #more .more-head03 {
  left:9.6%;
  top:16%;
  white-space: nowrap;
  font-size: min(calc(50/750*100vw),50px);
  letter-spacing:  min(calc(2/750*100vw),2px);
  line-height: 1;
}
#wrapper #more .more-head03 span{
  font-size: min(calc(34/750*100vw),34px); 
  display: inline-block;
  margin-left: 0.5em;  
}
#wrapper #more .more-text03 {
  left:10.6%;
  top:36.5%;
  font-size: min(calc(22/750*100vw),22px);
  line-height: calc(33/22);
  width: calc(350/750*100%);
  font-weight: 500;
}
#wrapper #more .more-img03 {
  position: absolute;
  width: calc(165/750*100%);
  bottom: 28.4%;
  left: 68%;
}
#wrapper #more .more-slider-wrap {
  background-image: url(../img/requester_bg.jpg);
  background-size: cover;
  padding:0 0 7%;
}
#wrapper #more .more-slider-wrap .more-slider {
  width: calc(714/750*100%);
  margin: 0 auto;
}
#wrapper #more .more-slider-wrap .more-slider img{
  max-width: 100%;
}

#wrapper #more .more-slider-wrap .more-slider .more-slide-text01 ,
#wrapper #more .more-slider-wrap .more-slider .more-slide-text02 {
  font-size: min(calc(24/750*100vw),24px);
  line-height: calc(36/24);
  letter-spacing: min(calc(2/750*100vw),2px);
  font-weight: 500;
  position: absolute;
  width: calc(560/714*100%);
  top: 48%;
  left: 50%;
  transform: translateX(-50%);
}
#wrapper #more .more-slider-wrap .more-slider .slick-next,
#wrapper #more .more-slider-wrap .more-slider .slick-prev{
  width: calc(63/690*100%);
  padding-top: calc(63/690*100%);
  top:48%;
  position: absolute;
  z-index:3;
  background-size: contain;
  background-repeat: no-repeat;
}
#wrapper #more .more-slider-wrap .more-slider .slick-next{
  right:-1%;
}
#wrapper #more .more-slider-wrap .more-slider .slick-prev{
  left:-1%;
}
#wrapper #more .more-slider-wrap .more-slider .slick-next:before,
#wrapper #more .more-slider-wrap .more-slider .slick-prev:before{
  font-size: 0;
  width: calc(63/690*100%);
  height: min(calc(63/690*100vw),63px);

}
#wrapper #more .more-slider-wrap .more-slider .slick-prev{
  background-image: url(../img/more_icon_prev.png);
}
#wrapper #more .more-slider-wrap .more-slider .slick-next{
  background-image: url(../img/more_icon_next.png);
}

/*============================
#flow
============================*/
#wrapper #flow {
}
#wrapper #flow .flow-text02 {
  font-size: min(calc(55/750*100vw),55px);
  line-height: calc(36/24);
  letter-spacing: min(calc(2/750*100vw),2px);
  font-weight: 500;
  position: absolute;
  width: calc(560/714*100%);
  top: 22%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  line-height: 0.9;
}
#wrapper #flow .flow-text02 .flow-text02-large.flow-text-large {
}
#wrapper #flow .flow-text02 .text-green {
  color: #007336;
  font-size: min(calc(26/750*100vw),26px);
  display: inline-block;
  line-height: 2;
}
#wrapper #flow .flow-text03 {
  font-size: min(calc(55/750*100vw),55px);
  line-height: calc(36/24);

  font-weight: 500;
  position: absolute;
  width: calc(560/714*100%);
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  line-height: 1.5;
}

#wrapper #flow .flow-text03 .text-green {
  color: #007336;
  font-size: min(calc(26/750*100vw),26px);
  display: inline-block;
  line-height: calc(37/26);
}
#wrapper #flow .flow-text04 {
  font-size: min(calc(55/750*100vw),55px);
  line-height: calc(36/24);
  letter-spacing: min(calc(2/750*100vw),2px);
  font-weight: 500;
  position: absolute;
  width: calc(560/714*100%);
  top: 29%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  line-height: 1;
}
#wrapper #flow .flow-text04 .flow-text04-large.flow-text-large {
}
#wrapper #flow .flow-text05 {
  font-size: min(calc(55/750*100vw),55px);
  line-height: calc(36/24);
  letter-spacing: min(calc(2/750*100vw),2px);
  font-weight: 500;
  position: absolute;
  width: calc(560/714*100%);
  top: 29%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  line-height: 1;
}
#wrapper #flow .flow-text05 .flow-text05-large.flow-text-large {
}
#wrapper #flow .flow-text06 {
  font-size: min(calc(55/750*100vw),55px);
  line-height: calc(36/24);
  font-weight: 500;
  position: absolute;
  width: calc(560/714*100%);
  top: 27%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  line-height: 1;
}
#wrapper #flow .flow-text06 .flow-text06-large.flow-text-large {
}

/*============================
#column
============================*/
#wrapper #column {
}
#wrapper #column .column-wrap {
  background-image: url(../img/column_bg.jpg);
  background-repeat: repeat-y;
  background-size: contain;
}
#wrapper #column .column-wrap .coulmun-text01.min {
  font-size: min(calc(50/750*100vw),50px);
  line-height: calc(65/50);
  font-weight: 500;
  text-align: center;
  margin-top: 0.15em;
}
#wrapper #column .column-wrap .coulmun-text01.min .column-text01-small {
  font-size: min(calc(45/750*100vw),45px);
}
#wrapper #column .column-wrap .text-green.column-text02 {
  font-size: min(calc(30/750*100vw),30px);
  letter-spacing: min(calc(2/750*100vw),2px);
  color: #007336;
  text-align: center;
  font-weight: 600;
  margin-top: 0.5em;

}
#wrapper #column .column-wrap .column-line-image {
  width: calc(533/750*100%);
  margin: calc(34/750*100%) auto calc(38/750*100%);
}
#wrapper #column .column-wrap .float-area {
  width: calc(630/750*100%);
  margin-left: 10%;
  padding-bottom: 5%;
}
#wrapper #column .column-wrap .float-area .column-text03 {
  font-size: min(calc(26/750*100vw),26px);
  letter-spacing: min(calc(2/750*100vw),2px);
  line-height: calc(48/28);
  text-align: justify;
  padding-right: 3%;
  padding-top: 0.2em;

}
#wrapper #column .column-wrap .float-area .column-float-image {
  width: calc(279/611*100%);
  float: right;
  padding-left: 1.5%;
  padding-top: 1%;
}

/*============================
#faq
============================*/

#wrapper #faq {
  background: linear-gradient(180deg, #7dbebc 10%, #cde8bf 100%);

  padding-bottom: min(calc(90/750*100%),90px);
}
#wrapper #faq .faq-head-text.min {
  text-align: center;
  font-size: min(calc(78/750*100vw),78px);
  line-height: 1;
  top:30%;
  color: #FFF;
  left:50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-weight: 500;
}
#wrapper #faq .accordion.faq-acc {
  width: calc(670/750*100%);
  margin: 0 auto 5%;
}
#wrapper #faq .accordion.faq-acc .acc-icon {
  background-image: url(../img/faq_acc_icon_bg.png);
  width: calc(35/670*100%);
  padding-top: calc(35/670*100%);
  background-size: contain;
  background-repeat: no-repeat;
}
#wrapper #faq .accordion.faq-acc .acc-icon:before,
#wrapper #faq .accordion.faq-acc .acc-icon:after{
  content:"";
  display: block;
  background-image: url(../img/faq_acc_icon.png);
  width: calc(15/35*100%);
  padding-top: calc(2/35*100%);
  position: absolute;
  left:29%;
  top:48%;
  transition: all ease 0.3s;
}
#wrapper #faq .accordion.faq-acc .acc-icon:after{
  transform: rotate(90deg);
}
#wrapper #faq .accordion.faq-acc dt.selected .acc-icon:after{
  transform: rotate(0deg)
}


#wrapper #faq .accordion.faq-acc  .acc-text {
}
#wrapper #faq .accordion dt{
  background: linear-gradient(0deg, rgba(4,102,60,1) 0%, rgba(47,179,131,1) 100%);
  color: #FFF;
  font-size: min(calc(33/750*100vw),33px);
  line-height: calc(40/33);
  display: flex;
  align-items: center;

  padding: 3% 0 3% 3%;
  cursor: pointer;
}
#wrapper #faq .accordion dt:before{
  content:"";
  display: inline-block;
  background-image: url(../img/faq_icon_q.png);
  width: calc(25/670*100%);
  padding-top: calc(41/670*100%);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 4%;
}
#wrapper #faq .accordion dt:after{

}

#wrapper #faq .accordion dt span{
  margin-left: auto;
  margin-right: 3%;
}
#wrapper #faq .accordion dt.selected:after{
  transform: rotate(0deg);
}
#wrapper #faq .accordion dd{
  display: none;
  background-color: #FFF;
  justify-content: space-between;
  padding: calc(30/670*100%) calc(40/670*100%) calc(50/670*100%) calc(25/670*100%);
}
#wrapper #faq .accordion dd .acc-inner{
  display: flex;
  justify-content: space-between;
}
#wrapper #faq .accordion dd .acc-inner:before{
  content:"";
  display: inline-block;
  background-image: url(../img/faq_icon_a.png);
  width: calc(25/670*100%);
  padding-top: calc(32/670*100%);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: min(calc(10/750*100vw),10px);
}
#wrapper #faq .accordion dd .acc-text{
  width: calc(550/605*100%);
  font-size: min(calc(26/750*100vw),26px);
  line-height: calc(42/26);
  text-align: justify;
}

/*============================
#form
============================*/
#wrapper #form {
  background:linear-gradient(to bottom ,#f4f6d4 , #def6e6);
  padding: min(calc(110/750*100%),110px) min(calc(40/750*100%),40px) min(calc(80/750*100%),80px);
}
#wrapper #form .form-head.min {
  color: #1c3e2c;
  font-size: min(calc(77.68/750*100vw),77.68px);
  line-height: 1;
  text-align: center;
  font-weight: 500;
  margin-bottom: calc(82/750*100%);
}

#wrapper #form .form-item {

}
#wrapper #form .form-item dt {
  font-size: min(calc(26/750*100vw),26px);
  line-height: 1;
  vertical-align: bottom;
  display: flex;
  align-items: center;
}
#wrapper #form .form-item dt .form-nes{
  background-color: #c50000;
  color: #FFF;
  font-size: min(calc(18/750*100vw),18px);
  padding:0.2em 0.5em 0.4em;
  display: inline-block;
  margin-left: 0.5em;
  line-height: 1;
  margin-top: 0.2em;
}
#wrapper #form .form-item dt .form-nonnes{
  background-color: #bfbfbf;
  color: #FFF;
  font-size: min(calc(18/750*100vw),18px);
  padding:0.2em 0.5em 0.4em;
  display: inline-block;
  margin-left: 0.5em;
  line-height: 1;
  margin-top: 0.2em;
}
#wrapper #form .form-item dd {
  margin-bottom: calc(55/750*100%);
}
#wrapper #form .form-item dd input{
  width: 100%;
  font-size: min(calc(26/750*100vw),26px);
  padding:0.5em;
  margin-top: 0.7em;
  border: none;
}

#wrapper #form .form-item dd input::placeholder{
  color: #CCC;
}
#wrapper #form .form-item dd select{
  padding:0.5em;
  color: #1c3e2c;
  width: 100%;
  margin-top: 0.7em;
  font-size: min(calc(26/750*100vw),26px);
  text-align: center;
  font-weight: 600;
  letter-spacing: min(calc(4/750*100vw),4px);
  border: none;
  appearance: none;
}
#wrapper #form .form-item dd .select-wrap:after{
  content:"";
  display: block;
  position: absolute;
  right:5%;
  top:53%;
  border-style: solid;
  border-right: min(calc(13/750*100vw),13px) solid transparent;
  border-left: min(calc(13/750*100vw),13px) solid transparent;
  border-top: min(calc(19/750*100vw),19px) solid #1c3e2c;
  border-bottom: 0;
}

#wrapper #form #offer-ibaraki-cheating-button-submit-form{
  border: none;
  margin: 0 auto;
  display: block;
  background:linear-gradient(to bottom ,#2fb383 ,#0a7f4d);
  font-size: min(calc(45/750*100vw),45px);
  color: #FFF;
  border-radius: 100px;
  line-height: 1;
  padding:0.6em 4em;
  cursor: pointer;
  transition: all ease 0.3s;
}
#wrapper #form #offer-ibaraki-cheating-button-submit-form:hover{
  filter: brightness(1.1);
}


/*============================
floatbtn
============================*/

#wrapper .bl_floatArea {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  box-sizing: border-box;
  background-color: #03332e;
  transition: all ease 0.3s;
}
#wrapper .bl_floatArea.is_show {
  visibility: visible;
  opacity: 1;
}

#wrapper .bl_floatArea_inner {
  max-width: 750px;
  margin: auto;
  box-sizing: border-box;
  padding: min(calc(14/750*100%),14px) min(calc(12/750*100%),12px) 0;
}
#wrapper .bl_floatArea_inner h3{
 width: calc(544/750*100%);
 margin: 0 auto min(calc(10/750*100%),10px);
}

#wrapper .bl_floatArea_inner .floatArea-flex{
  display: flex;
  flex-wrap: wrap;
}
#wrapper .bl_floatArea_inner .floatArea-flex .btn-tel{
  width: calc(416/726*100%);
  margin-right: 2%;
}
#wrapper .bl_floatArea_inner .floatArea-flex .btn-wrap{
  width: calc(292/726*100%);
  display: flex;
  flex-wrap: wrap;
  margin-top: -0.5%;
}
#wrapper .bl_floatArea_inner .floatArea-flex .btn-wrap li:nth-of-type(2){
  margin-top: -5%;
}
/* モーダルの背景 */
.modal {
  display: none; /* 最初は非表示 */
  position: fixed; /* 固定位置 */
  z-index: 1; /* コンテンツより前面に */
  left: 0;
  top: 0;
  width: 100%; /* 全幅 */
  height: 100%; /* 全高 */
  background-color: rgba(0,0,0,0.5); /* 半透明背景 */
  overflow: hidden;
}

/* モーダルの内容 */
.modal-content {
  background-color: #fefefe;
  margin: 5% auto; /* 中央に配置 */
  padding: 0;
  max-height: 90vh; /* 最大高さ */
  overflow-y: visible; /* 縦スクロール */
  max-width: 500px;
  width: 100%;
  line-height: 0;
  font-size: 0;
  position: relative;
}
.modal-content-outer{
  max-width: 500px;
  width: min(calc(690/750*100%),690px);

  margin: 3% auto;
  position: relative;
}
.modal-content img{
  width: 100%;
}
/* 閉じるボタン */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  line-height: 1;
  font-weight: bold;
  position: absolute;
  right:0;
  top:-28px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width:750px){
  .modal-content-outer {
    margin: 10% auto; 
  }
  .close{
    top:-6%;
  }
}