#topArea{position:relative;width: 960px;margin: 5px 0 27px 0;}
#topArea img{width:100%;}
#contents h1{position: absolute;top: 63%;transform: translateY(-50%);left: 47px;font-family: "Shippori Mincho B1", serif;font-size: 56px;letter-spacing: 1px;line-height: 1.15;width: 42%;margin: 5px 0 27px 0;max-width: 960px;}

@media screen and (max-width: 680px) {
    #contents h1{font-size: min(4.8vw, 26px);left: 1.1em;top:53%;width: 60%;line-height: 1.2;}
    #topArea{width: 100%;}
}

#contents .lead01 p{font-size:15px;}

#contents h2 {color: #ca417d;border-top: 1px solid #ca417d;border-bottom: 1px solid #ca417d;text-align: center;padding: 8px 0 6px;font-size: 16px;font-weight: bold;margin: 30px 0 20px;}

.wrap_to_word{margin: 8% 0 4%;}
span.to_word_catch{font-size: 18px;display: block;text-align: center;margin-bottom: 0.5em;color: #000;}
.wrap_to_word a{padding: 1em;background: #c43063;width: 70%;text-align: center;display: block;margin: 0 auto;/* border-radius: 50px; */position: relative;border: 1px solid #c43063;color: #fff;transition: 0.2s;}
.wrap_to_word a::after {content: "";position: absolute;margin: auto;top: 50%;right: 2em;width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg) translateY(-50%);transition: 0.2s;}
.wrap_to_word a p.to_word_button{font-size: 20px;font-weight: bold;text-align: center;}

@media screen and (min-width: 681px) {
.wrap_to_word a:hover{background: #fff;color:#c43063;text-decoration: none;}
.wrap_to_word a:hover::after{border-top: 2px solid #c43063;border-right: 2px solid #c43063;right: 1em;}
}

@media screen and (max-width: 680px) {
span.to_word_catch{font-size:15px;}
.wrap_to_word a{width:80%;text-decoration: none;}
.wrap_to_word a p.to_word_button{font-size:16px;}
.wrap_to_word{margin-top:12%;}
}

.columnListArea{float:none;}

.sp_on{display:none;}
@media screen and (max-width: 680px) {
    .sp_on{display:block;}
}