@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.3em;}

#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;}



#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,#aboutwrap{ position: relative;border-bottom:4px solid #f5f6f7;}
#worrywrap section,#aboutwrap section{ background: #fff;  border-radius: 20px;  box-sizing: border-box;
border-width: 10px; border-style: solid; }

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

.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/digital/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%); }


/*point*/
.pointWrap{ padding-top: 3%; }


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

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

.webTitle, .blTitle{ color:#014188;}

.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; }

#portal,
#support{ color:#fff; }

#portal{  background:#bd99fc; }
#portal figure{ max-width: 500px; }
#support figure{ max-width: 475px; }

#portal dt, .blTitle{ line-height: 1.3em; }
#support{  background:#b688ff; }

#authenticity figure{ max-width: 483px; border: 3px solid #ccc; display: block;}
#authenticity table{ width: 100%;  border-collapse: collapse;  border-spacing: 0;
border:1px solid #b688ff;}

#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-right: 70px; width: 50%; max-width: 195px; }
#digitaltxt1{ font-size: 2.1em; margin-bottom: 28px;}
#efficiency{ font-size: 29px; }
#digitaltxt h2{ font-size: /*4.181em*/62px; margin-bottom: 30px;}
#digitaltxt2{ font-size: 1.95em; line-height: 1.4em }
.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%; }

.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 13.5%;}
.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; }
#digitaltxt h2{ font-size: 4.9vw;}
#digitaltxt2 { font-size: 2.3vw;}
#authenticity table th{ width: 33%; }
}


@media screen and (min-width: 1081px){
  .sp,#authenticity th br{ display: none; }
  #authenticity table th,#authenticity table td{ padding: 10px 15px; }
}
@media screen and (max-width: 1080px){
  #portal .txtbr{ display: none; }
}

@media screen and (min-width: 751px) and (max-width: 1080px) {
  #digitalcertificate #mainbox{  padding: 12vw 0 10vw; }
  #digitaltxt h2{ font-size: 5.21vw;}
  #authenticity table th{ width: 35%; }
  #authenticity table th,#authenticity table td{ padding: 10px 3%; letter-spacing: 0.04px;}
  #authenticity table td br{ display:none; }

  #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-right: 6%; }

/*#portal dl,*/ #authenticity dl{ width: 33vw; }

#authenticity{ padding:3.5% 0 5.5% }
#digitalcertificate .pointfive{ line-height: 0em; }


#campaignov figure{ width: 90%; }
#portal figure,
#authenticity dl,#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 ; }

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


#portal figure,
#authenticity dl,#support figure{ width: 87%; }
}


@media screen and (min-width: 751px) {
 #worrywrap,#aboutwrap{ padding: 14vw 0; }
 #digitaltxt h2{ letter-spacing: -3px;}

.webWrap{ padding:60px 0;}
#support .webWrap{ padding:90px 0;}
.webWrap p{ margin-bottom: 35px; }
#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; }
#authenticity table th{ border-right:1px solid #b688ff;}

}


@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%;}
  #worryBox figure{  margin-bottom: 6%; }
  #worryBox figure,#worrywrap .productsTle{ text-align: center; }
#worryBox .txtbr, #portal .txtbr2,#authenticity table th br{ display: none; }

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


#pointCont{ padding: 16vw 0 18vw; }

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

#authenticity{ padding:9% 0  }
#authenticity table tr,#authenticity table th,#authenticity table td{ width: 100%; display: block; }
#authenticity table th { background: #f5efff; }
#authenticity table th,#authenticity table td{ padding: 3%; box-sizing: border-box;}

.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; }

#scholarship .webTitle, h3.webTitle{ font-size: 6.3vw; line-height: 1.4em; }
.pointWrap{ margin-top: 6vw; }


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

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