@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
@media screen and (min-width: 1081px), print {
 .date {
  text-align: right;
  color: #FFF;
  font-size: small;
  margin-top: 10px;
  margin-bottom: 8px;
  margin-right: 10px;
  /*font-family: "Hiragino Sans";*/
  font-family: 'Noto Sans JP', sans-serif;
 }
 .tag {
  text-align: center;
  color: #000;
  font-size: 14px;
  margin-top: -25px;
  margin-bottom: 8px;
  margin-left: 10px;
  padding: 0 20px;
  width: fit-content;
  /*font-family: "Hiragino Sans";*/
  font-family: 'Noto Sans JP', sans-serif;
  background-color: #fff;
 }
 .title {
  text-align: left;
  color: #FFF;
  font-size: 18px;
  /*font-family: 'Noto Sans JP', sans-serif;*/
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 24px;
 }
 .figure1 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  background-color: #dddddd;
  font-size: 30px;
  width: 300px;
  height: ;
  border-radius: 0px;
  /* box-shadow: 0px 8px 16px 4px rgba(0, 0, 0, 0.35);*/
 }
 .webmgzn h2 {
  font-family: serif;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: #000;
  color: rgba(255, 255, 255, 1);
  font-size: 50px;
  text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.92), 4px 0px 3px #00578E;
  font-weight: bold;
 }
 .webmgzn h3 {
  color: #00578E; /*文字色*/
  padding: 0.5em 0; /*上下の余白*/
  border-top: solid 3px #00578E; /*上線*/
  border-bottom: solid 3px #00578E; /*下線*/
  font-size: 30px;
  width: 500px;
  margin: 0 auto 30px;
 }
 .webmgzn h3 span {
  display: inline-block;
  background: #f4eceb;
  padding: 11px;
 }
 .webmgzn h3 span:not(:first-child) {
  margin-top: 8px;
 }
 .webmgzn_gaiyou {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
 }
 .webmgzn_gaiyou::before {
  content: "";
  /* width: 1px; */
  background: #b5b5b5;
  display: inline-block;
  margin-bottom: 31px;
 }
 .webmgzn_gaiyou_txt {
  font-size: 1.8rem;
  line-height: 34px;
  text-align: center;
  margin-top: 27px;
  /*font-family: 'Noto Sans JP', sans-serif;*/
  font-family: 'Noto Sans JP', sans-serif;
 }
 .webmgzn_article {
  margin-top: 79px;
 }
 .webmgzn_article h1 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
  margin-bottom: 20px;
 }
 .webmgzn_article h1:before, h1:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
 }
 .webmgzn_article h1:before {
  left: 0;
 }
 .webmgzn_article h1:after {
  right: 0;
 }
 .webmgzn_article h3 {
  text-align: center;
  margin-bottom: 26px;
 }
 .webmgzn_article p {
  font-size: 1.6rem;
  line-height: 30px;
  font-family: 'Noto Sans JP', sans-serif;
 }
 /*
  .webmgzn_article p a {
    color: #0099e8;
    text-decoration: underline;
  }*/
 .webmgzn_article p a:hover {
  opacity: 0.8;
 }
 .webmgzn_article_inquiry {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f3f3f3;
  margin: 50px 0;
  padding: 35px 30px;
  width: 1000px;
 }
 .webmgzn_article_inquiry_l {
  width: auto;
 }
 .webmgzn_article_inquiry_l img {
  width: 100%;
 }
 .webmgzn_article_inquiry_l p {
  text-align: center;
  white-space: nowrap;
 }
 .webmgzn_article_inquiry_r {
  margin-left: 35px;
 }
 .webmgzn_article_inquiry_r h4 {
  font-size: 1.8rem;
  font-weight: bold;
 }
 .webmgzn_article_inquiry_r h4:after {
  content: "";
  display: block;
  width: 56px;
  height: 2px;
  margin: 14px 0;
  background-color: #00578E;
 }
 .webmgzn_article_inquiry_world {
  padding-top: 28px;
  padding-left: 108px;
  position: relative;
 }
 .webmgzn_article_inquiry_world:before {
  position: absolute;
  content: "";
  display: block;
  width: 72px;
  height: 83px;
  background: url(/uu-connect/img/webmgzn/icon_strawberry.png) no-repeat left center;
  -moz-background-size: contain;
  background-size: contain;
  left: 0;
  top: 10px;
 }
 .webmgzn_article_gallery {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: -webkit-calc(100% + 20px);
  width: -moz-calc(100% + 20px);
  width: calc(100% + 20px);
  margin: 14px 20px 0;
 }
 /*
  .webmgzn_article_gallery a {
    color: #0099e8;
    text-decoration: underline;
  }*/
 .webmgzn_article_gallery a:hover {
  opacity: 0.8;
 }
 .webmgzn_article_gallery figure {
  width: 300px;
  
  margin: 0 10px;
  background-color: #0067a8;
  box-shadow: 0px 8px 16px 4px rgba(0, 0, 0, 0.35);
 }
 .webmgzn_article_gallery figure figcaption {
  font-size: 1.5rem;
  line-height: 34px;
  text-align: left;
  margin-top: 0px;
  margin-left: 10px;
  color: white;
 }
 .webmgzn_article_gallery figure:not(:nth-child(-n+3)) {
  margin-top: 18px;
 }
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
 .date {
  text-align: right;
  color: #FFF;
  font-size: small;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-family: "Hiragino Sans";
 }
 .title {
  text-align: left;
  color: #FFF;
  font-size: 18px;
  font-family: 'Noto Sans JP', sans-serif;
 }
 .tag {
  text-align: center;
  color: #000;
  font-size: small;
  margin-top: -27px;
  margin-bottom: 8px;
  margin-left: 10px;
  padding: 0 5px;
  width: fit-content;
  /*font-family: "Hiragino Sans";*/
  font-family: 'Noto Sans JP', sans-serif;
  background-color: #fff;
  white-space: nowrap;
 }
 .figure1 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  background-color: #dddddd;
  font-size: 30px;
  width: 300px;
  border-radius: 0px;
 }
 .webmgzn h2 {
  font-family: serif;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: rgba(255, 255, 255, 1);
  font-size: 50px;
  text-shadow: 3px 2px 3px rgba(0, 0, 0, 0.92), 4px 0px 3px rgba(129, 23, 23, 0.92);
  font-weight: bold;
 }
 .figure1 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  background-color: #dddddd;
  font-size: 30px;
  width: 100%;
  height: ;
  border-radius: 0px;
  /* box-shadow: 0px 8px 16px 4px rgba(0, 0, 0, 0.35);*/
 }
 .webmgzn h3 {
  color: #00578E; /*文字色*/
  padding: 0.5em 0; /*上下の余白*/
  border-top: solid 3px #00578E; /*上線*/
  border-bottom: solid 3px #00578E; /*下線*/
  font-size: 30px;
  width: 500px;
  margin: 0 auto 30px;
 }
 .webmgzn h3 span {
  display: inline-block;
  background: #f4eceb;
  padding: 11px;
 }
 .webmgzn h3 span:not(:first-child) {
  margin-top: 8px;
 }
 .webmgzn_gaiyou {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
 }
 /*
 .webmgzn_gaiyou::before {
  content: "";
  width: 1px;
  height: 11.85185vw;
  background: #b5b5b5;
  display: inline-block;
  margin-bottom: 2.87037vw;
  margin-top: -6.48148vw;
 }
    */
 .webmgzn_gaiyou_txt {
  font-size: 1.66667vw;
  line-height: 3.14815vw;
  text-align: center;
  margin-top: 27px;
  font-family: 'Noto Sans JP', sans-serif;
 }
 .webmgzn_article h1 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
  margin-bottom: 20px;
 }
