@charset "UTF-8";
/* Body */
body {
 margin: 0px;
 padding: 0px;
 background-color: #B3EBEB;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 font-style: normal;
 font-weight: 200;
}
img {
 max-width: 100%;
 height: auto;
}
.box2 {
 background-color: #F1F8F8;
}
.box1 {
 display:flex;
 justify-content:center;
}

.pc { display: block !important; }
.sp { display: none !important; }
.resizeimage img { width: 100%; }
@media only screen and (max-width: 750px) {
 .pc { display: none !important; }
 .sp { display: block !important; }
}
.resizeimage img { width: 100%; }
/* Container */
.container {
 width: 970px;
 margin-left: auto;
 margin-right: auto;
 /* [disabled]height: 1000px; */
 background-color: #FFFFFF;
 text-align: center;
 margin-top: 0px;
 margin-bottom: 0px;
}
/*20230320*/
@media (max-width: 970px) {
 .container {
   width: 100%;
 }
}
/* Navigation */

.hidden {
 display: none;
}

/* Mobile */
@media (max-width: 320px) {
 .resizeimage img { width: 100%; }
 .container header nav {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  width: 100%;
  float: none;
  display: none;
 }

 /* Small Tablets */
 @media (min-width: 321px)and (max-width: 767px) {
  .resizeimage img { width: 100%; }
  .container header nav {
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   width: 100%;
   float: none;
   overflow: auto;
   display: inline-block;
   background: #52bad5;
  }