@charset "utf-8";

/* リセット */
* { margin:0; padding:0; }
*:after { display:block; clear:both; }
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
img { vertical-align: bottom; }
ul { list-style: none; }

/********** ここからコーディング **********/


body {
    background-color: #f8ebec; 

}
.wrapper {
   max-width: 550px;
    width: 100%;
    margin: 0 auto;
}

h1 {
    color: #ffffff;
    font-size: clamp(18px, 3.5vw, 22px); 
}

.bunshou{
    display: flex;
    font-size: clamp(14px, 4vw, 16px);
    padding: 25px 15px;
} 

.midasi {
    font-size: clamp(14px, 4vw, 16px);
}

.flexbox-container {
   padding: 5px;
   background-color: #ffffff;
}

.oomidasi {
    display: flex;
   padding: 20px 10px;
   margin: 5px;
   background-color: #88c0dd;
}

.flexbox-item {
    display: flex;
   padding: 10px;
   margin: 5px;
   gap: 5px;
   background-color: #e8f8ff;
}

.yokoni-futatu {
    display: flex;
   padding: 10px 15px;
   gap: 5px;
   background-color: #ffffff;
}

.yokoni-nagai-erabu {
    display: flex;
   padding: 10px 15px;
   background-color: #ffffff;
}

.yokoni-nagai {
    display: flex;
   padding: 10px 15px;
   background-color: #ffffff;
}

.hissu {
    font-size: clamp(14px, 4vw, 16px);
    color: #ffffff;
    padding: 2px 5px;
    background-color: #7e100a;
}

input, select, textarea {
     color: #757575; 
    border: 1px solid #cdcdce;
    background-color: #fde7d5;
    height: 30px;
    width: 100%;
}

form {
    display: flex;
    align-items: center;
}

.checkbox {
    width: 20px;
    height: 20px;
}

.button {
    display: flex;
    justify-content: center;
    padding: 0 20px 20px;
}

img {
    width: 100%;
    height: auto;
    display: block;
}

.mousikomi {
    transition: 0.5s;
}

.mousikomi:hover {
    transform: scale(1.1, 1.1);
}

.footer {
  padding: 20px 0;
  background-color: #88c0dd;
}

.res {
  display: flex;
  justify-content: center;
}

.res_w {
  margin: 20px;
  font-size: 13px;
  color: #393939;
  display: block;
  text-decoration: none;
}

.copyright {
  margin-bottom: 30px;
  font-size: 11px;
  color: #393939;
  text-align: center;
}