@charset "UTF-8";


#greeting{position:absolute;top:120px;margin:120px calc((100vw - 960px) / 2);width:960px;display:grid;}
footer{margin:60px calc((100vw - 960px) / 2);width:960px;}
#copyright{text-align:right;}

.accordion {margin:50px calc((100vw - 960px) / 2);width:960px;position: relative;}
.accordion-title {cursor: pointer;padding: 10px 20px;margin-bottom:20px;}
.accordion-content {display: none;padding: 10px 20px;margin-bottom:70px;}
.accordion-content p {line-height: 1.5;}
.accordion-title {position: relative;}

.accordion-title::before {background: #000;content: "";height: 2px;position: absolute;right: 25px;top: 50%;transform: rotate(90deg);transition: transform .3s ease-in-out;width: 15px;}
.accordion-title::after {background: #000;content: "";height: 2px;position: absolute;right: 25px;top: 50%;transition: opacity .3s ease-in-out;width: 15px;}

.accordion-title.open::before {transform: rotate(180deg);}
.accordion-title.open::after {opacity: 0;}

.contentsIndex{display:grid;gap:50px;grid-template-columns: 1fr 1fr 1fr;}

.contentsIndex .thum img{object-fit: cover;height:100%;width:100%;}
.contentsIndex .thum{width:100%;height:calc((960px - 100px) / 3 * 0.7);background-color:#eee;}