@charset "utf-8";

ul.caseBox{list-style:none;display:flex; flex-wrap: wrap; justify-content: center;}
ul.caseBox li{ -webkit-flex-grow: 1; flex-grow: 1; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align:top; margin-bottom:40px;}

ul.caseBox a button{font-size:0.8em; color:#666666; border:none; display:block; margin:0 auto;}
ul.caseBox a button:hover{cursor:pointer;}

div.box{width:90%; margin:0 auto; text-align:center; border:1px solid #CCCCCC; padding:4px 12px 12px;}

ul.caseBox dl.list{display:block; margin:0 auto; text-align:center;}
ul.caseBox dl.list dt{color:#CC0000; background-color:#FFE9C8; display:block; margin:0 auto; padding:4px; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius:5px; width:120px;}
ul.caseBox dl.list dd{ padding:4px 18px 4px 4px;}

ul.caseBox h4{margin:2px 0 0; padding:8px 10px; color:#996600;}
ul.caseBox p{margin-bottom:12px;}

img{max-width:100%;}

p.links{font-size:1em; padding:20px 0;}

p.links{margin:20px 0;}
p.links a{background-color:#E3CD93; color:#333333; border-radius:20px; -webkit-border-radius: 20px; -moz-border-radius:20px; padding:4px 20px;}
p.links a:hover{text-decoration:none; background-color:#D8C072;}


.youtube iframe{width:100%; max-width:400px; height:auto; aspect-ratio: 16 / 9;}


ul.pagemenu{ text-align:center; margin:24px auto 0;}
ul.pagemenu li{ display:inline-block; margin:6px 0;}
ul.pagemenu a{background-color:#D8C072; color:#333333; position: relative; border-radius: 8px; padding:4px 24px 4px 16px; display: block;}

ul.pagemenu a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-2px) rotate(135deg);
  box-sizing: border-box;
}

@media screen and (max-width:1100px) {
ul.pagemenu{text-align:left;}

}

@media screen and (max-width:780px) {
ul.caseBox li{width:auto;}
}

@media screen and (max-width:480px) {
}

@media screen and (max-width:360px) {
img{max-width:100%;}
}