@import url(common.css?1);/*products*/
#main-content{ padding-bottom: 0; }
a,#scroll a:hover span{ -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;}

a:hover{  filter: alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; }

.products-content .productsTle{ text-align: left; font-weight: 700; line-height: 1.5em;}

/*
#scholarshipMain{ position: relative; background: no-repeat url("../../img/products/gakuen/digital/slash.gif") 0 0 / cover; }
*/

#mainbox{ display: flex;  align-items: center;  z-index: 1; position: relative; color:#fff;}
#bar{  max-width: 554px; width: 64vw;}

.webWrap p{ color: #132847; }

#digitaltxt h2, #digitaltxt2{  text-align:left;}
#digitaltxt1{  line-height: 1em;  letter-spacing: 0px; font-weight: 600;}

#digitaltxt h2{  font-weight: 700;}
#digitaltxt2{  font-weight: 500;  }

#worrywrap{ border-bottom: 4px solid #f5f6f7; }
#worrywrap,#aboutwrap{ position: relative;}
#worrywrap section,#aboutwrap section{ background: #fff;  border-radius: 20px;  box-sizing: border-box;
border-width: 10px; border-style: solid; }

#worrywrap section{ border-color:#ffd06c; }

.textbox h3{color: #1b4ea0; letter-spacing: 0.1em; }
.textbox li{ position: relative; padding-left:4%; }
.textbox li:before{ position: absolute; content:"・"; left:0 }
.textbox li:not(:last-child){ margin-bottom: 5px; }


/*scroll*/
#scroll{ position: relative; margin: 0 auto; max-width: 110px;}
#scroll a{  border-radius: 50%; background: #fff; text-align: center;
top: -0.2vw;z-index: 2;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%); }

#scroll a:hover span{ color: #5482c2; }
#scroll a span,#scroll a,#scroll a:after{ position: absolute; left:50%; }

#scroll a span{ font-size: 1.1em; color: #132847; letter-spacing: 0.05em;
 bottom: 18%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

#scroll a:after{  content:"";
  background: no-repeat url(../../img/products/gakuen/rx2/scrollIcon.svg) center center / 100% auto;
  display: block;
  height: 96px;
  width: 40px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }


.aboutTxt span{ font-weight: 400; }
  
/*point*/
.pointWrap{ padding-top: 3%; }


.webContent dd,
.pointTxt{  letter-spacing: 0.085em;}

.webWrap{  display: flex;  align-items: center;}

