@charset "UTF-8";
.lang-jp a.arrow01,.lang-jp .box01 h4, .lang-jp .blankBtn a, .lang-jp .btn a {
  font-family: "I-OTF-UDゴ本文Pro M", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
		.bold{
			font-family: "I-OTF-UDゴ本文Pro M"; 
			font-weight: bold;
		}
		.half img {
			max-width: 90%;
		}
		 .parallax .contents .large{
			font-size: 1.8rem;
		    display : block;
			line-height: 1.6;
		 }


.singleColumn #body::before { display: none;}
.singleColumn section.static {
  width: 96rem;
  margin: 8rem auto 0;
  max-width: 92%;
}
@media only screen and (max-width: 782px) {
  .singleColumn section.static {margin: 4rem auto 4rem;}
}

.no_mainheader #titleCrumb {
  padding-bottom: 5rem;
  background: #fff;
}
@media only screen and (max-width: 782px) {
  .no_mainheader #titleCrumb {padding-bottom: 2rem;}
}
.h101 + .h101 { padding-top: 3rem;}
.h101 p { color: #333; margin-top: 0;}

sup {
  font-size: 50%;
  vertical-align:text-top;
}
h3.h301,
.parallax .contents h3.h301 {
  margin: 3em 0 2rem;
  font-size: 2.4rem;
  /* color: #426bba; */
}

.parallax .contents p { margin-top: 2rem;}

.h401 {
  margin: 3em 0 1.5rem;
  font-size: 2rem;
  color: #426bba;
  /* padding-bottom: 1.5rem; */
  /* border-bottom: #426bba 1px solid; */
}
.h501 {
  margin: 1.5em 0 0;
  font-size: 1.8rem;
  /* color: #426bba; */
  font-weight: bold;
}

.parallax .contents .h501 + p { margin-top: 2rem;}
@media only screen and (max-width: 782px) {
  .flex > .w25,.flex > .w30{ 
    width: auto!important;
    margin: 2rem 0;
  }
  .flex > .w25, .bgWidth .flex > .w25 figure,
  .flex > .w30, .bgWidth .flex > .w30 figure{
    text-align: center;
  }
  .flex > .w25, .flex > .w30{ width: 90%;}
  .bgWidth .bg:after{padding-left: 4%;}

  h3.h301, .parallax .contents h3.h301 { font-size: 1.6rem; margin-bottom: 2.5rem; line-height: 1.6;}
  .parallax .contents p { margin-top: 2rem;}
  .h401 { font-size: 1.4rem;padding-bottom: 1rem;}
  .h501 { font-size: 1.2rem;}
  .parallax .contents .h501 + p { margin-top: 1.5rem;}
}

.flex {
  display: flex;
  justify-content: space-between;
}
.flex .half { width: calc(50% - 2rem);}
.flex .w33 { width: calc(33% - 3rem);}
.flex .w25{
  width: calc(25% - 1rem);
}
.flex .w30{
  width: calc(30% - 1rem);
}

.flex figure { text-align: center;}
.bgWidth .flex figure { text-align: left;}
@media only screen and (max-width: 782px) {
  .flex {
    margin-top: 0;
    display: block;
  }
  .flex.sp-rev { flex-direction: column-reverse; display: flex;}
  .flex > .half,
  .flex > .w33 { width: auto !important; margin: 2rem 0;}
  .flex > .w33,
  .bgWidth .flex > .w33 figure { text-align: center;}
  .flex > .w33 + .w33 { margin-top: 5rem;}
  .flex > .w33 img { max-width: 90%;}
}

.tb01 {
  margin-top: 5rem;
  width: 100%;
}
.tb01 th,
.tb01 td {
  padding: 1rem 0;
  border-bottom: #d1d1d1 1px solid;
}
.tb01 th {
  text-align: left;
  white-space: nowrap;
}
.tb01 td {
  padding-left: 2rem;
}
@media only screen and (max-width: 782px) {
  .tb01 {
    margin-top: 3rem;
  }
  .tb01,.tb01 tbody,.tb01 th,.tb01 td, .tb01 tr { display: block;}
  .tb01 th {
    border-bottom: none;
    padding-top: 1.5rem;
    padding-bottom: 0;
    white-space: normal;
  }
  .tb01 td {
    padding: 0.5rem 0 1.5rem 0;
  }
}

.bgWidth {
  position: relative;
  padding: 10rem 0;
  margin: 10rem 0;
}
.bgWidth :not(.bg) { position: relative; z-index: 1;}
.bgWidth .bg {
    position: absolute;
    background: #f6f6f6;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  box-sizing: border-box;
}
.bgWidth > .bg + * { margin-top: 0 !important;}

@media only screen and (max-width: 782px) {
  .bgWidth {
    padding: 4rem 0;
    margin: 4rem 0;
  }
  .bgWidth .bg {
      top: 0;
      left: -4vw;
      width: calc(100% + 8vw);
      height: 100%;
      z-index: 0;
  }
  .bgWidth .h301 { text-align: center;}
}

p.note {
  color: #426bba;
  margin-top:1rem !important;
  font-size: 86%;
}
/*
.ul01 {
  margin-top: 5rem;
}
.ul01 li { margin-top: 3rem; padding-left: 4rem; position: relative;}
.ul01 li::before {
  content: "";
  width: 1rem;
  height: 1rem;
  background: #426bba;
  border-radius: 50%;
  position: absolute;
  left: 1rem;
  top: 1.1rem;
}*/
.ul01.small li::before { top: 1rem;}
@media only screen and (max-width: 782px) {
/*  .ul01 {
    margin-top: 3rem;
  }
  .ul01 li { margin-top: 2rem; padding-left: 2rem; position: relative;}
  .ul01 li::before {
    width: 0.6rem;
    height: 0.6rem;
    left: 0.6rem;
    top: 1.2rem;
  }*/
  .ul01.small li::before { top: 0.8rem;}
}

.ul02 {
  margin-top: 3rem;
}
.ul02 li { margin-top: 1rem; margin-left: 2rem; list-style: disc;}

@media only screen and (max-width: 782px) {
  .ul02 {
    margin-top: 2rem;
  }
  .ul02 li { margin-top: 1rem; margin-left: 1.3rem; }
}


/*---------------add 250917 ----------------------stt-*/

/*  del 260327

.quiz{ color: #426bba; }
.quiz .en{ font-family: "Open Sans", "Hiragino Sans", Meiryo, sans-serif;}

.quiz .h401 {
  margin-top: 3rem;
  padding: 1.5rem 4rem;
  background:  #426bba;
  color: #fff;
}

.quiz .question{ 
  font-size: 1.8rem; 
  font-weight: 600;
  display: flex;
  align-items: center;
}
.quiz .en{padding-right: 1rem;}
.quiz .question .en{ font-size: 4rem; font-weight: 400;}
.quiz .answer{ font-size: 1.6rem;}
.quiz .answer .en{ font-size: 2.5rem;}
.quiz .answer li{
  max-width: 600px;
  padding: 0.5rem 5rem;
  border: 1px solid #426bba;
  border-radius: 4rem;
  margin-top: 2rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.img{ text-align: center; margin: 7rem auto;}

.answer-content{
  margin-top: 5rem;
  height : 0;
  overflow : hidden;
  margin: 0;
  padding: 0 5rem;
  transition: height 0.3s ease-in-out, padding 0.3s ease-in-out, margin 0.3s ease-in-out;
  color: #333;
}
.answer-content.show{
  height: auto;
  margin : 6rem 0 0;
  padding : 4rem 5rem;
  border: 1px solid #426bba;
}

.answer-content h5{ font-weight: 700; font-size: 1.8rem;}
.answer-content span{
  background:  #bd0013;
  color: #fff;
  padding: 0.6rem 3.2rem;
  margin-right: 2rem;
}

@media (max-width: 768px) {
.quiz .question{ 
  font-size: 1.4rem; 
}
.quiz .question .en{ font-size: 2.5rem;}
.answer-content h5{ font-size: 1.4rem;}
.answer-content span{
  display: block;
  width: fit-content;
  padding: 0 3.2rem;
}
.quiz .answer li{
  padding: 0.5rem 3rem;
}

}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
} */



/*---------------add 250917 ----------------------end-*/


.box01 {
  margin: 6rem 0 0 0;
  background: #f9f9f9;
  border: #d1d1d1 1px solid;
  padding: 5rem 6rem;
}
.box01 > *:first-child { margin-top: 0 !important;}
@media only screen and (max-width: 782px) {
  .box01 {
    margin: 3rem 0 0 0;
    padding: 2.5rem 2rem;
  }
}

.swiper {

}
.swiper li { margin-top: 3rem !important; display: flex; flex-direction:column; align-items: center;}
.swiper li figure { text-align: center;}
.swiper li p { margin-top: 1rem !important; width: 84rem; max-width: 100%;}
.swiper-button-next, .swiper-button-prev { color: #426bba;}

.logoText {
  display: flex;
  margin: 0 0 6rem;
  justify-content: space-between;
}
.logoText dt { width: 20rem; text-align: center;}
.logoText dd { width: calc( 100% - 26rem);}
.logoText dd .large { display: block;}
.logoText dd a { display: block; color: #0096ff; }
.logoText dd a:hover { text-decoration: underline;}
.logoText dd p { margin-top: 2rem !important;}
.logoText dd p.small { margin-top: 0.5rem !important;}
@media only screen and (max-width: 782px) {
  .logoText {
    display: block;
    margin: 0 0 3rem;
  }
  .logoText dt { width: auto;text-align: left;}
  .logoText dt img { width: 12rem; }
  .logoText.ReCor dt img { width: 12rem; }
  .logoText.Veryan dt img { width: 10rem; }
  .logoText.GmbH dt img { width: 22rem; }
  .logoText dd { width: auto;}
  .logoText dd .large { margin-top: 2rem !important;}
  .logoText dd p { margin-top: 1rem !important;}
  .logoText dd p.small { margin-top: 0.2rem !important;}
}
@media only screen and (min-width: 783px) {
	.logoText.ReCor dt {
		text-align: left;
	}
	.logoText.ReCor dt img {width: 13rem;
		margin-left: 20px;}
}
.tb02 {
  width: 100%;
  margin-top: 6rem;
}
.tb02 thead th {
  color: #fff;
  background: #426bba;
  text-align: center;
  padding: 1.5rem 0;
  width: 33.333%;
}
.tb02.col2 thead th { width: 50%;}
.tb02.col4 thead th { width: 25%;}
.tb02 td {
  background: #f9f9f9;
  padding: 1rem 2rem;
  border-bottom: #d1d1d1 1px solid;
}
.tb02 tr:first-child:last-child td { padding-top: 2rem; padding-bottom: 2rem; text-align: center;}
.tb02 th:not(:last-child),
.tb02 td:not(:last-child) { border-right: #d1d1d1 1px solid;}
.tb02 td.border:last-child { border-right: #d1d1d1 1px solid;}

@media only screen and (max-width: 782px) {
  .tb02 { margin-top: 3rem;}
  .tb02 td { padding-left: 1rem; padding-right: 1rem;}
}


.blankBtn a {
	background: rgba(255,255,255,0.4);
	border: #426bba 1px solid;
	color: #426bba;
	letter-spacing: 0.1rem;

	box-shadow: none;
	border-radius: 25px;
	height: 50px;
	line-height: 50px;
	padding:0 7rem 0 4rem;
	/*text-shadow: 1px 1px 2px #13AA00, -1px -1px 2px #13AA00;*/
	-webkit-appearance: none;
	appearance: none;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  transition: text-shadow 0.8s ease;
  text-shadow: 0 0 3px rgba(255,255,255,0.7);
}
.blankBtn a { text-decoration: none;display: inline-block; overflow: hidden;}

.blankBtn a::before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  background: url("../img/icon_blank@2x.png") no-repeat center top / contain;
  position: absolute;
  right: 3rem;
  top: 1.2rem;
  z-index: 2;
  /*transition: filter 0.5s ease 0s;*/
}
.blankBtn a:hover {
  /*background: #426bba;*/
	color: #fff;
  animation: none;
  text-shadow:  0 0 3px rgba(255,255,255,0);
}
.blankBtn a:hover::before {
  filter: brightness(200);
}
.blankBtn a::after {
  content: "";
  position: absolute;
  left: -90rem;
  top: -40rem;
  height: 80rem;
  width: 80rem;
  transform: rotate(30deg);
  background: #426bba;
  z-index: -1;
  transition: left ease 0.5s;
}
.blankBtn a:hover::after {
  left: -40rem;
}

@media only screen and (max-width: 782px) {
  .blankBtn a {
		height: 4rem;
		line-height: 4rem;
		padding:0 5rem 0 3rem;
	}
  .blankBtn a::before { transform: scale(0.6); top: 0.8rem; right: 2rem;}
}

.contents a.lightblue { color: #0090ff; text-decoration: underline;}
.contents a.lightblue:hover { text-decoration: none;}

a.arrow01 {
  color: #426bba;
  font-size: 1.5rem;
  position: relative;
  padding-left: 2rem;
  display: inline-block;
}
a.arrow01::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-top: #426bba 2px solid;
  border-right: #426bba 2px solid;
  transform: rotate(45deg);
  position: absolute;
  left: 0;
  top: 0.9rem;
}
a.arrow01:hover { animation: flash 0.5s ease;}

@media only screen and (max-width: 782px) {
  a.arrow01 {
    font-size: 1.2rem;
    padding-left: 1.3rem;
  }
  a.arrow01::before {
    width: 0.4rem;
    height: 0.4rem;
    top: 0.8rem;
  }
}

a.textlink {
  color: #0060ff;
  text-decoration: underline;
  position: relative;
}
a.textlink:hover { text-decoration: none;}
a.textlink[target='_blank'] {
  padding-right: 1.8rem;
  margin-right: 0.3rem;
  background: url("../img/icon_blank@2x.png") no-repeat right 50% / 15px auto;
}


a.pdf.textlink {
  padding-right: 2.7rem;
  background: url("../img/icon_pdf@2x.png") no-repeat right 50% / 24px auto;
}

@media only screen and (max-width: 782px) {
  a.pdf.textlink {
    padding: 0.2rem 1.7rem 0.2rem 0;
    background: url("../img/icon_pdf@2x.png") no-repeat right 50% / 16px auto;
  }
}



ol { margin: 3rem 0 0 2rem;}
ol li { list-style: decimal; margin-left: 1.5rem; margin: 0.5rem 0;}



.tb03 {
  width: 100%;
  margin-top: 1rem;
}
.tb03 thead th {
  color: #fff;
  background: #426bba;
  text-align: center;
  padding: 1.5rem 0;
}

.tb03 th,
.tb03 td {
  background: #f9f9f9;
  padding: 2rem 1rem;
  border-bottom: #d1d1d1 1px solid;
  text-align: center;
}
.tb03 th { background: #e9edf4;}
.tb03 th:not(:last-child),
.tb03 td:not(:last-child) { border-right: #d1d1d1 1px solid;}
@media only screen and (max-width: 782px) {
  .tb03 { margin-top: 1rem;}
  .tb03 th, .tb03 td { padding-left: 1rem; padding-right: 1rem;}
}

.btn.redPdf a { padding-right: 6rem; }
.btn.redPdf a::before {
  width: 20px;
  height: 24px;
  top: 1.2rem;
  background: url("../img/icon_pdf_red@2x.png") no-repeat right 50% / 20px 24px;
  transform: none;
  border: none;
}

@media only screen and (max-width: 782px) {
  .btn.redPdf a { padding-right: 4rem; }
  .btn.redPdf a::before {
    top: 0.8rem;
    right: 1.4rem;
    transform: scale(0.7);
  }
}

input[type='radio'] {
  transform: scale(1.5);
  margin-right: 1rem;
}
input[type='checkbox'] {
  transform: scale(1.5);
  margin-right: 1rem;
}
label { display: inline-flex;}

@media only screen and (max-width: 782px) {
  .gnav-contact .parallax .sub,
  .gnav-access .parallax .sub { display: none;}

}

nav.footernav ul{
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
/* nav.footernav ul li, nav.footernav ul li a{
  font-size: 1.3rem;
} */
nav.footernav ul li{
  position: relative;
  color: #426bba;
  /* padding-left: 4.5rem; */
}
 /* nav.footernav ul li a{
  padding-left: 4.5rem;
 } */
nav.footernav ul li:not(:first-child){
  padding-left: 1.5rem;
  display: flex;
  align-items: center;

}
nav.footernav ul li:not(:first-child)::before{
  content: "";
  width: 1rem;
  height: 1rem;
  border-top: #426bba 2px solid;
  border-right: #426bba 2px solid;
  box-sizing: border-box;
  transform: rotate(45deg);
  /* position: absolute;
  left: 1.6rem;
  top: 0.9rem; */
  margin-right: 2rem;
}

nav.footernav ul li a:hover{
  color: #426bba;
}