@charset "UTF-8";


/* .top-menu { padding: 14vw 0 4vw; margin-top: -5vw; background: #fff; -moz-border-radius: 5vw 5vw 0 0; -webkit-border-radius: 5vw; border-radius: 5vw 5vw 0 0; overflow: hidden; z-index: 1; position: relative; }
.top-menu:before { content: ''; width: 68vw; height: 66vw; background: url(../images/top-menu-deco.png) no-repeat top center; background-size: 100%; z-index: -1; position: absolute; top: 0; right: 0; }
.top-menu-head { width: 90vw; margin: 0 auto 8vw; }
.top-menu-head-comment { font-size: 3.6vw; text-align: center; line-height: 1.8; }
.top-menu-items { width: 100%; }
.top-menu-items li { width: 100%; margin-bottom: 10vw; position: relative; }
.top-menu-item-image { width: 100%; -moz-border-radius: 5vw 5vw 0 0; -webkit-border-radius: 5vw; border-radius: 5vw 5vw 0 0; overflow: hidden; }
.top-menu-item-image img { width: 100%; }

.top-menu-item-text { width: 85vw; padding: 6vw 0; margin: -10vw auto 0; background: rgba(74, 110, 141, 0.9); -moz-border-radius: 4vw; -webkit-border-radius: 4vw; border-radius: 4vw; z-index: 1; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.top-menu-item-icon { width: 10vw; margin-right: 3.5vw; }
.top-menu-item-title { min-width: 45vw; color: #fff; }
.top-menu-item-title .jp {margin-bottom: 1.5vw;font-size: 6vw;font-weight: bold;display: block;}
.top-menu-item-title .en { font-size: 3.3vw; font-family: futura-pt; font-weight: 400;  letter-spacing: 0.04em; display: block; } */

/* 詳細 index
----------------------------------------------- */
.list{width: 100%;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.list ul{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.list li{width: 48%;height: 16vw;margin-bottom: 4vw;font-size: 3.6vw;font-weight: bold;text-align: center;line-height: 1.4;background: var(--bluebg);position: relative;}
.list li a{height: 100%;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.list li a:after {content: '';width: 3vw;aspect-ratio: 1;clip-path: polygon(0 100%, 100% 0, 100% 100%);background: #b2c6d1;pointer-evens: none;position: absolute;right: 1.5vw;bottom: 1.5vw;}

/* ============================================= 
pc
================================================*/
@media screen and (min-width: 736px) { 
.top-menu { padding: 120px 0 100px; margin-top: -60px; -moz-border-radius: 60px 60px 0 0; -webkit-border-radius: 60px; border-radius: 60px 60px 0 0; }
.top-menu:before {width: 930px;height: 563px;background: url(../images/top-menu-deco-pc.png) no-repeat top -160px left;background-size: 80%;top: 0;right: auto;left: 0;}
.top-menu-head { width: 100%; margin-bottom: 60px; }
.top-menu-head-comment { font-size: 16px; }
.top-menu-items {width: 90%;margin: 0 auto;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;gap: 0 120px;max-width: 1740px;padding-left: 2vw;}
.top-menu-items li {margin-bottom: 0px;width: calc((100% - 240px) / 3);}
.top-menu-items li:nth-child(3n+1) { margin-top: 100px; }
.top-menu-items li:nth-child(3n+2) { margin-top: 50px; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.top-menu-items li:nth-child(3n) { -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.top-menu-items a { padding-bottom: 90px; z-index: 1; position: relative; }
.top-menu-items a:after {content: '';width: calc((100% + 20px));height: 90%;background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZmJmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QyZWFmOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #f6fbff), color-stop(100%, #d2eaf8));background: -moz-linear-gradient(left, #f6fbff, #d2eaf8);background: -webkit-linear-gradient(left, #f6fbff, #d2eaf8);background: linear-gradient(to right bottom, #f6fbff, #d2eaf8);-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;z-index: -1;position: absolute;bottom: 0;left: -60px;max-height: 300px;}
.top-menu-item-image {-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;z-index: 1;position: relative;min-width: 300px;}
.top-menu-item-text {width: 400px;padding: 1vw 0 1vw 1vw;margin: 0;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;position: absolute;bottom: 40px;left: -60px;-webkit-justify-content: flex-start;justify-content: flex-start;max-width: 400px;width: 100%;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;}
.top-menu-item-icon {margin-right: 14px;width: 90%;max-width: 65px;}
.top-menu-item-title { min-width: 0; }
.top-menu-item-title .jp {margin-bottom: 10px;font-size: 28px;font-size: clamp(20px, 1.7vw, 26px);}
.top-menu-item-title .en { font-size: 14px; }
}

@media screen and (min-width: 736px)and (max-width: 1400px) { 
.top-menu-items{gap: 0 80px;padding-left: 4vw;}
.top-menu-items a:after{left: -40px;}
.top-menu-items li{width: calc((100% - 160px) / 3);}
.top-menu-items li:nth-child(3n+1) {margin-top: 70px;}
.top-menu-items li:nth-child(3n+2) {margin-top: 30px;}
.top-menu-items li:nth-child(3n){margin-top: 0px;}
.top-menu-item-image{min-width: 200px;}
.top-menu-item-text{left: -40px;}
.top-menu-item-icon{width: 50px;}
.top-menu-item-title .en{font-size: 13px;}
}

/* 詳細 index
----------------------------------------------- */
@media screen and (min-width: 736px) { 
.list{-webkit-justify-content: flex-start;justify-content: flex-start;gap: 0 10px;}
.list ul{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.list li{height: 70px;margin-bottom: 14px;font-size: 16px;width: -webkit-calc((100% - 60px) / 4);width: calc((100% - 30px) / 4);}
.list li a:after {width: 12px;right: 5px;bottom: 5px;}
}