@media screen and (min-width:1024px){
button.dropbtn {
  display: none;
}
}

@media screen and (max-height:700px){
  .frame-layout-220 .articleInner:before{
    top: 55%;
  }
  .frame-layout-210 .articleInner .articleInner {
    padding-top: 78px;
  }
  .frame-layout-220{
    height: unset;    
  }
}

@media screen and (max-width:1220px){
.inner,.articleInner{
  width: 1004px;
}
.noInner .articleInner .articleInner{
  padding: 1em 0;
}
.frame-layout-210 .articleInner .articleInner {
  padding-top: 170px;
  padding-left: 278px;
}
.frame-layout-220 .articleInner:before {
  background-size: 250px;
  top: 62%;
}
.frame-layout-220 h2 {
  font-size: 8.0em;
  margin-bottom: 0.45em;
}
.frame-layout-220 h3 {
  font-size: 2.7em;
}
.frame-layout-280 .col11:before,
.frame-layout-280 .col11:after {
  left: 8%;
}
}

@media screen and (max-width:1023px){
.inner,.articleInner{
  width: 728px;
}
.noInner .articleInner {
  padding: 0 0;
  width:auto;
}
.flex .colWrap,
.flex {
  display: block;
  align-items: normal;
  justify-content: normal;
}
.flex .threeCols .thirty{
  width: 100%;
}
h2{
  font-size: 2.0em;
}
body{
  font-size: 1.0em;
}
.frame-layout-220 {
  height: 80vh;
}
.frame-layout-210 .articleInner .articleInner {
  padding-top: 164px;
  padding-left: 230px;
}
.frame-layout-220 .articleInner:before {
  background-size: 205px;
  top: 63%;
}
.frame-layout-220 h2 {
  font-size: 6.0em;
}
.frame-layout-220 h3 {
  font-size: 2.0em;
}
.littlePic img.image-embed-item {
  max-width: 20%;
  border-radius: 100px;
}
.frame-layout-280 .col11:before,
.frame-layout-280 .col11:after {
  left: 3%;
}
#mainFooter h4 {
  font-size: 1.8em;
}
#subFooter h4 {
  font-size: 1.0em;
}
#mainFooter p,
#mainFooter a{
  font-size: 1.15em;
}
}

@media screen and (max-width:767px){
.inner,.articleInner{
  width: auto;
  padding: 0 0;
}
.articleInner{
  padding: 0 0;
}
.twoCols .fifty{
  width: 100%;
  float: none;
}
.twoCols .seventy,.twoCols .thirty,.threeCols .thirty{
  width: 100%;
  float: none;
}
.twoCols .col11{
  margin-bottom: 2em;
}
.threeCols .thirty.col12{
  margin-left:0;
  margin-right:0;
  margin-top: 2em;
  margin-bottom: 2em;
}
.frame-layout-210 .articleInner .articleInner {
  padding-left: 116px;
}
.frame-layout-220 .articleInner:before {
  left: -15%;
}
.frame-layout-220 h3 {
  font-size: 1.9em;
}
.frame-layout-260 .threeCols {
  display: block;
}
.frame-layout-260 .threeCols .thirty {
  width: 100%;
}
.frame-layout-260 .threeCols .thirty.col12 {
  margin-top: 0;
  margin-bottom: 0;
}
.frame-layout-270 .articleInner,
.frame-layout-290 .articleInner {
  width: 100%;
  margin: auto;
}
.frame-layout-270 .col12,
.frame-layout-290 .col11 {
  width: 90%;
  margin: auto;
}
.frame-layout-270 figure.image:after{
    top: unset;
    left: 40%;	
    bottom: -30%;
    transform: rotate(-20deg);
}
.frame-layout-270 figure.image:before {
    top: unset;
    left: -40%;
    bottom: -30%;
    transform: rotate(20deg);
}
.frame-layout-280 .col11:before,
.frame-layout-280 .col11:after {
  left: 10%;
}
.frame-layout-280 h3{
  font-size: 1.0em;  
}
.frame-layout-290 img.image-embed-item {
  margin-bottom: -2%;
}
.frame-layout-290 figure.image:after{
    left: 40%;	
    top: -30%;
    transform: rotate(20deg);
}
.frame-layout-290 figure.image:before {
    left: -40%;
    top: -30%;
    transform: rotate(-20deg);
}
  
#mainFooter .col12 {
  padding-bottom: 5em;
}
#mainFooter .col13 {
  padding-bottom: 7em;
}
#mainFooter .footerCol p {
  padding-left: 2em;
}
}

@media screen and (max-width:599px){
.threeCols.first .left {
  border-left: 0;
}
.frame-layout-280 .fourCols .twentyfive{
  width: 100%;
  float: none;
}
.frame-layout-220 {
  height: 100vh;
  overflow: hidden;
}
.frame-layout-220 img.image-embed-item {
  margin-right: -15%;
}
.frame-layout-220 figcaption.image-caption {
  font-size: 1.2em;
  top: 26%;
  right: 8%;
}
.frame-layout-280 {
  background: linear-gradient(312deg, rgba(68,57,85,1) 10%, rgba(0,88,54,1) 47%, rgba(0,40,66,1) 83%);
}
.frame-layout-280:before {
  display: none;  
}
.frame-layout-280 .col11:before, 
.frame-layout-280 .col11:after {
  display: none;
}
.frame-layout-280 img.image-embed-item {
  max-width: 30%;
  margin-top: 5%;
}
.frame-layout-280 h3{
  font-size: 1.2em;  
}
.frame-layout-290 .twoCols .fifty.col11 {
  margin-right: 0;
  margin: 0 auto;
}
}
@media screen and (max-width:575px){
.frame-layout-210 .articleInner .articleInner {
  padding-left: 182px;
}
.frame-layout-220 .articleInner:before {
  background-size: 248px;
  top: 59%;
}
}
@media screen and (max-width:457px){
.frame-layout-210 .articleInner .articleInner {
  padding-left: 140px;
}
.frame-layout-220 .articleInner:before {
  background-size: 298px;
  top: 55%;
  left: -45%;
}
}
@media screen and (max-width:355px){
.frame-layout-210 .articleInner .articleInner {
  padding-top: 148px;
  padding-left: 133px;
}
.frame-layout-220 .articleInner:before {
  background-size: 274px;
  top: 53.5%;
  left: -49%;
}
.frame-layout-220 h2 {
  font-size: 5.0em;
  margin-bottom: 0.45em;
}
.frame-layout-220 h3 {
  font-size: 1.9em;
}
}