/*
 .webmgzn_article h1:before, h1:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
 }
 .webmgzn_article h1:before {
  left: 0;
 }
 .webmgzn_article h1:after {
  right: 0;
 }
    */
 .webmgzn_article {
  margin-top: 7.40741vw;
 }
 .webmgzn_article h3 {
  text-align: center;
  margin-bottom: 2.40741vw;
 }
 .webmgzn_article p {
  font-size: 1.48148vw;
  line-height: 2.77778vw;
  font-family: 'Noto Sans JP', sans-serif;
 }
 .webmgzn_article p a {
  color: #0099e8;
 }
 .webmgzn_article_inquiry {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f3f3f3;
  margin: 2.59259vw 0;
  padding: 3.24074vw 2.77778vw;
 }
 .webmgzn_article_inquiry_l {
  width: 350px;
 }
 .webmgzn_article_inquiry_l img {
  width: 100%;
 }
 .webmgzn_article_inquiry_l p {
  text-align: center;
 }
 .webmgzn_article_inquiry_r {
  margin-left: 5.51852vw;
 }
 .webmgzn_article_inquiry_r h4 {
  font-size: 1.66667vw;
  font-weight: bold;
 }
 .webmgzn_article_inquiry_r h4:after {
  content: "";
  display: block;
  width: 5.18519vw;
  height: 0.18519vw;
  margin: 1.2963vw 0;
  background-color: #00578E;
 }
 .webmgzn_article_inquiry_world {
  padding-top: 2.59259vw;
  padding-left: 10vw;
  position: relative;
 }
 .webmgzn_article_inquiry_world:before {
  position: absolute;
  content: "";
  display: block;
  width: 6.66667vw;
  height: 7.68519vw;
  background: url(/uu-connect/img/webmgzn/icon_strawberry.png) no-repeat left center;
  -moz-background-size: contain;
  background-size: contain;
  left: 0;
  top: 0.92593vw;
 }
 .webmgzn_article_gallery {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: -webkit-calc(100% + 1.85185vw);
  width: -moz-calc(100% + 1.85185vw);
  width: calc(100% + 1.85185vw);
  margin: 1.963vw 1.1vw 0;
 }
 .webmgzn_article_gallery figure {
  width: 30%;
  margin: 0 10px;
  background-color: #0067a8;
  box-shadow: 0px 8px 16px 4px rgba(0, 0, 0, 0.35);
 }
 .webmgzn_article_gallery figure figcaption {
  font-size: 1.5963vw;
  line-height: 3.14815vw;
  text-align: left;
  margin-top: 0.37037vw;
  margin-left: 10px;
  color: #FFF;
 }
 .webmgzn_article_gallery figure:not(:nth-child(-n+3)) {
  margin-top: 1.66667vw;
 }
}
@media screen and (max-width: 767px) {
 .u-pc-only {
  display: none;
 }
 .tag {
  text-align: center;
  color: #000;
  font-size: 3.38542vw;
  margin-top: -25px;
  margin-bottom: 8px;
  margin-left: 10px;
  padding: 0 5px;
  width: fit-content;
  /*font-family: "Hiragino Sans";*/
  font-family: 'Noto Sans JP', sans-serif;
  background-color: #fff;
  white-space: nowrap;
 }
 .date {
  text-align: right;
  color: #FFF;
  font-size: 3.38542vw;
  margin-top: 10px;
  margin-bottom: 1px;
  margin-right: 10px;
  font-family: "Hiragino Sans";
 }
 .title {
  text-align: left;
  color: #FFF;
  font-size: 4.38542vw;
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 1vw;
 }
 .webmgzn h3 {
  color: #00578E; /*文字色*/
  padding: 0.5em 0; /*上下の余白*/
  border-top: solid 3px #00578E; /*上線*/
  border-bottom: solid 3px #00578E; /*下線*/
  font-size: 4.80417vw;
  width: 80vw;
  margin: 0 auto 30px;
  white-space: nowrap;
  text-align: center;
 }
 .webmgzn h3 span {
  display: inline-block;
  background: #f4eceb;
  padding: 11px;
 }
 .webmgzn h3 span:not(:first-child) {
  margin-top: 8px;
 }
 .webmgzn_gaiyou {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
 }
 .webmgzn_gaiyou_txt {
  font-size: 3.51563vw;
  line-height: 1.5;
  text-align: left;
  margin-top: 5.90625vw;
  font-family: 'Noto Sans JP', sans-serif;
 }
 .webmgzn_article {
  margin-top: 9.11458vw;
  margin: 0 auto;
 }
 .webmgzn_article h1 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
  margin-top: 5vw;
  font-size: 5.10417vw;
 }
    

 .webmgzn_article h1 {
  text-align: center;
  margin-bottom: 3.90625vw;
 }
 .webmgzn_article p {
  font-size: 3.38542vw;
  line-height: 5.20833vw;
  text-align: justify;
  font-family: 'Noto Sans JP', sans-serif;
 }
 .webmgzn_article p a {
  color: #0099e8;
  text-decoration: underline;
  width: 50%;
 }
 .webmgzn_article_inquiry {
  background-color: #f3f3f3;
  margin: 6.51042vw 0;
  padding: 6.51042vw;
 }
 .webmgzn_article_inquiry_l img {
  width: 200px;
  margin: auto;
  display: none;
 }
 .webmgzn_article_inquiry_l p {
  width: 200px;
  margin: auto;
  display: none;
 }
 .webmgzn_article_inquiry_r {
  margin-top: 2.60417vw;
 }
 .webmgzn_article_inquiry_r h4 {
  font-size: 4.6875vw;
  font-weight: bold;
  text-align: center;
 }
 .webmgzn_article_inquiry_r h4:after {
  content: "";
  display: block;
  width: 14.58333vw;
  height: 0.52083vw;
  margin: 2.60417vw auto;
  background-color: #00578E;
  ;
 }
 .webmgzn_article_inquiry_r p {
  font-size: 3.38542vw;
  text-align: justify;
 }
 .webmgzn_article_gallery {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 3.90625vw;
 }
 .webmgzn_article_gallery figure {
  width: 90%;
  background-color: #00578E;
  margin: 0 auto;
  margin-top: px;
  margin-bottom: 10px
 }
 .webmgzn_article_gallery figure img {
  width: 100%;
  height: auto;
 }
 .webmgzn_article_gallery figure figcaption {
  font-size: 3.38542vw;
  line-height: 1.5;
  text-align: left;
  color: #FFF;
  margin: 0 2vw;
 }
 .webmgzn_article_gallery figure:not(:nth-child(-n+2)) {
  margin-top: 0vw;
 }
}