@media screen and (min-width: 768px){body{font-size:16px;line-height:1.5;word-break:break-all;}h1{font-size:48px;font-weight:500;line-height:1.5;}h2{font-size:42px;font-weight:500;line-height:1.5;}h3{font-size:36px;font-weight:500;line-height:1.5;}h4{font-size:28px;font-weight:500;line-height:1.5;}h5{font-size:22px;font-weight:500;line-height:1.5;}p{font-size:16px;}a:hover{text-decoration:none;}.small {font-size :0.8vw;}#teaser .item{  position: relative;}#teaser .item::after {  content: "";  width: 100%;  height: 100%;  background: rgba(0,0,0,0.1);  position: absolute;  top: 0;  left: 0;  border-radius :0px;}div.tategaki1 {letter-spacing:8px;text-orientation: upright;-ms-writing-mode: tb-rl; writing-mode: vertical-rl;padding:0 20px;font-size :2vw;text-align: left;display: inline-block;font-family :Zen Old Mincho , serif;}div.tategaki {letter-spacing:8px;text-orientation: upright;-ms-writing-mode: tb-rl; writing-mode: vertical-rl;padding:0 20px;font-size :1.8vw;text-align: left;display: inline-block;font-family :Zen Old Mincho , serif;}a:hover {opacity:0.5;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;} }@media screen and (max-width: 767px){body{font-size:16px;line-height:1.5;word-break:break-all;}h1{font-size:36px;font-weight:500;line-height:1.5;}h2{font-size:28px;font-weight:500;line-height:1.5;}h3{font-size:24px;font-weight:500;line-height:1.5;}h4{font-size:20px;font-weight:500;line-height:1.5;}h5{font-size:18px;font-weight:500;line-height:1.5;}.small {font-size :12px;}div.tategaki {letter-spacing:8px;text-orientation: upright;-ms-writing-mode: tb-rl; writing-mode: vertical-rl;padding:0 20px;font-size :15px;text-align: left;display: inline-block;font-family :Zen Old Mincho , serif;}div.tategaki1 {letter-spacing:8px;text-orientation: upright;-ms-writing-mode: tb-rl; writing-mode: vertical-rl;padding:0 20px;font-size :15px;text-align: left;display: inline-block;font-family :Zen Old Mincho , serif;}}