.webTitle{ color:#014188;}
.blTitle{ color:#1f61ae;}
.webTitle{  font-weight:700; text-align:center; letter-spacing: 0.1em; }

.pointfive{ font-size: 1.5em; z-index: -1; position: relative;
   background: url(../../../assets/img/products/unipa/webrequest/pointlabel.png) 0 96% no-repeat;
padding: 0 2px;}
.pointfive span{ font-size: 0.7em; }

.bgcolor,
#support{ color:#fff; }

#release .imgbox{ border: 2px solid #fff; }
.bgcolor{  background:#87c4e8; }
/*#release figure{ max-width: 500px; }*/
#support figure{ max-width: 475px; }

#usability dt{ color: #004aa4; }
#usability figure img{ margin-left: auto; margin-right: auto; display: block;}


#portal dt, .blTitle{ line-height: 1.3em; }
#function{  padding:6.45vw 0; background:#c0cce0; }

#authenticity figure{ max-width: 483px;  display: block;}


#authenticity table tr:not(:last-child){ border-bottom: 1px solid #b688ff; }
/*#authenticity table tr:nth-child(odd){ background-color: #f5efff; }
#authenticity table tr:nth-child(even){ background-color: #eae0ff; }*/
#authenticity table th{ text-align: left; color: #014188; letter-spacing: 0.04em; }
p.notice { line-height: 1.6em; position: relative; display: block; margin: 0 auto!important; font-size: 1.07em; padding-left: 20px; }
p.notice::before{ position: absolute; content: "※"; left:0 }


@media screen and (min-width: 1281px), print {
/*#scholarshipMain #mainbox{  padding: 8vw 0 10.23vw; }
#digitaltxt{ margin-right: 30px; }*/

#worrywrap section{ padding: 60px 6%;}
#worryBox figure{ margin-left: 70px; width: 50%; max-width: 195px; }
#digitaltxt1{ font-size: 2.1em; margin-bottom: 28px;}
#efficiency{ font-size: 29px; }
.webTitle {
  font-size: 2.67em;
  margin-bottom: 45px;
  line-height: 1.4em;}
.webContent dd, .pointTxt {
  font-size: 1.2em;
  line-height: 1.6em;}

#portal dl{width: 60%; }
#authenticity dl{width: 50%; }
#authenticity .webTitle {  margin-bottom: 42px; }

.webContent dt{ margin-bottom:30px; }

.solutionBox{ padding: 6% 4%; }
#solutionWrap h4{margin-bottom: 40px; padding-top: 80px;}

#support dl,
#authenticity figure,
#support figure{ width: 45%;}
#support figure{ /*margin-left: 10%;*/  max-width: 475px; 
  display: flex;  flex-wrap: wrap;  justify-content: center; }


#portal figure{ width: 58%; }
#authenticity { padding: 7.5% 0 15.5%;}
#authenticity .notice{ font-size: 0.83em; }
.notice { padding-left:20px;  line-height: 1.9em;}
}



@media screen and (max-width: 1280px) {
/*#scholarshipMain:before,
#scholarshipMain:after{ width: 50%; height: 50%; }  */
.webContent dt{ margin-bottom:3%; }

#solutionWrap h4{margin-bottom: 4%; padding-top: 12%;}

#aboutwrap section{ padding: 6% 5% ; }
.webTitle{ padding:0 6%; margin-bottom: 4%; letter-spacing: 0.05em;}
#pointCont .webTitle, .webContent .webTitle{ padding: 0; }
}

@media screen and (min-width: 1081px) and (max-width: 1280px) {
/*#digitalcertificate #mainbox{  padding: 13vw 0 15vw; }*/
}


@media screen and (min-width: 1081px){
  .sp{ display: none; }
}
@media screen and (max-width: 1080px){

}

@media screen and (min-width: 751px) and (max-width: 1080px) {
/*  #digitalcertificate #mainbox{  padding: 12vw 0 10vw; }*/

#authenticity dt{ letter-spacing: 1.5px; }
  #support .webWrap p{letter-spacing: 0.44px;}
}

@media screen and (min-width: 751px) and (max-width: 1280px) {
#mainbox{justify-content:space-between}
/*#digitaltxt{ margin-right: 2.9vw; }

#digitaltxt1{ font-size: 2.5vw; margin-bottom: 4%;}

#scholarshipMain figure{ width: 36%; }
#digitaltxt h2{ margin-bottom: 5%;}
#digitaltxt2{ line-height: 1.4em }*/

#worrywrap section{ padding: 8vw 3%;}
#worryBox figure{  margin-left: 6%; }

#authenticity dl{ width: 33vw; }

#authenticity{ padding:3.5% 0 5.5% }
#digitalcertificate .pointfive{ line-height: 0em; }
#release .webWrap li{ width: 31%; }

#campaignov figure{ width: 90%; }
#portal figure,
#authenticity figure,#support figure{ margin-left: 7%; }
/*#portal figure,#authenticity dl{ margin-left: 7%; }*/
#authenticity{ padding:8.5% 0 /*5.5%*/ }

.webTitle{  font-size: 4vw; margin-bottom: 3%; line-height: 1.7em; }
#aboutwrap .textbox h3 { margin-bottom: 3%}

.webContent dd,
.pointTxt{ font-size: 1.1em; line-height: 1.5em; }

.pointWrap{ padding: 5% 0 ; }

#authenticity figure,
#support dl{ width: calc(100% - 13px); }


#authenticity dl,#support figure{ width: 87%; }
 #authenticity .notice{ font-size: 0.9em; }
}


@media screen and (min-width: 751px) {
 #worrywrap,#aboutwrap{ padding: 12vw 0; }

#release .webWrap,
#usability{ padding:6.45vw 0 }
#usability figure{ margin-top: 55px; max-width: 930px; width: 90%;
margin-left: auto; margin-right: auto; }
#rx2 #release{ margin-top: 11.5vw; }
#release .bgcolor{ padding: 20px; }


.webWrap { padding: 60px 0;}
.webWrap p{ margin-bottom: 20px; }
#authenticity .webWrap{ padding: 0;}
#worryBox .textbox{ width: 100%; max-width: 536px;} 
#scroll a{  padding-top: 100%; width: 100%; }
#scroll a:after{ bottom: -31%; }
.pointTxt{  margin-bottom: 25px;}
#pointCont{ padding:5.5vw 0 14vw; }


#scholarship #main-content .textbox h3.productsTle{ margin-bottom: 20px; line-height: 1.4em;}
.textbox li,.aboutTxt{ line-height: 1.9em; font-size: 1.2em; }
#worryBox{ display: flex; justify-content: center; align-items: center; }


#worryBox figure#aboutImg{  margin-right: 4.2vw; width:calc(100% - 670px);  /*24.5vw;  margin-top: -90px;*/ }
#aboutwrap .textbox{ width: 61%; }

.brtxt{ display: none; }
.webWrap{ justify-content: space-between; }
#authenticity dl{ max-width: 500px; }

}


@media screen and (max-width: 750px) {
/*#digitalcertificate #mainbox{  padding: 14vw 0  }*/
#mainbox{justify-content: center;}
#digitaltxt h2{ letter-spacing: -0.55vw;}
/*#scholarshipMain figure{ width: 51.5%; max-width: 391px; }
*/
#worrywrap,#digitalcertificate #aboutwrap{ padding: 20vw 0; }
  /*#digitaltxt{ margin-bottom: 5%; width: 100%;}
  #digitaltxt1{ font-size: 3.2em; margin-bottom: 3%;}

  #digitaltxt h2{ font-size: 8vw; margin-bottom: 4.5%; }
  #digitaltxt2{  font-size: 2.9em; line-height: 1.3em;}*/
  #scroll a{  padding-top: 70%; width: 70%; }
  #scroll a::after{ bottom: -64%; background-size: 80% auto; }
  #scroll a span { font-size: 13px;}

  #worrywrap section{ padding: 8vw 3.5%;}
  .aboutTxt{  margin-bottom: 6%; }
  #worryBox figure,#worrywrap .productsTle{ text-align: center; }
#worryBox .txtbr, #authenticity table th br{ display: none; }

  #usability dl, #authenticity dl,#authenticity dl dd p,
  #support dl{ margin-bottom: 5%; }

#release .bgcolor{ padding: 4% }


#rx2 #release{ padding: 16vw 0 18vw; }

 #authenticity figure,
#worryBox figure,
#support figure{  margin-left: auto; margin-right: auto;  width: 60%; }
#usability figure{  margin-left: auto; margin-right: auto; width: 100%;}

#authenticity{ padding:9% 0  }
#authenticity dt{ letter-spacing: 1.5px; }

.products-content #dbtxt3{ font-size: 3.4em; }
#worryBox,
 #mainbox,.webWrap{ flex-wrap:wrap;}

.textbox h3{ font-size: 1.25em; margin-bottom: 3%; line-height: 1.4em;}
.textbox li,.aboutTxt{ line-height: 1.8em; font-size: 1.05em; }

#worryBox figure#aboutImg{  margin:3% auto 0 ; width: 50%; }
.webContent dd{ font-size: 1.1em; line-height: 1.7em; }
/*.pointfive{ background-size: 100% auto; }*/

.webTitle { font-size: 6.3vw;  line-height: 1.4em;}


#release .webWrap{justify-content: center;}
#release .webWrap li { width: 48%;}
#release .webWrap li:not(:last-child){ margin-bottom: 2%; }
#release .webWrap li:nth-child(odd){ margin-right: 4%; }

.pointWrap{ margin-top: 6vw; }

#usability.bgcolor,
.webWrap{ padding:8% 0;}
#authenticity .webWrap{ padding: 0;}
#authenticity figure{ margin-bottom: 10%; }

#authenticity .notice{ font-size: 0.9em; }

h3.webTitle{ line-height: 1.4em; }
p.notice{ padding-left: 4%; font-size: 0.85em; margin-top:5%}
}