@import url(default.css);
@import url(fonts.css);
@import url(common.css);
@import url(layout.css);

.quick_menu {
    position: fixed;
    right: 1%;
    bottom: 10%;
    z-index: 99;
    color: #fff;
    font-size: 15px;
    font-weight: var(--txt-bold);
    line-height: 1.2;
}
.quick_menu ul li {
    margin-bottom: 10px;
}
.quick_menu ul li a,
.quick_menu ul li button {
    display: block;
    width: 95px;
    height: 75px;
    text-align: center;
    padding-top: 21px;
    position: relative; /* before 정렬의 기준 */
}
.quick_menu ul li button {
    padding-top: 20px;
}
.quick_menu ul li button span {
    text-align: center;
}
.quick_menu ul li button::before {
    position: absolute;
    left: 1px;
    top: 15px;
    width: 100%;
    height: 23px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_114_62' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect x='0.189453' y='23.9785' width='23' height='23' transform='rotate(-90 0.189453 23.9785)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_114_62)'%3E%3Cpath d='M11.6282 9.44453L3.09612 18.2172C2.80591 18.5156 2.4625 18.6599 2.06589 18.6499C1.66927 18.64 1.32586 18.4858 1.03565 18.1874C0.745445 17.889 0.600342 17.5359 0.600342 17.1281C0.600342 16.7203 0.745445 16.3672 1.03565 16.0688L9.97402 6.9082C10.2062 6.66948 10.4674 6.49045 10.7576 6.37109C11.0478 6.25174 11.338 6.19206 11.6282 6.19206C11.9184 6.19206 12.2086 6.25174 12.4988 6.37109C12.789 6.49045 13.0502 6.66948 13.2824 6.9082L22.2207 16.0987C22.5109 16.3971 22.6512 16.7452 22.6415 17.143C22.6319 17.5409 22.4819 17.889 22.1917 18.1874C21.9015 18.4858 21.5581 18.635 21.1615 18.635C20.7649 18.635 20.4215 18.4858 20.1313 18.1874L11.6282 9.44453Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.quick_menu ul li.quick1, .quick_menu ul li.top button {
    background-repeat: no-repeat; 
    background-position: center center; 
    background-size: contain;
}
.quick_menu ul li.quick1 {background-image: url("data:image/svg+xml,%3Csvg width='82' height='81' viewBox='0 0 82 81' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.919434 41.4344C0.919434 19.286 18.8709 2.70801 41.0194 2.70801C63.1679 2.70801 81.1194 19.286 81.1194 41.4344C81.1194 63.5829 63.1679 80.1609 41.0194 80.1609C18.8709 80.1609 0.919434 63.5829 0.919434 41.4344Z' fill='%23FFDC81'/%3E%3Cpath d='M39.4356 1.31543C39.4356 1.31543 39.3974 3.43298 38.1956 4.34868C36.9937 5.26438 45.483 6.23731 46.5323 4.34868C44.6818 2.97513 44.8153 1.31543 44.8153 1.31543H39.4547H39.4356Z' fill='%23FFD565'/%3E%3Cpath d='M44.7965 1.31632C44.7965 2.04124 43.5946 2.63263 42.1066 2.63263C40.6186 2.63263 39.4167 2.04124 39.4167 1.31632C39.4167 0.591389 40.6186 0 42.1066 0C43.5946 0 44.7965 0.591389 44.7965 1.31632Z' fill='%23FFCC45'/%3E%3Cpath d='M8.79858 15.3944C8.79858 15.3944 10.4583 16.7107 10.4583 18.2178C10.4583 19.7248 16.3722 13.563 15.5137 11.598C13.3008 12.2276 12.0608 11.1211 12.0608 11.1211L8.81766 15.3944H8.79858Z' fill='%23FFD565'/%3E%3Cpath d='M12.0415 11.1408C12.6138 11.5796 12.3658 12.8959 11.4692 14.0787C10.5726 15.2615 9.37071 15.8528 8.7984 15.4141C8.22608 14.9753 8.47409 13.659 9.37071 12.4762C10.2673 11.2934 11.4692 10.702 12.0415 11.1408Z' fill='%23FFCC45'/%3E%3Cpath d='M27.9324 13.5261C27.9324 13.5261 28.0278 14.3845 27.1884 15.6436C26.349 16.9027 34.7047 15.0713 35.0672 12.9537C32.8733 12.2479 33.0069 11.79 33.0069 11.79L27.9324 13.5261Z' fill='%23FFD565'/%3E%3Cpath d='M33.0069 11.7893C33.2358 12.4761 32.3011 13.4299 30.8894 13.9068C29.4967 14.3838 28.1613 14.2121 27.9324 13.5253C27.7035 12.8385 28.6383 11.8847 30.05 11.4078C31.4426 10.9308 32.778 11.1025 33.0069 11.7893Z' fill='%23FFCC45'/%3E%3Cpath d='M9.65649 39.3747C9.65649 39.3747 10.4959 39.5655 11.4116 40.7673C12.3273 41.9692 13.3002 33.4799 11.4116 32.4307C10.038 34.2811 9.65649 34.0141 9.65649 34.0141V39.3747Z' fill='%23FFD565'/%3E%3Cpath d='M9.65665 34.0142C10.3816 34.0142 10.973 35.216 10.973 36.7041C10.973 38.1921 10.3816 39.3939 9.65665 39.3748C8.93172 39.3748 8.34033 38.173 8.34033 36.685C8.34033 35.197 8.93172 33.9951 9.65665 33.9951V34.0142Z' fill='%23FFCC45'/%3E%3Cpath d='M40.5809 26.7462C40.5809 26.7462 40.3138 26.3647 39.1883 28.0435C38.0627 29.7223 45.3883 32.2404 46.3803 28.7875C45.5791 26.3075 45.4265 26.8416 45.4265 26.8416L40.5618 26.7653L40.5809 26.7462Z' fill='%23FFD565'/%3E%3Cpath d='M45.5405 26.8037C45.5405 28.1391 44.4531 28.1772 43.1177 28.1582C41.7824 28.1391 40.1799 28.0818 40.3516 26.7655C40.4088 26.3268 41.7442 25.6591 43.0796 25.6781C44.415 25.6972 45.5215 26.136 45.5215 26.8228L45.5405 26.8037Z' fill='%23FFCC45'/%3E%3Cpath d='M31.6902 52.4807C31.6902 52.4807 31.6139 52.9385 33.5979 52.557C35.5628 52.1755 32.1862 45.2123 29.0194 46.9483C27.8366 49.2567 28.3136 48.9896 28.3136 48.9896L31.6902 52.4807Z' fill='%23FFD565'/%3E%3Cpath d='M28.2183 48.9512C29.1721 47.9974 29.9543 48.7414 30.8891 49.7143C31.8238 50.6872 32.9112 51.8509 31.8429 52.6522C31.4995 52.9193 30.0687 52.4614 29.134 51.4885C28.1992 50.5155 27.7223 49.4472 28.1992 48.9512H28.2183Z' fill='%23FFCC45'/%3E%3Cpath d='M60.7641 36.5705C60.7641 36.5705 61.1457 36.3035 59.4669 35.1779C57.7881 34.0715 55.289 41.397 58.7611 42.389C61.222 41.5878 60.7069 41.4352 60.7069 41.4352L60.7641 36.5705Z' fill='%23FFD565'/%3E%3Cpath d='M60.7261 41.5114C59.3907 41.5114 59.3525 40.4431 59.3525 39.0886C59.3525 37.7341 59.4098 36.1507 60.7452 36.3224C61.1839 36.3796 61.8707 37.715 61.8516 39.0504C61.8326 40.3858 61.4129 41.4923 60.7261 41.5114Z' fill='%23FFCC45'/%3E%3Cpath d='M26.3491 70.986C26.3491 70.986 27.0358 70.4519 28.5429 70.5282C30.05 70.5854 24.1552 64.4044 22.1521 65.1866C22.6863 67.4186 22.2284 67.5522 22.2284 67.5522L26.3491 70.986Z' fill='%23FFD565'/%3E%3Cpath d='M22.2285 67.5522C22.6863 66.999 24.0026 67.3042 25.1282 68.2581C26.2728 69.2119 26.807 70.4328 26.3491 70.9861C25.8913 71.5393 24.5749 71.2341 23.4494 70.2802C22.3048 69.3264 21.7706 68.1054 22.2285 67.5522Z' fill='%23FFCC45'/%3E%3Cpath d='M70.5508 56.1055C70.5508 56.1055 70.0166 55.4188 70.0929 53.9117C70.1692 52.4046 63.9692 58.2994 64.7514 60.3025C66.9834 59.7683 67.1169 60.2262 67.1169 60.2262L70.5508 56.1055Z' fill='%23FFD565'/%3E%3Cpath d='M67.1169 60.227C66.5637 59.7691 66.8689 58.4528 67.8228 57.3272C68.7766 56.2017 69.9975 55.6485 70.5508 56.1063C71.104 56.5642 70.7988 57.8805 69.8449 59.006C68.8911 60.1316 67.6701 60.6848 67.1169 60.227Z' fill='%23FFCC45'/%3E%3Cpath d='M55.6893 11.9033C55.6893 11.9033 55.0025 12.4375 53.4954 12.3612C51.9883 12.3039 57.8831 18.4849 59.8862 17.7027C59.3521 15.4707 59.8099 15.3372 59.8099 15.3372L55.6893 11.9033Z' fill='%23FFD565'/%3E%3Cpath d='M59.81 15.3376C59.3521 15.8909 58.0358 15.5856 56.9103 14.6318C55.7847 13.6779 55.2315 12.457 55.6893 11.9038C56.1472 11.3505 57.4635 11.6558 58.589 12.6096C59.7337 13.5635 60.2678 14.7844 59.81 15.3376Z' fill='%23FFCC45'/%3E%3Cpath d='M4.04805 60.3599C4.04805 60.3599 5.89853 59.3297 7.29115 59.902C8.68378 60.4744 5.23083 52.6528 3.07512 52.7291C2.82712 55.0183 1.33911 55.7623 1.33911 55.7623L4.04805 60.379V60.3599Z' fill='%23FFD565'/%3E%3Cpath d='M1.33906 55.7436C1.9686 55.3812 3.07507 56.1061 3.83815 57.3843C4.58216 58.6624 4.69662 59.9978 4.06708 60.3603C3.43753 60.7228 2.33107 59.9978 1.56798 58.7197C0.823978 57.4415 0.709516 56.1061 1.33906 55.7436Z' fill='%23FFCC45'/%3E%3Cpath d='M65.8961 72.9885C65.8961 72.9885 64.5607 71.3479 64.885 69.8599C65.2093 68.3719 58.1126 73.1411 58.5323 75.2396C60.8216 75.087 61.8136 76.4415 61.8136 76.4415L65.8961 72.9694V72.9885Z' fill='%23FFD565'/%3E%3Cpath d='M61.7948 76.4412C61.3179 75.8879 61.852 74.667 62.9776 73.6941C64.1031 72.7402 65.4004 72.4159 65.8773 72.9691C66.3542 73.5224 65.8201 74.7433 64.6945 75.7162C63.569 76.6701 62.2717 76.9944 61.7948 76.4412Z' fill='%23FFCC45'/%3E%3Cpath d='M76.1016 19.2119C76.1016 19.2119 74.3465 20.4138 72.9158 19.975C71.485 19.5362 75.6247 26.9954 77.7804 26.7474C77.8186 24.4581 79.2303 23.5806 79.2303 23.5806L76.1016 19.231V19.2119Z' fill='%23FFD565'/%3E%3Cpath d='M79.2307 23.5606C78.6393 23.9803 77.4565 23.3508 76.598 22.1489C75.7396 20.9471 75.5106 19.6308 76.102 19.2111C76.6934 18.7914 77.8762 19.4209 78.7347 20.6228C79.5931 21.8246 79.822 23.1409 79.2307 23.5606Z' fill='%23FFCC45'/%3E%3C/svg%3E%0A");}
.quick_menu ul li.top button {background-image: url("data:image/svg+xml,%3Csvg width='100' height='79' viewBox='0 0 100 79' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4458 39.536C11.4458 18.0607 28.85 2 50.3049 2C71.7598 2 89.164 18.0607 89.164 39.536C89.164 61.0113 71.7598 77.072 50.3049 77.072C28.85 77.072 11.4458 61.0113 11.4458 39.536Z' fill='%235AB6ED'/%3E%3Cpath d='M30.9058 13.5223C30.3358 11.9956 31.5775 10.1229 33.6742 9.34934C35.7708 8.57582 37.9285 9.1865 38.4985 10.7335C39.0684 12.2602 37.8267 14.1329 35.7301 14.9065C33.6335 15.68 31.4758 15.0693 30.9058 13.5223Z' fill='%23B2D9F0'/%3E%3Cpath d='M40.7371 18.1824C40.1671 16.6557 41.4088 14.783 43.5055 14.0095C45.6021 13.236 47.7598 13.8467 48.3298 15.3937C48.8997 16.9407 47.658 18.7931 45.5614 19.5666C43.4648 20.3401 41.3071 19.7295 40.7371 18.1824Z' fill='%23B2D9F0'/%3E%3Cpath d='M39.8213 10.7323C39.4956 9.85698 40.2081 8.77813 41.4091 8.3303C42.6101 7.88247 43.8518 8.24888 44.1775 9.12417C44.5032 9.99947 43.7907 11.0783 42.5897 11.5261C41.3887 11.974 40.147 11.6076 39.8213 10.7323Z' fill='%23B2D9F0'/%3E%3Cpath d='M32.5132 22.784C32.1875 21.9087 32.9 20.8299 34.101 20.3821C35.302 19.9342 36.5437 20.3006 36.8694 21.1759C37.195 22.0512 36.4826 23.1301 35.2816 23.5779C34.0806 24.0257 32.8389 23.6593 32.5132 22.784Z' fill='%23B2D9F0'/%3E%3Cpath d='M27.7907 19.0981C27.5871 18.5689 28.0146 17.9379 28.7474 17.6732C29.4599 17.4086 30.213 17.6122 30.3962 18.1414C30.5998 18.6707 30.1723 19.3017 29.4395 19.5663C28.7271 19.8309 27.9739 19.6274 27.7907 19.0981Z' fill='%23B2D9F0'/%3E%3Cpath d='M35.1193 17.2671C34.9158 16.7378 35.3432 16.1068 36.076 15.8422C36.7885 15.5776 37.5416 15.7811 37.7248 16.3104C37.908 16.8396 37.5009 17.4706 36.7681 17.7353C36.0557 17.9999 35.3025 17.7963 35.1193 17.2671Z' fill='%23B2D9F0'/%3E%3Cpath d='M94.8226 10.1217C94.0898 8.47291 92.8277 7.39406 91.1789 6.98695C86.0696 5.74525 78.4973 11.6688 77.6627 12.3405C77.622 12.3812 77.5813 12.4219 77.5202 12.483C78.2734 13.1954 79.0062 13.9486 79.7187 14.7221C82.4667 12.5237 87.7388 9.38892 90.4461 10.0403C91.1382 10.2032 91.6064 10.6306 91.9524 11.4041C92.7463 13.1751 90.7922 18.3251 86.1307 24.7168C80.3293 32.6759 70.3143 42.5077 56.106 50.019C42.1623 57.3877 28.7275 61.1332 18.9364 62.0696C11.1402 62.8227 5.64413 61.8049 4.07674 59.403C3.18109 58.0391 2.93682 56.6549 3.30323 55.1486C4.36172 50.7518 10.1631 46.8638 11.9341 45.7646C11.7509 44.7061 11.6287 43.6273 11.5473 42.5281C11.3437 42.5281 11.1198 42.6095 10.9163 42.7113C10.5499 42.9148 1.83761 47.902 0.249865 54.3955C-0.320095 56.7567 0.0870192 59.0162 1.45085 61.1128C3.30323 63.9219 8.0054 65.3875 14.5396 65.3875C16.6362 65.3875 18.9364 65.2247 21.3588 64.9194C31.5163 63.6573 44.3811 59.6879 57.5309 52.7466C70.3957 45.9682 80.8179 36.6249 87.4131 28.218C93.4791 20.4828 96.3086 13.5415 94.7819 10.1014L94.8226 10.1217Z' fill='%23ADE1FF'/%3E%3C/svg%3E%0A");}
@media screen and (max-width:768px){
    .quick_menu {display: none;}
}
.visual {
    height: 900px;
    background: url(../images/main/visual_bg.png) no-repeat center center / cover;
    color: #fff;
    padding-top: 220px;
    margin-top: 40px;
}
.visual h2 {
    font-size: 70px;
    font-family: var(--tit-fontfamily);
    text-align: center;
    line-height: var(--tit-lineheight);
    text-shadow: 0 0 4px #81CEEA;
}
@media screen and (max-width:1400px){
    .visual {height: 850px; padding-top: 280px;}
    .visual h2 {font-size: 60px;}
}
@media screen and (max-width:1250px){
    .visual {height: 800px; background: url(../images/main/visual_bg1200.png) no-repeat center center / cover; padding-top: 235px; margin-top: 0;}
    .visual h2 {font-size: 55px;}
}
@media screen and (max-width:768px){
    .visual {background: url(../images/main/visual_bg768.png) no-repeat center center / cover; padding-top: 180px;}
    .visual h2 {font-size: 50px;}
}
@media screen and (max-width:400px){
    .visual {height: 500px; background: url(../images/main/visual_bg360.png) no-repeat center center / cover; padding-top: 122px;}
    .visual h2 {font-size: 35px;}
}
.book {
    padding: 210px 0 300px 0;
    position: relative;
}
.book::before{
    position: absolute;
    z-index: -10;
    top: 0;
    left: -10%;
    width: 120%;
    height: 100%;
    background: url(../images/main/book_bg.png) no-repeat center center / cover;
    content: "";
}
.book h3 {
    color: var(--tit-txt-color);
    font-size: var(--tit-txt-size);
    font-family: var(--tit-fontfamily);
    text-align: center;
}
.book .tabs > ul {
    margin: 20px 0 84px 0;
    display: flex;
    justify-content: center;
    gap: 20px;
}
.book .tabs > ul > li {
    text-align: center;
    width: 120px;
}
.book .tabs > ul > li > a {
    width: 100%;
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    line-height: 56px;
    color: #fff;
    border-radius: 28px;
    background-color: #E8E8E8;
}
.book .tabs > ul > li.active > a {
    background-color: var(--color-main-g);
}
.book .tabs .tab > ul {
    width: 25%;
}
.book .tabs .tab .sub_tab_wrap {
    width: 75%;
}
.book .tabs .tab .sub_tab_wrap .sub_tab {
    width: 1260px;
}
.book .tabs .tab > ul > li {
    margin: 0 24px 10px 0;
}
.book .tabs .tab > ul > li > a {
    display: block;
    font-size: 26px;
    font-family: var(--tit-fontfamily);
    color: #aaa;
    padding: 17px 122px 17px 25px;
}
.book .tabs .tab > ul > li.active > a {
    color: #fff;
    background-color: var(--color-main-y);
    border-radius: 40px;
    position: relative;
}
.book .tabs .tab > ul > li.active > a::after {
    position: absolute;
    right: 20px;
    top: 17px;
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_33_9689' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='38' height='38'%3E%3Crect width='38' height='38' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_33_9689)'%3E%3Cpath d='M17.1 20.9V26.6C17.1 27.1383 17.2821 27.5896 17.6462 27.9538C18.0104 28.3179 18.4617 28.5 19 28.5C19.5383 28.5 19.9896 28.3179 20.3538 27.9538C20.7179 27.5896 20.9 27.1383 20.9 26.6V20.9H26.6C27.1383 20.9 27.5896 20.7179 27.9538 20.3538C28.3179 19.9896 28.5 19.5383 28.5 19C28.5 18.4617 28.3179 18.0104 27.9538 17.6462C27.5896 17.2821 27.1383 17.1 26.6 17.1H20.9V11.4C20.9 10.8617 20.7179 10.4104 20.3538 10.0462C19.9896 9.68208 19.5383 9.5 19 9.5C18.4617 9.5 18.0104 9.68208 17.6462 10.0462C17.2821 10.4104 17.1 10.8617 17.1 11.4V17.1H11.4C10.8617 17.1 10.4104 17.2821 10.0462 17.6462C9.68208 18.0104 9.5 18.4617 9.5 19C9.5 19.5383 9.68208 19.9896 10.0462 20.3538C10.4104 20.7179 10.8617 20.9 11.4 20.9H17.1ZM19 38C16.3717 38 13.9017 37.5012 11.59 36.5037C9.27833 35.5062 7.2675 34.1525 5.5575 32.4425C3.8475 30.7325 2.49375 28.7217 1.49625 26.41C0.49875 24.0983 0 21.6283 0 19C0 16.3717 0.49875 13.9017 1.49625 11.59C2.49375 9.27833 3.8475 7.2675 5.5575 5.5575C7.2675 3.8475 9.27833 2.49375 11.59 1.49625C13.9017 0.49875 16.3717 0 19 0C21.6283 0 24.0983 0.49875 26.41 1.49625C28.7217 2.49375 30.7325 3.8475 32.4425 5.5575C34.1525 7.2675 35.5062 9.27833 36.5037 11.59C37.5012 13.9017 38 16.3717 38 19C38 21.6283 37.5012 24.0983 36.5037 26.41C35.5062 28.7217 34.1525 30.7325 32.4425 32.4425C30.7325 34.1525 28.7217 35.5062 26.41 36.5037C24.0983 37.5012 21.6283 38 19 38Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.book .tabs .tab, .book .sub_tab {
    display: none;
}
.book .tabs .tab.active {
    display: flex;
}
.book .tabs .sub_tab.active {
    display: block;
}
.book .tabs .tab .sub_tab ul li {
    border: 1px solid #aaa;
    border-radius: 20px;
    overflow: hidden;
    width: 297px;
}
.book .tabs .tab .sub_tab ul li a .photo {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}
.book .tabs .tab .sub_tab ul li a .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}
.book .tabs .tab .sub_tab ul li:hover a .photo img {
    transform: scale3d(1.2, 1.2, 1)
}
.book .tabs .tab .sub_tab ul li a .tit_wrap {
    text-align: center;
    background-color: #fff;
    padding: 20px 0;
    border-top: 1px solid #aaa;
}
.book .tabs .tab .sub_tab ul li a .tit h4 {
    color: var(--tit-txt-color);
    font-size: 25px;
    font-weight: var(--txt-bold);
    line-height: var(--tit-lineheight);
    height: 1.3em;
    overflow: hidden;
}
.book .tabs .tab .sub_tab ul li a .tit strong {
    color: #666;
    font-weight: var(--txt-bold);
    height: 1.2em;
    line-height: 1.2;
    overflow: hidden;
}
.book .tabs .tab .sub_tab ul li a .tit span {
    color: var(--color-main-y);
    font-weight: var(--txt-bold);
}
.book .tabs .tab #sub_tab102 ul li a .tit h4,
.book .tabs .tab #sub_tab202 ul li a .tit h4 {
    font-size: 20px;
}
.book .tabs .tab #sub_tab201 ul li a .tit span {
    position: absolute;
    top: 8px;
    left: 12px;
    color: #fff;
    background-color: var(--color-main-y);
    display: block;
    padding: 3px 10px;
    border-radius: 15px;
}
.book .tab .sub_tab .scrollbar {
    position: relative;
    margin: 60px 25% 0 0; 
}
.book .tab .sub_tab .scrollbar .handle {
    position:relative;
    height:10px;
    border-radius:5px;
    background:#999;
}
.book .tab .sub_tab .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 0;
    bottom: 3px;
    z-index: 50;
    height: 15px;
    width: 100%;
}
.book .tab .sub_tab .scrollbar .swiper-scrollbar-drag {
    position:absolute;
    top: -19px;
    left: 0;
    width: 54px !important;
    height: 54px;
    border-radius:40px;
    background: url(../images/main/scrollbar.png) no-repeat center center / contain;
    cursor:pointer;
}

