body{
  font-family: "verdana","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  background-color: #EEEBE7;
}

.bg-rogitec{
   width: 100%;
  background-color: #ffffe0;
  background-image:
   repeating-linear-gradient(-45deg,
   #f5deb3, #fffacd 7.5px,
   transparent 0, transparent 15px);
}

img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
img:hover{
  opacity: 0.6;
  transition-duration: 0.3s;
}



.jumbotron-contents1{
  background:url("../images/logitec_global_top_correct.png")center no-repeat;
  background-size: cover;
  width: 100%;
  height: 0;
  padding-top: calc(6550 / 1920 * 100%);
}


.jumbotron-contents2{
  background:url("../images/Example.png")center no-repeat;
  background-size: cover;
  width: 100%;
  height: 0;
  padding-top: calc(500 / 1920 * 100%);
}

.jumbotron-contents3{
  background:url("../images/cv_ttl_02_pc.png")center no-repeat;
  background-size: cover;
  width: 100%;
  height: 0;
  padding-top: calc(750 / 1920 * 100%);
}

.jumbotron-contents4{
  background:url("../images/lp2.png")center no-repeat;
  background-size: cover;
  width: 100%;
  height: 0;
  padding-top: calc(500 / 1920 * 100%);
}

.example{
  background-color: white;
  width: 100%;
}
/*
.jumbotron-contents5{
  background:url("../images/logologo.png")center no-repeat;
  background-size: cover;
  width: 100%;
  height: 0;
  padding-top: calc(2160 / 1920 * 100%);
}
*/

@media (min-width: 992px) {
.cv_btn_pc{
  position: relative;
  bottom: 120px;
  width: 500px;
}
}

@media (max-width: 1100px) {
.cv_btn_pc{
  position: relative;
  bottom: 90px;
  width: 500px;
}
}

@media (max-width: 770px) {
.cv_btn_pc{
  position: relative;
  bottom: 60px;
  width: 300px;
}
}

@media (max-width: 575.98px) {
.cv_btn_pc{
  position: relative;
  bottom: 52px;
  width: 200px;
}
}

@media (max-width: 350px) {
.cv_btn_pc{
  position: relative;
  bottom: 40px;
  width: 150px;
}
}

.pattern {
  background-color: #808080;
  background-image: linear-gradient(45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #c0c0c0 75%, #c0c0c0), linear-gradient(-45deg, #c0c0c0 25%, transparent 25%, transparent 75%, #444 75%, #444);
  background-size: 25px 25px;
}

.p-0{
  padding: 0px !important;
}


.bt-2{
  margin-bottom: 2px !important;
}

.bt-3{
  margin-bottom: 3px !important;
}

@media (min-width: 992px) {
 .title {
   font-size: 1.8rem;
 }
}

@media (max-width: 991.98px) {
 .title {
   font-size: 1.8rem;
 }
}

@media (max-width: 767.98px) {
 .title {
   font-size: 1.8rem;
 }
}

@media (max-width: 575.98px) {
 .title {
   font-size: 1.0rem;
 }
}

@media (min-width: 992px) {
 .info {
   font-size: 1.5rem;
 }
}

@media (max-width: 991.98px) {
 .info {
   font-size: 1.5rem;
 }
}

@media (max-width: 767.98px) {
 .info {
   font-size: 1.0rem;
 }
}

@media (max-width: 575.98px) {
 .info {
   font-size: 0.9rem;
 }
}

img{
-webkit-backface-visibility: hidden;
}

p{
  word-break: break-all;
}

.pl-0{
  padding-left: 0 !important;
}

.pr-0{
  padding-right: 0 !important;
}

.mb-0{
      margin-bottom: 0 !important;
}

.pl-10{
  padding-left: 10px !important;
}

.pr-10{
  padding-right: 10px !important;
}

.navbar-dark .navbar-toggler-icon {
 background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(108,117,125, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
 }