@media screen and (max-width:1400px){
    .book {padding: 165px 0 238px 0;}
    .book .tabs > ul {margin: 20px 0 60px 0;}
    .book .tabs > ul > li {width: 97px;}
    .book .tabs > ul > li > a {font-size: 22px; line-height: 46px;}
    .book .tabs .tab > ul {float: none; display: flex; justify-content: center; width: auto;}
    .book .tabs .tab > ul > li {margin: 0 50px 30px 50px;}
    .book .tabs .tab > ul > li > a {font-size: 30px; padding: 0 40px 0 0;}
    .book .tabs .tab > ul > li.active > a {color: var(--color-main-y); background-color: transparent;}
    .book .tabs .tab > ul > li.active > a::after {right: 0; top: 4px; width: 30px; height: 30px; background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_100_645' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='30'%3E%3Crect width='30' height='30' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_100_645)'%3E%3Cpath d='M13.5 16.5V21C13.5 21.425 13.6438 21.7813 13.9313 22.0688C14.2188 22.3563 14.575 22.5 15 22.5C15.425 22.5 15.7813 22.3563 16.0688 22.0688C16.3563 21.7813 16.5 21.425 16.5 21V16.5H21C21.425 16.5 21.7813 16.3563 22.0688 16.0688C22.3563 15.7813 22.5 15.425 22.5 15C22.5 14.575 22.3563 14.2188 22.0688 13.9313C21.7813 13.6438 21.425 13.5 21 13.5H16.5V9C16.5 8.575 16.3563 8.21875 16.0688 7.93125C15.7813 7.64375 15.425 7.5 15 7.5C14.575 7.5 14.2188 7.64375 13.9313 7.93125C13.6438 8.21875 13.5 8.575 13.5 9V13.5H9C8.575 13.5 8.21875 13.6438 7.93125 13.9313C7.64375 14.2188 7.5 14.575 7.5 15C7.5 15.425 7.64375 15.7813 7.93125 16.0688C8.21875 16.3563 8.575 16.5 9 16.5H13.5ZM15 30C12.925 30 10.975 29.6062 9.15 28.8187C7.325 28.0312 5.7375 26.9625 4.3875 25.6125C3.0375 24.2625 1.96875 22.675 1.18125 20.85C0.39375 19.025 0 17.075 0 15C0 12.925 0.39375 10.975 1.18125 9.15C1.96875 7.325 3.0375 5.7375 4.3875 4.3875C5.7375 3.0375 7.325 1.96875 9.15 1.18125C10.975 0.39375 12.925 0 15 0C17.075 0 19.025 0.39375 20.85 1.18125C22.675 1.96875 24.2625 3.0375 25.6125 4.3875C26.9625 5.7375 28.0312 7.325 28.8187 9.15C29.6062 10.975 30 12.925 30 15C30 17.075 29.6062 19.025 28.8187 20.85C28.0312 22.675 26.9625 24.2625 25.6125 25.6125C24.2625 26.9625 22.675 28.0312 20.85 28.8187C19.025 29.6062 17.075 30 15 30Z' fill='%23FFCB41'/%3E%3C/g%3E%3C/svg%3E%0A");}
    .book .tabs .tab .sub_tab ul li {width: calc(25% - 18px); }
    .book .tabs .tab .sub_tab ul li a .tit h4 {font-size: 22px;}
    .book .tab .sub_tab .scrollbar {margin: 70px 0 0 0;}
    .book .tabs .tab.active {display: block;}
    .book .tabs .tab .sub_tab_wrap {width: auto;}
    .book .tabs .tab .sub_tab_wrap .sub_tab {width: auto;}
}
@media screen and (max-width:1250px){
    .book {padding: 123px 0 204px 0;}
    .book .tabs > ul {margin: 13px 0 40px 0;}
    .book .tabs > ul > li {width: 95px;}
    .book .tabs > ul > li > a {line-height: 44px;}
    .book .tabs .tab > ul > li {margin: 0 50px 25px 50px;}
    .book .tabs .tab > ul > li > a {font-size: 28px;}
    .book .tabs .tab .sub_tab ul li a .tit_wrap {padding: 17px 0 18px 0;}
    .book .tabs .tab .sub_tab ul li a .tit h4 {font-size: 20px;}
    .book .tabs .tab #sub_tab102 ul li a .tit h4,
    .book .tabs .tab #sub_tab202 ul li a .tit h4 {font-size: 18px;}
}
@media screen and (max-width:768px){
    .book {width: 100%;}
    .book {padding: 80px 0 70px 0;}
    .book .tabs .tab > ul > li {margin: 0 10px 25px 10px; text-align: center; line-height: 1.1;}
    .book .tabs .tab > ul > li > a {font-size: 25px;}
    .book .tabs .tab .sub_tab ul li a .tit_wrap {padding: 17px 0 18px 0;}
    .book .tabs .tab .sub_tab ul li a .tit h4 {font-size: 17px;}
    .book .tabs .tab #sub_tab102 ul li a .tit h4,
    .book .tabs .tab #sub_tab202 ul li a .tit h4 {font-size: 18px;}
    .book .tabs .tab > ul > li.active > a::after {right: 7px; top: 0; width: 27px; height: 27px;}
    .book .tabs .tab .sub_tab ul li {width: calc(40% - 10px);}
    .book .tab .sub_tab .scrollbar {display: none;}
}
@media screen and (max-width:370px){
    .book {padding: 30px 0 57px 0;}
    .book .tabs > ul {margin: 13px 0 20px 0; gap: 10px;}
    .book .tabs > ul > li {width: 66px;}
    .book .tabs > ul > li > a {font-size: 17px; line-height: 30px;}
    .book .tabs .tab > ul > li {margin: 0 10px 25px 10px; text-align: center; line-height: 1.1;}
    .book .tabs .tab > ul > li > a {font-size: 18px;}
    .book .tabs .tab .sub_tab ul li {border-radius: 0;}
    .book .tabs .tab .sub_tab ul li a .tit_wrap {padding: 10px 0;}
    .book .tabs .tab .sub_tab ul li a .tit strong {display: none;}
    .book .tabs .tab .sub_tab ul li a .tit span {display: none;}
    .book .tabs .tab .sub_tab ul li {width: calc(60% - 10px);}
    .book .tabs .tab #sub_tab102 ul li a .tit h4,
    .book .tabs .tab #sub_tab202 ul li a .tit h4 {font-size: 17px;}
    .book .tabs .tab #sub_tab201 ul li a .tit span {left: 8px;}
    .book .tabs .tab > ul > li.active > a::after {right: 14px; width: 20px; height: 20px;}
}

.talk {
    background: url(../images/main/talk_bg.png) no-repeat center center / cover;
    padding: 170px 0 100px 0;
}
.talk .tit .tit_wrap a {
    display: flex;
    justify-content: space-between;
    width: calc(50% - 12px);
}
.talk .tit h3 {
    color: var(--tit-txt-color);
    font-size: var(--tit-txt-size);
    font-family: var(--tit-fontfamily);
    line-height: 1;
    margin-left: 10px;
}
.talk .tit span {
    font-size: 0;
    line-height: 0;
    width: 51px;
    height: 51px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_42_868' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='52' height='52'%3E%3Crect width='52' height='52' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_42_868)'%3E%3Cpath d='M23.4 28.6V36.4C23.4 37.1367 23.6492 37.7542 24.1475 38.2525C24.6458 38.7508 25.2633 39 26 39C26.7367 39 27.3542 38.7508 27.8525 38.2525C28.3508 37.7542 28.6 37.1367 28.6 36.4V28.6H36.4C37.1367 28.6 37.7542 28.3508 38.2525 27.8525C38.7508 27.3542 39 26.7367 39 26C39 25.2633 38.7508 24.6458 38.2525 24.1475C37.7542 23.6492 37.1367 23.4 36.4 23.4H28.6V15.6C28.6 14.8633 28.3508 14.2458 27.8525 13.7475C27.3542 13.2492 26.7367 13 26 13C25.2633 13 24.6458 13.2492 24.1475 13.7475C23.6492 14.2458 23.4 14.8633 23.4 15.6V23.4H15.6C14.8633 23.4 14.2458 23.6492 13.7475 24.1475C13.2492 24.6458 13 25.2633 13 26C13 26.7367 13.2492 27.3542 13.7475 27.8525C14.2458 28.3508 14.8633 28.6 15.6 28.6H23.4ZM26 52C22.4033 52 19.0233 51.3175 15.86 49.9525C12.6967 48.5875 9.945 46.735 7.605 44.395C5.265 42.055 3.4125 39.3033 2.0475 36.14C0.6825 32.9767 0 29.5967 0 26C0 22.4033 0.6825 19.0233 2.0475 15.86C3.4125 12.6967 5.265 9.945 7.605 7.605C9.945 5.265 12.6967 3.4125 15.86 2.0475C19.0233 0.6825 22.4033 0 26 0C29.5967 0 32.9767 0.6825 36.14 2.0475C39.3033 3.4125 42.055 5.265 44.395 7.605C46.735 9.945 48.5875 12.6967 49.9525 15.86C51.3175 19.0233 52 22.4033 52 26C52 29.5967 51.3175 32.9767 49.9525 36.14C48.5875 39.3033 46.735 42.055 44.395 44.395C42.055 46.735 39.3033 48.5875 36.14 49.9525C32.9767 51.3175 29.5967 52 26 52Z' fill='%232D2D2D'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.talk .list {
    display: flex;
    justify-content: space-between;
}
.talk .list .list01, .talk .list .list02 {
    width: calc(50% - 12px);
}
.talk .list .list01 ul {
    margin-top: 30px;
}
.talk .list .list01 ul li {
    margin-bottom: 24px;
}
.talk .list .list01 ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
    padding: 14px 23px 14px 19px;
}
.talk .list .list01 ul li.y:hover a {border: 2px solid var(--color-main-y);}
.talk .list .list01 ul li.b:hover a {border: 2px solid var(--color-main-b);}
.talk .list .list01 ul li.p:hover a {border: 2px solid var(--color-main-p);}
.talk .list .list01 ul li.g:hover a {border: 2px solid var(--color-main-g);}
.talk .list .list01 ul li a strong {
    display: block;
    font-size: 23px;
    font-weight: var(--txt-bold);
    color: #fff;
    border-radius: 27px;
    width: 97px;
    line-height: 48px;
    text-align: center;
}
.talk .list .list01 ul li.y a strong {background-color: var(--color-main-y);}
.talk .list .list01 ul li.b a strong {background-color: var(--color-main-b);}
.talk .list .list01 ul li.p a strong {background-color: var(--color-main-p);}
.talk .list .list01 ul li.g a strong {background-color: var(--color-main-g);}
.talk .list .list01 ul li a .tit_sub {
    display: flex;
    align-items: center;
}
.talk .list .list01 ul li a h4 {
    font-size: 25px;
    font-weight: var(--txt-bold);
    margin-left: 15px;
    line-height: 1;
    height: 1em;  
    overflow: hidden;
}
.talk .list .list01 ul li a span {
    color: #666;
    font-size: 20px;
    display: block;
}
.talk .list .list02 {
    transform: translateY(-50px);
}
.talk .list .list02 .talk_search .search-box {
    height: 302px;
    background-color: var(--color-main-p);
    border-radius: 20px;
    padding: 73px 39px 0 39px;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
    color: #fff;
}
.talk .list .list02 .talk_search .search-box h4 {
    font-size: 33px;
    font-family: var(--tit-fontfamily);
    margin: 5px 0 37px 0;
}
.talk .list .list02 .talk_search .search-box .search-txt {
    background-color: #fff;
    border: 0;
    border-radius: 20px;
    float: left;
    padding: 0 30px;
    color: #666;
    font-size: 20px;
    line-height: 76px;
    width: 100%;
}
.talk .list .list02 .talk_search .search-box .search-btn {
    position: relative;
    font-size: 0;
    line-height: 0;
}
.talk .list .list02 .talk_search .search-box .search-btn::before {
    position: absolute;
    top: 6px;
    right: 22px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_42_878' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='30'%3E%3Crect width='30' height='30' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_42_878)'%3E%3Cpath d='M13.3791 26.7581C9.63979 26.7581 6.47513 25.4631 3.88508 22.8731C1.29503 20.283 0 17.1184 0 13.3791C0 9.63979 1.29503 6.47513 3.88508 3.88508C6.47513 1.29503 9.63979 0 13.3791 0C17.1184 0 20.283 1.29503 22.8731 3.88508C25.4631 6.47513 26.7581 9.63979 26.7581 13.3791C26.7581 14.8885 26.518 16.3122 26.0377 17.6501C25.5575 18.988 24.9057 20.1715 24.0823 21.2007L29.434 26.5523C29.8113 26.9297 30 27.4099 30 27.9931C30 28.5763 29.8113 29.0566 29.434 29.434C29.0566 29.8113 28.5763 30 27.9931 30C27.4099 30 26.9297 29.8113 26.5523 29.434L21.2007 24.0823C20.1715 24.9057 18.988 25.5575 17.6501 26.0377C16.3122 26.518 14.8885 26.7581 13.3791 26.7581ZM13.3791 22.6415C15.952 22.6415 18.1389 21.741 19.94 19.94C21.741 18.1389 22.6415 15.952 22.6415 13.3791C22.6415 10.8062 21.741 8.61921 19.94 6.81818C18.1389 5.01715 15.952 4.11664 13.3791 4.11664C10.8062 4.11664 8.61921 5.01715 6.81818 6.81818C5.01715 8.61921 4.11664 10.8062 4.11664 13.3791C4.11664 15.952 5.01715 18.1389 6.81818 19.94C8.61921 21.741 10.8062 22.6415 13.3791 22.6415Z' fill='%23CCCCCC'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.talk .list .list02 .talk_put ul {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    text-align: center;
}
.talk .list .list02 .talk_put ul li {
    width: calc(34% - 16px);    
}
.talk .list .list02 .talk_put ul li a {
    display: block;
    height: 190px;
    border-radius: 20px;
    padding: 42px 0 32px 0;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
}
.talk .list .list02 .talk_put ul li.b a {background-color: var(--color-main-b);}
.talk .list .list02 .talk_put ul li.g a {background-color: var(--color-main-g);}
.talk .list .list02 .talk_put ul li.y a {background-color: var(--color-main-y);}
.talk .list .list02 .talk_put ul li a h4 {
    color: #fff;
    font-size: 25px;
    font-family: var(--tit-fontfamily);
    line-height: var(--tit-lineheight);
    margin-bottom: 12px;
}
.talk .list .list02 .talk_put ul li a strong {
    background-color: #fff;
    font-size: 23px;
    padding: 6px 22px;
    border-radius: 20px;
}
.talk .list .list02 .talk_put ul li:hover a strong {
    background-color: #3d3d3d;
    color: #fff;
}
@media screen and (max-width:1400px){
    .talk {padding: 146px 0 113px 0;}
    .talk .tit span {width: 47px; height: 47px;}
    .talk .list .list01 ul {margin-top: 20px;}
    .talk .list .list01 ul li {margin-bottom: 20px;}
    .talk .list .list01 ul li a {padding: 12px 20px 12px 17px;}
    .talk .list .list01 ul li a strong {font-size: 20px; width: 78px; line-height: 46px;}
    .talk .list .list01 ul li a h4 {font-size: 22px; margin-left: 10px;}
    .talk .list .list01 ul li a span {font-size: 18px;}
    .talk .list .list02 .talk_search .search-box {height: 267px; padding: 73px 35px 0 35px;}
    .talk .list .list02 .talk_search .search-box h4 {font-size: 30px; margin: 5px 0 20px 0;}
    .talk .list .list02 .talk_search .search-box .search-txt {line-height: 68px;}
    .talk .list .list02 .talk_put ul {margin-top: 20px;}
    .talk .list .list02 .talk_put ul li a {height: 174px; padding: 38px 0 30px 0;}
    .talk .list .list02 .talk_put ul li a h4 {font-size: 22px;}
    .talk .list .list02 .talk_put ul li a strong {font-size: 20px; padding: 6px 20px;}
}
@media screen and (max-width:1250px){
    .talk {padding: 146px 0 80px 0;}
    .talk .tit span {width: 45px; height: 45px;}
    .talk .list .list01 ul li a {padding: 10px 18px 10px 15px;}
    .talk .list .list01 ul li a strong {font-size: 18px; width: 70px; line-height: 40px;}
    .talk .list .list01 ul li a h4 {font-size: 20px; margin-left: 10px;}
    .talk .list .list01 ul li a span {font-size: 15px;}
    .talk .list .list02 .talk_search .search-box {height: 250px; padding: 60px 30px 0 30px;}
    .talk .list .list02 .talk_search .search-box h4 {margin: 0 0 15px 0;}
    .talk .list .list02 .talk_search .search-box .search-txt {line-height: 65px;}
    .talk .list .list02 .talk_put ul li a {height: 150px; padding: 28px 0 0 0;}
    .talk .list .list02 .talk_put ul li a h4 {font-size: 20px;}
    .talk .list .list02 .talk_put ul li a strong {font-size: 18px;}
}
@media screen and (max-width:768px){
    .talk {padding: 100px 0 80px 0;}
    .talk .tit .tit_wrap a {justify-content: center; width: auto;}
    .talk .tit span {width: 42px; height: 42px; margin-left: 10px;}
    .talk .list {display: block; padding: 0 5%;}
    .talk .list .list01, .talk .list .list02 {width: 100%;}
    .talk .list .list01 ul {margin-top: 25px;}
    .talk .list .list01 ul li {margin-bottom: 13px;}
    .talk .list .list02 {transform: translateY(0); margin-top: 13px; margin-left: 0;}
    .talk .list .list02 .talk_search .search-box {height: auto; padding: 15px 12px 40px 12px;}
    .talk .list .list02 .talk_search .search-box h4 {font-size: 23px; margin: 0 0 7px 0; text-align: center;}
    .talk .list .list02 .talk_search .search-box p {display: none;}
    .talk .list .list02 .talk_search .search-box .search-txt {line-height: 46px; border-radius: 25px; font-size: 18px;}
    .talk .list .list02 .talk_search .search-box .search-btn::before {top: -3px; right: 25px; width: 23px; height: 23px;}
    .talk .list .list02 .talk_put ul {margin-top: 13px;}
    .talk .list .list02 .talk_put ul li {width: calc(33% - 6px);}
    .talk .list .list02 .talk_put ul li a {height: 127px; padding: 20px 0 0 0;}
    .talk .list .list02 .talk_put ul li a strong {font-size: 18px; padding: 4px 17px;}
}
@media screen and (max-width:550px){
    .talk .list .list01 ul li a h4 {padding-right: 30px;}
    .talk .list .list01 ul li a span {line-height: 0; font-size: 0; position: relative;}
    .talk .list .list01 ul li a span::before {position: absolute; top: -14px; right: -7px; width: 26px; height: 26px; background-repeat: no-repeat; background-position: center center; background-size: contain; content: "";}
    .talk .list .list01 ul li.y a span::before {background-image: url("data:image/svg+xml,%3Csvg width='25' height='22' viewBox='0 0 25 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_2656' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='22'%3E%3Crect width='24.1334' height='22' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_2656)'%3E%3Cpath d='M15.2502 10.9439L6.04519 2.78277C5.7321 2.50518 5.58077 2.1767 5.5912 1.79733C5.60164 1.41796 5.76341 1.08948 6.0765 0.811891C6.3896 0.534302 6.7601 0.395508 7.18799 0.395508C7.61589 0.395508 7.98639 0.534302 8.29948 0.811891L17.9115 9.36163C18.162 9.5837 18.3499 9.83353 18.4751 10.1111C18.6003 10.3887 18.663 10.6663 18.663 10.9439C18.663 11.2215 18.6003 11.4991 18.4751 11.7767C18.3499 12.0542 18.162 12.3041 17.9115 12.5261L8.26817 21.0759C7.95508 21.3535 7.5898 21.4876 7.17234 21.4784C6.75488 21.4691 6.3896 21.3257 6.0765 21.0481C5.76341 20.7705 5.60686 20.4421 5.60686 20.0627C5.60686 19.6833 5.76341 19.3548 6.0765 19.0772L15.2502 10.9439Z' fill='%23FFCB41'/%3E%3C/g%3E%3C/svg%3E%0A");}
    .talk .list .list01 ul li.b a span::before {background-image: url("data:image/svg+xml,%3Csvg width='25' height='22' viewBox='0 0 25 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_2661' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='22'%3E%3Crect width='24.1334' height='22' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_2661)'%3E%3Cpath d='M15.2502 10.9439L6.04519 2.78277C5.7321 2.50518 5.58077 2.1767 5.5912 1.79733C5.60164 1.41796 5.76341 1.08948 6.0765 0.811891C6.3896 0.534302 6.7601 0.395508 7.18799 0.395508C7.61589 0.395508 7.98639 0.534302 8.29948 0.811891L17.9115 9.36163C18.162 9.5837 18.3499 9.83353 18.4751 10.1111C18.6003 10.3887 18.663 10.6663 18.663 10.9439C18.663 11.2215 18.6003 11.4991 18.4751 11.7767C18.3499 12.0542 18.162 12.3041 17.9115 12.5261L8.26817 21.0759C7.95508 21.3535 7.5898 21.4876 7.17234 21.4784C6.75488 21.4691 6.3896 21.3257 6.0765 21.0481C5.76341 20.7705 5.60686 20.4421 5.60686 20.0627C5.60686 19.6833 5.76341 19.3548 6.0765 19.0772L15.2502 10.9439Z' fill='%2364BEF3'/%3E%3C/g%3E%3C/svg%3E%0A");}
    .talk .list .list01 ul li.p a span::before {background-image: url("data:image/svg+xml,%3Csvg width='25' height='22' viewBox='0 0 25 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_2666' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='22'%3E%3Crect width='24.1334' height='22' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_2666)'%3E%3Cpath d='M15.2502 10.9439L6.04519 2.78277C5.7321 2.50518 5.58077 2.1767 5.5912 1.79733C5.60164 1.41796 5.76341 1.08948 6.0765 0.811891C6.3896 0.534302 6.7601 0.395508 7.18799 0.395508C7.61589 0.395508 7.98639 0.534302 8.29948 0.811891L17.9115 9.36163C18.162 9.5837 18.3499 9.83353 18.4751 10.1111C18.6003 10.3887 18.663 10.6663 18.663 10.9439C18.663 11.2215 18.6003 11.4991 18.4751 11.7767C18.3499 12.0542 18.162 12.3041 17.9115 12.5261L8.26817 21.0759C7.95508 21.3535 7.5898 21.4876 7.17234 21.4784C6.75488 21.4691 6.3896 21.3257 6.0765 21.0481C5.76341 20.7705 5.60686 20.4421 5.60686 20.0627C5.60686 19.6833 5.76341 19.3548 6.0765 19.0772L15.2502 10.9439Z' fill='%23FDA9BD'/%3E%3C/g%3E%3C/svg%3E%0A");}
    .talk .list .list01 ul li.g a span::before {background-image: url("data:image/svg+xml,%3Csvg width='25' height='22' viewBox='0 0 25 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_44_2671' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='22'%3E%3Crect width='24.1334' height='22' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_44_2671)'%3E%3Cpath d='M15.2502 10.9439L6.04519 2.78277C5.7321 2.50518 5.58077 2.1767 5.5912 1.79733C5.60164 1.41796 5.76341 1.08948 6.0765 0.811891C6.3896 0.534302 6.7601 0.395508 7.18799 0.395508C7.61589 0.395508 7.98639 0.534302 8.29948 0.811891L17.9115 9.36163C18.162 9.5837 18.3499 9.83353 18.4751 10.1111C18.6003 10.3887 18.663 10.6663 18.663 10.9439C18.663 11.2215 18.6003 11.4991 18.4751 11.7767C18.3499 12.0542 18.162 12.3041 17.9115 12.5261L8.26817 21.0759C7.95508 21.3535 7.5898 21.4876 7.17234 21.4784C6.75488 21.4691 6.3896 21.3257 6.0765 21.0481C5.76341 20.7705 5.60686 20.4421 5.60686 20.0627C5.60686 19.6833 5.76341 19.3548 6.0765 19.0772L15.2502 10.9439Z' fill='%235AE2B0'/%3E%3C/g%3E%3C/svg%3E%0A");}
}
@media screen and (max-width:500px){
    .talk .tit span {width: 32px; height: 32px;}
}
@media screen and (max-width:420px){
    .talk .list .list02 .talk_put ul {display: block; text-align: left;}
    .talk .list .list02 .talk_put ul li {width: 100%; margin-bottom: 10px;}
    .talk .list .list02 .talk_put ul li a {height: 60px; display: flex; justify-content: space-between; align-items: center; padding: 0 20px;}
    .talk .list .list02 .talk_put ul li a h4 {margin-bottom: 0;}
    .talk .list .list02 .talk_put ul li a br {display: none;}
}
@media screen and (max-width:370px){
    .talk {padding: 61px 0 56px 0;}
    .talk .tit span {width: 28px; height: 28px;}
    .talk .list .list01 ul li a {border-radius: 0; padding: 10px 12px;}
    .talk .list .list01 ul li a strong {font-size: 15px; width: 56px; line-height: 28px;}
    .talk .list .list01 ul li a h4 {font-size: 17px;}
    .talk .list .list01 ul li a span::before {width: 24px; height: 24px; top: -13px;}
    .talk .list .list02 .talk_search .search-box {display: flex; align-items: center; padding: 10px 12px; border-radius: 0;}
    .talk .list .list02 .talk_search .search-box h4 {font-size: 17px; margin: 0; width: 160%; text-align: left;}
    .talk .list .list02 .talk_search .search-box .search-txt {font-size: 13px; line-height: 26px; padding: 0 10px; text-align: center;}
    .talk .list .list02 .talk_search .search-box .search-btn::before {display: none;}
    .talk .list .list02 .talk_put ul li a {border-radius: 0; padding: 10px 12px; height: auto;}
    .talk .list .list02 .talk_put ul li a h4 {font-size: 17px;}
    .talk .list .list02 .talk_put ul li a strong {font-size: 13px;}
}
.display {
    padding: 170px 0 134px 0;
}
.display .tit .tit_wrap a {
    display: flex;
    justify-content: center;
    margin-bottom: 56px;
}
.display .tit h3 {
    color: var(--tit-txt-color);
    font-size: var(--tit-txt-size);
    font-family: var(--tit-fontfamily);
    line-height: 1;
}
.display .tit span {
    position: relative;
    font-size: 0;
    line-height: 0;
    margin-left: 20px;
}
.display .tit span::before {
    position: absolute;
    top: 0;
    left: -5px;
    width: 51px;
    height: 51px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_42_868' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='52' height='52'%3E%3Crect width='52' height='52' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_42_868)'%3E%3Cpath d='M23.4 28.6V36.4C23.4 37.1367 23.6492 37.7542 24.1475 38.2525C24.6458 38.7508 25.2633 39 26 39C26.7367 39 27.3542 38.7508 27.8525 38.2525C28.3508 37.7542 28.6 37.1367 28.6 36.4V28.6H36.4C37.1367 28.6 37.7542 28.3508 38.2525 27.8525C38.7508 27.3542 39 26.7367 39 26C39 25.2633 38.7508 24.6458 38.2525 24.1475C37.7542 23.6492 37.1367 23.4 36.4 23.4H28.6V15.6C28.6 14.8633 28.3508 14.2458 27.8525 13.7475C27.3542 13.2492 26.7367 13 26 13C25.2633 13 24.6458 13.2492 24.1475 13.7475C23.6492 14.2458 23.4 14.8633 23.4 15.6V23.4H15.6C14.8633 23.4 14.2458 23.6492 13.7475 24.1475C13.2492 24.6458 13 25.2633 13 26C13 26.7367 13.2492 27.3542 13.7475 27.8525C14.2458 28.3508 14.8633 28.6 15.6 28.6H23.4ZM26 52C22.4033 52 19.0233 51.3175 15.86 49.9525C12.6967 48.5875 9.945 46.735 7.605 44.395C5.265 42.055 3.4125 39.3033 2.0475 36.14C0.6825 32.9767 0 29.5967 0 26C0 22.4033 0.6825 19.0233 2.0475 15.86C3.4125 12.6967 5.265 9.945 7.605 7.605C9.945 5.265 12.6967 3.4125 15.86 2.0475C19.0233 0.6825 22.4033 0 26 0C29.5967 0 32.9767 0.6825 36.14 2.0475C39.3033 3.4125 42.055 5.265 44.395 7.605C46.735 9.945 48.5875 12.6967 49.9525 15.86C51.3175 19.0233 52 22.4033 52 26C52 29.5967 51.3175 32.9767 49.9525 36.14C48.5875 39.3033 46.735 42.055 44.395 44.395C42.055 46.735 39.3033 48.5875 36.14 49.9525C32.9767 51.3175 29.5967 52 26 52Z' fill='%232D2D2D'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.display .swiper ul li {
    width: 297px;
}
.display .swiper ul li .photo {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    border: 1px solid #aaa;
    border-radius: 20px;
}
.display .swiper ul li .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.display .swiper ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 45px;
    border: 1px solid #aaa;
    border-radius: 25px;
    margin-top: 10px;
}
.display .swiper ul li a:hover {
    background-color: #aaa;
}
.display .swiper ul li a strong {
    color: var(--tit-txt-color);
    font-size: 20px;
    font-weight: var(--txt-bold);
    margin-left: 23px;
}
.display .swiper ul li a:hover strong {
    color: #fff;
}
.display .swiper ul li a span {
    font-size: 0;
    line-height: 0;
    position: relative;
}
.display .swiper ul li a span::before {
    position: absolute;
    top: -11px;
    right: 12px;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_33_9707' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='23' height='23'%3E%3Crect width='23' height='23' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_33_9707)'%3E%3Cpath d='M14.5337 11.4385L5.76103 2.90642C5.46264 2.61622 5.31842 2.2728 5.32836 1.87619C5.33831 1.47957 5.49248 1.13616 5.79087 0.845955C6.08926 0.555748 6.44236 0.410645 6.85016 0.410645C7.25796 0.410645 7.61106 0.555748 7.90945 0.845955L17.0701 9.78432C17.3088 10.0165 17.4878 10.2777 17.6072 10.5679C17.7265 10.8581 17.7862 11.1483 17.7862 11.4385C17.7862 11.7287 17.7265 12.0189 17.6072 12.3091C17.4878 12.5993 17.3088 12.8605 17.0701 13.0927L7.87961 22.031C7.58122 22.3212 7.2331 22.4615 6.83524 22.4518C6.43738 22.4422 6.08926 22.2922 5.79087 22.002C5.49248 21.7118 5.34328 21.3684 5.34328 20.9718C5.34328 20.5752 5.49248 20.2318 5.79087 19.9416L14.5337 11.4385Z' fill='%23F6D10F'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.display .swiper ul li a:hover span::before {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_35_11687' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='23' height='23'%3E%3Crect width='23' height='23' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_35_11687)'%3E%3Cpath d='M14.5337 11.4385L5.76103 2.90642C5.46264 2.61622 5.31842 2.2728 5.32836 1.87619C5.33831 1.47957 5.49248 1.13616 5.79087 0.845955C6.08926 0.555748 6.44236 0.410645 6.85016 0.410645C7.25796 0.410645 7.61106 0.555748 7.90945 0.845955L17.0701 9.78432C17.3088 10.0165 17.4878 10.2777 17.6072 10.5679C17.7265 10.8581 17.7862 11.1483 17.7862 11.4385C17.7862 11.7287 17.7265 12.0189 17.6072 12.3091C17.4878 12.5993 17.3088 12.8605 17.0701 13.0927L7.87961 22.031C7.58122 22.3212 7.2331 22.4615 6.83524 22.4518C6.43738 22.4422 6.08926 22.2922 5.79087 22.002C5.49248 21.7118 5.34328 21.3684 5.34328 20.9718C5.34328 20.5752 5.49248 20.2318 5.79087 19.9416L14.5337 11.4385Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media screen and (max-width:1400px){
    .display {padding: 155px 0 128px 0;}
    .display .tit .tit_wrap a {margin-bottom: 53px;}
    .display .tit span {margin-left: 15px;}
    .display .tit span::before {width: 47px; height: 47px;}
    .display .swiper ul li {width: 271px;}
    .display .swiper ul li a {line-height: 37px; margin-top: 7px;}
    .display .swiper ul li a strong {font-size: 18px; margin-left: 20px;}
    .display .swiper ul li a span::before {top: -10px; right: 10px; width: 20px; height: 20px;}
}
@media screen and (max-width:1250px){
    .display {padding: 150px 0 115px 0;}
    .display .tit span::before {width: 45px; height: 45px;}
}
@media screen and (max-width:768px){
    .display {padding: 100px 0 80px 0;}
    .display .tit .tit_wrap a {margin-bottom: 40px;}
    .display .tit span::before {width: 42px; height: 42px;}
    .display .swiper ul li {width: 253px;}
}
@media screen and (max-width:500px){
    .display .tit .tit_wrap a {margin-bottom: 35px;}
    .display .tit span::before {width: 32px; height: 32px;}
}
@media screen and (max-width:370px){
    .display {padding: 60px 0 40px 0;}
    .display .tit .tit_wrap a {margin-bottom: 25px;}
    .display .tit span::before {width: 28px; height: 28px;}
    .display .swiper ul li .photo {border-radius: 0;}
    .display .swiper ul li {width: calc(60% - 10px);}
    .display .swiper ul li a {border-radius: 0; line-height: 32px;}
    .display .swiper ul li a strong {font-size: 17px; margin-left: 10px;}
    .display .swiper ul li a span::before {top: -9px; right: 5px; width: 18px; height: 18px;}
}

.youtube {
    padding: 150px 0 100px 0;
    background-color: var(--color-main-y);
    color: #fff;
}
.youtube .tit {
    float: left;
    width: 20%;
}
.youtube .tit h3 {
    font-size: var(--tit-txt-size);
    font-family: var(--tit-fontfamily);
    line-height: 1;
}
.youtube .tit_top a span.more {
    font-size: 0;
    line-height: 0;
    position: relative;
}
.youtube .tit_top a span.more::before {
    position: absolute;
    top: 85px;
    left: 0;
    width: 51px;
    height: 51px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_42_868' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='52' height='52'%3E%3Crect width='52' height='52' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_42_868)'%3E%3Cpath d='M23.4 28.6V36.4C23.4 37.1367 23.6492 37.7542 24.1475 38.2525C24.6458 38.7508 25.2633 39 26 39C26.7367 39 27.3542 38.7508 27.8525 38.2525C28.3508 37.7542 28.6 37.1367 28.6 36.4V28.6H36.4C37.1367 28.6 37.7542 28.3508 38.2525 27.8525C38.7508 27.3542 39 26.7367 39 26C39 25.2633 38.7508 24.6458 38.2525 24.1475C37.7542 23.6492 37.1367 23.4 36.4 23.4H28.6V15.6C28.6 14.8633 28.3508 14.2458 27.8525 13.7475C27.3542 13.2492 26.7367 13 26 13C25.2633 13 24.6458 13.2492 24.1475 13.7475C23.6492 14.2458 23.4 14.8633 23.4 15.6V23.4H15.6C14.8633 23.4 14.2458 23.6492 13.7475 24.1475C13.2492 24.6458 13 25.2633 13 26C13 26.7367 13.2492 27.3542 13.7475 27.8525C14.2458 28.3508 14.8633 28.6 15.6 28.6H23.4ZM26 52C22.4033 52 19.0233 51.3175 15.86 49.9525C12.6967 48.5875 9.945 46.735 7.605 44.395C5.265 42.055 3.4125 39.3033 2.0475 36.14C0.6825 32.9767 0 29.5967 0 26C0 22.4033 0.6825 19.0233 2.0475 15.86C3.4125 12.6967 5.265 9.945 7.605 7.605C9.945 5.265 12.6967 3.4125 15.86 2.0475C19.0233 0.6825 22.4033 0 26 0C29.5967 0 32.9767 0.6825 36.14 2.0475C39.3033 3.4125 42.055 5.265 44.395 7.605C46.735 9.945 48.5875 12.6967 49.9525 15.86C51.3175 19.0233 52 22.4033 52 26C52 29.5967 51.3175 32.9767 49.9525 36.14C48.5875 39.3033 46.735 42.055 44.395 44.395C42.055 46.735 39.3033 48.5875 36.14 49.9525C32.9767 51.3175 29.5967 52 26 52Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.youtube .tit_sub {
    margin-top: -15px;
}
.youtube .tit_sub span.txt {
    font-weight: var(--txt-bold);
    font-size: 20px;
}
.youtube .tit_sub span.youtube_logo {
    display: inline-block;
    width: 39px;
    height: 27px;
    background: url(../images/main/youtube_logo.svg) no-repeat center center / contain;
    margin: 5px 5px -4px 0;
}
.youtube .list {
    margin-left: 25%;
}
.youtube .list ul li {
    width: calc(33% - 13px);
}
.youtube .list ul li .photo {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    border: 1px solid #fff;
    border-radius: 20px;
    box-shadow: 4px 4px 4px #E2AE25;
}
.youtube .list ul li .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}
.youtube .list ul li:hover .photo img {
    transform: scale3d(1.2, 1.2, 1)
}
.youtube .list ul li a p {
    font-size: 20px;
    font-weight: var(--txt-bold);
    line-height: var(--tit-lineheight);
    height: 2.6em;
    overflow: hidden;
    text-shadow: 0 0 3px #937B00;
    margin-top: 18px;
}
.youtube .list ul li:hover a p {
    color: var(--tit-txt-color);
    text-shadow: none;
}
.youtube .btn_wrap button {
    font-size: 0;
    line-height: 0;
    position: relative;
}
.youtube .btn_wrap button::before {
    position: absolute;
    width: 51px;
    height: 51px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content: "";
}
.youtube .btn_wrap button.btn_prev::before {
    background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_42_753' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='52' height='52'%3E%3Crect width='52' height='52' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_42_753)'%3E%3Cpath d='M25.48 28.6H33.8C34.5367 28.6 35.1542 28.3508 35.6525 27.8525C36.1508 27.3542 36.4 26.7367 36.4 26C36.4 25.2633 36.1508 24.6458 35.6525 24.1475C35.1542 23.6492 34.5367 23.4 33.8 23.4H25.48L27.82 21.06C28.2967 20.5833 28.535 19.9767 28.535 19.24C28.535 18.5033 28.2967 17.8967 27.82 17.42C27.3433 16.9433 26.7367 16.705 26 16.705C25.2633 16.705 24.6567 16.9433 24.18 17.42L17.42 24.18C16.9 24.7 16.64 25.3067 16.64 26C16.64 26.6933 16.9 27.3 17.42 27.82L24.18 34.58C24.6567 35.0567 25.2633 35.295 26 35.295C26.7367 35.295 27.3433 35.0567 27.82 34.58C28.2967 34.1033 28.535 33.4967 28.535 32.76C28.535 32.0233 28.2967 31.4167 27.82 30.94L25.48 28.6ZM26 52C22.4033 52 19.0233 51.3175 15.86 49.9525C12.6967 48.5875 9.945 46.735 7.605 44.395C5.265 42.055 3.4125 39.3033 2.0475 36.14C0.6825 32.9767 0 29.5967 0 26C0 22.4033 0.6825 19.0233 2.0475 15.86C3.4125 12.6967 5.265 9.945 7.605 7.605C9.945 5.265 12.6967 3.4125 15.86 2.0475C19.0233 0.6825 22.4033 0 26 0C29.5967 0 32.9767 0.6825 36.14 2.0475C39.3033 3.4125 42.055 5.265 44.395 7.605C46.735 9.945 48.5875 12.6967 49.9525 15.86C51.3175 19.0233 52 22.4033 52 26C52 29.5967 51.3175 32.9767 49.9525 36.14C48.5875 39.3033 46.735 42.055 44.395 44.395C42.055 46.735 39.3033 48.5875 36.14 49.9525C32.9767 51.3175 29.5967 52 26 52Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
    top: -100px;
    left: 135px;
}
.youtube .btn_wrap button.btn_next::before {
    background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_42_756' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='52' height='52'%3E%3Crect x='52' y='52' width='52' height='52' transform='rotate(-180 52 52)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_42_756)'%3E%3Cpath d='M26.52 23.4L18.2 23.4C17.4633 23.4 16.8458 23.6492 16.3475 24.1475C15.8492 24.6458 15.6 25.2633 15.6 26C15.6 26.7367 15.8492 27.3542 16.3475 27.8525C16.8458 28.3508 17.4633 28.6 18.2 28.6L26.52 28.6L24.18 30.94C23.7033 31.4167 23.465 32.0233 23.465 32.76C23.465 33.4967 23.7033 34.1033 24.18 34.58C24.6567 35.0567 25.2633 35.295 26 35.295C26.7367 35.295 27.3433 35.0567 27.82 34.58L34.58 27.82C35.1 27.3 35.36 26.6933 35.36 26C35.36 25.3067 35.1 24.7 34.58 24.18L27.82 17.42C27.3433 16.9433 26.7367 16.705 26 16.705C25.2633 16.705 24.6567 16.9433 24.18 17.42C23.7033 17.8967 23.465 18.5033 23.465 19.24C23.465 19.9767 23.7033 20.5833 24.18 21.06L26.52 23.4ZM26 -2.27299e-06C29.5967 -1.95856e-06 32.9767 0.682501 36.14 2.0475C39.3033 3.4125 42.055 5.265 44.395 7.605C46.735 9.945 48.5875 12.6967 49.9525 15.86C51.3175 19.0233 52 22.4033 52 26C52 29.5967 51.3175 32.9767 49.9525 36.14C48.5875 39.3033 46.735 42.055 44.395 44.395C42.055 46.735 39.3033 48.5875 36.14 49.9525C32.9767 51.3175 29.5967 52 26 52C22.4033 52 19.0233 51.3175 15.86 49.9525C12.6967 48.5875 9.945 46.735 7.605 44.395C5.265 42.055 3.4125 39.3033 2.04751 36.14C0.682504 32.9767 1.95856e-06 29.5967 2.27299e-06 26C2.58742e-06 22.4033 0.682506 19.0233 2.04751 15.86C3.41251 12.6967 5.265 9.945 7.605 7.605C9.945 5.265 12.6967 3.4125 15.86 2.0475C19.0233 0.6825 22.4033 -2.58742e-06 26 -2.27299e-06Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
    top: -100px;
    left: 190px;
}
@media screen and (max-width:1400px){
    .youtube {padding: 120px 0 100px 0;}
    .youtube .wrapper {width: 100%;}
    .youtube .tit {float: none; width: 100%;}
    .youtube .tit_top a {display: flex; justify-content: center;}
    .youtube .tit_top a span.more::before {top: 0; left: 10px; width: 47px; height: 47px;}
    .youtube .tit_sub {margin-top: 0; text-align: center;}
    .youtube .tit_sub span.txt {font-size: 18px;}
    .youtube .list {margin: 30px 0 0 0;}
    .youtube .list ul li {width: calc(35% - 10px);}
    .youtube .list ul li a p {font-size: 18px; margin-top: 15px;}
    .youtube .btn_wrap button {display: none;}
}
@media screen and (max-width:1250px){
    .youtube {padding: 100px 0 85px 0;}
    .youtube .tit_top a span.more::before {width: 45px; height: 45px;}
    .youtube .tit_sub {margin-top: 5px;}
    .youtube .tit_sub span.txt {font-size: 16px;}
    .youtube .tit_sub span.youtube_logo {width: 31px; height: 23px;}
    .youtube .list {margin: 20px 0 0 0;}
    .youtube .list ul li a p {font-size: 17px; margin-top: 15px;}
}
@media screen and (max-width:768px){
    .youtube {padding: 100px 0 80px 0;}
    .youtube .tit_top a span.more::before {width: 42px; height: 42px;}
    .youtube .tit_sub {display: none;}
    .youtube .list ul li {width: calc(50% - 8px);}
    .youtube .list ul li a p {font-size: 16px; margin-top: 10px;}
}
@media screen and (max-width:500px){
    .youtube .tit_top a span.more::before {width: 32px; height: 32px;}
}
@media screen and (max-width:370px){
    .youtube {padding: 50px 0 40px 0;}
    .youtube .tit_top a span.more::before {width: 28px; height: 28px;}
    .youtube .list ul li a p {font-size: 14px; margin-top: 7px;}
}

.notice {
    background: url(../images/main/notice_bg1920.png) no-repeat center center / cover;
    padding: 148px 0 122px 0;
}
.notice .tit .tit_wrap a {
    display: flex;
    justify-content: center;
    margin-bottom: 22px;
}
.notice .tit h3 {
    color: var(--tit-txt-color);
    font-size: var(--tit-txt-size);
    font-family: var(--tit-fontfamily);
    line-height: 1;
    margin-right: 20px;
}
.notice .tit span {
    position: relative;
    font-size: 0;
    line-height: 0;
}
.notice .tit span::before {
    position: absolute;
    top: 0;
    left: -5px;
    width: 51px;
    height: 51px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_42_868' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='52' height='52'%3E%3Crect width='52' height='52' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_42_868)'%3E%3Cpath d='M23.4 28.6V36.4C23.4 37.1367 23.6492 37.7542 24.1475 38.2525C24.6458 38.7508 25.2633 39 26 39C26.7367 39 27.3542 38.7508 27.8525 38.2525C28.3508 37.7542 28.6 37.1367 28.6 36.4V28.6H36.4C37.1367 28.6 37.7542 28.3508 38.2525 27.8525C38.7508 27.3542 39 26.7367 39 26C39 25.2633 38.7508 24.6458 38.2525 24.1475C37.7542 23.6492 37.1367 23.4 36.4 23.4H28.6V15.6C28.6 14.8633 28.3508 14.2458 27.8525 13.7475C27.3542 13.2492 26.7367 13 26 13C25.2633 13 24.6458 13.2492 24.1475 13.7475C23.6492 14.2458 23.4 14.8633 23.4 15.6V23.4H15.6C14.8633 23.4 14.2458 23.6492 13.7475 24.1475C13.2492 24.6458 13 25.2633 13 26C13 26.7367 13.2492 27.3542 13.7475 27.8525C14.2458 28.3508 14.8633 28.6 15.6 28.6H23.4ZM26 52C22.4033 52 19.0233 51.3175 15.86 49.9525C12.6967 48.5875 9.945 46.735 7.605 44.395C5.265 42.055 3.4125 39.3033 2.0475 36.14C0.6825 32.9767 0 29.5967 0 26C0 22.4033 0.6825 19.0233 2.0475 15.86C3.4125 12.6967 5.265 9.945 7.605 7.605C9.945 5.265 12.6967 3.4125 15.86 2.0475C19.0233 0.6825 22.4033 0 26 0C29.5967 0 32.9767 0.6825 36.14 2.0475C39.3033 3.4125 42.055 5.265 44.395 7.605C46.735 9.945 48.5875 12.6967 49.9525 15.86C51.3175 19.0233 52 22.4033 52 26C52 29.5967 51.3175 32.9767 49.9525 36.14C48.5875 39.3033 46.735 42.055 44.395 44.395C42.055 46.735 39.3033 48.5875 36.14 49.9525C32.9767 51.3175 29.5967 52 26 52Z' fill='%232D2D2D'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.notice .list ul {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}
.notice .list ul li {
    width: calc(33% - 16px);
}
.notice .list ul li a {
    display: block;
    height: 157px;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    padding: 29px 30px 0 20px;
}
.notice .list ul li:hover a {
    border: 2px solid var(--color-main-y);
}
.notice .list ul li a .list_tit {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.notice .list ul li a .list_tit strong {
    display: block;
    color: #fff;
    background-color: var(--color-main-y);
    font-size: 18px;
    font-weight: var(--txt-bold);
    text-align: center;
    line-height: 35px;
    width: 70px;
    border-radius: 20px;
    margin-right: 10px;
}
.notice .list ul li a .list_tit p {
    color: var(--tit-txt-color);
    font-weight: var(--txt-bold);
    font-size: 20px;
    width: 270px;
    line-height: var(--tit-lineheight);
    height: 2.6em;
    overflow: hidden;
}
.notice .list ul li a .date {
    color: #666;
    text-align: right;
    margin-top: 30px;
}
.notice .banner ul {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
}
.notice .banner ul li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.notice .banner ul li::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 130px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content: "";
}
.notice .banner ul li.b::before {background-image: url("data:image/svg+xml,%3Csvg width='130' height='140' viewBox='0 0 130 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M115 42.2592V97.387C114.963 97.4755 114.911 97.5582 114.89 97.6505C114.056 101.11 111.665 103 108.109 103C88.0433 103 67.9779 103 47.9125 103C43.7476 102.998 41 100.254 41 96.0948C41 76.9754 41 57.8559 41 38.7365C41 38.4826 41 38.2307 41 38H106.361V42.2592H115.002H115ZM45.3367 42.2938V43.1226C45.3367 60.7537 45.3367 78.3849 45.3367 96.016C45.3367 97.8966 46.1226 98.6812 48.0051 98.6812C65.8289 98.6812 83.6545 98.6812 101.478 98.6812H102.112C102.071 96.7159 101.998 94.8065 101.998 92.897C101.988 76.3216 101.992 59.7461 101.992 43.1707V42.2938H45.3367ZM106.329 46.6089V47.4472C106.329 63.6323 106.329 79.8174 106.329 96.0025C106.329 96.1948 106.323 96.3871 106.332 96.5775C106.392 97.7005 107.242 98.5869 108.335 98.6735C109.387 98.7561 110.372 98.0312 110.607 96.9659C110.673 96.6659 110.663 96.3467 110.663 96.0372C110.665 79.8271 110.665 63.6189 110.665 47.4088V46.6069H106.329V46.6089Z' fill='white'/%3E%3Cpath d='M49.5594 85.6767V72.8105H97.5972V85.6767H49.5594ZM93.2875 77.1429H53.9232V81.3732H93.2875V77.1429Z' fill='white'/%3E%3Cpath d='M49.5769 46.751H75.7187V68.426H49.5769V46.751ZM53.8904 64.0802H71.382V51.0814H53.8904V64.0802Z' fill='white'/%3E%3Cpath d='M97.6243 90.0952V94.3256H49.5865V90.0952H97.6243Z' fill='white'/%3E%3Cpath d='M97.6435 46.7646V50.9816H80.1538V46.7646H97.6435Z' fill='white'/%3E%3Cpath d='M97.6262 55.3813V59.6348H80.1404V55.3813H97.6262Z' fill='white'/%3E%3Cpath d='M80.1345 68.4071V64.1709H97.601V68.4071H80.1345Z' fill='white'/%3E%3C/svg%3E%0A");}
.notice .banner ul li.g::before {background-image: url("data:image/svg+xml,%3Csvg width='130' height='140' viewBox='0 0 130 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M120.985 107H42C42 90.1212 42 76.2424 42 59.3637C42.2145 59.2267 42.4405 59.1053 42.6434 58.9527C46.8766 55.7761 51.1002 52.5859 55.347 49.429C55.8571 49.0493 56.0812 48.6735 56.0541 48.0237C56 46.7633 56.0387 45.497 56.0387 44.2053C57.9302 44.2053 59.7039 44.2346 61.4737 44.1857C61.922 44.1739 62.434 44.0115 62.7972 43.7453C68.7751 39.3691 74.7338 34.9673 80.6982 30.5715C80.9648 30.3758 81.2353 30.1879 81.4981 30C81.757 30.184 81.9695 30.3288 82.1762 30.4815C88.1155 34.8656 94.0606 39.2438 99.9864 43.6475C100.537 44.0565 101.074 44.2327 101.75 44.217C103.462 44.1759 105.176 44.2033 106.946 44.2033C106.946 45.542 106.975 46.7868 106.934 48.0316C106.915 48.6324 107.089 49.016 107.585 49.3859C111.832 52.5429 116.05 55.7409 120.297 58.9018C120.803 59.2776 121.002 59.6553 121.002 60.3051C120.981 76.8707 120.986 90.4344 120.986 107H120.985ZM116.297 102.273V65.3409C108.182 71.4787 100.156 77.5498 92.0532 83.6817C98.2436 87.8662 102.37 90.0056 108.542 94.1764C107.676 95.4916 106.841 96.7618 105.985 98.0614C105.69 97.8676 105.452 97.7169 105.218 97.5604C99.0607 93.4033 94.8992 91.2521 88.7551 87.0755C88.2662 86.7428 87.961 86.7486 87.4953 87.1127C85.7062 88.514 83.8668 89.8469 82.0777 91.2502C81.6179 91.6122 81.328 91.575 80.8914 91.2345C79.139 89.8703 77.3402 88.5688 75.5955 87.1929C75.07 86.778 74.728 86.7349 74.1464 87.1303C68.0274 91.2991 63.8853 93.4307 57.7469 97.5721C57.517 97.7267 57.2813 97.8735 56.9973 98.0555C56.1356 96.7462 55.3028 95.4779 54.445 94.1764C60.6277 89.9978 64.7467 87.8623 70.9333 83.6817C62.8049 77.5342 54.7732 71.4571 46.666 65.3253V102.273H116.297ZM81.4691 85.8013C81.6121 85.7094 81.7009 85.6585 81.7821 85.5978C88.4942 80.5189 95.2102 75.4439 101.905 70.3415C102.146 70.1576 102.301 69.6976 102.303 69.3669C102.326 62.8044 102.32 56.24 102.318 49.6776C102.318 49.429 102.297 49.1785 102.286 48.9338H60.697C60.6854 49.0904 60.668 49.2157 60.668 49.3409C60.668 56.0873 60.6622 62.8318 60.6854 69.5782C60.6854 69.8503 60.896 70.2065 61.1182 70.3807C62.7663 71.6685 64.4414 72.9211 66.1088 74.1835C71.2135 78.047 76.32 81.9105 81.4691 85.8053V85.8013ZM70.1102 44.1387H92.8337C88.9695 41.2851 85.2406 38.5294 81.4884 35.758C77.715 38.5372 73.9802 41.2891 70.1102 44.1387ZM48.1827 60.6143C50.822 62.6106 53.3705 64.5385 55.9923 66.5211V54.776C53.3608 56.745 50.8162 58.6454 48.1827 60.6163V60.6143ZM114.798 60.6182C112.135 58.6239 109.595 56.7195 107 54.7741V66.5172C109.628 64.5306 112.164 62.6106 114.798 60.6182Z' fill='white'/%3E%3Cpath d='M69.9595 59.906V55.3086H93.0018V59.906H69.9595Z' fill='white'/%3E%3Cpath d='M93.0269 64.7012V69.2947H69.9846V64.7012H93.0269Z' fill='white'/%3E%3C/svg%3E%0A");}
.notice .banner ul li.b  {
    background-color: var(--color-main-b);
    border-radius: 20px 0 0 20px;
}
.notice .banner ul li.g  {
    background-color: var(--color-main-g);
    border-radius: 0 20px 20px 0;
}
.notice .banner ul li .banner_tit {
    color: #fff;
    margin: 36px 34px 38px 146px;
}
.notice .banner ul li .banner_tit h4 {
    font-size: 30px;
    font-weight: var(--txt-bold);
    margin-bottom: 3px;
}
.notice .banner ul li .more span {
    font-size: 25px;
    font-weight: var(--txt-bold);
    color: var(--tit-txt-color);
    padding: 20px 30px;
    background-color: #fff;
    white-space: nowrap;
    border-radius: 40px;
    margin-right: 40px;
}
.notice .banner ul li .more:hover span {
    color: #fff;
    background-color: #3d3d3d;
}
@media screen and (max-width:1400px){
    .notice {padding: 155px 0 128px 0;}
    .notice .tit span::before {width: 47px; height: 47px;}
    .notice .list ul {gap: 20px;}
    .notice .list ul li {width: calc(33% - 13px);}
    .notice .list ul li a {height: 135px; padding: 20px 27px 0 18px;}
    .notice .list ul li a .list_tit strong {font-size: 17px; line-height: 35px; width: 63px;}
    .notice .list ul li a .list_tit p {font-size: 18px; width: 280px; margin-top: 3px;}
    .notice .list ul li a .date {margin-top: 20px;}
    .notice .banner ul {margin-top: 20px;}
    .notice .banner ul li .banner_tit {margin: 32px 27px 32px 140px;}
    .notice .banner ul li .banner_tit h4 {font-size: 27px; margin: 0;}
    .notice .banner ul li .more span {font-size: 22px; padding: 17px 22px;}
}
@media screen and (max-width:1250px){
    .notice {padding: 110px 0 110px 0;}
    .notice .tit span::before {width: 45px; height: 45px;}
    .notice .list ul li a {height: auto; padding: 17px 23px 17px 16px;}
    .notice .list ul li a .list_tit strong {font-size: 16px; line-height: 33px;;}
    .notice .banner ul li::before {left: -16px;}
    .notice .banner ul li .banner_tit {margin: 20px 27px 20px 100px;}
    .notice .banner ul li .banner_tit h4 {font-size: 27px; line-height: 1.1; margin: 10px 0;}
    .notice .banner ul li .banner_tit p {display: none;}
    .notice .banner ul li .more span {font-size: 20px; padding: 16px 23px;}
}
@media screen and (max-width:800px){
    .notice .banner ul li .banner_tit {margin: 20px 0 20px 100px;}
    .notice .banner ul li::before {left: -20px; top: 5px; height: 90%;}
    .notice .banner ul li .more span {margin-right: 20px;}
}
@media screen and (max-width:768px){
    .notice {padding: 90px 0 80px 0;}
    .notice .tit span::before {width: 42px; height: 42px;}
    .notice .list ul {display: block;}
    .notice .list ul li {width: 100%; margin-bottom: 10px;}
    .notice .list ul li a {height: auto; padding: 8px 23px 14px 16px;}
    .notice .list ul li a .list_tit {justify-content: flex-start; align-items: center;}
    .notice .list ul li a .list_tit strong {font-size: 16px; line-height: 33px;}
    .notice .list ul li a .list_tit p {font-size: 16px; width: 100%; margin-top: 0; height: 1.3em;}
    .notice .list ul li a .date {margin-top: -25px;}
    .notice .banner ul {margin-top: 15px;}
    .notice .banner ul li::before {display: none;}
    .notice .banner ul li .banner_tit {margin: 10px 0 10px 20px;}
    .notice .banner ul li .banner_tit h4 {font-size: 23px; line-height: 1.1; margin: 10px 0;}
    .notice .banner ul li .banner_tit p {display: none;}
    .notice .banner ul li .more span {font-size: 16px; padding: 8px 12px; margin-right: 20px;}
}
@media screen and (max-width:620px){
    .notice .list ul li a {padding: 10px 23px 10px 16px;}
    .notice .list ul li a .date {display: none;}
}
@media screen and (max-width:500px){
    .notice .tit span::before {width: 32px; height: 32px;}
}
@media screen and (max-width:400px){
    .notice .banner ul li .banner_tit h4 {font-size: 20px;}
}
@media screen and (max-width:370px){
    .notice {padding: 60px 0 50px 0;}
    .notice .tit span::before {width: 28px; height: 28px;}
    .notice .list ul li a {border-radius: 0;}
    .notice .banner ul {margin-top: 10px;}
    .notice .banner ul li {padding: 5px 0 15px 0;}
    .notice .banner ul li .banner_tit {margin: 10px 0;}
    .notice .banner ul li .more span {font-size: 14px; padding: 6px 10px; margin-right: 0;}
    .notice .banner ul li.b, .notice .banner ul li.g {border-radius: 0; display: block; text-align: center;}
    .notice .banner ul li .banner_tit h4 {font-size: 18px;}
}